/*
Theme Name: Theworldmonarchs V2
Description: Theworldmonarchs custom theme
Author: All-Computer.cz, Ing. Robert Michálek
Version: 2.0.0
Text Domain: Theworldmonarchs
*/

:root{
    --primary: #D6C494;
    --clippath-element20: polygon(20px 0%, calc(100% - 20px) 0%, 100% 50%, calc(100% - 20px) 100%, 20px 100%, 0% 50%);
    --clippath-element9: polygon(9px 0%, calc(100% - 9px) 0%, 100% 50%, calc(100% - 9px) 100%, 9px 100%, 0% 50%);

    --Normal-text: 20px;
}

html, body{
    background-color:var(--primary);
    color: #061C24;

    font-family:"Roboto Slab", serif;
    font-size: var(--Normal-text);
    font-style: normal;
    font-weight: 400;
    line-height: 120%;

    overflow-x: hidden;
}

.h1, .h2, .h3, .h4, h1, h2, h3, h4{
    margin:0;
    color:var(--Royal-blue, #061C24);
}
h1,
.h1,
.h1 h2{
    font-family: "Taviraj", serif;
    font-size: 80px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%; /* 88px */
}
h2,
.h2{
    font-family: "Taviraj", serif;
    font-size: 56px;
    font-style: italic;
    font-weight: 500;
    line-height: 120%; /* 67.2px */
}
h3,
.h3,
.h3 h1{
    font-family:"Roboto Slab", serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 38.4px */
}
h4,
.h4{
    font-family:"Roboto Slab", serif;
    font-size: var(--Normal-text);
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 38.4px */
}

p{
    font-family:"Roboto Slab", serif;

    font-size: var(--Normal-text);
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    padding:0;
    margin:0;
}

a,
a:not([href]):not([class]){
    color:var(--primary);
    text-decoration:none;
    transition: all 0.2s;
}

.button-primary:not(.elementor-element),
a.button-primary,
.button-primary a,
.button-secondary:not(.elementor-element),
a.button-secondary,
.button-secondary a,
.woocommerce #review_form #respond .form-submit input,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt{
    width: fit-content;
    display:inline-flex;
    padding: 15px 30px;
    align-items: center;
    justify-content: center;
    font-family: "Roboto Slab", serif;
    font-size: var(--Normal-text);
    font-weight: 800;
    line-height: 120%;
    transition: all .25s;
    position: relative;
    z-index: 2;
    border: none;

    clip-path: var(--clippath-element20);
}

.button-primary:not(.elementor-element),
a.button-primary,
.button-primary a,
.button-primary:not(.elementor-element):visited,
a.button-primary:visited,
.button-primary a:visited,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt{
    color: var(--Creamy-gold, #D6C494);
    background:#741C1C;
}

.button-primary:not(.elementor-element):hover,
.button-primary:not(.elementor-element):focus,
.button-primary:hover a,
.button-primary:focus a,
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:hover{
    /*background:#981F1F;*/
    color:#fff;
}
:where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:hover{
    background:#741C1C;
}
.button-secondary:not(.elementor-element),
.button-secondary:not(.elementor-element):visited,
a.button-secondary,
a.button-secondary:visited,
.button-secondary a,
.button-secondary a:visited,
.woocommerce #review_form #respond .form-submit input
{
    color: #D6C494;
    background:#061C24;
}
.button-secondary:not(.elementor-element):hover,
.button-secondary:not(.elementor-element):focus,
.button-secondary .elementor-button-wrapper:hover a,
.button-secondary .elementor-button-wrapper:focus a,
.woocommerce #review_form #respond .form-submit input:hover{
    color:#fff;
}
.button-secondary .elementor-button-wrapper {
    display: inline-block;
    position: relative;
}
a.button-secondary::before,
.button-secondary .elementor-button-wrapper::before,
.woocommerce #review_form #respond p.form-submit::before{
    content: "";
    position: absolute;
    top: -1px;
    left: -2px;
    width: calc(100% + 4px);
    height: calc(100% + 2px);
    clip-path: polygon(21px 0%, calc(100% - 21px) 0%, 100% 50%, calc(100% - 21px) 100%, 21px 100%, 0% 50%);
    z-index: 1;
    background: #D6C494;
}
.woocommerce #review_form #respond p.form-submit::before{
    clip-path: var(--clippath-element20);
}
.button-secondary:not(.elementor-element)::before:hover,
a.button-secondary:hover::before,
.button-secondary .elementor-button-wrapper:hover::before,
.button-secondary-wrapper .button-secondary:hover::before,
.woocommerce #review_form #respond p.form-submit:hover::before {
    background: #fff;
}


.translateCenter{
    left: 50% !important;
    transform: translateX(-50%) !important;
}

.button-terciary{
    display: inline-flex;
    height: 54px;
    align-items: center;
    flex-shrink: 0;

    color: var(--Crimson-red, #741C1C);
    font-weight: 800;
}
.button-terciary:hover{
    color: var(--Royal-blue, #061C24);
}


.patternBottom::after {
    background-image: url(./assets/images/patternLinka.png);
    position: absolute;
    content: "";
    left: 0;
    bottom: 40px;
    width: 100%;
    height:50px;
    background-size: auto 100%;
    background-position: center;
    background-repeat: repeat-x;
}
.patternTop::after{
    background-image: url(./assets/images/patternLinka.png);
    position: absolute;
    content: "";
    left: 0;
    top: 35px;
    width: 100%;
    height:50px;
    background-size: auto 100%;
    background-position: center;
    background-repeat: repeat-x;
}

.imgPattern{
    padding:19px 26px 19px 24px;
    position: relative;
}
.imgPattern .corner {
    position: absolute;

    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.imgPattern .top-left {
    top: 0px;
    left: 0px;
    background-image: url(./assets/images/patterns/obrazky/leftTop.svg);
    width: 132px;
    height: 127px;
}

.imgPattern .top-right {
    top: 0px;
    right: 0px;
    background-image: url(./assets/images/patterns/obrazky/rightTop.svg);
    width: 134px;
    height: 128px;
}

.imgPattern .bottom-left {
    bottom: 0px;
    left: 0px;
    background-image: url(./assets/images/patterns/obrazky/leftBottom.svg);
    width: 132px;
    height: 127px;
}

.imgPattern .bottom-right {
    bottom: 0px;
    right: 0px;
    background-image: url(./assets/images/patterns/obrazky/rightBottom.svg);
    width: 134px;
    height: 127px;
}
.imgPattern:not(.woocommerce-cart-form) img,
.elementor .imgPattern img{
    border-radius:0px !important;
    border: 4px solid #fff;
}

ul.erbs,
.elementor-widget-container ul.erbs{
    list-style-type: none; /* Zruší výchozí ikony seznamu */
    padding:0;
    margin:0;
    display:flex;
    flex-direction: column;
    gap:16px;
}

ul.erbs li,
.elementor-widget-container ul.erbs li{
    position: relative;
    padding-left: 42px; /* Ponechá místo pro ikonu */
}

ul.erbs li::before,
.elementor-widget-container ul.erbs li::before{
    content: '';
    position: absolute;
    left: 0;
    /*top: 50%;*/
    top:0;
    /*transform: translateY(-50%);*/
    width: 18px;
    height: 25px;
    background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="18" height="25" viewBox="0 0 18 25" fill="none"%3E%3Cpath d="M0.5 0.786865V16.2494L9.0003 24.7869L17.4939 16.2494L17.5 0.786865H0.5Z" fill="%23741C1C" /%3E%3C/svg%3E') no-repeat center center;
    background-size: contain;
}

.vineta{
    background-image: url('assets/images/vineta.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.vineta-s2{
    background-image: url('assets/images/vineta-s2-white-small.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.deliciCaraBila,
.deliciCaraCerna {
    position: relative;
    margin: 0 29px !important;
    width: calc(100% - 58px) !important;
}
.deliciCaraBila{
    border-bottom: 1px solid var(--White, #FFF) !important;
}
.deliciCaraCerna{
    border-bottom: 1px solid var(--Royal-blue, #061C24) !important;
}

.deliciCaraBila::before,
.deliciCaraCerna::before {
    position: absolute !important;
    content: "" !important;
    left: 0 !important;
    top: 8px !important;
    width: 29px !important;
    height: 23.818px !important;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    margin-left: -29px !important;
}
.deliciCaraBila::before{
    background-image: url('./assets/images/patterns/deliciCara/glyphBily.svg') !important;
}
.deliciCaraCerna::before{
    background-image: url('./assets/images/patterns/deliciCara/glyph.svg') !important;
}

.deliciCaraBila::after,
.deliciCaraCerna::after{
    position: absolute !important;
    content: "" !important;
    right: 0 !important;
    top: 8px !important;
    width: 29px !important;
    height: 23.818px !important;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    margin-right: -29px !important;
}
.deliciCaraBila::after{
    background-image: url('./assets/images/patterns/deliciCara/glyphBily.svg') !important;
}
.deliciCaraCerna::after{
    background-image: url('./assets/images/patterns/deliciCara/glyph.svg') !important;
}



/* NAV */
.navbar{
    background: #061C24;
    padding: 0 0 15px 0;
    position: fixed; /* Udržení navbaru nahoře */
    top: 0;
    left: 0;
    width: 100%;
    transition: transform 0.3s ease-in-out;
    z-index: 1000; /* Zajištění, že je navbar vždy nad obsahem */
}
.home .navbar:not(.sticky),
.page-id-534 .navbar:not(.sticky){
    background:transparent;
}
.navbar-hidden {
    transform: translateY(-300%);
}
.navbar .container{
    position: relative;
    justify-content: center;
}
.navbar .container::before,
.navbar .container::after {
    content: "";
    position: absolute;
    width: 29px;  /* Nastavení šířky podle SVG */
    height: 24px; /* Nastavení výšky podle SVG */
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyOSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Ikdyb3VwIDc3Ij4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTI0LjE4NCAxMS45MDY5TDI2LjgzNDQgMy42OTA5MkMyNy42NzI2IDEuMTE2NjkgMjguOTk1NSAwIDI4Ljk5NTUgMEgyNi4wNTA2TDIyLjc4NDEgOS43NjMyMkwyMC4zNDIxIDcuMjMzODRMMjMuODU3OCA0LjYzMjcxTDI1LjQ2MTYgMC4wMzEzOTNMMTguMjIxOCA1LjAzNjMzTDE0LjQ5NzcgMS4xODg0NUwxMC43NzM2IDUuMDM2MzNMMy41MjkyOSAwLjAzMTM5M0w1LjEzMzEgNC42MzcyTDguNjMwNjggNy4yMjQ4OEw2LjE5MzI1IDkuNzM2MzFMMi45NDQ4NSAwSDBDMCAwIDEuMzIyOTIgMS4xMTY2OSAyLjE2MTA3IDMuNjkwOTJMNC44MTE0NCAxMS45MDY5TDkuMTY1MjkgNy41NzkxN0wxNC40OTc3IDExLjI2MTFMMTkuODMwMiA3LjU3OTE3TDI0LjE4NCAxMS45MDY5Wk0xNC40OTc3IDcuNTE2MzhMMTEuMzM1NCA1LjQyMjAyTDE0LjQ5NzcgMi4xOTc1MUwxNy42NjAxIDUuNDIyMDJMMTQuNDk3NyA3LjUxNjM4WiIgZmlsbD0id2hpdGUiLz4KPHBhdGggaWQ9IlZlY3Rvcl8yIiBkPSJNNC44MTE0NCAxMS45MDY5TDIuMTYxMDcgMjAuMTIyOUMxLjMyMjkyIDIyLjY5NzIgMCAyMy44MTM5IDAgMjMuODEzOUgyLjk0NDg1TDYuMjExMzcgMTQuMDUwNkw4LjY1MzM0IDE2LjU4TDUuMTM3NjMgMTkuMTgxMUwzLjUzMzgyIDIzLjc4NjlMMTAuNzczNiAxOC43ODJMMTQuNDk3NyAyMi42Mjk5TDE4LjIyMTggMTguNzgyTDI1LjQ2MTYgMjMuNzg2OUwyMy44NTc4IDE5LjE4MTFMMjAuMzYwMyAxNi41OTM1TDIyLjc5NzcgMTQuMDgyTDI2LjA1NTEgMjMuODE4M0gyOUMyOSAyMy44MTgzIDI3LjY3NzEgMjIuNzAxNiAyNi44Mzg5IDIwLjEyNzRMMjQuMTg4NiAxMS45MTE0TDE5LjgzNDcgMTYuMjM5MkwxNC41MDIzIDEyLjU1NzJMOS4xNjk4MiAxNi4yMzkyTDQuODE1OTcgMTEuOTExNEw0LjgxMTQ0IDExLjkwNjlaTTE0LjQ5NzcgMTYuMjkzTDE3LjY2MDEgMTguMzg3M0wxNC40OTc3IDIxLjYxMTlMMTEuMzM1NCAxOC4zODczTDE0LjQ5NzcgMTYuMjkzWiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8L3N2Zz4K);
}
.navbar .container::before {
    left: 0px;
    bottom: -12px;
}
.navbar .container::after {
    right: 0px;
    bottom: -12px;
}
.navbar .container .row.mobile{
    display:none;
}
.navbar .container .row.desktop{
    display:flex;
    width: calc(100% - 16px);
    border-bottom: 1px solid #fff;
}
.navbar .container > .row{
    display:flex;
    gap:0px;
    width: 100%;
}
.navbar .navbar-brand{
    width: calc(222px + 48px);
    position:relative;
    padding: 0 24px;
    flex-shrink: 0;
    margin: 0;
}
.navbar .navbar-brand img{
    position:absolute;
    top:0px;
    width: 222px;
    height: 167px;
    z-index: 10;
}
.navbar .left,
.navbar .right{
    padding: 0;
    margin: 0;
    width:calc(50% - 135px);
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap:0px;
}
.navbar .right{
    justify-content: flex-start;
}
ul.navbar-nav{
    gap:0;
}

.navbar-expand-lg .navbar-nav .nav-link,
.navbar a.nav-link{
    color: var(--primary);
    font-family: "Roboto Slab";
    font-size: var(--Normal-text);
    font-style: normal;
    font-weight: 800;
    line-height: 120%; /* 24px */

    padding:15px 16px;
}
.navbar a.nav-link:hover{
    color:#fff;
}

.navbar a.nav-link.cart{
    display:flex;
    gap:8px;
}
.navbar .cart .icon{
    position:relative;
    display: inline-block;
}
.navbar .cart .icon .badge {
    position: absolute;
    top: -3px;
    right: -10px;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Roboto Slab", serif;
    font-size: 13px;
    font-weight: 800;
    line-height: normal;
    color: var(--Creamy-gold, #D6C494);
    z-index: 1;
}
.navbar .cart .icon .badge-rotated {
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--Crimson-red, #741C1C);
    transform: rotate(45deg);
    z-index: -1;
    border-radius: 3px; /* volitelné pro mírně zaoblený vzhled */
}
.navbar .cart .icon .badge-number {
    position: relative;
    z-index: 1;
    transform: none;
    color: var(--Creamy-gold, #D6C494);
    font-family: "Roboto Slab", serif;
    font-size: 13px;
    font-weight: 800;
    line-height: normal;
}
.navbar .cart .icon svg{
    margin-top: -3px;
}
.navbar .cart .icon svg path{
    transition-duration: 0.25s;
}
.navbar .cart:hover .icon svg path{
    fill:#fff;
}

/* Ensure the dropdown is hidden by default */
.navbar-nav{
    column-gap:24px;
}
.navbar-nav .dropdown-menu {
    display: none;
    width: 100vw; /* Make the dropdown span the full viewport width */
    background: #fff; /* White background for the full-width bar */
    padding: 10px 0; /* Add some padding */
    left:0;
    z-index: 1000; /* Ensure it appears above other elements */
    box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* Add a slight shadow for visual separation */
    flex-direction: row; /* Ensure items are in a row */
    justify-content: center; /* Center the items */
}

/* Show the dropdown menu when hovering over the parent item */
.navbar-nav .dropdown:hover .dropdown-menu {
    display: flex;
    position: fixed;
}

/* Style the dropdown menu items */
.navbar-nav .dropdown-menu .dropdown-item {
    color: #061C24; /* Text color */
    font-family: "Roboto Slab", serif;
    font-size: 16px;
    font-style: italic;
    font-weight: 700;
    line-height: normal;
    padding: 7px 24px;
    text-align: center;
    text-decoration: none;
    transition: color 0.25s;
}

/* Change color on hover */
.navbar-nav .dropdown-menu .dropdown-item:hover,
.navbar-nav .dropdown-menu .dropdown-item:active,
.navbar-nav .dropdown-menu .dropdown-item:focus {
    color: #F49B10;
    background:none;
}
.navbar-nav .dropdown-menu .menu-item-image {
    display: block;
    max-height: 50px; /* Adjust size as needed */
    margin: 8px auto; /* Center the image */
    width:60px;
    height:60px;
}

.wpml-ls-legacy-dropdown{
    width:max-content;
    margin-right:20px;
}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after{
    display:none;
}
@media all and (max-width:767px){
    .wpml-ls-legacy-dropdown,
    .wpml-ls-statics-shortcode_actions a{
        margin: 0 auto;
        border:0px;
    }
}

/* ---------------------------- MAIN ----------------------- */
body.admin-bar .navbar{
    top:32px;
}
.posunBackgroundUp,
.posunBackgroundUp > .elementor-element:not(.posunBackgroundDown){
    background-position-y: calc(0% - 1px) !important;
}
.posunBackgroundDown,
.posunBackgroundDown > .elementor-element{
    background-position-y: calc(0% + 1px) !important;
}
body.Light article.single-page{
    padding-top: 150px;
}
@media all and (max-width:767px){
    body.Light article.single-page{
        padding-top: 50px;
    }
}
body.Light article.single-page a{
    color:#061C24;
}
body.Light article.single-page a:hover{
    color:#741C1C;
}
main > div:first-child{
    /*margin-top:72px;*/
    min-height: calc(100vh - 186px);
}
main > article:first-child{
    min-height: calc(100vh - 305px);
}
#rotateEffect img {
    animation: rotateYEffect 2s cubic-bezier(0.1, 0.5, 0.8, 1) forwards;
}

@keyframes rotateYEffect {
    0% {
        transform: rotateY(0deg);
    }
    60% {
        transform: rotateY(670deg); /* Velmi rychlé otočení na začátku */
    }
    100% {
        transform: rotateY(720deg); /* Jen malý rozdíl, plynulé zpomalení */
    }
}



/* -------------------------- SHORTCODES ---------------------------*/
#product-category,
.products{
    position:relative;
}
#product-category .wrapper,
#products .wrapper{
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    align-items: baseline;
    justify-content: center;
}
#topProduct-carousel2 .wrapper,
#product-category .wrapper{
    padding-bottom:350px;
}
#topProduct-carousel2 .box,
#product-category .box,
.products .box{
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0;

    position: relative;
    flex-shrink: 0;
    cursor: pointer;

    user-select: none;

    flex: 1 0 auto;
    display: inline-grid;
    flex-direction: column;
    justify-content: stretch;
}
#product-category .box{
    width:calc(33% - 40px);
    max-width: calc(33% - 40px);
    margin:0 23px;
    cursor:pointer;
}

#topProduct-carousel2 .box{
    flex: 0 0 calc(33% + 5px);
    text-align: center;
    cursor:pointer;
}
#product-category .box .obrazekBox,
#topProduct-carousel2 .box .obrazekBox{
    border:5px solid #D6C494;
    box-shadow: 0px 14px 11.5px -2px rgba(0, 0, 0, 0.60);
    margin:22px 26px;
    background-image: url(./assets/images/patterns/carousel/carouselBoxBackground.webp);
    background-position: bottom center;
    background-size: cover;
    background-repeat: no-repeat;
    position:relative;
    height:450px;
    z-index: 2;
}
#topProduct-carousel2 .box .obrazekBox .corner,
#product-category .box .obrazekBox .corner {
    position: absolute;

    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

#topProduct-carousel2 .box .obrazekBox .top-left,
#product-category .box .obrazekBox .top-left {
    top: -25px;
    left: -28px;
    background-image: url(./assets/images/patterns/carousel/leftTop.svg);
    width: 132px;
    height: 128px;
}
#topProduct-carousel2 .box .obrazekBox .top-right,
#product-category .box .obrazekBox .top-right {
    top: -25px;
    right: -29px;
    background-image: url(./assets/images/patterns/carousel/rightTop.svg);
    width: 133px;
    height: 128px;
}
#topProduct-carousel2 .box .obrazekBox .bottom-left,
#product-category .box .obrazekBox .bottom-left {
    bottom: -25px;
    left: -29px;
    background-image: url(./assets/images/patterns/carousel/leftBottom.svg);
    width: 34px;
    height: 129px;
}
#topProduct-carousel2 .box .obrazekBox .bottom-right,
#product-category .box .obrazekBox .bottom-right {
    bottom: -25px;
    right: -29px;
    background-image: url(./assets/images/patterns/carousel/rightBottom.svg);
    width: 35px;
    height: 129px;
}
#topProduct-carousel2 .box .obrazekBox img,
#product-category .box .obrazekBox img{
    max-width: 270px;
    max-height: 330px;
    position:absolute;
    left:50%;
    bottom:90px;
    transform: translateX(-50%);
}
#topProduct-carousel2 .box .obrazekBox .button-primary,
#product-category .box .obrazekBox .button-primary{
    position:absolute;
    bottom:-5px;
    left:50%;
    transform: translateX(-50%);
    white-space: nowrap;
}
#topProduct-carousel2 .box .obrazekBox .button-primary:hover,
#product-category .box .obrazekBox .button-primary:hover{
    color:#fff;
}
#topProduct-carousel2 .box .textBox,
#product-category .box .textBox{
    display:flex;
    flex-direction:column;
    gap:0;
    margin-top: -22px;
    z-index: 1;
    position:relative;
    overflow: visible;
}

