/* Custom styles for service detail pages - Akyaka Tesisat */
/* Theme header is position:absolute + transparent by default (meant to float over the
   homepage's colored hero). Service pages have a plain white hero, so force the header
   back into normal flow with a solid background instead of overlapping the content. */
#wrapper-navbar.uicore-navbar{position:relative!important}
#wrapper-navbar .uicore-header-wrapper{background:#fff;box-shadow:0 2px 16px rgba(6,44,65,.08)}
#wrapper-navbar .uicore-main,#wrapper-navbar .uicore-mobile-main{opacity:1!important}

.svc-wrap{max-width:1180px;margin:0 auto;padding:0 24px}
.svc-breadcrumb-bar{background:#F5F9FC;border-bottom:1px solid #E4EAF1}
.svc-breadcrumb{font-size:.83rem;color:#5B6B7C;padding:13px 0;margin:0;display:flex;gap:6px;flex-wrap:wrap;align-items:center;justify-content:flex-end}
.svc-breadcrumb a{color:#0086C9;text-decoration:none;font-weight:600}
.svc-breadcrumb a:hover{text-decoration:underline}
.svc-breadcrumb span.sep{color:#B7C2CE}
.svc-breadcrumb span.current{color:#062C41}

.svc-hero{padding-top:36px;padding-bottom:56px;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.svc-hero-tag{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#0086C9;background:#E8F5FD;padding:7px 16px;border-radius:999px;margin-bottom:16px}
.svc-hero h1{font-size:clamp(1.9rem,3.6vw,2.6rem);color:#062C41;line-height:1.18;margin:0 0 16px}
.svc-hero-lead{font-size:1.08rem;color:#3C4A58;line-height:1.65;margin:0 0 26px;max-width:520px}
.svc-hero-actions{display:flex;flex-wrap:wrap;gap:14px}
.svc-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 26px;border-radius:999px;font-weight:700;font-size:.95rem;text-decoration:none;transition:.2s transform,.2s box-shadow,.2s background}
.svc-btn svg{width:18px;height:18px;flex:none}
.svc-btn-primary{background:#0086C9;color:#fff;box-shadow:0 10px 24px rgba(0,134,201,.3)}
.svc-btn-primary:hover{background:#05699c;transform:translateY(-2px)}
.svc-btn-outline{background:#fff;color:#062C41;border:2px solid #DCE6EF}
.svc-btn-outline:hover{border-color:#0086C9;color:#0086C9;transform:translateY(-2px)}
.svc-hero-media{border-radius:20px;overflow:hidden;box-shadow:0 24px 50px rgba(6,44,65,.18)}
.svc-hero-media img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3;display:block}

.svc-section{padding:52px 0}
.svc-section-alt{background:#F5F9FC}
.svc-head{max-width:640px;margin:0 0 34px}
.svc-head.center{margin-left:auto;margin-right:auto;text-align:center}
.svc-head .eyebrow{display:inline-flex;font-size:.78rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#0086C9;background:#E8F5FD;padding:6px 14px;border-radius:999px;margin-bottom:12px}
.svc-head h2{font-size:clamp(1.5rem,2.6vw,1.9rem);color:#062C41;margin:0 0 10px}
.svc-head p{color:#5B6B7C;font-size:1.02rem;margin:0;line-height:1.6}

.svc-about{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.svc-about img{width:100%;border-radius:18px;box-shadow:0 14px 34px rgba(6,44,65,.14);aspect-ratio:4/3;object-fit:cover}
.svc-about p{color:#3C4A58;line-height:1.7;font-size:1.02rem}

.svc-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;counter-reset:svc-step}
.svc-step{background:#fff;border:1px solid #E4EAF1;border-radius:16px;padding:26px;position:relative}
.svc-step-num{width:40px;height:40px;border-radius:12px;background:#0086C9;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.05rem;margin-bottom:16px}
.svc-step h3{font-size:1.02rem;color:#062C41;margin:0 0 8px}
.svc-step p{color:#5B6B7C;font-size:.9rem;margin:0;line-height:1.55}

.svc-symptoms{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}
.svc-symptom{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid #E4EAF1;border-radius:14px;padding:18px}
.svc-symptom svg{width:20px;height:20px;color:#E4531F;flex:none;margin-top:2px}
.svc-symptom span{font-size:.92rem;color:#062C41;font-weight:600;line-height:1.4}

.svc-benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px}
.svc-benefit{text-align:center;padding:24px}
.svc-benefit .ico{width:52px;height:52px;border-radius:16px;background:#E8F5FD;color:#0086C9;display:flex;align-items:center;justify-content:center;margin:0 auto 14px}
.svc-benefit .ico svg{width:24px;height:24px}
.svc-benefit h3{font-size:.98rem;color:#062C41;margin:0 0 6px}
.svc-benefit p{color:#5B6B7C;font-size:.86rem;margin:0}

.svc-faq{max-width:760px;margin:0 auto;display:grid;gap:12px}
.svc-faq-item{border:1px solid #E4EAF1;border-radius:14px;background:#fff;overflow:hidden}
.svc-faq-item summary{cursor:pointer;list-style:none;padding:18px 22px;font-weight:700;font-size:.96rem;color:#062C41;display:flex;align-items:center;justify-content:space-between;gap:12px}
.svc-faq-item summary::-webkit-details-marker{display:none}
.svc-faq-item summary .plus{flex:none;width:24px;height:24px;border-radius:50%;background:#E8F5FD;color:#0086C9;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:.2s transform}
.svc-faq-item[open] summary .plus{transform:rotate(45deg)}
.svc-faq-item .svc-faq-a{padding:0 22px 20px;color:#5B6B7C;font-size:.9rem;line-height:1.6}

.svc-related{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.svc-related a{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;border:1px solid #E4EAF1;border-radius:14px;padding:16px 18px;color:#062C41;font-weight:700;font-size:.9rem;text-decoration:none;transition:.2s border-color,.2s transform}
.svc-related a:hover{border-color:#0086C9;transform:translateY(-2px)}
.svc-related a svg{width:16px;height:16px;color:#0086C9;flex:none}

.svc-cta{background:linear-gradient(120deg,#0086C9 0%,#062C41 100%);border-radius:22px;padding:48px;text-align:center;color:#fff}
.svc-cta h2{font-size:clamp(1.3rem,2.8vw,1.8rem);margin:0 0 10px}
.svc-cta p{color:rgba(255,255,255,.85);max-width:480px;margin:0 auto 24px}
.svc-cta .svc-btn-primary{background:#fff;color:#0086C9;box-shadow:none}
.svc-cta .svc-btn-primary:hover{background:#fff;opacity:.9}
.svc-cta .svc-btn-outline{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.5)}
.svc-cta .svc-btn-outline:hover{background:rgba(255,255,255,.22);color:#fff}

@media (max-width:900px){
  .svc-hero,.svc-about{grid-template-columns:1fr}
  .svc-hero-media{order:-1}
}
@media (max-width:600px){
  .svc-cta{padding:34px 22px}
}