/* ===== Teema muutujad — IDENTSED esilehega ===== */
:root{
  --bg:#0a0a0a; --bg-2:#0f0d09; --surface:#15120d; --surface-3:#1a1611;
  --border:#26231c; --border-2:#2f2f2f;
  --gold:#c9a76a; --gold-solid:#cda86a; --gold-dim:#8a6f42;
  --text:#ece8df; --muted:#8f8b81; --idle:#7d796f; --hover:#ffffff;
  --radius:12px; --radius-sm:8px;
  --serif:"Cormorant Garamond", Georgia, "Times New Roman", serif;
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
html.light{
  --bg:#f5f2eb; --bg-2:#ece8df; --surface:#ffffff; --surface-3:#f4f0e8;
  --border:#e0dacd; --border-2:#d2cdc0;
  --gold:#8a6d3b; --gold-solid:#a8843f; --gold-dim:#6a512a;
  --text:#1e1a14; --muted:#5a554c; --idle:#8a857b; --hover:#1e1a14;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;transition:background .25s,color .25s}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer}
img{display:block;max-width:100%}
.icon{width:1em;height:1em;display:inline-block;vertical-align:middle;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.container{max-width:1440px;margin:0 auto;padding:0 48px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.eyebrow .rule{width:34px;height:1px;background:var(--gold)}
.eyebrow span{color:var(--gold);font-size:11px;letter-spacing:2.5px;font-weight:600;text-transform:uppercase}
.h-serif{font-family:var(--serif);font-weight:500;color:var(--text);line-height:1.12;letter-spacing:.3px}
.h-serif em{font-style:italic;color:var(--gold)}
.btn-gold{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--gold-solid);color:#1a160e;font-size:12px;letter-spacing:2px;font-weight:600;text-transform:uppercase;padding:15px 26px;border:0;border-radius:2px;transition:filter .15s}
.btn-gold:hover{filter:brightness(1.08)}
.btn-gold .icon{width:15px;height:15px}

/* ===== Header (identne esilehega) ===== */
.site-header{position:relative;z-index:100;background:var(--bg)}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:78px}
.logo{display:flex;align-items:center;gap:12px}
.logo .mark{height:34px;width:auto}
.logo .word{display:inline-flex;flex-direction:column;align-items:flex-start;line-height:1}
.logo .word b{font-family:var(--serif);font-weight:600;font-size:18px;letter-spacing:4px;color:var(--text);white-space:nowrap}
.logo .word small{color:#c9a76a;font-size:8px;margin-top:4px;text-transform:uppercase;white-space:nowrap}
.main-nav{display:flex;align-items:center;gap:30px}
.main-nav a{color:var(--idle);font-size:13px;letter-spacing:1.5px;font-weight:500;text-transform:uppercase;transition:color .15s}
.main-nav a:hover{color:var(--hover)}
.main-nav a.active{color:var(--gold)}
.nav-item{position:relative;display:flex;align-items:center}
.kat-btn{background:transparent;border:0;color:var(--idle);font-size:12px;letter-spacing:1.5px;font-weight:500;text-transform:uppercase;display:flex;align-items:center;gap:6px;font-family:inherit;padding:0;transition:color .15s}
.kat-btn:hover{color:var(--hover)}
.kat-btn .kat-chev{width:12px;height:12px;color:var(--gold);transition:transform .2s}
.kat-btn.active{color:var(--gold)}
.nav-item.open .kat-btn{color:var(--gold)}
.nav-item.open .kat-chev{transform:rotate(180deg)}
.kat-menu{position:absolute;top:calc(100% + 16px);left:0;min-width:290px;background:var(--surface-3);border:1px solid var(--border);border-radius:10px;box-shadow:0 16px 38px rgba(0,0,0,.5);z-index:80;padding:6px}
.kat-menu[hidden]{display:none}
.kat-opt{display:block;padding:10px 14px;font-size:12px;color:var(--muted);border-radius:6px;letter-spacing:.3px;transition:background .12s,color .12s}
.kat-opt:hover{background:color-mix(in srgb,var(--gold) 13%,transparent);color:var(--hover)}
.kat-opt.kat-all{color:var(--gold);font-weight:600;letter-spacing:.6px;text-transform:uppercase;font-size:11px;border-bottom:1px solid var(--border);border-radius:0;margin:0 0 6px;padding:8px 14px 12px}
.kat-opt.kat-all:hover{background:transparent;color:var(--hover)}
.header-tools{display:flex;align-items:center;gap:12px}
.icon-btn{width:36px;height:36px;border:1px solid var(--border-2);border-radius:6px;background:transparent;display:flex;align-items:center;justify-content:center;color:var(--idle);transition:color .15s,border-color .15s;flex:none}
.icon-btn:hover{color:var(--hover);border-color:var(--gold)}
.icon-btn .icon{width:18px;height:18px}
.menu-toggle{display:none}
.lang-option:hover{background:color-mix(in srgb,var(--gold) 14%,transparent);color:var(--hover)}
/* (Keelevalija eemaldatud — kataloog jääb ainult eestikeelseks. Ülaolevad reeglid jäävad kasutamata, võib hiljem koristada.) */

.mobile-menu{position:fixed;inset:0;z-index:200;background:var(--bg);padding:24px;transform:translateX(100%);transition:transform .28s ease;display:flex;flex-direction:column;gap:6px;overflow-y:auto}
.mobile-menu.open{transform:translateX(0)}
.mobile-menu .mm-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
.mobile-menu a.mm-link{color:var(--text);font-family:var(--serif);font-size:24px;padding:12px 0;border-bottom:1px solid var(--border)}
.mobile-menu a.mm-link.active{color:var(--gold)}
.mobile-menu a.mm-link:hover{color:var(--gold)}

/* ===== Page header ===== */
.page-header{padding:60px 0 28px;border-bottom:1px solid var(--border)}
.breadcrumb{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--idle);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:18px}
.breadcrumb a{color:var(--idle);transition:color .15s}
.breadcrumb a:hover{color:var(--gold)}
.breadcrumb-sep{color:var(--gold-dim)}
.page-title{font-family:var(--serif);font-size:clamp(36px,4.5vw,60px);font-weight:500;line-height:1.08;letter-spacing:.3px}
.page-title em{font-style:italic;color:var(--gold)}

/* ===== Global search ===== */
.global-search-wrap{padding:28px 0 22px;border-bottom:1px solid var(--border)}
.global-search-inner{position:relative;display:flex;align-items:center;gap:14px;max-width:640px}
.global-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--idle);width:16px;height:16px;pointer-events:none}
.global-search-input{width:100%;padding:13px 16px 13px 42px;background:transparent;border:1px solid var(--border-2);border-radius:4px;font-family:inherit;font-size:15px;color:var(--text);transition:border-color .15s,box-shadow .15s}
.global-search-input::placeholder{color:var(--idle)}
.global-search-input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 2px color-mix(in srgb,var(--gold) 50%,transparent)}
.global-search-count{font-size:11px;color:var(--idle);letter-spacing:1px;white-space:nowrap;min-width:80px}

