@charset "utf-8";
/* Bullion Tracker - home.css
   Homepage-only sections and card tweaks.
*/

/* =========================
   HOME HERO
   ========================= */
.home-hero{
  padding:36px 0 28px 0;
  border-bottom:1px solid var(--border);
}
.home-hero .hero-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  flex-wrap:wrap;
  min-width:0;
}
.home-hero .hero-left{
  max-width:820px;
  min-width:0;
}
.home-hero h1{
  margin:0;
  max-width:18ch;
  font-size:clamp(28px, 6.5vw, 44px);
  font-weight:900;
  letter-spacing:-0.5px;
  line-height:1.05;
}
.home-hero p{
  font-size:15px;
  line-height:1.5;
  max-width:520px;
}
.home-hero .hero-actions{
  margin-top:16px;
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  min-width:0;
}
.home-hero .hero-actions .btn:first-child{
  font-weight:800;
}
.home-hero .toggle{
  margin-top:6px;
}

@media (max-width:720px){
  .home-hero{
    padding:26px 0 20px 0;
  }

  .home-hero .hero-top{
    flex-direction:column;
    align-items:flex-start;
    gap:18px;
  }

  .home-hero .hero-actions{
    display:grid;
    grid-template-columns:1fr;
    width:100%;
    gap:8px;
  }

  .home-hero .hero-actions .btn{
    flex:none;
    width:100%;
    min-width:0;
    text-align:center;
  }

  .home-hero .toggle{
    width:100%;
    justify-content:space-between;
  }
}

/* =========================
   COINS
   ========================= */
.coins-tools{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.coins-tools .input{ width:auto; min-width:240px; }
@media (max-width:700px){ .coins-tools .input{ min-width:160px; } }

/* Coins controls (mobile guard) */
.coins-controls{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
  justify-content:flex-end;
}
.coins-controls .input{ width:auto; min-width:240px; }
@media (max-width:700px){ .coins-controls .input{ min-width:160px; } }
@media (max-width:480px){
  .coins-controls, .coins-tools{ flex-direction:column; align-items:stretch; }
  .coins-controls .input, .coins-tools .input{ width:100%; min-width:0; }
}

.series-desc{
  margin-top:6px;
  font-size:13px;
  opacity:.75;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}

.coin-grid{
  display:grid;
  gap:12px;
  margin-top:12px;
  grid-template-columns:repeat(3, minmax(0, 1fr));
}
@media (max-width:900px){ .coin-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@media (max-width:700px){ .coin-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); } }

.coin-tile{
  display:block;
  text-decoration:none;
  color:var(--text);
  border:1px solid var(--border);
  border-radius:var(--radius);
  overflow:hidden;
  background:var(--card);
  transition:border-color .12s ease, transform .12s ease;
}
.coin-tile:hover{
  border-color:#bbb;
  transform: translateY(-1px);
  text-decoration:none;
}

.coin-thumb{
  width:100%;
  aspect-ratio:1/1;
  object-fit:contain;
  background:#fafafa;
  padding:8px;
  display:block;
}
.coin-tile-body{
  padding:10px 12px 12px 12px;
  display:grid;
  gap:6px;
}
.coin-title{ font-weight:800; font-size:15px; line-height:1.2; }
.coin-subtitle{ font-size:13px; line-height:1.2; opacity:.75; }
.pill-row{ display:flex; gap:6px; flex-wrap:wrap; margin-top:2px; }

.imgRow{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:12px;
}
.imgBox{
  border:1px solid var(--border);
  border-radius:12px;
  overflow:hidden;
  background:#fafafa;
  min-height:220px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.imgBox img{ width:100%; height:100%; object-fit:contain; }

/* =====================================================
   HOME DASHBOARD (My Dashboard)
   Added: 2x2 primary on mobile, 3-across secondary, matches holdings look
===================================================== */

.dash-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.dash-head .dash-title{ margin:0; }
.dash-head .dash-sub{ margin:4px 0 0 0; }

.dash-stats-primary{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
  margin-top:12px;
}

.dash-stats-secondary{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:10px;
  margin-top:12px;
}

.dash-stat{
  border:1px solid #eee;
  border-radius:14px;
  padding:14px;
  background:#fafafa;
}
.dash-stat.small{
  padding:10px 12px;
  background:#fcfcfc;
}

.dash-label{ font-size:13px; color:#666; }
.dash-value{ font-size:20px; font-weight:800; margin-top:4px; }
.dash-value.small{ font-size:16px; font-weight:750; }
.dash-subline{ font-size:12px; color:#777; margin-top:4px; }

.dash-stat.pos .dash-value{ color:var(--good); }
.dash-stat.neg .dash-value{ color:var(--bad); }

@media (min-width: 768px){
  .dash-stats-primary{ grid-template-columns:repeat(4, minmax(0, 1fr)); }
}

/* =====================================================
   HOME: Browse Series cards
   Layout: thumb left, title + meta + chips stacked.
   Desktop: 3 across.
===================================================== */

/* Grid wrapper used on index.html (#seriesGrid) */
.home-series-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}

@media (min-width: 768px){
  .home-series-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
}

@media (min-width: 1100px){
  .home-series-grid{ grid-template-columns:repeat(3, minmax(0, 1fr)); }
}

/* Card */
.series-card{
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:13px 14px;
  border:1px solid var(--border);
  border-radius:var(--radius);
  background:var(--card);
  color:var(--text);
  text-decoration:none;
  transition:transform .15s ease, border-color .15s ease, background .15s ease;
  height:100%;
}

.series-card:hover{
  border-color:#ddd;
  transform:translateY(-2px);
  text-decoration:none;
}

.series-card-thumb{
  width:64px;
  height:64px;
  border-radius:14px;
  border:1px solid #ececec;
  background:#fff;
  box-shadow:0 6px 14px rgba(17,17,17,.06);
  object-fit:cover;
  flex:0 0 64px;
}

.series-card-body{
  flex:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:5px;
}

.series-card-title{
  font-weight:800;
  font-size:16px;
  line-height:1.2;
  margin:0;
}

.series-card-meta{
  font-size:13px;
  opacity:.75;
  line-height:1.35;
}

.series-card-chips{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:4px;
}

/* =========================
   HOME PAGE REFRESH
   ========================= */
.home-hero .eyebrow{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:#6b7280;
  margin-bottom:10px;
}
.home-hero .hero-side{
  width:min(360px, 100%);
  display:grid;
  gap:14px;
}
.hero-currency-toggle{
  justify-content:space-between;
}
.hero-mini-card{
  position:relative;
  border:1px solid var(--border);
  border-radius:18px;
  background:linear-gradient(180deg, #fafafa 0%, #f4f4f4 100%);
  box-shadow:0 10px 24px rgba(17,17,17,.06);
  padding:16px;
  overflow:hidden;
}
.hero-mini-label{
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:#6b7280;
}
.hero-mini-title{
  font-size:18px;
  font-weight:850;
  line-height:1.3;
  margin-top:6px;
}
.hero-mini-copy{
  display:none;
}

.hero-coin,
.hero-coin img{
  display:block;
}
.hero-coin{
  width:min(220px, 72%);
  margin:10px 0 0 auto;
  transform:translateY(-4px);
}
.hero-coin img{
  width:100%;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 12px 24px rgba(0,0,0,.18));
}

.progress-stats{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
}
.progress-stat-card{
  border:1px solid #eee;
  border-radius:14px;
  background:#fafafa;
  padding:14px;
}
.progress-stat-label{
  font-size:13px;
  color:#666;
}
.progress-stat-value{
  font-size:26px;
  font-weight:850;
  margin-top:4px;
}
.progress-stat-sub{
  font-size:12px;
  color:#777;
  margin-top:4px;
  line-height:1.4;
}
.progress-list{
  display:grid;
  gap:10px;
}
.progress-row{
  display:block;
  color:var(--text);
  text-decoration:none;
  border:1px solid var(--border);
  border-radius:14px;
  background:#fff;
  padding:12px 14px;
  transition:border-color .15s ease, transform .15s ease;
}
.progress-row:hover{
  border-color:#d8d8d8;
  transform:translateY(-1px);
  text-decoration:none;
}
.progress-row-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.progress-row-title{
  font-weight:800;
  line-height:1.25;
}
.progress-row-pct{
  font-weight:850;
  font-size:15px;
}
.progress-meter{
  margin-top:10px;
  height:10px;
  background:#ececec;
  border-radius:999px;
  overflow:hidden;
}
.progress-meter span{
  display:block;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg, #d1d5db 0%, #9ca3af 100%);
}
.community-stats-grid .progress-stat-value{
  font-size:24px;
}
.community-stats-grid{
  grid-template-columns:repeat(2, minmax(0, 1fr));
}
.series-card-kicker{
  font-size:10px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:#6b7280;
}

@media (min-width: 900px){
  .progress-stats{
    grid-template-columns:repeat(4, minmax(0, 1fr));
  }
  .community-stats-grid{
    grid-template-columns:repeat(5, minmax(0, 1fr));
  }
}

@media (max-width:720px){
  .home-hero .hero-side{
    width:100%;
  }
  .progress-stats{
    grid-template-columns:1fr;
  }
  .community-stats-grid{
    grid-template-columns:1fr;
  }
  .progress-row-head{
    flex-direction:column;
    align-items:flex-start;
  }
}

.spot-stats-grid{
  grid-template-columns:repeat(2, minmax(0, 1fr));
}
.spot-stat-card{
  background:#fff;
}
.spot-stat-value{
  font-size:28px;
  line-height:1.1;
}
@media (max-width: 720px){
  .spot-stats-grid{
    grid-template-columns:1fr;
  }
}

/* Progress page */
.account-shell{
  display:block;
}
.progress-groups{
  display:grid;
  gap:18px;
}
.progress-group{
  border-top:1px solid var(--line);
  padding-top:14px;
}
.progress-group:first-child{
  border-top:0;
  padding-top:0;
}
.progress-group-head{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:12px;
  margin-bottom:10px;
}

/* =========================
   HOME SPOT GRAPH CARDS
   ========================= */
.spot-range-group{
  gap:8px;
  flex-wrap:wrap;
}
.spot-range-group .btn.active{
  background:#111;
  color:#fff;
  border-color:#111;
}
.spot-graphs-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:12px;
}

.spot-graphs-grid > *{
  min-width:0;
}

@media (max-width: 980px){
  .spot-graphs-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px){
  .spot-graphs-grid{
    grid-template-columns:1fr;
  }
}
.spot-graph-card{
  background:#fff;
  border:1px solid var(--border);
  border-radius:16px;
  padding:14px;
  box-shadow:0 1px 2px rgba(0,0,0,.03);
}
.spot-card-top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:10px;
}
.spot-card-kicker{
  font-size:12px;
  color:#6b7280;
  margin-bottom:4px;
}
.spot-card-value{
  font-size:28px;
  line-height:1.05;
  font-weight:800;
  letter-spacing:-.02em;
}
.spot-card-sub{
  margin-top:4px;
  font-size:13px;
  color:#6b7280;
}
.spot-card-change{
  font-size:13px;
  font-weight:700;
  white-space:nowrap;
}
.spot-card-change.pos,
.progress-stat-value.pos{ color:var(--good); }
.spot-card-change.neg,
.progress-stat-value.neg{ color:var(--bad); }

