/* 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);
}
Obuwie ortopedyczne i zdrowotne — sklep internetowy zdrowiedlastopy.pl
Polski Złoty Euro Dolar Funt brytyjski
Klapki damskie ortopedyczne
Strona 1 ...
2 3 4 5 6 ...
12
ogółem produktów: 175
Produkty dodane do porównania
Porównaj wybrane produkty
dodaj do porównania
dodaj do schowka
dodaj do porównania
dodaj do schowka
dodaj do porównania
dodaj do schowka
dodaj do porównania
dodaj do schowka
dodaj do porównania
dodaj do schowka
dodaj do porównania
dodaj do schowka
dodaj do porównania
dodaj do schowka
dodaj do porównania
dodaj do schowka
dodaj do porównania
dodaj do schowka
dodaj do porównania
dodaj do schowka
dodaj do porównania
dodaj do schowka
dodaj do porównania
dodaj do schowka
dodaj do porównania
dodaj do schowka
dodaj do porównania
dodaj do schowka
dodaj do porównania
dodaj do schowka
Strona 1 ...
2 3 4 5 6 ...
12
ogółem produktów: 175