@font-face {
    font-family: 'Geogrotesque Md';
    src: url('../font/Geogrotesque-Medium.eot');
    src: url('../font/Geogrotesque-Medium.eot?#iefix') format('embedded-opentype'),
        url('../font/Geogrotesque-Medium.woff2') format('woff2'),
        url('../font/Geogrotesque-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Geogrotesque Rg';
    src: url('../font/Geogrotesque-Regular.eot');
    src: url('../font/Geogrotesque-Regular.eot?#iefix') format('embedded-opentype'),
        url('../font/Geogrotesque-Regular.woff2') format('woff2'),
        url('../font/Geogrotesque-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Geogrotesque Bd';
    src: url('../font/Geogrotesque-Bold.eot');
    src: url('../font/Geogrotesque-Bold.eot?#iefix') format('embedded-opentype'),
        url('../font/Geogrotesque-Bold.woff2') format('woff2'),
        url('../font/Geogrotesque-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Serifa D EE';
    src: url('../font/SerifaDEE-Bold.eot');
    src: url('../font/SerifaDEE-Bold.eot?#iefix') format('embedded-opentype'),
        url('../font/SerifaDEE-Bold.woff2') format('woff2'),
        url('../font/SerifaDEE-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

html{text-rendering:optimizeLegibility;overflow-x:hidden !important;}
*{margin:0;padding:0;}
*::selection{background:#f4dcbd;color:#653b0e;}
*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box;background-repeat:no-repeat;}
body{background:#fff url('../img/bg_pattern.png') repeat;min-width:320px !important;font-size:14px;overflow:hidden;font-family:'Geogrotesque Rg',sans-serif,arial; font-weight:normal;color:#4f4f4f;letter-spacing:.1px;}
body#tinymce{background:#fff !important;padding:10px 20px;}
.float-left{float:left;}
.float-right{float:right;}
.btn{background:#7eb929;border:0;font-family: 'Geogrotesque Bd';text-transform: uppercase;font-size:16px;letter-spacing:.3px;padding:8px 22px !important;color:#fff;}
.btn:hover{background:#3b3b3b !important;color:#fff;}
.btn.btn-border{background-color:unset !important;background:none !important;border:1px solid #dcdcdc;color:#5b5d5f !important;font-family: 'Geogrotesque Rg';text-transform: unset;font-size:15px;}
.btn.btn-border:hover {border: 1px solid #5b5d5f;color: #000 !important;}
.btn.btn-text{background:none;color:#3b3b3b;align-items: center;display: inline-flex;}
.btn.btn-text:hover{background:none !important;color:#3b3b3b;}
.btn.btn-text:hover span{text-decoration: underline;}
.btn.btn-text span.material-symbols-outlined{margin:0 10px 0 0;text-decoration: none;}
.option-input {-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;position: relative; right: 0;bottom: 0;left: 0;height:30px;width: 30px;transition: all 0.15s ease-out 0s;background: #cbd1d8;border: none;color: #fff;cursor: pointer;display: inline-block;margin-right: 1rem;outline: none;position: relative;z-index: 4;}
  .option-input:hover {background: #9faab7;}
  .option-input:checked {background: #7eb929;}
  .option-input:checked::before {width: 30px;height: 30px;display:flex;content: '\e5ca';font-size: 20px;font-weight:bold;position: absolute;align-items:center;justify-content:center;font-family:'Material Symbols Outlined';}
  .option-input:checked::after {-webkit-animation: click-wave 0.65s;-moz-animation: click-wave 0.65s;animation: click-wave 0.65s;background: #7eb929;content: '';display: block;position: relative;z-index: 10;}
  .option-input.radio {border-radius: 50%;}
  .option-input.radio::after {border-radius: 50%;}
  @keyframes click-wave {
    0% {height: 30px;width: 30px;opacity: 0.35;position: relative;}
    100% {height: 100px;width: 100px;margin-left: -35px;margin-top: -35px;opacity: 0;}
  }
  .ui-widget-overlay {background: #000 !important;opacity: 0.6 !important;}
  .ui-draggable .ui-dialog-titlebar {background: none !important;border: 0 !important;position: absolute !important;top:10px;right:10px;z-index: 80;}
  .ui-dialog-titlebar-close {position: relative !important;display: inline-block !important;width: auto !important;height: auto !important;background: none !important;border: none !important;text-indent: 0 !important; }
  .ui-dialog-titlebar-close:before {content: 'close' !important;font-family: 'Material Symbols Outlined' !important;font-size: 24px !important;color: #333 !important;display: inline-block !important;vertical-align: middle !important;}
  .ui-dialog-titlebar-close:hover:before {color: #d50037 !important;}
  .ui-button .ui-icon{display:none !important;}
  .ui-widget .ui-widget{font-size:0 !important;}
  button input{background:none;border:0;margin:0;color:#fff;text-transform: uppercase;}
  select {appearance: auto !important;-webkit-appearance: auto !important;-moz-appearance: auto !important;} 
  #chybusEurus{background:#ed4141;color:#fff;text-align:center;font-family: 'Geogrotesque Bd';padding:12px 24px;}
  #chybusEurus p{margin:0;}
.clr{clear:both;}
  

            .popup-success-box {
                position: fixed;
                top: 10%;
                left: 50%;
                transform: translateX(-50%);
                background-color: #7eb929;
                color: #fff;
                padding: 10px 20px;
                border-radius: 5px;
                box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
                z-index: 1000;
                opacity: 0; /* Skryto defaultně */
                transition: opacity 0.2s ease, transform 0.5s ease;
            }
            .popup-success-box.show {
                opacity: 1;
                transform: translateX(-50%) translateY(0);
            }
#headerListy p{font-size:14px;text-align: center;padding:10px 25px;margin-bottom:0;font-family: 'Geogrotesque Md';}
#headerListy p.infoZpravaDoprava{text-align: left;padding:10px 0;}
#headerListy #listaUpoutavka{background:#f4dcbd url('../img/bg_lista.gif') repeat;}
#headerListy #listaUpoutavka p{color:#653b0e;padding:18px 25px;}
#headerListy .container{position:relative;}
#headerListy #listaUpoutavkaClose{position:absolute;top:13px;right:0;z-index: 2;cursor: pointer;width:30px;height:30px;display:block;}
#headerListy #listaUpoutavkaClose .material-icons{font-size:30px;}
#headerListy #listaUpoutavkaClose:hover{color:#000;}
#headerListy #listaInfo p{color:#5b5d5f;}
#headerListy #listaInfo a{color:#3b3b3b;font-size:15px;text-decoration: none;font-weight: bold;position:relative;padding:0 0 0 35px;}
#headerListy #listaInfo a span{left:6px;position:absolute;}
#headerListy .header-container {background-color: #fff;padding: 30px 0;}
#headerListy .header-container .logo img {max-height: 70px;}
#headerListy .header-container .form-control {width: 300px;}
#headerListy .header-container .btn {background-color: #7eb929;color: white;}
#headerListy .header-container .btn.btn-border:hover {border: 1px solid #5b5d5f;color: #000 !important;}
#headerListy .header-container .material-symbols-outlined {font-size: 30px;color: #7eb929;vertical-align: middle;top:-2px;position:relative;margin:0 5px 0 0;}
#headerListy .header-container .cart-total {margin-left:5px;}
#headerListy .header-container .nav-link{color:#5b5d5f;font-weight: 500;font-family: 'Geogrotesque Md';position:relative;border-left:1px solid #cdd6bf;}
#headerListy .header-container .nav-link:first-child{border-left:0;}
#headerListy .header-container .nav-link ul{display:none;}
#headerListy .header-container .badge{background:#3b3b3b;position:absolute;top:-9px;left:34px;border-radius: 50%;font-size:13px;padding:3px 6px;font-weight: normal;}
#listaInfo{display:none !important;}
#hlavniHeader .oblibeneProdukty{text-transform: uppercase;}
#hlavniHeader .vyhledavaciPolicko form{position:relative;width:300px;margin:0 auto;}
#hlavniHeader .vyhledavaciPolicko .btn{position:absolute;top:4px;left:198px;}
#hlavniHeader .vyhledavaciPolicko input.form-control{background:url('../img/search-icon.svg') no-repeat 10px 8px;background-size: 30px;padding-left:46px;height:48px;}
#hlavniHeader #celkemKosikSoucet{background:#f7f7f7;width:100%;text-align:right;padding-right:5px;margin-bottom:20px;}
#hlavniHeader #celkemKosikSoucet span{font-style: normal;color:#4a4a4a;}
#hlavniHeader #celkemKosikSoucet .cena{padding:6px 10px;display:inline-block;color:#d50037;}
#hlavniHeader #celkemKosikSoucet .cena span{color:#d50037;}
#hlavniHeader .uzivatelskyUcet{position:relative;}
#hlavniHeader .uzivatelskyUcet a{color: #5b5d5f;text-decoration: none;}
#hlavniHeader .uzivatelskyUcet a:hover{color: #000;text-decoration:underline;}
#hlavniHeader .nakupniKosik a{color: #5b5d5f;text-decoration: none;}
#hlavniHeader .nakupniKosik a:hover span.cart-total{color: #000;text-decoration:underline;}
#hlavniHeader #uzivatelskyUcetButton{border:0;background: none;margin:0;padding:0;}
#hlavniHeader #horniKosikButton{border:0;background: none;margin:0;padding:0;}
#hlavniHeader #uzivatelskyUcetMenu{width:300px;display:none;position: absolute;z-index:99;top: 40px;right:0;background:#fff;border-bottom: 2px solid #dcdcdc;border-radius:5px 0 5px 5px;padding: 14px;right: 0; border: 1px solid #8a8a8a50;border-top: none;box-shadow: 0 10px 30px rgb(0 0 0 / 20%);}
#hlavniHeader #uzivatelskyUcetMenu::before {position: absolute;width: 0;border-width: 0 14px 16px;border-color: transparent transparent #fff;content: '';height: 0;border-style: solid;top: -14px;right: 40px;}
#hlavniHeader #uzivatelskyUcetMenu.uzivatelskyUcetAktivni{display:block;}
#hlavniHeader #uzivatelskyUcetMenu span.material-icons{font-size:20px;margin-right: 10px;top:4px;position:relative;}
#hlavniHeader #uzivatelskyUcetMenu li{list-style: none;border-radius: 3px;;}
#hlavniHeader #uzivatelskyUcetMenu li a{display:block;padding:4px 8px;text-decoration: none;font-size:14px;}
#hlavniHeader #uzivatelskyUcetMenu li:hover{background:#f2f3f4;}
#hlavniHeader #uzivatelskyUcetMenu hr{margin:0;padding:0;}


nav#nav{background:#3b3b3b;min-height:64px;}
nav#nav .container ul{padding-left:0;margin:0;}
nav#nav .container .container{padding:20px 14px 12px;} 
nav#nav ul li{display:inline-block;color:#fff;}
nav#nav ul li a{color:#fff;font-weight: bold;font-size:15px;padding:20px 20px;display:block;text-decoration: none;letter-spacing:.6px;}
nav#nav ul li>ul{display:none;}
nav#nav ul li ul{margin:0 0 25px 0;padding:0;}
nav#nav ul li ul a{color:#3b3b3b;padding:4px 0;}
nav#nav ul li ul li{display:block;width:100%;padding:0;height:auto;}
nav#nav ul li>div{display:none;background: #fff;width: 100%;position: absolute;left: 0;color:#3b3b3b;z-index:9;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);}
nav#nav ul li:hover ul{display:block;}
nav#nav ul li:hover>div{display:block;}
nav#nav ul li.dropdown{position:unset;}
nav#nav ul li .dropdown-toggle::after{background:url('../img/keyboard_arrow_down_24dp_5F6368_FILL0_wght400_GRAD-25_opsz48.svg') no-repeat;content: "";display: inline-block;border-top: none;border-right: none;border-bottom: none;border-left: none;width:20px;height:20px;vertical-align: -3px;}
nav#nav .navbar-toggler span{background:url('../img/menu_24dp_5F6368_FILL0_wght400_GRAD0_opsz24.svg') no-repeat;width:40px;height:40px;margin:7px;display:block;background-size:cover;}
nav#nav .navbar-toggler{float:right;}
nav#nav ul li.nav-item .container strong{font-family: 'Serifa D EE';font-size:26px;display:block;width:100%;margin-bottom: 10px;}
nav#footerOdkazy{background:#2e2e2e;text-align: center;}
nav#footerOdkazy ul{margin:0;padding:0;}
nav#footerOdkazy ul li{display:inline-block;padding:20px 42px;}
nav#footerOdkazy ul li a{color:#fff;text-decoration: none;display:block;}
nav#footerOdkazy ul li a:hover{text-decoration:underline;}
nav#nav a.nav-link:hover{text-decoration: underline;}

#horniKosik .caption{font-size:18px;display:block;width:100%;text-transform:uppercase;font-family: 'Geogrotesque Bd';color:#7eb929;padding:0 0 10px 0;}
#horniKosik .obsahKosiku{max-height: 360px;overflow: auto;border-bottom: 2px solid #dcdcdc;margin-bottom: 0;}
#horniKosik .obsahKosiku table.table strong{font-family: 'Geogrotesque Bd';line-height:17px;display:block;letter-spacing: 0;}
#horniKosik .obsahKosiku table.table td:last-child{text-align: center;}
#horniKosik::before {position: absolute;width: 0;border-width: 0 14px 16px;border-color: transparent transparent #fff;content: '';height: 0;border-style: solid;top: -14px;right: 40px;}
#horniKosik { position: absolute;border-radius:5px 0 5px 5px;background: #fff;z-index: 9;display: none;width:480px;padding: 26px 26px 14px;right: 0; border: 1px solid #8a8a8a50;border-top: none;box-shadow: 0 10px 30px rgb(0 0 0 / 20%);top:40px;}
#horniKosik .smazatPolozku{ color:#959595 !important;font-size:22px !important;}
#horniKosik .smazatPolozku:hover{ color:#DE0000 !important;}
#horniKosik .cena{text-align:right;} 
#horniKosik .vybranDarek{background: #ddefff;}
#horniKosik .vybranDarek td:first-child {border-left: 7px solid #bdd9f2;}
#horniKosik .vybranDarek td:nth-child(3) {text-align: right;color:#1d69b0;}
#horniKosik .vybranDarek td:nth-child(4) span{color:#1d69b0 !important;}
#horniKosik .vybranDarek td:nth-child(4):hover span{color:#d50037 !important;}
#horniKosik .vybranDarek td:nth-child(1) {text-align: center;}
#horniKosik .vybranDarek td:nth-child(1) span{color:#1d69b0;}
#horniKosik .vybranDarek td a{line-height: 17px;display:block;color:#1d69b0;}

.tab-content{padding:20px;border: 1px solid #e2e2e2;border-top: 0;font-size:16px;}
.nav-tabs .nav-link{color:#4f4f4f;padding:0.5rem 0.85rem;}

.nakupniKosik #horniKosik.nakupniKosikAktivni{display:block;}
.nakupniKosik a span.cart-total{color: #5b5d5f;text-decoration: none;}
.nakupniKosik>a {text-decoration: none;}
.nakupniKosik .add-to-cart-form input[type=submit]{display:none;}

.plusminus {display: flex;align-items: center;justify-content: center;}
.plusminus button {width: 24px;height: 24px;font-size: 18px;display: flex;align-items: center;justify-content: center;border: 1px solid #ccc;background-color: #f0f0f0;cursor: pointer;}
.pcs-input {width: 30px;height: 24px;text-align: center;border: 1px solid #ccc;margin: 0;    -moz-appearance: textfield; /* Pro Firefox */-webkit-appearance: none; /* Pro Chrome a Safari */appearance: none;}
.pcs-input::-webkit-inner-spin-button, .pcs-input::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}

section#doporuceneProdukty, section#noveProdukty, section#bannery, section#vypisProduktuKategorie, section#detailProduktu, section#profil, section#vypisProduktuWishlist, section#kosik, section#vyhledavani, section#akcniProdukty, section#clanky, section#detailAkce{padding:60px 0;display:block;width:100%;background: #fff;}
section#doporuceneProdukty h3, section#noveProdukty h2{color:#3b3b3b;display:block;width:100%;font-family: 'Serifa D EE';text-transform:uppercase;text-align:center;font-size:23px;margin-bottom: 30px;}
section#doporuceneProdukty{background: none;}
section#akcniProdukty{padding:0 !important;}
section#akcniProdukty .vypisProduktu .add-to-cart-form label{top:-40px;}
section#akcniProdukty .vypisProduktu .cenaTlacitkoTlacitko{position:absolute;right:0;bottom:5px;}



section#noveProdukty{display:none !important;}

.vypisProduktu{display: grid;align-items: start;gap: 1rem;grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));}
.vypisProduktu article{background:#fff;margin:0 auto;max-width:400px;width:100%;display:grid;grid-template-rows: subgrid;grid-row:span 1;padding:24px 24px 44px;position:relative;border:1px solid #e3e3e3;min-height:558px;}
.vypisProduktu > article:not(:has(a)) {grid-template-rows: auto;opacity:0.6; filter: grayscale(100%); }
.vypisProduktu article img{display:block;width:100%;height:auto;}
.vypisProduktu article img.oblibene{display:inline-block;width:24px;height:24px;}
.vypisProduktu article .pridatOblibene{position:absolute;right:24px;top:24px;}
.vypisProduktu article .nazevProduktu{text-decoration: none;font-size:18px;color:#3b3b3b;font-family: 'Geogrotesque Bd';min-height: 50px;display: block;margin-bottom: 15px;text-align:center;}
.vypisProduktu article .nazevProduktu:hover{text-decoration: underline;}
.vypisProduktu article .skladem, .vypisProduktu article .neniSkladem{font-family: 'Geogrotesque Bd';font-size:15px;display:block;margin-bottom: 20px;}
.vypisProduktu article .skladem{color:#7eb929;}
.vypisProduktu article .neniSkladem{color:#ed4141;}
.vypisProduktu article small{display:block;height:20px;position:absolute;bottom:18px;}
.vypisProduktu article small strong{font-family: 'Geogrotesque Bd';}
.vypisProduktu article b.cena{font-size:21px;font-family: 'Geogrotesque Bd';line-height:25px;}
.vypisProduktu article span.cenaBezDane{display:block;}
.vypisProduktu article .cenaTlacitko{display:grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(1, minmax(60px, auto));grid-gap: 10px;}
.vypisProduktu article .cenaTlacitkoTlacitko{text-align: right;}
.vypisProduktu article .stitky{margin:0;padding:0;position: absolute;top: 14px;left: 14px;}
.vypisProduktu article .stitky li{list-style:none;background:#f3d9b7 url('../img/bg_lista.gif') repeat;color:#59382f;font-family: 'Geogrotesque Bd';padding:3px 12px;margin-bottom: 4px;font-size:15px;}
.vypisProduktu article .stitky li:nth-child(1){color:#ffffff;background:#7eb929;}
.vypisProduktu article .stitky li:nth-child(2){color:#59382f;background:#f3d9b7 url('../img/bg_lista.gif') repeat;}
.vypisProduktu article .stitky li:nth-child(3){color:#ffffff;background:#ed4141;}
.vypisProduktu article p{display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;white-space: normal;height:65px;text-align:center;}
 
.vypisProduktuRadky article{width:100%;position:relative;border-bottom:1px solid #e3e3e3;padding:4px 0;}
.vypisProduktuRadky article img{display:block;width:100%;height:auto;max-width: 120px;}
.vypisProduktuRadky article img.oblibene{display:inline-block;width:20px;height:20px;}
.vypisProduktuRadky article a.pridatOblibene{position:absolute;right:0 !important;top:0 !important;padding:0 !important;}  
.vypisProduktuRadky article .nazevProduktu:hover strong{text-decoration: underline !important;}
.vypisProduktuRadky article .skladem, .vypisProduktuRadky article .neniSkladem{font-family: 'Geogrotesque Bd';font-size:14px !important;display:block;margin-bottom: 0;margin-top:10px !important;}
.vypisProduktuRadky article .skladem{color:#7eb929;}
.vypisProduktuRadky article .neniSkladem{color:#ed4141;font-family: 'Geogrotesque Bd';}
.vypisProduktuRadky article a.nazevProduktu, .vypisProduktuRadky article a.nazevProduktu strong{font-size:15px !important;line-height:20px;color:#3b3b3b !important;font-family: 'Geogrotesque Bd' !important;display: inline-block !important;letter-spacing: 0 !important;margin:0 !important;padding:0 !important;} 
.vypisProduktuRadky article small strong{color:#919191 !important;font-size:14px !important;margin-bottom: 0 !important;width: unset !important;font-family: 'Geogrotesque Rg' !important;display: inline-block !important;font-weight: unset !important;}
.vypisProduktuRadky article small{font-size: 14px !important;width:100%;display:block;}
.vypisProduktuRadky article .btn{display:inline-block !important;}
.vypisProduktuRadky article b.cena{font-size:21px;font-family: 'Geogrotesque Bd';line-height:20px;display:block;}
.vypisProduktuRadky article span.cenaBezDane{display:block;font-size: 14px !important;}
.vypisProduktuRadky article .variantObject{align-items: center; grid-template-columns: 120px auto 140px 120px;display: grid;gap:1rem;}
.vypisProduktuRadky article .sloupec1{position: relative;max-width: 144px;} 
.vypisProduktuRadky article .sloupec4{text-align: right;}
 
/*kategorie*/
#detailKategorie{padding:60px 0;display:block;width:100%;background: #fff;}
#detailKategorie .container{display:flex;}
#detailKategorie #pravaStranaVypisKategorie{display:block;width: 100%;}
#detailKategorie #pravaStranaVypisKategorie h1{font-family: 'Serifa D EE';padding:15px 40px 0;display:block;font-size:26px;text-transform:uppercase;}
#detailKategorie #pravaStranaVypisKategorie .polozekNaStrance{display:flex;justify-content: space-between;align-items: center;padding:4px 40px 10px;}
#detailKategorie #pravaStranaVypisKategorie .polozekNaStrance .polozekNaStranceNasteveni{flex: 1;display:flex;justify-content: flex-start;align-items: center;}
 
#detailKategorie #pravaStranaVypisKategorie .polozekNaStrance span{margin-right: 10px;}
#detailKategorie #pravaStranaVypisKategorie .polozekNaStrance select{padding:6px;}
#detailKategorie #pravaStranaVypisKategorie #vypisProduktuKategorie{display: grid;align-items: start;gap: 0;grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));}
#detailKategorie #pravaStranaVypisKategorie #vypisProduktuKategorie article{margin:3px;width:auto;display:unset;grid-template-rows: unset;grid-row:unset;min-height:570px;    min-width: 308px;}
#detailKategorie #pravaStranaVypisKategorie #vypisProduktuKategorie .vypisProduktu{align-items: unset;gap: unset;grid-template-columns: unset;}
#detailKategorie #pravaStranaVypisKategorie #vypisProduktuKategorie .variantaCena {position: absolute;bottom: 40px;min-width: 258px;width: 86%;}
 

#detailKategorie #pravaStranaVypisKategorie #categoryBreadcrumb{width:100%;display:flex;align-items:center;background:#f7f7f7;margin:0 0 0 4px;height:40px;}
#detailKategorie #pravaStranaVypisKategorie #categoryBreadcrumb li{list-style: none;display: inline-block;} 
#detailKategorie #pravaStranaVypisKategorie #categoryBreadcrumb li a, #detailKategorie #pravaStranaVypisKategorie #categoryBreadcrumb li span{padding:6px 12px;text-decoration: none;color:#3b3b3b;} 
#detailKategorie #pravaStranaVypisKategorie #categoryBreadcrumb li:first-child a{padding-left:6px;text-transform: uppercase;} 
#detailKategorie #pravaStranaVypisKategorie #categoryBreadcrumb li::after {content: 'chevron_right';display: inline-block;font-family: 'Material Icons';position:relative;top:2px;}
#detailKategorie #pravaStranaVypisKategorie #categoryBreadcrumb li:last-child:after {display:none;}
#detailKategorie #pravaStranaVypisKategorie #razeniKategorieSkladem{color:#d8d8d8;padding:15px 40px 30px;}
#detailKategorie #pravaStranaVypisKategorie #razeniKategorieSkladem a{color:#659a19;text-decoration: none;padding: 4px;}
#detailKategorie #pravaStranaVypisKategorie #razeniKategorieSkladem a:hover{text-decoration: underline;}
#detailKategorie #pravaStranaVypisKategorie #razeniKategorieSkladem a.active{font-family:'Geogrotesque Bd';}
#detailKategorie #pravaStranaVypisKategorie #razeniKategorieSkladem {display: flex;justify-content: space-between;align-items: center;}
#detailKategorie #pravaStranaVypisKategorie #razeniKategorie {flex: 1;}
#detailKategorie #pravaStranaVypisKategorie #pouzeSkladem {margin-left: 20px;color:#3b3b3b;}
#detailKategorie #pravaStranaVypisKategorie #pouzeSkladem input{margin-right: 10px;width:20px;height:20px;position: relative;top:5px;}
#detailKategorie #pravaStranaVypisKategorie #vypisProduktuKategorie .pagination {grid-column: 1 / -1;display: block;padding:60px 40px 0;text-align: center;list-style: none;color:#d8d8d8;}
#detailKategorie #pravaStranaVypisKategorie #vypisProduktuKategorie .pagination a{color:#659a19;text-decoration: none;padding: 4px;}
#detailKategorie #pravaStranaVypisKategorie #vypisProduktuKategorie .pagination a:hover{text-decoration: underline;}
#detailKategorie #pravaStranaVypisKategorie #vypisProduktuKategorie .pagination span{color:#3b3b3b;}

#detailKategorie #levaStranaMenu{display:block;width: 405px;margin-right: 3px;;} 
#detailKategorie #levaStranaMenu #leftCategoryMenu ul li{background:#f7f7f7;display:block;list-style: none;}
#detailKategorie #levaStranaMenu #leftCategoryMenu ul li:hover{background:#f1f1f1;}
#detailKategorie #levaStranaMenu #leftCategoryMenu ul li:hover>a{text-decoration: underline;}
#detailKategorie #levaStranaMenu #leftCategoryMenu ul li a{padding:8px 22px;text-decoration: none;display:block;color:#3b3b3b;text-transform: none;font-family: 'Geogrotesque Rg';position: relative;}
#detailKategorie #levaStranaMenu #leftCategoryMenu ul{padding:0;margin:0;}
#detailKategorie #levaStranaMenu #leftCategoryMenu li a{padding-left:0;border-bottom: 1px solid #e1e1e1;}
#detailKategorie #levaStranaMenu #leftCategoryMenu li li a{padding-left:40px;}
#detailKategorie #levaStranaMenu #leftCategoryMenu li li li a{padding-left:60px;}
#detailKategorie #levaStranaMenu #leftCategoryMenu li li li li a{padding-left:80px;}
#detailKategorie #levaStranaMenu #leftCategoryMenu li li li li li a{padding-left:100px;}
#detailKategorie #levaStranaMenu #leftCategoryMenu>ul>li>a{font-family: 'Geogrotesque Bd' !important;text-transform: uppercase;}
#detailKategorie #levaStranaMenu #leftCategoryMenu>ul>li.active>a, #detailKategorie #levaStranaMenu #leftCategoryMenu>ul>li.currentactive>a {background:#7eb929;color:#fff;display:block;text-transform:uppercase;font-family:'Geogrotesque Bd';} 
#detailKategorie #levaStranaMenu #leftCategoryMenu>ul>li>ul>li.active>a, 
#detailKategorie #levaStranaMenu #leftCategoryMenu>ul>li>ul>li.currentactive>a, 
#detailKategorie #levaStranaMenu #leftCategoryMenu>ul>li>ul>li>ul>li.active>a, 
#detailKategorie #levaStranaMenu #leftCategoryMenu>ul>li>ul>li>ul>li.currentactive>a, 
#detailKategorie #levaStranaMenu #leftCategoryMenu>ul>li>ul>li>ul>li>ul>li.active>a, 
#detailKategorie #levaStranaMenu #leftCategoryMenu>ul>li>ul>li>ul>li>ul>li.currentactive>a, 
#detailKategorie #levaStranaMenu #leftCategoryMenu>ul>li>ul>li>ul>li>ul>li>ul>li.active>a, 
#detailKategorie #levaStranaMenu #leftCategoryMenu>ul>li>ul>li>ul>li>ul>li>ul>li.currentactive>a, 
#detailKategorie #levaStranaMenu #leftCategoryMenu>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li.active>a, 
#detailKategorie #levaStranaMenu #leftCategoryMenu>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li.currentactive>a {background:none;color:#3b3b3b;display:block;text-transform:none;font-family:'Geogrotesque Bd';}
 
#detailKategorie #levaStranaMenu #leftCategoryMenu ul li a::before {content: 'chevron_right';display: inline-block;margin-right: 10px;transform: rotate(0deg);transition: transform 0.3s ease;font-family: 'Material Icons';text-transform:lowercase;position:relative;top:2px;}
#detailKategorie #levaStranaMenu #leftCategoryMenu ul li.active:not(:last-child)>a::before,#detailKategorie #levaStranaMenu #leftCategoryMenu ul li.currentactive:not(:last-child)>a::before {transform: rotate(90deg);}
#detailKategorie #levaStranaMenu #leftCategoryMenu>ul>li.active:not(:last-child)>a::before,
#detailKategorie #levaStranaMenu #leftCategoryMenu>ul>li.currentactive:not(:last-child)>a::before,
#detailKategorie #levaStranaMenu #leftCategoryMenu>ul>li>ul>li.active:not(:last-child)>a::before,
#detailKategorie #levaStranaMenu #leftCategoryMenu>ul>li>ul>li.currentactive:not(:last-child)>a::before,
#detailKategorie #levaStranaMenu #leftCategoryMenu>ul>li>ul>li>ul>li.active:not(:last-child)>a::before,
#detailKategorie #levaStranaMenu #leftCategoryMenu>ul>li>ul>li>ul>li.currentactive:not(:last-child)>a::before,
#detailKategorie #levaStranaMenu #leftCategoryMenu>ul>li>ul>li>ul>li>ul>li.active:not(:last-child)>a::before,
#detailKategorie #levaStranaMenu #leftCategoryMenu>ul>li>ul>li>ul>li>ul>li.currentactive:not(:last-child)>a::before,
#detailKategorie #levaStranaMenu #leftCategoryMenu>ul>li>ul>li>ul>li>ul>li>ul>li.active:not(:last-child)>a::before,
#detailKategorie #levaStranaMenu #leftCategoryMenu>ul>li>ul>li>ul>li>ul>li>ul>li.currentactive:not(:last-child)>a::before,
#detailKategorie #levaStranaMenu #leftCategoryMenu>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li.active:not(:last-child)>a::before,
#detailKategorie #levaStranaMenu #leftCategoryMenu>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li.currentactive:not(:last-child)>a::before {transform: rotate(90deg);}
#detailKategorie #levaStranaMenu #leftCategoryMenu ul li.active:last-child>a::before,
#detailKategorie #levaStranaMenu #leftCategoryMenu ul li.currentactive:last-child>a::before {transform: rotate(0deg);}

#detailKategorie #levaStranaMenu #leftCategoryMenuOpener, #detailKategorie #levaStranaMenu #leftCategoryContactOpener {background: #3b3b3b;align-items: center;display: flex;color: #fff;padding: 16px 25px;font-size: 15px;text-transform: uppercase;font-family: 'Geogrotesque Bd';justify-content: space-between;cursor: pointer;}
#detailKategorie #levaStranaMenu #leftCategoryMenuOpener .nadpis, #detailKategorie #levaStranaMenu #leftCategoryContactOpener.nadpis {flex-grow: 1;text-align: left;margin: 0;}
#detailKategorie #levaStranaMenu #leftCategoryMenuOpener span, #detailKategorie #levaStranaMenu #leftCategoryContactOpener span {font-size: 28px;}
#detailKategorie #levaStranaMenu #leftCategoryMenuOpener span:first-child, #detailKategorie #levaStranaMenu #leftCategoryContactOpener span:first-child {margin-right: 10px;}
#detailKategorie #levaStranaMenu #leftCategoryMenuOpener span:last-child {margin-left: 10px;transition: transform 0.3s ease;transform: rotate(-90deg);}
#detailKategorie #levaStranaMenu #leftCategoryMenu, #detailKategorie #levaStranaMenu #leftCategoryContact {height: 0;overflow: hidden;transition: height 0.3s ease;}
#detailKategorie #levaStranaMenu.opened #leftCategoryMenu {height: 100%;}
#detailKategorie #levaStranaMenu.opened #leftCategoryMenuOpener span:last-child, #detailKategorie #levaStranaMenu #leftCategoryContactOpenerspan:last-child {transform: rotate(0deg);}
#detailKategorie #levaStranaMenu #leftCategoryContactOpener span:last-child{transform: rotate(0deg);margin-left: 10px;transition: transform 0.3s ease;}
#detailKategorie #levaStranaMenu #leftCategoryContact{border:1px solid #e1e1e1;padding:24px;display:block;height:auto;}
#detailKategorie #levaStranaMenu #leftCategoryContact .leftCategoryContactContent{background:#f7f7f7;padding:30px;}
#detailKategorie #levaStranaMenu #leftCategoryContact .leftCategoryContactContent h3{font-family: 'Geogrotesque Bd';font-size:22px;}
#detailKategorie #levaStranaMenu #leftCategoryContact .leftCategoryContactContent a{align-items: center;display: flex;width:100%;text-decoration:none;line-height: 30px;}
#detailKategorie #levaStranaMenu #leftCategoryContact .leftCategoryContactContent a strong{font-family: 'Geogrotesque Bd';color:#3b3b3b;font-size:15px;}
#detailKategorie #levaStranaMenu #leftCategoryContact .leftCategoryContactContent a span{color:#7eb929;margin-right:10px;}
#detailKategorie #levaStranaMenu #leftCategoryContact .leftCategoryContactContent a em{font-style: normal;text-decoration: underline;color:#7eb929;font-family: 'Geogrotesque Bd';font-size:15px;}
#detailKategorie #levaStranaMenu #leftCategoryContact .leftCategoryContactContent a:hover em{color:#000;}
#detailKategorie #levaStranaMenu #leftCategoryContact .leftCategoryContactContent a:hover strong{text-decoration: underline;}
#detailKategorie #levaStranaMenu #leftCategoryContactOpener{justify-content:unset;cursor: unset;}
#detailKategorie .variantyProduktu{height:45px;margin:25px 0 30px;display:block;width:100%;}

.variantyProduktu {position: relative; background-color: #f7f7f7;border: 1px solid #e0e0e0;border-radius: 5px;cursor: pointer;} 
.variantyProduktu strong {font-size: 16px;color: #3b3b3b;font-family: 'Geogrotesque Bd';} 
.variantyProduktu::after {content: '▼';font-size: 12px;position: absolute;right: 15px;top: 50%;transform: translateY(-50%);color: #3b3b3b;} 
.variantyProduktu ul {display: none;position: absolute;width: 100%;background-color: #fff;border: 1px solid #e0e0e0;margin: 0;padding: 0;list-style: none;z-index: 100;overflow: hidden;transition: height 0.3s ease;} 
.variantyProduktu ul li {border-bottom: 1px solid #e0e0e0;} 
.variantyProduktu ul li a {text-decoration: none;padding: 10px 22px;display: block;color: #3b3b3b;} 
.variantyProduktu ul li:hover {background-color: #f1f1f1;} 
.variantyProduktu.active ul {display: block;height: 100%;} 
.variantyProduktu .variantaProduktuHlavniNazevVyberu {display: block;padding: 10px 22px;text-overflow: ellipsis;overflow: hidden;text-wrap: nowrap;max-width: 310px;} 
.variantyProduktu ul {display: block;max-height: 0;overflow: hidden;transition: max-height 0.3s ease;}


 
/*/kategorie*/


/*produkt*/
#breadcrumbs{width:100%;display:flex;align-items:center;background:#f7f7f7;margin:0 0 0 4px;height:46px;}
#breadcrumbs li{list-style: none;display: inline-block;} 
#breadcrumbs li a, #breadcrumbs li span{padding:6px 12px;text-decoration: none;color:#3b3b3b;} 
#breadcrumbs li:first-child a{padding-left:6px;text-transform: uppercase;} 
#breadcrumbs li::after {content: 'chevron_right';display: inline-block;font-family: 'Material Icons';position:relative;top:2px;}
#breadcrumbs li:last-child:after {display:none;}
#breadcrumbs ul{margin:0;padding:0 0 0 10px;}
#breadcrumbs li:hover a, #breadcrumbs li:hover span{text-decoration: underline;} 
#detailProduktu {padding-top:30px !important;}
#detailProduktu .container{width:100%;}
#detailProduktu h1{font-family: 'Serifa D EE';padding:55px 0 15px 0;display:block;font-size:36px;max-width: 1500px;margin:0 auto 22px;padding:0 25px;}
#detailProduktu h2{font-family: 'Serifa D EE';padding:15px 0;display:block;font-size:26px;}
#detailProduktu h3{font-family: 'Serifa D EE';padding:15px 0;display:block;font-size:22px;}
#detailProduktu .pridatOblibene{position:absolute;right:24px;top:24px;}
#detailProduktu #detailProduktuLevaStrana{position:relative;max-width: 40%;float:left}
#detailProduktu #detailProduktuLevaStrana .detailProduktuLevaStranaObal .hlavniObrazek img{width: 100%;;}

#detailProduktuPravaStrana{float:right;width:60%;padding: 36px 0 36px 36px;}

#detailProduktu .stitky{margin:0;padding:0;position: absolute;top:24px;left:24px;}
#detailProduktu .stitky li{list-style:none;background:#f3d9b7 url('../img/bg_lista.gif') repeat;color:#59382f;font-family: 'Geogrotesque Bd';padding:3px 12px;margin-bottom: 4px;}
#detailProduktu .stitky li:nth-child(1){color:#ffffff;background:#7eb929;}
#detailProduktu .stitky li:nth-child(2){color:#59382f;background:#f3d9b7 url('../img/bg_lista.gif') repeat;}
#detailProduktu .stitky li:nth-child(3){color:#ffffff;background:#ed4141;}
#detailProduktu .detailProduktuLevaStranaObal{border:1px solid #e2e2e2;margin-bottom: 15px;position:relative;}
#detailProduktu #detailProduktuGalerie{display:flex;grid-template-columns: repeat(4, minmax(150px, 1fr));gap:1rem;max-width:800px;margin-bottom: 26px;}
#detailProduktu #detailProduktuGalerie img{border:1px solid #E2E2E2;width:100%;max-width: 136px;}
#detailProduktu .parametryProduktu{margin-bottom: 15px;line-height: 24px;}
#detailProduktu .parametryProduktu span{width:110px;display:inline-block;}
#detailProduktu .parametryProduktu .prehledAkci span:nth-child(2){width:0;display:inline-block;}
#detailProduktu .parametryProduktu .prehledAkci a:first-of-type{position:relative;left:-3px;}
#detailProduktu .parametryProduktu .prehledAkci a{color:#ed4141;}
#detailProduktu .parametryProduktu a{color:#5591cd;font-family: 'Geogrotesque Bd';text-decoration: none;}
#detailProduktu .parametryProduktu a:hover{text-decoration: underline;}
#detailProduktu .parametryProduktu strong{color:#3b3b3b;font-family: 'Geogrotesque Bd';}
#detailProduktu .slevaUpoutavka{background:#ddefff;display:flex;align-items: center;padding:8px 22px;margin:24px 0;border-radius: 2px;;font-family: 'Geogrotesque Bd';color:#5591cd;font-size:18px;}
#detailProduktu .slevaUpoutavka strong{color:#5591cd;font-family: 'Geogrotesque Bd';font-size:18px;margin-left:6px;}
#detailProduktu .slevaUpoutavka span{margin-right: 10px;}
#detailProduktu #cenaProduktu{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom: 10px;}
#detailProduktu #cenaProduktu span{display:block;}
#detailProduktu #cenaProduktu strong{display:block;font-family: 'Serifa D EE';padding:5px 0 0 0;display:block;font-size:36px;line-height:40px;}
#detailProduktu #cenaProduktu .cenaProduktuPravastrana span{color:#9b9b9b;}
#detailProduktu #cenaProduktu .cenaProduktuPravastrana strong{color:#9b9b9b;}
#detailProduktu .skladem, #detailProduktu .neniSkladem{font-family: 'Geogrotesque Bd';font-size:16px;display:block;margin-bottom: 20px;}
#detailProduktu .skladem{color:#7eb929;}
#detailProduktu .neniSkladem{color:#ed4141;}
#detailProduktu #vkladaniDoKosiku {margin-bottom: 25px;}
#detailProduktu #vkladaniDoKosiku label{margin-bottom: 25px;margin-right:25px;}
#detailProduktu #vkladaniDoKosiku .plusminus {display: flex;align-items: center;justify-content: center;}
#detailProduktu #vkladaniDoKosiku .plusminus button {width: 48px;height: 48px;font-size: 30px;display: flex;align-items: center;justify-content: center;border: 1px solid #ccc;background-color: #f0f0f0;cursor: pointer;}
#detailProduktu #vkladaniDoKosiku .pcs-input {width: 60px;height: 48px;text-align: center;border: 1px solid #ccc;margin: 0;-moz-appearance: textfield;-webkit-appearance: none;appearance: none;font-size: 22px;font-family: 'Geogrotesque Bd';}
#detailProduktu #vkladaniDoKosiku .pcs-input::-webkit-inner-spin-button, #detailProduktu #vkladaniDoKosiku .pcs-input::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}
#detailProduktu #vkladaniDoKosiku .btn{font-size:18px;padding: 10px 36px !important;position:relative;top:-6px;} 
#detailProduktu #detailProduktuPravaStrana .rychleIkonky .pridatOblibene{position: unset;}
#detailProduktu .rychleIkonky{position:relative;display:flex;align-items:center;gap:1rem;border-top:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;margin-bottom: 26px;}
#detailProduktu .rychleIkonky img{margin-right: 10px;}
#detailProduktu .rychleIkonky a, #detailProduktu .rychleIkonky .hlidaciPes{color:#3b3b3b;text-decoration: none;}
#detailProduktu .rychleIkonky a:hover{text-decoration: underline;}
#detailProduktu .rychleIkonkyOblibene, #detailProduktu .rychleIkonkyPes{padding:14px 20px;}
#detailProduktu .rychleIkonkyPes a.zrusitHlidacihoPsa{text-decoration: underline;}
#detailProduktu .rychleIkonkyPes a.zrusitHlidacihoPsa:hover{color:#ed4141;}
#detailProduktu #detailProduktuPravaStrana table.table th{font-family: 'Geogrotesque Bd';}
#detailProduktu #detailProduktuPravaStrana table.table small{color:#9b9b9b;}
#detailProduktu .parametryProduktuDvaSloupce{display:grid;grid-template-columns: 1fr 1fr;}
#detailProduktu .parametryProduktu.parametryProduktuDvaSloupce span.material-symbols-outlined{width:auto;position:absolute;}
#detailProduktu .parametryProduktu.parametryProduktuDvaSloupce em{font-style: normal;padding-left:34px;}
#detailProduktu .parametryProduktu.parametryProduktuDvaSloupce table th{width:110px;display:block;font-weight:normal;}
#detailProduktu .parametryProduktu strong.obchodniNazev{color:#5591cd;font-size:16px;}
/*/produkt*/

.eanSmall{right:30px;}
.me-3{min-width:200px;}
.me-3 button{text-align: left}
/*profil*/ 
#profil .container{display:flex;justify-content: space-between;gap:3rem;}
#profil .container #profilContent{flex: 1;justify-content: flex-start;align-items: center;}
#profil #profilMenu{min-width:260px}
#profil #profilMenu ul li{background:#f7f7f7;display:block;list-style: none;border-bottom: 1px solid #e1e1e1;}
#profil #profilMenu ul li:hover{background:#f1f1f1;}
#profil #profilMenu ul li:hover>a{text-decoration: underline;}
#profil #profilMenu ul li a{padding:8px 22px;text-decoration: none;display:block;color:#3b3b3b;text-transform: none;font-family: 'Geogrotesque Rg';position: relative;}
#profil #profilMenu ul{padding:0;margin:0;}
#profil #profilMenu ul li a::before {content: 'chevron_right';display: inline-block;margin-right: 10px;transform: rotate(0deg);transition: transform 0.3s ease;font-family: 'Material Icons';text-transform:lowercase;position:relative;top:2px;}
#profil #profilMenu .profilMenuOpener{background: #3b3b3b;align-items: center;display: flex;color: #fff;padding: 16px 25px;font-size: 15px;text-transform: uppercase;font-family: 'Geogrotesque Bd';justify-content: space-between;cursor: pointer;}
#profil #profilMenu .nadpis {flex-grow: 1;text-align: left;margin: 0;}
#profil #profilMenu span {font-size: 28px;}
#profil #profilMenu span:first-child {margin-right: 10px;}
#profil #profilMenu span:last-child {margin-left: 10px;transition: transform 0.3s ease;transform: rotate(-90deg);}
#profil #profilContent h1{font-family: 'Serifa D EE';display:block;font-size:26px;padding:16px 0;}
#profil .info{background:#f1f1f1;display:flex;align-items: center;padding:8px 22px;margin:24px 0;border-radius: 2px;}
#profil .info a{color:#5591cd;font-family: 'Geogrotesque Bd';font-size:15px;margin-left:6px;}
#profil .info a:hover{color:#3b3b3b;}
#profil .info span{margin-right: 10px;}
#profil .obchodnik{padding:30px;border:1px solid #e1e1e1;margin:0 0 30px;}
#profil h3{font-family: 'Geogrotesque Bd';display:block;font-size:22px;}
#profil #profilUdaje{display:grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));}
#profil #zmenaHesla{padding:30px;border-radius: 2px;background:#f1f1f1;max-width: 600px;}
#profil #zmenaHesla .btn{margin-top:24px;}
#profil #zmenaHesla table{width:100%;}
#profil #zmenaHesla table th{font-family: 'Geogrotesque Rg';min-height:100px;border:0;} 
#profil #zmenaHesla table td{border:0;} 
#profil #zmenaHesla table tr:hover td{background:transparent;} 
#profil #zmenaHesla table td input{margin:3px 0;} 
#profil table{width:100%;margin-bottom: 36px;}
#profil table th{background:#f2f2f2;border-bottom:3px solid #e1e1e1;font-family: 'Geogrotesque Bd';color:#656565;padding:8px 12px;font-size: 15px;vertical-align: middle;}
#profil table td{padding:8px 12px;border-bottom:1px solid #e1e1e1;font-size: 14px;}
#profil table tr:hover td{background:#f8f8f8;}

#profil #kontaktForm.complaintForm input{margin-bottom: 1rem;}
#profil #kontaktForm.complaintForm textarea{margin-bottom: 1rem;}
#profil #kontaktForm.complaintForm label{font-family: 'Geogrotesque Bd';color:#3b3b3b;font-size: 15px;margin-bottom: 3px;;}
#profil #kontaktForm.complaintForm select{margin-bottom: 1rem;}
#profil #kontaktForm.complaintForm .star{color:#d50037;font-size:20px;position: absolute;top:-5px;left:-12px;}
#profil #kontaktForm.complaintForm div{position: relative;}
#profil #kontaktForm.complaintForm .radio{margin:1rem 0 2rem;}

#profil #kontaktForm.complaintForm input[type="radio"] {margin-bottom:0 !important;background:#fff;appearance: none;-webkit-appearance: none;width: 20px;height: 20px;border: 1px solid #ccc;border-radius: 50%;position: relative;cursor: pointer;margin-right: 14px;position: relative;top: 5px;background:#fff;}
#profil #kontaktForm.complaintForm input[type="radio"]:checked {background-color: #659a19;}
#profil #kontaktForm.complaintForm input[type="radio"]:checked::before {content: '\e5ca';position: absolute;font-family: 'Material Symbols Outlined';top: -2px;left: 0;color: white;font-size: 16px;text-align: center;width: 100%;height: 100%;}

#profil #kontaktForm.complaintForm .grid{display: grid;align-items: start;gap: 2rem;grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));margin-bottom: 2rem;background:#f2f4f8;padding:24px 36px;border-radius: 3px;} 
#profil #kontaktForm.complaintForm .grid label{width:100%;} 

#profil #frm-xmlfeedPasswordForm{background:#f5f5f5;border-radius: 4px;padding:40px 40px 5px;max-width: 450px;}
#profil #frm-xmlfeedPasswordForm tr{border:0;background:none;}
#profil #frm-xmlfeedPasswordForm td{border:0;background: none;}
#profil #frm-xmlfeedPasswordForm th{border:0;background: none;}
#profil #frm-xmlfeedPasswordForm input{padding:8px 16px;}
#profil #frm-xmlfeedPasswordForm input[type=submit]{background:#0d6efd;border:0;color:#fff; border-radius: 4px;
    font-family: 'Geogrotesque Bd';
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: .3px;
    padding: 8px 22px !important;
    color: #fff;}
#profil #frm-xmlfeedPasswordForm input[type=submit]:hover{background:#1664ad;}

#profil #xmlFeedValuesDiv{background:#f5f5f5;border-radius: 4px;padding:40px;display: inline-block;width: auto;max-width: 450px;width:100%;}
#profil #xmlFeedValuesDiv .whiteBackground{background:#fff;border-radius: 4px;padding:20px;}
#profil #xmlFeedValuesDiv .link{padding:5px 20px 20px;display:block;}
#profil #xmlFeedValuesDiv .link a{color:#0d6efd;font-family: 'Geogrotesque Bd';padding:0;display:block;}
#profil #xmlFeedValuesDiv strong{color:#000;font-family: 'Geogrotesque Bd';padding:0 20px;display:block;}
#profil #xmlFeedValuesDiv .whiteBackground strong{padding:0;display:inline-block;}



#profil strong{font-family: 'Geogrotesque Bd';font-size:15px;}

#uploader {padding:18px 36px;border-radius: 4px;background: #f7f7f7;margin:0 0 14px;}
#uploader label {margin:0 22px 0 0;}
#frm-uploadCsvForm{margin-bottom: 36px;;} 
#frm-uploadCsvForm .errors{margin:0;padding:0;} 
#frm-uploadCsvForm .errors li{margin:0 0 24px;padding:8px 36px;background:#a2002a;color:#fff;border-radius: 4px; list-style: none;}
#frm-uploadCsvForm .btn-neaktivni{border: 1px solid #999999;background-color: #cccccc;color: #666666;}
#frm-uploadCsvForm .btn-neaktivni:hover{color: #fff;}
.undefinedCodes th, .soldoutCodes th, .codesToAddCart th{max-width: 140px;;}
.undefinedCodes table, .soldoutCodes table, .codesToAddCart table{display:block;}
/*/profil*/

#detailObjednavky{background:#fff;padding:60px 0;}
#detailObjednavky #profilContent h1{font-family: 'Serifa D EE';display:block;font-size:26px;padding:16px 0;}
#detailObjednavky #profilUdaje{display:grid;grid-template-columns: 1fr 1fr;}
#detailObjednavky h3{font-family: 'Geogrotesque Bd';display:block;font-size:22px;}
#detailObjednavky .info{background:#f1f1f1;display:flex;align-items: center;padding:8px 22px;margin:24px 0;border-radius: 2px;}
#detailObjednavky .info a{color:#5591cd;font-family: 'Geogrotesque Bd';font-size:15px;margin-left:6px;}
#detailObjednavky .info a:hover{color:#3b3b3b;}
#detailObjednavky .info span{margin-right: 10px;}
#detailObjednavky strong{font-family: 'Geogrotesque Bd';font-size:15px;}


/*wishlist*/
#vypisProduktuWishlist .container{display: grid;align-items: start;gap: 0;grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));}
#vypisProduktuWishlist .container article{margin:3px;width:auto;display:unset;grid-template-rows: unset;grid-row:unset;}
#vypisProduktuWishliste .container .vypisProduktu{align-items: unset;gap: unset;grid-template-columns: unset;}
#vypisProduktuWishlist h1{font-family: 'Serifa D EE';padding:15px 40px 0;display:block;font-size:26px;text-align: center;}
/*/wishlist*/



/*kosik*/
#breadcrumsKosik{border-bottom:1px solid #e1e1e1;}
#breadcrumsKosik ol{display:block;background-color:unset !important;text-align: center;}
#breadcrumsKosik ol li{display:inline-block;padding:8px 15px;font-weight:unset;color:#656565;font-family: 'Geogrotesque Bd';}
#breadcrumsKosik ol li span{background: unset;color: #777;border: 2px solid #e1e1e1;border-radius:100%;text-align:center;padding:6px 12px;font-weight:unset;margin:0 10px 0 0;width:39px;height:38px;display:inline-block;position:relative;}
#breadcrumsKosik ol li.active span{background:unset;border:2px solid #7eb929;text-align:center;padding:6px 12px;font-weight:unset;margin:0 10px 0 0;color:#fff;}
#breadcrumsKosik ol li.active span:after{content:"";background:transparent url('../img/check.svg') no-repeat center center;width:16px;height:16px;position:absolute;top:9px;left:10px;}
#breadcrumsKosik ol li.active.activeNow span{background:#7eb929;text-align:center;padding:6px 12px;font-weight:unset;margin:0 10px 0 0;color:#fff;} 
#breadcrumsKosik ol li.active.activeNow span:after{display:none !important;}
#breadcrumsKosik ol li.active a{color:#7eb929;text-decoration: none;}

#kosik .add-to-cart-form input[type=submit]{display:none;} 
#kosik table.table{margin:35px 0;border-bottom: 3px solid #e1e1e1;}
#kosik table.table td{vertical-align: middle;padding:20px 12px;}
#kosik table.table td a{color:#3b3b3b;text-decoration: none;font-family: 'Geogrotesque Bd';}
#kosik table.table td a:hover{color:#659a19;text-decoration: underline;}
#kosik table.table td:nth-child(2){color:#919191;}
#kosik table.table td:nth-child(5){text-align: center;}
#kosik table.table th:nth-child(5){text-align: center;}
#kosik table.table td:nth-child(7) a span{color:#aaa !important;}
#kosik table.table td:nth-child(7) a:hover span{color:#ed4141 !important;}
#kosik table.table td:nth-child(4), #kosik table.table td:nth-child(6){text-align: right;font-size:15px;line-height:18px;}
#kosik table.table td:nth-child(4) small, #kosik table.table td:nth-child(6) small{font-size:12px;line-height:15px;color:#919191;}
#kosik table.table th:nth-child(4), #kosik table.table th:nth-child(6){text-align: right;} 
#kosik table.table strong{color:#3b3b3b;text-decoration: none;font-family: 'Geogrotesque Bd';}
#kosik table.table th{background:#f2f2f2;border-bottom:3px solid #e1e1e1;font-family: 'Geogrotesque Rg';color:#656565;padding:8px 12px;}
  
#kosik .skladem, #kosik .neniSkladem{font-family: 'Geogrotesque Bd';font-size:14px !important;display:block;}
#kosik .skladem{color:#7eb929;}
#kosik .neniSkladem{color:#ed4141;font-family: 'Geogrotesque Bd';}
#kosik .plusminus button {width: 30px;height: 30px;font-size: 18px;}
#kosik .pcs-input {width: 50px;height: 30px;}
#kosik .vernostniProgram{background:#f9eedf50;}
#kosik .vernostniProgram td:first-child{border-left:7px solid #f9eedf;}
#kosik .vernostniProgram strong.nadpis {font-family: 'Geogrotesque Md' !important;color:#653b0e !important;font-size:13px;display:block;}
#kosik .vybranDarek {background:#ddefff;}
#kosik .vybranDarek td:first-child{border-left:7px solid #bdd9f2;}
#kosik .vybranDarek td:nth-child(3) span{font-size:0 !important;}
#kosik .vybranDarek td:nth-child(4), #kosik .vybranDarek td:nth-child(4) small, #kosik .vybranDarek td:nth-child(4) span{font-size:0 !important;} 
#kosik .vybranDarek td:nth-child(5){font-size:0 !important;}
#kosik .vybranDarek td:nth-child(6) small, #kosik .vybranDarek td:nth-child(6) br{font-size:0 !important;display:none;}
#kosik .vybranDarek td:nth-child(6) strong{color:#1d69b0;}
#kosik table.table .vybranDarek td:nth-child(1){text-align: center;}
#kosik table.table .vybranDarek td:nth-child(7) a span{color:#1d69b0 !important;}
#kosik table.table .vybranDarek td:nth-child(7) a:hover span{color:#ed4141 !important;}
#kosik table.table tbody tr:last-child td{border-bottom:1px solid #e1e1e1;}
#kosik .vybranDarek strong.nadpis {font-family: 'Geogrotesque Bd';color:#3b3b3b;}
#kosik .vybranDarek a{color:#1d69b0 !important;}
#kosik .vybranDarek a:hover{color:#5591cd !important;text-decoration: underline;}
#kosik .vybranDarek span.material-symbols-outlined{position:relative;top:3px;}
#kosik h3{font-family: 'Geogrotesque Bd';font-size:20px;}
#kosik h3 span{position: relative;top:3px;margin-right: 10px;color:#5591cd;}

#kosik #kosikDarkyZdarma{display: grid;align-items: start;gap: 0;grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));border-top:1px solid #E1E1E1;padding: 26px;}
#kosik #kosikDarkyZdarma a{text-decoration: none;color:#3b3b3b;}
#kosik #kosikDarkyZdarma a:hover{text-decoration:none;color:#3b3b3b;}
#kosik #kosikDarkyZdarma .vypisProduktu{align-items: unset;gap: unset;grid-template-columns: unset;}
#kosik #kosikDarkyZdarma .vypisProduktu.vybrano article{background:#ddefff;border:1px solid #6ba0d0;}
#kosik #kosikDarkyZdarma .darekVybran{display:none;position: absolute;z-index: 70;top: 0;background:#1664ad;height:60px;text-align: center;padding:12px 24px;width: 100%;color:#fff;font-family: 'Geogrotesque Bd';text-transform: uppercase;}
#kosik #kosikDarkyZdarma .darekVybran span{position: relative;top: 5px;margin-right: 10px;}
#kosik #kosikDarkyZdarma .vypisProduktu.vybrano .darekVybran{display:block;}
#kosik #kosikDarkyZdarma a:hover button{text-decoration: none !important;}
#kosik #kosikDarkyZdarma .btn{display:inline-block;width: max-content;padding:2px 22px !important;}
#kosik #kosikDarkyZdarma .btn-blue{background:#1d69b0;}
#kosik #kosikDarkyZdarma .btn-blue:hover{background:#000;}

#kosikGrid{display:grid;grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(1, minmax(60px, auto));grid-gap: 10px;border-radius: 3px;margin-bottom: 30px;}
#kosikGrid .btn-small{background:#653b0e;font-size:13px;padding:10px 20px !important;margin-bottom: 24px;}
#kosikGrid .kosikGridShrnuti{text-align: right;}
#kosikGrid .kosikGridShrnuti .btn{display:inline-flex;padding:16px 30px !important;}
#kosikGrid .kosikGridShrnuti .btn span{margin-left:10px;}
#kosikGrid .kosikGridShrnutiContent{background:#f2f2f2;text-align:right;padding:24px 60px 24px 24px;margin:0 0 25px;}
#kosikGrid .kosikGridShrnuti h3{font-family: 'Geogrotesque Bd';font-size:20px;}
#kosikGrid .summary{font-size: 14px;width:100%;}
#kosikGrid .summary strong{font-size:16px;font-family: 'Geogrotesque Bd';}
#kosikGrid .summary strong.cena{font-size:20px;color:#7eb929;}
#kosikGrid .summary span.black-text{font-size:16px;color:#000;}

#kosikGrid label{margin:0 0 15px 15px;}
#kosikGrid label strong{top:-6px;left:10px;}
#kosikGrid .el-switch .el-switch-style{background:#e1e1e1;}
#kosikGrid .el-switch>input[type="checkbox"]:checked+.el-switch-style{background:#6db43f;}
#kosikGrid .form-inline .form-control{border-radius:5px 0 0 5px;padding:8px 15px;height:auto;line-height: inherit !important;}
#kosikGrid .form-inline .btn{border-radius:0 5px 5px 0;background:#d50037 !important;}
#kosikGrid .form-inline .btn:hover{background:#a2002a !important;}
#kosikGrid #nakupniKosikSouhrnnySoucet label{margin:0;vertical-align: middle;height: 40px;display: inline-flex;cursor: pointer;}
#kosikGrid #nakupniKosikSouhrnnySoucet label strong{margin:0 0 0 15px;font-family: 'Geogrotesque Bd';}
#kosikGrid .btn-blue{background:#1d69b0;}
#kosikGrid .btn-blue:hover{background:#000;}
#kosikGrid .coupon-container {display: flex;align-items: center;border: 1px solid #dfe3e8;border-radius: 4px;padding: 2px 5px;width: 100%;max-width: 400px;}
#kosikGrid .coupon-container form{width:100%;position: relative;}
#kosikGrid .coupon-container form .btn{position: absolute;top:3px;right: 0;z-index: 3;}
#kosikGrid .coupon-input {display: flex;align-items: center;flex-grow: 1;border-right: 1px solid #dfe3e8;padding: 5px;}
#kosikGrid .coupon-icon {margin-right: 10px;color: #6c757d;}
#kosikGrid .coupon-icon .material-symbols-outlined {position:relative;top:2px;}
#kosikGrid .coupon-input input {border: none;outline: none;width: 100%;color: #6c757d;}
#kosikGrid #nakupniKosikZadatKupon{padding-left:55px;}

#kosik #delivery{padding:60px;}
#kosik #delivery ul{margin:12px 0 40px;padding:0;border-top:1px solid #e1e1e1;}
#kosik #delivery li{list-style: none;border-bottom: 1px solid #e1e1e1;vertical-align: middle;display:flex;color:#919191;font-size:12px;min-height:72px;align-items: center;cursor:pointer;}
#kosik #delivery li input{margin-left:30px;}
#kosik #delivery li:hover{background:#f9eedf;}
#kosik #delivery li label{flex:1;padding: 16px 30px 16px 0;display: grid;grid-template-columns: repeat(1, 1fr 14fr 1fr);align-items: center;cursor:pointer;} 
#kosik #delivery li label .dopravaObrazek{text-align: center;} 
#kosik #delivery li label .dopravaObrazek span{color:#919191;} 
#kosik #delivery li label div strong{display:block;}
#kosik #delivery li strong.nazev{font-family: 'Geogrotesque Bd';color:#3b3b3b;font-size:14px;}
#kosik #delivery li strong.cena{text-align: right;font-size:16px;font-family: 'Geogrotesque Md';color:#000;}
#kosik #delivery li strong.cena small{font-size:14px;font-family: 'Geogrotesque Rg';color:#9b9b9b;}
#kosik #delivery h3 span{position:relative;top:4px;}
#kosik #delivery p{margin: 0;color:#919191;font-size:12px;}
#kosik #delivery form img{max-width:78px;height:auto;}
 
#delivery #delicRozcestnik{border-top:4px solid #f1f1f1;margin:64px 0 0 0;padding:36px 24px 24px;}
#delicRozcestnik{display: grid;grid-template-columns:1fr 1fr;align-items: center;}
#delicRozcestnik a{max-width: 330px;}
#delicRozcestnik .btn-default{padding: 16px 30px !important;display: flex;align-items: center;}
#delicRozcestnik .btn-default span{margin:0 0 0 10px;}
#delicRozcestnik .btn-text{justify-self: start;}
#delicRozcestnik .btn-default{justify-self: end;}
 
#dialog-confirm{padding:30px 36px;}
#dialog-confirm h2.nadpis{padding:15px 0;display:block;font-size:22px;font-family: 'Geogrotesque Bd';}
#dialog-confirm h3.nadpis{padding:0 0 15px 0;display:block;font-size:16px;font-family: 'Geogrotesque Bd';}
#dialog-confirm select {-webkit-appearance: none;-moz-appearance: none;appearance: none;margin-bottom: 24px;;}
#dialog-confirm label {margin-bottom: 5px;}
#dialog-confirm input {margin-bottom: 5px;}
#dialog-confirm button input {background:none;border:0;margin: 0;font-family: 'Geogrotesque Bd';color:#fff;font-size: 15px;text-transform: uppercase;}
#dialog-confirm .potvrzeni {margin:24px 0;}
#dialog-confirm .potvrzeni input[type=checkbox]{height:25px;width:25px;border:1px solid #afafaf;border-radius:3px;margin:0 10px 0 0;position:relative;top:6px;}



#kosik .grid{display: grid;align-items: start;gap: 2rem;grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));margin-bottom: 2rem;background:#f2f4f8;padding:24px 36px;border-radius: 3px;} 
#kosik .grid a.vybrano{background:#7eb929;color:#fff;} 
#kosik .grid a{border-radius: 5px;background:#fff;padding:24px 36px;color:#4f4f4f;text-decoration: none;max-width: 350px;}
#kosik .nadpisDorucovaciUdaje{font-family: 'Serifa D EE';padding:35px 40px 20px;display:block;font-size:26px;text-align: center;}


#kosik #frm-addDeliveryAddressForm input{margin-bottom: 1rem;}
#kosik #frm-addDeliveryAddressForm textarea{margin-bottom: 1rem;}
#kosik #frm-addDeliveryAddressForm label{font-family: 'Geogrotesque Bd';color:#3b3b3b;font-size: 15px;margin-bottom: 3px;;}
#kosik #frm-addDeliveryAddressForm select{margin-bottom: 1rem;}
#kosik #frm-addDeliveryAddressForm .star{color:#d50037;font-size:20px;position: absolute;top:-5px;left:-12px;}
#kosik #frm-addDeliveryAddressForm div{position: relative;}
#kosik #frm-addDeliveryAddressForm .radio{margin:1rem 0 2rem;}

#kosik #frm-addDeliveryAddressForm input[type="radio"] {margin-bottom:0 !important;background:#fff;appearance: none;-webkit-appearance: none;width: 20px;height: 20px;border: 1px solid #ccc;border-radius: 50%;position: relative;cursor: pointer;margin-right: 14px;position: relative;top: 5px;background:#fff;}
#kosik #frm-addDeliveryAddressForm input[type="radio"]:checked {background-color: #659a19;}
#kosik #frm-addDeliveryAddressForm input[type="radio"]:checked::before {content: '\e5ca';position: absolute;font-family: 'Material Symbols Outlined';top: -2px;left: 0;color: white;font-size: 16px;text-align: center;width: 100%;height: 100%;}

#kosik #frm-addDeliveryAddressForm .grid{display: grid;align-items: start;gap: 2rem;grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));margin-bottom: 2rem;background:#f2f4f8;padding:24px 36px;border-radius: 3px;} 
#kosik #frm-addDeliveryAddressForm .grid label{width:100%;} 


#successObjednavky p{font-size:15px;text-align: center;padding:10px 25px;margin-bottom:0;font-family: 'Geogrotesque Md';max-width: 700px; margin:0 auto 16px;text-align: center;}
#successObjednavky p strong{background:#f4dcbd url('../img/bg_lista.gif') repeat;color:#653b0e !important;padding:24px 36px;border-radius: 5px;display:block;}

/*/kosik*/


.polozekNaStranceNasteveni span{margin-right:12px;}
#frm-strankovani-strankovani{padding:6px;}
.nav-tabs { 
    font-size: 16px;
}
/*vyhledavani*/
#vyhledavani h2{padding:15px 20px;display:block;font-size:22px;font-family: 'Geogrotesque Bd';}
#vyhledavani h2 strong{color:#7eb929;}
#vyhledavani .polozekNaStrance{display:flex;justify-content: space-between;align-items: center;padding:4px 20px 10px;}
#vyhledavani .polozekNaStrance .polozekNaStranceNasteveni{flex: 1;display:flex;justify-content: flex-start;align-items: center;}
#vyhledavani #razeniKategorieSkladem{color:#d8d8d8;padding:15px 15px 30px;}
#vyhledavani #razeniKategorieSkladem a{color:#659a19;text-decoration: none;padding: 4px;}
#vyhledavani #razeniKategorieSkladem a:hover{text-decoration: underline;}
#vyhledavani #razeniKategorieSkladem a.active{font-family:'Geogrotesque Bd';}
#vyhledavani #razeniKategorieSkladem {display: flex;justify-content: space-between;align-items: center;}
#vyhledavani #razeniKategorie {flex: 1;}
#vyhledavani #pouzeSkladem {margin-left: 20px;color:#3b3b3b;}
#vyhledavani #pouzeSkladem input{margin-right: 10px;width:20px;height:20px;position: relative;top:5px;}
#vyhledavani #categoryBreadcrumb{width:100%;display:flex;align-items:center;background:#f7f7f7;margin:0 0 0 4px;height:40px;}
#vyhledavani #categoryBreadcrumb li{list-style: none;display: inline-block;} 
#vyhledavani #categoryBreadcrumb li a, #vyhledavani #categoryBreadcrumb li span{padding:6px 12px;text-decoration: none;color:#3b3b3b;} 
#vyhledavani #categoryBreadcrumb li:first-child a{padding-left:6px;text-transform: uppercase;} 
#vyhledavani #categoryBreadcrumb li::after {content: 'chevron_right';display: inline-block;font-family: 'Material Icons';position:relative;top:2px;}
#vyhledavani #categoryBreadcrumb li:last-child:after {display:none;}
#vyhledavani .pagination {grid-column: 1 / -1;display: block;padding:60px 40px 0;text-align: center;list-style: none;color:#d8d8d8;}
#vyhledavani .pagination a{color:#659a19;text-decoration: none;padding: 4px;}
#vyhledavani .pagination a:hover{text-decoration: underline;}
#vyhledavani .pagination span{color:#3b3b3b;}
#vyhledavani #vypisProduktuKategorie{display: grid;align-items: start;gap: 1rem;grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));}
/*/vyhledavani*/


#topProduct{padding:60px 0;}
#topProduct h4{text-align: center;display:block;font-size:22px;font-family: 'Geogrotesque Bd';margin-bottom: 30px;}


 
/*akce nxmyoz*/
#akcniProdukty .vypisProduktuRadky {display: grid;align-items: start;padding: 24px 24px 44px;position: relative;gap: 1rem;grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));}
#akcniProdukty .vypisProduktuRadky article {display: flex;flex-direction: column; justify-content: space-between; align-items: stretch;padding: 1rem;border: 1px solid #ccc;background-color: #fff;box-sizing: border-box;height: 100%;    max-width: 400px;}
#akcniProdukty .vypisProduktuRadky img {width: 100%;height: auto;max-height: 200px;object-fit: cover;max-width: unset;}
#akcniProdukty .vypisProduktuRadky a.nazevProduktu {margin: 0.5rem 0;font-size: 1.1rem;font-weight: bold;text-align: center;height: 3rem;display: flex;align-items: center;justify-content: center;}
#akcniProdukty .vypisProduktuRadky article p {flex-grow: 1; display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;white-space: normal;}
#akcniProdukty .vypisProduktuRadky article:last-child p {height: auto;}
#akcniProdukty h1{font-family: 'Serifa D EE';padding: 15px 40px 0;display: block;font-size: 26px;text-transform: uppercase;}


#akcniProdukty #vypisProduktuKategorie .vypisProduktuRadky .vypisProduktu a.nazevProduktu strong{font-size: 18px !important;line-height:auto;line-height: 1.5;}
#akcniProdukty #vypisProduktuKategorie .vypisProduktuRadky .vypisProduktu a.nazevProduktu{line-height: 1.5;text-decoration: none;font-size: 18px !important;color: #3b3b3b;font-family: 'Geogrotesque Bd';min-height: 50px !important;display: block !important;text-align: center;margin-bottom: 0 !important;}
#akcniProdukty #vypisProduktuKategorie .vypisProduktuRadky {gap:0;}
#akcniProdukty #vypisProduktuKategorie .vypisProduktuRadky .vypisProduktu article img{max-height: unset;}
#akcniProdukty #vypisProduktuKategorie .vypisProduktuRadky .vypisProduktu {margin-bottom: 5px;}
/*
#akcniProdukty #vypisProduktuKategorie .vypisProduktuRadky .vypisProduktu article:last-child p{margin-bottom: 30px;}
#akcniProdukty #vypisProduktuKategorie .vypisProduktu .productObject{    padding: 24px;}*/


#akcniProdukty #vypisProduktuKategorie .vypisProduktuRadky .vypisProduktu article small{display:block;height:20px;position:absolute;bottom:18px;font-size: .875em !important;width:unset;}
#akcniProdukty #vypisProduktuKategorie .vypisProduktuRadky .vypisProduktu article small strong{font-family: 'Geogrotesque Bd' !important;color:#4f4f4f !important;font-size:12.25px !important;}
#akcniProdukty #vypisProduktuKategorie .vypisProduktuRadky .vypisProduktu article .eanSmall {right: 30px;}
#akcniProdukty #vypisProduktuKategorie .vypisProduktuRadky .vypisProduktu article{    padding: 24px 24px 44px;}
#akcniProdukty #vypisProduktuKategorie .vypisProduktuRadky .vypisProduktu .variantaCena{bottom:50px !important;}
/*/akce nxmyoz*/


/*clanky*/
#clanky .container{width:clamp(280px, 80%, 800px);margin:0 auto;max-width:unset !important;}
#clanky h1{color:#3b3b3b;display:block;width:100%;font-family: 'Serifa D EE';font-size:30px;margin-bottom: 30px;}
#clanky h2{color:#3b3b3b;display:block;width:100%;font-family: 'Geogrotesque Bd';font-size:26px;margin-bottom: 10px;}
#clanky h3{color:#3b3b3b;display:block;width:100%;font-family: 'Geogrotesque Bd';font-size:22px;margin-bottom: 10px;}
#clanky h4{color:#3b3b3b;display:block;width:100%;font-family: 'Geogrotesque Bd';font-size:18px;margin-bottom: 10px;}
#clanky h5{color:#3b3b3b;display:block;width:100%;font-family: 'Geogrotesque Bd';font-size:16px;margin-bottom: 10px;} 
#clanky p{font-size:14px;color:#3b3b3b;margin:0 0 15px;line-height:28px;}
#clanky strong{font-family: 'Geogrotesque Bd';}
#clanky a{color:#0d6efd;text-decoration: underline;}
#clanky a:hover{color:#5591cd;}
#clanky blockquote{background:#f2f3f4;padding:24px 36px;border-radius: 5px;margin:15px 0;}
#clanky ol, #clanky ul{margin:0 0 24px;}
#clanky ol li{list-style: none;counter-increment: list-counter;position: relative;padding: 4px;}
#clanky ol li::before {content: counter(list-counter);position: absolute;left: -30px;background:#6db43f;color:#fff;width:24px;height:24px;text-align: center;border-radius: 50%;padding:1px 0 0 0;}
#clanky ul li{list-style: none;padding:4px;position:relative;}
#clanky ul li:before{content:"";position: absolute;left: -16px;background:#6db43f;width:8px;height:8px;top:9px;}
#clanky table{width:100%;margin-bottom: 36px;}
#clanky table th{background:#f2f2f2;border-bottom:3px solid #e1e1e1;font-family: 'Geogrotesque Rg';color:#656565;padding:8px 12px;}
#clanky table td{padding:8px 12px;border-bottom:1px solid #e1e1e1;}
#clanky table tr:hover td{background:#f8f8f8;}
/*/clanky*/



/*detailAkce*/
#detailAkce h2{color:#3b3b3b;display:block;width:100%;font-family: 'Geogrotesque Bd';font-size:26px;margin-bottom: 10px;}
#detailAkce .vypisProduktuRadky{display: grid;align-items: start;gap: 1rem;grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));}
#detailAkce .vypisProduktuRadky .sloupec2 strong{font-size: 15px !important;line-height: 20px;color: #3b3b3b !important;font-family: 'Geogrotesque Bd' !important;display: inline-block !important;letter-spacing: 0 !important;margin: 0 !important;padding: 0 !important;}
#detailAkce .vypisProduktuRadky article>p {font-family: 'Geogrotesque Bd' !important;min-height:40px;color:#d50037;font-size:18px;}
#detailAkce #potvrzeniAkce{padding:40px;text-align: center;} 
/*/detailAkce*/


.splide .splide__list li{text-align: center;}
.splide__arrow{height:3em !important;width:3em !important;padding:15px !important;opacity: .3 !important;}
.splide__arrow:hover{opacity: .7 !important;}

#newsletter{padding:80px 0 50px;background:url('../img/bg-newsletter.jpg') no-repeat;background-size: inherit;color:#fff;}

#blog{text-align: center;padding:60px 0;}
#blog h2{color: #3b3b3b;display: block;width: 100%;font-family: 'Serifa D EE';text-transform: uppercase;text-align: center;font-size: 23px;margin-bottom: 30px;}
#blog .grid{display: grid;align-items: start;gap: 2rem;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));} 
#blog .grid a{background:#fff;padding:0;border-radius: 3px;max-width: 460px;text-align: left;text-decoration: none;display: flex;flex-direction: column;min-height:530px;} 
#blog.blogHP .grid a{background:#fff;padding:0;border-radius: 3px;max-width: 460px;text-align: left;text-decoration: none;display: flex;flex-direction: column;min-height:595px;} 
#blog .grid a img{width: 100%;object-fit: cover;} 
#blog .grid a p{padding:24px 36px 0;color:#3b3b3b;display: flex;flex-direction: column;justify-content: space-between;flex:1;font-size: 14px;line-height: 1.5;display: -webkit-box;-webkit-line-clamp: 3;  -webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis; max-height: calc(2.5em * 3);} 
#blog .grid a h4{font-size:24px;color:#3b3b3b;padding:24px 36px 0;font-family: 'Geogrotesque Bd';min-height: 85px;}
#blog .grid a small{padding:0 36px 24px;color:#3b3b3b;font-family: 'Geogrotesque Bd';display: flex;justify-content: flex-start;}

 
#frm-smartemailingForm-seForm {
    display: flex;
    align-items: center;
    justify-content: space-between; 
    padding: 20px;
    border-radius: 10px;
    width: 100%;position: relative;
}
  
#frm-smartemailingForm-seForm::before {color:#3b3b3b;left:32px;z-index:8;width: 30px;height: 30px;display:flex;content: 'mail';font-size: 25px;position: absolute;align-items:center;justify-content:center;font-family:'Material Symbols Outlined';}

#frm-smartemailingForm-seForm input[type="email"] {
    padding: 16px 120px 16px 50px;
    font-size: 16px;
    border: none;
    border-radius: 5px;
    width: 100%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

  
#frm-smartemailingForm-seForm input[type="submit"]{
   width:108px;position:absolute;z-index: 9;right:28px;
}



#kontaktForm .grid{display: grid;align-items: start;gap: 2rem;grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));} 
#kontaktForm .grid img{width:100%;max-width: 400px;height:auto;} 
#kontaktForm .grid ul li{font-size:16px;line-height:28px;list-style: none;position: relative;} 
#kontaktForm .grid ul li::before{color:#7eb929;left:-32px;z-index:8;width: 30px;height: 30px;display:flex;content: 'done';font-size: 22px;position: absolute;align-items:center;justify-content:center;font-family:'Material Symbols Outlined';} 




footer#hlavniFooter{background:#3b3b3b;}
footer#hlavniFooter h4{color:#959595;font-size:16px;font-family: 'Geogrotesque Bd';text-transform: uppercase;margin-bottom: 26px;}
footer#hlavniFooter p{color:#fff;line-height:26px;}
footer#hlavniFooter .col{border-right:1px solid #5a5a5a;padding:20px 40px;margin:0 0 26px;}
footer#hlavniFooter .col:last-child{border-right:0;}
footer#hlavniFooter .col p span{display:inline-block;width:70px;}
footer#hlavniFooter .container{padding:80px 0px 30px;}
footer#hlavniFooter aside{text-align: center;border-top:1px solid #5a5a5a;margin-top: 26px;padding-top:26px;}
footer#hlavniFooter aside #jazykovyPrepinac{margin:0;padding:0;}
footer#hlavniFooter aside #jazykovyPrepinac li{display:inline-block;padding:20px 10px;}
footer#hlavniFooter aside #jazykovyPrepinac li a{color:#afafaf;text-decoration: none;font-size:16px;}
footer#hlavniFooter aside #jazykovyPrepinac li:hover a{color:#fff;}
footer#hlavniFooter aside #jazykovyPrepinac li.aktivni a{color:#fff;font-family: 'Geogrotesque Bd';}
footer#hlavniFooter .col ul{margin:0;padding:0;}
footer#hlavniFooter .col ul li{list-style:none;padding:4px;}
footer#hlavniFooter .col a{color:#fff;text-decoration: none;}
footer#hlavniFooter .col a:hover{text-decoration: underline;}
footer#hlavniFooter .col ul li::before{background:url('../img/chevron_right_24dp_5F6368_FILL0_wght400_GRAD0_opsz24.svg') no-repeat;content:"";display:inline-block;width:24px;height:24px;vertical-align: -8px;padding:0 0 0 35px;}





/*bannery-homepage*/

#bannery .col-sm-4 img{width:100%;vertical-align: middle;max-width: 100%;height: auto;}
.banner-wrapper+.banner-wrapper {
    margin-top: 25px;
}

@media (min-width: 1440px) {
    .banners-row .banner-wrapper+.banner-wrapper {
        margin-top: 9px;
    }
}
@media (min-width: 1200px) {
    .banners-row .banner-wrapper+.banner-wrapper {
        margin-top: 12px;
    }
}
@media (min-width: 992px) {
    .banners-row .banner-wrapper+.banner-wrapper {
        margin-top: 15px;
    }
}
@media (min-width: 768px) {
    .banners-row .banner-wrapper+.banner-wrapper {
        margin-top: 23px;
    }
}

@media screen and (min-width: 992px) {
    .banners-row .col-sm-4 {
        width: 33%;
        padding-left: 23px;
    }
        .banners-row .col-sm-8 {
        width: 66%;
    }
}

@media (min-width: 768px) {
    .banners-row .col-sm-4 {
        padding-right: 0;
    }
 
    .banners-row .col-sm-8 {
        padding-left: 0;
        padding-right: 0;
    } 
}

@media screen and (max-width: 991px) {
.banners-row .col-sm-4{width:32%;}}


    @media screen and (max-width: 767px) {
    .row.banners-row > div.col-sm-8 {
        padding-left: 0 !important;
        padding-right: 0 !important;display:block;width:100% !important;
    }
   .next-to-carousel-banners {
        margin-top: 24px;
    }
    .row.banners-row > div.col-sm-4 {display:block;width:100% !important;}

.row.banners-row{display:block !important;}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
    .next-to-carousel-banners .banner-wrapper {
        width: 100%; 
        margin: 0 !important;
    }
    .schovatMobil{display:none !important;}
}

 
@media screen and (min-width: 0px) and (max-width: 767px) {

    .schovatMobil{display:none !important;}
    #bannery .row.banners-row .col-sm-4{padding:0 !important;}

}

 
@media screen and (min-width: 480px) and (max-width: 767px) {
    .next-to-carousel-banners {
        display: flex
;
        flex-wrap: wrap;
        margin-left: -12px;
        margin-right: -12px;
    } 
}
 
.splide__pagination__page.is-active {
    background: #7eb929 !important;
    transform: scale(1.2) !important;
    z-index: 1;
}
 

/*login*/
.listaUpoutavka{background:#f4dcbd url('../img/bg_lista.gif') repeat;}
.listaUpoutavka p{color:#653b0e;padding:18px 25px;}
#loginForm{display:flex;justify-content: center;align-items: center;height:100vh;width:100%;}
#loginForm .loginFormContent{width:420px;}
#loginForm .loginFormContent p{text-align: center;font-size: 15px;}
#loginForm .loginFormContent p a{color:#5591cd;text-decoration: underline;}
#loginForm .loginFormContent p a:hover{color:#000;text-decoration: underline;}
#loginForm .loginFormInner{background:#fff;padding:35px 50px;margin-bottom: 30px;max-height: 800px;overflow-y: auto;}
#loginForm .loginFormInner .flash.error{background:#DE0000;margin:25px auto 0;padding:15px 25px;color:#fff;font-family: 'Geogrotesque Bd';border-radius: 4px;font-size:17px;}
#loginForm .loginFormInner strong.nadpis{font-size:26px;color:#3b3b3b;display:block;font-family: 'Geogrotesque Bd';margin:30px 0 20px;}
#loginForm .loginFormInner h1.nadpis{font-size:26px;color:#3b3b3b;display:block;font-family: 'Geogrotesque Bd';margin:30px 0 20px;}
#loginForm .loginFormInner input.form-control{font-size:14px;padding:14px 20px;display:block;width:100%;border:1px solid #afafaf;border-radius:3px;}
#loginForm .loginFormInner input.form-control[type=text]{margin:0 0 25px;}
#loginForm .loginFormInner input.form-control[type=password]{margin:0 0 10px;}
#loginForm .loginFormInner input[type=checkbox]{height:25px;width:25px;border:1px solid #afafaf;border-radius:3px;}
#loginForm .loginFormInner label{color:#3b3b3b;font-size:15px;display:block;width:100%;margin:0 0 8px;}
#loginForm .loginFormInner a.zapomenuteHeslo{color:#5591cd;text-decoration: underline;margin-bottom: 20px;display:block;width:100%;}
#loginForm .loginFormInner a.zapomenuteHeslo:hover{color:#000;text-decoration: underline;}
#loginForm .loginFormInner #frm-signInForm-signInForm-remember{height:27px;top:8px;position:relative;margin:0 15px 15px 0;}
#loginForm .loginFormInner .btn{border-radius: 3px;padding:14px 20px;display:block;width:100%;text-align: center;text-transform: uppercase;text-decoration: none;font-family: 'Geogrotesque Bd';margin-bottom: 10px;letter-spacing:.5px;cursor:pointer;}
#loginForm .loginFormInner .btn.btn-default{color:#fff;border:0;}
#loginForm .loginFormInner .btn.btn-border{color:#8b8b8b !important;border:1px solid #afafaf;}
#loginForm .loginFormInner .btn.btn-border:hover{color:#3b3b3b !important;border:1px solid #3b3b3b;}
#loginForm #loginFormLangSelect a{display:flex;justify-content: end;align-items: center;height:30px;text-decoration: none;} 
#loginForm #loginFormLangSelect a span{color:#7eb929;margin:0 8px 0 0;}
#loginForm #loginFormLangSelect a strong{color:#3b3b3b;font-size:14px;text-transform: uppercase;}
#loginForm #loginFormLangSelect a:hover strong{color:#7eb929;text-decoration: underline;} 
#loginForm #vyberteUcetSignIn {counter-reset: list-counter;list-style: none;padding-left:0;}
#loginForm #vyberteUcetSignIn li{list-style: none;margin-bottom: 15px;counter-increment: list-counter;position: relative;padding-left: 36px;}
#loginForm #vyberteUcetSignIn li::before {content: counter(list-counter);position: absolute;left: 0;color:#fff;background:#7eb929;width:22px;height:22px;text-align: center;padding:2px 0;border-radius: 2px;}
#loginForm #vyberteUcetSignIn li a{text-decoration:none;color:#5591cd;}
#loginForm #vyberteUcetSignIn li a strong{color:#000;font-size: 16px;font-family: 'Geogrotesque Bd';}
#loginForm #vyberteUcetSignIn li a small{color:#4f4f4f;}
#loginForm #vyberteUcetSignIn li a:hover strong{color:#7eb929;} 

#frm-agreementForm input[type=checkbox]{height:25px;width:25px;border:1px solid #afafaf;border-radius:3px;margin:0 10px 0 0;position:relative;top:6px;}
#frm-agreementForm input[type=submit]{margin-top:24px;}
#frm-agreementForm label{margin:8px 0 !important;display:block;}
#frm-agreementForm{margin-top:24px;}

#tempMessage{background: #7eb929;font-size: 16px;padding:14px 22px;text-align: center;color:#fff;}

.variantaCena {position:relative;} 
.vypisProduktu .add-to-cart-form label{position:absolute;top:0;right:0;}

/*/login*/
.nav-pills .nav-link.active{background-color: #7eb929;font-family: 'Geogrotesque Bd';}
.nav-pills .nav-link{color:#666666;font-size:15px;}

#v-pills-tabContent{border:none !important;border-radius: 6px;padding:0;}
#v-pills-tabContent .point h3{background:#f9eedf;color:#653b0e;padding:10px 20px;font-size:18px;margin-bottom: 0;}
#v-pills-tabContent .point .odpoved{border:1px solid #f9eedf;margin-bottom: 30px;padding:20px 20px 5px;}

/*copyright*/
#copyright .container{padding:35px 0 0!important;max-width:1500px;width:100%;display:block;}
#copyright{text-align:center;min-height:63px; position:relative;} 
#copyright p{margin:0;padding:20px 35px;} 
#copyright p a{color:#fff !important;transition:500ms;font-size:13px;text-decoration:none;transition:300ms;}
#copyright p a:hover{color:#fff !important;text-decoration:none;transition:500ms;}
#copyright p a:hover strong{color:#fff !important;transition:300ms;text-decoration: underline;}
.footer-container FOOTER DIV{width:auto;height:100%;margin:0;padding:0 0 0 112px;position:absolute;top:0;right:0;min-height:62px;}
.footer-container FOOTER DIV:before{content:'';display:block;width:200%;height:100%;position:absolute;left:0;top:0;-webkit-transform:skew(-15deg);-moz-transform:skew(-15deg);-ms-transform:skew(-15deg);-o-transform:skew(-15deg);transform:skew(-15deg)}
.footer-container FOOTER DIV P{text-align:right;position:relative;padding-top:7px;margin:1em 0;top:0}
.footer-container FOOTER P STRONG{color:#fff !important;}
.footer-container FOOTER P .seo-logo{width:25px;height:26px;display:block;position:relative;margin:10px auto;background:transparent url("../img/seo_gold.svg") 0 0 no-repeat;margin:-6px 0 0 15px;float:right;width:25px;height:26px;box-sizing:unset;}
.footer-container FOOTER P A .seo-logo{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:all 250ms linear 0ms;-moz-transition:all 250ms linear 0ms;-ms-transition:all 250ms linear 0ms;-o-transition:all 250ms linear 0ms;transition:all 250ms linear 0ms;background:transparent;min-width:unset !important;}
.footer-container FOOTER P A .seo-logo .face{width:25px;height:26px;box-sizing:unset;width:100%;height:100%;position:absolute;left:0;top:4px;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden}
.footer-container FOOTER P A .seo-logo .front{width:25px;height:26px;box-sizing:unset;background:transparent url("../img/seo_silver.svg") 0 0 no-repeat}
.footer-container FOOTER P A .seo-logo .back{width:25px;height:26px;box-sizing:unset;-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);background:transparent url("../img/seo_gold.svg") 0 0 no-repeat}
.footer-container FOOTER P A:hover .seo-logo{width:25px;height:26px;box-sizing:unset;-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);transform:rotateY(-180deg);background-position:-25px 0}



.container{max-width:1500px !important;}


.splide__slide img {
    vertical-align: bottom;
    width: 100%;
    height: auto;
}

#clanky img{max-width: 100%;height:auto;}

#frm-contactForm-contactForm{background:#f2f4f8;padding:24px;border-radius: 4px;}
#frm-contactForm-contactForm input{margin-bottom: 10px;}
#frm-contactForm-contactForm textarea{margin-bottom: 10px;}
#frm-contactForm-contactForm .clr{display:none;}


.vyhledavaciPolickoMobile span{top:0 !important;}
.vyhledavaciPolickoMobile{display:none !important;margin:0 !important;border:0 !important;background:none !important;}
#vyhledavaciPolickoMobileInput{display:none;position:absolute;background:#fff;border-radius: 3px;padding:15px;width:280px;left:0;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);}
#vyhledavaciPolickoMobileInput .form-control{max-width:250px;margin-bottom: 5px;}
#vyhledavaciPolickoMobileInput .btn{margin:0 auto;display:block;}

@media all and (min-width:0px) and (max-width:1440px){
#detailProduktu .parametryProduktuDvaSloupce{display:block;}
.parametryProduktuSlouec1{display:block;margin:0 0 15px;}
.parametryProduktuSlouec2{display:block;margin:0 0 15px;}
}

@media (min-width: 1201px) {
    .navbar-toggler {
        display: none;
    }

    .collapse.navbar-collapse {
        display: block !important;
    }
}


@media all and (min-width:1201px) and (max-width:10200px){
    
#vyhledavaciPolickoMobileInput{display:none !important;}
}
@media all and (min-width:0px) and (max-width:1200px){
    .vyhledavaciPolicko{display:none;}
    .vyhledavaciPolickoMobile{display:inline-block !important;}
    #hlavniHeader .align-items-center{display:block;}
    #hlavniHeader .col-auto.ikonky {float: right;display: -webkit-inline-box;position: relative;top: 10px;}
    #hlavniHeader .col-auto.logo {float: left;display: -webkit-inline-box;}
    #headerListy .header-container{height:120px;} 
        .navbar-toggler {
        display: block;
    }
    .collapse.navbar-collapse {
        display: none;
    }

    .navbar-collapse.show {
        display: block;
    } 
    .detailProduktuLevaStranaObal img{max-width: 100%;height:auto;}
    nav#nav ul li.dropdown div{display:none !important;}
    nav#nav ul li .dropdown-toggle::after{display:none;}
    
}

@media all and (min-width:0px) and (max-width:1024px){ 
    .volbaJazyka, .oblibeneProdukty, .uzivatelskyUcet{font-size:0;}
    #headerListy .header-container .logo img{height:60px;}
    #headerListy .header-container{height:90px;}
    #headerListy .header-container .logo img{top: -15px;position: relative;}
    #hlavniHeader .col-auto.ikonky{top:-5px;}
    footer#hlavniFooter .col{width:50%;flex:auto;}
    #detailKategorie .container{display:block;}
    #detailKategorie #levaStranaMenu{width:100%;}
    #kosikGrid{display:block;}
    #profil .container{display:block;}
    #headerListy .header-container .oblibeneProdukty .badge{top:-22px;}
    #hlavniHeader #uzivatelskyUcetMenu{right:-20px;}
}

@media all and (min-width:0px) and (max-width:768px){ 
    #headerListy .header-container .nav-link{padding:4px;border:0;}
    #headerListy .header-container .col-auto.logo{width:110px; overflow:hidden;margin:0;padding:0;}
    #headerListy .header-container .logo img{height:50px;}
    #headerListy .header-container .material-symbols-outlined{font-size:24px;}
    #headerListy .header-container{padding:20px 0;}
    #headerListy .header-container .logo img{top:0;}
    #hlavniHeader .col-auto.ikonky{top:10px;}
    nav#nav ul li a{font-size:14px;}
    nav#nav ul li .col{width:100%;flex:auto;}
    #detailKategorie #pravaStranaVypisKategorie .polozekNaStrance{display:block;}
    #detailKategorie #pravaStranaVypisKategorie #razeniKategorieSkladem{display:block;}
    #detailKategorie #pravaStranaVypisKategorie #pouzeSkladem{margin:10px 0 0 0;}
    .polozekNaStranceZobrazeni{margin:10px 0 0 0;} 
    #detailProduktuPravaStrana, #detailProduktuLevaStrana, #profil {max-width: 90%;margin:15px auto;    max-width: 100%; /* Zabrání přetékání obsahu */
    overflow: hidden; /* Skryje obsah, který přetéká */
    word-wrap: break-word; /* Rozbije dlouhá slova */}
    #detailProduktu .container{display:grid;grid-template-columns: unset;grid-template-rows: auto;
    gap: 1rem;}
    #detailProduktu #detailProduktuLevaStrana{order:2;float:unset;max-width:90%;width:100%;padding:25px;margin:0;}
    #detailProduktuPravaStrana{order:1;float:unset;max-width:100%;width:90%;padding:25px;margin:0;} 
    #popisProduktuDetail{order:3;} 
    #snippet--bigcart{overflow-x: auto;
    -webkit-overflow-scrolling: touch;}
    #profil #profilUdaje{display:block;}
    #profil .container{padding:24px;}
    #profil {padding:0 !important;}
    #profil .btn{margin:0 0 5px;}
    #hlavniHeader #uzivatelskyUcetMenu{right:-35px;}
    #headerListy .header-container .badge{left:20px;}
#detailFaq .align-items-start{display:block !important;}
#detailFaq .flex-column{flex-direction: unset !important;}
} 
@media all and (min-width:500px) and (max-width:575px){ 
#horniKosik{right:-50px;}
}
@media all and (min-width:0px) and (max-width:500px){ 
    #horniKosik{display:none !important;}
     #hlavniHeader .col-auto.ikonky{margin-right:15px;}
    #headerListy .header-container .material-symbols-outlined{margin:0;}
    .nakupniKosik .cart-total{font-size: 0;}
    #hlavniHeader .col-auto {flex: 0 0 auto;width: auto;margin: 0;padding: 0;float: right;display: inline-flex;}
    footer#hlavniFooter .col{width:100%;flex:auto;}
    footer#hlavniFooter aside p{width:80%;margin:0 auto;}
    .footer-container FOOTER DIV{padding-left:0;}
    nav#footerOdkazy ul li{padding: 10px 25px;}
    #headerListy .header-container .badge{top:-9px;left:20px;}
    nav#nav ul li a{padding:12px 10px;}
    #detailProduktu #cenaProduktu{display:block;}
    #kosik #delivery{padding:25px 15px;}
    #kosik #delivery li label .dopravaObrazek{display:none;}
    #kosik #delivery li label{padding: 16px 0;}
    #kosik #delivery li input{margin-left:0;}
    #kosik #delivery li label{grid-template-columns: initial;}
    #kosik #delivery li strong.cena {text-align: left;}
    #headerListy .header-container .oblibeneProdukty .badge{top:-19px;}
    #hlavniHeader #horniKosikButton{top:2px;position:relative;}
    #vyhledavani .polozekNaStrance .polozekNaStranceNasteveni{display:block;width:100%;}
    #vyhledavani .polozekNaStrance .polozekNaStranceZobrazeni{display:block;width:100%;}
    #vyhledavani .polozekNaStrance{display:block;width:100%;}
    #vyhledavani #razeniKategorieSkladem{display:block;width:100%;}
    #vyhledavani #razeniKategorie{display:block;width:100%;}
    #vyhledavani #pouzeSkladem{display:block;width:100%;margin-top:12px;}
    #vyhledavaciPolickoMobileInput{left:-50%;}
}
@media all and (min-width:0px) and (max-width:425px){ 
     #loginForm .loginFormContent{min-width:280px;}
     #loginForm .loginFormInner{padding:25px;}
     #vypisProduktuWishlist .container{grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));}
     #kosik #kosikDarkyZdarma{padding:20px 0;}
    #kosikGrid .summary td:first-child{display:none;}
    #delicRozcestnik{display:block;}
}