/* --- MOBILEKO - CSS - ESHOP & SERVIS ----------------------------------------------------------------------------------- */
/* --- grafické a kodérské úpravy: Jiří Mareš - grafický designér ve světě e-commerce / www.jirimares.com ---------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */

/* --- GLOBÁLNÍ STYLY ---------------------------------------------------------------------------------------------------------- */
body, .external-fonts-loaded body, p, li, h1, h2, h3, h4, h5, h6, div {
    color: #434343;
}

h2.products-related-header, h4.homepage-group-title, .h4.homepage-group-title {
    font-size: 25px;
    font-weight: 600;
    text-align: center;
    margin: 50px 0 40px 0;
    color: #1A1A1A;
}

.footer-banner a:hover img {
    transform: unset;
}

/* Příznaky */
.product-top .flags-default {
    position: absolute;
    left: 10px;
    top: 10px;
}

.product-top .flags-inline .flag {
    clear: both;
    display: block;
    margin: 0 0 4px 0 !important;
}

.type-product.type-product.type-detail .product-top .p-image .flags-inline .flag {
    font-size: 14px;
    padding: 5px 10px;
}

.flag.flag-new {
    background-color: #CC00CC;
}

.flag.flag-discount {
    background-color: #dc0066;
}

.flag.flag-freeshipping {
    background-color: #00d4dc;
}

/* --- ZÁHLAVÍ ------------------------------------------------------------------------------------------------------------------ */
/* Informační proužek v záhlaví */
.site-msg.information {
    background-color: #e20073;
    max-width: none;
    left: 0;
    bottom: auto !important;
    color: #FFFFFF;
    text-align: center;
    font-size: 13px;
    box-shadow: none;
    border: 0;
    opacity: 1;
    position: relative;
    top: 0;
    z-index: 99;
}

.site-msg.information .text {
    font-size: 13px;
    font-weight: 400;
    padding-right: 0;
    color: #FFFFFF;
    font-weight: bold;
}

.site-msg.information a {
    font-family: "Metropolis-Regular";
    color: #FFFFFF;
    text-decoration: none !important;
}

.site-msg.information .cta {
    font-size: 15px;
    font-weight: 700;
    background-color: #7CB342;
    padding: 7px 10px 5px 10px;
    margin-left: 15px;
    display: inline-block;
}

.site-msg.information .cta:hover {
    background-color: #699838;
}

.site-msg .close::before {
    width: 2px;
    height: 14px;
}

.site-msg .close::after {
    width: 14px;
    height: 2px;
}

.site-msg .close::before, .site-msg .close::after {
    background: #FFFFFF;
}


/* Menu a kontakty v liště záhlaví */
.top-navigation-bar {
    border: none !important;
    background-color: #ffffff !important;
}

.top-navigation-bar a, .top-navigation-bar .dropdown button {
    color: #6600CC;
}

.top-navigation-bar a:hover {
    text-decoration: underline
}

.top-navigation-bar > .container {
    position: relative;
    padding-top: 7px;
    padding-bottom: 8px;
    border-bottom: 1px solid #ecebeb;
}

.top-navigation-bar-menu li::before {
    display: none;
}

.top-navigation-bar-menu li a, .top-navigation-bar-menu-helper li a, .top-navigation-bar .dropdown button {
    text-transform: none;
    color: #6600CC;
    font-size: 14px;
    font-weight: 400;
}

.top-navigation-bar-menu li a {
    padding-left: 0px;
    padding-right: 0px;
}

.top-navigation-bar-menu li {
    margin-right: 27px;
}

.top-navigation-bar-menu li:last-child {
    margin-right: 0px;
}

.top-navigation-menu, .top-navigation-contacts {
    background-color: transparent;
}

.top-navigation-contacts a, .top-navigation-tools a {
    font-size: 14px;
    font-weight: 400;
}

.top-navigation-contacts a.project-email {
    display: none;
}

.top-navigation-contacts {
    background-color: transparent;
}

.infolinka-cas {
    font-size: 11px;
    color: #1a1a1a;
}

.registrace {
    background: url(/user/documents/upload/grafika/registrace.svg) left center no-repeat;
    background-size: 16px auto;
    padding-left: 25px;
    margin-right: 5px;
}

.top-nav-button {
    background: url(/user/documents/upload/grafika/prihlaseni.svg) 12px center no-repeat;
    background-size: 15px auto;
    padding: 10px 12px 10px 36px;
}

/* Hlavička */
#header {
    background-color: #ffffff !important;
    color: #fff;
    border: none;
}

.header-top .cart-count span {
    color: #6600CC;
}

.navigation-in > ul > li:nth-of-type(1) {
    border: none !important;
    padding-top: 0px;
}

.navigation-in ul li a b {
    font-weight: 600;
}

.homepage-box.before-carousel {
    margin-top: -25px;
    padding-top: 45px;
}

.menu-helper::after, .menu-trigger::after {
    background-color: unset;
}

/* Tlačítko košík */
#header .btn.cart-count::before {
    content: "" !important;
    background: url(/user/documents/upload/grafika/kosik.svg) #6600CC 45% no-repeat;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    margin-right: -18px;
    position: relative;
}

.header-top .cart-count > span {
    width: 144px;
    height: 36px;
    color: #6600CC;
    border: 1px solid #E6CCFF;
    line-height: 30px;
    text-transform: none;
    border-radius: 4px;
    font-size: 14px;
}

.header-top .btn.cart-count i {
    left: -7px;
    top: 1px;
    width: 22px;
    height: 22px;
    font-size: 12px;
    line-height: 12px;
    border: 2px solid #fff;
}

.header-top .btn.cart-count i, .header-top .btn.cart-count .cart-price {
    text-transform: none;
    font-weight: 600;
}

/* Drobečková navigace */
.breadcrumbs {
    color: #434343;
    border: 0;
    margin-top: 10px;
    border-bottom: 1px solid #eee;
}

.breadcrumbs > span > a::before {
    display: none !important;
}

.breadcrumbs > span > a::after {
    content: "/";
    bottom: auto;
    transform: none;
    -webkit-transform: none;
    -o-transform: none;
    -ms-transform: none;
    color: #434343;
    background: none;
}

.breadcrumbs > span > a, .breadcrumbs > span > span {
    padding: 10px 15px;
}

.breadcrumbs a {
    color: #6600CC;
}

.type-detail .breadcrumbs {
    margin-bottom: 30px;
}

/* Carousel */
.carousel-control.left::before {
    left: 0 !important;
}

.carousel-control.right::before {
    right: 0 !important;
}

.carousel:hover .carousel-control.left::before {
    left: 0 !important;
}

.carousel:hover .carousel-control.right::before {
    right: 0 !important;
}

.carousel-control::before {
    width: 30px;
    height: 60px;
    margin-top: -30px;
    line-height: 60px;
    border-radius: 0;
    font-size: 16px;
}

.homepage-box {
    border: none;
    background: #fff;
    padding-bottom: 0;
    margin-bottom: 0;
}

/* Konkurenční výhody */
.footer-banners {
    margin-top: 0px;
}

.footer-banner > a {
    display: block;
}

.footer-banner .vyhody-banner-title {
    font-weight: 600;
    font-size: 18px;
    color: #6600CD;
    line-height: 1.4;
    top: 0px;
    left: 65px;
    padding: 0;
    position: absolute;
    width: max-content;
    text-align: left;
}

.footer-banner .vyhody-banner-title:hover {
    text-decoration: underline;
    font-weight: 600;
}

.footer-banner .vyhody-banner-text {
    bottom: auto;
    font-size: 15px;
    left: 65px;
    line-height: 1.6;
    color: #434343;
    top: 22px;
    position: absolute;
    width: max-content;
    text-align: left;
    padding-top: 2px;
}

/* Servis - Vybrané top kategorie značek na titulní stránce */
.flex-wrap {
    flex-wrap: wrap;
}

.opravovana-zarizeni {
    padding-bottom: 35px;
}

.opravovana-zarizeni .topcat-wrapper {
    margin: 0 -10px;
    justify-content: center;
    position: relative;
}

