/* RW4D | Edisi red/gold; style.css menyediakan komponen dasar. */
:root{--wine:#31070d;--wine2:#650a15;--red:#d62526;--reddeep:#7b0b17;--orange:#ef7930;--gold:#efc354;--pale:#fff5ee;--cream:#fffaf5;--ink:#2e1820;--mute:#6d5661;--stroke:#ead9d6;--shadow:0 17px 44px rgba(72,8,18,.10);--footer-h:74px}
html{scroll-padding-top:25px}
body{background:linear-gradient(180deg,#2d0309 0,#4e0912 265px,#fff5f2 270px,#fffdfb 1000px);color:var(--ink)}
a:hover{color:#c32925}
.notice-top{background:#2b0509;color:#ffe3b7;border-bottom:1px solid #8d361e}
.notice-top a{color:#ffdb86}
.site-header{background:#fffaf5;border-bottom:1px solid #ecd5c0;box-shadow:0 6px 20px #4d060921}
.header-primary{grid-template-columns:228px minmax(195px,1fr) auto;gap:16px;min-height:97px}
.brand{width:226px;height:85px}
.brand img{max-height:83px;width:216px;object-fit:contain;object-position:left center;border-radius:9px}
.site-search{background:#fff;border:1px solid #e7cebc}
.site-search span{color:#b04a22}
.site-search button{background:linear-gradient(120deg,#aa121a,#5b0714);color:#fff}
.site-search button:hover{background:#c3242a}
.header-actions .button{padding:12px 13px;white-space:nowrap}
.button-red{color:#fff;background:linear-gradient(125deg,#d52428,#930d16);box-shadow:0 7px 17px #800c1228}
.button-red:hover{color:#fff;background:#a4161d}
.button-gold{color:#4a1b0a;background:linear-gradient(125deg,#fff3b2,#ffd45c 48%,#e5a12e);border-color:#e2af40;box-shadow:0 5px 19px #b26b1630}
.button-gold:hover{color:#572205;background:#ffe08a}
.button-outline{border-color:#e7bd9a;background:#fffaf5;color:#78242a}
.button-outline:hover{background:#fff0e4;color:#862027}
.button-soft{background:#fff1df;color:#812824;border-color:#efccaa}
.main-nav{background:#fffaf5;border-color:#f0d9cb}
.nav-inner a{color:#703337}
.nav-inner a:hover,.nav-inner a[aria-current=page]{color:#b62221}
.nav-inner a[aria-current=page]::after{height:3px;background:#d5a326}
.ticker{background:linear-gradient(105deg,#35040b,#8e101d 47%,#490713);color:#fff1d3;border-block:1px solid #ad5b2b}
.ticker strong{color:#ffdc77}
.ticker-track{animation-duration:29s}
.category-rail{background:linear-gradient(90deg,#250509,#6f0c16,#270509);box-shadow:0 11px 27px #38020b39;overflow:hidden}
.category-rail-inner{display:flex;align-items:center;gap:10px;min-height:56px;overflow-x:auto;scrollbar-width:thin}
.rail-title{letter-spacing:.12em;color:#ffd18f;font-size:.7rem;font-weight:900;margin-right:8px;white-space:nowrap}
.category-rail a{font-size:.81rem;font-weight:800;color:#fff3da;border:1px solid #ffc16f35;background:#ffffff0b;border-radius:100px;padding:7px 14px;white-space:nowrap;transition:background .2s}
.category-rail a:hover{color:#fff;background:#ffffff25}
.main{padding-top:28px}
.crumb,.crumb a{color:#945149;font-weight:750}
.crumb{min-height:29px}
.eyebrow{color:#a51c29}
.section-head>a{color:#a31626}
.card{border:1px solid #efded7;box-shadow:var(--shadow);border-radius:19px}
.hero-shop{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:22px}
.hero-shop>.gallery{order:2}
.hero-shop>.shop-details{order:1}
.gallery{background:linear-gradient(155deg,#fffaf4,#ffe9db);padding:14px}
.gallery-main{aspect-ratio:1/1;background:radial-gradient(circle at 45% 40%,#fff,#f3ceae);border:1px solid #e7be9f}
.gallery-main img{width:100%;height:100%;object-fit:contain;display:block}
.gallery-thumbs{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.thumb{background:#fff8ed;border-color:#e2baa0;border-radius:12px}
.thumb:hover,.thumb[aria-pressed=true]{border-color:#dd9b17;box-shadow:0 0 0 1px #f4cb50}
.thumb img{object-fit:contain}
.shop-details{background:radial-gradient(circle at 100% 0%,#fff4dd,#fffaf7 57%,#fff);padding:32px 31px}
.shop-details h1{color:#620d19;font-size:clamp(1.8rem,2.95vw,3.05rem);line-height:1.16}
.shop-details .lead{color:#71505b}
.shop-meta{border-color:#ecd2c2;grid-template-columns:1fr 1fr}
.shop-meta strong{color:#581d24}
.shop-note{background:#fff4e4;color:#83583f;border-color:#efdfc7}
.tag{background:#fff2d2;color:#805015;border-color:#ecd09e}
.highlight{background:#fffaf6}
.hi-icon{background:linear-gradient(140deg,#ffe1d5,#ffe4a1)}
.section-head h2{color:#5a1620}
.category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.feature-card .cover{background:linear-gradient(130deg,#35040c,#8f1824);border-color:#8e3b34;position:relative;overflow:hidden;aspect-ratio:1.48}
.cover-article{display:flex;align-items:center;justify-content:center;flex-direction:column;color:#ffe4a2;gap:10px;isolation:isolate;text-align:center}
.cover-article::after{content:"";position:absolute;inset:0;opacity:.7;background:radial-gradient(circle at 50% 20%,#e4473545,transparent 48%),repeating-linear-gradient(125deg,transparent 0,transparent 17px,#ffe39008 18px,#ffe39008 20px);z-index:-1}
.cover-article .cover-symbol{font-size:3.8rem;line-height:1;text-shadow:0 3px 17px #f4be64a6}
.cover-article .cover-topic{font-weight:800;font-size:.91rem;color:#fff6e1}
.cover-article:hover{color:#fff0b7}
.feature-card .inside p,.blog-card p{color:#76565e}
.mini-btn{border-color:#e7cbb8;color:#82202d}
.mini-btn:hover{background:#fff0e6}
.mini-btn.fill{background:#8f1621;border-color:#8f1621;color:#fff}
.mini-btn.fill:hover{background:#b8262e}
.list-toolbar{position:relative}
.list-toolbar input{border-color:#e3bfae}
.list-toolbar input:focus{border-color:#a82628}
.saved-count{white-space:nowrap;padding:10px 14px;border-radius:10px;background:#fff0da;color:#84401a;font-weight:900}
.crumb a:hover{color:#fff}
.hero-page{background:linear-gradient(110deg,#fffaf6 30%,#ffe9dc);border-left:5px solid #d9a03c}
.hero-page .page-visual,.content-banner{background:#fff5ed;border-color:#efc8ab}
.page-visual picture,.content-banner picture{display:block;width:100%}
.page-visual img{width:100%;height:auto;object-fit:contain;display:block}
.hero-page h1{color:#611320}
.hero-page p,.article-main p{color:#60444d}
.article-main h2{border-color:#eedbd2;color:#6a1b25}
.article-main ul{color:#60444d}
.article-main{overflow-wrap:break-word}
.article-check{padding:17px 22px;border-left:4px solid #daa93c;border-radius:11px;background:#fff6e8;margin:20px 0}
.article-check strong{display:block;color:#651624;font-weight:900}
.article-check ul{margin:8px 0 0}
.article-check li{margin:5px 0}
.article-closing{font-size:.82rem;border-top:1px solid #ead5c9;padding-top:13px;margin-top:24px}
.side-panel a{color:#87222c}
.side-panel a:hover{color:#b62e22}
.callout,.empty{background:#fff6e8;border-color:#ddb270;color:#875f3a}
.section-band{background:radial-gradient(circle at 97% 6%,#a7212b,#4f0613 65%);border:1px solid #bd623a;box-shadow:0 20px 40px #47071232}
.section-band p{color:#ffe4cf}
.section-band .button-outline{color:#fff;border-color:#eabe70}
.category-tile{padding:23px;display:block;background:linear-gradient(150deg,#fffdfa,#fff6ed);transition:transform .2s,border-color .2s}
.category-tile:hover{transform:translateY(-3px);border-color:#cc9f52}
.category-tile .cat-symbol{font-size:2.6rem;color:#ad2031;display:block;line-height:1.1;margin-bottom:11px}
.category-tile h3{color:#701823}
.category-tile p{font-size:.87rem;color:#765d63;line-height:1.65;min-height:61px}
.cat-foot{font-size:.81rem;font-weight:900;color:#b1282c}
.site-footer{background:#26060d;color:#fff1e0;border-top:4px solid #e7b951}
.footer-grid p{color:#dbbeb8}
.footer-grid img{border-radius:9px}
.footer-links a{color:#ebd1d0}
.footer-links a:hover{color:#ffe1a0}
.bottom-dock{background:linear-gradient(105deg,#25060b,#650c18,#26070c);border-top:2px solid #eaba57;box-shadow:0 -8px 24px #2b050b48}
.dock-inner{grid-template-columns:repeat(4,minmax(0,1fr));max-width:720px;gap:5px}
.dock-link{color:#fff1de}
.dock-link:hover{color:#ffe495}
.dock-link.cta{color:#3e190c;background:linear-gradient(135deg,#fff0aa,#ebac30)}
.dock-link.cta:hover{color:#3e190c;background:#ffe7a0}
.compare-tray{border-color:#e8c9ae}
.compare-list .item{border-color:#ead4c3}
.status{color:#815f65}
@media(min-width:1050px){.shop-details{display:flex;flex-direction:column;justify-content:center}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1080px){.header-primary{grid-template-columns:185px minmax(180px,1fr)}.brand{width:185px}.brand img{width:176px}.header-actions{grid-column:1/-1;justify-content:flex-end}.hero-shop{gap:15px}}
@media(max-width:760px){:root{--footer-h:71px}.hero-shop{grid-template-columns:1fr}.hero-shop>.gallery{order:1}.hero-shop>.shop-details{order:2}.header-primary{grid-template-columns:127px minmax(0,1fr)}.brand{width:125px;height:63px}.brand img{width:125px;max-height:63px}.header-actions{grid-column:1/-1;justify-content:stretch}.header-actions .button{flex:1;padding:10px 8px;white-space:normal}.shop-details{padding:23px}.category-rail-inner{min-height:50px}.category-rail a{font-size:.75rem;padding:7px 10px}.dock-inner{max-width:100%;padding:4px 7px}.dock-link{font-size:.72rem;gap:1px}.dock-link .dock-icon{font-size:1.25rem}.category-tile{padding:17px}.category-tile p{min-height:0}.article-main{padding:21px}.compare-tray{bottom:calc(var(--footer-h) + 8px)}}
@media(max-width:460px){.header-actions .button{font-size:.77rem}.shop-details h1{font-size:1.86rem}.shop-meta{grid-template-columns:1fr 1fr}.highlights{grid-template-columns:1fr 1fr}.category-grid,.grid-articles{grid-template-columns:1fr}.feature-card .cover{aspect-ratio:1.75}.dock-link{font-size:.66rem}.dock-link .dock-icon{font-size:1.3rem}.hero-page{padding:19px}.hero-page h1{font-size:1.8rem}.gallery{padding:9px}.section-head{flex-wrap:wrap}.shop-actions{grid-template-columns:1fr}}
@media(max-width:350px){.header-primary{grid-template-columns:111px minmax(0,1fr)}.brand,.brand img{width:110px}.site-search button{padding:0 8px}.site-search span{padding:0 5px}.site-search input{font-size:.75rem}.dock-inner{padding:4px 3px;gap:1px}.dock-link{font-size:.61rem}}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none}}