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.
/* ========================================================= 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; }

![]()
Der Optiker im Engadin
Tel: +41 (0) 81 864 99 77
Email: info@opticaclaudio.ch
Optica Claudio SA
Stradun 406, 7550 Scuol
Rezensionen
Es gibt noch keine Rezensionen.