/* GANGSTER4D - tema midnight gold, mengikuti komponen marketplace ZIP acuan */
:root{--wine:#09090c;--wine2:#23160a;--red:#b37a22;--reddeep:#805411;--orange:#f4b83f;--gold:#f8c85a;--pale:#fff8eb;--cream:#fffdf7;--ink:#f4ead5;--mute:#c3b8a3;--stroke:#594225;--shadow:0 16px 44px #0009;--footer-h:80px}
body{background:linear-gradient(180deg,#110d0b 0,#181412 610px,#100e0e 1150px);color:#efe4d1}
a:hover{color:#ffd573}
.notice-top{background:#050507;color:#e2c88c;border-bottom:1px solid #4d361d}.notice-top a{color:#ffe5a6}
.site-header{background:#111013;box-shadow:0 8px 26px #0008;border-bottom:1px solid #49331a;position:sticky;top:0;z-index:60}
.header-primary{min-height:90px}.brand{max-width:206px}.brand img{width:min(206px,100%);height:auto;max-height:74px;object-fit:contain;background:#07090d;border-radius:12px}
.site-search{background:#24201e;border:1px solid #61472c;border-radius:14px;color:#f1e4cf}.site-search input{color:#f5e8d3}.site-search input::placeholder{color:#b9a991}
.site-search span{color:#f8c768}.site-search button{background:linear-gradient(120deg,#f0cb68,#a87123);color:#190f05;font-weight:850}
.button{border-radius:12px}.button-red{background:linear-gradient(130deg,#ffe18c,#be842e,#865116);color:#151010;box-shadow:0 5px 15px #f9b8472b;border:1px solid #ffe2a0;font-weight:850}.button-red:hover{background:#ffe5a1;color:#1a130b}
.button-gold{background:linear-gradient(135deg,#fbe4aa,#e1ad4c,#9d681d);border-color:#f8d98e;color:#25190c;font-weight:850}.button-outline{border-color:#806037;color:#f6dfaa;background:#211b18}.button-outline:hover{background:#382919;color:#fff5da}.button-soft{background:#372713;color:#ffdf9e;border-color:#79582c}.button-soft:hover{background:#4b351a;color:#fff0c8}
.main-nav{background:#151315;border-top:1px solid #2e241b;border-bottom:1px solid #4c361d}.nav-inner a{color:#e6d8bc}.nav-inner a:hover,.nav-inner a[aria-current=page]{color:#ffcf69}.nav-inner a[aria-current=page]::after{background:#edb849}
.quick-nav{background:#1a130c;border-top:1px solid #78551f}.quick-nav-inner{display:flex;align-items:center;justify-content:center;gap:clamp(15px,4vw,55px);min-height:40px}.quick-nav-inner span{font-size:.7rem;font-weight:800;color:#b9a47d;letter-spacing:.12em}.quick-nav-inner a{font-size:.82rem;font-weight:900;letter-spacing:.07em;color:#f7ce79}.quick-nav-inner a:hover{text-decoration:underline}
.ticker{background:linear-gradient(90deg,#3c2307,#8d5818,#4a2b08);border-color:#af813d;color:#fff5df}.ticker .shell>strong{background:#0c0b0b;color:#ffda84}.ticker-track{color:#fff6df;font-weight:700}
.category-rail{background:#15120f;border-bottom:1px solid #49371f}.category-rail-inner a{background:#282018;border:1px solid #5b4326;color:#ebd3a7}.category-rail .rail-title{color:#e8c06d}
.main{padding-top:25px;padding-bottom:48px}.crumb,.crumb a{color:#bcae96}.crumb span:last-child{color:#ffe2a3}
.card{background:linear-gradient(155deg,#211b18,#181516);border:1px solid #584329;color:#f4ebdb;box-shadow:var(--shadow)}
.gallery,.shop-details{background:#181412}.gallery-main{background:#0a0a0b}.gallery-main img{object-fit:contain;background:#08090a}.thumb{background:#090909;border:2px solid #4e3b23}.thumb[aria-pressed=true]{border-color:#ffcf72;box-shadow:0 0 0 2px #ffcf7230}.gallery .status{color:#c8b99c}
.tag,.eyebrow{color:#ffd37b}.shop-details .lead,.hero-page .lead{color:#dccfba}.shop-meta>div{color:#bdad94;background:#29221b;border:1px solid #5a4329}.shop-meta strong{color:#ffe6b5}.shop-note{border:1px solid #655031;background:#2a2218;color:#d0c0a4}
.highlights .highlight,.highlight{background:#251d15;border-color:#6c4c23;color:#f3ddb2}.highlight span{color:#c5b397}
.section-head h2{color:#f7e8cc}.section-head p,.article-card p,.feature-card p{color:#cabaa0}.section-head>a{color:#ffd67a}
.feature-card,.article-card{background:#1d1916}.feature-card h3 a:hover,.article-card a:hover{color:#ffdc8c}.feature-visual{display:block;background:#0e0d0c}.feature-visual img{width:100%;height:auto;aspect-ratio:1/1;object-fit:contain}.feature-content{padding:19px}.feature-content h3{font-size:1.15rem;min-height:2.4em}.feature-content p{font-size:.91rem}.card-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:17px}.card-actions .button{font-size:.79rem;padding:10px 12px}
.number-row article{background:#231d17;border:1px solid #5f4426;color:#ebd4ac}.number-row strong{color:#ffdb7d}.article-main{background:#211a15;color:#e9decb}.article-main h2,.article-main h3{color:#ffdc8b}.article-main p,.article-main li{color:#e3d7c3}.hero-page{background:radial-gradient(circle at top right,#513111,#201812 70%);border-color:#765124}.hero-page h1{color:#fff2ca}.hero-page .lead{max-width:750px}
.article-card{padding:22px}.article-card strong{color:#ffdb89}.faq-card{background:#201a16}.faq-card details{border-color:#73522d}.faq-card summary{color:#ffdc92}.faq-card details p{color:#dfcdb1}
.list-toolbar{background:#241b16;border:1px solid #695031;color:#ffe4a2}.list-toolbar input{background:#120f0e;border:1px solid #654923;color:#fff4e2}.filter-stats{color:#ebd6b1}.empty{padding:20px;color:#e7c68d}
.content-split{align-items:start}.aside-pane .aside-card{background:#231b17;border:1px solid #624928;padding:20px}.aside-pane .aside-card h3{color:#ffdb92}.aside-pane .aside-card p{color:#d0bea2}.aside-pane .aside-card a:not(.button){color:#f7d793}.aside-card img{border-radius:12px;max-width:100%;margin-bottom:12px}
.article-main.longform{padding:clamp(22px,4.2vw,44px)}.longform h2{margin-top:31px;scroll-margin-top:220px}.longform .intro-paragraph{font-size:1.1rem;color:#f3e2c4}.takeaway{background:#342714;border:1px solid #80612e;padding:17px 22px;border-radius:14px;margin-top:25px}.article-tools{display:flex;gap:12px;flex-wrap:wrap;padding-top:23px}
.section-band{background:linear-gradient(130deg,#241409,#714518,#2e1a0a);border:1px solid #bb8941;color:#ffeed0}.section-band h2,.section-band p{color:#fff0d0}
.site-footer{background:#0a0909;color:#e3d2ad;border-color:#574021}.site-footer h3{color:#f4d38c}.site-footer a{color:#e3c48a}.footer-bottom{border-color:#4e3822;color:#baaa8d}
.bottom-dock{background:#070708;border-top:2px solid #ca9030;box-shadow:0 -9px 23px #000a}.dock-inner{max-width:1180px}.dock-link{color:#f3d693}.dock-link:hover{color:#ffe3a5}.dock-link.cta{background:linear-gradient(145deg,#f7ce72,#b57925);color:#221408}.dock-icon{filter:sepia(.6)}
:focus-visible{outline:3px solid #ffe193!important;outline-offset:3px}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #ffe193}
[hidden]{display:none!important}
@media(min-width:900px){.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.notice-top .shell>span:last-child{display:none}.site-header{position:relative}.header-primary{gap:12px}.brand{max-width:140px}.brand img{max-height:54px}.header-actions .button{padding:8px 11px;font-size:.77rem}.quick-nav-inner{justify-content:space-between;gap:12px}.quick-nav-inner span{display:none}.quick-nav-inner a{padding:7px 0}.feature-content h3{min-height:0}}
@media(max-width:400px){.header-primary{flex-wrap:wrap}.brand{max-width:160px}.site-search{order:3;width:100%;flex-basis:100%;margin:0 0 9px}.quick-nav-inner a{font-size:.75rem}.bottom-dock .dock-link{font-size:.61rem}.dock-icon{font-size:1.05rem}}
/* Pengaturan untuk struktur baru yang melengkapi komponen CSS dasar */
.category-rail-inner{display:flex;align-items:center;gap:12px;min-height:52px;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}
.category-rail-inner a{display:inline-flex;align-items:center;white-space:nowrap;border-radius:999px;padding:6px 15px;font-size:.81rem;font-weight:750}
.category-rail-inner .rail-title{font-size:.77rem;font-weight:900;letter-spacing:.1em}
.number-row>article{padding:25px 23px;border-radius:16px;min-width:0}
.number-row>article>strong{font-size:2.1rem;font-weight:900;display:block;line-height:1.2}
.number-row>article h3{margin-top:10px}.number-row>article p{font-size:.91rem;color:#ddc8a5}
.section-band{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.section-band>span{font-size:.79rem;font-weight:900;letter-spacing:.1em;color:#ffe6a8}
.section-band h2,.section-band p{margin:0}
.section-band .shop-actions{display:flex;flex-wrap:wrap;gap:12px;margin:11px 0 0}
.aside-pane{display:flex;flex-direction:column;gap:20px}
.aside-card nav{display:flex;flex-direction:column;gap:12px;margin:12px 0 18px}
.aside-card nav a{display:block;border-bottom:1px solid #624928;padding:0 0 10px;line-height:1.4;font-size:.92rem}
.dock-inner{grid-template-columns:repeat(6,minmax(0,1fr));max-width:1190px}
.feature-content{flex:1;display:flex;flex-direction:column;gap:8px}
.feature-content h3,.feature-content p{margin:0}
.feature-content .card-actions{margin-top:auto;padding-top:12px}
@media(max-width:760px){.section-band{padding:25px}.dock-inner{padding:6px 2px;gap:2px}.dock-link .dock-icon{font-size:1.14rem}.dock-link{font-size:.65rem}.site-header{position:sticky;top:0}.category-rail-inner{gap:8px}.category-rail-inner a{font-size:.77rem;padding:6px 12px}}
@media(max-width:400px){.dock-link{font-size:.6rem}.dock-link .dock-icon{font-size:1rem}.number-row>article{padding:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker-track{animation:none}}