/* 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
Ostroga piętowa — przyczyny i dobór obuwia
Data dodania: 21-07-2026
Profilowana wkładka na ostrogę — praktyczne wsparcie przy bólu pięty rano.
Ostroga piętowa — co to jest i skąd bierze się ból?
Ostroga piętowa to kostny wyrostek na kości piętowej. Sam w sobie nie zawsze boli — często dolegliwości wynikają z przeciążenia rozcięgna podeszwowego (pasma tkanki łączącego piętę z przodem stopy). Klasyczny objaw: ostry ból pięty rano , przy pierwszych krokach z łóżka, który potem trochę mija, a wraca po długim staniu.
W zdrowiedlastopy.pl wychodzimy od stopy: źle amortyzujące buty, płaskie wkładki i wiele godzin na nogach zwiększają nacisk na piętę. Dobrze dobrane obuwie i wkładka nie „usuwają” ostrogi, ale mogą odciążyć rozcięgno i ułatwić codzienny chód.
Jak rozpoznać problem związany z piętą?
Ból przy pierwszym kroku rano — najczęstszy sygnał przeciążenia rozcięgna.
Ból po długim staniu — praca stojąca, sklep, kuchnia, produkcja.
Wrażliwość przy nacisku na piętę — szczególnie od strony podeszwy.
Sztywność stopy po siedzeniu lub jeździe samochodem.
Podobne objawy bywają też przy zapaleniu rozcięgna bez widocznej ostrogi na RTG. Dlatego ten poradnik jest praktyczny — o doborze obuwia i wkładek — a nie o diagnozie medycznej.
Co nasila ból pięty na co dzień?
Płaskie, twarde podeszwy — brak amortyzacji przy uderzeniu pięty o podłoże.
Zużyte wkładki — fabryczna wkładka w bucie często jest cienka i „siadła”.
Zbyt sztywny lub zbyt miękki but — pięta „pływa” albo dostaje uderzenia przy każdym kroku.
Nagły wzrost aktywności — dłuższe spacery, nowy trening, więcej godzin na nogach.
Nadwaga i praca stojąca — większy nacisk na rozcięgno przy każdym kroku.
Na co zwracać uwagę przy wyborze obuwia?
1. Amortyzacja pięty
Szukaj podeszwy z wyraźnym amortyzującym obszarem pod piętą i stabilnym zapiętkiem. But nie powinien być „deską” — ani całkowicie miękką „gąbką”, która nie trzyma stopy.
2. Lekki drop (pięta nieco wyżej niż palce)
Niewielkie podwyższenie pięty względem przodu stopy często odciąża rozcięgno . Unikaj długiego chodzenia w całkowicie płaskich japonkach bez podparcia.
3. Miejsce na wkładkę
Przy ostrodze najczęściej pomaga wkładka lub podpiętka . Wybierz but z wyjmowaną wkładką i odpowiednią tęgością (często H lub K), żeby po włożeniu wkładki palce nie były ściśnięte. Szczegóły szerokości: przewodnik po tęgościach G–M .
4. Modele na cały dzień
Do pracy i spacerów sprawdzają się półbuty oraz sandały z dobrym trzymaniem pięty. Przejrzyj obuwie damskie i obuwie męskie — zwłaszcza modele z wyprofilowaną podeszwą i możliwością wymiany wkładki.
Wkładki i podpiętki — co wybrać przy ostrodze?
Gotowe produkty (KAPS, Foot Wave, Maraton) to szybki start. Przy bólu pięty najczęściej pomagają:
Pełna oferta: wkładki ortopedyczne . Więcej o doborze: poradnik o wkładkach .
Praktyczne zasady:
Zaczynaj od kilku godzin dziennie — nie od razu cały dzień.
Przycinaj wkładkę po obrysie fabrycznej wkładki z buta.
Jeśli ból narasta zamiast słabnąć — zrób przerwę i skonsultuj wybór.
Domowe nawyki, które wspierają obuwie
Rozciąganie łydki i rozcięgna — delikatne, bez „przesadzania przez ból”.
Unikanie chodzenia boso po twardym — szczególnie rano, gdy rozcięgno jest sztywne.
Zmiana obuwia — nie noś tej samej pary 12 godzin bez przerwy.
Kontrola masy ciała i obciążenia — mniej nacisku = mniej przeciążenia.
Kiedy do specjalisty?
Obuwie i wkładki to wsparcie codzienne. Skonsultuj się z ortopedą, podologiem lub fizjoterapeutą, gdy:
ból jest silny, narasta lub nie pozwala spać,
pojawia się obrzęk, zaczerwienienie, drętwienie,
objawy trwają dłużej niż kilka tygodni mimo zmiany butów,
masz cukrzycę — stopy wymagają szczególnej opieki (poradnik o obuwiu przy cukrzycy ).
Podsumowanie — 5 kroków przy bólu pięty
Wybierz but z amortyzacją pięty i stabilnym zapiętkiem.
Dodaj podpiętkę lub wkładkę na ostrogę — nie czekaj, aż „samo przejdzie”.
Daj stopie miejsce (tęgość H/K), jeśli wkładka zajmuje objętość.
Ogranicz chodzenie boso po twardym i dłuższe stanie bez przerwy.
Przy silnym lub utrzymującym się bólu — konsultacja ze specjalistą .
Nie wiesz, którą wkładkę wybrać? Zacznij od kategorii wkładek ortopedycznych albo zadzwoń: 516 164 640 , sklep@zdrowiedlastopy.pl — pomożemy dobrać model do Twojej stopy i butów.
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