/* Gunar základní styl by Nightfever 9/5/2018 redesign dle gunnar.com 2025 červená #ac121d tm.modrá #333F49 sv.modrá #e9eff3 černá #002 */ /* b2c-shared */ @import "../../b2c-shared/stylesheets/product-detail.css"; /* Reset 2018 */ html {overflow-y:scroll; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; } body {line-height:1; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; } 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, sup, 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; } button,input,select,textarea {font-size:100%; margin:0; max-width:100%; vertical-align:baseline; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } 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; } ul, ol {padding:0; } img {height:auto; } .image img {max-width:100%;} 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 {font-family:'Quasimoda', sans-serif; font-size:13px; line-height:24px; font-weight: normal; background-color:#fff; color:#002; overflow-x:hidden; position:relative; } a {text-decoration:none; color:#333F49; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } a:hover, a:focus {color:#ac121d; text-decoration:none; outline:0; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } button, input[type="button"], input[type="reset"], input[type="submit"] {display:inline-block; color:#fff; padding:0px 27px 0 27px; height:48px; line-height:42px; font-size:14px; color:#ffffff; background:#666; font-weight:600; position:relative; transition:all 0.3s 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"] {position:relative; display:block; width:100%; line-height:20px; padding:8px 15px 8px 30px; color:#222222; border:2px solid #ddd9d9; height:40px; border-radius:8px; background-color:transparent; transition:all 0.3s 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; -webkit-box-shadow:none; -moz-box-shadow:none; 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; -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-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; } .sale {color: #333F49; font-weight:600; font-size:20px; } .regular {color:#aaa; font-size:14px; text-decoration:line-through; } .background {background-color:#f5f5f5; } button.cancel {background:#555;} button.go {background:#ac121d;} @-webkit-keyframes jello-horizontal {0%{-webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1);}30%{-webkit-transform:scale3d(1.25,0.75,1); transform:scale3d(1.25,0.75,1); }40%{-webkit-transform:scale3d(0.75,1.25,1); transform:scale3d(0.75,1.25,1); }50%{-webkit-transform:scale3d(1.15,0.85,1); transform:scale3d(1.15,0.85,1); }65%{-webkit-transform:scale3d(0.95,1.05,1); transform:scale3d(0.95,1.05,1); }75%{-webkit-transform:scale3d(1.05,0.95,1); transform:scale3d(1.05,0.95,1); }100%{-webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1); }} @keyframes jello-horizontal {0%{-webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1); }30%{-webkit-transform:scale3d(1.25,0.75,1); transform:scale3d(1.25,0.75,1); }40%{-webkit-transform:scale3d(0.75,1.25,1); transform:scale3d(0.75,1.25,1); }50%{-webkit-transform:scale3d(1.15,0.85,1); transform:scale3d(1.15,0.85,1); }65%{-webkit-transform:scale3d(0.95,1.05,1); transform:scale3d(0.95,1.05,1); }75%{-webkit-transform:scale3d(1.05,0.95,1); transform:scale3d(1.05,0.95,1); }100%{-webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1); } } @-webkit-keyframes jumping { 70% {margin-top:0px; width:23px;height: 22px;} 72% {margin-top:-5px; width:23px;height: 30px;} 80% {margin-top:-15px; width:23px;height: 22px;} 86% {margin-top:-5px; width:23px;height: 22px;} 90% {margin-top:4px; width:23px;height: 20px;} 92% {margin-top:0px; width:23px;height: 22px;} 100% {margin-top:0px; width:23px;height: 22px;} } @keyframes jumping { 70% {margin-top:0px; width:23px;height: 22px;} 72% {margin-top:-5px; width:23px;height: 30px;} 80% {margin-top:-15px; width:23px;height: 22px;} 86% {margin-top:-5px; width:23px;height: 22px;} 90% {margin-top:4px; width:23px;height: 20px;} 92% {margin-top:0px; width:23px;height: 22px;} 100% {margin-top:0px; width:23px;height: 22px;} } /* 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:98; opacity:0; visibility:hidden; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } .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; box-sizing: border-box; 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; box-sizing: border-box; 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*/ /* 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 { -webkit-animation: 0.3s tooltip linear; -moz-animation: 0.3s tooltip linear; animation: 0.3s 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: -3px; margin-left: -5px; border: 5px solid transparent; border-bottom-color: #ac121d; } [data-tooltip]:after { position: absolute; top: 100%; left: 50%; border-radius: 3px; padding-right: 5px; padding-left: 5px; margin-top: 7px; white-space: nowrap; font-weight: normal; color: #fff; background-color: #ac121d; z-index: 11; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); } @-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:99; background-color:#fff; } /* Hlavička-horní linka */ .header-top { background: #ac121d; padding: 8px; text-align: right} .header-top-nav { display: flex; justify-content: flex-end; gap: 15px;} .header-top-nav a { color: white; padding: 0px 5px;} .header-top-nav a:hover { background-color: #ffffff22} ul.header-top-nav {color:#aaa;} ul.header-top-nav > li {display:inline-block; line-height:46px; height:44px; position:relative; } ul.header-top-nav > li > a {color:#aaa; line-height:1; padding: 5px 9px; letter-spacing:-0.25px; white-space: nowrap;} ul.header-top-nav > li > a.lkbtn {background: linear-gradient(#444,#111); border-radius: 3px; border-top: 2px solid #666;} ul.header-top-nav > li > a.lkbtn:hover { color:white; filter:contrast(2) } ul.header-top-nav > li > a.download {background: url(../img/rol-dl.png) no-repeat 0.5em center, linear-gradient(#555,#222); background-size: 1em; border-top-color: #ac121d; padding-left: 2em; color: #fff;} ul.header-top-nav > li > a i {padding-left:10px; padding-right:4px; } ul.header-top-nav > li:last-child > a i {padding-right:0px; } ul.header-top-nav > li > ul {background-color:#fff; border-radius:10px; padding:10px 0; box-shadow:0px 2px 3px 0px rgba(72, 72, 72, 0.15); opacity:0; visibility:hidden; position:absolute; left:0; z-index:99; width:130px; text-align:left; top:46px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } ul.header-top-nav > li > ul:before {content:''; position:absolute; left:30px; top:-8px; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:8px solid #e5e5e5; z-index:100; } ul.header-top-nav > li:hover > ul {opacity:1; visibility:visible; top:38px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } ul.header-top-nav li > ul > li > a {display:block; padding:1px 15px; line-height:24px; font-size:12px; } ul.header-top-nav > li.infoText { line-height:1.5em; height:37px; letter-spacing:-0.5px; padding-top: .75em;} ul.header-top-nav > li.infoText a { color:#ac121d; padding:0; } /* Hlavička-střed */ .header-middle #logo { margin: 0 } .header-middle #logo img { width: 200px } .header-middle { background: white} .header-middle #slogan { margin: 0 auto; text-transform: uppercase; font-size: 15px;} @media all and (min-width: 1024px){ .header-middle .headerCustomG { display: flex; align-items: center; gap: 1em} .header-middle .box-search { width: 275px; margin-left: -225px;} .header-middle .box-search input { opacity:0} .header-middle:hover .box-search input { opacity:1} } @media all and (max-width: 1023.99px){ .header-middle .headerCustomG { display: flex; flex-direction: column; gap: .5em} .header-middle #slogan { order:-1; color: white; position: relative; z-index: 2; padding: 4px 0 0;} .header-middle #slogan:before { content:""; background:#333F49; position: absolute; top: -5px; left:-50vw; right:-50vw; height: 36px; z-index: -1} .header-middle #logo { margin: 15px 0 0 } } @media all and (max-width: 470px){ .header-middle #slogan { display: none} } /* Hlavička-střed-hledání */ .top-search { } .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 { border-radius: 0; border-color: #eee; background: white; padding-top:11px; height:49px; font-size: 1.25em; transition: all .3s} .top-search form.form-search .box-search input:focus { border-color: #ac121d} .top-search form.form-search .box-search .btn-search {position:absolute; top:0; right:0; } .top-search form.form-search .box-search .search-suggestions {width:800px; overflow:hidden; position:absolute; left:-300px; z-index:9; opacity:0; visibility:hidden; transition:all 0.3s ease-in-out; } .top-search form.form-search .box-search .search-suggestions.show { opacity:1; visibility:visible; top:-50px; } @media all and (max-width: 768px){ .top-search form.form-search .box-search .search-suggestions { left: -10px;} } .top-search .btn-search button { padding: 0 10px; background: none} .top-search .box-search input:focus ~ .btn-search button { background-color:#ac121d;} .top-search .box-search span.btn-search svg { height: 33px; width: 33px; margin: 4px 4px 0 0} .top-search .box-search input:focus ~ .btn-search svg { filter:invert(1) brightness(5)} span#frm-searchForm-search_message { display: none; } /* 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-bottom-left-radius:10px; border-bottom-right-radius:10px; } .search-suggestions .box-cat .title { color:#ac121d; 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; } .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 .icon-cart {height:48px; line-height: 40px; width: 48px; text-align: center; position: relative; } .box-cart .inner-box > div[id^="snippet--"] > a .icon-cart svg { padding: 10px;} .box-cart .inner-box > div[id^="snippet--"] > a .icon-cart[data-cart-items="0"] img {animation: none; } .box-cart .inner-box > div[id^="snippet--"] > a .icon-cart:hover {background:white;} .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: -5px; right: -8px; color:white; background-color: #ac121d; width: 20px; height: 20px; line-height: 19px; font-size: 11px; } .box-cart .inner-box > div[id^="snippet--"] > a > .price {color: #666; font-weight: 600; font-size: 14px; margin-left: 8px; position: absolute; top: 50px; right: 0; white-space: nowrap; } .box-cart .inner-box ul.menu-compare-wishlist li {display:inline-block; margin-right:10px; } .box-cart .inner-box ul.menu-compare-wishlist li a {display:inline-block; height:48px; width:48px; line-height:40px; text-align:center; position: relative;} .box-cart .inner-box ul.menu-compare-wishlist li svg { padding: 10px;} .box-cart .inner-box ul.menu-compare-wishlist li a:hover {border-color:#ac121d; background:white;} .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; border-radius:8px; border: 2px solid #d9d9d9; z-index:99; box-shadow:0px 2px 3px 0px rgba(72, 72, 72, 0.15); -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } /*pro boxCart po najetí*/ .header-middle .box-cart .inner-box .dropdown-box {position:absolute; top:55px; 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 #ac121d; } /*pro modal po vložení*/ #cartModal h3 { text-align: left; border-bottom: 2px solid #c3cfd9; 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:55px; opacity:1; visibility:visible; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s 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:#ac121d; 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:#ac121d; 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:#333f49; float:right; } .box-cart .inner-box .dropdown-box .btns-cart a.view-cart:hover {} .box-cart .delivery-info {padding:15px 0 0; } .cart-process-btn { background: #d9d9d9; padding:10px 33px; font-size:14px; font-weight:600; float:left; position:relative; overflow:hidden; z-index:5; } .cart-process-btn:hover {filter: brightness(1.2)} #header .slogan-container { background: #eef3f7; container-type: inline-size; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; padding: 13px; height: 50px; font-size: 20px; text-transform: uppercase } #header .slogan-container .slogan-text { position: absolute; left: 0; right: 0; opacity: 0; transition: opacity 1.5s; text-align: center; z-index: 1; pointer-events: none; user-select: none } #header .slogan-container .slogan-text.visible { opacity: 1; z-index: 2} @media (max-width: 600px) { #header .slogan-container { margin-bottom: 55px;} } /* Header linka */ .header-bottom { background-color:white; min-height: 54px; margin-top: 10px;} .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 */ .header-bottom > .container > .row > .col-md-9.col-10 { /*background: #f9f9f9;*/} .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;display: flex;align-items: center;} .flat-breadcrumb ul.breadcrumbs > li:after {content: ""; background: url("../img/icons/caret-right.svg"); background-size: cover; height: 12px;width: 12px;display: inline-block; ;} .flat-breadcrumb ul.breadcrumbs > li:last-child:after {content: none; } .flat-breadcrumb ul.breadcrumbs > li > a { margin-right:19px; white-space: nowrap;} .flat-breadcrumb ul.breadcrumbs li a:hover {color:#ac121d;} .flat-breadcrumb ul.breadcrumbs > li:last-child a {cursor:default;padding:2px 10px;} .flat-breadcrumb ul.breadcrumbs > li:last-child a:hover { pointer-events: none} .flat-breadcrumb ul.breadcrumbs ul {display:none;} .flat-breadcrumb ul.breadcrumbs > li a.intro {background: transparent url("../img/icons/icon-home.svg") no-repeat center left; background-size: cover; width: 23px; height: 23px; display: inline-block; margin: 0 9px 0 0;} .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; height:50px; margin-left: -15px; transition:all 0.3s ease-in-out; } #mega-menu > .btn-mega { padding: 15px 10px 15px 56px; position:relative; z-index:98; cursor:pointer; font-size: 16px;} #mega-menu > .btn-mega > span /*ikona menu*/{position:absolute; height:2px; width:18px; left:15px; top:26px; background-color:#333F49; display:inline-block; } #mega-menu > .btn-mega > span:before {content:''; position:absolute; height:2px; width:24px; top:-7px; background-color:#333F49; } #mega-menu > .btn-mega > span:after {content:''; position:absolute; height:2px; width:24px; top:7px; background-color:#333F49 } #mega-menu:hover ul.menu {top:-1px; visibility:visible; opacity:1; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } #mega-menu > ul.menu {position:relative; z-index:90; background-color:#fff; border-bottom-left-radius:8px; border-bottom-right-radius:8px; top:-10px; opacity:0; visibility:hidden; /*height:516px;*/ -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } #mega-menu > ul.menu > li {position:relative; } #mega-menu > ul.menu > li > a {height:46px; line-height:51px; padding:0 10px 0 15px; border-bottom:1px solid #e5e5e5; display:block; position:relative; } #mega-menu > ul.menu > li:last-child > a {border-bottom:none; } #mega-menu > ul.menu > li > a .menu-img {margin-right:10px; min-width:28px; display:inline-block; text-align:center; opacity: 0.8;} #mega-menu > ul.menu > li > a .menu-img img { max-height: 26px;} #mega-menu > ul.menu > li:hover > a .menu-title {color:#ac121d; } #mega-menu > ul.menu > li > a.dropdown:after {content:''; position:absolute; right:10px; top: 14px; background: url("../img/icons/caret-right.svg"); background-size: cover; height: 12px;width: 12px;display: inline-block;} #mega-menu > ul.menu > li > a .menu-title { } #mega-menu > ul.menu > li .drop-menu {opacity:0; visibility:hidden; display: flex; flex-wrap: wrap;padding:27px 7px 27px 0; position:absolute; top:-1px; left:242px; margin-left:10px; width:875px; border-radius:10px; z-index:-1; background-color:#fff; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } #mega-menu > ul.menu > li:hover > .drop-menu {opacity:1; visibility:visible; transform:translateX(0%); box-shadow: 0 0 5px #ccc; z-index:99;} #mega-menu > ul.menu > li .drop-menu > .cat {width:33.3%; float:left; padding:0 15px 25px 25px; } #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:16px; font-weight:bold; margin-bottom:10px; } #mega-menu > ul.menu > li .drop-menu > .cat .cat-image {float:left; padding:0 10px 5px 0; min-width: 60px;} #mega-menu > ul.menu > li .drop-menu > .cat .cat-image img {max-width:70px; max-height: 70px; } #mega-menu > ul.menu > li .drop-menu > .cat .cat-subs { line-height: 18px; padding-top: 20px;} #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 only screen and (min-width:992px) { #cat101082 > a { background: #eee; border-radius: 0 0 8px 8px;} #cat101082 > .drop-menu {top:250px;} #cat24012 > .drop-menu {top:150px;} #cat40560 > .drop-menu {top:150px;} } /*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;} #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:''; background-image: url("../img/icons/caret-down.svg"); background-size: cover; height: 20px;width: 20px; display: block; transform: translate(50%, 50%); filter: invert(1)} #mega-mobile > ul.menu > li > a.dropdown .btn-dropdown.active:after, #mega-mobile .btn-dropdown-child.active:after { background-image: url("../img/icons/caret-up.svg");} #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:#ac121d;} #mega-mobile > ul.menu > li > .drop-menu .cat-subs a:empty { display: none;} #mega-mobile > ul.menu > li > .drop-menu .cat-subs .cat-title a { background: none; color: #ac121d; padding: 4px 0;} /* /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:25px; height:25px; border:2px solid #fff; padding:15px 18px 17px; border-radius:4px; z-index:8; -webkit-transition:all ease .238s; -moz-transition:all ease .238s; transition:all ease .238s;} .btn-menu-mega {background:#ac121d; } .btn-menu:before, .btn-menu:after, .btn-menu span, .btn-menu-mega:before, .btn-menu-mega:after, .btn-menu-mega span { background-color:#fff; -webkit-transition:all ease .238s; -moz-transition:all ease .238s; transition:all ease .238s;} .btn-menu:before, .btn-menu:after, .btn-menu-mega:before, .btn-menu-mega:after {content:''; position:absolute;height:2px; width:25px; left:5px; top:50%;-webkit-transform-origin:50% 50%; -ms-transform-origin:50% 50%; transform-origin:50% 50%;} .btn-menu span, .btn-menu-mega span { position:absolute; width:25px; height:2px; left:5px; top:50%; overflow:hidden; text-indent:200%;} .btn-menu-mega span {width:20px;} .btn-menu:before, .btn-menu-mega:before {-webkit-transform:translate3d(0, -7px, 0); transform:translate3d(0, -7px, 0);} .btn-menu:after, .btn-menu-mega:after {width:25px; -webkit-transform:translate3d(0, 7px, 0); transform:translate3d(0, 7px, 0);} .btn-menu.active:after, .btn-menu-mega.active:after { width:25px;} .btn-menu.active span, .btn-menu-mega.active span {opacity:0;} .btn-menu.active:before, .btn-menu-mega.active:before {-webkit-transform:rotate3d(0, 0, 1, 45deg); transform:rotate3d(0, 0, 1, 45deg);} .btn-menu.active:after, .btn-menu-mega.active:after { -webkit-transform:rotate3d(0, 0, 1, -45deg); transform:rotate3d(0, 0, 1, -45deg);} /* 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; -webkit-transition:width .2s cubic-bezier(0.29, 0.18, 0.26, 0.83); -o-transition:width .2s cubic-bezier(0.29, 0.18, 0.26, 0.83); 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:#ac121d;} /* menu kategorii */ #gunnar-cat-wrapper { display:flex; width: 100%; gap: 7px; background: #333F49; justify-content: center; align-items: center;height: max-content;min-height: 48px; width: 100vw;position: relative;left: 50%;right: 50%;margin-left: -50vw;margin-right: -50vw;} #gunnar-cat-wrapper a { display:flex; flex-direction:column; padding: 9px 7px 6px; transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out; z-index: 1; color: #ffffff; position: relative} #gunnar-cat-wrapper a:hover { background-color: #434F59 } #gunnar-cat-wrapper h4 { font-size: 15px;text-transform: uppercase;line-height: 16px;text-align: center; padding: 0; z-index: 2} #gunnar-cat-wrapper > div { } @media screen and (max-width: 1444px) { #gunnar-cat-wrapper > div { width: 25%} } @media screen and (max-width: 1024px) { #gunnar-cat-wrapper > div { width: 33.333%} #gunnar-cat-wrapper h4 { font-size: 14px} } @media screen and (max-width: 600px) { #gunnar-cat-wrapper { display: none} } /*hvězdičky hodnocení - 20 a méně % nezobrazujeme hodnocení*/ .rating i { color:#ac121d;} .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-state-tap .noUi-connect, .noUi-state-tap .noUi-origin { -webkit-transition: transform 0.3s; transition: transform 0.3s;} .noUi-state-drag * { cursor: inherit !important;} .noUi-horizontal { height: 6px;} .noUi-horizontal .noUi-handle { width: 34px; height: 28px; left: -17px; top: -11px;} .noUi-vertical { width: 6px;} .noUi-vertical .noUi-handle { width: 28px; height: 34px; left: -6px; top: -17px;} html:not([dir="rtl"]) .noUi-horizontal .noUi-handle { right: -17px; left: auto;} .noUi-target { background: #e9e9e9 } .noUi-connect { background-color: #ac121d;} .noUi-draggable { cursor: ew-resize;} .noUi-vertical .noUi-draggable { cursor: ns-resize;} .noUi-handle { border: 1px solid #D9D9D9; border-radius: 3px; background: #FFF; cursor: default; box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;} .noUi-active { box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;} .noUi-handle:before, .noUi-handle:after { content: ""; display: block; position: absolute; height: 14px; width: 1px; background: #E8E7E6; left: 14px; top: 6px;} .noUi-handle:after { left: 17px;} .noUi-vertical .noUi-handle:before, .noUi-vertical .noUi-handle:after { width: 14px; height: 1px; left: 6px; top: 14px;} .noUi-vertical .noUi-handle:after { top: 17px;} [disabled] .noUi-connect { background: #B8B8B8;} [disabled].noUi-target, [disabled].noUi-handle, [disabled] .noUi-handle { cursor: not-allowed;} .noUi-pips, .noUi-pips * { -moz-box-sizing: border-box; box-sizing: border-box;} .noUi-pips { position: absolute; color: #999;} .noUi-value { position: absolute; white-space: nowrap; text-align: center;} .noUi-value-sub { color: #ccc; font-size: 10px;} .noUi-marker { position: absolute; background: #CCC;} .noUi-marker-sub { background: #AAA;} .noUi-marker-large { background: #AAA;} .noUi-pips-horizontal { padding: 10px 0; height: 80px; top: 100%; left: 0; width: 100%;} .noUi-value-horizontal { -webkit-transform: translate(-50%, 50%); transform: translate(-50%, 50%);} .noUi-rtl .noUi-value-horizontal { -webkit-transform: translate(50%, 50%); transform: translate(50%, 50%);} .noUi-marker-horizontal.noUi-marker { margin-left: -1px; width: 2px; height: 5px;} .noUi-marker-horizontal.noUi-marker-sub { height: 10px;} .noUi-marker-horizontal.noUi-marker-large { height: 15px;} .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:15px;} #shop .leftColumn {padding-left: 0;padding-right: 0; } #shop .sidebar .widget {margin-bottom:0px;} #shop .sidebar .widget .widget-content {margin-bottom:25px;} #shop .sidebar .sidebar-framer { border: 1px solid #dfe5ea; padding: 15px; overflow: hidden } .sidebar .widget {margin-bottom:36px;} .sidebar .widget-brands .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 #e5e5e5;position:relative;} .sidebar .widget-brands .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} .userHistory .widget-title h3 { margin: 0 0 10px; font-size: 16px;} /* 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 { color: #666; content: "Kč"; position: absolute; right: 15px; bottom: 7px;} #shop .sidebar .widget-price .widget-content > span input {background:white; border-color: #eee; 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;} .box-checkbox li label:hover {color:#fd7e21;} .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:5px; 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-left:10px;} .check-box label:first-letter { text-transform: uppercase} input[type="checkbox"]:checked + label:before { background-color:#ac121d;} .check-box input[type="checkbox"]:checked + label:before { background-color: #333F49; border-color: #333F49;} .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 ;} #clickF /*#showMoreFilters*/ {display: block; padding: 5px; margin: 0 auto; background-color: #ac121d; color:white; width: 100px; text-align: center;} #clickF:hover /* #showMoreFilters:hover */ { cursor:pointer; transform: translateY(-2px); box-shadow: 0 7px 10px -5px lightslategrey} /* FULL PRODUCT FILTER */ #fullFilter {display:table-row; width: 90%; background:#333; vertical-align: top; margin-top: 10vh; max-width:1000px; min-width:320px; box-shadow: 0 0 40px black;} #fullFilterHeader h1 {font-size: 1.5em; color: #ddd; padding: 20px 25px;} #fullFilter .tabs-nav {display:table-cell;} #fullFilter .tabs-nav li a {width:100%; display:block; background:#ddd; color:black; padding:10px 25px; border-bottom: 1px solid #999; line-height:1.1em;} #fullFilter .tabs-nav li.tab-active a {width:100%; background:#0098d9; color:white; text-shadow: 0 0px 2px black;} #fullFilter .tabs-stage {display:table-cell; border-left: 5px solid #0098d9; background:white; width:100%; padding: 0px 20px;} .filter-item {margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #0098d9;} .filter-item-title h3 { font-size: 1.1em;} .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: 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; border: 1px solid white; border-radius: 4px;} .filter-item-content:hover .box-checkbox li.check-box { border-color:#eee; } #fullFilterFooter {padding: 15px 22px 25px; background: #ddd;} .filter-settings {padding: 5px 0;} .filter-settings li {display:inline-block; margin: 0 1px 6px;} .filter-settings li a { cursor: pointer;border: 1px solid #e9eff3; background: #e9eff3; display: inline-block; padding: 0 0 0 4px; border-radius: 4px;} .filter-settings li a span { border-left: 1px solid #d1d9df; padding: 0px 17px 0 5px; display: inline-block; border-radius: 0 4px 4px 0; background: transparent; color: #ac121d; background-image: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; background-position: center right; background-size: 13px; cursor: pointer; border-right: 5px solid transparent; } #fullFilterFooter li a {border-color:#e9eff3;} .filter-add a {border: 1px dashed #adadad; display:inline-block; padding:0 5px; border-radius: 4px;} .filter-cancel a {display:inline-block; padding:0 5px; text-decoration:underline;} #filter-actions {text-align:right;} /* /FULL PRODUCT FILTER */ /* LEVY - Categories */ .widget-categories > ul.cat-list > li > ul > li a {padding-left:10px;} .widget-categories > ul.cat-list > li > ul > li li {padding-left:10px;} .widget-categories > ul.cat-list ul.last li a {} .widget-categories > ul.cat-list a.active { color: #ac121d } /* LEVY - historie procházení, oblíbené, poslední nákupy? */ ul.product-list li { width:100%;} ul.product-list li:not(:last-child) { float:left; margin-bottom:15px;border-bottom: 1px solid #e5e5e5} ul.product-list li .img-product { float:left; width:25%;} 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-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 ************************************************************************************************/ .owl-carousel-on-category { max-height: 270px; overflow: hidden; }/*max výška slideru, pro kompenzaci výšky před inicializací owl*/ .flat-row-title { border-bottom:1px solid #e5e5e5; width:100%;} .flat-row-title > div {vertical-align: top;} /* podkategorie */ #categories { display: flex; flex-wrap: wrap; align-content: flex-start; padding: 3px 0 15px; gap: 10px } #categories figure {display: none} #categories h2 { font-size: 18px; padding: 5px 11px; background: #e9eff3;} #categories i { font-size: 11px; color: #758b9e; position: relative; display: inline-flex; transform: translate(6px, -7px); background: white; height: 16px; align-items: center; padding: 5px 5px 3px; border-radius: 50%;} #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;} h2.prodList-title {font-size: 30px; margin-bottom: 15px} .flat-row-title .filter-settings {float:right; position: relative; margin: 15px 0;} .sort-product { padding:15px 0 0; border-bottom:1px solid #e5e5e5; margin-bottom:30px;} .sort-product .sort > div { display:inline-block; margin:0 10px;position:relative;} .sortBy.onDesktop ul {display: flex;} .sortBy.onDesktop li a { padding:7px 8px 5px;background: #e9eff3; height: 36px;display: block;margin-bottom: -1px;margin-right: 2px;border: transparent; border-bottom: 1px solid #e5e5e5;} .sortBy.onDesktop li a.active {background: white;border: 1px solid #bbe1f0;border-bottom:none;} .sortBy.onDesktop li a.active:hover { color:inherit;cursor:default;} .sort-product .show { float:right;position: relative;z-index: +1;} .sort-product .showOnly ul { margin:0;} .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:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap} .product-item { box-sizing: border-box; position:relative; overflow:hidden; width:33.333%; border:2px solid white; margin:0; padding:14px 6px 0 8px; display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between; } /*.product-item .product-item-bot:after {content:"";display: block;width:99%;height:1px;background:#f0f0f0;}*/ .product-item:hover {border: 2px solid white; box-shadow: 0 0 30px #e9eff3, 0 0 30px #e9eff3;;} .product-item.highlight { border: 2px solid #ac121d;margin: 0 2px 2px 0; width: calc(33.333% - 4px);} .product-item.highlight::before { content: "top"; position: absolute; 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;} .product-name {text-align: center;min-height: 40px;} .product-name a {text-decoration:none; line-height:18px; display: inline-block; font-size:18px; font-weight:600;} .product-desc {font-size:12px; line-height:16px; text-align:center; margin-bottom: 20px;} .product-item-bot time { background: #cefdce; display: flex; justify-content: center; font-size: 12px;} .product-item-bot .product-stock { width:100%} .product-image {text-align: center; position:relative; margin:5px 0 10px;} .product-image img {max-width:100%; max-height:200px; margin: -1em 0} #product-container .product-image img {} .product-item .owl-carousel .owl-controls {opacity:0;} .product-item:hover .owl-controls {opacity:1;} .product-item.inCarousel { margin: 0 10px 10px 0;} .owl-carousel .product-item.inCarousel { width: 100%; margin:0 auto;} .owl-carousel .product-item.inCarousel:last-child:not(:first-child) { margin-top: 15px;} .owl-carousel .product-item.inCarousel .product-item-top { height: 11em; overflow: hidden;} .owl-carousel .product-item.inCarousel .product-item-bot { margin-top: 15px;} .owl-carousel .product-item.inCarousel .product-action { top: -5px} .product-image .rating{ position: absolute; z-index: 2;right: 5px; bottom: 5px;} .product-iconsL, .product-iconsR {position:absolute; z-index: 2; top: 8px; } .product-iconsR {right:0;} .product-icon { } .product-icon span { display:block; position: relative; padding: 3px 5px; line-height: 1.2em; background-color:#eee} .product-icon span strong { font-size: 14px;display: block; right: -29px; position: absolute; bottom: -2px; font-weight: 900;} .product-icon.delivery {position:absolute; right:0;} .product-icon.delivery span { } .product-icon.akce span { background: #ac121d; color: white;} .product-icon.gift span { background: #ffb302; color: white;} .product-icon.sale span { background: #ffb302; color: white;} .product-icon.new span {} .product-icon.cashback span{} .product-action { opacity:0; position:absolute; right:0px; top: -13px;z-index: 999;} .product-action a[data-tooltip].wishlist::after { transform: translateX(calc(-100% + 10px))} .product-item:hover .product-action {opacity:0.8;} .product-item .product-action:hover {opacity:1;} .product-prices { display: flex; flex-direction: column; align-items: center; gap: 10px; margin-bottom: 10px} .product-prices .detailOnlyLink a { background: #333F49; color: white; padding: 7px 15px; display: inline-flex; &:hover { cursor:pointer; transform: translateY(-2px); box-shadow: 0 7px 10px -5px lightslategrey}} .product-prices-cont {float:left; width:49%;} .product-prices div {position:relative;text-align: center;} .product-price-wvat, .product-price-before {font-size:11px;line-height: 17px;} .product-price-before span{text-decoration:line-through;} .product-price.cashback {text-align: center; line-height: 1.1em; background: #fd9e31; border: 2px solid #ac121d; padding: 2px; border-radius: 5px;} .product-price.cashback span::before { content: "Cena s Cashback:"; display: block; font-size: 0.9em;} .product-buy {float:right; width:49%; position:relative;} .product-buy a {display:inline-block;background-color:#ac121d;color:#fff;font-size:14px; white-space:nowrap;height:38px;line-height:38px;border-radius:8px;text-align:center;position:relative;overflow:hidden;z-index:3;width: 100%;box-shadow: 0 -7px 10px -5px #666 inset;text-shadow: 0 0 3px gray;} .product-buy a:before, .ef1:before {content:''; position:absolute;width:100%; height:100%;top:0;left:0;z-index:-1;background:#000; -webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.4s;transition-duration:0.4s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;} .product-buy a:hover:before, .ef1:hover:before {-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66);} .product-buy a img { padding-right:5px; max-height: 15px} .product-buy div { position: absolute; bottom: 8px; width: 100%; text-align: center; background: #ac121d; color:white; padding: 5px 0 2px; border-radius: 0 0 6px 6px; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} .product-buy a:hover ~ div {bottom: -18px;} .product-stock { display: flex; width: max-content; clear: both; margin-bottom: 5px;justify-content: center;} .product-stock span {display:block;text-align:center; width: 100%; padding: .25em 1em;} .stock-onStock {color: #00802c; background:#f1fff1} .stock-orderIt {color: #8f3d01} .stock-ordered {color: #2059a0} .stock-unknown {background: #e9eff3;} /*data-StoItemClass podle třídy u výprodejú 3-rozbalene 15-posk.obal 4,20,27-pouzite 5,10,11,14,17,18,19,21,22,23,28,29-opravene*/ #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: #eee; border: 1px solid #ac121d; text-align: center; margin-bottom: 5px; border-radius: 5px; color: #ac121d;} /* /box produktu na výpise */ /* next 20*/ .next20 {text-align: center; margin-top:15px;} .next20 button {background: #ac121d;position:relative;z-index:3;overflow:hidden;} /* paginator */ .paginator {padding:16px 0 10px;border-bottom:1px solid #e5e5e5;margin:20px 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:36px; width:40px; text-align:center; border:2px solid #e5e5e5; border-radius:8px; overflow:hidden; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} ul.flat-pagination li.active a, ul.flat-pagination li a:hover { background-color:#ac121d; color:#fffefe; border-color:#ac121d;} 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:#ac121d;} /* 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 #ac121d;border-radius: 10px;padding: 6px 11px;margin: 15px 0;background: #fff9d7;color: #ac121d;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; -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;} .imagebox:hover {border:2px solid #ac121d;} .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: #ac121d;} .owl-carousel-topCategory .imagebox:first-child { margin-bottom:15px;} #topCatProdts .flat-row-title { margin: 45px 0 15px; border-bottom: 2px solid #ac121d;} /* Produkt detail*************************************************************************/ #precontainer { color: white; background: #ac121d; 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;} #flat-product-detail > .container > .row {gap: 50px; flex-wrap: nowrap;} @media (max-width: 767px) { #flat-product-detail > .container > .row {gap: 30px; flex-wrap: wrap;} } #proDetail-gallery {display:block; width:600px; position: relative;flex-shrink: 0;} #proDetail-gallery .product-icons {left:unset; right: 15px; position: absolute /**/; z-index: 9;} #proDetail-gallery .product-icon {clear:both /**/;} #proDetail-gallery .product-icon span{ float:right;} #proDetail-gallery .product-icon.sale span {margin-right: 29px;} #proDetail-gallery .product-icon.delivery {left:0;margin-bottom: unset;position:relative /**/;} .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 .owl-stage { display: flex;} #proDetail-gallery .owl-item a {background: var(--main-lBackground);display: block;text-align: center;} #proDetail-gallery .owl-item a img {mix-blend-mode: multiply;} #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:100px; height: 100px; background-size: cover; margin-right: 10px; display:inline-block; cursor:pointer;} #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%; display: flex; flex-direction: column; padding: 15px; } @media (max-width: 767px) { #proDet {border-radius: 0; 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:flex; gap: 5px; align-items: baseline; margin:15px 0; max-width:100%; } @media (min-width: 768px) {#proDet .gift { position: relative;}} #proDet .gift > div {} #proDet .gift-img {padding:0 5px; background: var(--main-lBackground)} #proDet .gift-img img {max-width:80px;max-height:55px; mix-blend-mode: multiply} #proDet .gift-info i {color:var(--hover-red)} #proDet .gift-info > div {display:none; position: absolute; padding: 15px; border: 1px solid #f1f1f1; box-shadow: 0 0 10px #aaa; right: 15px; width: calc(100vw - 45px); max-width: 600px; z-index: 999; background: white;} #proDet .gift-info > div img, #proDet .gift-info > div object {max-width:100%; max-height: 500px;} #proDet .gift-info > div p { line-height: 1.3em;padding-bottom: 5px;} #proDet .gift-info > div a { border-bottom: 1px dashed;} #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;} } #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: 26px; font-weight: 700; display: flex; gap: 15px} #proDet .price .sale small {font-size:20px;} #proDet .price .sale span {font-size:14px;font-weight: 300;} .isicPirce { display: flex; gap: 15px; width: max-content; background: white; padding: 5px 10px; align-items: center; box-shadow: 0 0px 0px 2px #eadbdb; border-radius: 2px; margin: 15px 0 10px -55px;} .product-prices-cont .isicPirce { gap: 2px; flex-direction: column; margin: 5px 0 0; box-shadow: none; zoom: 0.8 } .isicPirce img { width: 30px} .isicPirce div { color: #ff5659; font-weight: 800;font-size: 26px} .isicPirce div small { font-size: 20px} @media (max-width: 767px) { .isicPirce { margin: 10px auto} } .isicFaultMassage p { display: flex; gap: 7px; align-items: center; padding: 5px 15px 5px 10px; background: #ff5659; width: max-content; border-radius: 3px; color: white; margin: 15px 0;} .isicFaultMassage svg { height: 1.3em; stroke:white} div#adresaISICtext:not(:empty) { padding: 5px 10px; margin: 0 0 10px; color: white; border-radius: 3px; border: 2px solid white} #proDet .add-cart { display: flex; align-items: baseline; 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 .price .sale { justify-content: center;} } #proDet .add-cart svg {height: 1.5em} #proDet .btn-add-cart a { margin-left: 0;} .btn-add-cart a, .btn-add-cart button {padding:10px 33px; margin: 15px 10px; display: block; background: #333f49; white-space:nowrap; text-align: center;color:white; font-size:14px; font-weight:600; position:relative; overflow:hidden; z-index:5; } .btn-add-cart button { line-height:1em;} .btn-add-cart a:hover, .btn-add-cart button:hover { filter: brightness(1.1)} .btn-add-cart a img, .btn-add-cart button img { padding-right: 10px; margin-left: -5px;} .btn-add-cart button.multiline {line-height: 1.5em; height: auto; font-weight: 500; letter-spacing: .5px;} .btn-add-cart button.multiline > div { font-size: 19px;} #proDetail-buy time { background: #0098d9; padding: 1em; border-radius: 4px; color: white; display: block; text-align: center; line-height: 1.4em; margin: 0 0 1em;} .points { text-align: center; } .points span { line-height: 1em; /*vertical-align: top;*/} .points img{ margin-top: -6px; padding: 0 5px 0 0;} /*.calc-rates { text-align: center;} .calc-rates a img { padding-right: 10px; }*/ #proDet a.wishlist { display: flex; gap: 5px} #proDet a.wishlist svg { width: 15px} #proDet .userFunctions { padding: 5px 0} #flat-product-content { margin-top: 55px; width: 100%;} /* záložky detailu produktu*/ .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 { border: 1px solid transparent;border-image: linear-gradient(to right, #ddd 0%,#999 3%, #999 55%, #ddd 100%);border-image-slice: 1; border-top:none; border-left:none; border-right:0;} ul.tabs * {margin: 0px; padding: 0px;} ul.tabs li { border-radius: 8px 8px 0 0; display: block; float: left; padding: 10px 8px 8px; background-color: #F1F1F1; margin-right: 46px; z-index: 2; position: relative; cursor: pointer; color: #777; transition: all 250ms ease;} ul.tabs li:before, ul.tabs li:after { display: block; content: " "; position: absolute; top: 0; height: 100%; width: 30px; background-color: #F1F1F1; transition: all 250ms ease; } ul.tabs li:before { border-radius: 0 8px 0 0; right: -24px; transform: skew(10deg, 0deg); box-shadow: rgba(0,0,0,.1) 3px 2px 5px, inset rgba(255,255,255,.09) -1px 0;} ul.tabs li:after { border-radius: 8px 0 0 0; left: -24px; transform: skew(-10deg, 0deg); box-shadow: rgba(0,0,0,.1) -3px 2px 5px, inset rgba(255,255,255,.09) 1px 0;} ul.tabs li:hover, ul.tabs li:hover:before, ul.tabs li:hover:after { background-color: #F4F7F9; color: #444;} ul.tabs li.active {z-index: 3; } ul.tabs li.active a {color:white;} ul.tabs li.active, ul.tabs li.active:before, ul.tabs li.active:after {background-color: #484848; color: #fff;} 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%; } .tab_content { padding: 20px; border: 1px solid #ddd; border-top:none;} /* záložky detailu produktu*/ /* 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%; height: auto !important} #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 b, #main-description strong {font-weight:600} /* parametry*/ #tecnical-specs {margin-top:75px;} h4.t-s-header { margin: 20px 0 20px 40px; line-height: 1.8em;} h4.t-s-header span::before { content: ""; background: orange; width: 50px; height: 50px; position: absolute; z-index: 1; left: -48px; transform: rotate(45deg); -webkit-transform: -webkit-rotate(45deg); top: -10px; } h4.t-s-header span { background: #eee; padding: 3px 6px 3px 20px; position: relative; z-index: 2; border-radius: 0 4px 4px 0;} h4.t-s-header span::after { content: ""; position: absolute; left: -40px; top: -4px; z-index: 3; background:url(../images/icons/specs.png) no-repeat center center; width:35px;height:35px;} .tecnical-specs { width: 100%; -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; -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:800; font-size:1.1em; } .tecnical-specs > ul > li li:nth-child(odd) {background:#F2F2F2;} .t-s-name, .t-s-value {display:table-cell; padding: 0 0 0 10px;} .t-s-name {width:220px;} .t-s-value {} /* /parametry*/ /* 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:#ac121d; 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:55px; line-height:55px; padding:0 65px; font-size:16px; color:#fff; text-align:center; background-color:#f92400; border-radius:30px; 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;} /* /hodnoceni na detailu */ /* Podobné produkty na detailu */ #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 .imagebox { width: 198px; margin-right: 30px;} /* 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 #ac121d; 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;} #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*/ #relatedProdcts {display:flex;} #relatedProdcts .tabs-relation {margin-left:-21px; width: 160px;position: relative;z-index: 2;padding-top: 15px;} #relatedProdcts .tabs-relation li { background: #eee; padding: 5px 10px; border-top: 1px solid #ddd;} #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 #ac121d inset;} #relatedProdcts .tabs-stage { width: calc(100% - 160px); 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;} /* Košík -------------------------------------------------------------- */ main#cart, #snippet--CartContent { width:100%;} .shop-cart, .checkout { /*padding-top:60px;*/ width:100%;} .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 #f5f5f5; 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 { width:100%; padding-right: 10px;} .table-cart tr td .name-product { font-size:14px; line-height:20px;} .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:#ac121d; font-size:18px;} /* slevovy kod */ .form-coupon { padding:30px 0; text-align:center; border:2px dotted #e5e5e5; margin:80px 0;} .form-coupon .coupon-info { color:#ac121d; font-size:14px; padding:0 0 15px;} .form-coupon form input { display:inline-block; width:250px; margin-right:13px; height:40px;} .form-coupon form button { display:inline-block; color:#ffffff; background-color:#2d2d2d; height:40px; line-height:40px; padding:0 30px; font-weight:400; position: relative; overflow: hidden; z-index: 5;} /* soucet vpravo */ #checkCart { position: absolute; z-index: 101; top:-2em; background: #ef6600; color:white; 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: #ef6600 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; background-color:#ebebeb} .cart-totals h3 { font-size:18px; font-weight:bold; margin-bottom:26px;} .cart-totals table { width:100%;} .cart-totals table tr td { font-size:14px;} .cart-totals table tr td { padding:11px 0 16px;} .cart-totals table tr td:last-child { text-align:right; white-space: nowrap;} .cart-totals table tr td.subtotal { } .cart-totals table tr td.price-total { font-weight:800; color:#ac121d; padding:22px 0; font-size: 20px} .cart-totals table tr td.price-total small { font-weight:300; color:initial; font-size: 14px} .cart-totals select { background:white; font-size:14px; text-align:left; padding:8px; cursor:pointer;} .cart-totals .hasOption td { padding-bottom:0;} .cart-totals .isOption {position:relative;} .cart-totals .isOption td { position:relative; padding:0;} .cart-totals .isOption td:after { content: "▼"; position: absolute; top: 0; right: 0; bottom: 0; font-size: 14px; line-height: 46px; padding: 0 5px; background: linear-gradient(90deg, #ddd9d9, #b1b1b1); color: white; pointer-events:none; -webkit-border-radius: 0 10px 10px 0; -moz-border-radius: 0 10px 10px 0; border-radius: 0 10px 10px 0;} .cart-totals .isOption td:hover:after { background-color:#ac121d;} .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: inline-block;} .cart-totals .isOption td[data-info]::before { content: attr(data-info);left: 0;top: -30px;background: #ac121d; 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;} #cartMessage { background: #ac121d; padding: 10px 15px; color: white; margin: 0 15px 15px;} #snippet--CartRelations {width:100%;} .recomended-product-rotator h3 {font-size: 1.2em; text-align: center; border-bottom: 2px solid #ac121d; height: 0.75em; margin: 3em 0;} .recomended-product-rotator h3 span { background: white; padding: 0 15px; } /* pokladna */ main#checkout { padding-bottom:160px; width:100%;} .box-checkout h3.title { margin-bottom:16px;} .billing-fields .fields-title h3, .shipping-fields .fields-title h3 { font-size:16px; font-weight:400; padding: 10px 10px 4px; border-radius: 8px 8px 0 0; background: #f5f5f5; margin-bottom:17px; border-bottom:1px solid #e5e5e5;} .fields-content .field-row { margin-bottom:23px; 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; padding:13px 20px 12px; border:2px dotted #d4d4d4; border-radius:10px;} .field-row.functions .checkout-login a { color:#ac121d;} .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;} .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:''; position:absolute; background: url("../img/icons/icon-checkmark-white.svg"); background-size: cover; height: 15px;width: 15px; left:-13px; top:3px; border-radius:3px; z-index:3;} .checkbox input[type="checkbox"]:checked + label::after { background-color:#ac121d;} .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: #ac121d; 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: #ac121d;} #resultNaPostu span.naPostuOK {background: #00aa00;} #resultNaPostu span::before { content: ""; display: block; background: inherit; position: absolute; top: -5px; width: 10px; height: 10px; transform: rotate(45deg); right: 30%;} .field-row #notes { min-height:63px; border-radius:8px; padding:6px 25px; margin-bottom: 35px;} /* chybové hlášky a kontroly e-mailu a tel.čísla */ .mf-email-error, .mf-phone-error{ height: 30px; margin-bottom: -10px; transition: all .5s; background: orange; overflow: hidden; position: relative; z-index: -1; text-align: center; font-weight: 600; font-size: .85em; } .mf-email-error.hidden, .mf-phone-error.hidden { height: 0px; margin-bottom: 0px} .mf-email input, .mf-telephone select, .mf-telephone input { background: white; position: relative; } .mf-telephone span.input-group { display: flex; position: relative} select#frm-cartOrderForm-ComTelCountryCode { padding-left: 15px;width: 8em;} .mf-email { position: relative} #frm-cartOrderForm-ComEMail_message.help-block, #frm-cartOrderForm-ComTel_message.help-block { background: #ea0000; position: absolute; z-index: -1; left: 0; right: 0; bottom: 0; transform: translateY(calc(100% - 15px)); padding: 18px 10px 4px; max-width: 100%; color: white; font-size: .8em; text-align: center} .mf-email:has(input.is-ok):after, .mf-telephone:has(input.is-ok):after { content: ''; position: absolute; z-index: 2; top: 50%; right: 0.6em; transform: translateY(-50%); width: 1em; height: 1em; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E div:not(:first-child) {margin-left:15px; margin-top:35px;} .thankYou p { padding: 10px 0;} 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 #ac121d; height: 0.75em; margin-bottom: 2em;margin-top: 3em;} #thankYou h3 span { background: white; padding: 0 15px; } 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 #ac121d; height: 0.75em; margin-bottom: 2em;margin-top: 3em;} #thankYou .box h4 span { background: white; padding: 0 15px; } table.thankY tr:not(:last-child) { border-bottom: 1px solid #ccc;} #thankYou .bold td { font-weight: 600; color: #666;} #thankYou .bold.sum td { color: #333; font-size: 1.1em;} .thankY th { color: #ac121d;} .thankY tr {text-align:right;} .thankY.billing tr, .thankY.shipping tr {text-align:left;} .infobox { max-width: 500px; border: 2px solid #ac121d; margin: 65px auto;display: flex;border-radius: 15px; overflow:hidden;} .infobox figure {width: 150px; background: #ac121d url(../images/icons/wtf.png) no-repeat center center; display: block;} .infobox > div { padding: 15px;} .infobox > div h5 { font-size: 1.3em; color: #ac121d; font-weight: 800;} .infobox > div a { border-bottom:1px dotted #ac121d; } /* 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 { width: 100%; text-align: center; margin: 45px auto 0;} .notFound img { max-width: 100%;} /* uvodka **********************************/ #page-homepage {} /*otevřít strom na uvodce*/ #page-homepage #mega-menu > ul.menu { transform:translateY(0%); opacity:1; top:-1px; visibility:visible;} #page-homepage #mega-menu .btn-mega { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; background-color: #ac121d;} #page-homepage #mega-menu .btn-mega > em {display:none;} #page-homepage #mega-menu .btn-mega:after { content:"Katalog zboží:"; display:block;} /* 1.slider na uvodce */ #bigIntro { width:100%; margin: 0;} #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;} section#HomeBanners { padding: 7em 0; } #HomeTopPrdcst, #Brands {width:100%; margin-top: 65px;} #HomeBanners h2, #HomeTopPrdcst h2, #Brands h3 { font-size: 34px; text-align: center; font-weight: 300; text-transform: uppercase; letter-spacing: -.5px; padding: 0px 0 30px;} #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;} /* login, registrace*/ section.account {margin:15px 0 85px; width:100%;} .account .form-login, .account .form-register { background: #f1f1f1; 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 #ac121d;} .account input { background: white;} .account button.login { background:#0098d9; } .account button.register { background:#ac121d; } #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 { border:2px solid #e5e5e5; border-radius:8px; overflow:auto;} .table-compare tr:not(:last-child) { border-bottom:1px solid #e5e5e5;} .table-compare tr td { text-align:center; padding:15px 5px 10px; border-right: 1px dotted #ddd; } .table-compare tr th { background-color:#f5f5f5; color:#666; font-weight:500; padding: 0 5px;} .table-compare tr td.product img { max-width: 150px; } .table-compare tr td .name { font-size:16px;} .table-compare tr td.price { color:#ac121d; font-size:20px; font-weight:900;} .table-compare .buy .product-buy { float: none; width: 120px; display: inline-block;} .table-compare tr td.description p { line-height:26px;} .table-compare .diff { color:#ac121d;} .table-compare tr th.param ~ td{ padding: 5px;} .table-compare tr th.param-cat { font-weight:800; background:white; border-top: 2px solid #ddd;} .table-compare tr th.param-cat ~ td { padding:0; border-right:none; border-top: 2px solid #ddd;} .table-compare tr th.delete, .table-compare tr th.delete ~ td { border-top: 2px solid #ddd; background:white;} /* 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%;} /* 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;} /* HAP virtualTry */ .virtualTry { border-radius: 8px; padding: 0.5em 1em; display: inline-block; background: white; margin: 1em 0 0; color: black} .virtualTry:hover { background: red} #proDetail-info .virtualTry { background: #ffec59} /* 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;} /* 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:#ac121d; 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;} .InlineMenu li a { background: white; border: 1px solid #ccc; border-radius: 3px; padding: 5px 15px;} .profileBox { padding:45px 90px; text-align:center; background: #f1f1f1; border-radius: 15px; 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 solid #ac121d;} .profileBox .title h3 { margin-bottom:26px;} .profileBox .profileLine {display:flex;} .profileBox .profileCol { width:49.995%; 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: #ac121d; 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 #ac121d; height: 0.75em; margin-bottom: 2em;} .userPromoPage h4 span { background: white; padding: 0 15px; } .userPromoPage h5 {text-align:center;} /* Patička */ footer { position: relative; z-index: 2;color:white; padding:44px 0 42px; background:#333F49; margin:50px 0 0;} /* Patička - O digitoru */ .widget-about .logo-ft {padding: 11px 13px 1px 0} .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 p.phone { font-size:16px; font-weight:700; margin-right:-30px; margin-bottom:9px;} .widget-about .widget-content .info p.address { line-height:18px; } .widget-about .widget-content .info p.mail a:not(:hover) { color: white;} .widget-about ul.social-list { margin-top:33px;} ul.social-list li { display:inline-block; font-size:18px; margin-right:27px;} ul.social-list li:last-child { margin-right:0px;} ul.social-list li a { color:#d5d5d5;} ul.social-list li a:hover { color:#919191;} .widget-ft .widget-title h3 { color:#97a6b3; font-weight:500; margin-top:8px; margin-bottom:20px; 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 10px;} .widget-list ul.cat-list-ft li a:not(:hover), .widget-menu ul li a:not(:hover) {color:white;} .widget-ft.widget-contact .widget-title h3 { margin-bottom:0px;} /* Widget rychly kontakt */ .widget-contact > p { line-height:22px; margin-bottom:14px; margin-top: 5px;} .widget-contact .quick-contact-form .quick-contact-content {position:relative;} .widget-contact .quick-contact-form .quick-contact-content * { background-color:#272f37; border:none} /* Patička 2 */ .footer-bottom {background-color:#272f37;padding:24px 0; } .footer-bottom .copyright { color: #aaa; float:left; line-height:34px; margin-left:-1px;} .footer-bottom .btn-scroll { float:right;} .footer-bottom .btn-scroll a {display:inline-block; margin-right:1px; margin-top:3px; filter: invert(1);} /* Patička 2- platební loga */ ul.pay-list { margin-left: 60px; display: inline;} ul.pay-list li { display:inline-block; margin-right:13px;} ul.pay-list li:last-child { margin-right:0px;} /* 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; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; 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; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; } /*alert*/ span[id$="_message"].text-danger { color: white; position: absolute; left: 15%; background: #ac121d; padding: 0 10px 2px; border-radius: 0 0 4px 4px;} /*maskot*/ /*zleva po čase (nastavený filtr, volba dopravy) .maskot-r-1::after { display: block; width: 90px; height: 100px; background: url(../images/maskot/show-left.png) no-repeat top left; position: absolute; content: " "; right: -100px; top: -42px; -webkit-animation-name: bounceInRight; animation-name: bounceInRight; -webkit-animation-duration: 8s; animation-duration: 8s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes bounceInRight { 0%, 40%, 42%, 44%, 46%, 50%, 95%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0%,40% { opacity: 0; -webkit-transform: translate3d(500px, 0, 0); } 42% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); } 44% { -webkit-transform: translate3d(10px, 0, 0); } 46% { -webkit-transform: translate3d(-5px, 0, 0); } 50% { -webkit-transform: none; } 95% { opacity: 1; -webkit-transform: none; } 100% { opacity: 0; -webkit-transform: translate3d(50px, 0, 0); } } @keyframes bounceInRight { 0%, 40%, 42%, 44%, 46%, 50%, 95%, 100% { transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0%,40% { opacity: 0; transform: translate3d(500px, 0, 0); } 42% { opacity: 1; transform: translate3d(-25px, 0, 0); } 44% { transform: translate3d(10px, 0, 0); } 46% { transform: translate3d(-5px, 0, 0); } 50% { transform: none; } 95% { opacity: 1; transform: none; } 100% { opacity: 0; transform: translate3d(50px, 0, 0); } } */ /* RESPONSIVE by HAP */ /* new */ @media only screen and (min-width:767px) and (max-width:1199px) { #bigIntro .slider-item { height: 407px;} } @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;} .product-buy div { font-size: 12px;} } @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: 35px; width: 35px; 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;} /*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:49.999%; } .product-item.highlight { width: calc(49.999% - 4px);} .product-buy div { font-size: 10px;} /*detail*/ #flat-product-detail > .container > .row { display: flex; position: relative;} #proDetail-buy .price::before { content: "Vaše cena:";} #proDetail-buy::before { height: 1px; border-top: 1px solid #ccc; width: 100%; display: block; content: ""; position: absolute; left: 0; margin-top: -15px;} #proDetail-buy {margin-left: calc(50% - 115px); padding-top: 30px;} #proDetail-buy > div {position:relative;} #proDetail-gallery .owl-carousel .owl-item img { width: 100%;} #proDetail-buy .price {position:relative;} #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*/ .widget-ft.widget-about { display: flex; flex-wrap: nowrap; border-bottom: 1px solid #bbe1f0; 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) { /*detail*/ #proDetail-gallery, #proDetail-gallery .owl-stage-outer, #proDetail-info {width:350px;} #proDetail-buy .product-stock { width: 180px; position: absolute; left: -200px;} #proDetail-buy .price .add-cart { position: absolute; right: -200px; top: -10px;} } @media only screen and (min-width:576px) and (max-width:767px) {} @media only screen and (max-width:767px) { /*header*/ .header-top .hinfo {display:none;} .top-search {padding:10px;} .box-cart { padding: 15px 0 0;} /*homepage*/ #bigIntro .slider-item {height:auto;} /*levy*/ #snippet--filtr, .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;} #proDetail-buy .product-stock { width: 165px; position: absolute; left: -175px;} #proDetail-buy .price .add-cart { position: absolute; right: -183px; top: 0px;} #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;} /*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*/ #proDetail-buy .product-stock, #proDetail-buy .price .add-cart { position: relative; right: initial; left: initial;} #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-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 #ac121d inset, -14px 0px 3px -10px #ac121d 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;} .form-coupon form button {margin-top: 15px;} .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;}} *:not(li).col-no-padding { padding-left: 0; padding-right: 0; } /* ############ *\ MEGA MODAL \* ############ */ div.mega-modal-background { display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; padding: 2% 0; background: rgba(0, 0, 0, 0.5); z-index: 99; } div.mega-modal-window { position: relative; float: none; margin: auto; background: #fefefe; border-radius: 5px; } div.mega-modal-header { position: relative; float: none; width: 100%; padding: 15px 15px 10px; font-size: 0.85em; color:#666; background: #eeeeee; border-bottom: 1px solid #d3d3d3; border-radius: 5px 5px 0 0; } div.mega-modal-header .mega-modal-title { font-size: 1.6em; font-weight: bold; } div.mega-modal-header .mega-modal-close { position: absolute; top: 10px; right: 10px; opacity: 0.5; cursor: pointer; font-size: 1.5em; } div.mega-modal-header .mega-modal-close:hover, div.mega-modal-header .mega-modal-close:focus { opacity: 1; } div.mega-modal-content { position: relative; float: none; width: 100%; min-height: 25vh; padding: 15px; color: #666; } div.mega-modal-content label {margin:1em 0; display:block} div.mega-modal-content ol, div.mega-modal-content ul { padding-left: 15px; } div.mega-modal-content ol li, div.mega-modal-content ul li { padding-left: 10px; margin-bottom: 1em; } div.mega-modal-footer { position: relative; float: none; width: 100%; padding: 5px 1%; background: #eeeeee; border-top: 1px solid #d3d3d3; border-radius: 0 0 5px 5px; } div.mega-modal-footer .mega-modal-close { background: #999; } div.mega-modal-footer .mega-modal-process { background:#ac121d; position: absolute; right: 5px; } /* Xmodal by HAP*/ .Xmodal { position: fixed; left: 0; top: 0; bottom: 0; right: 0;z-index: -1; display: flex; justify-content: center; align-items: center; background: #fffe; backdrop-filter: blur(3px); opacity: 0; transition: 0.2s; max-width: 100vw; pointer-events: none} .Xmodal.active { opacity: 1; pointer-events: auto; z-index: 1001} .Xmodal > .Xbox { position: absolute; transform: translateY(100px); transition: 0.2s; background: #f4f5f7; box-shadow: 0 0 30px -10px #384857; width: 100%; max-height: 100vh; border-radius: 6px; position: relative; overflow:hidden; display: flex; flex-direction: column} .Xmodal.active > .Xbox { transform: translateY(0px) ;} .Xmodal > .Xbox:before { content:""; position: absolute; left: 0; top: 0; bottom: 0; right: 0;box-shadow: 0 0 0 2.5px white inset; pointer-events: none} .Xmodal header { padding: 30px 30px 15px; text-align: center} .Xmodal main { padding: 0 30px; flex-shrink: 1; overflow: auto;} .Xmodal footer { padding: 15px 30px 30px; margin-top: auto; display: flex} .Xmodal .close { position: absolute; right: .5em; top: .5em; cursor: pointer; stroke: #456} .Xmodal .close svg {height:30px} .Xmodal .close:hover { stroke: #ea0000} .XmXl .Xbox { flex-basis: calc(100% - 10em); max-width: 1200px; min-height: 75vh; } .XmMd .Xbox { flex-basis: calc(75% - 10em); max-width: 800px; min-height: 50vh; } .XmSm .Xbox { flex-basis: calc(50% - 10em); max-width: 500px; min-height: 40vh; } .XmAuto .Xbox { width: max-content; min-height: auto; } @media all and (max-width: 1024px) { .XmXl .Xbox { flex-basis: 100%} .XmSm .Xbox{ flex-basis: 80%}} @media all and (max-width: 768px) { .XmMd .Xbox, .XmSm .Xbox{ flex-basis: 100%}} @media all and (min-width: 992px) { .Xmodal .Xbox {max-height: 90vh}} .Xmodal main { background: linear-gradient(#f4f5f7 30%, rgba(255,255,255,0)),linear-gradient(rgba(255,255,255,0), #f4f5f7 70%) 0 100%, linear-gradient(to bottom, rgba(0,0,0,.1), rgba(0,0,0,0)), linear-gradient(to top, rgba(0,0,0,.1), rgba(0,0,0,0)) 0 100%; background-repeat: no-repeat; background-size: 100% 40px, 100% 40px, 100% 20px, 100% 20px;background-attachment: local, local, scroll, scroll; background-color: #f4f5f7;} /* Xmodal buyWithVoucher */ .buyWithVoucher { visibility: hidden} .buyWithVoucher.active { visibility: visible} .buyWithVoucher > .Xbox, .buyWithVoucher > .Xbox main {background: var(--couponSaleBg);} .buyWithVoucher > .Xbox h3 {color: var(--couponSaleColor); fill: var(--couponSaleColor); display: flex; gap: 7px; align-items: center; font-weight: 600; letter-spacing: -.5px; font-size: 22px;} .buyWithVoucher > .Xbox h3 svg {height: 30px;} .buyWithVoucher main strong {white-space: nowrap} .buyWithVoucher .info { font-style: italic;font-size: .85em;padding: 1em 0 0;display: inline-flex; align-items: center; gap: 5px;} .buyWithVoucher .info:before {content: "i";background: lightblue;width: 1.5em;height: 1.5em;display: flex;justify-content: center;align-items: center;padding: 5px;border-radius: 50%;font-style: normal;font-size: .85em;} .buyWithVoucher footer {justify-content: space-between; gap: 2em; flex-wrap: wrap} /*@media all and (max-width: 500px) { [close-modal] {display: none}}*/ /* 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);} } .couponSale {width: 100%;} .couponSale > a, .couponSale > button { margin: 5px auto; display: flex; align-items: center; gap: 12px; width: max-content; background: #ffec59; padding: 4px 10px; color: var(--couponSaleColor); border-radius: 5px; position: relative;z-index: 2; cursor: pointer} .couponSale > a svg, .couponSale > button svg { height: 18px; fill: var(--main-green);} .couponSale > a div { display: flex; flex-direction: column; line-height: 1em; font-size: 12px;} .couponSale > a div span { padding-top: 4px; font-size: 12px;} .couponSale > a div small { color: #667787; font-size: 10px; padding: 4px 0 0;} .couponSale > a > span { font-size: 14px; color: #eb1414; font-weight: 800;} .couponSale > a > span small { font-size: .75em} #proDet .couponSale > a { margin: 10px 0; box-shadow: 0 0 0 2px #ffc559;} @media all and (min-width:1090px) { #proDet .couponSale > a:before { content: ""; position: absolute; left: 45px; top: -6px; transform: translateX(calc(-100% + 3px)) rotate(45deg); background: inherit; border: 2px solid #ffc559; width: 10px; height: 10px; z-index: -1; border-right: none; border-bottom: none;} } .couponSale.disabled {position: relative; cursor: not-allowed} .couponSale.disabled > a { background: none; cursor: not-allowed; pointer-events: none} .couponSale.disabled > a > * { opacity: .5; filter: saturate(0);} .couponSale.disabled:hover:after { content: attr(data-tooltip-disabled); position: absolute; bottom: 100%; left: 50%; border-radius: 3px; padding: 5px 10px; margin-top: 7px; white-space: nowrap; font-weight: normal; color: var(--main-blue); background-color: white; z-index: 950; transform: translateX(-50%); box-shadow: 0 5px 8px -5px var(--main-subGray); cursor: not-allowed} .confBuy .couponSale { margin-left: auto} .confBuy .couponSale > button div { font-size: 15px; font-weight: 400;} .confBuy .couponSale > button span { font-weight: 900} .product-item-bot .couponSale > a { margin-top: 3px;}+ .product-item-bot .couponSale.disabled:hover:after {left: 60%} /* viditelne heslo */ .password-wrap { position: relative;} .password-wrap .toggle-password { position: absolute; top: 1.1em; right: 10px; transform: translateY(-50%); cursor: pointer; color: #999; font-size: 1.1em;} .password-wrap input[type="text"] + i.fa-eye::before { content: "\f070"} .password-wrap i.fa-eye::before { display: inline-block; color: #777; width: 1em; height: 1em; background-size: contain; background-repeat: no-repeat; background-position: center; content: "";} .password-wrap input[type="password"] + i.fa-eye::before { opacity: .5; background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20576%20512'%3E%3Cpath%20fill='currentColor'%20d='M572.52%20241.4C518.44%20135.5%20407.53%2064%20287.99%2064%20168.47%2064%2057.56%20135.5%203.48%20241.4a48.24%2048.24%200%200%200%200%2029.2C57.56%20376.5%20168.47%20448%20287.99%20448c119.52%200%20230.43-71.5%20284.51-177.4a48.24%2048.24%200%200%200%200-29.2zM287.99%20400c-79.41%200-144-64.59-144-144s64.59-144%20144-144%20144%2064.59%20144%20144-64.59%20144-144%20144zm0-240a96%2096%200%201%200%2096%2096%2096.11%2096.11%200%200%200-96-96z'%3E%3C/path%3E%3C/svg%3E"); .password-wrap input[type="text"] + i.fa-eye::before { background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20640%20512'%3E%3Cpath%20fill='currentColor'%20d='M320%20400c-26.51%200-48-21.49-48-48%200-8.52%202.52-16.48%206.86-23.14L121.02%20211.4C99.15%20233.28%2080%20261.02%2080%20296c0%2061.75%2062.07%20120%20160%20120%2021.52%200%2041.73-4.86%2060.05-13.47l-40.61-31.1C268.87%20370.61%20272%20372%20272%20368c0-26.51%2021.49-48%2048-48s48%2021.49%2048%2048c0%204-3.13%202.61-7.44%204.44l-40.61%2031.1C376.27%20395.14%20396.48%20400%20418%20400c97.93%200%20160-58.25%20160-120%200-34.98-19.15-62.72-41.02-84.6l-157.84%20121.46c4.34%206.66%206.86%2014.62%206.86%2023.14%200%2026.51-21.49%2048-48%2048zM633.82%20458.1l-37.94-29.6C609.29%20392%20640%20345.2%20640%20288%20640%20128.94%20512.05%200%20352%200c-39.28%200-76.27%209.4-109.94%2026.2L171.2%203.92C161.4-3.72%20148.6-3.72%20138.8%203.92L3.92%20138.8C-5.72%20148.6-5.72%20161.4%203.92%20171.2l103.93%20103.93C78.69%20321.6%2048%20360.8%2016.17%20409.5l-37.94%2029.6a16%2016%200%200%200%200%2025.72L40.6%20492.3c10.8%207.64%2023.6%207.64%2034.4%200l95.6-74.9a305.35%20305.35%200%200%200%2065.9%2038l-39.7%2031a16%2016%200%200%200%200%2025.7l41.97%2031.96a16%2016%200%200%200%2025.7%200l39.7-31a305.35%20305.35%200%200%200%2065.9-38l95.6%2074.9c10.8%207.64%2023.6%207.64%2034.4%200l41.97-31.96a16%2016%200%200%200%200-25.7l-39.7-31a305.35%20305.35%200%200%200%2065.9-38l95.6%2074.9c10.8%207.64%2023.6%207.64%2034.4%200l68.62-53.72a16%2016%200%200%200%200-25.72z'%3E%3C/path%3E%3C/svg%3E"); }