/* GANGSTER4D edition — black & gold accents, clean white background.
   Posters always contain their FULL original image without blur or cropping. */
:root {
  --wine:#16110d; --wine2:#302215; --red:#b67d1f; --reddeep:#815516;
  --gold:#e8b44d; --pale:#fff8e9; --cream:#fff;
  --ink:#24201c; --mute:#766e62; --stroke:#eddec2;
  --shadow:0 12px 32px rgba(42,31,14,.085); --footer-h:73px;
}
html,body{background:#fffcf8;color:var(--ink)}
a:hover{color:#a36a13}
.notice-top{background:#17130f;color:#fff3d2;border-bottom:1px solid #a97b33}
.notice-top a{color:#ffd578}
.site-header{background:#fff;box-shadow:0 3px 18px #59400d14;border-bottom:1px solid #ead6b1}
.brand{height:82px;width:200px}
.brand img{width:196px;max-width:100%;max-height:80px;object-fit:contain;object-position:left center;border-radius:8px}
.header-primary{grid-template-columns:200px minmax(200px,1fr) auto;gap:24px}
.site-search{background:#fffaf0;border:1px solid #dcc592}
.site-search span{color:#a87730}
.site-search button{background:#221a13;color:#f9d883}
.site-search button:hover{background:#584017}
.button-red{background:linear-gradient(125deg,#201811,#503a1d);color:#fff0d0;box-shadow:0 5px 14px #28190428;border:1px solid #bc944f}
.button-red:hover{color:#fff;background:#58401d}
.button-gold{background:linear-gradient(125deg,#ffeaa3,#dba038);border:1px solid #bb8733;color:#382609}
.button-outline{border-color:#d9b978;color:#644518;background:#fffdf8}
.button-outline:hover{background:#fff1d4}
.button-soft{background:#fff2d8;color:#7c521a;border-color:#e9d3a4}
.main-nav{background:#fff;border-color:#f0e4cf}
.nav-inner a{color:#66523a}
.nav-inner a:hover,.nav-inner a[aria-current=page]{color:#a97113}
.nav-inner a[aria-current=page]::after{background:#d99e28;height:3px}
.ticker{background:linear-gradient(90deg,#17110b,#55401a,#17110b);color:#fff5dd}
.ticker strong{color:#ffd777}
.category-rail{background:#fff4df;box-shadow:none;border-bottom:1px solid #edd8ae}
.rail-title{color:#77511b}
.category-rail a{background:#fff;border:1px solid #e6cd9b;color:#7e551b}
.category-rail a:hover{background:#ffebc6;color:#382810}
.crumb,.crumb a{color:#907146}
.eyebrow{color:#a87520}
.section-head>a{color:#9b6918}
.card{border:1px solid #e9ddc6;box-shadow:var(--shadow)}
.hero-shop{grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);gap:20px}
.hero-shop>.gallery{order:1}.hero-shop>.shop-details{order:2}
.hero-shop .gallery{background:#fff;padding:14px}
.hero-shop .gallery-main{aspect-ratio:1/1;width:100%;height:auto;min-height:0;overflow:hidden;background:#fff;border:1px solid #eedfbd}
.hero-shop .gallery-main img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center;filter:none!important;backdrop-filter:none!important;transform:none!important}
.gallery-thumbs{display:flex;justify-content:center;align-items:center;gap:8px;margin:13px 0 0}
.thumb{width:40px;height:30px;aspect-ratio:auto;border-radius:7px;background:#fff3da;border:1px solid #dfc28d;display:flex;align-items:center;justify-content:center;padding:0;font-size:.76rem;font-weight:900;color:#7c5316;transition:all .18s}
.thumb:hover,.thumb[aria-pressed=true]{background:#483019;border-color:#c3933a;color:#fff6dd;box-shadow:0 3px 8px #5a36052a}
.gallery .status{text-align:center;font-size:.79rem;color:#80673c;margin-top:6px}
.shop-details{background:#fff;padding:30px 26px}
.shop-details h1{color:#4d350f;font-size:clamp(2rem,3.1vw,2.85rem)}
.shop-details .lead{color:#6b5d47}
.shop-meta{border-color:#e9dcc5}
.shop-meta strong{color:#49320f}
.shop-note{background:#fffbef;color:#705d3e;border-color:#eadbbf}
.tag{background:#fff3d8;color:#855814;border-color:#e9d2a0}
.hi-icon{background:#fff1d1}
.feature-card .cover,.content-banner,.hero-page .page-visual{background:#fffbf1;border-color:#f2e4c7}
.feature-card .cover img,.content-banner img,.hero-page .page-visual img{object-fit:contain;object-position:center;filter:none!important;backdrop-filter:none!important}
.feature-card .inside p,.blog-card p{color:#746756}
.mini-btn{border-color:#d8bd88;color:#714d18}
.mini-btn:hover{background:#fff0d1}
.mini-btn.fill{background:#42301c;border-color:#b08845;color:#fff}
.mini-btn.fill:hover{background:#634420}
.hero-page{background:linear-gradient(110deg,#fff 36%,#fff5e4);border-left:5px solid #c99a3c}
.hero-page p{color:#6d604e}
.article-main{background:linear-gradient(140deg,#3a2a18,#19150f);border:1px solid #b38c4c;color:#fff9eb}
.article-main h2,.article-main h3{color:#fff5df;border-color:#ffffff44}
.article-main p,.article-main li,.article-main ul{color:#f7e8ca}
.article-main a{color:#ffe49f}
.article-main .callout{background:#fff4d8;color:#5b411a;border-left-color:#e1ad46}
.article-main .callout strong{color:#513914}
.article-main .ticker{border-radius:10px}
.side-panel a{color:#75501f}
.callout,.empty{background:#fff6e3;border-color:#ddc18c;color:#69512d}
.section-band{background:linear-gradient(120deg,#18130e,#644619);border:1px solid #ac7c31;box-shadow:0 18px 34px #3c271024}
.section-band h2{color:#fff}
.section-band p{color:#f7e3ba}
.section-band .button-outline{color:#fff4db;border-color:#d9bb77;background:transparent}
.section-band .button-outline:hover{background:#ffffff20}
.site-footer{background:#18130e;color:#fff5df;border-top:3px solid #e4b44d}
.footer-grid p{color:#e0ca9e}
.footer-links a{color:#f0dcb7}
.footer-links a:hover{color:#ffe19a}
.bottom-dock{background:linear-gradient(105deg,#17120e,#52391a,#17120e);border-top:2px solid #dfae4e;box-shadow:0 -6px 20px #32200e33}
.dock-inner{grid-template-columns:repeat(3,minmax(0,1fr));max-width:650px;gap:6px;padding:5px 14px}
.dock-link{color:#fff3d4;font-size:.79rem;letter-spacing:.018em}
.dock-link:hover{background:#ffffff24;color:#fff}
.dock-link .dock-icon{font-size:1.32rem}
.compare-tray{border-color:#dfc388;box-shadow:0 10px 36px #38290b24}
.compare-list .item{border-color:#ecd8a9}
.compare-list .item strong{color:#856018}
.list-toolbar input{border-color:#e1c691}
.list-toolbar input:focus{border-color:#b8852c}
.status{color:#776342}
.gallery::before,.gallery::after,.gallery-main::before,.gallery-main::after{backdrop-filter:none!important;filter:none!important}
@media(max-width:1030px){.hero-shop{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.shop-details{padding:22px}}
@media(max-width:760px){
  :root{--footer-h:69px}
  .hero-shop{grid-template-columns:minmax(0,1fr)}
  .hero-shop>.gallery{order:1}
  .hero-shop>.shop-details{order:2}
  .hero-shop .gallery{padding:10px}
  .hero-shop .shop-details{padding:23px}
  .header-primary{grid-template-columns:1fr 1fr;gap:9px}
  .brand{width:170px;max-width:100%;height:70px}
  .brand img{width:165px;max-height:65px}
  .dock-inner{padding:4px 3px;gap:0}
  .dock-link{font-size:.62rem;gap:2px;border-radius:8px}
  .dock-link .dock-icon{font-size:1.2rem}
  .article-main{padding:23px}
  .content-split{grid-template-columns:minmax(0,1fr)}
  .content-split > *{min-width:0;max-width:100%}
  .article-main .ticker{width:100%;max-width:100%}
}
@media(max-width:390px){
  .brand img{width:125px}
  .brand{width:128px}
  .dock-link{font-size:.57rem}
  .header-actions .button{font-size:.75rem;padding:9px 5px}
  .site-search span{display:none}
  .site-search button{padding:0 9px}
  .main{padding-top:15px}
  .shell{padding-left:12px;padding-right:12px}
}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none}.button,.thumb{transition:none}}
/* Readable category chips on all screens */
.category-rail-inner{display:flex;align-items:center;flex-wrap:wrap;gap:8px 10px;padding-top:9px;padding-bottom:9px}
.rail-title{font-size:.72rem;font-weight:900;letter-spacing:.06em;margin-right:3px}
.category-rail a{display:inline-flex;align-items:center;padding:7px 12px;border-radius:22px;white-space:nowrap;font-size:.8rem;font-weight:760;line-height:1.3}
@media(max-width:760px){.category-rail-inner{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}.category-rail a{flex:none}}