/* GAJIAN123 | green-and-gold responsive marketplace editorial system */
:root{--wine:#053a24;--wine2:#0b5836;--red:#087b43;--reddeep:#06562f;--orange:#ffd83f;--gold:#ecc453;--pale:#f0fff7;--cream:#fff;--ink:#142a1d;--mute:#526c5a;--stroke:#dceae0;--shadow:0 12px 36px rgba(10,58,32,.075);--footer-h:74px}
body{background:#fff;color:var(--ink)}
.site-header{background:#fff;border-bottom:1px solid #e0ece3;box-shadow:0 7px 30px #08462509}
.notice-top{background:#063820;color:#edffef;border-bottom:1px solid #2a7050}
.notice-top a{color:#ffdf78}.header-primary{gap:20px}
.brand{width:195px}.brand img{width:195px;max-height:65px;object-fit:contain}
.site-search{background:#f3faf5;border:1px solid #cee5d6;border-radius:14px}
.site-search button,.button-red{background:linear-gradient(125deg,#04974d,#045833);color:#fff;border-color:#087b43;box-shadow:0 5px 15px #08744222}
.site-search button:hover,.button-red:hover{background:#087e49;color:#fff}
.button-gold{background:linear-gradient(120deg,#fff2a1,#ffc941);color:#163820;border-color:#ddad32}
.button-outline{color:#086e3a;border-color:#b7d8c2;background:#fff}.button-outline:hover{background:#ecfbf2}
.button-soft{background:#eefaf2;color:#075d33;border-color:#d0e9d8}
.main-nav{background:#fff;border-color:#e6f0e8}
.nav-inner a{color:#28533d}.nav-inner a:hover,.nav-inner a[aria-current=page]{color:#06773b}
.nav-inner a[aria-current=page]::after{background:#e3b835;height:3px}
.ticker{background:linear-gradient(110deg,#064527,#05783b,#062e20);color:#fff}
.ticker strong{color:#ffe774}
.category-rail{background:linear-gradient(90deg,#0a3824,#075c34);box-shadow:0 7px 22px #062c1b1c}
.category-rail-inner{display:flex;align-items:center;gap:10px;min-height:54px;overflow-x:auto;scrollbar-width:thin}
.category-rail .rail-title{font-size:.7rem;letter-spacing:.12em;white-space:nowrap;color:#b9e8c8;font-weight:950}
.category-rail a{background:#ffffff0d;color:#fff;border:1px solid #ffffff24;padding:7px 13px;border-radius:100px;white-space:nowrap;font-weight:800;font-size:.78rem}
.category-rail a:hover{background:#ffffff29;color:#fff}
.card{border:1px solid #dcebe0;box-shadow:var(--shadow);background:#fff;border-radius:20px}
.crumb{color:#52745e}.crumb a{color:#236e44}
.eyebrow,.section-head>a{color:#087a40}.tag{background:#effaf1;color:#286238;border-color:#cce8d2}
.shop-details{background:#fff}.shop-details h1,.hero-page h1{color:#073f27}
.shop-details .lead,.hero-page .lead,.article-main p{color:#405d4c}
.shop-meta{border-color:#d9e9df}.shop-meta strong{color:#0e472c}
.shop-actions{margin-top:22px}.shop-details h1{font-size:clamp(1.9rem,3.4vw,3.3rem)}
.poster-gallery{margin:18px 0 23px;padding:18px;background:linear-gradient(160deg,#f9fffb,#e7faef)}
.gallery-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}
.gallery-controls{display:flex;gap:10px}.gallery-controls button{border:1px solid #bee3c9;background:#fff;color:#085d37;border-radius:10px;padding:7px 16px;font-size:1.25rem}
.gallery-controls button:hover{background:#ddf5e5}
.poster-strip{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding-bottom:9px;overscroll-behavior-x:contain}
.poster-frame{flex:0 0 min(42%,520px);margin:0;scroll-snap-align:start;border-radius:16px;overflow:hidden;border:1px solid #c5e5cf;background:#fff}
.poster-frame picture,.poster-frame img{display:block;width:100%}
.poster-frame img{aspect-ratio:1/1;object-fit:contain}
.poster-frame figcaption{text-align:center;font-size:.75rem;color:#2c6845;padding:7px 8px 9px;background:#fff}
.home-heading{padding:33px;max-width:none}
.home-heading .shop-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:700px}
.home-heading .shop-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:24px}
.highlights{margin-top:22px}.highlight{background:#fff;border:1px solid #dcebe0}
.hi-icon{background:linear-gradient(135deg,#d9f5e0,#fff2a8)}
.category-tile{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:22px;min-height:200px;transition:transform .18s,border-color .18s}
.category-tile:hover{border-color:#7cc89b;transform:translateY(-2px);color:#114f30}
.category-tile .cat-emoji{font-size:2rem;line-height:1}.category-tile h3{margin:14px 0 4px;color:#124b2f}
.category-tile p{margin:0 0 17px;color:#58735e;font-size:.88rem}.category-tile .mini-btn{display:inline-block;color:#057b43;border-color:#b9ddc4}
.feature-card .cover{background:#e8f7ed;border-color:#d4e9da}
.feature-card .cover picture,.feature-card .cover img{width:100%;height:100%;display:block;object-fit:contain}
.feature-card .inside p,.blog-card p{color:#56715d}.mini-btn{border-color:#c8e3d0;color:#0c673a}
.mini-btn.fill{background:#0b7842;border-color:#0b7842;color:#fff}.mini-btn.fill:hover{background:#055b32}
.category-intro{padding:23px 29px;margin-bottom:20px}.category-intro p{color:#4d6756}
.hero-page{background:linear-gradient(115deg,#fff 36%,#eafff0);border-left:4px solid #e7c34d}
.hero-page .page-visual{background:#e8f6ed;border-color:#d9e9df}
.hero-page .page-visual img{object-fit:contain}
.article-main h2{color:#103f2b;border-color:#dbeadf}.article-main p{font-size:.98rem;line-height:1.95}
.article-toc{background:#f3fbf5;padding:16px 20px;border:1px solid #d5ebdc;border-radius:12px;margin-bottom:26px}
.article-toc strong{color:#0c6738}.article-toc ol{margin:9px 0 0;padding-left:23px}.article-toc a{color:#185a39;text-decoration:underline;text-underline-offset:3px}
.side-panel{border-color:#d6e8dc}.side-panel a{color:#155734}.link-list li{border-color:#e0ebdf}
.callout{background:#f2fbf3;border-color:#91ca9f;color:#43674e}
.faq-card{margin-top:18px}.faq-card summary{color:#12462d}.faq-card summary::after{color:#0c7b41}
.section-band{background:radial-gradient(ellipse at right,#107a42,#073a25 78%);border:1px solid #387651;box-shadow:0 18px 38px #063b2424}
.section-band h2{color:#fff}.section-band p{color:#daf3e2}.section-band .eyebrow{color:#f6d973}
.section-band .button-outline{color:#fff;border-color:#9cdbb7;background:transparent}.section-band .button-outline:hover{background:#ffffff26}
.site-footer{background:#06351f;color:#e6f8eb;border-top:4px solid #e4ba45}
.footer-grid p{color:#c2e0cd}.footer-links a{color:#e1f3e5}.footer-links a:hover{color:#ffe38f}
.bottom-dock{background:linear-gradient(105deg,#04321b,#096238,#043a24);border-top:2px solid #ebc552;box-shadow:0 -9px 26px #08301f42}
.dock-inner{grid-template-columns:repeat(4,minmax(0,1fr));max-width:820px;gap:6px}
.dock-link{color:#fff;font-size:.82rem}.dock-link:hover{color:#fff7be;background:#ffffff14}
.dock-link.cta{background:linear-gradient(120deg,#ffeb91,#e5b63d);color:#12381f}
.dock-link.cta:hover{background:#fff3a9;color:#10351e}
.compare-tray{border-color:#c7e3ce}.compare-list .item{border-color:#c7e4cf}
.list-toolbar input{border-color:#c7e2cf}.list-toolbar input:focus{border-color:#108344}
.status{color:#38704b}.editorial-note{margin-top:35px}
.visually-hidden{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}
@media(min-width:1050px){.header-primary{grid-template-columns:200px minmax(0,1fr) auto}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1030px){.brand{width:155px}.brand img{width:155px}}
@media(max-width:760px){:root{--footer-h:73px}.poster-frame{flex-basis:88%}.poster-gallery{padding:11px;margin-top:7px}.home-heading{padding:23px}.home-heading .shop-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.home-heading .shop-actions{grid-template-columns:1fr 1fr}.category-rail-inner{min-height:48px}.dock-inner{gap:2px}.dock-link{font-size:.69rem}.dock-link .dock-icon{font-size:1.18rem}.article-main{padding:20px}.brand{width:115px}.brand img{width:115px}}
@media(max-width:460px){.category-grid{grid-template-columns:1fr}.home-heading .shop-actions{grid-template-columns:1fr}.poster-frame{flex-basis:94%}.poster-strip{gap:10px}.brand img{width:105px}.gallery-controls button{padding:5px 11px}.dock-link{font-size:.63rem}.dock-link .dock-icon{font-size:1.05rem}.category-tile{min-height:155px}.hero-page{padding:22px}.section-band{margin-top:32px}}
@media(prefers-reduced-motion:reduce){.poster-strip{scroll-behavior:auto}}
