/*
 * SERISI.COM.TR design unification layer — 2026-08-28
 * Goal: keep the established homepage/classic visual language while
 * normalizing later-generated templates. No SEO/content/URL behavior here.
 */
:root{
  --serisi-container:64rem;
  --serisi-page-pad:1.5rem;
  --serisi-radius-lg:2rem;
  --serisi-radius-md:1.25rem;
  --serisi-border:#e2e8f0;
  --serisi-text:#0f172a;
  --serisi-muted:#475569;
  --serisi-soft:#f8fafc;
  --serisi-shadow:0 10px 28px rgba(15,23,42,.07);
}
html{overflow-x:hidden}
body{overflow-x:hidden}
img,svg,video{max-width:100%}
main,main section,main article,main figure,main div{min-width:0}
main p,main li,main a,footer p,footer a{overflow-wrap:anywhere}

/* ---------- Later-generated v107 family: bring shell back to classic site ---------- */
.serisi-template-v107 .serisi-reference-band{
  background:#f8fafc;border-bottom:1px solid #e2e8f0;text-align:center;
  padding:.5rem 1rem;font-size:11px;color:#64748b;letter-spacing:.025em;
  position:relative;z-index:50;font-weight:500;
}
.serisi-template-v107 .serisi-reference-band strong{color:#334155}
.serisi-template-v107 .serisi-reference-header{
  width:100%;position:sticky;top:0;z-index:40;background:rgba(255,255,255,.95);
  backdrop-filter:blur(12px);border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px rgba(15,23,42,.08)
}
.serisi-template-v107 .serisi-reference-header__inner{
  max-width:var(--serisi-container);margin:0 auto;padding:0 var(--serisi-page-pad);
  height:4rem;display:flex;justify-content:space-between;align-items:center;font-size:15px
}
.serisi-template-v107 .serisi-reference-brand{
  display:flex;align-items:center;gap:.75rem;font-weight:800;color:#0f172a;letter-spacing:.025em;text-decoration:none
}
.serisi-template-v107 .serisi-reference-brand:hover{opacity:.72}
.serisi-template-v107 .serisi-reference-actions{display:flex;align-items:center;gap:1.25rem}
.serisi-template-v107 .serisi-reference-note{color:#64748b;font-size:.875rem;font-weight:500}
.serisi-template-v107 .serisi-reference-phone{
  display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1.25rem;border-radius:9999px;
  background:#0f172a;color:#fff;font-size:.875rem;font-weight:700;text-decoration:none;box-shadow:0 4px 10px rgba(15,23,42,.15)
}
.serisi-template-v107 .serisi-reference-phone:hover{background:#2563eb}

/* v107 dark hero -> established light card language */
.serisi-template-v107 main{padding:1.5rem 0 2.5rem}
.serisi-template-v107 main>section:first-child{
  max-width:var(--serisi-container)!important;margin:0 auto!important;padding:0 var(--serisi-page-pad)!important;
  background:transparent!important;border:0!important;color:var(--serisi-text)!important
}
.serisi-template-v107 main>section:first-child>div{
  max-width:none!important;margin:0!important;padding:2rem!important;background:#fff!important;
  border:1px solid var(--serisi-border)!important;border-radius:var(--serisi-radius-lg)!important;
  box-shadow:var(--serisi-shadow)!important
}
.serisi-template-v107 main>section:first-child nav{color:#94a3b8!important;margin-bottom:1rem!important;font-size:.75rem!important}
.serisi-template-v107 main>section:first-child nav a{color:#475569!important}
.serisi-template-v107 main>section:first-child h1{
  color:var(--serisi-text)!important;font-size:2.25rem!important;line-height:1.12!important;font-weight:800!important;
  letter-spacing:-.025em!important;max-width:52rem!important;margin-top:.75rem!important
}
.serisi-template-v107 main>section:first-child p{color:var(--serisi-muted)!important;line-height:1.7!important}
.serisi-template-v107 main>section:first-child .text-blue-300{color:#1d4ed8!important}
.serisi-template-v107 main>section:first-child .border-slate-600,
.serisi-template-v107 main>section:first-child .border-slate-700{border-color:#cbd5e1!important}
.serisi-template-v107 main>section:first-child .v13-operation-intro{max-width:none!important;gap:1.5rem!important}
.serisi-template-v107 main>section:first-child .v13-operation-media{
  border-color:var(--serisi-border)!important;border-radius:1.25rem!important;box-shadow:none!important;background:var(--serisi-soft)!important
}
.serisi-template-v107 main>section:first-child .v13-operation-image{height:300px!important}
.serisi-template-v107 .migration-hero-action{font-weight:800!important;padding:.65rem 1.1rem!important}
.serisi-template-v107 .migration-hero-action--primary{background:#0f172a!important;color:#fff!important}
.serisi-template-v107 .migration-hero-action--primary:hover{background:#2563eb!important}
.serisi-template-v107 .migration-hero-action--secondary{border-color:#cbd5e1!important;color:#334155!important;background:#fff!important}

/* v107 article becomes one coherent content card, same width as classic pages */
.serisi-template-v107 main>.max-w-6xl,
.serisi-template-v107 main>article.max-w-6xl{
  max-width:var(--serisi-container)!important;margin:1.25rem auto 0!important;padding:2rem!important;
  background:#fff!important;border:1px solid var(--serisi-border)!important;border-radius:var(--serisi-radius-lg)!important;
  box-shadow:var(--serisi-shadow)!important
}
.serisi-template-v107 .v107-article>section,
.serisi-template-v107 .v107-article>nav{margin-top:1.75rem!important;margin-bottom:1.75rem!important}
.serisi-template-v107 .v107-article>section:first-child{margin-top:0!important}
.serisi-template-v107 .v107-article h2{font-weight:800!important;letter-spacing:-.015em!important;color:#0f172a!important}
.serisi-template-v107 .v107-article h3{font-weight:800!important;color:#0f172a!important}
.serisi-template-v107 .v107-article p,.serisi-template-v107 .v107-article li{color:#334155!important;line-height:1.7!important}
.serisi-template-v107 .v107-article .rounded-3xl,
.serisi-template-v107 .v107-article .rounded-\[1\.5rem\],
.serisi-template-v107 .v107-article .rounded-2xl{border-radius:1.25rem!important}
.serisi-template-v107 .v107-article .shadow-sm{box-shadow:none!important}
.serisi-template-v107 .v107-article .bg-slate-950{
  background:#f8fafc!important;color:#0f172a!important;border:1px solid #e2e8f0!important
}
.serisi-template-v107 .v107-article .bg-slate-950 h2,
.serisi-template-v107 .v107-article .bg-slate-950 a{color:#0f172a!important}
.serisi-template-v107 .v107-article .bg-slate-950 a{border-color:#cbd5e1!important;background:#fff!important}
.serisi-template-v107 .v107-article details{border-color:#e2e8f0!important;background:#fff!important;box-shadow:none!important}
.serisi-template-v107 .v107-article summary{min-height:44px;display:flex;align-items:center}

/* ---------- Classic generated pages (including kazan-servisi.html) ---------- */
.serisi-template-classic article.max-w-5xl{max-width:var(--serisi-container)!important}
.serisi-template-classic .prose>section,
.serisi-template-classic .prose>div,
.serisi-template-classic .prose>details,
.serisi-template-classic .prose>figure{scroll-margin-top:7rem}
.serisi-template-classic .prose>.my-10,
.serisi-template-classic .prose>.my-8{margin-top:1.75rem!important;margin-bottom:1.75rem!important}
.serisi-template-classic .prose>.mb-9{margin-bottom:1.75rem!important}
.serisi-template-classic .prose .rounded-3xl{border-radius:1.25rem!important}
.serisi-template-classic .prose .rounded-2xl{border-radius:1rem!important}
.serisi-template-classic .prose .shadow-sm{box-shadow:none!important}
.serisi-template-classic .prose section[class*="border"],
.serisi-template-classic .prose div[class*="border"],
.serisi-template-classic .prose details[class*="border"]{border-color:#e2e8f0!important}
.serisi-template-classic .prose h2{line-height:1.25!important;letter-spacing:-.015em!important}
.serisi-template-classic .prose h3{line-height:1.3!important}
.serisi-template-classic .prose p,.serisi-template-classic .prose li{line-height:1.7!important}
.serisi-template-classic .prose details summary{min-height:44px}
.serisi-template-classic .prose [class*="md:grid-cols-4"]>div{
  min-width:0;height:100%;border-color:#e2e8f0!important;border-radius:1rem!important;background:#f8fafc!important
}
.serisi-template-classic .v132-service-media{margin:1.75rem auto!important;border-radius:1.25rem!important;box-shadow:none!important}
.serisi-template-classic .v132-service-frame{height:clamp(220px,31vw,360px)!important;background:#f8fafc!important}
.serisi-template-classic .v132-service-image{object-fit:cover!important;object-position:center!important}
.serisi-template-classic .v132-service-caption{color:#64748b!important;background:#f8fafc!important}

/* ---------- Shared form alignment with homepage capsule ---------- */
#deba-kapsul-container{max-width:1040px!important;margin-top:2rem!important}
.deba-v3-shell{grid-template-columns:minmax(0,1.05fr) minmax(0,1.4fr)!important;border-radius:28px!important;box-shadow:0 14px 36px rgba(15,23,42,.08)!important}
.deba-v3-side{padding:34px 28px!important;background:linear-gradient(180deg,#0f172a 0%,#1e293b 100%)!important}
.deba-v3-side h2{font-size:28px!important}
.deba-v3-form{padding:30px 28px!important}
.deba-v3-form h3{font-size:24px!important}
.deba-v3-input{min-height:48px!important;padding:12px 13px!important;border-radius:14px!important;font-size:14px!important}
.deba-v3-input:focus{border-color:#10b981!important;box-shadow:0 0 0 4px rgba(16,185,129,.12)!important}
.deba-v3-check{border-radius:16px!important;padding:12px 13px!important}
.deba-v3-submit{min-height:50px!important;border-radius:16px!important;background:#0f172a!important;font-size:14px!important;letter-spacing:.03em!important}
.deba-v3-submit:hover{background:#10b981!important}
.deba-v3-foot a{color:#166534!important}

/* ---------- Responsive ---------- */
@media(max-width:820px){
  :root{--serisi-page-pad:1rem}
  .serisi-template-v107 .serisi-reference-note{display:none}
  .serisi-template-v107 main{padding-top:1rem}
  .serisi-template-v107 main>section:first-child>div,
  .serisi-template-v107 main>.max-w-6xl,
  .serisi-template-v107 main>article.max-w-6xl{padding:1.5rem!important;border-radius:1.5rem!important}
  .serisi-template-v107 main>section:first-child h1{font-size:2rem!important}
  .serisi-template-v107 main>section:first-child .v13-operation-image{height:240px!important}
  .deba-v3-shell{grid-template-columns:1fr!important;border-radius:22px!important}
  .deba-v3-side{padding:26px 22px!important}
  .deba-v3-side h2{font-size:24px!important}
  .deba-v3-form{padding:24px 20px!important}
  .deba-v3-grid{grid-template-columns:1fr!important}
}
@media(max-width:640px){
  .serisi-template-v107 .serisi-reference-header__inner{padding:0 .9rem;height:3.75rem}
  .serisi-template-v107 .serisi-reference-brand{gap:.5rem;font-size:.95rem}
  .serisi-template-v107 .serisi-reference-brand svg{width:20px;height:20px}
  .serisi-template-v107 .serisi-reference-phone{padding:.48rem .9rem;font-size:.78rem}
  .serisi-template-v107 main>section:first-child>div,
  .serisi-template-v107 main>.max-w-6xl,
  .serisi-template-v107 main>article.max-w-6xl{padding:1.25rem!important;border-radius:1.25rem!important}
  .serisi-template-v107 main>section:first-child h1{font-size:1.75rem!important;line-height:1.15!important}
  .serisi-template-v107 main>section:first-child p{font-size:.9rem!important}
  .serisi-template-v107 main>section:first-child .v13-operation-intro{grid-template-columns:1fr!important;gap:1rem!important}
  .serisi-template-v107 main>section:first-child .v13-operation-image{height:220px!important}
  .serisi-template-v107 .v107-article>section,.serisi-template-v107 .v107-article>nav{margin-top:1.35rem!important;margin-bottom:1.35rem!important}
  .serisi-template-v107 .v107-article h2{font-size:1.35rem!important;line-height:1.25!important}
  .serisi-template-classic article.max-w-5xl{padding-left:1rem!important;padding-right:1rem!important;padding-top:1.5rem!important;padding-bottom:1.5rem!important;border-radius:1.5rem!important}
  .serisi-template-classic article.max-w-5xl>div:first-child{gap:1rem!important;margin-bottom:1.75rem!important}
  .serisi-template-classic article.max-w-5xl>div:first-child>div:first-child{width:6rem!important;height:6rem!important}
  .serisi-template-classic article.max-w-5xl>div:first-child svg{width:6rem!important;height:6rem!important}
  .serisi-template-classic article.max-w-5xl h1{font-size:1.75rem!important;line-height:1.15!important}
  .serisi-template-classic .prose .p-7{padding:1.25rem!important}
  .serisi-template-classic .prose .p-6{padding:1.15rem!important}
  .serisi-template-classic .v132-service-frame{height:220px!important}
  #deba-kapsul-container{padding:0 14px!important}
  .deba-v3-form{padding:20px 16px!important}
}
@media(max-width:360px){
  .serisi-template-v107 .serisi-reference-band{font-size:10px;padding:.4rem .65rem}
  .serisi-template-v107 .serisi-reference-phone{padding:.45rem .72rem;font-size:.74rem}
  .serisi-template-v107 main>section:first-child>div,
  .serisi-template-v107 main>.max-w-6xl,
  .serisi-template-v107 main>article.max-w-6xl{padding:1rem!important}
  .serisi-template-classic article.max-w-5xl{padding-left:.85rem!important;padding-right:.85rem!important}
}

/* Preserve the generated template's three useful internal navigation links. */
.serisi-template-v107 .serisi-reference-nav{display:flex;align-items:center;gap:1rem;font-size:.78rem;font-weight:700}
.serisi-template-v107 .serisi-reference-nav a{color:#475569;text-decoration:none;white-space:nowrap}
.serisi-template-v107 .serisi-reference-nav a:hover{color:#1d4ed8}
@media(max-width:1023px){.serisi-template-v107 .serisi-reference-nav{display:none}}
@media(min-width:1024px){.serisi-template-v107 .serisi-reference-note{display:none}}


/* ---------- Fix unreadable dark CTA panels only ---------- */
.serisi-template-v107 .v107-article .bg-slate-900,
.serisi-template-v107 .v107-article .bg-slate-800,
.serisi-template-classic .prose .bg-slate-900,
.serisi-template-classic .prose .bg-slate-800{
  color:#fff!important;
  border-color:#1e293b!important;
}
.serisi-template-v107 .v107-article .bg-slate-900 h2,
.serisi-template-v107 .v107-article .bg-slate-900 h3,
.serisi-template-v107 .v107-article .bg-slate-800 h2,
.serisi-template-v107 .v107-article .bg-slate-800 h3,
.serisi-template-classic .prose .bg-slate-900 h2,
.serisi-template-classic .prose .bg-slate-900 h3,
.serisi-template-classic .prose .bg-slate-800 h2,
.serisi-template-classic .prose .bg-slate-800 h3{
  color:#fff!important;
}
.serisi-template-v107 .v107-article .bg-slate-900 p,
.serisi-template-v107 .v107-article .bg-slate-900 li,
.serisi-template-v107 .v107-article .bg-slate-800 p,
.serisi-template-v107 .v107-article .bg-slate-800 li,
.serisi-template-classic .prose .bg-slate-900 p,
.serisi-template-classic .prose .bg-slate-900 li,
.serisi-template-classic .prose .bg-slate-800 p,
.serisi-template-classic .prose .bg-slate-800 li{
  color:#cbd5e1!important;
}
.serisi-template-v107 .v107-article .bg-slate-900 a,
.serisi-template-v107 .v107-article .bg-slate-800 a,
.serisi-template-classic .prose .bg-slate-900 a,
.serisi-template-classic .prose .bg-slate-800 a{
  color:#0f172a!important;
}


body.serisi-template-classic>nav.max-w-5xl{color:#5b6b7b}
#deba-kapsul-container .deba-input::placeholder{color:#64748b;opacity:1}


body>nav.max-w-5xl{color:#5b6b7b}

body main>section:first-child nav.text-slate-400{color:#5b6b7b!important}
