/* SURTEP popisy produktu v8 (12. 10. 2026) — DOPLNĚK k v4–v7 (v Záhlaví zůstávají všechny odkazy): sport a móda — karty vlastností s ikonou, složení látky, praní, průvodce velikostí pro lidi, dlaždice „Co byste měli vědět“. Jen CSS, bez skriptů. */
.sp-popis .sp-ik{display:block;flex:0 0 auto;width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,var(--sp-a),#7b5cff);position:relative;box-shadow:0 10px 22px -12px rgba(77,110,252,.7);transition:transform .5s var(--sp-ease)}
.sp-popis .sp-ik:after{content:"";position:absolute;inset:11px;background:#fff;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
.sp-ik-postava{--ic:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20stroke=%27%23000%27%20stroke-width=%272%27%20stroke-linecap=%27round%27%3E%3Cpath%20d=%27M7%203c0%204%203%205%203%209s-3%205-3%209M17%203c0%204-3%205-3%209s3%205%203%209M8%2012h8%27/%3E%3C/svg%3E")}
.sp-ik-latka{--ic:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20stroke=%27%23000%27%20stroke-width=%272%27%20stroke-linecap=%27round%27%3E%3Cpath%20d=%27M3%207c3-2%206%202%209%200s6-2%209%200M3%2012c3-2%206%202%209%200s6-2%209%200M3%2017c3-2%206%202%209%200s6-2%209%200%27/%3E%3C/svg%3E")}
.sp-ik-tecky{--ic:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2024%2024%27%3E%3Cg%20fill=%27%23000%27%3E%3Ccircle%20cx=%276%27%20cy=%276%27%20r=%272%27/%3E%3Ccircle%20cx=%2712%27%20cy=%276%27%20r=%272%27/%3E%3Ccircle%20cx=%2718%27%20cy=%276%27%20r=%272%27/%3E%3Ccircle%20cx=%276%27%20cy=%2712%27%20r=%272%27/%3E%3Ccircle%20cx=%2712%27%20cy=%2712%27%20r=%272%27/%3E%3Ccircle%20cx=%2718%27%20cy=%2712%27%20r=%272%27/%3E%3Ccircle%20cx=%276%27%20cy=%2718%27%20r=%272%27/%3E%3Ccircle%20cx=%2712%27%20cy=%2718%27%20r=%272%27/%3E%3Ccircle%20cx=%2718%27%20cy=%2718%27%20r=%272%27/%3E%3C/g%3E%3C/svg%3E")}
.sp-ik-kapka{--ic:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20stroke=%27%23000%27%20stroke-width=%272%27%20stroke-linejoin=%27round%27%3E%3Cpath%20d=%27M12%203s6%207%206%2011a6%206%200%200%201-12%200c0-4%206-11%206-11z%27/%3E%3C/svg%3E")}
.sp-ik-prani{--ic:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20stroke=%27%23000%27%20stroke-width=%272%27%20stroke-linejoin=%27round%27%3E%3Cpath%20d=%27M3%206l2%2013h14l2-13M3%206c3%202%206-2%209%200s6-2%209%200%27/%3E%3C/svg%3E")}
.sp-ik-knoflik{--ic:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20stroke=%27%23000%27%20stroke-width=%272%27%3E%3Ccircle%20cx=%2712%27%20cy=%2712%27%20r=%278%27/%3E%3Cg%20fill=%27%23000%27%20stroke=%27none%27%3E%3Ccircle%20cx=%2710%27%20cy=%2710%27%20r=%271.3%27/%3E%3Ccircle%20cx=%2714%27%20cy=%2710%27%20r=%271.3%27/%3E%3Ccircle%20cx=%2710%27%20cy=%2714%27%20r=%271.3%27/%3E%3Ccircle%20cx=%2714%27%20cy=%2714%27%20r=%271.3%27/%3E%3C/g%3E%3C/svg%3E")}
.sp-ik-sila{--ic:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20stroke=%27%23000%27%20stroke-width=%272%27%20stroke-linecap=%27round%27%3E%3Cpath%20d=%27M6%207v10M3%209v6M18%207v10M21%209v6M6%2012h12%27/%3E%3C/svg%3E")}
.sp-ik-taska{--ic:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20stroke=%27%23000%27%20stroke-width=%272%27%20stroke-linejoin=%27round%27%3E%3Cpath%20d=%27M5%208h14l-1%2012H6zM9%208V6a3%203%200%200%201%206%200v2%27/%3E%3C/svg%3E")}
.sp-ik-terc{--ic:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20stroke=%27%23000%27%20stroke-width=%272%27%3E%3Ccircle%20cx=%2712%27%20cy=%2712%27%20r=%279%27/%3E%3Ccircle%20cx=%2712%27%20cy=%2712%27%20r=%275%27/%3E%3Ccircle%20cx=%2712%27%20cy=%2712%27%20r=%271%27%20fill=%27%23000%27/%3E%3C/svg%3E")}
.sp-ik-stit{--ic:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20stroke=%27%23000%27%20stroke-width=%272%27%20stroke-linejoin=%27round%27%3E%3Cpath%20d=%27M12%203l8%203v6c0%205-4%208-8%209-4-1-8-4-8-9V6z%27/%3E%3Cpath%20d=%27M9%2012l2%202%204-4%27%20stroke-linecap=%27round%27/%3E%3C/svg%3E")}
.sp-ik-check{--ic:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2024%2024%27%20fill=%27none%27%20stroke=%27%23000%27%20stroke-width=%272.4%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27%3E%3Cpath%20d=%27M5%2012l5%205%209-10%27/%3E%3C/svg%3E")}
.sp-popis .sp-karty ul{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.sp-popis .sp-karty li{display:flex;gap:16px;align-items:flex-start;margin:0;padding:20px;border-radius:18px;background:#fff;border:1px solid var(--sp-line);transition:transform .35s var(--sp-ease),box-shadow .35s}
.sp-popis .sp-karty li:before{content:none}
.sp-popis .sp-karty li:hover{transform:translateY(-4px);box-shadow:0 18px 36px -22px rgba(29,36,51,.35)}
.sp-popis .sp-karty li:hover .sp-ik{transform:rotate(-8deg) scale(1.08)}
.sp-popis .sp-karty li>span{display:block}
.sp-popis .sp-karty li b{display:block;font-family:var(--sp-h);font-weight:700;font-size:17px;line-height:1.25;margin:2px 0 6px;color:var(--sp-ink)}
.sp-popis .sp-karty li span span{display:block;font-size:15px;line-height:1.55;color:var(--sp-m)}
.sp-popis .sp-sl-rada{display:flex;gap:16px;flex-wrap:wrap;align-items:stretch;margin:40px 0}
.sp-popis .sp-slozeni{display:block;flex:1 1 360px;margin:0;padding:24px 26px!important;border-radius:20px;background:linear-gradient(135deg,#f4f6ff,#fff 70%);border:1px solid #e1e6fb}
.sp-popis .sp-slozeni h2{font-size:22px;margin:4px 0 16px}
.sp-popis .sp-sl-pruh{display:flex;height:58px;border-radius:14px;overflow:hidden;gap:3px}
.sp-popis .sp-sl-pruh span{flex:var(--p) 0 0;min-width:118px;display:flex;flex-direction:column;justify-content:center;padding:0 14px;color:#fff;background:linear-gradient(135deg,#4d6efc,#3a55d6);transform-origin:left;animation:sp-v8-pruh 1s calc(.2s + var(--i)*.25s) both cubic-bezier(.2,.8,.2,1)}
.sp-popis .sp-sl-pruh span:nth-child(2){background:linear-gradient(135deg,#ff8a3d,#f25f5c)}
.sp-popis .sp-sl-pruh span:nth-child(3){background:linear-gradient(135deg,#22b07d,#139a6b)}
.sp-popis .sp-sl-pruh b{display:block;font-family:var(--sp-h);font-weight:800;font-size:20px;line-height:1}
.sp-popis .sp-sl-pruh i{display:block;white-space:nowrap;font-style:normal;font-size:13px;opacity:.9;margin-top:3px}
@keyframes sp-v8-pruh{from{transform:scaleX(0)}to{transform:none}}
.sp-popis .sp-pece{flex:0 1 260px;display:flex;gap:16px;align-items:center;padding:22px 24px;border-radius:20px;background:#f2fbf7;border:1px solid #cdeee0}
.sp-popis .sp-pece-ik{flex:0 0 auto;width:70px;height:62px;position:relative;display:grid;place-items:end center;padding-bottom:12px;box-sizing:border-box;font-style:normal}
.sp-popis .sp-pece-ik:before{content:"";position:absolute;inset:0;background:#139a6b;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2024%2022%27%20fill=%27none%27%20stroke=%27%23000%27%20stroke-width=%271.8%27%20stroke-linejoin=%27round%27%3E%3Cpath%20d=%27M1.5%204l2.4%2016h16.2L22.5%204M1.5%204c3.5%202.4%207-2.4%2010.5%200s7-2.4%2010.5%200%27/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2024%2022%27%20fill=%27none%27%20stroke=%27%23000%27%20stroke-width=%271.8%27%20stroke-linejoin=%27round%27%3E%3Cpath%20d=%27M1.5%204l2.4%2016h16.2L22.5%204M1.5%204c3.5%202.4%207-2.4%2010.5%200s7-2.4%2010.5%200%27/%3E%3C/svg%3E") center/contain no-repeat}
.sp-popis .sp-pece-ik b{position:relative;font-family:var(--sp-h);font-weight:800;font-size:19px;line-height:1;color:#139a6b}
.sp-popis .sp-pece>span{font-size:14px;color:var(--sp-m);line-height:1.4}
.sp-popis .sp-pece>span b{display:block;font-family:var(--sp-h);font-weight:700;font-size:17px;line-height:1.25;color:#0e6e4c}
.sp-popis .sp-velik{margin:48px 0;padding:30px!important;border-radius:24px;background:#fff;border:1px solid var(--sp-line);box-shadow:0 24px 48px -36px rgba(29,36,51,.4)}
.sp-popis .sp-velik-hlava{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}
.sp-popis .sp-velik h2{margin:4px 0 0}
.sp-popis .sp-metr{display:block;flex:0 1 300px;height:40px;border-radius:8px;background:repeating-linear-gradient(90deg,#1d2433 0 2px,transparent 2px 30px) 0 0/100% 18px no-repeat,repeating-linear-gradient(90deg,#1d2433 0 1px,transparent 1px 6px) 0 0/100% 9px no-repeat,#ffd84d;box-shadow:inset 0 -3px 0 rgba(0,0,0,.08);transform:rotate(-2deg)}
.sp-popis .sp-jak{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:12px;margin:22px 0 20px}
.sp-popis .sp-jak>span{display:block;padding:14px 16px;border-radius:14px;background:var(--sp-tint);font-size:14px;color:var(--sp-m);line-height:1.4}
.sp-popis .sp-jak b{display:block;font-family:var(--sp-h);font-weight:700;font-size:16px;color:var(--sp-ink)}
.sp-popis .sp-jak i{float:left;width:28px;height:28px;margin:0 10px 0 0;border-radius:50%;background:var(--sp-a);color:#fff;font-family:var(--sp-h);font-weight:800;font-size:14px;line-height:28px;text-align:center;font-style:normal}
.sp-popis .sp-jak>.sp-jak-tip{background:#fff6dd;color:#7a5a00;font-size:15px}
.sp-popis .sp-jak-tip b{color:#5c4300;margin-bottom:2px}
.sp-popis .sp-velik ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.sp-popis .sp-velik li{display:block;margin:0;padding:16px;border-radius:16px;border:2px solid var(--sp-line);background:#fff;transition:border-color .25s,transform .25s,box-shadow .25s}
.sp-popis .sp-velik li:before{content:none}
.sp-popis .sp-velik li:hover{border-color:var(--sp-a);transform:translateY(-3px);box-shadow:0 14px 28px -18px rgba(77,110,252,.6)}
.sp-popis .sp-vlb{display:inline-block;min-width:54px;padding:6px 10px;border-radius:10px;background:var(--sp-ink);color:#fff;font-family:var(--sp-h);font-weight:800;font-size:22px;line-height:1;text-align:center;transition:background .25s}
.sp-popis .sp-velik li:hover .sp-vlb{background:var(--sp-a)}
.sp-popis .sp-vel-r{display:block;margin:12px 0 0}
.sp-popis .sp-vel-r>span{display:flex;justify-content:space-between;gap:8px;padding:5px 0;border-top:1px dashed var(--sp-line);font-family:var(--sp-h);font-weight:700;font-size:15px;color:var(--sp-ink)}
.sp-popis .sp-vel-r>span>i{font-family:var(--template-font),sans-serif;font-weight:400;font-size:13px;color:#7a8296;font-style:normal}
.sp-popis .sp-vel-r .sp-cm{font-weight:400;font-size:11px;color:#7a8296;font-style:normal}
.sp-popis .sp-dlazdice ul{list-style:none;margin:16px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.sp-popis .sp-dlazdice li{display:block;margin:0;padding:22px;border-radius:18px;background:linear-gradient(160deg,#f4f6ff,#fff);border:1px solid #e1e6fb}
.sp-popis .sp-dlazdice li:before{content:none}
.sp-popis .sp-dlazdice li b{display:block;margin:14px 0 6px;font-family:var(--sp-h);font-weight:700;font-size:18px}
.sp-popis .sp-dlazdice li span{color:var(--sp-m);font-size:15px;line-height:1.5}
.sp-popis .sp-par-cisla b.sp-dlouhe{font-size:clamp(22px,2.4vw,30px);white-space:normal;letter-spacing:-.01em}
@supports (animation-timeline:view()){.sp-popis .sp-karty li,.sp-popis .sp-velik li,.sp-popis .sp-dlazdice li{animation:sp-v8-up linear both;animation-timeline:view();animation-range:entry 5% entry 70%}}
@keyframes sp-v8-up{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (max-width:640px){.sp-popis .sp-jak{grid-template-columns:1fr}.sp-popis .sp-velik{padding:20px!important}.sp-popis .sp-metr{display:none}.sp-popis .sp-karty ul{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.sp-popis .sp-karty li,.sp-popis .sp-velik li,.sp-popis .sp-dlazdice li,.sp-popis .sp-sl-pruh span{animation:none}}