/* ===== Category tabs — STICKY only this strip ===== */
.cat-tabs-wrap{position:sticky;top:0;z-index:90;background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}
.cat-tabs-wrap .cat-tabs-inner{display:flex;flex-wrap:wrap;scrollbar-width:none;position:relative;row-gap:4px}
.cat-tabs-wrap .cat-tabs-inner::-webkit-scrollbar{display:none}
.cat-tab{padding:18px 0;margin-right:36px;font-size:13px;font-weight:500;letter-spacing:1.4px;text-transform:uppercase;color:var(--idle);background:transparent;border:0;border-bottom:2px solid transparent;white-space:nowrap;cursor:pointer;font-family:inherit;transition:color .2s,border-color .2s;margin-bottom:-1px;flex:none}
.cat-tab:hover{color:var(--hover)}
.cat-tab.active{color:var(--gold);border-bottom-color:var(--gold)}
/* Tablet (900-1100px): kitsam font, et täispealkirjad mahuksid (sama tekst, väiksem kiri) */
@media(min-width:900px) and (max-width:1100px){
  .cat-tab{margin-right:24px;font-size:12px;letter-spacing:1.2px}
}
/* Mobile: dropdown */
.cat-mobile-trigger{display:none;width:100%;padding:16px 0;background:transparent;border:0;color:var(--gold);font-size:13px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;font-family:inherit;align-items:center;justify-content:space-between}
.cat-mobile-trigger .icon{width:14px;height:14px;color:var(--gold);transition:transform .2s}
.cat-tabs-wrap.mob-open .cat-mobile-trigger .icon{transform:rotate(180deg)}
.cat-mobile-menu{display:none;background:var(--surface-3);border-top:1px solid var(--border)}
.cat-tabs-wrap.mob-open .cat-mobile-menu{display:block}
.cat-mobile-menu .cat-tab{display:block;width:100%;padding:14px 0;margin:0;border-bottom:1px solid var(--border);border-left:2px solid transparent;padding-left:14px;text-align:left;font-size:12px}
.cat-mobile-menu .cat-tab.active{border-bottom-color:var(--border);border-left-color:var(--gold);background:color-mix(in srgb,var(--gold) 7%,transparent)}
.cat-mobile-menu .cat-tab:last-child{border-bottom:0}

/* ===== Catalog body ===== */
.catalog-body{padding:8px 0 80px}
.cat-panel{display:none}
.cat-panel.active{display:block}

/* (Vana intro-block CSS eemaldatud; uus disain on .intro-ribbon allpool —
    <details>/<summary> põhine, sees iga Margad/Kroonid tabeli pealkirja all.) */

/* Accordion groups (Margad / Kroonid) */
.acc-group{margin-top:36px}
/* Variant 2: järjestikused loendi-liikmed (nt Margad→Kroonid) saavad tihendatud 14px vahe,
   et anda visuaalne signaal "need kuuluvad samasse loendisse" — Gestalti lähedusprintsiip.
   Esimese acc-groupi vahe (kataloogi-tutvustusest) jääb muutmata. */
.acc-group + .acc-group{margin-top:14px}
/* PIIRJOON ELAB ÜHEL VANEMAL (acc-group), MITTE KAHEL LAPSEL ERALDI =====
   Varasem lahendus hoidis kuldset värvi/nurkade ümardust sünkroonis kahe eraldi
   elemendi (header+body) vahel — see läks katki tahvel/mobiil-laiustel, kui kaardivaade
   muutis sisemist struktuuri. Nüüd elab piirjoon ÜHEL ühisel vanemal: overflow:hidden
   lõikab nurgad automaatselt õigeks, sõltumata sisust või ekraani laiusest — struktuurselt
   ei saa see enam katki minna. */
.acc-group{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;transition:border-color .18s}
.acc-group:has(.acc-header.open),
.acc-group:has(.acc-header:hover){border-color:var(--gold)}
.acc-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:var(--surface);cursor:pointer;border-bottom:1px solid transparent;transition:background .18s,border-color .18s;user-select:none}
.acc-header:hover{background:var(--surface-3)}
.acc-header.open{border-bottom-color:var(--border);background:var(--surface-3)}
.acc-title{font-family:var(--serif);font-size:22px;font-weight:500;color:var(--text)}
.acc-meta{display:flex;align-items:center;gap:18px}
/* Mündi/kirjete arv ("N münti") on nähtaval AINULT avatud kastis, mitte suletud olekus */
.acc-count{font-size:10.5px;letter-spacing:1.5px;text-transform:uppercase;color:var(--idle);display:none}
.acc-header.open .acc-count{display:inline}
.acc-arrow{width:28px;height:28px;border:1px solid var(--border);border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--gold);transition:transform .25s,background .18s}
.acc-arrow .icon{width:11px;height:11px}
.acc-header.open .acc-arrow{transform:rotate(90deg);background:color-mix(in srgb,var(--gold) 10%,transparent)}
.acc-body{display:none;background:var(--bg-2);overflow-x:auto;-webkit-overflow-scrolling:touch}
.acc-body.open{display:block}
/* Otsingutulemuste tabel luuakse dünaamiliselt JS-iga VÄLJASPOOL .acc-group't,
   nii et see vajab oma raami (.acc-group ei ümbritse seda). */
.search-table-wrap{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}

/* Coin tables */
table{width:100%;border-collapse:collapse;font-size:clamp(14px,0.85vw,16px);min-width:800px}
thead tr{background:var(--surface-3);border-bottom:1px solid var(--border)}
thead th{padding:12px 16px;font-size:clamp(11px,0.62vw,12.5px);font-weight:600;letter-spacing:1.6px;text-transform:uppercase;color:var(--gold);text-align:left;white-space:nowrap}
tbody tr{border-bottom:1px solid var(--border);transition:background .15s}
tbody tr:last-child{border-bottom:0}
tbody tr:hover{background:color-mix(in srgb,var(--gold) 5%,transparent)}
/* TODO arendajale: kui münd detail-leht valmib, lisa siia cursor:pointer ja
   tee terve <tr> klikitavaks (näiteks JS-iga, mis viib /kataloog/münd/{id} URL-i juurde). */
