/* RC24 — ruang layar efisien, kontrol besar tetap mudah disentuh. */
@media(max-width:767px){
 :root{--header-height:58px}
 .public-site-body .site-header{height:58px;min-height:58px}
 .public-site-body .site-header .header-inner{min-height:58px;height:58px;gap:7px;align-items:center}
 .public-site-body .site-header .brand{min-width:0;gap:6px}
 .public-site-body .site-header .brand img{width:auto;height:40px;max-width:43px;object-fit:contain}
 .public-site-body .site-header .brand span{min-width:0;max-width:165px}
 .public-site-body .site-header .header-actions{gap:4px;min-width:0}
 .public-site-body .site-header .header-tinta,.public-site-body .site-header .header-contact{display:none!important}
 .public-site-body .site-header .header-actions :is(button,.icon-button,.header-login){min-width:39px;min-height:40px;width:40px;height:40px;padding:7px;border-radius:10px}
 .public-site-body .mobile-bottom-nav{left:10px!important;right:10px!important;bottom:calc(7px + env(safe-area-inset-bottom))!important;width:auto!important;min-height:56px!important;padding:5px 3px!important;gap:0!important;border-radius:18px!important}
 .public-site-body .mobile-bottom-nav__item{min-width:0!important;min-height:48px!important;padding:3px 1px!important;gap:2px!important}
 .public-site-body .mobile-bottom-nav__item>span{width:26px!important;height:25px!important;min-height:25px}
 .public-site-body .mobile-bottom-nav__item>small{font-size:clamp(.61rem,2.25vw,.71rem)!important;line-height:1.15!important;white-space:normal;overflow-wrap:normal;text-align:center;max-width:100%}
 .public-site-body .event-audio-widget{z-index:890!important;right:12px!important;left:auto!important;top:auto!important;bottom:calc(77px + env(safe-area-inset-bottom))!important;max-width:45px!important;gap:0!important}
 .public-site-body .event-audio-caption{display:none!important}
 .public-site-body .event-audio-toggle{width:43px!important;height:43px!important;box-shadow:0 5px 12px #173b3733}
 .public-site-body .event-audio-disc{transform:scale(.75)}
 .public-site-body:has(.mobile-bottom-nav){padding-bottom:calc(84px + env(safe-area-inset-bottom))}
 .public-site-body .page-hero:not(.hero-section):not(.zi-hero){padding-top:clamp(17px,4vw,30px);padding-bottom:clamp(17px,4vw,30px)}
 .public-site-body .page-hero :where(h1,p){margin-bottom:6px}
}
@media(max-width:359px){.public-site-body .site-header .brand span{display:none}.public-site-body .site-header .brand img{height:39px}.public-site-body .mobile-bottom-nav__item>small{font-size:.59rem!important}}