.shpg-in{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:clamp(36px,5vw,90px);align-items:end}.oi-hr{display:grid;gap:14px;animation:fade-up 1s var(--ease) .7s both}.oi-hr-h{display:flex;align-items:center;gap:10px;color:#fff;font:700 15px/1.2 var(--ff-h)}.oi-hr-h>span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#f2c14e29;border:1px solid rgba(242,193,78,.35);color:#f2c14e;font-size:26px;--sw:1.3px}.oi-dk{position:relative;height:178px}.oi-dk li{position:absolute;inset:0 0 auto;display:grid;align-content:start;gap:10px;height:150px;padding:20px 22px;border-radius:18px;background:#fff;color:var(--ink);box-shadow:0 20px 40px -24px #000000b3;transform-origin:50% 100%;transform:translateY(calc(var(--d,0) * 12px)) scale(calc(1 - var(--d,0) * .05));opacity:calc(1 - var(--d,0) * .25);z-index:calc(10 - var(--d,0));transition:transform .6s var(--ease),opacity .5s}.oi-dk li[data-d="3"]{opacity:0}.oi-dk li.out{transform:translate(-120%,-6px) rotate(-8deg);opacity:0;transition:transform .55s cubic-bezier(.5,0,.75,0),opacity .45s .1s}.oi-dk small{justify-self:start;padding:5px 9px;border-radius:7px;background:var(--blue-l);color:var(--blue);font:800 12px/1 var(--ff-h)}.oi-dk b{font:700 18px/1.35 var(--ff-h)}.oi-hr-f{display:flex;align-items:center;gap:8px;font:600 13.5px/1.3 var(--ff-h);color:#ffffffdb}.oi-hr-f .i{width:18px;height:18px;padding:3px;border-radius:50%;background:#f2c14e;color:#00104c}.oi-ex{display:grid;gap:16px}.oi-sc{justify-self:end;font:700 14px/1 var(--ff-h);color:var(--ink2)}.oi-sc b{font-size:22px;color:var(--blue);font-variant-numeric:tabular-nums}.oi-cs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.oi-c{display:grid;grid-template-rows:auto 1fr auto auto;gap:12px;padding:18px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1);transition:border-color .3s,background-color .3s}.oi-c-n{font:800 12px/1 var(--ff-h);letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}.oi-c-t{font-size:15px;line-height:1.55;color:var(--ink)}.oi-c-b{display:grid;gap:6px}.oi-c-b button{padding:9px 10px;border-radius:10px;border:1px solid var(--line);background:var(--bg2);font:700 13.5px/1 var(--ff-h);color:var(--ink2);transition:background-color .2s,border-color .2s,color .2s}.oi-c-b button:hover{border-color:var(--blue);color:var(--blue)}.oi-c-x{display:none;font-size:13.5px;line-height:1.5}.oi-c.done .oi-c-x{display:block;animation:fade-up .4s var(--ease)}.oi-c.done .oi-c-b button{pointer-events:none;opacity:.45}.oi-c.done .oi-c-b button.ok{opacity:1;background:#15803d;border-color:#15803d;color:#fff}.oi-c.done .oi-c-b button.no{opacity:1;background:#fee2e2;border-color:#fca5a5;color:#991b1b}.oi-c.right{border-color:#86efac;background:#f6fef9}.oi-c.right .oi-c-x{color:#14532d}.oi-c.wrong{border-color:#fca5a5;background:snow}.oi-c.wrong .oi-c-x{color:#7f1d1d}.oi-pl{display:grid;gap:18px}.oi-tb{display:inline-flex;justify-self:start;gap:6px;padding:5px;border-radius:14px;background:#fff;border:1px solid var(--line)}.oi-tb button{display:inline-flex;align-items:center;gap:8px;padding:8px 16px 8px 8px;border-radius:10px;font:700 15px/1 var(--ff-h);color:var(--ink2);transition:background-color .2s,color .2s}.oi-tb button span{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--blue-l);color:var(--blue);font-size:24px;--sw:1.3px}.oi-tb button[aria-pressed=true]{background:var(--blue);color:#fff}.oi-tb button[aria-pressed=true] span{background:#ffffff2e;color:#fff}.oi-pcs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.oi-pc{display:grid;grid-template-rows:auto 1fr;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:var(--sh-1);overflow:hidden}.oi-pc-h{display:grid;gap:2px;padding:16px 20px;color:#fff}.oi-pc:nth-child(1) .oi-pc-h{background:#0c46ea}.oi-pc:nth-child(2) .oi-pc-h{background:#15803d}.oi-pc:nth-child(3) .oi-pc-h{background:#b45309}.oi-pc-h b{font:800 18px/1.2 var(--ff-h)}.oi-pc-h small{font-size:13px;opacity:.85}.oi-pc-b{display:grid;padding:20px}.oi-pc-t{grid-area:1/1;display:grid;align-content:start;gap:10px;font-size:15.5px;line-height:1.45;color:var(--ink);opacity:0;transform:translateY(8px);transition:opacity .35s,transform .45s var(--ease)}.oi-pc-t li{display:flex;gap:10px}.oi-pc-t .i{flex:none;width:20px;height:20px;padding:3px;border-radius:6px;background:var(--bg2);color:var(--ink2)}.oi-pcs[data-p=sklad] .oi-pc-t[data-p=sklad],.oi-pcs[data-p=tseh] .oi-pc-t[data-p=tseh],.oi-pcs[data-p=ofis] .oi-pc-t[data-p=ofis]{opacity:1;transform:none;transition-delay:calc(var(--k) * .08s)}@media (max-width:1180px){.shpg-in{grid-template-columns:minmax(0,1fr);align-items:start}.oi-hr{max-width:400px}.oi-cs{grid-template-columns:repeat(2,minmax(0,1fr))}.oi-pcs{grid-template-columns:minmax(0,1fr)}}@media (max-width:760px){.oi-cs{grid-template-columns:minmax(0,1fr)}.oi-tb{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));justify-self:stretch}.oi-tb button{flex-direction:column;padding:8px;gap:6px;font-size:13.5px}.oi-dk b{font-size:16px}}@media (prefers-reduced-motion:reduce){.oi-dk li{transition:none}}