/* Header-only graphite/silver theme; logo pixels and page styling stay intact. */
.xj-header{background:#202c3b;color:#e8ecf2;border-bottom:1px solid #ffffff12;position:relative;z-index:20;box-shadow:0 5px 10px #0d192c2b,0 13px 26px #0d192c1f;}
.xj-header:after{content:'';position:absolute;top:100%;left:0;right:0;height:22px;background:linear-gradient(180deg,#15223724,#15223709 45%,transparent);pointer-events:none;}
.xj-header__inner{width:calc(100% - 48px);max-width:1440px;margin:auto;min-height:74px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px;}
.xj-header__brand{justify-self:start;display:flex;align-items:center;gap:8px;min-width:0;}
.xj-header__logo{display:flex;align-items:center;justify-content:center;width:80px;height:74px;flex-shrink:0;}
.xj-header__logo img{display:block;width:80px;height:80px;object-fit:contain;max-width:none;}
.xj-header__nav{justify-self:center;display:flex;align-items:center;gap:4px;padding:5px;border:1px solid #ffffff12;background:#ffffff06;border-radius:17px;}
.xj-header__item{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 17px;border:1px solid transparent;border-radius:12px;font-size:14px;font-weight:600;line-height:1.4;color:#c2cdda;background:transparent;white-space:nowrap;transition:background-color .18s,color .18s,border-color .18s;}
.xj-header__item[aria-current]{background:#345d8838;color:#f5f7fa;border-color:#799cc42a;}
.xj-header__item:hover{background:#ffffff0d;color:#fff;}
.xj-header__actions{--action-width:92px;--action-height:44px;--action-radius:12px;justify-self:end;display:flex;align-items:center;gap:9px;}
.xj-header__connect,.xj-header__partner{box-sizing:border-box;width:var(--action-width);height:calc(var(--action-height) + 4px);flex:0 0 var(--action-width);padding:0;display:block;overflow:hidden;isolation:isolate;border-radius:var(--action-radius);border:1px solid #a9bbcf66;background:transparent;white-space:nowrap;}
.xj-header__connect{--action-edge:#71849a;--action-stroke:#b8c8dc;color:#edf4fc;font-size:14px;font-weight:650;}
.xj-header__partner{--action-edge:#ad843b;--action-stroke:#e9c979;}
.xj-action__surface{position:absolute;inset:1px 1px 5px;display:flex;align-items:center;justify-content:center;padding:0 8px;border:1px solid var(--action-stroke);border-radius:calc(var(--action-radius) - 2px);box-shadow:0 4px 0 var(--action-edge),inset 0 1px #ffffff40;transform:perspective(600px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(var(--lift,0px));transform-style:preserve-3d;transition:transform .18s ease,box-shadow .18s ease;}
.xj-header__partner .xj-action__surface{background:linear-gradient(180deg,#fff,#edf0f5);}
.xj-header__partner img{display:block;height:auto;width:62px;object-fit:contain;max-width:100%;filter:invert(1);position:relative;z-index:2;pointer-events:none;}
.xj-header button:disabled,.xj-mobile-nav button:disabled{cursor:default;opacity:1;}
.xj-header__item:disabled,.xj-mobile-nav button:disabled{color:#99a7b9;}
.xj-header a:focus-visible,.xj-header button:focus-visible,.xj-mobile-nav a:focus-visible{outline:2px solid #aecff1;outline-offset:3px;}
.xj-mobile-nav{display:none;}
@media(min-width:768px) and (max-width:1100px){
 .xj-header__inner{gap:8px;grid-template-columns:auto minmax(0,1fr) auto;}
 .xj-header__nav{gap:0;padding:4px;}
 .xj-header__item{padding-inline:10px;}
 .xj-header__actions{--action-width:84px;}
}
@media(max-width:767px){
 .xj-header__inner{width:calc(100% - 28px);min-height:66px;grid-template-columns:minmax(0,1fr) auto;gap:6px;}
 .xj-header__nav{display:none;}
 .xj-header__brand{gap:3px;}
 .xj-header__logo{width:65px;height:66px;}
 .xj-header__logo img{width:68px;height:68px;}
 .xj-header__actions{--action-width:78px;--action-height:40px;--action-radius:10px;gap:7px;}
 .xj-header__partner img{width:50px;height:auto;}
 .xj-mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:30;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-height:70px;padding:0 8px env(safe-area-inset-bottom);background:#202c3b;border-top:1px solid #ffffff16;}
 .xj-mobile-nav a,.xj-mobile-nav button{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:70px;padding:8px 2px;color:#aab8ca;background:transparent;font-size:13px;font-weight:600;white-space:nowrap;}
 .xj-mobile-nav [aria-current]{color:#eef5fc;}
 .xj-mobile-nav [aria-current]:before{content:'';position:absolute;top:9px;left:calc(50% - 11px);width:22px;height:2px;border-radius:2px;background:#91b7de;}
 body{padding-bottom:calc(72px + env(safe-area-inset-bottom));}
}
@media(max-width:359px){
 .xj-header__logo{width:56px;}
 .xj-header__logo img{width:60px;height:60px;}
 .xj-header__actions{--action-width:72px;gap:6px;}
}
/* The same supplied 777 mark is used on every site footer. */
.footer .footer-top .wordmark{width:auto;line-height:0;}
.xj-brand-mark{display:inline-grid;place-items:center;width:88px;height:68px;flex:none;}
.xj-brand-mark img,.footer .wordmark .xj-brand-mark img{display:block;width:80px;height:80px;object-fit:contain;max-width:none;}
.xj-footer__preferences{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px;padding-top:16px;border-top:1px solid #a8b6c43d;}
.vip-footer .xj-footer__preferences{width:calc(100% - 72px);max-width:1240px;margin-inline:auto;}
.xj-footer__language-label{font-size:14px;font-weight:500;color:#52657b;}
.xj-footer__language{display:flex;align-items:center;gap:6px;direction:ltr;flex:none;}
.xj-footer__language button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 12px;border:1px solid transparent;border-radius:9px;background:transparent;color:#52657b;font:500 14px/1.4 Vazirmatn,Arial,sans-serif;cursor:pointer;transition:background-color .18s,border-color .18s,color .18s;}
.xj-footer__language img{width:20px;height:14px;object-fit:cover;border-radius:2px;flex:none;}
.xj-footer__language button:hover{background:#ffffff40;border-color:#a8b6c466;}
.xj-footer__language button[aria-pressed=true]{background:#355b8110;border-color:#6c8ca65c;color:#294c70;}
.xj-footer__language button:focus-visible{outline:2px solid #3c628e;outline-offset:3px;}
@media(max-width:700px){.vip-footer .xj-footer__preferences{width:calc(100% - 36px);}.xj-footer__preferences{gap:10px;}.xj-footer__language button{padding-inline:10px;}}
@media(prefers-reduced-motion:reduce){.xj-footer__language button{transition:none;}}
/* Interactive depth stays inside the header; destinations remain unconfigured. */
[data-header-effect]{position:relative;cursor:pointer;}
[data-header-effect]:focus-visible{outline:2px solid #aecff1;outline-offset:-2px;}
.xj-header__connect-frame{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;transition:filter .2s;}
.xj-action__label{position:relative;transform:translateZ(5px);pointer-events:none;}
[data-header-effect]:hover,[data-header-effect]:focus-visible{--lift:-1px;}
.xj-header__partner .xj-action__surface:before{content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;background:conic-gradient(from var(--gold-angle),#b48739 0deg,#f6dfa0 45deg,#fff8d3 68deg,#b4873933 110deg,#b4873933 220deg,#f9df9c 285deg,#b48739 360deg);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;animation:xj-gold-orbit 5s linear infinite;}
.xj-header__partner .xj-action__surface:after{content:'';position:absolute;inset:2px;border-radius:inherit;background:linear-gradient(110deg,transparent 26%,#fff9 45%,transparent 64%);background-size:260% 100%;background-position:120% 0;pointer-events:none;opacity:0;}
.xj-header__partner:hover .xj-action__surface:after{opacity:1;animation:xj-button-sheen 1.2s ease both;}
[data-header-effect].is-pressed,[data-header-effect]:active{--lift:2px;--tilt-x:0deg;--tilt-y:0deg;}
[data-header-effect].is-clicked .xj-action__surface{animation:xj-button-tap .32s ease;}
@property --gold-angle{syntax:'<angle>';initial-value:0deg;inherits:false;}
@keyframes xj-gold-orbit{to{--gold-angle:360deg;}}
@keyframes xj-button-sheen{to{background-position:-40% 0;}}
@keyframes xj-button-tap{0%,100%{transform:translateY(0)}40%{transform:translateY(3px)}70%{transform:translateY(-1px)}}
@media(prefers-reduced-motion:reduce){.xj-header a,.xj-header button{transition:none;}.xj-action__surface{transform:none!important;animation:none!important;transition:none;}.xj-header__partner .xj-action__surface:before,.xj-header__partner .xj-action__surface:after{animation:none!important;}.xj-header__connect-frame{transition:none;}}