.opravovana-zarizeni .news-item {
    max-width: 233px;
    width: 100%;
    position: relative;
    padding: 10px;
    margin: 0;
}

.opravovana-zarizeni .news-item .image {
    position: relative;
    overflow: hidden;
    width: 100%;
    border: 1px solid #EBEBEB;
}

.opravovana-zarizeni .topcat-wrapper .news-item .text .title {
    font-size: 20px;
    font-weight: 400;
    text-decoration: none;
    color: #1A1A1A;
    margin: 0px;
    font-weight: 600;
    text-align: center;
}

.opravovana-zarizeni .topcat-wrapper .news-item .text .title:hover {
    text-decoration: underline;
}

.opravovana-zarizeni .topcat-wrapper .news-item .text {
    position: absolute;
    bottom: 25px;
    z-index: 1;
    text-align: center;
    display: block;
    width: 91%;
}

.opravovana-zarizeni .topcat-wrapper .news-item .text .description {
    display: none;
}

.opravovana-zarizeni .news-item:hover .text .title, .opravovana-zarizeni .news-item:focus .text .title {
    color: #00DC76;
    text-decoration: underline;
}

.opravovana-zarizeni .maincat-wrapper .news-item .image::before {
    border: 70px solid #ECECEC;
    border-radius: 50%;
    content: '';
    position: absolute;
    left: -80px;
    bottom: -95px;
    width: 225px;
    height: 225px;
    display: block;
}

.opravovana-zarizeni .maincat-wrapper .news-item .image::after {
    background-color: #fff;
    border-radius: 50%;
    content: '';
    position: absolute;
    z-index: 5;
    right: -40px;
    bottom: -30px;
    width: 110px;
    height: 110px;
    display: block;
}

.opravovana-zarizeni .maincat-wrapper .news-item .image a, .opravovana-zarizeni .topcat-wrapper .news-item .image a {
    display: block;
    height: 100%;
}

.opravovana-zarizeni .maincat-wrapper .news-item .text {
    position: absolute;
    top: 30px;
    left: 30px;
}

.opravovana-zarizeni .maincat-wrapper .news-item .text a {
    color: #1A1A1A;
    font-weight: 400;
    font-size: 20px;
}

.opravovana-zarizeni .maincat-wrapper .news-item {
    height: 230px;
}

.opravovana-zarizeni .maincat-wrapper .news-item .image {
    background-color: #fff;
    position: relative;
}

.opravovana-zarizeni .maincat-wrapper .news-item .image img {
    position: absolute;
    z-index: 4;
    border-radius: 50%;
    right: -60px;
    bottom: -40px;
}

.opravovana-zarizeni .homepage-group-title {
    position: relative;
}

.opravovana-zarizeni .maincat-wrapper {
    margin-top: 45px;
    justify-content: center;
}

.opravovana-zarizeni .news-item.big {
    max-width: 508px;
}

.opravovana-zarizeni .news-item.big .white-wrapper {
    background: #fff;
    padding: 20px 15px;
    display: flex;
    flex-wrap: wrap;
}

.opravovana-zarizeni .news-item.big p {
    font-size: 20px;
    font-weight: 700;
}

/* Eshop - Vybrané top kategorie na titulní stránce */
.flex-wrap {
    flex-wrap: wrap;
}

.vybrane-kategorie {
    padding-bottom: 35px;
}

.vybrane-kategorie .topcat-wrapper {
    margin: 0 -10px;
    justify-content: center;
    position: relative;
}

.vybrane-kategorie .news-item {
    max-width: 278px;
    width: 100%;
    position: relative;
    padding: 10px;
    margin: 0;
}

