/* ============================================================== KARTA PRODUKTU — nowy układ Style ograniczone klasą .mp-nowa-karta na , więc nie wyciekają na produkty spoza objętych kategorii. Paleta: #141210, #BFA08E, #D1BAA9, #6C6866, biel. ============================================================== */ .mp-nowa-karta{ --czern:#141210; --zloty:#BFA08E; --tekst:#6C6866; --linia:rgba(191,160,142,.36); --tlo:#FAF7F5; --r:12px; } /* Zbędny blok okrągłych skrótów kategorii na kartach produktów. */ body.mp-nowa-karta .mp-produkt-kategorie-ukryte{display:none !important} /* Jednolity, delikatny promień dla fotografii w treści produktu. Nagłówek i logo znajdują się poza .site-main, więc pozostają bez zmian. */ body.mp-nowa-karta .site-main img, body.mp-nowa-karta main img, body.mp-nowa-karta div.product img{ border-radius:12px; } /* --- galeria przyklejona przy przewijaniu --- */ @media (min-width:1001px){ /* szablon produktu zbudowany jest w Elementorze — przyklejamy kolumnę zawierającą widget galerii, a nie samo div.images */ .mp-nowa-karta .elementor-column:has(.woocommerce-product-gallery){ position:sticky; top:110px; align-self:flex-start; } /* zapasowo, gdy przeglądarka nie zna :has() */ .mp-nowa-karta .mp-lepka-kolumna{ position:sticky; top:110px; align-self:flex-start; } .mp-nowa-karta .elementor-container:has(.mp-lepka-kolumna){align-items:flex-start} } /* --- licznik zdjęć w rogu --- */ .mp-nowa-karta .woocommerce-product-gallery{position:relative} .mp-nowa-karta .mp-licznik{ position:absolute;right:14px;top:14px;z-index:5; background:rgba(20,18,16,.62);color:#fff;border-radius:999px; padding:5px 12px;font-size:12px;letter-spacing:.06em; font-family:'Outfit',ui-sans-serif,system-ui,sans-serif; } /* --- miniatury przygaszone do najechania --- */ .mp-nowa-karta div.product div.images .flex-control-thumbs{ opacity:.4;transition:opacity .25s ease; } .mp-nowa-karta div.product div.images:hover .flex-control-thumbs, .mp-nowa-karta div.product div.images:focus-within .flex-control-thumbs{opacity:1} /* --- cena --- */ .mp-nowa-karta div.product .summary .price, .mp-nowa-karta .elementor-widget-woocommerce-product-price .price{ font-family:'Outfit',ui-sans-serif,system-ui,sans-serif !important; font-size:34px !important; font-weight:400 !important; letter-spacing:-.02em; color:var(--czern) !important; line-height:1.1; } /* rozmiar musi objąć też znaczniki wewnętrzne — bdi ma własną regułę motywu */ .mp-nowa-karta div.product .summary .price bdi, .mp-nowa-karta .elementor-widget-woocommerce-product-price .price bdi, .mp-nowa-karta .elementor-widget-woocommerce-product-price .price ins, .mp-nowa-karta .elementor-widget-woocommerce-product-price .price > span{ font-size:inherit !important; font-family:inherit !important; font-weight:inherit !important; color:inherit !important; } .mp-nowa-karta .price small, .mp-nowa-karta .price .woocommerce-price-suffix{ display:block;font-size:13.5px !important;color:var(--tekst) !important; font-family:'DM Sans',ui-sans-serif,system-ui,sans-serif !important;margin-top:4px; } /* --- kroki personalizacji --- */ .mp-nowa-karta .wcpa_form_outer .wcpa_section{ border-bottom:1px solid var(--linia); padding:0;margin:0; } /* Motyw stylizuje wszystkie