/* JITU128 | visual identitas hitam, emas, dan merah | 2026 */
:root{--wine:#1b100b;--wine2:#3b190f;--red:#aa1b16;--reddeep:#751213;--orange:#e49f23;--gold:#efbd56;--pale:#fff7e8;--cream:#fffdf9;--ink:#292018;--mute:#685a4b;--stroke:#eadfce;--shadow:0 16px 40px rgba(51,27,5,.075);--footer-h:74px}
body{background:linear-gradient(180deg,#fff8ec 0,#fff 540px,#fffdf8 1400px);color:var(--ink)}
a:hover{color:#a3221c}.notice-top{background:#160f0b;color:#ffebc1;border-color:#7c5420}.notice-top a{color:#ffd885}
.site-header,.main-nav{background:#fff;border-color:#f1e2c8}.site-header{box-shadow:0 5px 20px #3a210b14}.site-search{background:#fffaf3;border:1px solid #e6d2a9;border-radius:14px}.site-search button{background:linear-gradient(125deg,#8d1412,#421010)}.site-search button:hover{background:#b8281d}
.button-red{background:linear-gradient(120deg,#a62316,#651010);color:#fff;box-shadow:0 5px 17px #65120b33}.button-red:hover{background:#bb2920}.button-gold{background:linear-gradient(130deg,#ffe69b,#efbd56,#c78222);color:#34200b;border:1px solid #d79d3c}.button-outline{background:#fff;color:#672019;border:1px solid #d7bd90}.button-outline:hover{background:#fff4d9}.button-soft{background:#fff4df;color:#6b331b;border:1px solid #e4c69c}
.nav-inner a{color:#583d2c}.nav-inner a:hover,.nav-inner a[aria-current=page]{color:#a22019}.nav-inner a[aria-current=page]::after{background:#daa342}
.ticker{background:linear-gradient(100deg,#201109,#612019,#29140d);color:#fff0d7}.ticker strong{color:#ffcd66}.category-rail{background:linear-gradient(96deg,#180d08,#482315);box-shadow:0 7px 20px #1e090923}.category-rail-inner{min-height:52px}.rail-title{color:#efd29a}.category-rail a{color:#fff1d5;border:1px solid #c2934d55;background:#ffffff0c}.category-rail a:hover{background:#e0a64344;color:white}
.crumb,.crumb a{color:#866a49}.eyebrow,.section-head>a{color:#a02b1d}.card{background:#fff;border:1px solid #efdfc3;border-radius:18px;box-shadow:var(--shadow)}.tag{background:#fff2d3;color:#714218;border:1px solid #efce8c}.hero-shop{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:22px}.hero-shop>.gallery{order:2}.hero-shop>.shop-details{order:1}.shop-details{background:linear-gradient(150deg,#fff,#fff9ec);padding:28px;display:flex;flex-direction:column;justify-content:center}.shop-details h1{font-size:clamp(1.85rem,2.9vw,3.0rem);color:#54220f}.shop-details .lead{color:#654f3c}.shop-meta{border-color:#eadbbe}.shop-meta strong{color:#57321b}.shop-note{background:#fff7e5;color:#6a553a;border:1px solid #e9d3a6}
.gallery{padding:13px;background:#1f130b;border-color:#a9772b}.gallery-main{aspect-ratio:1/1;background:#1a110c;border-radius:12px;overflow:hidden}.gallery-main img{width:100%;height:100%;object-fit:contain;display:block}.gallery-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;color:#ffe8b1}.gallery-controls button{border:1px solid #dbab58;background:#3b2015;color:#ffe7b0;font-size:.85rem;font-weight:800;padding:9px 15px;border-radius:12px;cursor:pointer}.gallery-controls button:hover{background:#6a3118}.gallery-controls span{font-weight:850;letter-spacing:.06em}.gallery-note{font-size:.77rem;color:#e7c997;margin:9px 4px 2px}
.highlight{background:white}.hi-icon{background:linear-gradient(120deg,#fff2d2,#ffe3a0)}.feature-card .cover{background:#1e140d;border-color:#dfc799}.feature-card .cover img{object-fit:contain}.feature-card .inside p,.blog-card p{color:#685847}.mini-btn{border-color:#e4cda4;color:#713316}.mini-btn.fill{background:#86211a;border-color:#86211a;color:#fff}.mini-btn.fill:hover{background:#ba3223}.mini-btn:hover{background:#fff0d2}
.article-main h2{color:#652719;border-color:#eddfc8}.article-main p,.hero-page p{color:#5d5146}.article-main ul{color:#5b4e41}.hero-page{background:linear-gradient(120deg,#fff,#fff5e5);border-left:5px solid #d99933}.hero-page .page-visual{background:#170e0b;border:1px solid #e5c78d}.hero-page .page-visual img{object-fit:contain}.side-panel a{color:#743a22}.content-banner{background:#fbf0d8;border-color:#ddbf83}.callout,.empty{background:#fff9e9;border-color:#e2bf7a;color:#5c4733}
.section-band{background:radial-gradient(ellipse at right,#63251b,#1b110e 72%);border:1px solid #a77738;box-shadow:0 20px 36px #20100320}.section-band h2{color:#fff}.section-band p{color:#f3d4ae}.section-band .button-outline{border-color:#e7b95a;color:#fff;background:#ffffff12}.section-band .button-outline:hover{background:#ffffff2d}
.site-footer{background:#170f0b;border-top:4px solid #dba83d;color:#fef0d9}.footer-grid p{color:#d7baa0}.footer-links a{color:#eacdb2}.footer-links a:hover{color:#ffe39c}.bottom-dock{background:linear-gradient(110deg,#180d09,#622019,#180d09);border-top:2px solid #dfaa47;box-shadow:0 -7px 25px #26110a55}.dock-inner{grid-template-columns:repeat(4,minmax(0,1fr));max-width:730px;gap:4px}.dock-link{color:#ffecd4}.dock-link:hover{color:#ffdc83}.dock-link.cta{background:linear-gradient(140deg,#ffdda0,#d48e30);color:#431b0a}.dock-link.cta:hover{color:#431b0a;background:#ffe5a3}
.compare-tray{border-color:#e5c28d}.compare-list .item{border-color:#e3c797}.compare-list .item strong{color:#792a19}.list-toolbar input{border-color:#e5cda2}.list-toolbar input:focus{border-color:#b86829}.status{color:#8a6944}
.poster-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0 29px}.poster-tile{background:#1b120d;padding:8px;border:1px solid #a77a36;border-radius:16px;overflow:hidden}.poster-tile img{width:100%;height:auto;display:block;object-fit:contain;aspect-ratio:1}.poster-tile figcaption{font-size:.8rem;color:#ffe4ad;padding:10px 8px 6px}.category-directory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:20px 0 35px}.category-directory-card{padding:19px}.category-mark{font-size:1.8rem;line-height:1}.category-directory-card h3{font-size:1.15rem;margin:10px 0 5px}.category-directory-card p{color:#695746;font-size:.84rem;min-height:69px}.category-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:14px;border-top:1px solid #edddc2;padding-top:11px;font-size:.78rem}.category-footer a{font-weight:850;color:#9a2d1d}.category-footer span{color:#786450}
.article-mast{margin-top:20px}.article-meta{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 14px;color:#85633b;font-size:.83rem}.article-toc{background:#fffaee;padding:14px 20px;border:1px solid #ead5ad;border-radius:15px}.article-toc a{color:#7b341f}.article-toc li{margin:4px 0}.article-main section{scroll-margin-top:120px}.article-main h2{font-size:clamp(1.1rem,2.4vw,1.38rem)}.article-main p{line-height:1.85}.related-article-list{margin-top:20px}.related-article-list .blog-card{padding:20px}.page-intro{color:#67523c;max-width:850px;margin:8px 0 18px}.original-brand-note{font-size:.82rem;color:#7f6141}
@media(min-width:1100px){.gallery-main{aspect-ratio:1/1}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:950px){.category-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){:root{--footer-h:70px}.hero-shop{grid-template-columns:1fr}.hero-shop>.gallery{order:1}.hero-shop>.shop-details{order:2}.gallery-main{aspect-ratio:1}.poster-gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;gap:12px}.poster-tile{flex:0 0 min(85vw,390px);scroll-snap-align:center}.category-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-directory-card{padding:13px}.category-directory-card p{min-height:unset}.shop-details{padding:20px}.dock-inner{padding:5px 5px}.dock-link{font-size:.68rem}.dock-link .dock-icon{font-size:1.17rem}.article-main{padding:19px}.hero-page .page-visual{max-width:360px}}
@media(max-width:420px){.category-directory-grid{grid-template-columns:1fr}.poster-tile{flex-basis:87vw}.dock-link{font-size:.61rem}.hero-shop .shop-details h1{font-size:1.72rem}.shop-actions{grid-template-columns:1fr 1fr}.shop-actions .button{font-size:.8rem;padding:10px 7px}}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none!important}.ticker-track span:nth-child(2){display:none}}