.vybrane-kategorie .news-item .image {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.vybrane-kategorie .topcat-wrapper .news-item .text .title {
    font-size: 20px;
    font-weight: 400;
    text-decoration: none;
    color: #fff;
    margin: 0px;
}

.vybrane-kategorie .topcat-wrapper .news-item .text .title:hover {
    text-decoration: underline;
}

.vybrane-kategorie .topcat-wrapper .news-item .text {
    position: absolute;
    left: 45px;
    bottom: 25px;
    z-index: 1;
}

.vybrane-kategorie .topcat-wrapper .news-item .text .description {
    display: none;
}

.vybrane-kategorie .news-item:hover .text .title, .vybrane-kategorie .news-item:focus .text .title {
    color: #00DC76;
    text-decoration: underline;
}

.vybrane-kategorie .topcat-wrapper .news-item .image::before {
    content: '';
    position: absolute;
    left: -30px;
    bottom: 5px;
    display: block;
    background: url(/user/documents/upload/grafika/symbol-loga.svg) center center no-repeat;
    width: 54px;
    height: 54px;
    z-index: 1;
}

.vybrane-kategorie .maincat-wrapper .news-item .image::before {
    border: 70px solid #ECECEC;
    border-radius: 50%;
    content: '';
    position: absolute;
    left: -80px;
    bottom: -95px;
    width: 225px;
    height: 225px;
    display: block;
}

.vybrane-kategorie .maincat-wrapper .news-item .image::after {
    background-color: #fff;
    border-radius: 50%;
    content: '';
    position: absolute;
    z-index: 5;
    right: -40px;
    bottom: -30px;
    width: 110px;
    height: 110px;
    display: block;
}

.vybrane-kategorie .maincat-wrapper .news-item .image a, .vybrane-kategorie .topcat-wrapper .news-item .image a {
    display: block;
    height: 100%;
}

.vybrane-kategorie .maincat-wrapper .news-item .text {
    position: absolute;
    top: 30px;
    left: 30px;
}

.vybrane-kategorie .maincat-wrapper .news-item .text a {
    color: #1A1A1A;
    font-weight: 400;
    font-size: 20px;
}

.vybrane-kategorie .maincat-wrapper .news-item {
    height: 230px;
}

.vybrane-kategorie .maincat-wrapper .news-item .image {
    background-color: #fff;
    position: relative;
}

.vybrane-kategorie .maincat-wrapper .news-item .image img {
    position: absolute;
    z-index: 4;
    border-radius: 50%;
    right: -60px;
    bottom: -40px;
}

.vybrane-kategorie .homepage-group-title {
    position: relative;
}

.vybrane-kategorie .maincat-wrapper {
    margin-top: 45px;
    justify-content: center;
}

.vybrane-kategorie .news-item.big {
    max-width: 508px;
}

.vybrane-kategorie .news-item.big .white-wrapper {
    background: #fff;
    padding: 20px 15px;
    display: flex;
    flex-wrap: wrap;
}

.vybrane-kategorie .news-item.big p {
    font-size: 20px;
    font-weight: 700;
}

/* Showroom */
.welcome div {
    max-width: 100%;
}

.showroom-prehled {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.showroom-prehled > div {
    margin: 0px 10px 30px 10px;
}

.showroom {
    background-color: #fff;
    border: 1px solid #EBEBEB;
}

.showroom h4 {
    background-color: #6600CC;
    color: #fff;
    padding: 15px 15px;
    margin: 0;
    font-size: 18px;
    font-weight: 600;
}

.showroom-foto {
    flex: 0 0 100%;
}

.showroom-foto img {
    width: 100%;
    height: auto;
}

.showroom-text {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    min-height: 225px;
    padding: 15px;
}

.showroom-text a {
    text-decoration: none;
    color: #1A1A1A;
}

.showroom-text a:hover {
    color: #00C166;
    text-decoration: underline;
}

.showroom-text ul {
    margin: 0 0 5px 0;
    padding: 0;
}

.showroom-text li {
    list-style: none;
    margin: 0 0 12px 0;
    padding: 0;
    line-height: 1.45em;
}

.showroom-kontakty {
    flex: 1 1 75%;
}

.showroom-stanice {
    flex: 1 1 20%;
}

.showroom-tlacitka {
    flex: 1 1 100%;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
}

.showroom-tlacitka a {
    text-decoration: none;
}

.showroom-tlacitka a:hover {
    text-decoration: none;
}

.showroom-tlacitka .inline-block {
    flex: 1 1 25%;
    background-color: #00DC76;
    color: #fff;
    padding: 12px 6px 10px 6px;
    text-align: center;
    margin: 0 4px;
    border: 0;
    border-image-width: 0;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
}

.showroom-tlacitka .inline-block:hover {
    background-color: #00C166;
    color: #fff;
}

.showroom-tlacitka .inline-block:first-child {
    margin-left: 0px !important;
}

.showroom-tlacitka .inline-block:last-child {
    margin-right: 0px !important;
}

/* Výpis článků z blogu na titulní stránce */
.novinky-z-blogu {
    margin-bottom: 70px;
}

.novinky-z-blogu div.text-center.h4.homepage-group-title {
    font-size: 25px;
    font-weight: 600;
    margin: 40px 0 40px 0;
    color: #1A1A1A;
}

.novinky-z-blogu .blog-clanky {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.novinky-z-blogu .news-item {
    width: 24%;
    display: flex;
    flex-direction: column;
}

.novinky-z-blogu .news-item .image {
    width: 100%;
    margin: 0;
    margin-bottom: 22px;
}

.novinky-z-blogu .news-item .image:hover {
    opacity: 0.9;
}

.news-item .text .title {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
    text-decoration: none;
    color: #1A1A1A;
}

.news-item .text .title:hover {
    color: #1A1A1A;
    text-decoration: underline;
}

.news-item time {
    font-size: 13px;
    color: #1a1a1ab3;
    margin-bottom: 5px;
}

.novinky-z-blogu .news-item p {
    color: #30221c;
}

.news-item .text .description p:last-child {
    margin-bottom: 20px;
}

a.btn.btn-next, #content .btn.unveil-button {
    border: 0;
    position: relative;
    padding: 12px 30px 10px 30px;
    background: #1A1A1A;
    color: #FFF;
    font-weight: 500;
    text-transform: uppercase;
}

.pagination > a.next:hover, .pagination > a.prev:hover, a.btn.btn-next:hover, #content .btn.unveil-button:hover {
    background-color: #333;
    color: #fff;
}

/* Mřížka produktů */
.products-block .image, .products-block .name {
    margin-bottom: 20px;
}

.products-block > div {
    border: 0;
}

.product:hover .p {
    border: 1px solid #6600CC;
}

.product .p {
    padding: 20px;
    border: 1px solid #ecebeb;
}

.products-block.products .p .name {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3;
    text-align: center;
}

.products-block.products .p .name span {
    color: #6600CC;
}

.products-block.products .p .name:hover {
    text-decoration: underline;
}

.product .p-tools .btn-primary {
    background-color: #00DC76;
    border-color: #00DC76;
    font-size: 16px;
    line-height: 38px;
    padding-top: 0;
    padding-bottom: 0;
}

.product .p-tools .btn-primary:hover {
    background-color: #00C166;
    border-color: #00C166;
}

.product .p-tools .btn-cart {
    background-color: #00DC76;
    font-size: 14px;
    line-height: 38px;
    text-transform: uppercase;
    padding-top: 0;
    padding-bottom: 0;
}

.product .p-tools .btn-cart span {
    color: #fff;
}

.product .p-tools .btn-cart:hover {
    background-color: #00C166 !important;
    border-color: #00C166 !important;
}

.p:hover .btn-cart {
    background-color: #00DC76 !important;
    border-color: #00DC76 !important;
}

.product .p-tools .btn-cart:before {
    display: none !important;
}

.p:hover .btn-cart {
    border-color: #6600CC;
    background-color: #6600CC;
}

.products-block .p-bottom > div {
    align-items: center;
}

.products-block.products .p .price strong, .products-block.products .p .price span {
    font-size: 20px;
}

.product .prices .price-standard {
    font-size: 14px;
    letter-spacing: -0.3px;
    color: #EBEBEB;
}

.product .prices .price-standard:not(:last-of-type) {
    display: none;
}

.products-block .ratings-wrapper .availability {
    font-size: 16px;
}

.products-block .ratings-wrapper .availability, .products-block .ratings-wrapper .stars-wrapper {
    flex: 1 1 50%;
}

.products-block .p-bottom .p-desc {
    max-height: 82px;
    text-align: center;
    margin: 24px 0 0;
    line-height: 1.5em
}

.homepage-box.welcome-wrapper {
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

/* Hodnocení */
.content-wrapper.latest-contribution-box {
    display: none;
}

/* --- KATEGORIE ------------------------------------------------------------------------------------------------------------------------------------------------- */
.type-category .sidebar {
    display: block;
}

.category-title {
    margin-bottom: 20px;
    font-weight: 600;
}

.category-header {
    background-color: transparent;
    font-size: 14px;
    color: #1A1A1A;
    border-bottom: 1px solid #E9E9E9;
    margin-bottom: 10px;
}

.category-header input[type="radio"] + label {
    font-size: 14px;
    padding-left: 0px;
    padding-right: 0px;
    margin-right: 20px;
}

.category-header input[type="radio"]:checked + label::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0px;
    right: 0px;
    background-color: #6600CC;
    height: 2px;
    display: block;
    border: none;
    top: auto;
    width: 100%;
    transform: none;
}

.category-header input[type="radio"]:checked + label {
    text-decoration: none;
    font-weight: 600;
    color: #1A1A1A;
    font-size: 14px;
    position: relative;
}

/* Mřížka produktů v kategoriích - SERVIS */
.servis.type-category .subcategories li a {
    height: 170px;
    padding: 16px 40px 7px 13px;
}

.servis.type-category .subcategories li a::before {
    display: none;
}

.servis.type-category .subcategories.with-image li a {
    display: block;
    padding-left: 10px;
    padding-right: 10px;
}

.servis.type-category .subcategories.with-image li a .image {
    width: 100%;
    text-align: center;
    display: block;
}

.servis.type-category .subcategories.with-image li a .image img {
    max-height: 100px;
}

.servis.type-category .subcategories.with-image li a .text {
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #6600CC;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 15px;
}

.servis.type-category .category-perex.empty-content.empty-content-category {
    display: none;
}


/* Levý panel a Kategorie */
.sidebar {
    background-color: #ffffff;
    padding-right: 20px;
}

.sidebar-inner {
    padding: 0
}

.sidebar-inner > div h4 {
    margin-top: 12px;
    margin-bottom: 12px;
}

.sidebar-inner > div {
    margin: 0 0 16px 0;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: 20px;
    border: 1px solid #ecebeb;
    border-radius: 4px;
}

.sidebar-inner > div:last-child {
    border-bottom-style: solid;
}

.box-categories {
    padding: 20px
}

.categories {
    margin-left: -20px;
    margin-right: -20px;
}

.box.box-sm.box-filters {
    padding: 20px;
}

.categories a {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 16px;
    line-height: 1.5;
}

.categories ul li a:hover {
    text-decoration: underline !important;
}

#categories .expandable > a > span, #categories .expandable > .topic > a > span {
    top: 11px;
}

#categories .expandable .expanded {
    background-color: #F9F3FF
}

.categories ul ul ul a {
    padding-left: 75px;
}


/* --- DETAIL PRODUKTU ------------------------------------------------------------------------------------------------------------------------------------------- */
.servis .col-xs-12.col-lg-6.p-info-wrapper {
    background-color: #F9F3FF;
    padding: 40px;
}

.servis .p-detail-inner h1 {
    margin-top: 0;
}

.p-detail-inner h1 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 20px;
    line-height: 1.3em;
}

.shp-tabs-wrapper {
    margin-top: 30px;
}

.p-code {
    line-height: 14px;
}

.p-detail-info > div {
    color: #b2b2b2;
}

.p-detail-info .stars-wrapper::after {
    color: #dadada;
    display: inline-block;
    padding: 0 1ex;
    font-size: 14px;
}

.eshop .p-detail-info .stars-wrapper::after {
    content: '|';
}

.p-detail-info .p-code::after {
    color: #dadada;
    content: '|';
    display: inline-block;
    padding: 0 1ex;
    font-size: 14px;
}

.p-short-description [style] {
    color: #434343 !important
}

.servis .obecne-vyhody ul {
    padding-left: 0px;
    margin-left: -3px;
}

