/* Header katalog mengikuti desain index yang diminta: strip promo, brand, pencarian, ikon, navigasi. */
.thb-topline{display:block!important;height:auto!important;min-height:30px!important;overflow:visible!important;padding:0!important;margin:0!important;background:#173f2b!important;color:#dcebe1!important;font:600 11px/1.4 Figtree,system-ui,-apple-system,"Segoe UI",sans-serif!important;letter-spacing:.01em!important;text-align:center!important}
.thb-topline-inner{max-width:1180px!important;margin:0 auto!important;padding:6px 18px!important;display:flex!important;justify-content:center!important;align-items:center!important;gap:8px!important}
.thb-topline-inner span{display:inline!important;opacity:1!important;font-size:11px!important;letter-spacing:0!important}
.thb-topline-inner span+span:before{content:"·";display:inline-block;margin-right:8px;color:#aac7b5}
.site-header.thb-premium-header{position:sticky!important;top:0!important;z-index:100!important;overflow:visible!important;padding:0!important;background:rgba(255,255,255,.98)!important;border-bottom:1px solid #e2ebe4!important;box-shadow:none!important;backdrop-filter:blur(14px)!important}
.site-header.thb-premium-header .header-shell{max-width:1180px!important;min-width:0!important;margin:0 auto!important;padding:14px 18px 10px!important;display:grid!important;grid-template-columns:250px minmax(300px,1fr) auto!important;grid-template-rows:auto auto!important;align-items:center!important;gap:10px 28px!important;box-sizing:border-box!important}
.site-header.thb-premium-header .brand-block{grid-column:1!important;grid-row:1!important;min-width:0!important;width:auto!important;display:flex!important;align-items:center!important;gap:10px!important;text-decoration:none!important}
.site-header.thb-premium-header .brand-block img{width:40px!important;height:40px!important;flex:0 0 40px!important;border-radius:11px!important;padding:3px!important;object-fit:contain!important;background:#f0f6f1!important;border:0!important;box-shadow:none!important}
.site-header.thb-premium-header .brand-block strong{display:block!important;font:800 18px/1.15 Figtree,system-ui,sans-serif!important;letter-spacing:-.035em!important;color:#173f2b!important}
.site-header.thb-premium-header .brand-block small{display:none!important}
.site-header.thb-premium-header .thb-header-search{grid-column:2!important;grid-row:1!important;display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;width:100%!important;padding:5px 5px 5px 18px!important;box-sizing:border-box!important;border:0!important;border-radius:999px!important;background:#eef5ef!important;box-shadow:none!important;position:relative!important;isolation:isolate!important;overflow:visible!important;z-index:220!important}
.site-header.thb-premium-header .thb-header-search:focus-within{background:#eef5ef!important;border-color:transparent!important;box-shadow:0 0 0 2px #dce9df!important}
.site-header.thb-premium-header .thb-header-search svg{width:18px!important;height:18px!important;flex:0 0 18px!important;color:#7c9585!important}
.site-header.thb-premium-header .thb-header-search input{min-width:0!important;flex:1!important;padding:10px 0!important;border:0!important;outline:0!important;background:transparent!important;color:#253c2e!important;font:500 13px/1.4 Figtree,system-ui,sans-serif!important}
.site-header.thb-premium-header .thb-header-search button{flex:0 0 auto!important;border:0!important;border-radius:999px!important;background:#173f2b!important;color:#fff!important;padding:10px 21px!important;font:700 13px/1.3 Figtree,system-ui,sans-serif!important;white-space:nowrap!important;box-shadow:none!important}
.site-header.thb-premium-header .thb-header-search button:hover{background:#0f3422!important}
.site-header.thb-premium-header .thb-header-actions{grid-column:3!important;grid-row:1!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important;min-width:max-content!important;padding:0!important}
.site-header.thb-premium-header .live-notification-wrap{position:relative!important;display:flex!important;align-items:center!important}
.site-header.thb-premium-header .live-notification-bell{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:#173f2b!important;box-shadow:none!important}
.site-header.thb-premium-header .live-notification-bell svg{width:19px!important;height:19px!important;stroke:currentColor!important;fill:none!important}
.site-header.thb-premium-header .nav-cart{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:0!important;min-height:34px!important;width:34px!important;padding:0!important;border:0!important;border-radius:50%!important;background:transparent!important;color:#173f2b!important;box-shadow:none!important;text-decoration:none!important}
.site-header.thb-premium-header .nav-cart:hover{background:#eef5ef!important}
.site-header.thb-premium-header .thb-cart-ico{display:block!important;width:19px!important;height:19px!important;flex:none!important}
.site-header.thb-premium-header .thb-cart-label{display:none!important}
.site-header.thb-premium-header .nav-cart .cart-count-badge{position:absolute!important;top:-1px!important;right:-2px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:18px!important;height:18px!important;padding:0 4px!important;border:2px solid #fff!important;border-radius:999px!important;background:#ef5a43!important;color:#fff!important;font:800 10px/1 Figtree,system-ui,sans-serif!important;box-shadow:none!important;transform:none!important}
.site-header.thb-premium-header .header-visitor{display:flex!important;align-items:center!important;gap:7px!important;min-height:30px!important;padding:0 0 0 12px!important;margin:0!important;border:0!important;border-left:1px solid #e4ebe5!important;border-radius:0!important;background:transparent!important;color:#173f2b!important;box-shadow:none!important;white-space:nowrap!important}
.site-header.thb-premium-header .header-visitor-icon{display:none!important}
.site-header.thb-premium-header .header-visitor>span:last-child{display:flex!important;flex-direction:column!important;gap:1px!important}
.site-header.thb-premium-header .header-visitor strong{font:800 12px/1.1 Figtree,system-ui,sans-serif!important;color:#173f2b!important}
.site-header.thb-premium-header .header-visitor small{display:block!important;font:500 9px/1.2 Figtree,system-ui,sans-serif!important;color:#819187!important;text-transform:none!important;letter-spacing:0!important}
.site-header.thb-premium-header .main-nav{grid-column:1/-1!important;grid-row:2!important;width:100%!important;max-width:none!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:nowrap!important;gap:5px!important;margin:0!important;padding:3px 0 0!important;border:0!important;overflow-x:auto!important;overflow-y:visible!important;position:relative!important;transform:none!important;scrollbar-width:none!important}
.site-header.thb-premium-header .main-nav::-webkit-scrollbar{display:none!important}
.site-header.thb-premium-header .main-nav>a{display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:0 0 auto!important;width:auto!important;min-width:max-content!important;max-width:none!important;min-height:36px!important;padding:8px 16px!important;border:0!important;border-radius:999px!important;background:transparent!important;color:#5a6e60!important;font:600 13px/1.2 Figtree,system-ui,sans-serif!important;white-space:nowrap!important;text-decoration:none!important}
.site-header.thb-premium-header .main-nav>a:hover{background:#eef5ef!important;color:#173f2b!important}
.site-header.thb-premium-header .main-nav>a[aria-current="page"]{background:#173f2b!important;color:#fff!important}
@media(max-width:980px){
 .site-header.thb-premium-header .header-shell{grid-template-columns:minmax(0,1fr) auto!important;gap:10px!important;padding:12px 16px 9px!important}
 .site-header.thb-premium-header .brand-block{grid-column:1!important;grid-row:1!important}
 .site-header.thb-premium-header .thb-header-actions{grid-column:2!important;grid-row:1!important;gap:7px!important}
 .site-header.thb-premium-header .thb-header-search{grid-column:1/-1!important;grid-row:2!important}
 .site-header.thb-premium-header .main-nav{grid-column:1/-1!important;grid-row:3!important}
 .site-header.thb-premium-header .header-visitor{display:flex!important}
}
@media(max-width:600px){
 .thb-topline-inner{padding:6px 12px!important}
 .thb-topline-inner span{font-size:10px!important}
 .site-header.thb-premium-header .header-shell{padding:10px 12px 8px!important;gap:8px!important}
 .site-header.thb-premium-header .brand-block img{width:36px!important;height:36px!important;flex-basis:36px!important}
 .site-header.thb-premium-header .brand-block strong{font-size:15px!important}
 .site-header.thb-premium-header .thb-header-actions{gap:3px!important}
 .site-header.thb-premium-header .header-visitor{display:none!important}
 .site-header.thb-premium-header .thb-header-search{grid-row:2!important;height:44px!important;padding:3px 4px 3px 12px!important;gap:7px!important}
 .site-header.thb-premium-header .thb-header-search input{font-size:12px!important}
 .site-header.thb-premium-header .thb-header-search button{padding:9px 13px!important;font-size:12px!important}
 .site-header.thb-premium-header .main-nav{grid-row:3!important;padding-top:2px!important;gap:3px!important}
 .site-header.thb-premium-header .main-nav>a{min-height:33px!important;padding:7px 11px!important;font-size:12px!important}
}
@media(max-width:370px){
 .site-header.thb-premium-header .brand-block strong{font-size:14px!important}
 .site-header.thb-premium-header .thb-header-search button{padding:8px 10px!important}
 .site-header.thb-premium-header .main-nav>a{padding-left:9px!important;padding-right:9px!important}
}


/* Shared header polish for shipping, tracking, and member pages */
.thb-topline[aria-hidden="true"]{height:30px!important;min-height:30px!important;background:#173f2b!important;display:block!important}
.thb-topline[aria-hidden="true"]:before{content:"Diskon buku pilihan setiap hari  ·  Lacak pesanan kapan saja";display:block!important;text-align:center!important;color:#dcebe1!important;font:600 11px/30px Figtree,system-ui,sans-serif!important}
.site-header.thb-premium-header .main-nav>a[aria-current="page"]{background:#173f2b!important;color:#fff!important;border-radius:999px!important}
.site-header.thb-premium-header .main-nav>a:not([aria-current="page"]){background:transparent!important;color:#5a6e60!important}
.site-header.thb-premium-header .main-nav>a:not([aria-current="page"]):hover{background:#eef5ef!important;color:#173f2b!important}


/* Active capsule follows the actual page/section. */
.site-header.thb-premium-header .main-nav>a[aria-current="page"]{background:#173f2b!important;color:#fff!important}
.site-header.thb-premium-header .main-nav>a:not([aria-current="page"]){background:transparent!important;color:#5a6e60!important}
.site-header.thb-premium-header .main-nav>a:not([aria-current="page"]):hover{background:#eef5ef!important;color:#173f2b!important}


/* THB catalog header alignment v6 */
body:has(.catalog-header),body:has(.thb-catalog-header){background:#fff}
.thb-topline{display:block!important;min-height:24px!important;height:24px!important;background:#183f2d!important;color:#fff!important;text-align:center!important;font:600 11px/24px system-ui,-apple-system,"Segoe UI",sans-serif!important}
.thb-topline:before{content:"Diskon buku pilihan setiap hari  ·  Lacak pesanan kapan saja";display:block}