/* TUNAI4D -- luminous emerald, obsidian, subtle antique gold.
   Progressive enhancement on the responsive marketplace layout. */
:root{
 --wine:#041a11; --wine2:#073e24; --red:#0ba84b; --reddeep:#087433;
 --orange:#d4a44c; --gold:#e4c475; --pale:#f4fff9; --cream:#fdfffe;
 --ink:#163327; --mute:#5b7466; --stroke:#cde6d8;
 --shadow:0 15px 40px rgba(2,42,21,.09); --footer-h:75px;
}
html{scroll-padding-top:90px}
body{background:linear-gradient(180deg,#06180f 0,#123f29 465px,#e9f5eb 467px,#f5fcf7 1000px);color:var(--ink)}
body::before{content:"";height:4px;position:absolute;top:0;left:0;right:0;background:linear-gradient(90deg,#0e8f45,#17f261,#e8c779,#12e35b,#0e8f45);pointer-events:none}
a:hover{color:#077e43}
.notice-top{background:#020e09;color:#c0f7d0;border-bottom:1px solid #19512a;letter-spacing:.012em}
.notice-top a{color:#f4d886}
.site-header{background:linear-gradient(110deg,#04150d,#052314 46%,#08190f);box-shadow:0 11px 30px #00170940;border-bottom:1px solid #1f703c}
.brand{width:220px;height:72px}
.brand img{width:212px;max-height:65px;height:auto;object-fit:contain;object-position:left center;border-radius:6px}
.header-primary{grid-template-columns:220px minmax(210px,1fr) auto;min-height:97px;gap:23px}
.site-search{background:#ebfaf0;border:1px solid #30a258;border-radius:13px;box-shadow:0 0 0 1px #0e512820}
.site-search span{color:#0f8d43}
.site-search input{color:#0c3a24}
.site-search button{background:linear-gradient(130deg,#0c853a,#06532c);color:#fff}
.site-search button:hover{background:#1aae56}
.button{border-radius:11px}
.button-red{background:linear-gradient(130deg,#0bbf57,#087739);color:#fff;box-shadow:0 5px 22px #09d85f30}
.button-red:hover{background:linear-gradient(135deg,#12d76a,#0a9444);color:#021b0a}
.button-gold{background:linear-gradient(135deg,#f8e7a6,#d5ae5c);border-color:#dfbb72;color:#172715}
.button-gold:hover{background:#ffe5a1;color:#163223}
.button-outline{background:#f1fff5;border-color:#73bf88;color:#0d512b}
.button-outline:hover{background:#e4f7eb;color:#065d31}
.button-soft{background:#e5f9ed;border-color:#8ed0a3;color:#084a28}
.header-actions .button-outline{background:transparent;color:#d5ffe2;border-color:#287546}
.header-actions .button-outline:hover{background:#0b3c25;color:#fff}
.main-nav{border-top:1px solid #165434;background:#071e13;box-shadow:none}
.nav-inner{gap:27px}
.nav-inner a{color:#cae9d6}
.nav-inner a:hover,.nav-inner a[aria-current=page]{color:#f2d58b}
.nav-inner a[aria-current=page]::after{background:#22e26a;height:3px}
.ticker{background:linear-gradient(92deg,#09612f,#07aa4c,#10371e,#098239);color:#fff}
.ticker .shell{min-height:41px}
.ticker strong{color:#ffe7a6;letter-spacing:.02em}
.ticker .ticker-track{animation-duration:32s}
.category-rail{background:#082116;border-bottom:1px solid #195536;box-shadow:0 9px 21px #021a0c40;overflow:hidden}
.category-rail-inner{display:flex;align-items:center;gap:8px;min-height:55px;overflow-x:auto;scrollbar-width:thin}
.rail-title{letter-spacing:.12em;font-size:.67rem;font-weight:950;color:#a1cbb0;margin-right:8px;white-space:nowrap}
.category-rail a{font-size:.82rem;font-weight:800;white-space:nowrap;border:1px solid #1c683e;background:#0d3420;border-radius:999px;padding:6px 14px;color:#c8f8d7}
.category-rail a:hover{background:#165b35;color:#fff}
.crumb{color:#e4f5e8}.crumb a{color:#bdffd3}
.main{padding-top:21px}
.eyebrow{color:#0f984c}
.section-head{margin-top:42px}
.section-head>a{color:#087a3b}
.section-head h2{color:#133c27}
.card{border:1px solid #cce7d6;border-radius:19px;box-shadow:var(--shadow)}
.hero-shop{grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);gap:19px}
.hero-shop>.gallery{order:1}
.hero-shop>.shop-details{order:2}
.gallery{background:linear-gradient(150deg,#092719,#03150d);padding:13px;border-color:#20894a;box-shadow:0 0 0 1px #26995130,0 19px 32px #0008}
.gallery-main{border:1px solid #17833d;border-radius:13px;background:#041a11;box-shadow:inset 0 0 28px #16e86b20}
.gallery-main img{object-fit:contain;width:100%;height:100%}
.gallery-thumbs{gap:9px}
.thumb{background:#031e0f;border:2px solid #135b2d;aspect-ratio:1.25;border-radius:10px}
.thumb[aria-pressed=true],.thumb:hover{border-color:#f2cf6f;box-shadow:0 0 0 1px #caa34c,0 0 18px #16e76b45}
.thumb img{object-fit:contain}
.gallery .status{color:#c4e6ce;font-size:.76rem;padding:5px 2px 1px}
.shop-details{background:radial-gradient(ellipse at 30% 0%,#0c4a2b,#061b12 55%,#04130d);color:#ecfff2;border-color:#289751;box-shadow:0 16px 30px #00150c70;padding:30px 30px 25px}
.shop-details h1{color:#f1fff1;font-size:clamp(1.85rem,2.55vw,2.76rem);line-height:1.17;text-shadow:0 0 22px #24f47135;letter-spacing:-.035em}
.shop-details .lead{color:#d1f0dc;line-height:1.7;font-size:.98rem}
.shop-details .tag{background:#133821;border:1px solid #559c57;color:#f6d885}
.shop-meta{border-color:#267c44;color:#a8ceac}
.shop-meta div{color:#aacbb7}
.shop-meta strong{color:#ebffe9}
.shop-actions{gap:10px}
.shop-note{color:#c5e3cb;background:#0c3320;border:1px solid #1d7741;font-size:.79rem}
.highlights{margin-top:20px}
.highlight{background:#fafffb;border:1px solid #cae5d3}
.hi-icon{background:linear-gradient(145deg,#dfffe6,#d4f0d7);color:#097c36}
.tag{background:#e7f7df;color:#29603b;border-color:#b9dfb9}
.feature-card{background:#fff}
.feature-card .cover{background:linear-gradient(130deg,#e4ffe9,#d6f4e2);border-color:#c5e6cd;aspect-ratio:1.25}
.feature-card .cover img{object-fit:contain}
.feature-card .inside p{color:#5c7566}
.feature-card .card-actions .mini-btn{border-color:#b7dbbf;color:#176737}
.mini-btn:hover{color:#063d1f;background:#e8faee}
.mini-btn.fill{background:#087c3f;color:#fff;border-color:#087c3f}
.mini-btn.fill:hover{background:#0fa352;color:#fff}
.number-card{background:#fff}
.number-card .n{color:#0a7f43}
.eyebrow, .section-head .eyebrow{letter-spacing:.10em}
.hero-page{border:1px solid #c8e6d1;background:linear-gradient(115deg,#f7fff8,#e3f6e8);}
.hero-page h1{color:#113f27}
.hero-page .lead{color:#587461}
.hero-page .page-visual{background:#082214;border:1px solid #5caf75}
.hero-page .page-visual img{object-fit:contain}
.topical span{background:#e0f4e5;border-color:#bed8c1;color:#37684b}
.article-main{color:#243e2e;background:#fff;border-color:#d0e6d4}
.article-main h2,.article-main h3{color:#15452b}
.article-main p{line-height:1.86;color:#3d5243}
.article-main .ticker{border-radius:10px;overflow:hidden}
.callout{background:#ecf9ed;border-color:#bde0c4;color:#385a45}
.side-panel{background:#fafffa;border-color:#c6e3ce}
.side-panel h3{color:#184d2a}
.side-panel a{color:#27633c}
.side-panel .button-outline{background:#e8f9ec}
.blog-card{background:#fff}
.blog-card a{color:#06763c}
.faq-card{border-color:#cde5d2}
.faq-card summary:hover{color:#0a9244}
.list-toolbar input{border-color:#b1d8bd}
.list-toolbar input:focus{border-color:#139a55}
.section-band{background:radial-gradient(ellipse at 5% 25%,#116b36,#061b11);border:1px solid #2b8248;color:#e4fff0;box-shadow:0 16px 30px #003a1729}
.section-band h2{color:#f2ffef}
.section-band .eyebrow{color:#ffdc80!important}
.section-band p{color:#bde7cd}
.section-band .button-outline{background:transparent;color:#d9ffe3;border-color:#3d9f57}
.site-footer{background:linear-gradient(145deg,#03110b,#071f14);color:#cce4d4;border-top:3px solid #1a9746}
.footer-grid h3{color:#f7e3a5}
.footer-links a{color:#c9e7d1}
.footer-links a:hover{color:#67ef9c}
.footer-grid p,.footer-bottom{color:#9ec8ab}
.footer-grid img{width:min(225px,100%);height:auto;max-height:90px;object-fit:contain;object-position:left center;border-radius:5px}
.bottom-dock{background:linear-gradient(110deg,#03190d,#07572a,#051b10);border-top:2px solid #38de68;box-shadow:0 -8px 30px #01150780}
.dock-inner{grid-template-columns:repeat(4,minmax(0,1fr));max-width:760px;gap:8px;padding:7px 12px}
.dock-link{color:#eaffec;font-size:.78rem}
.dock-link:hover{color:#fff;background:#ffffff1a}
.dock-link.cta{background:linear-gradient(130deg,#f6e4a5,#d8b65c);color:#152817}
.dock-link.cta:hover{background:#ffe7a5;color:#122318}
.bottom-dock .dock-link:last-child{background:#d7b668;color:#102516}
.compare-tray{border-color:#6ba97b}
.compare-tray .chip{background:#ebfaef;color:#2e653d}
.modal{color:#24432e}
.modal .item{border-color:#c8e5cf}
.modal .item strong{color:#107644}
@media(max-width:1140px){
 .header-primary{grid-template-columns:188px 1fr;gap:14px;padding-block:9px}
 .brand{width:184px;height:60px}.brand img{width:184px;max-height:60px}
 .header-actions{grid-column:1/-1;justify-content:flex-end}
 .hero-shop{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .shop-details{padding:24px}
}
@media(max-width:760px){
 :root{--footer-h:72px}
 .shell{padding-inline:15px}
 .notice-top .shell{min-height:30px}
 .header-primary{grid-template-columns:118px minmax(0,1fr);min-height:65px;gap:9px}
 .brand{width:118px;height:50px}.brand img{width:118px;max-height:46px}
 .header-actions{grid-column:1/-1;display:flex;gap:8px}
 .header-actions .button{font-size:.78rem;padding:9px}
 .site-search{min-width:0;height:42px}
 .site-search input{font-size:.82rem}
 .site-search button{padding:0 11px}
 .nav-inner{gap:16px;min-height:45px}
 .nav-inner a{font-size:.78rem}
 .category-rail-inner{min-height:50px}
 .category-rail a{font-size:.75rem;padding:6px 11px}
 .rail-title{font-size:.65rem}
 .ticker .ticker-track{animation-duration:28s}
 .hero-shop{grid-template-columns:minmax(0,1fr);gap:13px}
 .hero-shop>.gallery{order:1}.hero-shop>.shop-details{order:2}
 .gallery{padding:10px}.shop-details{padding:22px}
 .shop-details h1{font-size:clamp(1.72rem,6vw,2.25rem)}
 .shop-actions{grid-template-columns:1fr 1fr}
 .shop-actions .button{font-size:.85rem;padding:12px 7px}
 .dock-inner{gap:2px;padding:5px}
 .dock-link{font-size:.68rem}
 .dock-link .dock-icon{font-size:1.15rem}
 .hero-page{grid-template-columns:minmax(0,1fr)}
 .article-main{padding:22px}
}
@media(max-width:460px){
 .shell{padding-inline:12px}
 .brand{width:108px}.brand img{width:106px}
 .header-primary{grid-template-columns:108px minmax(0,1fr)}
 .site-search span{display:none}
 .site-search button{padding:0 10px}
 .site-search input{padding-inline:7px}
 .shop-details{padding:19px}
 .shop-details h1{font-size:1.84rem}
 .shop-actions{grid-template-columns:1fr}
 .gallery-thumbs{gap:6px}
 .highlights{grid-template-columns:repeat(2,minmax(0,1fr))}
 .highlight{padding:11px}
 .category-grid,.grid-articles{grid-template-columns:1fr}
 .dock-link{font-size:.61rem}
 .dock-link .dock-icon{font-size:1.15rem}
}
@media(prefers-reduced-motion:reduce){.ticker .ticker-track{animation:none}.ticker .ticker-scroll{mask-image:none}}
/* Keep the animated information ribbon from widening editorial grid tracks. */
.content-split,.content-split>*{min-width:0;max-width:100%}
.article-main{min-width:0;max-width:100%;overflow-wrap:anywhere}
.article-main .ticker{width:100%;max-width:100%;min-width:0;overflow:hidden}
.article-main .ticker .shell{max-width:100%;min-width:0;width:100%;}
.article-main .ticker-scroll{min-width:0;width:0;flex:1;overflow:hidden}
@media(max-width:760px){.content-split{grid-template-columns:minmax(0,1fr)}}
