/* Szerviz oldalak: Márkaszervizek, Szerviz bejelentkezés, Garancia. A design-system.css tokenjeire épül. */
.service-hero{height:80vh;min-height:500px;position:relative;isolation:isolate;display:flex;align-items:center;padding:80px 10% 0;color:#fff}
.service-hero>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}
.service-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0009,transparent 70%),linear-gradient(#0006,transparent 30%)}

/* Szerviz bejelentkezés */
.service-booking{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,90px);align-items:start}
.service-booking-intro{font-size:clamp(24px,2.4vw,30px);line-height:1.3;letter-spacing:-.02em;position:sticky;top:120px}
.service-form{display:grid;gap:20px;min-width:0}
.service-field{display:grid;gap:8px}
.service-field label{font-size:14px;font-weight:600;color:var(--color-label,#1d1d1f)}
.service-field input,.service-field select,.service-field textarea{width:100%;min-height:52px;padding:14px 16px;border:1px solid var(--color-separator,#dcdce1);border-radius:var(--radius-control,12px);background:var(--color-surface,#f5f5f7);color:var(--color-label,#1d1d1f);font:inherit;font-size:17px}
.service-field textarea{min-height:200px;resize:vertical}
.service-field select{appearance:none;padding-right:48px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23626268' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center}
.service-field :is(input,select,textarea):focus-visible{outline:3px solid var(--color-brand,#56b28d);outline-offset:2px;background-color:#fff}
.service-field :is(input,select,textarea):user-invalid{border-color:var(--color-danger,#b42318)}
.service-field input::placeholder{color:#8a8a90}
.service-form .button{justify-self:start;min-width:150px;min-height:44px}
.service-form .button:disabled{opacity:.5;cursor:not-allowed}
.form-note{font-size:14px;margin:0;color:var(--color-secondary,#626268)}
.form-status{margin:0;font-size:15px;color:var(--color-success,#24754b)}
.form-status:empty{position:absolute;width:1px;height:1px;margin:0;overflow:hidden;clip:rect(0,0,0,0)}

/* Garancia */
.service-intro{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,70px)}
.service-intro h2{font-size:clamp(24px,2.4vw,30px);line-height:1.3;letter-spacing:-.02em}
.service-intro p{margin:0;font-size:17px;line-height:1.7}
.service-wide{width:100%;height:clamp(300px,42vw,600px);object-fit:cover;border-radius:var(--radius-card,24px)}
.warranty-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,70px);padding:56px 0 8px}
.warranty-value{display:flex;align-items:center;gap:20px;margin-bottom:24px;font-size:clamp(48px,5vw,64px);line-height:1;letter-spacing:-.03em;color:var(--color-brand,#56b28d)}
.warranty-value .icon{width:52px;height:52px;stroke-width:2.5}
.warranty-grid h2{font-size:clamp(20px,1.8vw,24px);line-height:1.3;margin-bottom:12px}
.warranty-grid p{margin:0;font-size:17px;line-height:1.7}
.service-story{padding-bottom:0}
.service-page .useful{padding-top:64px}

/* Márkaszervizek */
.service-type-dealers .header{position:relative;background:#0d0d0d}
.dealer-layout{display:grid;grid-template-columns:minmax(280px,380px) 1fr;gap:24px;padding:40px 40px 64px}
.dealer-panel{align-self:start;padding:32px 24px;background:#fff;border-radius:var(--radius-card,24px);box-shadow:var(--shadow-float,0 16px 48px #00000012)}
.dealer-panel h2{margin-bottom:20px;font-size:clamp(32px,3vw,42px);line-height:1.1;letter-spacing:-.03em}
.dealer-search{width:100%;min-height:48px;padding:12px 16px;border:1px solid var(--color-separator,#dcdce1);border-radius:var(--radius-control,12px);background:var(--color-surface,#f5f5f7);font:inherit;font-size:16px}
.dealer-search:focus-visible{outline:3px solid var(--color-brand,#56b28d);outline-offset:2px;background:#fff}
.dealer-list{list-style:none;display:grid;gap:10px;margin:16px 0 0;padding:0}
.dealer-card{display:grid;gap:6px;width:100%;padding:16px;text-align:left;border:1px solid var(--color-separator,#dcdce1);border-radius:14px;background:#fff;color:inherit;font:inherit}
.dealer-card:hover{background:var(--color-surface,#f5f5f7)}
.dealer-card[aria-pressed=true]{border-color:var(--color-brand,#56b28d);background:#f1faf6}
.dealer-card strong{font-size:16px}
.dealer-card span{font-size:15px;color:var(--color-secondary,#626268)}
.dealer-card small{font-size:13px;color:var(--color-secondary,#626268)}
.dealer-map{min-height:min(72vh,720px);overflow:hidden;border-radius:var(--radius-card,24px);background:var(--color-surface,#f5f5f7)}
.dealer-map iframe{display:block;width:100%;height:100%;min-height:inherit;border:0;filter:grayscale(1) contrast(.95)}

@media(max-width:900px){.service-booking,.service-intro,.warranty-grid,.dealer-layout{grid-template-columns:1fr}.service-booking-intro{position:static}.dealer-layout{padding:24px 16px 48px}.dealer-map{min-height:420px}}
@media(max-width:600px){.service-hero{height:65vh;min-height:420px;padding-inline:6%}.warranty-grid{padding-top:40px}}
@media(prefers-reduced-motion:reduce){.dealer-map iframe{filter:none}}

/* Márkaszervizek: mobil szerviz blokk (a tulajdonos kérésére). */
.mobile-service{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:clamp(24px,5vw,64px);margin:0 40px 64px;padding:clamp(28px,4vw,56px);background:linear-gradient(135deg,#eef7f2,#f5f5f7);border-radius:var(--radius-card,24px)}
.mobile-service-eyebrow{margin:0 0 8px!important;font-size:14px!important;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent,#287858)!important}
.mobile-service h2{font-size:clamp(26px,2.8vw,38px);line-height:1.2;letter-spacing:-.02em}
.mobile-service-copy>p:not(.mobile-service-eyebrow){max-width:640px;margin:16px 0 0}
.mobile-service-points{display:grid;gap:10px;margin:20px 0 0;padding:0;list-style:none}
.mobile-service-points li{display:flex;align-items:flex-start;gap:10px;font-size:16px;font-weight:600;line-height:1.5;color:var(--color-label,#1d1d1f)}
.mobile-service-points li:before{content:'';flex-shrink:0;width:8px;height:8px;margin-top:8px;border-radius:50%;background:var(--color-brand,#56b28d)}
.mobile-service-actions{display:grid;justify-items:start;gap:14px}
.mobile-service-phone{display:inline-flex;align-items:center;min-height:44px;font-size:17px;font-weight:600;color:var(--color-accent,#287858)}
.mobile-service-phone:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:900px){.mobile-service{grid-template-columns:1fr;margin:0 16px 48px}}
/* Szerviz-bejelentkezés helyett, ideiglenesen: elérhetőségek (src/features.mjs → serviceFormVisible). */
.service-contact{max-width:560px;text-align:center}.service-contact h2{font-size:clamp(24px,2.4vw,30px);margin:0 0 24px}.service-contact ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}.service-contact a{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;border:1px solid #dcdce1;border-radius:14px;color:#111;text-decoration:none}.service-contact a:hover{border-color:var(--green,#46ae91)}.service-contact em{font-style:normal;color:#626268}.service-contact b{font-size:18px}