td{padding:14px 16px;vertical-align:middle;color:var(--muted);line-height:1.4}
td:first-child{color:var(--text);font-weight:400}
/* Coin images — clickable button (real photos) or placeholder circle */
.coin-img-btn{width:68px;height:68px;border-radius:50%;border:1px solid var(--border);background:radial-gradient(circle at 38% 32%, #2a2010, #130f08);padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:border-color .18s,transform .18s;font-family:inherit;flex:none}
.coin-img-btn:hover{border-color:var(--gold);transform:scale(1.06)}
.coin-img-btn img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
.coin-img-btn.placeholder{cursor:default;color:var(--gold-dim);font-size:18px}
.coin-img-btn.placeholder:hover{transform:none;border-color:var(--border)}
/* Paberrahad ei ole ümmargused nagu mündid — pangatähe-paneelid (p4, p5) saavad
   ümardatud RISTKÜLIKU kujulise pildikasti, et mitte kärpida nurki/serva. */
tbody[data-panel="p4"] .coin-img-btn,
tbody[data-panel="p5"] .coin-img-btn{width:96px;height:52px;border-radius:6px}
tbody[data-panel="p4"] .coin-img-btn img,
tbody[data-panel="p5"] .coin-img-btn img{border-radius:6px;object-fit:cover}
.note-cell{font-size:12.5px;line-height:1.6;max-width:360px;color:var(--idle)}
.km-num{font-family:inherit;font-size:inherit;color:var(--muted)}
/* metal-badge eemaldatud — sulam on nüüd tavaline tekst tabelis */
/* .mintage klassi enam ei kasutata — tiraaž on tavaline tekst tabelis */
.mint-note{display:block;color:var(--idle);font-size:11px;margin-top:2px}

/* ============================================
   LIGHTBOX — suur pildivaade
   Avaneb klõpsates aversi/reversi pildinupul.
   TEEMAST SÕLTUMATU: lightbox'i taust on ALATI tume (pimiku-efekt mündi
   maksimaalse kontrasti jaoks), olenemata kas leht on heledas või tumedas
   teemas. Seetõttu defineerime siin kohalikud --lb-* muutujad fikseeritud
   väärtustega, mitte kasuta var(--text)/var(--idle) jne, mis lähevad
   heledas teemas tumedaks ja kaovad tumeda tausta peal nähtamatuks. */
.lightbox{
  position:fixed;inset:0;z-index:300;background:rgba(8,7,5,.92);display:none;
  align-items:center;justify-content:center;padding:24px;backdrop-filter:blur(6px);
  --lb-text:#ece8df;--lb-muted:#a8a399;--lb-idle:#8f8b81;
  --lb-border:#33302a;--lb-border-2:#454039;--lb-surface:#1a1611;--lb-gold:#c9a76a;--lb-gold-dim:#a4895c;
}
.lightbox.open{display:flex}
.lightbox-stage{position:relative;max-width:min(900px,92vw);height:88vh;max-height:88vh;display:flex;flex-direction:column;align-items:center;gap:18px}
/* flex:1 + min-height:0 => pildiala neelab kogu muutuva ruumi, nii et meta jääb
   alati üles ja alumine plokk (avers/revers + sirvi edasi) alati samasse kohta —
   ükskõik kui kõrge/lai parasjagu pilt on. */
.lightbox-img-wrap{position:relative;width:100%;flex:1;min-height:0;display:flex;align-items:center;justify-content:center}
/* #67/#92/#98: pilt täidab kogu kasti (ühtlane suurus kõigil müntidel), AGA object-fit:contain
   hoiab kuvasuhte (EI suru kokku ega venita) — nii mobiilis kui desktopil. Kast = pildiala (img-wrap). */
.lightbox-img{width:100%;height:100%;object-fit:contain;border-radius:8px;transition:transform .15s ease-out}
/* Suurendus (zoom) — pilt jääb clip-konteineri sisse, et skaleeritud pilt ei kataks
   pealkirja/nuppe ega valguks sirvimisriba peale; transform-origin järgib hiirt.
   Clip on absoluutselt pildialaga (img-wrap) täpselt kattuv => KINDEL kõrgus,
   nii et overflow:hidden lõikab alati õigest kohast (protsent-max-height flex-
   elemendil ei resolvu kindlalt ja lasi pildi konteinerist välja). */
.lightbox-img-clip{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.lightbox-img-wrap:not(.zoomed) .lightbox-img{cursor:zoom-in}
.lightbox-img-wrap.zoomed .lightbox-img-clip{overflow:hidden;border-radius:8px}
.lightbox-img-wrap.zoomed .lightbox-img{cursor:zoom-out}
.lightbox-zoom{position:absolute;bottom:12px;right:12px;z-index:4;width:44px;height:44px;border-radius:50%;border:1px solid var(--lb-border-2);background:rgba(26,22,17,.85);color:var(--lb-text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .18s,background .18s,color .18s}
.lightbox-zoom:hover,.lightbox-zoom.active{border-color:var(--lb-gold);color:var(--lb-gold);background:rgba(32,26,18,.95)}
.lightbox-zoom .icon{width:20px;height:20px}
.lightbox-meta{text-align:center;font-family:var(--sans);color:var(--lb-gold);font-size:13px;letter-spacing:1px;font-weight:700;text-transform:uppercase}
.lightbox-meta .lb-name{display:block;font-family:var(--serif);font-size:24px;color:var(--lb-text);letter-spacing:.3px;margin-top:4px;text-transform:none;font-style:italic}
/* Avers/Revers toggle */
.lightbox-toggle{display:inline-flex;border:1px solid var(--lb-border);border-radius:999px;overflow:hidden;background:var(--lb-surface)}
.lightbox-toggle button{background:transparent;border:0;color:var(--lb-idle);padding:9px 22px;font-size:13px;letter-spacing:1.8px;text-transform:uppercase;font-weight:600;font-family:inherit;cursor:pointer;transition:background .18s,color .18s}
.lightbox-toggle button.active{background:var(--lb-gold);color:#1a160e}
/* Side nav arrows (avers <-> revers) */
.lightbox-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:44px;height:44px;border-radius:50%;border:1px solid var(--lb-border-2);background:rgba(26,22,17,.85);color:var(--lb-text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .18s,background .18s;font-family:inherit}
.lightbox-arrow:hover{border-color:var(--lb-gold);background:rgba(32,26,18,.95);color:var(--lb-gold)}
.lightbox-arrow .icon{width:18px;height:18px}
.lightbox-prev{left:-22px}
.lightbox-rev{right:-22px}
@media(max-width:700px){
  .lightbox-prev{left:8px}.lightbox-rev{right:8px}
  .lightbox-arrow{width:38px;height:38px}
}
.lightbox-close{position:absolute;top:18px;right:18px;z-index:20;display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border:1px solid var(--lb-border-2);border-radius:999px;background:rgba(26,22,17,.85);color:var(--lb-text);font-size:13px;letter-spacing:1.8px;font-weight:600;text-transform:uppercase;cursor:pointer;font-family:inherit;transition:border-color .18s,color .18s}
.lightbox-close:hover{border-color:var(--lb-gold);color:var(--lb-gold)}
/* #100: sisselogitud kasutajal katab WP admin-riba (z-index ~99999) lightboxi ülaosa →
   sulge-nupp jääb riba alla ja pole klõpsatav. Lükka nupp admin-riba alla. */
body.admin-bar .lightbox-close{top:64px}
@media(min-width:783px){body.admin-bar .lightbox-close{top:50px}}
.lightbox-close .icon{width:13px;height:13px}

/* Stack's Bowers stiilis seerias-navigatsioon */
.lightbox-series{margin-top:6px;width:100%;border-top:1px solid var(--lb-border);padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.lb-series-label{font-size:13px;letter-spacing:2px;color:var(--lb-idle);text-transform:uppercase;font-weight:600;white-space:nowrap}
/* Silt ja üles/alla nupud koos vasakul, mitte nupud üksi rea lõpus paremal */
.lb-series-left{display:flex;align-items:center;gap:10px;flex:none}
/* Servades olev äralõikamine ("...5 Ma" katki teksti tunne) — lisame kustuva
   gradient-varjundi mõlemale küljele, mis maskib poolik-nähtava nime sujuvalt,
   selle asemel et see näeks katkise kirja moodi välja. */
.lb-series-strip-wrap{position:relative;flex:1;min-width:0;overflow:hidden}
.lb-series-strip-wrap::before,.lb-series-strip-wrap::after{content:'';position:absolute;top:0;bottom:0;width:26px;pointer-events:none;z-index:2}
.lb-series-strip-wrap::before{left:0;background:linear-gradient(to right, rgba(9,8,6,1), transparent)}
.lb-series-strip-wrap::after{right:0;background:linear-gradient(to left, rgba(9,8,6,1), transparent)}
/* TÄHTIS: justify-content:flex-start (EI center!) — center loob LTR veebilehitsejas
   vasakule "üle voolava" sisu, mida pole võimalik kerimisega kätte saada
   (scrollLeft ei saa minna negatiivseks). See oli tegelik põhjus, miks "tömp 1"
   ja "terav 1" jäid igavesti nähtamatuks — esimesed elemendid voolasid vasakule
   üle ja kadusid kättesaamatusse alasse. flex-start tagab, et index 0 on ALATI
   scrollLeft=0 juures nähtaval, sõltumata sisu kogupikkusest. */
/* PADDING-PUHVER: 26px (täpselt fade'i laiusega) tagab, et esimene/viimane
   element ei istu KUNAGI fade-gradiendi all — element algab/lõpeb täpselt
   seal, kuhu fade lõpeb. Kuldne raam ei "hajune" enam, ükskõik mis aktiivne
   münt parasjagu kerimisasukoha äärel on. Puhtalt struktuurne lahendus —
   ei vaja JS-i overflow-tuvastust. */
.lb-series-strip{display:flex;gap:5px;overflow-x:auto;width:100%;justify-content:flex-start;padding:2px 26px;scrollbar-width:none}
.lb-series-strip::-webkit-scrollbar{display:none}
.lb-series-item{flex:none;padding:6px 12px;border:1px solid transparent;border-radius:4px;font-size:13px;color:var(--lb-idle);background:transparent;cursor:pointer;letter-spacing:.3px;font-family:inherit;white-space:nowrap;transition:all .15s}
.lb-series-item:hover{color:var(--lb-text);border-color:var(--lb-border-2)}
.lb-series-item.active{color:var(--lb-gold);border-color:var(--lb-gold);background:color-mix(in srgb,var(--lb-gold) 7%,transparent)}
.lb-series-nav{display:flex;gap:6px;align-items:center;flex:none}
.lb-series-nav button{width:42px;height:42px;border:1px solid var(--lb-border-2);background:transparent;color:var(--lb-muted);border-radius:6px;cursor:pointer;font-size:22px;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .15s;font-family:inherit}
.lb-series-nav button:hover{border-color:var(--lb-gold);color:var(--lb-gold)}
@media(max-width:700px){
  .lightbox-series{flex-direction:column;align-items:stretch}
}
.lightbox-hint{position:absolute;bottom:18px;right:24px;color:var(--lb-idle);font-size:13px;letter-spacing:.5px;display:flex;align-items:center;gap:14px}
.lightbox-hint kbd{font-family:inherit;font-size:12px;padding:4px 8px;border:1px solid var(--lb-border-2);border-radius:3px;color:var(--lb-muted)}
/* #99: peida klahvi-vihje tahvlil+mobiilis (touch → klahve pole; vihje kattis SIRVI EDASI riba) */
@media(max-width:1024px){.lightbox-hint{display:none}}

/* Intro ribbon — compact, dark, gold-bordered, sits under each acc-header
   Uses <details>/<summary> so the body is in the DOM (SEO-safe even when collapsed). */
.intro-ribbon{margin:18px 22px 8px;border:1px solid color-mix(in srgb,var(--gold) 36%,transparent);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--gold) 4%,transparent);overflow:hidden;transition:border-color .18s,background .18s}
.intro-ribbon[open]{background:color-mix(in srgb,var(--gold) 7%,transparent);border-color:var(--gold)}
.intro-ribbon summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 18px;cursor:pointer;list-style:none;user-select:none}
.intro-ribbon summary::-webkit-details-marker{display:none}
.intro-ribbon summary::marker{content:''}
.intro-ribbon .rib-left{display:flex;align-items:center;gap:12px;font-size:clamp(12px,0.6vw,13px);letter-spacing:2px;text-transform:uppercase;color:var(--idle);min-width:0}
.intro-ribbon[open] .rib-left{color:var(--text)}
.intro-ribbon .rib-marker{width:8px;height:8px;border:1px solid var(--gold);border-radius:2px;flex:none;transition:background .18s}
.intro-ribbon[open] .rib-marker{background:var(--gold)}
.intro-ribbon .rib-cta{display:inline-flex;align-items:center;gap:7px;color:var(--gold);font-size:clamp(12.5px,0.6vw,13.5px);letter-spacing:1.5px;font-weight:600;text-transform:uppercase;white-space:nowrap;flex:none}
.intro-ribbon .rib-cta .icon{width:11px;height:11px;transition:transform .2s}
.intro-ribbon[open] .rib-cta .icon{transform:rotate(90deg)}
.intro-ribbon[open] .rib-cta .rib-cta-label::before{content:'Sulge'}
.intro-ribbon .rib-cta .rib-cta-label::before{content:'Loe lisa'}
.intro-ribbon .rib-body{padding:6px 22px 22px;border-top:1px solid color-mix(in srgb,var(--gold) 20%,transparent);margin:6px 0 0}
.intro-ribbon .rib-body p{font-size:clamp(15px,0.85vw,16.5px);line-height:1.8;color:var(--muted);margin-bottom:12px} /* #91: täislaius, mitte max-width:780px */
.intro-ribbon .rib-body p:last-child{margin-bottom:0}
.intro-ribbon .rib-body strong{color:var(--text);font-weight:600}

/* ===== Legend (Reha#, KM# jt koodide tähendus) =====
   Asetseb kohe otsingukasti all, enne sticky tabide riba.
   Vaikimisi kokku tõmmatud — kasutab natiivset <details>/<summary> mustrit (SEO sõbralik). */
.legend-wrap{padding:18px 0 22px}
.legend{max-width:560px;border:1px solid color-mix(in srgb,var(--gold) 30%,transparent);border-radius:8px;background:color-mix(in srgb,var(--gold) 4%,transparent);overflow:hidden;transition:border-color .18s,background .18s}
.legend[open]{background:color-mix(in srgb,var(--gold) 6%,transparent);border-color:var(--gold)}
.legend summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 18px;cursor:pointer;list-style:none;user-select:none}
.legend summary::-webkit-details-marker{display:none}
.legend summary::marker{content:''}
.legend-left{display:flex;align-items:center;gap:10px;font-size:clamp(13px,0.6vw,14px);color:var(--muted)}
.legend-left .legend-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font-size:10px;font-weight:600;flex:none}
.legend-cta{display:inline-flex;align-items:center;gap:7px;color:var(--gold);font-size:clamp(12.5px,0.6vw,13.5px);letter-spacing:1.5px;font-weight:600;text-transform:uppercase;white-space:nowrap}
.legend-cta .icon{width:11px;height:11px;transition:transform .2s}
.legend[open] .legend-cta .icon{transform:rotate(90deg)}
.legend[open] .legend-cta .lbl::before{content:'Sulge legend'}
.legend-cta .lbl::before{content:'Ava legend'}
.legend-body{padding:6px 18px 18px;border-top:1px solid color-mix(in srgb,var(--gold) 18%,transparent);margin-top:4px}
.legend-row{display:flex;gap:18px;padding:9px 0;border-bottom:1px solid var(--border);font-size:clamp(15px,0.85vw,16.5px)}
.legend-row:last-child{border-bottom:0}
.legend-code{color:var(--gold);font-size:clamp(15px,0.8vw,16px);min-width:96px;flex:none;font-weight:500}
.legend-mean{color:var(--muted);line-height:1.55}
@media(max-width:600px){
  .legend-row{flex-direction:column;gap:2px}
  .legend-code{min-width:0}
}

/* ===== Kategooria-taseme tutvustus (Lahendus 2 stiil) =====
   Iga kategooria päises kokku tõmmatud riba: mündi pilt vasakul, pealkiri ja
   tutvustus, "Loe rohkem" paremal. */
.cat-intro{margin:24px 0 8px}
.cat-intro-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;border:1px solid var(--border);background:linear-gradient(180deg,color-mix(in srgb,var(--gold) 4%,transparent),transparent);border-radius:10px;cursor:pointer;transition:border-color .18s,background .18s;user-select:none}
.cat-intro-bar:hover{border-color:var(--gold)}
.cat-intro-left{display:flex;align-items:center;gap:16px;min-width:0;flex:1}
.cat-intro-icon{width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 38% 32%,#2a2010,#0c0a07 78%);border:1px solid var(--gold);flex:none;display:flex;align-items:center;justify-content:center;color:var(--gold-dim);font-family:var(--serif);font-size:12px;font-style:italic;overflow:hidden}
.cat-intro-icon img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.cat-intro-text{min-width:0}
.cat-intro-eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:3px}
.cat-intro-eyebrow span:first-child{width:22px;height:1px;background:var(--gold);flex:none}
.cat-intro-eyebrow span:last-child{color:var(--gold);font-size:clamp(12px,0.6vw,13px);letter-spacing:1.6px;font-weight:600;text-transform:uppercase}
.cat-intro-title{font-family:var(--serif);font-size:25px;font-weight:500;color:var(--text);line-height:1.15;margin:0}
.cat-intro-title em{color:var(--gold);font-style:italic}
.cat-intro-cta{display:inline-flex;align-items:center;gap:7px;color:var(--gold);font-size:clamp(12.5px,0.6vw,13.5px);letter-spacing:1.5px;font-weight:600;text-transform:uppercase;white-space:nowrap}
.cat-intro-cta .icon{width:11px;height:11px;transition:transform .2s}
.cat-intro.is-open .cat-intro-cta .icon{transform:rotate(90deg)}
.cat-intro.is-open .cat-intro-cta .lbl::before{content:'Sulge tutvustus'}
.cat-intro-cta .lbl::before{content:'Loe rohkem'}
.cat-intro.is-open .cat-intro-bar{border-radius:10px 10px 0 0;border-bottom-color:transparent}
.cat-intro-body{display:none;border:1px solid var(--border);border-top:0;border-radius:0 0 10px 10px;padding:20px 24px;background:var(--bg-2)}
.cat-intro.is-open .cat-intro-body{display:block}
.cat-intro-body p{color:var(--muted);font-size:clamp(15px,0.85vw,16.5px);line-height:1.8;margin-bottom:12px} /* #101: täislaius, mitte max-width:780px */
.cat-intro-body p:last-child{margin-bottom:0}
.cat-intro-body strong{color:var(--text);font-weight:600}
@media(max-width:600px){
  .cat-intro-icon{width:38px;height:38px}
  .cat-intro-title{font-size:18px}
  .cat-intro-eyebrow span:last-child{font-size:12px}
}

