html body[data-page][class] .site-header .header-inner{align-items:center!important;height:72px!important;min-height:72px!important}
html body[data-page][class] .site-header .logo{display:flex!important;align-items:center!important;flex:0 0 124px!important;width:124px!important;min-width:124px!important;height:56px!important;margin:0 auto 0 0!important;padding:0!important}
html body[data-page][class] .site-header .logo span{display:flex!important;align-items:center!important;position:static!important;width:124px!important;height:56px!important;overflow:visible!important;border:0!important;background:none!important}
html body[data-page][class] .site-header .logo img{position:static!important;width:124px!important;height:52px!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;transform:none!important;filter:none!important;mix-blend-mode:multiply!important}
html body[data-page][class] .logo:before,html body[data-page][class] .logo:after,html body[data-page][class] .logo span:before,html body[data-page][class] .logo span:after{display:none!important}
html body[data-page][class] .footer-brand .logo img{width:150px!important;height:auto!important;object-fit:contain!important;position:static!important;filter:none!important;mix-blend-mode:multiply!important}
html body[data-page][class] #nilai .values-wheel{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;background:linear-gradient(135deg,#f4f8ff,#e9f1ff)!important;border:1px solid #d9e4f5!important;border-radius:28px!important;overflow:visible!important;padding:0!important;position:relative!important}
html body[data-page][class] #nilai .values-wheel .value-tile{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;min-height:0!important;padding:36px 42px!important}
html body[data-page][class] #nilai .values-wheel .value-tile:nth-child(odd){border-right:1px solid #d4e0f1!important}
html body[data-page][class] #nilai .values-wheel .value-tile:nth-child(-n+2){border-bottom:1px solid #d4e0f1!important}
html body[data-page][class] #nilai .values-wheel .value-tile h3{font-size:clamp(24px,2.4vw,34px)!important;line-height:1.2!important;max-width:25ch!important}
html body[data-page][class] #nilai .values-wheel .values-centre{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:68px!important;height:68px!important;padding:12px!important;border:1px solid #d6e2f2!important;border-radius:50%!important;background:#fff!important;box-sizing:border-box!important;display:grid!important;place-items:center!important}
html body[data-page][class] #nilai .values-wheel .values-centre img{width:44px!important;height:44px!important;max-width:44px!important;max-height:44px!important;object-fit:contain!important;aspect-ratio:1!important;transform:none!important;position:static!important}
html body[data-page][class] .contact-stage .hero-kaca .kaca-grid{display:flex!important;flex-direction:column!important;justify-content:center!important;gap:0!important;height:100%!important}
html body[data-page][class] .contact-stage .kaca-card{margin-top:-5px!important}
html body[data-page][class] .contact-stage .kaca-card:first-child{margin-top:0!important}
html body[data-page][class] .catalogue-product{display:flex!important;flex-direction:column!important;padding:12px!important;border-radius:16px!important;min-height:0!important;gap:0!important}
html body[data-page][class] .catalogue-product .product-card-link{display:flex!important;flex-direction:column!important;gap:0!important;padding:0!important;min-height:0!important;flex:1!important}
html body[data-page][class] .catalogue-product .product-picture{aspect-ratio:1!important;height:auto!important;width:100%!important;margin:0 0 12px!important;padding:0!important}
html body[data-page][class] .catalogue-product .product-picture img{width:100%!important;height:100%!important;object-fit:contain!important}
html body[data-page][class] .catalogue-product .product-brand{display:block!important;height:18px!important;min-height:18px!important;margin:0 0 7px!important;font:600 12px/18px Arial,sans-serif!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;color:#62718c!important}
html body[data-page][class] .catalogue-product .product-name{font:400 16px/1.4 Arial,sans-serif!important;margin:0!important;min-height:45px!important;height:45px!important;max-height:45px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
html body[data-page][class] .catalogue-product .product-card-footer{display:grid!important;grid-template-columns:minmax(0,1fr) 38px!important;grid-template-rows:auto 18px!important;column-gap:8px!important;row-gap:4px!important;margin:18px 0 0!important;padding:0!important;min-height:44px!important;align-items:center!important}
html body[data-page][class] .catalogue-product .product-store-price{grid-row:1!important;grid-column:1!important;font:700 17px/1.2 Arial,sans-serif!important;margin:0!important}
html body[data-page][class] .catalogue-product .product-market-meta{grid-row:2!important;grid-column:1!important;display:block!important;font:400 11px/18px Arial,sans-serif!important;margin:0!important;padding:0!important;white-space:nowrap!important;color:#67768e!important}
html body[data-page][class] .catalogue-product .favorite-toggle{grid-row:1/3!important;grid-column:2!important;position:static!important;width:36px!important;height:36px!important;min-height:36px!important;min-width:36px!important;padding:7px!important;margin:0!important;color:#2844bf!important;background:#eff3ff!important;border:1px solid #d7e0f5!important;border-radius:12px!important;font-size:22px!important}
html body[data-page][class] .catalogue-product .favorite-toggle[aria-pressed=true]{color:#d54748!important}
html body[data-page][class] .catalogue-product .product-detail-link{font-size:11px!important;margin-top:8px!important}
html body[data-page][class] .catalogue-categories{align-items:start!important;gap:12px!important;padding:10px 0 16px!important}
html body[data-page][class] .catalogue-categories>a{flex:0 0 108px!important;min-width:108px!important;max-width:108px!important;border:0!important;border-radius:0!important;background:transparent!important;padding:0!important;gap:10px!important;display:flex!important;flex-direction:column!important;align-items:center!important}
html body[data-page][class] .catalogue-categories .category-art{width:78px!important;height:78px!important;min-width:78px!important;aspect-ratio:1!important;border-radius:50%!important;overflow:hidden!important;position:relative!important;display:block!important;border:1px solid #d6e1f1!important}
html body[data-page][class] .catalogue-categories .category-art img{width:100%!important;height:100%!important;object-fit:cover!important}
html body[data-page][class] .catalogue-categories .category-art-label{font:700 10px/1.15 Arial,sans-serif!important}
html body[data-page][class] .catalogue-categories .catalogue-category-name{font:500 12px/1.3 Arial,sans-serif!important;text-align:center!important;color:#273c5a!important}
html body[data-page][class] #supplier.supplier-refresh{display:grid!important;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)!important;gap:38px!important;align-items:center!important;padding:32px!important;border:1px solid #dce6f4!important;background:linear-gradient(120deg,#e9f1ff,#f8faff)!important;border-radius:28px!important;margin-top:48px!important;margin-bottom:48px!important}
html body[data-page][class] #supplier.supplier-refresh>img{width:100%!important;height:350px!important;object-fit:cover!important;border-radius:20px!important}
html body[data-page][class] #supplier.supplier-refresh h2{font:700 clamp(28px,3.2vw,44px)/1.1 LeagueSpartan,sans-serif!important;margin:16px 0!important}
html body[data-page][class] #supplier .supplier-prep{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:12px!important;margin:26px 0!important}
html body[data-page][class] #supplier .supplier-prep span{font-size:12px!important;line-height:1.4!important;color:#375175!important}
html body[data-page][class] #supplier .supplier-prep b{display:block!important;font:700 22px/1.4 LeagueSpartan,sans-serif!important;color:#2584db!important;margin-bottom:6px!important}
html body[data-page][class] #konsultasi .shelf-photo{aspect-ratio:2.6/1!important}
html body[data-page][class] #anggaran .tier-stage .tier-pair{align-items:flex-end!important}
html body[data-page][class] #anggaran .tier-stage .tier-pair img{object-position:center bottom!important}
@media(max-width:1000px){
html body[data-page][class] .site-header .header-inner{height:64px!important;min-height:64px!important;padding:6px 8px!important;gap:8px!important;width:calc(100% - 18px)!important}
html body[data-page][class] .site-header .logo{width:90px!important;min-width:90px!important;flex-basis:90px!important;height:44px!important}
html body[data-page][class] .site-header .logo span{width:90px!important;height:44px!important}
html body[data-page][class] .site-header .logo img{width:90px!important;height:40px!important}
html body[data-page][class] .site-header .header-cta{font-size:11px!important;padding:10px 12px!important;min-height:38px!important}
html body[data-page][class] .site-header .saved-trigger{font-size:12px!important;height:36px!important;min-height:36px!important;padding:7px 9px!important}
html body[data-page][class] .site-header .menu-toggle{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:9px!important}
html body[data-page][class] #nilai .values-wheel .value-tile{padding:24px 20px!important}
html body[data-page][class] #nilai .values-wheel .value-tile h3{font-size:23px!important}
html body[data-page][class] #nilai .values-wheel .value-tile p{font-size:13px!important;line-height:1.6!important}
html body[data-page][class] #nilai .values-wheel .values-centre{width:52px!important;height:52px!important;padding:10px!important}
html body[data-page][class] #nilai .values-wheel .values-centre img{width:32px!important;height:32px!important;max-width:32px!important;max-height:32px!important}
html body[data-page][class] .contact-stage .hero-kaca{justify-content:center!important}
html body[data-page][class] .contact-stage .hero-kaca .kaca-grid{justify-content:center!important;gap:0!important}
html body[data-page][class] #supplier.supplier-refresh{gap:22px!important;padding:24px!important;grid-template-columns:1fr!important}
html body[data-page][class] #supplier.supplier-refresh>img{height:220px!important}
}
@media(max-width:600px){
html body[data-page][class] .catalogue-product{padding:8px!important;border-radius:12px!important}
html body[data-page][class] .catalogue-product .product-brand{font-size:10px!important;height:16px!important;min-height:16px!important;line-height:16px!important;margin-bottom:5px!important}
html body[data-page][class] .catalogue-product .product-name{font-size:12px!important;line-height:1.4!important;min-height:34px!important;height:34px!important;max-height:34px!important}
html body[data-page][class] .catalogue-product .product-card-footer{margin-top:12px!important;grid-template-columns:minmax(0,1fr) 30px!important;column-gap:4px!important;row-gap:2px!important;padding:0!important}
html body[data-page][class] .catalogue-product .product-store-price{font-size:13px!important}
html body[data-page][class] .catalogue-product .product-market-meta{font-size:9px!important}
html body[data-page][class] .catalogue-product .favorite-toggle{width:29px!important;height:29px!important;min-width:29px!important;min-height:29px!important;padding:5px!important;font-size:18px!important}
html body[data-page][class] .catalogue-categories>a{flex-basis:84px!important;min-width:84px!important;max-width:84px!important}
html body[data-page][class] .catalogue-categories .category-art{width:62px!important;height:62px!important;min-width:62px!important}
html body[data-page][class] .catalogue-categories .catalogue-category-name{font-size:10px!important}
html body[data-page][class] #nilai .values-wheel .value-tile{padding:20px 16px!important}
html body[data-page][class] #nilai .values-wheel .value-tile h3{font-size:19px!important}
html body[data-page][class] #nilai .values-wheel .value-tile p{font-size:12px!important}
}html body[data-page][class] .program-logo{display:block!important;width:clamp(120px,19vw,280px)!important;height:auto!important;aspect-ratio:280/92!important;overflow:hidden!important;margin:0 auto!important;max-width:100%!important}
html body[data-page][class] .mascot-choice{display:grid!important;grid-template-rows:200px 92px!important;gap:12px!important;align-items:center!important;justify-items:center!important;padding:12px 0!important}
html body[data-page][class] .mascot-choice strong{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:92px!important;margin:0!important;padding:0!important}
html body[data-page][class] .mascot-wave{display:block!important;width:200px!important;height:200px!important;object-fit:contain!important;max-width:100%!important;overflow:visible!important}
html body[data-page][class] .program-card>.mascot-wave{grid-column:1!important;grid-row:1!important;align-self:center!important;width:160px!important;height:200px!important}
html body[data-page][class] .program-card .program-logo{width:190px!important;margin:0!important}
html body[data-page][class] .hello-arm{animation:hello-wave 4s ease-in-out infinite;transform-box:view-box}
@keyframes hello-wave{0%,12%,55%,100%{transform:rotate(0)}20%,36%{transform:rotate(10deg)}28%,44%{transform:rotate(-8deg)}}
html body[data-page][class] [data-business-preview=kafe] .shelf-photo img{object-position:50% 65%!important}
@media(max-width:1000px){html body[data-page][class] .mascot-choice{grid-template-rows:140px 60px!important;gap:6px!important}html body[data-page][class] .mascot-choice strong{height:60px!important}html body[data-page][class] .mascot-wave{width:140px!important;height:140px!important}html body[data-page][class] .program-logo{width:190px!important}html body[data-page][class] .program-card>.mascot-wave{width:90px!important;height:130px!important}}
@media(max-width:600px){html body[data-page][class] .mascot-choice{grid-template-rows:100px 46px!important}html body[data-page][class] .mascot-choice strong{height:46px!important}html body[data-page][class] .mascot-wave{width:100px!important;height:100px!important}html body[data-page][class] .program-logo{width:140px!important}}
@media(prefers-reduced-motion:reduce){html body[data-page][class] .hello-arm{animation:none!important}}
html body[data-page][class] #konsultasi .sector-panel{display:block!important;min-height:0!important;width:100%!important;border:0!important;background:none!important;padding:0!important}
html body[data-page][class] #konsultasi .sector-panel[hidden]{display:none!important}
html body[data-page][class] #konsultasi .shelf-photo{width:100%!important;min-height:0!important;max-height:none!important;height:auto!important;aspect-ratio:2.6/1!important;display:block!important}
html body[data-page][class] #konsultasi .shelf-photo img{width:100%!important;height:100%!important;object-fit:cover!important}
html body[data-page][class] .catalogue-product .favorite-toggle svg{width:18px!important;height:18px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}
html body[data-page][class] .catalogue-product .favorite-toggle svg path{fill:none!important;stroke:currentColor!important}
html body[data-page][class] .catalogue-product .favorite-toggle[aria-pressed=true] svg path{fill:currentColor!important}
@media(max-width:600px){html body[data-page][class] .catalogue-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}}
html body[data-page][class] #anggaran .tier-stage figure{height:440px!important;align-self:center!important}
html body[data-page][class] #anggaran .tier-stage .tier-pair{height:100%!important;align-items:flex-end!important;padding-bottom:8px!important;box-sizing:border-box!important}
html body[data-page][class] #anggaran .tier-stage .tier-pair img{height:var(--tier-height,400px)!important;max-height:100%!important;object-position:center bottom!important;filter:drop-shadow(0 12px 14px #26436912)!important}
@media(max-width:1000px){html body[data-page][class] #anggaran .tier-stage figure{height:260px!important}html body[data-page][class] #anggaran .tier-stage .tier-pair img{height:250px!important}}
html body[data-page][class] #konsultasi .sector-panel .shelf-photo{aspect-ratio:2/1!important}
@media(max-width:1000px){html body[data-page][class] #konsultasi .sector-panel .shelf-photo{aspect-ratio:3/2!important}}
html body[data-page][class] #anggaran .tier-stage .tier-pair.is-life{max-height:none!important;height:100%!important;width:100%!important}
html body[data-page][class] #anggaran .tier-stage .tier-pair.is-life img:first-child{max-height:100%!important;width:100%!important;max-width:100%!important;flex:1 1 100%!important}
html body[data-page][class] .site-footer .footer-brand .logo{display:flex!important;width:150px!important;height:64px!important;padding:0!important;margin:0 0 14px!important;overflow:visible!important;align-items:center!important}
html body[data-page][class] .site-footer .footer-brand .logo span{display:flex!important;width:150px!important;height:64px!important;position:static!important;overflow:visible!important;padding:0!important;transform:none!important;align-items:center!important}
html body[data-page][class] .site-footer .footer-brand .logo img{display:block!important;width:150px!important;height:62px!important;max-width:150px!important;max-height:62px!important;object-fit:contain!important;position:static!important;left:auto!important;top:auto!important;transform:none!important;filter:none!important}

html body[data-page][class] .catalog-icon .category-art.shopee-cover,html body[data-page][class] .catalogue-categories .category-art.shopee-cover{display:block!important;width:108px!important;height:108px!important;min-width:108px!important;border-radius:16px!important;overflow:hidden!important;border:1px solid #dce5f3!important;background:#f6f8fc!important;box-shadow:0 5px 16px #18365714!important}
html body[data-page][class] .category-art.shopee-cover img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;position:static!important;transform:none!important;filter:none!important}
html body[data-page][class] #nilai .values-wheel .values-centre img{width:42px!important;height:42px!important;object-fit:contain!important;overflow:hidden!important}
@media(max-width:600px){html body[data-page][class] .catalog-icon .category-art.shopee-cover,html body[data-page][class] .catalogue-categories .category-art.shopee-cover{width:78px!important;height:78px!important;min-width:78px!important;border-radius:12px!important}html body[data-page][class] #nilai .values-wheel .values-centre img{width:30px!important;height:30px!important}}

html body[data-page][class] .catalog-icon .category-art.shopee-mobile-icon,html body[data-page][class] .catalogue-categories .category-art.shopee-mobile-icon{display:grid!important;place-items:center!important;width:100px!important;height:100px!important;min-width:100px!important;border-radius:22px!important;overflow:hidden!important;border:1px solid #e2e9f5!important;background:white!important;box-shadow:0 5px 18px #18365710!important}
html body[data-page][class] .category-art.shopee-mobile-icon img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;position:static!important;transform:none!important;filter:none!important}
@media(max-width:600px){html body[data-page][class] .catalog-icon .category-art.shopee-mobile-icon,html body[data-page][class] .catalogue-categories .category-art.shopee-mobile-icon{width:72px!important;height:72px!important;min-width:72px!important;border-radius:16px!important}}

html body[data-page][class] .mascot-choice{grid-template-rows:170px 64px!important;gap:6px!important;padding:6px 0!important}
html body[data-page][class] .mascot-choice strong{height:64px!important}
html body[data-page][class] .mascot-choice .mascot-wave{width:170px!important;height:170px!important;transform-origin:center!important;transition:filter .3s}
html body[data-page][class] .mascot-choice .program-logo{width:190px!important;max-width:100%!important}
html body[data-page][class] .mascot-choice:hover>.mascot-wave,html body[data-page][class] .mascot-choice:focus-visible>.mascot-wave{animation:mascot-spin .85s ease-in-out!important;filter:drop-shadow(0 10px 12px var(--mascot-glow))!important}
@media(max-width:1000px){html body[data-page][class] .mascot-choice{grid-template-rows:135px 55px!important}html body[data-page][class] .mascot-choice .mascot-wave{width:135px!important;height:135px!important}html body[data-page][class] .mascot-choice .program-logo{width:160px!important}}
@media(max-width:600px){html body[data-page][class] .mascot-choice{grid-template-rows:96px 42px!important}html body[data-page][class] .mascot-choice .mascot-wave{width:96px!important;height:96px!important}html body[data-page][class] .mascot-choice .program-logo{width:128px!important}}
@media(prefers-reduced-motion:reduce){html body[data-page][class] .mascot-choice:hover>.mascot-wave,html body[data-page][class] .mascot-choice:focus-visible>.mascot-wave{animation:none!important}}