.tj-pro-header{position:sticky;top:0;z-index:1050;height:76px;background:rgba(20,5,47,.98);border-bottom:1px solid rgba(172,87,255,.14);box-shadow:0 10px 35px rgba(8,0,25,.22);backdrop-filter:blur(18px);font-family:Inter,Segoe UI,Tahoma,sans-serif}
.tj-pro-header *{box-sizing:border-box}
.tj-pro-header__bar{width:min(1280px,calc(100% - 40px));height:76px;margin:auto;display:grid;grid-template-columns:190px 1fr auto;align-items:center;gap:24px}
.tj-pro-header__brand{display:inline-flex;align-items:center;gap:10px;color:#fff!important;text-decoration:none!important;font-size:19px;letter-spacing:-.3px}
.tj-pro-header__brand img{width:auto;max-width:128px;height:36px;object-fit:contain}
.tj-pro-header__mark{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#b04eff,#7e32ed);box-shadow:0 8px 22px rgba(153,62,245,.35);font-size:13px}
.tj-pro-header__nav{display:flex;align-items:center;justify-content:center;gap:7px}
.tj-pro-header__nav a{position:relative;color:#a99db9!important;text-decoration:none!important;font-size:12px;font-weight:650;padding:10px 14px;border-radius:10px;transition:.2s}
.tj-pro-header__nav a:hover{color:#fff!important;background:rgba(255,255,255,.05)}
.tj-pro-header__nav a.active{color:#fff!important;background:#341268}
.tj-pro-header__nav a.active:after{content:"";position:absolute;left:38%;right:38%;bottom:4px;height:2px;border-radius:2px;background:#b34fff}
.tj-pro-header__actions{display:flex;align-items:center;justify-content:flex-end;gap:9px}
.tj-pro-header__icon{height:36px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #3b2054;border-radius:10px;color:#cdbfda!important;text-decoration:none!important;font-size:11px;padding:0 10px;transition:.2s}
.tj-pro-header__icon:hover{border-color:#6c3596;background:#2a1050;color:#fff!important}
.tj-pro-header__cart{position:relative;width:38px;padding:0}
.tj-pro-header__cart b{position:absolute;top:-6px;right:-6px;min-width:17px;height:17px;padding:0 4px;display:grid;place-items:center;border-radius:9px;background:#9e45f5;color:#fff;border:2px solid #16052f;font-size:8px}
.tj-pro-header__signin{color:#d5c9df!important;text-decoration:none!important;font-size:12px;font-weight:700;padding:10px 9px}
.tj-pro-header__cta{height:38px;display:inline-flex;align-items:center;gap:8px;color:#fff!important;text-decoration:none!important;font-size:11px;font-weight:750;padding:0 16px;border-radius:11px;background:linear-gradient(90deg,#8639ee,#ad50f3);box-shadow:0 8px 24px rgba(145,57,241,.28)}
.tj-pro-header__cta i{font-size:9px}
.tj-pro-header__account{display:flex;align-items:center;gap:8px;text-decoration:none!important;color:#fff!important;padding:5px 8px;border-radius:11px}
.tj-pro-header__account:hover{background:#29104b}.tj-pro-header__avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#9e47f4,#6a2fc0);font-size:11px;font-weight:800}
.tj-pro-header__account small,.tj-pro-header__account strong{display:block;line-height:1.2}.tj-pro-header__account small{color:#8e80a0;font-size:8px}.tj-pro-header__account strong{font-size:10px;margin-top:2px}
.tj-pro-header__toggle{display:none;width:38px;height:38px;border:1px solid #3b2054;border-radius:10px;background:#251044;color:#fff}
.tj-pro-header__mobile{display:none}
[dir=rtl] .tj-pro-header__bar,[dir=rtl] .tj-pro-header__nav,[dir=rtl] .tj-pro-header__actions{direction:rtl}
@media(max-width:1050px){.tj-pro-header__bar{grid-template-columns:155px 1fr auto}.tj-pro-header__nav a{padding-inline:8px}.tj-pro-header__language span{display:none}}
@media(max-width:850px){.tj-pro-header__bar{grid-template-columns:1fr auto}.tj-pro-header__nav,.tj-pro-header__signin,.tj-pro-header__cta,.tj-pro-header__account>span:last-child{display:none}.tj-pro-header__toggle{display:block}.tj-pro-header__mobile{position:absolute;top:76px;left:0;right:0;padding:12px 20px 20px;background:#190733;border-top:1px solid #361355;box-shadow:0 20px 35px rgba(7,0,20,.4)}.tj-pro-header__mobile.is-open{display:grid}.tj-pro-header__mobile>a{color:#cbbdd7!important;text-decoration:none!important;padding:12px 8px;border-bottom:1px solid rgba(255,255,255,.05);font-size:13px}.tj-pro-header__mobile-actions{display:flex;gap:10px;padding-top:15px}.tj-pro-header__mobile-actions a{flex:1;text-align:center;color:#ddd!important;text-decoration:none!important;border:1px solid #4a246b;border-radius:10px;padding:10px;font-size:12px}.tj-pro-header__mobile-actions a.primary{background:#9342ef;color:#fff!important;border-color:#9342ef}}
@media(max-width:450px){.tj-pro-header__bar{width:calc(100% - 24px);gap:8px}.tj-pro-header__language{display:none}}

@media(max-width:1099.98px){
    .tj-site-header .tj-pro-header__mobile{display:flex;position:fixed;z-index:1201;top:0;right:0;bottom:0;left:auto;width:min(340px,88vw);height:100vh;padding:76px 24px 28px;flex-direction:column;gap:4px;background:#190733;border:0;border-left:1px solid #361355;box-shadow:-20px 0 45px rgba(7,0,20,.45);transform:translateX(105%);visibility:hidden;transition:transform .3s ease,visibility .3s ease}
    .tj-site-header .tj-pro-header__mobile.is-open{display:flex;transform:translateX(0);visibility:visible}
    .tj-site-header .tj-pro-header__mobile>a{color:#fff!important;padding:14px 8px;font-size:14px}
    [dir=rtl] .tj-site-header .tj-pro-header__mobile{right:auto;left:0;border:0;border-right:1px solid #361355;transform:translateX(-105%)}
    [dir=rtl] .tj-site-header .tj-pro-header__mobile.is-open{transform:translateX(0)}
}

/* Public site header */
.tj-site-header__inner{position:relative;width:min(1280px,calc(100% - 40px));grid-template-columns:220px minmax(0,1fr) auto;gap:20px}
.tj-site-header__logo{width:auto;height:42px;max-width:170px;object-fit:contain}
.tj-site-header__nav{display:flex;align-items:center;justify-content:center;gap:22px;margin:0;min-width:0;white-space:nowrap}
.tj-site-header__nav a{color:#fff!important}
.tj-site-header__brand,.tj-site-header__signin,.tj-site-header__actions .lang-trigger{color:#fff!important}
.tj-site-header__cart{position:relative;width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:11px;color:#e9dcf8!important;text-decoration:none!important;background:rgba(255,255,255,.045);transition:.2s}
.tj-site-header__cart:hover{color:#fff!important;border-color:#8f45e8;background:#2c1053}
.tj-site-header__cart>span{position:absolute;top:-6px;right:-7px;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;border:2px solid #15052f;border-radius:10px;background:#a249f4;color:#fff;font-size:9px;font-weight:800;line-height:1}
[dir=rtl] .tj-site-header__cart>span{right:auto;left:-7px}
.tj-mobile-offcanvas__backdrop{display:none}
.tj-mobile-offcanvas__close{display:none}

@media(max-width:1099.98px){
    .tj-site-header__inner{width:calc(100% - 28px);grid-template-columns:1fr auto;gap:12px}
    .tj-site-header__nav,.tj-site-header__actions{display:none}
    .tj-site-header__logo{height:38px;max-width:150px}
    .tj-site-header__toggle{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:10px;background:rgba(255,255,255,.08);color:#fff;position:relative;z-index:1202}
    .tj-site-header.is-menu-open .tj-site-header__toggle{opacity:0;visibility:hidden;pointer-events:none}
    .tj-pro-header__mobile{display:flex;position:fixed;z-index:1201;top:0;right:0;bottom:0;left:auto;width:min(340px,88vw);height:100vh;padding:76px 24px 28px;flex-direction:column;gap:4px;background:#190733;border-left:1px solid #361355;box-shadow:-20px 0 45px rgba(7,0,20,.45);transform:translateX(105%);visibility:hidden;transition:transform .3s ease,visibility .3s ease}
    .tj-pro-header__mobile.is-open{display:flex;transform:translateX(0);visibility:visible}
    .tj-pro-header__mobile>a{color:#fff!important;text-decoration:none!important;padding:14px 8px;border-bottom:1px solid rgba(255,255,255,.08);font-size:14px}
    .tj-mobile-offcanvas__close{display:grid;place-items:center;position:absolute;z-index:1204;top:18px;right:18px;width:40px;height:40px;border:0;border-radius:10px;background:rgba(255,255,255,.08);color:#fff;font-size:17px;cursor:pointer;pointer-events:auto}
    .tj-mobile-offcanvas__language{position:relative;z-index:2;margin-bottom:12px}.tj-mobile-offcanvas__language .lang-trigger{color:#fff!important;background:rgba(255,255,255,.08)!important;border:0!important}.tj-mobile-offcanvas__language .custom-dropdown{right:0;left:auto;z-index:10}
    .tj-mobile-offcanvas__backdrop{display:block;position:fixed;z-index:1200;inset:0;border:0;background:rgba(7,0,20,.62);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease}
    .tj-mobile-offcanvas__backdrop.is-open{opacity:1;visibility:visible;pointer-events:auto}
}

[dir=rtl] .tj-site-header__nav{margin:0}
@media(max-width:1099.98px){[dir=rtl] .tj-pro-header__mobile{right:auto;left:0;border-right:1px solid #361355;border-left:0;transform:translateX(-105%)}[dir=rtl] .tj-pro-header__mobile.is-open{transform:translateX(0)}[dir=rtl] .tj-mobile-offcanvas__close{right:auto;left:18px}}

/* Keep the desktop nav from overflowing on mid-size screens (1100px–1280px) */
@media(min-width:1100px) and (max-width:1280px){
    .tj-site-header__inner{grid-template-columns:180px minmax(0,1fr) auto;gap:14px}
    .tj-site-header__nav{gap:14px}
    .tj-site-header__nav a{font-size:12px}
    .tj-site-header__logo{max-width:150px}
}
/* Let the nav shrink within its column instead of pushing the layout wider */
.tj-site-header__nav{flex-wrap:nowrap;overflow:hidden}

/* Header layout overrides */
.tj-pro-header{position:sticky;top:0;z-index:1050;height:76px;background:rgba(20,5,47,.96);border-bottom:1px solid rgba(172,87,255,.14);box-shadow:0 10px 35px rgba(8,0,25,.2);backdrop-filter:blur(18px);font-family:Inter,Segoe UI,Tahoma,sans-serif}
.tj-pro-header__bar{width:min(1280px,calc(100% - 40px));height:76px;margin:auto;display:grid;grid-template-columns:190px 1fr auto;align-items:center;gap:24px}
.tj-pro-header__brand{display:inline-flex;align-items:center;gap:10px;color:#fff!important;text-decoration:none;font-size:19px;letter-spacing:-.3px}
.tj-pro-header__brand img{width:34px;height:34px;object-fit:contain}.tj-pro-header__mark{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#b04eff,#7e32ed);box-shadow:0 8px 22px rgba(153,62,245,.35);font-size:13px}
.tj-pro-header__nav{display:flex;align-items:center;justify-content:center;gap:7px}.tj-pro-header__nav a{position:relative;color:#a99db9;text-decoration:none;font-size:12px;font-weight:650;padding:10px 14px;border-radius:10px;transition:.2s}
.tj-pro-header__nav a:hover{color:#fff;background:rgba(255,255,255,.045)}.tj-pro-header__nav a.active{color:#fff;background:#341268}.tj-pro-header__nav a.active:after{content:"";position:absolute;left:38%;right:38%;bottom:4px;height:2px;border-radius:2px;background:#b34fff}
.tj-pro-header__actions{display:flex;align-items:center;justify-content:flex-end;gap:9px}.tj-pro-header__icon{height:36px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #3b2054;border-radius:10px;color:#cdbfda!important;text-decoration:none;font-size:11px;padding:0 10px;transition:.2s}.tj-pro-header__icon:hover{border-color:#6c3596;background:#2a1050;color:#fff!important}
.tj-site-header__actions .lang-trigger{width:38px!important;height:38px!important;padding:0!important;justify-content:center;background:transparent!important;border:0!important;box-shadow:none!important}.tj-site-header__actions .lang-trigger:hover{background:transparent!important;border-color:transparent!important;box-shadow:none!important}.tj-site-header__actions .lang-current-code,.tj-site-header__actions .lang-chevron{display:none}
.tj-pro-header__cart{position:relative;width:38px;padding:0}.tj-pro-header__cart b{position:absolute;top:-6px;right:-6px;min-width:17px;height:17px;padding:0 4px;display:grid;place-items:center;border-radius:9px;background:#9e45f5;color:#fff;border:2px solid #16052f;font-size:8px}
.tj-pro-header__signin{color:#d5c9df!important;text-decoration:none;font-size:12px;font-weight:700;padding:10px 9px}.tj-pro-header__cta{height:38px;display:inline-flex;align-items:center;gap:8px;color:#fff!important;text-decoration:none;font-size:11px;font-weight:750;padding:0 16px;border-radius:11px;background:linear-gradient(90deg,#8639ee,#ad50f3);box-shadow:0 8px 24px rgba(145,57,241,.28)}.tj-pro-header__cta i{font-size:9px}
.tj-pro-header__account{display:flex;align-items:center;gap:8px;text-decoration:none;color:#fff!important;padding:5px 8px;border-radius:11px}.tj-pro-header__account:hover{background:#29104b}.tj-pro-header__avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#9e47f4,#6a2fc0);font-size:11px;font-weight:800}.tj-pro-header__account small,.tj-pro-header__account strong{display:block;line-height:1.2}.tj-pro-header__account small{color:#8e80a0;font-size:8px}.tj-pro-header__account strong{font-size:10px;margin-top:2px}
.tj-pro-header__toggle{display:none;width:38px;height:38px;border:1px solid #3b2054;border-radius:10px;background:#251044;color:#fff}.tj-pro-header__mobile{display:none}
[dir=rtl] .tj-pro-header__bar,[dir=rtl] .tj-pro-header__nav,[dir=rtl] .tj-pro-header__actions{direction:rtl}
@media(max-width:1050px){.tj-pro-header__bar{grid-template-columns:155px 1fr auto}.tj-pro-header__nav a{padding-inline:8px}.tj-pro-header__language span{display:none}}
@media(max-width:850px){.tj-pro-header__bar{grid-template-columns:1fr auto}.tj-pro-header__nav,.tj-pro-header__signin,.tj-pro-header__cta,.tj-pro-header__account>span:last-child{display:none}.tj-pro-header__toggle{display:block}.tj-pro-header__mobile{position:absolute;top:76px;left:0;right:0;padding:12px 20px 20px;background:#190733;border-top:1px solid #361355;box-shadow:0 20px 35px rgba(7,0,20,.4)}.tj-pro-header__mobile.is-open{display:grid}.tj-pro-header__mobile>a{color:#cbbdd7;text-decoration:none;padding:12px 8px;border-bottom:1px solid rgba(255,255,255,.05);font-size:13px}.tj-pro-header__mobile-actions{display:flex;gap:10px;padding-top:15px}.tj-pro-header__mobile-actions a{flex:1;text-align:center;color:#ddd;text-decoration:none;border:1px solid #4a246b;border-radius:10px;padding:10px;font-size:12px}.tj-pro-header__mobile-actions a.primary{background:#9342ef;color:#fff;border-color:#9342ef}}
@media(max-width:450px){.tj-pro-header__bar{width:calc(100% - 24px);gap:8px}.tj-pro-header__language{display:none}}