/* Pagini de servicii — aceleași fonturi și culori ca site-ul ELITE. */
.service-page { padding-top: 110px; }
.service-page::before, .service-page::after { content: ""; position: fixed; top: 96px; bottom: 18px; width: 2px; background: var(--neon); box-shadow: 0 0 9px var(--neon), 0 0 22px var(--glow); pointer-events: none; }
.service-page::before { left: 12px; } .service-page::after { right: 12px; }
.service-breadcrumb { display: flex; flex-wrap: wrap; gap: 8px; padding-block: 20px; font-size: 14px; color: var(--green-ink); }
.service-breadcrumb a { text-underline-offset: 4px; }
.service-hero { display: grid; grid-template-columns: 1.15fr 1fr; gap: 48px; align-items: center; padding-block: 24px 48px; }
.service-hero h1 { font-size: clamp(36px, 4.6vw, 62px); margin: 18px 0 22px; }
.service-hero .lead { font-size: 19px; }
.service-hero__photo { width: 100%; aspect-ratio: 4/5; object-fit: cover; border-radius: 28px; box-shadow: var(--shadow-foto); }
.service-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
.service-facts { display: flex; flex-wrap: wrap; gap: 12px 24px; margin-top: 24px; font-weight: 700; color: var(--green-ink); }
.service-section { padding-block: 40px; border-top: 1px solid var(--stroke); }
.service-section h2 { font-size: clamp(28px, 3vw, 38px); margin-bottom: 20px; }
.service-section p { max-width: 70ch; margin-bottom: 16px; }
.service-columns { display: grid; grid-template-columns: 1.1fr 1fr; gap: 48px; }
.service-list { padding-left: 22px; } .service-list li + li { margin-top: 10px; }
.service-note { padding: 24px; border-left: 3px solid var(--neon); background: var(--surface-2); border-radius: 0 var(--r) var(--r) 0; }
.service-note h3 { font-size: 22px; margin-bottom: 12px; }
.service-steps { list-style: none; counter-reset: steps; display: grid; gap: 20px; }
.service-steps li { counter-increment: steps; display: grid; grid-template-columns: 44px 1fr; gap: 16px; align-items: start; }
.service-steps li::before { content: "0" counter(steps); color: var(--green-ink); font-family: var(--font-display); font-weight: 800; font-size: 24px; }
.service-steps h3 { font-size: 21px; margin-bottom: 8px; }
.service-prices { list-style: none; background: var(--surface); border: 1px solid var(--stroke); border-radius: var(--r); overflow: hidden; }
.service-prices li { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 16px; padding: 18px 22px; align-items: center; }
.service-prices li + li { border-top: 1px solid var(--stroke); }
.service-prices small { display: block; color: var(--dim); font-size: 14px; }
.service-prices strong { color: var(--green-ink); font-size: 22px; white-space: nowrap; }
.service-faq details { border-bottom: 1px solid var(--stroke); padding-block: 18px; }
.service-faq summary { cursor: pointer; font-weight: 800; font-size: 18px; }
.service-faq details p { margin: 14px 0 0; }
.service-related { display: grid; gap: 12px; }
.service-related a { color: var(--green-ink); font-weight: 700; text-underline-offset: 4px; padding-block: 6px; }
.service-contact { padding: 32px; border-radius: var(--r); background: linear-gradient(120deg,rgba(61,242,155,.15),var(--surface)); border: 1px solid var(--stroke); }
.service-contact a:not(.btn) { font-weight: 800; color: var(--green-ink); }
.service-source { font-size: 14px; color: var(--dim); padding-block: 24px 40px; }
.service-source a { color: var(--green-ink); }
.service-home-links { display: grid; gap: 12px; margin-top: 24px; }
.service-home-links a { display: flex; align-items: center; min-height: 56px; padding: 16px 20px; border: 1px solid var(--stroke); border-radius: 16px; background: var(--surface); color: var(--green-ink); font-weight: 800; text-decoration: none; box-shadow: var(--shadow-card); }
.service-home-links a:hover { border-color: var(--green-ink); background: var(--surface-2); }
.service-footer-links { display: flex; flex-wrap: wrap; gap: 12px 24px; margin-top: 16px; }
.service-footer-links a { color: var(--green-ink); }
.service-skip { position: fixed; top: -100px; left: 20px; z-index: 1000; padding: 12px 20px; background: var(--surface); }
.service-skip:focus { top: 12px; }
@media (max-width: 900px) { .service-hero { grid-template-columns: 1fr; gap: 28px; } .service-hero__photo { aspect-ratio: 16/9; max-height: 400px; } .service-columns { grid-template-columns: 1fr; gap: 24px; } }
@media (max-width: 760px) { .service-page { padding-top: 76px; } .service-page::before,.service-page::after { display: none; } .service-hero { padding-block: 12px 32px; } .service-hero h1 { font-size: clamp(32px,8.4vw,44px); } .service-hero .lead { font-size: 17px; } .service-actions { flex-direction: column; } .service-actions .btn { white-space: normal; text-align: center; } .service-section { padding-block: 28px; } .service-contact { padding: 24px; } .service-prices li { padding: 16px; gap: 12px; } .service-prices strong { font-size: 19px; } .service-prices small { font-size: 14px; } }