/* Fondasi header bersama untuk halaman non-index; V5 tetap mengatur tampilan utama. */
.site-header.thb-global-header, .site-header.thb-global-header *, .site-header.thb-global-header *::before, .site-header.thb-global-header *::after {box-sizing:border-box}
.site-header.thb-global-header{width:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.45;color:#1d392c}
.site-header.thb-global-header .header-shell{width:100%;position:relative}
.site-header.thb-global-header .brand-block{display:flex;align-items:center;text-decoration:none;color:#193629}
.site-header.thb-global-header .brand-block img{object-fit:contain}
.site-header.thb-global-header .brand-block span{display:flex;flex-direction:column;min-width:0}
.site-header.thb-global-header .brand-block strong{display:block;margin:0}
.site-header.thb-global-header .brand-block small{display:block;margin:0;font-weight:500}
.site-header.thb-global-header .thb-header-search{margin:0;max-width:none;min-width:0}
.site-header.thb-global-header .thb-header-search input{display:block;width:100%;min-width:0;height:auto!important;margin:0!important;max-width:none;padding:10px 0!important;background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important;outline:none!important;font-weight:500!important}
.site-header.thb-global-header .thb-header-search button{width:auto!important;min-width:0!important;min-height:0!important;margin:0!important;white-space:nowrap;line-height:1.3;box-shadow:none!important}
.site-header.thb-global-header .main-nav{min-height:40px;box-sizing:border-box}
.site-header.thb-global-header .main-nav a{font-family:inherit;text-decoration:none;line-height:1.4}
.site-header.thb-global-header .main-nav a[aria-current="page"]{background:#e7f1ea!important;color:#18583b!important}
.site-header.thb-global-header .thb-header-actions{display:flex;align-items:center}
.site-header.thb-global-header .nav-cart{min-width:0;flex:0 0 auto}
.site-header.thb-global-header .thb-cart-ico{width:21px;height:21px;display:block;flex:0 0 21px}
.site-header.thb-global-header .cart-count-badge{font-family:inherit}
.site-header.thb-global-header .header-visitor-icon{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#e8f3eb;color:#217044;flex:0 0 26px;font-size:.75rem}
.site-header.thb-global-header .header-visitor > span:last-child{display:flex;flex-direction:column;line-height:1.1}
.site-header.thb-global-header .header-visitor strong{font-size:13px;color:#185a3a}
.site-header.thb-global-header .header-visitor small{font-size:9px;color:#738578;letter-spacing:.07em;text-transform:uppercase;margin-top:3px}
.site-header.thb-global-header .live-notification-wrap{position:relative;flex:0 0 auto}
.site-header.thb-global-header .live-notification-bell{position:relative;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #d9e4db;border-radius:12px;width:42px;height:42px;padding:8px;min-height:0;cursor:pointer;color:#174d32}
.site-header.thb-global-header .live-notification-bell svg{width:21px;height:21px}
.site-header.thb-global-header .live-notification-badge{position:absolute;right:-7px;top:-7px;background:#d83939;color:#fff;font:800 11px/1 system-ui;border-radius:20px;min-width:19px;padding:4px;display:flex;justify-content:center}
.site-header.thb-global-header [hidden]{display:none!important}
.site-header.thb-global-header .live-notification-panel{position:absolute;right:0;top:calc(100% + 11px);width:min(375px,calc(100vw - 24px));max-width:none;border:1px solid #dce6dd;border-radius:16px;background:#fff;box-shadow:0 20px 48px rgba(26,55,38,.18);z-index:9999;overflow:hidden}
.site-header.thb-global-header .live-notification-head{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:14px 15px;border-bottom:1px solid #edf0ed}
.site-header.thb-global-header .live-notification-head strong{font-size:14px;color:#203929}
.site-header.thb-global-header .live-notification-head button{width:auto;min-height:0;margin:0;padding:3px;border:0;background:transparent;color:#216442;font-size:11px;font-weight:700;cursor:pointer;box-shadow:none}
.site-header.thb-global-header .live-notification-list{max-height:300px;overflow:auto}
.site-header.thb-global-header .live-notification-item{display:block;padding:12px 15px;text-decoration:none;color:#203728;border-bottom:1px solid #eef0ee;font-size:12px}
.site-header.thb-global-header .live-notification-item.unread{background:#f1f7f2}
.site-header.thb-global-header .live-notification-item:hover{background:#ebf4ef}
.site-header.thb-global-header .live-notification-title{display:block;font-size:12px;font-weight:800}
.site-header.thb-global-header .live-notification-message,.site-header.thb-global-header .live-notification-time{display:block;color:#657568;font-size:11px;margin-top:4px}
.site-header.thb-global-header .live-notification-empty{padding:22px 14px;text-align:center;font-size:12px;color:#68766b}
.site-header.thb-global-header .live-notification-footer{display:block;padding:12px;text-decoration:none;text-align:center;color:#226844;font-size:12px;font-weight:800}
.site-header.thb-global-header .thb-header-logout{margin-left:auto;margin-top:0;margin-bottom:0;display:block}
.site-header.thb-global-header .thb-header-logout button{width:auto;min-height:0;margin:0;padding:7px 13px;border-radius:9px;border:1px solid #d5e4d8;color:#1e6040;background:white;font:700 12px/1.5 system-ui;cursor:pointer;box-shadow:none}
.site-header.thb-global-header .thb-checkout-secure{margin-left:auto;color:#486e57;font-size:12px;font-weight:750;white-space:nowrap}
@media(max-width:850px){.site-header.thb-global-header .main-nav .thb-header-logout{margin-left:0;flex:0 0 auto}.site-header.thb-global-header .thb-checkout-secure{display:none}.site-header.thb-global-header .thb-header-actions{min-width:0}.site-header.thb-global-header .live-notification-panel{position:fixed;right:12px;left:12px;top:150px;width:auto}.site-header.thb-global-header .main-nav a[aria-current="page"]{flex:0 0 auto}}
@media(max-width:390px){.site-header.thb-global-header .brand-block strong{font-size:.89rem!important}.site-header.thb-global-header .thb-header-actions{gap:5px!important}}