/* ShopXpert Help Center (concept). Brand tokens from the live Elementor kit. */
.sxh{--p:#1769E0;--navy:#0D1C2F;--deep:#011870;--cloud:#F5F8FC;--text:#53667C;--ink:#0B1320;--line:#E3E9F2;--accent:#27C2E8;--ok:#16855B;
 font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#fff}
.sxh *{box-sizing:border-box}
.sxh a{color:var(--p);text-decoration:none}.sxh a:hover{text-decoration:underline}
.sxh-wrap{max-width:1140px;margin:0 auto;padding:0 24px}
.sxh-hero{background:radial-gradient(1200px 400px at 80% -10%,rgba(39,194,232,.25),transparent 60%),linear-gradient(135deg,var(--navy) 0%,var(--deep) 100%);color:#fff;padding:64px 0 72px}
.sxh-hero.sm{padding:28px 0 30px}
.sxh-eyebrow{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 10px}
.sxh-hero h1{font-size:44px;line-height:1.1;font-weight:780;margin:0 0 12px;color:#fff}
.sxh-hero p.lead{font-size:18px;color:#C9D6EA;margin:0 0 28px;max-width:640px}
.sxh-search{position:relative;max-width:720px}
.sxh-search input{width:100%;height:60px;border-radius:14px;border:0;padding:0 20px 0 56px;font:500 17px Inter,system-ui,sans-serif;color:var(--ink);box-shadow:0 12px 40px rgba(0,0,0,.28);outline:none}
.sxh-hero.sm .sxh-search input{height:50px;font-size:16px;box-shadow:0 6px 20px rgba(0,0,0,.25)}
.sxh-search input:focus{box-shadow:0 0 0 3px var(--accent),0 12px 40px rgba(0,0,0,.28)}
.sxh-search svg.mag{position:absolute;left:20px;top:50%;transform:translateY(-50%);width:22px;height:22px;color:var(--text)}
.sxh-kbd{position:absolute;right:16px;top:50%;transform:translateY(-50%);font:600 12px Inter,sans-serif;color:#8796AA;border:1px solid var(--line);border-radius:6px;padding:3px 7px}
.sxh-results{position:absolute;left:0;right:0;top:calc(100% + 8px);background:#fff;border-radius:14px;box-shadow:0 18px 50px rgba(13,28,47,.25);overflow:hidden;z-index:50;display:none}
.sxh-results.on{display:block}
.sxh-results a{display:block;padding:12px 18px;border-bottom:1px solid var(--line);color:var(--ink)}
.sxh-results a:hover,.sxh-results a.act{background:var(--cloud);text-decoration:none}
.sxh-results b{display:block;font-weight:650;font-size:15px}.sxh-results small{color:var(--text);font-size:13px}
.sxh-results .more{color:var(--p);font-weight:600;font-size:14px}
.sxh-results .none{padding:14px 18px;color:var(--text);font-size:14px}
.sxh-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;align-items:center}
.sxh-chips span{color:#9FB2CE;font-size:14px;margin-right:4px}
.sxh-chips a{color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:6px 12px;font-size:14px}
.sxh-chips a:hover{background:rgba(255,255,255,.2);text-decoration:none}
.sxh-sec{padding:56px 0}.sxh-sec.alt{background:var(--cloud)}
.sxh-sec h2{font-size:28px;font-weight:760;margin:0 0 6px;color:var(--ink)}
.sxh-sec .sub{color:var(--text);margin:0 0 26px;font-size:16px}
.sxh-start{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:-104px;position:relative}
.sxh-start a{background:#fff;border-radius:16px;padding:22px;box-shadow:0 10px 30px rgba(13,28,47,.12);color:var(--ink);display:flex;gap:14px;align-items:flex-start;border:1px solid var(--line)}
.sxh-start a:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 14px 36px rgba(13,28,47,.18)}
.sxh-start b{display:block;font-size:17px;margin-bottom:4px}.sxh-start small{color:var(--text);font-size:14px;line-height:1.45}
.sxh-ico{flex:none;width:44px;height:44px;border-radius:12px;background:#E8F0FD;color:var(--p);display:grid;place-items:center}
.sxh-ico svg{width:22px;height:22px}
.sxh-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.sxh-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;display:flex;flex-direction:column}
.sxh-card:hover{border-color:#B9CFF3;box-shadow:0 10px 28px rgba(13,28,47,.08)}
.sxh-card h3{font-size:18px;font-weight:700;margin:14px 0 4px}.sxh-card h3 a{color:var(--ink)}
.sxh-card p{color:var(--text);font-size:14px;line-height:1.5;margin:0 0 12px}
.sxh-card ul{list-style:none;padding:0;margin:0 0 14px;font-size:14px}.sxh-card li{padding:5px 0;border-top:1px solid #F0F3F8}
.sxh-card li a{color:#24364D}.sxh-card .all{margin-top:auto;font-weight:650;font-size:14px}
.sxh-count{font-size:12px;font-weight:650;color:var(--text);background:var(--cloud);border-radius:999px;padding:3px 9px;margin-left:8px;vertical-align:middle}
.sxh-pop{columns:2;column-gap:40px;padding:0;margin:0;list-style:none}
.sxh-pop li{break-inside:avoid;padding:12px 0;border-bottom:1px solid var(--line)}
.sxh-pop a{color:var(--ink);font-weight:600}.sxh-pop small{display:block;color:var(--text);font-size:13px;margin-top:2px}
.sxh-vids{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.sxh-vid{background:#fff;border-radius:14px;overflow:hidden;border:1px solid var(--line);color:var(--ink)}
.sxh-vid .th{aspect-ratio:16/9;background:#0D1C2F center/cover no-repeat;position:relative}
.sxh-vid .th:after{content:"";position:absolute;left:50%;top:50%;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;background:rgba(23,105,224,.92) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M9 7v10l8-5z'/%3E%3C/svg%3E") center/30px no-repeat}
.sxh-vid div.t{padding:14px 16px;font-weight:650;font-size:15px;line-height:1.35}
.sxh-vid:hover{text-decoration:none;box-shadow:0 10px 28px rgba(13,28,47,.12)}
.sxh-help{background:linear-gradient(135deg,#E8F0FD,#F5F8FC);border:1px solid #D4E2F8;border-radius:20px;padding:30px;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:20px;align-items:center}
.sxh-help h2{margin:0 0 6px;font-size:24px}.sxh-help p{margin:0;color:var(--text)}
.sxh-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:48px;padding:0 20px;border-radius:12px;font-weight:650;font-size:15px;border:0;cursor:pointer;font-family:inherit}
.sxh-btn.pri{background:var(--p);color:#fff}.sxh-btn.pri:hover{background:#0F57C2;text-decoration:none}
.sxh-btn.sec{background:#fff;color:var(--ink);border:1px solid var(--line)}.sxh-btn.sec:hover{border-color:var(--p);text-decoration:none}
.sxh-crumb{font-size:14px;color:#9FB2CE;margin:0 0 14px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.sxh-crumb a{color:#C9D6EA}.sxh-crumb i{font-style:normal;opacity:.6}
.sxh-crumb.lt{color:var(--text)}.sxh-crumb.lt a{color:var(--p)}
/* article */
.sxh-art{display:grid;grid-template-columns:260px minmax(0,1fr);gap:48px;padding:40px 0 64px}
.sxh-side{position:sticky;top:110px;align-self:start;font-size:14px;max-height:calc(100vh - 130px);overflow:auto}
.sxh-side h4{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--text);margin:18px 0 8px}
.sxh-side h4:first-child{margin-top:0}
.sxh-side a{display:block;padding:6px 10px;border-radius:8px;color:#24364D;line-height:1.35}
.sxh-side a.cur{background:#E8F0FD;color:var(--p);font-weight:650}
.sxh-side a:hover{background:var(--cloud);text-decoration:none}
.sxh-sidebtn{display:none}
.sxh-art h1{font-size:36px;line-height:1.15;font-weight:780;margin:0 0 10px;color:var(--ink)}
.sxh-art .desc{font-size:18px;color:var(--text);margin:0 0 16px;line-height:1.5}
.sxh-meta{display:flex;gap:16px;align-items:center;color:var(--text);font-size:13px;padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:26px;flex-wrap:wrap}
.sxh-meta .tag{background:var(--cloud);border-radius:999px;padding:4px 10px;font-weight:600;color:#24364D}
.sxh-body{font-size:17px;line-height:1.7;color:#24364D}
.sxh-body p{margin:0 0 16px}
.sxh-body img{max-width:100%;height:auto;border-radius:10px;border:1px solid var(--line);box-shadow:0 6px 20px rgba(13,28,47,.08);margin:6px 0 10px;display:block}
.sxh-body h2,.sxh-body h3{color:var(--ink);margin:30px 0 10px;line-height:1.25}
.sxh-body ol,.sxh-body ul{padding-left:24px}
.sxh-body table{border-collapse:collapse;width:100%;font-size:15px;margin:12px 0 20px;display:block;overflow-x:auto}
.sxh-body td,.sxh-body th{border:1px solid var(--line);padding:8px 10px;vertical-align:top}
.sxh-note{background:#FFF7E6;border-left:4px solid #D97706;border-radius:8px;padding:12px 16px;margin:6px 0 18px;font-size:16px}
.sxh-note.info{background:#E8F0FD;border-color:var(--p)}
.sxh-video{position:relative;aspect-ratio:16/9;margin:8px 0 20px;border-radius:12px;overflow:hidden;background:#000}
.sxh-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.sxh-vote{margin:36px 0 0;padding:22px;border:1px solid var(--line);border-radius:16px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:var(--cloud)}
.sxh-vote b{font-size:16px;margin-right:auto}
.sxh-vote button{height:42px;padding:0 18px;border-radius:10px;border:1px solid var(--line);background:#fff;font:600 15px Inter,sans-serif;cursor:pointer;color:var(--ink)}
.sxh-vote button:hover{border-color:var(--p);color:var(--p)}
.sxh-vote .thx{display:none;color:var(--ok);font-weight:650}
.sxh-vote.done button{display:none}.sxh-vote.done .thx{display:block}
.sxh-related{margin-top:36px}.sxh-related h3{font-size:18px;margin:0 0 10px}
.sxh-related a{display:flex;justify-content:space-between;padding:13px 16px;border:1px solid var(--line);border-radius:12px;margin-bottom:8px;color:var(--ink);font-weight:600;font-size:15px}
.sxh-related a:after{content:"→";color:var(--p)}
.sxh-related a:hover{border-color:var(--p);text-decoration:none}
.sxh-stuck{margin-top:28px;border-radius:16px;padding:22px;background:var(--navy);color:#fff;display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.sxh-stuck b{font-size:17px}.sxh-stuck p{margin:2px 0 0;color:#C9D6EA;font-size:14px}.sxh-stuck .grow{flex:1;min-width:220px}
.sxh-list{list-style:none;padding:0;margin:0 0 30px;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.sxh-list li a{display:block;padding:14px 18px;border-bottom:1px solid var(--line);color:var(--ink)}
.sxh-list li:last-child a{border-bottom:0}
.sxh-list li a:hover{background:var(--cloud);text-decoration:none}
.sxh-list b{font-weight:650}.sxh-list small{display:block;color:var(--text);font-size:14px;margin-top:2px}
.sxh-cat h2{font-size:20px;margin:28px 0 12px}
@media(max-width:900px){
 .sxh-hero{padding:40px 0 92px}.sxh-hero h1{font-size:32px}.sxh-hero p.lead{font-size:16px}
 .sxh-start,.sxh-grid,.sxh-vids{grid-template-columns:1fr}.sxh-start{margin-top:-70px}
 .sxh-pop{columns:1}.sxh-help{grid-template-columns:1fr}.sxh-sec{padding:40px 0}
 .sxh-art{grid-template-columns:1fr;gap:0;padding-top:20px}.sxh-side{position:static;max-height:none;display:none;margin-bottom:20px;border:1px solid var(--line);border-radius:12px;padding:12px}
 .sxh-side.open{display:block}
 .sxh-sidebtn{display:flex;width:100%;justify-content:space-between;align-items:center;height:46px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:var(--cloud);font:600 15px Inter,sans-serif;color:var(--ink);margin-bottom:12px;cursor:pointer}
 .sxh-art h1{font-size:28px}.sxh-body{font-size:16px}.sxh-kbd{display:none}
}
.sxh-body .sxh-video{max-width:860px}.sxh-empty{color:var(--text);padding:14px 0}
.sxh-hero h1,.sxh-art h1,.sxh-sec h2,.sxh-card h3{font-family:Inter,system-ui,sans-serif}
.sxh-hero .sxh-crumb a:hover{color:#fff}
.sxh-chatbar{background:#E8F0FD;border-bottom:1px solid #D4E2F8}
.sxh-chatbar .sxh-wrap{display:flex;align-items:center;justify-content:center;gap:14px;min-height:48px;padding-top:6px;padding-bottom:6px;flex-wrap:wrap}
.sxh-chatbar p{margin:0;font-size:15px;font-weight:600;color:var(--ink)}
.sxh-chatbar a.sxh-btn{height:36px;padding:0 14px;font-size:14px;border-radius:10px}
.sxh-chatbar svg{width:16px;height:16px}
@media(max-width:600px){.sxh-chatbar .sxh-wrap{justify-content:space-between;gap:8px}.sxh-chatbar p{font-size:14px;flex:1;min-width:0}}
.sxh-grid4{grid-template-columns:repeat(4,1fr)}@media(max-width:900px){.sxh-grid4{grid-template-columns:1fr}}

/* full width inside the Hello Elementor main container */
main.site-main.sxh-main{max-width:none!important;width:100%!important;margin:0!important;padding:0!important}

/* floating "Start a chat" bar: sticks under the site's own fixed header (--sxh-top is measured by sxhelp.js) */
.sxh-chatbar{position:-webkit-sticky;position:sticky;top:var(--sxh-top,0px);z-index:19;box-shadow:0 1px 0 rgba(13,28,47,.04)}
.sxh-chatbar.stuck{box-shadow:0 6px 16px rgba(13,28,47,.10)}
.sxh-side{top:calc(var(--sxh-top,0px) + var(--sxh-bar,50px) + 20px);max-height:calc(100vh - var(--sxh-top,0px) - var(--sxh-bar,50px) - 40px)}
.sxh h1,.sxh h2,.sxh h3,.sxh h4,.sxh [id]{scroll-margin-top:calc(var(--sxh-top,0px) + var(--sxh-bar,50px) + 16px)}
@media (max-width:640px){.sxh-chatbar .sxh-wrap{min-height:44px;padding-top:5px;padding-bottom:5px}.sxh-chatbar p{font-size:13px;line-height:1.3}.sxh-chatbar a.sxh-btn{height:34px;padding:0 12px;font-size:13.5px}}

/* screenshot placeholders in draft articles */
.sxh-shot{border:2px dashed #E0A100;background:#FFF8E1;color:#6B4E00;border-radius:10px;padding:14px 16px;margin:14px 0;font-size:14px}