/* Shoptet layer: back to browser defaults inside the page, full width, no Shoptet page title */
.type-page main.wk-lpb{font-size:16px;line-height:normal;letter-spacing:normal;font-weight:400;font-style:normal;text-align:start;text-transform:none;word-spacing:normal;white-space:normal;color:#000}
.type-page main.wk-lpb :not(svg,svg *){all:revert}
.type-page main.wk-lpb *::before,.type-page main.wk-lpb *::after{all:revert}
.type-page main.wk-lpb [hidden]{display:none}
.type-page main.wk-lpb p,.type-page main.wk-lpb h1{text-align:revert!important}
.in-ponozky-pod-stromecek .pageArticleDetail{max-width:none}
.in-ponozky-pod-stromecek .pageArticleDetail>header{display:none}
.in-ponozky-pod-stromecek .wk-dock{display:none} /* the Lucky box dock would sit on the cart button */
.in-ponozky-pod-stromecek #content-wrapper{background:#FFF4E4;border-image:conic-gradient(#FFF4E4 0 0) fill 0//0 100vmax}
/* Walkee landing page B „Ponožky pod stromeček“. Everything is scoped under .wk-lpb.wk-lpb.wk-lpb. One font: the shop's Familjen Grotesk. */
.type-page main.wk-lpb.wk-lpb.wk-lpb,.wk-lpb.wk-lpb.wk-lpb{font-size:16px;line-height:1.45;letter-spacing:normal;font-weight:400;font-style:normal;text-align:start;text-transform:none;word-spacing:normal;white-space:normal}
.wk-lpb.wk-lpb.wk-lpb{--cream:#FFF4E4;--ink:#1E1E1C;--red:#A91314;--red-h:#8E1011;--red-edge:#6E0C0D;--t2:#4A4843;--t3:#6B6862;--white:#FFFFFF;--yellow:#FFC93C;--ok:#2F7D4F;
  --spring:cubic-bezier(.34,1.56,.64,1);--sock-h:110px;--string:14px;
  display:block;font-family:"Familjen Grotesk",sans-serif;color:var(--ink);background:var(--cream);margin:0;padding:0 0 92px;position:relative}
.wk-lpb.wk-lpb.wk-lpb *,.wk-lpb.wk-lpb.wk-lpb *::before,.wk-lpb.wk-lpb.wk-lpb *::after{box-sizing:border-box}
.wk-lpb.wk-lpb.wk-lpb [hidden]{display:none !important}
.wk-lpb.wk-lpb.wk-lpb button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}
.wk-lpb.wk-lpb.wk-lpb :focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.wk-lpb.wk-lpb.wk-lpb h1,.wk-lpb.wk-lpb.wk-lpb h2,.wk-lpb.wk-lpb.wk-lpb p,.wk-lpb.wk-lpb.wk-lpb figure,.wk-lpb.wk-lpb.wk-lpb blockquote{margin:0}
.wk-lpb.wk-lpb.wk-lpb .t3{font-size:13px;line-height:1.35;color:var(--t3)}
/* Shoptet's glossary turns „mercerovaná“ into a link with a tooltip; here it stays plain text */
.wk-lpb.wk-lpb.wk-lpb .show-tooltip,.wk-lpb.wk-lpb.wk-lpb a.glossary{color:inherit;text-decoration:none;pointer-events:none}
.wk-lpb.wk-lpb.wk-lpb.busy .pick,.wk-lpb.wk-lpb.wk-lpb.busy .tag .lab,.wk-lpb.wk-lpb.wk-lpb.busy .person,.wk-lpb.wk-lpb.wk-lpb.busy .tag-add,.wk-lpb.wk-lpb.wk-lpb.busy .hang{pointer-events:none}