/* ===== Euro spec-paneel (2€ tehnilised andmed) =====
   Unikaalne info-blokk euromündi-tabeli ette: kuna sulam/kaal/mõõtmed korduvad
   kõikidel sama nimiväärtuse müntidel, kuvatakse need üks kord tabeli päises,
   mitte eraldi TablePress-veergudena. */
.euro-spec{border:1px solid var(--border);border-top:0;background:var(--bg-2);padding:22px 24px;margin-bottom:0}
.euro-spec-rings{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.euro-spec-ring{border:1px solid var(--border);border-radius:6px;padding:14px 16px;background:color-mix(in srgb,var(--gold) 5%,transparent)}
.euro-spec-eyebrow{font-size:9.5px;letter-spacing:1.8px;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:10px}
.euro-spec-name{font-family:var(--serif);font-size:17px;color:var(--text);margin-bottom:8px;font-style:italic}
.euro-spec-alloy{color:var(--muted);font-size:14px}
/* Variant 1: mõõdud (Kaal/Läbimõõt/Paksus/Serv) on neli järjestikust mõõtu SAMAST asjast —
   madalama visuaalse kaaluga kui Välimine ring/Sisemine kese (mis on kaks päris eraldi fakti).
   Üks ühtne riba peenikeste eraldusjoontega, mitte neli eraldi kasti. */
.euro-spec-strip{display:flex;align-items:center;border:1px solid var(--border);border-radius:6px;padding:14px 18px;flex-wrap:wrap}
.euro-spec-strip-item{display:flex;flex-direction:column;gap:3px;padding:0 18px;position:relative}
.euro-spec-strip-item:first-child{padding-left:0}
.euro-spec-strip-item:not(:last-child)::after{content:'';position:absolute;right:0;top:2px;bottom:2px;width:1px;background:var(--border)}
.euro-spec-strip-lbl{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:var(--idle)}
.euro-spec-strip-val{font-size:13px;color:var(--text)}
@media(max-width:560px){
  .euro-spec-strip{flex-direction:column;align-items:stretch;gap:10px}
  .euro-spec-strip-item{padding:0}
  .euro-spec-strip-item:not(:last-child)::after{display:none}
  .euro-spec-strip-item:not(:last-child){border-bottom:1px solid var(--border);padding-bottom:10px}
}
@media(max-width:600px){
  .euro-spec-rings{grid-template-columns:1fr}
}

/* Search results panel */
#searchResultsPanel{display:none;padding-top:0}
#searchResultsPanel.visible{display:block}
.search-results-header{padding:24px 0 12px;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--idle)}
.search-result-group{margin-top:22px}
.search-group-label{font-family:var(--serif);font-size:18px;font-weight:500;color:var(--gold-dim);margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--border)}
.search-no-results{padding:60px 0;text-align:center;font-family:var(--serif);font-size:22px;font-style:italic;color:var(--idle)}

