/* GANGSTER4D — black & gold responsive marketplace adaptation, 2026 */
:root{--wine:#15110d;--wine2:#292014;--red:#bc8429;--reddeep:#503711;--orange:#d39a41;--gold:#ecc56f;--pale:#fff9ee;--cream:#fff;--ink:#211b15;--mute:#665e51;--stroke:#e6ddcc;--shadow:0 12px 38px rgba(53,34,8,.095);--radius:19px;--footer-h:76px}
html{scroll-padding-top:25px}body{background:#fff;color:var(--ink);overflow-x:hidden}
a:hover{color:#a47424}
.notice-top{background:#100c08;color:#fce5b0;border-bottom:1px solid #aa7a27}.notice-top a{color:#ffe2a0}
.site-header{background:#110d0a;border-bottom:1px solid #80602a;box-shadow:0 2px 12px #120d0920}
.header-primary{grid-template-columns:200px minmax(180px,1fr) auto;min-height:104px}
.brand{display:flex;align-items:center}.brand img{width:194px;max-width:100%;max-height:104px;height:auto;object-fit:contain}
.site-search{background:#fffaf2;border-color:#725a37}.site-search span{color:#866729}.site-search button{background:#b38331;color:#1d150c}.site-search button:hover{background:#e2b759;color:#1d150c}
.button-red{background:linear-gradient(140deg,#f5cf81,#bf8325);color:#221505;box-shadow:0 8px 20px #9d641b35;border-color:#c69338}.button-red:hover{background:#ffdc8d;color:#241705}
.button-gold{background:linear-gradient(145deg,#fce7b2,#e4aa4f);color:#241705;border-color:#bb8c40}.button-gold:hover{background:#fff0c5;color:#241705}
.button-outline{background:#231b13;color:#ffe3ab;border-color:#957335}.button-outline:hover{background:#4c381a;color:#fff4d4}
.button-soft{background:#fff8e9;border-color:#e6c794;color:#6f4c10}
.header-actions .button-outline{border-color:#c99d4d;color:#ffdc95}
.main-nav{border-top:1px solid #4a371b;background:#19130d;box-shadow:none}.nav-inner a{color:#e7cd9d}.nav-inner a:hover,.nav-inner a[aria-current=page]{color:#fff}.nav-inner a[aria-current=page]::after{background:#f4be5d}
.ticker{background:linear-gradient(100deg,#1e160a,#5e4017,#1e160a);color:#fff3d2;border-block:1px solid #a67b34}.ticker strong{color:#fff1b5}.ticker .ticker-track{animation-duration:34s}
.category-rail{background:linear-gradient(100deg,#120e0a,#282012);box-shadow:0 9px 20px #0e090a1c}.rail-title{color:#ddbe7d}.category-rail a{background:#2f2517;border:1px solid #725833;color:#f6e5c2}.category-rail a:hover{background:#735126;color:#fff}
.crumb,.crumb a{color:#815d28}.main{padding-top:19px}.eyebrow{color:#a4772d}.section-head>a{color:#90601c}.section-head h2{color:#281b0c}
.card{border-color:var(--stroke);box-shadow:var(--shadow);border-radius:17px}
/* Showcase replaces the source's small image thumbnails on EVERY page. */
.poster-gallery{margin:6px 0 24px;padding:14px 14px 9px;background:linear-gradient(145deg,#191108,#0b0a08);border:1px solid #b48943;border-radius:18px;box-shadow:0 10px 35px #35230925;min-width:0}
.gallery-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 3px 11px}.gallery-heading h2{font-size:1.16rem;color:#ffe0a0;margin:0}.gallery-heading .eyebrow{color:#ba9656;margin-bottom:2px;font-size:.59rem}
.gallery-controls{display:flex;gap:8px}.gallery-controls button{background:#403014;border:1px solid #bb8a35;color:#ffe5ad;border-radius:10px;width:36px;height:34px;font-size:.86rem;transition:background .15s}.gallery-controls button:hover{background:#79551b}
.poster-track{display:grid;grid-auto-columns:calc((100% - 28px)/3);grid-auto-flow:column;gap:14px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#a27930 #241b0d;border-radius:12px;padding-bottom:5px}
.poster-slide{min-width:0;overflow:hidden;position:relative;scroll-snap-align:start;border-radius:12px;border:1px solid #a17c3e;background:#140e06;display:block}.poster-slide picture{display:block;aspect-ratio:1/1}.poster-slide img{display:block;object-fit:contain;width:100%;height:100%;aspect-ratio:1/1}.poster-numeral{position:absolute;top:10px;right:10px;padding:3px 9px;font-size:.73rem;color:#fff0c4;background:#1c1109c9;border-radius:7px;border:1px solid #9c6a29}
.gallery-caption{font-size:.75rem;color:#d5c19b;margin:10px 3px 1px}
.hero-shop{display:block}.hero-shop>.shop-details{width:100%;order:initial}.shop-details{padding:26px 32px;background:linear-gradient(125deg,#fffaf0,#fff 75%);border-left:5px solid #c99541}.shop-details h1{color:#241807;font-size:clamp(1.85rem,3.4vw,3.05rem)}.shop-details .lead{color:#61513d;max-width:76ch}.shop-note{background:#fff6e2;color:#68502a;border:1px solid #e3c996}.shop-meta strong{color:#483015}
.tag{background:#fff1d6;color:#735016;border-color:#dabb81}.highlights{margin-top:23px}.highlight{border-color:#e6d9c2}.hi-icon{background:linear-gradient(130deg,#fbf0cd,#dfba6f)}
.feature-card .cover,.content-banner,.hero-page .page-visual{background:#fdf5e6;border-color:#e4d0aa}.feature-card .inside p,.blog-card p{color:#65584c}.mini-btn{border-color:#e3bd7b;color:#704b0c}.mini-btn.fill{background:#9c701d;color:#fff;border-color:#9c701d}.mini-btn.fill:hover{background:#b48731;color:#fff}
.hero-page{display:flex;align-items:center;justify-content:space-between;gap:22px;background:linear-gradient(120deg,#21180e,#100d0a);border:1px solid #a68044;border-left:5px solid #d7ae61;padding:28px 32px;color:#fff0cf}.hero-page>div:first-child{flex:1;min-width:0}.hero-page h1,.hero-page h2{color:#ffda8b}.hero-page p,.hero-page .lead{color:#e9d6b2}.hero-page .page-visual{flex:0 0 min(30%,285px)}.hero-page .tag{color:#765217}.hero-page .button-outline{background:transparent;color:#ffe5ab}
.article-main{background:linear-gradient(140deg,#17130e,#22201c);color:#f8f0e3;border-color:#71542b;padding:29px 35px}.article-main h2{color:#ffdb9a;border-color:#58482d}.article-main p,.article-main ul,.article-main li{color:#eee6d7;line-height:1.9}.article-main a{color:#ffce74;text-decoration:underline;text-underline-offset:3px}.article-main a:hover{color:#fff0c8}.article-intro{font-size:1.08rem;color:#fff1d2!important}.article-section{scroll-margin-top:24px}.article-meta{color:#cab991;font-size:.82rem;margin-top:15px}
.side-panel{background:#fffdf7;border:1px solid #e3d0ae;padding:21px;top:15px}.side-panel a{display:block;color:#644715;border-bottom:1px solid #eaddc6;padding:11px 0;font-size:.87rem;font-weight:650}.side-panel a:hover{color:#b08021}.side-panel h3{color:#322313;margin-top:15px}.side-panel h3:first-child{margin-top:0}.content-split{grid-template-columns:minmax(0,1fr) 290px}.reading-nav{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:30px;padding-top:17px;border-top:1px solid #806538;font-size:.87rem}
.category-overview{margin:22px 0}.category-overview h2{margin-top:0}.grid-articles{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.blog-card{background:#fffdf9;border-color:#e8d9c2}.blog-card h3{line-height:1.4}.blog-card a{color:#95681a}.blog-card:hover{border-color:#d5b173;box-shadow:0 12px 25px #865e1620}.blog-card .read-more{margin-top:auto}
.topic-tags{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0 24px}.topic-tags a{display:inline-flex;align-items:center;gap:5px;border-radius:999px;background:#fff5de;border:1px solid #e2c289;padding:9px 13px;color:#6c4c16;font-size:.84rem;font-weight:750}.topic-tags a:hover{background:#f2d39a;color:#34220a}
.section-band{background:radial-gradient(ellipse at right,#765124,#140f09 70%);border:1px solid #967036;box-shadow:0 14px 33px #412c0f23}.section-band h2{color:#ffe09b}.section-band p{color:#f4e4c7}.section-band .button-outline{background:transparent;color:#ffe7b9;border:1px solid #be9751}.section-band .button-outline:hover{background:#4b3618}
.site-footer{background:#100c09;color:#ffe6bb;border-top:4px solid #c5994a}.footer-grid p{color:#bfae90}.footer-links a{color:#e8cf9d}.footer-links a:hover{color:#ffe6a0}
.bottom-dock{height:var(--footer-h);background:linear-gradient(115deg,#110d0a,#392811,#120d08);border-top:2px solid #d3a44e;box-shadow:0 -5px 19px #130e0a65}.dock-inner{grid-template-columns:repeat(4,minmax(0,1fr));max-width:850px;gap:7px}.dock-link{color:#f7deb2;font-size:.77rem;border-radius:9px}.dock-link:hover{color:#fff5dd;background:#574020}.dock-link.cta{background:linear-gradient(140deg,#ffe7a5,#d39d41);color:#281a05}.dock-link.cta:hover{background:#f8db87;color:#281a05}
.compare-tray{background:#fff;border-color:#ad873c}.status{color:#a07b42}
@media(max-width:990px){.header-primary{grid-template-columns:158px minmax(0,1fr);gap:12px}.brand img{width:156px}.header-actions{grid-column:1/-1;justify-content:flex-end}.hero-page .page-visual{flex-basis:32%}.content-split{grid-template-columns:minmax(0,1fr) 240px}.side-panel{padding:18px}}
@media(max-width:760px){:root{--footer-h:72px}.header-primary{grid-template-columns:105px minmax(0,1fr);min-height:76px;gap:8px}.brand img{width:108px;max-height:75px}.header-actions{grid-column:1/-1;display:flex;justify-content:stretch}.header-actions .button{flex:1;padding:9px 7px;font-size:.76rem}.main{padding-top:14px}.poster-gallery{padding:10px 10px 8px;border-radius:14px;margin-bottom:18px}.poster-track{grid-auto-columns:min(87%,420px);gap:11px}.gallery-heading h2{font-size:1rem}.shop-details{padding:22px}.hero-page{display:flex;flex-direction:column;align-items:stretch;padding:22px}.hero-page .page-visual{flex-basis:auto;width:100%;max-width:100%}.content-split{display:grid;grid-template-columns:minmax(0,1fr)}.article-main{padding:23px 21px}.side-panel{position:static}.grid-articles{grid-template-columns:repeat(2,minmax(0,1fr))}.dock-inner{padding:5px 4px;gap:4px}.dock-link{font-size:.63rem}.dock-link .dock-icon{font-size:1.13rem}.section-band{padding:22px}.section-head{align-items:start}.section-head>a{white-space:normal}}
@media(max-width:490px){.grid-articles,.category-grid{grid-template-columns:minmax(0,1fr)}.header-primary{grid-template-columns:103px minmax(0,1fr)}.gallery-heading{margin-bottom:9px}.poster-track{grid-auto-columns:90%}.poster-slide{border-radius:10px}.shop-details h1{font-size:clamp(1.6rem,7vw,2.13rem)}.article-main{padding:20px 17px}.article-main h2{font-size:1.3rem}.reading-nav{font-size:.75rem}.dock-link{font-size:.59rem;letter-spacing:0}.dock-link .dock-icon{font-size:1.12rem}.topic-tags a{font-size:.79rem;padding:7px 9px}.shell{padding-inline:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker .ticker-track{animation:none}.button{transition:none}}
