") 50% center / 28px 28px no-repeat; } a.login-btn.seznam .login-seznam-icon { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='30' fill='none' viewBox='0 0 28 30'%3E%3Cpath fill='%23fff' d='M.406 30c5.403 0 27.429-2.575 27.429-9.47 0-4.2-5.627-6.203-7.938-6.874-4.405-1.278-7.979-2.596-7.979-3.752s2.504-1.397 5.191-1.992c3.58-.791 5.085-1.228 5.085-3.131 0-1.24-.952-2.753-1.437-3.405C19.912.24 19.778 0 19.502 0c-.596 0-.125.773-6.859 1.908-4.266.72-9.943 2.64-9.943 6.53s5.077 5.695 10.16 7.534c5.238 1.896 9.618 2.589 9.618 5.613 0 4.823-20.7 7.868-22.041 8.09-.628.105-.525.325-.031.325'/%3E%3C/svg%3E") 50% center / 22px 23px no-repeat; } #footer a.login-btn:hover { text-decoration: none; } input[type="submit"].btn { appearance: none; } .next-step-back, a.next-step-back { text-transform: none; } .image360::after, .show360image::after { background-color: rgba(255, 255, 255, 0.45); border-radius: 100%; color: rgb(119, 119, 119); content: ""; font-size: 60px; height: 80px; left: 50%; line-height: 80px; margin-left: -40px; margin-top: -40px; position: absolute; text-align: center; top: 50%; width: 80px; z-index: 1; } .image360 { background: rgb(255, 255, 255); cursor: pointer; max-width: 100%; position: relative; text-align: center; } .image360.image360-loaded::after, .image360:hover::after { background-color: rgba(255, 255, 255, 0); content: ""; z-index: -1; } .image360-fullscreen-on .image360.image360-fullscreen-target { background: rgb(255, 255, 255); inset: 0px; height: 100%; margin: 0px; position: fixed; width: 100%; z-index: 100000; } .image360-holder { align-items: center; cursor: grab; display: flex; height: 100%; margin: 0px auto; position: relative; } .image360-holder img { margin: 0px auto; max-height: 100%; max-width: 100%; min-width: 1px; object-fit: contain; } .image360-navigation { bottom: 0px; font-size: 0px; height: 24px; left: 0px; opacity: 0.6; position: absolute; right: 0px; transition: opacity 0.3s ease-out 0s; } .image360-navigation span { cursor: pointer; display: inline-block; font-size: 24px; padding: 0px 3px; } .image360-navigation:hover { opacity: 1; } .image360-fullscreen-on .image360-navigation { bottom: 10px; } .show360image { cursor: pointer; position: relative; } body.image360-fullscreen-on { overflow: hidden; } .country-flags { align-items: center; cursor: pointer; display: flex; height: 48px; position: relative; } .country-flags-inner { border-style: solid; border-width: 1px; position: relative; } .country-flags.active .country-flags-inner { height: 360px; left: -5px; overflow: auto; padding: 48px 5px 5px; position: absolute; top: -1px; width: 300px; z-index: 10; } .country-flags.active.turned .country-flags-inner { bottom: 0px; top: auto; } .country-flag { align-items: center; display: none; height: 48px; } .country-flag.selected, .country-flags.active .country-flag { display: flex; margin-left: -5px; padding-left: 5px; padding-right: 5px; transition: all 0.3s ease-out 0s; } .country-flags.active .country-flag.selected { display: flex; left: 5px; position: absolute; right: 5px; top: 0px; } .country-flags.active .country-flag.country-flag-preferred-last, .country-flags.active .country-flag.selected { border-bottom-style: solid; border-bottom-width: 1px; } .shp-flag-name { display: none; padding-right: 5px; } .country-flags.active .shp-flag-name { display: inline-block; } .shp-flag, .shp-flag-label { flex-grow: 0; flex-shrink: 0; } .shp-flag { height: 24px; width: 24px; } .shp-flag-label { display: flex; font-size: 14px; justify-self: flex-end; line-height: 18px; padding-left: 16px; padding-right: 3px; position: relative; text-align: right; width: calc(100% - 24px); } .shp-flag-label::before { border-style: solid; border-width: 6px; content: ""; height: 0px; left: 3px; margin-top: -3px; position: absolute; top: 50%; width: 0px; } .country-flags.active .shp-flag-label { text-align: left; width: calc(100% - 24px); } .country-flags.active .shp-flag-label::before { display: none; } .phone-combined-input { align-items: center; display: flex; flex-wrap: nowrap; } :where(.ums_forms_redesign--on) .phone-combined-input { width: 100%; } .phone-combined-input select { display: none; } .phone-combined-input .country-flags, .phone-combined-input input { flex-grow: 0; } .phone-combined-input input { width: 100%; } @media (min-width: 480px) { :where(.ums_forms_redesign--off) .phone-combined-input { max-width: 260px; } } .search-results-groups .search-results-group { margin-bottom: 22px; } .search-results-groups h4 { margin: 0px 0px 11px; } .search-results-groups ul { columns: 240px 3; margin: 0px 0px 11px; padding-left: 40px; } .search-results-groups ul li { list-style-position: outside; } .search-products-heading { margin-top: 0px; } .menu-helper { align-items: center; cursor: pointer; display: none; flex: 0 0 auto; font-weight: 700; height: 68px; position: absolute; right: 0px; top: 0px; visibility: hidden; z-index: -1; } .menu-helper, .menu-helper > span { font-size: 18px; line-height: 18px; text-transform: none; } .menu-helper > span { border-style: none; border-width: 0px; padding: 25px 10px; position: relative; } .menu-helper::after { content: ""; text-align: center; transition: transform 0.3s ease-out 0s; } .menu-helper-visible .menu-helper::after { content: ""; transform: rotate(180deg); } .menu-helper > ul { border-style: solid; border-width: 1px; display: none; max-height: 340px; overflow: auto; position: absolute; right: 0px; text-align: right; text-transform: none; top: calc(50% + 34px); width: 280px; z-index: 1; } .menu-helper-visible .menu-helper > ul { display: block; } .menu-helper > ul > li { border-top-style: none; border-top-width: 0px; } .menu-helper > ul > li.splitted { display: none; } .menu-helper > ul > li.splitted + li { border-top-style: none; } .menu-helper > ul > li a b { font-weight: 400; } .menu-helper > ul > li a.menu-image { display: none; } .menu-helper > ul > li > a { padding: 1.5rem 20px; } .menu-helper .menu-level-2 a { font-weight: 400; padding: 0.75rem 40px; } .menu-helper .has-third-level ul { display: none; } .menu-helper.visible { visibility: visible; z-index: 1; } @media (min-width: 768px) { .menu-helper { display: flex; } } @media (min-width: 992px) and (min-height: 600px) { .menu-helper > ul { max-height: 480px; } } @media (min-width: 992px) and (min-height: 800px) { .menu-helper > ul { max-height: 680px; } } .widget-parameter-wrapper { display: flex; margin: 22px 0px 0px; overflow: hidden; position: relative; width: 100%; } .widget-parameter-wrapper .widget-parameter-list { display: flex; flex-shrink: 0; flex-wrap: wrap; list-style-type: none; margin: 0px; padding: 0px; } .widget-parameter-wrapper .widget-parameter-more, .widget-parameter-wrapper .widget-parameter-value { flex-shrink: 0; } .widget-parameter-wrapper .widget-parameter-more a, .widget-parameter-wrapper .widget-parameter-more span, .widget-parameter-wrapper .widget-parameter-value a, .widget-parameter-wrapper .widget-parameter-value span { padding: 0px 10px; } .widget-parameter-wrapper .widget-parameter-value:first-child a { padding-left: 0px; } .widget-parameter-wrapper .widget-parameter-more { visibility: hidden; } .widget-parameter-wrapper .widget-parameter-more.visible { visibility: visible; } .blog-wrapper { padding: 22px 0px; } @media (min-width: 768px) { .blog-wrapper { align-items: flex-start; display: flex; flex-flow: wrap; justify-content: stretch; } } .blog-wrapper .homepage-group-title { flex: 0 0 100%; padding-left: 20px; padding-right: 20px; } .blog-wrapper .news-item { display: block; flex-basis: 100%; margin-bottom: 22px; padding: 20px 0px; position: relative; width: 100%; } @media (min-width: 768px) { .blog-wrapper .news-item { flex-basis: 50%; margin-bottom: 0px; padding: 20px; width: 50%; } .multiple-columns-body .blog-wrapper .news-item { flex-basis: 100%; width: 100%; } .multiple-columns-body.mobile .blog-wrapper .news-item { flex-basis: 50%; width: 50%; } } @media (min-width: 1200px) { .blog-wrapper .news-item, .multiple-columns-body .blog-wrapper .news-item, .multiple-columns-body.mobile .blog-wrapper .news-item { flex-basis: 50%; width: 50%; } } .blog-wrapper .news-item .image, .blog-wrapper .news-item .image img { width: 100%; } .blog-wrapper .news-item .title { margin-top: 22px; } .blog-wrapper .news-item .description { color: var(--colors-foregrounds-content-primary); margin: 11px 0px 0px; } .blog-wrapper .news-item .read-article { display: none; } .preauthorization-box { align-items: center; background-color: var(--color-secondary); column-gap: 4px; display: grid; grid-template-columns: 1fr auto; padding: 11px; } .preauthorization-box__description, .preauthorization-box__price, .preauthorization-box__title { color: var(--colors-foregrounds-content-inverted); } .preauthorization-box__price { font-size: 32px; } .preauthorization-box__description { grid-column: span 2 / span 2; } .express-checkout { --express-checkout-max-width: 550px; --express-checkout-width: 100%; --express-checkout-max-height: 90vh; --express-checkout-height: auto; --express-checkout-color-black: #000; --express-checkout-color-white: #fff; --express-checkout-color-gray: #6f6f6f; --express-checkout-color-gray-light: #cfcfcf; --express-checkout-color-green: #2a861d; --express-checkout-color-red: #e60000; --express-checkout-spacing-xs: 4px; --express-checkout-spacing-sm: 8px; --express-checkout-spacing-md: 12px; --express-checkout-spacing-base: 16px; --express-checkout-spacing-lg: 24px; --express-checkout-spacing-xl: 32px; --express-checkout-spacing-xxl: 48px; } .express-checkout .price-font-phone { font-size: 16px; font-weight: 700; line-height: 24px; white-space: nowrap; } .express-checkout .price-font { font-size: 20px; font-weight: 700; line-height: 30px; white-space: nowrap; } .express-checkout .info { align-items: center; border-top: 1px solid var(--express-checkout-color-gray-light); cursor: pointer; display: flex; gap: var(--express-checkout-spacing-md); margin-top: var(--express-checkout-spacing-sm); padding: calc(var(--express-checkout-spacing-md) + var(--express-checkout-spacing-sm)) 0 var(--express-checkout-spacing-md); } @keyframes loader { 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } } #colorbox.express-checkout { box-sizing: border-box; overflow-y: auto; bottom: 0px !important; height: var(--express-checkout-height) !important; left: 50% !important; max-height: var(--express-checkout-max-height) !important; max-width: var(--express-checkout-max-width) !important; position: fixed !important; top: unset !important; transform: translateX(-50%) !important; width: var(--express-checkout-width) !important; } #colorbox.express-checkout #cboxWrapper { border-radius: 16px 16px 0px 0px; position: static !important; } #colorbox.express-checkout #cboxContent { border: none; box-sizing: border-box; clear: none; margin: 0px; float: none !important; height: var(--express-checkout-height) !important; width: var(--express-checkout-width) !important; } #colorbox.express-checkout #cboxLoadedContent { box-sizing: border-box; padding: 0px; } #colorbox.express-checkout #cboxClose, #colorbox.express-checkout #cboxContent, #colorbox.express-checkout #cboxLoadedContent, #colorbox.express-checkout #cboxLoadingOverlay { border-radius: 0px; } #colorbox.express-checkout #cboxMiddleLeft, #colorbox.express-checkout #cboxMiddleRight { display: none !important; } #colorbox.express-checkout #cboxLoadingGraphic { left: 50% !important; position: fixed !important; top: 50% !important; transform: translate(-50%, -50%) !important; } #colorbox.express-checkout #cboxClose { margin: var(--express-checkout-spacing-md) var(--express-checkout-spacing-md) 0 0; color: var(--express-checkout-color-gray) !important; } @media (min-width: 480px) { #colorbox.express-checkout { bottom: unset !important; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; } #colorbox.express-checkout #cboxWrapper { border-radius: 0px; } } #cboxOverlay.express-checkout { background-color: rgb(0, 0, 0) !important; } .express-checkout__header { align-items: center; box-shadow: rgb(220, 220, 220) 0px 2px 4px 0px; display: flex; height: 100%; min-height: 64px; padding: var(--express-checkout-spacing-md); position: relative; } @media (min-width: 480px) { .express-checkout__header { box-shadow: none; justify-content: center; } } .express-checkout__header-back-button.btn { align-items: center; display: flex; height: 40px; justify-content: center; padding: 0px; width: 40px; color: var(--express-checkout-color-gray) !important; } .express-checkout__header-back-button .icon-chevron-left { pointer-events: none; } @media (min-width: 480px) { .express-checkout__header-back-button { left: var(--express-checkout-spacing-md); position: absolute; top: 50%; transform: translateY(-50%); } } .express-checkout__header-title { margin: 0 0 0 var(--express-checkout-spacing-sm); } @media (min-width: 480px) { .express-checkout__header-title { margin: 0 var(--express-checkout-spacing-xxl); text-align: center; } } .express-checkout__body { padding: var(--express-checkout-spacing-lg) var(--express-checkout-spacing-md); } @media (min-width: 480px) { .express-checkout__body { padding: var(--express-checkout-spacing-lg); } } .express-checkout__product { align-items: center; display: flex; gap: var(--express-checkout-spacing-md); justify-content: space-between; margin-top: var(--express-checkout-spacing-sm); } .express-checkout__product:first-child { margin-top: 0px; } @media (min-width: 480px) { .express-checkout__product { gap: var(--express-checkout-spacing-lg); } } .express-checkout__product-inner { align-items: center; display: flex; flex: 1 1 auto; gap: var(--express-checkout-spacing-sm); } @media (min-width: 480px) { .express-checkout__product-inner { gap: var(--express-checkout-spacing-md); } } .express-checkout__product-image { display: none; } @media (min-width: 480px) { .express-checkout__product-image { align-items: center; display: flex; flex: 0 0 48px; justify-content: center; } } .express-checkout__product-name { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin: 0px; overflow: hidden; text-overflow: ellipsis; } .express-checkout__product-prices { align-items: flex-end; display: flex; flex: 0 0 20%; flex-direction: column; } .express-checkout__product-price-standard { color: var(--express-checkout-color-gray); font-size: 14px; margin: 0px; text-decoration: line-through; } .express-checkout__product-price-final { font-size: 16px; font-weight: 700; line-height: 24px; margin: 0px; white-space: nowrap; } .express-checkout__product-price-final ins { text-decoration: none; } @media (min-width: 480px) { .express-checkout__product-price-final { font-size: 20px; font-weight: 700; line-height: 30px; white-space: nowrap; } } .express-checkout__gift { align-items: center; display: flex; gap: var(--express-checkout-spacing-sm); margin-top: var(--express-checkout-spacing-sm); } @media (min-width: 480px) { .express-checkout__gift { gap: var(--express-checkout-spacing-md); } } .express-checkout__gift-image { display: none; } @media (min-width: 480px) { .express-checkout__gift-image { align-items: center; display: flex; flex: 0 0 48px; justify-content: center; } } .express-checkout__gift-name { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin: 0px; overflow: hidden; text-overflow: ellipsis; } .express-checkout__gift-price { color: var(--express-checkout-color-green); margin: 0px 0px 0px auto; } .express-checkout__pre-authorization-message { font-weight: 700; margin: 0 0 var(--express-checkout-spacing-lg); } .express-checkout__pre-authorization-product { align-items: center; display: flex; gap: var(--express-checkout-spacing-md); margin-top: var(--express-checkout-spacing-sm); } .express-checkout__pre-authorization-product-image { align-items: center; display: flex; flex: 0 0 48px; justify-content: center; } .express-checkout__pre-authorization-product-name { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin: 0px; overflow: hidden; text-overflow: ellipsis; } .express-checkout__pre-authorization-button { align-items: stretch; display: flex; flex-direction: column; margin: var(--express-checkout-spacing-lg) auto 0; width: 100%; } .express-checkout__pre-authorization-button .btn-conversion::after { display: none; } @media (min-width: 480px) { .express-checkout__pre-authorization-button { width: 350px; } } .express-checkout__quick-payment { margin-top: var(--express-checkout-spacing-lg); } .express-checkout__quick-payment-title { margin: 0 0 var(--express-checkout-spacing-xs); } .express-checkout__quick-payment-description { margin: 0px; } .express-checkout__quick-payment-buttons { margin-top: var(--express-checkout-spacing-base); } .express-checkout__divider { display: flex; justify-content: center; margin-top: var(--express-checkout-spacing-lg); position: relative; } .express-checkout__divider::before { background-color: var(--express-checkout-color-gray); content: ""; height: 1px; left: 0px; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; } .express-checkout__divider-text { background-color: var(--express-checkout-color-white); color: var(--express-checkout-color-gray); margin: 0px; padding: 0 var(--express-checkout-spacing-sm); position: relative; } .express-checkout__login-footer { align-items: stretch; display: flex; flex-direction: column; gap: var(--express-checkout-spacing-xl); margin: var(--express-checkout-spacing-lg) auto var(--express-checkout-spacing-base); width: 100%; } .express-checkout__login-footer .btn-conversion::after { display: none; } @media (min-width: 480px) { .express-checkout__login-footer { width: 350px; } } .express-checkout__login-footer-link { margin: 0px; text-align: center; } .express-checkout__login-footer-link a { text-decoration: underline; } .express-checkout__login-footer-link a, .express-checkout__login-footer-link a:focus, .express-checkout__login-footer-link a:hover { color: var(--colors-foregrounds-content-primary); } .express-checkout__login-title { margin: 0 0 var(--express-checkout-spacing-lg); } .express-checkout__login-form-group { margin: 0px; } .express-checkout__discount, .express-checkout__login-form-group + .express-checkout__login-form-group { margin-top: var(--express-checkout-spacing-sm); } .express-checkout__discount { align-items: center; display: flex; gap: var(--express-checkout-spacing-sm); justify-content: space-between; } @media (min-width: 480px) { .express-checkout__discount { padding-left: 60px; } } .express-checkout__discount--standalone { border-top: 1px solid var(--express-checkout-color-gray-light); margin-top: var(--express-checkout-spacing-sm); padding-left: 0px; padding-top: var(--express-checkout-spacing-sm); } @media (min-width: 480px) { .express-checkout__discount--standalone { margin-top: var(--express-checkout-spacing-base); padding-top: var(--express-checkout-spacing-base); } } .express-checkout__discount-name { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin: 0px; overflow: hidden; text-overflow: ellipsis; } .express-checkout__discount-value { font-size: 16px; font-weight: 700; line-height: 24px; margin: 0px; white-space: nowrap; } @media (min-width: 480px) { .express-checkout__discount-value { font-size: 20px; font-weight: 700; line-height: 30px; white-space: nowrap; } } .express-checkout__products-price-total { align-items: center; border-top: 1px solid var(--express-checkout-color-gray-light); display: flex; gap: var(--express-checkout-spacing-sm); justify-content: space-between; margin-top: var(--express-checkout-spacing-sm); padding-top: var(--express-checkout-spacing-sm); } @media (min-width: 480px) { .express-checkout__products-price-total { margin-top: var(--express-checkout-spacing-base); padding-top: var(--express-checkout-spacing-base); } } .express-checkout__products-price-total-label { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin: 0px; overflow: hidden; text-overflow: ellipsis; } .express-checkout__products-price-total-value { font-size: 16px; font-weight: 700; line-height: 24px; margin: 0px; white-space: nowrap; } @media (min-width: 480px) { .express-checkout__products-price-total-value { font-size: 20px; font-weight: 700; line-height: 30px; white-space: nowrap; } } .express-checkout__info { border: 1px solid var(--express-checkout-color-gray-light); border-radius: 0px; margin-top: var(--express-checkout-spacing-lg); padding: var(--express-checkout-spacing-xs) var(--express-checkout-spacing-base); } .express-checkout__info-shipping { align-items: center; cursor: pointer; display: flex; gap: var(--express-checkout-spacing-md); min-height: 46px; padding: var(--express-checkout-spacing-md) 0; } .express-checkout__info-shipping-inner { align-items: center; display: flex; flex: 1 1 auto; gap: var(--express-checkout-spacing-md); } .express-checkout__info-shipping-image { max-width: 48px; } .express-checkout__info-shipping-name { display: -webkit-box; -webkit-box-orient: vertical; font-weight: 700; -webkit-line-clamp: 2; margin: 0px; overflow: hidden; text-overflow: ellipsis; } .express-checkout__info-shipping-price { color: var(--express-checkout-color-green); margin: 0px 0px 0px auto; white-space: nowrap; } .express-checkout__info-shipping-price.is-free { text-transform: uppercase; } .express-checkout__info-invoicing { align-items: center; border-top: 1px solid var(--express-checkout-color-gray-light); cursor: pointer; display: flex; gap: var(--express-checkout-spacing-md); justify-content: space-between; margin-top: var(--express-checkout-spacing-sm); min-height: 46px; padding: calc(var(--express-checkout-spacing-md) + var(--express-checkout-spacing-sm)) 0 var(--express-checkout-spacing-md); } .express-checkout__info-invoicing-inner { flex: 1 1 auto; } .express-checkout__info-invoicing-name { font-weight: 700; margin: 0px; } .express-checkout__info-invoicing-detail { display: -webkit-box; -webkit-box-orient: vertical; color: var(--express-checkout-color-gray); font-size: 14px; -webkit-line-clamp: 1; margin: 0px; overflow: hidden; text-overflow: ellipsis; } .express-checkout__info-invoicing-invalid { color: var(--express-checkout-color-red); margin: 0px; } .express-checkout__info-billing { align-items: center; border-top: 1px solid var(--express-checkout-color-gray-light); cursor: pointer; display: flex; gap: var(--express-checkout-spacing-md); margin-top: var(--express-checkout-spacing-sm); min-height: 46px; padding: calc(var(--express-checkout-spacing-md) + var(--express-checkout-spacing-sm)) 0 var(--express-checkout-spacing-md); } .express-checkout__info-billing-inner { align-items: center; display: flex; flex: 1 1 auto; gap: var(--express-checkout-spacing-sm); } .express-checkout__info-billing-image { max-width: 48px; } .express-checkout__info-billing-name { display: -webkit-box; -webkit-box-orient: vertical; font-weight: 700; -webkit-line-clamp: 2; margin: 0px; overflow: hidden; text-overflow: ellipsis; } .express-checkout__info-icon { color: var(--express-checkout-color-gray); height: 16px; width: 16px; } .express-checkout__summary { align-items: stretch; display: flex; flex-direction: column; margin: var(--express-checkout-spacing-lg) auto 0; width: 100%; } .express-checkout__summary .btn-conversion::after { display: none; } @media (min-width: 480px) { .express-checkout__summary { width: 350px; } } .express-checkout__summary-price { font-weight: 700; margin: 0 0 var(--express-checkout-spacing-lg); text-align: center; } .express-checkout__summary-error { color: var(--express-checkout-color-red); margin: 0 0 var(--express-checkout-spacing-sm); text-align: center; } .express-checkout__summary-discount { align-items: center; display: flex; gap: var(--express-checkout-spacing-xs); justify-content: center; margin-top: var(--express-checkout-spacing-xl); text-align: center; } .express-checkout__summary-discount-button { background-color: unset; border: none; padding: 0px; text-decoration: underline; } .express-checkout__summary-discount-code { font-weight: 700; } .express-checkout__summary-discount-remove { align-items: center; background-color: rgba(0, 0, 0, 0.3); border: none; border-radius: 50%; display: flex; height: 24px; justify-content: center; margin-left: var(--express-checkout-spacing-xs); padding: 0px; width: 24px; } .express-checkout__summary-discount-remove::before { color: var(--express-checkout-color-white); font-size: 12px; font-weight: 700; } .express-checkout__gdpr { color: var(--express-checkout-color-gray); font-size: 14px; margin: var(--express-checkout-spacing-xl) 0 0; text-align: center; } .express-checkout__gdpr a { text-decoration: underline; } .express-checkout__gdpr a, .express-checkout__gdpr a:focus, .express-checkout__gdpr a:hover { color: var(--express-checkout-color-gray); } .express-checkout__gdpr span { display: block; } .express-checkout__shipping-billing { display: flex; flex-direction: column; gap: var(--express-checkout-spacing-md); padding: var(--express-checkout-spacing-sm) 0; } @media (min-width: 480px) { .express-checkout__shipping-billing { padding: var(--express-checkout-spacing-xl) var(--express-checkout-spacing-md); } } .express-checkout__shipping-billing-item-wrapper { border: none; padding: 0px; background-color: var(--express-checkout-color-white) !important; } .express-checkout__shipping-billing-item { gap: var(--express-checkout-spacing-md); justify-content: flex-start !important; margin-right: 0px !important; } .express-checkout__shipping-billing-item-image { max-width: 48px; } .express-checkout__shipping-billing-item-price { color: var(--express-checkout-color-green); margin-left: auto; } .express-checkout__shipping-billing-item-price.is-free { text-transform: uppercase; } .express-checkout__shipping-billing-footer { align-items: center; border-top: 1px solid var(--express-checkout-color-gray-light); display: flex; gap: var(--express-checkout-spacing-sm); justify-content: space-between; margin: 0px; padding: var(--express-checkout-spacing-lg) 0 var(--express-checkout-spacing-xl); } @media (min-width: 480px) { .express-checkout__shipping-billing-footer { margin: 0 var(--express-checkout-spacing-md); } } .express-checkout__shipping-billing-footer-link { color: var(--colors-foregrounds-content-primary); text-decoration: underline; } .express-checkout__shipping-billing-footer-link span { font-size: 14px; } .express-checkout__shipping-billing-footer-link:focus, .express-checkout__shipping-billing-footer-link:hover { color: var(--colors-foregrounds-content-primary); } .express-checkout__invoicing h4 i { display: none; } .express-checkout__invoicing .form-group { margin-bottom: var(--express-checkout-spacing-base); } .express-checkout__invoicing #shipping-address .box > .form-group { align-items: center; display: flex; gap: var(--express-checkout-spacing-xs); } .express-checkout__invoicing #shipping-address .box > .form-group label { margin: 0px; } .express-checkout__invoicing-button { align-items: stretch; display: flex; flex-direction: column; margin: var(--express-checkout-spacing-lg) auto 0; width: 100%; } .express-checkout__invoicing-button .btn-conversion::after { display: none; } @media (min-width: 480px) { .express-checkout__invoicing-button { width: 350px; } } .express-checkout__discount-coupon { align-items: center; display: flex; flex-direction: column; } .express-checkout__discount-coupon .btn-conversion::after { display: none; } .express-checkout__discount-coupon .btn { margin-top: var(--express-checkout-spacing-lg); width: 100%; } @media (min-width: 480px) { .express-checkout__discount-coupon .btn { width: 350px; } } .express-checkout__discount-coupon-input-wrapper { width: 100%; } .express-checkout__discount-coupon-input-wrapper.form-group { display: flex; flex-direction: column; gap: var(--express-checkout-spacing-sm); margin: 0px; } .express-checkout__discount-coupon-input-wrapper.form-group input.form-control, .express-checkout__discount-coupon-input-wrapper.form-group label { margin: 0px; max-width: 100%; width: 100%; } .express-checkout__discount-coupon-input-wrapper.form-group label { line-height: 1; padding: 0px; } .express-checkout__discount-coupon-input-wrapper .msg-error { margin-left: 0px; } .express-checkout__discount-coupon-label { align-self: flex-start; margin-bottom: var(--express-checkout-spacing-xs); text-align: left; } .express-checkout__loading { align-items: center; display: flex; flex-direction: column; gap: var(--express-checkout-spacing-xxl); padding: var(--express-checkout-spacing-xxl) 0; } .express-checkout__loading-spinner { animation: 0.5s linear 0s infinite normal none running loader; border-top: 5px solid rgba(0, 0, 0, 0.3); border-bottom: 5px solid rgba(0, 0, 0, 0.3); border-left: 5px solid rgba(0, 0, 0, 0.3); border-image: initial; border-radius: 50%; border-right: 5px solid var(--express-checkout-color-black); height: 64px; width: 64px; } .express-checkout__loading-text { text-align: center; } .express-checkout__loading-text.h4 { margin: 0px; } .express-checkout__result { align-items: center; display: flex; flex-direction: column; margin: 0px auto; padding: var(--express-checkout-spacing-lg) 0; } @media (min-width: 480px) { .express-checkout__result { max-width: 350px; } } .express-checkout__result-icon { align-items: center; border-radius: 50%; display: flex; height: 84px; justify-content: center; width: 84px; } .express-checkout__result-icon::before { color: var(--express-checkout-color-white); font-size: 40px; } .express-checkout__result--success .express-checkout__result-icon { background-color: var(--express-checkout-color-green); } .express-checkout__result--error .express-checkout__result-icon { background-color: var(--express-checkout-color-red); } .express-checkout__result-title { text-align: center; } .express-checkout__result-title.h3 { margin: var(--express-checkout-spacing-xxl) 0 var(--express-checkout-spacing-lg); } .express-checkout__result-description { margin: 0px; text-align: center; } .express-checkout__result-button { margin-top: var(--express-checkout-spacing-xxl); width: 100%; } .express-checkout__result-button.btn-conversion::after { display: none; } .form-group.rating-stars-group { display: flex; flex-direction: column; gap: 4px; margin-top: 31px; } :where(.ratingDialog) .form-group.rating-stars-group { margin-top: 11px; } .form-group .rating-stars-wrapper { display: flex; } .form-group .rating-star { align-items: center; display: flex; height: 44px; justify-content: center; line-height: 1; margin: 0px; padding: 0px; width: 44px; } .form-group .rating-star::before { color: var(--color-primary); content: ""; font-size: 30px; line-height: 1; } .form-group .rating-star.full::before { content: ""; } #content .form-group .rating-star-description, #content .form-group .rating-stars-description, .rating-star-description, .rating-stars-description { margin-bottom: 0px; } .rating-notice { margin-top: 22px; } .oss-price-notification { font-size: 14px; font-weight: 400; padding: 0px; } .oss-price-notification__wrapper { width: 100%; } .cart-content .oss-price-notification__wrapper { text-align: right; } .header-background-light { --_color-header-text: var(--colors-foregrounds-content-primary); --_color-header-link: var(--color-primary); --_color-header-contrast-text: var(--colors-foregrounds-content-inverted); --_color-header-contrast-bg: var(--color-primary); } .header-background-dark { --_color-header-text: var(--colors-foregrounds-content-inverted); --_color-header-link: var(--colors-foregrounds-content-inverted); --_color-header-contrast-text: var(--colors-foregrounds-content-primary); --_color-header-contrast-bg: var(--colors-surface-white); } input[type="checkbox"] + label::after { color: var(--colors-foregrounds-content-inverted); } .header-bottom { background-color: var(--colors-surface-primary); } .top-navigation-bar { background-color: var(--colors-surface-secondary); border-color: var(--colors-surface-secondary); } .top-nav-button, .top-navigation-bar a { color: var(--colors-foregrounds-content-primary); } .dropdown-menu, .languagesMenu ul, .top-navigation-bar-menu-helper { background: var(--colors-surface-white); border-color: var(--colors-foregrounds-borders-secondary); } .dropdown-menu li a::before, .languagesMenu ul li a::before, .top-navigation-bar-menu-helper li a::before { background: var(--colors-foregrounds-borders-secondary); border-color: var(--colors-foregrounds-borders-secondary); } .header-bottom { border-color: var(--colors-foregrounds-borders-secondary); color: var(--colors-foregrounds-content-primary); } #navigation, .navigation-in ul.menu-level-2 { border-top-color: var(--colors-foregrounds-borders-secondary); } #navigation { background-color: var(--colors-surface-primary); font-family: var(--template-headings-font),sans-serif; } #navigation .menu-level-3 { font-family: var(--template-font),sans-serif; } #navigation .navigation-in ul li > a > b { border-bottom-color: transparent; } #navigation .navigation-in ul li:hover > a > b { border-bottom-color: var(--colors-foregrounds-content-primary); } .menu-helper { font-family: var(--template-headings-font),sans-serif; } .navigation-buttons a[data-target="navigation"], .navigation-buttons a[data-target="navigation"]:hover, .navigation-buttons a[data-target="search"], .navigation-buttons a[data-target="search"]:hover { background: transparent; } .more-items-trigger { background-color: var(--colors-surface-white); color: var(--color-primary); } .more-items-trigger:hover { color: var(--color-primary-hover); } .stars-label { color: var(--colors-foregrounds-content-primary); } table.detail-parameters tbody tr th .row-header-label { background-color: var(--colors-surface-white); } table.detail-parameters tbody tr th::after { border-top-color: var(--colors-foregrounds-borders-secondary); } table.detail-parameters tbody tr td a { color: var(--colors-foregrounds-content-primary); } .extended-banner-link, .extended-banner-text, .extended-banner-title { color: var(--colors-foregrounds-content-inverted); } .p-thumbnails a img { border-color: transparent; } .p-thumbnails a.highlighted img, .p-thumbnails a:hover img { border-color: var(--colors-foregrounds-borders-secondary); } .detail-parameters .p-code { color: var(--colors-foregrounds-content-primary); } .p-final-price-wrapper .price-final { font-family: var(--template-headings-font),sans-serif; } .p-final-price-wrapper .price-additional { color: var(--colors-foregrounds-content-secondary); } :where(.p-final-price-wrapper) .price-standard { color: var(--colors-foregrounds-content-secondary); } .p-to-cart-block { background-color: var(--colors-surface-secondary); } #product-detail-form .advanced-parameter-inner, #product-detail-form .advanced-parameter-inner.yes-before, #product-detail-form .advanced-parameter-inner:hover { border-color: var(--colors-foregrounds-borders-secondary); } #product-detail-form .advanced-parameter-inner.yes-before::before { background-color: var(--colors-surface-white); border-color: var(--colors-foregrounds-content-primary-dark); color: var(--colors-foregrounds-content-primary-dark); } .quantity { background: var(--colors-surface-white); } .quantity .decrease:hover::before, .quantity .increase:hover::before { background-color: var(--color-secondary); } .link-icons .link-icon { color: var(--colors-foregrounds-content-primary); } .hidden-links, .hidden-links .shp-tab-link { background-color: var(--colors-surface-secondary); } .rate-average-wrap .rate-average { color: var(--colors-foregrounds-content-primary); } .p-detail-tabs { font-family: var(--template-headings-font),sans-serif; } .social-buttons { background-color: var(--colors-surface-primary); } .category-header #products-listing-order { color: var(--colors-foregrounds-content-primary); } .mobile .category-header #products-listing-order { border-color: var(--color-secondary); } @media (max-width: 767px) { .category-header #products-listing-order { border-color: var(--color-secondary); } } .category-header #products-listing-order:hover { color: var(--color-primary-hover); } .listSorting__control, .sortingToggle { background-color: transparent; } .listSorting__control:focus-visible, .listSorting__control:hover, .sortingToggle:focus-visible, .sortingToggle:hover { color: var(--color-primary); } .listSorting__controls--dropdown { border-color: var(--colors-foregrounds-borders-secondary); } @media (min-width: 768px) { .listSorting__controls--dropdown { box-shadow: rgba(0, 0, 0, 0.176) 0px 6px 12px; } } .listSorting__control--current:focus-visible { color: var(--colors-foregrounds-content-primary); } .filters-wrapper .filters-unveil-button-wrapper .btn.btn-default.unveil-button { background-color: transparent; } .filters-wrapper .filters-unveil-button-wrapper .btn.btn-default.unveil-button:hover { color: var(--color-primary-hover); } .subcategories li a { color: var(--colors-foregrounds-content-primary); } .products-block > div, .products-block > div:hover { border-color: transparent; } .products-block .p-in-in a { color: var(--colors-foregrounds-content-primary); } .products-block .p-bottom .price-additional { color: var(--colors-foregrounds-content-tertiary); } .products-block .inactive { color: var(--colors-foregrounds-content-primary); } .pagination__link:hover { border-style: solid; border-width: 1px; } ul.manufacturers-anchors li a { color: var(--colors-foregrounds-content-primary); } ul.manufacturers > li { border-color: var(--colors-foregrounds-borders-secondary); } ul.manufacturers > li h2 { color: var(--colors-foregrounds-content-tertiary); } ul.manufacturers > li li a { color: var(--colors-foregrounds-content-primary); } ul.manufacturers > li:hover h2 { color: var(--color-primary); } :where(body.ums_page_element_headings--off) .sidebar-inner > div { border-color: var(--colors-foregrounds-borders-secondary); } .top-products li::before { border-color: var(--colors-foregrounds-borders-secondary); } .top-products li .top-products-content { color: var(--colors-foregrounds-content-primary); } .top-products li .top-products-content strong { color: var(--colors-foregrounds-content-tertiary); } #footer { background-color: var(--colors-surface-secondary); } :where(body.ums_page_element_headings--off) .footer-rows .news-item-widget h5 { font-family: var(--template-font),sans-serif; } .footer-bottom { background-color: var(--colors-surface-primary); } .cart-widget-product { border-bottom-color: var(--colors-foregrounds-borders-secondary); } .cart-widget-product, .cart-widget-product-name a { color: var(--colors-foregrounds-content-primary); } .cart-widget-product-name a:hover, .cart-widget-product-name > span { color: var(--color-primary); } .cart-widget-product-amount, .cart-widget-product-price, .cart-widget-product-unit { color: var(--colors-foregrounds-content-primary); } .cart-widget-bottom { background-color: var(--colors-surface-white); } .cart-widget-product-delete button { color: var(--colors-foregrounds-content-secondary); } .cart-widget-product-delete button:hover { color: var(--colors-state-danger); } .cart-free-shipping { color: var(--colors-foregrounds-content-primary); } .cart-free-shipping strong { color: var(--color-tertiary); } .cart-table-header { color: var(--colors-foregrounds-content-tertiary); } @media (max-width: 991px) { .cart-table { border-bottom-style: none; } } .free-gift-price { color: var(--colors-state-success); } .cart-table .p-price .price-final, .cart-table .unit-value { color: var(--colors-foregrounds-content-primary); } @media (max-width: 991px) { .cart-table .p-price .price-final, .cart-table .unit-value { color: var(--colors-foregrounds-content-tertiary); } } .content-window-in { background-color: var(--colors-surface-primary); } .back-shopping { color: var(--colors-foregrounds-content-primary); } ol.cart-header li a::before, ol.cart-header li strong::before { background-color: var(--colors-surface-white); border-color: var(--colors-foregrounds-borders-secondary); } ol.cart-header li a span::after, ol.cart-header li strong span::after { border-top-color: var(--colors-foregrounds-borders-secondary); } ol.cart-header li.active a::before, ol.cart-header li.active strong::before, ol.cart-header li.completed a::before, ol.cart-header li.completed strong::before { background-color: var(--color-secondary); border-color: var(--color-secondary); } ol.cart-header li.completed a span::after, ol.cart-header li.completed strong span::after { border-top-color: var(--color-secondary); } .price-range > div { background-color: var(--color-tertiary); } .extra.discount .price-range div::after { color: var(--colors-foregrounds-borders-secondary); } .cart-inner .free-gift { border-bottom-color: var(--colors-foregrounds-borders-secondary); } .price-secondary { color: var(--colors-foregrounds-content-tertiary); } #checkoutSidebar .toggle-contacts { background: transparent; } .checkout-box, .order-recapitulation, .order-summary-inner, .order-summary-item, .recapitulation-single { border-color: var(--colors-foregrounds-borders-secondary); } .shipping-billing-table .radio-wrapper { border-color: transparent transparent var(--colors-foregrounds-borders-secondary); } .desktop .shipping-billing-table .radio-wrapper:hover { border-color: transparent var(--colors-foregrounds-borders-secondary) var(--colors-foregrounds-borders-secondary); } .desktop .shipping-billing-table .radio-wrapper:first-child:hover { border-color: var(--colors-foregrounds-borders-secondary); } .for-free, .radio-wrapper.active .for-free { color: var(--colors-state-success); } #checkoutContent .helper { background: var(--colors-surface-secondary); } #checkoutContent .helper a { color: var(--colors-foregrounds-content-primary); } .recapitulation-wrapper table tr th .row-header-label { background-color: var(--colors-surface-white); } .recapitulation-wrapper table tr th::after { border-top-color: var(--colors-foregrounds-borders-secondary); } .search-input { border-color: transparent; } .search-input::placeholder { color: var(--_color-header-text); } #header .search-input { background-color: var(--color-header-background); color: var(--_color-header-text); } #header .search-input:focus, .search-focused #header .search-input, .search-window-visible #header .search-input { background-color: var(--colors-surface-primary); border-color: transparent; color: var(--colors-foregrounds-content-primary); } #header .search-input:focus::placeholder, .search-focused #header .search-input::placeholder, .search-window-visible #header .search-input::placeholder { color: var(--colors-foregrounds-content-primary); } .search-focused .search-input-icon, .search-window-visible .search-input-icon { color: var(--colors-foregrounds-content-primary); } @media (min-width: 768px) { #header .search-form:hover .search-input { background-color: var(--colors-surface-primary); border-color: transparent; color: var(--colors-foregrounds-content-primary); } #header .search-form:hover .search-input::placeholder { color: var(--colors-foregrounds-content-primary); } #header .search-form:hover .search-input-icon { color: var(--colors-foregrounds-content-primary); } } .navigation-hovered::before, .search-focused::before { background-color: rgba(0, 0, 0, 0.3); } .cart-xyDiscount__banner { background-color: var(--colors-surface-secondary); } @media (min-width: 992px) { .ajax-pending .cart-widget::before { background-color: var(--colors-surface-white); border-top-color: ; border-bottom-color: ; border-left-color: ; border-right-color: transparent; } } :where(.ums_discussion_rating_forms--on) .btn, :where(.ums_discussion_rating_forms--on) .btn.btn-conversion, :where(.ums_discussion_rating_forms--on) a.btn, :where(.ums_discussion_rating_forms--on) a.btn.btn-conversion { font-weight: 900; text-transform: none; } :where(.ums_discussion_rating_forms--on) .btn--link, :where(.ums_discussion_rating_forms--on) a.btn--link { color: var(--colors-foregrounds-content-primary); font-weight: 400; text-decoration: underline; } :where(.ums_discussion_rating_forms--on) .btn--link:focus-visible, :where(.ums_discussion_rating_forms--on) .btn--link:hover, :where(.ums_discussion_rating_forms--on) a.btn--link:focus-visible, :where(.ums_discussion_rating_forms--on) a.btn--link:hover { color: var(--color-primary-hover); text-decoration: underline; } .banner { margin-bottom: 40px; overflow: hidden; position: relative; } @media (max-width: 767px) { .banner { min-height: 220px; } } @media (min-width: 768px) { .banner.banner-lg, .banner.banner-md { min-height: 300px; } } .banner-content { height: 100%; left: 0px; padding: 25px; position: absolute; top: 0px; width: 100%; } .banner-content .banner-content-in { border-style: solid; border-width: 1px; display: table; height: 100%; width: 100%; } .banner-content .banner-content-in > div { display: table-cell; padding: 25px; text-align: center; vertical-align: bottom; } @media (min-width: 768px) { .banner-content .banner-content-in > div { text-align: left; } .banner-content .banner-content-in > div > div { display: table; width: 100%; } .banner-content .banner-content-in > div > div span, .banner-content .banner-content-in > div > div strong { display: table-cell; vertical-align: middle; } .banner-content .banner-content-in > div > div strong { font-size: 24px; line-height: 1.2; padding-left: 20px; text-transform: uppercase; } .banner-content .banner-content-in > div > div .btn { white-space: nowrap; } } .banner-category a, .banner-footer a, .banner-wrapper a, .banners-content a, .footer-banner a { display: inline-block; position: relative; } @media (min-width: 768px) { .banner-category a img, .banner-footer a img, .banner-wrapper a img, .banners-content a img, .footer-banner a img { transform: translateZ(0px); transition: all 0.3s ease-out 0s; } @supports (-moz-appearance:none) { .banner-category a img, .banner-footer a img, .banner-wrapper a img, .banners-content a img, .footer-banner a img { transform: none; } } .banner-category a:hover img, .banner-footer a:hover img, .banner-wrapper a:hover img, .banners-content a:hover img, .footer-banner a:hover img { transform: scale(1.02); } } .banner-wrapper { margin-top: 20px; } @media (min-width: 768px) { .banner-wrapper { margin-top: 0px; } .banner-wrapper + .banner-wrapper { margin-top: 25px; } } .banner-category, .banner-footer { margin-bottom: 20px; } @media (min-width: 1440px) { .banner-category, .banner-footer { margin-bottom: 40px; } } .banner-category.banner-category-inline { margin-bottom: 10px; } .banners-footer { display: flex; } .banner-footer { flex: 1 1 33.3333%; text-align: center; } .banner, .banner-wrapper { position: relative; } .extended-banner-texts { inset: 0px; position: absolute; } .extended-banner-link, .extended-banner-text, .extended-banner-title { background-color: rgba(255, 255, 255, 0.9); border: 1px solid rgba(255, 255, 255, 0.97); box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 10px; padding: 5px; position: absolute; } .extended-banner-link:empty, .extended-banner-text:empty, .extended-banner-title:empty { display: none; } .extended-banner-text, .extended-banner-title { left: 0px; } .extended-banner-title { font-size: 20px; top: 0px; } .extended-banner-text { bottom: 0px; max-width: 80%; } .extended-banner-link { height: 32px; margin-top: -6px; right: 0px; top: 50%; } .banners-empty { display: none; visibility: hidden; } .content-window { height: 100%; left: 0px; overflow: hidden; position: fixed; top: 0px; transition: all 0.3s ease-out 0s; width: 0px; z-index: 1002; } .cart-window-visible .content-window.cart-window, .login-window-visible .content-window.login-window, .search-window-visible .content-window.search-window { width: 100%; } .content-window-in { height: 100%; overflow: auto; padding-top: 77px; position: relative; width: 100%; } .toggle-window-arr { padding: 20px; text-decoration: none; } .toggle-window-arr span { display: none; } .toggle-window-arr::before { content: ""; font-size: 30px; margin-right: 1ex; } @media (min-width: 768px) { .toggle-window-arr span { display: inline; } } .content-window-in .toggle-window-arr { left: 0px; position: absolute; top: 8px; z-index: 1; } @media (min-width: 768px) { .content-window-in .toggle-window-arr { left: 20px; } } @media (max-width: 767px) { :where(body.ums_page_element_headings--on) .sidebar__heading { display: none; } } :where(body.ums_page_element_headings--off) .sidebar-inner { padding-top: 20px; } :where(body.ums_page_element_headings--off) .sidebar-inner > div { margin-bottom: 0px; } :where(body.ums_page_element_headings--on) .sidebar-inner { padding-block: 20px; } :where(body.ums_page_element_headings--on) .sidebar-inner > div.box-sm { border: 1px solid var(--colors-foregrounds-borders-secondary); margin-top: 22px; padding: 20px; } :where(body.ums_page_element_headings--on) .pageElement__heading { font-size: 18px; margin-top: 0px; } :where(body.ums_page_element_headings--on) .pageElement__subHeading { font-size: 16px; } :where(body.ums_page_element_headings--on) .pageElement__heading { margin-bottom: 11px; } :where(body.ums_page_element_headings--on) :where(.footer-rows) .pageElement__heading { margin-bottom: 33px; } @media (max-width: 767px) { :where(body.ums_page_element_headings--on) :where(.footer-rows) .pageElement__heading { margin-bottom: 22px; } } :where(body.ums_page_element_headings--on) :where(.footer-rows) .news-item-widget { margin-bottom: 0px; padding-block: 4px; } :where(body.ums_page_element_headings--on) :where(.footer-rows) .newsItemWidget__heading { font-family: var(--template-font),sans-serif; font-weight: 400; } :where(body.ums_page_element_headings--on) :where(.footer-rows .newsItemWidget__heading).with-short-description { font-weight: 700; } @media (min-width: 768px) { .sidebar .login-wrapper .password-helper { clear: both; float: none; padding-left: 0px; padding-top: 1em; } } .breadcrumbs { font-size: 14px; padding-bottom: 11px; } @media (min-width: 768px) { .multiple-columns-body.type-product .breadcrumbs { margin-left: auto; width: calc(100% - 250px); } } @media (min-width: 992px) { .multiple-columns-body.type-product .breadcrumbs { padding-left: 20px; width: calc(100% - 340px); } } @media (min-width: 1200px) { .multiple-columns-body.type-product .breadcrumbs { padding-left: 0px; width: calc(50% - 170px); } } .type-product .breadcrumbs { padding-bottom: 0px; } .breadcrumbs > span { vertical-align: middle; } .breadcrumbs > span a { text-decoration: underline; } @media (min-width: 768px) { .breadcrumbs { padding-left: 20px; padding-right: 20px; } } @media (min-width: 992px) { .type-product .breadcrumbs { margin-left: auto; padding-bottom: 0px; padding-left: 0px; width: 50%; } .aside-indented .breadcrumbs { padding-left: 0px; padding-right: 0px; } } .navigation-home-icon::before { content: ""; margin-top: -2px; } .sortingToggle { align-items: center; column-gap: 5px; display: flex; flex-wrap: wrap; text-align: left; } .sortingToggle__value { font-weight: 700; } .listSorting--dropdown { position: relative; } .listSorting__controls { display: none; } .listSorting--open .listSorting__controls { display: block; } .listSorting__controls--dropdown { background-color: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0px; font-size: 16px; min-width: 160px; overflow: auto; z-index: 1000; } .listSorting__control { background-color: transparent; border: none; text-align: left; width: 100%; } .listSorting__control:focus-visible, .listSorting__control:hover { color: var(--color-secondary); } .listSorting__control--current { pointer-events: none; } .sortingToggle .icon-chevron-down::before { vertical-align: middle; } .sortingToggle[aria-expanded="true"] .icon-chevron-down::before { content: ""; } .menu-helper-visible .menu-helper::after, .menu-helper::after { content: ""; } .menu-helper > span::after { content: ""; font-size: 14px; margin-left: 1ex; text-align: center; transition: transform 0.3s ease-out 0s; } .menu-helper-visible .menu-helper > span::after { content: ""; transform: rotate(180deg); } .navigation-buttons { align-items: center; display: flex; flex: 1 0 auto; font-size: 0px; justify-content: flex-end; justify-self: flex-end; position: absolute; right: 0px; top: 0px; transition: right 0.3s ease-out 0s; } @media (min-width: 480px) { .navigation-window-visible .navigation-buttons { margin-right: 0px; right: 0px; } } @media (min-width: 768px) and (max-width: 767px) { .navigation-buttons, .navigation-window-visible .navigation-buttons, .scrolled .navigation-buttons { top: 0px; } } @media (min-width: 768px) { .navigation-buttons { flex-grow: 0; padding-left: 20px; position: relative; right: auto; top: auto; } } .navigation-buttons a { display: inline-block; font-size: 20px; height: 40px; line-height: 38px; position: relative; text-align: center; text-decoration: none; width: 40px; } @media (min-width: 480px) { .navigation-buttons a { font-size: 20px; height: 60px; line-height: 56px; width: 60px; } } @media (min-width: 768px) { .navigation-buttons a { height: 68px; line-height: 68px; width: 68px; } } .navigation-buttons a[data-target="search"]::before { content: ""; } .navigation-buttons a[data-target="cart"]::before { content: ""; } .navigation-buttons a[data-target="navigation"]::before { content: ""; } .top-nav-button-login::before { content: ""; } .languagesMenu { position: relative; } .languagesMenu.open .languagesMenu__content { display: block; } .languagesMenu__flags { align-items: center; background-color: transparent; border: 0px; display: flex; outline: 0px; } @media (min-width: 768px) { .languagesMenu__flags { display: none; } } .languagesMenu__flags .shp-flag { margin-right: 5px; } .languagesMenu__content { display: none; left: 0px; position: absolute; white-space: nowrap; z-index: 1000; } @media (min-width: 768px) { .languagesMenu__content { background-color: transparent; display: flex; left: auto; position: static; } } .languagesMenu__box.open .languagesMenu__list { display: block; } @media (min-width: 768px) { .languagesMenu__box { position: relative; } } .languagesMenu__header { font-size: 14px; font-weight: 700; line-height: 30px; padding: 0px 10px; } @media (min-width: 768px) { .languagesMenu__header { margin-right: 10px; padding: 2px 5px; } } .languagesMenu__header--actual { display: none; } @media (min-width: 768px) { .languagesMenu__header--actual { cursor: pointer; display: block; font-weight: 400; } .languagesMenu__header--name { display: none; } } .languagesMenu__header .caret { margin-left: 5px; } .languagesMenu__list { list-style-type: none; margin: 0px; min-width: 150px; padding: 0px; } @media (min-width: 768px) { .languagesMenu__list { display: none; left: 0px; position: absolute; z-index: 1002; } } .languagesMenu .languagesMenu__list__link { align-items: center; display: flex; font-size: 14px; height: auto; line-height: 30px; padding: 0px 10px; position: static; text-align: left; width: auto; } .languagesMenu__list__name { margin-left: 10px; } .subcategories { align-items: center; border-width: 0px; display: flex; flex-wrap: wrap; margin: 0px 0px 22px; padding: 0px; } .subcategories li { flex: 0 0 auto; list-style: none; } .subcategories li a { align-items: center; border: 0px; display: flex; font-weight: 500; height: 60px; overflow: hidden; position: relative; } .subcategories li a .text { display: -webkit-box; font-size: 18px; font-weight: 700; -webkit-line-clamp: 2; line-height: 26px; overflow: hidden; text-align: left; width: auto; -webkit-box-orient: vertical; } @media (min-width: 992px) { .subcategories li a:hover .text { text-decoration: underline 2px; text-underline-offset: 4px; } } .subcategories.with-image li { padding: 13px 0px; } .subcategories.with-image li a .image { padding-right: 10px; text-align: center; width: 35%; } .subcategories.with-image li a .image img { max-height: 60px; width: auto; } .subcategories.with-image li a .text { flex-grow: 0; max-width: 65%; text-overflow: ellipsis; } .subcategories.with-image li.parametric { text-align: center; } @media (max-width: 991px) { .subcategories li a { padding: 0px 27px 0px 13px; } .subcategories li a .text { font-size: 16px; line-height: 18px; max-height: 54px; } } @media (min-width: 768px) { .carousel { margin-bottom: 22px; } .wide .wide-carousel .carousel { margin-top: -20px; } .multiple-columns-body .wide-carousel .carousel { padding-left: 20px; padding-right: 20px; } } .carousel-control { text-decoration: none; } .carousel-control::before { border-radius: 50%; border-style: solid; border-width: 2px; font-size: 28px; height: 44px; line-height: 40px; margin-top: -22px; position: absolute; text-align: center; text-shadow: none; top: 50%; width: 44px; } .carousel-control.left, .carousel-control.right { background: none; } .carousel-control.left::before { content: ""; left: 20px; } .carousel-control.right::before { content: ""; right: 20px; } .carousel-control:hover { text-decoration: none; } html:has(.dialog--modal[open]) { overflow: hidden; } .dialog { padding: 0px; } .dialog--fullscreen { background-color: transparent; border: none; height: 100dvh; margin: 0px; max-height: none; max-width: none; overflow: clip; width: 100dvw; } .dialog--fullscreen::backdrop { background-color: transparent; transition: none 0s ease 0s; } .dialog__wrapper { background: var(--dialog-bg-color,#fff); overflow: auto; padding: var(--dialog-wrapper-padding); scroll-behavior: smooth; } :where(.dialog--fullscreen) .dialog__wrapper { height: 100%; transform: translateX(-100%); transition: var(--dialog-transition); } .dialog.is-visible .dialog__wrapper { transform: translateX(0px); } .dialog__content { color: var(--colors-foregrounds-content-primary); margin: 0px auto; padding: var(--dialog-content-padding); text-align: left; } .dialog__content--form { max-width: var(--dialog-content-form-max-width,440px); } :where(.dialog__header) .dialog__heading--login { text-align: center; } [data-dialog-close] *, [data-dialog-id] * { pointer-events: none; } .dialog__close--arrow { background-color: var(--dialog-bg-color); inset: 0px 0px auto; padding-top: 8px; position: fixed; transform: translateX(-100%); transition: var(--dialog-transition); z-index: 1; } @media (min-width: 768px) { .dialog__close--arrow { padding-left: 20px; } } .dialog__actionButtons { display: flex; justify-content: flex-end; } :where(.dialog__close--arrow) .toggle-window-arr { display: block; } :where(.dialog.is-visible) .dialog__close--arrow { transform: translateX(0px); } @media (prefers-reduced-motion: reduce) { .dialog[open], .dialog[open] * { animation: auto ease 0s 1 normal none running none; scroll-behavior: auto; transition: none 0s ease 0s; } } .flag { border-radius: 0px; clear: left; display: inline-block; float: left; font-size: 10px; font-weight: 400; hyphens: none; line-height: 1.1; margin-bottom: 0.5ex; max-width: 12em; opacity: 1; padding: 4px 8px; text-align: center; text-transform: uppercase; transition: opacity 0.3s ease-out 0s; width: auto; } @media (max-width: 480px) { .flag { font-size: 10px; } } .flags-inline::after, .flags-inline::before { content: " "; display: table; } .flags-inline::after { clear: both; } .flags-inline .flag { clear: none; display: inline-block; margin-left: 3px; } .flags-inline .flag:first-child { margin-left: 0px; } .products-top > div { transition: all 0.3s ease-out 0s; } .products-top > div.inactive { height: 0px; overflow: hidden; position: absolute; transform: scale(0); } .products-top > div.revealed { transform: scale(1); } .products-top-wrapper { margin-bottom: 22px; } .products-top-wrapper .button-wrapper { text-align: center; } .products-top-wrapper:not(.has-inactive):not(.has-revealed) .button-wrapper { display: none; } .toggle-top-products { align-items: baseline; appearance: none; background: transparent; border-color: transparent; color: var(--color-primary); display: inline-flex; text-transform: none; } .toggle-top-products:focus, .toggle-top-products:hover { background: transparent; color: var(--color-primary-hover); } .toggle-top-products[aria-expanded="true"]::after { transform: rotate(180deg); transform-origin: center center; } .flags-extra { bottom: 0px; display: flex; position: absolute; right: 0px; } .highlight-product .flags-extra { right: 30px; } .flags-extra .flag { align-items: center; border-radius: 100%; display: flex; flex-direction: column; font-size: 12px; font-weight: 700; height: 66px; hyphens: auto; justify-content: center; margin-left: -8px; text-align: center; width: 66px; word-break: break-word; } .flags-extra .flag .price-save, .flags-extra .flag .price-standard { font-size: 12px; } .flags-extra .flag.flag-freeshipping { font-size: 9px; } .p-image-wrapper .flags-extra { right: 10px; z-index: 51; } @media (min-width: 768px) { .p-image-wrapper .flags-extra .flag { border-radius: 50%; height: 100px; min-height: 100px; min-width: 100px; width: 100px; } .p-image-wrapper .flags-extra .flag .price-save, .p-image-wrapper .flags-extra .flag .price-standard { font-size: 14px; } .p-image-wrapper .flags-extra .flag-freeshipping .icon-van { font-size: 70px; } .p-image-wrapper .flags-extra .flag-text { font-size: 14px; } } @media (min-width: 768px) and (max-width: 1439px) { .products-additional .flags-extra .flag { font-size: 9px; height: 50px; width: 50px; } .products-additional .flags-extra .price-save, .products-additional .flags-extra .price-standard { font-size: 9px; } } .flag-text { font-size: 12px; line-height: 1.15; text-transform: uppercase; white-space: nowrap; } @media (min-width: 768px) and (max-width: 1439px) { .products-additional .flag-text { font-size: 9px; line-height: 9px; } } .flag-freeshipping .icon-van { font-size: 42px; margin-bottom: -6px; margin-top: -6px; } @media (min-width: 768px) and (max-width: 1439px) { .products-additional .flag-freeshipping .icon-van { font-size: 24px; margin-bottom: 0px; } } .flag-gift .icon-gift { font-size: 24px; line-height: 42px; margin-bottom: -6px; margin-top: -6px; } @media (min-width: 768px) and (max-width: 1439px) { .products-additional .flag-gift .icon-gift { font-size: 14px; line-height: 24px; margin-bottom: 0px; } } .flag-discount .price-standard { display: block; } @media (min-width: 321px) and (max-width: 767px) { .columns-mobile-2 .products-block > div .flags-extra .flag { border-radius: 0px; flex-direction: row; height: auto; margin-bottom: 0px; margin-right: -8px; width: auto; } .columns-mobile-2 .products-block > div .flags-extra .flag .icon-gift, .columns-mobile-2 .products-block > div .flags-extra .flag .icon-van { font-size: 14px; line-height: 14px; margin-left: 3px; margin-right: 5px; } } .shp-tabs-holder { border-style: none; border-width: 0px; margin-bottom: 22px; margin-top: 0px; padding-left: 0px; text-align: center; } @media (max-width: 767px) { .shp-tabs-holder { margin-left: -10px; margin-right: -10px; padding-left: 20px; padding-right: 20px; } } .shp-tabs-holder ul.shp-tabs { margin: 0px; padding: 0px; } .shp-tabs-holder ul.shp-tabs li { display: inline-block; list-style: none; } .shp-tabs-holder ul.shp-tabs li a { border-style: none; border-width: 0px; display: block; padding: 11px 7px; text-decoration: none; } @media (min-width: 768px) and (max-width: 1199px) { .shp-tabs-holder ul.shp-tabs li a { padding-left: 10px; padding-right: 10px; } } @media (min-width: 1200px) { .shp-tabs-holder ul.shp-tabs li a { padding-left: 20px; padding-right: 20px; } } .responsive-nav { margin-bottom: 22px; min-width: 250px; position: relative; } .responsive-nav .shp-tabs-holder { margin-bottom: 0px; } .responsive-nav .visible-links { display: table; } .responsive-nav .visible-links > li { display: table-cell; } .responsive-nav .visible-links > li a { white-space: nowrap; } .responsive-nav .hidden-links { background: inherit; border-top: 1px solid rgb(204, 204, 204); margin: 0px; padding: 0px; position: absolute; right: 0px; top: 100%; z-index: 100; } .responsive-nav .hidden-links > li { border-bottom: 1px solid rgb(204, 204, 204); display: block; } .responsive-nav .hidden-links > li a { display: block; padding: 10px 20px; } .responsive-nav .hidden { visibility: hidden; } .responsive-nav .navigation-btn { background: rgba(0, 0, 0, 0.5); border: 0px; color: rgb(255, 255, 255); cursor: pointer; height: 100%; padding: 10px; position: absolute; right: 0px; top: 0px; } .shp-accordion-wrapper::after { clear: both; content: ""; display: block; } #accordion-content .shp-accordion { padding-top: 22px; } #accordion-content .shp-accordion .fade { opacity: 1; } #accordion-content .shp-accordion .shp-accordion-link { color: var(--colors-foregrounds-content-primary); display: block; font-size: 24px; font-weight: 700; padding-right: 30px; position: relative; width: 100%; } #accordion-content .shp-accordion .shp-accordion-link::after { content: ""; font-size: 18px; position: absolute; right: 0px; top: 50%; } #accordion-content .shp-accordion .shp-accordion-content { display: none; margin-top: 22px; } #accordion-content .shp-accordion.active .shp-accordion-link::after { content: ""; } .latest-contribution-wrapper { margin-bottom: 44px; margin-top: 44px; } @media (min-width: 768px) { .latest-contribution-wrapper { align-items: flex-start; display: flex; flex-wrap: wrap; } .latest-contribution-wrapper--large { display: block; } } @media (min-width: 992px) { .latest-contribution-wrapper--large { align-items: flex-start; display: flex; flex-wrap: wrap; } } .latest-contribution-wrapper--large .latest-contribution { width: 100%; } @media (min-width: 992px) { .latest-contribution-wrapper--large .latest-contribution { width: 50%; } } .latest-contribution { padding-bottom: 22px; } @media (min-width: 768px) { .latest-contribution { flex: 1 1 auto; flex-wrap: wrap; width: 50%; } .latest-contribution:first-child:not(:last-child) { padding-right: 20px; } .latest-contribution:last-child:not(:first-child) { padding-left: 20px; } } .latest-contribution-placeholder { display: none; } @media (min-width: 768px) { .latest-contribution-placeholder { display: block; } } .latest-contribution-inner { align-items: flex-start; display: flex; margin-top: 44px; } .latest-contribution-image { flex: 0 0 60px; height: 60px; margin-right: 20px; position: relative; } .latest-contribution-image img { border-radius: 50%; position: absolute; } .latest-contribution-content { display: block; width: calc(100% - 100px); } .latest-contribution-product { height: 24px; line-height: 24px; margin-bottom: 6px; margin-top: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .latest-contribution-info { align-items: center; display: flex; font-size: 16px; margin-bottom: 6px; } .latest-contribution-info > i { font-style: normal; padding: 0px 10px; } :where(.ums_discussion_rating_forms--off) .latest-contribution-info .stars { height: 18px; margin-right: 0px; width: 90px; } :where(.ums_discussion_rating_forms--off) .latest-contribution-info .star { height: 18px; width: 18px; } :where(.ums_discussion_rating_forms--off) .latest-contribution-info .star::before { font-size: 16px; } @media (max-width: 480px) { .latest-contribution-info { display: block; } :where(.ums_discussion_rating_forms--off) .latest-contribution-info .stars { display: block; } } :where(.ums_discussion_rating_forms--on) .latest-contribution-info .stars { gap: 2px; height: 18px; } :where(.ums_discussion_rating_forms--on) .latest-contribution-info .star::before { font-size: 16px; line-height: 16px; } .site-msg.information { bottom: 20px; box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 10px; left: 20px; max-width: calc(100% - 40px); opacity: 0.9; position: fixed; z-index: 10; } @media (min-width: 768px) { .site-msg.information { max-width: 480px; } .site-msg.information .container { width: auto; } } .container.navigation-wrapper { align-items: center; display: flex; flex-wrap: wrap; padding-left: 0px; padding-right: 0px; } .container.navigation-wrapper .site-name { flex: 0 1 100px; } @media (min-width: 480px) { .container.navigation-wrapper .site-name { flex-basis: 200px; } } @media (min-width: 768px) { .container.navigation-wrapper .site-name { flex-basis: 200px; } } #navigation { flex: 1 1 auto; } @media (min-width: 480px) and (max-width: 767px) { #navigation { padding-top: 61px; } } @media (min-width: 768px) and (max-width: 991px) { #navigation { padding-top: 61px; } } @media (min-width: 480px) { .navigation-buttons { z-index: 1001; } } .smart-labels-active .smart-label-wrapper { position: relative; } .smart-labels-active .smart-label-wrapper label { font-size: 16px; height: auto; left: 0px; line-height: 64px; margin: 0px; max-width: 100%; padding: 0px 0px 0px 12px; position: absolute; top: 0px; transition: all 0.2s ease 0s, left 0s ease 0s; width: auto; } .smart-labels-active .smart-label-wrapper.focused label, .smart-labels-active .smart-label-wrapper.populated label { font-size: 10px; line-height: 10px; padding-top: 12px; } .smart-labels-active .smart-label-wrapper input, .smart-labels-active .smart-label-wrapper textarea { padding-top: 22px; } .smart-labels-active .smart-label-wrapper input::placeholder, .smart-labels-active .smart-label-wrapper textarea::placeholder { color: transparent; } .smart-labels-active .smart-label-wrapper input:focus::placeholder, .smart-labels-active .smart-label-wrapper textarea:focus::placeholder { color: rgb(182, 182, 182); } .smart-labels-active .smart-label-wrapper input::placeholder, .smart-labels-active .smart-label-wrapper textarea::placeholder { transition: color 0.2s ease 0s; } .smart-labels-active .smart-label-wrapper select { padding-top: 16px; } .smart-labels-active .smart-label-wrapper .country-flags, .smart-labels-active .smart-label-wrapper input, .smart-labels-active .smart-label-wrapper select { height: 64px; } .smart-labels-active .smart-label-wrapper .js-validator-msg, .smart-labels-active .smart-label-wrapper .js-validator-msg + .phone-combined-input, .smart-labels-active .smart-label-wrapper .js-validator-msg + input, .smart-labels-active .smart-label-wrapper .js-validator-msg + select, .smart-labels-active .smart-label-wrapper .validator-msg, .smart-labels-active .smart-label-wrapper .validator-msg + .phone-combined-input, .smart-labels-active .smart-label-wrapper .validator-msg + input, .smart-labels-active .smart-label-wrapper .validator-msg + select { margin-left: 0px; } .smart-labels-active .smart-label-wrapper label[for="phone"] { display: block; } .smart-labels-active .smart-label-wrapper .select-label :where(.ums_forms_redesign--off) { pointer-events: none; } .smart-labels-active .smart-label-wrapper .form-group-tooltip { top: 50%; } :where(.ums_forms_redesign--off) .js-validator-msg { margin-top: 5px; } @media (min-width: 480px) { :where(.ums_forms_redesign--off) .js-validator-msg { margin-left: 175px; } } @media (min-width: 480px) { :where(.ums_forms_redesign--off) .compact-form .js-validator-msg, :where(.ums_forms_redesign--off) .no-indent .js-validator-msg, :where(.ums_forms_redesign--off) .no-label .js-validator-msg, :where(.ums_forms_redesign--off) .vote-form .js-validator-msg { margin-left: 0px; } } :where(.ums_forms_redesign--off) .user-action .js-validator-msg { text-align: left; } .product-slider-holder { margin-left: auto; margin-right: auto; padding: 44px 0px; position: relative; width: 100%; } @media (max-width: 767px) { .product-slider-holder { padding: 22px 0px; } } .product-slider-holder.has-navigation { padding-left: 32px; padding-right: 32px; } .product-slider-holder.has-navigation:hover .product-slider-navigation { opacity: 1; } @media (max-width: 767px) { .product-slider-holder.has-navigation { padding-left: 0px; padding-right: 0px; } } @media (min-width: 992px) { .desktop.one-column-body.columns-1 .product-slider-holder, .desktop.one-column-body.columns-2 .product-slider-holder, .mobile.multiple-columns-body.columns-1 .product-slider-holder, .mobile.multiple-columns-body.columns-2 .product-slider-holder { width: 45.4545%; } } @media (min-width: 1200px) { .desktop.one-column-body.columns-1 .product-slider-holder, .mobile.multiple-columns-body.columns-1 .product-slider-holder { width: 37.037%; } .desktop.one-column-body.columns-2 .product-slider-holder, .mobile.multiple-columns-body.columns-2 .product-slider-holder { width: 66.6667%; } .desktop.multiple-columns-body.columns-1 .product-slider-holder { width: 50%; } .desktop.multiple-columns-body.columns-2 .product-slider-holder { width: 100%; } } .product-slider-holder .product-slider-pagination { align-items: center; display: flex; justify-content: center; margin-top: 22px; } @media (max-width: 767px) { .product-slider-holder .product-slider-pagination { margin-top: 0px; } } .product-slider-holder .product-slider-pagination .pagination-button { border: 0px; cursor: pointer; display: block; font-size: 0px; height: 2px; line-height: 0; margin: 4px; outline: none; padding: 0px; width: 32px; } .product-slider-holder .product-slider-navigation { border: none; cursor: pointer; display: block; font-size: 0px; height: 32px; line-height: 0; opacity: 0; outline: none; padding: 0px; position: absolute; top: 50%; transform: translateY(-50%); width: 32px; } .product-slider-holder .product-slider-navigation::before { font-size: 20px; height: 32px; width: 32px; } .product-slider-holder .product-slider-navigation.navigation-prev { left: 0px; } .product-slider-holder .product-slider-navigation.navigation-prev::before { align-items: center; content: ""; display: flex; justify-content: center; } .product-slider-holder .product-slider-navigation.navigation-next { right: 0px; } .product-slider-holder .product-slider-navigation.navigation-next::before { align-items: center; content: ""; display: flex; justify-content: center; } @media (max-width: 767px) { .product-slider-holder .product-slider-navigation { top: 25%; } } .mobile .product-slider-holder .product-slider-navigation, .product-slider-holder:hover .product-slider-navigation { opacity: 1; } .product-slider { position: relative; } .product-slider .products-block { margin: 0px; } @media (max-width: 767px) { .product-slider .products-block > div { padding: 5px; } } .product-slider .price-standard-wrapper, .product-slider .price-standard-wrapper + .price-save { display: none; } .benefitBanner { margin: 20px auto; width: 100%; } @media (min-width: 480px) { .benefitBanner { display: flex; flex-wrap: wrap; max-width: 100%; } } .benefitBanner--homepage { max-width: 460px; padding: 0px; } .benefitBanner__item { align-items: center; display: flex; flex: 1 1 100%; margin-bottom: 15px; overflow: hidden; } @media (min-width: 480px) { .benefitBanner__item { flex: 0 0 50%; width: 50%; } } @media (min-width: 992px) { .benefitBanner__item { flex: 1 1 25%; } } .benefitBanner__link { align-items: center; display: flex; } .benefitBanner__link:hover { opacity: 0.8; } .benefitBanner__picture { align-items: center; display: flex; flex: 0 0 75px; margin-right: 10px; max-width: 75px; } .benefitBanner__picture:only-child { flex: 1 1 100%; max-width: 100%; } .benefitBanner__content { overflow: hidden; padding-right: 10px; word-break: break-word; } .benefitBanner__title { font-size: 1.1em; width: 100%; } @media (min-width: 992px) { .multiple-columns-body .benefitBanner__item { flex: 1 1 50%; } } @media (min-width: 1200px) { .multiple-columns-body .benefitBanner__item { flex: 1 1 25%; } } @media (min-width: 992px) { .multiple-columns-body .position--benefitHomepage { flex-wrap: wrap; } .multiple-columns-body .position--benefitHomepage .benefitBanner__item { flex: 1 1 33%; } } .multiple-columns-body .position--benefitProduct { flex-wrap: wrap; width: 100%; } @media (min-width: 992px) { .multiple-columns-body .position--benefitProduct .benefitBanner__item { flex: 1 1 33%; } } .searchWhisperer { display: none; flex-wrap: wrap; left: 0px; padding: 0px 10px 10px; position: absolute; right: 0px; text-align: left; width: 100%; z-index: 1003; } .searchWhisperer.active { display: flex; } @media (min-width: 768px) { .searchWhisperer { padding: 40px; } } .searchWhisperer__products { flex-basis: 100%; } @media (min-width: 768px) { .searchWhisperer__products { flex-basis: 33.3333%; flex-grow: 1; margin: 0px auto; order: 2; } } .searchWhisperer__products__heading { display: none; font-size: 18px; margin-bottom: 11px; margin-top: 0px; } @media (min-width: 768px) { .searchWhisperer__products__heading { display: block; } } .searchWhisperer__products__list { list-style: none; margin: 0px; padding: 0px; } @media (min-width: 768px) { .searchWhisperer__products__list { display: flex; flex-wrap: wrap; } } .searchWhisperer__products__listItem:nth-child(n+10) { display: none; } @media (min-width: 768px) { .searchWhisperer__products__listItem { flex-basis: 33.3333%; } } .searchWhisperer__products__listItem--large:nth-child(n+10) { display: block; } .searchWhisperer__products__listItem--large:nth-child(n+13) { display: none; } @media (min-width: 768px) { .searchWhisperer__products__listItem--large { flex-basis: 25%; } } .searchWhisperer__product { align-items: center; display: flex; flex-wrap: nowrap; height: 100%; padding: 5px 0px; position: relative; text-decoration: none; width: 100%; } @media (min-width: 768px) { .searchWhisperer__product { flex-direction: column; justify-content: space-between; padding: 5px; text-align: center; } .searchWhisperer__product:hover .searchWhisperer__product__name { text-decoration: underline; } .searchWhisperer__product:hover .searchWhisperer__product__name .product-appendix { color: inherit; } } .searchWhisperer__product__image { max-width: 59px; } @media (min-width: 768px) { .searchWhisperer__product__image { max-width: none; } } .searchWhisperer__product__infoWrapper { padding-left: 10px; } @media (min-width: 768px) { .searchWhisperer__product__infoWrapper { padding-left: 0px; } } .searchWhisperer__product__price { margin-left: auto; padding-left: 10px; text-align: right; white-space: nowrap; } @media (min-width: 768px) { .searchWhisperer__product__price { margin-left: 0px; margin-top: auto; padding-left: 0px; text-align: center; } } .searchWhisperer__additionalResults { flex-basis: 100%; } @media (min-width: 768px) { .searchWhisperer__additionalResults { flex-basis: 260px; margin-right: 40px; order: 1; padding-right: 20px; } .searchWhisperer__additionalResults:nth-child(2) { border-right-style: solid; border-right-width: 1px; } } @media (min-width: 768px) and (max-width: 991px) { .searchWhisperer__additionalResults { flex-basis: 210px; } } .searchWhisperer__additionalResults__heading { font-size: 18px; margin-bottom: 11px; margin-top: 22px; } .searchWhisperer__additionalResults__heading:first-of-type { margin-top: 11px; } @media (min-width: 768px) { .searchWhisperer__additionalResults__heading:first-of-type { margin-top: 0px; } } .searchWhisperer__additionalResults__list { list-style: none; margin: 0px; padding: 0px; } .searchWhisperer__additionalResults__listItem:focus, .searchWhisperer__additionalResults__listItem:hover { text-decoration: underline; } .searchWhisperer__additionalResults__link { display: block; padding-bottom: 6px; padding-top: 6px; } .searchWhisperer__buttonWrapper { align-items: center; display: flex; justify-content: center; order: 3; width: 100%; } .searchWhisperer__buttonWrapper .btn.searchWhisperer__button { height: auto; padding: 10px 26px; position: static; } .searchWhisperer__button { margin-top: 22px; } .searchWhisperer__loaderWrapper { height: 100px; width: 100%; } .searchWhisperer__content--empty { padding-top: 11px; } @media (min-width: 768px) { .searchWhisperer__content--empty { padding-top: 0px; } } html.cookies-visible .siteCookies { display: none; } .siteCookies { bottom: 0px; color: var(--cookies-notice-color); font-size: 16px; left: 0px; position: fixed; right: 0px; transition: all 0.4s ease 0s; z-index: 100000001; } @media (min-width: 768px) { .siteCookies--top { background-color: var(--cookies-notice-background); bottom: auto; top: 0px; } .siteCookies--left { bottom: 30px; left: 30px; right: auto; } .siteCookies--right { bottom: 30px; left: auto; right: 30px; } .siteCookies--bottom { left: 50%; margin-left: -335px; width: 670px; } .siteCookies--bottom.siteCookies--scrolled { background-color: var(--cookies-notice-background); box-shadow: rgba(27, 25, 57, 0.5) 0px 0px 30px; left: 0px; margin-left: 0px; width: 100%; } .siteCookies--bottom.siteCookies--scrolled .siteCookies__form { box-shadow: unset; } .siteCookies--center { inset: 50% auto auto 50%; transform: translate(-50%, -50%); width: 600px; } } .siteCookies__form { background-color: var(--cookies-notice-background); border-top-left-radius: 8px; border-top-right-radius: 8px; box-shadow: rgba(27, 25, 57, 0.5) 0px 0px 30px; padding: 20px 15px 25px; } @media (min-width: 768px) { .siteCookies__form { display: flex; margin: 0px auto; max-width: 670px; padding: 24px; } .siteCookies--top .siteCookies__form { max-width: 800px; } .siteCookies--left .siteCookies__form, .siteCookies--right .siteCookies__form { border-radius: 8px; } .siteCookies--center .siteCookies__form { border-radius: 8px; flex-direction: column; position: relative; } } .siteCookies__content { flex: 1 1 0%; } .siteCookies__text { line-height: 22px; margin-bottom: 16px; } .siteCookies__text a, .siteCookies__text p { color: var(--cookies-notice-color); } .siteCookies__text a { text-decoration: underline; } .siteCookies__text a:hover { text-decoration: none; } .siteCookies__text a:focus, .siteCookies__text a:hover { color: var(--cookies-notice-color); } @media (min-width: 768px) { .siteCookies__text { margin-right: 30px; } .siteCookies--center .siteCookies__text { margin-right: 0px; } } .siteCookies__links { margin-bottom: 16px; text-align: center; width: 100%; } @media (min-width: 768px) { .siteCookies__links { margin-bottom: 0px; text-align: left; } .siteCookies--center .siteCookies__links { bottom: 24px; max-width: 30%; position: absolute; } } .siteCookies__link { background: none; border: 2px solid var(--cookies-notice-color); border-radius: 4px; color: var(--cookies-notice-color); display: block; font-weight: 700; line-height: 44px; padding: 0px 15px; text-decoration: none; width: 100%; } @media (hover: hover) { .siteCookies__link:hover { background: var(--cookies-notice-link-hover); color: rgb(255, 255, 255); } } @media (min-width: 768px) { .siteCookies__link { display: inline-block; width: auto; } } .siteCookies__buttonWrap { align-items: flex-start; display: flex; gap: 16px; } @media (min-width: 768px) { .siteCookies--center .siteCookies__buttonWrap { align-self: flex-end; max-width: 67%; } } .siteCookies__button { background-color: var(--cookies-notice-color); border: 0px; border-radius: 4px; color: var(--cookies-notice-background); display: block; font-weight: 700; line-height: 48px; margin: 0px auto; padding: 0px 15px; text-align: center; white-space: nowrap; width: 100%; } .siteCookies__button:hover { background-color: var(--cookies-notice-button-hover); color: var(--cookies-notice-background); } @media (min-width: 768px) { .siteCookies__button:hover { opacity: 0.8; } .siteCookies--center .siteCookies__button { margin: 0px; width: auto; } } @media (min-width: 992px) { .siteCookies__button { transition: all 0.4s ease 0s; } .siteCookies__button:hover { background-color: var(--cookies-notice-button-hover); } } #cboxContent.cookiesDialog { background-color: rgb(248, 250, 251); border-radius: 8px; } .template-14 #cboxContent.cookiesDialog .colorbox-html-content { border: 1px solid rgb(229, 232, 234); } .template-14 #cboxContent.cookiesDialog #cboxClose { right: 2px; top: 2px; } .cookiesSetting__form { padding: 10px; } .cookiesSetting__title { color: rgb(0, 0, 0); font-size: 22px; font-weight: 700; line-height: 34px; } .cookiesSetting__perex { color: rgb(0, 0, 0); font-size: 16px; line-height: 24px; } .cookiesSetting__item { border-bottom: 1px solid rgb(229, 232, 234); padding: 10px 0px; } @media (min-width: 768px) { .cookiesSetting__item { align-items: flex-start; display: flex; justify-content: space-between; } } .cookiesSetting__item:last-child { border-bottom: 0px; } @media (min-width: 768px) { .cookiesSetting__item__col2 { margin-left: 10px; } } .cookiesSetting__item__name { color: rgb(0, 0, 0); font-size: 16px; line-height: 24px; } .cookiesSetting__item__text { color: rgb(0, 0, 0); font-size: 14px; line-height: 22px; margin-bottom: 10px; } @media (min-width: 768px) { .cookiesSetting__item__text { margin-bottom: 0px; } } .cookiesSetting__item__status { border: 1px solid rgb(229, 232, 234); border-radius: 8px; display: block; font-size: 16px; margin: 20px 0px; padding: 10px 20px 10px 35px; text-align: center; white-space: nowrap; width: 100%; } .cookiesSetting__item__status:hover { background: rgb(248, 250, 251); border: 1px solid rgb(229, 232, 234); color: rgb(37, 37, 37); } @media (min-width: 768px) { .cookiesSetting__item__status { margin: 0px; padding: 10px 15px; } } .cookiesSetting__item .cookiesSetting__item__status .cookiesSetting__item__state { padding-left: 40px; } .cookiesSetting__item .cookiesSetting__item__status .cookiesSetting__item__state::before { left: 10px; } .cookiesSetting__item .cookiesSetting__item__status .cookiesSetting__item__state::after { left: 12px; } .template-07 .cookiesSetting__item .cookiesSetting__item__status .cookiesSetting__item__state::after { left: 13px; } .template-10 .cookiesSetting__item .cookiesSetting__item__status .cookiesSetting__item__state::after, .template-13 .cookiesSetting__item .cookiesSetting__item__status .cookiesSetting__item__state::after, .template-14 .cookiesSetting__item .cookiesSetting__item__status .cookiesSetting__item__state::after { left: 11px; } .cookiesDialog #cboxClose { border-radius: 8px; background-color: rgb(248, 250, 251) !important; } .cookiesSetting__data { background-color: rgb(255, 255, 255); border: 1px solid rgb(229, 232, 234); border-radius: 4px; padding: 0px 20px; } .cookiesSetting__bottom { text-align: center; } @media (min-width: 768px) { .cookiesSetting__bottom { align-items: flex-start; display: flex; margin-top: 20px; text-align: left; } } .cookiesSetting__uncheck { display: block; margin: 10px 0px; } @media (min-width: 768px) { .cookiesSetting__uncheck { flex: 1 1 0%; margin: 0px; } } .cookiesSetting__uncheckLink { background-color: transparent; border: 2px solid rgb(17, 17, 31); border-radius: 4px; color: rgb(17, 17, 31); display: block; font-size: 16px; font-weight: 700; line-height: 44px; padding: 0px 15px; text-align: center; text-decoration: none; width: 100%; } .cookiesSetting__uncheckLink:hover { background: rgb(229, 232, 234); color: rgb(56, 55, 66); } @media (min-width: 768px) { .cookiesSetting__uncheckLink { display: inline-block; text-align: left; width: auto; } } .cookiesSetting__button { border: 0px; border-radius: 4px; display: block; font-size: 16px; font-weight: 700; line-height: 48px; padding: 0px 15px; width: 100%; } .cookiesSetting__button, .cookiesSetting__button:hover { background-color: rgb(17, 17, 31); color: rgb(255, 255, 255); } @media (min-width: 768px) { .cookiesSetting__button:hover { opacity: 0.9; } .cookiesSetting__button { display: inline-block; width: auto; } } .cookiesSetting__button--green { background-color: rgb(0, 124, 71); margin-top: 10px; } .cookiesSetting__button--green:hover { background-color: rgb(0, 124, 71); color: rgb(255, 255, 255); } @media (min-width: 768px) { .cookiesSetting__button--green { margin-left: 15px; margin-top: 0px; } } #cboxOverlay.siteAgreement { z-index: 100000002; } #colorbox.siteAgreement { z-index: 100000003; } @media (max-width: 767px) { #colorbox.cookiesDialogWrapper { top: 0px !important; } } .social-buttons-wrapper { display: flex; position: relative; } .social-buttons-wrapper .social-buttons { left: 0px; min-height: 100%; min-width: 100%; position: absolute; top: 0px; } .social-buttons { align-items: flex-start; display: flex; flex-wrap: wrap; justify-content: flex-start; } .social-buttons > div { display: flex; flex-grow: 0; flex-shrink: 0; padding-right: 5px; width: auto; } .social-buttons > div iframe { vertical-align: middle; } .social-buttons > div:last-child { padding-right: 0px; } .social-buttons > div:nth-last-child(2) { padding-right: 1em; } .social-buttons > div.close-wrapper { flex-grow: 1; justify-self: flex-end; text-align: left; text-transform: uppercase; } .social-buttons > div.addthis { padding-right: 0px; width: 100%; } .social-buttons.no-display { opacity: 0; overflow: hidden; z-index: -1; display: flex !important; } .user-action .user-action-in > div { display: none; } .cart-window-visible .user-action .user-action-in > div.user-action-cart, .login-window-visible .user-action .user-action-in > div.user-action-login, .search-window-visible .user-action .user-action-in > div.user-action-search { display: block; } .popup-widget { position: fixed; z-index: 56; } .popup-widget h2 { font-size: 20px; margin-bottom: 22px; margin-top: 0px; } @media (max-width: 991px) { .popup-widget { bottom: 0px; left: 0px; width: 100%; } .popup-widget.cart-widget, .popup-widget.login-widget, .popup-widget.search-widget { top: 134px; } } @media (min-width: 992px) { .popup-widget { bottom: auto; left: 50%; margin-left: -14px; max-height: 500px; padding-top: 18px; position: absolute; width: 500px; } .popup-widget::before { border-left-style: solid; border-left-width: 1px; border-top-style: solid; border-top-width: 1px; box-shadow: none; content: ""; height: 16px; position: absolute; top: 10px; transform: rotate(45deg); transition: right 0.3s ease-out 0s; width: 16px; z-index: 1; } .popup-widget.cart-widget { border-style: solid; border-width: 1px; box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 10px; margin-top: 18px; padding-top: 0px; top: 103px; } .popup-widget.cart-widget::before { right: 35px; } .admin-logged .popup-widget.cart-widget { top: 128px; } .scrolled .template-10.admin-logged .popup-widget.cart-widget { top: 103px; } .scrolled .popup-widget.cart-widget::before { right: 35px; } .popup-widget.cart-widget::before { top: -9px; } .ajax-pending .popup-widget.cart-widget::before { top: 50%; } .popup-widget.search-widget { margin-left: -162px; top: 86px; width: 648px; } .popup-widget.search-widget::before { right: 145px; } .admin-logged .popup-widget.search-widget { top: 111px; } .scrolled .template-10.admin-logged .popup-widget.search-widget { top: 86px; } .scrolled .popup-widget.search-widget::before { right: 195px; } .popup-widget.login-widget { top: 21px; } .popup-widget.login-widget::before { right: 30px; } .admin-logged .popup-widget.login-widget { top: 46px; } .scrolled .template-10.admin-logged .popup-widget.login-widget { top: 21px; } .scrolled .popup-widget.login-widget::before { right: 30px; } } @media (min-width: 1200px) { .popup-widget { margin-left: 89px; } .popup-widget.search-widget { margin-left: -196.334px; width: 785.334px; } } @media (min-width: 1440px) { .popup-widget { margin-left: 209px; } .popup-widget.search-widget { margin-left: -236.334px; width: 945.334px; } } @media (min-width: 992px) and (min-height: 800px) { .popup-widget.search-widget { max-height: 720px; } } .popup-widget-inner { height: 100%; width: 100%; } .cart-widget .popup-widget-inner + .cart-widget-button { display: none; } .cart-widget .popup-widget-inner.full + .cart-widget-button { display: block; } .login-widget .popup-widget-inner, .search-widget .popup-widget-inner { padding: 20px; } .popup-widget-inner .tooltip-inner { max-width: 130px; } .popup-widget-inner .cart-widget-products { overflow: auto; } @media (min-width: 992px) { .popup-widget-inner:not(.cart-widget-inner) { border-style: solid; border-width: 1px; box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 10px; } .popup-widget-inner .cart-widget-products { max-height: 320px; } } @media (max-width: 991px) { .popup-widget-inner .cart-widget-products { height: calc(100% - 162px); } } .cart-widget-product { border-bottom-style: solid; border-bottom-width: 1px; display: table; padding: 10px; table-layout: fixed; width: 100%; } .cart-widget-product > div { display: table-cell; vertical-align: middle; } .cart-widget-product > div.cart-widget-product-unit { display: table-cell; } .cart-widget-product:last-child { border-bottom-style: none; } .cart-widget-product-image { height: 59px; text-align: center; width: 76px; } .cart-widget-product-image a { display: inline-block; height: 59px; } .cart-widget-product-image img { max-height: 100%; width: auto; } .cart-widget-product-amount, .cart-widget-product-unit { padding-right: 10px; } .cart-widget-product-amount { padding-left: 10px; padding-right: 10px; width: 70px; } .cart-widget-product-unit { width: 40px; } .cart-widget-product-name > strong { display: block; } .cart-widget-product-name > span { font-weight: 700; } .cart-widget-product .cart-widget-product-surcharges, .cart-widget-product .cart-widget-product-variant { display: block; font-size: smaller; font-weight: 400; } .cart-widget-product-delete { padding-left: 5px; width: 24px; } .cart-widget-product-delete button { appearance: none; background: none; border: none; font-size: 10px; height: 24px; line-height: 22px; padding: 0px; text-align: center; width: 24px; } .cart-widget-product-delete button::before { content: ""; } .cart-widget-button { padding: 68px 0px 0px; text-align: center; } @media (max-width: 991px) { .cart-widget-button { bottom: 0px; left: 1px; position: absolute; right: 1px; } } @media (min-width: 992px) { .cart-widget-button { position: relative; } } .cart-free-shipping { bottom: 66px; display: table; height: 56px; left: 0px; position: absolute; text-align: center; width: 100%; z-index: 3; } .cart-free-shipping > div { display: table-cell; padding-left: 10px; padding-right: 10px; vertical-align: middle; } .login-wrapper { padding-bottom: 20px; padding-top: 20px; } .login-wrapper::after, .login-wrapper::before { content: " "; display: table; } .login-wrapper::after { clear: both; } .login-wrapper .btn { float: right; } .login-wrapper .btn::before { display: none; } .login-wrapper .password-helper { float: left; width: 55%; } .login-wrapper .password-helper a { clear: left; float: left; } .login-wrapper .password-helper a + a { padding-top: 5px; } #header { transition: height 0.3s ease-out 0s; } #header .container { height: auto; min-height: 40px; } #header .container::after, #header .container::before { content: " "; display: table; } #header .container::after { clear: both; } #header .site-name { font-weight: 400; margin: 0px; } #header .site-name a, #header .site-name a span { display: block; } #header .site-name a img { display: block; max-height: 40px; } #header .site-name a.text-logo { display: block; font-family: var(--template-headings-font),sans-serif; font-size: 14px; line-height: 100%; max-width: fit-content; padding-bottom: 4px; padding-left: 4px; padding-top: 4px; text-decoration: none; } #header .site-name a.text-logo .header__title, #header .site-name a.text-logo .motto { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; } #header .site-name a.text-logo small { display: block; font-size: 60%; font-weight: 100; } #header .site-name:has(.text-logo) { flex-grow: 1; max-width: calc(100% - 130px); } @media (max-width: 767px) { #header .container { padding-left: 0px; padding-right: 0px; } #header .site-name { padding-left: 10px; } } @media (min-width: 480px) { #header .container { min-height: 60px; } #header .site-name a img { max-height: 60px; } #header .site-name a.text-logo { font-size: 18px; } #header .site-name:has(.text-logo) { max-width: calc(100% - 190px); } } @media (min-width: 768px) { #header { min-height: 0px; } #header .container { min-height: 68px; } #header .site-name img { max-height: 68px; } #header .site-name a.text-logo { font-size: 24px; } #header .site-name:has(.text-logo) { flex-basis: fit-content; flex-grow: 0; max-width: 420px; min-width: 200px; padding-right: 20px; } } @media (min-width: 992px) { #header { background-position: center top; background-repeat: no-repeat; } #header .container { position: relative; } } #footer a { text-decoration: none; } #footer a:hover { text-decoration: underline; } #footer .system-footer { display: flex; flex-direction: column; padding-left: 20px; padding-right: 20px; } @media (min-width: 768px) { #footer { display: block; padding-bottom: 22px; padding-top: 22px; } #footer .footer-left { width: 66.6667%; } #footer .footer-right { text-align: right; width: 33.3333%; } #footer .footer-right .social-icons { display: inline-block; margin-left: 1ex; } #footer .system-footer { align-items: center; flex-direction: row; } #footer .system-footer .footer-left { order: unset; } #footer .system-footer .footer-right { order: unset; text-align: right; } #footer .system-footer p { margin-bottom: 0px; } } .footer-bottom { padding-bottom: 11px; padding-top: 11px; text-align: center; } .footer-bottom::after, .footer-bottom::before { content: " "; display: table; } .footer-bottom::after { clear: both; } @media (min-width: 768px) { .footer-bottom { text-align: left; } } .custom-footer { padding-top: 22px; } .custom-footer > div { padding-bottom: 22px; } @media (min-width: 768px) { .custom-footer.elements-4 > div:nth-child(2n+1), .custom-footer.elements-6 > div:nth-child(2n+1), .custom-footer.elements-many > div:nth-child(2n+1) { clear: both; } } @media (min-width: 1200px) { .custom-footer.elements-4 > div:nth-child(2n+1), .custom-footer.elements-6 > div:nth-child(2n+1) { clear: none; } .custom-footer.elements-6 > div:nth-child(3n+1) { clear: both; } .custom-footer.elements-many > div:nth-child(2n+1) { clear: none; } .custom-footer.elements-many > div:nth-child(4n+1) { clear: both; } } #signature { float: right; margin-left: 20px; width: 100%; } #signature a { display: inline-block; text-decoration: none; } #signature a.image { margin-right: 1ex; } #signature a.image img { height: auto; width: 18px; } @media (min-width: 768px) { #signature { width: auto; } } .top-navigation-bar { display: none; } @media (min-width: 768px) { .top-navigation-bar { border-bottom-style: solid; border-bottom-width: 1px; border-top-style: solid; border-top-width: 1px; display: block; font-size: 10px; } } .top-navigation-bar .container { align-items: center; display: flex; } .top-navigation-bar .container > div { flex: 1 1 50%; } .top-navigation-bar .top-navigation-tools { align-items: center; display: flex; justify-content: flex-end; } .top-navigation-bar .dropdown { align-items: center; display: flex; height: 25px; margin-right: 20px; } .top-navigation-bar .dropdown > span { display: none; } .top-navigation-bar .dropdown button { appearance: none; background: none; border: 0px; padding-right: 1.5em; position: relative; } .top-navigation-bar .dropdown .dropdown-menu { left: auto; right: -10px; } .top-navigation-bar .dropdown .caret { border: 0px; font-size: 10px; } .top-navigation-bar .dropdown .caret::before { content: ""; height: 14px; line-height: 15px; margin-top: -7px; position: absolute; right: 0.25em; top: 50%; width: 14px; } .top-navigation-menu { display: none; flex-wrap: nowrap; height: 25px; justify-content: flex-start; overflow: hidden; padding-right: 105px; position: relative; white-space: nowrap; } @media (min-width: 768px) { .top-navigation-menu { display: block; } } .top-navigation-menu-visible .top-navigation-menu { overflow: visible; white-space: normal; } .dropdown-menu, .top-navigation-bar-menu, .top-navigation-bar-menu-helper, .top-navigation-tools { list-style-type: none; margin: 0px; padding: 0px; top: 25px; } .dropdown-menu a, .top-navigation-bar-menu a, .top-navigation-bar-menu-helper a, .top-navigation-tools a { display: block; margin: 0px; padding: 4px 20px; } .dropdown-menu a b, .top-navigation-bar-menu a b, .top-navigation-bar-menu-helper a b, .top-navigation-tools a b { font-weight: 400; } .top-nav-button-account, .top-nav-button-login, .top-nav-button-logout, .top-nav-button-register { appearance: none; background: none; border: 0px; display: block; margin: 0px; padding: 4px 20px; } .top-nav-button-account::before, .top-nav-button-login::before, .top-nav-button-logout::before, .top-nav-button-register::before { display: none; } @media (min-width: 768px) { .top-nav-button-account, .top-nav-button-login, .top-nav-button-logout, .top-nav-button-register { display: inline; } } .top-nav-button-account { display: none; } @media (min-width: 768px) { .top-nav-button-account { display: inline; } } .top-navigation-bar-menu { float: left; } .top-navigation-bar-menu li { display: inline-block; } .top-navigation-bar-menu li.cropped { display: none; } .top-navigation-bar-menu li:first-child a { padding-left: 0px; } .dropdown-menu, .top-navigation-bar-menu-helper { border-radius: 0px; border-style: solid; border-width: 1px; box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 10px; display: none; position: absolute; text-align: left; z-index: 1100; } .dropdown-menu li a, .top-navigation-bar-menu-helper li a { position: relative; } .dropdown-menu li a::before, .top-navigation-bar-menu-helper li a::before { border-radius: 50%; content: ""; height: 4px; left: 8px; margin-top: -2px; position: absolute; top: 50%; width: 4px; } .languagesMenu .languagesMenu__header { padding-right: 10px; } .languagesMenu .caret { border: 0px; font-size: 10px; } .languagesMenu .caret::before { content: ""; height: 14px; line-height: 15px; margin-top: -7px; position: absolute; right: 0.25em; top: 50%; width: 14px; } .languagesMenu ul { border-style: solid; border-width: 1px; } .languagesMenu ul li a { position: relative; } .languagesMenu ul li a.languagesMenu__list__link--currency::before { border-radius: 50%; content: ""; height: 4px; margin-right: 5px; margin-top: -2px; width: 4px; } .languagesMenu__box.open .caret::before { content: ""; } .top-navigation-menu-visible .top-navigation-bar-menu-helper { display: block; left: auto; right: 0px; } .top-navigation-menu-trigger { align-items: center; cursor: pointer; display: none; float: left; margin-right: -105px; padding: 4px 20px; } .top-navigation-menu-trigger:lang(ro) { padding-right: 0px; } .top-navigation-menu-trigger::after { content: ""; font-size: 10px; margin-top: 2px; text-align: center; transition: color 0.3s ease-out 0s; width: 25px; } .top-navigation-menu-visible .top-navigation-menu-trigger::after { content: ""; } .top-menu-trigger-visible .top-navigation-menu-trigger { display: flex; } .responsive-tools { align-items: center; display: flex; flex-wrap: wrap; padding-bottom: 12px; padding-top: 12px; } .responsive-tools > a { height: 40px; padding: 4px; text-align: center; width: 40px; } .responsive-tools > a::before { content: ""; font-size: 18px; line-height: 32px; width: 32px; } .responsive-tools > a[data-target="navigation"] { position: absolute; right: 16px; z-index: 2; } .responsive-tools > a[data-target="navigation"]::before { border-radius: 50%; font-size: 14px; } .responsive-tools > a[data-target="login"]::before { content: ""; } .responsive-tools > a[data-target="search"]::before { content: ""; } .ordering-process .responsive-tools > a[data-target="navigation"] { height: 60px; line-height: 52px; position: fixed; right: 0px; top: 0px; width: 60px; } .ordering-process .responsive-tools > a[data-target="navigation"]::before { vertical-align: middle; } @media (min-width: 768px) { .responsive-tools { display: none; } } .p-switchable .inactive { display: none; } .p-switchable .p { margin-bottom: 0px; } .p-switchable .p .p-bottom.single-button { padding-bottom: 16px; padding-right: 66px; } @media (min-width: 992px) and (max-width: 1199px) { .p-switchable .p { margin-bottom: 20px; } } @media (min-width: 768px) { .p-switchable .p .name { height: 52px; overflow: hidden; } } .products-block .p { border-style: solid; border-width: 1px; margin-bottom: 20px; position: relative; transition: border-color 0.3s ease-out 0s; } .products-block .p > a { display: block; position: relative; text-decoration: none; } .products-block .p > a img { display: block; margin-bottom: 11px; margin-left: auto; margin-right: auto; } .products-block .p > a::after { content: ""; float: none; font-size: 48px; font-weight: 300; left: 50%; line-height: 48px; margin-left: -24px; margin-top: -24px; padding-top: 0px; position: absolute; top: 50%; transition: color 0.3s ease-out 0s; z-index: 1; } .products-block .p > a:hover img { opacity: 0.2; transition: opacity 0.3s ease-out 0s; } .products-block .p .name { display: block; line-height: 1.4; margin-top: 11px; padding-left: 16px; padding-right: 16px; text-decoration: none; text-transform: uppercase; } .products-block .p .name:hover { text-decoration: underline; } .products-block .p.swap-images > a::after { content: ""; } .products-block .p.swap-images > a:hover img { opacity: 1; } .products-block .p-code { display: block; font-size: smaller; position: absolute; right: 10px; top: 0px; } .products-block .flags-inline .flag { clear: both; } .products-block .p-bottom { padding: 16px 16px 80px; } .products-block .p-bottom .prices { line-height: 1.4; } .products-block .p-bottom .price-additional, .products-block .p-bottom .price-save, .products-block .p-bottom .price-standard-wrapper { font-size: smaller; } .products-block .p-bottom > div::after, .products-block .p-bottom > div::before { content: " "; display: table; } .products-block .p-bottom > div::after { clear: both; } .products-block .p-bottom > div .p-tools { bottom: 0px; font-size: 0px; position: absolute; right: 0px; } .products-block .p-bottom > div .p-tools a, .products-block .p-bottom > div .p-tools form { vertical-align: middle; } .products-block .p-bottom > div .p-tools .btn { border-bottom-style: none; } .products-block .p-bottom > div .p-tools .btn:not(.btn-cart) { padding-left: 11px; padding-right: 11px; } .products-block .p-bottom > div .p-tools > .btn:last-child { border-right-style: none; } .products-block .p-bottom > div .p-tools .btn-cart { position: relative; vertical-align: middle; z-index: 1; } .products-block .p-bottom > div .p-tools form { display: inline-block; } .products-block .p-bottom > div .p-tools form + a { margin-left: -1px; } .products-block .p-bottom .p-desc { margin-bottom: 0px; } .products-block .p-bottom .pr-list-unit { font-size: 1.125rem; font-weight: 400; } .products-block .p-bottom.single-button > div .p-tools form .btn { border-right-style: none; } @media (min-width: 768px) and (max-width: 991px) { .products-block .quantity { display: none; } } @media (min-width: 768px) { .products-block { margin-left: -10px; margin-right: -10px; } .products-block > div .p { margin-bottom: 0px; } .products-block > div .p .name { height: 52px; overflow: hidden; } .products-block > div .p .p-bottom.single-button .prices { bottom: 16px; left: 16px; position: absolute; } .products-block.big .p.big { align-items: flex-end; display: flex; flex-wrap: wrap; } .products-block.big .p.big > a::before { padding-top: 0px; } .products-block.big .p.big .image { width: 100%; } .products-block.big .p.big .name { font-size: 40px; height: auto; } .products-block.big .p.big .p-bottom { padding-bottom: 16px; } .products-block.big .p.big .p-bottom .prices { position: static; } } @media (min-width: 1440px) { .products-block .p .p-bottom .p-tools .btn.btn-cart { height: 73px; width: 73px; } .products-block .p .p-bottom .p-tools .btn.btn-cart::before { font-size: 40px; } .products-block .p .p-bottom .p-tools .btn.btn-primary { line-height: 46px; } .products-block .p.big .p-bottom { padding-bottom: 16px; width: 100%; } } @media (min-width: 321px) and (max-width: 767px) { .columns-mobile-2 .products-block > div .quantity { display: none; } .columns-mobile-2 .products-block > div .p { height: 100%; margin-bottom: 0px; } .columns-mobile-2 .products-block > div .p a img { margin-bottom: 0px; } .columns-mobile-2 .products-block > div .p .p-code { display: none; } .columns-mobile-2 .products-block > div .flags-extra { text-align: center; } .columns-mobile-2 .products-block > div .flags-extra .flag { border-radius: 0px; flex: 1 1 100%; flex-direction: row; float: none; height: auto; margin: 0px; min-width: 100%; padding: 3px; } .columns-mobile-2 .products-block > div .flags-extra .flag .icon-van { font-size: 14px; margin-left: 3px; margin-right: 5px; } .columns-mobile-2 .products-block > div .p-tools { align-items: center; display: flex; } .columns-mobile-2 .products-block > div .inner { display: flex; flex-wrap: wrap; } .columns-mobile-2 .products-block > div .inner .descr { align-self: flex-end; } } .p-detail-tabs-wrapper { border-top-style: solid; border-top-width: 1px; clear: both; margin-bottom: 22px; margin-top: 22px; padding-top: 22px; position: relative; } @media (min-width: 1200px) { .p-detail-tabs-wrapper { margin-top: 0px; } .wide .p-detail-tabs-wrapper { padding-left: 80px; padding-right: 80px; } } @media (min-width: 1440px) { .wide .p-detail-tabs-wrapper { border-top: 0px; padding-left: 200px; padding-right: 200px; } .wide .p-detail-tabs-wrapper::before { content: ""; display: block; height: 1px; line-height: 0; overflow: hidden; position: relative; top: -22px; } } .p-intro { text-align: center; } .p-intro, .p-intro .desc, .p-intro .h1 { margin-bottom: 36.6667px; } @media (min-width: 768px) { .narrow .p-intro { display: none; } .wide .p-intro .btn { display: inline-block; vertical-align: middle; } .wide .p-intro .p-final-price-wrapper { align-items: center; display: inline-flex; justify-content: center; width: 90%; } } .p-intro .p-final-price-wrapper > strong { display: inline-block; line-height: 60px; vertical-align: middle; } @media (min-width: 480px) { .p-intro .p-final-price-wrapper > strong { padding-right: 20px; } } .p-image-wrapper { position: relative; } @media (min-width: 1200px) { .wide .p-image-wrapper { margin-left: -80px; margin-right: -80px; } } @media (min-width: 1440px) { .wide .p-image-wrapper { margin-left: -200px; margin-right: -200px; } } .p-image-wrapper .flags-default { left: 0px; top: 0px; z-index: 1; } .image360 a, .p-image a { display: block; } .image360 a img, .p-image a img { display: block; margin: 0px auto; } @media (min-width: 768px) { .image360, .p-image { border-style: solid; border-width: 1px; margin-bottom: -1px; padding-bottom: 22px; } .wide .image360, .wide .p-image { border-left-style: none; border-right-style: none; border-top-style: none; min-height: 330px; } .wide .image360 img, .wide .p-image img { max-height: 768px; width: auto; } } @media (min-width: 1200px) { .wide .image360, .wide .p-image { min-height: 415px; } } @media (min-width: 1440px) { .wide .image360, .wide .p-image { border-bottom: 0px; } .wide .image360::after, .wide .p-image::after { content: ""; display: block; height: 1px; line-height: 0; margin: 0px auto; max-width: 270px; overflow: hidden; } } .p-final-price-wrapper { text-align: left; } .p-final-price-wrapper > strong { display: block; font-size: 32px; font-weight: 900; line-height: 1; } @media (min-width: 480px) and (max-width: 767px) { .p-final-price-wrapper { float: left; text-align: left; width: 50%; } .p-intro .p-final-price-wrapper { display: flex; float: none; justify-content: center; text-align: center; width: 100%; } .p-intro .p-final-price-wrapper .add-to-cart { width: auto; } } @media (min-width: 768px) { .p-final-price-wrapper { float: left; line-height: 60px; } .wide .p-final-price-wrapper { width: 40%; } } .p-intro .p-final-price-wrapper--express-checkout { column-gap: 20px; } .p-intro .p-final-price-wrapper--express-checkout .price-final { padding-right: 0px; white-space: nowrap; width: 100%; } @media (min-width: 992px) { .p-intro .p-final-price-wrapper--express-checkout .price-final { width: auto; } } @media (min-width: 480px) and (max-width: 991px) { .p-intro .p-final-price-wrapper--express-checkout { align-items: center; flex-direction: column; } } @media (min-width: 768px) { .p-intro .p-final-price-wrapper--express-checkout { width: 90%; } } .add-to-cart.add-to-cart--express-checkout-upper { flex-flow: column wrap; gap: 10px; padding-top: 6px; width: fit-content; } .p-intro .add-to-cart.add-to-cart--express-checkout-upper { display: inline-flex; } .add-to-cart.add-to-cart--express-checkout-upper .btn { width: 100%; } @media (min-width: 768px) { .add-to-cart.add-to-cart--express-checkout-upper .btn { width: auto; } .add-to-cart.add-to-cart--express-checkout-upper { flex-direction: row; } } @media (min-width: 992px) { .add-to-cart.add-to-cart--express-checkout-upper { padding-top: 0px; } } .wide .price.price--express-checkout { flex-flow: wrap; } .add-to-cart { align-items: center; display: flex; flex-wrap: wrap; font-size: 0px; padding-top: 6px; text-align: right; } .add-to-cart .btn { vertical-align: middle; } @media (min-width: 480px) and (max-width: 767px) { .add-to-cart { float: left; padding-top: 0px; width: 50%; } } @media (min-width: 768px) { .add-to-cart { float: left; padding-top: 0px; text-align: left; } } .add-to-cart--express-checkout { align-items: flex-start; flex-direction: column; } @media (min-width: 480px) and (max-width: 767px) { .add-to-cart--express-checkout { width: 100%; } } @media (min-width: 480px) { .add-to-cart--express-checkout { flex-flow: wrap; gap: 10px; } .wide .add-to-cart--express-checkout { width: 100%; } } @media (min-width: 768px) { .wide .add-to-cart--express-checkout { margin-top: 20px; } } .price--express-checkout .add-to-cart--express-checkout .quantity { border-style: solid; } .add-to-cart__quantity-label { font-size: 16px; font-weight: 700; text-transform: uppercase; } @media (min-width: 480px) { .add-to-cart__quantity-label { display: none; } } .add-to-cart__buttons-wrapper { display: grid; gap: 10px; grid-template-columns: 1fr; margin-top: 10px; width: 100%; } @media (min-width: 480px) { .add-to-cart__buttons-wrapper { gap: 10px; grid-template-columns: 1fr 1fr; margin-top: 0px; width: auto; } } .p-intro .add-to-cart { justify-content: center; text-align: center; } .p-intro .p-final-price-wrapper { text-align: center; } @media (min-width: 768px) { .p-intro .add-to-cart, .p-intro .p-final-price-wrapper { float: none; } .p-intro .add-to-cart { display: inline-block; text-align: center; } .p-detail-inner > .pr-action { padding-bottom: 22px; } } @media (min-width: 1200px) { .wide .p-detail-inner > .pr-action { padding-left: 80px; padding-right: 80px; } } @media (min-width: 1440px) { .wide .p-detail-inner > .pr-action { padding-left: 200px; padding-right: 200px; } } .p-details-bottom { clear: both; } .narrow .wide-visible { display: none; } @media (max-width: 767px) { .narrow .p-details-wrapper .wide-visible, .narrow .p-thumbnails-wrapper.wide-visible { display: block; } } @media (min-width: 1440px) { .narrow .p-detail form::after, .narrow .p-detail form::before { content: " "; display: table; } .narrow .p-detail form::after { clear: both; } .narrow .p-info-wrapper { float: left; padding-right: 20px; width: 33.3333%; } .narrow .p-image-wrapper { float: right; width: 66.6667%; } } .wide .narrow-visible { display: none; } @media (min-width: 768px) { .wide .p-detail { position: relative; transition: all 0.3s ease-out 0s; } .wide .p-detail .flags { left: 105px; top: 0px; } .wide .p-detail .p-switchable .flags { left: 0px; } } @media (min-width: 1200px) { .wide .p-details-bottom, .wide .p-info-wrapper { float: left; padding-top: 11px; width: 50%; } .wide .p-info-wrapper { padding-right: 20px; } .wide .p-details-bottom { clear: none; } } .p-details .narrow-visible, .p-details h1 { display: none; } .p-details select { width: 100%; } .p-details .price { clear: both; padding-top: 11px; text-align: right; } .p-details .price::after, .p-details .price::before { content: " "; display: table; } .p-details .price::after { clear: both; } @media (min-width: 768px) { .p-details .price { align-items: center; display: flex; text-align: left; } .narrow .p-details .narrow-visible, .narrow .p-details h1 { display: block; } .narrow .p-details .price { justify-content: center; } .narrow .p-details .price table.detail-parameters { text-align: right; } .narrow .p-details .price--express-checkout { flex-wrap: wrap; gap: 20px; justify-content: flex-start; } .narrow .p-details .price--express-checkout::before { display: none; } .narrow .p-details .price--express-checkout table.detail-parameters { text-align: left; } .narrow .p-details .add-to-cart, .narrow .p-details .p-final-price-wrapper { display: inline-block; float: none; vertical-align: middle; } .narrow .p-details .p-final-price-wrapper { text-align: right; } .narrow .p-details .add-to-cart { margin-left: 20px; } .narrow .p-details .add-to-cart .amount { text-align: right; } .narrow .p-details .add-to-cart--express-checkout { display: flex; gap: 10px; margin-left: 0px; } } @media (min-width: 1200px) { .narrow .p-details .price--express-checkout { justify-content: center; } } .p-share { margin-bottom: 22px; text-align: center; } @media (min-width: 768px) { .p-share { text-align: left; } } @media (min-width: 992px) { .wide-visible .p-share { text-align: right; } } @media (min-width: 768px) { .wide .p-share { margin-bottom: 0px; position: absolute; right: 0px; top: 0px; } .wide .p-share a { display: block; margin-bottom: 1px; } } .rating > div { padding-bottom: 22px; } ul.social-buttons { margin: 44px 0px 0px; padding: 0px; } ul.social-buttons li { display: inline-block; } .price-additional { display: block; } .price-standard { margin-right: 5px; } table.detail-parameters tbody tr td, table.detail-parameters tbody tr th { line-height: 1.444; padding-bottom: 14px; padding-top: 14px; } table.detail-parameters tbody tr td.prices, table.detail-parameters tbody tr th.prices { line-height: 1.2; padding-bottom: 0px; padding-top: 0px; } table.detail-parameters tbody tr td:has(:where(select, .no-display, .sizeID, .advanced-parameter)) { padding-bottom: 0px; padding-top: 0px; } table.detail-parameters tbody tr th { min-width: 190px; padding-right: 8px; text-transform: uppercase; width: 40%; } .one-column-body table.detail-parameters tbody tr th { min-width: 205px; } table.detail-parameters tbody tr th .shipping-options { font-weight: 400; text-transform: none; } @media (max-width: 767px) { table.detail-parameters tbody tr td, table.detail-parameters tbody tr th { display: block; padding-bottom: 3px; padding-top: 3px; width: auto; } table.detail-parameters tbody tr td { margin-bottom: 11px; } table.detail-parameters tbody tr td:has(:where(select, .no-display, .sizeID)) { padding-bottom: 0px; padding-top: 0px; } table.detail-parameters tbody tr td:has(:where(.no-display:only-child)) { margin-bottom: 0px; } } table.detail-parameters select { padding-bottom: 5px; padding-top: 5px; } table.detail-parameters a { text-decoration: none; } table.detail-parameters a:hover { text-decoration: underline; } @media (min-width: 992px) { table.detail-parameters { float: left; width: 50%; } table.detail-parameters.first td { padding-right: 10px; } .price table.detail-parameters { float: none; margin-bottom: 0px; width: 100%; } .wide table.detail-parameters { float: none; width: 100%; } } .price table.detail-parameters { font-size: 13px; } .availability-label { margin-left: -3px; padding-left: 3px; padding-right: 3px; } .availability-label[style] { color: rgb(255, 255, 255); } td .availability-label { padding-left: 0px; padding-right: 0px; } .availability-amount { white-space: nowrap; } .flags { left: -1px; position: absolute; top: -1px; } .p:hover .flag { opacity: 0; } .variant-table .quantity { display: none; } .cofidis-wrap { margin-bottom: 20px; text-align: center; } @media (min-width: 768px) { .cofidis-wrap { text-align: left; } .narrow .cofidis-wrap { margin-right: 20px; } } #hce-product-cert { display: flex; max-width: 100%; } .p-gifts-wrapper { padding-top: 11px; } .p-gifts-heading { font-weight: 700; line-height: 3; text-transform: uppercase; } .p-gift { align-items: center; display: flex; margin-bottom: 6px; } .p-gift:last-child { margin-bottom: 0px; } .p-gift-image { flex-shrink: 0; width: 76px; } .p-gift-name { margin-left: 20px; } .xyDiscount__banner { align-items: center; border-style: solid; border-width: 1px; display: flex; font-size: 16px; gap: 12px; margin-top: 22px; padding: 12px; width: fit-content; } @media (min-width: 768px) { .xyDiscount__banner { font-size: 16px; gap: 11px; padding: 11px; } } .xyDiscount__icon { align-self: flex-start; border-radius: 50%; padding: 6px; } .xyDiscount__icon::before { font-size: 20px; line-height: 1; } .xyDiscount__title { font-size: 18px; font-weight: 700; } .xyDiscount__description { line-height: 1.4; margin-top: 6px; } .xyDiscount__description p { margin-bottom: 6px; } .xyDiscount__description > :last-child { margin-bottom: 3px; } .xyDiscount__conditions { margin-top: 6px; } .xyDiscount__conditions a { text-decoration: underline; } .xyDiscount__conditions a:hover { text-decoration: none; } .id--16 #formSearchForm, .id--16 .header-bottom #navigation, .id--16 .navigation-buttons, .id--16 .navigation-buttons a[data-target="navigation"], .id--17 #formSearchForm, .id--17 .header-bottom #navigation, .id--17 .navigation-buttons, .id--17 .navigation-buttons a[data-target="navigation"] { display: none; } .id--16 .header-bottom, .id--17 .header-bottom { height: 0px; } .cart-emptied .cart-header { display: none; } @media (min-width: 768px) { .cart-emptied .cart-heading { margin-top: 0px; } } .ordering-process .content-wrapper { padding-bottom: 44px; padding-top: 0px; } .ordering-process .btn.btn-conversion, .ordering-process a.btn.btn-conversion { font-size: 20px; font-weight: 900; text-transform: none; } .cart-inner { display: flex; flex-flow: column; } @media (max-width: 991px) { .cart-inner { padding: 0px 20px 20px; } .cart-inner.cart-empty .cart-content { margin-bottom: 22px; } } .cart-inner .cart-table { order: 1; } .cart-inner .free-gift { order: 2; } .cart-inner .delivery-time { order: 3; } .cart-inner .summary { order: 4; } .cart-inner .next-step { order: 5; } ol.cart-header { display: flex; justify-content: center; list-style: none; padding: 0px; } @media (max-width: 991px) { ol.cart-header { margin-bottom: 33px; } } ol.cart-header li { display: block; padding: 0px 10px; position: relative; text-align: center; width: 25%; } @media (max-width: 991px) { ol.cart-header li { width: 33.3%; } } ol.cart-header li a::before, ol.cart-header li strong::before { align-items: center; border-radius: 50%; border-style: solid; border-width: 1px; content: counter(steps); counter-increment: steps 1; display: block; font-size: 16px; height: 40px; justify-content: center; line-height: 38px; margin: 0px auto 10px; position: relative; text-align: center; width: 40px; z-index: 2; } @media (max-width: 991px) { ol.cart-header li a::before, ol.cart-header li strong::before { margin: 0px auto 5px; } } ol.cart-header li a span::after, ol.cart-header li strong span::after { border-top-style: solid; border-top-width: 1px; content: ""; display: block; left: 50%; position: absolute; top: 20px; width: 100%; z-index: 1; } ol.cart-header li strong { font-weight: 400; } ol.cart-header li:last-child a span::after, ol.cart-header li:last-child strong span::after { display: none; } ol.cart-header .completed a span { text-decoration: underline; } ol.cart-header .completed a span::before { text-decoration: none; } .cart-table { margin: 0px; } .cart-table tr td.cart-p-image { padding-right: 15px; } .cart-table .p-name { padding-left: 0px; } .cart-table .p-name div { padding-top: 1ex; } .cart-table .p-name a:hover { text-decoration: underline; } .cart-table .p-label { display: none; } .cart-table .p-total { padding-right: 96px; } .cart-table .p-total .price-final { font-weight: 400; } .cart-table .p-quantity .quantity input { width: 50px; } .cart-table .show-related { font-size: inherit; } .cart-table .cart-related-availability { display: none; } .cart-table .cart-related-button { align-items: baseline; display: flex; justify-content: space-between; } .cart-table tr.related td { padding-bottom: 0px; padding-top: 0px; } .cart-table .p-price .price-final { font-weight: 400; } .cart-table .p-price .show-tooltip { border-bottom-style: none; } .cart-table td.p-availability strong { font-weight: 400; } .cart-table .inline.delete-cart-item, .cart-table .p-discount, .cart-table .product-table-name-footer { display: none; } .cart-table .unit-value { vertical-align: middle; } @media (max-width: 991px) { .cart-table tr > td { width: 33.3%; } .cart-table tr > td:nth-child(2n).p-quantity { text-align: left; } .cart-table tr > td:nth-child(2n+1).p-price { text-align: right; } .cart-table tr.cart-table-header { display: none; } .cart-table tr td.cart-p-image { order: 1; padding-right: 0px; } .cart-table tr > td.p-name { order: 2; padding-left: 15px; padding-right: 30px; position: relative; } .cart-table .p-availability { display: none; } .cart-table .inline.delete-cart-item { display: block; height: 30px; margin-top: -15px; position: absolute; right: 0px; top: 50%; } .cart-table .inline.delete-cart-item .remove-item::before { font-size: 20px; } .cart-table .product-table-name-footer { display: block; } .cart-table .p-quantity { order: 4; } .cart-table .p-price { order: 5; padding-bottom: 0px; } .cart-table .p-total { order: 6; padding-right: 0px; } .cart-table .p-total form { display: none; } .cart-table tr.removeable { align-items: center; justify-content: flex-end; } .cart-table tr.removeable .remove-item { margin-right: 0px; width: auto; } .cart-table tr.removeable.related-visible { border-bottom-style: none; } .cart-table tr:last-child { margin-bottom: 10px; padding-bottom: 10px; } .cart-table .show-related, .cart-table tr.related { display: none; } .cart-table .cart-related-product { align-items: flex-start; padding: 11px; } .cart-table .cart-related-product > div { width: 50%; } .cart-table .cart-related-product .cart-related-info { align-items: flex-start; display: flex; padding: 0px; } .cart-table .cart-related-product .cart-related-button { align-items: flex-end; flex-flow: column; } .cart-table .cart-related-product .cart-related-button .btn.btn-sm { height: auto; line-height: inherit; } .cart-table tr.free-gift-row .free-gift-name-cell { flex: 1 1 calc(100% - 76px); } .cart-table tr.free-gift-row .free-gift-cell-filler { order: 2; } .cart-table tr.free-gift-row .p-availability { display: block; order: 3; } } @media (max-width: 767px) { .cart-table tr { padding-left: 0px; padding-right: 0px; } .cart-table .p-discount, .cart-table .p-price, .cart-table .p-quantity, .cart-table tr > td.p-total { white-space: normal; } .cart-table .p-quantity .quantity input { width: 30px; } } .remove-item-placeholder, tr.removeable .remove-item { margin-right: -96px; width: 96px; } @media (min-width: 992px) { .remove-item-placeholder { display: inline-block; } } tr.removeable .remove-item { display: inline-block; visibility: visible; } @media (min-width: 992px) { tr.removeable .remove-item { visibility: visible; } } .cart-xyDiscount__banner { margin-right: 12px; } .cart-table .p-name .cart-xyDiscount__banner { padding-top: 12px; } .cart-table .p-name .cart-xyDiscount__banner div { padding-top: 0px; } .cart-table .cart-xyDiscount__conditions a:hover { text-decoration: none; } .cart-related-product { border-bottom-width: 0px; } .cart-related-product .cart-related-name { text-transform: none; } @media (min-width: 768px) { .cart-related-product .cart-related-name { padding-left: 15px; } } .free-gifts-wrapper .free-gift-trigger-holder, .free-product-gifts-wrapper .free-gift-trigger-holder { padding-top: 5px; } .free-gifts-wrapper .free-gift-trigger-holder .free-gift-trigger, .free-product-gifts-wrapper .free-gift-trigger-holder .free-gift-trigger { text-decoration: underline; } .free-gifts-wrapper .free-gift-trigger-holder .free-gift-trigger:hover, .free-product-gifts-wrapper .free-gift-trigger-holder .free-gift-trigger:hover { text-decoration: none; } .free-gifts-wrapper .free-gifts, .free-product-gifts-wrapper .free-gifts { margin: 0px 40px 0px 0px; } .free-gifts-wrapper .free-gifts-img > img, .free-product-gifts-wrapper .free-gifts-img > img { width: 76px; } .free-gifts-wrapper .free-gifts-img:hover .free-gifts-img-hover, .free-product-gifts-wrapper .free-gifts-img:hover .free-gifts-img-hover { display: none; } .free-gifts-wrapper .free-gift-label, .free-product-gifts-wrapper .free-gift-label { padding-left: 15px; } .free-gifts-wrapper .free-gift-label .free-gift-name, .free-product-gifts-wrapper .free-gift-label .free-gift-name { display: inline; } .free-gifts-wrapper label, .free-product-gifts-wrapper label { cursor: default; } .colorbox-html-content .free-gift-trigger-holder { display: none; } .cart-inner .delivery-time { margin: 22px 0px; } @media (max-width: 991px) { .cart-inner .delivery-time { margin: 11px 0px; } } .price-wrapper { justify-content: flex-end; padding-top: 22px; text-align: right; } .price-wrapper .price-label.price-primary, .price-wrapper .price.price-primary { flex: 1 1 100%; text-align: right; } .price-wrapper .price-secondary { flex: initial; text-align: right; } .price-wrapper .price.price-primary { padding: 11px 0px; } :where(body.ums_homepage_cart_checkout_headings--on) .cart-inner h2 { text-align: center; } :where(body.ums_homepage_cart_checkout_headings--off) .cart-inner h4 { text-align: center; } .discount-coupon { margin: 22px 96px; } .discount-coupon label { display: block; font-weight: 700; text-transform: none; } .discount-coupon .btn { display: block; font-size: 0px; line-height: 32px; padding-left: 20px; padding-right: 20px; width: 100%; } .discount-coupon .input-group .btn { line-height: 0; } .discount-coupon .btn.btn-arrow-right.btn-text::before { content: ""; font-size: medium; line-height: 32px; margin-right: 0px; } @media (max-width: 767px) { .discount-coupon { max-width: 480px; } } @media (min-width: 768px) { .discount-coupon { align-items: center; padding-bottom: 22px; } .discount-coupon label, .discount-coupon > div { display: block; } .discount-coupon label { padding-right: 0px; } .discount-coupon .btn, .discount-coupon .form-control { display: inline-block; vertical-align: top; width: auto; } .discount-coupon .form-control { max-width: 240px; } .discount-coupon .btn { margin-left: -0.5rem; } } @media (max-width: 991px) { .discount-coupon form { display: flex; } .discount-coupon form button { flex: 0 1 0%; } } .coupon-input { padding: 22px 0px; } .coupon-input .discount-coupon { float: none; margin: 0px; padding: 0px; } .toggle-coupon-input .discount-coupon { display: none; } @media (max-width: 767px) { .toggle-coupon-input .discount-coupon { display: block; } } .toggle-coupon-input .toggle-coupon-input-button { cursor: pointer; padding: 0px; text-decoration: underline; } .toggle-coupon-input .toggle-coupon-input-button:hover { text-decoration: none; } .toggle-coupon-input .toggle-coupon-input-button::after { content: ""; margin-left: 0.5em; } .toggle-coupon-input .toggle-coupon-input-button.discount-coupon-visible { margin-bottom: 1ex; } .toggle-coupon-input .toggle-coupon-input-button.discount-coupon-visible::after { content: ""; } @media (max-width: 767px) { .toggle-coupon-input .toggle-coupon-input-button { display: none; } } .discount-coupon .applied-coupon { align-items: center; display: flex; line-height: 40px; padding-top: 5px; } .applied-coupon strong { line-height: 1.6; } .applied-coupon fieldset, .applied-coupon form { display: flex; } .applied-coupon .btn { font-size: 20px; margin-left: 15px; padding-top: 0px; } .extra { padding-right: 20px; } .extra .price-range { margin-left: 30px; margin-top: 10px; } @media (max-width: 767px) { .extra .price-range { max-width: calc(100% - 30px); } } .extra .price-range::before { float: left; line-height: 16px; margin-left: -30px; margin-right: 6px; } .extra .price-range div { align-items: center; display: flex; justify-content: flex-end; } .extra.delivery .price-range::before { content: ""; font-size: 20px; } .extra.discount .price-range::before { content: ""; font-size: 16px; } .extra.gift .price-range::before { content: ""; font-size: 16px; } .extra.cofidis .price-range::before { content: ""; font-size: 16px; } .summary { margin: 0px 0px 22px; } .summary .extra { padding: 22px 0px; } @media (max-width: 991px) { .summary .extra { padding: 11px 0px; } } .summary .col-md-8 { padding-left: 0px; } .summary .col-md-4 { padding-right: 0px; } @media (max-width: 991px) { .summary { margin-left: 0px; margin-right: 0px; } } @media (max-width: 767px) { .summary .col-md-8 { padding-left: 20px; } .summary .col-md-4 { padding-right: 20px; } } .next-step .btn.btn-lg { line-height: 36px; padding: 10px 20px; } .next-step .next-step-back { font-size: 16px; } .next-step-finish { align-items: center; display: flex; flex-direction: column; } .order-button-text { font-size: 18px; font-weight: 400; text-transform: uppercase; vertical-align: middle; } .order-button-suffix { font-size: 14px; font-weight: 400; line-height: 14px; margin-top: -6px; padding-bottom: 11px; text-transform: none; } .next-step { align-items: stretch; display: flex; flex-direction: column-reverse; margin-bottom: 22px; text-align: center; } @media (min-width: 480px) and (max-width: 991px) { .next-step { align-items: center; flex-direction: row; justify-content: flex-end; } } @media (min-width: 1440px) { .next-step { align-items: center; flex-direction: row; justify-content: flex-end; } } .next-step { margin-top: 22px; } .id--16 .next-step-forward::after, .id--9 .next-step-forward::after { content: ""; margin-left: 1ex; margin-top: -1px; vertical-align: middle; } @media (min-width: 1440px) { #checkoutContent { margin-left: 8%; padding-right: 80px; width: 50%; } } #checkoutContent .form-group { margin-bottom: 10px; } #checkoutContent .form-control { max-width: none; width: 100%; } @media (min-width: 480px) { #checkoutContent .phone-combined-input { max-width: none; } } #checkoutContent .helper a { font-weight: 700; text-decoration: underline; } @media (max-width: 991px) { #select-country-payment .order-information { display: none; } } .ordering-process .co-box { padding: 0px; } .ordering-process .co-box h4 { line-height: 30px; margin: 44px 0px 22px; padding-left: 40px; position: relative; text-align: left; } .ordering-process .co-box h4::before { font-size: 30px; font-weight: 400; left: 0px; line-height: 30px; margin-top: -15px; position: absolute; top: 50%; } @media (max-width: 991px) { .ordering-process .co-box h4 { margin: 22px 0px; } } .ordering-process .co-box.co-basic-information h4 { margin-top: 0px; } .ordering-process .co-box.co-basic-information h4::before { content: ""; } .ordering-process .co-box.co-contact-information h4::before { content: ""; } .ordering-process .co-box.co-delivery-method h4::before { content: ""; } .ordering-process .co-box.co-payment-method h4 { margin-top: 66px; } .ordering-process .co-box.co-payment-method h4::before { content: ""; } @media (max-width: 991px) { .ordering-process .co-box.co-payment-method h4 { margin-top: 44px; } } .recapitulation-wrapper .ordering-process .co-box.co-payment-method h4 { padding-left: 0px; } .recapitulation-wrapper .ordering-process .co-box.co-payment-method h4::before { content: ""; } .ordering-process .co-box.co-billing-address h4::before, .ordering-process .co-box.co-shipping-address h4::before { content: ""; } .ordering-process .co-box.co-order h4::before { content: ""; } .recapitulation-wrapper .ordering-process .co-box.co-order h4 { padding-left: 0px; } .recapitulation-wrapper .ordering-process .co-box.co-order h4::before { content: ""; } .ordering-process .co-box .stay-in-touch h4 { margin: 22px 0px; padding-left: 0px; } .checkout-box { border-style: solid; border-width: 1px; margin: 0px 0px 22px; padding: 11px 20px; } @media (max-width: 991px) { .checkout-box { display: none; } } @media (min-width: 768px) and (max-width: 9999em) { .cart-inner .checkout-box .contact-box { padding: 0px 0px 0px 96px; } .cart-inner .checkout-box .contact-box.no-image { padding-left: 0px; } .cart-inner .checkout-box .contact-box > img { display: block; } } .checkout-box .toggle-contacts { border: none; font-weight: 700; padding: 0px; text-align: left; } .checkout-box .toggle-contacts::after { content: ""; display: inline-block; font-size: 16px; line-height: 30px; padding-left: 5px; } .checkout-box .toggle-contacts.expanded::after { content: ""; } .checkout-box .toggle-contacts br, .checkout-box .toggle-contacts span { display: none; } #company-info { margin-bottom: 0px; } label[for="phone"] { display: none; } .order-summary-inner { border-style: solid; border-width: 1px; margin: 0px; padding: 20px; } @media (max-width: 991px) { .order-summary-inner { border-width: 0px; margin-top: 44px; padding: 0px; } .id--17 .order-summary-inner { border-width: 1px 0px 0px; } .id--17 .order-summary-inner h4 { display: none; } } :where(body.ums_homepage_cart_checkout_headings--on) .order-summary h2 { margin: 0px; padding: 11px 0px; text-align: left; } :where(body.ums_homepage_cart_checkout_headings--on) .order-summary-item { border-style: solid; border-width: 1px 0px 0px; display: flex; flex-wrap: wrap; line-height: 1.4; padding: 22px 0px; width: 100%; } :where(body.ums_homepage_cart_checkout_headings--on) .order-summary-item > div { flex: 1 1 0%; } :where(body.ums_homepage_cart_checkout_headings--on) .order-summary-item > div:not(.price-wrapper) { align-self: center; } :where(body.ums_homepage_cart_checkout_headings--on) .order-summary-item > div:not(.price-wrapper):last-child { flex: 0 0 100px; text-align: right; } :where(body.ums_homepage_cart_checkout_headings--on) .order-summary-item:not(.helper) strong { font-weight: 400; } h2 + :where(body.ums_homepage_cart_checkout_headings--on) .order-summary-item { border: 0px; } :where(body.ums_homepage_cart_checkout_headings--on) .order-summary-item.total { font-weight: 700; } :where(body.ums_homepage_cart_checkout_headings--on) .order-summary-item.price { border: 0px; margin-top: 0px; padding-bottom: 0px; padding-top: 0px; } :where(body.ums_homepage_cart_checkout_headings--on) .order-summary-item.price + .order-summary-item { margin-top: -11px; } :where(body.ums_homepage_cart_checkout_headings--on) .order-summary-item.helper { font-weight: 700; padding: 22px 0px; } :where(body.ums_homepage_cart_checkout_headings--on) .order-summary-item.gift-items .free-gift-price, :where(body.ums_homepage_cart_checkout_headings--on) .order-summary-item.gift-items br { display: none; } :where(body.ums_homepage_cart_checkout_headings--on) .order-summary-item .cart-item-amount { flex: 0 0 60px; text-align: center; } :where(body.ums_homepage_cart_checkout_headings--on) .order-summary-item .cart-item-price { flex: 0 0 80px; text-align: right; } :where(body.ums_homepage_cart_checkout_headings--on) .order-summary-item .cart-item-name a:hover { text-decoration: underline; } :where(body.ums_homepage_cart_checkout_headings--off) .order-summary h4 { margin: 0px; padding: 11px 0px; text-align: left; } :where(body.ums_homepage_cart_checkout_headings--off) .order-summary-item { border-style: solid; border-width: 1px 0px 0px; display: flex; flex-wrap: wrap; line-height: 1.4; padding: 22px 0px; width: 100%; } :where(body.ums_homepage_cart_checkout_headings--off) .order-summary-item > div { flex: 1 1 0%; } :where(body.ums_homepage_cart_checkout_headings--off) .order-summary-item > div:not(.price-wrapper) { align-self: center; } :where(body.ums_homepage_cart_checkout_headings--off) .order-summary-item > div:not(.price-wrapper):last-child { flex: 0 0 100px; text-align: right; } :where(body.ums_homepage_cart_checkout_headings--off) .order-summary-item:not(.helper) strong { font-weight: 400; } h4 + :where(body.ums_homepage_cart_checkout_headings--off) .order-summary-item { border: 0px; } :where(body.ums_homepage_cart_checkout_headings--off) .order-summary-item.total { font-weight: 700; } :where(body.ums_homepage_cart_checkout_headings--off) .order-summary-item.price { border: 0px; margin-top: 0px; padding-bottom: 0px; padding-top: 0px; } :where(body.ums_homepage_cart_checkout_headings--off) .order-summary-item.price + .order-summary-item { margin-top: -11px; } :where(body.ums_homepage_cart_checkout_headings--off) .order-summary-item.helper { font-weight: 700; padding: 22px 0px; } :where(body.ums_homepage_cart_checkout_headings--off) .order-summary-item.gift-items .free-gift-price, :where(body.ums_homepage_cart_checkout_headings--off) .order-summary-item.gift-items br { display: none; } :where(body.ums_homepage_cart_checkout_headings--off) .order-summary-item .cart-item-amount { flex: 0 0 60px; text-align: center; } :where(body.ums_homepage_cart_checkout_headings--off) .order-summary-item .cart-item-price { flex: 0 0 80px; text-align: right; } :where(body.ums_homepage_cart_checkout_headings--off) .order-summary-item .cart-item-name a:hover { text-decoration: underline; } .preauthorization-box { margin: 22px -20px -20px; padding: 20px; } @media (max-width: 991px) { .preauthorization-box { margin-bottom: 0px; } } .order-recapitulation { border-style: solid; border-width: 1px 0px 0px; margin: 0px; } @media (max-width: 991px) { .order-recapitulation { margin: 0px; } } .recapitulation-single { border-style: solid; border-width: 0px 0px 1px; display: flex; flex-wrap: wrap; justify-content: space-between; line-height: 1.4; padding: 22px 0px; width: 100%; } .recapitulation-single > span { display: none; } .recapitulation-single > strong { display: flex; flex-flow: row-reverse; font-weight: 400; justify-content: space-between; text-align: left; width: 100%; } .recapitulation-single > strong span { text-align: left; } .recapitulation-shipping-billing-info--withVat { flex-basis: 100%; font-size: smaller; font-weight: 400; line-height: 2; order: 1; text-align: right; } .shipping-billing-table .radio-wrapper { border-style: solid; border-width: 1px; padding-bottom: 10px; padding-top: 10px; } .desktop .shipping-billing-table .radio-wrapper:hover { border-style: solid; border-width: 1px; box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 10px; } @media (max-width: 991px) { .shipping-billing-table .radio-wrapper:last-child { border: 0px; } } .shipping-billing-table .radio-wrapper input[type="radio"] + label { padding-left: 30px; } .cart-content > .helper { padding: 22px 40px; } @media (max-width: 991px) { .cart-content > .helper { padding: 22px 20px; } } #note { margin-bottom: 11px; } .consents.consents-first { margin-top: 22px; } .consents a { font-weight: 700; text-decoration: underline; } .id--15 .cart-header { display: none; } @media (min-width: 1440px) { .id--15 .content-inner { margin-left: 8%; margin-right: 8%; margin-top: 44px; } } @media (max-width: 991px) { .id--15 .content-inner { padding: 20px; } } .id--15 .co-box.co-payment-method .order-payment { margin-top: 22px; } .reca-number { display: none; } .recapitulation-wrapper { padding-left: 0px; } .recapitulation-wrapper h4 { font-size: 200%; } .recapitulation-wrapper table.table tbody > tr > th { padding-left: 0px; position: relative; width: 35%; } .recapitulation-wrapper table.table tbody > tr > th .row-header-label { display: inline-block; padding-right: 5px; position: relative; z-index: 2; } .recapitulation-wrapper table.table tbody > tr > th::after { border-top-style: solid; border-top-width: 1px; content: ""; height: 1px; left: 0px; position: absolute; right: 0px; top: 50%; z-index: 1; } .recapitulation-wrapper .cart-table .p-total { padding-right: 0px; } .col-sm-12 .recapitulation-table.table { width: 50%; } @media (max-width: 991px) { .col-sm-12 .recapitulation-table.table { width: 100%; } } .recapitulation-table th { font-weight: 400; } .recapitulation-table-payment { align-items: flex-start; display: flex; justify-content: left; } @media (max-width: 991px) { .recapitulation-table-payment { flex-wrap: wrap; } } .qrcode { border: 0px; margin-top: -20px; } @media (max-width: 991px) { .qrcode { margin: 0px auto; } } .recapitulation-wrapper { margin: 44px 0px; text-align: center; } .recapitulation-wrapper table { text-align: left; } .order-summary-item.summary-thx, .order-summary-item.total { border: 0px; display: inline; font-weight: 400; padding: 0px; } .order-complete-links { margin: 22px 0px; } .order-complete-links a.btn { padding-left: 40px; padding-right: 40px; } @media (min-width: 768px) { .cart-related-info { width: 60%; } } .search { text-align: center; } .footer .search, .sidebar .search { text-align: left; } .recommended-products { font-size: 16px; line-height: 1.1; } .recommended-products .browse, .recommended-products .indicator, .recommended-products .row > div { display: none; } .recommended-products .row > div.active { display: block; } .recommended-products a.recommended-product { display: block; text-decoration: none; } .recommended-products a.recommended-product img { display: block; margin: 0px auto 22px; } .recommended-products a.recommended-product strong { display: block; } .recommended-products a.recommended-product strong.name { font-weight: 300; margin-bottom: 11px; text-transform: uppercase; } .recommended-products a.recommended-product strong.price { font-weight: 900; } .recommended-products a.recommended-product .original-price { font-size: 14px; } .recommended-products a.recommended-product .original-price span { text-decoration: line-through; } @media (min-width: 768px) { .recommended-products { padding-left: 90px; padding-right: 90px; position: relative; } .recommended-products .browse, .recommended-products .indicator { display: block; } .recommended-products .browse.inactive, .recommended-products .indicator.inactive { display: none; } .recommended-products .browse { border-radius: 50%; border-style: solid; border-width: 1px; display: block; height: 46px; margin-top: -23px; position: absolute; text-decoration: none; top: 50%; width: 46px; } .recommended-products .browse::before { font-size: 36px; line-height: 46px; } .recommended-products .browse.next { right: 0px; } .recommended-products .browse.next::before { content: ""; } .recommended-products .browse.prev { left: 0px; } .recommended-products .browse.prev::before { content: ""; } .recommended-products .row { display: none; } .recommended-products .row.active, .recommended-products .row > div { display: block; } .recommended-products a.recommended-product { text-align: left; } } .indicator { height: 1px; margin: 0px auto 22px; width: 120px; } .indicator > div { height: 1px; transition: margin 0.3s ease-out 0s; width: 33.3333%; } .indicator.indicator-1 > div { margin-left: 33.3333%; } .indicator.indicator-2 > div { margin-left: 66.6667%; } .search-widget-try-button { width: 100%; } :where(.ums_discussion_rating_forms--off) .btn, :where(.ums_discussion_rating_forms--off) .btn.btn-conversion, :where(.ums_discussion_rating_forms--off) a.btn, :where(.ums_discussion_rating_forms--off) a.btn.btn-conversion { font-weight: 900; text-transform: none; } .advancedOrder__buttons .next-step-back { font-weight: 600; } .next-step .next-step-back { font-weight: 400; } input[type="checkbox"] + label::after, input[type="checkbox"] + label::before { border-radius: 5px; } input[type="checkbox"]:checked + label::after { align-items: center; border-width: 0px; content: ""; display: flex; font-size: 10px; justify-content: center; } .category-perex ul, .category__secondDescription ul, .p-short-description ul, .tab-content ul, .welcome-wrapper ul, article ul { list-style-type: none; } .category-perex ul li::before, .category__secondDescription ul li::before, .p-short-description ul li::before, .tab-content ul li::before, .welcome-wrapper ul li::before, article ul li::before { content: ""; font-size: 14px; margin: -2px 4px 0px -18px; } .category-perex ul[style*=" list-style-type"] li::before, .category-perex ul[style^="list-style-type"] li::before, .category__secondDescription ul[style*=" list-style-type"] li::before, .category__secondDescription ul[style^="list-style-type"] li::before, .p-short-description ul[style*=" list-style-type"] li::before, .p-short-description ul[style^="list-style-type"] li::before, .tab-content ul[style*=" list-style-type"] li::before, .tab-content ul[style^="list-style-type"] li::before, .welcome-wrapper ul[style*=" list-style-type"] li::before, .welcome-wrapper ul[style^="list-style-type"] li::before, article ul[style*=" list-style-type"] li::before, article ul[style^="list-style-type"] li::before { display: none; } @media (max-width: 767px) { .overall-wrapper { padding-top: 50px; } } @media (min-width: 480px) and (max-width: 767px) { .overall-wrapper { padding-top: 80px; } } .top-navigation-bar { font-size: 14px; } #header .container { min-height: 50px; position: relative; } #header .header-top { align-items: center; padding: 0px; } @media (min-width: 768px) { #header .header-top { padding: 15px 0px; } } @media (max-width: 767px) { #header .header-top .container { padding-left: 0px; padding-right: 0px; } } #header .header-top a.cart-count { padding-bottom: 0px; padding-top: 0px; } @media (min-width: 768px) { #header .header-top a.cart-count { padding: 0px; width: auto; } } @media (max-width: 767px) { #header .header-top a.cart-count i { bottom: 10px; left: auto; right: 10px; } } #header .site-name a.text-logo .header__title { -webkit-line-clamp: 2; } #header .site-name a.text-logo .motto { -webkit-line-clamp: 2; line-height: 1.3; margin-top: 0.4em; } @media (max-width: 767px) { #header .site-name a.text-logo .motto { -webkit-line-clamp: 1; } } #header .site-name a.text-logo .header__title:only-child { -webkit-line-clamp: 3; } @media (max-width: 767px) { #header .site-name a.text-logo .header__title:only-child { -webkit-line-clamp: 2; } } #header .site-name:has(.text-logo) { max-width: calc(100% - 165px); } @media (min-width: 480px) { #header .site-name:has(.text-logo) { max-width: 450px; } } @media (min-width: 768px) { #header .site-name:has(.text-logo) { max-width: none; } } #header .header-bottom { border-style: solid; border-width: 1px 0px 0px; position: relative; } #header .navigation-buttons { flex-grow: 0; margin-left: auto; } #header .navigation-buttons a { margin-left: 0px; } @media (min-width: 480px) and (max-width: 767px) { #header .navigation-buttons a { height: 80px; width: 80px; } #header .navigation-buttons a::before { font-size: 30px; line-height: 80px; } } @media (max-width: 480px) { #header .navigation-buttons a { height: 50px; width: 50px; } #header .navigation-buttons a::before { line-height: 50px; } } @media (min-width: 768px) { #header .navigation-buttons a { height: 50px; line-height: 50px; margin-left: 40px; width: auto; } #header .navigation-buttons a[data-target="login"] { display: none; } #header .navigation-buttons a[data-target="cart"] { align-items: center; display: flex; } #header .navigation-buttons a[data-target="cart"]::before { font-size: 26px; margin-right: 10px; } #header .navigation-buttons a[data-target="cart"] i { left: 10px; } } @media (max-width: 767px) { #header { box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 2px; left: 0px; position: fixed; top: 0px; transition: transform 0.15s ease 0s; width: 100%; z-index: 56; } #header .header-bottom { border-top-width: 0px; } .scrolled-down body:not(.ordering-process):not(.search-window-visible) #header { transform: translateY(-100%); } #header .header-bottom-wrapper { min-height: 0px; } #header .search { display: none; } .search-window-visible #header .search { display: block; order: 3; width: 100%; } #header .searchWhisperer { max-height: calc(var(--vh, 1vh)*100 - 98px); overflow-y: auto; overscroll-behavior: contain; } .search-focused #header { z-index: 1002; } } @media (min-width: 480px) and (max-width: 767px) { #header .searchWhisperer { max-height: calc(var(--vh, 1vh)*100 - 128px); } } @media (min-width: 768px) { #header .header-top-wrapper .site-name, #header .header-top-wrapper > div { flex: 0 1 33.3333%; } #header .site-name a { display: inline-block; } #header .site-name:has(.text-logo) { max-width: none; min-width: auto; } } @media (min-width: 1200px) { #header .search { padding-left: 40px; padding-right: 40px; } } #navigation { padding-top: 0px; } @media (max-width: 767px) { #navigation { border-top-style: solid; border-top-width: 1px; top: 50px; } } @media (min-width: 480px) and (max-width: 767px) { #navigation { top: 80px; } .navigation-window-visible #navigation { width: 100%; } } @media (min-width: 768px) { #navigation .menu-level-2 { border-top-style: solid; border-top-width: 1px; padding-bottom: 20px; } #navigation .menu-level-2 > li { padding-top: 20px; } #navigation .menu-level-2 > li > div { row-gap: 10px; } #navigation .menu-level-2 > li > div > a { padding-bottom: 2px; } #navigation .menu-level-3 { font-size: 16px; } #navigation .has-more-items { position: relative; } #navigation .has-more-items .more-items-trigger { bottom: -0.05em; cursor: pointer; font-size: small; height: 22px; position: absolute; right: 0px; text-align: center; width: 32px; } #navigation .has-more-items .more-items-trigger::before { content: "…"; line-height: 1.6; } #navigation .has-more-items .more-items-trigger::after { background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0px, rgb(255, 255, 255)); background-repeat: repeat-x; content: ""; height: 21px; left: -16px; position: absolute; top: 0px; width: 16px; } } @media (min-width: 768px) { #navigation .has-more-items:focus-within .more-items-trigger { display: none; } } #navigation .menu-no-image { padding: 0px 20px; } #navigation .navigation-in ul li:hover > a > b, #navigation .navigation-in ul li:hover > a > span, #navigation .navigation-in ul li:hover > div > a > span { border-width: 0px; text-decoration: underline 2px; text-underline-offset: 4px; } @media (min-width: 768px) { #navigation .navigation-in ul li.menu-level-1 > li:first-child > a { padding-left: 0px; } #navigation .navigation-in ul li.ext.exp > ul { border-bottom-width: 0px; } } @media (max-width: 767px) { #navigation .navigation-in ul li > a > b { border-width: 0px; text-decoration: underline 2px; text-underline-offset: 4px; } #navigation .menu-level-1 > li > a, #navigation .navigationActions > li > a { padding-right: 50px; position: relative; } #navigation .menu-level-1 > li > a .submenu-arrow, #navigation .navigationActions > li > a .submenu-arrow { display: block; height: 50px; line-height: 50px; padding: 0px; position: absolute; right: 0px; text-align: center; top: 0px; transform: translate(0px); width: 50px; } .navigation-in { height: calc(100% - 40px); } } @media (min-width: 480px) and (max-width: 767px) { .navigation-in { height: calc(100% - 60px); } } .navigation-close { display: none; } .navigation-buttons { position: static; } .navigation-window-visible .navigation-buttons a[data-target="navigation"]::before { content: ""; font-size: 14px; } body.ordering-process .navigation-buttons a[data-target="search"] { display: block; } @media (min-width: 768px) { .navigation-buttons a[data-target="search"], body.ordering-process .navigation-buttons a[data-target="search"] { display: none; } } .search-button { display: none; } .search-form { position: relative; transition: color 0.3s ease 0s; } .search-input { padding-left: 50px; } #header .search-input:focus, #header .search-input:hover, .search-focused #header .search-input, .search-window-visible #header .search-input { box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 4px; } @media (min-width: 768px) { #header .search-input:focus, #header .search-input:hover, .search-focused #header .search-input, .search-window-visible #header .search-input { box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 10px; } } .search-input-icon:hover ~ .search-input { box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 4px; } @media (min-width: 768px) { .search-input-icon:hover ~ .search-input { box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 10px; } } .search-input-icon { align-items: center; cursor: text; display: flex; height: 40px; justify-content: center; left: 25px; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 40px; } @media (min-width: 768px) { .search-input-icon { font-size: 26px; } } .search-input-icon::before { content: ""; } .search-focused .search-input-icon, .search-window-visible .search-input-icon { cursor: pointer; } .search-focused .search-input-icon::before, .search-window-visible .search-input-icon::before { content: ""; font-size: 20px; } .search-input-icon.compact-form::before { display: none; } .search-focused .search-form { z-index: 1003; } .search-focused::before { z-index: 1002; } .search-focused::before, body::before { inset: 0px; content: ""; position: fixed; } body::before { opacity: 0; transition: all 0.2s ease 0s; z-index: -1; } @media (min-width: 768px) { body.navigation-hovered #navigation, body.navigation-hovered .menu-helper { z-index: 1003; } body.navigation-hovered::before { opacity: 1; z-index: 1002; } } body.search-focused::before { opacity: 1; } .searchWhisperer { box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 4px; } @media (min-width: 768px) { .searchWhisperer { box-shadow: none; margin-left: 5%; width: 90%; } } @media (min-width: 992px) { .searchWhisperer { margin-left: 3%; width: 94%; } } @media (min-width: 1200px) { .searchWhisperer { margin-left: 11.5%; width: 77%; } } @media (min-width: 1440px) { .searchWhisperer { margin-left: 15%; width: 70%; } } .content { min-width: 0px; } @media (min-width: 768px) { .sidebar-left + .content { padding-left: 20px; } } .content-wrapper { padding-top: 10px; } @media (min-width: 768px) { .content-wrapper { padding-top: 0px; } } #content { line-height: 1.7; } @media (min-width: 768px) { #content { padding-top: 20px; } #content h1 { margin-top: 0px; } } #content p { margin: 0px 0px 22px; } select { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='20' fill='none' viewBox='0 0 45 20'%3E%3Cpath fill='%23000' d='M30.936 5.3 23 12.105 15.064 5.3a1.25 1.25 0 0 0-1.629 1.897l.002.001 8.75 7.5a1.245 1.245 0 0 0 1.629-.001l-.002.001 8.75-7.5a1.25 1.25 0 1 0-1.629-1.897z'/%3E%3C/svg%3E"); } @media (min-width: 768px) { .itemsTotal { display: none; } } @media (min-width: 321px) and (max-width: 767px) { .columns-mobile-2 .products-block > div { margin-bottom: 20px; width: 50%; } .columns-mobile-2 .products-block > div:nth-child(2n) { padding-left: 5px; } .columns-mobile-2 .products-block > div:nth-child(2n+1) { padding-right: 5px; } .columns-mobile-2 .products-block .p .name { display: -webkit-box; height: 44px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } } @media (min-width: 768px) { .desktop .banners-row { clear: both; margin-top: -20px; } } .banners-row [class*="col-"] { padding-left: 0px; padding-right: 0px; } .banners-row .banner-wrapper { margin-top: 0px; } .banners-row .carousel { margin-bottom: 0px; } .banners-row .wide-carousel .carousel { margin-top: 0px; } @media (min-width: 768px) { .wide .banners-row .wide-carousel .carousel { margin-top: 0px; } } .extended-banner-link, .extended-banner-text, .extended-banner-title { background-color: transparent; border: none; box-shadow: none; } .next-to-carousel-banners .extended-banner-link, .next-to-carousel-banners .extended-banner-text, .next-to-carousel-banners .extended-banner-title { left: auto; right: 0px; } .extended-banner-title { padding: 40px; } .extended-banner-text { font-size: 34px; font-weight: 700; max-width: 100%; padding: 40px; } .next-to-carousel-banners .extended-banner-text { text-align: right; } .extended-banner-link { height: auto; left: 0px; margin-top: 0px; padding: 0px 40px; right: auto; } .carousel .extended-banner-link { margin-top: 44px; } .carousel-control { height: 44px; top: calc(50% - 22px); width: 44px; } .carousel-control::before { margin: 0px; top: 0px; } .carousel-control.left { left: 40px; } .carousel-control.left::before { left: 0px; } .carousel-control.right { right: 40px; } .carousel-control.right::before { right: 0px; } .homepage-group-title { font-size: 34px; margin-bottom: 44px; margin-top: 66px; text-align: center; } .homepage-group-title:first-child { margin-top: 0px; } .blog-wrapper .homepage-group-title { margin-top: 66px; } .welcome-wrapper { margin-bottom: 44px; margin-top: 44px; padding-bottom: 44px; padding-top: 44px; } :where(body.ums_homepage_cart_checkout_headings--on) .welcome-wrapper .welcome .h1 { margin-bottom: 0.67em; } .footer-banners { margin-top: 44px; } .homepage-blog-wrapper { margin-top: -44px; padding-bottom: 44px; padding-top: 0px; } @media (min-width: 768px) { .homepage-blog-wrapper { margin-left: -20px; margin-right: -20px; } } @media (min-width: 1200px) { .homepage-blog-wrapper .news-item { flex-basis: 50%; width: 50%; } } .homepage-blog-wrapper .news-item .title { font-weight: 700; line-height: 1.1; } :where(.ums_discussion_rating_forms--off) .ratings-and-brand { display: flex; flex-flow: column; } :where(.ums_discussion_rating_forms--off) .ratings-and-brand .stars a { padding-right: 5px; } :where(.ums_discussion_rating_forms--off) .ratings-and-brand a { text-decoration: underline; } @media (min-width: 1200px) { :where(.ums_discussion_rating_forms--off) .narrow .ratings-and-brand { flex-flow: row; } :where(.ums_discussion_rating_forms--off) .narrow .ratings-and-brand .stars-wrapper { margin: 0px; } :where(.ums_discussion_rating_forms--off) .narrow .ratings-and-brand .stars-wrapper + .brand-wrapper { margin-left: 20px; } } @media (min-width: 992px) { :where(.ums_discussion_rating_forms--off) .wide .ratings-and-brand { flex-flow: row; } :where(.ums_discussion_rating_forms--off) .wide .ratings-and-brand .stars-wrapper { margin: 0px; } :where(.ums_discussion_rating_forms--off) .wide .ratings-and-brand .stars-wrapper + .brand-wrapper { margin-left: 20px; } } :where(.ums_discussion_rating_forms--on) .ratings-and-brand { display: flex; flex-wrap: wrap; gap: 4px 16px; } :where(.ums_discussion_rating_forms--on) .ratings-and-brand .stars-wrapper { margin: 0px; } :where(.ums_discussion_rating_forms--on) .ratings-and-brand .stars-link, :where(.ums_discussion_rating_forms--on) :where(.shipping-options-layout .shipping-options-row) .shipping-options { color: var(--colors-foregrounds-content-primary); text-decoration: underline; } :where(.ums_discussion_rating_forms--on) .ratings-and-brand .stars-link:focus-visible, :where(.ums_discussion_rating_forms--on) .ratings-and-brand .stars-link:hover, :where(.ums_discussion_rating_forms--on) :where(.shipping-options-layout .shipping-options-row) .shipping-options:focus-visible, :where(.ums_discussion_rating_forms--on) :where(.shipping-options-layout .shipping-options-row) .shipping-options:hover { color: var(--color-primary-hover); } :where(.ums_discussion_rating_forms--on) .brand-wrapper-manufacturer-name a { text-decoration: underline; } :where(.ums_discussion_rating_forms--on) .starsLabel--productDetail { gap: 8px 4px; margin-right: 8px; } :where(.ums_discussion_rating_forms--on) .rateAverage__link { display: flex; } :where(.ums_discussion_rating_forms--on) .rate-wrapper-in-description .rate-average-inner .rateAverage__link .stars { margin-top: 0px; } .products-top.products-inline .p { height: 100%; } @media (min-width: 1200px) { .products-top.products-inline > div { width: 25%; } } .toggle-top-products { align-items: center; font-weight: 400; } .toggle-top-products.chevron-down-after::after { margin-top: 0.4em; } .container-narrow { max-width: 100%; } @media (min-width: 992px) { .container-narrow { margin: 0px auto; width: 1178px; } } @media (min-width: 768px) { .aside-indented .breadcrumbs, .aside-indented .category-top { margin-left: auto; margin-right: auto; max-width: 1178px; } } .category-header { align-items: center; column-gap: 16px; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 22px; } .listSorting { display: block; width: 100%; } @media (min-width: 768px) { .listSorting { width: auto; } } .sortingToggle { border: 1px solid var(--color-secondary); border-radius: 0px; font-size: 16px; font-weight: 700; line-height: 1.375; padding: 15px 32px; position: relative; width: 100%; } .sortingToggle .icon-chevron-down, .sortingToggle .icon-sort { position: absolute; } .sortingToggle .icon-sort { left: 11px; margin-top: 2px; } @media (min-width: 768px) { .sortingToggle .icon-sort { left: 0px; } } .sortingToggle .icon-chevron-down { right: 10px; } @media (min-width: 768px) { .sortingToggle { border-color: transparent; font-weight: 400; padding-left: 21px; } } .listSorting__controls { padding: 8px; } .listSorting__controls--dropdown { border-top-width: 0px; } @media (min-width: 768px) { .listSorting__controls--dropdown { border-top-width: 1px; position: absolute; right: 0px; } } .listSorting__control { display: block; line-height: 1.5; padding: 4px 16px; } .listSorting__control--current { font-weight: 700; } .category-header-pagination { display: none; } @media (min-width: 768px) { .category-header-pagination { display: block; } } .subcategories.with-image .divider { padding: 0px; } .filters-wrapper .filters-unveil-button-wrapper .unveil-button { font-weight: 700; text-align: left; } .filters-wrapper .filters-unveil-button-wrapper .unveil-button::before { content: ""; margin-right: 5px; } .filters-wrapper .filters-unveil-button-wrapper .unveil-button::after { content: ""; float: right; line-height: inherit; margin-left: 5px; } .filters-visible .filters-wrapper .filters-unveil-button-wrapper .unveil-button::after { content: ""; float: right; line-height: inherit; } .mobile .filters-wrapper .filters-unveil-button-wrapper .unveil-button { padding: 11px; } @media (max-width: 767px) { .filters-wrapper .filters-unveil-button-wrapper .unveil-button { padding: 11px; } } .p-detail-inner-header-mobile, .p-detail-inner-header-mobile .h1 { padding-bottom: 11px; } @media (min-width: 1200px) { .narrow .p-detail-inner-header-mobile { display: none; } } @media (min-width: 992px) { .wide .p-detail-inner-header-mobile { display: none; } } .p-detail-inner { place-content: flex-start center; align-items: stretch; clear: both; display: flex; flex-flow: column; } @media (min-width: 992px) { .wide .p-detail-inner { flex-direction: row; } } @media (min-width: 1200px) { .p-detail-inner { flex-direction: row; } } .p-detail-inner h1 { margin-bottom: 5px; } .p-detail-inner .p-detail-inner-header { display: none; } @media (min-width: 1200px) { .narrow .p-detail-inner .p-detail-inner-header { display: block; } } @media (min-width: 992px) { .wide .p-detail-inner .p-detail-inner-header { display: block; } } .p-detail-inner .p-data-wrapper, .p-detail-inner .p-image-wrapper { align-self: auto; flex: 1 1 auto; padding-top: 0px; width: 100%; } .p-detail-inner .p-image-wrapper { margin-top: 0px; order: 1; } .wide .p-detail-inner .p-image-wrapper { margin-left: 0px; margin-right: 0px; } @media (min-width: 992px) { .wide .p-detail-inner .p-image-wrapper { padding-right: 40px; width: 50%; } } @media (min-width: 1200px) { .p-detail-inner .p-image-wrapper { padding-right: 40px; width: 50%; } } .p-detail-inner .p-data-wrapper { order: 2; } @media (min-width: 992px) { .wide .p-detail-inner .p-data-wrapper { width: 50%; } } @media (min-width: 1200px) { .p-detail-inner .p-data-wrapper { width: 50%; } } .p-detail-inner .detail-parameters, .p-detail-inner .p-detail-inner-header, .p-detail-inner .p-short-description { margin: 0px 0px 22px; } .p-detail-inner .p-gifts-heading { text-transform: none; } .xyDiscount__banner { gap: 11px; padding: 11px; } #content .xyDiscount__description p { margin-bottom: 6px; } #content .xyDiscount__description > :last-child { margin-bottom: 3px; } @media (max-width: 767px) { .surcharge-list select, .variant-list select { max-width: 100%; width: 100%; } } table.detail-parameters { float: none; margin-top: 22px; width: 100%; } table.detail-parameters tbody tr td, table.detail-parameters tbody tr th { line-height: 1.5; padding-bottom: 5px; padding-top: 0px; } table.detail-parameters tbody tr th { font-weight: 400; min-width: 180px; padding-right: 20px; position: relative; text-align: left; text-transform: none; } table.detail-parameters tbody tr th .row-header-label { align-items: center; display: inline-flex; padding-right: 10px; position: relative; z-index: 2; } table.detail-parameters tbody tr th .row-header-label .row-header-label-colon { display: none; } table.detail-parameters tbody tr th .row-header-label .question-tooltip { margin-left: 5px; order: 2; } table.detail-parameters tbody tr th::after { border-top-style: solid; border-top-width: 1px; content: ""; height: 1px; left: 0px; position: absolute; right: 0px; top: 50%; z-index: 1; } table.detail-parameters tbody tr td { padding-left: 20px; } table.detail-parameters tbody tr td a { font-weight: 700; text-decoration: underline; } table.detail-parameters tbody tr:last-child td, table.detail-parameters tbody tr:last-child th { padding-bottom: 0px; } @media (max-width: 767px) { table.detail-parameters tbody tr td, table.detail-parameters tbody tr th { display: table-cell; } } table.shipping-options-layout tr.shipping-options-row td { padding-left: 0px; } table.shipping-options-layout tr.shipping-options-row a { font-weight: 400; } .image360, .p-image { border-width: 0px; padding-bottom: 22px; position: relative; } @media (min-width: 1440px) { .wide .image360::after, .wide .p-image::after { display: none; } } .image360-navigation { bottom: 22px; } .p-thumbnails-horizontal .p-thumbnail::before, .p-thumbnails-horizontal .show360image::before { height: 0px; } .p-to-cart-block { align-items: center; display: flex; flex-wrap: wrap; gap: 10px 20px; justify-content: flex-start; padding: 10px; } .p-to-cart-block .add-to-cart-button { flex: 1 1 auto; padding-left: 24px; padding-right: 24px; white-space: nowrap; } .p-to-cart-block .add-to-cart { float: none; margin-left: auto; padding-top: 0px; width: auto; } .p-to-cart-block .add-to-cart .quantity { margin-right: 0px; } .p-to-cart-block .add-to-cart--express-checkout { margin-top: 0px; } @media (min-width: 480px) { .p-to-cart-block .add-to-cart--express-checkout { margin-left: 0px; } } .p-to-cart-block .add-to-cart__quantity-label { display: none; } .p-to-cart-block .add-to-cart__buttons-wrapper { display: grid; flex: 1 0 100%; gap: 10px 20px; grid-template-columns: 1fr; } @media (min-width: 480px) { .p-to-cart-block .add-to-cart__buttons-wrapper { grid-template-columns: 1fr 1fr; } } .p-to-cart-block .p-final-price-wrapper { flex: 0 1 auto; line-height: 200%; white-space: nowrap; width: auto; } .p-to-cart-block .p-final-price-wrapper .price-final-holder { font-weight: 600; } .sold-out-wrapper { text-align: left; } .products-wrapper { position: relative; } .products-header { margin-bottom: 44px; margin-top: 66px; text-align: center; } .mobile .products-header { text-align: left; } .surcharge-list, .variant-list { padding-bottom: 22px; } .surcharge-list .surcharge-label, .surcharge-list .variant-label, .variant-list .surcharge-label, .variant-list .variant-label { display: block; } .surcharge-list select:hover, .variant-list select:hover { box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 10px; } #product-detail-form::after, #product-detail-form::before { content: " "; display: table; } #product-detail-form::after { clear: both; } #product-detail-form .surcharge-label, #product-detail-form .variant-label { padding-bottom: 11px; } #product-detail-form .advanced-parameter .advanced-parameter-inner { box-shadow: unset; } #product-detail-form .advanced-parameter .advanced-parameter-inner:hover { box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 10px; z-index: 10; } #product-detail-form .advanced-parameter .advanced-parameter-inner::before { border-radius: 100%; height: 25px; left: auto; right: 11.5px; text-align: center; top: 11.5px; width: 25px; } #product-detail-form .advanced-parameter .advanced-parameter-inner.yes-before::before { background-image: none; border-style: solid; border-width: 1px; content: ""; font-size: 16px; line-height: 25px; } .quantity { padding-left: 40px; padding-right: 40px; } .quantity:hover { box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 10px; } .quantity input { width: 50px; } .quantity .decrease, .quantity .increase { align-items: center; border-style: none; display: flex; justify-content: center; } .quantity .decrease::before, .quantity .increase::before { font-size: 12px; position: relative; } .add-to-cart .quantity { margin-right: 20px; } .quantity .decrease-tooltip, .quantity .increase-tooltip { right: 0px; width: 100%; } .add-to-cart-button, .cart-related-button .btn.btn-sm, .surcharge-list select, .variant-list select { height: 52px; line-height: 50px; padding-bottom: 0px; padding-top: 0px; } .variant-table .quantity { display: inline-block; } .variant-table .btn-cart { border-style: solid; height: 50px; padding: 0px; width: 50px; } .variant-table .btn-cart::before { content: ""; line-height: inherit; } .social-buttons-wrapper { padding: 22px 0px; } .social-buttons-wrapper .link-icon { display: flex; margin-right: 20px; } .social-buttons-wrapper .link-icon::before { margin-bottom: 0px; margin-right: 5px; } .social-buttons-wrapper .social-buttons { align-items: center; display: flex; padding: 22px 0px; } .social-buttons-wrapper .social-buttons > div { line-height: 100%; } .social-buttons-wrapper .social-buttons > div.close-wrapper { line-height: normal; } .link-icons .link-icon { align-items: center; display: flex; margin-right: 40px; } .link-icons .link-icon span { text-decoration: underline; text-transform: none; } #formProductQuestion label[for="phone"] { display: block; } .p-detail-tabs-wrapper { border-top-style: none; margin-left: auto; margin-right: auto; padding: 0px; } .wide .p-detail-tabs-wrapper { padding: 0px; } .shp-tabs-holder ul.shp-tabs { font-weight: 700; margin-left: auto; margin-right: auto; } .shp-tabs-holder ul.shp-tabs .shp-tab.active, .shp-tabs-holder ul.shp-tabs .shp-tab:hover { text-decoration: underline 2px; text-underline-offset: 6px; } .shp-tabs-holder ul.shp-tabs a.shp-tab-link { font-size: 24px; padding-left: 40px; padding-right: 40px; } @media (min-width: 992px) { .shp-tabs-holder ul.shp-tabs a.shp-tab-link { font-size: 24px; } } .shp-tabs-wrapper .tab-content .tab-pane { max-width: 100%; } @media (min-width: 992px) { .shp-tabs-wrapper .tab-content .tab-pane { margin-left: auto; margin-right: auto; width: 1178px; } .shp-tabs-wrapper .tab-content .tab-pane.wide-tab { width: 100%; } .description-inner { align-items: flex-start; display: flex; flex-wrap: wrap; } .description-inner .extended-description { } } .basic-description { max-width: 100%; } @media (min-width: 1200px) { .basic-description { flex: 1 1 auto; padding-right: 40px; width: 66.6667%; } .extended-description { flex: 0 1 auto; width: 33.3333%; } } :where(.ums_discussion_rating_forms--off) .add-comment .rating-icon { text-decoration: underline; } :where(.ums_discussion_rating_forms--off) .add-comment .rating-icon::before { content: ""; margin: 0px; } :where(.ums_discussion_rating_forms--off) .rate-wrapper.unveil-wrapper.rate-wrapper-in-description .rate-average-wrap .stars { height: 30px; } :where(.ums_discussion_rating_forms--off) .rate-wrapper.unveil-wrapper.rate-wrapper-in-description .rate-average-wrap .stars a, :where(.ums_discussion_rating_forms--off) .rate-wrapper.unveil-wrapper.rate-wrapper-in-description .rate-average-wrap .stars span { height: 30px; line-height: 30px; margin-right: 5px; width: 30px; } :where(.ums_discussion_rating_forms--off) .rate-wrapper.unveil-wrapper.rate-wrapper-in-description .rate-average-wrap .stars a::before, :where(.ums_discussion_rating_forms--off) .rate-wrapper.unveil-wrapper.rate-wrapper-in-description .rate-average-wrap .stars span::before { font-size: 30px; line-height: 30px; } :where(.ums_discussion_rating_forms--on) .rate-wrapper-in-description { margin-bottom: 22px; } :where(.ums_discussion_rating_forms--on) .rate-wrapper-in-description .stars { height: 30px; margin-top: 0px; } :where(.ums_discussion_rating_forms--on) .unveil-wrapper.rate-wrapper-in-description .rate-average-wrap .stars { height: 30px; } :where(.ums_discussion_rating_forms--on) .unveil-wrapper.rate-wrapper-in-description .rate-average-wrap .star::before { font-size: 30px; line-height: 30px; } .rate-wrapper.unveil-wrapper .rate-list { margin-bottom: 5px; } @media (max-width: 991px) and (min-width: 480px) { :where(.ums_discussion_rating_forms--off) .rate-wrapper.unveil-wrapper .rate-average-inner { margin-bottom: 33px; } } @media (max-width: 991px) and (min-width: 768px) { .multiple-columns-body :where(.ums_discussion_rating_forms--off) .rate-wrapper.unveil-wrapper .rate-average-inner { align-items: flex-start; flex-direction: column; } } @media (max-width: 991px) and (min-width: 768px) { .multiple-columns-body :where(.ums_discussion_rating_forms--off) .rate-wrapper.unveil-wrapper .rate-star-wrap { margin-left: 0px; margin-top: 10px; } } @media (max-width: 767px) { :where(.ums_discussion_rating_forms--off) .rate-wrap { flex-flow: column; margin-bottom: 44px; } :where(.ums_discussion_rating_forms--off) .rate-wrap .rate-average-wrap { margin-bottom: 22px; } } .vote-pic { display: none; } :where(.ums_discussion_rating_forms--off) .content .vote-wrap { margin-bottom: 33px; padding-top: 33px; } :where(.ums_discussion_rating_forms--off) .vote-wrap .vote-header { display: block; margin-bottom: 0px; } :where(.ums_discussion_rating_forms--off) .vote-wrap .vote-header .vote-rating { display: flex; justify-content: space-between; } :where(.ums_discussion_rating_forms--off) .vote-wrap .vote-header .vote-rating .vote-delimeter { display: none; } :where(.ums_discussion_rating_forms--off) .vote-wrap .vote-header .vote-time { font-size: 16px; } :where(.ums_discussion_rating_forms--off) .vote-wrap .vote-header .vote-name { margin-bottom: 10px; } :where(.ums_discussion_rating_forms--off) .vote-wrap .vote-header .vote-title { margin-bottom: 0px; } :where(.ums_discussion_rating_forms--off) .vote-wrap .vote-content { margin-top: 15px; } :where(.ums_discussion_rating_forms--on) .discussion .vote-wrap, :where(.ums_discussion_rating_forms--on) .ratingsList .vote-wrap { margin-bottom: 33px; padding-top: 33px; } :where(.ums_discussion_rating_forms--on) .vote-wrap .vote-header { display: block; margin-bottom: 0px; } :where(.ums_discussion_rating_forms--on) .vote-wrap .vote-header .vote-rating { display: flex; justify-content: space-between; } :where(.ums_discussion_rating_forms--on) .footer .vote-rating, :where(.ums_discussion_rating_forms--on) .sidebar .vote-rating { min-height: 22px; } :where(.ums_discussion_rating_forms--on) .vote-wrap .vote-header .vote-time { font-size: 16px; } :where(.ums_discussion_rating_forms--on) .vote-wrap .vote-header .vote-title { margin-bottom: 0px; } :where(.ums_discussion_rating_forms--on) .discussion .vote-name, :where(.ums_discussion_rating_forms--on) .ratingsList .vote-name { margin-bottom: 10px; } :where(.ums_discussion_rating_forms--on) .vote-delimeter { display: none; } :where(.ums_discussion_rating_forms--on) .vote-wrap .vote-content { margin-top: 15px; } .vote-form { padding-bottom: 22px; } .vote-form .consents-first { border-width: 0px; padding-top: 0px; } .products-block { display: flex; flex-wrap: wrap; } .products-block > div { border-style: solid; border-width: 1px; margin-left: auto; margin-right: auto; max-width: 450px; padding-top: 10px; width: 100%; } .products-block > div:hover { box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 10px; z-index: 1; } .products-block > div:hover .p a { text-decoration: underline; } .mobile .products-block > div:active, .mobile .products-block > div:hover, .products-block > div.inactive:hover { box-shadow: unset; } .products-block > div .p { border: none; display: flex; flex-direction: column; height: 100%; text-align: center; } .products-block > div .p .p-code { display: block; right: 10px; text-align: left; top: 10px; } .products-block > div .p .availability { display: block; } .products-block > div .p .p-in { clear: both; padding-top: 11px; } .products-block > div .p .stars-wrapper { align-items: center; display: flex; flex-wrap: wrap; height: 22px; justify-content: center; margin: 5px 0px; } .products-block > div .p .stars-placeholder { height: 22px; margin: 5px 0px; } .products-block > div .p .p-bottom { padding: 20px 10px 0px; } .products-block > div .p .p-bottom > div .prices { align-items: center; display: flex; flex-wrap: wrap; justify-content: center; } .products-block > div .p .p-bottom > div .prices .price-final { flex-basis: 100%; font-size: 20px; } .products-block > div .p .p-bottom > div .prices .price-standard { font-size: 18px; margin-left: 5px; margin-right: 5px; } .products-block > div .p .p-bottom > div .prices .price-save { font-weight: 700; margin-left: 5px; margin-right: 5px; } .products-block > div .p .p-bottom > div .p-tools { align-items: center; bottom: auto; display: flex; flex-flow: column; justify-content: center; padding: 22px 0px; position: relative; right: auto; width: 100%; } .products-block > div .p .p-bottom > div .p-tools .pr-action { width: 100%; } .products-block > div .p .p-bottom > div .p-tools .btn, .products-block > div .p .p-bottom > div .p-tools .btn.btn-cart { border-bottom-style: solid; border-width: 1px; font-weight: 900; height: auto; margin: 0px auto; min-width: 100px; white-space: nowrap; width: auto; } .products-block > div .p .p-bottom > div .p-tools .btn.btn-cart.btn-primary, .products-block > div .p .p-bottom > div .p-tools .btn.btn-primary { line-height: 30px; } .products-block > div .p .p-bottom > div .p-tools > .btn:last-child { border-right-style: solid; } .products-block > div .p .p-bottom > div .p-tools .btn-conversion { margin-bottom: 20px; } .products-block > div .p .p-bottom .p-desc { margin-bottom: 22px; } .products-block > div .p > a::after { content: ""; } .products-block > div .p > a img { margin-bottom: 0px; margin-top: 0px; } .products-block > div .p > a:hover img { opacity: 1; } .products-block > div .p .name { margin-top: 0px; text-transform: none; } @media (min-width: 480px) { .products-block > div .p { margin-bottom: 0px; } } @media (min-width: 768px) { .products-block, .products-block > div { margin-left: 0px; margin-right: 0px; } .products-block > div { max-width: none; width: 50%; } .products-block > div .p .name { display: -webkit-box; height: 44px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .products-block > div .p .p-bottom.single-button { padding-right: 10px; } .products-block > div .p .p-bottom.single-button .prices { bottom: auto; left: auto; position: relative; } } @media (min-width: 1440px) { .products-block > div { padding: 10px; } } @media (min-width: 992px) { .columns-3 .products-block > div, .columns-4 .products-block > div { width: 33.3333%; } } @media (min-width: 1200px) { .columns-4 .products-block > div { width: 25%; } } .flags.flags-extra, .wide .p-detail .flags.flags-extra { inset: auto 5px 0px auto; } .wide .p-detail .flags { left: 0px; } .categories-aside { display: flex; } @media (min-width: 768px) { .categories-aside { display: none; } .mobile .categories-aside { display: flex; } } .widget-parameter-wrapper.justified { justify-content: center; } ul.manufacturers-anchors { margin-bottom: 0px; margin-top: 0px; padding-left: 0px; } ul.manufacturers-anchors > li { list-style: none; } ul.manufacturers-anchors li { display: inline-block; } ul.manufacturers-anchors li a { display: block; padding: 10px; text-decoration: underline; } @media (min-width: 992px) { ul.manufacturers-anchors li a { padding: 20px; } } ul.manufacturers-anchors li a:hover { text-decoration: none; } ul.manufacturers { margin-bottom: 0px; margin-top: 0px; padding-left: 0px; } ul.manufacturers li, ul.manufacturers > li { list-style: none; } ul.manufacturers h2 { flex: 0 0 100px; font-size: 30px; font-weight: 900; margin: 0px; padding: 20px; text-align: center; transition: color 0.3s ease-out 0s; } ul.manufacturers ul { flex: 1 1 auto; } ul.manufacturers ul li { padding: 5px 0px; } ul.manufacturers > li { align-items: center; border-bottom-style: solid; border-bottom-width: 1px; display: flex; flex-wrap: nowrap; margin: 0px; padding: 11px 0px; } ul.manufacturers > li:last-child { border-bottom-style: none; } ul.manufacturers > li:first-child { border-top-style: solid; border-top-width: 1px; } ul.manufacturers > li a { text-decoration: underline; } ul.manufacturers > li a:hover { text-decoration: none; } @media (min-width: 768px) { ul.manufacturers ul { display: flex; flex: 1 1 calc(100% - 100px); flex-wrap: wrap; } ul.manufacturers ul li { flex: 0 0 50%; } } @media (min-width: 992px) { ul.manufacturers ul li { flex-basis: 33.3333%; } } @media (min-width: 1200px) { ul.manufacturers ul li { flex-basis: 25%; } } .id--8 h1 { margin-bottom: 0px; } .id--8 h4 { margin-top: 44px; } .id--8 .consents.consents-first { margin-top: 0px; } .id--8 .form-group { margin-bottom: 11px; } .id--8 .form-group > input.form-control, .id--8 .form-group > select.form-control { width: 100%; } .id--8 #additionalInformation { width: 65.6%; } .co-registration .form-group { margin-bottom: 22px; } .co-registration h4 { margin-top: 22px; } .categories .topic a { font-size: 130%; } .categories ul ul a { font-weight: 400; } :where(body.ums_page_element_headings--off) .sidebar-inner { padding-bottom: 22px; } :where(body.ums_page_element_headings--off) .sidebar-inner > div.box-sm { border-style: solid; border-width: 1px; margin: 22px 0px 0px; padding: 20px; } :where(body.ums_page_element_headings--off) .sidebar-inner > div.box-sm h4 { font-size: 18px; margin-top: 0px; text-align: left; } .box.box-sm.box-filters { padding: 20px; } .box.box-sm.box-filters .filter-sections { padding-left: 0px; padding-right: 0px; } .filter-label { width: 100%; } .filter-label .filter-count { border-radius: 100%; display: inline-block; height: 22px; line-height: 22px; padding: 0px; text-align: center; vertical-align: middle; width: 22px; } .sidebar .filter-label .filter-count { display: block; float: right; } .top-products { counter-reset: top-10-counter 0; list-style: none; padding: 0px; } .top-products li { counter-increment: top-10-counter 1; display: flex; margin-bottom: 22px; position: relative; width: 100%; } .top-products li::before { border-radius: 100%; border-style: solid; border-width: 1px; content: counter(top-10-counter); display: block; flex-shrink: 0; font-size: 12px; font-weight: 700; height: 20px; line-height: 1.5; text-align: center; width: 20px; } .top-products li .top-products-content { padding-left: 20px; } .top-products li .top-products-content .top-products-name { display: block; font-weight: 700; } .top-products li .top-products-content > strong { font-weight: 400; } .top-products li.display-image::before { left: 0px; position: absolute; top: 0px; } .top-products li.display-image .top-products-image { height: auto; width: 30%; } .top-products li.display-image .top-products-content { width: 70%; } .box-login .social-login-buttons { margin-top: -11px; } .box-login .login-wrapper { padding: 0px; } .box-login .login-wrapper .btn { float: none; width: 100%; } #footer { padding-bottom: 0px; } :where(body.ums_page_element_headings--off) .footer-rows h4 { margin-bottom: 33px; } @media (max-width: 767px) { :where(body.ums_page_element_headings--off) .footer-rows h4 { margin-bottom: 22px; } } .footer-rows ul { margin: 0px; padding: 0px; } .footer-rows ul li { list-style: none; padding-bottom: 4px; padding-top: 4px; } :where(body.ums_page_element_headings--off) .footer-rows .news-item-widget { margin: 0px; padding-bottom: 4px; padding-top: 4px; } :where(body.ums_page_element_headings--off) .footer-rows .news-item-widget h5 { font-weight: 400; } :where(body.ums_page_element_headings--off) .footer-rows .news-item-widget h5.with-short-description { font-weight: 700; } .footer-rows .custom-footer { padding-bottom: 22px; } .contact-box ul li { padding: 0px; } .contact-box ul li > span { padding-left: 0px; } .contact-box ul li > span::before { display: inline-block; font-size: 24px; height: 46px; line-height: 46px; position: relative; vertical-align: middle; width: 46px; } .contact-box .social-icon-list { display: inline-block; padding-top: 10px; } body.user-action-visible.search-window-visible { overflow: auto; position: relative; } @media (min-width: 480px) { .popup-widget { z-index: 1002; } } @media (max-width: 991px) { .user-action-in .popup-widget.cart-widget { height: calc(100% - 134px); top: 134px; } } @media (max-width: 767px) { .user-action-in .popup-widget.cart-widget { height: calc(100% - 81px); top: 81px; } } @media (max-width: 480px) { .user-action-in .popup-widget.cart-widget { height: calc(100% - 50px); top: 50px; } } @media (min-width: 992px) { .popup-widget.login-widget::before { right: 145px; } } .cart-widget-product:last-child { border-bottom-style: solid; } .cart-widget-product .cart-widget-product-name { width: 35%; } @media (max-width: 480px) { .cart-widget-product { align-items: center; display: flex; flex-wrap: wrap; } .cart-widget-product .cart-widget-product-name { width: calc(100% - 76px); } .cart-widget-product .cart-widget-product-image, .cart-widget-product .cart-widget-product-name { margin-bottom: 10px; } .cart-widget-product .cart-widget-product-delete { margin-left: auto; padding: 0px; } .cart-widget-product .cart-widget-product-delete button::before { font-size: 20px; } } @media (min-width: 992px) { .cart-widget-product .cart-widget-product-delete { visibility: hidden; } .cart-widget-product:hover .cart-widget-product-delete { visibility: visible; } } .cart-widget-product-name span, .cart-widget-product-name strong { font-weight: 400; } @media (min-width: 480px) { .cart-widget-product > div.cart-widget-product-unit { display: none; } } .cart-widget-product-amount { width: 132px; } .cart-widget-product-amount .quantity { margin: 0px; } .cart-widget-product-amount .quantity input { height: 50px; width: 30px; } .cart-widget-product-amount .quantity .decrease, .cart-widget-product-amount .quantity .increase { height: 50px; } .cart-widget-product-price { text-align: right; } .cart-widget-bottom { display: block; text-align: center; width: 100%; } @media (max-width: 991px) { .cart-widget-inner.popup-widget-inner .cart-widget-products { height: calc(100% - 156px); } } @media (max-width: 480px) { .cart-widget-inner.popup-widget-inner .cart-widget-products { height: calc(100% - 177px); } } .cart-widget-inner.popup-widget-inner:not(.full) .cart-widget-products-inner .cart-widget-product { align-items: center; border-bottom: 0px; display: flex; justify-content: center; min-height: 156px; } .cart-widget-button { margin: 0px; padding: 22px 0px; top: 0px; } @media (max-width: 991px) { .cart-widget-button { bottom: auto; left: auto; position: relative; right: auto; } } .cart-free-shipping { bottom: 0px; height: auto; position: relative; } .cart-free-shipping > div { padding: 0px; } .cart-free-shipping > div div { padding-bottom: 22px; } .cart-free-shipping > div div strong { display: inline-block; padding-top: 11px; } .cart-free-shipping .price-range { margin-bottom: 0px; margin-top: 22px; max-width: 100%; padding-bottom: 0px; } .cart-free-shipping .price-range div { padding-bottom: 0px; } .news-wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 40px; width: 100%; } .news-wrapper .news-item { flex-direction: column; padding-bottom: 0px; width: 100%; } @media (min-width: 992px) { .news-wrapper .news-item { width: calc(50% - 20px); } } @media (min-width: 480px) { .news-wrapper .news-item { margin-bottom: 20px; } } .news-wrapper .news-item .title { font-size: 24px; } .news-wrapper .news-item time { margin-bottom: 10px; } .news-wrapper .news-item .news-item-link-img { width: 100%; } .news-wrapper .news-item .news-image { margin-bottom: 20px; object-fit: cover; width: 100%; } @media (min-width: 992px) { .news-wrapper .news-item .news-image { object-fit: contain; } } .news-item-detail .next-prev a { margin-bottom: 20px; } @media (min-width: 992px) { .news-item-detail { margin-bottom: 0px; } } .product-slider-holder .product-slider { margin-left: -5px; padding-left: 5px; padding-right: 5px; } .product-slider-holder .products-block > div .p .p-bottom.no-buttons > div .p-tools { display: none; } .columns-mobile-2 .product-slider-holder .products-block .p .name { display: -webkit-box; height: 44px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } @media (min-width: 321px) and (max-width: 767px) { .columns-mobile-2 .products-block > div .flags.flags-extra { display: block; right: 0px; width: 100%; } .columns-mobile-2 .products-block > div .flags.flags-extra .flag { font-size: 10px; margin-left: 0px; margin-top: 0.5ex; } } .country-flags { border-radius: 0px; } #newsWrapper h2 { margin-top: 0px; } .product-slider-holder.has-navigation { padding-left: 37px; padding-right: 37px; } @media (max-width: 767px) { .product-slider-holder.has-navigation { padding-left: 0px; padding-right: 0px; } .product-slider-holder.has-navigation .product-slider-navigation.navigation-next { right: -5px; } .product-slider-holder.has-navigation .product-slider-navigation.navigation-prev { left: -5px; } } .product-slider-holder .product-slider { padding: 5px; } flogo-HexRBG-Wht-512") 50% center / 28px 28px no-repeat; } a.login-btn.seznam .login-seznam-icon { background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='30' fill='none' viewBox='0 0 28 30'%3E%3Cpath fill='%23fff' d='M.406 30c5.403 0 27.429-2.575 27.429-9.47 0-4.2-5.627-6.203-7.938-6.874-4.405-1.278-7.979-2.596-7.979-3.752s2.504-1.397 5.191-1.992c3.58-.791 5.085-1.228 5.085-3.131 0-1.24-.952-2.753-1.437-3.405C19.912.24 19.778 0 19.502 0c-.596 0-.125.773-6.859 1.908-4.266.72-9.943 2.64-9.943 6.53s5.077 5.695 10.16 7.534c5.238 1.896 9.618 2.589 9.618 5.613 0 4.823-20.7 7.868-22.041 8.09-.628.105-.525.325-.031.325'/%3E%3C/svg%3E") 50% center / 22px 23px no-repeat; } #footer a.login-btn:hover { text-decoration: none; } input[type="submit"].btn { appearance: none; } .next-step-back, a.next-step-back { text-transform: none; } .image360::after, .show360image::after { background-color: rgba(255, 255, 255, 0.45); border-radius: 100%; color: rgb(119, 119, 119); content: ""; font-size: 60px; height: 80px; left: 50%; line-height: 80px; margin-left: -40px; margin-top: -40px; position: absolute; text-align: center; top: 50%; width: 80px; z-index: 1; } .image360 { background: rgb(255, 255, 255); cursor: pointer; max-width: 100%; position: relative; text-align: center; } .image360.image360-loaded::after, .image360:hover::after { background-color: rgba(255, 255, 255, 0); content: ""; z-index: -1; } .image360-fullscreen-on .image360.image360-fullscreen-target { background: rgb(255, 255, 255); inset: 0px; height: 100%; margin: 0px; position: fixed; width: 100%; z-index: 100000; } .image360-holder { align-items: center; cursor: grab; display: flex; height: 100%; margin: 0px auto; position: relative; } .image360-holder img { margin: 0px auto; max-height: 100%; max-width: 100%; min-width: 1px; object-fit: contain; } .image360-navigation { bottom: 0px; font-size: 0px; height: 24px; left: 0px; opacity: 0.6; position: absolute; right: 0px; transition: opacity 0.3s ease-out 0s; } .image360-navigation span { cursor: pointer; display: inline-block; font-size: 24px; padding: 0px 3px; } .image360-navigation:hover { opacity: 1; } .image360-fullscreen-on .image360-navigation { bottom: 10px; } .show360image { cursor: pointer; position: relative; } body.image360-fullscreen-on { overflow: hidden; } .country-flags { align-items: center; cursor: pointer; display: flex; height: 48px; position: relative; } .country-flags-inner { border-style: solid; border-width: 1px; position: relative; } .country-flags.active .country-flags-inner { height: 360px; left: -5px; overflow: auto; padding: 48px 5px 5px; position: absolute; top: -1px; width: 300px; z-index: 10; } .country-flags.active.turned .country-flags-inner { bottom: 0px; top: auto; } .country-flag { align-items: center; display: none; height: 48px; } .country-flag.selected, .country-flags.active .country-flag { display: flex; margin-left: -5px; padding-left: 5px; padding-right: 5px; transition: all 0.3s ease-out 0s; } .country-flags.active .country-flag.selected { display: flex; left: 5px; position: absolute; right: 5px; top: 0px; } .country-flags.active .country-flag.country-flag-preferred-last, .country-flags.active .country-flag.selected { border-bottom-style: solid; border-bottom-width: 1px; } .shp-flag-name { display: none; padding-right: 5px; } .country-flags.active .shp-flag-name { display: inline-block; } .shp-flag, .shp-flag-label { flex-grow: 0; flex-shrink: 0; } .shp-flag { height: 24px; width: 24px; } .shp-flag-label { display: flex; font-size: 14px; justify-self: flex-end; line-height: 18px; padding-left: 16px; padding-right: 3px; position: relative; text-align: right; width: calc(100% - 24px); } .shp-flag-label::before { border-style: solid; border-width: 6px; content: ""; height: 0px; left: 3px; margin-top: -3px; position: absolute; top: 50%; width: 0px; } .country-flags.active .shp-flag-label { text-align: left; width: calc(100% - 24px); } .country-flags.active .shp-flag-label::before { display: none; } .phone-combined-input { align-items: center; display: flex; flex-wrap: nowrap; } :where(.ums_forms_redesign--on) .phone-combined-input { width: 100%; } .phone-combined-input select { display: none; } .phone-combined-input .country-flags, .phone-combined-input input { flex-grow: 0; } .phone-combined-input input { width: 100%; } @media (min-width: 480px) { :where(.ums_forms_redesign--off) .phone-combined-input { max-width: 260px; } } .search-results-groups .search-results-group { margin-bottom: 22px; } .search-results-groups h4 { margin: 0px 0px 11px; } .search-results-groups ul { columns: 240px 3; margin: 0px 0px 11px; padding-left: 40px; } .search-results-groups ul li { list-style-position: outside; } .search-products-heading { margin-top: 0px; } .menu-helper { align-items: center; cursor: pointer; display: none; flex: 0 0 auto; font-weight: 700; height: 68px; position: absolute; right: 0px; top: 0px; visibility: hidden; z-index: -1; } .menu-helper, .menu-helper > span { font-size: 18px; line-height: 18px; text-transform: none; } .menu-helper > span { border-style: none; border-width: 0px; padding: 25px 10px; position: relative; } .menu-helper::after { content: ""; text-align: center; transition: transform 0.3s ease-out 0s; } .menu-helper-visible .menu-helper::after { content: ""; transform: rotate(180deg); } .menu-helper > ul { border-style: solid; border-width: 1px; display: none; max-height: 340px; overflow: auto; position: absolute; right: 0px; text-align: right; text-transform: none; top: calc(50% + 34px); width: 280px; z-index: 1; } .menu-helper-visible .menu-helper > ul { display: block; } .menu-helper > ul > li { border-top-style: none; border-top-width: 0px; } .menu-helper > ul > li.splitted { display: none; } .menu-helper > ul > li.splitted + li { border-top-style: none; } .menu-helper > ul > li a b { font-weight: 400; } .menu-helper > ul > li a.menu-image { display: none; } .menu-helper > ul > li > a { padding: 1.5rem 20px; } .menu-helper .menu-level-2 a { font-weight: 400; padding: 0.75rem 40px; } .menu-helper .has-third-level ul { display: none; } .menu-helper.visible { visibility: visible; z-index: 1; } @media (min-width: 768px) { .menu-helper { display: flex; } } @media (min-width: 992px) and (min-height: 600px) { .menu-helper > ul { max-height: 480px; } } @media (min-width: 992px) and (min-height: 800px) { .menu-helper > ul { max-height: 680px; } } .widget-parameter-wrapper { display: flex; margin: 22px 0px 0px; overflow: hidden; position: relative; width: 100%; } .widget-parameter-wrapper .widget-parameter-list { display: flex; flex-shrink: 0; flex-wrap: wrap; list-style-type: none; margin: 0px; padding: 0px; } .widget-parameter-wrapper .widget-parameter-more, .widget-parameter-wrapper .widget-parameter-value { flex-shrink: 0; } .widget-parameter-wrapper .widget-parameter-more a, .widget-parameter-wrapper .widget-parameter-more span, .widget-parameter-wrapper .widget-parameter-value a, .widget-parameter-wrapper .widget-parameter-value span { padding: 0px 10px; } .widget-parameter-wrapper .widget-parameter-value:first-child a { padding-left: 0px; } .widget-parameter-wrapper .widget-parameter-more { visibility: hidden; } .widget-parameter-wrapper .widget-parameter-more.visible { visibility: visible; } .blog-wrapper { padding: 22px 0px; } @media (min-width: 768px) { .blog-wrapper { align-items: flex-start; display: flex; flex-flow: wrap; justify-content: stretch; } } .blog-wrapper .homepage-group-title { flex: 0 0 100%; padding-left: 20px; padding-right: 20px; } .blog-wrapper .news-item { display: block; flex-basis: 100%; margin-bottom: 22px; padding: 20px 0px; position: relative; width: 100%; } @media (min-width: 768px) { .blog-wrapper .news-item { flex-basis: 50%; margin-bottom: 0px; padding: 20px; width: 50%; } .multiple-columns-body .blog-wrapper .news-item { flex-basis: 100%; width: 100%; } .multiple-columns-body.mobile .blog-wrapper .news-item { flex-basis: 50%; width: 50%; } } @media (min-width: 1200px) { .blog-wrapper .news-item, .multiple-columns-body .blog-wrapper .news-item, .multiple-columns-body.mobile .blog-wrapper .news-item { flex-basis: 50%; width: 50%; } } .blog-wrapper .news-item .image, .blog-wrapper .news-item .image img { width: 100%; } .blog-wrapper .news-item .title { margin-top: 22px; } .blog-wrapper .news-item .description { color: var(--colors-foregrounds-content-primary); margin: 11px 0px 0px; } .blog-wrapper .news-item .read-article { display: none; } .preauthorization-box { align-items: center; background-color: var(--color-secondary); column-gap: 4px; display: grid; grid-template-columns: 1fr auto; padding: 11px; } .preauthorization-box__description, .preauthorization-box__price, .preauthorization-box__title { color: var(--colors-foregrounds-content-inverted); } .preauthorization-box__price { font-size: 32px; } .preauthorization-box__description { grid-column: span 2 / span 2; } .express-checkout { --express-checkout-max-width: 550px; --express-checkout-width: 100%; --express-checkout-max-height: 90vh; --express-checkout-height: auto; --express-checkout-color-black: #000; --express-checkout-color-white: #fff; --express-checkout-color-gray: #6f6f6f; --express-checkout-color-gray-light: #cfcfcf; --express-checkout-color-green: #2a861d; --express-checkout-color-red: #e60000; --express-checkout-spacing-xs: 4px; --express-checkout-spacing-sm: 8px; --express-checkout-spacing-md: 12px; --express-checkout-spacing-base: 16px; --express-checkout-spacing-lg: 24px; --express-checkout-spacing-xl: 32px; --express-checkout-spacing-xxl: 48px; } .express-checkout .price-font-phone { font-size: 16px; font-weight: 700; line-height: 24px; white-space: nowrap; } .express-checkout .price-font { font-size: 20px; font-weight: 700; line-height: 30px; white-space: nowrap; } .express-checkout .info { align-items: center; border-top: 1px solid var(--express-checkout-color-gray-light); cursor: pointer; display: flex; gap: var(--express-checkout-spacing-md); margin-top: var(--express-checkout-spacing-sm); padding: calc(var(--express-checkout-spacing-md) + var(--express-checkout-spacing-sm)) 0 var(--express-checkout-spacing-md); } @keyframes loader { 0% { transform: rotate(0deg); } 100% { transform: rotate(1turn); } } #colorbox.express-checkout { box-sizing: border-box; overflow-y: auto; bottom: 0px !important; height: var(--express-checkout-height) !important; left: 50% !important; max-height: var(--express-checkout-max-height) !important; max-width: var(--express-checkout-max-width) !important; position: fixed !important; top: unset !important; transform: translateX(-50%) !important; width: var(--express-checkout-width) !important; } #colorbox.express-checkout #cboxWrapper { border-radius: 16px 16px 0px 0px; position: static !important; } #colorbox.express-checkout #cboxContent { border: none; box-sizing: border-box; clear: none; margin: 0px; float: none !important; height: var(--express-checkout-height) !important; width: var(--express-checkout-width) !important; } #colorbox.express-checkout #cboxLoadedContent { box-sizing: border-box; padding: 0px; } #colorbox.express-checkout #cboxClose, #colorbox.express-checkout #cboxContent, #colorbox.express-checkout #cboxLoadedContent, #colorbox.express-checkout #cboxLoadingOverlay { border-radius: 0px; } #colorbox.express-checkout #cboxMiddleLeft, #colorbox.express-checkout #cboxMiddleRight { display: none !important; } #colorbox.express-checkout #cboxLoadingGraphic { left: 50% !important; position: fixed !important; top: 50% !important; transform: translate(-50%, -50%) !important; } #colorbox.express-checkout #cboxClose { margin: var(--express-checkout-spacing-md) var(--express-checkout-spacing-md) 0 0; color: var(--express-checkout-color-gray) !important; } @media (min-width: 480px) { #colorbox.express-checkout { bottom: unset !important; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; } #colorbox.express-checkout #cboxWrapper { border-radius: 0px; } } #cboxOverlay.express-checkout { background-color: rgb(0, 0, 0) !important; } .express-checkout__header { align-items: center; box-shadow: rgb(220, 220, 220) 0px 2px 4px 0px; display: flex; height: 100%; min-height: 64px; padding: var(--express-checkout-spacing-md); position: relative; } @media (min-width: 480px) { .express-checkout__header { box-shadow: none; justify-content: center; } } .express-checkout__header-back-button.btn { align-items: center; display: flex; height: 40px; justify-content: center; padding: 0px; width: 40px; color: var(--express-checkout-color-gray) !important; } .express-checkout__header-back-button .icon-chevron-left { pointer-events: none; } @media (min-width: 480px) { .express-checkout__header-back-button { left: var(--express-checkout-spacing-md); position: absolute; top: 50%; transform: translateY(-50%); } } .express-checkout__header-title { margin: 0 0 0 var(--express-checkout-spacing-sm); } @media (min-width: 480px) { .express-checkout__header-title { margin: 0 var(--express-checkout-spacing-xxl); text-align: center; } } .express-checkout__body { padding: var(--express-checkout-spacing-lg) var(--express-checkout-spacing-md); } @media (min-width: 480px) { .express-checkout__body { padding: var(--express-checkout-spacing-lg); } } .express-checkout__product { align-items: center; display: flex; gap: var(--express-checkout-spacing-md); justify-content: space-between; margin-top: var(--express-checkout-spacing-sm); } .express-checkout__product:first-child { margin-top: 0px; } @media (min-width: 480px) { .express-checkout__product { gap: var(--express-checkout-spacing-lg); } } .express-checkout__product-inner { align-items: center; display: flex; flex: 1 1 auto; gap: var(--express-checkout-spacing-sm); } @media (min-width: 480px) { .express-checkout__product-inner { gap: var(--express-checkout-spacing-md); } } .express-checkout__product-image { display: none; } @media (min-width: 480px) { .express-checkout__product-image { align-items: center; display: flex; flex: 0 0 48px; justify-content: center; } } .express-checkout__product-name { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin: 0px; overflow: hidden; text-overflow: ellipsis; } .express-checkout__product-prices { align-items: flex-end; display: flex; flex: 0 0 20%; flex-direction: column; } .express-checkout__product-price-standard { color: var(--express-checkout-color-gray); font-size: 14px; margin: 0px; text-decoration: line-through; } .express-checkout__product-price-final { font-size: 16px; font-weight: 700; line-height: 24px; margin: 0px; white-space: nowrap; } .express-checkout__product-price-final ins { text-decoration: none; } @media (min-width: 480px) { .express-checkout__product-price-final { font-size: 20px; font-weight: 700; line-height: 30px; white-space: nowrap; } } .express-checkout__gift { align-items: center; display: flex; gap: var(--express-checkout-spacing-sm); margin-top: var(--express-checkout-spacing-sm); } @media (min-width: 480px) { .express-checkout__gift { gap: var(--express-checkout-spacing-md); } } .express-checkout__gift-image { display: none; } @media (min-width: 480px) { .express-checkout__gift-image { align-items: center; display: flex; flex: 0 0 48px; justify-content: center; } } .express-checkout__gift-name { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin: 0px; overflow: hidden; text-overflow: ellipsis; } .express-checkout__gift-price { color: var(--express-checkout-color-green); margin: 0px 0px 0px auto; } .express-checkout__pre-authorization-message { font-weight: 700; margin: 0 0 var(--express-checkout-spacing-lg); } .express-checkout__pre-authorization-product { align-items: center; display: flex; gap: var(--express-checkout-spacing-md); margin-top: var(--express-checkout-spacing-sm); } .express-checkout__pre-authorization-product-image { align-items: center; display: flex; flex: 0 0 48px; justify-content: center; } .express-checkout__pre-authorization-product-name { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin: 0px; overflow: hidden; text-overflow: ellipsis; } .express-checkout__pre-authorization-button { align-items: stretch; display: flex; flex-direction: column; margin: var(--express-checkout-spacing-lg) auto 0; width: 100%; } .express-checkout__pre-authorization-button .btn-conversion::after { display: none; } @media (min-width: 480px) { .express-checkout__pre-authorization-button { width: 350px; } } .express-checkout__quick-payment { margin-top: var(--express-checkout-spacing-lg); } .express-checkout__quick-payment-title { margin: 0 0 var(--express-checkout-spacing-xs); } .express-checkout__quick-payment-description { margin: 0px; } .express-checkout__quick-payment-buttons { margin-top: var(--express-checkout-spacing-base); } .express-checkout__divider { display: flex; justify-content: center; margin-top: var(--express-checkout-spacing-lg); position: relative; } .express-checkout__divider::before { background-color: var(--express-checkout-color-gray); content: ""; height: 1px; left: 0px; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; } .express-checkout__divider-text { background-color: var(--express-checkout-color-white); color: var(--express-checkout-color-gray); margin: 0px; padding: 0 var(--express-checkout-spacing-sm); position: relative; } .express-checkout__login-footer { align-items: stretch; display: flex; flex-direction: column; gap: var(--express-checkout-spacing-xl); margin: var(--express-checkout-spacing-lg) auto var(--express-checkout-spacing-base); width: 100%; } .express-checkout__login-footer .btn-conversion::after { display: none; } @media (min-width: 480px) { .express-checkout__login-footer { width: 350px; } } .express-checkout__login-footer-link { margin: 0px; text-align: center; } .express-checkout__login-footer-link a { text-decoration: underline; } .express-checkout__login-footer-link a, .express-checkout__login-footer-link a:focus, .express-checkout__login-footer-link a:hover { color: var(--colors-foregrounds-content-primary); } .express-checkout__login-title { margin: 0 0 var(--express-checkout-spacing-lg); } .express-checkout__login-form-group { margin: 0px; } .express-checkout__discount, .express-checkout__login-form-group + .express-checkout__login-form-group { margin-top: var(--express-checkout-spacing-sm); } .express-checkout__discount { align-items: center; display: flex; gap: var(--express-checkout-spacing-sm); justify-content: space-between; } @media (min-width: 480px) { .express-checkout__discount { padding-left: 60px; } } .express-checkout__discount--standalone { border-top: 1px solid var(--express-checkout-color-gray-light); margin-top: var(--express-checkout-spacing-sm); padding-left: 0px; padding-top: var(--express-checkout-spacing-sm); } @media (min-width: 480px) { .express-checkout__discount--standalone { margin-top: var(--express-checkout-spacing-base); padding-top: var(--express-checkout-spacing-base); } } .express-checkout__discount-name { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin: 0px; overflow: hidden; text-overflow: ellipsis; } .express-checkout__discount-value { font-size: 16px; font-weight: 700; line-height: 24px; margin: 0px; white-space: nowrap; } @media (min-width: 480px) { .express-checkout__discount-value { font-size: 20px; font-weight: 700; line-height: 30px; white-space: nowrap; } } .express-checkout__products-price-total { align-items: center; border-top: 1px solid var(--express-checkout-color-gray-light); display: flex; gap: var(--express-checkout-spacing-sm); justify-content: space-between; margin-top: var(--express-checkout-spacing-sm); padding-top: var(--express-checkout-spacing-sm); } @media (min-width: 480px) { .express-checkout__products-price-total { margin-top: var(--express-checkout-spacing-base); padding-top: var(--express-checkout-spacing-base); } } .express-checkout__products-price-total-label { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin: 0px; overflow: hidden; text-overflow: ellipsis; } .express-checkout__products-price-total-value { font-size: 16px; font-weight: 700; line-height: 24px; margin: 0px; white-space: nowrap; } @media (min-width: 480px) { .express-checkout__products-price-total-value { font-size: 20px; font-weight: 700; line-height: 30px; white-space: nowrap; } } .express-checkout__info { border: 1px solid var(--express-checkout-color-gray-light); border-radius: 0px; margin-top: var(--express-checkout-spacing-lg); padding: var(--express-checkout-spacing-xs) var(--express-checkout-spacing-base); } .express-checkout__info-shipping { align-items: center; cursor: pointer; display: flex; gap: var(--express-checkout-spacing-md); min-height: 46px; padding: var(--express-checkout-spacing-md) 0; } .express-checkout__info-shipping-inner { align-items: center; display: flex; flex: 1 1 auto; gap: var(--express-checkout-spacing-md); } .express-checkout__info-shipping-image { max-width: 48px; } .express-checkout__info-shipping-name { display: -webkit-box; -webkit-box-orient: vertical; font-weight: 700; -webkit-line-clamp: 2; margin: 0px; overflow: hidden; text-overflow: ellipsis; } .express-checkout__info-shipping-price { color: var(--express-checkout-color-green); margin: 0px 0px 0px auto; white-space: nowrap; } .express-checkout__info-shipping-price.is-free { text-transform: uppercase; } .express-checkout__info-invoicing { align-items: center; border-top: 1px solid var(--express-checkout-color-gray-light); cursor: pointer; display: flex; gap: var(--express-checkout-spacing-md); justify-content: space-between; margin-top: var(--express-checkout-spacing-sm); min-height: 46px; padding: calc(var(--express-checkout-spacing-md) + var(--express-checkout-spacing-sm)) 0 var(--express-checkout-spacing-md); } .express-checkout__info-invoicing-inner { flex: 1 1 auto; } .express-checkout__info-invoicing-name { font-weight: 700; margin: 0px; } .express-checkout__info-invoicing-detail { display: -webkit-box; -webkit-box-orient: vertical; color: var(--express-checkout-color-gray); font-size: 14px; -webkit-line-clamp: 1; margin: 0px; overflow: hidden; text-overflow: ellipsis; } .express-checkout__info-invoicing-invalid { color: var(--express-checkout-color-red); margin: 0px; } .express-checkout__info-billing { align-items: center; border-top: 1px solid var(--express-checkout-color-gray-light); cursor: pointer; display: flex; gap: var(--express-checkout-spacing-md); margin-top: var(--express-checkout-spacing-sm); min-height: 46px; padding: calc(var(--express-checkout-spacing-md) + var(--express-checkout-spacing-sm)) 0 var(--express-checkout-spacing-md); } .express-checkout__info-billing-inner { align-items: center; display: flex; flex: 1 1 auto; gap: var(--express-checkout-spacing-sm); } .express-checkout__info-billing-image { max-width: 48px; } .express-checkout__info-billing-name { display: -webkit-box; -webkit-box-orient: vertical; font-weight: 700; -webkit-line-clamp: 2; margin: 0px; overflow: hidden; text-overflow: ellipsis; } .express-checkout__info-icon { color: var(--express-checkout-color-gray); height: 16px; width: 16px; } .express-checkout__summary { align-items: stretch; display: flex; flex-direction: column; margin: var(--express-checkout-spacing-lg) auto 0; width: 100%; } .express-checkout__summary .btn-conversion::after { display: none; } @media (min-width: 480px) { .express-checkout__summary { width: 350px; } } .express-checkout__summary-price { font-weight: 700; margin: 0 0 var(--express-checkout-spacing-lg); text-align: center; } .express-checkout__summary-error { color: var(--express-checkout-color-red); margin: 0 0 var(--express-checkout-spacing-sm); text-align: center; } .express-checkout__summary-discount { align-items: center; display: flex; gap: var(--express-checkout-spacing-xs); justify-content: center; margin-top: var(--express-checkout-spacing-xl); text-align: center; } .express-checkout__summary-discount-button { background-color: unset; border: none; padding: 0px; text-decoration: underline; } .express-checkout__summary-discount-code { font-weight: 700; } .express-checkout__summary-discount-remove { align-items: center; background-color: rgba(0, 0, 0, 0.3); border: none; border-radius: 50%; display: flex; height: 24px; justify-content: center; margin-left: var(--express-checkout-spacing-xs); padding: 0px; width: 24px; } .express-checkout__summary-discount-remove::before { color: var(--express-checkout-color-white); font-size: 12px; font-weight: 700; } .express-checkout__gdpr { color: var(--express-checkout-color-gray); font-size: 14px; margin: var(--express-checkout-spacing-xl) 0 0; text-align: center; } .express-checkout__gdpr a { text-decoration: underline; } .express-checkout__gdpr a, .express-checkout__gdpr a:focus, .express-checkout__gdpr a:hover { color: var(--express-checkout-color-gray); } .express-checkout__gdpr span { display: block; } .express-checkout__shipping-billing { display: flex; flex-direction: column; gap: var(--express-checkout-spacing-md); padding: var(--express-checkout-spacing-sm) 0; } @media (min-width: 480px) { .express-checkout__shipping-billing { padding: var(--express-checkout-spacing-xl) var(--express-checkout-spacing-md); } } .express-checkout__shipping-billing-item-wrapper { border: none; padding: 0px; background-color: var(--express-checkout-color-white) !important; } .express-checkout__shipping-billing-item { gap: var(--express-checkout-spacing-md); justify-content: flex-start !important; margin-right: 0px !important; } .express-checkout__shipping-billing-item-image { max-width: 48px; } .express-checkout__shipping-billing-item-price { color: var(--express-checkout-color-green); margin-left: auto; } .express-checkout__shipping-billing-item-price.is-free { text-transform: uppercase; } .express-checkout__shipping-billing-footer { align-items: center; border-top: 1px solid var(--express-checkout-color-gray-light); display: flex; gap: var(--express-checkout-spacing-sm); justify-content: space-between; margin: 0px; padding: var(--express-checkout-spacing-lg) 0 var(--express-checkout-spacing-xl); } @media (min-width: 480px) { .express-checkout__shipping-billing-footer { margin: 0 var(--express-checkout-spacing-md); } } .express-checkout__shipping-billing-footer-link { color: var(--colors-foregrounds-content-primary); text-decoration: underline; } .express-checkout__shipping-billing-footer-link span { font-size: 14px; } .express-checkout__shipping-billing-footer-link:focus, .express-checkout__shipping-billing-footer-link:hover { color: var(--colors-foregrounds-content-primary); } .express-checkout__invoicing h4 i { display: none; } .express-checkout__invoicing .form-group { margin-bottom: var(--express-checkout-spacing-base); } .express-checkout__invoicing #shipping-address .box > .form-group { align-items: center; display: flex; gap: var(--express-checkout-spacing-xs); } .express-checkout__invoicing #shipping-address .box > .form-group label { margin: 0px; } .express-checkout__invoicing-button { align-items: stretch; display: flex; flex-direction: column; margin: var(--express-checkout-spacing-lg) auto 0; width: 100%; } .express-checkout__invoicing-button .btn-conversion::after { display: none; } @media (min-width: 480px) { .express-checkout__invoicing-button { width: 350px; } } .express-checkout__discount-coupon { align-items: center; display: flex; flex-direction: column; } .express-checkout__discount-coupon .btn-conversion::after { display: none; } .express-checkout__discount-coupon .btn { margin-top: var(--express-checkout-spacing-lg); width: 100%; } @media (min-width: 480px) { .express-checkout__discount-coupon .btn { width: 350px; } } .express-checkout__discount-coupon-input-wrapper { width: 100%; } .express-checkout__discount-coupon-input-wrapper.form-group { display: flex; flex-direction: column; gap: var(--express-checkout-spacing-sm); margin: 0px; } .express-checkout__discount-coupon-input-wrapper.form-group input.form-control, .express-checkout__discount-coupon-input-wrapper.form-group label { margin: 0px; max-width: 100%; width: 100%; } .express-checkout__discount-coupon-input-wrapper.form-group label { line-height: 1; padding: 0px; } .express-checkout__discount-coupon-input-wrapper .msg-error { margin-left: 0px; } .express-checkout__discount-coupon-label { align-self: flex-start; margin-bottom: var(--express-checkout-spacing-xs); text-align: left; } .express-checkout__loading { align-items: center; display: flex; flex-direction: column; gap: var(--express-checkout-spacing-xxl); padding: var(--express-checkout-spacing-xxl) 0; } .express-checkout__loading-spinner { animation: 0.5s linear 0s infinite normal none running loader; border-top: 5px solid rgba(0, 0, 0, 0.3); border-bottom: 5px solid rgba(0, 0, 0, 0.3); border-left: 5px solid rgba(0, 0, 0, 0.3); border-image: initial; border-radius: 50%; border-right: 5px solid var(--express-checkout-color-black); height: 64px; width: 64px; } .express-checkout__loading-text { text-align: center; } .express-checkout__loading-text.h4 { margin: 0px; } .express-checkout__result { align-items: center; display: flex; flex-direction: column; margin: 0px auto; padding: var(--express-checkout-spacing-lg) 0; } @media (min-width: 480px) { .express-checkout__result { max-width: 350px; } } .express-checkout__result-icon { align-items: center; border-radius: 50%; display: flex; height: 84px; justify-content: center; width: 84px; } .express-checkout__result-icon::before { color: var(--express-checkout-color-white); font-size: 40px; } .express-checkout__result--success .express-checkout__result-icon { background-color: var(--express-checkout-color-green); } .express-checkout__result--error .express-checkout__result-icon { background-color: var(--express-checkout-color-red); } .express-checkout__result-title { text-align: center; } .express-checkout__result-title.h3 { margin: var(--express-checkout-spacing-xxl) 0 var(--express-checkout-spacing-lg); } .express-checkout__result-description { margin: 0px; text-align: center; } .express-checkout__result-button { margin-top: var(--express-checkout-spacing-xxl); width: 100%; } .express-checkout__result-button.btn-conversion::after { display: none; } .form-group.rating-stars-group { display: flex; flex-direction: column; gap: 4px; margin-top: 31px; } :where(.ratingDialog) .form-group.rating-stars-group { margin-top: 11px; } .form-group .rating-stars-wrapper { display: flex; } .form-group .rating-star { align-items: center; display: flex; height: 44px; justify-content: center; line-height: 1; margin: 0px; padding: 0px; width: 44px; } .form-group .rating-star::before { color: var(--color-primary); content: ""; font-size: 30px; line-height: 1; } .form-group .rating-star.full::before { content: ""; } #content .form-group .rating-star-description, #content .form-group .rating-stars-description, .rating-star-description, .rating-stars-description { margin-bottom: 0px; } .rating-notice { margin-top: 22px; } .oss-price-notification { font-size: 14px; font-weight: 400; padding: 0px; } .oss-price-notification__wrapper { width: 100%; } .cart-content .oss-price-notification__wrapper { text-align: right; } .header-background-light { --_color-header-text: var(--colors-foregrounds-content-primary); --_color-header-link: var(--color-primary); --_color-header-contrast-text: var(--colors-foregrounds-content-inverted); --_color-header-contrast-bg: var(--color-primary); } .header-background-dark { --_color-header-text: var(--colors-foregrounds-content-inverted); --_color-header-link: var(--colors-foregrounds-content-inverted); --_color-header-contrast-text: var(--colors-foregrounds-content-primary); --_color-header-contrast-bg: var(--colors-surface-white); } input[type="checkbox"] + label::after { color: var(--colors-foregrounds-content-inverted); } .header-bottom { background-color: var(--colors-surface-primary); } .top-navigation-bar { background-color: var(--colors-surface-secondary); border-color: var(--colors-surface-secondary); } .top-nav-button, .top-navigation-bar a { color: var(--colors-foregrounds-content-primary); } .dropdown-menu, .languagesMenu ul, .top-navigation-bar-menu-helper { background: var(--colors-surface-white); border-color: var(--colors-foregrounds-borders-secondary); } .dropdown-menu li a::before, .languagesMenu ul li a::before, .top-navigation-bar-menu-helper li a::before { background: var(--colors-foregrounds-borders-secondary); border-color: var(--colors-foregrounds-borders-secondary); } .header-bottom { border-color: var(--colors-foregrounds-borders-secondary); color: var(--colors-foregrounds-content-primary); } #navigation, .navigation-in ul.menu-level-2 { border-top-color: var(--colors-foregrounds-borders-secondary); } #navigation { background-color: var(--colors-surface-primary); font-family: var(--template-headings-font),sans-serif; } #navigation .menu-level-3 { font-family: var(--template-font),sans-serif; } #navigation .navigation-in ul li > a > b { border-bottom-color: transparent; } #navigation .navigation-in ul li:hover > a > b { border-bottom-color: var(--colors-foregrounds-content-primary); } .menu-helper { font-family: var(--template-headings-font),sans-serif; } .navigation-buttons a[data-target="navigation"], .navigation-buttons a[data-target="navigation"]:hover, .navigation-buttons a[data-target="search"], .navigation-buttons a[data-target="search"]:hover { background: transparent; } .more-items-trigger { background-color: var(--colors-surface-white); color: var(--color-primary); } .more-items-trigger:hover { color: var(--color-primary-hover); } .stars-label { color: var(--colors-foregrounds-content-primary); } table.detail-parameters tbody tr th .row-header-label { background-color: var(--colors-surface-white); } table.detail-parameters tbody tr th::after { border-top-color: var(--colors-foregrounds-borders-secondary); } table.detail-parameters tbody tr td a { color: var(--colors-foregrounds-content-primary); } .extended-banner-link, .extended-banner-text, .extended-banner-title { color: var(--colors-foregrounds-content-inverted); } .p-thumbnails a img { border-color: transparent; } .p-thumbnails a.highlighted img, .p-thumbnails a:hover img { border-color: var(--colors-foregrounds-borders-secondary); } .detail-parameters .p-code { color: var(--colors-foregrounds-content-primary); } .p-final-price-wrapper .price-final { font-family: var(--template-headings-font),sans-serif; } .p-final-price-wrapper .price-additional { color: var(--colors-foregrounds-content-secondary); } :where(.p-final-price-wrapper) .price-standard { color: var(--colors-foregrounds-content-secondary); } .p-to-cart-block { background-color: var(--colors-surface-secondary); } #product-detail-form .advanced-parameter-inner, #product-detail-form .advanced-parameter-inner.yes-before, #product-detail-form .advanced-parameter-inner:hover { border-color: var(--colors-foregrounds-borders-secondary); } #product-detail-form .advanced-parameter-inner.yes-before::before { background-color: var(--colors-surface-white); border-color: var(--colors-foregrounds-content-primary-dark); color: var(--colors-foregrounds-content-primary-dark); } .quantity { background: var(--colors-surface-white); } .quantity .decrease:hover::before, .quantity .increase:hover::before { background-color: var(--color-secondary); } .link-icons .link-icon { color: var(--colors-foregrounds-content-primary); } .hidden-links, .hidden-links .shp-tab-link { background-color: var(--colors-surface-secondary); } .rate-average-wrap .rate-average { color: var(--colors-foregrounds-content-primary); } .p-detail-tabs { font-family: var(--template-headings-font),sans-serif; } .social-buttons { background-color: var(--colors-surface-primary); } .category-header #products-listing-order { color: var(--colors-foregrounds-content-primary); } .mobile .category-header #products-listing-order { border-color: var(--color-secondary); } @media (max-width: 767px) { .category-header #products-listing-order { border-color: var(--color-secondary); } } .category-header #products-listing-order:hover { color: var(--color-primary-hover); } .listSorting__control, .sortingToggle { background-color: transparent; } .listSorting__control:focus-visible, .listSorting__control:hover, .sortingToggle:focus-visible, .sortingToggle:hover { color: var(--color-primary); } .listSorting__controls--dropdown { border-color: var(--colors-foregrounds-borders-secondary); } @media (min-width: 768px) { .listSorting__controls--dropdown { box-shadow: rgba(0, 0, 0, 0.176) 0px 6px 12px; } } .listSorting__control--current:focus-visible { color: var(--colors-foregrounds-content-primary); } .filters-wrapper .filters-unveil-button-wrapper .btn.btn-default.unveil-button { background-color: transparent; } .filters-wrapper .filters-unveil-button-wrapper .btn.btn-default.unveil-button:hover { color: var(--color-primary-hover); } .subcategories li a { color: var(--colors-foregrounds-content-primary); } .products-block > div, .products-block > div:hover { border-color: transparent; } .products-block .p-in-in a { color: var(--colors-foregrounds-content-primary); } .products-block .p-bottom .price-additional { color: var(--colors-foregrounds-content-tertiary); } .products-block .inactive { color: var(--colors-foregrounds-content-primary); } .pagination__link:hover { border-style: solid; border-width: 1px; } ul.manufacturers-anchors li a { color: var(--colors-foregrounds-content-primary); } ul.manufacturers > li { border-color: var(--colors-foregrounds-borders-secondary); } ul.manufacturers > li h2 { color: var(--colors-foregrounds-content-tertiary); } ul.manufacturers > li li a { color: var(--colors-foregrounds-content-primary); } ul.manufacturers > li:hover h2 { color: var(--color-primary); } :where(body.ums_page_element_headings--off) .sidebar-inner > div { border-color: var(--colors-foregrounds-borders-secondary); } .top-products li::before { border-color: var(--colors-foregrounds-borders-secondary); } .top-products li .top-products-content { color: var(--colors-foregrounds-content-primary); } .top-products li .top-products-content strong { color: var(--colors-foregrounds-content-tertiary); } #footer { background-color: var(--colors-surface-secondary); } :where(body.ums_page_element_headings--off) .footer-rows .news-item-widget h5 { font-family: var(--template-font),sans-serif; } .footer-bottom { background-color: var(--colors-surface-primary); } .cart-widget-product { border-bottom-color: var(--colors-foregrounds-borders-secondary); } .cart-widget-product, .cart-widget-product-name a { color: var(--colors-foregrounds-content-primary); } .cart-widget-product-name a:hover, .cart-widget-product-name > span { color: var(--color-primary); } .cart-widget-product-amount, .cart-widget-product-price, .cart-widget-product-unit { color: var(--colors-foregrounds-content-primary); } .cart-widget-bottom { background-color: var(--colors-surface-white); } .cart-widget-product-delete button { color: var(--colors-foregrounds-content-secondary); } .cart-widget-product-delete button:hover { color: var(--colors-state-danger); } .cart-free-shipping { color: var(--colors-foregrounds-content-primary); } .cart-free-shipping strong { color: var(--color-tertiary); } .cart-table-header { color: var(--colors-foregrounds-content-tertiary); } @media (max-width: 991px) { .cart-table { border-bottom-style: none; } } .free-gift-price { color: var(--colors-state-success); } .cart-table .p-price .price-final, .cart-table .unit-value { color: var(--colors-foregrounds-content-primary); } @media (max-width: 991px) { .cart-table .p-price .price-final, .cart-table .unit-value { color: var(--colors-foregrounds-content-tertiary); } } .content-window-in { background-color: var(--colors-surface-primary); } .back-shopping { color: var(--colors-foregrounds-content-primary); } ol.cart-header li a::before, ol.cart-header li strong::before { background-color: var(--colors-surface-white); border-color: var(--colors-foregrounds-borders-secondary); } ol.cart-header li a span::after, ol.cart-header li strong span::after { border-top-color: var(--colors-foregrounds-borders-secondary); } ol.cart-header li.active a::before, ol.cart-header li.active strong::before, ol.cart-header li.completed a::before, ol.cart-header li.completed strong::before { background-color: var(--color-secondary); border-color: var(--color-secondary); } ol.cart-header li.completed a span::after, ol.cart-header li.completed strong span::after { border-top-color: var(--color-secondary); } .price-range > div { background-color: var(--color-tertiary); } .extra.discount .price-range div::after { color: var(--colors-foregrounds-borders-secondary); } .cart-inner .free-gift { border-bottom-color: var(--colors-foregrounds-borders-secondary); } .price-secondary { color: var(--colors-foregrounds-content-tertiary); } #checkoutSidebar .toggle-contacts { background: transparent; } .checkout-box, .order-recapitulation, .order-summary-inner, .order-summary-item, .recapitulation-single { border-color: var(--colors-foregrounds-borders-secondary); } .shipping-billing-table .radio-wrapper { border-color: transparent transparent var(--colors-foregrounds-borders-secondary); } .desktop .shipping-billing-table .radio-wrapper:hover { border-color: transparent var(--colors-foregrounds-borders-secondary) var(--colors-foregrounds-borders-secondary); } .desktop .shipping-billing-table .radio-wrapper:first-child:hover { border-color: var(--colors-foregrounds-borders-secondary); } .for-free, .radio-wrapper.active .for-free { color: var(--colors-state-success); } #checkoutContent .helper { background: var(--colors-surface-secondary); } #checkoutContent .helper a { color: var(--colors-foregrounds-content-primary); } .recapitulation-wrapper table tr th .row-header-label { background-color: var(--colors-surface-white); } .recapitulation-wrapper table tr th::after { border-top-color: var(--colors-foregrounds-borders-secondary); } .search-input { border-color: transparent; } .search-input::placeholder { color: var(--_color-header-text); } #header .search-input { background-color: var(--color-header-background); color: var(--_color-header-text); } #header .search-input:focus, .search-focused #header .search-input, .search-window-visible #header .search-input { background-color: var(--colors-surface-primary); border-color: transparent; color: var(--colors-foregrounds-content-primary); } #header .search-input:focus::placeholder, .search-focused #header .search-input::placeholder, .search-window-visible #header .search-input::placeholder { color: var(--colors-foregrounds-content-primary); } .search-focused .search-input-icon, .search-window-visible .search-input-icon { color: var(--colors-foregrounds-content-primary); } @media (min-width: 768px) { #header .search-form:hover .search-input { background-color: var(--colors-surface-primary); border-color: transparent; color: var(--colors-foregrounds-content-primary); } #header .search-form:hover .search-input::placeholder { color: var(--colors-foregrounds-content-primary); } #header .search-form:hover .search-input-icon { color: var(--colors-foregrounds-content-primary); } } .navigation-hovered::before, .search-focused::before { background-color: rgba(0, 0, 0, 0.3); } .cart-xyDiscount__banner { background-color: var(--colors-surface-secondary); } @media (min-width: 992px) { .ajax-pending .cart-widget::before { background-color: var(--colors-surface-white); border-right-color: transparent; } } :where(.ums_discussion_rating_forms--on) .btn, :where(.ums_discussion_rating_forms--on) .btn.btn-conversion, :where(.ums_discussion_rating_forms--on) a.btn, :where(.ums_discussion_rating_forms--on) a.btn.btn-conversion { font-weight: 900; text-transform: none; } :where(.ums_discussion_rating_forms--on) .btn--link, :where(.ums_discussion_rating_forms--on) a.btn--link { color: var(--colors-foregrounds-content-primary); font-weight: 400; text-decoration: underline; } :where(.ums_discussion_rating_forms--on) .btn--link:focus-visible, :where(.ums_discussion_rating_forms--on) .btn--link:hover, :where(.ums_discussion_rating_forms--on) a.btn--link:focus-visible, :where(.ums_discussion_rating_forms--on) a.btn--link:hover { color: var(--color-primary-hover); text-decoration: underline; } .banner { margin-bottom: 40px; overflow: hidden; position: relative; } @media (max-width: 767px) { .banner { min-height: 220px; } } @media (min-width: 768px) { .banner.banner-lg, .banner.banner-md { min-height: 300px; } } .banner-content { height: 100%; left: 0px; padding: 25px; position: absolute; top: 0px; width: 100%; } .banner-content .banner-content-in { border-style: solid; border-width: 1px; display: table; height: 100%; width: 100%; } .banner-content .banner-content-in > div { display: table-cell; padding: 25px; text-align: center; vertical-align: bottom; } @media (min-width: 768px) { .banner-content .banner-content-in > div { text-align: left; } .banner-content .banner-content-in > div > div { display: table; width: 100%; } .banner-content .banner-content-in > div > div span, .banner-content .banner-content-in > div > div strong { display: table-cell; vertical-align: middle; } .banner-content .banner-content-in > div > div strong { font-size: 24px; line-height: 1.2; padding-left: 20px; text-transform: uppercase; } .banner-content .banner-content-in > div > div .btn { white-space: nowrap; } } .banner-category a, .banner-footer a, .banner-wrapper a, .banners-content a, .footer-banner a { display: inline-block; position: relative; } @media (min-width: 768px) { .banner-category a img, .banner-footer a img, .banner-wrapper a img, .banners-content a img, .footer-banner a img { transform: translateZ(0px); transition: all 0.3s ease-out 0s; } @supports (-moz-appearance:none) { .banner-category a img, .banner-footer a img, .banner-wrapper a img, .banners-content a img, .footer-banner a img { transform: none; } } .banner-category a:hover img, .banner-footer a:hover img, .banner-wrapper a:hover img, .banners-content a:hover img, .footer-banner a:hover img { transform: scale(1.02); } } .banner-wrapper { margin-top: 20px; } @media (min-width: 768px) { .banner-wrapper { margin-top: 0px; } .banner-wrapper + .banner-wrapper { margin-top: 25px; } } .banner-category, .banner-footer { margin-bottom: 20px; } @media (min-width: 1440px) { .banner-category, .banner-footer { margin-bottom: 40px; } } .banner-category.banner-category-inline { margin-bottom: 10px; } .banners-footer { display: flex; } .banner-footer { flex: 1 1 33.3333%; text-align: center; } .banner, .banner-wrapper { position: relative; } .extended-banner-texts { inset: 0px; position: absolute; } .extended-banner-link, .extended-banner-text, .extended-banner-title { background-color: rgba(255, 255, 255, 0.9); border: 1px solid rgba(255, 255, 255, 0.97); box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 10px; padding: 5px; position: absolute; } .extended-banner-link:empty, .extended-banner-text:empty, .extended-banner-title:empty { display: none; } .extended-banner-text, .extended-banner-title { left: 0px; } .extended-banner-title { font-size: 20px; top: 0px; } .extended-banner-text { bottom: 0px; max-width: 80%; } .extended-banner-link { height: 32px; margin-top: -6px; right: 0px; top: 50%; } .banners-empty { display: none; visibility: hidden; } .content-window { height: 100%; left: 0px; overflow: hidden; position: fixed; top: 0px; transition: all 0.3s ease-out 0s; width: 0px; z-index: 1002; } .cart-window-visible .content-window.cart-window, .login-window-visible .content-window.login-window, .search-window-visible .content-window.search-window { width: 100%; } .content-window-in { height: 100%; overflow: auto; padding-top: 77px; position: relative; width: 100%; } .toggle-window-arr { padding: 20px; text-decoration: none; } .toggle-window-arr span { display: none; } .toggle-window-arr::before { content: ""; font-size: 30px; margin-right: 1ex; } @media (min-width: 768px) { .toggle-window-arr span { display: inline; } } .content-window-in .toggle-window-arr { left: 0px; position: absolute; top: 8px; z-index: 1; } @media (min-width: 768px) { .content-window-in .toggle-window-arr { left: 20px; } } @media (max-width: 767px) { :where(body.ums_page_element_headings--on) .sidebar__heading { display: none; } } :where(body.ums_page_element_headings--off) .sidebar-inner { padding-top: 20px; } :where(body.ums_page_element_headings--off) .sidebar-inner > div { margin-bottom: 0px; } :where(body.ums_page_element_headings--on) .sidebar-inner { padding-block: 20px; } :where(body.ums_page_element_headings--on) .sidebar-inner > div.box-sm { border: 1px solid var(--colors-foregrounds-borders-secondary); margin-top: 22px; padding: 20px; } :where(body.ums_page_element_headings--on) .pageElement__heading { font-size: 18px; margin-top: 0px; } :where(body.ums_page_element_headings--on) .pageElement__subHeading { font-size: 16px; } :where(body.ums_page_element_headings--on) .pageElement__heading { margin-bottom: 11px; } :where(body.ums_page_element_headings--on) :where(.footer-rows) .pageElement__heading { margin-bottom: 33px; } @media (max-width: 767px) { :where(body.ums_page_element_headings--on) :where(.footer-rows) .pageElement__heading { margin-bottom: 22px; } } :where(body.ums_page_element_headings--on) :where(.footer-rows) .news-item-widget { margin-bottom: 0px; padding-block: 4px; } :where(body.ums_page_element_headings--on) :where(.footer-rows) .newsItemWidget__heading { font-family: var(--template-font),sans-serif; font-weight: 400; } :where(body.ums_page_element_headings--on) :where(.footer-rows .newsItemWidget__heading).with-short-description { font-weight: 700; } @media (min-width: 768px) { .sidebar .login-wrapper .password-helper { clear: both; float: none; padding-left: 0px; padding-top: 1em; } } .breadcrumbs { font-size: 14px; padding-bottom: 11px; } @media (min-width: 768px) { .multiple-columns-body.type-product .breadcrumbs { margin-left: auto; width: calc(100% - 250px); } } @media (min-width: 992px) { .multiple-columns-body.type-product .breadcrumbs { padding-left: 20px; width: calc(100% - 340px); } } @media (min-width: 1200px) { .multiple-columns-body.type-product .breadcrumbs { padding-left: 0px; width: calc(50% - 170px); } } .type-product .breadcrumbs { padding-bottom: 0px; } .breadcrumbs > span { vertical-align: middle; } .breadcrumbs > span a { text-decoration: underline; } @media (min-width: 768px) { .breadcrumbs { padding-left: 20px; padding-right: 20px; } } @media (min-width: 992px) { .type-product .breadcrumbs { margin-left: auto; padding-bottom: 0px; padding-left: 0px; width: 50%; } .aside-indented .breadcrumbs { padding-left: 0px; padding-right: 0px; } } .navigation-home-icon::before { content: ""; margin-top: -2px; } .sortingToggle { align-items: center; column-gap: 5px; display: flex; flex-wrap: wrap; text-align: left; } .sortingToggle__value { font-weight: 700; } .listSorting--dropdown { position: relative; } .listSorting__controls { display: none; } .listSorting--open .listSorting__controls { display: block; } .listSorting__controls--dropdown { background-color: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0px; font-size: 16px; min-width: 160px; overflow: auto; z-index: 1000; } .listSorting__control { background-color: transparent; border: none; text-align: left; width: 100%; } .listSorting__control:focus-visible, .listSorting__control:hover { color: var(--color-secondary); } .listSorting__control--current { pointer-events: none; } .sortingToggle .icon-chevron-down::before { vertical-align: middle; } .sortingToggle[aria-expanded="true"] .icon-chevron-down::before { content: ""; } .menu-helper-visible .menu-helper::after, .menu-helper::after { content: ""; } .menu-helper > span::after { content: ""; font-size: 14px; margin-left: 1ex; text-align: center; transition: transform 0.3s ease-out 0s; } .menu-helper-visible .menu-helper > span::after { content: ""; transform: rotate(180deg); } .navigation-buttons { align-items: center; display: flex; flex: 1 0 auto; font-size: 0px; justify-content: flex-end; justify-self: flex-end; position: absolute; right: 0px; top: 0px; transition: right 0.3s ease-out 0s; } @media (min-width: 480px) { .navigation-window-visible .navigation-buttons { margin-right: 0px; right: 0px; } } @media (min-width: 768px) and (max-width: 767px) { .navigation-buttons, .navigation-window-visible .navigation-buttons, .scrolled .navigation-buttons { top: 0px; } } @media (min-width: 768px) { .navigation-buttons { flex-grow: 0; padding-left: 20px; position: relative; right: auto; top: auto; } } .navigation-buttons a { display: inline-block; font-size: 20px; height: 40px; line-height: 38px; position: relative; text-align: center; text-decoration: none; width: 40px; } @media (min-width: 480px) { .navigation-buttons a { font-size: 20px; height: 60px; line-height: 56px; width: 60px; } } @media (min-width: 768px) { .navigation-buttons a { height: 68px; line-height: 68px; width: 68px; } } .navigation-buttons a[data-target="search"]::before { content: ""; } .navigation-buttons a[data-target="cart"]::before { content: ""; } .navigation-buttons a[data-target="navigation"]::before { content: ""; } .top-nav-button-login::before { content: ""; } .languagesMenu { position: relative; } .languagesMenu.open .languagesMenu__content { display: block; } .languagesMenu__flags { align-items: center; background-color: transparent; border: 0px; display: flex; outline: 0px; } @media (min-width: 768px) { .languagesMenu__flags { display: none; } } .languagesMenu__flags .shp-flag { margin-right: 5px; } .languagesMenu__content { display: none; left: 0px; position: absolute; white-space: nowrap; z-index: 1000; } @media (min-width: 768px) { .languagesMenu__content { background-color: transparent; display: flex; left: auto; position: static; } } .languagesMenu__box.open .languagesMenu__list { display: block; } @media (min-width: 768px) { .languagesMenu__box { position: relative; } } .languagesMenu__header { font-size: 14px; font-weight: 700; line-height: 30px; padding: 0px 10px; } @media (min-width: 768px) { .languagesMenu__header { margin-right: 10px; padding: 2px 5px; } } .languagesMenu__header--actual { display: none; } @media (min-width: 768px) { .languagesMenu__header--actual { cursor: pointer; display: block; font-weight: 400; } .languagesMenu__header--name { display: none; } } .languagesMenu__header .caret { margin-left: 5px; } .languagesMenu__list { list-style-type: none; margin: 0px; min-width: 150px; padding: 0px; } @media (min-width: 768px) { .languagesMenu__list { display: none; left: 0px; position: absolute; z-index: 1002; } } .languagesMenu .languagesMenu__list__link { align-items: center; display: flex; font-size: 14px; height: auto; line-height: 30px; padding: 0px 10px; position: static; text-align: left; width: auto; } .languagesMenu__list__name { margin-left: 10px; } .subcategories { align-items: center; border-width: 0px; display: flex; flex-wrap: wrap; margin: 0px 0px 22px; padding: 0px; } .subcategories li { flex: 0 0 auto; list-style: none; } .subcategories li a { align-items: center; border: 0px; display: flex; font-weight: 500; height: 60px; overflow: hidden; position: relative; } .subcategories li a .text { display: -webkit-box; font-size: 18px; font-weight: 700; -webkit-line-clamp: 2; line-height: 26px; overflow: hidden; text-align: left; width: auto; -webkit-box-orient: vertical; } @media (min-width: 992px) { .subcategories li a:hover .text { text-decoration: underline 2px; text-underline-offset: 4px; } } .subcategories.with-image li { padding: 13px 0px; } .subcategories.with-image li a .image { padding-right: 10px; text-align: center; width: 35%; } .subcategories.with-image li a .image img { max-height: 60px; width: auto; } .subcategories.with-image li a .text { flex-grow: 0; max-width: 65%; text-overflow: ellipsis; } .subcategories.with-image li.parametric { text-align: center; } @media (max-width: 991px) { .subcategories li a { padding: 0px 27px 0px 13px; } .subcategories li a .text { font-size: 16px; line-height: 18px; max-height: 54px; } } @media (min-width: 768px) { .carousel { margin-bottom: 22px; } .wide .wide-carousel .carousel { margin-top: -20px; } .multiple-columns-body .wide-carousel .carousel { padding-left: 20px; padding-right: 20px; } } .carousel-control { text-decoration: none; } .carousel-control::before { border-radius: 50%; border-style: solid; border-width: 2px; font-size: 28px; height: 44px; line-height: 40px; margin-top: -22px; position: absolute; text-align: center; text-shadow: none; top: 50%; width: 44px; } .carousel-control.left, .carousel-control.right { background: none; } .carousel-control.left::before { content: ""; left: 20px; } .carousel-control.right::before { content: ""; right: 20px; } .carousel-control:hover { text-decoration: none; } html:has(.dialog--modal[open]) { overflow: hidden; } .dialog { padding: 0px; } .dialog--fullscreen { background-color: transparent; border: none; height: 100dvh; margin: 0px; max-height: none; max-width: none; overflow: clip; width: 100dvw; } .dialog--fullscreen::backdrop { background-color: transparent; transition: none 0s ease 0s; } .dialog__wrapper { background: var(--dialog-bg-color,#fff); overflow: auto; padding: var(--dialog-wrapper-padding); scroll-behavior: smooth; } :where(.dialog--fullscreen) .dialog__wrapper { height: 100%; transform: translateX(-100%); transition: var(--dialog-transition); } .dialog.is-visible .dialog__wrapper { transform: translateX(0px); } .dialog__content { color: var(--colors-foregrounds-content-primary); margin: 0px auto; padding: var(--dialog-content-padding); text-align: left; } .dialog__content--form { max-width: var(--dialog-content-form-max-width,440px); } :where(.dialog__header) .dialog__heading--login { text-align: center; } [data-dialog-close] *, [data-dialog-id] * { pointer-events: none; } .dialog__close--arrow { background-color: var(--dialog-bg-color); inset: 0px 0px auto; padding-top: 8px; position: fixed; transform: translateX(-100%); transition: var(--dialog-transition); z-index: 1; } @media (min-width: 768px) { .dialog__close--arrow { padding-left: 20px; } } .dialog__actionButtons { display: flex; justify-content: flex-end; } :where(.dialog__close--arrow) .toggle-window-arr { display: block; } :where(.dialog.is-visible) .dialog__close--arrow { transform: translateX(0px); } @media (prefers-reduced-motion: reduce) { .dialog[open], .dialog[open] * { animation: auto ease 0s 1 normal none running none; scroll-behavior: auto; transition: none 0s ease 0s; } } .flag { border-radius: 0px; clear: left; display: inline-block; float: left; font-size: 10px; font-weight: 400; hyphens: none; line-height: 1.1; margin-bottom: 0.5ex; max-width: 12em; opacity: 1; padding: 4px 8px; text-align: center; text-transform: uppercase; transition: opacity 0.3s ease-out 0s; width: auto; } @media (max-width: 480px) { .flag { font-size: 10px; } } .flags-inline::after, .flags-inline::before { content: " "; display: table; } .flags-inline::after { clear: both; } .flags-inline .flag { clear: none; display: inline-block; margin-left: 3px; } .flags-inline .flag:first-child { margin-left: 0px; } .products-top > div { transition: all 0.3s ease-out 0s; } .products-top > div.inactive { height: 0px; overflow: hidden; position: absolute; transform: scale(0); } .products-top > div.revealed { transform: scale(1); } .products-top-wrapper { margin-bottom: 22px; } .products-top-wrapper .button-wrapper { text-align: center; } .products-top-wrapper:not(.has-inactive):not(.has-revealed) .button-wrapper { display: none; } .toggle-top-products { align-items: baseline; appearance: none; background: transparent; border-color: transparent; color: var(--color-primary); display: inline-flex; text-transform: none; } .toggle-top-products:focus, .toggle-top-products:hover { background: transparent; color: var(--color-primary-hover); } .toggle-top-products[aria-expanded="true"]::after { transform: rotate(180deg); transform-origin: center center; } .flags-extra { bottom: 0px; display: flex; position: absolute; right: 0px; } .highlight-product .flags-extra { right: 30px; } .flags-extra .flag { align-items: center; border-radius: 100%; display: flex; flex-direction: column; font-size: 12px; font-weight: 700; height: 66px; hyphens: auto; justify-content: center; margin-left: -8px; text-align: center; width: 66px; word-break: break-word; } .flags-extra .flag .price-save, .flags-extra .flag .price-standard { font-size: 12px; } .flags-extra .flag.flag-freeshipping { font-size: 9px; } .p-image-wrapper .flags-extra { right: 10px; z-index: 51; } @media (min-width: 768px) { .p-image-wrapper .flags-extra .flag { border-radius: 50%; height: 100px; min-height: 100px; min-width: 100px; width: 100px; } .p-image-wrapper .flags-extra .flag .price-save, .p-image-wrapper .flags-extra .flag .price-standard { font-size: 14px; } .p-image-wrapper .flags-extra .flag-freeshipping .icon-van { font-size: 70px; } .p-image-wrapper .flags-extra .flag-text { font-size: 14px; } } @media (min-width: 768px) and (max-width: 1439px) { .products-additional .flags-extra .flag { font-size: 9px; height: 50px; width: 50px; } .products-additional .flags-extra .price-save, .products-additional .flags-extra .price-standard { font-size: 9px; } } .flag-text { font-size: 12px; line-height: 1.15; text-transform: uppercase; white-space: nowrap; } @media (min-width: 768px) and (max-width: 1439px) { .products-additional .flag-text { font-size: 9px; line-height: 9px; } } .flag-freeshipping .icon-van { font-size: 42px; margin-bottom: -6px; margin-top: -6px; } @media (min-width: 768px) and (max-width: 1439px) { .products-additional .flag-freeshipping .icon-van { font-size: 24px; margin-bottom: 0px; } } .flag-gift .icon-gift { font-size: 24px; line-height: 42px; margin-bottom: -6px; margin-top: -6px; } @media (min-width: 768px) and (max-width: 1439px) { .products-additional .flag-gift .icon-gift { font-size: 14px; line-height: 24px; margin-bottom: 0px; } } .flag-discount .price-standard { display: block; } @media (min-width: 321px) and (max-width: 767px) { .columns-mobile-2 .products-block > div .flags-extra .flag { border-radius: 0px; flex-direction: row; height: auto; margin-bottom: 0px; margin-right: -8px; width: auto; } .columns-mobile-2 .products-block > div .flags-extra .flag .icon-gift, .columns-mobile-2 .products-block > div .flags-extra .flag .icon-van { font-size: 14px; line-height: 14px; margin-left: 3px; margin-right: 5px; } } .shp-tabs-holder { border-style: none; border-width: 0px; margin-bottom: 22px; margin-top: 0px; padding-left: 0px; text-align: center; } @media (max-width: 767px) { .shp-tabs-holder { margin-left: -10px; margin-right: -10px; padding-left: 20px; padding-right: 20px; } } .shp-tabs-holder ul.shp-tabs { margin: 0px; padding: 0px; } .shp-tabs-holder ul.shp-tabs li { display: inline-block; list-style: none; } .shp-tabs-holder ul.shp-tabs li a { border-style: none; border-width: 0px; display: block; padding: 11px 7px; text-decoration: none; } @media (min-width: 768px) and (max-width: 1199px) { .shp-tabs-holder ul.shp-tabs li a { padding-left: 10px; padding-right: 10px; } } @media (min-width: 1200px) { .shp-tabs-holder ul.shp-tabs li a { padding-left: 20px; padding-right: 20px; } } .responsive-nav { margin-bottom: 22px; min-width: 250px; position: relative; } .responsive-nav .shp-tabs-holder { margin-bottom: 0px; } .responsive-nav .visible-links { display: table; } .responsive-nav .visible-links > li { display: table-cell; } .responsive-nav .visible-links > li a { white-space: nowrap; } .responsive-nav .hidden-links { background: inherit; border-top: 1px solid rgb(204, 204, 204); margin: 0px; padding: 0px; position: absolute; right: 0px; top: 100%; z-index: 100; } .responsive-nav .hidden-links > li { border-bottom: 1px solid rgb(204, 204, 204); display: block; } .responsive-nav .hidden-links > li a { display: block; padding: 10px 20px; } .responsive-nav .hidden { visibility: hidden; } .responsive-nav .navigation-btn { background: rgba(0, 0, 0, 0.5); border: 0px; color: rgb(255, 255, 255); cursor: pointer; height: 100%; padding: 10px; position: absolute; right: 0px; top: 0px; } .shp-accordion-wrapper::after { clear: both; content: ""; display: block; } #accordion-content .shp-accordion { padding-top: 22px; } #accordion-content .shp-accordion .fade { opacity: 1; } #accordion-content .shp-accordion .shp-accordion-link { color: var(--colors-foregrounds-content-primary); display: block; font-size: 24px; font-weight: 700; padding-right: 30px; position: relative; width: 100%; } #accordion-content .shp-accordion .shp-accordion-link::after { content: ""; font-size: 18px; position: absolute; right: 0px; top: 50%; } #accordion-content .shp-accordion .shp-accordion-content { display: none; margin-top: 22px; } #accordion-content .shp-accordion.active .shp-accordion-link::after { content: ""; } .latest-contribution-wrapper { margin-bottom: 44px; margin-top: 44px; } @media (min-width: 768px) { .latest-contribution-wrapper { align-items: flex-start; display: flex; flex-wrap: wrap; } .latest-contribution-wrapper--large { display: block; } } @media (min-width: 992px) { .latest-contribution-wrapper--large { align-items: flex-start; display: flex; flex-wrap: wrap; } } .latest-contribution-wrapper--large .latest-contribution { width: 100%; } @media (min-width: 992px) { .latest-contribution-wrapper--large .latest-contribution { width: 50%; } } .latest-contribution { padding-bottom: 22px; } @media (min-width: 768px) { .latest-contribution { flex: 1 1 auto; flex-wrap: wrap; width: 50%; } .latest-contribution:first-child:not(:last-child) { padding-right: 20px; } .latest-contribution:last-child:not(:first-child) { padding-left: 20px; } } .latest-contribution-placeholder { display: none; } @media (min-width: 768px) { .latest-contribution-placeholder { display: block; } } .latest-contribution-inner { align-items: flex-start; display: flex; margin-top: 44px; } .latest-contribution-image { flex: 0 0 60px; height: 60px; margin-right: 20px; position: relative; } .latest-contribution-image img { border-radius: 50%; position: absolute; } .latest-contribution-content { display: block; width: calc(100% - 100px); } .latest-contribution-product { height: 24px; line-height: 24px; margin-bottom: 6px; margin-top: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .latest-contribution-info { align-items: center; display: flex; font-size: 16px; margin-bottom: 6px; } .latest-contribution-info > i { font-style: normal; padding: 0px 10px; } :where(.ums_discussion_rating_forms--off) .latest-contribution-info .stars { height: 18px; margin-right: 0px; width: 90px; } :where(.ums_discussion_rating_forms--off) .latest-contribution-info .star { height: 18px; width: 18px; } :where(.ums_discussion_rating_forms--off) .latest-contribution-info .star::before { font-size: 16px; } @media (max-width: 480px) { .latest-contribution-info { display: block; } :where(.ums_discussion_rating_forms--off) .latest-contribution-info .stars { display: block; } } :where(.ums_discussion_rating_forms--on) .latest-contribution-info .stars { gap: 2px; height: 18px; } :where(.ums_discussion_rating_forms--on) .latest-contribution-info .star::before { font-size: 16px; line-height: 16px; } .site-msg.information { bottom: 20px; box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 10px; left: 20px; max-width: calc(100% - 40px); opacity: 0.9; position: fixed; z-index: 10; } @media (min-width: 768px) { .site-msg.information { max-width: 480px; } .site-msg.information .container { width: auto; } } .container.navigation-wrapper { align-items: center; display: flex; flex-wrap: wrap; padding-left: 0px; padding-right: 0px; } .container.navigation-wrapper .site-name { flex: 0 1 100px; } @media (min-width: 480px) { .container.navigation-wrapper .site-name { flex-basis: 200px; } } @media (min-width: 768px) { .container.navigation-wrapper .site-name { flex-basis: 200px; } } #navigation { flex: 1 1 auto; } @media (min-width: 480px) and (max-width: 767px) { #navigation { padding-top: 61px; } } @media (min-width: 768px) and (max-width: 991px) { #navigation { padding-top: 61px; } } @media (min-width: 480px) { .navigation-buttons { z-index: 1001; } } .smart-labels-active .smart-label-wrapper { position: relative; } .smart-labels-active .smart-label-wrapper label { font-size: 16px; height: auto; left: 0px; line-height: 64px; margin: 0px; max-width: 100%; padding: 0px 0px 0px 12px; position: absolute; top: 0px; transition: all 0.2s ease 0s, left 0s ease 0s; width: auto; } .smart-labels-active .smart-label-wrapper.focused label, .smart-labels-active .smart-label-wrapper.populated label { font-size: 10px; line-height: 10px; padding-top: 12px; } .smart-labels-active .smart-label-wrapper input, .smart-labels-active .smart-label-wrapper textarea { padding-top: 22px; } .smart-labels-active .smart-label-wrapper input::placeholder, .smart-labels-active .smart-label-wrapper textarea::placeholder { color: transparent; } .smart-labels-active .smart-label-wrapper input:focus::placeholder, .smart-labels-active .smart-label-wrapper textarea:focus::placeholder { color: rgb(182, 182, 182); } .smart-labels-active .smart-label-wrapper input::placeholder, .smart-labels-active .smart-label-wrapper textarea::placeholder { transition: color 0.2s ease 0s; } .smart-labels-active .smart-label-wrapper select { padding-top: 16px; } .smart-labels-active .smart-label-wrapper .country-flags, .smart-labels-active .smart-label-wrapper input, .smart-labels-active .smart-label-wrapper select { height: 64px; } .smart-labels-active .smart-label-wrapper .js-validator-msg, .smart-labels-active .smart-label-wrapper .js-validator-msg + .phone-combined-input, .smart-labels-active .smart-label-wrapper .js-validator-msg + input, .smart-labels-active .smart-label-wrapper .js-validator-msg + select, .smart-labels-active .smart-label-wrapper .validator-msg, .smart-labels-active .smart-label-wrapper .validator-msg + .phone-combined-input, .smart-labels-active .smart-label-wrapper .validator-msg + input, .smart-labels-active .smart-label-wrapper .validator-msg + select { margin-left: 0px; } .smart-labels-active .smart-label-wrapper label[for="phone"] { display: block; } .smart-labels-active .smart-label-wrapper .select-label :where(.ums_forms_redesign--off) { pointer-events: none; } .smart-labels-active .smart-label-wrapper .form-group-tooltip { top: 50%; } :where(.ums_forms_redesign--off) .js-validator-msg { margin-top: 5px; } @media (min-width: 480px) { :where(.ums_forms_redesign--off) .js-validator-msg { margin-left: 175px; } } @media (min-width: 480px) { :where(.ums_forms_redesign--off) .compact-form .js-validator-msg, :where(.ums_forms_redesign--off) .no-indent .js-validator-msg, :where(.ums_forms_redesign--off) .no-label .js-validator-msg, :where(.ums_forms_redesign--off) .vote-form .js-validator-msg { margin-left: 0px; } } :where(.ums_forms_redesign--off) .user-action .js-validator-msg { text-align: left; } .product-slider-holder { margin-left: auto; margin-right: auto; padding: 44px 0px; position: relative; width: 100%; } @media (max-width: 767px) { .product-slider-holder { padding: 22px 0px; } } .product-slider-holder.has-navigation { padding-left: 32px; padding-right: 32px; } .product-slider-holder.has-navigation:hover .product-slider-navigation { opacity: 1; } @media (max-width: 767px) { .product-slider-holder.has-navigation { padding-left: 0px; padding-right: 0px; } } @media (min-width: 992px) { .desktop.one-column-body.columns-1 .product-slider-holder, .desktop.one-column-body.columns-2 .product-slider-holder, .mobile.multiple-columns-body.columns-1 .product-slider-holder, .mobile.multiple-columns-body.columns-2 .product-slider-holder { width: 45.4545%; } } @media (min-width: 1200px) { .desktop.one-column-body.columns-1 .product-slider-holder, .mobile.multiple-columns-body.columns-1 .product-slider-holder { width: 37.037%; } .desktop.one-column-body.columns-2 .product-slider-holder, .mobile.multiple-columns-body.columns-2 .product-slider-holder { width: 66.6667%; } .desktop.multiple-columns-body.columns-1 .product-slider-holder { width: 50%; } .desktop.multiple-columns-body.columns-2 .product-slider-holder { width: 100%; } } .product-slider-holder .product-slider-pagination { align-items: center; display: flex; justify-content: center; margin-top: 22px; } @media (max-width: 767px) { .product-slider-holder .product-slider-pagination { margin-top: 0px; } } .product-slider-holder .product-slider-pagination .pagination-button { border: 0px; cursor: pointer; display: block; font-size: 0px; height: 2px; line-height: 0; margin: 4px; outline: none; padding: 0px; width: 32px; } .product-slider-holder .product-slider-navigation { border: none; cursor: pointer; display: block; font-size: 0px; height: 32px; line-height: 0; opacity: 0; outline: none; padding: 0px; position: absolute; top: 50%; transform: translateY(-50%); width: 32px; } .product-slider-holder .product-slider-navigation::before { font-size: 20px; height: 32px; width: 32px; } .product-slider-holder .product-slider-navigation.navigation-prev { left: 0px; } .product-slider-holder .product-slider-navigation.navigation-prev::before { align-items: center; content: ""; display: flex; justify-content: center; } .product-slider-holder .product-slider-navigation.navigation-next { right: 0px; } .product-slider-holder .product-slider-navigation.navigation-next::before { align-items: center; content: ""; display: flex; justify-content: center; } @media (max-width: 767px) { .product-slider-holder .product-slider-navigation { top: 25%; } } .mobile .product-slider-holder .product-slider-navigation, .product-slider-holder:hover .product-slider-navigation { opacity: 1; } .product-slider { position: relative; } .product-slider .products-block { margin: 0px; } @media (max-width: 767px) { .product-slider .products-block > div { padding: 5px; } } .product-slider .price-standard-wrapper, .product-slider .price-standard-wrapper + .price-save { display: none; } .benefitBanner { margin: 20px auto; width: 100%; } @media (min-width: 480px) { .benefitBanner { display: flex; flex-wrap: wrap; max-width: 100%; } } .benefitBanner--homepage { max-width: 460px; padding: 0px; } .benefitBanner__item { align-items: center; display: flex; flex: 1 1 100%; margin-bottom: 15px; overflow: hidden; } @media (min-width: 480px) { .benefitBanner__item { flex: 0 0 50%; width: 50%; } } @media (min-width: 992px) { .benefitBanner__item { flex: 1 1 25%; } } .benefitBanner__link { align-items: center; display: flex; } .benefitBanner__link:hover { opacity: 0.8; } .benefitBanner__picture { align-items: center; display: flex; flex: 0 0 75px; margin-right: 10px; max-width: 75px; } .benefitBanner__picture:only-child { flex: 1 1 100%; max-width: 100%; } .benefitBanner__content { overflow: hidden; padding-right: 10px; word-break: break-word; } .benefitBanner__title { font-size: 1.1em; width: 100%; } @media (min-width: 992px) { .multiple-columns-body .benefitBanner__item { flex: 1 1 50%; } } @media (min-width: 1200px) { .multiple-columns-body .benefitBanner__item { flex: 1 1 25%; } } @media (min-width: 992px) { .multiple-columns-body .position--benefitHomepage { flex-wrap: wrap; } .multiple-columns-body .position--benefitHomepage .benefitBanner__item { flex: 1 1 33%; } } .multiple-columns-body .position--benefitProduct { flex-wrap: wrap; width: 100%; } @media (min-width: 992px) { .multiple-columns-body .position--benefitProduct .benefitBanner__item { flex: 1 1 33%; } } .searchWhisperer { display: none; flex-wrap: wrap; left: 0px; padding: 0px 10px 10px; position: absolute; right: 0px; text-align: left; width: 100%; z-index: 1003; } .searchWhisperer.active { display: flex; } @media (min-width: 768px) { .searchWhisperer { padding: 40px; } } .searchWhisperer__products { flex-basis: 100%; } @media (min-width: 768px) { .searchWhisperer__products { flex-basis: 33.3333%; flex-grow: 1; margin: 0px auto; order: 2; } } .searchWhisperer__products__heading { display: none; font-size: 18px; margin-bottom: 11px; margin-top: 0px; } @media (min-width: 768px) { .searchWhisperer__products__heading { display: block; } } .searchWhisperer__products__list { list-style: none; margin: 0px; padding: 0px; } @media (min-width: 768px) { .searchWhisperer__products__list { display: flex; flex-wrap: wrap; } } .searchWhisperer__products__listItem:nth-child(n+10) { display: none; } @media (min-width: 768px) { .searchWhisperer__products__listItem { flex-basis: 33.3333%; } } .searchWhisperer__products__listItem--large:nth-child(n+10) { display: block; } .searchWhisperer__products__listItem--large:nth-child(n+13) { display: none; } @media (min-width: 768px) { .searchWhisperer__products__listItem--large { flex-basis: 25%; } } .searchWhisperer__product { align-items: center; display: flex; flex-wrap: nowrap; height: 100%; padding: 5px 0px; position: relative; text-decoration: none; width: 100%; } @media (min-width: 768px) { .searchWhisperer__product { flex-direction: column; justify-content: space-between; padding: 5px; text-align: center; } .searchWhisperer__product:hover .searchWhisperer__product__name { text-decoration: underline; } .searchWhisperer__product:hover .searchWhisperer__product__name .product-appendix { color: inherit; } } .searchWhisperer__product__image { max-width: 59px; } @media (min-width: 768px) { .searchWhisperer__product__image { max-width: none; } } .searchWhisperer__product__infoWrapper { padding-left: 10px; } @media (min-width: 768px) { .searchWhisperer__product__infoWrapper { padding-left: 0px; } } .searchWhisperer__product__price { margin-left: auto; padding-left: 10px; text-align: right; white-space: nowrap; } @media (min-width: 768px) { .searchWhisperer__product__price { margin-left: 0px; margin-top: auto; padding-left: 0px; text-align: center; } } .searchWhisperer__additionalResults { flex-basis: 100%; } @media (min-width: 768px) { .searchWhisperer__additionalResults { flex-basis: 260px; margin-right: 40px; order: 1; padding-right: 20px; } .searchWhisperer__additionalResults:nth-child(2) { border-right-style: solid; border-right-width: 1px; } } @media (min-width: 768px) and (max-width: 991px) { .searchWhisperer__additionalResults { flex-basis: 210px; } } .searchWhisperer__additionalResults__heading { font-size: 18px; margin-bottom: 11px; margin-top: 22px; } .searchWhisperer__additionalResults__heading:first-of-type { margin-top: 11px; } @media (min-width: 768px) { .searchWhisperer__additionalResults__heading:first-of-type { margin-top: 0px; } } .searchWhisperer__additionalResults__list { list-style: none; margin: 0px; padding: 0px; } .searchWhisperer__additionalResults__listItem:focus, .searchWhisperer__additionalResults__listItem:hover { text-decoration: underline; } .searchWhisperer__additionalResults__link { display: block; padding-bottom: 6px; padding-top: 6px; } .searchWhisperer__buttonWrapper { align-items: center; display: flex; justify-content: center; order: 3; width: 100%; } .searchWhisperer__buttonWrapper .btn.searchWhisperer__button { height: auto; padding: 10px 26px; position: static; } .searchWhisperer__button { margin-top: 22px; } .searchWhisperer__loaderWrapper { height: 100px; width: 100%; } .searchWhisperer__content--empty { padding-top: 11px; } @media (min-width: 768px) { .searchWhisperer__content--empty { padding-top: 0px; } } html.cookies-visible .siteCookies { display: none; } .siteCookies { bottom: 0px; color: var(--cookies-notice-color); font-size: 16px; left: 0px; position: fixed; right: 0px; transition: all 0.4s ease 0s; z-index: 100000001; } @media (min-width: 768px) { .siteCookies--top { background-color: var(--cookies-notice-background); bottom: auto; top: 0px; } .siteCookies--left { bottom: 30px; left: 30px; right: auto; } .siteCookies--right { bottom: 30px; left: auto; right: 30px; } .siteCookies--bottom { left: 50%; margin-left: -335px; width: 670px; } .siteCookies--bottom.siteCookies--scrolled { background-color: var(--cookies-notice-background); box-shadow: rgba(27, 25, 57, 0.5) 0px 0px 30px; left: 0px; margin-left: 0px; width: 100%; } .siteCookies--bottom.siteCookies--scrolled .siteCookies__form { box-shadow: unset; } .siteCookies--center { inset: 50% auto auto 50%; transform: translate(-50%, -50%); width: 600px; } } .siteCookies__form { background-color: var(--cookies-notice-background); border-top-left-radius: 8px; border-top-right-radius: 8px; box-shadow: rgba(27, 25, 57, 0.5) 0px 0px 30px; padding: 20px 15px 25px; } @media (min-width: 768px) { .siteCookies__form { display: flex; margin: 0px auto; max-width: 670px; padding: 24px; } .siteCookies--top .siteCookies__form { max-width: 800px; } .siteCookies--left .siteCookies__form, .siteCookies--right .siteCookies__form { border-radius: 8px; } .siteCookies--center .siteCookies__form { border-radius: 8px; flex-direction: column; position: relative; } } .siteCookies__content { flex: 1 1 0%; } .siteCookies__text { line-height: 22px; margin-bottom: 16px; } .siteCookies__text a, .siteCookies__text p { color: var(--cookies-notice-color); } .siteCookies__text a { text-decoration: underline; } .siteCookies__text a:hover { text-decoration: none; } .siteCookies__text a:focus, .siteCookies__text a:hover { color: var(--cookies-notice-color); } @media (min-width: 768px) { .siteCookies__text { margin-right: 30px; } .siteCookies--center .siteCookies__text { margin-right: 0px; } } .siteCookies__links { margin-bottom: 16px; text-align: center; width: 100%; } @media (min-width: 768px) { .siteCookies__links { margin-bottom: 0px; text-align: left; } .siteCookies--center .siteCookies__links { bottom: 24px; max-width: 30%; position: absolute; } } .siteCookies__link { background: none; border: 2px solid var(--cookies-notice-color); border-radius: 4px; color: var(--cookies-notice-color); display: block; font-weight: 700; line-height: 44px; padding: 0px 15px; text-decoration: none; width: 100%; } @media (hover: hover) { .siteCookies__link:hover { background: var(--cookies-notice-link-hover); color: rgb(255, 255, 255); } } @media (min-width: 768px) { .siteCookies__link { display: inline-block; width: auto; } } .siteCookies__buttonWrap { align-items: flex-start; display: flex; gap: 16px; } @media (min-width: 768px) { .siteCookies--center .siteCookies__buttonWrap { align-self: flex-end; max-width: 67%; } } .siteCookies__button { background-color: var(--cookies-notice-color); border: 0px; border-radius: 4px; color: var(--cookies-notice-background); display: block; font-weight: 700; line-height: 48px; margin: 0px auto; padding: 0px 15px; text-align: center; white-space: nowrap; width: 100%; } .siteCookies__button:hover { background-color: var(--cookies-notice-button-hover); color: var(--cookies-notice-background); } @media (min-width: 768px) { .siteCookies__button:hover { opacity: 0.8; } .siteCookies--center .siteCookies__button { margin: 0px; width: auto; } } @media (min-width: 992px) { .siteCookies__button { transition: all 0.4s ease 0s; } .siteCookies__button:hover { background-color: var(--cookies-notice-button-hover); } } #cboxContent.cookiesDialog { background-color: rgb(248, 250, 251); border-radius: 8px; } .template-14 #cboxContent.cookiesDialog .colorbox-html-content { border: 1px solid rgb(229, 232, 234); } .template-14 #cboxContent.cookiesDialog #cboxClose { right: 2px; top: 2px; } .cookiesSetting__form { padding: 10px; } .cookiesSetting__title { color: rgb(0, 0, 0); font-size: 22px; font-weight: 700; line-height: 34px; } .cookiesSetting__perex { color: rgb(0, 0, 0); font-size: 16px; line-height: 24px; } .cookiesSetting__item { border-bottom: 1px solid rgb(229, 232, 234); padding: 10px 0px; } @media (min-width: 768px) { .cookiesSetting__item { align-items: flex-start; display: flex; justify-content: space-between; } } .cookiesSetting__item:last-child { border-bottom: 0px; } @media (min-width: 768px) { .cookiesSetting__item__col2 { margin-left: 10px; } } .cookiesSetting__item__name { color: rgb(0, 0, 0); font-size: 16px; line-height: 24px; } .cookiesSetting__item__text { color: rgb(0, 0, 0); font-size: 14px; line-height: 22px; margin-bottom: 10px; } @media (min-width: 768px) { .cookiesSetting__item__text { margin-bottom: 0px; } } .cookiesSetting__item__status { border: 1px solid rgb(229, 232, 234); border-radius: 8px; display: block; font-size: 16px; margin: 20px 0px; padding: 10px 20px 10px 35px; text-align: center; white-space: nowrap; width: 100%; } .cookiesSetting__item__status:hover { background: rgb(248, 250, 251); border: 1px solid rgb(229, 232, 234); color: rgb(37, 37, 37); } @media (min-width: 768px) { .cookiesSetting__item__status { margin: 0px; padding: 10px 15px; } } .cookiesSetting__item .cookiesSetting__item__status .cookiesSetting__item__state { padding-left: 40px; } .cookiesSetting__item .cookiesSetting__item__status .cookiesSetting__item__state::before { left: 10px; } .cookiesSetting__item .cookiesSetting__item__status .cookiesSetting__item__state::after { left: 12px; } .template-07 .cookiesSetting__item .cookiesSetting__item__status .cookiesSetting__item__state::after { left: 13px; } .template-10 .cookiesSetting__item .cookiesSetting__item__status .cookiesSetting__item__state::after, .template-13 .cookiesSetting__item .cookiesSetting__item__status .cookiesSetting__item__state::after, .template-14 .cookiesSetting__item .cookiesSetting__item__status .cookiesSetting__item__state::after { left: 11px; } .cookiesDialog #cboxClose { border-radius: 8px; background-color: rgb(248, 250, 251) !important; } .cookiesSetting__data { background-color: rgb(255, 255, 255); border: 1px solid rgb(229, 232, 234); border-radius: 4px; padding: 0px 20px; } .cookiesSetting__bottom { text-align: center; } @media (min-width: 768px) { .cookiesSetting__bottom { align-items: flex-start; display: flex; margin-top: 20px; text-align: left; } } .cookiesSetting__uncheck { display: block; margin: 10px 0px; } @media (min-width: 768px) { .cookiesSetting__uncheck { flex: 1 1 0%; margin: 0px; } } .cookiesSetting__uncheckLink { background-color: transparent; border: 2px solid rgb(17, 17, 31); border-radius: 4px; color: rgb(17, 17, 31); display: block; font-size: 16px; font-weight: 700; line-height: 44px; padding: 0px 15px; text-align: center; text-decoration: none; width: 100%; } .cookiesSetting__uncheckLink:hover { background: rgb(229, 232, 234); color: rgb(56, 55, 66); } @media (min-width: 768px) { .cookiesSetting__uncheckLink { display: inline-block; text-align: left; width: auto; } } .cookiesSetting__button { border: 0px; border-radius: 4px; display: block; font-size: 16px; font-weight: 700; line-height: 48px; padding: 0px 15px; width: 100%; } .cookiesSetting__button, .cookiesSetting__button:hover { background-color: rgb(17, 17, 31); color: rgb(255, 255, 255); } @media (min-width: 768px) { .cookiesSetting__button:hover { opacity: 0.9; } .cookiesSetting__button { display: inline-block; width: auto; } } .cookiesSetting__button--green { background-color: rgb(0, 124, 71); margin-top: 10px; } .cookiesSetting__button--green:hover { background-color: rgb(0, 124, 71); color: rgb(255, 255, 255); } @media (min-width: 768px) { .cookiesSetting__button--green { margin-left: 15px; margin-top: 0px; } } #cboxOverlay.siteAgreement { z-index: 100000002; } #colorbox.siteAgreement { z-index: 100000003; } @media (max-width: 767px) { #colorbox.cookiesDialogWrapper { top: 0px !important; } } .social-buttons-wrapper { display: flex; position: relative; } .social-buttons-wrapper .social-buttons { left: 0px; min-height: 100%; min-width: 100%; position: absolute; top: 0px; } .social-buttons { align-items: flex-start; display: flex; flex-wrap: wrap; justify-content: flex-start; } .social-buttons > div { display: flex; flex-grow: 0; flex-shrink: 0; padding-right: 5px; width: auto; } .social-buttons > div iframe { vertical-align: middle; } .social-buttons > div:last-child { padding-right: 0px; } .social-buttons > div:nth-last-child(2) { padding-right: 1em; } .social-buttons > div.close-wrapper { flex-grow: 1; justify-self: flex-end; text-align: left; text-transform: uppercase; } .social-buttons > div.addthis { padding-right: 0px; width: 100%; } .social-buttons.no-display { opacity: 0; overflow: hidden; z-index: -1; display: flex !important; } .user-action .user-action-in > div { display: none; } .cart-window-visible .user-action .user-action-in > div.user-action-cart, .login-window-visible .user-action .user-action-in > div.user-action-login, .search-window-visible .user-action .user-action-in > div.user-action-search { display: block; } .popup-widget { position: fixed; z-index: 56; } .popup-widget h2 { font-size: 20px; margin-bottom: 22px; margin-top: 0px; } @media (max-width: 991px) { .popup-widget { bottom: 0px; left: 0px; width: 100%; } .popup-widget.cart-widget, .popup-widget.login-widget, .popup-widget.search-widget { top: 134px; } } @media (min-width: 992px) { .popup-widget { bottom: auto; left: 50%; margin-left: -14px; max-height: 500px; padding-top: 18px; position: absolute; width: 500px; } .popup-widget::before { border-left-style: solid; border-left-width: 1px; border-top-style: solid; border-top-width: 1px; box-shadow: none; content: ""; height: 16px; position: absolute; top: 10px; transform: rotate(45deg); transition: right 0.3s ease-out 0s; width: 16px; z-index: 1; } .popup-widget.cart-widget { border-style: solid; border-width: 1px; box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 10px; margin-top: 18px; padding-top: 0px; top: 103px; } .popup-widget.cart-widget::before { right: 35px; } .admin-logged .popup-widget.cart-widget { top: 128px; } .scrolled .template-10.admin-logged .popup-widget.cart-widget { top: 103px; } .scrolled .popup-widget.cart-widget::before { right: 35px; } .popup-widget.cart-widget::before { top: -9px; } .ajax-pending .popup-widget.cart-widget::before { top: 50%; } .popup-widget.search-widget { margin-left: -162px; top: 86px; width: 648px; } .popup-widget.search-widget::before { right: 145px; } .admin-logged .popup-widget.search-widget { top: 111px; } .scrolled .template-10.admin-logged .popup-widget.search-widget { top: 86px; } .scrolled .popup-widget.search-widget::before { right: 195px; } .popup-widget.login-widget { top: 21px; } .popup-widget.login-widget::before { right: 30px; } .admin-logged .popup-widget.login-widget { top: 46px; } .scrolled .template-10.admin-logged .popup-widget.login-widget { top: 21px; } .scrolled .popup-widget.login-widget::before { right: 30px; } } @media (min-width: 1200px) { .popup-widget { margin-left: 89px; } .popup-widget.search-widget { margin-left: -196.334px; width: 785.334px; } } @media (min-width: 1440px) { .popup-widget { margin-left: 209px; } .popup-widget.search-widget { margin-left: -236.334px; width: 945.334px; } } @media (min-width: 992px) and (min-height: 800px) { .popup-widget.search-widget { max-height: 720px; } } .popup-widget-inner { height: 100%; width: 100%; } .cart-widget .popup-widget-inner + .cart-widget-button { display: none; } .cart-widget .popup-widget-inner.full + .cart-widget-button { display: block; } .login-widget .popup-widget-inner, .search-widget .popup-widget-inner { padding: 20px; } .popup-widget-inner .tooltip-inner { max-width: 130px; } .popup-widget-inner .cart-widget-products { overflow: auto; } @media (min-width: 992px) { .popup-widget-inner:not(.cart-widget-inner) { border-style: solid; border-width: 1px; box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 10px; } .popup-widget-inner .cart-widget-products { max-height: 320px; } } @media (max-width: 991px) { .popup-widget-inner .cart-widget-products { height: calc(100% - 162px); } } .cart-widget-product { border-bottom-style: solid; border-bottom-width: 1px; display: table; padding: 10px; table-layout: fixed; width: 100%; } .cart-widget-product > div { display: table-cell; vertical-align: middle; } .cart-widget-product > div.cart-widget-product-unit { display: table-cell; } .cart-widget-product:last-child { border-bottom-style: none; } .cart-widget-product-image { height: 59px; text-align: center; width: 76px; } .cart-widget-product-image a { display: inline-block; height: 59px; } .cart-widget-product-image img { max-height: 100%; width: auto; } .cart-widget-product-amount, .cart-widget-product-unit { padding-right: 10px; } .cart-widget-product-amount { padding-left: 10px; padding-right: 10px; width: 70px; } .cart-widget-product-unit { width: 40px; } .cart-widget-product-name > strong { display: block; } .cart-widget-product-name > span { font-weight: 700; } .cart-widget-product .cart-widget-product-surcharges, .cart-widget-product .cart-widget-product-variant { display: block; font-size: smaller; font-weight: 400; } .cart-widget-product-delete { padding-left: 5px; width: 24px; } .cart-widget-product-delete button { appearance: none; background: none; border: none; font-size: 10px; height: 24px; line-height: 22px; padding: 0px; text-align: center; width: 24px; } .cart-widget-product-delete button::before { content: ""; } .cart-widget-button { padding: 68px 0px 0px; text-align: center; } @media (max-width: 991px) { .cart-widget-button { bottom: 0px; left: 1px; position: absolute; right: 1px; } } @media (min-width: 992px) { .cart-widget-button { position: relative; } } .cart-free-shipping { bottom: 66px; display: table; height: 56px; left: 0px; position: absolute; text-align: center; width: 100%; z-index: 3; } .cart-free-shipping > div { display: table-cell; padding-left: 10px; padding-right: 10px; vertical-align: middle; } .login-wrapper { padding-bottom: 20px; padding-top: 20px; } .login-wrapper::after, .login-wrapper::before { content: " "; display: table; } .login-wrapper::after { clear: both; } .login-wrapper .btn { float: right; } .login-wrapper .btn::before { display: none; } .login-wrapper .password-helper { float: left; width: 55%; } .login-wrapper .password-helper a { clear: left; float: left; } .login-wrapper .password-helper a + a { padding-top: 5px; } #header { transition: height 0.3s ease-out 0s; } #header .container { height: auto; min-height: 40px; } #header .container::after, #header .container::before { content: " "; display: table; } #header .container::after { clear: both; } #header .site-name { font-weight: 400; margin: 0px; } #header .site-name a, #header .site-name a span { display: block; } #header .site-name a img { display: block; max-height: 40px; } #header .site-name a.text-logo { display: block; font-family: var(--template-headings-font),sans-serif; font-size: 14px; line-height: 100%; max-width: fit-content; padding-bottom: 4px; padding-left: 4px; padding-top: 4px; text-decoration: none; } #header .site-name a.text-logo .header__title, #header .site-name a.text-logo .motto { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; } #header .site-name a.text-logo small { display: block; font-size: 60%; font-weight: 100; } #header .site-name:has(.text-logo) { flex-grow: 1; max-width: calc(100% - 130px); } @media (max-width: 767px) { #header .container { padding-left: 0px; padding-right: 0px; } #header .site-name { padding-left: 10px; } } @media (min-width: 480px) { #header .container { min-height: 60px; } #header .site-name a img { max-height: 60px; } #header .site-name a.text-logo { font-size: 18px; } #header .site-name:has(.text-logo) { max-width: calc(100% - 190px); } } @media (min-width: 768px) { #header { min-height: 0px; } #header .container { min-height: 68px; } #header .site-name img { max-height: 68px; } #header .site-name a.text-logo { font-size: 24px; } #header .site-name:has(.text-logo) { flex-basis: fit-content; flex-grow: 0; max-width: 420px; min-width: 200px; padding-right: 20px; } } @media (min-width: 992px) { #header { background-position: center top; background-repeat: no-repeat; } #header .container { position: relative; } } #footer a { text-decoration: none; } #footer a:hover { text-decoration: underline; } #footer .system-footer { display: flex; flex-direction: column; padding-left: 20px; padding-right: 20px; } @media (min-width: 768px) { #footer { display: block; padding-bottom: 22px; padding-top: 22px; } #footer .footer-left { width: 66.6667%; } #footer .footer-right { text-align: right; width: 33.3333%; } #footer .footer-right .social-icons { display: inline-block; margin-left: 1ex; } #footer .system-footer { align-items: center; flex-direction: row; } #footer .system-footer .footer-left { order: unset; } #footer .system-footer .footer-right { order: unset; text-align: right; } #footer .system-footer p { margin-bottom: 0px; } } .footer-bottom { padding-bottom: 11px; padding-top: 11px; text-align: center; } .footer-bottom::after, .footer-bottom::before { content: " "; display: table; } .footer-bottom::after { clear: both; } @media (min-width: 768px) { .footer-bottom { text-align: left; } } .custom-footer { padding-top: 22px; } .custom-footer > div { padding-bottom: 22px; } @media (min-width: 768px) { .custom-footer.elements-4 > div:nth-child(2n+1), .custom-footer.elements-6 > div:nth-child(2n+1), .custom-footer.elements-many > div:nth-child(2n+1) { clear: both; } } @media (min-width: 1200px) { .custom-footer.elements-4 > div:nth-child(2n+1), .custom-footer.elements-6 > div:nth-child(2n+1) { clear: none; } .custom-footer.elements-6 > div:nth-child(3n+1) { clear: both; } .custom-footer.elements-many > div:nth-child(2n+1) { clear: none; } .custom-footer.elements-many > div:nth-child(4n+1) { clear: both; } } #signature { float: right; margin-left: 20px; width: 100%; } #signature a { display: inline-block; text-decoration: none; } #signature a.image { margin-right: 1ex; } #signature a.image img { height: auto; width: 18px; } @media (min-width: 768px) { #signature { width: auto; } } .top-navigation-bar { display: none; } @media (min-width: 768px) { .top-navigation-bar { border-bottom-style: solid; border-bottom-width: 1px; border-top-style: solid; border-top-width: 1px; display: block; font-size: 10px; } } .top-navigation-bar .container { align-items: center; display: flex; } .top-navigation-bar .container > div { flex: 1 1 50%; } .top-navigation-bar .top-navigation-tools { align-items: center; display: flex; justify-content: flex-end; } .top-navigation-bar .dropdown { align-items: center; display: flex; height: 25px; margin-right: 20px; } .top-navigation-bar .dropdown > span { display: none; } .top-navigation-bar .dropdown button { appearance: none; background: none; border: 0px; padding-right: 1.5em; position: relative; } .top-navigation-bar .dropdown .dropdown-menu { left: auto; right: -10px; } .top-navigation-bar .dropdown .caret { border: 0px; font-size: 10px; } .top-navigation-bar .dropdown .caret::before { content: ""; height: 14px; line-height: 15px; margin-top: -7px; position: absolute; right: 0.25em; top: 50%; width: 14px; } .top-navigation-menu { display: none; flex-wrap: nowrap; height: 25px; justify-content: flex-start; overflow: hidden; padding-right: 105px; position: relative; white-space: nowrap; } @media (min-width: 768px) { .top-navigation-menu { display: block; } } .top-navigation-menu-visible .top-navigation-menu { overflow: visible; white-space: normal; } .dropdown-menu, .top-navigation-bar-menu, .top-navigation-bar-menu-helper, .top-navigation-tools { list-style-type: none; margin: 0px; padding: 0px; top: 25px; } .dropdown-menu a, .top-navigation-bar-menu a, .top-navigation-bar-menu-helper a, .top-navigation-tools a { display: block; margin: 0px; padding: 4px 20px; } .dropdown-menu a b, .top-navigation-bar-menu a b, .top-navigation-bar-menu-helper a b, .top-navigation-tools a b { font-weight: 400; } .top-nav-button-account, .top-nav-button-login, .top-nav-button-logout, .top-nav-button-register { appearance: none; background: none; border: 0px; display: block; margin: 0px; padding: 4px 20px; } .top-nav-button-account::before, .top-nav-button-login::before, .top-nav-button-logout::before, .top-nav-button-register::before { display: none; } @media (min-width: 768px) { .top-nav-button-account, .top-nav-button-login, .top-nav-button-logout, .top-nav-button-register { display: inline; } } .top-nav-button-account { display: none; } @media (min-width: 768px) { .top-nav-button-account { display: inline; } } .top-navigation-bar-menu { float: left; } .top-navigation-bar-menu li { display: inline-block; } .top-navigation-bar-menu li.cropped { display: none; } .top-navigation-bar-menu li:first-child a { padding-left: 0px; } .dropdown-menu, .top-navigation-bar-menu-helper { border-radius: 0px; border-style: solid; border-width: 1px; box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 10px; display: none; position: absolute; text-align: left; z-index: 1100; } .dropdown-menu li a, .top-navigation-bar-menu-helper li a { position: relative; } .dropdown-menu li a::before, .top-navigation-bar-menu-helper li a::before { border-radius: 50%; content: ""; height: 4px; left: 8px; margin-top: -2px; position: absolute; top: 50%; width: 4px; } .languagesMenu .languagesMenu__header { padding-right: 10px; } .languagesMenu .caret { border: 0px; font-size: 10px; } .languagesMenu .caret::before { content: ""; height: 14px; line-height: 15px; margin-top: -7px; position: absolute; right: 0.25em; top: 50%; width: 14px; } .languagesMenu ul { border-style: solid; border-width: 1px; } .languagesMenu ul li a { position: relative; } .languagesMenu ul li a.languagesMenu__list__link--currency::before { border-radius: 50%; content: ""; height: 4px; margin-right: 5px; margin-top: -2px; width: 4px; } .languagesMenu__box.open .caret::before { content: ""; } .top-navigation-menu-visible .top-navigation-bar-menu-helper { display: block; left: auto; right: 0px; } .top-navigation-menu-trigger { align-items: center; cursor: pointer; display: none; float: left; margin-right: -105px; padding: 4px 20px; } .top-navigation-menu-trigger:lang(ro) { padding-right: 0px; } .top-navigation-menu-trigger::after { content: ""; font-size: 10px; margin-top: 2px; text-align: center; transition: color 0.3s ease-out 0s; width: 25px; } .top-navigation-menu-visible .top-navigation-menu-trigger::after { content: ""; } .top-menu-trigger-visible .top-navigation-menu-trigger { display: flex; } .responsive-tools { align-items: center; display: flex; flex-wrap: wrap; padding-bottom: 12px; padding-top: 12px; } .responsive-tools > a { height: 40px; padding: 4px; text-align: center; width: 40px; } .responsive-tools > a::before { content: ""; font-size: 18px; line-height: 32px; width: 32px; } .responsive-tools > a[data-target="navigation"] { position: absolute; right: 16px; z-index: 2; } .responsive-tools > a[data-target="navigation"]::before { border-radius: 50%; font-size: 14px; } .responsive-tools > a[data-target="login"]::before { content: ""; } .responsive-tools > a[data-target="search"]::before { content: ""; } .ordering-process .responsive-tools > a[data-target="navigation"] { height: 60px; line-height: 52px; position: fixed; right: 0px; top: 0px; width: 60px; } .ordering-process .responsive-tools > a[data-target="navigation"]::before { vertical-align: middle; } @media (min-width: 768px) { .responsive-tools { display: none; } } .p-switchable .inactive { display: none; } .p-switchable .p { margin-bottom: 0px; } .p-switchable .p .p-bottom.single-button { padding-bottom: 16px; padding-right: 66px; } @media (min-width: 992px) and (max-width: 1199px) { .p-switchable .p { margin-bottom: 20px; } } @media (min-width: 768px) { .p-switchable .p .name { height: 52px; overflow: hidden; } } .products-block .p { border-style: solid; border-width: 1px; margin-bottom: 20px; position: relative; transition: border-color 0.3s ease-out 0s; } .products-block .p > a { display: block; position: relative; text-decoration: none; } .products-block .p > a img { display: block; margin-bottom: 11px; margin-left: auto; margin-right: auto; } .products-block .p > a::after { content: ""; float: none; font-size: 48px; font-weight: 300; left: 50%; line-height: 48px; margin-left: -24px; margin-top: -24px; padding-top: 0px; position: absolute; top: 50%; transition: color 0.3s ease-out 0s; z-index: 1; } .products-block .p > a:hover img { opacity: 0.2; transition: opacity 0.3s ease-out 0s; } .products-block .p .name { display: block; line-height: 1.4; margin-top: 11px; padding-left: 16px; padding-right: 16px; text-decoration: none; text-transform: uppercase; } .products-block .p .name:hover { text-decoration: underline; } .products-block .p.swap-images > a::after { content: ""; } .products-block .p.swap-images > a:hover img { opacity: 1; } .products-block .p-code { display: block; font-size: smaller; position: absolute; right: 10px; top: 0px; } .products-block .flags-inline .flag { clear: both; } .products-block .p-bottom { padding: 16px 16px 80px; } .products-block .p-bottom .prices { line-height: 1.4; } .products-block .p-bottom .price-additional, .products-block .p-bottom .price-save, .products-block .p-bottom .price-standard-wrapper { font-size: smaller; } .products-block .p-bottom > div::after, .products-block .p-bottom > div::before { content: " "; display: table; } .products-block .p-bottom > div::after { clear: both; } .products-block .p-bottom > div .p-tools { bottom: 0px; font-size: 0px; position: absolute; right: 0px; } .products-block .p-bottom > div .p-tools a, .products-block .p-bottom > div .p-tools form { vertical-align: middle; } .products-block .p-bottom > div .p-tools .btn { border-bottom-style: none; } .products-block .p-bottom > div .p-tools .btn:not(.btn-cart) { padding-left: 11px; padding-right: 11px; } .products-block .p-bottom > div .p-tools > .btn:last-child { border-right-style: none; } .products-block .p-bottom > div .p-tools .btn-cart { position: relative; vertical-align: middle; z-index: 1; } .products-block .p-bottom > div .p-tools form { display: inline-block; } .products-block .p-bottom > div .p-tools form + a { margin-left: -1px; } .products-block .p-bottom .p-desc { margin-bottom: 0px; } .products-block .p-bottom .pr-list-unit { font-size: 1.125rem; font-weight: 400; } .products-block .p-bottom.single-button > div .p-tools form .btn { border-right-style: none; } @media (min-width: 768px) and (max-width: 991px) { .products-block .quantity { display: none; } } @media (min-width: 768px) { .products-block { margin-left: -10px; margin-right: -10px; } .products-block > div .p { margin-bottom: 0px; } .products-block > div .p .name { height: 52px; overflow: hidden; } .products-block > div .p .p-bottom.single-button .prices { bottom: 16px; left: 16px; position: absolute; } .products-block.big .p.big { align-items: flex-end; display: flex; flex-wrap: wrap; } .products-block.big .p.big > a::before { padding-top: 0px; } .products-block.big .p.big .image { width: 100%; } .products-block.big .p.big .name { font-size: 40px; height: auto; } .products-block.big .p.big .p-bottom { padding-bottom: 16px; } .products-block.big .p.big .p-bottom .prices { position: static; } } @media (min-width: 1440px) { .products-block .p .p-bottom .p-tools .btn.btn-cart { height: 73px; width: 73px; } .products-block .p .p-bottom .p-tools .btn.btn-cart::before { font-size: 40px; } .products-block .p .p-bottom .p-tools .btn.btn-primary { line-height: 46px; } .products-block .p.big .p-bottom { padding-bottom: 16px; width: 100%; } } @media (min-width: 321px) and (max-width: 767px) { .columns-mobile-2 .products-block > div .quantity { display: none; } .columns-mobile-2 .products-block > div .p { height: 100%; margin-bottom: 0px; } .columns-mobile-2 .products-block > div .p a img { margin-bottom: 0px; } .columns-mobile-2 .products-block > div .p .p-code { display: none; } .columns-mobile-2 .products-block > div .flags-extra { text-align: center; } .columns-mobile-2 .products-block > div .flags-extra .flag { border-radius: 0px; flex: 1 1 100%; flex-direction: row; float: none; height: auto; margin: 0px; min-width: 100%; padding: 3px; } .columns-mobile-2 .products-block > div .flags-extra .flag .icon-van { font-size: 14px; margin-left: 3px; margin-right: 5px; } .columns-mobile-2 .products-block > div .p-tools { align-items: center; display: flex; } .columns-mobile-2 .products-block > div .inner { display: flex; flex-wrap: wrap; } .columns-mobile-2 .products-block > div .inner .descr { align-self: flex-end; } } .p-detail-tabs-wrapper { border-top-style: solid; border-top-width: 1px; clear: both; margin-bottom: 22px; margin-top: 22px; padding-top: 22px; position: relative; } @media (min-width: 1200px) { .p-detail-tabs-wrapper { margin-top: 0px; } .wide .p-detail-tabs-wrapper { padding-left: 80px; padding-right: 80px; } } @media (min-width: 1440px) { .wide .p-detail-tabs-wrapper { border-top: 0px; padding-left: 200px; padding-right: 200px; } .wide .p-detail-tabs-wrapper::before { content: ""; display: block; height: 1px; line-height: 0; overflow: hidden; position: relative; top: -22px; } } .p-intro { text-align: center; } .p-intro, .p-intro .desc, .p-intro .h1 { margin-bottom: 36.6667px; } @media (min-width: 768px) { .narrow .p-intro { display: none; } .wide .p-intro .btn { display: inline-block; vertical-align: middle; } .wide .p-intro .p-final-price-wrapper { align-items: center; display: inline-flex; justify-content: center; width: 90%; } } .p-intro .p-final-price-wrapper > strong { display: inline-block; line-height: 60px; vertical-align: middle; } @media (min-width: 480px) { .p-intro .p-final-price-wrapper > strong { padding-right: 20px; } } .p-image-wrapper { position: relative; } @media (min-width: 1200px) { .wide .p-image-wrapper { margin-left: -80px; margin-right: -80px; } } @media (min-width: 1440px) { .wide .p-image-wrapper { margin-left: -200px; margin-right: -200px; } } .p-image-wrapper .flags-default { left: 0px; top: 0px; z-index: 1; } .image360 a, .p-image a { display: block; } .image360 a img, .p-image a img { display: block; margin: 0px auto; } @media (min-width: 768px) { .image360, .p-image { border-style: solid; border-width: 1px; margin-bottom: -1px; padding-bottom: 22px; } .wide .image360, .wide .p-image { border-left-style: none; border-right-style: none; border-top-style: none; min-height: 330px; } .wide .image360 img, .wide .p-image img { max-height: 768px; width: auto; } } @media (min-width: 1200px) { .wide .image360, .wide .p-image { min-height: 415px; } } @media (min-width: 1440px) { .wide .image360, .wide .p-image { border-bottom: 0px; } .wide .image360::after, .wide .p-image::after { content: ""; display: block; height: 1px; line-height: 0; margin: 0px auto; max-width: 270px; overflow: hidden; } } .p-final-price-wrapper { text-align: left; } .p-final-price-wrapper > strong { display: block; font-size: 32px; font-weight: 900; line-height: 1; } @media (min-width: 480px) and (max-width: 767px) { .p-final-price-wrapper { float: left; text-align: left; width: 50%; } .p-intro .p-final-price-wrapper { display: flex; float: none; justify-content: center; text-align: center; width: 100%; } .p-intro .p-final-price-wrapper .add-to-cart { width: auto; } } @media (min-width: 768px) { .p-final-price-wrapper { float: left; line-height: 60px; } .wide .p-final-price-wrapper { width: 40%; } } .p-intro .p-final-price-wrapper--express-checkout { column-gap: 20px; } .p-intro .p-final-price-wrapper--express-checkout .price-final { padding-right: 0px; white-space: nowrap; width: 100%; } @media (min-width: 992px) { .p-intro .p-final-price-wrapper--express-checkout .price-final { width: auto; } } @media (min-width: 480px) and (max-width: 991px) { .p-intro .p-final-price-wrapper--express-checkout { align-items: center; flex-direction: column; } } @media (min-width: 768px) { .p-intro .p-final-price-wrapper--express-checkout { width: 90%; } } .add-to-cart.add-to-cart--express-checkout-upper { flex-flow: column wrap; gap: 10px; padding-top: 6px; width: fit-content; } .p-intro .add-to-cart.add-to-cart--express-checkout-upper { display: inline-flex; } .add-to-cart.add-to-cart--express-checkout-upper .btn { width: 100%; } @media (min-width: 768px) { .add-to-cart.add-to-cart--express-checkout-upper .btn { width: auto; } .add-to-cart.add-to-cart--express-checkout-upper { flex-direction: row; } } @media (min-width: 992px) { .add-to-cart.add-to-cart--express-checkout-upper { padding-top: 0px; } } .wide .price.price--express-checkout { flex-flow: wrap; } .add-to-cart { align-items: center; display: flex; flex-wrap: wrap; font-size: 0px; padding-top: 6px; text-align: right; } .add-to-cart .btn { vertical-align: middle; } @media (min-width: 480px) and (max-width: 767px) { .add-to-cart { float: left; padding-top: 0px; width: 50%; } } @media (min-width: 768px) { .add-to-cart { float: left; padding-top: 0px; text-align: left; } } .add-to-cart--express-checkout { align-items: flex-start; flex-direction: column; } @media (min-width: 480px) and (max-width: 767px) { .add-to-cart--express-checkout { width: 100%; } } @media (min-width: 480px) { .add-to-cart--express-checkout { flex-flow: wrap; gap: 10px; } .wide .add-to-cart--express-checkout { width: 100%; } } @media (min-width: 768px) { .wide .add-to-cart--express-checkout { margin-top: 20px; } } .price--express-checkout .add-to-cart--express-checkout .quantity { border-style: solid; } .add-to-cart__quantity-label { font-size: 16px; font-weight: 700; text-transform: uppercase; } @media (min-width: 480px) { .add-to-cart__quantity-label { display: none; } } .add-to-cart__buttons-wrapper { display: grid; gap: 10px; grid-template-columns: 1fr; margin-top: 10px; width: 100%; } @media (min-width: 480px) { .add-to-cart__buttons-wrapper { gap: 10px; grid-template-columns: 1fr 1fr; margin-top: 0px; width: auto; } } .p-intro .add-to-cart { justify-content: center; text-align: center; } .p-intro .p-final-price-wrapper { text-align: center; } @media (min-width: 768px) { .p-intro .add-to-cart, .p-intro .p-final-price-wrapper { float: none; } .p-intro .add-to-cart { display: inline-block; text-align: center; } .p-detail-inner > .pr-action { padding-bottom: 22px; } } @media (min-width: 1200px) { .wide .p-detail-inner > .pr-action { padding-left: 80px; padding-right: 80px; } } @media (min-width: 1440px) { .wide .p-detail-inner > .pr-action { padding-left: 200px; padding-right: 200px; } } .p-details-bottom { clear: both; } .narrow .wide-visible { display: none; } @media (max-width: 767px) { .narrow .p-details-wrapper .wide-visible, .narrow .p-thumbnails-wrapper.wide-visible { display: block; } } @media (min-width: 1440px) { .narrow .p-detail form::after, .narrow .p-detail form::before { content: " "; display: table; } .narrow .p-detail form::after { clear: both; } .narrow .p-info-wrapper { float: left; padding-right: 20px; width: 33.3333%; } .narrow .p-image-wrapper { float: right; width: 66.6667%; } } .wide .narrow-visible { display: none; } @media (min-width: 768px) { .wide .p-detail { position: relative; transition: all 0.3s ease-out 0s; } .wide .p-detail .flags { left: 105px; top: 0px; } .wide .p-detail .p-switchable .flags { left: 0px; } } @media (min-width: 1200px) { .wide .p-details-bottom, .wide .p-info-wrapper { float: left; padding-top: 11px; width: 50%; } .wide .p-info-wrapper { padding-right: 20px; } .wide .p-details-bottom { clear: none; } } .p-details .narrow-visible, .p-details h1 { display: none; } .p-details select { width: 100%; } .p-details .price { clear: both; padding-top: 11px; text-align: right; } .p-details .price::after, .p-details .price::before { content: " "; display: table; } .p-details .price::after { clear: both; } @media (min-width: 768px) { .p-details .price { align-items: center; display: flex; text-align: left; } .narrow .p-details .narrow-visible, .narrow .p-details h1 { display: block; } .narrow .p-details .price { justify-content: center; } .narrow .p-details .price table.detail-parameters { text-align: right; } .narrow .p-details .price--express-checkout { flex-wrap: wrap; gap: 20px; justify-content: flex-start; } .narrow .p-details .price--express-checkout::before { display: none; } .narrow .p-details .price--express-checkout table.detail-parameters { text-align: left; } .narrow .p-details .add-to-cart, .narrow .p-details .p-final-price-wrapper { display: inline-block; float: none; vertical-align: middle; } .narrow .p-details .p-final-price-wrapper { text-align: right; } .narrow .p-details .add-to-cart { margin-left: 20px; } .narrow .p-details .add-to-cart .amount { text-align: right; } .narrow .p-details .add-to-cart--express-checkout { display: flex; gap: 10px; margin-left: 0px; } } @media (min-width: 1200px) { .narrow .p-details .price--express-checkout { justify-content: center; } } .p-share { margin-bottom: 22px; text-align: center; } @media (min-width: 768px) { .p-share { text-align: left; } } @media (min-width: 992px) { .wide-visible .p-share { text-align: right; } } @media (min-width: 768px) { .wide .p-share { margin-bottom: 0px; position: absolute; right: 0px; top: 0px; } .wide .p-share a { display: block; margin-bottom: 1px; } } .rating > div { padding-bottom: 22px; } ul.social-buttons { margin: 44px 0px 0px; padding: 0px; } ul.social-buttons li { display: inline-block; } .price-additional { display: block; } .price-standard { margin-right: 5px; } table.detail-parameters tbody tr td, table.detail-parameters tbody tr th { line-height: 1.444; padding-bottom: 14px; padding-top: 14px; } table.detail-parameters tbody tr td.prices, table.detail-parameters tbody tr th.prices { line-height: 1.2; padding-bottom: 0px; padding-top: 0px; } table.detail-parameters tbody tr td:has(:where(select, .no-display, .sizeID, .advanced-parameter)) { padding-bottom: 0px; padding-top: 0px; } table.detail-parameters tbody tr th { min-width: 190px; padding-right: 8px; text-transform: uppercase; width: 40%; } .one-column-body table.detail-parameters tbody tr th { min-width: 205px; } table.detail-parameters tbody tr th .shipping-options { font-weight: 400; text-transform: none; } @media (max-width: 767px) { table.detail-parameters tbody tr td, table.detail-parameters tbody tr th { display: block; padding-bottom: 3px; padding-top: 3px; width: auto; } table.detail-parameters tbody tr td { margin-bottom: 11px; } table.detail-parameters tbody tr td:has(:where(select, .no-display, .sizeID)) { padding-bottom: 0px; padding-top: 0px; } table.detail-parameters tbody tr td:has(:where(.no-display:only-child)) { margin-bottom: 0px; } } table.detail-parameters select { padding-bottom: 5px; padding-top: 5px; } table.detail-parameters a { text-decoration: none; } table.detail-parameters a:hover { text-decoration: underline; } @media (min-width: 992px) { table.detail-parameters { float: left; width: 50%; } table.detail-parameters.first td { padding-right: 10px; } .price table.detail-parameters { float: none; margin-bottom: 0px; width: 100%; } .wide table.detail-parameters { float: none; width: 100%; } } .price table.detail-parameters { font-size: 13px; } .availability-label { margin-left: -3px; padding-left: 3px; padding-right: 3px; } .availability-label[style] { color: rgb(255, 255, 255); } td .availability-label { padding-left: 0px; padding-right: 0px; } .availability-amount { white-space: nowrap; } .flags { left: -1px; position: absolute; top: -1px; } .p:hover .flag { opacity: 0; } .variant-table .quantity { display: none; } .cofidis-wrap { margin-bottom: 20px; text-align: center; } @media (min-width: 768px) { .cofidis-wrap { text-align: left; } .narrow .cofidis-wrap { margin-right: 20px; } } #hce-product-cert { display: flex; max-width: 100%; } .p-gifts-wrapper { padding-top: 11px; } .p-gifts-heading { font-weight: 700; line-height: 3; text-transform: uppercase; } .p-gift { align-items: center; display: flex; margin-bottom: 6px; } .p-gift:last-child { margin-bottom: 0px; } .p-gift-image { flex-shrink: 0; width: 76px; } .p-gift-name { margin-left: 20px; } .xyDiscount__banner { align-items: center; border-style: solid; border-width: 1px; display: flex; font-size: 16px; gap: 12px; margin-top: 22px; padding: 12px; width: fit-content; } @media (min-width: 768px) { .xyDiscount__banner { font-size: 16px; gap: 11px; padding: 11px; } } .xyDiscount__icon { align-self: flex-start; border-radius: 50%; padding: 6px; } .xyDiscount__icon::before { font-size: 20px; line-height: 1; } .xyDiscount__title { font-size: 18px; font-weight: 700; } .xyDiscount__description { line-height: 1.4; margin-top: 6px; } .xyDiscount__description p { margin-bottom: 6px; } .xyDiscount__description > :last-child { margin-bottom: 3px; } .xyDiscount__conditions { margin-top: 6px; } .xyDiscount__conditions a { text-decoration: underline; } .xyDiscount__conditions a:hover { text-decoration: none; } .id--16 #formSearchForm, .id--16 .header-bottom #navigation, .id--16 .navigation-buttons, .id--16 .navigation-buttons a[data-target="navigation"], .id--17 #formSearchForm, .id--17 .header-bottom #navigation, .id--17 .navigation-buttons, .id--17 .navigation-buttons a[data-target="navigation"] { display: none; } .id--16 .header-bottom, .id--17 .header-bottom { height: 0px; } .cart-emptied .cart-header { display: none; } @media (min-width: 768px) { .cart-emptied .cart-heading { margin-top: 0px; } } .ordering-process .content-wrapper { padding-bottom: 44px; padding-top: 0px; } .ordering-process .btn.btn-conversion, .ordering-process a.btn.btn-conversion { font-size: 20px; font-weight: 900; text-transform: none; } .cart-inner { display: flex; flex-flow: column; } @media (max-width: 991px) { .cart-inner { padding: 0px 20px 20px; } .cart-inner.cart-empty .cart-content { margin-bottom: 22px; } } .cart-inner .cart-table { order: 1; } .cart-inner .free-gift { order: 2; } .cart-inner .delivery-time { order: 3; } .cart-inner .summary { order: 4; } .cart-inner .next-step { order: 5; } ol.cart-header { display: flex; justify-content: center; list-style: none; padding: 0px; } @media (max-width: 991px) { ol.cart-header { margin-bottom: 33px; } } ol.cart-header li { display: block; padding: 0px 10px; position: relative; text-align: center; width: 25%; } @media (max-width: 991px) { ol.cart-header li { width: 33.3%; } } ol.cart-header li a::before, ol.cart-header li strong::before { align-items: center; border-radius: 50%; border-style: solid; border-width: 1px; content: counter(steps); counter-increment: steps 1; display: block; font-size: 16px; height: 40px; justify-content: center; line-height: 38px; margin: 0px auto 10px; position: relative; text-align: center; width: 40px; z-index: 2; } @media (max-width: 991px) { ol.cart-header li a::before, ol.cart-header li strong::before { margin: 0px auto 5px; } } ol.cart-header li a span::after, ol.cart-header li strong span::after { border-top-style: solid; border-top-width: 1px; content: ""; display: block; left: 50%; position: absolute; top: 20px; width: 100%; z-index: 1; } ol.cart-header li strong { font-weight: 400; } ol.cart-header li:last-child a span::after, ol.cart-header li:last-child strong span::after { display: none; } ol.cart-header .completed a span { text-decoration: underline; } ol.cart-header .completed a span::before { text-decoration: none; } .cart-table { margin: 0px; } .cart-table tr td.cart-p-image { padding-right: 15px; } .cart-table .p-name { padding-left: 0px; } .cart-table .p-name div { padding-top: 1ex; } .cart-table .p-name a:hover { text-decoration: underline; } .cart-table .p-label { display: none; } .cart-table .p-total { padding-right: 96px; } .cart-table .p-total .price-final { font-weight: 400; } .cart-table .p-quantity .quantity input { width: 50px; } .cart-table .show-related { font-size: inherit; } .cart-table .cart-related-availability { display: none; } .cart-table .cart-related-button { align-items: baseline; display: flex; justify-content: space-between; } .cart-table tr.related td { padding-bottom: 0px; padding-top: 0px; } .cart-table .p-price .price-final { font-weight: 400; } .cart-table .p-price .show-tooltip { border-bottom-style: none; } .cart-table td.p-availability strong { font-weight: 400; } .cart-table .inline.delete-cart-item, .cart-table .p-discount, .cart-table .product-table-name-footer { display: none; } .cart-table .unit-value { vertical-align: middle; } @media (max-width: 991px) { .cart-table tr > td { width: 33.3%; } .cart-table tr > td:nth-child(2n).p-quantity { text-align: left; } .cart-table tr > td:nth-child(2n+1).p-price { text-align: right; } .cart-table tr.cart-table-header { display: none; } .cart-table tr td.cart-p-image { order: 1; padding-right: 0px; } .cart-table tr > td.p-name { order: 2; padding-left: 15px; padding-right: 30px; position: relative; } .cart-table .p-availability { display: none; } .cart-table .inline.delete-cart-item { display: block; height: 30px; margin-top: -15px; position: absolute; right: 0px; top: 50%; } .cart-table .inline.delete-cart-item .remove-item::before { font-size: 20px; } .cart-table .product-table-name-footer { display: block; } .cart-table .p-quantity { order: 4; } .cart-table .p-price { order: 5; padding-bottom: 0px; } .cart-table .p-total { order: 6; padding-right: 0px; } .cart-table .p-total form { display: none; } .cart-table tr.removeable { align-items: center; justify-content: flex-end; } .cart-table tr.removeable .remove-item { margin-right: 0px; width: auto; } .cart-table tr.removeable.related-visible { border-bottom-style: none; } .cart-table tr:last-child { margin-bottom: 10px; padding-bottom: 10px; } .cart-table .show-related, .cart-table tr.related { display: none; } .cart-table .cart-related-product { align-items: flex-start; padding: 11px; } .cart-table .cart-related-product > div { width: 50%; } .cart-table .cart-related-product .cart-related-info { align-items: flex-start; display: flex; padding: 0px; } .cart-table .cart-related-product .cart-related-button { align-items: flex-end; flex-flow: column; } .cart-table .cart-related-product .cart-related-button .btn.btn-sm { height: auto; line-height: inherit; } .cart-table tr.free-gift-row .free-gift-name-cell { flex: 1 1 calc(100% - 76px); } .cart-table tr.free-gift-row .free-gift-cell-filler { order: 2; } .cart-table tr.free-gift-row .p-availability { display: block; order: 3; } } @media (max-width: 767px) { .cart-table tr { padding-left: 0px; padding-right: 0px; } .cart-table .p-discount, .cart-table .p-price, .cart-table .p-quantity, .cart-table tr > td.p-total { white-space: normal; } .cart-table .p-quantity .quantity input { width: 30px; } } .remove-item-placeholder, tr.removeable .remove-item { margin-right: -96px; width: 96px; } @media (min-width: 992px) { .remove-item-placeholder { display: inline-block; } } tr.removeable .remove-item { display: inline-block; visibility: visible; } @media (min-width: 992px) { tr.removeable .remove-item { visibility: visible; } } .cart-xyDiscount__banner { margin-right: 12px; } .cart-table .p-name .cart-xyDiscount__banner { padding-top: 12px; } .cart-table .p-name .cart-xyDiscount__banner div { padding-top: 0px; } .cart-table .cart-xyDiscount__conditions a:hover { text-decoration: none; } .cart-related-product { border-bottom-width: 0px; } .cart-related-product .cart-related-name { text-transform: none; } @media (min-width: 768px) { .cart-related-product .cart-related-name { padding-left: 15px; } } .free-gifts-wrapper .free-gift-trigger-holder, .free-product-gifts-wrapper .free-gift-trigger-holder { padding-top: 5px; } .free-gifts-wrapper .free-gift-trigger-holder .free-gift-trigger, .free-product-gifts-wrapper .free-gift-trigger-holder .free-gift-trigger { text-decoration: underline; } .free-gifts-wrapper .free-gift-trigger-holder .free-gift-trigger:hover, .free-product-gifts-wrapper .free-gift-trigger-holder .free-gift-trigger:hover { text-decoration: none; } .free-gifts-wrapper .free-gifts, .free-product-gifts-wrapper .free-gifts { margin: 0px 40px 0px 0px; } .free-gifts-wrapper .free-gifts-img > img, .free-product-gifts-wrapper .free-gifts-img > img { width: 76px; } .free-gifts-wrapper .free-gifts-img:hover .free-gifts-img-hover, .free-product-gifts-wrapper .free-gifts-img:hover .free-gifts-img-hover { display: none; } .free-gifts-wrapper .free-gift-label, .free-product-gifts-wrapper .free-gift-label { padding-left: 15px; } .free-gifts-wrapper .free-gift-label .free-gift-name, .free-product-gifts-wrapper .free-gift-label .free-gift-name { display: inline; } .free-gifts-wrapper label, .free-product-gifts-wrapper label { cursor: default; } .colorbox-html-content .free-gift-trigger-holder { display: none; } .cart-inner .delivery-time { margin: 22px 0px; } @media (max-width: 991px) { .cart-inner .delivery-time { margin: 11px 0px; } } .price-wrapper { justify-content: flex-end; padding-top: 22px; text-align: right; } .price-wrapper .price-label.price-primary, .price-wrapper .price.price-primary { flex: 1 1 100%; text-align: right; } .price-wrapper .price-secondary { flex: initial; text-align: right; } .price-wrapper .price.price-primary { padding: 11px 0px; } :where(body.ums_homepage_cart_checkout_headings--on) .cart-inner h2 { text-align: center; } :where(body.ums_homepage_cart_checkout_headings--off) .cart-inner h4 { text-align: center; } .discount-coupon { margin: 22px 96px; } .discount-coupon label { display: block; font-weight: 700; text-transform: none; } .discount-coupon .btn { display: block; font-size: 0px; line-height: 32px; padding-left: 20px; padding-right: 20px; width: 100%; } .discount-coupon .input-group .btn { line-height: 0; } .discount-coupon .btn.btn-arrow-right.btn-text::before { content: ""; font-size: medium; line-height: 32px; margin-right: 0px; } @media (max-width: 767px) { .discount-coupon { max-width: 480px; } } @media (min-width: 768px) { .discount-coupon { align-items: center; padding-bottom: 22px; } .discount-coupon label, .discount-coupon > div { display: block; } .discount-coupon label { padding-right: 0px; } .discount-coupon .btn, .discount-coupon .form-control { display: inline-block; vertical-align: top; width: auto; } .discount-coupon .form-control { max-width: 240px; } .discount-coupon .btn { margin-left: -0.5rem; } } @media (max-width: 991px) { .discount-coupon form { display: flex; } .discount-coupon form button { flex: 0 1 0%; } } .coupon-input { padding: 22px 0px; } .coupon-input .discount-coupon { float: none; margin: 0px; padding: 0px; } .toggle-coupon-input .discount-coupon { display: none; } @media (max-width: 767px) { .toggle-coupon-input .discount-coupon { display: block; } } .toggle-coupon-input .toggle-coupon-input-button { cursor: pointer; padding: 0px; text-decoration: underline; } .toggle-coupon-input .toggle-coupon-input-button:hover { text-decoration: none; } .toggle-coupon-input .toggle-coupon-input-button::after { content: ""; margin-left: 0.5em; } .toggle-coupon-input .toggle-coupon-input-button.discount-coupon-visible { margin-bottom: 1ex; } .toggle-coupon-input .toggle-coupon-input-button.discount-coupon-visible::after { content: ""; } @media (max-width: 767px) { .toggle-coupon-input .toggle-coupon-input-button { display: none; } } .discount-coupon .applied-coupon { align-items: center; display: flex; line-height: 40px; padding-top: 5px; } .applied-coupon strong { line-height: 1.6; } .applied-coupon fieldset, .applied-coupon form { display: flex; } .applied-coupon .btn { font-size: 20px; margin-left: 15px; padding-top: 0px; } .extra { padding-right: 20px; } .extra .price-range { margin-left: 30px; margin-top: 10px; } @media (max-width: 767px) { .extra .price-range { max-width: calc(100% - 30px); } } .extra .price-range::before { float: left; line-height: 16px; margin-left: -30px; margin-right: 6px; } .extra .price-range div { align-items: center; display: flex; justify-content: flex-end; } .extra.delivery .price-range::before { content: ""; font-size: 20px; } .extra.discount .price-range::before { content: ""; font-size: 16px; } .extra.gift .price-range::before { content: ""; font-size: 16px; } .extra.cofidis .price-range::before { content: ""; font-size: 16px; } .summary { margin: 0px 0px 22px; } .summary .extra { padding: 22px 0px; } @media (max-width: 991px) { .summary .extra { padding: 11px 0px; } } .summary .col-md-8 { padding-left: 0px; } .summary .col-md-4 { padding-right: 0px; } @media (max-width: 991px) { .summary { margin-left: 0px; margin-right: 0px; } } @media (max-width: 767px) { .summary .col-md-8 { padding-left: 20px; } .summary .col-md-4 { padding-right: 20px; } } .next-step .btn.btn-lg { line-height: 36px; padding: 10px 20px; } .next-step .next-step-back { font-size: 16px; } .next-step-finish { align-items: center; display: flex; flex-direction: column; } .order-button-text { font-size: 18px; font-weight: 400; text-transform: uppercase; vertical-align: middle; } .order-button-suffix { font-size: 14px; font-weight: 400; line-height: 14px; margin-top: -6px; padding-bottom: 11px; text-transform: none; } .next-step { align-items: stretch; display: flex; flex-direction: column-reverse; margin-bottom: 22px; text-align: center; } @media (min-width: 480px) and (max-width: 991px) { .next-step { align-items: center; flex-direction: row; justify-content: flex-end; } } @media (min-width: 1440px) { .next-step { align-items: center; flex-direction: row; justify-content: flex-end; } } .next-step { margin-top: 22px; } .id--16 .next-step-forward::after, .id--9 .next-step-forward::after { content: ""; margin-left: 1ex; margin-top: -1px; vertical-align: middle; } @media (min-width: 1440px) { #checkoutContent { margin-left: 8%; padding-right: 80px; width: 50%; } } #checkoutContent .form-group { margin-bottom: 10px; } #checkoutContent .form-control { max-width: none; width: 100%; } @media (min-width: 480px) { #checkoutContent .phone-combined-input { max-width: none; } } #checkoutContent .helper a { font-weight: 700; text-decoration: underline; } @media (max-width: 991px) { #select-country-payment .order-information { display: none; } } .ordering-process .co-box { padding: 0px; } .ordering-process .co-box h4 { line-height: 30px; margin: 44px 0px 22px; padding-left: 40px; position: relative; text-align: left; } .ordering-process .co-box h4::before { font-size: 30px; font-weight: 400; left: 0px; line-height: 30px; margin-top: -15px; position: absolute; top: 50%; } @media (max-width: 991px) { .ordering-process .co-box h4 { margin: 22px 0px; } } .ordering-process .co-box.co-basic-information h4 { margin-top: 0px; } .ordering-process .co-box.co-basic-information h4::before { content: ""; } .ordering-process .co-box.co-contact-information h4::before { content: ""; } .ordering-process .co-box.co-delivery-method h4::before { content: ""; } .ordering-process .co-box.co-payment-method h4 { margin-top: 66px; } .ordering-process .co-box.co-payment-method h4::before { content: ""; } @media (max-width: 991px) { .ordering-process .co-box.co-payment-method h4 { margin-top: 44px; } } .recapitulation-wrapper .ordering-process .co-box.co-payment-method h4 { padding-left: 0px; } .recapitulation-wrapper .ordering-process .co-box.co-payment-method h4::before { content: ""; } .ordering-process .co-box.co-billing-address h4::before, .ordering-process .co-box.co-shipping-address h4::before { content: ""; } .ordering-process .co-box.co-order h4::before { content: ""; } .recapitulation-wrapper .ordering-process .co-box.co-order h4 { padding-left: 0px; } .recapitulation-wrapper .ordering-process .co-box.co-order h4::before { content: ""; } .ordering-process .co-box .stay-in-touch h4 { margin: 22px 0px; padding-left: 0px; } .checkout-box { border-style: solid; border-width: 1px; margin: 0px 0px 22px; padding: 11px 20px; } @media (max-width: 991px) { .checkout-box { display: none; } } @media (min-width: 768px) and (max-width: 9999em) { .cart-inner .checkout-box .contact-box { padding: 0px 0px 0px 96px; } .cart-inner .checkout-box .contact-box.no-image { padding-left: 0px; } .cart-inner .checkout-box .contact-box > img { display: block; } } .checkout-box .toggle-contacts { border: none; font-weight: 700; padding: 0px; text-align: left; } .checkout-box .toggle-contacts::after { content: ""; display: inline-block; font-size: 16px; line-height: 30px; padding-left: 5px; } .checkout-box .toggle-contacts.expanded::after { content: ""; } .checkout-box .toggle-contacts br, .checkout-box .toggle-contacts span { display: none; } #company-info { margin-bottom: 0px; } label[for="phone"] { display: none; } .order-summary-inner { border-style: solid; border-width: 1px; margin: 0px; padding: 20px; } @media (max-width: 991px) { .order-summary-inner { border-width: 0px; margin-top: 44px; padding: 0px; } .id--17 .order-summary-inner { border-width: 1px 0px 0px; } .id--17 .order-summary-inner h4 { display: none; } } :where(body.ums_homepage_cart_checkout_headings--on) .order-summary h2 { margin: 0px; padding: 11px 0px; text-align: left; } :where(body.ums_homepage_cart_checkout_headings--on) .order-summary-item { border-style: solid; border-width: 1px 0px 0px; display: flex; flex-wrap: wrap; line-height: 1.4; padding: 22px 0px; width: 100%; } :where(body.ums_homepage_cart_checkout_headings--on) .order-summary-item > div { flex: 1 1 0%; } :where(body.ums_homepage_cart_checkout_headings--on) .order-summary-item > div:not(.price-wrapper) { align-self: center; } :where(body.ums_homepage_cart_checkout_headings--on) .order-summary-item > div:not(.price-wrapper):last-child { flex: 0 0 100px; text-align: right; } :where(body.ums_homepage_cart_checkout_headings--on) .order-summary-item:not(.helper) strong { font-weight: 400; } h2 + :where(body.ums_homepage_cart_checkout_headings--on) .order-summary-item { border: 0px; } :where(body.ums_homepage_cart_checkout_headings--on) .order-summary-item.total { font-weight: 700; } :where(body.ums_homepage_cart_checkout_headings--on) .order-summary-item.price { border: 0px; margin-top: 0px; padding-bottom: 0px; padding-top: 0px; } :where(body.ums_homepage_cart_checkout_headings--on) .order-summary-item.price + .order-summary-item { margin-top: -11px; } :where(body.ums_homepage_cart_checkout_headings--on) .order-summary-item.helper { font-weight: 700; padding: 22px 0px; } :where(body.ums_homepage_cart_checkout_headings--on) .order-summary-item.gift-items .free-gift-price, :where(body.ums_homepage_cart_checkout_headings--on) .order-summary-item.gift-items br { display: none; } :where(body.ums_homepage_cart_checkout_headings--on) .order-summary-item .cart-item-amount { flex: 0 0 60px; text-align: center; } :where(body.ums_homepage_cart_checkout_headings--on) .order-summary-item .cart-item-price { flex: 0 0 80px; text-align: right; } :where(body.ums_homepage_cart_checkout_headings--on) .order-summary-item .cart-item-name a:hover { text-decoration: underline; } :where(body.ums_homepage_cart_checkout_headings--off) .order-summary h4 { margin: 0px; padding: 11px 0px; text-align: left; } :where(body.ums_homepage_cart_checkout_headings--off) .order-summary-item { border-style: solid; border-width: 1px 0px 0px; display: flex; flex-wrap: wrap; line-height: 1.4; padding: 22px 0px; width: 100%; } :where(body.ums_homepage_cart_checkout_headings--off) .order-summary-item > div { flex: 1 1 0%; } :where(body.ums_homepage_cart_checkout_headings--off) .order-summary-item > div:not(.price-wrapper) { align-self: center; } :where(body.ums_homepage_cart_checkout_headings--off) .order-summary-item > div:not(.price-wrapper):last-child { flex: 0 0 100px; text-align: right; } :where(body.ums_homepage_cart_checkout_headings--off) .order-summary-item:not(.helper) strong { font-weight: 400; } h4 + :where(body.ums_homepage_cart_checkout_headings--off) .order-summary-item { border: 0px; } :where(body.ums_homepage_cart_checkout_headings--off) .order-summary-item.total { font-weight: 700; } :where(body.ums_homepage_cart_checkout_headings--off) .order-summary-item.price { border: 0px; margin-top: 0px; padding-bottom: 0px; padding-top: 0px; } :where(body.ums_homepage_cart_checkout_headings--off) .order-summary-item.price + .order-summary-item { margin-top: -11px; } :where(body.ums_homepage_cart_checkout_headings--off) .order-summary-item.helper { font-weight: 700; padding: 22px 0px; } :where(body.ums_homepage_cart_checkout_headings--off) .order-summary-item.gift-items .free-gift-price, :where(body.ums_homepage_cart_checkout_headings--off) .order-summary-item.gift-items br { display: none; } :where(body.ums_homepage_cart_checkout_headings--off) .order-summary-item .cart-item-amount { flex: 0 0 60px; text-align: center; } :where(body.ums_homepage_cart_checkout_headings--off) .order-summary-item .cart-item-price { flex: 0 0 80px; text-align: right; } :where(body.ums_homepage_cart_checkout_headings--off) .order-summary-item .cart-item-name a:hover { text-decoration: underline; } .preauthorization-box { margin: 22px -20px -20px; padding: 20px; } @media (max-width: 991px) { .preauthorization-box { margin-bottom: 0px; } } .order-recapitulation { border-style: solid; border-width: 1px 0px 0px; margin: 0px; } @media (max-width: 991px) { .order-recapitulation { margin: 0px; } } .recapitulation-single { border-style: solid; border-width: 0px 0px 1px; display: flex; flex-wrap: wrap; justify-content: space-between; line-height: 1.4; padding: 22px 0px; width: 100%; } .recapitulation-single > span { display: none; } .recapitulation-single > strong { display: flex; flex-flow: row-reverse; font-weight: 400; justify-content: space-between; text-align: left; width: 100%; } .recapitulation-single > strong span { text-align: left; } .recapitulation-shipping-billing-info--withVat { flex-basis: 100%; font-size: smaller; font-weight: 400; line-height: 2; order: 1; text-align: right; } .shipping-billing-table .radio-wrapper { border-style: solid; border-width: 1px; padding-bottom: 10px; padding-top: 10px; } .desktop .shipping-billing-table .radio-wrapper:hover { border-style: solid; border-width: 1px; box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 10px; } @media (max-width: 991px) { .shipping-billing-table .radio-wrapper:last-child { border: 0px; } } .shipping-billing-table .radio-wrapper input[type="radio"] + label { padding-left: 30px; } .cart-content > .helper { padding: 22px 40px; } @media (max-width: 991px) { .cart-content > .helper { padding: 22px 20px; } } #note { margin-bottom: 11px; } .consents.consents-first { margin-top: 22px; } .consents a { font-weight: 700; text-decoration: underline; } .id--15 .cart-header { display: none; } @media (min-width: 1440px) { .id--15 .content-inner { margin-left: 8%; margin-right: 8%; margin-top: 44px; } } @media (max-width: 991px) { .id--15 .content-inner { padding: 20px; } } .id--15 .co-box.co-payment-method .order-payment { margin-top: 22px; } .reca-number { display: none; } .recapitulation-wrapper { padding-left: 0px; } .recapitulation-wrapper h4 { font-size: 200%; } .recapitulation-wrapper table.table tbody > tr > th { padding-left: 0px; position: relative; width: 35%; } .recapitulation-wrapper table.table tbody > tr > th .row-header-label { display: inline-block; padding-right: 5px; position: relative; z-index: 2; } .recapitulation-wrapper table.table tbody > tr > th::after { border-top-style: solid; border-top-width: 1px; content: ""; height: 1px; left: 0px; position: absolute; right: 0px; top: 50%; z-index: 1; } .recapitulation-wrapper .cart-table .p-total { padding-right: 0px; } .col-sm-12 .recapitulation-table.table { width: 50%; } @media (max-width: 991px) { .col-sm-12 .recapitulation-table.table { width: 100%; } } .recapitulation-table th { font-weight: 400; } .recapitulation-table-payment { align-items: flex-start; display: flex; justify-content: left; } @media (max-width: 991px) { .recapitulation-table-payment { flex-wrap: wrap; } } .qrcode { border: 0px; margin-top: -20px; } @media (max-width: 991px) { .qrcode { margin: 0px auto; } } .recapitulation-wrapper { margin: 44px 0px; text-align: center; } .recapitulation-wrapper table { text-align: left; } .order-summary-item.summary-thx, .order-summary-item.total { border: 0px; display: inline; font-weight: 400; padding: 0px; } .order-complete-links { margin: 22px 0px; } .order-complete-links a.btn { padding-left: 40px; padding-right: 40px; } @media (min-width: 768px) { .cart-related-info { width: 60%; } } .search { text-align: center; } .footer .search, .sidebar .search { text-align: left; } .recommended-products { font-size: 16px; line-height: 1.1; } .recommended-products .browse, .recommended-products .indicator, .recommended-products .row > div { display: none; } .recommended-products .row > div.active { display: block; } .recommended-products a.recommended-product { display: block; text-decoration: none; } .recommended-products a.recommended-product img { display: block; margin: 0px auto 22px; } .recommended-products a.recommended-product strong { display: block; } .recommended-products a.recommended-product strong.name { font-weight: 300; margin-bottom: 11px; text-transform: uppercase; } .recommended-products a.recommended-product strong.price { font-weight: 900; } .recommended-products a.recommended-product .original-price { font-size: 14px; } .recommended-products a.recommended-product .original-price span { text-decoration: line-through; } @media (min-width: 768px) { .recommended-products { padding-left: 90px; padding-right: 90px; position: relative; } .recommended-products .browse, .recommended-products .indicator { display: block; } .recommended-products .browse.inactive, .recommended-products .indicator.inactive { display: none; } .recommended-products .browse { border-radius: 50%; border-style: solid; border-width: 1px; display: block; height: 46px; margin-top: -23px; position: absolute; text-decoration: none; top: 50%; width: 46px; } .recommended-products .browse::before { font-size: 36px; line-height: 46px; } .recommended-products .browse.next { right: 0px; } .recommended-products .browse.next::before { content: ""; } .recommended-products .browse.prev { left: 0px; } .recommended-products .browse.prev::before { content: ""; } .recommended-products .row { display: none; } .recommended-products .row.active, .recommended-products .row > div { display: block; } .recommended-products a.recommended-product { text-align: left; } } .indicator { height: 1px; margin: 0px auto 22px; width: 120px; } .indicator > div { height: 1px; transition: margin 0.3s ease-out 0s; width: 33.3333%; } .indicator.indicator-1 > div { margin-left: 33.3333%; } .indicator.indicator-2 > div { margin-left: 66.6667%; } .search-widget-try-button { width: 100%; } :where(.ums_discussion_rating_forms--off) .btn, :where(.ums_discussion_rating_forms--off) .btn.btn-conversion, :where(.ums_discussion_rating_forms--off) a.btn, :where(.ums_discussion_rating_forms--off) a.btn.btn-conversion { font-weight: 900; text-transform: none; } .advancedOrder__buttons .next-step-back { font-weight: 600; } .next-step .next-step-back { font-weight: 400; } input[type="checkbox"] + label::after, input[type="checkbox"] + label::before { border-radius: 5px; } input[type="checkbox"]:checked + label::after { align-items: center; border-width: 0px; content: ""; display: flex; font-size: 10px; justify-content: center; } .category-perex ul, .category__secondDescription ul, .p-short-description ul, .tab-content ul, .welcome-wrapper ul, article ul { list-style-type: none; } .category-perex ul li::before, .category__secondDescription ul li::before, .p-short-description ul li::before, .tab-content ul li::before, .welcome-wrapper ul li::before, article ul li::before { content: ""; font-size: 14px; margin: -2px 4px 0px -18px; } .category-perex ul[style*=" list-style-type"] li::before, .category-perex ul[style^="list-style-type"] li::before, .category__secondDescription ul[style*=" list-style-type"] li::before, .category__secondDescription ul[style^="list-style-type"] li::before, .p-short-description ul[style*=" list-style-type"] li::before, .p-short-description ul[style^="list-style-type"] li::before, .tab-content ul[style*=" list-style-type"] li::before, .tab-content ul[style^="list-style-type"] li::before, .welcome-wrapper ul[style*=" list-style-type"] li::before, .welcome-wrapper ul[style^="list-style-type"] li::before, article ul[style*=" list-style-type"] li::before, article ul[style^="list-style-type"] li::before { display: none; } @media (max-width: 767px) { .overall-wrapper { padding-top: 50px; } } @media (min-width: 480px) and (max-width: 767px) { .overall-wrapper { padding-top: 80px; } } .top-navigation-bar { font-size: 14px; } #header .container { min-height: 50px; position: relative; } #header .header-top { align-items: center; padding: 0px; } @media (min-width: 768px) { #header .header-top { padding: 15px 0px; } } @media (max-width: 767px) { #header .header-top .container { padding-left: 0px; padding-right: 0px; } } #header .header-top a.cart-count { padding-bottom: 0px; padding-top: 0px; } @media (min-width: 768px) { #header .header-top a.cart-count { padding: 0px; width: auto; } } @media (max-width: 767px) { #header .header-top a.cart-count i { bottom: 10px; left: auto; right: 10px; } } #header .site-name a.text-logo .header__title { -webkit-line-clamp: 2; } #header .site-name a.text-logo .motto { -webkit-line-clamp: 2; line-height: 1.3; margin-top: 0.4em; } @media (max-width: 767px) { #header .site-name a.text-logo .motto { -webkit-line-clamp: 1; } } #header .site-name a.text-logo .header__title:only-child { -webkit-line-clamp: 3; } @media (max-width: 767px) { #header .site-name a.text-logo .header__title:only-child { -webkit-line-clamp: 2; } } #header .site-name:has(.text-logo) { max-width: calc(100% - 165px); } @media (min-width: 480px) { #header .site-name:has(.text-logo) { max-width: 450px; } } @media (min-width: 768px) { #header .site-name:has(.text-logo) { max-width: none; } } #header .header-bottom { border-style: solid; border-width: 1px 0px 0px; position: relative; } #header .navigation-buttons { flex-grow: 0; margin-left: auto; } #header .navigation-buttons a { margin-left: 0px; } @media (min-width: 480px) and (max-width: 767px) { #header .navigation-buttons a { height: 80px; width: 80px; } #header .navigation-buttons a::before { font-size: 30px; line-height: 80px; } } @media (max-width: 480px) { #header .navigation-buttons a { height: 50px; width: 50px; } #header .navigation-buttons a::before { line-height: 50px; } } @media (min-width: 768px) { #header .navigation-buttons a { height: 50px; line-height: 50px; margin-left: 40px; width: auto; } #header .navigation-buttons a[data-target="login"] { display: none; } #header .navigation-buttons a[data-target="cart"] { align-items: center; display: flex; } #header .navigation-buttons a[data-target="cart"]::before { font-size: 26px; margin-right: 10px; } #header .navigation-buttons a[data-target="cart"] i { left: 10px; } } @media (max-width: 767px) { #header { box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 2px; left: 0px; position: fixed; top: 0px; transition: transform 0.15s ease 0s; width: 100%; z-index: 56; } #header .header-bottom { border-top-width: 0px; } .scrolled-down body:not(.ordering-process):not(.search-window-visible) #header { transform: translateY(-100%); } #header .header-bottom-wrapper { min-height: 0px; } #header .search { display: none; } .search-window-visible #header .search { display: block; order: 3; width: 100%; } #header .searchWhisperer { max-height: calc(var(--vh, 1vh)*100 - 98px); overflow-y: auto; overscroll-behavior: contain; } .search-focused #header { z-index: 1002; } } @media (min-width: 480px) and (max-width: 767px) { #header .searchWhisperer { max-height: calc(var(--vh, 1vh)*100 - 128px); } } @media (min-width: 768px) { #header .header-top-wrapper .site-name, #header .header-top-wrapper > div { flex: 0 1 33.3333%; } #header .site-name a { display: inline-block; } #header .site-name:has(.text-logo) { max-width: none; min-width: auto; } } @media (min-width: 1200px) { #header .search { padding-left: 40px; padding-right: 40px; } } #navigation { padding-top: 0px; } @media (max-width: 767px) { #navigation { border-top-style: solid; border-top-width: 1px; top: 50px; } } @media (min-width: 480px) and (max-width: 767px) { #navigation { top: 80px; } .navigation-window-visible #navigation { width: 100%; } } @media (min-width: 768px) { #navigation .menu-level-2 { border-top-style: solid; border-top-width: 1px; padding-bottom: 20px; } #navigation .menu-level-2 > li { padding-top: 20px; } #navigation .menu-level-2 > li > div { row-gap: 10px; } #navigation .menu-level-2 > li > div > a { padding-bottom: 2px; } #navigation .menu-level-3 { font-size: 16px; } #navigation .has-more-items { position: relative; } #navigation .has-more-items .more-items-trigger { bottom: -0.05em; cursor: pointer; font-size: small; height: 22px; position: absolute; right: 0px; text-align: center; width: 32px; } #navigation .has-more-items .more-items-trigger::before { content: "…"; line-height: 1.6; } #navigation .has-more-items .more-items-trigger::after { background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0px, rgb(255, 255, 255)); background-repeat: repeat-x; content: ""; height: 21px; left: -16px; position: absolute; top: 0px; width: 16px; } } @media (min-width: 768px) { #navigation .has-more-items:focus-within .more-items-trigger { display: none; } } #navigation .menu-no-image { padding: 0px 20px; } #navigation .navigation-in ul li:hover > a > b, #navigation .navigation-in ul li:hover > a > span, #navigation .navigation-in ul li:hover > div > a > span { border-width: 0px; text-decoration: underline 2px; text-underline-offset: 4px; } @media (min-width: 768px) { #navigation .navigation-in ul li.menu-level-1 > li:first-child > a { padding-left: 0px; } #navigation .navigation-in ul li.ext.exp > ul { border-bottom-width: 0px; } } @media (max-width: 767px) { #navigation .navigation-in ul li > a > b { border-width: 0px; text-decoration: underline 2px; text-underline-offset: 4px; } #navigation .menu-level-1 > li > a, #navigation .navigationActions > li > a { padding-right: 50px; position: relative; } #navigation .menu-level-1 > li > a .submenu-arrow, #navigation .navigationActions > li > a .submenu-arrow { display: block; height: 50px; line-height: 50px; padding: 0px; position: absolute; right: 0px; text-align: center; top: 0px; transform: translate(0px); width: 50px; } .navigation-in { height: calc(100% - 40px); } } @media (min-width: 480px) and (max-width: 767px) { .navigation-in { height: calc(100% - 60px); } } .navigation-close { display: none; } .navigation-buttons { position: static; } .navigation-window-visible .navigation-buttons a[data-target="navigation"]::before { content: ""; font-size: 14px; } body.ordering-process .navigation-buttons a[data-target="search"] { display: block; } @media (min-width: 768px) { .navigation-buttons a[data-target="search"], body.ordering-process .navigation-buttons a[data-target="search"] { display: none; } } .search-button { display: none; } .search-form { position: relative; transition: color 0.3s ease 0s; } .search-input { padding-left: 50px; } #header .search-input:focus, #header .search-input:hover, .search-focused #header .search-input, .search-window-visible #header .search-input { box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 4px; } @media (min-width: 768px) { #header .search-input:focus, #header .search-input:hover, .search-focused #header .search-input, .search-window-visible #header .search-input { box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 10px; } } .search-input-icon:hover ~ .search-input { box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 4px; } @media (min-width: 768px) { .search-input-icon:hover ~ .search-input { box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 10px; } } .search-input-icon { align-items: center; cursor: text; display: flex; height: 40px; justify-content: center; left: 25px; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 40px; } @media (min-width: 768px) { .search-input-icon { font-size: 26px; } } .search-input-icon::before { content: ""; } .search-focused .search-input-icon, .search-window-visible .search-input-icon { cursor: pointer; } .search-focused .search-input-icon::before, .search-window-visible .search-input-icon::before { content: ""; font-size: 20px; } .search-input-icon.compact-form::before { display: none; } .search-focused .search-form { z-index: 1003; } .search-focused::before { z-index: 1002; } .search-focused::before, body::before { inset: 0px; content: ""; position: fixed; } body::before { opacity: 0; transition: all 0.2s ease 0s; z-index: -1; } @media (min-width: 768px) { body.navigation-hovered #navigation, body.navigation-hovered .menu-helper { z-index: 1003; } body.navigation-hovered::before { opacity: 1; z-index: 1002; } } body.search-focused::before { opacity: 1; } .searchWhisperer { box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 4px; } @media (min-width: 768px) { .searchWhisperer { box-shadow: none; margin-left: 5%; width: 90%; } } @media (min-width: 992px) { .searchWhisperer { margin-left: 3%; width: 94%; } } @media (min-width: 1200px) { .searchWhisperer { margin-left: 11.5%; width: 77%; } } @media (min-width: 1440px) { .searchWhisperer { margin-left: 15%; width: 70%; } } .content { min-width: 0px; } @media (min-width: 768px) { .sidebar-left + .content { padding-left: 20px; } } .content-wrapper { padding-top: 10px; } @media (min-width: 768px) { .content-wrapper { padding-top: 0px; } } #content { line-height: 1.7; } @media (min-width: 768px) { #content { padding-top: 20px; } #content h1 { margin-top: 0px; } } #content p { margin: 0px 0px 22px; } select { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='45' height='20' fill='none' viewBox='0 0 45 20'%3E%3Cpath fill='%23000' d='M30.936 5.3 23 12.105 15.064 5.3a1.25 1.25 0 0 0-1.629 1.897l.002.001 8.75 7.5a1.245 1.245 0 0 0 1.629-.001l-.002.001 8.75-7.5a1.25 1.25 0 1 0-1.629-1.897z'/%3E%3C/svg%3E"); } @media (min-width: 768px) { .itemsTotal { display: none; } } @media (min-width: 321px) and (max-width: 767px) { .columns-mobile-2 .products-block > div { margin-bottom: 20px; width: 50%; } .columns-mobile-2 .products-block > div:nth-child(2n) { padding-left: 5px; } .columns-mobile-2 .products-block > div:nth-child(2n+1) { padding-right: 5px; } .columns-mobile-2 .products-block .p .name { display: -webkit-box; height: 44px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } } @media (min-width: 768px) { .desktop .banners-row { clear: both; margin-top: -20px; } } .banners-row [class*="col-"] { padding-left: 0px; padding-right: 0px; } .banners-row .banner-wrapper { margin-top: 0px; } .banners-row .carousel { margin-bottom: 0px; } .banners-row .wide-carousel .carousel { margin-top: 0px; } @media (min-width: 768px) { .wide .banners-row .wide-carousel .carousel { margin-top: 0px; } } .extended-banner-link, .extended-banner-text, .extended-banner-title { background-color: transparent; border: none; box-shadow: none; } .next-to-carousel-banners .extended-banner-link, .next-to-carousel-banners .extended-banner-text, .next-to-carousel-banners .extended-banner-title { left: auto; right: 0px; } .extended-banner-title { padding: 40px; } .extended-banner-text { font-size: 34px; font-weight: 700; max-width: 100%; padding: 40px; } .next-to-carousel-banners .extended-banner-text { text-align: right; } .extended-banner-link { height: auto; left: 0px; margin-top: 0px; padding: 0px 40px; right: auto; } .carousel .extended-banner-link { margin-top: 44px; } .carousel-control { height: 44px; top: calc(50% - 22px); width: 44px; } .carousel-control::before { margin: 0px; top: 0px; } .carousel-control.left { left: 40px; } .carousel-control.left::before { left: 0px; } .carousel-control.right { right: 40px; } .carousel-control.right::before { right: 0px; } .homepage-group-title { font-size: 34px; margin-bottom: 44px; margin-top: 66px; text-align: center; } .homepage-group-title:first-child { margin-top: 0px; } .blog-wrapper .homepage-group-title { margin-top: 66px; } .welcome-wrapper { margin-bottom: 44px; margin-top: 44px; padding-bottom: 44px; padding-top: 44px; } :where(body.ums_homepage_cart_checkout_headings--on) .welcome-wrapper .welcome .h1 { margin-bottom: 0.67em; } .footer-banners { margin-top: 44px; } .homepage-blog-wrapper { margin-top: -44px; padding-bottom: 44px; padding-top: 0px; } @media (min-width: 768px) { .homepage-blog-wrapper { margin-left: -20px; margin-right: -20px; } } @media (min-width: 1200px) { .homepage-blog-wrapper .news-item { flex-basis: 50%; width: 50%; } } .homepage-blog-wrapper .news-item .title { font-weight: 700; line-height: 1.1; } :where(.ums_discussion_rating_forms--off) .ratings-and-brand { display: flex; flex-flow: column; } :where(.ums_discussion_rating_forms--off) .ratings-and-brand .stars a { padding-right: 5px; } :where(.ums_discussion_rating_forms--off) .ratings-and-brand a { text-decoration: underline; } @media (min-width: 1200px) { :where(.ums_discussion_rating_forms--off) .narrow .ratings-and-brand { flex-flow: row; } :where(.ums_discussion_rating_forms--off) .narrow .ratings-and-brand .stars-wrapper { margin: 0px; } :where(.ums_discussion_rating_forms--off) .narrow .ratings-and-brand .stars-wrapper + .brand-wrapper { margin-left: 20px; } } @media (min-width: 992px) { :where(.ums_discussion_rating_forms--off) .wide .ratings-and-brand { flex-flow: row; } :where(.ums_discussion_rating_forms--off) .wide .ratings-and-brand .stars-wrapper { margin: 0px; } :where(.ums_discussion_rating_forms--off) .wide .ratings-and-brand .stars-wrapper + .brand-wrapper { margin-left: 20px; } } :where(.ums_discussion_rating_forms--on) .ratings-and-brand { display: flex; flex-wrap: wrap; gap: 4px 16px; } :where(.ums_discussion_rating_forms--on) .ratings-and-brand .stars-wrapper { margin: 0px; } :where(.ums_discussion_rating_forms--on) .ratings-and-brand .stars-link, :where(.ums_discussion_rating_forms--on) :where(.shipping-options-layout .shipping-options-row) .shipping-options { color: var(--colors-foregrounds-content-primary); text-decoration: underline; } :where(.ums_discussion_rating_forms--on) .ratings-and-brand .stars-link:focus-visible, :where(.ums_discussion_rating_forms--on) .ratings-and-brand .stars-link:hover, :where(.ums_discussion_rating_forms--on) :where(.shipping-options-layout .shipping-options-row) .shipping-options:focus-visible, :where(.ums_discussion_rating_forms--on) :where(.shipping-options-layout .shipping-options-row) .shipping-options:hover { color: var(--color-primary-hover); } :where(.ums_discussion_rating_forms--on) .brand-wrapper-manufacturer-name a { text-decoration: underline; } :where(.ums_discussion_rating_forms--on) .starsLabel--productDetail { gap: 8px 4px; margin-right: 8px; } :where(.ums_discussion_rating_forms--on) .rateAverage__link { display: flex; } :where(.ums_discussion_rating_forms--on) .rate-wrapper-in-description .rate-average-inner .rateAverage__link .stars { margin-top: 0px; } .products-top.products-inline .p { height: 100%; } @media (min-width: 1200px) { .products-top.products-inline > div { width: 25%; } } .toggle-top-products { align-items: center; font-weight: 400; } .toggle-top-products.chevron-down-after::after { margin-top: 0.4em; } .container-narrow { max-width: 100%; } @media (min-width: 992px) { .container-narrow { margin: 0px auto; width: 1178px; } } @media (min-width: 768px) { .aside-indented .breadcrumbs, .aside-indented .category-top { margin-left: auto; margin-right: auto; max-width: 1178px; } } .category-header { align-items: center; column-gap: 16px; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 22px; } .listSorting { display: block; width: 100%; } @media (min-width: 768px) { .listSorting { width: auto; } } .sortingToggle { border: 1px solid var(--color-secondary); border-radius: 0px; font-size: 16px; font-weight: 700; line-height: 1.375; padding: 15px 32px; position: relative; width: 100%; } .sortingToggle .icon-chevron-down, .sortingToggle .icon-sort { position: absolute; } .sortingToggle .icon-sort { left: 11px; margin-top: 2px; } @media (min-width: 768px) { .sortingToggle .icon-sort { left: 0px; } } .sortingToggle .icon-chevron-down { right: 10px; } @media (min-width: 768px) { .sortingToggle { border-color: transparent; font-weight: 400; padding-left: 21px; } } .listSorting__controls { padding: 8px; } .listSorting__controls--dropdown { border-top-width: 0px; } @media (min-width: 768px) { .listSorting__controls--dropdown { border-top-width: 1px; position: absolute; right: 0px; } } .listSorting__control { display: block; line-height: 1.5; padding: 4px 16px; } .listSorting__control--current { font-weight: 700; } .category-header-pagination { display: none; } @media (min-width: 768px) { .category-header-pagination { display: block; } } .subcategories.with-image .divider { padding: 0px; } .filters-wrapper .filters-unveil-button-wrapper .unveil-button { font-weight: 700; text-align: left; } .filters-wrapper .filters-unveil-button-wrapper .unveil-button::before { content: ""; margin-right: 5px; } .filters-wrapper .filters-unveil-button-wrapper .unveil-button::after { content: ""; float: right; line-height: inherit; margin-left: 5px; } .filters-visible .filters-wrapper .filters-unveil-button-wrapper .unveil-button::after { content: ""; float: right; line-height: inherit; } .mobile .filters-wrapper .filters-unveil-button-wrapper .unveil-button { padding: 11px; } @media (max-width: 767px) { .filters-wrapper .filters-unveil-button-wrapper .unveil-button { padding: 11px; } } .p-detail-inner-header-mobile, .p-detail-inner-header-mobile .h1 { padding-bottom: 11px; } @media (min-width: 1200px) { .narrow .p-detail-inner-header-mobile { display: none; } } @media (min-width: 992px) { .wide .p-detail-inner-header-mobile { display: none; } } .p-detail-inner { place-content: flex-start center; align-items: stretch; clear: both; display: flex; flex-flow: column; } @media (min-width: 992px) { .wide .p-detail-inner { flex-direction: row; } } @media (min-width: 1200px) { .p-detail-inner { flex-direction: row; } } .p-detail-inner h1 { margin-bottom: 5px; } .p-detail-inner .p-detail-inner-header { display: none; } @media (min-width: 1200px) { .narrow .p-detail-inner .p-detail-inner-header { display: block; } } @media (min-width: 992px) { .wide .p-detail-inner .p-detail-inner-header { display: block; } } .p-detail-inner .p-data-wrapper, .p-detail-inner .p-image-wrapper { align-self: auto; flex: 1 1 auto; padding-top: 0px; width: 100%; } .p-detail-inner .p-image-wrapper { margin-top: 0px; order: 1; } .wide .p-detail-inner .p-image-wrapper { margin-left: 0px; margin-right: 0px; } @media (min-width: 992px) { .wide .p-detail-inner .p-image-wrapper { padding-right: 40px; width: 50%; } } @media (min-width: 1200px) { .p-detail-inner .p-image-wrapper { padding-right: 40px; width: 50%; } } .p-detail-inner .p-data-wrapper { order: 2; } @media (min-width: 992px) { .wide .p-detail-inner .p-data-wrapper { width: 50%; } } @media (min-width: 1200px) { .p-detail-inner .p-data-wrapper { width: 50%; } } .p-detail-inner .detail-parameters, .p-detail-inner .p-detail-inner-header, .p-detail-inner .p-short-description { margin: 0px 0px 22px; } .p-detail-inner .p-gifts-heading { text-transform: none; } .xyDiscount__banner { gap: 11px; padding: 11px; } #content .xyDiscount__description p { margin-bottom: 6px; } #content .xyDiscount__description > :last-child { margin-bottom: 3px; } @media (max-width: 767px) { .surcharge-list select, .variant-list select { max-width: 100%; width: 100%; } } table.detail-parameters { float: none; margin-top: 22px; width: 100%; } table.detail-parameters tbody tr td, table.detail-parameters tbody tr th { line-height: 1.5; padding-bottom: 5px; padding-top: 0px; } table.detail-parameters tbody tr th { font-weight: 400; min-width: 180px; padding-right: 20px; position: relative; text-align: left; text-transform: none; } table.detail-parameters tbody tr th .row-header-label { align-items: center; display: inline-flex; padding-right: 10px; position: relative; z-index: 2; } table.detail-parameters tbody tr th .row-header-label .row-header-label-colon { display: none; } table.detail-parameters tbody tr th .row-header-label .question-tooltip { margin-left: 5px; order: 2; } table.detail-parameters tbody tr th::after { border-top-style: solid; border-top-width: 1px; content: ""; height: 1px; left: 0px; position: absolute; right: 0px; top: 50%; z-index: 1; } table.detail-parameters tbody tr td { padding-left: 20px; } table.detail-parameters tbody tr td a { font-weight: 700; text-decoration: underline; } table.detail-parameters tbody tr:last-child td, table.detail-parameters tbody tr:last-child th { padding-bottom: 0px; } @media (max-width: 767px) { table.detail-parameters tbody tr td, table.detail-parameters tbody tr th { display: table-cell; } } table.shipping-options-layout tr.shipping-options-row td { padding-left: 0px; } table.shipping-options-layout tr.shipping-options-row a { font-weight: 400; } .image360, .p-image { border-width: 0px; padding-bottom: 22px; position: relative; } @media (min-width: 1440px) { .wide .image360::after, .wide .p-image::after { display: none; } } .image360-navigation { bottom: 22px; } .p-thumbnails-horizontal .p-thumbnail::before, .p-thumbnails-horizontal .show360image::before { height: 0px; } .p-to-cart-block { align-items: center; display: flex; flex-wrap: wrap; gap: 10px 20px; justify-content: flex-start; padding: 10px; } .p-to-cart-block .add-to-cart-button { flex: 1 1 auto; padding-left: 24px; padding-right: 24px; white-space: nowrap; } .p-to-cart-block .add-to-cart { float: none; margin-left: auto; padding-top: 0px; width: auto; } .p-to-cart-block .add-to-cart .quantity { margin-right: 0px; } .p-to-cart-block .add-to-cart--express-checkout { margin-top: 0px; } @media (min-width: 480px) { .p-to-cart-block .add-to-cart--express-checkout { margin-left: 0px; } } .p-to-cart-block .add-to-cart__quantity-label { display: none; } .p-to-cart-block .add-to-cart__buttons-wrapper { display: grid; flex: 1 0 100%; gap: 10px 20px; grid-template-columns: 1fr; } @media (min-width: 480px) { .p-to-cart-block .add-to-cart__buttons-wrapper { grid-template-columns: 1fr 1fr; } } .p-to-cart-block .p-final-price-wrapper { flex: 0 1 auto; line-height: 200%; white-space: nowrap; width: auto; } .p-to-cart-block .p-final-price-wrapper .price-final-holder { font-weight: 600; } .sold-out-wrapper { text-align: left; } .products-wrapper { position: relative; } .products-header { margin-bottom: 44px; margin-top: 66px; text-align: center; } .mobile .products-header { text-align: left; } .surcharge-list, .variant-list { padding-bottom: 22px; } .surcharge-list .surcharge-label, .surcharge-list .variant-label, .variant-list .surcharge-label, .variant-list .variant-label { display: block; } .surcharge-list select:hover, .variant-list select:hover { box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 10px; } #product-detail-form::after, #product-detail-form::before { content: " "; display: table; } #product-detail-form::after { clear: both; } #product-detail-form .surcharge-label, #product-detail-form .variant-label { padding-bottom: 11px; } #product-detail-form .advanced-parameter .advanced-parameter-inner { box-shadow: unset; } #product-detail-form .advanced-parameter .advanced-parameter-inner:hover { box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 10px; z-index: 10; } #product-detail-form .advanced-parameter .advanced-parameter-inner::before { border-radius: 100%; height: 25px; left: auto; right: 11.5px; text-align: center; top: 11.5px; width: 25px; } #product-detail-form .advanced-parameter .advanced-parameter-inner.yes-before::before { background-image: none; border-style: solid; border-width: 1px; content: ""; font-size: 16px; line-height: 25px; } .quantity { padding-left: 40px; padding-right: 40px; } .quantity:hover { box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 10px; } .quantity input { width: 50px; } .quantity .decrease, .quantity .increase { align-items: center; border-style: none; display: flex; justify-content: center; } .quantity .decrease::before, .quantity .increase::before { font-size: 12px; position: relative; } .add-to-cart .quantity { margin-right: 20px; } .quantity .decrease-tooltip, .quantity .increase-tooltip { right: 0px; width: 100%; } .add-to-cart-button, .cart-related-button .btn.btn-sm, .surcharge-list select, .variant-list select { height: 52px; line-height: 50px; padding-bottom: 0px; padding-top: 0px; } .variant-table .quantity { display: inline-block; } .variant-table .btn-cart { border-style: solid; height: 50px; padding: 0px; width: 50px; } .variant-table .btn-cart::before { content: ""; line-height: inherit; } .social-buttons-wrapper { padding: 22px 0px; } .social-buttons-wrapper .link-icon { display: flex; margin-right: 20px; } .social-buttons-wrapper .link-icon::before { margin-bottom: 0px; margin-right: 5px; } .social-buttons-wrapper .social-buttons { align-items: center; display: flex; padding: 22px 0px; } .social-buttons-wrapper .social-buttons > div { line-height: 100%; } .social-buttons-wrapper .social-buttons > div.close-wrapper { line-height: normal; } .link-icons .link-icon { align-items: center; display: flex; margin-right: 40px; } .link-icons .link-icon span { text-decoration: underline; text-transform: none; } #formProductQuestion label[for="phone"] { display: block; } .p-detail-tabs-wrapper { border-top-style: none; margin-left: auto; margin-right: auto; padding: 0px; } .wide .p-detail-tabs-wrapper { padding: 0px; } .shp-tabs-holder ul.shp-tabs { font-weight: 700; margin-left: auto; margin-right: auto; } .shp-tabs-holder ul.shp-tabs .shp-tab.active, .shp-tabs-holder ul.shp-tabs .shp-tab:hover { text-decoration: underline 2px; text-underline-offset: 6px; } .shp-tabs-holder ul.shp-tabs a.shp-tab-link { font-size: 24px; padding-left: 40px; padding-right: 40px; } @media (min-width: 992px) { .shp-tabs-holder ul.shp-tabs a.shp-tab-link { font-size: 24px; } } .shp-tabs-wrapper .tab-content .tab-pane { max-width: 100%; } @media (min-width: 992px) { .shp-tabs-wrapper .tab-content .tab-pane { margin-left: auto; margin-right: auto; width: 1178px; } .shp-tabs-wrapper .tab-content .tab-pane.wide-tab { width: 100%; } .description-inner { align-items: flex-start; display: flex; flex-wrap: wrap; } .description-inner .extended-description { } } .basic-description { max-width: 100%; } @media (min-width: 1200px) { .basic-description { flex: 1 1 auto; padding-right: 40px; width: 66.6667%; } .extended-description { flex: 0 1 auto; width: 33.3333%; } } :where(.ums_discussion_rating_forms--off) .add-comment .rating-icon { text-decoration: underline; } :where(.ums_discussion_rating_forms--off) .add-comment .rating-icon::before { content: ""; margin: 0px; } :where(.ums_discussion_rating_forms--off) .rate-wrapper.unveil-wrapper.rate-wrapper-in-description .rate-average-wrap .stars { height: 30px; } :where(.ums_discussion_rating_forms--off) .rate-wrapper.unveil-wrapper.rate-wrapper-in-description .rate-average-wrap .stars a, :where(.ums_discussion_rating_forms--off) .rate-wrapper.unveil-wrapper.rate-wrapper-in-description .rate-average-wrap .stars span { height: 30px; line-height: 30px; margin-right: 5px; width: 30px; } :where(.ums_discussion_rating_forms--off) .rate-wrapper.unveil-wrapper.rate-wrapper-in-description .rate-average-wrap .stars a::before, :where(.ums_discussion_rating_forms--off) .rate-wrapper.unveil-wrapper.rate-wrapper-in-description .rate-average-wrap .stars span::before { font-size: 30px; line-height: 30px; } :where(.ums_discussion_rating_forms--on) .rate-wrapper-in-description { margin-bottom: 22px; } :where(.ums_discussion_rating_forms--on) .rate-wrapper-in-description .stars { height: 30px; margin-top: 0px; } :where(.ums_discussion_rating_forms--on) .unveil-wrapper.rate-wrapper-in-description .rate-average-wrap .stars { height: 30px; } :where(.ums_discussion_rating_forms--on) .unveil-wrapper.rate-wrapper-in-description .rate-average-wrap .star::before { font-size: 30px; line-height: 30px; } .rate-wrapper.unveil-wrapper .rate-list { margin-bottom: 5px; } @media (max-width: 991px) and (min-width: 480px) { :where(.ums_discussion_rating_forms--off) .rate-wrapper.unveil-wrapper .rate-average-inner { margin-bottom: 33px; } } @media (max-width: 991px) and (min-width: 768px) { .multiple-columns-body :where(.ums_discussion_rating_forms--off) .rate-wrapper.unveil-wrapper .rate-average-inner { align-items: flex-start; flex-direction: column; } } @media (max-width: 991px) and (min-width: 768px) { .multiple-columns-body :where(.ums_discussion_rating_forms--off) .rate-wrapper.unveil-wrapper .rate-star-wrap { margin-left: 0px; margin-top: 10px; } } @media (max-width: 767px) { :where(.ums_discussion_rating_forms--off) .rate-wrap { flex-flow: column; margin-bottom: 44px; } :where(.ums_discussion_rating_forms--off) .rate-wrap .rate-average-wrap { margin-bottom: 22px; } } .vote-pic { display: none; } :where(.ums_discussion_rating_forms--off) .content .vote-wrap { margin-bottom: 33px; padding-top: 33px; } :where(.ums_discussion_rating_forms--off) .vote-wrap .vote-header { display: block; margin-bottom: 0px; } :where(.ums_discussion_rating_forms--off) .vote-wrap .vote-header .vote-rating { display: flex; justify-content: space-between; } :where(.ums_discussion_rating_forms--off) .vote-wrap .vote-header .vote-rating .vote-delimeter { display: none; } :where(.ums_discussion_rating_forms--off) .vote-wrap .vote-header .vote-time { font-size: 16px; } :where(.ums_discussion_rating_forms--off) .vote-wrap .vote-header .vote-name { margin-bottom: 10px; } :where(.ums_discussion_rating_forms--off) .vote-wrap .vote-header .vote-title { margin-bottom: 0px; } :where(.ums_discussion_rating_forms--off) .vote-wrap .vote-content { margin-top: 15px; } :where(.ums_discussion_rating_forms--on) .discussion .vote-wrap, :where(.ums_discussion_rating_forms--on) .ratingsList .vote-wrap { margin-bottom: 33px; padding-top: 33px; } :where(.ums_discussion_rating_forms--on) .vote-wrap .vote-header { display: block; margin-bottom: 0px; } :where(.ums_discussion_rating_forms--on) .vote-wrap .vote-header .vote-rating { display: flex; justify-content: space-between; } :where(.ums_discussion_rating_forms--on) .footer .vote-rating, :where(.ums_discussion_rating_forms--on) .sidebar .vote-rating { min-height: 22px; } :where(.ums_discussion_rating_forms--on) .vote-wrap .vote-header .vote-time { font-size: 16px; } :where(.ums_discussion_rating_forms--on) .vote-wrap .vote-header .vote-title { margin-bottom: 0px; } :where(.ums_discussion_rating_forms--on) .discussion .vote-name, :where(.ums_discussion_rating_forms--on) .ratingsList .vote-name { margin-bottom: 10px; } :where(.ums_discussion_rating_forms--on) .vote-delimeter { display: none; } :where(.ums_discussion_rating_forms--on) .vote-wrap .vote-content { margin-top: 15px; } .vote-form { padding-bottom: 22px; } .vote-form .consents-first { border-width: 0px; padding-top: 0px; } .products-block { display: flex; flex-wrap: wrap; } .products-block > div { border-style: solid; border-width: 1px; margin-left: auto; margin-right: auto; max-width: 450px; padding-top: 10px; width: 100%; } .products-block > div:hover { box-shadow: rgba(0, 0, 0, 0.16) 0px 0px 10px; z-index: 1; } .products-block > div:hover .p a { text-decoration: underline; } .mobile .products-block > div:active, .mobile .products-block > div:hover, .products-block > div.inactive:hover { box-shadow: unset; } .products-block > div .p { border: none; display: flex; flex-direction: column; height: 100%; text-align: center; } .products-block > div .p .p-code { display: block; right: 10px; text-align: left; top: 10px; } .products-block > div .p .availability { display: block; } .products-block > div .p .p-in { clear: both; padding-top: 11px; } .products-block > div .p .stars-wrapper { align-items: center; display: flex; flex-wrap: wrap; height: 22px; justify-content: center; margin: 5px 0px; } .products-block > div .p .stars-placeholder { height: 22px; margin: 5px 0px; } .products-block > div .p .p-bottom { padding: 20px 10px 0px; } .products-block > div .p .p-bottom > div .prices { align-items: center; display: flex; flex-wrap: wrap; justify-content: center; } .products-block > div .p .p-bottom > div .prices .price-final { flex-basis: 100%; font-size: 20px; } .products-block > div .p .p-bottom > div .prices .price-standard { font-size: 18px; margin-left: 5px; margin-right: 5px; } .products-block > div .p .p-bottom > div .prices .price-save { font-weight: 700; margin-left: 5px; margin-right: 5px; } .products-block > div .p .p-bottom > div .p-tools { align-items: center; bottom: auto; display: flex; flex-flow: column; justify-content: center; padding: 22px 0px; position: relative; right: auto; width: 100%; } .products-block > div .p .p-bottom > div .p-tools .pr-action { width: 100%; } .products-block > div .p .p-bottom > div .p-tools .btn, .products-block > div .p .p-bottom > div .p-tools .btn.btn-cart { border-bottom-style: solid; border-width: 1px; font-weight: 900; height: auto; margin: 0px auto; min-width: 100px; white-space: nowrap; width: auto; } .products-block > div .p .p-bottom > div .p-tools .btn.btn-cart.btn-primary, .products-block > div .p .p-bottom > div .p-tools .btn.btn-primary { line-height: 30px; } .products-block > div .p .p-bottom > div .p-tools > .btn:last-child { border-right-style: solid; } .products-block > div .p .p-bottom > div .p-tools .btn-conversion { margin-bottom: 20px; } .products-block > div .p .p-bottom .p-desc { margin-bottom: 22px; } .products-block > div .p > a::after { content: ""; } .products-block > div .p > a img { margin-bottom: 0px; margin-top: 0px; } .products-block > div .p > a:hover img { opacity: 1; } .products-block > div .p .name { margin-top: 0px; text-transform: none; } @media (min-width: 480px) { .products-block > div .p { margin-bottom: 0px; } } @media (min-width: 768px) { .products-block, .products-block > div { margin-left: 0px; margin-right: 0px; } .products-block > div { max-width: none; width: 50%; } .products-block > div .p .name { display: -webkit-box; height: 44px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .products-block > div .p .p-bottom.single-button { padding-right: 10px; } .products-block > div .p .p-bottom.single-button .prices { bottom: auto; left: auto; position: relative; } } @media (min-width: 1440px) { .products-block > div { padding: 10px; } } @media (min-width: 992px) { .columns-3 .products-block > div, .columns-4 .products-block > div { width: 33.3333%; } } @media (min-width: 1200px) { .columns-4 .products-block > div { width: 25%; } } .flags.flags-extra, .wide .p-detail .flags.flags-extra { inset: auto 5px 0px auto; } .wide .p-detail .flags { left: 0px; } .categories-aside { display: flex; } @media (min-width: 768px) { .categories-aside { display: none; } .mobile .categories-aside { display: flex; } } .widget-parameter-wrapper.justified { justify-content: center; } ul.manufacturers-anchors { margin-bottom: 0px; margin-top: 0px; padding-left: 0px; } ul.manufacturers-anchors > li { list-style: none; } ul.manufacturers-anchors li { display: inline-block; } ul.manufacturers-anchors li a { display: block; padding: 10px; text-decoration: underline; } @media (min-width: 992px) { ul.manufacturers-anchors li a { padding: 20px; } } ul.manufacturers-anchors li a:hover { text-decoration: none; } ul.manufacturers { margin-bottom: 0px; margin-top: 0px; padding-left: 0px; } ul.manufacturers li, ul.manufacturers > li { list-style: none; } ul.manufacturers h2 { flex: 0 0 100px; font-size: 30px; font-weight: 900; margin: 0px; padding: 20px; text-align: center; transition: color 0.3s ease-out 0s; } ul.manufacturers ul { flex: 1 1 auto; } ul.manufacturers ul li { padding: 5px 0px; } ul.manufacturers > li { align-items: center; border-bottom-style: solid; border-bottom-width: 1px; display: flex; flex-wrap: nowrap; margin: 0px; padding: 11px 0px; } ul.manufacturers > li:last-child { border-bottom-style: none; } ul.manufacturers > li:first-child { border-top-style: solid; border-top-width: 1px; } ul.manufacturers > li a { text-decoration: underline; } ul.manufacturers > li a:hover { text-decoration: none; } @media (min-width: 768px) { ul.manufacturers ul { display: flex; flex: 1 1 calc(100% - 100px); flex-wrap: wrap; } ul.manufacturers ul li { flex: 0 0 50%; } } @media (min-width: 992px) { ul.manufacturers ul li { flex-basis: 33.3333%; } } @media (min-width: 1200px) { ul.manufacturers ul li { flex-basis: 25%; } } .id--8 h1 { margin-bottom: 0px; } .id--8 h4 { margin-top: 44px; } .id--8 .consents.consents-first { margin-top: 0px; } .id--8 .form-group { margin-bottom: 11px; } .id--8 .form-group > input.form-control, .id--8 .form-group > select.form-control { width: 100%; } .id--8 #additionalInformation { width: 65.6%; } .co-registration .form-group { margin-bottom: 22px; } .co-registration h4 { margin-top: 22px; } .categories .topic a { font-size: 130%; } .categories ul ul a { font-weight: 400; } :where(body.ums_page_element_headings--off) .sidebar-inner { padding-bottom: 22px; } :where(body.ums_page_element_headings--off) .sidebar-inner > div.box-sm { border-style: solid; border-width: 1px; margin: 22px 0px 0px; padding: 20px; } :where(body.ums_page_element_headings--off) .sidebar-inner > div.box-sm h4 { font-size: 18px; margin-top: 0px; text-align: left; } .box.box-sm.box-filters { padding: 20px; } .box.box-sm.box-filters .filter-sections { padding-left: 0px; padding-right: 0px; } .filter-label { width: 100%; } .filter-label .filter-count { border-radius: 100%; display: inline-block; height: 22px; line-height: 22px; padding: 0px; text-align: center; vertical-align: middle; width: 22px; } .sidebar .filter-label .filter-count { display: block; float: right; } .top-products { counter-reset: top-10-counter 0; list-style: none; padding: 0px; } .top-products li { counter-increment: top-10-counter 1; display: flex; margin-bottom: 22px; position: relative; width: 100%; } .top-products li::before { border-radius: 100%; border-style: solid; border-width: 1px; content: counter(top-10-counter); display: block; flex-shrink: 0; font-size: 12px; font-weight: 700; height: 20px; line-height: 1.5; text-align: center; width: 20px; } .top-products li .top-products-content { padding-left: 20px; } .top-products li .top-products-content .top-products-name { display: block; font-weight: 700; } .top-products li .top-products-content > strong { font-weight: 400; } .top-products li.display-image::before { left: 0px; position: absolute; top: 0px; } .top-products li.display-image .top-products-image { height: auto; width: 30%; } .top-products li.display-image .top-products-content { width: 70%; } .box-login .social-login-buttons { margin-top: -11px; } .box-login .login-wrapper { padding: 0px; } .box-login .login-wrapper .btn { float: none; width: 100%; } #footer { padding-bottom: 0px; } :where(body.ums_page_element_headings--off) .footer-rows h4 { margin-bottom: 33px; } @media (max-width: 767px) { :where(body.ums_page_element_headings--off) .footer-rows h4 { margin-bottom: 22px; } } .footer-rows ul { margin: 0px; padding: 0px; } .footer-rows ul li { list-style: none; padding-bottom: 4px; padding-top: 4px; } :where(body.ums_page_element_headings--off) .footer-rows .news-item-widget { margin: 0px; padding-bottom: 4px; padding-top: 4px; } :where(body.ums_page_element_headings--off) .footer-rows .news-item-widget h5 { font-weight: 400; } :where(body.ums_page_element_headings--off) .footer-rows .news-item-widget h5.with-short-description { font-weight: 700; } .footer-rows .custom-footer { padding-bottom: 22px; } .contact-box ul li { padding: 0px; } .contact-box ul li > span { padding-left: 0px; } .contact-box ul li > span::before { display: inline-block; font-size: 24px; height: 46px; line-height: 46px; position: relative; vertical-align: middle; width: 46px; } .contact-box .social-icon-list { display: inline-block; padding-top: 10px; } body.user-action-visible.search-window-visible { overflow: auto; position: relative; } @media (min-width: 480px) { .popup-widget { z-index: 1002; } } @media (max-width: 991px) { .user-action-in .popup-widget.cart-widget { height: calc(100% - 134px); top: 134px; } } @media (max-width: 767px) { .user-action-in .popup-widget.cart-widget { height: calc(100% - 81px); top: 81px; } } @media (max-width: 480px) { .user-action-in .popup-widget.cart-widget { height: calc(100% - 50px); top: 50px; } } @media (min-width: 992px) { .popup-widget.login-widget::before { right: 145px; } } .cart-widget-product:last-child { border-bottom-style: solid; } .cart-widget-product .cart-widget-product-name { width: 35%; } @media (max-width: 480px) { .cart-widget-product { align-items: center; display: flex; flex-wrap: wrap; } .cart-widget-product .cart-widget-product-name { width: calc(100% - 76px); } .cart-widget-product .cart-widget-product-image, .cart-widget-product .cart-widget-product-name { margin-bottom: 10px; } .cart-widget-product .cart-widget-product-delete { margin-left: auto; padding: 0px; } .cart-widget-product .cart-widget-product-delete button::before { font-size: 20px; } } @media (min-width: 992px) { .cart-widget-product .cart-widget-product-delete { visibility: hidden; } .cart-widget-product:hover .cart-widget-product-delete { visibility: visible; } } .cart-widget-product-name span, .cart-widget-product-name strong { font-weight: 400; } @media (min-width: 480px) { .cart-widget-product > div.cart-widget-product-unit { display: none; } } .cart-widget-product-amount { width: 132px; } .cart-widget-product-amount .quantity { margin: 0px; } .cart-widget-product-amount .quantity input { height: 50px; width: 30px; } .cart-widget-product-amount .quantity .decrease, .cart-widget-product-amount .quantity .increase { height: 50px; } .cart-widget-product-price { text-align: right; } .cart-widget-bottom { display: block; text-align: center; width: 100%; } @media (max-width: 991px) { .cart-widget-inner.popup-widget-inner .cart-widget-products { height: calc(100% - 156px); } } @media (max-width: 480px) { .cart-widget-inner.popup-widget-inner .cart-widget-products { height: calc(100% - 177px); } } .cart-widget-inner.popup-widget-inner:not(.full) .cart-widget-products-inner .cart-widget-product { align-items: center; border-bottom: 0px; display: flex; justify-content: center; min-height: 156px; } .cart-widget-button { margin: 0px; padding: 22px 0px; top: 0px; } @media (max-width: 991px) { .cart-widget-button { bottom: auto; left: auto; position: relative; right: auto; } } .cart-free-shipping { bottom: 0px; height: auto; position: relative; } .cart-free-shipping > div { padding: 0px; } .cart-free-shipping > div div { padding-bottom: 22px; } .cart-free-shipping > div div strong { display: inline-block; padding-top: 11px; } .cart-free-shipping .price-range { margin-bottom: 0px; margin-top: 22px; max-width: 100%; padding-bottom: 0px; } .cart-free-shipping .price-range div { padding-bottom: 0px; } .news-wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 40px; width: 100%; } .news-wrapper .news-item { flex-direction: column; padding-bottom: 0px; width: 100%; } @media (min-width: 992px) { .news-wrapper .news-item { width: calc(50% - 20px); } } @media (min-width: 480px) { .news-wrapper .news-item { margin-bottom: 20px; } } .news-wrapper .news-item .title { font-size: 24px; } .news-wrapper .news-item time { margin-bottom: 10px; } .news-wrapper .news-item .news-item-link-img { width: 100%; } .news-wrapper .news-item .news-image { margin-bottom: 20px; object-fit: cover; width: 100%; } @media (min-width: 992px) { .news-wrapper .news-item .news-image { object-fit: contain; } } .news-item-detail .next-prev a { margin-bottom: 20px; } @media (min-width: 992px) { .news-item-detail { margin-bottom: 0px; } } .product-slider-holder .product-slider { margin-left: -5px; padding-left: 5px; padding-right: 5px; } .product-slider-holder .products-block > div .p .p-bottom.no-buttons > div .p-tools { display: none; } .columns-mobile-2 .product-slider-holder .products-block .p .name { display: -webkit-box; height: 44px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } @media (min-width: 321px) and (max-width: 767px) { .columns-mobile-2 .products-block > div .flags.flags-extra { display: block; right: 0px; width: 100%; } .columns-mobile-2 .products-block > div .flags.flags-extra .flag { font-size: 10px; margin-left: 0px; margin-top: 0.5ex; } } .country-flags { border-radius: 0px; } #newsWrapper h2 { margin-top: 0px; } .product-slider-holder.has-navigation { padding-left: 37px; padding-right: 37px; } @media (max-width: 767px) { .product-slider-holder.has-navigation { padding-left: 0px; padding-right: 0px; } .product-slider-holder.has-navigation .product-slider-navigation.navigation-next { right: -5px; } .product-slider-holder.has-navigation .product-slider-navigation.navigation-prev { left: -5px; } } .product-slider-holder .product-slider { padding: 5px; } @media (max-width: 767px) { .navigation-buttons .dropdown, .navigation-buttons .languagesMenu { display: none; } .navigation-in { font-size: 18px; line-height: 18px; } .navigation-in > ul > li > a { align-items: center; display: flex; padding-bottom: 0px; padding-top: 0px; } .navigation-in > ul > li > a > b { display: inline-block; font-weight: 700; } .navigation-in > ul > li > a > b, .navigation-in > ul > li > a > span { padding-bottom: 2rem; padding-top: 2rem; } .navigation-in > ul > li > a .navigationActions__flagWrapper { line-height: 24px; padding-bottom: calc(-3px + 2rem); padding-top: calc(-3px + 2rem); } .navigation-in ul.menu-level-2 li a.navigationActions__link--flag { padding-bottom: calc(-3px + 1.5rem); padding-top: calc(-3px + 1.5rem); } .submenu-arrow { font-size: 18px; line-height: 18px; padding-left: 2em; padding-right: 2em; } .submenu-arrow::after { vertical-align: sub; } .navigation-close::before { font-size: 18px; height: 18px; line-height: 18px; width: 18px; } } :root { --dklab-instagram-header-color: #000000; --dklab-instagram-header-background: #DDDDDD; --dklab-instagram-font-weight: 700; --dklab-instagram-font-size: 120%; --dklab-instagram-logoUrl: url(""); --dklab-instagram-logo-size-width: 25px; --dklab-instagram-logo-size-height: 25px; --dklab-instagram-hover-content: "\e901"; --dklab-instagram-padding: 0px; --dklab-instagram-border-color: #888888; } :root { --dklab-favourites-flag-color: #000000; --dklab-favourites-flag-text-color: #FFFFFF; --dklab-favourites-add-text-color: #000000; --dklab-favourites-remove-text-color: #000000; --dklab-favourites-add-text-detail-color: #000000; --dklab-favourites-remove-text-detail-color: #000000; --dklab-favourites-header-icon-color: #000000; --dklab-favourites-counter-color: #000000; } [data-guid="34087a04-01b7-11f1-8665-c673241b6d79"] { display: none; } body:not(.template-07):not(.template-09):not(.template-10):not(.template-11):not(.template-12):not(.template-13):not(.template-14) #return-to-top i::before { content: "a"; } #return-to-top i::before { content: ""; } #return-to-top { z-index: 99999999; position: fixed; bottom: 45px; right: 20px; background: rgba(0, 0, 0, 0.7); width: 50px; height: 50px; text-decoration: none; border-radius: 35px; display: none; transition: all 0.3s ease 0s; } #return-to-top i { color: rgb(255, 255, 255); margin: -10px 0px 0px -10px; position: relative; left: 50%; top: 50%; font-size: 19px; transition: all 0.3s ease 0s; height: 20px; width: 20px; text-align: center; display: block; font-style: normal; } #return-to-top:hover { background: rgba(0, 0, 0, 0.9); } #return-to-top:hover i { color: rgb(255, 255, 255); } .icon-chevron-up::before { font-weight: bold; } .ordering-process #return-to-top { display: none !important; } @font-face { font-family: oblibene; src: url("data:application/x-font-ttf;base64,AAEAAAALAIAAAwAwT1MvMg8SBhgAAAC8AAAAYGNtYXAXVtKIAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zn3D2g8AAAF4AAACeGhlYWQjt4nTAAAD8AAAADZoaGVhCKUEqwAABCgAAAAkaG10eA/IAAIAAARMAAAAGGxvY2EBZADoAAAEZAAAAA5tYXhwAAkAeQAABHQAAAAgbmFtZZlKCfsAAASUAAABhnBvc3QAAwAAAAAGHAAAACAAAwPtAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAQPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6QH//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAACAAH/wATjA8AAQQB2AAABLgEnLgEjIgcOAQcGBw4BBy4BJyYnLgEnJiMiBgcOAQcGFhcWFx4BFxYXFhceARcWMzI3PgE3Njc2Nz4BNzY3PgEHBgcOAQcGBw4BBy4BJyYnLgEnJicuATc2Nz4BNzYzMhYXHgEzMjY3PgEzMhceARcWFxYGBwTjAzcvMHpBMioqRRsaEwIFAgEDAREaG0YsLDVCeTAwNgMEIykSIB9LKCgjJCkoTSIhFRYiIU0oKSQjKCdLHx8THDGMDRkZQycoK2d4Dg95ZysoKEIZGQ0iHQMDFhZILy80UHIfEhkRERwUInBKNC4vSRYWAwMdIgJ1QngvLzMREDEbGxQCBQMCAgITHBszERIzLy94QkJ3PhwjIkkjJB0eHyAzEBAQEDMfIB4dIyNJIyMcKnl6FBwdQiQkJFVKAgJKViQkJEIcHBQ0YTU2Ly9HFBVkIxUWGBYlXxUURy8vNjZfNQAAAQAB/8AE4wPAAEEAAAEuAScuASMiBw4BBwYHDgEHLgEnJicuAScmIyIGBw4BBwYWFxYXHgEXFhcWFx4BFxYzMjc+ATc2NzY3PgE3Njc+AQTjAzcvMHpBMioqRRsaEwIFAgEDAREaG0YsLDVCeTAwNgMEIykSIB9LKCgjJCkoTSIhFRYiIU0oKSQjKCdLHx8THDECdUJ4Ly8zERAxGxsUAgUDAgICExwbMxESMy8veEJCdz4cIyJJIyQdHh8gMxAQEBAzHyAeHSMjSSMjHCp5AAEAAAAAAABIH3ZPXw889QALBAAAAAAA39siqwAAAADf2yKrAAD/wATjA8AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABOQAAAAABOMAAQAAAAAAAAAAAAAAAAAAAAYEAAAAAAAAAAAAAAACAAAABOQAAQTkAAEAAAAAAAoAFAAeANQBPAAAAAEAAAAGAHcAAgAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAHAAAAAQAAAAAAAgAHAGAAAQAAAAAAAwAHADYAAQAAAAAABAAHAHUAAQAAAAAABQALABUAAQAAAAAABgAHAEsAAQAAAAAACgAaAIoAAwABBAkAAQAOAAcAAwABBAkAAgAOAGcAAwABBAkAAwAOAD0AAwABBAkABAAOAHwAAwABBAkABQAWACAAAwABBAkABgAOAFIAAwABBAkACgA0AKRpY29tb29uAGkAYwBvAG0AbwBvAG5WZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADBpY29tb29uAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG5SZWd1bGFyAFIAZQBnAHUAbABhAHJpY29tb29uAGkAYwBvAG0AbwBvAG5Gb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA") format("truetype"), url("") format("woff"); font-weight: normal; font-style: normal; } .up-callout { background-color: rgba(33, 150, 243, 0.1); border: 1px solid rgba(33, 150, 243, 0.3); border-radius: 8px; padding: 15px 20px; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 5px; max-width: 600px; margin: 20px auto; } .up-callout p { margin: 0px; color: rgb(51, 51, 51); font-size: 16px; line-height: 1.5; } .fvDoplnek.fvDoplnek-upsell { display: none; } .leaflet-pane, .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-tile-container, .leaflet-pane > svg, .leaflet-pane > canvas, .leaflet-zoom-box, .leaflet-image-layer, .leaflet-layer { position: absolute; left: 0px; top: 0px; } .leaflet-container { overflow: hidden; } .leaflet-tile, .leaflet-marker-icon, .leaflet-marker-shadow { user-select: none; -webkit-user-drag: none; } .leaflet-tile::selection { background: transparent; } .leaflet-safari .leaflet-tile { image-rendering: -webkit-optimize-contrast; } .leaflet-safari .leaflet-tile-container { width: 1600px; height: 1600px; transform-origin: 0px 0px; } .leaflet-marker-icon, .leaflet-marker-shadow { display: block; } .leaflet-container .leaflet-overlay-pane svg { max-width: none !important; max-height: none !important; } .leaflet-container .leaflet-marker-pane img, .leaflet-container .leaflet-shadow-pane img, .leaflet-container .leaflet-tile-pane img, .leaflet-container img.leaflet-image-layer, .leaflet-container .leaflet-tile { width: auto; padding: 0px; max-width: none !important; max-height: none !important; } .leaflet-container img.leaflet-tile { mix-blend-mode: plus-lighter; } .leaflet-container.leaflet-touch-zoom { touch-action: pan-x pan-y; } .leaflet-container.leaflet-touch-drag { touch-action: pinch-zoom; } .leaflet-container.leaflet-touch-drag.leaflet-touch-zoom { touch-action: none; } .leaflet-container { -webkit-tap-highlight-color: transparent; } .leaflet-container a { -webkit-tap-highlight-color: rgba(51, 181, 229, 0.4); } .leaflet-tile { filter: inherit; visibility: hidden; } .leaflet-tile-loaded { visibility: inherit; } .leaflet-zoom-box { width: 0px; height: 0px; box-sizing: border-box; z-index: 800; } .leaflet-overlay-pane svg { } .leaflet-pane { z-index: 400; } .leaflet-tile-pane { z-index: 200; } .leaflet-overlay-pane { z-index: 400; } .leaflet-shadow-pane { z-index: 500; } .leaflet-marker-pane { z-index: 600; } .leaflet-tooltip-pane { z-index: 650; } .leaflet-popup-pane { z-index: 700; } .leaflet-map-pane canvas { z-index: 100; } .leaflet-map-pane svg { z-index: 200; } .leaflet-vml-shape { width: 1px; height: 1px; } .lvml { display: inline-block; position: absolute; } .leaflet-control { position: relative; z-index: 800; pointer-events: auto; } .leaflet-top, .leaflet-bottom { position: absolute; z-index: 1000; pointer-events: none; } .leaflet-top { top: 0px; } .leaflet-right { right: 0px; } .leaflet-bottom { bottom: 0px; } .leaflet-left { left: 0px; } .leaflet-control { float: left; clear: both; } .leaflet-right .leaflet-control { float: right; } .leaflet-top .leaflet-control { margin-top: 10px; } .leaflet-bottom .leaflet-control { margin-bottom: 10px; } .leaflet-left .leaflet-control { margin-left: 10px; } .leaflet-right .leaflet-control { margin-right: 10px; } .leaflet-fade-anim .leaflet-popup { opacity: 0; transition: opacity 0.2s linear 0s; } .leaflet-fade-anim .leaflet-map-pane .leaflet-popup { opacity: 1; } .leaflet-zoom-animated { transform-origin: 0px 0px; } svg.leaflet-zoom-animated { will-change: transform; } .leaflet-zoom-anim .leaflet-zoom-animated { transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; } .leaflet-zoom-anim .leaflet-tile, .leaflet-pan-anim .leaflet-tile { transition: none 0s ease 0s; } .leaflet-zoom-anim .leaflet-zoom-hide { visibility: hidden; } .leaflet-interactive { cursor: pointer; } .leaflet-grab { cursor: grab; } .leaflet-crosshair, .leaflet-crosshair .leaflet-interactive { cursor: crosshair; } .leaflet-popup-pane, .leaflet-control { cursor: auto; } .leaflet-dragging .leaflet-grab, .leaflet-dragging .leaflet-grab .leaflet-interactive, .leaflet-dragging .leaflet-marker-draggable { cursor: grabbing; } .leaflet-marker-icon, .leaflet-marker-shadow, .leaflet-image-layer, .leaflet-pane > svg path, .leaflet-tile-container { pointer-events: none; } .leaflet-marker-icon.leaflet-interactive, .leaflet-image-layer.leaflet-interactive, .leaflet-pane > svg path.leaflet-interactive, svg.leaflet-image-layer.leaflet-interactive path { pointer-events: auto; } .leaflet-container { background: rgb(221, 221, 221); outline-offset: 1px; } .leaflet-container a { color: rgb(0, 120, 168); } .leaflet-zoom-box { border: 2px dotted rgb(51, 136, 255); background: rgba(255, 255, 255, 0.5); } .leaflet-container { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 0.75rem; line-height: 1.5; } .leaflet-bar { box-shadow: rgba(0, 0, 0, 0.65) 0px 1px 5px; border-radius: 4px; } .leaflet-bar a { background-color: rgb(255, 255, 255); border-bottom: 1px solid rgb(204, 204, 204); width: 26px; height: 26px; line-height: 26px; display: block; text-align: center; text-decoration: none; color: black; } .leaflet-bar a, .leaflet-control-layers-toggle { background-position: 50% 50%; background-repeat: no-repeat; display: block; } .leaflet-bar a:hover, .leaflet-bar a:focus { background-color: rgb(244, 244, 244); } .leaflet-bar a:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .leaflet-bar a:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom: none; } .leaflet-bar a.leaflet-disabled { cursor: default; background-color: rgb(244, 244, 244); color: rgb(187, 187, 187); } .leaflet-touch .leaflet-bar a { width: 30px; height: 30px; line-height: 30px; } .leaflet-touch .leaflet-bar a:first-child { border-top-left-radius: 2px; border-top-right-radius: 2px; } .leaflet-touch .leaflet-bar a:last-child { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .leaflet-control-zoom-in, .leaflet-control-zoom-out { font: bold 18px "Lucida Console", Monaco, monospace; text-indent: 1px; } .leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out { font-size: 22px; } .leaflet-control-layers { box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 5px; background: rgb(255, 255, 255); border-radius: 5px; } .leaflet-control-layers-toggle { background-image: url(""); width: 36px; height: 36px; } .leaflet-retina .leaflet-control-layers-toggle { background-image: url(""); background-size: 26px 26px; } .leaflet-touch .leaflet-control-layers-toggle { width: 44px; height: 44px; } .leaflet-control-layers .leaflet-control-layers-list, .leaflet-control-layers-expanded .leaflet-control-layers-toggle { display: none; } .leaflet-control-layers-expanded .leaflet-control-layers-list { display: block; position: relative; } .leaflet-control-layers-expanded { padding: 6px 10px 6px 6px; color: rgb(51, 51, 51); background: rgb(255, 255, 255); } .leaflet-control-layers-scrollbar { overflow: hidden scroll; padding-right: 5px; } .leaflet-control-layers-selector { margin-top: 2px; position: relative; top: 1px; } .leaflet-control-layers label { display: block; font-size: 1.08333em; } .leaflet-control-layers-separator { height: 0px; border-top: 1px solid rgb(221, 221, 221); margin: 5px -10px 5px -6px; } .leaflet-default-icon-path { background-image: url(""); } .leaflet-container .leaflet-control-attribution { background: rgba(255, 255, 255, 0.8); margin: 0px; } .leaflet-control-attribution, .leaflet-control-scale-line { padding: 0px 5px; color: rgb(51, 51, 51); line-height: 1.4; } .leaflet-control-attribution a { text-decoration: none; } .leaflet-control-attribution a:hover, .leaflet-control-attribution a:focus { text-decoration: underline; } .leaflet-attribution-flag { width: 1em; height: 0.6669em; display: inline !important; vertical-align: baseline !important; } .leaflet-left .leaflet-control-scale { margin-left: 5px; } .leaflet-bottom .leaflet-control-scale { margin-bottom: 5px; } .leaflet-control-scale-line { border-right: 2px solid rgb(119, 119, 119); border-bottom: 2px solid rgb(119, 119, 119); border-left: 2px solid rgb(119, 119, 119); border-image: initial; border-top: none; line-height: 1.1; padding: 2px 5px 1px; white-space: nowrap; box-sizing: border-box; background: rgba(255, 255, 255, 0.8); text-shadow: rgb(255, 255, 255) 1px 1px; } .leaflet-control-scale-line:not(:first-child) { border-top: 2px solid rgb(119, 119, 119); border-bottom: none; margin-top: -2px; } .leaflet-control-scale-line:not(:first-child):not(:last-child) { border-bottom: 2px solid rgb(119, 119, 119); } .leaflet-touch .leaflet-control-attribution, .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { box-shadow: none; } .leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar { border: 2px solid rgba(0, 0, 0, 0.2); background-clip: padding-box; } .leaflet-popup { position: absolute; text-align: center; margin-bottom: 20px; } .leaflet-popup-content-wrapper { padding: 1px; text-align: left; border-radius: 12px; } .leaflet-popup-content { margin: 13px 24px 13px 20px; line-height: 1.3; font-size: 1.08333em; min-height: 1px; } .leaflet-popup-content p { margin: 1.3em 0px; } .leaflet-popup-tip-container { width: 40px; height: 20px; position: absolute; left: 50%; margin-top: -1px; margin-left: -20px; overflow: hidden; pointer-events: none; } .leaflet-popup-tip { width: 17px; height: 17px; padding: 1px; margin: -10px auto 0px; pointer-events: auto; transform: rotate(45deg); } .leaflet-popup-content-wrapper, .leaflet-popup-tip { background: white; color: rgb(51, 51, 51); box-shadow: rgba(0, 0, 0, 0.4) 0px 3px 14px; } .leaflet-container a.leaflet-popup-close-button { position: absolute; top: 0px; right: 0px; border: none; text-align: center; width: 24px; height: 24px; font: 16px / 24px Tahoma, Verdana, sans-serif; color: rgb(117, 117, 117); text-decoration: none; background: transparent; } .leaflet-container a.leaflet-popup-close-button:hover, .leaflet-container a.leaflet-popup-close-button:focus { color: rgb(88, 88, 88); } .leaflet-popup-scrolled { overflow: auto; } .leaflet-oldie .leaflet-popup-content-wrapper { } .leaflet-oldie .leaflet-popup-tip { width: 24px; margin: 0px auto; } .leaflet-oldie .leaflet-control-zoom, .leaflet-oldie .leaflet-control-layers, .leaflet-oldie .leaflet-popup-content-wrapper, .leaflet-oldie .leaflet-popup-tip { border: 1px solid rgb(153, 153, 153); } .leaflet-div-icon { background: rgb(255, 255, 255); border: 1px solid rgb(102, 102, 102); } .leaflet-tooltip { position: absolute; padding: 6px; background-color: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255); border-radius: 3px; color: rgb(34, 34, 34); white-space: nowrap; user-select: none; pointer-events: none; box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 3px; } .leaflet-tooltip.leaflet-interactive { cursor: pointer; pointer-events: auto; } .leaflet-tooltip-top::before, .leaflet-tooltip-bottom::before, .leaflet-tooltip-left::before, .leaflet-tooltip-right::before { position: absolute; pointer-events: none; border: 6px solid transparent; background: transparent; content: ""; } .leaflet-tooltip-bottom { margin-top: 6px; } .leaflet-tooltip-top { margin-top: -6px; } .leaflet-tooltip-bottom::before, .leaflet-tooltip-top::before { left: 50%; margin-left: -6px; } .leaflet-tooltip-top::before { bottom: 0px; margin-bottom: -12px; border-top-color: rgb(255, 255, 255); } .leaflet-tooltip-bottom::before { top: 0px; margin-top: -12px; margin-left: -6px; border-bottom-color: rgb(255, 255, 255); } .leaflet-tooltip-left { margin-left: -6px; } .leaflet-tooltip-right { margin-left: 6px; } .leaflet-tooltip-left::before, .leaflet-tooltip-right::before { top: 50%; margin-top: -6px; } .leaflet-tooltip-left::before { right: 0px; margin-right: -12px; border-left-color: rgb(255, 255, 255); } .leaflet-tooltip-right::before { left: 0px; margin-left: -12px; border-right-color: rgb(255, 255, 255); } @media print { .leaflet-control { -webkit-print-color-adjust: exact; } } #return-to-top { bottom: 100px; right: 12px; } .id--15 .co-payment-method .row { display: flex; flex-direction: column; } @media (max-width: 768px) { .id--15 .co-payment-method .col-sm-12:last-child { margin-top: 1rem; } } .id--15 .co-payment-method .col-sm-12:last-child { margin-bottom: 1rem; order: -1; display: flex !important; } .id--15 .co-payment-method .col-sm-12:last-child > .recapitulation-table-payment { margin: auto; } .id--15 .co-payment-method .col-sm-12:last-child > .recapitulation-table-payment > img { all: unset; } :root { --login-widget-color: #000000; --login-widget-color-hover: var(--color-primary-hover); --login-widget-bg-hover: #ffffff; } .login-widget .fvLoginRight { background-image: url(""); } .dic-block-order { display: none !important; } .block-continue:has(#company-info.visible) .dic-block-order { display: flex !important; } .carousel-inner > .item > a > img, .carousel-inner > .item > img { max-width: 100%; } html[lang=""] .menu-item-1060, html[lang=""] .subcategories > li:has(a[href=""]), html[lang=""] .menu-item-1060, html[lang=""] .subcategories > li:has(a[href=""]), html[lang=""] .menu-item-1060, html[lang=""] .subcategories > li:has(a[href=""]) { display: none !important; } .id--9 #cart-wrapper .cart-inner .cart-table { display: table; } body.rcm-active { height: 100%; overflow: hidden !important; touch-action: none !important; } body:has(#lp-root) h1.p-name, body:has(#lp-root) .page-title:not(#lp-root .page-title), body:has(#lp-root) .breadcrumbs:not(#lp-root .breadcrumbs), body:has(#lp-root) .content-wrapper > h1:first-child:not(#lp-root h1) { display: none !important; } body:has(#lp-root) .content-wrapper, body:has(#lp-root) .page-content { padding-left: 0px !important; padding-right: 0px !important; } .aboutUs { margin-bottom: 2rem; } .CybotCookiebotDialogBodyLevelButtonSliderWrapper { pointer-events: none !important; } .CybotCookiebotDialogBodyLevelButton, .CybotCookiebotDialogBodyLevelButtonSlider { pointer-events: auto !important; } .product-slider-holder.has-navigation { overflow: unset !important; } .cookieconsent-optin-preferences, .cookieconsent-optin-statistics, .cookieconsent-optin-marketing, .cookieconsent-optin { display: none; } .cookieconsent-optout-preferences, .cookieconsent-optout-statistics, .cookieconsent-optout-marketing, .cookieconsent-optout { display: initial; } .fb_hidden { position: absolute; top: -10000px; z-index: 10001; } .fb_reposition { overflow: hidden; position: relative; } .fb_invisible { display: none; } .fb_reset { background: none; border: 0px; border-spacing: 0px; color: rgb(0, 0, 0); cursor: auto; direction: ltr; font-family: "lucida grande", tahoma, verdana, arial, sans-serif; font-size: 11px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 1; margin: 0px; overflow: visible; padding: 0px; text-align: left; text-decoration: none; text-indent: 0px; text-shadow: none; text-transform: none; visibility: visible; white-space: normal; word-spacing: normal; } .fb_reset > div { overflow: hidden; } @keyframes fb_transform { 0% { opacity: 0; transform: scale(0.95); } 100% { opacity: 1; transform: scale(1); } } .fb_animate { animation: 0.3s ease 0s 1 normal forwards running fb_transform; } .fb_dialog { background: rgba(82, 82, 82, 0.7); position: absolute; top: -10000px; z-index: 10001; } .fb_dialog_advanced { border-radius: 8px; padding: 10px; } .fb_dialog_content { background: rgb(255, 255, 255); color: rgb(55, 55, 55); } .fb_dialog_close_icon { background: url("") 0px 0px no-repeat scroll transparent; cursor: pointer; display: block; height: 15px; position: absolute; right: 18px; top: 17px; width: 15px; } .fb_dialog_mobile .fb_dialog_close_icon { left: 5px; right: auto; top: 5px; } .fb_dialog_padding { background-color: transparent; position: absolute; width: 1px; z-index: -1; } .fb_dialog_close_icon:hover { background: url("") 0px -15px no-repeat scroll transparent; } .fb_dialog_close_icon:active { background: url("") 0px -30px no-repeat scroll transparent; } .fb_dialog_iframe { line-height: 0; } .fb_dialog_content .dialog_title { background: rgb(109, 132, 180); border: 1px solid rgb(54, 88, 153); color: rgb(255, 255, 255); font-size: 14px; font-weight: 700; margin: 0px; } .fb_dialog_content .dialog_title > span { background: url("") 5px 50% no-repeat; float: left; padding: 5px 0px 7px 26px; } body.fb_hidden { height: 100%; left: 0px; margin: 0px; overflow: visible; position: absolute; top: -10000px; transform: none; width: 100%; } .fb_dialog.fb_dialog_mobile.loading { background: url("") 50% 50% no-repeat rgb(255, 255, 255); min-height: 100%; min-width: 100%; overflow: hidden; position: absolute; top: 0px; z-index: 10001; } .fb_dialog.fb_dialog_mobile.loading.centered { background: none; height: auto; min-height: initial; min-width: initial; width: auto; } .fb_dialog.fb_dialog_mobile.loading.centered #fb_dialog_loader_spinner { width: 100%; } .fb_dialog.fb_dialog_mobile.loading.centered .fb_dialog_content { background: none; } .loading.centered #fb_dialog_loader_close { clear: both; color: rgb(255, 255, 255); display: block; font-size: 18px; padding-top: 20px; } #fb-root #fb_dialog_ipad_overlay { background: rgba(0, 0, 0, 0.4); inset: 0px; min-height: 100%; position: absolute; width: 100%; z-index: 10000; } #fb-root #fb_dialog_ipad_overlay.hidden { display: none; } .fb_dialog.fb_dialog_mobile.loading iframe { visibility: hidden; } .fb_dialog_mobile .fb_dialog_iframe { position: sticky; top: 0px; } .fb_dialog_content .dialog_header { border-bottom: 1px solid rgb(4, 59, 135); border-top-color: rgb(4, 59, 135); border-right-color: rgb(4, 59, 135); border-left-color: rgb(4, 59, 135); box-shadow: rgb(255, 255, 255) 0px 1px 1px -1px inset; color: rgb(255, 255, 255); font: 700 14px Helvetica, sans-serif; text-overflow: ellipsis; text-shadow: rgba(0, 30, 84, 0.298) 0px -1px 0px; vertical-align: middle; white-space: nowrap; } .fb_dialog_content .dialog_header table { height: 43px; width: 100%; } .fb_dialog_content .dialog_header td.header_left { font-size: 12px; padding-left: 5px; vertical-align: middle; width: 60px; } .fb_dialog_content .dialog_header td.header_right { font-size: 12px; padding-right: 5px; vertical-align: middle; width: 60px; } .fb_dialog_content .touchable_button { background-clip: padding-box; border: 1px solid rgb(41, 72, 125); border-radius: 3px; display: inline-block; line-height: 18px; margin-top: 3px; max-width: 85px; padding: 4px 12px; position: relative; } .fb_dialog_content .dialog_header .touchable_button input { background: none; border: none; color: rgb(255, 255, 255); font: 700 12px Helvetica, sans-serif; margin: 2px -12px; padding: 2px 6px 3px; text-shadow: rgba(0, 30, 84, 0.298) 0px -1px 0px; } .fb_dialog_content .dialog_header .header_center { color: rgb(255, 255, 255); font-size: 16px; font-weight: 700; line-height: 18px; text-align: center; vertical-align: middle; } .fb_dialog_content .dialog_content { background: url("") 50% 50% no-repeat; border-width: 0px 1px; border-right-style: solid; border-left-style: solid; border-right-color: rgb(74, 74, 74); border-left-color: rgb(74, 74, 74); border-image: initial; border-bottom-style: initial; border-bottom-color: initial; border-top-style: initial; border-top-color: initial; height: 150px; } .fb_dialog_content .dialog_footer { background: rgb(245, 246, 247); border-width: 1px; border-style: solid; border-color: rgb(204, 204, 204) rgb(74, 74, 74) rgb(74, 74, 74); border-image: initial; height: 40px; } #fb_dialog_loader_close { float: left; } .fb_dialog.fb_dialog_mobile .fb_dialog_close_icon { visibility: hidden; } #fb_dialog_loader_spinner { animation: 1.2s linear 0s infinite normal none running rotateSpinner; background-color: transparent; background-image: url(""); background-position: 50% 50%; background-repeat: no-repeat; height: 24px; width: 24px; } @keyframes rotateSpinner { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .fb_iframe_widget { display: inline-block; position: relative; } .fb_iframe_widget span { display: inline-block; position: relative; text-align: justify; } .fb_iframe_widget iframe { position: absolute; } .fb_iframe_widget_fluid_desktop, .fb_iframe_widget_fluid_desktop span, .fb_iframe_widget_fluid_desktop iframe { max-width: 100%; } .fb_iframe_widget_fluid_desktop iframe { min-width: 220px; position: relative; } .fb_iframe_widget_lift { z-index: 1; } .fb_iframe_widget_fluid { display: inline; } .fb_iframe_widget_fluid span { width: 100%; } .\[\&_\.gdprAdTransparencyCogWheelButton\]\:\!pjra-z-\[5\], ad-slot, ad-triple-box, dfp-ad, [class^="adDisplay-module"], [class^="amp-ad-"], [class^="div-gpt-ad"], [data-ad-cls], [data-ad-manager-id], [data-ad-module], [data-ad-width], [data-adblockkey], [data-adbridg-ad-class], [data-adshim], [data-advadstrackid], [data-block-type="ad"], [data-css-class="dfp-inarticle"], [data-d-ad-id], [data-desktop-ad-id], [data-dynamic-ads], [data-ez-name], [data-freestar-ad][id], [data-id^="div-gpt-ad"], [data-m-ad-id], [data-mobile-ad-id], [data-name="adaptiveConstructorAd"], [data-rc-widget], [data-revive-zoneid] > iframe, [data-role="tile-ads-module"], [data-template-type="nativead"], [data-testid="adBanner-wrapper"], [data-testid="ad_testID"], [data-type="ad-vertical"], [data-wpas-zoneid], [id^="ad-wrap-"], [id^="ad_sky"], [id^="ad_slider"], [id^="section-ad-banner"], [name^="google_ads_iframe"], [onclick^="location.href='https://1337x.vpnonly.site/"], a-ad, a[data-href^="http://ads.trafficjunky.net/"], a[style="width:100%;height:100%;z-index:10000000000000000;position:absolute;top:0;left:0;"], ad-shield-ads, ad-slot, app-ad, app-advertisement, app-large-ad, ark-top-ad, aside[id^="adrotate_widgets-"], atf-ad-slot, bottomadblock, display-ad-component, display-ads, div[class^="Adstyled__AdWrapper-"], div[class^="Display_displayAd"], div[class^="kiwi-ad-wrapper"], div[class^="native-ad-"], div[data-ad-placeholder], div[data-ad-wrapper], div[data-adname], div[data-adunit-path], div[data-adunit], div[data-adzone], div[data-alias="300x250 Ad 1"], div[data-alias="300x250 Ad 2"], div[data-contentexchange-widget], div[data-dfp-id], div[data-id-advertdfpconf], div[data-native-ad], div[id^="ad-div-"], div[id^="ad-position-"], div[id^="adngin-"], div[id^="adrotate_widgets-"], div[id^="adspot-"], div[id^="crt-"][style], div[id^="div-ads-"], div[id^="google_dfp_"], div[id^="gpt_ad_"], div[id^="lazyad-"], div[id^="optidigital-adslot"], div[id^="pa_sticky_ad_box_middle_"], div[id^="rc-widget-"], div[id^="sticky_ad_"], div[id^="vuukle-ad-"], gpt-ad, guj-ad, hl-adsense, img[src^="https://images.purevpnaffiliates.com"], ps-connatix-module, span[data-ez-ph-id], span[id^="ezoic-pub-ad-placeholder-"], topadblock, zeus-ad, [class^="tile-picker__CitrusBannerContainer-sc-"], citrus-ad-wrapper, [class^="s2nPlayer"], div[id*="MarketGid"], div[id*="ScriptRoot"], [onclick*="content.ad/"], amp-ad, amp-ad, amp-ad-custom, amp-connatix-player, amp-fx-flying-carpet, a[data-obtrack^="http://paid.outbrain.com/network/redir?"], a[data-oburl^="https://paid.outbrain.com/network/redir?"], a[data-redirect^="https://paid.outbrain.com/network/redir?"], a[data-url^="http://paid.outbrain.com/network/redir?"] + .author, a[data-widget-outbrain-redirect^="http://paid.outbrain.com/network/redir?"], a[onmousedown^="this.href='http://paid.outbrain.com/network/redir?"][target="_blank"], a[onmousedown^="this.href='http://paid.outbrain.com/network/redir?"][target="_blank"] + .ob_source, a[onmousedown^="this.href='https://paid.outbrain.com/network/redir?"][target="_blank"] + .ob_source, a[target="_blank"][onmousedown="this.href^='http://paid.outbrain.com/network/redir?"], amp-embed[type="taboola"], div[id^="taboola-stream-"], div[id^="zergnet-widget"] { display: none !important; } [data-ad-name], [id^="div-gpt-ad"], div[aria-label="Ads"], div[data-ad-targeting], div[data-native_ad], div[id^="ad_position_"], div[id^="dfp-ad-"], div[id^="div-gpt-"], div[id^="ezoic-pub-ad-"], div[id^="yandex_ad"], ins.adsbygoogle[data-ad-slot], a[onmousedown^="this.href='https://paid.outbrain.com/network/redir?"][target="_blank"] { display: none !important; } a[href^="http://com-1.pro/"] { display: none !important; } (cache)Česká přírodní a organická kosmetika - Havlíkova přírodní apotéka
🚚DOPRAVA ZDARMA pro objednávky nad 1500 Kč!
Osvědčená kvalita
Certifikovaná BIO kvalita
Tradiční receptury
Tradiční receptury
Organické ingredience
Organické ingredience
Netestováno na zvířatech
Netestováno na zvířatech
Oblíbené produkty
Hraběnčino sérum pro vyhlazení a vypnutí pleti 30 ml od Havlíkovy apotéky
Vegan
768 Kč

Povzbuzuje unavenou a ochablou pleť Dodává extra dávku vláhy suché a unavené pleti...

V062
Pleťový krém AquaBella 30 ml od Havlíkovy Apotéky
Vegan
468 Kč

Hloubková hydratace Osvěžení a stimulace pleti Zklidnění zarudlé pleti a podráždění...

OA175
Mycí elixír na intimní partie 200 ml od Havlíkovy apotéky
Vegan
od 192 Kč

Maximálně šetrná péče o intimní partie žen i mužů Šetrně a jemně čistí, regeneruje a...

+ další
V004
Tělový balzám Tělo bohyně 100 ml od Havlíkovy apotéky
732 Kč

Zeštíhlení problematických partií Pomáhá redukovat celulitidu Zpevnění pokožky celého...

OA184
Havlíkova apotéka balíček Milované mamince
Novinka Limitka Zvýhodněná cena
Milované mamince
Skladem (>5 ks)
948 Kč

Balíček, který obejme místo slov. Milované mamince je sada tří přírodních produktů,...

VB134
Stříbrná hliníková tubapleťového krému Milovaná maminka s béžovým víčkem a růžovou etiketou.
Novinka Limitka
563 Kč

Krém Milovaná maminka obsahuje účinné složky, které pleti dodají komplexní výživu a...

OA093
Havlíkova apotéka Balíček pro problematickou pleť Glow Up Rituál
Novinka Limitka Zvýhodněná cena
Glow Up Ritual
Skladem (>5 ks)
984 Kč

Dopřej své pleti jemný rituál, který podporuje její rovnováhu, čistotu a přirozený jas....

VB148
Balíček Havlíkovy ikony od Havlíkovy apotéky
Limitka Zvýhodněná cena
Havlíkovy ikony
Skladem (>5 ks)
1 188 Kč

Nejoblíbenější balíček je zpět – teď v novém kabátku! Havlíkovy ikony jsou výběrem...

VB103
Balíček Young & Beautiful od Havlíkovy apotéky
Limitka Zvýhodněná cena
Young & Beautiful
Skladem (>5 ks)
1 440 Kč

Nejprodávanější sada se vrací v novém designu, silnější než kdy dřív! Young and...

VB105
Zázrak na akné 30 ml od Havlíkovy apotéky
Bestseller
Zázrak na akné 30 ml
Skladem (>5 ks)
492 Kč

Pleťový krém s aktivní látkou Alpin Heilmoor Extract™ Vhodný na problematickou a...

OA155
Havlíkův přírodní zázrak 30 ml od Havlíkovy apotéky
Bestseller Top
od 288 Kč

Formulace ze sedmnáctého století, jejíž účinek byl ověřen desítkami generací Napomáhá...

+ další
V010
Intimní sérum Venuše 30 ml od Havlíkovy apotéky
Bestseller Vegan
984 Kč

Lehounké sérum, které něžně pečuje o intimní partie Zpevňuje a hydratuje citlivou...

OA124
Pečující a čisticí 3minutová ranní maska 30 ml od Havlíkovy apotéky
Top Vegan
od 156 Kč

3minutová ranní maska Dokonale nastartuje pleť do nového dne Čistí a regeneruje...

+ další
V101
Pleťová maska Nektar 50 ml od Organické Apotéky
Vegan
864 Kč

Noční pleťová maska Zvyšuje syntézu kolagenu a elastinu pleti Hloubkově hydratuje a...

OA134
Pleťový krém Josefina 50 ml Havlíkova apotéka
Bestseller
1 656 Kč

Přírodní NAD krém, který hydratuje, regeneruje a chrání pleť před projevy stárnutí....

OA186
Hraběnčino sérum pro vyhlazení a vypnutí pleti 30 ml od Havlíkovy apotéky
Vegan
768 Kč

Povzbuzuje unavenou a ochablou pleť Dodává extra dávku vláhy suché a unavené pleti...

V062
Pleťový krém AquaBella 30 ml od Havlíkovy Apotéky
Vegan
468 Kč

Hloubková hydratace Osvěžení a stimulace pleti Zklidnění zarudlé pleti a podráždění...

OA175
Mycí elixír na intimní partie 200 ml od Havlíkovy apotéky
Vegan
od 192 Kč

Maximálně šetrná péče o intimní partie žen i mužů Šetrně a jemně čistí, regeneruje a...

+ další
V004
Tělový balzám Tělo bohyně 100 ml od Havlíkovy apotéky
732 Kč

Zeštíhlení problematických partií Pomáhá redukovat celulitidu Zpevnění pokožky celého...

OA184
Havlíkova apotéka balíček Milované mamince
Novinka Limitka Zvýhodněná cena
Milované mamince
Skladem (>5 ks)
948 Kč

Balíček, který obejme místo slov. Milované mamince je sada tří přírodních produktů,...

VB134
Stříbrná hliníková tubapleťového krému Milovaná maminka s béžovým víčkem a růžovou etiketou.
Novinka Limitka
563 Kč

Krém Milovaná maminka obsahuje účinné složky, které pleti dodají komplexní výživu a...

OA093
Havlíkova apotéka Balíček pro problematickou pleť Glow Up Rituál
Novinka Limitka Zvýhodněná cena
Glow Up Ritual
Skladem (>5 ks)
984 Kč

Dopřej své pleti jemný rituál, který podporuje její rovnováhu, čistotu a přirozený jas....

VB148
Balíček Havlíkovy ikony od Havlíkovy apotéky
Limitka Zvýhodněná cena
Havlíkovy ikony
Skladem (>5 ks)
1 188 Kč

Nejoblíbenější balíček je zpět – teď v novém kabátku! Havlíkovy ikony jsou výběrem...

VB103
Doporučujeme
Cibulovo fazolový šampon na světlé vlasy 500 ml od Havlíkovy apotéky
od 60 Kč

Napomáhá zdravému růstu vlasů Posiluje vlasy od jejich kořínků Zlepšuje hydrataci a...

+ další
V240
Cibulovo fazolový šampon na tmavé vlasy 200 ml od Havlíkovy apotéky
od 60 Kč

Napomáhá zdravému růstu vlasů Posiluje vlasy od jejich kořínků Zlepšuje hydrataci a...

+ další
V242
Cibulovo fazolové vlasové sérum 50 ml od Havlíkovy apotéky
Vegan
588 Kč

Stimuluje růst nových vlasů Zvyšuje hustotu vlasů Omezuje vypadávání vlasů...

V239
Odličovací maska Hebká tvářička 200 ml od Havlíkovy apotéky
Vegan
492 Kč

Odličovací péče pro všechny typy pleti Zanechává pokožku jemnou a sametovou...

V217
Havlíkova apotéka balíček Milované mamince
Novinka Limitka Zvýhodněná cena
Milované mamince
Skladem (>5 ks)
948 Kč

Balíček, který obejme místo slov. Milované mamince je sada tří přírodních produktů,...

VB134
Stříbrná hliníková tubapleťového krému Milovaná maminka s béžovým víčkem a růžovou etiketou.
Novinka Limitka
563 Kč

Krém Milovaná maminka obsahuje účinné složky, které pleti dodají komplexní výživu a...

OA093
Havlíkova apotéka Balíček pro problematickou pleť Glow Up Rituál
Novinka Limitka Zvýhodněná cena
Glow Up Ritual
Skladem (>5 ks)
984 Kč

Dopřej své pleti jemný rituál, který podporuje její rovnováhu, čistotu a přirozený jas....

VB148
Balíček Havlíkovy ikony od Havlíkovy apotéky
Limitka Zvýhodněná cena
Havlíkovy ikony
Skladem (>5 ks)
1 188 Kč

Nejoblíbenější balíček je zpět – teď v novém kabátku! Havlíkovy ikony jsou výběrem...

VB103
Balíček Young & Beautiful od Havlíkovy apotéky
Limitka Zvýhodněná cena
Young & Beautiful
Skladem (>5 ks)
1 440 Kč

Nejprodávanější sada se vrací v novém designu, silnější než kdy dřív! Young and...

VB105
Pleťový krém Josefina 50 ml Havlíkova apotéka
Bestseller
1 656 Kč

Přírodní NAD krém, který hydratuje, regeneruje a chrání pleť před projevy stárnutí....

OA186
Set pleťového séra Alabaster 30 ml a pleťového oleje Opium 30 ml od Organické Apotéky
Bestseller Vegan Zvýhodněná cena
2 208 Kč

2násobná hydratace Ochrana pleti před negativními vnějšími vlivy Zvýšení elasticity a...

VBE008
Pleťová maska Vitamín C 30 ml od Havlíkovy apotéky
Vegan
372 Kč

Silně antioxidační 3minutová ranní pleťová maska Chrání pokožku před působením volných...

OA001
Čisticí sérum Superinfuze vitamínu C 200 ml od Havlíkovy apotéky
Vegan
696 Kč

Rozjasnění a regenerace mdlé pleti Pro každodenní vyčištění a odlíčení pleti Vhodný i...

OA106
Oční sérum Arabella 30 ml od Organické Apotéky
Vegan
1 488 Kč

Obnovení vitality a rozzáření očního okolí Redukce tmavých kruhů pod očima Redukce...

OA187
Zázrak na akné 30 ml od Havlíkovy apotéky
Bestseller
Zázrak na akné 30 ml
Skladem (>5 ks)
492 Kč

Pleťový krém s aktivní látkou Alpin Heilmoor Extract™ Vhodný na problematickou a...

OA155
Pleťový krém AquaBella 30 ml od Havlíkovy Apotéky
Vegan
468 Kč

Hloubková hydratace Osvěžení a stimulace pleti Zklidnění zarudlé pleti a podráždění...

OA175
od 612 Kč

Krém inspirovaný 18. stoletím Lehké složení podobné něžnému polibku milence Zjemňuje...

+ další
V174
Intimní sérum Venuše 30 ml od Havlíkovy apotéky
Bestseller Vegan
984 Kč

Lehounké sérum, které něžně pečuje o intimní partie Zpevňuje a hydratuje citlivou...

OA124
Havlíkův přírodní zázrak 30 ml od Havlíkovy apotéky
Bestseller Top
od 288 Kč

Formulace ze sedmnáctého století, jejíž účinek byl ověřen desítkami generací Napomáhá...

+ další
V010
Vegan
960 Kč

Anti-aging superhrdina pro citlivou pleť  Podporuje buněčnou obnovu a zpomaluje...

OA078
Mycí elixír na intimní partie 200 ml od Havlíkovy apotéky
Vegan
od 192 Kč

Maximálně šetrná péče o intimní partie žen i mužů Šetrně a jemně čistí, regeneruje a...

+ další
V004
Pečující a čisticí 3minutová ranní maska 30 ml od Havlíkovy apotéky
Top Vegan
od 156 Kč

3minutová ranní maska Dokonale nastartuje pleť do nového dne Čistí a regeneruje...

+ další
V101
Hraběnčino sérum pro vyhlazení a vypnutí pleti 30 ml od Havlíkovy apotéky
Vegan
768 Kč

Povzbuzuje unavenou a ochablou pleť Dodává extra dávku vláhy suché a unavené pleti...

V062
Cibulovo fazolový šampon na světlé vlasy 500 ml od Havlíkovy apotéky
od 60 Kč

Napomáhá zdravému růstu vlasů Posiluje vlasy od jejich kořínků Zlepšuje hydrataci a...

+ další
V240
Cibulovo fazolový šampon na tmavé vlasy 200 ml od Havlíkovy apotéky
od 60 Kč

Napomáhá zdravému růstu vlasů Posiluje vlasy od jejich kořínků Zlepšuje hydrataci a...

+ další
V242
Cibulovo fazolové vlasové sérum 50 ml od Havlíkovy apotéky
Vegan
588 Kč

Stimuluje růst nových vlasů Zvyšuje hustotu vlasů Omezuje vypadávání vlasů...

V239
Odličovací maska Hebká tvářička 200 ml od Havlíkovy apotéky
Vegan
492 Kč

Odličovací péče pro všechny typy pleti Zanechává pokožku jemnou a sametovou...

V217
Havlíkova apotéka balíček Milované mamince
Novinka Limitka Zvýhodněná cena
Milované mamince
Skladem (>5 ks)
948 Kč

Balíček, který obejme místo slov. Milované mamince je sada tří přírodních produktů,...

VB134
Stříbrná hliníková tubapleťového krému Milovaná maminka s béžovým víčkem a růžovou etiketou.
Novinka Limitka
563 Kč

Krém Milovaná maminka obsahuje účinné složky, které pleti dodají komplexní výživu a...

OA093
Havlíkova apotéka Balíček pro problematickou pleť Glow Up Rituál
Novinka Limitka Zvýhodněná cena
Glow Up Ritual
Skladem (>5 ks)
984 Kč

Dopřej své pleti jemný rituál, který podporuje její rovnováhu, čistotu a přirozený jas....

VB148
Balíček Havlíkovy ikony od Havlíkovy apotéky
Limitka Zvýhodněná cena
Havlíkovy ikony
Skladem (>5 ks)
1 188 Kč

Nejoblíbenější balíček je zpět – teď v novém kabátku! Havlíkovy ikony jsou výběrem...

VB103

O Apotéce

Havlíkova přírodní apotéka, založená v roce 2014 Zuzanou Krejčí, nabízí kvalitní organickou kosmetiku inspirovanou starověkými recepturami. Produkty jsou vyráběny z nejčistších přírodních surovin, které jsou pečlivě vybírány a zpracovány.

Přečíst si více
Nový Věrnostní program

VĚRNOSTNÍ PROGRAM PLNÝ DÁRKŮ

Získejte svůj uvítací bonus 100 bodů za registraci! Sbírejte body, hýčkejte se a užívejte si odměny.💚 Náš digitální Věrnostní program vám přináší dárky, bonusové body i speciální akce jen pro členy.

Nakupujete na e-shopu i prodejnách? Odměníme vás body! Body = dárečky. Vyměníte je za dárky z katalogu produktů. Každý bod vás přiblíží k vyššímu statusu s dalšími výhodami.

Těšit se můžete na speciální porci bodů k svátku i narozeninám. Odměníme vás body za doporučení přátel i jejich první nákup.

Zjistit více
Send us a message