body#product .tvproduct-page-decs { display: none !important; } .product-description .car-specs tr, .tv-product-desc .car-specs tr, .tvproduct-page-decs .car-specs tr, #product-description-short .car-specs tr, #description .car-specs tr, #product-details .car-specs tr { height: 32px !important; } .product-description .car-specs th, .product-description .car-specs td, .tv-product-desc .car-specs th, .tv-product-desc .car-specs td, .tvproduct-page-decs .car-specs th, .tvproduct-page-decs .car-specs td, #product-description-short .car-specs th, #product-description-short .car-specs td, #description .car-specs th, #description .car-specs td, #product-details .car-specs th, #product-details .car-specs td { height: 32px !important; padding: 4px 8px !important; font-size: 16px !important; line-height: 22px !important; box-sizing: border-box !important; vertical-align: middle !important; color: #000 !important; border: 1px solid #eeeeee !important; } .product-description .car-specs tr:nth-child(odd), .tv-product-desc .car-specs tr:nth-child(odd), .tvproduct-page-decs .car-specs tr:nth-child(odd), #product-description-short .car-specs tr:nth-child(odd), #description .car-specs tr:nth-child(odd), #product-details .car-specs tr:nth-child(odd) { background: #f2f2f2 !important; } .product-description .car-specs tr:nth-child(even), .tv-product-desc .car-specs tr:nth-child(even), .tvproduct-page-decs .car-specs tr:nth-child(even), #product-description-short .car-specs tr:nth-child(even), #description .car-specs tr:nth-child(even), #product-details .car-specs tr:nth-child(even) { background: #fcfcfc !important; } .product-description .car-specs th, .tv-product-desc .car-specs th, .tvproduct-page-decs .car-specs th, #product-description-short .car-specs th, #description .car-specs th, #product-details .car-specs th { font-weight: 600 !important; color: #000 !important; } .car-title { font-size: 16px !important; color: #000 !important; } @media (max-width: 768px) { .product-description .car-specs, .tv-product-desc .car-specs, .tvproduct-page-decs .car-specs, #product-description-short .car-specs, #description .car-specs, #product-details .car-specs { width: 100vw !important; max-width: 100vw !important; min-width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: 0 !important; } } @media (min-width: 992px) { .tmvf-product-fitment { display: block !important; width: calc(100% - 90px) !important; margin: 8px 0 12px -12px !important; padding: 0 !important; border: 1px solid #e2e2e2 !important; border-radius: 7px !important; background: #fafafa !important; overflow: hidden !important; } .tmvf-product-fitment .tmvf-badge { display: block !important; width: 100% !important; padding: 6px 9px !important; margin: 0 !important; border: 0 !important; border-bottom: 1px solid #e5e5e5 !important; border-radius: 0 !important; background: transparent !important; color: #000 !important; font-size: 13px !important; line-height: 1.35 !important; box-sizing: border-box !important; } .tmvf-product-fitment .tmvf-badge:last-child { border-bottom: 0 !important; } .tmvf-product-fitment .tmvf-fitment-label { color: #000 !important; font-weight: 600 !important; margin-right: 4px !important; } .tmvf-product-fitment .tmvf-badge-blue, .tmvf-product-fitment .tmvf-badge-orange { background: transparent !important; color: #000 !important; } } @media (min-width: 992px) { #product .tv-product-page-content .tvproduct-special-desc { padding-top: 5px !important; margin-top: 0 !important; } } @media (min-width: 992px) { #product .tvproduct-page-decs .car-specs { width: 100% !important; max-width: 100% !important; border-collapse: collapse !important; } #product .tvproduct-page-decs .car-specs tr { height: 32px !important; } #product .tvproduct-page-decs .car-specs th, #product .tvproduct-page-decs .car-specs td { height: 32px !important; padding: 4px 8px !important; font-size: 16px !important; line-height: 22px !important; box-sizing: border-box !important; vertical-align: middle !important; } #product .tvproduct-page-decs .car-title { font-size: 16px !important; } } p.opis-naglowek, p.opis-vorteile { display: none !important; } #_desktop_contact_link, #contact-link { display: none !important; } @media screen and (max-width: 767px) { .tvproduct-wrapper.list > .tvproductdescription-button-wrapper, .tvgrid-list-view-product .products .tvproduct-wrapper.list > .tvproductdescription-button-wrapper { flex: 1 1 auto !important; width: auto !important; max-width: none !important; min-width: 0 !important; padding: 0 !important; margin: 0 !important; } .tvproduct-wrapper.list > .tvproduct-image, .tvgrid-list-view-product .products .tvproduct-wrapper.list > .tvproduct-image { flex: 0 0 58% !important; width: 58% !important; max-width: 58% !important; min-width: 185px !important; padding: 0 !important; margin: 0 !important; } .tvproduct-wrapper.list > .tvproduct-image a.thumbnail, .tvgrid-list-view-product .products .tvproduct-wrapper.list > .tvproduct-image a.thumbnail { width: 100% !important; max-width: 100% !important; display: block !important; } .tvproduct-wrapper.list .tvproduct-image img.tv-img-responsive, .tvgrid-list-view-product .products .tvproduct-wrapper.list .tvproduct-image img.tv-img-responsive { width: 100% !important; max-width: 100% !important; height: auto !important; display: block !important; } } .tv-product-price, .tv-product-price .tvproduct-name-price-wrapper, .tv-product-price .product-price-and-shipping { width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; } .tv-product-price { display: block !important; margin: 18px 0 20px !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; text-align: left !important; } .tv-product-price .tvproduct-name-price-wrapper { display: block !important; margin: 0 !important; padding: 0 !important; } .tv-product-price .product-price-and-shipping { display: flex !important; flex-wrap: wrap !important; align-items: center !important; column-gap: 10px !important; row-gap: 8px !important; margin: 0 !important; padding: 0 !important; line-height: 1.2 !important; text-align: left !important; } .tv-product-price .product-price-and-shipping .price { display: inline-block !important; flex: 0 0 auto !important; width: auto !important; margin: 0 !important; padding: 0 !important; color: #0f172a !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important; font-size: 30px !important; font-weight: 800 !important; line-height: 1.1 !important; letter-spacing: -0.02em !important; white-space: nowrap !important; } .tv-product-price .pangv-note-inline { display: inline-flex !important; align-items: center !important; flex: 0 0 auto !important; width: auto !important; margin: 0 0 0 6px !important; padding: 0 !important; color: #4b5563 !important; background: transparent !important; border: none !important; border-radius: 0 !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.2 !important; white-space: nowrap !important; } .tv-product-price .pangv-note-shipping { display: inline-flex !important; align-items: center !important; flex: 0 0 auto !important; width: auto !important; margin: 0 !important; padding: 6px 10px !important; color: #176b32 !important; background: #e7f5eb !important; border: 1px solid #c8e7d0 !important; border-radius: 5px !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1.2 !important; white-space: nowrap !important; } .tv-product-price .sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } @media (max-width: 767px) { .tv-product-price { margin: 14px 0 18px !important; } .tv-product-price .product-price-and-shipping { align-items: center !important; column-gap: 8px !important; row-gap: 7px !important; } .tv-product-price .product-price-and-shipping .price { font-size: 26px !important; } .tv-product-price .pangv-note-inline, .tv-product-price .pangv-note-shipping { font-size: 11px !important; padding: 4px 7px !important; } } @media (min-width: 992px) { .tmvf-product-fitment { display: block !important; width: calc(100% - 90px) !important; margin: 8px 0 12px -12px !important; padding: 0 !important; border: 1px solid #e2e2e2 !important; border-radius: 7px !important; background: #fafafa !important; overflow: hidden !important; } .tmvf-product-fitment .tmvf-badge { display: block !important; width: 100% !important; padding: 6px 9px !important; margin: 0 !important; border: 0 !important; border-bottom: 1px solid #e5e5e5 !important; border-radius: 0 !important; background: transparent !important; color: #000 !important; font-size: 13px !important; line-height: 1.35 !important; box-sizing: border-box !important; } .tmvf-product-fitment .tmvf-badge:last-child { border-bottom: 0 !important; } .tmvf-product-fitment .tmvf-fitment-label { color: #000 !important; font-weight: 600 !important; margin-right: 4px !important; } .tmvf-product-fitment .tmvf-badge-blue, .tmvf-product-fitment .tmvf-badge-orange { background: transparent !important; color: #000 !important; } } @media (min-width: 992px) { #product .tv-product-page-content .tvproduct-special-desc { padding-top: 5px !important; margin-top: 0 !important; } } @media (min-width: 992px) { #product .tvproduct-page-decs .car-specs { width: 100% !important; max-width: 100% !important; border-collapse: collapse !important; } #product .tvproduct-page-decs .car-specs tr { height: 32px !important; } #product .tvproduct-page-decs .car-specs th, #product .tvproduct-page-decs .car-specs td { height: 32px !important; padding: 4px 8px !important; font-size: 16px !important; line-height: 22px !important; box-sizing: border-box !important; vertical-align: middle !important; } #product .tvproduct-page-decs .car-title { font-size: 16px !important; } } p.opis-naglowek, p.opis-vorteile { display: none !important; } #_desktop_contact_link, #contact-link { display: none !important; } @media screen and (max-width: 767px) { .tvproduct-wrapper.list > .tvproductdescription-button-wrapper, .tvgrid-list-view-product .products .tvproduct-wrapper.list > .tvproductdescription-button-wrapper { flex: 1 1 auto !important; width: auto !important; max-width: none !important; min-width: 0 !important; padding: 0 !important; margin: 0 !important; } .tvproduct-wrapper.list > .tvproduct-image, .tvgrid-list-view-product .products .tvproduct-wrapper.list > .tvproduct-image { flex: 0 0 58% !important; width: 58% !important; max-width: 58% !important; min-width: 185px !important; padding: 0 !important; margin: 0 !important; } .tvproduct-wrapper.list > .tvproduct-image a.thumbnail, .tvgrid-list-view-product .products .tvproduct-wrapper.list > .tvproduct-image a.thumbnail { width: 100% !important; max-width: 100% !important; display: block !important; } .tvproduct-wrapper.list .tvproduct-image img.tv-img-responsive, .tvgrid-list-view-product .products .tvproduct-wrapper.list .tvproduct-image img.tv-img-responsive { width: 100% !important; max-width: 100% !important; height: auto !important; display: block !important; } } .tv-product-price, .tv-product-price .tvproduct-name-price-wrapper, .tv-product-price .product-price-and-shipping { width: 100% !important; max-width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; } .tv-product-price { display: block !important; margin: 18px 0 20px !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; text-align: left !important; } .tv-product-price .tvproduct-name-price-wrapper { display: block !important; margin: 0 !important; padding: 0 !important; } .tv-product-price .product-price-and-shipping { display: flex !important; flex-wrap: wrap !important; align-items: center !important; column-gap: 10px !important; row-gap: 8px !important; margin: 0 !important; padding: 0 !important; line-height: 1.2 !important; text-align: left !important; } .tv-product-price .product-price-and-shipping .price { display: inline-block !important; flex: 0 0 auto !important; width: auto !important; margin: 0 !important; padding: 0 !important; color: #0f172a !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important; font-size: 30px !important; font-weight: 800 !important; line-height: 1.1 !important; letter-spacing: -0.02em !important; white-space: nowrap !important; } .tv-product-price .pangv-note-inline { display: inline-flex !important; align-items: center !important; flex: 0 0 auto !important; width: auto !important; margin: 0 0 0 6px !important; padding: 0 !important; color: #4b5563 !important; background: transparent !important; border: none !important; border-radius: 0 !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.2 !important; white-space: nowrap !important; } .tv-product-price .pangv-note-shipping { display: inline-flex !important; align-items: center !important; flex: 0 0 auto !important; width: auto !important; margin: 0 !important; padding: 6px 10px !important; color: #176b32 !important; background: #e7f5eb !important; border: 1px solid #c8e7d0 !important; border-radius: 5px !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1.2 !important; white-space: nowrap !important; } .tv-product-price .sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } @media (max-width: 767px) { .tv-product-price { margin: 14px 0 18px !important; } .tv-product-price .product-price-and-shipping { align-items: center !important; column-gap: 8px !important; row-gap: 7px !important; } .tv-product-price .product-price-and-shipping .price { font-size: 26px !important; } .tv-product-price .pangv-note-inline, .tv-product-price .pangv-note-shipping { font-size: 11px !important; padding: 4px 7px !important; } } .related-products__list { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; box-sizing: border-box !important; } .related-products__list .rp-row { position: relative !important; display: flex !important; align-items: flex-start !important; gap: 20px !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; min-height: 285px !important; margin: 0 0 16px 0 !important; padding: 16px !important; background: #ffffff !important; border: 1px solid #e2e7ed !important; border-radius: 10px !important; box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05) !important; overflow: hidden !important; box-sizing: border-box !important; } .related-products__list .rp-row:hover { border-color: #c5d2dd !important; box-shadow: 0 7px 18px rgba(15, 23, 42, 0.10) !important; } .related-products__list .rp-row > a.rp-row__image-link { position: relative !important; z-index: 2 !important; display: flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 250px !important; width: 250px !important; height: 250px !important; min-width: 250px !important; max-width: 250px !important; margin: 0 !important; padding: 5px !important; background: #fafafa !important; border: 1px solid #edf0f2 !important; border-radius: 8px !important; box-sizing: border-box !important; } .related-products__list .rp-row > a.rp-row__image-link > img.rp-row__image { display: block !important; width: 238px !important; height: 238px !important; min-width: 0 !important; min-height: 0 !important; max-width: 238px !important; max-height: 238px !important; margin: 0 !important; padding: 0 !important; object-fit: contain !important; border: 0 !important; background: transparent !important; box-sizing: border-box !important; } .related-products__list .rp-row > .rp-row__body { position: relative !important; z-index: 2 !important; flex: 1 1 auto !important; min-width: 0 !important; max-width: 100% !important; margin: 0 !important; padding: 0 64px 0 0 !important; overflow: hidden !important; box-sizing: border-box !important; } .related-products__list .rp-row__name { display: block !important; margin: 0 0 10px 0 !important; padding: 0 !important; color: #111111 !important; font-size: 20px !important; font-weight: 800 !important; line-height: 1.28 !important; } .related-products__list .rp-row__name .rp-row__link { display: block !important; max-width: 100% !important; color: #111111 !important; text-decoration: none !important; overflow-wrap: anywhere !important; word-break: break-word !important; } .related-products__list .rp-row__compat-title { display: none !important; } .related-products__list .rp-row__compat { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; } .related-products__list .rp-row__compat-row { display: grid !important; grid-template-columns: 112px minmax(0, 1fr) !important; align-items: center !important; column-gap: 5px !important; width: 100% !important; min-width: 0 !important; min-height: 29px !important; margin: 0 !important; padding: 0 !important; box-sizing: border-box !important; } .related-products__list .rp-row__compat-label { display: block !important; width: 112px !important; min-width: 112px !important; max-width: 112px !important; margin: 0 !important; padding: 0 !important; color: #222222 !important; font-size: 16px !important; font-weight: 700 !important; line-height: 1.15 !important; } .related-products__list .rp-row__compat-value { display: inline-flex !important; align-items: center !important; justify-self: start !important; min-width: 0 !important; max-width: 100% !important; min-height: 26px !important; margin: 0 !important; padding: 3px 10px !important; border: 0 !important; border-radius: 4px !important; font-size: 14px !important; font-weight: 800 !important; line-height: 1.1 !important; white-space: normal !important; overflow-wrap: anywhere !important; word-break: break-word !important; box-sizing: border-box !important; } .related-products__list .rp-row__compat > .rp-row__compat-row:nth-of-type(1) .rp-row__compat-value { background: #ffcc80 !important; color: #a85c17 !important; } .related-products__list .rp-row__compat > .rp-row__compat-row:nth-of-type(2) .rp-row__compat-value { background: #cfe2f3 !important; color: #3d73a6 !important; } .related-products__list .rp-row__compat > .rp-row__compat-row:nth-of-type(3) .rp-row__compat-value { background: #cfe2f3 !important; color: #3d73a6 !important; } .related-products__list .rp-row__compat > .rp-row__compat-row:nth-of-type(4) .rp-row__compat-value { background: #6fbd83 !important; color: #d5ffc1 !important; font-size: 15px !important; font-weight: 900 !important; } .related-products__list .rp-row__compat > .rp-row__compat-row:nth-of-type(5) .rp-row__compat-value { background: #6fbd83 !important; color: #d5ffc1 !important; font-size: 15px !important; font-weight: 900 !important; } .related-products__list .rp-row__compat > .rp-row__compat-row:nth-of-type(6) .rp-row__compat-value { background: #cfe2f3 !important; color: #3d73a6 !important; } .related-products__list .rp-row__compat > .rp-row__compat-row:nth-of-type(7) .rp-row__compat-value { background: #cfe2f3 !important; color: #3d73a6 !important; } .related-products__list .rp-row__price-wrap { display: inline-block !important; margin: 12px 10px 0 0 !important; padding: 0 !important; } .related-products__list .rp-row__price-link { color: #111111 !important; text-decoration: none !important; } .related-products__list .rp-row__price-value { color: #111111 !important; font-size: 23px !important; font-weight: 800 !important; line-height: 1.1 !important; } .related-products__list .rp-row__shipping { display: inline-flex !important; align-items: center !important; margin: 12px 0 0 0 !important; padding: 6px 10px !important; background: #e7f5eb !important; border: 1px solid #c8e7d0 !important; border-radius: 5px !important; color: #176b32 !important; font-size: 12px !important; font-weight: 800 !important; line-height: 1.1 !important; } .related-products__list .rp-row__kaufschutz { position: absolute !important; z-index: 4 !important; right: 12px !important; bottom: 12px !important; display: block !important; width: 58px !important; height: 58px !important; margin: 0 !important; padding: 0 !important; } .related-products__list .rp-row__kaufschutz-link, .related-products__list .rp-row__kaufschutz-icon, .related-products__list .rp-row__kaufschutz img { display: block !important; width: 58px !important; height: 58px !important; max-width: 58px !important; max-height: 58px !important; object-fit: contain !important; } @media screen and (max-width: 768px) { .related-products__list .rp-row { gap: 16px !important; min-height: 205px !important; padding: 13px !important; } .related-products__list .rp-row > a.rp-row__image-link { flex: 0 0 185px !important; width: 185px !important; height: 185px !important; min-width: 185px !important; max-width: 185px !important; } .related-products__list .rp-row > a.rp-row__image-link > img.rp-row__image { width: 173px !important; height: 173px !important; max-width: 173px !important; max-height: 173px !important; } .related-products__list .rp-row__name { font-size: 18px !important; } .related-products__list .rp-row__compat-label { font-size: 15px !important; } .related-products__list .rp-row__compat-value { font-size: 13px !important; } .related-products__list .rp-row__price-value { font-size: 21px !important; } } @media screen and (max-width: 560px) { .related-products__list .rp-row { gap: 11px !important; min-height: 175px !important; margin-bottom: 10px !important; padding: 10px !important; border-radius: 8px !important; } .related-products__list .rp-row > a.rp-row__image-link { flex: 0 0 145px !important; width: 145px !important; height: 145px !important; min-width: 145px !important; max-width: 145px !important; padding: 4px !important; } .related-products__list .rp-row > a.rp-row__image-link > img.rp-row__image { width: 135px !important; height: 135px !important; max-width: 135px !important; max-height: 135px !important; } .related-products__list .rp-row > .rp-row__body { flex: 1 1 0 !important; min-width: 0 !important; padding-right: 42px !important; } .related-products__list .rp-row__name { margin-bottom: 5px !important; font-size: 15px !important; line-height: 1.2 !important; } .related-products__list .rp-row__compat-row { grid-template-columns: 68px minmax(0, 1fr) !important; column-gap: 2px !important; min-height: 21px !important; } .related-products__list .rp-row__compat-label { width: 68px !important; min-width: 68px !important; max-width: 68px !important; font-size: 11px !important; white-space: nowrap !important; } .related-products__list .rp-row__compat-value { min-height: 20px !important; padding: 2px 6px !important; font-size: 11px !important; } .related-products__list .rp-row__compat > .rp-row__compat-row:nth-of-type(4) .rp-row__compat-value, .related-products__list .rp-row__compat > .rp-row__compat-row:nth-of-type(5) .rp-row__compat-value { font-size: 12px !important; } .related-products__list .rp-row__price-wrap, .related-products__list .rp-row__shipping { margin-top: 7px !important; } .related-products__list .rp-row__price-value { font-size: 17px !important; } .related-products__list .rp-row__shipping { padding: 4px 7px !important; font-size: 10px !important; } .related-products__list .rp-row__kaufschutz { right: 7px !important; bottom: 7px !important; width: 44px !important; height: 44px !important; } .related-products__list .rp-row__kaufschutz-link, .related-products__list .rp-row__kaufschutz-icon, .related-products__list .rp-row__kaufschutz img { width: 44px !important; height: 44px !important; max-width: 44px !important; max-height: 44px !important; } } .product-prices { margin-top: 20px; margin-bottom: 24px; } .product-prices .product-price { margin-bottom: 0; padding: 0; border: 0; } .product-prices .current-price { display: flex; align-items: baseline; margin-bottom: 8px; } .product-prices .current-price .price { display: inline-block; color: #1f2937; font-size: 32px; font-weight: 700; line-height: 1.15; letter-spacing: -0.4px; } .product-prices .tvproduct-tax-label { display: inline-flex; align-items: center; margin-bottom: 14px; padding: 4px 9px; color: #166534; background-color: #f0fdf4; border: 1px solid #bbf7d0; border-radius: 5px; font-size: 12px; font-weight: 600; line-height: 1.3; } .product-prices .tvproduct-tax-label::before { content: "€"; display: inline-flex; align-items: center; justify-content: center; width: 17px; height: 17px; margin-right: 6px; color: #ffffff; background-color: #16a34a; border-radius: 50%; font-size: 11px; font-weight: 700; line-height: 1; flex-shrink: 0; } .product-prices .tax-shipping-delivery-label { display: flex; flex-direction: column; align-items: flex-start; gap: 7px; margin-top: 4px; padding-top: 14px; border-top: 1px solid #e5e7eb; color: #4b5563; font-size: 14px; line-height: 1.45; } .product-prices .tax-shipping-delivery-label .pangv-note { display: inline-flex; align-items: center; color: #15803d; font-weight: 600; } .product-prices .tax-shipping-delivery-label .pangv-note::before { content: "✓"; display: inline-flex; align-items: center; justify-content: center; width: 17px; height: 17px; margin-right: 7px; color: #ffffff; background-color: #16a34a; border-radius: 50%; font-size: 11px; font-weight: 700; line-height: 1; flex-shrink: 0; } .product-prices .tax-shipping-delivery-label .return-policy-line { display: inline-flex; align-items: center; color: #15803d; font-weight: 600; } .product-prices .tax-shipping-delivery-label .return-policy-line::before { content: "↩"; display: inline-flex; align-items: center; justify-content: center; width: 17px; height: 17px; margin-right: 7px; color: #ffffff; background-color: #16a34a; border-radius: 50%; font-size: 13px; font-weight: 700; line-height: 1; flex-shrink: 0; } .product-prices .tax-shipping-delivery-label .delivery-information { display: inline-flex; align-items: center; color: #166534; font-weight: 600; } .product-prices .tax-shipping-delivery-label .delivery-information::before { content: "✓"; display: inline-flex; align-items: center; justify-content: center; width: 17px; height: 17px; margin-right: 7px; color: #ffffff; background-color: #16a34a; border-radius: 50%; font-size: 11px; font-weight: 700; line-height: 1; flex-shrink: 0; } .product-prices .tax-shipping-delivery-label .shipping-free-line { display: inline-block !important; color: #15803d !important; font-weight: 700 !important; font-size: 16px !important; line-height: 1.4 !important; padding: 7px 12px !important; min-height: 22px !important; white-space: nowrap !important; background-color: #f0fdf4 !important; border: 1px solid #bbf7d0 !important; border-radius: 5px !important; } .product-prices .tax-shipping-delivery-label .shipping-free-line::before { content: none !important; } .product-prices .tax-shipping-delivery-label > span:empty { display: none; } .product-prices .product-discount { margin-top: 4px; } .product-prices .product-discount .regular-price { color: #9ca3af; font-size: 15px; } .product-prices .discount { display: inline-block; margin-top: 8px; padding: 4px 8px; color: #b91c1c; background-color: #fef2f2; border-radius: 4px; font-size: 12px; font-weight: 700; } @media (max-width: 767px) { .product-prices { margin-top: 16px; margin-bottom: 20px; } .product-prices .current-price .price { font-size: 27px; } .tvproduct-wrapper.list .tvproduct-image { max-width: 45% !important; min-width: 140px !important; width: auto !important; } .tvproduct-wrapper.list .tvproduct-image img { max-width: 100% !important; width: auto !important; height: auto !important; } .tvproduct-wrapper.list .product-price-and-shipping, .tvproduct-wrapper.list .tv-product-price, .tvproduct-wrapper.list .tax-shipping-delivery-label { padding-left: 6px !important; } .tvproduct-wrapper.list .tvproduct-name h6, .tvproduct-wrapper.list .tvproduct-name a h6 { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px !important; line-height: 1.3 !important; } #product .tv-product-page-content .product-prices > .tax-shipping-delivery-label, .tvproduct-page-wrapper .product-prices .tax-shipping-delivery-label, .quickview .product-prices .tax-shipping-delivery-label, .product-prices .tax-shipping-delivery-label { padding-left: 10px !important; padding-right: 10px !important; margin-left: 0 !important; margin-right: 0 !important; } } .tvcmsdesktop-top-header-box { display: flex; align-items: center; } .tvcms-header-logo-wrapper { display: flex; justify-content: flex-start; } .tvcms-header-logo-wrapper .tv-header-logo { margin-left: 25px; } .tvcmsheader-search { display: flex; align-items: center; justify-content: center; } .tvcmsheader-nav-right { display: flex; justify-content: flex-end; } .tv-contact-account-cart-wrapper { display: flex; align-items: center; gap: 20px; margin-right: 25px; } #search_widget .search-widget form, #search_widget form { display: flex; align-items: stretch; width: 100%; min-height: 44px; border: 1px solid #ddd; border-radius: 4px; overflow: hidden; } #search_widget input[type="text"] { flex: 1 1 auto; min-width: 0; border: none; padding: 10px 14px; font-size: 15px; outline: none; } #search_widget button[type="submit"] { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; gap: 6px; border: none; background: #f5f5f5; padding: 0 18px; cursor: pointer; white-space: nowrap; } #search_widget button[type="submit"] i.material-icons.search { display: flex; align-items: center; justify-content: center; font-size: 20px; line-height: 1; width: 20px; height: 20px; } #search_widget button[type="submit"] span.hidden-xl-down { line-height: 1; font-size: 14px; } .modal-content { border: none !important; border-radius: 18px !important; box-shadow: 0 20px 50px rgba(15, 23, 42, 0.18) !important; overflow: hidden !important; background: #ffffff !important; } .modal-header { position: relative !important; padding: 18px 22px !important; border-bottom: 1px solid #e9eef5 !important; background: linear-gradient(180deg, #f8fbff 0%, #eef6ff 100%) !important; } .modal-header .modal-title { display: flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; margin: 0 !important; padding-right: 36px !important; color: #153a63 !important; font-size: 20px !important; font-weight: 700 !important; text-align: center !important; } .modal-header .modal-title i { color: #2e9f57 !important; font-size: 24px !important; } .modal-header .close.tv-addtocart-close { position: absolute !important; top: 12px !important; right: 14px !important; width: 38px !important; height: 38px !important; border-radius: 999px !important; background: #ffffff !important; border: 1px solid #dbe5f0 !important; opacity: 1 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; color: #3c4b5f !important; box-shadow: 0 6px 16px rgba(15, 23, 42, 0.08) !important; } .modal-header .close.tv-addtocart-close span { font-size: 24px !important; line-height: 1 !important; } .modal-body.tv-addtocart-content-part { padding: 22px !important; background: #ffffff !important; } .modal-body .row { align-items: stretch !important; } .modal-body .divide-right { border-right: 1px solid #eef2f7 !important; padding-right: 22px !important; } .tv-addtocart-image-name-wrapper { display: flex !important; align-items: center !important; } .tv-addtocart-product-image { display: flex !important; align-items: center !important; justify-content: center !important; } .tv-addtocart-product-image .product-image { width: 100% !important; max-width: 220px !important; border-radius: 14px !important; background: #f8fafc !important; border: 1px solid #e7edf5 !important; padding: 8px !important; box-shadow: 0 8px 20px rgba(15, 23, 42, 0.06) !important; } .tv-addtocart-product-name { display: flex !important; flex-direction: column !important; justify-content: center !important; gap: 10px !important; } .tv-addtocart-product-name .product-name { margin: 0 !important; color: #172536 !important; font-size: 18px !important; line-height: 1.35 !important; font-weight: 700 !important; } .tv-addtocart-price { margin: 0 !important; color: #ff5a00 !important; font-size: 24px !important; line-height: 1.1 !important; font-weight: 800 !important; } .tv-addtocart-product-name span { display: inline-flex !important; align-items: center !important; width: fit-content !important; padding: 7px 12px !important; border-radius: 999px !important; background: #f3f8fd !important; border: 1px solid #dbe7f3 !important; color: #38506b !important; font-size: 14px !important; } .tv-addtocart-content .cart-content { height: 100% !important; padding-left: 10px !important; display: flex !important; flex-direction: column !important; justify-content: center !important; } .cart-products-count { margin: 0 0 14px 0 !important; padding: 10px 14px !important; border-radius: 12px !important; background: #eef8f0 !important; border: 1px solid #d5ebda !important; color: #21643a !important; font-size: 15px !important; font-weight: 700 !important; } .tv-addtocart-content .cart-content p { margin: 0 0 10px 0 !important; color: #243447 !important; font-size: 15px !important; line-height: 1.45 !important; } .tv-addtocart-content .cart-content p strong { color: #10263d !important; font-weight: 700 !important; } .tv-addtocart-content .cart-content p:last-of-type { margin-top: 6px !important; padding-top: 12px !important; border-top: 1px solid #edf2f7 !important; font-size: 18px !important; font-weight: 800 !important; color: #132a42 !important; } .cart-content-btn { display: flex !important; flex-wrap: wrap !important; gap: 12px !important; margin-top: 18px !important; } .cart-content-btn .tvall-inner-btn, .cart-content-btn a.tvall-inner-btn { min-height: 48px !important; padding: 12px 18px !important; border-radius: 12px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; text-decoration: none !important; font-size: 15px !important; font-weight: 700 !important; box-shadow: none !important; } .cart-content-btn button.tvall-inner-btn { background: #f3f6fa !important; color: #1f3852 !important; border: 1px solid #d7e1ec !important; } .cart-content-btn a.tvall-inner-btn { background: #ff5a00 !important; color: #ffffff !important; border: 1px solid #ff5a00 !important; } .cart-content-btn a.tvall-inner-btn i { font-size: 20px !important; color: #ffffff !important; } .cart-content-btn .tvall-inner-btn span { color: inherit !important; font-size: inherit !important; font-weight: inherit !important; } @media (max-width: 767px) { .modal-content { border-radius: 16px !important; } .modal-header { padding: 16px 16px 14px !important; } .modal-header .modal-title { font-size: 17px !important; line-height: 1.35 !important; padding-right: 34px !important; text-align: left !important; justify-content: flex-start !important; } .modal-body.tv-addtocart-content-part { padding: 16px !important; } .modal-body .divide-right { border-right: none !important; border-bottom: 1px solid #eef2f7 !important; padding-right: 0 !important; padding-bottom: 16px !important; margin-bottom: 16px !important; } .tv-addtocart-image-name-wrapper { display: block !important; } .tv-addtocart-product-image { margin-bottom: 14px !important; } .tv-addtocart-product-image .product-image { max-width: 170px !important; margin: 0 auto !important; } .tv-addtocart-product-name { text-align: center !important; align-items: center !important; } .tv-addtocart-product-name .product-name { font-size: 16px !important; } .tv-addtocart-price { font-size: 22px !important; } .tv-addtocart-content .cart-content { padding-left: 0 !important; } .cart-content-btn { flex-direction: column !important; } .cart-content-btn .tvall-inner-btn, .cart-content-btn a.tvall-inner-btn { width: 100% !important; } } .tvcmsofferbanners-one.container-fluid, .tvcmsofferbanners-one.container-fluid > .container, .tvcmsofferbanners-one .tvbanner-hover-wrapper { position: relative !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; background: #101820 !important; box-sizing: border-box !important; } .tvcmsofferbanners-one *, .tvcmsofferbanners-one *::before, .tvcmsofferbanners-one *::after { box-sizing: border-box !important; } .tvcmsofferbanners-one, .tvcmsofferbanners-one .container, .tvcmsofferbanners-one img { border: none !important; box-shadow: none !important; } .tvcmsofferbanners-one .tvbanner-hover-wrapper { display: block !important; text-decoration: none !important; } .tvcmsofferbanners-one .tvbanner-hover-wrapper > img { display: block !important; width: 100% !important; max-width: 100% !important; border: 0 !important; } .tvcmsofferbanners-one .tvbanner-hover-wrapper::before { content: "" !important; position: absolute !important; inset: 0 !important; z-index: 1 !important; pointer-events: none !important; } .tvcmsofferbanners-one .top-left.tvofferbanner-content { z-index: 2 !important; } .tvcmsofferbanners-one .top-left.tvofferbanner-content > .container { width: 100% !important; max-width: 100% !important; margin: 0 !important; } @media (max-width: 767px) { .tvcmsofferbanners-one, .tvcmsofferbanners-one .container { margin: 0 !important; padding-left: 6px !important; padding-right: 6px !important; } .tvcmsofferbanners-one .tvbanner-hover-wrapper { min-height: 430px !important; border-radius: 14px !important; } .tvcmsofferbanners-one .tvbanner-hover-wrapper > img { height: 430px !important; min-height: 430px !important; object-fit: cover !important; object-position: center center !important; } .tvcmsofferbanners-one .tvbanner-hover-wrapper::before { background: linear-gradient( 180deg, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, 0.24) 16%, rgba(0, 0, 0, 0.44) 50%, rgba(0, 0, 0, 0.80) 100% ) !important; } .tvcmsofferbanners-one .top-left.tvofferbanner-content { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; padding: 8px !important; display: flex !important; align-items: stretch !important; overflow: hidden !important; } .tvcmsofferbanners-one .top-left.tvofferbanner-content > .container { display: flex !important; flex-direction: column !important; justify-content: center !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; height: 100% !important; padding: 14px 14px 14px !important; background: linear-gradient( 180deg, rgba(8, 14, 22, 0.03) 0%, rgba(8, 14, 22, 0.10) 28%, rgba(8, 14, 22, 0.30) 100% ) !important; border-radius: 12px !important; overflow: hidden !important; } .tvcmsofferbanners-one .top-left.tvofferbanner-content h1 { font-size: 28px !important; font-weight: 800 !important; line-height: 1.06 !important; margin: 0 0 16px !important; color: #ffffff !important; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.30) !important; word-break: break-word !important; } .tvcmsofferbanners-one .top-left.tvofferbanner-content h2 { font-size: 17px !important; font-weight: 600 !important; line-height: 1.24 !important; margin: 0 0 18px !important; color: #ffffff !important; text-shadow: 0 2px 8px rgba(0, 0, 0, 0.26) !important; word-break: break-word !important; } .tvcmsofferbanners-one .top-left.tvofferbanner-content p { font-size: 14px !important; line-height: 1.46 !important; margin: 0 0 20px !important; color: rgba(255, 255, 255, 0.98) !important; text-shadow: 0 1px 6px rgba(0, 0, 0, 0.24) !important; word-break: break-word !important; } .tvcmsofferbanners-one .top-left.tvofferbanner-content ul { margin: 0 !important; padding-left: 0 !important; list-style: none !important; display: grid !important; grid-template-columns: 1fr !important; gap: 7px !important; font-size: 14px !important; line-height: 1.35 !important; color: #ffffff !important; width: 100% !important; } .tvcmsofferbanners-one .top-left.tvofferbanner-content ul li { margin: 0 !important; padding: 9px 11px !important; min-width: 0 !important; width: 100% !important; color: #eef6ff !important; background: rgba(78, 126, 190, 0.30) !important; border: 1px solid rgba(144, 188, 241, 0.42) !important; border-radius: 10px !important; box-shadow: 0 8px 18px rgba(6, 20, 44, 0.10) !important; overflow-wrap: break-word !important; } .tvcmsofferbanners-one .top-left.tvofferbanner-content ul li::before { content: none !important; display: none !important; } .tvcmsofferbanners-one .top-left.tvofferbanner-content ul li:last-child { background: rgba(76, 146, 88, 0.28) !important; border: 1px solid rgba(122, 214, 138, 0.74) !important; color: #d4ffda !important; box-shadow: 0 8px 20px rgba(20, 60, 22, 0.14) !important; font-weight: 600 !important; } .tvcmsofferbanners-one .top-left.tvofferbanner-content ul li:last-child a, .tvcmsofferbanners-one .top-left.tvofferbanner-content ul li:last-child span { color: #d4ffda !important; } } @media (min-width: 768px) { .tvcmsofferbanners-one .tvbanner-hover-wrapper { min-height: auto !important; } .tvcmsofferbanners-one .tvbanner-hover-wrapper > img { width: 100% !important; height: auto !important; min-height: 0 !important; max-width: 100% !important; object-fit: cover !important; object-position: center center !important; display: block !important; } .tvcmsofferbanners-one .tvbanner-hover-wrapper::before { background: linear-gradient( 90deg, rgba(0, 0, 0, 0.56) 0%, rgba(0, 0, 0, 0.33) 30%, rgba(0, 0, 0, 0.15) 58%, rgba(0, 0, 0, 0.06) 100% ), linear-gradient( 180deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.10) 100% ) !important; } .tvcmsofferbanners-one .top-left.tvofferbanner-content { position: absolute !important; left: 0 !important; right: 0 !important; top: 12px !important; bottom: 14px !important; width: 100% !important; padding: 0 28px !important; display: flex !important; align-items: stretch !important; } .tvcmsofferbanners-one .top-left.tvofferbanner-content > .container { max-width: 1120px !important; width: min(93%, 1120px) !important; min-height: 0 !important; height: 100% !important; padding: 20px 32px 24px !important; display: flex !important; flex-direction: column !important; justify-content: center !important; background: rgba(10, 18, 28, 0.20) !important; border: 1px solid rgba(255, 255, 255, 0.11) !important; border-radius: 18px !important; backdrop-filter: blur(4px) !important; -webkit-backdrop-filter: blur(4px) !important; } .tvcmsofferbanners-one .top-left.tvofferbanner-content h1 { font-size: 45px !important; font-weight: 800 !important; line-height: 1.10 !important; margin: 0 0 22px !important; color: #ffffff !important; text-shadow: 0 2px 14px rgba(0, 0, 0, 0.26) !important; max-width: 940px !important; } .tvcmsofferbanners-one .top-left.tvofferbanner-content h2 { font-size: 24px !important; font-weight: 500 !important; line-height: 1.32 !important; margin: 0 0 26px !important; color: #ffffff !important; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.22) !important; max-width: 900px !important; } .tvcmsofferbanners-one .top-left.tvofferbanner-content p { font-size: 18px !important; line-height: 1.60 !important; margin: 0 0 28px !important; color: rgba(255, 255, 255, 0.97) !important; max-width: 960px !important; } .tvcmsofferbanners-one .top-left.tvofferbanner-content ul { margin: 0 !important; padding-left: 0 !important; list-style: none !important; display: grid !important; grid-template-columns: repeat(2, minmax(280px, 1fr)) !important; gap: 12px 14px !important; font-size: 17px !important; line-height: 1.45 !important; color: #ffffff !important; align-items: stretch !important; } .tvcmsofferbanners-one .top-left.tvofferbanner-content ul li { margin: 0 !important; padding: 12px 15px !important; min-height: 56px !important; color: #eef6ff !important; background: rgba(78, 126, 190, 0.28) !important; border: 1px solid rgba(144, 188, 241, 0.38) !important; border-radius: 12px !important; box-shadow: 0 10px 24px rgba(8, 22, 46, 0.10) !important; } .tvcmsofferbanners-one .top-left.tvofferbanner-content ul li::before { content: none !important; display: none !important; } .tvcmsofferbanners-one .top-left.tvofferbanner-content ul li:last-child { background: rgba(76, 146, 88, 0.26) !important; border: 1px solid rgba(122, 214, 138, 0.72) !important; color: #d4ffda !important; font-weight: 600 !important; } .tvcmsofferbanners-one .top-left.tvofferbanner-content ul li:last-child a, .tvcmsofferbanners-one .top-left.tvofferbanner-content ul li:last-child span { color: #d4ffda !important; } } @media (min-width: 1200px) { .tvcmsofferbanners-one .tvbanner-hover-wrapper > img { width: 100% !important; height: auto !important; min-height: 0 !important; } .tvcmsofferbanners-one .top-left.tvofferbanner-content { top: 14px !important; bottom: 16px !important; padding: 0 32px !important; } .tvcmsofferbanners-one .top-left.tvofferbanner-content > .container { max-width: 1200px !important; width: min(93%, 1200px) !important; height: 100% !important; padding: 24px 36px 28px !important; } .tvcmsofferbanners-one .top-left.tvofferbanner-content h1 { font-size: 49px !important; max-width: 1000px !important; } .tvcmsofferbanners-one .top-left.tvofferbanner-content h2 { font-size: 26px !important; max-width: 960px !important; } .tvcmsofferbanners-one .top-left.tvofferbanner-content p { font-size: 19px !important; max-width: 1000px !important; } .tvcmsofferbanners-one .top-left.tvofferbanner-content ul { grid-template-columns: repeat(2, minmax(300px, 1fr)) !important; gap: 14px 16px !important; font-size: 18px !important; } } @media (min-width: 992px) { .trust-badges .badge-icon-wrap { width: 60px !important; height: 60px !important; flex: 0 0 60px !important; } .trust-badges .badge-icon, .trust-badges .badge-icon-wrap img { width: 32px !important; height: 32px !important; max-width: 32px !important; max-height: 32px !important; min-width: 32px !important; min-height: 32px !important; display: block !important; object-fit: contain !important; } } @media (max-width: 991px) { .trust-badges .badge-icon-wrap { width: 64px !important; height: 64px !important; flex: 0 0 64px !important; } .trust-badges .badge-icon, .trust-badges .badge-icon-wrap img { width: 36px !important; height: 36px !important; max-width: 36px !important; max-height: 36px !important; min-width: 36px !important; min-height: 36px !important; display: block !important; object-fit: contain !important; } } @media (max-width: 991px) { .product-add-to-cart .tvwishlist-compare-wrapper-page .product-info-box.product-info-box-cart .product-info-item:last-child, .product-info-box-cart .product-info-item:last-child, .product-info-box .product-info-item:last-child { background: linear-gradient(180deg, #e3f6e7 0%, #d5f0db 100%) !important; border-top: 1px solid #bfe2c6 !important; border-bottom: none !important; } .product-add-to-cart .tvwishlist-compare-wrapper-page .product-info-box.product-info-box-cart .product-info-item:last-child .product-info-text-payment, .product-add-to-cart .tvwishlist-compare-wrapper-page .product-info-box.product-info-box-cart .product-info-item:last-child .product-info-payment-heading, .product-info-box-cart .product-info-item:last-child .product-info-text-payment, .product-info-box-cart .product-info-item:last-child .product-info-payment-heading, .product-info-box .product-info-item:last-child .product-info-text-payment, .product-info-box .product-info-item:last-child .product-info-payment-heading { color: #143d22 !important; } .product-add-to-cart .tvwishlist-compare-wrapper-page .product-info-box.product-info-box-cart .product-info-item:last-child .product-info-payment-description, .product-info-box-cart .product-info-item:last-child .product-info-payment-description, .product-info-box .product-info-item:last-child .product-info-payment-description { color: #426250 !important; } } @media (min-width: 992px) { div[style*="border-top:2px solid #e8e8e8"][style*="border-bottom:2px solid #e8e8e8"] { padding: 18px 28px !important; } div[style*="border-top:2px solid #e8e8e8"][style*="border-bottom:2px solid #e8e8e8"] > div { display: grid !important; grid-template-columns: 170px minmax(0, 260px) !important; justify-content: center !important; align-items: center !important; column-gap: 18px !important; padding: 11px 0 !important; } div[style*="border-top:2px solid #e8e8e8"][style*="border-bottom:2px solid #e8e8e8"] > div > span { width: auto !important; min-width: 0 !important; max-width: none !important; text-align: right !important; margin: 0 !important; } div[style*="border-top:2px solid #e8e8e8"][style*="border-bottom:2px solid #e8e8e8"] > div > strong { width: auto !important; min-width: 0 !important; max-width: none !important; text-align: left !important; justify-self: start !important; margin: 0 !important; display: block !important; } } .part-title-wrap { margin: 22px 0 14px !important; padding: 0 !important; width: 100% !important; border: 0 !important; background: transparent !important; box-shadow: none !important; } .part-title { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 0 10px 0 !important; background: transparent !important; border: 0 !important; border-left: 0 !important; border-radius: 0 !important; box-shadow: none !important; color: #111111 !important; font-size: 24px !important; font-weight: 700 !important; line-height: 1.25 !important; letter-spacing: 0 !important; text-transform: none !important; border-bottom: 1px solid #e5e7eb !important; } .part-title::before, .part-title::after { content: none !important; display: none !important; } .part-info { margin-top: 12px !important; padding-top: 0 !important; } @media (max-width: 767px) { .part-title-wrap { margin: 18px 0 10px !important; } .part-title { font-size: 19px !important; line-height: 1.3 !important; padding: 0 0 8px 0 !important; } .part-info { margin-top: 10px !important; } } @media (min-width: 992px) { .tv-product-page-content .tvproduct-title-brandimage, .tv-product-page-content .theiaStickySidebar .tvproduct-title-brandimage { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 0 18px 0 !important; padding: 0 !important; box-sizing: border-box !important; } .tv-product-page-content .tvproduct-title-brandimage h1.h1, .tv-product-page-content .theiaStickySidebar .tvproduct-title-brandimage h1.h1 { display: block !important; width: 100% !important; max-width: 100% !important; margin: 0 0 14px 0 !important; } .tv-product-page-content .tvproduct-page-decs, .tv-product-page-content [id^="product-description-short-"], .tv-product-page-content .product-description.cms-description { display: block !important; width: 100% !important; max-width: 100% !important; min-width: 100% !important; margin: 0 0 20px 0 !important; padding-left: 0 !important; padding-right: 0 !important; box-sizing: border-box !important; } .tv-product-page-content .car-specs { width: 100% !important; max-width: 100% !important; min-width: 100% !important; table-layout: fixed !important; border-collapse: collapse !important; margin: 0 !important; } .tv-product-page-content .car-specs tbody, .tv-product-page-content .car-specs tr { width: 100% !important; } .tv-product-page-content .car-specs th { width: 220px !important; min-width: 220px !important; max-width: 220px !important; text-align: left !important; white-space: nowrap !important; } .tv-product-page-content .car-specs td { width: auto !important; text-align: left !important; word-break: break-word !important; } .tv-product-page-content .product-prices { display: flex !important; width: 100% !important; max-width: 100% !important; min-width: 100% !important; margin: 0 0 20px 0 !important; padding: 0 !important; box-sizing: border-box !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; } .tv-product-page-content .product-prices .product-price { display: flex !important; align-items: center !important; justify-content: space-between !important; flex-wrap: wrap !important; width: 100% !important; max-width: 100% !important; gap: 16px !important; } .tv-product-page-content .product-prices .current-price { display: flex !important; align-items: center !important; flex-wrap: wrap !important; width: 100% !important; max-width: 100% !important; gap: 16px !important; } .tv-product-page-content .product-prices .current-price .price { display: inline-block !important; } .tv-product-page-content .product-prices .current-price::before, .tv-product-page-content .product-prices .current-price::after { flex-shrink: 0 !important; } } @media (min-width: 992px) { .product-info-box, .product-add-to-cart .tvwishlist-compare-wrapper-page .product-info-box.product-info-box-cart, .product-info-box-cart { border-color: #cfe0ef !important; box-shadow: 0 6px 18px rgba(23, 76, 120, 0.06) !important; background: #f4f9fe !important; } .product-info-item, .product-add-to-cart .tvwishlist-compare-wrapper-page .product-info-box.product-info-box-cart .product-info-item { align-items: center !important; background: #f6fbff !important; border-bottom: 1px solid #dbe8f3 !important; } .product-add-to-cart .tvwishlist-compare-wrapper-page .product-info-box.product-info-box-cart .product-info-item img, .product-add-to-cart .tvwishlist-compare-wrapper-page .product-info-box.product-info-box-cart .product-info-icon, .product-add-to-cart .tvwishlist-compare-wrapper-page .product-info-box.product-info-box-cart .product-info-icon-payment, .product-info-box-cart .product-info-item img, .product-info-box-cart .product-info-icon-payment, .product-info-box .product-info-item img, .product-info-box .product-info-icon-payment { align-self: center !important; margin-top: 0 !important; margin-bottom: 0 !important; } .product-add-to-cart .tvwishlist-compare-wrapper-page .product-info-box.product-info-box-cart .product-info-item:last-child, .product-info-box-cart .product-info-item:last-child, .product-info-box .product-info-item:last-child { background: linear-gradient(180deg, #e3f6e7 0%, #d5f0db 100%) !important; border-top: 1px solid #bfe2c6 !important; border-bottom: none !important; } .product-add-to-cart .tvwishlist-compare-wrapper-page .product-info-box.product-info-box-cart .product-info-item:last-child .product-info-text-payment, .product-add-to-cart .tvwishlist-compare-wrapper-page .product-info-box.product-info-box-cart .product-info-item:last-child .product-info-payment-heading, .product-info-box-cart .product-info-item:last-child .product-info-text-payment, .product-info-box-cart .product-info-item:last-child .product-info-payment-heading, .product-info-box .product-info-item:last-child .product-info-text-payment, .product-info-box .product-info-item:last-child .product-info-payment-heading { color: #143d22 !important; } .product-add-to-cart .tvwishlist-compare-wrapper-page .product-info-box.product-info-box-cart .product-info-item:last-child .product-info-payment-description, .product-info-box-cart .product-info-item:last-child .product-info-payment-description, .product-info-box .product-info-item:last-child .product-info-payment-description { color: #426250 !important; } .product-info-note-payment { display: inline-flex !important; align-items: center !important; gap: 10px !important; background: transparent !important; } .product-info-note-payment img { margin: 0 !important; align-self: center !important; } .tv-product-page-content div[style*="border-top:2px solid #e8e8e8"][style*="border-bottom:2px solid #e8e8e8"] { display: block !important; width: 100% !important; max-width: 100% !important; min-width: 100% !important; margin: 20px 0 !important; padding: 22px 28px !important; background: #f8fbff !important; border: 1px solid #dbe7f2 !important; border-radius: 14px !important; box-sizing: border-box !important; } .tv-product-page-content div[style*="border-top:2px solid #e8e8e8"][style*="border-bottom:2px solid #e8e8e8"] > div { display: grid !important; grid-template-columns: 220px minmax(0, 1fr) !important; align-items: start !important; justify-content: stretch !important; gap: 20px !important; width: 100% !important; max-width: 100% !important; padding: 13px 0 !important; border-bottom: 1px solid #e7eef5 !important; box-sizing: border-box !important; } .tv-product-page-content div[style*="border-top:2px solid #e8e8e8"][style*="border-bottom:2px solid #e8e8e8"] > div:last-child { border-bottom: none !important; } .tv-product-page-content div[style*="border-top:2px solid #e8e8e8"][style*="border-bottom:2px solid #e8e8e8"] > div > span { display: block !important; width: 220px !important; min-width: 220px !important; max-width: 220px !important; color: #587086 !important; font-weight: 600 !important; text-align: left !important; } .tv-product-page-content div[style*="border-top:2px solid #e8e8e8"][style*="border-bottom:2px solid #e8e8e8"] > div > strong { display: block !important; width: 100% !important; min-width: 0 !important; max-width: none !important; text-align: left !important; justify-self: stretch !important; white-space: normal !important; word-break: break-word !important; color: #12202d !important; } .tv-product-page-content div[style*="border-top:2px solid #e8e8e8"][style*="border-bottom:2px solid #e8e8e8"] > div > *:last-child { min-width: 0 !important; width: 100% !important; } } html, body { width: 100% !important; overflow-x: hidden; } .product-description, .product-description *, .tv-product-desc, .tv-product-desc *, .tvproduct-page-decs, .tvproduct-page-decs *, #product-description-short, #product-description-short *, #description, #description *, #product-details, #product-details *, .product-info-text, .product-info-text *, .product-info-delivery-line, .product-info-highlight-days, .product-info-text-shipping, .product-info-returns-line, .product-info-payment-heading, .product-info-payment-description, .tax-shipping-delivery-label, .tax-shipping-delivery-label *, .part-info, .part-info *, .trust-badges, .trust-badges *, .badge-item, .badge-item *, .related-products__grid, .related-products__grid *, .rp-card, .rp-card *, .compat-table, .compat-table * { letter-spacing: 0 !important; word-spacing: 0 !important; text-transform: none !important; } .tvall-inner-btn::after, .tvall-inner-btn:after { content: none !important; display: none !important; background: none !important; opacity: 0 !important; } @media (min-width: 992px) { .container { max-width: 100% !important; width: 100% !important; padding: 0 !important; margin: 0 !important; } } @media (min-width: 992px) { .tvprduct-image-info-wrapper.row { display: flex !important; flex-wrap: nowrap !important; gap: 16px !important; align-items: stretch !important; } .tvprduct-image-info-wrapper .tv-product-page-image.col-md-6 { width: 62% !important; max-width: 62% !important; flex: 0 0 62% !important; padding: 0 !important; border: none !important; box-shadow: none !important; background: transparent !important; } .tvprduct-image-info-wrapper .tv-product-page-content.col-md-6 { width: 38% !important; max-width: 38% !important; flex: 0 0 38% !important; } .tvprduct-image-info-wrapper .tv-product-page-image.col-md-6 .MagicToolboxMainContainer { border: 2px solid #a9a9a9 !important; border-radius: 16px !important; background: #fff !important; box-shadow: 0 6px 18px rgba(0, 0, 0, 0.07), 0 1px 3px rgba(0, 0, 0, 0.04) !important; padding: 7px !important; box-sizing: border-box !important; overflow: hidden !important; } #product .tvproduct-page-wrapper .tvprduct-image-info-wrapper.row.product-1 { display: flex !important; flex-wrap: nowrap !important; justify-content: space-between !important; align-items: flex-start !important; width: 100% !important; margin: 0 !important; padding: 30px 15px !important; gap: 20px !important; box-sizing: border-box !important; transform: none !important; } #product .tvproduct-page-wrapper .tvprduct-image-info-wrapper.row.product-1 > .tv-product-page-image.col-md-6, #product .tvproduct-page-wrapper .tvprduct-image-info-wrapper.row.product-1 > .tv-product-page-content.col-md-6 { float: none !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; width: auto !important; max-width: none !important; box-sizing: border-box !important; } #product .tvproduct-page-wrapper .tvprduct-image-info-wrapper.row.product-1 > .tv-product-page-image.col-md-6 { flex: 0 0 calc(60% - 10px) !important; max-width: calc(60% - 10px) !important; } #product .tvproduct-page-wrapper .tvprduct-image-info-wrapper.row.product-1 > .tv-product-page-content.col-md-6 { flex: 0 0 calc(40% - 10px) !important; max-width: calc(40% - 10px) !important; } #product .tvproduct-page-wrapper .tvprduct-image-info-wrapper.row.product-1 > .tv-product-page-image > .theiaStickySidebar, #product .tvproduct-page-wrapper .tvprduct-image-info-wrapper.row.product-1 > .tv-product-page-content > .theiaStickySidebar { position: static !important; left: auto !important; top: auto !important; transform: none !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; min-height: 0 !important; height: auto !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: transparent !important; } #product .tvproduct-page-wrapper .tvprduct-image-info-wrapper.row.product-1 > .tv-product-page-image img, #product .tvproduct-page-wrapper .tvprduct-image-info-wrapper.row.product-1 > .tv-product-page-content img { max-width: 100% !important; height: auto !important; } #product .tvproduct-page-wrapper .tvprduct-image-info-wrapper.row.product-1 > .tv-product-page-content { overflow: hidden !important; } .tvprduct-image-info-wrapper.row.product-1 > .tv-product-page-image, .tvprduct-image-info-wrapper.row.product-1 > .tv-product-page-content { float: none !important; min-width: 0 !important; position: relative !important; } .tvprduct-image-info-wrapper.row.product-1 > .tv-product-page-image { width: 58% !important; max-width: 58% !important; flex: 0 0 58% !important; } .tvprduct-image-info-wrapper.row.product-1 > .tv-product-page-content { width: 42% !important; max-width: 42% !important; flex: 0 0 42% !important; } .tvprduct-image-info-wrapper.row.product-1 > .tv-product-page-image > .theiaStickySidebar, .tvprduct-image-info-wrapper.row.product-1 > .tv-product-page-content > .theiaStickySidebar { width: 100% !important; max-width: 100% !important; transform: none !important; left: auto !important; padding-top: 0 !important; padding-bottom: 0 !important; } .tvprduct-image-info-wrapper.row.product-1 > .tv-product-page-image img, .tvprduct-image-info-wrapper.row.product-1 > .tv-product-page-content img { max-width: 100% !important; height: auto !important; } .tvprduct-image-info-wrapper.row.product-1 > .tv-product-page-content * { box-sizing: border-box; } .tv-product-page-image .theiaStickySidebar, .col-md-6.tv-product-page-content .theiaStickySidebar { position: static !important; transform: none !important; border: 3px solid #e5e5e5 !important; border-radius: 12px !important; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12) !important; background: white !important; padding: 13px !important; margin: 0 !important; min-height: 100% !important; height: auto !important; } .tv-product-page-image .theiaStickySidebar:hover, .col-md-6.tv-product-page-content .theiaStickySidebar:hover { border-color: #d0d0d0 !important; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.18) !important; } } .MagicToolboxMainContainer { width: 100% !important; max-width: 100% !important; overflow: hidden !important; box-sizing: border-box !important; position: relative !important; } .MagicToolboxMainContainer .magic-slide, .MagicToolboxMainContainer .MagicZoom, .MagicToolboxMainContainer .mz-figure { width: 100% !important; max-width: 100% !important; height: 720px !important; max-height: 720px !important; overflow: hidden !important; box-sizing: border-box !important; position: relative !important; line-height: 0 !important; background: #fff !important; padding: 0 !important; margin: 0 !important; } body#product a#MagicZoomPlusImageMainImage > .mz-figure { width: 100% !important; max-width: 100% !important; height: 720px !important; max-height: 720px !important; position: relative !important; display: block !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important; background: #fff !important; } body#product .tvproduct-page-wrapper .tvprduct-image-info-wrapper .tv-product-page-image img { max-width: none !important; } body#product a#MagicZoomPlusImageMainImage > .mz-figure > img { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; object-fit: contain !important; object-position: center center !important; transform: none !important; transform-origin: center center !important; margin: 0 !important; padding: 0 !important; display: block !important; transition: none !important; } body#product a#MagicZoomPlusImageMainImage > .mz-figure > img[style] { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; object-fit: contain !important; object-position: center center !important; transform: none !important; margin: 0 !important; padding: 0 !important; } @media (max-width: 768px) { .MagicToolboxMainContainer .magic-slide, .MagicToolboxMainContainer .MagicZoom, .MagicToolboxMainContainer .mz-figure { width: 100% !important; max-width: 100% !important; height: 600px !important; max-height: 600px !important; position: relative !important; overflow: hidden !important; display: block !important; background: #fff !important; padding: 0 !important; margin: 0 !important; } body#product a#MagicZoomPlusImageMainImage > .mz-figure { width: 100% !important; max-width: 100% !important; height: 600px !important; max-height: 600px !important; position: relative !important; display: block !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important; background: #fff !important; } body#product a#MagicZoomPlusImageMainImage > .mz-figure > img { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; object-fit: contain !important; object-position: center center !important; transform: none !important; transform-origin: center center !important; margin: 0 !important; padding: 0 !important; display: block !important; transition: none !important; } body#product a#MagicZoomPlusImageMainImage > .mz-figure > img[style] { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; object-fit: contain !important; object-position: center center !important; transform: none !important; margin: 0 !important; padding: 0 !important; } .MagicToolboxMainContainer .mz-lens img { max-width: none !important; max-height: none !important; } } .MagicToolboxMainContainer .magic-slide[data-magic-slide="360"] { display: none !important; visibility: hidden !important; height: 0 !important; width: 0 !important; opacity: 0 !important; } div[id^="crMz"], div[id^="crMz"] a, a[id^="mzCrA"] { display: none !important; visibility: hidden !important; opacity: 0 !important; width: 0 !important; height: 0 !important; overflow: hidden !important; } .MagicToolboxSelectorsContainer .magictoolbox-selector, .MagicToolboxSelectorsContainer a.mz-thumb { display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 6px !important; border: 2px solid #d4d4d4 !important; border-radius: 12px !important; background: #fff !important; overflow: hidden !important; transition: all 0.2s ease !important; box-sizing: border-box !important; margin: 2px !important; } .MagicToolboxSelectorsContainer .magictoolbox-selector img, .MagicToolboxSelectorsContainer a.mz-thumb img { display: block !important; border-radius: 0 !important; } .MagicToolboxSelectorsContainer .magictoolbox-selector:hover, .MagicToolboxSelectorsContainer a.mz-thumb:hover { border-color: #a8a8a8 !important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12) !important; } .MagicToolboxSelectorsContainer .magictoolbox-selector.mz-thumb-selected, .MagicToolboxSelectorsContainer .magictoolbox-selector.active, .MagicToolboxSelectorsContainer a.mz-thumb.mz-thumb-selected { border-color: #666 !important; box-shadow: 0 0 0 3px rgba(102, 102, 102, 0.2) !important; } @media (max-width: 768px) { .MagicToolboxSelectorsContainer .magictoolbox-selector, .MagicToolboxSelectorsContainer a.mz-thumb { padding: 5px !important; border-radius: 10px !important; margin: 1px !important; } } @media (max-width: 768px) { .MagicToolboxMainContainer { width: calc(100% + 40px) !important; max-width: none !important; margin-left: -20px !important; margin-right: -20px !important; box-sizing: border-box !important; } body#product a#MagicZoomPlusImageMainImage > .mz-figure { border-radius: 20px !important; overflow: hidden !important; } body#product a#MagicZoomPlusImageMainImage > .mz-figure > img { border-radius: 20px !important; } } .tvproduct-title-brandimage, .theiaStickySidebar .tvproduct-title-brandimage { width: 100% !important; max-width: 100% !important; } @media (max-width: 767px) { .tvproduct-title-brandimage, .theiaStickySidebar .tvproduct-title-brandimage { padding: 0 14px !important; box-sizing: border-box !important; } } .tvproduct-title-brandimage h1.h1, .theiaStickySidebar .tvproduct-title-brandimage h1.h1 { display: block !important; width: 100% !important; max-width: 800px; margin: 0 0 14px !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important; font-size: 24px !important; line-height: 1.3 !important; font-weight: 700 !important; letter-spacing: 0 !important; word-spacing: 0 !important; color: #161616 !important; white-space: normal !important; overflow-wrap: anywhere !important; word-break: break-word !important; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } @media (min-width: 992px) { .tvproduct-title-brandimage h1.h1 { font-size: 21px !important; font-weight: 600 !important; letter-spacing: -0.01em !important; line-height: 1.22 !important; } } @media (max-width: 767px) { .tvproduct-title-brandimage h1.h1, .theiaStickySidebar .tvproduct-title-brandimage h1.h1 { font-size: 22px !important; line-height: 1.34 !important; margin-bottom: 10px !important; } } .car-title { display: none !important; } @media (min-width: 769px) { body.page-product .product-price .current-price .price { color: #0f172a !important; } } @media (min-width: 992px) { .product-price .current-price .price { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important; font-size: 24px !important; line-height: 1.1 !important; font-weight: 900 !important; letter-spacing: -0.01em !important; color: #0f172a !important; display: inline-block !important; white-space: nowrap !important; } } @media (max-width: 991px) { .product-prices .current-price .price { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important; font-size: 22px !important; font-weight: 700 !important; color: #1a1a1a !important; line-height: 1.2 !important; display: inline-block !important; white-space: nowrap !important; flex: 0 0 auto !important; } } .tvproduct-tax-label { display: none !important; } @media (min-width: 992px) { .tv-product-page-content .product-prices { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 22px !important; } .tv-product-page-content .product-prices .current-price { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 16px !important; position: static !important; padding-right: 0 !important; width: 100% !important; } .tv-product-page-content .product-prices .current-price > * { order: 1; flex: 0 0 auto !important; } .tv-product-page-content .product-prices .current-price::after { content: "" !important; order: 2; display: inline-block !important; width: 120px !important; height: 40px !important; background: url("https://alemoto.de/img/cms/ikony/Alemoto-de%20(300%20x%20100%20px).jpg") no-repeat center / contain !important; flex: 0 0 120px !important; align-self: center !important; } .tv-product-page-content .product-prices .current-price::before { display: none !important; content: none !important; } } @media (max-width: 991px) { .product-prices { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 8px 10px !important; } .product-prices .current-price { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; width: 100% !important; gap: 8px !important; position: relative !important; white-space: nowrap !important; } .product-prices .current-price > * { order: 1; flex: 0 0 auto !important; } .product-prices .current-price::before { display: none !important; content: none !important; } .product-prices .current-price::after { content: "" !important; order: 2; display: inline-block !important; width: 90px !important; height: 30px !important; background: url("https://alemoto.de/img/cms/ikony/Alemoto-de%20(300%20x%20100%20px).jpg") no-repeat center / contain !important; flex: 0 0 90px !important; align-self: center !important; } } body.page-product #product-availability { display: inline-flex !important; align-items: center !important; gap: 8px !important; background: #dcfce7 !important; background-color: #dcfce7 !important; padding: 6px 14px !important; border: 1px solid #86efac !important; border-radius: 999px !important; color: #14532d !important; font-weight: 700 !important; } #product-availability i.material-icons, #product-availability .product-available { display: none !important; } #product-availability span, #product-availability strong { background: transparent !important; border: none !important; color: inherit !important; padding: 0 !important; } #product-availability { font-size: 1.1em !important; line-height: 1.2 !important; } @media (max-width: 991px) { body.page-product #product-availability { font-size: 1.05em !important; line-height: 1.2 !important; } } body.page-product #product-availability::before { content: "\25CF" !important; display: inline-block !important; color: #16a34a !important; font-size: 10px !important; height: auto !important; } .product-quantity { display: none !important; } .tvproduct-size-custom { display: none !important; } button.tvall-inner-btn.add-to-cart i, button.tvall-inner-btn.add-to-cart .material-icons, button.tvall-inner-btn.add-to-cart i.material-icons.shopping-cart { display: none !important; } button.tvall-inner-btn.add-to-cart, button.tvall-inner-btn.add-to-cart span { text-transform: none !important; letter-spacing: normal !important; } button.tvall-inner-btn.add-to-cart span { font-size: 18px !important; font-weight: 400 !important; line-height: 1 !important; } @media (min-width: 992px) { .tv-product-page-add-to-cart-wrapper { display: flex !important; flex-direction: column !important; } .tv-product-page-add-to-cart-wrapper .tvcart-btn-model { order: -1 !important; width: 100% !important; margin-right: 0 !important; margin-bottom: 16px !important; flex: none !important; } .tvcart-btn-model .add-to-cart { width: 100% !important; max-width: none !important; padding: 8px 12px !important; min-height: 36px !important; } .tv-product-page-add-to-cart-wrapper #custom-text img { max-width: 245px !important; height: auto !important; transform: none !important; } .tvwishlist-compare-wrapper-page.add.tv-product-page-add-to-cart-wrapper { width: 100% !important; max-width: none !important; display: flex !important; flex-direction: column !important; } .tvwishlist-compare-wrapper-page.add.tv-product-page-add-to-cart-wrapper .tvcart-btn-model { order: -1 !important; width: 100% !important; max-width: none !important; display: block !important; flex: 0 0 100% !important; margin-bottom: 16px !important; } .tvwishlist-compare-wrapper-page.add.tv-product-page-add-to-cart-wrapper .add-to-cart { width: 100% !important; max-width: none !important; display: block !important; } } @media (max-width: 767px) { #add-to-cart-or-refresh .tv-product-page-add-to-cart-wrapper { display: flex !important; flex-direction: column !important; } #add-to-cart-or-refresh .tvcart-btn-model { order: -1 !important; width: 100% !important; margin-bottom: 12px !important; } #add-to-cart-or-refresh .tvcart-btn-model .add-to-cart { display: flex !important; align-items: center; justify-content: center; width: 100% !important; } #add-to-cart-or-refresh .tv-product-page-add-to-cart-wrapper::after { display: none !important; content: none !important; } #add-to-cart-or-refresh .product-quantity { order: 1; } #add-to-cart-or-refresh .product-info-box-cart { order: 2; } .tv-product-page-add-to-cart-wrapper #custom-text { width: 100% !important; margin: 10px 0 0 !important; padding: 0 !important; } .tv-product-page-add-to-cart-wrapper #custom-text p { margin: 0 !important; } .tv-product-page-add-to-cart-wrapper #custom-text img { display: block !important; width: 100% !important; max-width: none !important; height: auto !important; margin: 0 !important; } } @media (max-width: 768px) { .product-prices { position: relative !important; display: grid !important; grid-template-columns: auto auto !important; align-items: baseline !important; column-gap: 8px !important; padding: 0 56px 0 12px !important; min-height: 38px !important; width: 100% !important; margin: 0 !important; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; box-sizing: border-box !important; } .product-prices .current-price { display: inline-flex !important; align-items: baseline !important; gap: 8px !important; min-width: 0 !important; } .product-prices .current-price .price-currency, .product-prices .tax-shipping-delivery-label, .product-prices .current-price span:not(.price) { margin-left: 2px !important; transform: translateY(1px) !important; background: transparent !important; padding: 0 !important; border-radius: 0 !important; font-size: 12px !important; font-weight: 600 !important; color: #999 !important; line-height: 1.2 !important; white-space: nowrap !important; } .product-prices + .tvproduct-wishlist-compare, .product-prices + .tvproduct-wishlist-compare .tvproduct-wishlist a, .product-prices ~ .tvproduct-wishlist-compare .tvproduct-wishlist a { position: absolute !important; top: 50% !important; right: 12px !important; transform: translateY(-50%) !important; width: 36px !important; height: 36px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; background: #f5f5f5 !important; color: #000 !important; z-index: 5 !important; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important; } .product-prices + .tvproduct-wishlist-compare .tvproduct-wishlist .tvproduct-wishlist-icon i.material-icons, .product-prices ~ .tvproduct-wishlist-compare .tvproduct-wishlist .tvproduct-wishlist-icon i.material-icons { font-size: 20px !important; line-height: 1 !important; transform: translateY(0) !important; color: #000 !important; } .tvproduct-wishlist { width: 0 !important; height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; } #product-availability { display: inline-block !important; margin: 6px 12px 10px 12px !important; font-size: 12px !important; color: #000 !important; padding: 3px 8px !important; background: #e9e9e9 !important; border-radius: 6px !important; } .tvall-inner-btn.add-to-cart, .tvall-inner-btn.add-to-cart:focus, .tvall-inner-btn.add-to-cart:active, .tvall-inner-btn.add-to-cart.disabled, .tvall-inner-btn.add-to-cart[disabled], .tvcart-btn-model .add-to-cart, .tvcart-btn-model .add-to-cart:focus, .tvcart-btn-model .add-to-cart:active, .tvcart-btn-model .add-to-cart.disabled, .tvcart-btn-model .add-to-cart[disabled] { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: calc(100% - 12px) !important; max-width: none !important; height: 56px !important; line-height: 56px !important; margin: 8px 6px 10px 6px !important; padding: 0 14px !important; font-size: 17px !important; font-weight: 700 !important; border-radius: 12px !important; text-align: center !important; } .tvcart-btn-model .add-to-cart { background: #ff5a00 !important; color: #fff !important; border: none !important; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important; } .tvcart-btn-model .add-to-cart .material-icons.shopping-cart { font-size: 22px !important; transform: translateY(2px) !important; margin-right: 8px !important; } .product-add-to-cart .tvproduct-stock-social { display: none !important; } } .tvcart-btn-model .add-to-cart { width: 390px !important; padding: 0 22px !important; } .tvall-inner-btn.add-to-cart { background-color: #ff5a00 !important; border-radius: 12px !important; color: #ffffff !important; border: none !important; padding: 14px 28px !important; font-size: 1.25rem !important; cursor: pointer; transition: background-color 0.3s ease; } .tvall-inner-btn.add-to-cart:hover { background-color: #ff7b33 !important; } body#product form#add-to-cart-or-refresh { position: relative; } .tvall-product-star-icon { display: none !important; } .product-prices { order: 3 !important; margin-bottom: 12px; } @media (min-width: 769px) { .tvproduct-wishlist .tvproduct-wishlist-icon { position: relative; } .tvproduct-wishlist .tvproduct-wishlist-icon i.material-icons { position: absolute; top: 14px; left: 17px; } } @media (min-width: 992px) { .tvproduct-wishlist .tvproduct-wishlist-icon i.material-icons { font-size: 3rem !important; line-height: 1; width: 3rem; height: 3rem; display: inline-block; cursor: pointer; } .tvproduct-wishlist { position: relative; display: inline-block; margin-left: 10px; } .tvproduct-wishlist .tvproduct-wishlist-icon { position: absolute; top: -12px; left: -20px; font-size: 3rem !important; cursor: pointer; } } .tvproduct-wishlist .tvproduct-wishlist-icon i.material-icons { transform: translate(-20px, -15px); } .product-info-box, .product-info-box-cart, .product-add-to-cart .tvwishlist-compare-wrapper-page .product-info-box.product-info-box-cart { display: flex; flex-direction: column; border: 2px solid #d1d5db !important; border-radius: 12px !important; background: #ffffff; overflow: hidden; box-sizing: border-box; } .product-info-box { margin-top: 18px; } .product-info-box-cart { margin-top: 0; margin-bottom: 15px; } .product-info-item, .product-add-to-cart .tvwishlist-compare-wrapper-page .product-info-box.product-info-box-cart .product-info-item { display: flex; align-items: center !important; gap: 12px; padding: 11px 16px; margin: 0; border-bottom: 1px solid #dfe3e8; background: #ffffff; box-sizing: border-box; } .product-info-item:last-child, .product-add-to-cart .tvwishlist-compare-wrapper-page .product-info-box.product-info-box-cart .product-info-item:last-child { border-bottom: none !important; } .product-description.cms-description .product-info-box > .product-info-item, .product-info-box-cart > .product-info-item { border-bottom: 1px solid #d9d9d9 !important; padding-top: 12px !important; padding-bottom: 12px !important; } .product-description.cms-description .product-info-box > .product-info-item:last-child, .product-info-box-cart > .product-info-item:last-child { border-bottom: none !important; } .product-info-item img, .product-info-icon, .product-info-icon-delivery, .product-info-icon-shipping, .product-info-icon-returns, .product-info-icon-payment { width: 32px !important; height: 32px !important; min-width: 32px !important; max-width: 32px !important; object-fit: contain !important; flex: 0 0 32px !important; margin-top: 0 !important; display: block !important; } .product-info-text, .product-info-text-delivery, .product-info-text-shipping, .product-info-text-returns, .product-info-text-payment, .product-info-payment-heading, .product-add-to-cart .tvwishlist-compare-wrapper-page .product-info-box.product-info-box-cart .product-info-text, .product-add-to-cart .tvwishlist-compare-wrapper-page .product-info-box.product-info-box-cart .product-info-text-delivery, .product-add-to-cart .tvwishlist-compare-wrapper-page .product-info-box.product-info-box-cart .product-info-text-shipping, .product-add-to-cart .tvwishlist-compare-wrapper-page .product-info-box.product-info-box-cart .product-info-text-returns, .product-add-to-cart .tvwishlist-compare-wrapper-page .product-info-box.product-info-box-cart .product-info-text-payment, .product-add-to-cart .tvwishlist-compare-wrapper-page .product-info-box.product-info-box-cart .product-info-payment-heading { font-size: 15px !important; line-height: 1.45 !important; color: #1f1f1f !important; font-weight: 400 !important; } .product-info-text-delivery { display: inline-block !important; line-height: 1.35 !important; } .product-info-text-delivery .product-info-highlight-days { display: block !important; margin-top: 2px !important; } .product-info-highlight-days { color: #2e9e44; font-weight: 400; } .product-info-text-payment, .product-add-to-cart .tvwishlist-compare-wrapper-page .product-info-box.product-info-box-cart .product-info-text-payment { display: flex !important; flex-direction: column !important; line-height: 1.45; } .product-info-payment-heading { display: block; margin-bottom: 4px; } .product-info-payment-description, .product-add-to-cart .tvwishlist-compare-wrapper-page .product-info-box.product-info-box-cart .product-info-payment-description { display: block !important; font-size: 11px !important; line-height: 1.5 !important; color: #57606f !important; font-weight: 400 !important; } @media (max-width: 767px) { .product-info-box, .product-info-box-cart { border: 1px solid #cfd6dd !important; border-radius: 10px !important; } .product-info-item { padding: 16px; gap: 14px; border-bottom: 1px solid #d9dee5; } .product-info-box.product-info-box-cart .product-info-text, .product-info-box.product-info-box-cart .product-info-text *, .product-info-box.product-info-box-cart .product-info-payment-heading, .product-info-box.product-info-box-cart .product-info-payment-description, .product-info-box.product-info-box-cart .product-info-delivery-line, .product-info-box.product-info-box-cart .product-info-highlight-days, .product-info-box.product-info-box-cart .product-info-text-shipping, .product-info-box.product-info-box-cart .product-info-returns-line { letter-spacing: 0 !important; word-spacing: 0 !important; } } .product-information.tvproduct-special-desc, .product-information.tvproduct-special-desc * { border: none !important; box-shadow: none !important; } .product-information.tvproduct-special-desc .input-group, .product-information.tvproduct-special-desc .btn, .product-information.tvproduct-special-desc .qty { border: none !important; box-shadow: none !important; } .product-information.tvproduct-special-desc > div { margin-bottom: 0 !important; padding-bottom: 0 !important; } @media (max-width: 991px) { body.page-product .product-information.tvproduct-special-desc { margin-top: 0 !important; padding-top: 0 !important; } } @media (max-width: 768px) and (orientation: portrait) { .tv-product-page-content [id^="product-description-short"], .tv-product-page-content [id^="product-description-short"] > div, .tv-product-page-content div[style*="background:#ffffff"][style*="padding:10px 16px"] { margin-bottom: 0 !important; padding-bottom: 4px !important; } .tv-product-page-content [id^="product-description-short"] + .product-information.tvproduct-special-desc, .tv-product-page-content [id^="product-description-short"] + .product-information.tvproduct-special-desc .product-actions, .tv-product-page-content [id^="product-description-short"] + .product-information.tvproduct-special-desc .product-add-to-cart { margin-top: 0 !important; padding-top: 0 !important; } } div[style*="border-top:2px solid #e8e8e8"][style*="border-bottom:2px solid #e8e8e8"] { background: #ffffff !important; padding: 18px 20px !important; margin: 16px 0 !important; border: 1px solid #e3e7ea !important; border-radius: 12px !important; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04) !important; } div[style*="border-top:2px solid #e8e8e8"][style*="border-bottom:2px solid #e8e8e8"] > div { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 16px !important; padding: 11px 2px !important; border-bottom: 1px solid #edf1f4 !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important; font-size: 15px !important; } div[style*="border-top:2px solid #e8e8e8"][style*="border-bottom:2px solid #e8e8e8"] > div:last-child { border-bottom: 0 !important; } div[style*="border-top:2px solid #e8e8e8"][style*="border-bottom:2px solid #e8e8e8"] > div > span { color: #5b6b78 !important; font-weight: 600 !important; flex-shrink: 0 !important; } div[style*="border-top:2px solid #e8e8e8"][style*="border-bottom:2px solid #e8e8e8"] > div > strong { color: #101828 !important; font-weight: 700 !important; font-size: 15.5px !important; text-align: right !important; } @media (max-width: 767px) { div[style*="border-top:2px solid #e8e8e8"][style*="border-bottom:2px solid #e8e8e8"] { padding: 14px 14px !important; margin: 14px 0 !important; } div[style*="border-top:2px solid #e8e8e8"][style*="border-bottom:2px solid #e8e8e8"] > div { padding: 9px 0 !important; font-size: 14px !important; } div[style*="border-top:2px solid #e8e8e8"][style*="border-bottom:2px solid #e8e8e8"] > div > strong { font-size: 14.5px !important; } } div[style*="background:#ffffff"][style*="padding:10px 16px"] > div[style*="font-size:13px"] { font-size: 18px !important; line-height: 1.6 !important; border-bottom: none !important; margin-bottom: 0px !important; } .product-info-note-payment { display: inline-flex; align-items: center; gap: 8px; font-size: 18px; line-height: 1.2; font-weight: 500; padding: 10px 14px; background: #f2f2f2; border-radius: 6px; } .product-info-note-payment img { width: 28px; height: 28px; flex-shrink: 0; } @media (max-width: 767px) { .product-info-note-payment { display: flex; align-items: center; justify-content: flex-start; gap: 10px; width: 100%; padding: 12px 14px; font-size: 16px; } .product-info-note-payment img { width: 26px; height: 26px; } } #custom-text { padding: 0 !important; transform: translateY(-8px); } #custom-text p { margin: 0; } #custom-text > div[style] { max-width: 1180px !important; margin: 0 auto !important; padding: 24px 18px !important; line-height: 1.7 !important; text-align: center !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 22px !important; align-items: stretch !important; } #custom-text > div[style] > div[style] { max-width: 100% !important; width: 100% !important; margin: 0 !important; padding: 30px 24px !important; background: #ffffff !important; border: 2px solid #d8d8d8 !important; border-radius: 16px !important; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04) !important; text-align: center !important; } #custom-text > div[style] > div[style]:last-child:nth-child(odd) { grid-column: 1 / -1 !important; max-width: 760px !important; margin: 0 auto !important; } #custom-text img { display: block !important; max-width: 100% !important; height: auto !important; margin-left: auto !important; margin-right: auto !important; } #custom-text h2[style], #custom-text h3[style], #custom-text h4[style] { color: #111 !important; font-weight: 700 !important; letter-spacing: 0 !important; line-height: 1.3 !important; } #custom-text h2[style] { font-size: 28px !important; margin: 0 0 14px !important; } #custom-text h3[style] { font-size: 24px !important; margin: 0 0 14px !important; } #custom-text h4[style] { color: #198754 !important; font-size: 20px !important; font-weight: 700 !important; margin: 0 0 16px !important; line-height: 1.35 !important; } #custom-text p[style] { font-size: 15px !important; color: #2f2f2f !important; line-height: 1.78 !important; margin-left: auto !important; margin-right: auto !important; max-width: 640px !important; } #custom-text p[style*="margin:0 0 24px"], #custom-text p[style*="margin:0 0 30px"] { margin: 0 0 18px !important; } #custom-text, #custom-text *, #custom-text h2, #custom-text h3, #custom-text h4, #custom-text p, #custom-text span, #custom-text strong { font-family: "Segoe UI", Roboto, Arial, sans-serif !important; letter-spacing: 0 !important; word-spacing: 0 !important; font-kerning: normal !important; text-transform: none !important; } @media (max-width: 767px) { #custom-text { padding: 0 !important; } #custom-text > div[style] { display: block !important; padding: 14px 10px !important; line-height: 1.6 !important; } #custom-text > div[style] > div[style] { max-width: 100% !important; width: 100% !important; margin: 0 0 16px 0 !important; padding: 20px 14px !important; border: 1px solid #dcdcdc !important; border-radius: 14px !important; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05) !important; text-align: center !important; } #custom-text h2[style] { font-size: 24px !important; margin: 0 0 12px !important; } #custom-text h3[style] { font-size: 21px !important; margin: 0 0 12px !important; } #custom-text h4[style] { font-size: 17px !important; color: #198754 !important; margin: 0 0 12px !important; } #custom-text p[style] { font-size: 14px !important; line-height: 1.72 !important; margin-left: auto !important; margin-right: auto !important; max-width: 100% !important; } #custom-text p[style*="margin:0 0 24px"], #custom-text p[style*="margin:0 0 30px"] { margin: 0 0 16px !important; } #custom-text img[width="450"] { width: 100% !important; max-width: 280px !important; } #custom-text img[width="225"], #custom-text img[width="220"], #custom-text img[width="170"] { width: auto !important; max-width: 140px !important; } } .trust-badges { background: #ffffff; border: 1px solid #e7ebee; border-radius: 14px; overflow: hidden; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04); } @media (min-width: 992px) { .trust-badges { display: flex; flex-wrap: nowrap; align-items: stretch; justify-content: space-between; gap: 0; width: 100%; margin: 28px 0; } .trust-badges .badge-item { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 24px 18px; background: transparent; border: none; border-right: 1px solid #edf1f4; box-sizing: border-box; } .trust-badges .badge-item:last-child { border-right: none; } .trust-badges .badge-icon-wrap { display: flex; align-items: center; justify-content: center; width: 68px; height: 68px; margin-bottom: 14px; background: transparent; border-radius: 0; } .trust-badges .badge-icon { width: 54px; height: 54px; object-fit: contain; display: block; } .trust-badges .badge-item span { display: block; font-size: 15.5px; line-height: 1.5; color: #24313a; font-weight: 500; overflow-wrap: break-word; } } @media (max-width: 991px) { .trust-badges { display: flex; flex-direction: column; gap: 0; width: 100%; margin: 24px 0; } .trust-badges .badge-item { display: flex; flex-direction: row; align-items: center; gap: 16px; width: 100%; padding: 18px 20px; background: transparent; border: none; border-bottom: 1px solid #edf1f4; box-sizing: border-box; } .trust-badges .badge-item:last-child { border-bottom: none; } .trust-badges .badge-icon-wrap { display: flex; align-items: center; justify-content: center; flex: 0 0 56px; width: 56px; height: 56px; margin-bottom: 0; background: transparent; border-radius: 0; } .trust-badges .badge-icon { width: 30px; height: 30px; object-fit: contain; display: block; } .trust-badges .badge-item span { display: block; font-size: 16px; line-height: 1.5; color: #24313a; font-weight: 500; text-align: left; } } .badge-item--return span { color: #2f5e3a !important; font-weight: 600 !important; } #block-reassurance ul { display: flex !important; justify-content: space-between !important; align-items: stretch !important; width: 100% !important; margin: 0 !important; padding: 0 !important; list-style: none !important; gap: 10px !important; } #block-reassurance li { flex: 1 1 0 !important; min-width: 0 !important; text-align: center !important; margin: 0 !important; } #block-reassurance .block-reassurance-item { width: 100% !important; justify-content: center !important; gap: 12px !important; } .block-reassurance-item { position: relative !important; z-index: 1 !important; } .block-reassurance-item:hover { z-index: 2 !important; } @media (min-width: 992px) { #block-reassurance, #block-reassurance > ul, #block-reassurance > ul > li, #block-reassurance > ul > li > .block-reassurance-item { background: transparent !important; border: none !important; box-shadow: none !important; margin: 0 !important; padding: 0 !important; } #block-reassurance > ul > li { border-bottom: none !important; list-style: none !important; position: relative !important; } #block-reassurance > ul > li::before, #block-reassurance > ul > li::after { content: none !important; display: none !important; } #block-reassurance > ul { display: flex !important; gap: 14px !important; align-items: stretch !important; } #block-reassurance .block-reassurance-item { display: flex !important; align-items: center !important; gap: 12px !important; background: #fff !important; padding: 10px 14px !important; border-radius: 12px !important; border: 1px solid #dcecd9 !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05) !important; transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease !important; cursor: pointer !important; } #block-reassurance .block-reassurance-item img.svg, #block-reassurance .block-reassurance-item img { width: 34px !important; height: 34px !important; display: block !important; object-fit: contain !important; flex-shrink: 0; } #block-reassurance .block-title { font-size: 15px !important; font-weight: 600 !important; color: #222 !important; white-space: normal !important; line-height: 1.25 !important; } #block-reassurance .block-reassurance-item:hover { transform: translateY(-3px) !important; box-shadow: 0 8px 20px rgba(46, 158, 68, 0.16) !important; border-color: #2e9e44 !important; } #block-reassurance .clearfix, #block-reassurance .hidden, #block-reassurance .sr-only { display: none !important; } #block-reassurance, #block-reassurance * { min-height: 0 !important; height: auto !important; } } @media (max-width: 991px) { #block-reassurance ul li .block-reassurance-item, .block-reassurance-item { display: flex !important; align-items: center !important; justify-content: center !important; flex-direction: column !important; gap: 8px !important; padding: 12px 8px !important; border: 1px solid #dcecd9 !important; border-radius: 12px !important; background: #fff !important; box-sizing: border-box !important; width: 100%; height: 100%; cursor: pointer; } .block-reassurance-item img { width: 26px !important; height: 26px !important; margin-bottom: 2px !important; flex-shrink: 0; } .block-reassurance-item .block-title { font-size: 11.5px !important; color: #333 !important; line-height: 1.3 !important; text-align: center !important; white-space: normal !important; overflow-wrap: break-word; hyphens: auto; } } .compat-section::before { content: "Kompatibilität"; display: block; font-size: 32px; font-weight: 800; margin: 15px 0 10px; } .compat-table { font-weight: 900; width: 100%; border-collapse: collapse; font-size: 22px; } .compat-td { font-size: 20px; font-weight: normal !important; } .compat-thead th { background: #e6e6e6; color: #333; padding: 12px 8px; text-align: left; font-size: 15px; font-weight: 700; } .compat-tbody td { padding: 10px 8px; border-bottom: 1px solid #eee; font-size: 15px; } .compat-row-body:nth-child(odd) td { background: #f3f3f3; } .compat-row-body:nth-child(even) td { background: #ededed; } .compat-section { width: 100% !important; } .compat-section .kba-table.compat-table { width: 100% !important; table-layout: fixed !important; border-collapse: separate !important; border-spacing: 0 !important; } .compat-section .kba-table.compat-table th, .compat-section .kba-table.compat-table td, .compat-section .kba-table.compat-table .compat-th, .compat-section .kba-table.compat-table .compat-td { text-align: left !important; vertical-align: middle !important; padding: 12px 14px !important; letter-spacing: 0.01em !important; word-spacing: 0.06em !important; line-height: 1.5 !important; } .compat-section .kba-table.compat-table th:nth-child(1), .compat-section .kba-table.compat-table td:nth-child(1) { width: 24% !important; } .compat-section .kba-table.compat-table th:nth-child(2), .compat-section .kba-table.compat-table td:nth-child(2) { width: 24% !important; } .compat-section .kba-table.compat-table th:nth-child(3), .compat-section .kba-table.compat-table td:nth-child(3), .compat-section .kba-table.compat-table th:nth-child(4), .compat-section .kba-table.compat-table td:nth-child(4) { width: 26% !important; text-align: left !important; padding-right: 14px !important; } .compat-section .kba-table.compat-table th:nth-child(5), .compat-section .kba-table.compat-table td:nth-child(5), .compat-section .kba-table.compat-table th:nth-child(6), .compat-section .kba-table.compat-table td:nth-child(6), .compat-section .kba-table.compat-table th:nth-child(7), .compat-section .kba-table.compat-table td:nth-child(7), .compat-section .kba-table.compat-table th:nth-child(8), .compat-section .kba-table.compat-table td:nth-child(8) { display: none !important; } @media (min-width: 992px) { .compat-section .compat-wrapper, .compat-section .compat-table-wrap, .compat-section .kba-table.compat-table { width: 100% !important; max-width: 100% !important; table-layout: fixed; } } @media (max-width: 768px) { .compat-section .kba-table.compat-table th, .compat-section .kba-table.compat-table td, .compat-section .kba-table.compat-table .compat-th, .compat-section .kba-table.compat-table .compat-td { text-align: left !important; padding-left: 10px !important; padding-right: 10px !important; } .compat-section .kba-table.compat-table th:nth-child(1), .compat-section .kba-table.compat-table td:nth-child(1) { width: 28% !important; } .compat-section .kba-table.compat-table th:nth-child(2), .compat-section .kba-table.compat-table td:nth-child(2) { width: 28% !important; padding-left: 40px !important; } .compat-section .kba-table.compat-table th:nth-child(3), .compat-section .kba-table.compat-table td:nth-child(3), .compat-section .kba-table.compat-table th:nth-child(4), .compat-section .kba-table.compat-table td:nth-child(4) { width: 22% !important; padding-left: 30px !important; text-align: left !important; } } @media (max-width: 991px) { .compat-table { font-size: 14px; } .compat-thead th, .compat-tbody td { padding: 8px 6px !important; font-size: 13px; } } @media (max-width: 767px) { .compat-section { padding-left: 12px !important; padding-right: 12px !important; box-sizing: border-box !important; } } .product-description.cms-description, .tv-product-page-content .product-description { width: 100%; max-width: none; padding-left: 0 !important; padding-right: 0 !important; box-sizing: border-box; } .car-specs { width: 100%; max-width: 100%; border-collapse: collapse; border: none; table-layout: fixed; } .car-specs th, .car-specs td { border: none; padding: 10px 12px; text-align: left; vertical-align: top; color: #333; background: transparent; box-sizing: border-box; } .car-specs tbody tr:nth-child(odd) { background-color: #f3f3f3; } .car-specs tbody tr:nth-child(even) { background-color: #ebebeb; } @media (min-width: 992px) { .product-description.cms-description .car-specs th, .product-description.cms-description .car-specs td { font-size: 18px !important; line-height: 1.35 !important; } .product-description.cms-description .car-specs th { font-weight: 700 !important; width: 220px; color: #111; } } @media (max-width: 768px) { .car-specs { width: 100% !important; table-layout: fixed; border-collapse: collapse; } #product-description-short-596631 .car-specs { width: 100% !important; max-width: 100% !important; } #product-description-short-596631 .car-specs th, #product-description-short-596631 .car-specs td { width: 100%; padding: 8px 12px; border: none !important; box-sizing: border-box; font-size: 14px; line-height: 1.35; display: block; text-align: left; } .theiaStickySidebar { width: 100vw !important; max-width: 100vw !important; position: relative !important; left: 50% !important; right: 50% !important; margin-left: -50vw !important; margin-right: -50vw !important; } } .part-title-wrap { margin: 20px 0 12px !important; } .part-title { display: inline-block !important; font-size: 20px !important; font-weight: 700 !important; line-height: 1.3 !important; color: #111 !important; padding: 9px 16px !important; background: #fafcfb !important; border: 1px solid #e3e7ea !important; border-left: 4px solid #2e9e44 !important; border-radius: 8px !important; } @media (max-width: 767px) { .part-title { font-size: 17px !important; padding: 8px 12px !important; } } .part-info { padding-top: 24px !important; margin-top: 18px !important; } @media (max-width: 767px) { .part-info { margin-top: 16px !important; } } .tv-product-desc { display: none !important; } .engine-note { display: none !important; } @media (max-width: 767px) { .product-description.cms-description h2 { font-size: 1.6rem; line-height: 1.3; margin-bottom: 0.5em; } .product-description.cms-description h3 { font-size: 1.2rem; line-height: 1.2; margin-bottom: 0.5em; } .product-description.cms-description p { font-size: 1.2rem; line-height: 1.4; margin-bottom: 1em; } } .tv-product-page-content .tvproduct-page-decs { margin-top: 10px; } @media (max-width: 767px) { .tv-product-page-content .tvproduct-title-brandimage { border-bottom: 1px solid #e5e5e5 !important; padding-bottom: 12px !important; margin-bottom: 12px !important; } .tv-product-page-content .product-prices { border-bottom: none !important; padding-top: 18px !important; padding-bottom: 18px !important; margin-bottom: 0 !important; } } body.page-product .tvcategory-slider-inner-info-box, body.page-product .tvcmsofferbanners-one.container-fluid { display: none !important; } @media (min-width: 992px) { .product-additional-info .js-mailalert { display: none !important; } } .related-products-wrap::before { content: "Ähnliche Teile:"; display: block; font-size: 26px; font-weight: 700; margin: 20px 0 10px; color: #000; } .related-products__title { margin: 68px 0 20px 0 !important; } .related-products__grid + .related-products__title { margin-top: 98px !important; } .compat-section { order: 1; } .related-products-wrap { order: 2; } .part-title-wrap, .part-info, .compat-section-spacer { order: 3; } .related-products__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin-top: 18px; } .related-products__grid > .rp-card { display: flex; flex-direction: column; height: 100%; min-width: 0; padding: 14px; background: #fff; border: 1px solid #cfcfcf; border-radius: 12px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); box-sizing: border-box; transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease; } .related-products__grid > .rp-card:hover { transform: translateY(-2px); border-color: #bdbdbd; box-shadow: 0 8px 22px rgba(0, 0, 0, 0.08); } .related-products__grid > .rp-card .rp-card__image-link { height: 220px; margin-bottom: 14px; display: flex; align-items: center; justify-content: center; } .related-products__grid > .rp-card .rp-card__image { width: 100% !important; height: 100% !important; max-width: 226px; max-height: 226px; object-fit: contain; margin: 0 auto; transform: scale(1.03); transform-origin: center; } .related-products__grid > .rp-card .rp-card__body { display: flex; flex-direction: column; flex: 1 1 auto; min-width: 0; position: relative; } .related-products__grid > .rp-card .rp-card__link { text-decoration: none; color: inherit; } .related-products__grid > .rp-card .rp-card__link:hover, .related-products__grid > .rp-card .rp-card__link:focus, .related-products__grid > .rp-card .rp-card__link:active, .related-products__grid > .rp-card .rp-card__link:visited { text-decoration: none; } .related-products__grid > .rp-card .rp-card__name { margin: 0 !important; padding: 0 !important; flex: 1 1 auto; } .related-products__grid > .rp-card .rp-card__name .rp-card__link { display: block !important; min-width: 0; color: #111; } .related-products__grid > .rp-card .rp-card__origin { display: block; margin: 0 0 2px 0 !important; padding: 0 !important; font-size: 11px; line-height: 1.05; font-weight: 700; letter-spacing: 0; text-transform: none; color: #111 !important; text-align: left !important; } .related-products__grid > .rp-card .rp-product__spec { display: -webkit-box !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin: 0 !important; font-size: 16px; line-height: 1.26; font-weight: 700; color: #111; } .related-products__grid > .rp-card .rp-product__type { display: block !important; font-size: 14px; line-height: 1.25; font-weight: 600; color: #222; margin-top: 10px !important; margin-bottom: 0 !important; } .related-products__grid > .rp-card .rp-product__ref { display: block !important; font-size: 14px !important; line-height: 1.2 !important; font-weight: 600 !important; color: #666; margin-top: 0 !important; margin-bottom: 0 !important; } .related-products__grid > .rp-card .rp-card__compat { display: block !important; width: 100% !important; box-sizing: border-box !important; margin-top: 10px !important; margin-bottom: 10px !important; padding: 10px 12px !important; border: 1px solid #ececec !important; border-radius: 10px !important; background: #fcfcfc !important; } .related-products__grid > .rp-card .rp-card__compat-title { display: flex !important; align-items: center !important; gap: 7px !important; margin: 0 0 6px 0 !important; padding: 0 !important; line-height: 1.05 !important; font-size: 13px; font-weight: 700; color: #222; } .related-products__grid > .rp-card .rp-card__compat-icon, .related-products__grid > .rp-card img.rp-card__compat-icon { width: 24px !important; height: 24px !important; max-width: 24px !important; max-height: 24px !important; min-width: 24px !important; min-height: 24px !important; display: block !important; flex: 0 0 24px !important; object-fit: contain; margin: 0 !important; position: relative; top: 0; vertical-align: unset !important; } .related-products__grid > .rp-card .rp-card__compat > .rp-card__compat-title + .rp-card__compat-row { margin-top: 0 !important; padding-top: 0 !important; } .related-products__grid > .rp-card .rp-card__compat-row { display: flex !important; align-items: center !important; justify-content: flex-start !important; gap: 2px !important; margin: 0 !important; padding: 2px 0 !important; line-height: 1.05 !important; font-size: 12px; position: relative; } .related-products__grid > .rp-card .rp-card__compat-row + .rp-card__compat-row { margin-top: 2px !important; padding-top: 2px !important; border-top: 0 !important; } .related-products__grid > .rp-card .rp-card__compat-row:last-child { margin-bottom: 2px !important; } .related-products__grid > .rp-card .rp-card__compat-label { display: inline !important; flex: 0 0 auto !important; width: auto !important; min-width: 0 !important; max-width: none !important; margin: 0 !important; padding: 0 !important; font-size: 14.5px !important; line-height: 1.2 !important; font-weight: 700; color: #111 !important; } .related-products__grid > .rp-card .rp-card__compat-values { display: inline-flex !important; flex-wrap: wrap; align-items: center; justify-content: flex-start !important; flex: 0 1 auto !important; width: auto !important; min-width: 0 !important; margin: 0 0 0 5px !important; padding: 0 !important; gap: 5px !important; line-height: 1 !important; } .related-products__grid > .rp-card .rp-card__compat-modell-value, .related-products__grid > .rp-card .rp-card__compat-kraftstoff-value, .related-products__grid > .rp-card .rp-card__compat-hubraum-value, .related-products__grid > .rp-card .rp-card__compat-kw-value, .related-products__grid > .rp-card .rp-card__compat-jahr-value { display: inline-flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 4px 10px !important; min-height: 27px !important; border-radius: 999px !important; border: 1px solid transparent !important; font-size: 14px !important; line-height: 1.15 !important; font-weight: 700; white-space: nowrap !important; box-sizing: border-box !important; } .related-products__grid > .rp-card .rp-card__compat-modell-value--1, .related-products__grid > .rp-card .rp-card__compat-modell-value:nth-child(4n+1) { background: #eef6ff; border-color: #d4e4fb; color: #315f8b; } .related-products__grid > .rp-card .rp-card__compat-modell-value--2, .related-products__grid > .rp-card .rp-card__compat-modell-value:nth-child(4n+2) { background: #eefaf5; border-color: #d2e9dc; color: #2d6b56; } .related-products__grid > .rp-card .rp-card__compat-modell-value--3, .related-products__grid > .rp-card .rp-card__compat-modell-value:nth-child(4n+3) { background: #fff6eb; border-color: #f1e0c6; color: #885a20; } .related-products__grid > .rp-card .rp-card__compat-modell-value--4, .related-products__grid > .rp-card .rp-card__compat-modell-value:nth-child(4n+4) { background: #f7f1ff; border-color: #e0d4f3; color: #6f4d9b; } .related-products__grid > .rp-card .rp-card__compat-kraftstoff-value--1, .related-products__grid > .rp-card .rp-card__compat-kraftstoff-value:nth-child(4n+1) { background: #eef6ff; border-color: #d4e4fb; color: #315f8b; } .related-products__grid > .rp-card .rp-card__compat-kraftstoff-value--2, .related-products__grid > .rp-card .rp-card__compat-kraftstoff-value:nth-child(4n+2) { background: #eefaf5; border-color: #d2e9dc; color: #2d6b56; } .related-products__grid > .rp-card .rp-card__compat-kraftstoff-value--3, .related-products__grid > .rp-card .rp-card__compat-kraftstoff-value:nth-child(4n+3) { background: #fff6eb; border-color: #f1e0c6; color: #885a20; } .related-products__grid > .rp-card .rp-card__compat-kraftstoff-value--4, .related-products__grid > .rp-card .rp-card__compat-kraftstoff-value:nth-child(4n+4) { background: #f7f1ff; border-color: #e0d4f3; color: #6f4d9b; } .related-products__grid > .rp-card .rp-card__compat-hubraum-value--1, .related-products__grid > .rp-card .rp-card__compat-hubraum-value:nth-child(4n+1) { background: #fff1ed; border-color: #f3d4ca; color: #a85a45; } .related-products__grid > .rp-card .rp-card__compat-hubraum-value--2, .related-products__grid > .rp-card .rp-card__compat-hubraum-value:nth-child(4n+2) { background: #fff6ea; border-color: #f1dec2; color: #aa6a2c; } .related-products__grid > .rp-card .rp-card__compat-hubraum-value--3, .related-products__grid > .rp-card .rp-card__compat-hubraum-value:nth-child(4n+3) { background: #fff0e8; border-color: #efd2c4; color: #b06447; } .related-products__grid > .rp-card .rp-card__compat-hubraum-value--4, .related-products__grid > .rp-card .rp-card__compat-hubraum-value:nth-child(4n+4) { background: #fff7ee; border-color: #f2decc; color: #b8793c; } .related-products__grid > .rp-card .rp-card__compat-kw-value--1, .related-products__grid > .rp-card .rp-card__compat-kw-value:nth-child(4n+1) { background: #ebf5ff; border-color: #cfe0f8; color: #245f99; } .related-products__grid > .rp-card .rp-card__compat-kw-value--2, .related-products__grid > .rp-card .rp-card__compat-kw-value:nth-child(4n+2) { background: #eef9ef; border-color: #d3e7d5; color: #2f6c39; } .related-products__grid > .rp-card .rp-card__compat-kw-value--3, .related-products__grid > .rp-card .rp-card__compat-kw-value:nth-child(4n+3) { background: #fff5ea; border-color: #f3ddc5; color: #8f5a22; } .related-products__grid > .rp-card .rp-card__compat-kw-value--4, .related-products__grid > .rp-card .rp-card__compat-kw-value:nth-child(4n+4) { background: #f7f2ff; border-color: #e2d6f6; color: #6f4ba5; } .related-products__grid > .rp-card .rp-card__compat-jahr-value--1, .related-products__grid > .rp-card .rp-card__compat-jahr-value:nth-child(4n+1) { background: #f2f7f2; border-color: #d8e5d7; color: #4d6e4d; } .related-products__grid > .rp-card .rp-card__compat-jahr-value--2, .related-products__grid > .rp-card .rp-card__compat-jahr-value:nth-child(4n+2) { background: #f1f5fb; border-color: #d6dfef; color: #4b6585; } .related-products__grid > .rp-card .rp-card__compat-jahr-value--3, .related-products__grid > .rp-card .rp-card__compat-jahr-value:nth-child(4n+3) { background: #fff7ef; border-color: #f0dfcb; color: #876337; } .related-products__grid > .rp-card .rp-card__compat-jahr-value--4, .related-products__grid > .rp-card .rp-card__compat-jahr-value:nth-child(4n+4) { background: #f7f2fb; border-color: #e1d7ed; color: #6e5a88; } .related-products__grid > .rp-card .rp-card__price { margin: 14px 0 0; padding-top: 12px; border-top: 1px solid #e9e9e9; margin-top: auto; font-size: 22px; line-height: 1.1; font-weight: 700; color: #000 !important; } .related-products__grid > .rp-card .rp-card__price-wrap { margin-top: auto; } .related-products__grid > .rp-card .rp-card__price-link { display: inline-block !important; width: auto !important; text-decoration: none !important; color: #000 !important; } .related-products__grid > .rp-card .rp-card__price-link:hover, .related-products__grid > .rp-card .rp-card__price-link:focus, .related-products__grid > .rp-card .rp-card__price-link:active, .related-products__grid > .rp-card .rp-card__price-link:visited, .related-products__grid > .rp-card .rp-card__price .rp-card__link, .related-products__grid > .rp-card .rp-card__price .rp-card__link:hover, .related-products__grid > .rp-card .rp-card__price .rp-card__link:focus, .related-products__grid > .rp-card .rp-card__price .rp-card__link:active, .related-products__grid > .rp-card .rp-card__price .rp-card__link:visited { color: #000 !important; text-decoration: none !important; } .related-products__grid > .rp-card .rp-card__price-value { display: inline-block; font-size: 24px !important; line-height: 1.05 !important; font-weight: 700 !important; letter-spacing: -0.01em !important; } .related-products__grid > .rp-card .rp-card__shipping { display: inline-flex; align-items: center; justify-content: center; width: fit-content; max-width: calc(100% - 62px); margin: 7px 0 0 0 !important; padding: 3px 7px !important; min-height: 22px; border: 1px solid #b8ddbf; background: #eff9f1; border-radius: 5px; font-size: 11px !important; line-height: 1; font-weight: 700; color: #2e7d3f; letter-spacing: 0; white-space: nowrap; } .related-products__grid > .rp-card .rp-card__kaufschutz { position: absolute !important; right: 0 !important; bottom: 0 !important; width: 52px !important; height: 52px !important; display: block !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; line-height: 0 !important; z-index: 20 !important; } .related-products__grid > .rp-card .rp-card__kaufschutz-link { display: block !important; width: 52px !important; height: 52px !important; margin: 0 !important; padding: 0 !important; line-height: 0 !important; } .related-products__grid > .rp-card .rp-card__kaufschutz-icon, .related-products__grid > .rp-card img.rp-card__kaufschutz-icon { display: block !important; width: 52px !important; height: 52px !important; min-width: 52px !important; min-height: 52px !important; max-width: 52px !important; max-height: 52px !important; margin: 0 !important; padding: 0 !important; border: 0 !important; object-fit: contain !important; position: static !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; transform: none !important; vertical-align: top !important; opacity: 1 !important; visibility: visible !important; } @media (max-width: 1200px) { .related-products__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 768px) { .related-products__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .related-products__grid > .rp-card { padding: 12px; border: 1px solid #c7c7c7; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06); } .related-products__grid > .rp-card .rp-card__image-link { height: 345px; margin-bottom: 12px; } .related-products__grid > .rp-card .rp-card__image { max-width: 340px; max-height: 340px; transform: scale(1.02); } .related-products__grid > .rp-card .rp-product__spec { font-size: 15px; } .related-products__grid > .rp-card .rp-product__type { font-size: 13px; margin-top: 8px !important; } .related-products__grid > .rp-card .rp-product__ref { font-size: 11px !important; } .related-products__grid > .rp-card .rp-card__compat-icon, .related-products__grid > .rp-card img.rp-card__compat-icon { width: 19px !important; height: 19px !important; min-width: 19px !important; min-height: 19px !important; flex: 0 0 19px !important; } .related-products__grid > .rp-card .rp-card__compat-label { font-size: 12px !important; line-height: 1.15 !important; } .related-products__grid > .rp-card .rp-card__compat-values { gap: 3px !important; margin-left: 3px !important; } .related-products__grid > .rp-card .rp-card__compat-modell-value, .related-products__grid > .rp-card .rp-card__compat-kraftstoff-value, .related-products__grid > .rp-card .rp-card__compat-hubraum-value, .related-products__grid > .rp-card .rp-card__compat-kw-value, .related-products__grid > .rp-card .rp-card__compat-jahr-value { font-size: 11.5px !important; line-height: 1.1 !important; min-height: 22px !important; padding: 3px 7px !important; } .related-products__grid > .rp-card .rp-card__price, .related-products__grid > .rp-card .rp-card__price-value { font-size: 23px; } .related-products__grid > .rp-card .rp-card__shipping { padding: 3px 7px !important; min-height: 21px; border-radius: 5px; font-size: 10.5px !important; max-width: calc(100% - 58px); } .related-products__grid > .rp-card .rp-card__kaufschutz, .related-products__grid > .rp-card .rp-card__kaufschutz-link { width: 48px !important; height: 48px !important; } .related-products__grid > .rp-card .rp-card__kaufschutz-icon, .related-products__grid > .rp-card img.rp-card__kaufschutz-icon { width: 48px !important; height: 48px !important; min-width: 48px !important; min-height: 48px !important; max-width: 48px !important; max-height: 48px !important; } } @media (max-width: 480px) { .related-products__grid { grid-template-columns: 1fr; gap: 12px; } .related-products__grid > .rp-card { padding: 12px; background: #fff; border: 1.5px solid #b5b5b5 !important; border-radius: 12px; overflow: hidden; box-shadow: inset 0 0 0 1px #d0d0d0, 0 3px 12px rgba(0, 0, 0, 0.07); } .related-products__grid > .rp-card .rp-card__image-link { height: 355px; margin-bottom: 12px; } .related-products__grid > .rp-card .rp-card__image { max-width: 350px; max-height: 350px; transform: scale(1.02); } .related-products__grid > .rp-card .rp-card__origin { font-size: 10px; margin-bottom: 2px !important; } .related-products__grid > .rp-card .rp-product__spec { font-size: 16px; } .related-products__grid > .rp-card .rp-product__type { font-size: 14px; } .related-products__grid > .rp-card .rp-product__ref { font-size: 12px !important; } .related-products__grid > .rp-card .rp-card__compat-title { font-size: 12.5px; gap: 6px; } .related-products__grid > .rp-card .rp-card__compat-icon, .related-products__grid > .rp-card img.rp-card__compat-icon { width: 18px !important; height: 18px !important; min-width: 18px !important; min-height: 18px !important; flex: 0 0 18px !important; } .related-products__grid > .rp-card .rp-card__compat-row { gap: 2px !important; margin-bottom: 4px !important; } .related-products__grid > .rp-card .rp-card__compat-row + .rp-card__compat-row { position: relative; border-top: 1px solid #dddddd !important; margin-top: 3px !important; padding-top: 5px !important; } .related-products__grid > .rp-card .rp-card__compat-label { font-size: 15px !important; line-height: 1.22 !important; } .related-products__grid > .rp-card .rp-card__compat-values { gap: 4px !important; margin-left: 4px !important; } .related-products__grid > .rp-card .rp-card__compat-modell-value, .related-products__grid > .rp-card .rp-card__compat-kraftstoff-value, .related-products__grid > .rp-card .rp-card__compat-hubraum-value, .related-products__grid > .rp-card .rp-card__compat-kw-value, .related-products__grid > .rp-card .rp-card__compat-jahr-value { font-size: 15px !important; line-height: 1.18 !important; min-height: 28px !important; padding: 5px 10px !important; } .related-products__grid > .rp-card .rp-card__price, .related-products__grid > .rp-card .rp-card__price-value { font-size: 24px; } .related-products__grid > .rp-card .rp-card__shipping { padding: 3px 6px !important; min-height: 20px; border-radius: 4px; font-size: 10px !important; max-width: calc(100% - 58px); } .related-products__grid > .rp-card .rp-card__kaufschutz, .related-products__grid > .rp-card .rp-card__kaufschutz-link { width: 48px !important; height: 48px !important; } .related-products__grid > .rp-card .rp-card__kaufschutz-icon, .related-products__grid > .rp-card img.rp-card__kaufschutz-icon { width: 48px !important; height: 48px !important; min-width: 48px !important; min-height: 48px !important; max-width: 48px !important; max-height: 48px !important; } } .rp-product__info > span.rp-product__spec:first-of-type { display: none !important; } @media (max-width: 991px) { .rp-item { gap: 12px; padding: 12px 6px; } .rp-img-wrap { width: 360px !important; height: 360px !important; } .rp-img { width: 360px !important; height: 360px !important; } .rp-name { font-size: 26px; color: #000; } } @media (max-width: 768px) { .container.tv-left-layout > .row { display: flex; flex-direction: column; } #left-column { order: -1; width: 100% !important; } #content-wrapper { order: 1; width: 100% !important; } .tvserach-filter-wrapper { width: 100%; } } #js-active-search-filters { padding: 14px !important; margin: 14px 0 !important; background: #f8f9fb !important; border: 1px solid #e3e7ee !important; border-radius: 14px !important; } #js-active-search-filters .active-filter-title { display: block !important; margin-bottom: 12px !important; font-size: 16px !important; font-weight: 700 !important; color: #111 !important; } #js-active-search-filters ul { display: flex !important; flex-wrap: wrap !important; gap: 12px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; } #js-active-search-filters li.filter-block { display: inline-flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; padding: 12px 16px !important; background: #eef4ff !important; border: 2px solid #8fb7ff !important; border-radius: 999px !important; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06) !important; font-size: 17px !important; font-weight: 700 !important; line-height: 1.3 !important; color: #111 !important; width: auto !important; max-width: 100% !important; } #js-active-search-filters li.filter-block a.js-search-link { display: flex !important; align-items: center !important; justify-content: center !important; min-width: 34px !important; min-height: 34px !important; width: 34px !important; height: 34px !important; border-radius: 50% !important; background: rgba(255, 255, 255, 0.85) !important; border: 1px solid rgba(0, 0, 0, 0.10) !important; text-decoration: none !important; flex-shrink: 0 !important; } #js-active-search-filters li.filter-block i.close { font-size: 20px !important; color: #111 !important; } #js-active-search-filters li.filter-block:hover { background: #deebff !important; border-color: #60a5fa !important; transition: 0.2s ease !important; } @media (max-width: 768px) { #js-active-search-filters ul { flex-direction: column !important; flex-wrap: nowrap !important; } #js-active-search-filters li.filter-block { width: 100% !important; border-radius: 16px !important; } } .facet { background-color: #ecf3ff !important; padding: 12px !important; border-radius: 12px !important; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1) !important; border: 1px solid rgba(179, 209, 255, 0.4) !important; } .facet .facet-title { font-weight: bold !important; font-size: 20px !important; text-align: center !important; margin-bottom: 16px !important; color: #222 !important; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) !important; } .facet .facet-label { display: flex !important; align-items: center !important; min-height: 60px !important; padding: 12px 10px !important; margin-bottom: 6px !important; border: 1px solid rgba(179, 209, 255, 0.5) !important; border-radius: 8px !important; background-color: #e6f2ff !important; font-size: 14px !important; transition: background-color 0.2s ease, border-color 0.2s ease; } .facet .facet-label:hover { background-color: #d0e7ff !important; border-color: rgba(153, 194, 255, 0.7) !important; } .facet .custom-checkbox input[type="checkbox"] { margin-right: 8px !important; vertical-align: middle !important; } .facet .facet-label a.search-link { color: #222 !important; text-decoration: none !important; } .facet .facet-label .magnitude { margin-left: 4px !important; color: #222 !important; } .facet .tvfilter-search-types-dropdown { max-height: calc(5 * 60px + 5 * 6px + 16px); overflow-y: auto !important; } .facet .facet-label:has(input[type="checkbox"]:checked) { background-color: #ff9800 !important; border-color: #ff9800 !important; color: #222 !important; } .facet .facet-label:has(input[type="checkbox"]:checked) a.search-link, .facet .facet-label:has(input[type="checkbox"]:checked) .magnitude { color: #111 !important; text-decoration: none !important; } section.facet:has(input[type="checkbox"]:checked) { background-color: #ffe0b2 !important; transition: background-color 0.2s ease; } @media (min-width: 992px) { #left-column .tvsearch-filter-content-wrapper section.facet .facet-label:has(input[type="checkbox"]:checked) { background-color: transparent !important; border-color: transparent !important; color: inherit !important; } #left-column .tvsearch-filter-content-wrapper section.facet .facet-label:has(input[type="checkbox"]:checked) a.search-link { color: inherit !important; text-decoration: none !important; } #left-column .tvsearch-filter-content-wrapper section.facet:has(input[type="checkbox"]:checked) { background-color: transparent !important; } #left-column .tvsearch-filter-content-wrapper section.facet ul.tvfilter-search-types-dropdown { background-color: #f3f8ff !important; border-radius: 8px !important; padding: 8px 10px !important; } #left-column .tvsearch-filter-content-wrapper section.facet ul.tvfilter-search-types-dropdown > li { background: transparent !important; } } .tvserach-filter-wrapper { background-color: #e6f0ff; padding: 15px; border-radius: 4px; box-sizing: border-box; } .tvserach-filter-wrapper p.facet-title { font-size: 1.6em !important; font-weight: 700 !important; color: #000000 !important; margin-bottom: 12px; } .tvserach-filter-wrapper label.facet-label, .tvserach-filter-wrapper .custom-checkbox label { font-size: 1.2em !important; font-weight: 600 !important; color: #222222 !important; } .title[data-target="#facet_73086"] .facet-title { font-size: 0 !important; line-height: 0 !important; position: relative; } .title[data-target="#facet_73086"] .facet-title::after { content: "Auto Teile"; font-size: 20px; font-weight: bold; color: #222; position: absolute; top: 0; left: 0; width: 100%; text-align: center; line-height: normal; } div.tvall-page-shortby { display: none; } .tvleft-penal-product-top { display: none; } @media (max-width: 768px) { .tvallcategories { display: none !important; } .tvcmsnew-product, .tvcmsleft-new-product { display: none !important; } } article.product-miniature { margin-bottom: 50px !important; padding-left: 10px; padding-right: 10px; } @media only screen and (max-width: 767px) { article.product-miniature { margin-bottom: 40px !important; } .tvgrid-list-view-product .products { gap: 40px 25px !important; } } @media (min-width: 769px) { .tvtabcategory-all-product-slider .owl-item, .product-miniature, .tvall-product-wrapper-info-box { border: 1px solid #ddd !important; border-radius: 8px !important; background-color: #fff !important; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08) !important; overflow: hidden !important; transition: all 0.3s ease !important; } .tvtabcategory-all-product-slider .owl-item:hover, .product-miniature:hover, .tvall-product-wrapper-info-box:hover { border-color: #ff7a00 !important; box-shadow: 0 4px 10px rgba(255, 122, 0, 0.15) !important; transform: translateY(-3px); } } @media (max-width: 767px) { .product-listing .product-item { width: 100% !important; float: none !important; margin-bottom: 20px; } .product-listing .product-item .product-image, .product-listing .product-item .product-details { display: block; width: 100% !important; } } .tvtabcategory-product-inner { background-color: #fff !important; padding: 10px; border-radius: 8px; list-style: none; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; } .tvtabcategory-product-li { background-color: #fff !important; border: 2px solid #fff; border-radius: 6px; transition: all 0.3s ease; } .tvtabcategory-tab-sub-title { display: block; color: #007bff !important; font-weight: 600; text-decoration: none; padding: 8px 15px; transition: all 0.3s ease; } .tvtabcategory-tab-sub-title:hover { color: #ff7a00 !important; } .tvtabcategory-product-inner .tvtabcategory-product-li.active, .tvtabcategory-product-li:focus-within { background-color: #f0f6ff !important; border-color: #007bff !important; } .tvtabcategory-product-inner .tvtabcategory-product-li.active .tvtabcategory-tab-sub-title, .tvtabcategory-product-li:hover .tvtabcategory-tab-sub-title { color: #007bff !important; } .tvtabcategory-product-li i { color: #007bff !important; } .tvtabcategory-product-inner li, .tvtabcategory-product-inner a { border: none !important; outline: none !important; box-shadow: none !important; } .tvtabcategory-product-next-pre-btn { display: none !important; } .tvtabcategory-all-product-slider .owl-nav { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; } @media (max-width: 768px) { .tvtabcategory-product-sub-title-block { overflow-x: auto !important; -webkit-overflow-scrolling: touch; padding: 8px 4px; background: #fff !important; } .tvtabcategory-product-inner { display: flex !important; flex-wrap: nowrap !important; gap: 10px !important; min-width: max-content; padding: 0 4px; } .tvtabcategory-product-li { flex: 0 0 auto; border: 1px solid #e6e6e6 !important; border-radius: 10px !important; text-align: center; padding: 10px 14px !important; } .tvtabcategory-tab-sub-title { font-size: 14px !important; white-space: nowrap !important; } .tvtabcategory-show, .tvtabcategory-hide { display: none !important; } .tvtabcategory-product-sub-title-block::-webkit-scrollbar { height: 6px; } .tvtabcategory-all-product-slider, .tvtabcategory-all-product-slider * { box-sizing: border-box !important; } .tvtabcategory-all-product-slider .owl-stage { display: flex !important; flex-wrap: wrap !important; width: 100% !important; transform: none !important; transition: none !important; } .tvtabcategory-all-product-slider .owl-item { flex: 0 0 calc(50% - 10px) !important; width: calc(50% - 10px) !important; margin: 0 5px 16px 5px !important; display: flex !important; flex-direction: column !important; align-items: center !important; visibility: visible !important; opacity: 1 !important; border: 1px solid #ddd !important; border-radius: 8px !important; padding: 8px !important; background-color: #fff !important; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) !important; } .tvtabcategory-all-product-slider .owl-item img { width: 100% !important; height: auto !important; object-fit: contain !important; display: block !important; border-radius: 6px !important; margin-bottom: 6px !important; } .tvtabcategory-all-product-slider .owl-item .tvproduct-info-box-wrapper, .tvtabcategory-all-product-slider .owl-item .product-description, .tvtabcategory-all-product-slider .owl-item .tvproduct-name-price-wrapper, .tvtabcategory-all-product-slider .owl-item .tvall-product-wrapper-info-box { display: block !important; visibility: visible !important; opacity: 1 !important; position: static !important; overflow: visible !important; height: auto !important; max-height: none !important; text-align: center !important; margin-top: 6px !important; } .tvtabcategory-all-product-slider .owl-item .product-title, .tvtabcategory-all-product-slider .owl-item .product-name, .tvtabcategory-all-product-slider .owl-item .product-title a, .tvtabcategory-all-product-slider .owl-item .product-name a, .tvtabcategory-all-product-slider .owl-item .product-description h6 { display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 4 !important; white-space: normal !important; overflow: hidden !important; text-overflow: clip !important; max-height: none !important; font-size: 15px !important; line-height: 1.3 !important; margin: 0 6px 6px 6px !important; color: #333 !important; } @supports not (-webkit-line-clamp: 4) { .tvtabcategory-all-product-slider .owl-item .product-title, .tvtabcategory-all-product-slider .owl-item .product-name, .tvtabcategory-all-product-slider .owl-item .product-title a, .tvtabcategory-all-product-slider .owl-item .product-name a, .tvtabcategory-all-product-slider .owl-item .product-description h6 { display: block !important; overflow: visible !important; } } .tvtabcategory-all-product-slider .owl-item .product-price-and-shipping .price, .tvtabcategory-all-product-slider .owl-item .price { font-size: 20px !important; font-weight: 600 !important; line-height: 1.2 !important; margin-top: 3px !important; text-align: center !important; color: #111 !important; } } @media (max-width: 768px) { .nav.nav-tabs { display: flex; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; white-space: nowrap; padding: 10px 8px; margin-left: -15px; margin-right: -15px; width: calc(100% + 30px); gap: 8px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color: #f0f0f0; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); box-sizing: border-box; scrollbar-width: none; } .nav.nav-tabs::-webkit-scrollbar { display: none; } .nav.nav-tabs .nav-item { flex: 0 0 auto; margin: 0; padding: 0; text-align: center; } .nav.nav-tabs .nav-link { display: flex; justify-content: center; align-items: center; padding: 7px 10px; font-size: 13px; line-height: 1.1; border: 1px solid #d1d1d1; border-radius: 6px; background-color: #fff; color: #333; white-space: nowrap; box-sizing: border-box; transition: 0.2s; } .nav.nav-tabs .nav-link.active { background-color: #f6f6f6; border-color: #bbb; } .nav.nav-tabs .nav-link:hover { background-color: #ededed; border-color: #aaa; } } ul.nav.nav-tabs[role="tablist"] { display: none !important; } .tvcmscategory-slider .owl-stage-outer, .tvcategory-chain-slider-content-box .owl-stage-outer { overscroll-behavior: contain; touch-action: pan-x; } .tvcmscategory-slider.container-fluid { width: 100vw !important; max-width: 100vw !important; padding: 0 !important; margin: 0 !important; position: relative; left: 50%; right: 50%; margin-left: -50vw !important; margin-right: -50vw !important; } .tvcmscategory-slider.container-fluid > .container, .tvcategory-slider { width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } .tvcategory-slider-inner-info-box, .tvcategory-slider-content-box { width: 100% !important; max-width: 100% !important; } .tvcategory-slider-content-box { background-color: #000000; padding: 15px; border-radius: 8px; } .owl-stage-outer { width: 100% !important; max-width: 100% !important; } .tvcategory-img-block img { width: 100% !important; height: auto !important; } .tvcategory-slider-wrapper-info { background: #fafafa; border-radius: 14px; border: 1px solid #e5e5e5; padding: 14px 10px; transition: all 0.25s ease; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04); position: relative; z-index: 5; } .tvcategory-slider-wrapper-info::after { content: ""; position: absolute; left: 8%; right: 8%; bottom: -6px; height: 10px; background: rgba(255, 140, 0, 0.45); filter: blur(14px); opacity: 0; transition: opacity 0.3s ease; border-radius: 20px; } .tvcategory-slider-wrapper-info:hover { border-color: #ff8a00; background: #ffffff; box-shadow: 0 4px 14px rgba(255, 140, 0, 0.25); transform: translateY(-3px); z-index: 20; } .tvcategory-slider-wrapper-info:hover::after { opacity: 1; } .tvcategory-img-block img { max-width: 100%; height: auto; transition: transform 0.3s ease; } .tvcategory-slider-wrapper-info:hover .tvcategory-img-block img { transform: scale(1.06); } .tvcategory-slider-info-box { margin-top: 8px; text-align: center; font-size: 15px; font-weight: 600; color: #333; transition: color 0.3s ease; } .tvcategory-slider-wrapper-info:hover .tvcategory-slider-info-box { color: #ff7a00; } @media (max-width: 767px) { .tvcategory-slider, .tvcategory-slider-inner-info-box, .tvcategory-slider-content-box, .tvcategory-slider-content-box .owl-stage-outer, .tvcategory-slider-content-box .owl-stage, .tvcategory-slider-content-box .owl-item { background-color: #222222 !important; } .tvcategory-slider-wrapper-info { box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25); } .tvcategory-slider-wrapper-info:hover { box-shadow: 0 4px 14px rgba(255, 140, 0, 0.45); } .tvcategory-slider-info-box { color: #333333; } } @media (max-width: 768px) { .tvcmscategory-slider .tvcategory-slider-main-title-wrapper .tvmain-title h2 { display: none !important; } } .owl-nav { position: absolute !important; top: 25% !important; left: 0 !important; right: 0 !important; width: 100% !important; display: flex !important; justify-content: space-between; transform: translateY(-25%) !important; z-index: 3000 !important; } .tvcategory-slider.container { position: relative; overflow: visible; } .tvcategory-slider.container .owl-nav { display: flex !important; justify-content: space-between; align-items: center; pointer-events: none; background: none !important; border: none !important; } .tvcategory-slider.container .owl-prev, .tvcategory-slider.container .owl-next { width: auto; height: auto; background: none !important; color: #000; border: none !important; box-shadow: none !important; font-size: 28px; pointer-events: auto; cursor: pointer; transition: color 0.3s ease; } .tvcategory-slider.container .owl-prev { margin-left: 10px; } .tvcategory-slider.container .owl-next { margin-right: 10px; } .tvcategory-slider.container .owl-prev:hover, .tvcategory-slider.container .owl-next:hover { color: #333; } .tvcategory-slider.container .owl-nav::before, .tvcategory-slider.container .owl-nav::after { display: none !important; background: none !important; content: none !important; } @media (max-width: 576px) { .tvcategory-slider.container .owl-prev, .tvcategory-slider.container .owl-next { font-size: 38px; } } .tvcmscategory-slider .tvcategory-slider-pagination-wrapper, .tvcmscategory-slider .tvcategory-slider-next-pre-btn { display: none !important; } .tvcategory-slider-next-pre-btn { position: relative !important; left: 550px !important; top: 15px !important; } .tvcmscategory-slider .owl-nav.disabled { display: none !important; } .owl-nav { position: relative; } .owl-prev, .owl-next { position: absolute; background: transparent; border: none; font-size: 2rem; cursor: pointer; } .owl-prev { left: -12px; top: 0; } .owl-next { right: -12px; top: 0; } ul.subcategories-list .subcategory-image, ul.subcategories-list .subcategory-image a, ul.subcategories-list .subcategory-image img, #tfprosearch_result ul.subcategories-list .subcategory-image, #tfprosearch_result ul.subcategories-list .subcategory-image a, #tfprosearch_result ul.subcategories-list .subcategory-image img { display: none !important; } #tfprosearch_result ul.subcategories-list h5, #tfprosearch_result ul.subcategories-list a.subcategory-name { display: block !important; margin: 4px 0 !important; } #subcategories .subcategories-list li { position: relative; flex: 0 0 calc(25% - 12px); box-sizing: border-box; background: #fef7ea; border-radius: 16px; padding: 12px 14px; border: 2px solid #ff9a1f; box-shadow: 0 4px 14px rgba(255, 154, 31, 0.45); overflow: hidden; transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background-color 0.18s ease; } #subcategories .subcategories-list li::after { content: ""; position: absolute; left: 8px; right: 8px; bottom: -10px; height: 16px; border-radius: 999px; background: rgba(255, 120, 0, 0.8); filter: blur(18px); opacity: 0.7; pointer-events: none; } #subcategories .subcategories-list li:hover { transform: translateY(-4px); background-color: #fff3d9; border-color: #ff7a00; box-shadow: 0 8px 24px rgba(255, 122, 0, 0.6); } #subcategories .subcategories-list h5 { margin: 0; text-align: center; } #subcategories .subcategories-list a.subcategory-name { display: block; font-size: 15px; font-weight: 700; color: #1a1a1a; text-transform: uppercase; letter-spacing: 0.4px; } #subcategories .subcategories-list a.subcategory-name:hover { color: #c65100; } @media (max-width: 991px) { #subcategories .subcategories-list li { flex: 0 0 calc(50% - 10px); } } @media (max-width: 575px) { #subcategories .subcategories-list li { flex: 0 0 100%; } } .tv-category-main-div { display: none !important; } @media (min-width: 992px) { .container-fluid.tvcmsbrandlist-slider { display: none !important; } } .tvcmsbrandlist-slider .owl-stage-outer { overscroll-behavior: contain; touch-action: pan-x; } .tvcmsmain-prev, .tvcmsmain-next, #tvmain-slider .owl-nav, #tvmain-slider .owl-prev, #tvmain-slider .owl-next { display: none !important; } .tvcmsmain-slider-wrapper { width: 100% !important; max-width: 100% !important; margin: 0 auto !important; padding: 0 !important; } #tvmain-slider { width: 100% !important; max-width: 100% !important; height: 600px !important; overflow: hidden !important; } .tvmain-slider-img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; margin: 0 !important; } @media (max-width: 768px) { #tvmain-slider { height: 350px !important; } } .tvmultibanner-header { font-size: 42px; font-weight: 800; text-align: center; text-transform: uppercase; letter-spacing: 1px; margin: 20px 0; text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2); color: inherit; } .tvmultibanner-item img { width: 100%; height: 120px; object-fit: contain; display: block; margin: 0 auto; } .tvcmsmultibanners .tvmultibanner > div:nth-child(2), .tvcmsmultibanners .tvmultibanner > div:nth-child(3) { display: none !important; } .tvmultibanner1-wrapper.tvmultibanner-1 { position: relative !important; display: grid !important; width: 100% !important; min-height: 0 !important; height: auto !important; padding: 0 !important; box-sizing: border-box; overflow: hidden !important; } .tvmultibanner1-wrapper.tvmultibanner-1 .tvbanner-hover-wrapper, .tvmultibanner1-wrapper.tvmultibanner-1 .tvmultibanner-content, .tvmultibanner1-wrapper.tvmultibanner-1 .top-center.tvmultibanner-content { grid-column: 1 / -1 !important; grid-row: 1 / -1 !important; } .tvmultibanner1-wrapper.tvmultibanner-1 .tvbanner-hover-wrapper { z-index: 0 !important; } .tvmultibanner1-wrapper.tvmultibanner-1 .tvbanner-hover-wrapper img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; } .tvmultibanner1-wrapper.tvmultibanner-1 .tvmultibanner-content { position: static !important; z-index: 2 !important; align-self: end !important; padding: 20px !important; } .tvmultibanner1-wrapper.tvmultibanner-1 .top-center.tvmultibanner-content { position: relative !important; top: auto !important; bottom: auto !important; left: auto !important; right: auto !important; transform: none !important; align-self: start !important; padding: 12px 20px 20px !important; } .tvmultibanner1-wrapper.tvmultibanner-1 .tvmultibanner-header { margin: 0 0 16px 0 !important; } .tvmultibanner1-wrapper.tvmultibanner-1 .tvmultibanner-items.tvmultibanner-grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; } .tvmultibanner1-wrapper.tvmultibanner-1 .tvmultibanner-item { flex: 0 0 calc((100% - 7 * 16px) / 8); min-width: 150px; max-width: 250px; padding: 40px 25px; border-radius: 16px; background-color: #fff; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08), 0 0 20px 8px rgba(0, 6, 18, 0.42); text-align: center; display: flex; flex-direction: column; align-items: center; transition: transform 0.25s ease, box-shadow 0.3s ease; } .tvmultibanner1-wrapper.tvmultibanner-1 .tvmultibanner-item:hover { transform: translateY(-6px); box-shadow: 0 12px 30px rgba(0, 0, 0, 0.14), 0 0 25px 10px rgba(255, 199, 26, 0.35); } .tvmultibanner1-wrapper.tvmultibanner-1 .tvmultibanner-item img { width: 180px; height: 180px; object-fit: cover; margin-bottom: 16px; } .tvmultibanner1-wrapper.tvmultibanner-1 .tvmultibanner-item span { font-size: 18px; font-weight: 600; color: #000; } .tvcmsmultibanners, .tvcmsmultibanners .container, .tvcmsmultibanners .tvmultibanner { width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; } .tvcmsmultibanners .tvmultibanner > div { float: none !important; width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; } .tvcmsmultibanners .tvmultibanner > div:not(:last-child) { margin-bottom: 20px; } .tvcmsmultibanners img { width: 100% !important; height: auto !important; display: block; } .tvmultibanner-items { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; padding: 20px 0; } .tvmultibanner-item { display: flex; flex-direction: column; align-items: center; width: 150px; max-width: 200px; text-align: center; font-family: Arial, sans-serif; text-decoration: none; color: #000; } .tvmultibanner-item img { width: 130px; height: 130px; object-fit: cover; margin-bottom: 6px; display: block; } .tvmultibanner-item span { font-size: 13px; } body:not(#index) .tvcmsofferbanners-one.container-fluid { display: none !important; } @media (min-width: 992px) { .tvcmsofferbanners-one { display: block !important; } body.page-category .tvcmsofferbanners-one, body.page-product-list .tvcmsofferbanners-one, body.page-product .tvcmsofferbanners-one { display: none !important; } } #wrapper, .tvcmsofferbanners-one.container-fluid, .tvcmsofferbanners-one.container-fluid > .container, .tvcmsdesktop-top-header-wrapper, .tvcmsdesktop-top-header-wrapper > .container, .tvcmsdesktop-top-header-wrapper > .container-fluid { width: 100vw !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; position: relative; left: 0; right: 0; } .tvbanner-hover-wrapper img.tvimage-lazy { width: 100% !important; height: auto !important; max-width: none !important; display: block; } .tvbanner-hover-wrapper { margin: 0 !important; padding: 0 !important; } .tvcmsofferbanners-one.container-fluid { background-size: cover !important; background-position: center center !important; } .container, .container-fluid { margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; } @media (min-width: 992px) { body#index #left-column, body#index #left-column * { display: none !important; visibility: hidden !important; height: 0 !important; width: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; position: absolute !important; opacity: 0 !important; } body#index #content-wrapper { width: 100% !important; max-width: 100vw !important; margin-left: 0 !important; flex: 1 1 100% !important; padding-left: 20px !important; padding-right: 20px !important; } body#index .tv-left-layout .row { justify-content: flex-start !important; } body#index #content-wrapper .container, body#index #content-wrapper .container-fluid, body#index #content-wrapper .row { width: 100% !important; max-width: 100% !important; padding: 0 !important; margin: 0 !important; } } @media (max-width: 768px) { #left-column .tvcmsleftsideofferbanners-one, #left-column .tvcmsleftsideofferbanners-one .tvbanner-wrapper { display: none !important; } } .tvcmsleftsideofferbanners-one { display: none !important; } body .tvbottom-to-top { display: none !important; } footer#footer { margin-top: 60px !important; } footer#footer::before { content: none !important; display: none !important; height: 0 !important; width: 0 !important; } .row.tvfooter-storelogo-imformation { display: flex !important; flex-wrap: wrap !important; } @media (min-width: 992px) { .tvfooter-storelogo-imformation.row { justify-content: center !important; } .tvfooter-storelogo-imformation { display: flex !important; flex-wrap: wrap !important; } .tvfooter-storelogo-imformation > .tvfooter-category-block, .tvfooter-storelogo-imformation > .tvfooter-account-link, .tvfooter-storelogo-imformation > #block_myaccount_infos, .tvfooter-storelogo-imformation > .tvcms-newsletter-wrapper { flex: 0 0 25% !important; max-width: 25% !important; } } @media (max-width: 991.98px) { .tvfooter-contact-link-wrapper { display: none !important; } } @media (min-width: 992px) { .tvfooter-contact-link-wrapper { display: none !important; } } .tvfooter-contact-link-wrapper { order: 4 !important; width: 100% !important; margin-top: 20px; } .tvcms-newsletter-wrapper { order: 5 !important; } .tvcmsofferbanners-one, .tvcmsofferbanners-one .container, .tvcmsofferbanners-one img { border: none !important; box-shadow: none !important; background: transparent !important; } @media (min-width: 992px) { .ets_wa_whatsapp_block.right_bottom { display: none !important; } } .ets_wa_whatsapp_block.right_bottom a img { width: 60px !important; height: auto !important; } .ets_wa_whatsapp_block.right_bottom { border-radius: 16px; overflow: hidden; display: inline-block; background: transparent !important; box-shadow: none !important; border: none !important; } .ets_wa_whatsapp_block.right_bottom a, .ets_wa_whatsapp_block.right_bottom img { display: block; border-radius: 16px; } #left-column .contact-rich { display: none !important; } #contact #left-column, #contact #content-wrapper { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; } #contact .contact-rich { margin-bottom: 30px !important; } #contact .contact-rich .row { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 20px !important; } #contact .contact-rich .block { float: none !important; flex: 0 0 30% !important; max-width: 30% !important; text-align: center !important; } #contact #main #content.page-content.card.card-block { padding: 25px !important; margin-top: 20px !important; } #contact .contact-form .row { display: flex !important; flex-wrap: wrap !important; } #contact .contact-form .col-md-6, #contact .contact-form .col-md-10, #contact .contact-form .col-lg-8, #contact .contact-form .col-md-1, #contact .contact-form .col-lg-2 { max-width: 100% !important; flex: 0 0 100% !important; } #contact .contact-form .form-control, #contact .contact-form textarea, #contact .contact-form select { width: 100% !important; } #contact .contact-form .form-footer { text-align: left !important; margin-top: 15px !important; } @media (max-width: 767px) { #contact .contact-rich .block { flex: 0 0 100% !important; max-width: 100% !important; } #contact #main #content.page-content.card.card-block { padding: 15px !important; } } .contact-form form { background: #fff; border: 1px solid #ececec; border-radius: 12px; padding: 24px 20px; box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04); } .contact-form h3 { margin-bottom: 20px; font-weight: 700; color: #1a1a1a; } .contact-form .form-group { margin-bottom: 16px; } .contact-form label.form-control-label { margin-bottom: 6px; font-weight: 600; color: #333; } .contact-form .form-control, .contact-form select.form-control, .contact-form textarea.form-control { border: 1px solid #dcdcdc; border-radius: 8px; box-shadow: none; transition: border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease; } .contact-form .form-control:focus, .contact-form select.form-control:focus, .contact-form textarea.form-control:focus { border-color: #c91d22; box-shadow: 0 0 0 3px rgba(201, 29, 34, 0.08); background: #fff; } .contact-form textarea.form-control { min-height: 140px; } .contact-form .bootstrap-filestyle .form-control { border-radius: 8px 0 0 8px; } .contact-form .bootstrap-filestyle .btn, .contact-form .group-span-filestyle .btn { border-radius: 0 8px 8px 0; } .contact-form .tvall-inner-btn, .contact-form .form-footer button[type="submit"] { border-radius: 8px; padding: 10px 22px; font-weight: 600; transition: all 0.2s ease; } .contact-form .tvall-inner-btn:hover, .contact-form .form-footer button[type="submit"]:hover { transform: translateY(-1px); } @media (min-width: 768px) { .contact-form textarea.form-control, .contact-form .tvcontact-area-text { min-height: 145px; } .contact-form .tvall-inner-btn, .contact-form .form-footer button[type="submit"] { display: inline-flex; justify-content: center; align-items: center; width: 520px; height: 36px; padding: 0 26px; font-size: 16px; font-weight: 700; background: #ff5a00; border-color: #ff5a00; color: #fff; border-radius: 8px; } } @media (max-width: 767px) { .contact-form .form-footer { text-align: center; } .contact-form .tvall-inner-btn, .contact-form .form-footer button[type="submit"] { display: flex; width: 100%; min-width: 100%; height: 54px; justify-content: center; align-items: center; font-size: 16px; font-weight: 700; background: #ff5a00; border-color: #ff5a00; color: #fff; border-radius: 8px; } } @media (min-width: 992px) { #add-to-cart-or-refresh .tvwishlist-compare-wrapper-page.add.tv-product-page-add-to-cart-wrapper { display: flex !important; flex-direction: column !important; } #add-to-cart-or-refresh .tvwishlist-compare-wrapper-page.add.tv-product-page-add-to-cart-wrapper .tvcart-btn-model { order: -1 !important; width: 100% !important; margin-bottom: 16px !important; } #add-to-cart-or-refresh .tvwishlist-compare-wrapper-page.add.tv-product-page-add-to-cart-wrapper .product-info-box-cart { order: 1 !important; } #add-to-cart-or-refresh .tvwishlist-compare-wrapper-page.add.tv-product-page-add-to-cart-wrapper .tvproduct-wishlist-compare { order: 2 !important; } #add-to-cart-or-refresh .tvwishlist-compare-wrapper-page.add.tv-product-page-add-to-cart-wrapper .tvproduct-stock-social { order: 3 !important; } } @media (min-width: 992px) { #add-to-cart-or-refresh .tvwishlist-compare-wrapper-page.add.tv-product-page-add-to-cart-wrapper .tvcart-btn-model { margin-bottom: 8px !important; } .product-info-box-cart .product-info-item { padding: 10px 14px !important; gap: 12px !important; } #block-reassurance { margin-top: -4px !important; } } .tvproduct-stock-social { display: none !important; } .tvproduct-wishlist-compare { display: none !important; } body.page-product #product-availability { position: relative !important; } body.page-product #product-availability::after { content: "Express Versand" !important; position: absolute !important; left: 100% !important; top: 50% !important; transform: translateY(-50%) !important; margin-left: 10px !important; display: inline-flex !important; align-items: center !important; white-space: nowrap !important; padding: 6px 14px !important; background: #dcfce7 !important; border: 1px solid #86efac !important; border-radius: 999px !important; color: #14532d !important; font-weight: 700 !important; font-size: inherit !important; } @media (max-width: 767px) { .tvproduct-title-brandimage h1.h1 { text-align: center !important; font-size: 20px !important; line-height: 1.3 !important; word-break: break-word !important; } } @media (max-width: 400px) { .tvproduct-title-brandimage h1.h1 { font-size: 18px !important; } } @media (min-width: 768px) { #product .tv-product-page-content .product-prices { background: #f8f9fa !important; border: 1px solid #e9ecef !important; border-radius: 10px !important; padding: 18px 20px !important; box-sizing: border-box !important; } #product .tv-product-page-content .product-prices .tax-shipping-delivery-label { margin-top: 12px !important; } } @media (min-width: 1200px) { .tvfooter-payment-icon-img-block { order: 3 !important; margin-left: auto !important; } } body.page-product #product-availability { display: inline-flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 10px !important; } body.page-product #product-availability::after { order: 2 !important; position: static !important; left: auto !important; top: auto !important; transform: none !important; margin-left: 0 !important; } body.page-product #product-availability::before { content: "Garantie" !important; order: 3 !important; display: inline-flex !important; align-items: center !important; white-space: nowrap !important; padding: 6px 14px !important; background: #dbeafe !important; border: 1px solid #93c5fd !important; border-radius: 999px !important; color: #1e3a8a !important; font-weight: 700 !important; font-size: inherit !important; } @media (min-width: 992px) { .tv-product-page-image, .col-md-6.tv-product-page-content { border: 3px solid #e5e5e5 !important; border-radius: 12px !important; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12) !important; background: white !important; padding: 13px !important; box-sizing: border-box !important; } .tv-product-page-image:hover, .col-md-6.tv-product-page-content:hover { border-color: #d0d0d0 !important; box-shadow: 0 8px 25px rgba(0, 0, 0, 0.18) !important; } .tvprduct-image-info-wrapper.row.product-1 > .tv-product-page-image, .tvprduct-image-info-wrapper.row.product-1 > .tv-product-page-content { border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background: transparent !important; padding: 0 !important; } } .tmvf-similar-products .tvproduct-wrapper.grid { display: block !important; } .tmvf-similar-products .tvproduct-wrapper.grid .tvproduct-image, .tmvf-similar-products .tvproduct-wrapper.grid .tvproduct-info-box-wrapper { display: block !important; width: 100% !important; float: none !important; } @media (min-width: 768px) { #product .tv-product-page-content .product-prices { background: #ffffff !important; } } body.page-product #product-availability i.material-icons.product-available { display: none !important; } body.page-product #product-availability { display: inline-flex !important; margin-top: 14px !important; margin-bottom: 6px !important; } body.page-product .tvproduct-page-decs { margin-bottom: 14px !important; } body.page-product .product-add-to-cart { margin-top: 10px !important; } body.page-product .product-info-item.product-info-payment { display: flex !important; align-items: center !important; justify-content: flex-end !important; text-align: right !important; } @media (max-width: 767px) { .tv-product-page-content, .tvproduct-title-brandimage, .tvproduct-title-brandimage h1.h1 { width: 100% !important; max-width: 100% !important; min-width: 0 !important; flex: 1 1 100% !important; box-sizing: border-box !important; } } .tmvf-similar-products .tvproduct-wrapper.grid .tvproduct-info-box-wrapper { padding-left: 12px !important; padding-right: 12px !important; box-sizing: border-box !important; } .tmvf-similar-products .tvproduct-wrapper.grid .tvproduct-name { width: 100% !important; } .tmvf-similar-products .tvproduct-wrapper.grid .tmvf-vehicle-attrs { text-align: left !important; } .tmvf-similar-products .tvproduct-wrapper.grid .tv-product-price, .tmvf-similar-products .tvproduct-wrapper.grid .product-price-and-shipping { display: flex !important; flex-direction: column !important; align-items: flex-end !important; text-align: right !important; margin-top: 10px !important; } @media (max-width: 767px) { #products.grid .tvproduct-wrapper.grid .tvproduct-info-box-wrapper, #products.grid-2 .tvproduct-wrapper.grid-2 .tvproduct-info-box-wrapper { padding-left: 12px !important; padding-right: 12px !important; box-sizing: border-box !important; } #products.grid .tvproduct-wrapper.grid .tvproduct-name, #products.grid-2 .tvproduct-wrapper.grid-2 .tvproduct-name { width: 100% !important; } #products.grid .tvproduct-wrapper.grid .tmvf-vehicle-attrs, #products.grid-2 .tvproduct-wrapper.grid-2 .tmvf-vehicle-attrs { text-align: left !important; } #products.grid .tvproduct-wrapper.grid .tv-product-price, #products.grid-2 .tvproduct-wrapper.grid-2 .tv-product-price { display: flex !important; flex-direction: column !important; align-items: flex-end !important; text-align: right !important; margin-top: 10px !important; } } @media (max-width: 767px) { body.page-product #product-availability { margin-top: 14px !important; margin-bottom: 6px !important; } body.page-product .tvproduct-page-decs { margin-bottom: 14px !important; } body.page-product .product-add-to-cart { margin-top: 10px !important; } } body.page-product #product-availability i.material-icons, body.page-product #product-availability i.product-available, body.page-product #product-availability .product-available { display: none !important; background: none !important; background-color: transparent !important; } @media (max-width: 767px) { #product .tv-product-page-content .product-prices > .tax-shipping-delivery-label { margin-top: 10px !important; } } body.page-product #product-availability::before { content: none !important; display: none !important; } body.page-product #product-availability { display: inline-flex !important; align-items: center !important; flex-wrap: wrap !important; gap: 10px !important; } body.page-product #product-availability .tvproduct-availability-text { order: 1 !important; display: inline-flex !important; align-items: center !important; white-space: nowrap !important; padding: 6px 14px !important; background: #dcfce7 !important; border: 1px solid #86efac !important; border-radius: 999px !important; color: #14532d !important; font-weight: 700 !important; font-size: inherit !important; } body.page-product #product-availability::after { order: 2 !important; } @media (max-width: 767px) { .tvprduct-image-info-wrapper, .tv-product-page-image, .tv-product-page-content, .col-md-6.tv-product-page-image, .col-md-6.tv-product-page-content { flex: 0 0 100% !important; max-width: 100% !important; width: 100% !important; box-sizing: border-box !important; } } body.page-product #product-availability { background: none !important; background-color: transparent !important; border: none !important; padding: 0 !important; margin: 14px 0 6px !important; border-radius: 0 !important; box-shadow: none !important; } .product-add-to-cart .tvwishlist-compare-wrapper-page .product-info-box.product-info-box-cart .product-info-item.product-info-payment { display: flex !important; justify-content: flex-end !important; text-align: right !important; } @media (max-width: 767px) { #product .tvproduct-page-wrapper .tvprduct-image-info-wrapper, .tvprduct-image-info-wrapper, .tvprduct-image-info-wrapper.row, .tvprduct-image-info-wrapper.row.product-1, .tvprduct-image-info-wrapper.row.product-2, .tvprduct-image-info-wrapper.row.product-3, .tvprduct-image-info-wrapper.row.product-4, .tvprduct-image-info-wrapper.row.product-5, .tvprduct-image-info-wrapper.row.product-6 { display: block !important; } #product .tvproduct-page-wrapper .tvprduct-image-info-wrapper > .tv-product-page-image, #product .tvproduct-page-wrapper .tvprduct-image-info-wrapper > .tv-product-page-content, .tvprduct-image-info-wrapper.row.product-1 > .tv-product-page-image.col-md-6, .tvprduct-image-info-wrapper.row.product-1 > .tv-product-page-content.col-md-6, .tv-product-page-image, .tv-product-page-content, .col-md-6.tv-product-page-image, .col-md-6.tv-product-page-content, .col-md-12.tv-product-page-image { display: block !important; float: none !important; flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } } @media (max-width: 767px) { .tmvf-similar-products .tvproduct-wrapper.grid .tvproduct-info-box-wrapper { padding-left: 12px !important; padding-right: 12px !important; box-sizing: border-box !important; } .tmvf-similar-products .tvproduct-wrapper.grid .tvproduct-image { width: 100% !important; display: block !important; } .tmvf-similar-products .tvproduct-wrapper.grid .tvproduct-name, .tmvf-similar-products .tvproduct-wrapper.grid .tvproduct-name h6 { width: 100% !important; } .tmvf-similar-products .tvproduct-wrapper.grid .tmvf-vehicle-attrs { text-align: left !important; } .tmvf-similar-products .tvproduct-wrapper.grid .tv-product-price, .tmvf-similar-products .tvproduct-wrapper.grid .product-price-and-shipping { display: flex !important; flex-direction: column !important; align-items: flex-end !important; text-align: right !important; margin-top: 10px !important; } } .product-add-to-cart .tvwishlist-compare-wrapper-page .product-info-box.product-info-box-cart .product-info-item.product-info-payment { justify-content: flex-start !important; text-align: left !important; } .tv-product-price .pangv-note-shipping { background: none !important; border: none !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } .tv-product-price .pangv-note-shipping::before { content: "\e558" !important; font-family: 'Material Icons' !important; font-weight: normal !important; font-style: normal !important; display: inline-block !important; font-size: 14px !important; line-height: 1 !important; color: #16a34a !important; margin-right: 4px !important; vertical-align: middle !important; } @media (max-width: 767px) { body#product.page-product .tv-product-page-content, body#product.page-product .tv-product-details, body#product.page-product .tvproduct-title-brandimage, body#product.page-product .tvproduct-title-brandimage h1, body#product.page-product .tvproduct-title-brandimage h1.h1 { display: block !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; flex: 1 1 100% !important; float: none !important; box-sizing: border-box !important; } body#product.page-product .tvproduct-title-brandimage h1.h1 { text-align: center !important; font-size: 19px !important; line-height: 1.3 !important; word-break: break-word !important; } } @media (max-width: 991px) { .product-prices .current-price { display: flex !important; align-items: center !important; flex-wrap: wrap !important; } .product-prices .current-price::after { margin-left: auto !important; } } .tax-shipping-delivery-label .shipping-free-line::before { content: "\e558" !important; font-family: 'Material Icons' !important; font-weight: normal !important; font-style: normal !important; display: inline-block !important; font-size: 14px !important; line-height: 1 !important; color: #16a34a !important; margin-right: 4px !important; vertical-align: middle !important; } .product-prices .tax-shipping-delivery-label .shipping-free-line { background: none !important; background-color: transparent !important; border: none !important; padding: 0 !important; border-radius: 0 !important; min-height: 0 !important; } .product-prices .tax-shipping-delivery-label .shipping-free-line::before { content: "\e558" !important; font-family: 'Material Icons' !important; font-weight: normal !important; font-style: normal !important; display: inline-block !important; font-size: 14px !important; line-height: 1 !important; color: #16a34a !important; margin-right: 4px !important; vertical-align: middle !important; } .product-prices .tax-shipping-delivery-label .shipping-free-line, .tv-product-price .pangv-note-shipping { display: inline-flex !important; align-items: center !important; } .product-prices .tax-shipping-delivery-label .shipping-free-line::before, .tv-product-price .pangv-note-shipping::before { font-size: 18px !important; margin-right: 5px !important; vertical-align: middle !important; flex-shrink: 0 !important; } @media (max-width: 767px) { body#product.page-product .tvproduct-title-brandimage h1.h1 { font-size: 19px !important; line-height: 1.3 !important; } } @media (max-width: 767px) { body#product.page-product .tvproduct-title-brandimage h1.h1 { font-size: 16px !important; line-height: 1.3 !important; } } @media (max-width: 767px) { #product .tvproduct-page-wrapper .tvprduct-image-info-wrapper { padding-left: 8px !important; padding-right: 8px !important; } body#product.page-product .tvproduct-title-brandimage { padding-left: 0 !important; padding-right: 0 !important; } } @media (max-width: 767px) { body#product.page-product .tv-product-page-content h1, body#product.page-product .tvproduct-title-brandimage h1.h1 { padding-right: 0 !important; } } @media (max-width: 767px) { body#product.page-product .tvproduct-title-brandimage h1.h1 { font-size: 18px !important; line-height: 1.3 !important; } } .product-quantity { display: block !important; position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } 