/* v84.99cb — padanan ruang dan saiz kandungan awam.
   Satu susun atur untuk halaman awam; tidak mengubah header, iklan, checkout atau admin. */
:root{--wtp-page-shell:1440px;--wtp-page-content:1200px;--wtp-page-readable:850px;--wtp-page-side:clamp(14px,2.6vw,42px);--wtp-section-side:clamp(14px,3vw,36px);--wtp-section-top:clamp(46px,5.5vw,68px);--wtp-card-gap:clamp(10px,1.5vw,18px)}
/* Fix legacy `.service-page` rules which mistakenly style the BODY as a narrow panel.
   This caused the whole /servis/ page AND its header to shrink on desktop/tablet. */
body.service-page.wantopup-landing:not(.wtp-admin-route){
 width:100%!important;max-width:100%!important;min-width:320px!important;
 margin:0!important;padding:0!important;box-sizing:border-box!important;
}
/* Shared page shell: homepage, pakej, servis, agent/dealer/master and other landing pages. */
body.wantopup-landing:not(.wtp-admin-route) main:is(.pakej-main,.wtp-public-page-main),
body.wantopup-landing:not(.wtp-admin-route) main.wtp-public-page-main {
 box-sizing:border-box!important;width:100%!important;max-width:var(--wtp-page-shell)!important;
 margin:0 auto!important;padding-left:var(--wtp-page-side)!important;padding-right:var(--wtp-page-side)!important;
 min-width:0!important;overflow-x:clip!important;
}
body.wantopup-landing:not(.wtp-admin-route) main :is(.pakej-hero-section,.wantopup-services.section) {
 box-sizing:border-box!important;width:100%!important;max-width:var(--wtp-page-content)!important;
 margin-inline:auto!important;min-width:0!important;
 padding:var(--wtp-section-top) var(--wtp-section-side) clamp(40px,5vw,62px)!important;
}
body.wantopup-landing:not(.wtp-admin-route) main :is(.pakej-hero-section,.wantopup-services.section) > .section-head {
 width:100%!important;max-width:var(--wtp-page-readable)!important;margin:0 auto clamp(22px,3vw,32px)!important;
 padding:0!important;text-align:center!important;
}
body.wantopup-landing:not(.wtp-admin-route) main :is(.pakej-hero-section,.wantopup-services.section) > .section-head .eyebrow {
 font-size:.76rem!important;letter-spacing:.055em!important;line-height:1.35!important;
 margin:0 0 13px!important;padding:0!important;
}
body.wantopup-landing:not(.wtp-admin-route) main :is(.pakej-hero-section,.wantopup-services.section) > .section-head h1 {
 font-size:clamp(1.75rem,3vw,2.65rem)!important;line-height:1.14!important;
 letter-spacing:-.025em!important;margin:0 0 14px!important;overflow-wrap:break-word!important;
}
body.wantopup-landing:not(.wtp-admin-route) main :is(.pakej-hero-section,.wantopup-services.section) > .section-head p:not(.eyebrow) {
 font-size:clamp(.94rem,1.25vw,1.06rem)!important;line-height:1.6!important;
 margin:0 auto!important;max-width:760px!important;
}
/* Servis cards stay within exactly the same inner column as other public sections. */
body.service-page:not(.wtp-admin-route) .wtp-service-categories,
body.service-page:not(.wtp-admin-route) .wtp-service-catalog,
body.service-page:not(.wtp-admin-route) .wtp-app-gallery,
body.service-page:not(.wtp-admin-route) .wtp-service-cta {
 width:100%!important;max-width:100%!important;min-width:0!important;margin-inline:auto!important;
}
body.service-page:not(.wtp-admin-route) .wtp-service-categories{margin-top:0!important;margin-bottom:clamp(18px,2.5vw,28px)!important;gap:var(--wtp-card-gap)!important;}
body.service-page:not(.wtp-admin-route) .wtp-service-category{
 min-height:88px!important;padding:13px 14px!important;max-width:100%!important;min-width:0!important;
 border-radius:17px!important;align-items:center!important;
}
body.service-page:not(.wtp-admin-route) .wtp-service-category-copy{min-width:0!important;overflow-wrap:anywhere!important;}
body.service-page:not(.wtp-admin-route) .wtp-service-logo-grid{gap:var(--wtp-card-gap)!important;}
body.service-page:not(.wtp-admin-route) .wtp-service-logo-card{
 min-width:0!important;max-width:100%!important;min-height:108px!important;overflow-wrap:anywhere!important;
}
body.service-page:not(.wtp-admin-route) .wtp-service-panel[hidden]{display:none!important;}
body.service-page:not(.wtp-admin-route) .wtp-service-panel-head{text-align:center!important;max-width:var(--wtp-page-readable)!important;margin-inline:auto!important;}
body.service-page:not(.wtp-admin-route) .wtp-app-gallery{margin-top:clamp(20px,3vw,30px)!important;margin-bottom:clamp(14px,2vw,22px)!important;}
body.service-page:not(.wtp-admin-route) .wtp-service-cta{margin-top:clamp(22px,3vw,34px)!important;}
body.service-page:not(.wtp-admin-route) :is(.wtp-service-category,.wtp-service-logo-card,.wtp-app-gallery-card) {box-sizing:border-box!important;}
@media (max-width:1100px){body.service-page:not(.wtp-admin-route) .wtp-service-categories{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media (max-width:680px){
 :root{--wtp-page-side:14px;--wtp-section-side:0px;--wtp-section-top:30px;--wtp-card-gap:10px;}
 body.wantopup-landing:not(.wtp-admin-route) main :is(.pakej-hero-section,.wantopup-services.section){padding-top:30px!important;padding-bottom:36px!important;}
 body.wantopup-landing:not(.wtp-admin-route) main :is(.pakej-hero-section,.wantopup-services.section)>.section-head{margin-bottom:20px!important;}
 body.service-page:not(.wtp-admin-route) .wtp-service-categories{grid-template-columns:minmax(0,1fr)!important;gap:10px!important;}
 body.service-page:not(.wtp-admin-route) .wtp-service-category{min-height:74px!important;padding:10px 13px!important;}
 body.service-page:not(.wtp-admin-route) .wtp-service-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
 body.service-page:not(.wtp-admin-route) .wtp-service-logo-card{min-height:98px!important;}
 body.service-page:not(.wtp-admin-route) .wtp-service-panel{padding:14px!important;}
 body.service-page:not(.wtp-admin-route) .wtp-service-cta .btn{max-width:100%!important;width:100%!important;}
}

/* v84.99cc: the legacy `.service-page > section` selector accidentally
   treats the shared WhatsApp help box as a full-width service section.
   Match the SAME 1080px support CTA on every public page; leave ads alone. */
body:not(.wtp-admin-route) > section.wtp-page-whatsapp-cta {
  box-sizing:border-box!important;
  width:min(1080px,calc(100% - 32px))!important;
  max-width:1080px!important;
  min-width:0!important;
  margin:22px auto 28px!important;
}
@media(max-width:640px) {
  body:not(.wtp-admin-route) > section.wtp-page-whatsapp-cta {
    width:calc(100% - 22px)!important;
    max-width:calc(100% - 22px)!important;
    padding:17px 13px!important;
  }
}