/* ====== BOSCH60 stílusú fejléc ====== */
:root{
  --bcs-dark:#003B5C;
  --bcs-card:#4D93C6;        /* világoskék dobozok */
  --bcs-red:#E2001A;
  --bcs-navtext:#5b5b5b;
  --bcs-border:#e6e6e6;
}

.bcs-header{
  position:relative;
  background:#fff;
}

/* Bal logó blokk */
.bcs-logo{
  position:absolute;
  left:0;
  top:0;
  width:120px;
  height:110px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  z-index:10;
  border-right:1px solid rgba(0,0,0,0.06);
}
.bcs-logo img{
  max-width:100px;
  height:auto;
  display:block;
}

/* Felső sáv */
.bcs-topbar{
  background:var(--bcs-dark);
  height:64px;
}
.bcs-topbar-inner{
  height:64px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding-left:140px; /* hely a logónak */
  padding-right:28px;
}

/* 3 kártya középen */
.bcs-topcards{
  display:flex;
  align-items:center;
  gap:10px;
  flex:1;
  justify-content:center;
}
.bcs-card{
  background:var(--bcs-card);
  color:#fff;
  font-weight:600;
  font-size:13px;
  padding:10px 16px;
  border-radius:2px;
  min-width:240px;
  text-align:center;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,0.15);
}
.bcs-card-link{
  text-decoration:none;
}
.bcs-card-link:hover{
  filter:brightness(1.05);
}

/* Jobb oldali CTA + ikonok */
.bcs-actions{
  display:flex;
  align-items:center;
  gap:12px;
}
.bcs-cta{
  background:var(--bcs-red);
  color:#fff;
  text-decoration:none;
  font-weight:700;
  font-size:13px;
  padding:10px 16px;
  border-radius:2px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:150px;
}
.bcs-cta:hover{ filter:brightness(0.95); }

.bcs-iconbtn{
  width:34px;
  height:34px;
  border:0;
  background:transparent;
  display:grid;
  place-items:center;
  cursor:pointer;
  opacity:0.95;
}
.bcs-iconbtn svg{
  width:18px;
  height:18px;
  fill:#b9d7ee;
}
.bcs-iconbtn:hover svg{ fill:#ffffff; }

/* Alsó nav sor */
.bcs-nav{
  height:56px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:34px;
  border-bottom:1px solid var(--bcs-border);
  padding-left:140px; /* a logó miatt optikailag */
  padding-right:28px;
  background:#fff;
}
.bcs-navlink{
  color:var(--bcs-navtext);
  text-decoration:none;
  font-weight:600;
  font-size:14px;
  position:relative;
  padding:6px 0;
  white-space:nowrap;
}
.bcs-navlink:hover{ color:#1a1a1a; }

.bcs-navlink.is-active{
  color:#1a1a1a;
}

.bcs-navlink .caret{
  font-size:12px;
  opacity:0.7;
  margin-left:6px;
}

/* Reszponzív */
@media (max-width: 1100px){
  .bcs-card{ min-width:200px; }
}
@media (max-width: 920px){
  .bcs-topcards{ display:none; } /* mobilon egyszerűbb */
  .bcs-topbar-inner{ justify-content:flex-end; }
  .bcs-nav{
    justify-content:flex-start;
    overflow:auto;
    gap:22px;
    padding-left:140px;
    -webkit-overflow-scrolling:touch;
  }
}