/* HAL3000 Megashop by HAP 30/5/2024 */ @import url("font-awesome.css"); @import url("owl.carousel.css"); @import url("mCustomScrollbar.css"); @import url("../fonts/hal-font.css"); :root { --main-lightGray: #f4f5f7; /*#f4f5f7*/ --main-mediumGray: #d3dbe1; --main-subGray: #667787; --main-darkGray: #212227; --main-red: #ea0000; --main-blue: #22a9eb; --main-green: #33b10c; --blend-LightGray: rgba(0,40,90,0.05); } /* Reset 2018 */ html {overflow-y:scroll; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; scroll-behavior: smooth; } body {line-height:1; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; min-width:340px} a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, caption, canvas, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, form, footer, header, hgroup, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav,object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, tt, table, tbody, textarea, tfoot, thead, time, tr, th, td, u, ul, var, video { font-family:inherit; font-size:100%; font-weight:inherit; font-style:inherit; vertical-align:baseline; margin:0; padding:0; border:0; outline:0; background:transparent; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block; } ol, ul {list-style:none; } blockquote, q {-webkit-hyphens:none; -moz-hyphens:none; -ms-hyphens:none; hyphens:none; quotes:none; } :focus {outline:0; } table {border-collapse:collapse; border-spacing:0; } img {border:0; -ms-interpolation-mode:bicubic; vertical-align:middle;font-size: 10px;line-height: 12px; } button,input,select,textarea {font-size:100%; margin:0; max-width:100%; vertical-align:baseline;} button,input {line-height:normal; } input,textarea {background-image:-webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); } button,input[type="button"],input[type="reset"],input[type="submit"] {line-height:1; cursor:pointer; -webkit-appearance:button; border:none; } input[type="checkbox"],input[type="radio"] {padding:0; } input[type="search"] {-webkit-appearance:textfield; } input[type="search"]::-webkit-search-decoration {-webkit-appearance:none; } button::-moz-focus-inner,input::-moz-focus-inner {border:0; padding:0; } *,*:before,*:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; text-rendering: geometricPrecision; } ul, ol {padding:0; } img {height:auto; } .image img {max-width:100%;} b, strong {font-weight:900; } button,button:hover {border:none; } button:focus {outline:none; } select {border:none; } input[type="checkbox"] {display:inline; } .btn {background-image:none; } /* loader */ #loading { width:100px; height:100px; left: calc(50% - 50px); top: calc(50% - 50px);display:flex; position:fixed; z-index: 9999; vertical-align:middle; text-align:center;} #loading i { position: absolute; font-size: 8px; top: 38%; width: 100px; z-index: 9; color: #0098d9;} #loading span { margin: auto; position: relative; display: block; width: 1em; height: 1em; font-size: 50px; border-radius: 100%; border-bottom: 1px solid #0098d9;; vertical-align: middle; overflow: hidden; text-indent: 100%; box-shadow: 0 0 20px 20px white, 0 0 20px 20px white inset; -webkit-animation: 0.5s spinner linear infinite; -moz-animation: 0.5s spinner linear infinite; animation: 0.5s spinner linear infinite;} #loading span:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid #0098d9; opacity: 0.5; border-radius: 100%;} @-webkit-keyframes spinner { to { -webkit-transform: rotate(360deg); } } @-moz-keyframes spinner { to { -moz-transform: rotate(360deg); } } @keyframes spinner { to { transform: rotate(360deg); } } /* Globální styly */ body,textarea,input,select { font-family: 'customfont',Arial,Helvetica,sans-serif; font-size:1.1em} body { font-size:14px; line-height:24px; font-weight:400; background-color:#fff; color:#333; position:relative; } a {text-decoration:none; color:#333333; transition:all 0.15s ease-in-out; } a:hover, a:focus {color: var(--main-blue); text-decoration:none; outline:0; transition:all 0.15s ease-in-out; } .btn, .btn-like, button, input[type="button"],input[type="reset"],input[type="submit"] {display:inline-block; color:#fff; padding:0px 27px 0 27px; height:48px; line-height:48px; font-size:14px; color:#ffffff; background:#a6b9c5; border-radius:4px; font-weight:600; position:relative; transition:all 0.15s ease-in-out; } 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 15px; color:#222222; border:2px solid #e5e5e5; height:42px; border-radius:4px; background-color:transparent; transition:all 0.15s ease-in-out; } input[type="email"] {padding:8px 14px; color:#555555; border:1px solid #e5e5e5; margin-bottom:20px; } textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus, input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus {border:2px solid #cacaca; box-shadow:none; } textarea {width:100%; padding:11px 18px;} textarea:-moz-placeholder,textarea::-moz-placeholder,input:-moz-placeholder,input::-moz-placeholder {color:#aeaeae; opacity:1; } input:-ms-input-placeholder {color:#aeaeae; } textarea::-webkit-input-placeholder,input::-webkit-input-placeholder {color:#aeaeae; opacity:1; } select,textarea,input[type="text"],input[type="submit"],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="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input,.dropdown-menu, .navbar .nav > .active > a,.navbar .nav > .active > a:hover,.navbar .nav > .active > a:focus {-webkit-appearance:none; -moz-appearance:none; appearance:none; text-shadow:none; box-shadow:none; color:#727272; } select::-ms-expand {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); opacity:0; } h1, h2, h3, h4, h5, h6 {font-weight:400; } h1 {font-size:32px; } h2 {font-size:24px; } h3 {font-size:20px; font-weight:500; color:#2d2d2d; } h4 {font-size:18px; } .clearfix {clear:both; } .left {text-align:left; } .right {text-align:right; } .center {text-align:center; } .eu {font-weight:900; font-size:20px; } .eu small {font-size:16px; } .regular {color:#aaa; font-size:14px; text-decoration:line-through; } .background {background-color:#f5f5f5; } .noWrap { white-space: nowrap;} button.cancel {background:#555;} button.go {background:#f28b00;} button.filtruj {background:var(--main-blue)} .btn-cta { margin-left: auto; background:#20ade3; color: white} .btn-cta:hover {filter: contrast(1.4); color: white} .btn-close { color:initial} .btn-close:hover {filter: contrast(.8);} /* mlha pro obrázky na šedém podkladu */ .mlha:before { 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;} /* 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;} .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;} .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; } @media all and (max-width: 1024px) { .XmXl .Xbox { flex-basis: 100%}} @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 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(--main-darkGray); color:white } /* Hlavička-horní linka */ .header-top {border-bottom:1px solid #35363c; } ul.header-top-nav { display:flex; gap:18px; padding: 3px 0} ul.header-top-nav.right {justify-content: flex-end; gap:20px} ul.header-top-nav a {letter-spacing:-0.5px; color:white; } ul.header-top-nav img { height: 15px;} ul.header-top-nav > li { position: relative} ul.header-top-nav > li > ul {background-color:#fff; border-radius:4px; padding:10px 0 2px; opacity:0; visibility:hidden; position:absolute; left:0; z-index:99; width:max-content; text-align:left; top:46px; transition:all 0.15s ease-in-out; } ul.header-top-nav.left > li > ul { display:flex; left: -11px;} ul.header-top-nav.right > li > ul { right: 10px; left: initial;} ul.header-top-nav > li:hover > ul {opacity:1; visibility:visible; top:38px; transition:all .15s ease-in-out; } ul.header-top-nav > li > ul a { color:var(--main-darkGray); margin: 0 10px 10px; display: block;} ul.header-top-nav > li.infoText a { color:#f28b00; } ul.header-top-nav li, ul.header-top-nav li a {display: flex;gap: 5px;align-items: center;} ul.header-top-nav li a:hover {color: var(--main-blue)} ul.header-top-nav li svg {height:16px; fill:white} @media (max-width:760px) {ul.header-top-nav .hideXS {display:none !important}} /* Hlavička-střed */ .header-middle #logo {padding: 5px 0 0; height: 100%; display: flex; align-items: center;} .header-middle #logo a {} .header-middle #logo a svg {width: 100%; max-width: 235px;} @media (max-width: 767px) { .header-middle #logo {padding: 15px 0 6px;justify-content: center;} } /* 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:0; right:0;background:white; height:45px;line-height: 40px;} .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 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; } /* Box Cart */ .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;} .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; } .box-cart .inner-box .dropdown-box > ul > li .img-product {float:left; 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; } .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; } .box-cart .inner-box .dropdown-box .btns-cart {margin-top:30px; overflow:hidden; } .box-cart .inner-box .dropdown-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 {color: white; background: var(--main-red)} #ZasilkovnaBlock .btn.btn-info { background: #0098d9; line-height: 10px; height: 30px; border-radius: 5px 5px 0 0; margin: 0; width: 100%;} #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%;} #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: 0px; padding: 0; background: white; z-index: 999; box-shadow: 0 10px 20px var(--main-darkGray)} .drop-down-select .select-list li{ display:none; } .drop-down-select .select-list li span{ border: 2px solid #e5e5e5; ;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 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 { color:#a00 } .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 } .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 {padding:9px 5px 5px 15px; float:left;} .flat-breadcrumb ul.breadcrumbs {display:flex; flex-wrap:wrap;align-items:center;min-height: 40px;} .flat-breadcrumb ul.breadcrumbs > li {margin-right:8px;margin-left:2px;} .flat-breadcrumb ul.breadcrumbs > li:after {content: '\f105'; font-family: 'fontawesome'; } .flat-breadcrumb ul.breadcrumbs > li:last-child:after {content: none; } .flat-breadcrumb ul.breadcrumbs > li > a { margin-right:19px; /*color:white;*/font-weight:500;white-space: nowrap;} .flat-breadcrumb ul.breadcrumbs li a:hover {color: var(--main-blue)} .flat-breadcrumb ul.breadcrumbs > li:last-child a {cursor:default;padding:2px 10px;background-color:#e5e5e5;border-radius:4px;color:#2d2d2d;} .flat-breadcrumb ul.breadcrumbs ul {display:none;} .flat-breadcrumb ul.breadcrumbs > li a.intro {background: transparent url(/digitor/images/icons/home.png) no-repeat center left; width: 40px; height: 30px; display: inline-block; margin: 0px 0 -7px -8px;} .flat-breadcrumb ul.breadcrumbs > li:first-child:after {padding: 3px 0 0; display: inline-block; vertical-align: top;} /* Strom produktů s Mega-menu */ #mega-menu {position:relative;z-index: 97; width: 100%; transition:all 0.15s ease-in-out; background: #33363f} #mega-menu > .btn-mega {font-weight:600; font-size:16px; color:#fefefe; height:65px; padding-left:87px; line-height:65px; background-color:#0098d9; border-radius:8px 8px 0 0; position:relative; z-index:98; cursor:pointer; } #mega-menu:hover .btn-mega {border-bottom-left-radius:0px; border-bottom-right-radius:0px; background-color:#f28b00; } #mega-menu > .btn-mega > span /*ikona menu*/{position:absolute; height:2px; width:18px; left:46px; top:31px; background-color:#fff; display:inline-block; } #mega-menu > .btn-mega > span:before {content:''; position:absolute; height:2px; width:24px; top:-7px; background-color:#fff; } #mega-menu > .btn-mega > span:after {content:''; position:absolute; height:2px; width:24px; top:7px; background-color:#fff; } /*#mega-menu:hover ul.menu {top:-1px; visibility:visible; opacity:1; transition:all 0.3s ease-in-out; }*/ #mega-menu > ul.menu {position:relative; z-index:90; display: flex; justify-content: center; } #mega-menu > ul.menu > li > a {color: white; font-size:19px; font-weight:600; padding: 15px 23px; display:block; position:relative; } #mega-menu > ul.menu > li:last-child > a {border-bottom:none; } #mega-menu > ul.menu > li:hover > a .menu-title {color: #19acef; } #mega-menu > ul.menu > li .drop-menu {opacity:0; visibility:hidden; display: flex; flex-wrap: wrap;padding:27px 7px 27px 0; position:absolute; top:54px; left:0; right:0; width:100%; z-index:-1; background-color:#fff; transition:all 0.15s ease-in-out; } #mega-menu > ul.menu > li:hover > .drop-menu {opacity:1; visibility:visible; transform: translateX(0%); box-shadow: 0 5px 25px #456; z-index:80;} #mega-menu > ul.menu > li:hover > .drop-menu:before { content: ""; background: white; width: 99vw; height: 100%; left: 50%; position: absolute; z-index: -1; top: 0; transform: translateX(-50%); padding: 0; margin: 0;} #mega-menu > ul.menu > li .drop-menu > .cat {width:33.3%; float:left; padding:30px 30px 0 0 } #mega-menu > ul.menu > li .drop-menu > .cat.full {width:99.9%; float:left; padding-left:42px; padding-right:15px; } #mega-menu > ul.menu > li .drop-menu > .cat .cat-title a { font-size:15px;} #mega-menu > ul.menu > li .drop-menu > .cat .cat-title h5 { font-size:20px; font-weight:600; padding: 0 0 7px} #mega-menu > ul.menu > li .drop-menu > .cat .cat-title a span { font-size:14px; color: var(--main-blue)} #mega-menu > ul.menu > li .drop-menu > .cat .cat-image {float:left; padding:0 10px 5px 0; min-width: 101px; min-height: 60px} #mega-menu > ul.menu > li .drop-menu > .cat .cat-image img {max-width:90px; max-height: 90px; } #mega-menu > ul.menu > li .drop-menu > .cat .cat-subs { line-height: 18px;} #mega-menu > ul.menu > li .drop-menu > .cat .cat-subs a:after{ content:","; } #mega-menu > ul.menu > li .drop-menu > .cat .cat-subs a:last-child:after{ content:""; } #mega-menu > ul.menu > li .drop-menu > .cat .banner { border-top: 1px solid #dedede; margin-top: 15px; padding-top: 15px; } @media (max-width: 766.9px) { #mega-menu { display: none;}} /*na detailu jinak */ body.detail #mega-menu > .btn-mega {border-radius: 8px;} body.detail #mega-menu {width:initial;} /* Mega na mobilu, přepínám pomocí js */ #mega-mobile {display:block;margin:0 auto;width:100%;position:absolute;left:0;z-index:1000;background-color:#222222;} #mega-mobile > ul.menu > li > a {color:#fff;display:block;padding:15px 0;cursor:pointer;padding-left:15px;border-bottom:1px solid #333;position:relative;} #mega-mobile > ul.menu > li > a .menu-img { margin-right:18px;min-width:30px;display:inline-block;text-align:center;} #mega-mobile > ul.menu > li > a .menu-img img { max-height: 20px; filter: invert(1);} #mega-mobile > ul.menu > li > a.dropdown .btn-dropdown, #mega-mobile .btn-dropdown-child {position:absolute;top:0;right:0;font-size:14px;width:54px;height:54px;background:#262626;text-align:center;cursor:pointer;font:20px/54px 'FontAwesome';} #mega-mobile .btn-dropdown-child {right:0px;width:44px;height:44px;line-height:44px;} #mega-mobile > ul.menu > li > a.dropdown .btn-dropdown:after, #mega-mobile .btn-dropdown-child:after {content:'\f107';} #mega-mobile > ul.menu > li > a.dropdown .btn-dropdown.active:after, #mega-mobile .btn-dropdown-child.active:after {content:'\f106';} #mega-mobile ul.menu li:not(:has(.drop-menu)) span.btn-dropdown { display:none} #mega-mobile > ul.menu > li > .drop-menu {padding:0 54px 0 50px;} #mega-mobile > ul.menu > li > .drop-menu .cat-title {position:relative;padding:10px 0 0;border-top:1px solid #666;} #mega-mobile > ul.menu > li > .drop-menu .cat-title a {color:#f5f5f5;} #mega-mobile > ul.menu > li > .drop-menu ul {padding-left:20px;} #mega-mobile > ul.menu > li > .drop-menu ul li {border-bottom:1px solid #333;} #mega-mobile > ul.menu > li > .drop-menu ul li a {color:#f5f5f5;font-size:12px;padding:8px 0;display:block;} #mega-mobile > ul.menu > li > .drop-menu .show, #mega-mobile > ul.menu > li > .drop-menu .one-third:nth-child(3) {display:none;} #mega-mobile > ul.menu > li > .drop-menu .cat-image {display:none;} /*xx #mega-mobile > ul.menu > li > .drop-menu .btn-dropdown-child {display:none;} xx*/ #mega-mobile > ul.menu > li > .drop-menu .cat-subs a {color:white;padding: 4px 10px;display: block;background: #333;margin-bottom: 2px;} #mega-mobile > ul.menu > li > .drop-menu .cat-subs a:hover {background:#666; color:#f28b00;} #mega-mobile > ul.menu > li > .drop-menu .cat-subs a::before { content: '\f105'; font-family: fontawesome;padding-right: 5px; position: absolute;left: -11px;} #mega-mobile > ul.menu > li > .drop-menu .cat-subs .cat-title a { background: none; padding: 4px 0;} #mega-mobile > ul.menu > li > .drop-menu .cat-subs .cat-title a div { display:none} #mega-mobile > ul.menu > li > .drop-menu .cat-subs .cat-title a h5 { font-size: 1.1em; font-weight: 600; padding: 0;} #mega-mobile > ul.menu > li > .drop-menu .cat-subs > a {display: none;}/*vzpnutý podkategorie (nejsou žádný)*/ /* /Strom produktů s Mega-menu */ /* Tlačítko megamenu i v mobilním modu*/ .btn-menu, .btn-menu-mega {display:none;position:relative; background:transparent; cursor:pointer; float:right; top:10px; width: 45px; height: 40px;padding:15px 18px 17px; border-radius:4px; z-index:8; transition:all ease .15s;} .btn-menu-mega {background:var(--main-blue); } .btn-menu:before, .btn-menu:after, .btn-menu span, .btn-menu-mega:before, .btn-menu-mega:after, .btn-menu-mega span { background-color:#fff; transition:all ease .15s;} .btn-menu:before, .btn-menu:after, .btn-menu-mega:before, .btn-menu-mega:after {content:''; position:absolute; height:4px; width:35px; left:5px; top:50%; border-radius: 2px; transform-origin:50% 50%;} .btn-menu span, .btn-menu-mega span { position:absolute; width:30px; height:4px; left:5px; top:50%; border-radius: 2px; overflow:hidden; text-indent:200%;} .btn-menu-mega span {width:30px;} .btn-menu:before, .btn-menu-mega:before { transform:translate3d(0, -8px, 0);} .btn-menu:after, .btn-menu-mega:after {width:35px;transform:translate3d(0, 8px, 0);} .btn-menu.active:after, .btn-menu-mega.active:after { width:35px;} .btn-menu.active span, .btn-menu-mega.active span {opacity:0;} .btn-menu.active:before, .btn-menu-mega.active:before {transform:rotate3d(0, 0, 1, 45deg);} .btn-menu.active:after, .btn-menu-mega.active:after {transform:rotate3d(0, 0, 1, -45deg);} .btn-menu-mega small { position: absolute; left: 52px; top: 9px;font-size: 15px;} /* 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 { margin-top:30px; min-height:calc(100vh - 500px);; position: relative; /*z-index: 3;*/} #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 */ /* filtr rozcestník konfiguratoru */ #frm-filtrDigitorControl-filtrConf { display:flex;flex-direction: column;} #frm-filtrDigitorControl-filtrConf h3 { font-size: 0px; padding: 0; line-height: 0;} .confFilIem.id3900 { order: 1} .confFilIem.id2296 { order: 2; padding: 20px 0px 30px;} .confFilIem.id3897 { order: 3} .confFilIem.id2333 { order: 4; padding: 20px 0px 10px;} .confFilIem .title { text-align:center} .confFilIem .title::before { font-size: 18px; font-weight: 600; transition: all .15s} .confFilIem.id3900 ul, .confFilIem.id3897 ul, .confFilIem.id3900 .mCSB_container, .confFilIem.id3897 .mCSB_container { display: flex; justify-content: center;} .confFilIem.id3900 .mCustomScrollBox, .confFilIem.id3897 .mCustomScrollBox, .confFilIem.id3900 .mCSB_container, .confFilIem.id3897 .mCSB_container, .confFilIem.id3900 .box-checkbox, .confFilIem.id3897 .box-checkbox { overflow:visible} .confFilIem.id3900 .mCSB_scrollTools_vertical, .confFilIem.id3897 .mCSB_scrollTools_vertical { display: none !important;} .confFilIem.id3900 li, .confFilIem.id3897 li { padding: 15px 0 0} .confFilIem.id3900 li:first-child label, .confFilIem.id3897 li:first-child label { border-radius: 10px 0 0 10px} .confFilIem.id3900 li:last-child label, .confFilIem.id3897 li:last-child label { border-radius: 0 10px 10px 0} .confFilIem.id3900 li:not(:first-child) label, .confFilIem.id3897 li:not(:first-child) label { margin-left: -3px} .confFilIem.id3900 label, .confFilIem.id3897 label { padding: 30px 20px 10px; background: white; border: 3px solid var(--main-mediumGray); font-size: 19px; font-weight: 600;} .confFilIem.id3900 .box-checkbox li.check-box label::before, .confFilIem.id3897 .box-checkbox li.check-box label::before { margin-left:0; border-radius: 50%; border: 3px solid var(--main-mediumGray);left: 50%; transform: translateX(-50%); top: -11px; width: 20px; height: 20px} .confFilIem.id3900 .check-box input[type="checkbox"]:checked + label, .confFilIem.id3900 .check-box input[type="checkbox"]:checked + label::before, .confFilIem.id3897 .check-box input[type="checkbox"]:checked + label, .confFilIem.id3897 .check-box input[type="checkbox"]:checked + label::before { background: var(--main-blue); color:white} .confFilIem.id3900 .box-checkbox li.check-box label::after, .confFilIem.id3897 .box-checkbox li.check-box label::after { margin-left:0; border: none; font-size:12px; top: 8px; width: 100%; text-align: center; font-weight: 500;} .confFilIem.id3900 .check-box input[type="checkbox"]:checked + label::after, .confFilIem.id3897 .check-box input[type="checkbox"]:checked + label::after { color:white; font-family: 'customfont',Arial,Helvetica,sans-serif} .confFilIem.id2296 .mCSB_container, .confFilIem.id2333 .mCSB_container { display: flex; flex-direction: column} .confFilIem.id2296 .check-box.notAvail, .confFilIem.id2333 .check-box.notAvail { order: 50; display: none;} .confFilIem .content { transition: all .15s} .confFilIem.id2333:not(.active) .content, .confFilIem.id2296:not(.active) .content, .confFilIem.id2333:not(.active) .title, .confFilIem.id2296:not(.active) .title { max-height: 50px; overflow: hidden; position: relative; cursor:pointer} .confFilIem.id2333:not(.active) .content:before, .confFilIem.id2296:not(.active) .content:before { content: ""; position: absolute; background: linear-gradient(to top,var(--main-lightGray),transparent); right: 0; left: 0; top: 0; bottom: 0; z-index: 1;} .confFilIem.id2333:not(.active) .title:before, .confFilIem.id2296:not(.active) .title:before{ font-size: 15px; text-decoration: underline;color: var(--main-blue);} .confFilIem.id2333 .content ul, .confFilIem.id2296 .content ul { max-width: 280px; margin: 0 auto;} #filterConf footer { justify-content: center; padding: 15px;} #filterConf footer button.active { background: var(--main-blue);} /* filtr rozcestník konfiguratoru */ /* 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-title > div {vertical-align: top;} /* 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; flex-wrap: wrap;} .sortBy li a {padding:5px 8px; display: block; font-size: 15px;} .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 */ #product-container {display:flex;flex-wrap:wrap;gap:26px} .product-item { background: var(--main-lightGray); position:relative; overflow:hidden; flex-basis: calc(50% - 13px); border-radius:4px; margin:0; display:flex; flex-direction:column; justify-content:space-between; } @media (min-width:1200px) { .inArticle .product-item { flex-basis: calc(33.333% - 20px)}} .product-item:hover { z-index: 999; box-shadow: 0 0 50px -14px #868b93;} .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-item-bot {padding-left: 15px;} .nameBuy { display:flex; justify-content: space-between; gap: 10px} .product-name a {text-decoration:none; display:block;} .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; border: 1px solid #e5e5e5; width: 100%; margin:0 auto;} .product-item.inCarousel:last-child:not(:first-child) { margin-top: 15px;} /*.product-item.inCarousel .product-item-top { height: 7em; overflow: hidden;}*/ .product-item.inCarousel .product-name a {padding: 10px 10px 5px;font-weight: 600; line-height: 16px; min-height: 40px;} .product-item.inCarousel .product-iconsL {position: absolute; top: 0;} .product-item.inCarousel .product-prices {display: flex; justify-content: space-between;} .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-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 {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 5px 5px; margin-bottom: 5px; border-radius: 4px; } .product-icon.freeDelivery { background-color: color-mix(in srgb, var(--main-blue) 40%, transparent); border-left: 5px solid var(--main-blue);} .product-icon.akce { background-color: color-mix(in srgb, var(--main-red) 40%, transparent); border-left: 5px solid var(--main-red);} .product-icon.gift { background-color: color-mix(in srgb, var(--main-blue) 40%, transparent); border-left: 5px solid var(--main-blue);} .product-icon.sale {background-color: color-mix(in srgb, var(--main-blue) 40%, transparent); border-left: 5px solid var(--main-blue);} .product-icon.new {background-color: color-mix(in srgb, var(--main-green) 40%, transparent); border-left: 5px solid var(--main-green);} .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 { grid-area: prices; float:left} .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; color: var(--main-blue);} .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;color: white} .product-buy a.eye {padding: 11px 15px 5px 5px; } .product-buy a.eye:hover {padding:11px 10px 5px 10px;} .product-buy svg { height: 1em; fill:white} .product-buy a:hover { background: var(--main-blue);} .product-item:hover .product-buy > div { opacity:1} .product-stock { grid-area: stocks; clear: both; margin-bottom: 5px; position: relative} .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;} .product-params { grid-area: params; padding: 0 0 0 10px; align-self: flex-end;} .product-params div { font-size:11px; line-height: 18px;} .product-params div:before { font-size: 9px; font-weight: 800; padding-right: 3px; opacity: .5; vertical-align: text-bottom; line-height: 13px;} .product-params .cpu:before { content:"CPU"} .product-params .ram:before { content:"RAM"} .product-params .vga:before { content:"VGA"} .product-params .diff:after { content: " *"; color: var(--main-blue);} .stockPriceParams { display: grid; grid-template-areas: 'stocks params' 'prices params'; padding: 10px 10px 13px 0; grid-template-columns: auto max-content; } /* varianty na výpise */ .product-vars { display: 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: #eee; border: 1px solid #ddd; border-bottom:none; font-size: 0.9em; height:100%;} .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;} /* /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;} ul.flat-pagination li.active a, ul.flat-pagination li a:hover { background-color:var(--main-blue); 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: 0 0 10px; font-size: 1.7em; color: black;} 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;} /* 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 .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;} #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:28px; font-size:26px; font-weight:800; position: relative} #proDet .name h1 span { font-size:17px; font-weight:600; color:#9ca3a9; display: block} #proDet h2.subName { padding: 5px 0; font-size: 14px;} #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;}*/ #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 .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: 10px 0;} @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} .btn-add-cart a, .btn-add-cart button {padding:14px 33px; display: flex; gap: 7px; white-space: nowrap; color:white; letter-spacing: .5px; background-color: var(--main-red); border-radius:4px; font-size:17px; font-weight:600; position:relative; overflow:hidden; z-index:5; } .btn-add-cart button { line-height:1em;} .btn-add-cart.btn-configure a { background:var(--main-subGray)} .btn-add-cart a:hover, .btn-add-cart button:hover {color:white; background:var(--main-darkGray)} .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;} #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: 100px;} #detailSpacer {height:4em;width: 100%} #detailNav {width:100%; top:-1px; z-index: 991;font-size: 15px;} #detailNav:before {content:""; z-index:-1;top:0; 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(--main-blue); box-shadow: 0 0 30px -5px var(--main-darkGray); height: 44px;} #detailNav.is-pinned { position:sticky;} #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: 5px 10px; background: var(--blend-LightGray);position: relative} #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} #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: 10px;} #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 { border-bottom: 1.5px dotted #999;} #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: "\f111"; font-family: fontawesome; font-size: 7px; color: #999; position: absolute; left: 0px} #main-description li { list-style: none; padding-left: 10px; position: relative} /* popis z b2cAdminu */ div#HAL-body { width: 100%; font-family: inherit; } @media all and (min-width: 992px) {div#HAL-body { padding: 0 30px;}} #herni-vykon {margin: 8em 0 ;} #herni-vykon h4 { text-align: center; margin: 0 1em -30px;} /*fix*/ #herni-vykon .PoweRR table th {background: linear-gradient(#666666, rgb(22 22 22));} @media all and (max-width:467px) { #herni-vykon .PoweRR label span {display: none;} #herni-vykon .PoweRR label b { font-size: 12px; } #herni-vykon .PoweRR label {font-size: 13px;padding: 32px 8px 10px !important;font-weight: 500;height: 65px;} #herni-vykon .PoweRR label:not(:first-child) {border-left: 1px solid black;} #herni-vykon .PoweRR table th, #herni-vykon .PoweRR table cite {font-size: 11px;line-height: 15px;} } /* linky na hernim vykonu FIX starych */ #herni-vykon th.heading-pchs {position: relative;} #herni-vykon th.heading-pchs a { display: block; color: inherit;} #herni-vykon th.heading-pchs a:before { content: ""; position: absolute; left: 0; right: 0; display: block; height: 300%;} #herni-vykon th.heading-pchs a:hover { text-decoration: underline} /* parametry*/ #tecnical-specs {margin: 4em 0 ;} h4.t-s-header { text-align: center;margin: 20px 0; line-height: 1.8em; background: var(--main-lightGray)} 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 > 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); } .tecnical-specs > ul > li li:nth-child(odd) {background:#F2F2F2;} .t-s-name, .t-s-value {display:table-cell; padding: 4px 0 6px 10px; line-height: 1.2em;} .t-s-name {width:220px;} .t-s-value { font-weight: 600;text-rendering: geometricprecision;} a[data-toggle="tooltip"]:hover:after { display: inline-block; content: attr(data-original-title); position: absolute; background: #eee; color: #666; padding: .25em 1em; box-shadow: 0 4px 11px #666; max-width: 90%; border-radius: 3px; margin:-.25em 0 0 1em; z-index: 9999;} .widget a[data-toggle="tooltip"]:after {width: 360px;font-size: 12px; line-height: 1.5em;} a[data-toggle="tooltip"] i {color: #f9be52;} /* /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) " ▲";} /* 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;} #relatedProdcts .imagebox { width: calc(49% - 10px); margin: 0 10px 10px 0;} #relatedProdcts .product-image img { max-height: 155px;} #relatedProdcts .product-item.inCarousel { max-width: 236px;} @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, #tecnical-specs { padding: 0;} #game-results .PoweRR {margin: 4em 0 !important; width: 100% !important;} #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: 0px auto 4em; padding: 10px } .steps > a { display:flex; position: relative; align-items: center; padding-right: 15px; gap: 5px} .steps > a:before { content:""; display:block; position:absolute; z-index: -1;background: var(--main-lightGray); height: 5px; left:0; right:0} .steps span { background: var(--main-mediumGray); width: 28px; height: 28px; color: white; flex-shrink:0; display: flex; justify-content: center; align-items: center; border-radius: 50%;} .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 span { background: var(--main-green)} .steps .hot b { color: var(--main-green)} .steps .cur span { background: var(--main-blue)} .steps .cur b { color: var(--main-blue)} .steps .hot:before, .steps .cur:before { background: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); background-size: 35px 35px;} .steps .hot:before { background-color: var(--main-green);} .steps .cur:before { background-color: var(--main-blue);} .steps .nxt { color: var(--main-subGray); opacity: .5;} .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%;} .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: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) { border: 10px solid var(--main-lightGray); padding: 5px 0 15px;} .table-cart tr { border-bottom: 1px solid #e5e5e5;} .table-cart tr:last-child { border-bottom: none;} .table-cart tr td .img-product img { max-width:100%; max-height: 165px; padding-right: 10px;} .table-cart tr td .name-product { font-size:14px; line-height:18px;} .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:center; padding:15px 0; height:45px;} .table-cart tr td .total { text-align:right; color:var(--main-blue); font-size:18px;} .cart-store span { margin: 7px 0 0; padding: 0px 7px; background: #f5f5f5; display: inline-block; font-size: .9em;} .cart-store span.openStoreModalList { cursor:pointer} .cart-store span.openStoreModalList:hover { text-decoration: underline} .cart-store span.openStoreModalList:after { font-family: FontAwesome; content: "\f05a"; padding-left: 5px;} .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; filter: invert(1); opacity: .5;} a>.del-left { padding: 4px 0 5px 5px; height: 25px; opacity: .5;} 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;border: none !important;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: #cde7f3;width: max-content;margin: 2em 0 4em;border-radius: 4px;} .form-coupon .coupon-info { color:#222; font-size:14px; padding:0 0 5px;} .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; color:#ffffff; background-color: var(--main-blue); height:36px; line-height:36px; padding:0 25px; font-weight: 500;} @media (max-width: 991.9px) { .cart-go-back { display: none;}} /* soucet vpravo */ #checkCart { position: absolute; top:-2em; background: var(--main-mediumGray); color: var(--main-subGray);padding: .25em 1em; 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(--main-mediumGray) 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(--blend-LightGray);} .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:600} .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:10px; cursor:pointer;border-color: var(--main-blue);} .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: 0; right: 0; bottom: 0; font-size: 14px; line-height: 46px; padding: 0 5px; background: var(--main-blue); color: white; 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.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;} .cart-totals .btn-add-cart button { margin: 0 auto} .cart-totals .btn-add-cart button small { white-space: break-spaces;} .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: linear-gradient(to top, #aa0000, #ea0000); padding: 10px 15px; border-radius: 4px; color: white; margin: 0 15px 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(--main-lightGray); 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:2px solid #e5e5e5; 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 #ccc; background-color:#fff; border-radius:4px;} .checkbox label:after { content:'\f00c'; position:absolute; font-family: 'fontawesome'; left:-15px; top:0; color:#fff; font-size:12px; 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;} .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;} /* pokladna soucet vpravo */ @media all and (min-width: 992px){ .cart-totals { position: sticky; top: 20px; } } .cart-totals h3 .edit { float: right; font-size: 0.65em; font-weight: 300; color: white; padding: 2px 11px 2px 29px; background: url(../images/icons/edit-w.png) no-repeat 9px 7px var(--main-blue); background-size: 14px; border-radius:4px;} table.product tr th { text-align:left; font-size:14px;} table.product tr th:last-child, .cart-totals table.product tr td:last-child { text-align:right; white-space:nowrap; color:#333; padding-left:10px} .cart-totals table.product tr td { font-size:14px; color:#666; padding:10px 0; line-height:20px;} .cart-totals table.product tr td span {color: var(--main-red); padding-right: 5px;} .cart-totals table.product tr { border-bottom:1px solid #ccc;} .accept-terms { } .accept-terms .checkbox { margin: 0 0 5px ;} .accept-terms a {text-decoration:underline;cursor: pointer} #acceptTerms_message { border-radius: 4px;left: 85px;} #acceptTerms_message::before { content: ""; width: 10px; height: 10px; background: inherit; left: -3px; top: 7px; position: absolute;transform: rotate(45deg);} .pointExchError { display: inline-block;max-width: 100%;white-space: normal;background: #dedede;padding: 5px 25px;color: #666;border-radius: 11px;font-size: 12px;text-align: center;} /* po najetí dostava prvky skriptem class active*/ .overlay.active {visibility:visible; opacity:1;} .billing-fields.active, .shipping-fields.active {z-index:99; position:relative; background:white; box-shadow: 0 0 0 20px #fff, 0 0 20px 20px #666; border-radius: 1px;} /**/ /*Děkujeme*/ #thankYou {width: 100%; padding:0 15px;} #thankYou .text-wrap { margin-top: 35px;} .thankYou { margin: 0 auto; max-width: 760px; display: flex; line-height: 1.5em; } .thankYou > 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;} #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-bottom: 2em;margin-top: 3em;} #thankYou .box h4 span { background: white; padding: 0 15px;font-weight: 600;color: var(--main-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) { border-bottom: 2px dashed var(--main-mediumGray)} table.thankY td { padding: 0 5px} #thankYou tr.bold { border: none;} #thankYou .bold td { font-weight: 600; color: #666;} #thankYou .bold.sum td { color: #333; font-size: 1.1em;} .thankY th { color: var(--main-blue)} .thankY tr {text-align:right;} .thankY.billing tr, .thankY.shipping tr {text-align:left;} .infobox { max-width: 500px; border: 2px solid var(--main-red); margin: 65px auto;display: flex;border-radius: 15px; overflow:hidden;} .infobox figure {width: 150px; background: var(--main-red) url(../images/icons/wtf.png) no-repeat center center; display: block;} .infobox > div { padding: 15px;} .infobox > div h5 { font-size: 1.3em; color: var(--main-red); font-weight: 800;} .infobox > div a { border-bottom:1px dotted var(--main-red) } /* 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 {} /* 1.slider na uvodce */ #bigIntro { width:100%; margin: 70px 0 0px;} #bigIntro .slider { border-radius:8px;overflow:hidden; /*max-height: 520px;*/} #bigIntro .slider-item { /*height:500px;*/ overflow: hidden; } #bigIntro .item-text { padding:76px 0 0 47px; position: relative; z-index: 2;} #bigIntro .header-item { margin-bottom:0px;} #bigIntro .header-item h2 { margin-bottom:15px; font-size:35px;} #bigIntro .header-item p { font-size:16px; margin-bottom:5px;} #bigIntro .content-item .btn-shop a { margin-top:22px;} #bigIntro .price .sale { position:relative; color:#fff; font-size:35px; font-weight:700; background-color:#0098d9; line-height:58px; display:inline-block; padding:0px 30px 0 60px; height: 56px; border-top-right-radius:15px; border-bottom-right-radius:15px; margin-left:-60px; margin-right:15px; float:left;} #bigIntro .content-item .regular { font-size:18px; color:#919191; margin-top:10px; margin-left:4px;} #bigIntro .btn-add-cart { width:205px;margin: -6px 0 0 -34px;} #bigIntro .item-image { right: 0; top: 0; position:absolute; width:50%; height:100%; display:flex; align-items:center; } #bigIntro .item-image img {} #bigIntro .slider-item.link a img { width: 100%;} #arguments {width:100%; margin-top: 45px;} #arguments .maskotIntro {margin-bottom: -70px;} #arguments .iconbox { display:flex; background:#fafafa; border:1px solid #e1e8ed; border-radius: 8px; padding: 8px;} #arguments .iconbox img { align-self: center; min-width: 40px;} #arguments .iconbox h3 { font-size:16px; padding-left:10px;} #HomeTopPrdcst, #Brands {width:100%; margin-top: 65px;} #HomeTopPrdcst h2, #Brands h3 {font-size: 1.5em; text-align: center; border-bottom: 2px solid var(--main-mediumGray); height: 0.75em; margin-bottom: 2em;} #HomeTopPrdcst h2 span, #Brands h3 span { padding: 0 15px; background:white} #Brands{margin-bottom: 25px;} #Brands h5 {font-size: 1em; text-align: center; border-bottom: 1px solid #ddd; height: 1em; margin: 2em 0;} #Brands h5 span { background: white; padding: 0 15px; color:#666;} #Brands > div { display: flex; flex-wrap: wrap; justify-content: space-evenly;} #HomeTopPrdcst .owl-item .owl-carousel-item { display:flex; flex-direction:column; gap: 20px} #HomeTopPrdcst.onHome { position: relative; padding: 0 0 50px } #HomeTopPrdcst.onHome:before { content:""; background: var(--main-mediumGray); margin: -65px calc(50% - 50vw) 0; position: absolute; z-index: -1; left: 0;right: 0;top: 0;bottom: 0; } #HomeTopPrdcst.onHome h2 { border:none} #HomeTopPrdcst.onHome h2 span { font-size: 25px;font-weight: 800;color: var(--main-darkGray); background:none} /*#HomeTopPrdcst.onHome .product-item.inCarousel { box-shadow: 0 5px 20px var(--main-subGray); margin: 20px 20px 30px;}*/ /* login, registrace*/ section.account {margin:15px 0 85px; width:100%;} .account .form-login, .account .form-register { background: #f1f1f1; margin: 0 0 1em; padding: 24px; border-radius: 15px; box-shadow: 0 15px 15px -15px #aaa;} .account .form-login { border-top: 5px solid #0098d9;} .account .form-register { border-top: 5px solid var(--main-red);} .account input { background: white;} .account button.login { background:#0098d9; } .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, článek */ section.statics-article { padding:46px 0 10px; width:100%;} section.statics-article .text-wrap { margin-bottom:81px;} section.statics-article .text-wrap h3 { margin-bottom:28px;} section.statics-article .text-wrap p { margin-bottom: 15px;} section.statics-article .text-block { max-width:800px;} section.statics-article img {max-width:100%;} .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;} /* HAP Boxy */ .BigBoxOut div {float:left;} .BigBoxOut{} .BigBoxIn{ border-top:1px solid rgb(60,176,253); border-bottom:1px solid rgb(60,176,253); border-radius: 15px; padding: 10px 30px; margin: 0 0 60px; -webkit-box-shadow: inset 0px 0px 6px 1px rgb(60,176,253); -moz-box-shadow: inset 0px 0px 6px 1px rgb(60,176,253); box-shadow: inset 0px 0px 6px 1px rgb(60,176,253); } .BigBoxCon {width:100%; background:white; margin: 10px 0; position: relative; border: 1px solid #bbbbbb; } .BigBoxCon ul {float: left; margin:0; padding: 0 0 0 20px; background:white; z-index:999; min-height:138px /*kvuli stinu*/;box-shadow: 0 10px 8px -9px rgb(100, 100, 100);width: 100%;} .BigBoxCon li {float: left; list-style: none; min-height: 100px; width: 44%;} .BigBoxCon li.BigBoxLi1 {width:100%;} .BigBoxCon li div {border-left: 1px solid #ccc; margin: 10px; padding: 0 0 0 10px;line-height:2em;} .BigBoxCon li:first-child div, .BigBoxCon li.first div{border-left: none;} .BigBoxCon H2 {color:#3499dc; letter-spacing: -0.5px; margin: 10px 0 5px;} .BigBoxCon a { color:#36a82e;} .BigBoxCon li div .fa { padding: 0 3px 0 0;} @media only screen and (max-width:480px) { li.BigBoxLi2 { width: 100%;} } /* 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 {text-align:center; background: var(--blend-LightGray); border-radius: 4px; box-shadow: 0 15px 15px -15px #aaa;} .profileBox .title { margin-bottom:22px;} .profileBox .title:nth-child(n+2) { margin-top: 60px; padding-top: 60px; border-top:2px dashed var(--main-blue);;} .profileBox .title h3 { margin-bottom:26px;} .profileBox .profileCol { padding:15px; text-align:left;} .profileBox .profileCol input { background:white;} .profileLine .right { width: 100%;padding-right: 15px;} .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 {border-bottom:1px dotted;} .orderHistory .price {text-align:right;} .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;} @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%; } } /* Patička */ #footer { padding:60px 0 42px; color: white; background-color:#33363f; margin:50px 0 0;} #footer .container {position: relative;} .go-to-top { position:absolute; z-index: 9; right:1em; top: -82px} .go-to-top a { display:inline-block; background: white; padding: 10px; border-radius:4px} .go-to-top a svg {opacity:.25;} .go-to-top a:hover svg {opacity:.5} /* Patička - O digitoru */ .widget-about .logo-ft {margin-bottom:21px; margin-left:-2px; max-width:200px} .widget-about .widget-content { padding-top:15px;} .widget-about .widget-content .logoImg { float:left; margin-right:16px; margin-top:27px;} .widget-about .widget-content .info a.phone { font-size:16px; font-weight:700; margin-bottom:9px;} .widget-about .widget-content .info p.address { line-height:18px; } .widget-about .rainbow {font-size: 16px; line-height: 19px; margin-bottom:15px} .widget-about .rainbow .red { color: var(--main-red); font-weight: 800;} .widget-about .rainbow.bold { font-weight:600} .widget-about .rainbow .blue { color: var(--main-blue)} ul.social-list { display: flex; flex-direction: column;} ul.social-list li { display:inline-block; font-size:18px;} ul.social-list li a { display: block; color:#d5d5d5;} ul.social-list li a:hover { color:#919191;} ul.social-list li small {font-size:13px;} ul.social-list li i { display: inline-block; width: 20px;} .widget-ft .widget-title h3 { color:var(--main-mediumGray); font-size: 16px; font-weight:600; margin-top:8px; margin-bottom:10px; margin-left:-1px;} /* Widget Categories */ .widget-list .widget-50 {width:50%; float:left;} .widget-list .widget-30 {width: 33.33%; float: left; } .widget-list ul.cat-list-ft li, .widget-menu ul li {line-height:20px; margin: 0 0 8px;} .widget-list ul.cat-list-ft li a:not(:hover), .widget-menu ul li a:not(:hover) {color:#ccc;} @media (min-width:768px) {.widget-ft.widget-list {padding-left: 30px;}} /* widget mailing in */ .widget-ft form.widget-in { padding: 0 15px 0 0;max-width: 290px;position: relative; } .widget-ft .widget-in input[type="email"] { background: var(--main-mediumGray); color: var(--main-darkGray); border: none} .widget-ft .widget-in > div { display: flex;gap: 10px;align-items: center;} .widget-ft .widget-in .text-danger { position: relative;width: 100%;display: block;margin: 5px 0 0;left: 0;max-width: 100%;border-radius: 4px;} /* Widget rychly kontakt */ .widget-contact > p {color:#666; line-height:22px; margin-bottom:19px; margin-top:22px;} .widget-contact .quick-contact-form .quick-contact-content {position:relative;} .widget-contact .quick-contact-form .quick-contact-content select { height:49px;} .widget-contact .quick-contact-form .quick-contact-content button { position:absolute; top:0; right:-3px; background-color:transparent;} /* Patička 2 */ .footer-bottom {background-color:#212227;padding:14px 0; } .footer-bottom .col-md-12 { display: flex; flex-wrap: wrap; align-items: center;} .footer-bottom .copyright { color: var(--main-mediumGray);} .footer-bottom ul { display:flex; flex-wrap: wrap; padding: 0 0 0 10px;} .footer-bottom li:not(:last-child) a:after{ content: "|"; color: var(--main-subGray); padding: 0 0 0 10px;} .footer-bottom a { color: var(--main-blue); padding: 3px 5px;} @media all and (min-width:1024px) {ul.pay-list { margin-left: auto}} ul.pay-list img { height:20px;} @media all and (max-width:1023.9px) {.footer-bottom * { justify-content: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:100%;flex-basis: 100%; } /*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: 1;-webkit-column-count: 1;column-count: 1;} #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) { /*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;} /*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} section#CPrivacy-Panel .CP-denyAll { display: none;} } }