/* FAWA site v3 design layer (shared by every public page; 2026-10-28) */
@font-face{font-family:"FAWA Jakarta";font-style:normal;font-weight:300 800;font-display:swap;src:url("/perf-assets/fonts/plus-jakarta-sans-latin.woff2?v=20260907p1") format("woff2")}
:root{--p3-ink:#141416;--p3-paper:#f6f2ea;--p3-card:#fff;--p3-line:#e7e0d4;--p3-muted:#5e5a57;--p3-red:#B81D13;--p3-green:#1d8f4e;
 --p3-shadow:0 1px 2px rgba(20,20,22,.04),0 10px 30px rgba(20,20,22,.06);--p3-r:18px}
.p3-footer .container{max-width:1180px;margin-inline:auto;padding-inline:clamp(16px,4vw,32px)}
.p3-footer{background:#0f0f11;color:#bdb8b2;padding:48px 0 calc(28px + env(safe-area-inset-bottom));font-size:14.5px;line-height:1.6;text-align:left}
.p3-foot-grid{display:grid;gap:28px}
@media(min-width:900px){.p3-foot-grid{grid-template-columns:1.4fr 1fr 1fr 1fr}}
.p3-foot-brand img{border-radius:50%;width:44px;height:44px}.p3-foot-brand b{display:block;color:#fff;font-size:16px;margin:10px 0 6px}
.p3-footer p{margin:0;color:#bdb8b2}
.p3-footer h3{color:#fff;font-size:13px;letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px;font-weight:800}
.p3-footer ul{list-style:none;margin:0;padding:0}.p3-footer li{margin:0;padding:0}
.p3-footer li a{display:inline-flex;align-items:center;gap:8px;color:#d9d4ce!important;padding:6px 0;min-height:36px;text-decoration:none}
.p3-footer li a:hover{color:#fff!important}
.p3-footer .i{flex:none}
.p3-small{font-size:12.5px;color:#8e8983!important;margin-top:8px!important}
.p3-foot-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;border-top:1px solid #2a2a2e;margin-top:32px;padding-top:18px;font-size:13px;color:#8e8983}
.p3-foot-bottom a{color:#bdb8b2!important;text-decoration:none}
html body footer.p3-footer .p3-foot-bottom span{color:#a8a39d!important}
html body footer.p3-footer.p3-footer{background:#0f0f11!important;color:#bdb8b2!important;border:0!important;margin:0!important;display:block!important}
html body footer.p3-footer.p3-footer h3,html body footer.p3-footer.p3-footer b{color:#fff!important}
html body footer.p3-footer.p3-footer a{color:#d9d4ce!important}html body footer.p3-footer.p3-footer a *{color:inherit!important}html body footer.p3-footer.p3-footer *{letter-spacing:normal!important;text-transform:none!important;font-family:"FAWA Jakarta","Plus Jakarta Sans",Jakarta,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important}html body footer.p3-footer.p3-footer h3,html body footer.p3-footer.p3-footer h3 *{letter-spacing:.12em!important;text-transform:uppercase!important;color:#fff!important;font-size:13px!important}html body footer.p3-footer.p3-footer li a{font-size:14.5px!important;font-weight:500!important}html body footer.p3-footer.p3-footer li a *{font-size:inherit!important;font-weight:inherit!important}html body footer.p3-footer.p3-footer{font-family:"FAWA Jakarta","Plus Jakarta Sans",Jakarta,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important}html body footer.p3-footer.p3-footer p{color:#bdb8b2!important}
.social-float-bar,.back-top{display:none!important}
/* Shared header (same look as the homepage nav) */
.p3-header{position:sticky;top:0;z-index:900;background:#18181b;border-bottom:1px solid #2a2a2e;font-family:"FAWA Jakarta","Plus Jakarta Sans",Jakarta,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.p3-header-in{max-width:1180px;margin-inline:auto;padding:10px clamp(16px,4vw,32px);display:flex;align-items:center;gap:14px;min-height:64px}
.p3-brand{display:flex;align-items:center;gap:10px;color:#fff!important;text-decoration:none!important;font-weight:800;letter-spacing:.02em;font-size:14px;margin-right:auto}
.p3-brand img{border-radius:50%;width:36px;height:36px}
.p3-brand-short{display:none;font-size:16px}
.p3-links{display:flex;gap:4px}.p3-links a{color:#e7e3dd!important;text-decoration:none!important;font-weight:600;font-size:14.5px;padding:10px 10px;border-radius:8px}
.p3-links a:hover{background:#26262b;color:#fff!important}
.p3-book{background:#B81D13;color:#fff!important;text-decoration:none!important;font-weight:800;font-size:14.5px;padding:11px 16px;border-radius:10px;white-space:nowrap}
.p3-iconbtn{display:none;width:44px;height:44px;border-radius:12px;border:1px solid #3a3a40;color:#fff!important;align-items:center;justify-content:center}
.p3-menu{position:relative;display:none}.p3-menu summary{list-style:none;width:44px;height:44px;border-radius:12px;border:1px solid #3a3a40;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer}
.p3-menu summary::-webkit-details-marker{display:none}
.p3-menu-panel{position:absolute;right:0;top:52px;min-width:220px;background:#fff;border-radius:14px;box-shadow:0 18px 40px rgba(0,0,0,.25);padding:8px;display:grid}
.p3-menu-panel a{color:#141416!important;text-decoration:none!important;font-weight:700;padding:12px 14px;border-radius:10px;font-size:15px}
.p3-menu-panel a:hover{background:#f6f2ea}
@media(max-width:900px){.p3-links,.p3-book{display:none}.p3-menu{display:block}.p3-iconbtn{display:flex}}
@media(max-width:600px){.p3-brand-long{display:none}.p3-brand-short{display:inline}}
/* Page styles must not restyle the shared header */
html body header.p3-header.p3-header{background:#18181b!important;border-bottom:1px solid #2a2a2e!important;position:sticky!important;top:0!important;margin:0!important;padding:0!important;box-shadow:none!important;border-radius:0!important;max-width:none!important;width:auto!important;left:0;right:0;box-shadow:none!important}
html body header.p3-header.p3-header .p3-brand,html body header.p3-header.p3-header .p3-brand *{color:#fff!important}
html body header.p3-header.p3-header .p3-menu summary::before,html body header.p3-header.p3-header .p3-menu summary::after{content:none!important;display:none!important}
body:has(.p3-header)>.topbar{display:none!important}
/* Shared bottom bar on phones (WhatsApp | Tempah | Tanya) */
.p3-bar{display:none}
@media(max-width:768px){
 html body .mobile-cta-bar.p3-bar.p3-bar{display:grid!important;visibility:visible!important;opacity:1!important}
 .mobile-cta-bar.p3-bar{position:fixed;left:0;right:0;bottom:0;z-index:950;background:#18181b;display:grid;grid-template-columns:1fr 1fr 62px 62px;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom))}
 .p3-bar a{min-height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15.5px;text-decoration:none!important;font-family:"FAWA Jakarta","Plus Jakarta Sans",Jakarta,-apple-system,sans-serif}
 .p3-bar .mobile-wa{background:#1d8f4e;color:#fff!important}.p3-bar .mobile-book{background:#B81D13;color:#fff!important}
 .p3-bar .mobile-tanya{background:#fff;color:#141416!important;flex-direction:column;font-size:12.5px;line-height:1.1}
 .p3-bar .mobile-tanya img{width:28px;height:28px;border-radius:50%;object-fit:cover}
 .p3-bar .mobile-map{background:#2a2a2e;color:#fff!important;flex-direction:column;gap:3px;font-size:12.5px;line-height:1.1}
 .p3-bar .mobile-map svg{display:block;flex:none}
 html body .mobile-cta-bar a{font-weight:800}
 html body .p3-brand{min-height:44px;display:inline-flex;align-items:center}
 .mobile-cta-bar{transition:transform .25s ease}
 .mobile-cta-bar.is-away{transform:translateY(110%);pointer-events:none}
 html body .mobile-cta-bar:has(.mobile-map){grid-template-columns:1fr 1fr 62px 62px!important;gap:8px!important}
 .mobile-cta-bar .mobile-map{display:flex!important;align-items:center;justify-content:center;flex-direction:column;gap:3px;background:#2a2a2e!important;color:#fff!important;font-size:12.5px;font-weight:800;line-height:1.1;min-height:50px;border-radius:12px;text-decoration:none!important}
 .mobile-cta-bar .mobile-map svg{display:block;flex:none}
 body:has(.mobile-cta-bar){padding-bottom:84px}
 body:has(.mobile-cta-bar) #fawa-website-assistant{display:none!important}
}
/* Phones: nothing wider than the screen */
@media(max-width:768px){
 main table,article table,.compare-table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
 main a,article a,.container a{overflow-wrap:anywhere}
 html,body{overflow-x:clip}
}
/* Phones: slimmer header, as on the homepage */
@media(max-width:768px){nav .nav-top{display:none!important}}
/* Calm, consistent cards and tables */
table{border-collapse:collapse}
.price-table,.pricing-table,table.price{border-radius:14px;overflow:hidden;box-shadow:var(--p3-shadow)}
/* Articles (blog/*): one reading style for every article generation (2026-10-28) */
html body.p3-article{background:#f6f2ea!important;color:#2a2624}
html body.p3-article :is(article,main.wrap,.article-content,.blog-content){max-width:760px!important;margin-inline:auto!important;box-sizing:border-box;font-size:17px;line-height:1.75;color:#2a2624!important;background:transparent!important}
html body.p3-article :is(article,main) :is(p,li){color:#2a2624!important;font-size:17px;line-height:1.75}
html body.p3-article :is(article,main) li{margin:.3em 0}
html body.p3-article :is(article,main) :is(p,li,td,th,blockquote,figcaption,.meta,.meta-bar,.dek,.lead,h2,h3,h4,a){font-family:"FAWA Jakarta","Plus Jakarta Sans",Jakarta,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important}
html body.p3-article :is(article,main) :is(.dek,.lead){font-size:19px!important;color:#3d3734!important;line-height:1.6!important}
html body.p3-article.p3-article :is(article,main,section,div) h1,html body.p3-article.p3-article h1{font-family:"FAWA Jakarta","Plus Jakarta Sans",Jakarta,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;font-weight:800!important;font-size:clamp(30px,5.4vw,44px)!important;line-height:1.12!important;letter-spacing:-.025em!important;color:#141416!important;text-wrap:balance;background:none!important;-webkit-text-fill-color:currentColor}
html body.p3-article :is(article,main) h2{font-family:"FAWA Jakarta","Plus Jakarta Sans",Jakarta,-apple-system,"Segoe UI",Arial,sans-serif!important;font-weight:800!important;font-size:clamp(22px,3.4vw,28px)!important;line-height:1.25!important;letter-spacing:-.015em!important;color:#141416!important;background:none!important;border:0!important;padding:0!important;margin:1.9em 0 .6em!important;text-wrap:balance}
html body.p3-article :is(article,main) h3{font-weight:700!important;font-size:20px!important;line-height:1.3!important;color:#141416!important;margin:1.5em 0 .5em!important;background:none!important}
html body.p3-article :is(article,main) h4{font-weight:700!important;font-size:17px!important;color:#141416!important;margin:1.2em 0 .4em!important}
html body.p3-article :is(article,main) a:not(.btn):not([class*=cta]){color:#B81D13!important;text-underline-offset:3px}
html body.p3-article :is(.meta,.meta-bar){display:flex!important;flex-wrap:wrap;gap:4px 14px;font-size:14px!important;color:#6b6460!important;margin:.4em 0 1.4em!important;background:none!important;border:0!important;padding:0!important}
html body.p3-article :is(.meta,.meta-bar) *{color:#6b6460!important;font-size:14px!important;background:none!important;padding:0!important}
html body.p3-article .eyebrow{font-size:12.5px!important;font-weight:800!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:#B81D13!important}
html body.p3-article :is(article,main) img{max-width:100%;height:auto;border-radius:14px}
html body.p3-article :is(.tip,.info,.info-box,.why-box,.warning,.warning-box,.urgent,.highlight,.highlight-box,.callout,.box,.stat-box,.schedule-box){background:#fff!important;color:#2a2624!important;border:1px solid #e7e0d4!important;border-left:4px solid #1d8f4e!important;border-radius:14px!important;padding:14px 18px!important;margin:1.4em 0!important;box-shadow:none!important}
html body.p3-article :is(.warning,.warning-box,.urgent){border-left-color:#c27c0e!important;background:#fffaf0!important}
html body.p3-article :is(.highlight,.highlight-box,.callout,.schedule-box){border-left-color:#B81D13!important}
html body.p3-article :is(.tip,.info,.info-box,.why-box,.warning,.warning-box,.urgent,.highlight,.highlight-box,.callout,.box,.stat-box,.schedule-box) :is(p,li,span,strong,b,em,h3,h4,div){color:inherit!important;background:none!important}
html body.p3-article :is(article,main) table{width:100%;border-collapse:collapse;font-size:15px;display:block;overflow-x:auto;background:#fff;border:1px solid #e7e0d4;border-radius:12px;margin:1.2em 0}
html body.p3-article :is(article,main) :is(th,td){padding:10px 12px!important;border:0!important;border-top:1px solid #efe8de!important;text-align:left;vertical-align:top;color:#2a2624!important;background:none!important}
html body.p3-article :is(article,main) th{background:#f3ede4!important;font-weight:700;color:#141416!important;border-top:0!important}
html body.p3-article :is(div,section).cta-box.cta-box,html body.p3-article div.cta.cta{background:#141416!important;color:#fff!important;border:0!important;border-radius:18px!important;padding:22px!important;margin:2em 0!important;text-align:left!important}
html body.p3-article :is(div,section).cta-box :is(h2,h3,h4,p,span,strong),html body.p3-article div.cta :is(h2,h3,h4,p,span,strong){color:#fff!important;background:none!important}
html body.p3-article :is(div,section).cta-box a,html body.p3-article div.cta a{display:inline-block!important;margin:8px 8px 0 0!important;padding:11px 18px!important;border-radius:12px!important;background:#B81D13!important;color:#fff!important;font-weight:700!important;text-decoration:none!important;font-size:15px!important;border:0!important}
html body.p3-article :is(div,section).cta-box a[href*="wa.me"],html body.p3-article div.cta a[href*="wa.me"]{background:#1d8f4e!important}
html body.p3-article :is(div,section).cta-box a[href*="tanya-fawa"]{background:#fff!important;color:#141416!important}
html body.p3-article :is(.related,.related-links,.related-fawa-links,.related-box,.related-section,.related-grid){background:none!important;border:0!important;padding:0!important;margin:2em 0!important}
html body.p3-article :is(.related,.related-links,.related-fawa-links,.related-box,.related-grid) a,html body.p3-article .related-card a{display:block!important;padding:12px 14px!important;margin:8px 0!important;background:#fff!important;border:1px solid #e7e0d4!important;border-radius:12px!important;color:#141416!important;font-weight:600!important;font-size:15px!important;text-decoration:none!important}
html body.p3-article .related-card{background:none!important;border:0!important;padding:0!important;box-shadow:none!important}
html body.p3-article .related-card:not(:has(a)){display:none!important}
html body.p3-article :is(.sources,.source-box) :is(p,li,a){font-size:14px!important}
html body.p3-article .social-float-bar{display:none!important}
html body.p3-article :is(h2,h3).p3-related-title{margin-top:2.2em!important}
/* Antislop checklist pass (owner OK 2026-10-30): readable WhatsApp green, flat cards, 44px tap targets on phones */
:root{--p3-green:#15803d}
html body .hv2-btn.wa,html body .mobile-cta-bar .mobile-wa,html body .p3-bar .mobile-wa{background:#15803d!important;color:#fff!important}
html body.p3-article :is(div,section).cta-box a[href*="wa.me"],html body.p3-article div.cta a[href*="wa.me"]{background:#15803d!important}
html body.p3-article :is(.tip,.info,.info-box,.why-box,.stat-box,.box){border-left-color:#15803d!important}
html body :is(.p3-card,.hv2-svc,.hv2-links a){box-shadow:none!important}
html body .p3-foot-bottom a{display:inline-flex;align-items:center;min-height:24px}
@media(max-width:768px){
 html body footer.p3-footer.p3-footer li a{min-height:44px}
 html body .p3-foot-bottom a{display:inline-flex;align-items:center;min-height:44px}
 html body footer.p3-footer.p3-footer li a{min-width:44px}
 html body :is(.filter-btn,h3>a:only-child:not([class]),p>a:only-child:not([class]),a[href^="tel:"]:not([class])){position:relative}
 .filter-btn::after{content:"";position:absolute;inset:-6px}
 html body .review-dots button,html body .review-dots button.active{width:44px!important;min-width:44px!important;flex:0 0 44px!important;height:44px}
 html body :is(h3>a:only-child:not([class]),p>a:only-child:not([class]),a[href^="tel:"]:not([class]))::after{content:"";position:absolute;inset:-12px 0}
 html body a.logo-text{min-height:44px}
 .hv2-chips a,.hv2-more{position:relative}
 .hv2-chips a::after,.hv2-more::after{content:"";position:absolute;inset:-5px -2px}
}
@media(max-width:768px){
 html body .hv2-chips a{display:inline-flex;align-items:center;min-height:44px}
 html body a.hv2-more{display:inline-flex;align-items:center;min-height:44px}
}
@media(max-width:400px){
 html body nav#nav a.logo-text{min-width:0;font-size:0;letter-spacing:0;white-space:nowrap;overflow:hidden}
 html body nav#nav a.logo-text img{font-size:initial}
 html body nav#nav a.logo-text::after{content:"FAWA";font-size:15px;font-weight:800;letter-spacing:.02em;margin-left:8px;vertical-align:middle}
 html body nav#nav .nav-main{gap:6px}
}
@media(max-width:340px){
 html body nav#nav a.logo-text::after{content:none}
}
@media(min-width:768px){
 html body #fawa-website-assistant{bottom:16px!important;right:16px!important}
}