@font-face { font-family: 'Metropolis'; font-style: normal; font-weight: 400; src: url('./fonts/Metropolis-Regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('./fonts/Metropolis-Regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ font-display: swap; } @font-face { font-family: 'Metropolis'; font-style: normal; font-weight: 600; src: url('./fonts/Metropolis-SemiBold.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('./fonts/Metropolis-SemiBold.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ font-display: swap; } @font-face { font-family: 'Metropolis'; font-style: normal; font-weight: 700; src: url('./fonts/Metropolis-Bold.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('./fonts/Metropolis-Bold.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ font-display: swap; } @font-face { font-family: 'Metropolis'; font-style: normal; font-weight: 800; src: url('./fonts/Metropolis-ExtraBold.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('./fonts/Metropolis-ExtraBold.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ font-display: swap; } body { margin: 0; } html { color: #11110E; } html, button, input, select, textarea { font-size: 100%; font: normal 14px 'Metropolis', Arial, sans-serif; } h4 { font-size: 1em; margin: 0; } a { text-decoration: none; color: #11110E; } a:active, a:hover { text-decoration: underline; } p { margin-bottom: 0.5em; margin-top: 0; line-height: 1.5em;} ul { list-style-type: square; list-style-position: outside; margin: 0 0 0 1.5em; padding: 0; line-height: 1.5em; } figure { margin: 0; } .hidden { display: none; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; /* dla IE < 8 */ } .clearer { clear: both; } .center { text-align: center; } .bold { font-weight: bold !important; color: #333 !important; } .red, .error, .important { color: #D2071D; } .req { color: #F85422; } img, svg { max-width: 100%; } a img { border: 0; } input[type='text'], input[type='password'], input[type='email'], input[type='search'], input[type='tel'], textarea { padding: 5px 10px; color: #666; background-color: #fff; border: 1px solid #D1D5D7; -webkit-appearance: none; border-radius: 5px; } select { padding: 5px 25px 5px 10px; background-color: #fff; border: 1px solid #D1D5D7; cursor: pointer; background-image: url(../img/layout/arrow-select.svg); background-position: calc(100% - 10px) 50%; background-repeat: no-repeat; -webkit-appearance: none; border-radius: 5px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } select::-ms-expand { display: none;} input[type="submit"] { -webkit-appearance: none; border-radius: 0; } input[type='checkbox'], input[type='radio'] { position: relative; vertical-align: text-bottom; height: 16px; width: 16px; -webkit-appearance: none; appearance: none; background-color: #fff; background-image: none !important; border: 1px solid #4E4E4E; outline: none; transition: .4s; cursor: pointer; } input[type='radio'] { border-radius: 50%; overflow: hidden; background-image: none; } input[type='checkbox']:before, input[type='radio']:before { content: ""; background-color: #fff; background-image: url(../img/layout/check-icon-white.svg); background-position: center; background-repeat: no-repeat; top: 0; left: 0; width: 14px; height: 14px; position: absolute; transition: .4s; } input[type='radio']:before { background-image: none; width: 10px; height: 10px; border-radius: 50%; top: 2px; left: 2px; } input[type='checkbox']:hover:before, input[type='radio']:hover:before { background-color: rgba(50, 183, 132, 0.4); } input[type='checkbox']:checked, input[type='radio']:checked { border-color: #32B784; } input[type='checkbox']:checked:before, input[type='radio']:checked:before { background-color: #32B784; } .hidden { display: none; } .req-info { color: #838D94; font-size: 12px; } a.print { color: #d8a100; padding-left: 25px; background-image: url(../img/layout/print-icon.svg); background-position: 0 50%; background-repeat: no-repeat; } /* buttony ------------------------------------------------------------------------------ */ .btn { border: 0; height: 40px; min-width: 100px; padding: 0 10px; font-weight: bold; cursor: pointer; } .btn-min { border: 0; height: 20px; cursor: pointer; font-size: 12px; border: 1px solid #D1D5D7; } .btn-small { border: 0; height: 25px; font-weight: bold; cursor: pointer; } .btn-large { border: 0; height: 50px; padding: 0 20px; font-weight: bold; cursor: pointer; text-transform: uppercase; } a.btn, span.btn { display: inline-block; min-width: 80px; text-align: center; line-height: 40px; height: 40px; padding: 0 10px; text-decoration: none;} a.btn-min, span.btn-min { display: inline-block; line-height: 20px; height: 20px; padding: 0 5px; text-decoration: none;} a.btn-small, span.btn-small { display: inline-block; line-height: 25px; height: 25px; padding: 0 10px; text-decoration: none;} a.btn-large, span.btn-large { display: inline-block; line-height: 50px; height: 50px; text-decoration: none; text-transform: uppercase; } .color1 { background-color: #32B784; color: #fff; } .color2 { background-color: #333333; color: #fff; } .color3 { background-color: #838D94; color: #fff; } .color4 { background-color: #F5F6F7; color: #333; } /* nagłówki ------------------------------------------------------------------------------ */ .header-content { clear: both; margin-bottom: 10px; } .header-content h1, .header-content strong { font-size: 22px; margin: 0; display: inline-block; } .header-content .more { text-align: right; } h1.title { font-size: 32px; font-weight: 800; text-transform: uppercase; margin: 0; } h2.title { font-size: 32px; font-weight: 800; margin: 0 0 40px 0; text-transform: uppercase; } .header-more { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; margin-bottom: 40px; } .header-more--404 { text-align: left; margin-bottom: 10px; } .header-more--404 .title { margin-bottom: 20px; } .header-more h2.title { width: 100%; } .header-more p { width: 45%; } .header-more a.more { padding: 0 30px; height: 48px; line-height: 48px; border: 2px solid #32B784; border-radius: 50px; font-size: 13px; font-weight: 600; text-decoration: none; text-transform: uppercase; transition: all 0.2s; box-sizing: border-box; } .header-more a.more:hover { background-color: #32B784; color: #fff; } /* kontentery strony ------------------------------------------------------------------------------ */ .container-max { max-width: 1320px; padding: 0 20px; margin: 0 auto; } .container-max-header { margin-bottom: 30px; background-color: #fff; position: relative; z-index: 150; /* -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.05); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.05); box-shadow: 0 2px 2px rgba(0,0,0,0.05); */ } #start-page .container-max-header { margin-bottom: 0; } .container-max-banner { background: #F7F8F9; margin-bottom: 100px; } .container-max-start { margin-bottom: 20px; } .container-max-default { margin-bottom: 20px; } .container-max-bottom { background-color: #11110E; padding-top: 20px; } #fullWidthContent { margin-bottom: 40px; } #categoryTitle { min-height: 32px; margin-bottom: 40px; } /* nagłówek strony ------------------------------------------------------------------------------ */ /* blok nad nagłówkiem */ #header-top { background-color: #F7F8F9; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; } #header-info { display: none; background: #11110E; position: relative; } #header-info p { display: inline-block; margin: 0; padding: 5px 0; color: #fff; font-size: 12px; text-align: center; } #header-info #closeHeaderInfo { width: 10px; height: 10px; background: transparent; border: 0; margin-left: 50px; color: #fff; background-image: url(../img/layout/close-btn.svg); background-position: center; background-repeat: no-repeat; cursor: pointer; } /* blok - dodatkowe menu */ #top-menu ul { margin: 0 0 0 10px; list-style-type: none; } #top-menu li { display: inline-block; margin-right: 5px; line-height: 30px; font-size: 12px; } #top-menu li a { color: #838D94; } /* blok - wersje językowe */ #lang-box { font-size: 12px; } #lang-box-wrapper { float: right; position: relative; } #lang-box-bar { margin: 0; padding: 0 10px; list-style-type: none; display: inline-block; } #lang-box-bar li { display: inline-block; padding: 0; line-height: 30px; margin-right: 10px; white-space: nowrap; } #lang-box-bar li span { color: #838D94; } #lang-box-bar li:last-child { margin-right: 0; } #lang-box-bar .change { cursor: pointer; color: #333; margin-right: 25px; position: relative; } #lang-box-bar .change::after { content:''; position: absolute; top: calc(50% - 10px); right: -25px; width:20px; height: 20px; background-image: url(../img/layout/arrow-down.svg); background-position: 50% 50%; background-repeat: no-repeat; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-transition: background-color 0.2s ease-out; -moz-transition: background-color 0.2s ease-out; -o-transition: background-color 0.2s ease-out; -ms-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out; } #lang-box-bar .change:hover::after { background-color: rgba(0,0,0,0.1); } #lang-box-bar .act::after { background-image: url(../img/layout/arrow-up.svg); } #lang-settings { display: none; position: absolute; min-width: 100%; z-index: 110; right: 0; } #lang-settings-wrapper { background-color: #fff; border: 1px solid #EBEEF0; padding: 10px; } #lang-settings .item { float: left; width: 100%; margin-bottom: 10px; } #lang-settings .col2 { width: 50%; } #lang-settings .col3 { width: 33.33%; } #lang-settings .title { font-weight: bold; } #lang-settings ul { margin: 0; list-style-type: none; } #lang-settings select { font-size: 12px; max-width: 100%; } #lang-submit { clear: both; text-align: center; } /* nagłówek główny */ #header-main { padding: 15px 0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-align-items: center; align-items: center; } /* nagłówek - logo */ #header-main #logo-wrapper { -webkit-flex:1 1 calc(23% - 10px); flex:1 1 calc(23% - 10px); margin-right: 10px; } #header-main #logo { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-align-content: center; align-content: center; -webkit-flex-direction: column; flex-direction: column; } #header-main #logo a { outline: 0; -webkit-align-self: flex-start; align-self: flex-start; } #header-main #logo img { display: block; } /* nagłówek - ikony z linkami */ #header-main .header-right { -webkit-flex:1 1 calc(20% - 10px); flex:1 1 calc(20% - 10px); } #header-main .icon-box { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-justify-content: flex-end; justify-content: flex-end; } #header-main .icon-box > a, #header-main .cart-header-wrapper { margin-left: 28px; text-decoration: none; text-align: center; position: relative; } #header-main .cart-header-wrapper > .cart-header { text-decoration: none; } #header-main .icon-box > a:first-child { margin-left: 0; } #header-main .icon > .value { position: absolute; font-weight: bold; right: -18px; top: -7px; background-color: #D8A100; width: 24px; height: 16px; line-height: 16px; text-align: center; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color: #fff; font-size: 12px; } #header-main .icon-box a > .title { font-size: 12px; color: #838D94; display: none; } #header-main .active .title { color: #333; } #header-main .favorite-header .title { color: #333; } #header-main .v0 .title { color: #838D94; } #header-main .v0 .value { display: none; } #header-main .icon-box .icon { display: block; margin: 0 auto; width: 30px; position: relative; height: 25px; background-repeat: no-repeat; background-position: 50% 50%; } #header-main .cart-header .icon { background-image: url(../img/layout/cart-icon.svg); } #header-main .favorite-header .icon { background-image: url(../img/layout/favorite-icon.svg); } #header-main .login-header .icon { background-image: url(../img/layout/account-icon.svg); } .cart-page .cart-header-wrapper .cart-header-box-wrapper { display: none; } .cart-header-wrapper .cart-header-box-wrapper { padding-top: 10px; position: absolute; min-width: 380px; max-width: 576px; right: 0; z-index: 300; opacity: 0; visibility: hidden; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } .cart-header-box { position: relative; border: 1px solid #e0e0e0; background-color: #fff; padding: 0; } .cart-header-wrapper:hover .cart-header-box-wrapper { opacity: 1; visibility: visible; } #header-main .cart-header-box .title-iconbox { margin: 10px 0; border-bottom: 1px solid #E0E0E0; padding: 0 160px 10px 20px; font-size: 20px; text-align: left; } #header-main .cart-header-box .title-iconbox .value:before, .sideMenu .cart_top .value::before { content: "("; } #header-main .cart-header-box .title-iconbox .value:after, .sideMenu .cart_top .value::after { content: ")"; } #cart-page .cart-header-box { display: none !important; } #cartContents { padding: 0 15px; max-height: 630px; overflow: auto; } #cartContents::-webkit-scrollbar { width: 7px; } #cartContents::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); } #cartContents::-webkit-scrollbar-thumb { background-color: rgba(0,0,0,0.6); border-radius: 10px; } #cartContents .cart-list, #mobileCart .cart-list { padding: 10px 0; } #cartContents .cart-list .cart-product, #mobileCart .cart-list .cart-product { display: flex; width: 66%; text-align: left; order: 1; } #cartContents .cart-list .cart-product .product-img, #mobileCart .cart-list .cart-product .product-img { float: unset !important; flex: 0 0 80px; } #cartContents .cart-list .cart-product .product-amount, #mobileCart .cart-list .cart-product .product-amount { font-size: 12px; color: #9c9c9c; } #cartContents .cart-list .cart-wartosc, #mobileCart .cart-list .cart-wartosc { width: calc(34% - 20px); order: 2; } #cartContents .cart-list .cart-ilosc, #mobileCart .cart-list .cart-ilosc { width: calc(12% - 5px); order: 3; margin: 0 0 0 5px; } #cartContents .remove-product, #mobileCart .remove-product { font-size: 0; background-color: transparent; background-image: url(../img/layout/remove-icon.svg); background-position: center; background-repeat: no-repeat; background-size: contain; border: 0; width: 25px; height: 20px; cursor: pointer; outline: none; opacity: 0.5; transition: opacity 0.15s; } #cartContents .remove-product:hover, #mobileCart .remove-product:hover { opacity: 0.7; } #cartContents .cart-suma, #mobileCart .cart-suma { color: #333; font-size: 18px; padding: 10px 0; } #cartContents .cart-suma .title, #mobileCart .cart-suma .title { font-weight: normal; text-align: left; } #cartContents .cart-suma .wartosc, #mobileCart .cart-suma .wartosc { margin-right: 0; } #cartContents .cart-suma { position: absolute; top: 0; right: 20px; font-weight: bold; color: #d8a100; } #cartContents .cart-suma .title { display: none; } #cartContents .cart-list-products, #mobileCart .cart-list-product { flex-wrap: wrap; } #cartContents .cart-list-products .cart-product, #mobileCart .cart-list-products .cart-product { width: 100%; margin-right: 0; } #cartContents .cart-list-products .product-content, #mobileCart .cart-list-products .product-content { flex: 1 1; } #cartContents .cart-list-products .product-info-wrapper, #mobileCart .cart-list-products .product-info-wrapper { display: flex; } #cartContents .cart-list-products .product-info, #mobileCart .cart-list-products .product-info { flex: 1 1; } #cartContents .center { margin-top: 10px; } #cartContents .cart-list.cart-list2 > .cart-cena, #cartContents .cart-list.cart-list2 > .cart-ilosc, #mobileCart .cart-list.cart-list2 > .cart-cena, #mobileCart .cart-list.cart-list2 > .cart-ilosc { display: none; } #mobileCart { padding: 0 10px; } #mobileCart > p { text-align: center; } /* nagłówek - telefon */ .header-phone { -webkit-flex: 1 1 12%; flex: 1 1 12%; margin-right: 10px; max-width: 145px; } .header-phone > a { display: block; text-align: center; font-weight: 600; border: 2px solid #32B784; background-color: #fff; border-radius: 25px; padding: 10px 5px; text-decoration: none; transition: all 0.2s; } .header-phone > a::before { content: ''; display: inline-block; vertical-align: text-bottom; width: 15px; height: 15px; margin-right: 8px; background-image: url(../img/layout/tel-icon.svg); background-position: center; background-repeat: no-repeat; } .header-phone > a:hover { background-color: #32B784; color: #fff; } .header-phone > a:hover::before { background-image: url(../img/layout/tel-icon-white.svg); } /* nagłówek - wyszukiwarka */ #header-search { -webkit-flex:1 1 calc(44% - 35px); flex:1 1 calc(44% - 35px); display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; position: relative; margin-right: 35px; } #header-search-cont { -webkit-flex: 1 1; flex: 1 1; } /* #header-search #search { position: relative; } */ #header-search fieldset { padding: 0 60px 0 0; margin: 0; background-color: #fff; border: 0; border-bottom: 1px solid #11110E; position: relative; } #header-search legend { display: none; } #header-search #query { height: 40px; padding: 0 10px 0 4px; width: 100%; border: 0; outline: none; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* IE 8+ */ } #header-search #search-btn { position: absolute; right: 0; top: 0; padding: 8px 10px; border-radius: 20px; border: 0; background: transparent; transition: all 0.2s; cursor: pointer; } #header-search:hover #search-btn { padding: 8px 20px; background-color: #11110E; } #header-search:hover #search-btn circle, #header-search:hover #search-btn line { stroke: #fff; } #header-search a#header-search-adv { position: absolute; right: 0; top: 0; text-indent: -9999px; font-size: 0; width: 40px; height: 42px; background: url(../img/layout/adv-btn.svg) 50% 50% no-repeat; } .header-search-list {display:none;position:absolute;z-index:1000;background-color:#fff;left: 0;width: 100%;} #search-results { background-color:#fff; border:1px solid #9A9A9A; line-height:normal; -moz-box-shadow: 0 5px 5px rgba(0,0,0,0.3); -webkit-box-shadow: 0 5px 5px rgba(0,0,0,0.3); box-shadow: 0 5px 5px rgba(0,0,0,0.3); } #search-results .product-list { margin: 0; border-left: 0; } #search-results .product { clear:both; padding:5px 0; border-bottom:1px solid #F3F3F3; } #search-results .product:last-child { border-bottom: 0; } #search-results .product-box { display:table; width:100%; padding:0; } #search-results .product-img { display:table-cell; vertical-align:top; width:72px; padding:0; text-align:center; } #search-results .product-img img { max-height:60px; display: block; margin: 0 auto; } #search-results .product h4 { font-size:13px; margin:0; font-weight: normal; } #search-results .product p { margin:0; color:#999; font-size:12px;} #search-results .description { display:table-cell; vertical-align:top; padding-left: 10px; } #search-results .price { display:table-cell; width: 120px; vertical-align:top; text-align:right; } #search-results .price strong { font-size:16px; } #search-results .pages { float:left; width: 100%; padding-left: 0; } #search-results .pages-top { border-bottom: 1px solid #E9E9E9; padding-bottom: 5px; } #search-results .pages-bottom { border-top: 1px solid #E9E9E9; padding-top: 5px; } #search-results a.prev { float:left; color: #32B784; font-weight: bold; } #search-results a.next { float:right; color: #32B784; font-weight: bold; } #search-results .not-exists { padding: 10px; font-size: 12px; } #search-results .not-exists h3 { font-size: 14px; margin: 0 0 10px 0; } #search-results .search-items { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; } #search-results .search-item1 { -webkit-flex: 1 1; flex: 1 1; padding: 20px; border-right: 1px solid #E9E9E9; } #search-results .search-item2 { -webkit-flex: 3 3; flex: 3 3; padding: 10px 20px; } #search-results .search-item1 p { line-height: 1.3em; margin: 0 0 5px 0;font-size: 12px; } #search-results .search-item1 p:first-child { margin-bottom: 20px; font-size: 14px; } #search-results .search-item1 a { outline: 0; } #search-results .search-item1 p.active { font-weight: bold; } #search-results .search-item1 p a > span { color: #999; } #search-results .search-item1 h5 { font-size: 16px; font-weight: normal; padding: 0; margin: 0 0 10px 0; line-height: 1.3em; } /* support widget */ .support-widget-container { display: block; position: fixed; top: 200px; right: 50px; z-index: 500; } .support-widget-container #support-widget { display: block; position: absolute; top: 12px; right: 12px; cursor: pointer; width: 64px; height: 64px; border: 4px solid #32B784; border-radius: 50%; background-image: url(../img/layout/support-widget.png); background-position: center; background-repeat: no-repeat; transition: all 0.2s; z-index: 501; } .support-widget-container #support-widget.active { background-color: #11110E; background-image: url(../img/layout/x-icon.svg); } .support-widget-content { display: none; padding: 30px 45px; background-color: #fff; width: 310px; border-radius: 0 0 0 25px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); box-sizing: border-box; } .support-widget-content > header { margin-bottom: 18px; } .support-widget-content > .phone { font-size: 20px; margin-bottom: 0; } .support-widget-content > .hours { font-size: 12px; margin-bottom: 0; } .support-widget-content > .mail { margin: 18px 0; } .support-widget-content > .mail > a { color: #32B784; } .support-widget-content .fb a { display: inline-block; height: 32px; line-height: 32px; border: 2px solid #4172B8; border-radius: 25px; text-transform: uppercase; font-size: 12px; font-weight: 600; padding: 0 15px; text-decoration: none; transition: all 0.2s; } .support-widget-content .fb a svg { display: inline-block; vertical-align: text-bottom; margin-right: 10px; } .support-widget-content .fb a svg path { fill: #11110E; } .support-widget-content .fb a:hover { background-color: #4172B8; color: #fff; } .support-widget-content .fb a:hover svg path { fill: #fff; } /* bloki layoutu strony */ .container-side { float: left; width: 23.5%; clear: left; box-sizing: border-box; } .container-main { float: right; width: 76.5%; box-sizing: border-box; } .content-box { clear: both; border: 1px solid #EBEEF0; background-color: #fff; margin-bottom: 20px; } .sbox { padding: 20px; } .side50 { float: left; width: 50%; } /* bloki w bocznym menu */ .box-left { margin-bottom: 20px; } .box-left-content { padding: 15px; } .box-left .box-left-header { font-size: 16px; font-weight: bold; margin: 0; padding: 0 12px 0 0; background-position: calc(100% - 15px) center; background-repeat: no-repeat; } .box-left .box-title { font-size: 1em; margin: 0 0 10px 0; } /* producenci na stronie startowej */ #box-producer { margin-bottom: 100px; border-top: 1px solid #E2E2E2; border-bottom: 1px solid #E2E2E2; } #box-producer-cont { margin: 0 30px; } #box-producer ul { margin: 0; list-style-type: none; } #box-producer li { float: left; width: 200px; height: 90px; padding: 15px 0; margin-right: 20px; } #box-producer li a { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; height: 100%; padding: 0; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; -webkit-flex-direction: column; flex-direction: column; position: relative; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } #box-producer li .box-producer-logo { background-color: #fff; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 10px; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; -webkit-flex-direction: column; flex-direction: column; box-sizing: border-box; } #box-producer li .box-producer-logo img { max-height: 100%; filter: grayscale(1); opacity: 0.8; transition: all 0.2s; } #box-producer li a:hover img { filter: grayscale(0); opacity: 1; } /* menu klienta */ #box-client ul { margin: 0; list-style-type: none; } #box-client li { margin-bottom: 3px; } #box-client li:last-child { margin-bottom: 0; } #box-client #logout a { color: #d8a100; } #box-client p { color: #838D94; } /* ostatnio oglądane */ #last-viewed .box-left-header { margin-bottom: 20px; } #last-viewed ul { margin: 0; list-style-type: none; } #last-viewed li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #EBEEF0; } #last-viewed .product { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; } #last-viewed .product-img { width: 80px; margin-right: 10px; text-align: center; } #last-viewed .product-img a { display: block; } #last-viewed .product-img img { display: block; margin: 0 auto; } #last-viewed .description { -webkit-flex: 1 1; flex: 1 1; } #last-viewed .product h4 { font-size: 12px; line-height: 1.5em; font-weight: normal; margin-bottom: 5px; } #last-viewed .product .price strong { font-size: 14px; font-weight: bold; } #last-viewed .product .price del { font-size: 12px; } /* tagi */ #tags .box-left-header { margin-bottom: 20px; } #tags ul { margin: 0; list-style-type: none; } #tags li { margin: 0; padding: 0 12px 0 0; } #tags .active { font-weight: bold; } /* główne menu */ #main-menu { border-bottom: 1px solid #E2E2E2; padding: 0 30px; } #main-menu ul { margin: 0; list-style-type: none; } #main-menu .categories { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; position: relative; } #main-menu .categories > li { flex: 1 1; margin: 0; } #main-menu .categories > li:nth-of-type(1) { order: 1; } /* MEBLE */ #main-menu .categories > li:nth-of-type(2) { order: 2; } /* POMIESZCZENIA */ #main-menu .categories > li:nth-of-type(3) { order: 4; } /* OUTLET */ #main-menu .categories > li:nth-of-type(4) { order: 7; } /* OSWIETLENIE */ #main-menu .categories > li:nth-of-type(5) { order: 8; } /* DODATKI */ #main-menu .categories > li:nth-of-type(6) { order: 6; } /* PRODUCENCI */ #main-menu .categories > li:nth-of-type(7) { order: 3; } /* OD REKI */ #main-menu .categories > li:nth-of-type(8) { order: 5; } /* PROMOCJE */ #main-menu .categories > li:nth-of-type(9) { order: 9; } /* KONTAKT */ #main-menu .categories > li:nth-of-type(10) { order: 10; } /* BLOG */ #main-menu .categories > li > ul { display:none; } #main-menu .categories > li > img { display: none; } #main-menu .categories > li > a { display: block; position: relative; padding: 0 20px; line-height: 50px; font-size: 16px; text-align: center; text-transform: uppercase; font-weight: 600; text-decoration: none; z-index: 201; transition: all 0.2s; } #main-menu .categories > li > a.blog-menu { background-color: #FFBE00; color: #fff; } #main-menu .categories > li > a.odreki-menu { background-color: #ff0000; color: #fff; } /* #main-menu .categories > li > a.Oświetlenie::before { content: 'NOWOŚĆ'; display: block; position: absolute; bottom: -8px; left: 50%; height: 16px; line-height: 18px; font-size: 8px; font-weight: 700; transform: translateX(-50%); background-color: #11110E; color: #fff; padding: 0 10px; z-index: 5; } */ #main-menu .categories > li.subcat > a:hover, #main-menu .categories > li.subcat:hover > a { color: #fff;} #main-menu .categories > li > a::after { content: ''; display: block; position: absolute; bottom: -2px; left: 0; width: 100%; border-bottom: 3px solid #32B784; visibility: hidden; opacity: 0; transition: all 0.2s; z-index: 3; } #main-menu .categories > li > a:hover::after, #main-menu .categories > li:hover > a::after { visibility: visible; opacity: 1; color: #fff;} #main-menu .categories > li > a > span { display: none; } #main-menu .categories > li > .sub-wrapper { border-top: 1px solid #D1D5D7; position: absolute; left: -30px; z-index: 200; top: calc(100% + 2px); width: calc(100% + 60px); background-color: #F7F8F9; opacity: 0; visibility: hidden; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -moz-box-shadow: 0 0 1000px 1000px rgba(17,17,14,0.6); -webkit-box-shadow: 0 0 1000px 1000px rgba(17,17,14,0.6); box-shadow: 0 0 1000px 1000px rgba(17,17,14,0.6); opacity: 0; visibility: hidden; transition: all 0.2s; } /* #main-menu .categories > li > .sub-wrapper::before { content: ''; display: block; position: fixed; z-index: 100; top: 0; left: 0; width: 100%; height: 100%; background: rgba(17,17,14,0.6); } */ #main-menu .categories > li > .sub-wrapper > ul { -webkit-flex: 1 1; flex: 1 1; padding: 20px; -moz-column-count: 4; -webkit-column-count: 4; column-count: 4; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; } #main-menu .categories > li.subcat-prom > .sub-wrapper > ul { -moz-column-count: 3; -webkit-column-count: 3; column-count: 3; } #main-menu .categories > li:hover > .sub-wrapper { opacity: 1; visibility: visible; } #main-menu .categories > li > .sub-wrapper > ul > li { padding-bottom: 10px; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid; } #main-menu .categories > li > .sub-wrapper > ul > li > img { display: none; } #main-menu .categories > li > .sub-wrapper > ul > li > a { text-transform: uppercase; font-weight: 700; } #main-menu .categories > li > .sub-wrapper > ul > li > ul { padding-left: 5px; -webkit-flex: 0 0 100%; flex: 0 0 100%; } #main-menu .categories > li span { color: #838D94; } #main-menu .categories > li > .sub-wrapper > ul > li > ul > li > img { display: none; } #main-menu .categories > li > .product-wrapper { display:none; } #main-menu .product-wrapper { -webkit-flex: 0 1 25%; flex: 0 1 25%; background-color: #fff; } #main-menu .product { padding: 24px; } #main-menu .product .product-img-warpper { max-width: 240px; margin: 0 auto 20px auto; } #main-menu .product .product-img { display: block; padding-bottom: 100%; position: relative; } #main-menu .product .product-img-link { position: absolute; top: 0; left: 0; bottom: 0; right: 0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; -webkit-flex-direction: column; flex-direction: column; } #main-menu .product .product-img-link img { max-height: 100%; } #main-menu .product .description { margin-bottom: 5px; } #main-menu .product .price { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between; padding-top: 15px; border-top: 1px solid #E2E2E2; margin-bottom: 15px; } #main-menu .product .price .pprice { font-weight: 700; color: #11110E; } #main-menu .product .price img { display: none; } /* mobile menu */ .slicknav_btn { position: relative; display: block; vertical-align: middle; cursor: pointer; margin: 0; text-decoration:none; height: 40px; line-height: 40px; padding: 0 10px; font-weight: bold; background-repeat: no-repeat; } #mobileMenu .slicknav_btn { border-top: 1px solid #333; border-bottom: 1px solid #333; background-image: url(../img/layout/menu-icon.svg); background-position: 10px 50%; padding-left: 40px; } #clientMenu .slicknav_btn { background-color: #F5F6F7; background-image: url(../img/layout/menu-icon.svg); background-position: 10px 50%; padding-left: 40px; } #clientMenu .slicknav_nav { border-top: 1px solid #EBEEF0;} #articlesMenu .slicknav_btn { background-color: #F5F6F7; background-image: url(../img/layout/menu-icon.svg); background-position: 10px 50%; padding-left: 40px; } .slicknav_open { } .slicknav_menu .slicknav_menutxt { display: block; float: left; text-transform: uppercase; } .slicknav_menu .slicknav_no-text { margin: 0 } .slicknav_nav { clear: both; margin:0; padding:0; background-color: #F5F6F7; } .slicknav_nav, .slicknav_nav ul { list-style: none; overflow:hidden; } .slicknav_nav ul, .slicknav_nav li { display: block } .slicknav_nav > li { border-bottom: 1px solid #EBEEF0; } .slicknav_nav > li.slicknav_open { } .slicknav_nav ul { margin: 0; } .slicknav_nav .slicknav_arrow { font-size: 0.8em; font-weight: normal; margin: 0 0 0 0.4em; width: 20px; text-align: center; color: #fff; background-color: #999999; float: right; } .slicknav_nav .slicknav_item { cursor: pointer; } .slicknav_nav .slicknav_row { display: block; padding: 6px 15px; margin: 0; } .slicknav_nav a { display: block; padding: 6px 15px; margin: 0; text-decoration:none; } .slicknav_nav li.blog-menu-mobile { background-color: #FFBE00; } .slicknav_nav li.blog-menu-mobile > a { position: relative; font-weight: 600; color: #fff; } /* .slicknav_nav .slicknav_row.blog-menu > a::after { content: 'NOWOŚĆ'; display: inline-block; vertical-align: middle; margin-left: 10px; height: 16px; line-height: 18px; font-size: 8px; font-weight: 600; background-color: #11110E; color: #fff; padding: 0 5px; } */ .slicknav_nav ul a { padding-left: 30px; } .slicknav_nav ul ul a { padding-left: 45px; } .slicknav_nav ul ul ul a { padding-left: 60px; } .slicknav_nav ul ul ul ul a { padding-left: 75px; } .slicknav_nav ul .slicknav_row { padding-left: 30px; } .slicknav_nav ul ul .slicknav_row { padding-left: 45px; } .slicknav_nav ul ul ul .slicknav_row { padding-left: 60px; } .slicknav_nav ul ul ul ul .slicknav_row { padding-left: 75px; } .slicknav_nav .active > a, .slicknav_nav .active > span > a, .slicknav_nav .activeSubcategory > span > a { font-weight: bold; } .slicknav_nav > li > a, .slicknav_nav .slicknav_item > a { } .slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a { display: inline; padding:0; margin:0; } .slicknav_nav .slicknav_row:hover { background:#4D4D4D; } .slicknav_nav .slicknav_row.blog-menu:hover { background: #FFBE00; } .slicknav_nav .slicknav_item:hover a { color:#fff; } .slicknav_nav a:hover{ background: #4D4D4D; color:#fff; } .slicknav_nav a span { color: #999; } .slicknav_nav .slicknav_txtnode { margin-left:15px; } .slicknav_menu:before, .slicknav_menu:after { content: " "; display: table; } .slicknav_menu:after { clear: both } .slicknav_nav img { display: none; } .slicknav_menu .product-wrapper { display:none; } .slicknav_menu { display:none; } /* elementy wysuwanego bocznego menu */ body.nobar { overflow: hidden; } .sideMenu-bg { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 600; background-color: rgba(0,0,0,0.5); opacity: 0; visibility: hidden; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; } .sideMenu-bg.active { opacity: 1; visibility: visible; } .sideMenu { position: fixed; top: 0; /* left: -320px; */ bottom: 0; z-index: 700; width: 100%; max-width: 320px; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; opacity: 0; visibility: hidden; -moz-box-shadow: 5px 0 15px rgba(0,0,0,0.2); -webkit-box-shadow: 5px 0 15px rgba(0,0,0,0.2); box-shadow: 5px 0 15px rgba(0,0,0,0.2); } #mySidenav { left: -320px; } #mySideCart { right: -320px; } .sideMenu .cart_top { color: #fff; } .sideMenu.active { opacity: 1; visibility: visible; } #mySidenav.active { transform: translateX(320px); } #mySideCart.active { transform: translateX(-320px); } .sideMenu-cont { padding-top: 40px; width: 100%; height: calc(100% - 40px); background-color: #fff; overflow-x: hidden; position: relative; } #mySideCart-cont { padding-top: 45px; } #link-mobile { background: #333 url(../img/layout/menu-icon2.svg) 50% 50% no-repeat; font-weight: bold; padding: 0 20px 0 20px; font-size: 0; line-height: 40px; margin-right: 10px; text-transform: uppercase; cursor: pointer; color: #fff; display: none; } .sideMenu-close-wrapper { position: absolute; background-color: #333; height: 40px; width: 100%; max-width: 320px; top: 0; } .sideMenu-close-wrapper strong { display: inline-block; padding: 0 15px; line-height: 40px; text-transform: uppercase; color: #fff; } .sideMenu-close { text-decoration: none; height: 40px; width: 40px; float: right; background: #fff url(../img/layout/close-mobile-icon.svg) 50% 50% no-repeat; display: block; } #mySideCart-close.sideMenu-close { float: left; } #mySidenav .slicknav_btn { display: none; } #mySidenav .slicknav_menu { display: block; } #mySidenav .slicknav_menu .slicknav_nav.slicknav_hidden { display: block !important; } /* menu boczne */ #side-menu ul { margin: 0; list-style-type: none; } #side-menu .categories > li { margin: 0; padding: 5px 15px; border-bottom: 1px solid #EBEEF0; } #side-menu .categories > .activeSubcategory, #side-menu .categories > .active { padding: 0; border-bottom: 0; } #side-menu .categories > .activeSubcategory > .main-cat, #side-menu .categories > .active > .main-cat { display: block; font-size: 16px; margin-bottom: 20px; } #side-menu .categories > .activeSubcategory > .main-cat a, #side-menu .categories .active > a, #side-menu .categories .active > .main-cat a { font-weight: bold; } #side-menu .categories .active > a { color: #32B784; } /* #side-menu .categories > .activeSubcategory > ul, #side-menu .categories > .active > ul { padding-left: 15px; } */ #side-menu .categories > li > ul { position: relative; padding-left: 1px; } #side-menu .categories > li > ul::before { content: ''; display: block; position: absolute; height: calc(100% - 30px); border-left: 1px solid #32B784; top: 13px; left: 0; } #side-menu .categories > li > ul > li { padding: 5px 10px 5px 15px; position: relative; } #side-menu .categories > li > ul > li::before { content: ''; display: block; position: absolute; top: 13px; left: 0; width: 8px; border-top: 1px solid #32B784; } #side-menu .categories > li > ul > li > a { text-decoration: none; } #side-menu .categories > li > ul > li:hover > a { color: #32B784; } #side-menu .categories > li > ul ul { margin: 5px 0; } #side-menu .categories > li > ul ul > li { position: relative; padding-left: 10px; margin-bottom: 5px; } #side-menu .categories > li > ul ul > li::before { content: ''; display: block; position: absolute; top: 9px; left: -15px; width: 19px; border-top: 1px solid #32B784; } #side-menu .categories > li > ul ul li:last-child { margin-bottom: 0; } #side-menu .categories li img { display: none; margin-bottom: 5px; } #side-menu .categories li a > span { color: #838D94; } #side-menu #box-left-best > li { margin: 0; padding: 5px 15px; border-bottom: 1px solid #EBEEF0; font-weight: bold; } /* blok z kategoriami na stronie startowej */ .categories-section { margin-bottom: 60px; } .categories-section__items { display: grid; grid-gap: 24px; grid-template-columns: repeat(3, 1fr); } .categories-section__item { text-decoration: none; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; gap: 24px; border-bottom: 1px solid #e2e2e2; } .categories-section__name { font-weight: normal; align-self: center; } .categories-section__img-wrapper { -webkit-flex: 0 1 80px; flex: 0 1 80px; padding: 10px; text-align: center; position: relative; } .categories-section__img { height: 100%; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; -webkit-flex-direction: column; flex-direction: column; } .categories-section__img-wrapper::after { content:''; position: absolute; bottom:-1px; left: 0; width: 100%; height: 2px; background-color: #32b784; } /* hit dnia */ #hits { margin-bottom: 40px; position: relative; } #hits-wrapper { margin-bottom: 10px; border: 1px solid #F0F2F5; border-bottom-color: #D1D5D7; border-top-color: #F5F7FA; } .product-hit-items { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-align-items: center; align-items: center; } .product-hit-item { -webkit-flex: 1 1 50%; flex: 1 1 50%; position: relative; } .product-hit-item.item2 { border-left: 1px solid #EBEEF0; } .product-hit { background-color: #fff; } .product-hit .product-img-wrapper { margin: 0 auto; max-width: 560px; padding: 10px; } .product-hit .product-img { width:100%; padding-bottom: 100%; position: relative; } .product-hit .product-img-link { position: absolute; top: 0; left: 0; bottom: 0; right: 0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; -webkit-flex-direction: column; flex-direction: column; } .product-hit .product-img-link img { max-height: 100%; } .product-hit .description { padding: 20px; } .product-hit h3 { font-size: 24px; margin: 0 0 10px 0; font-weight: normal; } .product-hit h5 { margin: 0 0 10px 0; font-size: 1em; } .product-hit .desc-short { margin-bottom: 10px; color: #838D94; } .product-hit .price-item { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; } .product-hit .price { margin-right: 20px; } .product-hit .price .title { display: none; } .product-hit .price .pprice { font-size: 24px; } .product-hit .prom-price .pprice { color: #d8a100; } .product-hit del { margin-right: 5px; } .product-hit a.add-to-cart, .product-hit a.ask { display: none; } /* zakładki na stronie głównej */ #startbox-header { margin-bottom: 20px; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-end; align-items: flex-end; } #startbox-header ul { padding: 0; margin: 0; list-style-type: none; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; } #startbox-header ul li { padding: 0; margin: 0 5px 0 0; background: #F5F6F7; } #startbox-header ul li:last-child { margin-right: 0; } #startbox-header ul li a { display: block; padding: 0 20px; height: 40px; line-height: 40px; color: #333; text-align: center; text-decoration: none; font-weight: bold; text-transform: uppercase; } #startbox-header ul li.active { background: #d8a100; } #startbox-header ul li.active a { color: #fff; } #startbox-header a.more { display: none; color: #d8a100; } #startbox .product-list { margin-bottom: 0; } #index-banner { margin-bottom: 20px; } #index-banner h3 { margin: 0 0 20px 0; font-size: 36px; font-weight: normal; float: left; width: 45%; line-height: 1.2em; letter-spacing: -1px; } #index-banner p { font-size: 16px; } #popular-categories { margin-bottom: 80px; } #popular-categories #popular-categories-pagination { margin-top: 30px; } #popular-categories .popular-category p { margin-top: 13px; padding-top: 17px; border-top: 1px solid #E2E2E2; font-weight: 600; text-transform: uppercase; } #fabryka-sypialni { position: relative; padding: 140px 0 1px; margin-bottom: 120px; text-align: center; color: #fff; } #fabryka-sypialni::before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 85%; background-color: #000; z-index: -1; } #fabryka-sypialni::after { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background-image: url(../img/layout/fabryka-sypialni-bg.jpg); background-position: center bottom; background-repeat: no-repeat; filter: brightness(65%); } #fabryka-sypialni > .container-max { max-width: 650px; } #fabryka-sypialni h2 { font-size: 64px; font-weight: 800; text-transform: uppercase; margin: 0 0 30px; } #fabryka-sypialni p { font-size: 16px; margin-bottom: 45px; } #fabryka-sypialni a { display: inline-block; margin: 0 auto; border: 2px solid #53236E; border-radius: 25px; padding: 0 30px; height: 49px; line-height: 49px; margin-bottom: 90px; background-color: transparent; color: #fff; text-transform: uppercase; font-size: 12px; font-weight: 600; text-decoration: none; box-sizing: border-box; } #fabryka-sypialni a:hover { background-color: #53236E; } #fabryka-sypialni img { display: block; margin: 0 auto 89px; } .info-icons { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; flex-wrap: wrap; margin-bottom: 80px; } .info-icon-item { position: relative; width: 25%; padding: 12px; text-align: center; box-sizing: border-box; } .info-icon-item::before { content: ''; display: block; position: absolute; top: 60px; left: 0; width: 100%; border-top: 1px solid #E2E2E2; } .info-icon-img { display: flex; align-items: center; justify-content: center; position: relative; width: 135px; height: 95px; margin: 0 auto 5px; background-color: #fff; } .info-icon-content > strong { display: block; font-weight: 600; margin-bottom: 24px; } #promotion-categories-start .title > span { display: inline-block; vertical-align: super; background-color: #D8A100; color: #fff; font-weight: 700; font-size: 8px; padding: 0 10px; line-height: 16px; } /* slider */ .page-slider-wrapper { position: relative; } .page-slider ul { margin: 0; list-style-type: none; } .page-slider ul > li { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center; } .page-slider ul img { max-width: 100%; display: block; height: auto; } .swiper-pagination.page-slider-pagination { z-index: 100; position: absolute; bottom: -8px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } /* strona listy produktów ------------------------------------------------------------------------------ */ #breadcrumbs { font-size: 12px; margin: 0 0 90px 0; } #breadcrumbs > ol { list-style-type: none; margin: 0; padding: 0; } #breadcrumbs > ol > li { margin: 0; display: inline-block; } #breadcrumbs > ol > li > .mark { margin: 0 4px; } #banner-user { margin-bottom: 20px; } /* lista produktów */ #promotion-cat-content { padding-bottom: 46px; } .product-list { margin: 0 0 20px 0; border-left: 1px solid #E2E2E2; } .product-list > div { padding-left: 20px; } .product-list .note { text-align: center; margin: 20px; } .product h4 { margin-bottom: 6px; font-weight: 600; text-transform: uppercase; height: 38px; overflow: hidden; } .product h5 { margin: 0 0 10px 0; font-size: 1em; font-weight: normal; color: #838D94; } .product .price .pprice { font-size: 16px; font-weight: normal; white-space: nowrap; color: #4E4E4E; } .product .prom-price .pprice { color: #DC0404; } .product .price .title { display: none; } .product del { margin-right: 5px; } .product .price .installment strong { } .product .desc-short { color: #11110E; overflow: auto; max-height: 70px; } .product .desc-short span { display: block; font-weight: normal; font-size: 12px; margin-bottom: 4px; } .product .desc-short span::before { content: ''; display: inline-block; width: 10px; height: 10px; margin-right: 8px; vertical-align: middle; background-image: url(../img/layout/check-icon.svg); background-position: center; background-repeat: no-repeat; } .product .desc-short::-webkit-scrollbar { width: 8px; } .product .desc-short::-webkit-scrollbar-track { background-color: #E8E8E8; border-radius: 5px; } .product .desc-short::-webkit-scrollbar-thumb { background-color: #11110E; border-radius: 5px; cursor: pointer; } .legzemplarzy strong { display: inline-block; position: relative; top: 1px; width: 50px; height: 10px; background: url(../img/layout/liczba-egzemplarzy.svg) 0 0 no-repeat; } .legzemplarzy .el10 { background-position: 0 -10px; } .legzemplarzy .el30 { background-position: 0 -20px; } .legzemplarzy .el50 { background-position: 0 -30px; } .legzemplarzy .el70 { background-position: 0 -40px; } .legzemplarzy .el100 { background-position: 0 -50px; } .product-list .legzemplarzy { margin-bottom: 5px; } .product-right .legzemplarzy { display: none; } .prom-txt { margin-bottom: 5px; } .prom-txt em { font-size: 10px; padding: 2px 5px; color: #fff; background: #ea1d1d; display: inline-block; font-style: normal; font-weight: 600; } .delivery { margin-bottom: 5px; } .product .remove-fav { white-space: nowrap; color: #d8a100; display: inline-block; } .prom-icons { position: absolute; top: 0px; left: 0px; margin: 0; z-index: 50; } .prom-icons em { display: inline-block; margin-right: 1px; line-height: 25px; padding: 0 5px; font-style: normal; font-size: 10px; font-weight: bold; text-transform: uppercase; } .prom-icons em.new { background-color: #D8A100; color: #fff; } .prom-icons em.bestseller { background-color: #4EAC5E; color: #fff; } .prom-icons em.sale { background-color: #DD0101; color: #fff; } .prom-icons em.best_price { background-color: #F7B900; color: #fff; } .prom-icons .installment0 { background-color: #dc0404; color: #fff; } a.add-to-cart, a.ask { display: block; height: 30px; line-height: 30px; text-align: center; font-weight: bold; text-decoration: none; text-transform: uppercase; font-size: 12px; border-bottom: 1px solid #DC0404; } a.ask { border-bottom-color: #838D94; } a.add-to-cart:hover { color: #DC0404; } .product-list-content { margin-bottom: 10px; padding-left: 20px; } #start-page .product-list-content { margin-bottom: 0; } .product-list__contact-box { padding: 15px; border: 4px solid #FFBE00; box-sizing: border-box; display: flex; align-items: center; } .contact-box__icon { display: block; width: 80px; height: 80px; margin: 0 auto 20px; background: url("../img/layout/headphones.svg") center / 80px no-repeat; } .contact-box__content { text-align: center; display: flex; flex-direction: column; align-items: center; } .contact-box__content:hover { text-decoration: none; } .contact-box__content:hover .contact-box__heading { text-decoration: underline; } .contact-box__heading { font-size: 18px; font-weight: bold; text-transform: uppercase; } .contact-box__phone { margin-bottom: 10px; color: #888; font-size: 16px; } .contact-box__info { max-width: 90%; font-size: 16px; } /* lista produktów wiersz */ .product-list-default .product { margin-bottom: 20px; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; } .product-list-default .product-img { width: 240px; padding: 10px; margin-right: 20px; text-align: center; position: relative; border: 1px solid #F0F2F5; border-bottom-color: #D1D5D7; border-top-color: #F5F7FA; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .product-list-default .product:hover .product-img { border-color: transparent; -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2); box-shadow: 0 5px 10px rgba(0,0,0,0.2); } .product-list-default .product-img-link { outline: 0; display: block; } .product-list-default .product-description { border-bottom: 1px solid #EBEEF0; padding-bottom: 20px; -webkit-flex: 1 1; flex: 1 1; } .product-list-default .description-wrapper { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; height: 100%; } .product-list-default .description { -webkit-flex: 1 1; flex: 1 1; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: space-between; justify-content: space-between; margin-right: 20px; } .product-list-default .description h4 { height: auto; margin-bottom: 10px; } .product-list-default .description .category strong { color: #838D94; } .product-list-default .product .desc-short { max-height: 175px; } .product-list-default .price { min-width: 200px; text-align: right; } .product-list-default .price .item { display: block; margin: 0 0 5px 0;} .product-list-default .price .item .pprice { font-size: 20px; } .product-list-default .price .item del { font-size: 16px; } .product-list-default a.add-to-cart, .product-list-default a.ask { margin: 5px 0 0 auto; max-width: 150px; } .product-list-default .amount { margin: 0 0 10px 0; } .product-list-default .prom-icons { top: 10px; left: 10px; } .product-list-default .product-actions { padding: 5px 0; justify-content: flex-start; } .product-list-default .product-actions li:first-child { margin-right: 15px; } /* lista produktów prosta */ .simple .prom-icons { position: static; top: auto; left: auto; margin-bottom: 5px; } /* blok zdjecia dla galeria i slider */ .product-list-gallery .product-img-warpper2, .product-list-slider .product-img-warpper2 { position: relative; margin-bottom: 15px; border: 1px solid transparent; transition: all 0.2s; } .product-list-gallery .product-img-warpper, .product-list-slider .product-img-warpper { max-width: 240px; margin: 0 auto; } .product-list-gallery .product-img, .product-list-slider .product-img { display: block; padding-bottom: 100%; position: relative; } .product-list-gallery .product-img-link, .product-list-slider .product-img-link { position: absolute; top: 0; left: 0; bottom: 0; right: 0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-align-items: center; align-items: center; -webkit-flex-direction: column; flex-direction: column; } .product-list-gallery .product-img-link img, .product-list-slider .product-img-link img { max-height: 100%; } .product-list-gallery .prom-txt, .product-list-slider .prom-txt { position: absolute; bottom: 0; left: 0; margin-bottom: 0; z-index:100; } .product-list-slider--404 { margin-top: 60px; } .product-list-gallery .product-box, .product-list-slider .product-box { position: relative; background-color: #fff; /* height: calc(100% - 22px); */ height: 100%; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-flex-direction: column; flex-direction: column; -webkit-transition: background 0.2s ease-out; -moz-transition: background 0.2s ease-out; -o-transition: background 0.2s ease-out; -ms-transition: background 0.2s ease-out; transition: background 0.2s ease-out; } .product-list-gallery .product-main-box, .product-list-slider .product-main-box { padding: 15px 15px 0; } .product-list-gallery .additional-description, .product-list-slider .additional-description { display: none; } .product-list-gallery .product:hover .product-box, .product-list-slider .product:hover .product-box { position: absolute; width: 100%; height: auto; background: #fafafa; border-color: transparent; -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2); box-shadow: 0 5px 10px rgba(0,0,0,0.2); z-index: 60; } .product-list-gallery .product:hover .product-img-warpper2, .product-list-slider .product:hover .product-img-warpper2 { background-color: #fff; border-color: #F2F2F2; } .product-list-gallery .product:hover .additional-description, .product-list-slider .product:hover .additional-description { display: block; } .product-list-gallery .price, .product-list-slider .price { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between; padding-top: 15px; border-top: 1px solid #E2E2E2; margin-bottom: 15px; } #windowcart-recommended .product-list-gallery .product:hover .product-box { position: relative; } /* lista produktów galeria */ .product-list-gallery { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 0 20px; } .product-list-gallery .product { position: relative; margin-bottom: 40px; } .product-list-gallery .description-wrapper { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-flex-direction: column; flex-direction: column; -webkit-flex: 1 1; flex: 1 1; } .product-list-gallery .description { -webkit-flex: 1 1; flex: 1 1; } .product-list-gallery .description h5 { display: none; } .product-list-gallery .desc-short { padding: 15px; } .product-list-gallery .price { margin-bottom: 0; } .product-list-gallery .price .item { display: block; margin: 0 0 5px 0; } .product-list-gallery .price .item:last-child { margin-bottom: 0; } .product-list-gallery .installment { display: none; } .gallery2 .product { width: calc(50% - 10px); } .gallery2 .product:nth-child(2n) { margin-right: 0; } .gallery2 .product-img-warpper { max-width: 500px; } .gallery3 .product { width: calc(33.333333333% - 13.333333333px); } .gallery4 .product { width: calc(25% - 15px); } .gallery5 .product { width: calc(20% - 8px); margin-right: 10px;} .gallery5 .product-img-warpper { padding: 5px; } .product__related-list { list-style-type: none; margin: 0; padding: 6px; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 5px; } .product__related-item { width: calc(20% - 4px); } .product__related-item--more { display: block !important; } .product__related-link-wrapper { padding-top: 100%; position: relative; } .product__related-link { border: 1px solid #f0f2f5; position: absolute; top: 0; left: 0; bottom: 0; right: 0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; -webkit-flex-direction: column; flex-direction: column; } .product__related-link--active { border-color: #32b784; } .product__related-image { max-height: 100%; } .product__related-more { border: 1px solid var(--primary-border-color); position: absolute; top: 0; left: 0; bottom: 0; right: 0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; -webkit-flex-direction: column; flex-direction: column; background-color: #F2F7F8; text-align: center; padding: 0; width: calc(100% - 2px); cursor: pointer; } /* lista produktów slider */ .product-list-slider { clear: both; margin-bottom: 20px; } .product-list-slider .product { width: 235px; padding: 5px 0 25px 0; } .product-list-slider .description-wrapper { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-flex-direction: column; flex-direction: column; -webkit-flex: 1 1; flex: 1 1; } .product-list-slider .description { -webkit-flex: 1 1; flex: 1 1; } .product-list-slider .description h5 { display: none; } .product-list-slider .desc-short { padding: 0 15px; } /* lista produktów slider2 */ .product-list-slider2 { clear: both; margin-bottom: 20px; } .product-list-slider2 .product { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; } .product-list-slider2 .product-img-warpper2 { width: 100px; padding: 10px; margin-right: 20px; text-align: center; position: relative; border: 1px solid #F0F2F5; border-bottom-color: #D1D5D7; border-top-color: #F5F7FA; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .product-list-slider2 .product-img-warpper { max-width: 100px; margin: 0 auto; } .product-list-slider2 .product-img { display: block; padding-bottom: 100%; position: relative; } .product-list-slider2 .product-img-link { position: absolute; top: 0; left: 0; bottom: 0; right: 0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-align-items: center; align-items: center; -webkit-flex-direction: column; flex-direction: column; } .product-list-slider2 .product-img-link img { max-height: 100%; } .product-list-slider2 .product-description { border-bottom: 1px solid #EBEEF0; padding-bottom: 20px; -webkit-flex: 1 1; flex: 1 1; } .product-list-slider2 .description-wrapper { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; } .product-list-slider2 .description { -webkit-flex: 1 1; flex: 1 1; margin-right: 20px; } .product-list-slider2 .price { text-align: right; } .product-list-slider2 .price .item { display: block; margin: 0 0 5px 0;} .product-list-slider2 a.add-to-cart { margin-top: 5px; } .product-list-slider2 #promotion-content { margin-bottom: 10px; } .swiper-pagination#promotion-list-cart-pagination .swiper-pagination-bullet { width: 12px; height: 12px; } /*procent promocji*/ .product-promo-procent { position: absolute; bottom: 5px; right: 5px; background:#d8a100; color: #fff; font-size: 16px; border-radius: 50%; width: 55px; height: 55px; line-height: 55px; text-align: center; box-sizing: border-box; } .product-list-default .product-promo-procent, .gallery4 .product-promo-procent { width: 45px; height: 45px; line-height: 45px; font-size: 14px; } /* buttony akcji */ .product-actions { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; align-items: center; justify-content: space-between; list-style-type: none; padding: 5px 15px; margin-left: 0; background: #fff; text-transform: uppercase; } .product-actions a { text-align:center; position: relative; display: block; cursor: pointer; } .product-actions a::before { content:''; display: inline-block; width: 16px; height: 16px; margin-right: 5px; vertical-align: middle; background-position: 50% 50%; background-repeat: no-repeat; -webkit-transition: opacity 0.1s ease-out; -moz-transition: opacity 0.1s ease-out; -o-transition: opacity 0.1s ease-out; -ms-transition: opacity 0.1s ease-out; transition: opacity 0.1s ease-out; } .product-actions .add-to-fav::before { background-image: url(../img/layout/fav-icon.svg); } .product-actions .add-to-comp::before { background-image: url(../img/layout/compare-icon.svg); } .product-actions label { cursor: pointer; vertical-align: middle; } .product-actions input[type="checkbox"] { vertical-align: middle; cursor: pointer; } .product-actions input[type="checkbox"]:checked + label { border-color: #d8a100; } /* promocje na liście produktów */ #promotion-list-cat header h3 { font-size: 16px; margin: 0 0 5px 0; } /* najciekawsze na stronie startowej */ #promotion-list-start .product h3 { font-size: 14px; margin: 0 0 5px 0; line-height: 1.3em; height: 2.6em; overflow: hidden; } /* statyczne bannery na stronie glownej */ .static-banners { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; margin-bottom: 100px; } .static-banners > a { max-width: calc(50% - 12px); } /* produkt w popup */ .product-popup-wrapper { width: calc(100% - 40px); margin: 0 20px; max-width: 1048px; } .product-popup { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-align-items: center; align-items: center; } .product-popup .product-popup-item { width: 60%; } .product-popup .product-popup-item.item2 { border-left: 1px solid #EBEEF0; flex: 1 1 40%; padding-left: 20px; margin-left: 20px; } .product-popup .description h4 { font-size: 20px; margin: 0 0 10px 0; } .product-popup .description h5 { font-weight: bold; font-size: 14px; padding: 0; margin: -5px 0 10px 0; color: #838D94; } .product-popup .desc-short { margin-bottom: 10px; color: #838D94; } .product-popup .price { margin-bottom: 10px; } .product-popup .price strong { font-size: 24px; white-space: nowrap; } .product-popup .prom-price .pprice { color: #d8a100; font-weight: bold; } .product-popup .price del { font-size: 16px; margin-right: 5px; } .shopping-box-popup { margin-bottom: 20px; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; } .shopping-box-popup .item { margin-bottom: 10px; } .shopping-box-popup .item1 { margin-right: 10px; } .product-popup .producer { margin-bottom: 0; } .product-popup .producer a { color: #d8a100; } .product-popup .delivery { margin-bottom: 0; } .product-popup .list-gallery { margin: 0; list-style-type: none; } .product-popup .product-img-warpper2 { max-width: 500px; margin: 0 auto 10px auto; } .product-popup .product-img-warpper { width:100%; padding-bottom: 100%; position: relative; } .product-popup .product-img-link { cursor: grab; position: absolute; top: 0; left: 0; bottom: 0; right: 0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; -webkit-flex-direction: column; flex-direction: column; } .product-popup .product-img-link img { max-height: 100%; } .swiper-pagination.list-gallery-pagination .swiper-pagination-bullet { width: 12px; height: 12px; } .tags-category { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; flex-wrap: wrap; gap: 10px; margin-bottom: 30px; } .tags-category a { font-size: 12px; background-color: #EBEBEB; padding: 5px 12px; font-weight: 600; border-radius: 20px; white-space: nowrap; } .tags-category a:hover { text-decoration: none; background-color: #32b784; color: #fff; } /* filtry produktów */ #viewing-options header { display: none; } #viewing-options header h3 { font-size: 15px; margin: 0 0 10px 0; padding: 10px; background-color: #f5f6f7; } #viewing-options header .expand { margin-bottom: 10px; display: none; } .filters { clear: both; margin-bottom: 10px; padding-bottom: 10px; } .filters ul { margin: 0; list-style-type: none; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .filters li { padding: 0 12px 25px 0; margin: 0 0 25px 0; width: 100%; align-self: flex-end; border-bottom: 1px solid #F2F2F2; } .filters .filter-subCategories { display: none; } .filters li:nth-last-of-type(2) { border-bottom: 0; padding: 0 20px 0 0; max-width: 250px; } .filters li:last-of-type { position: sticky; text-align: center; background: #fff; bottom: 0; padding: 5px 12px; z-index: 100; border-bottom: 0; } .filters select { width: 100%; height: 39px; margin-bottom: 5px; max-width: 250px; border-radius: 0; border-color: #4E4E4E; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } .filters input[type='text'] { width: 100%; height: 35px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .filters .active { border-color: #d8a100 !important; } .filters .filters-item { position: relative; } .filters .show-options { font-size: 16px; margin-bottom: 20px; font-weight: bold; /* font-style: italic; */ } .filters-options { z-index: 150; width: 100%; background-color: #fff; box-sizing: border-box; -webkit-transition: all 0.05s ease-out; -moz-transition: all 0.05s ease-out; -o-transition: all 0.05s ease-out; -ms-transition: all 0.05s ease-out; transition: all 0.05s ease-out; } .filters-options::-webkit-scrollbar { width: 8px; } .filters-options::-webkit-scrollbar-track { background-color: #F2F2F2; border-radius: 5px; } .filters-options::-webkit-scrollbar-thumb { background-color: #11110E; border-radius: 5px; cursor: pointer; } .filters-options input[type="submit"] { display: none; } .filters-options label { display: block; margin-bottom: 5px; } .filters-options label:hover { background-color: #F5F6F7; } .filters-options-radio { max-height: 300px; overflow-y: auto; } .filters-options-checkbox .cont { max-height: 250px; overflow-y: auto; } .filters li:last-of-type input[type="submit"] { display: block; width: 100%; max-width: 250px; margin-bottom: 15px; background-color: #fff; border: 2px solid #32B784; color: #11110E; border-radius: 25px; height: 48px; line-height: 48px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: all 0.2s; } .filters li:last-of-type input[type="submit"]:hover { background-color: #32B784; color: #fff; } .filters a.filters-remove { font-size: 12px; text-decoration: none; padding-left: 15px; background: url(../img/layout/eraser-icon.svg) 0 50% no-repeat; display: none; } .filters-options-range .cont-warpper { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-justify-content: space-between; justify-content: space-between; margin-bottom: 5px; max-width: 250px; } .filters-options-range .cont-item1 { margin-right: 10px; font-size: 12px; } .filters-options-range .items { width: 100%; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-align-items: center; align-items: center; border: 1px solid #4E4E4E; } .filters-options-range .items > .item1 { } .filters-options-range .items > .item2 { -webkit-flex: 1 1; flex: 1 1; line-height: 37px; } .filters-options-range .items input[type="text"] { border: 0; outline: none; } .price-range .items > .item2 { padding: 0 8px; background-color: #F2F2F2; } .price-range .cont-warpper { margin-bottom: 25px; } #slider-range { border: 0; height: 6px; margin: 10px 7px 20px 7px; background: #F2F2F2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #slider-range .ui-slider-handle { border: 0; height: 20px; width: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; margin: 0 -7px; background: #32B784; border: 2px solid #fff; top: -6px; -moz-box-shadow: 0 0 6px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.3); box-shadow: 0 0 6px rgba(0,0,0,0.3); box-sizing: border-box; cursor: pointer; } #slider-range .ui-slider-range { background: #32B784; } #mobileFilters { display:none; margin-bottom: 10px; line-height: 34px; padding: 0 10px 0 30px; cursor: pointer; border: 0; box-sizing: border-box; background-color: #333; background-image: url(../img/layout/filter.svg); background-position: 5px 50%; background-repeat: no-repeat; color: #fff; z-index: 145; outline: none; } #search-found { border-bottom: 1px solid #EBEEF0; } #search-found .filters li { width: calc(25% - 15px); padding: 0; margin: 0 20px 10px 0; border-bottom: 0; } /* stronicowanie na liście produktów */ .list-nav { clear: both; margin-bottom: 10px; padding-left: 20px; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .list-nav.nav-top { margin-bottom: 25px; padding-bottom: 10px; border-bottom: 1px solid #F2F2F2; } .list-nav .item { margin-right: 20px; margin-bottom: 10px; } .list-nav .item:last-child { margin-right: 0; } .list-nav.nav-pages { margin-bottom: 15px; } .list-nav .pages { margin: 0; list-style-type: none; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .nav-pages { -webkit-justify-content: flex-end; justify-content: flex-end; } .list-nav .pages li { margin: 0 5px 5px 0; } .list-nav .pages li:last-child { margin-right: 0; } .list-nav .pages li a, .list-nav .pages li span { text-decoration: none; display: block; text-align: center; border-bottom: 1px solid #11110E; min-width: 33px; line-height: 34px; } .list-nav .pages li a:hover { text-decoration: none; background-color: rgba(50, 183, 132, 0.5); color: #fff; border-color: transparent; } .list-nav .pages li .aktywna { background-color: #32B784; border-color: #32B784; color: #fff; } .list-nav .pages a.prev { min-width: 0; width: 33px; height: 33px; text-indent: -9999px; font-size: 0; position: relative; background-image: url(../img/layout/arrow-nav.svg); background-position: 50% 50%; background-repeat: no-repeat; border: 0; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .list-nav .pages a.next { min-width: 0; width: 33px; height: 33px; text-indent: -9999px; font-size: 0; position: relative; border: 0; background-image: url(../img/layout/arrow-nav.svg); background-position: 50% 50%; background-repeat: no-repeat; } /* sortowanie na liście aukcji */ .sort { border-bottom: 1px solid #11110E; font-size: 12px; font-weight: 600; } .sort select { height: 35px; border: 0; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .sortB { clear: both; margin: 0 0 20px 0; list-style-type: none; float: right; } .sortB li { display: inline; } .sortB a { float: left; margin-left: 10px; } .sortB a.sort-up, .sortB a.sort-down { margin-left: 5px; width: 20px; height: 20px; overflow: hidden; text-indent: -9999px; font-size: 0; background-color: #F5F6F7; background-position: 50% 50%; background-repeat: no-repeat; } .sortB a.sort-up { background-image: url(../img/layout/arrow-up.svg); } .sortB a.sort-down { background-image: url(../img/layout/arrow-down.svg); } /* przełącznik widoku na liście produktów */ .list-nav .view { margin: 0; list-style-type: none; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-align-items: center; align-items: center; } .list-nav .view li { margin: 0 0 0 5px; } .list-nav .view li span { margin-right: 5px; } .list-nav .view li a { display: block; width: 33px; height: 33px; border: 1px solid #F0F2F5; text-indent: -9999px; font-size: 0; background-position: 50% 50%; background-repeat: no-repeat; outline: 0; } .list-nav .view li.widok-galeria a { background-image: url(../img/layout/widok-galeria-icon.svg); } .list-nav .view li.widok-prosty a { background-image: url(../img/layout/widok-prosty-icon.svg); } .list-nav .view li.widok-pelny a { background-image: url(../img/layout/widok-pelny-icon.svg); } .list-nav .view li a.active { border-color: #D1D5D7; } .list-nav .view li a:hover { border-color: #333; } /* liczba produktów na stronie */ .number-products { padding: 0; margin: 0; list-style-type: none; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-align-items: center; align-items: center; } .number-products li { margin: 0 5px 0 0; } .number-products a { color: #999; text-decoration: none; display: block; text-align: center; border: 1px solid #F0F2F5; min-width: 33px; line-height: 33px; } .number-products a.active { color: #333; border-color: #D1D5D7; font-weight: bold; } .number-products a:hover { border-color: #333; } /* porównanie przycisk */ .compare-btn-wrapper { display: block; position: fixed; bottom: 30%; right: 0; z-index: 500; background-color: #32B784; width: 35px; height: 35px; } #compare-btn { display: block; width: 100%; height: 100%; font-weight: bold; font-size: 0; background: url(../img/layout/compare-icon.svg) 50% 50% no-repeat; } /* dodatkowe linki na stronie kategorii */ .additional { margin-bottom: 10px; border: 1px solid #EBEEF0; padding: 10px 20px; } .additional:last-child { margin-bottom: 40px; } .additional ul { list-style-type: none; margin: 0; } .additional li { display: inline; margin-right: 10px; } .additional li:first-child { font-weight: bold; } /* strona produktu ------------------------------------------------------------------------------ */ .product-leftright-wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex;display: -webkit-flex; display: flex; } /* zdjęcie i galeria produktu */ .product-left { float: left; width: 57.5%; margin-bottom: 40px; margin-right: 60px; } .product-left .header-wrapper { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-justify-content: space-between; justify-content: space-between; margin-bottom: 20px; } .product-left .name-header { width: calc(100% - 130px); } .product-left h1 { font-size: 32px; font-weight: 800; text-transform: uppercase; margin: 0 0 10px 0; } .product-left h2 { font-weight: 600; font-size: 14px; padding: 0; margin: 0 0 10px 0; color: #4E4E4E; } .product-left .producer-logo img { display: block; max-width: 120px; max-height: 60px; } .product-left .prod-opinion { display: block; width: 100%; padding: 5px 0; cursor: pointer; } .product-left .prod-opinion #tab4 { cursor: pointer; } .product-left .prod-opinion span { display: inline-block; vertical-align: middle; width: 100px; height: 19px; background: url(../img/layout/stars-new.svg) 0 0 no-repeat; text-indent: -9999px; font-size: 0; } .product-left .prod-opinion .prate5 { background-position: 0px -24px; } .product-left .prod-opinion .prate4 { background-position: 0px -49px; } .product-left .prod-opinion .prate3 { background-position: 0px -72px; } .product-left .prod-opinion .prate2 { background-position: 0px -96px; } .product-left .prod-opinion .prate1 { background-position: 0px -120px; } .product-left .op0 em { display: none; } .product-left .prod-opinion strong { text-decoration: underline; font-weight: 400; } .product-left .product-img-warpper2 { margin-bottom: 20px; position: relative; text-align: center; border: 1px solid #F0F2F5; border-bottom-color: #D1D5D7; } .product-left .product-img-warpper { max-width: 760px; padding: 10px; margin: 0 auto; } .product-left .product-img { display: block; padding-bottom: 75%; position: relative; } .product-left .product-img-link { position: absolute; top: 0; left: 0; bottom: 0; right: 0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; -webkit-flex-direction: column; flex-direction: column; } .product-left .product-img-link img { max-height: 100%; } .product-left .promo-procent { display: block; position: absolute; top: 10px; right: 10px; background: #d8a100; color: #fff; padding: 0 5px; border-radius: 50%; line-height: 35px; box-sizing: border-box; text-align: center; z-index: 10; } .product-left .gallery-wrapper { position: relative; /* padding: 0 42px; */ padding: 0; } .product-left #product-gallery-content.swiper-container { margin: 0; padding: 0; } .product-left ul.gallery { margin: 0; list-style-type: none; } .product-left ul.gallery li { border: 1px solid #707070; width: 90px; margin-right: 5px; margin-bottom: 5px; } .product-left ul.gallery li a { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; background-color: #fff; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; height: 100%; } .product-left .prom-icons { top: 10px; left: 10px; } /* dane produktu */ .product-right { float: right; width: calc(42.5% - 60px); margin-bottom: 20px; } .product-right .producer { margin: 0 0 20px 0; } .product-right .producer a { color: #d8a100; } .product-right .modal-tabs { display: flex; flex-wrap: wrap; margin-top: 30px; padding: 20px 0 0 0; border-top: 1px solid #F2F2F2; } .product-right .modal-tabs > * { margin: 0 20px 15px 0; min-width: 120px; } .product-right .modal-tabs > *:last-child { margin-right: 0; } .product-right #dostepnosc { background: transparent; border: 0; text-transform: uppercase; font-size: 12px; font-weight: 600; cursor: pointer; } .product-right #dostepnosc:hover { text-decoration: underline; } .product-right #dostepnosc::before { content: ''; display: inline-block; width: 35px; height: 30px; vertical-align: middle; margin-right: 15px; background-image: url(../img/layout/mapa-polski-small.svg); background-position: center; background-repeat: no-repeat; } .product-right .prom-txt { margin-bottom: 10px; } .price-box__lowest { margin: 0; color: #838D94; font-size: 12px; } .price-box__lowest .price-box__lowest-price { font-size: 12px !important; color: #838D94 !important; } /* boks z ceną */ .price-box { clear: both; margin: 0 0 20px 0; } .price-box .price { margin-bottom: 15px; position: relative; } .price-box .price strong { font-size: 32px; font-weight: 800; } .price-box .price del { font-size: 20px; margin-right: 5px; } .price-box .wholesale-price { margin-top: -10px; } .price-box .wholesale-price strong { color: #d8a100; } .prom-price { color: #DC0404; } .prom-price del { color: #11110E; } /* boks z buttonami */ .shopping-box { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start; } .shopping-box1 { padding: 25px 0; margin-bottom: 25px; border-top: 1px solid #F2F2F2; border-bottom: 1px solid #F2F2F2; } .shopping-box2 { padding: 25px 0 5px; border-top: 1px solid #F2F2F2; align-items: center; } .shopping-box .item { margin-bottom: 10px; } .shopping-box .item1 { flex: 1 1; margin-right: 50px; } .shopping-box .item2 { flex: 3 3; } .shopping-box2 .item1, .shopping-box2 .item2 { margin-bottom: 20px; } .shopping-box .item-box { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; } .shopping-box .item2-box { -webkit-flex-wrap: wrap; flex-wrap: wrap; } a.add-to-cart2, a.ask2 { white-space: nowrap; display: block; width: 100%; max-width: 330px; height: 50px; line-height: 50px; padding: 0 25px; font-size: 16px; color: #fff; text-align: center; font-weight: bold; text-decoration: none; text-transform: uppercase; border-radius: 50px; box-sizing: border-box; cursor: pointer; } a.add-to-cart2 { background: #32B784; } a.ask2 { background-color: #838D94; } .add-to-favorites { text-transform: uppercase; margin: 0 35px 0 0; font-size: 12px; font-weight: 600; line-height: 48px; } .add-to-favorites::before { content:''; display: inline-block; width: 25px; height: 20px; margin-right: 5px; vertical-align: middle; background-image: url(../img/layout/favorite-icon.svg); background-position: 50% 50%; background-repeat: no-repeat; } .availability-info { display: inline-block; background: url(../img/layout/availability-icon.svg) 100% 50% no-repeat; padding-right: 25px; } .form-container { flex: 1 1; display: flex; flex-direction: column; align-items: flex-end; } /* ilość produktów */ .product-quantity b { color: #838D94; font-weight: normal; margin-right: 5px; } .product-quantity span { margin-right:5px; } .product-quantity input[type='text'] { padding: 0 10px; height: 50px; width: 100%; min-width: 50px; max-width: 60px; text-align: center; font-size: 16px; font-weight: 700; color: #11110E; border-radius: 0; outline: none; border-width: 0 0 1px 0; border-color: #11110E; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* IE 8+ */ } .product-quantity-box { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-align-items: center; align-items: center; } .product-quantity-box button { display: block; width: 30px; height: 50px; font-size: 0; background-color: #fff; background-position: center; background-repeat: no-repeat; border: 0; cursor: pointer; } .product-quantity-box #minus { background-image: url(../img/layout/minus-icon.svg); } .product-quantity-box #plus { background-image: url(../img/layout/plus-icon.svg); } /* boks z opcjami i wariantami */ #fparametry p { margin: 0 0 10px 0; } #fparametry p:last-child { margin: 0; } #fparametry ul { margin: 0; list-style-type: none; } #fparametry select { min-width: 100px; max-width:100%; } .product-options { margin-bottom: 10px; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .product-options .poptions-label { flex: 1 1; min-width: 100px; margin-right: 10px; font-weight: normal; color: #838D94; } .product-options .poptions { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; flex: 3 3; min-width: 200px; } .product-options select { width: 100%; } .product-options .poption-item { text-align: center; margin: 0 5px 5px 0; width: calc(25% - 3.75px); } .product-options .poption-item:nth-child(4n) { margin-right: 0; } .product-options .poption-item label { display: block; width:100%; position: relative; padding: 3px; overflow: hidden; box-sizing: border-box; text-align: center; cursor: pointer; word-break: break-word; cursor: pointer; } .product-options .poption-item label > a { display: block; position: absolute; top: 3px; right: 3px; width: 16px; height: 16px; z-index: 10; background-image: url(../img/layout/expand-icon.svg); background-repeat: no-repeat; background-position: center; background-color: #fff; background-size: 14px; } .product-options .poption-item label > img { width: 100%; } .product-options .poption-item label .selected { position: absolute; display: block; top: 0; bottom: 0; left: 0; right: 0; border: 1px solid #D1D5D7; opacity: 1; } .product-options .poption-item label input[type="radio"] { display: none; } .product-options .poption-item label input[type="radio"]:checked ~ span.selected { border-width: 2px; border-color:#d8a100; } .product-options .poption-item label > a ~ span.selected { display: block; } .poption-item__name { display: block; } .poption-item__image { width: 60px; height: 60px; display: block; margin: 0 auto 5px auto; } .poption-item__image img { max-height: 100%; } /* produkty powiązane wg pola */ .related-products { margin-bottom: 20px; } .related-products__title { font-weight: bold; margin-bottom: 20px; } .related-products__items { margin: 0; list-style-type: none; gap: 10px; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .related-products__item { border: 1px solid #f0f2f5; width: 90px; height: 90px; } .related-products__item:hover, .related-products__item.active { border-color: #32b784; } .related-products__item-link { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; height: calc(100% - 10px); padding: 5px; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; -webkit-flex-direction: column; flex-direction: column; } .related-products__item-image { max-height: 100%; } /* boks z zstawami */ .product-set { margin-bottom: 10px; } .product-set a { color: #d8a100; } .product-set li { margin-bottom: 10px; } /* boks z ratami */ .raty-wrapper { display: flex; flex-wrap: wrap; -webkit-justify-content: flex-end; justify-content: flex-end; align-items: center; margin-bottom: 15px; } /* #raty-items { padding-left: calc(25% + 10px); } .raty-item { float: left; margin: 0 10px 10px 0; } */ #raty-info { margin-right: 60px; } .raty-item a, .raty-item img { display: block; } .product-cart__pay { border: 1px solid var(--primary-border-color); padding: 5px; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-align-items: center; align-items: center; gap: 8px; margin-bottom: 10px; } .product-cart__pay-image { max-height: 15px; } .product-cart__pay-title { font-size: 12px; } /* boks z informcjami o produkcie */ .product-items-title { margin-bottom: 20px; font-size: 16px; font-weight: 700; text-transform: uppercase; } .product-items { margin-bottom: 5px; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .product-items .item1 { flex: 1 1; min-width: 100px; margin: 0 28% 10px 0; color: #4E4E4E; } .product-items .item2 { flex: 3 3; min-width: 185px; } .product-items--producer { align-items: center; } .product-items--producer .item2 { display: flex; align-items: center; gap: 10px 15px; } .product-items--producer img { max-height: 30px; } #delivery-costs { -webkit-flex-direction: column; flex-direction: column; } #delivery-costs ul { margin: 0; list-style-type: none; } #product-features { margin-top: 35px; } .atrybut-desc-icon { cursor: pointer; } #product-container .atrybut-desc { display: none; } .product-shapes { border-bottom: 1px solid rgba(0,0,0,0.1); margin-bottom: 10px; } .product-shapes ul { margin: 0; list-style-type: none; } .product-shapes li { float: left; width: 25%; margin-bottom: 10px; text-align: center; } .product-shapes span { display: block; } .product-shapes-size { border-bottom: 1px solid rgba(0,0,0,0.1); margin-bottom: 10px; } .productShapeParams li { margin-bottom: 10px; } .productShapeParams .titleParams { display: inline-block; min-width: 120px; } .productShapeParams em { color: #838D94; font-size: 12px; display: inline-block; } .productShapeParams .rangeParams em {display: block; } .attributes-radio ul li { float: left; margin: 0 10px 10px 0; text-align: center;} .attributes-radio span { display: block; } .attributes-radio > div { margin-bottom: 0.5em; } /* zakładki na karcie produktu */ .product-tabs { clear: both; margin: 0 0 20px 0; padding-top: 20px; border-top: 1px solid #F2F2F2; max-width: 760px; } ul.tabs { margin: 0 0 20px 0; list-style-type: none; position: relative; } ul.tabs > li { border-bottom: 1px solid #F2F2F2; margin-bottom: 20px; } ul.tabs > li > a { display: block; position: relative; font-weight: 700; margin: 0 0 20px; font-sizE: 16px; text-transform: uppercase; text-decoration: none; } ul.tabs > li > a::after { content: ''; display: inline-block; vertical-align: middle; float: right; width: 20px; height: 20px; background-image: url(../img/layout/plus-icon.svg); background-position: center; background-repeat: no-repeat; } ul.tabs > li.active > a::after { background-image: url(../img/layout/minus-icon.svg); } .tab-content { clear: both; overflow: hidden; display: none; } ul.tabs > li#tab1 > .tab-content { display: block; } .tab-header { display: none; margin: 0 0 30px 0; font-size: 16px; text-transform: uppercase; } #formNotification .tab-header { display: block; } /* bloki z opisem i danymi technicznymi */ .tab-desc { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; flex-direction: column; } .tab-desc > .tab-desc-item.item1 { -webkit-flex: 1 1; flex: 1 1; border-bottom: 1px solid #F2F2F2; margin-bottom: 20px; } .tab-desc > .tab-desc-item.item2 { -webkit-flex: 1 1; flex: 1 1; } /* opis produktu */ /* .desc-text { margin-bottom: 20px; } */ .desc-video iframe { max-width: 100%; } /* bezpieczeństwo produktu */ .product-gpsr { margin-bottom: 40px; color: #97a1a2; font-size: 12px; } .product-gpsr__header { font-weight: bold; font-size: 14px; margin-bottom: 5px; } .product-gpsr__cert-header { margin: 2px 0; } .product-gpsr__list { list-style-type: disc; } .product-gpsr__item-link, .product-gpsr a { color: #97a1a2; } .product-gpsr__paragraph { margin-bottom: 0; } /* blokowy opis produktu */ .additional-description { margin-bottom: 20px; } .additional-description__section { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; } .additional-description__item { -webkit-box-flex: 1; -webkit-flex: 1 1 calc(50% - 10px); -ms-flex: 1 1 calc(50% - 10px); flex: 1 1 calc(50% - 10px); } .additional-description__image { min-width: 280px; text-align: center; } .additional-description__img { margin: 0 auto; max-inline-size: 100%; block-size: auto; } /* opis produktu importowanego z allegro */ .algsText, .algsImg { margin-bottom: 20px; } .algsImg { text-align: center; } .algsTextImg, .algsImgText, .algsImgImg, .algsTextText { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; margin-bottom: 20px; } .algsTextImg > :first-child, .algsImgText > :first-child, .algsImgImg > :first-child, .algsTextText > :first-child { margin-right: 20px; } .algsTextImg .algsText, .algsTextImg .algsImg, .algsImgText .algsText, .algsImgText .algsImg, .algsImgImg .algsImg, .algsTextText .algsText { -webkit-flex: 1 1; flex: 1 1; margin-bottom: 0; } /* dane techniczne */ .desc-table .category-wrapper { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #F2F2F2; } .desc-table .category-wrapper:last-child { margin-bottom: 0; border-bottom: 0; } .desc-table .category { font-weight: bold; margin: 0 0 20px 0; font-size: 16px; text-transform: uppercase; } .desc-table ul { margin: 0 0 6px; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; align-items: center; -webkit-align-items: center; } .desc-table ul li { list-style-type: none; } .desc-table ul .attribute { -webkit-flex: 1 1; flex: 1 1; margin-right: 10px; } .desc-table ul .attribute > .wzorzec_zdjecie { display: inline-block; vertical-align: middle; } .desc-table ul .attribute-value { -webkit-flex: 1 1; flex: 1 1; margin-right: 10px; } .desc-table ul .attribute-icon { -webkit-flex: 0 1 15px; flex: 0 1 15px; } .desc-table ul .attribute-icon a, .desc-table ul .attribute-icon img { display: block; } /* zestaw */ .tab-set .set-item { border-bottom: 1px solid #EBEEF0; margin: 0 0 20px 0; } .tab-set .set-item:last-child { border-bottom: 0; } .tab-set h4 { font-size: 16px; margin-bottom: 10px; } .tab-set h4 a { color: #d8a100; } .tab-set .items { float: left; width: 80%; display: flex; flex-wrap: wrap; } .tab-set .item { flex: 1 1; text-align: center; margin: 0 0 10px 0; background: url(../img/layout/plus-item.svg) right 20px no-repeat;} .tab-set .item:last-child { background: url(../img/layout/sum-item.svg) right 20px no-repeat;} .tab-set h5 { font-size: 1em; font-weight: normal; margin: 0 10px 5px 0; color: #838D94; } .tab-set .item-img { text-align: center; margin: 0 10px 10px 0; height: 80px; } .tab-set .price { float: right; text-align: right; margin: 0 0 20px 0; width: 20%; } .tab-set .price span { display: block; margin: 0 0 10px 0; } .tab-set .price strong { font-size: 16px; } .tab-set .price del { display: block; } /* formularze karty produktu */ .form-product ul { margin: 0; list-style-type: none;} .form-product ul li { clear: both; margin-bottom: 10px; } .form-product label { float: left; display: block; width: 200px; } .form-product .label-check { float: unset; width: auto; max-width: 550px; } .form-product input[type='text'], .form-product textarea { width: 100%; max-width: 350px; min-height: 36px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* IE 8+ */ } .form-product .btn, .form-product .copy { margin-left: 200px; } .form-product .g-recaptcha { margin-left: 200px; margin-bottom: 10px; } /* opinie o produkcie */ .reviews { clear: both; } .reviews .average { margin: 0 0 10px 0; } #review-list { margin: 0; list-style-type: none; } #review-list li { margin: 0 0 10px 0; float: left; width: 100%; } #review-list .rate { float: left; width: 20%; } #review-list .rate span { margin-right: 5px; } #review-list .rate-value { display: inline-block; vertical-align: middle; width: 90px; height: 18px; background: url(../img/layout/stars-new.svg) 0 0 no-repeat; } #review-list .rate5 { background-position: 0px -24px; } #review-list .rate4 { background-position: 0px -49px; } #review-list .rate3 { background-position: 0px -72px; } #review-list .rate2 { background-position: 0px -96px; } #review-list .rate1 { background-position: 0px -120px; } #review-list .review { float: right; width: 80%; } #review-list em { margin-left: 5px; color: #838D94; } #your-review { clear: both; padding: 10px 0 0 0; margin: 10px 0 0 0; border-top: 1px solid #EBEEF0; } #your-review p.title { font-weight: bold; margin: 0 0 5px 0; padding: 0; } #your-review .item1 { float: left; width: 45%; } #your-review .item1 ul { margin: 0; list-style-type: none; } #your-review .item1 ul li { padding: 0; margin: 0; } #your-review .item1 input { margin: 0 5px 0 0; } #your-review .item1 label { cursor: pointer; } #your-review .item1 label span { margin: 0 0 0 5px; font-size: 12px; } #your-review .item1 label img { position: relative; top: 2px; } #your-review .item2 { float: right; width: 55%; } #your-review .item2 .btn { margin-left: 0; } /* gwarancje na karcie produktu */ .warranties-product { margin-bottom: 20px; } .warranties-product__title { margin-bottom: 5px; } .warranties-product__item { margin-bottom: 2px; } .warranties-product-popup { display: none; max-width: 1200px; } .warranties-product-popup-link { margin-bottom: 20px; color: var(--hl-link-color); cursor: pointer; } /* linki dodatkowe */ #buttons-bottom { margin: 0 0 40px 0; list-style-type: none; } #buttons-bottom li { display: inline-block; margin: 0 10px 0 0;} #buttons-bottom a { display: block; width: 16px; height: 16px; background-position: 50% 50%; background-repeat: no-repeat; opacity: 0.6; } #buttons-bottom .print-btn { background-image: url(../img/layout/print-icon.svg); } #buttons-bottom .compare { background-image: url(../img/layout/compare-icon.svg); } #buttons-bottom .error { background-image: url(../img/layout/error-icon.svg); } /* wariant */ #btn-color { display: block; position: relative; width: 100%; max-width: 330px; border: 2px solid #32B784; background-color: #fff; border-radius: 25px; height: 48px; line-height: 48px; text-align: center; text-transform: uppercase; font-size: 12px; font-weight: 600; padding: 0 20px; cursor: pointer; box-sizing: border-box; } #btn-color > span { display: block; position: absolute; width: calc(100% - 8px); height: calc(100% - 8px); top: 4px; left: 4px; border-radius: 25px; font-size: 30px; color: #fff; line-height: 36px; background: rgb(128,211,248); background: -moz-linear-gradient(90deg, rgba(128,211,248,1) 0%, rgba(237,130,146,1) 25%, rgba(249,138,118,1) 50%, rgba(192,250,138,1) 75%, rgba(125,221,245,1) 100%); background: -webkit-linear-gradient(90deg, rgba(128,211,248,1) 0%, rgba(237,130,146,1) 25%, rgba(249,138,118,1) 50%, rgba(192,250,138,1) 75%, rgba(125,221,245,1) 100%); background: linear-gradient(90deg, rgba(128,211,248,1) 0%, rgba(237,130,146,1) 25%, rgba(249,138,118,1) 50%, rgba(192,250,138,1) 75%, rgba(125,221,245,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80d3f8",endColorstr="#7dddf5",GradientType=1); } /* #btn-color:hover { background-color: #32B784; color: #fff; } */ #variant_info { width: 100%; font-weight: 600; display: grid; grid-template-columns: 25% 75%; row-gap: 10px; align-items: center; line-height: 18px; margin-bottom: 20px; } #variant_info > img { border-radius: 3px; } #vsbox { max-width: 900px; padding: 0; border-radius: 5px; } #vsbox .title { padding: 10px 15px; color: #fff; background: #32b784; font-size: 1em; } #vsbox h3 { margin: 0; font-size: 16px; } #vsbox p { font-size: 10px; margin: 0; } #vsbox a.close { float: right; text-decoration: none; font-size: 12px; padding: 0 0 0 8px; color: #fff; background: url(../img/layout/arrow2.png) 0 55% no-repeat; } #vsbox a.close:hover { color: #fff; } #vsbox a.reset { float: right; text-decoration: none; font-size: 12px; padding: 0 0 0 8px; color: #fff; background: url(../img/layout/arrow2.png) 0 50% no-repeat; margin: 0 15px 0 0; } #vsbox a.reset:hover { color: #fff; } #vstabs { margin:0 0 15px 0; background-color: #f5f5f5; padding: 10px; border: 1px solid #eee; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; } #vstabs ul {padding:0; margin:0; list-style-type:none; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } #vstabs ul li { padding: 5px 10px; margin: 0 10px 5px 0; background: #fff; border: 1px dotted #E6E6E6; min-width:120px; cursor:pointer; position: relative; } #vstabs ul li:hover { border: 1px solid #E6E6E6; -moz-box-shadow: 0px 0px 5px #E6E6E6; -webkit-box-shadow: 0px 0px 5px #E6E6E6; box-shadow: 0px 0px 5px #E6E6E6; } #vstabs ul li .vgitem { overflow:hidden; margin: 5px 0 0 0; } #vstabs ul li::after { content: ''; position: absolute; right: -8px; top: calc(50% - 3px); width: 4px; height: 7px; background: url(../img/layout/arrow1.png) 0 0 no-repeat;} #vstabs ul li .vgitem span.vsimg { float: left; width: 30px; height: 30px; margin: 0 5px 0 0; overflow: hidden; } #vstabs ul li .vgitem p { float: left; line-height: 30px; color: #888; } #vstabs ul li .vgitem img { max-width: 30px; max-height: 30px; } #vstabs ul li.active { border: 1px solid #D2071D; } #vstabs ul li span.price { display: block; color: #999; } #vstabs ul li span.price strong { } #vstabs ul li span.wb { display: none; } #vsprice { text-align: right; margin-left: 10px; } #vsprice span { display: block; margin-bottom: 10px; } #vsprice strong { font-size: 20px; } #vsprice #vsbutton { display: block; width: 140px; padding: 0; margin-bottom: 5px; border-radius: 5px; } #vsbox a.reset-2 { font-weight: bold; color: #fff; font-size: 12px; background: red; display: block; width: 140px; border-radius: 5px; text-align: center; line-height: 30px; text-decoration: none; } #vsbox-cont { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; } #vsattributes { -webkit-flex: 1; flex: 1; height:400px; overflow:auto; padding: 0 15px; } #vsattributes::-webkit-scrollbar { width: 8px; } #vsattributes::-webkit-scrollbar-track { background-color: #E8E8E8; border-radius: 5px; } #vsattributes::-webkit-scrollbar-thumb { background-color: #11110E; border-radius: 5px; cursor: pointer; } #vsattributes div { display:block; float:left; width: 100px; padding: 10px 0 0 0; height:140px; overflow:hidden; border: 1px dotted #E6E6E6; margin:0 10px 10px 0; text-align:center; } #vsattributes div:hover { border: 1px solid #E6E6E6; -moz-box-shadow: 0px 0px 5px #E6E6E6; -webkit-box-shadow: 0px 0px 5px #E6E6E6; box-shadow: 0px 0px 5px #E6E6E6; } #vsattributes div span.vsimg { width: 80px; height: 80px; text-align: center; display: block; margin: 0 auto; } #vsattributes div span.vsimg img { display:block } #vsattributes div p { line-height: 1.2em; height: 2.4em; overflow: hidden; margin: 0 5px 5px; font-size: 12px;} #vsattributes div.active { border: 1px solid #D2071D; background-color: #fff; } #vsattributes div span.wb { cursor: pointer; font-weight: bold; color: #fff; padding: 4px 5px; background-color: #5C5C5C; font-size: 12px; border-radius: 5px; } #vsimage { -webkit-flex: 0 1 44.4444444%; flex: 0 1 44.4444444%; height:405px; border: 1px dotted #E6E6E6; text-align: center; overflow:auto; text-align: center; -moz-box-shadow: 0px 0px 40px #F5F5F5 inset; -webkit-box-shadow: 0px 0px 40px #F5F5F5 inset; box-shadow: 0px 0px 40px #F5F5F5 inset;} .variant-info { margin: 5px 0; text-align: center; font-weight: bold; color: #D2071D; } .slide-3 a.bx-prev { position: absolute; z-index: 100; background: #000 url(../img/layout/arrow-controls2.png) 12px 50% no-repeat; width: 30px; height: 30px; top: 15px; right: 42px; text-indent: -9999px; font-size: 0; outline: 0; } .slide-3 a.bx-next { position: absolute; z-index: 100; background: #000 url(../img/layout/arrow-controls2.png) -47px 50% no-repeat; width: 30px; height: 30px; top: 15px; right: 0px; text-indent: -9999px; font-size: 0; outline: 0; } .slide-3 a.bx-prev:hover{background: #E30613 url(../img/layout/arrow-controls2.png) 12px 50% no-repeat;} .slide-3 a.bx-next:hover{background: #E30613 url(../img/layout/arrow-controls2.png) -47px 50% no-repeat;} #warianty-promocja-wrapper { margin-bottom: 20px; } #warianty-promocja-wrapper header { background-color: #f5f5f5; line-height: 40px; position: relative; text-transform: uppercase; padding: 0 15px; margin-bottom: 10px; } #warianty-promocja-wrapper header img { position: absolute; max-height: 35px; right: 0; top: 2px; } #warianty-promocja .product { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; margin-bottom: 10px; } #warianty-promocja .product:last-child { margin-bottom: 0; } #warianty-promocja .product:nth-child(3) ~ .product { display: none; } #warianty-promocja .product:nth-child(3) ~ .hshow { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; } #warianty-promocja .item1 { border: 1px solid #E5E5E5; padding: 5px; margin-right: 20px; } #warianty-promocja .item2 { -webkit-flex: 1 1; flex: 1 1; border-bottom: 1px solid #E5E5E5; } #warianty-promocja .item2-wrapper { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 10px; } #warianty-promocja .item2a { -webkit-flex: 1 1; flex: 1 1; } #warianty-promocja .item2b { -webkit-flex: 1 1; flex: 1 1; text-align: right; } #warianty-promocja img { margin: 0 auto; display: block; } #warianty-promocja button { white-space: nowrap; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } #warianty-promocja .warianty-czas, #warianty-promocja .warianty-ilosc { font-size: 12px; color: #999; } #warianty-more-wrapper { display: none; } #warianty-more { display: block; border-bottom: 2px solid #000; text-align: right; text-transform: uppercase; font-family: 'Lato', sans-serif; font-weight: 700; color: #000; line-height: 38px; background: url(/img/layout/plus.png) 15px 50% no-repeat; outline: 0; } /* strona aukcji ------------------------------------------------------------------------------ */ /* lista aukcji */ .auction-list-content { margin-bottom:10px; border: 1px solid #EBEEF0; background-color: #fff; } .auction-list .product { border-bottom: 1px solid #EBEEF0; padding: 20px; } .auction-list .product:last-child { border: 0; } .auction-list .highlight { background-color: #FFFFD4; } .auction-list .product-box { display: table; width: 100%; } .auction-list .product-img { display: table-cell; width: 80px; padding-right: 20px; vertical-align: top; text-align: center; } .auction-list .description { display: table-cell; vertical-align: top; } .auction-list .description span { color: #838D94; } .auction-list .price { display: table-cell; width: 200px; vertical-align: top; text-align: right; } .auction-list .price span { display: block; margin: 0 0 5px 0;} .auction-info { margin: 10px 20px; color: #838D94; font-size: 12px; } .auction-list .note { text-align: center; margin: 20px; } /* karta aukcji */ .auction-left { float: left; width: 46.9083156%; margin-bottom: 20px; } .auction-left .product-img { margin-bottom: 20px; padding: 20px; position: relative; text-align: center; } .auction-right { float: right; width: 53.0916844%; margin-bottom: 20px; background-color: #F5F6F7; } .auction-right .auction-right-box { padding: 20px; } #auction-container h1 { font-size: 30px; margin: 0 0 10px 0; color: #d8a100; font-weight: normal; } #auction-container .observed { text-align: right; } .auction-price-box { clear: both; background-color: #EAE8E9; padding: 20px; margin: 0 -20px; } .auction-price-box .price { margin-bottom: 10px; } .auction-price-box .price strong { font-size: 24px; } .auction-content { clear: both; margin: 0 20px 20px 20px; } .auction-header { margin: 0 0 10px 0; } .auction-history { clear: both; margin: 0 20px 20px 20px; } .auction-history ul { margin: 0; list-style-type: none; } .auction-history ul li { border-bottom: 1px solid #EBEEF0; padding-bottom: 10px; margin-bottom: 10px; } .auction-history ul p { margin: 0; } .auction-history span { display: inline-block; min-width: 100px; color: #838D94; } /* porównanie produktów ------------------------------------------------------------------------------ */ #product-comparison .product { float: left; text-align: center; width: 25%; } #product-comparison .product-box { padding: 20px; } .product-comparison-content { margin-bottom: 20px; } #product-comparison .remove { margin: 0 0 10px 0; } #product-comparison .remove a { color: #32B784; } #product-comparison .product-img { display: block; margin: 0 auto 10px 0; text-align: center; } #product-comparison .price { margin: 0 0 10px 0; } #product-comparison .price .item { display: block; margin: 0 0 5px 0;} #product-comparison .note { text-align: center; margin: 20px 20px 0 20px; } #product-comparison a.add-to-cart, #product-comparison a.ask { max-width: 120px; margin: 0 auto; } #comparison-table-box { overflow: auto; margin-bottom: 20px; } .comparison-table { border-collapse: collapse; border: 1px solid #EBEEF0; width: 100%; } .comparison-table td, .comparison-table th { border: 1px solid #EBEEF0; padding: 5px 10px; } .comparison-table th { text-align: left; background-color: #eee; } .comparison-header { margin-bottom: 10px; } /* koszyk ------------------------------------------------------------ */ #cart-empty h4 { margin-bottom: 10px; color: #d8a100; } #cart-steps { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; margin-bottom: 20px; border-bottom: 1px solid #EBEEF0; padding-bottom: 20px; } #cart-steps.cart-step1 { border-bottom: 0; padding-bottom: 0; } #cart-steps .box { color: #CCD1D4; margin-right: 20px; } #cart-steps .box:last-child { margin-right: 0; } #cart-steps .active { color: #333; } #cart-steps .box h5 { font-size: 18px; margin: 0; text-transform: uppercase; } #cart-steps .box h5 span { font-weight: normal; } #cart-steps .box p { margin: 0; font-size: 12px; } .container-cart { margin-bottom: 40px; } .container-cart .cart-box { margin-bottom: 20px; } .container-cart .cart-box-list { border: 1px solid #EBEEF0; } #step1 .cart-box-list { margin-bottom: 5px; } .remove-all { text-align: right; font-size: 12px; margin-bottom: 10px; } .container-cart .box-grey { background-color: #F5F6F7; } .container-cart h4.block-title { margin-bottom: 10px; font-size: 18px; } .container-cart .block-title-wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-align-items: baseline; align-items: baseline; -webkit-justify-content: space-between; justify-content: space-between; } .container-cart h5 { margin: 0 0 10px 0; font-size: 14px; } .cart-show-list .show { color: #d8a100; cursor: pointer; margin-right: 25px; position: relative; } .cart-show-list .show::after { content:''; position: absolute; top: calc(50% - 10px); right: -25px; width:20px; height: 20px; background-image: url(../img/layout/arrow-down.svg); background-position: 50% 50%; background-repeat: no-repeat; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-transition: background-color 0.2s ease-out; -moz-transition: background-color 0.2s ease-out; -o-transition: background-color 0.2s ease-out; -ms-transition: background-color 0.2s ease-out; transition: background-color 0.2s ease-out; } .cart-show-list .show:hover::after { background-color: rgba(0,0,0,0.1); } .cart-show-list .show.act::after { background-image: url(../img/layout/arrow-up.svg); } #step2 .cart-show-list, #step3 .cart-show-list { text-align: right; } #step2 .cart-show-list .show, #step3 .cart-show-list .show { font-size: 12px; } #step4 .cart-show-list .show { margin-right: 0; margin-left: 25px; } #step4 .cart-show-list .show::after { left: -25px; right: auto; } .container-cart .more { color: #d8a100; } .container-cart .cont { padding: 20px; } .container-cart textarea { width: 100%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* IE 8+ */ } .cart-list { list-style-type: none; margin: 0; padding: 10px 19px; border-bottom: 1px solid #EBEEF0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; } .cart-list li { margin: 0; margin-right: 20px; } .cart-list li:last-child { margin-right: 0; } .cart-list-header { background: #F5F6F7; font-weight: bold; border: 0; } .cart-list .cart-product { width: 35%; } .cart-list .cart-product .product { font-weight: bold; } .cart-list .cart-product .product span { font-weight: normal; } .cart-list .cart-product .product-img { float: left; margin-right: 10px; width: 80px; text-align: center; } .cart-list .cart-product p { margin: 0; } .cart-list .cart-cena { width: 15%; text-align: right; } .cart-list .cart-ilosc { width: 15%; } .cart-list .cart-ilosc input[type='text'] { width: 50px; padding-right: 5px; padding-left: 5px; text-align: center; } .cart-list .cart-ilosc-cont { display: inline-block; margin-bottom: 5px; } .cart-list .cart-wartosc { text-align: right; width: 15%; } .cart-list .cart-usun { text-align: right; -webkit-flex: 1 1; flex: 1 1; } .cart-list .cart-usun a { color: #d8a100; } .cart-list .name { display: none; color: #838D94; } .cart-list .more { margin-left: 5px; } /* gwarancje w koszyku */ .warranties-cart { display: inline-block; } .warranties-cart__title { margin-bottom: 5px; } .warranties-cart__item { margin-bottom: 2px; } .cart-list2, .cart-listB { padding-top: 5px; padding-bottom: 5px; } .cart-list2 .cart-product strong, .cart-listB .cart-product strong { font-weight: normal; } .cart-suma { clear: both; margin:0; list-style-type: none; color: #d8a100; padding: 10px 19px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; } .cart-suma .title { font-weight: bold; -webkit-flex: 1 1; flex: 1 1; text-align: right; margin-right: 5px; } .cart-suma .wartosc { margin-right: calc(20% - 60px); } .cart-suma .wartosc strong { white-space: nowrap; } #discount-code input[type='text'] { max-width: 160px; margin: 0 5px 5px 0; } #discount-code span { display: inline-block; } #discount-code p { margin: 0; } #freeDelivery { padding-left: 30px; background: url(../img/layout/info-icon.svg) 0 50% no-repeat; } #freeDelivery p { margin: 0; } #freeDelivery #freeDeliveryAmount, #freeDelivery #freeDeliveryValue { font-weight: bold; } .container-cart #gift-box { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .container-cart .gift { flex: 0 1 calc(50% - 20px); padding: 5px 0; margin-right: 40px; border-bottom: 1px solid #EBEEF0; } .container-cart .gift:nth-child(2n) { margin-right: 0; } .container-cart .gift-wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; } .container-cart .gift-select { margin-right: 10px; } .container-cart .gift-img { width: 80px; margin-right: 10px; } .container-cart .gift-img img { margin: 0 auto; } .container-cart .gift-parameter { -webkit-flex: 1 1; flex: 1 1; margin-right: 10px; } .container-cart .gift-parameter p { line-height: 1.2em; margin: 0; } .container-cart .gift-price { width: 20%; text-align: right; } .container-cart .disabled { color: #B3B3B3; } .select2 { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; } .select2 .side { -webkit-flex: 1 1 50%; flex: 1 1 50%; } .select2 .side:nth-child(2n) { margin-left: 40px; } .select2 .side.side-bottom { -webkit-align-self: flex-end; align-self: flex-end; } #fcartmethods select { max-width: 100%; } .fmethods { margin: 0; list-style-type: none; } .fmethods li { margin: 0 0 5px 0; line-height: 1.2em; } .fmethods li input[type='radio'] { margin-right: 5px; } .fmethods li label { margin-right: 5px; vertical-align: middle; } .fmethods li label .img-wrapper { display: inline-block; vertical-align: middle; width: 50px; text-align: center; margin: 0 5px; } .fmethods li label .img-wrapper img { display: inline-block; vertical-align: middle; max-width:50px; max-height:30px; } .fmethods p { margin-top: 0.5em; } .call { display: inline; position: relative; z-index: 2; } .call img.help { position: relative; top: 2px; z-index: 1; opacity: 0.6; } .call p.desc { width: 190px; line-height: 1.3em; margin: 0; font-size: 12px; background-color: #555; color: #fff; text-align: center; padding: 5px; position: absolute; z-index: 1; bottom: 125%; left: 50%; margin-left: -100px; visibility: hidden; opacity: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; transition: opacity 0.3s; } .call p.desc::after { content: ""; position: absolute; top: 100%; left: calc(50% - 2px); margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent; } .call:hover p.desc { visibility: visible; opacity: 1; } .payment-options { margin-top: 10px; margin-bottom: 10px; gap: 10px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; } .payment-options--center { webkit-justify-content: center; justify-content: center; } .payment-option { -webkit-flex: 0 1 90px; flex: 0 1 90px; } .payment-option__cont { padding-top: 100%; position: relative; } .payment-option--hidden { display: none; } .payment-option--checked { display: block; } .payment-option label { position: absolute; top: 0; left: 0; right: 0; bottom: 0; cursor: pointer; display: block; background-color:#fff; margin: 0 !important; padding: 4px; border: 1px solid #EBEEF0; } .payment-option-img { height: 100%; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; -webkit-flex-direction: column; flex-direction: column; } .payment-option-img img { display: block; margin: 0 auto; max-height: 100%; image-rendering: -webkit-optimize-contrast; } .payment-option input[type="radio"] { margin: 0; display: none; } .payment-option input[type="radio"]:checked + label { border-color: #d8a100; -moz-box-shadow: 0 0 5px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2); box-shadow: 0 0 5px rgba(0,0,0,0.2); } .payment-option-name { margin-top: 5px; display: block; width:100%; font-size: 10px; line-height: 1.2em; height: 2.5em; overflow: hidden; } .payment-options .btn-all { font-size:12px; font-weight: normal; } .payment-pragmago { margin-left: 85px; border: 1px solid var(--primary-border-color); padding: 5px; line-height: 1.3em; } .payment-pragmago__title { font-size: 12px; display: block; } .payment-box { border: 1px solid var(--primary-border-color); margin: 0 auto 20px auto; -webkit-border-radius: 5px; border-radius: 5px; padding: 20px; text-align: center; max-width: 300px; } .payment-box__title { font-size: 16px; font-weight: bold; margin-bottom: 20px; } .payment-box__image { margin-bottom: 10px; } .choice-wrapper { margin: 5px 0 0 20px; } #payu-box .cont { padding: 10px; border: 1px solid #068AE1; background: #fff; } #payu-box a { float: right; margin-left: 10px; } #payu-box #payu_info { margin: 5px 0 0 0; color: #838D94; } #total-order ul { margin: 0; list-style-type: none; } #total-order li { margin: 0; text-align: right; } #total-order li.last { font-weight: bold; } #total-order li span { display: inline-block; width: 150px; } #total-order li em { font-style: normal; font-weight: bold; } #total-order li.last { color: #d8a100; } #to-cart { list-style-type: none; margin: 0; padding: 10px 0; border-top: 1px solid #EBEEF0; border-bottom: 1px solid #EBEEF0; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; } #cart-options { margin: 0; list-style-type: none; } #cart-options li { margin: 0 20px 10px 0; padding: 0; display: inline-block; } #cart-options select { width: 150px; margin-right: 5px; margin-bottom: 10px; } #cart-options input[type='text'] { width: 140px; margin-right: 5px; } .cart-tabs { margin: 0 0 20px 0; list-style-type: none; border-bottom: 1px solid #EBEEF0; } .cart-tabs li { float: left; position: relative; top: 1px; } .cart-tabs a { display: block; background: #F5F6F7; border: 1px solid #EBEEF0; padding: 0 20px; margin-right: 10px; outline: 0; font-weight: bold; text-decoration: none; height: 38px; line-height: 38px; overflow: hidden; } .cart-tabs .active a { background-color: #fff; border-bottom-color: #fff; } .container-cart p.error { display: none; } .container-cart p.preq { clear: both; } .cart-data { margin: 0; list-style-type: none; } .cart-data li { margin: 0 0 10px 0; clear: both; } .cart-data label.text { display: inline-block; width: 50%; } .cart-data li input[type='text'], .cart-data li input[type='password'] { width: 50%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* IE 8+ */ } .cart-data a { text-decoration: underline; } #step3 .cart-data li, #step4 .cart-data li { margin-bottom: 0; } .clientType { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; margin-bottom: 20px; } .clientType .item { margin-right: 10px; } .clientType .item:last-child { margin-right: 0; } .cart-dataform .imargin, .cart-dataform .item.imargin { margin-bottom: 20px; } .cart-dataform .items { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; } .cart-dataform .items.hidden, .cart-dataform .item.hidden { display: none; } .cart-dataform .item { margin-bottom: 10px; } .cart-dataform .item-bottom { -webkit-align-self: flex-end; align-self: flex-end; } .cart-dataform .items .item { -webkit-flex: 1 1; flex: 1 1; } .cart-dataform .items .item.pcode { -webkit-flex: 0.5 0.5; flex: 0.5 0.5; } .cart-dataform .items .item:first-child { margin-right: 15px; } .cart-dataform .items .item:last-child { margin-right: 0; } .cart-dataform .item label { display: block; margin-bottom: 5px; } .cart-dataform input[type='text'], .cart-dataform input[type='email'], .cart-dataform input[type='password'], .cart-dataform input[type='tel'], .cart-dataform select { width: 100%; padding-top: 8px; padding-bottom: 8px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* IE 8+ */ } #deliveryaddressForm, #change_deliveryaddressForm { margin-top: 20px; } #copy-data { font-size: 12px; padding-left: 25px; position: relative; display: inline-block; } #copy-data.inactive { opacity: 0.6; pointer-events:none; } #copy-data::before{ content:''; position: absolute; left: 0; top: calc(50% - 8px); width:16px; height:16px; background: url(../img/layout/copy-icon.svg) 0 0 no-repeat; opacity: 0.3; } #change_deliveryaddressForm input[type]:read-only { opacity: 0.6; } #change_deliveryaddressForm select.readonly { opacity: 0.6; pointer-events:none; } #fmlogin { margin-bottom: 10px; } .container-cart #loginBtn, .container-cart #registerBtn { display: none; } /* koszyk jednoetapowy */ #container-cart-single #cart-register, #container-cart-single #cart-login { display: none; } #container-cart-single #cart-register.active, #container-cart-single #cart-login.active { display: block; } #container-cart-single #loginBtn, #container-cart-single #registerBtn { display: block; } /* podsumowanie zamówienia */ #ankieta { margin: 0; list-style-type: none; } #ankieta li { float: left; width: 25%; margin-bottom: 5px; } #ankieta li:last-child label { margin-right: 5px; } #ankieta li input[type='text'] { max-width:100%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* IE 8+ */ } #confirm-order { list-style-type: none; margin: 0; padding-bottom: 20px; border-bottom: 1px solid #EBEEF0; } #confirm-order span { display: inline-block; min-width: 200px; } .box-paczkomaty { border: 1px solid #d8a100; padding: 20px; } .box-paczkomaty p:last-child { margin: 0; } .box-payment { border: 1px solid #d8a100; text-align: center; margin: 0 0 20px 0; padding: 20px; } .box-payment p { margin: 0 0 20px 0; } .cart-info { color: #D2071D; border: 2px solid #D2071D; padding: 20px; margin-bottom: 20px; } .ceneo-box { padding: 20px 20px 20px 160px; background: #F8F8F8 url(../img/layout/zaufane-opinie.png) 20px 50% no-repeat;} /* popup do koszyka ------------------------------------------------------------------------------ */ #windowcart {display: none; } #windowcart-head { font-weight: bold; font-size: 16px; margin-bottom: 20px; } .windowcart-buttons { margin: 0 -5px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .windowcart-buttons a { -webkit-flex: 1 1; flex: 1 1; text-align: center; white-space: nowrap; margin: 0 5px; margin-bottom: 10px; } #windowcart-recommended { max-width: 900px; } #windowcart-recommended h3 { font-size: 16px; } #windowcart-recommended .gallery5 .product { width: calc(20% - 16px) !important; margin-right: 20px !important; margin-bottom: 20px; min-width: 160px; } #windowcart-recommended .gallery5 .product:nth-child(5n) { margin-right: 0 !important; } #windowcart-recommended .gallery5 .product:nth-child(n+11) { display: none; } #windowcart-recommended .product .product-actions { display: none; } #windowcart-recommended .product .description-wrapper { text-align: center; } #windowcart-recommended .product a.add-to-cart, #windowcart-recommended .product a.ask { display: inline-block; margin-top: 10px; } /* wyszukiwanie zaawansowane ------------------------------------------------------------------------------ */ #search-adv header { padding: 20px; background: #F5F6F7; margin-bottom: 20px; } #search-adv h4 { display: inline; font-size: 16px; margin-right: 20px; } #search-adv header input[type='text'] { margin-right: 10px; } #search-adv header p { margin-bottom: 0; margin-top: 10px; } #search-adv .cont { padding: 20px; } #search-adv .title { font-weight: bold; margin: 0 0 10px 0; } #search-adv ul { margin: 0 0 20px 0; list-style-type: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } #search-adv ul li { width: calc(33.333333333% - 6.666666667px); margin-bottom: 5px; padding-bottom: 5px; margin-right: 10px; border-bottom: 1px solid #EBEEF0; } #search-adv .cont input[type='text'] { width: 80px; } /* wyszukiwanie nie znalezione ------------------------------------------------------------------------------ */ #not-found { text-align: center; } #not-found .message { margin: 40px 0; font-weight: bold; } #not-found .title { margin-right: 10px; } #not-found p { margin-bottom: 20px; } /* logowanie ------------------------------------------------------------------------------ */ #login-box p { margin: 0 0 20px 0; } #login-box ul { margin: 0 0 10px 0; list-style-type: none;} #login-box li { margin: 0 0 10px 0; clear: both; } #login-box label { display: inline-block; width: 40%; max-width: 150px; } #login-box input[type='text'], #login-box input[type='password'] { width: 60%; max-width: 350px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* IE 8+ */ } #login-box .btn { margin-bottom: 20px; } #login-box .more { color: #d8a100; } #pass-form input[type='text'] { margin: 0 10px 10px 0; } .login-box__last { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; } .login-box__last .btn { flex: 1 1; max-width: 350px; margin-bottom: 0 !important; } .login-box__providers-btns { margin-bottom: 20px; } .login-box__providers-btns--login { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; } #fmlogin input[type='submit'] { display: block; width: 100%; } @media only screen and (min-width: 769px) { .login-box__providers-btns--cart, #fmlogin input[type='submit'] { max-width: 50%; } } .login-box__providers-btns__space { display: block; position: relative; width: 40%; max-width: 150px; text-align: right; } .login-box__providers-btns__content { flex: 1 1; max-width: 350px; } .login-box__divider { display: block; margin-bottom: 10px; text-align: center; } .login-link { margin-bottom: 10px; padding: 10px; border: 1px solid #c9d8d9; border-radius: 4px; display: flex; align-items: center; justify-content: center; gap: 10px; } .login-link:last-child { margin-bottom: 0; } .login-link:hover { text-decoration: none; } .login-link::before { content: ""; display: inline-block; width: 20px; height: 20px; background: center / 20px no-repeat; } .login-link--google::before { background-image: url("../img/layout/login-google.svg"); } .login-link--fb::before { background-image: url("../img/layout/login-facebook.svg"); } .error-box { text-align: center; font-weight: bold; padding: 30px 20px; border-bottom: 1px solid #EBEEF0; } /* rejestracja ------------------------------------------------------------------------------ */ #register-info h4 { font-size: 16px; margin-bottom: 20px; } #register-info ul { margin: 0 0 20px 1em; } .register-data { margin: 0 0 20px 0; list-style-type: none; } .register-data li { margin: 0 0 10px 0; clear: both; } .register-data label { display: inline-block; width: 50%; max-width: 200px; } .register-data li input[type='text'], .register-data li input[type='password'], .register-data li input[type='email'], .register-data li select { width: 50%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* IE 8+ */ } #regulations, #regulations-form { margin: 0 0 20px 0; list-style-type: none; font-size: 12px; } #regulations li, #regulations-form li { margin: 0 0 10px 0; clear: both; } #regulations a, #regulations-form a { text-decoration: underline; } #customer-data h4 { margin-bottom: 10px; } #customer-data fieldset { border: 0; padding: 0; margin: 0; } #customer-data legend { display: none; } #customer-data .removeBox { display: flex; } #customer-data .removeBox h4 { min-width: 200px; } #login-index h4, #register-box h4 { margin-bottom: 10px; font-size: 16px; } #host-ip { font-size: 12px; color: #999; margin-bottom: 20px; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; } #host-ip label { margin-right: 10px; } #register-box-wrapper { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center; } #register-box-wrapper #register-box { max-width: 50%; } /* galeria CMS ------------------------------------------------------------------------------ */ .cms-gallery { margin: 30px 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(305px, 1fr)); gap: 20px; } .cms-gallery__item { position: relative; border-radius: 4px; overflow: hidden; display: flex; flex-direction: column; } .cms-gallery__img-wrapper { flex: 1 1; } .cms-gallery__img { display: block; width: 100%; height: 100%; object-fit: cover; } .cms-gallery__description { position: absolute; inset: 0; background-color: rgba(0, 0, 0, 0.3); opacity: 0; transition: opacity 0.2s ease-out; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 10px; } .cms-gallery__description--fancybox { pointer-events: none; } .cms-gallery__item:hover .cms-gallery__description { opacity: 1; } .cms-gallery__name { margin: 0; color: #fff; font-size: 16px; font-weight: 700; filter: drop-shadow(2px 4px 6px #000); } .cms-gallery-slider { margin-bottom: 28px; } .cms-gallery-slider__wrapper { margin: 30px 0; } @media only screen and (max-width: 479px) { .cms-gallery { gap: 10px; } } @media only screen and (max-width: 767px) { .cms-gallery { grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); } } /* strony CMS ------------------------------------------------------------------------------ */ /* katalog firm ------------------------------------------------------------------------------ */ .content-map { margin-bottom: 60px; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .content-map > h2 { width: 100%; margin-bottom: 50px; font-size: 24px; font-weight: 700; text-transform: uppercase; } .map-options { -webkit-flex: 0 1 310px; flex: 0 1 310px; margin-right: 20px; max-width: 33.33333%; } .map-options > p { font-size: 18px; margin-bottom: 30px; } .map-option { margin-bottom: 10px; } .map-option label { font-size: 16px; font-weight: 700; cursor: pointer; } .map-option input { display: inline-block; vertical-align: middle; } .map-wrapper { position: relative; -webkit-flex: 1 1; flex: 1 1; } #map { height: 500px; width: 100%; } .map-loader-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; justify-content:center; align-items: center; } .map-loader, .map-loader:after { border-radius: 50%; width: 10em; height: 10em; } .map-loader { margin: 60px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(248,84,34, 0.2); border-right: 1.1em solid rgba(248,84,34, 0.2); border-bottom: 1.1em solid rgba(248,84,34, 0.2); border-left: 1.1em solid #f85422; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; } @-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .map-items { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 50px; } .map-items .item { width: calc(25% - 18px); padding: 25px 0; margin-bottom: 24px; margin-right: 24px; border-top: 1px solid #F2F2F2; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; } .map-items .item:nth-child(4n) { margin-right: 0; } .map-items .item-logo { margin-right: 10px; width: 100px; } .map-items .item-logo img { display: block; margin: 0 auto; } .map-items .item-desc { -webkit-flex: 1 1; flex: 1 1; } .map-items .item h4 { margin-bottom: 5px; } .map-items .item p { margin-bottom: 0; } .map-items .item .item-address { font-weight: 700; } .map-items .item .item-address, .map-items .item .item-contact { margin-bottom: 20px; } .map-items .item .item-contact > a { display: block; margin-bottom: 10px; } .map-items .item .item-contact > a:before { content: ''; display: inline-block; vertical-align: middle; width: 16px; height: 16px; margin-right: 10px; background-position: center; background-repeat: no-repeat; } .map-items .item .item-contact > .phone::before { background-image: url(../img/layout/phone-icon.svg); } .map-items .item .item-contact > .email::before { background-image: url(../img/layout/email-icon.svg); } .map-items .item .item-description{ color: #4E4E4E; } .map-items .item .item-description { margin-bottom: 10px; color: #4E4E4E; } .map-items .item-link { color: #32B784; } .company-page h4 { margin-bottom: 20px; font-size: 16px; } .company-items { margin-bottom: 40px; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; } .company-items > .item { width: calc(50% - 20px); margin-right: 40px } .company-items > .item:last-child { margin-right: 0; } .item-company { margin-bottom: 20px; } .item-company-logo { margin-bottom: 20px; } .item-company-logo img { max-height: 200px; } .item-company-desc { color: #4E4E4E; } #company-gallery { margin-bottom: 40px; } #company-gallery h4 { margin-bottom: 0px; } #company-gallery .gallery-items { margin: 0; list-style-type: none; padding: 16px 0; } #company-gallery .gallery-item { width: 193px; margin-right: 20px; -moz-box-shadow: 0 0 16px rgba(0,0,0,0.08); -webkit-box-shadow: 0 0 16px rgba(0,0,0,0.08); box-shadow: 0 0 16px rgba(0,0,0,0.08); } #company-gallery .gallery-item a { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; height: calc(100% - 10px); padding: 5px; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; -webkit-flex-direction: column; flex-direction: column; } .contact-box-top { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; background-color: #F2F2F2; margin-bottom: 60px; } .contact-box-top > .content-wrapper, .contact-box-top > .img-wrapper { width: 50%; box-sizing: border-box; } .contact-box-top > .content-wrapper { padding: 60px 50px; font-size: 16px; } .contact-box-top > .content-wrapper > .title { margin-bottom: 35px; } .contact-box-top > .content-wrapper > .contact-data { margin-bottom: 20px; } .contact-box-top > .content-wrapper > .work-hours { color: #4E4E4E; } .contact-box-top > .content-wrapper > .work-hours > p { margin-bottom: 5px; line-height: 16px; } .contact-box-top > .content-wrapper > .contact-data a, .contact-box-bottom > .content-wrapper > .contact-data a { display: block; margin-bottom: 10px;} .contact-box-top > .content-wrapper > .contact-data a::before, .contact-box-bottom > .content-wrapper > .contact-data a::before { content: ''; display: inline-block; vertical-align: middle; width: 16px; height: 16px; margin-right: 10px; background-position: center; background-repeat: no-repeat; } .contact-box-top > .content-wrapper > .contact-data .phone::before, .contact-box-bottom > .content-wrapper > .contact-data .phone::before { background-image: url(../img/layout/phone-icon.svg); } .contact-box-top > .content-wrapper > .contact-data .mail::before, .contact-box-bottom > .content-wrapper > .contact-data .mail::before { background-image: url(../img/layout/email-icon.svg); } .contact-box-bottom { background-color: #F2F2F2; } .contact-box-bottom > .content-wrapper { padding: 60px 50px; font-size: 16px; } .contact-box-bottom > .content-wrapper > .title { font-size: 24px; margin: 0 0 30px; } .contact-box-bottom > .content-wrapper > .company-data { margin-bottom: 40px; color: #4E4E4E; } .contact-box-bottom > .content-wrapper > .company-data p { line-height: 18px; margin-bottom: 7px; } .contact-box-bottom > .content-wrapper > .contact-data { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } .contact-box-bottom > .content-wrapper > .contact-data > div { width: calc(33.33333% - 13.33333px); margin-right: 20px; } .contact-box-bottom > .content-wrapper > .contact-data > div:nth-child(3n) { margin-right: 0; } .contact-box-bottom > .content-wrapper > .contact-data strong { display: block; margin-bottom: 24px; } /* szczegoly firmy */ .company-page h4 { margin-bottom: 10px; font-size: 16px; } .company-items { margin-bottom: 40px; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; } .company-items > .item { width: calc(50% - 20px); margin-right: 40px } .company-items > .item:last-child { margin-right: 0; } .form-list { margin: 0; list-style-type: none; } .form-list > li { margin-bottom: 5px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; } .form-list label { width: 30%; max-width: 300px; margin-right: 10px; } .form-list input[type='text'], .form-list textarea { flex: 1 1; max-width: 500px; } .form-list .form-list-desc { flex: 1 1; } .form-list .recaptcha-wrapper { clear: both; margin-bottom: 10px; } .form-list .label-check { width: auto; max-width: none; } /* +18 ------------------------------------------------------------------------------ */ #adult { text-align: center; } #adult h4 { margin: 20px 0; color: #d8a100; } #adult .btn { margin: 0 10px; } /* schowek ------------------------------------------------------------------------------ */ #safe-empty h4 { margin-bottom: 10px; color: #d8a100; } /* Aktualności, Blog ------------------------------------------------------------------------------ */ #blog-search { margin-bottom: 20px; } #blog-search form { padding-right: 45px; position: relative;} #blog-search input[type='search'] { width: 100%; height: 40px; padding: 0 5px; -webkit-appearance: none; } #blog-search .btn-search { width: 45px; height: 40px; border: 0; cursor: pointer; position: absolute; right: 0; top: 0; font-weight: bold; } #articles-menu .box-left-header { background-image: url(../img/layout/menu-icon.svg); } #articles-menu ul { margin: 0; list-style-type: none; } #articles-menu li { margin: 0; padding: 6px 15px; border-bottom: 1px solid #EBEEF0; } #articles-menu .categories .active { font-weight: bold; } .articles .linked { border-bottom: 1px solid #EBEEF0; margin-bottom: 20px; padding-bottom: 20px; } .articles-item:last-child .linked { border-bottom: 0; margin-bottom: 0; padding-bottom: 0;} .articles .linked p { margin: 0; font-size: 12px; } .articles .linked span { color: #838D94; } .articles-item { margin-bottom: 20px; } .articles-item .date, #article .date { margin: 0 0 5px 0; color: #838D94; text-align: right; } .articles-item h3.title { font-size: 16px; margin: 0 0 10px 0; } .articles-item h3.title a { color: #d8a100; } .articles-item .more { margin-bottom: 20px; } .articles-item .more a { color: #d8a100; } .articles-desc { margin-bottom: 20px; } #article h4.title { margin-bottom: 10px; } #article .article-content { border-bottom: 1px solid #EBEEF0; margin-bottom: 20px; padding-bottom: 20px; } #comment-list { margin-bottom: 20px; border-bottom: 1px solid #EBEEF0; } #comment-list .comment { margin-bottom: 20px; } #comment-list .user { margin-bottom: 5px;} #comment-list .user strong { margin-right: 5px;} #comment-list .user em { font-size: 12px; color: #838D94; font-style: normal; } #comment-list .reply { padding-left: 20px; margin-left: 20px; border-left: 1px solid #EBEEF0; } #comment-list .reply-btn { color: #d8a100; font-size: 12px; } #article-products { margin-bottom: 20px; } #article-products .product { float: left; width: 49%; padding: 10px 0; margin: 0 1% 0 0; border-bottom: 1px solid #EBEEF0; } #article-products .product:nth-child(2n) { margin: 0 0 0 1%; } #article-products .product:nth-child(2n+1) { clear: both; } #article-products .product-box { display: table; width: 100%; } #article-products .product-img { display: table-cell; width: 80px; padding-right: 20px; text-align: center; } #article-products .description { display: table-cell; vertical-align: top; } #article-products .description p { margin-bottom: 0; } #start-articles { margin-bottom: 20px; } #start-articles .cont { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; } #start-articles .article-item { border-right: 1px solid #F0F2F5; border-bottom: 1px solid #D1D5D7; width: calc(33.333333333% - 34.333333333px); padding-right: 20px; padding-bottom: 20px; margin-right: 20px; margin-bottom: 20px; } #start-articles .article-item:nth-child(3n) { margin-right: 0; } #start-articles .items { display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-flex-direction: column; flex-direction: column; height: 100%; } #start-articles .items .item1 { -webkit-flex: 1 1; flex: 1 1;} #start-articles .date { margin:0; color: #838D94; text-align: right; font-size: 12px;} #start-articles h4 { margin-bottom: 10px; } #start-articles .more a { color: #d8a100; } #start-articles .article-img { margin-bottom: 20px; } #start-articles .article-img img { display: block; margin: 0 auto; } /* Lista kategorii ------------------------------------------------------------------------------ */ #categories-list h4 { text-transform: uppercase; margin-bottom: 5px; } #categories-list h4 a { color: #d8a100; } #categories-list ul { margin: 0 0 20px 0; list-style-type: none; } #categories-list ul li { display: inline-block; min-width: 16%; margin-right: 3%; } /* Lista producentów ------------------------------------------------------------------------------ */ #producer-list ul { margin: 0; list-style-type: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; } #producer-list li { width: calc(25% - 15px); margin-right: 20px; margin-bottom: 20px; } #producer-list li a { border: 1px solid #F0F2F5; display: block; height: calc(100% - 22px); padding: 10px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; -webkit-flex-direction: column; flex-direction: column; text-decoration: none; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } #producer-list li a:hover { border-color: transparent; -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2); box-shadow: 0 5px 10px rgba(0,0,0,0.2); } #producer-list .producer-logo-wrapper { width: 100%; max-width: 200px; margin: 0 auto 5px auto; } #producer-list .producer-logo { display: block; padding-bottom: 50%; position: relative; } #producer-list .img-wrapper { position: absolute; top: 0; left: 0; bottom: 0; right: 0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; -webkit-flex-direction: column; flex-direction: column; } #producer-list .producer-logo img { max-height: 100%; } /* mapa kategorii ------------------------------------------------------------------------------ */ #category-map { display: flex; flex-wrap: wrap; margin-bottom: 40px; } #category-map .category { width: calc(16.6666667% - 16.6666667px); text-align: center; margin-right: 20px; margin-bottom: 20px ; } #category-map h3 { text-transform: uppercase; margin: 0 0 10px; font-size: 1em; padding: 0 15px; } #category-map h3 a { font-weight: 600; } #category-map .category-img { margin: 0 0 10px; padding-bottom: 6px; border-bottom: 1px solid #E2E2E2; } #category-map .subcategory-cont { margin-right: 10px; } /* historia zamówień ------------------------------------------------------------------------------ */ #order-history ul { float: left; width: 100%; margin: 0 0 20px 0; list-style-type: none; border-bottom: 1px solid #EBEEF0; } #order-history li { float: left; width: 30.33%; margin: 0 3% 10px 0; } #order-history .item1 b { margin-right: 10px; } #order-history span { color: #838D94; } #order-history a.more { color: #d8a100; } #order-history p { margin: 0; } #order-info .title { font-weight: bold; margin: 0 0 10px 0; } #order-list-header { clear: both; float: left; width: 100%; background-color: #F5F6F7; margin: 0; list-style-type: none; } #order-list-header li { float: left; padding: 10px 0; margin: 0; font-weight: bold; } #order-list-header .name { width: 45%; } #order-list-header .price { width: 20%; text-align: center;} #order-list-header .number { width: 15%; text-align: center; } #order-list-header .value { float: right; width: 20%; text-align: right; } #order-list-header span { margin: 0 20px; } #order-products .item { float: left; width: 100%; padding: 10px 0; border-bottom: 1px solid #EBEEF0; } #order-products .product-img { float: left; width: 15%; text-align: center; overflow: hidden; } #order-products .description { float: left; width: 30%; } #order-products .price { float: left; width: 20%; text-align: center; } #order-products .number { float: left; width: 15%; text-align: center; } #order-products .value { float: right; width: 20%; text-align: right; } #order-products span.name { color: #838D94; display: none; } #order-info .sum { clear: both; text-align: right; } #order-info #confirm-order { margin-bottom: 10px; } .download-files { margin: 0 0 40px 0; list-style-type: none; } .download-files li { margin: 0 0 5px 0; padding: 0 0 0 20px; background: url(../img/layout/download-files.svg) 0 50% no-repeat; } .download-files li .name { margin-right: 20px; } #order-item-info { margin: 0; list-style-type: none; } #order-item-info li { float: left; width: 100%; margin: 0 0 10px 0; padding-bottom: 10px; border-bottom: 1px solid #EBEEF0; } #order-item-info li:last-child { border: 0; } #order-item-info li.first { color: #838D94; } #order-item-info .item1 { width: 30%; float: left; } #order-item-info .item2 { width: 65%; float: right; } /* program partnerski ------------------------------------------------------------------------------ */ #pp h4 { margin-bottom: 20px; } #pp textarea { width: 100%; max-width: 600px; margin: 0 0 40px 0; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* IE 8+ */ } #pp ul { margin: 0; list-style-type: none; } #pp .pp-link { margin: 0 0 20px 0; list-style-type: none; border-bottom: 1px solid #EBEEF0;} #pp .pp-link li { margin: 10px 0 0 0; float: left; position: relative; top: 1px; } #pp .pp-link li a { display: block; background: #eae8e9; border: 1px solid #EBEEF0; padding: 0 20px; margin-right: 10px; outline: 0; text-decoration: none; height: 38px; line-height: 38px; overflow: hidden; } #pp .pp-link li.active a { background-color: #fff; border-bottom-color: #fff; } #pp .pp-lista1 li { margin: 0; padding: 5px 0; list-style-type: none; border-bottom: 1px solid #F2F2F2; } #pp .item1 { display: inline-block; min-width: 30%; margin-right: 10px; } #pp .item2 { display: inline-block;} #pp .item2 input[type='text'] { width: 50%; min-width: 220px; margin-right: 10px; margin-bottom: 10px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* IE 8+ */ } #pp .pp-tabela ul { display: table; width: 100%; padding: 5px 0; border-bottom: 1px solid #F2F2F2; } #pp .pp-tabela ul:nth-child(2n) { background-color: #FAFAFA; } #pp .pp-tabela ul:first-child { font-weight: bold; } #pp .pp-tabela1 li { display: table-cell; padding: 0 10px; } #pp .pp-tabela1 li:nth-child(1) { width: 120px; } #pp .pp-tabela1 li:nth-child(3) { width: 120px; text-align: right; } #pp .pp-tabela1 li:nth-child(4) { width: 120px; text-align: right; } #pp .pp-tabela2 li { display: table-cell; padding: 0 10px; width: 15%; text-align: center; } #pp .pp-tabela2 li:nth-child(1) { width: auto; text-align: left; } #pp span.name { font-weight: bold; display: none; } #pp .sum { font-weight: bold; } #pp .pp-tabela1 .sum li:nth-child(1) { width: auto; text-align: right; } #pp .pp-tabela1 .sum li:nth-child(2) { width: 120px; padding-right: 150px; text-align: right;} /* formularze ------------------------------------------------------------------------------ */ .form-default dl { clear: both; margin: 0 0 10px 0; } .form-default dt { float: left; width: 40%; max-width: 300px; margin: 0; } .form-default dd { display: inline-block; width: 60%; margin: 0; } .form-default dt label { margin-right: 20px; margin-bottom: 10px; display: inline-block; } .form-default dd input[type='text'], .form-default li input[type='password'] { width: 80%; max-width: 250px; } .form-default dd textarea { width: 100%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* IE 8+ */ } .form-default h4 { margin-bottom: 10px; font-size: 16px; } .form-default .submit-item label { width: 40%; max-width: 300px; display: inline-block; } .form-default .ui-datepicker-trigger { float: none; } .complaint-info { font-size: 12px; } .complaint-info__items { margin: 0 0 10px 20px; padding: 0; } .complaint-info-txt { font-size: 12px; } #tableElements { width: 100%; } #tableElements th { text-align: left; padding-bottom: 5px; font-weight: normal; } #tableElements td { padding: 0 10px 10px 0; } #tableElements .item1 { width: 260px; } #tableElements .item1i { width: 100%; } #tableElements .item2i { max-width: 100px; min-width: 50px; } /* kontakt ------------------------------------------------------------------------------ */ .contact-left { float: left; width: 50%; margin-bottom: 20px; } #contact-form { float: right; width: 50%; margin-bottom: 20px; } #contact-form ul { margin: 0; list-style-type: none; } #contact-form li { margin: 0 0 10px 0; clear: both; } #contact-form label { display: inline-block; width: 50%; max-width: 200px; } .form-default .recaptcha-wrapper, #contact-form .recaptcha-wrapper { display: inline-block; } .form-default .g-recaptcha, #contact-form .g-recaptcha { margin-bottom: 5px; } #contact-form .first label { float: left; } #contact-form input[type='text'], #contact-form input[type='email'], #contact-form textarea { width: 50%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* IE 8+ */ } #contact-form h4 { margin-bottom: 10px; text-transform: uppercase; } .label-check { font-size: 12px; } .label-check a { text-decoration: underline; } #contact-form .label-check { width: auto; max-width: none; } #contact-map { clear: both; } #contact-map iframe { width: 100%; max-width: 600px; } #contact-map h4 { margin-bottom: 10px; text-transform: uppercase; } /* stopka i panel dolny ------------------------------------------------------------------------------ */ .container-bottom { display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 35px; border-bottom: 1px solid #2B2B2B; } .container-bottom .box-bottom { float: left; width: calc(16.66666667% - 8.33333px); margin-right: 10px; margin-bottom: 20px; color: #E2E2E2; } .container-bottom .box-bottom a {color: #E2E2E2;} .container-bottom .box-bottom .title { text-transform: uppercase; margin-bottom: 30px; font-weight: 600; color: #E2E2E2; } .container-bottom .box-bottom ul { margin: 0; list-style-type: none; } .container-bottom .box-bottom ul li { margin-bottom: 8px; } .container-bottom .box-bottom ul li > a { color: #E2E2E2; } .container-bottom a.all { display: block; color: #32B784; } .container-bottom .box-bottom .phone { font-size: 20px; margin: 15px 0 5px; } .container-bottom .box-bottom .hours { font-size: 12px; } .container-bottom .box-bottom .mail { margin-top: 20px; } .container-bottom .box-bottom .mail a { color: #32B784; } .container-bottom .box-bottom .fb { margin-top: 20px; } .container-bottom .box-bottom .fb a { display: inline-block; height: 32px; line-height: 32px; border: 2px solid #4172B8; border-radius: 25px; text-transform: uppercase; color: #fff; font-size: 12px; font-weight: 600; padding: 0 15px; text-decoration: none; transition: all 0.2s; } .container-bottom .box-bottom .fb a svg { display: inline-block; vertical-align: text-bottom; margin-right: 10px; } .container-bottom .box-bottom .fb a:hover { background-color: #4172B8; } .container-bottom .box-bottom .fb a:hover svg path { fill: #fff; } #footer { text-align: center; font-size: 12px; padding-bottom: 60px; color: #fff; } #footer .selly, #footer .partner-logo { line-height: 25px; white-space: nowrap; } #footer .selly img, #footer .partner-logo img { vertical-align: middle; max-width: 70px; } #footer .selly a, #footer .partner-logo a { color: #F85422; text-decoration: none; font-weight: bold; font-size: 11px; } #footer .payment img { opacity: 0.6; } .footer-info-box { display: flex; flex-wrap: wrap; color: #4E4E4E; } .footer-info-box > span { width: 50%; } .footer-info-box > span:first-of-type { text-align: right; } .footer-info-box > span:last-of-type { text-align: left; } .footer-info-box > p { width: 100%; } .footer-info-box img { margin-bottom: 40px; } /* newsletter */ .box-newsletter { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; background-color: #F2F2F2; margin-bottom: 80px; } .box-newsletter .newsletter-item { width: 50%; box-sizing: border-box; } .box-newsletter .newsletter-item1 { padding: 52px 55px; } .box-newsletter .newsletter-item2 { font-size: 0; } .box-newsletter .title { font-size: 32px; font-weight: 800; margin-bottom: 30px; text-transform: uppercase; } #newsletter-form fieldset { border: 0; padding: 0; margin: 0; } #newsletter-form .cont { max-width: 700px; margin-bottom: 10px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; border-bottom: 1px solid #11110E; } #newsletter-form input[type='text'] { -webkit-flex: 1 1; flex: 1 1; border: 0; background-color: transparent; outline: none; padding: 0 10px 0 0; } #newsletter-form input[type='text']::placeholder { color: #A9A9A9; } #newsletter-form .info { margin-bottom: 20px; } #subscribe-btn { border: 0; height: 43px; line-height: 43px; width: 43px; font-size: 0px; text-transform: uppercase; cursor: pointer; background-color: transparent; background-image: url(../img/layout/plus-circle-icon.svg); background-position: center; background-repeat: no-repeat; } .unsubscribe-wrapper { -webkit-align-self: flex-end; align-self: flex-end; } #unsubscribe-btn { border: 0; font-size: 12px; background-color: transparent; border: 1px solid #11110e; cursor: pointer; } /* widzety */ #widget-faceboox { width: 300px; top: 170px; right: -300px; background-color: #fff; position: fixed; z-index: 550; transition: all 0.5s; } #widget-faceboox:hover { transform: translateX(-300px); } #widget-faceboox .cont { position: relative; } #widget-faceboox .cont::before { content: ''; position: absolute; width: 35px; height: 35px; left: -35px; background: #3B5998 url(../img/layout/facebook-widget-icon.svg) calc(100% - 5px) bottom no-repeat; } .nobar #widget-faceboox { display: none; } #widget-allegro { position: fixed; width: 400px; top: 210px; right: -400px; color: #000; z-index: 200;} #widget-allegro .cont { background-color: #F5F6F7; border: 1px solid #EBEEF0; padding: 10px; position: relative; z-index: 999; } #widget-allegro .allegro-icon { position: absolute; top: -1px; left: -35px; width: 35px; height: 85px; background: #F5F6F7 url(../img/layout/allegro-widget-icon.svg) 50% 50% no-repeat; } #widget-allegro h3 { float: left; font-size: 1em; margin: 0; height: 22px; line-height: 22px; } #widget-allegro .more { float: right; margin-bottom: 10px; font-size: 12px; line-height: 22px; height: 22px; padding: 0 10px; text-decoration: none; background-color: #F86300; color: #fff; } #widget-allegro .pozyt { clear: both; margin-bottom: 10px; height: 40px; line-height: 40px; font-size: 16px; color: #fff; background-color: #6F9E25; padding: 0 10px; } #widget-allegro .box1 { margin-bottom: 10px; background-color: #fff; padding: 10px; font-size: 12px; } #widget-allegro .box1 p { margin: 0 0 5px 0; padding: 0; } #widget-allegro .box1 ul { margin: 0; list-style-type: none; } #widget-allegro .box1 ul li { margin: 0 0 5px 0; float: left; width: 100%; line-height: 14px; } #widget-allegro .box1 ul li strong { float: left; width: 220px; font-weight: normal; } #widget-allegro .box1 ul li div { float: right; width: 120px; text-align: right; font-weight: bold; background: url(../img/layout/stars.svg) 0 bottom no-repeat; } #widget-allegro .box1 ul li div.prate5 { background-position: 0 0; } #widget-allegro .box1 ul li div.prate4 { background-position: 0 -20px; } #widget-allegro .box1 ul li div.prate3 { background-position: 0 -40px; } #widget-allegro .box1 ul li div.prate2 { background-position: 0 -60px; } #widget-allegro .box1 ul li div.prate1 { background-position: 0 -80px; } #widget-allegro .box2 { background-color: #fff; padding: 10px; font-size: 12px; } #widget-allegro .top { margin: 0 0 4px 0; list-style-type: none; float: left; width: 100%; } #widget-allegro .top li { float: left; text-align: center; width: 20%; } #widget-allegro .main { margin: 0; list-style-type: none; float: left; width: 100%; } #widget-allegro .main li { padding: 4px 0; float: left; text-align: center; width: 20%; } #widget-allegro .main .item1 { text-align: left; } #widget-allegro .pozytywne { color: #009b00; font-weight: bold; } #widget-allegro .neutralne { color: #646464; font-weight: bold; } #widget-allegro .negatywne { color: #ee3e2b; font-weight: bold; } #widget-allegro .pozytywne .item1, #widget-allegro .negatywne .item1, #widget-allegro .neutralne .item1 { color: #000; font-weight: normal; } /* popups */ #popup-page { display: none; } #popup-exit { display: none; text-align: center; padding: 20px; } #popup-exit h4 { font-size: 24px; margin-bottom: 20px; } #popup-exit .items { min-width: 600px; margin: 0 auto; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; } #popup-exit .items a { border: 1px solid #F0F2F5; background-color: #F7F8F9; text-transform: uppercase; padding: 20px 10px; -webkit-flex: 1 1 calc(33.333333333% - 28.6px); flex: 1 1 calc(33.333333333% - 28.6px); margin-right: 10px; text-decoration: none; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } #popup-exit .items a:hover { border-color: #D1D5D7; -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2); box-shadow: 0 0 10px rgba(0,0,0,0.2); } #popup-exit .items a:last-child { margin-right: 0; } #popup-exit .icon { display: block; margin: 0 auto 20px 0; } #popup-exit .icon img { display: block; margin: 0 auto; } #popup-exit .pbtn { display: inline-block; line-height: 40px; height: 40px; padding: 0 10px; font-weight: bold; } #popup-newsletter { max-width: 600px; display: none; } #popup-newsletter .title { font-size: 22px; font-weight: bold; margin-bottom: 10px; } #popup-newsletter .info { margin-bottom: 20px; } #popup-newsletter-form fieldset { border: 0; padding: 0; margin: 0; } #popup-newsletter-form .cont { margin-bottom: 10px; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; } #popup-newsletter-form .input-wrapper { -webkit-flex: 1 1; flex: 1 1; } #popup-newsletter-form input[type='text'] { width: 100%; height: 100%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* IE 8+ */ } #popup-newsletter-form .info { margin-bottom: 20px; } #popup-newsletter-form .clauses p { line-height: 1.3em; } #popup-newsletter-form .clauses p:last-child { margin-bottom: 0; } /* strona 404 */ .page-404 { text-align: center; } .image-404 { margin: 15px 0; } .info-404 { font-size: 18px; margin-bottom: 30px; } /* informacja o cookies */ :root { --cc-bg: #fff; --cc-text: #11110E; --cc-btn-primary-bg: #000000; --cc-btn-primary-text: #fff; --cc-btn-primary-hover-bg: #333333; --cc-btn-secondary-bg: #fff; --cc-btn-secondary-text: var(--cc-text); --cc-btn-secondary-hover-bg: #fff; --cc-toggle-bg-off: #A6A6A6; --cc-toggle-bg-on: var(--cc-btn-primary-bg); --cc-toggle-bg-readonly: #E2E2E2; --cc-toggle-knob-bg: #fff; --cc-toggle-knob-icon-color: #F5F5F5; --cc-block-text: var(--cc-text); --cc-cookie-category-block-bg: #F7F7F7; --cc-cookie-category-block-bg-hover: #F4F4F4; --cc-section-border: #F5F5F5; --cc-cookie-table-border: #F2F2F2; --cc-overlay-bg: rgba(4, 6, 8, 0.85); --cc-webkit-scrollbar-bg: #DBDBDB; --cc-webkit-scrollbar-bg-hover: #A0A0A0; --cc-button-radius: 0; --cc-button-font-size: 0.875em; --cc-button-padding: 0.938em 1.250em; --cc-txt-font-size: 0.875em; --cc-ttl-font-size: 0.875em; } #cm, #s-inr { border-radius: 0 !important;} #cm { padding: 0 !important;} #c-txt { border-bottom: 1px solid #F5F5F5; padding-bottom: 10px; padding: 10px; } #c-inr { -webkit-flex-direction: column; flex-direction: column; } .c-bn { border: 1px solid #000 !important; } #c-bns { padding: 10px; } .c-tgl:checked { border-color: transparent !important; } .c-tgl:checked:before { background-color: transparent !important; } .c-tgl:before { background-color: transparent !important; } .c-tgl:hover:before { background-color: transparent !important; } #selly-cookies { display: none; position: fixed; font-size: 12px; bottom: 0; padding: 5px 0; width: 100%; z-index: 10000; background: #F1F1F1; -moz-box-shadow: 2px 2px 10px #E6E6E6 inset; -webkit-box-shadow: 2px 2px 10px #E6E6E6 inset; box-shadow: 2px 2px 10px #E6E6E6 inset; } #selly-cookies p { margin: 0; } #selly-cookies .cont { max-width: 1300px; margin: 0 auto; padding: 0 20px; } #selly-cookies a.close { float: right; margin: 0; } /* slider ------------------------------------------------------------------------------ */ .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; } .swiper-container--expandeble { padding-bottom: 75px; } .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; transition-property: transform; box-sizing: content-box; } .swiper-container-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); } .swiper-container-multirow > .swiper-wrapper { -webkit-flex-wrap: wrap; flex-wrap: wrap; } .swiper-container-multirow-column > .swiper-wrapper { -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-flex-direction: column; flex-direction: column; } .swiper-slide { -webkit-flex-shrink: 0; flex-shrink: 0; width: 100%; position: relative; transition-property: transform; } .swiper-slide-invisible-blank { visibility: hidden; } /* slider typ */ .swiper-container-autoheight,.swiper-container-autoheight .swiper-slide { height: auto; } .swiper-container-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-container-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; -ms-overflow-style: none; } .swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-container-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-container-fade .swiper-slide { pointer-events: none; transition-property: opacity; } .swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; } .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; } /* slider controls */ .swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; z-index: 10; cursor: pointer; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -moz-flex; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; background-color: #11110E; background-repeat: no-repeat; background-position: 50% 50%; top: calc(50% - 20px); width: 45px; height: 45px; text-indent: -9999px; font-size: 0; outline: 0; border-radius: 50px; } .swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { display: none; cursor: auto; pointer-events: none; } .swiper-button-prev:after, .swiper-button-next:after { text-transform: none !important; } .swiper-button-prev { left: 0px; right: auto; background-image: url(../img/layout/controls-prev.svg); } .swiper-button-prev:after { content: 'prev'; } .swiper-button-next { right: 0px; left: auto; background-image: url(../img/layout/controls-next.svg); } .swiper-button-next:after { content: 'next'; } .swiper-button-lock { display: none; } .swiper-pagination { transform: translate3d(0, 0, 0); display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-moz-flex; display:-webkit-flex; display:flex; -webkit-justify-content: center; justify-content: center; } .swiper-pagination .swiper-pagination-bullet { width: 16px; height: 16px; margin-right: 5px; outline: 0; border-radius: 100%; background: #000; opacity: 0.2; } .swiper-pagination .swiper-pagination-bullet:last-child { margin-right: 0; } .swiper-pagination .swiper-pagination-bullet-active { opacity: 1; background: #11110E; } .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; } /* Preloader */ .swiper-lazy-preloader { width: 40px; height: 40px; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; z-index: 10; transform-origin: 50%; animation: swiper-preloader-spin 1s infinite linear; box-sizing: border-box; border: 4px solid #333; border-radius: 50%; border-top-color: transparent; } @keyframes swiper-preloader-spin { 100% { transform: rotate(360deg); } } .swiper-container .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; } /* Media Queries ------------------------------------------------------------------------------ */ @media only screen and (max-width: 479px) { /* kontentery strony */ .container-max { padding: 0 10px; } /* bloki layoutu strony */ .sbox { padding: 10px; } /* nagłówek */ #header-main #logo-wrapper { -webkit-flex: 1 1 calc(100% - 10px); flex: 1 1 calc(100% - 10px); margin-bottom: 10px; } #header-main .header-right { -webkit-flex:1 1 calc(50% - 10px); flex: 1 1 calc(50% - 10px); margin-bottom: 10px; } #header-main .header-phone { -webkit-flex: 1 1 50%; flex: 1 1 50%; margin-bottom: 10px; } #header-main #logo img { max-height: 50px; } #header-main .icon-box .title { display: none; } #cartContents .cart-suma .title { display: list-item; } #header-main .icon-box > a, #header-main .cart-header-wrapper { margin-left: 10px; } #header-main .icon > .value { right: -7px; } #header-search #search { padding-right: 0; } #header-search a#header-search-adv { display: none; } #cartContents { padding: 0 10px; } #cartContents .cart-list { padding: 10px 2px; } #cartContents .cart-list .cart-product .product-img { flex: 0 0 50px; } #lang-box-bar { padding: 0; } #lang-box-bar li { margin-right: 2px; } #lang-box { font-size: 10px; } #search-results .product h4 { font-size: 12px; } #search-results .price strong { font-size: 14px; } #search-results .search-items { -webkit-flex-direction: column; flex-direction: column; } #search-results .search-item1 { padding: 10px 20px; border-right: 0; -webkit-order: 2; order: 2; } #search-results .search-item2 { padding: 10px; } #search-results .search-item1 p { margin-bottom: 5px; } /* strona startowa */ .categories-section__items { grid-gap: 24px 12px; } .categories-section__item { gap: 24px 12px; } .categories-section__img-wrapper { -webkit-flex: 0 1 50px; flex: 0 1 50px; } .container-max-banner { margin-bottom: 40px; } h2.title { font-size: 24px; margin: 0 0 20px 0; } .header-more { margin-bottom: 15px; } .header-more p { width: 100%; margin-bottom: 15px; } .header-more a.more { height: 42px; line-height: 42px; font-size: 12px; } #startbox-header ul li { -webkit-flex: 1 1; flex: 1 1; } #startbox-header ul li a { padding: 0 5px; } #startbox-header a.more { font-size: 12px; } .page-slider .swiper-button-prev, .page-slider .swiper-button-next { display:none; } .swiper-pagination .swiper-pagination-bullet { width: 12px; height: 12px; } .swiper-pagination.page-slider-pagination { bottom: -6px; } .product-list-gallery .product-main-box, .product-list-slider .product-main-box { padding: 6px 6px 0; } .product-list-slider .desc-short { padding: 0 10px; } .product-list-gallery .desc-short { padding: 10px 5px; } .product .desc-short span::before { margin-right: 4px; } .product-actions { padding: 5px 6px; } .product-actions li { text-align: center; } .product-actions label, .product-actions a { font-size: 12px; } #hits { margin-bottom: 10px; } #popular-categories { margin-bottom: 50px; } .static-banners { margin-bottom: 40px; } .swiper-button-prev, .swiper-button-next { width: 30px; height: 30px; top: calc(50% - 5px); } #fabryka-sypialni { padding: 20px 0 1px; margin-bottom: 60px; } #fabryka-sypialni h2 { font-size: 28px; } #box-producer { margin-bottom: 60px; } .info-icon-item { width: 100%; } /* strona kategorii */ .filters li { width: 100%; margin-right: 0; } .list-nav.nav-top { justify-content: center; } .list-nav .item { margin-right: 15px; } .product-list-default .product { -webkit-flex-direction: column; flex-direction: column; } .product-list-gallery { gap: 0 10px; } .gallery2 .product, .gallery3 .product, .gallery4 .product, .gallery5 .product { width: calc(50% - 5px); } .gallery3 .product:nth-child(2n), .gallery4 .product:nth-child(2n), .gallery5 .product:nth-child(2n) { margin-right: 0; } #windowcart-recommended .gallery5 .product { width: calc(50% - 5px) !important; margin-right: 10px !important; margin-bottom: 10px !important; min-width: 130px !important; } #windowcart-recommended .gallery5 .product:nth-child(2n) { margin-right: 0 !important; } .product-list-default .product-img { width: auto; margin-right: 0; margin-bottom: 10px; } .product-list-gallery .product h4, .product-list-slider .product h4 { font-size: 12px; } .product-list-gallery .product h5, .product-list-slider .product h5 { font-size: 12px; } .product-list-gallery .product .price .pprice, .product-list-slider .product .price .pprice { font-size: 16px; } .product-promo-procent { font-size: 12px; width: 35px; height: 35px; line-height: 35px; } .product-list-gallery .price, .product-list-slider .price { flex-direction: column; } .contact-box__icon { width: 50px; height: 50px; background-size: 50px; } .contact-box__heading, .contact-box__phone, .contact-box__info { font-size: 14px; } /* mapa kategorii */ #category-map .category { width: 100%; margin-right: 0; } /* lista producentów */ #producer-list li { width: calc(50% - 10px); } #producer-list li:nth-child(2n) { margin-right: 0; } /* strona produktu */ .product-right .modal-tabs { padding: 15px 0 0; } .product-options .poption-item { width: calc(50% - 2.5px); } .product-options .poption-item:nth-child(2n) { margin-right: 0; } #raty-items { padding-left: 0; } .tab-set .item { flex: 1 1 50%; } .tab-set .item:nth-child(2n+1) { clear: both; } .product-shapes li { width: 50%; } /* porównanie produktów */ #product-comparison .product { width: 100%; } /* strona aukcji */ .auction-list .product-img { display: block; width: auto; text-align: center; margin-bottom: 10px; padding-right: 0; } .auction-list .description { display: block; width: 100%;} .auction-list .price { display: block; width: 100%; text-align: left; } /* koszyk */ .container-cart .cont { padding: 10px; } .cart-list { padding-left: 9px; padding-right: 9px; } .cart-suma { padding-left: 9px; padding-right: 9px; } .container-cart .gift-img { display: none; } #total-order li span { width: auto; } #to-cart { -webkit-flex-direction: column; flex-direction: column; text-align: center; } #to-cart li:first-child { margin-bottom: 10px; } #to-cart a { display: block; } #to-cart input[type='submit'], #to-cart button { width: 100%; } .cart-tabs { margin: 0 0 10px 0; border: 0; } .cart-tabs li { width: 50%; margin-bottom: 10px; } .cart-tabs a { display: block; padding: 0 10px; height: 38px; } .cart-tabs .active a { border-bottom-color: #EBEEF0; } .cart-data label.text { display: block; width: 100%; margin-bottom: 5px; } .cart-data li input[type='text'], .cart-data li input[type='password'] { width: 100%; } #confirm-order li { margin-bottom: 5px; } #confirm-order span { display: block; width: 100%; } #ankieta li { width: 50%; } .product-list-slider2 .description-wrapper { -webkit-flex-direction: column; flex-direction: column; } .product-list-slider2 .description { margin-right: 0; margin-bottom: 10px; } .product-list-slider2 .price { text-align: left; } .product-list-slider2 .product h5 { display: none; } .product-list-slider2 .product .price .pprice { font-size: 16px; } /* wyszukiwanie zaawansowane */ #search-adv h4 { display: block; margin-bottom: 10px; } #search-adv header { padding: 10px; } #search-adv header input[type='text'] { margin-bottom: 10px; width: 100%; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* IE 8+ */ } #search-adv .cont { padding: 10px; } #search-adv ul li { width: 100%; margin-right: 0; } /* rejestracja */ .register-data label { display: block; width: auto; max-width: none; margin-bottom: 5px; } .register-data li input[type='text'], .register-data li input[type='password'], .register-data li input[type='email'], .register-data li select { width: 100%; } /* historia zamówień */ #order-history li { width: 100%; margin-right: 0; } #order-products span.name { display: block; } #customer-data .removeBox { flex-wrap: wrap; } /* formularze */ .form-default dt { float: none; width: 100%; max-width: none; } .form-default dd { display: inline-block; width: 100%; } .form-default dt label { margin-right: 0; margin-bottom: 5px; } .form-default .submit-item { text-align: center; } .form-default .submit-item label { width: 100%; max-width: none; } /* katalog firm */ .contact-box-top { margin-bottom: 30px; } .contact-box-top > .content-wrapper, .contact-box-bottom > .content-wrapper { padding: 15px; } .content-map { margin-bottom: 15px; } .map-items { margin-bottom: 20px; } .map-items .item { width: 100%; margin: 0 0 12px; padding: 25px 10px 12px; } .content-map > h2 { margin-bottom: 25px; } .map-options > p { margin-bottom: 10px; } .map-options { width: 100%; margin-bottom: 10px; margin-right: 0; -webkit-flex: unset; flex: unset; } .map-wrapper { -webkit-flex: unset; flex: unset; width: 100%; } /* stopka */ .container-bottom { padding-bottom: 20px; } .container-bottom .box-bottom { width: 100%; margin-right: 0; margin-bottom: 0; border-bottom: 1px solid #EBEEF0; } .container-bottom .cont { display: none; } .container-bottom .cont.active { padding-bottom: 10px; } .container-bottom .box-bottom .title { cursor: pointer; padding: 10px 0; margin-bottom: 0; position: relative; } .container-bottom .box-bottom .title::after{ content:''; position: absolute; right: 0; top:50%; margin-top:-5px; width:0; height:0; border-top:5px solid transparent; border-bottom:5px solid transparent; border-left:5px solid #333; } .footer-info-box > span { width: 100%; } .footer-info-box > span:first-of-type, .footer-info-box > span:last-of-type { text-align: center; } /* newsletter */ .box-newsletter { margin-bottom: 30px; } .box-newsletter .newsletter-item1 { padding: 20px; } #newsletter-form .cont { -webkit-flex-wrap:wrap; flex-wrap:wrap; } #subscribe-btn { margin-right: 0; } .unsubscribe-wrapper { -webkit-flex: 1 1 100%; flex: 1 1 100%; margin-top: 10px; text-align: right; } /* kontakt */ #contact-form label { display: block; width: 100%; margin-bottom: 5px; } #contact-form .first label { float: none; } #contact-form input[type='text'], #contact-form input[type='email'], #contact-form textarea { width: 100%; } /* widzety */ #widget-faceboox { display: none; } #widget-allegro { display: none; } } @media only screen and (min-width: 480px) { /* stopka */ .container-bottom .cont { display: block !important; } .container-bottom .title { pointer-events: none; } } @media only screen and (min-width: 480px) and (max-width: 767px) { /* naglowek */ .header-search-list { min-width:440px; } #search-results .search-item1 { padding: 20px 10px; } #search-results .search-item2 { padding: 10px; } /* strona kategorii */ .gallery3 .product, .gallery4 .product { width: calc(50% - 10px); } .gallery3 .product:nth-child(2n), .gallery4 .product:nth-child(2n) { margin-right: 0; } .gallery5 .product { width: calc(33.333333333% - 6.666666667px); } .gallery5 .product:nth-child(3n) { margin-right: 0; } .product-list-default .product-img { width: 33.333333333%; max-width: 180px; } #windowcart-recommended .gallery5 .product { width: calc(50% - 10px) !important; } #windowcart-recommended .gallery5 .product:nth-child(2n) { margin-right: 0 !important; } .contact-box__heading { font-size: 16px; } .contact-box__phone, .contact-box__info { font-size: 14px; } /* mapa kategorii */ #category-map .category { width: calc(50% - 10px); } #category-map .category:nth-child(2n) { margin-right: 0; } #category-map .category:nth-child(2n+1) { clear: both; } /* lista producentów */ #producer-list li { width: calc(33.333333333% - 13.333333333px); } #producer-list li:nth-child(3n) { margin-right: 0; } /* strona produktu */ .tab-set .item { width: 33.33%; } .tab-set .item:nth-child(3n+1) { clear: both; } .info-icon-item { width: 50%; } /* porównanie produktów */ #product-comparison .product { width: 50%; } #product-comparison .product:nth-child(2n+1) { clear: both; } /* strona aukcji */ .auction-list .product-img { display: block; float: left; width: 26.277372263%; padding-right: 0;} .auction-list .img-box { margin-right: 20px; } .auction-list .description { display: block; float: right; width: 73.722627737%; } .auction-list .price { display: block; float: right; width: 73.722627737%; text-align: left; } /* wyszukiwanie zaawansowane */ #search-adv ul li { width: calc(50% - 5px); } #search-adv ul li:nth-child(2n) { margin-right: 0; } /* historia zamówień */ #order-history li { width: 47%; } #order-history li:nth-child(2n+1) { clear: both; } #order-products span.name { display: inline; } /* katalog firm */ .contact-box-top > .content-wrapper, .contact-box-bottom > .content-wrapper { padding: 30px; } .map-items .item { width: calc(50% - 12px); } .map-items .item:nth-child(2n) { margin-right: 0; } } @media only screen and (min-width: 480px) and (max-width: 980px) { /* naglowek */ #header-main #logo-wrapper { -webkit-flex: 1 1 calc(35% - 10px); flex: 1 1 calc(35% - 10px); margin-bottom: 10px; } #header-main .header-right { -webkit-flex:1 1 calc(22% - 10px); flex:1 1 calc(22% - 10px); margin-bottom: 10px; } #header-main .header-phone { flex: 1 1 23%; } /*lista produktow*/ .list-nav.nav-top { justify-content: flex-start; } /* koszyk */ #ankieta li { width: 33.333333333%; } /* stopka */ .container-bottom .box-bottom { width: calc(50% - 10px); } .container-bottom .box-bottom:nth-child(2n) { margin-right: 0; } .container-bottom .box-bottom:nth-child(2n+1) { clear: both; } } @media only screen and (max-width: 767px) { /* nagłówek */ #lang-box { text-align: center; } #lang-box-wrapper { float: none; display: inline-block; } #lang-settings { text-align: left;} #header-info .container-max { padding: 0 28px; } #header-info p { font-size: 10px; } #header-info #closeHeaderInfo { position: absolute; top: 7px; right: 10px; } #header-main .cart-header-wrapper { position: static; } .support-widget-container #support-widget { width: 56px; height: 56px; } /* bloki layoutu strony */ .side50 { float: none; width: auto; } /* strona startowa */ .categories-section__items { grid-template-columns: repeat(2, 1fr); } #index-banner h3 { float: none; width: auto; font-size: 30px; } #index-banner p { font-size: 14px; } #startbox-header { -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: stretch; align-items: stretch; } #startbox-header .startbox-header-item.item1 { -webkit-order: 2; order: 2; } #startbox-header .startbox-header-item.item2 { -webkit-order: 1; order: 1; margin-bottom: 5px; text-align: right; } .product-hit-items { -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: stretch; align-items: stretch; } .product-hit-item.item1 { margin-bottom: 10px; } .product-hit-item.item2 { border-left: 0; } .static-banners > a { width: 100%; max-width: 100%; text-align: center; margin-bottom: 24px; } /* strona kategorii */ .tags-category { overflow: auto; padding-bottom: 15px; flex-wrap: nowrap; } .product-list-default .description-wrapper { -webkit-flex-direction: column; flex-direction: column; } .product-list-default .description { margin-right: 0; margin-bottom: 10px; } .product-list-default .price { text-align: left; } .product-list .legzemplarzy, .product-list .amount { display: none; } /* produkt w popup */ .product-popup { -webkit-flex-direction: column; flex-direction: column; } .product-popup .product-popup-item { width: 100%; } .product-popup .product-popup-item.item2 { width: 100%; margin-left: 0; padding-left: 0; border: 0; } .swiper-pagination.list-gallery-pagination { margin-bottom: 10px; } /* strona produktu */ .product-leftright-wrapper { -webkit-flex-direction: column; flex-direction: column; } .product-left, .product-right { float: none; width: auto; margin-right: 0; } .tab-set .items { width: 100%; } .tab-set .price { clear: both; width: auto; float: none; text-align: left; background-color: #F8F8F8; padding: 10px; } .tab-set .price span { display: inline-block; margin: 0 10px 10px 0; } .form-product label { width: 100%; margin: 0 0 5px 0; } .form-product .btn, .form-product .copy, .form-product .g-recaptcha { margin-left: 0; } #review-list .rate, #review-list .review { float: none; width: auto; } .reviews .rate, .reviews .review { width: 100%; } #your-review .item1 { width: 100%; margin: 0 0 10px 0; } #your-review .item2 { width: 100%; } .algsTextImg, .algsImgText, .algsImgImg, .algsTextText { -webkit-flex-direction: column; flex-direction: column; } .algsTextImg > :first-child, .algsImgText > :first-child, .algsImgImg > :first-child, .algsTextText > :first-child { margin-right: 0; margin-bottom: 20px; } #vsbox { height: 90%; } #vstabs { max-height: 35%; } #vstabs .vstabs-item1 { overflow: auto; } #vstabs .vstabs-item1::-webkit-scrollbar { width: 8px; } #vstabs .vstabs-item1::-webkit-scrollbar-track { background-color: #E8E8E8; border-radius: 5px; } #vstabs .vstabs-item1::-webkit-scrollbar-thumb { background-color: #11110E; border-radius: 5px; cursor: pointer; } #vsbox-cont { height: 58%; max-height: 400px; } #vsattributes { height: auto; } #vsattributes div { width: 100%; } #vsimage { -webkit-flex: 0 1 41.444444%; flex: 0 1 41.444444%; } /* strona aukcji */ .auction-list .product-box { display: block; } .auction-left, .auction-right { float: none; width: auto; } /* koszyk */ .cart-list { -webkit-flex-wrap: wrap; flex-wrap: wrap; } .cart-list li { margin-right: 10px; margin-bottom: 5px; } .cart-list-header li { display: none; } .cart-list-header li.cart-product { display: block; margin-bottom: 0; } .cart-list .cart-product { width: 100%; margin-right: 0; -webkit-order: 1; order: 1;} .cart-list .cart-cena { width: calc(50% - 5px); text-align: left; -webkit-order: 2; order: 2; } .cart-list .cart-wartosc { width: calc(50% - 5px); margin-right: 0; -webkit-order: 3; order: 3; } .cart-list .cart-ilosc { width: auto; -webkit-order: 4; order: 4; } .cart-list .cart-ilosc-cont { margin-bottom: 0; } .cart-list .cart-usun { margin-right: 0; -webkit-order: 5; order: 5;} .cart-list .name { display: inline-block; } .cart-list2 .cart-product { width: auto; margin-right: 10px; } .cart-list2 .cart-wartosc { width: auto; -webkit-flex: 1 1; flex: 1 1; } .cart-list2 .cart-cena, .cart-list2 .cart-ilosc { display: none; } .cart-suma .title { text-align: left; } .cart-suma .wartosc { margin-right: 0; } .select2 { -webkit-flex-direction: column; flex-direction: column; } .select2 .side:first-child { margin-bottom: 20px; } .select2 .side:nth-child(2n) { margin-left: 0; } .select2 .side.side-bottom { -webkit-align-self: auto; align-self: auto; } .container-cart #gift-box { -webkit-flex-direction: column; flex-direction: column; } .container-cart .gift { -webkit-flex: 1 1 100%; flex: 1 1 100%; margin-right: 0; } .ceneo-box { padding: 20px; background-image: none;} .container-cart #loginBtn, .container-cart #registerBtn { display: block; } #cart-register, #cart-login { display: none; } #cart-register.active, #cart-login.active { display: block; } #register-box-wrapper #register-box { max-width: none; } .payment-pragmago { margin-left: 20px; } #popup-exit { max-width: 100%; padding: 10px; } #popup-exit .items { min-width: 0; } #popup-exit .pbtn { display: block; font-size: 12px; } #popup-exit .items a { padding: 20px 0 0 0; -webkit-flex: 1 1 calc(33.333333333% - 8.6px); flex: 1 1 calc(33.333333333% - 8.6px); } /* histora zamówień */ #order-list-header li { display: none; padding: 5px 0; } #order-list-header .name { display: block; } #order-products .product-img { width: 33.33%; margin: 0 0 10px 0; text-align: left; } #order-products .description { width: 66.66%; margin: 0 0 10px 0; text-align: left;} #order-products .price { width: 33.33%; clear: both; text-align: left;} #order-products .number { width: 33.33%; text-align: left;} #order-products .value { width: 33.33%; text-align: right;} /* program partnerski */ #pp .pp-link li a { padding: 0 10px; } #pp .pp-tabela ul { display: block; } #pp .pp-tabela ul:first-child { display: none; } #pp .pp-tabela li { clear: both; display: block; margin-bottom: 10px; width: auto !important; text-align: left !important; } #pp span.name { display: block; float: left; min-width: 30%; margin-right: 10px; } #pp span.data { display: inline-block; } /* strona kontakt */ .contact-left { float: none; width: auto; } #contact-form { float: none; width: auto; } /* katalog firm */ .contact-box-top > .content-wrapper, .contact-box-top > .img-wrapper { width: 100%; } .contact-box-bottom > .content-wrapper > .contact-data > div { width: 100%; margin: 0 0 20px; } .contact-box-bottom > .content-wrapper > .contact-data strong { margin-bottom: 10px; } /* blog */ #article-products .product { float: none; width: 100%; margin: 0; } #article-products .product:nth-child(2n) { margin: 0; } #start-articles .cont { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-flex-direction: column; flex-direction: column; } #start-articles .article-item { width: auto; margin-right: 0; } #selly-cookies { font-size: 12px; } } @media only screen and (min-width: 768px) { /* naglowek */ .header-search-list { min-width:700px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } #search-results .search-item1 { -webkit-flex: 1 1; flex: 1 1; } #search-results .search-item2 { -webkit-flex: 2.5 2.5; flex: 2.5 2.5; } /* strona kategorii */ .gallery3 .product:nth-child(3n) { margin-right: 0; } /* mapa kategorii */ #category-map .category:nth-child(6n) { margin-right: 0; } /* lista producentów */ #producer-list li:nth-child(4n) { margin-right: 0; } /* strona produktu */ .product-cart__img-content { position: sticky; top: 0; } .tab-set .item:nth-child(4n+1) { clear: both; } /* wyszukiwanie */ #search-adv ul li:nth-child(3n) { margin-right: 0; } /* historia zamówień */ #order-history li:nth-child(3n+1) { clear: both; } /* koszyk */ #fmlogin .item { max-width: 50%; } } @media only screen and (min-width: 768px) and (max-width: 1200px) { } @media only screen and (min-width: 768px) and (max-width: 980px) { /* strona kategorii */ .gallery4 .product { width: calc(33.333333333% - 13.333333333px); } .gallery4 .product:nth-child(3n) { margin-right: 0; } .gallery5 .product { width: calc(25% - 8px); } .gallery5 .product:nth-child(4n) { margin-right: 0; } #windowcart-recommended .gallery5 .product { width: calc(33.333333333% - 13.333333333px) !important; } #windowcart-recommended .gallery5 .product:nth-child(3n) { margin-right: 0 !important; } #windowcart-recommended .gallery5 .product:nth-child(4n) { margin-right: 20px; } /* strona produktu */ ul.tabs a { padding: 0 15px; } .product-options .poption-item { width: calc(50% - 2.5px); } .product-options .poption-item:nth-child(2n) { margin-right: 0; } /* porównanie produktów */ #product-comparison .product { width: 33.33%; } #product-comparison .product:nth-child(3n+1) { clear: both;} /* koszyk */ .select2 .side:nth-child(2n) { margin-left: 20px; } .container-cart .gift { flex: 0 1 calc(50% - 10px); margin-right: 20px; } .product-list-slider2 .description-wrapper { -webkit-flex-direction: column; flex-direction: column; } .product-list-slider2 .description { margin-right: 0; margin-bottom: 10px; } .product-list-slider2 .price { text-align: left; } .product-list-slider2 .product h5 { display: none; } } @media only screen and (max-width: 980px) { /* nagłówek */ #header-main { -webkit-flex-wrap:wrap; flex-wrap:wrap; } #header-main .icon-box > a, #header-main .cart-header-wrapper { margin-left: 18px; } #header-main .icon > .value { right: -10px; } #header-search { -webkit-flex:1 1 100%; flex:1 1 100%; -webkit-order: 3; order: 3; margin-right: 0; } #link-mobile { display: block; } #top-menu { display: none; } #articlesMenu { margin-bottom: 10px; } .js #articles-menu { display:none; } .js #main-menu { display:none; } .js #box-client { display:none; } .js .slicknav_menu { display:block; } .cart-header-wrapper .cart-header-box-wrapper { display: none; } /* elementy strony */ .container-side, .container-main { float: none; width: auto; margin-bottom: 20px;} /* strona kategorii */ .product-list-content { padding-left: 0; } .product-list { border-left: 0; } .box-left { display: none; } .filters header .expand { display: inline-block; } #viewing-options, #search-found .filters-content { display: none; } .filters > header { display: none; } /* .filters form { display: none; } */ .filters-options-checkbox .cont { max-height: unset; } .filters li { align-self: unset; padding: 0 0 25px; } .filters li:nth-last-of-type(2) { max-width: 100%; padding: 0; } .filters li:last-of-type { width: 100%; bottom: 5px; } .filters li:last-of-type input[type="submit"] { max-width: 100%; } #mobileFilters { display: block; } .nav-top .pages { display: none; } /* strona produktu */ .tab-desc { -webkit-flex-direction: column; flex-direction: column; } .tab-desc > .tab-desc-item.item1 { margin-bottom: 20px; } .tab-desc > .tab-desc-item.item2 { margin-left: 0; } .product-tabs { display: flex; flex-direction: column; width: 100%; } #windowcart-recommended { max-width: 90vw; } /* koszyk */ #cart-steps .box { display: none; } #cart-steps .active { display: block; margin-bottom: 0; } #cart-steps .box h5 { display: inline-block; margin: 0 10px 0 0; } #cart-steps .box p { display: inline-block; } /* stopka */ .box-newsletter { -webkit-flex-direction: column; flex-direction: column; } .box-newsletter .newsletter-item { width: auto; margin: 0; } } @media only screen and (min-width: 981px) and (max-width: 1200px) { /* strona kategorii */ .product-list-default .product-img { width: 180px; } #search-found .filters li { width: calc(33.333333333% - 13.333333333px); } #search-found .filters li:nth-child(3n) { margin-right: 0; } } @media only screen and (min-width: 981px) { #container-header-wrapper { -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; transition:all 0.2s ease-out; } #container-header-wrapper.stuck { position:fixed; top:-100px; left:0; width: 100%; z-index:300; -ms-transform:translate(0, 100px); -webkit-transform:translate(0, 100px); transform:translate(0, 100px); } #container-header-wrapper.stuck #header-main { padding: 5px 0; } #container-header-wrapper.stuck #header-top { display: none; } #container-header-wrapper.stuck #logo img { max-height: 50px; } #container-header-wrapper.stuck #main-menu .categories > li > a { line-height: 30px; } /* strona kategorii */ .gallery4 .product:nth-child(4n) { margin-right: 0; } .gallery5 .product:nth-child(5n) { margin-right: 0; } .filters form { display: block !important; } /*----MS Edge Browser CSS ----*/ @supports (display:-ms-grid) { .gallery4 .product:nth-child(4n) { margin-right: -1px; } } /* stopka */ .container-bottom .box-bottom:nth-child(4n) { margin-right: 0; } } @media only screen and (max-width: 1200px) { #main-menu { padding: 0; } #main-menu .categories > li > a { padding: 0 10px; } } @media only screen and (min-width: 1201px) { .header-search-list { min-width: 750px; } /* strona kategorii */ .filters li:nth-child(4n), #search-found .filters li:nth-child(4n) { margin-right: 0; } /*----MS Edge Browser CSS ----*/ @supports (display:-ms-grid) { .filters li:nth-child(4n) { margin-right: -1px; } } } @media only screen and (max-width: 1370px) { #cartContents { max-height: 445px; overflow: auto; } } @media only screen and (max-width: 1410px) { .support-widget-container { top: 210px; right: 0; } .support-widget-container #support-widget { right: 0; } .support-widget-container #support-widget.active { right: 12px; } }