/* ARGUS V81 — only the left informational part of the top bar */
.topline{
  background:
    radial-gradient(circle at 24% -90%, rgba(226,181,84,.16), transparent 38%),
    linear-gradient(180deg,#0c0d0f 0%,#08090b 100%) !important;
  border-bottom:1px solid rgba(218,173,78,.24) !important;
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.025) !important;
}
.topline .container{
  min-height:58px !important;
  padding-top:8px !important;
  padding-bottom:8px !important;
  gap:22px !important;
}
.topline-message{
  flex:1 1 auto;
  min-width:0;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  grid-template-areas:
    "badge promise"
    "badge values";
  align-items:center;
  column-gap:13px;
  row-gap:2px;
  text-align:left;
}
.topline-badge{
  grid-area:badge;
  display:inline-flex !important;
  align-items:center;
  gap:7px;
  width:max-content;
  min-height:32px;
  padding:7px 10px;
  border:1px solid rgba(225,181,84,.34);
  border-radius:999px;
  background:linear-gradient(180deg,rgba(244,216,149,.16),rgba(165,110,25,.10));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 8px 20px rgba(0,0,0,.18);
  color:#e8bf67 !important;
  font-family:var(--brand-font) !important;
  font-size:9.5px !important;
  font-weight:700 !important;
  line-height:1 !important;
  letter-spacing:.12em;
  text-transform:uppercase;
  white-space:nowrap;
}
.topline-badge::before{
  content:"";
  width:7px;
  height:7px;
  flex:0 0 7px;
  border-radius:50%;
  background:linear-gradient(135deg,#f7dea2,#b87920);
  box-shadow:0 0 0 3px rgba(226,181,84,.10),0 0 12px rgba(226,181,84,.35);
}
.topline-promise{
  grid-area:promise;
  color:#f3eadb !important;
  font-family:var(--body-font) !important;
  font-size:14px !important;
  font-weight:700 !important;
  line-height:1.15 !important;
  letter-spacing:.012em;
  white-space:nowrap;
}
.topline-values{
  grid-area:values;
  display:flex !important;
  align-items:center;
  gap:8px;
  color:#cfa956 !important;
  font-family:var(--body-font) !important;
  font-size:11.5px !important;
  font-weight:600 !important;
  line-height:1.15 !important;
  letter-spacing:.045em;
  text-transform:uppercase;
  white-space:nowrap;
}
.topline-values b{
  color:inherit;
  font:inherit;
}
.topline-values i{
  display:block;
  width:3px;
  height:3px;
  flex:0 0 3px;
  border-radius:50%;
  background:#dcb45f;
  box-shadow:0 0 8px rgba(220,180,95,.38);
}
@media (max-width:1380px){
  .topline .container{gap:14px !important;}
  .topline-message{column-gap:9px;}
  .topline-badge{padding:7px 8px;font-size:8.7px !important;letter-spacing:.09em;}
  .topline-promise{font-size:13px !important;}
  .topline-values{font-size:10.5px !important;gap:6px;letter-spacing:.025em;}
}
@media (max-width:1120px) and (min-width:761px){
  .topline .container{flex-wrap:wrap !important;}
  .topline-message{flex:1 1 420px;}
  .top-contact{flex:0 1 auto;}
}
/* Existing mobile behaviour remains unchanged: the original stylesheet hides the top bar below 760px. */