.servis .obecne-vyhody ul li:before {
    width: 18px;
    height: 18px;
    content: "";
    background: url("/user/documents/upload/grafika/obecne-vyhody-odrazky.svg") no-repeat 0 50%;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: -4px;
}

.servis .obecne-vyhody {
    display: block;
}

.servis .obecne-vyhody li {
    list-style: none;
    padding-left: 0px;
    margin-left: 0px;
    margin-bottom: 5px;
}

.servis .p-info-wrapper .chevron-after.chevron-down-after {
    display: none;
}

.servis .p-info-wrapper .add-to-cart {
    display: block;
    flex-wrap: unset;
    align-items: center;
}

.eshop .p-info-wrapper .add-to-cart {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.servis .p-info-wrapper .add-to-cart-wrapper {
    margin-top: 25px;
    margin-bottom: 0; /* display: flex; *//* flex-wrap: wrap; *//* justify-content: space-between; *//* align-items: center; */
    border-top: 1px solid #CE9DFF;
    padding-top: 25px;
}

.eshop .p-info-wrapper .add-to-cart-wrapper {
    background-color: #F9F3FF;
    padding: 15px 15px 0px;
    margin-top: 30px;
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.servis .p-info-wrapper .add-to-cart-wrapper .price-final {
    color: #1A1A1A;
    font-size: 28px;
    font-weight: 600;
    margin: 5px 0 5px 0;
}

.type-detail .btn.btn-cart::before, .type-detail a.btn.btn-cart::before, .type-detail .btn.add-to-cart-button::before {
    display: none;
}

.p-info-wrapper .add-to-cart-button, .btn.btn-conversion, a.btn.btn-conversion {
    background-color: #00DC76;
    border: none;
    text-transform: none;
}

.p-info-wrapper .add-to-cart-button:hover, .btn.btn-conversion:hover, a.btn.btn-conversion:hover {
    background-color: #00c166 !important;
}

.p-info-wrapper .add-to-cart {
    margin-bottom: 0px;
}

.p-info-wrapper .btn, a.btn {
    font-weight: 600;
    padding: 10px 25px;
    font-size: 15px;
}

.servis .p-info-wrapper .btn.add-to-cart-button.btn-lg {
    background: url("/user/documents/upload/grafika/ikona-tlacitko-rezervace-03.svg") no-repeat 18px 50%;
    background-color: #00DC76;
    margin-bottom: 19px;
    display: inline-block;
    margin-right: 20px;
    padding: 14px 25px 14px 61px;
    background-size: 30px;
    font-size: 15px;
    text-transform: uppercase;
}

.eshop .p-info-wrapper .btn.add-to-cart-button.btn-lg {
    padding-left: 38px;
    padding-right: 38px;
    margin-bottom: 19px;
    vertical-align: middle;
}

.servis .p-detail .add-to-cart .quantity {
    display: none;
}

.eshop .p-detail .add-to-cart .quantity {
    height: 58px;
    background-color: #fff;
    padding-right: 24px;
    border-right: 1px solid #dedede;
    border-radius: 0;
    margin-right: 10px;
    margin-bottom: 19px;
}

.servis .p-info-wrapper .p-final-price-wrapper {
    margin-bottom: 35px;
    display: block;
}

.eshop .p-info-wrapper .p-final-price-wrapper {
    margin-bottom: 15px;
}

.p-info-wrapper .add-to-cart {
    margin-bottom: 0px;
}

.servis .p-info-wrapper .add-to-cart .conversion-pobocka {
    background: url("/user/documents/upload/grafika/ikona-tlacitko-pobocka-03.svg") no-repeat 18px 50%;
    background-color: #6600CC !important;
    border: none;
    text-transform: none;
    padding: 14px 23px 14px 65px;
    line-height: 36px;
    display: inline-block;
    background-size: 35px;
    font-size: 15px;
    text-transform: uppercase;
}

.servis .p-info-wrapper .add-to-cart .conversion-pobocka:hover {
    background-color: #5300A6 !important;
}

.add-to-cart .quantity .increase, .add-to-cart .quantity .decrease {
    background-color: #F8F8F8;
    height: 28px;
    width: 24px;
}

.add-to-cart .quantity .increase::before, .add-to-cart .quantity .decrease::before {
    line-height: 28px;
}

.add-to-cart .quantity .decrease {
    top: 28px;
}

.add-to-cart .quantity input {
    text-align: center;
    height: 56px;
}

.quantity .increase, .quantity .decrease {
    border-color: #DEDEDE;
}

.quantity {
    border-color: #DEDEDE;
}

.p-info-wrapper .chevron-after {
    color: #00DC76;
    text-decoration: none;
    margin-top: 7px;
    display: inline-block;
}

.p-info-wrapper .chevron-after:hover {
    text-decoration: underline;
}

.p-info-wrapper .chevron-after::after {
    color: #00DC76;
    margin-left: 5px;
}

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

.price-save {
    color: #dc0066;
}

.servis .p-info-wrapper .availability-value {
    font-size: 15px;
    text-decoration: none;
}

.eshop #product-detail-form {
    border-bottom: 1px solid #E9E9E9;
}

/*.product-stock-amount.show-tooltip.acronym.hovered {display: none!important;}*/

/* Tooltip */

.tooltip-inner p {
    margin: 0px !important;
    color: white !important;
}

.skladem {
    color: #00D76B;
    font-weight: bold;
}

.vyprodano {
    color: red;
    font-weight: bold;
}

.availability > span.show-tooltip, .product-desc-top-line .left-side .availability-label .show-tooltip.acronym[data-original-title] {
    display: none;
}
/*.availability-label{*/
/*    display: inline !important;*/
/*}*/
.product-desc-top-line .left-side .acronym:before {
    width: 24px;
    height: 24px;
    content: "";
    display: inline-block;
    background: url(https://cdn.myshoptet.com/usr/shoptet.tomashlad.eu/user/documents/extras/mobileko/img/info.svg);
    margin-right: 6px;
    position: relative;
    top: 4px;
}

.show-tooltip.acronym[data-original-title] {
    border-bottom-style: none !important;
}

.availability-amount {
    color: transparent;
}

.tooltip-table{
    text-align: left;

}
.tooltip-table td{
    padding: 5px 10px 0px 0px;
    vertical-align: top;
}

.tooltip-inner:has(table){
    max-width: 310px !important;
    padding: 8px 10px !important;
    background-color: #5f5f5f !important;
}

/* Cofidis ESHOP */
.eshop .p-info-wrapper .cofidis-wrap .btn.btn-default, .eshop .p-info-wrapper .cofidis-wrap a.btn.btn-default {
    color: #434343;
    border: none !important;
    background: none !important;
}

.eshop .p-info-wrapper .cofidis-wrap .btn.btn-default:hover, .eshop .p-info-wrapper .cofidis-wrap a.btn.btn-default:hover {
    color: #00DC76;
    border: none !important;
    background: none !important;
}

.eshop .p-info-wrapper .cofidis-wrap .btn.btn-cofidis, .eshop .p-info-wrapper .cofidis-wrap a.btn.btn-cofidis {
    max-width: 390px;
}

.eshop .p-info-wrapper .cofidis-wrap span {
    text-transform: none;
    font-weight: 400;
    font-size: 15px;
}

/* Záložky a dlouhý popis */
.type-detail .responsive-nav {
    margin-top: 30px;
}

.responsive-nav .shp-tabs-holder {
    border-bottom: 1px solid #E9E9E9;
}

.active .shp-tab-link, .shp-tab-link {
    color: #1A1A1A;
    background-color: transparent;
}

.shp-tabs-holder ul.shp-tabs li, .shp-tabs-holder, .shp-tabs {
    border: none;
    background-color: transparent;
}

.shp-tabs-holder ul.shp-tabs li a {
    font-size: 16px;
    padding: 2px 20px 20px;
    border: none;
    position: relative;
    text-decoration: none;
}

.shp-tabs-holder ul.shp-tabs li a:hover {
    text-decoration: underline;
}

.shp-tabs-holder ul.shp-tabs li {
    margin-right: 20px;
}

.shp-tab-link:hover {
    background-color: transparent;
}

.shp-tabs-holder ul.shp-tabs li.active a::before {
    content: '';
    position: absolute;
    bottom: -2px;
    display: block;
    left: 0px;
    right: 0px;
    background-color: #6600CC;
    height: 3px;
}

.basic-description {
    padding-top: 2em;
}

.basic-description h3:nth-child(1) {
    display: none;
}


/* --- ZÁPATÍ ------------------------------------------------------------------------------------------------------------------------------------------- */
#footer {
    background-color: #F9F3FF;
    margin-top: 50px;
}

#footer > .container {
    background: none;
    padding-right: 20px;
    padding-left: 20px;
}

