[data-g=kach]{--gc:#3d74ff}[data-g=hrani]{--gc:#2fa36b}[data-g=zbut]{--gc:#f08a24}[data-g=okolna]{--gc:#22a35a}[data-g=sig]{--gc:#8e5cc7}[data-g=esg]{--gc:#e0a51f}.shpg-in{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:clamp(36px,5vw,90px);align-items:end}.hub-sum{display:grid;gap:14px;padding:20px 22px;border-radius:20px;background:#00104cb8;border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;box-shadow:0 30px 60px -30px #000000b3;animation:fade-up 1s var(--ease) .7s both}.hub-sum-h{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.12)}.hub-sum-i{display:grid;place-items:center;flex:none;width:46px;height:46px;border-radius:13px;background:#f2c14e24;border:1px solid rgba(242,193,78,.3);color:#f2c14e;font-size:30px;--sw:1.3px}.hub-sum-h small{display:block;font:600 11px/1.2 var(--ff);letter-spacing:.08em;text-transform:uppercase;color:#f2c14e;margin-bottom:4px}.hub-sum-h b{font:700 16.5px/1.2 var(--ff-h)}.hub-bars{display:grid;gap:9px}.hub-bars li{display:grid;grid-template-columns:165px minmax(0,1fr) 22px;align-items:center;gap:10px;font-size:13px;color:#ffffffd9}.hub-bars li>i{height:8px;border-radius:4px;background:#ffffff1a;overflow:hidden}.hub-bars li>i>i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#3d74ff,#f2c14e);transform-origin:left;transform:scaleX(0);animation:hub-bar .9s cubic-bezier(.3,1,.4,1) forwards;animation-delay:calc(1.1s + var(--k) * .12s);width:calc(var(--v) * 100%)}@keyframes hub-bar{to{transform:none}}.hub-bars b{font:800 15px/1 var(--ff-h);text-align:right}.hub-pw{display:grid;grid-template-columns:250px minmax(0,1fr) minmax(0,.9fr);gap:18px;align-items:start}.hub-pks{display:grid;gap:6px}.hub-pk{display:flex;align-items:center;gap:10px;padding:8px 12px 8px 8px;border-radius:13px;border:1px solid var(--line);background:#fff;font:700 14.5px/1.2 var(--ff-h);color:var(--ink);text-align:left;transition:background-color .2s,border-color .2s,color .2s,transform .3s var(--ease)}.hub-pk:hover{border-color:var(--blue);transform:translate(3px)}.hub-pk-i{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:10px;background:var(--blue-l);color:var(--blue);font-size:26px;--sw:1.3px;transition:background-color .2s,color .2s}.hub-pk[aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:#fff}.hub-pk[aria-pressed=true] .hub-pk-i{background:#ffffff24;color:#f2c14e}.hub-mos{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:16px;border-radius:22px;background:#00104c;box-shadow:var(--sh-2)}.hub-m{display:grid;place-items:center;min-height:52px;padding:6px 4px;border-radius:10px;background:color-mix(in srgb,var(--gc) 24%,#0a1a5e);border:1px solid color-mix(in srgb,var(--gc) 40%,transparent);font:700 11.5px/1.15 var(--ff-h);text-align:center;color:#ffffffe6;transition:opacity .4s,transform .45s cubic-bezier(.3,1.5,.5,1),background-color .35s,box-shadow .35s}.hub-mos.pick .hub-m{opacity:.22;transform:scale(.92)}.hub-mos.pick .hub-m.on{opacity:1;transform:scale(1.06);background:var(--gc);color:#fff;box-shadow:0 0 0 2px #fff,0 10px 22px -8px var(--gc)}.hub-m:hover{opacity:1!important}.hub-recs{display:grid;padding:20px 22px;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:var(--sh-2)}.hub-rec{grid-area:1/1;display:grid;gap:10px;align-content:start;opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s}.hub-rec.on{opacity:1;visibility:visible;transition:opacity .3s}.hub-rec-h{font:700 12px/1 var(--ff);letter-spacing:.1em;text-transform:uppercase;color:var(--blue)}.hub-rec ul{display:grid;gap:6px}.hub-rec a{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 8px;align-items:baseline;padding:10px 12px;border-radius:12px;background:var(--bg2);border:1px solid transparent;transition:border-color .2s,background-color .2s}.hub-rec a:hover{border-color:var(--blue);background:var(--blue-ll)}.hub-rec b{font:800 15px/1.2 var(--ff-h);color:var(--blue)}.hub-rec em{justify-self:start;padding:2px 7px;border-radius:6px;background:#fdecea;color:#b42318;font:700 11px/1.3 var(--ff-h);font-style:normal}.hub-rec small{grid-column:1/-1;font-size:13.5px;line-height:1.45;color:var(--ink2)}.hub-rec.on li{animation:hub-in .45s var(--ease) both}.hub-rec.on li:nth-child(2){animation-delay:.06s}.hub-rec.on li:nth-child(3){animation-delay:.12s}.hub-rec.on li:nth-child(4){animation-delay:.18s}.hub-rec.on li:nth-child(5){animation-delay:.24s}.hub-rec.on li:nth-child(6){animation-delay:.3s}@keyframes hub-in{0%{opacity:0;transform:translate(8px)}}.hub-s{display:flex;align-items:center;gap:8px;width:min(420px,100%);padding:10px 14px;border-radius:14px;border:1.5px solid var(--line2);background:#fff;transition:border-color .2s,box-shadow .2s}.hub-s:focus-within{border-color:var(--blue);box-shadow:0 0 0 4px #0c46ea1a}.hub-s-i .i{width:18px;height:18px;color:var(--blue)}.hub-s input{flex:1;min-width:0;border:0;outline:0;background:none;font:500 15px var(--ff);color:var(--ink)}.hub-s-n{font-size:12.5px;color:var(--mut);white-space:nowrap}.hub-gs{display:grid;gap:clamp(28px,3vw,40px)}.hub-g{scroll-margin-top:calc(var(--hdr) + 80px)}.hub-g[hidden]{display:none}.hub-g-h{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin-bottom:14px;padding-bottom:12px;border-bottom:2px solid var(--gc)}.hub-g-i{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:color-mix(in srgb,var(--gc) 14%,#fff);color:var(--gc);font-size:32px;--sw:1.3px}.hub-g-h h3{font:800 clamp(20px,1.8vw,24px)/1.2 var(--ff-h);color:var(--ink)}.hub-g-h p{font-size:14px;color:var(--ink2)}.hub-g-n{display:grid;place-items:center;min-width:40px;height:40px;padding:0 10px;border-radius:12px;background:var(--gc);color:#fff;font:800 17px/1 var(--ff-h)}.hub-g,#kach{--gc:#3d74ff}#hrani{--gc:#2fa36b}#zbut{--gc:#f08a24}#okolna{--gc:#22a35a}#sig{--gc:#8e5cc7}#esg{--gc:#e0a51f}.hub-cs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.hub-cs li[hidden]{display:none}.hub-c{position:relative;display:grid;align-content:start;gap:3px;height:100%;padding:16px 42px 16px 16px;border-radius:15px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--gc);transition:border-color .25s,box-shadow .25s,transform .35s var(--ease)}.hub-c:hover{box-shadow:var(--sh-2);transform:translateY(-3px)}.hub-c-c{font:800 16.5px/1.2 var(--ff-h);color:var(--ink)}.hub-c-n{font:600 13.5px/1.3 var(--ff-h);color:var(--gc);filter:saturate(1.2) brightness(.8)}.hub-c-d{margin-top:6px;font-size:13px;line-height:1.5;color:var(--ink2)}.hub-c .i{position:absolute;right:14px;top:18px;width:18px;height:18px;color:var(--blue);transition:transform .3s var(--ease)}.hub-c:hover .i{transform:translate(4px)}.hub-none{margin-top:18px;font-size:15px;color:var(--ink2)}.hub-none a{color:var(--blue);font-weight:600}@media (max-width:1180px){.shpg-in{grid-template-columns:minmax(0,1fr);align-items:start}.hub-sum{max-width:420px}.hub-pw{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hub-pks{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr))}.hub-cs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.hub-bars li{grid-template-columns:120px minmax(0,1fr) 20px;font-size:12px}.hub-pw{grid-template-columns:minmax(0,1fr)}.hub-pks{grid-template-columns:repeat(2,minmax(0,1fr))}.hub-pk{font-size:12.5px;gap:8px;padding:6px 8px 6px 6px;min-width:0;overflow-wrap:anywhere}.hub-pk-i{width:30px;height:30px;font-size:20px}.hub-mos{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:10px}.hub-m{min-height:40px;font-size:9.5px;border-radius:7px}.hub-cs{grid-template-columns:minmax(0,1fr)}.hub-g-h{grid-template-columns:auto minmax(0,1fr)}.hub-g-n{display:none}}@media (prefers-reduced-motion:reduce){.hub-bars li>i>i{animation:none;transform:none}.hub-rec.on li{animation:none}}