#topProduct-carousel2 .box .innerAbsolute,
#product-category .box .innerAbsolute{
    position: absolute;
    top: 0;
    padding: 0 34px;
    width:100%;
}
#topProduct-carousel2 .box .textBox .shortText,
#product-category .box .textBox .shortText{
    display: none;
    position: relative;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: #061C24;
    border: 1px solid #D6C494;
    border-width:0 1px 0 1px;
    padding: 0px 5px;
    max-height: 105px;
    overflow: hidden;
    margin-bottom: -1px;
}
#topProduct-carousel2 .box .textBox .shortText .inner,
#product-category .box .textBox .shortText .inner{
    color: #000;
    font-size: var(--Normal-text);
    font-weight: 400;
    line-height: 26px;
    background: #D6C494;
    padding: 20px 24px 19px 24px;
}

#topProduct-carousel2 .box .textBox .background1,
#product-category .box .textBox .background1,
#topProduct-carousel2 .box .textBox .background2,
#product-category .box .textBox .background2,
#topProduct-carousel2 .box .textBox .background3,
#product-category .box .textBox .background3{
    clip-path: polygon(0% 0%, calc(100% - 45px) 0%, 100% 0%, calc(100% - 45px) 100%, 55px 100%, 0% 0%);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
}
#topProduct-carousel2 .box .textBox .background1,
#product-category .box .textBox .background1{
    background: #D6C494;
    width: 100%;
    bottom: 0;
    z-index: 1;
}
#topProduct-carousel2 .box .textBox .background2,
#product-category .box .textBox .background2{
    background: #061C24;
    width: calc(100% - 2px);
    bottom: 2px;
    z-index: 2;
}
#topProduct-carousel2 .box .textBox .background3,
#product-category .box .textBox .background3{
    background: #D6C494;
    width: calc(100% - 11px);
    bottom: 7px;
    z-index: 3;
}
#topProduct-carousel2 .box .textBox .labelText,
#product-category .box .textBox .labelText{
    padding: 22px 52px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-content: center;
    justify-content: center;
    color: #061C24;
    line-height: 26px;
    text-align: center;
    z-index: 4;
    position: relative;
    overflow: visible;
}
#topProduct-carousel2 .box .textBox .labelText span,
#product-category .box .textBox .labelText span{
    z-index: 10;
}
#topProduct-carousel2 .box .textBox .labelText .title,
#product-category .box .textBox .labelText .title{
    font-weight: 800;
}
#product-category .box .textBox .labelText .price,
#topProduct-carousel2 .box .textBox .labelText .price{
    margin:12px auto 0 auto;
    z-index: 10;
    font-family: "Roboto Slab", serif;
    font-size: 24px;
    font-weight: 800;
    line-height: 120%;
    transition: all .25s;
}

#monarch-carousel2 .prev,
#topProduct-carousel2 .prev,
#monarch-carousel2 .next,
#topProduct-carousel2 .next,
#dynasties .prev,
#dynasties .next{
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    margin-top: -17px;
    cursor: pointer;
    z-index:10;
}

#monarch-carousel2 .prev,
#topProduct-carousel2 .prev{
    left:-110px;
}
#monarch-carousel2 .next,
#topProduct-carousel2 .next{
    right:-110px;
}
.hideLoop1{
    display:none !important;
}
@media all and (max-width:768px){
    .hideLoop1{
        display:flex !important;
    }
}
#monarch-carousel2 .prev:hover svg path:nth-child(1),
#monarch-carousel2 .prev:hover svg path:nth-child(2),
#monarch-carousel2 .prev:hover svg path:nth-child(3),
#monarch-carousel2 .prev:hover svg path:nth-child(4),
#monarch-carousel2 .next:hover svg path,
#monarch-carousel2 .next:hover svg path:nth-child(1),
#monarch-carousel2 .next:hover svg path:nth-child(2),
#monarch-carousel2 .next:hover svg path:nth-child(3),
#monarch-carousel2 .next:hover svg path:nth-child(4),
#topProduct-carousel2 .prev:hover svg path:nth-child(1),
#topProduct-carousel2 .prev:hover svg path:nth-child(2),
#topProduct-carousel2 .prev:hover svg path:nth-child(3),
#topProduct-carousel2 .prev:hover svg path:nth-child(4),
#topProduct-carousel2 .next:hover svg path,
#topProduct-carousel2 .next:hover svg path:nth-child(1),
#topProduct-carousel2 .next:hover svg path:nth-child(2),
#topProduct-carousel2 .next:hover svg path:nth-child(3),
#topProduct-carousel2 .next:hover svg path:nth-child(4),
#dynasties .prev:hover svg path:nth-child(1),
#dynasties .prev:hover svg path:nth-child(2),
#dynasties .prev:hover svg path:nth-child(3),
#dynasties .prev:hover svg path:nth-child(4),
#dynasties .next:hover svg path,
#dynasties .next:hover svg path:nth-child(1),
#dynasties .next:hover svg path:nth-child(2),
#dynasties .next:hover svg path:nth-child(3),
#dynasties .next:hover svg path:nth-child(4){
    fill:#fff;
}
#monarch-carousel2 .activeBullets,
#topProduct-carousel2 .activeBullets,
#dynasties .activeBullets{
    display:none;
}


#dynasties,
#monarch-carousel2,
#topProduct-carousel2 {
    position: relative;
    width: 100%;
}

#monarch-carousel2 .carouselContainer,
#topProduct-carousel2 .carouselContainer,
#dynasties .carouselContainer {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    padding-top: 115px;
}

#monarch-carousel2.stranka-2 .nav svg path {
    fill: #092732;
}
#monarch-carousel2.stranka-2 .nav svg:hover path {
    fill: #741C1C;
}

#monarch-carousel2.stranka-2 .carouselContainer,
#topProduct-carousel2 .carouselContainer {
    padding-top: 0;
}


#monarch-carousel2 .crownImage{
    position:absolute;
    top: 0;
    z-index: 0;
    left:50%;
    transform:translateX(-50%);
}

#monarch-carousel2 .carouselTrack,
#dynasties .carouselTrack {
    display: flex;
    transition: transform 0.5s ease-in-out;
    will-change: transform;
    padding:85px 0px;
}
#topProduct-carousel2 .carouselTrack{
    display: flex;
    transition: transform 0.5s ease-in-out;
    will-change: transform;
    padding:0px 0px 350px 0px;
    width:100%;
}

#monarch-carousel2 .carouselItem,
#dynasties .carouselItem {
    flex: 0 0 20%;
    text-align: center;
    transition: all 0.5s ease;
    transform: scale(1);
    filter: blur(4px);
    position: relative;
    z-index: 1;
    user-select: none;
}

#monarch-carousel2 .carouselItem.active {
    transform: scale(1.4);
    filter: unset;
    z-index:3;
    cursor:pointer;
}

#monarch-carousel2 .carouselItem.left,
#monarch-carousel2 .carouselItem.right{
    transform: scale(1.2);
    filter: blur(2.25px);
    z-index:2;
}

#monarch-carousel2 .carouselItem.far-left,
#monarch-carousel2 .carouselItem.far-right{
    transform: scale(1);
    filter: blur(4.49px);
    z-index:1;
}
#monarch-carousel2 .onhover{
    position:absolute;
    bottom:-100%;
    width:100%;
    background: linear-gradient(0deg, #061C24 0%, rgba(9, 39, 50, 0.00) 100%);
    padding:24px 10px;
    height: 303px;
    padding: 24px 10px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap:29px;
    display:flex;
    transition: all .3s ease-out;
}
#monarch-carousel2 .box:hover{
    cursor:pointer;
}
#monarch-carousel2 .box:hover .onhover{
    bottom:0px;
}

#monarch-carousel2 .onhover span{
    color: #FFF;

    font-family: "Roboto Slab", serif;
    font-size: 16px;
    font-style: italic;
    font-weight: 700;
    line-height: normal;
}

@media (max-width: 768px) {
    #monarch-carousel2.stranka-2 .carouselItem {
        flex: 0 0 50%; /* uprav dle potřeby */
    }
}

