/* PUI68: burgundy, ruby red, gold. Custom multi-page marketplace editorial theme. */
:root{
 --wine:#28070d;--wine2:#540b17;--red:#c81d2e;--reddeep:#8f1021;
 --orange:#fb702f;--gold:#ffd16f;--pale:#fff5e7;--cream:#fffdfa;
 --ink:#2e1c1f;--mute:#6a5558;--stroke:#ecdcd6;
 --shadow:0 15px 36px rgba(90,22,27,.095);--footer-h:82px
}
body{background:linear-gradient(#fff0ed 0,#fff9f5 490px,#fffdfa 1100px);color:var(--ink)}
:focus-visible{outline:3px solid #e09b16!important;outline-offset:3px!important}
a:hover{color:#a80e20}
.notice-top{background:linear-gradient(95deg,#220408,#751121,#250509);color:#ffedce;border-bottom:1px solid #aa4e35}
.notice-top a{color:#ffe091}
.site-header{background:#fff9f4;box-shadow:0 7px 20px #3e060a12;border-bottom:1px solid #f2ded4}
.header-primary{min-height:99px;grid-template-columns:213px minmax(200px,1fr) auto;gap:26px}
.brand{width:211px;height:82px}
.brand img{width:206px;max-height:69px;height:auto;border-radius:9px;object-fit:contain;object-position:center}
.site-search{background:#fff;border:1px solid #e8c7bd;border-radius:15px;box-shadow:0 4px 13px #4b18200d}
.site-search span{color:#a63230}
.site-search button{background:#59121b}
.site-search button:hover{background:#a10e22}
.button{border-radius:13px;min-height:44px}
.button-red{background:linear-gradient(125deg,#e73b34,#a70c1f);color:#fff;box-shadow:0 6px 14px #b719262c}
.button-red:hover{background:#8d071b;color:#fff}
.button-gold{background:linear-gradient(135deg,#fff2bb,#ffc64b,#eaa128);border-color:#eeaf3b;color:#4c220d;box-shadow:0 4px 14px #8a4a0d1c}
.button-gold:hover{background:#ffe18d;color:#4b220e}
.button-outline{border-color:#dca99a;color:#70202a;background:#fffaf6}
.button-outline:hover{background:#fff0e8;color:#831624}
.button-soft{background:#fff1ee;color:#7e1927;border-color:#f1d0c7}
.main-nav{border-color:#f0d9ca;background:#fff}
.nav-inner a{color:#6b3841;font-weight:850}
.nav-inner a:hover,.nav-inner a[aria-current=page]{color:#9f0c1b}
.nav-inner a[aria-current=page]::after{background:#d99a27;height:4px;border-radius:4px}
.ticker{background:linear-gradient(100deg,#4a0712,#bf2530,#510512);color:#fff;border-bottom:2px solid #f1b75a}
.ticker strong{color:#ffe6a5;letter-spacing:.07em}
.ticker-track span{font-weight:750;letter-spacing:.03em}
.category-rail{background:#2e080d;box-shadow:0 8px 25px #33090d22;overflow:hidden}
.category-rail-inner{display:flex;align-items:center;gap:10px;min-height:53px;overflow-x:auto;scrollbar-width:thin}
.rail-title{letter-spacing:.13em;color:#ffd89f;font-size:.72rem;font-weight:950;margin-right:10px;white-space:nowrap}
.category-rail a{font-size:.84rem;font-weight:850;white-space:nowrap;border:1px solid #edc8a933;background:#ffffff0a;border-radius:8px;padding:7px 14px;color:#fff2e9;transition:background .2s}
.category-rail a:hover{color:#fff;background:#9e1a2e}
.crumb,.crumb a{color:#805d62}
.eyebrow{color:#a51b2d}
.section-head>a{color:#ac1930}
.card{border:1px solid #edd9d3;box-shadow:var(--shadow);border-radius:18px}
.hero-shop{grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);gap:21px;margin-top:7px}
.hero-shop>.gallery{order:1}
.hero-shop>.shop-details{order:2}
.gallery{background:linear-gradient(155deg,#3c0a13,#7f1622);padding:14px;border:1px solid #be6f4b;overflow:hidden;box-shadow:0 18px 32px #4e0b1633}
.gallery-main{background:#220409;border:1px solid #f5bc4a;overflow:hidden;border-radius:12px}
.gallery-main img{object-fit:contain}
.gallery-thumbs{grid-template-columns:repeat(3,1fr);gap:11px;margin-top:10px}
.thumb{background:#440a0f;border-color:#8f4b3b;border-radius:11px;overflow:hidden}
.thumb[aria-pressed=true],.thumb:hover{border-color:#ffd46e;box-shadow:0 0 0 2px #ffd46e}
.gallery .status{color:#ffe3bf;font-size:.76rem}
.shop-details{background:radial-gradient(circle at 13% 10%,#7a1824,#3b0812 59%,#20050b);padding:36px 30px 28px;border-color:#bc6052;color:#fff5ed;position:relative;overflow:hidden}
.shop-details::after{content:"";position:absolute;right:-110px;top:-110px;width:255px;height:255px;border:2px solid #ffffff13;border-radius:50%;pointer-events:none}
.shop-details h1{color:#fff4df;font-size:clamp(1.95rem,2.8vw,2.85rem);text-shadow:0 2px 18px #1b0008aa}
.shop-details .lead{color:#f3cfc8}
.shop-meta{border-color:#9b4850}
.shop-meta>div{color:#e7b4b6}
.shop-meta strong{color:#ffe0ac}
.shop-note{background:#23040bbf;color:#eecdc6;border:1px solid #a4564b}
.tag{background:#fff1d0;color:#763a19;border-color:#f1d19a}
.shop-details .tag{background:#ffe0a8;color:#70351a;border-color:#ffc868}
.shop-details .button-outline{background:transparent;border-color:#f2b5a6;color:#ffefeb}
.shop-details .button-soft{background:#ffeddc;color:#611a1b}
.highlights{margin-top:24px;gap:12px}
.highlight{background:#fff;box-shadow:0 8px 28px #62111a0b;border:1px solid #f0e0d7;border-radius:15px}
.hi-icon{background:linear-gradient(135deg,#ffe8d6,#ffcf75)}
.feature-card{overflow:hidden;transition:transform .2s,box-shadow .2s}
.feature-card:hover{transform:translateY(-3px);box-shadow:0 17px 32px #53192420}
.feature-card .cover{background:#3a0813;border-color:#f0d4c1}
.feature-card .cover img{object-fit:cover}
.feature-card .inside h3 a:hover,.blog-card a:hover{color:#b30a24}
.feature-card .inside p,.blog-card p{color:#71565a}
.mini-btn{border-color:#e3bbac;color:#762031}
.mini-btn:hover{background:#ffede4;color:#7e1429}
.mini-btn.fill{background:#8b1025;border-color:#8b1025;color:#fff}
.mini-btn.fill:hover{background:#bf2340}
.category-grid>.feature-card:nth-child(5n+2) .cover{background:#631629}
.category-grid>.feature-card:nth-child(7n+3) .inside{background:#fffaf1}
.content-banner,.hero-page .page-visual{background:#3c070e;border-color:#c95f3b}
.hero-page{background:radial-gradient(ellipse at 20% 20%,#8d1c2b,#3e0914 62%,#28060e);border:1px solid #bd5c48;border-left:6px solid #e7a23b;color:#fff7f0}
.hero-page h1{color:#fff6e5}
.hero-page p,.hero-page .lead{color:#f1c9c7}
.hero-page .eyebrow{color:#ffd588}
.hero-page .topical span{color:#fce6d8;border-color:#a86454;background:#ffffff0b}
.hero-page .page-visual{box-shadow:0 13px 28px #1f040f4a;border-radius:15px;overflow:hidden}
.hero-page .page-visual img{object-fit:contain}
.article-main{background:#fffefd}
.article-main h2{border-color:#f0e1dc;color:#641d2b}
.article-main p{color:#55494b}
.article-main ul{color:#685355}
.side-panel{background:#fffaf5}
.side-panel a{color:#842638}
.callout,.empty{background:#fff4e7;border-color:#e7bd7c;color:#704723}
.section-band{background:radial-gradient(circle at 90% 3%,#991d2e,#3a0712 72%);border:1px solid #bb5542;box-shadow:0 16px 35px #5a10231c}
.section-band h2{color:#fff8ec}
.section-band p{color:#eecacb}
.section-band .button-outline{border-color:#ecb2a8;color:#fff5ef;background:transparent}
.section-band .button-outline:hover{background:#ffffff23}
.site-footer{background:#26060c;color:#ffede3;border-top:4px solid #e4ab46}
.footer-grid p{color:#d6b7b7}
.footer-links a{color:#f2d4cf}
.footer-links a:hover{color:#ffe090}
.site-footer img{border-radius:8px;max-width:220px}
.bottom-dock{background:linear-gradient(100deg,#36050b,#831424,#35070b);border-top:2px solid #f4bd5d;box-shadow:0 -8px 24px #23090d4a}
.dock-inner{grid-template-columns:repeat(3,minmax(0,1fr));max-width:760px;gap:9px;padding:5px 12px}
.dock-link{color:#fff1d6;font-size:.82rem;letter-spacing:.02em;gap:3px;border-radius:12px}
.dock-link:hover{color:#fff;background:#ffffff18}
.dock-link:nth-child(3){color:#3d1a0c;background:linear-gradient(135deg,#ffe9a7,#e7a83a)}
.dock-link:nth-child(3):hover{color:#3d1a0c;background:#ffdf87}
.dock-link .dock-icon{font-size:1.4rem}
.compare-tray{border-color:#d5ab96;box-shadow:0 9px 31px #611b2040}
.compare-list .item{border-color:#e9c7bc}
.compare-list .item strong{color:#83192a}
.list-toolbar input{border-color:#e2c3b6}
.list-toolbar input:focus{border-color:#b3182b}
.status{color:#8b6262}
@media(min-width:1120px){
 .hero-shop{grid-template-columns:minmax(0,1.02fr) 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:repeat(2,minmax(0,1fr))}
 .category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}
 .category-grid>.feature-card:nth-child(8n+5){transform:translateY(9px)}
}
@media(max-width:1030px){
 .header-primary{grid-template-columns:172px minmax(0,1fr);gap:14px}
 .brand{width:172px}
 .brand img{width:164px}
 .hero-shop{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .shop-details{padding:22px}
}
@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}
 .header-primary{grid-template-columns:116px minmax(0,1fr)}
 .brand{width:114px;height:60px}
 .brand img{width:114px;max-height:59px}
 .category-rail-inner{min-height:51px}
 .category-rail a{font-size:.75rem;padding:7px 10px}
 .rail-title{font-size:.65rem}
 .shop-details{padding:22px}
 .shop-details h1{font-size:clamp(1.76rem,7vw,2.4rem)}
 .gallery .status{font-size:.73rem}
 .dock-inner{padding:4px 7px;gap:5px}
 .dock-link{font-size:.73rem;gap:2px;border-radius:9px}
 .dock-link .dock-icon{font-size:1.25rem}
 .article-main{padding:22px}
 .hero-page{padding:22px}
}
@media(max-width:390px){
 .dock-link{font-size:.68rem}
 .dock-link .dock-icon{font-size:1.12rem}
 .header-actions .button{font-size:.75rem;padding:9px 6px}
 .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.8rem}
}
.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%}
}
