/* CUAN128 • white canvas, crimson velvet & gold accents. Based on the marketplace reference. */
:root{--wine:#39090a;--wine2:#711012;--red:#b5181e;--reddeep:#720809;--orange:#ea8a35;--gold:#f1b333;--pale:#fff8e8;--cream:#fffdf9;--ink:#281b19;--mute:#695d59;--stroke:#eedbd0;--shadow:0 15px 38px rgba(88,16,12,.08);--footer-h:76px}
html{scroll-padding-top:20px}body{background:#fff;color:var(--ink);overflow-x:hidden}img{object-fit:contain}a:hover{color:#b42122}
.notice-top{background:#310606;color:#ffe6bd}.notice-top a{color:#ffe18b}
.site-header{background:#fff;box-shadow:0 4px 18px rgba(95,23,13,.045);position:relative;z-index:3}
.header-primary{grid-template-columns:185px minmax(130px,1fr) auto;gap:20px;min-height:87px}
.brand{height:71px;width:185px;align-items:center}.brand picture{display:block;line-height:0;background:#25080c;border:1px solid #d4a34a;border-radius:13px;padding:4px 7px;box-shadow:0 2px 9px #681a1733}
.brand img{display:block;max-height:60px;width:170px;height:64px;object-fit:contain}
.site-search{background:#fff9f7;border-color:#e5d0c3}.site-search button{background:#721113}.site-search button:hover{background:#a5191e}
.button-red{background:linear-gradient(120deg,#9e1014,#650508);box-shadow:0 6px 18px rgba(112,18,13,.16)}
.button-red:hover{background:#bc2327}.button-gold{background:linear-gradient(120deg,#ffe9a0,#f8bf4c,#d99922);border-color:#efc054;color:#4c2409}
.button-outline{background:white;border-color:#e3c5af;color:#7f1c1e}.button-soft{background:#fff5e7;border-color:#f0d6af;color:#833b17}
.main-nav{border-top:1px solid #f3e7dd;background:#fff}.nav-inner a{color:#704d46}.nav-inner a:hover,.nav-inner a[aria-current=page]{color:#ac1d22}.nav-inner a[aria-current=page]::after{background:#dba83c}
.ticker{background:linear-gradient(100deg,#440607,#a7191d,#410607);color:#ffecca}.ticker strong{color:#ffe193}.ticker .ticker-track{animation-duration:40s}
.category-rail{background:linear-gradient(90deg,#5c080b,#860f14,#57070c);overflow:hidden;box-shadow:0 5px 15px #49070a20}
.category-rail-inner{min-height:54px;display:flex;align-items:center;gap:9px;overflow-x:auto;scrollbar-width:thin}.rail-title{white-space:nowrap;color:#ffd98a;font-weight:900;font-size:.71rem;letter-spacing:.09em;margin-right:9px}
.category-rail a{flex:none;white-space:nowrap;font-size:.79rem;font-weight:750;color:#fff6e7;border:1px solid #ffffff35;background:#ffffff0d;padding:7px 12px;border-radius:999px}.category-rail a:hover{background:#ffffff2d;color:white}
.main{padding-top:16px;padding-bottom:55px}.crumb{margin:19px 0 17px}.crumb a{color:#96343a}
.hero-posters{position:relative;margin:0 0 24px}.poster-track{display:flex;gap:14px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:2px 2px 11px}
.poster-slide{flex:0 0 calc((100% - 28px)/3);min-width:0;scroll-snap-align:start;border:1px solid #c8a46c;border-radius:15px;background:#1a0708;overflow:hidden;box-shadow:0 6px 20px #36110e18}
.poster-slide picture{display:block;line-height:0}.poster-slide img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain}
.poster-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#87604a;font-size:.77rem;margin-top:3px;padding:0 4px}
.poster-controls>div{display:flex;gap:7px}.poster-controls button{border:1px solid #e2c7b2;border-radius:9px;color:#811c22;background:#fff;padding:4px 14px;font-weight:900;line-height:1.2}
.card{border-color:#ecdcd2}.home-intro{padding:30px 34px;background:linear-gradient(115deg,#fff 50%,#fff9ed);max-width:none}.home-intro h1{color:#630b11;font-size:clamp(2rem,4vw,3.45rem)}
.home-intro .lead{font-size:1.07rem;max-width:88ch}.home-intro .shop-meta{display:flex;flex-wrap:wrap;gap:24px 35px;margin-top:21px}.home-intro .shop-actions{display:flex;flex-wrap:wrap;gap:12px;margin:23px 0}.home-intro .shop-actions .button{min-width:162px}
.hero-page{padding:32px 34px;background:linear-gradient(110deg,#fff 55%,#fff4e3);border-left:5px solid #dba440}.hero-page h1{color:#5f0b0d}.hero-page p{color:#69504c;font-size:1.05rem;max-width:78ch}.hero-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:19px}.hero-tags span{font-size:.74rem;font-weight:750;border:1px solid #edd9c9;border-radius:100px;padding:5px 11px;color:#823b32;background:#fff}
.topic-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.category-tile{padding:20px 16px;display:flex;flex-direction:column;min-width:0}.category-tile span{font-size:.73rem;color:#a74332;font-weight:900}.category-tile h3{font-size:1.06rem;color:#6b161a;margin:9px 0}.category-tile p{font-size:.81rem;color:#665b55;line-height:1.54;flex:1}.category-tile b{color:#8d2421;font-size:.76rem;margin-top:10px}
.tag{color:#862e1f;background:#fff7e4;border:1px solid #f1dcbb}.feature-card .cover{background:#fff9ee;border:1px solid #e9d6bd;aspect-ratio:1.3}.feature-card .cover picture{width:100%;height:100%;display:block;line-height:0}.feature-card .cover img{width:100%;height:100%;object-fit:contain}
.feature-card .inside p{color:#695752}.mini-btn{border-color:#e9d2be;color:#8c2326}.mini-btn.fill{background:#781217;border-color:#781217}.mini-btn.fill:hover{background:#b42327}
.list-toolbar{padding:16px 20px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:19px 0}.list-toolbar label{font-size:.81rem;font-weight:800;color:#66372d}.list-toolbar input{flex:1;min-width:160px;min-height:42px;border:1px solid #ddc1b1;border-radius:9px;padding:9px 11px}.list-toolbar select{min-height:42px;border:1px solid #ddc1b1;border-radius:9px;padding:9px;max-width:200px;background:white}.list-toolbar [data-filter-count]{color:#935431;font-size:.82rem;font-weight:800}
.article-main{margin:24px 0 0;padding:31px 33px}.article-main h2{color:#6b1b21;border-bottom-color:#f1e0d4;font-size:1.5rem}.article-main h3{margin-top:24px;color:#732b25}.article-main p{color:#51413e;line-height:1.87;font-size:.99rem}
.article-intro{background:#fff8ee;border:1px solid #efdebe;padding:15px 18px;border-radius:12px;color:#694632;margin-bottom:17px}
.article-note{background:#fff6e6;border-left:3px solid #c7952e;padding:14px 17px;font-size:.82rem;color:#7c583c;margin-top:24px}
.article-pager{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:22px}.article-pager a{padding:15px;border-radius:9px;background:#fff5e9;color:#83252a;font-weight:800;font-size:.83rem}
.content-split{grid-template-columns:minmax(0,1fr) 290px}.content-split .article-main{margin:0}.side-panel{top:15px;margin:0}.side-panel picture{display:block}.side-panel img{width:100%;height:auto;border-radius:9px}.side-panel .link-list a{color:#873c33;font-size:.85rem}.sidebar-cta{margin-top:17px;width:100%}.side-heading{margin-top:28px}
.cat-summary,.visual-info,.catalog-page-intro{padding:24px 29px;margin-top:25px}.faq-list{padding:25px 28px;margin:23px 0}.faq-item{padding:12px 2px;border-bottom:1px solid #f0dfd5}.faq-item summary{cursor:pointer;color:#73242b;font-weight:750}.faq-item p{padding:11px 4px 0;color:#6a544e}
.not-found{margin:20px auto;max-width:770px}.not-found .shop-actions{display:flex;gap:12px;flex-wrap:wrap}
.section-band{background:radial-gradient(circle at right,#b62725,#5b0609 76%);border:1px solid #ba7c3a;margin-top:47px;box-shadow:0 17px 30px #45080822}.section-band .eyebrow{color:#ffd888}.section-band h2{color:white}.section-band p{color:#ffe5d6}.section-band .button-outline{border-color:#e4ae8d;color:white;background:#ffffff10}
.site-footer{background:#320708;color:#fff1e3;border-top:4px solid #daa535}.footer-grid p{color:#e7c7bd}.footer-links a{color:#eed8cc}.footer-links a:hover{color:#ffe09c}.footer-small{font-size:.81rem}.footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:.77rem;color:#dec0b3;padding-bottom:18px}
.bottom-dock{z-index:99;background:linear-gradient(100deg,#330507,#670e11,#340507);border-top:2px solid #dfaa4e;box-shadow:0 -8px 22px #24060644}.dock-inner{grid-template-columns:repeat(4,minmax(0,1fr));max-width:760px;gap:6px}.dock-link{color:#fff3dc;font-weight:850}.dock-link:hover{color:#ffd66f}.dock-link.cta{background:linear-gradient(135deg,#ffe29c,#e5a32b);color:#4e1b0a}.dock-link.cta:hover{color:#4e1b0a}
[data-searchable][hidden]{display:none!important}[hidden]{display:none!important}
@media(max-width:1150px){.topic-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.header-primary{gap:11px}}
@media(max-width:850px){.header-primary{grid-template-columns:150px minmax(160px,1fr)}.brand{width:150px}.brand img{width:133px;height:58px}.header-actions{grid-column:1/-1;justify-content:center;padding-bottom:12px}.hero-posters .poster-slide{flex-basis:calc((100% - 14px)/2)}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-split{grid-template-columns:minmax(0,1fr)}.side-panel{position:static}}
@media(max-width:650px){:root{--footer-h:70px}.main{padding-top:10px}.poster-slide{flex-basis:100%!important}.poster-track{gap:14px}.poster-controls{font-size:.68rem}.header-primary{grid-template-columns:1fr 1fr;gap:10px;padding-top:8px}.brand{height:auto}.site-search{grid-column:1/-1;grid-row:2;height:42px;margin-bottom:7px}.header-actions{grid-column:2;grid-row:1;justify-self:end;padding:0}.header-actions .button{font-size:.72rem;padding:9px 7px}.header-actions .button-outline{display:none}.notice-top .shell{min-height:28px}.notice-top span:nth-child(2){display:none}.home-intro,.hero-page{padding:21px}.home-intro h1{font-size:clamp(1.7rem,7.2vw,2.3rem)}.home-intro .shop-meta{display:grid;grid-template-columns:1fr 1fr;gap:13px}.home-intro .shop-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.home-intro .shop-actions .button{min-width:0;font-size:.78rem;padding:10px 6px}.topic-grid{grid-template-columns:1fr 1fr;gap:9px}.category-tile{padding:15px 12px}.category-tile h3{font-size:.96rem}.category-grid{grid-template-columns:1fr}.article-main{padding:19px}.article-pager{grid-template-columns:1fr}.dock-inner{gap:2px;padding:3px 0}.dock-link{font-size:.68rem}.dock-link .dock-icon{font-size:1.14rem}.footer-bottom{flex-direction:column}.list-toolbar{align-items:stretch}.list-toolbar input,.list-toolbar select{width:100%;max-width:none}.hero-posters{margin-bottom:17px}}
@media(max-width:360px){.topic-grid{grid-template-columns:1fr}.home-intro .shop-meta{grid-template-columns:1fr 1fr}.header-actions .button{font-size:.65rem}.shell{padding-left:11px;padding-right:11px}.dock-link{font-size:.6rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker .ticker-track{animation:none}.button{transition:none}}
