/* ===================================================================== ENIGMA · zimowa szata sklepu · zima-sklep.css v1.6 (5.11.2026) Gdzie działa: strona główna, strony treści (Kontakt, regulaminy, poradniki, od v1.5), kategorie, listingi (producent, wyszukiwarka, nowości, promocje, bestsellery), karty produktu oraz koszyk, kasa, logowanie i konto klienta (od v1.6; w koszyku i kasie bez padającego śniegu). Co robi: 1. granatowe zimowe tło przyklejone do okna, 2. miejsce na śnieg (rysuje go zima-sklep.js), 3. przezroczysty nagłówek; po przewinięciu granatowe szkło (pasek „Stwórz swój wzór” pod logo bez jasnego tła na telefonie), 4. rozwijane menu jako granatowe szkło zamiast czarnego panelu, także wysuwane menu na telefonie i tablecie, 5. przezroczysta stopka ze złotą linią, 6. lodowa ramka na kaflach produktów (także duże kafle i polecane), 7. czarne tło zdjęcia na karcie produktu wygasza się w tło strony, 8. obecne banery kategorii wygaszone u góry i u dołu, 9. zimowe banery 23 kategorii (rysuje je zima-banery.js), 10. strona „Zdążymy przed Wigilią?” (tabela terminów, zima-terminy.js), 11. strona główna: czarne tła pod treścią przezroczyste (od v1.4), 12. strony treści: czarne tła pod treścią przezroczyste (od v1.5), 13. szron na sliderze projektów FORGE na stronie głównej (od v1.5), 14. koszyk, kasa i konto klienta: panele kasy jako granatowe szkło, jasne komunikaty ciemne z kolorową obwódką (od v1.6). Wyłączenie po sezonie: wgrać head.tpl z folderu NORMALNY (CZYTAJ.txt). ===================================================================== */ /* 1. Tło strony. Przyklejona warstwa zamiast background-attachment:fixed, bo iPhone ignoruje fixed i rozciągał tło na całą długość strony. */ body:is(.page-index,.page-cms,.page-contact,.page-sitemap,.page-stores,.page-pagenotfound,.page-category,.page-product,.page-manufacturer,.page-supplier,.page-search,.page-best-sales,.page-new-products,.page-prices-drop,.page-cart,.page-order,.page-order-confirmation,.page-customer-account,.page-addresses,.page-authentication,.page-registration,.page-password,.page-guest-tracking,.page-order-follow,[id="module-ps_emailalerts-account"],[id="module-x13withdrawals-withdrawals"]){background:transparent!important} body:is(.page-index,.page-cms,.page-contact,.page-sitemap,.page-stores,.page-pagenotfound,.page-category,.page-product,.page-manufacturer,.page-supplier,.page-search,.page-best-sales,.page-new-products,.page-prices-drop,.page-cart,.page-order,.page-order-confirmation,.page-customer-account,.page-addresses,.page-authentication,.page-registration,.page-password,.page-guest-tracking,.page-order-follow,[id="module-ps_emailalerts-account"],[id="module-x13withdrawals-withdrawals"])::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;pointer-events:none; background:#0a1120 url(../img/zima/tlo-zima-2560.webp) 50% 0/cover no-repeat} @media (max-width:991.98px){body:is(.page-index,.page-cms,.page-contact,.page-sitemap,.page-stores,.page-pagenotfound,.page-category,.page-product,.page-manufacturer,.page-supplier,.page-search,.page-best-sales,.page-new-products,.page-prices-drop,.page-cart,.page-order,.page-order-confirmation,.page-customer-account,.page-addresses,.page-authentication,.page-registration,.page-password,.page-guest-tracking,.page-order-follow,[id="module-ps_emailalerts-account"],[id="module-x13withdrawals-withdrawals"])::before{background-image:url(../img/zima/tlo-zima-1280.webp)}} body:is(.page-index,.page-cms,.page-contact,.page-sitemap,.page-stores,.page-pagenotfound,.page-category,.page-product,.page-manufacturer,.page-supplier,.page-search,.page-best-sales,.page-new-products,.page-prices-drop,.page-cart,.page-order,.page-order-confirmation,.page-customer-account,.page-addresses,.page-authentication,.page-registration,.page-password,.page-guest-tracking,.page-order-follow,[id="module-ps_emailalerts-account"],[id="module-x13withdrawals-withdrawals"]) main#main,body:is(.page-index,.page-cms,.page-contact,.page-sitemap,.page-stores,.page-pagenotfound,.page-category,.page-product,.page-manufacturer,.page-supplier,.page-search,.page-best-sales,.page-new-products,.page-prices-drop,.page-cart,.page-order,.page-order-confirmation,.page-customer-account,.page-addresses,.page-authentication,.page-registration,.page-password,.page-guest-tracking,.page-order-follow,[id="module-ps_emailalerts-account"],[id="module-x13withdrawals-withdrawals"]) section#main{background:transparent!important} /* 2. Śnieg: canvas wstawiany przez zima-sklep.js, pod całą treścią strony */ .ekb-snieg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none} /* 3. Nagłówek przezroczysty. Po przewinięciu przyklejone paski dostają granatowe szkło. Pasek menu ma szkło na ::after, nie na sobie — inaczej rozwijane menu (jego dziecko) nie mogłoby rozmyć strony. */ body:is(.page-index,.page-cms,.page-contact,.page-sitemap,.page-stores,.page-pagenotfound,.page-category,.page-product,.page-manufacturer,.page-supplier,.page-search,.page-best-sales,.page-new-products,.page-prices-drop,.page-cart,.page-order,.page-order-confirmation,.page-customer-account,.page-addresses,.page-authentication,.page-registration,.page-password,.page-guest-tracking,.page-order-follow,[id="module-ps_emailalerts-account"],[id="module-x13withdrawals-withdrawals"]) .header-top,body:is(.page-index,.page-cms,.page-contact,.page-sitemap,.page-stores,.page-pagenotfound,.page-category,.page-product,.page-manufacturer,.page-supplier,.page-search,.page-best-sales,.page-new-products,.page-prices-drop,.page-cart,.page-order,.page-order-confirmation,.page-customer-account,.page-addresses,.page-authentication,.page-registration,.page-password,.page-guest-tracking,.page-order-follow,[id="module-ps_emailalerts-account"],[id="module-x13withdrawals-withdrawals"]) .header-top__content,body:is(.page-index,.page-cms,.page-contact,.page-sitemap,.page-stores,.page-pagenotfound,.page-category,.page-product,.page-manufacturer,.page-supplier,.page-search,.page-best-sales,.page-new-products,.page-prices-drop,.page-cart,.page-order,.page-order-confirmation,.page-customer-account,.page-addresses,.page-authentication,.page-registration,.page-password,.page-guest-tracking,.page-order-follow,[id="module-ps_emailalerts-account"],[id="module-x13withdrawals-withdrawals"]) #menu-enigma, body:is(.page-index,.page-cms,.page-contact,.page-sitemap,.page-stores,.page-pagenotfound,.page-category,.page-product,.page-manufacturer,.page-supplier,.page-search,.page-best-sales,.page-new-products,.page-prices-drop,.page-cart,.page-order,.page-order-confirmation,.page-customer-account,.page-addresses,.page-authentication,.page-registration,.page-password,.page-guest-tracking,.page-order-follow,[id="module-ps_emailalerts-account"],[id="module-x13withdrawals-withdrawals"]) #menu-enigma .header__info-content>div[style*="background"]{background:transparent!important} /* Pasek „Stwórz swój wzór na żywo” pod logo: na telefonie (do 767 px) moduł menu daje mu jasnoszare tło #f6f6f6, które przy przezroczystym nagłówku robiło biały pas. Przezroczysty na wszystkich stronach (od v1.3). */ #menu-enigma .header__info-container .container{background:transparent!important} body:is(.page-index,.page-cms,.page-contact,.page-sitemap,.page-stores,.page-pagenotfound,.page-category,.page-product,.page-manufacturer,.page-supplier,.page-search,.page-best-sales,.page-new-products,.page-prices-drop,.page-cart,.page-order,.page-order-confirmation,.page-customer-account,.page-addresses,.page-authentication,.page-registration,.page-password,.page-guest-tracking,.page-order-follow,[id="module-ps_emailalerts-account"],[id="module-x13withdrawals-withdrawals"]) .search-form__input{background:rgba(255,255,255,.04)!important} body:is(.page-index,.page-cms,.page-contact,.page-sitemap,.page-stores,.page-pagenotfound,.page-category,.page-product,.page-manufacturer,.page-supplier,.page-search,.page-best-sales,.page-new-products,.page-prices-drop,.page-cart,.page-order,.page-order-confirmation,.page-customer-account,.page-addresses,.page-authentication,.page-registration,.page-password,.page-guest-tracking,.page-order-follow,[id="module-ps_emailalerts-account"],[id="module-x13withdrawals-withdrawals"]) .header-top__content.sticky-menu{background:rgba(6,11,22,.84)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)} body:is(.page-index,.page-cms,.page-contact,.page-sitemap,.page-stores,.page-pagenotfound,.page-category,.page-product,.page-manufacturer,.page-supplier,.page-search,.page-best-sales,.page-new-products,.page-prices-drop,.page-cart,.page-order,.page-order-confirmation,.page-customer-account,.page-addresses,.page-authentication,.page-registration,.page-password,.page-guest-tracking,.page-order-follow,[id="module-ps_emailalerts-account"],[id="module-x13withdrawals-withdrawals"]) #menu-enigma.scroll_heading::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;pointer-events:none; background:rgba(6,11,22,.84);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)} /* 4. Rozwijane menu (poziome menu działa od 1200 px): pełnoszeroki panel pod podkategoriami jako granatowe szkło z rozmyciem i złotą kreską. Animację pojawiania przenosimy z panelu na jego zawartość: animacja modułu na samym panelu (fadeinup, fill both) blokowała rozmycie tła. Najechana pozycja menu bez czarnego prostokąta. */ @media (min-width:1200px){ body:is(.page-index,.page-cms,.page-contact,.page-sitemap,.page-stores,.page-pagenotfound,.page-category,.page-product,.page-manufacturer,.page-supplier,.page-search,.page-best-sales,.page-new-products,.page-prices-drop,.page-cart,.page-order,.page-order-confirmation,.page-customer-account,.page-addresses,.page-authentication,.page-registration,.page-password,.page-guest-tracking,.page-order-follow,[id="module-ps_emailalerts-account"],[id="module-x13withdrawals-withdrawals"]) #menu-enigma .mm_columns_ul{box-shadow:none!important;animation:none!important} body:is(.page-index,.page-cms,.page-contact,.page-sitemap,.page-stores,.page-pagenotfound,.page-category,.page-product,.page-manufacturer,.page-supplier,.page-search,.page-best-sales,.page-new-products,.page-prices-drop,.page-cart,.page-order,.page-order-confirmation,.page-customer-account,.page-addresses,.page-authentication,.page-registration,.page-password,.page-guest-tracking,.page-order-follow,[id="module-ps_emailalerts-account"],[id="module-x13withdrawals-withdrawals"]) #menu-enigma .mm_columns_ul>li{animation:ekbMenuWejscie .3s ease-out both} body:is(.page-index,.page-cms,.page-contact,.page-sitemap,.page-stores,.page-pagenotfound,.page-category,.page-product,.page-manufacturer,.page-supplier,.page-search,.page-best-sales,.page-new-products,.page-prices-drop,.page-cart,.page-order,.page-order-confirmation,.page-customer-account,.page-addresses,.page-authentication,.page-registration,.page-password,.page-guest-tracking,.page-order-follow,[id="module-ps_emailalerts-account"],[id="module-x13withdrawals-withdrawals"]) #menu-enigma .mm_columns_ul::before{background:rgba(7,12,25,.66)!important; -webkit-backdrop-filter:blur(18px) saturate(1.15);backdrop-filter:blur(18px) saturate(1.15); border-bottom:1px solid rgba(201,169,106,.22);box-shadow:0 26px 50px -18px rgba(2,6,16,.55)} body:is(.page-index,.page-cms,.page-contact,.page-sitemap,.page-stores,.page-pagenotfound,.page-category,.page-product,.page-manufacturer,.page-supplier,.page-search,.page-best-sales,.page-new-products,.page-prices-drop,.page-cart,.page-order,.page-order-confirmation,.page-customer-account,.page-addresses,.page-authentication,.page-registration,.page-password,.page-guest-tracking,.page-order-follow,[id="module-ps_emailalerts-account"],[id="module-x13withdrawals-withdrawals"]) #menu-enigma .mm_menus_li>a.ets_mm_url{background:transparent!important} } @keyframes ekbMenuWejscie{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}} /* 4b. Wysuwane menu na telefonie i tablecie (do 1199 px): to samo granatowe szkło z rozmyciem co na komputerze, ze złotą kreską przy krawędzi (od v1.3). Strzałki i krzyżyk modułu to obrazki z czarnym kwadratem, więc na szkle rysujemy własne. Otwarte podmenu przykrywa listę, która chowa się pod nim. Przeglądarki bez :has (sprzed 2022) zostają przy czarnym menu. */ @supports selector(:has(*)){ @media (max-width:1199.98px){ body:is(.page-index,.page-cms,.page-contact,.page-sitemap,.page-stores,.page-pagenotfound,.page-category,.page-product,.page-manufacturer,.page-supplier,.page-search,.page-best-sales,.page-new-products,.page-prices-drop,.page-cart,.page-order,.page-order-confirmation,.page-customer-account,.page-addresses,.page-authentication,.page-registration,.page-password,.page-guest-tracking,.page-order-follow,[id="module-ps_emailalerts-account"],[id="module-x13withdrawals-withdrawals"]) #menu-enigma ul.mm_menus_ul{background:rgba(7,12,25,.72)!important;-webkit-backdrop-filter:blur(18px) saturate(1.15);backdrop-filter:blur(18px) saturate(1.15); border-right:1px solid rgba(201,169,106,.22);box-shadow:18px 0 50px -18px rgba(2,6,16,.6)} body:is(.page-index,.page-cms,.page-contact,.page-sitemap,.page-stores,.page-pagenotfound,.page-category,.page-product,.page-manufacturer,.page-supplier,.page-search,.page-best-sales,.page-new-products,.page-prices-drop,.page-cart,.page-order,.page-order-confirmation,.page-customer-account,.page-addresses,.page-authentication,.page-registration,.page-password,.page-guest-tracking,.page-order-follow,[id="module-ps_emailalerts-account"],[id="module-x13withdrawals-withdrawals"]) #menu-enigma ul.mm_menus_ul>li.close_menu{background:transparent!important} body:is(.page-index,.page-cms,.page-contact,.page-sitemap,.page-stores,.page-pagenotfound,.page-category,.page-product,.page-manufacturer,.page-supplier,.page-search,.page-best-sales,.page-new-products,.page-prices-drop,.page-cart,.page-order,.page-order-confirmation,.page-customer-account,.page-addresses,.page-authentication,.page-registration,.page-password,.page-guest-tracking,.page-order-follow,[id="module-ps_emailalerts-account"],[id="module-x13withdrawals-withdrawals"]) #menu-enigma ul.mm_menus_ul>li.close_menu img[src*="menu-c"]{object-position:-99em 0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 2l12 12M14 2 2 14' fill='none' stroke='%23e8e2d4' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E") 50% 50%/17px 17px no-repeat} body:is(.page-index,.page-cms,.page-contact,.page-sitemap,.page-stores,.page-pagenotfound,.page-category,.page-product,.page-manufacturer,.page-supplier,.page-search,.page-best-sales,.page-new-products,.page-prices-drop,.page-cart,.page-order,.page-order-confirmation,.page-customer-account,.page-addresses,.page-authentication,.page-registration,.page-password,.page-guest-tracking,.page-order-follow,[id="module-ps_emailalerts-account"],[id="module-x13withdrawals-withdrawals"]) #menu-enigma ul.mm_menus_ul span.arrow{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 18'%3E%3Cpath d='M1.5 1.5 8.5 9l-7 7.5' fill='none' stroke='%23cfc7b6' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-size:9px 16px!important} body:is(.page-index,.page-cms,.page-contact,.page-sitemap,.page-stores,.page-pagenotfound,.page-category,.page-product,.page-manufacturer,.page-supplier,.page-search,.page-best-sales,.page-new-products,.page-prices-drop,.page-cart,.page-order,.page-order-confirmation,.page-customer-account,.page-addresses,.page-authentication,.page-registration,.page-password,.page-guest-tracking,.page-order-follow,[id="module-ps_emailalerts-account"],[id="module-x13withdrawals-withdrawals"]) #menu-enigma ul.mm_menus_ul li.mm_columns_ul-mobile-title{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 18'%3E%3Cpath d='M8.5 1.5 1.5 9l7 7.5' fill='none' stroke='%23cfc7b6' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-size:9px 16px!important} body:is(.page-index,.page-cms,.page-contact,.page-sitemap,.page-stores,.page-pagenotfound,.page-category,.page-product,.page-manufacturer,.page-supplier,.page-search,.page-best-sales,.page-new-products,.page-prices-drop,.page-cart,.page-order,.page-order-confirmation,.page-customer-account,.page-addresses,.page-authentication,.page-registration,.page-password,.page-guest-tracking,.page-order-follow,[id="module-ps_emailalerts-account"],[id="module-x13withdrawals-withdrawals"]) #menu-enigma ul.mm_menus_ul .mm_columns_ul{border-color:transparent!important;box-shadow:none!important} body:is(.page-index,.page-cms,.page-contact,.page-sitemap,.page-stores,.page-pagenotfound,.page-category,.page-product,.page-manufacturer,.page-supplier,.page-search,.page-best-sales,.page-new-products,.page-prices-drop,.page-cart,.page-order,.page-order-confirmation,.page-customer-account,.page-addresses,.page-authentication,.page-registration,.page-password,.page-guest-tracking,.page-order-follow,[id="module-ps_emailalerts-account"],[id="module-x13withdrawals-withdrawals"]) #menu-enigma ul.mm_menus_ul .mm_columns_ul::before{background:transparent!important} body:is(.page-index,.page-cms,.page-contact,.page-sitemap,.page-stores,.page-pagenotfound,.page-category,.page-product,.page-manufacturer,.page-supplier,.page-search,.page-best-sales,.page-new-products,.page-prices-drop,.page-cart,.page-order,.page-order-confirmation,.page-customer-account,.page-addresses,.page-authentication,.page-registration,.page-password,.page-guest-tracking,.page-order-follow,[id="module-ps_emailalerts-account"],[id="module-x13withdrawals-withdrawals"]) #menu-enigma ul.mm_menus_ul:has(.mm_columns_ul.active)>li{visibility:hidden} body:is(.page-index,.page-cms,.page-contact,.page-sitemap,.page-stores,.page-pagenotfound,.page-category,.page-product,.page-manufacturer,.page-supplier,.page-search,.page-best-sales,.page-new-products,.page-prices-drop,.page-cart,.page-order,.page-order-confirmation,.page-customer-account,.page-addresses,.page-authentication,.page-registration,.page-password,.page-guest-tracking,.page-order-follow,[id="module-ps_emailalerts-account"],[id="module-x13withdrawals-withdrawals"]) #menu-enigma ul.mm_menus_ul .mm_columns_ul.active{visibility:visible} } } /* 5. Stopka przezroczysta ze złotą linią u góry */ body:is(.page-index,.page-cms,.page-contact,.page-sitemap,.page-stores,.page-pagenotfound,.page-category,.page-product,.page-manufacturer,.page-supplier,.page-search,.page-best-sales,.page-new-products,.page-prices-drop,.page-cart,.page-order,.page-order-confirmation,.page-customer-account,.page-addresses,.page-authentication,.page-registration,.page-password,.page-guest-tracking,.page-order-follow,[id="module-ps_emailalerts-account"],[id="module-x13withdrawals-withdrawals"]) #footer .footer{background:transparent!important} body:is(.page-index,.page-cms,.page-contact,.page-sitemap,.page-stores,.page-pagenotfound,.page-category,.page-product,.page-manufacturer,.page-supplier,.page-search,.page-best-sales,.page-new-products,.page-prices-drop,.page-cart,.page-order,.page-order-confirmation,.page-customer-account,.page-addresses,.page-authentication,.page-registration,.page-password,.page-guest-tracking,.page-order-follow,[id="module-ps_emailalerts-account"],[id="module-x13withdrawals-withdrawals"]) #footer .footer::before{content:"";display:block;height:1px;margin:0 auto;max-width:1750px; background:linear-gradient(90deg,rgba(201,169,106,0),rgba(201,169,106,.55),rgba(201,169,106,0))} /* 6. Lodowa ramka na kaflach (od v1.2 zamiast szronu: szron odciągał uwagę od wyrobu). Cienka lodowa linia i lekka poświata przy krawędzi, zdjęcie produktu zostaje czyste. Kwadrat liczony od wysokości kafla, żeby ramka obejmowała zdjęcie, a nie puste miejsce obok. */ body:is(.page-category,.page-product,.page-manufacturer,.page-supplier,.page-search,.page-best-sales,.page-new-products,.page-prices-drop) .product-miniature__thumb{position:relative} body:is(.page-category,.page-product,.page-manufacturer,.page-supplier,.page-search,.page-best-sales,.page-new-products,.page-prices-drop) .product-miniature .wr{position:relative} body:is(.page-category,.page-product,.page-manufacturer,.page-supplier,.page-search,.page-best-sales,.page-new-products,.page-prices-drop) .product-miniature__thumb::after,body:is(.page-category,.page-product,.page-manufacturer,.page-supplier,.page-search,.page-best-sales,.page-new-products,.page-prices-drop) .product-miniature .wr::after{content:"";position:absolute;top:0;left:0;bottom:0;z-index:3;pointer-events:none; box-shadow:inset 0 0 0 1px rgba(214,228,255,.16),inset 0 0 26px rgba(160,190,240,.10)} body:is(.page-category,.page-product,.page-manufacturer,.page-supplier,.page-search,.page-best-sales,.page-new-products,.page-prices-drop) .product-miniature__thumb::after{aspect-ratio:1/1;max-width:100%} body:is(.page-category,.page-product,.page-manufacturer,.page-supplier,.page-search,.page-best-sales,.page-new-products,.page-prices-drop) .product-miniature .wr::after{right:10px} /* 7. Karta produktu: czarne tło głównego zdjęcia wygasza się w zimowe tło */ body:is(.page-category,.page-product,.page-manufacturer,.page-supplier,.page-search,.page-best-sales,.page-new-products,.page-prices-drop) .product-main-images{-webkit-mask-image:radial-gradient(ellipse 62% 74% at 50% 54%,#000 52%,transparent 100%); mask-image:radial-gradient(ellipse 62% 74% at 50% 54%,#000 52%,transparent 100%)} /* 8. Obecne banery kategorii (Creative Slider): góra i dół wygaszone w tło, żeby czarny baner nie stał jak klocek na granatowej stronie. Działa do czasu podmiany na nowe wideo-banery, potem nie przeszkadza. */ body:is(.page-category,.page-product,.page-manufacturer,.page-supplier,.page-search,.page-best-sales,.page-new-products,.page-prices-drop) .header-banner{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 7%,#000 80%,transparent 100%); mask-image:linear-gradient(to bottom,transparent 0,#000 7%,#000 80%,transparent 100%)} /* 9. Zimowe banery kategorii (zima-banery.js). Na 23 kategoriach z nowym banerem stary baner z Creative Slidera chowamy od razu w CSS, żeby nie mignął przed wczytaniem skryptu. Telefon: zdjęcie 4:5, tekst pod spodem. Od 768 px szerokości: kadr 12:5, zdjęcie 2,35:1 po prawej, tekst po lewej. Wersje przenikają się (klasa ekb-wid). */ body.page-category:is(.category-id-13,.category-id-14,.category-id-15,.category-id-12,.category-id-31,.category-id-80,.category-id-46,.category-id-33,.category-id-54,.category-id-28,.category-id-94,.category-id-79,.category-id-45,.category-id-41,.category-id-92,.category-id-95,.category-id-52,.category-id-55,.category-id-122,.category-id-91,.category-id-30,.category-id-90,.category-id-85) .header-banner{display:none!important} #ekbBaner .ekb{container-type:inline-size;color:#EDEAE3;font-family:"Helvetica Neue",Inter,Helvetica,Arial,sans-serif;line-height:1.5} #ekbBaner .ekb *{box-sizing:border-box} #ekbBaner .ekb-b{position:relative;margin:0} #ekbBaner .ekb-m{position:relative;width:100%;aspect-ratio:4/5;overflow:hidden; -webkit-mask-image:linear-gradient(to top,transparent 0,#000 30%);mask-image:linear-gradient(to top,transparent 0,#000 30%)} #ekbBaner .ekb-foto{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden} #ekbBaner .ekb-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block;transform-origin:50% 45%; opacity:0;transition:opacity 1.2s ease} #ekbBaner .ekb-img.ekb-wid{opacity:1} #ekbBaner .ekb-ruch .ekb-img{animation:ekbNajazd 30s ease-in-out infinite alternate} @keyframes ekbNajazd{from{transform:scale(1)}to{transform:scale(1.07)}} #ekbBaner .ekb-snieg-b{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2} #ekbBaner .ekb-hit{position:absolute;top:0;left:0;right:0;bottom:0;z-index:3} #ekbBaner .ekb-t{position:relative;z-index:3;margin-top:-22px;padding:0 20px 32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px} #ekbBaner .ekb-eb{font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:#BFB59A} #ekbBaner .ekb-h{margin:0;font-size:22px;line-height:1.4;letter-spacing:.14em;text-transform:uppercase;font-weight:400;color:#EDEAE3} #ekbBaner .ekb-h span{display:block;color:#D6C9A3} #ekbBaner .ekb-btn{display:inline-block;margin-top:6px;padding:14px 34px;border:.8px solid rgba(237,234,227,.7);color:#EDEAE3!important;font-size:10.5px;letter-spacing:.22em; text-transform:uppercase;text-decoration:none!important;background:rgba(0,0,0,.15);transition:background .25s,color .25s,border-color .25s} #ekbBaner .ekb-btn:hover,#ekbBaner .ekb-btn:focus-visible{background:#EDEAE3;color:#000!important;border-color:#EDEAE3} #ekbBaner .ekb-tm{font-size:11px;letter-spacing:.06em;color:#BFB59A} @container (min-width:768px){ #ekbBaner .ekb-m{aspect-ratio:12/5;max-height:78vh; -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 7%,#000 76%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 7%,#000 76%,transparent 100%)} #ekbBaner .ekb-foto{left:auto;aspect-ratio:2.35/1;max-width:100%; -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18%);mask-image:linear-gradient(90deg,transparent 0,#000 18%)} #ekbBaner .ekb-foto::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:1; background:linear-gradient(90deg,rgba(5,9,18,.75) 0%,rgba(5,9,18,.45) 22%,rgba(5,9,18,.12) 40%,rgba(5,9,18,0) 52%)} #ekbBaner .ekb-img{object-position:62% 50%;transform-origin:66% 50%} #ekbBaner .ekb-t{position:absolute;left:max(10cqi,calc((100cqi - 1840px) / 2));top:50%;transform:translateY(-50%);margin:0;padding:0;text-align:left; align-items:flex-start;max-width:min(32cqi,520px);gap:clamp(10px,1.05cqi,18px)} #ekbBaner .ekb-eb{font-size:clamp(10px,.72cqi,12px)} #ekbBaner .ekb-h{font-size:clamp(22px,2.15cqi,40px)} #ekbBaner .ekb-btn{font-size:clamp(10.5px,.75cqi,12px);padding:clamp(13px,1cqi,17px) clamp(30px,2.4cqi,42px)} #ekbBaner .ekb-tm{font-size:clamp(11px,.78cqi,13px)} } @media (prefers-reduced-motion:reduce){#ekbBaner .ekb-img{transition:none}} /* 10. Termin pod przyciskiem banera jako link do karty podarunkowej oraz strona „Zdążymy przed Wigilią?”: blok
w treści strony CMS, tabelę rysuje zima-terminy.js. */ #ekbBaner a.ekb-tm{color:#D6C9A3!important;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px} #ekbBaner a.ekb-tm:hover,#ekbBaner a.ekb-tm:focus-visible{color:#EDEAE3!important} .ekb-terminy{max-width:760px;margin:24px auto 40px;font-family:"Helvetica Neue",Inter,Helvetica,Arial,sans-serif;color:#EDEAE3;text-align:left} .ekb-terminy .ekb-tr-dzis{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#BFB59A;margin:0 0 14px} .ekb-terminy .ekb-tr-pilne{border:1px solid rgba(201,169,106,.6);background:rgba(201,169,106,.10);color:#EDEAE3;padding:14px 18px;margin:0 0 18px;font-size:14px;line-height:1.6} .ekb-terminy .ekb-tr{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:center;padding:18px 0;border-top:1px solid rgba(237,234,227,.12)} .ekb-terminy .ekb-tr-co b{display:block;font-weight:500;font-size:15px;letter-spacing:.04em;color:#EDEAE3} .ekb-terminy .ekb-tr-co span{display:block;font-size:13px;line-height:1.5;color:#9C978C;margin-top:4px} .ekb-terminy .ekb-tr-stan{font-size:14px;line-height:1.5;display:flex;gap:10px;align-items:flex-start;color:#EDEAE3} .ekb-terminy .ekb-tr-stan i{flex:0 0 8px;height:8px;border-radius:50%;margin-top:6px;background:#6FBF8E} .ekb-terminy .ekb-tr-po .ekb-tr-stan{color:#BFB59A} .ekb-terminy .ekb-tr-po .ekb-tr-stan i{background:#B5654F} .ekb-terminy .ekb-tr-btn{display:inline-block;margin-top:24px;padding:14px 34px;border:.8px solid rgba(237,234,227,.7);color:#EDEAE3!important;font-size:11px;letter-spacing:.22em;text-transform:uppercase;text-decoration:none!important;transition:background .25s,color .25s} .ekb-terminy .ekb-tr-btn:hover,.ekb-terminy .ekb-tr-btn:focus-visible{background:#EDEAE3;color:#000!important} @media (max-width:600px){.ekb-terminy .ekb-tr{grid-template-columns:1fr;gap:8px}} /* 11. Strona główna (od v1.4): tło, śnieg, nagłówek, menu i stopka jak na kategoriach (sekcje 1–5). Czarne tła pod treścią strony głównej (Creative Elements i blok .egh) robią się przezroczyste, żeby było widać zimowe tło. Zdjęcia i filmy w sekcjach zostają bez zmian. */ body.page-index #wrapper,body.page-index #content.page-home,body.page-index #content .elementor, body.page-index .egh,body.page-index .egh>section,body.page-index .egh>div{background-color:transparent!important} /* 12. Strony treści (od v1.5): Kontakt, strony CMS (regulaminy, poradniki, „Zdążymy przed Wigilią?”), mapa strony, sklepy, 404. Tło, śnieg, nagłówek, menu i stopka jak na kategoriach (sekcje 1–5); ciemne bloki pod tekstem (#enigma-doc, #polityka-enigma, Creative Elements) robią się przezroczyste. Zdjęcia i nagłówki ze zdjęciem (np. O nas) bez zmian. */ body:is(.page-cms,.page-contact,.page-sitemap,.page-stores,.page-pagenotfound) :is(#wrapper,#content,#content .elementor,#enigma-doc,#polityka-enigma){background-color:transparent!important} /* 13. Szron na sliderze projektów ENIGMA FORGE na stronie głównej (od v1.5): wersja przygaszona – szron tylko przy krawędziach zdjęcia, ok. 40%. 4 obrazy szronu na zmianę, żeby kafle nie wyglądały identycznie. */ body.page-index .egh-tasma a.egh-kadr{position:relative} body.page-index .egh-tasma a.egh-kadr::after{content:"";position:absolute;top:0;left:0;width:100%;aspect-ratio:4/5;z-index:2;pointer-events:none; background:url(../img/zima/szron-1.webp) 0 0/100% 100% no-repeat;opacity:.4; -webkit-mask-image:radial-gradient(ellipse at center,transparent 62%,#000 90%);mask-image:radial-gradient(ellipse at center,transparent 62%,#000 90%)} body.page-index .egh-tasma a.egh-kadr:nth-child(4n+2)::after{background-image:url(../img/zima/szron-2.webp)} body.page-index .egh-tasma a.egh-kadr:nth-child(4n+3)::after{background-image:url(../img/zima/szron-3.webp);transform:scaleX(-1)} body.page-index .egh-tasma a.egh-kadr:nth-child(4n+4)::after{background-image:url(../img/zima/szron-4.webp);transform:rotate(180deg)} /* 14. Koszyk, kasa i konto klienta (od v1.6). Tło, nagłówek, menu i stopka jak w reszcie sklepu (sekcje 1–5). W koszyku i kasie śnieg nie pada (pilnuje tego zima-sklep.js), na logowaniu i w koncie pada jak wszędzie. Ciemne panele kasy dostają granatowe szkło zamiast grafitu, a jasne komunikaty (np. „Zaakceptuj regulamin”) robią się ciemne z kolorową obwódką, żeby nie świeciły na granacie. Pola formularzy bez zmian. */ body:is(.page-cart,.page-order,.page-order-confirmation,.page-customer-account,.page-addresses,.page-authentication,.page-registration,.page-password,.page-guest-tracking,.page-order-follow,[id="module-ps_emailalerts-account"],[id="module-x13withdrawals-withdrawals"]) :is(.cart-items,.cart-summary,.form__radios-container){background:rgba(7,12,24,.78)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)} body:is(.page-cart,.page-order,.page-order-confirmation,.page-customer-account,.page-addresses,.page-authentication,.page-registration,.page-password,.page-guest-tracking,.page-order-follow,[id="module-ps_emailalerts-account"],[id="module-x13withdrawals-withdrawals"]) :is(.card.cart-container,.cart-summary .card-body){border-color:rgba(201,169,106,.18)!important} body:is(.page-cart,.page-order,.page-order-confirmation,.page-customer-account,.page-addresses,.page-authentication,.page-registration,.page-password,.page-guest-tracking,.page-order-follow,[id="module-ps_emailalerts-account"],[id="module-x13withdrawals-withdrawals"]) .alert:is(.alert-warning,.alert-info,.alert-success,.alert-danger){background:rgba(7,12,24,.82)!important;color:#e8e2d4!important;border:1px solid rgba(214,184,119,.5)!important;border-radius:8px} body:is(.page-cart,.page-order,.page-order-confirmation,.page-customer-account,.page-addresses,.page-authentication,.page-registration,.page-password,.page-guest-tracking,.page-order-follow,[id="module-ps_emailalerts-account"],[id="module-x13withdrawals-withdrawals"]) .alert.alert-info{border-color:rgba(132,166,222,.5)!important} body:is(.page-cart,.page-order,.page-order-confirmation,.page-customer-account,.page-addresses,.page-authentication,.page-registration,.page-password,.page-guest-tracking,.page-order-follow,[id="module-ps_emailalerts-account"],[id="module-x13withdrawals-withdrawals"]) .alert.alert-success{border-color:rgba(120,186,140,.55)!important} body:is(.page-cart,.page-order,.page-order-confirmation,.page-customer-account,.page-addresses,.page-authentication,.page-registration,.page-password,.page-guest-tracking,.page-order-follow,[id="module-ps_emailalerts-account"],[id="module-x13withdrawals-withdrawals"]) .alert.alert-danger{border-color:rgba(224,116,104,.65)!important} body:is(.page-cart,.page-order,.page-order-confirmation,.page-customer-account,.page-addresses,.page-authentication,.page-registration,.page-password,.page-guest-tracking,.page-order-follow,[id="module-ps_emailalerts-account"],[id="module-x13withdrawals-withdrawals"]) .alert a{color:#d6b877!important}