.custom-footer, .footer-bottom {
    border: none;
}

#footer .site-name {
    display: none;
}

.custom-footer {
    padding-left: 0;
    border-bottom: 1px solid #F0E1FF;
}

#footer h4 {
    text-transform: none;
    font-size: 17px;
    font-weight: 600;
}

.footer-telefon a, .footer-email a {
    font-weight: 600;
}

#footer a {
    color: #000;
}

#footer ul {
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}

#footer ul li a {
    line-height: 1.65;
    color: #1A1A1A;
    text-decoration: none !important;
    margin-bottom: 6px;
}

#footer ul li a:hover, .footer-facebook a:hover, .footer-instagram a:hover, .podpis a:hover {
    text-decoration: underline !important;
    color: #1A1A1A;
}

#footer ul li::before {
    content: "";
    width: 5px;
    height: 5px;
    display: inline-block;
    position: relative;
    background-color: #1A1A1A;
    border-radius: 50%;
    margin-right: 10px;
    margin-bottom: 2px
}

.footer-kontakt p {
    margin-bottom: 10px
}

.footer-oteviracka {
    font-size: 12px;
    display: block;
    margin-top: 5px
}

.footer-email {
    background: url(/user/documents/upload/grafika/kontakt-email.svg) left 4px no-repeat;
    background-size: 16px auto;
    padding-left: 24px;
}

.footer-telefon {
    background: url(/user/documents/upload/grafika/kontakt-telefon.svg) left 3px no-repeat;
    background-size: 16px auto;
    padding-left: 24px;
}

.footer-facebook {
    background: url(/user/documents/upload/grafika/kontakt-facebook.svg) left 2px no-repeat;
    background-size: 16px auto;
    padding-left: 24px;
}

.footer-instagram {
    background: url(/user/documents/upload/grafika/kontakt-instagram.svg) left 2px no-repeat;
    background-size: 16px auto;
    padding-left: 24px;
}

.footer-facebook a, .footer-instagram a {
    text-decoration: none;
}

.footer-telefon a:hover, .footer-email a:hover {
    text-decoration: underline;
    color: #6600CC;
}

.eet-message.container.footer-bottom {
    margin-bottom: 0;
    padding-bottom: 15px;
}

.podpis {
    margin-right: 15px;
}

.podpis a {
    color: #1A1A1A !important;
    text-decoration: underline;
}

.subscribe-form .btn.btn-default.btn-arrow-right::before {
    display: none;
}

/* --- INFORMAČNÍ STRÁNKY ------------------------------------------------------------------------------------------------------------------------------------------- */

article h1, .content-inner h1 {
    font-weight: 600;
}

body:not(.type-index):not(.type-product) h1 {
    font-size: 30px;
    font-weight: 600;
    margin-top: 32px;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.news-item .text .title {
    font-size: 20px;
}

.content-inner .news-item img:hover {
    opacity: 0.9;
}

.content-inner h3 {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 10px;
}

.content-inner li {
    margin-bottom: 3px;
}

.next-prev .btn:hover {
    background-color: #6600CC !important;
    color: #fff !important;
}

.news-item {
    margin-bottom: 20px;
    padding-bottom: 20px;
}

/* Ochrana osobních údajů */
.in-ochrana-osobnich-udaju .content-inner h3 {
    font-weight: 600;
    margin-bottom: 10px;
}

.in-ochrana-osobnich-udaju .content-inner li {
    margin-top: 0;
    margin-bottom: 5px;
}

.in-ochrana-osobnich-udaju .content-inner p {
    margin-bottom: 8px;
    line-height: 1.45em;
}

/* Kontakt - Pobočky */
.in-pobocky .content-inner {
    max-width: none !important;
}

.in-pobocky .sidebar {
    display: none;
}

/* Stránka s výsledky vyhledávání*/
.in-vyhledavani #search-group-nenasli {
    background-color: #FFE1F0;
    padding: 15px;
    text-align: center;
}

.in-vyhledavani #search-group-nenasli span {
    font-size: 17px;
    font-weight: bold;
    padding: 10px;
}

.in-vyhledavani #search-group-nenasli .btn.btn-primary {
    font-size: 14px;
    padding: 5px 11px;
    margin: 5px;
}

.in-vyhledavani .search-results-group h4, .in-vyhledavani h4.search-products-heading {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 18px;
}

.in-vyhledavani .search-results-groups .search-results-group-list ul li {
    margin-bottom: 5px;
}


/* --- RESPONZIVNÍ STYLY ------------------------------------------------------------------------------------------------------------------------------------------- */

@media (min-width: 480px) {
    .novinky-z-blogu .news-item {
        margin-bottom: 40px !important;
        border: 1px solid #EBEbEB;
    }

    .novinky-z-blogu .news-item .text {
        padding: 0 20px;
    }
}

@media (max-width: 480px) {
    .site-msg.information {
        display: block;
    }

    .site-msg .close {
        display: none;
    }
}

@media (max-width: 767px) {
    .responsive-tools a.infolinka::before {
        content: '\e92d';
    }

    a.infolinka span {
        display: none;
    }

    /* Informační proužek v záhlaví */
    .ordering-process .site-msg.information {
        display: none !important;
    }

    .site-msg.information .cta {
        display: none !important;
    }

    .site-msg.information {
        font-size: 16px;
    }

    .site-msg.information .text {
        font-size: 11px;
        line-height: 1.4em;
    }

    .infoprouzek-ano .popup-widget.cart-widget {
        top: 110px;
    }

    .infoprouzek-ano #navigation, .popup-widget.login-widget {
        top: 110px !important;
    }

    .infoprouzek-ano .responsive-tools > a {
        top: 24px !important
    }

    /* Konkurenční výhody */
    .footer-banners {
        margin: 0 auto;
        text-align: center;
    }

    .type-detail .product-top {
        margin-bottom: 0px !important;
    }

    .footer-banner.col-sm-12 {
        text-align: center;
    }

    .footer-banner {
        display: block;
        float: left;
        margin-top: 20px !important;
        margin-bottom: 10px !important;
        padding: 0 5px !important;
    }

    .footer-banner .vyhody-banner-title, .footer-banner .vyhody-banner-text {
        display: block;
        position: unset;
        left: unset;
        text-align: center;
        width: auto;
    }

    .footer-banner .vyhody-banner-title {
        font-size: 15px !important;
        margin-top: 5px;
    }

    #navigation {
        top: 65px;
    }

    #header .cart-count {
        right: 125px;
        top: -57px;
    }

    #header .btn.cart-count::before {
        width: 32px;
        height: 32px;
        background-size: 32px auto;
    }

    #header {
        margin-bottom: 0px;
    }

    .header-top > div:first-of-type {
        margin: 10px 0;
    }

    .navigation-in > ul.menu-level-1 > li.menu-item-external-50:first-child > a b {
        font-weight: 800;
        color: #00DC76 !important;
    }

    .navigation-in ul li a {
        padding-top: 1.1em;
        padding-bottom: 1.1em;
    }

    .navigation-in > ul > li .submenu-arrow {
        width: 45px;
        right: 0;
        position: absolute;
        text-align: center;
        padding-left: 0;
    }

    .responsive-tools > a[data-target="navigation"] {
        width: 80px;
        background-color: #6600CC;
        border-radius: 4px;
        padding: 0;
        height: 32px;
        text-decoration: none !important;
    }

    .responsive-tools > a[data-target="navigation"]::before {
        background-color: #6600CC;
        width: 22px;
        text-align: left;
    }

    .responsive-tools > a[data-target="navigation"]::after {
        content: "MENU";
        top: 1px;
        position: relative;
        color: #fff;
    }

    .ordering-process .responsive-tools > a[data-target="navigation"] {
        display: none;
    }

    .showroom-prehled > div {
        margin: 0px 0 30px 0;
    }

    .breadcrumbs {
        display: block !important;
    }

    .breadcrumbs > span > a, .breadcrumbs > span > span {
        font-size: 12px;
        padding: 10px 2px;
    }

    .navigation-home-icon-wrapper::before {
        left: -6px;
        top: 10px;
    }

    .breadcrumbs > span > a::after {
        margin-left: 5px;
    }

    .novinky-z-blogu .row {
        margin-left: 10px;
        margin-right: 10px;
    }

    .novinky-z-blogu .news-item {
        width: 100%;
    }

    .novinky-z-blogu .blog-clanky {
        flex-direction: column;
    }

    #footer.banner {
        min-height: auto;
        margin-bottom: 0;
    }

    .banner {
        min-height: auto !important;
        margin-bottom: 0;
    }

    .footer-banner {
        max-width: 280px;
        margin: 0 auto;
    }
}

