/* HORE55 — royal blue and golden marketplace theme; site-wide responsive refinements */
:root{
  --wine:#071b43;--wine2:#123974;--red:#2265c8;--reddeep:#0d3b83;
  --orange:#ffa30d;--gold:#ffcd4d;--pale:#fffaf0;--cream:#fffefb;
  --ink:#17233b;--mute:#617083;--stroke:#dfe7f2;
  --shadow:0 15px 42px rgba(8,37,84,.075);--footer-h:80px
}
body{background:linear-gradient(#eff5ff 0,#f8fbff 520px,#fffdf8 1100px);color:var(--ink)}
a:hover{color:#145ac7}
.notice-top{background:#061839;color:#d7e8ff;border-bottom:1px solid #244578}
.notice-top a{color:#ffd56b}
.site-header{background:#fff;box-shadow:0 6px 23px #0825520c;border-bottom:1px solid #dce6f5}
.site-search{background:#f2f6ff;border:1px solid #d5e1f2;border-radius:15px}
.site-search span{color:#2a62ae}
.site-search button{background:linear-gradient(120deg,#154d9c,#0a2d6b)}
.site-search button:hover{background:#2366c6}
.button-red{background:linear-gradient(120deg,#155bc8,#082d77);color:#fff;box-shadow:0 5px 15px #0d428b2c}
.button-red:hover{background:#1f67cc}
.button-gold{background:linear-gradient(135deg,#ffe690,#ffc33d,#ed970e);border-color:#edbd49;color:#3a2b13}
.button-outline{border-color:#bed2ef;color:#153e83;background:#fff}
.button-outline:hover{background:#edf5ff}
.button-soft{background:#eff5ff;color:#184385;border-color:#cfdff3}
.main-nav{border-color:#edf2fa;background:#fff}
.nav-inner a{color:#32517d}
.nav-inner a:hover,.nav-inner a[aria-current=page]{color:#0b58bf}
.nav-inner a[aria-current=page]::after{background:#eeb224;height:3px}
.ticker{background:linear-gradient(100deg,#071f52,#174ea4,#062456);color:#fff}
.ticker strong{color:#ffda73}
.category-rail{background:linear-gradient(90deg,#092856,#133b7d);box-shadow:0 9px 24px #071e4a20;overflow:hidden}
.category-rail-inner{display:flex;align-items:center;gap:9px;min-height:56px;overflow-x:auto;scrollbar-width:thin}
.rail-title{letter-spacing:.11em;color:#b2c7ea;font-size:.69rem;font-weight:950;margin-right:10px;white-space:nowrap}
.category-rail a{font-size:.84rem;font-weight:800;white-space:nowrap;border:1px solid #ffffff24;background:#ffffff0c;border-radius:999px;padding:7px 14px;color:#f4f8ff;transition:background .2s}
.category-rail a:hover{color:#fff;background:#ffffff26}
.crumb,.crumb a{color:#496c9d}
.eyebrow{color:#175db5}
.section-head>a{color:#1659b3}
.card{border:1px solid #dce6f3;box-shadow:var(--shadow);border-radius:20px}
.hero-shop{grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);gap:23px}
.hero-shop>.gallery{order:2}
.hero-shop>.shop-details{order:1}
.gallery{background:linear-gradient(155deg,#fff,#edf5ff);padding:17px}
.gallery-main{background:radial-gradient(circle at 50% 30%,#ffffff,#d9e9ff);border:1px solid #cadcf2}
.gallery-thumbs{grid-template-columns:repeat(3,1fr);gap:12px}
.thumb{background:#fff;border-color:#c5d5ed;border-radius:12px}
.thumb[aria-pressed=true],.thumb:hover{border-color:#e9ac23;box-shadow:0 0 0 1px #e9ac23}
.shop-details{background:radial-gradient(ellipse at 10% 0%,#ffffff,#ffffff 60%,#f3f7fe);padding:34px 34px 26px}
.shop-details h1{color:#0c2c63;font-size:clamp(1.95rem,2.9vw,3rem)}
.shop-details .lead{color:#455b79}
.shop-meta{border-color:#d8e5f4}
.shop-meta strong{color:#1d3760}
.shop-note{background:#f0f6ff;color:#48607d;border-color:#d9e7f9}
.tag{background:#fff6dc;color:#795413;border-color:#f4dfab}
.highlights{margin-top:23px}
.highlight{background:#fff}
.hi-icon{background:linear-gradient(135deg,#eaf2ff,#fff1c9)}
.feature-card .cover{background:#e9f3ff;border-color:#d6e6f8}
.feature-card .inside p,.blog-card p{color:#53647b}
.mini-btn{border-color:#cbdcf0;color:#144a98}
.mini-btn:hover{background:#e9f3ff}
.mini-btn.fill{background:#164d9e;border-color:#164d9e}
.mini-btn.fill:hover{background:#2670d3}
.content-banner,.hero-page .page-visual{background:#eaf3ff;border-color:#cee2f6}
.hero-page{background:linear-gradient(120deg,#ffffff 35%,#e8f3ff);border-left:5px solid #e6ac31}
.hero-page p,.article-main p{color:#455672}
.article-main h2{border-color:#e2ebf5;color:#142e5c}
.article-main ul{color:#4a6282}
.side-panel a{color:#254f88}
.callout,.empty{background:#f1f7ff;border-color:#96b7ea;color:#395474}
.section-band{background:radial-gradient(ellipse at right,#1e60b8,#081b48 75%);border:1px solid #3a66ac;box-shadow:0 20px 36px #07204d1f}
.section-band h2{color:#fff}
.section-band p{color:#d9e9ff}
.section-band .button-outline{border-color:#b1cdf0;color:#fff}
.section-band .button-outline:hover{background:#ffffff24}
.site-footer{background:#071d45;color:#e9f2ff;border-top:4px solid #e6b741}
.footer-grid p{color:#b8cdea}
.footer-links a{color:#d5e5ff}
.footer-links a:hover{color:#ffd365}
.bottom-dock{background:linear-gradient(110deg,#061634,#0b3270,#061b43);border-top:2px solid #efba4e;box-shadow:0 -8px 24px #08163042}
.dock-inner{grid-template-columns:repeat(6,minmax(0,1fr));max-width:930px;gap:3px}
.dock-link{color:#edf4ff}
.dock-link:hover{color:#ffe288}
.dock-link.cta{color:#35270e;background:linear-gradient(140deg,#ffe997,#f1aa22)}
.dock-link.cta:hover{color:#35270e;background:#ffe29b}
.compare-tray{border-color:#bfd4f2;box-shadow:0 10px 36px #0b336645}
.compare-list .item{border-color:#c8def5}
.compare-list .item strong{color:#14488f}
.list-toolbar input{border-color:#c8d9f0}
.list-toolbar input:focus{border-color:#2c70c9}
.status{color:#52719a}
@media(min-width:1100px){
  .hero-shop{grid-template-columns:minmax(0,1.0fr) 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))}
  .feature-card:nth-child(5n + 3) .cover{background:#fff6e5}
}
@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:51px}
  .category-rail a{font-size:.76rem;padding:7px 10px}
  .rail-title{font-size:.65rem}
  .hero-shop .shop-details{padding:23px}
  .dock-inner{padding:4px 3px;gap:0}
  .dock-link{font-size:.61rem;gap:2px;border-radius:8px}
  .dock-link .dock-icon{font-size:1.19rem}
  .article-main{padding:23px}
}
@media(max-width:390px){
  .dock-link{font-size:.54rem;letter-spacing:-.015em}
  .dock-link .dock-icon{font-size:1.11rem}
  .header-actions .button{font-size:.75rem;padding:9px 5px}
  .brand img{width:106px}
  .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.85rem}
}
/* Prevent long ticker text inside a grid item from enlarging mobile grid tracks. */
.content-split > *{min-width:0}
.article-main{min-width:0;overflow-wrap:anywhere}
@media(max-width:760px){
 .content-split{grid-template-columns:minmax(0,1fr)}
 .content-split > *{min-width:0;max-width:100%}
 .article-main .ticker{width:100%;max-width:100%}
}

/* HORE55 edition · green & white marketplace design with gold accents */
:root{
  --wine:#065842;--wine2:#097451;--red:#0a9568;--reddeep:#066849;
  --gold:#f0b944;--pale:#f4fff8;--cream:#fff;
  --ink:#16372d;--mute:#60786d;--stroke:#deebe4;
  --shadow:0 13px 35px rgba(9,73,48,.075);--footer-h:73px;
}
body{background:#f8fbf9;color:var(--ink)}
a:hover{color:#07865b}
.notice-top{background:#07573d;color:#e6fff0;border-bottom:1px solid #106e4c}
.notice-top a{color:#ffdf83}
.site-header{background:#fff;box-shadow:0 3px 20px rgba(0,84,55,.06);border-bottom:1px solid #daece1}
.brand{height:82px}
.brand img{width:181px;max-height:74px}
.site-search{background:#f5faf7;border:1px solid #a9d5bd;border-radius:12px}
.site-search span{color:#148660}
.site-search button{background:#0b9568}
.site-search button:hover{background:#067b55}
.button-red{background:#0b9164;color:white;box-shadow:0 4px 15px #08855730}
.button-red:hover{background:#087c57}
.button-gold{background:linear-gradient(130deg,#ffe9a4,#f9c85e);border:1px solid #edc672;color:#553b13}
.button-outline{border-color:#b3dac7;color:#096b4e;background:#fff}
.button-outline:hover{background:#e8f8ee}
.button-soft{background:#e9f8ef;color:#075e45;border-color:#c6e5d3}
.main-nav{background:#fff;border-color:#e7f1eb}
.nav-inner a{color:#3d6253}
.nav-inner a:hover,.nav-inner a[aria-current=page]{color:#078057}
.nav-inner a[aria-current=page]::after{background:#0bb474;height:3px}
.ticker{background:linear-gradient(90deg,#086647,#138f64,#086647);color:#fff}
.ticker strong{color:#ffe7a3}
.category-rail{background:#e6f7ed;box-shadow:none;border-bottom:1px solid #cce9d9}
.rail-title{color:#28694f}
.category-rail a{background:#fff;border:1px solid #c3e5d3;color:#1b694d}
.category-rail a:hover{background:#c6f4d8;color:#075a3f}
.crumb,.crumb a{color:#527f6d}
.eyebrow{color:#068558}
.section-head>a{color:#08774f}
.card{border:1px solid #e1eee7;box-shadow:var(--shadow)}
.hero-shop{grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);gap:20px}
.hero-shop>.gallery{order:1}
.hero-shop>.shop-details{order:2}
.gallery{background:white;padding:14px}
.gallery-main{background:#f6faf7;border:1px solid #dcece3;aspect-ratio:1/1}
.gallery-main img{display:block;width:100%;height:100%;object-fit:contain}
.gallery-thumbs{display:flex;justify-content:center;align-items:center;gap:8px;margin:13px 0 0}
.thumb{width:39px;height:28px;aspect-ratio:auto;border-radius:7px;background:#e9f4ed;border:1px solid #bddfce;display:flex;align-items:center;justify-content:center;padding:0;font-size:.76rem;font-weight:900;color:#338163;transition:all .18s}
.thumb:hover,.thumb[aria-pressed=true]{background:#078457;border-color:#078457;color:#fff;box-shadow:0 3px 8px #04734d32}
.gallery .status{text-align:center;font-size:.79rem;color:#6c877a;margin-top:6px}
.shop-details{background:white;padding:30px 26px}
.shop-details h1{color:#074d38;font-size:clamp(2rem,3.1vw,2.85rem)}
.shop-details .lead{color:#55776a}
.shop-meta{border-color:#dfede4}
.shop-meta strong{color:#175742}
.shop-note{background:#f0faf4;color:#496c5d;border-color:#d6eadf}
.tag{background:#eaf8ef;color:#0c7652;border-color:#cdebd9}
.hi-icon{background:#e7f8ee}
.feature-card .cover,.content-banner,.hero-page .page-visual{background:#f3fcf7;border-color:#ddf0e5}
.feature-card .inside p,.blog-card p{color:#5c776a}
.mini-btn{border-color:#bddfcd;color:#086d4c}
.mini-btn:hover{background:#eefaf3}
.mini-btn.fill{background:#08885d;border-color:#08885d;color:#fff}
.mini-btn.fill:hover{background:#086b4b}
.hero-page{background:linear-gradient(100deg,#fff 35%,#edf9f2);border-left:5px solid #d1a544}
.hero-page p{color:#547567}
.article-main{background:linear-gradient(140deg,#127957,#07543d);border:1px solid #1b8766;color:#fff}
.article-main h2,.article-main h3{color:#fff;border-color:#ffffff44}
.article-main p,.article-main li,.article-main ul{color:#eafff2}
.article-main a{color:#ffe4a0}
.article-main .callout{background:#e9fbf2;color:#20563b;border-left-color:#f5ba46}
.article-main .callout strong{color:#075f45}
.article-main .ticker{border-radius:10px}
.side-panel a{color:#176c51}
.callout,.empty{background:#f1faf5;border-color:#96d2b1;color:#386a50}
.section-band{background:linear-gradient(125deg,#07573d,#087e59);border:1px solid #0d9467;box-shadow:0 20px 34px #07593a18}
.section-band p{color:#dff5e9}
.section-band .button-outline{color:#fff;border-color:#7cc7a5;background:transparent}
.section-band .button-outline:hover{background:#ffffff22}
.site-footer{background:#064630;color:#eafff3;border-top:3px solid #edc35a}
.footer-grid p{color:#bbded0}
.footer-links a{color:#d8f2e6}
.footer-links a:hover{color:#ffe5a4}
.bottom-dock{background:linear-gradient(105deg,#07583f,#087750,#07583f);border-top:2px solid #e7b64c;box-shadow:0 -6px 22px #053b2d30}
.dock-inner{grid-template-columns:repeat(3,minmax(0,1fr));max-width:650px;gap:6px;padding:5px 14px}
.dock-link{color:#f3fff8;font-size:.79rem;letter-spacing:.018em}
.dock-link:hover{background:#ffffff25;color:#fff}
.dock-link .dock-icon{font-size:1.32rem}
.compare-tray{border-color:#b5dcca;box-shadow:0 10px 36px #0b5b3b22}
.compare-list .item{border-color:#c8eada}
.compare-list .item strong{color:#0b704f}
.list-toolbar input{border-color:#b6dfc9}
.list-toolbar input:focus{border-color:#0d9467}
.status{color:#577b68}
@media(max-width:1030px){.hero-shop{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.shop-details{padding:22px}}
@media(max-width:760px){
  :root{--footer-h:69px}
  .hero-shop{grid-template-columns:minmax(0,1fr)}
  .hero-shop>.gallery{order:1}
  .hero-shop>.shop-details{order:2}
  .header-primary{gap:11px}
  .shop-details{padding:22px}
  .dock-inner{padding:4px 10px;gap:3px}
  .dock-link{font-size:.73rem;gap:2px}
  .dock-link .dock-icon{font-size:1.24rem}
  .article-main{padding:23px}
}
@media(max-width:390px){
  .brand img{width:105px}
  .dock-link{font-size:.69rem}
  .header-actions .button{font-size:.75rem;padding:9px 5px}
  .shop-details h1{font-size:1.95rem}
}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none}.button,.thumb{transition:none}}

/* 15 Oct 2026: HORE55 FULL IMAGE – no blur or crop on any screen size. */
html,body{background:#f8fbf9}
.hero-shop .gallery{background:#fff}
.hero-shop .gallery-main{aspect-ratio:1 / 1;width:100%;height:auto;min-height:0;overflow:hidden;background:#fff;border:1px solid #e1eee7}
.hero-shop .gallery-main img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center;filter:none!important;backdrop-filter:none!important;transform:none!important;image-rendering:auto}
.feature-card .cover img,.content-banner img,.hero-page .page-visual img{object-fit:contain;object-position:center;filter:none!important;backdrop-filter:none!important}
.gallery::before,.gallery::after,.gallery-main::before,.gallery-main::after{backdrop-filter:none!important;filter:none!important}
@media (min-width:761px){.hero-shop .gallery-main{aspect-ratio:1 / 1}}
@media (max-width:760px){.hero-shop .gallery-main{aspect-ratio:1 / 1}.hero-shop .gallery{padding:10px}}