") 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: 40px; 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: 40px 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: 40px; } .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; justify-self: flex-end; padding-left: 16px; padding-right: 3px; position: relative; text-align: right; width: calc(100% - 24px); } :where(.ums_forms_redesign--off) .shp-flag-label { font-size: 14px; line-height: 18px; } :where(.ums_forms_redesign--on) .shp-flag-label { font-size: var(--form-controls-font-size); line-height: var(--form-controls-line-height); } .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: 217px; } } .search-results-groups .search-results-group { margin-bottom: 16px; } .search-results-groups h4 { margin: 0px 0px 8px; } .search-results-groups ul { margin: 0px 0px 8px; padding-left: 32px; } .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-size: 14px; font-weight: 400; height: 46px; line-height: 14px; position: absolute; right: 0px; text-transform: none; top: 0px; visibility: hidden; z-index: -1; } .menu-helper > span { border-style: none; border-width: 0px; font-size: 32px; line-height: 32px; padding: 0px; position: relative; text-transform: none; } .menu-helper::after { content: ""; text-align: center; transition: transform 0.3s ease-out 0s; } .menu-helper-visible .menu-helper::after { content: ""; transform: rotate(0deg); } .menu-helper > ul { border-style: solid; border-width: 1px; display: none; max-height: 340px; overflow: auto; position: absolute; right: 0px; text-align: left; text-transform: none; top: calc(50% + 16px); width: 280px; z-index: 1; } .menu-helper-visible .menu-helper > ul { display: block; } .menu-helper > ul > li { border-top-style: solid; border-top-width: 1px; } .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: 8px 16px; } .menu-helper .menu-level-2 a { font-weight: 400; padding: 4px 32px; } .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: 16px 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 8px; } .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: 16px 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: 16px; padding-right: 16px; } .blog-wrapper .news-item { display: block; flex-basis: 100%; margin-bottom: 16px; padding: 16px 0px; position: relative; width: 100%; } @media (min-width: 768px) { .blog-wrapper .news-item { flex-basis: 50%; margin-bottom: 0px; padding: 16px; 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 { width: 100%; } .blog-wrapper .news-item .title { margin-top: 16px; } .blog-wrapper .news-item .description { color: var(--colors-foregrounds-content-primary); margin: 8px 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: 8px; } .preauthorization-box__description, .preauthorization-box__price, .preauthorization-box__title { color: var(--colors-foregrounds-content-inverted); } .preauthorization-box__price { font-size: 20px; } .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: 12px; 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: 8px; 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: 12px; -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: 12px; 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: 12px; } .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: 25px; } :where(.ratingDialog) .form-group.rating-stars-group { margin-top: 8px; } .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(--colors-surface-rating); 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: 16px; } .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; } .btn--link, a.btn--link { font-size: 14px; letter-spacing: 0.4px; line-height: 20px; } @media (min-width: 768px) { .btn--link, a.btn--link { font-size: 16px; letter-spacing: 0.4px; line-height: 24px; } } .btn--link:hover, a.btn--link:hover { color: var(--color-secondary-hover); } .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%; } } .category-header { align-items: center; column-gap: 16px; display: flex; flex-wrap: wrap; margin-bottom: 16px; } .listSorting__controls { display: flex; flex-wrap: wrap; list-style: none; margin-block: 0px; padding-left: 0px; } .listSorting__control { appearance: none; background-color: transparent; display: block; font-size: 14px; padding: 8px; } .listSorting__control:focus-visible { position: relative; z-index: 1; } @media (min-width: 768px) { .listSorting__control { padding-inline: 16px; } } .listSorting__control--current { pointer-events: none; } .listItemsTotal { display: none; } @media (min-width: 768px) { .listItemsTotal { display: block; flex: 1 0 auto; font-size: 12px; line-height: 1.5; padding-right: 16px; padding-block: 8px; text-align: right; } .carousel { margin-bottom: 16px; } .wide .wide-carousel .carousel { margin-top: -20px; } .multiple-columns-body .wide-carousel .carousel { padding-left: 16px; padding-right: 16px; } } .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; } } @media (max-width: 767px) { :where(body.ums_page_element_headings--on) .sidebar__heading { display: none; } } .sidebar-inner { border-radius: 8px; border-style: solid; border-width: 1px; height: fit-content; margin-inline: 16px; margin-bottom: 32px; padding-bottom: 16px; } .sidebar .box { border-top-style: solid; border-top-width: 1px; margin-top: 20px; } .sidebar .box:empty + .box, .sidebar .box:first-child { border-top-width: 0px; margin-top: 0px; } :where(body.ums_page_element_headings--off) .sidebar .box h4 { margin: 24px 0px; } :where(body.ums_page_element_headings--on) .pageElement__heading { font-size: 20px; font-weight: 700; line-height: 1.15; } @media (min-width: 768px) { :where(body.ums_page_element_headings--on) .pageElement__heading { font-size: 20px; } } :where(body.ums_page_element_headings--on) :where(.sidebar) .pageElement__heading { margin-block: 24px; } :where(body.ums_page_element_headings--on) :where(.footer) .pageElement__heading { color: var(--color-secondary); margin-bottom: 16px; } @media (min-width: 768px) { :where(body.ums_page_element_headings--on) :where(.footer) .pageElement__heading { line-height: 1.4; } } :where(body.ums_page_element_headings--on) :where(.footer) .pageElement__heading::after { background-color: rgb(255, 255, 255); border: 2px solid rgb(255, 255, 255); border-radius: 8px; content: ""; display: block; margin: 12px 0px 16px; width: 40px; } :where(body.ums_page_element_headings--on) .pageElement__subHeading { font-size: 14px; margin-block: 8px; } :where(body.ums_page_element_headings--on) :where(.sidebar) .newsItemWidget__heading { line-height: 1.2; } :where(body.ums_page_element_headings--on) :where(.footer-rows) .newsItemWidget__heading { font-weight: 600; line-height: 1; } .vote-wrap { border-top-width: 0px; margin-bottom: 8px; padding-block: 0px 8px; } .flag { border-radius: 8px; clear: left; display: inline-block; float: left; font-size: 12px; font-weight: 700; hyphens: none; line-height: 1.1; margin-bottom: 0.5ex; max-width: 100%; opacity: 1; padding: 4px 8px; text-align: center; text-transform: none; transition: opacity 0.3s ease-out 0s; width: auto; } @media (max-width: 480px) { .flag { font-size: 12px; } } .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; } .flags-extra { bottom: 0px; display: flex; position: absolute; right: 0px; } .highlight-product .flags-extra { right: 24px; } .flags-extra .flag { align-items: center; border-radius: 100%; display: flex; flex-direction: column; font-size: 12px; font-weight: 700; height: 75px; hyphens: auto; justify-content: center; margin-left: -6px; text-align: center; width: 75px; 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: 8px; 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: 16px; 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; } } .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; } .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: 16px; position: relative; right: auto; top: auto; } } .navigation-buttons a { display: inline-block; font-size: 16px; 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: 46px; line-height: 46px; width: 46px; } } .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: ""; } .navigation-window-visible .navigation-buttons a[data-target="navigation"]::before { content: ""; } .product-slider-holder { margin-left: auto; margin-right: auto; padding: 32px 0px; position: relative; width: 100%; } @media (max-width: 767px) { .product-slider-holder { padding: 16px 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: 16px; } @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; } .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: 16px; } .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-secondary); display: inline-flex; text-transform: none; } .toggle-top-products:focus, .toggle-top-products:hover { background: transparent; color: var(--color-secondary-hover); } .toggle-top-products[aria-expanded="true"]::after { transform: rotate(180deg); transform-origin: center center; } .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; } .shp-tabs-holder { border-style: none; border-width: 0px; margin-bottom: 16px; margin-top: 0px; padding-left: 0px; text-align: left; } @media (max-width: 767px) { .shp-tabs-holder { margin-left: -8px; margin-right: -8px; padding-left: 16px; padding-right: 16px; } } .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: solid none none; border-width: 2px 0px 0px; display: block; padding: 8px 5px; text-decoration: none; } @media (min-width: 768px) and (max-width: 1199px) { .shp-tabs-holder ul.shp-tabs li a { padding-left: 8px; padding-right: 8px; } } @media (min-width: 1200px) { .shp-tabs-holder ul.shp-tabs li a { padding-left: 16px; padding-right: 16px; } } .responsive-nav { margin-bottom: 16px; 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: 8px 16px; } .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: 8px; position: absolute; right: 0px; top: 0px; } .searchWhisperer { display: none; flex-wrap: wrap; left: 0px; padding: 0px 8px 8px; position: absolute; right: 0px; text-align: left; width: 100%; z-index: 1003; } .searchWhisperer.active { display: flex; } @media (min-width: 768px) { .searchWhisperer { padding: 32px; } } .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: 20px; margin-bottom: 8px; 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: 4px 0px; position: relative; text-decoration: none; width: 100%; } @media (min-width: 768px) { .searchWhisperer__product { flex-direction: column; justify-content: space-between; padding: 4px; 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: 8px; } @media (min-width: 768px) { .searchWhisperer__product__infoWrapper { padding-left: 0px; } } .searchWhisperer__product__price { margin-left: auto; padding-left: 8px; 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: 268px; margin-right: 32px; order: 1; padding-right: 16px; } .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: 218px; } } .searchWhisperer__additionalResults__heading { font-size: 20px; margin-bottom: 8px; margin-top: 16px; } .searchWhisperer__additionalResults__heading:first-of-type { margin-top: 8px; } @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: 4px; padding-top: 4px; } .searchWhisperer__buttonWrapper { align-items: center; display: flex; justify-content: center; order: 3; width: 100%; } .searchWhisperer__buttonWrapper .btn.searchWhisperer__button { height: auto; padding: 16px; position: static; } .searchWhisperer__button { margin-top: 16px; } .searchWhisperer__loaderWrapper { height: 100px; width: 100%; } .searchWhisperer__content--empty { padding-top: 8px; } @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; } } .popup-widget { position: fixed; z-index: 56; } .popup-widget h2 { font-size: 20px; margin-bottom: 16px; 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: 60px; } } @media (min-width: 992px) { .popup-widget { bottom: auto; left: 50%; margin-left: -50px; max-height: 520px; padding-top: 0px; position: absolute; width: 500px; } .popup-widget::before { border-left-style: none; border-left-width: 1px; border-top-style: none; border-top-width: 1px; box-shadow: none; content: ""; height: 0px; position: absolute; top: 10px; transform: rotate(45deg); transition: right 0.3s ease-out 0s; width: 0px; z-index: 1; } .popup-widget.cart-widget { border-style: none; border-width: 1px; box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 8px 0px; margin-top: 0px; padding-top: 0px; top: 60px; } .popup-widget.cart-widget::before { right: 0px; } .admin-logged .popup-widget.cart-widget { top: 85px; } .scrolled .template-10.admin-logged .popup-widget.cart-widget { top: 60px; } .scrolled .popup-widget.cart-widget::before { right: 0px; } .popup-widget.cart-widget::before { top: -8px; } .ajax-pending .popup-widget.cart-widget::before { top: 50%; } .popup-widget.search-widget { margin-left: -160.667px; top: 60px; width: 642.667px; } .popup-widget.search-widget::before { right: 0px; } .admin-logged .popup-widget.search-widget { top: 85px; } .scrolled .template-10.admin-logged .popup-widget.search-widget { top: 60px; } .scrolled .popup-widget.search-widget::before { right: 0px; } .popup-widget.login-widget { top: 60px; } .popup-widget.login-widget::before { right: 0px; } .admin-logged .popup-widget.login-widget { top: 85px; } .scrolled .template-10.admin-logged .popup-widget.login-widget { top: 60px; } .scrolled .popup-widget.login-widget::before { right: 0px; } } @media (min-width: 1200px) { .popup-widget { margin-left: 53px; } .popup-widget.search-widget { margin-left: -195px; width: 780px; } } @media (min-width: 1440px) { .popup-widget { margin-left: 324px; } .popup-widget.search-widget { margin-left: -285.334px; width: 1141.33px; } } @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: 16px; } .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: none; border-width: 1px; box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 8px 0px; } .popup-widget-inner .cart-widget-products { max-height: 362px; } } @media (max-width: 991px) { .popup-widget-inner .cart-widget-products { height: calc(100% - 120px); } } .cart-widget-product { border-bottom-style: solid; border-bottom-width: 1px; display: table; padding: 8px; 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: 8px; } .cart-widget-product-amount { padding-left: 8px; padding-right: 8px; 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: 500; } .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: 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: 0px; 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: 8px; padding-right: 8px; vertical-align: middle; } .login-wrapper { padding-bottom: 16px; padding-top: 16px; } .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; } .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; } .search-window-visible::before { background-color: rgba(0, 0, 0, 0.65); } .radio-wrapper input[type="checkbox"]:checked + label::before, .radio-wrapper input[type="radio"]:checked + label::before, input[type="checkbox"]:checked + label::before, input[type="radio"]:checked + label::before { border-color: var(--color-secondary); } .radio-wrapper input[type="checkbox"]:checked + label::after, .radio-wrapper input[type="radio"]:checked + label::after, input[type="checkbox"]:checked + label::after, input[type="radio"]:checked + label::after { background-color: var(--color-secondary); border-color: var(--color-secondary); color: rgb(255, 255, 255); } select { cursor: pointer; } .quantity .decrease:focus-visible, .quantity .decrease:hover, .quantity .increase:focus-visible, .quantity .increase:hover { background-color: var(--colors-surface-tertiary); } :where(.ums_forms_redesign--off) .form-control.error-field, :where(.ums_forms_redesign--off) .form-control.js-error-field { border-color: rgb(194, 38, 60); } :where(.ums_forms_redesign--off) .form-control.error-field:focus, :where(.ums_forms_redesign--off) .form-control.js-error-field:focus { border-color: rgb(194, 38, 60); box-shadow: rgba(194, 38, 60, 0.25) 0px 0px 0px 0.1em; } :where(.ums_forms_redesign--off) .error-field + label, :where(.ums_forms_redesign--off) .js-error-field + label { border-color: rgb(194, 38, 60); } #header, .top-navigation-bar { background-color: var(--color-primary); } .site-msg, .user-action { background-color: var(--color-primary-hover); color: var(--color-secondary); } .languagesMenu .languagesMenu__header--actual, .navigation-tools .dropdown button, .navigation-tools .dropdown-menu > li > a { color: var(--colors-foregrounds-content-primary); } .languagesMenu .languagesMenu__header--actual:hover, .navigation-tools .dropdown button:hover, .navigation-tools .dropdown-menu > li > a:hover { color: var(--color-secondary-hover); } .popup-widget.search-widget { background: rgb(255, 255, 255); } .popup-widget.search-widget .search-widget-close { color: var(--colors-foregrounds-content-primary); } .popup-widget.search-widget form .search-form-input-group .search-input { border-color: var(--color-secondary); } .cart-widget-product-amount, .cart-widget-product-name a { color: var(--colors-foregrounds-content-primary); } .cart-widget-product-name a:hover, .cart-widget-product-price { color: var(--color-secondary); } .cart-widget-bottom { background-color: var(--colors-surface-white); } .searchWhisperer__products { background: var(--color-tertiary); } .searchWhisperer__products .searchWhisperer__products__listItem { border-bottom-color: var(--colors-foregrounds-borders-secondary); } .searchWhisperer__products .searchWhisperer__product__price { color: var(--color-secondary); } .searchWhisperer__products .searchWhisperer__product__cart .btn-primary { background-color: transparent; } .searchWhisperer__products .searchWhisperer__product__cart .btn-primary:hover { background-color: var(--color-secondary); } .searchWhisperer__additionalResults__listItem i { color: var(--color-secondary); } .searchWhisperer__buttonWrapper .btn.searchWhisperer__button { background: transparent; color: var(--color-secondary); } .searchWhisperer__buttonWrapper .btn.searchWhisperer__button:hover { background: transparent; color: var(--color-secondary-hover); } .searchWhisperer__additionalResults { background: var(--color-tertiary); } .navigation-buttons a, .navigation-buttons a[data-target="cart"], .navigation-buttons a[data-target="search"], .navigation-in > ul > li > a { color: var(--color-tertiary-hover); } .navigation-buttons a:focus-visible, .navigation-buttons a:hover, .navigation-buttons a[data-target="cart"]:focus-visible, .navigation-buttons a[data-target="cart"]:hover, .navigation-buttons a[data-target="search"]:focus-visible, .navigation-buttons a[data-target="search"]:hover, .navigation-in > ul > li > a:focus-visible, .navigation-in > ul > li > a:hover { color: var(--color-secondary); } .navigation-in .has-third-level div > ul a, .navigation-in > ul > li > a, .navigation-in > ul > li > a:hover { color: var(--colors-foregrounds-content-primary); } .navigation-in .has-third-level div > ul a:hover { color: var(--color-secondary); } @media (max-width: 767px) { .navigation-in .exp { background-color: var(--color-tertiary); } } .navigation-window-visible .navigation-buttons a[data-target="navigation"], .navigation-window-visible .navigation-buttons a[data-target="navigation"]:hover { background-color: var(--color-primary); color: var(--colors-foregrounds-content-primary); } .more-items-trigger { background-color: var(--colors-surface-white); color: var(--colors-foregrounds-content-primary); } .more-items-trigger:hover { color: var(--color-secondary-hover); } .carousel-wrapper .row { margin: 0px; } .carousel .extended-banner-texts .extended-banner-link { background-color: var(--color-secondary); border-color: var(--color-secondary); color: var(--colors-foregrounds-content-inverted); } .carousel .extended-banner-texts .extended-banner-link:hover { background-color: var(--color-secondary-hover); border-color: var(--color-secondary-hover); color: var(--colors-foregrounds-content-inverted); } .banner-category .extended-banner-link, .homepage-banners-full-width .banner-wrapper .extended-banner-link, .next-to-carousel-banners .extended-banner-link { color: var(--color-secondary); } .banner-category .extended-banner-link:focus, .banner-category .extended-banner-link:hover, .homepage-banners-full-width .banner-wrapper .extended-banner-link:focus, .homepage-banners-full-width .banner-wrapper .extended-banner-link:hover, .next-to-carousel-banners .extended-banner-link:focus, .next-to-carousel-banners .extended-banner-link:hover { color: var(--color-secondary-hover); } #footer .banner-wrapper p a, .banners-content .banner-wrapper p a { color: var(--color-secondary); } #footer .banner-wrapper p a:hover, .banners-content .banner-wrapper p a:hover { color: var(--color-secondary-hover); } .carousel .extended-banner-texts, .next-to-carousel-banners .extended-banner-texts { background-color: rgb(255, 255, 255); color: var(--colors-foregrounds-content-primary); } .banner-category a, .benefit-banners-full-width, .homepage-banners-full-width .banner-wrapper a { color: var(--colors-foregrounds-content-primary); } @media (min-width: 768px) { .benefit-banners-full-width { background-color: transparent; } } .benefit-banners-full-width a { color: var(--colors-foregrounds-content-primary); } .benefitBanner__data { color: hsl(var(--color-tertiary-hover-h),var(--color-tertiary-hover-s),var(--color-tertiary-hover-l),.75); } .banner-category, .homepage-banners-full-width, .homepage-latest-contribution-full-width, .store-rating-full-width { background-color: var(--colors-surface-secondary); } .latest-contribution a { color: var(--colors-foregrounds-content-primary); } .latest-contribution .latest-contribution-product { color: var(--color-secondary); } .latest-contribution .latest-contribution-product:hover { color: var(--color-secondary-hover); } .latest-contribution .latest-contribution-date, .latest-contribution .latest-contribution-title { color: hsl(var(--color-tertiary-hover-h),var(--color-tertiary-hover-s),var(--color-tertiary-hover-l),.63); } .footer-newsletter-full-width { background-color: transparent; } :where(.ums_forms_redesign--off) .footer-newsletter .consents { color: hsl(var(--color-tertiary-hover-h),var(--color-tertiary-hover-s),var(--color-tertiary-hover-l),.63); } .blog-wrapper .text, .blog-wrapper .text .title, .blog-wrapper .text a { color: var(--colors-foregrounds-content-primary); } @media (min-width: 768px) { .blog-wrapper .image + .text { background: rgba(0, 0, 0, 0.65); color: rgb(255, 255, 255); } .blog-wrapper .image + .text .description, .blog-wrapper .image + .text .news-heading, .blog-wrapper .image + .text .title, .blog-wrapper .image + .text a, .blog-wrapper .image + .text time { color: rgb(255, 255, 255); } .blog-wrapper .image + .text:hover { background: rgba(0, 0, 0, 0.75); } } .rate-wrapper { background-color: var(--colors-surface-secondary); } .rate-wrapper .rate-average, .rate-wrapper .rate-value { color: var(--color-secondary); } .discussion-form, .discussionContainer > .discussion > .vote-wrap:nth-child(2n+1), .votes-wrap.admin-response { background-color: var(--colors-surface-secondary); } :where(.ums_discussion_rating_forms--off) .discussion .add-comment { background: transparent; } :where(.ums_discussion_rating_forms--off) .discussion .add-comment:hover { background: transparent; color: var(--color-secondary-hover); } ul.manufacturers > li:nth-child(2n) { background-color: var(--colors-surface-secondary); } ul.manufacturers h2 { color: var(--color-secondary); } ul.manufacturers a { color: var(--colors-foregrounds-content-primary); } @media (min-width: 768px) { .customer-page .breadcrumbs, .customer-page .content-wrapper, .customer-page .overall-wrapper, .id--4 .breadcrumbs, .id--4 .content-wrapper, .id--4 .overall-wrapper, .id--8 .breadcrumbs, .id--8 .content-wrapper, .id--8 .overall-wrapper { background-color: var(--colors-surface-secondary); } .customer-page .content, .id--4 .content, .id--8 .content { background-color: var(--colors-surface-primary); box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 8px 0px; } } .customer-page .content { background-color: var(--colors-surface-primary); box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 8px 0px; } .breadcrumbs .navigation-bullet { color: var(--colors-foregrounds-content-tertiary); } :where(.customer-page) .breadcrumbs a { color: color-mix(in srgb,var(--colors-foregrounds-content-tertiary),#000 3%); } .product .p .image, .product .p .p-in .name { color: var(--colors-foregrounds-content-primary); } .product .p .p-in .price-additional { color: hsl(var(--color-tertiary-hover-h),var(--color-tertiary-hover-s),var(--color-tertiary-hover-l),.63); } .product-slider-holder .product-slider-pagination .pagination-button { background-color: var(--colors-foregrounds-borders-secondary); color: transparent; } .product-slider-holder .product-slider-pagination .pagination-button.active { background-color: var(--color-secondary); } .product-slider-holder .product-slider-pagination .pagination-button:hover { background-color: var(--color-secondary-hover); } .product-slider-holder .product-slider-navigation { background-color: transparent; color: transparent; } .product-slider-holder .product-slider-navigation::before { background-color: transparent; color: var(--colors-foregrounds-icons-primary); } .product-slider-holder .product-slider-navigation:hover::before { background-color: transparent; color: var(--color-secondary); } .stars-label { color: var(--colors-foregrounds-content-primary); } .p-thumbnails a img { border-color: transparent; } .p-thumbnails a.highlighted img, .p-thumbnails a.highlighted:hover img { border-color: var(--color-primary-hover); } .p-thumbnails a:hover img { border-color: var(--color-primary); } .advanced-parameter-inner { border-color: transparent; } .advanced-parameter-inner.yes-before { border-color: var(--color-secondary); } .p-price-wrapper .price-final { color: var(--color-secondary); font-family: var(--template-headings-font),sans-serif; } .p-price-wrapper .price-additional, .p-price-wrapper .standard-price-label { color: hsl(var(--color-tertiary-hover-h),var(--color-tertiary-hover-s),var(--color-tertiary-hover-l),.63); } .p-detail-full-width { background: var(--colors-surface-secondary); } .p-detail-full-width .tab-content { background: var(--colors-surface-white); box-shadow: rgba(0, 0, 0, 0.08) 0px 8px 8px 0px; } .shp-tabs-holder ul.shp-tabs li.shp-tab.active a { box-shadow: rgba(0, 0, 0, 0.09) 4px 0px 4px -2px; } .responsive-nav .navigation-btn { background-color: transparent; color: var(--colors-foregrounds-content-primary); } .responsive-nav .hidden-links { background-color: var(--colors-surface-white); border-color: var(--colors-foregrounds-borders-secondary); } .responsive-nav .hidden-links a { background-color: transparent; color: var(--color-secondary); } .responsive-nav .hidden-links a:hover { color: var(--color-secondary-hover); } .tab-content .detail-parameters { border-color: var(--colors-foregrounds-borders-secondary); } .tab-content .detail-parameters tr:nth-child(2n+1) { background-color: var(--colors-surface-secondary); } .tab-content .detail-parameters th { border-right-color: var(--colors-foregrounds-borders-secondary); } .variant-table .price-additional, .variant-table .price-standard { color: hsl(var(--color-tertiary-hover-h),var(--color-tertiary-hover-s),var(--color-tertiary-hover-l),.63); } .variant-table .price-additional > span, .variant-table .price-standard > span { text-decoration-color: hsl(var(--color-tertiary-hover-h),var(--color-tertiary-hover-s),var(--color-tertiary-hover-l),.63); } .variant-table .price-final { color: var(--color-secondary); } .variant-table .table-row { border-bottom-color: var(--colors-foregrounds-borders-secondary); } .link-icons .link-icon, .link-icons .link-icon:hover { color: var(--colors-foregrounds-content-primary); } .link-icons .link-icon:hover { background-color: color-mix(in srgb,var(--colors-surface-secondary),#000 5%); } .social-buttons { background-color: var(--colors-surface-primary); } #checkoutSidebar .cart-content, .checkout-box, .checkout-box-wrapper, .ordering-process .co-box, .summary-wrapper { background-color: var(--colors-surface-secondary); } .id--15.ordering-process .co-box.co-payment-method { background-color: transparent; } .id--15.ordering-process .co-box.co-payment-method .row { background-color: var(--colors-surface-secondary); } :where(body.ums_homepage_cart_checkout_headings--on) .cart-summary h2, :where(body.ums_homepage_cart_checkout_headings--on) .checkout-box-wrapper h2, :where(body.ums_homepage_cart_checkout_headings--on) .order-summary-inner h2, :where(body.ums_homepage_cart_checkout_headings--on) .summary-wrapper h2 { color: var(--color-secondary); } :where(body.ums_homepage_cart_checkout_headings--off) .cart-summary h4, :where(body.ums_homepage_cart_checkout_headings--off) .checkout-box-wrapper h4, :where(body.ums_homepage_cart_checkout_headings--off) .order-summary-inner h4, :where(body.ums_homepage_cart_checkout_headings--off) .summary-wrapper h4 { color: var(--color-secondary); } .cart-content h2 > i, .cart-content h4 > i, .extras-wrapper .extra span strong { color: var(--color-secondary); } .cart-inner .contact-box [class*=" icon-"], .cart-inner .contact-box [class^="icon-"], .extras-wrapper [class*=" icon-"], .extras-wrapper [class^="icon-"] { color: var(--colors-foregrounds-icons-primary); } .price-wrapper .price-secondary, .recapitulation-shipping-billing-info--withVat, .remove-item::before { color: hsl(var(--color-tertiary-hover-h),var(--color-tertiary-hover-s),var(--color-tertiary-hover-l),.63); } .cart-table { border-color: var(--colors-foregrounds-borders-secondary); } .cart-table .p-price .price-final { color: hsl(var(--color-tertiary-hover-h),var(--color-tertiary-hover-s),var(--color-tertiary-hover-l),.63); } .cart-table .p-total .price-final { color: var(--color-secondary); } .cart-table .p-name .main-link-variant { color: hsl(var(--color-tertiary-hover-h),var(--color-tertiary-hover-s),var(--color-tertiary-hover-l),.63); } .cart-item > div { border-color: var(--colors-foregrounds-borders-secondary); } .radio-wrapper input[type="radio"]:checked + label > span b, .radio-wrapper.active .for-free { color: var(--color-secondary); } .payment-success-icon { background-color: color-mix(in srgb,var(--colors-state-success),#fff 80%); border-color: var(--colors-state-success); color: var(--colors-state-success); } .subcategories li a { border-color: var(--colors-foregrounds-borders-secondary); color: var(--colors-foregrounds-content-primary); } .subcategories li a:focus-visible, .subcategories li a:hover { background-color: hsla(var(--color-secondary-h),var(--color-secondary-s),var(--color-secondary-l),.08); } .category-top { border-bottom-color: var(--colors-foregrounds-borders-secondary); } .products-top-header { border-top-color: var(--colors-foregrounds-borders-secondary); } .category-header { background-color: var(--colors-surface-secondary); } .listSorting__control { column-gap: 8px; flex-wrap: wrap; } .listSorting__control:focus-visible, .listSorting__control:hover { background-color: var(--colors-surface-primary); color: var(--color-secondary); } .listSorting__control--current, .listSorting__control--current:focus-visible { background-color: var(--colors-surface-white); box-shadow: rgba(0, 0, 0, 0.09) 4px 0px 4px -2px; color: var(--colors-foregrounds-content-primary); } .filters-wrapper .filters-unveil-button-wrapper i { background-color: transparent; color: rgb(255, 255, 255); } @media (min-width: 992px) { .multiple-columns-body.mobile .filters-wrapper .filters-unveil-button-wrapper .btn.btn-default.unveil-button, .multiple-columns-body.mobile .filters-wrapper .filters-unveil-button-wrapper i, .one-column-body .filters-wrapper .filters-unveil-button-wrapper .btn.btn-default.unveil-button, .one-column-body .filters-wrapper .filters-unveil-button-wrapper i { background-color: transparent; border-color: var(--color-secondary); color: var(--color-secondary); } .multiple-columns-body.mobile .filters-wrapper .filters-unveil-button-wrapper:hover .btn.btn-default.unveil-button, .multiple-columns-body.mobile .filters-wrapper .filters-unveil-button-wrapper:hover i, .one-column-body .filters-wrapper .filters-unveil-button-wrapper:hover .btn.btn-default.unveil-button, .one-column-body .filters-wrapper .filters-unveil-button-wrapper:hover i { background-color: var(--color-secondary); color: rgb(255, 255, 255); } } @media (min-width: 1200px) { .multiple-columns-body.desktop .filters-wrapper .filters-unveil-button-wrapper .btn.btn-default.unveil-button, .multiple-columns-body.desktop .filters-wrapper .filters-unveil-button-wrapper i { background-color: transparent; border-color: var(--color-secondary); color: var(--color-secondary); } .multiple-columns-body.desktop .filters-wrapper .filters-unveil-button-wrapper:hover .btn.btn-default.unveil-button, .multiple-columns-body.desktop .filters-wrapper .filters-unveil-button-wrapper:hover i { background-color: var(--color-secondary); color: rgb(255, 255, 255); } } .ui-slider-handle::before { color: rgba(255, 255, 255, 0.4); } #footer .filter-sections, #footer .filters-wrapper .filters-unveil-button-wrapper { background: var(--color-primary-hover); } .type-search #content h2 .highlight { color: var(--color-secondary); } .search-results, .search-results-group { border-top-color: var(--colors-foregrounds-borders-secondary); } .customer-page .sidebar .client-center-box ul li.active { background-color: hsla(var(--color-secondary-h),var(--color-secondary-s),var(--color-secondary-l),.08); color: var(--color-secondary); } .customer-page .sidebar .client-center-box ul li.active:hover { color: var(--color-secondary-hover); } .customer-page .sidebar .client-center-box ul li.logout .btn { background: transparent; border: none; color: var(--color-secondary); } .customer-page .sidebar .client-center-box ul li.logout .btn:hover { background-color: transparent; color: var(--color-secondary-hover); } .customer-page .sidebar .client-center-box ul li a { color: var(--colors-foregrounds-content-primary); } .customer-page .content table { border-color: var(--colors-foregrounds-borders-secondary); } .customer-page .content table .client-table-heading, .customer-page .content table thead { color: var(--colors-foregrounds-content-secondary); } .customer-page .content table tr:nth-child(2n):not(thead tr) { background-color: var(--colors-surface-secondary); } @media (max-width: 1199px) { .customer-page .content table.table-mobile-enriched tr { background-color: var(--colors-surface-secondary); } } .customer-page .content a strong { color: var(--colors-foregrounds-content-primary); } .customer-page .content strong { color: var(--color-secondary); } .customer-page .content .status { background-color: rgb(218, 218, 218); } .customer-page .content .status.status-1 { background-color: rgb(199, 83, 0); color: var(--colors-foregrounds-content-inverted); } .customer-page .content .status.status-2 { background-color: rgb(53, 49, 255); color: var(--colors-foregrounds-content-inverted); } .customer-page .content .status.status-3 { background-color: rgb(60, 132, 15); color: var(--colors-foregrounds-content-inverted); } .customer-page .content .status.status-4 { background-color: rgb(211, 58, 54); color: var(--colors-foregrounds-content-inverted); } .sidebar { background-color: transparent; border-color: transparent; } .sidebar .box { border-color: var(--colors-foregrounds-borders-secondary); } .sidebar .subscribe-form .consents, .sidebar .subscribe-form .consents a { color: hsl(var(--color-tertiary-hover-h),var(--color-tertiary-hover-s),var(--color-tertiary-hover-l),.63); } .sidebar-inner { background-color: var(--colors-surface-secondary); border-color: var(--colors-foregrounds-borders-secondary); } ol.top-products li::before { background-color: var(--color-secondary); color: rgb(255, 255, 255); } ol.top-products li a { color: var(--colors-foregrounds-content-primary); } ol.top-products li a:hover .top-products-name { color: var(--color-secondary); } #content #filters { background-color: var(--colors-surface-secondary); border-color: var(--colors-foregrounds-borders-secondary); } #footer, .footer-rows .rate-wrapper { background-color: var(--color-primary-hover); } .footer-bottom, .footer-bottom-full-width { background-color: var(--colors-surface-primary); } #footer .footer-bottom, #footer .footer-bottom a { color: hsl(var(--color-tertiary-hover-h),var(--color-tertiary-hover-s),var(--color-tertiary-hover-l),.63); } .footer-rows .rate-wrapper .star::before { color: var(--color-secondary); } #footer .filter-total-count, .footer-rows .vote-admin-response, .footer-rows .vote-rating, .footer-rows li a { color: var(--colors-foregrounds-content-primary); } :where(body.ums_page_element_headings--off) #footer h4 { color: var(--color-secondary); } :where(body.ums_page_element_headings--off) #footer h4 > span::after { background-color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); } #footer a { color: var(--colors-foregrounds-content-primary); } #footer .btn-default, #footer .btn-primary:hover, #footer .login-btn.facebook, #footer .social-icon:focus-visible, #footer .social-icon:hover { color: var(--colors-foregrounds-content-inverted); } #footer .password-helper a { color: var(--color-secondary); } .footer-links a { color: var(--colors-foregrounds-content-primary); } .eet-message-inner { color: hsl(var(--color-tertiary-hover-h),var(--color-tertiary-hover-s),var(--color-tertiary-hover-l),.63); } .products-block .inactive { color: var(--colors-foregrounds-content-primary); } .cart-xyDiscount__banner { background-color: var(--colors-surface-secondary); } .content-wrapper.container .row > div.next-to-carousel-banners, .content-wrapper.container .row > div.wide-carousel { padding: 0px; } .banner-wrapper { position: relative; } .carousel-inner .item > a > img, .carousel-inner .item > img { width: 100%; } .carousel .extended-banner-texts, .next-to-carousel-banners .extended-banner-texts { align-items: flex-start; display: flex; flex-flow: column; justify-content: center; padding: 16px; } @media (min-width: 992px) { .carousel .extended-banner-texts, .next-to-carousel-banners .extended-banner-texts { border-top-left-radius: 8px; border-top-right-radius: 8px; bottom: 0px; font-size: 16px; left: 32px; line-height: 24px; max-height: 90%; min-height: 50%; padding: 40px; position: absolute; width: 64%; } } @media (min-width: 1200px) { .carousel .extended-banner-texts, .next-to-carousel-banners .extended-banner-texts { left: 64px; } } .carousel .extended-banner-texts > span, .next-to-carousel-banners .extended-banner-texts > span { display: block; margin-bottom: 16px; } .carousel .extended-banner-texts .extended-banner-title, .next-to-carousel-banners .extended-banner-texts .extended-banner-title { display: -webkit-box; font-size: 32px; font-weight: 700; -webkit-line-clamp: 2; line-height: 40px; overflow: hidden; text-overflow: ellipsis; width: 100%; -webkit-box-orient: vertical; } @media (min-width: 1200px) { .carousel .extended-banner-texts .extended-banner-title, .next-to-carousel-banners .extended-banner-texts .extended-banner-title { font-size: 48px; font-weight: 700; line-height: 56px; } } .carousel .extended-banner-texts .extended-banner-link, .next-to-carousel-banners .extended-banner-texts .extended-banner-link { align-items: center; display: flex; font-size: 14px; font-weight: 600; justify-content: center; line-height: 16px; margin-bottom: 0px; transition: all 0.3s ease-out 0s; } .carousel .extended-banner-texts .extended-banner-link::after, .next-to-carousel-banners .extended-banner-texts .extended-banner-link::after { content: ""; font-size: 12px; margin-left: 1em; } .carousel .extended-banner-texts .extended-banner-text, .next-to-carousel-banners .extended-banner-texts .extended-banner-text { display: -webkit-box; letter-spacing: 0.8px; -webkit-line-clamp: 3; margin-bottom: 32px; overflow: hidden; text-overflow: ellipsis; width: 100%; word-break: break-word; -webkit-box-orient: vertical; } .carousel .extended-banner-texts:empty, .next-to-carousel-banners .extended-banner-texts:empty { display: none; visibility: hidden; } @media (min-width: 1200px) { .carousel .extended-banner-texts { min-height: 80%; padding: 64px; width: 40%; } .carousel .extended-banner-texts > span { margin-bottom: 16px; } } .carousel .extended-banner-texts .extended-banner-link { border-radius: 8px; border-style: solid; border-width: 1px; cursor: pointer; font-size: 14px; line-height: 16px; padding: 16px; } @media (min-width: 1200px) { .carousel .extended-banner-texts .extended-banner-link { border-radius: 8px; font-size: 14px; font-weight: 600; line-height: 16px; padding: 16px; } } .carousel .extended-banner-texts .extended-banner-link::after { content: ""; } .carousel .extended-banner-texts .extended-banner-text { margin-bottom: 40px; } .next-to-carousel-banners { align-items: center; display: flex; flex-flow: column; justify-content: center; position: relative; } @media (min-width: 992px) { .next-to-carousel-banners { flex-flow: row; } } .next-to-carousel-banners .extended-banner-texts .extended-banner-title { font-size: 24px; line-height: 32px; } @media (min-width: 1200px) { .next-to-carousel-banners .extended-banner-texts .extended-banner-title { font-size: 32px; line-height: 40px; } } .carousel { margin-bottom: 0px; } .carousel-control { opacity: 0; pointer-events: none; width: 10%; } .carousel-control.left::before, .carousel-control.right::before { font-size: 20px; } .carousel-control.left::before { content: ""; } .carousel-control.right::before { content: ""; } .carousel:hover .carousel-control { opacity: 1; } .carousel-control::before { pointer-events: auto; } .banner-category, .homepage-banners-full-width .banner-wrapper { text-align: center; } .banner-category img, .homepage-banners-full-width .banner-wrapper img { margin: auto; width: 100%; } .banner-category > a, .homepage-banners-full-width .banner-wrapper > a { align-items: center; display: flex; flex-flow: column; justify-content: center; position: relative; text-align: left; } @media (min-width: 992px) { .banner-category > a, .homepage-banners-full-width .banner-wrapper > a { flex-flow: row-reverse; justify-content: flex-start; } .banner-category > a img, .homepage-banners-full-width .banner-wrapper > a img { flex: 0 0 50%; margin: 0px; width: 50%; } } .banner-category > a .extended-banner-texts, .homepage-banners-full-width .banner-wrapper > a .extended-banner-texts { display: block; padding: 16px; width: 100%; } @media (min-width: 992px) { .banner-category > a .extended-banner-texts, .homepage-banners-full-width .banner-wrapper > a .extended-banner-texts { max-width: 370px; padding: 32px; } } @media (min-width: 1200px) { .banner-category > a .extended-banner-texts, .homepage-banners-full-width .banner-wrapper > a .extended-banner-texts { max-width: 585px; } } @media (min-width: 1440px) { .banner-category > a .extended-banner-texts, .homepage-banners-full-width .banner-wrapper > a .extended-banner-texts { max-width: 856px; padding: 32px 96px; } .multiple-columns-body .banner-category > a .extended-banner-texts, .multiple-columns-body .homepage-banners-full-width .banner-wrapper > a .extended-banner-texts { padding: 32px; } } .banner-category > a .extended-banner-texts > span, .homepage-banners-full-width .banner-wrapper > a .extended-banner-texts > span { display: block; } .banner-category > a .extended-banner-texts .extended-banner-title, .homepage-banners-full-width .banner-wrapper > a .extended-banner-texts .extended-banner-title { font-size: 32px; font-weight: 700; line-height: 32px; margin-bottom: 16px; } @media (min-width: 1200px) { .one-column-body .banner-category > a .extended-banner-texts .extended-banner-title, .one-column-body .homepage-banners-full-width .banner-wrapper > a .extended-banner-texts .extended-banner-title { font-size: 48px; font-weight: 700; line-height: 48px; } } .banner-category > a .extended-banner-texts .extended-banner-text, .homepage-banners-full-width .banner-wrapper > a .extended-banner-texts .extended-banner-text { margin-bottom: 16px; } @media (min-width: 992px) { .banner-category > a .extended-banner-texts .extended-banner-text, .homepage-banners-full-width .banner-wrapper > a .extended-banner-texts .extended-banner-text { margin-bottom: 32px; } } .banner-category > a .extended-banner-texts .extended-banner-link, .homepage-banners-full-width .banner-wrapper > a .extended-banner-texts .extended-banner-link { align-items: center; display: flex; font-weight: 600; justify-content: flex-start; } .banner-category > a .extended-banner-texts .extended-banner-link::after, .homepage-banners-full-width .banner-wrapper > a .extended-banner-texts .extended-banner-link::after { content: ""; margin-left: 1em; } @media (min-width: 992px) { .banner-category > a.extended-empty img, .homepage-banners-full-width .banner-wrapper > a.extended-empty img { flex: 0 0 100%; width: 100%; } } .banner-category > a.extended-empty .extended-banner-texts, .homepage-banners-full-width .banner-wrapper > a.extended-empty .extended-banner-texts { display: none; } .banner-category > span, .homepage-banners-full-width .banner-wrapper > span { display: block; margin: 0px auto; padding: 16px; } @media (min-width: 992px) { .banner-category > span, .homepage-banners-full-width .banner-wrapper > span { max-width: 739px; padding: 32px; } } @media (min-width: 1200px) { .banner-category > span, .homepage-banners-full-width .banner-wrapper > span { max-width: 1170px; } } @media (min-width: 1440px) { .banner-category > span, .homepage-banners-full-width .banner-wrapper > span { max-width: 1712px; } } @media (min-width: 992px) { .banner-category:nth-child(2n+1) > a, .homepage-banners-full-width.footer-banners .banner-wrapper > a { flex-flow: row; } } .benefitBanner { margin: 40px auto; } .benefitBanner .benefitBanner__item, .benefitBanner .benefitBanner__link { align-items: center; flex-flow: column; justify-content: center; margin-bottom: 0px; text-align: center; width: 100%; } @media (max-width: 767px) { .benefitBanner .benefitBanner__item { flex: 0 0 100%; width: 100%; } } .benefitBanner .benefitBanner__title { display: inline-block; font-size: 20px; font-weight: 700; line-height: 20px; margin-bottom: 8px; } .benefitBanner .benefitBanner__picture { flex: 0 0 64px; height: 64px; margin: 16px; } .benefitBanner .benefitBanner__picture:only-child { flex: 0 0 100%; height: 100%; } .benefitBanner .benefitBanner__picture img { max-height: 100%; width: auto; } .benefitBanner .benefitBanner__content { padding: 0px 16px; } .benefitBanner .benefitBanner__data { font-size: 14px; line-height: 16px; } @media (min-width: 1200px) { .multiple-columns-body .position--benefitHomepage .benefitBanner__item, .multiple-columns-body .position--benefitProduct .benefitBanner__item { flex: 1 1 25%; } } @media (min-width: 768px) { .blog-wrapper { align-items: stretch; } .blog-wrapper--fullNews { align-items: flex-start; } } .blog-wrapper h2 { flex: 0 0 100%; text-align: center; } @media (min-width: 768px) { .blog-wrapper .news-item { display: flex; min-height: 195px; padding: 16px 8px 0px; } } @media (min-width: 1200px) { .blog-wrapper .news-item { flex-basis: 33.333%; width: 33.333%; } } @media (min-width: 768px) { .blog-wrapper .news-item > a { display: flex; flex-direction: column; flex-grow: 1; } .blog-wrapper .news-item .image { display: flex; height: 100%; } } .blog-wrapper .news-item .image img { border-radius: 8px; height: auto; width: 100%; } @media (min-width: 768px) { .blog-wrapper .news-item .image img { object-fit: cover; } .blog-wrapper .news-item .text { border-radius: 8px; inset: 16px 8px 0px; display: flex; flex-flow: column; justify-content: flex-start; overflow: hidden; padding: 16px; position: absolute; transition: all 0.3s ease-out 0s; } } @media (min-width: 992px) { .blog-wrapper .news-item .text { justify-content: flex-end; } } @media (min-width: 768px) { .blog-wrapper .news-item--noImage .text { position: static; } } .blog-wrapper .news-item .title { font-weight: 600; } @media (min-width: 768px) { .blog-wrapper .news-item .title { display: -webkit-box; -webkit-line-clamp: 1; margin: 0px; -webkit-box-orient: vertical; flex-shrink: 0; overflow: hidden; } } @media (min-width: 1440px) { .blog-wrapper .news-item .title { -webkit-line-clamp: 2; } } .blog-wrapper .news-item .title:hover { text-decoration: none; } .blog-wrapper .news-item .title-link { display: block; font-size: 24px; font-weight: 600; line-height: 32px; margin-top: 16px; } @media (min-width: 768px) { .blog-wrapper .news-item .title-link { margin-top: 0px; } } .blog-wrapper .news-item .description { line-height: inherit; overflow: auto; } .blog-wrapper .news-item time { margin: 8px 0px 0px; } .blog-wrapper .news-item .read-article { align-items: center; display: flex; margin: 8px 0px 0px; } .blog-wrapper .news-item .read-article i { margin-left: 0.5em; } @media (min-width: 768px) { .homepage-blog-wrapper { padding: 48px 0px; } } @media (min-width: 1200px) { .homepage-blog-wrapper .news-item { flex-basis: 50%; width: 50%; } .one-column-body .homepage-blog-wrapper .news-item .image + .text { padding: 32px; } .homepage-blog-wrapper .news-item .read-article, .one-column-body .homepage-blog-wrapper .news-item .description, .one-column-body .homepage-blog-wrapper .news-item time { margin: 16px 0px 0px; } } .news-item-detail .btn { margin: 0px 8px; } .breadcrumbs { font-size: 12px; font-weight: 700; letter-spacing: 0.8px; line-height: 16px; padding: 32px 16px; text-transform: uppercase; } .category-top .breadcrumbs { display: none; } @media (max-width: 767px) { .breadcrumbs { display: none; } .category-top .breadcrumbs { display: block; padding: 24px 0px; text-align: center; } } .breadcrumbs .navigation-bullet { font-weight: 400; padding: 0px 4px; } .navigation-home-icon { align-items: center; display: inline-flex; } .navigation-home-icon::after, .navigation-home-icon::before { content: ""; } #categories a { border-radius: 8px; } #categories .categories .topic.active > a { font-weight: 700; } #categories .expandable.expanded > ul { padding: 8px 0px; } #content .filters-wrapper > div:first-of-type, #footer .filters-wrapper > div:first-of-type { text-align: left; } .slider-header .from, .slider-header .to { font-size: 14px; font-weight: 600; line-height: 16px; } @media (min-width: 768px) { .customer-page .content { border-radius: 8px; padding: 40px 32px 0px; } } .customer-page .sidebar-inner { border: 0px; margin: 16px 0px; padding: 16px; } @media (min-width: 992px) { .customer-page .sidebar-inner { margin-top: 0px; } } .customer-page .sidebar-inner .client-center-box ul { list-style-type: none; margin: 0px; padding: 0px; } .customer-page .sidebar-inner .client-center-box ul li { margin-top: 8px; padding: 8px 16px; } .customer-page .sidebar-inner .client-center-box ul li:first-child { float: left; max-width: calc(100% - 100px); min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .customer-page .sidebar-inner .client-center-box ul li:nth-child(3) { clear: both; } .customer-page .sidebar-inner .client-center-box ul li.active { border-radius: 8px; font-weight: 700; } .customer-page .sidebar-inner .client-center-box ul .logout { float: right; margin-bottom: 0px; padding-left: 0px; text-align: right; width: 100px; } .customer-page .sidebar-inner .client-center-box ul .logout .btn { padding: 5px 0px; } .customer-page .content { margin: 16px 0px; padding: 32px 16px; } @media (min-width: 768px) { .customer-page .content { margin: 0px 0px 16px 32px; padding: 40px; } } .customer-page .content .co-box { margin-bottom: 32px; } .customer-page .content h1 { color: var(--colors-foregrounds-content-primary); overflow-wrap: break-word; font-size: 24px; font-weight: 700; letter-spacing: 0.8px; line-height: 28px; margin-bottom: 24px; margin-top: 0px; text-align: left; text-transform: none; } .blank-mode .customer-page .content h1, .customer-page .content h1 { font-family: var(--template-headings-font),sans-serif; } @media (min-width: 768px) { .customer-page .content h1 { font-size: 32px; letter-spacing: 1.6px; line-height: 38px; } } .customer-page .content h2 { color: var(--colors-foregrounds-content-primary); overflow-wrap: break-word; font-size: 20px; font-weight: 600; line-height: 23px; margin-bottom: 24px; margin-top: 40px; text-transform: none; } .blank-mode .customer-page .content h2, .customer-page .content h2 { font-family: var(--template-headings-font),sans-serif; } @media (min-width: 768px) { .customer-page .content h2 { font-size: 24px; font-weight: 600; line-height: 28px; } } .customer-page .content h4 > i { display: none; } .customer-page .content table { border-collapse: separate; border-radius: 8px; border-spacing: 0px; border-style: solid; border-width: 1px; margin: 16px 0px; overflow: hidden; } .customer-page .content table thead { font-size: 12px; text-transform: uppercase; } .customer-page .content table thead td, .customer-page .content table thead th { vertical-align: bottom; } .customer-page .content table tbody td, .customer-page .content table tbody th { vertical-align: middle; } .customer-page .content table td, .customer-page .content table th { padding: 16px 8px; text-align: left; } @media (max-width: 1199px) { .customer-page .content table.table-mobile-enriched { border: none; } .customer-page .content table.table-mobile-enriched .client-table-heading { font-size: 12px; font-weight: 700; text-transform: uppercase; vertical-align: baseline; } .customer-page .content table.table-mobile-enriched thead { display: none; visibility: hidden; } .customer-page .content table.table-mobile-enriched tbody tr { border-radius: 8px; border-style: solid; border-width: 1px; margin-bottom: 24px; } .customer-page .content table.table-mobile-enriched tbody td { align-items: baseline; padding: 8px; } .customer-page .content table.table-mobile-enriched tbody td .status { padding: 4px 24px; width: auto; } .customer-page .content table.table-mobile-enriched tbody td:empty { display: none; } .customer-page .content table.table-md-50 tbody tr { display: table-row; } } @media (max-width: 1439px) { .customer-page .content table.table-md-50 { width: 100% !important; } } .customer-page .content table.customer-discussions ul { list-style-type: none; margin: 0px; padding: 0px; } .customer-page .content table.customer-discussions ul li:first-child, .customer-page .content table.customer-discussions ul li:nth-child(2) span { font-weight: 700; } .customer-page .content .status { border-radius: 8px; display: inline-block; font-weight: 700; padding: 5px; text-align: center; width: 100%; } @media (max-width: 1199px) { .customer-page .content .table-mobile-enriched .status { padding: 5px 10px; width: auto; } } .customer-page .content #register-form > .co-box:first-child > .box > h4 { margin-top: 0px; } .customer-page .content #register-form input[type="submit"] { padding: 16px; } .slider-content { margin-bottom: 32px; } .filter-sections { padding: 0px; } .filter-sections .filter-section { padding-bottom: 16px; padding-top: 0px; } .filter-sections .filter-section.filter-section-button, .filter-sections .filter-section.filter-section-count { padding-bottom: 0px; } .filter-sections .filter-section #clear-filters { margin-bottom: 16px; } .filter-sections .filter-section:only-child { padding-bottom: 0px; } .filter-sections .filter-section h4 { margin-top: 24px; } #content .filter-section fieldset div label:not(.advanced-parameter), #footer .filter-section fieldset div label:not(.advanced-parameter) { padding-bottom: 8px; padding-top: 8px; } #content .filter-section fieldset div label.advanced-parameter, #footer .filter-section fieldset div label.advanced-parameter { margin: 0px 8px 8px 0px; } .filters-wrapper .filters-unveil-button-wrapper { align-items: center; display: none; justify-content: center; left: 0px; margin: 0px; padding: 0px; right: 0px; } .filters-wrapper .filters-unveil-button-wrapper .unveil-button { font-weight: 600; padding: 16px 32px 16px 16px; position: relative; text-align: left; text-transform: none; width: 100%; z-index: 1; } @media (min-width: 992px) { .multiple-columns-body.mobile .filters-wrapper .filters-unveil-button-wrapper .unveil-button, .one-column-body .filters-wrapper .filters-unveil-button-wrapper .unveil-button { width: auto; } } @media (min-width: 1200px) { .multiple-columns-body.desktop .filters-wrapper .filters-unveil-button-wrapper .unveil-button { width: auto; } } .filters-wrapper .filters-unveil-button-wrapper i { left: -27px; pointer-events: none; position: relative; transition: all 0.3s ease-out 0s; width: 0px; z-index: 2; } #content .filters-wrapper { margin-bottom: 16px; margin-top: 0px; text-align: center; } @media (max-width: 767px) { #content .filters-wrapper { padding: 0px 8px; } } #content .filters-wrapper .filters-unveil-button-wrapper { display: flex; } @media (min-width: 992px) { .multiple-columns-body.mobile #content .filters-wrapper, .one-column-body #content .filters-wrapper { margin-bottom: 32px; } .multiple-columns-body.mobile #content .filters-wrapper .filters-unveil-button-wrapper, .one-column-body #content .filters-wrapper .filters-unveil-button-wrapper { display: inline-flex; } } @media (min-width: 1200px) { .multiple-columns-body.desktop #content .filters-wrapper { margin-bottom: 32px; } .multiple-columns-body.desktop #content .filters-wrapper .filters-unveil-button-wrapper { display: inline-flex; } } #content #filters { border-radius: 8px; border-style: solid; border-width: 1px; margin-top: 16px; padding: 24px; } @media (min-width: 992px) { #content #filters { margin-top: 32px; } } #content .slider-wrapper > h4 { margin-top: 0px; } #content .sidebar #filters { border-width: 0px; padding: 0px; } #content .sidebar .filters-wrapper { margin-bottom: 0px; margin-top: 0px; text-align: left; } #content .sidebar .filters-wrapper .filters-unveil-button-wrapper { display: none !important; } #content .sidebar .slider-wrapper > h4 { margin-top: 24px; } #footer .filters-wrapper { text-align: center; } #footer .filters-wrapper .filters-unveil-button-wrapper { display: inline-flex; margin-right: -8px; } #footer #category-filter-hover .filter-section:first-child, #footer .filter-section + .filter-section { border-top-width: 0px; } @media (min-width: 480px) { #footer .filter-section fieldset div { width: 50%; } } #footer .advanced-filters-wrapper { padding-bottom: 5px; } #footer #clear-filters { text-align: left; } :where(.ums_forms_redesign--on) .footer-newsletter { margin: auto; max-width: 440px; padding: 24px 8px; } @media (min-width: 768px) { :where(.ums_forms_redesign--on) .footer-newsletter { padding: 80px 16px; } } :where(.ums_forms_redesign--off) .footer-newsletter { margin: auto; max-width: 480px; padding: 24px 8px; text-align: center; } @media (min-width: 768px) { :where(.ums_forms_redesign--off) .footer-newsletter { padding: 80px 16px; } } :where(.ums_forms_redesign--off) .footer-newsletter .btn.btn-arrow-right::before { display: none; } :where(.ums_forms_redesign--off) .footer-newsletter .subscribe-form .sr-only { border: none; height: auto; margin: inherit; overflow: auto; padding: inherit; position: relative; width: auto; clip: auto; } :where(.ums_forms_redesign--off) .footer-newsletter .compact-form .btn, :where(.ums_forms_redesign--off) .footer-newsletter .form-control { height: 40px; } @media (min-width: 768px) { :where(.ums_forms_redesign--off) .footer-newsletter .compact-form .btn, :where(.ums_forms_redesign--off) .footer-newsletter .form-control { height: 64px; } } @media (max-width: 767px) { :where(.ums_forms_redesign--off) .footer-newsletter .subscribe-form.compact-form .btn { border-bottom-left-radius: 8px; border-top-left-radius: 8px; margin-top: 16px; position: relative; } } :where(.ums_forms_redesign--off) .footer-newsletter .form-control { padding-left: 16px; padding-right: 130px; } :where(.ums_forms_redesign--off) .footer-newsletter h2 { margin-top: 0px; } :where(.ums_forms_redesign--off) .footer-newsletter .form-group [type="hidden"] + label { font-size: 12px; font-weight: 500; letter-spacing: 0.4px; line-height: 16px; } :where(.ums_forms_redesign--off) .footer-newsletter fieldset > br { display: none; } .system-footer { padding-bottom: 16px; padding-top: 16px; } .system-footer + .footer-rows { margin-top: -16px; } @media (min-width: 768px) { .system-footer { padding-bottom: 32px; padding-top: 32px; } .system-footer + .footer-rows { margin-top: -32px; } } .footer-links .footer-link { padding: 0px 16px; } .footer-bottom-full-width { padding-bottom: 16px; padding-top: 16px; } .footer-rows .custom-footer { display: flex; flex-flow: column wrap; padding-bottom: 16px; } @media (min-width: 768px) { .footer-rows .custom-footer { flex-direction: row; padding-bottom: 32px; } } .footer-rows .custom-footer > div { flex-basis: 100%; padding-top: 16px; width: 100%; } @media (min-width: 768px) { .footer-rows .custom-footer > div { flex-basis: 50%; padding-top: 32px; width: 50%; } } @media (min-width: 1200px) { .footer-rows .custom-footer > div { flex-basis: 25%; width: 25%; } } .footer-rows .custom-footer ul { list-style: none; margin: 8px 0px; padding: 0px; } .footer-rows .custom-footer ul li { padding-bottom: 5px; } .footer-rows .custom-footer .contact-box ul li { padding-bottom: 0px; } .footer-rows .custom-footer .login-wrapper { padding: 0px; } :where(.ums_discussion_rating_forms--off) .footer-rows .custom-footer .stars { width: auto; } :where(.ums_discussion_rating_forms--off) .footer-rows .custom-footer .stars .star { margin-right: 5px; } :where(.ums_discussion_rating_forms--off) .footer-rows .custom-footer .stars .star:last-child { margin-right: 0px; } .footer-rows .custom-footer .votes-wrap { margin-top: 0px; } .footer-rows .custom-footer .vote-rating .vote-name { font-size: 14px; margin-bottom: 0px; } .footer-rows .custom-footer .vote-content { display: none; } .footer-rows .custom-footer .vote-product-name { font-size: 16px; font-weight: 700; line-height: 24px; } :where(body.ums_page_element_headings--off) .footer-rows .custom-footer h4 { margin-bottom: 16px; } :where(body.ums_page_element_headings--off) .footer-rows .custom-footer h4 > span::after { border-radius: 8px; border-style: solid; border-width: 2px; content: ""; display: block; margin: 16px 0px; width: 40px; } .footer-rows .custom-footer .news-item-widget { margin-bottom: 16px; } @media (min-width: 768px) { .system-footer + .footer-rows .custom-footer > div { padding-top: 16px; } } .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; } .footer-bottom { align-items: center; display: flex; flex-flow: column; font-size: 14px; font-weight: 600; line-height: 16px; text-align: center; } @media (min-width: 768px) { .footer-bottom { flex-flow: row; justify-content: space-between; text-align: left; } .footer-bottom > span { width: 50%; } } .footer-bottom #signature { text-align: right; } @media (max-width: 767px) { .footer-bottom #signature { padding-top: 24px; } } .footer-bottom #signature img { margin-right: 1ex; } .footer-bottom .eet-message { font-size: 12px; font-weight: 400; line-height: 16px; padding-top: 8px; text-align: center; } @media (min-width: 768px) { .footer-bottom .eet-message { text-align: left; } } #header .header-top { height: 60px; position: relative; } @media (min-width: 992px) { #header .header-top { height: auto; } } #header .header-top .header-top-wrapper { align-items: center; display: flex; flex-wrap: wrap; height: 60px; justify-content: center; position: relative; } #header .header-top .header-top-wrapper > div { flex-grow: 0; width: 33.333%; } #header .header-top .header-top-wrapper > div.user-action { flex-grow: 1; width: 100%; } #header .header-top .header-top-wrapper .site-name, #header .header-top .header-top-wrapper h1.site-name { font-size: 14px; height: 100%; line-height: 20px; margin: 0px; max-width: 50%; padding-bottom: 16px; padding-top: 16px; text-align: center; } @media (min-width: 768px) { #header .header-top .header-top-wrapper .site-name, #header .header-top .header-top-wrapper h1.site-name { width: 33.333%; } } #header .header-top .header-top-wrapper .site-name a img, #header .header-top .header-top-wrapper h1.site-name a img { max-height: 100%; } @media (min-width: 992px) { #header .header-top .header-top-wrapper .site-name a img, #header .header-top .header-top-wrapper h1.site-name a img { } } #header .header-top .header-top-wrapper .site-name .text-logo, #header .header-top .header-top-wrapper h1.site-name .text-logo { font-family: var(--template-headings-font),sans-serif; font-size: 16px; font-weight: 700; } #header .header-top .header-top-wrapper .site-name .text-logo .header__title, #header .header-top .header-top-wrapper h1.site-name .text-logo .header__title { display: -webkit-box; line-height: 1.2; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; } @media (min-width: 992px) { #header .header-top .header-top-wrapper .site-name .text-logo .header__title, #header .header-top .header-top-wrapper h1.site-name .text-logo .header__title { -webkit-line-clamp: 2; } } #header .header-top .header-top-wrapper .site-name .text-logo .motto, #header .header-top .header-top-wrapper h1.site-name .text-logo .motto { display: -webkit-box; line-height: 1.5; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; } #header .header-top .header-top-wrapper .site-name .text-logo .header__title:only-child, #header .header-top .header-top-wrapper h1.site-name .text-logo .header__title:only-child { -webkit-line-clamp: 2; } @media (min-width: 992px) { #header .header-top .header-top-wrapper .site-name .text-logo .header__title:only-child, #header .header-top .header-top-wrapper h1.site-name .text-logo .header__title:only-child { -webkit-line-clamp: 3; } #header .header-top .header-top-wrapper .site-name .text-logo, #header .header-top .header-top-wrapper h1.site-name .text-logo { font-size: 20px; } } #header .header-top .header-top-wrapper:has(.text-logo) .site-name { height: auto; } @media (max-width: 767px) { #header .header-top .header-top-wrapper:has(.text-logo) .site-name { flex-grow: 1; max-width: min(100% - 205px, 400px); padding: 8px 8px 8px 0px; text-align: left; } } @media (max-width: 767px) { #header .header-top .header-top-wrapper:has(.text-logo) .navigation-buttons { margin-left: auto; max-width: 205px; } } @media (max-width: 767px) { #header .header-top .header-top-wrapper { justify-content: space-between; padding-right: 0px; } #header .header-top .header-top-wrapper .site-name { flex-grow: 1; padding-right: 16px; text-align: left; } #header .header-top .header-top-wrapper .site-name a { align-items: center; display: flex; height: 100%; min-width: 70px; width: fit-content; } #header .header-top .header-top-wrapper .navigation-tools { display: none; } #header .header-top .header-top-wrapper .navigation-buttons { width: 50%; } } @media (min-width: 992px) { #header .header-top .header-top-wrapper { height: auto; } } @media (max-width: 991px) { #header .header-top .user-action { position: relative; } } #header .header-bottom .header-bottom-wrapper { position: relative; } .navigation-home-icon::after, .shp-icon-shadow { display: inline-block; font-family: shoptet-shadows; line-height: 0; text-decoration: none; vertical-align: middle; } .navigation-home-icon::after, .shp-icon-shadow, [class*=" icon-"]::after, [class^="icon-"]::after { speak: none; font-style: normal; font-variant: normal; font-weight: 400; margin-left: -1em; opacity: 0.3; text-transform: none; } [class*=" icon-"]::after, [class^="icon-"]::after { line-height: 1; -webkit-font-smoothing: antialiased; font-family: shoptet-shadows !important; } .icon-facebook::after { content: ""; } .icon-twitter::after { content: ""; } .icon-google::after { content: ""; } .icon-youtube::after { content: ""; } .icon-pinterest::after { content: ""; } .icon-skype::after { content: ""; } .icon-icq::after { content: ""; } .icon-msn::after { content: ""; } .icon-jabber::after { content: ""; } .icon-instagram::after { content: ""; } .icon-arrow-down::after { content: ""; } .icon-arrow-left::after { content: ""; } .icon-arrow-right::after { content: ""; } .icon-arrow-up::after { content: ""; } .icon-chevron-down::after { content: ""; } .icon-chevron-left::after { content: ""; } .icon-chevron-right::after { content: ""; } .icon-chevron-up::after { content: ""; } .icon-close::after { content: ""; } .icon-tick::after { content: ""; } .icon-menu::after { content: ""; } .icon-filter-grip::after { content: ""; } .icon-ellipsis-h::after { content: ""; } .icon-info::after { content: ""; } .icon-plus::after { content: ""; } .icon-minus::after { content: ""; } .icon-star-half::after { content: ""; } .icon-star-off::after { content: ""; } .icon-star-on::after { content: ""; } .icon-rating::after { content: ""; } .icon-comment::after { content: ""; } .icon-home::after { content: ""; } .icon-search::after { content: ""; } .icon-cart::after { content: ""; } .icon-login::after { content: ""; } .icon-address::after { content: ""; } .icon-message::after { content: ""; } .icon-box::after { content: ""; } .icon-wallet::after { content: ""; } .icon-watchdog::after { content: ""; } .icon-print::after { content: ""; } .icon-calc::after { content: ""; } .icon-discount::after { content: ""; } .icon-mobile::after { content: ""; } .icon-phone::after { content: ""; } .icon-phone-ringing::after { content: ""; } .icon-van::after { content: ""; } .icon-ban::after { content: ""; } .icon-lock::after { content: ""; } .icon-lock2::after { content: ""; } .icon-unlock::after { content: ""; } .icon-share::after { content: ""; } .icon-tag::after { content: ""; } .icon-box-opened::after { content: ""; } .icon-folder::after { content: ""; } .icon-facebook-square::after { content: ""; } .icon-play::after { content: ""; } .icon-pause::after { content: ""; } .icon-next::after { content: ""; } .icon-previous::after { content: ""; } .icon-expand::after { content: ""; } .icon-contract::after { content: ""; } .icon-degree-360::after { content: ""; } .icon-gift::after { content: ""; } .icon-tiktok::after { content: ""; } .icon-sort::after { content: ""; } .icon-filter::after { content: ""; } .icon-response::after { content: ""; } .icon-trash::after { content: ""; } .icon-book::after { content: ""; } ul.manufacturers-anchors { margin-bottom: 0px; margin-top: 0px; padding-left: 0px; text-align: center; } ul.manufacturers-anchors > li { list-style: none; } ul.manufacturers-anchors li { display: inline-block; } ul.manufacturers-anchors li a { display: block; padding: 8px; text-decoration: underline; } @media (min-width: 992px) { ul.manufacturers-anchors li a { padding: 16px; } } 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 { font-size: 32px; font-weight: 700; margin: 0px 0px 16px; text-align: left; } ul.manufacturers ul { padding: 0px; } ul.manufacturers ul li { padding: 8px 0px; } ul.manufacturers > li { margin: 0px; padding: 24px 0px; } ul.manufacturers > li > div { margin: 0px auto; padding: 0px 32px; width: 100%; } @media (min-width: 768px) { ul.manufacturers > li > div { max-width: 739px; padding: 0px 16px; } } @media (min-width: 992px) { ul.manufacturers > li > div { max-width: 964px; } } @media (min-width: 1200px) { ul.manufacturers > li > div { max-width: 1170px; padding: 0px 64px; } .one-column-body ul.manufacturers > li > div { padding: 0px 96px; } } @media (min-width: 1440px) { ul.manufacturers > li > div { max-width: 1712px; padding: 0px 96px; } .one-column-body ul.manufacturers > li > div { padding: 0px 128px; } } ul.manufacturers > li a { font-weight: 600; } @media (min-width: 768px) { ul.manufacturers ul { display: flex; 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%; } } .navigation-buttons { position: relative; } .navigation-buttons a, .top-nav-button { align-items: center; display: flex; font-size: 16px; height: 60px; justify-content: center; line-height: 60px; margin-left: 0px; position: relative; text-align: center; text-decoration: none; width: 50px; } @media (min-width: 480px) { .navigation-buttons a, .top-nav-button { font-size: 20px; } } .top-nav-button { appearance: none; border: 0px; padding: 0px; } .navigation-buttons a[data-target="cart"]::before, .navigation-buttons a[data-target="search"]::before, .top-nav-button::before { content: ""; display: none; } .languagesMenu .languagesMenu__header--actual, .navigation-tools .dropdown button { align-items: center; display: flex; font-size: 14px; line-height: 14px; margin: 0px 15px 0px 0px; padding: 0px; } .languagesMenu .languagesMenu__header--actual .caret, .navigation-tools .dropdown button .caret { border: 0px; display: block; font-size: 12px; height: 0px; margin-left: 5px; width: 14px; } .languagesMenu .languagesMenu__header--actual .caret::before, .navigation-tools .dropdown button .caret::before { content: ""; height: 14px; width: 14px; } .languagesMenu__box.open .languagesMenu__header--actual .caret::before, .navigation-tools .dropdown.open button .caret::before { content: ""; } .languagesMenu .languagesMenu__box ul.languagesMenu__list, .navigation-tools .dropdown ul.dropdown-menu { border-radius: 8px; border-width: 0px; box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 8px 0px; margin: 20px 0px 0px; padding: 16px; top: 50%; } .languagesMenu .languagesMenu__box ul.languagesMenu__list li, .navigation-tools .dropdown ul.dropdown-menu li { list-style: none; } .languagesMenu .languagesMenu__box ul.languagesMenu__list li a, .navigation-tools .dropdown ul.dropdown-menu li a { line-height: 30px; padding: 0px 10px; } .languagesMenu .languagesMenu__box ul.languagesMenu__list li a:hover, .navigation-tools .dropdown ul.dropdown-menu li a:hover { background: none; } .languagesMenu .languagesMenu__box ul.languagesMenu__list li a::before, .navigation-tools .dropdown ul.dropdown-menu li a::before { content: none; } .languagesMenu__list__name--actual { font-weight: 700; } .navigation-tools .dropdown { display: flex; height: 60px; } .navigation-tools .dropdown > span { display: none; } .navigation-tools .dropdown button { appearance: none; background: none; border: none; } .languagesMenu__box { display: flex; height: 60px; } @media (min-width: 768px) { .languagesMenu__list { top: 100%; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; visibility: visible; } } .content-inner .no-ratings-message, .p-detail .no-ratings-message, :where(.ratingDialog) .no-ratings-message { text-align: center; } .content-inner .rate-wrapper, .p-detail .rate-wrapper, :where(.ratingDialog) .rate-wrapper { border-radius: 8px; } :where(.ums_discussion_rating_forms--off) .content-inner .rate-wrapper, :where(.ums_discussion_rating_forms--off) .p-detail .rate-wrapper, :where(.ums_discussion_rating_forms--off) :where(.ratingDialog) .rate-wrapper { padding: 16px; } :where(.ums_discussion_rating_forms--on) .content-inner .rate-wrapper, :where(.ums_discussion_rating_forms--on) .p-detail .rate-wrapper, :where(.ums_discussion_rating_forms--on) :where(.ratingDialog) .rate-wrapper { padding: 16px 32px; } @media (min-width: 768px) { .id--51 .content-inner .rate-wrapper, .id--51 .p-detail .rate-wrapper, .id--51 :where(.ratingDialog) .rate-wrapper { margin-top: 32px; } } @media (max-width: 991px) { :where(.ums_discussion_rating_forms--off) .content-inner .rate-wrapper.unveil-wrapper .rate-wrap, :where(.ums_discussion_rating_forms--off) .p-detail .rate-wrapper.unveil-wrapper .rate-wrap, :where(.ums_discussion_rating_forms--off) :where(.ratingDialog) .rate-wrapper.unveil-wrapper .rate-wrap { flex-flow: column; } .content-inner .rate-wrapper.unveil-wrapper .rate-wrap > div, .p-detail .rate-wrapper.unveil-wrapper .rate-wrap > div, :where(.ratingDialog) .rate-wrapper.unveil-wrapper .rate-wrap > div { width: 100%; } } .content-inner .rate-wrapper.unveil-wrapper .rate-average-wrap:only-child, .p-detail .rate-wrapper.unveil-wrapper .rate-average-wrap:only-child, :where(.ratingDialog) .rate-wrapper.unveil-wrapper .rate-average-wrap:only-child { width: 100%; } .content-inner .rate-wrapper.unveil-wrapper .rate-list, .p-detail .rate-wrapper.unveil-wrapper .rate-list, :where(.ratingDialog) .rate-wrapper.unveil-wrapper .rate-list { display: block; } .content-inner .rate-wrapper.unveil-wrapper .rate-list .rate-value, .p-detail .rate-wrapper.unveil-wrapper .rate-list .rate-value, :where(.ratingDialog) .rate-wrapper.unveil-wrapper .rate-list .rate-value { font-weight: 600; } .content-inner .rate-wrapper.unveil-wrapper .rate-list .rate-block, .p-detail .rate-wrapper.unveil-wrapper .rate-list .rate-block, :where(.ratingDialog) .rate-wrapper.unveil-wrapper .rate-list .rate-block { margin: 8px 0px 16px; position: relative; } .content-inner .rate-wrapper.unveil-wrapper .rate-list .rate-block .rate-bar, .p-detail .rate-wrapper.unveil-wrapper .rate-list .rate-block .rate-bar, :where(.ratingDialog) .rate-wrapper.unveil-wrapper .rate-list .rate-block .rate-bar { border-radius: 4px; height: 16px; min-width: 2px; position: static; } .content-inner .rate-wrapper.unveil-wrapper .rate-list .rate-block .rate-bar .rate-count, .p-detail .rate-wrapper.unveil-wrapper .rate-list .rate-block .rate-bar .rate-count, :where(.ratingDialog) .rate-wrapper.unveil-wrapper .rate-list .rate-block .rate-bar .rate-count { animation: 0.2s ease 0.5s 1 normal forwards running fadeIn; right: 0px; visibility: hidden; } .content-inner .rate-wrapper.unveil-wrapper .rate-average-inner, .p-detail .rate-wrapper.unveil-wrapper .rate-average-inner, :where(.ratingDialog) .rate-wrapper.unveil-wrapper .rate-average-inner { margin-bottom: 16px; } :where(.ums_discussion_rating_forms--on) .content-inner .rate-wrapper.unveil-wrapper .rate-average-inner, :where(.ums_discussion_rating_forms--on) .p-detail .rate-wrapper.unveil-wrapper .rate-average-inner, :where(.ums_discussion_rating_forms--on) :where(.ratingDialog) .rate-wrapper.unveil-wrapper .rate-average-inner { align-items: center; flex-direction: column; } @media (min-width: 480px) { :where(.ums_discussion_rating_forms--off) .content-inner .rate-wrapper.unveil-wrapper .rate-average-inner, :where(.ums_discussion_rating_forms--off) .p-detail .rate-wrapper.unveil-wrapper .rate-average-inner, :where(.ums_discussion_rating_forms--off) :where(.ratingDialog) .rate-wrapper.unveil-wrapper .rate-average-inner { flex-direction: column; } } .content-inner .rate-wrapper.unveil-wrapper .rate-average-inner .rate-average, .p-detail .rate-wrapper.unveil-wrapper .rate-average-inner .rate-average, :where(.ratingDialog) .rate-wrapper.unveil-wrapper .rate-average-inner .rate-average { font-weight: 700; } .content-inner .rate-wrapper.unveil-wrapper .rate-average-inner .rate-star-wrap, .p-detail .rate-wrapper.unveil-wrapper .rate-average-inner .rate-star-wrap, :where(.ratingDialog) .rate-wrapper.unveil-wrapper .rate-average-inner .rate-star-wrap { margin: 0px; } :where(.ums_discussion_rating_forms--off) .content-inner .rate-wrapper.unveil-wrapper .rate-average-inner .rate-star-wrap .stars, :where(.ums_discussion_rating_forms--off) .p-detail .rate-wrapper.unveil-wrapper .rate-average-inner .rate-star-wrap .stars, :where(.ums_discussion_rating_forms--off) :where(.ratingDialog) .rate-wrapper.unveil-wrapper .rate-average-inner .rate-star-wrap .stars { height: 32px; margin: 16px 0px; } :where(.ums_discussion_rating_forms--off) .content-inner .rate-wrapper.unveil-wrapper .rate-average-inner .rate-star-wrap .stars a, :where(.ums_discussion_rating_forms--off) .p-detail .rate-wrapper.unveil-wrapper .rate-average-inner .rate-star-wrap .stars a, :where(.ums_discussion_rating_forms--off) :where(.ratingDialog) .rate-wrapper.unveil-wrapper .rate-average-inner .rate-star-wrap .stars a { font-size: 32px; height: 32px; line-height: 32px; margin: 0px 5px; width: 32px; } :where(.ums_discussion_rating_forms--off) .content-inner .rate-wrapper.unveil-wrapper .rate-average-inner .rate-star-wrap .stars a::before, :where(.ums_discussion_rating_forms--off) .content-inner .rate-wrapper.unveil-wrapper .rate-average-inner .rate-star-wrap .stars span::before, :where(.ums_discussion_rating_forms--off) .p-detail .rate-wrapper.unveil-wrapper .rate-average-inner .rate-star-wrap .stars a::before, :where(.ums_discussion_rating_forms--off) .p-detail .rate-wrapper.unveil-wrapper .rate-average-inner .rate-star-wrap .stars span::before, :where(.ums_discussion_rating_forms--off) :where(.ratingDialog) .rate-wrapper.unveil-wrapper .rate-average-inner .rate-star-wrap .stars a::before, :where(.ums_discussion_rating_forms--off) :where(.ratingDialog) .rate-wrapper.unveil-wrapper .rate-average-inner .rate-star-wrap .stars span::before { font-size: 32px; line-height: 32px; } :where(.ums_discussion_rating_forms--on) .content-inner .rate-wrapper.unveil-wrapper .rate-average-inner .rate-star-wrap .stars, :where(.ums_discussion_rating_forms--on) .p-detail .rate-wrapper.unveil-wrapper .rate-average-inner .rate-star-wrap .stars, :where(.ums_discussion_rating_forms--on) :where(.ratingDialog) .rate-wrapper.unveil-wrapper .rate-average-inner .rate-star-wrap .stars { gap: 10px; height: 32px; justify-content: center; margin: 16px 0px; } :where(.ums_discussion_rating_forms--on) .content-inner .rate-wrapper.unveil-wrapper .rate-average-inner .rate-star-wrap .stars span::before, :where(.ums_discussion_rating_forms--on) .p-detail .rate-wrapper.unveil-wrapper .rate-average-inner .rate-star-wrap .stars span::before, :where(.ums_discussion_rating_forms--on) :where(.ratingDialog) .rate-wrapper.unveil-wrapper .rate-average-inner .rate-star-wrap .stars span::before { font-size: 32px; line-height: 32px; } .content-inner .rate-wrapper.unveil-wrapper .rate-average-inner .rate-star-wrap .stars-label, .p-detail .rate-wrapper.unveil-wrapper .rate-average-inner .rate-star-wrap .stars-label, :where(.ratingDialog) .rate-wrapper.unveil-wrapper .rate-average-inner .rate-star-wrap .stars-label { line-height: 24px; text-align: center; } :where(.ums_discussion_rating_forms--on) .content-inner .rate-wrapper .add-comment, :where(.ums_discussion_rating_forms--on) .p-detail .rate-wrapper .add-comment, :where(.ums_discussion_rating_forms--on) :where(.ratingDialog) .rate-wrapper .add-comment { text-align: center; } :where(.ums_discussion_rating_forms--off) .content-inner .rate-wrapper .add-comment, :where(.ums_discussion_rating_forms--off) .p-detail .rate-wrapper .add-comment, :where(.ums_discussion_rating_forms--off) :where(.ratingDialog) .rate-wrapper .add-comment { justify-content: center; margin: 16px; } :where(.ums_discussion_rating_forms--off) .content-inner .rate-wrapper .add-comment .rating-icon, :where(.ums_discussion_rating_forms--off) .p-detail .rate-wrapper .add-comment .rating-icon, :where(.ums_discussion_rating_forms--off) :where(.ratingDialog) .rate-wrapper .add-comment .rating-icon { align-items: center; border-radius: 8px; border-style: solid; border-width: 1px; justify-content: center; padding: 16px; } :where(.ums_discussion_rating_forms--off) .content-inner .rate-wrapper .add-comment .rating-icon::before, :where(.ums_discussion_rating_forms--off) .p-detail .rate-wrapper .add-comment .rating-icon::before, :where(.ums_discussion_rating_forms--off) :where(.ratingDialog) .rate-wrapper .add-comment .rating-icon::before { content: ""; } .content-inner .votes-wrap .vote-wrap .vote-header .vote-pic, .p-detail .votes-wrap .vote-wrap .vote-header .vote-pic, :where(.ratingDialog) .votes-wrap .vote-wrap .vote-header .vote-pic { min-width: 40px; padding: 0px; } .content-inner .votes-wrap .vote-wrap .vote-header .vote-pic .vote-initials, .p-detail .votes-wrap .vote-wrap .vote-header .vote-pic .vote-initials, :where(.ratingDialog) .votes-wrap .vote-wrap .vote-header .vote-pic .vote-initials { position: relative; } .content-inner .votes-wrap .vote-wrap .vote-header .vote-name, .p-detail .votes-wrap .vote-wrap .vote-header .vote-name, :where(.ratingDialog) .votes-wrap .vote-wrap .vote-header .vote-name { font-weight: 700; } .content-inner .votes-wrap.simple-vote, .p-detail .votes-wrap.simple-vote, :where(.ratingDialog) .votes-wrap.simple-vote { align-items: flex-start; display: flex; flex-wrap: wrap; justify-content: left; } .content-inner .votes-wrap.simple-vote .vote-wrap, .p-detail .votes-wrap.simple-vote .vote-wrap, :where(.ratingDialog) .votes-wrap.simple-vote .vote-wrap { flex-basis: 100%; margin-bottom: 40px; padding: 16px; text-align: center; } @media (min-width: 768px) { .content-inner .votes-wrap.simple-vote .vote-wrap, .p-detail .votes-wrap.simple-vote .vote-wrap, :where(.ratingDialog) .votes-wrap.simple-vote .vote-wrap { flex-basis: 50%; } } @media (min-width: 992px) { .content-inner .votes-wrap.simple-vote .vote-wrap, .p-detail .votes-wrap.simple-vote .vote-wrap, :where(.ratingDialog) .votes-wrap.simple-vote .vote-wrap { flex-basis: 33.333%; } } .content-inner .votes-wrap.simple-vote .vote-wrap .vote-header, .p-detail .votes-wrap.simple-vote .vote-wrap .vote-header, :where(.ratingDialog) .votes-wrap.simple-vote .vote-wrap .vote-header { align-items: center; display: flex; flex-flow: column; justify-content: flex-start; } .content-inner .votes-wrap.simple-vote .vote-wrap .vote-header .vote-name, .p-detail .votes-wrap.simple-vote .vote-wrap .vote-header .vote-name, :where(.ratingDialog) .votes-wrap.simple-vote .vote-wrap .vote-header .vote-name { padding: 8px 0px; } .content-inner .votes-wrap.simple-vote .vote-wrap .vote-header .vote-rating, .p-detail .votes-wrap.simple-vote .vote-wrap .vote-header .vote-rating, :where(.ratingDialog) .votes-wrap.simple-vote .vote-wrap .vote-header .vote-rating { justify-content: center; } :where(.ums_discussion_rating_forms--off) .content-inner .votes-wrap.simple-vote .vote-wrap .vote-header .stars, :where(.ums_discussion_rating_forms--off) .p-detail .votes-wrap.simple-vote .vote-wrap .vote-header .stars, :where(.ums_discussion_rating_forms--off) :where(.ratingDialog) .votes-wrap.simple-vote .vote-wrap .vote-header .stars { margin-right: 0px; width: auto; } :where(.ums_discussion_rating_forms--off) .content-inner .votes-wrap.simple-vote .vote-wrap .vote-header .stars .star, :where(.ums_discussion_rating_forms--off) .p-detail .votes-wrap.simple-vote .vote-wrap .vote-header .stars .star, :where(.ums_discussion_rating_forms--off) :where(.ratingDialog) .votes-wrap.simple-vote .vote-wrap .vote-header .stars .star { margin-left: 4px; } :where(.ums_discussion_rating_forms--on) .content-inner .votes-wrap.simple-vote .vote-wrap .vote-header .stars, :where(.ums_discussion_rating_forms--on) .p-detail .votes-wrap.simple-vote .vote-wrap .vote-header .stars, :where(.ums_discussion_rating_forms--on) :where(.ratingDialog) .votes-wrap.simple-vote .vote-wrap .vote-header .stars { gap: 4px; } .content-inner .votes-wrap.admin-response, .p-detail .votes-wrap.admin-response, :where(.ratingDialog) .votes-wrap.admin-response { border-radius: 8px; margin: 8px 0px 0px; position: relative; } .content-inner .votes-wrap.admin-response .vote-wrap, .p-detail .votes-wrap.admin-response .vote-wrap, :where(.ratingDialog) .votes-wrap.admin-response .vote-wrap { margin-bottom: 0px; text-align: left; } .content-inner .votes-wrap.admin-response .vote-wrap .vote-header, .p-detail .votes-wrap.admin-response .vote-wrap .vote-header, :where(.ratingDialog) .votes-wrap.admin-response .vote-wrap .vote-header { align-items: center; flex-flow: row; justify-content: flex-start; } .content-inner .votes-wrap.admin-response .vote-wrap .vote-header .vote-pic::before, .p-detail .votes-wrap.admin-response .vote-wrap .vote-header .vote-pic::before, :where(.ratingDialog) .votes-wrap.admin-response .vote-wrap .vote-header .vote-pic::before { content: ""; left: -21px; position: absolute; top: 20px; transform: rotate(180deg); } .content-inner .votes-wrap.admin-response .vote-wrap .vote-summary, .p-detail .votes-wrap.admin-response .vote-wrap .vote-summary, :where(.ratingDialog) .votes-wrap.admin-response .vote-wrap .vote-summary { padding-left: 8px; width: auto; } .content-inner .votes-wrap.admin-response .vote-wrap .vote-summary .vote-name, .p-detail .votes-wrap.admin-response .vote-wrap .vote-summary .vote-name, :where(.ratingDialog) .votes-wrap.admin-response .vote-wrap .vote-summary .vote-name { margin: 0px; padding: 0px; } .content-inner .votes-wrap.admin-response .vote-wrap .vote-summary .vote-rating, .p-detail .votes-wrap.admin-response .vote-wrap .vote-summary .vote-rating, :where(.ratingDialog) .votes-wrap.admin-response .vote-wrap .vote-summary .vote-rating { justify-content: flex-start; } .content-inner .votes-wrap.discussion .vote-wrap, .p-detail .votes-wrap.discussion .vote-wrap, :where(.ratingDialog) .votes-wrap.discussion .vote-wrap { padding: 16px; } .content-inner .votes-wrap.discussion .vote-wrap:nth-child(2n+1) .vote-wrap, .p-detail .votes-wrap.discussion .vote-wrap:nth-child(2n+1) .vote-wrap, :where(.ratingDialog) .votes-wrap.discussion .vote-wrap:nth-child(2n+1) .vote-wrap { padding: 8px 0px 0px; } .content-inner .votes-wrap.discussion .vote-wrap .discussion-form, .p-detail .votes-wrap.discussion .vote-wrap .discussion-form, :where(.ratingDialog) .votes-wrap.discussion .vote-wrap .discussion-form { margin-left: -16px; margin-right: -16px; } .content-inner .votes-wrap.discussion .vote-header .vote-pic, .p-detail .votes-wrap.discussion .vote-header .vote-pic, :where(.ratingDialog) .votes-wrap.discussion .vote-header .vote-pic { margin-right: 16px; } :where(.ums_discussion_rating_forms--off) .content-inner .votes-wrap.discussion .add-comment, :where(.ums_discussion_rating_forms--off) .p-detail .votes-wrap.discussion .add-comment, :where(.ums_discussion_rating_forms--off) :where(.ratingDialog) .votes-wrap.discussion .add-comment { align-items: center; border: 0px; display: inline-flex; font-weight: 700; justify-content: center; padding: 0px; } :where(.ums_discussion_rating_forms--off) .content-inner .votes-wrap.discussion .add-comment::before, :where(.ums_discussion_rating_forms--off) .p-detail .votes-wrap.discussion .add-comment::before, :where(.ums_discussion_rating_forms--off) :where(.ratingDialog) .votes-wrap.discussion .add-comment::before { content: ""; margin-right: 0.5em; } .content-inner p + .rate-wrapper .vote-form, .p-detail p + .rate-wrapper .vote-form, :where(.ratingDialog) p + .rate-wrapper .vote-form { margin-top: 0px; } .content-inner .discussion-form, .p-detail .discussion-form, :where(.ratingDialog) .discussion-form { border-radius: 8px; padding: 16px; } :where(.ums_forms_redesign--off) .content-inner .discussion-form .consents label, :where(.ums_forms_redesign--off) .p-detail .discussion-form .consents label, :where(.ums_forms_redesign--off) :where(.ratingDialog) .discussion-form .consents label { font-weight: 500; text-transform: none; } @media (max-width: 767px) { :where(.ums_forms_redesign--off) .content-inner .discussion-form input[type="submit"], :where(.ums_forms_redesign--off) .p-detail .discussion-form input[type="submit"], :where(.ums_forms_redesign--off) :where(.ratingDialog) .discussion-form input[type="submit"] { width: 100%; } } .content-inner .discussionContainer > .discussion-form, .p-detail .discussionContainer > .discussion-form, :where(.ratingDialog) .discussionContainer > .discussion-form { margin-top: 0px; } .store-rating-full-width .container-full-width { padding-left: 0px; padding-right: 0px; } #footer .vote-pic img, .sidebar .vote-pic img { max-width: 40px; } #footer .rate-wrapper .vote-pic img, .sidebar .rate-wrapper .vote-pic img { border-radius: 8px; } #footer .vote-name, #footer .vote-product-name, #footer .vote-title, .sidebar .vote-name, .sidebar .vote-product-name, .sidebar .vote-title { font-size: 16px; line-height: 24px; margin-bottom: 0px; } :where(.ums_discussion_rating_forms--off) #footer .vote-rating .stars, :where(.ums_discussion_rating_forms--off) .sidebar .vote-rating .stars { width: auto; } :where(.ums_discussion_rating_forms--off) #footer .vote-rating .stars .star, :where(.ums_discussion_rating_forms--off) .sidebar .vote-rating .stars .star { margin-right: 8px; } :where(.ums_discussion_rating_forms--off) #footer .vote-rating .vote-delimeter, :where(.ums_discussion_rating_forms--off) .sidebar .vote-rating .vote-delimeter { padding-left: 0px; } #footer .vote-wrap .vote-header, .sidebar .vote-wrap .vote-header { line-height: inherit; margin-bottom: 0px; } :where(.ums_discussion_rating_forms--on) :where(.footer-rows .vote-rating) .stars, :where(.ums_discussion_rating_forms--on) :where(.sidebar .vote-rating) .stars { gap: 0px 8px; } :where(.ums_discussion_rating_forms--on) .p-detail-inner .stars-wrapper { gap: 4px 12px; } :where(.ums_discussion_rating_forms--on) .p-detail-inner .stars-wrapper .stars--productDetail { margin-right: 0px; } :where(.ums_discussion_rating_forms--on) :where(.rate-wrapper.unveil-wrapper) .starsLabel--productDetail { justify-content: center; } @container rateWrapper (width > 400px) { :where(.ums_discussion_rating_forms--on) .rate-wrapper.unveil-wrapper .add-comment { width: 50%; } } .site-msg { padding: 16px 0px; } .site-msg .container { align-items: center; display: flex; justify-content: center; } .site-msg .text { font-size: 14px; font-weight: 600; padding: 0px; text-transform: uppercase; } .site-msg.information .text { padding-right: 16px; } .site-msg.information .container { padding-left: 16px; padding-right: 16px; } @media (max-width: 767px) { .site-msg.information { position: sticky; top: 0px; width: 100%; z-index: 56; } } .site-msg.information .close { align-items: center; display: flex; font-size: 10px; margin-top: 0px; position: relative; top: 0px; } :where(.ums_forms_redesign--off) .subscribe-form .js-validator-msg { padding-top: 5px; } .subcategories { align-items: center; display: flex; flex-wrap: wrap; justify-content: center; margin: 0px; padding: 0px 8px; } @media (min-width: 768px) { .subcategories { margin: 16px 0px; padding: 0px; } } .subcategories li { flex: 0 0 auto; list-style: none; padding: 4px 0px; } @media (min-width: 768px) { .subcategories li { padding: 12px; } } .subcategories li a { align-items: center; border-radius: 8px; border-style: solid; border-width: 1px; display: flex; font-size: 14px; font-weight: 600; height: 56px; line-height: 16px; padding: 5px 32px 5px 11px; position: relative; } .subcategories li a .text { line-height: 24px; max-height: 32px; overflow: hidden; text-align: left; text-overflow: ellipsis; white-space: nowrap; } .subcategories li a::before { content: ""; font-size: 12px; line-height: 12px; margin-top: -6px; position: absolute; right: 8px; top: 50%; } .subcategories li a::after { background-color: transparent; content: ""; height: 100%; left: 0px; position: absolute; top: 0px; transition: background-color 0.3s ease-out 0s; width: 100%; } .subcategories li a:hover { text-decoration: none; } .subcategories li.divider { margin: 8px; padding: 0px; width: calc(100% - 16px); } .subcategories.with-image li a { align-items: center; display: flex; padding-left: 4px; } .subcategories.with-image li a .image { text-align: center; width: 40px; } .subcategories.with-image li a .image img { max-height: 30px; width: auto; } .subcategories.with-image li a .text { flex-grow: 0; padding-left: 8px; width: calc(100% - 40px); } .subcategories.with-image li.parametric { text-align: center; } @media (max-width: 767px) { .subcategories li a { padding: 0px 16px; } .subcategories li a .text { font-size: 14px; line-height: 24px; max-height: 42px; } } ol.top-products { margin-bottom: 0px; margin-top: 0px; padding-left: 0px; } ol.top-products > li { list-style: none; } ol.top-products li { align-items: center; display: flex; margin-bottom: 16px; } ol.top-products li a { display: block; } ol.top-products li a .top-products-name { display: block; overflow: hidden; text-overflow: ellipsis; transition: color 0.3s ease-out 0s; white-space: nowrap; width: 100%; } ol.top-products li a.top-products-content { min-width: 0px; padding-left: 8px; } ol.top-products li a.top-products-image { display: block; flex: 0 0 50px; } ol.top-products li a.top-products-image + .top-products-content { padding-left: 16px; } ol.top-products li:not(.display-image)::before { border-radius: 50%; content: counter(top); counter-increment: top 1; display: inline-block; flex: 0 0 20px; font-size: 12px; height: 20px; line-height: 20px; text-align: center; width: 20px; } ol.top-products li:last-child { margin-bottom: 0px; } .custom-footer .top-products-image img, .sidebar .top-products-image img { border-radius: 8px; } .variant-table .variant-image { margin-right: 32px; } .variant-table .variant-image img { border-radius: 8px; } .variant-table .variant-name { font-size: 14px; letter-spacing: 0.4px; line-height: 20px; margin-bottom: 8px; } @media (min-width: 768px) { .variant-table .variant-name { font-size: 16px; letter-spacing: 0.4px; line-height: 24px; } } .variant-table .table-row { padding: 8px 0px; } .variant-table .table-row .table-col.variant-name-wrapper { font-size: 16px; line-height: 24px; padding-left: 0px; } .variant-table .add-to-cart-button.btn.btn-cart { flex-grow: 1; font-size: 16px; margin-left: 24px; padding: 15px; } @media (min-width: 1440px) { .variant-table .add-to-cart-button.btn.btn-cart { margin-left: 40px; } } .variant-table .add-to-cart-button.btn.btn-cart::before { display: none; } .variant-table .variant-price-wrap { text-align: left; } .variant-table .variant-price-wrap .price-final { font-size: 20px; font-weight: 700; line-height: 24px; } .variant-table .standard-price-wrap .price-standard, .variant-table .variant-price-wrap .price-additional { font-size: 16px; font-weight: 500; line-height: 24px; } .variant-table .delivery-time { display: block; margin-top: 8px; } .variant-table .delivery-time .delivery-time { display: inline; } .variant-table .variant-code { font-weight: 400; margin-left: 40px; } @media (max-width: 1199px) { .multiple-columns-body.mobile .variant-table, .one-column-body .variant-table { text-align: center; } .multiple-columns-body.mobile .variant-table .table-row, .one-column-body .variant-table .table-row { border-bottom-style: solid; border-bottom-width: 1px; padding: 40px 0px; } .multiple-columns-body.mobile .variant-table .table-row:first-child, .one-column-body .variant-table .table-row:first-child { padding-top: 0px; } .multiple-columns-body.mobile .variant-table .variant-image, .one-column-body .variant-table .variant-image { margin-bottom: 16px; margin-right: 0px; } .multiple-columns-body.mobile .variant-table .table-row .table-col.variant-name-wrapper, .one-column-body .variant-table .table-row .table-col.variant-name-wrapper { flex-flow: column; margin-bottom: 0px; padding-bottom: 24px; width: 100%; } .multiple-columns-body.mobile .variant-table .table-row .table-col.cart, .multiple-columns-body.mobile .variant-table .table-row .table-col.price, .multiple-columns-body.mobile .variant-table .table-row .table-col.standard-price-wrap, .one-column-body .variant-table .table-row .table-col.cart, .one-column-body .variant-table .table-row .table-col.price, .one-column-body .variant-table .table-row .table-col.standard-price-wrap { width: 100%; } .multiple-columns-body.mobile .variant-table .table-row .table-col.cart, .one-column-body .variant-table .table-row .table-col.cart { padding-top: 40px; text-align: center; } .multiple-columns-body.mobile .variant-table .variant-price-wrap, .one-column-body .variant-table .variant-price-wrap { text-align: center; } } @media (max-width: 1439px) { .multiple-columns-body.desktop .variant-table { text-align: center; } .multiple-columns-body.desktop .variant-table .table-row { border-bottom-style: solid; border-bottom-width: 1px; padding: 40px 0px; } .multiple-columns-body.desktop .variant-table .table-row:first-child { padding-top: 0px; } .multiple-columns-body.desktop .variant-table .variant-image { margin-bottom: 16px; margin-right: 0px; } .multiple-columns-body.desktop .variant-table .table-row .table-col.variant-name-wrapper { flex-flow: column; margin-bottom: 0px; padding-bottom: 24px; width: 100%; } .multiple-columns-body.desktop .variant-table .table-row .table-col.cart, .multiple-columns-body.desktop .variant-table .table-row .table-col.price, .multiple-columns-body.desktop .variant-table .table-row .table-col.standard-price-wrap { width: 100%; } .multiple-columns-body.desktop .variant-table .table-row .table-col.cart { padding-top: 40px; text-align: center; } .multiple-columns-body.desktop .variant-table .variant-price-wrap { text-align: center; } .multiple-columns-body.desktop .variant-table .table-row .table-col.standard-price-exist { width: 100%; } } .searchWhisperer { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; padding: 16px; width: auto; } @media (min-width: 992px) { .searchWhisperer { left: 0px; margin-top: -16px; padding: 24px 64px; right: 0px; top: 100%; } } .searchWhisperer .searchWhisperer__content--empty { margin: auto; } .searchWhisperer.active { border-radius: 8px; } .searchWhisperer__additionalResults { border-radius: 8px; border-right-width: 0px; flex-basis: 100%; margin-bottom: 24px; margin-right: 0px; order: 2; padding: 24px; } .searchWhisperer__additionalResults:nth-child(2) { border-right-width: 0px; margin-left: 0px; margin-top: 24px; } @media (min-width: 1200px) { .searchWhisperer__additionalResults:nth-child(2) { flex-basis: 50%; margin-left: 24px; margin-top: 0px; } } .searchWhisperer__additionalResults .searchWhisperer__additionalResults__heading { font-size: 20px; font-weight: 700; } .searchWhisperer__additionalResults .searchWhisperer__additionalResults__listItem { align-items: center; display: flex; justify-content: flex-start; padding: 8px 0px; } .searchWhisperer__additionalResults .searchWhisperer__additionalResults__listItem:hover { text-decoration: none; } .searchWhisperer__additionalResults .searchWhisperer__additionalResults__listItem i { font-size: 20px; margin-right: 16px; } .searchWhisperer__additionalResults .searchWhisperer__additionalResults__listItem a { padding-bottom: 0px; padding-top: 0px; } .searchWhisperer__additionalResults .searchWhisperer__additionalResults__listItem a:hover { text-decoration: underline; } .searchWhisperer__products { border-radius: 8px; margin-bottom: 24px; order: 1; padding: 24px 24px 8px; } .searchWhisperer__products .searchWhisperer__products__heading { font-size: 20px; font-weight: 700; } .searchWhisperer__products .searchWhisperer__products__list { display: list-item; } .searchWhisperer__products .searchWhisperer__products__list .searchWhisperer__products__listItem { border-bottom-style: solid; border-bottom-width: 1px; display: block; } .searchWhisperer__products .searchWhisperer__products__list .searchWhisperer__products__listItem:last-child { border-bottom-width: 0px; } .searchWhisperer__products .searchWhisperer__products__list .searchWhisperer__products__listItem a { align-items: center; display: flex; flex-flow: wrap; justify-content: flex-end; padding: 16px 0px; } @media (min-width: 768px) { .searchWhisperer__products .searchWhisperer__products__list .searchWhisperer__products__listItem a { flex-wrap: nowrap; justify-content: center; } } .searchWhisperer__products .searchWhisperer__products__list .searchWhisperer__products__listItem a .searchWhisperer__product__image { flex-basis: 100px; } .searchWhisperer__products .searchWhisperer__products__list .searchWhisperer__products__listItem a .searchWhisperer__product__infoWrapper { flex: 1 0 calc(100% - 100px); padding-left: 24px; text-align: left; } @media (min-width: 768px) { .searchWhisperer__products .searchWhisperer__products__list .searchWhisperer__products__listItem a .searchWhisperer__product__infoWrapper { flex-shrink: 1; } } .searchWhisperer__products .searchWhisperer__products__list .searchWhisperer__products__listItem a .searchWhisperer__product__infoWrapper .searchWhisperer__product__name { font-weight: 700; } .searchWhisperer__products .searchWhisperer__products__list .searchWhisperer__products__listItem a .searchWhisperer__product__infoWrapper .searchWhisperer__product__availability { font-size: 14px; font-weight: 600; line-height: 16px; margin-top: 8px; } .searchWhisperer__products .searchWhisperer__products__list .searchWhisperer__products__listItem a .searchWhisperer__product__price { flex-basis: 100px; font-weight: 700; margin: 0px; padding-right: 10px; padding-top: 16px; text-align: right; } @media (min-width: 768px) { .searchWhisperer__products .searchWhisperer__products__list .searchWhisperer__products__listItem a .searchWhisperer__product__price { padding-top: 0px; } } .searchWhisperer__products .searchWhisperer__products__list .searchWhisperer__products__listItem a .searchWhisperer__product__cart { flex-basis: 230px; flex-shrink: 0; padding-top: 16px; } @media (min-width: 768px) { .searchWhisperer__products .searchWhisperer__products__list .searchWhisperer__products__listItem a .searchWhisperer__product__cart { padding-top: 0px; } } .searchWhisperer__products .searchWhisperer__products__list .searchWhisperer__products__listItem a .searchWhisperer__product__cart form { align-items: center; display: flex; flex-wrap: nowrap; justify-content: flex-end; } .searchWhisperer__products .searchWhisperer__products__list .searchWhisperer__products__listItem a .searchWhisperer__product__cart .add-to-cart-button, .searchWhisperer__products .searchWhisperer__products__list .searchWhisperer__products__listItem a .searchWhisperer__product__cart .btn-primary { float: right; height: 50px; margin-left: 8px; position: relative; } .searchWhisperer__products .searchWhisperer__products__list .searchWhisperer__products__listItem a .searchWhisperer__product__cart .btn-primary i { margin-left: 0.5em; } @media (min-width: 1200px) and (max-width: 1439px) { .searchWhisperer__products.narrow-content .searchWhisperer__products__list .searchWhisperer__products__listItem a { flex-wrap: wrap; justify-content: flex-end; } .searchWhisperer__products.narrow-content .searchWhisperer__products__list .searchWhisperer__products__listItem a .searchWhisperer__product__infoWrapper { flex-shrink: 0; } } .searchWhisperer__buttonWrapper { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; justify-content: flex-start; padding: 0px 24px; } .searchWhisperer__buttonWrapper .btn.searchWhisperer__button { border: 0px; margin: 0px; padding: 16px 0px; } .searchWhisperer__buttonWrapper .btn.searchWhisperer__button::after { content: ""; margin-left: 0.5em; } .cart-emptied .cart-header { display: none; } @media (min-width: 768px) { .cart-emptied .cart-heading { margin-top: 0px; } } .cart-inner { padding: 40px 0px 0px; } @media (min-width: 992px) { .cart-inner { padding: 48px 0px 0px; } } #checkoutSidebar .cart-content, .checkout-box-wrapper, .ordering-process .co-box, .summary-wrapper { border-radius: 8px; margin: 0px 0px 16px; padding: 16px; } @media (min-width: 1200px) { #checkoutSidebar .cart-content, .checkout-box-wrapper, .ordering-process .co-box, .summary-wrapper { padding: 32px; } } @media (min-width: 480px) and (max-width: 767px) { :where(.ums_forms_redesign--on).ordering-process .co-box { margin-left: 16px; margin-right: 16px; } } :where(.ums_forms_redesign--on).ordering-process .co-box .header-billing, :where(.ums_forms_redesign--on).ordering-process .co-box > h2:first-child { font-size: 16px; font-weight: 700; line-height: 18px; margin-bottom: 16px; margin-top: 0px; } @media (min-width: 766px) { :where(.ums_forms_redesign--on).ordering-process .co-box .header-billing, :where(.ums_forms_redesign--on).ordering-process .co-box > h2:first-child { font-size: 24px; font-weight: 600; line-height: 28px; margin-bottom: 24px; } } @media (min-width: 480px) and (max-width: 767px) { :where(.ums_forms_redesign--off).ordering-process .co-box { margin-left: 16px; margin-right: 16px; } } :where(.ums_forms_redesign--off).ordering-process .co-box .header-billing, :where(.ums_forms_redesign--off).ordering-process .co-box > h4:first-child { font-size: 16px; font-weight: 700; line-height: 18px; margin-bottom: 16px; margin-top: 0px; } @media (min-width: 766px) { :where(.ums_forms_redesign--off).ordering-process .co-box .header-billing, :where(.ums_forms_redesign--off).ordering-process .co-box > h4:first-child { font-size: 24px; font-weight: 600; line-height: 28px; margin-bottom: 24px; } } :where(.ums_forms_redesign--off).ordering-process .co-box .company-shopping { padding-top: 8px; } :where(.ums_forms_redesign--off).ordering-process .co-billing-address, :where(.ums_forms_redesign--off).ordering-process .co-shipping-address { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; margin-bottom: -24px; padding-bottom: 24px; } :where(.ums_forms_redesign--off).ordering-process .co-box-additional, :where(.ums_forms_redesign--off).ordering-process .co-shipping-address { border-top-left-radius: 0px; border-top-right-radius: 0px; margin-top: 0px; padding-top: 0px; } .sidebar-in-cart { display: flex; flex-flow: column-reverse; } :where(body.ums_homepage_cart_checkout_headings--on) #checkoutSidebar .cart-content h2 { font-size: 16px; font-weight: 700; margin-bottom: 16px; margin-top: 0px; text-transform: uppercase; } :where(body.ums_homepage_cart_checkout_headings--on) .checkout-box-wrapper h2, :where(body.ums_homepage_cart_checkout_headings--on) .order-summary-inner h2, :where(body.ums_homepage_cart_checkout_headings--on) .summary-wrapper h2 { font-size: 14px; letter-spacing: 0.4px; line-height: 20px; margin-top: 0px; text-transform: uppercase; } @media (min-width: 768px) { :where(body.ums_homepage_cart_checkout_headings--on) .checkout-box-wrapper h2, :where(body.ums_homepage_cart_checkout_headings--on) .order-summary-inner h2, :where(body.ums_homepage_cart_checkout_headings--on) .summary-wrapper h2 { font-size: 16px; letter-spacing: 0.4px; line-height: 24px; } } :where(body.ums_homepage_cart_checkout_headings--off) #checkoutSidebar .cart-content h4 { font-size: 16px; font-weight: 700; margin-bottom: 16px; margin-top: 0px; text-transform: uppercase; } :where(body.ums_homepage_cart_checkout_headings--off) .checkout-box-wrapper h4, :where(body.ums_homepage_cart_checkout_headings--off) .order-summary-inner h4, :where(body.ums_homepage_cart_checkout_headings--off) .summary-wrapper h4 { font-size: 14px; letter-spacing: 0.4px; line-height: 20px; margin-top: 0px; text-transform: uppercase; } @media (min-width: 768px) { :where(body.ums_homepage_cart_checkout_headings--off) .checkout-box-wrapper h4, :where(body.ums_homepage_cart_checkout_headings--off) .order-summary-inner h4, :where(body.ums_homepage_cart_checkout_headings--off) .summary-wrapper h4 { font-size: 16px; letter-spacing: 0.4px; line-height: 24px; } } .cart-content h2, .cart-content h4, .registration-form h2 { align-items: center; display: flex; } .cart-content h2 > i, .cart-content h4 > i, .registration-form h2 > i { display: block; margin-right: 16px; } .cart-content h2 > i.icon-van, .cart-content h4 > i.icon-van, .registration-form h2 > i.icon-van { font-size: 24px; height: 24px; margin-bottom: -2px; margin-top: -2px; } @media (min-width: 766px) { .cart-content h2 > i.icon-van, .cart-content h4 > i.icon-van, .registration-form h2 > i.icon-van { font-size: 32px; height: 32px; } } .extra.cofidis { margin-bottom: 16px; } .price-wrapper .price-label.price-primary { font-size: 16px; line-height: 24px; } .price-wrapper .price.price-primary { line-height: 24px; } .price-wrapper .price-label.price-secondary, .price-wrapper .price.price-secondary { font-size: 12px; font-weight: 500; line-height: 16px; padding-top: 8px; } .checkout-box { margin-bottom: 32px; margin-top: 0px; } .checkout-box .toggle-contacts::after { content: ""; display: inline-block; font-size: 14px; line-height: 16px; padding-left: 5px; } .checkout-box .toggle-contacts.expanded::after { content: ""; } .checkout-box .toggle-contacts a, .checkout-box .toggle-contacts br, .checkout-box .toggle-contacts span { display: none; } .cart-inner .contact-box { margin-top: 16px; } .cart-inner .contact-box > strong { margin-bottom: 10px; } .cart-inner .contact-box ul li { line-height: 20px; margin-bottom: 10px; } .cart-inner .contact-box [class*=" icon-"], .cart-inner .contact-box [class^="icon-"] { font-size: 20px; margin-right: 0.5em; vertical-align: middle; } .cart-inner .contact-box.no-image { padding-left: 0px; } @media (min-width: 1200px) { .cart-inner .contact-box { padding: 0px 0px 0px 120px; } .cart-inner .contact-box > img { display: block; } } @media (max-width: 991px) { .cart-inner .contact-box { padding: 0px 0px 0px 120px; } .cart-inner .contact-box > img { display: block; } } ol.cart-header { display: flex; justify-content: space-between; list-style: none; margin: 0px 16px 24px; padding: 0px; } @media (min-width: 768px) { ol.cart-header { margin: 0px 0px 40px; } } ol.cart-header li a, ol.cart-header li strong { align-items: center; border-radius: 8px; display: flex; flex-flow: column; font-size: 16px; font-weight: 600; justify-content: flex-start; text-align: center; } @media (min-width: 992px) { ol.cart-header li a, ol.cart-header li strong { flex-flow: row; text-align: left; } } @media (min-width: 1200px) { ol.cart-header li a, ol.cart-header li strong { font-size: 24px; } } ol.cart-header li a span, ol.cart-header li strong span { padding: 0px 4px; } ol.cart-header li a::before, ol.cart-header li strong::before { border-radius: 8px; border-style: solid; border-width: 1px; content: counter(steps); counter-increment: steps 1; display: block; font-size: 20px; height: 40px; line-height: 40px; margin: 0px 0px 8px; position: relative; text-align: center; width: 40px; z-index: 2; } @media (min-width: 992px) { ol.cart-header li a::before, ol.cart-header li strong::before { margin: 0px 16px 0px 0px; } } @media (min-width: 1200px) { ol.cart-header li a::before, ol.cart-header li strong::before { font-size: 24px; height: 64px; line-height: 63px; width: 60px; } } ol.cart-header li a:focus-visible, ol.cart-header li a:hover, ol.cart-header li.completed a:focus-visible, ol.cart-header li.completed a:hover { color: var(--colors-foregrounds-content-primary); } ol.cart-header li.active strong::before { background-color: color-mix(in srgb,var(--color-secondary) 8%,#fff); border-color: color-mix(in srgb,var(--color-secondary) 8%,#fff); } ol.cart-header li.completed a::before { background-color: color-mix(in srgb,var(--colors-state-success) 8%,#fff); border-color: color-mix(in srgb,var(--colors-state-success) 8%,#fff); } @media (min-width: 768px) { .cart-table .main-link { font-size: 16px; } } .cart-table .cart-p-availability { margin-top: 1ex; } .cart-table .p-name .main-link-variant, .cart-table .p-name > div { font-size: 12px; font-weight: 500; line-height: 16px; padding-top: 8px; } .cart-table tr.removeable { margin-bottom: 0px; } .cart-table tr.removeable > td { border-right-style: none; border-right-width: 0px; padding-bottom: 24px; padding-top: 24px; } .cart-table .p-quantity .quantity { font-size: 14px; } .cart-table tr.related > td { padding: 0px; } .cart-table .p-price .price-final, .cart-table .p-price .unit-value { font-size: 12px; letter-spacing: 0.8px; line-height: 16px; } @media (max-width: 767px) { .cart-table tr > td { width: 25%; } .cart-table tr > td:nth-child(2n+1).p-quantity { text-align: left; width: auto; } .cart-table tr > td:nth-child(2n+1).p-discount, .cart-table tr > td:nth-child(2n+1).p-price { text-align: right; } .cart-table tr td.cart-p-image { margin-bottom: 0px; order: 1; padding-bottom: 5px; padding-right: 0px; } .cart-table tr > td.p-name { order: 2; padding-bottom: 5px; padding-left: 15px; padding-right: 30px; position: relative; } .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; } .cart-table .p-price .p-label { margin-bottom: 0px; } .cart-table .p-discount { order: 6; text-align: right; } .cart-table .p-total { order: 7; 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-xyDiscount__banner { border-radius: 8px; margin-bottom: 4px; margin-right: 12px; } @media (min-width: 767px) { .cart-xyDiscount__banner { margin-right: 6px; } } .cart-table .p-name .cart-xyDiscount__banner { font-size: 14px; line-height: 20px; padding-top: 12px; } .cart-xyDiscount__icon { letter-spacing: 0px; } .cart-xyDiscount__icon::after { font-size: 16px; line-height: 1; } .cart-related-product { align-items: center; border-bottom-width: 0px; flex-wrap: nowrap; padding: 8px 0px; } .cart-related-product .cart-related-button, .cart-related-product .cart-related-info { align-items: center; display: flex; padding: 0px; } .cart-related-product .cart-related-button .price-final, .cart-related-product .cart-related-info .price-final { text-align: right; width: 100%; } .cart-related-product .cart-related-info { padding-right: 8px; text-align: left; width: 80%; } .cart-related-product .cart-related-info .cart-related-img { margin: 0px 5px; } .cart-related-product .cart-related-info .cart-related-name { font-weight: 700; text-transform: none; } .cart-related-product .cart-related-info .cart-related-availability { text-align: left; } .cart-related-product .cart-related-button { flex-wrap: wrap; justify-content: flex-end; width: auto; } .cart-related-product .cart-related-button .price.price-final { margin: 0px 0.5em 0px 0px; } .cart-related-product .cart-related-button .btn.btn-sm { height: auto; line-height: inherit; min-width: 100px; } tr.removeable .p-total .remove-item { display: inline-block; opacity: 1; visibility: visible; } tr.removeable .p-name .remove-item { display: none; opacity: 0; visibility: hidden; } @media (max-width: 767px) { tr.removeable .p-total .remove-item { display: none; opacity: 0; visibility: hidden; } tr.removeable .p-name .remove-item { display: block; opacity: 1; visibility: visible; } } .cart-summary, .delivery-time { margin-top: 16px; padding: 0px 16px; } @media (min-width: 768px) { .cart-summary, .delivery-time { margin-top: 32px; padding: 0px; } } .extras-wrapper { margin-top: 16px; } @media (min-width: 1200px) { .extras-wrapper { display: flex; justify-content: space-between; margin-top: 32px; padding: 0px; } .extras-wrapper .extras-col { flex: 1 1 50%; } .extras-wrapper .extras-col:first-child { padding-right: 16px; } .extras-wrapper .extras-col + .extras-col { padding-left: 16px; } } .extras-wrapper .discount-coupon form, .extras-wrapper .extra.delivery, .extras-wrapper .extra.discount, .extras-wrapper .extra.gift, .extras-wrapper .free-gift { align-items: center; display: flex; margin-bottom: 16px; } @media (min-width: 768px) { .extras-wrapper .discount-coupon form, .extras-wrapper .extra.delivery, .extras-wrapper .extra.discount, .extras-wrapper .extra.gift, .extras-wrapper .free-gift { margin-bottom: 32px; min-height: 40px; } } .extras-wrapper .discount-coupon form .btn, .extras-wrapper .extra.delivery .btn, .extras-wrapper .extra.discount .btn, .extras-wrapper .extra.gift .btn, .extras-wrapper .free-gift .btn { flex: 0 0 90px; height: 40px; } .extras-wrapper .extra span { flex-grow: 1; } .extras-wrapper .extra span strong { font-size: 12px; letter-spacing: 0.8px; } .extras-wrapper .discount-coupon input { flex: 1 1 auto; min-width: 0px; } .extras-wrapper .free-gift { flex-wrap: wrap; min-height: 40px; } .extras-wrapper .free-gift .free-gifts-wrapper { flex: 1 1 0%; } .extras-wrapper .free-gift .free-gifts-wrapper ul { margin: 0px; padding-left: 0px; } .extras-wrapper .free-gift .free-gifts-wrapper ul > li { list-style: none; } .extras-wrapper .free-gifts-img { display: inline-block; text-align: center; width: 48px; } .extras-wrapper .free-gifts-img > img { height: auto; max-height: 40px; max-width: 48px; width: auto; } .extras-wrapper .free-gift-label { padding-left: 15px; } .extras-wrapper .free-gift-name { display: inline-block; font-weight: 700; } .extras-wrapper .free-product-gifts { margin-bottom: 0px; } .extras-wrapper [class*=" icon-"], .extras-wrapper [class^="icon-"] { font-size: 40px; line-height: 40px; margin-right: 15px; min-width: 48px; text-align: center; } .extras-wrapper .icon-van { font-size: 48px; height: 40px; margin-top: -8px; } .extras-wrapper .discount-coupon input { border-bottom-right-radius: 0px; border-top-right-radius: 0px; } .extras-wrapper .discount-coupon button { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } .extras-wrapper .extras-wrap { font-size: 12px; line-height: 16px; } .cart-items { margin-bottom: 16px; } @media (max-width: 991px) { .order-summary-item + .cart-items { padding-left: 0px; padding-right: 0px; } } .cart-item { display: table; table-layout: fixed; width: 100%; } .cart-item > div { border-bottom-style: solid; border-bottom-width: 1px; border-right-style: solid; border-right-width: 1px; display: table-cell; padding: 8px; vertical-align: middle; } .cart-item > div.cart-item-image { display: none; width: 87px; } .cart-item > div.cart-item-amount { text-align: center; width: 60px; } .cart-item > div.cart-item-price { text-align: right; width: 80px; } .cart-item > div.cart-item-price strong { font-weight: 400; } .cart-item > div:first-child { padding-left: 0px; } .cart-item > div:last-child { border-right-style: none; padding-right: 0px; } .cart-item:last-child > div { border-bottom-style: none; } .cart-item.cart-item-gift > div { border-bottom-style: none; border-right-style: none; padding-bottom: 0px; padding-top: 0px; } @media (min-width: 1200px) { .cart-item > div.cart-item-image { display: table-cell; } } .gift-items { padding-top: 16px; } .gift-items + .gift-items { margin-top: -32px; padding-top: 0px; } .gift-items + .gift-items .for-free { display: none; } .gift-items + .order-summary-item { padding-top: 16px; } .unit-value { display: inline-block; padding-left: 0.5ex; } :where(.ums_forms_redesign--off) .co-basic-information .col-sm-12, :where(.ums_forms_redesign--off) .co-basic-information .col-sm-6 { padding: 16px 48px; } :where(.ums_forms_redesign--off) .co-billing-address #note, :where(.ums_forms_redesign--off) .co-billing-address .form-group, :where(.ums_forms_redesign--off) .co-box-additional #note, :where(.ums_forms_redesign--off) .co-box-additional .form-group, :where(.ums_forms_redesign--off) .co-contact-information #note, :where(.ums_forms_redesign--off) .co-contact-information .form-group, :where(.ums_forms_redesign--off) .co-shipping-address #note, :where(.ums_forms_redesign--off) .co-shipping-address .form-group { margin-bottom: 24px; } @media (min-width: 766px) { :where(.ums_forms_redesign--off) .co-billing-address #note, :where(.ums_forms_redesign--off) .co-billing-address .form-group, :where(.ums_forms_redesign--off) .co-box-additional #note, :where(.ums_forms_redesign--off) .co-box-additional .form-group, :where(.ums_forms_redesign--off) .co-contact-information #note, :where(.ums_forms_redesign--off) .co-contact-information .form-group, :where(.ums_forms_redesign--off) .co-shipping-address #note, :where(.ums_forms_redesign--off) .co-shipping-address .form-group { margin-bottom: 32px; padding-left: 24px; padding-right: 24px; } } .shipping-billing-table .radio-wrapper { border-bottom-width: 0px; padding-left: 0px; padding-right: 0px; } .shipping-billing-table .radio-wrapper input[type="radio"] + label { padding-bottom: 20px; padding-top: 20px; } .shipping-billing-table .radio-wrapper input[type="radio"] + label::before { top: calc(0.77em + 12px); } .shipping-billing-table .radio-wrapper input[type="radio"] + label::after { top: calc(0.77em + 16px); } @media (min-width: 766px) { .shipping-billing-table .radio-wrapper { padding-left: 24px; padding-right: 24px; } } @container (width > 50em) { .payment-shipping-price { flex-basis: 15cqw; } .payment-info { flex-basis: calc(82cqw - 100px); } .radio-wrapper:not(:has(.payment-logo)) .payment-info, .shipping-options-popup .shipping-row:not(:has(.payment-logo)) .payment-info { max-width: calc(82cqw - 10px); } } @media (min-width: 768px) { :where(.ums_forms_redesign--off).ordering-process .co-box .form-control { max-width: 400px; } :where(.ums_forms_redesign--off).ordering-process .co-box .form-group-tooltip { left: 374px; } } #checkoutContent .cart-content .co-contact-information label[for="login"] { font-size: 14px; font-weight: 700; letter-spacing: 0.4px; line-height: 20px; margin-bottom: 3px; text-transform: none; } #checkoutContent .cart-content [type="text"] + label { display: inline-block; font-size: 10px; font-weight: 700; letter-spacing: 0.8px; line-height: 16px; margin-bottom: 8px; text-transform: uppercase; } @media (min-width: 768px) { #checkoutContent .cart-content [type="text"] + label { font-size: 12px; } } #checkoutContent .cart-content [type="checkbox"] + label, #checkoutContent .cart-content [type="hidden"] + label, #checkoutContent .cart-content [type="radio"] + label { text-transform: none; } #checkoutContent .cart-content [type="checkbox"] + label .sublabel, #checkoutContent .cart-content [type="hidden"] + label .sublabel, #checkoutContent .cart-content [type="radio"] + label .sublabel { font-weight: 400; } #remark { margin-bottom: 16px; } .order-summary-item.helper, .recapitulation-single { align-items: center; display: flex; flex-wrap: wrap; font-size: 16px; padding-bottom: 8px; } .order-summary-item.helper:last-child, .recapitulation-single:last-child { padding-bottom: 0px; } .order-summary-item.helper { font-weight: 700; } .order-summary-item.helper > div:first-child { flex: 0 0 160px; padding-right: 16px; } .order-summary-item.helper > div:last-child { flex: 1 1 calc(100% - 160px); text-align: right; } .order-recapitulation { margin-bottom: 16px; } .order-recapitulation strong, .recapitulation-single strong { font-weight: 400; } .order-recapitulation strong span, .recapitulation-single strong span { font-weight: 700; } .recapitulation-single > span { display: none; } .recapitulation-single > strong { align-items: center; display: flex; flex: 1 1 calc(100% - 160px); justify-content: space-between; } .recapitulation-single > strong span { margin-left: 1ex; order: 2; white-space: nowrap; } .cart-items .cart-item + .recapitulation-single { padding-top: 1em; } .order-summary-inner .recapitulation-shipping-billing-info--withVat { flex-basis: 100%; font-size: 12px; font-weight: 500; justify-content: flex-end; line-height: 16px; order: 1; text-align: right; } :where(.ums_forms_redesign--on) .order-summary-item { padding: 16px 0px 24px; } :where(.ums_forms_redesign--off) .order-summary-item { padding-top: 16px; } @media (min-width: 992px) { .order-summary-item.price { margin-left: -16px; margin-right: -16px; padding: 16px 16px 24px; } } .preauthorization-box { margin: 16px -16px 24px; padding: 16px; } @media (min-width: 1200px) { .preauthorization-box { margin: 0px -32px 24px; padding: 16px 32px; } } .preauthorization-box__title { font-size: 16px; } .order-summary-heading { margin-top: 32px; text-align: center; } .order-summary-heading ~ p { text-align: center; } .recapitulation-wrapper .order-summary-item, .recapitulation-wrapper .summary-thx { font-size: 14px; font-weight: 600; line-height: 16px; text-align: center; } .recapitulation-wrapper .order-summary-item { margin-bottom: 16px; } .recapitulation-wrapper .summary-thx { margin-bottom: 32px; } .recapitulation-wrapper .co-payment-method .reca-row-centered { margin-left: auto; margin-right: auto; } .recapitulation-wrapper .co-payment-method .reca-row-centered table.recapitulation-table > tbody > tr > td { text-align: right; } @media (min-width: 992px) { .recapitulation-wrapper .co-payment-method .reca-row-centered { width: 80%; } } @media (min-width: 1200px) { .recapitulation-wrapper .co-payment-method .reca-row-centered { width: 50%; } } .contact-box ul li > span::before { display: none; } :where(.ums_forms_redesign--off).ordering-process .co-box h4::before { display: none; } :where(.ums_forms_redesign--on).ordering-process .co-box h2::before { display: none; } .id--15 .content-inner { margin-top: 64px; } @media (min-width: 992px) { .id--15 .content-inner { margin-left: 8%; margin-right: 8%; } } .col-sm-12 .recapitulation-table.table { width: 50%; } @media (max-width: 767px) { .col-sm-12 .recapitulation-table.table { width: 100%; } } .ordering-process .co-box.co-payment-method .row { border-radius: 8px; padding: 16px 8px; } .co-payment-method .col-md-6:only-child { float: none; margin-left: auto; margin-right: auto; } .co-payment-method .col-md-6:only-child .recapitulation-table td { text-align: right; } table.table.recapitulation-table > tbody > tr > td, table.table.recapitulation-table > tbody > tr > th { font-size: 14px; font-weight: 600; line-height: 16px; padding: 8px 0px; } table.table.recapitulation-table > tbody > tr > th { padding-right: 8px; text-align: left; width: 40%; } @media (max-width: 767px) { table.table.recapitulation-table > tbody > tr { display: block; } table.table.recapitulation-table > tbody > tr th { display: block; padding: 0px; width: 100%; } table.table.recapitulation-table > tbody > tr td { display: block; padding: 0px 0px 10px; word-break: break-word; } } @media (min-width: 768px) { table.table.recapitulation-table > tbody > tr th { width: 25vw; } } @media (min-width: 1200px) { table.table.recapitulation-table > tbody > tr th { width: auto; } } table.table.recapitulation-table:first-of-type { margin-bottom: 0px; } .recapitulation-table-payment { align-items: flex-end; display: flex; justify-content: left; } @media (max-width: 767px) { .recapitulation-table-payment { flex-wrap: wrap; } } @media (min-width: 1200px) { .recapitulation-table-payment { align-items: flex-start; } } .qrcode { border: 0px; } @media (max-width: 767px) { .qrcode { margin: 0px auto; } } .recapitulation-wrapper { margin: 32px 0px; text-align: center; } .recapitulation-wrapper table { text-align: left; } .order-complete-links { margin: 16px 0px; } .order-complete-links a.btn { padding-left: 32px; padding-right: 32px; } .payment-success-icon { border-radius: 100%; border-style: solid; border-width: 8px; font-size: 48px; height: 120px; line-height: 120px; margin: 0px auto 32px; text-align: center; width: 120px; } @media (max-width: 767px) { .payment-success-icon { margin: 0px auto 16px; } } :where(.ums_forms_redesign--off) .consents { margin-top: 16px; } .next-step .btn.btn-lg { line-height: 36px; padding: 10px 20px; } .next-step .next-step-back { font-size: 14px; } .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: 16px; 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-bottom: 0px; } @media (max-width: 991px) { .next-step { margin-top: 16px; } } @media (min-width: 992px) { .id--9 .next-step { margin-top: 16px; } } .id--16 .next-step-finish::after, .id--16 .next-step-forward::after, .id--9 .next-step-finish::after, .id--9 .next-step-forward::after { content: ""; margin-left: 0.5em; } .category-top, .content-inner > h1, .content > h2 { text-align: center; } .category-top { border-bottom-style: solid; border-bottom-width: 1px; margin-bottom: 24px; padding-bottom: 16px; } @media (min-width: 768px) { .category-top { margin-bottom: 40px; } } .products-top-header { border-top-style: solid; border-top-width: 1px; padding-top: 32px; } .products-top { justify-content: center; text-align: left; } .products-top .name { font-size: 16px; font-weight: 700; } .products-top > div.product .p { align-items: flex-start; } @media (min-width: 1200px) { .aside-indented .products-top > div.product { width: 25%; } } .toggle-top-products { font-size: 16px; font-weight: 500; } .category-header { border-radius: 8px; container: category-header / inline-size; padding-top: 8px; } .listSorting__controls { gap: 1px 4px; } .listSorting__control { border: none; border-top-left-radius: 8px; border-top-right-radius: 8px; font-size: 16px; letter-spacing: 0.4px; line-height: 24px; padding: 16px; } @container category-header (min-width: 760px) { .listSorting__control { padding: 16px 40px; } } .listSorting__control--current { font-weight: 700; } .category-banners { margin-bottom: 16px; margin-top: 8px; } .homepage-group-title { padding-top: 16px; text-align: center; } @media (min-width: 768px) { .homepage-group-title { padding-top: 48px; } } .homepage-group-title.h4 { color: var(--colors-foregrounds-content-primary); overflow-wrap: break-word; font-size: 24px; font-weight: 700; letter-spacing: 0.8px; line-height: 28px; margin-bottom: 24px; margin-top: 40px; text-transform: none; } .blank-mode .homepage-group-title.h4, .homepage-group-title.h4 { font-family: var(--template-headings-font),sans-serif; } @media (min-width: 768px) { .homepage-group-title.h4 { font-size: 32px; letter-spacing: 1.6px; line-height: 38px; } } .homepage-latest-contribution { text-align: center; } .homepage-latest-contribution .latest-contribution-wrapper { padding-bottom: 16px; } @media (min-width: 768px) { .homepage-latest-contribution .latest-contribution-wrapper { padding-bottom: 80px; } } .homepage-latest-contribution .latest-contribution { place-content: flex-start center; align-items: flex-start; display: flex; flex-flow: wrap; padding-top: 0px; } @media (min-width: 768px) { .homepage-latest-contribution .latest-contribution { padding-top: 40px; } } @media (max-width: 767px) { .homepage-latest-contribution .latest-contribution { place-content: center flex-start; align-items: center; display: flex; flex-flow: column; } } .homepage-latest-contribution .latest-contribution h2 { flex: 0 0 100%; width: 100%; } .homepage-latest-contribution .latest-contribution a { flex: 1 1 0%; padding: 0px 16px; } @media (max-width: 1199px) { .homepage-latest-contribution .latest-contribution a { flex-basis: 50%; padding: 0px 16px 40px; } } @media (max-width: 767px) { .homepage-latest-contribution .latest-contribution a { flex-basis: 100%; padding: 0px 8px 40px; } } .homepage-latest-contribution .latest-contribution .latest-contribution-product { margin-bottom: 8px; margin-top: 16px; } .homepage-latest-contribution .latest-contribution .latest-contribution-info { display: flex; flex-flow: wrap; font-size: 14px; font-weight: 600; justify-content: center; line-height: 16px; } .homepage-latest-contribution .latest-contribution .latest-contribution-info .latest-contribution-author { display: block; flex-basis: 100%; width: 100%; } .homepage-latest-contribution .latest-contribution .latest-contribution-info .latest-contribution-author, .homepage-latest-contribution .latest-contribution .latest-contribution-info .latest-contribution-date, .homepage-latest-contribution .latest-contribution .latest-contribution-info .latest-contribution-subject { padding: 0px 8px 8px; } .homepage-latest-contribution .latest-contribution .latest-contribution-info > i { display: none; } .homepage-latest-contribution .latest-contribution .latest-contribution-description { font-size: 16px; letter-spacing: 0.8px; line-height: 24px; } .homepage-latest-contribution .latest-contribution-discussion .latest-contribution-image { height: 60px; margin: auto; position: relative; width: 60px; } .homepage-latest-contribution .latest-contribution-discussion .latest-contribution-image img { border-radius: 50%; height: 60px; width: 60px; } .homepage-latest-contribution .latest-contribution-discussion .latest-contribution-image .vote-initials { height: 60px; line-height: 60px; width: 60px; } .homepage-latest-contribution .latest-contribution-discussion .latest-contribution-image span:not(:only-child) { display: none; } .homepage-latest-contribution .latest-contribution-rating .latest-contribution-image img { border-radius: 8px; } .homepage-latest-contribution .latest-contribution-rating .latest-contribution-info { align-items: center; display: flex; flex-flow: column-reverse; } .homepage-latest-contribution .latest-contribution-rating .latest-contribution-info .latest-contribution-author::after { content: ""; } :where(.ums_discussion_rating_forms--off) .homepage-latest-contribution .latest-contribution-rating .stars { height: 20px; margin: 8px 0px; width: auto; } :where(.ums_discussion_rating_forms--off) .homepage-latest-contribution .latest-contribution-rating .stars .star { height: 20px; margin: 0px 5px; width: 20px; } :where(.ums_discussion_rating_forms--off) .homepage-latest-contribution .latest-contribution-rating .stars .star::before { font-size: 20px; line-height: 20px; } .homepage-latest-contribution .latest-contribution-placeholder { display: none; } :where(.ums_discussion_rating_forms--on) :where(.homepage-latest-contribution .latest-contribution-rating) .stars { height: 20px; margin: 8px 0px; } :where(.ums_discussion_rating_forms--on) :where(.homepage-latest-contribution .latest-contribution-rating) .star { width: 20px; } :where(.ums_discussion_rating_forms--on) :where(.homepage-latest-contribution .latest-contribution-rating) .star::before { font-size: 20px; line-height: 20px; } .welcome-wrapper { padding: 16px 0px; } @media (min-width: 768px) { .welcome-wrapper { font-size: 16px; padding: 48px 0px; } .welcome-wrapper :where(body.ums_homepage_cart_checkout_headings--on) .h1 { margin-bottom: 32px; } .welcome-wrapper :where(body.ums_homepage_cart_checkout_headings--on) p { margin: 0px 0px 16px; } } @media (min-width: 768px) { .welcome-wrapper.one-column-body .welcome-wrapper .welcome { margin-left: auto; margin-right: auto; width: 80%; } } :where(body.ums_homepage_cart_checkout_headings--off) .welcome-wrapper { padding: 16px 0px; } @media (min-width: 768px) { :where(body.ums_homepage_cart_checkout_headings--off) .welcome-wrapper { font-size: 16px; padding: 48px 0px; } :where(body.ums_homepage_cart_checkout_headings--off) .welcome-wrapper h1 { margin-bottom: 32px; } :where(body.ums_homepage_cart_checkout_headings--off) .welcome-wrapper p { margin: 0px 0px 16px; } } @media (min-width: 768px) { :where(body.ums_homepage_cart_checkout_headings--off).one-column-body .welcome-wrapper .welcome { margin-left: auto; margin-right: auto; width: 80%; } } #navigation { top: 60px; } @media (min-width: 768px) { #navigation { top: auto; visibility: hidden; } #navigation.visible { visibility: visible; } } @media (max-width: 767px) { .navigation-window-visible #navigation { width: 100%; } } .fitted .navigation-in ul { justify-content: center; } @media (max-width: 767px) { .navigation-in > ul { padding-top: 10px; } .navigation-in > ul > li { border-radius: 8px; border-style: solid; border-width: 1px; margin: 8px 16px; } .navigation-in > ul > li:first-child { border-top-style: solid; } .navigation-in > ul > li a { position: relative; } .navigation-in > ul > li a .submenu-arrow { padding: 16px; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); } .navigation-in > ul > li .menu-level-2 a { font-weight: 500; } .navigation-in > ul > li.exp { padding-bottom: 16px; } } @media (min-width: 768px) { .navigation-in > ul > li > a { text-transform: uppercase; } .navigation-in > ul > li a { border-radius: 8px; } .navigation-in > ul > li.ext > ul, .navigation-in > ul > li.ext > ul > li { align-items: flex-start; } .navigation-in > ul > li.ext > ul > li > a { padding: 0px; width: 100px; } .navigation-in > ul > li.ext > ul > li > div { padding-left: 24px; width: calc(100% - 100px); } .navigation-in > ul > li.ext > ul > li > div > a { font-size: 20px; padding-bottom: 8px; } .navigation-in > ul > li.ext > ul > li > div > ul { font-size: 12px; line-height: 1.4; max-height: 10.5em; } .navigation-in > ul > li.ext > ul > li > div > ul > li { display: block; padding: 4px 0px; } .navigation-in > ul > li.ext > ul > li > div > ul > li > a { font-weight: 500; } } @media (min-width: 768px) and (min-width: 768px) { .navigation-in > ul > li.ext > ul > li > div > ul.has-more-items { overflow: visible; position: relative; } .navigation-in > ul > li.ext > ul > li > div > ul.has-more-items .more-items-trigger { cursor: pointer; } .navigation-in > ul > li.ext > ul > li > div > ul.has-more-items .more-items-trigger::before { content: "…"; vertical-align: top; } .navigation-in > ul > li.ext > ul > li > div > ul.has-more-items li { display: none; } .navigation-in > ul > li.ext > ul > li > div > ul.has-more-items li:nth-child(-n+4) { display: block; } } @media (min-width: 768px) { .navigation-in > ul > li > ul { padding: 20px calc(50% - 369.5px); } } @media (min-width: 992px) { .navigation-in > ul > li > ul { padding-left: calc(50% - 482px); padding-right: calc(50% - 482px); } } @media (min-width: 1200px) { .navigation-in > ul > li > ul { padding-left: calc(50% - 585px); padding-right: calc(50% - 585px); } } @media (min-width: 1440px) { .navigation-in > ul > li > ul { padding-left: calc(50% - 856px); padding-right: calc(50% - 856px); } } @media (min-width: 768px) { .navigation-in > ul > li > ul > li { flex-basis: 184.75px; padding: 20px; width: 184.75px; } } @media (min-width: 992px) { .navigation-in > ul > li > ul > li { flex-basis: 241px; width: 241px; } } @media (min-width: 1200px) { .navigation-in > ul > li > ul > li { flex-basis: 292.5px; width: 292.5px; } } @media (min-width: 1440px) { .navigation-in > ul > li > ul > li { flex-basis: 428px; width: 428px; } } .navigation-in > ul > li > ul > li > div > ul { max-height: 64px; } .navigation-in > ul > li > ul > li > div > ul > li { display: block; } @media (min-width: 768px) { .submenu-visible .navigation-in > ul > li.exp > ul { border-bottom-style: none; border-bottom-width: 0px; box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 8px 0px; will-change: filter; } } .navigation-close { display: none; } .menu-helper { padding: 0px 16px; } .menu-helper > span { display: none; } @media (min-width: 768px) { .menu-helper > ul { border-radius: 8px 0px 8px 8px; border-style: solid; border-width: 1px; font-weight: 600; margin-right: 8px; padding: 8px 16px; } .menu-helper > ul > li > a { align-items: center; display: flex; padding: 16px 0px; } .menu-helper > ul > li > a .submenu-arrow::after { line-height: 10px; } } .menu-helper .menu-level-2 { padding-bottom: 8px; } li.exp > a .submenu-arrow::after { transform: none; } .submenu-visible li.exp > a .submenu-arrow::after { content: ""; transform: none; } .popup-widget { top: 0px; } @media (min-width: 992px) { .popup-widget { left: auto; margin-left: 0px; margin-right: 21.3333px; right: 0px; } } @media (max-width: 991px) { .user-action { position: relative; } } .user-action-in .popup-widget { z-index: 1003; } @media (min-width: 992px) { .user-action-in .popup-widget { border-radius: 8px; margin-top: 0px; top: 100%; } .admin-logged .user-action-in .popup-widget { top: 100%; } .user-action-in .popup-widget .popup-widget-inner { border-radius: 8px; } } @media (max-width: 991px) { .user-action-in .popup-widget .popup-widget-inner { overflow-y: auto; } } .user-action-in .popup-widget.loader-wrapper { min-height: 97px; } .ajax-pending .loader-wrapper::after, .ajax-pending-element::after, .loader-overlay { border-radius: 8px; } .popup-widget-inner.cart-widget-inner { padding: 24px; } .popup-widget-inner.cart-widget-inner.full { margin-bottom: 120px; } @media (max-width: 991px) { .popup-widget-inner.cart-widget-inner .cart-widget-products { margin-bottom: 120px; } } .popup-widget-inner.cart-widget-inner:not(.full) .cart-widget-products-inner .cart-widget-product { align-items: center; border-bottom: 0px; display: flex; justify-content: center; min-height: 120px; } .popup-widget-inner.cart-widget-inner .cart-widget-products .cart-widget-product { padding: 16px 0px; } .popup-widget-inner.cart-widget-inner .cart-widget-products .cart-widget-product:first-child { padding-top: 0px; } .popup-widget-inner.cart-widget-inner .cart-widget-products .cart-widget-product .cart-widget-product-name-and-price { padding-left: 16px; padding-right: 16px; } .popup-widget-inner.cart-widget-inner .cart-widget-products .cart-widget-product > div.cart-widget-product-unit { display: none; } .popup-widget-inner.cart-widget-inner .cart-widget-products .cart-widget-product .cart-widget-product-amount { padding: 0px; width: 104px; } .popup-widget-inner.cart-widget-inner .cart-widget-products .cart-widget-product .cart-widget-product-delete { padding-left: 0px; } @media (max-width: 480px) { .popup-widget-inner.cart-widget-inner .cart-widget-products .cart-widget-product { align-items: center; display: flex; flex-wrap: wrap; justify-content: flex-end; } .popup-widget-inner.cart-widget-inner .cart-widget-products .cart-widget-product .cart-widget-product-name-and-price { width: calc(100% - 76px); } } .popup-widget-inner.cart-widget-inner .cart-widget-bottom { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; bottom: 0px; display: flex; flex-flow: column-reverse; height: 120px; left: 0px; position: absolute; text-align: center; width: 100%; z-index: 3; } .popup-widget-inner.cart-widget-inner .cart-widget-bottom .cart-widget-button { border-radius: 8px; margin: 0px; padding: 24px; top: 0px; } @media (max-width: 991px) { .popup-widget-inner.cart-widget-inner .cart-widget-bottom .cart-widget-button { bottom: auto; left: auto; position: relative; right: auto; } } .popup-widget-inner.cart-widget-inner .cart-widget-bottom .cart-widget-button a { padding: 16px; width: 100%; } .popup-widget-inner.cart-widget-inner .cart-widget-bottom .cart-free-shipping { bottom: 0px; height: auto; position: relative; } .popup-widget-inner.cart-widget-inner .cart-widget-bottom .cart-free-shipping > div { font-size: 14px; font-weight: 600; line-height: 16px; padding: 0px 24px; } .popup-widget-inner.cart-widget-inner .cart-widget-bottom .cart-free-shipping > div div strong { display: inline-block; padding-top: 8px; } .popup-widget-inner.cart-widget-inner .cart-widget-bottom .cart-free-shipping .price-range { margin-bottom: 0px; margin-top: 8px; max-width: 100%; padding-bottom: 0px; } .popup-widget-inner.cart-widget-inner .cart-widget-bottom .cart-free-shipping .price-range div { padding-bottom: 0px; } .popup-widget.login-widget { right: 50px; } .popup-widget.search-widget { overflow: auto; padding: 16px; } @media (min-width: 992px) { .popup-widget.search-widget { align-items: center; left: 0px; margin-left: auto; margin-right: auto; max-width: 1500px; overflow: visible; padding: 32px 64px 24px; right: 0px; width: calc(100% - 32px); } } .search-window-visible .popup-widget.search-widget { display: flex; } .popup-widget.search-widget .search-widget-close { display: none; height: 40px; position: absolute; right: 0px; top: 0px; width: 40px; } .popup-widget.search-widget .search-widget-close::before { content: ""; cursor: pointer; } @media (min-width: 992px) { .popup-widget.search-widget .search-widget-close { align-items: center; display: flex; font-size: 20px; justify-content: center; } } .popup-widget.search-widget form { width: 100%; } .popup-widget.search-widget form .search-form-input-group { display: flex; margin: auto; max-width: 640px; width: 100%; } .popup-widget.search-widget form .search-form-input-group .search-input { border-bottom-right-radius: 0px; border-top-right-radius: 0px; height: 64px; padding: 20px 16px; } .popup-widget.search-widget form .search-form-input-group .search-button { border-bottom-left-radius: 0px; border-top-left-radius: 0px; height: 64px; padding: 24px; position: relative; } .search-widget .search-widget-try-button { width: 100%; } @media (min-width: 992px) { body.user-action-visible.search-window-visible::before { inset: 0px; content: ""; position: fixed; z-index: 1002; } } .products-block { display: flex; flex-wrap: wrap; margin-left: -8px; margin-right: -8px; } @media (min-width: 768px) { .products-block { margin-left: -16px; margin-right: -16px; } } .products-block > div { max-width: 100%; padding: 16px; position: relative; width: 100%; } @media (min-width: 320px) { .columns-mobile-2 .products-block > div { width: 50%; } } @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%; } } .products-block > div .p { border: none; display: flex; flex-flow: column; height: 100%; position: relative; text-align: center; } .products-block > div .p .image { order: 1; } .products-block > div .p .p-in { order: 3; padding-top: 16px; } .products-block > div .p .p-in .p-in-in .name { display: -webkit-box; font-weight: 700; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 40px; letter-spacing: 0.4px; overflow: hidden; } @media (min-width: 768px) { .products-block > div .p .p-in .p-in-in .name { height: 48px; } } .products-block > div .p .p-in .ratings-wrapper { padding: 5px 0px; } .products-block > div .p .p-in .ratings-wrapper .stars-placeholder, .products-block > div .p .p-in .ratings-wrapper .stars-wrapper { align-items: center; display: flex; flex-wrap: wrap; height: 16px; justify-content: center; } :where(.ums_discussion_rating_forms--off) .products-block > div .p .p-in .ratings-wrapper .star-list { align-items: center; display: flex; justify-content: center; margin: 0px; width: 100%; } :where(.ums_discussion_rating_forms--off) .products-block > div .p .p-in .ratings-wrapper .star-list .star { margin: 0px 5px; } .products-block > div .p .p-in .p-bottom > div .prices { align-items: center; display: flex; flex-wrap: wrap; justify-content: center; padding: 5px 0px; } .products-block > div .p .p-in .p-bottom > div .prices .price-final { flex-basis: 100%; } .products-block > div .p .p-in .p-bottom > div .prices .price-final strong { font-weight: 500; } .products-block > div .p .p-in .p-bottom > div .prices .price-standard { margin-left: 5px; margin-right: 5px; } .products-block > div .p .p-in .p-bottom > div .prices .price-save { font-size: 12px; margin-left: 5px; margin-right: 5px; } .products-block > div .p .p-in .p-bottom > div .prices .price-additional { font-size: 12px; } .products-block > div .p .p-in .p-bottom > div .p-tools { padding: 16px 0px 0px; } .products-block > div .p .p-in .p-bottom > div .p-tools .pr-action { width: 100%; } .products-block > div .p .p-in .p-bottom > div .p-tools .pr-action .quantity { display: none; } .products-block > div .p .p-in .p-bottom > div .p-tools .btn.btn-primary { align-items: center; display: inline-flex; justify-content: center; } .products-block > div .p .p-in .p-bottom > div .p-tools .btn.btn-primary i { margin-left: 0.5em; } .products-block > div .p .p-in .p-bottom > div .p-tools .add-to-cart-button::before { display: none; } .products-block > div .p .p-in .p-bottom > div .p-tools .add-to-cart-button i { margin-right: 0.5em; } .products-block > div .p .p-in .p-bottom > div .p-desc { padding: 8px 0px 0px; } @media (min-width: 768px) { .products-block > div .p .p-in .p-bottom > div .p-desc { padding: 16px 0px 0px; } } .products-block > div .p .p-code { display: block; font-size: 12px; font-weight: 700; letter-spacing: 0.8px; line-height: 16px; order: 2; text-align: right; text-transform: uppercase; } .products-inline:not(.products-top) > div { border-width: 0px; max-width: 100%; padding: 8px 0px; position: relative; width: 100%; } .products-inline:not(.products-top) > div .quantity { margin-right: 5px; } .products-inline:not(.products-top) > div .quantity .decrease, .products-inline:not(.products-top) > div .quantity .increase, .products-inline:not(.products-top) > div .quantity input { height: 52px; } .products-inline:not(.products-top) > div .quantity .decrease::before, .products-inline:not(.products-top) > div .quantity .increase::before, .products-inline:not(.products-top) > div .quantity input::before { line-height: 52px; } .products-inline:not(.products-top) > div .name { font-weight: 700; } .products-inline:not(.products-top) > div .p .p-in .p-bottom .p-tools { margin-top: 0px; } .products-inline:not(.products-top) .product .btn, .products-inline:not(.products-top) .product a.btn { margin-bottom: 0px; margin-right: 5px; } :where(.ums_discussion_rating_forms--on) :where(.products-inline .p-in) .stars { gap: 2px; } .p-detail .products-header { text-align: center; } .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 .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 { 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: 64px; width: 50%; } } @media (min-width: 1200px) { .p-detail-inner .p-image-wrapper { padding-right: 64px; width: 50%; } } .p-detail-inner .p-image-wrapper .p-image { position: relative; } .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 .brand-wrapper { font-size: 12px; font-weight: 700; letter-spacing: 0.8px; line-height: 16px; margin-bottom: 8px; text-transform: uppercase; } .p-detail-inner h1 { color: var(--colors-foregrounds-content-primary); overflow-wrap: break-word; font-size: 24px; font-weight: 700; letter-spacing: 0.8px; line-height: 28px; margin-bottom: 32px; margin-top: 0px; text-transform: none; } .blank-mode .p-detail-inner h1, .p-detail-inner h1 { font-family: var(--template-headings-font),sans-serif; } @media (min-width: 768px) { .p-detail-inner h1 { font-size: 32px; letter-spacing: 1.6px; line-height: 38px; } } .p-detail-inner .stars-wrapper .star-list { width: auto; } :where(.ums_discussion_rating_forms--off) .p-detail-inner .stars-wrapper .star-list { margin-right: 8px; } :where(.ums_discussion_rating_forms--off) .p-detail-inner .stars-wrapper .star-list .star { margin: 0px 5px; } .p-detail-inner .buttons-wrapper, .p-detail-inner .detail-parameters, .p-detail-inner .p-detail-inner-header, .p-detail-inner .p-price-wrapper, .p-detail-inner .p-short-description, .p-detail-inner .p-to-cart-block, .p-detail-inner .size-id-wrapper, .p-detail-inner .surcharge-list { margin-bottom: 16px; } @media (min-width: 768px) { .p-detail-inner .buttons-wrapper, .p-detail-inner .detail-parameters, .p-detail-inner .p-detail-inner-header, .p-detail-inner .p-price-wrapper, .p-detail-inner .p-short-description, .p-detail-inner .p-to-cart-block, .p-detail-inner .size-id-wrapper, .p-detail-inner .surcharge-list { margin-bottom: 32px; } } .p-detail-inner .buttons-wrapper:empty { display: none; } .p-detail-inner .p-variants-block { margin-bottom: 16px; } @media (min-width: 768px) { .p-detail-inner .p-variants-block { margin-bottom: 16px; } } .p-detail-inner .p-gifts-heading { text-transform: none; } .p-detail-inner .surcharge-list .surcharge-label, .p-detail-inner .surcharge-list .variant-label, .p-detail-inner .variant-list .surcharge-label, .p-detail-inner .variant-list .variant-label { display: block; font-size: 10px; font-weight: 700; letter-spacing: 0.8px; line-height: 16px; margin-bottom: 8px; text-transform: uppercase; } @media (min-width: 768px) { .p-detail-inner .surcharge-list .surcharge-label, .p-detail-inner .surcharge-list .variant-label, .p-detail-inner .variant-list .surcharge-label, .p-detail-inner .variant-list .variant-label { font-size: 12px; } } :where(.ums_forms_redesign--on) .p-detail-inner .surcharge-list select, :where(.ums_forms_redesign--on) .p-detail-inner .variant-list select { margin-bottom: 16px; } :where(.ums_forms_redesign--off) .p-detail-inner .surcharge-list select, :where(.ums_forms_redesign--off) .p-detail-inner .variant-list select { border-radius: 8px; height: 48px; margin-bottom: 16px; width: 100%; } .p-detail-inner .advanced-parameter.has-image, .p-detail-inner .advanced-parameter.has-image .advanced-parameter-inner { height: 100px; width: 100px; } .p-detail-inner .advanced-parameter .advanced-parameter-inner { border-width: 2px; box-shadow: none; } .p-detail-inner .advanced-parameter .advanced-parameter-inner.yes-before::before { display: none; } .p-detail-inner .p-price-wrapper { text-align: left; width: 100%; } .p-detail-inner .p-price-wrapper .price-final { display: block; font-size: 32px; font-weight: 700; line-height: 38px; text-transform: none; overflow-wrap: break-word; margin-bottom: 0px; margin-top: 0px; padding: 8px 0px; } @media (min-width: 768px) { .p-detail-inner .p-price-wrapper .price-final { font-size: 48px; line-height: 56px; margin-bottom: 0px; margin-top: 0px; } } .p-detail-inner .p-price-wrapper .price-additional { display: block; } .p-detail-inner .p-price-wrapper .price-save { padding-left: 4px; } .p-detail-inner .detail-parameters .delivery-time { display: inline; } .p-detail-inner .detail-parameters .detail-parameter-availability { font-weight: 700; } .p-detail-inner .detail-parameters .detail-parameter-availability > .availability-desc-label { display: none; } .p-detail-inner .p-to-cart-block .add-to-cart { align-items: center; display: flex; justify-content: center; } .p-detail-inner .p-to-cart-block .quantity { margin-right: 16px; } @media (min-width: 768px) { .p-detail-inner .p-to-cart-block .quantity { margin-right: 32px; } } .p-detail-inner .p-to-cart-block .add-to-cart-button { flex-grow: 1; height: 48px; } .p-detail-inner .p-to-cart-block .add-to-cart-button::before { display: none; } .p-detail-inner .p-to-cart-block .add-to-cart-button i { margin-right: 0.5em; } .p-detail-inner .p-to-cart-block .add-to-cart--express-checkout { flex-flow: wrap; gap: 16px; justify-content: flex-start; } .p-detail-inner .p-to-cart-block .add-to-cart--express-checkout .quantity { margin-right: 0px; } .p-detail-inner .p-to-cart-block .add-to-cart__quantity-label { flex: 1 0 100%; font-weight: 700; } @media (min-width: 480px) { .p-detail-inner .p-to-cart-block .add-to-cart__quantity-label { display: none; } } .p-detail-inner .p-to-cart-block .add-to-cart__buttons-wrapper { display: grid; flex: 1 0 100%; gap: 16px; grid-template-columns: 1fr; } @media (min-width: 480px) { .p-detail-inner .p-to-cart-block .add-to-cart__buttons-wrapper { flex: 1 1 auto; grid-template-columns: 1fr 1fr; } } .p-detail-inner .p-to-cart-block .express-checkout-button { height: 48px; } .p-detail-inner .p-to-cart-block .express-checkout-button::before { display: none; } .p-detail-inner .p-to-cart-block .express-checkout-button i { margin-right: 0.5em; } .p-detail-inner .p-detail-inner-header-mobile { text-align: center; } .p-detail-inner .p-detail-inner-header-mobile .brand-wrapper { padding-bottom: 8px; } .p-detail-inner .p-detail-inner-header-mobile .stars-wrapper { justify-content: center; padding-bottom: 16px; } @media (min-width: 1200px) { .narrow .p-detail-inner .p-detail-inner-header-mobile { display: none; } } @media (min-width: 992px) { .wide .p-detail-inner .p-detail-inner-header-mobile { display: none; } } .p-thumbnails-wrapper { margin: 16px 0px; } @media (max-width: 767px) { .p-thumbnails-wrapper .p-thumbnails, .p-thumbnails-wrapper .p-thumbnails > div { height: 48px; } } .p-thumbnails-wrapper .p-thumbnails .p-thumbnails-inner a { margin-right: 40px; } @media (max-width: 767px) { .p-thumbnails-wrapper .p-thumbnails .p-thumbnails-inner a { margin-right: 8px; } } .p-thumbnails-wrapper .p-thumbnails .p-thumbnails-inner a::before { display: none; } .p-thumbnails-wrapper .p-thumbnails .p-thumbnails-inner a img { border-radius: 8px; } @media (max-width: 767px) { .p-thumbnails-wrapper .p-thumbnails .p-thumbnails-inner a img { height: 48px; width: auto; } } .link-icons { margin: 0px; } .link-icons .link-icon { border-radius: 8px; font-size: 14px; font-weight: 600; line-height: 16px; margin: 0px 16px 16px 0px; padding: 8px; text-transform: none; } @media (min-width: 768px) { .link-icons .link-icon { margin: 0px 48px 32px 0px; } } .link-icons .link-icon i { display: block; font-size: 28px; margin-bottom: 16px; } .link-icons .link-icon::before { display: none; } .social-buttons-wrapper .social-buttons { align-items: center; min-height: calc(100% - 32px); } .p-detail-full-width { padding: 32px 0px; } @media (max-width: 767px) { .p-detail-full-width { margin: 16px -8px; padding: 16px 0px; } .p-detail-full-width .container-full-width, .p-detail-full-width .shp-tabs-holder { padding-left: 8px; padding-right: 8px; } } .p-detail-full-width #tab-content { border-radius: 8px; padding: 24px; } @media (min-width: 768px) { .p-detail-full-width #tab-content { padding: 40px; } } .shp-tabs-row { margin-bottom: -8px; } #content .shp-tabs-row .shp-tabs-holder ul.shp-tabs { margin-bottom: 0px; } .shp-tabs-row .shp-tabs-holder ul.shp-tabs li.shp-tab { margin-right: 4px; } .shp-tabs-row .shp-tabs-holder ul.shp-tabs li.shp-tab a { border-top-left-radius: 8px; border-top-right-radius: 8px; padding: 8px 24px 16px; } @media (min-width: 768px) { .shp-tabs-row .shp-tabs-holder ul.shp-tabs li.shp-tab a { padding: 16px 40px 24px; } } .shp-tabs-row .shp-tabs-holder ul.shp-tabs li.shp-tab.active a { font-weight: 700; } .responsive-nav .hidden-links { border-radius: 8px 0px 8px 8px; border-style: solid; border-width: 1px; font-weight: 600; margin-right: 8px; padding: 16px; } .description-inner { align-items: flex-start; display: flex; flex-wrap: wrap; } .description-inner .basic-description { width: 100%; } @media (min-width: 1200px) { .mobile .description-inner .basic-description, .one-column-body .description-inner .basic-description { flex: 1 1 auto; padding-right: 32px; width: 66.6667%; } } .description-inner .basic-description > h4:first-child { margin-top: 0px; } .description-inner .extended-description { width: 100%; } @media (min-width: 1200px) { .mobile .description-inner .extended-description, .one-column-body .description-inner .extended-description { flex: 0 1 auto; min-width: 33.3333%; width: 33.3333%; } .mobile .description-inner .extended-description > h4:first-child, .one-column-body .description-inner .extended-description > h4:first-child { margin-top: 0px; } } @media (min-width: 1440px) { .multiple-columns-body .description-inner .extended-description { min-width: 50%; width: auto; } } .tab-pane .detail-parameters { border-collapse: separate; border-radius: 8px; border-style: solid; border-width: 1px; overflow: hidden; width: 100%; } .tab-pane .detail-parameters td, .tab-pane .detail-parameters th { padding: 8px 16px; } .tab-pane .detail-parameters th { border-right-style: solid; border-right-width: 1px; font-weight: 700; text-align: left; } .tab-pane .detail-parameters th .row-header-label { display: block; position: relative; } .tab-pane .detail-parameters th .row-header-label.has-tooltip { padding-right: 25px; } .tab-pane .detail-parameters th .row-header-label .show-tooltip { position: absolute; right: 0px; } @media (min-width: 768px) { .tab-pane .detail-parameters th .row-header-label .show-tooltip { top: 3px; } } .tab-pane .detail-parameters td { font-weight: 400; } @media (min-width: 768px) { .tab-pane .detail-parameters td { font-weight: 400; letter-spacing: 0.8px; } } .products-alternative-wrapper, .products-alternative-wrapper.product-slider-holder, .products-related-wrapper, .products-related-wrapper.product-slider-holder { padding-top: 40px; } .xyDiscount__banner { align-items: center; border-radius: 8px; border-style: solid; border-width: 1px; display: flex; font-size: 14px; gap: 12px; margin: 32px 0px; padding: 12px; width: fit-content; } @media (min-width: 768px) { .xyDiscount__banner { font-size: 16px; gap: 16px; padding: 16px; } } .xyDiscount__icon { align-self: flex-start; border-radius: 50%; padding: 6px; } .xyDiscount__icon::after, .xyDiscount__icon::before { font-size: 20px; letter-spacing: 0px; line-height: 1; } .xyDiscount__title { font-weight: 700; } .xyDiscount__description { line-height: 1.4; margin-top: 4px; } @media (min-width: 768px) { .xyDiscount__description { margin-top: 8px; } } .xyDiscount__description p { margin-bottom: 4px; } .xyDiscount__description > :last-child { margin-bottom: 2px; } .xyDiscount__conditions { margin-top: 4px; } @media (min-width: 768px) { .xyDiscount__conditions { margin-top: 8px; } } .xyDiscount__conditions a { text-decoration: underline; } .xyDiscount__conditions a:hover { text-decoration: none; } body { font-size: 14px; letter-spacing: 0.4px; line-height: 20px; } @media (min-width: 768px) { body { font-size: 16px; letter-spacing: 0.4px; line-height: 24px; } } p { margin-bottom: 24px; } .h1, h1 { color: var(--colors-foregrounds-content-primary); overflow-wrap: break-word; font-size: 32px; font-weight: 700; line-height: 38px; margin-bottom: 16px; margin-top: 40px; text-transform: none; } .blank-mode .h1, .blank-mode h1, .h1, h1 { font-family: var(--template-headings-font),sans-serif; } @media (min-width: 768px) { .h1, h1 { font-size: 48px; line-height: 56px; margin-bottom: 24px; margin-top: 0px; } } .h2, h2 { color: var(--colors-foregrounds-content-primary); overflow-wrap: break-word; font-size: 24px; font-weight: 700; letter-spacing: 0.8px; line-height: 28px; margin-bottom: 24px; margin-top: 40px; text-transform: none; } .blank-mode .h2, .blank-mode h2, .h2, h2 { font-family: var(--template-headings-font),sans-serif; } @media (min-width: 768px) { .h2, h2 { font-size: 32px; letter-spacing: 1.6px; line-height: 38px; } } .h3, h3 { color: var(--colors-foregrounds-content-primary); overflow-wrap: break-word; font-size: 20px; font-weight: 600; line-height: 23px; margin-bottom: 24px; margin-top: 40px; text-transform: none; } .blank-mode .h3, .blank-mode h3, .h3, h3 { font-family: var(--template-headings-font),sans-serif; } @media (min-width: 768px) { .h3, h3 { font-size: 24px; font-weight: 600; line-height: 28px; } } .h4, h4 { color: var(--colors-foregrounds-content-primary); overflow-wrap: break-word; font-size: 20px; font-weight: 700; line-height: 19px; margin-bottom: 24px; margin-top: 40px; text-transform: none; } .blank-mode .h4, .blank-mode h4, .h4, h4 { font-family: var(--template-headings-font),sans-serif; } @media (min-width: 768px) { .h4, h4 { font-size: 20px; line-height: 23px; } } .container { max-width: 100%; } input[type="checkbox"] + label::after, input[type="checkbox"] + label::before { border-radius: 3px; } input[type="checkbox"]:checked + label::after { align-items: center; content: ""; display: flex; font-size: 8px; height: 16px; justify-content: center; left: 0px; width: 16px; } :where(.ums_forms_redesign--off) .form-group { margin-bottom: 16px; } .form-option-block + :where(.ums_forms_redesign--off) .form-group, fieldset + :where(.ums_forms_redesign--off) .form-group { margin-top: 16px; } :where(.ums_forms_redesign--off) .form-group .label, :where(.ums_forms_redesign--off) .form-group label { display: inline-block; font-size: 10px; font-weight: 700; letter-spacing: 0.8px; line-height: 16px; margin-bottom: 8px; text-transform: uppercase; } @media (min-width: 768px) { :where(.ums_forms_redesign--off) .form-group .label, :where(.ums_forms_redesign--off) .form-group label { font-size: 12px; } } :where(.ums_forms_redesign--off) .form-group input + label { text-transform: none; } :where(.ums_forms_redesign--off) .form-group [type="checkbox"] + label, :where(.ums_forms_redesign--off) .form-group [type="hidden"] + label, :where(.ums_forms_redesign--off) .form-group [type="radio"] + label { font-size: 14px; font-weight: 600; } :where(.ums_forms_redesign--off) .form-group [type="checkbox"]:checked + label, :where(.ums_forms_redesign--off) .form-group [type="radio"]:checked + label { font-weight: 700; } :where(.ums_forms_redesign--on).ordering-process .co-box-additional { margin-top: var(--form-groups-margin); } .express-checkout__invoicing #shipping-address .box .form-option-block + .form-group { margin-top: 24px; } @media (min-width: 480px) { .express-checkout__invoicing #shipping-address .box .form-option-block + .form-group { margin-top: 32px; } } select { border-radius: 8px; } .ui-slider-handle { align-items: center; box-shadow: rgba(23, 47, 111, 0.24) 0px 2px 4px; display: flex; justify-content: center; text-align: center; } .ui-slider-handle::before { content: ""; font-size: 8px; height: 32px; line-height: 32px; } .btn.add-to-cart-button, .btn.btn-cart, .btn.btn-primary, a.btn.add-to-cart-button, a.btn.btn-cart, a.btn.btn-primary { align-items: center; display: inline-flex; justify-content: center; } .btn.add-to-cart-button::before, .btn.btn-cart::before, a.btn.add-to-cart-button::before, a.btn.btn-cart::before { content: ""; margin-right: 0.5em; } .product .btn, .product a.btn { margin-bottom: 8px; } .subscribe-form.compact-form .btn { border-bottom-left-radius: 0px; border-top-left-radius: 0px; } .flags-default { position: absolute; text-align: left; top: 0px; width: 100%; z-index: 1; } .flags-default .flag { font-size: 12px; line-height: 16px; padding: 4px 16px; } @media (min-width: 992px) { .flags-default .flag { clear: none; float: none; font-size: 16px; font-weight: 700; line-height: 24px; margin-right: 8px; min-width: 30%; text-align: center; } } .flags-extra { left: 0px; right: auto; } @supports (width:100vw) { .full-width { position: relative; width: auto; } @media (min-width: 768px) { .full-width { left: 50%; margin-left: -50vw; margin-right: -50vw; right: 50%; width: calc(100vw - var(--scrollbar-width)/2); } } @media (max-width: 767px) { .full-width.row { margin-left: 0px; margin-right: 0px; } } .sidebar + .content { min-width: 0px; } .sidebar + .content .full-width { left: 0px; margin-left: 0px; margin-right: 0px; right: 0px; width: 100%; } } .container-full-width { margin-left: auto; margin-right: auto; padding-left: 16px; padding-right: 16px; width: 100%; } @media (min-width: 768px) { .container-full-width { max-width: 739px; } } @media (min-width: 992px) { .container-full-width { max-width: 964px; } } @media (min-width: 1200px) { .container-full-width { max-width: 1170px; } } @media (min-width: 1440px) { .container-full-width { max-width: 1712px; } } :where(.ums_forms_redesign--on) .quantity { border-radius: 8px; } .quantity .increase { border-bottom-right-radius: 8px; border-top-right-radius: 8px; } .quantity .decrease { border-bottom-left-radius: 8px; border-top-left-radius: 8px; } .quantity .decrease-tooltip, .quantity .increase-tooltip { right: 0px; width: 100%; } .quantity input { font-family: inherit; font-size: 12px; } .quantity .decrease::before, .quantity .increase::before { display: none; } .quantity .decrease__sign, .quantity .increase__sign { display: block; font-family: inherit; font-size: 24px; font-weight: 600; } .product-slider-holder.has-navigation .product-slider-navigation { opacity: 1; } #cboxClose, #cboxContent, #cboxLoadedContent, #cboxLoadingOverlay { border-radius: 8px; } .product-slider .product-slider-pagination { margin-top: 0px; } .multiple-columns-body .banners-row + .content-wrapper { margin-top: 32px; } article > img { margin-bottom: 24px; } @media (min-width: 768px) { .category-title, .content-inner > h1, .content > h2, article header h1 { margin-top: 0px; } } .content-inner > h1, .content > h2, article header h1 { text-align: center; } .widget-parameter-wrapper .widget-parameter-value:first-child a { padding-left: 8px; } .widget-parameter-wrapper.justified { justify-content: center; } .type-search #content { text-align: center; } .type-search #content h2 .highlight { display: block; } .search-results, .search-results-group { border-top-style: solid; border-top-width: 1px; margin-top: 16px; padding-top: 16px; } @media (min-width: 768px) { .search-results, .search-results-group { margin-top: 32px; padding-top: 32px; } } .search-results .search-results-group-list ul, .search-results-group .search-results-group-list ul { align-items: center; display: flex; flex-flow: column; justify-content: center; list-style-type: none; padding: 0px; } @media (min-width: 992px) { .search-results .search-results-group-list ul, .search-results-group .search-results-group-list ul { flex-flow: wrap; } .search-results .search-results-group-list ul li, .search-results-group .search-results-group-list ul li { flex-basis: 50%; padding-top: 16px; } } @media (min-width: 1200px) { .search-results .search-results-group-list ul li, .search-results-group .search-results-group-list ul li { flex-basis: 33%; } } @media (min-width: 1440px) { .search-results .search-results-group-list ul li, .search-results-group .search-results-group-list ul li { flex-basis: 25%; } } .search-results .search-results-group-list ul li a::after, .search-results-group .search-results-group-list ul li a::after { content: ""; display: inline-block; font-size: 12px; margin-left: 0.5em; vertical-align: baseline; } @media (min-width: 768px) { .id--4 .content, .id--8 .content { border-radius: 8px; padding: 40px 32px 0px; } } a.login-btn { display: block; padding-left: 66px; position: relative; text-decoration: none; } a.login-btn.facebook, a.login-btn.google, a.login-btn.seznam { border-radius: 8px; height: 56px; } a.login-btn.facebook span, a.login-btn.facebook strong, a.login-btn.google span, a.login-btn.google strong, a.login-btn.seznam span, a.login-btn.seznam strong { text-align: left; } a.login-btn.facebook strong, a.login-btn.google strong, a.login-btn.seznam strong { line-height: 56px; padding: 0px; } a.login-btn.facebook .login-facebook-icon, a.login-btn.google .login-facebook-icon, a.login-btn.seznam .login-facebook-icon { align-items: center; background-image: none; display: flex; justify-content: center; } a.login-btn.facebook .login-facebook-icon i, a.login-btn.google .login-facebook-icon i, a.login-btn.seznam .login-facebook-icon i { font-size: 24px; } a.login-btn.facebook .login-google-icon, a.login-btn.google .login-google-icon, a.login-btn.seznam .login-google-icon { background-size: 24px 24px; } @media (min-width: 768px) { :where(.ums_forms_redesign--off).id--4 .content-inner, :where(.ums_forms_redesign--off).id--8 .content-inner { margin-left: auto; margin-right: auto; max-width: 530px; } :where(.ums_forms_redesign--off).id--4 .col-md-4, :where(.ums_forms_redesign--off).id--4 .col-md-8, :where(.ums_forms_redesign--off).id--8 .col-md-4, :where(.ums_forms_redesign--off).id--8 .col-md-8 { width: 100%; } :where(.ums_forms_redesign--off).id--4 #content, :where(.ums_forms_redesign--off).id--8 #content { height: fit-content; } } :where(.ums_forms_redesign--off).id--4 #formLogin, :where(.ums_forms_redesign--off).id--4 #register-form, :where(.ums_forms_redesign--off).id--8 #formLogin, :where(.ums_forms_redesign--off).id--8 #register-form { margin: 32px 0px 40px; } :where(.ums_forms_redesign--on).id--8 #register-form h2 { font-size: 20px; line-height: 23px; } :where(.ums_forms_redesign--on).id--8 #register-form h2 > i { display: none; } :where(.ums_forms_redesign--off).id--8 #register-form h4 { display: none; } :where(.ums_forms_redesign--off).id--8 #register-form label { font-weight: 700; letter-spacing: 0.8px; } :where(.ums_forms_redesign--off).id--8 #register-form input[type="checkbox"] + label, :where(.ums_forms_redesign--off).id--8 #register-form input[type="hidden"] + label, :where(.ums_forms_redesign--off).id--8 #register-form input[type="radio"] + label { font-weight: 600; margin-bottom: 0px; } :where(.ums_forms_redesign--off).id--8 #register-form input[type="checkbox"] + label strong, :where(.ums_forms_redesign--off).id--8 #register-form input[type="hidden"] + label strong, :where(.ums_forms_redesign--off).id--8 #register-form input[type="radio"] + label strong { font-weight: 600; } :where(.ums_forms_redesign--off).id--8 #register-form .row div:first-child h4 { display: block; text-align: center; } :where(.ums_forms_redesign--off).id--8 #register-form .row div:first-child h4 i { display: none; } :where(.ums_forms_redesign--off).id--8 #register-form .register-soc { margin: 24px 0px; } :where(.ums_forms_redesign--off).id--8 #register-form .stay-in-touch { margin-bottom: 24px; } :where(.ums_forms_redesign--off).id--8 #register-form .consents { font-size: 12px; font-weight: 500; margin-bottom: 24px; margin-top: 0px; } :where(.ums_forms_redesign--off).id--8 #register-form .submit-wrapper p { margin-bottom: 0px; } :where(.ums_forms_redesign--off).id--8 #register-form input[type="submit"] { height: 48px; width: 100%; } @media (min-width: 768px) { .id--4 #content, .id--8 #content, .type-post #content { max-width: 820px; } .id--4.one-column-body #content, .id--8.one-column-body #content, .type-post.one-column-body #content { margin-left: auto; margin-right: auto; } } #content .filters-wrapper > div:first-of-type { margin-bottom: 0px; } :where(.ratingDialog) .form-group.rating-stars-group { margin-top: 16px; } .advanced-order .extras-wrap .extra { align-items: center; display: flex; justify-content: center; } .advanced-order .extras-wrap .extra .icon-van { font-size: 48px; } .advanced-order .extras-wrap .extra .icon-discount, .advanced-order .extras-wrap .extra .icon-gift { font-size: 32px; } .advanced-order .extras-wrap .extra i { margin-right: 20px; } .advanced-order .extras-wrap a.btn.btn-conversion { padding: 16px; } :where(.ums_forms_redesign--off) .custom-footer #formLogin .form-group, :where(.ums_forms_redesign--off) .sidebar #formLogin .form-group { margin-bottom: 8px; } :where(.ums_forms_redesign--off) .custom-footer #formLogin .login-wrapper, :where(.ums_forms_redesign--off) .sidebar #formLogin .login-wrapper { display: flex; flex-flow: wrap-reverse; padding: 0px; } :where(.ums_forms_redesign--off) .custom-footer #formLogin .login-wrapper .password-helper, :where(.ums_forms_redesign--off) .sidebar #formLogin .login-wrapper .password-helper { align-items: center; display: flex; float: none; justify-content: space-between; padding-bottom: 16px; width: 100%; } :where(.ums_forms_redesign--off) .custom-footer #formLogin .login-wrapper .password-helper a, :where(.ums_forms_redesign--off) .sidebar #formLogin .login-wrapper .password-helper a { font-size: 14px; font-weight: 600; line-height: 16px; } :where(.ums_forms_redesign--off) .custom-footer #formLogin .login-wrapper .password-helper a + a, :where(.ums_forms_redesign--off) .sidebar #formLogin .login-wrapper .password-helper a + a { padding-top: 0px; } :where(.ums_forms_redesign--off) .custom-footer #formLogin .social-login-buttons .social-login-buttons-divider span, :where(.ums_forms_redesign--off) .sidebar #formLogin .social-login-buttons .social-login-buttons-divider span { color: var(--colors-foregrounds-content-primary); font-size: 14px; font-weight: 600; line-height: 16px; } :where(.ums_forms_redesign--off) .custom-footer #formLogin .social-login-buttons a.login-btn.facebook, :where(.ums_forms_redesign--off) .custom-footer #formLogin .social-login-buttons a.login-btn.google, :where(.ums_forms_redesign--off) .custom-footer #formLogin .social-login-buttons a.login-btn.seznam, :where(.ums_forms_redesign--off) .sidebar #formLogin .social-login-buttons a.login-btn.facebook, :where(.ums_forms_redesign--off) .sidebar #formLogin .social-login-buttons a.login-btn.google, :where(.ums_forms_redesign--off) .sidebar #formLogin .social-login-buttons a.login-btn.seznam { height: 50px; } :where(.ums_forms_redesign--off) .custom-footer #formLogin .social-login-buttons a.login-btn.facebook strong, :where(.ums_forms_redesign--off) .custom-footer #formLogin .social-login-buttons a.login-btn.google strong, :where(.ums_forms_redesign--off) .custom-footer #formLogin .social-login-buttons a.login-btn.seznam strong, :where(.ums_forms_redesign--off) .sidebar #formLogin .social-login-buttons a.login-btn.facebook strong, :where(.ums_forms_redesign--off) .sidebar #formLogin .social-login-buttons a.login-btn.google strong, :where(.ums_forms_redesign--off) .sidebar #formLogin .social-login-buttons a.login-btn.seznam strong { font-size: 14px; font-weight: 600; line-height: 50px; } .custom-footer div.cart-overview a, .sidebar div.cart-overview a { display: inline-block; padding: 16px; } .custom-footer .subscribe-form fieldset > br, .sidebar .subscribe-form fieldset > br { display: none; } .custom-footer .box-poll, .sidebar .box-poll { font-size: 14px; font-weight: 600; line-height: 16px; } .custom-footer .box-poll ul.poll, .sidebar .box-poll ul.poll { padding-top: 8px; } .custom-footer .box-poll ul.poll .poll-result, .sidebar .box-poll ul.poll .poll-result { margin-bottom: 16px; margin-top: 4px; } .custom-footer .box-poll ul.poll .poll-result > div, .sidebar .box-poll ul.poll .poll-result > div { border-radius: 3px; height: 16px; } :where(.ums_forms_redesign--on) .login-widget .login-form { width: 100%; } :where(.ums_forms_redesign--on) .login-widget .login-form .form-control-wrapper { max-width: 100%; } .price-save .empty, .price-standard .empty { visibility: hidden; } .p-price-wrapper:has(.price-standard .empty:not(.no-display)) .standard-price-label { visibility: hidden; } @media (max-width: 767px) { :where(.ums_mobile_header_v1--on) .navigation-buttons .dropdown, :where(.ums_mobile_header_v1--on) .navigation-buttons .languagesMenu { display: none; } :where(.ums_mobile_header_v1--on) .navigation-in { font-size: 16px; line-height: 16px; } :where(.ums_mobile_header_v1--on) .navigation-in > ul > li > a { align-items: center; display: flex; padding-bottom: 0px; padding-top: 0px; } :where(.ums_mobile_header_v1--on) .navigation-in > ul > li > a > b { display: inline-block; font-weight: 600; padding-bottom: 16px; padding-top: 16px; } :where(.ums_mobile_header_v1--on) .navigation-in > ul > li > a > span { padding-bottom: 16px; padding-top: 16px; } :where(.ums_mobile_header_v1--on) .navigation-in > ul > li > a .navigationActions__flagWrapper { line-height: 24px; padding-bottom: 12px; padding-top: 12px; } :where(.ums_mobile_header_v1--on) .navigation-in ul.menu-level-2 li a.navigationActions__link--flag { padding-bottom: 4px; padding-top: 4px; } :where(.ums_mobile_header_v1--on) .submenu-arrow { font-size: 12px; line-height: 16px; padding-left: 2em; padding-right: 2em; } :where(.ums_mobile_header_v1--on) .submenu-arrow::after { vertical-align: sub; } } @media (max-width: 767px) { :where(.ums_mobile_header_v1--on) .navigation-close::before { font-size: 16px; height: 16px; line-height: 16px; width: 16px; } } :where(.ums_mobile_header_v1--on) .top-nav-button-login, :where(.ums_mobile_header_v1--on) a.top-nav-button-account { display: none; } @media (min-width: 768px) { :where(.ums_mobile_header_v1--on) .top-nav-button-login, :where(.ums_mobile_header_v1--on) a.top-nav-button-account { display: flex; } } @media (max-width: 767px) { :where(.ums_mobile_header_v1--on) .overall-wrapper { padding-top: 60px; } :where(.ums_mobile_header_v1--on) #header { left: 0px; position: fixed; top: 0px; transition: transform 0.15s ease 0s; width: 100%; z-index: 56; } .scrolled-down :where(.ums_mobile_header_v1--on) #header { transform: translateY(-100%); } :where(.ums_mobile_header_v1--on) #header .header-top .header-top-wrapper:has(.text-logo) .site-name { max-width: min(100% - 155px, 400px); } :where(.ums_mobile_header_v1--on) #header .header-top .header-top-wrapper:has(.text-logo) .navigation-buttons { max-width: 155px; } :where(.ums_mobile_header_v1--on) .site-msg.information { position: fixed; top: 60px; transition: top 0.15s ease 0s; } .scrolled-down :where(.ums_mobile_header_v1--on) .site-msg.information { top: 0px; } } (cache)Stránka neexistuje - Dragonworks

A safra! Něco se pokazilo.

Stránka nebyla nalezena.

Můžete se ale podívat na naše produkty.

Zpět do obchodu