/* ZZ eshop: spolecny vzhled popisu produktu (dlouhy .zzp, kratky .zzkp) */
.zzp{max-width:1080px;margin:0 auto;background:#fff;color:#111;font-size:16px;line-height:1.65;text-align:left}
.zzp *{box-sizing:border-box;border-radius:0}
.zzp h2{margin:0 0 8px;font-size:28px;line-height:1.2;font-weight:800}
.zzp p{margin:0 0 14px;max-width:680px}
.zzp img,.zzp video{display:block;max-width:100%;height:auto}
.zzp video{width:100%;background:#f3f3f1}
.zzp section{padding:48px 0}
.zzp section:first-child{border-top:0;padding-top:16px}
.zzp .podnadpis{margin:0 0 20px;font-size:17px;color:#444}
.zzp a{color:#111;font-weight:600;text-decoration:underline;text-underline-offset:3px;transition:color .15s}
.zzp a:hover,.zzp a:focus-visible{color:#c4007a;text-decoration-thickness:2px}
.zzp .dva-sloupce{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start}
.zzp table{width:100%;border-collapse:collapse;font-size:15px}
.zzp th,.zzp td{padding:10px 12px;border-bottom:1px solid #e6e6e6;text-align:left}
.zzp thead th{border-bottom:2px solid #111;font-weight:800}
.zzp td{font-variant-numeric:tabular-nums}
.zzp tbody tr:nth-child(even) td{background:#f4f4f1}
.zzp .zavrit{display:none}
.zzp .okno:target{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(17,17,17,.88)}
.zzp .okno:target .okno-obsah{width:min(560px,100%);max-height:calc(100vh - 32px);overflow:auto;padding:20px;background:#fff}
.zzp .okno:target .zavrit{display:flex;align-items:center;justify-content:center;min-height:48px;margin-top:16px;background:#111;color:#fff;text-decoration:none}
.zzp .okno:target .zavrit:hover,.zzp .okno:target .zavrit:focus-visible{background:#c4007a;color:#fff}
.zzp .poznamka{margin-top:12px;font-size:14px;color:#444}
.zzp .detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;margin-top:0}
.zzp .detail.sede{background:#f5f5f2}
.zzp .detail.sede{box-shadow:0 0 0 100vmax #f5f5f2;clip-path:inset(0 -100vmax)}
.zzp .dilna{box-shadow:0 0 0 100vmax #f2fbfe;clip-path:inset(0 -100vmax)}
.zzp .detail>div>p:last-child{margin:0}
.zzp .detail p{max-width:none;font-size:17px;line-height:1.7}
.zzp .obracene>:last-child{order:-1}
.zzp .citace{position:relative;margin:0}
.zzp .citace::before{left:32px;top:16px}
.zzp .foto{flex:0 0 auto;width:64px;height:64px;border-radius:50%;background:#e6e6e6}
.zzp .citace figcaption{display:flex;align-items:center;gap:14px}
.zzp .citace figcaption span{display:block;font-size:14px;color:#444}
.zzp .citace figcaption b{display:block;color:#111}
.zzp .faq{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;align-items:start;margin-top:16px}
.zzp details{background:#f6f6f4}
.zzp summary{position:relative;display:flex;align-items:center;min-height:52px;padding:14px 48px 14px 18px;font-weight:700;cursor:pointer;list-style:none}
.zzp summary::-webkit-details-marker{display:none}
.zzp summary::after{content:"";position:absolute;right:20px;top:50%;width:8px;height:8px;border:solid #111;border-width:0 2px 2px 0;transform:translateY(-70%) rotate(45deg);transition:transform .2s}
.zzp details[open] summary::after{transform:translateY(-25%) rotate(-135deg)}
.zzp summary:hover,.zzp summary:focus-visible{background:#ebebe8}
.zzp details p{margin:0;padding:0 18px 16px;font-size:15px}
.zzp .kontakt{display:grid;align-items:center}
.zzp .kontakt p{margin:0 0 8px}
.zzp .spojeni{display:flex;flex-wrap:wrap;gap:8px}
.zzp .spojeni a{display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;border:1px solid #d6d6d6;text-decoration:none}
.zzp .spojeni a:hover,.zzp .spojeni a:focus-visible{border-color:#111;background:#111;color:#fff}
.zzp .oeko{display:grid;grid-template-columns:72px minmax(0,1fr);gap:24px;align-items:center;margin-top:16px;padding:28px;background:#e8f2fb}
.zzp .oeko img{width:72px;height:auto}
@media (max-width:760px){.zzp .oeko{grid-template-columns:minmax(0,1fr);gap:12px;padding:20px 16px}
}
.zzp .oeko p{margin:0;max-width:none}
.zzp .zdroje{padding:24px 0 0;font-size:14px;color:#444}
.zzp .zdroje p{margin:0 0 4px}
.zzp .zdroje ul{margin:0;padding-left:20px}
.zzp .zdroje a{display:inline-block;padding:10px 0;font-weight:400}
.zzp .barvy{margin:20px 0 0;font-size:15px}
.zzp .barvy::after{content:"";display:block;width:300px;height:62px;margin-top:10px;background:linear-gradient(#ffffff,#ffffff) 1px 1px/26px 26px no-repeat,linear-gradient(#cfcfcf,#cfcfcf) 0px 0px/28px 28px no-repeat,linear-gradient(#111111,#111111) 35px 1px/26px 26px no-repeat,linear-gradient(#cfcfcf,#cfcfcf) 34px 0px/28px 28px no-repeat,linear-gradient(#4b4f54,#4b4f54) 69px 1px/26px 26px no-repeat,linear-gradient(#cfcfcf,#cfcfcf) 68px 0px/28px 28px no-repeat,linear-gradient(#d9dde0,#d9dde0) 103px 1px/26px 26px no-repeat,linear-gradient(#cfcfcf,#cfcfcf) 102px 0px/28px 28px no-repeat,linear-gradient(#1f2a44,#1f2a44) 137px 1px/26px 26px no-repeat,linear-gradient(#cfcfcf,#cfcfcf) 136px 0px/28px 28px no-repeat,linear-gradient(#2846a8,#2846a8) 171px 1px/26px 26px no-repeat,linear-gradient(#cfcfcf,#cfcfcf) 170px 0px/28px 28px no-repeat,linear-gradient(#1f8ad6,#1f8ad6) 205px 1px/26px 26px no-repeat,linear-gradient(#cfcfcf,#cfcfcf) 204px 0px/28px 28px no-repeat,linear-gradient(#1aa9b8,#1aa9b8) 239px 1px/26px 26px no-repeat,linear-gradient(#cfcfcf,#cfcfcf) 238px 0px/28px 28px no-repeat,linear-gradient(#0f4d2e,#0f4d2e) 273px 1px/26px 26px no-repeat,linear-gradient(#cfcfcf,#cfcfcf) 272px 0px/28px 28px no-repeat,linear-gradient(#2e8b3a,#2e8b3a) 1px 35px/26px 26px no-repeat,linear-gradient(#cfcfcf,#cfcfcf) 0px 34px/28px 28px no-repeat,linear-gradient(#00936a,#00936a) 35px 35px/26px 26px no-repeat,linear-gradient(#cfcfcf,#cfcfcf) 34px 34px/28px 28px no-repeat,linear-gradient(#9bcf3a,#9bcf3a) 69px 35px/26px 26px no-repeat,linear-gradient(#cfcfcf,#cfcfcf) 68px 34px/28px 28px no-repeat,linear-gradient(#8a8461,#8a8461) 103px 35px/26px 26px no-repeat,linear-gradient(#cfcfcf,#cfcfcf) 102px 34px/28px 28px no-repeat,linear-gradient(#f5d21f,#f5d21f) 137px 35px/26px 26px no-repeat,linear-gradient(#cfcfcf,#cfcfcf) 136px 34px/28px 28px no-repeat,linear-gradient(#f26b5b,#f26b5b) 171px 35px/26px 26px no-repeat,linear-gradient(#cfcfcf,#cfcfcf) 170px 34px/28px 28px no-repeat,linear-gradient(#c8102e,#c8102e) 205px 35px/26px 26px no-repeat,linear-gradient(#cfcfcf,#cfcfcf) 204px 34px/28px 28px no-repeat,linear-gradient(#6b2c86,#6b2c86) 239px 35px/26px 26px no-repeat,linear-gradient(#cfcfcf,#cfcfcf) 238px 34px/28px 28px no-repeat}
.zzp .dilna{margin:0;padding:56px 0;background:#f2fbfe}
.zzp .dilna-uvod{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center}
.zzp .dilna-uvod p{margin:0;max-width:none}
.zzp .kroky{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:40px 0 0;padding:0;list-style:none}
.zzp .kroky li{background:#fff}
.zzp .kroky h3{margin:20px 20px 8px;font-size:18px}
.zzp .kroky p{margin:0 20px 24px;font-size:15px}
.zzp .detail.sede,.zzp .dilna,.zzp .dilna-uvod,.zzp .citace,.zzp .oeko,.zzp .vedeli{position:relative;isolation:isolate}
.zzp .citace,.zzp .oeko,.zzp .vedeli,.zzp .dilna-uvod>div,.zzp .lem>div,.zzp .potisk>div{overflow:hidden}
.zzp .lem>div,.zzp .potisk>div,.zzp .dilna-uvod>div,.zzp .dilna h2{position:relative}
.zzp .detail.lem::after,.zzp .detail.potisk::after,.zzp .dilna::before,.zzp .dilna::after,.zzp .dilna h2::after,.zzp .citace::after,.zzp .oeko::after,.zzp .vedeli::after{content:"";position:absolute;z-index:-1;opacity:.05;pointer-events:none;background:no-repeat center/contain}
.zzp .detail.lem::after{width:calc(130px*var(--zm,1));height:calc(130px*var(--zm,1));left:calc(50% - 50vw + 40px);top:12px;background-image:url("/user/documents/upload/cyan%20logo.png");transform:rotate(-25deg)}
.zzp .detail.potisk::after{width:calc(240px*var(--zm,1));height:calc(240px*var(--zm,1));left:calc(50% - 50vw + 68px);top:12px;background-image:url("/user/documents/upload/magenta%20logo.png");transform:rotate(30deg)}
.zzp .dilna::before{width:calc(90px*var(--zm,1));height:calc(90px*var(--zm,1));left:calc(50% - 50vw + 30px);top:12px;background-image:url("/user/documents/upload/black%20logo.png");transform:rotate(-35deg)}
.zzp .dilna::after{width:min(260px,calc(50vw - 600px));height:min(260px,calc(50vw - 600px));right:calc(50% - 50vw + 40px);top:12px;background-image:url("/user/documents/upload/yellow%20logo.png");transform:rotate(10deg)}
.zzp .dilna h2::after{width:calc(60px*var(--zm,1));height:calc(60px*var(--zm,1));right:8px;top:-20px;background-image:url("/user/documents/upload/magenta%20logo.png");transform:rotate(45deg)}
.zzp .citace::after{width:calc(200px*var(--zm,1));height:calc(200px*var(--zm,1));right:-40px;bottom:-70px;background-image:url("/user/documents/upload/yellow%20logo.png");transform:rotate(-15deg)}
.zzp .oeko::after{width:calc(150px*var(--zm,1));height:calc(150px*var(--zm,1));right:-30px;top:-40px;background-image:url("/user/documents/upload/magenta%20logo.png");transform:rotate(35deg)}
.zzp .vedeli::after{width:calc(110px*var(--zm,1));height:calc(110px*var(--zm,1));right:16px;top:-20px;background-image:url("/user/documents/upload/black%20logo.png");transform:rotate(-50deg)}
.zzp .vedeli{padding:32px 40px;background:#fffbe6}
.zzp .vedeli h3{margin:0 0 8px;font-size:20px}
.zzp .vedeli p{margin:0;max-width:none}
@media (max-width:1199px){.zzp .dilna::after{display:none}
}
.zzp>section:first-child{position:relative}
.zzp>section:first-child::before{content:"";position:absolute;right:0;top:20px;width:49px;height:10px;background:linear-gradient(90deg,#00aeef 0 10px,transparent 10px 13px,#ec008c 13px 23px,transparent 23px 26px,#ffe500 26px 36px,transparent 36px 39px,#111 39px 49px)}
.zz-hodnoceni~.zzp>section:first-child::before{content:none}
.zzp .tlacitko{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 32px;background:#111;color:#fff;font-weight:800;text-decoration:none}
.zzp .tlacitko:hover,.zzp .tlacitko:focus-visible{background:#c4007a;color:#fff}
.zz-hodnoceni{max-width:1080px;margin:0 auto;padding:8px 0 32px}
@media (max-width:760px){.zzp{font-size:15px}
.zzp h2{font-size:24px}
.zzp section{padding:36px 0}
.zzp .dva-sloupce{grid-template-columns:minmax(0,1fr);gap:24px}
.zzp .faq{grid-template-columns:minmax(0,1fr)}
.zzp .citace{padding:64px 20px 24px}
.zzp .citace::before{left:16px;top:4px;font-size:96px}
.zzp .citace blockquote{font-size:17px}
.zzp .kontakt{grid-template-columns:minmax(0,1fr);align-items:start}
.zzp .detail{grid-template-columns:minmax(0,1fr);gap:16px}
.zzp .detail p{font-size:16px}
.zzp .dilna{padding:36px 0}
.zzp .vedeli{padding:24px 16px}
.zzp{--zm:.6}
.zzp .kroky li{display:flex;flex-direction:column}
.zzp .kroky li img{order:2}
.zzp .kroky h3{margin-top:20px}
.zzp .kroky p{margin-bottom:20px}
.zzp .dilna-uvod,.zzp .kroky{grid-template-columns:minmax(0,1fr);gap:20px}
.zzp .detail{padding:32px 0}
.zzp .obracene>:last-child{order:0}
.zzp th,.zzp td{padding:10px 8px}
.zzp .tlacitko{width:100%}
}
.zzp .postup{margin:24px 0 0;padding:0;list-style:none;counter-reset:krok}
.zzp .postup li{position:relative;margin:0 0 16px;padding-left:52px;counter-increment:krok}
.zzp .postup li::before{content:counter(krok);position:absolute;left:0;top:-4px;font-size:30px;font-weight:800;line-height:1.2;color:#c4007a}
.zzp .ukazka{margin:8px 0 0;font-style:italic}
.zzp .detail h3,.zzp .oeko h3,.zzp .citace h3{margin:0 0 10px;font-size:22px;line-height:1.25;font-weight:800;color:#111}
.zzp .citace h3{font-size:19px}
.zzp .tisk-nadpis::before{content:"";display:inline-block;width:32px;height:8px;margin:0 10px 3px 0;vertical-align:middle;background:linear-gradient(90deg,#00aeef 0 25%,#ec008c 25% 50%,#ffe500 50% 75%,#111 75%)}
.zzp .oeko>div>p{margin:0;max-width:none}
.zzp.zzp h3:first-child{display:block}
.zzp .produkty{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:16px 0 0;padding:0;list-style:none}
.zzp .produkty a{display:flex;flex-direction:column;height:100%;font-weight:400;text-decoration:none;transition:border-color .15s}
.zzp .produkty a:hover,.zzp .produkty a:focus-visible{border-color:#111;color:#111}
.zzp .produkty img{width:100%;object-fit:cover}
.zzp .produkty b{display:block;line-height:1.3;color:#111}
.zzp .produkty a:hover b,.zzp .produkty a:focus-visible b{text-decoration:underline;text-underline-offset:3px}
.zzp .produkty .info{display:block;font-size:14px;line-height:1.4}
.zzp .produkty .cena{display:block;font-weight:800;color:#111}
@media (max-width:760px){.zzp .produkty{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.zzp .produkty b{padding:10px 10px 4px;font-size:15px}
.zzp .produkty .info{padding:0 10px}
.zzp .produkty .cena{padding:10px 10px 12px;font-size:16px}
}
.zzp .produkty li:nth-child(n+5){display:list-item}
@media (max-width:760px){.zzp .produkty li:nth-child(n+7){display:none}
}
.zzp .kontakt{position:relative;isolation:isolate;overflow:hidden;grid-template-columns:112px minmax(0,1fr);gap:28px;padding:32px}
.zzp .kontakt .foto{width:112px;height:112px;box-shadow:0 6px 18px rgba(0,0,0,.14)}
.zzp .kontakt h3{margin:0 0 6px;font-size:22px;line-height:1.25}
.zzp .kontakt .hodiny{display:flex;align-items:center;gap:8px;margin:0 0 16px;font-size:15px;color:#444}
.zzp .kontakt .hodiny::before{content:"";flex:0 0 18px;width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") no-repeat center/contain}
.zzp .kontakt .spojeni{gap:10px}
.zzp .kontakt .spojeni a{gap:10px;min-height:48px;padding:12px 18px;background:#fff}
.zzp .kontakt .spojeni a::before{content:"";flex:0 0 20px;width:20px;height:20px;background:no-repeat center/contain}
.zzp .kontakt .spojeni .tel{border-color:#111;background:#111;color:#fff}
.zzp .kontakt .spojeni .tel::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h4l2 5-2.5 1.5a11 11 0 0 0 5 5L15 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2'/%3E%3C/svg%3E")}
.zzp .kontakt .spojeni .mail::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18v12H3z M3 7l9 6 9-6'/%3E%3C/svg%3E")}
.zzp .kontakt .spojeni .dotazy::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18z M9.5 9a2.5 2.5 0 1 1 3.5 2.3c-.6.3-1 .9-1 1.6v.6 M12 17h.01'/%3E%3C/svg%3E")}
.zzp .kontakt .spojeni a:hover,.zzp .kontakt .spojeni a:focus-visible{border-color:#c4007a;background:#c4007a;color:#fff}
.zzp .kontakt .spojeni a:hover::before,.zzp .kontakt .spojeni a:focus-visible::before{filter:brightness(0) invert(1)}
.zzp .kontakt::after{content:"";position:absolute;z-index:-1;right:-30px;bottom:-40px;width:150px;height:150px;opacity:.05;pointer-events:none;background:url("/user/documents/upload/cyan%20logo.png") no-repeat center/contain;transform:rotate(25deg)}
.zzp .zaver-karta{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:260px minmax(0,1fr);gap:40px;align-items:center;background:#111;color:#fff}
.zzp .zaver-karta img{width:100%;aspect-ratio:1/1;object-fit:cover}
.zzp .zaver-karta h2{color:#fff}
.zzp .zaver-karta .podnadpis{color:#d9d9d9}
.zzp .zaver-karta::before{content:"";position:absolute;right:24px;top:24px;width:49px;height:10px;background:linear-gradient(90deg,#00aeef 0 10px,transparent 10px 13px,#ec008c 13px 23px,transparent 23px 26px,#ffe500 26px 36px,transparent 36px 39px,#fff 39px 49px)}
.zzp .zaver-karta::after{content:"";position:absolute;z-index:-1;right:-40px;bottom:-50px;width:220px;height:220px;opacity:.05;pointer-events:none;background:url("/user/documents/upload/yellow%20logo.png") no-repeat center/contain;transform:rotate(-15deg)}
.zzp .jistoty{display:flex;flex-wrap:wrap;gap:10px 24px;margin:0 0 24px;padding:0;list-style:none}
.zzp .jistoty li{position:relative;padding-left:28px;font-size:15px;font-weight:700;color:#fff}
.zzp .jistoty li::before{content:"";position:absolute;left:0;top:2px;width:18px;height:18px;background:#1e9e4a}
.zzp .jistoty li::after{content:"";position:absolute;left:6px;top:4px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.zzp .zaver-karta .tlacitko{background:#c4007a;color:#fff}
.zzp .zaver-karta .tlacitko:hover,.zzp .zaver-karta .tlacitko:focus-visible{background:#fff;color:#111}
@media (max-width:760px){.zzp .kontakt{grid-template-columns:minmax(0,1fr);gap:16px;padding:24px 16px}
.zzp .kontakt .foto{width:88px;height:88px}
.zzp .kontakt .spojeni a{width:100%}
.zzp .zaver-karta{grid-template-columns:minmax(0,1fr);gap:20px;padding:24px 16px}
.zzp .zaver-karta img{aspect-ratio:4/3}
}
.zzp section{border-top:0}
.zzp section+section{padding-top:56px}
.zzp .kontakt .hodiny::before{box-shadow:none}
.zzp ::selection{background:#c4007a;color:#fff}
.zzp .zaver-karta .podnadpis{margin-bottom:16px}
.zzp .citace{display:grid;grid-template-columns:140px minmax(0,1fr);column-gap:28px;padding:48px 48px 40px 32px;background:#fcecf5}
.zzp .citace::before{content:"\201D";position:static;grid-row:1/span 3;align-self:start;margin-top:-6px;font-family:Georgia,"Times New Roman",serif;font-size:180px;font-weight:700;line-height:.75;color:transparent;-webkit-text-stroke:2px #111;text-shadow:-7px 6px 0 #ffe500}
.zzp .citace h3.vyrok{margin:0 0 18px;font-size:30px;font-style:italic;font-weight:800;line-height:1.25;color:#111;text-wrap:balance}
.zzp .citace blockquote{margin:0 0 24px;font-size:16px;font-style:italic;line-height:1.65;color:#111}
.zzp .citace blockquote p{margin:0 0 12px;max-width:62ch}
.zzp .citace blockquote p:last-child{margin:0}
.zzp .citace .foto{width:64px;height:64px;border-radius:8px;object-fit:cover}
.zzp .citace figcaption b{font-size:16px}
@media (max-width:760px){.zzp .citace{grid-template-columns:minmax(0,1fr);padding:28px 20px 28px}
.zzp .citace::before{grid-row:auto;margin:0 0 8px;font-size:110px}
.zzp .citace h3.vyrok{font-size:22px}
}
.zzp .pece{position:relative;isolation:isolate;padding:48px 0;background:#fffbe6;box-shadow:0 0 0 100vmax #fffbe6;clip-path:inset(0 -100vmax)}
.zzp .pece::before,.zzp .pece::after{content:"";position:absolute;z-index:-1;opacity:.05;pointer-events:none;background:no-repeat center/contain}
.zzp .pece::before{width:calc(200px*var(--zm,1));height:calc(200px*var(--zm,1));left:calc(50% - 50vw + 60px);top:12px;background-image:url("/user/documents/upload/magenta%20logo.png");transform:rotate(-30deg)}
.zzp .pece::after{width:min(110px,calc(50vw - 600px));height:min(110px,calc(50vw - 600px));right:calc(50% - 50vw + 40px);bottom:16px;background-image:url("/user/documents/upload/cyan%20logo.png");transform:rotate(20deg)}
.zzp .pece-karty{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:24px 0 0;padding:0;list-style:none}
.zzp .pece-karty li{padding:20px;background:#fff}
.zzp .pece-karty li h3:first-child{display:flex}
.zzp .pece-karty h3{display:flex;align-items:center;gap:12px;margin:0 0 10px;font-size:16px;line-height:1.3}
.zzp .pece-karty h3::before{content:"";flex:0 0 44px;width:44px;height:44px;background:var(--ik) no-repeat center/26px,var(--tint)}
.zzp .pece-karty p{margin:0;font-size:14px;line-height:1.5;color:#333}
.zzp .pece-karty .prani{--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6l2.2 13h13.6L21 6 M4.4 10c1.5 1 3 1 4.5 0s3-1 4.5 0 3 1 4.5 0 M7 3.5h10'/%3E%3C/svg%3E");--tint:#e3f6fd}
.zzp .pece-karty .suseni{--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 5a2 2 0 1 1 2 2v1.5l8.6 6.2a1.4 1.4 0 0 1-.8 2.5H4.2a1.4 1.4 0 0 1-.8-2.5L12 8.5'/%3E%3C/svg%3E");--tint:#fbe3f1}
.zzp .pece-karty .zehleni{--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 17h18l-1.5-5.5A3 3 0 0 0 16.6 9H9 M3 17l2-5h8 M8 9V6h6'/%3E%3C/svg%3E");--tint:#fff3a6}
.zzp .pece-karty .chlor{--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3c3 4.2 6 7.6 6 11a6 6 0 0 1-12 0c0-3.4 3-6.8 6-11z M5 5l14 14'/%3E%3C/svg%3E");--tint:#e3f6fd}
.zzp .pece-karty .pracka{--ik:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 3h14v18H5z M5 7h14 M8 5h.01 M11 5h.01 M12 10a4 4 0 1 0 0 8 4 4 0 0 0 0-8z'/%3E%3C/svg%3E");--tint:#fbe3f1}
@media (max-width:1100px){.zzp .pece::after{display:none}
}
@media (max-width:1000px){.zzp .pece-karty{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:520px){.zzp .pece{padding:36px 0}
.zzp .pece-karty{grid-template-columns:minmax(0,1fr);gap:8px}
.zzp .pece-karty li{padding:16px}
}
@media (max-width:760px){.zzp .citace::before{margin-bottom:-4px}
}
.zzp .produkty a{border:0;background:none}
.zzp .produkty img{aspect-ratio:4/5;background:#f3f3f1}
.zzp .produkty b{padding:14px 0 4px;font-size:16px}
.zzp .produkty .info{padding:0;color:#17773a;font-weight:700}
.zzp .produkty .cena{margin-top:0;padding:10px 0 0;font-size:17px}
.zzp .produkty a:hover img,.zzp .produkty a:focus-visible img{filter:brightness(.96)}
.zzp .karusel{position:relative;margin-top:24px}
.zzp .karusel>input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.zzp .karusel-okno{overflow:hidden}
.zzp .karusel .produkty{display:flex;grid-template-columns:none;gap:16px;margin:0;padding:0;overflow:visible;scroll-snap-type:none;transition:transform .45s cubic-bezier(.22,1,.36,1);--k:calc((100% - 48px) / 4 + 16px)}
.zzp .karusel .produkty li,.zzp .karusel .produkty li:nth-child(n){display:block;flex:0 0 calc((100% - 48px) / 4)}
.zzp .karusel-sipky label{position:absolute;top:calc(var(--img-h,0px) + 38%);z-index:2;display:none;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #d6d6d6;border-radius:50%;background:#fff no-repeat center/20px;box-shadow:0 2px 8px rgba(0,0,0,.12);cursor:pointer;transform:translateY(-50%)}
.zzp .karusel-sipky .zpet{left:8px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 5l-7 7 7 7'/%3E%3C/svg%3E")}
.zzp .karusel-sipky .dal{right:8px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5l7 7-7 7'/%3E%3C/svg%3E")}
.zzp .karusel-sipky label:hover{border-color:#111}
.zzp .karusel-tecky{display:flex;justify-content:center;gap:8px;margin-top:16px}
.zzp .karusel-tecky label{display:block;width:10px;height:10px;border-radius:5px;background:#cfcfcf;cursor:pointer;transition:width .2s,background .2s}
.zzp .karusel-tecky label:hover{background:#888}
.zzp .karusel>input:focus-visible~.karusel-tecky{outline:2px solid #c4007a;outline-offset:4px}
.zzp #zzk1:checked~.karusel-okno .produkty{transform:translateX(calc(var(--k) * -0))}
.zzp #zzk1:checked~.karusel-sipky .s1{display:flex}
.zzp #zzk1:checked~.karusel-tecky .t1{width:36px;background:#111}
.zzp #zzk2:checked~.karusel-okno .produkty{transform:translateX(calc(var(--k) * -1))}
.zzp #zzk2:checked~.karusel-sipky .s2{display:flex}
.zzp #zzk2:checked~.karusel-tecky .t2{width:36px;background:#111}
.zzp #zzk3:checked~.karusel-okno .produkty{transform:translateX(calc(var(--k) * -2))}
.zzp #zzk3:checked~.karusel-sipky .s3{display:flex}
.zzp #zzk3:checked~.karusel-tecky .t3{width:36px;background:#111}
.zzp #zzk4:checked~.karusel-okno .produkty{transform:translateX(calc(var(--k) * -3))}
.zzp #zzk4:checked~.karusel-sipky .s4{display:flex}
.zzp #zzk4:checked~.karusel-tecky .t4{width:36px;background:#111}
.zzp #zzk5:checked~.karusel-okno .produkty{transform:translateX(calc(var(--k) * -4))}
.zzp #zzk5:checked~.karusel-sipky .s5{display:flex}
.zzp #zzk5:checked~.karusel-tecky .t5{width:36px;background:#111}
.zzp #zzk6:checked~.karusel-okno .produkty{transform:translateX(calc(var(--k) * -5))}
.zzp #zzk6:checked~.karusel-sipky .s6{display:flex}
.zzp #zzk6:checked~.karusel-tecky .t6{width:36px;background:#111}
.zzp #zzk7:checked~.karusel-okno .produkty{transform:translateX(calc(var(--k) * -6))}
.zzp #zzk7:checked~.karusel-sipky .s7{display:flex}
.zzp #zzk7:checked~.karusel-tecky .t7{width:36px;background:#111}
.zzp #zzk8:checked~.karusel-okno .produkty{transform:translateX(calc(var(--k) * -7))}
.zzp #zzk8:checked~.karusel-sipky .s8{display:flex}
.zzp #zzk8:checked~.karusel-tecky .t8{width:36px;background:#111}
@media (max-width:1000px){.zzp .karusel .produkty{--k:calc((100% - 16px) / 2.3 + 16px)}
.zzp .karusel .produkty li,.zzp .karusel .produkty li:nth-child(n){flex-basis:calc((100% - 16px) / 2.3)}
}
@media (max-width:520px){.zzp .karusel .produkty{gap:12px;--k:calc(78% + 12px)}
.zzp .karusel .produkty li,.zzp .karusel .produkty li:nth-child(n){flex-basis:78%}
.zzp .karusel-sipky label{width:44px;height:44px}
}
.zzp .karusel .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.zzp .karusel:not(:has(input)) .karusel-okno{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#111 #e6e6e6;padding-bottom:12px}
.zzp .karusel:not(:has(input)) .produkty li{scroll-snap-align:start}
.zzp .karusel:not(:has(input)) .produkty li[aria-hidden],.zzp .karusel:not(:has(input)) .karusel-sipky,.zzp .karusel:not(:has(input)) .karusel-tecky{display:none}
@media (hover:none) and (pointer:coarse){.zzp .karusel .karusel-okno{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#111 #e6e6e6;padding-bottom:12px}
.zzp .karusel .karusel-okno .produkty{transform:none!important;transition:none}
.zzp .karusel .produkty li{scroll-snap-align:start}
.zzp .karusel .produkty li[aria-hidden],.zzp .karusel .karusel-sipky,.zzp .karusel .karusel-tecky{display:none!important}
}
.zzp .citace,.zzp .vedeli,.zzp .kontakt,.zzp .zaver-karta{clip-path:inset(0 -100vmax)}
.zzp .citace{box-shadow:0 0 0 100vmax #fcecf5;padding-left:0;padding-right:0}
.zzp .vedeli{box-shadow:0 0 0 100vmax #fffbe6;padding-left:0;padding-right:0}
.zzp .kontakt{margin-top:0;background:#f5f5f2;box-shadow:0 0 0 100vmax #f5f5f2;padding-left:0;padding-right:0}
.zzp .kontakt .spojeni a{border-color:#dcdcd6}
.zzp .dilna .oeko{margin-top:16px;background:#fff}
.zzp .zaver-karta{padding-left:0;padding-right:0}
.zzp .detail{padding:56px 0}
.zzp .detail:not(.sede){padding:8px 0}
@media (max-width:760px){.zzp .citace,.zzp .vedeli,.zzp .kontakt,.zzp .zaver-karta{padding-left:0;padding-right:0}
.zzp .detail{padding:40px 0}
.zzp .detail:not(.sede){padding:0}
}
.zzp .zz-lista{display:flex;align-items:center;gap:16px;padding:10px 0;background:#fff;box-shadow:0 0 0 100vmax #fff,0 1px 0 100vmax #e6e6e6;clip-path:inset(0 -100vmax -1px)}
.zzp .zz-lista img{width:48px;height:48px;object-fit:cover;flex:none}
.zzp .zz-lista-nazev{display:flex;flex-direction:column;line-height:1.3;min-width:0}
.zzp .zz-lista-nazev b{font-size:16px}
.zzp .zz-lista-nazev span{font-size:14px;color:#3d3d3d}
.zzp .zz-lista nav{display:flex;gap:4px;margin-left:auto}
.zzp .zz-lista nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;color:#111;font-size:15px}
.zzp .zz-lista nav a:hover,.zzp .zz-lista nav a:focus-visible{text-decoration:underline;text-underline-offset:4px}
.zzp .zz-lista .tlacitko{width:auto;min-height:44px;padding:10px 20px;flex:none}
.zzp>.zz-lista+section{position:relative;border-top:0;padding-top:28px}
.zzp>.zz-lista+section::before{content:"";position:absolute;right:0;top:32px;width:49px;height:10px;background:linear-gradient(90deg,#00aeef 0 10px,transparent 10px 13px,#ec008c 13px 23px,transparent 23px 26px,#ffe500 26px 36px,transparent 36px 39px,#111 39px 49px)}
.zzp [id]{scroll-margin-top:160px}
@media (min-width:1000px){.zzp .zz-lista{position:sticky;top:141px;z-index:30}
}
@media (max-width:999px){.zzp .zz-lista nav{display:none}
.zzp .zz-lista .tlacitko{margin-left:auto}
}
@media (max-width:420px){.zzp .zz-lista img{display:none}
.zzp .zz-lista .tlacitko{padding:10px 14px}
}
.zzp .zzv{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.zzp .volba-velikosti{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 24px}
.zzp .volba-velikosti>span{margin-right:8px;font-weight:700}
.zzp .volba-velikosti label{display:inline-flex;align-items:center;justify-content:center;min-width:52px;min-height:44px;padding:0 10px;border:1px solid #cfcfcf;background:#fff;font-weight:700;cursor:pointer}
.zzp .volba-velikosti label:hover{border-color:#111}
.zzp .zzv:focus-visible~* .volba-velikosti{outline:2px solid #c4007a;outline-offset:4px}
.zzp .tricko-nakres{position:relative;width:100%;max-width:420px;aspect-ratio:1;margin:0 auto;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 300' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M112 32Q150 58 188 32L244 48L292 106L256 132L240 118L240 282L60 282L60 118L44 132L8 106L56 48Z' fill='%23f5f5f2' stroke='%23111' stroke-width='2.5'/%3E%3Cpath d='M112 32Q150 58 188 32' stroke='%23111' stroke-width='2.5'/%3E%3Cg stroke='%23c4007a' stroke-width='2'%3E%3Cpath d='M66 160H234M66 160l8-6M66 160l8 6M234 160l-8-6M234 160l-8 6'/%3E%3Cpath d='M210 42V276M210 42l-6 8M210 42l6 8M210 276l-6-8M210 276l6-8'/%3E%3Cpath d='M251 41L294 93M247 45l8-7M290 97l8-7'/%3E%3C/g%3E%3C/svg%3E") no-repeat center/contain}
.zzp .tricko-nakres .mira{position:absolute;transform:translate(-50%,-50%);padding:2px 8px;background:#fff;font-size:14px;line-height:1.3;white-space:nowrap;text-align:center}
.zzp .tricko-nakres .mira b{display:none;font-size:18px;color:#c4007a}
.zzp .tricko-nakres .m-sirka{left:50%;top:47%}
.zzp .tricko-nakres .m-delka{left:70%;top:76%}
.zzp .tricko-nakres .m-rukav{left:auto;right:0;top:3%;transform:none}
.zzp .obvod{margin:12px auto 0;max-width:420px;text-align:center}
.zzp .obvod b{display:none}
.zzp .velikosti-tabulka tr td{transition:background .2s}
.zzp #zzv-s:checked~* label[for="zzv-s"]{border-color:#111;background:#111;color:#fff}
.zzp #zzv-s:checked~* .v-s{display:inline}
.zzp #zzv-s:checked~* tr.r-s td{background:#fffbe6;font-weight:800}
.zzp #zzv-m:checked~* label[for="zzv-m"]{border-color:#111;background:#111;color:#fff}
.zzp #zzv-m:checked~* .v-m{display:inline}
.zzp #zzv-m:checked~* tr.r-m td{background:#fffbe6;font-weight:800}
.zzp #zzv-l:checked~* label[for="zzv-l"]{border-color:#111;background:#111;color:#fff}
.zzp #zzv-l:checked~* .v-l{display:inline}
.zzp #zzv-l:checked~* tr.r-l td{background:#fffbe6;font-weight:800}
.zzp #zzv-xl:checked~* label[for="zzv-xl"]{border-color:#111;background:#111;color:#fff}
.zzp #zzv-xl:checked~* .v-xl{display:inline}
.zzp #zzv-xl:checked~* tr.r-xl td{background:#fffbe6;font-weight:800}
.zzp #zzv-xxl:checked~* label[for="zzv-xxl"]{border-color:#111;background:#111;color:#fff}
.zzp #zzv-xxl:checked~* .v-xxl{display:inline}
.zzp #zzv-xxl:checked~* tr.r-xxl td{background:#fffbe6;font-weight:800}
.zzp #zzv-3xl:checked~* label[for="zzv-3xl"]{border-color:#111;background:#111;color:#fff}
.zzp #zzv-3xl:checked~* .v-3xl{display:inline}
.zzp #zzv-3xl:checked~* tr.r-3xl td{background:#fffbe6;font-weight:800}
.zzp #zzv-4xl:checked~* label[for="zzv-4xl"]{border-color:#111;background:#111;color:#fff}
.zzp #zzv-4xl:checked~* .v-4xl{display:inline}
.zzp #zzv-4xl:checked~* tr.r-4xl td{background:#fffbe6;font-weight:800}
.zzp #zzv-5xl:checked~* label[for="zzv-5xl"]{border-color:#111;background:#111;color:#fff}
.zzp #zzv-5xl:checked~* .v-5xl{display:inline}
.zzp #zzv-5xl:checked~* tr.r-5xl td{background:#fffbe6;font-weight:800}
.zzp .karty-foto{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:32px 0 0;padding:0;list-style:none}
.zzp .karty-foto li{margin:0}
.zzp .karty-foto img{width:100%;aspect-ratio:3/4;object-fit:cover;background:#f5f5f2}
.zzp .karty-foto h3{margin:12px 0 4px;font-size:17px}
.zzp .karty-foto p{margin:0;font-size:15px}
@media (max-width:760px){.zzp .velikosti-obal .dva-sloupce>div:last-child{order:-1}
.zzp .karty-foto{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.zzp .tricko-nakres .mira{font-size:14px;padding:2px 6px}
.zzp .tricko-nakres .mira b{font-size:16px}
}
.zzp .text-sloupec{max-width:720px}
.zzp .zz-lista nav a{gap:4px;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.zzp .zz-lista nav a::after{content:"";width:14px;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23111' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E") no-repeat center/contain}
.zzp .zz-lista nav a:hover,.zzp .zz-lista nav a:focus-visible{color:#c4007a;text-decoration-thickness:2px}
.zzp .postup-foto{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:56px;align-items:center}
.zzp .postup-foto>img{order:-1;width:100%;aspect-ratio:3/4;object-fit:cover}
@media (max-width:760px){.zzp .postup-foto{grid-template-columns:minmax(0,1fr);gap:24px}
.zzp .postup-foto>img{order:0}
}
.zzp .zaver-karta{box-shadow:none;clip-path:none;padding:40px}
@media (max-width:760px){.zzp .zaver-karta{padding:28px 20px}
}

.zzp .vyber-barvy{position:relative;isolation:isolate;padding:56px 0;background:#f5f5f2;box-shadow:0 0 0 100vmax #f5f5f2;clip-path:inset(0 -100vmax)}
.zzp .vyber-barvy::after{content:"";position:absolute;z-index:-1;right:calc(50% - 50vw + 48px);top:28px;width:150px;height:150px;opacity:.05;pointer-events:none;background:url("/user/documents/upload/black%20logo.png") no-repeat center/contain;transform:rotate(14deg)}
.zzp .zzb{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.zzp .vb-obsah{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:56px;align-items:center}
.zzp .vb-foto img{display:none;width:100%;aspect-ratio:3/4;object-fit:cover;background:#fff}
.zzp .vb-volba{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:20px 0 16px}
.zzp .vb-volba label{display:flex;align-items:center;gap:10px;min-height:44px;padding:6px 12px;border:1px solid #d6d6d6;background:#fff;font-size:15px;cursor:pointer}
.zzp .vb-volba label::before{content:"";flex:none;width:24px;height:24px;border:1px solid #cfcfcf;background:var(--b)}
.zzp .vb-volba label:hover{border-color:#111}
.zzp .zzb:focus-visible~* .vb-volba{outline:2px solid #c4007a;outline-offset:4px}
.zzp .vb-nazev{margin:0 0 8px;font-size:15px}
.zzp .vb-nazev b{display:none}
@media (max-width:760px){.zzp .vyber-barvy{padding:40px 0}.zzp .vb-obsah{grid-template-columns:minmax(0,1fr);gap:24px}.zzp .vb-foto img{max-width:420px;margin:0 auto}}

.zzkp{--zelena:#1e9e4a;box-sizing:border-box;width:100%;padding:24px;background:#fff;border:1px solid #e5e7eb;border-radius:20px;color:#111;font-size:16px;line-height:1.55;text-align:left}
.zzkp *{box-sizing:border-box}
.zzkp{position:relative}
.zzkp::before{content:"";position:absolute;right:24px;top:20px;width:49px;height:10px;background:linear-gradient(90deg,#00aeef 0 10px,transparent 10px 13px,#ec008c 13px 23px,transparent 23px 26px,#ffe500 26px 36px,transparent 36px 39px,#111 39px 49px)}
.zzkp>p:first-child{padding-right:64px}
.zzkp.zzkp p{margin:0 0 16px;color:#111}
.zzkp .vyhody{display:grid;grid-template-columns:1fr 1fr;gap:4px 20px;margin:0;padding:0;list-style:none}
.zzkp .vyhody li{position:relative;padding:8px 0 8px 28px;font-size:14px;line-height:1.4;color:#555}
.zzkp .vyhody li b{display:block;font-size:15px;color:#111}
.zzkp .vyhody li::before{content:"";position:absolute;left:0;top:10px;width:18px;height:18px;background:var(--zelena)}
.zzkp .vyhody li::after{content:"";position:absolute;left:6px;top:12px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.zzkp .zz-tabulka{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:12px;color:#111;font-size:15px;text-decoration:underline;text-underline-offset:3px}
.zzkp .zz-tabulka::before{content:"";width:22px;height:22px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 5a2 2 0 1 1 2 2v1.5l8.6 6.2a1.4 1.4 0 0 1-.8 2.5H4.2a1.4 1.4 0 0 1-.8-2.5L12 8.5'/%3E%3C/svg%3E") no-repeat center/contain}
.zzkp .zz-tabulka:hover,.zzkp .zz-tabulka:focus-visible{color:#c4007a;text-decoration-thickness:2px}
.zzkp .ikony{display:flex;flex-wrap:wrap;gap:12px 36px;margin:0 0 18px;padding:0;list-style:none}
.zzkp .ikony li{display:flex;align-items:center;gap:10px;padding:0;font-size:15px;font-weight:700;line-height:1.3;color:#111}
.zzkp .ikony li::before{content:"";flex:0 0 28px;position:static;width:28px;height:28px;background:var(--ikona) no-repeat center/contain}
.zzkp .ikony li::after{content:none}
.zzkp .ikony .doprava{--ikona:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 4.5v9L12 21l-8-4.5v-9z M4 7.5l8 4.5 8-4.5 M12 12v9'/%3E%3C/svg%3E")}
.zzkp .ikony .prani{--ikona:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6l2.2 13h13.6L21 6 M4.4 10c1.5 1 3 1 4.5 0s3-1 4.5 0 3 1 4.5 0 M7 3.5h10'/%3E%3C/svg%3E")}
.zzkp .ikony .tisk{--ikona:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3c3 4.2 6 7.6 6 11a6 6 0 0 1-12 0c0-3.4 3-6.8 6-11z M9.5 15a2.5 2.5 0 0 0 2.5 2.5'/%3E%3C/svg%3E")}
@media (max-width:480px){.zzkp .ikony{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.zzkp .ikony li{flex-direction:column;align-items:flex-start;gap:6px;font-size:14px}.zzkp{padding:20px 16px}.zzkp .vyhody{gap:4px 12px}.zzkp .vyhody li{padding-left:24px}.zzkp .vyhody li b{font-size:14px}}
.zzp .k-bila{--b:#f2f2f0}
.zzp .k-cerna{--b:#000000}
.zzp .k-namorni-modra{--b:#1b2c3c}
.zzp .k-svetle-sedy-melir{--b:#c8c9cb}
.zzp .k-zluta{--b:#f4c517}
.zzp .k-kralovska-modra{--b:#194a91}
.zzp .k-lahvove-zelena{--b:#23502f}
.zzp .k-cervena{--b:#b12027}
.zzp .k-piskova{--b:#be9f82}
.zzp .k-khaki{--b:#6a6f53}
.zzp .k-oranzova{--b:#ca4728}
.zzp .k-tmave-sedy-melir{--b:#8a8e8f}
.zzp .k-bordo{--b:#a22f2a}
.zzp .k-azurove-modra{--b:#3e74b1}
.zzp .k-nebesky-modra{--b:#95b2da}
.zzp .k-stredne-zelena{--b:#029054}
.zzp .k-emerald{--b:#029196}
.zzp .k-marlboro-cervena{--b:#961b30}
.zzp .k-kavova{--b:#463837}
.zzp .k-svetla-khaki{--b:#7a7361}
.zzp .k-army{--b:#433a33}
.zzp .k-cokoladova{--b:#6b3d2b}
.zzp .k-travove-zelena{--b:#86b264}
.zzp .k-purpurova{--b:#d24273}
.zzp .k-tyrkysova{--b:#01a3c7}
.zzp .k-ledove-seda{--b:#cbc4bc}
.zzp .k-tmavy-tyrkys{--b:#016e8a}
.zzp .k-denim{--b:#40566b}
.zzp .k-limetkova{--b:#cdd108}
.zzp .k-tmava-bridlice{--b:#535a53}
.zzp .k-military{--b:#39493e}
.zzp .k-pulnocni-modra{--b:#1c355b}
.zzp .k-petrolejova{--b:#015373}
.zzp .k-ebony-gray{--b:#4d5257}
.zzp .k-matova{--b:#70c5ad}
.zzp .k-citronova{--b:#fdfc2e}
.zzp .k-koralova{--b:#f08984}
.zzp .k-tangerine-orange{--b:#f28c16}
.zzp .k-frost{--b:#d4ebe1}
.zzp .k-ruzova{--b:#facdd4}
.zzp .k-fialova{--b:#854f99}
.zzp #zzb-1:checked~* .f-1{display:block}
.zzp #zzb-1:checked~* .n-1{display:inline}
.zzp #zzb-1:checked~* label[for="zzb-1"]{border:2px solid #111;padding:5px 11px;font-weight:800}
.zzp #zzb-2:checked~* .f-2{display:block}
.zzp #zzb-2:checked~* .n-2{display:inline}
.zzp #zzb-2:checked~* label[for="zzb-2"]{border:2px solid #111;padding:5px 11px;font-weight:800}
.zzp #zzb-3:checked~* .f-3{display:block}
.zzp #zzb-3:checked~* .n-3{display:inline}
.zzp #zzb-3:checked~* label[for="zzb-3"]{border:2px solid #111;padding:5px 11px;font-weight:800}
.zzp #zzb-4:checked~* .f-4{display:block}
.zzp #zzb-4:checked~* .n-4{display:inline}
.zzp #zzb-4:checked~* label[for="zzb-4"]{border:2px solid #111;padding:5px 11px;font-weight:800}
.zzp #zzb-5:checked~* .f-5{display:block}
.zzp #zzb-5:checked~* .n-5{display:inline}
.zzp #zzb-5:checked~* label[for="zzb-5"]{border:2px solid #111;padding:5px 11px;font-weight:800}
.zzp #zzb-6:checked~* .f-6{display:block}
.zzp #zzb-6:checked~* .n-6{display:inline}
.zzp #zzb-6:checked~* label[for="zzb-6"]{border:2px solid #111;padding:5px 11px;font-weight:800}
.zzp #zzb-7:checked~* .f-7{display:block}
.zzp #zzb-7:checked~* .n-7{display:inline}
.zzp #zzb-7:checked~* label[for="zzb-7"]{border:2px solid #111;padding:5px 11px;font-weight:800}
.zzp #zzb-8:checked~* .f-8{display:block}
.zzp #zzb-8:checked~* .n-8{display:inline}
.zzp #zzb-8:checked~* label[for="zzb-8"]{border:2px solid #111;padding:5px 11px;font-weight:800}
.zzp #zzb-9:checked~* .f-9{display:block}
.zzp #zzb-9:checked~* .n-9{display:inline}
.zzp #zzb-9:checked~* label[for="zzb-9"]{border:2px solid #111;padding:5px 11px;font-weight:800}
.zzp #zzb-10:checked~* .f-10{display:block}
.zzp #zzb-10:checked~* .n-10{display:inline}
.zzp #zzb-10:checked~* label[for="zzb-10"]{border:2px solid #111;padding:5px 11px;font-weight:800}
.zzp #zzb-11:checked~* .f-11{display:block}
.zzp #zzb-11:checked~* .n-11{display:inline}
.zzp #zzb-11:checked~* label[for="zzb-11"]{border:2px solid #111;padding:5px 11px;font-weight:800}
.zzp #zzb-12:checked~* .f-12{display:block}
.zzp #zzb-12:checked~* .n-12{display:inline}
.zzp #zzb-12:checked~* label[for="zzb-12"]{border:2px solid #111;padding:5px 11px;font-weight:800}
.zzp #zzb-13:checked~* .f-13{display:block}
.zzp #zzb-13:checked~* .n-13{display:inline}
.zzp #zzb-13:checked~* label[for="zzb-13"]{border:2px solid #111;padding:5px 11px;font-weight:800}
.zzp #zzb-14:checked~* .f-14{display:block}
.zzp #zzb-14:checked~* .n-14{display:inline}
.zzp #zzb-14:checked~* label[for="zzb-14"]{border:2px solid #111;padding:5px 11px;font-weight:800}
.zzp #zzb-15:checked~* .f-15{display:block}
.zzp #zzb-15:checked~* .n-15{display:inline}
.zzp #zzb-15:checked~* label[for="zzb-15"]{border:2px solid #111;padding:5px 11px;font-weight:800}
.zzp #zzb-16:checked~* .f-16{display:block}
.zzp #zzb-16:checked~* .n-16{display:inline}
.zzp #zzb-16:checked~* label[for="zzb-16"]{border:2px solid #111;padding:5px 11px;font-weight:800}
.zzp #zzb-17:checked~* .f-17{display:block}
.zzp #zzb-17:checked~* .n-17{display:inline}
.zzp #zzb-17:checked~* label[for="zzb-17"]{border:2px solid #111;padding:5px 11px;font-weight:800}
.zzp #zzb-18:checked~* .f-18{display:block}
.zzp #zzb-18:checked~* .n-18{display:inline}
.zzp #zzb-18:checked~* label[for="zzb-18"]{border:2px solid #111;padding:5px 11px;font-weight:800}
.zzp #zzb-19:checked~* .f-19{display:block}
.zzp #zzb-19:checked~* .n-19{display:inline}
.zzp #zzb-19:checked~* label[for="zzb-19"]{border:2px solid #111;padding:5px 11px;font-weight:800}
.zzp #zzb-20:checked~* .f-20{display:block}
.zzp #zzb-20:checked~* .n-20{display:inline}
.zzp #zzb-20:checked~* label[for="zzb-20"]{border:2px solid #111;padding:5px 11px;font-weight:800}
.zzp #zzb-21:checked~* .f-21{display:block}
.zzp #zzb-21:checked~* .n-21{display:inline}
.zzp #zzb-21:checked~* label[for="zzb-21"]{border:2px solid #111;padding:5px 11px;font-weight:800}
.zzp #zzb-22:checked~* .f-22{display:block}
.zzp #zzb-22:checked~* .n-22{display:inline}
.zzp #zzb-22:checked~* label[for="zzb-22"]{border:2px solid #111;padding:5px 11px;font-weight:800}
.zzp #zzb-23:checked~* .f-23{display:block}
.zzp #zzb-23:checked~* .n-23{display:inline}
.zzp #zzb-23:checked~* label[for="zzb-23"]{border:2px solid #111;padding:5px 11px;font-weight:800}
.zzp #zzb-24:checked~* .f-24{display:block}
.zzp #zzb-24:checked~* .n-24{display:inline}
.zzp #zzb-24:checked~* label[for="zzb-24"]{border:2px solid #111;padding:5px 11px;font-weight:800}
.zzp ul.vb-volba{list-style:none;padding:0}
.zzp .vb-volba li{display:flex;align-items:center;gap:10px;min-height:44px;margin:0;padding:6px 12px;border:1px solid #d6d6d6;background:#fff;font-size:15px}
.zzp .vb-volba li::before{content:"";flex:none;width:24px;height:24px;border:1px solid #cfcfcf;background:var(--b)}
.zzp .barvy-foto img{width:100%;aspect-ratio:1;object-fit:cover;background:#fff}
.zzp .ctverec img,.zzp .vb-foto.ctverec img{aspect-ratio:1}
.zzp .karty-foto.tri{grid-template-columns:repeat(3,minmax(0,1fr))}
.zzp .tricko-nakres.mikina{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 300' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M120 52L82 64L42 120L14 236L44 244L76 150L76 280L224 280L224 150L256 244L286 236L258 120L218 64L180 52Z' fill='%23f5f5f2' stroke='%23111' stroke-width='2.5'/%3E%3Cpath d='M120 52Q116 14 150 12Q184 14 180 52Q150 80 120 52Z' fill='%23f5f5f2' stroke='%23111' stroke-width='2.5'/%3E%3Cg stroke='%23111' stroke-width='1.8'%3E%3Cpath d='M142 66V98M158 66V98M104 214H196L208 258H92Z'/%3E%3Cpath d='M17 222L47 230M283 222L253 230M76 266H224'/%3E%3C/g%3E%3Cg stroke='%23c4007a' stroke-width='2'%3E%3Cpath d='M82 172H218M82 172l8-6M82 172l8 6M218 172l-8-6M218 172l-8 6'/%3E%3Cpath d='M212 68V276M212 68l-6 8M212 68l6 8M212 276l-6-8M212 276l6-8'/%3E%3Cpath d='M226 56L268 112L296 226M226 56l1 10M226 56l9 4M296 226l1-10M296 226l-8 5'/%3E%3C/g%3E%3C/svg%3E")}
.zzp .tricko-nakres.mikina .m-sirka{top:51%}
.zzp .tricko-nakres.mikina .m-delka{left:71%;top:36%}
@media (max-width:760px){.zzp .karty-foto.tri{grid-template-columns:minmax(0,1fr)}.zzp .karty-foto.tri li{display:grid;grid-template-columns:120px minmax(0,1fr);column-gap:16px;align-items:center}.zzp .karty-foto.tri img{grid-row:span 2}.zzp .karty-foto.tri h3{margin-top:0;align-self:end}.zzp .karty-foto.tri p{align-self:start}}
.zzp.r2 .detail.lem::after{right:calc(50% - 50vw + 40px);left:auto;transform:rotate(25deg)}
.zzp.r3 .detail.lem::after{transform:rotate(15deg)}
.zzp.r2 .detail.potisk::after{right:calc(50% - 50vw + 68px);left:auto;transform:rotate(-30deg)}
.zzp.r3 .detail.potisk::after{transform:rotate(70deg)}
.zzp.r2 .dilna::before{right:calc(50% - 50vw + 30px);left:auto;transform:rotate(35deg)}
.zzp.r3 .dilna::before{transform:rotate(5deg)}
.zzp.r2 .dilna::after{left:calc(50% - 50vw + 40px);right:auto;transform:rotate(-10deg)}
.zzp.r3 .dilna::after{transform:rotate(50deg)}
.zzp.r2 .dilna h2::after{left:8px;right:auto;transform:rotate(-45deg)}
.zzp.r3 .dilna h2::after{transform:rotate(85deg)}
.zzp.r2 .citace::after{left:-40px;right:auto;transform:rotate(15deg)}
.zzp.r3 .citace::after{transform:rotate(25deg)}
.zzp.r2 .oeko::after{left:-30px;right:auto;transform:rotate(-35deg)}
.zzp.r3 .oeko::after{transform:rotate(75deg)}
.zzp.r2 .vedeli::after{left:16px;right:auto;transform:rotate(50deg)}
.zzp.r3 .vedeli::after{transform:rotate(-10deg)}
.zzp.r2 .kontakt::after{left:-30px;right:auto;transform:rotate(-25deg)}
.zzp.r3 .kontakt::after{transform:rotate(65deg)}
.zzp.r2 .zaver-karta::after{left:-40px;right:auto;transform:rotate(15deg)}
.zzp.r3 .zaver-karta::after{transform:rotate(25deg)}
.zzp.r2 .pece::before{right:calc(50% - 50vw + 60px);left:auto;transform:rotate(30deg)}
.zzp.r3 .pece::before{transform:rotate(10deg)}
.zzp.r2 .pece::after{left:calc(50% - 50vw + 40px);right:auto;transform:rotate(-20deg)}
.zzp.r3 .pece::after{transform:rotate(60deg)}
.zzp.r2 .vyber-barvy::after{left:calc(50% - 50vw + 48px);right:auto;transform:rotate(-14deg)}
.zzp.r3 .vyber-barvy::after{transform:rotate(54deg)}
.zzp.r3{--zm:.8}