:root{
  --ink:#1b1d1f; --muted:#6b7280; --card:#fff; --line:#e5e7eb; --radius:16px;
}

#bs-shipping{
  max-width:1440px;
  margin:0 auto;
  padding:1rem;
  color:var(--ink);
}
.bs-wrap{ display:grid; gap:1rem; }
@media (min-width: 992px){ .bs-wrap{ grid-template-columns: 1fr 2fr; gap:1.25rem; } }

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

/* Országlista */
.bs-country-title{ font-size: 0.7rem; font-weight:600; margin:0 0 .5rem; }
.bs-country-list{ display:flex; flex-direction:column; gap:.5rem; margin:0; padding:0; list-style:none; }
.bs-country-btn{
  display:flex; justify-content:space-between; align-items:center;
  width:100%; padding:.75rem .9rem; border:1px solid var(--line); border-radius:12px;
  background:#fff; cursor:pointer; transition:background .15s, border-color .15s;
}
.bs-country-btn:hover{ background:#f8fafc; }
.bs-country-btn.active{ background:#0f172a; color:#fff; border-color:#0f172a; }
.bs-country-code{ font-size:.75rem; padding:.2rem .45rem; border-radius:999px; background:#f1f5f9; }
.bs-country-btn.active .bs-country-code{ background:rgba(255,255,255,.2); }

/* Táblázat */
.bs-head{ display:flex; justify-content:space-between; align-items:flex-end; gap:.75rem; }
.bs-sub{ color:var(--muted); font-size:.9rem; margin:0; }
.bs-title{ font-weight:800; font-size:1.4rem; margin:.2rem 0 0; }
.bs-table{ width:100%; border-collapse:collapse; margin-top:.75rem; font-size:.95rem; }
.bs-table th, .bs-table td{ padding:.65rem .75rem; border-bottom:1px solid var(--line); text-align:left; }
.bs-table thead th{ background:#f8fafc; font-weight:600; }
.bs-note{ margin-top:.6rem; color:var(--muted); font-size:.8rem; }

.bs-netto{
  font-size: .8rem;
  color: var(--muted);
  font-weight: 400;
  margin-left: .25rem;
}

/* Bal oldali országlista – fekete cím + fekete pecsét */
.bs-country-list .bs-country-btn{
  background:#fff;
  color:#111;
}

.bs-country-list .bs-country-btn span:first-child{
  color:#111;
  font-weight:600;
}

/* pecsét (ország rövid kód) – fekete háttér, világos betű */
.bs-country-list .bs-country-code{
  background:#111;
  color:#fff;
}

/* hover: enyhe háttér */
.bs-country-list .bs-country-btn:hover{
  background:#f8fafc;
}

/* aktív állapot: fehér háttér, fekete keret, pecsét marad fekete */
.bs-country-list .bs-country-btn.active{
  background:#fff;
  border-color:#111;
  box-shadow: 0 0 0 2px rgba(17,17,17,.06) inset;
  color:#111;
}
.bs-country-list .bs-country-btn.active .bs-country-code{
  background:#111;
  color:#fff;
}

/* Szállítási díj iránt érdeklődjön szöveg */
.bs-inquire{
  font-size:.95rem;
  color:var(--muted);
}