/* WanTopup v84.99bz: SATU reka bentuk awam, bukan tema berbeza untuk /servis/. */
:root{--wtp-public-shell:1440px;--wtp-public-content:1320px;--wtp-public-gap:clamp(12px,1.7vw,20px);--wtp-public-radius:20px;--wtp-public-pad:clamp(14px,3vw,36px)}
/* Shared shell values match /pakej/, home and direct package pages. */
body.wantopup-landing main .section-head{max-width:850px;margin-left:auto;margin-right:auto;text-align:center}
body.wantopup-landing main .section-head h1{line-height:1.12;overflow-wrap:break-word}
body.wantopup-landing main .section-head p{max-width:760px;margin-left:auto;margin-right:auto}
/* /servis/ no longer has an oversized, separately framed page wrapper. */
body.service-page main .wantopup-services.section{box-sizing:border-box;width:min(100%,var(--wtp-public-shell))!important;max-width:var(--wtp-public-shell)!important;margin:0 auto!important;padding:clamp(28px,4vw,54px) var(--wtp-public-pad)!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
body.service-page .wtp-service-categories,body.service-page .wtp-service-catalog,body.service-page .wtp-app-gallery,body.service-page .wtp-service-cta{width:100%;max-width:var(--wtp-public-content)!important;margin-left:auto!important;margin-right:auto!important;min-width:0}
body.service-page .wtp-service-categories{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:var(--wtp-public-gap)!important;margin-bottom:24px!important}
body.service-page .wtp-service-category{box-sizing:border-box;min-height:92px!important;height:100%;padding:14px 16px!important;border-radius:var(--wtp-public-radius)!important;gap:12px!important;box-shadow:0 8px 20px rgba(15,23,42,.05)!important}
body.service-page .wtp-service-category-icon{width:44px!important;height:44px!important;flex:0 0 44px!important;font-size:23px!important}
body.service-page .wtp-service-category-copy{min-width:0!important;flex:1}
body.service-page .wtp-service-category-copy strong{font-size:.98rem!important;line-height:1.3!important}
body.service-page .wtp-service-category-copy small{font-size:.82rem!important;line-height:1.35!important}
body.service-page .wtp-service-panel{padding:clamp(14px,2vw,24px)!important;border-radius:var(--wtp-public-radius)!important}
body.service-page .wtp-service-logo-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:var(--wtp-public-gap)!important}
body.service-page .wtp-service-logo-card{box-sizing:border-box;min-height:110px!important;padding:12px 9px!important;gap:7px!important;border-radius:16px!important}
body.service-page .wtp-service-logo-media{width:56px!important;height:56px!important;max-width:100%;border-radius:13px!important}
body.service-page .wtp-service-logo-media img{width:48px!important;height:48px!important;object-fit:contain!important}
body.service-page .wtp-service-logo-card>span:last-child{font-size:.82rem!important;line-height:1.28!important;overflow-wrap:anywhere}
body.service-page .wtp-service-note{max-width:880px!important}
body.service-page .wtp-service-category:focus-visible,body.service-page .wtp-service-cta a:focus-visible{outline:3px solid #0f766e!important;outline-offset:3px!important}
@media(max-width:1100px){body.service-page .wtp-service-categories{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.service-page .wtp-service-logo-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:680px){body.service-page main .wantopup-services.section{padding:24px 14px!important}body.service-page .wtp-service-categories{grid-template-columns:1fr!important;gap:10px!important}body.service-page .wtp-service-category{min-height:76px!important;padding:11px 13px!important}body.service-page .wtp-service-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}body.service-page .wtp-service-logo-card{min-height:102px!important}body.service-page .wtp-service-panel{padding:14px!important}body.service-page .wtp-service-cta{display:flex!important;flex-wrap:wrap!important;gap:12px!important}body.service-page .wtp-service-cta .btn{max-width:100%;width:100%}}
@media(prefers-reduced-motion:reduce){body.service-page .wtp-service-category{transition:none!important}}