/* Podstrony usług: pasek realizacji + CTA (inc/service-cta.php) */
.mooi-service-gallery{margin:clamp(40px,5vw,64px) 0;padding-top:clamp(28px,3vw,40px);border-top:1px solid #c1c7b4}
.mooi-service-gallery-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 32px;margin-bottom:clamp(20px,2.5vw,32px)}
.mooi-service-gallery-head h2{margin:6px 0 10px;font-size:clamp(28px,3vw,42px);line-height:1.1;letter-spacing:-.03em}
.mooi-service-gallery-head p:not(.mooi-kicker){margin:0;max-width:34em;font-size:15px;line-height:1.7;color:var(--mooi-muted,#505b47)}
.mooi-service-gallery-grid{list-style:none;margin:0!important;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.5vw,22px)}
.mooi-service-gallery-grid li{margin:0!important;padding:0;min-width:0}
.mooi-service-gallery-grid a{display:block;overflow:hidden;background:#e4e0d6}
.mooi-service-gallery-grid img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;transition:transform .5s ease}
@media(hover:hover){.mooi-service-gallery-grid a:hover img{transform:scale(1.025)}}
.mooi-service-cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:clamp(20px,2.5vw,30px)}
.mooi-service-cta-row .wp-block-button__link{display:inline-flex;align-items:center;text-decoration:none}
.mooi-service-cta-row .is-style-outline{background:transparent;color:inherit;border:1px solid currentColor}
.mooi-service-cta{display:grid;grid-template-columns:1.2fr 1fr;gap:24px 40px;align-items:center;margin:clamp(40px,5vw,64px) 0;padding:clamp(24px,3.5vw,44px);background:#151412;color:#fbfaf7}
.mooi-service-cta .mooi-kicker{color:#d9cfb8}
.mooi-service-cta-text{margin:8px 0 0;font-size:15px;line-height:1.75;color:rgba(251,250,247,.8)}
.mooi-service-cta .mooi-service-cta-row{margin-top:0;justify-content:flex-end}
.mooi-service-cta .wp-block-button__link{background:#fbfaf7;color:#151412;border-color:#fbfaf7}
.mooi-service-cta .is-style-outline{background:transparent;color:#fbfaf7;border:1px solid #fbfaf7}
.mooi-service-cta .mooi-text-link{color:#fbfaf7;flex-basis:100%;justify-content:flex-end}
@media(max-width:900px){.mooi-service-cta{grid-template-columns:1fr}.mooi-service-cta .mooi-service-cta-row{justify-content:flex-start}.mooi-service-cta .mooi-text-link{justify-content:flex-start}}
@media(max-width:650px){.mooi-service-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mooi-service-gallery-head h2{font-size:30px}}
/* rc15: zaufanie w nagłówku podstrony usługi (inc/service-cta.php) */
.mooi-trust-strip{list-style:none;margin:26px 0 0!important;padding:18px 0 0;display:flex;flex-wrap:wrap;gap:12px 28px;border-top:1px solid #c1c7b4}
.mooi-trust-strip li{margin:0!important;display:grid;gap:2px;min-width:0}
.mooi-trust-strip strong{font-size:19px;font-weight:500;letter-spacing:-.01em;color:#151412}
.mooi-trust-strip span{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--offer-muted,#505b47)}
.mooi-hero-phone{margin:16px 0 0;font-size:15px;line-height:1.6;color:var(--offer-muted,#505b47)}
.mooi-hero-phone a{color:#151412;font-weight:500;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.mooi-hero-phone small{display:block;font-size:12px}
@media(max-width:650px){.mooi-trust-strip{gap:10px 18px;margin-top:20px!important}.mooi-trust-strip strong{font-size:16px}.mooi-hero-phone a{display:inline-block;padding:6px 0;font-size:17px}}
/* 02.10.2026: landing — kontakt zamiast kalkulatora, sekcje Dlaczego MOOI / Zakres / 4 kroki */
.mooi-hero-call{display:inline-flex;align-items:center;min-height:48px;margin:12px 0 0 12px;padding:12px 20px;border:1px solid #151412;color:#151412;text-decoration:none;font-weight:500;white-space:nowrap}
.mooi-hero-call:hover{background:#151412;color:#fbfaf7}
.mooi-service-why,.mooi-service-scope,.mooi-service-steps{margin:clamp(48px,6vw,88px) 0;padding-top:clamp(28px,3vw,40px);border-top:1px solid #c1c7b4}
.mooi-service-why h2,.mooi-service-scope h2,.mooi-service-steps h2{margin:6px 0 14px;font-size:clamp(28px,3.2vw,44px);line-height:1.1;letter-spacing:-.03em}
.mooi-service-lead{max-width:40em;margin:0 0 24px;font-size:16px;line-height:1.7;color:var(--mooi-muted,#505b47)}
.mooi-service-facts{list-style:none;margin:24px 0 0!important;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.5vw,20px)}
.mooi-service-facts li{margin:0!important;padding:22px;background:#f4efe8;display:grid;gap:8px;align-content:start}
.mooi-service-facts strong{font-size:clamp(28px,3vw,40px);font-weight:400;letter-spacing:-.03em;color:#151412}
.mooi-service-facts span{font-size:14px;line-height:1.55;color:var(--mooi-muted,#505b47)}
.mooi-service-scope-grid{list-style:none;margin:0!important;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.5vw,20px)}
.mooi-service-scope-grid li{margin:0!important;padding:22px;border:1px solid #d9cfc3}
.mooi-service-scope-grid h3{margin:0 0 8px;font-size:18px;font-weight:500}
.mooi-service-scope-grid h3 a{color:inherit;text-underline-offset:4px}
.mooi-service-scope-grid p{margin:0;font-size:14px;line-height:1.6;color:var(--mooi-muted,#505b47)}
.mooi-service-steps-list{list-style:none;margin:24px 0 0!important;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.5vw,20px)}
.mooi-service-steps-list li{margin:0!important;padding:22px;background:#fbfaf7;border:1px solid #d9cfc3}
.mooi-service-steps-list span{font-size:12px;letter-spacing:.1em;color:#9d7752}
.mooi-service-steps-list h3{margin:28px 0 8px;font-size:18px;font-weight:500}
.mooi-service-steps-list p{margin:0;font-size:14px;line-height:1.6;color:var(--mooi-muted,#505b47)}
@media(max-width:900px){.mooi-service-facts,.mooi-service-steps-list{grid-template-columns:repeat(2,minmax(0,1fr))}.mooi-service-scope-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.mooi-service-facts,.mooi-service-steps-list,.mooi-service-scope-grid{grid-template-columns:1fr}.mooi-hero-call{margin-left:0;width:100%;justify-content:center}}
/* 05.10.2026: /wycena/ — sekcja pod formularzem */
.mooi-quote-extra ul:not(.mooi-service-scope-grid){margin:8px 0 28px;padding-left:20px;line-height:1.8}
.mooi-quote-extra details{border-top:1px solid #d9cfc3;padding:14px 0}
.mooi-quote-extra summary{cursor:pointer;font-weight:500}
.mooi-quote-extra details p{margin:10px 0 0;line-height:1.65}
