/* HOYE55 — Emerald neon × warm gold. Responsive stylesheet layered over style.css. */
:root{
  --wine:#063524;--wine2:#0b5134;--red:#147b4a;--reddeep:#0a5733;
  --orange:#d59f2c;--gold:#edc66a;--pale:#f5fcf7;--cream:#fffefa;
  --ink:#17352b;--mute:#52675e;--stroke:#d9e9dc;
  --shadow:0 15px 43px rgba(6,58,35,.09);--footer-h:76px;
}
html{scroll-padding-top:20px}
body{background:linear-gradient(180deg,#edfcf3 0,#f7fcf8 420px,#fffefb 1070px);color:var(--ink)}
a:hover{color:#078e52}
.notice-top{background:#06291e;color:#d9ffe9;border-bottom:1px solid #195d3c}
.notice-top a{color:#f8dc85}
.site-header{background:#fff;box-shadow:0 7px 30px #0a442317;border-bottom:1px solid #daecdc}
.site-search{background:#f3faf5;border:1px solid #c7dfce;border-radius:14px}
.site-search span{color:#247a50}
.site-search button{background:linear-gradient(115deg,#106d41,#06492c)}
.site-search button:hover{background:#15965a;color:#fff}
.button-red{background:linear-gradient(130deg,#09965a,#09633b);color:#fff;box-shadow:0 9px 24px #0a713b34}
.button-red:hover{background:#08ad65;color:#fff}
.button-gold{background:linear-gradient(145deg,#ffefb4,#e9bb52);border-color:#d9af4a;color:#3d3515}
.button-gold:hover{background:#ffe39b;color:#3d3515}
.button-outline{color:#0b613d;border-color:#a8d6ba;background:#fff}
.button-outline:hover{background:#ecfff2;color:#0a5937}
.button-soft{background:#e9f8ed;color:#125b39;border-color:#cce5d3}
.button-soft:hover{background:#dbf4e2;color:#105534}
.main-nav{border-color:#e3f0e5;background:#fff}
.nav-inner a{color:#315843}
.nav-inner a:hover,.nav-inner a[aria-current=page]{color:#078f54}
.nav-inner a[aria-current=page]::after{background:#d1a434;height:3px}
.ticker{background:linear-gradient(105deg,#062d21,#0b7043,#064028);color:#f6ffe9;border:0}
.ticker strong{color:#ffe58d}
.category-rail{background:linear-gradient(100deg,#063b27,#146642,#0d5036);box-shadow:0 7px 20px #0b513522;overflow:hidden}
.category-rail-inner{display:flex;align-items:center;gap:9px;min-height:55px;overflow-x:auto;scrollbar-width:thin}
.rail-title{letter-spacing:.12em;color:#cbf2d9;font-size:.69rem;font-weight:950;margin-right:8px;white-space:nowrap}
.category-rail a{font-size:.83rem;font-weight:800;white-space:nowrap;border:1px solid #ffffff28;background:#ffffff14;border-radius:999px;padding:7px 13px;color:#f8fff7;transition:background .2s}
.category-rail a:hover{color:#fff;background:#ffffff28}
.crumb,.crumb a{color:#507d60}
.eyebrow{color:#16794b}
.section-head>a{color:#0a8750}
.card{border-color:#dae9dc;border-radius:19px;box-shadow:var(--shadow)}
.hero-shop{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:22px}
.gallery{background:linear-gradient(145deg,#ffffff,#e5f8e9);padding:15px}
.gallery-main{background:#e3f4e8;border:1px solid #d4e9d9}
.gallery-thumbs{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.thumb{background:#fff;border-color:#c5dfcc;border-radius:11px}
.thumb[aria-pressed=true],.thumb:hover{border-color:#11a860;box-shadow:0 0 0 2px #20bc6950}
.shop-details{background:radial-gradient(circle at 12% 0%,#fff 30%,#f5fcf5);padding:32px}
.shop-details h1{color:#064a31;font-size:clamp(1.97rem,2.88vw,2.85rem);letter-spacing:-.045em}
.shop-details .lead{color:#496657}
.shop-meta{border-color:#d9eadb}
.shop-meta strong{color:#124d33}
.shop-note{background:#effaf2;color:#557060;border-color:#d1e8d8}
.tag{background:#fff6d9;color:#715b23;border-color:#eeddae}
.highlight{background:#fff;border-color:#dcecdf}
.hi-icon{background:linear-gradient(135deg,#e1fbed,#fff5d8)}
.feature-card .cover{background:#ebf8f0;border-color:#d2e8d7}
.feature-card .cover img{width:100%;height:100%;object-fit:contain}
.feature-card .inside p,.blog-card p{color:#596e61}
.mini-btn{border-color:#c6dccd;color:#0c6641}
.mini-btn:hover{background:#edf8ef}
.mini-btn.fill{background:#126d44;border-color:#126d44;color:#fff}
.mini-btn.fill:hover{background:#0a9052;color:#fff}
.content-banner,.hero-page .page-visual{background:#e8f7eb;border-color:#cfe6d4}
.hero-page{background:linear-gradient(117deg,#fff 35%,#e9f8ed);border-left:5px solid #e2be61}
.hero-page p,.article-main p{color:#4c6658}
.article-main h2{color:#124e35;border-color:#e1eee4}
.article-main ul{color:#496657}
.side-panel a{color:#1c6540}
.callout,.empty{background:#f2faf4;border-color:#90c9a3;color:#496a52}
.section-band{background:radial-gradient(ellipse at right,#187f4b,#073725 78%);border:1px solid #3b9565;box-shadow:0 19px 38px #07432524}
.section-band h2{color:#fff}
.section-band p{color:#e0f7e8}
.section-band .button-outline{border-color:#8ed2ac;color:#fff;background:transparent}
.section-band .button-outline:hover{background:#ffffff20;color:#fff}
.site-footer{background:#062d20;color:#e6ffef;border-top:3px solid #e3b951}
.footer-grid p{color:#badbc7}
.footer-links a{color:#d5f0df}
.footer-links a:hover{color:#ffdf86}
.footer-bottom{border-color:#235e42;color:#b0d3bd}
.bottom-dock{background:linear-gradient(95deg,#06271c,#09583a,#073422);border-top:2px solid #e1bf61;box-shadow:0 -7px 25px #062d2450}
.dock-inner{grid-template-columns:repeat(5,minmax(0,1fr));max-width:840px;gap:4px}
.dock-link{color:#f0fff3}
.dock-link:hover{color:#ffe3a1;background:#ffffff20}
.dock-link.cta{background:linear-gradient(140deg,#ffeba3,#e7b846);color:#403315}
.dock-link.cta:hover{color:#403315;background:#ffdf82}
.compare-tray{border-color:#bddcca;box-shadow:0 10px 36px #0c422b45}
.compare-list .item{border-color:#c4dfca}
.compare-list .item strong{color:#0b693e}
.list-toolbar input{border-color:#b7d6bf}
.list-toolbar input:focus{border-color:#159558}
.status{color:#4f775e}
.faq-card details{border-color:#e3efe5}
.faq-card summary::after{color:#0d8851}
.faq-card details p{color:#536d5c}
.feature-card:hover{transform:translateY(-2px);transition:transform .18s}
@media(min-width:1100px){
  .hero-shop{grid-template-columns:minmax(0,1fr) 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: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}}
@media(max-width:760px){
  :root{--footer-h:72px}
  .hero-shop{grid-template-columns:1fr}
  .hero-shop>.gallery{order:1}
  .hero-shop>.shop-details{order:2}
  .category-rail-inner{min-height:49px}
  .category-rail a{font-size:.77rem;padding:7px 10px}
  .rail-title{font-size:.65rem}
  .shop-details h1{font-size:clamp(1.76rem,6.4vw,2.2rem)}
  .dock-inner{padding:5px 4px;gap:2px}
  .dock-link{font-size:.64rem;gap:2px;border-radius:8px}
  .dock-link .dock-icon{font-size:1.18rem}
  .article-main{padding:23px}
  .content-split,.content-split>*{min-width:0}
  .side-panel{order:initial}
  .article-main .ticker{width:100%;max-width:100%}
}
@media(max-width:390px){
  .dock-link{font-size:.57rem}
  .dock-link .dock-icon{font-size:1.1rem}
  .header-actions .button{font-size:.76rem;padding:9px 6px}
  .brand img{width:108px}
  .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.72rem}
}
@media(prefers-reduced-motion:reduce){.feature-card:hover{transform:none}}