/* the stage: a room, the tree, the tags, the socks on the floor */
.wk-lpb.wk-lpb.wk-lpb .hero{position:relative}
.wk-lpb.wk-lpb.wk-lpb .stage{position:relative;height:486px;overflow:hidden;background:var(--room-phone) center top/cover no-repeat}
.wk-lpb.wk-lpb.wk-lpb .stage[data-people="5"],.wk-lpb.wk-lpb.wk-lpb .stage[data-people="6"]{height:530px}
/* six on a phone: the stage is taller, the tree sits 40 px lower so the tip tag fits under the date line; the tip and centre socks are a little smaller */
@media (max-width:999px){.wk-lpb.wk-lpb.wk-lpb .stage[data-people="6"] .tree{top:184px}
.wk-lpb.wk-lpb.wk-lpb .stage[data-people="6"] .tag[data-i="4"] .sk{--h:92px}
.wk-lpb.wk-lpb.wk-lpb .stage[data-people="6"] .tag[data-i="5"] .sk{--h:74px}}
.wk-lpb.wk-lpb.wk-lpb .tree{position:absolute;left:50%;top:144px;height:264px;width:auto;transform:translateX(-50%);filter:drop-shadow(0 6px 0 rgba(30,30,28,.18));pointer-events:none;user-select:none}
.wk-lpb.wk-lpb.wk-lpb .tags{position:absolute;inset:0;pointer-events:none}
/* one hook: the tag sits above the hook and never moves; the string and the sock hang from the hook */
.wk-lpb.wk-lpb.wk-lpb .tag{position:absolute;width:0;height:0;pointer-events:auto;z-index:calc(2 + var(--i,0))}
.wk-lpb.wk-lpb.wk-lpb .tag.is-on{z-index:12}
.wk-lpb.wk-lpb.wk-lpb .stage.boot .tag{animation:lpb-drop .9s var(--spring) both;animation-delay:calc(var(--i,0) * .12s)}
.wk-lpb.wk-lpb.wk-lpb .tag .lab{position:absolute;left:var(--tx,0px);bottom:calc(6px - var(--ty,0px));z-index:2;transform:translateX(-50%);min-width:44px;min-height:44px;padding:7px 11px 6px;background:var(--white);border:2px solid var(--ink);border-radius:9px;box-shadow:0 4px 0 var(--ink);
  font-weight:700;font-size:16px;line-height:1;text-align:center;cursor:pointer;white-space:nowrap;transition:background-color .15s}
