/* SanMax Wrap visual system adapted to Philippines. */
:root{--gold:#e8edf3;--gold2:#fff;--bg:#07090c;--panel:#101318;--text:#edf0f5;--muted:#a8b0bd;--accent:#ef1827}
html,body{background:#07090c!important;color:#edf0f5!important;font-family:Arial,Helvetica,sans-serif!important}
.shell{max-width:1600px!important;margin:0 auto!important;border:0!important;border-radius:0!important;background:#07090c!important;box-shadow:none!important;overflow:visible!important}
.shell::before{display:none!important}
.shell>.topbar.v218-topbar{height:78px!important;min-height:78px!important;padding:0 26px!important;border:0!important;border-bottom:1px solid #ffffff23!important;border-radius:0!important;background:linear-gradient(155deg,#030508,#101318)!important;box-shadow:0 8px 30px #0007!important;overflow:visible!important;backdrop-filter:blur(18px)}
.shell>.topbar.v218-topbar::before,.shell>.topbar.v218-topbar::after{display:none!important}
.v218-brand{min-width:190px!important;gap:0!important;padding:0!important;filter:none!important}
.v218-brand-emblem{display:none!important}
.v218-brand-type strong{font-family:Arial,Helvetica,sans-serif!important;font-size:28px!important;font-weight:950!important;font-style:italic;letter-spacing:-.065em!important;background:none!important;color:#f5f6f8!important;-webkit-text-fill-color:currentColor!important;text-shadow:0 2px #454b58,0 5px 9px #000}
.v218-brand-type strong::first-letter{color:#168cff}
.v218-brand-type small{margin-top:5px;color:#b8bec9!important;font-size:9px!important;font-weight:500!important;letter-spacing:.28em!important}
.v218-brand-type::after{content:"";display:block;width:112px;height:3px;margin-top:8px;background:linear-gradient(90deg,#168cff 0 33%,#fff 33% 66%,#ef1827 66%)}
.v218-topbar .topnav{border:0!important;background:none!important;box-shadow:none!important;padding:0!important;gap:5px!important}
.v218-topbar .topnav .nav-link{position:relative;overflow:hidden;border:1px solid #ffffff0b!important;border-radius:5px!important;background:linear-gradient(180deg,#ffffff09,#ffffff00)!important;color:#d9dde3!important;font:800 11px/1.2 Arial,sans-serif!important;text-transform:uppercase;letter-spacing:.035em!important;padding:12px 10px!important;box-shadow:none!important;white-space:nowrap}
.v218-topbar .topnav .nav-link::after{content:"";position:absolute;left:9px;right:9px;bottom:0;height:2px;background:linear-gradient(90deg,transparent,#ff3644,#ffd26b,#ff3644,transparent);transform:scaleX(0);transition:transform .3s}
.v218-topbar .topnav .nav-link:hover,.v218-topbar .topnav .nav-link.active{background:linear-gradient(180deg,#ffffff1b,#760f181f)!important;color:#fff!important;border-color:#ffffff30!important}
.v218-topbar .topnav .nav-link:hover::after,.v218-topbar .topnav .nav-link.active::after{transform:scaleX(1)}
.v218-topbar .topnav .sunmax-stay-nav{background:linear-gradient(135deg,#f34c48,#ae1b28 65%,#57141d)!important;color:#fff!important;border-color:#f3ad8480!important;box-shadow:inset 0 1px #ffffff66,0 3px 0 #401016!important}
.v218-topbar .top-actions{gap:6px!important}
.v218-topbar .icon-btn,.v218-topbar .lang-trigger,.v218-topbar [data-action="toggle-menu"]{border-color:#ffffff30!important;background:linear-gradient(155deg,#242930,#080b0f)!important;color:#fff!important;box-shadow:inset 0 1px #ffffff20,0 4px 10px #0007!important}
.v218-topbar .icon-btn:hover,.v218-topbar .lang-trigger:hover{border-color:#ee3946!important;box-shadow:0 0 18px #ed243532!important}
.lang-menu,.language-menu,.mobile-menu{background:#0b0e13!important;color:#eef1f5!important;border-color:#ffffff30!important}

/* Photo-led masthead, following Wrap's full-width hero. */
.v29-discovery{height:clamp(300px,35vw,510px)!important;min-height:0!important;border:0!important;border-radius:0!important;background:#101820 url('assets/v29/philippines-beach.webp') center 52%/cover no-repeat!important;overflow:hidden!important}
.v29-discovery::before{display:block!important;content:""!important;position:absolute!important;inset:0!important;z-index:0!important;background:linear-gradient(90deg,#03060aba,transparent 80%),linear-gradient(0deg,#07090c 0%,transparent 42%)!important}
.v29-discovery .hero{position:relative!important;display:flex!important;align-items:center!important;height:100%!important;min-height:0!important;background:none!important;padding:0!important}
.v29-discovery .hero-copy{position:relative!important;inset:auto!important;z-index:1!important;transform:none!important;width:100%!important;max-width:900px!important;padding:38px clamp(22px,4vw,64px)!important;text-shadow:none!important}
.v29-discovery .hero-copy h1.chrome{font:950 clamp(30px,4.4vw,64px)/1.03 Arial,Helvetica,sans-serif!important;letter-spacing:-.045em!important;white-space:normal!important;text-transform:uppercase!important;color:#fff!important;background:none!important;-webkit-text-fill-color:#fff!important;text-shadow:0 3px 2px #0004,0 12px 30px #0008!important;max-width:790px!important}
.v29-discovery .hero-copy .hero-sub{font:400 clamp(14px,1.35vw,19px)/1.6 Arial,sans-serif!important;max-width:570px!important;color:#e2e6ee!important;margin-top:20px!important;letter-spacing:0!important;text-shadow:0 2px 9px #000!important}
.home-content{background:#07090c!important;padding:0 clamp(12px,2vw,30px) 24px!important}

/* The same graphite navigation surfaces as Wrap. */
.v217-map-navigation.v218-map-navigation{padding:22px 20px!important;border:1px solid #ffffff26!important;border-radius:10px 10px 0 0!important;background:linear-gradient(145deg,#171b22,#080b10)!important;box-shadow:inset 0 1px #ffffff13,0 12px 28px #0006!important}
.v217-map-navigation.v218-map-navigation::before{display:none!important}
.v217-map-navigation.v218-map-navigation::after{height:1px!important;background:linear-gradient(90deg,transparent,#ef1827,transparent)!important;box-shadow:none!important}
.v218-map-navigation .v217-map-navigation-kicker{color:#fff!important;font-size:12px!important;letter-spacing:.14em!important}
.v218-map-navigation .v217-map-navigation-hint{color:#8c95a5!important;letter-spacing:.1em!important}
.v218-map-navigation .v21-roots{gap:10px!important}
.v218-map-navigation .v21-root,.v218-map-navigation .v21-submenu button{clip-path:none!important;border-radius:7px!important;isolation:isolate;overflow:hidden!important;transition:transform .25s,box-shadow .25s,background .25s!important}
.v218-map-navigation .v21-root{min-height:46px!important;padding:12px 23px!important;font:800 14px/20px Arial,sans-serif!important;letter-spacing:.035em!important;background:linear-gradient(155deg,#ffffff17,#ffffff05 44%,#0000003d)!important;color:#e8ecf2!important;border:1px solid #ffffff30!important;box-shadow:inset 0 1px #ffffff30,0 4px 0 #030508,0 7px 15px #0008!important}
.v218-map-navigation .v21-root:hover,.v218-map-navigation .v21-root.active{background:linear-gradient(145deg,#ffffff26,#8e0f1c4a,#0000003b)!important;border-color:#ec5c6380!important;color:#fff!important;box-shadow:inset 0 1px #ffffff50,0 4px 0 #19070c,0 10px 25px #d31c2526!important;transform:translateY(-2px)!important}
.v218-map-navigation .v21-root.active{background:linear-gradient(135deg,#ed4946,#a31d29 68%,#54141c)!important;border-color:#efb481!important}
.v218-map-navigation .v21-root::before,.v218-map-navigation .v21-submenu button::before{background:linear-gradient(105deg,transparent 18%,#ffffff88 48%,transparent 72%)!important}
.v218-map-navigation .v21-root::after,.v218-map-navigation .v21-submenu button::after{display:none!important}
.v218-map-navigation .v21-submenu:not([hidden]){border-color:#ffffff20!important;padding-top:17px!important;margin-top:17px!important}
.v218-map-navigation .v21-submenu:not([hidden])::before{display:none!important}
.v218-map-navigation .v21-submenu button{font:800 13px/20px Arial,sans-serif!important;min-height:42px!important;padding:9px 17px!important;border-color:#8aa2c15c!important;background:linear-gradient(145deg,#303c4d,#111923)!important;color:#e9f2ff!important;box-shadow:inset 0 1px #ffffff38,0 3px 0 #030609!important;letter-spacing:.025em!important}
.v218-map-navigation .v21-submenu button:hover,.v218-map-navigation .v21-submenu button.active{background:linear-gradient(145deg,#466080,#1a2c43)!important;border-color:#b7c7df!important;color:#fff!important;box-shadow:0 6px 19px #0008!important}
.v217-map-integrated,.v218-map-navigation+.map-stage{background:#080b10!important;border-color:#ffffff23!important;box-shadow:none!important}

/* Carry the palette through the existing content. */
.sxv1m-journey,.planner,.community,.card,.feature-card,.sxv1m-select,.footer,footer{background:linear-gradient(145deg,#13171e,#090c11)!important;border-color:#ffffff20!important}
.sxv1m-journey{margin-top:24px!important;border-radius:12px!important}
.sxv1m-title,.section-title,.chrome,h2,h3{font-family:Arial,Helvetica,sans-serif!important;color:#f0f2f5!important;-webkit-text-fill-color:currentColor!important;background-image:none!important;text-shadow:none!important;font-weight:850!important;letter-spacing:-.025em!important}
.v29-journey-copy .sxv1m-title{font-size:clamp(24px,3vw,40px)!important}
.sxv1m-eyebrow,.v29-profile-kicker{color:#e96a73!important}
.v29-profile-card{border-color:#ffffff26!important;background:#0c1016!important;border-radius:10px!important;box-shadow:0 12px 28px #0005!important}
.v29-profile-photo{background:#11161e!important}
.v29-profile-info{background:linear-gradient(145deg,#181e28,#0a0e14)!important}
.v29-profile-info h3{color:#fff!important;font-family:Arial,sans-serif!important}
.v29-profile-info dt{color:#a3b2c9!important}.v29-profile-info dd{color:#e3e7ee!important}.v29-profile-info dl>div{border-color:#ffffff14!important}
.v29-member-count strong{color:#fff!important;font-family:Arial,sans-serif!important}
.btn{border-radius:8px!important;border-color:#ffffff30!important;background:linear-gradient(155deg,#292f39,#11151c)!important;color:#f0f3f9!important;box-shadow:inset 0 1px #ffffff24,0 4px 0 #030508!important}
.btn.gold,.btn.primary,.btn-gold,.sxv1m-actions .btn:first-child{background:linear-gradient(135deg,#e54c49,#921d29 65%,#57141d)!important;color:#fff!important;border-color:#efb481!important;box-shadow:inset 0 2px 1px #ffffff66,0 4px 0 #401016,0 9px 24px #b2272944!important}
.v29-show-all{background:linear-gradient(155deg,#242b36,#10151d)!important;border-color:#ffffff30!important;color:#fff!important}.v29-show-all span{color:#b8c3d3!important}
.v29-show-all:hover{background:#303b4c!important;border-color:#c36570!important}
:is(input,select,textarea){background-color:#0c1119!important;border-color:#ffffff28!important;color:#edf1f8!important}
.bottom-nav,.mobile-nav{background:#090d13!important;border-color:#ffffff26!important;backdrop-filter:blur(18px)}
.sunmax-stay-mobile{background:linear-gradient(135deg,#f34c48,#ae1b28)!important;color:#fff!important;border-color:#efb481!important}
@media(max-width:1200px){.v218-topbar .topnav{display:none!important}.v218-topbar .top-actions{margin-left:auto!important}.v218-topbar [data-action="open-menu"]{display:inline-flex!important}}
@media(max-width:760px){
 .shell>.topbar.v218-topbar{height:66px!important;min-height:66px!important;padding:0 12px!important}
 .v218-brand{min-width:125px!important}.v218-brand-type strong{font-size:23px!important}.v218-brand-type small{font-size:7px!important}.v218-brand-type::after{width:88px;margin-top:5px;height:2px}
 .v29-discovery{height:330px!important;background-position:60% center!important}.v29-discovery .hero-copy{padding:24px!important}.v29-discovery .hero-copy h1.chrome{font-size:34px!important;max-width:310px!important}.v29-discovery .hero-copy .hero-sub{font-size:14px!important;max-width:275px!important;margin-top:16px!important}
 .v217-map-navigation.v218-map-navigation{padding:17px 12px!important}.v218-map-navigation .v21-root{font-size:13px!important;padding:10px 16px!important;min-height:44px!important}.v218-map-navigation .v21-submenu button{font-size:12px!important;min-height:40px!important}
 .v29-journey-copy .sxv1m-title{white-space:normal!important}.v218-topbar .top-actions{gap:4px!important}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}