body {
font-size: 18px;
}

footer a {
color: #1a1937;
}

.product {
margin-bottom: 15px;
}

#content h1 {
margin-bottom: 20px;
}

.p-to-cart-block {
padding: 25px;
margin-top: 50px;
}

.p-detail-tabs-wrapper {
margin-top: 50px;
}

.top-products-content .top-products-name {
font-size: 14px;
font-weight: 500!important;
}

.products-block>div .p .name {
height: auto;
display: block;
}

.p-in-in .name {
padding-top: 10px;
padding-bottom: 10px;
}

.buttons-wrapper.social-buttons-wrapper {
display: none;
}

.rate-wrapper-in-description {
display: none!important;
}

#checkoutContent {
margin-right: 20px;
}

@media (min-width: 480px) {
    #header .site-name a img {
        max-height: 60px;
    }
}

.benefitBanner__item {
    justify-content: center;
}

.benefitBanner.position--benefitProduct {
    margin-top: 50px;
    padding: 25px 0px 15px 0px;
background: #f3fadd;    
}

@media (min-width: 768px) {
    #header .site-name a img {
        max-height: 100px;
    }
    
    .welcome-wrapper {margin-top: 15px; padding-top: 0px; margin-bottom: 0px; padding-bottom: 0px;}
   
    
}

@media (max-width: 767px) {
#heurekaTableft {
    display: none!important;
    }
    
    .welcome-wrapper {margin-top: 15px; padding-top: 0px}
       
}

.order-summary-item .cart-item-name a {
color: #1a1937;
display: inline-block;
margin-bottom: 10px;
font-weight: 600;
}

.radio-wrapper.active label>span b {
color: #1a1937;
}

.top-navigation-menu-item-1429, .top-navigation-menu-item-1224, .top-navigation-menu-item-1488 {
display: none!important;
}

.product-slider-holder .product-slider-pagination .pagination-button.active {
background-color: #1a1937;
}

.checkout-box .toggle-contacts:after {
display: none;
}

.navigation-in {
font-size: 16px;
}

.search-input {
border: 1px solid #cfcfcf;
}

.header-bottom {
background: #addb0b;
}

nav#navigation {
background: #addb0b;
}

nav#navigation ul li a {
background: #addb0b;
color: #2B3800;
}

.pagination-link, .pagination-loader .load-products, .pagination a, .pagination-top .pagination-link, .pagination-top>strong {
background: #2B3800!important;
color: white!important;
}

.pagination-top>strong {
padding-left: 15px;
}

.pagination-link:hover, .pagination-loader .load-products:hover, .pagination a:hover, .pagination-top .pagination-link:hover, .pagination-top>strong:hover {
background: #addb0b!important;
color: #2B3800!important;
}

.breadcrumbs {
margin-top: 20px;
max-width: inherit!important;
padding-left: 20px!important;
}

.btn.btn-default, a.btn.btn-default, .btn.btn-cart, .btn.btn-conversion, a.btn.btn-cart, a.btn.btn-conversion {
color: #2B3800; 
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1px;
}

.btn.btn-default:hover, a.btn.btn-default:hover, .btn.btn-cart:hover, .btn.btn-conversion:hover, a.btn.btn-cart:hover, a.btn.btn-conversion:hover {
color: white; 
text-decoration: none;
}

.sidebar-indented .content .category-top {
max-width: inherit;
}

.homepage-group-title {
margin-bottom: 10px;
}

.products-block>div .p .p-bottom>div .p-tools .btn, .products-block>div .p .p-bottom>div .p-tools .btn.btn-cart {
background: #addb0b;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1px;
color: #2B3800;
border: 0px;
width: 100%;
}

.products-block>div .p .p-bottom>div .p-tools .btn:hover, .products-block>div .p .p-bottom>div .p-tools .btn.btn-cart:hover {
background: #2B3800;
color: white;
text-decoration: none;
border: 0px;
}

.products-block>div .p { 
justify-content: space-between;
}

.products-block>div:hover .p a {
text-decoration: none;
}

.category-top {
border-bottom: 2px dotted silver;
margin-bottom: 40px;
}

.cart-table tr.related, .show-related {
display: none!important;
}

/* Prebarvi stitky u popisku zbozi */
/* Novinka */
.pr-list-flag-new {
    background-color: #AEC52D;
}
/* Tip */
.pr-list-flag-tip {
    background-color: #73d7e3;
}
/* Akce */
.pr-list-flag-action {
    background-color: #FF634C;
}
/* Doprava zdarma*/
.pr-list-flag-freeshipping {
    background-color: #ff9764;
}

