/* ========================================================= OPTICA CLAUDIO – EXTRA CSS (aus Customizer migriert) Datei: kallyas-child/css.php ========================================================= */ /* --------------------------------------------------------- 0) Kleine globale Anpassungen --------------------------------------------------------- */ .woocommerce .product_meta span a { color: #000; } /* --------------------------------------------------------- 1) Warenkorb – kleine Fixes + saubere Umbrüche --------------------------------------------------------- */ .woocommerce-cart #page_wrapper .zn-cartpage-style2 table.cart td.actions { height: 100%; } /* Totals / Collaterals: Overflow/Monstertexte verhindern */ .woocommerce-cart .cart-collaterals, .woocommerce-cart .cart-collaterals * { max-width: 100%; box-sizing: border-box; } .woocommerce-cart .cart-collaterals .cart_totals table.shop_table { width: 100% !important; table-layout: fixed; } .woocommerce-cart .cart-collaterals .cart_totals table.shop_table th, .woocommerce-cart .cart-collaterals .cart_totals table.shop_table td { font-size: 16px !important; line-height: 1.3 !important; white-space: normal !important; overflow-wrap: anywhere; word-break: break-word; } .woocommerce-cart .cart-collaterals .cart_totals table.shop_table th { width: auto !important; } /* Versand-Labels sauber umbrechen */ .woocommerce-cart .cart-collaterals .shipping td label { display: inline-block; max-width: calc(100% - 24px); vertical-align: top; } /* --------------------------------------------------------- 2) Warenkorb – Empfehlungen (Cross-sells) „Add To Cart“ fix (ohne das Layout kaputt zu flexen) --------------------------------------------------------- */ .woocommerce-cart .cross-sells a.button, .woocommerce-cart .cross-sells a.add_to_cart_button, .woocommerce-cart .cross-sells .button, .woocommerce-cart .cross-sells .button * { font-size: 13px !important; line-height: 1.2 !important; letter-spacing: 0 !important; } .woocommerce-cart .cross-sells a.button, .woocommerce-cart .cross-sells a.add_to_cart_button { position: static !important; inset: auto !important; transform: none !important; width: auto !important; height: auto !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; padding: 10px 14px !important; margin-top: 10px !important; text-transform: none !important; } /* Kallyas-Pseudo-Overlays killen */ .woocommerce-cart .cross-sells a.button:before, .woocommerce-cart .cross-sells a.button:after, .woocommerce-cart .cross-sells a.add_to_cart_button:before, .woocommerce-cart .cross-sells a.add_to_cart_button:after { content: none !important; display: none !important; } /* --------------------------------------------------------- 3) Single Product – mobile Spalten + Padding Fix --------------------------------------------------------- */ @media (max-width: 992px) { .single-product .col-sm-8 { width: 100% !important; } .single-product .single_product_main_image.col-sm-7 { width: 100% !important; } .single-product .woocommerce div.product.prodpage-style2 .single_product_main_image { padding-left: 0 !important; padding-right: 0 !important; } } .iconic-woothumbs-responsive-media { background: none; } .single_product_main_image.col-sm-7 { border-bottom: 0px solid black !important; } .woocommerce div.product.prodpage-style2 .product-page { margin-left: 0; margin-right: 0; background-color: #fff; padding: 27px; } /* --------------------------------------------------------- 4) Produktanfrage Tab (Single Product) --------------------------------------------------------- */ #tab-mcg_prd_enqenquery_tab table td { padding: 0px 27px 18px 0px; } .woocommerce-Tabs-panel--mcg_prd_enqenquery_tab input[type="submit"] { background-color: #ab8d69; padding: 19px 35px; border: 0px; color: #ffffff; } /* --------------------------------------------------------- 5) Checkout / Multi Step Checkout --------------------------------------------------------- */ .zn-wc-pages-style2 .checkout.woocommerce-checkout { background-color: #fff; padding: 20px; margin-top: 20px; } .woocommerce-terms-and-conditions-checkbox-text a { color: black; } .woocommerce-terms-and-conditions-wrapper { text-align: left; } .zn-wc-pages-style2 .checkout.woocommerce-checkout #payment ul.payment_methods li label { vertical-align: bottom; } .wc_payment_method.payment_method_stripe label { width: 80%; } .woocommerce-privacy-policy-text { display: none; } .product-name a { color: black; } .woocommerce #payment #place_order, .woocommerce-page #payment #place_order { float: left; margin-top: 18px; } .woocommerce-checkout #payment div.form-row { padding-left: 0px; padding-top: 18px; } /* Multi Step Checkout */ .thwmscf-tab-panels { background-color: #F7F7F7; padding: 0; } #action-next { color: white; background: #ab8d69; padding: 18px 36px !important; border: 0px solid #000000; } #action-prev { color: #000000; background: #f5f5f5; padding: 18px !important; border: 0px solid #000000; } /* WICHTIG: NICHT global WooCommerce-Messages verstecken -> macht Debugging & UX kaputt */ /* .woocommerce-message { display:none; } */ button[disabled], html input[disabled] { cursor: not-allowed; opacity: .5; display: inline-block; } .zn-wc-pages-style2 .checkout.woocommerce-checkout #order_review_heading { margin: 0px 0 20px; padding-top: 0px; } h3#order_review_heading::before { display: none; } @media screen and (max-width: 768px) { .iconic-woothumbs-all-images-wrap { z-index: 1; } } /* --------------------------------------------------------- 6) Reservierungsliste – EINMAL sauber (Duplikat entfernt) --------------------------------------------------------- */ .reservation-list{ background: #fff; padding: 20px; border: 1px solid #e7e7e7; border-radius: 14px; margin-bottom: 20px; } .reservation-list h3{ font-size: 20px; margin-bottom: 10px; } .reservation-list ul{ padding: 0; margin: 0; list-style: none; } .reservation-list li{ background: #fafafa; padding: 12px; border-radius: 10px; display: flex; align-items: center; gap: 12px; margin-bottom: 10px; border: 1px solid #eee; } .reservation-list img{ border-radius: 10px; width: 64px; height: 64px; object-fit: cover; background: #fff; border: 1px solid #eee; } /* Formular */ .reservation-form { margin-top: 20px; } .reservation-form label{ display: block; margin-bottom: 8px; font-weight: 600; } .reservation-form input[type="text"]{ width: 100%; padding: 10px; border-radius: 10px; border: 1px solid #ccc; } .reservation-form button{ margin-top: 10px; } /* Danke-Seite */ .reservation-success{ background: #e9f5e9; padding: 25px; border: 1px solid #c3e6c3; border-radius: 14px; } .reservation-success h2{ color: #2f8a3a; } /* Badge + Bounce */ .reservation-menu-link{ position: relative; font-weight: bold; } .reservation-badge{ background: #ab8d69; color: #fff; border-radius: 50%; padding: 2px 6px; font-size: 11px; margin-left: 5px; min-width: 18px; text-align: center; display: inline-block; transition: all 0.2s ease; } .reservation-badge.bounce{ animation: badgeBounce 0.4s ease; } @keyframes badgeBounce{ 0% { transform: scale(1); } 50% { transform: scale(1.3); } 100% { transform: scale(1); } } /* ========================================================= KALLYAS / WOOCOMMERCE – MOBILE LAYOUT FIXES + GRID + THUMBS + MAIN IMAGE FRAME + FIX OVERFLOW + REMOVE WHITE GAP ========================================================= */ /* ----------------------------- 1) Mobile: Sidebar/Content-Reihenfolge (Kallyas) ----------------------------- */ @media (max-width: 767px) { .shop_page > .container > .row, .site-content > .container > .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .shop_page > .container > .row > .col-md-pull-9, .site-content > .container > .row > .col-md-pull-9 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; -ms-flex-order: 1; order: 1; } .shop_page > .container > .row > .col-md-push-3, .site-content > .container > .row > .col-md-push-3 { -ms-flex-order: 2; order: 2; } /* clearfix pseudo-elements entfernen */ .shop_page > .container > .row::before, .shop_page > .container > .row::after, .site-content > .container > .row::before, .site-content > .container > .row::after, .woocommerce ul.products::before, .woocommerce ul.products::after { content: none !important; display: none !important; } } /* ----------------------------- 2) Brand Sidebar Container ----------------------------- */ .brand-sidebar-container { width: 100%; padding: 20px; background: #f9f9f9; border-bottom: 2px solid #ddd; margin-bottom: 20px; } .brand-widget-title { font-size: 18px; font-weight: bold; color: #333; margin-bottom: 10px; } .brand-widget { margin-bottom: 15px; } /* ----------------------------- 4) Mobile: Abstand Shop-Menü -> Titel reduzieren ----------------------------- */ @media (max-width: 767px) { .woocommerce-products-header { margin: 0 0 10px !important; padding: 0 !important; } .woocommerce-products-header__title, .woocommerce-products-header .page-title { margin: 10px 0 10px !important; padding: 0 !important; line-height: 1.1 !important; } .zn_breadcrumbs, .breadcrumbs { margin: 0 0 8px !important; } } /* ----------------------------- 5) Mobile: 2-Spalten Produkt-Grid (OHNE CSS-GRID) ----------------------------- */ @media (max-width: 767px) { .woocommerce ul.products { display: flex !important; flex-wrap: wrap !important; gap: 12px !important; padding: 0 !important; margin: 0 !important; list-style: none !important; } .woocommerce ul.products li.product { float: none !important; width: calc(50% - 6px) !important; margin: 0 !important; clear: none !important; } .woocommerce ul.products > li.clear, .woocommerce ul.products > li.clearfix, .woocommerce ul.products > li.zn-clearfix, .woocommerce ul.products > li.zn_clearfix, .woocommerce ul.products > li[class*="clear"], .woocommerce ul.products > li[class*="clearfix"] { display: none !important; } .woocommerce ul.products li.product .kw-prodimage { aspect-ratio: 1 / 1; overflow: hidden; background: #fff; display: block; } .woocommerce ul.products li.product .kw-prodimage img { width: 100% !important; height: 100% !important; object-fit: contain !important; } } /* ========================================================= 6) SINGLE PRODUCT – Hauptbild Rahmen + Thumbnails 2 Spalten ========================================================= */ body.single-product .woocommerce-product-gallery { background: #fff !important; border: 1px solid #e8e8e8 !important; border-radius: 10px !important; padding: 14px !important; box-shadow: 0 8px 22px rgba(0,0,0,0.05) !important; position: relative !important; overflow: hidden !important; } body.single-product .woocommerce-product-gallery .flex-viewport{ height: auto !important; min-height: 0 !important; max-height: none !important; overflow: hidden !important; } body.single-product .woocommerce-product-gallery .flexslider, body.single-product .woocommerce-product-gallery .flexslider .slides { margin: 0 !important; padding: 0 !important; overflow: hidden !important; } body.single-product .woocommerce-product-gallery .woocommerce-product-gallery__wrapper, body.single-product .woocommerce-product-gallery .flexslider .slides > li { position: relative !important; } body.single-product .woocommerce-product-gallery .woocommerce-product-gallery__trigger { z-index: 5 !important; } body.single-product .woocommerce-product-gallery .wp-post-image, body.single-product .woocommerce-product-gallery img { max-width: 100% !important; height: auto !important; } body.single-product .woocommerce-product-gallery ol.flex-control-nav.flex-control-thumbs{ margin: 14px 0 0 !important; padding: 14px 0 0 !important; border-top: 1px solid #eee !important; } body.single-product .woocommerce-product-gallery ol.flex-control-nav.flex-control-thumbs, body.single-product div.product ol.flex-control-nav.flex-control-thumbs, body.single-product div.images ol.flex-control-nav.flex-control-thumbs, body.single-product .woocommerce div.product div.images ol.flex-control-nav.flex-control-thumbs{ display: flex !important; flex-wrap: wrap !important; justify-content: space-between !important; align-items: stretch !important; list-style: none !important; height: auto !important; max-height: none !important; overflow: visible !important; padding-left: 0 !important; margin-left: 0 !important; width: 100% !important; box-sizing: border-box !important; } body.single-product .woocommerce-product-gallery ol.flex-control-nav.flex-control-thumbs > li, body.single-product div.product ol.flex-control-nav.flex-control-thumbs > li, body.single-product div.images ol.flex-control-nav.flex-control-thumbs > li, body.single-product .woocommerce div.product div.images ol.flex-control-nav.flex-control-thumbs > li{ float: none !important; margin: 0 0 12px 0 !important; padding: 0 !important; flex: 0 0 49% !important; width: 49% !important; max-width: 49% !important; background: #fbfbfb !important; border: 1px solid #e6e6e6 !important; border-radius: 10px !important; overflow: hidden !important; line-height: 0 !important; aspect-ratio: 16 / 9 !important; box-sizing: border-box !important; } body.single-product .woocommerce-product-gallery ol.flex-control-nav.flex-control-thumbs > li:last-child:nth-child(odd), body.single-product div.product ol.flex-control-nav.flex-control-thumbs > li:last-child:nth-child(odd), body.single-product div.images ol.flex-control-nav.flex-control-thumbs > li:last-child:nth-child(odd), body.single-product .woocommerce div.product div.images ol.flex-control-nav.flex-control-thumbs > li:last-child:nth-child(odd){ margin-left: auto !important; margin-right: auto !important; } body.single-product .woocommerce-product-gallery ol.flex-control-nav.flex-control-thumbs li img.flex-active{ outline: 2px solid rgba(171,141,105,0.55) !important; outline-offset: -2px !important; } body.single-product .woocommerce-product-gallery ol.flex-control-nav.flex-control-thumbs li img, body.single-product div.product ol.flex-control-nav.flex-control-thumbs li img, body.single-product div.images ol.flex-control-nav.flex-control-thumbs li img, body.single-product .woocommerce div.product div.images .flex-control-thumbs li img{ display: block !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; padding: 10px !important; box-sizing: border-box !important; background: transparent !important; } @media (max-width: 767px){ body.single-product .woocommerce-product-gallery { padding: 12px !important; } body.single-product .woocommerce-product-gallery ol.flex-control-nav.flex-control-thumbs{ margin-top: 12px !important; padding-top: 12px !important; } body.single-product .woocommerce-product-gallery ol.flex-control-nav.flex-control-thumbs > li{ flex: 0 0 49% !important; width: 49% !important; margin-bottom: 10px !important; } body.single-product .woocommerce-product-gallery ol.flex-control-nav.flex-control-thumbs li img{ padding: 8px !important; } } /* ========================================================= 7) REMOVE HUGE WHITE GAP unterhalb vom Bereich (Theme-Höhe) ========================================================= */ body.single-product div.row.product-page.clearfix{ height: auto !important; min-height: 0 !important; padding-bottom: 0 !important; margin-bottom: 0 !important; } body.single-product .woocommerce div.product.prodpage-style2, body.single-product .woocommerce div.product.prodpage-style2 .product-page{ height: auto !important; min-height: 0 !important; padding-bottom: 0 !important; margin-bottom: 0 !important; } body.single-product .woocommerce div.product .single_product_main_image, body.single-product .woocommerce div.product .main-data, body.single-product .woocommerce div.product .summary, body.single-product .woocommerce div.product .entry-summary, body.single-product .woocommerce div.product .main-data.col-sm-5, body.single-product .woocommerce div.product .single_product_main_image.col-sm-7{ height: auto !important; min-height: 0 !important; padding-bottom: 0 !important; margin-bottom: 0 !important; } body.single-product .woocommerce div.product .entry-summary > *:last-child{ margin-bottom: 0 !important; } body.single-product .woocommerce-tabs, body.single-product .woocommerce div.product .woocommerce-tabs-wrapper{ margin-top: 18px !important; } /* PARTNER VON */ .oc-partner-box{ text-align: left !important; } .oc-partner-box .image_box_title, .oc-partner-box .zn_image_box_title, .oc-partner-box .zn-imageBox-title, .oc-partner-box h1, .oc-partner-box h2, .oc-partner-box h3, .oc-partner-box h4, .oc-partner-box h5, .oc-partner-box h6{ color: #fff !important; font-size: 14px !important; line-height: 1.2 !important; margin: 0 0 8px 0 !important; letter-spacing: .6px; text-transform: uppercase; } .oc-partner-box img{ display: block !important; margin-left: 0 !important; margin-right: auto !important; width: auto !important; max-width: 140px !important; max-height: 140px !important; height: auto !important; object-fit: contain !important; } /* --------------------------------------------------------- SOLD OUT: "Produkt reservieren" ausblenden --------------------------------------------------------- */ body.single-product .product.outofstock .oc-reserve-form, body.single-product .product.outofstock .oc-reserve-btn, body.single-product .product.outofstock .oc-reserve-hint{ display: none !important; } /* Fallback falls das Theme die outofstock-Klasse am BODY setzt */ body.single-product.outofstock .oc-reserve-form, body.single-product.outofstock .oc-reserve-btn, body.single-product.outofstock .oc-reserve-hint{ display: none !important; } Lensy Care 8 Shop - Optica Claudio
Sale! -30.6%

Lensy Care 8

ab CHF12.00

inkl. MwSt. • ab CHF 100.– kostenloser Versand
Inhalt:

Beschreibung

Lensy Care 8

Lensy Care 8 entfernt Fettablagerungen und ist eine Reinigungsergänzung mit Isopropylalkohol. Es ist für alle Arten von Kontaktlinsen einsetzbar.

https://lensy.ch/de/

Zusätzliche Informationen

Marke

Typ

Inhalt

,

Rezensionen

Es gibt noch keine Rezensionen.

Schreibe die erste Rezension für „Lensy Care 8“

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert


TOP
Optica Claudio
Datenschutzübersicht

Diese Website verwendet Cookies, um Ihnen die bestmögliche Nutzererfahrung zu bieten. Cookie-Informationen werden in Ihrem Browser gespeichert und führen Funktionen wie die Wiedererkennung auf Ihrer Website aus und helfen unserem Team dabei, zu verstehen, welche Bereiche der Website für Sie am interessantesten und nützlichsten sind.

Sie können alle Ihre Cookie-Einstellungen anpassen, indem Sie auf die Registerkarten auf der linken Seite navigieren.