/* Empty panel placeholder (p2-p7) */
.empty-panel{padding:80px 0;text-align:center;color:var(--idle);font-family:var(--serif);font-style:italic;font-size:20px}

/* Footer: vt globaalne assets/css-allan/site-footer.css (üks allikas kõigil lehtedel) */

/* ===== Responsive ===== */
@media(max-width:1000px){
  .main-nav{display:none}
  .menu-toggle{display:flex}
}
/* 900px ja allapoole: tabide riba lülitub klõpsa-avatavaks dropdown'iks */
@media(max-width:900px){
  .cat-tabs-wrap .cat-tabs-inner{display:none}
  .cat-mobile-trigger{display:flex}
  .acc-header{padding:16px 18px}
}
@media(max-width:1100px){
  .container{padding:0 28px}
  .page-header{padding:36px 0 22px}
  .page-title{font-size:clamp(28px,5vw,46px)}
  .acc-title{font-size:18px}
  .intro-ribbon{margin:14px 14px 6px}
  .intro-ribbon summary{padding:11px 14px}
  .intro-ribbon .rib-left{font-size:12px;letter-spacing:1.6px}
  .intro-ribbon .rib-body{padding:6px 16px 18px}
  .intro-ribbon .rib-body p{font-size:15px}

  /* ===== CARD VIEW — kõikidel tahvel-/mobiil-suurustel (kuni 1100px) =====
     9-veeruline tabel ei mahu tahvelarvutile ka horisontaalselt → kasutame kaardivaadet.
     Tahvlil (768-1100px) kuvatakse kaardid 2-veerulise ruudustikuga, mobiilil 1-veeruline. */
  .acc-body{overflow-x:visible}
  table{display:block;min-width:0;border-collapse:separate;border-spacing:0}
  thead{display:none}
  tbody{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:8px}
  tbody tr{display:block;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);margin:6px;padding:0;overflow:hidden}
  tbody tr td{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 16px;border-top:1px solid var(--border);color:var(--muted);font-size:14px;text-align:right;min-height:48px}
  tbody tr td:first-child{border-top:0}
  tbody tr td::before{color:var(--gold);font-size:10px;letter-spacing:1.6px;text-transform:uppercase;font-weight:600;text-align:left}
  tbody tr td:nth-child(1)::before{content:'Münt'}
  tbody tr td:nth-child(2)::before{content:'Avers'}
  tbody tr td:nth-child(3)::before{content:'Revers'}
  tbody tr td:nth-child(4)::before{content:'Sulam'}
  tbody tr td:nth-child(5)::before{content:'Kaal (g)'}
  tbody tr td:nth-child(6)::before{content:'Mõõtmed (mm)'}
  tbody tr td:nth-child(7)::before{content:'Tiraaž'}
  tbody tr td:nth-child(8)::before{content:'KM#'}
  tbody tr td:nth-child(9)::before{content:'Reha#'}
  tbody tr td:first-child{font-family:var(--serif);font-size:16px;font-weight:500;color:var(--text)}
  tbody tr td:nth-child(2),tbody tr td:nth-child(3){padding-top:10px;padding-bottom:10px}
  tbody tr td:nth-child(2) .coin-img-btn,
  tbody tr td:nth-child(3) .coin-img-btn{width:56px;height:56px}
  /* #64: Avers/Revers (mündid) ja Esikülg/Tagakülg (rahad) pildid kõrvuti ÜHEL real,
     mitte üksteise all. float + konteineril overflow:hidden hoiab kaardi koos. */
  tbody[data-panel="p1"] tr td:nth-child(2),tbody[data-panel="p1"] tr td:nth-child(3),
  tbody[data-panel="p2"] tr td:nth-child(2),tbody[data-panel="p2"] tr td:nth-child(3),
  tbody[data-panel="p3"] tr td:nth-child(2),tbody[data-panel="p3"] tr td:nth-child(3),
  tbody[data-panel="p4"] tr td:nth-child(2),tbody[data-panel="p4"] tr td:nth-child(3),
  tbody[data-panel="p5"] tr td:nth-child(2),tbody[data-panel="p5"] tr td:nth-child(3){
    float:left;width:50%;flex-direction:column;justify-content:flex-start;align-items:center;gap:8px;text-align:center}
  tbody[data-panel="p1"] tr td:nth-child(3),tbody[data-panel="p2"] tr td:nth-child(3),
  tbody[data-panel="p3"] tr td:nth-child(3),tbody[data-panel="p4"] tr td:nth-child(3),
  tbody[data-panel="p5"] tr td:nth-child(3){border-left:1px solid var(--border)}
  tbody[data-panel="p1"] tr td:nth-child(4),tbody[data-panel="p2"] tr td:nth-child(4),
  tbody[data-panel="p3"] tr td:nth-child(4),tbody[data-panel="p4"] tr td:nth-child(4),
  tbody[data-panel="p5"] tr td:nth-child(4){clear:both}
  tbody tr td:nth-child(9){color:var(--muted);font-family:inherit;font-size:13px;text-align:right}
  /* Euromüntide tabel (7 veergu): Münt, Avers, Revers, Tiraaž, Kvaliteet, KM#, Reha# */
  tbody[data-panel="p3"] tr td:nth-child(4)::before{content:'Tiraaž'}
  tbody[data-panel="p3"] tr td:nth-child(5)::before{content:'Kvaliteet'}
  tbody[data-panel="p3"] tr td:nth-child(6)::before{content:'KM#'}
  tbody[data-panel="p3"] tr td:nth-child(7)::before{content:'Reha#'}
  tbody[data-panel="p3"] tr td:nth-child(7){color:var(--muted);font-family:inherit;font-size:13px;text-align:right}
  /* Kroon rahatähtede tabel (7 veergu): Rahatäht, Esikülg, Tagakülg, Märkused, Tiraaž, Pick#, Reha# */
  tbody[data-panel="p4"] tr td:nth-child(2)::before,
  tbody[data-panel="p5"] tr td:nth-child(2)::before{content:'Esikülg'}
  tbody[data-panel="p4"] tr td:nth-child(3)::before,
  tbody[data-panel="p5"] tr td:nth-child(3)::before{content:'Tagakülg'}
  tbody[data-panel="p4"] tr td:nth-child(4)::before,
  tbody[data-panel="p5"] tr td:nth-child(4)::before{content:'Märkused'}
  tbody[data-panel="p4"] tr td:nth-child(5)::before,
  tbody[data-panel="p5"] tr td:nth-child(5)::before{content:'Tiraaž'}
  tbody[data-panel="p4"] tr td:nth-child(6)::before,
  tbody[data-panel="p5"] tr td:nth-child(6)::before{content:'Pick#'}
  tbody[data-panel="p4"] tr td:nth-child(7)::before,
  tbody[data-panel="p5"] tr td:nth-child(7)::before{content:'Reha#'}
  tbody[data-panel="p4"] tr td:nth-child(7),
  tbody[data-panel="p5"] tr td:nth-child(7){color:var(--muted);font-family:inherit;font-size:13px;text-align:right}
  tbody[data-panel="p4"] tr td:nth-child(2) .coin-img-btn,
  tbody[data-panel="p4"] tr td:nth-child(3) .coin-img-btn,
  tbody[data-panel="p5"] tr td:nth-child(2) .coin-img-btn,
  tbody[data-panel="p5"] tr td:nth-child(3) .coin-img-btn{width:108px;height:58px;border-radius:6px}
  tbody[data-panel="p4"] tr td:nth-child(2) .coin-img-btn img,
  tbody[data-panel="p4"] tr td:nth-child(3) .coin-img-btn img,
  tbody[data-panel="p5"] tr td:nth-child(2) .coin-img-btn img,
  tbody[data-panel="p5"] tr td:nth-child(3) .coin-img-btn img{border-radius:6px}
  tbody[data-panel="p4"] .note-cell,
  tbody[data-panel="p5"] .note-cell{text-align:left;max-width:none}
  .mint-note{display:inline;color:var(--idle);font-size:12px;margin-top:0;margin-left:4px}
  .mint-note::before{content:''}
}
/* Mobiil (kuni 700px): kaardid 1-veerulised, suuremad pildid */
@media(max-width:700px){
  tbody{grid-template-columns:1fr;padding:6px}
  tbody tr{margin:8px}
  tbody tr td{padding:14px 18px;font-size:13px;min-height:52px}
  tbody tr td:first-child{font-size:17px}
  tbody tr td:nth-child(2) .coin-img-btn,
  tbody tr td:nth-child(3) .coin-img-btn{width:64px;height:64px}
}
@media(max-width:600px){
  .global-search-count{display:none}
  .acc-meta{gap:10px}
  .acc-count{font-size:9.5px}
  .logo .word{display:none}
}

