/* Schválené úpravy domovské stránky, září 2026. */
.topline-inner { justify-content:flex-end; gap:24px; }
.topline-contact { display:inline-flex; align-items:center; gap:8px; color:#c5dce9; }
.topline-contact svg { width:14px; height:14px; stroke:var(--cyan); stroke-width:2; fill:none; }
.topline-hours { color:#c5dce9; }

.service-card { display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-end; isolation:isolate; min-height:270px; padding:28px; overflow:hidden; background-color:#0b2339; background-repeat:no-repeat; transition:transform .3s,border-color .3s; }
.service-card::after { display:none; }
.service-card h3, .service-card p, .service-card .card-more { position:relative; z-index:1; }
.service-card h3 { margin:0 0 8px; }
.service-card p { color:#d1e1eb; }
.service-card .card-more { position:relative; bottom:auto; left:auto; margin-top:21px; }
.service-card-pc { background-image:linear-gradient(0deg,rgba(3,13,24,.95),rgba(4,17,30,.12) 100%),url('../images/simago-service-scenes-preview.png'); background-size:cover,200% 200%; background-position:center,left top; }
.service-card-camera { background-image:linear-gradient(0deg,rgba(3,13,24,.95),rgba(4,17,30,.12) 100%),url('../images/simago-service-scenes-preview.png'); background-size:cover,200% 200%; background-position:center,right top; }
.service-card-brand { background-image:linear-gradient(0deg,rgba(3,13,24,.95),rgba(4,17,30,.12) 100%),url('../images/simago-service-scenes-preview.png'); background-size:cover,200% 200%; background-position:center,left bottom; }
.service-card-rfid { background-image:linear-gradient(0deg,rgba(3,13,24,.95),rgba(4,17,30,.12) 100%),url('../images/simago-service-scenes-preview.png'); background-size:cover,200% 200%; background-position:center,right bottom; }
.service-card-shop { background-image:linear-gradient(0deg,rgba(3,13,24,.95),rgba(4,17,30,.08) 76%),url('../images/simago-shop-background-preview.png'); background-size:cover; background-position:center; }
.service-card-shop .shop-logo { position:absolute; z-index:2; top:13px; left:16px; width:calc(100% - 32px); height:110px; object-fit:contain; object-position:center top; }

.contact-list { display:flex; flex-wrap:wrap; gap:12px 24px; margin-top:29px; }
.contact-list a, .contact-list > span { display:inline-flex; align-items:center; gap:8px; color:var(--cyan); font:700 14px/1.4 Inter,Arial,sans-serif; }
.contact-list svg { width:17px; height:17px; stroke:var(--cyan); stroke-width:2; fill:none; }
.contact-inner a:not(.contact-list a) { display:none; }
.footer-inner { justify-content:center; text-align:center; }

@media (max-width:650px) {
  .topline-inner { gap:9px 14px; flex-wrap:wrap; padding:8px 0; }
  .topline-inner span:first-of-type, .topline-hours { display:inline !important; }
  .service-card { min-height:240px; }
  .contact-list { display:grid; gap:12px; }
}

@media (max-width:390px) {
  .topline-inner span:last-child { display:inline !important; }
}