/* Tema PUI68 merah–emas. Elemen baca tetap kontras dan gambar rasio 1:1 utuh. */
:root{--wine:#2b0610;--wine2:#570b19;--red:#bd1727;--reddeep:#8a0918;--orange:#f9a51e;--gold:#ffd15e;--pale:#fff9ee;--cream:#fffdf8;--ink:#322128;--mute:#74606a;--stroke:#ebdfdb;--shadow:0 13px 38px rgba(63,6,22,.085);--footer-h:80px}
body{background:linear-gradient(#fff2e5 0,#fff8f2 620px,#fffdf9 1200px);color:var(--ink)}
a:hover{color:#9b061e}
.notice-top{background:#25030b;color:#ffecc8;border-bottom:1px solid #75323b}.notice-top a{color:#ffd463}
.site-header{background:#320712;box-shadow:0 6px 23px #29061020;border-bottom:1px solid #7a2d2f}
.site-header .brand{background:#33050e;border-radius:12px}.site-header .brand img{width:100%;height:100%;object-fit:contain}
.site-search{background:#fff8f3;border:1px solid #e6cebf;border-radius:15px}.site-search span{color:#8e2833}
.site-search button{background:linear-gradient(120deg,#b21924,#720919)}.site-search button:hover{background:#d1292b}
.header-actions .button-outline{color:#ffe0a4;background:#64101d;border-color:#a45855}
.button-red{background:linear-gradient(120deg,#dc2930,#8c0718);color:#fff;box-shadow:0 5px 15px #91131e27}
.button-red:hover{background:#af1625;color:#fff}
.button-gold{background:linear-gradient(135deg,#ffed9b,#ffbc31,#e5880c);border-color:#eebd49;color:#44230c}
.button-outline{border-color:#e5c8b0;color:#86232d;background:#fff}
.button-outline:hover{background:#fff4e5}.button-soft{background:#fff2e7;color:#8a2c2d;border-color:#e8c6b0}
.main-nav{border-color:#8d353e;background:#3b0712}.nav-inner a{color:#ffebdb}
.nav-inner a:hover,.nav-inner a[aria-current=page]{color:#ffe192}.nav-inner a[aria-current=page]::after{background:#ffc64f;height:3px}
.ticker{background:linear-gradient(100deg,#30050e,#a20b23,#40040d);color:#fff}.ticker strong{color:#ffdc79}
.category-rail{background:linear-gradient(90deg,#520916,#8e1120);box-shadow:0 9px 24px #47051820;overflow:hidden}
.category-rail-inner{display:flex;align-items:center;gap:9px;min-height:56px;overflow-x:auto;scrollbar-width:thin}
.rail-title{letter-spacing:.11em;color:#f7c8b3;font-size:.69rem;font-weight:950;margin-right:10px;white-space:nowrap}
.category-rail a{font-size:.84rem;font-weight:800;white-space:nowrap;border:1px solid #ffffff24;background:#ffffff0c;border-radius:999px;padding:7px 14px;color:#fff2e2;transition:background .2s}
.category-rail a:hover{color:#fff;background:#ffffff26}
.crumb,.crumb a{color:#924354}.eyebrow{color:#ad1028}.section-head>a{color:#9f1830}
.card{border:1px solid #ecdad3;box-shadow:var(--shadow);border-radius:20px}
.hero-shop{grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);gap:23px}.hero-shop>.gallery{order:2}.hero-shop>.shop-details{order:1}
.gallery{background:linear-gradient(155deg,#fff,#fff1df);padding:17px}
.gallery-main{background:radial-gradient(circle at 50% 30%,#ffffff,#f5dbca);border:1px solid #e8c6b6}
.gallery-thumbs{grid-template-columns:repeat(3,1fr);gap:12px}.thumb{background:#fff;border-color:#e5c1b3;border-radius:12px}.thumb[aria-pressed=true],.thumb:hover{border-color:#d29412;box-shadow:0 0 0 1px #d29412}
.shop-details{background:radial-gradient(ellipse at 10% 0%,#fff,#fff 60%,#fff4e8);padding:34px 34px 26px}.shop-details h1{color:#6e0a1c;font-size:clamp(1.95rem,2.9vw,3rem)}
.shop-details .lead{color:#765257}.shop-meta{border-color:#e7d0c3}.shop-meta strong{color:#622630}
.shop-note{background:#fff8ed;color:#765152;border-color:#e8d1bd}.tag{background:#fff2ca;color:#805016;border-color:#efd69d}
.highlights{margin-top:23px}.highlight{background:#fff}.hi-icon{background:linear-gradient(135deg,#fff0e5,#ffecaa)}
.feature-card .cover{background:#fff3e5;border-color:#eddbc9}.feature-card .inside p,.blog-card p{color:#685862}
.mini-btn{border-color:#e2c9c0;color:#9a2231}.mini-btn:hover{background:#fff1e8}.mini-btn.fill{background:#9f1427;border-color:#9f1427}.mini-btn.fill:hover{background:#c02739}
.content-banner,.hero-page .page-visual{background:#fff0e2;border-color:#e9ccb8}.hero-page{background:linear-gradient(120deg,#fff 35%,#fff2e6);border-left:5px solid #e3a62c}
.hero-page p,.article-main p{color:#584b52}.article-main h2{border-color:#eaded5;color:#6d1726}.article-main ul{color:#624754}
.side-panel a{color:#903242}.callout,.empty{background:#fff6e9;border-color:#e9c18c;color:#674a4a}
.section-band{background:radial-gradient(ellipse at right,#a3162b,#33050d 75%);border:1px solid #a84e49;box-shadow:0 20px 36px #48061a22}
.section-band h2{color:#fff}.section-band p{color:#ffdfd3}.section-band .button-outline{border-color:#ebc3aa;color:#fff;background:transparent}.section-band .button-outline:hover{background:#ffffff24}
.site-footer{background:#25040c;color:#fff0e2;border-top:4px solid #e6af3b}.footer-grid p{color:#dcb8b6}.footer-links a{color:#f9ded4}.footer-links a:hover{color:#ffcf5a}
.bottom-dock{background:linear-gradient(110deg,#27050b,#700b1b,#2b060d);border-top:2px solid #e8b347;box-shadow:0 -8px 24px #31061142}
.dock-inner{grid-template-columns:repeat(4,minmax(0,1fr));max-width:760px;gap:6px}
.dock-link{color:#ffebe3}.dock-link:hover{color:#ffda78}.dock-link.cta{color:#4d220b;background:linear-gradient(140deg,#ffeb96,#f1b131)}.dock-link.cta:hover{color:#4d220b;background:#ffe4a0}
.compare-tray{border-color:#ebc6b6;box-shadow:0 10px 36px #54102345}.compare-list .item{border-color:#ebd2be}.compare-list .item strong{color:#9f1427}
.list-toolbar input{border-color:#e6c7bb}.list-toolbar input:focus{border-color:#b72536}.status{color:#805360}
@media(min-width:1100px){.hero-shop{grid-template-columns:minmax(0,1.0fr) minmax(0,.98fr)}.gallery-main{aspect-ratio:1/1}.shop-details{display:flex;flex-direction:column;justify-content:center}.shop-details .shop-actions{grid-template-columns:1fr 1fr}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-card:nth-child(5n + 3) .cover{background:#fff6e5}}
@media(max-width:1030px){.hero-shop{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.shop-details{padding:21px}}
@media(max-width:760px){:root{--footer-h:74px}.hero-shop{grid-template-columns:1fr}.hero-shop>.gallery{order:1}.hero-shop>.shop-details{order:2}.category-rail-inner{min-height:51px}.category-rail a{font-size:.76rem;padding:7px 10px}.rail-title{font-size:.65rem}.hero-shop .shop-details{padding:23px}.dock-inner{padding:4px 8px;gap:5px}.dock-link{font-size:.70rem;gap:2px;border-radius:8px}.dock-link .dock-icon{font-size:1.32rem}.article-main{padding:23px}}
@media(max-width:390px){.dock-link{font-size:.65rem;letter-spacing:-.01em}.dock-link .dock-icon{font-size:1.18rem}.header-actions .button{font-size:.75rem;padding:9px 5px}.brand img{width:106px}.site-search span{display:none}.site-search button{padding:0 9px}.main{padding-top:15px}.shell{padding-left:12px;padding-right:12px}.shop-details h1{font-size:1.85rem}}
.content-split > *{min-width:0}.article-main{min-width:0;overflow-wrap:anywhere}
@media(max-width:760px){.content-split{grid-template-columns:minmax(0,1fr)}.content-split > *{min-width:0;max-width:100%}.article-main .ticker{width:100%;max-width:100%}}