/* DEPO55 2026 — purple / deep teal / soft gold marketplace visual identity.
   Layered over the grid/layout rules preserved from the user's reference ZIP. */
:root{--wine:#26143b;--wine2:#3b235c;--red:#126e83;--reddeep:#0b5268;--orange:#efae44;--gold:#ffd479;--pale:#f9f3ff;--cream:#fffefa;--ink:#252138;--mute:#626176;--stroke:#e7e1f0;--shadow:0 15px 40px rgba(42,22,78,.085);--footer-h:78px}
html{scroll-padding-top:70px}
body{color:var(--ink);background:linear-gradient(180deg,#f3f0fa 0,#fafaff 460px,#fffefb 1100px);overflow-x:clip}
a:hover{color:#087b83}
.notice-top{background:#1c1030;border-bottom:1px solid #5c3c75;color:#e8def8}
.notice-top a{color:#a7f0df}
.site-header{background:#fff;box-shadow:0 4px 26px #2e164514;border-bottom-color:#ded6e9}
.header-primary{grid-template-columns:194px minmax(180px,1fr) auto;gap:20px;min-height:99px}
.brand{width:190px;height:76px;padding:6px;border-radius:13px;background:linear-gradient(120deg,#1d0c3c,#421447);box-shadow:0 6px 20px #2b125933;border:1px solid #604676}
.brand img{display:block;width:177px;max-height:66px;object-fit:contain;object-position:center}
.site-search{background:#f8f6fc;border-color:#d9d1e8}
.site-search span{color:#563b85}
.site-search input{color:#29243e}
.site-search button{background:linear-gradient(135deg,#284b82,#125c76)}
.site-search button:hover{background:#076878}
.button-red{background:linear-gradient(125deg,#3a2d74,#0d657a);color:white;box-shadow:0 7px 19px #1c3c6b33}
.button-red:hover{background:#155f78;color:white}
.button-gold{background:linear-gradient(125deg,#ffe7aa,#ffce66,#e6a13a);color:#3a2b17;border-color:#e7b859}
.button-gold:hover{color:#30230d;background:#ffdf86}
.button-outline{background:#fff;border-color:#b9dcd9;color:#12696e}
.button-outline:hover{background:#eafaf8;color:#07565c}
.button-soft{background:#f3edfa;border-color:#dbcfeb;color:#513378}
.button-soft:hover{background:#e9ddf7}
.main-nav{background:white;border-color:#efebf5}
.nav-inner a{color:#4c4263}
.nav-inner a:hover,.nav-inner a[aria-current=page]{color:#0c6f79}
.nav-inner a[aria-current=page]::after{background:#27a89b;height:3px}
.ticker{background:linear-gradient(100deg,#29103e,#56286e,#134d65);color:#fff;box-shadow:inset 0 1px 0 #ffffff20}
.ticker strong{color:#ffdf97}
.category-rail{background:linear-gradient(105deg,#231437,#372352,#154761);box-shadow:0 9px 27px #21183324;overflow:hidden}
.category-rail-inner{display:flex;align-items:center;gap:10px;min-height:55px;overflow-x:auto;scrollbar-width:thin}
.rail-title{font-size:.71rem;letter-spacing:.12em;color:#bdeddc;font-weight:900;margin-right:12px;white-space:nowrap}
.category-rail a{font-size:.82rem;color:#fff;white-space:nowrap;font-weight:750;background:#ffffff10;border:1px solid #ffffff27;border-radius:24px;padding:7px 14px}
.category-rail a:hover{color:#a7f6ed;background:#ffffff20}
.crumb{color:#777189}.crumb a{color:#167685}
.card{border-color:var(--stroke);box-shadow:var(--shadow);border-radius:21px}
.hero-shop{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:stretch}
.hero-shop>.shop-details{order:1}.hero-shop>.gallery{order:2}
.shop-details{background:radial-gradient(ellipse at 0% 5%,#fff,#fff 60%,#f4f0fc 100%);padding:30px;display:flex;flex-direction:column;justify-content:center}
.shop-details h1{color:#291c48;font-size:clamp(1.9rem,2.8vw,2.95rem);letter-spacing:-.04em}
.shop-details .lead{color:#535269}
.shop-meta{border-color:#e5ddec}.shop-meta strong{color:#302452}
.shop-note{background:#f2fbfa;border:1px solid #d4eeea;color:#4a666c}
.tag{color:#593d74;background:#f5eefb;border-color:#e6d6ee}
.gallery{background:linear-gradient(145deg,#fff,#eeeaf9);padding:15px}
.gallery-main{background:#1d1237;border-color:#c9b7e6;aspect-ratio:1/1}
.gallery-thumbs{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.thumb{background:#2a1847;border-color:#d5c9e6}
.thumb:hover,.thumb[aria-pressed=true]{border-color:#31bdba;box-shadow:0 0 0 2px #32bdbb55}
.highlights{margin-top:21px}
.highlight{background:white;border-color:#e5dcef}
.hi-icon{color:#1d6979;background:linear-gradient(140deg,#e5f9f2,#f8edff);font-size:1.35rem}
.eyebrow{color:#277578}.section-head>a{color:#14747d}
.feature-card .cover{background:#f0ebf9;border-color:#e2d9f0}
.feature-card .inside p,.blog-card p{color:#5f6276}
.mini-btn{color:#2b657d;border-color:#d7d8ea}
.mini-btn:hover{background:#ebf9f7}
.mini-btn.fill{background:#274c7a;border-color:#274c7a;color:#fff}
.mini-btn.fill:hover{background:#116b7c;color:#fff}
.hero-page{background:linear-gradient(116deg,#fff 25%,#f0eafb 100%);border-left:5px solid #31a9a5}
.hero-page h1{color:#30214b}.hero-page p{color:#56536b}
.hero-page .page-visual{background:#24133c;border:1px solid #d8cbeb;aspect-ratio:1}
.content-banner{background:#f6f3fc;border-color:#e5d9f0}
.article-main h2{color:#30204d;border-color:#e8e1f1}
.article-main p{color:#4a4b61}
.article-main p.opening-text{font-size:1.04rem;color:#45415c}
.article-main li{color:#4f4c64}
.article-main .content-banner{margin:24px auto;padding:10px;max-width:520px}
.article-main .content-banner img{max-height:480px}
.article-main .article-ending{font-weight:600;color:#34495d}
.link-list a{color:#356177}.link-list a:hover{color:#147a80}
.callout,.empty{background:#f1f9fa;color:#47636e;border-color:#36a6a8}
.section-band{background:radial-gradient(ellipse at right,#1c6e7e,#241538 76%);border:1px solid #5c5378;box-shadow:0 16px 35px #2114352b}
.section-band h2{color:white}.section-band p{color:#e8e0f9}
.section-band .button-outline{background:transparent;border-color:#b5e8dd;color:white}
.section-band .button-outline:hover{background:#ffffff26}
.site-footer{background:#1c1130;border-top:4px solid #1da5a3;color:#eee9ff}
.footer-grid p{color:#c4b9da}.footer-links a{color:#e0d9f1}
.footer-links a:hover{color:#9ff1e3}
.footer-grid img{background:#29183f;border-radius:10px;padding:4px;max-width:175px}
.footer-bottom a{color:#b9f2e6;font-weight:750}
.bottom-dock{background:linear-gradient(110deg,#1e1236,#32204c,#13465e);border-top:2px solid #2dbaa9;box-shadow:0 -8px 24px #1a12394a}
.dock-inner{grid-template-columns:repeat(5,minmax(0,1fr))}
.dock-link{color:#fff}.dock-link:hover{color:#baf6eb}
.dock-link.cta{background:linear-gradient(145deg,#ffe4a2,#f1b94b);color:#372b17}
.dock-link.cta:hover{color:#372b17;background:#ffe4a2}
.compare-tray{border-color:#b6d9dd}
.compare-list .item{border-color:#d9e9e9}
.list-toolbar input{border-color:#c9dbe3}.list-toolbar input:focus{border-color:#229b96;outline:2px solid #9cdee0}
.status{color:#68717e}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
[hidden]{display:none!important}
@media(min-width:1100px){.hero-shop{grid-template-columns:minmax(0,1.02fr) minmax(0,1fr)}.gallery-main{aspect-ratio:1/1}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1030px){.header-primary{grid-template-columns:160px 1fr;gap:12px}.brand{width:155px;height:69px}.brand img{width:145px}.header-actions{grid-column:1/-1}.hero-shop{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.shop-details{padding:21px}}
@media(max-width:760px){:root{--footer-h:73px}.hero-shop{grid-template-columns:1fr}.hero-shop>.gallery{order:1}.hero-shop>.shop-details{order:2}.header-primary{grid-template-columns:117px 1fr}.brand{width:115px;height:57px;padding:3px}.brand img{width:107px;max-height:52px}.category-rail-inner{min-height:49px}.category-rail a{font-size:.76rem;padding:7px 10px}.shop-details{padding:22px}.hero-page{grid-template-columns:1fr}.hero-page .page-visual{max-width:340px;width:100%;margin:auto}.dock-inner{padding:5px 2px}.dock-link{font-size:.63rem;gap:1px}.dock-link .dock-icon{font-size:1.23rem}.content-split{grid-template-columns:minmax(0,1fr)}.content-split>*{min-width:0}.article-main{overflow-wrap:anywhere}}
@media(max-width:390px){.shell{padding-left:12px;padding-right:12px}.shop-details h1{font-size:1.9rem}.header-actions .button{font-size:.76rem;padding:10px 4px}.site-search span{display:none}.site-search button{padding:0 9px}.dock-link{font-size:.56rem}.dock-link .dock-icon{font-size:1.13rem}.gallery-thumbs{gap:7px}}