.service-loading,.service-error{padding:100px 0;min-height:52vh}.service-detail-hero{background:linear-gradient(135deg,#f4f8fb,#e9f1f6);padding:24px 0 64px}.breadcrumb{display:flex;gap:10px;align-items:center;color:#5d7180;font-size:.82rem;margin-bottom:27px}.breadcrumb a{color:inherit}.service-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:28px;align-items:start}.service-gallery-viewer{min-width:0}.service-cover{display:block;width:100%;height:430px;object-fit:cover;border-radius:12px;border:1px solid var(--line);background:#e7eff4;box-shadow:0 12px 35px #15364a16}.service-thumbnails{display:flex;gap:8px;margin-top:9px;overflow:auto}.service-thumb{flex:0 0 105px;height:67px;padding:3px;border:1px solid var(--line);border-radius:7px;background:#fff;cursor:pointer}.service-thumb.active{border:2px solid var(--blue);padding:2px}.service-thumb img{width:100%;height:100%;object-fit:cover;border-radius:4px}.gallery-more{display:grid;place-items:center;min-width:105px;padding:8px;background:#eef3f6;border-radius:7px;color:#345064;text-align:center;font-size:.75rem}.service-hero-copy{padding:6px 0}.service-title-line{display:flex;align-items:start;justify-content:space-between;gap:12px}.service-title-line h1{font-size:clamp(2.3rem,4vw,3.7rem);letter-spacing:-.055em;line-height:1.06;margin:7px 0 13px}.service-title-line .section-kicker,.section-kicker{color:var(--blue);font-size:.75rem;letter-spacing:.14em;font-weight:800}.service-badge{flex:none;padding:7px 13px;border-radius:20px;background:#fff0e5;color:#a54c12;font-size:.8rem;font-weight:700;margin-top:13px}.service-excerpt{color:var(--muted);font-size:1.02rem;line-height:1.7;margin:0 0 20px}.service-benefits{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;margin:18px 0 24px}.service-benefit{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:10px;font-size:.9rem;font-weight:600}.service-card-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e6f3fb;color:var(--blue);font-size:1.1rem}.service-benefit p{grid-column:2;color:var(--muted);font-size:.8rem;font-weight:400;margin:-7px 0 0}.service-hero-actions{display:flex;gap:10px;flex-wrap:wrap}.button-whatsapp{background:#079b58;color:white;border-color:#079b58}.service-promise{font-size:.79rem;color:#526877;margin-top:15px}.service-story{padding:64px 0;background:#fff}.service-story-grid{display:grid;grid-template-columns:1fr .8fr;gap:48px;align-items:start}.service-story h2,.service-section-head h2,.service-cta h2,.service-showcase h2{font-size:clamp(1.8rem,3vw,2.65rem);letter-spacing:-.04em;line-height:1.15;margin:8px 0 16px}.service-story p,.service-showcase p{color:var(--muted);line-height:1.8;white-space:pre-line}.service-feature-card{border:1px solid var(--line);border-radius:12px;background:#f7fafc;padding:25px}.service-feature-card h3{margin:0 0 16px}.service-feature-card ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}.service-feature-card li{display:flex;gap:11px;line-height:1.5}.service-feature-card li span{color:var(--blue);font-weight:800}.service-catalog,.service-gallery,.related-services{padding:62px 0;background:#f2f6f9}.service-applications{padding:62px 0;background:white}.service-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.service-section-head h2{margin-bottom:0}.service-detail-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.service-detail-card{padding:19px;border:1px solid var(--line);border-radius:10px;background:white;min-height:145px}.service-detail-card h3{font-size:1rem;margin:13px 0 6px}.service-detail-card p{color:var(--muted);font-size:.84rem;line-height:1.55;margin:0}.application-card{min-height:115px;padding:16px}.service-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.service-gallery-image{width:100%;height:245px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}.service-showcase{padding:24px 0;background:#f2f6f9}.service-showcase>.container{display:grid;grid-template-columns:1.2fr .8fr;min-height:280px;background:#102b3a;border-radius:12px;overflow:hidden;color:white}.showcase-image img,.showcase-image .placeholder{width:100%;height:100%;min-height:280px;object-fit:cover}.service-showcase>.container>div:last-child{padding:32px;align-self:center}.service-showcase p:not(.section-kicker){color:#d2dde4;line-height:1.65}.service-process{padding:62px 0;background:#fff}.service-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service-steps article{padding:21px;border:1px solid var(--line);border-radius:10px;min-height:132px}.service-steps b{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e8f3fa;color:var(--blue)}.service-steps h3{font-size:.92rem;line-height:1.45;margin:16px 0 0}.service-faqs{padding:58px 0;background:#f7fafc}.service-faq-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:24px}.service-faq{background:white;border:1px solid var(--line);border-radius:8px;margin-bottom:8px;padding:0 16px}.service-faq summary{cursor:pointer;list-style:none;padding:14px 22px 14px 0;font-weight:600;position:relative}.service-faq summary::-webkit-details-marker{display:none}.service-faq summary:after{content:'⌄';position:absolute;right:2px;color:var(--blue)}.service-faq[open] summary:after{content:'⌃'}.service-faq p{margin:0;padding:0 0 15px;color:var(--muted);line-height:1.6}.service-faq-grid aside{padding:24px;border-radius:10px;background:#e6f2fb;align-self:start}.service-faq-grid aside h3{margin:0 0 8px}.service-faq-grid aside p{color:var(--muted);line-height:1.55}.related-service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.related-service-grid>a{color:inherit;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;text-decoration:none}.related-service-image{width:100%;height:165px;object-fit:cover}.related-service-grid>a>div{padding:15px}.related-service-grid h3{margin:0 0 7px;font-size:1rem}.related-service-grid p{color:var(--muted);font-size:.8rem;line-height:1.5;min-height:44px}.related-service-grid span{color:var(--blue);font-size:.75rem;font-weight:800}.service-cta{background:#0d2a3a;color:#fff;padding:54px 0}.service-cta>.container{display:flex;justify-content:space-between;align-items:center;gap:36px}.service-cta h2{max-width:800px;margin-bottom:12px}.service-cta p:not(.section-kicker){color:#c2d2dc;margin:0;max-width:720px;line-height:1.6}.service-cta .button{white-space:nowrap}.cms-card-link{display:block;color:inherit;text-decoration:none}
@media(max-width:1000px){.service-hero-grid{grid-template-columns:1fr 1fr;gap:20px}.service-cover{height:340px}.service-detail-grid{grid-template-columns:repeat(3,1fr)}.service-gallery-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.service-hero-grid,.service-story-grid,.service-showcase>.container,.service-faq-grid{grid-template-columns:1fr}.service-hero-grid{gap:22px}.service-cover{height:330px}.service-title-line h1{font-size:2.5rem}.service-story,.service-catalog,.service-applications,.service-gallery,.service-process,.related-services,.service-faqs{padding:44px 0}.service-detail-grid{grid-template-columns:repeat(2,1fr)}.service-steps,.related-service-grid{grid-template-columns:repeat(2,1fr)}.service-showcase>.container>div:last-child{padding:25px}}
@media(max-width:480px){.service-cover{height:250px}.service-benefits{grid-template-columns:1fr}.service-detail-grid{grid-template-columns:1fr 1fr;gap:8px}.service-detail-card{padding:14px;min-height:130px}.service-gallery-grid{grid-template-columns:1fr}.service-gallery-image{height:220px}.service-steps,.related-service-grid{grid-template-columns:1fr 1fr;gap:8px}.related-service-image{height:120px}.service-cta>.container{display:block}.service-cta .button{margin-top:22px}}

.service-detail-card{padding:0 0 16px;overflow:hidden}.service-option-image{display:block;width:100%;height:104px;object-fit:cover;background:#e8f0f5}.service-detail-card>.service-card-icon{margin:16px 16px 0}.service-detail-card h3,.service-detail-card p{margin-left:16px;margin-right:16px}

/* Hizmet detayındaki ana görsel kare kaynaklara uygun 1:1 alanda gösterilir. */
.service-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.service-cover{height:auto;aspect-ratio:1/1;object-fit:cover}
@media(max-width:1000px){.service-cover{height:auto}}
@media(max-width:760px){.service-hero-grid{grid-template-columns:1fr}.service-cover{height:auto;aspect-ratio:1/1}}
@media(max-width:480px){.service-cover{height:auto}}