/* vnk-regions.css: Wine regions section (template "Wine region"). Scoped to .vnk-rg; site palette from brand-style.md. */
.vnk-rg{--rg-ink:#1b1512;--rg-brown:#564530;--rg-muted:#7d6748;--rg-gold:#c0a686;--rg-beige:#f7f2ec;--rg-line:#e6dccd;--rg-wine:#7a2434;--rg-cream:#f8f3ea;--map-fill:#ECE6DC;--map-line:#564530;
  --ink:var(--rg-ink);--muted:var(--rg-muted);--gold:var(--rg-gold);--line:var(--rg-line);--wine:var(--rg-wine);--bg:var(--rg-beige);--surface:#fff;
  color:var(--rg-brown);font-family:"Montserrat",sans-serif;font-size:15px;line-height:1.6;display:grid;gap:30px;padding:8px 0 64px}
.vnk-rg *{box-sizing:border-box}
.vnk-rg h1{font-family:"Title",sans-serif;font-weight:450;color:var(--rg-gold);font-size:54px;line-height:1.1;margin:12px 0 0}
.vnk-rg h2,.vnk-rg h3,.vnk-rg h4{font-family:"Montserrat",sans-serif;color:var(--rg-ink);margin:0;line-height:1.25;text-wrap:balance}
.vnk-rg h3{font-size:13px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--rg-gold)}
.vnk-rg p{margin:0;max-width:72ch}
.vnk-rg a{color:inherit}
.vnk-rg .rg-rule{height:1px;background:var(--rg-gold);width:64px;margin:6px 0 4px}
.vnk-rg .rg-say{font-size:12px;font-style:italic;color:var(--rg-muted);letter-spacing:.02em}
.vnk-rg .hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:32px;align-items:start}
.vnk-rg .hero-t{display:grid;gap:14px;min-width:0}
.vnk-rg .rg-btns{display:flex;gap:10px;flex-wrap:wrap}
.vnk-rg .rg-btn{display:inline-block;background:var(--rg-ink);color:var(--rg-cream);font-size:11px;letter-spacing:.16em;text-transform:uppercase;padding:11px 18px;font-weight:600;text-decoration:none;border:1px solid var(--rg-ink);border-radius:0}
.vnk-rg .rg-btn.rg-ghost{background:transparent;color:var(--rg-ink)}
.vnk-rg .rg-btn.rg-sm{padding:7px 12px;font-size:10px}
.vnk-rg .rg-btn:hover{background:var(--rg-brown);border-color:var(--rg-brown);color:var(--rg-cream)}
.vnk-rg .rg-btn:focus-visible{outline:2px solid var(--rg-gold);outline-offset:2px}
.vnk-rg .mapbox{position:relative;margin:0;max-width:100%}.vnk-rg .mapbox>svg{display:block}
.vnk-rg .inset{position:absolute;top:4px;right:4px}
.vnk-rg .rg-cap{font-size:10px;color:var(--rg-muted);text-align:right}
.vnk-rg .maptip{font-size:12.5px;color:var(--rg-muted);min-height:2.6em;border-left:2px solid var(--rg-gold);padding:4px 10px}
.vnk-rg .loc{cursor:pointer;outline:none}.vnk-rg .loc .halo{fill:var(--rg-wine);opacity:.16;transition:r .15s,opacity .15s}.vnk-rg .loc .dot{fill:var(--rg-wine);transition:r .15s}
.vnk-rg .loc.hi .halo,.vnk-rg .loc:hover .halo,.vnk-rg .loc:focus-visible .halo{r:8;opacity:.3}.vnk-rg .loc.hi .dot,.vnk-rg .loc:hover .dot{r:3}
.vnk-rg .kf{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1px;background:var(--rg-line);border:1px solid var(--rg-line);margin:0}
.vnk-rg .kf div{background:var(--rg-beige);padding:12px 14px;display:grid;gap:2px}
.vnk-rg .kf dt{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--rg-gold);font-weight:600}
.vnk-rg .kf dd{margin:0;font-size:13.5px}
.vnk-rg .apphead{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.vnk-rg .app{display:grid;border-top:1px solid var(--rg-gold)}
.vnk-rg .app-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:20px;padding:16px 12px;border-bottom:1px solid var(--rg-line);transition:background .15s}
.vnk-rg .app-row h4{font-size:17px;font-weight:600}
.vnk-rg .rule-t{font-size:12.5px;color:var(--rg-muted)}
.vnk-rg .sell{margin-top:8px;font-size:13px;line-height:1.55;background:var(--rg-beige);padding:10px 12px;display:grid;gap:4px}
.vnk-rg .sell b{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--rg-wine);margin-right:6px}
.vnk-rg .sell .pair{font-size:12px;color:var(--rg-muted)}
.vnk-rg .wl{display:grid;gap:7px;font-size:13.5px;align-content:start}
.vnk-rg .wl a{color:var(--rg-ink);text-decoration:none;border-bottom:1px solid var(--rg-line)}
.vnk-rg .wl a:hover{border-color:var(--rg-gold)}.vnk-rg .wl a.pl{font-weight:600;border-bottom-color:var(--rg-gold)}
.vnk-rg .wl a.ts{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--rg-wine);font-weight:600;margin-left:8px;white-space:nowrap;border:0}
.vnk-rg .prods{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
.vnk-rg .prod{position:relative;border:1px solid var(--rg-line);padding:14px;display:grid;gap:4px;background:var(--rg-beige);transition:background .15s}
.vnk-rg .prod b{font-size:15px;font-weight:600;color:var(--rg-ink)}
.vnk-rg .prod span{font-size:12px;color:var(--rg-muted)}
.vnk-rg .prod a.go{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--rg-wine);font-weight:600;margin-top:4px;text-decoration:none}
.vnk-rg .prod a.go::after{content:"";position:absolute;inset:0}
.vnk-rg .prod:hover,.vnk-rg .prod.hi{border-color:var(--rg-gold);background:#fff;outline:1px solid var(--rg-gold)}
.vnk-rg .app-row.hi{background:var(--rg-beige)}
.vnk-rg .app-row.flash{animation:vrgflash 2.4s ease-out}
@keyframes vrgflash{0%,40%{background:rgba(122,36,52,.12);box-shadow:inset 3px 0 0 var(--rg-wine)}100%{background:transparent;box-shadow:inset 3px 0 0 transparent}}
.vnk-rg .ctry{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,300px);gap:28px;align-items:start}
.vnk-rg .reg-list{display:flex;flex-wrap:wrap;gap:8px}
.vnk-rg .reg-list a{border:1px solid var(--rg-line);padding:7px 12px;font-size:13px;background:var(--rg-beige);color:var(--rg-ink);text-decoration:none;cursor:pointer}
.vnk-rg .reg-list a.hi,.vnk-rg .reg-list a:hover{border-color:var(--rg-wine);outline:1px solid var(--rg-wine)}
.vnk-rg .reg-list i{font-style:normal;color:var(--rg-muted);margin-left:6px}
.vnk-rg .rg{fill:#fff}.vnk-rg .rg.has{fill:var(--rg-gold);fill-opacity:.28;cursor:pointer;outline:none;transition:fill-opacity .15s}
.vnk-rg .rg.has.hi,.vnk-rg .rg.has:hover{fill:var(--rg-wine);fill-opacity:.85}
.vnk-rg .srcs{font-size:12px;color:var(--rg-muted)}
.vnk-rg .ctry-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.vnk-rg .ctry-card{border:1px solid var(--rg-line);background:var(--rg-beige);padding:16px;display:grid;grid-template-columns:72px 1fr;gap:14px;align-items:center;text-decoration:none;color:var(--rg-ink)}
.vnk-rg .ctry-card:hover{border-color:var(--rg-gold);outline:1px solid var(--rg-gold);background:#fff}
.vnk-rg .ctry-card img{width:72px;height:72px}
.vnk-rg .ctry-card b{display:block;font-size:16px}.vnk-rg .ctry-card span{font-size:12px;color:var(--rg-muted)}
@media (max-width:767px){.vnk-rg h1{font-size:34px}.vnk-rg .hero,.vnk-rg .ctry{grid-template-columns:1fr}.vnk-rg .app-row{grid-template-columns:1fr;gap:6px}.vnk-rg .itmap{max-width:260px}}
@media (prefers-reduced-motion:reduce){.vnk-rg .app-row.flash{animation:none}.vnk-rg .loc .halo,.vnk-rg .loc .dot,.vnk-rg .rg.has,.vnk-rg .prod,.vnk-rg .app-row{transition:none}}

/* breadcrumbs on Wine regions pages: show the full current page name (site default cuts at 100% - 560px) */
.page__regions .breadcrumbs__block .ol__breadcrumb{max-width:calc(100% - 120px)}
.vnk-rg .spk{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-right:6px;vertical-align:-6px;border:1px solid var(--rg-line);background:#fff;color:var(--rg-wine);cursor:pointer;padding:0;border-radius:50%}
.vnk-rg .spk:hover{border-color:var(--rg-wine)}.vnk-rg .spk:focus-visible{outline:2px solid var(--rg-gold);outline-offset:2px}.vnk-rg .spk.on{background:var(--rg-wine);color:#fff;border-color:var(--rg-wine)}
.vnk-rg .say.inl .spk{margin:0 0 0 4px}
.vnk-rg .prod .spk{position:relative;z-index:1}