.wk-lpb.wk-lpb.wk-lpb .tag .lab::before{content:"";position:absolute;left:50%;bottom:-6px;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:var(--cream);border:2px solid var(--ink)}
.wk-lpb.wk-lpb.wk-lpb .tag .lab small{display:block;font-size:11px;font-weight:400;color:var(--t3);margin-top:3px}
.wk-lpb.wk-lpb.wk-lpb .tag.is-on .lab{background:var(--red);color:#fff}
.wk-lpb.wk-lpb.wk-lpb .tag.is-on .lab small{color:#F2B8B8}
.wk-lpb.wk-lpb.wk-lpb .tag.is-fail .lab{background:#FDE7E7;border-color:var(--red)}
.wk-lpb.wk-lpb.wk-lpb .tag.is-added .lab::after{content:"\2713";position:absolute;right:-10px;top:-10px;width:22px;height:22px;border-radius:50%;background:var(--ok);color:#fff;border:2px solid var(--ink);font-size:13px;line-height:18px;text-align:center}
.wk-lpb.wk-lpb.wk-lpb .pop .inc,.wk-lpb.wk-lpb.wk-lpb .person .inc{font-weight:700;color:var(--ok);padding:0 8px;line-height:44px;white-space:nowrap}
.wk-lpb.wk-lpb.wk-lpb .hang{position:absolute;left:0;top:0;z-index:1;transform-origin:50% 0;display:none;touch-action:none;cursor:grab}
.wk-lpb.wk-lpb.wk-lpb .tag.has-sock .hang{display:block}
.wk-lpb.wk-lpb.wk-lpb .hang .str{position:absolute;left:-1px;top:0;width:2px;height:var(--string);background:var(--ink)}
.wk-lpb.wk-lpb.wk-lpb .hang .sk{position:absolute;left:0;top:var(--string);--h:var(--sock-h);transform:translateX(-50%) rotate(2deg);transform-origin:50% 0}
.wk-lpb.wk-lpb.wk-lpb .tag.r .hang .sk{transform:translateX(-50%) rotate(-2deg)}
.wk-lpb.wk-lpb.wk-lpb .tag.c .hang .sk{transform:translateX(-50%)}
.wk-lpb.wk-lpb.wk-lpb .pop{position:absolute;left:0;bottom:54px;z-index:3;transform:translateX(-50%);display:flex;gap:6px;padding:6px;background:var(--white);border:2px solid var(--ink);border-radius:12px;box-shadow:0 4px 0 var(--ink);white-space:nowrap}
.wk-lpb.wk-lpb.wk-lpb .pop button{min-height:44px;min-width:44px;padding:0 10px;border:2px solid var(--ink);border-radius:9px;background:var(--white);font-weight:700;font-size:14px;cursor:pointer}
.wk-lpb.wk-lpb.wk-lpb .pop button[aria-pressed="true"]{background:var(--ink);color:#fff}
.wk-lpb.wk-lpb.wk-lpb .pop .rm{font-weight:400;color:var(--t2)}
/* „+ další“: on phones it is the first tile of the floor row, on desktop a dashed tag under the lamp */
.wk-lpb.wk-lpb.wk-lpb .tag-add{display:none;position:absolute;right:36px;top:110px;z-index:13;min-height:44px;padding:10px 14px;background:var(--cream);border:2px dashed var(--ink);border-radius:9px;font-weight:700;font-size:17px;color:var(--t2);cursor:pointer}

/* real sock pixels from the sprite sheets; the dark outline is a filter, so the print stays untouched */
.wk-lpb.wk-lpb.wk-lpb .sk{display:block;width:calc(var(--h) * .5);height:var(--h);background-image:var(--sheet);background-repeat:no-repeat;background-size:600% calc(var(--rows) * 100%);
  background-position:calc(var(--c) * 100% / 5) calc(var(--r) * 100% / max(var(--rows) - 1, 1));
  filter:drop-shadow(1.5px 0 0 var(--ink)) drop-shadow(-1.5px 0 0 var(--ink)) drop-shadow(0 1.5px 0 var(--ink)) drop-shadow(0 -1.5px 0 var(--ink))}

/* gift box by the stand: injected by lp.js only while „pár navíc“ runs and 4+ pairs hang */
.wk-lpb.wk-lpb.wk-lpb .gift{position:absolute;left:calc(50% + 30px);bottom:82px;width:70px;z-index:9}
.wk-lpb.wk-lpb.wk-lpb .gift img{display:block;width:100%;height:auto}
.wk-lpb.wk-lpb.wk-lpb .gift .gift-lid{width:88%;margin:0 0 -10px 10%;animation:lpb-lid .6s var(--spring) both}
.wk-lpb.wk-lpb.wk-lpb .gift span{position:absolute;left:50%;bottom:8px;transform:translateX(-50%) rotate(-4deg);padding:3px 8px;background:var(--white);border:2px solid var(--ink);border-radius:8px;font-size:12px;font-weight:700;white-space:nowrap}

/* the picker on the floor (phone) */
.wk-lpb.wk-lpb.wk-lpb .floor{position:absolute;left:0;right:0;bottom:0;height:100px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.wk-lpb.wk-lpb.wk-lpb .floor::-webkit-scrollbar{display:none}
.wk-lpb.wk-lpb.wk-lpb .row{display:flex;gap:10px;align-items:flex-end;height:100%;padding:0 16px 16px;width:max-content;scroll-snap-type:x proximity}
.wk-lpb.wk-lpb.wk-lpb .pick{flex:0 0 84px;scroll-snap-align:start;height:82px;padding:5px 4px 3px;background:var(--white);border:2px solid var(--ink);border-radius:13px;box-shadow:0 4px 0 var(--ink);text-align:center;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:2px}
.wk-lpb.wk-lpb.wk-lpb .pick:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}
.wk-lpb.wk-lpb.wk-lpb .pick .sk{--h:44px;margin:0 auto}
.wk-lpb.wk-lpb.wk-lpb .pick span{display:block;font-size:11px;font-weight:700;line-height:1.05;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wk-lpb.wk-lpb.wk-lpb .pick i{display:block;font-style:normal;font-size:11px;line-height:1;color:var(--t3)}
.wk-lpb.wk-lpb.wk-lpb .pick.is-on{background:#FDE7E7}
.wk-lpb.wk-lpb.wk-lpb .pick.is-xmas,.wk-lpb.wk-lpb.wk-lpb .pick.is-add{background:var(--cream);border-style:dashed;box-shadow:none;color:var(--t2);font-weight:700;font-size:13px;line-height:1.1;justify-content:center}
.wk-lpb.wk-lpb.wk-lpb .pick.is-add{flex-basis:70px;font-size:15px}

/* the title on the wall, drawn like the Lucky box title: ink outline and a stepped extrude */
.wk-lpb.wk-lpb.wk-lpb .head{position:absolute;left:118px;right:6px;top:10px;z-index:3;pointer-events:none}
.wk-lpb.wk-lpb.wk-lpb .title{--o:2px;position:relative;margin:0;transform:rotate(-4deg);transform-origin:0 0;font-weight:700;letter-spacing:-.03em;line-height:.9}
.wk-lpb.wk-lpb.wk-lpb .title span{display:block;white-space:nowrap;
  text-shadow:calc(-1*var(--o)) calc(-1*var(--o)) 0 var(--ink),var(--o) calc(-1*var(--o)) 0 var(--ink),calc(-1*var(--o)) var(--o) 0 var(--ink),var(--o) var(--o) 0 var(--ink),
    0 calc(-1*var(--o)) 0 var(--ink),0 var(--o) 0 var(--ink),calc(-1*var(--o)) 0 0 var(--ink),var(--o) 0 0 var(--ink),
    3px 4px 0 var(--ink),4px 5px 0 var(--ink),5px 6px 0 var(--ink),6px 7px 0 var(--ink)}
.wk-lpb.wk-lpb.wk-lpb .title .t1{font-size:42px;color:#FFFFFF}
.wk-lpb.wk-lpb.wk-lpb .title .t2{font-size:28px;color:var(--yellow);margin:5px 0 0 0}
.wk-lpb.wk-lpb.wk-lpb .title.is-pop{animation:lpb-title 520ms var(--spring) both}
.wk-lpb.wk-lpb.wk-lpb .sub{margin-top:8px;font-size:13.5px;line-height:1.25;font-weight:700;color:#fff;text-shadow:-1px -1px 0 var(--ink),1px -1px 0 var(--ink),-1px 1px 0 var(--ink),1px 1px 0 var(--ink),0 2px 0 var(--ink)}
.wk-lpb.wk-lpb.wk-lpb .date{margin-top:2px;font-size:12px;line-height:1.25;font-weight:700;letter-spacing:-.015em;white-space:nowrap;color:#FFE9B8;text-shadow:-1px -1px 0 var(--ink),1px -1px 0 var(--ink),-1px 1px 0 var(--ink),1px 1px 0 var(--ink),0 2px 0 var(--ink)}
.wk-lpb.wk-lpb.wk-lpb .list,.wk-lpb.wk-lpb.wk-lpb .pickwrap{display:none}

/* the bar: price always in view */
.wk-lpb.wk-lpb.wk-lpb .bar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--white);border-top:2px solid var(--ink)}
.wk-lpb.wk-lpb.wk-lpb .bar .sum{flex:1;min-width:0}
.wk-lpb.wk-lpb.wk-lpb .bar .amt{font-size:26px;font-weight:700;line-height:1;color:var(--red)}
.wk-lpb.wk-lpb.wk-lpb .bar .note{font-size:13px;color:var(--t2);line-height:1.25;margin-top:3px}
.wk-lpb.wk-lpb.wk-lpb .cta{flex:0 0 auto;min-height:56px;padding:0 14px;border:2px solid var(--ink);border-radius:16px;background:var(--red);color:#fff;font-weight:700;font-size:17px;line-height:1;cursor:pointer;
  box-shadow:inset 0 3px 0 rgba(255,255,255,.3),inset 0 -5px 0 var(--red-edge),0 5px 0 var(--ink);transition:transform 90ms ease,box-shadow 90ms ease,background-color .15s}
.wk-lpb.wk-lpb.wk-lpb .cta[disabled]{background:#D9D4CB;color:#fff;box-shadow:0 5px 0 var(--ink);cursor:default}
.wk-lpb.wk-lpb.wk-lpb .cta:not([disabled]):hover{background:var(--red-h)}
.wk-lpb.wk-lpb.wk-lpb .cta:not([disabled]):active{transform:translateY(3px);box-shadow:inset 0 3px 0 rgba(255,255,255,.3),inset 0 -5px 0 var(--red-edge),0 2px 0 var(--ink)}
.wk-lpb.wk-lpb.wk-lpb .cta.is-ok{background:var(--ok);box-shadow:0 5px 0 var(--ink)}
.wk-lpb.wk-lpb.wk-lpb .tocart{flex:0 0 auto;min-height:56px;display:inline-flex;align-items:center;padding:0 16px;border:2px solid var(--ink);border-radius:16px;background:var(--white);color:var(--ink);font-weight:700;font-size:16px;text-decoration:none;box-shadow:0 5px 0 var(--ink)}
.wk-lpb.wk-lpb.wk-lpb .lpb-msg{position:fixed;left:16px;right:16px;bottom:92px;z-index:41;padding:10px 14px;background:var(--ink);color:#fff;border-radius:12px;font-size:15px;line-height:1.3}
.wk-lpb.wk-lpb.wk-lpb .lpb-msg a{color:#F2B8B8}

/* below the fold: the same world on cream, no boxes */
.wk-lpb.wk-lpb.wk-lpb .info{position:relative;padding:26px 0 8px}
.wk-lpb.wk-lpb.wk-lpb .info::before{content:"";position:absolute;left:0;right:0;top:-12px;height:14px;background:radial-gradient(circle at 16px 0,var(--cream) 12px,transparent 12.5px) 0 0/32px 12px repeat-x}
.wk-lpb.wk-lpb.wk-lpb .w{max-width:1100px;margin:0 auto;padding:0 20px}
.wk-lpb.wk-lpb.wk-lpb .blk{padding:14px 0 22px}
.wk-lpb.wk-lpb.wk-lpb h2{font-size:28px;line-height:1.05;font-weight:700;letter-spacing:-.01em;margin-bottom:10px}
.wk-lpb.wk-lpb.wk-lpb .blk p{font-size:17px;line-height:1.4;color:var(--t2);max-width:38ch}
.wk-lpb.wk-lpb.wk-lpb .blk p+p{margin-top:8px}
.wk-lpb.wk-lpb.wk-lpb .blk .big{font-size:20px;line-height:1.3;color:var(--ink)}
.wk-lpb.wk-lpb.wk-lpb .wave{border:0;height:12px;margin:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='12' viewBox='0 0 40 12'%3E%3Cpath d='M0 6q10-8 20 0t20 0' fill='none' stroke='%231E1E1C' stroke-width='2'/%3E%3C/svg%3E") 0 0/40px 12px repeat-x}
/* sizes: the whole block on one axis, the socks shifted so the sock itself sits over its label */
.wk-lpb.wk-lpb.wk-lpb .sizes{text-align:center}
.wk-lpb.wk-lpb.wk-lpb .sizes .big{margin:0 auto}
.wk-lpb.wk-lpb.wk-lpb .two{display:flex;gap:28px;justify-content:center;margin-top:18px}
.wk-lpb.wk-lpb.wk-lpb .two figure{display:flex;flex-direction:column;align-items:center;gap:8px}
.wk-lpb.wk-lpb.wk-lpb .two .sk{--h:150px;transform:translateX(var(--vx,0px))}
.wk-lpb.wk-lpb.wk-lpb .two b{display:block;font-size:26px;line-height:1}
.wk-lpb.wk-lpb.wk-lpb .two span{font-size:14px;color:var(--t3)}
.wk-lpb.wk-lpb.wk-lpb .two figcaption{text-align:center}
/* photos as prints on a string, the same language as the review tags */
.wk-lpb.wk-lpb.wk-lpb .line{display:block;width:100%;height:30px;margin:4px 0 -22px}
.wk-lpb.wk-lpb.wk-lpb .prints{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:30px 2px 6px}
.wk-lpb.wk-lpb.wk-lpb .print{position:relative;background:var(--white);border:2px solid var(--ink);border-radius:6px;padding:5px 5px 4px;transform:rotate(-2deg);box-shadow:0 4px 0 var(--ink)}
.wk-lpb.wk-lpb.wk-lpb .print.c{transform:rotate(1deg)}
.wk-lpb.wk-lpb.wk-lpb .print.r{transform:rotate(-1deg)}
.wk-lpb.wk-lpb.wk-lpb .print::before{content:"";position:absolute;left:50%;top:-6px;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:var(--cream);border:2px solid var(--ink)}
.wk-lpb.wk-lpb.wk-lpb .print::after{content:"";position:absolute;left:50%;top:-32px;width:2px;height:28px;margin-left:-1px;background:var(--ink)}
.wk-lpb.wk-lpb.wk-lpb .print img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:2px}
.wk-lpb.wk-lpb.wk-lpb .print figcaption{font-size:11.5px;line-height:1.2;font-weight:700;text-align:center;padding-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wk-lpb.wk-lpb.wk-lpb .wear-t{margin-top:14px}
.wk-lpb.wk-lpb.wk-lpb .gtags{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-top:30px}
.wk-lpb.wk-lpb.wk-lpb .gtag{position:relative;background:var(--white);border:2px solid var(--ink);border-radius:10px;padding:14px 12px 12px;transform:rotate(-1.5deg);box-shadow:0 4px 0 var(--ink)}
.wk-lpb.wk-lpb.wk-lpb .gtag.r{transform:rotate(1.5deg)}
.wk-lpb.wk-lpb.wk-lpb .gtag::before{content:"";position:absolute;left:50%;top:-6px;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:var(--cream);border:2px solid var(--ink)}
.wk-lpb.wk-lpb.wk-lpb .gtag::after{content:"";position:absolute;left:50%;top:-32px;width:2px;height:28px;margin-left:-1px;background:var(--ink)}
.wk-lpb.wk-lpb.wk-lpb .stars{color:var(--red);font-size:15px;letter-spacing:2px}
.wk-lpb.wk-lpb.wk-lpb .gtag blockquote{margin:4px 0 4px;font-size:16px;line-height:1.3;font-weight:700;color:var(--ink)}
.wk-lpb.wk-lpb.wk-lpb .gtag figcaption{font-size:13px;color:var(--t3)}
.wk-lpb.wk-lpb.wk-lpb .revs .t3{margin-top:16px;max-width:none}
.wk-lpb.wk-lpb.wk-lpb .parnavic{display:grid;grid-template-columns:84px 1fr;gap:14px;align-items:start}
.wk-lpb.wk-lpb.wk-lpb .pn-img{width:84px;height:auto}
.wk-lpb.wk-lpb.wk-lpb .parnavic a{display:inline-block;color:var(--red);font-weight:700;padding:12px 0;margin:-8px 0}
.wk-lpb.wk-lpb.wk-lpb .end{text-align:center;padding:10px 0 8px}
.wk-lpb.wk-lpb.wk-lpb .cta2{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 22px;margin-top:8px;border:2px solid var(--ink);border-radius:16px;background:var(--red);color:#fff;font-weight:700;font-size:18px;text-decoration:none;box-shadow:inset 0 3px 0 rgba(255,255,255,.3),inset 0 -5px 0 var(--red-edge),0 5px 0 var(--ink)}

/* name sheet */
.wk-lpb.wk-lpb.wk-lpb .sheet{position:fixed;inset:0;z-index:60;background:rgba(30,30,28,.45);display:flex;align-items:flex-end;justify-content:center}
.wk-lpb.wk-lpb.wk-lpb .sheet-in{width:100%;max-width:520px;background:var(--cream);border:2px solid var(--ink);border-bottom:0;border-radius:22px 22px 0 0;padding:18px 16px calc(16px + env(safe-area-inset-bottom))}
.wk-lpb.wk-lpb.wk-lpb .sheet-h{font-size:20px;font-weight:700;margin-bottom:12px}
.wk-lpb.wk-lpb.wk-lpb .names{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.wk-lpb.wk-lpb.wk-lpb .toy{min-height:48px;padding:6px 8px;background:var(--white);border:2px solid var(--ink);border-radius:13px;box-shadow:0 4px 0 var(--ink);font-weight:700;font-size:16px;cursor:pointer}
.wk-lpb.wk-lpb.wk-lpb .toy:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}
.wk-lpb.wk-lpb.wk-lpb .toy small{display:block;font-size:11px;font-weight:400;color:var(--t3)}
.wk-lpb.wk-lpb.wk-lpb .own{display:flex;gap:8px;margin-top:10px}
.wk-lpb.wk-lpb.wk-lpb .own input{flex:1;min-width:0;min-height:48px;padding:0 12px;border:2px solid var(--ink);border-radius:13px;background:var(--white);font:inherit;font-size:16px}
.wk-lpb.wk-lpb.wk-lpb .cancel{width:100%;margin-top:10px;background:var(--cream);box-shadow:none}

/* creative recording only (?lpad=story, previews off the live host): a 9:16 stage for the video, same page, same mechanics */
.wk-lpb.wk-lpb.wk-lpb.ad-story .stage{height:693px}
.wk-lpb.wk-lpb.wk-lpb.ad-story .tree{top:180px;height:410px}
.wk-lpb.wk-lpb.wk-lpb.ad-story{--sock-h:150px;--string:18px}
.wk-lpb.wk-lpb.wk-lpb.ad-story .tag .lab{font-size:19px;padding:9px 13px 7px}
@keyframes lpb-drop{from{transform:translateY(-120px) rotate(-6deg);opacity:0}60%{opacity:1}to{transform:none;opacity:1}}
@keyframes lpb-lid{from{transform:translateY(-40px) rotate(-14deg);opacity:0}to{transform:none;opacity:1}}
@keyframes lpb-title{from{opacity:0;transform:rotate(-12deg) scale(.6)}to{opacity:1;transform:rotate(-4deg) scale(1)}}
@media (prefers-reduced-motion:reduce){.wk-lpb.wk-lpb.wk-lpb .stage.boot .tag,.wk-lpb.wk-lpb.wk-lpb .gift .gift-lid,.wk-lpb.wk-lpb.wk-lpb .title.is-pop{animation:none}}

/* desktop: the room edge to edge on the left, the list on the right */
@media (min-width:1000px){
  .wk-lpb.wk-lpb.wk-lpb{--sock-h:184px;--string:20px;padding-bottom:0}
  .wk-lpb.wk-lpb.wk-lpb .hero{display:grid;grid-template-columns:minmax(0,1fr) 470px;align-items:stretch}
  .wk-lpb.wk-lpb.wk-lpb .stage{height:760px;background:var(--room-wide) center bottom/cover no-repeat;border-right:2px solid var(--ink)}
  .wk-lpb.wk-lpb.wk-lpb .stage[data-people="5"],.wk-lpb.wk-lpb.wk-lpb .stage[data-people="6"]{height:760px}
  .wk-lpb.wk-lpb.wk-lpb .tree{top:120px;height:560px}
  .wk-lpb.wk-lpb.wk-lpb .floor{display:none}
  .wk-lpb.wk-lpb.wk-lpb .gift{left:calc(50% + 180px);bottom:60px;width:130px}
  .wk-lpb.wk-lpb.wk-lpb .gift span{font-size:14px}
  .wk-lpb.wk-lpb.wk-lpb .tag .lab{font-size:18px;padding:9px 14px 8px}
  .wk-lpb.wk-lpb.wk-lpb .tag .lab small{font-size:12px}
  .wk-lpb.wk-lpb.wk-lpb .tag-add{display:block}
  .wk-lpb.wk-lpb.wk-lpb .side{display:flex;flex-direction:column;height:760px;background:var(--cream)}
  .wk-lpb.wk-lpb.wk-lpb .head{position:static;pointer-events:auto;padding:22px 28px 0}
  .wk-lpb.wk-lpb.wk-lpb .title .t1{font-size:80px}
  .wk-lpb.wk-lpb.wk-lpb .title .t2{font-size:50px;margin:6px 0 0 14px}
  .wk-lpb.wk-lpb.wk-lpb .sub{margin-top:14px;font-size:17px;line-height:1.3;color:var(--ink);text-shadow:none}
  .wk-lpb.wk-lpb.wk-lpb .date{margin-top:2px;font-size:15px;font-weight:400;letter-spacing:0;color:var(--t3);text-shadow:none}
  .wk-lpb.wk-lpb.wk-lpb .list{display:grid;gap:6px;align-content:start;padding:12px 28px 0;flex:0 1 auto;min-height:150px;overflow-y:auto;scrollbar-width:thin}
  .wk-lpb.wk-lpb.wk-lpb .person{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;min-height:48px;padding:3px 6px 3px 12px;background:var(--white);border:2px solid var(--ink);border-radius:14px;cursor:pointer;text-align:left}
  .wk-lpb.wk-lpb.wk-lpb .person.is-on{box-shadow:0 4px 0 var(--ink);border-color:var(--red)}
  .wk-lpb.wk-lpb.wk-lpb .person .sk{--h:38px}
  .wk-lpb.wk-lpb.wk-lpb .person .sk.none{filter:none;border:2px dashed var(--ink);border-radius:8px}
  .wk-lpb.wk-lpb.wk-lpb .person b{font-size:17px;line-height:1.1}
  .wk-lpb.wk-lpb.wk-lpb .person em{font-style:normal;font-size:13px;color:var(--t3);display:block}
  .wk-lpb.wk-lpb.wk-lpb .person .szt{display:flex;gap:4px}
  .wk-lpb.wk-lpb.wk-lpb .person .szt button{min-height:44px;padding:0 8px;border:2px solid var(--ink);border-radius:8px;background:var(--white);font-size:13px;font-weight:700;cursor:pointer}
  .wk-lpb.wk-lpb.wk-lpb .person .szt button[aria-pressed="true"]{background:var(--ink);color:#fff}
  .wk-lpb.wk-lpb.wk-lpb .person.is-add{justify-content:center;grid-template-columns:1fr;text-align:center;background:var(--cream);border-style:dashed;color:var(--t2);font-weight:700}
  .wk-lpb.wk-lpb.wk-lpb .pickwrap{display:block;flex:none;padding:12px 28px 0}
  .wk-lpb.wk-lpb.wk-lpb .pick-h{display:flex;justify-content:space-between;align-items:baseline;font-size:16px;color:var(--t2);margin-bottom:6px}
  .wk-lpb.wk-lpb.wk-lpb .pick-h b{color:var(--ink);font-size:18px}
  .wk-lpb.wk-lpb.wk-lpb .pick-h .sz{font-size:14px;color:var(--t3)}
  .wk-lpb.wk-lpb.wk-lpb .grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:98px;gap:8px;align-content:start;height:214px;overflow-y:auto;padding:4px 2px 6px;scrollbar-width:thin;border-bottom:2px solid var(--ink)}
  .wk-lpb.wk-lpb.wk-lpb .grid .pick{flex:none;height:98px;width:auto;padding:5px 4px 3px}
  .wk-lpb.wk-lpb.wk-lpb .grid .pick.is-add{display:none}
  .wk-lpb.wk-lpb.wk-lpb .grid .pick .sk{--h:56px}
  .wk-lpb.wk-lpb.wk-lpb .grid .pick span{font-size:11px}
  .wk-lpb.wk-lpb.wk-lpb .bar{position:static;flex:none;margin-top:auto;border-top:2px solid var(--ink);padding:12px 28px}
  .wk-lpb.wk-lpb.wk-lpb .lpb-msg{left:auto;right:28px;bottom:110px;max-width:420px}
  .wk-lpb.wk-lpb.wk-lpb .w{padding:0 40px}
  .wk-lpb.wk-lpb.wk-lpb .blk{padding:22px 0 30px}
  .wk-lpb.wk-lpb.wk-lpb h2{font-size:34px}
  .wk-lpb.wk-lpb.wk-lpb .two{margin-top:22px;gap:56px}
  .wk-lpb.wk-lpb.wk-lpb .two .sk{--h:190px}
  .wk-lpb.wk-lpb.wk-lpb .prints{grid-template-columns:repeat(3,300px);justify-content:center;gap:40px;padding-top:36px}
  .wk-lpb.wk-lpb.wk-lpb .print{padding:8px 8px 6px}
  .wk-lpb.wk-lpb.wk-lpb .print figcaption{font-size:15px;padding-top:8px}
  .wk-lpb.wk-lpb.wk-lpb .wear{text-align:center}
  .wk-lpb.wk-lpb.wk-lpb .wear-t{margin-top:22px}
  .wk-lpb.wk-lpb.wk-lpb .wear-t p{margin-left:auto;margin-right:auto}
  .wk-lpb.wk-lpb.wk-lpb .gtags{gap:40px;padding:34px 20px 0}
  .wk-lpb.wk-lpb.wk-lpb .gtag blockquote{font-size:19px}
  .wk-lpb.wk-lpb.wk-lpb .sheet{align-items:center}
  .wk-lpb.wk-lpb.wk-lpb .sheet-in{border-bottom:2px solid var(--ink);border-radius:22px}
}

.in-ponozky-pod-stromecek .wk-lpb.wk-lpb.wk-lpb{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}