/* pk-popisy-v1.css — šablóna popisov produktov (prefix .pp-), Perlička SK/CZ/HU/PL.
   Presunuté z inline <style> v popise každého produktu (13. 10. 2026), obsah = najnovšia verzia šablóny Ľuba
   (na CZ/HU/PL bajt po bajte rovnaká, na SK nadmnožina všetkých 7 starších verzií). Zmena = nový súbor -v2. */
/* Perlička — popis produktu.
   Shoptet do popisu strieľa vlastné pravidlá s ID selektorom
   (#tab-content p{color:#645559}) a kreslí gulôčku pred KAŽDÉ li.
   Preto sú farby a kľúčové odstupy s !important a cudzie li::before
   sa vypína. Bez toho vyjde text šedý a chipy zlepené s tlačidlom. */
.pp{--c:#ce3178;--bg:#fef5fa;--lt:#f9e8f1;--br:#fad7e8;--tx:#575555;--mu:#a5a5a5;--r:26px;--cd:15px;font-family:Nunito,"Segoe UI",sans-serif;color:var(--tx);line-height:1.5}
@media(max-width:900px){.pp{--r:20px}}
@media(max-width:500px){.pp{--r:16px}}
.pp *,.pp *::before,.pp *::after{box-sizing:border-box}
.pp img{max-width:100%;display:block}
.pp h2,.pp h3,.pp p{margin:0;color:var(--tx)}
.pp ul{margin:0;padding:0;list-style:none}
.pp li::before{content:none}
.pp a{color:var(--c);text-decoration:none}
.pp a:hover{color:#e00d79}

.pp-c{background:#fff;border-radius:var(--cd);padding:40px 44px;margin-bottom:16px}
@media(max-width:900px){.pp-c{padding:28px 24px}}
@media(max-width:500px){.pp-c{padding:22px 18px;margin-bottom:12px}}
.pp .pp-h{color:var(--c)!important;font-family:Montserrat,sans-serif;font-size:34px;font-weight:500;line-height:1.15;text-align:center;margin:0 0 34px}
@media(max-width:1200px){.pp .pp-h{font-size:29px;margin-bottom:28px}}
@media(max-width:900px){.pp .pp-h{font-size:24px;margin-bottom:22px}}
@media(max-width:500px){.pp .pp-h{font-size:20px;margin-bottom:18px}}

.pp-hero{display:flex;gap:50px;align-items:flex-start}
@media(max-width:900px){.pp-hero{flex-direction:column;gap:28px}}
.pp-hero>div:first-child{flex:1;min-width:0}
.pp-fig{flex-shrink:0;width:400px}
/* Na PC fotka sadne nižšie, spodkom zarovno s poslednou dlaždicou. Na mobile nič. */
@media(min-width:901px){.pp-fig{align-self:flex-end}}
@media(max-width:900px){.pp-fig{width:100%;max-width:420px;margin:0 auto}}
.pp-fig-in{border-radius:calc(var(--r) * 1.4);overflow:hidden;background:var(--lt);aspect-ratio:2/3}
.pp-fig-in img{width:100%;height:100%;object-fit:cover}
.pp p.pp-cap{margin:14px 0 0!important;color:var(--mu)!important;font-size:14px;font-weight:500;text-align:center;line-height:1.4}
.pp .pp-cap b{color:var(--tx)!important}
.pp .pp-t{color:var(--c)!important;font-family:Montserrat,sans-serif;font-size:36px;font-weight:500;line-height:1.2;margin:0 0 14px!important}
@media(max-width:1200px){.pp .pp-t{font-size:31px}}
@media(max-width:500px){.pp .pp-t{font-size:20px}}
.pp .pp-t b{font-weight:700;color:var(--c)!important}
.pp p.pp-px{font-size:18px;margin:0 0 30px!important;color:var(--tx)!important}
@media(max-width:500px){.pp p.pp-px{font-size:16px;margin-bottom:22px!important}}

.pp-ls{display:flex;flex-direction:column;gap:16px}
.pp-l{background:var(--bg);border-radius:var(--r);padding:22px 28px}
@media(max-width:500px){.pp-l{padding:17px 19px}}
.pp p.pp-l-t{color:var(--c)!important;font-size:17px;font-weight:800;margin:0 0 12px!important}
@media(max-width:500px){.pp p.pp-l-t{font-size:15px;margin-bottom:9px!important}}
.pp ul.pp-lz{display:flex;flex-direction:column;gap:8px;margin:0!important}
.pp ul.pp-lz li{position:relative;padding-left:25px;font-size:16px;line-height:1.5;color:var(--tx)!important;list-style:none}
.pp ul.pp-lz li::before{content:""!important;position:absolute;left:4px;top:.62em;width:7px;height:7px;border-radius:50%;background:var(--c)!important;display:block;left:4px!important;top:.62em!important;width:7px!important;height:7px!important}
@media(max-width:500px){.pp ul.pp-lz li{font-size:15px;padding-left:21px}}

.pp-ps{display:flex;gap:16px;flex-wrap:wrap}
@media(max-width:800px){.pp-ps{flex-direction:column;gap:10px}}
.pp-p{flex:1 1 calc(25% - 12px);min-width:250px;display:flex;align-items:center;gap:18px;padding:22px 26px;background:var(--bg);border-radius:var(--r)}
@media(max-width:1200px){.pp-p{flex:1 1 calc(50% - 8px)}}
@media(max-width:500px){.pp-p{padding:15px 17px;gap:14px}}
.pp-p-i{flex-shrink:0;width:50px;height:50px;border-radius:50%;background-color:#fff;background-repeat:no-repeat;background-position:center;background-size:26px 26px}
@media(max-width:500px){.pp-p-i{width:42px;height:42px;background-size:22px 22px}}
.pp p.pp-p-l{color:var(--mu)!important;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin:0 0 4px!important}
.pp p.pp-p-v{color:var(--c)!important;font-size:19px;font-weight:800;line-height:1.3;margin:0!important}
@media(max-width:500px){.pp p.pp-p-v{font-size:16px}}

.pp-v{display:flex;gap:46px;align-items:center;justify-content:center}
@media(max-width:900px){.pp-v{flex-direction:column;gap:24px}}
.pp-v-f{flex-shrink:0;width:520px;max-width:100%;border-radius:var(--r);overflow:hidden;background:var(--lt);aspect-ratio:16/9}
.pp-v.tall .pp-v-f{width:300px;aspect-ratio:9/16}
.pp-v-f iframe{display:block;width:100%;height:100%;border:0}
.pp-v>div:last-child{flex:1;min-width:0;max-width:620px}
.pp p.pp-v-t{color:var(--c)!important;font-family:Montserrat,sans-serif;font-size:27px;font-weight:500;line-height:1.25;margin:0 0 16px!important}
@media(max-width:500px){.pp p.pp-v-t{font-size:19px;margin-bottom:12px!important}}
.pp p.pp-v-x{font-size:17px;margin:0 0 12px!important;color:var(--tx)!important}
.pp p.pp-v-x:last-child{margin-bottom:0!important}
@media(max-width:500px){.pp p.pp-v-x{font-size:15px}}

.pp-tw{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--r);border:1px solid var(--br)}
.pp-tb{width:100%;border-collapse:collapse;text-align:center;font-size:14px}
@media(max-width:700px){.pp-tb{font-size:12.5px}}
.pp-tb th,.pp-tb td{padding:12px 8px;white-space:nowrap;border:0;border-bottom:1px solid var(--br);color:var(--tx)}
.pp-tb tbody tr:last-child th,.pp-tb tbody tr:last-child td{border-bottom:0}
.pp-tb thead th{background:var(--c)!important;color:#fff!important;font-weight:800;line-height:1.25;font-size:13px;border-bottom:0;white-space:normal;min-width:62px}
.pp-tb thead th b{display:block;font-weight:600;opacity:.82;font-size:11px;margin-top:2px;color:#fff!important}
.pp-tb tbody th i{display:block;font-style:normal;font-weight:600;font-size:11px;opacity:.75;margin-top:1px}
.pp-tb tbody th{background:var(--bg);color:var(--c)!important;font-weight:700;text-align:left;padding:12px 16px;position:sticky;left:0}
.pp-tb thead th:first-child{text-align:left;padding-left:16px;position:sticky;left:0;background:var(--c)!important}
.pp-tb tbody tr:nth-child(even) td{background:#fdf9fb}
.pp p.pp-hint{margin:12px 0 0!important;color:var(--mu)!important;font-size:13px;text-align:center;display:none}
@media(max-width:900px){.pp p.pp-hint{display:block}}
.pp-n{margin-top:24px;padding:20px 26px 20px 62px;position:relative;background:var(--bg);border-radius:var(--r);font-size:16px;line-height:1.5;color:var(--tx)}
@media(max-width:500px){.pp-n{padding:17px 19px 17px 50px;font-size:15px}}
.pp-n::before{content:"i"!important;position:absolute;left:24px;top:20px;width:24px;height:24px;border-radius:50%;background:var(--c);color:#fff;font-family:Montserrat,sans-serif;font-weight:700;font-size:14px;line-height:24px;text-align:center;display:block}
@media(max-width:500px){.pp-n::before{left:16px;top:17px}}
.pp .pp-n b{color:var(--c)!important}
.pp b.pp-cert{color:var(--c)!important;font-weight:800}

.pp-bs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media(max-width:1100px){.pp-bs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.pp-bs{grid-template-columns:1fr;gap:11px}}
.pp-b{background:var(--bg);border-radius:var(--r);padding:30px 24px 28px;display:flex;flex-direction:column;align-items:center;text-align:center}
@media(max-width:700px){.pp-b{flex-direction:row;text-align:left;padding:17px 19px;gap:17px;align-items:center}}
.pp-b-i{flex-shrink:0;width:74px;height:74px;border-radius:50%;background-color:#fff;margin-bottom:18px;background-repeat:no-repeat;background-position:center;background-size:36px 36px}
@media(max-width:700px){.pp-b-i{margin-bottom:0;width:54px;height:54px;background-size:28px 28px}}
.pp p.pp-b-t{color:var(--c)!important;font-size:16px;font-weight:800;margin:0 0 8px!important}
@media(max-width:700px){.pp p.pp-b-t{font-size:15px;margin-bottom:4px!important}}
.pp p.pp-b-x{font-size:14px;margin:0!important;line-height:1.5;color:var(--tx)!important}

.pp p.pp-rl{text-align:center;font-size:16px;margin:-18px 0 30px!important;color:var(--tx)!important}
@media(max-width:500px){.pp p.pp-rl{margin:-10px 0 20px!important;font-size:15px}}
.pp-rs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media(max-width:1000px){.pp-rs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.pp-rs{grid-template-columns:1fr;gap:11px}}
.pp-r{background:var(--bg);border-radius:var(--r);padding:24px 26px 26px;display:flex;flex-direction:column}
@media(max-width:500px){.pp-r{padding:17px 19px}}
.pp-r-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:10px}
.pp p.pp-r-n{font-size:16px;font-weight:700;margin:0!important;color:var(--tx)!important}
.pp p.pp-r-s{color:var(--c)!important;font-size:14px;letter-spacing:2px;margin:0!important;white-space:nowrap}
.pp p.pp-r-t{font-size:15px;margin:0 0 18px!important;line-height:1.55;color:var(--tx)!important}
.pp p.pp-r-d{color:var(--mu)!important;font-size:13px;margin:auto 0 0!important}
.pp-r-x{background:var(--c);border-radius:var(--r);padding:34px 26px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.pp-r-x-i{width:38px;height:38px;margin-bottom:16px;background-repeat:no-repeat;background-position:center;background-size:contain}
.pp p.pp-r-x-t{color:#fff!important;font-size:17px;font-weight:700;margin:0 0 20px!important;line-height:1.4}
.pp-r-x a{padding:12px 26px;border-radius:30px;background:#fff;color:var(--c)!important;font-size:15px;font-weight:700}

.pp-cta{position:relative;border-radius:var(--r);overflow:hidden;background:var(--c);display:flex;align-items:stretch;margin-bottom:16px}
@media(max-width:800px){.pp-cta{flex-direction:column}}
.pp-cta-i{flex-shrink:0;width:40%;position:relative;min-height:360px}
@media(max-width:800px){.pp-cta-i{width:100%;min-height:0;aspect-ratio:16/10}}
.pp-cta-i img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pp-cta-c{flex:1;min-width:0;padding:46px 50px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;z-index:1}
@media(max-width:800px){.pp-cta-c{padding:28px 22px;align-items:center;text-align:center}}
.pp p.pp-cta-e{color:#fff!important;opacity:.78;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;margin:0 0 12px!important}
.pp p.pp-cta-t{color:#fff!important;font-family:Montserrat,sans-serif;font-size:31px;font-weight:700;line-height:1.2;margin:0 0 16px!important}
@media(max-width:1200px){.pp p.pp-cta-t{font-size:26px}}
@media(max-width:500px){.pp p.pp-cta-t{font-size:21px}}
.pp p.pp-cta-x{color:#fff!important;opacity:.93;font-size:16px;margin:0 0 26px!important;max-width:430px;line-height:1.55}
.pp ul.pp-cta-p{display:flex;flex-wrap:wrap;gap:9px 10px;margin:0 0 30px!important;padding:0!important;list-style:none}
@media(max-width:800px){.pp ul.pp-cta-p{justify-content:center}}
.pp ul.pp-cta-p li{padding:8px 17px;border-radius:40px;background:rgba(255,255,255,.17);color:#fff!important;font-size:14px;font-weight:700;list-style:none;position:static}
.pp ul.pp-cta-p li::before{content:none!important;display:none!important}
.pp a.pp-cta-b{display:inline-block;padding:14px 32px;border-radius:50px;background:#fff;color:var(--c)!important;font-size:18px;font-weight:700;transition:transform .3s;margin:0}
.pp a.pp-cta-b:hover{transform:scale(1.04);color:var(--c)!important}
@media(max-width:500px){.pp a.pp-cta-b{font-size:16px;padding:12px 26px}}

.pp p.pp-fl{text-align:center;font-size:16px;color:var(--mu)!important;margin:-18px 0 28px!important;line-height:1.5}
@media(max-width:500px){.pp p.pp-fl{margin:-10px 0 20px!important;font-size:14px}}
.pp-f{border-radius:var(--r);margin-bottom:10px;overflow:hidden;background:#fff;border:1px solid var(--br)}
.pp-f[open]{background:var(--bg);border-color:transparent}
.pp-f summary{list-style:none;cursor:pointer;position:relative;padding:21px 60px 21px 28px;color:var(--c)!important;font-size:18px;font-weight:700;line-height:1.4}
.pp-f summary::-webkit-details-marker{display:none}
@media(max-width:500px){.pp-f summary{font-size:15px;padding:17px 48px 17px 20px}}
.pp-f summary:hover{background:var(--bg)}
.pp-f[open] summary:hover{background:var(--lt)}
.pp-f summary::after{content:""!important;position:absolute;right:28px;top:50%;width:10px;height:10px;margin-top:-7px;border-right:2.5px solid var(--c);border-bottom:2.5px solid var(--c);transform:rotate(45deg);transition:transform .25s;display:block;background:none}
@media(max-width:500px){.pp-f summary::after{right:20px}}
.pp-f[open] summary::after{transform:rotate(-135deg);margin-top:-2px}
.pp p.pp-f-a{padding:0 28px 22px;font-size:16px;margin:0!important;line-height:1.55;color:var(--tx)!important}
@media(max-width:500px){.pp p.pp-f-a{padding:0 20px 18px;font-size:14px}}
.pp .pp-f-a b{color:var(--c)!important}

/* --- mobil: tabuľka sa musí zmestiť do čo najmenej posúvania --- */
@media(max-width:700px){
.pp-tb{font-size:12px}
.pp-tb th,.pp-tb td{padding:9px 5px}
.pp-tb thead th{font-size:11.5px;min-width:44px}
.pp-tb tbody th{padding:9px 9px;white-space:normal;max-width:92px;line-height:1.25;font-size:11.5px}
.pp-tb thead th:first-child{padding-left:9px;font-size:11.5px}
.pp-tb tbody th i{font-size:10px}
.pp-tw{position:relative}
}
/* na úzkych telefónoch ešte o kúsok viac */
@media(max-width:400px){
.pp-tb th,.pp-tb td{padding:8px 4px}
.pp-tb tbody th{max-width:80px}
}

/* ⛔ Popis sa nesmie roztiahnut nad svoj kontajner.
   Sirka tabulky a videa inak pretlaci cely popis mimo obrazovku
   (na PL mal .pp 779px v 335px kontajneri a stranka sa hybala do strán).
   Sirka sa preto zastropuje na kazdej urovni a min-width sa nuluje,
   inak min-content obsahu vyhra nad sirkou rodica. */
.pp{max-width:100%;min-width:0}
.pp-c,.pp-cta{max-width:100%;min-width:0}
.pp-tw{max-width:100%;min-width:0;width:100%}
.pp-hero,.pp-v,.pp-ps,.pp-bs,.pp-rs,.pp-ls,.pp-l,.pp-p,.pp-b,.pp-r,.pp-f{max-width:100%;min-width:0}
@media(max-width:900px){
.pp-v-f{width:100%;flex-shrink:1}
.pp-fig{width:100%}
}
.pp-i-zlozenie{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23ce3178' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 4h12'/%3E%3Cpath d='M10 28h12'/%3E%3Cpath d='M11 4v24'/%3E%3Cpath d='M21 4v24'/%3E%3Cpath d='M11 9h10'/%3E%3Cpath d='M11 23h10'/%3E%3Cpath d='M11 13.5c3.5 1.5 6.5 3.5 10 5'/%3E%3Cpath d='M11 18.5c3.5-1.5 6.5-3.5 10-5'/%3E%3C/svg%3E")}
.pp-i-pranie{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23ce3178' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 9q3.85-3 7.7 0t7.7 0 7.7 0l-2.7 13.4a2.2 2.2 0 0 1-2.2 1.8H9.4a2.2 2.2 0 0 1-2.2-1.8Z'/%3E%3C/svg%3E")}
.pp-i-farba{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23ce3178' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 4.5c6.6 0 12 4.4 12 10.2a6.8 6.8 0 0 1-6.8 6.8h-2.4a2.2 2.2 0 0 0-2.2 2.2c0 1.3 1.3 1.9 1.3 3.4 0 1.2-.9 2.4-2.6 2.4C9.1 29.5 4 24 4 17 4 10 9.4 4.5 16 4.5Z'/%3E%3Ccircle cx='10.5' cy='13' r='1.4' fill='%23ce3178' stroke='none'/%3E%3Ccircle cx='15' cy='9.8' r='1.4' fill='%23ce3178' stroke='none'/%3E%3Ccircle cx='20.5' cy='11.8' r='1.4' fill='%23ce3178' stroke='none'/%3E%3Ccircle cx='9.5' cy='19' r='1.4' fill='%23ce3178' stroke='none'/%3E%3C/svg%3E")}
.pp-i-vesiak{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23ce3178' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 10.5a2.8 2.8 0 1 1 2.8-2.8'/%3E%3Cpath d='M16 10.5v2.6'/%3E%3Cpath d='M16 13.1 4.4 21a1.6 1.6 0 0 0 .9 2.9h21.4a1.6 1.6 0 0 0 .9-2.9L16 13.1Z'/%3E%3C/svg%3E")}
.pp-i-latka{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23ce3178' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 5 4 11l12 6 12-6-12-6Z'/%3E%3Cpath d='M4 16.5 16 22.5l12-6'/%3E%3Cpath d='M4 22 16 28l12-6'/%3E%3C/svg%3E")}
.pp-i-vrecko{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23ce3178' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 6h18v14a6 6 0 0 1-6 6h-6a6 6 0 0 1-6-6V6Z'/%3E%3Cpath d='M7 12h18'/%3E%3Cpath d='M13 17.5h6'/%3E%3C/svg%3E")}
.pp-i-pravitko{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23ce3178' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='10' width='27' height='12' rx='3.5'/%3E%3Cpath d='M7 10v4'/%3E%3Cpath d='M11 10v6.5'/%3E%3Cpath d='M16 10v4'/%3E%3Cpath d='M21 10v6.5'/%3E%3Cpath d='M25.5 10v4'/%3E%3C/svg%3E")}
.pp-cta-p-znak{position:absolute;right:-30px;bottom:-40px;z-index:0;width:300px;height:302px;background-repeat:no-repeat;background-position:center;background-size:contain;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 365 368' fill='none'%3E%3Cpath d='M206.8 114.375C206.8 125.632 212.098 135.375 220.118 141.649C211.914 147.923 206.616 157.667 206.616 168.923C206.616 170.953 206.8 172.983 207.168 175.013C201.686 170.953 194.733 168.554 187.448 168.554C179.244 168.554 171.555 171.507 165.705 176.489C166.257 174.09 166.625 171.507 166.625 168.923C166.625 157.704 161.327 147.923 153.086 141.649C161.29 135.375 166.625 125.632 166.625 114.375C166.625 111.607 166.257 108.839 165.705 106.255C171.555 111.238 179.023 114.375 187.448 114.375C194.954 114.375 201.686 111.976 207.352 107.916C206.984 109.946 206.8 112.16 206.8 114.375ZM182.518 0C283.178 0 365.037 82.3396 365.037 184.018C365.037 285.697 283.362 368 182.518 368C81.6752 368 0 285.66 0 184.018C0 82.3765 81.6752 0 182.518 0ZM274.385 164.679C274.385 153.459 269.087 143.679 260.883 137.22C269.087 130.946 274.385 121.203 274.385 109.983C274.385 91.1973 259.227 75.9178 240.574 75.9178C233.069 75.9178 226.336 78.3167 220.67 82.3765C221.038 80.3466 221.222 78.1322 221.222 75.9178C221.222 57.1321 206.064 41.8526 187.412 41.8526C168.759 41.8526 153.601 57.1321 153.601 75.9178C153.601 78.6858 153.969 81.4538 154.521 84.0373C148.671 79.0549 141.203 75.9178 132.777 75.9178C114.161 75.9178 98.9669 91.1973 98.9669 109.983C98.9669 121.203 104.265 130.983 112.469 137.22C104.265 143.495 98.9669 153.238 98.9669 164.495C98.9669 175.751 104.449 185.679 112.653 191.953C104.449 198.228 98.9669 208.156 98.9669 219.412C98.9669 231.555 105.368 242.258 114.86 248.311C105.368 254.4 98.9669 265.066 98.9669 277.246C98.9669 296.031 114.125 311.311 132.777 311.311C151.43 311.311 166.588 296.031 166.588 277.246C166.588 265.103 160.186 254.4 150.695 248.311C158.899 243.328 164.565 234.876 166.22 224.911C172.07 229.525 179.538 232.477 187.596 232.477C206.212 232.477 221.406 217.198 221.406 198.412C221.406 196.382 221.222 194.352 220.854 192.323C226.336 196.382 233.29 198.781 240.574 198.781C259.19 198.781 274.385 183.502 274.385 164.716' fill='%23ffffff' fill-opacity='0.3'/%3E%3C/svg%3E")}
@media(max-width:1200px){.pp-cta-p-znak{width:230px;height:232px;right:-24px;bottom:-32px}}
@media(max-width:800px){.pp-cta-p-znak{width:170px;height:171px;right:-20px;bottom:-24px}}
.pp-r-x-i{background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23ffffff%27 stroke-width=%271.6%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M21 11.5a8.4 8.4 0 0 1-9 8.4 9 9 0 0 1-2.8-.4L4 21l1.5-4.2A8.3 8.3 0 0 1 3.6 11.5 8.4 8.4 0 0 1 12 3.1a8.4 8.4 0 0 1 9 8.4Z%27/%3E%3C/svg%3E")}

/* --- Pánska verzia: rovnaká šablóna, navy akcent (#475577 = presne odtieň z pánskych
   veľkostných tabuliek, rgb(71,85,119)). Ľubo 21.9.2026. --- */
.pp.pp-m{--c:#475577;--bg:#f4f6fa;--lt:#eaeef6;--br:#d4dce9}
.pp.pp-m a:hover{color:#5a6b93}
.pp.pp-m .pp-tb tbody tr:nth-child(even) td{background:#f7f9fc}
.pp.pp-m .pp-i-zlozenie{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23475577' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 4h12'/%3E%3Cpath d='M10 28h12'/%3E%3Cpath d='M11 4v24'/%3E%3Cpath d='M21 4v24'/%3E%3Cpath d='M11 9h10'/%3E%3Cpath d='M11 23h10'/%3E%3Cpath d='M11 13.5c3.5 1.5 6.5 3.5 10 5'/%3E%3Cpath d='M11 18.5c3.5-1.5 6.5-3.5 10-5'/%3E%3C/svg%3E")}
.pp.pp-m .pp-i-pranie{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23475577' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 9q3.85-3 7.7 0t7.7 0 7.7 0l-2.7 13.4a2.2 2.2 0 0 1-2.2 1.8H9.4a2.2 2.2 0 0 1-2.2-1.8Z'/%3E%3C/svg%3E")}
.pp.pp-m .pp-i-farba{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23475577' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 4.5c6.6 0 12 4.4 12 10.2a6.8 6.8 0 0 1-6.8 6.8h-2.4a2.2 2.2 0 0 0-2.2 2.2c0 1.3 1.3 1.9 1.3 3.4 0 1.2-.9 2.4-2.6 2.4C9.1 29.5 4 24 4 17 4 10 9.4 4.5 16 4.5Z'/%3E%3Ccircle cx='10.5' cy='13' r='1.4' fill='%23475577' stroke='none'/%3E%3Ccircle cx='15' cy='9.8' r='1.4' fill='%23475577' stroke='none'/%3E%3Ccircle cx='20.5' cy='11.8' r='1.4' fill='%23475577' stroke='none'/%3E%3Ccircle cx='9.5' cy='19' r='1.4' fill='%23475577' stroke='none'/%3E%3C/svg%3E")}
.pp.pp-m .pp-i-vesiak{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23475577' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 10.5a2.8 2.8 0 1 1 2.8-2.8'/%3E%3Cpath d='M16 10.5v2.6'/%3E%3Cpath d='M16 13.1 4.4 21a1.6 1.6 0 0 0 .9 2.9h21.4a1.6 1.6 0 0 0 .9-2.9L16 13.1Z'/%3E%3C/svg%3E")}
.pp.pp-m .pp-i-latka{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23475577' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 5 4 11l12 6 12-6-12-6Z'/%3E%3Cpath d='M4 16.5 16 22.5l12-6'/%3E%3Cpath d='M4 22 16 28l12-6'/%3E%3C/svg%3E")}
.pp.pp-m .pp-i-vrecko{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23475577' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 6h18v14a6 6 0 0 1-6 6h-6a6 6 0 0 1-6-6V6Z'/%3E%3Cpath d='M7 12h18'/%3E%3Cpath d='M13 17.5h6'/%3E%3C/svg%3E")}
.pp.pp-m .pp-i-pravitko{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='none' stroke='%23475577' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='10' width='27' height='12' rx='3.5'/%3E%3Cpath d='M7 10v4'/%3E%3Cpath d='M11 10v6.5'/%3E%3Cpath d='M16 10v4'/%3E%3Cpath d='M21 10v6.5'/%3E%3Cpath d='M25.5 10v4'/%3E%3C/svg%3E")}

/* Zvislý prevodník veľkostí pri obuvi — stojí v hero namiesto fotky produktu. */
.pp-tv{border-radius:var(--r);border:1px solid var(--br);overflow:hidden;font-size:15px}
.pp-tv thead th{text-align:center;font-size:14px;min-width:0;padding:14px 10px}
.pp-tv thead th:first-child{text-align:center;padding-left:10px;position:static}
.pp-tv tbody th{text-align:center;padding:12px 10px;position:static;font-size:17px;font-weight:800}
.pp-tv tbody td{font-weight:700;font-size:16px}
.pp-fig-top{align-self:flex-start!important}
.pp-l-pod{margin-top:16px}
/* keď nadpis a úvod stoja nad dvojstĺpcom (obuv), potrebujú odstup od dlaždíc */
.pp-c>.pp-px{margin-bottom:26px!important}

/* Shoptet dáva v popise každému li display:flex + align-items:center a každému b display:block.
   Pri dvojici „Názov: hodnota" to potom vyzeralo, že sa text rozpadol — názov sa zvisle vycentroval
   vedľa zalomenej hodnoty. Vraciame normálne inline správanie. */
.pp ul.pp-lz li{display:list-item!important;align-items:flex-start!important}
.pp ul.pp-lz li>b{display:inline!important}

/* Na mobile ide prevodník veľkostí hneď pod úvodný odsek, až za ním textové bloky. */
@media(max-width:900px){.pp-fig-top{order:-1}}
/* Charitatívna edícia Svetielko nádeje — veta o podpore nadácie. */
.pp .pp-ed{background:var(--lt);border-radius:14px;padding:12px 16px;margin:14px 0 0!important;color:var(--c)!important;font-weight:600;font-size:15px}