/* Vypis dynastii */
#dynastiesBefore{
    position: relative;
    width: 100%;
    height: 28px;
    border-radius: 28px;
    background: #851A1A;
    box-shadow: 0px -3px 1.1px 0px rgba(0, 0, 0, 0.45) inset, 0px 4px 4px 0px rgba(0, 0, 0, 0.50), 0px -1px 8.1px 8px rgba(69, 18, 18, 0.98) inset, 0px 3px 1.9px 0px #180303 inset;
    z-index: 10;
}
#dynasties{
    width: 950px;
    margin:-10px auto 0 auto;
}
@media all and (max-width: 1000px){
    #dynasties{
        width:100%;
        max-width: 100%;
        padding: 0;
    }
}
#dynasties .prev, #dynasties .next{
    top: 250px;
}
#dynasties .prev{
    left:-180px;
}
#dynasties .next{
    right:-180px;
}
@media all and (max-width: 1300px){
    #dynasties .prev{
        left:-80px;
    }
    #dynasties .next{
        right:-80px;
    }
}
@media all and (max-width: 1110px){
    #dynasties .prev{
        left:0px;
    }
    #dynasties .next{
        right:0px;
    }
}
#dynasties .carouselContainer,
#dynasties .carouselTrack{
    margin:0;
    padding:0;
    width:100%;
}
#dynasties .carouselContainer{
    min-height: 850px;
    align-items: baseline;
}
#dynasties .carouselItem{
    height: 330px;
    background-image:url('./assets/images/dynastie/podklad.png');
    background-position: top;
    background-size: contain;
    background-repeat: no-repeat;
    transform-origin: top;
    filter:unset;
    color:#fff;
    width: 20%;
    min-width: 187px;
}
#dynasties .carouselItem .inner{
    display: flex;
    width: 100%;
    max-width: 100%;
    height: 100%;
    align-items: center;
    flex-direction: column;
    justify-content: end;
    gap: 20px;
    padding-bottom: 70px;
}
#dynasties .carouselItem .inner svg{
    max-width: 60%;
    height: max-content;
}
#dynasties .carouselItem svg.southAmerica{
    max-height: 135px !important;
}
#dynasties .carouselItem.active svg path{
    fill: #D3BB82;
    stroke-width: 1px;
    stroke: #FFF;
}
#dynasties .carouselItem .inner span{
    display:none;
    transition: all .3s ease-out;
}
#dynasties .carouselItem.active .inner span{
    display:block;

    color: var(--Creamy-gold, #D3BB82);
    text-transform: uppercase;
    font-size: var(--H3, 20px);
}
#dynasties .carouselItem.active .inner span.h4{
    font-size: 15px;
    line-height: 20px;
}
#dynasties .carouselItem.active .inner span.small{
    font-size: 13px;
    line-height: 15px;
    text-transform:lowercase;
}
#dynasties .carouselItem.active {
    transform: scale(1.8) !important;
    z-index:3;
    cursor:pointer;
}
#dynasties .carouselItem.left,
#dynasties .carouselItem.right{
    transform: scale(1.4);
    z-index:2;
}
#dynasties .carouselItem.far-left,
#dynasties .carouselItem.far-right {
    transform: scale(1.05);
    z-index:1;
}
#dynasties .carouselItem .outer{
    display:none;
}
#dynasties .carouselItem.active .outer{
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    transform: scale(0.5555);
    gap:20px;
    margin-top: -30px;
}
#dynasties .carouselItem.active .outer h2{
    color: var(--White, #FFF);
    white-space: nowrap;
}
#dynasties .carouselItem.active .outer a{
    white-space: nowrap;
}




