/* Styly pro samostatné SEO podstránky jednotlivých služeb (service_page.html) */
.service-breadcrumb{display:flex;gap:8px;align-items:center;padding:18px clamp(24px,10vw,150px) 0;color:var(--soft);font-size:12px}
.service-breadcrumb a{color:var(--soft);text-decoration:none}
.service-breadcrumb a:hover{color:#fff}
.service-breadcrumb span:last-child{color:#fff}

.service-feature-list,.service-process,.service-related{padding:70px clamp(24px,10vw,150px);background:#020b14}
.service-process{background:#06111f;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.service-related{background:#020b14}

.service-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:36px}
.service-feature-grid article{padding:28px;background:#06111f;border:1px solid #17314a}
.service-feature-grid svg{width:26px;height:26px;color:var(--cyan);stroke-width:1.6}
.service-feature-grid h3{margin:18px 0 8px;font:600 19px/1.2 'Space Grotesk';letter-spacing:0}
.service-feature-grid p{margin:0;color:var(--soft);font-size:13px;line-height:1.6}

.service-process-list{display:grid;gap:14px;margin-top:36px}
.service-process-list article{display:grid;grid-template-columns:44px 1fr;gap:20px;padding:24px 28px;background:#020b14;border:1px solid #17314a}
.service-process-list span{color:var(--cyan);font:600 20px 'Space Grotesk'}
.service-process-list h3{margin:0 0 6px;font:600 17px/1.2 'Space Grotesk';letter-spacing:0}
.service-process-list p{margin:0;color:var(--soft);font-size:13px;line-height:1.6;max-width:640px}

.service-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:36px}
.service-related-grid a{display:flex;align-items:center;gap:14px;padding:22px 24px;background:#06111f;border:1px solid #17314a;color:#fff;text-decoration:none}
.service-related-grid a:hover{border-color:var(--blue)}
.service-related-grid svg{width:22px;height:22px;color:var(--cyan);flex-shrink:0}
.service-related-grid strong{flex:1;font:600 15px 'Space Grotesk';letter-spacing:0}
.service-related-grid span{color:var(--cyan)}

@media(max-width:1080px){
  .service-feature-grid,.service-related-grid{grid-template-columns:1fr}
  .service-process-list article{grid-template-columns:1fr}
}