.nav { display: none !important; }
body { padding-top: 0 !important; }

.hero { background: #ffffff !important; color: #1F2A33 !important; }
.hero__bg, .hero__grid-overlay { opacity: 0.55 !important; }
.hero__h1 { color: #1F2A33 !important; }
.hero__sub { color: #4a5763 !important; }
.hero .btn--ghost { color: #1F2A33 !important; border-color: rgba(31,42,51,0.18) !important; }
.hero__stats { border-top-color: rgba(31,42,51,0.1) !important; }
.stat__l { color: #6a7480 !important; }

/* Subtle Malaysia map background across hero */
.hero { 
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20400%20240%22%20fill%3D%22none%22%3E%3Cdefs%3E%3Cpattern%20id%3D%22d%22%20width%3D%226%22%20height%3D%226%22%20patternUnits%3D%22userSpaceOnUse%22%3E%3Ccircle%20cx%3D%221%22%20cy%3D%221%22%20r%3D%220.7%22%20fill%3D%22rgba(31%2C166%2C160%2C0.18)%22%2F%3E%3C%2Fpattern%3E%3C%2Fdefs%3E%3Crect%20width%3D%22400%22%20height%3D%22240%22%20fill%3D%22url(%23d)%22%2F%3E%3Cpath%20d%3D%22M40%20150%20Q80%20120%20140%20140%20T240%20130%20Q280%20125%20320%20110%20Q350%20100%20380%20120%22%20stroke%3D%22rgba(31%2C166%2C160%2C0.35)%22%20stroke-width%3D%221.2%22%20fill%3D%22none%22%20stroke-dasharray%3D%223%204%22%2F%3E%3Cpath%20d%3D%22M60%2090%20Q120%2070%20200%2085%20T340%2070%22%20stroke%3D%22rgba(31%2C42%2C51%2C0.18)%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20stroke-dasharray%3D%222%205%22%2F%3E%3Cg%20fill%3D%22rgba(31%2C166%2C160%2C0.5)%22%3E%3Ccircle%20cx%3D%2262%22%20cy%3D%22148%22%20r%3D%222.5%22%2F%3E%3Ccircle%20cx%3D%22160%22%20cy%3D%22135%22%20r%3D%222.5%22%2F%3E%3Ccircle%20cx%3D%22248%22%20cy%3D%22128%22%20r%3D%222.5%22%2F%3E%3Ccircle%20cx%3D%22318%22%20cy%3D%22110%22%20r%3D%222.5%22%2F%3E%3Ccircle%20cx%3D%22200%22%20cy%3D%2284%22%20r%3D%222.5%22%2F%3E%3Ccircle%20cx%3D%22340%22%20cy%3D%2270%22%20r%3D%222.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-color: #ffffff !important;
}

.tabs { background: rgba(31,42,51,0.05) !important; border: 1px solid rgba(31,42,51,0.08) !important; }
.tabs__indicator { background: #fff !important; box-shadow: 0 4px 14px -6px rgba(14,42,56,0.18) !important; }
.tabs__tab { color: #6a7480 !important; }
.tabs__tab.is-active { color: #1F2A33 !important; }
.tabs__sub { color: #6a7480 !important; }
.tabs__tab.is-active .tabs__sub { color: #4a5763 !important; }

.pill, .hero__pill { background: rgba(31,42,51,0.05) !important; border: 1px solid rgba(31,42,51,0.10) !important; color: #1F2A33 !important; }

.map { background: rgba(31,42,51,0.03) !important; border: 1px solid rgba(31,42,51,0.08) !important; }
.map__svg path { stroke: rgba(31,42,51,0.4) !important; }
.map__pin { color: #1F2A33 !important; background: transparent !important; border: none !important; padding: 0 !important; box-shadow: none !important; font-weight: 600 !important; text-shadow: 0 1px 2px rgba(247,244,238,0.85) !important; }

.ticker { background: #fff !important; color: #1F2A33 !important; border: 1px solid rgba(31,42,51,0.10) !important; box-shadow: 0 6px 18px -10px rgba(14,42,56,0.15) !important; }
.ticker *, .ticker__label, .ticker__cap, .ticker__row, .ticker__pts { color: #1F2A33 !important; }
.ticker__cap, .ticker__label { color: #6a7480 !important; }

.supply-vis, .owner-vis { background: #fff !important; color: #1F2A33 !important; border: 1px solid rgba(31,42,51,0.08) !important; }
.supply-vis__title, .owner-vis__title { color: #1F2A33 !important; }
.supply-vis__live, .owner-vis__avg { color: #1FA6A0 !important; }
.supply-row, .supply-row__name, .supply-row__op { color: #4a5763 !important; }
.supply-row__bar { background: rgba(31,42,51,0.06) !important; }
.owner-vis__metric-l { color: #6a7480 !important; }
.owner-vis__metric-v { color: #1F2A33 !important; }

.section--navy { background: #F7F4EE !important; color: #1F2A33 !important; }
.section__eyebrow--inv { color: #1FA6A0 !important; }
.section__h2--inv { color: #1F2A33 !important; }
.section__lead--inv { color: #4a5763 !important; }
.stat__l--inv { color: #6a7480 !important; }
.stat__v--teal, .stat__v--inv { color: #1FA6A0 !important; }

.btn--teal { background: #1FA6A0 !important; color: #fff !important; }
.btn--ghost-inv { color: #1F2A33 !important; border-color: rgba(31,42,51,0.2) !important; background: transparent !important; }
.btn--dark { background: #1F2A33 !important; color: #fff !important; }
.btn--ghost-dark { color: #1F2A33 !important; border-color: rgba(31,42,51,0.2) !important; }

.supply-teaser__stats { border-top-color: rgba(31,42,51,0.1) !important; }
.owner-teaser__visual { background: #fff !important; color: #1F2A33 !important; border: 1px solid rgba(31,42,51,0.08) !important; }

.footer { background: #ffffff !important; color: #4a5763 !important; border-top: 1px solid rgba(31,42,51,0.08) !important; }
.footer a, .footer__cols a { color: #4a5763 !important; }
.footer__h { color: #1F2A33 !important; }
.footer__tag { color: #6a7480 !important; }
.footer__social a { border-color: rgba(31,42,51,0.18) !important; color: #4a5763 !important; }
.footer__bottom { border-top-color: rgba(31,42,51,0.1) !important; color: #6a7480 !important; }
.footer__bottom-links a { color: #6a7480 !important; }

/* Reduce padding between booking/last front-page section and membership */
.kliq-divider { display: none !important; }
.mhero { padding-top: 40px !important; padding-bottom: 50px !important; }

.mhero { background: #F7F4EE !important; color: #1F2A33 !important; }
.mhero__grid { display: none !important; }
.mhero__glow1 { background: rgba(122,184,224,0.4) !important; opacity: 0.5 !important; }
.mhero__glow2 { background: rgba(200,205,210,0.35) !important; opacity: 0.5 !important; }
.mhero__glow3 { background: rgba(244,169,60,0.35) !important; opacity: 0.55 !important; }
.mhero__h1 { color: #1F2A33 !important; }
.mhero__sub { color: #4a5763 !important; }
.mhero__stats { border-top-color: rgba(31,42,51,0.1) !important; }

.ladder { background: #fff !important; border: 1px solid rgba(31,42,51,0.08) !important; backdrop-filter: none !important; box-shadow: 0 24px 60px -28px rgba(14,42,56,0.18) !important; }
.ladder__head-l, .ladder__live { color: #6a7480 !important; }
.ladder__row { background: #F7F4EE !important; border: 1px solid rgba(31,42,51,0.06) !important; }
.ladder__row.is-current { background: rgba(244,169,60,0.08) !important; border-color: rgba(244,169,60,0.3) !important; }
.ladder__name { color: #1F2A33 !important; }
.ladder__req { color: #6a7480 !important; }
.ladder__mult { color: #1F2A33 !important; }
.ladder__progress { border-top-color: rgba(31,42,51,0.08) !important; }
.ladder__prog-row { color: #6a7480 !important; }
.ladder__prog-row strong { color: #1F2A33 !important; }
.ladder__bar { background: rgba(31,42,51,0.06) !important; }

.earntab__head { background: #1F2A33 !important; color: rgba(255,255,255,0.85) !important; }
.example__total { background: #1F2A33 !important; color: #fff !important; }
.example__total-l { color: rgba(255,255,255,0.7) !important; }
.example__total-l strong { color: #fff !important; }

.cta-strip { background: #F7F4EE !important; color: #1F2A33 !important; }
.cta-strip::before { background: radial-gradient(circle, rgba(244,169,60,0.18), transparent 70%) !important; }
.cta-strip__h { color: #1F2A33 !important; }

/* Reduce section padding overall so booking-to-membership feels tighter */
.section { padding-bottom: 60px !important; }


/* Tighten gap between hero and the KLIQ Membership section (members tab). */
#tier-ladder { padding-top: 40px !important; }
.hero { padding-top: 40px !important; padding-bottom: 30px !important; }