/* MalaysiaProject.com — clean-up and conversion layer */
/* 1. Tidy top strip: one line on desktop; on phones keep just the call link and language */
.topbar{ display:flex !important; justify-content:space-between !important; align-items:center !important; gap:16px !important; flex-wrap:nowrap !important; }
.topbar > span:first-child{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0; }
@media (max-width:760px){ .topbar > span:first-child{ display:none !important; } }
/* 2. Logo tagline stays on one line */
a.brand .brand-tag{ white-space:nowrap; }
/* 3. Breadcrumb blends into the header instead of sitting in a box */
.backbar, .backbar .wrap{ background:transparent !important; box-shadow:none !important; border:0 !important; }
#crumbs{ background:transparent !important; box-shadow:none !important; border:0 !important; padding:8px 0 10px !important; font-size:.8rem !important; letter-spacing:.01em !important; text-transform:none !important; }
/* 4. Ask MP never covers content on phones */
@media (max-width:760px){ #gpAskBtn{ bottom:80px !important; right:12px !important; padding:8px 12px !important; font-size:.72rem !important; } }
/* 5. Price + action right on each project's banner */
.hero-cta{ display:flex; flex-wrap:wrap; align-items:center; gap:10px 12px; margin-top:16px; }
.hero-cta .hc-price{ background:rgba(11,27,58,.72); border:1px solid rgba(245,208,97,.55); color:#F5D061; font-weight:800; font-size:1.02rem; padding:10px 14px; border-radius:12px; -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); }
.hero-cta .hc-price small{ display:block; color:#D6DCE8; font-weight:600; font-size:.68rem; letter-spacing:.02em; }
.hero-cta .hc-btn{ display:inline-flex; align-items:center; gap:8px; background:#25D366; color:#062A16 !important; font-weight:800; font-size:.95rem; padding:13px 18px; border-radius:12px; text-decoration:none !important; box-shadow:0 14px 30px -14px rgba(37,211,102,.75); position:relative; overflow:hidden; }
.hero-cta .hc-btn:hover{ filter:brightness(1.05); transform:translateY(-1px); }
.hero-cta .hc-note{ color:#E8ECF3; font-size:.8rem; width:100%; opacity:.9; }
@media (max-width:600px){ .hero-cta .hc-btn{ width:100%; justify-content:center; } }
/* 6. Gentle once-only offer for interested visitors */
.mp-offer{ position:fixed; left:18px; bottom:22px; z-index:1600; width:min(360px, calc(100vw - 28px)); background:#fff; color:#1B2433; border-radius:18px; padding:18px 18px 16px; box-shadow:0 28px 60px -22px rgba(11,27,58,.6); border:1px solid #E6E9EF; transform:translateY(24px); opacity:0; pointer-events:none; transition:opacity .35s ease, transform .35s ease; }
.mp-offer.show{ opacity:1; transform:none; pointer-events:auto; }
.mp-offer h4{ margin:0 26px 6px 0; font-family:var(--font-d, Georgia, serif); color:#0B1B3A; font-size:1.12rem; line-height:1.3; }
.mp-offer p{ margin:0 0 12px; color:#4A5568; font-size:.9rem; line-height:1.5; }
.mp-offer a.go{ display:block; text-align:center; background:#25D366; color:#062A16 !important; font-weight:800; padding:12px; border-radius:12px; text-decoration:none !important; }
.mp-offer button.x{ position:absolute; top:10px; right:10px; width:30px; height:30px; border-radius:50%; border:0; background:#F1F3F7; color:#4A5568; font-size:1rem; cursor:pointer; }
@media (max-width:860px){ .mp-offer{ left:14px; right:14px; width:auto; bottom:76px; } }