@media (min-width: 768px) {
    .header-top {
        height: 145px;
    }

    #navigation {
        height: 50px;
        overflow: hidden;
    }

    .menu-helper {
        top: 154px;
    }

    .navigation-in > ul > li:nth-of-type(1) > a {
        background-color: #00DC76;
    }

    .navigation-in > ul > li > a {
        padding-top: 18px;
        padding-bottom: 18px;
        font-size: 16px;
        position: relative;
    }

    .news-item .image {
        margin-right: 0px;
    }

    .footer-banners {
        margin: 45px 0 45px 0;
    }
}

@media screen and (max-width: 991px) {
    .registrace {
        display: none;
    }

    .header-top .cart-count > span {
        display: none;
    }

    .footer-banner {
        width: 50% !important;
        margin: 25px 0;
    }
}

@media (min-width: 992px) {
    .infoprouzek-ano .popup-widget.cart-widget {
        top: 162px !important;
    }
}


@media (min-width: 1200px) {
    .content-inner {
        max-width: 900px;
        margin: 0px auto;
    }

    .showroom-prehled > div {
        flex: 0 0 auto;
        width: 31.5%;
    }
}

@media (min-width: 1440px) {

}
/* KOD PŘIDANÝ 14.7.2025 PRO JS SCRIPT ZOBRAZENÍ STAVU TELEFONU */

body.in-rozbalene .zaruka-wrap,
body.in-pouzite-2 .zaruka-wrap,
body.in-nove .zaruka-wrap {
  position: relative;
  display: inline-block;
}

