:root{
  --site-shell-header-space:120px;
  --site-shell-footer-space:144px;
  --gold:#d4a94f;
  --gold2:#f0cf84;
}
body.site-shell{
  min-height:100vh;
  margin:0;
  padding-top:var(--site-shell-header-space);
  padding-bottom:var(--site-shell-footer-space);
  overflow-x:hidden;
}
body.site-shell::before{
  content:"";
  position:fixed;
  z-index:29;
  top:0;
  right:0;
  left:0;
  height:var(--site-shell-header-space);
  background:#050a0f;
  pointer-events:none;
}
body.site-shell > header.site-shell-header{
  position:fixed;
  top:16px;
  left:50%;
  transform:translateX(-50%);
  z-index:30;
  width:min(1480px,96vw);
  height:104px;
  min-height:104px;
  margin:0;
  border:1px solid rgba(211,154,40,.38);
  border-radius:22px;
  display:grid;
  grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr);
  grid-template-areas:"login nav brand";
  align-items:center;
  column-gap:24px;
  padding:0 36px;
  direction:ltr;
  background:#050505;
  backdrop-filter:blur(10px);
  box-shadow:0 15px 45px rgba(0,0,0,.45);
}
.site-shell-header .brand{grid-area:brand;justify-self:end;display:flex;align-items:center;gap:15px;direction:ltr}
.site-shell-header .brand-mini{width:70px;height:70px;border:2px solid var(--gold2);border-radius:50%;display:grid;place-items:center;overflow:hidden;box-shadow:0 0 22px rgba(255,184,45,.18) inset}
.site-shell-header .brand-mini img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:center}
.site-shell-header .brand-text{width:260px;line-height:1.1;direction:rtl;text-align:center;font-family:Tahoma,Arial,sans-serif}
.site-shell-header .brand-text b{display:block;color:var(--gold2);font-size:24px;white-space:nowrap}
.site-shell-header .brand-text small{display:block;margin-top:7px;color:#fff;font-size:12px;white-space:nowrap}
.site-shell-header nav{grid-area:nav;display:flex;align-items:center;justify-content:center;gap:clamp(20px,2.2vw,34px);margin:0;direction:rtl}
.site-shell-header nav a{position:relative;padding:12px 0;color:#e6ded1;font:18px Tahoma,Arial,sans-serif;white-space:nowrap;text-decoration:none}
.site-shell-header .header-actions{grid-area:login;justify-self:start;display:flex;align-items:center;gap:10px;direction:rtl}
.site-shell-header .login{padding:14px 28px;border:1px solid var(--gold);border-radius:999px;color:#f7e8c7;direction:rtl;white-space:nowrap;text-decoration:none}
body.site-shell > main.site-shell-main{margin-top:0!important;padding-top:32px;padding-bottom:32px;min-height:calc(100vh - var(--site-shell-header-space) - var(--site-shell-footer-space))}
body.site-shell > footer.site-shell-footer{position:fixed;right:0;bottom:0;left:0;width:100%;z-index:31;padding:22px 0 26px;border-top:1px solid #ffffff12;background:#050a0f;color:#fff}
@media(max-width:1280px){.site-shell-header .brand-text{display:none}}
@media(max-width:1050px){.site-shell-header nav{gap:18px}}
@media(max-width:850px){
  :root{--site-shell-header-space:177px;--site-shell-footer-space:168px}
  body.site-shell > header.site-shell-header{height:auto;min-height:0;padding:18px;display:flex;direction:rtl;flex-wrap:wrap;gap:12px}
  .site-shell-header .brand{order:1}
  .site-shell-header .header-actions{order:2;margin-right:auto}
  .site-shell-header nav{order:3;width:100%;overflow-x:auto;justify-content:flex-start;gap:18px}
  .site-shell-header nav a{font-size:16px}
  body.site-shell > main.site-shell-main{padding-top:24px;padding-bottom:24px}
}
@media(max-width:560px){
  .site-shell-header .brand-mini{width:58px;height:58px}
  .site-shell-header .login{padding:10px 12px;font-size:12px}
}