/* SERVICES */
.services{
padding:70px 40px;
text-align:center;
}

.services h2{
color:var(--bosch-blue);
margin-bottom:40px;
}

.services-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
gap:25px;
max-width:1100px;
margin:auto;
}

.service-box{
background:white;
padding:30px 20px;
border:1px solid #e5e5e5;
border-radius:4px;
transition:0.2s;
}

.service-box:hover{
border-color:var(--bosch-blue);
}

.service-box h3{
color:var(--bosch-blue);
margin-bottom:10px;
font-size:18px;
}

/* COUNTER */
.counter{
background:var(--bosch-blue);
color:white;
padding:60px 20px;
text-align:center;
}

.counter-grid{
display:flex;
justify-content:center;
gap:60px;
flex-wrap:wrap;
}

.counter-grid div h3{
font-size:36px;
}

/* MODERN SERVICES */
.services{
padding:80px 40px;
background:#f7f9fc;
}

.services-wrapper{
max-width:1200px;
margin:auto;
}

.services h2{
font-size:34px;
margin-bottom:35px;
color:#0f3f8a;
}

.services h2.sub{
margin-top:70px;
}

.modern-services{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:18px 50px;
list-style:none;
padding:0;
margin:0;
}

.modern-services li{
position:relative;
padding:14px 18px 14px 22px;
background:white;
border-left:4px solid #0f3f8a;
font-size:15px;
transition:all 0.3s ease;
cursor:default;
}

.modern-services li::before{
content:"→";
position:absolute;
left:6px;
color:#0f3f8a;
font-weight:bold;
}

.modern-services li:hover{
transform:translateX(6px);
box-shadow:0 8px 18px rgba(0,0,0,0.08);
}

.services-cta{
margin-top:60px;
text-align:center;
}

@media(max-width:900px){
.modern-services{
grid-template-columns:1fr;
}
}
/* ===== Services: Simple Bosch-like cards ===== */
.services-simple{
  background:#f7f9fc;
  padding:80px 40px;
}

.services-simple .services-head p{
  max-width:720px;
  margin:10px auto 0 auto;
  opacity:0.75;
}

.svc-grid{
  margin-top:28px;
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:18px;
}

.svc-card{
  background:#fff;
  border:1px solid #e6e9ef;
  border-radius:14px;
  padding:18px;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.svc-card:hover{
  transform:translateY(-4px);
  box-shadow:0 14px 30px rgba(0,0,0,0.10);
  border-color:rgba(0,59,92,0.35);
}

.svc-top{
  display:grid;
  grid-template-columns:44px 1fr auto;
  gap:12px;
  align-items:center;
  margin-bottom:12px;
}

.svc-ico{
  width:44px;
  height:44px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:rgba(15,63,138,0.10);
  font-size:22px;
}

.svc-title h3{
  margin:0;
  font-size:16px;
  color:#0f3f8a;
  line-height:1.2;
}

.svc-title small{
  display:block;
  margin-top:4px;
  font-size:13px;
  opacity:0.75;
}

.svc-tag{
  background:rgba(15,63,138,0.10);
  color:#0f3f8a;
  padding:6px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}

.svc-points{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  gap:8px;
}

.svc-points li{
  position:relative;
  padding-left:18px;
  font-size:14px;
}

.svc-points li::before{
  content:"✓";
  position:absolute;
  left:0;
  top:0;
  color:#0f3f8a;
  font-weight:900;
}

/* Winter accent */
.svc-card.svc-winter .svc-ico{
  background:rgba(226,0,26,0.10);
}
.svc-card.svc-winter .svc-tag{
  background:rgba(226,0,26,0.10);
  color:#E2001A;
}
.svc-card.svc-winter .svc-points li::before{
  color:#E2001A;
}

/* Responsive */
@media (max-width: 1050px){
  .svc-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); }
}
@media (max-width: 720px){
  .services-simple{ padding:60px 20px; }
  .svc-grid{ grid-template-columns:1fr; }
}