/* RASTLINYWEB2 (17. 10. 2026) — stránky Rastliny (rozcestník, Okrasné, karta druhu) podľa mockupov v2
 * (_mockup-rastliny-{hub,okrasne,karta}-v2.html, RASTLINYWEB1). Port CSS mockupu: všetko pod .pl (spoločné) a .pl-hub / .pl-orn / .pl-sp
 * (stránka), aby sa nebilo s komponentmi webu. Farby a písmo = tokens.css; navyše len farby kvetov z KB (--c-*) a 2 krivky pohybu.
 * Rozloženie cez @container pl (kontajner = <main class="pl">, ako zariadenie v mockupe). Animácie s predponou pl-. */
.pl{container-type:inline-size;container-name:pl;display:block;overflow-x:clip;color:var(--body);font-family:var(--font);
  --ease:var(--ease-out);--snap:var(--ease-snap);
  --c-white:#F6F2E6;--c-yellow:#F2C230;--c-orange:#EE8A2B;--c-red:#D8453B;--c-pink:#EB86A8;--c-purple:#8A5BB8;--c-blue:#4C7BD0;--c-green:#7FB069;--c-brown:#8B6244}
.pl *,.pl *::before,.pl *::after{box-sizing:border-box}
.pl .pagehead{padding-top:calc(var(--hdr-h) + 20px)!important}
.pl .btn.leaf{background:var(--leaf);color:#fff;box-shadow:var(--sh-btn)}
.pl .btn.leaf:hover{background:var(--leaf-deep)}
/* ── .pl */
.pl button,.pl input,.pl select{font:inherit;color:inherit;letter-spacing:inherit}
.pl button{cursor:pointer}
.pl a{color:var(--leaf-deep)}
.pl img,.pl svg{display:block;max-width:100%}
.pl .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.pl .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 24px;border-radius:var(--r-pill);border:1.5px solid transparent;font-weight:700;font-size:16px;text-decoration:none;cursor:pointer;transition:transform .25s var(--snap),box-shadow .25s,background .2s;white-space:nowrap}
.pl .btn:hover{transform:translateY(-2px)}
.pl .btn.leaf{background:var(--leaf);color:#fff;box-shadow:0 8px 24px rgb(8 118 91/.17)}
.pl .btn.leaf:hover{background:var(--leaf-deep)}
.pl .btn.sun{background:var(--sun);color:var(--soil)}
.pl .btn.ghost{background:transparent;border-color:var(--line-strong);color:var(--ink)}
.pl .btn.dark{background:var(--soil);color:#fff}
.pl .btn.sm{min-height:40px;padding:0 16px;font-size:14px}
.pl .chip{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:0 16px;border-radius:var(--r-pill);border:1.5px solid var(--line-strong);background:var(--surface);color:var(--ink);font-weight:650;font-size:15px;transition:all .2s var(--ease)}
.pl .chip:hover{border-color:var(--leaf);transform:translateY(-1px)}
.pl .chip[aria-pressed=true],.pl .chip.on{background:var(--soil);border-color:var(--soil);color:#fff}
.pl .chip .dot{width:14px;height:14px;border-radius:50%;border:1px solid rgb(0 0 0/.25);flex:none}
.pl .chip small{font-size:12px;opacity:.7;font-weight:600}
.pl .eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 14px;font:750 13px/1.2 var(--font);letter-spacing:.02em;color:var(--leaf)}
.pl .eyebrow::before{content:"";width:22px;height:2px;background:currentColor}
.pl h1,.pl h2,.pl h3,.pl h4{color:var(--ink);margin:0;font-weight:650;letter-spacing:-.04em;line-height:1}
.pl h1{font-size:clamp(40px,6cqw,76px);letter-spacing:-.05em;line-height:.98}
.pl h1 em,.pl h2 em{font-style:normal;color:var(--leaf)}
.pl h2{font-size:clamp(32px,4.4cqw,60px)}
.pl h3{font-size:clamp(22px,2.4cqw,32px)}
.pl .lead{font-size:clamp(18px,1.7cqw,22px);line-height:1.38;color:var(--body);margin:16px 0 0;max-width:660px}
.pl .pagehead{position:relative;background:var(--leaf-mist);border-radius:0 0 var(--r-xl) var(--r-xl);padding:20px 0 44px;overflow:hidden}
.pl .crumbs{display:flex;gap:8px;font-size:14px;color:var(--muted);margin-bottom:22px}
.pl .crumbs a{color:var(--leaf-deep)}
.pl .section{padding:clamp(48px,6cqw,96px) 0}
.pl .shead{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:34px}
.pl .shead p{max-width:420px;margin:0}
.pl .card{background:var(--surface);border-radius:var(--r-card);box-shadow:var(--sh-1);position:relative}
.pl .blob{position:absolute;border-radius:44% 56% 62% 38%;pointer-events:none}
.pl .disc{border-radius:12px;background:var(--larch-mist);color:#5b2f12;padding:12px 16px;font-size:14px;line-height:1.4;display:flex;gap:10px;align-items:flex-start}
.pl .disc svg{flex:none;margin-top:2px}
.pl .tag{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--r-pill);font-size:12.5px;font-weight:700;letter-spacing:0;background:var(--leaf-mist);color:var(--leaf-deep)}
.pl .tag.sun{background:#FBEFC6;color:#6a4a00}
.pl .tag.wood{background:var(--larch-mist);color:var(--larch-ink)}
.pl .tag.dark{background:var(--soil);color:#fff}
.pl .tag.grey{background:#E6E8E2;color:#4b5a51}
.pl .tag.red{background:#F8DAD3;color:#8a2a1c}
.pl .g2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.pl .g3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.pl .g4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@keyframes pl-sway{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}
@keyframes pl-floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes pl-spin{to{transform:rotate(360deg)}}
@keyframes pl-drift{0%{transform:translate(0,-20px) rotate(0)}100%{transform:translate(60px,560px) rotate(260deg)}}
@keyframes pl-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes pl-pop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.08)}100%{transform:scale(1);opacity:1}}
@keyframes pl-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes pl-growY{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes pl-dash{to{stroke-dashoffset:0}}
@keyframes pl-steam{0%{opacity:0;transform:translateY(8px) scaleX(.8)}40%{opacity:.8}100%{opacity:0;transform:translateY(-22px) scaleX(1.2)}}
@keyframes pl-fly{0%{transform:translate(0,0)}25%{transform:translate(70px,-30px)}50%{transform:translate(140px,10px)}75%{transform:translate(70px,40px)}100%{transform:translate(0,0)}}
@keyframes pl-flap{0%,100%{transform:scaleX(1)}50%{transform:scaleX(.25)}}
@keyframes pl-blink{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes pl-typing{0%{opacity:.2}50%{opacity:1}100%{opacity:.2}}
.pl .sway{transform-origin:50% 100%;animation:pl-sway 5s ease-in-out infinite}
.pl .float{animation:pl-floaty 6s ease-in-out infinite}
.pl .rv{animation:pl-rise .7s var(--ease) both}
.pl .rib{display:grid;grid-template-columns:repeat(12,1fr);gap:3px}
.pl .rib i{display:block;height:18px;border-radius:5px;background:#E4E9DF;position:relative;transform-origin:left}
.pl .rib i.on{background:var(--c,var(--leaf));animation:pl-grow .6s var(--ease) both;animation-delay:calc(var(--k,0)*40ms)}
.pl .rib.sm i{height:10px;border-radius:3px}
.pl .rib.cur i:nth-child(var(--m))::after{content:"";position:absolute;left:50%;top:-5px;bottom:-5px;width:2px;background:var(--larch);transform:translateX(-50%)}
.pl .mlab{display:grid;grid-template-columns:repeat(12,1fr);gap:3px;font-size:11px;color:var(--muted);text-align:center;letter-spacing:0;margin-top:3px}
.pl .chat-layer{position:sticky;top:0;height:0;z-index:70}
.pl .fab{position:absolute;right:20px;top:calc(100vh - 84px);height:60px;padding:0 24px 0 18px;border-radius:var(--r-pill);background:var(--soil);color:#fff;border:0;display:flex;align-items:center;gap:10px;font-weight:700;font-size:16px;box-shadow:var(--sh-3);transition:transform .3s var(--snap)}
.pl .fab:hover{transform:translateY(-3px) scale(1.03)}
.pl .fab .badge{background:var(--sun);color:var(--soil);border-radius:var(--r-pill);padding:2px 9px;font-size:12px;font-weight:800}
.pl .fab .pulse{position:absolute;inset:0;border-radius:inherit;border:2px solid var(--sun);animation:pl-pulse 2.4s infinite;pointer-events:none}
@keyframes pl-pulse{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.25,1.5);opacity:0}}
.pl .chat{position:absolute;right:20px;top:calc(100vh - 20px - min(680px,calc(100vh - 110px)));width:420px;height:min(680px,calc(100vh - 110px));background:var(--surface);border-radius:28px;box-shadow:0 30px 80px rgb(var(--shadow-rgb)/.35);display:none;flex-direction:column;overflow:hidden;border:1px solid var(--line)}
.pl .chat.open{display:flex;animation:pl-pop .35s var(--snap) both;transform-origin:100% 100%}
.pl .chat__h{background:var(--soil);color:#fff;padding:16px 18px;display:flex;align-items:center;gap:12px}
.pl .chat__h .av{width:42px;height:42px;border-radius:50%;background:var(--sun);display:grid;place-items:center;flex:none}
.pl .chat__h b{font-size:16px;display:block;line-height:1.2}
.pl .chat__h small{color:var(--on-dark-muted);font-size:12.5px}
.pl .chat__h .x{margin-left:auto;background:rgb(255 255 255/.14);border:0;color:#fff;width:34px;height:34px;border-radius:50%}
.pl .chat__ctx{padding:9px 14px;background:var(--leaf-mist);font-size:13px;display:flex;align-items:center;gap:8px;color:var(--leaf-deep);font-weight:650}
.pl .chat__b{flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:12px;background:var(--paper)}
.pl .msg{max-width:88%;padding:11px 14px;border-radius:18px;font-size:15px;line-height:1.42;animation:pl-rise .4s var(--ease) both}
.pl .msg.u{align-self:flex-end;background:var(--soil);color:#fff;border-bottom-right-radius:6px}
.pl .msg.a{align-self:flex-start;background:#fff;border:1px solid var(--line);border-bottom-left-radius:6px;color:var(--ink)}
.pl .msg .src{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.pl .msg .src span{display:inline-flex;align-items:center;gap:6px;background:var(--leaf-mist);border-radius:var(--r-pill);padding:2px 10px 2px 3px;font-size:12px;font-weight:700;color:var(--leaf-deep)}
.pl .msg .src img{width:22px;height:22px;border-radius:50%;background:#fff;object-fit:cover;mix-blend-mode:multiply}
.pl .msg .chk{display:grid;gap:4px;margin:8px 0 0;padding:10px;border-radius:12px;background:var(--card-tint);font-size:13px}
.pl .msg .chk div{display:flex;gap:8px;align-items:center}
.pl .msg .chk em{font-style:normal;color:var(--leaf);font-weight:800}
.pl .msg .chk em.t{color:var(--larch-ink)}
.pl .msg.typing{display:flex;gap:5px;padding:14px 16px}
.pl .msg.typing i{width:8px;height:8px;border-radius:50%;background:var(--muted);animation:pl-typing 1s infinite}
.pl .msg.typing i:nth-child(2){animation-delay:.15s}
.pl .msg.typing i:nth-child(3){animation-delay:.3s}
.pl .chat__sug{display:flex;gap:8px;overflow-x:auto;padding:10px 14px;background:var(--paper);border-top:1px solid var(--line)}
.pl .chat__sug button{flex:none;border:1.5px solid var(--line-strong);background:var(--surface);border-radius:var(--r-pill);padding:7px 13px;font-size:13.5px;font-weight:650;color:var(--ink)}
.pl .chat__sug button:hover{border-color:var(--leaf);background:var(--leaf-mist)}
.pl .chat__f{padding:10px 14px 14px;background:var(--surface);border-top:1px solid var(--line)}
.pl .chat__in{display:flex;gap:8px}
.pl .chat__in input{flex:1;min-width:0;height:48px;border-radius:var(--r-pill);border:1.5px solid var(--line-strong);padding:0 18px;background:#fff;font-size:16px}
.pl .chat__in button{width:48px;height:48px;border-radius:50%;border:0;background:var(--leaf);color:#fff;display:grid;place-items:center}
.pl .chat__cost{display:flex;justify-content:space-between;gap:8px;font-size:12.5px;color:var(--muted);margin-top:8px;letter-spacing:0}
.pl .chat__cost b{color:var(--ink)}
.pl .chat__gate{margin-top:8px;padding:10px 12px;border-radius:12px;background:#FBEFC6;color:#5b4300;font-size:13px;display:none}
.pl .chat__gate.show{display:block}
.pl .pcard__m{position:absolute;right:10px;bottom:10px;background:rgb(255 255 255/.86);border-radius:var(--r-pill);padding:2px 8px;font-size:11px;font-weight:700;color:var(--muted);letter-spacing:0}
.pl .crumbs{flex-wrap:wrap;row-gap:2px}
.pl .crumbs>*{white-space:nowrap}
.pl .pcard{background:var(--surface);border-radius:var(--r-card);overflow:hidden;box-shadow:var(--sh-1);transition:transform .3s var(--ease),box-shadow .3s;display:flex;flex-direction:column;cursor:pointer;position:relative}
.pl .pcard:hover{transform:translateY(-4px);box-shadow:var(--sh-3)}
.pl .pcard__art{display:block;position:relative;aspect-ratio:1/.78;background:radial-gradient(circle at 50% 48%,#fff 0 20%,var(--tc) 100%);overflow:hidden}
.pl .pcard__art .art{position:absolute;inset:6% 18%;width:64%;height:88%;object-fit:contain;mix-blend-mode:multiply;transition:transform .5s var(--snap)}
.pl .pcard:hover .art{transform:scale(1.08) rotate(-2deg)}
.pl .pcard__cols{position:absolute;left:12px;bottom:12px;display:flex;gap:4px}
.pl .pcard__cols .dot{width:15px;height:15px;border-radius:50%;border:1.5px solid #fff;box-shadow:0 1px 3px rgb(0 0 0/.25)}
.pl .pcard__sun{position:absolute;right:10px;top:10px;display:flex;gap:2px;background:rgb(255 255 255/.8);border-radius:var(--r-pill);padding:3px 6px}
.pl .pcard__b{padding:14px 16px 16px;display:flex;flex-direction:column;gap:7px}
.pl .pcard h3{font-size:21px;letter-spacing:-.035em;line-height:1.05}
.pl .pcard .sci{margin:-3px 0 0;font-size:13px;font-style:italic;color:var(--muted)}
.pl .pcard__row{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--ink);font-weight:650;justify-content:space-between}
.pl .pcard__row small{font-weight:500;color:var(--muted);font-size:13px}
.pl .pcard__row svg{display:inline;vertical-align:-3px;color:var(--leaf)}
.pl .pcard__row.f{margin-top:2px}
.pl .lv{display:inline-flex;gap:1px;color:var(--leaf);vertical-align:-2px}
.pl .lv i{display:inline-flex}
.pl .pcard__bl .rib i{height:9px}
.pl .unkc{display:flex;align-items:center;justify-content:center;height:9px;margin:2px 0;font-size:11px;font-weight:700;color:#7a6a55;letter-spacing:0;background:repeating-linear-gradient(45deg,#EFE9DD,#EFE9DD 4px,transparent 4px,transparent 7px);border-radius:3px;padding:7px 0}
@container pl (max-width:860px){
.pl .pcard h3{font-size:18px}
.pl .pcard__b{padding:11px 12px 13px}
}
/* ── .pl-hub */
@container pl (max-width:1100px){
.pl-hub .g4{grid-template-columns:repeat(2,1fr)}
}
@container pl (max-width:860px){
.pl-hub .pagehead{border-radius:0 0 28px 28px;padding:12px 0 30px}
.pl-hub .g2,.pl-hub .g3,.pl-hub .g4{grid-template-columns:minmax(0,1fr)}
.pl-hub .shead{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:22px}
.pl-hub .fab{right:12px;top:calc(100vh - 72px);height:54px;width:54px;padding:0;justify-content:center;border-radius:50%}
.pl-hub .fab__t{display:none}
.pl-hub .fab .badge{position:absolute;top:-6px;right:-8px}
.pl-hub .chat{right:0;left:0;width:auto;top:auto;bottom:0;height:min(86vh,720px);border-radius:26px 26px 0 0;margin:0;top:calc(100vh - min(86vh,720px))}
.pl-hub h1{font-size:clamp(36px,10.5cqw,52px)}
.pl-hub h2{font-size:clamp(30px,8.4cqw,44px)}
}
.pl-hub .g2>*,.pl-hub .g3>*,.pl-hub .g4>*{min-width:0}
.pl-hub .hero{padding-bottom:56px}
.pl-hub .hero__in{display:grid;grid-template-columns:1.08fr .92fr;gap:30px;align-items:center;position:relative;z-index:1}
.pl-hub .hero__art .scene{width:100%;height:auto;filter:drop-shadow(0 24px 30px rgb(var(--shadow-rgb)/.12))}
.pl-hub .cloud{animation:pl-cloud 38s linear infinite alternate}
.pl-hub .cloud.c2{animation-duration:52s;animation-direction:alternate-reverse}
@keyframes pl-cloud{from{transform:translateX(-30px)}to{transform:translateX(120px)}}
.pl-hub .petal{animation:petal 9s linear infinite}
.pl-hub .petal.p1{animation-name:pl-pet1}
.pl-hub .petal.p2{animation-name:pl-pet2;animation-delay:-3s}
.pl-hub .petal.p3{animation-name:pl-pet3;animation-delay:-6s}
@keyframes pl-pet1{from{transform:translate(260px,40px) rotate(0)}to{transform:translate(310px,300px) rotate(300deg)}}
@keyframes pl-pet2{from{transform:translate(380px,30px) rotate(0)}to{transform:translate(340px,280px) rotate(-260deg)}}
@keyframes pl-pet3{from{transform:translate(160px,60px) rotate(0)}to{transform:translate(210px,290px) rotate(240deg)}}
.pl-hub .search{position:relative;margin-top:26px;display:flex;align-items:center;gap:8px;background:#fff;border-radius:var(--r-pill);padding:7px 7px 7px 20px;box-shadow:var(--sh-3);max-width:640px}
.pl-hub .search__i{color:var(--leaf);display:flex}
.pl-hub .search input{flex:1;min-width:0;border:0;background:transparent;height:50px;font-size:17px;outline:0;color:var(--ink)}
.pl-hub .sdrop{position:absolute;left:0;right:0;top:calc(100% + 10px);background:#fff;border-radius:24px;box-shadow:0 24px 60px rgb(var(--shadow-rgb)/.28);padding:10px;display:none;z-index:30;border:1px solid var(--line)}
.pl-hub .sdrop.open{display:block;animation:pl-rise .25s var(--ease) both}
.pl-hub .sdrop h4{font-size:12.5px;color:var(--muted);letter-spacing:0;padding:8px 12px 4px;font-weight:700}
.pl-hub .sdrop a{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:14px;text-decoration:none;color:var(--ink)}
.pl-hub .sdrop a:hover,.pl-hub .sdrop a.hl{background:var(--leaf-mist)}
.pl-hub .sdrop .th{width:46px;height:46px;border-radius:50%;background:var(--card-tint);display:grid;place-items:center;flex:none;overflow:hidden}
.pl-hub .sdrop .th img{width:86%;height:86%;object-fit:contain;mix-blend-mode:multiply}
.pl-hub .sdrop b{font-size:16px;display:block;line-height:1.15}
.pl-hub .sdrop small{color:var(--muted);font-size:13px}
.pl-hub .sdrop .all{justify-content:space-between;font-weight:700;color:var(--leaf-deep);border-top:1px solid var(--line);border-radius:0 0 14px 14px;margin-top:6px}
.pl-hub .sdrop mark{background:#FBEFC6;color:inherit;border-radius:3px}
.pl-hub .hero__chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:16px;font-size:14px;color:var(--muted)}
.pl-hub .hero__chips .chip{min-height:36px;font-size:14px;padding:0 13px}
.pl-hub .dcards{gap:22px}
.pl-hub .door{display:flex;flex-direction:column;background:var(--surface);border-radius:32px;overflow:hidden;text-decoration:none;color:var(--body);box-shadow:var(--sh-1);transition:transform .35s var(--ease),box-shadow .35s;position:relative}
.pl-hub .door:hover{transform:translateY(-8px);box-shadow:var(--sh-3)}
.pl-hub .door__art{aspect-ratio:300/190;display:block}
.pl-hub .door__art svg{width:100%;height:100%}
.pl-hub .d1 .door__art{background:linear-gradient(#DCEBDD,#C9E2CE)}
.pl-hub .d2 .door__art{background:linear-gradient(#F7E4A3,#F3D77C)}
.pl-hub .d3 .door__art{background:linear-gradient(#F3E2D3,#EACBB0)}
.pl-hub .door__b{padding:22px 26px 28px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.pl-hub .door__b h3{font-size:30px}
.pl-hub .door__b p{margin:0}
.pl-hub .door__go{margin-top:6px;display:inline-flex;align-items:center;gap:8px;font-weight:750;color:var(--leaf-deep)}
.pl-hub .door:hover .door__go svg{transform:translateX(6px)}
.pl-hub .door__go svg{transition:transform .3s var(--snap)}
.pl-hub .steam path{stroke-dasharray:60;animation:pl-steam 3.2s ease-out infinite}
.pl-hub .steam.s2 path{animation-delay:-1.1s}
.pl-hub .steam.s3 path{animation-delay:-2.1s}
.pl-hub .month__card{background:var(--soil);color:#fff;border-radius:42px;padding:34px;position:relative;overflow:hidden}
.pl-hub .month__card::before{content:"";position:absolute;width:380px;height:380px;border-radius:44% 56% 62% 38%;background:var(--soil-2);right:-120px;top:-170px}
.pl-hub .month__card h2{color:#fff;font-size:clamp(34px,4.6cqw,60px)}
.pl-hub .month__card .eyebrow{color:var(--sun)}
.pl-hub .month__h{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;position:relative;margin-bottom:24px;flex-wrap:wrap}
.pl-hub .month__nav{display:flex;align-items:center;gap:6px}
.pl-hub .month__nav .ic{background:rgb(255 255 255/.1);border-color:rgb(255 255 255/.25);color:#fff;font-size:22px;width:44px;height:44px}
.pl-hub .mrow{display:flex;gap:4px;background:rgb(255 255 255/.08);border-radius:var(--r-pill);padding:4px}
.pl-hub .mrow button{border:0;background:transparent;color:var(--on-dark-muted);width:38px;height:38px;border-radius:50%;font-size:13px;font-weight:700}
.pl-hub .mrow button.on{background:var(--sun);color:var(--soil)}
.pl-hub .mrow button.now:not(.on){outline:1.5px solid var(--sun);outline-offset:-2px}
.pl-hub .month__cols{position:relative;gap:16px}
.pl-hub .mcol{background:rgb(255 255 255/.07);border-radius:26px;padding:18px 18px 12px}
.pl-hub .mcol h3{color:#fff;font-size:20px;display:flex;align-items:center;gap:10px;margin-bottom:10px}
.pl-hub .mcol h3 i{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--sun);color:var(--soil)}
.pl-hub .mcol a{display:flex;align-items:center;gap:12px;padding:7px 4px;border-radius:14px;color:#fff;text-decoration:none;animation:pl-rise .45s var(--ease) both;animation-delay:calc(var(--k)*60ms)}
.pl-hub .mcol a:hover{background:rgb(255 255 255/.1)}
.pl-hub .mcol .th{width:44px;height:44px;border-radius:50%;background:#fff;display:grid;place-items:center;flex:none;overflow:hidden}
.pl-hub .mcol .th img{width:86%;height:86%;object-fit:contain;mix-blend-mode:multiply}
.pl-hub .mcol b{display:block;font-size:15.5px;line-height:1.15}
.pl-hub .mcol small{color:var(--on-dark-muted);font-size:12.5px}
.pl-hub .mcol .empty{color:var(--on-dark-muted);font-size:14px;padding:6px 4px}
.pl-hub .probg{gap:14px}
.pl-hub .prob{border:0;text-align:left;border-radius:26px;padding:18px 18px 16px;display:flex;flex-direction:column;gap:8px;min-height:176px;position:relative;overflow:hidden;transition:transform .3s var(--snap);background:var(--pc)}
.pl-hub .prob:hover{transform:translateY(-5px) rotate(-.6deg)}
.pl-hub .prob svg.gl{width:62px;height:62px}
.pl-hub .prob b{font-size:19px;color:var(--ink);letter-spacing:-.03em;line-height:1.1}
.pl-hub .prob small{color:var(--ink);opacity:.72;font-size:13.5px;margin-top:auto}
.pl-hub .prob .n{position:absolute;right:14px;top:14px;background:rgb(255 255 255/.75);border-radius:var(--r-pill);padding:2px 10px;font-size:12.5px;font-weight:800;color:var(--ink)}
.pl-hub .combo{padding:20px;display:flex;flex-direction:column;gap:12px;transition:transform .3s var(--ease),box-shadow .3s;cursor:pointer}
.pl-hub .combo:hover{transform:translateY(-5px);box-shadow:var(--sh-3)}
.pl-hub .combo__bed{height:112px;border-radius:18px;background:linear-gradient(#EEF2E8,#DCEBDD);display:flex;align-items:flex-end;justify-content:center;padding:0 10px 8px;position:relative;overflow:hidden}
.pl-hub .combo__bed{isolation:isolate}
.pl-hub .combo__bed::after{content:"";position:absolute;left:0;right:0;bottom:0;height:22px;background:#B98B5E;opacity:.9;z-index:-1}
.pl-hub .combo__bed span{margin:0 -6px;flex:none;display:block;transition:transform .4s var(--snap)}
.pl-hub .combo:hover .combo__bed span{transform:translateY(-6px)}
.pl-hub .combo__bed img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;margin-bottom:2px}
.pl-hub .combo h3{font-size:24px}
.pl-hub .combo p{margin:0;font-size:15px}
.pl-hub .combo__t{display:flex;flex-wrap:wrap;gap:6px}
.pl-hub .ai__card{background:var(--soil);border-radius:42px;padding:clamp(28px,4cqw,56px);display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center;position:relative;overflow:hidden}
.pl-hub .ai__card::after{content:"";position:absolute;width:300px;height:300px;border-radius:44% 56% 62% 38%;background:var(--soil-2);left:-100px;bottom:-130px}
.pl-hub .ai__txt,.pl-hub .ai__demo{position:relative;z-index:1}
.pl-hub .ai__acts{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:24px}
.pl-hub .ai__cost{color:var(--on-dark-muted);font-size:14px}
.pl-hub .ai__demo{display:flex;flex-direction:column;gap:12px;background:var(--paper);padding:20px;border-radius:28px;box-shadow:var(--sh-3);transform:rotate(1.4deg)}
.pl-hub .studio__g{gap:20px}
.pl-hub .studio__c{padding:30px;display:flex;flex-direction:column;gap:14px;align-items:flex-start;border-radius:32px}
.pl-hub .studio__c h3{font-size:30px}
.pl-hub .studio__c p{margin:0}
.pl-hub .studio__c ul{margin:0;padding:0;list-style:none;display:grid;gap:8px;width:100%}
.pl-hub .studio__c li a{display:block;padding:12px 16px;border-radius:14px;background:var(--card-tint);color:var(--ink);font-weight:650;text-decoration:none}
.pl-hub .studio__c li a:hover{background:var(--leaf-mist)}
.pl-hub .studio__c small{color:var(--muted)}
@container pl (max-width:1100px){
.pl-hub .hero__in{grid-template-columns:1fr}
.pl-hub .hero__art{max-width:520px;margin:0 auto}
.pl-hub .ai__card{grid-template-columns:1fr}
}
@container pl (max-width:860px){
.pl-hub .hero{padding-bottom:30px}
.pl-hub .search{padding:6px 6px 6px 14px}
.pl-hub .search .btn{padding:0 16px}
.pl-hub .search input{font-size:16px;height:46px}
.pl-hub .month__card{padding:22px 18px;border-radius:28px}
.pl-hub .month__h{flex-direction:column;align-items:flex-start}
.pl-hub .month__nav{width:100%;overflow-x:auto}
.pl-hub .mrow button{width:34px;height:34px}
.pl-hub .month__nav .ic{width:38px;height:38px;flex:none}
.pl-hub .door__b h3{font-size:26px}
.pl-hub .prob{min-height:150px}
.pl-hub .probg{grid-template-columns:1fr 1fr}
.pl-hub .ai__card{border-radius:28px;padding:24px 18px}
.pl-hub .ai__demo{transform:none}
.pl-hub .studio__c{padding:22px}
}
.pl-hub .more-c{display:none}
.pl-hub .all .more-c{display:flex}
.pl-hub .both{margin-top:22px;display:flex;align-items:center;gap:18px;background:var(--surface);border-radius:28px;padding:14px 22px 14px 14px;text-decoration:none;box-shadow:var(--sh-1);border:2px dashed #E7C764;transition:transform .3s var(--ease)}
.pl-hub .both:hover{transform:translateY(-3px)}
.pl-hub .both__a{width:74px;height:74px;border-radius:50%;background:#EEE3F6;display:grid;place-items:center;flex:none}
.pl-hub .both__a img{width:86%;height:86%;object-fit:contain;mix-blend-mode:multiply}
.pl-hub .both__t{flex:1;min-width:0}
.pl-hub .both__t b{display:block;color:var(--ink);font-size:20px;letter-spacing:-.03em}
.pl-hub .both__t small{color:var(--muted);font-size:14.5px}
.pl-hub .both__tabs{display:flex;gap:4px;background:#EDEFE6;border-radius:var(--r-pill);padding:4px;flex:none}
.pl-hub .both__tabs em{font-style:normal;font-weight:700;font-size:14px;padding:6px 14px;border-radius:var(--r-pill);color:var(--ink)}
.pl-hub .both__tabs em.on{background:var(--soil);color:#fff}
@container pl (max-width:860px){
.pl-hub .both{flex-wrap:wrap;padding:14px;gap:12px}
.pl-hub .both__a{width:58px;height:58px}
.pl-hub .both__t b{font-size:17px}
.pl-hub .both__tabs{width:100%;justify-content:center}
}
/* ── .pl-orn */
@container pl (max-width:1100px){
.pl-orn .g4{grid-template-columns:repeat(2,1fr)}
}
@container pl (max-width:860px){
.pl-orn .pagehead{border-radius:0 0 28px 28px;padding:12px 0 30px}
.pl-orn .g2,.pl-orn .g3,.pl-orn .g4{grid-template-columns:minmax(0,1fr)}
.pl-orn .shead{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:22px}
.pl-orn .fab{right:12px;top:calc(100vh - 72px);height:54px;width:54px;padding:0;justify-content:center;border-radius:50%}
.pl-orn .fab__t{display:none}
.pl-orn .fab .badge{position:absolute;top:-6px;right:-8px}
.pl-orn .chat{right:0;left:0;width:auto;top:auto;bottom:0;height:min(86vh,720px);border-radius:26px 26px 0 0;margin:0;top:calc(100vh - min(86vh,720px))}
.pl-orn h1{font-size:clamp(36px,10.5cqw,52px)}
.pl-orn h2{font-size:clamp(30px,8.4cqw,44px)}
}
.pl-orn .g2>*,.pl-orn .g3>*,.pl-orn .g4>*{min-width:0}
.pl-orn .ph{padding-bottom:30px}
.pl-orn .ph__row{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap}
.pl-orn .mode{display:inline-flex;background:#fff;border-radius:var(--r-pill);padding:5px;box-shadow:var(--sh-2);position:relative}
.pl-orn .mode button{border:0;background:transparent;height:48px;padding:0 22px;border-radius:var(--r-pill);font-weight:700;font-size:16px;color:var(--ink);display:flex;align-items:center;gap:8px}
.pl-orn .mode button[aria-pressed=true]{background:var(--soil);color:#fff}
.pl-orn .mode button[aria-pressed=true] svg{fill:var(--sun)}
.pl-orn .lay{display:grid;grid-template-columns:340px 1fr;gap:30px;padding-top:28px;padding-bottom:30px;align-items:start}
.pl-orn .side{position:sticky;top:calc(var(--hdr-h) + 16px);max-height:calc(100vh - var(--hdr-h) - 32px);overflow:auto;padding-right:2px}
.pl-orn .wiz{display:grid;gap:14px}
.pl-orn .wstep{background:var(--surface);border-radius:26px;padding:18px 18px 20px;box-shadow:var(--sh-1);position:relative}
.pl-orn .wstep h3{font-size:22px;margin-left:44px;line-height:1.1}
.pl-orn .wstep h3+.hint{margin-left:44px}
.pl-orn .wstep .hint{margin:4px 0 12px 0;font-size:13.5px;color:var(--muted)}
.pl-orn .wstep .hint small{font-size:12.5px}
.pl-orn .wn{position:absolute;left:16px;top:16px;width:30px;height:30px;border-radius:50%;background:var(--sun);color:var(--soil);font-weight:800;display:grid;place-items:center;font-size:15px}
.pl-orn .opt3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.pl-orn .opt{border:2px solid var(--line);background:#fff;border-radius:18px;padding:10px 4px 9px;display:flex;flex-direction:column;align-items:center;gap:4px;font-weight:700;font-size:13.5px;color:var(--ink);transition:all .25s var(--snap);line-height:1.15;text-align:center}
.pl-orn .opt:hover{border-color:var(--leaf);transform:translateY(-2px)}
.pl-orn .opt[aria-pressed=true]{border-color:var(--soil);background:var(--leaf-mist);box-shadow:0 0 0 3px rgb(7 63 50/.14)}
.pl-orn .opt svg{width:44px;height:44px}
.pl-orn .opt small{font-weight:500;color:var(--muted);font-size:11.5px}
.pl-orn .size5{display:grid;gap:6px}
.pl-orn .size5 .opt{flex-direction:row;padding:4px 12px 4px 4px;font-size:14.5px;gap:10px;text-align:left;border-radius:16px;justify-content:flex-start}
.pl-orn .size5 .opt svg{width:92px;height:58px;flex:none}
.pl-orn .size5 .opt span{display:flex;flex-direction:column;align-items:flex-start}
.pl-orn .size5 .opt small{font-size:12px}
.pl-orn .cols{display:flex;flex-wrap:wrap;gap:8px}
.pl-orn .cdot{width:34px;height:34px;border-radius:50%;border:2.5px solid #fff;box-shadow:0 0 0 1.5px var(--line-strong);transition:transform .25s var(--snap);position:relative}
.pl-orn .cdot:hover{transform:scale(1.15)}
.pl-orn .cdot[aria-pressed=true]{box-shadow:0 0 0 3px var(--soil);transform:scale(1.1)}
.pl-orn .cdot[aria-pressed=true]::after{content:"";position:absolute;inset:0;margin:auto;width:11px;height:6px;border-left:3px solid #fff;border-bottom:3px solid #fff;transform:translateY(-1px) rotate(-45deg);filter:drop-shadow(0 0 2px rgb(0 0 0/.6))}
.pl-orn .mpick{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}
.pl-orn .mpick button{border:1.5px solid var(--line);background:#fff;border-radius:10px;height:34px;font-size:12.5px;font-weight:650;color:var(--ink);transition:all .2s}
.pl-orn .mpick button[aria-pressed=true]{background:var(--soil);border-color:var(--soil);color:#fff}
.pl-orn .mpick button.now{box-shadow:inset 0 -3px 0 var(--larch)}
.pl-orn .extras{display:flex;flex-wrap:wrap;gap:7px}
.pl-orn .extras .chip{min-height:38px;font-size:14px;padding:0 13px}
.pl-orn .expert{display:none;background:var(--surface);border-radius:26px;padding:6px 18px 18px;box-shadow:var(--sh-1)}
.pl-orn .fgrp{padding:14px 0;border-bottom:1px solid var(--line)}
.pl-orn .fgrp:last-child{border:0}
.pl-orn .fgrp h4{font-size:14.5px;letter-spacing:-.02em;margin-bottom:9px;display:flex;justify-content:space-between}
.pl-orn .fgrp output{color:var(--leaf-deep);font-weight:700}
.pl-orn .chks{display:flex;flex-wrap:wrap;gap:6px}
.pl-orn .chks .chip{min-height:34px;font-size:13.5px;padding:0 12px}
.pl-orn .fgrp input[type=range]{width:100%;accent-color:var(--leaf)}
.pl-orn .tabs{display:flex;gap:6px;overflow-x:auto;padding:4px 2px 12px;scrollbar-width:none}
.pl-orn .tabs button{flex:none;border:0;background:var(--surface);height:44px;padding:0 18px;border-radius:var(--r-pill);font-weight:700;font-size:15px;color:var(--ink);display:flex;gap:8px;align-items:center;box-shadow:var(--sh-1);transition:all .2s}
.pl-orn .tabs button small{color:var(--muted);font-weight:600;font-size:12.5px}
.pl-orn .tabs button[aria-selected=true]{background:var(--soil);color:#fff}
.pl-orn .tabs button[aria-selected=true] small{color:var(--on-dark-muted)}
.pl-orn .bar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:10px}
.pl-orn .res{font:700 22px/1.1 var(--font);color:var(--ink);letter-spacing:-.03em}
.pl-orn .res small{display:block;font-size:14px;color:var(--muted);font-weight:500;margin-top:3px;letter-spacing:-.01em}
.pl-orn .bar__r{display:flex;gap:10px;align-items:center}
.pl-orn .seg{display:inline-flex;background:var(--surface);border-radius:var(--r-pill);padding:3px;box-shadow:var(--sh-1)}
.pl-orn .seg button{border:0;background:transparent;height:38px;padding:0 15px;border-radius:var(--r-pill);font-weight:700;font-size:14px;color:var(--ink)}
.pl-orn .seg button[aria-pressed=true]{background:var(--leaf);color:#fff}
.pl-orn select{height:44px;border-radius:var(--r-pill);border:1.5px solid var(--line-strong);background:var(--surface);padding:0 16px;font-weight:650;font-size:14.5px;color:var(--ink)}
.pl-orn .active{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px;min-height:4px}
.pl-orn .active .chip{min-height:34px;font-size:13.5px;padding:0 6px 0 13px;background:var(--leaf-mist);border-color:var(--leaf-mist);color:var(--leaf-deep)}
.pl-orn .active .chip i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#fff;font-style:normal}
.pl-orn .active .clr{background:transparent;border:0;text-decoration:underline;color:var(--muted);font-size:14px;font-weight:600}
.pl-orn #grid{grid-template-columns:repeat(3,1fr);gap:18px}
.pl-orn #grid .pcard{animation:pl-rise .5s var(--ease) both;animation-delay:calc(var(--i,0)*35ms)}
.pl-orn .empty{background:var(--surface);border-radius:28px;padding:34px;text-align:center}
.pl-orn .empty .big{font-size:56px}
.pl-orn .empty h3{margin:6px 0 10px}
.pl-orn .empty .fix{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:14px}
.pl-orn .scale{background:linear-gradient(#EEF6F0,#F7F3E8 60%);border-radius:28px;padding:20px 12px 8px;overflow-x:auto;position:relative}
.pl-orn .scale__in{display:flex;align-items:flex-end;gap:2px;min-width:max-content;position:relative}
.pl-orn .scale svg{display:block;height:440px;width:auto}
.pl-orn .scale .ln{position:absolute;left:0;right:0;border-top:1.5px dashed rgb(43 74 63/.28);font-size:11px;color:var(--muted);letter-spacing:0}
.pl-orn .scale .ln span{position:absolute;left:6px;top:-15px;background:#F3F1E6;padding:0 4px}
.pl-orn .scale .lab{font-size:12.5px;color:var(--ink);font-weight:700;text-align:center;max-width:110px;line-height:1.1;position:absolute;bottom:-4px}
.pl-orn .mfilt{display:none}
.pl-orn .place4{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pl-orn .place4 .opt{padding:10px 8px;font-size:13.5px}
.pl-orn .place4 .opt svg{width:46px;height:34px}
.pl-orn .sheet{position:absolute;left:0;right:0;top:calc(100vh - min(88vh,720px));height:min(88vh,720px);background:var(--paper);border-radius:28px 28px 0 0;box-shadow:0 -20px 60px rgb(var(--shadow-rgb)/.35);display:none;flex-direction:column;z-index:80}
.pl-orn .sheet.open{display:flex}
.pl-orn .sheet__h{display:flex;justify-content:space-between;align-items:center;padding:16px 18px 8px}
.pl-orn .sheet__h b{font-size:20px;color:var(--ink);letter-spacing:-.03em}
.pl-orn .sheet__b{overflow:auto;padding:0 14px 8px;flex:1}
.pl-orn .sheet__f{padding:12px 14px 16px;border-top:1px solid var(--line);background:var(--surface);display:flex;gap:10px}
.pl-orn .sheet__f .btn{flex:1}
.pl-orn .sheet__bg{position:absolute;inset:0 0 auto 0;height:100vh;background:rgb(7 63 50/.4);display:none;z-index:79}
.pl-orn .sheet__bg.open{display:block}
@container pl (max-width:1100px){
.pl-orn .lay{grid-template-columns:290px 1fr}
.pl-orn #grid{grid-template-columns:repeat(2,1fr)}
}
@container pl (max-width:860px){
.pl-orn .ph__row{align-items:flex-start}
.pl-orn .mode{width:100%}
.pl-orn .mode button{flex:1;justify-content:center;padding:0 8px;font-size:15px}
.pl-orn .lay{grid-template-columns:1fr;gap:16px}
.pl-orn .side{position:static;max-height:none;overflow:visible}
.pl-orn #grid{grid-template-columns:repeat(2,1fr);gap:10px}
.pl-orn .wstep{border-radius:22px}
.pl-orn .bar__r{width:100%;justify-content:space-between}
.pl-orn .res{font-size:19px}
.pl-orn .opt{font-size:12.5px}
.pl-orn .cdot{width:36px;height:36px}
.pl-orn .tabs{margin:0 -16px;padding-left:16px}
.pl-orn .scale svg{height:340px}
}
.pl-orn .lay>*{min-width:0}
@container pl (max-width:860px){
.pl-orn .lay{grid-template-columns:minmax(0,1fr)}
}
@container pl (max-width:860px){
.pl-orn .lay>.side{display:none}
.pl-orn .mfilt{display:flex;position:sticky;bottom:12px;top:auto;z-index:30;width:100%;margin:0 0 12px;box-shadow:var(--sh-3)}
.pl-orn .mfilt .mfs{margin-left:auto;font-weight:500;font-size:13px;opacity:.85}
.pl-orn .sheet .side{display:block;position:static;max-height:none;overflow:visible}
}
.pl-orn .unkt{flex-basis:100%;display:flex;gap:8px;align-items:center;font-size:14px;color:var(--ink);background:repeating-linear-gradient(45deg,#F5F0E4,#F5F0E4 6px,#FBF8F0 6px,#FBF8F0 12px);border:1.5px dashed #C9B98A;border-radius:14px;padding:8px 12px;cursor:pointer}
.pl-orn .unkt input{accent-color:var(--leaf);width:18px;height:18px}
.pl-orn .unkt small{color:var(--muted)}
.pl-orn .place4 .opt span,.pl-orn .opt span{display:flex;flex-direction:column;align-items:center;line-height:1.15}
.pl-orn .place4 .opt{text-align:center}
/* ── .pl-sp */
@container pl (max-width:1100px){
.pl-sp .g4{grid-template-columns:repeat(2,1fr)}
}
@container pl (max-width:860px){
.pl-sp .pagehead{border-radius:0 0 28px 28px;padding:12px 0 30px}
.pl-sp .g2,.pl-sp .g3,.pl-sp .g4{grid-template-columns:minmax(0,1fr)}
.pl-sp .shead{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:22px}
.pl-sp .fab{right:12px;top:calc(100vh - 72px);height:54px;width:54px;padding:0;justify-content:center;border-radius:50%}
.pl-sp .fab__t{display:none}
.pl-sp .fab .badge{position:absolute;top:-6px;right:-8px}
.pl-sp .chat{right:0;left:0;width:auto;top:auto;bottom:0;height:min(86vh,720px);border-radius:26px 26px 0 0;margin:0;top:calc(100vh - min(86vh,720px))}
.pl-sp h1{font-size:clamp(36px,10.5cqw,52px)}
.pl-sp h2{font-size:clamp(30px,8.4cqw,44px)}
}
.pl-sp .g2>*,.pl-sp .g3>*,.pl-sp .g4>*{min-width:0}
.pl-sp .kh{padding-bottom:50px;background:var(--hb,var(--leaf-mist));transition:background .5s}
.pl-sp .kh__in{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:center;position:relative}
.pl-sp .kh h1{font-size:clamp(40px,6cqw,80px)}
.pl-sp .names{margin:12px 0 0;font-size:17px;color:var(--body)}
.pl-sp .names i{color:var(--ink)}
.pl-sp .kh__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.pl-sp .kh__chips .pill{display:inline-flex;align-items:center;gap:8px;background:#fff;border-radius:var(--r-pill);padding:8px 15px 8px 11px;font-weight:700;font-size:15px;color:var(--ink);box-shadow:var(--sh-1);animation:pl-rise .5s var(--ease) both;animation-delay:calc(var(--k)*70ms)}
.pl-sp .kh__chips .dot{width:16px;height:16px;border-radius:50%;border:1.5px solid rgb(0 0 0/.2);display:inline-block;margin-right:-2px}
.pl-sp .kh__acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}
.pl-sp .kh__art{position:relative;aspect-ratio:1;max-width:520px;margin-left:auto;width:100%}
.pl-sp .kh__art .disc2{position:absolute;inset:4%;border-radius:50%;background:radial-gradient(circle at 50% 42%,#fff 0 28%,var(--ct) 100%);box-shadow:inset 0 0 0 10px rgb(255 255 255/.55)}
.pl-sp .kh__art img{position:absolute;inset:11%;width:78%;height:78%;object-fit:contain;mix-blend-mode:multiply;animation:pl-floaty 7s ease-in-out infinite}
.pl-sp .kh__art .fp{position:absolute;background:#fff;border-radius:18px;padding:9px 14px;font-weight:750;font-size:14.5px;color:var(--ink);box-shadow:var(--sh-2);animation:pl-floaty 5.5s ease-in-out infinite;white-space:nowrap}
.pl-sp .kh__art .fp small{display:block;font-weight:500;color:var(--muted);font-size:12px}
.pl-sp .kh__art .p1{left:-2%;top:18%}
.pl-sp .kh__art .p2{right:-3%;top:44%;animation-delay:-2s}
.pl-sp .kh__art .p3{left:6%;bottom:8%;animation-delay:-3.5s}
.pl-sp .kh__art .pet{position:absolute;width:14px;height:8px;border-radius:50%;background:var(--cp);opacity:.8;animation:pl-pet 8s linear infinite}
.pl-sp .kh__art .pet:nth-of-type(1){left:20%;top:-2%}
.pl-sp .kh__art .pet:nth-of-type(2){left:55%;top:-4%;animation-delay:-3s}
.pl-sp .kh__art .pet:nth-of-type(3){left:78%;top:2%;animation-delay:-5s}
@keyframes pl-pet{from{transform:translate(0,0) rotate(0)}to{transform:translate(-40px,420px) rotate(320deg)}}
.pl-sp .tldr{margin-top:-30px;background:var(--soil);color:#fff;border-radius:34px;padding:26px 26px 22px;position:relative;z-index:2;box-shadow:var(--sh-3)}
.pl-sp .tldr h2{color:#fff;font-size:26px;letter-spacing:-.035em;display:flex;align-items:center;gap:10px;margin-bottom:6px}
.pl-sp .tldr h2 span{background:var(--sun);color:var(--soil);border-radius:8px;padding:2px 9px;font-size:13px;letter-spacing:0}
.pl-sp .tldr p.s{margin:0 0 18px;color:var(--on-dark-muted);max-width:900px;font-size:16.5px}
.pl-sp .tl{display:grid;grid-template-columns:repeat(var(--n,6),1fr);gap:10px}
.pl-sp .tl>div{background:rgb(255 255 255/.08);border-radius:20px;padding:14px 14px 12px;display:flex;flex-direction:column;gap:6px;min-width:0}
.pl-sp .tl small{color:var(--on-dark-muted);font-size:12.5px;display:flex;gap:6px;align-items:center}
.pl-sp .tl b{font-size:19px;color:#fff;letter-spacing:-.03em;line-height:1.1}
.pl-sp .tl .rib i{background:rgb(255 255 255/.15)}
.pl-sp .tl .rib i.on{background:var(--c)}
.pl-sp .tl .ms{display:flex;flex-wrap:wrap;gap:4px}
.pl-sp .tl .ms em{font-style:normal;background:var(--sun);color:var(--soil);border-radius:7px;padding:1px 7px;font-size:12px;font-weight:800}
.pl-sp .tl svg{color:var(--mint)}
.pl-sp .snav{position:sticky;top:var(--hdr-h);z-index:30;display:flex;gap:6px;overflow-x:auto;padding:12px 0;margin-top:10px;background:linear-gradient(var(--paper) 70%,rgb(247 243 232/0));scrollbar-width:none}
.pl-sp .snav a{flex:none;padding:9px 16px;border-radius:var(--r-pill);background:var(--surface);font-weight:700;font-size:14.5px;color:var(--ink);text-decoration:none;box-shadow:var(--sh-1)}
.pl-sp .snav a:hover,.pl-sp .snav a.on{background:var(--soil);color:#fff}
.pl-sp .sec{padding:clamp(40px,5cqw,76px) 0}
.pl-sp .sec.alt{background:var(--card-tint);border-radius:var(--r-xl);margin:0 0}
.pl-sp .kc{padding:22px;display:flex;flex-direction:column;gap:12px;border-radius:26px}
.pl-sp .kc h3{font-size:22px;display:flex;align-items:center;gap:10px}
.pl-sp .kc h3 i{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--leaf-mist);color:var(--leaf-deep)}
.pl-sp .sunrow{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.pl-sp .sunrow>div{border-radius:18px;padding:12px 6px 10px;text-align:center;font-weight:700;font-size:13.5px;color:var(--ink);background:#EDEFE6;opacity:.55;position:relative}
.pl-sp .sunrow>div.y{opacity:1;background:var(--leaf-mist);box-shadow:inset 0 0 0 2px var(--leaf)}
.pl-sp .sunrow>div.y::after{content:"✓";position:absolute;right:8px;top:6px;color:var(--leaf);font-weight:900}
.pl-sp .sunrow svg{margin:0 auto 4px;width:34px;height:34px}
.pl-sp .sunrow small{display:block;font-weight:500;color:var(--muted);font-size:11.5px}
.pl-sp .kc p{margin:0;font-size:15px}
.pl-sp .ph{height:14px;border-radius:7px;background:linear-gradient(90deg,#E8836B,#F2C230,#7FB069,#4C7BD0,#8A5BB8);position:relative;margin:26px 4px 6px}
.pl-sp .ph i{position:absolute;top:-4px;height:22px;border-radius:11px;border:3px solid var(--ink);background:rgb(255 255 255/.3);transform-origin:left;animation:pl-grow .8s var(--ease) both}
.pl-sp .phl{display:flex;justify-content:space-between;font-size:11.5px;color:var(--muted);letter-spacing:0}
.pl-sp .drops{display:flex;gap:6px}
.pl-sp .drops span{width:28px;height:36px;display:grid;place-items:center;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;background:#E4E9DF;color:#9bb0a3}
.pl-sp .drops span.y{background:#CFE3F8;color:#2f6fb5}
.pl-sp .therm{display:flex;gap:16px;align-items:center}
.pl-sp .therm .tb{position:relative;width:34px;height:122px;border-radius:17px 17px 22px 22px;background:#E4E9DF;flex:none;overflow:hidden}
.pl-sp .therm .tb i{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(#7FB3E8,#4C7BD0);animation:pl-growY 1s var(--ease) both;transform-origin:bottom}
.pl-sp .therm b{font-size:32px;color:var(--ink);letter-spacing:-.04em;line-height:1}
.pl-sp .therm small{display:block;font-size:13px;color:var(--muted);margin-top:4px}
.pl-sp .miesto{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}
.pl-sp .sz{padding:18px;border-radius:28px;background:linear-gradient(#EAF4EC,#F7F3E8)}
.pl-sp .sz svg{width:100%;height:auto;max-height:480px}
.pl-sp .sz .sizesvg .sway{animation-duration:6s}
.pl-sp .bed{padding:22px;border-radius:28px;display:flex;flex-direction:column;gap:14px}
.pl-sp .bed h3{font-size:24px}
.pl-sp .bed__sl{display:grid;grid-template-columns:auto 1fr auto;gap:6px 12px;align-items:center;font-size:14px}
.pl-sp .bed__sl input{accent-color:var(--leaf);width:100%;height:36px}
.pl-sp .bed__sl output{font-weight:800;color:var(--ink);min-width:54px;text-align:right}
.pl-sp .bed__v{background:#5C3B24;border-radius:10px;padding:10px;display:flex;justify-content:center}
.pl-sp .bed__v svg{width:100%;height:auto;max-height:260px}
.pl-sp .bed__n{display:flex;align-items:baseline;gap:10px}
.pl-sp .bed__n b{font-size:48px;letter-spacing:-.05em;color:var(--leaf-deep);line-height:1}
.pl-sp .bed__n span{font-size:15px}
.pl-sp .kal{display:grid;grid-template-columns:.8fr 1.2fr;gap:20px}
.pl-sp .kal__w{padding:20px;display:flex;flex-direction:column;align-items:center;gap:10px;border-radius:28px}
.pl-sp .wheel{width:100%;max-width:420px;height:auto}
.pl-sp .leg{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;color:var(--body);justify-content:center}
.pl-sp .leg i{display:inline-block;width:14px;height:14px;border-radius:4px;vertical-align:-2px;margin-right:5px}
.pl-sp .kal__r{padding:22px;border-radius:28px;display:flex;flex-direction:column;gap:16px}
.pl-sp .krow{display:grid;grid-template-columns:140px 1fr;gap:14px;align-items:center}
.pl-sp .krow h4{font-size:16px;display:flex;gap:7px;align-items:center;letter-spacing:-.02em;line-height:1.15}
.pl-sp .krow h4 svg{color:var(--leaf);flex:none}
.pl-sp .krow p{margin:5px 0 0;font-size:13.5px;color:var(--muted);grid-column:2}
.pl-sp .now{background:linear-gradient(90deg,#FBEFC6,#FFF8DD);border-radius:18px;padding:14px 16px;display:flex;gap:12px;align-items:flex-start;font-size:15px;color:#5b4300}
.pl-sp .now b{color:#3b2a00}
.pl-sp .pr{background:var(--surface);border-radius:26px;padding:18px;display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden}
.pl-sp .pr__img{display:block;width:100%;height:auto;aspect-ratio:17/7;object-fit:contain;background:var(--card-tint);border-radius:16px} /* STRIHKB1: len presný obrázok druhu */
.pl-sp .miesto.one{grid-template-columns:minmax(0,1fr);max-width:760px}
.pl-sp .srcl summary{cursor:pointer;font-weight:700;color:var(--leaf-deep);margin-top:6px}
.pl-sp .pr h3{font-size:20px}
.pl-sp .pr .ms{display:flex;flex-wrap:wrap;gap:5px}
.pl-sp .pr .ms em{font-style:normal;background:var(--leaf-mist);color:var(--leaf-deep);border-radius:7px;padding:2px 9px;font-size:12.5px;font-weight:800}
.pl-sp .pr .ms em.now{background:var(--sun);color:var(--soil)}
.pl-sp .pr .ms em.cu{background:var(--sun);color:var(--soil)}
.pl-sp .gap{margin-top:16px;border:2px dashed var(--larch);border-radius:22px;padding:16px 20px;display:flex;gap:12px;color:#5b2f12;background:rgb(243 226 211/.5);font-size:15px}
.pl-sp .gap b{display:block;color:#5b2f12}
.pl-sp .gap .tag{align-self:flex-start;flex:none}
.pl-sp .zima{background:linear-gradient(135deg,#D7E6F6,#EEF4FB);border-radius:34px;padding:34px;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center}
.pl-sp .zima h2{font-size:clamp(30px,3.6cqw,46px)}
.pl-sp .zima p{font-size:16.5px;margin:12px 0 0}
.pl-sp .zima .flake{position:absolute;color:#fff;animation:pl-snow 9s linear infinite;font-size:20px;opacity:.9}
@keyframes pl-snow{from{transform:translateY(-30px) rotate(0)}to{transform:translateY(420px) rotate(240deg)}}
.pl-sp .zima ul{margin:0;padding:0;list-style:none;display:grid;gap:10px;position:relative}
.pl-sp .zima li{background:rgb(255 255 255/.85);border-radius:18px;padding:13px 16px;display:flex;gap:12px;align-items:center;font-weight:650;color:var(--ink);font-size:15.5px}
.pl-sp .zima li i{width:38px;height:38px;border-radius:50%;background:#CFE0F5;display:grid;place-items:center;color:#2b5fa8;flex:none}
.pl-sp .nb{padding:16px;display:flex;flex-direction:column;gap:10px;border-radius:24px;text-decoration:none;color:var(--body);transition:transform .3s var(--ease),box-shadow .3s}
.pl-sp .nb:hover{transform:translateY(-5px);box-shadow:var(--sh-3)}
.pl-sp .nb__t{display:flex;gap:12px;align-items:center}
.pl-sp .nb__t span.th{width:68px;height:68px;border-radius:50%;background:var(--card-tint);display:grid;place-items:center;flex:none}
.pl-sp .nb__t img{width:88%;height:88%;object-fit:contain;mix-blend-mode:multiply}
.pl-sp .nb h3{font-size:20px}
.pl-sp .nb small{color:var(--muted);font-size:13px}
.pl-sp .nb .chk{display:grid;gap:3px;font-size:13px;color:var(--ink)}
.pl-sp .nb .chk em{font-style:normal;font-weight:900;color:var(--leaf);margin-right:6px}
.pl-sp .nb .chk em.t{color:var(--larch-ink)}
.pl-sp .combos{margin-top:22px}
.pl-sp .combos h3{font-size:22px;margin-bottom:12px}
.pl-sp .cmini{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px}
.pl-sp .cmini .card{padding:14px;min-width:240px;flex:none;border-radius:22px}
.pl-sp .cmini .bd{display:flex;align-items:flex-end;height:70px;background:linear-gradient(#EEF2E8,#DCEBDD);border-radius:14px;justify-content:center;padding:0 8px;margin-bottom:8px;overflow:hidden}
.pl-sp .cmini .bd span{display:block;margin:0 -5px;flex:none}
.pl-sp .cmini .bd img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.pl-sp .two{display:grid;grid-template-columns:1.2fr .8fr;gap:30px}
.pl-sp .faq details{background:var(--surface);border-radius:20px;margin-bottom:10px;padding:0 20px;box-shadow:var(--sh-1);transition:box-shadow .3s}
.pl-sp .faq summary{list-style:none;cursor:pointer;padding:18px 0;font-weight:700;font-size:17px;color:var(--ink);display:flex;justify-content:space-between;gap:12px;letter-spacing:-.025em}
.pl-sp .faq summary::-webkit-details-marker{display:none}
.pl-sp .faq summary::after{content:"+";font-size:24px;line-height:1;color:var(--leaf);transition:transform .3s var(--snap)}
.pl-sp .faq details[open] summary::after{transform:rotate(45deg)}
.pl-sp .faq details p{margin:0 0 18px;font-size:16px}
.pl-sp .safe{padding:22px;border-radius:26px;margin-bottom:16px}
.pl-sp .safe h3{font-size:21px;margin-bottom:12px}
.pl-sp .tx{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.pl-sp .tx>div{text-align:center;border-radius:16px;padding:12px 6px;background:var(--card-tint);font-weight:700;font-size:13.5px;color:var(--ink)}
.pl-sp .tx>div small{display:block;font-weight:600;font-size:12.5px;margin-top:3px}
.pl-sp .tx .ok{background:#DCEBDD}
.pl-sp .tx .mid{background:#FBEFC6}
.pl-sp .tx .bad{background:#F8DAD3}
.pl-sp .tx .unk{background:#E6E8E2}
.pl-sp .src{padding:20px;border-radius:26px;font-size:14px}
.pl-sp .src h3{font-size:18px;margin-bottom:8px}
.pl-sp .src ul{margin:8px 0 0;padding-left:18px;color:var(--muted)}
.pl-sp .stick{display:none}
@container pl (max-width:1100px){
.pl-sp .tl{grid-template-columns:repeat(3,1fr)}
.pl-sp .kal{grid-template-columns:minmax(0,1fr)}
.pl-sp .miesto{grid-template-columns:minmax(0,1fr)}
.pl-sp .two{grid-template-columns:minmax(0,1fr)}
}
@container pl (max-width:860px){
.pl-sp .kh{padding-bottom:30px}
.pl-sp .kh__in{grid-template-columns:1fr}
.pl-sp .kh__art{max-width:300px;margin:0 auto;order:-1}
.pl-sp .kh__art .p1,.pl-sp .kh__art .p2,.pl-sp .kh__art .p3{display:none}
.pl-sp .tldr{padding:20px 14px;border-radius:26px}
.pl-sp .tl{grid-template-columns:repeat(2,1fr);gap:8px}
.pl-sp .snav{top:var(--hdr-h)}
.pl-sp .kc{padding:18px}
.pl-sp .zima{grid-template-columns:1fr;padding:24px 18px;border-radius:26px}
.pl-sp .krow{grid-template-columns:1fr;gap:4px}
.pl-sp .krow p{grid-column:1}
.pl-sp .tx{grid-template-columns:1fr}
.pl-sp .stick{display:flex;position:sticky;bottom:0;gap:8px;padding:10px 14px;background:rgb(247 243 232/.95);backdrop-filter:blur(10px);border-top:1px solid var(--line);z-index:50}
.pl-sp .stick .btn{flex:1}
.pl-sp .sec.alt{border-radius:28px}
.pl-sp .faq summary{font-size:16px}
}
.pl-sp .kal>*,.pl-sp .miesto>*,.pl-sp .two>*,.pl-sp .g3>*,.pl-sp .tl>*{min-width:0}
.pl-sp .txl{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px;font-size:13.5px;color:var(--on-dark-muted)}
.pl-sp .txl span{display:inline-flex;gap:6px;align-items:center;font-weight:700;color:#fff}
.pl-sp .txl em{font-style:normal;font-weight:700;border-radius:var(--r-pill);padding:3px 11px;font-size:13px}
.pl-sp .txl em.ok{background:#DCEBDD;color:#065B44}
.pl-sp .txl em.mid{background:#FBEFC6;color:#6a4a00}
.pl-sp .txl em.bad{background:#F8DAD3;color:#8a2a1c}
.pl-sp .txl em.unk{background:#E6E8E2;color:#4b5a51}
.pl-sp .txl small{opacity:.8}
.pl-sp .pr.unk{border:2px dashed var(--larch);background:rgb(243 226 211/.5)}
.pl-sp .ktabs{position:relative;z-index:3;margin-top:-30px;display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#fff;border-radius:30px;padding:6px;box-shadow:var(--sh-3)}
.pl-sp .ktabs[hidden]{display:none}
.pl-sp .ktabs button{border:0;background:transparent;border-radius:24px;padding:12px 18px;display:flex;gap:14px;align-items:center;text-align:left;color:var(--ink);transition:background .25s}
.pl-sp .ktabs button:hover{background:var(--leaf-mist)}
.pl-sp .ktabs button svg{width:38px;height:38px;flex:none}
.pl-sp .ktabs b{display:block;font-size:21px;letter-spacing:-.035em;line-height:1.1}
.pl-sp .ktabs small{display:block;color:var(--muted);font-size:13.5px;line-height:1.25;margin-top:2px}
.pl-sp .ktabs button[aria-selected=true]{background:var(--soil);color:#fff}
.pl-sp .ktabs button[aria-selected=true] small{color:var(--on-dark-muted)}
.pl-sp.has-tabs .tldr{margin-top:16px}
.pl-sp .kh__cap{position:absolute;left:50%;top:-2%;transform:translateX(-50%);background:rgb(255 255 255/.92);border-radius:var(--r-pill);padding:4px 12px;font-size:12px;font-weight:650;color:var(--muted);letter-spacing:0;box-shadow:var(--sh-1);text-align:center;width:max-content;max-width:96%;z-index:2}
.pl-sp .kh__cap.ill{color:var(--larch-ink)}
.pl-sp .alsoin{display:inline-flex;align-items:center;gap:6px;margin-left:8px;background:#FBEFC6;color:#6a4a00;border-radius:var(--r-pill);padding:2px 10px;font-size:12.5px;font-weight:700;text-decoration:none;letter-spacing:0}
.pl-sp .kgen{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;margin:-8px 0 14px;font-size:12.5px;color:var(--on-dark-muted);letter-spacing:0}
.pl-sp .kgen span{border:1px solid rgb(255 255 255/.25);border-radius:var(--r-pill);padding:2px 10px}
.pl-sp .disc.big{position:relative;z-index:3;background:var(--larch-mist);padding:16px 20px;border-radius:20px;font-size:15px;box-shadow:var(--sh-2)}
.pl-sp .disc.big b{color:#5b2f12}
.pl-sp .ug{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}
.pl-sp .ug>*{min-width:0;display:grid;gap:20px;align-content:start}
.pl-sp .dcard{border-radius:28px;padding:24px;display:flex;flex-direction:column;gap:12px}
.pl-sp .dcard h3{font-size:22px;display:flex;gap:10px;align-items:center}
.pl-sp .dcard h3 i{width:36px;height:36px;border-radius:50%;background:var(--leaf-mist);color:var(--leaf-deep);display:grid;place-items:center;flex:none;font-style:normal}
.pl-sp .dcard h3 i svg{width:20px;height:20px}
.pl-sp .dcard p{margin:0;font-size:15px}
.pl-sp .ema{background:var(--leaf-mist);border-radius:18px;padding:14px 16px;font-size:16px;color:var(--ink);font-weight:550;line-height:1.4}
.pl-sp .ema small{display:block;margin-top:6px;font-weight:500;font-size:12.5px;color:var(--leaf-deep)}
.pl-sp .meta{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.pl-sp .meta>div{background:#fff;border:1px solid var(--line);border-radius:14px;padding:8px 12px}
.pl-sp .meta small{display:block;font-size:12px;color:var(--muted)}
.pl-sp .meta b{font-size:14px;color:var(--ink);letter-spacing:-.01em;line-height:1.25;display:block}
.pl-sp .uchips{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.pl-sp .uchips a{font-size:14px;font-weight:700;margin-left:auto}
.pl-sp .mnote{font-size:13px!important;color:var(--muted)}
.pl-sp .ptabs{display:flex;gap:6px;flex-wrap:wrap}
.pl-sp .ptabs button{border:0;background:#EDEFE6;border-radius:var(--r-pill);height:42px;padding:0 16px 0 10px;display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px;color:var(--ink)}
.pl-sp .ptabs button svg{width:22px;height:22px}
.pl-sp .ptabs button[aria-selected=true]{background:var(--soil);color:#fff}
.pl-sp .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.pl-sp .stp{background:var(--card-tint);border-radius:22px;padding:12px 12px 14px;display:flex;flex-direction:column;gap:8px;position:relative;animation:pl-rise .5s var(--ease) both;animation-delay:calc(var(--i)*110ms)}
.pl-sp .stp__n{position:absolute;right:10px;top:10px;width:26px;height:26px;border-radius:50%;background:var(--sun);color:var(--soil);font-weight:800;font-size:14px;display:grid;place-items:center}
.pl-sp .stp svg{width:100%;height:92px}
.pl-sp .stp p{margin:0;font-size:14.5px;line-height:1.35;color:var(--ink)}
.pl-sp .ring{stroke-dasharray:176;stroke-dashoffset:176;animation:pl-dash 6s linear infinite}
.pl-sp .steam path{stroke-dasharray:60;animation:pl-steam 3.2s ease-out infinite}
.pl-sp .steam.s2 path{animation-delay:-1.1s}
.pl-sp .dwarn{background:#FCE8E1;border-radius:24px;padding:18px 20px;display:flex;flex-direction:column;gap:6px;color:#7a2a18}
.pl-sp .dwarn h3{color:#7a2a18;font-size:20px;display:flex;gap:8px;align-items:center}
.pl-sp .dwarn ul{margin:0;padding-left:20px;font-size:14.5px}
.pl-sp .zb{display:grid;gap:6px}
.pl-sp .zb .lab{font-size:13px;font-weight:700;color:var(--ink);display:flex;justify-content:space-between}
.pl-sp .zb .lab small{font-weight:500;color:var(--muted)}
.pl-sp .zb .rib.dash i{background:repeating-linear-gradient(45deg,#E4E9DF,#E4E9DF 4px,#fff 4px,#fff 7px)}
@container pl (max-width:1100px){
.pl-sp .ug{grid-template-columns:minmax(0,1fr)}
.pl-sp .steps{grid-template-columns:repeat(2,1fr)}
}
@container pl (max-width:860px){
.pl-sp .ktabs{margin-top:-18px;border-radius:24px;gap:4px;padding:5px}
.pl-sp .ktabs button{padding:10px 10px;gap:8px;border-radius:20px}
.pl-sp .ktabs button svg{width:26px;height:26px}
.pl-sp .ktabs b{font-size:17px}
.pl-sp .ktabs small{font-size:11.5px}
.pl-sp .kh__cap{font-size:11px;padding:3px 9px;top:-4%}
.pl-sp .steps{grid-template-columns:1fr 1fr}
.pl-sp .dcard{padding:18px 16px}
.pl-sp .disc.big{font-size:14px}
.pl-sp .meta{grid-template-columns:1fr 1fr}
.pl-sp .alsoin{margin:6px 0 0}
.pl-sp .fab{display:none}
}/* ── web: plávajúce „AI záhradník“ nad plávajúcim CTA webu (.gg-fcta vpravo dole / lišta na telefóne) */
.pl .fab{top:calc(100vh - 160px)}
@container pl (max-width:860px){.pl .fab{top:calc(100vh - 72px - var(--fcta-h))}}
.pl .fab[disabled],.pl .btn[disabled]{cursor:default}
/* ── web: stavy riadené static/ds/plants.js (mockup ich mal na body) + pomocné triedy šablón */
.pl-orn.mode-e .wiz{display:none}
.pl-orn.mode-e .expert{display:block}
.pl .chat:not([hidden]){display:flex;animation:pl-pop .35s var(--snap) both;transform-origin:100% 100%}
.pl .chat[hidden]{display:none}
.pl .door.soon{cursor:default}
.pl .door.soon:hover{transform:none;box-shadow:var(--sh-1)}
.pl .pt0{padding-top:0}.pl .mt6{margin-top:6px}.pl .mt8{margin-top:8px}.pl .mt14{margin-top:14px}.pl .mt18{margin-top:18px}.pl .mt34{margin-top:34px}
.pl .center{text-align:center}.pl .self-start{align-self:flex-start}.pl .rel{position:relative}.pl .mw600{max-width:600px}
.pl .ink{color:var(--ink)}.pl .muted{color:var(--muted)}.pl .h22{font-size:22px;margin-bottom:6px}.pl .on-sun{color:var(--sun)}.pl .on-white{color:#fff}.pl .on-muted{color:var(--on-dark-muted)}
.pl .h1m{font-size:clamp(34px,4.6cqw,60px)}
.pl-sp .tl b.s16{font-size:16px}.pl-sp .tl__w{font-size:14px;font-weight:600;color:var(--on-dark-muted)}
.pl-sp .szp{margin:6px 4px 0;font-size:14px;color:var(--muted)}
.pl-sp .shead.blk{display:block}.pl-sp .safe .note{margin:12px 0 0;font-size:13.5px;color:var(--muted)}
.pl-sp .pr p{margin:0;font-size:14.5px}
.pl-sp .kh__art img.photo{inset:6%;width:88%;height:88%;border-radius:50%;object-fit:cover;mix-blend-mode:normal;animation:none}
.pl-sp .kh__cap a{color:inherit}
.pl-sp .ema.fill{background:var(--larch-mist);color:#5b2f12;font-weight:500;font-size:15px}
.pl-sp .wheel text{fill:#567060;font-weight:600}.pl-sp .wheel text.now{fill:#B96335;font-weight:800}
.pl .pcard h3 a{color:inherit;text-decoration:none}.pl .pcard h3 a::after{content:"";position:absolute;inset:0}
.pl .pcard__art{z-index:1}
.pl .crumbs a{text-decoration:underline;text-underline-offset:3px}
.pl .msg .src img{width:22px;height:22px}
.pl .sdrop img{width:86%;height:86%;object-fit:contain;mix-blend-mode:multiply}
.pl .ic{width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center;color:var(--ink)}
.pl-hub .month__cols{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.pl-hub .month__cols[hidden]{display:none}
.pl-hub .prob{text-decoration:none}
.pl-hub .ai__demo .note{margin:0;font-size:12.5px;color:var(--muted);letter-spacing:0}
.pl-sp .bed .btn{align-self:flex-start}
.pl-sp .stick{display:none!important} /* web má vlastnú lepkavú lištu .gg-fcta (do Studia) — dve lišty nie */
/* mobil: popis fotky pod fotku (hore zasahoval do hrany kruhu) */
@container pl (max-width:860px){.pl-sp .kh__cap{top:auto;bottom:-14%}.pl-sp .kh__art{margin-bottom:48px}}
/* RASTLINYFARBY1 — atribút hidden musí vyhrať nad display:flex/grid kariet (.pl .pcard, .pl-herb .hc …): bez toho filtre karty len
   preradili, odfiltrované ostávali viditeľné (owner 18. 10.: „filter nefunguje“) */
.pl [hidden]{display:none!important}
/* RASTLINYFARBY1 — karta v zozname: hlavná ikona svetla + menšie „znesie aj“; zvýraznenie údaja, podľa ktorého filter kartu pustil */
.pl .pcard__sun{align-items:center}
.pl .pcard__sun .aj svg{width:15px;height:15px;opacity:.75}
.pl .pcard__sun .hit{background:var(--sun);border-radius:50%;box-shadow:0 0 0 2px var(--sun)}
.pl .pcard__sun .hit svg{opacity:1}
.pl .pcard__cols{flex-wrap:wrap;max-width:calc(100% - 24px)}
.pl .pcard__cols .dot.hit{width:20px;height:20px;border:2.5px solid var(--soil);box-shadow:0 0 0 2px #fff}
.pl .unksep{grid-column:1/-1;margin:14px 0 2px;padding:10px 14px;border-radius:14px;background:var(--leaf-mist);color:var(--muted);font-weight:700;font-size:14.5px;border:1.5px dashed rgb(0 0 0/.18)}
.pl-sp .disc.safety{margin-top:16px;font-size:15.5px}
/* RASTLINYFARBY1 — karta druhu: farby kvetu ako klikateľné bodky s názvom (klik = obrázok v tej farbe, ak ho máme) */
.pl-sp .kh__cols{margin-top:16px}
.pl-sp .kh__colh{display:block;font-weight:800;font-size:14px;color:var(--ink);margin-bottom:8px}
.pl-sp .kh__colh small{font-weight:500;color:var(--muted);margin-left:6px}
.pl-sp .kh__cbtns{display:flex;flex-wrap:wrap;gap:8px}
.pl-sp .cbtn{display:inline-flex;align-items:center;gap:7px;border:2px solid transparent;background:#fff;border-radius:var(--r-pill);padding:6px 13px 6px 8px;font:inherit;font-weight:700;font-size:14.5px;color:var(--ink);box-shadow:var(--sh-1);cursor:pointer;min-height:40px}
.pl-sp .cbtn .dot{width:20px;height:20px;border-radius:50%;border:1.5px solid rgb(0 0 0/.2);display:inline-block}
.pl-sp .cbtn small{font-weight:500;color:var(--muted);font-size:12px}
.pl-sp .cbtn[aria-pressed=true]{border-color:var(--soil);box-shadow:var(--sh-2)}
.pl-sp .cbtn:focus-visible{outline:3px solid var(--sun);outline-offset:2px}
.pl-sp .kh__cnote{margin:8px 0 0;font-size:13.5px;color:var(--muted)}
.pl-sp .pr.dw p{margin:6px 0 10px}
.pl .tag.inv{background:#FBE3D6;color:#8A3414}
/* RASTLINYFARBY1 — „Nie je to lekárska rada.“ nenápadne na konci (rozbaľovacie plné znenie) */
.pl .disc-more{margin:28px 0 0;font-size:14px;color:var(--muted)}
.pl .disc-more summary{cursor:pointer;list-style:none;display:inline-flex;gap:8px;align-items:baseline}
.pl .disc-more summary::-webkit-details-marker{display:none}
.pl .disc-more summary span{text-decoration:underline;color:var(--leaf-deep)}
.pl .disc-more .disc{margin-top:10px}
/* RASTLINYMERANIE1: poradie katalógu Zeleniny (obľúbenosť v krajine návštevníka / A–Z) */
/* BYLINKYWEB1 (18. 10. 2026) — karta bylinky: záložka „Príprava a užívanie“ podľa _mockup-rastliny-bylinky-v4.html (port CSS mockupu,
 * predpona pp-). Lístok s receptom v hlavičke, forma, postup s časovačom, tabuľka dávok, kto by nemal užívať, domáca tinktúra, usušiť a uskladniť. */
.pl .pi{display:inline-block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.pl-sp .pp-ticket{margin-top:22px;display:grid;grid-template-columns:auto repeat(var(--n,3),1fr) auto;align-items:stretch;background:var(--soil);color:#fff;border-radius:20px;overflow:hidden;box-shadow:var(--sh-2);max-width:640px}
.pl-sp .pp-ticket>div{padding:12px 16px;border-right:1px dashed rgb(255 255 255/.22);min-width:0}
.pl-sp .pp-ticket .t0{display:grid;place-items:center;background:var(--sun);color:var(--soil);padding:0 16px;border:0}
.pl-sp .pp-ticket .t0 .tl{display:none}
.pl-sp .pp-ticket small{display:block;font-size:12px;color:var(--on-dark-muted)}
.pl-sp .pp-ticket b{display:block;font-size:17px;font-variant-numeric:tabular-nums;margin-top:2px;line-height:1.2;color:#fff}
.pl-sp .pp-ticket a{display:flex;align-items:center;gap:6px;padding:0 18px;color:var(--sun);font-weight:750;font-size:14px;text-decoration:none;white-space:nowrap}
.pl-sp .pp-ticket a .pi{width:16px;height:16px}
.pl-sp .tl>a.tl__go{background:var(--sun);border-radius:20px;padding:14px 14px 12px;display:flex;flex-direction:column;gap:6px;min-width:0;text-decoration:none}
.pl-sp .tl>a.tl__go small,.pl-sp .tl>a.tl__go b{color:var(--soil)}
.pl-sp .tl>a.tl__go .pi{width:16px;height:16px;color:var(--soil)}
.pl-sp .pp .shead{margin-bottom:26px}
.pl-sp .pp-uchips{display:flex;flex-wrap:wrap;gap:8px;margin:-10px 0 26px}
.pl-sp .pp-uchips .tag{font-size:14px;padding:6px 14px}
.pl-sp .pp-uchips .pi{width:15px;height:15px}
/* BYLINKYCAST1 (owner 19. 10.: časť rastliny nie „bokom“): veľký štítok „Používa sa: Plod (šištica)“ (bez verzálok — test:lang) pod nadpisom, štítok časti pri forme,
   v tabuľke a v tinktúre; ticket „sušených listov“ pod dávkou */
.pl-sp .pp-parts{display:grid;grid-template-columns:repeat(var(--n,1),minmax(0,max-content));gap:12px;margin:-6px 0 22px}
.pl-sp .pp-part{display:flex;align-items:center;gap:14px;padding:12px 22px 12px 12px;border-radius:20px;background:var(--sun);color:var(--soil);box-shadow:var(--sh-1);min-width:0}
.pl-sp .pp-part .pi-w{width:56px;height:56px;flex:none;border-radius:16px;background:var(--soil);color:var(--sun);display:grid;place-items:center}
.pl-sp .pp-part .pi-w .pi{width:32px;height:32px;stroke-width:1.7}
.pl-sp .pp-part small{display:block;font-size:13px;font-weight:750;opacity:.8}
.pl-sp .pp-part b{display:block;font-size:26px;line-height:1.1;letter-spacing:-.02em}
.pl-sp .pp-part b .m{font-size:30px;font-weight:800}
.pl-sp .pp-part b .x{font-size:18px;font-weight:650;letter-spacing:0}
.pl-sp .pp-part .f{display:block;font-size:13.5px;font-weight:650;margin-top:2px}
.pl-sp .pp-vpart{margin:0 0 12px}
.pl-sp .pp-part-t{display:inline-flex;align-items:center;gap:7px;padding:6px 14px 6px 10px;border-radius:var(--r-pill);background:var(--sun);color:var(--soil);font-weight:750;font-size:15px}
.pl-sp .pp-part-t .pi{width:18px;height:18px}
.pl-sp .pp-part-t.s{display:flex;width:max-content;max-width:100%;margin-top:4px;padding:3px 10px 3px 7px;font-size:12.5px;white-space:normal}
.pl-sp .pp-part-t.s .pi{width:14px;height:14px}
.pl-sp .pp-tab td:nth-child(2):not([colspan]){min-width:12em}
.pl-sp .pp-ticket em.tp{display:block;font-style:normal;font-size:12px;color:var(--on-dark-muted);margin-top:2px}
.pl-sp .pp-tf>div.tpart{background:var(--sun);color:var(--soil)}
.pl-sp .pp-tf>div.tpart small{color:var(--soil)}
.pl-sp .pp-tf>div.tpart small .pi{stroke:var(--soil)}
.pl-sp .pp-tf>div.tpart b{color:var(--soil);font-size:24px;font-weight:800}
@container pl (max-width:860px){
  .pl-sp .pp-parts{grid-template-columns:1fr}
  .pl-sp .pp-part b{font-size:23px}
  .pl-sp .pp-tf>div.tpart{grid-column:1/-1}
}
.pl-sp .pp-ctrl{display:flex;flex-wrap:wrap;gap:22px;align-items:center;margin-bottom:22px}
.pl-sp .pp-seg{display:inline-flex;flex-wrap:wrap;gap:6px;align-items:center}
.pl-sp .pp-seg .lab{font-size:13px;font-weight:750;color:var(--muted);margin-right:4px}
.pl-sp .pp-seg .chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:var(--r-pill);border:1.5px solid var(--line-strong);background:var(--surface);color:var(--ink);font-weight:650;font-size:15px;white-space:nowrap;cursor:pointer}
.pl-sp .pp-seg .chip[aria-pressed=true]{background:var(--soil);border-color:var(--soil);color:#fff}
.pl-sp .pp-seg .chip small{font-size:12px;font-weight:700;opacity:.75}
.pl-sp .pp-seg .pi{width:18px;height:18px}
.pl-sp .pp-v[hidden]{display:none}
.pl-sp .pp-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative}
.pl-sp .pp-steps::before{content:"";position:absolute;left:8%;right:8%;top:54px;border-top:2.5px dashed var(--mint-2);z-index:0}
.pl-sp .pp-st{position:relative;z-index:1;padding:18px 18px 20px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}
/* BYLINKYPOSTUP1: blok „Postup“ — číslované karty z method (3–5), v kroku lúhovania časovač; telefón = rovnaké pravidlá ako .pp-st */
.pl-sp .pp-method{margin-top:18px}
.pl-sp .pp-v>.pp-method:first-child{margin-top:0}
/* EMADETAIL1: pod-karta KAŽDEJ prípravy formy (na čo · pre koho · rozpis údajov EMA · postup); ďalšie pod-karty = krátky postup */
.pl-sp .pp-fhead{margin-bottom:14px}
.pl-sp .pp-var{border:1.5px solid var(--line);border-radius:22px;padding:18px 20px;margin-top:14px;background:var(--surface);min-width:0}
.pl-sp .pp-vpart+.pp-var{margin-top:0}
.pl-sp .pp-varh{display:flex;flex-wrap:wrap;gap:6px 22px;margin:0 0 12px;font-size:15px;line-height:1.4;color:var(--ink)}
.pl-sp .pp-varh b{font-weight:750}
.pl-sp .pp-fx{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0}
.pl-sp .pp-fx>div{background:var(--card-tint);border-radius:14px;padding:10px 12px;min-width:0}
.pl-sp .pp-fx>div[data-pl-fx=dose],.pl-sp .pp-fx>div[data-pl-fx=dur]{grid-column:span 2}
.pl-sp .pp-fx dt{font-size:12.5px;font-weight:700;color:var(--muted);margin:0 0 3px}
.pl-sp .pp-fx dd{margin:0;font-size:15px;font-weight:650;color:var(--ink);line-height:1.35;overflow-wrap:anywhere}
.pl-sp .pp-var .pp-method{margin-top:16px}
.pl-sp .pp-method.mini>h4{font-size:17px;margin:0 0 8px}
.pl-sp .pp-mini{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.pl-sp .pp-mini li{display:flex;gap:10px;align-items:flex-start}
.pl-sp .pp-mini .num{flex:none;width:24px;height:24px;border-radius:50%;background:var(--leaf-mist);color:var(--leaf-deep);font:800 13px/24px var(--font);text-align:center}
.pl-sp .pp-mini .say{margin:2px 0 0;font-size:15.5px;line-height:1.4;color:var(--ink)}
.pl-sp .pp-how{margin:14px 0 0;font-size:15.5px;line-height:1.45;color:var(--ink)}
.pl-sp .pp-tab td[data-pl-note]{font-size:13.5px;min-width:11em}
@container pl (max-width:860px){
  .pl-sp .pp-var{padding:14px;border-radius:18px}
  .pl-sp .pp-fx{grid-template-columns:1fr 1fr}
  .pl-sp .pp-fx>div[data-pl-fx=dose],.pl-sp .pp-fx>div[data-pl-fx=dur]{grid-column:1/-1}
}
.pl-sp .pp-method>h3{font-size:22px;margin:0 0 12px}
.pl-sp .pp-msteps{grid-template-columns:repeat(var(--n,4),1fr);list-style:none;margin:0;padding:0}
.pl-sp .pp-ms .say{margin:0;font-size:17px;line-height:1.35;font-weight:650;color:var(--ink);letter-spacing:-.01em}
.pl-sp .pp-ms.timer .say{color:#fff}
.pl-sp .pp-st .num,.pl-sp .pp-tst .num{position:absolute;right:16px;top:14px;font:800 13px/1 var(--font);color:var(--muted)}
.pl-sp .pp-st .big{width:72px;height:72px;border-radius:22px;background:var(--leaf-mist);color:var(--leaf-deep);display:grid;place-items:center}
.pl-sp .pp-st .big .pi{width:38px;height:38px;stroke-width:1.6}
.pl-sp .pp-st h4{font-size:21px;margin-top:6px}
.pl-sp .pp-st .val{font-size:26px;font-weight:750;color:var(--ink);letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1.05}
.pl-sp .pp-st p{margin:0;font-size:14.5px;line-height:1.38}
.pl-sp .pp-st.timer{background:var(--soil);color:var(--on-dark-muted)}
.pl-sp .pp-st.timer h4,.pl-sp .pp-st.timer .val{color:#fff}
.pl-sp .pp-st.timer .num{color:var(--on-dark-muted)}
.pl-sp .pp-st.timer .big{background:rgb(255 255 255/.12);color:var(--sun)}
.pl-sp .pp-tm{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.pl-sp .pp-tm .ring{position:relative;width:84px;height:84px;flex:none}
.pl-sp .pp-tm svg{width:84px;height:84px;transform:rotate(-90deg)}
.pl-sp .pp-tm circle{fill:none;stroke-width:8}
.pl-sp .pp-tm .bg{stroke:rgb(255 255 255/.14)}
.pl-sp .pp-tm .fg{stroke:var(--sun);stroke-linecap:round;transition:stroke-dashoffset .9s linear}
.pl-sp .pp-tm .ring b{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:18px;font-variant-numeric:tabular-nums}
.pl-sp .pp-tm .btns{display:flex;flex-wrap:wrap;gap:6px;flex:1 1 130px;min-width:0}
.pl-sp .pp-tm button{border:1.5px solid rgb(255 255 255/.3);background:transparent;color:#fff;border-radius:var(--r-pill);min-height:36px;padding:0 12px;font-size:13.5px;font-weight:700;cursor:pointer}
.pl-sp .pp-tm button[aria-pressed=true]{background:#fff;color:var(--soil);border-color:#fff}
.pl-sp .pp-tm .go{background:var(--sun);color:var(--soil);border-color:var(--sun)}
.pl-sp .pp-live{flex-basis:100%;color:var(--sun);font-weight:700;font-size:14px}
.pl-sp .pp-live:empty{display:none}
.pl-sp .pp-pharm{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;padding:22px 24px}
.pl-sp .pp-pharm .big{width:72px;height:72px;border-radius:22px;background:#FBEFC6;color:#6a4a00;display:grid;place-items:center}
.pl-sp .pp-pharm .big .pi{width:36px;height:36px;stroke-width:1.6}
.pl-sp .pp-pharm h3{font-size:22px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.pl-sp .pp-pharm .val{font-size:22px;font-weight:750;color:var(--ink);letter-spacing:-.02em;margin-top:6px;line-height:1.2}
.pl-sp .pp-pharm p{margin:6px 0 8px}
.pl-sp .pp-dose{margin-top:28px;display:grid;grid-template-columns:1.25fr .75fr;gap:20px;align-items:start}
.pl-sp .pp-dose>*{min-width:0}
.pl-sp .pp-dt,.pl-sp .pp-dur,.pl-sp .pp-who{padding:20px 22px}
.pl-sp .pp-dt h3,.pl-sp .pp-who h3,.pl-sp .pp-dur h3,.pl-sp .pp-tmeta h3,.pl-sp .pp-warn h3{display:flex;align-items:center;gap:10px;font-size:22px;margin-bottom:14px}
.pl-sp .ic2{width:38px;height:38px;border-radius:50%;background:var(--leaf-mist);color:var(--leaf-deep);display:grid;place-items:center;flex:none}
.pl-sp table.pp-tab{width:100%;border-collapse:separate;border-spacing:0;font-size:15px}
.pl-sp .pp-tab th{text-align:left;font-size:12.5px;color:var(--muted);font-weight:700;padding:0 10px 8px;border-bottom:1px solid var(--line)}
.pl-sp .pp-tab td{padding:11px 10px;border-bottom:1px solid var(--line);color:var(--ink);vertical-align:top;font-variant-numeric:tabular-nums}
.pl-sp .pp-tab tr:last-child td{border-bottom:0}
.pl-sp .pp-tab td.f{font-weight:700;white-space:nowrap}
.pl-sp .pp-tab td[data-l]:nth-child(3){white-space:nowrap}
.pl-sp .pp-tab td.f small{display:block;font-weight:600;color:var(--muted);font-size:12px}
.pl-sp .pp-tab tr.sel td{background:#FFF7DD}
.pl-sp .pp-tab tr.sel td:first-child{border-radius:10px 0 0 10px}.pl-sp .pp-tab tr.sel td:last-child{border-radius:0 10px 10px 0}
.pl-sp .pp-tab .no td{color:var(--larch-ink);font-weight:650}
.pl-sp .pp-side{display:grid;gap:20px}
.pl-sp .pp-tab td.f small.u{color:var(--leaf-deep);font-weight:650;white-space:normal}
.pl-sp .pp-vdur{display:flex;gap:10px;align-items:flex-start;margin-top:14px;padding:12px 16px;border-radius:16px;background:var(--card-tint);font-size:14.5px;color:var(--ink)}
.pl-sp .pp-vdur p{margin:0 0 4px}.pl-sp .pp-vdur small{color:var(--muted)}
.pl-sp .pp-dur small{color:var(--muted)}
.pl-sp .pp-dur p{margin:0 0 6px;font-size:15px;color:var(--ink)}
.pl-sp .pp-who{background:#FBF6EC;border:1.5px solid var(--larch-mist);box-shadow:none}
.pl-sp .pp-who h3 .ic2{background:var(--larch-mist);color:var(--larch-ink)}
.pl-sp .pp-who h4{font-size:16px;margin:16px 0 10px;letter-spacing:-.02em}
.pl-sp .pp-who ul,.pl-sp .pp-warn ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.pl-sp .pp-who li,.pl-sp .pp-warn li{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.35;color:var(--ink)}
.pl-sp .pp-who .wi{flex:none;width:34px;height:34px;border-radius:10px;background:var(--surface);display:grid;place-items:center;color:var(--larch-ink);border:1px solid var(--larch-mist)}
.pl-sp .wi .pi{width:18px;height:18px}
.pl-sp .pp-sc{display:inline-flex;align-items:center;font-size:11.5px;font-weight:700;color:#4b5a51;background:#E9ECE4;border-radius:6px;padding:2px 7px;white-space:nowrap;text-decoration:none;vertical-align:middle;line-height:1.35;letter-spacing:0;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.pl-sp .pp-sc.ema{background:var(--leaf-mist);color:var(--leaf-deep)}
.pl-sp .pp-sc.trad{background:#EFE5F8;color:#5A3B84}
.pl-sp .pp-sc.calc{background:#E3ECF6;color:#2E4F73}
.pl-sp .pp-sc.gg{background:var(--larch-mist);color:var(--larch-ink)}
.pl-sp .pp-sc.ph{background:#E3ECF6;color:#2E4F73} /* BYLINKYPOSTUP1: liekopis (USP) */
.pl-sp .pp-sc.ext{background:#E6E8E2;color:#4b5a51}
.pl-sp .pp-src{margin-top:34px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:13.5px;color:var(--muted)}
.pl-sp .pp-src a,.pl-sp .pp-srcl a{font-weight:650;color:var(--leaf-deep)}
.pl-sp .pp-src .pi,.pl-sp .pp-srcl .pi{width:16px;height:16px;vertical-align:-3px}
.pl-sp .pp-srcl{margin-top:18px;font-size:13.5px;color:var(--muted)}
.pl-sp .pp-togrow{margin:26px 0 22px;display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:18px;background:var(--leaf-mist);color:var(--ink);text-decoration:none;font-weight:650}
.pl-sp .pp-togrow .ti{width:40px;height:40px;border-radius:50%;background:var(--surface);display:grid;place-items:center;color:var(--leaf-deep);flex:none}
.pl-sp .pp-togrow>span:last-child{margin-left:auto;color:var(--leaf-deep);font-weight:750;display:flex;align-items:center;gap:4px;white-space:nowrap}
.pl-sp .pp-blk{margin-top:56px;scroll-margin-top:150px}
.pl-sp .pp-blk>.shead{margin-bottom:20px}
.pl-sp .pp-tf{display:grid;grid-template-columns:repeat(var(--n,4),1fr);background:var(--soil);color:#fff;border-radius:20px;overflow:hidden;box-shadow:var(--sh-2)}
.pl-sp .pp-tf>div{padding:14px 18px;border-right:1px dashed rgb(255 255 255/.2);display:flex;flex-direction:column;gap:4px;min-width:0}
.pl-sp .pp-tf>div:last-child{border-right:0}
.pl-sp .pp-tf small{font-size:12px;color:var(--on-dark-muted);display:flex;align-items:center;gap:6px}
.pl-sp .pp-tf small .pi{width:15px;height:15px;stroke:var(--sun)}
.pl-sp .pp-tf b{font-size:26px;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1.1;color:#fff}
.pl-sp .pp-tf em{font-style:normal;font-size:13.5px;color:var(--on-dark-muted)}
.pl-sp .pp-tf .pp-sc{align-self:flex-start;margin-top:6px;background:rgb(255 255 255/.13);color:#E6F1EA}
.pl-sp .pp-tf .pp-sc.trad,.pl-sp .pp-tst.wait .pp-sc.trad{background:#7B5BA8;color:#fff}
.pl-sp .pp-ts{display:grid;grid-template-columns:repeat(var(--n,5),1fr);gap:12px;margin-top:16px}
.pl-sp .pp-tst{padding:16px 16px 18px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;position:relative;min-width:0}
.pl-sp .pp-tst .num{right:14px;top:12px}
.pl-sp .pp-tst .big{width:56px;height:56px;border-radius:18px;background:#E3ECF6;color:#2E4F73;display:grid;place-items:center}
.pl-sp .pp-tst .big .pi{width:30px;height:30px;stroke-width:1.6}
.pl-sp .pp-tst h4{font-size:18px;margin-top:4px}
.pl-sp .pp-tst .val{font-size:21px;font-weight:750;color:var(--ink);letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1.1}
.pl-sp .pp-tst p{margin:0;font-size:14px;line-height:1.36}
.pl-sp .pp-tst.wait{background:#24456A;color:#D3E1F0}
.pl-sp .pp-tst.wait h4,.pl-sp .pp-tst.wait .val{color:#fff}.pl-sp .pp-tst.wait .num{color:#B7CBE0}
.pl-sp .pp-tst.wait .big{background:rgb(255 255 255/.12);color:var(--sun)}
.pl-sp .pp-days{display:grid;grid-template-columns:repeat(7,14px);gap:5px;margin:4px 0 2px}
.pl-sp .pp-days i{display:block;width:14px;height:14px;border-radius:50%;background:rgb(255 255 255/.22)}
.pl-sp .pp-days i.on{background:var(--sun)}
.pl-sp .pp-tlow{display:grid;grid-template-columns:1.15fr .85fr;gap:20px;margin-top:20px;align-items:start}
.pl-sp .pp-tlow>*{min-width:0}
.pl-sp .pp-warn{padding:20px 22px;background:#FFF6DF;border:2px solid #E2B04A;border-radius:var(--r-card)}
.pl-sp .pp-warn h3 .ic2{background:var(--sun);color:var(--soil)}
.pl-sp .pp-warn>p{margin:0 0 14px;font-size:14.5px;color:var(--ink)}
.pl-sp .pp-warn .wi{flex:none;width:36px;height:36px;border-radius:10px;background:var(--surface);display:grid;place-items:center;color:#7A5200;border:1px solid #EBCB80}
.pl-sp .pp-warn li b{display:block;font-weight:650;margin-bottom:4px}
.pl-sp .pp-tmeta{padding:18px 20px}
.pl-sp .pp-tmeta h3 .ic2,.pl-sp .pp-tmeta .row .ic2{background:#E3ECF6;color:#2E4F73}
.pl-sp .pp-tmeta .row{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--line)}
.pl-sp .pp-tmeta .row b{display:block;color:var(--ink);font-size:15px}
.pl-sp .pp-tmeta .row p{margin:2px 0 4px;font-size:14.5px;line-height:1.38}
.pl-sp .pp-ph{display:grid;grid-template-columns:repeat(var(--c,2),1fr);gap:20px}
.pl-sp .pp-phc{overflow:hidden;display:flex;flex-direction:column;padding:0;min-width:0}
.pl-sp .pp-phc .art{height:128px;display:grid;place-items:center;background:linear-gradient(160deg,#EEF2E8,#D5E4D2)}
.pl-sp .pp-phc .art.jar{background:linear-gradient(160deg,#F3E2D3,#E8CDB6)}
.pl-sp .pp-phc .b{padding:16px 20px 20px;display:flex;flex-direction:column;gap:12px}
.pl-sp .pp-phc h3{font-size:24px;display:flex;align-items:center;gap:10px}
.pl-sp .pp-facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.pl-sp .pp-fct{background:var(--card-tint);border-radius:14px;padding:10px 12px;display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}
.pl-sp .pp-fct small{font-size:12px;color:var(--muted);font-weight:700;display:flex;align-items:center;gap:5px}
.pl-sp .pp-fct small .pi{width:15px;height:15px}
.pl-sp .pp-fct b{font-size:16.5px;color:var(--ink);letter-spacing:-.02em;line-height:1.25;font-weight:650}
.pl-sp .pp-fct .pp-sc{margin-top:4px}
.pl-sp .pp-fct.wide{grid-column:1/-1}
.pl-sp .pp-rib{display:grid;grid-template-columns:repeat(12,1fr);gap:3px;width:100%;margin:4px 0}
.pl-sp .pp-rib i{display:block;height:14px;border-radius:4px;background:#E4E9DF}
.pl-sp .pp-rib i.on{background:var(--leaf)}
@container pl (max-width:1100px){
  .pl-sp .pp-steps{grid-template-columns:repeat(2,1fr)}
  .pl-sp .pp-steps::before{display:none}
  .pl-sp .pp-ts{grid-template-columns:repeat(3,1fr)}
}
@container pl (max-width:860px){
  .pl-sp .pp-ticket{grid-template-columns:repeat(var(--n,3),1fr);border-radius:18px}
  .pl-sp .pp-ticket .t0{grid-column:1/-1;justify-content:start;display:flex;gap:8px;padding:8px 14px;font-weight:750;font-size:14px}
  .pl-sp .pp-ticket .t0 .tl{display:inline}
  .pl-sp .pp-ticket>div{padding:10px 12px}
  .pl-sp .pp-ticket b{font-size:15px}
  .pl-sp .pp-ticket a{grid-column:1/-1;padding:10px 14px;border-top:1px dashed rgb(255 255 255/.22);justify-content:center}
  .pl-sp .pp-ctrl{gap:12px;flex-direction:column;align-items:flex-start}
  .pl-sp .pp-seg .lab{flex-basis:100%}
  .pl-sp .pp-steps,.pl-sp .pp-dose,.pl-sp .pp-tlow,.pl-sp .pp-ph,.pl-sp .pp-ts{grid-template-columns:1fr}
  .pl-sp .pp-steps{gap:12px}
  .pl-sp .pp-tf{grid-template-columns:1fr 1fr}
  .pl-sp .pp-tf>div{border-bottom:1px dashed rgb(255 255 255/.2)}
  .pl-sp .pp-tf>div:nth-child(2n){border-right:0}
  /* telefón: krok = ikona vľavo, text vpravo (mockup v4 390) */
  .pl-sp .pp-st,.pl-sp .pp-tst{display:grid;grid-template-columns:auto 1fr;column-gap:16px;row-gap:4px;align-items:start;padding:16px}
  .pl-sp .pp-st>*,.pl-sp .pp-tst>*{grid-column:2}
  .pl-sp .pp-st>.big,.pl-sp .pp-tst>.big{grid-column:1;grid-row:1/span 5;width:62px;height:62px;border-radius:18px}
  .pl-sp .pp-st>.num,.pl-sp .pp-tst>.num{grid-column:auto}
  .pl-sp .pp-st h4{margin-top:0;font-size:19px}
  .pl-sp .pp-st .val{font-size:23px}
  .pl-sp .pp-st>.pp-tm{grid-column:1/-1;margin-top:10px}
  .pl-sp .pp-pharm{grid-template-columns:1fr;padding:18px}
  .pl-sp .pp-tab thead{display:none}
  .pl-sp .pp-tab,.pl-sp .pp-tab tbody,.pl-sp .pp-tab tr,.pl-sp .pp-tab td{display:block;width:100%}
  .pl-sp .pp-tab tr{padding:8px 0;border-bottom:1px solid var(--line)}
  .pl-sp .pp-tab td{border:0;padding:3px 10px}
  .pl-sp .pp-tab td[data-l]::before{content:attr(data-l) ": ";color:var(--muted);font-size:12.5px;font-weight:700}
  .pl-sp .pp-tab tr.sel td{border-radius:0}
  .pl-sp .pp-warn,.pl-sp .pp-tmeta,.pl-sp .pp-dt,.pl-sp .pp-who,.pl-sp .pp-dur{padding:16px}
  .pl-sp .pp-blk{margin-top:44px}
  .pl-sp .pp-togrow{flex-wrap:wrap}
  .pl-sp .pp-togrow>span:last-child{margin-left:54px}
}
/* ── ZAHONWEB1 (19. 10.) — režim „Skladám záhon“ v katalógu Okrasných (mockup _mockup-rastliny-zahon-v2.html; static/ds/plants-bed.js).
 *  Panel „Váš záhon“ = 3. stĺpec .lay (desktop); lišta, zásuvka a okno prihlásenia sú fixné vrstvy na <body> (.zbl.pl), preto spoločné
 *  časti majú triedu .zb. Na telefóne lišta záhona nahradí .gg-fcta (nikdy dve lišty). */
.pl-orn .zmode{display:flex;align-items:center;gap:10px 14px;background:#fff;border-radius:22px;padding:12px 16px;box-shadow:var(--sh-2);margin:0 0 16px;border:2px solid var(--line)}
.pl-orn .zmode.on{border-color:var(--leaf)}
.pl-orn .zmode .zt{display:flex;flex-direction:column;flex:1;min-width:0}
.pl-orn .zmode .zt b{color:var(--ink);font-size:17px;letter-spacing:-.02em}
.pl-orn .zmode .zt span{font-size:13.5px;color:var(--muted);line-height:1.35}
.pl-orn .zmode .tag.sun,.zb .tag.sun{background:#FBEFC6;color:#6a4a00}
.pl-orn .sw{position:relative;width:54px;height:32px;border-radius:99px;background:#cfd8cf;border:0;flex:none;transition:background .2s;cursor:pointer}
.pl-orn .sw::after{content:"";position:absolute;left:4px;top:4px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgb(0 0 0/.3);transition:transform .25s var(--snap)}
.pl-orn .sw[aria-checked=true]{background:var(--leaf)}
.pl-orn .sw[aria-checked=true]::after{transform:translateX(22px)}
.pl-orn.bed-on .lay{grid-template-columns:270px minmax(0,1fr) 340px;gap:24px}
.pl-orn.bed-on .g3{grid-template-columns:repeat(2,minmax(0,1fr))}
.pl-orn.bed-on .wstep h3{font-size:20px}
.pl-orn.bed-on .pcard{cursor:default}
.pl-orn.bed-on .pcard.off{opacity:.62}
.pl-orn.bed-on .pcard.off:hover{transform:none;box-shadow:var(--sh-1)}
.pl-orn.bed-on .pcard:has(.add.on){box-shadow:0 0 0 2.5px var(--leaf),var(--sh-2)}
.pl-orn .pcard__add{display:none}
.pl-orn.bed-on .pcard__add{display:flex;margin-top:auto;padding-top:4px;gap:6px;align-items:center}
.pl-orn .pcard__add .add{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;border-radius:var(--r-pill);border:1.5px solid var(--leaf);background:#fff;color:var(--leaf-deep);font-weight:750;font-size:14.5px;white-space:nowrap;transition:all .25s var(--snap);cursor:pointer}
.pl-orn .pcard__add .add:hover{background:var(--leaf-mist)}
.pl-orn .pcard__add .add.on{background:var(--leaf);color:#fff;border-color:var(--leaf)}
.pl-orn .pcard__add .add.on .ks{background:rgb(255 255 255/.22);border-radius:var(--r-pill);padding:0 8px;font-size:12.5px}
.pl-orn .pcard__add .add[disabled]{border-color:var(--line);color:var(--muted);background:#F3F1EA;cursor:not-allowed}
.pl-orn .pcard__add .rm{width:42px;height:42px;border-radius:50%;border:1.5px solid var(--line-strong);background:#fff;display:grid;place-items:center;color:var(--ink);flex:none;cursor:pointer}
.pl-orn .pcard__add .why{font-size:12.8px;line-height:1.35;color:#5b4300;background:#FBEFC6;border-radius:10px;padding:7px 9px;width:100%}
.pl-orn .bedp{position:sticky;top:calc(var(--hdr-h) + 16px);max-height:calc(100vh - var(--hdr-h) - 32px);overflow:auto;background:var(--surface);border-radius:28px;box-shadow:var(--sh-2);padding:16px 16px 18px;display:flex;flex-direction:column;gap:12px}
.pl-orn .bedp[hidden]{display:none}
.zb .panel__h{display:flex;justify-content:space-between;align-items:center;gap:8px}
.zb .panel__h b{font-size:20px;color:var(--ink);letter-spacing:-.03em}
.zb .tag svg{width:16px;height:16px}
.zb .tag.wood{background:var(--larch-mist);color:var(--larch-ink)}
.zb .mut{color:var(--muted)}
.zb .lnk{border:0;background:none;padding:0;color:var(--leaf-deep);font-weight:700;text-decoration:underline;cursor:pointer;font:inherit}
.zb .szl{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--ink);background:var(--card-tint);border-radius:14px;padding:8px 10px}
.zb .szl svg{color:var(--leaf);flex:none}
.zb .szl span{flex:1;line-height:1.3}
.zb .szl small{color:var(--muted);font-size:12.5px}
.zb .szl button{border:0;background:#fff;border-radius:99px;padding:5px 12px;font-weight:700;color:var(--leaf-deep);box-shadow:var(--sh-1);font-size:13.5px;cursor:pointer}
.zb .szbox{display:grid;gap:8px;padding:2px}
.zb .szbox .sl{display:grid;grid-template-columns:52px minmax(0,1fr) 54px;gap:8px;align-items:center;font-size:14px;color:var(--ink)}
.zb .szbox input[type=range]{width:100%;accent-color:var(--leaf)}
.zb .szbox output{font-weight:700;text-align:right}
.zb .hgt3{display:flex;gap:6px}
.zb .hgt3 .chip{min-height:34px;font-size:13.5px;padding:0 12px}
.zb .hgt3 .chip[aria-pressed=true]{background:var(--soil);border-color:var(--soil);color:#fff}
.zb .pvw{position:relative;background:linear-gradient(#EAF2E6,#F2EEDF);border-radius:20px;padding:10px 8px 4px}
.zb .pvw svg{width:100%;height:auto;display:block}
.zb .pvw .lab{position:absolute;left:12px;top:10px;display:flex;gap:6px;flex-wrap:wrap}
.zb .pvw .reload{position:absolute;inset:0;display:grid;place-items:center;background:rgb(247 243 232/.6);border-radius:20px;font-weight:700;color:var(--ink);font-size:14px}
.zb .pvw.err svg{opacity:.55}
.zb .pvw .pop{animation:zb-pop .55s var(--snap) both;transform-box:fill-box;transform-origin:center}
@keyframes zb-pop{from{transform:scale(0);opacity:0}to{transform:none;opacity:1}}
.zb .pvnote{margin:-4px 0 0;font-size:12.5px;color:var(--muted)}
.zb .sum{font-size:14.5px;line-height:1.4;color:var(--ink);margin:0}
.zb .mstrip{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:3px}
.zb .mstrip button{border:1.5px solid transparent;background:transparent;padding:2px 1px;border-radius:8px;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;cursor:pointer}
.zb .mstrip .bars{display:flex;flex-direction:column-reverse;gap:1px;width:100%;height:28px;background:#ECEFE6;border-radius:5px;overflow:hidden}
.zb .mstrip .bars i{flex:1;display:block}
.zb .mstrip small{font-size:10.5px;color:var(--muted);letter-spacing:0}
.zb .mstrip button.cur{border-color:var(--larch);background:#fff}
.zb .mstrip button.cur small{color:var(--larch-ink);font-weight:800}
.zb .mstrip.big .bars{height:42px}
.zb .mstrip.big small{font-size:12px}
.zb .cnt{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.zb .cnt div{background:var(--card-tint);border-radius:14px;padding:8px 10px;line-height:1.1}
.zb .cnt b{white-space:nowrap;display:block;font-size:22px;color:var(--ink);letter-spacing:-.03em}
.zb .cnt b small{font-size:13px;color:var(--muted)}
.zb .cnt>div>small{font-size:12px;color:var(--muted)}
.zb .disc{border-radius:14px;padding:10px 12px;font-size:13.5px;line-height:1.4;display:flex;gap:10px;align-items:flex-start}
.zb .disc svg{flex:none;margin-top:1px;width:18px;height:18px}
.zb .disc.info{background:#E3EEE6;color:#1d4636}
.zb .disc.warn{background:#FBEFC6;color:#5b4300}
.zb .disc.err{background:#F8DAD3;color:#7a2416}
.zb .disc .iss{display:block;margin-top:4px;font-size:12px;opacity:.85;word-break:break-word}
.zb .legend{display:grid;gap:4px}
.zb .lgr{display:grid;grid-template-columns:18px minmax(0,1fr) auto auto auto;gap:8px;align-items:center;font-size:14.5px;color:var(--ink);padding:5px 6px;border-radius:12px}
.zb .lgr:hover{background:var(--card-tint)}
.zb .lgr .d{width:16px;height:16px;border-radius:50%;border:1.5px solid #fff;box-shadow:0 0 0 1px rgb(0 0 0/.18)}
.zb .lgr .n{font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zb .lgr .k{font-size:13px;color:var(--muted);white-space:nowrap}
.zb .lgr button{width:30px;height:30px;border-radius:50%;border:1px solid var(--line);background:#fff;display:grid;place-items:center;color:var(--ink);padding:0;cursor:pointer}
.zb .lgr button svg{width:14px;height:14px}
.zb .lgr.new{animation:pl-rise .5s var(--ease-out) both;background:var(--leaf-mist)}
.zb .wt{display:flex;align-items:center;gap:4px;margin:-2px 0 4px 32px;font-size:12.5px;color:var(--muted)}
.zb .wt span{margin-right:auto}
.zb .wt button{border:1.5px solid var(--line);background:#fff;border-radius:99px;padding:2px 10px;font-size:12.5px;font-weight:700;color:var(--ink);cursor:pointer}
.zb .wt button[aria-pressed=true]{background:var(--soil);border-color:var(--soil);color:#fff}
.zb .swap{background:#fff;border:2px solid var(--leaf);border-radius:18px;padding:10px;margin:2px 0 6px;display:grid;gap:6px}
.zb .swap>b{font-size:14px;color:var(--ink)}
.zb .swap .alt{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px;align-items:center;text-align:left;border:1.5px solid var(--line);background:var(--paper);border-radius:14px;padding:5px 10px 5px 5px;cursor:pointer}
.zb .swap .alt img{width:44px;height:44px;object-fit:contain;mix-blend-mode:multiply;background:#fff;border-radius:10px}
.zb .swap .alt b{display:block;font-size:14.5px;color:var(--ink)}
.zb .swap .alt small{font-size:12px;color:var(--muted)}
.zb .gobox{display:grid;gap:6px}
.zb .gobox p{margin:0;font-size:13.5px;color:var(--body);line-height:1.4}
.zb .gobox .btn{width:100%;justify-content:center}
.zb .more{border:0;background:none;font-size:14px;font-weight:700;color:var(--leaf-deep);display:flex;gap:6px;align-items:center;justify-content:center;cursor:pointer}
.zb .more svg{width:16px;height:16px}
.zb .tox{font-size:12px;color:var(--muted);margin:4px 0 0}
.zb .calg{display:grid;grid-template-columns:150px repeat(12,minmax(0,1fr));gap:4px 3px;align-items:center}
.zb .calg .nm{font-size:14px;font-weight:650;color:var(--ink);display:flex;gap:7px;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.zb .calg .nm img{width:26px;height:26px;object-fit:contain;mix-blend-mode:multiply;flex:none}
.zb .calg .c{height:24px;border-radius:6px;background:#ECEFE6;position:relative}
.zb .calg .c.on{animation:pl-grow .5s var(--ease-out) both;transform-origin:left}
.zb .calg .c.cur{outline:2.5px solid var(--larch);outline-offset:1px;z-index:1}
.zb .calg .mh{font-size:11.5px;color:var(--muted);text-align:center;letter-spacing:0}
.zb .calg .mh.cur{color:var(--larch-ink);font-weight:800}
.zb .calno{margin:4px 0 0;font-size:12.5px;color:var(--muted)}
.zb .dots{display:inline-flex;margin-right:6px;padding-left:5px}
.zb .dots i{width:16px;height:16px;border-radius:50%;border:2px solid #fff;margin-left:-6px;display:block}
/* v režime záhona žiadne plávajúce „Začnite navrhovať“ (mockup: na mobile ho nahradí lišta záhona, na počítači panel) */
body.gg-bed-on .gg-fcta{display:none}
.pl-orn.bed-on .fab{right:auto;left:20px}
/* fixné vrstvy na <body> */
html.bed-lock{overflow:hidden}
/* okno záhona/prihlásenia otvorené → plávajúce „Spýtajte sa záhradníka“ nesmie ležať nad ním (fotky 1440-04/05) */
html.bed-lock .pl .chat-layer .fab{visibility:hidden}
.zbl[hidden]{display:none!important}
.zbl.zb-ovl{position:fixed;inset:0;z-index:90;background:rgb(7 63 50/.28)}
.zbl.zb-ovl.dim{background:rgb(7 63 50/.5)}
.zbl.zb-drawer{position:fixed;right:0;top:var(--hdr-h,74px);bottom:0;width:min(560px,100vw);z-index:91;overflow:auto;background:var(--paper);box-shadow:-20px 0 60px rgb(var(--shadow-rgb)/.3);padding:16px 22px 30px;border-radius:28px 0 0 28px;animation:zb-in .3s var(--ease-out) both}
.zb .fb{display:flex;flex-direction:column;gap:12px}
.zb .fb__h{display:flex;justify-content:space-between;align-items:center}
.zb .fb__h b{font-size:24px;color:var(--ink);letter-spacing:-.03em}
.zb .fb__h .x{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:#fff;display:grid;place-items:center;cursor:pointer}
.zb .wth{margin:4px 0 -4px;font-size:13.5px}
@keyframes zb-in{from{transform:translateX(40px);opacity:0}to{transform:none;opacity:1}}
.zbl.zb-login{position:fixed;inset:0;z-index:92;display:flex;align-items:flex-start;justify-content:center;padding:calc(var(--hdr-h,74px) + 30px) 16px 16px;overflow:auto;pointer-events:none}
.zb .lg2{pointer-events:auto;width:min(880px,100%);display:grid;grid-template-columns:1fr 1fr;background:var(--surface);border-radius:28px;box-shadow:var(--sh-3);overflow:hidden;animation:zb-in .3s var(--ease-out) both}
.zb .lg2__ctx{background:var(--soil);color:var(--on-dark-muted);padding:22px;display:flex;flex-direction:column;gap:8px}
.zb .lg2__ctx .pv{background:#0B4A3B;border-radius:18px;padding:8px}
.zb .lg2__ctx .pv svg{width:100%;height:auto;display:block}
.zb .lg2__ctx b{color:#fff;font-size:24px;letter-spacing:-.03em;line-height:1.1}
.zb .lg2__ctx .av{display:flex;flex-wrap:wrap;gap:5px}
.zb .lg2__ctx .av span{display:inline-flex;align-items:center;gap:4px;background:rgb(255 255 255/.12);color:#fff;border-radius:99px;padding:2px 9px 2px 2px;font-size:12px;font-weight:700}
.zb .lg2__ctx .av img{width:22px;height:22px;border-radius:50%;background:#fff;object-fit:contain}
.zb .lg2__f{padding:22px;display:flex;flex-direction:column;gap:12px;color:var(--body)}
.zb .lg2__f h3{font-size:26px;color:var(--ink);letter-spacing:-.03em;margin:0}
.zb .lg2__f p{margin:0;font-size:15px;line-height:1.45}
.zb .lg2__f form{display:flex;flex-direction:column;gap:12px}
.zb .lg2__f .seg{display:flex;background:var(--card-tint);border-radius:var(--r-pill);padding:3px}
.zb .lg2__f .seg button{flex:1;border:0;background:transparent;height:42px;border-radius:var(--r-pill);font-weight:700;font-size:15px;color:var(--ink);cursor:pointer}
.zb .lg2__f .seg button[aria-selected=true]{background:var(--soil);color:#fff}
.zb .fld{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:14px;color:var(--ink)}
.zb .fld input{height:50px;border:1.5px solid var(--line-strong);border-radius:14px;padding:0 14px;font-size:16px;color:var(--ink);background:#fff}
.zb .cons{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;line-height:1.4;color:var(--body)}
.zb .cons input{width:18px;height:18px;flex:none;margin-top:1px;accent-color:var(--leaf)}
.zb .lg2__f .btn{width:100%;justify-content:center}
.zb .lg2__f .err{color:#7a2416;background:#F8DAD3;border-radius:12px;padding:8px 12px;font-size:14px}
.zb .lg2__f .sent{font-size:14px;color:var(--ink)}
.zb .lg2__f .back{align-self:center;font-weight:600;font-size:14px}
.zbl.zb-bar{display:none}
@media (max-width:860px){
.zbl.zb-bar{display:block;position:fixed;left:0;right:0;bottom:0;z-index:56;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgb(var(--paper-rgb)/.95);border-top:1px solid var(--line);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.zbl.zb-bar .btn{width:100%;min-height:52px;font-size:16px;justify-content:center}
body.gg-bed-on .zbl.zb-bar{padding-right:76px} /* miesto pre AI tlačidlo vpravo v riadku lišty */
body.gg-bed-on{--fcta-h:76px}
.zbl.zb-drawer{left:0;width:auto;top:36px;border-radius:24px 24px 0 0;padding:14px 16px 24px;box-shadow:0 -20px 60px rgb(var(--shadow-rgb)/.35)}
.zb .calg{grid-template-columns:100px repeat(12,minmax(0,1fr));gap:3px 2px}
.zb .calg .nm{font-size:12px;gap:4px}
.zb .calg .nm img{width:20px;height:20px}
.zb .calg .c{height:20px;border-radius:4px}
.zb .calg .mh{font-size:9.5px}
.zbl.zb-login{padding:0}
.zb .lg2{grid-template-columns:minmax(0,1fr);border-radius:0;min-height:100%}
.zb .lg2__ctx{padding:16px;display:grid;grid-template-columns:110px minmax(0,1fr);gap:4px 12px;align-items:start;align-content:start}
.zb .lg2__ctx .pv{grid-row:span 2;padding:4px;border-radius:12px}
.zb .lg2__ctx b{font-size:19px}
.zb .lg2__ctx .av{grid-column:1/-1}
.zb .lg2__f{padding:18px 16px}
.zb .lg2__f h3{font-size:22px}
}
@container pl (max-width:1100px){
.pl-orn.bed-on .lay{grid-template-columns:230px minmax(0,1fr) 300px;gap:18px}
}
@container pl (max-width:860px){
.pl-orn.bed-on .lay{grid-template-columns:minmax(0,1fr)}
.pl-orn.bed-on .bedp{display:none}
.pl-orn .zmode{padding:12px 14px}
.pl-orn.bed-on .pcard__add .add .vz{display:none}
.pl-orn.bed-on .pcard__add .add{font-size:13px;gap:5px;min-height:40px}
.pl-orn.bed-on .pcard__add .rm{width:38px;height:38px}
/* mobil v režime: AI tlačidlo vpravo (mockup v2) v riadku spodnej lišty záhona — nad kartami nič nevisí, „+ Vybrať do záhona“ ostáva voľné */
.pl-orn.bed-on .fab{left:auto;right:12px;top:calc(100vh - 63px - env(safe-area-inset-bottom));width:52px;height:52px}
}