/* SHALIZ V213 — symmetric hero, five-item centered navigation, white day / black night */
html body.studio-app #view-hall .hero-layout {
 display:flex!important;flex-direction:column!important;align-items:center!important;
 justify-content:center!important;grid-template-columns:none!important;
 width:100%!important;max-width:100%!important;margin-inline:auto!important;
 padding:clamp(42px,7vw,94px) 16px!important;text-align:center!important;
 min-height:clamp(390px,58vh,660px)!important;
}
html body.studio-app #view-hall .hero-content {
 width:100%!important;max-width:1100px!important;margin:0 auto!important;
 display:flex!important;flex-direction:column!important;align-items:center!important;
 justify-content:center!important;text-align:center!important;
 padding:30px 8px!important;position:relative!important;isolation:isolate!important;
 transform:none!important;left:auto!important;right:auto!important;
}
html body.studio-app #view-hall .hero-content::before {
 content:"";position:absolute;z-index:-1;pointer-events:none;
 width:min(80vw,850px);height:100%;left:50%;top:50%;
 transform:translate(-50%,-50%);
 background:radial-gradient(ellipse,rgba(201,165,110,.14) 0%,rgba(201,165,110,.045) 42%,transparent 72%);
 filter:blur(16px);
}
html body.studio-app #view-hall .studio-hero-title {
 width:100%!important;max-width:none!important;display:flex!important;
 flex-direction:column!important;align-items:center!important;justify-content:center!important;
 text-align:center!important;margin:0 auto 24px!important;padding:0!important;
 transform:none!important;line-height:1.3!important;white-space:normal!important;
}
html body.studio-app #view-hall .studio-hero-title .v213-brand-name {
 display:block!important;font-family:"Amiri","Noto Naskh Arabic",Georgia,serif!important;
 font-weight:700!important;font-size:clamp(4.1rem,10vw,9rem)!important;
 line-height:1.35!important;letter-spacing:0!important;
 color:#c6a06b!important;-webkit-text-fill-color:#c6a06b!important;
 background:none!important;text-shadow:0 5px 32px rgba(191,148,79,.24)!important;
}
html body.studio-app #view-hall .studio-hero-title .v213-huna {
 display:block!important;font-size:clamp(2.2rem,4.5vw,4rem)!important;
 font-weight:600!important;line-height:1.6!important;
}
html body.studio-app #view-hall .studio-hero-title .v213-hero-verse {
 display:block!important;font-size:clamp(1.35rem,2.6vw,2.45rem)!important;
 font-weight:400!important;line-height:1.85!important;
}
html body.studio-app #view-hall :is(.studio-hero-actions,.studio-proof) {
 width:100%!important;max-width:100%!important;display:flex!important;
 justify-content:center!important;align-items:center!important;text-align:center!important;
 margin-inline:auto!important;transform:none!important;
}
html body.studio-app .topbar {position:relative!important;}
@media(min-width:901px){
 html body.studio-app .master-topnav {
  position:absolute!important;left:50%!important;top:50%!important;
  transform:translate(-50%,-50%)!important;display:flex!important;
  align-items:center!important;justify-content:center!important;gap:clamp(8px,1.5vw,24px)!important;
  width:max-content!important;max-width:54vw!important;margin:0!important;
 }
 html body.studio-app .master-topnav button {white-space:nowrap!important;}
}
html body.studio-app .top-actions :is(.iconbtn,.toplink),
html body.studio-app .topbar > .iconbtn {
 border:0!important;outline:0!important;box-shadow:none!important;
 background:transparent!important;background-image:none!important;
 border-radius:0!important;
}
html body.studio-app .top-actions :is(.iconbtn,.toplink):focus-visible,
html body.studio-app .topbar > .iconbtn:focus-visible {
 outline:2px solid #b8955e!important;outline-offset:4px!important;border-radius:4px!important;
}
html body.studio-app .shaliz-socials-links {
 display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;
 align-items:center!important;justify-content:center!important;
 gap:clamp(6px,1.5vw,20px)!important;width:100%!important;
 overflow-x:auto!important;scrollbar-width:thin!important;
}
html body.studio-app .shaliz-socials-links .shaliz-social-link {
 display:inline-flex!important;flex-direction:row!important;flex:0 0 auto!important;
 width:auto!important;min-width:0!important;margin:0!important;padding:5px 3px!important;
 background:transparent!important;border:0!important;box-shadow:none!important;
}
html body.studio-app .shaliz-socials-links .shaliz-social-link svg {flex:0 0 auto!important;}
/* Theme backgrounds only: retain all original functionality, layout, and player controls. */
html body.studio-app:not(.night) {
 background:#fff!important;background-image:none!important;
 --paper:#fff;--wood:#fff;--wood2:#f8f8f8;
}
html body.studio-app.night {
 background:#050505!important;background-image:none!important;
}
html body.studio-app:not(.night) :is(#app,.view,.hall-view,.hall-scene,.studio-shell,
 .room-view,.room-shell,.curated-area,.shaliz-legal-footer,.topbar,
 #view-videos,#view-music,#view-literature,#view-reflection,#view-guests) {
 background-color:#fff!important;background-image:none!important;
}
html body.studio-app.night :is(#app,.view,.hall-view,.hall-scene,.studio-shell,
 .room-view,.room-shell,.curated-area,.shaliz-legal-footer,.topbar,
 #view-videos,#view-music,#view-literature,#view-reflection,#view-guests) {
 background-color:#050505!important;background-image:none!important;
}
html body.studio-app:not(.night) #view-hall .hero-content::before {
 background:radial-gradient(ellipse,rgba(217,183,130,.18),rgba(217,183,130,.04) 43%,transparent 73%);
}
html body.studio-app.night #view-hall .hero-content::before {
 background:radial-gradient(ellipse,rgba(207,163,97,.16),rgba(207,163,97,.035) 43%,transparent 73%);
}
html body.studio-app:not(.night) #view-hall .studio-hero-title .v213-huna,
html body.studio-app:not(.night) #view-hall .studio-hero-title .v213-hero-verse {
 color:#332a27!important;-webkit-text-fill-color:#332a27!important;
}
html body.studio-app.night #view-hall .studio-hero-title .v213-huna,
html body.studio-app.night #view-hall .studio-hero-title .v213-hero-verse {
 color:#f6e9d7!important;-webkit-text-fill-color:#f6e9d7!important;
}
@media(max-width:900px){
 html body.studio-app #view-hall .hero-layout {min-height:370px!important;padding:40px 10px!important;}
 html body.studio-app #view-hall .hero-content {padding:20px 4px!important;}
 html body.studio-app #view-hall .studio-hero-title .v213-brand-name {font-size:clamp(3.8rem,15vw,6.5rem)!important;}
 html body.studio-app .shaliz-socials-links .shaliz-social-link {font-size:11px!important;gap:3px!important;}
 html body.studio-app .shaliz-socials-links .shaliz-social-link svg {width:16px!important;height:16px!important;}
}