/* Minification failed. Returning unminified contents.
(1807,15): run-time error CSS1039: Token not allowed after unary operator: '-ern'
(11478,34): run-time error CSS1030: Expected identifier, found ','
(11478,52): run-time error CSS1031: Expected selector, found ')'
(11478,52): run-time error CSS1025: Expected comma or open brace, found ')'
(11496,34): run-time error CSS1030: Expected identifier, found ','
(11496,52): run-time error CSS1031: Expected selector, found ')'
(11496,52): run-time error CSS1025: Expected comma or open brace, found ')'
*/
/* Start Roboto */
@font-face {
font-family: 'RobotoNewMedium';
src: url('/content/fontRobotoNew/roboto-medium.eot');
src: url('/content/fontRobotoNew/roboto-medium.eot?#iefix') format('embedded-opentype'), url('/content/fontRobotoNew/roboto-medium.woff') format('woff'), url('/content/fontRobotoNew/roboto-medium.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'RobotoNewLight';
src: url('/content/fontRobotoNew/roboto-light.eot');
src: url('/content/fontRobotoNew/roboto-light.eot?#iefix') format('embedded-opentype'), url('/content/fontRobotoNew/roboto-light.woff') format('woff'), url('/content/fontRobotoNew/roboto-light.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'RobotoNewBold';
src: url('/content/fontRobotoNew/roboto-bold.eot');
src: url('/content/fontRobotoNew/roboto-bold.eot?#iefix') format('embedded-opentype'), url('/content/fontRobotoNew/roboto-bold.woff') format('woff'), url('/content/fontRobotoNew/roboto-bold.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'RobotoNewRegular';
src: url('/content/fontRobotoNew/roboto-regular.eot');
src: url('/content/fontRobotoNew/roboto-regular.eot?#iefix') format('embedded-opentype'), url('/content/fontRobotoNew/roboto-regular.woff') format('woff'), url('/content/fontRobotoNew/roboto-regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'RobotoNewRegular';
src: url('/content/fontRobotoNew/roboto-regular.eot');
src: url('/content/fontRobotoNew/roboto-regular.eot?#iefix') format('embedded-opentype'), url('/content/fontRobotoNew/roboto-regular.woff') format('woff'), url('/content/fontRobotoNew/roboto-regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
/* End Roboto */
/* Start Klavika */
@font-face {
font-family: 'KlavikaBdBold';
src: url('/content/fonts/bold.eot');
src: url('/content/fonts/bold.eot?#iefix') format('embedded-opentype'), url('/content/fonts/bold.woff') format('woff'), url('/content/fonts/bold.ttf') format('truetype'), url('/content/fonts/bold.svg#KlavikaBdBold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'KlavikaLtRegular';
src: url('/content/fonts/light.eot');
src: url('/content/fonts/light.eot?#iefix') format('embedded-opentype'), url('/content/fonts/light.woff') format('woff'), url('/content/fonts/light.ttf') format('truetype'), url('/content/fonts/light.svg#KlavikaLtRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'KlavikaMdBold';
src: url('/content/fonts/medium.eot');
src: url('/content/fonts/medium.eot?#iefix') format('embedded-opentype'), url('/content/fonts/medium.woff') format('woff'), url('/content/fonts/medium.ttf') format('truetype'), url('/content/fonts/medium.svg#KlavikaMdBold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'KlavikaRgRegular';
src: url('/content/fonts/regular.eot');
src: url('/content/fonts/regular.eot?#iefix') format('embedded-opentype'), url('/content/fonts/regular.woff') format('woff'), url('/content/fonts/regular.ttf') format('truetype'), url('/content/fonts/regular.svg#KlavikaRgRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'KlavikaLtItalic';
src: url('/content/fonts/light-italic.eot');
src: url('/content/fonts/light-italic.eot?#iefix') format('embedded-opentype'), url('/content/fonts/light-italic.woff') format('woff'), url('/content/fonts/light-italic.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
/* End Klavika */
/* Start OpenSans */
@font-face {
font-family: 'OpenSansMedium';
src: url('/content/fontOpenSans/OpenSans-SemiBold.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'OpenSansLight';
src: url('/content/fontOpenSans/OpenSans-Light.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'OpenSansBold';
src: url('/content/fontOpenSans/OpenSans-Bold.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'OpenSansRegular';
src: url('/content/fontOpenSans/OpenSans-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
/* End OpenSans */
/* Start Roboto New */
@font-face {
font-family: 'RobotoNewMedium';
src: url('/content/fontRobotoNew/roboto-medium.woff2') format('woff2');
/* Super Modern Browsers */
src: url('/content/fontRobotoNew/roboto-medium.woff') format('woff');
/* Modern Browsers */
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'RobotoNewLight';
src: url('/content/fontRobotoNew/roboto-light.woff2') format('woff2');
/* Super Modern Browsers */
src: url('/content/fontRobotoNew/roboto-light.woff') format('woff');
/* Modern Browsers */
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'RobotoNewBold';
src: url('/content/fontRobotoNew/roboto-bold.woff2') format('woff2');
/* Super Modern Browsers */
src: url('/content/fontRobotoNew/roboto-bold.woff') format('woff');
/* Modern Browsers */
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'RobotoNewRegular';
src: url('/content/fontRobotoNew/roboto-regular.woff2') format('woff2');
/* Super Modern Browsers */
src: url('/content/fontRobotoNew/roboto-regular.woff') format('woff');
/* Modern Browsers */
font-weight: normal;
font-style: normal;
}
/* End Roboto */
html {
height: 100%;
}
html body {
margin: 0;
color: black;
height: 100%;
min-width: 970px;
background: white;
font: 14px Arial, Helvetica, sans-serif;
overflow-x: hidden;
}
html body .footer-wrapper,
html body .wrapper {
width: 970px;
margin: 0 auto;
}
html body .footer-wrapper {
box-sizing: border-box;
}
html body .wrapper.home-page,
html body .footer-wrapper,
html body .wrapper.search-results-page,
html body .wrapper.product-detail-page,
html body .wrapper.category-detail-page,
html body .wrapper.brand-detail-page {
width: auto;
}
@media (min-width: 989px) {
html body .product-detail-page .section-holder {
box-sizing: border-box;
padding: 0 35px;
}
}
/* 1360+ */
@media (min-width: 1360px) {
html body .wrapper {
width: 1210px;
}
}
@media (max-width: 1900px) {
html body .footer-wrapper,
html body .wrapper.home-page {
padding: 0 15px;
}
}
@media (min-width: 1900px) {
html body .wrapper.home-page,
html body .footer-wrapper,
html body .wrapper.search-results-page,
html body .wrapper.product-detail-page,
html body .wrapper.category-detail-page,
html body .wrapper.brand-detail-page {
width: 1820px;
}
}
/* 800 */
@media (max-width: 989px) {
html body {
/*remove*/
/*end remove*/
min-width: 0;
width: 100%;
}
html body .container {
min-width: 328px;
}
html body .wrapper {
width: calc(100% - 20px);
margin: 0 10px;
}
}
/* 640 */
@media (max-width: 799px) {
html body .wrapper,
html body .footer-wrapper {
width: calc(100% - 16px);
margin: 0 8px;
}
html body .footer-wrapper,
html body .wrapper.home-page {
padding: 0;
}
}
/* 480 */
@media (max-width: 639px) {
html body .wrapper,
html body .footer-wrapper {
width: calc(100% - 10px);
margin: 0 5px;
}
}
@media (max-width: 500px) {
body.no-mobile-scroll {
overflow: hidden;
}
}
/* 320 */
@media (max-width: 479px) {
html body .wrapper,
html body .footer-wrapper {
width: calc(100% - 6px);
margin: 0 3px;
}
html body .wrapper.product-detail-page,
html body .footer-wrapper.product-detail-page {
margin: 0;
width: 100%;
}
}
/* todo: put this into correct file once less are refactored */
@media (max-width: 989px) {
.order-status-link-wrap {
display: none;
}
}
.late-load {
font-size: 0;
opacity: 0.02;
background: black;
transition: opacity 500ms;
}
.late-loaded {
background: white;
visibility: visible;
opacity: 1;
transition: opacity 500ms;
}
.debug-info {
font-family: monospace;
z-index: 55555;
background: #333333cc;
color: white;
}
.debug-info .debug-links {
white-space: normal;
display: flex;
gap: 5px;
}
.debug-info .debug-links a {
background: #005555;
color: white;
}
.debug-info .debug-links a:hover,
.debug-info .debug-links a:focus {
background: white;
color: #005555;
}
.debug-info .debug-links a.active {
background: #009999;
}
body {
max-width: 100vw;
}
/*
@import "brands\list.less";
@import "cart\firstStep\addByCatalogueCode.less";
@import "cart\firstStep\discount.less";
@import "cart\firstStep\presents.less";
@import "cart\firstStep\productList.less";
@import "cart\firstStep\recommends.less";
@import "cart\firstStep\voucherForm.less";
@import "cart\fourthStep\productList.less";
@import "cart\fourthStep\summary.less";
@import "cart\secondStep\deliveryPaymentIcon.less";
@import "cart\secondStep\selectForm.less";
@import "cart\shared\deliveryDate.less";
@import "cart\shared\elements.less";
@import "cart\shared\extendReturnTime.less";
@import "cart\shared\horeca.less";
@import "cart\shared\orderNavigation.less";
@import "cart\shared\shareOrder.less";
@import "cart\shared\stepNavigation.less";
@import "cart\shared\summary.less";
@import "cart\shared\thankYouBenefit.less";
@import "cart\shared\wrapper.less";
@import "cart\thirdStep\addresses.less";
@import "cart\thirdStep\addressForm.less";
@import "cart\thirdStep\formsWrapper.less";
@import "cart\thirdStep\loginForm.less";
*/
#content .main-frame.category {
box-sizing: border-box;
padding: 0px 15px 43px !important;
margin-top: -1px;
}
.category-grid {
box-sizing: border-box;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 5px 10px;
padding: 10px 0;
}
.category-grid .subcategory {
box-sizing: border-box;
background: white;
box-shadow: 1px 4px 16px 0px rgba(0, 0, 0, 0.1);
padding-right: 10px;
display: flex;
align-items: center;
gap: 10px;
text-decoration: none;
color: black;
border: 1px solid white;
transition: 0.25s;
word-break: break-word;
}
.category-grid .subcategory:hover {
border: 1px solid #333333;
box-shadow: 1px 4px 16px 0px transparent;
}
.category-grid .subcategory .img-holder {
box-sizing: border-box;
width: 58px;
height: 58px;
display: flex;
justify-content: center;
align-items: center;
padding: 9px;
flex-shrink: 0;
}
.category-grid .subcategory .img-holder img {
width: 100%;
}
@media (min-width: 1360px) {
.category-grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
}
/* 1360+ */
@media (min-width: 1360px) and (max-width: 1899px) {
#content .main-frame.category {
padding: 0 15px 43px !important;
}
}
/* 800 */
@media (max-width: 989px) {
#content .main-frame.category {
padding: 0px 2% 43px !important;
margin-top: 0;
}
.category-grid {
display: none;
}
.home-page .category-grid,
.brand-categories-list-wrap .category-grid {
display: grid;
}
}
@media (max-width: 767px) {
.category-grid {
grid-template-columns: 1fr 1fr;
gap: 5px 10px;
padding: 5px 0;
}
.category-grid .subcategory {
padding-right: 5px;
gap: 5px;
}
}
div.up {
bottom: 68px;
display: none;
font-size: 12px;
height: 82px;
line-height: 8px;
position: fixed;
right: 68px;
text-align: center;
width: 82px;
z-index: 2;
}
div.up a {
border-radius: 41px;
color: white;
display: block;
height: 82px;
width: 82px;
}
div.up a span {
background: none repeat scroll 0 0 #a6adac;
border-radius: 28px;
height: 56px;
left: 13px;
position: absolute;
top: 13px;
width: 56px;
}
div.up a span em {
display: block;
font-family: 'medium';
font-size: 20px;
padding: 20px 0 0;
}
div.up a:hover span {
background: none repeat scroll 0 0 #38bfb0;
}
/* 1360+ */
@media (min-width: 1360px) {
div.up {
right: 20px;
}
}
@media (max-width: 1287px) {
div.up {
display: none !important;
}
}
.promo {
width: 100vw;
aspect-ratio: 3.428571429;
max-width: 1920px;
margin: 0 auto;
}
.promo .slick-prev {
left: 30px;
}
.promo .slick-next {
right: 30px;
}
.promo a {
width: 100%;
aspect-ratio: 3.428571429;
}
.promo img {
width: 100%;
aspect-ratio: 3.428571429;
object-fit: cover;
position: absolute;
object-position: top;
}
.promo .slick-arrow::after {
position: absolute;
content: '';
display: block;
}
.hp-promo-dot-slots {
min-height: 40px;
}
.hp-promo-dot-slots .slick-dots {
display: flex;
flex-wrap: wrap;
gap: 10px;
justify-content: center;
}
.hp-promo-dot-slots button {
border: none;
display: inline-flex;
padding: 10px;
justify-content: center;
font-size: 14px;
align-items: center;
gap: 5px;
border-radius: 5px;
background: #dcf8f5;
transition: 300ms all;
color: #1ab2a1;
cursor: pointer;
}
.hp-promo-dot-slots .slick-active button {
background: #1ab2a1;
color: #dcf8f5;
}
.hp-promo-holder {
position: absolute;
left: 0;
width: 100vw;
}
.hp-promo-height {
margin-top: 3px;
overflow-x: hidden;
max-width: 100%;
}
.hp-promo-height::after {
content: '';
display: block;
width: 100vw;
aspect-ratio: 3.428571429;
max-width: 1920px;
}
@media (max-width: 767px) {
.hp-promo-holder .slick-arrow {
display: none !important;
}
.hp-promo-dot-slots {
display: none;
}
.hp-promo-dot-slots button {
padding: 5px;
font-size: 12px;
}
}
.offer-of-day {
position: relative;
float: left;
padding-bottom: 10px;
width: 100%;
display: grid;
grid-template-columns: auto auto 1fr auto;
display: -ms-grid;
/* IE-11 */
-ms-grid-columns: 200px 10px 600px 100px;
/* IE-11 */
}
.offer-of-day .title {
float: left;
margin-left: 30px;
-ms-grid-column: 1;
/* IE-11 */
}
.offer-of-day .title img {
width: 100%;
}
.offer-of-day .title p {
color: #252525;
font-family: 'RobotoNewLight';
font-size: 13px;
line-height: 15px;
margin-top: -6px;
text-align: center;
}
.offer-of-day .title p strong {
font-family: 'RobotoNewBold';
font-weight: normal;
}
.offer-of-day .title p span.red {
font-family: 'RobotoNewBold';
color: #e60000;
}
.offer-of-day .title .title-text {
text-align: right;
margin-top: 17px;
font-size: 52px;
font-weight: bold;
color: #e60000;
font-family: 'RobotoNewBold';
line-height: 55px;
margin-bottom: 5px;
}
.offer-of-day .offer-line {
margin: 25px 5px 0 5px;
-ms-grid-column: 2;
/* IE-11 */
}
.offer-of-day .offer-of-day-clock {
margin-right: 30px;
-ms-grid-column: 4;
/* IE-11 */
}
.offer-of-day .timer {
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr 4px 1fr 4px 1fr;
grid-template-columns: repeat(3, 1fr);
-webkit-column-gap: 4px;
-moz-column-gap: 4px;
column-gap: 4px;
float: right;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
/* IE-11 */
}
.offer-of-day .timer .timer-items {
font-family: RobotoNewRegular;
display: -ms-grid;
display: grid;
background: #414141;
border-radius: 3px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 3px 3px 3px;
}
.offer-of-day .timer .timer-items .timer-info-text {
font-size: 12px;
margin: 0 auto;
}
.offer-of-day .timer .timer-items .timer-info-text.hu {
font-size: 10px;
}
.offer-of-day .timer .alter-title {
display: none;
}
.offer-of-day .timer img {
margin-left: 50px;
}
.offer-of-day .timer p {
color: #292929;
font-family: 'RobotoNewLight';
font-size: 15px;
margin: 0;
text-align: center;
text-transform: uppercase;
}
.offer-of-day .timer span {
color: white;
}
.offer-of-day .timer span.time {
color: white;
width: auto;
font-size: 25px;
font-weight: bold;
margin: 0 auto;
}
.offer-of-day .timer span.time-dots {
margin: 0 -9px;
}
.offer-of-day .timer-info {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 10px;
font-size: 12px;
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
width: 135px;
}
.offer-of-day .product-item {
float: left;
padding: 0 0 0 5px;
display: grid;
-ms-grid-columns: 1fr 1fr;
grid-template-columns: 1fr 1fr;
-ms-grid-column: 3;
/* IE-11 */
display: -ms-grid;
-ms-grid-columns: 300px 300px;
/* IE-11 */
}
.offer-of-day .product-item .visual {
float: left;
position: relative;
margin-right: 30px;
margin-left: 20px;
-ms-grid-column: 1;
/* IE-11 */
width: max-content;
}
.offer-of-day .product-item .visual a {
display: inline-block;
}
.offer-of-day .product-item .visual a img {
width: 100%;
max-width: 250px !important;
border-radius: 200px;
-webkit-box-shadow: 0 2px 7px 0 #f2f2f2, 0 7px 21px 0 #f2f2f2;
box-shadow: 0 2px 7px 0 #f2f2f2, 0 7px 21px 0 #f2f2f2;
}
.offer-of-day .product-item .visual .sale-label {
width: 92px;
height: 92px;
border-radius: 50px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
/* prevents bg color from leaking outside the border */
background-color: #e50000;
color: white;
font-family: 'RobotoNewBold';
font-size: 40px;
display: inline-block;
line-height: 92px;
text-align: center;
position: absolute;
top: -18px;
z-index: 1;
right: -20px;
}
.offer-of-day .product-item .visual .sale-label .sale-label-percent {
font-size: 20px;
}
.offer-of-day .product-item .details {
float: left;
padding: 20px 0 0;
width: auto;
-ms-grid-column: 2;
/* IE-11 */
}
.offer-of-day .product-item .details h4 {
margin: 0 0 10px;
width: 100%;
max-width: 200px;
/* IE-11 */
}
.offer-of-day .product-item .details h4 a {
color: #2a2a2a;
font-family: 'RobotoNewRegular';
font-size: 20px;
text-decoration: none;
font-weight: normal;
}
.offer-of-day .product-item .details p {
margin-bottom: 0;
width: 100%;
float: left;
}
.offer-of-day .product-item .details p.stars-wrap {
margin-bottom: 6px;
}
.offer-of-day .product-item .details p.stars-wrap span {
color: #252525;
font-family: 'RobotoNewLight';
font-size: 16px;
float: left;
margin-top: -1px;
display: none;
}
.offer-of-day .product-item .details p.stars-wrap span.stars {
margin-top: 0;
display: inline-block;
}
.offer-of-day .product-item .details p.price-info .before del {
text-decoration: none;
background-image: url(/Content/img/priceCross.png);
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
}
.offer-of-day .product-item .details p.price-info span {
float: left;
color: black;
font-family: 'RobotoNewLight';
font-size: 15px;
margin-right: 5px;
}
.offer-of-day .product-item .details p.price-info span.discount {
color: #e60000;
margin-right: 0;
}
.offer-of-day .product-item .details p.price {
color: #e50000;
font-family: 'RobotoNewBold';
font-size: 27px;
}
.offer-of-day .product-item .details p.availability {
color: #7bad04;
font-family: 'RobotoNewLight';
font-size: 16px;
}
.offer-of-day .product-item .details p.availability strong {
font-family: 'RobotoNewBold';
font-weight: normal;
}
.offer-of-day .product-item .details a.button {
margin-top: 10px;
display: inline-block;
padding: 0 20px;
height: 40px;
border-radius: 7px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
/* prevents bg color from leaking outside the border */
background-color: #7bae04;
}
.offer-of-day .product-item .details a.button span {
float: left;
color: white;
font-family: 'RobotoNewMedium';
font-size: 20px;
line-height: 40px;
}
.offer-of-day .product-item .details a.button span.ico-arrow {
background-image: url(/Content/img/offerOfDayButtonArrow.png);
background-repeat: no-repeat;
background-position: center;
display: inline-block;
width: 9px;
height: 40px;
margin-left: 10px;
}
.offer-of-day .product-item .details a.button:hover {
background-color: #85be00;
}
.offer-of-day img.separator {
position: absolute;
z-index: 1;
}
.offer-of-day img.separator.top {
top: -19px;
left: 0;
}
.offer-of-day img.separator.bottom {
bottom: 0;
right: -4px;
}
.offer-of-day .soldOut-label {
display: none;
}
.offer-of-day.soldOut .soldOut-label {
pointer-events: none;
display: block;
width: 100%;
height: 297px;
background-position: 80px 70px;
background-repeat: no-repeat;
position: relative;
z-index: 1;
}
.offer-of-day.soldOut .product-item .visual {
filter: url("data:image/svg+xml;utf8,#grayscale");
/* Firefox 3.5+ */
filter: gray;
/* IE6-9 */
-webkit-filter: grayscale(100%);
/* Chrome 19+ & Safari 6+ */
}
.offer-of-day.soldOut .product-item .details h4,
.offer-of-day.soldOut .product-item .details p {
filter: url("data:image/svg+xml;utf8,#grayscale");
/* Firefox 3.5+ */
filter: gray;
/* IE6-9 */
-webkit-filter: grayscale(100%);
/* Chrome 19+ & Safari 6+ */
}
.offer-of-day.soldOut .product-item .soldOut-info {
font-family: 'RobotoNewRegular';
color: black;
border-radius: 7px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
/* prevents bg color from leaking outside the border */
background-color: #ff3333;
display: inline-block;
padding: 5px;
text-align: center;
margin-top: 20px;
}
.offer-of-day.soldOut .product-item .soldOut-info span {
font-family: 'RobotoNewMedium';
color: white;
}
.offer-of-day.soldOut .product-item .soldOut-info strong {
font-family: 'RobotoNewBold';
font-weight: normal;
}
.offer-of-day.soldOut .timer p,
.offer-of-day.soldOut .timer span {
filter: url("data:image/svg+xml;utf8,#grayscale");
/* Firefox 3.5+ */
filter: gray;
/* IE6-9 */
-webkit-filter: grayscale(100%);
/* Chrome 19+ & Safari 6+ */
}
@media (max-width: 1359px) {
.offer-of-day .offer-of-day-clock {
display: none;
}
}
@media (max-width: 1359px) {
.offer-of-day {
-ms-grid-columns: 200px 10px 400px 100px;
/* IE-11 */
}
.offer-of-day .title .title-right-border:after {
left: 165px;
height: 33%;
}
.offer-of-day .product-item {
padding: 0 0 0 12px;
-ms-grid-columns: 190px 300px;
/* IE-11 */
}
.offer-of-day .product-item .visual {
margin-left: 0;
}
.offer-of-day img.separator.bottom {
width: 700px;
}
}
@media (max-width: 989px) {
.offer-of-day {
-ms-grid-columns: 200px 10px 700px;
/* IE-11 */
}
.offer-of-day .title .title-right-border:after {
left: 26%;
height: 58%;
}
.offer-of-day .timer-info {
margin-top: 15px;
}
.offer-of-day .offer-of-day-clock {
display: none;
}
}
@media (max-width: 900px) {
.offer-of-day .timer-info {
margin-top: 25px;
}
.offer-of-day .product-item {
padding: 0 10px 0 15px;
}
}
@media (max-width: 800px) {
.offer-of-day .title .title-right-border:after {
height: 65%;
}
.offer-of-day .product-item .visual a img {
max-width: 200px !important;
margin-top: 20px;
}
}
@media (max-width: 730px) {
.offer-of-day .title {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.offer-of-day .title .title-right-border:after {
left: 31%;
height: 35%;
}
.offer-of-day .title img {
width: 50%;
left: 25%;
position: absolute;
}
.offer-of-day .timer {
left: 25%;
top: 200px;
}
.offer-of-day .timer .alter-title {
display: inline-block;
text-align: center;
font-size: 27px;
margin: 0px 12px 0 0;
font-family: RobotoNewRegular;
text-transform: uppercase;
width: auto;
}
.offer-of-day .timer .alter-title span.title {
padding-top: 20px;
margin-left: 0px;
margin-right: 0px;
}
.offer-of-day .timer .alter-title.pl {
font-size: 19px;
}
.offer-of-day .timer .alter-title.hu {
font-size: 24px;
}
.offer-of-day .timer .alter-title span {
width: auto;
}
.offer-of-day .timer img {
display: none;
}
.offer-of-day .timer-info {
left: 25%;
margin-top: 210px;
}
.offer-of-day .product-item {
background-color: white;
float: none;
}
.offer-of-day .product-item .visual {
margin-left: 0;
}
.offer-of-day .product-item .visual a img {
max-width: 200px !important;
margin-top: 20px;
}
.offer-of-day img.separator.top {
display: none;
}
.RO .offer-of-day .timer {
height: auto;
}
.RO .offer-of-day .timer .alter-title {
display: block;
height: auto;
width: 100%;
}
.RO .offer-of-day .timer .alter-title span.title {
display: block;
height: auto;
width: 100%;
}
.RO .offer-of-day .product-item {
clear: both;
}
}
@media (max-width: 560px) {
.offer-of-day .title .title-right-border:after {
left: 37%;
height: 33%;
}
.offer-of-day .title img {
width: 100%;
left: 0;
}
.offer-of-day .timer .alter-title {
display: inline-block;
text-align: center;
font-size: 27px;
margin: 0px 0px 0 0;
font-family: RobotoNewRegular;
text-transform: uppercase;
width: auto;
margin: 0;
height: auto;
}
.offer-of-day .timer .alter-title span {
width: auto;
margin-top: 0;
}
.offer-of-day .timer .alter-title.hu {
font-size: 23px;
}
.offer-of-day .timer img {
display: none;
}
.offer-of-day .timer-info {
left: 0;
margin-top: 310px;
}
.offer-of-day .product-item {
background-color: white;
padding-left: 5%;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.offer-of-day .product-item .visual {
margin-left: 0;
}
.offer-of-day .product-item .visual a img {
width: 90% !important;
max-width: 300px !important;
margin-top: 20px;
}
.offer-of-day .product-item .visual .sale-label {
right: 0;
}
.offer-of-day .product-item .details {
width: auto;
}
.RO .offer-of-day .timer .alter-title span.title {
line-height: 31px;
margin-bottom: 10px;
}
}
@media (max-width: 425px) {
.offer-of-day {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.offer-of-day .offer-line {
display: none;
}
.offer-of-day .title {
margin-bottom: 10px;
margin-left: 0;
}
.offer-of-day .title .title-text {
margin-top: 0;
text-align: center;
}
.offer-of-day .title .timer {
float: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.offer-of-day .title .timer .timer-items {
width: auto;
}
.offer-of-day .title .title-right-border:after {
display: none;
}
.offer-of-day .title .timer-info {
margin-top: 250px;
}
.offer-of-day .product-item {
padding: 15px 10%;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
justify-items: center;
}
.offer-of-day .product-item .visual {
margin: 0;
}
.offer-of-day .product-item .details {
padding: 0;
text-align: center;
}
.offer-of-day .product-item .details h4 {
max-width: 100%;
}
.offer-of-day .product-item .stars-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.offer-of-day .product-item .price-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.offer-of-day .product-item .sale-label {
right: -20px;
}
}
.for-buisness {
display: flex;
background: #f7f7f7;
}
.for-buisness__info {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 20px;
}
.for-buisness__info p {
max-width: 580px;
margin-bottom: 30px;
margin-top: 20px;
font-size: 18px;
line-height: 26px;
/* 130% */
}
.for-buisness__info h4 {
color: black;
font-family: 'RobotoNewBold';
font-size: 28px;
font-weight: 400;
margin: 0;
}
.for-buisness .button {
min-width: 250px;
box-sizing: border-box;
box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
}
.for-buisness__image {
overflow: hidden;
line-height: 0;
}
.for-buisness__image img {
width: 100%;
height: 400px;
object-fit: cover;
}
.for-buisness > * {
width: 50%;
box-sizing: border-box;
}
.footer-b2b {
background: #f7f7f7;
display: flex;
justify-content: space-between;
align-items: center;
padding: 37px 100px;
}
.footer-b2b__head {
display: flex;
flex-direction: column;
align-items: center;
}
.footer-b2b__points {
display: flex;
gap: 20px;
}
.footer-b2b__point {
display: flex;
align-items: center;
justify-content: center;
width: 200px;
height: 48px;
gap: 5px;
border-radius: 5px;
border: 1px solid #ededed;
background: white;
}
.footer-b2b .button {
box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
width: 250px;
box-sizing: border-box;
}
@media (max-width: 1900px) {
.for-buisness__info p {
max-width: 500px;
margin: 20px 0;
}
.for-buisness__image img {
height: 270px;
}
.footer-b2b {
padding: 37px 30px;
}
.footer-b2b__points {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
}
@media (max-width: 1249px) {
.for-buisness {
flex-direction: column-reverse;
}
.for-buisness > * {
width: 100%;
}
.for-buisness__info p {
max-width: 500px;
margin: 20px 0;
}
.for-buisness__image img {
height: 330px;
}
.footer-b2b {
display: grid;
grid-template-areas: "a b" "c b";
}
.footer-b2b__head {
grid-area: a;
}
.footer-b2b__button {
grid-area: c;
}
.footer-b2b__points {
grid-area: b;
}
}
@media (max-width: 767px) {
.for-buisness__image img {
height: 154px;
}
.for-buisness__info p {
font-size: 16px;
}
.footer-b2b {
display: flex;
flex-direction: column;
gap: 10px;
padding: 10px;
}
.footer-b2b__points {
gap: 10px;
}
.footer-b2b__point {
width: 155px;
height: 28px;
}
}
/*
@import "myProfile\content.less";
@import "myProfile\favoriteList.less";
@import "myProfile\myAddresses.less";
@import "myProfile\myBenefit.less";
@import "myProfile\myProfile.less";
@import "myProfile\myRecommend.less";
@import "myProfile\prologue.less";
@import "myProfile\login\horeca.less";
@import "myProfile\login\login.less";
*/
.partial-login-wrap {
position: relative;
display: none;
}
@media (max-width: 500px) {
.partial-login-wrap {
position: unset;
}
}
.partial-login-offclick {
left: 0;
top: 0;
position: fixed;
width: 100vw;
height: 200vh;
background: transparent;
z-index: 70;
}
.partial-login {
position: absolute;
right: 0;
top: 60px;
width: 400px;
max-width: 100vw;
box-sizing: border-box;
background: white;
display: flex;
flex-direction: column;
align-items: center;
z-index: 70;
box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.25);
border-radius: 3px 0px 3px 3px;
border: 1px solid #e7e7e7;
}
@media (max-width: 500px) {
.partial-login {
position: absolute;
width: 100vw;
}
}
.partial-login #OrderLoginServerMessage {
color: red;
}
.partial-login #icon-close-black {
position: absolute;
right: 10px;
top: 16px;
cursor: pointer;
}
.partial-login #icon-close-black:hover {
stroke: #999999;
}
.partial-login .quick-login {
margin-top: 30px;
color: #9d9d9d;
text-align: center;
font-family: 'RobotoNewRegular';
font-size: 16px;
}
.partial-login h2 {
color: black;
font-family: 'RobotoNewBold';
font-size: 16px;
font-style: normal;
line-height: 20px;
width: 100%;
border-bottom: #cccccc 1px solid;
text-align: center;
padding: 15px 0;
}
.login-box {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
padding: 0 20px;
box-sizing: border-box;
}
.login-box .form input[type="password"],
.login-box .form input[type="text"] {
width: 100%;
box-sizing: border-box;
border-radius: 5px;
border: 1px solid #b8b8b8;
background: white;
box-shadow: 0px 1px 5px 2px rgba(0, 0, 0, 0.25) inset;
padding: 9px 10px;
height: 48px;
margin-top: 5px;
}
.login-box .form input[type="submit"] {
margin-top: 20px;
display: flex;
width: 100%;
color: white;
padding: 16px 12px;
justify-content: center;
align-items: center;
border-radius: 5px;
border: 1px solid #85be00;
background: #7ab51c;
font-family: 'RobotoNewBold';
font-size: 16px;
height: 48px;
cursor: pointer;
}
.login-box .form .form-row {
padding-top: 15px;
}
form,
fieldset {
width: 100%;
}
.partial-login-bottom {
display: flex;
flex-direction: column;
}
.partial-login-bottom a {
margin-top: 20px;
text-align: center;
color: black;
font-family: 'RobotoNewRegular';
font-size: 16px;
text-decoration-line: underline;
}
.quick-login-section {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
gap: 15px;
box-sizing: border-box;
padding: 10px 20px 20px;
}
.quick-login-section a {
position: relative;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
box-sizing: border-box;
padding: 0 14px;
border-radius: 5px;
border: 1px solid black;
background: white;
width: 100%;
color: black;
font-family: 'RobotoNewRegular';
font-size: 16px;
text-decoration: none;
padding-left: 40px;
height: 40px;
}
.quick-login-section a img {
position: absolute;
left: 0;
}
.quick-login-options {
display: flex;
gap: 15px;
}
.login-option-description {
display: none;
}
@media (max-width: 1249px) {
.partial-login {
top: 60px;
}
.quick-login-options {
flex-direction: column;
width: 100%;
}
.quick-login-options .login-option-description {
display: inline;
}
.quick-login-options a {
height: 48px;
}
.quick-login-options a img {
left: 10px;
}
}
/*
@import "myProfile\login\quickAccessBlock.less";
@import "myProfile\myOrders\detail.less";
@import "myProfile\myOrders\list.less";
@import "myProfile\registration\registration.less";
*/
#content .main-frame.category .product-list ul#results {
margin: 0 0 0 0;
}
#content .main-frame.category .product-list ul#results li {
width: 209px;
}
@media (min-width: 1360px) {
#content .main-frame.category .product-list ul#results li {
padding: 15px 20px 15px;
}
#content .main-frame.category .product-list ul#results li h4 a span {
width: 237px;
}
#content .main-frame.category .product-list ul#results li h4 a span em.stars {
right: 8px;
}
#content .main-frame.category .product-list ul#results li .holder {
width: 237px;
left: -14px;
}
#content .main-frame.category .product-list ul#results li .visual .action {
right: -20px;
}
}
/* 800 */
@media (max-width: 989px) {
#content .main-frame.category .product-list {
width: 100%;
}
#content .main-frame.category .product-list ul#results {
width: 100%;
}
}
.product-detail-accessory-container {
display: flex;
flex-direction: column;
margin-bottom: 20px;
gap: 5px;
max-width: 500px;
}
.product-detail-accessory-container .product-detail-accessory-holder {
display: flex;
align-items: center;
gap: 0 5px;
cursor: pointer;
}
.product-detail-accessory-container .product-detail-accessory-holder .iCheckbox {
flex-shrink: 0;
cursor: pointer;
}
.product-detail-accessory-container .product-detail-accessory-holder .iCheckbox.disabled:not(.checked) {
background-color: white;
}
.product-detail-accessory-container .product-detail-accessory-holder .iCheckbox::after {
content: "";
width: 30px;
position: absolute;
height: 30px;
transform: translate(-10px, -10px);
}
.product-detail-accessory-container .product-detail-accessory {
display: flex;
align-items: center;
gap: 0 5px;
cursor: pointer;
width: 100%;
}
.product-detail-accessory-container .product-detail-accessory .accessory-name {
font-size: 14px;
font-family: 'RobotoNewRegular';
max-height: 2lh;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
flex-grow: 1;
}
.product-detail-accessory-container .product-detail-accessory .accessory-price {
flex-direction: column;
}
.cart-product-list .cart-item-accessory {
display: flex;
align-items: center;
margin-left: 105px;
margin-bottom: 10px;
}
.cart-product-list .cart-item-accessory .cart-accessory-link {
cursor: pointer;
display: flex;
align-items: center;
color: black;
font-family: 'RobotoNewRegular';
font-size: 14px;
text-decoration: none;
}
.cart-product-list .cart-item-accessory .cart-accessory-name {
width: 260px;
margin-left: 20px;
}
.cart-product-list .cart-item-accessory .accessory-price {
min-width: 150px;
}
.accessory-price {
display: flex;
align-items: center;
justify-content: end;
gap: 5px;
padding: 0 10px;
white-space: nowrap;
}
.accessory-price .old-price {
color: dimgray;
font-family: 'RobotoNewRegular';
font-size: 14px;
text-decoration-line: line-through;
}
.accessory-price .new-price {
color: #e60000;
font-family: 'RobotoNewMedium';
font-size: 14px;
}
.accessory-price .normal-price {
color: black;
font-family: 'RobotoNewMedium';
font-size: 14px;
}
.cart-wrapper .accessory-price .new-price {
color: black;
}
.accessory-add-to-cart {
color: #7ab51c;
font-family: 'RobotoNewRegular';
font-size: 14px;
}
.accessory-icon {
background-image: url(/Content/img/icons/icon-accessory.svg);
background-repeat: no-repeat;
background-position-y: center;
padding-left: 17px;
display: block;
color: #3f4345;
font-family: 'RobotoNewRegular';
}
.cart-product-item-wrap .accessory-icon {
margin-left: 105px;
margin-block: 10px;
}
@media (max-width: 755px) {
.accessory-wrapper {
background: #ecffeb;
padding: 5px;
}
.cart-product-item-wrap .accessory-icon {
margin-left: 0;
}
.cart-product-list .cart-item-accessory {
margin-bottom: 10px;
margin-left: 0;
display: grid;
width: 100%;
grid-template-areas: "b b" "c d";
}
.cart-product-list .cart-item-accessory .cart-accessory-link {
grid-area: b;
}
.cart-product-list .cart-item-accessory .cart-accessory-name {
width: 100%;
}
.cart-product-list .cart-item-accessory .accessory-price {
grid-area: c;
justify-content: start;
margin-left: 50px;
min-width: unset;
width: auto;
}
.cart-product-list .cart-item-accessory .accessory-add-to-cart {
margin-left: auto;
grid-area: d;
}
}
.hero-card-container {
display: flex;
gap: 10px;
flex-wrap: nowrap;
}
.hero-card-wrap {
padding: 10px;
padding-bottom: 20px;
width: 33%;
}
@media (max-width: 1249px) {
.hero-card-wrap {
width: 45%;
}
}
@media (max-width: 767px) {
.hero-card-wrap {
width: 80vw;
}
}
.hero-card {
border-radius: 5px;
background: white;
box-shadow: 1px 4px 16px 0px rgba(0, 0, 0, 0.1);
min-width: 0;
width: 100%;
display: block;
text-decoration: none;
color: black;
}
.hero-card__head {
display: flex;
flex-direction: row;
justify-content: space-between;
border-radius: 5px 5px 0px 0px;
font-family: 'RobotoNewMedium';
color: white;
font-size: 15px;
font-weight: 500;
line-height: 20px;
/* 133.333% */
padding: 5px 10px;
}
.hero-card__body {
display: flex;
flex-direction: row;
padding: 20px;
gap: 15px;
}
.hero-card__title {
display: flex;
align-items: center;
gap: 5px;
}
.hero-card__image {
flex-shrink: 0;
width: 160px;
height: 160px;
position: relative;
}
.hero-card__image img {
display: block;
width: 100%;
border-radius: 5px;
}
.hero-card__discount {
position: absolute;
top: -5px;
left: -5px;
color: #e60000;
text-align: center;
font-family: 'RobotoNewRegular';
font-size: 13px;
border-radius: 5px;
border: 1px solid #e60000;
background: white;
display: inline-flex;
padding: 4px 5px;
justify-content: center;
align-items: center;
gap: 10px;
}
.hero-card__info {
display: flex;
flex-direction: column;
overflow: hidden;
text-overflow: ellipsis;
}
.hero-card__info .old-price {
color: var(--ern, black);
font-size: 14px;
text-decoration-line: line-through;
}
.hero-card__info .price,
.hero-card__info .new-price {
font-size: 20px;
font-weight: 700;
}
.hero-card__price-box {
padding-bottom: 15px;
height: 45px;
display: flex;
flex-direction: column;
gap: 5px;
justify-content: end;
}
.hero-card__rating {
padding-bottom: 25px;
}
.hero-card__name {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 5px;
}
.hero-card .button {
display: flex;
gap: 5px;
}
@media (max-width: 767px) {
.hero-card__image {
margin: 0 auto;
width: 240px;
height: 240px;
}
.hero-card__body {
flex-direction: column;
}
.hero-card__rating {
padding-bottom: 10px;
}
.hero-card__name {
white-space: unset;
height: 2lh;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
}
#content.product-detail .modal {
display: none;
/* Hidden by default */
position: fixed;
/* Stay in place */
z-index: 11;
/* Sit on top */
left: 0;
top: 0;
width: 100%;
/* Full width */
height: 100%;
/* Full height */
background-color: black;
/* Fallback color */
background-color: rgba(0, 0, 0, 0.4);
/* Black w/ opacity */
}
#content.product-detail .modal-content {
display: flex;
padding: 0;
width: 860px;
background-color: #fefefe;
margin: 10% auto;
/* 15% from the top and centered */
border: 1px solid #888888;
}
#content.product-detail .moderator-catalogue-code {
color: #7f7f7f;
font-family: 'RobotoNewRegular';
font-size: 14px;
margin-bottom: 10px;
}
#content.product-detail .modal-content-text {
display: flex;
flex-direction: column;
flex-grow: 1;
padding: 5px 10px 5px 20px;
}
#content.product-detail .modal-content-text .header {
font: 22px "RobotoNewBold";
margin-top: 25px;
}
#content.product-detail .modal-content-text .info {
color: darkgray;
font: 13px "RobotoNewRegular";
}
#content.product-detail .modal-content-text .price {
font: 17px "RobotoNewBold";
}
#content.product-detail .modal-content-text p {
margin: 0 0 15px;
}
#content.product-detail .close {
float: none;
text-align: right;
color: #6c6967;
font-size: 28px;
font-weight: bold;
}
#content.product-detail .close:hover,
#content.product-detail .close:focus {
color: black;
text-decoration: none;
cursor: pointer;
}
#content.product-detail .alter_title {
display: none;
}
#content.product-detail .cart-parent {
position: relative;
float: right;
width: 450px;
padding-left: 15px;
}
#content.product-detail .cart-parent .product-info {
position: absolute;
width: 420px;
padding: 9px 15px 0 15px;
z-index: 1;
}
#content.product-detail .cart-parent .product-info h1.h2 {
margin: 0;
margin-bottom: 20px;
font: 18px 'RobotoNewRegular';
}
#content.product-detail .cart-parent .product-info .product-favorite-inner-wrap {
cursor: pointer;
display: flex;
gap: 10px;
align-items: center;
color: #2c2c2c;
font-family: 'RobotoNewLight';
font-size: 14px;
margin-left: -4px;
}
#content.product-detail .cart-parent .product-info .product-favorite-inner-wrap span {
margin-left: -4px;
}
#content.product-detail .cart-parent .product-info .bottom {
position: relative;
margin-top: 12px;
}
#content.product-detail .cart-parent .product-info .bottom .top .inactive-product {
color: red;
font-family: 'RobotoNewRegular';
font-size: 18px;
margin: 10px 0;
display: block;
}
#content.product-detail .cart-parent .product-info .bottom .countdown {
font: 12px 'RobotoNewMedium';
color: #e60000;
width: 100%;
margin-bottom: 5px;
}
#content.product-detail .cart-parent .product-info .bottom .countdown.PL {
font-size: 12px;
}
#content.product-detail .cart-parent .product-info .bottom .countdown.RO {
font-size: 16px;
}
#content.product-detail .cart-parent .product-info .bottom .countdown.UA {
font-size: 15px;
}
#content.product-detail .cart-parent .product-info .bottom .countdown .timer {
margin-right: 3px;
}
#content.product-detail .cart-parent .product-info .bottom .countdown .timer span {
margin-left: 1px;
}
#content.product-detail .cart-parent .product-info .bottom .countdown.soldOut {
background-color: white;
color: #dd4c2c;
margin-bottom: 16px;
}
#content.product-detail .cart-parent .product-info .bottom .stars-wrap {
display: inline-block;
width: 100%;
cursor: pointer;
color: black;
margin-bottom: 15px;
}
#content.product-detail .cart-parent .product-info .bottom .stars-wrap span {
float: left;
line-height: 20px;
margin-left: 10px;
font-family: 'RobotoNewLight';
text-decoration: underline;
}
#content.product-detail .cart-parent .product-info .bottom .stars-wrap span.stars {
margin-left: 0;
float: left;
}
#content.product-detail .cart-parent .product-info .bottom .pricing-wrap {
margin-bottom: 20px;
}
#content.product-detail .cart-parent .product-info .bottom .pricing-wrap .price-box {
display: flex;
gap: 5px;
flex-wrap: wrap;
font-size: 14px;
}
#content.product-detail .cart-parent .product-info .bottom .pricing-wrap .price-box .normal-price,
#content.product-detail .cart-parent .product-info .bottom .pricing-wrap .price-box .cupon-info {
padding: 5px;
flex-shrink: 0;
flex-grow: 1;
max-width: max-content;
}
#content.product-detail .cart-parent .product-info .bottom .pricing-wrap .price-box .normal-price {
padding-left: 0px;
}
#content.product-detail .cart-parent .product-info .bottom .pricing-wrap .price-box .normal-price .price-info {
font-family: 'RobotoNewLight';
}
#content.product-detail .cart-parent .product-info .bottom .pricing-wrap .price-box .normal-price .price-info .price-discount {
margin-left: 5px;
}
#content.product-detail .cart-parent .product-info .bottom .pricing-wrap .price-box .normal-price.campaign .priceValue {
font-family: 'RobotoNewRegular';
}
#content.product-detail .cart-parent .product-info .bottom .pricing-wrap .price-box .priceValue.discounted,
#content.product-detail .cart-parent .product-info .bottom .pricing-wrap .price-box .cupon-info .priceValue {
color: #e60000;
}
#content.product-detail .cart-parent .product-info .bottom .pricing-wrap .price-box .priceValue {
color: black;
font-family: 'RobotoNewBold';
font-weight: normal;
font-size: 22px;
}
#content.product-detail .cart-parent .product-info .bottom .pricing-wrap .price-box .price-withoutVat {
font-size: 11px;
}
#content.product-detail .cart-parent .product-info .bottom .pricing-wrap .price-box .cupon-info {
display: flex;
flex-direction: column;
align-items: center;
cursor: pointer;
background-color: whitesmoke;
border-radius: 5px;
transition: background-color 1s;
font-size: 12px;
}
#content.product-detail .cart-parent .product-info .bottom .pricing-wrap .price-box .cupon-info .cupon-code {
font-weight: bold;
}
#content.product-detail .cart-parent .product-info .bottom .pricing-wrap .price-box .cupon-info svg {
width: 1em;
height: 1em;
}
#content.product-detail .cart-parent .product-info .bottom .pricing-wrap .price-box .cupon-info:active {
background-color: #39c21e;
transition: background-color 0s;
}
#content.product-detail .cart-parent .product-info .bottom .christmas-garancy {
float: left;
margin: 5px 0;
width: 100%;
}
#content.product-detail .cart-parent .product-info .bottom .christmas-delivery-guarantee-tag {
background: #0fab3b url(/Content/img/christmas-delivery-guarantee.png) no-repeat 0px center;
background-size: 24px;
border-radius: 100px;
max-width: 100%;
width: max-content;
box-sizing: border-box;
color: white;
display: block;
font-family: 'RobotoNewRegular';
font-size: 14px;
line-height: 19px;
padding: 4px 20px 4px 32px;
}
#content.product-detail .cart-parent .product-info .bottom .coronavirus-tag {
background: #0fab3b url(/Content/img/coronavirus-delivery-info.png) no-repeat 1px top;
border-radius: 22px 9px 9px 22px;
box-sizing: border-box;
color: white;
display: inline-block;
float: left;
font-family: 'RobotoNewRegular';
font-size: 14px;
line-height: 19px;
margin: 0 0 5px;
padding: 4px 10px 4px 48px;
}
#content.product-detail .cart-parent .product-info .bottom .special-transport {
display: inline-flex;
align-items: center;
gap: 5px;
color: #518400;
cursor: pointer;
}
#content.product-detail .cart-parent .product-info .bottom .special-transport svg {
width: 24px;
height: 24px;
flex-shrink: 0;
}
#content.product-detail .cart-parent .product-info .bottom .reach-free-delivery {
font-family: 'RobotoNewBold';
display: flex;
align-items: center;
justify-content: center;
border-radius: 5px;
border: 1px solid #7ab51c;
height: 32px;
width: 100%;
background-color: white;
color: #7ab51c;
font-size: 14px;
transition: background-color 0.2s linear 0s;
cursor: pointer;
}
#content.product-detail .cart-parent .product-info .bottom .reach-free-delivery:hover {
background-color: #7ab51c;
color: white;
}
#content.product-detail .cart-parent .product-info .bottom .benefit-points {
display: flex;
align-items: center;
gap: 10px;
color: #2c2c2c;
/* text color */
font-family: 'RobotoNewLight';
margin: 10px 0;
}
#content.product-detail .cart-parent .product-info .bottom .benefit-points svg {
width: 24px;
height: 24px;
stroke: #3a3a3c;
}
#content.product-detail .cart-parent .product-info .bottom .benefit-points.UA {
font-size: 11px;
}
#content.product-detail .cart-parent .product-info .bottom .benefit-points span span {
cursor: pointer;
text-decoration: underline;
}
#content.product-detail .cart-parent .product-info .bottom .buttons-holder {
margin: 0;
position: relative;
}
#content.product-detail .cart-parent .product-info .bottom .buttons-holder .btn-like {
cursor: pointer;
margin-left: 53px;
float: left;
}
#content.product-detail .cart-parent .product-info .bottom .buttons-holder .btn-info {
position: absolute;
top: 17px;
right: 18px;
display: block;
width: 18px;
height: 18px;
font: 12px/18px georgia, serif;
font-style: italic;
font-weight: bold;
color: white !important;
text-decoration: none;
background: #ec6c26;
border-radius: 9px;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
text-align: center;
z-index: 1;
}
#content.product-detail .cart-parent .product-info .bottom .buttons-holder .btn-info.moderator {
top: 46px;
}
#content.product-detail .cart-parent .product-info .bottom .icons {
width: 100%;
height: 27px;
z-index: 10;
margin-bottom: 25px;
}
#content.product-detail .cart-parent .product-info .bottom .icons em {
display: inline-block;
width: 29px;
height: 27px;
text-indent: 2000px;
overflow: hidden;
z-index: 10;
cursor: help;
float: left;
margin-right: 15px !important;
}
#content.product-detail .cart-parent .product-info .bottom .icons em.economy {
background: url(/Content/img/ico-economy.png?v=1);
margin: 10px 0;
}
#content.product-detail .cart-parent .product-info .bottom .icons em.pure-selection {
background: url(/Content/img/ico-4pure.png?v=1);
margin: 10px 0;
}
#content.product-detail .cart-parent .product-info .bottom .icons em.transport {
height: 22px;
background: url(/Content/img/ico-transport.png?v=1);
margin: 10px 0;
}
#content.product-detail .cart-parent .product-info .bottom .icons em.spec-trans {
width: 98px;
height: 60px;
margin: 5px 0;
background-repeat: no-repeat;
}
#content.product-detail .cart-parent .product-info .procut-detail-twisto {
display: none;
}
#content.product-detail .cart-parent .catalog-number {
color: #7f7f7f;
font-family: 'RobotoNewRegular';
font-size: 14px;
font-weight: 400;
align-items: baseline;
box-sizing: border-box;
display: flex;
justify-content: end;
}
#content.product-detail .cart-parent .catalog-number .catalog-number-heading {
color: #7f7f7f;
font-size: 14px;
font-weight: 400;
}
@media (min-width: 1900px) {
#content.product-detail .cart-parent {
width: 500px;
}
#content.product-detail .cart-parent .product-info {
width: 500px;
}
.product-action-wrapper {
border: 1px solid #f7f7f7;
padding: 10px;
}
}
@media (max-width: 1899px) {
#content.product-detail .cart-parent {
width: 350px;
}
#content.product-detail .cart-parent .product-info {
width: 350px;
padding: 9px 0 0 0;
border: 0;
}
#content.product-detail .cart-parent .product-info .bottom .countdown.PL {
font-size: 12px;
}
#content.product-detail .cart-parent .product-info .bottom .countdown.RO {
font-size: 16px;
}
#content.product-detail .cart-parent .product-info .bottom .countdown.UA {
width: 270px;
padding: 1px 0;
}
#content.product-detail .cart-parent .product-info .bottom .buttons-holder .btn-like {
margin-left: 82px;
}
#content.product-detail .cart-parent .product-info .product-action-wrapper {
padding: 10px;
border: 1px solid #f7f7f7;
border-radius: 5px;
}
.info.desc span.availabilityValueDelivery.PL {
width: 170px;
}
}
@media (max-width: 1360px) {
#content.product-detail .cart-parent .product-info .bottom .pricing-wrap .christmas-delivery-guarantee-tag {
font-size: 13px;
}
}
@media (max-width: 989px) {
#content.product-detail .cart-parent {
width: 250px;
}
#content.product-detail .cart-parent .product-info {
width: 250px;
}
}
@media (max-width: 1249px) {
#content.product-detail .modal-content {
width: fit-content;
height: fit-content;
flex-wrap: wrap;
position: relative;
}
#content.product-detail .modal-content img {
width: 100%;
height: auto;
}
#content.product-detail .modal-content-text {
padding: 5px 10px;
}
#content.product-detail .modal-content-text .header {
margin-top: 15px;
}
#content.product-detail .close {
position: absolute;
top: 5px;
right: 5px;
background-color: white;
width: 30px;
height: 30px;
border-radius: 50%;
text-align: center;
}
#content.product-detail .alter_title {
display: block;
font: 24px 'RobotoNewRegular';
margin: 0;
}
#content.product-detail .cart-parent {
float: right;
position: relative;
margin-right: -250px;
padding-left: 0;
height: auto !important;
margin-right: 0;
width: 100%;
}
#content.product-detail .cart-parent > div:not(.product-info) {
display: none !important;
}
#content.product-detail .cart-parent .product-info {
position: relative !important;
top: 0 !important;
width: 100%;
padding: 5px 0 0;
}
#content.product-detail .cart-parent .product-info h1.h2 {
display: none;
}
#content.product-detail .cart-parent .product-info .product-action-wrapper {
padding: 10px;
}
#content.product-detail .cart-parent .product-info .bottom .pricing-wrap .christmas-delivery-guarantee-tag {
font-size: 14px;
}
#content.product-detail .cart-parent .product-info .bottom .buttons-holder {
display: none;
}
.info.desc span.availabilityValueDelivery.SK {
width: auto;
}
}
@media (min-width: 531px) and (max-width: 1359px) {
.HU #content.product-detail .cart-parent .product-info .bottom .pricing-wrap .info.desc span {
font-size: 13px;
}
.HU #content.product-detail .cart-parent .product-info .bottom .benefit-points {
font-size: 11px;
}
.HU #content.product-detail .cart-parent .product-info .bottom .benefit-points span {
font-size: 11px;
}
.PL #content.product-detail .cart-parent .product-info .bottom .pricing-wrap .info.desc span {
font-size: 12px;
width: auto;
}
}
.info.desc {
font-family: 'RobotoNewRegular';
font-size: 14px;
display: flex;
flex-direction: column;
align-items: start;
gap: 8px;
border-radius: 5px;
border: 1px solid #d7d7d7;
padding: 15px 10px;
position: relative;
margin-top: 20px;
}
.info.desc:before {
position: absolute;
content: '';
display: block;
width: 40px;
height: 24px;
background: white url(/Content/img/icons/icon-delivery-cart.svg);
top: -12px;
left: 50%;
transform: translateX(-50%);
background-repeat: no-repeat;
background-position: center;
}
.info.desc .delivery-info-section {
color: #518400;
width: 100%;
}
.info.desc .delivery-option-wrap {
display: flex;
gap: 10px;
align-items: center;
}
.info.desc .delivery-option-wrap b {
font-family: 'RobotoNewMedium';
font-weight: 400;
}
.info.desc .order-more {
display: block;
width: 100%;
color: black;
margin-top: 3px;
margin-left: 15px;
}
.info.desc span.courier {
font-size: 12px;
}
.info.desc span.availabilityValueDeliveryLabel.RO {
margin-right: 5px;
}
.info.desc span.availabilityValueDelivery {
font-family: 'RobotoNewBold';
width: 175px;
}
.info.desc span.availabilityValueDelivery.RO {
margin-left: 0;
width: auto;
}
.info.desc span.availabilityValueDelivery.DE {
width: auto;
}
.info.desc span.lowest-price {
font-size: 11px;
color: darkgray;
margin-bottom: 2px;
}
.availabilityValue.onstore,
.availabilityValue.onstorers,
.availabilityValue.onsupplierstore,
.availabilityValue.onway,
.availabilityValue.onorder {
color: #518400;
}
.availabilityValue.soldout {
color: #e60000;
}
.product-maintnance {
margin-top: 30px;
display: flex;
flex-direction: column;
}
.product-maintnance .product-maintnance-item {
width: max-content;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 5px;
}
.product-maintnance svg {
width: 30px;
height: 30px;
flex-shrink: 0;
aspect-ratio: 1;
}
.material-detail {
display: flex;
align-items: center;
padding-left: 15px;
border-left: 1px solid black;
text-decoration: underline;
cursor: pointer;
gap: 2px;
}
.product-maintnance-wrap {
display: flex;
gap: 20px;
flex-wrap: wrap;
}
.product-key-features-wrap {
display: flex;
flex-direction: row;
gap: 15px;
cursor: pointer;
flex-wrap: wrap;
}
.product-key-features {
display: flex;
position: relative;
flex-direction: row;
margin-bottom: 20px;
}
.product-key-features--icon-holder {
display: flex;
align-items: center;
justify-content: center;
min-width: 30px;
height: 30px;
flex-shrink: 0;
}
.product-key-features--icon-holder svg,
.product-key-features--icon-holder img {
max-height: 30px;
width: auto;
}
.product-key-features #icon-info {
width: 12px;
height: 12px;
margin-left: -10px;
}
.product-key-features-hover {
display: none;
z-index: 300;
top: 30px;
position: absolute;
width: 100%;
background: white;
flex-direction: column;
border-radius: 5px;
box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
padding: 10px;
box-sizing: border-box;
gap: 10px;
color: black;
font-family: 'RobotoNewRegular';
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
.product-key-features-hover .hover--icon-holder {
display: flex;
align-items: center;
justify-content: center;
min-width: 40px;
height: 40px;
flex-shrink: 0;
}
.product-key-features-hover .hover--icon-holder svg,
.product-key-features-hover .hover--icon-holder img {
max-height: 40px;
}
.product-key-features-hover .hover--feature-row {
display: flex;
align-items: center;
gap: 10px;
}
.product-key-features.show .product-key-features-hover {
display: flex;
}
.popup--material-detail .material-detail__name {
color: black;
font-family: 'RobotoNewMedium';
font-size: 24px;
margin-bottom: 0;
}
.popup--material-detail .material-detail__description {
font-size: 18px;
line-height: 26px;
}
.popup--material-detail .material-detail__how-to {
font-family: 'RobotoNewMedium';
font-size: 20px;
}
.popup--material-detail .material-detail__list {
display: flex;
flex-direction: column;
gap: 15px;
}
.popup--material-detail .material-detail__list .material-detail__point {
display: flex;
align-items: center;
}
.popup--material-detail .material-detail__list .material-detail__point svg {
width: 30px;
flex-shrink: 0;
}
.popup--material-detail .material-detail__list .material-detail__point span {
margin-left: 15px;
font-size: 18px;
}
.popup--material-detail .popup__content {
display: flex;
flex-direction: column;
gap: 15px;
height: 530px;
overflow-y: auto;
}
.fulfillment-info {
text-decoration: underline;
cursor: pointer;
margin-left: 10px;
white-space: nowrap;
}
.popup.popup--fulfillment-info .box-wrap {
width: 80px;
height: 33px;
background-position: 0;
margin-right: 20%;
flex-shrink: 0;
}
.popup.popup--fulfillment-info .info-row {
display: flex;
border-radius: 5px;
border: 1px solid #c6c6c6;
background: white;
padding: 5px;
align-items: center;
font-size: 14px;
}
.popup.popup--fulfillment-info h2 {
font-family: 'RobotoNewMedium';
font-size: 18px;
line-height: 20px;
margin: 0;
margin-top: 20px;
}
.popup.popup--fulfillment-info .popup__footer {
justify-content: start;
color: #7f7f7f;
}
.popup.popup--fulfillment-info .option-price {
margin-left: auto;
width: 75px;
text-align: left;
flex-shrink: 0;
}
.popup.popup--fulfillment-info .option-price.free {
color: #7ab51c;
}
.popup.popup--fulfillment-info .popup__content {
height: 530px;
overflow: auto;
display: flex;
gap: 5px;
flex-direction: column;
}
@media (max-width: 767px) {
.material-detail {
border-left: none;
padding-left: 0;
}
.popup.popup--fulfillment-info .box-wrap {
margin-right: 10px;
}
.product-maintnance .product-maintnance-item {
flex-direction: row;
}
.product-key-features-hover {
cursor: unset;
top: unset;
left: 0;
position: fixed;
bottom: 0;
width: 100vw;
font-size: 16px;
padding-top: 40px;
padding-bottom: 40px;
}
.product-key-features-hover::after {
position: absolute;
top: 10px;
right: 10px;
content: url('data:image/svg+xml;utf8,');
}
.product-key-features-hover .hover--icon-holder {
display: flex;
align-items: center;
justify-content: center;
min-width: 40px;
height: 40px;
flex-shrink: 0;
}
.product-key-features-hover .hover--icon-holder svg,
.product-key-features-hover .hover--icon-holder img {
max-height: 40px;
}
}
.description {
padding: 10px 17px 0 0;
width: 100%;
}
.description .erotic-btn {
background: #f0f1f3;
background: linear-gradient(to bottom, #f0f1f3 0%, #e3e4e6 100%);
border: 1px solid #c8c8c8;
border-radius: 1px;
box-sizing: border-box;
font: 13px/40px 'RobotoNewRegular';
float: left;
min-height: 41px;
margin: 20px 0;
position: relative;
width: 100%;
height: auto;
transition: background 0.2s linear 0s;
}
.description .erotic-btn:hover {
background: #e3e3e5;
background: linear-gradient(to bottom, #e3e3e5 0%, #c9cacc 100%);
}
.description .erotic-btn a {
background: url('/Content/img/eroticLock.png') no-repeat 16px 50%;
background-size: 25px;
box-sizing: border-box;
color: black;
cursor: pointer;
display: block;
height: 41px;
padding: 0 50px 0 62px;
text-decoration: none;
width: 100%;
}
.description .erotic-btn a span {
position: absolute;
top: 20px;
right: 14px;
width: 28px;
height: 28px;
background: url('/Content/img/btns4.png') no-repeat 0 0;
margin: -14px 0 0 0;
}
.description .erotic-btn a.open span {
background-position: 0 -28px;
}
.description .erotic-btn .erotic-info {
padding: 10px 20px 0;
border-top: 1px solid #c8c8c8;
background-color: #f3f3f3;
position: relative;
}
.description .erotic-btn .erotic-info p {
line-height: 1.6em;
}
.description .erotic-btn .erotic-info img {
display: block;
}
.description .erotic-btn .erotic-info img.e-arrow {
position: absolute;
top: 59px;
left: 195px;
}
.description .holder {
font-family: 'RobotoNewRegular' !important;
line-height: 24px;
width: 100%;
}
.description .holder .description-content {
margin-bottom: 10px;
width: 100%;
}
.description .holder ul {
margin: 10px 0 10px 40px;
}
.description .holder ul li {
list-style: disc;
}
.description .holder strong {
font-weight: normal !important;
font-family: 'RobotoNewMedium';
}
.description .holder p {
margin: 0;
}
.description .holder h2 {
color: black;
font-family: 'RobotoNewRegular';
font-size: 24px;
margin-bottom: 17px;
}
.description .holder .section-heading {
color: #3f3f3f;
font-family: 'RobotoNewMedium';
font-size: 15px;
font-weight: 400;
margin: 0;
}
.description .holder a.brand {
display: flex;
gap: 10px;
align-items: center;
color: black;
font-size: 12px;
text-decoration: none;
}
.description .holder a.brand img {
width: 40px;
height: 40px;
}
.description .holder a.brand:hover {
text-decoration: underline;
}
.description .holder .att-list {
margin-top: 10px;
margin-bottom: 10px;
width: 100%;
}
.description .holder .att-list .att {
box-sizing: border-box;
color: #3f3f3f;
display: flex;
flex-wrap: wrap;
width: 100%;
}
.description .holder .att-list .att-heading {
color: #3f3f3f;
font-family: 'RobotoNewMedium';
font-size: 15px;
font-weight: 400;
margin: 0 10px 0 0;
}
.description .holder .att-list .att-content {
flex: 1;
}
.description .holder .att-list .att-video h2 {
color: #3f3f3f;
font-family: 'RobotoNewMedium';
font-size: 15px;
}
.description .holder .att-link {
margin-bottom: 10px;
}
.description .holder .att-link a {
display: block;
}
.description .holder .att-to-download {
margin-bottom: 10px;
}
.description .holder .att-to-download .att-heading {
margin-bottom: 4px;
}
.description .holder .att-to-download a {
background: transparent url('/Content/img/ico-download-pdf.png') no-repeat left 0;
box-sizing: border-box;
color: #3f3f3f;
display: inline-block;
line-height: normal;
margin: -5px 0 1px 0;
min-height: 31px;
padding-left: 35px;
padding-top: 5px;
}
.description .holder font,
.description .holder p,
.description .holder li {
font-family: 'RobotoNewRegular' !important;
font-size: 14px !important;
}
.description .christmas-info-panel {
margin: 10px 0;
}
.description .christmas-info-panel span {
background-color: white;
box-sizing: border-box;
color: #5f6468;
float: left;
font-family: 'RobotoNewRegular';
font-size: 15px;
padding: 58px 9px 0;
text-align: center;
width: 157px;
}
.description .christmas-info-panel span.christmas-product-return {
background: white url('/Content/img/christmas-product-return.png') no-repeat center 1px;
}
.description .christmas-info-panel span.christmas-delivery-guarantee {
background: white url('/Content/img/christmas-delivery-guarantee.png') no-repeat center top;
}
.description .christmas-info-panel span.christmas-free-delivery {
background: white url('/Content/img/christmas-free-delivery.png') no-repeat center 8px;
}
.description .christmas-info-panel.HU span,
.description .christmas-info-panel.PL span,
.description .christmas-info-panel.RO span {
font-size: 12px;
}
.description .fav-share-brand {
display: flex;
gap: 15px;
align-items: center;
color: #3f3f3f;
font-size: 15px;
font-family: 'RobotoNewMedium';
}
.description .fav-share-brand:after {
clear: both;
}
.description .fav-share-brand .brand {
display: flex;
width: max-content;
align-items: center;
gap: 10px;
opacity: 1;
padding: 5px;
padding-right: 16px;
transition: opacity 0.2s linear 0s;
border-radius: 3px;
border: 1px solid #e7e7e7;
text-decoration: none;
}
.description .fav-share-brand .brand .brand-heading {
color: #727272;
font-size: 14px;
}
.description .fav-share-brand .brand .brand-name {
color: black;
font-family: 'RobotoNewMedium';
font-size: 18px;
text-decoration: none;
display: block;
}
.description .fav-share-brand .brand img {
height: 80px;
object-fit: contain;
}
.description .fav-share-brand .brand:hover {
opacity: 0.8;
}
.description .fav-share-brand .vertical-line {
background-color: #ebebeb;
display: block;
float: left;
height: 50px;
margin-top: 25px;
width: 1px;
}
@media (min-width: 1360px) {
.description .holder .question-box-form form textarea {
resize: none;
width: 96%;
padding: 2%;
height: 100px;
margin-bottom: 20px;
}
.description .holder .question-box-form form input[type=submit] {
cursor: pointer;
border: 0;
padding: 0;
width: 120px;
font: 17px 'RobotoNewRegular';
background-color: #21b5a4;
color: white;
height: 42px;
line-height: 42px;
}
.description .holder .question-box-form form input[type=submit]:hover {
background-color: #24c4b2;
}
}
.product-bottom {
margin-top: 25px;
}
.prod-grid {
width: 100%;
display: grid;
grid-template-areas: "a b" "c b";
grid-template-columns: auto 520px;
}
.prod-grid .promo-cart-wrapper {
grid-area: a;
width: 100%;
}
.prod-grid .description {
grid-area: c;
}
.prod-grid .cart-parent {
grid-area: b;
align-self: stretch;
}
.product-parameters {
margin-bottom: 10px;
margin-top: 20px;
}
.product-parameters .product-parameters-heading {
color: #3f3f3f;
font-family: 'RobotoNewMedium';
font-size: 15px;
font-weight: 400;
margin: 0 0 4px 0;
}
.product-parameters .product-parameters-duo {
display: flex;
flex-direction: row;
width: 100%;
gap: 10px;
align-items: start;
}
.product-parameters .product-parameters-duo table {
min-width: unset;
flex-grow: 1;
flex-shrink: 1;
}
.product-parameters table {
min-width: 50%;
border-spacing: 0;
border-radius: 3px;
border-collapse: collapse;
}
.product-parameters table tr td {
width: 50%;
text-align: left;
color: black;
font-family: 'RobotoNewRegular';
font-size: 12px;
padding: 10px 12px;
border: 1px #e5e5e5 solid;
box-sizing: border-box;
line-height: 15px;
}
.product-parameters table tr td strong {
font-family: 'RobotoNewRegular';
font-weight: normal;
}
.product-parameters table tr td:nth-child(1) {
background-color: #eeeeee;
}
.product-parameters table tr td:nth-child(2) {
width: 50%;
padding-left: 12px;
background-color: white;
}
.product-parameters table tr:first-child > :nth-child(1) {
border-top-left-radius: 3px;
}
.product-parameters table tr:first-child > :nth-child(2) {
border-top-right-radius: 3px;
}
.product-parameters table tr:last-child > :nth-child(1) {
border-bottom-left-radius: 3px;
}
.product-parameters table tr:last-child > :nth-child(2) {
border-bottom-right-radius: 3px;
}
@media (max-width: 1899px) {
.prod-grid {
grid-template-columns: auto 380px;
}
}
@media (max-width: 1249px) {
.prod-grid {
display: flex;
flex-direction: column;
}
.product-bottom {
padding: 0 2%;
box-sizing: border-box;
}
}
@media only screen and (max-width: 530px) {
.product-parameters .product-parameters-duo {
flex-direction: column;
gap: 0;
align-items: stretch;
}
.product-parameters .product-parameters-duo table:first-child tr:last-child :nth-child(1) {
border-bottom: none;
}
.product-parameters .product-parameters-duo table:first-child tr:last-child :nth-child(2) {
border-bottom: none;
}
.product-parameters table tr:first-child > :nth-child(1) {
border-top-left-radius: 0px;
}
.product-parameters table tr:first-child > :nth-child(2) {
border-top-right-radius: 0px;
}
.product-parameters table tr:last-child > :nth-child(1) {
border-bottom-left-radius: 0px;
}
.product-parameters table tr:last-child > :nth-child(2) {
border-bottom-right-radius: 0px;
}
}
.collapse-visible {
display: none !important;
}
.collapse .collapse-visible {
display: flex !important;
}
.collapse .collapse-hidden {
display: none !important;
}
.description-content.collapse .description-collapsable {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
.description-content .expand-container {
display: flex;
justify-content: center;
align-items: center;
}
.description-content .collapse-visible,
.description-content .collapse-hidden {
color: black;
text-align: center;
font-family: 'RobotoNewMedium';
font-size: 14px;
padding-bottom: 5px;
border-bottom: 1px solid black;
margin-top: 20px;
display: flex;
gap: 5px;
align-items: center;
justify-content: center;
cursor: pointer;
}
.description-content .collapse-visible svg {
transform: rotate(180deg);
}
@media (max-width: 1359px) {
.description .christmas-info-panel span {
font-size: 13px;
width: 33%;
}
}
@media (max-width: 799px) {
.description {
width: 96%;
padding: 12px 2% 0;
clear: both;
}
.description .erotic-btn {
display: none;
}
}
@media (max-width: 525px) {
.christmas-info-panel {
display: none;
}
}
@media only screen and (max-width: 530px) {
.description {
float: none;
}
}
.promo2 {
width: 100%;
position: relative;
margin-bottom: 10px;
border-bottom: 1px solid #e7e8e9;
}
.promo2.product-detail-promo {
border-bottom: none;
}
.promo2 .title {
height: 1%;
padding: 4px 0 5px 8px;
position: relative;
}
.promo2 .title .labels {
position: absolute;
right: -30px;
z-index: 4;
width: 140px;
top: 19px;
display: flex;
flex-direction: column;
align-items: end;
}
.promo2 .title .labels .label {
position: relative;
display: block;
line-height: 23px;
color: white;
margin: 0;
padding: 0 6px;
font-family: 'RobotoNewMedium';
font-size: 13px;
margin-bottom: 5px;
clear: both;
border-radius: 5px 0px 0px 5px;
}
.promo2 .title .labels .label span {
position: absolute;
top: 0;
right: -8px;
width: 8px;
height: 23px;
background: url(/Content/img/labels.png?v=1) no-repeat 100% 0;
}
.promo2 h2,
.promo2 h1.h2 {
margin: 0;
font: 30px KlavikaRgRegular, Arial, Helvetica, sans-serif;
}
.promo2 .promo-holder {
position: relative;
}
.promo2 .promo-holder .image-count-1 {
grid-template-columns: 1fr;
}
.promo2 .promo-holder .image-count-1 .img_preview {
border: none;
}
.promo2 .promo-holder .image-count-2 {
grid-template-columns: 1fr 1fr;
}
.promo2 .promo-holder .image-count-3 {
grid-template-columns: calc(67% - 3px) calc(33% - 2px);
grid-template-rows: 1fr 1fr;
aspect-ratio: 3 / 2;
}
.promo2 .promo-holder .image-count-3 .img_preview:first-child {
grid-row: 1 / 3;
}
.promo2 .promo-holder .image-count-4,
.promo2 .promo-holder .image-count-5 {
grid-template-columns: calc(50% + -15px) calc(25% - 13px) calc(25% - 13px);
grid-template-rows: 1fr 1fr;
}
.promo2 .promo-holder .image-count-4 .img_preview:first-child,
.promo2 .promo-holder .image-count-5 .img_preview:first-child {
grid-row: 1 / 3;
aspect-ratio: 2.05;
}
.promo2 .promo-holder .img_preview {
width: 100%;
height: 100%;
box-sizing: border-box;
border: 1px solid #e7e7e7;
max-height: 600px;
max-width: 600px;
aspect-ratio: 1;
}
.promo2 .promo-holder .visual {
display: grid;
gap: 10px;
max-height: 600px;
justify-items: center;
margin: 0 auto;
}
.promo2 .promo-holder .visual img,
.promo2 .promo-holder .visual video {
margin: auto auto !important;
vertical-align: middle;
max-width: 100%;
max-height: 100%;
line-height: 14px;
display: block;
width: 100%;
height: 100%;
object-fit: contain;
outline: none;
}
.promo2 .gallery {
position: relative;
width: 580px;
overflow: hidden;
margin-top: 20px;
}
.promo2 .gallery.full ul {
justify-content: space-between;
}
.promo2 .gallery ul {
list-style: none;
margin: 0;
padding: 0 0 0 6px;
width: 99999px;
height: 100%;
display: flex;
gap: 20px;
flex-direction: column;
}
.promo2 .gallery ul li {
width: 85px;
vertical-align: top;
float: left;
display: block;
position: relative;
}
.promo2 .gallery ul li a {
display: flex;
align-items: center;
padding: 2px;
width: 65px;
position: relative;
border: 2px solid transparent;
border-radius: 5px;
height: 65px;
line-height: normal;
text-align: center;
}
.promo2 .gallery ul li a img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
max-height: 100% !important;
border-radius: 5px;
margin: 0 auto;
font-size: 0;
}
.promo2 .gallery ul li span.overlay {
display: inline-block;
position: absolute;
cursor: pointer;
width: 75px;
height: 75px;
background-color: rgba(255, 255, 255, 0.6);
border: 1px solid transparent;
top: 0;
font-family: 'RobotoNewRegular';
color: #555555;
text-align: center;
font-size: 27px;
box-sizing: border-box;
padding-top: 10%;
}
.promo2 .gallery ul li span.overlay span {
font-size: 34px;
}
.promo2 .gallery ul li.active a {
border: 2px solid black;
}
.promo2 .gallery ul li.active a img {
display: block;
}
.show-gallery-holder {
display: flex;
justify-content: end;
margin-top: 10px;
margin-right: 20px;
}
.show-gallery-holder span {
display: flex;
align-items: center;
gap: 5px;
color: black;
font-family: 'RobotoNewMedium';
font-size: 14px;
cursor: pointer;
text-decoration: underline;
}
.show-gallery-holder span:hover {
color: #26b3a3;
}
@media (min-width: 1360px) {
.promo2 .promo-holder .gallery {
width: 100px;
margin-top: 0;
}
.promo2 .promo-holder .gallery ul {
width: 95px;
padding: 0;
}
.promo2 .promo-holder .gallery ul li {
margin-top: 5px;
width: 95px;
height: 95px;
}
.promo2 .promo-holder .gallery ul li a {
width: 85px;
height: 85px;
}
.promo2 .promo-holder .gallery ul li span.overlay {
width: 95px;
height: 95px;
padding-top: 20%;
}
.promo2 .promo-holder .gallery ul li.first {
margin-top: 0;
}
.promo2 .promo-holder .gallery ul li:nth-child(6) {
display: none;
}
}
@media (min-width: 990px) and (max-width: 1359px) {
.promo2 .promo-holder .gallery {
width: 75px;
margin-right: 20px;
margin-top: 0;
}
.promo2 .promo-holder .gallery ul {
width: 75px;
padding: 0;
}
.promo2 .promo-holder .gallery ul li {
margin-top: 5px;
}
.promo2 .promo-holder .gallery ul li.first {
margin-top: 0;
}
}
@media (min-width: 800px) and (max-width: 989px) {
.promo2 .promo-holder .gallery {
width: 75px;
margin-right: 20px;
margin-top: 0;
}
.promo2 .promo-holder .gallery ul {
width: 75px;
padding: 0;
gap: 0;
}
.promo2 .promo-holder .gallery ul li {
margin-top: 5px;
}
.promo2 .promo-holder .gallery ul li.first {
margin-top: 0;
}
}
@media (max-width: 1899px) {
.promo2 .title .labels {
right: -15px;
}
}
@media (max-width: 799px) {
.promo2.product-detail-promo {
width: 100%;
}
.promo2 .title .labels {
right: 0px;
}
.promo2 .gallery {
display: none;
}
}
@media (max-width: 709px) {
.promo2 .promo-holder .visual {
text-align: left;
}
.promo2 .promo-holder .visual img {
max-width: 95% !important;
}
}
@media (max-width: 530px) {
.show-gallery-holder {
display: none;
}
.promo-cart-wrapper {
padding: 0px 0 0 0;
}
.promo2 .title .labels {
right: 0px;
}
.promo2 .promo-holder .visual {
aspect-ratio: unset;
}
.promo2 .promo-holder .thickbox.img_preview {
display: none !important;
}
}
.rq-box .tab.active span {
color: #1ab2a1;
}
.rq-box h2 {
font-family: 'RobotoNewMedium';
font-size: 16px;
font-weight: 500;
}
.tab-bar {
background: whitesmoke;
display: flex;
gap: 15px;
padding: 4px 30px;
position: relative;
}
.tab-bar .tab {
border-radius: 3px;
border: 1px solid #e7e7e7;
background: whitesmoke;
padding: 10px 20px;
cursor: pointer;
}
.tab-bar .tab.active {
border-radius: 3px 3px 0px 0px;
border: 1px solid white;
background: white;
position: relative;
}
.tab-bar .tab.active::after {
display: block;
position: absolute;
left: 0;
width: 100%;
background: white;
content: '';
bottom: -5px;
height: 5px;
}
.tab-bar::before {
content: '';
position: absolute;
display: block;
background: whitesmoke;
height: 100%;
top: 0;
z-index: -1;
width: 100vw;
left: 50%;
transform: translate(-50%, 0);
}
.show-ratings-button {
display: block;
margin: 20px auto;
}
.horizontal-line {
background: whitesmoke;
height: 2px;
position: relative;
}
.horizontal-line::before {
content: '';
position: absolute;
display: block;
background: whitesmoke;
height: 2px;
width: 100vw;
left: 50%;
transform: translate(-50%, 0);
}
.rating_w {
padding: 10px 0;
padding-top: 20px;
display: flex;
gap: 10px;
justify-content: center;
}
.rating-summary {
display: flex;
flex-direction: column;
gap: 10px;
border-radius: 5px;
background: white;
}
.rating_w > .rating-summary {
flex-direction: row;
flex-shrink: 0;
align-items: center;
}
.rating_w > .rating-summary .meter {
width: 10vw;
min-width: 70px;
max-width: 200px;
}
.rating_w > .rating-summary .meta-box {
align-items: start;
padding-right: 10px;
}
.rating_w > .rating-summary .meta-box .star-total {
max-width: max-content;
font-family: 'RobotoNewBold';
gap: 15px;
margin-bottom: 10px;
}
.rating_w > .rating-summary .meta-box .star-total .stars {
width: 150px;
transform: scale(1.3) translateX(12%);
}
.rating-summary .rating-breakdown {
display: flex;
flex-direction: column;
gap: 10px;
align-items: center;
}
.rating-summary .meta-box {
align-items: center;
display: flex;
flex-direction: column;
gap: 10px;
font-family: 'RobotoNewRegular';
font-weight: normal;
font-size: 16px;
line-height: 20px;
}
.rating-summary .meta-box em {
font-style: normal;
font-family: 'RobotoNewMedium';
}
@media (max-width: 500px) {
.rating-summary .meta-box em {
font-size: 14px;
}
}
.rating-summary .meta-box .star-total {
display: flex;
flex-direction: column;
align-items: center;
font-size: 36px;
gap: 10px;
}
.rating-summary .meter {
border-radius: 5px;
background: #cccccc;
width: 200px;
height: 5px;
flex-shrink: 0;
}
.rating-summary .meter div {
height: 5px;
flex-shrink: 0;
border-radius: 5px;
background: #fbdc50;
}
.questions-tab {
padding: 20px 30px;
padding-bottom: 0;
}
.questions-tab h2 {
margin: 0;
}
.question-buttons {
display: flex;
gap: 20px;
align-items: center;
margin-bottom: 30px;
}
.question-buttons.no-questions {
justify-content: center;
}
.question-buttons .button-base {
max-width: 50%;
width: 200px;
}
.blank-info {
margin: 20px auto;
font-size: 16px;
font-family: 'RobotoNewLight';
display: flex;
justify-content: center;
}
.no-rate #reviewsLikes {
display: none;
}
.user-ratings-wrapper {
display: flex;
flex-direction: column;
width: 100%;
}
.user-ratings-wrapper .user-ratings {
display: flex;
gap: 20px;
flex-grow: 1;
}
.rq-details {
margin-top: 50px;
}
.rq-details h2.h3 {
font-size: 21px;
}
.rq-details .btn-wrap {
width: 100%;
float: left;
text-align: center;
}
.rq-details .btn-wrap .reviews_pagination {
clear: both;
display: inline-block;
float: right;
width: auto;
}
.rq-details .btn-wrap a.button.ask {
border-radius: 5px;
color: white;
font-family: 'RobotoNewLight';
font-size: 14px;
display: inline-block;
text-decoration: none;
padding: 5px 10px;
background-color: #9ac432;
float: left;
}
.rq-details .btn-wrap a.button.ask:hover {
background-color: #85be00;
}
.rq-details .btn-wrap a.button.prev,
.rq-details .btn-wrap a.button.next {
background-color: #c9c9c9;
border-radius: 5px;
color: white;
display: inline-block;
float: left;
font-family: 'RobotoNewLight';
font-size: 14px;
margin-right: 10px;
padding: 5px 10px;
text-decoration: none;
}
.rq-details .btn-wrap a.button.prev:hover,
.rq-details .btn-wrap a.button.next:hover {
background-color: #494949;
}
.rq-details .btn-wrap a.button.next {
margin-left: 10px;
margin-right: 0;
}
.rq-details .btn-wrap a.button.number {
float: left;
display: inline-block;
padding: 5px;
text-decoration: none;
color: #c9c9c9;
font-family: 'RobotoNewMedium';
}
.rq-details .btn-wrap a.button.number.active {
font-weight: bold;
color: black;
}
.rq-details .btn-wrap a.button.number:hover {
color: #494949;
}
.rq-details .btn-wrap .reviews-dots {
color: #c9c9c9;
float: left;
font-family: 'RobotoNewMedium';
font-size: 12px;
line-height: 20px;
padding: 5px 0;
}
.rq-details .btn-wrap .reviews-dots.start,
.rq-details .btn-wrap .reviews-dots.end {
display: none;
}
.questions-wrapper {
display: flex;
gap: 20px;
padding-top: 20px;
}
.rating-detail {
border: 1px solid #f3f3f3;
display: flex;
padding: 15px 10px;
box-sizing: border-box;
flex-direction: column;
width: 100%;
flex-basis: 0;
flex-grow: 1;
min-width: 300px;
border-radius: 5px;
}
.rating-detail .header {
display: flex;
gap: 10px;
align-items: center;
}
.rating-detail .header .icon {
width: 40px;
height: 40px;
font-family: 'RobotoNewMedium';
border-radius: 20px;
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
color: white;
background: #7ab51c;
}
.rating-detail .header .user {
display: flex;
flex-direction: column;
}
.rating-detail .header .name {
font-family: 'RobotoNewMedium';
font-size: 16px;
font-weight: 500;
}
.rating-detail .header .date {
color: #727272;
font-size: 12px;
}
.rating-detail .header .verified-customer {
margin-left: auto;
color: #7ab51c;
font-size: 14px;
text-decoration: none;
display: flex;
gap: 3px;
align-items: center;
width: min-content;
}
.rating-detail .header .verified-customer svg {
flex-shrink: 0;
}
.rating-detail .star-row {
display: flex;
gap: 10px;
margin-top: 12px;
}
.rating-detail .home .icon {
color: transparent;
background-image: url('/Content/img/chat-logo.png');
}
.rating-detail .answer {
display: flex;
flex-direction: column;
gap: 10px;
}
.rating-detail .likes-btns {
display: flex;
gap: 5px;
justify-content: end;
align-items: center;
margin-top: 5px;
}
.rating-detail .likes-btns .disabled {
opacity: 0.5;
}
.rating-detail .likes-btns .like.active * {
fill: #009900;
}
.rating-detail .likes-btns .unlike.active * {
fill: red;
}
.rating-detail.deleted {
background: #eeeeee;
}
.rating-detail.deleted * {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.rating-detail.deleted .header {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
.rating-detail.deleted .header a.button.turn {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
.rating-detail .rating-content {
flex-grow: 1;
display: flex;
flex-direction: column;
margin-top: 15px;
line-height: 1.25;
}
.rating-detail .pros-cons {
display: flex;
gap: 10px;
flex-wrap: wrap;
justify-content: space-between;
}
.rating-detail .pros-cons .plus,
.rating-detail .pros-cons .minus {
min-width: 40%;
}
.rating-detail .pros-cons .plus li::before,
.rating-detail .pros-cons .minus li::before {
font-family: 'RobotoNewBold';
}
.rating-detail .pros-cons ul {
margin: 0;
display: flex;
flex-direction: column;
gap: 5px;
}
.rating-detail .pros-cons .plus li::before {
color: #7ab51c;
content: '+ ';
}
.rating-detail .pros-cons .minus li::before {
color: #e60000;
content: '- ';
}
.show-whole {
color: black;
font-family: 'RobotoNewMedium';
font-size: 14px;
line-height: 20px;
/* 142.857% */
display: flex;
justify-content: center;
box-shadow: 0px 0px 10px 10px white;
text-decoration: underline;
cursor: pointer;
}
.show-more-visible .rating-detail {
max-height: 250px;
}
.show-more-visible .rating-detail .rating-content {
overflow: hidden;
}
/* stars */
span.stars,
em.stars {
display: inline-block;
width: 100px;
height: 17px;
background-repeat: no-repeat;
background-image: url(/Content/img/ratingStars3.png);
background-position: 0px -170px;
}
span.stars.r0_0,
em.stars.r0_0 {
background-position: 0px -170px;
}
span.stars.r0_5,
em.stars.r0_5 {
background-position: 0px -153px;
}
span.stars.r1_0,
em.stars.r1_0 {
background-position: 0px -136px;
}
span.stars.r1_5,
em.stars.r1_5 {
background-position: 0px -119px;
}
span.stars.r2_0,
em.stars.r2_0 {
background-position: 0px -102px;
}
span.stars.r2_5,
em.stars.r2_5 {
background-position: 0px -85px;
}
span.stars.r3_0,
em.stars.r3_0 {
background-position: 0px -68px;
}
span.stars.r3_5,
em.stars.r3_5 {
background-position: 0px -51px;
}
span.stars.r4_0,
em.stars.r4_0 {
background-position: 0px -34px;
}
span.stars.r4_5,
em.stars.r4_5 {
background-position: 0px -17px;
}
span.stars.r5_0,
em.stars.r5_0 {
background-position: 0px 0px;
}
span.stars.small,
em.stars.small {
width: 67px;
height: 11px;
background-image: url(/Content/img/ratingStarsSmall.png);
background-position: 0 -134px;
}
span.stars.small.r0_0,
em.stars.small.r0_0 {
background-position: 0 -134px;
}
span.stars.small.r0_5,
em.stars.small.r0_5 {
background-position: 0 -121px;
}
span.stars.small.r1_0,
em.stars.small.r1_0 {
background-position: 0px -107px;
}
span.stars.small.r1_5,
em.stars.small.r1_5 {
background-position: 0px -93px;
}
span.stars.small.r2_0,
em.stars.small.r2_0 {
background-position: 0px -79px;
}
span.stars.small.r2_5,
em.stars.small.r2_5 {
background-position: 0px -66px;
}
span.stars.small.r3_0,
em.stars.small.r3_0 {
background-position: 0px -53px;
}
span.stars.small.r3_5,
em.stars.small.r3_5 {
background-position: 0px -40px;
}
span.stars.small.r4_0,
em.stars.small.r4_0 {
background-position: 0px -27px;
}
span.stars.small.r4_5,
em.stars.small.r4_5 {
background-position: 0px -13px;
}
span.stars.small.r5_0,
em.stars.small.r5_0 {
background-position: 0px 0px;
}
span.stars.form,
em.stars.form {
float: left;
}
em.stars {
background-image: url(/Content/img/ratingStarsList.png);
width: 80px;
height: 14px;
background-position: 0px -140px;
}
em.stars.r0_0 {
background-position: 0px -140px;
}
em.stars.r0_5 {
background-position: 0px -126px;
}
em.stars.r1_0 {
background-position: 0px -112px;
}
em.stars.r1_5 {
background-position: 0px -98px;
}
em.stars.r2_0 {
background-position: 0px -84px;
}
em.stars.r2_5 {
background-position: 0px -70px;
}
em.stars.r3_0 {
background-position: 0px -56px;
}
em.stars.r3_5 {
background-position: 0px -42px;
}
em.stars.r4_0 {
background-position: 0px -28px;
}
em.stars.r4_5 {
background-position: 0px -14px;
}
em.stars.r5_0 {
background-position: 0px 0px;
}
#s_hint {
float: left;
margin-left: 10px;
font-size: 15px;
font-family: 'RobotoNewMedium';
height: 17px;
color: #9ac432;
margin-top: -1px;
}
/* end stars */
@media (max-width: 1899px) {
.user-ratings-wrapper .user-ratings .rating-detail:nth-child(3) {
display: none;
}
}
/* 1360- */
@media (max-width: 1359px) {
.user-ratings-wrapper .user-ratings .rating-detail:nth-child(2) {
display: none;
}
}
@media (max-width: 989px) {
.questions-wrapper .rating-detail:nth-child(3) {
display: none;
}
}
@media (max-width: 799px) {
.user-ratings-wrapper {
display: none;
}
.questions-wrapper .rating-detail:nth-child(2) {
display: none;
}
.question-buttons {
align-items: center;
}
.rq-box .tab-bar {
padding: 4px;
}
}
@media (max-width: 536px) {
}
@media (max-width: 410px) {
}
.rating-stars {
display: flex;
align-items: center;
gap: 5px;
}
.rating-stars .star-count {
min-width: 40px;
color: #7f7f7f;
font-family: 'RobotoNewRegular';
font-size: 16px;
font-weight: 400;
line-height: 20px;
/* 125% */
}
.rating-stars .stars {
overflow: hidden;
width: 12px;
margin-right: 5px;
flex-shrink: 0;
}
.popup--questions .popup__content {
font-size: 14px;
height: 60vh;
overflow-y: auto;
overflow-x: hidden;
display: flex;
flex-direction: column;
gap: 10px;
}
@media (max-width: 750px) {
.popup--questions .rating-summary {
position: unset;
}
.popup--questions .popup__content {
display: flex;
flex-direction: column;
height: calc(75vh - 110px);
}
}
.popup--ratings .select {
padding-bottom: 10px;
cursor: pointer;
}
.popup--ratings .popup__content {
font-size: 14px;
padding-top: 20px;
height: 60vh;
overflow-y: auto;
overflow-x: hidden;
display: grid;
grid-template-columns: 290px 1fr;
gap: 10px;
}
.popup--ratings .rating-summary {
position: fixed;
margin-top: 45px;
}
.popup--ratings .user-ratings {
grid-column: -2;
}
.popup--ratings #user-ratings {
display: flex;
flex-direction: column;
gap: 10px;
}
@media (max-width: 750px) {
.popup--ratings {
height: 100vh;
padding: 0;
}
.popup--ratings .rating-summary {
position: unset;
}
}
.ratings-info {
display: flex;
justify-content: space-between;
}
#rating-mode {
position: relative;
width: max-content;
}
#rating-mode .active svg {
transform: rotate(180deg);
}
#rating-mode .active {
padding: 2px;
border: 1px solid transparent;
}
#rating-mode ul {
position: absolute;
top: 0;
left: 0;
background: white;
margin: 0;
display: flex;
flex-direction: column;
gap: 3px;
border: 1px solid black;
border-radius: 3px;
margin-top: -3px;
margin-left: -3px;
}
#rating-mode ul li {
width: max-content;
padding: 5px;
}
#rating-mode ul li.current {
padding-right: 10px;
background-color: #eeeeee;
}
#rating-mode.blur ul {
display: none;
}
.size-variant {
font-size: 14px;
font-family: 'RobotoNewRegular';
margin-top: 15px;
}
.size-variant .title {
padding-right: 2px;
padding-left: 0;
}
.size-variant .size-selector {
display: block;
cursor: pointer;
margin: 5px 0 0px;
position: relative;
}
.size-variant .size-selector #toggle-size-switcher {
padding: 15px 10px;
border: solid 1px black;
border-radius: 5px;
display: flex;
justify-content: space-between;
align-items: center;
}
.size-variant .size-selector #toggle-size-switcher svg {
transform: rotate(180deg);
}
.size-variant .size-selector ul {
margin: 0;
top: 0;
position: absolute;
border: solid 1px black;
border-radius: 5px;
background: white;
z-index: 500;
width: 100%;
overflow-y: auto;
max-height: 45vh;
}
.size-variant .size-selector.blur ul {
display: none;
}
.size-variant .size-selector li {
width: 100%;
position: relative;
}
.size-variant .size-selector li::after {
position: absolute;
content: ' ';
width: 90%;
border-bottom: #e5e5e5 1px solid;
left: 5%;
right: 5%;
bottom: 0;
}
.size-variant .size-selector li .link {
box-sizing: border-box;
text-decoration: none;
color: black;
padding: 15px 10px;
margin: 0;
font-size: 14px;
height: 100%;
width: 100%;
display: inline-block;
}
.size-variant .size-selector li .link svg {
position: absolute;
top: 23px;
right: 35px;
transform: translate(50%, -50%) scale(0.75);
}
.size-variant .size-selector li.current {
overflow: hidden;
border-bottom: solid 1px black;
display: flex;
justify-content: space-between;
align-items: center;
}
.size-variant .size-selector li.current .link {
padding: 15px 10px;
}
.size-variant .size-selector li.current svg {
transform: rotate(0);
padding: 10px;
flex-shrink: 0;
}
.size-variant .size-selector li.current::after {
content: none;
}
.size-variant .size-selector li.active {
background: #21b5a4;
font-weight: 700;
}
.size-variant .size-selector li.active .link {
color: white;
}
.size-variant .size-selector li.active::after {
content: none;
}
.size-variant .size-selector li:hover {
background: #ebebeb;
}
.size-variant .size-selector li.unavailable {
background: #e1e1e1;
}
.size-variant .size-selector li.unavailable .link {
display: flex;
cursor: default;
color: #1e1e1e;
justify-content: space-between;
align-items: center;
}
.size-variant .size-selector li.unavailable .link span {
width: min-content;
font-size: 10px;
text-align: center;
line-height: 9px;
display: flex;
align-items: center;
}
.color-variant {
margin-top: 5px;
}
.color-variant .title {
font-family: 'RobotoNewRegular';
font-size: 14px;
}
.color-variant .current {
font-family: 'RobotoNewMedium';
font-size: 14px;
}
.color-variant ul {
display: flex;
flex-wrap: wrap;
gap: 5px;
margin: 0;
margin-top: 5px;
}
.color-variant ul li {
border: 1px solid #eeeeee;
border-radius: 4px;
display: block;
width: 50px;
height: 50px;
padding: 4px;
position: relative;
box-sizing: border-box;
transition: border-color 0.2s linear 0s;
}
.color-variant ul li:hover {
border-color: #1cb3a2;
}
.color-variant ul li:before {
position: absolute;
content: '';
z-index: -1;
display: block;
border-radius: 4px;
width: 40px;
height: 40px;
opacity: 0.25;
}
.color-variant ul li img {
border-radius: 4px;
font-size: 0;
display: block;
width: 100%;
height: 100%;
object-fit: contain;
}
.color-variant ul li.active {
border-color: black;
position: relative;
/*
&::after {
content: '';
border: 10px solid transparent;
border-top-color: var(--color-left);
border-right-color: var(--color-right);
height: 0;
display: block;
width: 0;
position: absolute;
top: 0;
right: 0;
}
*/
}
/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.12,
* Autoprefixer: v10.4.4
* Browsers: last 4 version
*/
.cookies-wrapper {
position: absolute;
z-index: 12;
width: 100%;
}
.cookies-backdrop {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: black;
opacity: 0.65;
z-index: -1;
}
.cookies-background {
position: fixed;
bottom: 0;
background-color: #bbd5d2;
width: 100%;
height: 130px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.cookies-background .close-button {
position: absolute;
top: 10px;
right: 10px;
z-index: 9999999999;
}
.cookies {
position: fixed;
bottom: 0;
background-color: #bbd5d2;
height: 130px;
width: 970px;
z-index: 999999999999999;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
flex-basis: 33.33%;
}
.cookies-text {
margin-right: 30px;
margin-left: 10px;
}
.cookies-header {
font-size: 18px;
font-family: 'RobotoNewBold';
margin-bottom: 10px;
}
.cookies-body {
text-align: left;
margin: 0 !important;
line-height: 16px;
color: black;
}
.cookies-body a {
color: black;
}
.cookies-buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
}
.cookies-buttons .button {
padding: 10px 25px;
border-radius: 3px;
font-size: 21px;
font-family: 'RobotoNewRegular';
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #c0c2c3;
color: black;
font-weight: bold;
margin-bottom: 10px;
text-transform: uppercase;
}
.cookies-buttons .button.is-primary {
color: white;
background-color: #7ab51c;
font-weight: normal;
}
.cookies-buttons .button:hover {
text-decoration: none;
}
.cookies-buttons a {
font-size: 13px;
color: #2a2a2a;
}
@media (min-width: 1360px) {
.cookies {
width: 1210px;
}
}
/* 800 */
@media (max-width: 989px) {
.cookies {
width: calc(100% - 20px);
}
}
@media (max-width: 880px) {
.cookies {
height: auto;
}
}
/* 640 */
@media (max-width: 799px) {
.cookies {
width: calc(100% - 16px);
}
}
@media (max-width: 768px) {
.cookies-background {
height: 160px;
}
.cookies {
padding: 20px 30px;
}
}
/* 480 */
@media (max-width: 639px) {
.cookies-background {
height: 170px;
}
.cookies {
width: calc(100% - 10px);
}
}
/* 320 */
@media (max-width: 479px) {
.cookies-background {
height: 270px;
}
.cookies {
width: calc(100% - 6px);
}
}
@media (max-width: 425px) {
.cookies {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.cookies-text {
margin-bottom: 10px;
}
}
@media (max-width: 375px) {
.cookies-background {
height: 315px;
}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.cookies-background {
display: block;
}
}
#popup-overlay {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.8);
z-index: 2147483648;
}
#email-popup {
width: 800px;
height: 500px;
position: fixed;
top: 50%;
left: 50%;
margin-left: -400px;
margin-top: -250px;
z-index: 2147483649;
font-family: KlavikaRgRegular;
}
#email-popup .window1 {
background: url(/Content/img/email_popup.jpg?v=1) left top no-repeat;
color: white;
padding: 20px;
height: 460px;
width: 760px;
}
#email-popup .window1 h2 {
font-size: 47px;
line-height: 50px;
margin: 30px 0 0 20px;
letter-spacing: -1px;
letter-spacing: -0.5px;
}
#email-popup .window1 h2 strong {
font-weight: normal;
font-family: 'KlavikaBdBold';
}
#email-popup .window1 h2 small {
font-size: 41px;
text-transform: none;
}
#email-popup .window1 h3 {
font-size: 76px;
line-height: 67px;
margin: 20px 0 0 40px;
font-weight: normal;
font-family: 'KlavikaMdBold';
}
#email-popup .window1 h3 strong {
font-size: 76px;
font-family: 'KlavikaBdBold';
}
#email-popup .window1 h3 span {
font-size: 104px;
font-family: KlavikaRgRegular;
}
#email-popup .window1 h4 {
font-size: 24px;
line-height: 1em;
font-weight: normal;
margin: 0 0 0 40px;
}
#email-popup .why-use {
width: 278px;
height: 150px;
position: absolute;
left: 420px;
top: 165px;
padding: 20px 12px;
}
#email-popup .why-use h5 {
text-transform: uppercase;
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
margin: 0 0 0 0;
line-height: 58px;
}
#email-popup .why-use ul {
margin: 0;
font-size: 16px;
font-weight: normal;
}
#email-popup .why-use ul li {
display: block;
padding: 0 0 0 15px;
line-height: 24px;
background: url(/Content/img/popup_bullet.png) left 5px no-repeat;
}
#email-popup .why-use ul li strong {
font-weight: normal;
font-family: KlavikaMdBold;
}
#email-popup .why-use .small-row {
font-size: 100px;
font-family: 'KlavikaBdBold';
font-weight: normal;
text-transform: none;
margin-top: 40px;
width: 100%;
text-align: center;
}
#email-popup .why-use .small-row span {
font-size: 60px;
margin-left: -15px;
}
#email-popup .why-use .medium-row {
font-size: 48px;
font-family: KlavikaRgRegular;
font-weight: normal;
}
#email-popup .why-use .big-row {
font-size: 49px;
font-family: KlavikaBdBold;
}
#email-popup .why-use p {
font-size: 17px;
font-family: KlavikaLtRegular;
color: white;
text-align: center;
width: 100%;
}
#email-popup input[type="text"],
#email-popup input[type="email"] {
border: 1px solid #363636;
box-shadow: inset 0px 0px 10px 1px #65686b;
background: white;
height: 35px;
padding: 0 10px;
}
#email-popup input[type="text"].firstname,
#email-popup input[type="email"].firstname {
width: 110px;
}
#email-popup input[type="text"].lastname,
#email-popup input[type="email"].lastname {
width: 150px;
}
#email-popup input[type="text"].email,
#email-popup input[type="email"].email {
width: 285px;
}
#email-popup input[type="submit"],
#email-popup .fake-close {
background: #c1ff45 url(/Content/img/popup_arrow_submit.jpg) right center no-repeat;
color: #373c3c;
border: none;
display: block;
height: 42px;
float: left;
padding: 0 54px 0 36px;
font-family: KlavikaBdBold;
text-transform: uppercase;
font-size: 21px;
cursor: pointer;
text-decoration: none;
}
#email-popup .fake-close {
line-height: 42px;
position: absolute;
bottom: 50px;
left: 90px;
}
#email-popup .disclaimer {
line-height: 42px;
color: #a1a1a1;
float: left;
margin-left: 2px;
font-size: 12px;
font-family: KlavikaLtRegular;
clear: both;
}
#email-popup .disclaimer a {
color: #a1a1a1;
text-decoration: underline;
}
#email-popup .row {
margin: 5px 0;
}
#email-popup .row.radio {
margin-bottom: 8px;
margin-top: 70px;
}
#email-popup label {
font-size: 17px;
margin-right: 50px;
}
#email-popup .iradio {
border: 1px solid #363636;
box-shadow: inset 0px 0px 10px 1px #c1c1bb;
height: 18px;
width: 18px;
margin-left: 5px;
top: 2px;
}
#email-popup .iradio.checked {
box-shadow: none;
border-color: #1cb3a2;
}
#email-popup form {
margin: 15px 5px 10px 10px;
}
#email-popup .popup-error-container {
position: absolute;
bottom: 0;
color: #c41616;
width: 100%;
left: 0;
background: white;
}
#email-popup .popup-error-container p {
height: 42px;
line-height: 42px;
background: url(/Content/img/popup_error.jpg) 10px 5px no-repeat;
background-size: 35px 32px;
padding-left: 60px;
margin: 0;
font-size: 16px;
float: left;
}
#email-popup .close {
width: 55px;
height: 55px;
display: block;
background: url(/Content/img/popup_close.png) center center no-repeat;
position: absolute;
top: 3px;
right: 3px;
}
#email-popup .blue {
color: #1db1a0;
}
#email-popup .green {
color: #c2fe44;
}
#email-popup .white {
color: white;
}
#email-popup .window2 {
background: url(/Content/img/email_popup.jpg?v=1) right top no-repeat;
color: white;
padding: 20px;
height: 460px;
width: 760px;
}
#email-popup .window2 .center {
text-align: center;
}
#email-popup .window2 .center h2 {
font-size: 47px;
margin: 10px 0 5px 0;
font-family: KlavikaMdBold;
}
#email-popup .window2 .center h3 {
font-size: 24px;
margin: 0;
font-weight: normal;
}
#email-popup .window2 .sale {
font-family: KlavikaLtRegular;
line-height: 2em;
margin: 60px 0 0 60px;
position: relative;
}
#email-popup .window2 .sale .arrow {
width: 30px;
height: 100px;
background: url(/Content/img/popup_arrow_down.png) left top no-repeat;
position: absolute;
left: 200px;
top: 105px;
display: none;
}
#email-popup .window2 .sale strong {
font-weight: bold;
font-family: KlavikaMdBold;
}
#email-popup .window2 .sale .small-row {
font-size: 40px;
}
#email-popup .window2 .sale .small-row strong {
color: #c1ff46;
}
#email-popup .window2 .sale .big-row {
font-size: 48px;
color: #c1ff46;
}
#email-popup .window2 .sale .big-row small {
font-size: 28px;
}
#email-popup.PL {
font-family: 'RobotoNewRegular';
}
#email-popup.PL input[type=submit],
#email-popup.PL .fake-close {
font-family: 'RobotoNewMedium';
}
#email-popup.PL .disclaimer {
font-size: 10px;
font-family: 'RobotoNewRegular';
}
#email-popup.PL .window1 h2 {
font-size: 47px;
font-family: 'RobotoNewLight';
}
#email-popup.PL .window1 h2 strong {
font-family: 'RobotoNewMedium';
}
#email-popup.PL .window1 h2 small {
font-size: 41px;
}
#email-popup.PL .window1 h3.blue {
font-size: 72px;
font-family: 'RobotoNewRegular';
}
#email-popup.PL .window1 h3 strong {
font-size: 85px;
}
#email-popup.PL .window1 h4 {
font-size: 22px;
}
#email-popup.PL .why-use .small-row {
font-family: 'RobotoNewBold';
font-size: 100px;
text-align: center;
}
#email-popup.PL .why-use .small-row span {
font-size: 60px;
}
#email-popup.PL .why-use .medium-row {
font-family: 'RobotoNewRegular';
font-size: 28px;
}
#email-popup.PL .why-use .big-row {
font-family: 'RobotoNewMedium';
font-size: 50px;
}
#email-popup.PL .why-use p {
font-family: 'RobotoNewLight';
color: white;
font-size: 15px;
text-align: center;
}
#email-popup.PL .window2 .center h2 {
font-family: 'RobotoNewMedium';
font-size: 40px;
}
#email-popup.PL .window2 .center h3 {
font-size: 18px;
}
#email-popup.PL .window2 .center h3 strong.blue {
font-family: 'RobotoNewMedium';
}
#email-popup.PL .window2 .sale {
font-family: 'RobotoNewRegular';
}
#email-popup.PL .window2 .sale strong {
font-family: 'RobotoNewMedium';
}
#email-popup.PL .window2 .sale .small-row {
font-size: 30px;
}
@media (max-width: 989px) {
#popup-overlay,
#email-popup {
display: none !important;
}
}
.erotic-alert {
width: 100%;
}
.erotic-alert #content {
width: 90% !important;
padding: 30px 5%;
float: left !important;
}
.erotic-alert .child-option {
color: #bc0e0e;
font-family: 'RobotoNewLight';
font-size: 15px;
line-height: 50px;
margin-right: 30px;
}
.erotic-alert .adult-option {
background-color: #74aa0c;
border: 0 none;
border-radius: 5px;
color: white;
cursor: pointer;
font-family: 'RobotoNewMedium';
font-size: 19px;
height: 50px;
line-height: 50px;
padding: 0 15px;
text-transform: uppercase;
transition: background-color linear 0.2s;
}
.erotic-alert .adult-option:hover,
.erotic-alert .adult-option:active,
.erotic-alert .adult-option:focus {
background-color: #7eb80d;
}
@media (max-width: 480px) {
.erotic-alert .child-option {
line-height: 20px;
}
.erotic-alert .adult-option {
display: block;
margin-top: 20px;
}
}
img {
border-style: none;
}
input,
textarea,
select,
button {
color: #2b2b2b;
vertical-align: middle;
font: 100% 'RobotoNewRegular';
}
form,
fieldset {
margin: 0;
padding: 0;
border-style: none;
}
blockquote,
q {
quotes: none;
}
q:before,
q:after {
content: '';
}
a {
color: #24aa9b;
}
a:hover {
text-decoration: none;
}
a:focus,
input:focus,
textarea:focus,
select:focus {
outline: none;
}
p {
margin: 0 0 20px;
}
.description-box p {
color: black;
font-family: 'RobotoNewLight';
font-size: 15px;
}
.cleaner {
clear: both;
}
.hidden {
display: none;
}
h2,
h1.h2 {
/* font: 23px "RobotoNewLight";
margin: 0 0 20px;
*/
color: #2a2a2a;
font-family: 'RobotoNewRegular';
font-size: 23px;
margin: 0 0 10px;
font-weight: normal;
}
h2.thankYou-title,
h1.h2.thankYou-title {
color: black;
font-family: 'RobotoNewRegular';
font-size: 23px;
}
h2.profile_h2 {
color: black;
font-family: 'RobotoNewRegular';
font-size: 21px;
margin-bottom: 7px;
}
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
* html .clearfix {
height: 1%;
}
ul {
list-style: none;
padding-left: 0;
margin-left: 13px;
}
a.btn_more {
display: inline-block;
float: left;
margin: 10px 10px 10px 0;
color: white;
font-family: 'RobotoNewLight';
font-size: 17px;
padding: 10px 15px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background-color: #86b71f;
text-decoration: none;
}
a.btn_more:hover {
background-color: #9ed920;
}
iframe[name='google_conversion_frame'] {
height: 0 !important;
width: 0 !important;
line-height: 0 !important;
font-size: 0 !important;
margin-top: -13px;
float: left;
z-index: -1000;
}
.img-responsive {
display: block;
max-width: 100%;
height: auto !important;
}
.search-list .category-list,
.search-list .brand-list,
.search-list .news-list {
margin-bottom: 30px;
}
.search-list h2 {
margin: 20px 0;
}
.search-list ul {
margin: 10px 0;
}
.search-list ul li {
padding-left: 15px;
background: url(/Content/img/bullet.png?v=1) left 7px no-repeat;
}
.search-list ul li a {
text-decoration: none;
color: black;
font-size: 13px;
}
.main-frame {
height: 1%;
padding: 27px 0;
min-height: 62px;
}
.main-frame.home {
padding-top: 0;
}
#main {
width: 100%;
}
#main .info-section {
width: 100%;
min-height: 1%;
float: left;
padding: 4px 0 10px 0;
}
#main .info-section.brand-l {
padding: 0 60px;
width: 850px;
}
#main .info-section.padding {
padding: 0 30px;
width: 910px;
min-height: 350px;
}
#main .info-section#register-wrap {
float: none;
padding: 0;
overflow-x: hidden;
}
#main .info-section.extra-padding {
padding: 30px 60px;
box-sizing: border-box;
}
#main .info-section .section-holder {
width: 100%;
}
#main .info-section #content.register_content {
float: none;
}
#main .info-section #content.error-m {
width: 910px;
}
#main .info-section #content .main-holder {
padding: 9px 0 3px 0px;
margin-bottom: 10px;
background: none;
}
#main .info-section #content .main-frame {
padding: 9px 0 10px 0;
}
#main.benefit-program .info-section .section-holder #content {
width: 970px;
}
.home-page #main .info-section {
padding-top: 0;
padding-bottom: 0;
}
.static-wrap {
padding: 20px 30px;
width: 910px;
min-height: 370px;
}
/* 1360+ */
@media (min-width: 1360px) {
#main .info-section.brand-l {
width: 1090px;
}
#main .info-section.padding {
width: 1150px;
}
#main .info-section #content.error-m {
width: 1150px;
}
#main.benefit-program .info-section .section-holder #content {
width: 1210px;
}
.static-wrap {
width: 1150px;
}
}
@media (max-width: 1360px) {
#main .info-section #content.register_content {
width: 100%;
}
}
.no-vat-banner {
display: flex;
padding: 10px;
gap: 10px;
border-radius: 5px;
border: 1px solid #038aff;
color: #2f2f2f;
margin: 10px 0;
align-items: center;
}
/* 800 */
@media (max-width: 989px) {
#main .info-section {
padding-top: 0;
width: 100%;
}
#main .info-section.brand-l {
width: 100%;
padding: 0 0;
background-color: white;
}
#main .info-section #content {
width: 100%;
float: left;
padding-bottom: 20px;
}
#main .info-section #content.product-detail {
width: 100%;
box-sizing: border-box;
padding: 0 10px;
}
#main .info-section #content.error-m {
width: 96%;
padding: 0 2%;
}
#main .info-section #content.register_content {
width: 100%;
}
#main .info-section #content .main-holder {
width: 100%;
padding: 9px 0 3px 0;
}
#main .info-section #content .main-frame {
padding-bottom: 0;
}
#main .info-section #content.home-content {
padding-bottom: 0;
}
#main .info-section #content.home-content .main-holder {
margin-bottom: 0;
}
#main .info-section.padding {
background-color: white;
padding: 10px 1%;
width: 98%;
}
#main.benefit-program .info-section .section-holder #content {
width: 100%;
}
.static-wrap {
padding: 20px 4%;
width: 92%;
background-color: white;
}
}
/* 640 */
@media (max-width: 799px) {
.no-vat-banner {
padding: 7px 10px;
font-size: 14px;
}
.no-vat-banner svg {
height: 16px;
width: 16px;
}
#main .info-section #content.product-detail {
padding: 20px 2% 0;
}
}
/* 320 */
@media (max-width: 479px) {
}
#sidebar {
width: 173px;
float: left;
margin-right: 4px;
margin-right: 0;
position: absolute;
width: 240px;
left: 0;
top: 0;
display: none;
}
#sidebar.product-detail {
float: left !important;
padding: 0 0 0 0 !important;
}
#sidebar .sidebar-holder h2 {
font-size: 24px;
line-height: 26px;
font-size: 17px !important;
padding: 0px 0 0px 10px;
text-align: center;
font-family: 'RobotoNewLight';
}
#sidebar .sidebar-holder ul.goods {
width: 170px;
margin: -19px 13px 25px;
list-style: none;
padding: 0;
overflow: hidden;
}
#sidebar .sidebar-holder ul.goods li.sidebar-product {
border: 0;
min-height: 0;
padding: 11px 0;
border-bottom: 1px solid #eeeeee;
width: 100%;
float: left;
position: relative;
margin-bottom: 5px;
}
#sidebar .sidebar-holder ul.goods li.sidebar-product .quartic_imagediv {
float: left;
width: 65px;
max-height: 65px;
}
#sidebar .sidebar-holder ul.goods li.sidebar-product .quartic_imagediv a {
width: 100%;
}
#sidebar .sidebar-holder ul.goods li.sidebar-product .quartic_imagediv a img {
max-width: 100%;
max-height: 100%;
}
#sidebar .sidebar-holder ul.goods li.sidebar-product .quartic_description {
float: left;
width: 90px;
margin-left: 10px;
color: #322f31;
font: 12px 'RobotoNewRegular';
}
#sidebar .sidebar-holder ul.goods li.sidebar-product .quartic_description li {
border: 0;
min-height: 0;
}
#sidebar .sidebar-holder ul.goods li.sidebar-product .quartic_description li a {
text-decoration: none;
color: #322f31;
}
#sidebar .sidebar-holder ul.goods li.sidebar-product .quartic_description li .label.blue {
display: block;
height: 19px;
float: left;
background: #65686b url(/Content/img/variant-label.jpg?v=1) left top no-repeat;
padding: 0 10px 0 10px;
color: white;
position: relative;
margin-top: 5px;
}
#sidebar .sidebar-holder ul.goods li.sidebar-product .quartic_description .quartic_price_2 {
font: 13px 'RobotoNewBold';
font-weight: normal;
margin-top: 0px;
}
#action-banner {
position: fixed;
top: 230px;
right: 10px;
z-index: 10;
}
#action-banner a {
display: block;
margin-bottom: 10px;
}
#action-banner a #banner-countdown {
position: absolute;
font-family: KlavikaLtRegular;
font-size: 23px;
color: black;
bottom: 19px;
left: 19px;
}
#action-banner a #banner-countdown span {
float: left;
}
@media (max-width: 1249px) {
#action-banner {
display: none;
}
}
@media (min-width: 1360px) and (max-width: 1470px) {
#action-banner {
display: none;
}
}
@media (min-width: 1500px) {
#action-banner {
top: 210px;
}
}
@media (min-width: 1899px) {
#action-banner {
display: none;
}
}
.home-page #action-banner,
.search-results-page #action-banner,
.product-detail-page #action-banner,
.category-detail-page #action-banner,
.brand-detail-page #action-banner {
display: none;
}
.feedback {
display: none !important;
}
.feedback .feedbackTab {
position: fixed;
z-index: 98;
left: 0;
top: 330px;
cursor: pointer;
}
.feedback .feedbackContent {
position: fixed;
z-index: 98;
right: 0;
top: 330px;
background: white;
border: 1px solid #bebebe;
width: 320px;
text-align: left;
left: -322px;
font-family: 'RobotoNewLight';
}
.feedback .feedbackContent .tab {
background: #d5d5d5;
float: left;
width: 159px;
text-align: center;
height: 40px;
line-height: 40px;
font-family: 'RobotoNewMedium';
font-size: 16px;
cursor: pointer;
margin-bottom: 20px;
}
.feedback .feedbackContent .tab:first-child.active {
border-right: 1px solid #bebebe;
}
.feedback .feedbackContent .tab:nth-child(2).active {
border-left: 1px solid #bebebe;
}
.feedback .feedbackContent .tab.active {
background: white;
width: 159px;
}
.feedback .feedbackContent .col {
display: none;
padding: 25px;
font-size: 13px;
color: #191919;
}
.feedback .feedbackContent .col.active {
display: block;
}
.feedback .feedbackContent .col input[type="text"] {
width: 250px;
background: white;
font-family: 'RobotoNewRegular';
border: 1px solid #cccccc;
color: #191919;
font-size: 14px;
margin: 7px 0;
height: 30px;
line-height: 30px;
padding: 0 10px;
}
.feedback .feedbackContent .col textarea {
margin: 7px 0;
width: 250px;
background: white;
font-family: 'RobotoNewRegular';
border: 1px solid #cccccc;
color: #191919;
font-size: 14px;
height: 80px;
padding: 10px;
resize: none;
}
.feedback .feedbackContent .col .btn {
float: right;
margin-top: 10px;
background: #3cc8bc;
border: 0;
padding: 4px 20px;
height: auto;
color: white;
font-family: 'RobotoNewRegular';
cursor: pointer;
font-size: 16px;
}
.feedback .feedbackContent .closeform {
display: block;
color: #191919;
font-weight: normal;
font-family: 'RobotoNewMedium';
font-size: 17px;
line-height: 20px;
float: right;
margin-bottom: 15px;
margin-right: 25px;
}
.feedback .feedbackContent .closeform span {
width: 20px;
height: 20px;
cursor: pointer;
background: url(/Content/img/showhide.png?v=1) left bottom no-repeat;
margin: 0 0 0 8px;
display: inline-block;
position: relative;
top: 3px;
}
.feedback .feedbackContent p {
margin: 7px 0;
}
.feedback .feedbackContent strong {
font-weight: normal;
font-family: 'RobotoNewRegular';
}
@media screen and (min-width: 1200px) {
.feedback {
display: none;
}
}
@media (min-width: 1360px) {
.feedback {
display: none;
}
}
@media (min-width: 1460px) {
.feedback {
display: none;
}
}
#heurekaTableft,
#__ceneo-widgets,
#ceneo-widget,
#ak-widget {
display: none !important;
}
#ceneo-widget {
margin-top: 50px;
}
#ak-widget {
margin-top: 100px;
}
.heureka-banner {
text-align: center;
margin-bottom: 20px;
}
body > object[type="application/x-shockwave-flash"] {
display: none !important;
}
@media only screen and (min-width: 1050px) {
#heurekaTableft,
#__ceneo-widgets,
#ceneo-widget,
#ak-widget.show-arukereso-widget {
display: block !important;
}
}
.label.green {
background-color: #7ab51c;
}
.label.red {
background-color: #e60000;
}
.label.orange {
background-color: #e88324;
}
.label.brown {
background-color: #78653f;
}
.label.gray {
background-color: #65686b;
}
.label.purple {
background-color: #993282;
}
.label.black {
background-color: black;
}
.label.novelty {
background-color: #5dc7d1;
}
.label.origin {
background-color: #009d9f;
}
.title .labels .label.campaign {
background: white;
color: #e60000;
border: solid 1px;
}
/*
@import "shared\elements\addressMiniBox.less";
@import "shared\elements\btnLike.less";
@import "shared\elements\captcha.less";
@import "shared\elements\checkbox.less";
@import "shared\elements\errors.less";
@import "shared\elements\form.less";
@import "shared\elements\livechat.less";
@import "shared\elements\loader.less";
@import "shared\elements\message.less";
@import "shared\elements\radioBtn.less";
@import "shared\elements\sbHolder.less";
@import "shared\elements\shipping.less";
@import "shared\elements\submit.less";
*/
.notipsy .tipsy {
display: none !important;
}
.tipsy {
font-size: 14px;
padding-bottom: 0px;
}
.tipsy-inner {
padding: 10px;
color: black;
width: max-content;
background: white;
margin-top: 0px;
box-sizing: border-box;
box-shadow: rgba(0, 0, 0, 0.25) 1px 1px 10px;
border-radius: 5px;
max-width: 250px;
}
.tipsy-i-icon {
cursor: pointer;
display: inline-block;
margin-left: 3px;
}
.tipsy-i-icon > svg {
width: 11px !important;
height: 11px !important;
overflow: visible;
}
@media (max-width: 639px) {
.tipsy {
position: fixed !important;
top: 0px !important;
left: auto !important;
right: auto !important;
font-size: 18px;
}
.tipsy::after {
display: block;
width: 100vw;
height: 100vh;
background-color: rgba(0, 0, 0, 0.3);
}
.tipsy-inner {
width: 100vw;
max-width: unset;
position: fixed !important;
top: 0px !important;
left: auto !important;
right: auto !important;
}
}
/* trigger */
a.tooltip {
position: relative;
top: -13px;
left: 5px;
background: url(/Content/img/tooltipIcon.jpg) no-repeat scroll 0 0 transparent;
display: inline-block;
height: 18px;
width: 18px;
cursor: help;
text-indent: -999px;
font-size: 0;
}
a.tooltip:hover {
background-position: right bottom;
}
a.tooltip-trigger {
position: absolute;
top: 0px;
left: 70px;
background: url(/Content/img/tooltipIcon.png) no-repeat scroll 0 0 transparent;
display: inline-block;
height: 18px;
width: 18px;
cursor: help;
text-indent: -999px;
font-size: 0;
float: left;
}
a.tooltip-trigger:hover {
background-position: right bottom;
}
.radio-box .box-wrap .tooltip-trigger {
position: absolute;
top: 10px;
right: 7px;
left: auto;
}
.addressRowTable tr td a.tooltip {
position: absolute;
top: 6px;
left: 60px;
}
.addressRowTable tr td.phone_td.PL a.tooltip {
left: 155px;
}
.addressRowTable tr#ContactEmail td a.tooltip {
left: 135px;
}
.contact-form .cell a.tooltip {
float: left;
top: 2px;
}
#register-box a.tooltip,
#register-box a.tooltip-trigger,
#NewAddressForm a.tooltip,
#NewAddressForm a.tooltip-trigger {
top: -3px;
}
/* container */
.box-wrap .tooltip-container {
position: absolute;
width: 210px;
top: -100px;
right: -88px;
background: url(/Content/img/tooltip-bottom.png?v=1) center bottom no-repeat;
padding: 0 0 12px 0;
z-index: 9999;
}
.box-wrap .tooltip-container .tooltip-inside {
background: #393939;
padding: 10px;
color: white;
margin-top: 10px;
text-decoration: none;
font-size: 12px;
}
.box-wrap .tooltip-container#TwistoTooltip {
width: 443px;
background-position: 325px bottom;
}
.box-wrap .tooltip-container#TwistoTooltip .tooltip-inside {
padding: 5px 5px 2px 5px;
}
.box-wrap.active .tooltip-container {
right: -88px;
}
@media (max-width: 700px) {
a.tooltip,
a.tooltip-trigger {
display: none !important;
}
}
.address-form {
padding: 20px 0;
border-bottom: 1px dashed #eeeeee;
/*.select2-container--default .select2-selection--single {
width: auto;
}*/
/*.select2-container--open .select2-dropdown.select2-dropdown--below {
background: #fcfcfc;
border: 1px solid #dedede;
border-radius: 0 !important;
}*/
/*.select2-dropdown {
background: #fcfcfc;
border: 1px solid #dedede;
border-radius: 0 !important;
}*/
}
.address-form.noborder {
border: 0;
}
.address-form label {
line-height: 22px;
height: 29px;
display: inline-block;
color: black;
font: 15px 'RobotoNewRegular';
overflow: hidden;
}
.address-form label.float {
float: left;
}
.address-form label span {
color: red;
font: 15px 'RobotoNewMedium';
}
.address-form input[type='password'],
.address-form input[type='text'],
.address-form input[type="tel"],
.address-form #InvoiceRegion,
.address-form #DeliveryRegion,
.address-form #Region,
.address-form select#InvoiceCity,
.address-form select#DeliveryCity,
.address-form select#City {
background: white;
border: 1px solid #e7e7e7;
border-radius: 5px;
font-size: 16px;
padding: 0 13px;
height: 27px;
line-height: 27px;
position: relative;
color: black;
width: 163px;
margin: 0 0;
transition: border-color 0.2s linear 0s;
}
.address-form input[type='password']:hover,
.address-form input[type='text']:hover,
.address-form input[type="tel"]:hover,
.address-form #InvoiceRegion:hover,
.address-form #DeliveryRegion:hover,
.address-form #Region:hover,
.address-form select#InvoiceCity:hover,
.address-form select#DeliveryCity:hover,
.address-form select#City:hover {
border-color: #c8c8c8;
}
.address-form #InvoiceRegion,
.address-form #DeliveryRegion,
.address-form #Region,
.address-form select#InvoiceCity,
.address-form select#DeliveryCity,
.address-form select#City {
height: 29px;
line-height: 29px;
padding: 0 0 0 9px;
}
.address-form #InvoiceRegion option,
.address-form #DeliveryRegion option,
.address-form #Region option,
.address-form select#InvoiceCity option,
.address-form select#DeliveryCity option,
.address-form select#City option {
color: black;
padding: 0 13px;
}
.address-form #InvoiceRegion option:first-child,
.address-form #DeliveryRegion option:first-child,
.address-form #Region option:first-child,
.address-form select#InvoiceCity option:first-child,
.address-form select#DeliveryCity option:first-child,
.address-form select#City option:first-child {
color: #c8c8c8;
}
.address-form input[type='checkbox'] {
float: left;
width: 16px;
height: 15px;
padding: 0;
margin: 2px 10px 0 0;
}
.address-form textarea {
position: relative;
width: 780px;
font-size: 13px;
height: 60px;
padding: 10px 13px;
border: 1px solid #d8d8d9;
background: white;
resize: none;
overflow: auto;
color: black;
}
.address-form textarea:hover {
border-bottom-color: #c8c8c8;
border-left-color: #c8c8c8;
border-right-color: #c8c8c8;
border-top-color: #c8c8c8;
}
.address-form .cell {
float: left;
margin-right: 20px;
width: 200px;
}
.address-form .line {
padding: 0 0;
width: 100%;
clear: both;
margin: 0 0 7px;
}
.address-form .line.wide .cell {
width: 294px;
margin-right: 0px;
margin-left: 10px;
}
.address-form .line.wide .cell:FIRST-CHILD {
margin-left: 0px;
}
.address-form .line.wide .register-cell {
margin-left: 0;
margin-top: 30px;
}
.address-form .line.wide .register-ask {
font-size: 22px;
display: block;
color: #3f4345;
margin-bottom: 10px;
font-family: 'RobotoNewLight';
}
.address-form .line.wide input[type='password'],
.address-form .line.wide input[type='text'] {
width: 254px;
}
.address-form .line.wide.newsletter label {
display: inline;
font-family: 'RobotoNewRegular';
color: black;
font-size: 14px;
}
.address-form .line label {
margin: 8px 0 0px 0px;
}
.address-form .box {
padding: 10px 0 10px 20px;
margin-bottom: 19px;
height: 1%;
clear: both;
position: relative;
}
.address-form .box h2 {
margin-bottom: 13px;
}
.address-form .box .top-line {
height: 1%;
overflow: hidden;
padding: 0 20px 15px 0;
}
.address-form .box .top-line h2 {
margin: 0;
}
.address-form .warning {
float: right;
font: 13px/28px 'RobotoNewLight';
}
.address-form .warning.myprofile_w {
position: absolute;
bottom: 0;
right: 3%;
}
.address-form .warning span {
color: #1cb3a2;
font: 15px 'RobotoNewMedium';
}
.address-form .action-block .submit {
float: right;
width: auto;
height: 48px;
line-height: 48px;
padding: 0 15px;
font-size: 18px;
}
.address-form .action-block .submit.back {
line-height: 50px;
padding: 0 46px;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.address-form .row {
width: 100%;
clear: both;
padding: 10px 0;
}
.address-form .row.row.inline-label label {
display: inline;
color: black;
}
.address-form select {
width: 58px;
}
.address-form .selectArea {
margin-right: 8px;
}
.address-form p {
margin: 0;
}
.address-form .text-holder {
height: 1%;
overflow: hidden;
font-size: 13px;
}
.address-form .submit {
float: left;
margin-left: 20px;
}
.address-form .agreement {
font-size: 15px;
}
.address-form .pw-instruction {
font-style: italic;
font-size: 12px;
margin-top: 25px;
}
.profile .address-form .submit {
float: none;
margin-left: 0;
}
hr.form-split {
border-bottom: 1px dashed #eeeeee;
height: 3px;
border: none;
margin-top: -5px;
margin-bottom: 12px;
clear: both;
}
.RO .address-form .line.wide #Region,
.RO .address-form .line.wide select#City {
font-family: 'RobotoNewLight';
width: 282px;
}
.RO .address-form .line.wide #Region option,
.RO .address-form .line.wide select#City option {
color: black;
}
/* 800 */
@media (max-width: 989px) {
}
/* 640 */
@media (max-width: 799px) {
}
@media (max-width: 699px) {
.address-form .line.wide .cell {
margin-left: 0px;
}
}
/* 480 */
@media (max-width: 639px) {
}
/* 320 */
@media (max-width: 479px) {
.address-form label {
height: 19px;
line-height: 19px;
}
.address-form .line {
margin: 0 0 0;
}
.address-form .line.wide .cell {
margin-left: 0px;
}
.address-form .box {
padding-left: 15px;
}
.address-form .warning.myprofile_w {
bottom: 60px;
}
}
header {
position: relative;
z-index: 11;
padding: 0;
}
header .header-wrapper {
display: grid;
grid-template-columns: min-content 1fr min-content;
grid-template-areas: "a b c";
padding: 0 20px 0 30px;
margin: 0 auto;
max-width: 1920px;
}
header .header-wrapper .info-block {
grid-area: c;
align-self: center;
justify-self: end;
}
header .header-wrapper .header-middle-wrapper {
width: 100%;
justify-self: center;
grid-area: b;
display: flex;
gap: 10px;
align-items: center;
justify-content: center;
font-family: 'RobotoNewRegular';
font-size: 13px;
}
header .header-wrapper .logo-menu {
position: relative;
grid-area: a;
display: flex;
margin-bottom: 10px;
}
header .logo {
display: flex;
align-items: center;
gap: 10px;
font: 17px KlavikaLtRegular, Arial, Helvetica, sans-serif;
text-decoration: none;
color: #26b3a3;
}
header .logo.PL {
font: 17px Arial, Helvetica, sans-serif;
}
header .logo img {
width: 70px;
height: 70px;
}
header .logo span {
width: 107px;
display: block;
}
@media (max-width: 1249px) {
header .header-wrapper .logo-menu {
margin-left: 0;
}
}
@media (max-width: 1249px) {
header .header-wrapper {
background: #e7e7e7;
}
header .header-wrapper .logo-menu {
margin-bottom: 0;
gap: 10px;
}
header .header-wrapper .logo-menu .logo img,
header .header-wrapper .logo-menu .mobile-nav-toggle-button {
border-radius: 3px;
width: 60px;
height: 60px;
}
header .header-wrapper {
padding: 10px 20px;
}
header .header-wrapper .logo-menu {
margin-left: 0;
}
}
@media (max-width: 1000px) {
header .logo span {
display: none;
}
}
@media (max-width: 767px) {
header .header-wrapper {
padding: 10px 5px;
grid-template-columns: 1fr 1fr;
gap: 10px;
grid-template-areas: "a c" "b b";
}
header .header-wrapper .logo-menu {
gap: 5px;
}
header .header-wrapper .logo-menu .logo img,
header .header-wrapper .logo-menu .mobile-nav-toggle-button {
border-radius: 3px;
width: 50px;
height: 50px;
}
header .logo span {
display: none;
}
}
header .info-block {
padding: 0;
display: flex;
}
header .info-block > a,
header .info-block > span {
border-radius: 3px;
position: relative;
background: white;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
height: 60px;
width: 80px;
cursor: pointer;
border: 1px white solid;
border-bottom: none;
text-decoration: none;
}
header .info-block > a .bottom-text,
header .info-block > span .bottom-text {
padding-top: 2px;
color: black;
text-align: center;
font-family: 'RobotoNewRegular';
font-size: 12px;
font-weight: 400;
}
@media (max-width: 1249px) {
header .info-block > a .bottom-text,
header .info-block > span .bottom-text {
display: none;
}
}
header .info-block > a.favorites .items,
header .info-block > span.favorites .items {
box-sizing: border-box;
position: absolute;
top: 0;
left: 50%;
margin-left: 12px;
display: flex;
align-items: center;
justify-content: center;
font-size: 10px;
width: 15px;
height: 15px;
color: black;
border: 2px solid black;
border-radius: 3px;
font-family: 'RobotoNewMedium';
}
header .info-block > a.favorites .items:not(.active),
header .info-block > span.favorites .items:not(.active) {
display: none;
}
header .info-block > a.link,
header .info-block > span.link {
font-family: 'RobotoNewRegular';
text-decoration: none;
font-size: 12px;
width: 80px;
color: black;
box-sizing: border-box;
position: relative;
border: 1px white solid;
flex-direction: column;
align-items: center;
}
header .info-block > a.link.show-register,
header .info-block > span.link.show-register {
border: 1px black solid;
}
@media (min-width: 1250px) {
header .info-block > a.link.show-register,
header .info-block > span.link.show-register {
z-index: 72;
border-radius: 3px 3px 0px 0px;
border-top: 1px solid #e7e7e7;
border-right: 1px solid #e7e7e7;
border-left: 1px solid #e7e7e7;
background: white;
}
header .info-block > a.link.show-register::after,
header .info-block > span.link.show-register::after {
position: absolute;
bottom: -2px;
left: 0;
content: '';
width: 100%;
background: white;
height: 2px;
}
}
header .info-block > a.link.isOpen,
header .info-block > span.link.isOpen {
z-index: 75;
border-radius: 3px 3px 0px 0px;
border-top: 1px solid #e7e7e7;
border-right: 1px solid #e7e7e7;
border-left: 1px solid #e7e7e7;
}
header .info-block > a.link.isOpen::after,
header .info-block > span.link.isOpen::after {
position: absolute;
bottom: -2px;
left: 0;
content: '';
width: 100%;
background: white;
height: 2px;
}
header .info-block > a.link span,
header .info-block > span.link span {
box-sizing: border-box;
display: flex;
}
header .info-block > a.link .bottom-text,
header .info-block > span.link .bottom-text {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
}
header .info-block > a.link #icon-checked,
header .info-block > span.link #icon-checked {
position: absolute;
left: 50%;
margin-left: 9px;
top: 0;
}
header .info-block > a.basket .bottom-text,
header .info-block > span.basket .bottom-text {
box-sizing: border-box;
display: flex;
color: #7ab51c;
font-family: 'RobotoNewBold';
font-size: 12px;
align-items: baseline;
}
header .info-block > a.basket .bottom-text .symbol,
header .info-block > span.basket .bottom-text .symbol {
font-size: 8px;
}
header .info-block > a.basket .items,
header .info-block > span.basket .items {
box-sizing: border-box;
position: absolute;
top: 0;
right: 15px;
display: flex;
align-items: center;
justify-content: center;
font-size: 10px;
width: 15px;
height: 15px;
color: black;
border: 2px solid #7ab51c;
border-radius: 3px;
background: #7ab51c;
color: white;
font-family: 'RobotoNewMedium';
}
@media (max-width: 1249px) {
header .info-block > a.support,
header .info-block > span.support {
display: none;
}
header .info-block > a.favorites,
header .info-block > span.favorites {
margin-right: 10px;
}
header .info-block > a.basket,
header .info-block > span.basket,
header .info-block > a.link,
header .info-block > span.link,
header .info-block > a.favorites,
header .info-block > span.favorites {
width: 60px;
height: 60px;
justify-content: center;
padding: 0;
}
header .info-block > a.link,
header .info-block > span.link {
margin-right: 10px;
}
header .info-block > a.link #icon-checked,
header .info-block > span.link #icon-checked {
right: 0;
}
header .info-block > a.link > span,
header .info-block > span.link > span,
header .info-block > a.link > .bottom-text,
header .info-block > span.link > .bottom-text {
display: none;
}
header .info-block > a.basket .items,
header .info-block > span.basket .items,
header .info-block > a.favorites .items,
header .info-block > span.favorites .items {
left: unset;
right: 0;
}
header .info-block > a.basket .cost,
header .info-block > span.basket .cost,
header .info-block > a.favorites .cost,
header .info-block > span.favorites .cost {
display: none;
}
}
@media (max-width: 767px) {
header .info-block > a.basket,
header .info-block > span.basket,
header .info-block > a.link,
header .info-block > span.link,
header .info-block > a.favorites,
header .info-block > span.favorites {
width: 50px;
height: 50px;
}
header .info-block > a.favorites,
header .info-block > span.favorites {
margin-right: 5px;
}
header .info-block > a.link,
header .info-block > span.link {
margin-right: 5px;
}
}
#ajax-basket.hover:not(.active) {
border-radius: 3px 3px 0px 0px;
border-top: 1px solid #e7e7e7;
border-right: 1px solid #e7e7e7;
border-left: 1px solid #e7e7e7;
z-index: 71;
}
.hover-cart-wrapper {
position: relative;
display: none;
}
.hover-cart-wrapper .before {
cursor: pointer;
content: '';
width: 100px;
height: 50px;
display: block;
position: absolute;
right: 0;
z-index: 72;
}
.hover-cart-wrapper h2 {
padding: 10px 0;
margin: 0;
color: black;
text-align: center;
font-family: 'RobotoNewMedium';
font-size: 16px;
}
.hover-cart-wrapper .divider {
height: 1px;
background: #e7e7e7;
}
.hover-cart-wrapper .hover-cart {
position: absolute;
border-radius: 5px 0px 5px 5px;
border: 1px solid #e7e7e7;
background: white;
box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25);
width: 440px;
display: flex;
flex-direction: column;
right: 0;
top: 60px;
z-index: 70;
}
.hover-cart-wrapper .free-transport-info {
margin: 10px;
border-radius: 5px;
}
.hover-cart-wrapper .products {
max-height: 225px;
}
.hover-cart-wrapper .empty-cart {
display: flex;
flex-direction: column;
gap: 12px;
align-items: center;
justify-content: center;
color: black;
font-family: 'RobotoNewRegular';
font-size: 18px;
line-height: 20px;
padding-bottom: 25px;
padding-top: 15px;
}
.hover-cart-wrapper .hover-cart-product {
display: flex;
border-top: 1px dashed #d8d8d8;
border-bottom: 1px dashed #d8d8d8;
padding: 4px 10px;
gap: 10px;
align-items: center;
color: black;
text-decoration: none;
}
.hover-cart-wrapper .hover-cart-product .price {
color: black;
font-size: 16px;
font-weight: 400;
}
.hover-cart-wrapper .hover-cart-product .old.price {
color: dimgray;
font-size: 14px;
font-weight: 400;
text-decoration-line: line-through;
}
.hover-cart-wrapper .hover-cart-product .discount {
color: black;
font-size: 16px;
font-weight: 400;
}
.hover-cart-wrapper .hover-cart-product .count {
color: #868686;
font-size: 14px;
font-weight: 400;
}
.hover-cart-wrapper .right-side {
flex-shrink: 0;
align-items: end;
display: flex;
flex-direction: column;
width: 80px;
margin-left: auto;
justify-content: end;
}
.hover-cart-wrapper .products {
height: 260px;
overflow-y: auto;
scrollbar-width: thin;
}
.hover-cart-wrapper .hover-cart-bottom {
background: whitesmoke;
border-radius: 0px 0px 5px 5px;
flex-grow: 1;
padding: 20px;
gap: 20px;
display: flex;
flex-direction: column;
}
.hover-cart-wrapper .hover-cart-bottom .close-button {
width: 100%;
}
.hover-cart-wrapper .hover-cart-total {
display: flex;
justify-content: space-between;
font-size: 16px;
font-family: 'RobotoNewBold';
}
.hover-cart-wrapper .hover-cart-total .price {
color: #7ab51c;
}
@media (max-width: 1249px) {
.hover-cart-wrapper {
display: none !important;
}
}
.floating-support-wrap {
position: relative;
}
.floating-support-offclick {
left: 0;
top: 0;
position: fixed;
width: 100vw;
height: 200vh;
background: transparent;
z-index: 70;
}
.info-block .support.show-contact {
border-radius: 3px 3px 0px 0px;
border-top: 1px solid #e7e7e7;
border-right: 1px solid #e7e7e7;
border-left: 1px solid #e7e7e7;
z-index: 72;
}
.floating-support {
z-index: 70;
position: absolute;
width: 360px;
height: 243px;
border-radius: 3px 0px 3px 3px;
border: 1px solid #e7e7e7;
background: white;
box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.25);
right: 0;
top: 60px;
}
.floating-support h2 {
color: black;
font-family: 'RobotoNewBold';
font-size: 16px;
font-style: normal;
line-height: 20px;
width: 100%;
border-bottom: #cccccc 1px solid;
text-align: center;
padding: 15px 0;
}
.floating-support .support-available-hours {
color: black;
font-family: 'RobotoNewRegular';
font-size: 14px;
line-height: 20px;
padding-left: 20px;
}
.floating-support #icon-close-black {
position: absolute;
right: 20px;
top: 16px;
cursor: pointer;
}
.floating-support #icon-close-black:hover {
stroke: #999999;
}
.floating-support .package-tracking {
background: whitesmoke;
padding: 20px;
}
.floating-support a {
display: flex;
gap: 10px;
align-items: center;
color: black;
font-family: 'RobotoNewRegular';
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-decoration: none;
padding-bottom: 3px;
}
.support-contacts {
display: flex;
flex-direction: column;
gap: 15px;
padding: 15px 20px 20px 20px;
}
#alterNavHider {
display: none;
}
@media (max-width: 989px) {
body.menu-active {
overflow: hidden;
}
body.menu-active #alterNavHider {
display: block;
height: 100%;
z-index: 100;
position: fixed;
width: 100%;
top: 0;
}
}
.heading {
border-bottom: dashed 1px #eeeeee;
height: 1%;
margin-left: 30px;
margin-right: 40px;
overflow: hidden;
padding: 0 8px 8px 8px;
}
.heading.margin {
margin-left: 0;
}
.heading .h1,
.heading h1 {
padding-top: 8px;
margin: 0;
font: 12px 'RobotoNewLight';
}
.heading h1 {
display: inline;
}
.heading .h1 a {
color: black;
}
.heading .h1 a:hover {
color: #24aa9b;
}
.heading .h1 span {
padding-left: 28px;
margin-left: 10px;
background: url(/Content/img/bullet06.gif?v=1) no-repeat 0 50%;
}
.heading .h1 span.active {
color: #24aa9b;
}
.heading a {
text-decoration: none;
}
.heading a:hover {
text-decoration: underline;
}
/* helper for some pages */
.info-section.padding .heading {
margin-right: 0;
}
.info-section.padding.recommends {
margin-bottom: 15px;
}
.login-wrap .heading,
#register-wrap .heading {
/*position: relative;
top: 10px;
left: 20px;*/
margin: 0 30px;
padding: 10px 8px 8px 8px;
}
/* end helper for some pages */
/* 800 */
@media (max-width: 989px) {
#main.profileBreadCrumb .heading {
display: none !important;
}
.heading.hid {
display: none !important;
}
}
/* 640 */
@media (max-width: 799px) {
}
/* 480 */
@media (max-width: 639px) {
.heading {
display: none;
}
}
/* 320 */
@media (max-width: 479px) {
}
section.menu {
max-height: 65px;
font-family: 'RobotoNewRegular';
/* &.PL{
height: 10px;
nav.catNav.PL{
display: none;
}
&.profileNav{
height: auto;
}
}*/
}
section.menu nav {
display: flex;
align-items: center;
justify-content: center;
background: #333333;
position: relative;
}
section.menu nav .cat-submenu-holder {
position: absolute;
left: 0;
width: 100vw;
display: grid;
justify-content: center;
background-color: white !important;
padding-bottom: 10px !important;
box-shadow: 0 7px 7px rgba(0, 0, 0, 0.6);
}
section.menu nav ul.menu-styles,
section.menu nav ul.horizontal-category-nav {
display: flex;
flex-wrap: nowrap;
list-style: none;
margin: 0;
padding: 0;
/* only category navigation */
/* end */
}
section.menu nav ul.menu-styles > li,
section.menu nav ul.horizontal-category-nav > li {
border-top: 1px solid;
}
section.menu nav ul.menu-styles > li:not(.virtual):hover > a > img,
section.menu nav ul.horizontal-category-nav > li:not(.virtual):hover > a > img {
filter: invert(1);
}
section.menu nav ul.menu-styles > li.virtual a,
section.menu nav ul.horizontal-category-nav > li.virtual a {
background-color: white;
transition: background-color 0.2s linear 0s;
}
section.menu nav ul.menu-styles > li.virtual > a:hover,
section.menu nav ul.horizontal-category-nav > li.virtual > a:hover {
color: white;
}
section.menu nav ul.menu-styles > li.virtual > a:hover > img,
section.menu nav ul.horizontal-category-nav > li.virtual > a:hover > img {
filter: contrast(0) brightness(10);
}
section.menu nav ul.menu-styles > li.virtual.vyprodej > a,
section.menu nav ul.horizontal-category-nav > li.virtual.vyprodej > a {
color: red;
}
section.menu nav ul.menu-styles > li.virtual.vyprodej > a:hover,
section.menu nav ul.horizontal-category-nav > li.virtual.vyprodej > a:hover {
color: white;
background-color: #ff5555;
}
section.menu nav ul.menu-styles > li.virtual.darky > a,
section.menu nav ul.horizontal-category-nav > li.virtual.darky > a {
color: #004700;
}
section.menu nav ul.menu-styles > li.virtual.darky > a:hover,
section.menu nav ul.horizontal-category-nav > li.virtual.darky > a:hover {
color: white;
background-color: #0fab3b;
}
section.menu nav ul.menu-styles > li.active:not(.virtual) > a,
section.menu nav ul.horizontal-category-nav > li.active:not(.virtual) > a {
background: black;
}
section.menu nav ul.menu-styles > li:hover:not(.virtual) > a,
section.menu nav ul.horizontal-category-nav > li:hover:not(.virtual) > a {
background: white;
color: black;
}
section.menu nav ul.menu-styles > li > a,
section.menu nav ul.horizontal-category-nav > li > a {
line-height: 20px;
color: white;
display: flex;
padding: 15px 10px;
padding-left: 36px;
text-decoration: none;
font-family: 'RobotoNewLight';
font-size: 14px;
position: relative;
}
section.menu nav ul.menu-styles > li > a img,
section.menu nav ul.horizontal-category-nav > li > a img {
position: absolute;
display: block;
margin: 0 auto;
margin-bottom: 5px;
left: 10px;
height: 20px;
width: auto;
}
section.menu nav ul.menu-styles > li > a br,
section.menu nav ul.horizontal-category-nav > li > a br {
display: none;
}
section.menu nav ul.menu-styles > li.virtual,
section.menu nav ul.horizontal-category-nav > li.virtual {
display: flex;
align-items: center;
margin: 0 5px;
}
section.menu nav ul.menu-styles > li.virtual > a,
section.menu nav ul.horizontal-category-nav > li.virtual > a {
border-radius: 2px;
padding: 8px 10px 8px 26px;
}
section.menu nav ul.menu-styles > li.virtual > a img,
section.menu nav ul.horizontal-category-nav > li.virtual > a img {
left: 4px;
}
section.menu nav ul.menu-styles#categoryNav li:hover,
section.menu nav ul.horizontal-category-nav#categoryNav li:hover {
background-image: none;
}
@media (max-width: 1500px) {
section.menu nav ul.menu-styles > li > a,
section.menu nav ul.horizontal-category-nav > li > a {
padding: 10px;
flex-direction: column;
}
section.menu nav ul.menu-styles > li > a > img,
section.menu nav ul.horizontal-category-nav > li > a > img {
position: unset;
}
section.menu nav ul.menu-styles > li.virtual > a,
section.menu nav ul.horizontal-category-nav > li.virtual > a {
padding: 5px;
}
}
@media (max-width: 1500px) {
section.menu nav ul li > a,
section.menu nav ul li.virtual > a {
padding-left: 10px;
flex-direction: column;
}
section.menu nav ul li > a > img,
section.menu nav ul li.virtual > a > img {
position: unset;
}
}
@media (max-width: 1249px) {
section.menu:not(.cart-menu) {
display: none;
}
section.menu:not(.cart-menu) nav.catNav {
display: none;
}
}
#horiFloatingNav ul {
flex-direction: column;
}
.moderate_con .logo {
background: url(/Content/img/logo.png?v=1) no-repeat;
height: 85px;
padding-left: 85px;
}
.SI section.menu nav ul.horizontal-category-nav > li > a,
.UA section.menu nav ul.horizontal-category-nav > li > a,
.DE section.menu nav ul.horizontal-category-nav > li > a,
.AT section.menu nav ul.horizontal-category-nav > li > a {
font-size: 13px;
white-space: nowrap;
}
section.menu nav ul#categoryNav li ul.cat-submenu {
margin-left: 0;
padding-right: 5px;
position: relative !important;
left: 0;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
padding-bottom: 10px !important;
gap: 10px 20px;
width: max-content;
max-width: 100vw;
}
section.menu nav ul#categoryNav li ul.cat-submenu::before {
pointer-events: none;
opacity: 0.6;
left: 0;
z-index: -1;
content: '';
position: fixed;
background: black;
width: 100vw;
height: 200vh;
}
section.menu nav ul#categoryNav li ul.cat-submenu li {
background-image: none;
float: left;
padding: 0 0 0 7px;
margin: 0 0 0 0;
background-color: white;
margin-right: 5px;
}
section.menu nav ul#categoryNav li ul.cat-submenu li section {
display: flex;
min-height: 70px;
max-width: 300px;
}
section.menu nav ul#categoryNav li ul.cat-submenu li section a {
color: #66696c;
padding: 5px 0;
background: 0;
line-height: 1;
display: inline-block;
float: left;
}
section.menu nav ul#categoryNav li ul.cat-submenu li section a:hover {
background: 0;
text-decoration: underline;
color: #21b5a4 !important;
}
section.menu nav ul#categoryNav li ul.cat-submenu li section a img {
top: 10px;
-ms-interpolation-mode: bicubic;
float: left !important;
display: inline-block !important;
margin-top: 14px !important;
margin-right: 0 !important;
margin-left: 5px;
width: 40px;
height: 40px;
object-fit: contain;
}
section.menu nav ul#categoryNav li ul.cat-submenu li section span.l2-info {
display: flex;
flex-direction: column;
gap: 10px;
margin: 8px 0 0 7px;
}
section.menu nav ul#categoryNav li ul.cat-submenu li section span.l2-info a.name {
text-decoration: none;
color: black;
width: 100%;
font-size: 14px;
padding: 5px 0 0;
font-family: 'RobotoNewBold';
text-transform: none;
}
section.menu nav ul#categoryNav li ul.cat-submenu li section span.l2-info .l3categories {
width: 100%;
text-transform: none;
font-family: 'RobotoNewRegular';
font-size: 14px;
display: flex;
flex-direction: column;
gap: 5px;
}
section.menu nav ul#categoryNav li ul.cat-submenu li section span.l2-info .l3categories a {
text-decoration: none;
color: black;
font-family: 'RobotoNewRegular';
font-size: 14px;
padding: 0 0;
display: inline;
}
section.menu nav ul#categoryNav li ul.cat-submenu li section span.l2-info .l3categories a.show-more {
text-decoration: underline;
}
section.menu nav ul#categoryNav li ul.cat-submenu li.moreCategories {
padding-top: 20px;
grid-column-start: 1;
grid-column-end: -1;
display: flex;
align-items: center;
justify-content: center;
}
section.menu nav ul#categoryNav li ul.cat-submenu li.moreCategories a {
width: max-content;
padding: 5px 20px;
color: black;
font-size: 16px;
font-family: 'RobotoNewRegular';
border-radius: 5px;
border: 1px solid #333333;
background: white;
text-decoration: none;
}
section.menu nav ul#categoryNav li ul.cat-submenu li.moreCategories a:hover {
color: white;
background-color: black;
}
.menu .mobile-profile {
display: none;
}
.menu nav#profileNav ul li:hover > a svg {
filter: invert(1);
}
.menu nav#profileNav ul li a {
flex-direction: row;
align-items: center;
gap: 10px;
box-sizing: border-box;
height: 100%;
padding: 15px 10px;
}
.menu nav#profileNav ul li.moderation-link a {
color: #ffa99f;
}
.menu nav#profileNav ul li.log-off-link {
margin-left: auto;
}
.menu nav#profileNav ul li.log-off-link a {
color: #ffa99f;
}
.menu nav#profileNav ul li.moderation-link:hover > a,
.menu nav#profileNav ul li.log-off-link:hover > a {
background: #ffa99f;
color: black;
}
.menu nav#profileNav ul li.moderation-link:hover > a svg,
.menu nav#profileNav ul li.log-off-link:hover > a svg {
filter: none;
}
.menu nav#profileNav ul li.moderation-link:hover > a svg *,
.menu nav#profileNav ul li.log-off-link:hover > a svg * {
fill: black;
}
/* 990+ */
@media (min-width: 1250px) {
.menu {
display: block;
}
.menu nav.catNav {
display: flex;
}
.menu nav#profileNav {
display: none;
}
.menu.profileNav nav.catNav {
display: none;
}
.menu.profileNav nav#profileNav {
display: flex;
}
.menu.profileNav nav#profileNav ul {
width: 1210px;
}
}
.profile-nav-anchor {
position: relative;
}
.opened .profile-nav-offclick {
z-index: -1;
position: fixed;
width: 100vw;
height: 100vw;
top: 0;
left: 0;
}
.menu.opened {
border-radius: 3px 0px 3px 3px;
border: 1px solid #e7e7e7;
background: white;
box-shadow: 0px 3px 2px 0px rgba(0, 0, 0, 0.25);
max-height: unset;
display: none;
position: absolute;
width: 360px;
top: 60px;
right: 0px;
max-width: 100vw;
z-index: 70;
box-sizing: border-box;
padding: 10px;
}
.menu.opened .mobile-profile {
display: block;
position: relative;
}
.menu.opened .mobile-profile .customer-name {
text-align: center;
font-family: 'RobotoNewMedium';
font-size: 16px;
line-height: 20px;
border-bottom: solid 1px #e7e7e7;
padding-bottom: 10px;
}
.menu.opened .mobile-profile .customer-name span {
position: absolute;
right: 10px;
cursor: pointer;
}
.menu.opened .mobile-profile .customer-points {
display: flex;
justify-content: space-between;
align-items: center;
background: #ecfdec;
border-radius: 5px;
width: 100%;
padding: 12px 20px;
box-sizing: border-box;
margin: 20px 0;
}
.menu.opened nav#profileNav {
margin-top: 0;
width: 100%;
border: none;
background: none;
}
.menu.opened nav#profileNav ul {
border: none;
width: 100%;
border-radius: 5px;
gap: 15px;
}
.menu.opened nav#profileNav ul li {
border-top: none;
margin: 0;
}
.menu.opened nav#profileNav ul li a {
padding: 10px;
background: none;
color: black;
border-radius: 5px;
border: 1px solid;
}
.menu.opened nav#profileNav ul li a svg {
filter: unset;
}
.menu.opened nav#profileNav ul li a svg * {
fill: black;
}
.menu.opened nav#profileNav ul li a:hover {
background-color: black;
color: white;
}
.menu.opened nav#profileNav ul li a:hover svg * {
fill: white;
}
.menu.opened nav#profileNav ul li.moderation-link a,
.menu.opened nav#profileNav ul li.log-off-link a {
color: #ff1b00;
}
.menu.opened nav#profileNav ul li.moderation-link a svg *,
.menu.opened nav#profileNav ul li.log-off-link a svg * {
fill: #ff1b00;
}
.menu.opened nav#profileNav ul li.moderation-link a:hover,
.menu.opened nav#profileNav ul li.log-off-link a:hover {
background-color: #ff1b00;
color: white;
}
.menu.opened nav#profileNav ul li.moderation-link a:hover svg *,
.menu.opened nav#profileNav ul li.log-off-link a:hover svg * {
fill: white;
}
@media (max-width: 500px) {
.menu.opened {
width: 100vw;
right: 0;
position: fixed;
}
}
.navigation .sub-nav-check,
.navigation .iCheckbox {
display: none !important;
}
@media only screen and (min-width: 1250px) {
.navigation {
background: #616568;
box-shadow: -10px 0px 20px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: -10px 0px 20px rgba(0, 0, 0, 0.1);
list-style: none;
margin: 0;
padding: 0;
position: relative;
}
.navigation figure {
display: none;
}
.navigation > li {
background-image: url(/Content/img/rightborder.png);
background-position: 10px bottom;
background-repeat: no-repeat;
background-size: 153px 1px;
font: 15px 'RobotoNewLight';
font-size: 14px !important;
min-height: 39px;
}
.navigation > li.nonBg {
/* class pro odstranění spodního borderu při rozbaleném stromu */
background-image: none;
}
.navigation > li.longName {
background-position: 10px bottom;
}
.navigation > li.longName.tooLongName {
background-position: 10px bottom;
}
.navigation > li.longName.tooLongName .trigger {
height: 25px;
}
.navigation > li > .mainLink-wrapper > .mainLink {
padding: 10px 25px;
position: relative;
}
.navigation > li > .mainLink-wrapper > .mainLink:after {
background: transparent url('/Content/img/components/menu/arrow-menu-right.png') no-repeat top center;
content: '';
display: block;
height: 10px;
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
width: 7px;
}
.navigation > li > .mainLink-wrapper:hover > .mainLink {
background-color: #1eb4a3;
padding-top: 10px;
margin-top: 0;
color: white;
}
.navigation > li > .mainLink-wrapper:hover > .mainLink:after {
background-position-y: 1px;
height: 11px;
}
.navigation > li > .mainLink-wrapper.first:hover > .mainLink {
padding-top: 10px;
margin-top: 0;
}
.navigation > li > .mainLink-wrapper.first:hover > .mainLink:after {
background-position-y: 0;
height: 10px;
}
.navigation > li.active > .mainLink-wrapper > .mainLink {
background-color: #484b4d;
}
.navigation > li.active > .mainLink-wrapper:hover .mainLink {
background-color: #1eb4a3;
}
.navigation > li.active > .mainLink-wrapper.first .mainLink {
padding-top: 10px;
margin-top: 0;
}
.navigation > li:last-child {
border-bottom: 0;
}
.navigation > li a {
color: white;
display: block;
text-decoration: none;
padding: 10px 9px;
}
.navigation > li.separator {
background-color: white;
background-image: none;
border-bottom: 0;
font-size: 0;
height: 0;
min-height: 0;
overflow: hidden;
padding-top: 4px;
}
.navigation > li.virtual {
border-bottom: 1px solid #aaacae;
}
.navigation > li.virtual.darky a.mainLink {
background-image: url('/Content/img/components/menu/icon-menu--presents-tips.png');
background-repeat: no-repeat;
background-position: right 14px center;
}
.navigation > li.virtual.darky a.mainLink:after {
display: none;
}
.navigation > li.virtual.vyprodej a.mainLink {
background-image: url('/Content/img/components/menu/icon-menu--sale.png');
background-repeat: no-repeat;
background-position: right 14px center;
}
.navigation > li.virtual.vyprodej a.mainLink:after {
display: none;
}
.navigation > li.virtual a.mainLink {
background-color: #959595;
}
.navigation > li.virtual .mainLink-wrapper:hover > .mainLink {
padding-top: 10px;
margin-top: 0;
}
.navigation > li label.trigger,
.navigation > li span.trigger {
float: left;
color: white;
padding: 10px 0;
font-size: 15px;
width: 23px;
cursor: pointer;
text-align: center;
min-height: 1px;
position: relative;
z-index: 9;
margin-left: 2px;
text-indent: -5000px;
height: 9px;
margin-top: 5px;
}
.navigation > li label.trigger.hasSub,
.navigation > li span.trigger.hasSub {
background-repeat: no-repeat;
background-position: 0 0;
background-image: url(/Content/img/submenuBtns.png);
}
.navigation > li label.trigger.hasSub.opened,
.navigation > li span.trigger.hasSub.opened {
background-position: 0 -29px;
}
.navigation ul {
list-style: none;
margin: 0;
padding: 6px 0 0px 18px;
background-color: #eeeeee;
display: none;
}
.navigation ul li {
padding-bottom: 6px;
width: 100%;
vertical-align: top;
display: inline-block;
}
.navigation ul li a {
display: inline-block;
padding: 0 0;
}
.navigation ul.l2submenu {
padding-left: 6px;
}
.navigation ul.l2submenu li {
font-size: 13px !important;
}
.navigation ul.l2submenu li a {
width: 138px;
float: left;
color: black;
}
.navigation ul.l2submenu li a:hover {
text-decoration: underline;
}
.navigation ul.l2submenu li label.trigger,
.navigation ul.l2submenu li span.trigger {
width: 15px;
padding: 0 0;
font-size: 15px;
margin-left: 0;
margin-right: 2px;
}
.navigation ul.l2submenu li label.trigger.opened,
.navigation ul.l2submenu li span.trigger.opened {
padding: 0 0;
}
.navigation ul.l2submenu li label.trigger.hasSub,
.navigation ul.l2submenu li span.trigger.hasSub {
background-position: -4px -68px;
}
.navigation ul.l2submenu li label.trigger.hasSub.opened,
.navigation ul.l2submenu li span.trigger.hasSub.opened {
background-position: -4px -97px;
}
.navigation ul.l2submenu li .l3submenu {
float: left;
padding-left: 13px;
}
.navigation ul.l2submenu li .l3submenu li {
font-size: 13px !important;
}
.navigation ul.l2submenu li .l3submenu li label.trigger,
.navigation ul.l2submenu li .l3submenu li span.trigger {
width: 15px;
font-size: 14px;
}
.navigation ul.l2submenu li .l3submenu li a {
width: 122px;
}
.navigation ul.l2submenu li .l3submenu li .l4submenu {
float: left;
padding-left: 13px;
width: 109px;
margin-left: 19px;
}
.navigation ul.l2submenu li .l3submenu li .l4submenu li {
font-size: 13px !important;
}
.navigation ul.l2submenu li .l3submenu li .l4submenu li label.trigger,
.navigation ul.l2submenu li .l3submenu li .l4submenu li span.trigger {
display: none;
}
.navigation ul.l2submenu li .l3submenu li .l4submenu li a {
width: 109px;
}
.navigation.virtual li.active {
background-color: #484b4d;
}
.navigation.virtual li.active a {
font-family: 'RobotoNewLight' !important;
}
.navigation.virtual li.active ul.l2submenu li.active {
background-color: transparent;
}
}
@media only screen and (min-width: 990px) {
.vertical-category-nav-wrap .resp-menu-contact-box {
display: none;
}
}
@media only screen and (min-width: 1250px) {
.navigation li .mainLink-wrapper {
position: relative;
}
.navigation li .mainLink-wrapper .l2submenu-float {
position: absolute;
width: 792px;
left: 173px;
border: 1px solid #b1b1b1;
border-left: #1eb4a3 solid 4px;
top: 0;
background-color: white;
z-index: 12;
padding-bottom: 10px;
display: none;
-webkit-box-shadow: 6px 3px 10px rgba(0, 0, 0, 0.6);
box-shadow: 6px 3px 10px rgba(0, 0, 0, 0.6);
}
.navigation li .mainLink-wrapper .l2submenu-float .vertical-cat {
width: 264px;
float: left;
padding: 0 0 0 0 !important;
margin: 0 0 0 0 !important;
background-color: white !important;
margin-right: 5px;
}
.navigation li .mainLink-wrapper .l2submenu-float .vertical-cat:nth-child(3n+1) {
clear: both;
}
.navigation li .mainLink-wrapper .l2submenu-float .vertical-cat a {
padding: 0 0 !important;
display: inline-block;
float: left;
}
.navigation li .mainLink-wrapper .l2submenu-float .vertical-cat a:hover {
color: #21b5a4 !important;
text-decoration: underline;
}
.navigation li .mainLink-wrapper .l2submenu-float .vertical-cat a img {
float: left !important;
display: inline-block !important;
margin-top: 15px !important;
margin-right: 0 !important;
margin-left: 7px;
}
.navigation li .mainLink-wrapper .l2submenu-float .vertical-cat span.l2-info {
display: inline-block;
float: left;
width: 194px;
margin: 12px 0 10px 5px;
}
.navigation li .mainLink-wrapper .l2submenu-float .vertical-cat span.l2-info a.name {
color: #24aa9b;
width: 100%;
float: left;
font-family: 'RobotoNewMedium';
font-size: 15px;
padding: 0 0 2px !important;
}
.navigation li .mainLink-wrapper .l2submenu-float .vertical-cat span.l2-info .l3categories {
width: 100%;
float: left;
font-family: 'RobotoNewRegular';
font-weight: 200;
font-size: 12px;
overflow: hidden;
}
.navigation li .mainLink-wrapper .l2submenu-float .vertical-cat span.l2-info .l3categories a {
text-transform: none;
display: inline;
color: black;
font-family: 'RobotoNewRegular';
font-weight: 200;
font-size: 12px;
height: 14px;
padding: 0 0;
float: none;
}
.navigation li .mainLink-wrapper .l2submenu-float .vertical-cat span.l2-info .l3categories a:hover {
text-decoration: underline;
}
.navigation li .mainLink-wrapper .l2submenu-float div.moreCategories {
float: left;
height: 25px;
width: 100%;
text-align: center;
margin-top: 3px;
}
.navigation li .mainLink-wrapper .l2submenu-float div.moreCategories a {
height: 14px;
float: none;
background-color: #1eb4a3;
padding: 2px 5px !important;
color: white;
font-size: 12px;
line-height: 15px;
font-family: 'RobotoNewMedium';
margin-top: 8px;
text-transform: uppercase;
display: inline-block;
}
.navigation li .mainLink-wrapper .l2submenu-float div.moreCategories a:hover {
color: black !important;
text-decoration: none;
background-color: #1eb4a3;
}
}
@media only screen and (min-width: 1360px) {
.navigation li .mainLink-wrapper .l2submenu-float {
width: 1032px;
}
.navigation li .mainLink-wrapper .l2submenu-float .vertical-cat {
width: 344px;
}
.navigation li .mainLink-wrapper .l2submenu-float .vertical-cat span.l2-info {
width: 275px;
}
}
/*
@import "staticPages\benefit.less";
@import "staticPages\deliveryPaymentPage.less";
@import "staticPages\howToOrder.less";
@import "staticPages\pickUpPlaces.less";
@import "staticPages\articles\detail.less";
@import "staticPages\articles\list.less";
@import "staticPages\contact\contact.less";
@import "staticPages\contact\contactList.less";
@import "staticPages\contact\form.less";
*/
.accordion {
border-bottom: 1px solid #afafaf;
box-sizing: border-box;
width: 100%;
}
.accordion__controller {
background-color: #f8f7f7;
border-color: #afafaf;
border-style: solid;
border-width: 1px 0 0 0;
box-sizing: border-box;
cursor: pointer;
display: block;
font-family: 'RobotoNewMedium';
font-size: 21px;
font-weight: normal;
margin: 0;
padding: 10px 58px 10px 20px;
position: relative;
text-align: left;
transition: background-color 0.2s linear 0s;
width: 100%;
}
@media only screen and (max-width: 480px) {
.HU .accordion__controller {
font-size: 19px;
}
}
@media only screen and (max-width: 360px) {
.CZ .accordion__controller {
font-size: 19px;
}
.SK .accordion__controller {
font-size: 19px;
}
.PL .accordion__controller {
font-size: 19px;
}
.HU .accordion__controller {
font-size: 18px;
}
.RO .accordion__controller {
font-size: 19px;
}
}
.accordion__controller:after {
background: transparent url('/Content/img/components/accordion/accordion-arrows.png') no-repeat 0 -12px;
box-sizing: border-box;
content: '';
display: block;
height: 11px;
position: absolute;
right: 20px;
top: 21px;
width: 18px;
}
.accordion__controller:hover,
.accordion__controller:focus {
background-color: #ece9e9;
}
.accordion__controller.accordion__controller--open:last-child {
border-bottom-width: 1px;
}
.accordion__controller.accordion__controller--open:after {
background-position-y: 0;
}
.accordion__content {
box-sizing: border-box;
display: none;
font-family: 'RobotoNewLight';
font-size: 15px;
padding: 10px 20px;
}
.accordion__content:before,
.accordion__content:after {
content: "";
display: table;
}
.accordion__content:after {
clear: both;
}
.thank-you-box.payment-info {
text-align: left;
padding-bottom: 30px;
}
.payment-info__payment-order {
box-sizing: border-box;
width: 65%;
margin-right: auto;
margin-left: 10px;
}
@media only screen and (max-width: 800px) {
.payment-info__payment-order {
width: 100%;
}
}
.payment-info__header-wrap {
box-sizing: border-box;
margin: 0 0 30px 0;
}
.payment-info__header {
box-sizing: border-box;
font-family: 'RobotoNewRegular';
font-size: 26px;
line-height: 30px;
color: black;
text-align: center;
margin-bottom: 40px;
}
.payment-info__header--label,
.payment-info__header--price {
margin-right: 5px;
}
.payment-info__header--label {
box-sizing: border-box;
color: #1a1a1a;
}
.payment-info__header--price {
box-sizing: border-box;
color: #96c03a;
text-wrap: none;
}
.payment-info__item {
box-sizing: border-box;
margin: 10px 0 0 0;
}
.payment-info__item:first-of-type {
margin-top: 0;
}
.payment-info__label,
.payment-info__value {
box-sizing: border-box;
color: #1a1a1a;
display: inline-block;
font-size: 17px;
line-height: 17px;
}
.payment-info__label {
box-sizing: border-box;
font-family: 'RobotoNewLight';
width: 150px;
}
.payment-info__value {
box-sizing: border-box;
font-family: 'RobotoNewMedium';
}
.payment-info__qr {
box-sizing: border-box;
}
@media only screen and (min-width: 801px) {
.payment-info__qr {
position: absolute;
right: 45px;
bottom: 10px;
}
.SK .payment-info__qr {
right: 20px;
}
}
@media only screen and (max-width: 800px) {
.payment-info__qr {
margin-top: 30px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
}
.payment-info__item--variable-symbol .payment-info__value {
color: red;
}
.payment-info__item--hint {
color: red;
margin-bottom: 20px;
}
.payment-info__item--secondary .payment-info__label,
.payment-info__item--secondary .payment-info__value {
color: #545454;
font-family: 'RobotoNewRegular';
font-size: 14px;
}
.payment-info__item--secondary .payment-info__label {
width: 130px;
}
@media (max-width: 800px) {
.payment-info__item--secondary .payment-info__label {
width: 55px;
}
}
.payment-info__item--due-date {
box-sizing: border-box;
margin-top: 30px;
}
.payment-info__qr-code {
background-color: white;
display: inherit;
height: 204px;
margin: 0 auto;
padding: 15px;
width: 200px;
}
@media only screen and (max-width: 800px) {
.payment-info__qr-code {
margin: 0;
}
}
.product-sorting-wrap {
box-sizing: border-box;
height: auto;
margin: 0 0 20px 0;
padding: 0;
width: 100%;
}
@media only screen and (max-width: 639px) {
.product-sorting-wrap {
margin: 5px 0;
}
}
.category--filter-label {
font-family: 'RobotoNewRegular';
font-size: 16px;
margin-top: 30px;
margin-bottom: 10px;
}
.category--total-count {
font-family: 'RobotoNewRegular';
font-size: 16px;
margin-top: 10px;
margin-bottom: 10px;
color: dimgray;
}
@media (max-width: 1249px) {
.category--total-count {
margin-top: 20px;
margin-bottom: 0;
}
}
@media (max-width: 1249px) {
.filter-count-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
}
}
.product-sorting {
display: flex;
gap: 5px;
padding: 4px;
background-color: whitesmoke;
box-sizing: border-box;
list-style-type: none;
margin: 0;
width: 100%;
position: relative;
align-items: center;
margin-left: -5px;
}
.product-sorting::before {
top: 0;
z-index: -1;
background-color: whitesmoke;
position: absolute;
content: "";
height: 100%;
width: 100vw;
left: 50%;
transform: translate(-50%, 0);
}
@media only screen and (max-width: 639px) {
.product-sorting {
position: relative;
}
}
@media only screen and (max-width: 500px) {
.product-sorting {
align-items: stretch;
}
}
.product-sorting__item-wrap {
background: whitesmoke;
float: left;
padding: 0;
/*@media only screen and (max-width: 639px) {
background-color: #fff;
border: 0 none;
text-align: center;
width: 25%;
}*/
}
@media only screen and (max-width: 639px) {
.product-sorting__item-wrap:nth-last-child(2) {
margin-right: 0;
}
}
.product-sorting__item-wrap--total-count {
border-right-width: 0;
float: right;
}
@media only screen and (max-width: 639px) {
.product-sorting__item-wrap--total-count {
display: inline-block;
float: none;
margin: 0;
padding: 0;
position: absolute;
right: 0;
top: -39px;
width: auto;
}
}
@media only screen and (max-width: 479px) {
.product-sorting__item-wrap--total-count {
top: -36px;
}
}
@media only screen and (max-width: 419px) {
.product-sorting__item-wrap--total-count {
display: none;
}
}
@media only screen and (max-width: 799px) {
.product-sorting__item-wrap--favorite {
display: none;
}
}
.product-sorting__item {
background-color: whitesmoke;
border-radius: 3px;
border: 1px solid #e7e7e7;
color: #5e5e5e;
display: block;
font-family: 'RobotoNewRegular';
font-size: 15px;
line-height: 32px;
padding: 0 20px;
text-decoration: none;
transition: color 0.2s linear 0s, background-color 0.2s linear 0s;
}
@media only screen and (min-width: 990px) and (max-width: 1359px), (min-width: 800px) and (max-width: 850px), (min-width: 640px) and (max-width: 799px) {
.product-sorting__item {
font-size: 14px;
padding: 0 10px;
}
}
@media only screen and (max-width: 639px) {
.product-sorting__item {
font-size: 15px;
}
}
a.product-sorting__item:hover,
a.product-sorting__item:focus {
background-color: white;
color: #37bfb0;
border-radius: 3px;
border: 1px solid #1cb3a2;
background: white;
}
@media only screen and (max-width: 639px) {
a.product-sorting__item {
padding: 4px;
}
a.product-sorting__item:hover,
a.product-sorting__item:focus {
border-bottom-color: #37bfb0;
}
}
@media only screen and (max-width: 500px) {
a.product-sorting__item {
display: flex;
align-items: center;
font-size: 12px;
line-height: unset;
box-sizing: border-box;
height: 100%;
}
}
.product-sorting__item-wrap--total-count .product-sorting__item {
color: #aeaeae;
font-size: 13px;
transition: none;
}
@media only screen and (max-width: 639px) {
.product-sorting__item-wrap--total-count .product-sorting__item {
font-size: 15px;
line-height: 35px;
}
}
@media only screen and (max-width: 479px) {
.product-sorting__item-wrap--total-count .product-sorting__item {
font-size: 13px;
line-height: 32px;
}
}
.product-sorting__item-wrap.active .product-sorting__item {
background-color: white;
color: #37bfb0;
border-radius: 3px 3px 0px 0px;
border: 0px solid #1cb3a2;
position: relative;
}
@media only screen and (min-width: 500px) {
.product-sorting__item-wrap.active .product-sorting__item::after {
border-bottom: none;
content: '';
position: absolute;
width: 100%;
bottom: -7px;
left: 0;
height: 7px;
background-color: white;
}
}
.product-sorting__item-wrap.active .product-sorting__item:hover {
cursor: default;
}
@media only screen and (min-width: 800px) and (max-width: 950px), (min-width: 640px) and (max-width: 799px) {
.RO .product-sorting__item {
font-size: 14px;
padding: 0 10px;
}
}
@media only screen and (max-width: 639px) {
.RO .product-sorting__item {
font-size: 14px;
}
}
@media only screen and (max-width: 479px) {
.RO .product-sorting__item {
font-size: 11px;
}
}
.button {
border: 0 none;
cursor: pointer;
display: inline-block;
text-align: center;
text-decoration: none;
transition: background-color 0.2s linear 0s;
}
.button.submit-checked-filters-button {
font-family: 'RobotoNewMedium';
font-size: 17px;
padding: 10px 20px;
text-transform: uppercase;
}
@media only screen and (max-width: 480px) {
.button.submit-checked-filters-button {
font-size: 14px;
}
}
.button.close-filters-popup-button {
font-family: 'RobotoNewMedium';
font-size: 17px;
margin-right: 10px;
padding: 10px 20px;
text-transform: uppercase;
}
@media only screen and (max-width: 480px) {
.button.close-filters-popup-button {
font-size: 14px;
}
}
.button-base,
.button-base--small {
display: flex;
align-items: center;
justify-content: center;
height: 48px;
width: max-content;
padding: 0 22px;
max-width: 340px;
text-align: center;
font-family: 'RobotoNewBold';
font-size: 16px;
border-radius: 5px;
transition: background-color 0.2s;
box-sizing: content-box;
}
.button-base--small,
.button-base--small--small {
height: 20px;
padding: 0 5px;
font-family: 'RobotoNewRegular';
font-size: 12px;
flex-shrink: 0;
}
.button--s {
font-family: 'RobotoNewMedium';
font-size: 15px;
padding: 7px 13px;
}
.button--m {
font-family: 'RobotoNewMedium';
font-size: 17px;
padding: 10px 20px;
text-transform: uppercase;
}
@media only screen and (max-width: 480px) {
.button--m {
font-size: 14px;
}
}
.button--grass-green {
background-color: #85be00;
color: white;
border: 1px solid #85be00;
}
.button--grass-green:hover {
background-color: #99d214;
}
.button--cyan {
background-color: #1dc9b6;
color: white;
}
.button--cyan:hover {
background: #27d3c0;
}
.button--cyan-outlined {
background-color: white;
font-family: 'RobotoNewMedium';
color: #1dc9b6;
border: 1px solid;
}
.button--cyan-outlined:hover {
color: white;
border: 1px solid;
background: #1dc9b6;
}
.button--gray {
background-color: #e8e8e8;
color: #2c2c2c;
border: 1px solid #e8e8e8;
}
.button--gray:hover {
background-color: #d8d8d8;
}
.button--gray.button--with-border {
border: 1px solid #c6c6c6;
padding: 9px 20px;
}
.button--gray-outlined {
background-color: white;
border: 1px solid black;
color: black;
}
.button--gray-outlined:hover {
color: white;
border: 1px solid #c6c6c6;
background: #767676;
}
.button--red-outlined {
background-color: white;
color: #ff1b00;
border: 1px solid;
}
.button--red-outlined:hover {
color: white;
border: 1px solid;
background: #ff1b00;
}
.button--close-x {
color: #676767;
display: block;
float: right;
font-family: 'RobotoNewRegular';
font-size: 36px;
height: 56px;
line-height: 56px;
transition: color 0.2s linear 0s;
width: 56px;
}
.button--close-x:hover {
color: #8b8b8b;
}
@media only screen and (max-width: 375px), (max-height: 375px) and (orientation: landscape) {
.button--close-x {
height: 50px;
line-height: 50px;
}
}
.button-add-to-cart {
border-radius: 5px;
box-sizing: border-box;
color: white;
font-family: 'RobotoNewRegular';
text-transform: none;
vertical-align: middle;
transition: background-color 0.2s linear 0s;
}
.button-add-to-cart--product-item {
background-color: white;
color: #7ab51c;
border: #7ab51c solid 1px;
border-radius: 3px;
font-size: 14px;
padding: 6px;
width: 120px;
}
.button-add-to-cart--product-item:hover,
.product-thumbnail:hover .button-add-to-cart--product-item {
background-color: #7ab51c;
color: white;
}
.RO .button-add-to-cart--product-item {
font-size: 14px;
}
.DE .button-add-to-cart--product-item {
width: 127px;
font-size: 12px;
}
.AT .button-add-to-cart--product-item {
width: 127px;
font-size: 12px;
}
@media only screen and (max-width: 989px) {
.button-add-to-cart--product-item {
border-radius: 3px;
padding: 4px;
}
}
.products-list-item .add-to-cart-wrapper {
display: flex;
justify-content: center;
}
.button-add-to-cart--product-detail {
background-color: #85be00;
display: block;
font-size: 16px;
padding: 13px;
width: 100%;
margin-bottom: 10px;
height: 48px;
box-sizing: border-box;
}
.button-add-to-cart--product-detail:hover {
background-color: #8fc80a;
}
.button-add-to-cart--favorites {
width: 120px;
height: 32px;
flex-shrink: 0;
border-radius: 3px;
border: 1px solid #7ab51c;
background: white;
transition: background 0.2s linear 0s;
color: #7ab51c;
font-family: 'RobotoNewRegular';
font-size: 14px;
display: flex;
align-items: center;
justify-content: center;
}
.button-add-to-cart--favorites:hover {
background: #7ab51c;
color: white;
}
.RO .button-add-to-cart--favorites {
font-size: 14px;
}
.button-add-to-cart--hero-product {
background: #85be00;
display: flex;
align-items: center;
justify-content: center;
font-size: 15px;
font-family: 'RobotoNewMedium';
width: 150px;
height: 32px;
color: white;
box-sizing: border-box;
}
.button-add-to-cart--hero-product:hover {
background-color: #8fc80a;
}
.button-add-to-cart--disabled {
background-color: #eeeeee;
cursor: not-allowed;
}
.button-add-to-cart--disabled:hover {
background-color: #eeeeee;
}
.product-thumbnail:hover .button-add-to-cart--disabled {
background-color: #eeeeee;
}
.carousel {
position: relative;
}
.carousel .carousel-button {
background-color: rgba(255, 255, 255, 0.7);
background-position-y: center;
background-repeat: no-repeat;
border: 1px solid #f2f2f2;
border-radius: 50%;
display: block;
font-size: 0;
height: 50px;
line-height: 0;
outline: none;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 50px;
z-index: 5;
transition: all 0.2s linear 0s;
}
.carousel .carousel-button:hover {
background-color: rgba(255, 255, 255, 0.9);
border-color: gray;
cursor: pointer;
}
.carousel .carousel-button--prev {
background-image: url('/Content/img/components/carousel/ico-carousel-button--left.svg');
background-position-x: 18px;
left: 0;
}
.carousel .carousel-button--next {
background-image: url('/Content/img/components/carousel/ico-carousel-button--right.svg');
background-position-x: 20px;
right: 0;
}
@media only screen and (min-width: 531px) {
.product-detail-photos-wrap {
display: none;
}
}
@media only screen and (max-width: 530px) {
.product-detail-photos-wrap {
display: block;
height: auto;
overflow: hidden;
position: relative;
width: 96vw;
aspect-ratio: 1;
}
}
.product-detail-photos-wrap .slick-dots {
bottom: 0;
display: block;
list-style: none;
margin: 0;
padding: 0;
position: absolute;
text-align: center;
width: 100%;
}
.product-detail-photos-wrap .slick-dots li {
cursor: pointer;
display: none;
height: 20px;
padding: 0 8px;
background: white;
position: relative;
margin: 0 auto;
align-items: center;
justify-content: center;
white-space: nowrap;
}
.product-detail-photos-wrap .slick-dots li:first-child {
display: inline-flex;
}
.product-detail-photos-wrap .slick-dots li:only-of-type {
display: none;
}
.product-detail-photos-wrap .slick-dots li button {
background: transparent;
border: 0;
color: transparent;
cursor: pointer;
display: block;
font-size: 0px;
height: 10px;
line-height: 0px;
outline: none;
width: 10px;
}
.product-detail-photos-wrap .slick-dots li button:hover,
.product-detail-photos-wrap .slick-dots li button:focus {
outline: none;
}
.product-detail-photos-wrap .slick-dots li button:hover:before,
.product-detail-photos-wrap .slick-dots li button:focus:before {
background-color: #21b5a4;
opacity: 0.5;
}
.product-detail-photos-wrap .slick-dots li button:before {
background-color: #d8d8d8;
border-radius: 50%;
content: '';
height: 10px;
left: 0;
opacity: 0.75;
position: absolute;
text-align: center;
top: 0;
width: 10px;
transition: background-color 0.2s linear 0s;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.product-detail-photos-wrap .slick-dots li.slick-active button:before {
background-color: #21b5a4;
}
.prod-slick-prev,
.prod-slick-next {
display: flex;
align-items: center;
width: 44px;
height: 64px;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 1;
border: 0;
padding: 0;
background: transparent;
cursor: pointer;
}
.prod-slick-prev span,
.prod-slick-next span {
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 44px;
box-shadow: 0px 2px 4px 0px #00000040;
}
.prod-slick-prev {
left: 0;
justify-content: flex-start;
}
.prod-slick-prev span {
border-radius: 0 5px 5px 0;
background: white url('/Content/swipebox/img/lightbox-arrow-left.svg') no-repeat center;
background-size: 12px;
}
.prod-slick-next {
right: 0;
justify-content: flex-end;
}
.prod-slick-next span {
border-radius: 5px 0 0 5px;
background: white url('/Content/swipebox/img/lightbox-arrow-right.svg') no-repeat center;
background-size: 12px;
}
.product-detail-photos {
position: absolute;
width: 100%;
}
.product-detail-photo-wrap {
display: block;
height: auto;
overflow: hidden;
position: relative;
width: 100%;
}
.product-detail-photo-wrap:after {
content: '';
display: block;
padding-bottom: 100%;
width: 100%;
}
.product-detail-photo-wrap:not(:only-of-type) {
cursor: grab;
}
.product-detail-photo-wrap:focus {
outline: 0 none;
}
.product-detail-photo-wrap--grabbed:not(:only-of-type) {
cursor: grabbing;
}
.product-detail-photo {
position: absolute;
text-align: center;
width: 100%;
height: 100%;
object-fit: contain;
}
.product-detail-photo:focus {
outline: 0 none;
}
/* Slider */
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
left: 0;
top: 0;
display: block;
margin-right: auto;
}
.slick-track:before,
.slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
min-height: 1px;
display: none;
}
[dir="rtl"] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
.popup--address-select .popup__container {
overflow: hidden;
display: flex;
flex-direction: column;
max-height: 90vh;
max-width: 700px;
width: 100%;
padding-bottom: 20px;
}
.popup--address-select .popup__content {
overflow-y: auto;
display: flex;
gap: 20px;
}
.popup--address-select .popup__footer {
display: flex;
justify-content: space-evenly;
flex-direction: column;
gap: 10px;
}
@media (max-width: 500px) {
.popup--address-select .popup__container {
top: 50%;
transform: translate(0, -50%);
left: unset;
right: unset;
}
.popup--address-select .popup__content {
flex-direction: column;
}
}
.address-select-wrap {
border: 0 none;
margin: 0 0 20px 0;
padding: 0;
}
.address-select {
box-sizing: border-box;
width: 830px;
}
.address-select:before,
.address-select:after {
content: "";
display: table;
}
.address-select:after {
clear: both;
}
#DeliveryAddressStep .address-select {
margin-left: 125px;
}
#DeliveryAddressStep .address-select h2 {
font-family: 'RobotoNewRegular';
font-size: 23px !important;
margin-bottom: 10px !important;
}
@media only screen and (max-width: 1359px) {
#DeliveryAddressStep .address-select {
margin-left: 4px;
}
}
@media only screen and (max-width: 989px) {
#DeliveryAddressStep .address-select {
margin-left: 0;
padding: 0 5%;
width: 100%;
}
}
@media only screen and (max-width: 989px) {
.my-profile .address-select {
width: 100%;
}
}
.address-select__address-wrap {
box-sizing: border-box;
width: 48%;
}
@media only screen and (max-width: 639px) {
.address-select__address-wrap--invoice {
width: 100%;
}
}
@media only screen and (max-width: 639px) {
.address-select__address-wrap--delivery {
margin-top: 20px;
width: 100%;
}
}
.address-select__address-box {
border-radius: 5px;
border: 1px solid black;
background: white;
box-sizing: border-box;
margin-bottom: 10px;
padding: 20px 25px;
position: relative;
transition: border-color 0.2s linear 0s;
width: 100%;
}
.address-select__address-box:hover,
.address-select__address-box:focus {
cursor: pointer;
border-color: #d0d0d0;
}
.address-select__address-box.activeAddress {
background-color: #efefef;
border-color: #23b6a5;
}
.address-select__address-box.activeAddress:hover,
.address-select__address-box.activeAddress:focus {
cursor: default;
}
.address-select__address-box p {
color: black;
font-family: 'RobotoNewLight';
font-size: 15px;
line-height: 21px;
margin: 0;
}
.address-select__address-box p strong {
color: black;
font-family: 'RobotoNewMedium';
font-size: 19px;
font-weight: normal;
}
.address-select--my-addresses .address-select__address-box:hover,
.address-select--my-addresses .address-select__address-box:focus {
cursor: default;
}
.address-select--my-addresses {
display: flex;
}
@media (max-width: 900px) {
.address-select--my-addresses {
flex-direction: column;
}
}
.address-select__edit-delete-wrap {
position: absolute;
right: 25px;
top: 25px;
}
@media only screen and (min-width: 640px) and (max-width: 989px) {
.address-select__edit-delete-wrap {
margin-top: 15px;
position: relative;
right: auto;
top: auto;
}
.address-select__edit-delete-wrap:before,
.address-select__edit-delete-wrap:after {
content: "";
display: table;
}
.address-select__edit-delete-wrap:after {
clear: both;
}
}
@media only screen and (max-width: 479px) {
.address-select__edit-delete-wrap {
margin-top: 20px;
position: relative;
right: auto;
top: auto;
}
.address-select__edit-delete-wrap:before,
.address-select__edit-delete-wrap:after {
content: "";
display: table;
}
.address-select__edit-delete-wrap:after {
clear: both;
}
}
.address-select__edit-delete {
color: white;
display: block;
font-family: 'RobotoNewBold';
font-size: 15px;
height: 34px;
line-height: 34px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition: background-color 0.2s linear 0s;
width: 100px;
}
.address-select__edit-delete:hover,
.address-select__edit-delete:focus {
cursor: pointer;
}
@media only screen and (min-width: 640px) and (max-width: 989px) {
.address-select__edit-delete {
float: left;
}
}
@media only screen and (max-width: 479px) {
.address-select__edit-delete {
float: left;
}
}
.address-select__edit-address {
background-color: #33bdad;
}
.address-select__edit-address:hover,
.address-select__edit-address:focus {
background-color: #36c9b8;
}
.address-select__delete-address {
background-color: #e44747;
margin-top: 15px;
}
.address-select__delete-address:hover,
.address-select__delete-address:focus {
background-color: #e75d5d;
}
@media only screen and (min-width: 640px) and (max-width: 989px) {
.address-select__delete-address {
margin-top: 0;
margin-left: 15px;
}
}
@media only screen and (max-width: 479px) {
.address-select__delete-address {
margin-top: 0;
margin-left: 15px;
}
}
.page-description {
box-sizing: border-box;
color: #2f2f2f;
margin: 0;
padding: 0 20px;
width: 100%;
}
.page-description:before,
.page-description:after {
content: "";
display: table;
}
.page-description:after {
clear: both;
}
@media only screen and (max-width: 799px) {
.page-description {
padding: 0;
}
}
.page-description--bottom {
margin: 40px 0 -20px;
}
@media only screen and (max-width: 799px) {
.page-description--bottom {
margin: 0 0 -50px;
}
}
.page-description__title {
font-family: 'RobotoNewRegular';
font-size: 25px;
font-weight: 400;
margin: 0 !important;
}
.brand-detail-wrap .page-description__title {
float: left;
}
.page-description--bottom .page-description__title {
font-size: 23px;
}
.page-description__content-wrap {
margin-top: 30px;
max-width: 1100px;
margin-left: auto;
margin-right: auto;
}
.brand-detail-wrap .page-description__content-wrap {
clear: both;
}
.page-description__brand-logo {
height: 70px;
width: 70px;
}
.brand-detail-wrap .page-description__brand-logo {
float: right;
margin-top: -30px;
}
.page-description__content {
box-sizing: border-box;
font-family: 'RobotoNewLight';
font-size: 15px;
line-height: 20px;
margin: 0;
padding: 0;
width: 100%;
}
.page-description__content p {
margin: 10px 0 0 0;
padding: 0;
text-align: justify;
}
.page-description__content p strong {
font-weight: normal;
}
.page-description__content p:first-child {
margin-top: 0;
}
.page-description__content--collapsed {
height: 20px;
overflow: hidden;
}
.page-description__content--collapsed p {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
.page-description__toggle {
background-color: white;
height: 29px;
position: relative;
text-align: center;
width: 100%;
}
.page-description__toggle:after {
border-bottom: 1px solid #f2f2f2;
content: '';
left: 0;
position: absolute;
top: 50%;
width: 100%;
z-index: 1;
}
.page-description__controller {
background-color: white;
color: #3f4345;
font-family: 'RobotoNewLight';
font-size: 14px;
padding: 5px 15px;
position: relative;
top: 4px;
transition: color 0.2s linear 0s;
width: auto;
z-index: 3;
}
.page-description__controller:after {
background: white url('/Content/img/components/misc/arrow-expand-collapse.png') no-repeat;
box-sizing: border-box;
content: '';
display: inline-block;
height: 5px;
margin-bottom: 2px;
margin-left: 8px;
width: 8px;
}
.page-description__controller:hover,
.page-description__controller:focus {
color: #24aa9b;
cursor: pointer;
}
.page-description__controller--expand {
display: none;
}
.page-description__controller--expand:after {
background-position: 0 -5px;
}
.page-description__content--collapsed + .page-description__toggle .page-description__controller--expand {
display: inline;
}
.page-description__controller--collapse {
display: inline;
}
.page-description__controller--collapse:after {
background-position: 0 0;
}
.page-description__content--collapsed + .page-description__toggle .page-description__controller--collapse {
display: none;
}
/*
@import "components\content\errorInfoPage.less";
@import "components\content\lastKavarnaArticles.less";
@import "components\content\newsletterUnsubscribeInfoPage.less";
@import "components\content\productVideo.less";
@import "components\content\rescissionContract.less";
@import "components\content\thankYou.less";
@import "components\content\_infoPage.less";
*/
.checkbox-filter__item {
box-sizing: border-box;
display: inline-table;
font-family: 'RobotoNewLight';
font-size: 0;
line-height: 19px;
padding: 7px 0;
position: relative;
margin: 0 15px 0 0;
width: 220px;
}
.filters--popup .checkbox-filter__item {
width: 270px;
}
.filters--popup .checkbox-filter__item:nth-child(2n) {
margin-right: 0;
width: 285px;
}
.checkbox-filter__item--brand {
height: 70px;
margin: 5px 10px 5px 0;
width: 70px;
}
.checkbox-filter__checkbox {
margin: 0;
opacity: 0;
}
.checkbox-filter__checkbox:hover,
.checkbox-filter__checkbox:focus {
cursor: pointer;
}
.checkbox-filter__label {
color: #121212;
cursor: pointer;
font-size: 15px;
left: 20px;
margin: 0;
padding: 0 15px 0 0;
position: relative;
top: 0;
transition: color 0.2s linear 0s;
}
.checkbox-filter__label:hover {
color: #1cb3a1;
}
.checkbox-filter__label:before {
background-color: white;
background-image: url('/Content/img/components/filters/ico-filter-check.png');
background-position: center center;
background-repeat: no-repeat;
border: 1px solid #d2d2d2;
border-radius: 4px;
box-sizing: border-box;
content: "";
cursor: pointer;
display: inline-block;
height: 14px;
margin: 0 5px 0 -33px;
position: relative;
top: 1px;
transition: background-color linear 0.2s, border-color linear 0.2s;
width: 14px;
}
.checkbox-filter__item--brand .checkbox-filter__label {
display: none;
}
.checkbox-filter__checkbox:checked + .checkbox-filter__label {
color: #1cb3a1;
}
.checkbox-filter__checkbox:checked + .checkbox-filter__label:hover {
color: #25ddc7;
}
.checkbox-filter__checkbox:checked + .checkbox-filter__label:before {
background-color: #1cb3a1;
border-color: #1cb3a1;
}
.checkbox-filter__checkbox:checked + .checkbox-filter__label:before:hover {
border-color: #1cb3a1;
}
.checkbox-filter__icon {
left: 0;
opacity: 0.3;
position: absolute;
top: 0;
transition: opacity 0.2s linear 0s;
}
.checkbox-filter__icon:hover,
.checkbox-filter__icon:focus {
cursor: pointer;
opacity: 1;
}
.filters--inline .checkbox-filter__icon {
display: none;
}
.checkbox-filter__checkbox:checked + .checkbox-filter__icon {
opacity: 1;
}
.chosen-filters-list {
box-sizing: border-box;
color: black;
font-family: 'RobotoNewLight';
font-size: 0;
margin-bottom: 8px;
display: flex;
gap: 5px;
align-items: center;
flex-wrap: wrap;
}
@media only screen and (max-width: 799px) {
.chosen-filters-list {
display: none;
}
}
.chosen-filters-list__label {
font-family: 'RobotoNewRegular';
font-size: 16px;
}
.chosen-filters-list__clear-all-filters {
font-family: 'RobotoNewMedium';
}
.chosen-filters-list__item,
.chosen-filters-list__clear-all-filters {
border-color: #e7e7e7;
border-style: solid;
border-width: 1px;
height: 22px;
margin: 0 -1px -1px 0;
padding: 8px;
border-radius: 3px;
}
.chosen-filters-list__item:hover,
.chosen-filters-list__clear-all-filters:hover {
cursor: pointer;
}
.chosen-filters-list__value {
float: left;
font-size: 16px;
padding-top: 1px;
text-decoration: none;
}
.chosen-filters-list__clear-all-filters .chosen-filters-list__value {
color: black;
font-style: normal;
text-decoration: none;
}
.chosen-filters-list__cross {
font-family: 'RobotoNewRegular';
float: left;
font-size: 22px;
line-height: 20px;
margin-left: 10px;
}
.chosen-filters-list__clear-all-filters .chosen-filters-list__cross {
color: black;
}
.chosen-filters-list__value,
.chosen-filters-list__cross {
transition: color 0.2s linear 0s;
}
.chosen-filters-list__item:hover .chosen-filters-list__value,
.chosen-filters-list__item:hover .chosen-filters-list__cross,
.chosen-filters-list__item:focus .chosen-filters-list__value,
.chosen-filters-list__item:focus .chosen-filters-list__cross,
.chosen-filters-list__clear-all-filters:hover .chosen-filters-list__value,
.chosen-filters-list__clear-all-filters:hover .chosen-filters-list__cross,
.chosen-filters-list__clear-all-filters:focus .chosen-filters-list__value,
.chosen-filters-list__clear-all-filters:focus .chosen-filters-list__cross {
color: #e60000;
}
.colors-filter__color-wrap {
display: inline-block;
float: left;
font-family: 'RobotoNewLight';
font-size: 0;
height: 40px;
line-height: 40px;
width: 95px;
/*.tabs--all-filters & {
width: 90px;
}*/
}
.colors-filter__checkbox {
float: left;
margin: 15px 0 0 0;
opacity: 0;
}
.colors-filter__checkbox:hover,
.colors-filter__checkbox:focus {
cursor: pointer;
}
.colors-filter__color {
display: block;
font-size: 0;
position: relative;
text-decoration: none;
}
.colors-filter__color:before,
.colors-filter__color:after {
content: "";
display: table;
}
.colors-filter__color:after {
clear: both;
}
.colors-filter__color:hover,
.colors-filter__color:focus {
cursor: pointer;
}
.colors-filter__checked-color {
background: transparent url('/Content/img/components/filters/ico-filter-check.png') no-repeat center;
height: 8px;
left: 7px;
position: absolute;
top: 16px;
width: 10px;
}
.colors-filter__color--light .colors-filter__checked-color {
background-image: url('/Content/img/components/filters/ico-filter-check--black.png');
}
.colors-filter__checkbox[data-fs-ch="color-bilacerna"] + .colors-filter__color-preview-wrap + .colors-filter__checked-color {
background-image: url('/Content/img/components/filters/ico-filter-check--gray.png');
}
.colors-filter__color-preview-wrap {
border: 2px solid white;
border-radius: 12px;
box-sizing: border-box;
display: inline-block;
float: left;
height: 24px;
margin: 8px 5px 0 -13px;
position: relative;
width: 24px;
}
.colors-filter__color--light .colors-filter__color-preview-wrap {
border-color: #cccccc;
}
.colors-filter__checkbox[data-fs-ch="color-vicebarevna"] + .colors-filter__color-preview-wrap {
background: transparent url('/Content/img/components/filters/bg-multicolor.jpg') no-repeat center center;
}
.tabs--popup-filters .colors-filter__color-preview-wrap,
.accordion--sidebar-filters .colors-filter__color-preview-wrap {
border-color: #cccccc !important;
}
.colors-filter__color-preview {
float: left;
height: 100%;
margin: 0;
padding: 0;
width: 50%;
}
.colors-filter__color-preview--left {
border-radius: 12px 0 0 12px;
}
.colors-filter__color-preview--right {
border-radius: 0 12px 12px 0;
}
.colors-filter__color-name {
color: #1e1e1e;
display: none;
float: left;
font-size: 15px;
line-height: 40px;
}
.colors-filter__product-count {
color: #1e1e1e;
display: inline-block;
float: left;
font-size: 15px;
line-height: 40px;
}
.labels-filter__item {
box-sizing: border-box;
float: left;
font-family: 'RobotoNewRegular';
font-weight: 400;
font-size: 14px;
font-size: 0;
height: 33px;
line-height: 33px;
margin: 0 10px 0 0;
}
.filters--sidebar .labels-filter__item {
font-family: 'RobotoNewLight';
}
.labels-filter__checkbox {
margin: 0;
opacity: 0;
}
.labels-filter__checkbox:hover,
.labels-filter__checkbox:focus {
cursor: pointer;
}
.labels-filter__label {
cursor: pointer;
font-size: 15px;
margin: 0 0 0 -13px;
text-transform: lowercase;
}
.DE .labels-filter__label,
.AT .labels-filter__label {
text-transform: initial;
}
.labels-filter__label:before {
background-color: white;
background-image: url('/Content/img/components/filters/ico-filter-check.png');
background-position: center center;
background-repeat: no-repeat;
border: 1px solid #d2d2d2;
border-radius: 4px;
box-sizing: border-box;
content: "";
cursor: pointer;
display: inline-block;
height: 14px;
margin: 0 5px 0 0;
position: relative;
top: 2px;
transition: background-color linear 0.2s, border-color linear 0.2s;
width: 14px;
}
.labels-filter__item .labels-filter__label {
color: #121212;
transition: color 0.2s linear 0s;
}
.labels-filter__item .labels-filter__label:hover {
color: #1cb3a1;
}
.labels-filter__item .labels-filter__checkbox:checked + .labels-filter__label {
color: #1cb3a1;
}
.labels-filter__item .labels-filter__checkbox:checked + .labels-filter__label:hover {
color: #25ddc7;
}
.labels-filter__item .labels-filter__checkbox:checked + .labels-filter__label:before {
background-color: #1cb3a1;
border-color: #1cb3a1;
}
.labels-filter__item--available .labels-filter__label {
color: #3d5c0d;
transition: color 0.2s linear 0s;
}
.labels-filter__item--available .labels-filter__label:hover {
color: #5b8913;
}
.labels-filter__item--available .labels-filter__checkbox:checked + .labels-filter__label {
color: #3d5c0d;
}
.labels-filter__item--available .labels-filter__checkbox:checked + .labels-filter__label:hover {
color: #5b8913;
}
.labels-filter__item--available .labels-filter__checkbox:checked + .labels-filter__label:before {
background-color: #3d5c0d;
border-color: #3d5c0d;
}
.labels-filter__item--forpure .labels-filter__label {
color: black;
transition: color 0.2s linear 0s;
}
.labels-filter__item--forpure .labels-filter__label:hover {
color: #666666;
}
.labels-filter__item--forpure .labels-filter__checkbox:checked + .labels-filter__label {
color: black;
}
.labels-filter__item--forpure .labels-filter__checkbox:checked + .labels-filter__label:hover {
color: #666666;
}
.labels-filter__item--forpure .labels-filter__checkbox:checked + .labels-filter__label:before {
background-color: black;
border-color: black;
}
.labels-filter__item--free-delivery .labels-filter__label {
color: #7ab308;
transition: color 0.2s linear 0s;
}
.labels-filter__item--free-delivery .labels-filter__label:hover {
color: #9be40a;
}
.labels-filter__item--free-delivery .labels-filter__checkbox:checked + .labels-filter__label {
color: #7ab308;
}
.labels-filter__item--free-delivery .labels-filter__checkbox:checked + .labels-filter__label:hover {
color: #9be40a;
}
.labels-filter__item--free-delivery .labels-filter__checkbox:checked + .labels-filter__label:before {
background-color: #7ab308;
border-color: #7ab308;
}
.labels-filter__item--cheapset .labels-filter__label {
color: #993282;
transition: color 0.2s linear 0s;
}
.labels-filter__item--cheapset .labels-filter__label:hover {
color: #bf3fa3;
}
.labels-filter__item--cheapset .labels-filter__checkbox:checked + .labels-filter__label {
color: #993282;
}
.labels-filter__item--cheapset .labels-filter__checkbox:checked + .labels-filter__label:hover {
color: #bf3fa3;
}
.labels-filter__item--cheapset .labels-filter__checkbox:checked + .labels-filter__label:before {
background-color: #993282;
border-color: #993282;
}
.labels-filter__item--novelty .labels-filter__label {
color: #1cb3a1;
transition: color 0.2s linear 0s;
}
.labels-filter__item--novelty .labels-filter__label:hover {
color: #25ddc7;
}
.labels-filter__item--novelty .labels-filter__checkbox:checked + .labels-filter__label {
color: #1cb3a1;
}
.labels-filter__item--novelty .labels-filter__checkbox:checked + .labels-filter__label:hover {
color: #25ddc7;
}
.labels-filter__item--novelty .labels-filter__checkbox:checked + .labels-filter__label:before {
background-color: #1cb3a1;
border-color: #1cb3a1;
}
.labels-filter__item--sale .labels-filter__label {
color: #e60000;
transition: color 0.2s linear 0s;
}
.labels-filter__item--sale .labels-filter__label:hover {
color: #ff1a1a;
}
.labels-filter__item--sale .labels-filter__checkbox:checked + .labels-filter__label {
color: #e60000;
}
.labels-filter__item--sale .labels-filter__checkbox:checked + .labels-filter__label:hover {
color: #ff1a1a;
}
.labels-filter__item--sale .labels-filter__checkbox:checked + .labels-filter__label:before {
background-color: #e60000;
border-color: #e60000;
}
.range-filter__label {
box-sizing: border-box;
display: inline-block;
font-family: 'RobotoNewRegular';
font-size: 15px;
height: 33px;
line-height: 33px;
width: 100px;
}
.range-filter__label--min-value {
text-align: left;
}
.range-filter__label--max-value {
text-align: right;
}
.range-filter__slider {
box-sizing: border-box;
display: inline-block;
height: 12px;
width: 50%;
}
.filters .range-filter__slider {
width: calc(100% - 210px);
}
.filters--inline .range-filter__slider {
width: calc(100% - (2 * 100px + 60px));
}
.filters--inline .tab__content .range-filter__slider {
width: calc(100% - 210px);
}
.range-filter__slider.ui-widget-content {
background: #c6c6c6 none;
border: 0 none;
border-radius: 5px;
height: 12px;
}
.range-filter__slider .ui-widget-header {
background: #37bfb0 none;
border: 0 none;
border-radius: 5px;
height: 12px;
}
.range-filter__slider .ui-slider-handle {
background: black none;
border: 0 none;
border-radius: 5px;
height: 23px;
margin-left: -9px;
padding: 0;
top: -6px;
width: 19px;
}
.filters:before,
.filters:after {
content: "";
display: table;
}
.filters:after {
clear: both;
}
.filters.filters--inline {
margin-top: 22px;
margin-bottom: 15px;
}
@media only screen and (max-width: 1249px) {
.filters.filters--inline {
display: none;
}
}
.filters__wrap:before,
.filters__wrap:after {
content: "";
display: table;
}
.filters__wrap:after {
clear: both;
}
.filters__filter-wrap {
border: 0 none;
box-sizing: border-box;
margin: 0;
width: auto;
}
.filters__heading {
box-sizing: border-box;
color: #121212;
float: left;
font-family: 'RobotoNewMedium';
font-size: 16px;
height: 33px;
line-height: 33px;
margin: -1px 15px 0 0;
padding: 0 0 0 20px;
width: 70px;
}
.CZ .filters__heading {
width: 70px;
}
.SK .filters__heading {
width: 70px;
}
.PL .filters__heading {
width: 85px;
}
.HU .filters__heading {
width: 80px;
}
.RO .filters__heading {
width: 85px;
}
.UA .filters__heading {
width: 85px;
}
.DE .filters__heading {
width: 85px;
}
.AT .filters__heading {
width: 85px;
}
.tab__content .filters__heading {
display: none;
}
.accordion__content .filters__heading {
display: none;
}
.filters__heading--next-to-tabs {
margin-right: 0;
}
.filters__items-wrap {
box-sizing: border-box;
font-size: 0;
width: 100%;
}
.tab__content .filters__items-wrap {
width: 100%;
}
.accordion__content .filters__items-wrap {
width: 100%;
}
.filters--popup .filters__items-wrap {
margin-bottom: 20px;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="button"],
input[type="submit"],
textarea {
-webkit-appearance: none;
-moz-appearance: none;
}
.form input[type="text"],
.form input[type="email"],
.form input[type="password"],
.form input[type="tel"],
.form textarea {
background-color: #fcfcfc;
border: 1px solid #dedede;
color: #2b2b2b;
font-family: 'RobotoNewLight';
font-size: 15px;
margin: 0;
resize: none;
transition: border-color 0.2s linear 0s;
}
.form input[type="text"]:hover,
.form input[type="email"]:hover,
.form input[type="password"]:hover,
.form input[type="tel"]:hover,
.form textarea:hover,
.form input[type="text"]:focus,
.form input[type="email"]:focus,
.form input[type="password"]:focus,
.form input[type="tel"]:focus,
.form textarea:focus {
border-color: #c8c8c8;
}
.form input[type="text"],
.form input[type="email"],
.form input[type="password"],
.form input[type="tel"] {
height: 30px;
line-height: 30px;
}
.form-wrap {
box-sizing: border-box;
float: none !important;
margin: 0 !important;
width: 100% !important;
}
.form-wrap .form {
border: 0 none;
box-sizing: border-box;
padding: 0;
width: 830px !important;
}
.form-wrap .form:before,
.form-wrap .form:after {
content: "";
display: table;
}
.form-wrap .form:after {
clear: both;
}
@media only screen and (max-width: 1359px) {
.form-wrap .form {
width: 100% !important;
}
}
.form-wrap .form h2 {
margin-bottom: 20px;
}
.form-row {
box-sizing: border-box;
display: block;
margin-bottom: 20px;
width: 100%;
}
.form-row:before,
.form-row:after {
content: "";
display: table;
}
.form-row:after {
clear: both;
}
.form-row.box-wrap {
position: relative;
}
.form-row--hidden {
display: none;
}
.form-row--top-border {
border-top: 1px dashed #eeeeee;
padding-top: 20px;
}
.form-item-wrap {
box-sizing: border-box;
width: 100%;
}
.form-item-wrap label {
box-sizing: border-box;
color: #525252;
display: block;
font-family: 'RobotoNewLight';
font-size: 15px;
height: auto;
line-height: 18px;
margin-bottom: 5px;
width: 100%;
}
.form-item-wrap label span {
color: #1cb3a2;
font-family: 'RobotoNewLight';
font-size: 18px;
height: auto;
left: -2px;
line-height: 16px;
position: relative;
top: -3px;
}
.form-item-wrap--full {
box-sizing: border-box;
width: 100%;
}
.form-item-wrap--half {
box-sizing: border-box;
width: 48%;
}
@media only screen and (max-width: 639px) {
.form-item-wrap--half {
width: 100%;
}
}
.form-item-wrap--left {
float: left;
}
.form-item-wrap--right {
float: right;
}
@media only screen and (max-width: 639px) {
.form-item-wrap--right {
float: left;
margin-top: 20px;
}
}
.form-item-wrap--third {
box-sizing: border-box;
float: left;
}
@media only screen and (min-width: 720px) {
.form-item-wrap--third {
margin-right: 2%;
width: 32%;
}
.form-item-wrap--third:last-of-type {
margin-right: 0;
}
}
@media only screen and (max-width: 719px) {
.form-item-wrap--third {
margin-top: 20px;
width: 100%;
}
.form-item-wrap--third:first-of-type {
margin-top: 0;
}
}
.form-item-wrap--third.form-item-wrap--left,
.form-item-wrap--third.form-item-wrap--right {
float: left;
}
.form-item-wrap--fluid {
width: auto;
}
.form-item input[type="text"],
.form-item input[type="tel"],
.form-item input[type="email"],
.form-item input[type="password"],
.form-item select,
.form-item textarea {
box-sizing: border-box;
color: black;
font-family: 'RobotoNewLight';
font-size: 17px !important;
height: 39px;
margin-bottom: 0;
width: 100%;
}
.form-item select {
color: black !important;
height: 39px !important;
margin-bottom: 0 !important;
width: 100% !important;
}
.form-item .select2-container {
width: 100% !important;
}
.form-item .select2-container--default .select2-selection--single {
background-color: #fcfcfc;
border: 1px solid #dedede;
border-radius: 0;
box-sizing: border-box;
color: black;
font-family: 'RobotoNewLight';
font-size: 17px;
height: 39px;
line-height: normal;
outline: 0;
padding: 0 13px;
transition: border-color 0.2s linear 0s;
width: 100%;
}
.form-item .select2-container--default .select2-selection--single:hover,
.form-item .select2-container--default .select2-selection--single:focus {
border-color: #c8c8c8;
outline: 0;
}
.form-item .select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 39px;
padding: 0 13px 0 0;
font-family: 'RobotoNewLight';
}
.form-item .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 39px;
}
.form-item-validation .field-validation-error {
float: left !important;
margin: 5px 0 0 0 !important;
padding: 1px 0 0 16px !important;
}
.salutation-item {
margin: 0 10px 0 0;
}
.salutation-item .iradio {
border-radius: 15px;
height: 13px;
top: 1px;
width: 13px;
}
.salutation-item .radio {
color: black;
font-family: 'RobotoNewLight';
font-size: 15px !important;
}
.checkbox-item:before,
.checkbox-item:after {
content: "";
display: table;
}
.checkbox-item:after {
clear: both;
}
.checkbox-item input[type="checkbox"] {
margin: 3px 10px 0 0;
}
.checkbox-item .iCheckbox {
height: 14px;
margin-right: 10px;
width: 14px;
}
.checkbox-item label {
color: #525252;
font-family: 'RobotoNewLight';
font-size: 15px;
line-height: 20px;
margin: 0 0 0 10px;
width: auto;
}
.submit-item {
background-color: #74aa0c;
border: 0 none;
border-radius: 3px;
box-sizing: border-box;
color: white;
cursor: pointer;
float: right;
font-family: 'RobotoNewMedium';
font-size: 17px;
height: auto;
line-height: 19px;
margin: 0;
padding: 12px 20px;
text-align: center;
text-transform: uppercase;
transition: background-color 0.2s linear 0s;
width: auto;
}
.submit-item:hover,
.submit-item:focus {
background-color: #7eb80d;
}
.recaptcha-item {
float: right;
}
.text-item {
color: #525252;
font-family: 'RobotoNewLight';
font-size: 15px;
line-height: 20px;
margin: 0;
text-align: justify;
width: auto;
}
.content-container {
box-sizing: border-box !important;
padding: 0 30px 20px 30px !important;
width: 100% !important;
}
.content-container:before,
.content-container:after {
content: "";
display: table;
}
.content-container:after {
clear: both;
}
@media only screen and (max-width: 479px) {
.content-container {
padding: 0 2% 20px 2% !important;
}
}
.form-wrap--half {
float: left !important;
padding: 20px 0 !important;
width: auto !important;
}
@media only screen and (max-width: 799px) {
.form-wrap--half {
float: none !important;
width: 100% !important;
}
}
.form-wrap--half .form {
width: 415px !important;
}
@media only screen and (max-width: 639px) {
.form-wrap--half .form {
width: 100% !important;
}
}
.form-wrap--half .form .form-row {
width: 96% !important;
}
@media only screen and (max-width: 639px) {
.form-wrap--half .form .form-row {
width: 100% !important;
}
}
.select2-container--default .select2-search--dropdown .select2-search__field {
box-sizing: border-box;
background-color: #fcfcfc;
border: 1px solid #dedede;
color: black;
font-family: 'RobotoNewLight';
font-size: 17px;
line-height: 39px;
height: 39px;
}
.select2-container--open .select2-dropdown--below {
background-color: #fcfcfc;
border: 1px solid #dedede;
border-top-width: 0;
border-radius: 0;
color: black;
font-family: 'RobotoNewLight';
font-size: 15px;
}
.select2-container--open .select2-dropdown--above {
background-color: #fcfcfc;
border: 1px solid #dedede;
border-bottom-width: 0;
border-radius: 0;
color: black;
font-family: 'RobotoNewLight';
font-size: 15px;
}
.select2-results__option {
font-size: 17px;
padding: 8px 13px;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: #1cb3a2;
}
.form.order-status-form {
width: 100% !important;
}
.order-status-form .form-item-wrap {
float: left;
}
.order-status-form .form-item-wrap:first-child {
margin-right: 2%;
}
@media only screen and (min-width: 720px) {
.order-status-form .form-item-wrap:first-child {
width: 370px !important;
}
}
@media only screen and (max-width: 719px) {
.order-status-form .form-item-wrap:first-child {
width: 100%;
}
}
.order-status-form .form-item-label {
font-size: 17px !important;
}
.order-status-form .form-item-hint-wrap {
margin-top: 5px;
}
.order-status-form .form-item-hint {
color: #525252;
font-family: 'RobotoNewLight';
font-style: italic;
font-size: 14px;
font-weight: 400;
}
@media only screen and (min-width: 720px) and (max-width: 989px) {
.order-status-form .form-item-hint {
font-size: 13px;
}
}
@media only screen and (max-width: 480px) {
.order-status-form .form-item-hint {
font-size: 13px;
}
}
.order-status-submit-button {
float: left !important;
margin-top: 23px !important;
padding: 10px 20px !important;
}
@media only screen and (max-width: 719px) {
.order-status-submit-button {
margin-top: 0px !important;
}
}
.order-status-form-validation--not-found {
position: relative;
}
.search-form-wrap {
box-sizing: border-box;
}
@media (max-width: 767px) {
.search-form-wrap {
width: 100%;
}
}
@media (min-width: 768px) {
.search-form-wrap {
width: 80%;
max-width: 500px;
}
}
@media (min-width: 1250px) {
.search-form-wrap {
max-width: 650px;
}
}
@media (min-width: 1920px) {
.search-form-wrap {
margin: 0 auto;
width: 750px;
max-width: 750px;
}
}
.search-form {
box-sizing: border-box;
position: relative;
width: 100%;
}
.search-form__fieldset {
box-sizing: border-box;
position: relative;
width: 100%;
z-index: 60;
display: flex;
}
.search-form__input {
background: white url('/Content/img/components/form/magnifying-glass-search.svg') no-repeat 15px center;
border: 1px solid #cccccc;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
box-sizing: border-box;
color: #979797;
font-family: 'RobotoNewRegular';
font-size: 14px;
height: 42px;
line-height: 42px;
padding: 0 10px 0 41px;
border-right: 0;
width: 100%;
}
.search-form__submit {
-webkit-appearance: none;
-moz-appearance: none;
background-color: #1cb3a2;
border: 1px #1cb3a2 solid;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
box-sizing: border-box;
color: white;
cursor: pointer;
font-family: 'RobotoNewRegular';
font-size: 17px;
height: 42px;
width: 105px;
line-height: 42px;
text-align: center;
margin-left: -100px;
transition: background-color 0.2s linear 0s;
}
.search-form__submit:hover,
.search-form__submit:focus {
background-color: #26bdac;
}
.new-address-form {
max-width: 500px;
margin: 0 auto;
}
.label-product-view-and-sell {
background: white url('/Content/img/components/labels/ico-product-viewed-by-customers-label.png') no-repeat 17px 6px;
border-radius: 3px;
box-sizing: border-box;
box-shadow: 0 0 16px rgba(0, 0, 0, 0.14);
display: block;
height: 35px;
opacity: 1;
padding: 0 0 0 43px;
position: absolute;
bottom: -20px;
left: 50%;
transform: translateX(-50%);
transition: opacity ease-in 0.8s 1s, bottom ease-in 0.8s 1s, width ease-in 0.8s 1s;
/* todo(HR): zkontrolovat/upravit dle potřeby */
}
.label-product-view-and-sell strong {
font: 'RobotoNewMedium';
}
@media only screen and (min-width: 531px) and (max-width: 799px) {
.label-product-view-and-sell {
display: none;
}
}
@media only screen and (max-width: 530px) {
.label-product-view-and-sell {
bottom: -10px;
}
}
@media only screen and (max-width: 359px) {
.label-product-view-and-sell {
display: none;
}
}
.CZ .label-product-view-and-sell {
width: 327px;
}
@media only screen and (max-width: 530px) {
.CZ .label-product-view-and-sell {
width: 96%;
}
}
.SK .label-product-view-and-sell {
width: 327px;
}
@media only screen and (max-width: 530px) {
.SK .label-product-view-and-sell {
width: 96%;
}
}
.PL .label-product-view-and-sell {
width: 320px;
}
@media only screen and (max-width: 530px) {
.PL .label-product-view-and-sell {
width: 96%;
}
}
.HU .label-product-view-and-sell {
width: 294px;
}
@media only screen and (max-width: 530px) {
.HU .label-product-view-and-sell {
width: 96%;
}
}
.RO .label-product-view-and-sell {
width: 362px;
}
@media only screen and (max-width: 530px) {
.RO .label-product-view-and-sell {
width: 96%;
}
}
.UA .label-product-view-and-sell {
width: 327px;
}
@media only screen and (max-width: 530px) {
.UA .label-product-view-and-sell {
width: 96%;
}
}
.DE .label-product-view-and-sell {
width: 327px;
}
@media only screen and (max-width: 530px) {
.DE .label-product-view-and-sell {
width: 96%;
}
}
.AT .label-product-view-and-sell {
width: 327px;
}
@media only screen and (max-width: 530px) {
.AT .label-product-view-and-sell {
width: 96%;
}
}
.SI .label-product-view-and-sell {
width: 327px;
}
@media only screen and (max-width: 530px) {
.SI .label-product-view-and-sell {
width: 96%;
}
}
.HR .label-product-view-and-sell {
width: 327px;
}
@media only screen and (max-width: 530px) {
.HR .label-product-view-and-sell {
width: 96%;
}
}
.label-product-view-and-sell--hidden {
opacity: 0;
bottom: -50px;
width: 0;
}
.label-product-view-and-sell__message {
color: black;
font-family: 'RobotoNewLight';
font-size: 13px;
height: 35px;
line-height: 35px;
overflow: hidden;
position: absolute;
left: 50px;
}
@media only screen and (max-width: 530px) {
.RO .label-product-view-and-sell__message {
font-size: 12px;
}
}
.list {
box-sizing: border-box;
width: auto;
}
.list__title {
color: black;
font-family: 'RobotoNewRegular';
font-size: 23px;
font-weight: normal;
line-height: 27px;
margin: 0 !important;
}
.list__title span {
color: #21b5a4;
font-style: italic;
}
@media (max-width: 799px) {
#main .info-section #content.product-detail {
padding-top: 0 !important;
}
}
@media (max-width: 799px) {
#main .info-section #content.product-detail .promo-cart-wrapper {
padding-top: 0 !important;
}
}
.product-detail .description {
box-sizing: border-box;
}
@media only screen and (min-width: 1360px) {
.product-detail .description {
padding-right: 0;
padding-left: 0;
}
}
@media only screen and (max-width: 1359px) {
.product-detail .description {
padding-right: 0;
padding-left: 0;
}
}
@media only screen and (max-width: 799px) {
.product-detail .description {
width: 100%;
}
}
.product-detail .description .holder {
text-align: left;
}
.field-validation-error a {
color: red;
}
.field-validation-warning a {
color: #f0af00;
}
.breadcrumbs-wrap {
box-sizing: border-box;
}
.login-wrap .breadcrumbs-wrap,
.register-wrap .breadcrumbs-wrap {
margin-bottom: -10px;
padding: 0 30px;
}
@media only screen and (max-width: 479px) {
.login-wrap .breadcrumbs-wrap,
.register-wrap .breadcrumbs-wrap {
padding: 0 2%;
}
}
.new-login-wrap .breadcrumbs-wrap {
margin-bottom: -10px;
padding: 0;
}
@media only screen and (max-width: 479px) {
.new-login-wrap .breadcrumbs-wrap {
padding: 0;
}
}
.articlesPage .breadcrumbs-wrap {
padding: 0 30px;
}
@media only screen and (max-width: 799px) {
.articlesPage .breadcrumbs-wrap {
padding: 0 15px;
}
}
@media only screen and (max-width: 479px) {
.articlesPage .breadcrumbs-wrap {
padding: 0 10px;
}
}
.breadcrumbs {
font-size: 0;
margin: 0;
padding: 10px 0;
}
.breadcrumbs:before,
.breadcrumbs:after {
content: "";
display: table;
}
.breadcrumbs:after {
clear: both;
}
.breadcrumbs-item {
color: #1cb3a2;
display: inline-block;
font-family: 'RobotoNewMedium';
font-size: 13px;
line-height: 18px;
margin-right: 8px;
text-decoration: none;
}
.breadcrumbs-item:hover,
.breadcrumbs-item:focus {
color: #24aa9b;
text-decoration: underline;
}
.breadcrumbs-item:after {
box-sizing: border-box;
content: url('/Content/img/icons/icon-breadcrum-arrow.svg');
display: block;
float: right;
font-size: 0;
height: 9px;
margin-top: 3px;
margin-left: 8px;
width: 6px;
}
.breadcrumbs-item:last-child {
margin-right: 0;
}
.breadcrumbs-item:last-child:after {
display: none;
}
.breadcrumbs-item--homepage {
opacity: 1;
transition: opacity 0.2s linear 0s;
}
.breadcrumbs-item--homepage:hover,
.breadcrumbs-item--homepagefocus {
opacity: 0.8;
}
.breadcrumbs-item--active {
color: #a5a5a5;
}
.breadcrumbs-item--active:hover,
.breadcrumbs-item--active:focus {
color: #a5a5a5;
text-decoration: none;
}
.breadcrumbs-item--homepage__icon {
display: inline-block;
position: relative;
top: 1px;
}
@media (max-width: 799px) {
#main .info-section #content.product-detail {
padding-top: 0 !important;
}
}
@media (max-width: 799px) {
#main .info-section #content.product-detail .promo-cart-wrapper {
padding-top: 0 !important;
}
}
.category .breadcrumbs-wrap {
margin: 0 20px;
}
@media only screen and (max-width: 799px) {
.category .breadcrumbs-wrap {
margin: 0;
}
}
@media only screen and (max-width: 938px) {
.product-detail .breadcrumbs-item--active {
display: none;
}
}
/*
.horizontal-category-nav-item {
text-transform: none !important;
}
.horizontal-category-nav-link {
padding-left: 36px;
}
.horizontal-category-nav-link__ico {
color: #616569;
position: absolute;
left: 0;
height: 16px !important;
width: auto !important;
.horizontal-category-nav-item:hover & {
color: #1eb4a4;
}
}
*/
.order-status-link-wrap {
background-color: white;
box-sizing: border-box;
/* todo(HR): zkontrolovat/upravit dle potřeby */
}
@media only screen and (min-width: 990px) {
.order-status-link-wrap {
border-color: #f3f3f3;
border-style: solid;
border-width: 0 1px 1px 0;
margin-bottom: 15px;
}
}
@media only screen and (min-width: 990px) {
.CZ .order-status-link-wrap {
padding: 23px 10px;
}
}
@media only screen and (max-width: 989px) {
.CZ .order-status-link-wrap {
padding: 23px 0 23px 20px;
width: 180px;
}
}
@media only screen and (min-width: 990px) {
.SK .order-status-link-wrap {
padding: 23px 10px;
}
}
@media only screen and (max-width: 989px) {
.SK .order-status-link-wrap {
padding: 23px 0 23px 20px;
width: 180px;
}
}
@media only screen and (min-width: 990px) {
.PL .order-status-link-wrap {
padding: 15px 10px;
}
}
@media only screen and (max-width: 989px) {
.PL .order-status-link-wrap {
padding: 23px 0 23px 20px;
width: 270px;
}
}
@media only screen and (min-width: 990px) {
.HU .order-status-link-wrap {
padding: 15px 10px;
}
}
@media only screen and (max-width: 989px) {
.HU .order-status-link-wrap {
padding: 23px 0 23px 20px;
width: 270px;
}
}
@media only screen and (min-width: 990px) {
.RO .order-status-link-wrap {
padding: 15px 10px;
}
}
@media only screen and (max-width: 989px) {
.RO .order-status-link-wrap {
padding: 23px 0 23px 20px;
width: 250px;
}
}
@media only screen and (min-width: 990px) {
.UA .order-status-link-wrap {
padding: 15px 10px;
}
}
@media only screen and (max-width: 989px) {
.UA .order-status-link-wrap {
padding: 23px 0 23px 20px;
width: 250px;
}
}
@media only screen and (min-width: 990px) {
.DE .order-status-link-wrap {
padding: 15px 10px;
}
}
@media only screen and (max-width: 989px) {
.DE .order-status-link-wrap {
padding: 23px 0 23px 20px;
width: 250px;
}
}
@media only screen and (min-width: 990px) {
.AT .order-status-link-wrap {
padding: 15px 10px;
}
}
@media only screen and (max-width: 989px) {
.AT .order-status-link-wrap {
padding: 23px 0 23px 20px;
width: 250px;
}
}
@media only screen and (min-width: 990px) {
.SI .order-status-link-wrap {
padding: 15px 10px;
}
}
@media only screen and (max-width: 989px) {
.SI .order-status-link-wrap {
padding: 23px 0 23px 20px;
width: 250px;
}
}
@media only screen and (min-width: 990px) {
.HR .order-status-link-wrap {
padding: 15px 10px;
}
}
@media only screen and (max-width: 989px) {
.HR .order-status-link-wrap {
padding: 23px 0 23px 20px;
width: 250px;
}
}
.order-status-link {
box-sizing: border-box;
color: #e60000;
display: block;
font-family: 'RobotoNewMedium';
letter-spacing: -0.5px;
line-height: 20px;
position: relative;
text-decoration: none;
}
.order-status-link:before {
background: transparent url('/Content/img/components/menu/icon-menu-find-out-order-status.png') no-repeat center center;
background-size: 100%;
box-sizing: border-box;
content: '';
display: block;
height: 44px;
left: 0;
position: absolute;
}
.CZ .order-status-link,
.SK .order-status-link {
font-size: 17px;
padding-left: 70px;
}
.CZ .order-status-link:before,
.SK .order-status-link:before {
width: 60px;
}
@media only screen and (min-width: 990px) {
.PL .order-status-link,
.HU .order-status-link,
.RO .order-status-link,
.UA .order-status-link,
.DE .order-status-link,
.AT .order-status-link,
.SI .order-status-link,
.HR .order-status-link {
font-size: 14px;
padding-left: 60px;
}
.PL .order-status-link:before,
.HU .order-status-link:before,
.RO .order-status-link:before,
.UA .order-status-link:before,
.DE .order-status-link:before,
.AT .order-status-link:before,
.SI .order-status-link:before,
.HR .order-status-link:before {
width: 50px;
}
}
@media only screen and (max-width: 989px) {
.PL .order-status-link,
.HU .order-status-link,
.RO .order-status-link,
.UA .order-status-link,
.DE .order-status-link,
.AT .order-status-link,
.SI .order-status-link,
.HR .order-status-link {
font-size: 17px;
padding-left: 70px;
}
.PL .order-status-link:before,
.HU .order-status-link:before,
.RO .order-status-link:before,
.UA .order-status-link:before,
.DE .order-status-link:before,
.AT .order-status-link:before,
.SI .order-status-link:before,
.HR .order-status-link:before {
width: 60px;
}
}
.order-status-link:hover {
text-decoration: underline;
}
.mobile-nav-toggle {
-webkit-tap-highlight-color: transparent;
}
.mobile-nav-toggle .mobile-nav-toggle-button {
position: relative;
box-sizing: border-box;
display: flex;
padding-bottom: 5px;
line-height: 1;
text-align: center;
flex-direction: column;
justify-content: end;
align-items: center;
color: black;
font-family: 'RobotoNewRegular';
font-size: 12px;
}
@media only screen and (min-width: 1250px) {
header .mobile-nav-toggle {
display: none;
}
}
@media only screen and (max-width: 1249px) {
header .mobile-nav-toggle {
position: relative;
box-sizing: border-box;
}
header .mobile-nav-toggle .mobile-nav-toggle-button {
background-color: white;
height: 100%;
width: 100%;
}
header .mobile-nav-toggle .mobile-nav-toggle-button:hover {
cursor: pointer;
}
}
@media (min-width: 1250px) {
#sidebar .mobile-nav-toggle {
display: none;
}
}
@media only screen and (max-width: 1249px) {
#sidebar .mobile-nav-toggle {
background-color: #333333;
box-sizing: border-box;
height: 55px;
position: relative;
width: 100%;
z-index: 1;
-webkit-tap-highlight-color: #333333;
}
#sidebar .mobile-nav-toggle .close-button {
background-color: transparent;
border: 0;
bottom: 0;
left: 20px;
padding: 0;
height: 100%;
position: absolute;
color: white;
display: flex;
align-items: center;
justify-content: space-between;
}
#sidebar .mobile-nav-toggle .close-button span {
position: relative;
top: 1px;
margin-left: 10px;
}
#sidebar .mobile-nav-toggle .close-button:hover {
cursor: pointer;
}
}
.hamburger-wrap {
display: inline-block;
height: 15px;
left: 50%;
top: 20%;
transform: translate(-50%, 0);
position: absolute;
width: 21px;
}
@media only screen and (min-width: 1249px) {
.side-nav-item--back,
.side-nav-item--all-products {
display: none !important;
}
}
.mobile-menu-inner-overlay {
display: none;
}
#sidebar .sub-nav-check,
#sidebar .iCheckbox {
display: none !important;
}
@media only screen and (max-width: 1249px) {
#sidebar {
background-color: white;
box-sizing: border-box;
display: block;
height: 100%;
left: 0;
position: fixed;
top: 0;
min-width: 300px;
width: 90%;
z-index: 110;
transform: translateX(-101%);
transition: transform 0.3s;
overflow-y: auto;
}
#sidebar .last-visited-products-wrap {
display: none !important;
}
.mobile-nav--opened #sidebar {
display: block;
transform: translateX(0);
}
.mobile-nav--opened #sidebar .sidebar-holder {
position: relative;
box-sizing: border-box;
display: block;
width: 100%;
}
.mobile-nav--opened #sidebar .sidebar-holder:before,
.mobile-nav--opened #sidebar .sidebar-holder:after {
content: "";
display: table;
}
.mobile-nav--opened #sidebar .sidebar-holder:after {
clear: both;
}
.mobile-nav--opened #alterNavHider {
background-color: rgba(0, 0, 0, 0.5);
-webkit-tap-highlight-color: transparent;
}
.mobile-nav--opened #sidebar .vertical-category-nav-wrap {
display: flex;
flex-direction: column;
background-color: white;
border-color: #e7e7e7;
border-style: solid;
border-width: 1px 1px 1px 0;
box-sizing: border-box;
left: 0;
position: absolute;
top: 55px;
width: 100%;
z-index: 0;
}
.vertical-category-nav-wrap .resp-menu-contact-box {
margin-top: auto;
display: block;
background: #f0f0f0;
padding: 10px 10px 20px;
}
.vertical-category-nav-wrap .resp-menu-contact-box p {
padding: 15px 10px 0;
margin-bottom: 10px;
}
.vertical-category-nav-wrap .resp-menu-contact-box a {
display: flex;
align-items: center;
height: 30px;
padding: 0 10px;
background: white;
color: black;
text-decoration: none;
margin-bottom: 10px;
border-radius: 5px;
box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4);
}
.vertical-category-nav-wrap .resp-menu-contact-box a img {
margin-right: 10px;
}
.vertical-category-nav {
box-sizing: border-box;
margin: 0;
width: 100%;
-webkit-tap-highlight-color: transparent;
}
.vertical-category-nav:before,
.vertical-category-nav:after {
content: "";
display: table;
}
.vertical-category-nav:after {
clear: both;
}
.vertical-category-nav .side-nav {
display: none;
background: white;
left: -100%;
position: absolute;
top: 0;
width: 100%;
z-index: 9999;
list-style: none;
margin: 0;
padding: 0;
transform: translate(0);
transition: transform 0.3s;
}
.vertical-category-nav .side-nav + .mobile-menu-inner-overlay {
display: block;
position: absolute;
background: white;
bottom: -1px;
top: 0;
left: 0;
right: 0;
z-index: 10;
transform: translateX(-100%);
transition: transform 0.3s;
}
.vertical-category-nav .sub-nav-check:checked + .side-nav,
.vertical-category-nav .iCheckbox.checked + .side-nav {
display: block !important;
transform: translate(100%, 0);
}
.vertical-category-nav .sub-nav-check:checked + .side-nav + .mobile-menu-inner-overlay,
.vertical-category-nav .iCheckbox.checked + .side-nav + .mobile-menu-inner-overlay {
transform: translateX(0);
}
.side-floating-nav {
display: none !important;
}
.side-nav-item {
min-height: 48px;
background-color: white;
background-image: none;
-webkit-tap-highlight-color: transparent;
border-bottom: 1px solid #e5e5e5;
}
.side-nav-item:hover {
cursor: pointer;
}
.side-nav-button {
box-sizing: border-box;
position: absolute;
left: 0;
width: 100%;
z-index: 9;
-webkit-tap-highlight-color: transparent;
}
.side-nav-button.side-nav-button--has-subnav {
height: 48px;
}
.side-nav-button.side-nav-button--has-subnav:after {
background: transparent url('/Content/img/icons/icon-arrow-right.svg') no-repeat center center;
box-sizing: border-box;
content: '';
display: block;
height: 15px;
position: absolute;
right: 15px;
top: 50%;
transform: translate(0, -50%);
width: 12px;
}
.side-nav-button:not(.side-nav-button--has-subnav) {
display: none;
}
.side-nav-button-back {
display: flex;
align-items: center;
height: 48px;
padding-left: 40px;
position: relative;
border-bottom: 2px solid #333333;
}
.side-nav-button-back::before {
background: transparent url('/Content/img/icons/icon-arrow-left.svg') no-repeat center center;
box-sizing: border-box;
content: '';
display: block;
height: 15px;
position: absolute;
left: 15px;
width: 12px;
}
.side-nav-link {
background: white;
box-sizing: border-box;
color: black;
font-family: 'RobotoNewRegular';
font-size: 14px;
line-height: 22px;
padding: 11px 40px 11px 20px;
position: relative;
text-decoration: none;
min-height: 48px;
display: flex;
align-items: center;
}
.side-nav-item--l1 > .side-nav-link-wrap > .side-nav-link,
.side-nav-item--virtual > .side-nav-link-wrap > .side-nav-link {
padding-left: 55px;
text-transform: uppercase;
}
.side-nav-item--l1 > .side-nav-link-wrap > .side-nav-link:before,
.side-nav-item--virtual > .side-nav-link-wrap > .side-nav-link:before {
background-color: transparent;
background-position-x: center;
background-position-y: center !important;
background-repeat: no-repeat;
box-sizing: border-box;
content: '';
display: block;
height: 48px;
left: 0;
position: absolute;
top: 0;
width: 55px;
}
.side-nav-item--all-products .side-nav-link {
display: flex;
align-items: center;
justify-content: space-between;
padding-right: 20px;
}
.side-nav-item--all-products .side-nav-link strong {
font-family: 'RobotoNewBold';
font-weight: 400;
}
.side-nav-item--all-products .side-nav-link span {
color: #7f7f7f;
text-decoration: underline;
}
.side-nav-item.active > .mainLink-wrapper > .side-nav-link,
.side-nav-item.active > .side-nav-link {
background: #f0f0f0;
}
.side-nav-link-wrap > .side-nav-link:before {
filter: invert(1);
}
.side-nav-link-img {
display: flex;
align-items: center;
padding: 7px 40px 7px 20px;
}
.side-nav-link-img figure {
display: inline-flex;
margin: 0 15px 0 0;
}
.side-nav-separator {
display: none;
}
}
.side-nav-item--virtual .side-nav-link-wrap > .side-nav-link:before {
filter: unset;
}
.popup {
background-color: rgba(0, 0, 0, 0.3);
display: none;
left: 0;
position: fixed;
bottom: env(safe-area-inset-bottom);
z-index: 100;
width: 100vw;
height: 100%;
}
@media only screen and (max-width: 500px) {
.popup {
width: 100%;
}
.popup .popup__container {
bottom: 0;
top: auto;
transform: unset;
left: unset;
right: unset;
width: 100%;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
}
.popup.large .popup__container {
max-width: 900px;
width: 100%;
overflow-y: unset;
}
.popup.medium .popup__container {
max-width: 620px;
width: 100%;
overflow-y: unset;
}
@media (max-width: 750px) {
.popup.large,
.popup.medium {
height: 100vh;
padding: 0;
}
.popup.large .popup__title,
.popup.medium .popup__title {
padding-left: 10px;
font-size: 14px;
}
.popup.large .popup__content,
.popup.medium .popup__content {
display: flex;
flex-direction: column;
height: calc(75vh - 50px);
}
}
.popup.scrollable .popup__footer {
border-top: 1px solid #f7f7f7;
padding-top: 10px;
}
.popup:not(.large):not(.medium) .popup__container {
max-width: 500px;
width: 100%;
}
.popup__container,
.popup__wrap {
background-color: white;
border-radius: 5px;
display: block;
left: 50%;
margin: 0 auto;
text-align: center;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.popup__header {
background-color: black;
color: white;
border-radius: 5px 5px 0 0;
display: block;
height: auto;
min-height: 60px;
padding: 0;
position: static;
text-align: left;
z-index: auto;
display: flex;
align-items: center;
justify-content: space-between;
}
.popup__header::after {
content: none;
}
@media only screen and (max-width: 989px) {
.popup__header {
margin: 0;
}
}
@media only screen and (max-width: 799px) {
.popup__header {
min-width: 0;
}
}
.popup__header .close-button--x {
color: white;
}
.popup__header > div {
display: flex;
align-items: center;
}
.popup__list {
padding-left: 10px;
margin: 0;
margin-bottom: 27px;
margin-left: 15px;
}
.popup__list li {
margin-bottom: 30px;
list-style: none;
position: relative;
}
.popup__list li::before {
content: "·";
font-size: 40px;
vertical-align: middle;
line-height: 16px;
position: absolute;
left: -17px;
top: 0px;
}
.popup__list li strong {
font-family: 'RobotoNewBold';
font-weight: 400;
}
@media only screen and (max-width: 480px), (max-height: 360px) {
.popup__list {
font-size: 14px;
}
}
@media only screen and (max-height: 375px) {
.popup__list {
margin-bottom: 10px;
}
}
.popup__icon {
background: transparent no-repeat left center;
background-size: contain;
float: left;
margin: 10px 5px 10px 20px;
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.popup--list {
padding-left: 10px;
margin: 0 0 30px 0;
}
.popup--list li {
margin-bottom: 30px;
list-style: none;
}
.popup--list li::before {
content: "·";
font-size: 50px;
vertical-align: middle;
line-height: 16px;
}
.popup--list li strong {
font-family: 'RobotoNewBold';
font-weight: 400;
}
@media only screen and (max-width: 480px), (max-height: 360px) {
.popup--list {
font-size: 14px;
}
}
@media only screen and (max-height: 375px) {
.popup--list {
margin-bottom: 10px;
}
}
.popup__title {
font-family: 'RobotoNewRegular';
font-size: 18px;
font-weight: normal;
margin: 10px 0;
padding: 3px 0;
}
.static-page .popup__title {
clear: none !important;
margin: 10px 0 !important;
}
.popup__close-button {
color: #676767;
cursor: pointer;
display: block;
float: right;
font-family: 'RobotoNewRegular';
font-size: 36px;
height: 56px;
line-height: 56px;
position: absolute;
right: 0;
text-align: center;
text-decoration: none;
top: 0;
transition: color 0.2s linear 0s;
width: 56px;
}
.popup__close-button:hover {
color: #8b8b8b;
}
@media only screen and (max-width: 375px), (max-height: 375px) and (orientation: landscape) {
.popup__close-button {
height: 50px;
line-height: 50px;
}
}
.popup__content {
background-color: white;
border-radius: 0 0 3px 3px;
color: black;
font-family: 'RobotoNewRegular';
font-size: 16px;
padding: 20px;
text-align: left;
}
.popup__content--left {
border: 0 dashed #eeeeee;
border-radius: 5px;
box-sizing: border-box;
float: left;
}
.popup__content--left:before,
.popup__content--left:after {
content: "";
display: table;
}
.popup__content--left:after {
clear: both;
}
.popup__content--right {
box-sizing: border-box;
border-radius: 5px;
float: right;
}
.popup__content--right:before,
.popup__content--right:after {
content: "";
display: table;
}
.popup__content--right:after {
clear: both;
}
.popup__content--no-padding {
padding: 0;
}
.popup__footer {
background-color: white;
border-radius: 0 0 5px 5px;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
float: none;
margin: 0;
padding: 0 20px 15px 20px;
position: static;
width: auto;
z-index: auto;
}
.popup__footer > .button,
.popup__footer > .close-button {
max-width: 300px;
min-width: 0px;
width: 100%;
}
@media only screen and (max-width: 799px) {
.popup__footer {
min-width: 0;
}
}
@media only screen and (max-width: 500px) {
.popup__footer {
padding: 10px 20px;
flex-direction: column-reverse;
}
}
body.no-scroll-behind-popup {
overflow: hidden !important;
}
.popup2-wrap {
box-sizing: border-box;
display: none;
height: 100%;
left: 0;
padding: 10px;
position: fixed;
top: 0;
width: 100%;
z-index: 3333333331;
}
@media only screen and (max-width: 1249px) {
.popup2-wrap {
display: none !important;
}
}
.popup--filters {
background-color: white;
border-radius: 3px;
box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
box-sizing: border-box;
display: block;
left: 50%;
margin: 0 auto;
position: absolute;
text-align: center;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 686px;
z-index: 3333333333;
}
@media only screen and (min-width: 1280px) and (orientation: landscape) {
.popup--filters {
width: 900px;
}
}
@media only screen and (max-width: 720px) and (orientation: portrait) {
.popup--filters {
position: relative;
width: auto;
}
}
.popup--filters__icon {
background-image: url('/Content/img/components/popups/ico-filters.png');
box-sizing: border-box;
height: 15px;
margin-top: 20px;
width: 17px;
}
.popup--filters__subtitle {
color: white;
margin-left: 12px;
}
.popup--filters__subtitle:before {
background: transparent url('/Content/img/components/popups/arrow-popup-subtitle.png') no-repeat center center;
content: '';
display: inline-block;
height: 15px;
margin-right: 7px;
width: 9px;
}
@media only screen and (mas-width: 375px), (max-height: 375px) and (orientation: landscape) {
.popup--filters__subtitle:before {
height: 13px;
}
}
.popup-overlay {
background-color: rgba(0, 0, 0, 0.3);
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 3333333332;
}
.popup--filters .clear-all-filters-link {
color: #3c3c3c;
display: block;
font-family: 'RobotoNewLight';
font-size: 14px;
line-height: 1;
margin-top: 14px;
}
.popup--filters .clear-all-filters-link:hover {
text-decoration: none;
}
/*
@import "components\popups\aboutBenefitPopup.less";
@import "components\popups\specialTransportPopup.less";
@import "components\popups\benefitHistoryPopup.less";
@import "components\popups\cartLoginPopup.less";
@import "components\popups\closeButtons.less";
@import "components\popups\mapPopup.less";
@import "components\popups\orderStatusPopup.less";
@import "components\popups\productQueryPopup.less";
@import "components\popups\rescissionContractPopup.less";
*/
.product-availability-label {
color: #848283;
text-transform: uppercase;
font-family: 'RobotoNewMedium';
}
.product-thumbnail .product-availability-label {
font-family: 'RobotoNewRegular';
font-size: 12px;
text-transform: lowercase;
}
.product-availability-label--onstore,
.product-availability-label--onstorers,
.product-availability-label--onsupplierstore,
.product-availability-label--onway,
.product-availability-label--onorder {
color: #7ab51c;
}
.RO .product-availability-label--onorder {
font-size: 10px;
}
.product-labels-wrap:before,
.product-labels-wrap:after {
content: "";
display: table;
}
.product-labels-wrap:after {
clear: both;
}
.product-label {
clear: right;
color: white;
display: block;
float: right;
font-family: 'RobotoNewRegular';
font-size: 13px;
margin-bottom: 1px;
padding: 4px 6px;
border-radius: 5px 0px 0px 5px;
}
.product-label--green {
background-color: #7ab51c;
}
.product-label--red {
background-color: #e60000;
}
.product-label--orange {
background-color: #e88324;
}
.product-label--brown {
background-color: #78653f;
}
.product-label--gray {
background-color: #65686b;
}
.product-label--purple {
background-color: #993282;
}
.product-label--black {
background-color: black;
}
.product-label--novelty {
background-color: #5dc7d1;
}
.product-label--origin {
background-color: #009d9f;
}
.product-label--campaign {
background-color: white;
color: #e60000;
border: solid 1px;
}
.products-list-wrap {
box-sizing: border-box;
}
.products-list-wrap > * {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.products-list-wrap > *:before,
.products-list-wrap > *:after {
box-sizing: border-box;
}
.products-list-wrap--hp {
margin: 15px auto 0;
padding-left: 12px;
padding-right: 12px;
width: 100%;
box-sizing: border-box;
}
.products-list-wrap--hp + .products-list-wrap--hp {
margin-top: 50px;
}
.products-list-wrap--hp:last-of-type {
margin-bottom: 50px;
}
.products-list__heading {
margin-top: 30px;
font-family: 'RobotoNewRegular';
font-size: 24px;
}
.products-list-wrap--hp .products-list__heading {
color: #101010;
font-family: 'RobotoNewRegular';
font-size: 27px;
}
.products-list {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.products-list-wrap--recommended .products-list {
border: 1px dotted #eeeeee;
margin-bottom: 30px;
}
.products-list--carousel {
overflow: hidden;
}
.slick-arrow:not(.prod-slick-prev, .prod-slick-next) {
background-color: rgba(255, 255, 255, 0.7);
background-position-y: center;
background-repeat: no-repeat;
border: 1px solid #f2f2f2;
border-radius: 50%;
display: block;
font-size: 0;
height: 50px;
line-height: 0;
outline: none;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 50px;
z-index: 5;
transition: all 0.2s linear 0s;
}
.slick-arrow:not(.prod-slick-prev, .prod-slick-next):hover {
background-color: rgba(255, 255, 255, 0.9);
border-color: gray;
cursor: pointer;
}
.slick-prev {
background-image: url('/Content/img/components/carousel/ico-carousel-button--left.svg');
background-position-x: 18px;
left: 0;
}
.slick-next {
background-image: url('/Content/img/components/carousel/ico-carousel-button--right.svg');
background-position-x: 20px;
right: 0;
}
@media only screen and (max-width: 594px) {
.products-list-item {
width: 50%;
}
}
@media only screen and (min-width: 595px) and (max-width: 800px) {
.products-list-item {
width: calc(33.333333333%);
}
}
@media only screen and (min-width: 801px) and (max-width: 989px) {
.products-list-item {
width: 25%;
}
}
@media only screen and (min-width: 990px) and (max-width: 1359px) {
.products-list-item {
width: calc(25%);
}
}
@media only screen and (min-width: 1360px) {
.products-list-item {
width: 20%;
padding: 3px;
}
}
.products-list-wrap--hp .products-list-item.product-thumbnail {
flex-shrink: 0;
}
@media only screen and (min-width: 595px) and (max-width: 800px) {
.products-list-wrap--hp .products-list-item {
width: 50%;
}
}
@media only screen and (min-width: 801px) and (max-width: 989px) {
.products-list-wrap--hp .products-list-item {
width: calc(33.333333333%);
}
}
@media only screen and (min-width: 990px) and (max-width: 1359px) {
.products-list-wrap--hp .products-list-item {
width: 25%;
}
}
@media only screen and (min-width: 1360px) {
.products-list-wrap--hp .products-list-item {
width: 25%;
}
}
@media only screen and (min-width: 990px) {
.products-list--wrapped .products-list-item {
border-style: solid;
border-width: 0px 1px 1px 0;
}
}
@media only screen and (min-width: 990px) and (max-width: 1359px) {
.products-list--wrapped .products-list-item:not(:nth-of-type(3n)) {
border-color: #f3f3f3;
}
.products-list--wrapped .products-list-item:nth-of-type(3n),
.products-list--wrapped .products-list-item:last-of-type {
border-bottom-color: #f3f3f3;
border-right-color: white;
}
}
@media only screen and (min-width: 1360px) {
.products-list--wrapped .products-list-item:not(:nth-of-type(5n)) {
border-color: #f3f3f3;
}
.products-list--wrapped .products-list-item:nth-of-type(5n),
.products-list--wrapped .products-list-item:last-of-type {
border-bottom-color: #f3f3f3;
border-right-color: white;
}
}
@media (min-width: 1900px) {
.products-list--wrapped .products-list-item:not(:nth-of-type(5n)) {
border-color: #f3f3f3;
}
.products-list--wrapped .products-list-item:nth-of-type(5n),
.products-list--wrapped .products-list-item:last-of-type {
border-bottom-color: #f3f3f3;
border-right-color: white;
}
}
.products-list-wrap--recommended .products-list-item {
border-style: dotted;
border-width: 0px 1px 0 0;
}
@media only screen and (max-width: 594px) {
.products-list-wrap--recommended .products-list-item:not(:nth-of-type(2n)) {
border-color: #eeeeee;
}
.products-list-wrap--recommended .products-list-item:nth-of-type(2n) {
border-right-color: transparent;
}
}
@media only screen and (min-width: 595px) and (max-width: 800px) {
.products-list-wrap--recommended .products-list-item:not(:nth-of-type(3n)) {
border-color: #eeeeee;
}
.products-list-wrap--recommended .products-list-item:nth-of-type(3n) {
border-right-color: transparent;
}
}
@media only screen and (min-width: 801px) and (max-width: 989px) {
.products-list-wrap--recommended .products-list-item:not(:nth-of-type(4n)) {
border-color: #eeeeee;
}
.products-list-wrap--recommended .products-list-item:nth-of-type(4n),
.products-list-wrap--recommended .products-list-item:last-of-type {
border-right-color: transparent;
}
}
@media only screen and (min-width: 990px) and (max-width: 1359px) {
.products-list-wrap--recommended .products-list-item:not(:nth-of-type(3n)) {
border-color: #eeeeee;
}
.products-list-wrap--recommended .products-list-item:nth-of-type(3n) {
border-right-color: transparent;
}
}
@media only screen and (min-width: 1360px) {
.products-list-wrap--recommended .products-list-item:not(:nth-of-type(4n)) {
border-color: #eeeeee;
}
.products-list-wrap--recommended .products-list-item:nth-of-type(4n),
.products-list-wrap--recommended .products-list-item:last-of-type {
border-right-color: transparent;
}
}
@media only screen and (min-width: 990px) {
#cartContent .products-list-item {
padding-left: 15px;
padding-right: 15px;
}
}
.product-thumbnail {
position: relative;
box-sizing: border-box;
padding: 5px;
padding-bottom: 15px;
display: flex;
flex-direction: column;
}
.product-thumbnail * {
box-sizing: border-box;
margin: 0;
}
.product-thumbnail *:before,
.product-thumbnail *:after {
box-sizing: border-box;
}
.product-thumbnail .cupon-info {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: #f3f3f3;
border-radius: 5px;
padding: 5px;
font-size: 12px;
}
.product-thumbnail .cupon-info strong {
color: #e50000;
font-family: 'RobotoNewBold';
font-weight: 400;
font-size: 17px;
}
.product-thumbnail .rating-score {
display: none;
font-size: 12px;
margin: 0 2px;
}
.product-thumbnail .rating-count {
font-size: 10px;
color: #a8a8a8;
}
.product-thumbnail .product-thumbnail-size-label {
position: absolute;
right: 0;
top: -35px;
color: black;
font-family: 'RobotoNewRegular';
font-size: 12px;
display: flex;
padding: 3px 5px;
justify-content: center;
align-items: center;
border-radius: 5px 0px 0px 5px;
background: rgba(255, 255, 255, 0.6);
}
.product-thumbnail .product-thumbnail-size-label.bed {
gap: 3px;
}
.product-thumbnail .product-thumbnail-size-label.bed svg {
width: 20px;
height: 20px;
}
.product-thumbnail .product-thumbnail-size-label.normal {
flex-direction: column-reverse;
}
.product-thumbnail .product-thumbnail-size-label.icon-mobile {
display: none;
}
@media only screen and (max-width: 989px) {
.product-thumbnail .product-thumbnail-size-label.icon-mobile {
display: flex;
}
.product-thumbnail .product-thumbnail-size-label.icon-desktop {
display: none;
}
.product-thumbnail .rating-score {
display: inline;
}
.product-thumbnail .rating-count {
font-size: 10px;
color: #a8a8a8;
}
.product-thumbnail .rating-count::before {
content: "(";
}
.product-thumbnail .rating-count::after {
content: ")";
}
.product-thumbnail .product-thumbnail__attribute.stars {
width: 14px;
}
}
.product-thumbnail .regular-price {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 5px;
}
.product-thumbnail__link {
color: #1e1e1e;
display: block;
font-family: 'RobotoNewRegular';
padding-bottom: 55px;
padding-top: 15px;
position: relative;
text-decoration: none;
width: 100%;
z-index: 1;
}
.product-thumbnail-labels-wrap {
position: absolute;
right: 0;
top: 20px;
z-index: 3;
gap: 5px;
display: flex;
flex-direction: column;
align-items: end;
pointer-events: none;
}
.product-thumbnail-labels-wrap > .product-label {
flex-grow: 0;
width: max-content;
}
.product-thumbnail__favorite {
position: absolute;
border-radius: 3px;
border: 1px solid #d7d7d7;
top: 10px;
left: 10px;
background: white;
z-index: 1;
}
.product-thumbnail-photo-container {
width: 100%;
padding-bottom: 4px;
}
@media only screen and (max-width: 989px) {
.product-thumbnail-photo-container {
padding-left: 5%;
padding-right: 5%;
}
}
@media only screen and (min-width: 990px) and (max-width: 1359px) {
.product-thumbnail-photo-container {
padding-left: 15px;
padding-right: 15px;
}
}
@media only screen and (min-width: 1360px) {
.product-thumbnail-photo-container {
padding-left: 20px;
padding-right: 20px;
}
}
@media only screen and (min-width: 990px) {
.products-list-wrap--recommended .product-thumbnail-photo-container {
padding-left: 15px;
padding-right: 15px;
}
}
.product-thumbnail-photo-wrap {
opacity: 1;
overflow: hidden;
position: relative;
width: 100%;
transition: opacity 0.2s linear 0s;
}
.product-thumbnail-photo-wrap:after {
content: '';
display: block;
padding-bottom: 100%;
position: relative;
width: 100%;
z-index: 2;
}
.product-thumbnail:hover .product-thumbnail-photo-wrap {
opacity: 0.9;
}
.product-thumbnail__photo {
display: block;
object-fit: contain;
height: 100%;
left: 50%;
max-width: 100%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 100%;
z-index: 2;
}
.product-thumbnail-attributes-wrap {
align-items: center;
background-color: white;
bottom: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-left: 20px;
padding-right: 20px;
padding-top: 4px;
position: absolute;
z-index: 3;
width: 100%;
}
.product-thumbnail-attributes-wrap > .rating-wrap {
display: flex;
align-items: center;
}
.product-thumbnail__color-variants {
display: flex;
align-items: center;
gap: 5px;
padding-left: 20px;
padding-right: 20px;
overflow: hidden;
flex-grow: 1;
margin-top: 3px;
}
.product-thumbnail__color-variants .variant {
display: none;
width: 30px;
height: 30px;
border-radius: 4px;
border: 1px solid #eeeeee;
}
.product-thumbnail__color-variants .variant > a {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.product-thumbnail__color-variants .variant img {
border-radius: 3px;
width: 24px;
height: 24px;
font-size: 0;
}
.product-thumbnail__color-variants .variant.active {
border: 1px solid black;
}
.product-thumbnail__color-variants .product-thumbnail__hidden-variants {
margin-left: 5px;
color: black;
font-family: 'RobotoNewRegular';
font-size: 14px;
}
.products-list--carousel.contains-color-variants .product-thumbnail__color-variants {
height: 30px;
}
.product-thumbnail__name {
font-size: 15px;
font-weight: 400;
margin-top: 3px;
margin-bottom: 0;
width: 100%;
display: block;
display: -webkit-box;
height: 36px;
line-height: 18px;
max-height: 36px;
overflow: hidden;
text-overflow: ellipsis;
white-space: initial;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
transition: all 0.3s linear 0s;
}
.product-thumbnail__name span {
display: none;
}
.product-thumbnail:hover .product-thumbnail__name span {
display: inline;
}
.product-thumbnail__name--full {
height: 72px;
-webkit-line-clamp: 4;
max-height: 72px;
}
.product-thumbnail__name--full span {
display: inline;
}
.product-thumbnail__sold-out-label {
background-color: transparent;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
display: block;
height: 200px;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 4;
}
.CZ .product-thumbnail__sold-out-label {
background-image: url('/Content/img/soldOutCZ.png');
}
.SK .product-thumbnail__sold-out-label {
background-image: url('/Content/img/soldOutSK.png');
}
.PL .product-thumbnail__sold-out-label {
background-image: url('/Content/img/soldOutPL.png');
}
.HU .product-thumbnail__sold-out-label {
background-image: url('/Content/img/soldOutHU.png');
}
.RO .product-thumbnail__sold-out-label {
background-image: url('/Content/img/soldOutRO.png');
}
.UA .product-thumbnail__sold-out-label {
background-image: url('/Content/img/soldOutUA.png');
}
.DE .product-thumbnail__sold-out-label {
background-image: url('/Content/img/soldOutDE.png');
}
.AT .product-thumbnail__sold-out-label {
background-image: url('/Content/img/soldOutDE.png');
}
.SI .product-thumbnail__sold-out-label {
background-image: url('/Content/img/soldOutSI.png');
}
.HR .product-thumbnail__sold-out-label {
background-image: url('/Content/img/soldOutHR.png');
/* todo(HR): dodat chybějící obrázek */
}
.product-thumbnail__buy {
padding-left: 0px;
padding-right: 0px;
width: 100%;
}
.product-thumbnail-price-wrap {
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
min-height: 45px;
margin-bottom: 8px;
}
.product-thumbnail__full-price {
text-decoration: line-through;
background-position: left center;
background-repeat: no-repeat;
background-size: contain;
color: black;
display: inline-block;
font-size: 12px;
font-family: 'RobotoNewLight';
}
.product-thumbnail__actual-price {
color: black;
display: block;
font-family: 'RobotoNewBold';
font-size: 17px;
font-weight: 400;
letter-spacing: -0.5px;
/*
.prefix {
.CZ & {
font-size: 15px;
}
.SK & {
font-size: 21px;
}
.PL & {
font-size: 17px;
}
.HU & {
font-size: 15px;
}
.RO & {
font-size: 13px;
}
.DE & {
font-size: 17px;
}
.AT & {
font-size: 17px;
}
}
.price-currency {
font-size: 21px;
.RO & {
font-size: 17px;
}
}
*/
}
.product-thumbnail__actual-price.discounted {
color: #e50000;
}
.regular-price.cupon .product-thumbnail__actual-price {
font-family: 'RobotoNewRegular';
}
.RO .product-thumbnail__actual-price {
font-size: 21px;
letter-spacing: -1.2px;
}
.small-product-thumbnail {
box-sizing: border-box;
display: block;
padding: 0 15px;
text-decoration: none;
}
.small-product-thumbnail__photo {
background-color: #f3f3f3;
box-sizing: border-box;
display: block;
color: #0c0c0c;
font-family: 'RobotoNewLight';
font-size: 12px;
font-weight: 400;
height: auto;
margin: 0 auto 5px auto;
opacity: 1;
transition: opacity 0.2s linear 0s;
width: 100px;
}
.small-product-thumbnail:hover .small-product-thumbnail__photo {
opacity: 0.8;
}
.small-product-thumbnail__parameters {
margin-bottom: 5px;
}
.small-product-thumbnail__parameters:before,
.small-product-thumbnail__parameters:after {
content: "";
display: table;
}
.small-product-thumbnail__parameters:after {
clear: both;
}
.small-product-thumbnail__availability {
color: #848283;
font-family: 'RobotoNewMedium';
font-size: 13px;
font-weight: 400;
letter-spacing: -0.2px;
text-transform: uppercase;
}
.CZ .small-product-thumbnail__availability,
.SK .small-product-thumbnail__availability {
float: left;
margin-top: 2px;
}
.PL .small-product-thumbnail__availability,
.HU .small-product-thumbnail__availability,
.RO .small-product-thumbnail__availability,
.SI .small-product-thumbnail__availability,
.HR .small-product-thumbnail__availability {
/* todo(HR): zkontrolovat/upravit dle potřeby */
display: block;
}
.small-product-thumbnail__availability--onstore,
.small-product-thumbnail__availability--onstorers,
.small-product-thumbnail__availability--onsupplierstore,
.small-product-thumbnail__availability--onway {
color: #7ab51c;
}
.small-product-thumbnail__price {
color: #e50000;
font-family: 'RobotoNewBold';
font-size: 15px;
letter-spacing: -0.5px;
}
.CZ .small-product-thumbnail__price,
.SK .small-product-thumbnail__price {
float: right;
}
.PL .small-product-thumbnail__price,
.HU .small-product-thumbnail__price,
.RO .small-product-thumbnail__price,
.SI .small-product-thumbnail__price,
.HR .small-product-thumbnail__price {
/* todo(HR): zkontrolovat/upravit dle potřeby */
display: block;
}
.small-product-thumbnail__title {
box-sizing: border-box;
color: #0c0c0c;
font-family: 'RobotoNewLight';
font-size: 14px;
font-weight: 400;
letter-spacing: -0.5px;
line-height: 18px;
margin: 0;
display: block;
display: -webkit-box;
height: 36px;
max-height: 36px;
overflow: hidden;
text-overflow: ellipsis;
white-space: initial;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.small-product-thumbnail:hover .small-product-thumbnail__title {
text-decoration: underline;
}
#luigi-ac-input {
margin: 0;
padding: 5px;
width: 100%;
border: 1px solid;
}
#luigi-ac,
#luigi-ac-input {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#luigi-ac {
border-top: 1px solid #d8d8d8;
-webkit-box-shadow: 0px 6px 10px -3px rgba(0, 0, 0, 0.35);
box-shadow: 0px 6px 10px -3px rgba(0, 0, 0, 0.35);
display: none;
max-height: 500px;
overflow-y: hidden;
position: absolute;
text-align: left;
}
#luigi-ac .luigi-ac-margin {
margin-left: 15px;
}
#luigi-ac:empty {
display: none;
}
#luigi-ac * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#luigi-ac a {
text-decoration: none;
}
#luigi-ac .row {
margin: 0;
display: block;
cursor: pointer;
border-bottom: 1px solid #ebebec;
}
#luigi-ac .row.active,
#luigi-ac .row:active,
#luigi-ac .row:focus,
#luigi-ac .row:hover {
background-color: #fffccd;
}
#luigi-ac .locked {
background: #f7f7f8;
border-bottom: 1px solid #ebebec;
}
#luigi-ac .locked td.cat-div {
text-transform: uppercase;
padding-left: 10px;
padding-right: 10px;
font-weight: 700;
}
#luigi-ac table {
border-radius: 3px;
margin: 0;
padding: 0;
table-layout: fixed;
width: 100%;
border-collapse: collapse;
}
#luigi-ac tbody {
border: none;
}
#luigi-ac tr {
overflow: hidden;
padding: 0;
margin: 0;
}
#luigi-ac td {
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
padding: 10px 0;
margin: 0;
vertical-align: middle;
border: none;
}
#luigi-ac tr.category td.image,
#luigi-ac tr.product td.image,
#luigi-ac tr.query td.image {
padding-left: 10px;
text-align: center;
width: 56px;
}
#luigi-ac tr.category td.image div,
#luigi-ac tr.product td.image div,
#luigi-ac tr.query td.image div {
height: 48px;
line-height: 48px;
vertical-align: middle;
}
#luigi-ac tr.category td.image img,
#luigi-ac tr.product td.image img,
#luigi-ac tr.query td.image img {
max-width: 100%;
max-height: 48px;
vertical-align: middle;
border: none;
}
#luigi-ac tr.category td.text,
#luigi-ac tr.product td.text,
#luigi-ac tr.query td.text {
padding-left: 5px;
padding-right: 5px;
}
#luigi-ac tr.category td.text:first-child,
#luigi-ac tr.product td.text:first-child,
#luigi-ac tr.query td.text:first-child {
padding-left: 10px;
}
#luigi-ac tr.category td.text:last-child,
#luigi-ac tr.product td.text:last-child,
#luigi-ac tr.query td.text:last-child {
padding-right: 10px;
}
#luigi-ac tr.category td.text .title,
#luigi-ac tr.product td.text .title,
#luigi-ac tr.query td.text .title {
color: #20252e;
font-weight: 700;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
padding-bottom: 0.8px;
}
#luigi-ac tr.category td.text .title:only-child,
#luigi-ac tr.product td.text .title:only-child,
#luigi-ac tr.query td.text .title:only-child {
padding-bottom: 0;
}
#luigi-ac tr.category td.text .attrs,
#luigi-ac tr.product td.text .attrs,
#luigi-ac tr.query td.text .attrs {
color: #373b43;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
#luigi-ac tr.category td.text .attr,
#luigi-ac tr.product td.text .attr,
#luigi-ac tr.query td.text .attr {
display: inline;
vertical-align: middle;
position: relative;
padding-right: 20px;
}
#luigi-ac tr.category td.text .attr:last-child,
#luigi-ac tr.product td.text .attr:last-child,
#luigi-ac tr.query td.text .attr:last-child {
padding-right: 0;
}
#luigi-ac tr.category td.text .attr:after,
#luigi-ac tr.product td.text .attr:after,
#luigi-ac tr.query td.text .attr:after {
content: "";
display: block;
width: 6px;
height: 6px;
background: #d2d2d4;
border-radius: 50%;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 7px;
}
#luigi-ac tr.category td.text .attr:last-child:after,
#luigi-ac tr.product td.text .attr:last-child:after,
#luigi-ac tr.query td.text .attr:last-child:after {
display: none;
}
#luigi-ac tr.category td.price,
#luigi-ac tr.product td.price,
#luigi-ac tr.query td.price {
width: 64px;
color: #373b43;
padding-right: 10px;
text-align: right;
}
#luigi-ac tr.category td.actions,
#luigi-ac tr.product td.actions,
#luigi-ac tr.query td.actions {
width: 88px;
padding-right: 10px;
text-align: right;
}
#luigi-ac tr.category {
border-bottom-width: 0;
}
#luigi-ac.autocomplete.open {
display: block;
background-color: white;
max-height: 1000px;
overflow-y: auto;
z-index: 1500;
color: #20252e;
line-height: 16px;
}
#luigi-ac.autocomplete.open:empty {
display: none;
}
#luigi-ac em {
background: #ffef07;
font-style: normal;
padding-left: 1px;
padding-right: 1px;
}
#luigi-ac .use-enter {
background: #f7f7f8;
padding: 10px;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
#luigi-ac .use-enter span {
font-weight: 700;
}
#luigi-ac .use-enter.hidden {
visibility: hidden;
}
#luigi-ac .use-enter + .did-you-mean,
#luigi-ac .use-enter + .locked {
border-top: 1px solid #ebebec;
}
#luigi-ac .did-you-mean {
background: #f7f7f8;
padding: 10px;
}
#luigi-ac .did-you-mean span {
font-weight: 700;
}
#luigi-ac .did-you-mean + .locked,
#luigi-ac .did-you-mean + .use-enter {
border-top: 1px solid #ebebec;
}
#luigi-ac .footer {
font-size: 0.9em;
background: #f7f7f8;
padding: 10px;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
text-align: right;
color: #20252e;
vertical-align: baseline;
margin: 0;
}
#luigi-ac .footer i {
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTAwMCAxMDAwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMDAwIDEwMDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojMUJCOUQ3O308L3N0eWxlPjxnPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik05ODQuOCwwSDE1LjJDNi44LDAsMCw2LjgsMCwxNS4ydjk2OS42YzAsOC4zLDYuOCwxNS4yLDE1LjIsMTUuMmg5NjkuNmM4LjQsMCwxNS4yLTYuOCwxNS4yLTE1LjJWMTUuMkMxMDAwLDYuOCw5OTMuMiwwLDk4NC44LDB6IE03OTQsNDUwLjJMNTM3LjQsNzA2LjdjLTMuMiwzLjItNy41LDMuMi0xMC43LDBMMTczLjEsMzUzLjJjLTMuMi0zLjItMy4yLTcuNSwwLTEwLjhsMTAxLjgtMTAxLjhjMy4yLTMuMiw3LjUtMy4yLDEwLjcsMGwyNTYuMSwyNTYuMWMyLjEsMi4xLDQuMywyLjEsNi40LDBsMTQ2LjItMTQ2LjJjMy4yLTMuMiw3LjUtMy4yLDEwLjcsMGw4OC45LDg4LjlDNzk3LjIsNDQyLjYsNzk3LjIsNDQ2LjksNzk0LDQ1MC4yeiIvPjwvZz48L3N2Zz4=");
width: 13px;
height: 13px;
display: inline-block;
vertical-align: baseline;
margin-right: 4px;
margin-left: 2px;
position: relative;
top: 2px;
}
#luigi-ac .footer a {
color: #1593ae;
}
#luigi-ac .footer a,
#luigi-ac .footer a:hover {
text-decoration: none;
}
#luigi-ac .action {
height: 30px;
line-height: 30px;
vertical-align: middle;
display: inline-block;
padding-left: 1px;
padding-right: 1px;
}
#luigi-ac .action img {
max-width: 100%;
max-height: 30px;
vertical-align: middle;
border: none;
}
#luigi-ac .expanded-items {
position: relative;
background-color: #f7f7f8;
}
#luigi-ac .expanded-items.animate > div {
will-change: max-height;
-webkit-animation: lb-expand 1s ease-in forwards;
animation: lb-expand 1s ease-in forwards;
overflow: hidden;
}
@-webkit-keyframes lb-expand {
0% {
max-height: 0;
}
to {
max-height: 1000px;
}
}
@keyframes lb-expand {
0% {
max-height: 0;
}
to {
max-height: 1000px;
}
}
#luigi-ac .expanded-items .action.expandable {
display: none;
}
#luigi-ac .expanded-items:before {
position: absolute;
content: "";
width: 0;
height: 0;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
border-bottom: 9px solid #f7f7f8;
top: -9px;
right: 17px;
}
#luigi-ac .indent {
border: 2px solid #ebebec;
border-bottom: none;
border-left: none;
width: 0.5em;
height: 0.5em;
display: inline-block;
vertical-align: middle;
margin: 0 0.5em 0 0;
padding: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
#luigi-ac img {
color: #20252e;
}
@media screen and (min-width: 0) and (min-resolution: 0.001dpcm) {
#luigi-ac .row {
zoom: 100%;
}
}
.luigi-ac-line {
border-top: 1px solid #d8d8d8;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0px 6px 10px -3px rgba(0, 0, 0, 0.35);
box-shadow: 0px 6px 10px -3px rgba(0, 0, 0, 0.35);
position: absolute;
max-height: 500px;
overflow: auto;
display: none;
text-align: left;
z-index: 16777271;
}
.luigi-ac-line__category-search {
padding: 10px;
font-size: 16px;
}
.luigi-ac-line__category-search__title {
font-weight: 700;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.luigi-ac-line__category-search__title--text {
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
padding-bottom: 0.8px;
color: gray;
font-weight: 100;
}
.luigi-ac-line:empty {
display: none;
}
.luigi-ac-line * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.luigi-ac-highlight {
color: #10aa99;
}
.luigi-ac-line .luigi-ac-item {
color: inherit;
cursor: pointer;
display: block;
margin-left: 0;
outline: none;
text-decoration: none;
width: 100%;
}
.luigi-ac-line .luigi-ac-header {
background: white;
color: #999999;
margin-bottom: 10px;
margin-top: 15px;
position: relative;
}
.luigi-ac-line .luigi-ac-header-inner {
background-color: white;
display: inline-block;
font-family: 'RobotoNewMedium';
font-size: 14px;
font-weight: 400;
line-height: normal;
padding-right: 13px;
position: relative;
z-index: 2;
color: black;
}
.luigi-ac-line table {
border-radius: 3px;
margin: 0;
padding: 0;
table-layout: fixed;
width: 100%;
border-collapse: collapse;
}
.luigi-ac-line tbody {
border: none;
}
.luigi-ac-line tr {
overflow: hidden;
padding: 0;
margin: 0;
}
.luigi-ac-line td {
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
padding: 0;
margin: 0;
vertical-align: middle;
border: none;
}
.luigi-ac-line .luigi-ac-category .luigi-ac-image,
.luigi-ac-line .luigi-ac-query .luigi-ac-image {
padding-left: 13px;
text-align: center;
width: 53px;
}
.luigi-ac-line .luigi-ac-category .luigi-ac-image div,
.luigi-ac-line .luigi-ac-product .luigi-ac-image div,
.luigi-ac-line .luigi-ac-query .luigi-ac-image div {
height: 40px;
line-height: 40px;
vertical-align: middle;
}
.luigi-ac-line .luigi-ac-category .luigi-ac-image img,
.luigi-ac-line .luigi-ac-product .luigi-ac-image img,
.luigi-ac-line .luigi-ac-query .luigi-ac-image img {
max-width: 100%;
max-height: 40px;
vertical-align: top;
border: none;
}
.luigi-ac-line .luigi-ac-product .luigi-ac-image div {
height: 60px;
line-height: 60px;
}
.luigi-ac-line .luigi-ac-product .luigi-ac-image img {
max-height: 60px;
}
.luigi-ac-line .luigi-ac-category-wrapper .luigi-ac-category .luigi-ac-image {
display: none;
}
.luigi-ac-line .luigi-ac-product .luigi-ac-text,
.luigi-ac-line .luigi-ac-query .luigi-ac-text {
padding-left: 13px;
padding-right: 13px;
}
.luigi-ac-line .luigi-ac-category .luigi-ac-text {
padding-left: 20px;
padding-right: 20px;
}
.luigi-ac-line .luigi-ac-product .luigi-ac-text {
vertical-align: top;
padding-top: 10px;
}
.luigi-ac-line .luigi-ac-category .luigi-ac-text .luigi-ac-title,
.luigi-ac-line .luigi-ac-product .luigi-ac-text .luigi-ac-title,
.luigi-ac-line .luigi-ac-query .luigi-ac-text .luigi-ac-title {
font-weight: 400;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
padding-bottom: 0.8px;
}
.luigi-ac-line .luigi-ac-category .luigi-ac-text .luigi-ac-title:only-child,
.luigi-ac-line .luigi-ac-product .luigi-ac-text .luigi-ac-title:only-child,
.luigi-ac-line .luigi-ac-query .luigi-ac-text .luigi-ac-title:only-child {
padding-bottom: 0;
}
.luigi-ac-line .luigi-ac-category-wrapper .luigi-ac-category .luigi-ac-text .luigi-ac-title {
line-height: normal;
}
.luigi-ac-line .luigi-ac-category-wrapper .luigi-ac-category .luigi-ac-text .luigi-ac-title > span {
display: flex;
flex-wrap: wrap;
}
.luigi-ac-line .luigi-ac-category-wrapper .luigi-ac-category .luigi-ac-text .luigi-ac-title > span > span {
display: inline-block;
}
.luigi-ac-line .luigi-ac-category-wrapper .luigi-ac-category .luigi-ac-text .luigi-ac-title > span > span:not(:last-child):after {
box-sizing: border-box;
content: url('/Content/img/listItemArrow.png');
display: inline-block;
height: 14px;
margin-left: 8px;
margin-right: 8px;
position: relative;
top: 1px;
width: 9px;
}
.luigi-ac-line .luigi-ac-category-wrapper .luigi-ac-active,
.luigi-ac-line .luigi-ac-category-wrapper .luigi-ac-item:focus,
.luigi-ac-line .luigi-ac-category-wrapper .luigi-ac-item:hover {
background-color: white;
}
.luigi-ac-line .luigi-ac-category-wrapper .luigi-ac-active .luigi-ac-category .luigi-ac-text .luigi-ac-title,
.luigi-ac-line .luigi-ac-category-wrapper .luigi-ac-item:focus .luigi-ac-category .luigi-ac-text .luigi-ac-title,
.luigi-ac-line .luigi-ac-category-wrapper .luigi-ac-item:hover .luigi-ac-category .luigi-ac-text .luigi-ac-title {
color: #21b5a4;
/*text-decoration: underline;*/
}
.luigi-ac-line .luigi-ac-category-wrapper .luigi-ac-active .luigi-ac-category .luigi-ac-text .luigi-ac-title > span > span,
.luigi-ac-line .luigi-ac-category-wrapper .luigi-ac-item:focus .luigi-ac-category .luigi-ac-text .luigi-ac-title > span > span,
.luigi-ac-line .luigi-ac-category-wrapper .luigi-ac-item:hover .luigi-ac-category .luigi-ac-text .luigi-ac-title > span > span {
text-decoration: underline;
}
.luigi-ac-line .luigi-ac-category .luigi-ac-text .luigi-ac-attrs,
.luigi-ac-line .luigi-ac-product .luigi-ac-text .luigi-ac-attrs,
.luigi-ac-line .luigi-ac-query .luigi-ac-text .luigi-ac-attrs {
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.luigi-ac-line .luigi-ac-category .luigi-ac-text .luigi-ac-attr,
.luigi-ac-line .luigi-ac-product .luigi-ac-text .luigi-ac-attr,
.luigi-ac-line .luigi-ac-query .luigi-ac-text .luigi-ac-attr {
display: inline;
vertical-align: middle;
position: relative;
padding-right: 20px;
font-size: 14px;
}
.luigi-ac-line .luigi-ac-category .luigi-ac-text .luigi-ac-attr:last-child,
.luigi-ac-line .luigi-ac-product .luigi-ac-text .luigi-ac-attr:last-child,
.luigi-ac-line .luigi-ac-query .luigi-ac-text .luigi-ac-attr:last-child {
padding-right: 0;
}
.luigi-ac-line .luigi-ac-category .luigi-ac-text .luigi-ac-attr:after,
.luigi-ac-line .luigi-ac-product .luigi-ac-text .luigi-ac-attr:after,
.luigi-ac-line .luigi-ac-query .luigi-ac-text .luigi-ac-attr:after {
content: "";
display: block;
width: 6px;
height: 6px;
background: #d2d2d4;
border-radius: 50%;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 7px;
}
.luigi-ac-line .luigi-ac-category .luigi-ac-text .luigi-ac-attr:last-child:after,
.luigi-ac-line .luigi-ac-category .luigi-ac-text .luigi-ac-attr:last-of-type:after,
.luigi-ac-line .luigi-ac-product .luigi-ac-text .luigi-ac-attr:last-child:after,
.luigi-ac-line .luigi-ac-product .luigi-ac-text .luigi-ac-attr:last-of-type:after,
.luigi-ac-line .luigi-ac-query .luigi-ac-text .luigi-ac-attr:last-child:after,
.luigi-ac-line .luigi-ac-query .luigi-ac-text .luigi-ac-attr:last-of-type:after {
display: none;
}
.luigi-ac-line .luigi-ac-category .luigi-ac-price,
.luigi-ac-line .luigi-ac-product .luigi-ac-price,
.luigi-ac-line .luigi-ac-query .luigi-ac-price {
padding-right: 13px;
text-align: right;
}
.luigi-ac-line .luigi-ac-category .luigi-ac-price-old,
.luigi-ac-line .luigi-ac-product .luigi-ac-price-old,
.luigi-ac-line .luigi-ac-query .luigi-ac-price-old {
text-decoration: line-through;
}
.luigi-ac-line .luigi-ac-category .luigi-ac-actions,
.luigi-ac-line .luigi-ac-product .luigi-ac-actions,
.luigi-ac-line .luigi-ac-query .luigi-ac-actions {
width: 88px;
padding-right: 10px;
text-align: right;
}
.luigi-ac-line .luigi-ac-category {
border-bottom-width: 0;
}
.luigi-ac-brand-wrapper .luigi-ac-item {
border-radius: 3px;
border: 1px solid #e7e7e7;
background: white;
}
.luigi-ac-line.luigi-ac-autocomplete.luigi-ac-open {
display: block;
background-color: white;
max-height: 1000px;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
line-height: 16px;
border-radius: 0px 0px 5px 5px;
border: 1px solid #cccccc;
background: white;
}
@media (max-width: 575px) {
.luigi-ac-line.luigi-ac-autocomplete.luigi-ac-open {
width: 100% !important;
max-height: unset !important;
}
}
.luigi-ac-line.luigi-ac-autocomplete.luigi-ac-open:empty {
display: none;
}
.luigi-ac-line .luigi-ac-highlight {
font-family: 'RobotoNewBold';
font-style: normal;
}
.luigi-ac-line .luigi-ac-enter {
display: none;
}
.luigi-ac-line .luigi-ac-dym {
background: #f7f7f8;
padding: 10px;
}
.luigi-ac-line .luigi-ac-dym span {
font-weight: 700;
}
.luigi-ac-line .luigi-ac-dym + .luigi-ac-enter,
.luigi-ac-line .luigi-ac-dym + .luigi-ac-header {
border-top: 1px solid #ebebec;
}
.luigi-ac-line .luigi-ac-footer {
display: none;
}
.luigi-ac-line .luigi-ac-action {
height: 30px;
line-height: 30px;
vertical-align: middle;
display: inline-block;
padding-left: 1px;
padding-right: 1px;
}
.luigi-ac-line .luigi-ac-action img {
max-width: 100%;
max-height: 30px;
vertical-align: middle;
border: none;
}
.luigi-ac-line .luigi-ac-expanded {
position: relative;
background-color: #f7f7f8;
}
.luigi-ac-line .luigi-ac-expanded.luigi-ac-animate > div {
will-change: max-height;
-webkit-animation: luigi-ac-expand 1s ease-in forwards;
animation: luigi-ac-expand 1s ease-in forwards;
overflow: hidden;
}
@-webkit-keyframes luigi-ac-expand {
0% {
max-height: 0;
}
to {
max-height: 1000px;
}
}
@keyframes luigi-ac-expand {
0% {
max-height: 0;
}
to {
max-height: 1000px;
}
}
.luigi-ac-line .luigi-ac-expanded .luigi-ac-action.luigi-ac-expandable {
display: none;
}
.luigi-ac-line .luigi-ac-expanded:before {
position: absolute;
content: "";
width: 0;
height: 0;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
border-bottom: 9px solid #f7f7f8;
top: -9px;
right: 17px;
}
.luigi-ac-line .luigi-ac-indent {
border: 2px solid #ebebec;
border-bottom: none;
border-left: none;
width: 0.5em;
height: 0.5em;
display: inline-block;
vertical-align: middle;
margin: 0 0.5em 0 0;
padding: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.luigi-ac-line .luigi-ac-margin {
margin-left: 15px;
}
.luigi-ac-brand-wrapper {
justify-content: start !important;
gap: 10px;
padding: 0 20px;
}
.luigi-ac-brand-wrapper .luigi-ac-line .luigi-ac-item {
width: unset !important;
}
.luigi-ac-brand-wrapper .luigi-ac-item table {
width: unset !important;
}
.luigi-ac-brand-wrapper .luigi-ac-item {
width: unset !important;
}
@media screen and (min-width: 0) and (min-resolution: 0.001dpcm) {
.luigi-ac-line .luigi-ac-item {
zoom: 100%;
}
}
.luigi-ac-line .luigi-ac-button-block {
width: 100%;
text-align: center;
}
.luigi-ac-line .luigi-ac-button .search-suggestions__query {
font-family: 'RobotoNewBold';
}
@media (max-width: 360px) {
.luigi-ac-button.luigi-ac-button-hero {
font-size: 14px;
}
}
@media (max-width: 1020px) {
.luigi-ac-others .luigi-ac-name,
.luigi-ac-rest-main .luigi-ac-name {
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.luigi-ac-others .luigi-ac-description,
.luigi-ac-rest-main .luigi-ac-description {
width: 70%;
}
.luigi-ac-rest-main.luigi-ac-main--border {
border-left: 0;
margin-top: 2rem;
}
.luigi-ac-rest-main .luigi-ac-item.luigi-ac-product:last-child {
margin-bottom: 1rem;
}
}
.luigi-ac {
color: #232323;
font-family: 'RobotoNewRegular';
font-size: 15px;
font-weight: 400;
}
.luigi-ac--fixed {
position: fixed;
overflow: auto;
-webkit-overflow-scrolling: touch;
margin: auto;
}
.luigi-ac-empty {
display: none !important;
}
.luigi-ac-attrs {
color: #373b43;
}
.luigi-ac-button,
.luigi-ac-button-buy {
cursor: pointer;
border-radius: 3px;
border: 0px solid white;
background-color: #1cb3a2;
border: solid 1px #1cb3a2;
color: white;
margin: 15px 20px;
padding: 10px;
text-align: center;
font-family: 'RobotoNewBold';
font-size: 16px;
font-weight: 400;
transition: background-color 0.2s linear 0s;
}
.luigi-ac-button-buy:hover,
.luigi-ac-button:hover {
background-color: #26bdac;
}
.luigi-ac-highlight {
background-color: transparent;
}
.luigi-ac-active,
.luigi-ac-item:focus,
.luigi-ac-item:hover {
background-color: #eefaf8;
}
.luigi-ac-nobr {
white-space: nowrap;
}
@media (max-width: 415px) {
.lb-lock-scroll {
overflow: hidden;
}
}
#luigi-ac .luigi-ac__highlighted,
.luigi-ac-line .luigi-ac__highlighted,
.luigi-ac-others .luigi-ac__highlighted {
white-space: nowrap;
}
.luigi-ac-main .luigi-ac__highlighted {
word-break: normal;
}
.luigi-ac-item-wrapper > a {
padding: 0 20px;
margin-bottom: 5px;
}
@media (min-width: 1021px) {
.line-clamp {
display: block;
display: -webkit-box;
-webkit-box-orient: vertical;
position: relative;
line-height: 1.4;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
padding: 0 !important;
}
.line-clamp-1 {
-webkit-line-clamp: 1;
height: 1.4em;
}
.line-clamp-2 {
-webkit-line-clamp: 2;
height: 2.73em;
}
.line-clamp-3 {
-webkit-line-clamp: 3;
height: 4.13em;
}
.line-clamp-4 {
-webkit-line-clamp: 4;
height: 5.6em;
}
.line-clamp-5 {
-webkit-line-clamp: 5;
height: 7em;
}
}
.luigi-ac-line .luigi-ac-product {
position: relative;
}
.luigi-ac-line .luigi-ac-product .luigi-ac-text {
width: 100%;
padding-bottom: 15px;
}
.luigi-ac-line .luigi-ac-product .luigi-ac-price {
position: absolute;
left: 75px;
bottom: 15px;
display: flex;
width: auto;
gap: 10px;
color: black;
font-family: 'RobotoNewBold';
font-size: 16px;
}
.luigi-ac-line .luigi-ac-product .luigi-ac-price-discount {
color: #e60000;
}
.luigi-ac-line .luigi-ac-product .luigi-ac-price-discount .luigi-ac-price-old {
color: black;
font-family: 'RobotoNewRegular';
}
.luigi-ac-header {
margin: 0 20px;
display: flex;
align-items: center;
}
.luigi-ac-header table {
flex-grow: 0;
width: unset;
}
.luigi-ac-header::after {
content: '';
width: 100%;
height: 1px;
display: block;
background-color: #e7e7e7;
}
.luigi-ac-image {
border-radius: 3px;
border: 1px solid #e7e7e7;
}
.luigi-ac-item .luigi-ac-item {
margin-bottom: 5px;
}
.luigi-ac-product .luigi-ac-image div,
.luigi-ac-product img {
width: 60px;
height: 60px;
object-fit: contain;
}
.luigi-ac-product .luigi-ac-image {
width: 60px;
height: 60px;
text-align: center;
border-radius: 3px;
border: 1px solid #e7e7e7;
}
.sidebar-controllers-wrap {
font-size: 0;
}
.sidebar-controllers-wrap:before,
.sidebar-controllers-wrap:after {
content: "";
display: table;
}
.sidebar-controllers-wrap:after {
clear: both;
}
@media only screen and (max-width: 799px) {
.sidebar-controllers-wrap {
display: block !important;
}
}
.sidebar-controllers-wrap .button {
background-color: white;
border: 1px solid #b9b9b9;
border-radius: 4px;
box-sizing: border-box;
color: #5e5e5e;
cursor: pointer;
font-family: 'RobotoNewRegular';
font-size: 15px;
line-height: 1;
padding: 9px 10px;
transition: color 0.2s linear 0s;
}
.sidebar-controllers-wrap .button:hover,
.sidebar-controllers-wrap .button:focus {
color: #37bfb0;
}
@media only screen and (max-width: 479px) {
.sidebar-controllers-wrap .button {
font-size: 12px;
}
}
.sidebar-controllers-wrap .show-sidebar-filters-button {
background: white url('/Content/img/icons/icon-filter-settings.svg') no-repeat 9px 9px;
float: left;
margin-right: 8px;
padding-left: 31px;
}
@media only screen and (max-width: 479px) {
.sidebar-controllers-wrap .show-sidebar-filters-button {
background-position-y: 8px;
}
}
.sidebar-controllers-wrap .filtered-products-count {
color: #bab9b9;
float: right;
font-family: 'RobotoNewRegular';
font-size: 15px;
line-height: 35px;
}
@media only screen and (min-width: 720px) {
.sidebar-controllers-wrap .filtered-products-count {
display: none;
}
}
@media only screen and (max-width: 479px) {
.sidebar-controllers-wrap .filtered-products-count {
font-size: 14px;
line-height: 32px;
}
}
@media only screen and (max-width: 339px) {
.sidebar-controllers-wrap .filtered-products-count {
display: none;
}
}
.sidebar--filters {
background-color: white;
box-sizing: border-box;
display: none;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 420px;
z-index: 3333333333;
}
@media only screen and (min-width: 1249px) {
.sidebar--filters {
display: none !important;
}
}
@media only screen and (min-width: 461px) and (max-height: 599px) {
.sidebar--filters {
width: 450px;
}
}
@media only screen and (max-width: 460px) {
.sidebar--filters {
width: 90%;
}
}
@media only screen and (max-width: 989px) {
.last-visited-products-wrap {
display: none;
}
}
.last-visited-products-heading {
color: black;
font-family: 'RobotoNewRegular';
font-size: 17px;
letter-spacing: -0.5px;
margin: 0 0 10px 0;
padding: 0;
text-align: center;
}
#sidebar .sidebar-holder h2.last-visited-products-heading {
color: black;
font-family: 'RobotoNewRegular';
font-size: 17px;
letter-spacing: -0.5px;
margin: 0 0 10px 0;
padding: 0;
text-align: center;
}
.last-visited-product {
margin-bottom: 25px;
}
.sidebar-wrap:before,
.sidebar-wrap:after {
content: "";
display: table;
}
.sidebar-wrap:after {
clear: both;
}
.sidebar-wrap--filters {
margin: 10px 0;
}
@media only screen and (min-width: 1249px) {
.sidebar-wrap--filters {
display: none;
}
}
@media only screen and (max-width: 639px) {
.sidebar-wrap--filters {
margin-bottom: 5px;
}
}
.sidebar {
overflow-y: auto;
}
.sidebar__header {
box-sizing: border-box;
height: auto;
margin: 0;
min-width: 0;
padding: 10px 71px 11px 15px;
position: static;
text-align: center;
width: 100%;
z-index: auto;
}
.sidebar__header:before,
.sidebar__header:after {
content: "";
display: table;
}
.sidebar__header:after {
clear: both;
}
@media only screen and (max-width: 480px) {
.sidebar__header {
padding-top: 15px;
padding-bottom: 13px;
text-align: left;
}
}
.sidebar__title {
color: #121212;
font-family: 'RobotoNewMedium';
font-size: 25px;
font-weight: 500;
margin: 0;
}
@media only screen and (max-width: 480px) {
.SK .sidebar__title {
font-size: 22px;
}
.PL .sidebar__title {
font-size: 22px;
}
.HU .sidebar__title {
font-size: 19px;
}
}
@media only screen and (max-width: 360px) {
.CZ .sidebar__title {
font-size: 20px;
}
.SK .sidebar__title {
font-size: 17px;
}
.PL .sidebar__title {
font-size: 17px;
}
.HU .sidebar__title {
font-size: 15px;
}
.RO .sidebar__title {
font-size: 20px;
}
}
.sidebar__close-button {
color: #676767;
cursor: pointer;
display: block;
float: right;
font-family: 'RobotoNewRegular';
font-size: 36px;
height: 56px;
line-height: 56px;
position: absolute;
right: 0;
text-align: center;
text-decoration: none;
top: 0;
transition: color 0.2s linear 0s;
width: 56px;
}
.sidebar__close-button:hover {
color: #8b8b8b;
}
@media only screen and (max-width: 375px), (max-height: 375px) and (orientation: landscape) {
.sidebar__close-button {
height: 50px;
line-height: 50px;
}
}
.sidebar-overlay {
background-color: rgba(0, 0, 0, 0.3);
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 3333333332;
}
/*
@import "components\staticPage\_staticPage.less";
@import "components\staticPage\aboutUs.less";
@import "components\staticPage\careerPage.less";
@import "components\staticPage\contactPage.less";
@import "components\staticPage\cookiesSettings.less";
@import "components\staticPage\deliveryPage.less";
@import "components\staticPage\faq.less";
@import "components\staticPage\paymentPage.less";
@import "components\staticPage\philipsHue.less";
@import "components\staticPage\twistoPayAfterChristmas.less";
@import "components\staticPage\whyShopUs.less";
*/
.tabs--inline-filters {
position: relative;
}
.tabs--inline-filters .tabs__items-wrap {
display: flex;
flex-wrap: wrap;
gap: 5px;
}
.tabs--inline-filters .tab__item.ui-state-default {
border: 0 solid white;
border-width: 1px 1px 0 1px;
float: left;
position: relative;
top: -1px;
}
.tabs--inline-filters .tab__item.ui-state-default .tab__anchor {
color: black;
font-family: 'RobotoNewLight';
font-size: 15px;
height: 33px;
line-height: 33px;
padding: 0 10px;
border-radius: 3px;
border: 1px solid #e7e7e7;
background: white;
width: 100px;
position: relative;
box-sizing: border-box;
}
.tabs--inline-filters .tab__item.ui-state-default .tab__anchor:after {
background-image: url("/Content/img/icons/icon-filter-arrow.svg");
content: "";
display: inline-block;
position: absolute;
top: 40%;
right: 10px;
height: 10px;
width: 10px;
}
.tabs--inline-filters .tab__item.ui-state-active .tab__anchor {
font-family: 'RobotoNewMedium';
font-size: 15px;
}
.tabs--inline-filters .tab__item.ui-state-active .tab__anchor:after {
transform: scale(1, -1);
}
.tabs--inline-filters .tab__item.ui-state-active:after {
content: '';
position: absolute;
width: 100%;
left: 0;
bottom: -7px;
height: 10px;
display: block;
background-color: white;
border-right: 1px solid #e7e7e7;
border-left: 1px solid #e7e7e7;
box-sizing: border-box;
}
.tabs--inline-filters .tab__item.ui-state-hover .tab__anchor {
color: #666666;
}
.tabs--inline-filters .tab__content {
border: 1px solid #e4e4e4;
font-family: 'RobotoNewMedium';
font-size: 15px;
margin-bottom: 7px;
padding: 10px 20px;
margin-top: 5px;
}
.tabs--popup-filters {
border-bottom: 1px solid #9cbdc9;
height: 400px;
position: relative;
width: 100%;
}
@media only screen and (max-height: 600px) and (min-width: 800px) {
.tabs--popup-filters {
height: 300px;
}
}
@media only screen and (max-height: 460px) and (min-width: 800px) {
.tabs--popup-filters {
height: 200px;
}
}
.tabs--popup-filters .tabs__items-wrap {
background-color: transparent;
border: 0 none;
height: 100%;
left: 0;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
top: 0;
width: calc(30% + 1px);
z-index: 2;
}
@media only screen and (min-width: 1280px) and (orientation: landscape) {
.tabs--popup-filters .tabs__items-wrap {
width: calc(25% + 1px);
}
}
.tabs--popup-filters .tab__item.ui-state-default {
background-color: #dfedf2;
border-color: #9cbdc9;
border-style: solid;
border-width: 0 1px 1px 0;
width: 100%;
}
.tabs--popup-filters .tab__item.ui-state-default .tab__anchor {
font-family: 'RobotoNewLight';
font-size: 17px;
color: black;
line-height: 20px;
padding: 10px 20px;
}
.tabs--popup-filters .tab__item:last-child {
border-bottom-width: 0;
}
.tabs--popup-filters .tab__item.ui-state-active {
background-color: white;
border-right-color: white;
}
.tabs--popup-filters .tab__item.ui-state-active .tab__anchor {
font-family: 'RobotoNewMedium';
}
.tabs--popup-filters .tab__item.ui-state-active:last-child {
border-bottom-width: 1px;
}
.tabs--popup-filters .tab__item.ui-state-hover .tab__anchor {
color: #666666;
}
.tabs--popup-filters .tab__content {
background-color: white;
border-left-color: #9cbdc9;
border-left-style: solid;
border-width: 0 0 0 1px;
font-family: 'RobotoNewLight';
font-size: 15px;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
padding: 20px 40px;
position: absolute;
right: 0;
top: 0;
width: 70%;
z-index: 1;
}
@media only screen and (min-width: 1280px) and (orientation: landscape) {
.tabs--popup-filters .tab__content {
width: 75%;
}
}
.tabs {
background-color: white;
background-image: none;
border: 0 none;
border-radius: 0;
box-sizing: border-box;
}
.tabs__items-wrap {
background-color: white;
background-image: none;
border: 0 none;
border-radius: 0;
box-sizing: border-box;
margin: 0;
padding: 0;
}
.tabs__items-wrap::after,
.tabs__items-wrap::before {
content: none !important;
}
.tab__item.ui-state-default {
background-color: white;
background-image: none;
border-radius: 0;
box-sizing: border-box;
list-style: none;
margin: 0;
padding: 0;
}
.tab__item.ui-state-default .tab__anchor {
cursor: pointer;
display: block;
transition: color 0.2s linear 0s;
}
.tab__item.ui-state-active {
background-color: whitesmoke;
border-radius: 0;
}
.tab__content {
background-image: none;
border-radius: 0;
box-sizing: border-box;
display: none;
}