.order-button-suffix {
display: none;
}

#submit-order {
font-weight: 700;
width: 100%;
}

.order-button-text {
font-weight: 700;
font-size: 21px;
}

.siteCookies__button.js-cookiesConsentSubmit {
background-color: #addb0b;
color: #2B3800;
}


.siteCookies__button.js-cookiesConsentSubmit:hover {
background-color: #2B3800;
color: white;
}

.form-group.consents strong {
font-weight: 400;
}

.form-group.consents strong br {
display: none;
}

.form-group {
margin-bottom: 35px;
}

        .custom-container {
            width: 100%;
            margin-top: 100px;
        }

        .hpbtn {
            background: #addb0b;
            text-transform: uppercase;
            font-weight: 700;
            letter-spacing: 1px;
            color: #2B3800;
            border: 0px;
            display: inline-block;
            padding: 15px 30px 15px 30px; 
       	 }
         
           .hpbtn:hover {
            background: #ff9d53;
            color: #2B3800!important;
       	 }

.hpbtn.orange {
    background: #ff9d53;
    padding: 15px 30px 15px 30px;
    color: white!important;
    line-height: 1em;
}

.hpbtn.orange:hover {
    background: #633e21;
}

.hpbtn.aqua {
    background: #4800a9;
    padding: 15px 30px 15px 30px;
    color: white!important;
    line-height: 1em;
}

.hpbtn.aqua:hover {
    background: #2f0070;
}

.hpbtn.blue {
    background: #2a90eb;
    padding: 15px 30px 15px 30px;
    color: white!important;
    line-height: 1em;
}

.hpbtn.blue:hover {
    background: #10416c;
}

        a.hpbtn_red {
                    background: #252525;
                    text-transform: uppercase;
                    font-weight: 700;
                    letter-spacing: 1px;
                    color: white!important;
                    border: 0px;
                    display: inline-block;
                    padding: 15px 30px 15px 30px; 
                 }

                   .hpbtn_red:hover {
                    background: black;
                    color: white!important;
                    text-decoration: none!important;
                 }
         
         .hpatext {
         text-decoration: underline;
         }

        .custom-left {
            grid-column: 1; /* Umístí ho do prvního sloupce */
            grid-row: 2 / 4; /* Rozprostře se přes dvě řady */
            position: relative;
        }
        
        .custom-vyprodej {
    grid-column: 1 / -1; /* Zabírá celou šířku */
    grid-row: 1; /* Zůstane v první řadě */
            position: relative;
            text-align: center;
            padding: 25px 0px 25px;
        }


.custom-right-top {
        grid-column: 2; /* Umístí ho do druhého sloupce */
    grid-row: 2; /* Druhá řada */
    position: relative;
}
        .custom-right-bottom {
                grid-column: 2; /* Umístí ho do druhého sloupce */
    grid-row: 3; /* Třetí řada */
            position: relative;
        }

        .custom-block {
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            width: 100%;
            height: 100%;
            justify-content: center;
            align-items: center;
   					display: flex
;
        }

        .custom-content {
            width: 75%;
            padding: 40px 0px 40px 0px;
        }

        .custom-content h2 {
            font-size: 1.5em;
            margin-top: 0px;
        }

        .custom-content h3 {
            font-size: 1em;
            margin-top: 5px;
        }


        @media (max-width: 1024px) {


    .custom-block {
        width: 100%; /* Každý blok zabere celou šířku */
        height: auto; /* Přizpůsobí se obsahu */
    }
            
                    .hpbtn, .hpbtn_red {
                    font-size: 0.8em;
            padding: 15px 20px 15px 20px; 
       	 }
            
            .welcome h1 {
            font-size: 26px;
            }
            
.custom-content {
                padding-top: 25px;
                padding-bottom: 25px;
            }            

        }
        
        .welcome-wrapper {
        width: inherit!important;
        }

