/* Home services: light project showcase and a compact, interactive service index. */
.design-2026.page-home #uslugi { background:#f5f8fb!important; color:#102d46; padding-block:2.8rem; border:0; }
.design-2026.page-home #uslugi .svc-menu { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); gap:1.5rem 2rem; align-items:stretch; }
.design-2026.page-home #uslugi .svc-menu-intro { display:contents; }
.design-2026.page-home #uslugi .svc-menu-intro::before { display:none; }
.design-2026.page-home #uslugi .svc-menu-intro>div { grid-column:1/-1; display:grid; grid-template-columns:1.2fr 1fr; column-gap:4rem; align-items:start; padding-bottom:.5rem; }
.design-2026.page-home #uslugi .section-label { grid-column:1; margin-bottom:.6rem; color:#00678e!important; }
.design-2026.page-home #uslugi h2 { grid-column:1; grid-row:2/4; color:#082c4a; max-width:22ch; margin:0; font-size:clamp(2rem,3.1vw,2.8rem); }
.design-2026.page-home #uslugi .svc-menu-intro .section-lead { grid-column:2; grid-row:1/3; color:#405d73; font-size:.92rem; line-height:1.65; max-width:60ch; margin:0 0 .8rem; }
.design-2026.page-home #uslugi .svc-menu-intro .btn { grid-column:2; justify-self:start; background:transparent!important; color:#082c4a!important; border:0; border-bottom:1px solid #8ba4b8; border-radius:0!important; min-height:30px; padding:0 0 .4rem; }
.design-2026.page-home #uslugi .rd-service-preview { grid-column:1; grid-row:2; height:460px; padding:16px 16px 62px; margin:0; background:#dfe8ee; border:0; border-radius:8px; isolation:isolate; overflow:hidden; box-shadow:0 12px 28px #082c4a12; }
.design-2026.page-home #uslugi .rd-service-preview::before { content:""; position:absolute; z-index:-1; inset:-25px; background-image:linear-gradient(#082c4a25,#082c4a50),var(--preview-image,url('assets/work-wod-kan-2-full.webp')); background-size:cover; background-position:center; filter:blur(22px); }
.design-2026.page-home #uslugi .rd-service-preview::after { content:attr(data-preview-index) " / 06"; position:absolute; right:20px; top:20px; background:#082c4ad9; color:#fff; padding:.45rem .65rem; border-radius:4px; font-size:.72rem; }
.design-2026.page-home #uslugi .rd-service-preview>img { width:100%; height:100%; object-fit:contain; object-position:center; transform:none; filter:drop-shadow(0 8px 18px #001b3430); }
.design-2026.page-home #uslugi .rd-service-preview figcaption { padding:1rem 1.3rem; background:#082c4af2; font-size:1.05rem; font-weight:500; color:#fff; border-left:4px solid #ff9228; }
.design-2026.page-home #uslugi .rd-preview-label { top:20px; left:20px; }
.design-2026.page-home #uslugi .svc-menu-list { grid-column:2; grid-row:2; display:flex; flex-direction:column; gap:0; counter-reset:services; }
.design-2026.page-home #uslugi .svc-menu-item { flex:1; display:grid; grid-template-columns:26px minmax(0,1fr) 24px; gap:.8rem; align-items:center; padding:1rem; background:transparent!important; color:#102d46; border:0; border-bottom:1px solid #cedde8; border-radius:0; transform:none; transition:background .2s; }
.design-2026.page-home #uslugi .svc-menu-item::before { color:#526f84; font-size:.68rem; align-self:center; }
.design-2026.page-home #uslugi .svc-menu-item h3 { color:#102d46!important; font-size:1.08rem; margin:0; }
.design-2026.page-home #uslugi .svc-menu-item p { display:none; color:#dceafa!important; font-size:.8rem; line-height:1.5; margin:.4rem 0 0; }
.design-2026.page-home #uslugi .svc-menu-item>span { width:24px; border:0; color:#526f84!important; }
.design-2026.page-home #uslugi .svc-menu-item:is(:hover,:focus-visible,.is-previewed) { flex:1.5; background:#082c4a!important; border-color:#082c4a; border-radius:5px; box-shadow:inset 3px 0 #ff9228; }
.design-2026.page-home #uslugi .svc-menu-item:is(:hover,:focus-visible,.is-previewed) h3 { color:#fff!important; }
.design-2026.page-home #uslugi .svc-menu-item:is(:hover,:focus-visible,.is-previewed) p { display:block; }
.design-2026.page-home #uslugi .svc-menu-item:is(:hover,:focus-visible,.is-previewed)::before,.design-2026.page-home #uslugi .svc-menu-item:is(:hover,:focus-visible,.is-previewed)>span { color:#ffbe76!important; }
.design-2026.page-home #uslugi .svc-menu-aside { grid-column:1/-1; grid-row:3; display:flex; flex-wrap:wrap; align-items:center; gap:.6rem 1.5rem; padding:1rem 1.3rem; margin:0; border:0; border-radius:5px; background:#ff9228; color:#102d46; }
.design-2026.page-home #uslugi .svc-menu-aside>p { color:#102d46; font-size:.8rem; margin:0; max-width:45ch; }
.design-2026.page-home #uslugi .svc-menu-aside-label { font-size:.65rem!important; letter-spacing:.06em; }
.design-2026.page-home #uslugi .svc-menu-phone { color:#102d46!important; font-size:1.5rem; white-space:nowrap; }
.design-2026.page-home #uslugi .svc-menu-aside-link { color:#102d46!important; margin-left:auto; font-size:.72rem; border-bottom:1px solid #102d4650; padding-bottom:.2rem; }
/* Project photograph behind the accepted home opening composition. */
.design-2026.page-home .rd-home::after { content:""; position:absolute; z-index:-2; inset:-18px 32% -18px -18px; background:linear-gradient(90deg,#082c4ac9,#082c4a9c),url('assets/work-pompy-przemysl-full.webp') center/cover; filter:blur(7px); opacity:.65; pointer-events:none; }
.design-2026.page-home .rd-home-inner { position:relative; }
@media(max-width:900px) {
 .design-2026.page-home #uslugi .svc-menu { grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:1.2rem; }
 .design-2026.page-home #uslugi .svc-menu-intro>div { column-gap:2rem; }
 .design-2026.page-home #uslugi .svc-menu-item { gap:.5rem; padding:.85rem .7rem; }
 .design-2026.page-home #uslugi .svc-menu-aside>p:not(.svc-menu-aside-label) { display:none; }
}
@media(max-width:640px) {
 .design-2026.page-home #uslugi { padding-block:1.8rem; }
 .design-2026.page-home #uslugi .svc-menu { grid-template-columns:minmax(0,1fr); gap:1rem; }
 .design-2026.page-home #uslugi .svc-menu-intro>div { display:block; }
 .design-2026.page-home #uslugi h2 { margin-bottom:.8rem; }
 .design-2026.page-home #uslugi .rd-service-preview { grid-row:2; height:340px; padding:12px 12px 53px; }
 .design-2026.page-home #uslugi .svc-menu-list { grid-column:1; grid-row:3; }
 .design-2026.page-home #uslugi .svc-menu-item { min-height:56px; padding:.8rem; }
 .design-2026.page-home #uslugi .svc-menu-aside { grid-row:4; gap:.6rem 1rem; }
 .design-2026.page-home #uslugi .svc-menu-aside-link { margin-left:0; }
 .design-2026.page-home .rd-home::after { right:-18px; opacity:.4; }
}
@media(prefers-reduced-motion:reduce) { .design-2026.page-home #uslugi .svc-menu-item { transition:none; } }