.spot-chart-shell{
  margin-top:12px;
  height:150px;
  border:1px solid #ececec;
  border-radius:14px;
  background:linear-gradient(180deg, #fafafa 0%, #fff 100%);
  overflow:hidden;
}
.spot-chart-svg{
  width:100%;
  height:100%;
  display:block;
}
.spot-chart-empty{
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#6b7280;
  font-size:13px;
}
.spot-chart-grid line{
  stroke:#e5e7eb;
  stroke-width:1;
}
.spot-chart-area-silver{ fill:rgba(107,114,128,.14); }
.spot-chart-line-silver{ stroke:#6b7280; }
.spot-chart-area-gold{ fill:rgba(217,119,6,.16); }
.spot-chart-line-gold{ stroke:#b45309; }
.spot-chart-area-copper{ fill:rgba(180,83,9,.16); }
.spot-chart-line-copper{ stroke:#9a3412; }
.spot-chart-line-silver,
.spot-chart-line-gold,
.spot-chart-line-copper{
  fill:none;
  stroke-width:3;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.spot-card-foot{
  margin-top:10px;
  display:flex;
  justify-content:space-between;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
}
.spot-card-foot .muted.small{
  margin:0;
}

/* Hotfix: homepage discover coin series sections should span full width */
.home-series-grid > .home-series-section{
  grid-column: 1 / -1;
}

/* =========================
   HOMEPAGE COIN SECTION v4
   ========================= */
.home-series-grid{ display:block; }
.home-series-section{ display:grid; gap:10px; margin-top:22px; }
.home-series-section + .home-series-section{ margin-top:24px; }
.home-series-section-head{ display:flex; justify-content:space-between; align-items:flex-end; gap:12px; }
.home-series-section-title{
  font-size:28px;
  font-weight:900;
  line-height:1.05;
  letter-spacing:-0.02em;
  color:var(--text);
}
.home-series-grid-inner{ display:grid; gap:10px; }
.home-series-grid-inner--popular{ grid-template-columns:repeat(4, minmax(0,1fr)); }
.home-series-grid-inner--explore{ grid-template-columns:repeat(3, minmax(0,1fr)); }

.series-card--home{
  flex-direction:column;
  align-items:stretch;
  gap:0;
  padding:0;
  background:#fff;
  border:1px solid #d6dbe2;
  border-radius:18px;
  box-shadow:0 6px 16px rgba(15,23,42,.05);
  overflow:hidden;
}

.series-card--home .series-card-thumb{
  display:block;
  width:calc(100% - 18px);
  height:auto;
  aspect-ratio:1 / 1;
  margin:9px auto 0;
  padding:12px;
  box-sizing:border-box;
  border-radius:14px;
  object-fit:contain;
  background:#fff;
  border:1px solid #c7ccd4;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
  flex:0 0 auto;
}

.series-card--home .series-card-body{
  align-items:flex-start;
  text-align:left;
  gap:5px;
  padding:12px 12px 11px;
  margin-top:10px;
  border-top:1px solid #eceef2;
}

.series-card--home .series-card-title{
  font-size:15px;
  line-height:1.2;
  font-weight:800;
  margin:0;
}

.series-card--home .series-card-meta{
  font-size:11px;
  line-height:1.4;
  opacity:.78;
}

.series-card--home .series-card-chips{
  justify-content:flex-start;
  gap:5px;
  margin-top:4px;
}

.series-card--home .pill{
  padding:4px 9px;
  font-size:11px;
  line-height:1.2;
  background:#f2f4f7;
}

.home-series-footer{ margin-top:12px; }

.series-browse-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:7px 10px;
  border:1px solid var(--border2);
  border-radius:10px;
  background:#fff;
  color:var(--text);
  text-decoration:none;
  font:inherit;
  font-size:12px;
  font-weight:500;
  transition:background .15s ease, border-color .15s ease, transform .15s ease;
}

.series-browse-link:hover{
  text-decoration:none;
  background:#f6f6f6;
  border-color:#bbb;
}

@media (max-width:720px){
  .home-series-main-title,
  .home-series-section-title{ font-size:24px; }

  .series-card--home .series-card-thumb{
    width:calc(100% - 16px);
    margin-top:8px;
    padding:10px;
  }

  .series-card--home .series-card-body{
    padding:11px 11px 10px;
    margin-top:8px;
  }
}

@media (max-width:980px){
  .home-series-grid-inner--popular,
  .home-series-grid-inner--explore{ grid-template-columns:repeat(2, minmax(0,1fr)); }
}

@media (max-width:560px){
  .home-series-grid-inner--popular,
  .home-series-grid-inner--explore{ grid-template-columns:1fr; }
}

/* =====================================
   HOMEPAGE COIN CARD POLISH
   Flags back in meta + better metal pills
   ===================================== */

.series-card--home .series-card-title{
  font-size:15px;
  font-weight:800;
  margin-top:0;
}

.series-card--home .series-card-meta{
  font-size:11px;
  line-height:1.4;
}

.series-card--home .pill{
  background:#f2f4f7;
}

.series-card--home .pill.gold{
  background:#fff6db;
  border-color:#e6d28a;
  color:#8a6a00;
}

.series-card--home .pill.silver{
  background:#f1f3f6;
  border-color:#d6d6d6;
  color:#555;
}

/* =========================
   HOMEPAGE DISCOVER HEADER
   ========================= */
.home-series-shell{
  display:grid;
  gap:22px;
}

.home-series-topline{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
  margin-top:4px;
  margin-bottom:2px;
}

.home-series-main-title{
  margin:0;
  font-size:28px;
  line-height:1.05;
  font-weight:900;
  letter-spacing:-0.02em;
  color:var(--text);
}

.home-series-main-copy{
  margin-top:6px;
  max-width:640px;
  font-size:14px;
  line-height:1.45;
  color:#4b5563;
}

.home-series-viewall,
.home-series-browseall{
  white-space:nowrap;
  align-self:flex-start;
}

.home-series-panel{
  display:grid;
  gap:12px;
}

@media (max-width:720px){
  .home-series-topline{
    flex-direction:column;
    align-items:flex-start;
    gap:10px;
  }

  .home-series-viewall{
    align-self:flex-start;
  }
}

.progress-detail-block {
  margin-top: 12px;
  display: grid;
  gap: 8px;
}

.progress-inline-row {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.progress-next-inline-label {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #6b7280;
}

.progress-next-pill {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 0 14px;
  border-radius: 999px;
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  color: #111827;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}

.progress-next-pill:hover {
  background: #eceff3;
  text-decoration: none;
}

.btn-complete-set {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 0 14px;
  border-radius: 10px;
  border: 1px solid #d7dce5;
  background: #fff;
  color: #111827;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  transition: background .2s ease, border-color .2s ease, color .2s ease;
}

.btn-complete-set:hover {
  background: #f8fafc;
  border-color: #c7d0dd;
  color: #0f172a;
  text-decoration: none;
}

.series-filter-badge {
  display: inline-block;
  margin-top: 6px;
  padding: 4px 10px;
  font-size: 12px;
  font-weight: 600;
  border-radius: 999px;
  background: #f3f4f6;
  color: #111827;
  border: 1px solid #e5e7eb;
}
.series-learn{
  margin-top:14px;
}

.series-learn-card{
  padding:16px;
}

.seriesLearnGrid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
  gap:10px;
  margin-top:12px;
}

.seriesLearnItem{
  display:block;
  padding:12px 14px;
  border:1px solid rgba(15,23,42,0.08);
  border-radius:12px;
  text-decoration:none;
  color:inherit;
  background:#fff;
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

.seriesLearnItem:hover{
  transform:translateY(-1px);
  border-color:rgba(15,23,42,0.16);
  box-shadow:0 6px 18px rgba(0,0,0,0.06);
}

.seriesLearnItem strong{
  display:block;
  margin-bottom:4px;
}

.seriesLearnItem span{
  display:block;
  line-height:1.35;
}

@media (max-width:700px){
  .seriesLearnGrid{
    grid-template-columns:1fr;
  }

  .series-learn-card{
    padding:14px;
  }
}
.series-learn-title-mobile{
  display:none;
}

@media (max-width:700px){
  .series-learn{
    margin-top:10px;
  }

  .series-learn-card{
    padding:12px;
  }

  .series-learn-title-desktop{
    display:none;
  }

  .series-learn-title-mobile{
    display:block;
    font-size:18px;
    margin-bottom:8px;
  }

  .series-learn-intro{
    display:none;
  }

  .seriesLearnGrid{
    gap:8px;
    margin-top:8px;
  }

  .seriesLearnItem{
    padding:10px 12px;
    border-radius:10px;
  }

  .seriesLearnItem strong{
    font-size:15px;
    margin-bottom:2px;
  }

  .seriesLearnItem span{
    font-size:12px;
    line-height:1.25;
  }

  .seriesLearnItem--optional{
    display:none;
  }
}

.card{
  box-shadow:0 1px 2px rgba(16,24,40,.04);
}

.panel{
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:14px;
  background:var(--card);
}

.admin-image-filters{ position:relative; }
.admin-image-filter-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:12px;
}
.admin-image-filter-actions{
  grid-column:1 / -1;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}
.admin-image-layout{
  display:grid;
  grid-template-columns:minmax(320px, 420px) minmax(0, 1fr);
  gap:16px;
  align-items:start;
}
.admin-image-results,
.admin-image-detail{
  min-height:520px;
}
.admin-image-list{
  display:grid;
  gap:10px;
  max-height:calc(100vh - 260px);
  overflow:auto;
  padding-right:4px;
}
.admin-image-row{
  display:block;
  text-decoration:none;
  color:var(--text);
  border:1px solid var(--border);
  border-radius:14px;
  padding:12px;
  background:#fff;
  transition:border-color .15s ease, background .15s ease, transform .15s ease;
}
.admin-image-row:hover{
  border-color:#bfc5d2;
  background:#fafbfc;
  transform:translateY(-1px);
}
.admin-image-row.is-active{
  border-color:#111;
  background:#f7f7f7;
}
.admin-image-row-top{
  display:flex;
  gap:10px;
  justify-content:space-between;
  align-items:flex-start;
  margin-bottom:6px;
}
.admin-image-presence{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin-top:10px;
}
.admin-image-presence span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:5px 9px;
  border-radius:999px;
  background:#f5f5f5;
  border:1px solid #ececec;
  font-size:12px;
  color:#666;
}
.admin-image-presence span.is-on{
  background:#eef8ef;
  border-color:#cfe8d1;
  color:#21663a;
}
.admin-image-status--both{
  background:#fff4e5;
  border-color:#f4d3a1;
}
.admin-image-status--partial{
  background:#eef4ff;
  border-color:#cfdcff;
}
.admin-image-status--complete{
  background:#eef8ef;
  border-color:#cfe8d1;
}
.admin-image-box{
  background:linear-gradient(180deg, #fff 0%, #fafafa 100%);
}
.admin-image-upload-form{
  border-top:1px dashed var(--border);
  padding-top:14px;
}
.admin-image-upload-meta{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  flex-wrap:wrap;
}
.admin-image-empty{
  min-height:420px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:10px;
  text-align:center;
}
@media (max-width: 980px){
  .admin-image-layout{ grid-template-columns:1fr; }
  .admin-image-list{ max-height:none; }
}
@media (max-width: 720px){
  .admin-image-filter-grid{ grid-template-columns:1fr; }
  .admin-image-row-top,
  .admin-image-upload-meta{ flex-direction:column; align-items:flex-start; }
}

/* Welcome message block moved back from admin.css */
.bt-welcome{
  margin: 16px 0 10px;
  background: #fcfcfc;
  border: 1px solid #e5e5e5;
  border-left: 2px solid #111;
  border-radius: 16px;
  box-shadow: none;
}

.bt-welcome__inner{
  padding: 20px 22px;
}

.bt-welcome__content{
  max-width: 880px;
}

.bt-welcome__title{
  margin: 0 0 12px;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: -0.02em;
}

.bt-welcome__text{
  margin: 0 0 10px;
  color: #4f4f4f;
  line-height: 1.55;
  font-size: 15px;
}

.bt-welcome__text:last-child{
  margin-bottom: 0;
}

.bt-welcome__actions{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-top: 16px;
}

.bt-welcome__actions .btn,
.bt-welcome__primary,
.bt-welcome__secondary{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 18px;
  border-radius: 14px;
  border: 1px solid #d9d9d9;
  background: #fff;
  color: #111;
  font-weight: 600;
  text-decoration: none;
  box-shadow: none;
}

.bt-welcome__actions .btn:hover,
.bt-welcome__primary:hover,
.bt-welcome__secondary:hover{
  background: #f7f7f7;
  border-color: #cfcfcf;
  color: #111;
}

.bt-welcome__dismiss{
  appearance: none;
  border: 0;
  background: transparent;
  padding: 8px 2px;
  margin-left: 2px;
  color: #777;
  font: inherit;
  font-size: 14px;
  cursor: pointer;
}

.bt-welcome__dismiss:hover{
  color: #111;
  text-decoration: underline;
}

@media (max-width:700px){
  .bt-welcome__inner{
    padding: 16px 18px;
  }

  .bt-welcome__title{
    font-size: 18px;
  }

  .bt-welcome__actions{
    align-items: stretch;
  }

  .bt-welcome__actions .btn,
  .bt-welcome__primary,
  .bt-welcome__secondary{
    width: 100%;
    text-align: center;
  }

  .bt-welcome__dismiss{
    padding-left: 0;
  }
}

/* =========================
   HOMEPAGE FEATURED / HELD RAILS
   ========================= */
.home-rail-wrap{
  position:relative;
  width:100%;
  max-width:100%;
  min-width:0;
  overflow:hidden;
  padding:0;
}

@media (min-width:901px){
  .home-rail-wrap{
    padding:0 52px;
  }
}

.home-coin-rail{
  display:flex;
  gap:14px;
  width:100%;
  max-width:100%;
  min-width:0;
  overflow-x:auto;
  overflow-y:hidden;
  padding:4px 0 14px;
  scroll-snap-type:x proximity;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:none;
  scroll-behavior:smooth;
}

.home-coin-rail::-webkit-scrollbar{
  display:none;
}

.home-coin-rail-card{
  flex:0 0 220px;
  width:220px;
  min-width:220px;
  max-width:220px;
  display:flex;
  flex-direction:column;
  border:1px solid #d9dee6;
  border-radius:20px;
  background:#fff;
  color:var(--text);
  text-decoration:none;
  box-shadow:0 4px 14px rgba(15,23,42,.04);
  overflow:hidden;
  scroll-snap-align:start;
  transition:transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.home-coin-rail-card:hover{
  transform:translateY(-2px);
  border-color:#c7d0dc;
  box-shadow:0 10px 24px rgba(15,23,42,.08);
  text-decoration:none;
}

.home-coin-rail-media{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:12px 12px 0;
}

.home-coin-rail-media img{
  display:block;
  width:100%;
  max-width:146px;
  aspect-ratio:1 / 1;
  object-fit:contain;
  padding:12px;
  border:1px solid #ccd3dd;
  border-radius:16px;
  background:#fff;
}

.home-coin-rail-body{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:6px;
  padding:12px 13px 13px;
  margin-top:8px;
  border-top:1px solid #edf0f4;
}

.home-coin-rail-title{
  margin:0;
  font-size:15px;
  line-height:1.25;
  font-weight:800;
  letter-spacing:-0.01em;
  color:#101828;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:2.5em;
}

.home-coin-rail-pills{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  margin-top:0;
}

.home-coin-rail-pills .pill{
  padding:4px 9px;
  font-size:11px;
  line-height:1.2;
  background:#f3f5f8;
  border:1px solid #e4e8ee;
}

.home-coin-rail-sub{
  margin:0;
  font-size:12px;
  line-height:1.35;
  color:#667085;
}

.home-coin-rail-meta{
  margin-top:0;
  font-size:12px;
  line-height:1.35;
  color:#667085;
}

/* =========================
   RAIL ARROWS
   ========================= */
.rail-btn{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:5;
  width:42px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #d6dbe2;
  border-radius:999px;
  background:rgba(255,255,255,.96);
  color:#111827;
  font-size:22px;
  line-height:1;
  cursor:pointer;
}

.rail-btn:hover{
  background:#fff;
  border-color:#c4ccd8;
  box-shadow:0 5px 13px rgba(15,23,42,.16);
}

.rail-btn:active{
  transform:translateY(-50%) scale(.98);
}

.rail-btn--left{
  left:10px;
}

.rail-btn--right{
  right:10px;
}

.rail-btn.is-hidden,
.rail-btn.is-disabled{
  opacity:.34;
  pointer-events:none;
  box-shadow:0 4px 12px rgba(15,23,42,.06);
}

/* =========================
   FADE EDGES
   ========================= */
.home-rail-wrap::before,
.home-rail-wrap::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:62px;
  z-index:4;
  pointer-events:none;
}

.home-rail-wrap::before{
  left:0;
  background:linear-gradient(to right, #fff 20%, rgba(255,255,255,0));
}

.home-rail-wrap::after{
  right:0;
  background:linear-gradient(to left, #fff 20%, rgba(255,255,255,0));
}

/* =========================
   TABLET
   ========================= */
@media (max-width:900px){
  .home-rail-wrap{
    padding:0;
  }

  .home-coin-rail-card{
    flex:0 0 198px;
    width:198px;
    min-width:198px;
    max-width:198px;
  }

  .home-rail-wrap .rail-btn{
    display:none;
  }

  .home-rail-wrap::before,
  .home-rail-wrap::after{
    display:none;
  }
}

/* =========================
   MOBILE
   ========================= */
@media (max-width:640px){
  .home-rail-wrap{
    width:100%;
    max-width:100%;
    min-width:0;
    overflow:visible;
    padding:0;
  }

  .home-coin-rail{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:10px;
    width:100%;
    max-width:100%;
    min-width:0;
    overflow:visible;
    padding:2px 0 10px;
    scroll-snap-type:none;
  }

  .home-coin-rail-card{
    width:100%;
    min-width:0;
    max-width:none;
    flex:none;
    border-radius:18px;
  }

  .home-coin-rail-media{
    padding:10px 10px 0;
  }

  .home-coin-rail-media img{
    max-width:122px;
    padding:10px;
    border-radius:14px;
  }

  .home-coin-rail-body{
    padding:11px 11px 12px;
    margin-top:8px;
    gap:6px;
  }

  .home-coin-rail-title{
    font-size:13px;
  }

  .rail-btn{
    display:none !important;
  }

  .home-rail-wrap::before,
  .home-rail-wrap::after{
    display:none;
  }
}

/*
@media (max-width:720px){
  .home-rail-wrap{
    display:none !important;
  }
}*/

/* =====================================================
   BT HOMEPAGE 2026 REFRESH
   Premium vault x collector dashboard. Mobile-first.
===================================================== */
.home-main{
  width:100%;
  max-width:var(--maxw);
}

.bt-home-hero,
.bt-market-strip,
.bt-home-section,
.bt-home-final-cta{
  min-width:0;
}

.bt-home-hero{
  position:relative;
  display:grid;
  grid-template-columns:1fr;
  gap:24px;
  margin-top:8px;
  padding:24px 18px;
  color:#fff;
  background:
    radial-gradient(circle at 18% 12%, rgba(255,255,255,.15), transparent 28%),
    radial-gradient(circle at 86% 15%, rgba(210,180,98,.25), transparent 30%),
    linear-gradient(135deg, #090909 0%, #181818 55%, #2b2b2b 100%);
  border:1px solid rgba(255,255,255,.12);
  border-radius:28px;
  overflow:hidden;
  box-shadow:0 22px 60px rgba(0,0,0,.18);
}
.bt-home-hero:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px), linear-gradient(180deg, rgba(255,255,255,.04) 1px, transparent 1px);
  background-size:42px 42px;
  opacity:.28;
}
.bt-home-hero__copy,
.bt-home-hero__visual{
  position:relative;
  z-index:1;
}
.bt-home-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:10px;
  color:#9ca3af;
  font-size:11px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.bt-home-eyebrow:before{
  content:"";
  width:22px;
  height:1px;
  background:currentColor;
  opacity:.75;
}
.bt-home-hero h1{
  margin:0;
  max-width:11ch;
  font-size:clamp(38px, 12vw, 74px);
  line-height:.92;
  letter-spacing:-.07em;
  font-weight:950;
}
.bt-home-hero p{
  max-width:620px;
  margin:18px 0 0;
  color:rgba(255,255,255,.78);
  font-size:16px;
  line-height:1.6;
}
.bt-home-hero__actions{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  margin-top:22px;
}
.bt-home-primary,
.bt-home-secondary{
  min-height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px !important;
  font-weight:900 !important;
}
.bt-home-primary,
a.bt-home-primary{
  color:#111 !important;
  background:#fff !important;
  border-color:#fff !important;
  box-shadow:0 10px 30px rgba(255,255,255,.13);
}
.bt-home-secondary,
a.bt-home-secondary{
  color:#fff !important;
  background:rgba(255,255,255,.08) !important;
  border-color:rgba(255,255,255,.22) !important;
}
.bt-home-trust{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:18px;
}
.bt-home-trust span{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:7px 10px;
  color:rgba(255,255,255,.76);
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  font-size:12px;
  font-weight:750;
}

.bt-home-hero__visual{
  min-height:430px;
  isolation:isolate;
}
.bt-hero-orb{
  position:absolute;
  border-radius:999px;
  filter:blur(1px);
  opacity:.95;
}
.bt-hero-orb--gold{
  width:220px;
  height:220px;
  right:4%;
  top:10%;
  background:radial-gradient(circle at 35% 28%, #fff0b5 0%, #c7952e 38%, #5d4217 72%, transparent 73%);
  box-shadow:0 30px 80px rgba(199,149,46,.28);
}
.bt-hero-orb--silver{
  width:170px;
  height:170px;
  left:0;
  bottom:12%;
  background:radial-gradient(circle at 35% 30%, #fff 0%, #cfd5dc 42%, #6b7280 72%, transparent 73%);
  box-shadow:0 30px 80px rgba(209,213,219,.22);
}
.bt-vault-card{
  position:absolute;
  width:min(86%, 310px);
  padding:16px;
  color:#111;
  background:rgba(255,255,255,.9);
  border:1px solid rgba(255,255,255,.56);
  border-radius:22px;
  box-shadow:0 24px 60px rgba(0,0,0,.28);
  backdrop-filter:blur(14px);
}
.bt-vault-card--value{ left:0; top:8px; }
.bt-vault-card--coin{ right:0; top:145px; display:flex; align-items:center; gap:12px; }
.bt-vault-card--progress{ left:18px; bottom:44px; }
.bt-vault-card--spot{ right:24px; bottom:0; max-width:210px; }
.bt-vault-card img{
  width:58px;
  height:58px;
  object-fit:cover;
  border-radius:16px;
  border:1px solid #ececec;
  background:#fff;
}
.bt-card-kicker{
  color:#6b7280;
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.1em;
  font-weight:900;
}
.bt-card-value{
  margin-top:4px;
  font-size:30px;
  line-height:1;
  font-weight:950;
  letter-spacing:-.05em;
}
.bt-card-good{ margin-top:7px; color:var(--good, #15803d); font-size:13px; font-weight:850; }
.bt-card-title{ font-weight:900; line-height:1.2; }
.bt-card-muted{ margin-top:3px; color:#6b7280; font-size:12px; }
.bt-card-row{ display:flex; align-items:center; justify-content:space-between; gap:14px; font-weight:900; }
.bt-hero-progress{ height:10px; margin:12px 0 8px; background:#e5e7eb; border-radius:999px; overflow:hidden; }
.bt-hero-progress span{ display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg, #111, #9ca3af); }
.bt-spot-mini-grid{ display:grid; grid-template-columns:1fr auto; gap:7px 14px; margin-top:10px; font-size:13px; }
.bt-spot-mini-grid span{ color:#6b7280; }

.bt-market-strip{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  margin-top:14px;
  padding:14px;
  color:#fff;
  background:#111;
  border-radius:20px;
  align-items:center;
}
.bt-market-strip__head{
  display:flex;
  justify-content:space-between;
  gap:12px;
  align-items:center;
  flex-wrap:wrap;
}
.bt-market-strip__head span{ color:rgba(255,255,255,.65); font-size:12px; }
.bt-market-currency{ display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.bt-market-currency .btn{
  color:#fff;
  border-color:rgba(255,255,255,.18);
  background:rgba(255,255,255,.06);
}
.bt-market-currency .btn.active{
  color:#111;
  background:#fff;
  border-color:#fff;
}
.bt-market-pill{
  display:flex;
  min-height:40px;
  align-items:center;
  justify-content:center;
  padding:8px 12px;
  color:#fff !important;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.05);
  border-radius:999px;
  font-size:13px;
  font-weight:800;
  text-decoration:none !important;
}

.bt-home-section{
  margin-top:28px;
}
.bt-section-head{
  display:grid;
  grid-template-columns:1fr;
  gap:10px;
  margin-bottom:14px;
}
.bt-section-head h2,
.bt-home-final-cta h2,
.bt-research-strip h2{
  margin:0;
  font-size:clamp(26px, 7vw, 44px);
  line-height:1;
  letter-spacing:-.05em;
  font-weight:950;
}
.bt-section-head p,
.bt-home-final-cta p,
.bt-research-strip p{
  margin:0;
  color:#6b7280;
  line-height:1.55;
  max-width:560px;
}
.bt-section-head--compact p{ margin-top:5px; }

.bt-feature-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}
.bt-feature-card{
  min-width:0;
  padding:18px;
  background:linear-gradient(180deg, #fff 0%, #fafafa 100%);
  border:1px solid var(--border);
  border-radius:22px;
  box-shadow:0 8px 28px rgba(17,17,17,.04);
}
.bt-feature-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  margin-bottom:16px;
  background:#111;
  color:#fff;
  border-radius:14px;
}
.bt-feature-card h3{ margin:0; font-size:18px; letter-spacing:-.02em; }
.bt-feature-card p{ margin:8px 0 0; color:#6b7280; font-size:14px; line-height:1.5; }

.bt-vault-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}
.bt-vault-tile{
  position:relative;
  min-height:160px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  overflow:hidden;
  padding:18px;
  color:#fff !important;
  text-decoration:none !important;
  background:linear-gradient(135deg, #111, #2f2f2f);
  border-radius:24px;
  border:1px solid rgba(0,0,0,.08);
}
.bt-vault-tile:before{
  content:"";
  position:absolute;
  width:150px;
  height:150px;
  right:-36px;
  top:-28px;
  border-radius:999px;
  background:radial-gradient(circle at 35% 30%, rgba(255,255,255,.96), rgba(255,255,255,.28) 42%, rgba(255,255,255,.04) 70%);
  opacity:.45;
}
.bt-vault-tile--gold:before{ background:radial-gradient(circle at 35% 30%, #fff0b5, rgba(199,149,46,.7) 44%, rgba(93,66,23,.08) 72%); }
.bt-vault-tile--silver:before{ background:radial-gradient(circle at 35% 30%, #fff, rgba(209,213,219,.75) 44%, rgba(75,85,99,.08) 72%); }
.bt-vault-tile span,
.bt-vault-tile small{ position:relative; z-index:1; }
.bt-vault-tile span{ font-size:22px; font-weight:950; letter-spacing:-.04em; }
.bt-vault-tile small{ margin-top:6px; color:rgba(255,255,255,.72); line-height:1.4; }

.bt-loading-card{
  width:100%;
  min-height:180px;
  display:grid;
  place-items:center;
  padding:18px;
  color:#6b7280;
  border:1px dashed var(--border2);
  border-radius:18px;
  background:#fafafa;
}

.bt-research-strip,
.bt-home-final-cta{
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
  align-items:center;
  padding:22px;
  border-radius:26px;
}
.bt-research-strip{
  background:#f6f6f6;
  border:1px solid var(--border);
}
.bt-research-links{
  display:grid;
  gap:9px;
}
.bt-research-links a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:46px;
  padding:12px 14px;
  background:#fff;
  border:1px solid var(--border);
  border-radius:16px;
  font-weight:850;
  text-decoration:none !important;
}
.bt-research-links a:after{ content:"→"; color:#6b7280; }
.bt-home-final-cta{
  margin-top:30px;
  color:#fff;
  background:linear-gradient(135deg, #080808 0%, #1c1c1c 70%, #343434 100%);
  overflow:hidden;
}
.bt-home-final-cta p{ color:rgba(255,255,255,.72); margin-top:10px; }
.bt-home-final-cta .bt-home-eyebrow{ color:#d1d5db; }

/* refresh existing homepage dynamic areas so they sit in the new design */
.home-rail-shell,
.home-series-shell{
  border-radius:24px;
}
.home-coin-rail{
  min-width:0;
}
.dash-stats-primary,
.dash-stats-secondary,
.progress-stats,
.spot-graphs-grid,
.community-stats-grid{
  min-width:0;
}
.dash-stat,
.progress-stat-card,
.spot-graph-card,
.series-card{
  border-radius:18px;
}

@media (min-width:560px){
  .bt-home-hero__actions{
    display:flex;
    flex-wrap:wrap;
  }
  .bt-home-hero__actions .btn{
    width:auto;
  }
  .bt-feature-grid,
  .bt-vault-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

@media (min-width:860px){
  .bt-home-hero{
    grid-template-columns:minmax(0, 1.04fr) minmax(340px, .96fr);
    gap:26px;
    padding:48px;
    min-height:610px;
    align-items:center;
  }
  .bt-home-hero p{ font-size:18px; }
  .bt-home-hero__visual{ min-height:500px; }
  .bt-market-strip{
    grid-template-columns:auto minmax(190px, auto) 1fr 1fr 1fr;
    padding:12px 14px 12px 18px;
  }
  .bt-market-currency{ grid-template-columns:auto auto; }
  .bt-section-head{
    grid-template-columns:1.05fr .95fr;
    align-items:end;
  }
  .bt-feature-grid{ grid-template-columns:repeat(4, minmax(0, 1fr)); }
  .bt-vault-grid{ grid-template-columns:repeat(4, minmax(0, 1fr)); }
  .bt-research-strip,
  .bt-home-final-cta{
    grid-template-columns:1fr .9fr;
    padding:34px;
  }
}

@media (max-width:720px){
  .home-main{ padding-top:10px; }
  .bt-home-hero{
    border-radius:22px;
  }
  .bt-home-hero h1{
    max-width:10ch;
  }
  .bt-home-hero__visual{
    min-height:410px;
  }
  .bt-vault-card{
    width:min(92%, 300px);
    padding:14px;
    border-radius:18px;
  }
  .bt-vault-card--value{ left:0; top:0; }
  .bt-vault-card--coin{ right:0; top:132px; }
  .bt-vault-card--progress{ left:0; bottom:58px; }
  .bt-vault-card--spot{ right:0; bottom:0; }
  .bt-card-value{ font-size:25px; }
  .bt-hero-orb--gold{ width:170px; height:170px; top:66px; right:-22px; }
  .bt-hero-orb--silver{ width:132px; height:132px; left:-20px; bottom:78px; }
  .bt-market-strip{
    border-radius:18px;
  }
  .bt-research-strip,
  .bt-home-final-cta{
    padding:20px;
  }
  .bt-home-final-cta .flex,
  #nextActions{
    display:grid;
    grid-template-columns:1fr;
    width:100%;
  }
}

@media (max-width:420px){
  .bt-home-hero{
    padding:22px 14px;
    margin-left:-4px;
    margin-right:-4px;
  }
  .bt-home-hero h1{
    font-size:42px;
  }
  .bt-home-trust span{
    width:100%;
    justify-content:center;
  }
  .bt-vault-card--coin{ top:138px; }
  .bt-vault-card--spot{ max-width:185px; }
  .bt-card-value{ font-size:23px; }
  .bt-vault-card img{ width:48px; height:48px; }
}


/* =====================================================
   HOMEPAGE IMAGE PACK WIRING
   Files expected in /images/home/ plus /images/social-home.webp
===================================================== */
.bt-home-hero{
  background:
    linear-gradient(90deg, rgba(0,0,0,.88) 0%, rgba(0,0,0,.72) 43%, rgba(0,0,0,.44) 100%),
    radial-gradient(circle at 18% 12%, rgba(255,255,255,.15), transparent 28%),
    radial-gradient(circle at 86% 15%, rgba(210,180,98,.25), transparent 30%),
    url('/images/home/hero-vault-stack.webp') center center / cover no-repeat,
    linear-gradient(135deg, #090909 0%, #181818 55%, #2b2b2b 100%);
}

.bt-vault-tile{
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
}

.bt-vault-tile::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background:linear-gradient(180deg, rgba(0,0,0,.08) 0%, rgba(0,0,0,.38) 45%, rgba(0,0,0,.82) 100%);
  pointer-events:none;
}

.bt-vault-tile--silver{ background-image:url('/images/home/card-silver-coins.webp'); }
.bt-vault-tile--gold{ background-image:url('/images/home/card-gold-coins.webp'); }
.bt-vault-tile--bars{ background-image:url('/images/home/card-bullion-bars.webp'); }
.bt-vault-tile--guides{ background-image:url('/images/home/card-research-guides.webp'); }

.bt-vault-tile span,
.bt-vault-tile small{ z-index:2; }

.bt-vault-tile:before{
  z-index:1;
  opacity:.22;
}

.bt-research-strip{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(90deg, rgba(246,246,246,.96) 0%, rgba(246,246,246,.9) 55%, rgba(246,246,246,.62) 100%),
    url('/images/home/card-research-guides.webp') right center / cover no-repeat;
}

.bt-home-final-cta{
  position:relative;
  background:
    linear-gradient(90deg, rgba(0,0,0,.9) 0%, rgba(0,0,0,.72) 55%, rgba(0,0,0,.42) 100%),
    url('/images/home/cta-bullion-vault.webp') center center / cover no-repeat,
    linear-gradient(135deg, #080808 0%, #1c1c1c 70%, #343434 100%);
}

@media (max-width:720px){
  .bt-home-hero{
    background-position:center top;
  }

  .bt-vault-tile{
    min-height:190px;
  }

  .bt-research-strip{
    background:
      linear-gradient(180deg, rgba(246,246,246,.98) 0%, rgba(246,246,246,.94) 100%),
      url('/images/home/card-research-guides.webp') center center / cover no-repeat;
  }

  .bt-home-final-cta{
    background:
      linear-gradient(180deg, rgba(0,0,0,.9) 0%, rgba(0,0,0,.78) 100%),
      url('/images/home/cta-bullion-vault.webp') center center / cover no-repeat,
      #111;
  }
}


/* =====================================================
   BT LIGHT HERO CLEANUP PASS
   Removes decorative balls/orbs and brings the hero closer
   to the white / grey / black Bullion Tracker style.
===================================================== */

.bt-home-hero{
  color:#111 !important;
  background:
    linear-gradient(90deg, rgba(247,247,247,.98) 0%, rgba(247,247,247,.94) 46%, rgba(247,247,247,.74) 100%),
    url('/images/home/hero-vault-stack.webp') right center / cover no-repeat,
    #f5f5f5 !important;
  border:1px solid #e8e8e8 !important;
  box-shadow:0 10px 34px rgba(0,0,0,.06) !important;
}

.bt-home-hero:before{
  background:
    linear-gradient(90deg, rgba(0,0,0,.035) 1px, transparent 1px),
    linear-gradient(180deg, rgba(0,0,0,.03) 1px, transparent 1px) !important;
  background-size:42px 42px !important;
  opacity:.55 !important;
}

.bt-hero-orb,
.bt-hero-orb--gold,
.bt-hero-orb--silver{
  display:none !important;
}

.bt-home-eyebrow{
  color:#6b7280 !important;
}

.bt-home-hero h1{
  color:#050505 !important;
  text-wrap:balance;
}

.bt-home-hero p{
  color:#555 !important;
}

.bt-home-primary,
a.bt-home-primary{
  color:#fff !important;
  background:#101010 !important;
  border-color:#101010 !important;
  box-shadow:0 8px 22px rgba(0,0,0,.12) !important;
}

.bt-home-secondary,
a.bt-home-secondary{
  color:#111 !important;
  background:rgba(255,255,255,.82) !important;
  border-color:#dcdcdc !important;
  box-shadow:0 4px 14px rgba(0,0,0,.04) !important;
}

.bt-home-trust{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:10px !important;
}

.bt-home-trust span{
  justify-content:center;
  min-height:42px;
  color:#333 !important;
  background:rgba(255,255,255,.72) !important;
  border:1px solid rgba(0,0,0,.08) !important;
  box-shadow:0 6px 18px rgba(0,0,0,.035);
  backdrop-filter:blur(10px);
}

.bt-vault-card{
  color:#111 !important;
  background:rgba(255,255,255,.93) !important;
  border:1px solid rgba(0,0,0,.07) !important;
  box-shadow:0 6px 20px rgba(0,0,0,.07) !important;
  backdrop-filter:blur(10px);
}

.bt-vault-card--value{
  width:min(90%, 330px);
}

.bt-vault-card--spot{
  max-width:220px;
}

.bt-card-kicker{
  color:#737987 !important;
}

.bt-card-good{
  color:#15803d !important;
}

.bt-card-muted,
.bt-spot-mini-grid span{
  color:#6b7280 !important;
}

.bt-hero-progress{
  background:#ededed !important;
}

.bt-hero-progress span{
  background:#111 !important;
}

.bt-market-strip{
  color:#111 !important;
  background:#fff !important;
  border:1px solid #e8e8e8 !important;
  box-shadow:0 8px 26px rgba(0,0,0,.05);
}

.bt-market-strip__head span{
  color:#6b7280 !important;
}

.bt-market-currency .btn,
.bt-market-pill{
  color:#111 !important;
  background:#f7f7f7 !important;
  border-color:#e1e1e1 !important;
}

.bt-market-currency .btn.active{
  color:#fff !important;
  background:#111 !important;
  border-color:#111 !important;
}

.bt-market-pill:hover,
.bt-home-secondary:hover,
a.bt-home-secondary:hover{
  background:#fff !important;
  border-color:#cfcfcf !important;
}

.bt-feature-card,
.bt-research-links a,
.bt-loading-card,
.dash-stat,
.progress-stat-card,
.spot-graph-card,
.series-card{
  box-shadow:0 4px 18px rgba(0,0,0,.04);
}

@media (max-width:720px){
  .bt-home-hero{
    background:
      linear-gradient(180deg, rgba(247,247,247,.98) 0%, rgba(247,247,247,.94) 45%, rgba(247,247,247,.78) 100%),
      url('/images/home/hero-vault-stack.webp') center top / cover no-repeat,
      #f5f5f5 !important;
    border-radius:24px !important;
  }

  .bt-home-trust{
    grid-template-columns:1fr !important;
  }

  .bt-home-trust span{
    width:100% !important;
  }

  .bt-home-hero__visual{
    min-height:430px !important;
  }

  .bt-vault-card{
    box-shadow:0 5px 16px rgba(0,0,0,.07) !important;
  }

  .bt-vault-card--value{ left:0; top:0; }
  .bt-vault-card--coin{ right:0; top:132px; }
  .bt-vault-card--progress{ left:0; bottom:60px; }
  .bt-vault-card--spot{ right:0; bottom:0; }
}

@media (max-width:420px){
  .bt-home-hero{
    margin-left:0 !important;
    margin-right:0 !important;
    padding:22px 14px !important;
  }

  .bt-home-hero h1{
    max-width:10.5ch !important;
    font-size:40px !important;
  }

  .bt-vault-card--coin{ top:136px; }
  .bt-vault-card--spot{ max-width:188px; }
}

/* =====================================================
   HERO SECTION POLISH PASS
   - removes the small non-button highlight pills
   - gives the CTAs more premium spacing
   - simplifies the right side into one calmer snapshot card
   - reveals more of the bullion background image
===================================================== */

.bt-home-hero{
  background:
    linear-gradient(90deg, rgba(247,247,247,.94) 0%, rgba(247,247,247,.86) 44%, rgba(247,247,247,.48) 100%),
    url('/images/home/hero-vault-stack.webp') right center / cover no-repeat,
    #f5f5f5 !important;
}

.bt-home-trust{
  display:none !important;
}

.bt-home-hero__actions{
  display:flex !important;
  flex-wrap:wrap;
  align-items:center;
  gap:16px !important;
  margin-top:30px !important;
}

.bt-home-hero__actions .btn,
.bt-home-primary,
.bt-home-secondary,
a.bt-home-primary,
a.bt-home-secondary{
  min-height:56px !important;
  padding:16px 30px !important;
  border-radius:999px !important;
  font-size:17px !important;
  line-height:1 !important;
  letter-spacing:-.02em;
}

.bt-home-primary,
a.bt-home-primary{
  padding-left:34px !important;
  padding-right:34px !important;
}

.bt-home-hero__visual{
  position:relative;
  min-height:480px !important;
  display:flex;
  align-items:center;
  justify-content:flex-end;
}

.bt-dash-easter-coin{
  position:absolute;
  right:18px;
  top:18px;
  z-index:3;
  width:48px;
  aspect-ratio:1;
  display:grid;
  place-items:center;
  border:1px solid rgba(0,0,0,.18);
  border-radius:50%;
  padding:0;
  background:
    radial-gradient(circle at 34% 24%, rgba(255,255,255,.92) 0 9%, transparent 28%),
    linear-gradient(135deg, #f7d86f, #aa7415);
  cursor:pointer;
  opacity:.86;
  box-shadow:0 8px 18px rgba(0,0,0,.16), inset 0 0 0 3px rgba(17,17,17,.14);
}

.bt-dash-easter-coin img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  transform-style:preserve-3d;
  transition:transform .42s ease, opacity .2s ease;
}

.bt-dash-easter-coin span{
  position:relative;
  z-index:0;
  color:#111;
  font-size:15px;
  font-weight:1000;
  letter-spacing:-.06em;
}

.bt-dash-easter-coin:hover,
.bt-dash-easter-coin:focus-visible{
  opacity:1;
}

.bt-dash-easter-coin:hover img,
.bt-dash-easter-coin:focus-visible img,
.bt-dash-easter-coin[data-bd-clicks="1"] img,
.bt-dash-easter-coin[data-bd-clicks="2"] img{
  transform:rotateY(180deg) scale(1.08);
}

.bt-dash-vault-popup{
  position:absolute;
  right:16px;
  top:72px;
  z-index:4;
  width:min(270px, calc(100vw - 42px));
  border:1px solid rgba(244,201,93,.44);
  border-radius:14px;
  padding:12px 14px;
  background:rgba(9,11,15,.95);
  color:#fff;
  box-shadow:0 18px 38px rgba(0,0,0,.24);
  opacity:0;
  pointer-events:none;
  transform:translateY(-8px);
  transition:opacity .18s ease, transform .18s ease;
}

.bt-dash-vault-popup.is-visible{
  opacity:1;
  transform:translateY(0);
}

.bt-dash-vault-popup strong,
.bt-dash-vault-popup span{
  display:block;
}

.bt-dash-vault-popup strong{
  color:#f4c95d;
  font-size:13px;
  letter-spacing:.08em;
}

.bt-dash-vault-popup span{
  margin-top:5px;
  color:rgba(255,255,255,.78);
  font-size:13px;
}

.bt-hero-snapshot{
  position:relative;
  width:min(100%, 430px);
  padding:28px;
  color:#111;
  background:rgba(255,255,255,.9);
  border:1px solid rgba(0,0,0,.07);
  border-radius:28px;
  box-shadow:0 14px 36px rgba(0,0,0,.09);
  backdrop-filter:blur(10px);
}

.bt-hero-snapshot__value{
  margin-top:6px;
  font-size:44px;
  line-height:.95;
  font-weight:950;
  letter-spacing:-.06em;
}

.bt-hero-snapshot__divider{
  height:1px;
  margin:24px 0;
  background:linear-gradient(90deg, rgba(0,0,0,.1), rgba(0,0,0,.02));
}

.bt-hero-snapshot__row{
  display:flex;
  align-items:center;
  gap:14px;
}

.bt-hero-snapshot__row img{
  width:64px;
  height:64px;
  object-fit:cover;
  border-radius:18px;
  background:#fff;
  border:1px solid #e5e7eb;
}

.bt-hero-snapshot__row strong{
  display:block;
  font-size:20px;
  line-height:1.15;
  font-weight:950;
  letter-spacing:-.04em;
}

.bt-hero-snapshot__row span{
  display:block;
  margin-top:5px;
  color:#6b7280;
  font-size:15px;
}

.bt-hero-snapshot__progress{
  margin-top:24px;
  padding:18px;
  background:#f7f7f7;
  border:1px solid #ededed;
  border-radius:20px;
}

.bt-hero-snapshot__progress .bt-card-row{
  font-size:17px;
}

.bt-hero-snapshot__metals{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:10px;
  margin-top:16px;
}

.bt-hero-snapshot__metals span{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  min-width:0;
  padding:12px 14px;
  color:#6b7280;
  background:#fff;
  border:1px solid #ededed;
  border-radius:16px;
  font-size:14px;
}

.bt-hero-snapshot__metals strong{
  color:#111;
  font-weight:950;
}

@media (min-width:980px){
  .bt-home-hero{
    grid-template-columns:minmax(0, .98fr) minmax(360px, .72fr) !important;
    align-items:center;
    gap:48px !important;
    padding:76px 64px !important;
  }

  .bt-home-hero h1{
    max-width:10.8ch !important;
  }
}

@media (max-width:720px){
  .bt-home-hero{
    background:
      linear-gradient(180deg, rgba(247,247,247,.96) 0%, rgba(247,247,247,.9) 46%, rgba(247,247,247,.68) 100%),
      url('/images/home/hero-vault-stack.webp') center top / cover no-repeat,
      #f5f5f5 !important;
  }

  .bt-home-hero__actions{
    gap:12px !important;
  }

  .bt-home-hero__actions .btn,
  .bt-home-primary,
  .bt-home-secondary,
  a.bt-home-primary,
  a.bt-home-secondary{
    width:100%;
    min-height:54px !important;
    padding:15px 24px !important;
    font-size:16px !important;
  }

  .bt-home-hero__visual{
    min-height:auto !important;
    margin-top:18px;
  }

  .bt-dash-easter-coin{
    right:14px;
    top:14px;
    width:42px;
  }

  .bt-dash-vault-popup{
    right:10px;
    top:62px;
  }

  .bt-hero-snapshot{
    width:100%;
    padding:22px;
    border-radius:24px;
  }

  .bt-hero-snapshot__value{
    font-size:38px;
  }

  .bt-hero-snapshot__metals{
    grid-template-columns:1fr;
  }
}

/* =====================================================
   BT SECTION POLISH PASS
   Hero button SVG icons + premium feature cards.
===================================================== */
.bt-home-hero{
  background:
    linear-gradient(90deg, rgba(247,247,247,.78) 0%, rgba(247,247,247,.58) 44%, rgba(247,247,247,.18) 100%),
    url('/images/home/hero-vault-stack.webp') right center / cover no-repeat,
    #f5f5f5 !important;
}

.bt-home-hero__actions .btn{
  gap:12px;
  padding-inline:26px;
}

.bt-btn-icon,
.bt-feature-svg{
  display:inline-grid;
  place-items:center;
  flex:0 0 auto;
}

.bt-btn-icon svg,
.bt-feature-svg svg{
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.bt-home-primary .bt-btn-icon svg,
.bt-home-secondary .bt-btn-icon svg{
  width:23px;
  height:23px;
}

.bt-stack-preview{
  margin-inline:-18px;
  padding:34px 18px 38px;
  border-radius:28px;
  background:linear-gradient(180deg, #fbfbfb 0%, #f6f6f6 100%);
}

.bt-stack-preview .bt-section-head{
  align-items:end;
}

.bt-stack-preview .bt-section-head p{
  max-width:520px;
  color:#5f6775;
}

.bt-feature-grid{
  gap:16px;
}

.bt-feature-card{
  position:relative;
  padding:24px 22px;
  background:#fff !important;
  border:1px solid rgba(0,0,0,.055) !important;
  box-shadow:
    0 1px 2px rgba(0,0,0,.025),
    0 12px 32px rgba(0,0,0,.045) !important;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.bt-feature-card:hover{
  transform:translateY(-4px);
  border-color:rgba(0,0,0,.08) !important;
  box-shadow:
    0 6px 18px rgba(0,0,0,.045),
    0 18px 44px rgba(0,0,0,.07) !important;
}

.bt-feature-icon{
  width:54px;
  height:54px;
  margin-bottom:18px;
  color:#fff;
  background:#111;
  border-radius:17px;
  box-shadow:0 10px 24px rgba(0,0,0,.12);
}

.bt-feature-icon .bt-feature-svg svg{
  width:24px;
  height:24px;
}

.bt-feature-card:nth-child(1) .bt-feature-icon{ color:#dbeafe; }
.bt-feature-card:nth-child(2) .bt-feature-icon{ color:#f5c451; }
.bt-feature-card:nth-child(3) .bt-feature-icon{ color:#f5c451; }
.bt-feature-card:nth-child(4) .bt-feature-icon{ color:#86efac; }

.bt-feature-card h3{
  font-size:20px;
  letter-spacing:-.035em;
}

.bt-feature-card p{
  font-size:15px;
  color:#5f6775;
}

@media (min-width:900px){
  .bt-stack-preview{
    margin-inline:-8px;
    padding:42px 8px 44px;
  }
}

@media (max-width:720px){
  .bt-home-hero{
    background:
      linear-gradient(180deg, rgba(247,247,247,.86) 0%, rgba(247,247,247,.68) 45%, rgba(247,247,247,.38) 100%),
      url('/images/home/hero-vault-stack.webp') center top / cover no-repeat,
      #f5f5f5 !important;
  }

  .bt-home-hero__actions .btn{
    justify-content:center;
  }

  .bt-stack-preview{
    margin-inline:0;
    padding:28px 0 32px;
    background:transparent;
  }
}


/* =====================================================
   BT PATCH: feature section cleanup + stable hero icons
===================================================== */
.bt-home-hero__actions .bt-btn-icon{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:24px !important;
  height:24px !important;
  min-width:24px !important;
  color:currentColor !important;
  opacity:1 !important;
  visibility:visible !important;
}

.bt-home-hero__actions .bt-btn-icon svg{
  display:block !important;
  width:22px !important;
  height:22px !important;
  opacity:1 !important;
  visibility:visible !important;
  stroke:currentColor !important;
}

.bt-stack-preview{
  margin-inline:0 !important;
  padding:46px 0 42px !important;
  border-radius:0 !important;
  background:transparent !important;
}

.bt-stack-preview .bt-section-head{
  margin-bottom:22px;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.bt-feature-card{
  display:block;
  color:inherit !important;
  text-decoration:none !important;
}

.bt-feature-card:focus-visible{
  outline:3px solid rgba(17,17,17,.22);
  outline-offset:4px;
}

.bt-feature-card:hover h3{
  text-decoration:none;
}

@media (max-width:720px){
  .bt-stack-preview{
    padding:34px 0 32px !important;
  }
}

/* =====================================================
   BT FINAL CTA FINISH - stable inline SVG icons + bigger CTA buttons
   Appended to override older homepage button rules.
===================================================== */
.bt-stable-icon{
  display:inline-block !important;
  width:18px !important;
  height:18px !important;
  min-width:18px !important;
  flex:0 0 18px !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:2.25 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
  opacity:1 !important;
  visibility:visible !important;
  position:relative !important;
  z-index:5 !important;
  pointer-events:none !important;
}

.bt-home-hero__actions .bt-hero-btn,
.bt-final-cta-actions .bt-final-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
  white-space:nowrap !important;
}

.bt-home-hero__actions .bt-hero-btn > span,
.bt-final-cta-actions .bt-final-btn > span{
  display:inline-block !important;
  position:relative !important;
  z-index:6 !important;
}

.bt-home-hero__actions .bt-hero-btn::before,
.bt-home-hero__actions .bt-hero-btn::after,
.bt-final-cta-actions .bt-final-btn::before,
.bt-final-cta-actions .bt-final-btn::after{
  content:none !important;
  display:none !important;
}

/* Ready to build your vault - force final layout and hero-style buttons */
.bt-home-final-cta{
  display:grid !important;
  grid-template-columns:minmax(0, 1.05fr) minmax(390px, .95fr) !important;
  align-items:center !important;
  gap:38px !important;
  padding:62px 46px !important;
  border-radius:28px !important;
  background:
    linear-gradient(90deg, rgba(0,0,0,.92) 0%, rgba(0,0,0,.72) 46%, rgba(0,0,0,.50) 100%),
    url('/images/home/cta-bullion-vault.webp') center center / cover no-repeat !important;
}

.bt-final-cta-actions{
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  gap:18px !important;
  flex-wrap:wrap !important;
  min-width:0 !important;
  width:100% !important;
}

.bt-final-cta-actions .bt-final-btn{
  min-height:60px !important;
  padding:0 30px !important;
  border-radius:20px !important;
  font-size:16px !important;
  font-weight:900 !important;
  line-height:1 !important;
  text-decoration:none !important;
  box-shadow:0 16px 34px rgba(0,0,0,.22) !important;
  transition:transform .22s ease, box-shadow .22s ease, background .22s ease, border-color .22s ease !important;
}

.bt-final-cta-actions .bt-final-btn:hover{
  transform:translateY(-3px) !important;
  box-shadow:0 22px 44px rgba(0,0,0,.26) !important;
}

.bt-final-cta-actions .bt-final-btn--primary{
  color:#fff !important;
  background:#0b0b0b !important;
  border-color:#0b0b0b !important;
}

.bt-final-cta-actions .bt-final-btn--secondary{
  color:#111 !important;
  background:#fff !important;
  border-color:rgba(255,255,255,.82) !important;
}

.bt-final-cta-actions .bt-stable-icon{
  width:20px !important;
  height:20px !important;
  min-width:20px !important;
  flex-basis:20px !important;
}

@media (max-width:900px){
  .bt-home-final-cta{
    grid-template-columns:1fr !important;
    padding:46px 28px !important;
  }
  .bt-final-cta-actions{
    justify-content:flex-start !important;
  }
}

@media (max-width:640px){
  .bt-home-final-cta{
    padding:38px 22px !important;
    border-radius:24px !important;
  }
  .bt-final-cta-actions{
    flex-direction:column !important;
    align-items:stretch !important;
  }
  .bt-final-cta-actions .bt-final-btn{
    width:100% !important;
  }
}

/* =====================================================
   BT FINAL REVIEW CLEANUP
   Fixes from live-file review:
   - keeps hero SVG icons stable after home.js loads
   - restores proper live market snapshot layout
   - restores Research Hub heading/text spacing
   - makes Ready to Build Your Vault CTA buttons large with icons
===================================================== */

/* Stable inline icons */
.bt-stable-icon{
  display:inline-block !important;
  width:20px !important;
  height:20px !important;
  min-width:20px !important;
  flex:0 0 20px !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:2.25 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
  opacity:1 !important;
  visibility:visible !important;
  position:relative !important;
  z-index:3 !important;
  pointer-events:none !important;
}

.bt-hero-btn,
.bt-final-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:12px !important;
  white-space:nowrap !important;
}

.bt-hero-btn > span,
.bt-final-btn > span{
  display:inline-block !important;
  position:relative !important;
  z-index:4 !important;
}

.bt-hero-btn::before,
.bt-hero-btn::after,
.bt-final-btn::before,
.bt-final-btn::after{
  content:none !important;
  display:none !important;
}

/* Live market snapshot - proper 3-row structure */
.bt-market-strip{
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  gap:18px !important;
  margin-top:16px !important;
  padding:22px 24px !important;
  color:#111 !important;
  background:#fff !important;
  border:1px solid #e6e6e6 !important;
  border-radius:22px !important;
  box-shadow:0 10px 28px rgba(0,0,0,.05) !important;
}

.bt-market-strip__top{
  display:flex !important;
  flex-direction:column !important;
  gap:16px !important;
  width:100% !important;
}

.bt-market-title-row{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  flex-wrap:wrap !important;
}

.bt-market-title-row strong{
  font-size:20px !important;
  font-weight:950 !important;
  letter-spacing:-.035em !important;
}

.bt-market-title-row span{
  color:#6b7280 !important;
  font-size:14px !important;
}

.bt-market-strip__controls{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  flex-wrap:wrap !important;
  width:100% !important;
}

.bt-market-switch-label{
  color:#667085 !important;
  font-size:14px !important;
  margin-right:2px !important;
}

.bt-market-currency{
  display:inline-flex !important;
  width:auto !important;
  grid-template-columns:none !important;
  gap:0 !important;
  border:1px solid #d9d9d9 !important;
  border-radius:16px !important;
  overflow:hidden !important;
  background:#f8f8f8 !important;
}

.bt-market-currency .btn{
  min-width:96px !important;
  min-height:46px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#111 !important;
  font-weight:850 !important;
}

.bt-market-currency .btn.active{
  background:#111 !important;
  color:#fff !important;
}

.bt-market-pill{
  min-height:46px !important;
  min-width:150px !important;
  padding:0 24px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#111 !important;
  background:#f8f8f8 !important;
  border:1px solid #dcdcdc !important;
  border-radius:999px !important;
  font-size:14px !important;
  font-weight:900 !important;
  text-decoration:none !important;
}

.bt-market-prices{
  display:flex !important;
  align-items:center !important;
  gap:28px !important;
  flex-wrap:wrap !important;
  width:100% !important;
  padding-top:2px !important;
  color:#475467 !important;
  font-size:15px !important;
  line-height:1.4 !important;
}

.bt-market-prices span{
  display:inline-flex !important;
  align-items:baseline !important;
  gap:5px !important;
  white-space:nowrap !important;
}

.bt-market-prices strong{
  color:#111 !important;
  font-weight:950 !important;
}

.bt-market-prices em{
  color:#6b7280 !important;
  font-style:normal !important;
  font-weight:800 !important;
}

.bt-market-prices small{
  color:#667085 !important;
  font-size:14px !important;
}

/* Research Hub spacing */
.bt-research-strip > div:first-child{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
}

.bt-research-strip h2{
  margin:0 0 24px !important;
}

.bt-research-strip p{
  margin:0 !important;
  max-width:640px !important;
  line-height:1.7 !important;
}

/* Ready to build your vault - force actual section and injected JS buttons */
.bt-home-final-cta{
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) minmax(420px, .9fr) !important;
  align-items:center !important;
  gap:38px !important;
  margin-top:38px !important;
  padding:64px 46px !important;
  border-radius:30px !important;
  color:#fff !important;
  background:
    linear-gradient(90deg, rgba(0,0,0,.92) 0%, rgba(0,0,0,.76) 50%, rgba(0,0,0,.52) 100%),
    url('/images/home/cta-bullion-vault.webp') center center / cover no-repeat,
    #111 !important;
  overflow:hidden !important;
}

.bt-home-final-cta h2{
  color:#fff !important;
}

.bt-home-final-cta p{
  color:rgba(255,255,255,.78) !important;
  max-width:620px !important;
}

.bt-final-cta-actions,
#nextActions{
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  gap:18px !important;
  flex-wrap:wrap !important;
  width:100% !important;
  min-width:0 !important;
}

.bt-final-cta-actions .bt-final-btn,
#nextActions .bt-final-btn{
  min-height:60px !important;
  padding:0 30px !important;
  border-radius:999px !important;
  font-size:16px !important;
  font-weight:950 !important;
  line-height:1 !important;
  text-decoration:none !important;
  border:1px solid rgba(255,255,255,.78) !important;
  box-shadow:0 16px 34px rgba(0,0,0,.22) !important;
  transition:transform .22s ease, box-shadow .22s ease, background .22s ease, border-color .22s ease !important;
}

.bt-final-cta-actions .bt-final-btn:hover,
#nextActions .bt-final-btn:hover{
  transform:translateY(-3px) !important;
  box-shadow:0 22px 44px rgba(0,0,0,.28) !important;
}

.bt-final-cta-actions .bt-final-btn--primary,
#nextActions .bt-final-btn--primary{
  color:#111 !important;
  background:#fff !important;
  border-color:#fff !important;
}

.bt-final-cta-actions .bt-final-btn--secondary,
#nextActions .bt-final-btn--secondary{
  color:#fff !important;
  background:rgba(255,255,255,.10) !important;
  border-color:rgba(255,255,255,.22) !important;
  backdrop-filter:blur(8px) !important;
}

.bt-final-cta-actions .bt-stable-icon,
#nextActions .bt-stable-icon{
  width:21px !important;
  height:21px !important;
  min-width:21px !important;
  flex-basis:21px !important;
}

@media (min-width:900px){
  .bt-market-strip__controls{
    justify-content:flex-start !important;
  }
}

@media (max-width:900px){
  .bt-home-final-cta{
    grid-template-columns:1fr !important;
    padding:46px 28px !important;
  }

  .bt-final-cta-actions,
  #nextActions{
    justify-content:flex-start !important;
  }
}

@media (max-width:640px){
  .bt-market-strip{
    padding:18px !important;
    border-radius:20px !important;
  }

  .bt-market-strip__controls{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  .bt-market-currency,
  .bt-market-pill{
    width:100% !important;
  }

  .bt-market-currency .btn{
    flex:1 1 50% !important;
  }

  .bt-market-prices{
    gap:10px !important;
  }

  .bt-market-prices span{
    width:100% !important;
  }

  .bt-home-final-cta{
    padding:38px 22px !important;
    border-radius:24px !important;
  }

  .bt-final-cta-actions,
  #nextActions{
    flex-direction:column !important;
    align-items:stretch !important;
  }

  .bt-final-cta-actions .bt-final-btn,
  #nextActions .bt-final-btn{
    width:100% !important;
  }
}