/* ZÁNOVNÍ */
body.in-rozbalene .zaruka-wrap::after {
    content: url("https://cdn.myshoptet.com/usr/shoptet.tomashlad.eu/user/documents/extras/mobileko/img/info.svg") " Zánovní";
    color: #5b00c5;
    /* ostatní styly viz níže */
  }
  body.in-rozbalene .zaruka-wrap::before {
    content: "Pouze vybalený s 24 měsíční zárukou";
    color: #5b00c5;
    border: 1px solid #5b00c5;
    /* ostatní styly viz níže */
  }
  body.in-rozbalene .zaruka-wrap::after,
  body.in-pouzite-2 .zaruka-wrap::after,
  body.in-nove .zaruka-wrap::after {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 21px;
    font-weight: 700;
    margin-top: 10px;
    margin-left: 3px;
    position: relative;
    cursor: pointer;
  }
  body.in-rozbalene .zaruka-wrap::before,
  body.in-pouzite-2 .zaruka-wrap::before,
  body.in-nove .zaruka-wrap::before {
    position: absolute;
    left: 0%;
    top: 50%;
    transform: translateY(-50%);
    background: #fff;
    border-radius: 6px;
    padding: 8px 14px;
    white-space: nowrap;
    font-size: 15px;
    font-weight: 400;
    z-index: 10;
    box-shadow: 0 2px 8px rgba(91,0,197,0.08);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s;
    margin-left: 12px;
    max-width: 80vw;
    box-sizing: border-box;
  }
  body.in-rozbalene .zaruka-wrap:hover::before,
  body.in-pouzite-2 .zaruka-wrap:hover::before,
  body.in-nove .zaruka-wrap:hover::before {
    opacity: 1;
    pointer-events: auto;
  }
  
  /* POUŽITÉ */
  body.in-pouzite-2 .zaruka-wrap::after {
    content: url("https://cdn.myshoptet.com/usr/shoptet.tomashlad.eu/user/documents/extras/mobileko/img/info.svg") " Použitý";
    color: #5b00c5;
  }
  body.in-pouzite-2 .zaruka-wrap::before {
    content: "Použitý telefon, 100% funkční";
    color: #5b00c5;
    border: 1px solid #5b00c5;
  }
  
  /* NOVÉ */
  body.in-nove .zaruka-wrap::after {
    content: url("https://cdn.myshoptet.com/usr/shoptet.tomashlad.eu/user/documents/extras/mobileko/img/info.svg") " Nový";
    color: #5b00c5;
  }
  body.in-nove .zaruka-wrap::before {
    content: "Nový telefon s plnou zárukou 24 měsíců";
    color: #5b00c5;
    border: 1px solid #5b00c5;
  }
  @media (max-width: 767px) {
    /* CSS ŘEŠENÍ - Vytvořit nový košík pomocí ::before pseudo-elementu */
    .responsive-tools::before {
        content: "";
        display: block;
        width: 35px;
        height: 35px;
        background: url(/user/documents/upload/grafika/kosik.svg) #6600CC 45% no-repeat;
        background-size: 25px auto;
        border-radius: 50%;
        position: fixed;
        top: 12px;
        right: 110px;
        z-index: 9999;
        box-shadow: 0 4px 12px rgba(0,0,0,0.15);
        cursor: pointer;
        pointer-events: none !important;
    }
    
    /* Přesunout původní košík na stejnou pozici pro funkcionalitu - VŠECHNY STAVY */
    .navigation-buttons .btn.btn-icon.toggle-window.cart-count.full,
    .navigation-buttons a.btn.btn-icon.toggle-window.cart-count.full,
    .navigation-buttons .btn.btn-icon.toggle-window.cart-count:not(.full),
    .navigation-buttons a.btn.btn-icon.toggle-window.cart-count:not(.full) {
        position: fixed !important;
        top: 12px !important;
        right: 110px !important;
        z-index: 10001 !important;
        width: 35px !important;
        height: 35px !important;
        background: transparent !important;
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
        display: block !important;
        opacity: 0 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        cursor: pointer !important;
        /* Zajistit, že košík zůstane klikatelný i po návratu */
        transform: none !important;
        transition: none !important;
    }
    
    /* Skrýt text v původním košíku */
    .navigation-buttons .btn.btn-icon.toggle-window.cart-count.full span,
    .navigation-buttons a.btn.btn-icon.toggle-window.cart-count.full span {
        display: none !important;
    }
    

    
    /* Zobrazit bublinku s počtem položek - VŠECHNY STAVY */
    .navigation-buttons .btn.btn-icon.toggle-window.cart-count.full i,
    .navigation-buttons a.btn.btn-icon.toggle-window.cart-count.full i,
    .navigation-buttons .btn.btn-icon.toggle-window.cart-count:not(.full) i,
    .navigation-buttons a.btn.btn-icon.toggle-window.cart-count:not(.full) i {
        display: block !important;
        position: absolute !important;
        top: -5px !important;
        right: -5px !important;
        background: #fff !important;
        color: #6600CC !important;
        border: 2px solid #6600CC !important;
        border-radius: 50% !important;
        width: 20px !important;
        height: 20px !important;
        font-size: 12px !important;
        line-height: 16px !important;
        text-align: center !important;
        font-weight: 600 !important;
        z-index: 10001 !important;
    }
    
    /* Zamrznout responsive-tools */
    body .responsive-tools {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 9998 !important;
        background: #fff !important;
        box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
        padding: 11px 0 !important;
    }
    
    /* Když jsou státní lišty, posunout zamrznutou lištu dolů */
    body:has(.site-msg.information) .responsive-tools {
        top: 60px !important;
    }
    
    /* Zajistit, že státní lišty jsou viditelné nad zamrznutou lištou */
    body .site-msg.information {
        position: relative !important;
        z-index: 9999 !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* Zajistit, že systémové zprávy jsou viditelné nad zamrznutou lištou */
    body .messages {
        position: relative !important;
        z-index: 9999 !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* Přesunout stavové zprávy do spodní části obrazovky */
    body .messages .msg,
    body .msg {
        position: fixed !important;
        bottom: 20px !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        top: auto !important;
        z-index: 9999 !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        margin: 0 !important;
        padding: 15px 20px !important;
        background: #dc3545 !important;
        border: none !important;
        border-radius: 8px !important;
        box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;
        max-width: 400px !important;
        width: calc(100% - 40px) !important;
        text-align: center !important;
        color: white !important;
        font-weight: 500 !important;
    }
    
    /* Speciální styl pro chybové zprávy */
    body .messages .msg-error,
    body .msg-error {
        background: #dc3545 !important;
        color: white !important;
    }
    
    /* Upravit padding body když jsou státní lišty */
    body:has(.site-msg.information) {
        padding-top: 105px !important;
    }
    
    /* Když nejsou státní lišty, použít normální padding */
    body:not(:has(.site-msg.information)) {
        padding-top: 45px !important;
    }
    

    
    /* Přidat padding k body */
    body {
        padding-top: 45px !important;
    }
    
    /* Zajistit, že košík zůstane funkční i po navigaci - SILNĚJŠÍ PRAVIDLA */
    body .navigation-buttons .btn.btn-icon.toggle-window.cart-count,
    body .navigation-buttons a.btn.btn-icon.toggle-window.cart-count {
        position: fixed !important;
        top: 12px !important;
        right: 110px !important;
        z-index: 10001 !important;
        width: 35px !important;
        height: 35px !important;
        background: transparent !important;
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
        display: block !important;
        opacity: 0 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        cursor: pointer !important;
        transform: none !important;
        transition: none !important;
        /* Zajistit, že se košík nezmění při změně obsahu */
        animation: none !important;
        filter: none !important;
        /* Zajistit, že košík zůstane klikatelný i po kliknutí */
        left: auto !important;
        bottom: auto !important;
        float: none !important;
        clear: none !important;
        overflow: visible !important;
        clip: auto !important;
        clip-path: none !important;
        mask: none !important;
        mask-image: none !important;
        /* Zajistit, že se nezmění při focus/blur */
        outline: none !important;
        box-shadow: none !important;
        /* Zajistit, že se nezmění při hover */
        background-color: transparent !important;
        background-image: none !important;
        /* Zajistit, že se nezmění při active */
        transform-origin: center !important;
        transform-style: flat !important;
        backface-visibility: visible !important;
        perspective: none !important;
        perspective-origin: center !important;
    }
    
    /* Zajistit, že košík funguje i při různých stavech košíku - NEJSILNĚJŠÍ PRAVIDLA */
    body * .navigation-buttons .btn.btn-icon.toggle-window.cart-count,
    body * .navigation-buttons a.btn.btn-icon.toggle-window.cart-count,
    html body .navigation-buttons .btn.btn-icon.toggle-window.cart-count,
    html body .navigation-buttons a.btn.btn-icon.toggle-window.cart-count {
        position: fixed !important;
        top: 12px !important;
        right: 110px !important;
        z-index: 10001 !important;
        width: 35px !important;
        height: 35px !important;
        background: transparent !important;
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
        display: block !important;
        opacity: 0 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        cursor: pointer !important;
        transform: none !important;
        transition: none !important;
        animation: none !important;
        filter: none !important;
        left: auto !important;
        bottom: auto !important;
        float: none !important;
        clear: none !important;
        overflow: visible !important;
        clip: auto !important;
        clip-path: none !important;
        mask: none !important;
        mask-image: none !important;
        outline: none !important;
        box-shadow: none !important;
        background-color: transparent !important;
        background-image: none !important;
        transform-origin: center !important;
        transform-style: flat !important;
        backface-visibility: visible !important;
        perspective: none !important;
        perspective-origin: center !important;
        /* Zajistit, že košík zůstane klikatelný i v košíku */
        user-select: none !important;
        -webkit-user-select: none !important;
        -moz-user-select: none !important;
        -ms-user-select: none !important;
        /* Zajistit, že se košík nezmění při scrollování v košíku */
        position: fixed !important;
        /* Zajistit, že se košík nezmění při změně obsahu košíku */
        content: none !important;
        quotes: none !important;
        counter-reset: none !important;
        counter-increment: none !important;
    }
    
    /* NEJSILNĚJŠÍ PRAVIDLA - Zajistit, že košík funguje i při otevřeném košíku */
    body[class*="cart"] .navigation-buttons .btn.btn-icon.toggle-window.cart-count,
    body[class*="cart"] .navigation-buttons a.btn.btn-icon.toggle-window.cart-count,
    body[class*="widget"] .navigation-buttons .btn.btn-icon.toggle-window.cart-count,
    body[class*="widget"] .navigation-buttons a.btn.btn-icon.toggle-window.cart-count,
    body[class*="open"] .navigation-buttons .btn.btn-icon.toggle-window.cart-count,
    body[class*="open"] .navigation-buttons a.btn.btn-icon.toggle-window.cart-count,
    /* Zajistit, že košík funguje i při různých stavech stránky */
    body .navigation-buttons .btn.btn-icon.toggle-window.cart-count[style*="display"],
    body .navigation-buttons a.btn.btn-icon.toggle-window.cart-count[style*="display"],
    body .navigation-buttons .btn.btn-icon.toggle-window.cart-count[style*="visibility"],
    body .navigation-buttons a.btn.btn-icon.toggle-window.cart-count[style*="visibility"],
    body .navigation-buttons .btn.btn-icon.toggle-window.cart-count[style*="opacity"],
    body .navigation-buttons a.btn.btn-icon.toggle-window.cart-count[style*="opacity"] {
        position: fixed !important;
        top: 12px !important;
        right: 110px !important;
        z-index: 10001 !important;
        width: 35px !important;
        height: 35px !important;
        background: transparent !important;
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
        display: block !important;
        opacity: 0 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        cursor: pointer !important;
        transform: none !important;
        transition: none !important;
        animation: none !important;
        filter: none !important;
        left: auto !important;
        bottom: auto !important;
        float: none !important;
        clear: none !important;
        overflow: visible !important;
        clip: auto !important;
        clip-path: none !important;
        mask: none !important;
        mask-image: none !important;
        outline: none !important;
        box-shadow: none !important;
        background-color: transparent !important;
        background-image: none !important;
        transform-origin: center !important;
        transform-style: flat !important;
        backface-visibility: visible !important;
        perspective: none !important;
        perspective-origin: center !important;
        user-select: none !important;
        -webkit-user-select: none !important;
        -moz-user-select: none !important;
        -ms-user-select: none !important;
        content: none !important;
        quotes: none !important;
        counter-reset: none !important;
        counter-increment: none !important;
        /* Zajistit, že košík zůstane klikatelný i při otevřeném košíku */
        position: fixed !important;
        /* Zajistit, že se košík nezmění při změně obsahu košíku */
        content: none !important;
        quotes: none !important;
        counter-reset: none !important;
        counter-increment: none !important;
        /* Zajistit, že se košík nezmění při scrollování v košíku */
        position: fixed !important;
        /* Zajistit, že se košík nezmění při změně obsahu košíku */
        content: none !important;
        quotes: none !important;
        counter-reset: none !important;
        counter-increment: none !important;
    }
    
    /* Zajistit, že bublinka zůstane viditelná i po navigaci */
    body .navigation-buttons .btn.btn-icon.toggle-window.cart-count i,
    body .navigation-buttons a.btn.btn-icon.toggle-window.cart-count i,
    /* Zajistit, že bublinka zůstane viditelná i v košíku */
    body * .navigation-buttons .btn.btn-icon.toggle-window.cart-count i,
    body * .navigation-buttons a.btn.btn-icon.toggle-window.cart-count i,
    html body .navigation-buttons .btn.btn-icon.toggle-window.cart-count i,
    html body .navigation-buttons a.btn.btn-icon.toggle-window.cart-count i,
    /* Zajistit, že bublinka zůstane viditelná i při otevřeném košíku */
    body[class*="cart"] .navigation-buttons .btn.btn-icon.toggle-window.cart-count i,
    body[class*="cart"] .navigation-buttons a.btn.btn-icon.toggle-window.cart-count i,
    body[class*="widget"] .navigation-buttons .btn.btn-icon.toggle-window.cart-count i,
    body[class*="widget"] .navigation-buttons a.btn.btn-icon.toggle-window.cart-count i,
    body[class*="open"] .navigation-buttons .btn.btn-icon.toggle-window.cart-count i,
    body[class*="open"] .navigation-buttons a.btn.btn-icon.toggle-window.cart-count i {
        display: block !important;
        position: absolute !important;
        top: -5px !important;
        right: -5px !important;
        background: #fff !important;
        color: #6600CC !important;
        border: 2px solid #6600CC !important;
        border-radius: 50% !important;
        width: 20px !important;
        height: 20px !important;
        font-size: 12px !important;
        line-height: 16px !important;
        text-align: center !important;
        font-weight: 600 !important;
        z-index: 10001 !important;
        /* Zajistit, že se bublinka nezmění */
        animation: none !important;
        filter: none !important;
    }
    
    /* Zajistit, že košík zůstane funkční ve všech stavech */
    body .navigation-buttons .btn.btn-icon.toggle-window.cart-count:hover,
    body .navigation-buttons a.btn.btn-icon.toggle-window.cart-count:hover,
    body .navigation-buttons .btn.btn-icon.toggle-window.cart-count:focus,
    body .navigation-buttons a.btn.btn-icon.toggle-window.cart-count:focus,
    body .navigation-buttons .btn.btn-icon.toggle-window.cart-count:active,
    body .navigation-buttons a.btn.btn-icon.toggle-window.cart-count:active,
    body .navigation-buttons .btn.btn-icon.toggle-window.cart-count:visited,
    body .navigation-buttons a.btn.btn-icon.toggle-window.cart-count:visited,
    /* Zajistit, že košík funguje i když je otevřený */
    body.cart-widget-open .navigation-buttons .btn.btn-icon.toggle-window.cart-count,
    body.cart-widget-open .navigation-buttons a.btn.btn-icon.toggle-window.cart-count,
    body .cart-widget-open .navigation-buttons .btn.btn-icon.toggle-window.cart-count,
    body .cart-widget-open .navigation-buttons a.btn.btn-icon.toggle-window.cart-count,
    /* Zajistit, že košík funguje i při různých stavech košíku */
    body .popup-widget.cart-widget ~ .navigation-buttons .btn.btn-icon.toggle-window.cart-count,
    body .popup-widget.cart-widget ~ .navigation-buttons a.btn.btn-icon.toggle-window.cart-count {
        position: fixed !important;
        top: 12px !important;
        right: 110px !important;
        z-index: 10001 !important;
        width: 35px !important;
        height: 35px !important;
        background: transparent !important;
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
        display: block !important;
        opacity: 0 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        cursor: pointer !important;
        transform: none !important;
        transition: none !important;
        animation: none !important;
        filter: none !important;
        left: auto !important;
        bottom: auto !important;
        float: none !important;
        clear: none !important;
        overflow: visible !important;
        clip: auto !important;
        clip-path: none !important;
        mask: none !important;
        mask-image: none !important;
        outline: none !important;
        box-shadow: none !important;
        background-color: transparent !important;
        background-image: none !important;
        transform-origin: center !important;
        transform-style: flat !important;
        backface-visibility: visible !important;
                perspective: none !important;
        perspective-origin: center !important;
    }
    
    /* Skrýt košík přímo v košíku */
    body.type-cart .responsive-tools::before,
    body[class*="cart-page"] .responsive-tools::before,
    body[class*="kosik"] .responsive-tools::before,
    body[class*="basket"] .responsive-tools::before {
        display: none !important;
    }
    
    /* Skrýt funkční košík přímo v košíku */
    body.type-cart .navigation-buttons .btn.btn-icon.toggle-window.cart-count,
    body.type-cart .navigation-buttons a.btn.btn-icon.toggle-window.cart-count,
    body[class*="cart-page"] .navigation-buttons .btn.btn-icon.toggle-window.cart-count,
    body[class*="cart-page"] .navigation-buttons a.btn.btn-icon.toggle-window.cart-count,
    body[class*="kosik"] .navigation-buttons .btn.btn-icon.toggle-window.cart-count,
    body[class*="kosik"] .navigation-buttons a.btn.btn-icon.toggle-window.cart-count,
    body[class*="basket"] .navigation-buttons .btn.btn-icon.toggle-window.cart-count,
    body[class*="basket"] .navigation-buttons a.btn.btn-icon.toggle-window.cart-count {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
    
    /* Zajistit, že se košík obnoví po návratu z košíku */
    body:not([class*="cart"]):not([class*="widget"]):not([class*="open"]):not(.type-cart):not([class*="cart-page"]):not([class*="kosik"]):not([class*="basket"]) .navigation-buttons .btn.btn-icon.toggle-window.cart-count,
    body:not([class*="cart"]):not([class*="widget"]):not([class*="open"]):not(.type-cart):not([class*="cart-page"]):not([class*="kosik"]):not([class*="basket"]) .navigation-buttons a.btn.btn-icon.toggle-window.cart-count {
        position: fixed !important;
        top: 12px !important;
        right: 110px !important;
        z-index: 10001 !important;
        width: 35px !important;
        height: 35px !important;
        background: transparent !important;
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
        display: block !important;
        opacity: 0 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        cursor: pointer !important;
        transform: none !important;
        transition: none !important;
        animation: none !important;
        filter: none !important;
        left: auto !important;
        bottom: auto !important;
        float: none !important;
        clear: none !important;
        overflow: visible !important;
        clip: auto !important;
        clip-path: none !important;
        mask: none !important;
        mask-image: none !important;
        outline: none !important;
        box-shadow: none !important;
        background-color: transparent !important;
        background-image: none !important;
        transform-origin: center !important;
        transform-style: flat !important;
        backface-visibility: visible !important;
        perspective: none !important;
        perspective-origin: center !important;
        user-select: none !important;
        -webkit-user-select: none !important;
        -moz-user-select: none !important;
        -ms-user-select: none !important;
        content: none !important;
        quotes: none !important;
        counter-reset: none !important;
        counter-increment: none !important;
    }
}

/* --- SKRYTÍ ELEMENTŮ V KLIENTSKÉ ZÓNĚ ------------------------------------------------------------------------------------------------------------------------------------------- */
/* Skrýt všechny elementy v klientské zóně kromě jména a logoutu - POUZE MOBILNÍ ZOBRAZENÍ */
@media (max-width: 767px) {
    .sidebar-inner .box-client ul li:not(.active):not(.logout),
    .sidebar .box-client ul li:not(.active):not(.logout),
    .sidebar-inner ul li:not(.active):not(.logout),
    .sidebar ul li:not(.active):not(.logout),
    .box-client ul li:not(.active):not(.logout) {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }

    /* Zajistit, že se zobrazí pouze jméno a logout - POUZE MOBILNÍ ZOBRAZENÍ */
    .sidebar-inner .box-client ul li.active,
    .sidebar-inner .box-client ul li.logout,
    .sidebar .box-client ul li.active,
    .sidebar .box-client ul li.logout,
    .sidebar-inner ul li.active,
    .sidebar-inner ul li.logout,
    .sidebar ul li.active,
    .sidebar ul li.logout,
    .box-client ul li.active,
    .box-client ul li.logout {
        display: list-item !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}