/* ── ARENDUS (Allani demos pole): kataloogi tutvustusplokk samas stiilis nagu akordionid all
   — pidev kuldne raam (raam WRAPPERil + overflow:hidden, nagu .acc-group), avatuna püsivalt heledam ── */
.cat-intro{border:1px solid var(--gold-dim);border-radius:var(--radius-sm);overflow:hidden;transition:border-color .18s}
.cat-intro:hover,.cat-intro.is-open{border-color:var(--gold)}
.cat-intro-bar{border:0;border-radius:0}
.cat-intro.is-open .cat-intro-bar{border-radius:0;border-bottom:0}
.cat-intro-body{border:0;border-radius:0}

/* ── ARENDUS (Allani demos pole): mobiilis näita ka logo TEKSTI (mitte ainult embleemi), väiksemas kirjas et mahuks ── */
@media(max-width:600px){
  .logo .word{display:inline-flex}
  .logo .word b{font-size:13px;letter-spacing:2px}
  .logo .word small{font-size:6.5px;letter-spacing:.5px;margin-top:3px}
}

/* ── ARENDUS (vana lehe loogika, #6): erimid (p7) akordion akordioni sees ── */
.acc-body > .acc-group{margin:14px 16px 0}
.acc-body > .acc-group:last-child{margin-bottom:16px}
/* välimiste (kategooria) akordionide pealkirjad valged nagu teised — mitte kuldsed */
.acc-outer > .acc-header .acc-title{color:var(--text)}

