.page-hero--sluzby .page-hero__bg{background-image:url(https://images.unsplash.com/photo-1503387762-592deb58ef4e?w=1920&q=80)}.service-detail__header{display:flex;gap:var(--space-2xl);align-items:flex-start}.service-detail__num{font-family:var(--font-display);font-size:clamp(var(--text-5xl),6vw,var(--text-hero));color:var(--color-accent);opacity:.3;line-height:.9;flex-shrink:0}.service-detail__header h2{margin-bottom:0}.service-detail__content{padding-left:calc(clamp(var(--text-5xl),6vw,var(--text-hero)) + var(--space-2xl))}.service-detail__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl)}.service-detail__benefits h3,.service-detail__benefits h4{font-family:var(--font-body);font-size:var(--text-base);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);margin-bottom:var(--space-lg)}.service-detail__benefits ul{list-style:none}.service-detail__benefits li{position:relative;padding-left:var(--space-xl);margin-bottom:var(--space-md);font-size:var(--text-base);line-height:1.6}.service-detail__benefits li:before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;border-radius:50%;background-color:var(--color-accent)}.service-detail__faq{margin-top:var(--space-2xl)}.service-detail__faq h3,.service-detail__faq h4{font-family:var(--font-body);font-size:var(--text-base);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);margin-bottom:var(--space-lg)}.faq-item{border-bottom:1px solid var(--color-border);padding:var(--space-lg) 0}.faq-item:first-of-type{border-top:1px solid var(--color-border)}.faq-item summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:600;font-size:var(--text-base);color:var(--color-primary);list-style:none;transition:color var(--duration-fast)}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-size:var(--text-xl);font-weight:300;color:var(--color-accent);transition:transform var(--duration-base) var(--ease-out)}.faq-item[open] summary:after{content:"−"}.faq-item summary:hover{color:var(--color-accent)}.faq-item p{margin-top:var(--space-md);font-size:var(--text-base);color:var(--color-body);line-height:1.8;max-width:700px}@media(max-width:768px){.service-detail__header{flex-direction:column;gap:var(--space-md)}.service-detail__num{font-size:var(--text-4xl)}.service-detail__content{padding-left:0}.service-detail__grid{grid-template-columns:1fr;gap:var(--space-xl)}}