/* toko-theme.css — gaya "katalog toko" (mengacu pada susunan monotaro.id): bar atas, header merah penuh,
   pencarian persegi, kartu produk datar berharga tebal, strip keunggulan, footer gelap. Hanya tampilan. */
:root{--nm-ac:#d9000d;--nm-ac-soft:#fdecea;--nm-ink:#222;--nm-mute:#6b6b6b;--nm-line:#e3e3e3;--tk-dark:#2b2b2b}
body:not(.admin-mode){background:#f4f4f4;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif}
#tk-top{background:var(--tk-dark);color:#cfcfcf;font-size:12px}
#tk-top .in{max-width:1280px;margin:0 auto;padding:6px 16px;display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap}
#tk-top a{color:#cfcfcf;cursor:pointer;text-decoration:none}#tk-top a:hover{color:#fff}
#tk-top .l,#tk-top .r{display:flex;gap:16px;flex-wrap:wrap}
body header.nm-header{background:var(--nm-ac)!important;border-radius:0!important;box-shadow:none!important;border:0!important;top:0!important;margin:0!important;max-width:none!important;width:100%!important}
body header.nm-header #site-name,body header.nm-header #site-tagline,body header.nm-header #site-logo-container{color:#fff!important}
body header.nm-header #site-name{font-weight:800;letter-spacing:.2px}
.nm-search{border-radius:2px!important;background:#fff!important;border:2px solid #fff!important;height:44px}
.nm-search:focus-within{border-color:#fff;box-shadow:none}
body header.nm-header .nm-search #global-search-input{border-radius:0!important}
.nm-searchbtn{border-radius:0!important;background:var(--tk-dark)!important;color:#fff;height:100%;margin:0;padding:0 22px}
.nm-searchbtn:hover{background:#000!important}
.nm-ic,.nm-ic i{color:#fff!important}.nm-ic:hover{background:rgba(255,255,255,.15)!important}
body header.nm-header #nav-btn-store{background:#fff!important;color:var(--nm-ac)!important;border-radius:2px!important;width:auto;padding:0 12px!important}
body header.nm-header .nm-auth button.bg-brand-500{background:var(--tk-dark)!important;border-radius:2px!important;height:40px}
body header.nm-header .nm-auth button.bg-slate-100{background:#fff!important;color:var(--nm-ac)!important;border-radius:2px!important}
.nm-catbar{background:#fff!important;border-bottom:1px solid var(--nm-line);border-radius:0!important;box-shadow:none!important}
.nm-catbar button{border-radius:0!important;color:#333;font-weight:600}
.nm-catbar button:hover,.nm-catbar .nm-cb.on{color:var(--nm-ac)!important;background:var(--nm-ac-soft)!important}
.nm-catbar .nm-cb-all{background:var(--tk-dark)!important;color:#fff!important}
body #app-viewport .cat-grid .cat-btn,.nm-tile,.nm-chip,.nm-sortsel,.nm-filter,.nm-filterbtn,.nm-sel{border-radius:2px!important}
.nm-tile{background:#fff;border:1px solid var(--nm-line);box-shadow:none}.nm-tile:hover{border-color:var(--nm-ac);box-shadow:none}
.nm-h1,.nm-h2{font-weight:800;color:#222;border-left:4px solid var(--nm-ac);padding-left:10px}
.nm-eyebrow{color:var(--nm-ac)}
.nm-card{border-radius:2px!important;border:1px solid var(--nm-line)!important;box-shadow:none!important;background:#fff}
.nm-card:hover{border-color:var(--nm-ac)!important;transform:none}
.nm-card .nm-img{border-radius:0!important}
.nm-price{color:var(--nm-ac)!important;font-weight:800;font-size:16px}
body #app-viewport .nm-card h4.nm-title{font-weight:600;color:#222}
.nm-card .nm-body::after{content:"Ready Stock";display:inline-block;margin-top:6px;padding:1px 6px;font-size:10px;font-weight:700;color:#0a7a3d;background:#e6f6ec;border-radius:2px}
.nm-store{color:var(--nm-mute)}
#tk-benefit{background:#fff;border-top:1px solid var(--nm-line);margin-top:28px}
#tk-benefit .in{max-width:1280px;margin:0 auto;padding:18px 16px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
#tk-benefit .b{display:flex;gap:10px;align-items:flex-start;font-size:12px;color:#555}
#tk-benefit .b i{font-size:22px;color:var(--nm-ac);margin-top:2px}#tk-benefit .b b{display:block;color:#222;font-size:13px}
body:not(.nm-footer-light):not(.admin-mode) footer{background:var(--tk-dark)!important;border-radius:0!important}
body:not(.nm-footer-light) footer h4{color:#fff;text-transform:uppercase;font-size:12px;letter-spacing:.6px}
@media(max-width:768px){#tk-top .l{display:none}#tk-benefit .in{grid-template-columns:1fr 1fr}}