/* HAL3000 Megashop by HAP 30/5/2024 */ @import url("owl.carousel.css"); @import url("mCustomScrollbar.css"); /* b2c-shared */ @import "../../b2c-shared/stylesheets/product-detail.css"; /* XtendHome by Nightfever 4-2024 */ /* reset ********************************/ *, *::before, *::after { box-sizing: border-box} * { margin: 0; padding: 0} ul[role='menu'], ol[role='menu'] { list-style: none} html:focus-within { scroll-behavior: smooth} a:not([class]) { text-decoration-skip-ink: auto} img, picture, svg, video, canvas { max-width: 100%; height: auto; vertical-align: middle; background-repeat: no-repeat; background-size: cover} input, button, textarea, select { font: inherit} @media (prefers-reduced-motion: reduce) { html:focus-within { scroll-behavior: auto} *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; transition: none} } .clearfix {clear: both;} select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], input[type="email"], .likeSelect { position: relative; display: block; width: 100%; line-height: 24px; padding: 6px 15px 5px 9px; color: #222222; border: 2px solid var(--theme-main-blue); height: 42px; border-radius: 4px; background-color: transparent; transition: all 0.15s ease-in-out; } /* global ********************************/ body, html { height: 100%; min-width: 319px; scroll-behavior: smooth; font-family: "Noto Sans", sans-serif; font-optical-sizing: auto; font-weight: ; font-style: normal; font-variation-settings: "wdth" 100;font-size:15px;} .xtend-font { font-family: "Oxanium", sans-serif; font-optical-sizing: auto; font-style: normal; text-transform:uppercase}/* variabliní font 200-800 */ :root { --theme-main-blue: #97dcde; /* header,hlavni barva */ --theme-dark-blue: #44afc8; /* hover odkazy */ --theme-darker-blue: #248fa8; /* hover odkazy patcka */ --theme-darkest-blue: #147f98; /* hover odkazy hlavička */ --theme-main-orange: #f8b487; /* footer, banner sluder */ --theme-light-orange: #fff8c6; /* podpora */ --theme-dark-orange: #ad7e5e; /* */ } .pilulka .mask { fill:white} .pilulka.pil-f-4 .frame { stroke: black; stroke-width: 4;} .btn { cursor:pointer; display:inline-flex; font-size: 1.125em; padding: 8px 12px 7px 18px; border: 3px solid; border-radius: 1em; width: max-content; text-decoration: none; font-weight: 600; text-transform: uppercase; letter-spacing: 1px;} .btn-small { cursor:pointer; display:inline-flex; font-size: 1em; padding: 8px 16px 7px 16px; border: 2px solid; border-radius: 1em; width: max-content; text-decoration: none; font-weight: 600; text-transform: uppercase; } .btn.link:after { content:""; background: url(../images/svg-misc/arrow-right.svg) no-repeat center; width: 1.5em; height: .8em; display: inline-block; align-self: center;} .btn-to-black { background:none; color: black; border-color: black} .btn-to-black:hover { background: black; color: var(--theme-main-orange)} .btn-to-black.link:hover:after { filter: invert(1) brightness(.5) sepia(1) saturate(3)} .btn-to-orange { background:none; color: black; border-color: black} .btn-to-orange:hover { background: var(--theme-main-orange); border-color: var(--theme-main-orange); color: white} .btn-to-orange.link:hover:after { filter: invert(1)} .btn-orange { background: var(--theme-main-orange); border-color: black; color: black} .btn-orange:hover { background: black; border-color: var(--theme-main-orange); color: var(--theme-main-orange);} .btn-orange-o { border-color: var(--theme-main-orange); color:var(--theme-main-orange) } .btn-orange-o:hover { background: black; border-color: var(--theme-main-orange); color: var(--theme-main-orange);} .input { padding: 8px 8px 7px 16px; width: min-content; border: 2px solid var(--theme-dark-blue); border-radius: 1em;} .nowrap {white-space: nowrap;padding: 0 !important; margin: 0 !important; font-size: inherit !important;} .left {text-align: left} .w150 {width:150px} .w200 {width:200px} .w250 {width:250px} .sr-only { display: none} /* flash messages z MegaBase v2024 by HAP */ .flashTop {width: 100%; padding: 5px;} .flashTop .container {display:flex; justify-content: center; align-items: center; line-height: 1.2em; font-size:14px; min-height: 35px;} .flashTop i.fa-notice:before {width: 1em;height: 1em;display: block; margin: 0 0 0 5px;content:url("data:image/svg+xml,")} .flashTop button.close {background-color: #00000011;padding: 5px 15px;height: 40px;line-height: 20px;margin-left: 20px;border-radius: 4px; border:none} .flash-info {color: white; background: linear-gradient(to top, #53a8c1, #0987a5)} .flash-danger {color: white; background: linear-gradient(to top, #ff8c40, #bf6224)} .flash-error {color: white; background: linear-gradient(to top, #ed4518, #c70000)} /* Header ********************************/ #sticky-header { position: absolute; left: 0; top: 0px; width: 100%; z-index: 100; height: auto; background: var(--theme-main-blue); color: black} @media (max-width: 767.98px) { #sticky-header .container { top: 0}} @media (max-width: 1023.98px) { #sticky-header .container { padding: 10px 0}} @media (min-width: 1024px ) { #sticky-header .container { padding: 20px 0}} .logo img { height: 60px; max-width: 200px;} @media (max-width: 450px) { .logo img { height: 35px}} #sticky-header .mobile-nav-toggler { position: relative; /*float: right;*/ font-size: 30px; cursor: pointer; line-height: 1; display: none; margin-right: 10px;} @media (max-width: 1023.98px) { #sticky-header .mobile-nav-toggler { display: block;}} #sticky-header nav { display: flex; align-items: center; gap: 2em} .tgmenu__main-menu ul { display: flex; gap: 1em; align-content: baseline; flex-wrap: wrap; margin: 0 auto; padding: 0;} @media (max-width: 1023.98px) { .tgmenu__main-menu { display:none}} @media (max-width: 1500px) { .tgmenu__navbar-wrap ul { }} .tgmenu__main-menu ul li a, .tgmenu__main-menu ul li span.trigger{ font-size: 16px; font-weight: 600; color: #222; text-decoration: none; padding: 40px 6px; line-height: 1; cursor: pointer } .tgmenu__main-menu ul li a:hover { color: #0b7e81} .tgmenu__action { margin-left: auto; padding-top: 5px;} .tgmenu__action ul { display: flex; } .tgmenu__action > ul > li:not(:last-child) svg {margin-right:10px} .tgmenu__action a, .tgmenu__action span.trigger { cursor: pointer;color: inherit;} .tgmenu__action a:hover { opacity:.5} .menu-svg-40 { height: 40px; width: 40px} .menu-svg-30 { height: 30px; width: 30px} #sticky-header.sticky-menu { position: fixed; left: 0; margin: auto; top: 0; width: 100%; height:100px; z-index: 99; animation: 600ms ease-in-out 0s normal none 1 running fadeInDown; box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);} @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px);} 100% { opacity: 1; transform: translateY(0);}} @media (max-width: 1024px) { #sticky-header.sticky-menu {height: 80px;} } @media (max-width: 450px) { #sticky-header.sticky-menu {height: 60px;} } li.currency {position: relative; text-decoration: none; display: flex; } li.currency:not(:has(a)) {padding: 7px 0;} li.currency a { text-decoration: none; display: flex; padding: 7px 0;} li.currency > a:after {content:""; display: inline-block; background-size: cover; width:20px; height: 20px; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik0xNiAxMEwxMiAxNEw4IDEwIiBzdHJva2U9IiMwMDAwMDAiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQo8L3N2Zz4=")} li.currency img {height: 1.2em;} li.currency ul {display: none; list-style: none; right: 0; text-align: center;} li.currency:hover ul {display:block;position: absolute; top: 1.4em; background: var(--theme-main-blue); padding-top: 10px} li.currency li {padding: 7px; border-radius: 4px} nav:not(.tgmobile__menu-box) .dd-menu { z-index:-1; position: absolute; transform: translateY(-200%); opacity:0; transition: all .3s; background: var(--theme-main-blue); left: 0; right: 0; } nav:not(.tgmobile__menu-box) .dropdown.cart-dropdown:hover .dd-menu, nav:not(.tgmobile__menu-box) .open .dd-menu { transform: translateY(0); opacity:1; top:99px; border-top: 4px solid #222;} @media all and (max-width: 1240px) { nav:not(.tgmobile__menu-box) .open .dd-menu { top:80px} } @media all and (max-width: 400px) { nav:not(.tgmobile__menu-box) .open .dd-menu { top:60px} } nav:not(.tgmobile__menu-box) .trigger { position: relative} nav:not(.tgmobile__menu-box) .tgmenu__main-menu .open .trigger:after {content:""; position: absolute; background:#222; width:100%; left:0; bottom:0; height:4px} nav:not(.tgmobile__menu-box) .dd-menu .container { padding: 50px 15px !important; } nav:not(.tgmobile__menu-box) .dd-menu .container.menuFlex { display: flex;justify-content: space-between; padding: 0 !important} nav:not(.tgmobile__menu-box) .dd-menu .container.menuFlex ul.prodCats { padding: 2em 0 0 15px; /*width: 60%;*/} nav:not(.tgmobile__menu-box) .dd-menu .container.menuFlex ul.prodCats li { flex-basis: calc(40% - 1em)} nav:not(.tgmobile__menu-box) .dd-box { max-width: 300px} nav:not(.tgmobile__menu-box) .dd-box p { padding: 0 0 5px;} nav:not(.tgmobile__menu-box) .dd-box p:last-of-type { padding: 0 0 15px;} nav:not(.tgmobile__menu-box) .right .dd-box { margin-left: auto} .dd-menu a.dropdown { display: flex; padding: 10px 0; align-items: center; gap: 15px;} .dd-menu .menu-img { height: 40px;} .dd-menu .menu-img img { height: 35px;} .dd-menu .menu-title:after { content:""; background: url(../images/svg-misc/arrow-right.svg) no-repeat center; width: 1.5em; height: .8em; display: inline-block; align-self: center;} .dd-menu .container.right { text-align: right;} .icon-cart {position: relative} .icon-cart span {position: absolute; right: 5px;top: -6px;background: #ffffff;width: 17px;height: 17px;display: flex;justify-content: center;align-items: center;border-radius: 50%;font-size: 12px;font-weight: 800;} /* rotátor v horním menu*/ .menuFlex .owl-carousel-menu { width: 360px; padding: 2em 0 1em; padding: 2em 0 1em; background: linear-gradient(to right, #0000000a, #00000000);} .menuFlex .owl-carousel-menu .owl-stage-outer { width: 321px; margin: 0 0 0 auto;} /* Mobilní Menu z headeru*/ .tgmobile__menu { position: fixed; right: 0; top: 0; width: 300px; padding: 30px; max-width: 100%; height: 100%; z-index: 99; transition: all 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86); transform: translateX(101%);} #sticky-header .tgmobile__menu-box { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; max-height: 100%; overflow-y: auto; overflow-x: hidden; background: white; padding: 30px; z-index: 5; box-shadow: -9px 0 14px 0px rgba(0, 0, 0, 0.06); display: flex; flex-direction: column; align-items: baseline; gap: 2em} .tgmobile__menu .nav-logo { position: relative; padding: 30px 25px; } .tgmobile__menu .nav-logo img { width: 150px;} .tgmobile__menu-outer li { margin:0 0 10px} .tgmobile__menu-outer a { font-size: 16px; color: #222; text-decoration: none; padding: 5px} .tgmobile__menu-outer .dropdown li a { color: #4b6e6f;} .tgmobile__menu .close-btn { position: absolute; right: 15px; top: 15px; line-height: 30px; width: 35px; color: var(--tg-theme-primary); cursor: pointer; z-index: 10; transition: all 0.5s ease;} .tgmobile__menu-backdrop { position: fixed; right: 0; top: 0; width: 100%; height: 100%; z-index: 2; transition: all 700ms ease; opacity: 0; visibility: hidden; background: rgba(0, 0, 0, 0.5);} .tgmobile__menu .dd-menu .menu-img {height: 26px;} .tgmobile__menu .dd-menu .menu-img img {height: 25px;} .tgmobile__menu .owl-carousel-menu {display: none !important} .mobile-menu-visible { overflow: hidden;} .mobile-menu-visible .tgmobile__menu { transform: translateX(0%);} .mobile-menu-visible .tgmobile__menu-backdrop { opacity: 1; visibility: visible;} .mobile-menu-visible .tgmobile__menu .close-btn { transform: rotate(90deg);} /* MAIN obsah ********************************/ main { } /* HOME banners */ #home-banners { background: var(--theme-main-orange)} #home-banners .container { position: relative; overflow: hidden;} .home-banner { padding: 4em 1em 0} .home-banner .left .pilulka { transform: translateX(-10%)} .home-banner .right { display:flex; flex-direction: column; justify-content: center; gap:2em} .home-banner h2 { font-size:3em; } .home-banner p { font-size: 1.5em; max-width:450px} #home-banners .owl-item { opacity:.25} #home-banners .owl-item.active { opacity:1} @media (min-width: 768px) { .home-banner { display: flex;} .home-banner > div { width:50%} .home-banner h2 { margin-top: 1em; max-width:250px} } @media (max-width: 767.99px) { .home-banner .left .pilulka {transform: translateX(-20%) translateY(-20%); max-width: 75%;} } /* HOME info1 */ /*#home-info-01 .container { background: radial-gradient(ellipse at bottom, #e1f2f2, transparent 50%)}*/ #home-info-01 .container > div { display:flex; flex-direction: column; gap: 1em; align-items: center; padding: 6em 1em} #home-info-01 h2 { font-size:28px;} #home-info-01 p { font-size:1.1em; text-align: center; max-width: 766px;} /* HOME cat */ #home-categories {} .categories { display:flex; flex-wrap: wrap; justify-content: center; gap: 1.5em; padding: 4em 0; border-bottom: 2px solid var(--theme-main-orange); position: relative} /*.categories:after { content:""; display:block; width:200px; height:8px; background: var(--theme-main-orange); position:absolute; left:0; bottom:-5px}*/ .categories .category { flex-basis: 180px; display:flex; flex-direction: column} .categories .category img {padding:1em 2em; margin: auto; transition: transform .3s;} .categories .category span { text-align: center; font-size: 1.3em; font-weight: 800; letter-spacing: .5px; } .categories .category span b { display: block; color: var(--theme-main-orange); font-weight: inherit} .categories a { text-decoration: none; color: inherit} .categories a:hover img { transform: scale(1.1);} .categories .category img.noImage { width: 45px; padding: 0 ; opacity: .2;} /* HOME usp */ #global-usp {} #global-usp .container { padding: 5em 1em} .usps { display:flex; } .usps .usp { flex-basis: 25%; padding-right:2em; display: flex; flex-direction: column;} .usps img { height: 100px; margin: 0 0 10px -5px;} .usps h6 { font-size: 22px; line-height: 26px; padding: 0 0 11px;} .usps p {} @media (max-width: 767.99px) { .usps { flex-wrap: wrap; justify-content: space-between;} .usps .usp { flex-basis: 50%; flex-basis: calc(50% - 1em);} } /* HOME tuya */ #global-tuya { background: #f7f7f7; margin: 7em 0 0} .statics-article #global-tuya { margin: 0; padding-top: 30px;} .statics-article #global-tuya .left img {margin-top: 0; max-height:560px} #global-tuya .container {} #global-tuya .wrapper { display: flex; } #global-tuya .left {width:50%; text-align: center} #global-tuya .left img {margin-top: -5em; max-height:550px} #global-tuya .right { width:50%; display:flex; flex-direction: column; justify-content: center; gap: 1em; padding: 2em 1em} #global-tuya h2 { font-size:43px;} #global-tuya p { font-size:20px;} @media (max-width: 767.99px) { #global-tuya { margin: 1em 0 0} #global-tuya .wrapper { flex-direction: column-reverse; flex-wrap:wrap } #global-tuya .wrapper > div { width:100%} #global-tuya .left img {margin-top: 0; width:50%} } /* HOME sellers */ #global-sellers {} #global-sellers .container { padding: 3em 1em} #global-sellers .wrapper { display:flex; gap: 1em; justify-content: center; align-items: center} #global-sellers h3 { text-transform: uppercase; text-align: center; margin: 2em auto 1em;} #global-sellers .btn { display: block; font-size: 1em; margin: 2em auto 2em;} /* HOME support */ #global-support { background: var(--theme-light-orange) } #global-support .container { padding: 3em 0 10em;} #global-support h3 { text-align: center} @media (min-width: 768px) { #global-support .wrapper { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 2em} } #global-support .wrapper > * { position: relative; display: block; text-align: center; margin: 2em 1em; text-decoration: none; color: inherit} #global-support .email, #global-support .phone { font-size:1.85em; font-weight:600; white-space: nowrap} @media (max-width: 450px) { #global-support .email, #global-support .phone { font-size: 1.35em;} } #global-support .email:hover, #global-support .phone:hover { color: var(--theme-dark-blue);} #global-support small{ right:0; display: block;} @media (min-width: 768px) {#global-support small{ position: absolute; }} #global-support .btn { font-size:1em; } #global-review .container { padding: 0 4em;} @media (max-width: 1390px) { #global-review .container { padding: 0;} } #global-review .review { margin: -10em 0 0; color: white} @media (min-width: 768px) { #global-review .owl-stage-outer { padding-top: 6em}} #global-review .review-item h5 {grid-area: nadpis; font-size:1.5em; text-shadow: 0 1px 5px #02020280; mix-blend-mode: luminosity;} #global-review .review-item cite {grid-area: text; font-size: 1.1em; text-shadow: 0 1px 5px #02020280; mix-blend-mode: luminosity; padding: 1em 0} #global-review .review-item cite p {padding: 0 0 1em} #global-review .review-item figure {grid-area: foto} #global-review .review-item figure img { border-radius: 50%; margin: -6em 2em 2em 6em; max-height: 260px;} #global-review .review-item {display: grid; grid-template-areas: "nadpis foto" "text foto" "text foto"; padding: 3em 0 0 5em; margin: 0 auto; max-width: calc(100% - 6em); background: url(../images/backgrounds/grain1.jpg) no-repeat center / cover; border-radius: 6em;} @media (max-width: 767.99px) { #global-review .review-item { display: block; padding: 2em; border-radius: 0; max-width: 100%;} #global-review .review-item h5 { margin: 0 0 .5em;} #global-review .review figure img { margin: -1em -1em 0 0; max-height: 5em; float: right;} } #blog-section {padding: 5em 0 2em} #blog-section h3 { text-align: center; margin: 1em 0 2em;} #blog-section .articleList {} #blog-section .articleList a { flex-basis: calc(33.33% - 1em); text-decoration: none;color: initial;} #blog-section .tag {position: absolute;right: 0;background: var(--theme-main-orange);color: white;font-size: 12px;font-weight: 600;letter-spacing: 1px;padding: 10px 20px;border-radius: 20px;} #blog-section h5 {font-size: 18px;} #blog-section .articleCard { overflow: hidden;position: relative;padding: 180px 20px 0;height: 100%;display: flex;align-items: end;} #blog-section .cardWallpaper { position: absolute;bottom: 40px;top: 0;left: 0;right: 0;z-index: -1;background-size: cover; background-position: center 30%; border-radius: 20px;} #blog-section .cardContent { background: #ffffffee; border-radius: 20px; padding: 20px; box-shadow: 0 5px 15px #ccc; margin-bottom: 15px; width: 100%; display: flex; flex-direction: column; align-items: center; gap: 2em;} #blog-section .center { text-align: center; margin: 2em;} #snippet--articles h1 {margin: 2em 0 .5em} #snippet--articles .articleList {display: flex; flex-wrap: wrap; gap: 1em; } #snippet--articles .articleList a {flex-basis: calc(33% - (1em / 2));} @media (max-width: 500px) { #snippet--articles .articleList a {flex-basis: 100%;} } @media (min-width: 700px) { #snippet--articles .articleList a:first-child {flex-basis: 100%} #snippet--articles .articleList a:first-child .articleCard { padding: 0 0 2em; align-items:initial; min-height: 300px;} #snippet--articles .articleList a:first-child .articleCard > div { position: relative; flex-basis: 50%} #snippet--articles .articleList a:first-child .cardContent { box-shadow: none;align-items: flex-start;} } #snippet--articles .cardContent {gap: 6px;} .blog-Categories { display:flex; gap:1em; margin: 1em 0} .blog-Categories a.btn { font-size: 12px;} .blog-Categories a.btn.active { background: var(--theme-main-orange); border-color: var(--theme-main-orange); color: white} /* HOME Insta */ #global-lifestyle { position: relative; z-index: 2; padding-top: 5em} #global-lifestyle h3 { margin: 1em 0 2em; text-align: center; text-transform: uppercase} #global-lifestyle .owl-item { max-width: 350px; max-height: 350px;} #global-lifestyle .owl-dots { display:none} /* Global Xtend */ #global-xtendhome { background: #e2efff; margin: 7em 0 0} #global-xtendhome .container { padding-right:0} #global-xtendhome .wrapper { display: flex; } #global-xtendhome .left {width:60%; display:flex; flex-direction: column; justify-content: center; gap: 1em; padding: 2em 1em} #global-xtendhome .right { width:40%; text-align: right} #global-xtendhome .right img { max-height:450px} #global-xtendhome h3 { font-size:43px;} #global-xtendhome p { font-size:22px;} @media (max-width: 1023.9px) { #global-xtendhome .left {width:100%;} #global-xtendhome .right { display: none} } /* global Newslettrer */ #global-newsletter .container { padding: 2em 4em;} @media (max-width: 1390px) { #newsletter .container { padding: 0;} } #global-newsletter .wrapper { background: url(../images/backgrounds/grain1.jpg) no-repeat center / cover; margin: 2em 0; border-radius: 6em; color: white} #global-newsletter .left { padding: 3em 4em 1em; display: flex; justify-content: space-between;} #global-newsletter h3 {font-size: 25px;max-width: 550px;margin: 0 0 .75em;} #global-newsletter p {line-height: 1.3em;max-width: 650px;font-size: 16px;font-weight: 600;} #global-newsletter form { padding: .5em 4em 3em; display:flex; flex-wrap: wrap; gap: 2em} #global-newsletter form input[type="email"] { background: white; max-width: 444px} #global-newsletter form input[type="email"], #global-newsletter form button { border-radius:25px; border-color: white; height:50px; padding: 0 25px; } #global-newsletter form button { background: transparent;align-items: center; color: white} #global-newsletter form button:hover { background: var(--theme-main-orange)} #global-newsletter form button:after { filter: invert(1);} #global-newsletter form label {display: flex; gap: 10px;} #global-newsletter .check { margin:0 2em} #global-newsletter .check input[type="checkbox"] { opacity:1; height: 1em} @media (max-width: 768px) { #global-newsletter .container { padding: 0 1em;} #global-newsletter .left { flex-wrap: wrap;flex-direction: column-reverse;gap: 1em;} } .socIcons { display:flex; justify-content: end; gap: 1em; height: 50px;} .socIcons a { display: block; transition: filter .2s} .socIcons a:hover { filter: sepia(1) brightness(.9) hue-rotate(-17deg) saturate(5);} .socIcons img { width: 50px; height:50px} footer .copyright .container div.socIcons { flex-wrap: nowrap; height: initial; max-width: max-content} .copyright .socIcons img { height:30px; width:30px} .copyright .socIcons a:not(:hover) { filter: invert(1); opacity: .7;} .copyright .socIcons a[href]:after, .copyright .socIcons a[href]:hover:after{display:none !important;} /* Footer ********************************/ footer { position: relative; z-index: 2; background: var(--theme-main-orange)} footer .container.info { display: flex; gap: 2em; padding: 3em 1em; justify-content: space-between;} @media (max-width: 1023.98px) { footer .container.info { flex-direction: column-reverse} } footer .left { display: flex; gap: 2em; flex-wrap: wrap;} footer .left .col { display: flex; flex-direction: column; gap: .5em;min-width: 250px;;} footer .left .productCats .menu-img { display:none} @media (min-width: 520px) { footer .left .productCats li {min-width: 184px;} } @media (max-width: 520px) { footer .left .productCats li {list-style: none;} } footer .right .row.grid h5 {grid-area: nadpis} footer .right .row.grid a {grid-area: telefon; } footer .right .row.grid a span {font-size: 2.5em; font-weight: 600; line-height: 1em; display: block; padding: 0 1em 0 0;} footer .right .row.grid figure {grid-area: foto;width: 100px;} footer .right .row.grid {display: grid; grid-template-areas: "nadpis foto" "telefon foto"} footer .right figure img { border: 3px solid black; border-radius: 50%;} footer .right .email.xtend-font { font-size:2.5em; text-transform: initial; font-weight: 600; display: block; padding:.75em 0 1em 0} footer h5 { font-size: 1.2em; padding: 0 0 .5em 0;} footer .copyright { position: relative; background: radial-gradient(ellipse at 1% bottom, #fdc867, transparent 80%), radial-gradient(circle at 100% bottom, #0087e5, transparent 50%), radial-gradient(ellipse at 100% top, #bb931b, transparent 70%)} footer .copyright .container { display:flex; justify-content: center; align-items: baseline ;gap: 2em; padding: 2em; position: relative;} footer .copyright, footer .copyright a {color: black; font-size: 13px; } footer .copyright .openCPrivacy-Modal { cursor:pointer} footer .pay-list img { height:25px; /* OLD */ height: 22px;filter: invert(1) sepia(1);opacity: .7;} footer .copyright .container > div { display:flex; flex-wrap: wrap; justify-content: center; gap: 1em;} .boxed > footer a { text-decoration: none; color: initial; position: relative; width: max-content;} .boxed > footer a:hover { color: var(--theme-darker-blue)} .boxed > footer a[href]:not(.no-effect):after { content: '';position: absolute; width: 100%; transform: scaleX(0); height: 2px; bottom: 0; left: 0; background-color: var(--theme-dark-blue); transform-origin: bottom right; transition: transform 0.15s ease-out;} .boxed > footer a[href]:hover:after { transform: scaleX(1); transform-origin: bottom left;} @media (max-width: 1024px) { footer .copyright .container { flex-wrap: wrap} } @media (max-width: 450px) { footer .right .row.grid a span, footer .right .email.xtend-font { font-size:1.5em;} footer .right figure { display: none} footer .left .col { padding-right: 0;} footer .copyright .container {flex-direction: column } footer .copyright .container div {justify-content: flex-start; max-width: 75%;} } /* Efekt barevný přechod s šumem */ .efekt.ef1 { position: relative; width: 100%; height: 10px; background: linear-gradient(to right, #c3764d, #eea179, #d9ce37, #2161a5);} .efekt.ef2 { position: relative; width: 100%; height: 10px; background: linear-gradient(to right, #00fff3, #33e33a, #fda52a, #99e9fb);} .efekt.ef3 { position: relative; width: 100%; height: 10px; background: linear-gradient(to right, #00fff3, #fda52a, #99e9fb);} .efekt.ef4 { position: relative; width: 100%; height: 10px; background: linear-gradient(to right, #00fff3, #33e33a);} .efekt:before { content:""; position: absolute; width: 100%; height: 100%; background: url(../images/svg-misc/noise.svg); mix-blend-mode: hard-light;} /* Sckrol nahoru */ .scroll__top.open { bottom: 30px;} .scroll__top { width: 40px; height: 40px; padding: 4px; position: fixed; bottom: -10%; right: 50px; border-radius: 4px; z-index: 99; cursor: pointer; background: var(--theme-main-blue); transition: 1s ease;} .scroll__top::after { position: absolute; z-index: -1; content: ""; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 1; background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);} /** * Owl Carousel v2.1.1 */ .owl-carousel, .owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative} .owl-carousel{display:none;z-index:1;width:100%} .owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y} .owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)} .owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none} .owl-carousel .owl-item img{-webkit-transform-style:preserve-3d}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{display:none}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-height{transition:height .5s ease-in-out} .owl-nav.disabled {display:none} /* owl-fix by HAP */ .owl-stage { display:flex} .owl-stage-outer { overflow: hidden;} .owl-carousel .item { position: relative; z-index: 100; -webkit-backface-visibility: hidden;} .owl-nav button { position: absolute; top: 50%; height: 50px; border:none; background: none; cursor: pointer} .owl-nav .caret-left, .owl-nav .caret-right { width: 30px; height: 40px; display: block; background-repeat: no-repeat } .owl-nav .caret-left { margin: -2em 40px 0 5px; background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath style='fill: %23000000' d='M160 220a11.963 11.963 0 0 1-8.485-3.515l-80-80a12 12 0 0 1 0-16.97l80-80a12 12 0 0 1 16.97 16.97L96.971 128l71.514 71.515A12 12 0 0 1 160 220Z'/%3E%3C/svg%3E" ); } .owl-nav .caret-right { margin: -2em 5px 0 40px; background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath style='fill: %23000000' d='M96 220a12 12 0 0 1-8.485-20.485L159.029 128 87.515 56.485a12 12 0 0 1 16.97-16.97l80 80a12 12 0 0 1 0 16.97l-80 80A11.963 11.963 0 0 1 96 220Z'/%3E%3C/svg%3E" ); } .owl-nav .owl-prev { left: 0; } .owl-nav .owl-next { right: 0;} .owl-nav .owl-prev.disabled, .owl-nav .owl-next.disabled {background: none; opacity: .25; cursor: initial} .owl-dots { padding: 1em 0; display: flex; justify-content: center; gap: 8px; opacity:.6} .owl-dots:hover { opacity:1} .owl-dot { background:none; border: none} .owl-dot span { display:block; width: 15px; height: 15px; border: 2px solid black; border-radius: 50%} .owl-dot.active span { background: black} .owl-dot:not(.active):hover {cursor: pointer} /* /HAP */ /* customCategory */ #customCategory { } /* je stylování přímo v custom souborech větví Products / Includes */ /*výpis produktů - kategorie */ body#page-category #breadcrumbs { display: block !important} /* detail produktu */ body#page-detail #breadcrumbs {padding: 2em 0;} div#popis-produktu { width: 100%} /* detail - manuály a dokumenty */ #documents {margin: 2em 0;} #documents h4 {text-transform: uppercase} #documents ul { list-style: none; display:flex; flex-wrap: wrap; gap: 20px; justify-content: center} #documents li a{ color:black; text-decoration:none} #documents li a:hover { color:var(--theme-darkest-blue); text-decoration: underline} #documents li:after {content:" ⏵"} .go-to-top { position: fixed;bottom: 50px;right: 50px;z-index: 1000;height: 50px;width: 50px; padding:5px; display: flex; justify-content: center; align-items: center; border-radius: 100%;transition: 0.5s;cursor: pointer;} .go-to-top svg {height: 20px;} .go-to-top:not(:hover) {background: var(--theme-main-orange);} .go-to-top:hover {background: var(--theme-dark-blue)} .go-to-top.active {visibility: visible; opacity: 1; pointer-events: auto;} .go-to-top:not(.active) {visibility: hidden;opacity: 0;pointer-events: none;} .go-to-top.at-end {animation: topJump 2s forwards;} @keyframes topJump { 0%, 16%, 50% { box-shadow: 0 0 0px var(--theme-dark-blue); } 8% { box-shadow: 0 0 30px 20px var(--theme-dark-blue); } 30% { box-shadow: 0 0 20px 10px var(--theme-dark-blue); } 100% { box-shadow: 0 0 5px 5px var(--theme-dark-blue); } } .baseContentBlock .wrapper > div { flex-basis: 50%; } .baseContentBlock .right { display: flex; flex-direction: column; gap: 15px; justify-content: center; max-width: 630px;} .baseContentBlock .left img { max-width: 600px;} .baseContentBlock .left .pilulka svg { max-width: 600px; width:100%} .baseContentBlock .right .btn { margin-top:1em} @media (min-width: 768px) { .baseContentBlock .wrapper { display: flex} .baseContentBlock .wrapper > div { flex-basis: 50%; } .pilulka-left { padding-right:5em} .pilulka-right { padding-left:5em} } @media (max-width: 767px) { .pilulka-left, .pilulka-right { display:none} } /* *********************** stare k revizi *******************************/ /* Overlay pro vyjížděcí menu */ .boxed {position:relative} .boxed > .overlay {content:''; position:absolute; width:100%; height:100%; top:0; left:0; background-color:rgba(0,0,0,0.2); z-index:96; opacity:0; visibility:hidden; transition:all 0.15s } .boxed > .overlay.show {opacity:1; visibility:visible; } /* /Overlay pro vyjížděcí menu */ /*modal*/ .blocker { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: auto; z-index: 1000; padding: 20px; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.3); text-align: center;} .blocker:before{ content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.05em;} .blocker.behind { background-color: transparent;} .modal { display: none; vertical-align: middle; position: relative; z-index: 2; max-width: 500px; text-align: left;} .modal a.close-modal { position: absolute; top: 0; right: 0; display: block; width: 30px; height: 30px; text-indent: -9999px; background: url(../images/icons/close.png) no-repeat center center; } .modal-spinner { display: none; position: fixed; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); padding: 12px 16px; border-radius: 5px; background-color: #111; height: 20px;} .modal-spinner > div { border-radius: 100px; background-color: #fff; height: 20px; width: 2px; margin: 0 1px; display: inline-block; -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out; animation: sk-stretchdelay 1.2s infinite ease-in-out;} .modal-spinner .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s;} .modal-spinner .rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s;} .modal-spinner .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s;} @-webkit-keyframes sk-stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.5) } 20% { -webkit-transform: scaleY(1.0) } } @keyframes sk-stretchdelay { 0%, 40%, 100% { transform: scaleY(0.5); -webkit-transform: scaleY(0.5); } 20% { transform: scaleY(1.0); -webkit-transform: scaleY(1.0); } } /*/modal*/ /* Xmodal by HAP*/ .Xmodal { position: fixed; left: 0; top: 0; bottom: 0; right: 0;z-index: -1; display: flex; justify-content: center; align-items: center; background: #fffe; backdrop-filter: blur(3px); opacity: 0; transition: 0.2s; max-width: 100vw; pointer-events: none} .Xmodal.active { opacity: 1; pointer-events: auto; z-index: 1001} .Xmodal > .Xbox { position: absolute; transform: translateY(100px); transition: 0.2s; background: #f4f5f7; box-shadow: 0 0 30px -10px #384857; width: 100%; max-height: 100vh; border-radius: 6px; position: relative; overflow:hidden; display: flex; flex-direction: column} .Xmodal.active > .Xbox { transform: translateY(0px) ;} .Xmodal > .Xbox:before { content:""; position: absolute; left: 0; top: 0; bottom: 0; right: 0;box-shadow: 0 0 0 2.5px white inset; pointer-events: none} .Xmodal header { padding: 30px 30px 15px; text-align: center} .Xmodal main { padding: 0 30px; flex-shrink: 1; overflow: auto; min-height: 90px;} .Xmodal footer { padding: 15px 30px 30px; margin-top: auto; display: flex} .Xmodal .close { position: absolute; right: .5em; top: .5em; cursor: pointer; stroke: #456} .Xmodal .close svg {height:30px} .Xmodal .close:hover { stroke: #ea0000} .XmXl .Xbox { flex-basis: calc(100% - 10em); max-width: 1200px; min-height: 75vh; } .XmMd .Xbox { flex-basis: calc(75% - 10em); max-width: 800px; min-height: 50vh; } .XmSm .Xbox { flex-basis: calc(50% - 10em); max-width: 500px; min-height: 40vh; } .XmAuto .Xbox { width: max-content; min-height: auto; } @media all and (max-width: 1024px) { .XmXl .Xbox { flex-basis: 100%} .XmSm .Xbox{ flex-basis: 80%}} @media all and (max-width: 768px) { .XmMd .Xbox, .XmSm .Xbox{ flex-basis: 100%}} @media all and (min-width: 992px) { .Xmodal .Xbox {max-height: 90vh}} .Xmodal main { background: linear-gradient(#f4f5f7 30%, rgba(255,255,255,0)),linear-gradient(rgba(255,255,255,0), #f4f5f7 70%) 0 100%, linear-gradient(to bottom, rgba(0,0,0,.1), rgba(0,0,0,0)), linear-gradient(to top, rgba(0,0,0,.1), rgba(0,0,0,0)) 0 100%; background-repeat: no-repeat; background-size: 100% 40px, 100% 40px, 100% 20px, 100% 20px;background-attachment: local, local, scroll, scroll; background-color: #f4f5f7;} /* Xmodal Koupit na.. */ #buyOnModal main { display: flex; flex-wrap: wrap; gap: 25px; justify-content: center;} #buyOnModal .buyOn { width: calc((100% - 25px) / 2);} #buyOnModal .buyOn:hover { z-index: 999; box-shadow: 0 0 50px -14px #868b93;} #buyOnModal .buyOn a { display: flex;justify-content: space-between; align-items: center; gap: 20px; background: white;padding: 20px;border-radius: 4px;height: 100%;} #buyOnModal .buyOn a > div { width: 100%; max-width:130px;} #buyOnModal .buyOn img { max-width: 150px; max-height: 60px; aspect-ratio: inherit; } #buyOnModal .stock { min-height: 1em;font-weight: 600;text-align: center;} #buyOnModal .instock { color: var(--main-green);} #buyOnModal .outofstock { color: var(--main-blue);} #buyOnModal .go { background: var(--main-lightGray);padding: 4px 9px;text-align: center;line-height: 1.2em;margin-top: 5px; border-radius: 4px; } #buyOnModal .go span { display:block; opacity:.5} #buyOnModal footer button { color: var(--main-subGray); margin: 0 auto; } @media all and (max-width: 1240px) { #buyOnModal .buyOn {width: calc((100% - 25px)); } } @media all and (max-width: 400px) { #buyOnModal .buyOn img { max-width: calc(100vw - 260px);} } /* Xmodal buyWithVoucher */ .buyWithVoucher > .Xbox, .buyWithVoucher > .Xbox main {background: var(--couponSaleBg);} .buyWithVoucher > .Xbox h3 {color: var(--couponSaleColor); fill: var(--couponSaleColor); display: flex; gap: 7px; align-items: center; font-weight: 600; letter-spacing: -.5px; font-size: 22px;} .buyWithVoucher > .Xbox h3 svg {height: 30px;} .buyWithVoucher main strong {white-space: nowrap} .buyWithVoucher .info { font-style: italic;font-size: .85em;padding: 1em 0 0;display: inline-flex; align-items: center; gap: 5px;} .buyWithVoucher .info:before {content: "i";background: lightblue;width: 1.5em;height: 1.5em;display: flex;justify-content: center;align-items: center;padding: 5px;border-radius: 50%;font-style: normal;font-size: .85em;} .buyWithVoucher footer {justify-content: space-between; gap: 2em; flex-wrap: wrap} .buyWithVoucher footer button[close-modal] { background: transparent} .buyWithVoucher footer button[close-modal]:hover { background: #ea0000} .buyWithVoucher footer .addProductDiscount a { color:black; text-decoration: none} .buyWithVoucher footer .addProductDiscount:hover a { color:white} /*@media all and (max-width: 500px) { [close-modal] {display: none}}*/ /* Xmodal DealerLocator */ #dealerLocatorModal main { display:flex; flex-grow: 1; gap: 20px;} .mapSearch { max-height: 100%; width:230px; display: flex; flex-direction: column; gap: 15px;} form#geocode-form { height: 60px;} #mapSearchArea { max-height: calc(100% - 80px); overflow-y: auto; padding: 10px 0;} .mainMap {width: 100%; position:relative} div#map { width: 100%; height: calc(75vh - 240px);} div#snippet--dealer {min-height: 100px; max-height: 200px; overflow-y: auto; display: block; margin-top: 20px; background: var(--main-lightGray);} #dealerLocatorModal .mainMap:has(#snippet--dealer:empty):before { content: attr(data-empty); background: #e1e4e9; height: 220px; position: absolute; bottom: 0; right: 0; left: 0; display: flex; justify-content: center; align-items: center} #snippet--dealer .dealer { display: flex;justify-content: space-between; gap: 25px; height: 100%;align-items: center;} #snippet--dealer .storeImg { max-width: 120px;overflow: hidden;} #snippet--dealer .storeImg img {max-height:100px; max-width: 100%;} #snippet--dealer .dealer-box { display: flex; gap: 15px;} #snippet--dealer .dealer h1 {font-weight: 600;font-size: 25px;padding: 0 0 6px;} #snippet--dealer .contacts {padding-bottom:7px; margin-bottom:5px; border-bottom: 1px dashed var(--main-blue)} #snippet--dealer .contacts span {padding-right:15px;} #snippet--dealer .addInf { letter-spacing: -.5px; } #snippet--dealer .addInf span {padding-right:5px; color: var(--main-blue)} #snippet--dealer .dealerActions {flex: 0;white-space: nowrap;} #snippet--dealer .mapPoint { } #geocode-form > a[data-toggle="tooltip"] { margin: 0;} #mapSearchArea li { list-style: none; background: #e1e4e9; padding: 3px 5px 3px 10px; margin: 0 0 5px; line-height: 1.4em;} input#geocode-input { border-color: var(--main-blue); font-size: 15px; color: inherit;position: relative; z-index: 2; background: white;} .mapSearch .autoComplete_wrapper { position: relative;} .mapSearch li:hover { cursor: pointer; filter: contrast(1.2)} ul#autoComplete_list_1:not(:empty) { background: white; display: block; z-index: 1; position: absolute; width:100%; box-shadow: 0 10px 15px -8px; transform: translateY(-10px); padding-top: 15px;} ul#autoComplete_list_1[hidden] {display:none !important} ul#autoComplete_list_1 li {background: var(--main-lightGray); margin: 2px 4px;padding: 3px 5px;} @media (max-width:600px){ #dealerLocatorModal main { flex-direction:column} .mapSearch { max-height: 25vh; width: 100%;} div#map {max-height: 50vh;} #mapSearchArea, .storeImg {display:none} #snippet--dealer .dealer {flex-direction: column-reverse;} #snippet--dealer .dealer h1 {font-size: 16px;} } /* Můj Tooltip*/ [data-tooltip] { position: relative; } [data-tooltip]:before, [data-tooltip]:after { content: none; content: normal; } [data-tooltip]:hover:before, [data-tooltip]:hover:after, [data-tooltip]:active:before, [data-tooltip]:active:after, [data-tooltip]:focus:before, [data-tooltip]:focus:after { animation: 0.15s tooltip linear; } [data-tooltip]:hover:before, [data-tooltip]:active:before, [data-tooltip]:focus:before { content: ""; } [data-tooltip]:hover:after, [data-tooltip]:active:after, [data-tooltip]:focus:after { content: attr(data-tooltip); white-space: pre; text-align:center;} [data-tooltip]:before { position: absolute; top: 100%; left: 50%; margin-top: -2px; margin-left: -5px; border: 5px solid transparent; border-bottom-color: #0098d9; } [data-tooltip]:after { position: absolute; top: 100%; left: 50%; border-radius: 3px; padding: 5px 10px; margin-top: 7px; white-space: nowrap; font-weight: normal; color: #fff; background-color: #0098d9; z-index: 950; transform: translateX(-50%); box-shadow: 0 5px 8px -2px var(--main-darkGray);} @-webkit-keyframes tooltip { from { opacity: 0; } 40% { opacity: 0; } to { opacity: 1; } } @-moz-keyframes tooltip { from { opacity: 0; } 40% { opacity: 0; } to { opacity: 1; } } @keyframes tooltip { from { opacity: 0; } 40% { opacity: 0; } to { opacity: 1; } } @media (max-width: 767px) { .sortBy [data-tooltip]:hover:after, .sortBy [data-tooltip]:active:after, .sortBy [data-tooltip]:focus:after { left: 0; transform: translateX(0); width: 233px; height: auto; white-space: normal;} } /* Hlavička */ #header {position:relative; z-index:999; background-color:var(--theme-main-blue); color:white } /* Hlavička-střed-hledání */ .top-search { padding:27px 47px;} .top-search form.form-search {position:relative; } .top-search form.form-search .cat-wrap {position:absolute; z-index:9; padding:15px 0; } .top-search form.form-search .cat-wrap select { height:20px; line-height:20px; padding:1px 35px; border:none; cursor: pointer;} .top-search form.form-search .cat-wrap span { position:absolute; top:14px; right:22px; color:#1b1b19; font-size:14px; z-index: -1;} .top-search form.form-search .box-search input {background: white; height:45px; font-size: 16px; border-radius:4px; border-color: white;} .top-search form.form-search .box-search .btn-search button {position:absolute; top:3px; right:3px; background:white; height:40px;line-height: 40px; border:none; cursor:pointer} .top-search form.form-search .box-search .search-suggestions {width:800px; overflow:hidden; position:absolute; left:0; margin-top: 5px; z-index:900; opacity:0; visibility:hidden; transition:all 0.1s ease-in-out; } .top-search form.form-search .box-search .search-suggestions.show { opacity:1; visibility:visible; top:-50px; } /* Našeptávač */ .search-suggestions .box-suggestions {width:55%; float:left; background:#fff; padding:20px 30px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; } .search-suggestions .box-suggestions .title {margin-bottom:8px; overflow:hidden; } .search-suggestions .box-suggestions ul { flex-direction: column} .search-suggestions .box-suggestions ul a {color:initial; text-decoration: none} .search-suggestions .box-suggestions ul li {margin-bottom:15px; overflow:hidden; } .search-suggestions .box-suggestions ul li .image { width:50px; float:left; max-height:40px; line-height:50px; margin-right:15px; } .search-suggestions .box-suggestions ul li .info-product { overflow:hidden; } .search-suggestions .box-cat {width:45%; float:left; background:#f5f5f5; padding:20px 30px; overflow:hidden; border-top-right-radius:10px; border-bottom-right-radius:10px; } .search-suggestions .box-cat .title { color:#f28b00; font-size:14px; font-weight:600; } .search-suggestions .box-cat ul {padding-bottom:15px; } .search-suggestions .box-cat li a { line-height:30px; color:initial} /* Box Cart */ .dd-cart ul {display: flex;flex-direction: column;list-style: none} .dd-cart li a { display: flex;align-items: baseline;gap: 9px;color: inherit;} .dd-cart li .img-product {width: 60px;border: 2px solid black;border-radius: 5px;overflow: hidden;padding: 2px;background: white;} .dd-cart li .info-product {text-align: right;} .dd-cart .total {text-align: right;font-weight: 800;padding: 34px;} /* .box-cart {text-align:right; padding:27px 0; } @media only screen and (max-width: 991px) { .box-cart { display: flex; justify-content: flex-end;} } .box-cart .inner-box {display:inline-block; position:relative; } .box-cart .inner-box > div[id^="snippet--"] > a > div {display: inline-block; } .box-cart .inner-box > div[id^="snippet--"] > a > div.icon-cart {height:48px; line-height: 40px; width: 48px; text-align: center; position: relative; } .box-cart .inner-box > div[id^="snippet--"] > a > div.icon-cart figure {padding: 5px} .box-cart .inner-box > div[id^="snippet--"] > a > div.icon-cart[data-cart-items="0"] img {animation: none; } .box-cart .inner-box ul.menu-compare-wishlist li a span, .box-cart .inner-box > div[id^="snippet--"] > a > div.icon-cart span { position: absolute; top: -1px; right: -2px; background-color: var(--main-blue); width: 17px; height: 17px; line-height: 17px; color: #f4f4f4; font-size: 11px; font-weight:800; border-radius: 50%; } .box-cart .inner-box > div[id^="snippet--"] > a > div.icon-cart span { background:var(--main-red)} .box-cart .inner-box > div[id^="snippet--"] > a > .price {font-weight: 600; font-size: 14px; position: absolute; top: 46px; right: 0; white-space: nowrap;color: white; } .box-cart .inner-box ul.menu-compare-wishlist {padding-right:15px} .box-cart .inner-box ul.menu-compare-wishlist li {display:inline-block;} .box-cart .inner-box ul.menu-compare-wishlist li a {display:block; height:48px; width:48px; line-height:40px; text-align:center; position: relative;} .box-cart .inner-box ul.menu-compare-wishlist li a figure { filter:invert(1); padding: 10px} .box-cart .inner-box ul.menu-compare-wishlist li a:hover {} .box-cart .inner-box ul.menu-compare-wishlist li a[data-count|="0"] figure { opacity: .5} .box-cart .inner-box ul.menu-compare-wishlist li a span[data-count|="0"] { display:none} */ .box-cart .inner-box .dropdown-box {padding:25px 20px 25px; background-color:#fff; color: initial; border-radius:5px; z-index:900; 0px 10px 60px -10px #123; transition:all 0.15s ease-in-out; } /*pro boxCart po najetí*/ .header-middle .box-cart .inner-box .dropdown-box {position:absolute; top:65px; width:332px; right:0; opacity:0; visibility:hidden; } .header-middle .box-cart .inner-box .dropdown-box:before /*sipka*/{content:''; position:absolute; top:-7px; right:17px; border-left:7px solid transparent; border-right:7px solid transparent; border-bottom:7px solid white; } /*pro modal po vložení*/ #cartModal h3 { text-align: left; border-bottom: 2px solid var(--main-mediumGray); margin-bottom: 30px; padding-bottom: 10px;} #cartModal .img-product img { max-height: 80px;} #cartModal .btns-cart a.view-cart {margin-right: 20px;} #cartModal a.close-modal { line-height: 100px; overflow: hidden; top: 28px;} #cartModal a { text-decoration: none; display: flex;align-items: baseline;} #cartModal .btns-cart { display: flex; justify-content: space-between; gap: 1em; margin-top: 3em;} @media all and (max-width: 500px) { #cartModal .btns-cart {flex-wrap: wrap;justify-content: center;} } .box-cart > .inner-box:hover > div[id^="snippet--"] > .dropdown-box {top:45px; opacity:1; visibility:visible; transition:all 0.15s ease-in-out; } .box-cart .inner-box .dropdown-box > ul > li {position:relative; margin-bottom:30px;list-style: none } .box-cart .inner-box .dropdown-box > ul > li .img-product { margin-right:20px; width:64px; max-height:64px; text-align:center; } .box-cart .inner-box .dropdown-box > ul > li .img-product img{max-width:100%;} .box-cart .inner-box .dropdown-box > ul > li .info-product {text-align:left; } .box-cart .inner-box .dropdown-box > ul > li .info-product .name {margin-bottom:3px; font-size:12px; line-height:20px; text-decoration: none; color: initial;} .box-cart .inner-box .dropdown-box > ul > li .info-product .price { color:var(--main-blue); text-align: right; padding-right: 20px; position: relative;} .box-cart .inner-box .dropdown-box > ul > li a.ajax { position: absolute; right: 0; top: 3px;} .box-cart .inner-box .dropdown-box > ul > li span.delete {cursor:pointer; background: url(../images/icons/delete.png) no-repeat center center; width: 18px; height: 16px; display:block;} .box-cart .inner-box .dropdown-box .total { text-align:left; } .box-cart .inner-box .dropdown-box .total span { font-weight:bold; font-size:14px; } .box-cart .inner-box .dropdown-box .total span.price {color:var(--main-blue); font-size:22px; font-weight:500; float:right; } #snippet--cartList .dd-box .btns-cart {margin-top:30px; overflow:hidden; } #snippet--cartList .dd-box .btns-cart a.check-out {color:#fff; background-color:var(--main-red); float:right; } .box-cart .inner-box .dropdown-box .btns-cart a.view-cart:hover {color:#fff; } .box-cart .delivery-info {padding:15px 0 0; } .cart-process-btn {padding:10px 33px; color:var(--main-red); border:2px solid var(--main-red); border-radius:4px; font-size:14px; font-weight:600; float:left; position:relative; overflow:hidden; z-index:5; } .cart-process-btn:hover {/**/} #ZasilkovnaBlock .btn.btn-info { background: var(--theme-dark-blue); border-radius: 5px 5px 0 0; margin: 0; width: 100%; border: 1px solid var(--theme-dark-blue); justify-content: center; font-size: 1em; color: white;} #ZasilkovnaBlock span[role="packeta-selector-branch-name"] { background: white; border: 1px solid #0098d9 !important; border-radius: 0 0 5px 5px; text-align: center; width: 100%; white-space: break-spaces;} #snippet--CartContent { width: 100%;} .drop-down-select{ position:relative; width:auto; margin-top:0; } .drop-down-select select{ /*display:none;*/ opacity:0; position:absolute } .drop-down-select .select-list { position: absolute; top: 0px; left: 50%;transform: translateX(-50%); padding: 0; background: white; z-index: 999; box-shadow: 0 10px 10px -5px var(--theme-darkest-blue);border-radius: 4px;overflow: hidden;min-width: 100%;} .drop-down-select .select-list li{ display:none; } .drop-down-select .select-list li span{ border: 2px solid black; ;display:flex; align-items: center; min-height:40px; min-width:280px; width:100%; padding:5px 15px; font-size:16px; text-align:left; cursor:pointer } .drop-down-select .select-list li:not(:last-child) span {margin: 0 0 -2px;} .drop-down-select .select-list li span.logo{ padding: 5px 15px 5px 95px; background-size: 80px auto;background-position:left 10px center; background-repeat:no-repeat; font-size:12px;} .drop-down-select .select-list li span.icon { padding: 5px 15px 5px 60px; background-repeat: no-repeat; background-size: 2em; background-position: 15px center;font-size:14px;} .drop-down-select .select-list li span:hover { background-color: var(--theme-main-orange); } .likeSelect { text-align: left; background: white; cursor:pointer} .drop-down-select span[id$="_message"].text-danger {z-index: 999;bottom: calc(-1em - 10px);} #snippet--CartRewards .panel { display: block; background: #f5f5f5; border: 0; box-shadow: 0 0 5px #ddd inset; border-radius: 8px; padding: 2em; margin: 4em 0 0;} #snippet--CartRewards .panel-heading { background: #e8e8e8; margin: -1.9em -1.9em 1em; padding: 1em 2em; border-radius: 8px 8px 0 0; display: flex; justify-content: space-between;} #snippet--CartRewards .panel-heading > span { background: #3fbae4; color: white; display: block; padding: .15em 1em; border-radius: 5px;} #snippet--CartRewards .panel-heading > span b {font-size: 1.4em; margin: -.25em .25em; display: inline-block;} table#CartRewards { text-align: right; margin: 2em 0 0; box-shadow: 0 0 0px 10px white; background: white;} table#CartRewards tr:first-of-type { border-left: 1px solid transparent; border-right: 1px solid transparent; } table#CartRewards tr th { padding: 5px; white-space: nowrap; } table#CartRewards tr td { padding: 5px; vertical-align: top; } table#CartRewards tr td > img { width: 30px; } table#CartRewards select { width: 3em; padding: .25em; line-height: 1em; height: 2em; border-radius: 3px; display: inline} table#CartRewards thead tr th:nth-child(3), table#CartRewards tr td:nth-child(3) { width: auto;text-align:left;border: none;} table#CartRewards tr td:nth-child(1) { width: auto;} /* pro modal s dostupnostma*/ .modal.shipInfo { text-align: left } .modal.shipInfo h4 { font-weight: 800; font-size: 1em; margin: 0 0 .5em } .modal.shipInfo h3 { border-bottom: 2px solid var(--main-red); margin: 0 0 1em; padding: 0 0 .5em } table.shipInfoTable { width: 100%; min-width:350px; max-width:95%;border: 1px solid #ddd; margin: 0 0 1.5em } table.shipInfoTable td { padding: .5em;vertical-align: middle;line-height: 1.25em} table.shipInfoTable td small { font-size: .85em;color: #999} table.shipInfoTable td:first-child { width: 3em } table.shipInfoTable td:last-child { text-align: right} table.shipInfoTable td figure { text-align:center } table.shipInfoTable td figure img { max-width: 100%; max-height: 1.5em; } table.shipInfoTable tr:nth-child(odd) td { background: #f1f1f1 } table.shipInfoTable td span { color:#00af00; white-space: nowrap; } .modal.shipInfo .btns-cart { text-align: center } .modal.shipInfo .cart-process-btn { float: none; display: inline-block } .modal.shipInfo .stock { min-height: 1em;font-weight: 600;text-align: center;} .modal.shipInfo .instock { color: var(--main-green);} .modal.shipInfo .outofstock { color: var(--main-blue);} .shipInfoTable.buyOn a { display:flex; justify-content: space-between;} .shipInfoTable.buyOn a span {padding-left: 15px;} /* Header linka */ .header-bottom { background-color: #33363f; position: relative} .header-bottom > .container > .row {position:relative; } /*.header-bottom:before, .header-bottom:after{ z-index: -1; position: absolute; content: ""; bottom: 15px; left: 10px; width: 100%; top: 70%; max-width:800px; background: transparent; box-shadow: 0 15px 10px #aaa; transform: rotate(-1.5deg); } .header-bottom:after{ transform: rotate(1.5deg); right: 10px; left: auto; } */ /* drobkova navigace */ #breadcrumbs {} .flat-breadcrumb {position: relative;z-index: 11;} .flat-breadcrumb ul.breadcrumbs {display:flex; flex-wrap:wrap;align-items:center;min-height: 40px; list-style: none} .flat-breadcrumb ul.breadcrumbs > li {} .flat-breadcrumb ul.breadcrumbs > li:after {; padding:0 20px 0 15px; content:""; opacity: .3; background: url(../images/svg-misc/arrow-right.svg) no-repeat center; width: .5em; height: .7em; display: inline-block; } .flat-breadcrumb ul.breadcrumbs > li:last-child:after {content: none; } .flat-breadcrumb ul.breadcrumbs > li > a { color: #d5d5d5; font-weight:700;text-decoration:none; text-transform: uppercase} .flat-breadcrumb ul.breadcrumbs li a:hover {color: var(--theme-darkest-blue)} .flat-breadcrumb ul.breadcrumbs > li:last-child a {cursor:default; color:#2d2d2d;} .flat-breadcrumb ul.breadcrumbs ul {display:none;} .flat-breadcrumb ul.breadcrumbs > li a.intro:after {content: attr(data-text)} /* Dnešní nabídka */ .today-deal { float:right;} .today-deal a {line-height:55px;color:#ffffff;font-size:14px;font-weight:600;position:relative;} .today-deal a:before {content:'';position:absolute;width:0;height:2px;bottom:-4px;right:0;background:#fff; transition:width .2s cubic-bezier(0.29, 0.18, 0.26, 0.83);} .today-deal a:hover:before {width:100%; left:0;} .today-deal.style1 > a {color:#f28b00;} /*hvězdičky hodnocení - 20 a méně % nezobrazujeme hodnocení*/ .rating i { color:#f28b00;} .rating i::before {content: "\f005";display: inline-block;font: 14px/1 FontAwesome;font-size: 14px;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} .rating[data-rating|="90"] i:last-child::before {content: "\f123";} .rating[data-rating|="80"] i:last-child::before { content: "\f006";} .rating[data-rating|="70"] i:nth-child(n+4)::before {content: "\f123";} .rating[data-rating|="70"] i:nth-child(n+5)::before {content: "\f006";} .rating[data-rating|="60"] i:nth-child(n+4)::before {content: "\f006";} .rating[data-rating|="50"] i:nth-child(n+3)::before {content: "\f123";} .rating[data-rating|="50"] i:nth-child(n+4)::before {content: "\f006";} .rating[data-rating|="40"] i:nth-child(n+3)::before {content: "\f006";} .rating[data-rating|="30"] i:nth-child(n+2)::before {content: "\f123";} .rating[data-rating|="30"] i:nth-child(n+3)::before {content: "\f006";} .rating[data-rating|="20"] i:nth-child(n+2)::before { content: "\f006";} .rating[data-rating|="10"] i::before { content: "\f006";} .rating[data-rating|="10"] i:first-child::before {content: "\f123";} .rating[data-rating|="0"] i::before {content: "\f006";} #pD-m-header .rating[data-rating|="20"], #pD-m-header .rating[data-rating|="10"] {display:none;} /* nezobrazujeme >20% na detailu */ .product-item .rating[data-rating|="20"], .product-item .rating[data-rating|="10"] {display:none;} /* nezobrazujeme >20% na výpisu */ /*! nouislider - 11.1.0 - 2018-04-02 11:18:13 */ .noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; -ms-touch-action: none; touch-action: none; -ms-user-select: none; -moz-user-select: none; user-select: none; -moz-box-sizing: border-box; box-sizing: border-box;} .noUi-target { position: relative; direction: ltr;} .noUi-base, .noUi-connects { width: 100%; height: 100%; position: relative; z-index: 1;} .noUi-connects { overflow: hidden; z-index: 0;} .noUi-connect, .noUi-origin { will-change: transform; position: absolute; z-index: 1; top: 0; left: 0; height: 100%; width: 100%; -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0; transform-origin: 0 0;} .noUi-vertical .noUi-origin { width: 0;} .noUi-horizontal .noUi-origin { height: 0;} .noUi-handle { position: absolute;} .noUi-horizontal { height: 7px;} .noUi-horizontal .noUi-handle { width: 25px; height: 25px; left: -17px; top: -10px;} .noUi-vertical { width: 18px;} .noUi-vertical .noUi-handle { width: 28px; height: 34px; left: -6px; top: -17px;} html:not([dir="rtl"]) .noUi-horizontal .noUi-handle { right: -12px; left: auto;} .noUi-target { background: #DDE1E3; } .noUi-connect { background: #1fa7e5;} .noUi-handle { border: 1.5px solid #1FA7E5; border-radius: 50%; background: white; cursor: pointer; } .noUi-handle:hover { background: radial-gradient(circle at center,#1FA7E5 30%,white 30%)} .noUi-active { box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;} [disabled] .noUi-connect { background: #B8B8B8;} [disabled].noUi-target, [disabled].noUi-handle, [disabled] .noUi-handle { cursor: not-allowed;} .noUi-tooltip { display: none; position: absolute;border: 1px solid #D9D9D9; border-radius: 3px; background: #fff; color: #000; padding: 5px; text-align: center; white-space: nowrap;} .noUi-horizontal .noUi-tooltip { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); left: 50%;bottom: 120%;} .noUi-active .noUi-tooltip { display: block;} /* /noUiSlider*/ /* LEVY SLOUPEC ***************************************************************************************/ /* Sidebar s filtrem */ #shop { padding-top:100px; min-height:calc(100vh - 500px);; position: relative; /*z-index: 3;*/} @media all and (max-width: 1024px) { #shop { padding-top:79px} } @media all and (max-width: 451px) { #shop { padding-top:59px} } #shop .leftColumn {margin-top:-30px;padding-top:25px; background: var(--main-lightGray) } #shop .sidebar .widget {margin-bottom:0px;} #shop .sidebar .widget .widget-content {margin-bottom:25px;} .sidebar .widget {margin-bottom:36px;} .sidebar .widget .widget-title h3 { cursor:pointer; line-height:14px; padding:8px 10px 8px 0; margin-bottom:5px;font-size:14px;font-weight:bold; border-bottom:1px solid #bbe1f0;position:relative;} .sidebar .widget .widget-title h3 img { margin: 0 6px 2px 0;} .btn-widget {position:absolute; cursor:pointer; right:0; top:13px; width:15px; height:10px;} .btn-widget:before, .btn-widget:after{ content:''; position:absolute;height:2px; width:10px;background-color:#999; -webkit-transition:all ease .238s; -moz-transition:all ease .238s; transition:all ease .238s; } .btn-widget:before{ left:0px; top:0; } .btn-widget:after { left:6px; top:0; } .btn-widget:before {-webkit-transform:rotate(-45deg); transform:rotate(-45deg);} .btn-widget:after { -webkit-transform:rotate(45deg); transform:rotate(45deg);} .active .btn-widget:before {-webkit-transform:rotate(45deg); transform:rotate(45deg);} .active .btn-widget:after { -webkit-transform:rotate(-45deg); transform:rotate(-45deg);} .widget-title:hover .btn-widget:before, .widget-title:hover .btn-widget:after{background-color:#fd7e21} #shop .sidebar .widget-range { margin-bottom: 2em} .sidebar .widget-range .filter-item-content { padding: 0 5px} .sidebar .widget-range span[data-atribute] { width: 40%; margin:0 !important} .sidebar .widget-range span[data-atribute]:after { content: attr(data-atribute); top: 2px; font-size: .8em;color: var(--main-subGray);} .sidebar .widget-range span input { border: 1px solid #eee; padding: 1px 25px 1px 5px; text-align: center; height: initial; border-radius: 5px;} .sidebar .widget-range .noUi-connect {opacity: 0.25;} /* LEVY - Cena, slider na ceně*/ #shop .sidebar .widget-price .widget-content {margin-bottom:15px;} #shop .sidebar .widget-price .widget-content > p {font-size:14px;font-weight:bold; margin-bottom:5px;} #Price-range {margin:15px;} #shop .sidebar .widget-price .widget-content > span { position: relative; width:49%; display: inline-block;} #shop .sidebar .widget-price .widget-content > span::after { content: attr(data-currency); position: absolute; right: 8px; bottom: 7px; font-size: 11px;} #shop .sidebar .widget-price .widget-content > span input {background:white; padding: 8px 30px 8px 5px; text-align: right;} /* LEVY - značky*/ .widget-brands .search-brands {padding: 5px 10px 5px 27px;height: 33px;background: white;} /* LEVY - Box Chechbox pro param filtr, ... */ .box-checkbox { margin-top:5px; max-height:160px; overflow:hidden;} #snippet--filtr .check-box.notAvail { display: none;} .box-checkbox li.check-box {position:relative;padding-left:20px;} .box-checkbox li.check-box input[type=checkbox] { position:absolute;left:12px;opacity:0;} .box-checkbox li label {position:relative; cursor:pointer;line-height: 1.2em;} .box-checkbox li label:hover {color:var(--main-blue);} .box-checkbox li label span { color:#bababa;} .box-checkbox li.check-box label:before { content:""; display:inline-block; position:absolute; width:15px; height:15px; left:0; top:2px; margin-left:-20px; border:1px solid #c1c1cf; border-radius:4px; background-color:#fff; -webkit-transition:border 0.15s ease-in-out, color 0.15s ease-in-out; -o-transition:border 0.15s ease-in-out, color 0.15s ease-in-out; transition:border 0.15s ease-in-out, color 0.15s ease-in-out;} .box-checkbox li.check-box label:after { content:''; display:inline-block; position:absolute; width:15px; height:15px; left:0; top:0; margin-left:-20px; padding-left:3px;padding-top:1px; font-size:11px; color:#555555;} .check-box label { display:inline-block; position:relative; padding:0 12px 0 2px} input[type="checkbox"]:checked + label:before { background-color:#f28b00;} .check-box input[type="checkbox"]:checked + label:before { background-color:#fd7e21; border-color:#fd7e21;} .check-box input[type="checkbox"]:checked + label:after { color:#fff; font-family:'FontAwesome'; content:"\f00c";} .box-checkbox li.check-box.notAvail input, .box-checkbox li.check-box.notAvail label:before { border:none; background:#eee; } .box-checkbox li.check-box.notAvail label { color:#999;} .notAvail, .notAvail input, .notAvail label, .notAvail a { cursor:not-allowed !important;} .box-checkbox i{ width: 15px; height: 15px; display: inline-block; left: -5px; position: relative; vertical-align: middle; border-radius: 3px; margin-bottom: 2px; border:1px dashed #aaa;} .box-checkbox i[style] {background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 100%); } /* LEVY - spust cely filtr */ #shop .sidebar .widget.widget-moreFilters { margin: 0 0 1em; padding: 1em 0} #snippet--filtrActLink { display: flex; justify-content: center} #snippet--filtrActLink a { display: inline-flex; padding: 7px 18px; background: var(--main-blue); color: white; gap: 12px; font-size: 1.125em; border-radius: 4px; align-items:center; font-weight: 500} #snippet--filtrActLink a svg {height: 1.25em;} #snippet--filtrActLink a:hover { opacity:.8; cursor:pointer;} @media (min-width:1024px) { #shop .sidebar .widget.userHistory {margin-top:5em} } /* FULL PRODUCT FILTER */ #fullFilter {width: 90%;background:#f1f5fe;vertical-align: top;max-width: 800px;min-width:320px;box-shadow: 0 0 40px black} #fullFilter form { display: flex; flex-direction: column; max-height: calc(100vh - 40px);} #fullFilterHeader h2 { font-size: 17px;color: #222;padding: 15px 25px;} #fullFilterBody {display:flex;overflow-y: auto;} #fullFilter .tabs-nav { background:#f1f5fe;} #fullFilter .tabs-nav li a { display:block; color:black; padding:10px 25px; line-height:1.15em;} #fullFilter .tabs-nav li.tab-active a { background:#1fa7e5; color:white; width: calc(100% + 3px);} #fullFilter .tabs-stage {overflow-y:auto; border-left: 3px solid #b2cfdb; background:white; width:100%; padding: 0px 20px;border-top: 1px solid #b2cfdb;border-bottom: 1px solid #b2cfdb;} .filter-item {margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dashed #b2cfdb;} .filter-item-title h3 { font-size: 1.1em;font-weight: 600;} .filter-item-content {position:relative;} .filter-item-content ul {column-count:3;} div[data-item-count="10"] ul, div[data-item-count="9"] ul, div[data-item-count="8"] ul, div[data-item-count="7"] ul, div[data-item-count="6"] ul, div[data-item-count="5"] ul {column-count:2;} div[data-item-count="4"] ul, div[data-item-count="3"] ul, div[data-item-count="2"] ul, div[data-item-count="1"] ul {column-count:1;} .filter-item-content[data-item-count="0"] {padding: 0 30px;} .filter-range {margin: 20px 10px;} .filter-range ~ span { width: 120px; display: block; position:relative; margin-left: 10px;} .filter-range ~ span:last-child { position: absolute; right: 0; bottom: 0; margin-right: 40px;} .filter-range ~ span:after { position: absolute; right: 10px; top: 12px;} .filter-range[data-atribute="MHz"] ~ span:after {content:"MHz";} .filter-range[data-atribute="GHz"] ~ span:after {content:"GHz";} .filter-range[data-atribute="MB"] ~ span:after {content:"MB";} .filter-range[data-atribute="GB"] ~ span:after {content:"GB";} .filter-range[data-atribute="h"] ~ span:after {content:"h";} .filter-range[data-atribute="W"] ~ span:after {content:"W";} .filter-item-content .box-checkbox {max-height: initial;} .filter-item-content .box-checkbox li.check-box { position: relative; padding: 3px 3px 3px 25px; margin-bottom: 5px; } #fullFilterFooter {padding: 15px 22px 25px; /*! box-shadow: 0 15px 15px -20px #808ca6 inset; */} .filter-settings {padding: 5px 0;} .filter-settings li {display:inline-block; margin: 0 1px 6px;} .filter-settings li a { cursor: pointer;border: 1px solid #b2cfdb; background: #f1f5fe; color: #555; display: inline-block; padding: 0 0 0 4px; border-radius: 4px;} .filter-settings li a span { border-left: 1px solid #ddd; background: #fff url(../images/icons/close.png) no-repeat center right 3px/10px; color: #0098d9; padding: 0px 17px 0 5px; display: inline-block; border-radius: 0 4px 4px 0;} #fullFilterFooter li a {border-color:#1fa7e5;} .filter-add a {border: 1px dashed #adadad; display:inline-block; padding:0 5px; border-radius: 4px;} .filter-cancel a {display:inline-block; padding:0 5px; text-decoration:underline;} #filter-actions {text-align:right;} /* /FULL PRODUCT FILTER */ /* LEVY - Categories */ .widget-categories > ul.cat-list > li > ul > li a {padding-left:18px; background:url(../images/icons/li-d.png) no-repeat 0 0;} .widget-categories > ul.cat-list > li > ul > li li {padding-left:15px;} .widget-categories > ul.cat-list ul.last li a {padding-left:14px; background:url(../images/icons/li-a.png) no-repeat 4px 7px;} .widget-categories > ul.cat-list a.active { color: var(--main-red) } /* LEVY - historie procházení, oblíbené, poslední nákupy? */ .widget ul.product-list { margin-top:15px} ul.product-list li { width:100%;} ul.product-list li:not(:last-child) { float:left; margin-bottom:15px;border-bottom: 1px solid #e0f5f0;} ul.product-list li .img-product { float:left; width:25%; position: relative;} ul.product-list li .img-product img { max-width:100%;} ul.product-list li .info-product { float:left; width:74%; overflow:hidden;} ul.product-list li .info-product > div {padding-left:15px;} ul.product-list li .info-product .name a { line-height: 18px; display: inline-block; } ul.product-list li .info-product .product-stock span { font-size: 11px; line-height: 11px; padding: 4px;} ul.product-list li .info-product .product-stock .openStoreModalList {display:none} ul.product-list li .info-product .product-desc { font-size: 11px;} ul.product-list li .info-product .rating { margin-left:2px; line-height:10px; font-size:11px;} ul.product-list li .info-product .price { text-align: right;} ul.product-list li .info-product .price .sale { font-size:16px; font-weight:500; margin-right:8px;} ul.product-list li .info-product .price .regular { color:#c5c5c5; font-weight:400; font-size:13px;} /* LEVY - recenze */ .widget-reviews ul.product-list li .img-product { width:15%;} .widget-reviews ul.product-list li .info-product { width:84%; } .widget-reviews ul.product-list li .info-product .name a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%;} .widget-reviews div {line-height: 1.1em;} .widget-reviews .nick { font-style: italic; color: #0098d9;} .widget-reviews ul.product-list li .info-product .rating { margin: 4px 0 0; } .widget-reviews, .widget-products { margin:25px 0;} /* LEVY - banner */ .widget-banner {margin:35px 0;} .widget-banner img { max-width:100%;} /* PRAVÝ SLOUPEC ************************************************************************************************/ @media all and (min-width: 1200px) { #shop .rightColumn {padding-left:25px} } .owl-carousel-on-category { max-height: 270px; overflow: hidden; }/*max výška slideru, pro kompenzaci výšky před inicializací owl*/ .main-shop .singleItem { margin: 0 0 1.5em} .main-shop .singleItem img { max-width: 100%} .flat-row-title { width:100%;} .flat-row-heading { padding: 1em 0 3em;} /* podkategorie */ #categories { display: flex; gap: 12px; flex-wrap: wrap; /*justify-content: space-between; */padding: 15px 0;} @media all and (min-width: 1024px) { #categories a,#snippet--filtrActLink2 { flex-basis: calc(33.33% - 10px);} } #categories a .clearfix { display: flex; align-items: center; border-radius: 3px; background: var(--main-lightGray); color: var(--main-blue); min-height: 52px; position:relative; overflow: hidden;} #categories figure { width: 45px; position:relative; background: white;} #categories img { max-width: 100%; padding:6px; font-size: 0px;} #categories h2 { font-size:17px; font-weight: 600; line-height: 1.1em; padding: 8px; display: flex; width: 100%;justify-content: space-between; position: relative; z-index: 3;} #categories .clearfix.filter h2 {justify-content: center } #categories i { font-size:0.7em; font-weight: 500; color:#aaa; padding: 0 0 0 3px;} #categories i:before {content: "(";} #categories i:after {content: ")";} #categories .active {pointer-events:none} #categories .clearfix:not(.filter):hover:before, #categories .active .clearfix:before {background: linear-gradient(to top, var(--main-mediumGray) 4px, white 4px, transparent);content: "";width: 100%;left: 0;bottom: 0;height: 30px;position: absolute;z-index: 2;} #categories .active .clearfix:before {background: linear-gradient(to top, var(--main-blue) 4px, white 4px, transparent)} #categories .active i {color:var(--main-blue)} @media (max-width:600px) { #categories h2 { font-size:15px;} #categories i { display:none} } @media all and (max-width:1024px) { #categories a { flex-basis: calc(50% - 10px);} } #snippet--filtrActLink2 .showMoreFilters { cursor: pointer; } #snippet--filtrActLink2 .showMoreFilters:hover {opacity: .8;} #snippet--filtrActLink2 .showMoreFilters > div { background: var(--main-blue); color:white; padding: 6px;} #snippet--filtrActLink2 .showMoreFilters figure svg {width: 1.4em; margin: .5em 0 0 .5em;} #snippet--filtrActLink2 .showMoreFilters figure { background: none} @media (max-width:990px) { #snippet--filtrActLink2 { width:100%} #snippet--filtrActLink2 .showMoreFilters > div { margin: 10px auto 0; width: max-content} } #categories.TopCategories a { width: 33.33%; } #categories.TopCategories figure {width: 82px; height: 101px; display:table-cell; line-height:101px;} #categories.TopCategories .clearfix { display: flex; position: relative; overflow: hidden; border: 2px solid #0098d9; height: 100%;} #categories.TopCategories img { max-width: 80px;max-height:80px;} #categories.TopCategories h2 { display: table-cell; font-size: 1.4em; padding: 15px 9px 5px; } #categories.TopCategories p { line-height: 1.1em; padding: 0 5px 15px 9px; font-size: 0.9em;} #categories.TopCategories p i { font-size:1em; color:#333; font-weight:600;} #categories.TopCategories p span {display:none;} #categories.TopCategories .clearfix::before { content: ""; position: absolute; right: -21px; bottom: -20px; transform: rotate(-40deg); -webkit-transform: rotate(-40deg); background-color: #0098d9; width: 50px; height: 40px; background-image: url(../images/icons/arr-w-r-40.png); background-position: 16px 0; background-repeat: no-repeat;} #categories.TopCategories .clearfix.greenbox::before { background-color: #438a44; } .flat-row-title .filter-settings {float:right; position: relative; margin: 15px 0;} .sort-product { padding:15px 0 0; margin-bottom:20px;} .sort-product .sort > div { display:inline-block; margin:0 10px;position:relative;} .sortBy ul {display: flex; list-style:none; flex-wrap: wrap;} .sortBy li a {padding:5px 8px; display: block; font-size: 15px; color:inherit; text-decoration:none} .sortBy li a.active {font-weight:700} .sortBy li a.active:hover { color:inherit;cursor:default;} .sortBy li a svg {height: 8px;margin: 0 1px 1px 2px;opacity: .5;} .sort-product .show { float:right;position: relative;z-index: +1; opacity: .8;} .sort-product:hover .show { opacity: 1;} .sort-product .showOnly ul { margin:0;} .sort-product .showOnly li.vyprodej { display:none} div#snippet--productSort { /*margin: 15px 0 0;*/ display: block;} @media all and (max-width: 450px) { .sort .hideSM { display: none;}} .topSellers h3 { margin: 0 0 5px; font-size: 1.2em;} .topSellers h3 span { display:none;} .topSellers ul {width: calc(100% - 15px);float: right;} .topSellers .widget-content * {float:left;} .topSellers .widget-content li {display: list-item; opacity:1; height:initial;transition: all 0.4s linear;list-style: decimal;width: 100%;border-bottom: 1px solid #bbe1f0;} .topSellers .widget-content .img-product { width: 90px; padding: 0 15px 0 10px;} .topSellers .widget-content .img-product img { max-width: 65px; max-height: 58px; padding-top: 5px} .topSellers .widget-content .info-product { width:calc(100% - 90px);} .topSellers .widget-content .info-product .product-desc {width:100%;} .topSellers .widget-content .name { font-weight: 600;} .topSellers .widget-content .product-stock { width: initial; clear: none; margin: 0 0 0 10px;} .topSellers .widget-content .product-stock span {background:none;} .topSellers .widget-content .price { width:100%;text-align:right;} .topSellers .widget-content .price .sale {float:right;font-size: 1.2em;} .topSellers .showMore {float: left;width: 100%;text-align: center;margin-top: -1px;background: white;border-top: 1px solid #bbe1f0;padding-top: 1px;} .topSellers .showMore a {padding: 5px 15px;background: linear-gradient(#ffffff,#bbe1f0);border-radius: 0 0 5px 5px;border-left: 1px solid #bbe1f0;border-right: 1px solid #bbe1f0;cursor:pointer;} .topSellers .showLess li:nth-child(n+4) { display: none; opacity:0; height:0;} /* /box produktu na výpise */ div#snippet--product {margin-top: 4em;} #product-container {display:flex;flex-wrap:wrap;gap:26px; scroll-margin-top: 140px;} .product-item { position:relative; overflow:hidden; flex-basis: calc(33.333% - 20px); margin:0; display:flex; flex-direction:column; justify-content:space-between; border-radius: 1em;box-shadow: 0 2px 7px -2px #ddd; padding: 0 25px; } @media (min-width:1200px) { .inArticle .product-item { flex-basis: calc(33.333% - 20px)}} .product-item.highlight { } .product-item.highlight::before { content: "top"; position: absolute; z-index: 13; right: -23px; top: -9px; width: 60px; height: 30px; color: white; background: rgba(242,99,0,0.7); transform: rotate(40deg); -webkit-transform: rotate(40deg);line-height: 38px; text-align: center; font-size: 11px;} .product-item-top { z-index: 9; padding-bottom: 15px} .product-keyFeatures { padding: 10px 0 0} .product-keyFeatures li { font-size: 13px;list-style: none;padding-top: 3px;display: flex;align-items: center;gap: 4px;} .product-keyFeatures li:before {content:""; height:6px; width:6px; border-radius: 50%; background: var(--theme-main-orange); display: inline; flex-shrink: 0 } .product-item-bot {padding:.5em 0 2em;} .product-item-bot .helper:has(time) { width:100%} .product-item-bot time { background: #cefdce; display: flex; justify-content: center; font-size: 12px; min-height: 30px; align-items: center; margin-top: 5px;} .StockBuy { display:flex; justify-content: space-between;;} .product-name a {text-decoration:none; display:block; font-size: 1.3em; font-weight: 600;text-transform: none; color: black} .product-name a span { color: var(--theme-main-orange);} .product-item:hover .nameBuy .product-name { opacity:0 } .product-name h6 { font-size:13px; font-weight:600; color:#9ca3a9} .product-name h5 { line-height:21px; font-size:17px; font-weight:800;} .product-desc {font-size:12px; line-height:16px;} .product-image { position:relative; text-align:center; margin:20px 0} .product-image .box-image { opacity:0; animation: transitionIn 0.75s; animation-fill-mode: forwards; transition-delay: 1s;} @keyframes transitionIn { from { opacity: 0; } to { opacity: 1; } } .product-image img {max-width:100%; max-height:240px} #product-container .product-image .box-image img {min-height:12em} .product-item .owl-carousel .owl-controls {opacity:0;} .product-item:hover .owl-controls {opacity:1;} .product-item.inCarousel { max-width: 350px; width: 100%; margin:0 auto; text-align: center;} .product-item.inCarousel:last-child:not(:first-child) { margin-top: 15px;} .product-item.inCarousel .product-item-top { padding: 0} .product-item.inCarousel .product-item-bot { padding: 0} .product-item.inCarousel .product-name a {padding: 10px 10px 5px;font-weight: 800; line-height: 16px; min-height: 40px; font-size: 15px} .product-item.inCarousel .product-iconsL {position: absolute; top: 0;} .product-item.inCarousel .product-prices {display: flex; justify-content: center;} .product-item.inCarousel .product-price span { color: white;font-size: 23px;padding: 0 0 .5em;display: inline-block;font-weight: 600;} .product-item.inCarousel .product-buy a { border-radius: 4px 0 0 4px ; background:var(--main-red)} .product-item.inCarousel .product-buy svg { margin: 3px 4px -2px 0;} .product-item.inCarousel:hover { box-shadow: none} .product-item.inCarousel .product-stock {pointer-events: none;} .product-item.inCarousel .product-stock > span { color: initial !important;} .product-image .owl-stage-outer::after { content: ''; width: 100%; height: 100%; display: block; background: var(--blend-LightGray); mix-blend-mode: luminosity; position: absolute; top: 0; left: 0; z-index: 1; pointer-events: none;} .product-image .owl-stage-outer { background: white;} .giftBox {color: initial; text-decoration:none; position: absolute;right: 0;top: 50px;z-index: 9; max-width: 120px; max-height: 220px; overflow: hidden;font-size: 11px;background: linear-gradient(90deg, white 90%, #eaeff3);box-shadow: 0 0 10px -5px var(--main-darkGray);line-height: 15px;border-radius: 4px 0 0 4px;} .giftBox .giftHead { color:var(--main-green); font-weight:600; text-align: center; background: linear-gradient(90deg, #fff39f 90%, #e9e9ae); padding: 4px 6px;} .giftBox .giftDetail { padding: 4px 6px;} .giftBox .giftDetail span { display: block;padding: 3px 0 0 7px;position: relative;font-size: .9em;} .giftBox .giftDetail span:before {content: "▪ ";color: var(--main-green);font-weight: 800;position: absolute; left: 0px; top: 2px;} .product-image .rating{ position: absolute; z-index: 2;right: 5px; bottom: 5px;} .product-icons {position:absolute; z-index: 50; top: 8px; } .product-icon { color: white; width: max-content; text-align: center; line-height: 12px; font-size:12px; padding: 5px 7px; margin-bottom: 5px; border-radius: 2px; } .product-icon.freeDelivery { background-color: #ef5050} .product-icon.akce { background-color: #f8b487;} .product-icon.gift { background-color: #f8b487} .product-icon.sale {background-color: #f8b487} .product-icon.new {background-color: #97dcde} .product-icon.cashback {background-color: color-mix(in srgb, var(--main-blue) 40%, transparent); border-left: 5px solid var(--main-blue);} .product-icon.energ:hover img.energy-label-detail {display:block; max-height:280px } .product-action { opacity:.2; position:absolute; right:10px; top:-5px;z-index: 8;} .product-item:hover .product-action {opacity:1;} .product-action ul { display:flex; gap:8px} .product-action svg { height:19px; width:22px; opacity:.5; stroke:black} .product-action svg:hover { fill: var(--main-blue);stroke: var(--main-blue); opacity:1;} .wishlist.delete:after { content: ""; display: block; width: 11px; height: 11px; background: url(../images/icons/close.png); position: absolute; right: -1px; top: 8px; background-size: contain;pointer-events: none;} .product-prices-cont { padding: 0 0 3px;} .product-prices div {position:relative;} .product-price-wvat, .product-price-before {font-size:11px;line-height: 17px;} .product-price-before span{text-decoration:line-through;} .product-price.cashback {display:flex; flex-direction:column; max-width: max-content;text-align: center; line-height: 1.1em; background: #ea3333; border-radius: 5px; margin: 0 0 5px;} .product-price.cashback span { background:#fdf800; display: block; font-size: 0.8em; padding: 3px 7px;} .product-price.cashback div { color:white; padding: 5px 10px; font-size: 1.3em;} .product-price.cashback small { font-size: .8em} .product-price > span { white-space: nowrap; font-weight: 700; font-size: 20px;} .product-buy { } .product-buy > div { background: var(--main-subGray); position:relative; display:flex; border-radius: 4px 0 0 4px; overflow: hidden; opacity: .75} @media all and (max-width:990px) { .product-buy > div { background: var(--main-darkGray);} } .product-buy a {padding: 8px 22px; background:var(--theme-main-orange);transform: scale(.8) translateX(15px);} .product-buy a:hover {} .product-item:hover .product-buy > div { opacity:1} .product-stock { grid-area: stocks; clear: both; margin-bottom: 5px; position: relative; font-size: 13px;} .product-stock > span {/*display:block; width: 100%*/} .stock-onStock {color: #33b301;} .stock-orderIt {color: #8f3d01;} .stock-ordered {color: #2059a0;} .stock-unknown {display: block; color: var(--main-subGray); font-size: 13px;} .product-item-bot .openStoreModalList {font-size: 0px} .product-item-bot .openStoreModalList:before {content: "";height: 18px;display: block;position: absolute;width: 100%;top: 4px;right: 10px;} /* varianty na výpise */ .product-vars { display: none /*flex*/; justify-content: center; gap: 7px; background: linear-gradient(to bottom,#c7cdd9,#d3dbe1 20%); padding: 0 5px 6px; overflow: hidden;} .product-vars a { background: linear-gradient(to bottom,#c9d1d7,#e8f0f7 20%); border-radius: 0 0 5px 5px; display: flex; flex-direction: column; justify-content: center; align-items: center; line-height: 1.35em; padding: 5px 12px; box-shadow: 0 0 5px #b6bbc4;} .product-vars a.actual { background: var(--main-lightGray)} /*data-StoItemClass podle třídy u výprodejú */ #product-container [data-stoitemclassname]::before { content: attr(data-stoitemclassname); text-align: center; background: red; color:white } .product-item.highlight[data-stoitemclassname]::before { position: relative;width: 100%; color: inherit; transform: rotate(0deg); -webkit-transform: rotate(0deg); line-height: 18px;} /*#product-container [data-stoitemclassname] .product-item-top { border: 1px solid #ddd; border-top:none; background: #eee; padding: 5px;}*/ [data-stoitemclassname].name::before { content: "Výprodej: " attr(data-stoitemclassname); display: block; font-size: 0.6em; background: #fee5d6; border:2px solid #ea9090; text-align: center; margin-bottom: 15px; padding: 5px; border-radius: 5px; color: #ea0000;} /*[data-stoitemclassname][data-stoitemclassnote].name::before { content: "Výprodej: " attr(data-stoitemclassname) " (?)"}*/ [data-stoitemclassnote]:not([data-stoitemclassnote=""]).name:hover:after { display: block; content: attr(data-stoitemclassnote); position: absolute; width: 100%; font-size: 0.6em; background: #fee5d6; border:2px solid #ea9090; text-align: center; padding: 5px; border-radius: 5px; color: #ea0000; box-shadow: 0 5px 5px -5px black;} [data-stoitemclassname] .waranty {background: #fee5d6; border:2px solid #ea9090; border-radius: 5px; padding: 2px; margin: 5px; display: inline-block;} /* po najetí box s detaily a linem * .product-item .productHoverBox {position: absolute; z-index:9; opacity:0; pointer-events: none; left:0; top:0; right:0; bottom:0; display: flex; flex-direction: column; justify-content: center; gap: 1.5em; padding: 3em; backdrop-filter: blur(2px);} .product-item .productHoverBox:before {background: var(--theme-main-orange); content:""; position: absolute; left:0; top:0; right:0; bottom:0; z-index: -1; opacity:.85} .product-item:hover .productHoverBox {opacity: 1; pointer-events: initial;} .product-item .productHoverBox h5 {font-size: 1.6em;} .product-item .productHoverBox ul { padding: 0 0 0 1em; display: flex; flex-direction: column; gap: .5em;} .product-item .productHoverBox .product-name a { font-size:1em; max-width: fit-content; position: relative; padding-right: 25px; display: flex; flex-wrap: wrap} .product-item .productHoverBox .product-name a span { color:inherit} .product-item .productHoverBox .product-name a:after {position: absolute;right: 2px;margin-top: -2px;} */ :root { --couponSaleBg: #fffc8c; --couponSaleColor: #267101; } .couponSale > a { display: flex; align-items: center; gap: 14px; width: max-content; background: var(--couponSaleBg); padding: 6px 16px; color: var(--couponSaleColor); box-shadow: 0 0 0 2px #d3dbe1; border-radius: 1em; position: relative; z-index: 2; cursor: pointer} .product-item-bot .couponSale > a { width: calc(100% - 4px); margin: 0 auto 1em; justify-content: center;} .couponSale > a svg { height: 18px; fill: var(--couponSaleColor); } #flat-product-detail .couponSale > a svg { position: absolute; left: -14px;} .couponSale > a div { display: flex; flex-direction: column; line-height: 1em; font-size: 13px;} .couponSale > a div span { padding-top: 4px; font-size: 12px;} .couponSale > a div small { color: #667787; font-size: 10px; padding: 4px 0 0;} .couponSale > a > span { font-size: 16px; color: #eb1414; font-weight: 800;} .couponSale > a > span small { font-size: .75em} @media all and (min-width:1090px) { #proDet .couponSale > a:before { content: ""; position: absolute; left: 0; transform: translateX(calc(-100% + 3px)) rotate(45deg); background: inherit; border: 2px solid var(--main-mediumGray); width: 10px; height: 10px; z-index: -1; border-right: none; border-top: none;} } .couponSale.disabled {position: relative; cursor: not-allowed} .couponSale.disabled > a { background: none; cursor: not-allowed; pointer-events: none} .couponSale.disabled > a > * { opacity: .5; filter: saturate(0);} .couponSale.disabled:hover:after { content: attr(data-tooltip-disabled); position: absolute; bottom: 100%; left: 50%; border-radius: 3px; padding: 5px 10px; margin-top: 7px; white-space: nowrap; font-weight: normal; color: var(--main-blue); background-color: white; z-index: 950; transform: translateX(-50%); box-shadow: 0 5px 8px -5px var(--main-subGray); cursor: not-allowed} .product-item-bot .couponSale.disabled:hover:after {left: 60%} /* /box produktu na výpise */ div#snippet--productNext { padding-top: 15px; display: block;} /* next 20*/ .next20 {text-align: center; margin-top:5em;} .next20 button {background: var(--main-blue);position:relative;z-index:3;overflow:hidden;} /* paginator */ .paginator {margin:10px 0 70px;} .paginator span { float:left; line-height:42px;} ul.flat-pagination {text-align:right;overflow: hidden;} ul.flat-pagination li { display:inline-block; margin:0 5px;} ul.flat-pagination li a { display:inline-block; height:40px; line-height:38px; width:40px; text-align:center; border-radius:8px; color: initial; text-decoration: none;} ul.flat-pagination li.active a, ul.flat-pagination li a:hover { background-color:var(--theme-main-orange); color:white} ul.flat-pagination li.next a img {margin-left:15px;} ul.flat-pagination li.prev a img {margin-right:15px;} ul.flat-pagination li.prev a, ul.flat-pagination li.next a {width:auto; border:none; line-height: 40px;} ul.flat-pagination li.prev a:hover, ul.flat-pagination li.next a:hover {background:none;border:none;color:var(--main-blue);} @media (max-width:991.9px){ .listCount { margin: 13px auto; display: block; text-align: center} ul.flat-pagination { text-align: center;} } /* hledání - výsledek */ h3.searchH3 { font-weight: bold; margin: 3em 0 0; font-size: 1.7em; color: black;text-align: center;} h3.searchH3 span { letter-spacing: 1px; border-bottom: 2px solid orange;} .searchRow.partial{flex-grow: 3;width: 100%;border: 2px solid #fd6e01;border-radius: 10px;padding: 6px 11px;margin: 15px 0;background: #fff9d7;color: #fd6e01;font-size: 1.1em;text-align: center;font-weight: 800;} .searchRow span {padding-left: 25px;background: url(../images/icons/infoO.png) no-repeat;background-size: 1.3em;} /* recomended-product-rotator */ .recomended-product-rotator .row-title {margin:15px 0 10px;} .owl-carousel-recomended-prodts { max-height: 450px; overflow:hidden;}/*max výška slideru, pro kompenzaci výšky před inicializací owl*/ .owl-carousel-recomended-prodts .owl-stage { display: flex;} .owl-carousel-recomended-prodts .owl-item { /*width: auto; height: 100%;*/} .imagebox { padding:29px 16px 20px; text-align:left; border:2px solid #e5e5e5; border-radius:8px; min-height:auto; transition:all 0.15s ease-in-out;} .imagebox:hover {border:2px solid #f28b00;} .imagebox .box-image { height:110px; line-height:108px; text-align:center; margin-bottom:4px;} .imagebox .box-image img { height:110px;} .imagebox .box-content .state { font-size: 12px;margin-left: 2px;line-height: 12px;height: 12px;text-align: center;} .imagebox .box-content .product-name { min-height:66px; margin-top:4px; margin-left:2px;} .imagebox .box-content .product-name a { font-size:13px;} .imagebox .box-content .price .sale {font-size:18px; margin-right:10px;} /* + topCategory */ .imagebox .box-content .cat-name a { color: #919191; display: block; text-align: center; background: #f5f5f5;} .imagebox .box-content .product-name a { color: #484848; font-size:15px; font-weight:500;} .imagebox .box-content .product-name a:hover { color: #f28b00;} .owl-carousel-topCategory .imagebox:first-child { margin-bottom:15px;} #topCatProdts .flat-row-title { margin: 45px 0 15px; border-bottom: 2px solid #f28b00;} #topCatProdts .owl-item .owl-carousel-item { display: flex; flex-direction: column; gap: 20px;} /* prodej ukončen výpis i detail*/ .btn-add-cart.unavailable {text-align: center; color: var(--main-red); font-size: 14px; padding: 10px 20px; background: var(--main-mediumGray); font-weight: 600; border-radius: 4px; } .product-buy span.unavailable {text-align: center; color: white; font-size: 13px; font-style: italic; display: block; white-space: nowrap; padding: 5px 13px;} /* stránka neexistuje */ .notExistMessage {width: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 2em;text-align: center; margin: 8em 0;} .notExistMessage .btn {border-color: var(--theme-main-blue); color: var(--theme-main-blue);} .error-page__heading-title { color: var(--theme-main-orange);} .error-page__heading-desciption { padding:1em; color: var(--theme-main-blue);} .eyes {display: flex;justify-content: center;gap: 2px;} .eye {width: 80px;height: 80px; background-color: var(--theme-main-blue);border-radius: 50%;display: grid;place-items: center;} .eye__pupil {width:30px;height: 30px; background-color: white;border-radius: 50%;animation: movePupil 2s infinite ease-in-out;transform-origin: center center;} @keyframes movePupil { 0%, 100% {transform: translate(0, 0);} 25% {transform: translate(-10px, -10px);} 50% {transform: translate(10px, 10px);} 75% {transform: translate(-10px, 10px); } } /* Produkt detail*************************************************************************/ body.detail main { background:linear-gradient(to bottom, var(--main-lightGray) 1024px, white 1200px); margin-top:0} #precontainer { color: white; background: #ea0000; margin: -15px 14px 25px; text-align: center; padding: 8px; font-size: 1.1em; border-radius: 10px; border: 1px solid #c00;} #precontainer::before { content: "Prohlížíte výprodejové zboží ve stavu: "; font-weight: 800;} #precontainer:empty { display: none;} #flat-product-detail {margin-top:35px; width: 100%;} #flat-product-detail > .container > .row {gap: 100px; flex-wrap: nowrap;} @media (max-width: 767px) { #flat-product-detail > .container > .row {gap: 30px; flex-wrap: wrap;} } #proDetail-gallery {position: relative; width: 550px; flex-shrink: 0;} #proDetail-gallery .product-icons {left:unset; right: 15px; position: absolute /**/; z-index: 9;} .product-icon.icoweb {position: absolute; z-index: 9; left: 0px; padding: 0; display: flex; flex-direction: column; top: 10px;} .product-icon.icoweb li {padding: 5px 0;} .product-icon.icoweb li img {max-width: 80px; max-height: 50px;} #proDetail-gallery .owl-carousel {opacity:1; /*max-width: 400px;*/} #proDetail-gallery .owl-stage-outer { overflow:hidden; max-height: 450px; min-height:380px; margin-bottom: 10px;} #proDetail-gallery .owl-stage-outer::after, #proDetail-gallery .owl-dot:after{ content: '';width: 100%;height: 100%;display: block;background: var(--blend-LightGray);mix-blend-mode: luminosity;position: absolute;top: 0;left: 0;z-index: 1;pointer-events: none;} #proDetail-gallery .owl-stage-outer .owl-stage { display: flex;} #proDetail-gallery .owl-item a {background: white;display: block;text-align: center;} #proDetail-gallery .owl-item a img {display:inline} #proDetail-gallery .slide-cont {width: 100%; display: block; margin: -10px auto 0px; /* cls fix */min-height: 500px; position: relative;} /* cls fix */ @media all and (max-width:500px){ #proDetail-gallery .slide-cont {min-height: 470px;} } #proDetail-gallery .owl-dots {width:100%; max-height:120px;text-align:center; overflow-x: auto;overflow-y: clip;} #proDetail-gallery .owl-dot {width:80px; height: 85px; background-size: cover; margin-right: 10px; display:inline-block; cursor:pointer;position: relative;} #proDetail-gallery .owl-dot.active {} #proDetail-gallery .owl-dot:only-child { display: none;} #ZoomContainer img {max-width: initial;} #ZoomContainer {box-shadow:0 0 15px gray; border:1px solid white; } #proDet { width:100%} @media (max-width: 767px) { #proDet {padding: 0 15px; text-align: center;} } #proDet h1 {line-height:34px; font-size:36px; font-weight:800; position: relative} #proDet .name h1 span { font-size:18px; font-weight:400; display: block} #proDet h2.subName { padding: 5px 0; font-size: 16px; line-height: 1.25em;} #proDet .reviewed > div {display:inline;} #proDet .reviewed span {font-size:11px;} #proDet a.add-review {color:#aaa;font-size:11px;text-decoration:underline;margin: 0 5px;} /*#proDet a:hover {color:#f28b00;}*/ ul.keyFeatures {margin: 1em 0 0;} ul.keyFeatures li {margin: 0 0 3px;display: flex;align-items: center;gap: 6px;} ul.keyFeatures li:before {content:""; height:6px; width:6px; border-radius: 50%; background: var(--theme-main-orange); display: inline; flex-shrink: 0 }} @media all and (max-width: 767px) { ul.keyFeatures{ list-style: none; margin: 1em 1em 0;}} #proDet .gift {display:table; margin:25px 0; max-width:100%; position: relative;} #proDet .gift > div {display:table-cell; vertical-align: middle;line-height: 17px; min-height: 54px;} #proDet .gift-img {padding:0 5px;} #proDet .gift-img img {max-width:80px;max-height:55px;} #proDet .gift-info i {color:var(--main-blue)} #proDet .gift-info > div {display:none; position: absolute; padding: 15px; border: 1px solid #f1f1f1; box-shadow: 0 0 10px #aaa; right: 0; max-width: 98vw; z-index: 9999; background: white;} #proDet .gift-info > div img {max-width:100%} #proDet .gift-info > div p { line-height: 1.3em;padding-bottom: 5px;} #proDet .gift-spec > a { cursor:pointer; text-decoration:underline;} #proDet .gift:hover .gift-info > div {display:block;} #proDet .gift-spec iframe, #proDet .gift-spec img { max-width: 100%;} @media (max-width: 767px) { #proDet .gift {margin: 25px auto;} } .variant-box {display:flex; gap:1em; padding: 10px 0;} .variant-box a {display:flex; font-size:12px; background: var(--main-mediumGray);border:2px solid transparent; border-radius:5px; padding: 4px 10px; line-height: 16px; opacity: .9;} .variant-box a.actual { background: white; border-color:var(--main-red); opacity: 1; pointer-events: none} .variant-box figure {display: flex;align-items: center;} .variant-box figure svg {height:15px; padding-right: 8px;} #proDet .infoExp a {color: var(--theme-darkest-blue); padding: 10px 0 0;display: inline-flex;gap: 1em;} #proDet .product-stock {margin: 15px 0; cursor: help;} #proDet .stock-onStock, #proDet .stock-unknown, #proDet .stock-orderIt, #proDet .stock-ordered {font-size:16px; font-weight:600} #proDet .price { padding: 15px 0 0} #proDet .price .sale {font-size: 28px; color: var(--main-blue);font-weight: 800;} #proDet .price .sale small {font-size:20px;} #proDet .add-cart { display: flex; gap: 10px; padding: 20px 0 10px;} @media (max-width: 1240px) { #proDet .add-cart { flex-wrap: wrap;} } @media (max-width: 767px) { #proDet .add-cart { justify-content: center} } #proDet .add-cart svg {height: 1.5em} #proDet time { background: #97dcde; padding: 1em; border-radius: 4px; margin: 1em 0; display: inline-block;} .btn.addProduct { position: relative; padding-right:15px; font-size: 18px; font-weight: 800; align-items: center;} #proDet .btn.addProduct:not(:hover) { background: var(--theme-main-orange)} .btn-add-cart button.multiline {line-height: 1.5em; height: auto; font-weight: 500; letter-spacing: .5px; flex-wrap: wrap; justify-content: center;} .btn-add-cart button.multiline > div { font-size: 19px;} .points { text-align: center; } .points span { line-height: 1em; /*vertical-align: top;*/} .points img{ margin-top: -6px; padding: 0 5px 0 0;} .partnersStock > p { padding: 15px 0 3px} .partnersStock .list { display: flex; flex-wrap: wrap; gap: 4px;} .partnersStock .list > a { position: relative; display: flex; flex-direction: column; justify-content: flex-end; gap: 3px; padding: 6px 8px 3px; background: white; border: 1px solid var(--main-mediumGray); border-radius: 4px; color: #33b301; font-size: 11px; line-height: 14px; text-align: center;} .partnersStock .list > a span { display: flex; height: 18px} .partnersStock .list > a img { height: 100%; object-fit: contain ;padding: 0; margin: 0 auto;} .partnersStock .list > a:hover { box-shadow: 0 0 0px 1px var(--main-blue)} .partnersStock .list > a:hover:before { content: attr(seller); position: absolute; z-index: 1; bottom: -59%; background: var(--main-blue); white-space: nowrap; color: white; padding: 4px 12px 5px; left: 50%; transform: translateX(-50%); border-radius: 3px; } @media (max-width:767px) { .partnersStock .list { justify-content: center;} } #proDet .product-id {text-align:right; margin: 30px 0 15px; font-size: 13px} #proDet .product-id > span { padding: 0 5px; white-space: nowrap;} /* zvyhodnena nabidka */ #groupSale { position: relative;} #groupSale .lessMore { display: flex; flex-direction: column-reverse;} #groupSale h4 {margin: 2em 0 0.5em; color: white; background: #f28b00; padding: 8px 18px; border-radius: 13px;font-size: 16px;} #groupSale li { display:flex; gap:5px; margin-bottom: 5px;} #groupSale input[type="checkbox"] { opacity: 1} #groupSale li label {display:flex; gap: 5px; align-items: center; margin-right: auto;} #groupSale li label span {line-height: 1.2em;} #groupSale input[type="checkbox"]:disabled ~ span { opacity: .5;} #groupSale input:not([disabled]) ~ span {cursor: pointer;} #groupSale .z-n-info { } #groupSale .z-n-info a { display: flex; width: 1.5em; height: 1.5em; border: 1px solid #0098d9; justify-content: center; align-items: center; border-radius: 50%; color: #0098d9; cursor: pointer;} #groupSale .z-n-info span { display:none; position: absolute; left:0; z-index: 99; color: initial; background: white; width: 470px; max-width: 100%; padding: 10px; border: 1px solid #f1f1f1; box-shadow: 0 0 10px #aaa;} #groupSale .z-n-info a:hover ~ span {display:block} #groupSale .z-n-info span img {float:left; width:50%;max-width:200px; padding:0 10px 0 0} #groupSale .z-n-info h5 { font-weight: 800;} #groupSale .z-n-info p { background: linear-gradient(to top, white, #f1f5f9); margin: 0.5em -10px 0 -10px; padding: 0.5em 1em;} @media all and (max-width:480px){ #groupSale .z-n-info span {width:100%} #groupSale .z-n-info span img {width:40%;} } #groupSale span.z-n-cena { color: #e93d3d; white-space: nowrap; line-height: 20px;} #groupSale span.z-n-cena-old { font-size: .85em; white-space: nowrap} #groupSale span.z-n-cena-old:after { content: ""; border-bottom: 1px solid #789; display: block; margin-top: -7px; transform: rotate(-5deg);} #groupSale .lessMore > input { visibility: hidden; display: none;} #groupSale .lessMore > input + label { display: none; padding: 0;} #groupSale .lessMore > input:checked + label { box-shadow: -20px 0 30px 10px white} #groupSale .lessMore.hasMore > input + label { display: block; } #groupSale .lessMore.hasMore > input:checked ~ .fullContent { max-height: 92px; overflow: hidden;} /* +1px k data-height */ #groupSale .fullContent { max-height: auto; transition: max-height .15s ease;} #groupSale .lessMore > input:checked + label:before { content: "�"; background: none;} #groupSale .lessMore > input + label:before { content: "^"} #groupSale .lessMore > input:checked + label:after { content: attr(data-more);} #groupSale .lessMore > input + label:after { content: attr(data-less);} #product-functions { margin: 1em 0 0 auto;} #product-functions ul { display: flex; flex-wrap: wrap; gap: 1em; justify-content: flex-end;} #product-functions ul li { white-space: nowrap} #product-functions ul li a {position: relative;} #product-functions .wishlist.delete:after {right: unset;left: 13px;top: 5px;} #product-functions ul li svg {height: 1.4em; fill: var(--main-blue); stroke: var(--main-blue)} #product-functions .energy-label-icon { height: 2em} #product-functions img.energy-label-detail { max-width: 170px; position: absolute; z-index: 999; display: none} #product-functions .energy-list-icon { height: 1.2em} #product-functions li a:hover .energy-label-detail {display:block} #proDet .bundle { border: 3px solid #0098d9; border-radius: 5px; background: #dbf4ff; padding: 0.5em 1em; margin: 1em 0 0;} #proDet .bundle span { background: #0098d9; margin: -0.6em -1.1em 0; display: block; border-radius: 5px 5px 0 0; padding: 0.5em 1em; color: white;} #proDet .bundle a:before {content: "•";} #proDet .bundle a:hover {color:#0098d9; text-decoration:underline} /*.calc-rates { text-align: center;} .calc-rates a img { padding-right: 10px; }*/ /* konfiguratoooooooor*/ #konfigOptions { padding-bottom:2em} #konfigOptions tr.confRadek td { padding: 3px 0;} #konfigOptions label {cursor:default;} #konfigOptions select { padding: 5px 10px 5px 20px;margin: 0;height: inherit;border: 1px solid var(--main-mediumGray);} #konfigOptions select option { padding: 3px} #konfigOptions .panel-heading .panel-title{ font-weight:800; color: white;} #konfigOptions .btn-konfig { float:right;} #konfigOptions .konfPrice { font-size:1.2em; display: inline; float: right; margin: 10px 10px 0 0 ; line-height: 18px;} .confNazevKategorie { font-weight: 600; font-size: .8em; text-align: center;} #konfCart { background:var(--main-red); border-radius: 4px; font-size: 17px; line-height: 20px; font-weight: 600; padding: 14px 33px; display: flex; gap: 7px; white-space: nowrap; color: white; letter-spacing: .5px;} #konfCart svg { height: 1.2em} #konfigOptions .konfPrice small { font-size:.8em;} #konfigOptions .panel-footer { margin:1em 0; background:var(--main-mediumGray); padding: 15px;} #konfigOptions .panel-footer.confBuy { display:flex; justify-content: space-between} @media (max-width: 600px) { #konfigOptions .panel-footer.confBuy {flex-wrap: wrap;gap: 5px;justify-content: center;} } #ProductInfoParams .alert.alert-warning.isConfigured { position: absolute; width: 50%; left: 25%; top: 10%; box-shadow: 0 0 50px black;} /* info nad popisem když je konfigurováno */ #ProductDetailPrices { position: relative;} #ProductDetailPrices .isConfigured { background: rgba(250,250,250,0.85); width: 100%; height: 100%; position: absolute; z-index: 9; padding: 20%; text-align: center; display: table; vertical-align: bottom;} #ProductDetailPrices .isConfigured span { display: table-cell; vertical-align: middle;} .logInFirst { border: 2px solid #ea6666; border-radius: 6px; margin: 15px 0; padding: 15px; text-align: center;} @media (max-width: 600px) { #ObalKonfigurator td { display: block;} } #flat-product-content { margin-top: 25px; width: 100%;} .anchor {scroll-margin-top: 140px;} #detailSpacer {height:4em;width: 100%} #detailNav {width:100%; top:103px; z-index: 991;font-size: 15px;} #detailNav:before {content:""; z-index:-1;top:99px; left:0; right:0; height: 0px; background:transparent; box-shadow: 0 0 0 0 transparent; transition: all .15s } #detailNav.is-pinned:before { position: fixed; background: var(--theme-darker-blue); box-shadow: 0 0 30px -5px var(--theme-darker-blue); height: 45px;} #detailNav.is-pinned { position:sticky;} #detailNav.is-pinned .efekt { display: none} #detailNav nav {display: flex;justify-content: center;gap: 1em;} #detailNav svg {height:1.2em} #detailNav:not(.is-pinned) .showLater {opacity: 0} #detailNav a {display: flex;align-items: center;gap: 3px;padding: 2em 10px 1em; color: black; font-size: 1.4em; font-weight: 700;position: relative;text-decoration: none} #detailNav.is-pinned a:hover { text-shadow: 0 0px 2px #183999;} #detailNav a:hover:before { content: ""; width: 100%; background: #ffffff59; position: absolute; height: 100%; left: 0px} #detailNav.is-pinned a:hover {background: var(--main-blue);} #detailNav.is-pinned a {color:white; padding: 10px; background:none; color:white; font-size:1em; font-weight:500} @media all and (max-width: 1024px) { #detailNav {top:83px} #detailNav:before {top:80px} } @media all and (max-width: 450px) { #detailNav {top:63px} #detailNav:before {top:60px} } #detailNav .makeSpace {margin-left:auto} @media all and (max-width: 829px){ #detailNav .hide829 {display:none} } @media all and (max-width: 659px){ #detailNav a {font-size:13px;} } @media all and (max-width: 599px){ #detailNav a {padding: 10px 5px} #detailNav a span:first-letter {text-transform: uppercase;} } @media all and (max-width: 599px){ #detailNav .hide599 {display:none} } @media all and (max-width: 419px){ #detailNav a {font-size:12px;} } @media all and (max-width: 379px){ #detailNav .hide379 {display:none} } /* popis z i6 */ #main-description h1, #main-description h2, #main-description h3, #main-description h4, #main-description h5 {padding-bottom: 5px;} #main-description p { margin-bottom: 15px; line-height: 1.4em;} #main-description font[size="4"] {padding-bottom: 10px;display: inline-block;} #main-description img {max-width:100%; object-fit: scale-down;} #main-description iframe, #main-description object {max-width: 100%; } #main-description video {max-width: 100%; height: auto;} #main-description h1 {font-size:2em;line-height: 1.3em;} #main-description .lightbox { position: relative; pointer-events: none;} #main-description a { color: var(--theme-darkest-blue);} #main-description font[size="1"] {font-size: inherit;} #main-description hr {border: 0;height: 1px;box-shadow: 0 1px 1px #9fbac5;margin: 1.5em 0;} #main-description li::before { content: "•"; font-size: 1.1em; color: var(--theme-main-orange); position: absolute; left: 0px} #main-description li { list-style: none; padding-left: 10px; margin-bottom: 5px; position: relative} /* parametry*/ #tecnical-specs {margin: 4em 0 ;} h4.t-s-header { text-align: center;margin: 20px 0; line-height: 1.8em; font-size: 1.2em;} h4.t-s-header span::before { content: ""; background: var(--main-blue);width: 50px;height: 50px;position: absolute; z-index: 1; left: -44px;transform: rotate(45deg);top: -10px;border-radius: 4px;} h4.t-s-header span { padding: 3px 3px 5px 25px; position: relative; z-index: 2; border-radius: 0 4px 4px 0;} h4.t-s-header span::after { content: "";position: absolute; left: -31px;top: 3px;z-index: 3;background: url(../images/icons/specs.png) no-repeat center center / contain;width: 23px; height: 23px;} @media (max-width:660px) { h4.t-s-header span { display: block;background: var(--main-blue);color: white;} h4.t-s-header span::before, h4.t-s-header span::after { display:none } } .tecnical-specs { width: 100%; column-count: 3; -moz-column-fill: balance; column-fill: balance;} .tecnical-specs ul { list-style: none} .tecnical-specs li {display: flex;justify-content: space-between; gap: 5px} .tecnical-specs > ul > li {padding-top:15px;width: 100%; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column; display:table;} .tecnical-specs > ul > li span {font-weight:600; color: var(--main-blue);line-height: 2em; font-size: .9em; } .tecnical-specs > ul > li li:nth-child(odd) {background:#e0e9e9;} .t-s-name, .t-s-value {display:table-cell; padding: 4px 0 6px 10px; line-height: 1.2em;font-size: .85em} .t-s-value { font-weight: 600;text-rendering: geometricprecision; padding: 4px 10px 6px 0; text-align: right;} [data-toggle="tooltip"]:hover:after { display: inline-block; content: attr(data-original-title); position: absolute; background: var(--theme-light-orange); font-weight: 400; padding: .25em 1em; box-shadow: 0 4px 11px #789; max-width: 90%; border-radius: 3px; margin:-.25em 0 0 1em; z-index: 9999;} .widget [data-toggle="tooltip"]:after {width: 360px;font-size: 12px; line-height: 1.5em;} .tecnical-specs [data-toggle="tooltip"]:before { content: "?"; font-size: .85em; background: #bac3c3; display: inline-flex; width: 12px; height: 12px; justify-content: center; align-items: center; border-radius: 50%; color: white; cursor: help;} /* /parametry*/ /* vice / mene na detailu */ .descLessMore { display: flex; flex-direction: column-reverse; } .descLessMore > input { visibility: hidden; display: none;} .descLessMore > input + label { display: none} .descLessMore.hasMore > input + label { display: block} .descLessMore.hasMore > input:not(:checked) + label { display:none; position: sticky; bottom: 0; z-index: 90; background: white;} .descLessMore .fullContent { position: relative} .descLessMore.hasMore > input:checked ~ .fullContent { overflow: hidden;position: relative} /* js přidá max-height */ .descLessMore.hasMore > input:not(:checked) ~ .fullContent { max-height: 100% !important; } .descLessMore.hasMore:has( > input:checked) .fullContent:before { content: ""; background: linear-gradient(to top, var(--main-blue) 5px, #c5c5c5b5 5px, transparent); display: block; position: absolute; z-index: 10; bottom: 0; height: 4em; width: 100%; } .descLessMore > input + label {background: var(--main-blue);width: max-content;margin: 0 auto;padding: 5px 15px 9px;cursor:pointer;position: relative;z-index: 1;border-radius: 0 0 4px 4px;text-align: center;color: white;font-size: 16px;} .descLessMore > input:checked + label:after { content: attr(data-zobraz) " " attr(data-more) " ▼";} .descLessMore > input + label:after { content: attr(data-zobraz) " " attr(data-less) " ▲";} @media all and (max-width: 768px) { .descLessMore .fullContent { padding: 0 5px 0 10px}} /* záložky detailu produktu*/ #detailTabs {margin: 4em 0 0} .tab-parent { min-width: 300px; width:100%; overflow: hidden; } ul.tabs {margin: 0px; padding: 0px; overflow: hidden; float: left; padding-left: 50px; width:100%; list-style-type: none;} ul.tabs { } ul.tabs * {margin: 0px; padding: 0px;} ul.tabs li { border-radius: 4px 4px 0 0; display: block; float: left; padding: 10px 18px 8px; background: var(--main-mediumGray); margin-right: 6px; z-index: 2; position: relative; cursor: pointer; color: #777; transition: all 250ms ease;} ul.tabs li:hover { background: var(--main-subGray); color: white;} ul.tabs li:hover a { color:white} ul.tabs li.active {z-index: 3; } ul.tabs li.active a {color:white;} ul.tabs li.active {background: var(--main-blue);color: white;} ul.tabs li a {position:relative;} ul.tabs li a span.count {position: absolute; right: -22px; top: -11px; background: white; border-radius: 10px; padding: 0 6px; line-height: 1.4em; font-size: 0.8em; border: 1px solid #ccc; text-align: center; color: #999;} .tab_container { overflow: hidden; clear: both; float: left; width: 100%; background: white;} .tab_content { padding: 20px; border: 1px solid var(--main-mediumGray); border-top: 1px solid var(--main-blue);} /* záložky detailu produktu*/ /* hodnocení na detailu produktu*/ /* Raiting */ .rating .title, .form-review .title { font-size:16px; margin:25px 0;} .rating .title small { display: table-cell; font-size: 13px; padding: 0 5px;} .rating .queue-box { margin-top:30px;} .rating .queue-box li { margin-bottom:10px;} .rating .rating {display: table-cell; } .rating .count-box {display: table-cell; width: 160px;} .rating .queue-box li span.numb { display: table-cell; padding: 0 10px;} .rating .queue-box li span.count {display:inline-block; width:100%; position:relative;} .rating .queue-box li span.count:before { content:''; position:absolute; height:6px; top: -8px; width:100%; background-color:#d6d6d6; border-radius:5px;} .rating .queue-box li span.count:after { content:''; position:absolute; height:6px; top: -8px; width: var(--count-value); background-color:#b2b2b2; border-radius:5px;} #SetRating {max-width:400px; position:relative; font-size: 16px;} #SetRating label { text-indent: -100px; width: 30px !important; height: 30px; overflow: hidden; cursor: pointer; } #SetRating input[type="radio"] { position: absolute; left: -5000px;} #SetRating input[type="radio"], #SetRating label.stars { float: right; line-height: 24px; height: 30px;} #SetRating span + input[type=radio] + label, #SetRating legend + input[type=radio] + label { counter-reset: checkbox; } #SetRating label.stars { position:relative;} #SetRating label.stars:before { font-family: 'FontAwesome'; content:"\f006"; font-size: 20px; color:#f28b00; display:block; width:30px; height:30px; position:absolute; text-indent: 1px;} #SetRating label.stars:hover ~ label.stars, #SetRating label.stars:hover, #SetRating input[type=radio][name=stars]:checked ~ label.stars { counter-increment: checkbox;} #SetRating label.stars:hover ~ label.stars:before, #SetRating label.stars:hover:before, #SetRating input[type=radio][name=stars]:checked ~ label.stars:before { font-family: 'FontAwesome'; content:"\f005"; display:block; width:30px; height:30px; position:absolute; text-indent: 1px;} #SetRating span:after { content: counter(checkbox) " / 5"; } .form-review form { margin-top:20px;} .form-review form > div { margin-bottom:20px;} .form-review form > div > input { max-width:355px; background-color:#fff; border:2px solid #e5e5e5; height:40px; } .form-review form > div > textarea { background-color:#fff; border-radius:10px; border:2px solid #e5e5e5; padding-left:30px; min-height:60px;} .form-review form .btn-submit button { display:inline-block; height:50px; line-height:52px; padding:0 25px; font-size:16px; color:#fff; text-align:center; background-color:var(--main-green); border-radius:4px; font-weight:400;} /* recenze */ .review-list { margin-top:30px;} .review-list li { padding:20px 0; border-bottom:1px solid #e5e5e5;} .review-list li:last-child { border-bottom:none;} .review-list .review-metadata { margin-bottom:10px;} .review-list .review-metadata .rating { display: inline; padding-right:10px; } .review-list .review-metadata .name { display:inline-block; font-weight:bold; } .review-list .review-metadata .name span { color:#838383; font-weight:100; padding-left: 5px; font-size: 85%;} .review-list .review-content { color:#333;} .review-metadata .origin { background: #eee; color: #51565b; font-size: 100%; display: inline-block; padding: 4px 6px; line-height: 12px; transform: skewX(-10deg); margin: 0 0 0 1em} .review-metadata .origin.origin-verified { background: #beffcd} .review-metadata .origin.origin-advert { background: #ffe5be} .RM-moreText span { display: none} /* číst více v recenzi */ .RM-toggler { color: #0098d9; background: linear-gradient(90deg, white, #dbedff); display: inline-block; padding: 0px 5px; transform: skewX(-10deg)} /* /hodnoceni na detailu */ /* diskuze na detailu */ #discuss-list {} #discuss-list li {border-top:2px solid #e5e5e5;} #discuss-list li li { margin-left:5px;padding-left:15px; border-top:1px solid #e5e5e5; border-left:2px solid #e5e5e5;} #discuss-list > li > ul > li { margin-left:45px;} #discuss-list > li:first-child {border-top:none;} .discuss-metadata .name:before { font-family: 'FontAwesome'; content:"\f007"; display: inline-block; width: 15px; color: #969696;} .discuss-metadata span {color:#969696; padding-left:10px; font-size:85%;} .discuss-content h5 {font-weight:800;} .discuss-reply a {background: #ddd; padding: 3px 5px; border-radius: 3px; cursor: pointer;} .discuss-reply { margin-bottom: 15px;} #discussModal h3 { text-align: left; border-bottom: 2px solid #f28b00; margin-bottom: 10px; padding-bottom: 10px;} #discussModal a.close-modal { line-height: 100px; overflow: hidden; top: 28px;} #discussModal p { text-align:left; } #discussModal .form-box {text-align: left; margin: 5px 0; } #discussModal textarea { min-height:100px;} #discussModal label { text-align:left;} #discussModal label span { color: #aaa;} #discussModal button[name="CmtSubmit"] {color: #FFFFFF;background-color: var(--main-blue);float: right;border: none;} #newThread { background: #eee;border-radius: 8px; padding: 10px 15px; margin-top: 25px;} #newThread a { background:#0098d9; padding: 5px 15px; border-radius: 3px; cursor: pointer; color: white; margin: 0 5px;} /* podobne produkty */ div#snippet-productBox-relation { width:100%} div#snippet-productBox-relation h5 { text-align: center; margin: 5em 0 1em; font-size: 1.25em;} #relatedProdcts {display:flex;} #relatedProdcts .tabs-relation { width: 160px;position: relative;z-index: 2;padding-top: 15px; margin-bottom: 1em;} #relatedProdcts .tabs-relation li { background: #eee; padding: 2px; border-top: 1px solid #ddd; line-height: 1.5;} #relatedProdcts .tabs-relation li:last-child { border-bottom: 1px solid #ddd;} #relatedProdcts .tabs-relation li.tab-active { background: white; box-shadow: 14px 0px 3px -10px #fd6e01 inset;} #relatedProdcts .tabs-relation li a { display: block; padding: 5px 10px;} #relatedProdcts .tabs-stage { width: calc(100% - 160px); background: white; border: 2px solid #ddd; padding: 15px 0 15px 15px; margin-left: -2px; position: relative;z-index: 1;border-radius: 10px;} #relatedProdcts .items { display: flex; flex-wrap: wrap;width: 100%; justify-content: center;gap: 25px;} #relatedProdcts .imagebox { width: calc(49% - 10px); margin: 0 10px 10px 0;} /*#relatedProdcts .product-image img { max-height: 155px;}*/ @media all and (max-width: 768px) { #relatedProdcts .product-item.inCarousel { max-width: 100%;width: 100%;} } /* Podobné produkty na detailu */ section#similar-product-rotator {width: calc(100% - 60px);margin: 5em auto 1em;} #similar-product-rotator > h5 { text-align: center; margin: 0 0 1em; font-size: 1.25em;} /*#similar-product-rotator { padding: 0; margin: 0; list-style: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; justify-content: left;}*/ #similar-product-rotator > div{ padding: 0; margin: 0; list-style: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; justify-content: center;} #similar-product-rotator .product-item.inCarousel { max-width: 350px; background: white;} #similar-product-rotator:has(.diff) .hint { display: flex !important; font-size: 12px;} #similar-product-rotator .imagebox { width: 198px; margin-right: 30px;} @media all and (max-width: 768px) { #similar-product-rotator .product-item.inCarousel { max-width: 239px;} } @media all and (max-width: 557px) { #similar-product-rotator .product-item.inCarousel { max-width: 100%;width: 100%;} } /* nadrozměry na výpisu a detailu*/ .delivery-restrictions { display: inline-flex; width: initial; align-items: center; gap: 5px; padding: 3px; color: orange; font-size: 12px;cursor: help;} .delivery-restrictions div { position: absolute; background: orange; color: initial; padding: 1em; bottom: 0; left: 0; right: 0; z-index: 99; display: none; line-height: 1.5em;} .delivery-restrictions:hover > div { display: block;} #proDetail-buy .delivery-restrictions div {left:15px} /* digitor detail */ @media all and (max-width:767px) { #main-description, #game-results, #parametry-produktu, #tecnical-specs { padding: 0; width:100%} #tecnical-specs .tecnical-specs { padding: 0 15px;} } /* Košík -------------------------------------------------------------- */ main#cart { width:100%;margin: 0 auto 3em} .steps { display:flex; flex-wrap: nowrap; width: max-content; max-width: 100%; margin: 1em auto 3em; padding: 10px } .steps > a { display:flex; position: relative; align-items: center; padding-right: 15px; gap: 5px; text-decoration: none; color: inherit} .steps span { border: 3px solid black; width: 44px; height: 44px; color: black; flex-shrink: 0; display: flex; justify-content: center; align-items: end; border-radius: 50%; font-size: 30px; font-weight: 700;} .steps div div { display:flex; flex-direction: column; gap: 12px; line-height: 1em;} .steps b { font-weight:600; font-size: 15px} .steps p { font-size: 11px} .steps .hot, .steps .hot span { border-color: var(--theme-main-blue); color: var(--theme-main-blue)} .steps .hot b { color: var(--theme-main-blue)} .steps .nxt { opacity: .3;} .steps a[nohref] { pointer-events: none;} @media (max-width: 520px) { .steps p { font-size: 10px; line-height: 12px; padding-top: 10px;} } .shop-cart, .checkout { width:100%; z-index: 3;} .shop-cart h3 {font-weight: 600;} .table-cart table { width:100%; border-collapse: collapse;} .table-cart thead { border-bottom:1px solid #e5e5e5; margin-bottom:5px;} .table-cart thead tr th { padding:8px 3px 18px; font-size:14px; vertical-align:middle;} .table-cart thead tr th:first-child {text-align: left} .table-cart thead tr th:nth-child(4) { text-align:right;} .table-cart tr td { padding: 15px 0; vertical-align:middle;} .table-cart tr td:nth-child(1) { width:80px;} .table-cart tr td:nth-child(2) { } .table-cart tr td:nth-child(3) { width:110px;} .table-cart tr td:nth-child(4) { width:100px;} .table-cart tr td:nth-child(5) { width:30px; text-align:right;} .table-cart thead tr th:nth-child(3), .table-cart tr td:nth-child(3) { padding: 5px 0;} .table-cart tr th, .table-cart tr td { border-bottom: 1.5px solid black;} .table-cart tr:last-child { border-bottom: none;} .table-cart tr td .img-product img { max-width:100%; max-height: 165px; padding-right: 10px;} @media (max-width:580px) { .table-cart tr td .img-product img {max-width: 50px;} } .table-cart tr td .name-product { font-size:16px; line-height:18px; padding: 0 0 0 7px;} .table-cart tr td .name-product a { color:inherit;font-weight: 600;text-decoration: none;} .table-cart tr td .price { text-align:center; font-size:14px;} .table-cart tr td .quantity {padding:0 10px} .table-cart tr td .quantity input { text-align: right; padding: 0; height: 45px; width: 50px; margin: 0 auto;} .table-cart tr td .total { text-align:right; color:var(--main-blue); font-size:18px;} .cart-store span { margin: 7px 0 0; padding: 2px 7px; background: #f5f5f5; display: inline-block; font-size: .9em;} .cart-store span.maxQbuy {color: var(--theme-dark-orange);} .cart-store span.openStoreModalList { cursor:pointer} .cart-store span.openStoreModalList:hover { text-decoration: underline} .cart-store span.openStoreModalList:after {content: ''; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid var(--theme-darker-blue); display: inline-block; width: 6px; height: 6px;} .cart-store span.openWatchDogModal { padding: 0; line-height: 1.5em; background: #f28b00; color: white; padding: 5px 10px 5px 6px; border-left: 5px solid #ea0000; border-radius: 5px} .confItems h5 { font-weight: 600; padding-top:10px} .confItems li { font-size: .85em} .confItems svg { height: .7em; opacity: .5;} a .del-left { padding: 4px 0 5px 5px; height: 25px; opacity: .7;} a:hover .del-left { opacity: 1; cursor: pointer} @media (max-width:580px) { .table-cart table, .table-cart tbody, .table-cart tbody td {display:block; width:100% !important} .table-cart table thead { display:none} .shop-cart .form-coupon { margin: 40px auto;} tr.cartGrid { display: grid; grid-template-areas: "a1 a2 a2 a2" "a3 a3 a4 a5"} .table-cart td.gridArea1 { grid-area: a1; } .table-cart td.gridArea2 { grid-area: a2; } .table-cart td.gridArea3 { grid-area: a3; display: flex;align-items: center;justify-content: end;} .table-cart td.gridArea4 { grid-area: a4; } .table-cart td.gridArea5 { grid-area: a5; } .table-cart tr td .quantity input { width: 55px;} } /* slevovy kod */ .form-coupon {padding: 10px 15px;background: var(--theme-main-orange);width: max-content;margin: 6em 0 4em;border-radius: 4px;} .form-coupon .coupon-info { color:#222; font-size:14px; padding:0 0 10px; text-align: center;} .form-coupon .coupon-input {display: flex} .form-coupon form input { display:inline-block; background:white; width:150px; margin-right:13px; height:36px; line-height: 36px; border-color:var(--main-blue)} .form-coupon form button { display:inline-block; height: 36px;line-height: 32px;padding: 0 25px;font-weight: 500;border: 2px solid;border-radius: 4px;background: transparent;cursor: pointer;} @media (max-width: 991.9px) { .cart-go-back { display: none;}} /* soucet vpravo */ #checkCart { position: absolute; top:-16px; background: var(--theme-main-orange); color: black;padding: 7px 10px; border-radius: 3px; animation-name: checkCartAn; animation-duration: 2s} #checkCart:after {content:""; position: absolute; top: 100%; left:50%; margin-left:-5px; border-width:5px; border-style:solid; border-color: var(--theme-main-orange) transparent transparent transparent} @keyframes checkCartAn { 0% {opacity:0} 80% {opacity:0; top:-3em} 100% {opacity:1; top:-2} } .cart-totals { padding: 35px 40px 46px 41px; border-radius: 4px; background-color: var(--theme-main-blue);} .cart-totals h3 { font-size:18px; font-weight:bold; margin-bottom:16px;} tr.hasOption h4 {font-size: 16px;font-weight: 600;padding: 20px 0 8px;} .cart-totals table { width:100%;} .cart-totals table tr td { font-size: 14px;} .cart-totals table tr td { padding: 5px 0 } .cart-totals table tr td:not(.thisDealer):last-child { text-align:right; white-space: nowrap;} .cart-totals table tr td.thisDealer {line-height: 1.2em;padding: 16px 0;color: var(--main-red);} .cart-totals table .totalSum { font-weight:700} .cart-totals table tr td.price-total { font-weight:800; color:var(--main-red); padding:22px 0; font-size: 1.2em; line-height: 20px} .cart-totals table tr td.price-total small { font-weight:500; font-size:.7em; color:initial} .cart-totals select { background:white; font-size:14px; text-align:left;height: 45px; padding:9px; cursor:pointer;border-color: black; appearance: none;} .cart-totals .hasOption td { padding-bottom:0;} .cart-totals .isOption {position:relative;} .cart-totals .isOption td { position:relative; padding:0;} .cart-totals .isOption.kup-x td:after { content: "▶"; position: absolute; top: 11px; right: 5px; font-size: 16px;color: var(--main-blue);} .cart-totals .isOption:not(.kup-x) td:after { content: "▼"; position: absolute; top: 2px;right: 2px;bottom: 2px;font-size: 14px;line-height: 42px;padding: 0 8px;background: linear-gradient(90deg, transparent, white 10px); pointer-events:none; border-radius: 0 4px 4px 0;} .cart-totals .isOption.paySelect:not(.payment_choose) td:after { color: var(--main-mediumGray); background: var(--main-mediumGray)} .cart-totals .isOption.payment_choose td:after { line-height: 38px} .cart-totals .isOption.paySelect:not(.payment_choose) td:after { color: var(--main-mediumGray); background: var(--main-mediumGray)} .cart-totals .isOption.paySelect.payment_choose .likeSelect { border-color: var(--main-blue);} tr.spacer2 div { background: white; height: 4px; margin: 20px -42px; display: block;} .cart-totals .btn-cart-totals { margin-top:35px; padding:0 5px; text-align: center;} .cart-totals .btn-add-cart.update a { background-color:#adadad; border-color:#adadad;} .cart-totals .btn-add-cart { display: block;font-size: 1.2em;font-weight: 700;padding: 17px 19px 12px 25px; margin: 0 auto} .cart-totals .btn-add-cart button { margin: 0 auto} .cart-totals .btn-add-cart button small { white-space: break-spaces;} .likeSelect a {color: var(--theme-darker-blue);text-decoration: none;cursor: not-allowed;} .cart-totals .isOption.paySelect.payment_empty td:after { display: none} .cart-totals .isOption.paySelect.payment_empty .likeSelect {text-align: center;} .payment_choose li { list-style: none} .payment_choose .likeSelect a {color: initial;text-decoration: none; line-height: 27px;} .cart-totals .isOption td[data-info]::before { content: attr(data-info);left: 0;top: -30px;background: #ea0000; border: 2px solid #aaa; padding: 5px 35px 5px 16px;display: block;max-width: 100%;white-space: normal;text-align: left;border-radius: 10px;color: white;} .cart-totals .isOption.notActive { filter: saturate(0); opacity: .5;} .cart-totals .isOption.disabled { cursor:not-allowed} .cart-totals .isOption.disabled a:before {content: "";position: absolute;top: 0;right: -2px;left: 3px;bottom: -2px;background: #ffffff; z-index: 2;border: none;opacity: .8;cursor: not-allowed;} .cart-totals .spacer td { padding:0;} .cart-totals span[id$="_message"].text-danger { background: var(--main-blue);} #cartMessage { background: var(--theme-main-orange); padding: 10px 15px; border-radius: 4px; margin: 15px; font-size: 1.2em;text-align: center;} .cart-totals .partnerOption { display:flex; gap: 20px; text-align: left; padding: 10px; 30px 10px 20px; background:white; border-radius:4px; border: 2px solid var(--main-blue)} #snippet--CartRelations {width:100%;} .recomended-product-rotator h3 {font-size: 1.2em; text-align: center; border-bottom: 2px solid #f28b00; height: 0.75em; margin: 3em 0;} .recomended-product-rotator h3 span { background: white; padding: 0 15px; } /* pokladna */ main#checkout { padding:0 0 6em; width:100%;} .box-checkout h3.title { margin-bottom:16px;} .billing-fields .fields-title h3, .shipping-fields .fields-title h3 { font-size:16px; font-weight:600; padding: 12px 20px 8px; border-radius: 4px; background: var(--theme-main-blue); margin-bottom:17px} .fields-content .field-row { margin-bottom:20px; clear: both;} .fields-content .field-row .field-one-half { width:50%; float:left; position:relative;} .fields-content .field-row .field-one-half:first-child { padding-right:15px;} .fields-content .field-row .field-one-half:nth-child(2) { padding-left:15px;} .field-row.functions .checkout-login { font-size:14px; line-height: 16px; padding:13px 20px 12px; border:2px dashed #d4d4d4; border-radius:4px;} .field-row.functions .checkout-login a { color:var(--main-red); white-space: nowrap;} .field-row.functions .checkbox { margin-top: 16px; margin-bottom:0;} .fields-content .field-row input, .fields-content .field-row select { border:1.5px solid var(--theme-main-blue); margin-bottom:0px;} .fields-content .field-row label { margin-bottom:12px; margin-left:2px;} .fields-content .field-row .input-group { display:flex} .fields-content .field-row .input-group .form-select.phonePrefix { width:83px; margin-right: -2px} .fields-content .field-row .form-select { display: block; width: 100%; padding: 0 1.5em 0 .5em; -moz-padding-start: calc(0.75rem - 3px); background-color: #fff; background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right .5rem center; background-size: 16px 12px; -webkit-appearance: none; -moz-appearance: none; appearance: none;} .shipping-fields {padding-top: 2em;} .shipping-fields .fields-content .checkbox { margin-top:25px; margin-bottom:27.2px;} .checkbox { margin-top:36px; margin-bottom:39px;} input[type="checkbox"] { opacity:0;} .btn-checkbox { display:inline-block;} .btn-checkbox .checkbox { margin-bottom:13px;} .checkbox label { position:relative; cursor:pointer; padding-left:15px;} .checkbox label:before { content:''; position:absolute; left:-15px; top:0; width:20px; height:20px; border:2px solid var(--theme-darker-blue); background-color:#fff; border-radius:4px;} .checkbox label:hover:after { content:'✔'; color: lightblue; } .checkbox label:after { content:'✔'; position:absolute; left:-15px; top:0; color:#fff; font-size:16px; line-height:20px; width:20px; text-align:center; height:20px; border-radius:3px; z-index:3;} .checkbox input[type="checkbox"]:checked + label::after { background-color:#f28b00;color:#fff;} .billing-fields .labelLink label { font-weight:800;} .billing-fields .labelLink a { text-decoration:underline;} .companyFields, .shippingFileds { display:none;} #adresaICOtext { float: left; margin-left: 15%; padding: 0 10px; background: #ea0000; color: white; border-radius: 0 0 3px 3px;} #resultNaPostu { float: right; margin: 5px 0 0 ;} #resultNaPostu span{ display: block; position: relative; color: white; padding: 5px 10px; margin: 0 0 15px; border-radius: 4px;} #resultNaPostu span.naPostuError {background: #ea0000;} #resultNaPostu span.naPostuOK {background: #00aa00;} #resultNaPostu span::before { content: ""; display: block; background: inherit; position: absolute; top: -5px; width: 10px; height: 10px; transform: rotate(45deg); right: 30%;} .field-row #notes { min-height:63px; border-radius:8px; padding:6px 25px; margin-bottom: 35px;} /* chybové hlášky a kontroly e-mailu a tel.čísla */ .mf-email-error, .mf-phone-error{ height: 35px; padding-top: 5px; margin-bottom: -10px; transition: all .5s; background: var(--theme-main-orange); overflow: hidden; position: relative; z-index: -1; text-align: center; font-weight: 600; font-size: .85em; } .mf-email-error.hidden, .mf-phone-error.hidden { height: 0px; padding-top: 0; margin-bottom: 0px} .mf-email input, .mf-telephone select, .mf-telephone input { background: white; position: relative; } .mf-telephone span.input-group { display: flex; position: relative} select#frm-cartOrderForm-ComTelCountryCode { padding-left: 15px;width: 8em;} .mf-email { position: relative} #frm-cartOrderForm-ComEMail_message.help-block, #frm-cartOrderForm-ComTel_message.help-block { background: #ea0000; position: absolute; z-index: -1; left: 0; right: 0; bottom: 0; transform: translateY(calc(100% - 15px)); padding: 19px 10px 4px; max-width: 100%; color: white; font-size: .85em; text-align: center} .mf-email:has(input.is-ok):after, .mf-telephone:has(input.is-ok):after { content: ''; position: absolute; z-index: 2; top: 50%; right: 0.6em; transform: translateY(-50%); width: 1em; height: 1em; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E div:not(:first-child) {margin-left:15px; margin-top:35px;} .thankYou .maskot { max-height:200px} .thankYou h2 { padding: 0 0 1em; font-weight: 600;} .thankYou p { padding: 0 0 10px 0;} .thankYou p a { color: #0098d9; text-decoration: underline;} a.fb { background: url(../images/icons/fb.png) no-repeat left center; padding-left: 22px; border-bottom: 1px dotted; margin-left: 2px;} #thankYou h3 {font-size: 1.5em; text-align: center; border-bottom: 2px solid var(--main-blue); height: 0.75em; margin-bottom: 2em;margin-top: 3em;} #thankYou h3 span { background: white; padding: 0 15px;font-weight: 600;color: var(--main-blue); } table.thankY, #thankYou .box { width: 100%; max-width: 760px; margin: 0 auto 1em; background: var(--theme-main-blue); padding: 1em; font-size: 13px;border-radius: 5px;} #thankYou .box {display:table;} #thankYou .box > div {display:table-cell;} #thankYou .box > div:first-child {padding-right: 30px;} #thankYou .box h4 {font-size: 1.2em; text-align: center; border-bottom: 2px solid var(--main-blue); height: 0.75em; margin:1em;} #thankYou .box h4 span { padding: 0 15px;font-weight: 600;color: var(--theme-darkest-blue) } #thankYou .maninTD div:first-child {font-weight: 600;} #thankYou .maninTD div { line-height: 1.3em;padding: 0 0 7px;} table.thankY tr:not(:last-child) td { border-bottom: 1px dashed var(--theme-darker-blue); padding: 3px 0px;} table.thankY td { padding: 0 5px} #thankYou tr.bold { border: none;} #thankYou .bold td { font-weight: 600; color: var(--theme-darkest-blue); padding: 7px 0px;} #thankYou .bold.sum td { color: #333; font-size: 1.1em;} .thankY th { color: var(--theme-darkest-blue); line-height: 1.1em;padding: 0 0 0 10px; vertical-align: middle;} .thankY tr {text-align:right;} .thankY.billing tr, .thankY.shipping tr {text-align:left;} .infobox { max-width: 500px; border: 2px solid #ea0000; margin: 65px auto;display: flex;border-radius: 15px; overflow:hidden;} .infobox figure {width: 150px; background: #ea0000 url(../images/icons/wtf.png) no-repeat center center; display: block;} .infobox > div { padding: 15px;} .infobox > div h5 { font-size: 1.3em; color: #ea0000; font-weight: 800;} .infobox > div a { border-bottom:1px dotted #ea0000 } /* Comgate platbz*/ #payment-status {margin: 35px auto;position: relative;} #payment-status img {left: -25px;position: relative;} #payment-status span {display: block;position: relative;text-align: right;max-width: 250px;font-size: 1.2em;float: right;margin: 120px 0 0 -140px;} /*404, notFound*/ .notFound { text-align: center; margin: 2em auto 1em;} .notFound img { max-width: 100%;} /* uvodka **********************************/ #page-homepage {} /* login, registrace*/ section.account {margin:7em 0; width:100%;} .account .form-login, .account .form-register { margin: 0 0 1em; padding: 24px; border-radius: 15px; } .account .form-login { border-top: 5px solid var(--theme-dark-blue); background: var(--theme-main-blue); } .account .form-register { border-top: 5px solid var(--theme-dark-orange); background: var(--theme-main-orange); } .account .form-box {margin: 20px 0;} .account .form-box.withSpace { display:flex; gap: 2em; align-items: center;} .account .form-box a { color: inherit} .account input { background: white;} .account button.register { background: var(--main-red);} .account input[type="checkbox"]:checked + label:after { background-color: var(--main-blue);} #passModal.box-cart { text-align: left;} #passModal.box-cart h3 { margin-bottom:15px;} /* porovnání produktů*/ section.compare { padding:45px 0 85px; width:100%;} .wrap-compare .title { margin-bottom:32px;} .compare-content { overflow:auto;} .table-compare tr { border-bottom:1px dashed #a8cbea; z-index:1; } .table-compare tr:hover { box-shadow: 0 0 30px #a8cbea; z-index:2;position: relative;} .table-compare tr td { text-align:center; padding:15px 5px 10px; border-right: 1px dashed #a8cbea; } .table-compare tr th { background-color:#fafbfd; padding: 0 2px; border-bottom: 1px dashed inherit } .table-compare tr th:empty { background:white} .table-compare tr td.product img { max-width: 150px; } .table-compare tr td .name { font-size:16px;} .table-compare tr td.price { color:#fd6e01; font-size:20px; font-weight:900;} .table-compare .compare-buy {display: flex;justify-content: center;gap: 15px;} .table-compare a.buy {background: var(--main-red); padding: 3px 9px; border-radius: 4px; color: white;} .table-compare tr td.description p { line-height:26px;} .table-compare .diff { color:#ff3e11;} .table-compare tr th.param ~ td{ padding: 5px;} .table-compare tr th.param-cat { font-weight:800; background:white; padding: 7px;font-size: 1.1em;} .table-compare tr th.param-cat ~ td { padding:0; border-right:none;} /* statická stránka */ section.statics-article { padding:0 0 10px; width:100%;} section.statics-article .text-wrap { margin:80px 0; } section.statics-article .text-wrap h3 { margin-bottom:28px;} section.statics-article .text-wrap p { margin-bottom: 10px;line-height: 1.4em;} section.statics-article .text-wrap p.xtend-font {font-size: 1.1em;padding-top: 1em;} section.statics-article .text-wrap ul {padding-left: 30px;} section.statics-article .text-wrap li { margin-bottom: 5px;line-height: 1.4em;} section.statics-article .text-block { max-width:800px;} section.statics-article img {max-width:100%;} /* článek */ section.article-detail {} section.article-detail header { padding: 3em 0 2em} section.article-detail article { padding: 0 0 2em; min-height: 30vh} section.article-detail .blogLink {display:flex; justify-content: space-between; align-items: center; flex-wrap: wrap} section.article-detail .backLink button, section.article-detail .blogLink .next, section.article-detail .blogLink .prew { background: var(--theme-main-orange); border:none; color: white;padding: 9px 22px; display: flex;gap: 1em; border-radius: 1em; cursor: pointer;} section.article-detail .backLink button:hover, section.article-detail .blogLink .next:hover, section.article-detail .blogLink .prew:hover{ background: black; color:white } section.article-detail .text-wrap { max-width: 830px;margin: 0 auto;} section.article-detail .text-wrap a:not([class]) {color: var(--theme-darkest-blue);} section.article-detail .text-wrap a:not([class]):hover { color: var(--theme-main-orange);} /* HAP Boxy do statik */ .BigBox {background: linear-gradient(to top, #d5eded, #f0fdfd);padding: 2em;margin: 0 auto 2em;border-radius: 4px;max-width: 1000px;} .BigBox ul {list-style: none} .BigBox H2 {color: var(--theme-darker-blue);margin: 0 0 .5em;font-family: 'Oxanium';font-size: 26px;} .BigBoxCon a { color:var(--theme-dark-blue)} p.BigBox-i1 { text-align: center; font-family: 'Oxanium'; font-size: 18px;} p.BigBox-p {text-align: center;} .statics-article .custom .row { gap: 2em; padding: 1em;} .statics-article .custom .c-b { background: linear-gradient(to top, #e5feff, var(--theme-main-blue)); padding: 1em; border-radius: 4px} .statics-article .custom p { line-height: 1.3em;} .statics-article .custom h4, .statics-article .custom p strong { font-family: "Oxanium", sans-serif} .statics-article .custom .revert { width: 300px; filter: invert(1);} .statics-article .custom .row { justify-content: center;} .statics-article .custom > h4, .statics-article .custom > p { text-align: center} /* neexistuje */ .pgNotExist { margin: 1em auto; width: max-content; text-align: center;} .pgNotExist h3 { color: var(--main-blue); font-weight:600; font-size:23px;} .pgNotExist a { text-decoration: underline} /* HAP tlacitka*/ .extraBtnBlue { background: #3498db; background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db); background-image: -moz-linear-gradient(top, #3cb0fd, #3498db); background-image: -ms-linear-gradient(top, #3cb0fd, #3498db); background-image: -o-linear-gradient(top, #3cb0fd, #3498db); background-image: linear-gradient(to bottom, #3cb0fd, #3498db); -webkit-border-radius: 5; -moz-border-radius: 5; border-radius: 5px; display: inline-block; color: #ffffff !important; font-size: 16px; padding: 10px 20px 10px 20px; text-decoration: none;text-shadow: 1px 1px 3px #666666;} .extraBtnGreen { background: #12ba02; background-image: -webkit-linear-gradient(top, #12ba02, #098500); background-image: -moz-linear-gradient(top, #12ba02, #098500); background-image: -ms-linear-gradient(top, #12ba02, #098500); background-image: -o-linear-gradient(top, #12ba02, #098500); background-image: linear-gradient(to bottom, #12ba02, #098500); -webkit-border-radius: 5; -moz-border-radius: 5; border-radius: 5px; display: inline-block; color: #ffffff !important; font-size: 16px; padding: 10px 20px 10px 20px; text-decoration: none;text-shadow: 1px 1px 3px #666666;} .clickable:hover {border: 2px solid white; box-shadow: 0 0 10px #36a82e;margin: -2px;} /* Oblíbené */ section.wishlist { padding:44px 0 35px; } .wishlist .title { margin-bottom:20px;} .table-wishlist { width:100%; overflow:hidden;} .table-wishlist thead { border-bottom:1px solid #e5e5e5;} .table-wishlist thead tr th { padding:17px 0 18px; font-size:14px;} .table-wishlist tbody tr td { padding:15px 0 15px; vertical-align:middle; border-bottom:1px solid #e5e5e5;} .table-wishlist tbody tr:last-child td { border:none;} .table-wishlist tbody tr td > div.delete, .table-wishlist tbody tr td > div.delete { margin: 0 15px 9px;} .table-wishlist tbody tr td > div.image { width:85px; display:inline-block;} .table-wishlist tbody tr td > div.image img {max-width: 85px;max-height: 100px;} .table-wishlist tbody tr td > div.product .name { display:inline-block; vertical-align:middle; font-size:15px; color:#484848; margin-left:24px;} .table-wishlist tbody tr td > div.price { color:#f28b00; white-space:nowrap; font-size:20px; margin: 0 25px 5px 0; text-align: right;} .table-wishlist tbody tr td > div.product-buy {width: 130px;} /* uživatelský profil */ section.userProfile { padding:30px 0; width: 100%;} .InlineMenu {margin: 15px auto;} .InlineMenu li { display: inline-block; margin: 0 0 1em;;} .InlineMenu li a { background: white; border: 1px solid #ccc; border-radius: 3px; padding: 5px 15px;} .profileBox {background: var(--blend-LightGray); border-radius: 4px; box-shadow: 0 15px 15px -15px #aaa;} .profileBox .title { margin:2em 0 4em} .profileBox .title h3 { margin-bottom:26px;} .profileBox .profileCol { padding:15px; text-align:left;} .profileBox label, .profileBox label a { color: var(--theme-dark-blue); line-height: 19px;} .profileBox .profileCol input { background:white; margin: 0 0 1em} .profileLine .right, .profileLine .center { width: 100%; text-align: center;} .profileLine > .checkbox { margin: 0px 0 30px 30px;} .profileBox button.red { background-color:#f92400; } .profileBox button.blue { background-color:#0098d9; } .profileBox button.blue img { filter:brightness(200%);} .profileLine .points { text-align:center;} .profileLine .points > span { font-size: 1.2em; display: block; background: #f28b00; width: 9em; margin: 15px auto; padding: 15px 5px; border-radius: 15px; color:white;} .profileLine .points span span{ display:inline-block;} .profileBox .profileCol.orderHistory { width:100%; padding: 0;} .profileCol.orderHistory table { width: 100%; } .orderHistory .order a {background:url(images/icons/eye.png) no-repeat center right; background-size:12px; padding-right:15px;} .orderHistory .trace img {height:1.1em;} .orderHistory th { padding: 5px; white-space:nowrap; font-weight: 600; font-size: 0.9em;} .orderHistory td { padding: 5px; } .orderHistory td:not(:last-child) { border-right: 1px solid #ccc;} .orderHistory tr:not(:last-child) { border-bottom:1px solid #ccc;} .orderHistory .prodList li {line-height: 1.2em;} .orderHistory .prodList li:not(:last-child) {padding: 0 0 10px;} .orderHistory a {color: var(--theme-dark-orange)} .orderHistory .price {text-align:right;white-space: nowrap;} .profileCol.orderDetail {display:table;} .profileCol.orderDetail p {display:table-row;} .profileCol.orderDetail p span {display:table-cell; border-bottom: 1px solid #ccc;} .profileLine .docs { text-align: center; width: 100%; padding:15px;} .profileLine .docs button { margin:0 5px;} .digibonus p { margin: 15px 0 0;} .digibonus ul { margin: 15px;} .digibonus li { list-style: disc;} .userPromoPage table { margin: 0 auto;} .userPromoPage h4 {font-size: 1.5em; text-align: center; border-bottom: 2px solid #f28b00; height: 0.75em; margin-bottom: 2em;} .userPromoPage h4 span { background: white; padding: 0 15px; } .userPromoPage h5 {text-align:center;} .profileBox .actions {display: flex;gap: 2em;flex-wrap: wrap;margin: 2em 0 4em;list-style: none;} .profileBox .actions.inMenu {margin: 2em 0 0;justify-content: end;} .profileBox .actions a { background: var(--theme-main-orange);color: white;text-decoration: none;padding: 7px 20px;text-transform: uppercase;border-radius: 15px} .profileBox .actions.inMenu a { background: var(--theme-dark-blue);} .profileBox .actions a:hover { background: black; color:var(--theme-main-orange)} .profileBox .divider {border-top:2px dashed var(--theme-dark-blue); margin: 2em 0 0} @media all and (max-width: 991px) { .orderHistory thead { display:none} .orderHistory td a { border:none} .orderHistory .order a { font-weight:600} .orderHistory tr { display:flex; flex-direction:column} .orderHistory td[data-colname]:before { content: attr(data-colname) ":"; color: #44b6e6; font-size: .85em; padding-right: 0.5em; display: inline-block; text-align: right;} .orderHistory td { border: none !important;} .orderHistory td.trace { text-align: center; margin-bottom: 1em; font-size: 2em;} } @media all and (min-width: 992px) { .profileBox .profileLine {display:flex;} .profileBox { padding:45px 90px; } .profileBox .profileCol { width:49.995%; } } .orderDetailPage {max-width: 930px; margin: 0 auto;} .orderDetailPage .profileCol.orderDetail { padding: 5px 0;} .orderDetailPage .profileCol.orderHistory table {background: #d4f3f3;} .orderDetailPage .title {margin-top: 1em;padding-top: 2em;border-top: 2px dashed var(--theme-dark-blue);} .orderDetailPage .title { margin: 3em 0 1em;} .orderDetailPage .profileCol.orderDetail p span {padding: 8px 3px 5px 0; font-size:13px;} .orderDetailPage .profileCol.orderDetail p span:first-child { color: var(--theme-darker-blue)} .orderDetailPage .orderHistory td:not(:last-child) {border-right: 2px solid #c3ebeb;} .orderDetailPage .orderHistory td { border-top: 2px solid #c3ebeb;} .orderDetailPage h3, .orderDetailPage h4 { font-family: "Oxanium", sans-serif; text-align: center;} .centered { justify-content: center} .centered .profileCol.orderDetail p {text-align: center;} /* Menu Tab */ .tabs ul.menu-tab { text-align:center;margin-bottom:36px;margin-top:16px;} .tabs ul.menu-tab li {display:inline-block;font-size:20px;font-weight:300;color:#919191;cursor:pointer;margin-right:36px;transition:all 0.2s ease-in-out;} .tabs ul.menu-tab li:last-child {margin-right:0px;} .tabs ul.menu-tab li.active, .tabs ul.menu-tab li:hover {color:#2d2d2d;font-weight:500;transition:all 0.2s ease-in-out;} /*alert*/ span[id$="_message"].text-danger, span[id$="_message_1"].text-danger{ color: white; max-width: calc(100% - 25px); position: absolute; z-index: 99; left: 20px; bottom: -20px; background: #ea0000; 5px 10px 7px 2px; border-radius: 0 0 4px 4px; line-height: 13px; padding: 4px 8px 5px 8px;font-size: 12px;} /* RESPONSIVE by HAP */ /* new */ @media only screen and (min-width:767px) and (max-width:1200px) { /*#bigIntro .slider-item { height: 407px;}*/ #proDetail-buy{ width: max-content; margin: 2em auto 0} #proDetail-buy > div { display:flex; gap: 20px;} #proDetail-buy > div > div { display:flex; flex-direction:column} #proDetail-buy .infoExp2 {margin: 15px 0;} .price .helper { right: 0;} } @media only screen and (min-width:992px) and (max-width:1199px) { #arguments .iconbox { min-height: 140px;} #arguments .maskotIntro { margin-top: 55px;} /*#mega-menu > ul.menu > li .drop-menu { left: 196px;}*/ #mega-menu > .btn-mega { padding-left: 76px;} #mega-menu > .btn-mega > span { left: 26px;} #mega-menu > ul.menu > li .drop-menu > .cat .banner img { max-width:100%;} /*#mega-menu > ul.menu > li .drop-menu { width: 700px;}*/ /*vypis*/ .sale { font-size: 18px;} } @media only screen and (max-width:991px) { /*header*/ .top-search form.form-search .box-search input { padding-left:15px;} .top-search form.form-search .cat-wrap { display:none;} /*.box-cart .inner-box ul.menu-compare-wishlist li a { height: 40px; line-height: 30px;}*/ .box-cart .inner-box ul.menu-compare-wishlist li { margin-right:5px; } .top-search form.form-search .box-search .search-suggestions .box-cat { display:none; } /*.btn-menu, .btn-menu-mega {display:block;} .btn-menu-mega {float:left; position: absolute; top: -50px; left: 25px;}*/ /*výpis*/ #categories a, #categories.TopCategories a { width: 49.99%;} .sort-product .show { float: none; text-align: right; margin: -10px 0 15px;} .product-item { width:50%;flex-basis: calc(50% - 20px); } /*detail*/ #proDetail-gallery .owl-carousel .owl-item img { width: 100%;} #tecnical-specs .t-s-name { width: 130px;} #similar-product-rotator .imagebox { margin-right: 25px; margin-bottom:15px;} #similar-product-rotator .imagebox .box-image img { max-width: 100%; height: unset; max-height: 110px;} /* vsude v imagebox? */ /*footer*/ .logo.logo-ft { max-width: 280px;margin: 2em auto 0;} .widget-ft.widget-about { display: flex; flex-wrap: nowrap; border-bottom: 1px solid var(--main-subGray); margin: 0 0 30px; padding: 0 0 30px;} .widget-ft.widget-about > div {width:49.99%;} /*sliderz*/ .owl-item .owl-carousel-item .product-item { margin: 0 auto 15px;} } @media only screen and (min-width:768px) and (max-width:991px) { #mega-menu > ul.menu > li > a { font-size: 17px;} /*detail*/ #proDetail-gallery, #proDetail-gallery .owl-stage-outer, #proDetail-info {width:350px;} } @media (max-width:767px) { .btn-menu, .btn-menu-mega {display:block;} .btn-menu-mega {float:left; position: absolute; top: -68px; left: 25px;} /*header*/ .header-top .hinfo {display:none;} .top-search {padding:10px;} .box-cart { padding: 15px 5px 30px;} /*homepage*/ #bigIntro .slider-item {height:auto;} /*levy*/ #snippet--filtr, #shop .sidebar .widget.widget-moreFilters, .userHistory {display:none;} ul.product-list li .img-product { width: 15%;} ul.product-list li .img-product img { max-width: 50px;} /*detail*/ #flat-product-detail { margin-top: 0;} #proDetail-gallery, #proDetail-gallery .owl-stage-outer, #proDetail-info {width:100%; margin-top: 25px;} /*#flat-product-content ul.tabs li {float:none;} #flat-product-content ul.tabs li::before, #flat-product-content ul.tabs li::after { display:none;} #flat-product-content ul.tabs li:not(:first-child) {border-radius:0; border-top: 1px solid #ccc;}*/ .tecnical-specs {-moz-column-count: 2;-webkit-column-count: 2;column-count: 2;} #filter-actions button { margin: 15px 0 5px;} #ZoomContainer, #proDetail-gallery .owl-carousel .owl-item .imgBox > div { display:none;} #proDetail-buy { width: 280px; margin: 1em auto;} /*vypis*/ #shop .leftColumn { margin-bottom: 25px;} #shop .sidebar .widget-categories, #shop .sidebar .widget-banner, #shop .sidebar .widget-reviews {display:none;} } @media only screen and (max-width:625px) { .product-item { width:100%;flex-basis: 100% } /*filtr*/ #fullFilter { width: 100%; margin-top: 0;} #fullFilter .tabs-nav { max-width: 110px;} .filter-item-content[data-item-count="0"] { padding: 0 10px;} div[data-item-count="10"] ul, div[data-item-count="9"] ul, div[data-item-count="8"] ul, div[data-item-count="7"] ul, div[data-item-count="6"] ul, div[data-item-count="5"] ul, .filter-item-content ul { column-count: 1;} .filter-item input[type="text"] {padding: 8px 15px;} .filter-range ~ span { width: 70px; margin-left: -10px;} .filter-range ~ span:last-child {margin-right: 0px;} } @media only screen and (max-width:575px) { .hide575 {display:none !important;} /*výpis*/ .product-item { width:99.999%; } .product-item.highlight { width: calc(99.999% - 4px);} /*detail*/ #main-description iframe {height: 14em !important;} .tecnical-specs {-moz-column-count: 1;-webkit-column-count: 1;column-count: 1;} /*footer*/ .widget-ft.widget-about {display:block;} .widget-ft.widget-about > div { width: 99%;} .widget-about .logo-ft, .widget-about .widget-content { width:100%; text-align:center;} .widget-ft {margin-top:2em} .widget-ft form.widget-in {margin: 0 auto 3em;} .widget-list .widget-30 {width:100%;} .widget-ft * { text-align: center;} /*kosik*/ #snippet--CartRelations {display:none;} .thankYou > div > img {width:110px;} } @media only screen and (max-width:480px) { .hide480 {display:none !important;} /*výpis*/ .sortBy.onDesktop li:nth-child(n+4) {display:none;} #categories a, #categories.TopCategories a { width: 100%;} /*filtr*/ .blocker::before { display:none;} .blocker {padding:0;} .filter-range ~ span::after {top:none; bottom: 0;} /*detail*/ #proDetail-gallery .owl-stage-outer {min-height: auto;} #proDetail-gallery .owl-dots { width: 99%;} #proDetail-gallery .owl-dot { width: 60px; height: 60px;} #cartModal .btns-cart a.view-cart, #cartModal .btns-cart a.check-out {display:block; margin:5px 0; float:none; text-align: center;} #relatedProdcts { flex-wrap: wrap;} #relatedProdcts .tabs-relation { width: 100%; margin: 0;} #relatedProdcts .tabs-stage { width: 100%; margin: 15px 0;} #relatedProdcts .tabs-relation li.tab-active { box-shadow: 14px 0px 3px -10px #fd6e01 inset, -14px 0px 3px -10px #fd6e01 inset;} /*kosik*/ /*.table-cart thead tr th:nth-child(3), .table-cart tr td:nth-child(3) { border: 1px solid #ddd;}*/ .table-cart tr td .total { font-size: 14px;} .fields-content .field-row .field-one-half { width:100%;} .fields-content .field-row {margin:0;} .companyFields .checkbox { margin: 0;} .fields-content .field-row .field-one-half:first-child, .fields-content .field-row .field-one-half:nth-child(2) {width: 100% !important; padding: 0 0 20px;} #resultNaPostu { margin: -16px 0 0 ;} #payment-status img {left: 15px;} #payment-status span {display: block;text-align: center; margin: 20px; max-width: calc(100% - 40px); width: calc(100% - 40px);} #thankYou .box > div { display: table-row;} .thankY.Review th:first-child, .thankY.Review td:first-child {display:none;} } @media only screen and (max-width:390px) {#proDetail-gallery .owl-carousel { max-width: 350px;}#main-description iframe {height: 12em !important;}.header-middle .box-cart .inner-box .dropdown-box { width: 300px; padding: 25px 10px;}} @media only screen and (max-width:350px) {#proDetail-gallery .owl-carousel { max-width: 320px;}#main-description iframe {height: 11em !important;}} @media only screen and (max-width:320px) {#proDetail-gallery .owl-carousel { max-width: 300px;}#main-description iframe {height: 10em !important;}} /* Faq import */ .FaqWrapper {padding: 0 1em} ul.FaqTree {display: flex; width: 100%; justify-content: center; gap: 15px} .FaqTree li { font-size: 1.25em} .FaqTree li:not(:last-child):after { content: "\f105"; font-family: fontawesome; display: inline-block; padding-left: 10px} .FaqTree a { text-decoration: underline} .FaqCategoryPanel { display: flex; width: 100%; justify-content: center; gap: 10px; flex-wrap: wrap; margin: 1em 0} .FaqCategoryPanel a { display: block; white-space: nowrap; background: #3498db; color: white; padding: 0.5em 1em; border-radius: 4px; text-decoration: underline} .FaqCategoryPanel a:hover { text-decoration: none; text-shadow: 0 2px 2px #004462; } .FaqSearchPanel { margin: 1em 0} .FaqSearchPanel form > div { display: flex; width: 100%; justify-content: center; align-items: center; gap: 10px;} .FaqSearchPanel span[id$="_message"].text-danger {display:none} .FaqSearchPanel input#frm-techSupportSearchForm-TechSearchText { width: 250px} .FaqSearchPanel button.btn.btn-primary { background: #f28b00; border-radius: 4px;} .FaqListPanel h4 { padding: 10px 10px 1px; border-bottom: 2px solid #fd6e01; margin: 0 0 0.5em;} .FaqSearchResults { padding: 30px 10px} .FaqSearchResults h5 { font-size: 1.25em; border-bottom: 2px solid #fd6e01; } .FaqSearchResults a:before { content: "\f105"; font-family: fontawesome} .FaqDetailContent { width: 100%; margin: 2em 0em} .FaqDetailContent h1.panel-title { font-size: 1.5em; font-weight: 800; border-bottom: 2px solid #fd6e01; padding: 0 0 2px; margin: 0 0 1em} .FaqDetailContent img {max-width: 100% !important} .FaqDetailCategories { width: 100%; border-top: 2px solid #fd6e01; background: #fdf6ed; padding: 1em;} .FaqDetailCategories h5 { font-weight: 600} .FaqDetailCategories a:before { content: "\f105"; font-family: fontawesome} #loading {position: fixed;z-index: 9999;left: 0;right: 0;top: 0;height: 100vh;display: flex;justify-content: center; align-items: center; pointer-events: none;} #loading i { opacity:0} #loading span { display:block; width: 100px;height: 100px;animation: rotate-animation 2s infinite linear;background: white;box-shadow: 0 0 50px 58px white;padding: 1em;border-radius: 50%;} @keyframes rotate-animation { 0% {transform: rotate(0deg);} 40% {transform: rotate(160deg);} 50% {transform: rotate(180deg);} 90% {transform: rotate(340deg);} 100% {transform: rotate(360deg);} } section#CPrivacy-Panel .CP-denyAll { display: none;} /* viditelne heslo */ .password-wrap { position: relative;} .password-wrap .toggle-password { position: absolute; top: 23px; right: 10px; transform: translateY(-50%); cursor: pointer; color: #999; font-size: 1.1em;} .password-wrap i.fa-eye::before {display: inline-block;width: 1em;height: 1em;background-size: contain;background-repeat: no-repeat;background-position: center;content: "";} .password-wrap input[type="password"] + i.fa-eye::before {background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20576%20512'%3E%3Cpath%20fill='%23777'%20d='M572.52%20241.4C518.44%20135.5%20407.53%2064%20287.99%2064%20168.47%2064%2057.56%20135.5%203.48%20241.4a48.24%2048.24%200%200%200%200%2029.2C57.56%20376.5%20168.47%20448%20287.99%20448c119.52%200%20230.43-71.5%20284.51-177.4a48.24%2048.24%200%200%200%200-29.2zM287.99%20400c-79.41%200-144-64.59-144-144s64.59-144%20144-144%20144%2064.59%20144%20144-64.59%20144-144%20144zm0-240a96%2096%200%201%200%2096%2096%2096.11%2096.11%200%200%200-96-96z'%3E%3C/path%3E%3C/svg%3E");} .password-wrap input[type="text"] + i.fa-eye::before { opacity:.7; background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20576%20512'%3E%3Cpath%20fill='%23777'%20d='M572.52%20241.4C518.44%20135.5%20407.53%2064%20287.99%2064%20168.47%2064%2057.56%20135.5%203.48%20241.4a48.24%2048.24%200%200%200%200%2029.2C57.56%20376.5%20168.47%20448%20287.99%20448c119.52%200%20230.43-71.5%20284.51-177.4a48.24%2048.24%200%200%200%200-29.2zM287.99%20400c-79.41%200-144-64.59-144-144s64.59-144%20144-144%20144%2064.59%20144%20144-64.59%20144-144%20144zm0-240a96%2096%200%201%200%2096%2096%2096.11%2096.11%200%200%200-96-96z'%3E%3C/path%3E%3Cline%20x1='80'%20y1='80'%20x2='496'%20y2='432'%20stroke='%23777'%20stroke-width='40'%20stroke-linecap='round'/%3E%3C/svg%3E");}