:root { --grey: #f3f3f3; --grey-dark:#e8e8e8; --blue1: #1895d5; --blue2: #58a8dd; --blue3: #a2c9ea; }
* { padding: 0; margin: 0;  }
body { background: #fff; color: #636363/*#222*/; font-family: open sans, tahoma, arial bold, arial; font-size: 14px;/*12px*/ }
.grey-background, .gray-background { background: var(--grey); }
.blue-background { background: var(--blue1); }
#block .content { background: #fff; }
#block .container { padding: 25px; }

/******************************************************************************/

a {	color: #525252; }
a:hover { text-decoration: none; }
img { border: 0; }
h1, .h1 { font-size: 25px; font-weight: 100; margin-bottom: 0.5em; color: var(--blue1); }
h2, .h2 { font-size: 18px; font-weight: 100; margin-bottom: 0.5em; }
.title, .info-title, .foot-title { font-weight: 100; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.margin-center { margin: 0 auto; }
.blue-color { color: var(--blue1); }
.headline { text-align: center; text-transform: uppercase; font-size: 25px; margin: 0 0 2em 0; color:var(--blue1); }
h3 { margin-bottom: 0.5em; }
table { border-collapse: collapse; }
ul { padding-left: 15px; }
ol { padding-left: 20px; }
input, textarea, select { font-family: open sans, tahoma, arial bold, arial; font-size: 12px; padding: 2px; }
.table-count input[type="text"] { background-image: none!important; }

/* STAV NEPLATNÝ – ale jen pokud už něco bylo napsáno */
input:required:not(:placeholder-shown):invalid,
input:focus:not(:placeholder-shown):invalid,
input[type="text"]:not(:placeholder-shown):invalid,
input[type="email"]:not(:placeholder-shown):invalid {
    background-image: url('../img/icon_form_write_white.svg');
    background-position: calc(100% - 10px) center;
    background-size: 15px;
    background-repeat: no-repeat;
}

/* STAV VALIDNÍ – opět jen pokud už něco bylo napsáno */
input:required:not(:placeholder-shown):valid,
input[type="text"]:not(:placeholder-shown):valid,
input[type="email"]:not(:placeholder-shown):valid,
input[type="tel"]:not(:placeholder-shown):valid {
    background-image: url('../img/icon_form_check_green.svg');
    background-position: calc(100% - 10px) center;
    background-size: 15px;
    background-repeat: no-repeat;
}

input[type="submit"] { }
.button { border: 1px solid var(--blue1); background: var(--blue1); color: #fff; cursor: pointer; display: inline-block; font-weight: bold; padding: 10px 15px; text-align: center; text-decoration: none; min-width: 170px; box-sizing: border-box; }
input[type="submit"]:hover { background: #5aa7dd; }
.button:hover { background: var(--blue2); border: 1px solid var(--blue2); color: #fff; }
.button-blue, input.button-blue { background: #006ab3; color: #fff; }
.button-blue:hover, input.button-blue:hover { background: #004891; }
.button-darkblue, input.button-darkblue { background: #003659; color: #fff; }
.button-darkblue:hover, input.button-darkblue:hover { background: #006ab3; }
.button-yellow, input.button-yellow { background: #ffd700; color: #000; }
.button-yellow:hover, input.button-yellow:hover { background: #ccb500; }
.button-grey, input.button-grey { background: #ccc; color: #000; border: none; }
.button-grey:hover, input.button-grey:hover { background: #ddd; }
.button-present { background: #fff; color: var(--blue1); font-weight: normal; }

:root { --highlight: #006ab3; }
.highlight, .barevne-zvyrazneni { color: var(--highlight); }
.highlight2 { color: #d1011b; }
.highlight3 { color: #5a6928; }
.barevny-odkaz { color: var(--highlight); text-decoration: underline; }
.line-through { text-decoration: line-through; }
.nu { /*text-decoration: none;*/ }
.nu:hover { text-decoration: underline; }
.un { text-decoration: underline; }
.un:hover { text-decoration: none; }
.nn { text-decoration: none; }
.nn:hover { text-decoration: none; }
.clear { clear: both; }

/******************************************************************************/
/* bloky */

.wrap1 { clear: both; float: left; position: relative; width: 100%; }
.wrap2 { margin: 0 auto; position: relative; width: 100% !important; max-width: 1260px; box-sizing: border-box; }
.content { float: left; padding: 0px 0px; position: relative; width: 100%; }

/******************************************************************************/
/* tabulka */

.table td {	padding: 2px 20px 2px 0; }

/******************************************************************************/
/* hlášky */

#msg-ok { background: #0a0; color: #fff; margin-bottom: 1em; padding: 2px 15px; }
#msg-error { background: #f00; color: #fff; margin-bottom: 1em; padding: 2px 15px; }

/******************************************************************************/
/* ouško */

.ear { background: #99bf0f; border-top-left-radius: 5px; border-top-right-radius: 5px; color: #eafbb6; font-weight: bold; padding: 10px 30px; position: absolute; right: 0; top: 97px; transform: rotate(-90deg); transform-origin: bottom right 0; }
.ear { position: fixed; }
.ear:hover { color: #fff; }

/******************************************************************************/
/* hlavní plášť */

#wrap-main { margin: 0 auto; position: relative; width: 1260px; }

/******************************************************************************/
/* hlavička */

#wrap-head { position: relative; }
#wrap-head p { left: 260px; position: absolute; top: 15px; width: 510px; }

#menu-logo-basket-main {
    display: flex; /* Zapneme Flexbox pro vyrovnání prvků */
    justify-content: space-between; /* Oddělí logo a menu na obě strany */
    align-items: end; /* Vertikálně centrováno */
    width: 100%; /* Celková šířka */
    /*padding: 0 20px;*/ /* Volitelné odsazení po stranách */
    box-sizing: border-box;
    gap: 50px;
}

#menu-logo {
    width: 330px; /* Fixní šířka pro logo */
}

#logo { display: flex; z-index: 2; min-width: 270px; }
#logo img { }

/* dotazník */
#wrap-head-review { background: url('../img/bg_head.png') center bottom no-repeat; height: 120px; position: relative; }
#logo-review { display: block; height: 100px; position: absolute; left: 20px; top: 10px; width: 190px; z-index: 2; }
#wrap-content-review { margin-top: 20px; }
input.review-name { width: calc(100% - 10px); height: 25px; padding: 5px; margin-top: 10px; }

#menu-account { display: block; width: 100%; text-align: right; display: flex; align-items: center; justify-content: flex-end; gap:20px; padding: 5px 0 10px 0;  }
#menu-account a { color: #000;}
#menu-account a:hover { text-decoration: underline; }

#fast-basket { font-size: 11px; background: var(--grey); }
.icon-basket, .icon-basket-empty { background: url('../img/kosik.svg') 0 0 no-repeat; display: block; height: 40px; width: 40px; text-decoration: none; }
/*.icon-basket-empty { background: url('../img/icon_basket_empty.png') 0 0 no-repeat; }*/
#fast-basket .icon-basket, #fast-basket .icon-basket-empty { margin-right: 10px; }
#fast-basket .basket-total-count {
  background: var(--blue2);
  border-radius: 50%; /* Kruhový tvar */
  width: 20px;
  height: 20px;
  display: flex; /* Aktivace Flexboxu */
  justify-content: center; /* Horizontální zarovnání */
  align-items: center; /* Vertikální zarovnání */
  color: #fff;
  font-size: 14px; /* Nastavení velikosti písma */
  text-align: center;
  text-decoration: none;
  margin-left: 30px;
}


#wrap-search { border-bottom: 1px solid #ccc; }
#wrap-search input[type="text"] { background: none; border: 0; width: 139px; }
#wrap-search input[type="submit"] { background: url('../img/vyhledavani.svg') center center no-repeat; background-size: contain; border: 0; margin-right: 5px; padding: 0px; width: 35px; height: 35px; cursor: pointer; }
#wrap-search .wrap-search-icon { height: 25px; }

#menu-login { display: flex; align-items: center; justify-content: flex-end; min-width: 110px; }
img.icon-login { max-height: 35px; vertical-align: middle; }

#menu-basket {
    display: block;
    width: 100%;
    display: flex; /* Zapneme Flexbox pro vyrovnání prvků */
    justify-content: space-between; /* Oddělí logo a menu na obě strany */
    align-items: stretch; /* Vertikálně centrováno */
    width: 100%; /* Celková šířka */
    /*padding: 0 20px;*/ /* Volitelné odsazení po stranách */
    box-sizing: border-box;

}

#menu-text {
  flex: 1; /* Zbývající prostor připadne tomuto prvku */
  /*display: flex;*/
  align-items: center; /* Vertikální zarovnání obsahu */
  padding-right: 20px; /* Mezera mezi textem a košíkem */
  background: var(--grey-dark);
  padding: 15px 20px;
}

#fast-basket {
  width: 210px;
  display: flex;
  align-items: center; /* Vertikální zarovnání obsahu */
  justify-content: flex-end; /* Obsah zarovnán doprava */
  padding: 15px 10px;
}
#fast-basket .highlight { color: var(--blue2); }

/******************************************************************************/
/* menu */

#menu-main { }
#menu-main { font-size: 1.25em; display: block; width: 100%; text-align: right; margin-top: 25px; }
#menu-main a { text-decoration: none; border-bottom: 1px solid; padding-bottom: 3px; }

#mm-list { list-style: none; padding: 0; display: inline-flex; gap: 40px; }
#mm-list li { /*list-style-image: url('../img/mm_li.png');*/ }
#mm-product { color: #777; display: inline-block; padding-right: 18px; }
#mm-list li a:hover, #mm-list li a.active { color: var(--blue1); border-bottom: none; }

.special { color: #f2de64 !important; }

/******************************************************************************/
/* menu - produkty */

#menu-product { background: var(--grey); margin-top: 2em; position: relative; }

#subpage #menu-product.hide-menu-product #mp-list { display: none; }
/*
#subpage #menu-product.hide-menu-product { margin-bottom: -400px; }
*/
#subpage #menu-product.hide-menu-product { display: none; }

#menu-product {
    position: relative; /* Kontext pro vnitřní obsah */
    background-color: #f0f0f0; /* Barva pozadí */
    padding: 20px 0; /* Odsazení nahoře a dole */
}

/* ZUB */
/*#subpage #menu-product { padding-bottom: 150px; margin-bottom: -110px; min-height: 470px; box-sizing: border-box; }*/

#mp-list {
    display: grid;
    grid-template-columns: repeat(5, 1fr); /* 5 sloupců */
    gap: 20px; /* Mezera mezi položkami */
    list-style: none;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
}

#mp-list li {
    text-align: center; /* Zarovnání obsahu na střed */
}

#mp-list a {
    text-decoration: none; /* Odstranění podtržení odkazů */
    color: inherit; /* Zachování barvy textu */
    display: flex;
    flex-direction: column; /* Obrázek nad textem */
    align-items: center; /* Zarovnání na střed */
    gap: 10px; /* Mezera mezi obrázkem a textem */
}

#mp-list a:hover { color: var(--blue1); }
#mp-list a:hover .mp-title { text-decoration: none; }

#mp-list img {
    max-width: 60px; /* Maximální šířka obrázku */
    height: auto; /* Zachování poměru stran */
}

#mp-list .mp-title {
    font-size: 14px; /* Velikost písma */
    text-decoration: underline;
    max-width: 170px;
    margin-top: -15px;
}

/*
#mp-list { list-style: none; padding: 0; }
#mp-list li { float: left; height: 60px; margin: 5px 0; position: relative; width: 200px; }
#mp-list li a { display: block; height: 60px; text-decoration: none; }
#mp-list li a:hover { color: var(--highlight); }
.mp-title { position: absolute; top: 13px; left: 57px; }
#mp-list li:last-of-type .mp-title { color: #be0853; }
.mp-title.highlight { font-weight: bold; text-shadow: 1px 1px 1px #aac7d8; }
*/

/******************************************************************************/
/*slider */

#wrap-slider { height: 150px; position: absolute; right: 0px; width: 250px; }

/******************************************************************************/
/* info panel */

#wrap-info-panel { float: left; margin: 0 0 25px 0; }
#info-panel { background: #f2b7be; border-radius: 15px; color: #444; margin-top: 1em; padding: 20px; }

/******************************************************************************/
/* Vybrané produkt - hlavní strana */

#hp-selected-products { }
#hp-selected-products .info-title { text-align: center; font-size: 25px; text-transform: uppercase; color: #fff; margin: 0 0 2em 0; }
#hp-selected-products .owl-carousel { width: 100%; }
#hp-selected-products .owl-carousel .owl-nav { color: #fff; font-size: 100px; }
#hp-selected-products .owl-carousel .owl-nav button { font-size: 100px; top: 30%; }
#hp-selected-products .owl-carousel .owl-nav button.owl-prev { left: -75px; }
#hp-selected-products .owl-carousel .owl-nav button.owl-next { right: -75px; }
#hp-selected-products { background: var(--blue1); padding: 60px 0 60px 0; }
#hp-selected-products .owl-carousel .owl-item img { width: auto; max-width: 100%; max-height: 240px; margin: 0 auto; }

/******************************************************************************/
/* Akční nabídka - hlavní strana */

#hp-special { }
#hp-special .info-title { text-align: center; font-size: 25px; text-transform: uppercase; color: var(--blue1); margin: 0 0 2em 0; }
#hp-special .owl-carousel { width: 100%; }
#hp-special .owl-carousel .owl-nav { color: var(--blue1); font-size: 100px; }
#hp-special .owl-carousel .owl-nav button { font-size: 100px; top: 30%; }
#hp-special .owl-carousel .owl-nav button.owl-prev { left: -75px; }
#hp-special .owl-carousel .owl-nav button.owl-next { right: -75px; }
#hp-special { padding: 30px 0 60px 0; }
#hp-special .owl-carousel .owl-item img { width: auto; max-height: 180px; margin: 0 auto; }

/******************************************************************************/
/* akční nabídka, nejprodávanější  doporučujeme */

.ip-item, .ip-item-1, .ip-item-2, .ip-item-3 { background: url('../img/bg_info_panel.png') right center no-repeat; display: block; float: left; font-size: 11px; height: 180px; padding: 10px 15px 10px 60px; position: relative; width: 245px; }
.ip-item-1 .es-thumb, .ip-item-2 .es-thumb, .ip-item-3 .es-thumb { height: 150px; width: 100px !important; }
.ip-item-1 .table-price, .ip-item-2 .table-price, .ip-item-3 .table-price { left: 170px; }
.ip-item-1, .ip-item-2 { margin-right: 20px; }
.ip-item-left { background: url('../img/bg_info_panel_left.png') 0 0 no-repeat; height: 200px; left: 0; position: absolute; top: 0; width: 48px; }

/*
.ip-item-1 .ip-item-left { background: url('../img/bg_ip_akcni_nabidka.png') 0 0 no-repeat; }
.ip-item-2 .ip-item-left { background: url('../img/bg_ip_nejprodavanejsi.png') 0 0 no-repeat; }
.ip-item-3 .ip-item-left { background: url('../img/bg_ip_doporucujeme.png') 0 0 no-repeat; }
*/

.ip-item-1:hover .ip-item-left, .ip-item-2:hover .ip-item-left, .ip-item-3:hover .ip-item-left { background-position: 0 -200px; }
.ip-item-left:hover {}

.ip-item:hover .es-more { background: #d1011b; }

/******************************************************************************/
/* obsah */

#wrap-content { }
#content-body { float: left; margin: 20px 0; min-height: 300px; width: 1260px; }

/******************************************************************************/
/* strouhanka */

#breadcrumbs { padding-bottom: 1em; background: #fff; padding: 25px; color: var(--blue1); }

/******************************************************************************/
/* hlavní strana - krátký text */

.short-text-container { /*border: 1px solid var(--grey-dark);*/ padding: 40px 0; /*margin-top: -125px;*/ background: #fff; }
.short-text-box { max-width: 75ch; /*max-width: 600px;*/ /*830px;*/ margin: 0 auto; font-size: 16px; }

/******************************************************************************/
/* e-shop submenu */

.wrap-es-submenu { margin: 0 0 1em 0; }
.wrap-es-submenu .h1 { margin-bottom: 50px; }
.wrap-es-submenu .title { border-bottom: 1px solid var(--highlight); color: var(--highlight); font-weight: bold; margin-bottom: 5px; padding-bottom: .5em; text-transform: uppercase; }
.es-submenu-container { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.es-submenu { border-radius: 3px; background: #ecf1f6; color: var(--highlight); font-size: 12px; font-weight: bold; padding: 15px 5px; text-align: center; text-decoration: none; vertical-align: top; }
.es-submenu.active, .es-submenu:hover { background: #62a3d0; color: #fff; }
/*
#mp-list li a img#ec-18 { width: 140px; height: 60px; }
#mp-list li a img#ec-8, #mp-list li a img#ec-14, #mp-list li a img#ec-6, #mp-list li a img#ec-4, #mp-list li a img#ec-1,
#mp-list li a img#ec-15, #mp-list li a img#ec-9, #mp-list li a img#ec-24, #mp-list li a img#ec-12, #mp-list li a img#ec-5,
#mp-list li a img#ec-7, #mp-list li a img#ec-13 { width: 140px; height: 60px; }
*/

/******************************************************************************/
/* e-shop */

#eshop-list { }
#eshop-list .content { background: #fff; }
.eshop-list-container { padding: 25px 0; }

.eshop-list-products { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }

.es { background: #fff; border-radius: 3px; display: block; font-size: 11px; text-decoration: none; padding: 55px 15px; position: relative; color: #4a4a48; border: 1px solid #ddd; max-width: 280px; }
.es { /* background: url('../img/bg_eshop.png') 0 0 no-repeat; height: 170px; width: 290px; */ }
.es:hover {	background-image: linear-gradient(#efefef, #fff); border-color: #bbb; }
.es:hover { /* background-position: 0 -200px; */ }
.edge { margin-right: 0; }

.es-top { -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; background: #5caf27; color: #fff; font-size: 20px; font-weight: bold; height: 40px; padding-top: 10px; position: absolute; right: -10px; text-align: center; top: -10px; width: 50px; z-index: 2; }
.es-title { font-size: 20px; height: auto; margin-bottom: 10px; z-index: 2; text-align: center; min-height: 80px; }
.es-thumb { margin: 20px auto; text-align: center; }
.es-thumb img { max-width: 100%; max-height: 240px; }
.es-perex { height: 70px; margin: 0 0 1em 0; overflow: hidden; }
.es-available { color: #1f7d1f; font-weight: bold; }
.es-not-available { color: #C41E3A; font-weight: bold; font-size: 10px; }
.es-available-in-future { color: #8c4d00; font-weight: bold; }
.table-price { width: 100%; font-size: 14px; }
.table-price td { padding: 0 10px 3px 0; }
.table-price td.without-dph { color: #666; }
.table-price tr td:last-of-type { border-left: 1px solid var(--grey-dark); text-align: right; padding-right: 0; }
.table-price tr:last-of-type td:last-of-type { border-left: none; }
.table-price tr td:nth-of-type(2) { text-align: right; }
.es-price { color: var(--blue1); font-size: 17px; font-weight: bold; }
.es-price-print { color: var(--blue1); font-size: 15px; }

.more-about-product { background: var(--blue1); color: #fff; padding: 10px 20px; text-align: center; width: fit-content; position: absolute; bottom: 0px; font-size: 14px; left: 50%; transform: translateX(-50%); min-width: 140px; border: none; cursor: pointer; }
.product-special-title { text-transform: uppercase; color: #fff; padding: 10px 20px; text-align: center; width: fit-content; position: absolute; top: 0px; font-size: 15px; left: 50%; transform: translateX(-50%); min-width: 140px; font-weight: bold; }
.special-action { background: #e40613; }
.special-tip { background: #f7a501; }
.special-bestseller { background: #94c11e; }

.info-text, .info-title { clear: both; margin: 0 0 2em 0; margin: 0 auto; margin-bottom: 0px; }
.info-text { max-width: 620px; }
.info-text a { }
.info-title { margin: 0 0 1em 0; }
.info-text.hp { margin-top: -15px; }
.info-text.hp a { font-weight: bold; text-decoration: none; }
.info-text.hp a:hover { text-decoration: underline; }
.es-more { background: #666; border-radius: 3px; bottom: -10px; padding: 5px 10px; position: absolute; right: 20px; }
.es:hover .es-more { background: #004891; }

.info-text2 { margin: 70px 0 60px 0; }

/******************************************************************************/
/* e-shop - detail produktu */

.table-eshop-detail { width: 100%; background: #fff; }
.table-eshop-detail td { vertical-align: top; width: 50%; padding: 25px; }

.table-eshop-detail2 { width: 100%; }
.table-eshop-detail2 td { vertical-align: top; width: 50%; padding: 25px; }

.table-eshop-detail .table-ep-highlight, .table-detail-price .table-ep-highlight, .table-ep-highlight a { color:var(--blue1); }

.eshop-detail-photo-gallery { text-align: center; }

/* Zabrání deformaci položek */
.owl-carousel-related .owl-stage { margin: 0 auto; }
.owl-carousel.owl-carousel-related .owl-nav button.owl-next { right: 0; }
.owl-carousel.owl-carousel-related .owl-nav button.owl-prev { left: 0; }


.basket-submit-container { text-align: right; margin-top: 5px; }

.ep-img { width: 350px;}
.ep-img .main-photo img { max-width: 300px; display: block; margin: 0 auto; }

.no-thumb { margin-top: 50px; text-align: center; }
.ep-photo { /*border: 1px solid #dbdbdb;*/ display: inline-block; height: 100px; margin: 30px 15px 15px 0; width: 100px; }
.ep-product-no { margin-bottom: 5px; }
.ep-text { margin-bottom: 2em; }
.ep-text2 { margin-top: 2em; }

.table-info { width: 100%; }
.table-info tr td { padding: 3px 10px; vertical-align: middle; }
.table-info tr:nth-child(odd) td { background: #eee; }
.table-info input[type="text"] { text-align: center; width: 30px; }
.table-info tr td:first-of-type { width: 20%; }

.table-detail-price-container { overflow-x: auto; }
.table-detail-price { width: 100%; box-sizing: border-box; }
#basket .table-detail-price { min-width: 475px; }
.table-detail-price th { background: #dedede; border: 1px solid #fff; padding: 5px 10px; }
.table-detail-price tr.active td { background: #0c0; }
.table-detail-price td { background: #fff; padding: 5px 10px; vertical-align: middle; width: fit-content; /*min-width: 70px;*/ }
.table-detail-price tr.product td { background: #f3f3f3; }

.product-wrapper { border: 1px solid #f3f3f3; }
.tr-summary-wrapper { font-size: 15px; }

/* Přidání border kolem všech řádků accessory */
.accessory-wrapper {
  border: 1px solid #f3f3f3; /* Nastaví rámeček */
  padding: 10px; /* Vnitřní odsazení */
}
.accessory-hidden { display: none; }

.separator-wrapper td { padding: 3px; }

.table-detail-price input[type="text"], .table-detail-price input[type="number"] { text-align: center; width: 45px; }
.table-detail-price input[type="submit"] { }
.thtl { -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; }
.thtr { -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; }
.thbl { -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; }
.thbr { -webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px; }

#related-products { margin: 120px 0; }
#related-products .h1 { margin-bottom: 50px; color:var(--blue1); }
.ul-related { margin-top: 0.5em; }

#interesting-info { margin-bottom: 15px; }
#interesting-info .content { background: var(--blue1); color: #fff; }
#interesting-info .content a { color: #fff; }
#interesting-info .h1 { margin-bottom: 50px; }
.interesting-info-box { max-width: 620px; margin: 0 auto; padding: 0 25px; padding-top: 25px; padding-bottom: 80px; }

.table-detail-price .tr-expres-print td { background: #ddd; font-style: italic; }
.table-detail-price .tr-expres-print td input { vertical-align: middle; }
.table-detail-price .tr-summary td { background: #646263; color: #fff; }
#summary-price, #summary-price-dph { font-weight: bold; font-size: 18px; }

.without-print-button { padding: 5px 0px; margin-top: 5px; text-align: center; color: #636162; text-align: center; font-size: 20px; font-weight: bold; }
.without-print-button:hover { cursor: pointer; background: #ddd; }

/******************************************************************************/
/* e-shop - detail produktu - tabulka s hodnocením */

div.rating { margin: 1em 0; width: 282px; }
i.fa-thumbs-up {color: #5bad27;}
table.rating { margin: 0.25em 0; }
table td.percentage_average { font-size: 2.5em; font-weight: bold; padding-right: 20px; }
table.rating td { width: auto; padding: 0px 20px 0px 0px; }
table.rating td:last-of-type { padding: 0; }

/******************************************************************************/
/* tabulka - reklamní plachty */

#eshop-banner .content { background: #fff; }

.form-banner { background: #ecf1f6; border-radius: 3px; padding: 25px; margin-bottom: 70px; }

.table-banner { margin: 0 auto; }
.table-banner tr td:first-child { text-align: right; }
.table-banner .title { color: var(--highlight); font-weight: bold; text-transform: uppercase; }
.table-banner input:not([type="submit"]), .table-banner select { padding: 5px 10px; }
.table-banner input[type="number"] { width: 65px; }
.table-banner select { width: 207px; }
.table-banner input[type="text"] { width: 185px; }
/*.table-banner input[type="submit"] { width: 205px; }*/
.table-banner textarea { width: 200px; }
.table-banner .fa { font-size: 1.25em; }

.point { background: var(--highlight); border-radius: 40px; color: #fff; display: inline-block; font-size: 20px; font-weight: bold; height: 40px; line-height: 40px; margin: 1em 0; text-align: center; width: 40px; }

/******************************************************************************/
/* kroky v košíku */

.checkout-steps {
    display: flex;
    align-items: baseline;
    justify-content: center;
}

.checkout-steps a { text-decoration: none; }

.step {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 10px;
    position: relative;
    color: #707070;
    font-weight: bold;
}

.step .icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #f4f4f4;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    margin-bottom: 10px;
}

.step:hover { cursor: pointer; }

.line {
    width: 100px;
    height: 2px;
    background-color: #ddd;
}

.line.active { background-color: var(--blue1); }

.step.active {
    color: var(--blue1);;
}

.step.active .icon {
    background-color: var(--blue1);
    color: #fff;
}

/******************************************************************************/
/* košík */

#basket .content { background: #fff; }
#basket .basket-container { padding: 25px; }

#table-basket { border: 1px solid #ccc; border-collapse: collapse; width: 100%; }
#table-basket th, #table-basket td { border: 1px dashed #ccc; padding: 5px 7px; }
#table-basket th { background: #ddd; font-size: 0.9em; text-align: center; }

.upload-file { border: 1px solid var(--blue1); color: var(--blue1); padding: 10px 25px; text-align: center; width: fit-content; background: #fff; }
.upload-file:hover { background: var(--blue1); color: #fff; }
.table-detail-price a { text-decoration: none; }

.increment, .decrement { margin-left: 5px; }

.tbs-del span {font-size: 25px; }

.tr1 .td { background: #efefef; }
.tr-title { background: #efefef; }
.tr-title td { vertical-align: middle; }
.tr-title a.title { display: inline-block; color: var(--highlight); padding: 0.5em 0; }

.tbs-img {}
.tbs-img img { max-width: 70px; }
.tbs-product {}
.tbs-format { text-align: right; }
.tbs-price { /*text-align: right;*/ }
.tbs-count { /*text-align: right;*/ }
.tbs-price-total { /*text-align: right;*/ }
.tbs-del { text-align: center; }
.tbs-total { background: #ddd; }
.tbs-total-price { /*text-align: right;*/ font-weight: bold; }
.tbs-total-count { text-align: center; }
.tbs-total-transport { text-align: center; }

.table-count input.set { text-align: center; height: 24px; width: 65px; }
.table-count input.increment {  }
.table-count input.decrement {  }

.ul-fi-basket { list-style: none; padding: 0; }

.table-count, .table-count th, .table-count td { border: 0 !important; padding: 0 !important; vertical-align: middle !important; text-align: center; }
.table-count input#bttn_count { font-weight: normal; margin: 0 0 0 5px; padding: 2px; width: 20px; }

.fa-times:hover, .fa-times-circle:hover { color: #f00; }

.send-basket-block { border: 1px solid #eee; margin: 2em auto; /*margin-bottom: 225px;*/ padding: 25px 35px; max-width: 620px; box-sizing: border-box; }
#myModal .send-basket-block { margin-bottom: 0; }

.send-basket-block .button { border: 1px solid var(--blue1); color: var(--blue1); background: #fff; }
.send-basket-block .button:hover { background: #eee; }
.send-basket-block .send-basket-container { display: flex; justify-content: space-between; align-items: center; width: 100%; flex-wrap: wrap; }
.send-basket-block input { padding: 10px 25px; box-sizing: border-box; }
.send-basket-block input #email { border: 1px solid #eee; }
.send-basket-block h3 { margin-bottom: 1em; }

.block-basket { border-radius: 3px; background: #eee; clear: both; color: #222; margin: 2em auto; padding: 40px 35px; max-width: 620px; box-sizing: border-box; }

/******************************************************************************/
/* Košík dárky */

.present-selected { background: #FF6700; }
.present-above-button-text { position: absolute; bottom: 45px; left: 50%; transform: translateX(-50%);
    white-space: nowrap; /* Zabrání zalomení textu */
  overflow: hidden; /* Skryje přeteklý text */
  text-overflow: ellipsis; /* Přidá "..." pokud se nevejde */
  max-width: 100%; /* Zabrání roztažení textu mimo rodiče */
}

/*.presents-container { border: 1px solid #ddd; padding: 25px; }*/
.presents-container { background: #f8f9fa; padding: 25px; }

.presents-container .title { font-size: 25px; font-weight: bold; margin-bottom: 0.5em; }
.presents-container .short-text-box { font-size: 14px; }

@media (min-width: 800px) {
  .presents-container .eshop-list-products {
    grid-template-columns: repeat(3, 1fr);
  }
  .presents-container .eshop-list-products .es {
    max-width: none;
  }
}

/******************************************************************************/
/* Dárky HP */


.present-filter, .present-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    margin-bottom: 75px;
}

.gift-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 sloupce */
    gap: 20px;
    max-width: 900px; /* Šířka obsahu */
    margin: 0 auto;
}

.gift-card {
    border: 1px solid #ddd;
    text-align: center;
    padding: 20px;
    transition: transform 0.2s ease-in-out;
    position: relative;
}


.gift-card a { text-decoration: none; }

.gift-card:hover, .gift-card.active {
    transform: scale(1.05);
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
}

.gift-icon img { width: auto;
  max-height: 180px;
  margin: 0 auto; }

.gift-price {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

.gift-title { min-height: 55px; }

.gift-price .price { color: var(--blue1); }
.gift-price .price strong, .gift-above-button .price { font-size: 30px; }
.gift-above-button .price { font-size: 25px; color: var(--blue1); }

.gift-above-button { margin-bottom: 15px; }

.gift-icon {
margin: 25px 0;
}

.gift-card.active .gift-icon { color: var(--blue1); }

.gift-button:hover {
    background: #0056b3;
}

/* Responzivita pro menší displeje */
@media screen and (max-width: 900px) {
    .gift-container {
        grid-template-columns: repeat(2, 1fr); /* 2 sloupce na středně velkých obrazovkách */
    }
}

@media screen and (max-width: 600px) {
    .gift-container {
        grid-template-columns: repeat(1, 1fr); /* 1 sloupec na mobilech */
    }
}

/******************************************************************************/
/* objednávka */

.block-contact-information { display: none; }

.cart-toggle { display: none; }

#form-order { display: flex; gap: 10px; }
.order-left { flex: 1; }
.order-right { max-width: 420px; width: 100%; }

#form-order input[type="radio"] {
    appearance: none; /* Odstraní výchozí vzhled */
    -webkit-appearance: none; /* Pro Webkit prohlížeče */
    -moz-appearance: none; /* Pro Mozilla */

    width: 20px; /* Nastaví velikost */
    height: 20px;

    border: 1px solid #000; /* Černý rámeček */
    background-color: white; /* Pozadí */

    cursor: pointer;

    margin-right: 15px;
    vertical-align: middle;
}


/* Po zaškrtnutí */
#form-order input[type="radio"]:checked {
    background-color: var(--blue1); /* Černá výplň */
    border: 1px solid var(--blue1);
}


#form-order .table-detail-price tr td:last-of-type { padding-left: 50px; }

#form-order h2 { color: var(--blue1); text-transform: uppercase; font-size: 30px; margin-bottom: 30px; }

#order .content { background: #fff; }
#order .order-container { padding: 25px; }

.block { border-radius: 3px; border: 1px solid #eee; clear: both; color: #222; margin-bottom: 1em; padding: 40px 35px; max-width: 100%; box-sizing: border-box; }
.block #table-basket a { color: #000; }
.block #table-basket th, .block .tbs-total { background: #a7c5e6; color: #222; }

/*.block-transport { float: left; width: 50%; }*/
.comment { width: 100%; box-sizing: border-box; padding: 10px; }
select[name="how"], input[name="how_text"] { width: 49%; }
#file ul { margin: 1em 0 0 0; }

#table-transport { }
#table-transport tr td { padding: 0 15px 35px 0; vertical-align: bottom; }
#table-transport tr td:last-child { padding-right: 0; }
#table-transport .tag { background: #a7c5e6; border-radius: 5px; padding: 2px 10px; }
#table-transport tr:last-of-type td { padding-bottom: 0; }
#table-transport i { margin-right: 15px; vertical-align: middle; font-size: 20px; }
#table-transport tr td label { margin-left: 70px; display: block; margin-top: -20px; }
#table-transport tr td:nth-of-type(2) label, #table-transport tr td:nth-of-type(3) label { margin-left: 5px; }

input:disabled { background: #e3e3e3!important; }

/* The Modal (background) */
.modal { display: none; position: fixed; z-index: 11; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); }
/* Modal Content */
.modal-content { background-color: #fefefe; margin: auto; padding: 20px; border: 1px solid #888; width: 550px; min-height: 150px; position: relative; }
/* The Close Button */
.close { color: #aaaaaa; position: absolute; right: 10px; top: 0; font-size: 28px; font-weight: bold; }
.close:hover,
.close:focus { color: #000; text-decoration: none; cursor: pointer; }

.transport-info { color: #4d4d4d; max-width: 500px; margin-bottom: 35px; }

.table-registration .highlight, #account-registration .highlight { margin-bottom: 15px; font-size: 20px; }
.table-registration .table-block { width: calc(100% - 20px); }
.table-registration .table-block input, .table-block input, .table-registration .table-block select { width: 100%; box-sizing: border-box; }
.table-registration input[type="submit"] { width: auto; max-width: 250px; background: var(--blue1); border: none; }
.table-registration input[type="checkbox"] { height: 25px; width: 25px; vertical-align: middle; }

.table-registration input.ares, .table-registration button.ares  { background: none; color: var(--blue1); text-decoration: underline; width: fit-content; display: inline-block; border: none; margin: 0; padding: 0; margin-left: 10px; }
input.ares:hover, button.ares:hover { cursor: pointer; }
.table-registration input { padding: 10px; }

.checkbox-wrapper {
    display: flex;
    align-items: center;
    gap: 5px; /* Mezera mezi checkboxem a textem */
    margin-bottom: 10px;
}

.checkbox-wrapper input[type="checkbox"] {
    flex-shrink: 0;
}

.terms-and-conditions-block input, .terms-and-conditions-block label { }
.terms-and-conditions-block input[type="checkbox"] { width: 20px; height: 20px; vertical-align: middle; }

/******************************************************************************/
/* objednávka */

.order-form #address_billing, .order-form #address_delivery { display: none; width: 100%; }
.billing-information-manual, .delivery-information-manual { color: var(--blue1); text-decoration: underline; position: relative; cursor: pointer; }
.table-registration.order-form input[name="ic"] { width: calc(100% - 210px); }
.table-registration.order-form input[name="submit_ico"] { width: auto; }
.table-registration.order-form input[name="submit_ico"]:hover, .table-registration.order-form button.ares:hover { background: var(--blue1); color: #fff; }
.table-registration.order-form input.ares, .table-registration.order-form button.ares { background: none; color: var(--blue1); text-decoration: underline; width: 200px; display: inline-block; border: 1px solid var(--blue1); padding: 10px; margin-left: 5px; }

.table-registration #phone_prefix { width: 155px; }
.table-registration input#phone { width: calc(100% - 165px); margin-left: 5px; }

/******************************************************************************/
/* objednávka - odesláno */

#order-sent {}

#order-sent #order-sent-successfull { background: #d4edda; color: #155724; padding: 20px 50px; text-align: center; }
#order-sent #order-sent-successfull h1 { color: #155724; }
#order-sent #order-sent-successfull * { display: inline-block; }

#order-sent .references-video .video { width: calc(50% - 10px); display: inline-block; }
#order-sent .references-video .video:first-child { margin-right: 20px; }
#order-sent .references-video .video:last-child { margin-right: 0; }

#order-sent .references-photo { margin-top: 20px; }
#order-sent .references-photo .photo { width: calc(33% - 28px); display: inline-block; vertical-align: middle; margin: 15px; }
#order-sent .references-photo .photo img { width: 100%; }

#order-sent .demand { padding: 20px 50px; background: #e1283c; text-align: center; text-transform: uppercase; font-size: 20px; width: 100%; display: block; box-sizing: border-box; color: #fff; text-decoration: none; }

#order-sent .references-social { text-align: center; }
#order-sent .fa-facebook-square { color: #4267B2; margin-right: 30px; }
#order-sent .fa-instagram { color: #e1306c; }

/******************************************************************************/
/* ikony */

.icon-doc, .icon-docx, .icon-fol, .icon-file, .icon-jpg, .icon-jpeg, .icon-pdf, .icon-png, .icon-txt, .icon-xls, .icon-zip { display: block; height: 16px; width: 16px; }
.icon-doc, .icon-docx { background: url('../img/icon_doc.gif') 0 0 no-repeat; }
.icon-fol { background: url('../img/icon_folder.png') 0 0 no-repeat; }
.icon-file { background: url('../img/icon_file.png') 0 0 no-repeat; }
.icon-jpg, .icon-jpeg, .icon-png { background: url('../img/icon_jpg.gif') 0 0 no-repeat; }
.icon-pdf { background: url('../img/icon_pdf.png') 0 0 no-repeat; }
.icon-txt { background: url('../img/icon_txt.gif') 0 0 no-repeat; }
.icon-xls { background: url('../img/icon_xls.gif') 0 0 no-repeat; }
.icon-zip { background: url('../img/icon_zip.gif') 0 0 no-repeat; }

/******************************************************************************/
/* o systémech */

.table-system-container { overflow-x: auto; max-width: 800px; margin: 0 auto;  }
#table-system { border: 1px solid #fff; max-width: 800px; margin: 0 auto; margin-bottom: 70px; background: #fff; }
#table-system td { border: 1px dotted #aaa; padding: 15px 15px; }
.img-system { /*height: 60px;*/ overflow: hidden; /*padding-left: 30px;*/ width: 100px; }
#table-system .img-system img { /*height: 60px;*/ }

/******************************************************************************/
/* vyhledávání */

#search .content { background: #fff; }
#search .search-container { padding: 25px; }
.mark { background: #ffff00; }

/******************************************************************************/
/* mapa stránek */

.li-sitemap { margin: 0.5em 0; }
.ul-sitemap2 { margin: 0 0 1em 0; }
.sitemap-container { padding: 25px; background: #fff; }

/******************************************************************************/
/* fio */

.fio-menu { float: left; margin: 1em 0 3em 0; }
.fio-menu li { float: left; margin: 0 30px 0 0; }
.fio-menu li a { display: inline-block; }
.fio-menu li a.active { color: var(--highlight); text-decoration: none; }

/******************************************************************************/
/* tabulka fio */

.table-fio input[type="text"], .table-fio input[type="number"] { padding: 5px 5px; }
.url-fio { background: #ffd700; border-radius: 3px; display: block; padding: 3px 5px; }

/******************************************************************************/
/* patička */

#foot-box { background: #fff; }

#wrap-foot { background: url('../img/bg_foot.png') center top no-repeat; clear: both; margin-top: 20px; }
#content-foot { color: #000; min-height: 200px; padding: 20px 0px 60px 0px; }
#content-foot a { color: #000; }
#content-foot a:hover { text-decoration: none; }
#content-foot .active { color: var(--highlight); }
/*.foot-section, .foot-section-margin { float: left; width: 300px; }*/
/*.foot-section-margin { margin-left: 25px; }*/
.foot-title { font-size: 25px; margin-bottom: 0.5em; text-transform: uppercase; color: var(--blue1); }
#foot-top { float: left; margin-bottom: 30px; }

#foot-top {  }

.under-foot {}
.under-foot .wrap1:first-of-type { border-bottom: 2px solid #fff; color: var(--blue1); }
.under-foot .wrap1:last-of-type { font-size: 14px; }

.foot-bottom { clear: both; padding: 45px 0; }

/* Hlavní styl pro sekci */
#foot-top {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px; /* Mezera mezi kartami */
    width: 100%;
}

/* Styl pro jednotlivé karty */
.foot-section {
    flex: 1 1; /* Responzivní šířka: 4 na řádek */
    display: block;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 0px;
    position: relative;
    text-align: left;
}

.foot-section ul li { margin-bottom: 5px; }

.foot-section li ul { display: none; }

.foot-section .icon-login { display: none; }

.foot-section .icon-social { margin-bottom: 10px; }
.foot-section .icon-social:last-of-type { margin-bottom: 0; }

/******************************************************************************/
/* menu patička */

#menu-foot { float: left; padding: 0; }
#menu-foot li { float: left; list-style: none; margin: 0 30px 0 0; padding: 0; }
#author { float: right; }

/******************************************************************************/
/* kontakty */

.table-text tr td:first-of-type { padding-right: 10px; }
.table-text tr td:last-of-type { padding-left: 10px; }

/******************************************************************************/
/* kontaktní formulář */

.contact-form-container { border: 1px solid var(--grey-dark); margin: 0 0 50px 0; padding: 50px 25px; }
.contact-form-box { max-width: 500px; margin: 0 auto; }

.contact-form-container .title { text-transform: uppercase; font-size: 25px; margin: 0 0 1em 0; color: var(--blue1); }
.contact-form-container .description { }

#contact-form { margin: 1em 0 0 0; width: 100%; font-size: 14px; color:#4a4a4a; }
#contact-form table { width: 100%; }
#contact-form table tr td { padding: 2px 0px 2px 0; text-align: left; vertical-align: top; }
#contact-form table input[type="text"], #contact-form table textarea { border: 1px solid #4a4a4a; padding: 13px 10px; width: 100%; box-sizing: border-box; margin-bottom: 20px; margin-top: 5px; }
#contact-form table textarea { height: 190px; }
#contact-form input[type="submit"] { width: fit-content; min-width: 170px; background: var(--blue1); border-radius: 0; color: #fff; padding: 10px 20px; font-size: 14px; font-weight: normal; border: none; }
#contact-form input[type="submit"]:hover { background: var(--blue2); cursor: pointer;}
#contact-form #cf-accept-gdpr { width: 20px; height: 20px; }
#mapsitna, .mapsitna { display: none; }

/* hodnocení */

.score {	background: url('../img/star_off.png');	width: 80px; }
.icon-star { background: url('../img/star_on.png');	height: 16px; width: 0px; }
.s1 { width: 16px; }
.s2 { width: 32px; }
.s3 { width: 48px; }
.s4 { width: 64px; }
.s5 { width: 80px; }

/******************************************************************************/
/* uplatnění dárkového poukazu */

#voucher { margin-bottom: 70px; }

.voucher-link-use { color: var(--blue1); }

#table-voucher-in { background: #a7c5e6; border: 1px solid #aaa; width: 250px; margin-top: 10px; }
#table-voucher-in td { padding: 5px 10px; }
#table-voucher-out { /* width: 260px; */ }
#table-voucher-out th, #table-voucher-out td { border: 1px solid #aaa; padding: 2px 10px; }
#table-voucher-out th { background: #a7c5e6; }

/******************************************************************************/
/* heureka.cz - recenze */

#heureka-block { margin-top: 40px; }

/* Hlavní styl pro sekci */
#heureka {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px; /* Mezera mezi kartami */
    margin-top: 40px;
}

/* Styl pro jednotlivé karty */
.heureka-review {
    flex: 1 1; /* Responzivní šířka: 4 na řádek */
    display: block;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 10px;
    border: 1px solid var(--grey-dark);
    position: relative;
    min-height: 140px;
}

/*
#heureka { padding: 0 0 20px 0; float: left; }
.heureka-review { border-radius: 3px; border: 1px solid #bbb; display: inline-block; min-height: 180px;  font-size: 11px; text-decoration: none; padding: 15px; position: relative; width: 288px; vertical-align: top;}
*/

.heureka-review:hover { border: 1px solid #03aed9; }
.heureka-review:hover .button-heurekablue { background: #03aed9; }
.heureka-pluses-minuses { line-height: 1em; }
.heureka-plus { font-weight: bold; color: #0a0; font-size: 15px; margin-right: 5px; }
.heureka-minus { font-weight: bold; color: #f00; font-size: 15px; margin-right: 5px; }
.heureka-summary { text-align: left; }
.heureka-img { width: 80px; width: 80px; position: absolute; right: 5px; top: -3px; }
.heureka-signature { position: absolute; bottom: 50px; right: 15px; font-size: 10px; }
.es-more-heureka { bottom: 0px; padding: 10px 20px; position: absolute; left: 50%; transform: translateX(-50%); min-width: 140px; font-size: 14px; }
.button-heurekablue  { color: #fff; background: var(--blue1); }
.button-heurekablue a { text-decoration: none; color: #fff; }
.button-heurekablue:hover { color: #fff; background: #03aed9; }
#heureka .complete{ display:none; }
#heureka .more{ color:#000; padding:3px; cursor:pointer; text-decoration: underline; }

/******************************************************************************/
/* výhody */

/* starý styl
#advantage { background: #f5f5f5; border-radius: 3px; clear: both; margin-bottom: 20px; padding: 20px 10px; }
.advantage { display: inline-block; margin: 10px; text-align: center; vertical-align: top; width: calc(100%/6 - 20px); }
.advantage .icon { color: #6e6e6e; font-size: 3em; }
.advantage:hover .icon { color: #222; }
.advantage .title { font-weight: bold; margin: 1em 0; min-height: 3em; }
*/

.advantage-container { margin: 25px 0 75px 0; }

/* Hlavní styl pro sekci */
#advantage {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 15px; /* Mezera mezi kartami */
    margin-top: 20px;
}

/* Styl pro jednotlivé karty */
.advantage {
    flex: 1 1; /* Responzivní šířka: 4 na řádek */
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 10px;
}

/* Styl pro ikonky */
.advantage div.icon {
    display: none;
}

.advantage .icon {
    max-width: 70px;
}

/* Styl pro nadpis */
.advantage .title {
    font-size: 18px;
    color: var(--blue1);
    margin-bottom: 20px;
    margin-top: 20px;
    text-transform: uppercase;
}

/* Styl pro popis */
.advantage .description {
    font-size: 14px;
    color: #555;
    line-height: 1.5;
}

/******************************************************************************/
/* Proč spolupracovat s námi */

.cooperation-container { background: var(--blue1); padding: 25px 10px; margin-top: -50px; }

.cooperation-container .headline { color: #fff; text-align: center; text-transform: uppercase; font-size: 25px; margin: 0 0 2em 0;}

#cooperation {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0px; /* Mezera mezi kartami */
    margin-top: 20px;
}

.cooperation {
    flex: 1 1; /* Responzivní šířka: 4 na řádek */
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 10px 0 20px 0;
    color: #fff;
}

.cooperation .title { font-size: 40px; font-weight: bold; }
.cooperation .description { color: #a4d8f0; font-size: 20px; text-transform: uppercase; }

.cooperation:not(:first-of-type) { border-left: 1px solid #a4d8f0; }

/******************************************************************************/
/* Blog - HP */

#blog .content { background: #fff; margin-bottom: 75px; }
.blog-container-box { padding: 25px; }

.blog-container {
    width: 100%;
    max-width: 100%; /* Zajistí, že kontejner bude mít šířku přes celou stránku */
    display: flex;
    justify-content: center;
    margin: 50px auto;
}

.blog-box {
    display: flex;
    width: 100%;
    gap: 0px; /* Pro mezery mezi textem a obrázkem */
}

.blog-text {
    width: 40%; /* Text zabere 30% šířky */
    padding: 40px 30px; /* Volitelné, pro prostor kolem textu */
    box-sizing: border-box; /* Zajistí, že padding nebude zvyšovat šířku */
    background: var(--blue1);
    color: #fff;
}

.blog-text .title { font-size: 25px; margin-bottom: 1em; }
.blog-text .description { font-size: 14px; }

.blog-button { margin-top: 2em; background: #fff; color: var(--blue1); display: inline-block; padding: 10px 0; min-width: 170px; text-align: center; font-size: 14px; }

.blog-photo {
    width: 60%; /* Umožní, aby obrázek vyplnil celou šířku kontejneru */
    height: 100%; /* Umožní, aby obrázek vyplnil celou výšku kontejneru */
    display: flex; /* Flexbox pro uspořádání */
}

.blog-photo img {
    width: 100%; /* Umožní, aby obrázek vyplnil celou šířku kontejneru */
    height: 100%; /* Umožní, aby obrázek vyplnil celou výšku kontejneru */
    object-fit: cover; /* Upraví obrázek tak, aby vyplnil celý prostor, aniž by se deformoval */
}

/******************************************************************************/
/* BLOG - přehled */

.blog-container-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
    margin: auto;
}

.bcl-blog-post {
    background: white;
    overflow: hidden;
    border: 1px solid #eee;
    transition: transform 0.3s ease-in-out;
    position: relative;
}

.bcl-blog-post:hover {
    border: 1px solid #bbb;
}

.bcl-blog-post img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.bcl-blog-content {
    padding: 15px;
}

.bcl-blog-date {
    font-size: 0.9em;
    color: #666;
    margin-bottom: 5px;
}

.bcl-blog-tags {
    font-size: 0.9em;
    color: #0077cc;
    margin-bottom: 10px;
}

.bcl-blog-text {
    font-size: 1em;
    color: #333;
    margin-bottom: 50px;
}

.bcl-more-info { position: absolute; right: 0; bottom: 0; }

/* BLOG - DETAIL */

.blog-photos { margin-top: 30px; }

/******************************************************************************/
/* tabulka roll up */

.table-roll-up-text { color: #fff; margin: 0 auto; max-width: 620px; margin-bottom: 25px; }

.table-rollup-container { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }

.table-roll-up { border-collapse: collapse; /*margin-bottom: 2em;*/ width: 100%; }
.table-roll-up th, .table-roll-up td { background: #ecf1f6; border: 1px solid #fff; padding: 15px 25px; }
.table-roll-up th { background: #fff; color: #000; font-size: 0.9em; text-align: center; }
.table-roll-up th:first-of-type { text-align: left; }
.table-roll-up tr:hover td { background: #84c5f2; }
.table-roll-up tr:hover td a { }
.table-roll-up td.yes { background: #62a3d0 !important; color: #fff; }
.table-roll-up td.no { }
.table-roll-up td.quality1 { background: #2975ae !important; color: #fff; }
.table-roll-up td.quality2 { }
.table-roll-up td.quality3 { background: #62a3d0 !important; color: #fff; }
.table-roll-up td.inner { }
.table-roll-up td.outer { background: #2975ae !important; color: #fff;  }

.table-roll-up th:first-child { width: 28% !important; }
.table-roll-up th { width: 12%; }

.table-roll-up th:first-child { border-top-left-radius: 3px; }
.table-roll-up th:last-child { border-top-right-radius: 3px; }
.table-roll-up tr:last-child td:first-child { border-bottom-left-radius: 3px; }
.table-roll-up tr:last-child td:last-child { border-bottom-right-radius: 3px; }

/******************************************************************************/
/* FAQ */

#faq .content { background: #fff; }
.faq { margin-bottom: 20px; max-width: 550px; }
.faq-question { font-weight: bold; cursor: pointer; background: var(--blue1); padding: 15px; color: #fff; position: relative; font-size: 15px; }
.faq-question i { position: absolute; right: 20px; font-size: 1.5em; }
.faq-answer { display: none; margin-top: 10px; }
.faq-container h2:not(:first-of-type) { margin-top: 3em; }
.faq-container { max-width: 500px; margin: 0 auto; padding: 25px; }
#faq h1 { margin-bottom: 2em; }

/******************************************************************************/
/* FAQ - detail */

.faq-detail-container { padding: 25px; max-width: 620px; margin: 0 auto;}

/******************************************************************************/
/* video */

#video { }
body.version-a #video, #video .content { background: var(--light-grey); }
#video .content { padding-bottom: 20px; }

#video-mobile { display: none; }

/*
.video-container { display: flex; justify-content: center; flex-wrap: wrap; margin-top: 35px; column-gap: 25px; }
.video-container p { width: 100%; height: 100%; }
.video { display: flex; justify-content: center; align-items: center; flex: 1; min-height: 300px; }
.video:first-of-type { justify-content: left; }
.video:last-of-type { justify-content: right; }
*/

.video-container { margin-top: 15px; }
.video-container p { width: 100%; height: 100%; }
.video { display: inline-block; width: 450px; height: 350px; margin-right: 20px; margin-bottom: 90px; margin-top: 25px; }
.video:nth-of-type(3n) { margin-right: 0; }

#background-video { /*width: 640px;*/ height: 360px; position: relative; width: 100%; }
#background-video iframe { width: 100%; height: 100%; display: none; }
#background-video .play-btn { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; font-size: 0px; line-height: 0px; background: url(https://www.pokerman.cz/img/playbutton.png) center center no-repeat; background-size: 120px auto; }
#background-video:hover .play-btn { background-color: rgba(0, 0, 0, 0.4); }
#background-video .title {   position: absolute; bottom: -52px; left: 0; width: calc(100% - 10px); color: #000; background: #eee; padding: 5px; text-align: center; min-height: 40px; border-top: 2px solid #999; line-height: 1.25em; display: flex; justify-content: left; align-items: center; }

/******************************************************************************/
/* Účet */

#account .content, #account-registration .content { background: #fff; }
.account-container, .account-registration-container { padding: 25px; }
.account-container .block { vertical-align: top; }

#account-edit {}
#account-edit .content { background: #fff; }
#account-edit .account-edit-container { padding: 25px; }

/******************************************************************************/
/* Účet - objednávky */

#account-orders {  }
#account-orders .account-orders-container { background: #fff; padding: 25px; }

.table-account-orders-container {
    overflow-x: auto;
    width: 100%;
}

table.account-orders, table.account-detail {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-size: 12px;
    min-width: 300px;
}

table.account-orders thead th, table.account-detail thead th {
    background-color: #006ab3;
    color: #ffffff;
    font-weight: bold;
    border: 1px solid #207cca;
    padding: 12px;
    box-sizing: border-box;
}
.fixed-header {
  background-color: #006ab3;
  color: #ffffff;
}

.fixed-header th {
    padding: 12px;
    box-sizing: border-box;
    background-color: #006ab3;
    border: 1px solid #207cca;
    color: #ffffff;
}

table.account-orders tbody td, table.account-detail tbody td {
    padding: 12px;
    border: 1px solid #dddddd;
    color: #333333;
}

table.account-orders tbody tr:nth-child(even), table.account-detail tbody tr:nth-child(even) {
    background-color: #f2f2f2;
}

table.account-orders tbody tr:hover, table.account-detail tbody tr:hover {
    background-color: #e0f0ff;
}

@media (max-width: 585px) {
    table.account-orders , table.account-orders  thead, table.account-orders  tbody, table.account-orders  th, table.account-orders  td, table.account-orders  tr {
        display: block;
    }

    table.account-orders  thead tr {
        display: none;
    }

    table.account-orders  tbody tr {
        margin-bottom: 15px;
        border-bottom: 2px solid #dddddd;
    }

    table.account-orders  tbody td {
        display: flex;
        justify-content: space-between;
        padding: 10px;
        font-size: 14px;
        text-align: right;
    }

    table.account-orders  tbody td:before {
        content: attr(data-label);
        /*
        font-weight: bold;
        color: #006ab3;
        */
        width: 50%;
        display: inline-block;
        text-align: left;
    }
}

/******************************************************************************/
/* Účet detail - sloupce */

#account-order-detail .account-order-detail-box { padding: 15px; background: #fff; }

.account-order-detail-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.account-order-detail-column {
    flex: 1 1 30%; /* Minimální šířka sloupce 30%, maximální rovnoměrně */
    box-sizing: border-box;
}
.account-order-detail-column h2 {
    margin-bottom: 10px;
}
.account-order-detail-column p {
    margin: 5px 0;
}
@media (max-width: 450px) {
    .account-order-detail-column {
        flex: 1 1 100%; /* Šířka sloupce na 100%, když je málo místa */
    }
}

/******************************************************************************/
/* Tooltip table */

#basketContentToolTip:hover, #transportContentToolTip:hover { cursor: pointer; }

.tooltip {
  overflow: visible;  /* Zajistí, že obsah tooltipu nebude oříznut */
}

.tt_table,
.tt_table th,
.tt_table td {
	border: 1px solid #aaa;
	border-collapse: collapse;
    font-size: 12px;
}

.tt_table th,
.tt_table td {
	padding: 2px 5px;
}

.tt_table th {
	background: #222;
}

.tt_table tr:hover {
    background: #666;
}

/******************************************************************************/
/* Časová osa stavu objednávky */

.order-timeline {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 20px;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 8px;
    background-color: #f9f9f9;
    max-width: 600px;
}
.timeline-item {
    position: relative;
    padding: 10px 20px;
    margin: 10px 0;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    font-size: 16px;
    color: #333;
    width: 100%;
    box-sizing: border-box;
}

/******************************************************************************/
/* Další služby - detail */

#other-services-detail .content { background: #fff; }
.other-services-container { padding: 25px; max-width: 620px; margin: 0 auto; }

/******************************************************************************/
/* Newsletter */

/* překryvná vrstva pozadí */
#newsletter-overlay.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

/* Skrytí popupu po načtení stránky */
#newsletter-overlay.overlay {
    display: none;
}

/* Kontejner popupu */
#newsletter-overlay .popup {
    position: relative;
    width: 750px;
    background-color: #fff;
    padding: 35px 25px;
    box-shadow: 0 2px 15px rgba(0,0,0,0.3);
    max-width: 90%;
}

/* Zavírací tlačítko */
#newsletter-overlay .close-btn {
    position: absolute;
    top: 0px;
    right: 5px;
    font-size: 30px;
    cursor: pointer;
    color: #888;
    transition: color 0.3s ease;
}

#newsletter-overlay .close-btn:hover {
    color: red;
}

/* Obsah popupu */
#newsletter-overlay .popup-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Textová část */
#newsletter-overlay .popup-text {
    width: 55%;
    padding-right: 20px;
}

#newsletter-overlay .popup-text h2 {
    font-size: 22px;
    margin-bottom: 15px;
}

#newsletter-overlay .popup-text h2 strong {
    font-weight: bold;
}

/* Pole pro e-mail */
#newsletter-overlay .email-input {
    padding: 10px;
    font-size: 14px;
    border: 1px solid #ccc;
}

/* Tlačítko odeslání */
#newsletter-overlay .submit-btn {
    padding: 8px 12px;
    background-color: var(--blue1);
    color: #fff;
    border: none;
    cursor: pointer;
    font-size: 18px;
    transition: background 0.3s ease;
    max-width: 45px;
}

#newsletter-overlay .submit-btn:hover {
    background-color: var(--blue2);
}

/* Checkbox souhlasu */
#newsletter-overlay .checkbox-agree {
    font-size: 11px;
    display: flex;
    align-items: center;
    margin-top: 5px;
}

#newsletter-overlay .checkbox-agree input {
    margin-right: 5px;
}

/* Seznam výhod */
#newsletter-overlay .benefits {
    margin-top: 15px;
    font-size: 14px;
    text-align: left;
}

#newsletter-overlay .benefits-list {
    margin-top: 10px;
    font-size: 13px;
    line-height: 1.6;
}

/* Obrázková část */
#newsletter-overlay .popup-image {
    width: 40%;
    display: flex;
    justify-content: right;
}

#newsletter-overlay .popup-image img {
    width: 100%;
    height: auto;
    max-width: 300px;
}

/******************************************************************************/
/* Responzivní styly */

/* Pro tablety (šířka max. 768px) */
@media screen and (max-width: 768px) {
    #newsletter-overlay .popup {
        width: 75%;
        padding: 15px;
    }

    #newsletter-overlay .popup-image { justify-content: left; }

    #newsletter-overlay .popup-content {
        flex-direction: column;
    }

    #newsletter-overlay .popup-text {
        width: 100%;
        padding-right: 0;
    }

    #newsletter-overlay .popup-image {
        width: 100%;
        margin-top: 15px;
    }

    #newsletter-overlay .popup-image img {
        max-width: 250px;
    }
}

/* Pro mobilní zařízení (šířka max. 480px) */
@media screen and (max-width: 480px) {
    #newsletter-overlay .popup {
        width: 75%;
        padding: 20px;
    }

    #newsletter-overlay .popup-content {
        flex-direction: column;
    }

    #newsletter-overlay .popup-text h2 {
        font-size: 18px;
    }

    #newsletter-overlay .email-input {
        font-size: 14px;
    }

    #newsletter-overlay .submit-btn {
        font-size: 16px;
        padding: 10px 14px;
    }

    #newsletter-overlay .popup-image img {
        max-width: 200px;
    }
}