/* Shared navigation only. All selectors are isolated from page content. */
#surfplus-header{box-sizing:border-box;color-scheme:light;position:sticky;top:0;z-index:10;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;min-height:88px;height:auto;width:100%;max-width:none;margin:0;padding:16px max(24px,5vw);background:#f8f7ef;color:#18342d;border:0;border-bottom:1px solid #d8dfd4;border-radius:0;box-shadow:none;font:14px/1.4 Arial,"PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:0}
#surfplus-header *{box-sizing:border-box}
#surfplus-header .sp-logo{display:inline-flex;align-items:center;gap:3px;min-height:44px;padding:0;color:#18342d;text-decoration:none;font-size:25px;font-weight:800;letter-spacing:-1.2px;white-space:nowrap}
#surfplus-header .sp-logo span{margin:0;color:#557d43;font-size:24px;font-weight:500}
#surfplus-header #sp-nav{position:static;display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;order:0;width:auto;margin:0;padding:0;background:transparent;border:0;box-shadow:none;font:inherit;color:inherit}
#surfplus-header #sp-nav a{display:flex;align-items:center;justify-content:center;min-height:44px;margin:0;padding:10px 17px;border:1px solid transparent;border-radius:24px;color:#18342d;background:transparent;text-decoration:none;font:inherit;font-weight:500;white-space:nowrap;letter-spacing:0}
#surfplus-header #sp-nav a::after{content:none}
#surfplus-header #sp-nav a:hover{background:#e9eddf}
#surfplus-header #sp-nav a[aria-current="page"]{color:#fff;background:#18342d;border-color:#18342d}
#surfplus-header .sp-controls{display:flex;align-items:center;gap:8px;margin:0}
#surfplus-header button,#surfplus-header select{display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:44px;min-height:44px;height:44px;margin:0;padding:8px 13px;border:1px solid #bbc7b8;border-radius:24px;background:transparent;color:#18342d;box-shadow:none;font:inherit;font-size:13px;line-height:1;letter-spacing:0;cursor:pointer}
#surfplus-header #sp-menu{display:none;padding:8px 12px;font-size:21px}
#surfplus-header a:focus-visible,#surfplus-header button:focus-visible,#surfplus-header select:focus-visible{outline:3px solid #b25b2e;outline-offset:3px}
@media(max-width:760px){
 #surfplus-header{grid-template-columns:1fr auto;gap:10px;min-height:76px;padding:15px 20px}
 #surfplus-header .sp-logo{font-size:23px}
 #surfplus-header #sp-nav{grid-column:1/-1;grid-row:2;flex-direction:column;align-items:stretch;padding:8px 0 3px;gap:5px}
 #surfplus-header #sp-nav a{justify-content:flex-start;padding:12px 16px;white-space:normal}
 #surfplus-header[data-sp-ready] #sp-nav{display:none}
 #surfplus-header[data-sp-ready][data-sp-open] #sp-nav{display:flex}
 #surfplus-header[data-sp-ready] #sp-menu{display:inline-flex}
}
@media print{#surfplus-header{display:none!important}}

html{scroll-padding-top:110px}.price-nav-id{display:none}html[lang=id] .price-nav-en{display:none}html[lang=id] .price-nav-id{display:inline}#sp-home-language-note{margin:0;padding:12px 5vw;background:#f8f7ef;color:#18342d;font:14px/1.6 Arial,sans-serif}