/* Usługi: pierwszy ekran i menu obszarów w systemie revisi. */
:root{--rv-services-hero-title:clamp(2.8rem,4.5vw,5.5rem);--rv-services-reading:42rem;--rv-services-stripe-width:clamp(1.5rem,3vw,3rem)}
.rv-services-hero{position:relative;isolation:isolate;overflow:clip;padding-block:var(--rv-space-6)}
.rv-services-hero-layout{display:grid;gap:var(--rv-space-5);align-items:center}
.rv-services-hero-copy h1{font-size:var(--rv-services-hero-title);margin-bottom:var(--rv-space-4);text-wrap:balance}
.rv-services-hero-copy h1 span{color:var(--rv-red)}
.rv-services-hero-copy p{max-width:var(--rv-services-reading);text-wrap:pretty}
.rv-services-hero-bars{position:absolute;right:20%;top:-60%;height:220%;--rv-bar-height:100%;--rv-bar-width:var(--rv-services-stripe-width);--rv-bar-gap:var(--rv-space-3);z-index:-1;pointer-events:none}
.rv-services-menu{padding:var(--rv-space-4);min-width:0}
.rv-services-menu-heading{font-size:var(--rv-size-subheading);text-wrap:balance;margin-bottom:var(--rv-space-4)}
.rv-services-menu ol{list-style:none;padding:0;margin:0}
.rv-services-menu li{border-top:var(--rv-border-width) solid var(--rv-grey)}
.rv-services-menu li:last-child{border-bottom:var(--rv-border-width) solid var(--rv-grey)}
.rv-services-menu a{display:flex;align-items:center;gap:var(--rv-space-2);padding-block:var(--rv-space-3);min-height:var(--rv-button-height);text-decoration:none;font-size:1rem;font-weight:var(--rv-bold);transition:color var(--rv-motion-button) var(--rv-ease-button)}
.rv-services-menu-number{font-size:var(--rv-size-note);color:var(--rv-red);font-weight:var(--rv-light)}
.rv-services-menu .rv-button-icon{margin-left:auto;flex-shrink:0}
.rv-services-menu a:hover{color:var(--rv-red)}
.rv-services-menu a:hover .rv-button-icon{transform:rotate(45deg)}
@media(min-width:64rem){.rv-services-hero-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}}
@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
@media(prefers-reduced-motion:reduce){.rv-services-menu a{transition:none}}

/* Branding: cztery usługi z zakresem, terminem i ceną startową. */
:root{--rv-services-offer-copy:1rem;--rv-services-offer-price:1.4rem;--rv-services-offer-card-space:var(--rv-space-4)}
.rv-services-category{position:relative;isolation:isolate;overflow:clip;padding-block:var(--rv-space-6)}
.rv-services-category-intro{position:relative;max-width:var(--rv-services-reading);margin-bottom:var(--rv-space-5);background:var(--rv-paper)}
.rv-services-category-intro h2{margin-bottom:var(--rv-space-3);text-wrap:balance}
.rv-services-category-intro p{text-wrap:pretty}
.rv-services-category-bars{position:absolute;right:20%;top:-60%;height:220%;--rv-bar-height:100%;--rv-bar-width:var(--rv-services-stripe-width);--rv-bar-gap:var(--rv-space-3);z-index:-1;pointer-events:none}
.rv-services-offer-grid{display:grid;gap:var(--rv-space-3)}
.rv-services-offer-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--rv-space-3);padding:var(--rv-services-offer-card-space);min-width:0}
.rv-services-offer-card h3{text-wrap:balance}
.rv-services-offer-card .rv-service-description,.rv-services-offer-card .rv-service-time,.rv-services-offer-includes{font-size:var(--rv-services-offer-copy);text-wrap:pretty}
.rv-services-offer-includes{flex:1;width:100%}
.rv-services-offer-includes>p{font-weight:var(--rv-bold);margin-bottom:var(--rv-space-2)}
.rv-services-offer-includes ul{margin:0;padding-left:var(--rv-space-3);display:grid;gap:var(--rv-space-1)}
.rv-services-offer-includes li::marker{color:var(--rv-red)}
.rv-services-offer-card .rv-service-price{font-size:var(--rv-services-offer-price);font-weight:var(--rv-bold)}
.rv-services-offer-card .rv-service-price small{font-size:var(--rv-size-note);font-weight:var(--rv-light)}
.rv-services-offer-card .rv-button{width:100%;font-size:var(--rv-size-note);gap:var(--rv-space-2);white-space:nowrap}
@media(min-width:48rem){.rv-services-offer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:88rem){.rv-services-offer-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}

.rv-services-offer-card{scroll-margin-top:var(--rv-space-3)}

/* Końcowe zaproszenie do indywidualnej wyceny. */
.rv-services-final{padding-block:var(--rv-space-6)}
.rv-services-final-layout{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--rv-space-4)}
.rv-services-final-layout>div{max-width:var(--rv-services-reading)}
.rv-services-final h2{margin-bottom:var(--rv-space-3);text-wrap:balance}
.rv-services-final p{text-wrap:pretty}
.rv-services-final .rv-button{flex-shrink:0}