/* VYPIS CLANKU */
.vypisClanku{
    display: flex;
    flex-direction: column;
    row-gap: 46px;
}
.vypisClanku .obrazek{
    align-items: center;
    display: flex;
}
.vypisClanku .obrazek,
.vypisClanku .obrazekLaptop,
.vypisClanku .obrazekTablet,
.single-article .vypisClanku .obrazekWide{
    justify-content: center;
    align-items: center;
    display:flex;
}
.vypisClanku .obrazekLaptop,
.vypisClanku .obrazekTablet,
.vypisClanku .obrazekWide{
    display:none;
}
.vypisClanku .obrazek img{
    border-radius: 12px;
    height: 407px;
    max-width: 100%;
    max-height: 100%;
}
@media only screen and (max-width: 1366px) {
    .vypisClanku .obrazekLaptop {
        display: flex;
    }
    .vypisClanku .obrazek,
    .vypisClanku .obrazekTablet{
        display:none;
    }
}
@media only screen and (max-width: 1024px) {
    .vypisClanku .obrazekTablet {
        display: flex;
    }
    .vypisClanku .obrazekLaptop,
    .vypisClanku .obrazek{
        display:none;
    }
}
@media only screen and (max-width: 767px) {
    .vypisClanku .obrazek {
        display: flex;
    }
    .vypisClanku .obrazekTablet,
    .vypisClanku .obrazekLaptop{
        display:none;
    }
}
.vypisClanku .obsah,
.topClanek .obsah,
.single-article .obsah{
    row-gap: 24px;
    display: flex;
    flex-direction: column;
}
.vypisClanku h3{
    color: var(--Royal-blue, #061C24);
}
.vypisClanku .data,
.single-article .data{
    display:flex;
    flex-direction: row;
    gap:12px;
    width:100%;
    flex-wrap:wrap;
}
.vypisClanku ul.tags,
.single-article ul.tags{
    list-style: none;
    margin:0;
    padding:0;
    display: flex;
    column-gap: 4px;
}
.vypisClanku ul.tags li,
.single-article ul.tags li{
    list-style: none;
    display: inline-flex;
    padding: 4px 14px;
    clip-path: var(--clippath-element9);
    align-items: center;
}
.vypisClanku .dateTime,
.topClanek .dateTime,
.topClanek .readingTime,
.single-article .dateTime{
    display: flex;
    gap: 12px;
    flex-direction: row;
    align-items: center;
    flex-wrap:wrap;
    white-space:nowrap;
}
.vypisClanku .dateTime span,
.single-article .dateTime span{
    color: var(--Royal-blue, #061C24);
}
.vypisClanku p.excerpt{
    color: var(--Royal-blue, #061C24);
}
.single-article .sidebar .readingTime{
    display: flex;
    gap: 12px;
    flex-direction: row;
    align-items: center;
    white-space: nowrap;
}

.pagination{
    display: flex;
    gap: 24px;
    align-items: center;
    justify-content: center;
    margin-top:42px;
}
.pagination a,
.pagination span{
    color: #061C24;
    font-family: "Roboto Slab", serif;
    font-size: 16px;
    font-style: italic;
    font-weight: 700;
    line-height: normal;
}
.pagination span.current,
.pagination a:hover{
    color: #8A7D59;
}

.topClanek{
    padding:24px 24px;
}
.topClanek .ramecek{
    position:relative;
    overflow: hidden;
}
.topClanek .ramecek::after{
    content:"";
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(./assets/images/patterns/obrazky/ramecek_blog.png);
    position:absolute;
    top:0;
    left:0;
    z-index:2;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
.topClanek .ramecek img{
    padding: 22.5% 9% 22% 9%;
    position:relative;
    z-index:1;
}

.topClanek .obsah{
    justify-content: center;
    padding:0 0 0 60px;
    display:flex;
    gap:40px;
    flex-direction: column;
}
@media only screen and (max-width: 767px) {
    .topClanek .obsah{
        padding:80px 24px;
    }
}
.topClanek .obsah h2{
    color: var(--Creamy-gold, #D3BB82);
}

.topClanek .obsah .dateTime{
    color: var(--Gray, #9EA4A6);
}
.topClanek .obsah p.excerpt{
    color: var(--White, #FFF);
}
.topClanek .obsah .buttons{
    display: flex;
    gap: 10px;
    flex-direction: row;
    flex-wrap:wrap;
}
.topClanek .obsah .buttons a{
    white-space: nowrap;
}



.single-article{
    margin-top: 110px;
    margin-bottom:60px;
}
.single-article .breadcrumb{
    display:flex;
    column-gap:24px;
    align-items: center;
    margin-bottom:60px;
    flex-wrap: nowrap
}
.single-article .breadcrumb a{
    color: var(--Royal-blue, #061C24);
}
.single-article .breadcrumb > svg{
    opacity:0.5;
}
.single-article .breadcrumb span{
    color: var(--Royal-blue, #061C24);

    /* Small text */
    font-size: var(--Small-text, 13px);
    font-weight: 800;
    line-height: 140%; /* 18.2px */

    opacity:0.5;
}

.single-article .articleDetails{
    justify-content: space-between;
    display:flex;
    flex-wrap: wrap;
    gap:12px;
}

.single-article .articleDetails .socials{
    display:flex;
    gap:16px;
    align-items: center;
}
.single-article .articleDetails .socials a:hover svg{
    opacity:0.8;
}

.single-article .content{
    display: flex;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    gap: 0px;
    align-self: stretch;
    flex-wrap: wrap;
}
.single-article .content > .obsah{
    display: flex;
    min-width: 540px;
    flex-direction: column;
    align-items: flex-start;
    gap: 42px;
    flex: 1 0 0;
}
.single-article .content > .obsah > .elementor > .elementor-element,
.single-article .content > .obsah > .elementor > .elementor-element > .e-con-inner{
    padding:0px;
}
.single-article .sidebar{
    display: flex;
    width: 558px;
    flex-direction: column;
    align-items: center;

    position:relative;
    background-size: 100%;
    background-repeat: repeat-y;
    background-image: url(./assets/images/patterns/sidebarBlog/body.png);
    padding: 13px 65px;
    margin-bottom: 300px;
}
.single-article .sidebar::before{
    content:"";
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(./assets/images/patterns/sidebarBlog/top.png);
    position:absolute;
    top: -10px;
    left: 0;
    width: 100%;
    height: 44px;
}
.single-article .sidebar::after{
    content:"";
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(./assets/images/patterns/sidebarBlog/bottom.png);
    position:absolute;
    bottom: -297px;
    left: 0;
    width: 100%;
    height: 297px;
}


.single-article .vypisClanku{
    padding: 24px;
    gap:24px;
}
.single-article .vypisClanku > .row{
    gap:24px;
}
.single-article .vypisClanku .imgPattern{
    padding:0;
}
.single-article .vypisClanku .imgPattern .corner{
    display:none;
}
.single-article .vypisClanku .obrazek,
.single-article .vypisClanku .obrazekTablet,
.single-article .vypisClanku .obrazekLaptop{
    display:none;
}
.single-article .vypisClanku .obrazekWide{
    display:flex !important;
}
@media only screen and (min-width: 1200px) {
    .single-article .vypisClanku .obrazekWide,
    .single-article .vypisClanku .obsah{
        width:100%;
        order:1;
    }
}
.single-article .vypisClanku .obrazekWide{
    order:0;
}
.single-article .vypisClanku h3{
    color: var(--Creamy-gold, #D3BB82);
}

.single-article .vypisClanku .dateTime span,
.single-article .sidebar .readingTime{
    color: var(--Gray, #9EA4A6);
}
.single-article .vypisClanku .dateTime svg path,
.single-article .sidebar .readingTime svg path{
    fill:var(--Gray, #9EA4A6);
}
.single-article .vypisClanku p.excerpt{
    display:none;
}
.single-article .vypisClanku .button-terciary{
    color: var(--Creamy-gold, #D3BB82);
}
.single-article .vypisClanku .button-terciary:hover{
    color:#fff;
}
@media only screen and (max-width: 767px) {
    .single-article .vypisClanku .obsah{
        order:1;
    }
    .single-article .vypisClanku .obrazekWide{
        order:0;
    }
}
@media only screen and (max-width: 1220px) {
    .single-article .content{
        gap:80px;
    }
}

.single-article .read-more-articles{
    margin-top:60px;
    display:flex;
    align-items: center;
    justify-content: center;
}

/* Single panovnici */
.single-panovnici{
    margin-bottom: 100px;
}
.single-panovnici .container{
    padding-bottom:100px;
}
.single-panovnici .centerVideo{
    margin: 0 auto;
}
.single-panovnici .premium-header__video {
    position:relative;
    top: -125px;
    display:flex;
    justify-content: center;
}

.single-panovnici .premium-header__video .video-item {
    background-color: #061c24;
    border: .1rem solid #061C24;
    max-height: 670px;
    height: 100%;
    width: 100%;
}
.single-panovnici .premium-header__video .video-item > div{
    padding:unset !important;
    position:unset !important;
    max-height: 670px !important;
    height: 670px !important;
}
.single-panovnici .video-item iframe,.video-item video {
    height: 100% !important;
    aspect-ratio: 9/16 !important;
    height: calc(100% - 10px) !important;
    position: absolute !important;
    top: 5px !important;
    left: 0 !important;
    width: 100% !important;
}

@media only screen and (min-width: 48em) {
    .single-panovnici .video-item iframe,
    .single-panovnici .video-item video {
        aspect-ratio:16/9 !important;
    }
}
@media only screen and (max-width: 800px) {
    .single-panovnici .premium-header__video .video-item{
        border: 0px !important;
        max-height: unset !important;
        height: unset !important;
        width: 100% !important;
    }
    .single-panovnici .video-item iframe,
    .single-panovnici .video-item video{
        height: auto !important;
        position:unset !important;
        width: 100% !important;
    }
    .single-panovnici .premium-header__video .video-item > div{
        height: auto !important;
        max-height: unset !important;
        width: 100% !important;
    }
    .single-panovnici .premium-header__video #player{
        width: 100% !important;
    }
}

.single-panovnici .heading{
    text-align: center;
}
.single-panovnici .heading h2{
    color: var(--Royal-blue, #061C24) !important;
}
.single-panovnici .panovnik-thumbnail{
    float:right;

}
.single-panovnici .panovnik-thumbnail img{
    max-width: 315px;
    margin-left:25px;
    margin-bottom:25px;
}
.single-panovnici .content{
    padding-top:30px;
}


/* Single product */
.breadcrumb{
    display: flex;
    align-items: center;
    gap: 24px;
    align-self: stretch;
    margin-bottom:60px;
}
.breadcrumb a{
    color: var(--Creamy-gold, #D3BB82);
    font-size: var(--Small-text, 13px);
    font-weight: 800;
}
.breadcrumb a.category{
    color: var(--Gray, #9EA4A6);
}
.breadcrumb a:hover{
    color: #fff;
}
.breadcrumb a:hover svg path{
    fill:#fff;
}
.breadcrumb a:hover svg rect{
    stroke:#D6C494;
}
.woocommerce div.product .woocommerce-product-gallery__wrapper{
    height:100%;
    width:100%;
}
.woocommerce div.product .woocommerce-product-gallery__image{
    padding: 42px 0px;
    height: 100%;
    /*max-height: 590px;*/
}
.woocommerce div.product div.images{
    margin:0px;
}
.woocommerce div.product div.images img{
    width: auto;
    height: auto;
    margin: 0 auto;
    max-height: 600px;
}
.woocommerce div.product div.images .flex-control-thumbs{
    display: flex;
    align-items: center;
    gap: 11px;
    justify-content: center;
    margin-top: 10px;
}
.woocommerce div.product div.images .flex-control-thumbs li{
    width:fit-content;
    border: 1px solid #D6C494;
    padding:4px;
}
.woocommerce div.product div.summary{
    display:flex;
    gap: 40px;
    flex-direction: column;
    margin:0px;
}
@media only screen and (max-width: 1024px) {
    .woocommerce div.product div.summary{
        padding:42px 0px;
    }
}
.woocommerce div.product div.summary > p.stock{
    display:none;
}
.woocommerce div.product div.summary .woocommerce-product-details__short-description p{
    color:#fff;
    line-height: 140%;
}
.woocommerce div.product .woocommerce-product-rating{
    display:none;
}
.woocommerce div.product .stitek span{
    font-family: "Roboto Slab", serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 19.62px */

    padding: 4px 14px;
    clip-path: var(--clippath-element9);
}
.woocommerce div.product .product_title{
    color: var(--White, #FFF);
    font-size:50px;
}
.woocommerce div.product .subTitle{
    color: var(--Creamy-gold, #D6C494);
    font-weight: 500;
    font-size:30px;
}
.woocommerce div.product .description-button{
    color: var(--Creamy-gold, #D6C494);
    display:inline-block;
}
.woocommerce div.product .description-button:hover{
    color:#fff;
}
.woocommerce div.product .variations{
    margin-bottom:40px !important;
}
.woocommerce div.product .variations label{
    font-size: var(--Normal-text);
    font-family: "Roboto Slab", serif;
    font-weight:400 !important;
    line-height: 140%;
    color:#fff;
}
.woocommerce div.product .variant-boxes {
    display: flex;
    gap: 13px;
    width: fit-content;
    padding:30px 24px;
    margin-top:40px;
    position:relative;
}

.woocommerce div.product .variant-boxes .corner {
    position: absolute;

    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;

    width: 128px;
    height: 38px;
    z-index:0;
}

.woocommerce div.product .variant-boxes .top-left {
    top: 0px;
    left: 0px;
    background-image: url(./assets/images/patterns/product/leftTop.svg);
}

.woocommerce div.product .variant-boxes .top-right {
    top: 0px;
    right: 0px;
    background-image: url(./assets/images/patterns/product/rightTop.svg);
}

.woocommerce div.product .variant-boxes .bottom-left {
    bottom: 0px;
    left: 0px;
    background-image: url(./assets/images/patterns/product/leftBottom.svg);
}

.woocommerce div.product .variant-boxes .bottom-right {
    bottom: 0px;
    right: 0px;
    background-image: url(./assets/images/patterns/product/rightBottom.svg);
}

.woocommerce div.product .variant-box {
    padding: 15px 30px;
    border: 1px solid var(--Creamy-gold, #D3BB82);
    cursor: pointer;
    transition: border 0.3s ease;

    color: #fff;
    z-index: 1;
}

.woocommerce div.product .variant-box.active {
    background: var(--Creamy-gold, #D3BB82);
    color: var(--Royal-blue, #061C24);
}

.woocommerce div.product .variant-box:hover {
    background: var(--Creamy-gold, #D3BB82);
    color: var(--Royal-blue, #061C24);
}
@media only screen and (max-width: 1024px) {
    .woocommerce div.product .variant-box {
        padding: 12px 25px;
    }
}
.woocommerce div.product .single_variation_wrap .single_variation {
    padding-bottom:40px;
}
.woocommerce div.product .single_variation_wrap bdi,
.woocommerce div.product .woocommerce-Price-amount bdi{
    font-weight: 700;
    font-style:normal;
    font-size:32px;
    line-height:120%;
    color:#fff;
}
.woocommerce div.product .woocommerce-price-suffix{
    display:none;
}
.woocommerce div.product div.summary p.price,
.woocommerce div.product .single_variation_wrap .woocommerce-variation.single_variation{
    display:flex;
    gap:32px;
    align-items: center;
}
.woocommerce div.product div.summary p.price .stock.in-stock,
.woocommerce div.product .woocommerce-variation-availability .stock.in-stock{
    color: #61FF00;
    font-size: var(--Normal-text);
}
.woocommerce div.product div.summary p.price .stock.out-of-stock,
.woocommerce div.product .woocommerce-variation-availability .stock.out-of-stock{
    color: #F00;
    font-size: var(--Normal-text);
}
.woocommerce div.product div.summary p.price .stock.backorder,
.woocommerce div.product .woocommerce-variation-availability .stock.backorder{
    color: #eaa600;
    font-size: var(--Normal-text);
}
.woocommerce div.product .woocommerce-variation-description{
    display:none;
}
.woocommerce div.product form.cart{
    margin:0px;
}
.woocommerce div.product form.cart .single_add_to_cart_button{
    display:flex;
    flex-direction: row;
    gap:8px;
    justify-content: center;
    align-items: center;
}
.woocommerce div.product .woocommerce-tabs{
    padding-top:60px;
    padding-bottom:80px;
    max-width: 1200px;
    margin: 0 auto;
    /*display:none !important;*/
}
@media only screen and (max-width: 1190px) {
    .woocommerce div.product .woocommerce-tabs{
        padding:60px 0px;
        max-width: 100%;
    }
}
.woocommerce div.product .woocommerce-tabs ul.tabs{
    padding:0px;
    margin:0px;
    text-align: left;

    display: flex;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{
    display:none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
    margin:0px;
    padding:0px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after{
    display:none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{
    border:0px;
    background:transparent;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
    color: var(--Creamy-gold, #D3BB82);
    border-bottom:1px solid transparent;
    font-weight:400;
    padding:16px 5px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover{
    border-bottom:1px solid #D6C494;
    color: var(--Creamy-gold, #D3BB82);
}
.woocommerce div.product .woocommerce-tabs .panel{
    margin:80px auto 0 auto;
}
.woocommerce div.product .woocommerce-tabs .panel p,
.woocommerce div.product .woocommerce-tabs .panel ul li,
.woocommerce div.product .woocommerce-tabs .panel *{
    color: #FFF;
}
.woocommerce #reviews #comments h2{
    display:none;
}
.woocommerce #review_form #respond{
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.woocommerce #reviews #comments ol.commentlist{
    padding:0px;
    display:flex;
    flex-direction:column;
    gap:80px;
    margin-bottom:60px;
}
.woocommerce #reviews #comments ol.commentlist li{
    margin:0;
}
.woocommerce #reviews #comments ol.commentlist li:last-child{
    border-bottom:0px;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar{
    display:none;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text{
    display: flex;
    padding: 0px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
    margin:0;
    border:0;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text .inRow{
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    width:100%;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text .inRow .custom-review-rating{
    display:flex;
    gap:16px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text .inRow .custom-review-rating img{
    width:42px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text:before,
.woocommerce #reviews #comments ol.commentlist li .comment-text:after,
.woocommerce #reviews #comments ol.commentlist li .comment-text:before,
.woocommerce #reviews #comments ol.commentlist li .comment-text:after,
.woocommerce #reviews #comments ol.commentlist::after,
.woocommerce #reviews #comments ol.commentlist::before,
.woocommerce #review_form #respond::after, .woocommerce #review_form #respond::before{
    display:none;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta,
.woocommerce #review_form #respond p.comment-form-comment{
    margin:0;
    display: flex;
    gap: 12px;
    align-items: center;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta strong{
    color: #fff;
    font-weight: 800;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__dash{
    display:none;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta time{
    color: var(--Gray, #9EA4A6);
    font-size: var(--Small-text, 13px);
    font-style: normal;
    font-weight: 800;
    line-height: 140%; /* 18.2px */
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p{
    margin:0;
}
.woocommerce #review_form #respond .comment-reply-title{
    color: #fff;
    text-align:center;
    display: block;
}
.woocommerce #review_form .comment-form-rating label{
    display:none;
}
.woocommerce #review_form .comment-form-rating .stars{
    text-align: center;
    margin: 0;
    margin-bottom: 24px;
}
.woocommerce p.stars a{
    width: 40px;
    height: 40px;
}
.woocommerce p.stars a::before{
    color:#8A7D59;
    font-size: 150%;
    font-weight: 400;
}
.woocommerce #review_form #respond p{
    margin:0px 0 36px 0;
}
.woocommerce #review_form #respond p > span{
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: center;
}
.woocommerce #review_form #respond p label{
    display:none;
}
.woocommerce #review_form #respond p.comment-notes{
    display:none;
}
.woocommerce #review_form .comment-form{
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.woocommerce #review_form #respond textarea{
    border: 1px solid rgba(211, 187, 130, 0.40);
    background: rgba(211, 187, 130, 0.07);
    padding:16px 10px;
    max-height: 215px;

    color: #fff;
}
.woocommerce #review_form #respond p.form-submit{
    margin-top:44px;
    background: transparent;
    margin: 0 auto;
    font-size: inherit;
    border-radius: 0;
    padding: 0;
    text-align: center;
    width:fit-content;
    position:relative;
}

.woocommerce p.stars a,
.woocommerce p.stars.selected a.active~a,
.woocommerce p.stars a:hover ~ a{
    width: 42px;
    height: 42px;
    background: url('./assets/images/icons/hvezdicka.png') no-repeat center center;
    background-size: contain;
    display: inline-block;
    text-indent: -9999px;
    position: relative;
}

/* Zvýraznění při najetí myší - správně zleva */
.woocommerce p.stars a:hover {
    background: url('./assets/images/icons/hvezdickaActive.png') no-repeat center center;
    background-size: contain;
}

/* Zvýraznění aktivních (vybraných) hvězdiček */
.woocommerce p.stars.selected a.active,
.woocommerce p.stars.selected a:not(.active){
    background: url('./assets/images/icons/hvezdickaActive.png') no-repeat center center;
    background-size: contain;
}
.woocommerce p.stars a::before{
    display:none;
}

.woocommerce #review_form #respond .commentFields {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    gap: 16px;
    align-self: stretch;
    flex-wrap: wrap;
}
.woocommerce #review_form #respond .commentFields p{
    margin:0;
    width:49%;
}
.woocommerce #review_form #respond .commentFields input{
    width:100%;
    padding: 10px;
    background: #FFF;
    border:0;
    border-radius:0;
    color: #061C24;

    font-family: "Roboto Slab", serif;
    font-size: 16px;
    font-style: italic;
    font-weight: 700;
    line-height: normal;
}
.woocommerce #review_form #respond p.comment-form-cookies-consent{
    display:none;
}

.woocommerce.single-product .singleProductWrapper{
    background:#061C24;
}
.woocommerce.single-product .singleProductWrapper .vineta{
    padding-top:100px;
}

/* ------------------ User account -------------------- */
.accountLayout{
    padding:200px 0px 100px 0;
}
.accountLayout a{
    color:#061C24;
}
.accountLayout a:hover{
    color:#741C1C;
}
.accountLayout .woocommerce-customer-details .addresses{
    display:flex;
    flex-direction: row;
    gap:24px;
    margin-top: 24px;
}
@media all and (max-width:767px){
    .accountLayout{
        padding:100px 0px 50px 0;
    }
}
.single-pageMapa{
    margin-top: 200px;
}
.single-pageMapa h1,
.single-pageMapa h2{
    text-align:center;
}
@media all and (max-width:767px){
    .single-pageMapa{
        margin-top: 100px;
    }
}

.aligncenter{
    margin: 0 auto;
    display: block;
}
.elementor-widget-container ul{
    list-style: disc;
    margin-left: 20px;
}
.accordion-container{
    box-shadow:none !important;
}

/* FOOTER */
footer{
    margin-top:80px;
    background:var(--Royal-blue, #061C24);
}
.page-id-534 footer{
    margin-top:0px;
}
footer .container{
    gap:0;
}
footer .footerContent{
    padding-bottom:40px;
}

footer .footerContent > .row.pattern{
    position: relative;
    height:79px;
}

footer .footerContent > .row.pattern::before,
footer .footerContent > .row.pattern::after {
    content: "";
    position: absolute;
    width: 29px;  /* Nastavení šířky podle SVG */
    height: 24px; /* Nastavení výšky podle SVG */
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjkiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyOSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Ikdyb3VwIDc2Ij4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTI0LjE4NCAxMS45MDY5TDI2LjgzNDQgMy42OTA5MkMyNy42NzI2IDEuMTE2NjkgMjguOTk1NSAwIDI4Ljk5NTUgMEgyNi4wNTA2TDIyLjc4NDEgOS43NjMyMkwyMC4zNDIxIDcuMjMzODRMMjMuODU3OCA0LjYzMjcxTDI1LjQ2MTYgMC4wMzEzOTNMMTguMjIxOCA1LjAzNjMzTDE0LjQ5NzcgMS4xODg0NUwxMC43NzM2IDUuMDM2MzNMMy41MjkyOSAwLjAzMTM5M0w1LjEzMzEgNC42MzcyTDguNjMwNjggNy4yMjQ4OEw2LjE5MzI1IDkuNzM2MzFMMi45NDQ4NSAwSDBDMCAwIDEuMzIyOTIgMS4xMTY2OSAyLjE2MTA3IDMuNjkwOTJMNC44MTE0NCAxMS45MDY5TDkuMTY1MjkgNy41NzkxN0wxNC40OTc3IDExLjI2MTFMMTkuODMwMiA3LjU3OTE3TDI0LjE4NCAxMS45MDY5Wk0xNC40OTc3IDcuNTE2MzhMMTEuMzM1NCA1LjQyMjAyTDE0LjQ5NzcgMi4xOTc1MUwxNy42NjAxIDUuNDIyMDJMMTQuNDk3NyA3LjUxNjM4WiIgZmlsbD0iI0Q2QzQ5NCIvPgo8cGF0aCBpZD0iVmVjdG9yXzIiIGQ9Ik00LjgxMTQ0IDExLjkwNjdMMi4xNjEwNyAyMC4xMjI3QzEuMzIyOTIgMjIuNjk3IDAgMjMuODEzNyAwIDIzLjgxMzdIMi45NDQ4NUw2LjIxMTM3IDE0LjA1MDRMOC42NTMzNCAxNi41Nzk4TDUuMTM3NjMgMTkuMTgwOUwzLjUzMzgyIDIzLjc4NjdMMTAuNzczNiAxOC43ODE4TDE0LjQ5NzcgMjIuNjI5N0wxOC4yMjE4IDE4Ljc4MThMMjUuNDYxNiAyMy43ODY3TDIzLjg1NzggMTkuMTgwOUwyMC4zNjAzIDE2LjU5MzNMMjIuNzk3NyAxNC4wODE4TDI2LjA1NTEgMjMuODE4MUgyOUMyOSAyMy44MTgxIDI3LjY3NzEgMjIuNzAxNCAyNi44Mzg5IDIwLjEyNzJMMjQuMTg4NiAxMS45MTEyTDE5LjgzNDcgMTYuMjM5TDE0LjUwMjMgMTIuNTU3TDkuMTY5ODIgMTYuMjM5TDQuODE1OTcgMTEuOTExMkw0LjgxMTQ0IDExLjkwNjdaTTE0LjQ5NzcgMTYuMjkyOEwxNy42NjAxIDE4LjM4NzJMMTQuNDk3NyAyMS42MTE3TDExLjMzNTQgMTguMzg3MkwxNC40OTc3IDE2LjI5MjhaIiBmaWxsPSIjRDZDNDk0Ii8+CjwvZz4KPC9zdmc+Cg==);
}

footer .footerContent > .row.pattern::before {
    left: 0px;
    bottom: -12px;
}

footer .footerContent > .row.pattern::after {
    right: 0px;
    bottom: -12px;
}

footer .footerContent .logo{
    border-bottom: 1px solid #D6C494;
    padding: 0 24px;
    flex-shrink: 0;
    margin: 0 29px 0 29px;
    position: relative;
    width: calc(100% - 58px);
}
footer .footerContent .logo img{
    position: absolute;
    bottom: 0px;
    width: 179.069px;
    height: 158.5px;
    left: 50%;
    transform: translateX(-50%);
}

footer .footerContent .row{
    display:flex;
    gap:0px;
}
footer .footerContent .row:last-child{
    gap:24px;
    padding:24px 0 0 0;
}

footer .footerContent .menu{
    padding: 0;
    margin: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
footer .footerContent .menu ul,
footer .footerContent .menu2 ul{
    list-style: none;
    margin:0;
    padding:0;
    display:flex;
    gap:0px;
}
footer .footerContent .menu ul li a,
footer .footerContent .menu2 ul li a{
    font-weight: 800;
    padding:10px 16px;
}
footer .footerContent .menu ul li a:hover,
footer .footerContent .menu2 ul li a:hover{
    color:#fff;
}
footer .footerContent .socials{
    display:flex;
    gap:32px;
    justify-content: center;
    align-items: center;
}
footer .footerContent .socials a svg path:first-child{
    transition: all 0.2s;
}
footer .footerContent .socials a:hover:not(.tiktok) svg path:first-child,
footer .footerContent .socials a.tiktok:hover svg rect{
    fill:#fff;
}


@media only screen and (max-width: 990px) {
    .vypisClanku .obrazek{
        align-items: baseline;
    }
}
@media only screen and (max-width: 770px) {

    .single-panovnici .premium-header__header:after, .patternBottom:after{
        height: 64px;
    }

    .single-article .sidebar{
        margin-bottom: 200px;
    }
    .vypisClanku .obrazek{
        order:0;
    }
    body:not(.single-post) .vypisClanku .obsah{
        order:1;
        padding-top: 50px;
    }
    .vypisClanku ul.tags,
    .single-article ul.tags{
        flex-wrap: wrap;
        gap:4px;
    }
    .single-article .content > .obsah{
        min-width: 100%;
    }
    .single-article .vypisClanku .obsah {
        padding:0px;
    }
    .vypisClanku .obrazek img, .vypisClanku .obrazekLaptop img, .vypisClanku .obrazekTablet img{
        width:100%;
        height:unset;
    }
    #product-category .box .image,
    .products .box .image,
    #product-category .box .image img,
    .products .box .image img{
        width:100%;
        max-height: 300px;
    }
    .vypisClanku h2{
        font-size: 32px;
        line-height: 123.6%; /* 39.552px */
    }
    .products .box h3,
    #product-category .box h3,
    .products .box h3{
        font-size: var(--Normal-text);
    }
}
@media only screen and (max-width: 500px) {
    #product-category .box,
    .products .box {
        width: calc(100vw - 72px);
        padding: 0;
        margin: 0 36px 0 36px;
    }
    .vypisClanku .leve .obsah{
        order:1;
    }
    .vypisClanku .leve .obrazek,
    .vypisClanku .leve .obrazekLaptop,
    .vypisClanku .leve .obrazekTablet{
        order:0;
    }
}


.page-id-2 nav,
.page-id-2 footer,
.page-id-1412 nav,
.page-id-1412 footer,
.page-id-1773 nav,
.page-id-1773 footer,
.page-id-1998 nav,
.page-id-1998 footer,
.page-id-2195 nav,
.page-id-2195 footer,
.page-id-2449 nav,
.page-id-2449 footer,
.page-id-2496 nav,
.page-id-2496 footer,
.page-id-1255 nav,
.page-id-1255 footer,
.page-id-4134 nav{
    display: none !important;
}
.page-id-4134 .elementor-3338 .elementor-element.elementor-element-437589ce{
    margin-top: 0px !important;
}
.page-id-4134 #menu-footer-menu{
    display:none !important;
}
.page-id-2 main,
.page-id-1412 main,
.page-id-1773 main,
.page-id-2195 main,
.page-id-2449 main,
.page-id-2496 main,
.page-id-1998 main,
.page-id-1255 main,
.page-id-4134 main{
    margin-top:0px !important;
}

.page-id-2 article,
.page-id-1412 article,
.page-id-1773 article,
.page-id-1998 article,
.page-id-2195 article,
.page-id-2449 article,
.page-id-2496 article,
.page-id-1255 article{
    background-color:#061C24;
    padding:80px 0px;
}
.page-id-2 article .wpb-content-wrapper,
.page-id-1412 article .wpb-content-wrapper,
.page-id-1773 article .wpb-content-wrapper,
.page-id-1998 article .wpb-content-wrapper,
.page-id-1255 article .wpb-content-wrapper{
    max-width: 1200px;
    margin: 0 auto;
}
.page-id-2 h1,
.page-id-1412 h1,
.page-id-1773 h1,
.page-id-1998 h1,
.page-id-2195 h1,
.page-id-2449 h1,
.page-id-2496 h1,
.page-id-1255 h1{
    color: #D6C494;
    font-family: ""Roboto Slab", serif", sans-serif;
    font-size: 42px;
    font-weight: 200;
}

.page-id-2 p,
.page-id-1412 p,
.page-id-1773 p,
.page-id-1998 p,
.page-id-2195 p,
.page-id-2449 p,
.page-id-2496 p,
.page-id-1255 p{
    color: #D6C494;
}
.page-id-2 .wpb_single_image,
.page-id-1412 .wpb_single_image,
.page-id-1773 .wpb_single_image,
.page-id-1998 .wpb_single_image,
.page-id-1255 .wpb_single_image{
    margin-bottom:10px;
}
.page-id-2 .lb-outerContainer,
.page-id-1412 .lb-outerContainer,
.page-id-1773 .lb-outerContainer,
.page-id-1998 .lb-outerContainer,
.page-id-1255 .lb-outerContainer{
    background-color:transparent !important;
}
.page-id-2 .lightbox .lb-image,
.page-id-1412 .lightbox .lb-image,
.page-id-1773 .lightbox .lb-image,
.page-id-1998 .lightbox .lb-image,
.page-id-2195 .lightbox .lb-image,
.page-id-2449 .lightbox .lb-image,
.page-id-2496 .lightbox .lb-image,
.page-id-1255 .lightbox .lb-image{
    border:0px !important;
}

.page-id-2 .swiper-zoom-container img,
.page-id-1412 .swiper-zoom-container img,
.page-id-1773 .swiper-zoom-container img,
.page-id-1998 .swiper-zoom-container img,
.page-id-2195 .swiper-zoom-container img,
.page-id-2449 .swiper-zoom-container img,
.page-id-2496 .swiper-zoom-container img,
.page-id-1255 .swiper-zoom-container img{
    border-radius: 30px !important;
}
@media only screen and (max-width: 770px) {
    .page-id-2 .vc_col-sm-4,
    .page-id-1412 .vc_col-sm-4,
    .page-id-1773 .vc_col-sm-4,
    .page-id-1998 .vc_col-sm-4,
    .page-id-1255 .vc_col-sm-4{
        width: 33.3%;
        display: inline-block;
    }
}


.newsletterForm .sml_subscribe{
    display:flex;
    flex-direction: row;
    gap: 0;
    flex-wrap:wrap;
    row-gap:10px;
}
.newsletterForm .sml_email{
    /*    max-width: 400px;
        width: 100%;*/
}
.newsletterForm .sml_namelabel,
.newsletterForm .sml_emaillabel{
    display:none;
}

.sml_name,
.sml_email {
    position: relative;
    display: inline-block;
    width: 50%;
}

.sml_nameinput,
.sml_emailinput {
    position: relative;
    z-index: 2;
    border: none;
    padding: 14px 26px;

    font-family: "Roboto Slab", serif;
    font-weight: 400;
    color: var(--Royal-blue, #061C24);
    font-size: var(--Normal-text);
    line-height: 120%;

    width: 100%;
    background: #fff;
    clip-path: polygon(20px 0%, 100% 0%, calc(100% - 20px) 50%, 100% 100%, 20px 100%, 0% 50%);
}
.sml_emailinput{
    clip-path: var(--clippath-element20);
}
.sml_nameinput::placeholder,
.sml_emailinput::placeholder{
    color: #9EA4A6;
}

.sml_name:focus::before,
.sml_email:focus::before {
    content: "";
    position: absolute;
    top: -1px;
    left: -2px;
    width: calc(100% + 4px);
    height: calc(100% + 2px);
    clip-path: polygon(21px 0%, 100% 0%, calc(100% - 20px) 50%, 100% 100%, 21px 100%, 0% 50%);
    z-index: 1;
    background: var(--Royal-blue, #061C24);
}
.newsletter a{
    color: #061C24;
    font-weight: 700;
}
.newsletter a:hover{
    text-decoration:underline;
}

.newsletterForm .sml_submit{
    width:100%;
}
.newsletterForm input.sml_submitbtn{
    border:0;
    background:#741C1C;
    padding:15px 30px;

    font-family: "Roboto Slab", serif;
    font-weight: 800;
    color: var(--Creamy-gold, #D6C494);
    line-height: 120%;
    font-size: var(--Normal-text);
    clip-path: var(--clippath-element20);
    width: 100%;
}
.newsletterForm input.sml_submitbtn:hover{
    color:#fff;
}
.newsletterForm.zarovnatNaStred{
    left: 50%;
    transform: translateX(-50%);
    width: 450px;
    background:#D6C494;
}
.font12 p{
    font-size:12px;
}
@media all and (max-width: 500px){
    .newsletterForm .sml_subscribe{
        flex-direction: column;
        gap: 5px;
        align-items: center;
    }
    .newsletterForm .sml_subscribe > p{
        width:100%;
    }
    .sml_nameinput{
        clip-path: var(--clippath-element20);
    }
}


/* Products archive */
.single-category{
    padding:200px 0px 0px 0px;
}
.single-category .topTitle h1{
    color: var(--Creamy-gold, #D3BB82);
}
.single-category #product-category{
    margin-top:60px;
    margin-bottom: 250px;
}
.single-category #product-category .wrapper{
    flex-wrap:wrap;
    gap: 24px;
    padding-bottom: 0px;
    justify-content: center;
}
.single-category #product-category .box {
    width: 31%;
    margin: 0 0 300px 0;
    max-width: 31%;
}
@media all and (max-width:1200px){
    .single-category > .container{
        padding:0px !important;
    }
    .single-category #product-category .box {
        width: 48%;
        max-width: 48%;
    }
}
@media all and (max-width:810px){
    .single-category{
        padding: 100px 0px 0px 0px;
    }
    .single-category #product-category{
        margin-top:24px;
        margin-bottom: 200px;
    }
    .single-category #product-category .wrapper{
        display:grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 24px 0;
    }
    .single-category #product-category .box {
        width: 100%;
        max-width: 100%;
        margin: 0 0 120px 0 !important;
    }
    #product-category .box .obrazekBox{
        height:270px;
        margin: 11px 12px;
    }
    #product-category .box .obrazekBox .top-left{
        width: 55px;
        height: 55px;
        top: -16px;
        left: -17px;
    }
    #product-category .box .obrazekBox .top-right{
        top: -15px;
        right: -16px;
        width: 55px;
        height: 55px;
    }
    #product-category .box .obrazekBox .bottom-left{
        bottom: -14px;
        left: -15px;
        width: 13px;
        height: 50px;
    }
    #product-category .box .obrazekBox .bottom-right{
        bottom: -14px;
        right: -15px;
        width: 13px;
        height: 50px;
    }

    #product-category .box .obrazekBox .top-right{
        top: -15px;
        right: -16px;
        width: 55px;
        height: 55px;
    }
    #product-category .box .obrazekBox img{
        max-width: 130px;
        bottom: 50px;
    }
    #product-category .box .innerAbsolute{
        padding: 0 13px;
    }
    #product-category .box .obrazekBox .price{
        padding:4px 20px;
    }
    #product-category .box .textBox .labelText{
        padding: 25px 25px 16px 25px;
    }
    #product-category .box .textBox .background1,
    #product-category .box .textBox .background2,
    #product-category .box .textBox .background3{
        clip-path: polygon(0% 0%, calc(100% - 10px) 0%, 100% 0%, calc(100% - 20px) 100%, 25px 100%, 0% 0%);
    }
    #product-category .box .textBox .labelText .title,
    #product-category .box .textBox .labelText span,
    #product-category .box button.ajax-add-to-cart{
        font-size: 12.301px;
        line-height: 110%;
    }
    #product-category .box .textBox .labelText .title{
        max-height: 0.8rem;
        overflow: hidden;
    }
    #product-category .box button.ajax-add-to-cart{
        padding: 15px 15px;
        margin-top:0px !important;
    }
}
@media not all and (hover: hover) and (pointer: fine) {
    /* Tato pravidla platí pro zařízení BEZ hoveru nebo s nepřesným pointerem */
    .single-category #product-category .box{
        margin: 0 0 150px 0;
    }
}
.archive.tax-product_cat footer{
    margin-top:-100px;
}

/* Taxonomie */
.archive.tax-country footer,
.archive.tax-other footer{
    margin-top:-70px;
}
.single-taxonomy{
    padding:120px 0px 220px 0px;
    padding-left:0 !important;
    padding-right:0 !important;
}
@media all and (max-width:767px){
    .single-taxonomy{
        padding:100px 0px 150px 0px;
        padding-left:0 !important;
        padding-right:0 !important;
    }
}
.single-taxonomy .breadcrumb span{
    color: var(--Gray, #9EA4A6);

    /* Small text */
    font-size: var(--Small-text, 13px);
    font-weight: 800;
    line-height: 140%; /* 18.2px */

    opacity:0.5;
}
@media only screen and (max-width: 770px) {
    .single-taxonomy .breadcrumb{
        gap: 12px;
        margin-bottom: 20px;
    }
}
.single-taxonomy p,
#taxonomy-filter-results{
    color:#fff;
}
.single-taxonomy .loader{
    color: var(--Creamy-gold, #D3BB82);
}
.single-taxonomy #taxonomy-tab-container.loading .taxonomy-tab,
.single-taxonomy #taxonomy-tab-container.loading #reset-tax-filter {
    pointer-events: none;
    cursor: not-allowed;
}
.single-taxonomy h1{
    color: var(--Creamy-gold, #D3BB82);
}
.single-taxonomy h2{
    color: var(--White, #FFF);
    margin:24px 0px;
}

.single-taxonomy .taxonomy-filter-tabs > .button-secondary{
    padding:1px;
}
.single-taxonomy .taxonomy-filter-tabs .button-reset{
    background:#fff;
    color: var(--Crimson-red, #741C1C);
}
.single-taxonomy .taxonomy-filter-tabs .button-reset:hover{
    color:#061C24;
}
.single-taxonomy .search-box{
    margin-bottom:24px;
}
.single-taxonomy .search-box .search-wrapper{
    display: inline-block;
    position: relative;
    height: 54px;
    width:100%;
    max-width: 700px;
}
.single-taxonomy .search-box .search-wrapper::before {
    content: "";
    position: absolute;
    left: -21px;
    top: 0;
    width: 22px;
    height: 56px;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='56' viewBox='0 0 22 56' fill='none'><path d='M21 0.835724L1 27.8357L21 54.8357' stroke='white'/></svg>");
    background-repeat: no-repeat;
    background-size: contain;
}
.single-taxonomy .search-box .search-wrapper::after {
    content: "";
    position: absolute;
    right: -21px;
    top: 0;
    width: 22px;
    height: 56px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="56" viewBox="0 0 22 56" fill="none"><path d="M1 54.8357L21 27.8357L1 0.835722" stroke="white"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
}

.single-taxonomy .search-box .search-wrapper svg{
    position: absolute;
    left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    top: 50%;
    transform: translateY(-50%);
}
.single-taxonomy .search-box .search-wrapper input,
.single-taxonomy .search-box .search-wrapper input::placeholder{
    color: var(--White, #FFF);
    text-align: center;
    font-family: "Roboto Slab";
    font-size: var(--Normal-text, 20px);
    font-style: normal;
    font-weight: 800;
    line-height: 140%; /* 28px */
}
.single-taxonomy .search-box .search-wrapper input{
    width: fit-content;
    display: inline-flex;
    padding: 15px 30px;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff;

    background:transparent;
    height:54px;
    width:100%;
}
.single-taxonomy .search-box .search-wrapper input:focus,
.single-taxonomy .search-box .search-wrapper input:active,
.single-taxonomy .search-box .search-wrapper input:focus-visible,
.single-taxonomy .search-box .search-wrapper input{
    border-right: 0px;
    border-left: 0px;
    outline: none;
}
.single-taxonomy #load-more-taxonomies{
    margin:24px auto 0 auto;
}
.single-taxonomy .taxonomy-filter-tabs {
    display: flex;
    gap: 8px;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
    overflow-x: auto;
    scrollbar-width: thin;
    scrollbar-color: #D6C494 transparent;
}
@media all and (max-width:900px){
    .single-taxonomy .taxonomy-filter-tabs {
        justify-content:start;
    }
}
.single-taxonomy .taxonomy-filter-tabs::-webkit-scrollbar {
    width: 1px;
}

.single-taxonomy .taxonomy-filter-tabs::-webkit-scrollbar-thumb {
    background-color: #D6C494;
    border-radius: 10px;
}

.single-taxonomy .taxonomy-filter-tabs::-webkit-scrollbar-track {
    background: transparent;
}

.single-taxonomy .taxonomy-filter-tabs::-webkit-scrollbar-button {
    display: none;
}

.single-taxonomy .custom-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}
@media only screen and (max-width: 1280px) {
    .single-taxonomy .custom-grid{
        grid-template-columns: repeat(3, 1fr);
    }
}
@media only screen and (max-width: 770px) {
    .single-taxonomy .custom-grid{
        grid-template-columns: repeat(2, 50%);
    }
    .single-taxonomy .custom-grid .custom-grid-item > img{
        width: -webkit-fill-available;
    }
}
.loopCategories{
    display: flex;
    justify-content: center;   /* vycentruje obsah */
    flex-wrap: wrap;
}
.loopCategories > * {
    flex: 0 1 25%;             /* ideálně čtvrtina šířky */
    max-width: 320px;          /* ale max. 320px */
    min-width: 200px;          /* volitelně, aby nebyly moc malé */
}
.single-taxonomy .custom-grid-item,
.loopCategories a{
    cursor:pointer;
    position:relative;
    transition: all .2s;
    text-align: center;
}
.single-taxonomy .custom-grid-item img.bgHover,
.loopCategories img.bgHover{
    display:none;
}
.single-taxonomy .custom-grid-item:hover,
.loopCategories a:hover{
    transform:scale(1.05);
}
.single-taxonomy .custom-grid-item:hover > img:not(.coin),
.loopCategories a:hover > img:not(.coin){
    filter: saturate(60%);
}
.single-taxonomy .custom-grid-item img,
.loopCategories a img{
    transition: all .2s;
}
.single-taxonomy .custom-grid-item img.coin,
.loopCategories a img.coin{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    max-width: 50%;
    max-height: 50%;
}
.single-taxonomy .custom-grid-item img.coin:not(.default),
.loopCategories a img.coin:not(.default){
    opacity:0.2;
}
.single-taxonomy .custom-grid-item h3,
.loopCategories a h3{
    color: #FFF;
    text-align: center;
    font-family: "Roboto Slab", serif;
    font-size: var(--Normal-text, 20px);
    font-weight: 800;
    text-transform:uppercase;

    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
}

.single-taxonomy .monarchove.custom-grid{
    grid-template-columns: repeat(4, 1fr);
    margin-bottom:32px;
}
@media only screen and (max-width: 1280px) {
    .single-taxonomy .monarchove.custom-grid{
        grid-template-columns: repeat(3, 1fr);
    }
}
@media only screen and (max-width: 770px) {
    .single-taxonomy .monarchove.custom-grid{
        grid-template-columns: repeat(2, 1fr);
    }
    .single-taxonomy .custom-grid-item h3{
        font-size:13px;
    }
}



.flip-card,
.card-responsive{
    cursor: pointer;
    width: 100%; /* nastaví šířku podle rodičovského prvku */
    padding-top: calc(100% * (493 / 345));
    perspective: 1000px; /* Perspektiva pro 3D efekt */
}
.card-responsive{
    display:none;
}
.flip-card-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d; /* Zachování 3D efektu */
    top: 0;
    left: 0;
    -webkit-transform-style: preserve-3d; /* ✅ nutné pro iOS */
    /*-webkit-backface-visibility: hidden;*/
}
.flip-card-inner .flip{
    position:absolute;
    bottom:5px;
    right:5px;
    background:orange;
    color:#000;
    padding:5px;
    white-space: nowrap;
    z-index: 10;
    border:1px solid #000;
    border-radius:5px;
}
.flip-card-inner .flip svg{
    width: 25px;
    height: 25px;
}
.flip-card-inner .close{
    position:absolute;
    top:20px;
    right:20px;
    display:none;
    z-index:10;
    padding:5px;
    background:rgba(0,0,0,0.7);
    border-radius: 100px;
    width: 30px;
    height: 30px;
}
@media all and (max-width:768px){
    .flip-card-inner .close{
        display:block;
    }
}
.flip-card.flipped .flip-card-inner {
    transform: rotateY(180deg); /* Otočení na zadní stranu */
    -webkit-transform: rotateY(180deg);
}

.flip-card-inner, .flip-card-front, .flip-card-back {
    transform-origin: center center;
    -webkit-transform-origin: center center;
}
.flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    overflow: hidden;
}

.flip-card-front {
    border-radius: 12px;
    cursor: pointer;
    color: #fff;
    background-repeat: no-repeat;
    background-size: contain;
}

.flip-card-back {
    color: #fff;
    border-radius: 12px;
    cursor: pointer;
    position:relative;
    transform: rotateY(180deg) translateZ(1px);
    -webkit-transform: rotateY(180deg) translateZ(1px);
    background-color: #061C24;
}

.flip-card-back .blur{
    filter: blur(2px);
    -webkit-filter: blur(2px);
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-repeat: no-repeat;
    background-size: contain;
    z-index:1;
}

.flip-card-back .text{
    background: #fff;
    border: 1px solid #000;
    width: 80%;
    left: 10%;
    top: 20%;
    padding:5px;
}
.flip-card-back .text,
.flip-card-back .buttonCard{
    position: absolute;
    z-index:10;
}
.flip-card-back .buttonCard{
    /*bottom:32px;*/
    bottom:100px;
    width: 90%;
    left:5%;
}
.flip-card-back p {
    color: #000;
}

.flip-card-back a.button {
    outline: none;
    border: .1rem solid #D3BB82;
    transition: all .25s;
    padding: 8px 8px;
    color: #D3BB82;
    font-family: "Roboto Slab", serif;
    font-size: 16px;
    font-style: italic;
    font-weight: 700;
    line-height: normal;
    transition: all .25s;
    background: #061C24;
    display: block;

    height:50px;
    font-size:20px;
}

.flip-card-back a.button:hover {
    border-color: #eaa63a;
    color: #eaa63a;
    background:#061C24;
}
.flip-card-back a.button:hover svg path{
    fill:#eaa63a;
}
@media all and (max-width:767px){
    .card-responsive{
        display:block;
    }
    .flip-card{
        display:none;
    }
    .flip-card.popup{
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        padding:0;
        z-index: 8888;
        background: rgba(0, 0, 0, 0.8);
        perspective: 1000px;
        -webkit-perspective: 1000px;
    }
    .flip-card.popup .flip-card-inner{
        position: absolute;
        top: 50%;
        left: 50%;
        width: 90%;
        aspect-ratio: 345 / 493;
        height: auto;
        transform: translate(-50%, -50%) translateZ(0);
        -webkit-transform: translate(-50%, -50%) translateZ(0);
        transform-style: preserve-3d;
        -webkit-transform-style: preserve-3d;
        transition: transform 0.6s;
    }
    .flip-card.popup.flipped .flip-card-inner{
        transform: translate(-50%, -50%) rotateY(180deg) translateZ(1px);
        -webkit-transform: translate(-50%, -50%) rotateY(180deg) translateZ(1px);
    }
}


/* ---------------------- CART ---------------------- */
.woocommerce-cart article,
.woocommerce-checkout article{
    margin-top: 110px;
    margin-bottom:160px;
}

.woocommerce-cart .heading .col{
    display: flex;
    align-items: center;
    gap: 24px;
    align-self: stretch;
    flex-direction: row;
}
.woocommerce-cart .heading .col a:hover svg path{
    fill:#fff;
}
.woocommerce-cart form{
    padding:50px 80px;
    margin-top: 24px;
    position:relative;
}
.woocommerce-cart table.shop_table{
    border:0px;
    margin:0px;
    z-index: 5;
    position: relative;
}
.woocommerce-cart table.shop_table thead th{
    font-family: "Roboto Slab";
    font-size: var(--Normal-text, 20px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 28px */
    color: var(--Royal-blue, #061C24);
}

.woocommerce-cart table.shop_table tbody td{
    padding: 12px 24px;
    border-top: 1px solid rgba(6, 28, 36, 0.1) !important;
}
.woocommerce-cart table.shop_table tbody td,
.woocommerce-cart table.shop_table tbody td a{
    color: var(--Royal-blue, #061C24);
    font-weight: 800;
}
.woocommerce-cart table.shop_table tbody td a:hover{
    color:#fff;
}
.woocommerce-cart table.shop_table thead th.product-subtotal,
.woocommerce-cart table.shop_table thead th.product-price,
.woocommerce-cart table.shop_table tbody td.product-subtotal,
.woocommerce-cart table.shop_table tbody td.product-price{
    text-align:right;
}
.woocommerce-cart table.shop_table thead th.product-quantity,
.woocommerce-cart table.shop_table tbody td.product-quantity{
    text-align:center;
}
.woocommerce-cart table.cart img{
    max-width: 87px;
    max-height: 78px;
    width: 100%;
    height: auto;
    object-fit: contain;
}
.woocommerce-cart table.shop_table tbody td.product-quantity .quantity-wrapper{
    display: inline-flex;
    align-items: center;
    border: 0px;
    width:200px;
}
.woocommerce-cart table.shop_table tbody td.product-quantity .quantity-wrapper .quantity{
    position: relative;
    left: -25px;
}
.woocommerce-cart table.shop_table tbody td.product-quantity .quantity-wrapper button.qty-plus{
    position: relative;
    left: -65px;
}
.woocommerce-cart table.shop_table tbody td.product-quantity .quantity-wrapper input{
    width: 123px; /*93*/
    height: 54px;
    border: none;
    outline: none;
    background-color: #fff;
}
.woocommerce-cart .actions{
    display:none;
}

.cartSummary,
.thankYouSummary{
    margin-top:24px;
    height:319px;
    background-image: url(./assets/images/patterns/cartSummary/cartSummaryBackgroundShort.png);
    background-repeat: repeat-x;
    position:relative;
    margin-left:137px;
    margin-right:137px;
}
.cartSummary::before,
.thankYouSummary::before{
    content: '';
    position:absolute;
    width:168px;
    height:319px;
    background-image: url(./assets/images/patterns/cartSummary/glyphShort.png);
    right:-160px;
    transform:rotate(180deg);
}
.cartSummary::after,
.thankYouSummary::after{
    content: '';
    position:absolute;
    width:168px;
    height:319px;
    background-image: url(./assets/images/patterns/cartSummary/glyphShort.png);
    left:-160px;
}
.cartSummary .inner{
    padding:48px 10px;
    height:100%;
    display: flex;
    align-items: center;
    gap: 80px;
}
.cartSummary .inner > div{
    width:50%;
}
.cartSummary .coupon input{
    position: relative;
    z-index: 2;
    border: none;
    padding: 10px 26px;
    font-family: "Roboto Slab", serif;
    font-weight: 400;
    color: var(--Gray, #9EA4A6);
    font-size: var(--Normal-text);
    line-height: 120%;
    width: calc(100% - 130px);
    background: #fff;
    clip-path: polygon(20px 0%, 100% 0%, calc(100% - 20px) 50%, 100% 100%, 20px 100%, 0% 50%);
}
.cartSummary .coupon button{
    position:relative;
    left: -18px;
    min-width: 120px;
}
.cartSummary .coupon button,
.cartSummary .coupon button:hover{
    background:#741C1C;
    color: var(--Creamy-gold, #D3BB82);
}
.cartSummary .coupon button:hover{
    color:#fff;
}
.cartSummary .summary{
    text-align:center;
}
.woocommerce-cart .cart_totals,
.woocommerce-cart .cart_totalscalculated_shipping {
    color: var(--Creamy-gold, #D3BB82);
    float:none !important;
    width:100% !important;
    text-align:left;

}
.woocommerce-cart .cart_totals .row,
.woocommerce-cart .cart_totalscalculated_shipping .row{
    align-items: center;
    margin-bottom: 12px;
}

.woocommerce-cart .cart_totals .cartTotal,
.woocommerce-cart .cart_totalscalculated_shipping .cartTotal{
    font-family: "Roboto Slab";
    font-size: var(--Normal-text, 20px);
    font-style: normal;
    font-weight: 800;
    line-height: 140%; /* 28px */
}
.woocommerce-cart .cart_totals .total .cartTotal,
.woocommerce-cart .cart_totalscalculated_shipping .total .cartTotal{
    color:#fff;
    font-size: var(--H3, 32px);
}
@media all and (max-width:1200px){
    .cartSummary .inner{
        display: flex;
        flex-direction: column;
        gap: 42px;
    }
    .cartSummary .inner > div{
        width:100%;
    }
}
@media all and (max-width:767px){
    .woocommerce-cart form{
        padding:40px;
    }
    .woocommerce-cart .product-name > a:first-child,
    .woocommerce-cart .product-remove,
    .woocommerce-cart .shop_table .cart_item td::before,
    .woocommerce-cart .actions{
        display:none !important;
    }
    .woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td{
        text-align:center !important;
        border:0 !important;
    }
    .woocommerce-cart article, .woocommerce-checkout article{
        margin-bottom:100px;
    }
    .woocommerce-cart table.shop_table tbody td.product-quantity .quantity-wrapper input{
        height: 48px;
    }
    .cartSummary{
        margin: 24px 0px 0px 0;
        position: relative;
        width: 100vw;
        left: 50%;
        transform: translateX(-50%);
    }
    .cartSummary::before, .cartSummary::after{
        display:none;
    }

}


/* EMPTY CART*/
.woocommerce-cart-empty footer{
    margin-top: -170px;
}
.empty-chest-wrapper{
    position: relative;
    padding: 120px 24px 200px 24px;
    background: linear-gradient(180deg, #061C24 50%, #D6C494 50%);
    overflow: hidden;
    margin-top:-50px;
}
.empty-chest-wrapper::before{
    content: '';
    position: absolute;
    left: 0;
    top:0;
    width:100%;
    height:100%;
    background-image: url('assets/images/vineta.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;

    z-index:2;
}
.empty-chest-wrapper::after{
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-90%);
    width: 100%;
    aspect-ratio: 10 / 1;
    background-image: url(assets/images/patterns/backgroundEmptyCart.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 1;
}
.empty-chest-wrapper h1{
    color: var(--Creamy-gold, #D3BB82);
    margin-bottom:50px;
}
.empty-chest-wrapper h1,
.empty-chest-wrapper a,
.empty-chest-wrapper img{
    position:relative;
    z-index:3;
    text-align:center;
}
.empty-chest-wrapper .emptyCart{
    display:flex;
    flex-direction:column;
    justify-content: center;
    align-items: center;
    gap:50px;
}
@media all and (max-width:767px){
    .empty-chest-wrapper{
        padding: 60px 0px 100px 0px;
    }
    .empty-chest-wrapper .emptyCart{
        gap:50px;
    }
    .empty-chest-wrapper img{
        max-width:200%;
    }
    .woocommerce-cart-empty footer{
        margin-top: -120px;
    }
}

/* -------------- CHECKOUT -------------------- */
.woocommerce table.shop_table{
    border:0px;
}
form.checkout > .row > div.left{
    width:calc(100% - 560px);
}
.woocommerce-checkout .sidebar{
    display: flex;
    width: 558px;
}
.section2{
    display:none;
}

.woocommerce-checkout .heading{
    margin-bottom:42px;
}
.woocommerce-checkout .breadcrumb{
    gap:0px;
}
.woocommerce-checkout .breadcrumb a,
.woocommerce-checkout .breadcrumb a:not(.hoverable):hover{
    clip-path: polygon(0% 0%, calc(100% - 20px) 0%, 100% 50%, calc(100% - 20px) 100%, calc(100% - 27px) 100%, 0% 100%, 27px 50%);
    background: var(--Royal-blue, #061C24);
    padding:12px 44px 12px 44px;
    color: var(--Creamy-gold, #D3BB82);

    /* Bold text */
    font-family: "Roboto Slab";
    font-size: var(--Normal-text, 20px);
    font-style: normal;
    font-weight: 800;
    line-height: 140%; /* 28px */

    position:relative;
}
.woocommerce-checkout .breadcrumb a:nth-child(2){
    left:-22px;
}
.woocommerce-checkout .breadcrumb a:nth-child(3){
    left:-44px;
}
.woocommerce-checkout .breadcrumb a.active,
.woocommerce-checkout .breadcrumb a.hoverable:hover,
.woocommerce-checkout .breadcrumb a.active:not(.hoverable):hover{
    background: var(--Crimson-red, #741C1C);
    color:#fff;
}
.woocommerce-checkout .sidebar #payment{
    display:none;
}
.woocommerce-checkout #shipping_method input,
.woocommerce-checkout #payment input{
    appearance: auto;
}

.woocommerce-checkout label{
    display: block;
    color: var(--Royal-blue, #061C24);

    /* Small text */
    font-family: "Roboto Slab";
    font-size: var(--Small-text, 13px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 18.2px */
}
.woocommerce-checkout input[type=text],
.woocommerce-checkout input[type=tel],
.woocommerce-checkout input[type=email]{
    transition: all .25s ease-in-out;
    height: 54px !important;
    padding: 16px 10px !important;
    align-items: flex-end;
    align-self: stretch;

    border: 1px solid rgba(6, 28, 36, 0.40) !important;
    background-color: rgba(6, 28, 36, 0.07) !important;
}
.woocommerce-checkout .select2-selection{
    transition: all .25s ease-in-out;
    height: 54px;
    align-items: center;
    align-self: stretch;
    border: 1px solid rgba(6, 28, 36, 0.40);
    background-color: rgba(6, 28, 36, 0.07);
}
.select2-selection__rendered{
    color: var(--Royal-blue, #061C24);

    /* Bold text */
    font-family: "Roboto Slab";
    font-size: var(--Normal-text, 20px);
    font-style: normal;
    font-weight: 800;
    line-height: 140%; /* 28px */
}
.select2-container .select2-selection--single{
    height:54px !important;
}
input.select2-search__field{
    padding:0px !important;
    line-height: inherit !important;
}
.woocommerce-checkout #ship-to-different-address-checkbox,
.woocommerce-checkout input[type=radio]{
    appearance: auto;
}
.woocommerce-checkout .woocommerce-shipping-fields{
    margin-top:42px;
}
.woocommerce-checkout .woocommerce-shipping-fields label input{
    width: 18px;
    height: 18px;
}
.woocommerce-checkout .woocommerce-shipping-fields label span{
    color: var(--Royal-blue, #061C24);

    /* Normal text */
    font-family: "Roboto Slab";
    font-size: var(--Normal-text, 20px);
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 28px */
}
.woocommerce-checkout .actionButtons{
    display:flex;
    justify-content:space-between;
    margin-top: 42px;
}
.woocommerce-checkout .actionButtons a{
    cursor:pointer;
}
.woocommerce-checkout .actionButtons a.back{
    color: var(--Crimson-red, #741C1C);

    /* Bold text */
    font-family: "Roboto Slab";
    font-size: var(--Normal-text, 20px);
    font-style: normal;
    font-weight: 800;
    line-height: 140%; /* 28px */
}
.woocommerce-checkout .actionButtons a.back:hover{
    color:#fff;
}



.woocommerce-checkout .sidebar{
    display: flex;
    flex-direction: column;
    align-items: center;

    position:relative;
    background-size: 100%;
    background-repeat: repeat-y;
    background-image: url(./assets/images/patterns/sidebarBlog/body.png);
    padding: 28px 75px 0px 75px;
    height: fit-content;

    color: var(--Creamy-gold, #D3BB82);
}
.woocommerce-checkout .sidebar::before{
    content:"";
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(./assets/images/patterns/sidebarBlog/top.png);
    position:absolute;
    top: -10px;
    left: 0;
    width: 100%;
    height: 44px;
}
.woocommerce-checkout .sidebar::after{
    content:"";
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(./assets/images/patterns/sidebarBlog/bottom.png);
    position:absolute;
    bottom: -290px;
    left: 0;
    width: 100%;
    height: 297px;
}
.woocommerce-checkout .sidebar h2{
    color: var(--Creamy-gold, #D3BB82);
    margin-bottom: 15px;
}
.woocommerce-checkout .sidebar .woocommerce-checkout-review-order-table{
    border-top: 1px solid rgba(211, 187, 130, 0.10);
    margin:0;
}
.woocommerce-checkout .sidebar .woocommerce-checkout-review-order-table td.product-name{
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 800;
    padding:12px 0px;
    border-bottom: 1px solid rgba(211, 187, 130, 0.10);
}
.woocommerce-checkout .sidebar .woocommerce-checkout-review-order-table td.product-name img{
    max-width: 87px;
    max-height: 78px;
}
.woocommerce-checkout .sidebar .woocommerce-checkout-review-order-table td.product-total{
    text-align:right;
    padding:12px 0px;
    border-bottom: 1px solid rgba(211, 187, 130, 0.10);
}
.woocommerce-checkout .sidebar .woocommerce-checkout-review-order-table tfoot th{
    padding:6px 0px;
    font-weight:400;
}
.woocommerce-checkout .sidebar .woocommerce-checkout-review-order-table tfoot td{
    padding:6px 0px;
    text-align:right;
}
.woocommerce-checkout .sidebar .woocommerce-checkout-review-order-table tfoot tr.order-total td,
.woocommerce-checkout .sidebar .woocommerce-checkout-review-order-table tfoot tr.order-total th{
    color:#fff;
}
.woocommerce-checkout .sidebar .woocommerce-checkout-review-order-table tfoot tr.order-total td{

}

.woocommerce-checkout .section2 h2{
    color: var(--Royal-blue, #061C24);

    /* H3 */
    font-family: "Roboto Slab";
    font-size: var(--H3, 32px);
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 38.4px */
    text-transform: uppercase;
    margin-bottom: 32px;
}
.woocommerce-checkout #shipping_methods{
    display:flex;
    gap:32px;
    flex-direction:column;
}
.woocommerce-checkout .shipping_method{
    display:grid;
    grid-template-columns: 25px 45px 1fr 1fr;
    align-items: center;
    gap: 12px;
    padding: 0px;
    border: 0px;
}
.woocommerce-checkout #payment input[type=radio],
.woocommerce-checkout .shipping_method input[type=radio]{
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid var(--Royal-blue, #061C24);
    background: transparent;
    -webkit-appearance: none;
    appearance: none;
    position: relative;
    transition: background 0.3s, border-color 0.3s;
    cursor:pointer;
}
.woocommerce-checkout #payment input[type="radio"]::before,
.woocommerce-checkout .shipping_method input[type="radio"]::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    background: transparent;
    border-radius: 50%;
}

.woocommerce-checkout .shipping_method input[type="radio"]:checked::before,
.woocommerce-checkout #payment input[type="radio"]:checked::before {
    background: #741C1C
}

.woocommerce-checkout .shipping_method .afterShipping{
    display:none;
}
.woocommerce-checkout .shipping_method .afterShipping img{
    max-width: 100px;
}
.woocommerce-checkout .shipping_method .name{
    color: var(--Royal-blue, #061C24);

    /* Normal text */
    font-family: "Roboto Slab";
    font-size: var(--Normal-text, 20px);
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 28px */
}
.woocommerce-checkout #order_review{
    margin-top:42px;
}
.woocommerce-checkout #payment{
    background:transparent;
    border-radius:0;
}
.woocommerce-checkout #payment ul.payment_methods{
    padding:0px;
    border-bottom:0px;
    gap:32px;
    display: flex;
    flex-direction: column;
    padding:0;
    border:0;
}
.woocommerce-checkout #payment ul.payment_methods::before{
    display:none;
}
.woocommerce-checkout #payment ul.payment_methods li{
    padding: 0px;
    border: 0px;
    display: grid;
    grid-template-columns: 25px 45px 1fr 75px;
    gap: 12px;
    align-items: center;
    background:transparent !important;
}
.woocommerce-checkout #payment ul.payment_methods li::before,
.woocommerce-checkout #payment ul.payment_methods li::after{
    display:none !important;
}
.woocommerce-checkout #payment ul.payment_methods li input[type=radio]{
    width:25px;
    margin:0;
}
.woocommerce-checkout #payment ul.payment_methods li img{
    margin:0;
    max-width: 100%;
}
.woocommerce-checkout > .woocommerce-NoticeGroup{
    padding-top: 50px;
    padding-bottom: 50px;
}
.woocommerce-checkout > .woocommerce-NoticeGroup .woocommerce-error::before,
.woocommerce-checkout #payment ul.payment_methods .payment_box .woocommerce-error::before{
    top: 50%;
    transform: translateY(-50%);
    left: 20px;
}
.woocommerce-checkout > .woocommerce-NoticeGroup ul.woocommerce-error li,
.woocommerce-checkout #payment ul.payment_methods .payment_box .woocommerce-error li{
    grid-template-columns: 1fr;
    color: #df1b41;
}
.woocommerce-checkout #payment label{
    margin-bottom:0px;
    color: var(--Royal-blue, #061C24);
    /* Normal text */
    font-family: "Roboto Slab";
    font-size: var(--Normal-text, 20px);
    font-style: normal;
    font-weight: 700;
    line-height: 140%; /* 28px */
}
.woocommerce-checkout #payment div.payment_box{
    padding:0px;
    margin:0px;
    background-color: transparent;
}
.woocommerce-checkout #payment div.payment_box::before{
    display:none;
}
.woocommerce-checkout #payment ul.payment_methods::after{
    display:none;
}
.woocommerce-checkout #payment div.payment_box p{
    font-size: 80%;
    color: var(--Royal-blue, #061C24);
}
.woocommerce-checkout #payment div.payment_box .gopay_select span{
    color: var(--Royal-blue, #061C24);
    /* Normal text */
    font-family: "Roboto Slab";
    font-size: 80%;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 28px */
}
.woocommerce-checkout #payment ul.payment_methods li .price{
    text-align:right;
}
.gpay-card-info-container-fill, .gpay-card-info-container-fill > .gpay-card-info-container{
    max-width: 300px;
}
@media all and (max-width:1200px){
    .woocommerce-checkout .sidebar{
        display:none;
    }
    form.checkout > .row > div.left{
        width:100%;
    }
    .woocommerce-checkout .breadcrumb{
        flex-wrap: nowrap;
    }
    .woocommerce-checkout .shipping_method .afterShipping img{
        max-width: 100px;
    }
}
@media all and (max-width:767px){
    .woocommerce-checkout .breadcrumb a, .woocommerce-checkout .breadcrumb a:not(.hoverable):hover{
        padding: 12px 15px 12px 30px;
        height: 100%;
        display: flex;
        align-items: center;
    }
    .woocommerce-checkout .heading,
    .woocommerce-checkout .breadcrumb{
        margin-bottom:24px;
    }
    .woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last{
        width:100%;
        float:none;
    }
    .woocommerce-checkout .actionButtons{
        flex-direction: column;
        align-items: center;
        gap: 24px;
    }
}

/* THANK YOU */
.woocommerce-order-received .heading{
    padding-top:42px;
}
.woocommerce-order-received .woocommerce ul.order_details,
.woocommerce-order-received .woocommerce-customer-details{
    margin:0;
    padding:24px 0px;
    border-bottom: 1px solid rgba(6, 28, 36, 0.10);
}
.woocommerce-order-received .woocommerce-customer-details .addresses{
    display:flex;
    gap:64px;
}
.woocommerce-order-received .woocommerce-customer-details .addresses address{
    border:0px;
    padding:8px 0px 0px 0px;
    border-radius:0;
}
.woocommerce-order-received table.shop_table{
    border: 0;
    margin: 0;
    border-bottom: 1px solid rgba(6, 28, 36, 0.10);
}
.woocommerce-order-received table.shop_table td{
    width: 90%;
    white-space: nowrap;
    padding:12px 0px;
}
.woocommerce-order-received table.shop_table td:last-child{
    text-align:right;
}
.woocommerce-order-received table.shop_table td a,
.woocommerce-order-received table.shop_table td bdi{
    color: var(--Royal-blue, #061C24);

    /* Bold text */
    font-family: "Roboto Slab";
    font-size: var(--Normal-text, 20px);
    font-style: normal;
    font-weight: 800;
    line-height: 140%; /* 28px */
}
.woocommerce-order-received table.shop_table td a:hover{
    color:#fff;
}
.woocommerce-order-received table.shop_table td .product-thumbnail img{
    width: 87px;
    height: 78px;
}
.woocommerce-order-received .thankYouSummary{
    max-width: 400px;
    margin: 0 auto;
}
.woocommerce-order-received .thankYouSummary .inner{
    padding: 44px 12px;
    color: var(--Creamy-gold, #D3BB82);
    display:flex;
    flex-direction:column;
    gap:12px;
}
.woocommerce-order-received .thankYouSummary .inner h3{
    color: var(--Creamy-gold, #D3BB82);
    text-align:center;
    border-bottom: 1px solid rgba(211, 187, 130, 0.10);
    padding:12px 0px;
}
.woocommerce-order-received .thankYouSummary .inner table{
    border:0px;
}
.woocommerce-order-received .thankYouSummary .inner table td{
    padding:6px 0px;
}
.woocommerce-order-received .thankYouSummary .inner table td:last-child{
    text-align:right;
}
.woocommerce-order-received .thankYouSummary .inner table tr:last-child td{
    color:#fff;
}
@media all and (max-width:767px){

}

/* toaster */
.woocommerce-notices-wrapper{
    position: fixed;
    top: 200px;
    right: -100%;
    max-width: 500px;
    width: max-content;
    z-index: 99999;
    text-align: center;
    background: #061C24;
    padding: 15px 0px 10px 0px !important;
}
@media (max-width: 550px){
    .woocommerce-notices-wrapper{
        max-width: 80%;
    }
}
.woocommerce-error, .woocommerce-info, .woocommerce-message{
    margin:0px;
    border:0px;
    background:none;
    color:#fff;
    padding: 0px 15px 0px 45px;
}
.woocommerce-notices-wrapper .woocommerce-error::before, .woocommerce-notices-wrapper .woocommerce-info::before, .woocommerce-notices-wrapper .woocommerce-message::before{
    top: 0px;
    left: 20px;
}
.woocommerce-notices-wrapper a.button-primary{
    margin-bottom: 20px;
}
.woocommerce-notices-wrapper ul{
    border:0px !important;
}
.loader {
    margin:0px auto 0px auto;
}
.tax-product_cat .loader{
    margin-top:4px;
}
.flip-card-back .loader{
    margin-top:4px;
}
.woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button{
    float: none;
}




.p404{
    margin-top:180px;
    display:flex;
    flex-direction:column;
    gap:24px;
    align-items:center;
}








/* HP VIDEO */
.elementor-10502 .elementor-element.elementor-element-c98648b .elementor-wrapper{
    --video-aspect-ratio: 0.8 !important;
}



/* SHERPY */
.sherpas-wrapper{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.sherpa-row {
    position: relative;
    width: 100%;
    height: 375px;
    overflow:hidden;
    margin-bottom: 0px;
    padding:40px 0px;
    cursor:pointer;
}

/* leve */
.sherpa-base {
    position: relative;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-position: left center;
    display: flex;
    align-items: center;
    z-index: 1;
}
.sherpa-base::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to right,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.4) 100%
        );
    z-index: 2;
    pointer-events: none;
}
.sherpa-base > * {
    position: relative;
    z-index: 3;
}

.sherpa-series {
    margin-left: 90px;
    flex-shrink: 0;
}

.sherpa-text {
    margin-left: 125px;
    max-width: 360px;
    color: #fff;
    font-size: 21px;
    line-height: 140%;
}

/* prave */
.sherpa-slide {
    position: absolute;
    top: 30px;
    right: -40%; /* výchozí schování */
    width: 85%;
    display: flex;
    z-index: 5;
    transition: transform 0.5s ease;
    height:312px;
}

/* hover */
.sherpa-row:hover .sherpa-slide {
    transform: translateX(-40%);
}

/* struktura */
.slide-left {
    width: 162px;
    background: url('./assets/images/seriesHP/vysouvaci_leve.png') no-repeat center / cover;
    left: 1px;
    position: relative;
}

.slide-center {
    flex: 1;
    background: url('./assets/images/seriesHP/vysouvaci_stred.webp') repeat-x left;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 120px 0 16px;
}

.slide-center .slide-images{
    position: relative;
    max-width: max-content;
    /*overflow: hidden;*/
    clip-path: inset(0);

    height: 195px;
    display: flex;
    flex-wrap: nowrap;
    -webkit-transform: translateZ(0); /* Safari fix */
    transform: translateZ(0);
    will-change: transform;
}
.slide-center .slide-images img:not(:first-child){
    margin-left:-50px;
}
.slide-center .slide-images .gradient{
    background: linear-gradient(to right, rgba(6, 28, 36, 0) 0%, rgba(6, 28, 36, 1) 100%);
    width: 80px;
    position: absolute;
    right: -5px;
    height: 195px;
    top: 0;
    z-index: 9;
}
.sherpas-wrapper .sherpa-row.second .slide-images img{
    filter: grayscale(100%);
}

.slide-center .slide-cta{
    display: flex;
    flex-direction: column;
    gap: 20px;
    text-align: center;
    width: 100%;
    align-items: center;
    width: 300px;
    flex-shrink: 0;
}
.slide-center .slide-cta span{
    font-weight: 700;
    font-size:42px;
    color:#fff;
    line-height:110%;
}

.sherpa-ending-gradient{
    background: linear-gradient(to right, rgba(6, 28, 36, 0) 0%, rgba(6, 28, 36, 1) 100%);
    width: 40px;
    position: absolute;
    right: 13px;
    height: 275px;
    top: 50%;
    z-index: 9;
    transform: translate(0, -50%);
}

.sherpa-ending {
    width: 14px;
    background: url('./assets/images/seriesHP/vysouvaci_prave.png') no-repeat center / cover;
    position: absolute;
    top: -10px;
    right: -1px; /* výchozí schování */
    height: calc(100% + 20px);
    width: 14px;
    z-index: 6;
}

@media all and (max-width:1340px){
    .sherpa-slide {
        right: -50%;
    }
    .sherpa-row:hover .sherpa-slide {
        transform: translateX(-50%);
    }
}
@media all and (max-width:1130px){
    .sherpa-slide {
        right: -60%;
    }
    .sherpa-row:hover .sherpa-slide {
        transform: translateX(-60%);
    }
}
@media all and (min-width: 1020px){
    .sherpa-row-tablet,
    .sherpa-row-mobile{
        display:none;
    }
}
@media all and (max-width: 1020px){
    .sherpa-row,
    .sherpa-row-mobile{
        display:none;
    }
    .sherpa-row-tablet{
        display:block;
    }
    .sherpa-row-tablet:hover,
    .sherpa-row-mobile:hover{
        opacity:0.7;
    }
}
@media all and (max-width: 768px){
    .sherpa-row,
    .sherpa-row-tablet{
        display:none;
    }
    .sherpa-row-mobile{
        display:block;
    }
}



.hpVideo video.elementor-video{
    cursor:pointer;
}







@media only screen and (min-width: 1500px) {
    .container {
        max-width: 1440px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1499px) {
    .container {
        max-width: 90%;
    }
}


@media (max-width: 1333px){
    #product-category .box {
        width: 340px;
        max-width:unset;
    }
    #monarch-carousel2 .nav,
    #topProduct-carousel2 .nav{
        display:flex;
        justify-content: center;
        align-items: center;
        position:absolute;
        left:50%;
        transform:translateX(-50%);
        gap:30px;
        flex-wrap: nowrap;
        z-index:9999999;
    }
    #monarch-carousel2 .nav{
        bottom:-80px;
    }
    #topProduct-carousel2 .nav{
        bottom:-40px;
    }
    #monarch-carousel2 .prev svg,
    #monarch-carousel2 .next svg,
    #topProduct-carousel2 .prev svg,
    #topProduct-carousel2 .next svg{
        width:58px;
    }
    #monarch-carousel2 .prev,
    #topProduct-carousel2 .prev{
        left: unset;
        top: unset;
        z-index: 99999;
        position:relative;
        display: flex;
        align-items: center;
        justify-content: center;
        margin:0;
    }

    #monarch-carousel2 .prev,
    #topProduct-carousel2 .prev{
        bottom: unset;
    }
    #monarch-carousel2 .next,
    #topProduct-carousel2 .next{
        z-index: 99999;
        right: unset;
        top: unset;
        position:relative;
        display: flex;
        align-items: center;
        justify-content: center;
        margin:0;
    }

    #monarch-carousel2 .next,
    #topProduct-carousel2 .next{
        bottom: unset;
    }

    #monarch-carousel2 .activeBullets,
    #topProduct-carousel2 .activeBullets{
        position:relative;
        display:flex;
        gap:20px;
        align-items: center;
        justify-content: center;
        flex-wrap: nowrap;
    }
    #monarch-carousel2 .activeBullets,
    #topProduct-carousel2 .activeBullets{
        bottom:unset;
    }

    #monarch-carousel2 .activeBullets > span,
    #topProduct-carousel2 .activeBullets > span{
        width: 8px;
        height: 8px;
        background: var(--Creamy-gold, #D3BB82);
    }
    #monarch-carousel2 .activeBullets > span.active,
    #topProduct-carousel2 .activeBullets > span.active{
        background: var(--White, #FFF);
    }

    #monarch-carousel2 .onhover{
        bottom: -200%;
    }
    #monarch-carousel2 .carouselContainer .crownImage{
        top:-105px;
    }
    #monarch-carousel2 .carouselItem{
        flex: 0 0 25%;
    }
    footer .footerContent .logo img{
        width: 144.046px;
        height: 127.5px;
    }
}
@media (max-width: 1024px){
    h1,
    .h1,
    .h1 h2{
        font-size: 64px;
    }
    h2,
    .h2{
        font-size: 56px;
    }
    h3,
    .h3{
        font-size: 32px;
    }

    .navbar .container .row.mobile{
        display:flex;
        border-bottom: 1px solid #fff;
    }
    .navbar .container .row.desktop{
        display:none;
    }
    .navbar .left, .navbar .right{
        width:calc(50% - 75px);
    }
    .navbar .row.mobile .left{
        justify-content: flex-start;
    }
    .navbar .row.mobile .left button{
        background:transparent;
        border:0;
        margin:0;
        display:flex;
        padding: 10px 16px;
        justify-content: center;
        align-items: center;
        gap: 8px;

        color: var(--Creamy-gold, #D6C494);

        /* Bold text */
        font-family: "Roboto Slab";
        font-size: var(--Normal-text, 18px);
        font-style: normal;
        font-weight: 800;
        line-height: 120%; /* 21.6px */
    }
    .navbar .navbar-brand{
        width:calc(101px + 48px);
    }
    .navbar .navbar-brand img{
        z-index: 100;
        width:101px;
        height:90px;
    }
    .navbar .row.mobile .right{
        justify-content: flex-end;
    }
    .navbar .row.mobile .menu{
        position: fixed;
        top: 70px;
        width: 100vw;
        z-index: 99;
        height: calc(100vh - 70px);
        background: #061C24;
        padding: 0;
        margin: 0;
        max-width: 100vw;
        left: 0;
        display:none;
        padding-top: 50px;
    }
    .navbar .mobile .menu.open {
        display: flex;
    }

    .navbar .row.mobile .menu ul{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .navbar .row.mobile .menu ul li{
        width:100%;
    }
    .navbar .row.mobile .menu ul:not(.wpml-ls-sub-menu) li a{
        width:100%;
        text-align:center;
        padding:24px 16px;
    }
    .navbar .row.mobile .menu ul ul.dropdown-menu{
        display:none;
        position:relative;
    }
    .navbar .row.mobile .menu ul ul.wpml-ls-sub-menu{
        border:0px;
    }
    .navbar .row.mobile .menu ul ul.wpml-ls-sub-menu li a{
        padding:0px 0px 10px 0px;
    }

    #product-category .wrapper{
        padding-bottom:280px;
    }
    #topProduct-carousel2 .box{
        flex: 0 0 calc(50% + 5px);
    }

    .woocommerce #content div.product div.images, .woocommerce #content div.product div.summary, .woocommerce div.product div.images, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.images, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.images, .woocommerce-page div.product div.summary{
        float: none;
        width: 100%;
    }

    .woocommerce div.product .variations .attribute-wrapper{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .woocommerce div.product div.summary p.price,
    .woocommerce div.product .single_variation_wrap .woocommerce-variation.single_variation{
        justify-content: center;
    }
    .woocommerce div.product form.cart .single_add_to_cart_button{
        margin:0 auto;
    }
}
@media (max-width: 768px){
    :root{
        --Normal-text: 16px;
    }

    h1,
    .h1,
    .h1 h2{
        font-size: 44px;
    }
    h2,
    .h2{
        font-size: 32px;
    }
    h3,
    .h3{
        font-size: 24px;
    }

    .deliciCaraBila, .deliciCaraCerna{
        margin: 0 53px !important;
        width: calc(100% - 106px) !important;
    }
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{
        padding-left: 24px;
        padding-right: 24px;
    }

    .navbar .mobile .right a{
        padding: 13px 20px;
        white-space: nowrap;
    }

    #product-category .wrapper{
        padding-bottom: 160px;
    }
    #monarch-carousel2 .nav{
        bottom:-80px;
    }
    #topProduct-carousel2 .nav{
        bottom:-35px;
    }
    #product-category .box {
        width: 96vw;
        margin:0 2vw;
    }
    #monarch-carousel2 .carouselContainer,
    #topProduct-carousel2 .carouselContainer{
        margin-top: -35px;
        padding-top: 40px;
    }
    #monarch-carousel2 .crownImage{
        width: 160px;
    }
    #monarch-carousel2 .carouselItem{
        flex: 0 0 40%;
    }
    #topProduct-carousel2 .box{
        flex: 0 0 100%;
    }
    #topProduct-carousel2 .carouselTrack{
        padding: 0px 0px 200px 0px;
    }
    #monarch-carousel2 .box:hover .onhover{
        bottom:unset;
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs{
        justify-content:center;
    }
    .woocommerce div.product .single_variation_wrap bdi, .woocommerce div.product .woocommerce-Price-amount bdi{
        font-size:24px;
    }
    .woocommerce #reviews #comments ol.commentlist li .comment-text .inRow{
        flex-direction: column;
        gap:12px;
        align-items: baseline;
    }


    footer .footerContent .menu ul{
        flex-direction: column;
    }
    footer .footerContent .menu ul li a{
        display: block;
        text-align: center;
    }
}
@media (max-width: 550px){
    #monarch-carousel2 .nav,
    #topProduct-carousel2 .nav{
        bottom:-55px;
    }
    #monarch-carousel2 .carouselContainer .crownImage{
        top: -40px;
    }
}




/* HOME zámek */
.horaObrazek{

}
.horaObrazekAbsolute{
    position: absolute !important;
    width: 1580px !important;
    height: 758px !important;
    transform: translate(-31%, -5%) !important;
    z-index: 1 !important;
}
.zamekObrazek{
    transition-duration: .2s;
}
.zamekObrazek:hover{
    transform:scale(1.15);
}
@media all and (max-width:1367px){
    .horaObrazekAbsolute {
        transform: translate(-30%, -5%) !important;
    }
}
@media all and (max-width:1024px){
    .horaObrazek{
        padding-top: 100px !important;
    }
    .horaObrazekAbsolute {
        transform: translate(-50%, 0%) !important;
        position: relative !important;
        left: 50%;
        top: 50%;
    }
}
@media all and (max-width:767px){
    .horaObrazek{
        transform:scale(0.6) !important;
        height: 500px !important;
        min-height: 500px !important;
        padding-top: 0px !important;
    }
    .horaObrazekAbsolute{
        top:0px;
    }
}
@media all and (max-width:500px){
    .horaObrazek{
        transform:scale(0.4) !important;
        height: 320px !important;
        min-height: 320px !important;
    }
}