.support-center{display:grid;gap:22px}.support-hero{background:linear-gradient(135deg,#075fd1 0%,#084fae 55%,#062e70 100%);border-radius:24px;padding:34px 38px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:30px;box-shadow:0 18px 45px rgba(7,95,209,.22);overflow:hidden;position:relative}.support-hero:after{content:"";position:absolute;width:340px;height:340px;border-radius:50%;background:rgba(255,255,255,.07);right:-110px;top:-150px}.support-eyebrow{font-size:12px;font-weight:800;letter-spacing:.14em;color:#b9d9ff}.support-hero h2{font-size:32px;margin:7px 0}.support-hero p{margin:0 0 22px;color:#dbeafe}.support-search{width:min(620px,62vw);height:54px;background:#fff;border-radius:14px;display:flex;align-items:center;gap:12px;padding:0 15px;color:#667085;box-shadow:0 8px 24px #001b4c44}.support-search input{border:0;outline:0;flex:1;font:inherit;font-size:15px}.support-search kbd{background:#f1f5f9;border:1px solid #dbe2ea;border-radius:6px;padding:4px 7px;font-size:11px}.support-hero-art{min-width:210px;position:relative;z-index:1;text-align:center;display:grid;justify-items:center}.support-hero-art>span{display:grid;place-items:center;width:84px;height:84px;border-radius:25px;background:linear-gradient(145deg,#ff9b21,#ff7600);font-size:48px;font-weight:900;box-shadow:0 15px 35px #001b4c66}.support-hero-art b{margin-top:12px}.support-hero-art small{color:#b9d9ff;margin-top:3px}.support-actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.support-action{background:#fff;border:1px solid #e6eaf0;border-radius:18px;padding:20px;text-align:left;cursor:pointer;display:grid;gap:5px;transition:.2s;box-shadow:0 5px 16px rgba(15,23,42,.04)}.support-action:hover{transform:translateY(-2px);border-color:#9dc8ff;box-shadow:0 12px 28px rgba(7,95,209,.1)}.support-action span{font-size:26px}.support-action b{font-size:15px}.support-action small{color:#667085}.support-action.primary{background:#fff7ed;border-color:#fed7aa}.support-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px}.support-main{min-width:0}.support-main select{max-width:220px}.support-articles{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.support-article{border:1px solid #e6eaf0;border-radius:15px;background:#fff;padding:17px;text-align:left;display:grid;grid-template-columns:42px 1fr 15px;gap:12px;align-items:start;cursor:pointer;transition:.18s}.support-article:hover{border-color:#86baf7;background:#f8fbff}.support-article>span{font-size:25px}.support-article small,.support-article b,.support-article p{display:block}.support-article small{color:#075fd1;font-weight:800;text-transform:uppercase;font-size:10px;letter-spacing:.08em}.support-article b{margin:4px 0 5px}.support-article p{margin:0;color:#667085;font-size:13px;line-height:1.45}.support-article i{font-style:normal;font-size:25px;color:#98a2b3}.support-side{display:grid;gap:16px;align-content:start}.support-contact{text-align:center;padding:25px}.online-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#45bd55;box-shadow:0 0 0 5px #dcfce7;margin-bottom:12px}.support-contact>small{display:block;color:#16a34a;font-weight:800;font-size:10px;letter-spacing:.1em}.support-contact h3{font-size:20px;margin:10px 0 6px}.support-contact p{color:#667085;line-height:1.5}.support-contact .btn{width:100%;margin:8px 0 18px}.support-contact-meta{border-top:1px solid #edf0f3;padding-top:15px;display:grid;gap:6px;color:#667085;font-size:12px}.support-tips p{font-size:13px;color:#667085;line-height:1.5}.support-tips p b{color:#075fd1}.support-ticket-list{scroll-margin-top:20px}.support-ticket{display:grid;grid-template-columns:42px 1fr auto;gap:13px;align-items:center;padding:15px 0;border-top:1px solid #edf0f3}.ticket-icon{width:40px;height:40px;border-radius:12px;background:#eff6ff;display:grid;place-items:center}.support-ticket strong,.support-ticket small{display:block}.support-ticket small{color:#667085;margin-top:3px}.ticket-status{font-size:12px;font-weight:800;color:#067647;background:#ecfdf3;border-radius:99px;padding:6px 10px}.help-detail{text-align:left}.help-detail-icon{font-size:40px}.help-detail>small{display:block;color:#075fd1;font-weight:800;text-transform:uppercase;margin-top:8px}.help-detail h2{margin:6px 0}.help-detail>p{color:#667085}.help-steps{display:grid;gap:10px;margin:20px 0}.help-steps>div{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;background:#f8fafc;border-radius:12px;padding:11px}.help-steps span{width:30px;height:30px;border-radius:9px;background:#075fd1;color:#fff;display:grid;place-items:center;font-weight:800}.help-steps p{margin:0}.nav button[data-page="support"] span{background:#eaf3ff;color:#075fd1;border-radius:8px;font-weight:900}
@media(max-width:1100px){.support-actions-grid{grid-template-columns:1fr 1fr}.support-layout{grid-template-columns:1fr}.support-side{grid-template-columns:1fr 1fr}.support-search{width:100%}}
@media(max-width:700px){.support-hero{padding:25px 20px}.support-hero h2{font-size:25px}.support-hero-art{display:none}.support-actions-grid,.support-articles,.support-side{grid-template-columns:1fr}.support-main .section-head{align-items:flex-start}.support-main select{width:100%;max-width:none}.support-ticket{grid-template-columns:42px 1fr}.ticket-status{grid-column:2;justify-self:start}.support-search kbd{display:none}}

/* JaMaZi 5.4.3 – animované návody v Centru podpory */
.help-detail-heading{display:grid;grid-template-columns:58px minmax(0,1fr);gap:16px;align-items:start}.help-detail-heading .help-detail-icon{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,#eef6ff,#e9fff0);font-size:30px}.help-detail-heading small{display:block;color:#075fd1;font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.help-detail-heading h2{margin:5px 0 6px}.help-detail-heading p{margin:0;color:#667085;line-height:1.5}.help-steps-title{margin:24px 0 10px;font-size:16px}
.help-animation{margin:22px 0 8px;border:1px solid #dbe8f6;border-radius:20px;overflow:hidden;background:linear-gradient(180deg,#f8fbff,#f1f7fd);box-shadow:0 13px 34px rgba(7,51,112,.10)}.help-animation-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-bottom:1px solid #dbe8f6;background:#fff}.help-animation-head div{display:grid;gap:2px}.help-animation-head span{font-size:9px;font-weight:900;letter-spacing:.12em;color:#16834e}.help-animation-head b{font-size:14px;color:#10284a}.help-replay{border:1px solid #c9dcef;background:#f7fbff;color:#075fd1;border-radius:9px;padding:7px 10px;font:800 11px inherit;cursor:pointer}.help-replay:hover{background:#eaf4ff}.help-animation-caption{margin:0;padding:10px 15px;color:#667085;font-size:11px;background:#fff;border-top:1px solid #e4edf6}
.help-demo{margin:17px;border-radius:14px;overflow:hidden;background:#fff;border:1px solid #cfdcea;box-shadow:0 13px 30px rgba(13,47,89,.14);position:relative}.help-demo-top{height:31px;background:#0c2447;display:flex;align-items:center;gap:5px;padding:0 11px;color:#fff}.help-demo-top i{width:7px;height:7px;border-radius:50%;background:#fff;opacity:.45}.help-demo-top strong{font-size:10px;margin-left:7px;letter-spacing:.04em}.help-demo-body{display:grid;grid-template-columns:112px minmax(0,1fr);min-height:245px;position:relative;overflow:hidden}.help-demo-body aside{background:linear-gradient(180deg,#102a50,#0c3761);color:#d9e9fa;padding:14px 9px;display:grid;align-content:start;gap:7px}.help-demo-body aside b{color:#fff;font-size:13px;margin-bottom:7px}.help-demo-body aside span{font-size:8px;padding:7px 8px;border-radius:6px;opacity:.72}.help-demo-body aside .demo-menu-active{background:linear-gradient(90deg,#0875e6,#26b45b);color:#fff;opacity:1;font-weight:800}.help-demo-body main{padding:17px;background:#f5f8fc;min-width:0}.demo-title{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #dae4ef;padding-bottom:10px}.demo-title span{font-size:13px;font-weight:900;color:#142b4b}.demo-title em{font-style:normal;font-size:7px;color:#75849a;background:#fff;border:1px solid #dbe4ee;padding:4px 6px;border-radius:99px}.demo-form{display:grid;gap:9px;margin-top:12px}.demo-field{position:relative;background:#fff;border:1px solid #d7e2ee;border-radius:8px;padding:9px 10px;opacity:.42;transform:translateY(5px);overflow:hidden}.demo-field small{display:block;color:#8492a6;font-size:7px}.demo-field strong{display:block;color:#183454;font-size:9px;margin-top:3px}.demo-field i{position:absolute;left:0;bottom:0;height:2px;width:0;background:linear-gradient(90deg,#0875e6,#27b45b)}.demo-save{justify-self:end;margin-top:2px;border:0;border-radius:7px;background:linear-gradient(90deg,#0875e6,#27b45b);color:#fff;padding:8px 11px;font-size:8px;font-weight:900;opacity:.45;transform:scale(.96)}.demo-cursor{position:absolute;z-index:8;left:76%;top:22%;font-size:23px;color:#0d67ce;text-shadow:0 2px 4px #fff;transform:rotate(-18deg);opacity:0}.demo-click{position:absolute;z-index:7;width:22px;height:22px;border:2px solid #0a75e9;border-radius:50%;left:77%;top:28%;opacity:0}.demo-success{position:absolute;right:14px;bottom:13px;background:#e9fff0;color:#16834e;border:1px solid #bce9ca;border-radius:8px;padding:7px 10px;font-size:9px;font-weight:900;opacity:0;transform:translateY(8px)}
.help-demo .demo-step-1{animation:helpField 6.4s ease infinite .5s}.help-demo .demo-step-2{animation:helpField 6.4s ease infinite 1.55s}.help-demo .demo-step-3{animation:helpField 6.4s ease infinite 2.6s}.help-demo .demo-step-1 i{animation:helpLine 6.4s ease infinite .5s}.help-demo .demo-step-2 i{animation:helpLine 6.4s ease infinite 1.55s}.help-demo .demo-step-3 i{animation:helpLine 6.4s ease infinite 2.6s}.help-demo .demo-save{animation:helpButton 6.4s ease infinite 3.65s}.help-demo .demo-cursor{animation:helpCursor 6.4s ease infinite}.help-demo .demo-click{animation:helpClick 6.4s ease infinite}.help-demo .demo-success{animation:helpSuccess 6.4s ease infinite}.help-demo.is-replaying .demo-step-1{animation:helpField 6.4s ease 1 .5s}.help-demo.is-replaying .demo-step-2{animation:helpField 6.4s ease 1 1.55s}.help-demo.is-replaying .demo-step-3{animation:helpField 6.4s ease 1 2.6s}.help-demo.is-replaying .demo-step-1 i{animation:helpLine 6.4s ease 1 .5s}.help-demo.is-replaying .demo-step-2 i{animation:helpLine 6.4s ease 1 1.55s}.help-demo.is-replaying .demo-step-3 i{animation:helpLine 6.4s ease 1 2.6s}.help-demo.is-replaying .demo-save{animation:helpButton 6.4s ease 1 3.65s}.help-demo.is-replaying .demo-cursor{animation:helpCursor 6.4s ease 1}.help-demo.is-replaying .demo-click{animation:helpClick 6.4s ease 1}.help-demo.is-replaying .demo-success{animation:helpSuccess 6.4s ease 1}
@keyframes helpField{0%,8%{opacity:.42;transform:translateY(5px);border-color:#d7e2ee}14%,72%{opacity:1;transform:none;border-color:#6facf0;box-shadow:0 0 0 3px rgba(7,117,230,.08)}82%,100%{opacity:.42;transform:none;border-color:#d7e2ee;box-shadow:none}}@keyframes helpLine{0%,8%{width:0}18%,72%{width:100%}82%,100%{width:0}}@keyframes helpButton{0%,8%{opacity:.45;transform:scale(.96)}16%,52%{opacity:1;transform:scale(1);box-shadow:0 6px 15px rgba(7,117,230,.23)}62%{transform:scale(.94)}68%,100%{opacity:.45;transform:scale(.96);box-shadow:none}}@keyframes helpCursor{0%{opacity:0;left:77%;top:18%}8%{opacity:1;left:41%;top:39%}25%{left:48%;top:51%}42%{left:52%;top:64%}57%{left:78%;top:79%}64%{transform:rotate(-18deg) scale(.78)}69%{transform:rotate(-18deg) scale(1)}76%,100%{opacity:0;left:78%;top:79%}}@keyframes helpClick{0%,57%{opacity:0;transform:scale(.4)}62%{opacity:.8;transform:scale(.5)}70%{opacity:0;transform:scale(2.1)}100%{opacity:0}}@keyframes helpSuccess{0%,67%{opacity:0;transform:translateY(8px)}73%,88%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-4px)}}
@media(max-width:700px){.help-detail-heading{grid-template-columns:44px 1fr;gap:11px}.help-detail-heading .help-detail-icon{width:42px;height:42px;border-radius:13px;font-size:23px}.help-animation-head{align-items:flex-start}.help-replay{white-space:nowrap}.help-demo{margin:10px}.help-demo-body{grid-template-columns:72px minmax(0,1fr);min-height:215px}.help-demo-body aside{padding:10px 5px}.help-demo-body aside b{font-size:10px}.help-demo-body aside span{font-size:6px;padding:6px 4px}.help-demo-body main{padding:11px}.demo-title span{font-size:10px}.demo-title em{display:none}.demo-field{padding:8px}.demo-cursor{font-size:19px}}
@media(prefers-reduced-motion:reduce){.help-demo *{animation:none!important}.demo-field,.demo-save{opacity:1!important;transform:none!important}.demo-success{opacity:1!important;transform:none!important}.demo-cursor,.demo-click{display:none!important}}