.yk *{box-sizing:border-box;margin:0;padding:0}.yk{transition:color .6s;height:100%;overflow:hidden;font-family:Helvetica Neue,Arial,sans-serif;color:#f3efe9}.yk #bg{z-index:0;transition:background .9s ease}.yk #bg,.yk #name{position:fixed;inset:0}.yk #name{z-index:1;display:flex;align-items:center;justify-content:center;pointer-events:none}.yk #name span{font-size:16vw;font-weight:800;letter-spacing:.01em;text-transform:uppercase;color:rgba(255,255,255,.08);white-space:nowrap;line-height:1}.yk #c{position:fixed;inset:0;z-index:2;display:block}.yk .brand{top:26px;left:30px;font-size:13px;letter-spacing:.34em;text-transform:uppercase;opacity:.9}.yk .brand,.yk .lead{position:fixed;z-index:4;pointer-events:none}.yk .lead{top:24px;font-size:20px;font-weight:300;letter-spacing:.06em;opacity:.82}.yk .hint,.yk .lead{left:0;right:0;text-align:center}.yk .hint{position:fixed;bottom:118px;z-index:4;font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;opacity:.4;pointer-events:none}.yk .dock{position:fixed;left:0;right:0;bottom:40px;z-index:5;display:flex;gap:20px;justify-content:center;align-items:center;flex-wrap:wrap;padding:0 16px}.yk .sw{width:34px;height:34px;border-radius:50%;cursor:pointer;border:1px solid rgba(255,255,255,.25);box-shadow:0 2px 12px rgba(0,0,0,.5);opacity:.55;transition:opacity .25s,transform .25s;position:relative}.yk .sw:hover{opacity:.95;transform:translateY(-3px) scale(1.05)}.yk .sw.active{opacity:1;transform:translateY(-2px) scale(1.08)}.yk .sw.active:after{content:"";position:absolute;inset:-6px;border:1px solid rgba(255,255,255,.9);border-radius:50%}.yk .cta{position:fixed;right:28px;top:22px;z-index:6;background:rgba(255,255,255,.95);color:#1a1a1a;border:none;border-radius:999px;padding:12px 26px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:transform .2s}.yk .cta:hover{transform:scale(1.04)}.yk #load{position:fixed;inset:0;z-index:9;display:flex;align-items:center;justify-content:center;background:#17110f;color:#e8ddd0;font-size:13px;letter-spacing:.2em;text-transform:uppercase}.yk.light{color:#3b2d20}.yk.light #name span{color:rgba(90,60,30,.1)}.yk.light .sw{border-color:rgba(60,40,20,.25)}.yk.light .sw.active:after{border-color:rgba(60,40,20,.8)}.yk.light .cta{background:#3b2d20;color:#f6eee2}.yk .ghost{width:46px;height:46px;margin:-23px 0 0 -23px;color:#fff;opacity:.55;filter:drop-shadow(0 4px 10px rgba(0,0,0,.5))}.yk .ghost.ok{transform:scale(1.15)}.yk .ghost svg{width:100%;height:100%}.yk.light .ghost{color:#3b2d20}.yk .hint2{position:fixed;left:0;right:0;bottom:44px;text-align:center;font-size:11px;letter-spacing:.18em;text-transform:uppercase;opacity:0;transition:opacity .4s;pointer-events:none;z-index:5}.yk.stage2 .hint2{opacity:.55}.yk .items{position:fixed;top:50%;transform:translateY(-50%);z-index:6;display:flex;flex-direction:column;gap:26px;opacity:0;pointer-events:none;transition:opacity .6s}.yk #itemsL{left:4vw}.yk #itemsR{right:4vw}.yk.stage2 .items{opacity:1;pointer-events:auto}.yk .fitem{position:relative;width:96px;height:96px;cursor:-webkit-grab;cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;animation:floaty 4s ease-in-out infinite}.yk .fitem:active{cursor:-webkit-grabbing;cursor:grabbing}.yk .fitem img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,0,0,.35));transition:transform .25s;pointer-events:none}.yk .fitem:hover img{transform:scale(1.12)}.yk .fitem .tip{position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;font-size:11px;letter-spacing:.06em;opacity:0;transition:opacity .2s;pointer-events:none;padding:5px 10px;border-radius:999px;background:rgba(0,0,0,.45);color:#fff}.yk .fitem .tip em{font-style:normal;opacity:.7}.yk #itemsL .tip{left:104px}.yk #itemsR .tip{right:104px}.yk .fitem:hover .tip{opacity:1}.yk .fitem.on:after{content:"увімкнено";bottom:-14px;font-size:9px;letter-spacing:.14em;text-transform:uppercase;opacity:.85}.yk .bsz,.yk .fitem.on:after{position:absolute;left:50%;transform:translateX(-50%)}.yk .bsz{bottom:-18px;display:flex;gap:4px}.yk .bsz button{font-size:9px;width:22px;height:18px;border-radius:6px;border:1px solid;background:none;color:inherit;cursor:pointer;opacity:.5;padding:0}.yk .bsz button.on{opacity:1}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.yk .ghost{position:fixed;z-index:20;width:84px;height:84px;margin:-42px 0 0 -42px;pointer-events:none;opacity:.5;transition:opacity .15s,transform .15s;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,0,0,.45))}.yk .ghost.ok{opacity:1;transform:scale(1.1)}.yk #bubble{position:fixed;z-index:8;transform:translate(-50%,-100%);display:none;gap:6px;padding:6px;border-radius:999px;background:rgba(20,20,20,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.yk #bubble.show{display:flex}.yk #bubble button{width:30px;height:30px;border-radius:50%;border:none;background:rgba(255,255,255,.12);color:#fff;font-size:15px;cursor:pointer}.yk #bubble button:hover{background:rgba(255,255,255,.28)}.yk #bubble.strand [data-act=bigger],.yk #bubble.strand [data-act=smaller]{display:none}.yk #s2bar{position:fixed;left:50%;bottom:34px;transform:translateX(-50%);z-index:6;display:flex;align-items:center;gap:28px;opacity:0;pointer-events:none;transition:opacity .5s}.yk.stage2 #s2bar{opacity:1;pointer-events:auto}.yk #sizes{display:flex;align-items:center;gap:8px}.yk #sizes button{min-width:40px;height:34px;border-radius:999px;border:1px solid;background:none;color:inherit;font-size:12px;letter-spacing:.08em;cursor:pointer;opacity:.55;transition:all .2s}.yk #sizes button.on{background:rgba(255,255,255,.16)}.yk.light #sizes button.on{background:rgba(60,40,20,.1)}.yk .lbl{font-size:10px;letter-spacing:.2em;text-transform:uppercase;opacity:.6;margin-right:4px}.yk #price{display:flex;align-items:baseline;gap:10px}.yk #priceVal{font-size:24px;font-weight:600;letter-spacing:.02em}.yk .hint2{bottom:auto!important;top:78px}.yk.hinted .hint2{opacity:0!important}.yk.stage2 #name span{opacity:.6}@media (max-width:760px){.yk .items{top:auto;bottom:110px;transform:none;flex-direction:row;gap:6px}.yk #itemsL{left:6px}.yk #itemsR{right:6px}.yk .fitem{width:52px;height:52px}.yk .fitem .tip{display:none}.yk #s2bar{flex-direction:column;gap:8px;bottom:14px}}.yk .cta{text-decoration:none;display:inline-block}.yk.stage2 .dock{opacity:0;pointer-events:none}.yk #leftbar,.yk .dock{transition:opacity .4s}.yk #leftbar{position:fixed;left:28px;bottom:36px;z-index:6;display:flex;gap:10px;opacity:0;pointer-events:none}.yk.stage2 #leftbar{opacity:1;pointer-events:auto}.yk .sbtn{background:none;border:1px solid;color:inherit;border-radius:999px;padding:10px 18px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;opacity:.75}.yk .sbtn:hover{opacity:1}.yk .cta2{position:fixed;right:28px;bottom:32px;z-index:7;background:rgba(255,255,255,.96);color:#1a1a1a;border:none;border-radius:999px;padding:14px 28px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:opacity .4s,transform .2s}.yk .cta2:hover{transform:scale(1.04)}.yk.light .cta2{background:#3b2d20;color:#f6eee2}.yk #order{opacity:0;pointer-events:none}.yk.stage2 #order{opacity:1;pointer-events:auto}.yk.stage2 #next{opacity:0;pointer-events:none}.yk #orderPrice{font-weight:700}.yk #toast{position:fixed;left:50%;bottom:96px;transform:translateX(-50%);z-index:9;background:rgba(0,0,0,.75);color:#fff;padding:12px 22px;border-radius:999px;font-size:13px;opacity:0;transition:opacity .3s;pointer-events:none}.yk #toast.show{opacity:1}@media (max-width:760px){.yk #leftbar{left:10px;bottom:12px}.yk .cta2{right:10px;bottom:12px;padding:12px 18px}}.yk #topr .cta{border:1px solid rgba(255,255,255,.18)}.yk.light #topr .cta{border-color:rgba(60,40,20,.14)}.yk #profile{border:1px solid rgba(255,255,255,.18)}.yk.light #profile{border-color:rgba(60,40,20,.14)}.yk #sizes button{border:none!important;width:42px;height:42px;min-width:0;border-radius:50%!important;background:rgba(255,255,255,.12);opacity:.85}.yk #sizes button.on{background:rgba(255,255,255,.92)!important;color:#1a1a1a;opacity:1}.yk.light #sizes button{background:rgba(60,40,20,.08)}.yk.light #sizes button.on{background:#3b2d20!important;color:#f6eee2}.yk #sizes button:hover,.yk .cta2:hover,.yk .cta:hover,.yk .sbtn:hover,.yk .sw.active,.yk .sw:hover{transform:none!important}.yk .sw:hover{opacity:.9}.yk #selrect{position:fixed;z-index:8;display:none;border:1px dashed rgba(255,255,255,.75);border-radius:8px;pointer-events:none}.yk #selrect.show{display:block}.yk.light #selrect{border-color:rgba(60,40,20,.6)}.yk #seldel{right:-12px;top:-12px;width:24px;height:24px;border-radius:50%;border:none;background:rgba(20,20,20,.8);color:#fff;font-size:12px;cursor:pointer}.yk #hdl,.yk #seldel{position:absolute;pointer-events:auto}.yk #hdl{right:-8px;bottom:-8px;width:16px;height:16px;border-radius:4px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.4);cursor:nwse-resize;touch-action:none}.yk #selrect.strand #hdl{display:none}.yk{inset:0;z-index:0}.yk,.yk #topr{position:fixed}.yk #topr{right:28px;top:22px;z-index:7;display:flex;align-items:center;gap:10px}.yk #topr .cta{position:static;border:none;background:rgba(255,255,255,.16);color:inherit;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);text-decoration:none}.yk.light #topr .cta{background:rgba(60,40,20,.08);color:inherit}.yk #profile{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:inherit;border:none;cursor:pointer;background:rgba(255,255,255,.16);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.yk #profile.in{background:rgba(255,255,255,.92);color:#1a1a1a}.yk.light #profile{background:rgba(60,40,20,.08)}.yk.light #profile.in{background:#3b2d20;color:#f6eee2}.yk #profile svg{width:20px;height:20px}@media (max-width:760px){.yk .brand{top:20px;left:14px;font-size:10px;letter-spacing:.22em}.yk #topr{top:12px;right:12px;gap:8px}.yk #topr .cta{padding:10px 16px;font-size:10px}.yk #profile{width:36px;height:36px}.yk #profile svg{width:17px;height:17px}.yk .dock{bottom:84px!important;gap:12px!important}.yk .sw{width:30px;height:30px}.yk #next{left:50%;right:auto;transform:translateX(-50%);bottom:20px;padding:13px 34px}.yk #next:hover{transform:translateX(-50%)!important}.yk .hint2{top:62px!important;font-size:9px;letter-spacing:.12em;padding:0 18px;line-height:1.5}.yk #leftbar{top:96px;bottom:auto;left:12px;gap:6px}.yk .sbtn{padding:7px 12px;font-size:9px}.yk .items{top:auto!important;transform:none!important;left:0!important;right:0!important;justify-content:center;flex-direction:row!important;gap:10px!important}.yk #itemsL{bottom:206px}.yk #itemsR{bottom:142px}.yk .fitem{width:50px!important;height:50px!important;animation:none}.yk .fitem .tip{display:none}.yk .bsz{bottom:-15px}.yk .bsz button{width:18px;height:14px;font-size:8px}.yk #s2bar{bottom:80px!important;flex-direction:row!important}.yk #sizes .lbl{display:none}.yk #sizes button{width:36px!important;height:36px!important;font-size:11px}.yk #order{left:12px;right:12px;bottom:16px;text-align:center}.yk #order:hover{transform:none!important}.yk #toast{bottom:140px}}.yk #c{width:100%!important;height:100%!important;max-width:100vw;max-height:100dvh;touch-action:none}