/* ZDS branding 2026-11-01 v5.23 — mniejsze logo, ikony jak w sklepach konkurencji */ /* v4.2: mobile — logo NAD ikonami menu (order), z odstępem */ .LogoSzukanieIkony { padding: 10px 0 !important; } .LogoSzukanieIkony .Strona { align-items: center !important; } #LinkLogo { overflow: hidden !important; display: block !important; flex: 0 0 auto !important; padding: 0 !important; line-height: 0 !important; } #LinkLogo img { display: block !important; max-width: none !important; height: auto !important; } @media (min-width: 1024px) { #LinkLogo { width: 168px !important; height: 122px !important; min-width: 150px !important; } #LinkLogo img { width: 328px !important; margin-left: -80px !important; margin-top: -108px !important; } } @media (min-width: 769px) and (max-width: 1023px) { #LinkLogo { width: 150px !important; height: 110px !important; } #LinkLogo img { width: 293px !important; margin-left: -71px !important; margin-top: -97px !important; } } @media (max-width: 768px) { .LogoSzukanieIkony { padding: 6px 0 2px !important; } .LogoSzukanieIkony .Strona { display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: center !important; gap: 4px !important; width: 100% !important; } #LinkLogo { width: 140px !important; height: 102px !important; order: -10 !important; margin: 0 auto 6px !important; flex: 0 0 auto !important; } #LinkLogo img { width: 273px !important; margin-left: -67px !important; margin-top: -90px !important; } #IkonyNawigacja { order: 10 !important; width: 100% !important; max-width: 360px !important; margin: 4px auto 8px !important; display: flex !important; justify-content: center !important; align-items: center !important; padding: 0 8px !important; gap: 8px !important; } } /* Kolory zdrowie/eko */ .SklepNaglowek { background: #f8fdf9 !important; } #GorneMenu a, #GorneMenu .Menu > span, #DolneMenu a { color: #2d6a4f !important; } #GorneMenu a:hover, #DolneMenu a:hover { color: #40916c !important; } input[type="submit"].DodajDoKoszyka, button.DodajDoKoszyka, a.DodajDoKoszyka, .PrzyciskKoszyk, input.PrzyciskKoszyk { background-color: #2d6a4f !important; border-color: #2d6a4f !important; } input[type="submit"].DodajDoKoszyka:hover, button.DodajDoKoszyka:hover, a.DodajDoKoszyka:hover, .PrzyciskKoszyk:hover, input.PrzyciskKoszyk:hover { background-color: #40916c !important; border-color: #40916c !important; } /* ZDS producenci grid 2026-07-02 */ .ListingProducenciKontener .ElementProducentFoto { min-height: 90px; display: flex; align-items: center; justify-content: center; padding: 12px 8px; } .ListingProducenciKontener .ElementProducentFoto img { max-height: 72px; max-width: 160px; width: auto; height: auto; object-fit: contain; } .ListingProducenciKontener .ElementProducentRamka { border: 1px solid #e8ecef; border-radius: 12px; background: #fff; transition: box-shadow 0.2s ease, transform 0.2s ease; min-height: 140px; } .ListingProducenciKontener .ProducentOknoListing:hover .ElementProducentRamka { box-shadow: 0 6px 20px rgba(0,0,0,0.08); transform: translateY(-2px); } .ListingProducenciKontener h3 { font-size: 0.95rem; text-align: center; margin: 8px 0 12px; } /* ZDS karuzela producentów v4.3 — moduł kreatora (stopka / strona główna) */ .ModulKreatorProducenci, [class*="ModulProducenci"], [class*="modul_producenci"], .KreatorModulProducenci { background: #f8fdf9 !important; border-top: 1px solid #e8ecef; padding: 28px 0 32px !important; margin-top: 8px; overflow: hidden; } .ModulKreatorProducenci h2, [class*="ModulProducenci"] h2, .KreatorModulProducenci .NaglowekModulu { text-align: center; color: #2d6a4f !important; font-size: 1.1rem; font-weight: 600; margin-bottom: 20px; letter-spacing: 0.02em; } .ModulKreatorProducenci img, [class*="ModulProducenci"] img, .KreatorModulProducenci .ElementProducentFoto img, .KreatorModulProducenci .ProducentLogo img { max-height: 100px !important; max-width: 180px !important; min-height: 60px !important; width: auto !important; height: auto !important; object-fit: contain !important; filter: none !important; opacity: 1 !important; } .ModulKreatorProducenci a:hover img, [class*="ModulProducenci"] a:hover img, .KreatorModulProducenci a:hover img { opacity: 1; transform: scale(1.04); } .ModulKreatorProducenci .ElementProducentFoto, .KreatorModulProducenci .ProducentLogo { display: flex !important; align-items: center !important; justify-content: center !important; padding: 8px 16px !important; min-height: 72px; } @media (prefers-reduced-motion: reduce) { .ModulKreatorProducenci *, [class*="ModulProducenci"] * { animation: none !important; transition: none !important; } } /* ZDS v5.0 — delikatny sklep medyczny */ #Sklep, body, .SklepTlo { background: #ffffff !important; } #Sklep .ModulKreator, #Sklep .KreatorModul, #Sklep .ModulSrodek { background: transparent !important; } #Sklep .ModulKreator, #Sklep .KreatorModul { padding-top: 48px !important; padding-bottom: 48px !important; } .NaglowekModulu, #Sklep h2, .KreatorModul h2, .ModulKreator h2 { color: #1a2e28 !important; font-size: 1.35rem !important; font-weight: 600 !important; letter-spacing: 0.03em !important; text-align: center; margin-bottom: 28px !important; padding-bottom: 12px !important; border-bottom: 2px solid #3d8b6e !important; display: inline-block; width: 100%; max-width: 100%; } .ProduktOknoListing .RamkaProduktu, .ProduktOkno .RamkaProduktu, .ListingProduktow .RamkaProduktu, [class*="ProduktRamka"] { border: 1px solid #e8ecef !important; border-radius: 12px !important; background: #fff !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important; transition: box-shadow 0.2s ease, transform 0.2s ease !important; overflow: hidden; } .ProduktOknoListing:hover .RamkaProduktu, .ProduktOkno:hover .RamkaProduktu, .ListingProduktow .ProduktOkno:hover .RamkaProduktu { box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06) !important; transform: translateY(-2px); } #Sklep .CenaProduktu, .CenaBrutto, .Cena { color: #1a2e28 !important; font-weight: 600 !important; } .ModulKreatorProducenci, [class*="ModulProducenci"], .KreatorModulProducenci { background: #fafcfb !important; padding: 36px 0 40px !important; } .ModulKreatorProducenci .slick-dots, [class*="ModulProducenci"] .slick-dots, .KreatorModulProducenci .slick-dots { display: none !important; } .ModulNewsletter, #Newsletter, [class*="ModulNewsletter"], .NewsletterModul { background: #fafcfb !important; border-top: 1px solid #e8ecef !important; padding: 40px 16px !important; } .ModulNewsletter input[type="email"], .ModulNewsletter input[type="text"], #Newsletter input[type="email"], [class*="ModulNewsletter"] input[type="email"] { border: 1px solid #e8ecef !important; border-radius: 24px !important; padding: 10px 18px !important; background: #fff !important; } .ModulNewsletter input[type="submit"], .ModulNewsletter button, #Newsletter input[type="submit"], [class*="ModulNewsletter"] input[type="submit"] { background-color: #3d8b6e !important; border-color: #3d8b6e !important; border-radius: 24px !important; padding: 10px 24px !important; } .ModulNewsletter input[type="submit"]:hover, #Newsletter input[type="submit"]:hover { background-color: #40916c !important; } .ModulIkonyInformacyjne, [class*="IkonyInformacyjne"], .IkonyInformacyjne, .KreatorModulIkony { background: #fafcfb !important; border-bottom: 1px solid #e8ecef !important; padding: 20px 12px !important; } .ModulIkonyInformacyjne li, [class*="IkonyInformacyjne"] li, .IkonyInformacyjne li { color: #1a2e28 !important; font-size: 0.95rem !important; } .ModulIkonyInformacyjne img, [class*="IkonyInformacyjne"] img { max-height: 48px !important; width: auto !important; } @media (min-width: 769px) { .ModulIkonyInformacyjne ul, [class*="IkonyInformacyjne"] ul, .IkonyInformacyjne ul { display: flex !important; flex-wrap: nowrap !important; justify-content: center !important; align-items: center !important; gap: 32px !important; } .ModulIkonyInformacyjne li, [class*="IkonyInformacyjne"] li { white-space: nowrap !important; } } #GorneMenu a, #GorneMenu .Menu > span, #DolneMenu a { color: #3d8b6e !important; } input[type="submit"].DodajDoKoszyka, button.DodajDoKoszyka, a.DodajDoKoszyka, .PrzyciskKoszyk, input.PrzyciskKoszyk { background-color: #3d8b6e !important; border-color: #3d8b6e !important; } /* ZDS v5.1 — karuzela producentów: czysty pas log nad stopką */ .ModulKreatorProducenci, [class*="ModulProducenci"], .KreatorModulProducenci { background: #fafcfb !important; padding: 44px 0 48px !important; border-top: 1px solid #e8ecef !important; } .ModulKreatorProducenci h2, [class*="ModulProducenci"] h2, .KreatorModulProducenci .NaglowekModulu, .ModulKreatorProducenci .NaglowekModulu { border-bottom: none !important; padding-bottom: 0 !important; font-size: 0.95rem !important; font-weight: 600 !important; color: #2d6a4f !important; margin-bottom: 24px !important; letter-spacing: 0.04em !important; text-transform: uppercase; } .ModulKreatorProducenci img, [class*="ModulProducenci"] img, .KreatorModulProducenci .ElementProducentFoto img, .KreatorModulProducenci .ProducentLogo img { max-height: 72px !important; max-width: 160px !important; filter: none !important; opacity: 1 !important; } .ModulKreatorProducenci .ElementProducentFoto, .KreatorModulProducenci .ProducentLogo { padding: 12px 20px !important; min-height: 80px !important; } /* ZDS v5.3 — karuzela producentów jak DlaStopy/Biostopa: jeden pas, wiele log, auto-przewijanie */ /* Ukryj duplikat modułu 39 w Środku (zostaje moduł 40 w Dół) */ #Sklep .ModulId-39, .ModulId-39.KolumnaKreator { display: none !important; } #Sklep .ModulId-40, .ModulId-40 { padding: 40px 0 48px !important; background: #fafcfb !important; border-top: 1px solid #e8ecef !important; } #Sklep .ModulId-40 h2.StrNaglowek, .ModulId-40 .StrNaglowek { border-bottom: none !important; font-size: 0.95rem !important; font-weight: 600 !important; color: #2d6a4f !important; text-transform: uppercase; letter-spacing: 0.06em !important; margin-bottom: 20px !important; } #Sklep .ModulId-40 .Animacja-Pierwsza-40, .ModulId-40 .StrTresc { max-width: 1200px !important; margin: 0 auto !important; padding: 0 16px !important; } #Sklep .ModulId-40 .ProducentOkno, .ModulId-40 .ProducentOkno { padding: 8px 12px !important; } #Sklep .ModulId-40 img, .ModulId-40 img[src*="producenci"] { max-height: 120px !important; max-width: 200px !important; width: auto !important; height: auto !important; object-fit: contain !important; } #Sklep .ModulId-40 .ProducentNazwa, .ModulId-40 .ProducentNazwa, .ModulId-40 .ElementProducentNazwa { display: none !important; } #Sklep .ModulId-40 .slick-list, .ModulId-40 .slick-list { overflow: hidden !important; } #Sklep .ModulId-40 .slick-track, .ModulId-40 .slick-track { display: flex !important; align-items: center !important; } #Sklep .ModulId-40 .slick-slide, .ModulId-40 .slick-slide { float: none !important; height: auto !important; } #Sklep .ModulId-40 .slick-dots, .ModulId-40 .slick-dots { display: none !important; } #Sklep .ModulId-40 .slick-prev, #Sklep .ModulId-40 .slick-next, .ModulId-40 .slick-prev, .ModulId-40 .slick-next { opacity: 0.35 !important; width: 28px !important; height: 28px !important; } #Sklep .ModulId-40:hover .slick-prev, #Sklep .ModulId-40:hover .slick-next { opacity: 0.85 !important; } /* ZDS v5.5 — ukryj slajdy bez grafiki i tekst placeholder */ #Sklep .ModulId-40 .ProducentOkno:not(:has(img[src*="producenci"])), .ModulId-40 .ProducentOkno:not(:has(img[src*="producenci"])) { display: none !important; } #Sklep .ModulId-40 .ElementProducentFoto:empty, .ModulId-40 .ElementProducentFoto:empty { display: none !important; } #Sklep .ModulId-40 .ProducentOkno:has(.ElementProducentFoto:empty), .ModulId-40 .ProducentOkno:has(.ElementProducentFoto:empty) { display: none !important; } #Sklep .ModulId-40 img[src*="brak"], .ModulId-40 img[src*="brak"] { display: none !important; } /* ZDS v5.2 — legacy selektory modułu 39 (gdy jedyny moduł) */ #Sklep .ModulId-39 .slick-dots, #Sklep .ModulKreatorProducenci .slick-dots, .ModulId-39 .slick-dots, .ModulKreatorProducenci .slick-arrow { display: none !important; } #Sklep .ModulId-39 h2.StrNaglowek, #Sklep .ModulId-39 h2, #Sklep .ModulKreatorProducenci h2, .ModulId-39 .StrNaglowek { border-bottom: none !important; padding-bottom: 0 !important; box-shadow: none !important; } #Sklep .ModulId-39, #Sklep .ModulKreatorProducenci { padding-top: 28px !important; padding-bottom: 36px !important; } .ModulId-39 .ProducentNazwa, .ModulKreatorProducenci .ProducentNazwa, .ModulId-39 .ElementProducentNazwa { font-size: 0 !important; line-height: 0 !important; height: 0 !important; overflow: hidden !important; } .ZdsUspBar { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 18px 22px !important; list-style: none !important; margin: 0 auto !important; padding: 0 !important; max-width: 900px !important; width: 100% !important; box-sizing: border-box !important; } .ZdsUspBar-item { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: flex-start !important; gap: 12px !important; padding: 22px 16px !important; background: linear-gradient(165deg, #ffffff 0%, #f6fbf8 100%) !important; border: none !important; border-radius: 16px !important; box-shadow: 0 4px 18px rgba(26, 46, 40, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important; min-height: 120px !important; box-sizing: border-box !important; overflow: visible !important; text-align: center !important; transition: transform 0.25s ease, box-shadow 0.25s ease !important; } .ZdsUspBar-item:hover { transform: translateY(-3px) !important; box-shadow: 0 10px 28px rgba(45, 106, 79, 0.14) !important; } .ZdsUspBar-icon { flex: 0 0 auto !important; width: 56px !important; height: 56px !important; border-radius: 14px !important; background: #f4faf6 !important; border: 1px solid #d7e8de !important; position: relative !important; box-shadow: none !important; display: flex !important; align-items: center !important; justify-content: center !important; } .ZdsUspBar-icon svg { display: block !important; width: 44px !important; height: 44px !important; flex-shrink: 0 !important; } .ZdsUspBar-icon::after { display: none !important; } /* ZDS v5.23 — ikony liniowe, bez czerwonego krzyżyka i bez ciemnych kółek */ .ZdsUspBar-item--size .ZdsUspBar-icon, .ZdsUspBar-item--return .ZdsUspBar-icon, .ZdsUspBar-item--width .ZdsUspBar-icon, .ZdsUspBar-item--brands .ZdsUspBar-icon, .ZdsUspBar-item--advice .ZdsUspBar-icon { background: #f4faf6 !important; box-shadow: none !important; } .ZdsUspBar-copy { display: flex !important; flex-direction: column !important; gap: 6px !important; min-width: 0 !important; width: 100% !important; text-align: center !important; overflow: visible !important; word-wrap: break-word !important; } .ZdsUspBar-title, .ZdsUspBar strong { display: block !important; font-size: 1.08rem !important; font-weight: 700 !important; line-height: 1.3 !important; color: #1a2e28 !important; letter-spacing: 0.01em !important; } .ZdsUspBar-desc { display: block !important; font-size: 0.94rem !important; font-weight: 500 !important; line-height: 1.4 !important; color: #4a6358 !important; } .ZdsUspBar li { color: #1a2e28 !important; } #Sklep .ModulId-38 { padding: 36px 20px 40px !important; margin: 0 !important; background: linear-gradient(180deg, #f4faf6 0%, #e6f2eb 55%, #f8fcfa 100%) !important; border-top: none !important; border-bottom: none !important; } #Sklep .ModulId-38 .ModulCssDodatkowy, #Sklep .ModulId-38 .ModulTresc, #Sklep .ModulId-38 .ModulKolumna { background: transparent !important; border: none !important; padding: 0 !important; margin: 0 !important; } #Sklep .ModulId-38 h2.StrNaglowek, #Sklep .ModulId-38 h2 { display: none !important; } /* ZDS v5.8 — moduł 33: Nowości + Nasz hit */ #Sklep .ModulId-33 .ModulKolumny-2 { display: flex !important; flex-wrap: wrap !important; align-items: flex-start !important; gap: 24px 20px !important; } #Sklep .ModulId-33 .ModulKolumny-2 > .ModulKolumna { flex: 1 1 280px !important; min-width: 0 !important; } #Sklep .ModulId-33 .ModulKolumny-2 > .ModulKolumna:first-child { flex: 1.4 1 360px !important; } #Sklep .ModulId-33 .ModulKolumny-2 > .ModulKolumna:last-child { flex: 0.85 1 280px !important; } #Sklep .ModulId-33 h2.StrNaglowek, #Sklep .ModulId-33 .NaglowekModulu h2 { font-size: 1.25rem !important; margin-bottom: 20px !important; } #Sklep .ModulId-33 .KolumnaDruga .OpisProduktu, #Sklep .ModulId-33 .ModulKolumna:last-child .OpisProduktu, #Sklep .ModulId-33 .ModulKolumna:last-child .OpisKrotki { max-height: 4.5em !important; overflow: hidden !important; line-height: 1.5 !important; } #Sklep .ModulId-33 .slick-dots { display: none !important; } @media (min-width: 1025px) { .ZdsUspBar { max-width: 1180px !important; grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } .ZdsUspBar-item { min-height: 130px !important; } } @media (max-width: 560px) { #Sklep .ModulId-38 { padding: 24px 12px 28px !important; } .ZdsUspBar { grid-template-columns: 1fr !important; gap: 12px !important; max-width: 100% !important; } .ZdsUspBar-item { flex-direction: row !important; text-align: left !important; padding: 16px 18px !important; min-height: 88px !important; gap: 14px !important; } .ZdsUspBar-copy { text-align: left !important; } .ZdsUspBar-icon { width: 58px !important; height: 58px !important; } .ZdsUspBar-icon svg { width: 38px !important; height: 38px !important; } .ZdsUspBar-title, .ZdsUspBar strong { font-size: 1rem !important; } } /* ZDS v5.16 — hero zdjęcia w poradnikach CMS */ .ZdsArticleHero { margin: 0 0 28px !important; padding: 0 !important; border: none !important; border-radius: 14px !important; overflow: hidden !important; background: #f0f7f3 !important; box-shadow: 0 4px 20px rgba(26, 46, 40, 0.08) !important; } .ZdsArticleHero img { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; aspect-ratio: 12 / 5 !important; object-fit: contain !important; background: linear-gradient(180deg, #f8fbf9 0%, #eef5f1 100%) !important; } .ZdsArticleHero figcaption { display: block !important; padding: 12px 18px 14px !important; font-size: 0.92rem !important; line-height: 1.45 !important; color: #4a6358 !important; text-align: center !important; border-top: 1px solid #d4e8de !important; background: #fafcfb !important; } @media (max-width: 768px) { .ZdsArticleHero { margin-bottom: 20px !important; border-radius: 10px !important; } .ZdsArticleHero figcaption { font-size: 0.86rem !important; padding: 10px 14px 12px !important; } } /* ZDS v5.17 — hero sezonowy + karty ze stanem magazynowym */ .ZdsSeasonHero { position: relative; max-width: 1140px; margin: 0 auto 28px; padding: 36px 28px 32px; border-radius: 20px; overflow: hidden; background: linear-gradient(135deg, #1f5c42 0%, #2d6a4f 42%, #3d8b6e 100%); color: #fff; text-align: center; box-shadow: 0 12px 40px rgba(31, 92, 66, 0.28); } .ZdsSeasonHero-glow { position: absolute; inset: 0; background: radial-gradient(ellipse 80% 60% at 20% 0%, rgba(255, 220, 120, 0.18) 0%, transparent 55%), radial-gradient(ellipse 60% 50% at 85% 100%, rgba(255, 255, 255, 0.1) 0%, transparent 50%); pointer-events: none; } .ZdsSeasonHero-inner { position: relative; z-index: 1; } .ZdsSeasonHero-eyebrow { display: inline-block; margin: 0 0 12px; padding: 5px 14px; font-size: 0.78rem; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: #e8f5ef; background: rgba(255, 255, 255, 0.12); border-radius: 999px; border: 1px solid rgba(255, 255, 255, 0.2); } .ZdsSeasonHero-title { margin: 0 0 14px !important; font-size: clamp(1.35rem, 3vw, 1.85rem) !important; font-weight: 700 !important; line-height: 1.25 !important; color: #fff !important; letter-spacing: -0.01em; } .ZdsSeasonHero-lead { margin: 0 auto 22px !important; max-width: 680px; font-size: 1rem !important; line-height: 1.6 !important; color: rgba(255, 255, 255, 0.92) !important; } .ZdsSeasonHero-actions { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; margin-bottom: 14px; } .ZdsSeasonHero-cta { display: inline-flex; align-items: center; padding: 12px 22px; border-radius: 999px; font-size: 0.95rem; font-weight: 600; text-decoration: none !important; transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease; } .ZdsSeasonHero-cta--primary { color: #1a3d2e !important; background: #fff; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15); } .ZdsSeasonHero-cta--primary:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2); } .ZdsSeasonHero-cta--ghost { color: #fff !important; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.35); } .ZdsSeasonHero-cta--ghost:hover { background: rgba(255, 255, 255, 0.18); } .ZdsSeasonHero-note { margin: 0 !important; font-size: 0.82rem !important; color: rgba(255, 255, 255, 0.75) !important; } .ZdsStockHits { max-width: 1140px; margin: 0 auto 36px; padding: 0 12px; } .ZdsStockHits-grid { display: grid !important; grid-template-columns: repeat(4, 1fr); gap: 16px; list-style: none !important; margin: 0 0 18px !important; padding: 0 !important; } .ZdsStockHits-card { position: relative; display: flex !important; flex-direction: column; height: 100%; padding: 0 !important; border-radius: 16px !important; background: #fff !important; color: #1a2e28 !important; text-decoration: none !important; overflow: hidden; box-shadow: 0 4px 20px rgba(26, 46, 40, 0.08); transition: transform 0.25s ease, box-shadow 0.25s ease; } .ZdsStockHits-card:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(45, 106, 79, 0.18); } .ZdsStockBadge { position: absolute; top: 10px; right: 10px; z-index: 2; padding: 4px 10px; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.02em; border-radius: 999px; line-height: 1.3; } .ZdsStockBadge--ok { color: #1a5c40; background: #e8f5ef; border: 1px solid #b8dcc8; } .ZdsStockBadge--low { color: #8b3a12; background: #fff3e8; border: 1px solid #f0c9a8; } .ZdsStockBadge--out { color: #6b7280; background: #f3f4f6; border: 1px solid #e5e7eb; } .ZdsStockHits-img { display: flex; align-items: center; justify-content: center; aspect-ratio: 1; background: linear-gradient(180deg, #f8fbf9 0%, #eef5f1 100%); padding: 12px; } .ZdsStockHits-img img { max-width: 100%; max-height: 180px; width: auto; height: auto; object-fit: contain; } .ZdsStockHits-body { display: flex; flex-direction: column; gap: 8px; padding: 14px 16px 16px; flex: 1; } .ZdsStockHits-name { display: block; font-size: 0.88rem; font-weight: 600; line-height: 1.35; color: #1a2e28 !important; } .ZdsStockHits-meta { display: flex; align-items: center; justify-content: space-between; gap: 8px; flex-wrap: wrap; } .ZdsStockHits-tag { font-size: 0.72rem; font-weight: 600; color: #2d6a4f; background: #e8f5ef; padding: 3px 8px; border-radius: 6px; } .ZdsStockHits-price { font-size: 0.88rem; font-weight: 700; color: #1a3d2e; } .ZdsStockHits-footer { text-align: center; margin: 0 !important; font-size: 0.9rem; color: #4a6358 !important; } .ZdsStockHits-footer a { color: #2d6a4f !important; font-weight: 600; text-decoration: none !important; } .ZdsStockHits-footer a:hover { text-decoration: underline !important; } /* ZDS v5.17 — popularne wyszukiwania premium */ .ZdsPopularSearches { max-width: 1140px; margin: 0 auto; padding: 40px 16px 36px; text-align: center; } .ZdsPopularSearches-head { margin-bottom: 28px; } .ZdsPopularSearches-eyebrow { display: inline-block; margin: 0 0 10px; font-size: 0.78rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: #3d8b6e; } .ZdsPopularSearches h2 { color: #1a2e28 !important; font-size: clamp(1.3rem, 2.5vw, 1.65rem) !important; font-weight: 700 !important; margin: 0 0 12px !important; padding: 0 !important; border: none !important; } .ZdsPopularSearches-lead { color: #4a6358 !important; font-size: 1rem !important; line-height: 1.6 !important; margin: 0 auto !important; max-width: 680px; } .ZdsPopularSearches-grid { display: grid !important; grid-template-columns: repeat(4, 1fr); gap: 14px; list-style: none !important; margin: 0 0 24px !important; padding: 0 !important; } .ZdsPopularSearches-card { display: flex !important; flex-direction: row; align-items: flex-start; gap: 12px; min-height: 96px; padding: 16px !important; border: none !important; border-radius: 14px !important; background: #fff !important; color: #1a2e28 !important; text-decoration: none !important; box-shadow: 0 4px 16px rgba(26, 46, 40, 0.07); transition: transform 0.22s ease, box-shadow 0.22s ease; text-align: left; } .ZdsPopularSearches-card:hover, .ZdsPopularSearches-card:focus { transform: translateY(-3px); box-shadow: 0 10px 28px rgba(45, 106, 79, 0.16) !important; } .ZdsPopularSearches-icon { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 12px; color: #2d6a4f; background: linear-gradient(145deg, #e8f5ef 0%, #d4ebe0 100%); } .ZdsPopularSearches-text { flex: 1; min-width: 0; } .ZdsPopularSearches-card strong { display: block; font-size: 0.92rem; font-weight: 600; color: #1a2e28 !important; margin-bottom: 4px; line-height: 1.3; } .ZdsPopularSearches-card span { font-size: 0.8rem; color: #5a7568 !important; line-height: 1.4; } .ZdsPopularSearches-card--hot .ZdsPopularSearches-icon { color: #c45d0a; background: linear-gradient(145deg, #fff4e8 0%, #ffe8cc 100%); } .ZdsPopularSearches-card--tegosc .ZdsPopularSearches-icon { color: #1a5c40; background: linear-gradient(145deg, #e0f2ea 0%, #c8e6d8 100%); } .ZdsPopularSearches-card--haluksy .ZdsPopularSearches-icon { color: #6b4c9a; background: linear-gradient(145deg, #f0ebf8 0%, #e4daf2 100%); } .ZdsPopularSearches-card--wkladki .ZdsPopularSearches-icon { color: #2563a8; background: linear-gradient(145deg, #e8f0fa 0%, #d4e4f6 100%); } .ZdsPopularSearches-card--cukrzyca .ZdsPopularSearches-icon { color: #b91c3c; background: linear-gradient(145deg, #fce8ec 0%, #f8d4dc 100%); } .ZdsPopularSearches-card--guide .ZdsPopularSearches-icon { color: #0d6e6e; background: linear-gradient(145deg, #e6f5f5 0%, #cceaea 100%); } .ZdsPopularSearches-card--postawa .ZdsPopularSearches-icon { color: #7c5c1e; background: linear-gradient(145deg, #faf3e6 0%, #f2e6cc 100%); } .ZdsPopularSearches-card--ostroga .ZdsPopularSearches-icon { color: #4a5568; background: linear-gradient(145deg, #eef1f5 0%, #dde3eb 100%); } .ZdsPopularSearches-card--hot { background: linear-gradient(165deg, #fffaf5 0%, #fff 100%) !important; box-shadow: 0 4px 18px rgba(196, 93, 10, 0.12) !important; } .ZdsPopularSearches-cta { font-size: 0.94rem !important; color: #4a6358 !important; margin: 0 !important; } .ZdsPopularSearches-cta a { color: #2d6a4f !important; font-weight: 600; text-decoration: none !important; } /* ZDS v5.17 — blok zaufaj nam premium */ .ZdsTrustBlock { position: relative; max-width: 100%; margin: 0; padding: 48px 20px 52px !important; text-align: center; background: linear-gradient(180deg, #f0f7f3 0%, #e4f0ea 50%, #f8fcfa 100%) !important; border-top: none !important; border-bottom: none !important; overflow: hidden; } .ZdsTrustBlock-glow { position: absolute; inset: 0; background: radial-gradient(ellipse 70% 50% at 50% 0%, rgba(61, 139, 110, 0.12) 0%, transparent 60%); pointer-events: none; } .ZdsTrustBlock-inner { position: relative; z-index: 1; max-width: 960px; margin: 0 auto; } .ZdsTrustBlock-eyebrow { display: inline-block; margin: 0 0 10px; font-size: 0.78rem; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: #3d8b6e; } .ZdsTrustBlock h2 { color: #1a2e28 !important; font-size: clamp(1.35rem, 2.8vw, 1.75rem) !important; font-weight: 700 !important; margin: 0 0 14px !important; padding: 0 !important; border: none !important; } .ZdsTrustBlock-lead, .ZdsTrustBlock-season { color: #4a6358 !important; font-size: 1rem !important; line-height: 1.65 !important; margin: 0 auto 20px !important; max-width: 720px; } .ZdsTrustBlock-pillars { display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 18px; list-style: none !important; margin: 0 auto 24px !important; padding: 0 !important; max-width: 900px; text-align: center; } .ZdsTrustBlock-pillar { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 24px 18px; background: #fff; border-radius: 16px; box-shadow: 0 4px 20px rgba(26, 46, 40, 0.07); } .ZdsTrustBlock-pillar-icon { display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 50%; color: #2d6a4f; background: linear-gradient(145deg, #e8f5ef 0%, #d0e8dc 100%); } .ZdsTrustBlock-pillar strong { font-size: 1rem; color: #1a2e28; } .ZdsTrustBlock-pillar span { font-size: 0.86rem; color: #5a7568; line-height: 1.45; } .ZdsTrustBlock-links { margin: 0 !important; font-size: 0.95rem !important; } .ZdsTrustBlock a { color: #2d6a4f !important; font-weight: 600; text-decoration: none !important; } .ZdsTrustBlock a:hover { color: #40916c !important; text-decoration: underline !important; } @media (max-width: 992px) { .ZdsStockHits-grid, .ZdsPopularSearches-grid { grid-template-columns: repeat(2, 1fr); } .ZdsTrustBlock-pillars { grid-template-columns: 1fr; max-width: 420px; } } @media (max-width: 520px) { .ZdsSeasonHero { padding: 28px 18px 24px; border-radius: 14px; } .ZdsStockHits-grid, .ZdsPopularSearches-grid { grid-template-columns: 1fr; } .ZdsPopularSearches-card { min-height: auto; } .ZdsSeasonHero-actions { flex-direction: column; align-items: stretch; } } /* Stan magazynowy na karcie produktu (ShopGold: --ilosc jako CSS variable). W polu Dodatkowy CSS wolno wstawiac WYLACZNIE reguly CSS — bez znacznikow HTML. */ #StanMagazynowy .MagazynIlosc::before { content: var(--ilosc); }