Z głębin Popradzkiego Parku Krajobrazowego do Twojego domu

.mp-mesh-layer { position: absolute; inset: -20%; z-index: 1; pointer-events: none; filter: blur(80px); opacity: 0.65; } .mp-mesh-blob { position: absolute; border-radius: 50%; } .mp-mesh-blob–1 { width: 55%; height: 60%; top: -10%; left: -5%; background: radial-gradient(circle, #E8F2ED 0%, transparent 70%); animation: meshMove 12s ease-in-out infinite; } .mp-mesh-blob–2 { width: 50%; height: 55%; top: 10%; right: -10%; background: radial-gradient(circle, #FFFFFF 0%, transparent 65%); animation: meshMove2 15s ease-in-out infinite; } .mp-mesh-blob–3 { width: 45%; height: 50%; bottom: -5%; left: 25%; background: radial-gradient(circle, #E0F0E8 0%, transparent 70%); animation: meshMove3 18s ease-in-out infinite; } .mp-mesh-blob–4 { width: 35%; height: 40%; top: 30%; left: 50%; background: radial-gradient(circle, rgba(197,160,89,0.06) 0%, transparent 60%); animation: meshMove 20s ease-in-out infinite reverse; } .mp-section::before { content: ”; position: absolute; inset: 0; background: rgba(244,249,246,0.70); z-index: 0; pointer-events: none; } .mp-container { max-width: 960px; margin: 0 auto; position: relative; z-index: 3; } .mp-header { text-align: center; margin-bottom: 35px; } .mp-label { display: inline-block; font-family: var(–font-body); font-size: 11px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.3em; color: var(–green-medium); margin-bottom: 8px; position:relative; padding:0 20px; } .mp-label::before,.mp-label::after{content:”;position:absolute;top:50%;width:30px;height:1.5px;background:var(–green-medium)} .mp-label::before{right:100%} .mp-label::after{left:100%} .mp-badge{display:none!important} .mp-product{cursor:pointer} .mp-title { font-family: var(–font-display); font-size: clamp(26px, 3vw, 40px); font-weight: 400; color: #1A3026; margin: 0 0 10px; line-height: 1.1; } .mp-title em { font-weight: 400; font-style: normal; color: #3D5248; } .mp-subtitle { font-family: var(–font-body); font-size: 15px; color: #4A6B5D; font-weight: 300; letter-spacing: 0.05em; } .mp-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 0; align-items: end; max-width: 960px; margin: 0 auto; } .mp-product { text-align: center; position: relative; padding: 15px 20px 25px; transition: transform 0.5s ease; } .mp-product:hover { transform: translateY(-6px); } .mp-number { display: none; } .mp-visual { position: relative; display: flex; align-items: flex-end; justify-content: center; min-height: 460px; margin-bottom: 16px; } .mp-visual img { max-height: 505px; width: auto; object-fit: contain; filter: drop-shadow(0 25px 35px rgba(0,0,0,0.14)) drop-shadow(0 8px 12px rgba(0,0,0,0.06)); transition: all 0.6s cubic-bezier(0.23,1,0.32,1); position: relative; z-index: 2; } .mp-product:nth-child(2) .mp-visual img { max-height: 455px; transform: translateY(-22px); } .mp-product:hover .mp-visual img { transform: translateY(-8px) scale(1.03); } .mp-visual::before { content: ”; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%); width: 50%; height: 25px; background: radial-gradient(ellipse, rgba(0,0,0,0.14) 0%, rgba(0,0,0,0.05) 40%, transparent 70%); border-radius: 50%; z-index: 1; } .mp-visual::after { content: ”; position: absolute; bottom: -45px; left: 50%; transform: translateX(-50%) scaleY(-0.15); width: 40%; height: 80px; background: linear-gradient(to bottom, rgba(0,0,0,0.04), transparent); border-radius: 50%; z-index: 1; filter: blur(6px); pointer-events: none; } .mp-badge { position: absolute; width: 68px; height: 68px; border-radius: 50%; border: 1.5px solid rgba(180,155,100,0.4); background: rgba(255,255,255,0.55); backdrop-filter: blur(18px); display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: 5; box-shadow: 0 8px 32px rgba(0,0,0,0.06); top: 16px; right: 16px; } .mp-badge-symbol { font-family: var(–font-display); font-size: 18px; font-weight: 400; color: #C5A059; line-height: 1; } .mp-badge-sub { font-family: var(–font-body); font-size: 8px; font-weight: 600; color: #C5A059; letter-spacing: 0.3em; text-transform: uppercase; margin-top: 4px; } .mp-name { font-family: var(–font-display); font-size: 20px; font-weight: 400; color: #1A3026; margin: 0 0 10px; } .mp-desc { font-family: var(–font-body); font-size: 14px; color: #4A6B5D; line-height: 1.7; font-weight: 300; max-width: 240px; margin: 0 auto 16px; } .mp-tagline { font-family: var(–font-display); font-size: 14px; font-style: normal; color: #C5A059; } .mp-bottom { text-align: center; margin-top: 20px; padding-top: 15px; } .mp-bottom-text { font-family: var(–font-body); font-size: 14px; color: #4A6B5D; font-weight: 300; } .mp-bottom-text strong { color: #1A3026; font-weight: 600; } @keyframes fadeInUp { from{opacity:0;transform:translateY(30px)} to{opacity:1;transform:translateY(0)} } .mp-product:nth-child(1) { animation: fadeInUp 0.7s ease 0.1s backwards; } .mp-product:nth-child(2) { animation: fadeInUp 0.7s ease 0.25s backwards; } .mp-product:nth-child(3) { animation: fadeInUp 0.7s ease 0.4s backwards; } @media (max-width: 900px) { .mp-grid { grid-template-columns: 1fr; max-width: 340px; margin: 0 auto; gap: 50px; } .mp-visual { min-height: 260px; } }

Nasza oferta

Poznaj gamę produktów

Trzy linie produktów. Jedna filozofia — naturalna woda wysokozmineralizowana.

1,5 lPET

Niskonasycona CO₂

Lekkość, która daje energię. Codzienne, świadome nawodnienie.

Idealna na co dzień

0,7 lszkło

Premium w szkle

Elegancja spotyka naturę. Stworzona do celebracji wspólnych chwil.

Uzdrowiskowa elegancja

1,5 lPET

Średnionasycona CO₂

Klasyka z uzdrowiskowym charakterem. Moc naturalnych minerałów.

Siła odrzeźwienia