/* GAJIAN123 2026 — emerald / champagne marketplace editorial interface */
:root{--wine:#062c21;--wine2:#075438;--red:#13734a;--reddeep:#08482f;--orange:#ddb64c;--gold:#f3d783;--pale:#f4f8ef;--cream:#fffefa;--ink:#19392e;--mute:#5b776b;--stroke:#d5e4d8;--shadow:0 12px 40px rgba(2,54,35,.085);--footer-h:78px}
body{background:linear-gradient(180deg,#e9f6ee 0%,#f4faf4 520px,#fffefa 1200px);color:var(--ink)}
a:hover{color:#0b8251}
.notice-top{background:#021d15;color:#d4eede;border-bottom:1px solid #2c654e}
.notice-top a{color:#ffe8a0}
.site-header{background:linear-gradient(117deg,#032b1e,#075337 62%,#043a2a);border-bottom:1px solid #356c4f;box-shadow:0 12px 28px #06341e21}
.header-primary{min-height:110px}
.brand{padding:3px;background:#043724;border:1px solid #397a47;border-radius:13px;overflow:hidden;box-shadow:0 4px 21px #0003}
.brand img{width:100%;max-height:75px;object-fit:contain;object-position:center}
.site-search{background:#fffdf5;border:1px solid #b2d6ba;border-radius:15px;box-shadow:0 3px 14px #001f101d}
.site-search span{color:#188158}
.site-search input{color:#153528}
.site-search button{background:linear-gradient(115deg,#e5ba4d,#ffe7a4);color:#173824;font-weight:900}
.site-search button:hover{background:#ffcf63;color:#173824}
.header-actions .button{border-radius:12px;box-shadow:0 7px 17px #011b1230}
.button-red{background:linear-gradient(120deg,#0b8755,#005436);border:1px solid #1b985f;color:#fff;box-shadow:0 6px 18px #0a563230}
.button-red:hover{background:#079a5d;color:#fff}
.button-gold{background:linear-gradient(120deg,#fff5bb,#f2c954 65%,#c7982f);border:1px solid #debb58;color:#183c2b}
.button-gold:hover{background:#ffe58b;color:#123523}
.button-outline{background:#fffefa;border-color:#bed8c6;color:#075c3a}
.button-outline:hover{background:#eff8f0;color:#04472b}
.button-soft{background:#e8f5eb;border-color:#b8dfc3;color:#0e5b3a}
.button-soft:hover{background:#d8eedf}
.main-nav{background:#033623;border-bottom:1px solid #3f855a}
.nav-inner a{color:#e2f5e4}
.nav-inner a:hover,.nav-inner a[aria-current=page]{color:#ffe39a}
.nav-inner a[aria-current=page]::after{background:#f2ce62;height:3px}
.ticker{background:linear-gradient(100deg,#023b26,#07824b,#003c28);color:#f7ffe9;border-bottom:1px solid #d2a84e}
.ticker strong{color:#ffe387}
.category-rail{background:linear-gradient(90deg,#084f36,#086840,#055135);box-shadow:0 8px 24px #042f1e24;overflow:hidden}
.category-rail-inner{display:flex;align-items:center;gap:9px;min-height:57px;overflow-x:auto;scrollbar-width:thin}
.rail-title{color:#d3f4d8;letter-spacing:.1em;font-size:.69rem;font-weight:900;margin-right:10px;white-space:nowrap}
.category-rail a{font-size:.83rem;font-weight:750;white-space:nowrap;border:1px solid #d9e9bd4d;background:#ffffff10;border-radius:999px;padding:7px 13px;color:#f5fff0;transition:background .2s}
.category-rail a:hover{color:#fff8d3;background:#ffffff24}
.crumb,.crumb a{color:#528171}
.eyebrow{color:#0e8553}
.section-head h2{color:#153c2c}
.section-head>a{color:#08774e}
.card{background:#fffef9;border:1px solid #d6e7d7;box-shadow:var(--shadow);border-radius:19px}
.hero-shop{grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);gap:25px}
.hero-shop>.gallery{order:2}
.hero-shop>.shop-details{order:1}
.gallery{background:linear-gradient(150deg,#fffefa,#e3f4e7);padding:16px;border-color:#cee4d5}
.gallery-main{background:radial-gradient(circle at center,#f5fff0,#b9e2c6);border:1px solid #b6ddc1;border-radius:15px}
.gallery-thumbs{grid-template-columns:repeat(3,1fr);gap:10px}
.thumb{background:#fff;border-color:#bbdcc5;border-radius:13px}
.thumb[aria-pressed=true],.thumb:hover{border-color:#dda93e;box-shadow:0 0 0 2px #e5c96f}
.shop-details{background:radial-gradient(ellipse at 0% 0%,#f3fff4,#fffefa 72%);padding:34px 32px 27px;border-top:5px solid #dbb950}
.shop-details h1{color:#094832;font-size:clamp(1.96rem,2.86vw,3.0rem);line-height:1.2}
.shop-details .lead{color:#496b59}
.shop-meta{border-color:#d4e7d5}
.shop-meta strong{color:#125739}
.shop-note{background:#f0f8ed;color:#526f5b;border:1px solid #d2e7d2}
.tag{background:#fdf4d7;color:#75591e;border:1px solid #e5d099}
.highlights{margin-top:24px}
.highlight{background:linear-gradient(125deg,#fffefa,#f6fbf2);border-color:#dfebdc;box-shadow:0 8px 27px #0d513010}
.hi-icon{background:linear-gradient(130deg,#e0f4e5,#ffefc1)}
.feature-card{transition:transform .2s ease,box-shadow .2s ease}
.feature-card:hover{transform:translateY(-3px);box-shadow:0 15px 40px #0c5f3020}
.feature-card .cover{background:#e4f3e7;border-color:#cfe4d6}
.feature-card .inside h3,.blog-card h3{color:#153f2a}
.feature-card .inside p,.blog-card p{color:#597267}
.mini-btn{border-color:#bfdbc8;color:#0c754b}
.mini-btn:hover{background:#ebf6ed}
.mini-btn.fill{background:#0b6d48;border-color:#0b6d48;color:#fff}
.mini-btn.fill:hover{background:#0c8c57}
.content-banner,.hero-page .page-visual{background:#e5f5e6;border-color:#c7decf}
.hero-page{background:linear-gradient(115deg,#ffffff 25%,#e5f5e8);border-left:5px solid #d4b654}
.hero-page h1{color:#114c35}
.hero-page p,.article-main p{color:#49675a}
.article-main{background:#fffffc}
.article-main h2{border-color:#dfebdf;color:#0e583a}
.article-main ul{color:#446a55}
.side-panel{background:#f9fcf7}
.side-panel a{color:#1f6348}
.callout,.empty{background:#f2f8eb;border-color:#a7cbb1;color:#426850}
.faq-card summary{color:#13543b}
.faq-card details[open]{background:#f4f9ef}
.number-card .n{color:#bd902b}
.section-band{background:radial-gradient(ellipse at right,#108258 0%,#06412f 68%,#03271e 100%);border:1px solid #5c9872;box-shadow:0 20px 38px #063e2b2b}
.section-band h2{color:#fff9e5}
.section-band p{color:#e0f8e6}
.section-band .button-outline{border-color:#94c0a5;color:#fff}
.section-band .button-outline:hover{background:#ffffff26}
.site-footer{background:#032a1e;color:#e5f3e8;border-top:4px solid #dbb950}
.footer-grid p{color:#b5cfbe}
.footer-links a{color:#d6e8d8}
.footer-links a:hover{color:#ffdb83}
.footer-bottom{color:#acc7b5}
.bottom-dock{height:var(--footer-h);background:linear-gradient(100deg,#013c28,#086c42 48%,#023a26);border-top:2px solid #f1d075;box-shadow:0 -8px 24px #001a0d40}
.dock-inner{grid-template-columns:repeat(3,minmax(0,1fr));max-width:780px;gap:12px;padding:7px 10px}
.dock-link{color:#ebfff0;border:1px solid #ffffff24;border-radius:13px;font-weight:800;letter-spacing:.025em;font-size:.76rem;background:#ffffff08}
.dock-link:hover{color:#ffde7a;background:#ffffff17}
.dock-link:nth-child(2){background:#fff4be18;border-color:#f6d47975}
.dock-link:nth-child(3){background:linear-gradient(115deg,#ffefb4,#dcaf40);color:#15452a;border-color:#ffe8a0}
.dock-link:nth-child(3):hover{background:#ffdf77;color:#104027}
.dock-link .dock-icon{font-size:1.38rem;color:inherit}
.compare-tray{border-color:#b7d9c1;box-shadow:0 11px 39px #0c483037}
.compare-list .item{border-color:#cee3d0}
.compare-list .item strong{color:#0a6141}
.list-toolbar input{border-color:#b9d5c0}
.list-toolbar input:focus{border-color:#139263}
.status{color:#54796b}
.feature-card:nth-child(3n+2){border-top:3px solid #e2c36e}
.feature-card:nth-child(4n+3) .cover{background:#fff9e7}
.content-split>*{min-width:0}
.article-main{min-width:0;overflow-wrap:anywhere}
@media(min-width:1100px){.hero-shop{grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr)}.gallery-main{aspect-ratio:1/1}.shop-details{display:flex;flex-direction:column;justify-content:center}.shop-details .shop-actions{grid-template-columns:1fr 1fr}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1030px){.hero-shop{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.shop-details{padding:21px}.header-primary{min-height:80px}}
@media(max-width:760px){:root{--footer-h:75px}.hero-shop{grid-template-columns:1fr}.hero-shop>.gallery{order:1}.hero-shop>.shop-details{order:2}.category-rail-inner{min-height:50px}.category-rail a{font-size:.75rem;padding:7px 10px}.rail-title{font-size:.64rem}.shop-details{padding:22px}.dock-inner{padding:5px 7px;gap:6px}.dock-link{font-size:.69rem;border-radius:10px}.dock-link .dock-icon{font-size:1.14rem}.article-main{padding:22px}.content-split{grid-template-columns:minmax(0,1fr)}.content-split>*{min-width:0;max-width:100%}.header-primary{min-height:70px}.brand{width:112px;height:58px}.brand img{width:105px;max-height:53px}.hero-page{border-left-width:4px}}
@media(max-width:390px){.dock-link{font-size:.61rem;letter-spacing:-.01em}.dock-link .dock-icon{font-size:1.1rem}.header-actions .button{font-size:.75rem;padding:9px 5px}.brand img{width:102px}.site-search span{display:none}.site-search button{padding:0 8px}.shell{padding-left:12px;padding-right:12px}.shop-details h1{font-size:1.81rem}}
@media(prefers-reduced-motion:reduce){.feature-card{transition:none}.feature-card:hover{transform:none}}