/* Owner's October 15 brand and layout refinements. */
html body[data-page][class] .directory-logo-art{--logo-height:44px;position:relative!important;display:block!important;flex:none!important;width:min(100%,calc(var(--logo-height)*var(--logo-ratio)));aspect-ratio:var(--logo-ratio);overflow:hidden!important;background:none!important}
html body[data-page][class] .directory-logo-art img{position:absolute!important;left:var(--image-left)!important;top:var(--image-top)!important;width:var(--image-width)!important;height:var(--image-height)!important;max-width:none!important;max-height:none!important;object-fit:fill!important;transform:none!important;margin:0!important;padding:0!important;background:none!important;border:0!important}
html body[data-page][class] #ulasan .restaurant-strip{container-type:inline-size}
html body[data-page][class] #ulasan .restaurant-strip .marquee-group{min-width:0!important;gap:8px!important;justify-content:start!important;padding-right:8px!important}
html body[data-page][class] #ulasan .restaurant-strip .restaurant-logo{flex:0 0 calc((100cqw - 56px)/8)!important;width:calc((100cqw - 56px)/8)!important;min-width:0!important;max-width:none!important;height:48px!important;padding:3px!important;box-sizing:border-box!important;margin:0!important;transform:none!important}
html body[data-page][class] #ulasan .directory-logo-art{--logo-height:30px}
html body[data-page][class] .program-art{--program-height:clamp(16px,3vw,40px);display:inline-block!important;position:relative!important;vertical-align:middle;width:calc(var(--program-height)*var(--program-ratio));max-width:100%;aspect-ratio:var(--program-ratio);flex:none;overflow:hidden}
html body[data-page][class] .story-dialog .program-art,html body[data-page][class] .program-dialog .program-art{--program-height:40px}
html body[data-page][class] .program-art .program-wordmark{position:absolute!important;width:var(--art-width)!important;height:var(--art-height)!important;max-width:none!important;max-height:none!important;left:var(--art-left)!important;top:var(--art-top)!important;bottom:auto!important;transform:none!important;object-fit:fill!important;margin:0!important;filter:none!important}
html body[data-page][class] .mascot-choice strong{position:relative!important;height:clamp(20px,3.2vw,46px)!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:12px 0 16px!important;overflow:visible!important}
html body[data-page][class] .mascot-choice>span{font-size:clamp(10px,1.1vw,15px)!important;line-height:1.4!important;text-wrap:balance;max-width:240px!important;margin-inline:auto!important}
html body[data-page][class] #konsultasi .business-preview .shelf-photo{position:relative!important;isolation:isolate}
html body[data-page][class] #konsultasi .business-preview .shelf-photo::after{content:"";position:absolute;inset:38% 0 0;background:linear-gradient(transparent,rgba(9,28,61,.78));pointer-events:none;z-index:1}
html body[data-page][class] #konsultasi .business-image-label{position:absolute;left:20px;right:16px;bottom:13px;z-index:2;display:block;font:700 clamp(22px,2.4vw,34px)/1.05 LeagueSpartan,Arial,sans-serif;color:#fff;text-shadow:0 2px 8px #10275255;letter-spacing:-.02em}
html body[data-page=tentang][class] ul.about-logo-grid:is(#about-logos-0,#about-logos-1){display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;gap:12px 18px!important;align-items:center!important;max-height:none!important;overflow:visible!important}
html body[data-page=tentang][class] ul.about-logo-grid:is(#about-logos-0,#about-logos-1)>li{display:flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:0!important;height:72px!important;min-height:0!important;padding:8px!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;overflow:hidden!important}
html body[data-page=tentang][class] ul.about-logo-grid:is(#about-logos-0,#about-logos-1):not(.is-expanded)>li:nth-child(n+17){display:none!important}
html body[data-page=tentang][class] ul.about-logo-grid:is(#about-logos-0,#about-logos-1):not(.is-expanded)>li:nth-child(-n+16){display:flex!important}
html body[data-page=tentang][class] ul.about-logo-grid:is(#about-logos-0,#about-logos-1)>li>img{display:block!important;width:100%!important;max-width:125px!important;height:44px!important;max-height:44px!important;object-fit:contain!important;object-position:center!important;padding:0!important;background:none!important;border-radius:0!important;transform:none!important}
@media(max-width:760px){
 html body[data-page][class] .directory-logo-art{--logo-height:26px}
 html body[data-page][class] #ulasan .directory-logo-art{--logo-height:24px}
 html body[data-page][class] #ulasan .restaurant-strip .marquee-group{gap:5px!important;padding-right:5px!important}
 html body[data-page][class] #ulasan .restaurant-strip .restaurant-logo{flex-basis:calc((100cqw - 35px)/8)!important;width:calc((100cqw - 35px)/8)!important;padding:1px!important;height:34px!important}
 html body[data-page][class] .mascot-choice strong{margin:7px 0 10px!important}
 html body[data-page][class] .story-dialog .program-art,html body[data-page][class] .program-dialog .program-art{--program-height:32px}
 html body[data-page][class] #konsultasi .business-image-label{font-size:22px;left:12px;right:10px;bottom:12px}
 html body[data-page=tentang][class] ul.about-logo-grid:is(#about-logos-0,#about-logos-1){gap:6px 5px!important}
 html body[data-page=tentang][class] ul.about-logo-grid:is(#about-logos-0,#about-logos-1)>li{height:40px!important;padding:2px!important}
 html body[data-page=tentang][class] ul.about-logo-grid:is(#about-logos-0,#about-logos-1)>li>img{width:100%!important;max-width:100%!important;height:26px!important;max-height:26px!important}
}