/* ── ARENDUS (#55): Veebihai arendaja-krediti link footeris ── */
.footer-credit{color:var(--muted);transition:color .15s}
.footer-credit:hover{color:var(--gold)}

/* ── ARENDUS: esimesed 3 veergu (NIMETUS/AVERS/REVERS) FIKSEERITUD pikslilaiusega —
   nii on need KÕIGIS tabelites alati samal joonel, ükskõik mitu veergu tabelis kokku
   (eri tabelitel on erinev veergude arv → muidu hüppavad). Ülejäänud veerud jagavad ruumi. ── */
table{table-layout:fixed}
table th:nth-child(1),table td:nth-child(1){width:260px}
table th:nth-child(2),table td:nth-child(2){width:130px}
table th:nth-child(3),table td:nth-child(3){width:130px}

/* ── ARENDUS: KATALOOG dropdown laiem — pealkirjad ühel real (ei murra) ── */
.kat-menu{min-width:340px}
.kat-opt{white-space:nowrap}

/* ── ARENDUS: paberrahade (p4/p5) tutvustus-ikoon RISTKÜLIKUNA (mitte ringina) ── */
#p4 .cat-intro-icon, #p5 .cat-intro-icon{width:66px;height:42px;border-radius:4px}
#p4 .cat-intro-icon img, #p5 .cat-intro-icon img{border-radius:4px}

