
.page-services{background:#111;color:white}.page-services nav a[aria-current=page]{background:#323232;color:var(--orange)}.services-intro{padding:54px 6% 62px;max-width:1500px;margin:auto}.breadcrumb{font-size:12px;color:#aaa}.breadcrumb:hover{color:white}.breadcrumb.current{color:white}.breadcrumb-separator{font-size:12px;margin:0 10px;color:#666}.page-kicker{font-family:'Agrandir Wide',Arial,sans-serif;font-weight:300;color:var(--orange);font-size:11px;letter-spacing:.13em;line-height:1.7;margin-top:48px;margin-bottom:24px}.page-services h1{font-family:'Agrandir Grand',Arial,sans-serif;font-size:clamp(35px,4.4vw,68px);line-height:1.13;letter-spacing:-.035em;margin:0;max-width:1300px;font-weight:900}.page-services h1 span{color:var(--orange)}.page-lead{font-size:18px;line-height:1.7;color:#c5c5c5;margin-top:26px;max-width:720px}.service-shortcuts{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.service-shortcuts a{border:1px solid #505050;padding:13px 18px;border-radius:999px;font-size:13px}.service-shortcuts a:hover{background:var(--orange);color:#111;border-color:var(--orange)}.primary-services{padding:0 6%;max-width:1500px;margin:auto}.primary-service{display:grid;grid-template-columns:1fr 1.05fr;gap:6%;align-items:center;padding:54px 0 64px;border-top:1px solid #383838;scroll-margin-top:105px}.primary-service:nth-child(2) .primary-visual{order:2}.primary-visual{height:520px;border-radius:30px;overflow:hidden;background:#1d1d1d}.primary-visual img{height:100%;width:100%;object-fit:cover}.service-kicker{display:block;color:#aaa;font-size:11px;letter-spacing:.12em;margin-bottom:22px}.round-icon{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:var(--orange);color:#111;margin-bottom:23px}.round-icon svg{width:36px;height:36px}.primary-copy h2{font-size:clamp(30px,3.6vw,49px);line-height:1.15;letter-spacing:-.04em;max-width:650px}.primary-copy h3{font-family:'Agrandir Text',Arial,sans-serif;font-size:18px;letter-spacing:0;line-height:1.45;margin-top:22px;font-weight:700}.primary-copy>p{font-size:15px;line-height:1.8;color:#bfbfbf;margin-top:15px;max-width:620px}.primary-copy ul{list-style:none;margin:23px 0 27px;padding:0;display:grid;gap:12px;color:#ddd;font-size:14px;line-height:1.5}.primary-copy li{display:flex;gap:12px;align-items:baseline}.primary-copy li:before{content:'↗';color:var(--orange)}.primary-copy .btn{font-size:13px;padding:15px 23px}.revision-art{background:var(--orange);color:#111;height:100%;padding:45px;display:flex;flex-direction:column;justify-content:space-between}.revision-art>svg{width:130px;height:130px}.revision-art>span{font-family:'Agrandir Wide',Arial,sans-serif;font-weight:300;font-size:16px;letter-spacing:.13em;margin-top:35px}.revision-art strong{font-family:'Agrandir Grand',Arial,sans-serif;font-size:clamp(32px,3.6vw,48px);font-weight:900;line-height:1.15;letter-spacing:-.04em;margin-top:18px}.additional-services{background:#191919;margin-top:20px;padding:75px 6% 90px}.additional-heading,.additional-grid{max-width:1320px;margin-left:auto;margin-right:auto}.additional-heading .page-kicker{margin-top:0;margin-bottom:20px}.additional-heading h2{font-size:clamp(35px,4.3vw,60px)}.additional-heading>p:last-child{color:#bbb;font-size:16px;line-height:1.6;margin-top:22px}.additional-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:38px}.additional-card{background:#111;border:1px solid #414141;border-radius:28px;padding:34px;display:flex;flex-direction:column}.additional-card h3{font-size:29px;line-height:1.2;letter-spacing:-.025em;margin-bottom:18px}.additional-card p{font-size:15px;line-height:1.8;color:#bbb;flex:1}.additional-card>a{font-family:'Agrandir Text',Arial,sans-serif;color:var(--orange);margin-top:25px;font-size:13px;display:flex;justify-content:space-between;align-items:center}.page-services .contact{margin-top:0}.page-services .contact h2{font-size:clamp(42px,5vw,72px)}
@media(max-width:1000px){.primary-visual{height:480px}.primary-service{gap:5%}.primary-copy h2{font-size:34px}.primary-copy h3{font-size:17px}.revision-art{padding:30px}.revision-art strong{font-size:36px}}
@media(max-width:760px){.services-intro{padding:34px 6% 40px}.page-kicker{margin-top:34px;font-size:9px}.page-services h1{font-size:clamp(29px,7vw,43px);line-height:1.2}.page-lead{font-size:15px;margin-top:21px}.service-shortcuts{gap:9px;margin-top:24px}.service-shortcuts a{font-size:11px;padding:11px 14px}.primary-services{padding:0 6%}.primary-service{grid-template-columns:1fr;gap:27px;padding:36px 0 42px}.primary-visual{height:290px;border-radius:25px}.primary-service:nth-child(2) .primary-visual{order:0}.primary-copy h2{font-size:32px}.primary-copy h3{font-size:17px;margin-top:17px}.primary-copy>p{font-size:14px}.service-kicker{margin-bottom:17px}.round-icon{width:56px;height:56px;margin-bottom:19px}.round-icon svg{width:33px;height:33px}.revision-art{padding:25px}.revision-art>svg{width:78px;height:78px}.revision-art>span{margin-top:12px;font-size:13px}.revision-art strong{font-size:31px;margin-top:12px}.additional-services{padding:50px 6% 60px}.additional-grid{grid-template-columns:1fr;gap:18px;margin-top:30px}.additional-card{padding:27px}.additional-card h3{font-size:26px}.additional-card p{font-size:14px}.additional-heading h2{font-size:38px}}

/* Workshop photo and centered services opening */
.services-intro{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;text-align:center;height:calc(100svh - var(--header-height));min-height:0;max-width:none;width:100%;margin:0;padding:0 5% 30px;overflow:hidden;background:#111}.services-cover{position:absolute;inset:0;z-index:-1}.services-cover img{width:100%;height:100%;object-fit:cover;object-position:50% 36%;filter:none}.services-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#111 0%,#111f2 10%,#111b3 28%,#11140 49%,transparent 68%);pointer-events:none}.services-intro-copy{position:relative;max-width:1200px;width:100%;margin:0 auto}.services-breadcrumb{position:absolute;top:20px;left:50%;transform:translateX(-50%);padding:8px 15px;border-radius:999px;background:#1119;white-space:nowrap}.services-breadcrumb .breadcrumb{color:#ddd}.services-breadcrumb .breadcrumb.current{color:white}.services-breadcrumb .breadcrumb-separator{color:#aaa}.services-intro .page-kicker{margin:0 0 16px;color:#fff;font-size:11px;line-height:1.5}.page-services .services-intro h1{font-size:clamp(30px,min(4.1vw,6svh),60px);max-width:1200px;margin:0 auto;line-height:1.14;letter-spacing:-.035em}.services-intro .page-lead{max-width:820px;margin:20px auto 0;color:#ededed;font-size:16px;line-height:1.6}.services-intro .service-shortcuts{justify-content:center;margin-top:25px;gap:11px}.services-intro .service-shortcuts a{border-color:#ffffff70;background:#1118;color:white;padding:12px 18px;font-size:12px}.services-intro .service-shortcuts a:hover{background:var(--orange);color:#111;border-color:var(--orange)}
@media(max-width:1150px){.services-intro{padding-bottom:27px}.page-services .services-intro h1{font-size:clamp(30px,min(4vw,6svh),52px)}.services-intro .page-lead{font-size:15px;max-width:750px}}
@media(max-width:760px){.services-intro{height:calc(100svh - var(--header-height));min-height:0;padding:0 6% 24px}.services-cover img{object-position:50% 35%}.services-cover:after{background:linear-gradient(0deg,#111 0%,#111f2 14%,#111ad 36%,#11140 56%,transparent 72%)}.services-breadcrumb{top:15px;font-size:10px;padding:7px 13px}.services-intro .page-kicker{font-size:9px;letter-spacing:.06em;margin-bottom:13px}.page-services .services-intro h1{font-size:clamp(27px,min(6.3vw,4.2svh),40px);line-height:1.19;letter-spacing:-.04em}.services-intro .page-lead{font-size:13px;line-height:1.55;margin-top:17px;max-width:420px}.services-intro .service-shortcuts{margin-top:20px;gap:8px}.services-intro .service-shortcuts a{font-size:10px;padding:10px 13px}}
@media(max-height:650px){.services-intro{padding-bottom:17px}.services-intro .page-kicker{font-size:9px;margin-bottom:9px}.page-services .services-intro h1{font-size:clamp(25px,5svh,36px)}.services-intro .page-lead{font-size:12px;line-height:1.45;margin-top:13px;max-width:720px}.services-intro .service-shortcuts{margin-top:15px;gap:8px}.services-intro .service-shortcuts a{font-size:10px;padding:9px 12px}}

/* Stronger fade behind services title */
.services-cover:after{background:linear-gradient(0deg,#111 0%,#111fc 30%,#111c7 46%,#11150 61%,transparent 76%)}.services-intro-copy{isolation:isolate}.services-intro-copy:before{content:'';position:absolute;z-index:-1;top:-65px;bottom:-35px;left:50%;width:100vw;transform:translateX(-50%);background:linear-gradient(180deg,transparent 0%,#111d9 23%,#111f5 64%,#111 100%);pointer-events:none}.services-intro .page-lead{color:#fff}.services-intro .page-kicker{color:#fff}.services-intro h1{text-shadow:0 2px 16px #0004}.primary-service#cambio-gomme .primary-visual img{object-position:50% 46%}@media(max-width:760px){.services-intro-copy:before{top:-55px;bottom:-28px}.services-cover:after{background:linear-gradient(0deg,#111 0%,#111fc 32%,#111ad 50%,#11133 65%,transparent 78%)}}

.service-deposit-note{background:var(--orange);color:#111;border-radius:19px;padding:18px 20px;margin-bottom:24px}.service-deposit-note strong{font-family:'Agrandir Text',Arial,sans-serif;font-size:16px;line-height:1.4}.service-deposit-note p{font-size:13px;line-height:1.6;margin-top:7px}

/* Keep the complete business name within the revisions graphic */
.revision-art strong{font-size:clamp(24px,2.6vw,35px);line-height:1.2}@media(max-width:760px){.revision-art strong{font-size:25px}}

/* Explicit foreground gradient ensures readable hero text */
.services-intro{position:relative;isolation:isolate;background:#111}.services-cover{position:absolute;inset:0;z-index:0}.services-cover:after{display:none;content:none}.services-cover img{filter:none}.services-intro:before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,#111 0%,#000 12%,rgba(0,0,0,.98) 37%,rgba(0,0,0,.9) 53%,rgba(0,0,0,.48) 72%,rgba(0,0,0,.05) 100%)}.services-intro-copy{position:relative;z-index:2;isolation:auto}.services-intro-copy:before{display:none;content:none}.services-breadcrumb{z-index:3}.services-intro .page-lead{color:white;max-width:1100px;line-height:1.75;text-shadow:0 1px 6px black}.services-intro .page-kicker{color:white}.page-services h1,.page-services h2,.page-services h3{text-transform:uppercase}.page-services .primary-copy h2{font-size:clamp(29px,3.1vw,43px);line-height:1.22;letter-spacing:-.035em}.page-services .primary-copy h3{font-size:16px;line-height:1.5;letter-spacing:0}.page-services .additional-card h3{font-size:25px;line-height:1.3;letter-spacing:-.025em}.service-deposit-note strong{font-size:15px;line-height:1.55;display:block}.service-deposit-note p{margin-top:9px}.services-intro .service-shortcuts a{background:#171717;border-color:#777}
@media(max-width:760px){.services-intro:before{background:linear-gradient(0deg,#111 0%,#000 14%,rgba(0,0,0,.99) 39%,rgba(0,0,0,.94) 56%,rgba(0,0,0,.4) 77%,rgba(0,0,0,.04) 100%)}.services-intro .page-lead{font-size:12px;line-height:1.7;max-width:100%}.page-services .primary-copy h2{font-size:30px}.page-services .primary-copy h3{font-size:15px}.page-services .additional-card h3{font-size:24px}.service-deposit-note strong{font-size:13px}}

/* Fade starts only just above the services heading */
.services-intro:before{display:none;content:none}
.services-intro-copy{isolation:isolate}
.services-intro-copy:before{display:block;content:'';position:absolute;z-index:-1;top:-28px;bottom:-32px;left:50%;width:100vw;transform:translateX(-50%);background:linear-gradient(180deg,rgba(0,0,0,0) 0px,rgba(0,0,0,.82) 28px,rgba(0,0,0,.98) 65px,#111 100%);pointer-events:none}
@media(max-width:760px){.services-intro-copy:before{top:-24px;bottom:-26px;background:linear-gradient(180deg,rgba(0,0,0,0) 0px,rgba(0,0,0,.84) 24px,rgba(0,0,0,.98) 55px,#111 100%)}}
@media(max-height:650px){.services-intro-copy:before{top:-22px;bottom:-19px;background:linear-gradient(180deg,rgba(0,0,0,0) 0px,rgba(0,0,0,.84) 22px,rgba(0,0,0,.98) 50px,#111 100%)}}

/* Raise the services cover slightly and frame the new service photos */
.services-cover img{object-position:50% calc(36% - 60px)}
.primary-service#revisioni .primary-visual img{object-position:50% 43%}
.primary-service#cambio-gomme .primary-visual img{object-position:50% 30%}
@media(max-width:760px){.services-cover img{object-position:50% 35%}.primary-service#revisioni .primary-visual img{object-position:50% 43%}.primary-service#cambio-gomme .primary-visual img{object-position:50% 30%}}

.primary-service#officina .primary-visual img{object-position:50% 25%}

/* Two-column additional services with icons, titles and real photos */
.additional-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.additional-card.visual-service-card{padding:25px;border-radius:28px;overflow:hidden;display:flex;flex-direction:column;background:#111}.additional-card-heading{display:flex;gap:18px;align-items:center;min-height:100px;margin-bottom:23px}.additional-card-heading .round-icon{flex:0 0 62px;margin:0}.additional-card-heading>div{min-width:0}.page-services .additional-card-heading h3{font-size:clamp(21px,2vw,28px);line-height:1.25;letter-spacing:-.025em;margin:0;overflow-wrap:break-word}.service-photo-note{display:block;margin-top:11px;color:var(--orange);font-family:'Agrandir Wide',Arial,sans-serif;font-size:11px;font-weight:300;letter-spacing:.06em;line-height:1.6}.additional-card-photos{display:grid;gap:8px;width:100%;height:350px;border-radius:21px;overflow:hidden}.additional-card-photos img{width:100%;height:100%;min-height:0;object-fit:cover;object-position:center}.additional-card-photos.single{grid-template-columns:1fr}.additional-card-photos.pair{grid-template-columns:1fr 1fr}.additional-card-photos.trio{grid-template-columns:1.1fr 1fr;grid-template-rows:1fr 1fr}.additional-card-photos.trio img:first-child{grid-row:1/3}.additional-card-photos.single img{object-position:50% 40%}.additional-card-photos.pair img{object-position:50% 35%}.additional-card-photos.trio img:nth-child(2){object-position:50% 20%}.additional-card-photos.trio img:nth-child(3){object-position:50% 62%}
@media(max-width:1000px){.additional-card.visual-service-card{padding:21px}.additional-card-heading{gap:14px;min-height:95px}.additional-card-heading .round-icon{flex-basis:54px;width:54px;height:54px}.additional-card-heading .round-icon svg{width:32px;height:32px}.additional-card-photos{height:310px}.page-services .additional-card-heading h3{font-size:23px}}
@media(max-width:760px){.additional-grid{grid-template-columns:1fr;gap:21px}.additional-card.visual-service-card{padding:23px;border-radius:26px}.additional-card-heading{min-height:80px;margin-bottom:20px;gap:16px}.page-services .additional-card-heading h3{font-size:25px}.service-photo-note{font-size:10px;margin-top:9px}.additional-card-photos{height:330px;border-radius:20px}.additional-card-photos.pair{gap:6px}.additional-card-photos.trio{gap:6px}}
@media(max-width:390px){.page-services .additional-card-heading h3{font-size:22px}.additional-card-heading{gap:13px}.additional-card-photos{height:290px}}
@media(max-width:760px){.additional-card-heading{flex-direction:column;align-items:flex-start;min-height:0;gap:16px}.additional-card-heading>div{width:100%}}

/* Assistenza in zona: ultimo riquadro arancione */
.roadside-service{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;background:#ff9200;color:#111;border-radius:28px;overflow:hidden}.roadside-copy{padding:clamp(28px,4vw,56px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.roadside-service .round-icon{background:#111;color:#ff9200;width:62px;height:62px;margin-bottom:24px}.roadside-service h3{font-family:'Agrandir Grand',Arial,sans-serif;font-weight:900;font-size:clamp(28px,3.3vw,44px);line-height:1.1;color:#111;margin:0 0 20px;text-transform:uppercase}.roadside-service p{font-size:18px;line-height:1.6;max-width:440px;margin:0 0 28px;color:#111}.roadside-service .roadside-call{background:#111;color:#fff;border-color:#111}.roadside-service .roadside-call:hover{background:#292929}.roadside-photo{min-height:440px}.roadside-photo img{width:100%;height:100%;object-fit:cover;object-position:center 65%;display:block}@media(max-width:760px){.roadside-service{grid-template-columns:1fr}.roadside-copy{padding:30px 25px}.roadside-photo{height:380px;min-height:0}.roadside-service h3{font-size:30px}}

/* Nuove foto dei servizi principali */
#cambio-gomme .primary-visual img{object-position:50% 30%}#revisioni .primary-visual img{object-position:35% 30%}

/* Scorciatoie servizi: due righe centrate su telefono */
@media(max-width:760px){
.services-intro .service-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;max-width:400px;margin:20px auto 0;justify-content:center}
.services-intro .service-shortcuts a{display:flex;align-items:center;justify-content:center;text-align:center;min-width:0;min-height:44px;padding:10px 8px;font-size:11px;line-height:1.4}
}

/* Vendita e servizi di mobilità */
.sales-services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.sales-services-grid .additional-card-heading{flex-direction:column;align-items:flex-start;min-height:165px;gap:18px}
.sales-services-grid .additional-card-photos{height:350px}
.support-service-card{min-width:0}
.page-services .support-service-card h3{font-size:clamp(21px,2vw,28px);line-height:1.3;overflow-wrap:break-word}
.support-service-card p{margin:0;flex:initial}
@media(max-width:1000px) and (min-width:761px){.sales-services-grid .additional-card.visual-service-card{padding:18px}.page-services .sales-services-grid h3{font-size:21px}.sales-services-grid .additional-card-photos{height:280px}}
@media(max-width:760px){.sales-services-grid{grid-template-columns:1fr}.sales-services-grid .additional-card-heading{min-height:0}.sales-services-grid .additional-card-photos{height:330px}.page-services .support-service-card h3{font-size:24px}}