/* CSS STYLY */

               .my-slider-component {
            --surface-light: #ffffff;
            --surface-dark: #333333;
            --text-dark: #000000;
            --text-light: #FFFFFF;
            --shadow-light: rgba(0, 0, 0, 0.4);
            --shadow-dark: rgba(0, 0, 0, 0.5);
            --button-bg: #addb0b;
            --button-text: #000000;
        }

        .my-slider-component .slider-container {
            width: 100%;
            position: relative;
            overflow-y: visible;
            overflow-x: clip;
            padding: 20px 0;
            touch-action: pan-y;
        }

        .my-slider-component .slider-track {
            display: flex;
            align-items: flex-end;
            transition: transform 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
        }

        .my-slider-component .slider-item {
            flex: 0 0 65%;
            min-width: 250px;
            margin: 0 5px;
            padding: 180px 20px 25px;
            background-color: var(--surface-light);
            color: var(--text-dark);
            border-radius: 12px;
            box-shadow: 0 4px 12px var(--shadow-light);
            transform: scale(0.8);
            opacity: 0.8;
            position: relative;
            overflow: visible;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            align-items: center;
            text-align: center;
            transition: 
                background-color 0.5s ease,
                color 0.5s ease,
                transform 0.5s ease,
                opacity 0.5s ease,
                box-shadow 0.5s ease;
        }

        .my-slider-component .slider-item.active {
            background-color: var(--surface-dark);
            color: var(--text-light);
            transform: scale(1.1);
            opacity: 1;
            z-index: 10;
            box-shadow: 0 8px 25px var(--shadow-dark);
        }

        .my-slider-component .slider-item h2 {
            margin: 0 0 15px;
            color: white;
        }

        .my-slider-component .slider-item p {
            margin: 0 0 25px;
            color: white;
            font-weight: 400;
        }

        .my-slider-component .circle-image-link {
            position: absolute;
            top: -70px;
            left: 50%;
            transform: translateX(-50%);
            width: 210px;
            height: 210px;
            border-radius: 50%;
            overflow: hidden;
            box-shadow: 0 4px 12px var(--shadow-light);
            background-color: var(--surface-light);
            z-index: 15;
            border: 4px solid var(--surface-light);
        }

        .my-slider-component .circle-image {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }

        .my-slider-component .slider-button {
            display: inline-block;
            padding: 10px 20px;
            background-color: var(--button-bg);
            color: var(--button-text);
            text-decoration: none;
            border: none;
            border-radius: 0;
            font-weight: 500;
            text-transform: uppercase;
            transition: transform 0.3s, filter 0.3s;
            cursor: pointer;
            margin-bottom: 20px;
        }
        .my-slider-component .slider-button:hover {
            transform: scale(1.05);
            filter: brightness(0.9);
        }

        .my-slider-component .slider-btn {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            z-index: 20;
            background-color: var(--surface-light);
            border: none;
            border-radius: 50%;
            width: 48px;
            height: 48px;
            box-shadow: 0 2px 5px var(--shadow-light);
            cursor: pointer;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: background-color 0.3s, box-shadow 0.3s;
        }
        .my-slider-component .slider-btn:hover {
            background-color: #f1f1f1;
            box-shadow: 0 4px 10px var(--shadow-light);
        }
        .my-slider-component .slider-btn.prev { left: 20px; }
        .my-slider-component .slider-btn.next { right: 20px; }
        .my-slider-component .slider-btn svg { fill: var(--text-dark); }

        @media (max-width: 768px) {
            .my-slider-component .slider-item { flex: 0 0 85%; padding: 150px 15px 25px; }
            .my-slider-component .circle-image-link { width: 180px; height: 180px; top: -60px; }
            .my-slider-component .slider-btn { display: none; }
            .my-slider-component .slider-track {align-items: flex-start !important;}
            .my-slider-component .slider-item.active {transform: scale(1);}
        }

        @media (max-width: 480px) {
            .my-slider-component .slider-item { flex: 0 0 90%; padding: 120px 10px 20px; margin: 0 3px; }
            .my-slider-component .circle-image-link { width: 150px; height: 150px; top: -50px; }
        }
     
 #content.content.wide{display: flex;flex-direction: column}
.custom-container {order: 1;}
.benefitBanner {order: 2;}
.homepage-products-heading-6 {order: 3;}
#content .products-wrapper.product-slider-holder.has-navigation:nth-of-type(3) {order: 4;}
.homepage-products-heading-2 {order: 5;}
#content .products-wrapper.product-slider-holder.has-navigation:nth-of-type(5) {order: 6;}
#main_text {order: 7; padding-top: 50px; padding-bottom: 50px;} 
#content .container-narrow:nth-of-type(7) {order: 8;}