/* 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
Płaskostopie i ból kolan — dlaczego zaczyna się od stopy
Autor: Ola
Data dodania: 11-07-2026
Spłaszczenie łuku stopy wpływa na kolana i postawę — jak wspierać stopę obuwem i wkładkami KAPS.
KAPS Master — wkładka z pelotą na łuk podłużny, wsparcie przy płaskostopiu i bólu kolan.
Płaskostopie — co się dzieje ze stopą?
Płaskostopie to spłaszczenie łuku stopy — podłużnego (bocznego) lub poprzecznego (w okolicy śródstopia). Łuk stopy działa jak amortyzator i sprężyna: przy każdym kroku rozkłada nacisk i pomaga ciału utrzymać równowagę. Gdy łuk się obniża, stopa pronuje — obraca się do wewnątrz — a cały łańcuch kinematyczny od stopy w górę musi się dostosować.
W zdrowiedlastopy.pl wierzymy, że problemy postawy zaczynają się od stóp . Ból kolan, bioder czy pleców często ma źródło w tym, jak stopa dotyka podłoża — i w tym, co masz na stopie przez cały dzień.
Dlaczego płaskostopie boli kolana?
Przy spłaszczonym łuku podłużnym stopa „siada” na całej powierzchni podeszwy. Kolano skłania się do środka (valgus), biodro obraca się, miednica przechyla się. Przy tysiącach kroków dziennie to przeciąża więzadła kolanowe , boczną powierzchnię uda i często odcinek lędźwiowy.
Typowe objawy powiązane z płaskostopiem:
Ból wewnętrznej strony kolana — szczególnie po długim marszu lub staniu.
Zmęczone, ciężkie nogi — mięśnie łydki i stopy pracują więcej, by ustabilizować chód.
Ból pięty lub śródstopia — nacisk rozłożony inaczej niż przy zdrowym łuku.
Problemy z postawą — wychylenie w odcinku lędźwiowym, „wypchnięte” biodra.
To nie znaczy, że każde płaskostopie wywołuje ból kolan — u wielu osób stopy funkcjonują dobrze mimo spłaszczonego łuku. Ale gdy ból się pojawia, warto zacząć od stóp i obuwia , zanim szukać przyczyn wyżej.
Płaskostopie podłużne a poprzeczne — różnica
Płaskostopie podłużne
Spłaszczenie łuku bocznego — stopy „szerokie” na podeszwie, pięta i palec mogą być mocno obciążone. Często towarzyszy nadmierna pronacja . Wkładki z pelotą na łuk podłużny i buty z podparciem pięty pomagają rozłożyć obciążenie.
Płaskostopie poprzeczne
Obniżenie łuku w śródstopiu — ból pod palcami, uczucie „kamienia” w bucie, metatarsalgia. Tu liczy się podpora poprzeczna (pelota, półwkładka) i buty z wyższym czubkiem, żeby palce nie były ściśnięte.
Możesz mieć oba typy jednocześnie. W naszym sklepie znajdziesz wkładki pod oba warianty — np. FootWave na płaskostopie poprzeczne i podłużne lub KAPS Master . Pełna oferta: wkładki ortopedyczne .
Obuwie — pierwszy krok, nie ostatni
Dobrze dobrane buty nie „wyleczą” płaskostopia, ale mogą odciążyć kolana i poprawić komfort chodu . Na co zwracać uwagę:
Twarda pięta z amortyzacją — stabilizuje stopę, ogranicza nadmierną pronację.
Wyprofilowana wkładka — fabryczna wkładka w tanich butach jest zwykle płaska; warto ją wymienić.
Odpowiednia tęgość — przy wkładce ortopedycznej wybierz H lub K (przewodnik po tęgościach ).
Lekka, elastyczna podeszwa w przedniej części — ułatwia naturalny odrzut, nie blokuje stopy.
Buty na cały dzień — ten sam model do pracy, na spacer i w domu; zmiana obuwia co kilka godzin też pomaga.
W kategoriach obuwie damskie i obuwie męskie znajdziesz sandały, półbuty i obuwie sportowe z konstrukcją wspierającą łuk stopy.
Wkładki ortopedyczne — kiedy i jak?
Gotowe wkładki (KAPS, FootWave) to najszybszy sposób na poprawę rozkładu nacisku. Przy płaskostopiu podłużnym szukaj modelu z pelotą na łuk boczny ; przy poprzecznym — z podparciem śródstopia. Warto przeczytać też poradnik o doborze wkładek . Silny ból pięty rano może też wskazywać na ostrogę piętową — mamy osobny poradnik o przyczynach i doborze obuwia.
Kilka praktycznych zasad:
Noś wkładkę stopniowo — pierwszego dnia 2–3 godziny, potem wydłużaj.
Przycinaj po obrysie fabrycznej wkładki z buta — nie po rozmiarze buta.
Jedna tęgość szerzej — grubsza wkładka wymaga szerszego buta.
Wymieniaj co 12–18 miesięcy — wkładka traci elastyczność przy codziennym użytkowaniu.
Ćwiczenia i specjalista — uzupełnienie do obuwia
Obuwie i wkładki to podstawa codziennego komfortu. Fizjoterapia, ćwiczenia mięśni stopy i łydki oraz konsultacja z ortopedą lub podologiem pomagają, gdy:
ból kolan lub stóp utrzymuje się mimo zmiany obuwia,
płaskostopie jest wrodzone lub bardzo nasilone,
pojawiają się obrzęki, drętwienie lub asymetria chodu.
Diagnoza płaskostopia to często badanie stopy na podłożu i ocena toru chodu — nie tylko „spojrzenie na odcisk”.
Łańcuch od stopy do kolana — jak to rozumieć?
Wyobraź sobie ciało jako wieżę: stopa to fundament. Gdy fundament się przechyla (pronacja), piętra powyżej muszą się wyrównać. Kolana i biodra kompensują — czasem przez lata, bez objawów. Dopiero przeciążenie daje ból. Stąd nasza filozofia: zacznij od fundamentu — od stopy, obuwia i wkładki — zanim inwestujesz w kolejne „łatki” wyżej.
Podsumowanie
Płaskostopie i ból kolan często idą w parze, bo stopa ustawia całe ciało w ruchu. Dobrze dobrane obuwie zdrowotne i wkładki ortopedyczne mogą realnie poprawić komfort — szczególnie przy pracy stojącej, długich spacerach i codziennym chodzeniu.
Przejrzyj ofertę: obuwie damskie , obuwie męskie , wkładki ortopedyczne . Masz pytania? 516 164 640 , sklep@zdrowiedlastopy.pl — pomożemy dobrać buty i wkładki pod Twoją stopę.
Materiał ma charakter informacyjny — przy poważnych dolegliwościach skonsultuj się ze specjalistą.
Przejdź do strony głównej
Wróć do kategorii Poradniki
ostatnio oglądane produkty