/* SURTEP popisy produktu v7 (12. 10. 2026) — DOPLNĚK k v4–v6 (v Záhlaví zůstávají všechny odkazy): karta receptu, mřížka výhod. Jen CSS, bez skriptů. */
.sp-popis .sp-recept{display:grid;grid-template-columns:120px 1fr;gap:28px;align-items:center;margin:48px 0;padding:34px 36px!important;border-radius:24px;background:linear-gradient(135deg,#fff6ec 0,#fff 65%);border:1px solid #f6dfc6;position:relative;overflow:hidden}
.sp-popis .sp-recept:after{content:"";position:absolute;right:-70px;top:-70px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(240,138,36,.16),transparent 70%);pointer-events:none}
.sp-popis .sp-recept-ikona{width:120px;height:120px;border-radius:50%;background:#fff;box-shadow:0 18px 40px -22px rgba(176,92,10,.55),inset 0 0 0 2px #f6c99a;display:grid;place-items:center;transition:transform .6s var(--sp-ease)}
.sp-popis .sp-recept-ikona span{width:56px;height:56px;background:#e97e1c;-webkit-mask: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=%271.8%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27%3E%3Cpath%20d=%22M7%202v7a2%202%200%200%200%202%202h0a2%202%200%200%200%202-2V2M9%2011v11M17%2022V2c-2.2%201.2-3.5%203.8-3.5%207%200%202.6%201.2%204%203.5%204%22/%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%2024%27%20fill=%27none%27%20stroke=%27%23000%27%20stroke-width=%271.8%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27%3E%3Cpath%20d=%22M7%202v7a2%202%200%200%200%202%202h0a2%202%200%200%200%202-2V2M9%2011v11M17%2022V2c-2.2%201.2-3.5%203.8-3.5%207%200%202.6%201.2%204%203.5%204%22/%3E%3C/svg%3E") center/contain no-repeat}
.sp-popis .sp-recept:hover .sp-recept-ikona{transform:rotate(-10deg) scale(1.05)}
.sp-popis .sp-recept .sp-stitek{display:inline-block;font-weight:700;font-size:12px;line-height:1;font-family:var(--sp-h);letter-spacing:.12em;text-transform:uppercase;color:#c2640e;background:#fff;border:1px solid #f6dfc6;border-radius:99px;padding:7px 12px;margin-bottom:12px}
.sp-popis .sp-recept h2{font-size:26px;line-height:1.25;margin-bottom:10px;max-width:40ch}
.sp-popis .sp-recept p{color:var(--sp-m);max-width:62ch}
.sp-popis .sp-recept strong{color:var(--sp-ink)}
.sp-popis .sp-vyhody h2{font-size:27px;margin-bottom:20px}
.sp-popis .sp-vyhody ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(max(200px,calc((100% - 28px)/3)),1fr));gap:12px 14px}
.sp-popis .sp-vyhody li{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--sp-line);border-radius:14px;padding:14px 16px;transition:transform .4s var(--sp-ease),box-shadow .4s var(--sp-ease),border-color .3s}
.sp-popis .sp-vyhody li:hover{transform:translateY(-3px);box-shadow:0 16px 30px -22px rgba(29,36,51,.45);border-color:transparent}
.sp-popis .sp-vyhody i{flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--sp-a),var(--sp-b));position:relative}
.sp-popis .sp-vyhody i:before{content:"";position:absolute;inset:6px;background:#fff;-webkit-mask: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.6%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27%3E%3Cpath%20d=%22M5%2012.5l4.2%204.2L19%207%22/%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%2024%27%20fill=%27none%27%20stroke=%27%23000%27%20stroke-width=%272.6%27%20stroke-linecap=%27round%27%20stroke-linejoin=%27round%27%3E%3Cpath%20d=%22M5%2012.5l4.2%204.2L19%207%22/%3E%3C/svg%3E") center/contain no-repeat}
.sp-popis .sp-vyhody span{font-weight:600;line-height:1.35}
.sp-popis .sp-vyhody span:first-letter{text-transform:uppercase}
@supports (animation-timeline:view()){.sp-popis .sp-vyhody li{animation:sp-par-up linear both;animation-timeline:view();animation-range:entry 5% entry 70%}}
@media (prefers-reduced-motion:reduce){.sp-popis .sp-vyhody li{animation:none}}
@media (max-width:640px){.sp-popis .sp-recept{grid-template-columns:1fr;padding:26px 20px!important;gap:16px}.sp-popis .sp-recept-ikona{width:84px;height:84px}.sp-popis .sp-recept-ikona span{width:40px;height:40px}.sp-popis .sp-recept h2{font-size:22px}.sp-popis .sp-vyhody ul{grid-template-columns:1fr}}