/* ── ARENDUS: ühtse footeri + kontaktivormi CSS (kataloog kasutab nüüd numis_render_footer'i) ── */
.btn-outline{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--gold);color:var(--gold);background:transparent;border-radius:999px;padding:9px 16px;font-size:10px;letter-spacing:1.5px;font-weight:600;text-transform:uppercase;cursor:pointer;transition:background .15s,color .15s}
.btn-outline:hover{background:color-mix(in srgb,var(--gold) 12%,transparent)}
.btn-outline .icon{width:13px;height:13px}
.footer-grid{display:grid;grid-template-columns:1fr 1.1fr;grid-template-areas:"logo form" "brandtext form";gap:18px 56px;align-items:start}
.footer-logo{grid-area:logo}
.footer-brandtext{grid-area:brandtext}
.footer-contact{grid-area:form}
.footer-tagline{color:var(--muted);font-size:13px;line-height:1.65;max-width:320px;margin:14px 0 24px}
.social-label{color:var(--gold);font-size:11px;letter-spacing:2px;font-weight:600;text-transform:uppercase;margin-bottom:14px}
.social{display:flex;gap:12px}
.social a{width:52px;height:52px;border:1px solid var(--border-2);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--idle);transition:all .18s}
.social a .icon{width:24px;height:24px}
.social a:hover{color:#fff;border-color:transparent}
.social a.fb:hover{background:#1877F2}
.social a.ig:hover{background:linear-gradient(45deg,#f09433,#dc2743,#bc1888)}
.social a.yt:hover{background:#FF0000}
.contact-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:26px}
.contact-form h3{font-family:var(--serif);font-size:24px;color:var(--text);margin-bottom:8px}
.contact-form .lead{color:var(--muted);font-size:14px;line-height:1.7;max-width:none;margin-bottom:18px}
.field{width:100%;background:transparent;border:1px solid var(--border-2);border-radius:4px;padding:12px 13px;color:var(--text);font-family:inherit;font-size:15px;margin-bottom:10px;transition:border-color .15s,box-shadow .15s}
.field::placeholder{color:var(--idle)}
.field:focus,.topic-trigger:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 2px color-mix(in srgb,var(--gold) 50%,transparent)}
.field-row{display:flex;gap:10px}
.field-row .field{flex:1}
textarea.field{min-height:120px;resize:vertical}
.topic-select{position:relative;margin-bottom:10px}
.topic-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;background:transparent;border:1px solid var(--border-2);border-radius:4px;padding:12px 13px;color:var(--idle);font-size:15px;font-family:inherit;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.topic-trigger.chosen{color:var(--text)}
.topic-trigger .icon{width:14px;height:14px;color:var(--gold);transition:transform .2s}
.topic-select.open .topic-trigger .icon{transform:rotate(180deg)}
.topic-menu{position:absolute;left:0;right:0;top:calc(100% + 6px);background:var(--surface-3);border:1px solid var(--border);border-radius:8px;overflow:hidden;z-index:30;box-shadow:0 14px 34px rgba(0,0,0,.5)}
.topic-menu[hidden]{display:none}
.topic-option{display:block;width:100%;text-align:left;background:transparent;border:0;padding:11px 14px;color:var(--muted);font-size:12.5px;line-height:1.35;cursor:pointer;transition:background .12s,color .12s}
.topic-option:hover{background:color-mix(in srgb,var(--gold) 12%,transparent);color:var(--hover)}
.file-row{display:flex;align-items:center;gap:12px;margin:4px 0 8px}
.file-note{color:var(--idle);font-size:11px}
.help{color:var(--idle);font-size:11px;margin-bottom:18px}
.btn-gold{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--gold-solid);color:#1a160e;font-size:12px;letter-spacing:2px;font-weight:600;text-transform:uppercase;padding:15px 26px;border:0;border-radius:2px;cursor:pointer;transition:filter .15s}
.btn-gold:hover{filter:brightness(1.08)}
.btn-gold .icon{width:15px;height:15px}
.form-flash{padding:12px 16px;margin:0 0 14px;font-size:13px;border:1px solid;border-radius:var(--radius-sm)}
.form-flash-ok{color:#9fd39f;border-color:rgba(120,200,120,.4);background:rgba(120,200,120,.06)}
.form-flash-err{color:#e0a3a3;border-color:rgba(200,120,120,.4);background:rgba(200,120,120,.06)}
.upload-list{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.upload-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 10px 7px 12px;font-size:12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:rgba(201,167,106,.05)}
.upload-item-name{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.upload-item-del{flex-shrink:0;width:22px;height:22px;font-size:18px;line-height:1;border:none;background:none;color:#d46a6a;cursor:pointer;padding:0}
.upload-item-del:hover{color:#ff5050}
.footer-bottom{border-top:1px solid var(--border);margin-top:30px;padding-top:16px;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:center}
.footer-bottom .copy{color:var(--idle);font-size:11px}
.footer-links{display:flex;flex-wrap:wrap;gap:18px}
.footer-links a{color:var(--muted);font-size:11px;transition:color .15s}
.footer-links a:hover{color:var(--gold)}
.footer-terms{color:var(--idle);font-size:11px;transition:color .15s}
.footer-terms:hover{color:var(--gold)}
@media(max-width:760px){.footer-grid{grid-template-columns:1fr;grid-template-areas:"logo" "form" "brandtext";gap:30px}}
/* Väärtpaberite (p6) pildid — püstine dokument, mitte ümar münt */
tbody[data-panel="p6"] .coin-img-btn{width:56px;height:76px;border-radius:6px}
tbody[data-panel="p6"] .coin-img-btn img{border-radius:6px;object-fit:cover}