/*!
 * IdeaPlugins header - desktop (ipx)
 * Every selector is scoped with .ipx-root and prefixed ipx-, variables are --ipx-*.
 * The mobile drawer part (.ipx-drawer, .ipx-acc*, .ipx-burger) lives at the end of the responsive rules - swap it when the mobile design lands.
 */
/* resets (kept first so component rules always win ties) */
.ipx-root :is(h2,h3,h4,p,ul,ol,li,form,label,input,button,a,span,div,section,aside,strong,kbd){letter-spacing:normal;text-transform:none;text-shadow:none}
.ipx-root :is(h2,h3,h4,p,ul,ol,li,form,label){margin:0;padding:0;font-family:inherit;color:inherit}
.ipx-root :is(ul,ol){list-style:none}
.ipx-root :is(h2,h3,h4){font-size:inherit;line-height:inherit}
.ipx-root :is(input,button){margin:0;font-family:inherit;box-shadow:none;text-transform:none}
.ipx-root input{height:auto;min-height:0;border-radius:0;background:transparent;color:inherit;-webkit-appearance:none;appearance:none}
.ipx-root button{-webkit-appearance:none;appearance:none;border-radius:0;padding:0;line-height:inherit}
.ipx-root img{max-width:100%;height:auto;vertical-align:middle}
.ipx-root{display:contents;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:16px;line-height:normal;letter-spacing:normal;color:var(--ipx-text);-webkit-font-smoothing:antialiased;--ipx-bg:#f5f6fa;--ipx-surface:#ffffff;--ipx-surface-2:#f3f4f9;--ipx-text:#0f172a;--ipx-muted:#64748b;--ipx-border:#e5e7ef;--ipx-accent:#6366f1;--ipx-accent-2:#8b5cf6;--ipx-accent-soft:rgba(99,102,241,.10);--ipx-header-bg:#ffffff;--ipx-shadow:0 24px 60px -12px rgba(15,23,42,.18);--ipx-hover:#f1f2fb;--ipx-ring:rgba(99,102,241,.35)}
html[data-ipx-theme="dark"] .ipx-root{--ipx-bg:#0b0d14;--ipx-surface:#131624;--ipx-surface-2:#1a1e30;--ipx-text:#eef0f8;--ipx-muted:#8b93ad;--ipx-border:#252a40;--ipx-accent:#818cf8;--ipx-accent-2:#a78bfa;--ipx-accent-soft:rgba(129,140,248,.14);--ipx-header-bg:#0b0d14;--ipx-shadow:0 24px 60px -12px rgba(0,0,0,.65);--ipx-hover:#1c2035;--ipx-ring:rgba(129,140,248,.45)}
.ipx-root a{color:inherit;text-decoration:none}
.ipx-root button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.ipx-root :focus-visible{outline:2px solid var(--ipx-accent);outline-offset:2px;border-radius:8px}
.ipx-root svg{display:block;flex-shrink:0}
.ipx-root .ipx-ic{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ipx-root .ipx-header{position:sticky;top:0;z-index:1000;background:var(--ipx-header-bg);border-bottom:1px solid var(--ipx-border);transition:background .3s,border-color .3s}
.ipx-root .ipx-inner{position:relative;max-width:none;margin:0 auto;height:78px;padding:0 clamp(18px,3vw,48px);display:flex;align-items:center;gap:36px}
.ipx-root .ipx-logo{display:flex;align-items:center;gap:12px;font-weight:700;font-size:19px;letter-spacing:-.02em;white-space:nowrap}
.ipx-root .ipx-logo-mark{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--ipx-accent),var(--ipx-accent-2));box-shadow:0 8px 20px -6px var(--ipx-accent)}
.ipx-root .ipx-logo-mark svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.ipx-root .ipx-logo em{font-style:normal;color:var(--ipx-accent)}
.ipx-root .ipx-nav{display:flex;align-items:center;gap:6px;list-style:none;height:100%}
.ipx-root .ipx-nav>li{height:100%;display:flex;align-items:center}
.ipx-root .ipx-nav-link{display:flex;align-items:center;gap:7px;height:42px;padding:0 15px;border-radius:12px;font-size:15px;font-weight:600;color:var(--ipx-muted);transition:color .2s,background .2s;white-space:nowrap}
.ipx-root .ipx-nav-link:hover,.ipx-root .ipx-nav-link[aria-expanded="true"]{color:var(--ipx-text);background:var(--ipx-hover)}
.ipx-root .ipx-chev{width:15px;height:15px;transition:transform .25s}
.ipx-root .ipx-nav-link[aria-expanded="true"] .ipx-chev{transform:rotate(180deg)}
.ipx-root .ipx-badge{font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:var(--ipx-accent-soft);color:var(--ipx-accent)}
.ipx-root .ipx-mega{position:absolute;top:calc(100% - 6px);left:0;width:min(860px,calc(100vw - 48px));transform:translateY(10px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s,transform .22s,visibility 0s .22s}
.ipx-root .ipx-mega.ipx-open{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:opacity .22s,transform .22s,visibility 0s}
.ipx-root .ipx-mega-card{display:grid;grid-template-columns:1fr 250px;background:var(--ipx-surface);border:1px solid var(--ipx-border);border-radius:22px;box-shadow:var(--ipx-shadow);overflow:hidden;margin-top:6px}
.ipx-root .ipx-mega-main{padding:26px}
.ipx-root .ipx-mega-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding:0 6px}
.ipx-root .ipx-mega-head h3{font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--ipx-muted)}
.ipx-root .ipx-mega-head a{font-size:13.5px;font-weight:700;color:var(--ipx-accent);display:flex;align-items:center;gap:4px}
.ipx-root .ipx-mega-head a:hover{text-decoration:underline}
.ipx-root .ipx-mega-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
.ipx-root .ipx-item{display:flex;align-items:center;gap:13px;padding:11px;border-radius:14px;transition:background .18s}
.ipx-root .ipx-item:hover{background:var(--ipx-hover)}
.ipx-root .ipx-item-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--ipx-accent-soft);color:var(--ipx-accent);transition:background .2s,color .2s,transform .2s}
.ipx-root .ipx-item:hover .ipx-item-ic{background:var(--ipx-accent);color:#fff;transform:scale(1.06)}
.ipx-root .ipx-item-t{font-size:14.5px;font-weight:600;line-height:1.25}
.ipx-root .ipx-item-d{font-size:12.5px;color:var(--ipx-muted);margin-top:2px;line-height:1.3}
.ipx-root .ipx-mega-side{padding:26px;display:flex;flex-direction:column;justify-content:space-between;gap:20px;color:#fff;position:relative;overflow:hidden;background:linear-gradient(150deg,#4f46e5,#7c3aed 60%,#a855f7)}
.ipx-root .ipx-mega-side::after{content:"";position:absolute;width:220px;height:220px;right:-90px;top:-90px;border-radius:50%;background:rgba(255,255,255,.14)}
.ipx-root .ipx-mega-side.ipx-alt{background:linear-gradient(150deg,#0ea5e9,#4f46e5 65%,#7c3aed)}
.ipx-root .ipx-side-tag{align-self:flex-start;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.2);position:relative;z-index:1}
.ipx-root .ipx-side-body{position:relative;z-index:1}
.ipx-root .ipx-side-body h4{font-size:20px;font-weight:700;line-height:1.25;letter-spacing:-.01em}
.ipx-root .ipx-side-body p{font-size:13.5px;line-height:1.55;margin-top:10px;opacity:.9}
.ipx-root .ipx-side-cta{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:8px;height:44px;border-radius:12px;background:#fff;color:#4338ca;font-weight:700;font-size:14px;transition:transform .2s,box-shadow .2s}
.ipx-root .ipx-side-cta:hover{transform:translateY(-2px);box-shadow:0 10px 24px -8px rgba(0,0,0,.4)}
.ipx-root .ipx-actions{margin-left:auto;display:flex;align-items:center;gap:8px}
.ipx-root .ipx-icon-btn{position:relative;width:44px;height:44px;border-radius:13px;display:grid;place-items:center;color:var(--ipx-muted);border:1px solid transparent;transition:all .2s}
.ipx-root .ipx-icon-btn:hover{color:var(--ipx-text);background:var(--ipx-hover);border-color:var(--ipx-border)}
.ipx-root .ipx-count{position:absolute;top:4px;right:4px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;font-size:11px;font-weight:700;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--ipx-accent),var(--ipx-accent-2));border:2px solid var(--ipx-surface)}
.ipx-root .ipx-divider{width:1px;height:26px;background:var(--ipx-border);margin:0 6px}
.ipx-root .ipx-signin{display:flex;align-items:center;gap:8px;height:44px;padding:0 20px;border-radius:13px;font-size:14.5px;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--ipx-accent),var(--ipx-accent-2));box-shadow:0 10px 22px -10px var(--ipx-accent);transition:transform .2s,box-shadow .2s}
.ipx-root .ipx-signin:hover{transform:translateY(-2px);box-shadow:0 14px 26px -10px var(--ipx-accent)}
.ipx-root .ipx-theme{position:relative;width:68px;height:36px;border-radius:999px;background:var(--ipx-surface-2);border:1px solid var(--ipx-border);display:flex;align-items:center;justify-content:space-between;padding:0 9px;transition:background .3s,border-color .3s;flex-shrink:0}
.ipx-root .ipx-theme svg{width:16px;height:16px;fill:none;stroke:var(--ipx-muted);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;position:relative;z-index:1;transition:stroke .3s}
.ipx-root .ipx-theme .ipx-thumb{position:absolute;top:3px;left:3px;width:28px;height:28px;border-radius:50%;background:var(--ipx-surface);box-shadow:0 3px 10px rgba(0,0,0,.22);transition:transform .35s cubic-bezier(.5,1.5,.5,1),background .3s}
html[data-ipx-theme="light"] .ipx-root .ipx-theme .ipx-sun{stroke:#f59e0b}
html[data-ipx-theme="dark"] .ipx-root .ipx-theme .ipx-thumb{transform:translateX(32px)}
html[data-ipx-theme="dark"] .ipx-root .ipx-theme .ipx-moon{stroke:var(--ipx-accent)}
.ipx-root .ipx-burger{display:none}
.ipx-root .ipx-overlay{position:fixed;inset:0;background:rgba(5,8,20,.55);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:.25s;z-index:1900}
.ipx-root .ipx-overlay.ipx-show{opacity:1;visibility:visible}
.ipx-root .ipx-drawer{position:fixed;top:0;right:0;bottom:0;width:min(390px,100%);background:var(--ipx-surface);z-index:1910;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .28s cubic-bezier(.4,0,.2,1);border-left:1px solid var(--ipx-border);will-change:transform}
.ipx-root .ipx-drawer.ipx-open{transform:none}
.ipx-root .ipx-drawer-top{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--ipx-border)}
.ipx-root .ipx-drawer-body{flex:1;overflow-y:auto;padding:14px 16px}
.ipx-root .ipx-acc{border-bottom:1px solid var(--ipx-border)}
.ipx-root .ipx-acc-btn,.ipx-root .ipx-m-link{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 8px;font-size:16px;font-weight:600}
.ipx-root .ipx-acc-btn .ipx-chev{width:18px;height:18px}
.ipx-root .ipx-acc-btn[aria-expanded="true"] .ipx-chev{transform:rotate(180deg)}
.ipx-root .ipx-acc-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s}
.ipx-root .ipx-acc-panel.ipx-open{grid-template-rows:1fr}
.ipx-root .ipx-acc-panel>div{overflow:hidden}
.ipx-root .ipx-acc-list{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:2px 0 16px}
.ipx-root .ipx-acc-list .ipx-item{padding:9px;gap:10px;background:var(--ipx-surface-2)}
.ipx-root .ipx-acc-list .ipx-item-ic{width:34px;height:34px;border-radius:10px}
.ipx-root .ipx-acc-list .ipx-item-t{font-size:13.5px}
.ipx-root .ipx-acc-all{grid-column:1/-1;display:flex;align-items:center;justify-content:center;height:42px;border-radius:12px;font-weight:700;font-size:14px;color:var(--ipx-accent);background:var(--ipx-accent-soft)}
.ipx-root .ipx-drawer-foot{padding:16px 20px;border-top:1px solid var(--ipx-border);display:flex;align-items:center;gap:12px}
.ipx-root .ipx-drawer-foot .ipx-signin{flex:1;justify-content:center}
.ipx-root .ipx-search{position:fixed;inset:0;z-index:1940;display:grid;place-items:start center;padding:12vh 20px 20px;background:rgba(5,8,20,.6);backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:.25s}
.ipx-root .ipx-search.ipx-show{opacity:1;visibility:visible}
.ipx-root .ipx-search-box{width:min(640px,100%);background:var(--ipx-surface);border:1px solid var(--ipx-border);border-radius:20px;box-shadow:var(--ipx-shadow);padding:8px;transform:translateY(-12px);transition:transform .25s}
.ipx-root .ipx-search.ipx-show .ipx-search-box{transform:none}
.ipx-root .ipx-search-row{display:flex;align-items:center;gap:12px;padding:0 16px;height:60px;color:var(--ipx-muted)}
.ipx-root .ipx-search-row input{flex:1;height:100%;background:none;border:0;outline:0;font:inherit;font-size:17px;color:var(--ipx-text)}
.ipx-root .ipx-search-row input::placeholder{color:var(--ipx-muted)}
.ipx-root .ipx-kbd{font-weight:600;font-size:11px;padding:4px 8px;border-radius:7px;background:var(--ipx-surface-2);border:1px solid var(--ipx-border);color:var(--ipx-muted)}
.ipx-root .ipx-chips{display:flex;flex-wrap:wrap;gap:8px;padding:6px 16px 16px}
.ipx-root .ipx-chips a{padding:7px 14px;border-radius:999px;font-size:13px;font-weight:600;background:var(--ipx-surface-2);border:1px solid var(--ipx-border);color:var(--ipx-muted);transition:.2s}
.ipx-root .ipx-chips a:hover{color:var(--ipx-accent);border-color:var(--ipx-accent)}
@media (max-width:1560px){.ipx-root .ipx-inner{gap:28px}}
@media (max-width:1560px){.ipx-root .ipx-nav{gap:2px}}
@media (max-width:1560px){.ipx-root .ipx-nav-link{padding:0 11px;font-size:14px}}
@media (max-width:1560px){.ipx-root .ipx-nav .ipx-badge{display:none}}
@media (max-width:1560px){.ipx-root .ipx-actions{gap:4px}}
@media (max-width:1560px){.ipx-root .ipx-divider{margin:0 2px}}
@media (max-width:1350px){.ipx-root .ipx-nav,.ipx-root .ipx-divider,.ipx-root .ipx-actions .ipx-hide-m{display:none}}
@media (max-width:1350px){.ipx-root .ipx-burger{display:grid}}
@media (max-width:1350px){.ipx-root .ipx-inner{height:68px;padding:0 18px;gap:12px}}
@media (max-width:480px){.ipx-root .ipx-logo span{font-size:17px}}
@media (max-width:480px){.ipx-root .ipx-actions{gap:4px}}
@media (max-width:480px){.ipx-root .ipx-icon-btn{width:40px;height:40px}}
@media (max-width:480px){.ipx-root .ipx-acc-list{grid-template-columns:1fr}}
.ipx-root .ipx-logo img{height:30px;width:auto;display:block}
.ipx-root .ipx-mega.ipx-sm{width:min(690px,calc(100vw - 48px))}
.ipx-root .ipx-mega.ipx-sm .ipx-mega-grid{grid-template-columns:1fr;align-content:start}
.ipx-root .ipx-mega.ipx-sm .ipx-item{padding:16px 14px}
.ipx-root .ipx-mega.ipx-sm .ipx-item-ic{width:46px;height:46px}
.ipx-root .ipx-mega-side.ipx-teal{background:linear-gradient(150deg,#0f766e,#0e9f8e 55%,#3b82f6)}
.ipx-root .ipx-count.ipx-zero{background:var(--ipx-surface-2);color:var(--ipx-muted);border-color:var(--ipx-surface)}
@media (max-width:560px){.ipx-root .ipx-actions>.ipx-theme{display:none}}
@media (max-width:560px){.ipx-root .ipx-logo img{height:26px}}
.ipx-root{--ipx-coral:#fb6a68;--ipx-c-wp:#4a54c8;--ipx-c-woo:#f0575a;--ipx-c-free:#0e9f8e;--ipx-ux-bg:#fbfbfe;--ipx-ease:cubic-bezier(.22,.8,.24,1);--ipx-grad:linear-gradient(135deg,#4a54c8,#7a5be6 55%,#fb6a68);--ipx-ux-glow:rgba(74,84,200,.13)}
html[data-ipx-theme="dark"] .ipx-root{--ipx-c-wp:#8b95ff;--ipx-c-woo:#ff7a7c;--ipx-c-free:#2dd4bf;--ipx-ux-bg:#0f111b;--ipx-ux-glow:rgba(129,140,248,.16)}
.ipx-root .ipx-overlay{background:rgba(8,10,22,.55)}
.ipx-root .ipx-uxd svg.ipx-i,.ipx-root .ipx-uxm svg.ipx-i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.ipx-root .ipx-uxd button,.ipx-root .ipx-uxm button{font:inherit}
.ipx-root .ipx-uxd{position:fixed;z-index:1920;top:0;bottom:0;right:0;width:min(92vw,420px);display:flex;flex-direction:column;background:var(--ipx-ux-bg);color:var(--ipx-text);border-radius:26px 0 0 26px;overflow:hidden;box-shadow:-24px 0 70px rgba(10,12,40,.28);visibility:hidden;transform:translateX(102%);transition:transform .3s var(--ipx-ease),visibility 0s .3s;will-change:transform;padding-top:env(safe-area-inset-top,0px)}
.ipx-root .ipx-uxd.ipx-open{visibility:visible;transform:none;transition:transform .3s var(--ipx-ease)}
.ipx-root .ipx-uxd:before{content:"";position:absolute;inset:0 0 auto 0;height:200px;pointer-events:none;background:radial-gradient(90% 100% at 100% 0%,var(--ipx-ux-glow),transparent 65%),radial-gradient(70% 90% at 0% 0%,rgba(251,106,104,.13),transparent 65%)}
.ipx-root .ipx-uxd .ipx-mh{position:relative;display:flex;align-items:center;gap:10px;padding:20px 20px 10px}
.ipx-root .ipx-uxd .ipx-mh h2{font-size:21px;font-weight:700;letter-spacing:-.025em}
.ipx-root .ipx-uxd .ipx-x{width:38px;height:38px;border-radius:12px;background:var(--ipx-surface);border:1px solid var(--ipx-border);display:grid;place-items:center;color:var(--ipx-muted);margin-left:auto;transition:.2s}
.ipx-root .ipx-uxd .ipx-x:hover{color:var(--ipx-text);border-color:var(--ipx-accent)}
.ipx-root .ipx-uxd .ipx-pill{min-width:26px;height:26px;padding:0 8px;border-radius:13px;color:#fff;text-align:center;font-weight:700;font-size:12.5px;line-height:26px;background:var(--ipx-grad)}
.ipx-root .ipx-uxd .ipx-mb{position:relative;flex:1;overflow-y:auto;overscroll-behavior:contain;padding:8px 18px 14px}
.ipx-root .ipx-uxd .ipx-mb::-webkit-scrollbar{display:none}
.ipx-root .ipx-uxd .ipx-mf{position:relative;padding:16px 18px calc(18px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--ipx-border);background:var(--ipx-surface)}
.ipx-root .ipx-uxd .ipx-mf .ipx-b{width:100%}
.ipx-root .ipx-uxd .ipx-mf .ipx-b+.ipx-b{margin-top:8px}
.ipx-root .ipx-uxd .ipx-b{height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:14.5px;transition:transform .2s,box-shadow .2s,border-color .2s}
.ipx-root .ipx-uxd .ipx-b.ipx-g{background:var(--ipx-surface);border:1.5px solid var(--ipx-border)}
.ipx-root .ipx-uxd .ipx-b.ipx-g:hover{border-color:var(--ipx-accent);color:var(--ipx-accent)}
.ipx-root .ipx-uxd .ipx-b.ipx-p{background:var(--ipx-grad);color:#fff;box-shadow:0 10px 22px rgba(122,91,230,.32)}
.ipx-root .ipx-uxd .ipx-b.ipx-p:hover{transform:translateY(-2px)}
.ipx-root .ipx-uxd .ipx-b:disabled{opacity:.55;box-shadow:none;cursor:default;transform:none}
.ipx-root .ipx-uxd .ipx-sub{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px;font-size:14px;font-weight:600;color:var(--ipx-muted)}
.ipx-root .ipx-uxd .ipx-sub strong{color:var(--ipx-text);font-size:24px;font-weight:700;letter-spacing:-.02em}
.ipx-root .ipx-uxd .ipx-perks{display:flex;align-items:center;justify-content:center;gap:7px;margin:12px 0 2px;font-size:12px;font-weight:600;color:var(--ipx-muted)}
.ipx-root .ipx-uxd .ipx-perks svg{width:15px;height:15px;color:var(--ipx-c-free)}
.ipx-root .ipx-uxd .ipx-ci{display:flex;gap:13px;padding:13px;margin-bottom:10px;border-radius:18px;background:var(--ipx-surface);border:1px solid var(--ipx-border);box-shadow:0 2px 12px rgba(20,22,60,.05);animation:ipx-uxin .4s var(--ipx-ease) both}
.ipx-root .ipx-uxd .ipx-th{width:66px;height:66px;border-radius:15px;flex:none;display:grid;place-items:center;color:var(--ipx-c);background:linear-gradient(135deg,color-mix(in srgb,var(--ipx-c) 16%,var(--ipx-surface)),color-mix(in srgb,var(--ipx-c) 4%,var(--ipx-surface)));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ipx-c) 24%,var(--ipx-surface))}
.ipx-root .ipx-uxd .ipx-th svg{width:28px;height:28px}
.ipx-root .ipx-uxd .ipx-cb{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.ipx-root .ipx-uxd .ipx-cn{font-size:13.5px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ipx-root .ipx-uxd .ipx-cn:hover{color:var(--ipx-accent)}
.ipx-root .ipx-uxd .ipx-tg{align-self:flex-start;padding:3px 9px;border-radius:8px;font-size:11px;font-weight:600;color:var(--ipx-c);background:color-mix(in srgb,var(--ipx-c) 11%,var(--ipx-surface))}
.ipx-root .ipx-uxd .ipx-cf{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;flex-wrap:wrap}
.ipx-root .ipx-uxd .ipx-pr{font-size:15px;font-weight:700;letter-spacing:-.01em}
.ipx-root .ipx-uxd .ipx-pr small{margin-left:5px;font-size:12px;font-weight:600;color:var(--ipx-muted)}
.ipx-root .ipx-uxd .ipx-rm{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:var(--ipx-muted);transition:.2s}
.ipx-root .ipx-uxd .ipx-rm:hover{background:rgba(229,72,77,.12);color:#e5484d}
.ipx-root .ipx-uxd .ipx-rm svg{width:17px;height:17px}
.ipx-root .ipx-uxd .ipx-qt{display:inline-flex;align-items:center;height:36px;border-radius:12px;background:var(--ipx-surface-2);border:1px solid var(--ipx-border)}
.ipx-root .ipx-uxd .ipx-qt button{width:32px;height:100%;display:grid;place-items:center;color:var(--ipx-muted);border-radius:11px}
.ipx-root .ipx-uxd .ipx-qt button:hover:not(:disabled){color:var(--ipx-accent)}
.ipx-root .ipx-uxd .ipx-qt button:disabled{opacity:.35;cursor:default}
.ipx-root .ipx-uxd .ipx-qt svg{width:15px;height:15px}
.ipx-root .ipx-uxd .ipx-qt span{min-width:24px;text-align:center;font-size:14px;font-weight:700}
.ipx-root .ipx-uxd .ipx-wa{display:flex;align-items:center;gap:6px;margin-left:auto}
.ipx-root .ipx-uxd .ipx-wb{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 13px;border-radius:11px;font-size:12.5px;font-weight:600;color:#fff;background:var(--ipx-grad);box-shadow:0 6px 14px rgba(122,91,230,.28);transition:transform .2s}
.ipx-root .ipx-uxd .ipx-wb:hover{transform:translateY(-1px)}
.ipx-root .ipx-uxd .ipx-wb svg{width:15px;height:15px}
.ipx-root .ipx-uxd .ipx-wb.ipx-in{color:var(--ipx-c-free);background:color-mix(in srgb,var(--ipx-c-free) 12%,var(--ipx-surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ipx-c-free) 28%,var(--ipx-surface))}
.ipx-root .ipx-uxd .ipx-em{text-align:center;padding:38px 6px 6px}
.ipx-root .ipx-uxd .ipx-em .ipx-ico{position:relative;width:92px;height:92px;margin:0 auto 22px;border-radius:30px;display:grid;place-items:center;color:var(--ipx-accent);background:var(--ipx-surface);box-shadow:inset 0 0 0 1px var(--ipx-border),0 16px 34px var(--ipx-ux-glow)}
.ipx-root .ipx-uxd .ipx-em .ipx-ico>svg{width:40px;height:40px}
.ipx-root .ipx-uxd .ipx-em .ipx-ico i{position:absolute;right:-8px;top:-8px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--ipx-coral);border:3px solid var(--ipx-ux-bg)}
.ipx-root .ipx-uxd .ipx-em .ipx-ico i svg{width:13px;height:13px;stroke-width:2.4}
.ipx-root .ipx-uxd .ipx-em.ipx-wem .ipx-ico{color:var(--ipx-coral);box-shadow:inset 0 0 0 1px rgba(251,106,104,.3),0 16px 34px rgba(251,106,104,.18)}
.ipx-root .ipx-uxd .ipx-em.ipx-wem .ipx-ico i{background:var(--ipx-accent)}
.ipx-root .ipx-uxd .ipx-em h3{font-size:21px;font-weight:700;letter-spacing:-.02em}
.ipx-root .ipx-uxd .ipx-em p{margin:10px auto 24px;max-width:310px;color:var(--ipx-muted);font-size:14.5px;line-height:1.6}
.ipx-root .ipx-uxd .ipx-em .ipx-b{display:inline-flex;padding:0 28px}
.ipx-root .ipx-uxd .ipx-chips{display:grid;gap:8px;margin-top:28px;text-align:left}
.ipx-root .ipx-uxd .ipx-chips .ipx-lab{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ipx-muted)}
.ipx-root .ipx-uxd .ipx-lk{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:16px;background:var(--ipx-surface);border:1px solid var(--ipx-border);font-weight:600;font-size:14.5px;box-shadow:0 2px 12px rgba(20,22,60,.04);transition:.2s}
.ipx-root .ipx-uxd .ipx-lk:hover{border-color:var(--ipx-c);transform:translateX(3px)}
.ipx-root .ipx-uxd .ipx-lk .ipx-tl{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;color:var(--ipx-c);background:color-mix(in srgb,var(--ipx-c) 12%,var(--ipx-surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ipx-c) 22%,var(--ipx-surface))}
.ipx-root .ipx-uxd .ipx-lk .ipx-tl svg{width:18px;height:18px}
@keyframes ipx-uxin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.ipx-root .ipx-uxm{position:fixed;inset:0;z-index:1930;display:flex;align-items:flex-end;justify-content:center;pointer-events:none;visibility:hidden;transition:visibility .4s}
.ipx-root .ipx-uxm.ipx-on{visibility:visible}
.ipx-root .ipx-uxm .ipx-am{pointer-events:auto;position:relative;width:100%;max-width:460px;max-height:92vh;max-height:92dvh;overflow-y:auto;overscroll-behavior:contain;background:var(--ipx-surface);color:var(--ipx-text);border-radius:28px 28px 0 0;box-shadow:0 -20px 60px rgba(10,12,40,.32);transform:translateY(105%);transition:transform .5s var(--ipx-ease);padding-bottom:env(safe-area-inset-bottom,0px)}
.ipx-root .ipx-uxm.ipx-on .ipx-am{transform:none}
.ipx-root .ipx-uxm .ipx-am::-webkit-scrollbar{display:none}
.ipx-root .ipx-uxm .ipx-am:focus{outline:0}
.ipx-root .ipx-uxm .ipx-am:before{content:"";position:absolute;inset:0 0 auto 0;height:190px;pointer-events:none;background:radial-gradient(90% 100% at 0% 0%,var(--ipx-ux-glow),transparent 65%),radial-gradient(70% 90% at 100% 0%,rgba(251,106,104,.13),transparent 65%)}
.ipx-root .ipx-uxm .ipx-am-grab{position:relative;width:42px;height:5px;border-radius:5px;background:var(--ipx-border);margin:10px auto 0}
.ipx-root .ipx-uxm .ipx-am-top{position:relative;display:flex;align-items:center;justify-content:space-between;padding:16px 22px 0}
.ipx-root .ipx-uxm .ipx-am-top img{height:26px;width:auto;display:block}
.ipx-root .ipx-uxm .ipx-x{width:38px;height:38px;border-radius:12px;background:var(--ipx-surface);border:1px solid var(--ipx-border);display:grid;place-items:center;color:var(--ipx-muted);transition:.2s}
.ipx-root .ipx-uxm .ipx-x:hover{color:var(--ipx-text);border-color:var(--ipx-accent)}
.ipx-root .ipx-uxm .ipx-am-body{position:relative;padding:16px 22px 22px}
.ipx-root .ipx-uxm .ipx-am-tabs{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:16px;background:var(--ipx-surface-2);margin-bottom:22px}
.ipx-root .ipx-uxm .ipx-am-tab{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:8px;height:44px;border-radius:12px;font-weight:600;font-size:14.5px;color:var(--ipx-muted);transition:color .25s}
.ipx-root .ipx-uxm .ipx-am-tab[aria-selected="true"]{color:var(--ipx-text)}
.ipx-root .ipx-uxm .ipx-am-tab svg{width:18px;height:18px}
.ipx-root .ipx-uxm .ipx-am-pill{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:12px;background:var(--ipx-surface);box-shadow:0 4px 14px rgba(20,22,60,.14);transition:transform .35s var(--ipx-ease)}
.ipx-root .ipx-uxm .ipx-am-tabs[data-active="signup"] .ipx-am-pill{transform:translateX(100%)}
.ipx-root .ipx-uxm .ipx-am-title{font-size:24px;line-height:1.15;font-weight:700;letter-spacing:-.025em}
.ipx-root .ipx-uxm .ipx-am-sub{margin:7px 0 22px;color:var(--ipx-muted);font-size:14px;line-height:1.55}
.ipx-root .ipx-uxm .ipx-am-panel[hidden]{display:none}
.ipx-root .ipx-uxm .ipx-am-panel{animation:ipx-uxin .35s var(--ipx-ease)}
.ipx-root .ipx-uxm .ipx-am-notice{display:none;gap:10px;align-items:flex-start;padding:12px 14px;margin-bottom:16px;border-radius:14px;font-size:13.5px;font-weight:600;line-height:1.4;background:rgba(229,72,77,.1);color:#e5484d;border:1px solid rgba(229,72,77,.25)}
.ipx-root .ipx-uxm .ipx-am-notice.ipx-on{display:flex}
.ipx-root .ipx-uxm .ipx-am-notice svg{width:18px;height:18px;margin-top:1px}
.ipx-root .ipx-uxm .ipx-fld{margin-bottom:16px}
.ipx-root .ipx-uxm .ipx-fld>label{display:block;margin-bottom:7px;font-size:13.5px;font-weight:600}
.ipx-root .ipx-uxm .ipx-fld>label b{color:var(--ipx-coral);margin-left:2px}
.ipx-root .ipx-uxm .ipx-inp{display:flex;align-items:center;gap:10px;height:54px;padding:0 14px;border-radius:15px;background:var(--ipx-surface-2);border:1.5px solid var(--ipx-border);color:var(--ipx-muted);transition:border-color .2s,box-shadow .2s,background .2s}
.ipx-root .ipx-uxm .ipx-inp:focus-within{border-color:var(--ipx-accent);box-shadow:0 0 0 4px var(--ipx-ring);color:var(--ipx-accent);background:var(--ipx-surface)}
.ipx-root .ipx-uxm .ipx-inp input{flex:1;min-width:0;height:100%;background:none;border:0;outline:0;color:var(--ipx-text);font:500 15.5px inherit}
.ipx-root .ipx-uxm .ipx-inp input::placeholder{color:var(--ipx-muted);opacity:.7}
.ipx-root .ipx-uxm .ipx-inp svg{width:19px;height:19px}
.ipx-root .ipx-uxm .ipx-eye{display:grid;place-items:center;width:34px;height:34px;margin-right:-6px;border-radius:10px;color:var(--ipx-muted)}
.ipx-root .ipx-uxm .ipx-eye:hover{background:var(--ipx-hover)}
.ipx-root .ipx-uxm .ipx-eye .ipx-off{display:none}
.ipx-root .ipx-uxm .ipx-eye[aria-pressed="true"] .ipx-on{display:none}
.ipx-root .ipx-uxm .ipx-eye[aria-pressed="true"] .ipx-off{display:block}
.ipx-root .ipx-uxm .ipx-fld.ipx-err .ipx-inp{border-color:#e5484d;box-shadow:0 0 0 4px rgba(229,72,77,.12);color:#e5484d}
.ipx-root .ipx-uxm .ipx-msg{display:none;align-items:center;gap:6px;margin-top:7px;font-size:12.5px;font-weight:600;color:#e5484d}
.ipx-root .ipx-uxm .ipx-msg svg{width:14px;height:14px}
.ipx-root .ipx-uxm .ipx-fld.ipx-err .ipx-msg{display:flex}
.ipx-root .ipx-uxm .ipx-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:2px 0 22px;flex-wrap:wrap}
.ipx-root .ipx-uxm .ipx-chk{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:500;cursor:pointer;user-select:none}
.ipx-root .ipx-uxm .ipx-chk input{appearance:none;-webkit-appearance:none;width:22px;height:22px;border-radius:7px;border:1.5px solid var(--ipx-border);background:var(--ipx-surface-2);display:grid;place-items:center;cursor:pointer;transition:.2s}
.ipx-root .ipx-uxm .ipx-chk input:checked{background:var(--ipx-accent);border-color:var(--ipx-accent)}
.ipx-root .ipx-uxm .ipx-chk input:checked:after{content:"";width:10px;height:6px;border-left:2.2px solid #fff;border-bottom:2.2px solid #fff;transform:rotate(-45deg) translate(1px,-1px)}
.ipx-root .ipx-uxm .ipx-lnk{font-size:14px;font-weight:600;color:var(--ipx-accent)}
.ipx-root .ipx-uxm .ipx-lnk:hover{text-decoration:underline}
.ipx-root .ipx-uxm .ipx-cta{position:relative;width:100%;height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:9px;font-weight:600;font-size:15.5px;color:#fff;background:var(--ipx-grad);box-shadow:0 12px 26px rgba(122,91,230,.36);transition:transform .2s,box-shadow .2s,opacity .2s}
.ipx-root .ipx-uxm .ipx-cta:hover{transform:translateY(-2px)}
.ipx-root .ipx-uxm .ipx-cta:active{transform:scale(.985)}
.ipx-root .ipx-uxm .ipx-cta svg{width:19px;height:19px}
.ipx-root .ipx-uxm .ipx-cta .ipx-sp{display:none;width:20px;height:20px;border-radius:50%;border:2.5px solid rgba(255,255,255,.4);border-top-color:#fff;animation:ipx-uxspin .7s linear infinite}
.ipx-root .ipx-uxm .ipx-cta.ipx-load{pointer-events:none;opacity:.9}
.ipx-root .ipx-uxm .ipx-cta.ipx-load .ipx-sp{display:block}
.ipx-root .ipx-uxm .ipx-cta.ipx-load .ipx-ar{display:none}
.ipx-root .ipx-uxm .ipx-note{display:flex;gap:12px;align-items:center;padding:13px 14px;margin:0 0 16px;border-radius:15px;background:var(--ipx-accent-soft);border:1px solid var(--ipx-ring)}
.ipx-root .ipx-uxm .ipx-note .ipx-tl{width:34px;height:34px;border-radius:10px;background:var(--ipx-surface);color:var(--ipx-accent);display:grid;place-items:center;flex:none}
.ipx-root .ipx-uxm .ipx-note .ipx-tl svg{width:18px;height:18px}
.ipx-root .ipx-uxm .ipx-note p{font-size:13.5px;line-height:1.5;font-weight:500}
.ipx-root .ipx-uxm .ipx-legal{margin:0 0 20px;font-size:12.5px;line-height:1.6;color:var(--ipx-muted)}
.ipx-root .ipx-uxm .ipx-legal a{color:var(--ipx-accent);font-weight:500;text-decoration:underline;text-underline-offset:2px}
.ipx-root .ipx-uxm .ipx-swap{margin-top:18px;text-align:center;font-size:14px;color:var(--ipx-muted);font-weight:500}
.ipx-root .ipx-uxm .ipx-swap button{color:var(--ipx-accent);font-weight:600;margin-left:4px}
.ipx-root .ipx-uxm .ipx-swap button:hover{text-decoration:underline}
.ipx-root .ipx-uxm .ipx-swap button:disabled{color:var(--ipx-muted);cursor:default;text-decoration:none}
.ipx-root .ipx-uxm .ipx-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:22px;padding-top:18px;border-top:1px solid var(--ipx-border)}
.ipx-root .ipx-uxm .ipx-trust div{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;font-size:11.5px;font-weight:600;line-height:1.25;color:var(--ipx-muted)}
.ipx-root .ipx-uxm .ipx-trust svg{width:20px;height:20px;color:var(--ipx-accent)}
.ipx-root .ipx-uxm .ipx-trust div:nth-child(2) svg{color:var(--ipx-coral)}
.ipx-root .ipx-uxm .ipx-trust div:nth-child(3) svg{color:var(--ipx-c-free)}
.ipx-root .ipx-uxm .ipx-done{text-align:center;padding:14px 4px 6px}
.ipx-root .ipx-uxm .ipx-done .ipx-ok{width:70px;height:70px;margin:0 auto 18px;border-radius:23px;display:grid;place-items:center;color:#fff;background:var(--ipx-grad);box-shadow:0 14px 30px rgba(122,91,230,.36)}
.ipx-root .ipx-uxm .ipx-done .ipx-ok svg{width:32px;height:32px}
.ipx-root .ipx-uxm .ipx-done h3{font-size:22px;font-weight:700;letter-spacing:-.02em}
.ipx-root .ipx-uxm .ipx-done p{margin:8px 0 20px;color:var(--ipx-muted);font-size:14.5px;line-height:1.55}
.ipx-root .ipx-uxm .ipx-done strong{color:var(--ipx-text)}
.ipx-root .ipx-uxm .ipx-done .ipx-tip{margin:-6px 0 20px;font-size:13px}
.ipx-root .ipx-uxm .ipx-back{display:inline-flex;align-items:center;gap:6px;margin:-2px 0 14px -6px;padding:6px 12px 6px 6px;border-radius:10px;font-size:13.5px;font-weight:600;color:var(--ipx-muted);transition:.2s}
.ipx-root .ipx-uxm .ipx-back:hover{color:var(--ipx-accent);background:var(--ipx-hover)}
.ipx-root .ipx-uxm .ipx-back svg{width:18px;height:18px}
.ipx-root .ipx-uxm .ipx-fp-ic{width:58px;height:58px;border-radius:19px;display:grid;place-items:center;margin-bottom:16px;color:var(--ipx-accent);background:var(--ipx-surface);box-shadow:inset 0 0 0 1px var(--ipx-border),0 10px 24px var(--ipx-ux-glow)}
.ipx-root .ipx-uxm .ipx-fp-ic svg{width:26px;height:26px}
@keyframes ipx-uxspin{to{transform:rotate(360deg)}}
@media (min-width:600px){.ipx-root .ipx-uxm{align-items:center;padding:24px}}
@media (min-width:600px){.ipx-root .ipx-uxm .ipx-am{border-radius:28px;transform:translateY(24px) scale(.97);opacity:0;max-height:calc(100vh - 48px);transition:transform .45s var(--ipx-ease),opacity .3s}}
@media (min-width:600px){.ipx-root .ipx-uxm.ipx-on .ipx-am{transform:none;opacity:1}}
@media (min-width:600px){.ipx-root .ipx-uxm .ipx-am-grab{display:none}}
@media (min-width:600px){.ipx-root .ipx-uxm .ipx-am-top{padding-top:24px}}
/* ---------- WordPress integration ---------- */
.ipx-root .ipx-header.ipx-static{position:relative}
.ipx-root .ipx-logo img{max-width:none}
.ipx-root .ipx-logo .ipx-logo-dark{display:none}
html[data-ipx-theme="dark"] .ipx-root .ipx-logo.ipx-has-dark .ipx-logo-light{display:none}
html[data-ipx-theme="dark"] .ipx-root .ipx-logo.ipx-has-dark .ipx-logo-dark{display:block}
.ipx-root .ipx-am-top img{height:30px;width:auto;display:block}
.ipx-root .ipx-drawer-top .ipx-logo img{height:28px}
.ipx-root .ipx-cart-live,.ipx-root .ipx-wish-live{display:contents}
.ipx-root .ipx-th img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}
.ipx-root .ipx-pr .woocommerce-Price-amount,.ipx-root .ipx-sub strong .woocommerce-Price-amount{font:inherit;color:inherit}
.ipx-root .ipx-pr bdi,.ipx-root .ipx-sub bdi{font:inherit;color:inherit;letter-spacing:inherit;display:inline;margin:0;padding:0}
.ipx-root .ipx-uxd .ipx-pr small,.ipx-root .ipx-uxd .ipx-sub small{margin-left:0;font-size:.72em;font-weight:600;color:var(--ipx-muted);letter-spacing:0}
.ipx-root .ipx-pr del,.ipx-root .ipx-sub del{opacity:.5;margin-right:4px;font-weight:500}
.ipx-root .ipx-pr ins{text-decoration:none}
.ipx-root .ipx-avatar{width:30px;height:30px;border-radius:50%;object-fit:cover;display:block}
.ipx-root .ipx-icon-btn{text-decoration:none}
.ipx-root [hidden]{display:none!important}
.ipx-root .ipx-acct-user{display:flex;align-items:center;gap:14px;padding:6px 4px 18px}
.ipx-root .ipx-acct-user img{width:54px;height:54px;border-radius:50%;object-fit:cover}
.ipx-root .ipx-acct-user strong{display:block;font-size:16px;font-weight:700;color:var(--ipx-text)}
.ipx-root .ipx-acct-user span{display:block;font-size:13px;color:var(--ipx-muted);word-break:break-all}
.ipx-root .ipx-acct-list{display:grid;gap:8px}
.ipx-root .ipx-lk.ipx-out{--ipx-c:#ef4444}
.ipx-root .ipx-am-notice.ipx-on{display:flex}
.ipx-root .ipx-am-wc-notice{margin:0 0 14px}
/* The theme sets body{overflow-x:hidden}, which turns body into a scroll container and silently kills
   position:sticky. clip keeps the horizontal-overflow protection without that side effect. */
body.ipx-header-active{overflow-x:clip;overflow-y:visible}
html.ipx-lock,body.ipx-lock{overflow:hidden!important}
.ipx-root .ipx-uxd.ipx-busy .ipx-mb{opacity:.55;pointer-events:none;transition:opacity .2s}
/* admin bar */
body.admin-bar .ipx-root .ipx-header{top:32px}
body.admin-bar .ipx-root .ipx-uxd,body.admin-bar .ipx-root .ipx-drawer{top:32px}
@media (max-width:782px){body.admin-bar .ipx-root .ipx-header{top:46px}body.admin-bar .ipx-root .ipx-uxd,body.admin-bar .ipx-root .ipx-drawer{top:46px}}
@media (max-width:600px){body.admin-bar .ipx-root .ipx-header{top:0}body.admin-bar .ipx-root .ipx-uxd,body.admin-bar .ipx-root .ipx-drawer{top:0}}
/* live search dropdown while the header search is open */
html.ipx-search-open .hero-live-search-results{z-index:1990!important}
html.ipx-search-open[data-ipx-theme="dark"] .hero-live-search-results{background:#131624!important;border-color:#252a40!important;color:#eef0f8!important}
html.ipx-search-open[data-ipx-theme="dark"] .hero-live-search-results *{color:inherit}
@media (prefers-reduced-motion:reduce){.ipx-root *{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* very narrow phones: keep logo + icons + burger inside the viewport (mobile design will refine this) */
@media (max-width:400px){
.ipx-root .ipx-inner{padding:0 12px;gap:10px}
.ipx-root .ipx-logo img{height:22px}
.ipx-root .ipx-icon-btn{width:36px;height:36px}
.ipx-root .ipx-actions{gap:2px}
}
@media (max-width:340px){
.ipx-root .ipx-inner{padding:0 8px;gap:6px}
.ipx-root .ipx-logo img{height:19px}
.ipx-root .ipx-icon-btn{width:34px;height:34px}
}

/* invisible bridge so the pointer never "falls" between the nav button and its dropdown */
.ipx-root .ipx-mega::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}
.ipx-root .ipx-nav-wrap{display:contents}

/* =========================================================================
 * Header sağ ikonlar (arama / favori / hesap / sepet): daha büyük, koyu ve net.
 * Önceki hâl: 20px ince (1.8) gri çizgi, şeffaf zemin -> beyaz header'da kayboluyordu.
 * ====================================================================== */
.ipx-root .ipx-actions{gap:10px}
.ipx-root .ipx-icon-btn{
	width:46px;height:46px;border-radius:14px;
	color:var(--ipx-text);
	background:var(--ipx-surface-2);
	border:1px solid var(--ipx-border);
	transition:transform .2s cubic-bezier(.2,.8,.2,1),background-color .2s,color .2s,border-color .2s,box-shadow .2s;
}
.ipx-root .ipx-icon-btn .ipx-ic{width:24px;height:24px;stroke-width:2.1}
.ipx-root .ipx-icon-btn:hover,
.ipx-root .ipx-icon-btn:focus-visible{
	color:var(--ipx-accent);
	background:var(--ipx-accent-soft);
	border-color:var(--ipx-accent);
	transform:translateY(-2px);
	box-shadow:0 10px 20px -10px var(--ipx-accent);
}
.ipx-root .ipx-icon-btn:active{transform:translateY(0) scale(.96)}
.ipx-root .ipx-icon-btn:focus-visible{outline:2px solid var(--ipx-ring);outline-offset:2px}
/* menü butonu (burger) sade kalsın, diğerleriyle aynı ölçüde */
.ipx-root .ipx-burger{color:var(--ipx-text)}
.ipx-root .ipx-avatar{width:34px;height:34px}
/* sayaç rozeti: daha büyük ve okunur */
.ipx-root .ipx-count{
	top:-9px;right:-9px;min-width:22px;height:22px;padding:0 6px;border-radius:11px;
	font-size:12px;font-weight:800;line-height:1;
	border:2px solid var(--ipx-header-bg);
	box-shadow:0 4px 10px -3px rgba(99,102,241,.55);
}
.ipx-root .ipx-count.ipx-zero{background:var(--ipx-surface);color:var(--ipx-muted);border-color:var(--ipx-header-bg);box-shadow:0 0 0 1px var(--ipx-border)}

/* hesap ikonu artık mobilde de görünür (eskiden <1350px'te gizleniyordu) */
@media (max-width:1560px){.ipx-root .ipx-actions{gap:8px}}
@media (max-width:480px){
	.ipx-root .ipx-actions{gap:6px}
	.ipx-root .ipx-icon-btn{width:42px;height:42px;border-radius:13px}
	.ipx-root .ipx-icon-btn .ipx-ic{width:22px;height:22px}
	.ipx-root .ipx-avatar{width:30px;height:30px}
}
@media (max-width:400px){
	.ipx-root .ipx-actions{gap:4px}
	.ipx-root .ipx-icon-btn{width:38px;height:38px;border-radius:12px}
	.ipx-root .ipx-icon-btn .ipx-ic{width:21px;height:21px}
	.ipx-root .ipx-count{top:-8px;right:-7px;min-width:19px;height:19px;font-size:11px;padding:0 4px}
}
@media (max-width:359px){
	.ipx-root .ipx-inner{padding:0 8px;gap:6px}
	.ipx-root .ipx-icon-btn{width:34px;height:34px}
	.ipx-root .ipx-icon-btn .ipx-ic{width:19px;height:19px}
	.ipx-root .ipx-actions .ipx-acct-btn{display:none} /* çok dar ekranda hesap menü çekmecesinde */
}