/* Namespaced shell: independent of page-specific font, image and grid rules. */
/* Both page engines must reserve the same scrollbar space. */
html:has(body.cm-shared-shell) { scrollbar-gutter: stable; scrollbar-width: auto !important; }
html:has(body.cm-shared-shell)::-webkit-scrollbar { display: block !important; width: 12px; }
html:has(body.cm-shared-shell)::-webkit-scrollbar-thumb { background: #8b9fbe; }
html:has(body.cm-shared-shell)::-webkit-scrollbar-track { background: #f4f8fc; }
@media (max-width: 760px) {
  html body.cm-shared-shell :is(main, article, .cm-site-footer, .cm-site-menu, .cm-qf, .ad-shell) {
    text-align: center !important;
  }
  html body.cm-shared-shell :is(h1,h2,h3,h4,h5,h6,p,li,legend,label,figcaption,blockquote,summary,th,td) {
    text-align: center !important;
  }
  html body.cm-shared-shell :is(h1,h2,h3,h4,h5,h6,p,blockquote) {
    margin-inline: auto !important;
    max-width: 100%;
    overflow-wrap: anywhere;
  }
  html body.cm-shared-shell :is(.ad-kicker,.ad-button,.sample-cta-actions,.cm-qf__submit,.cm-qf__radios label,.cm-qf__unknown) {
    justify-content: center !important;
  }
  html body.cm-shared-shell :is(.ad-section__head,.process-quality-heading,.sample-cta-copy,.cm-blog-showcase > header) {
    justify-items: center !important;
    text-align: center !important;
  }
  html body.cm-shared-shell :is(.process-quality-heading > span,.cm-form-launcher span,.cm-form-launcher small,.cm-qf__field > span,.cm-qf__radios span,.cm-site-menu a,.cm-site-footer a) {
    text-align: center !important;
  }
  html body.cm-shared-shell .process-quality-flow article {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 16px !important;
  }
  html body.cm-shared-shell :is(.ad-checks,article ul,article ol) {
    list-style-position: inside;
    padding-inline: 0 !important;
  }
  html body.cm-shared-shell :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),textarea,select) {
    text-align: center !important;
    text-align-last: center;
    max-width: 100%;
    min-width: 0;
  }
  html body.cm-shared-shell :is(.cm-qf__field,.ad-detail__copy,.ad-hero__content,.process-quality-copy) { min-width: 0; }
  html body.cm-shared-shell .cm-site-footer-grid { justify-items: center; }
  html body.cm-shared-shell .cm-site-footer-grid > div { width: 100%; }
}
body.cm-shared-shell { padding-top: 88px !important; }
.cm-loader-pending body>*{visibility:hidden!important}
.cm-loader-active{overflow:hidden!important}
.cm-shared-shell .hero-container .hero-title{
  max-width:calc(100vw - 32px)!important;
  white-space:nowrap!important;
  overflow-wrap:normal!important;
  word-break:keep-all!important;
  hyphens:none!important;
}
html body.cm-shared-shell main :is(h1,h2,h3,h4,h5,h6){
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}
@media(max-width:767px){
  .cm-shared-shell .hero-container .hero-title-mask{padding-inline:12px!important}
  .cm-shared-shell .hero-container .hero-title{
    margin-bottom:1.25rem!important;
    font-size:clamp(1.75rem,8.8vw,2.65rem)!important;
    line-height:1.05!important;
    letter-spacing:-.025em!important;
  }
  html body.cm-shared-shell main article.bg-white>div.mx-auto>div.grid:first-child>div:first-child>h1{
    max-width:100%!important;
    font-size:clamp(2.25rem,10.5vw,3.15rem)!important;
    line-height:1.08!important;
    letter-spacing:-.018em!important;
    text-wrap:balance!important;
  }
}
.cm-page-loader{position:fixed;z-index:5000;inset:0;display:grid;place-items:center;overflow:hidden;background:#f4f8fc;color:#173f84;opacity:1;transition:opacity .42s cubic-bezier(.16,1,.3,1);will-change:opacity}
.cm-page-loader[data-state="leaving"]{pointer-events:none;opacity:0}
.cm-page-loader__mark{display:grid;justify-items:center;gap:20px;width:min(280px,72vw);background:transparent}
.cm-page-loader__logo{display:block;width:112px;height:82px;object-fit:contain;background:transparent;filter:drop-shadow(0 10px 20px rgba(14,47,103,.12));animation:cm-loader-mark .72s cubic-bezier(.16,1,.3,1) both}
.cm-page-loader__track{position:relative;width:100%;height:4px;overflow:hidden;border-radius:999px;background:#d9e3f0}
.cm-page-loader__track::after{content:"";position:absolute;inset:0;transform-origin:left center;background:linear-gradient(90deg,#173f84 0 48%,#2db6db 68%,#cb4398 100%);animation:cm-loader-progress 1.15s cubic-bezier(.16,1,.3,1) infinite}
.cm-page-loader__label{font:800 .7rem/1 var(--cm-font-body,"IBM Plex Sans",sans-serif);letter-spacing:.2em;text-transform:uppercase;color:#456493}
@keyframes cm-loader-mark{from{transform:scale(.94)}to{transform:none}}
@keyframes cm-loader-progress{0%{transform:translateX(-100%) scaleX(.35)}55%{transform:translateX(-12%) scaleX(.78)}100%{transform:translateX(100%) scaleX(.45)}}
@media(prefers-reduced-motion:reduce){.cm-page-loader{transition:opacity .14s linear}.cm-page-loader__logo{animation:none}.cm-page-loader__track::after{animation:none;transform:none}}
.cm-shared-shell main > nav.fixed,
.cm-shared-shell .ad-nav,
.cm-shared-shell main > footer:not(.cm-site-footer),
.cm-shared-shell .ad-mobile-cta,
.cm-shared-shell .cm-language-menu { display:none !important; }
.cm-site-header {position:fixed;inset:0 0 auto;z-index:1000;height:88px;display:flex;align-items:center;justify-content:space-between;padding:12px clamp(20px,4vw,64px);background:#f4f8fc;color:#173f84;border-bottom:4px solid #173f84;box-sizing:border-box;font:16px/1.5 Arial,sans-serif}
.cm-site-header::after{content:"";position:absolute;bottom:-4px;inset-inline-end:0;width:30%;height:4px;background:linear-gradient(90deg,#2db6db 55%,#cb4398 55%)}
.cm-site-logo{display:block;width:88px;flex:none}
.cm-site-logo img{display:block;width:88px!important;height:60px!important;object-fit:contain!important;filter:none!important}
.cm-site-controls{display:flex;align-items:center;gap:16px}
.cm-theme-toggle{display:grid;place-items:center;width:48px;height:48px;flex:none;border:1px solid rgba(23,63,132,.16);border-radius:50%;background:#fff;color:#173f84;box-shadow:0 8px 22px rgba(20,57,116,.1);cursor:pointer;transition:transform .2s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease}
.cm-theme-toggle:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(20,57,116,.16)}
.cm-theme-toggle:focus-visible{outline:3px solid #2db6db;outline-offset:3px}
.cm-theme-icon{width:21px;height:21px}
.cm-theme-icon--sun{display:none}
html[data-cm-theme="dark"] .cm-theme-icon--sun{display:block}
html[data-cm-theme="dark"] .cm-theme-icon--moon{display:none}
.cm-language-picker{position:relative}
.cm-language-picker>summary{display:flex;align-items:center;gap:10px;min-width:148px;min-height:44px;padding:8px 16px;list-style:none;border:1px solid #c8d5e7;border-radius:999px;background:rgba(255,255,255,.82);color:#173f84;box-shadow:0 6px 18px rgba(20,57,116,.08);cursor:pointer;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}
.cm-language-picker>summary::-webkit-details-marker{display:none}
.cm-language-picker>summary:hover{background:#fff;border-color:#9db2cf;box-shadow:0 8px 22px rgba(20,57,116,.13)}
.cm-language-flag{display:grid;place-items:center;width:25px;height:20px;flex:none;border-radius:4px;background:#fff;font-size:17px;line-height:1;box-shadow:inset 0 0 0 1px rgba(12,45,99,.1)}
.cm-language-current{min-width:68px;font-weight:600;white-space:nowrap}
.cm-language-chevron{flex:none;transition:transform .22s cubic-bezier(.2,.8,.2,1)}
.cm-language-picker[open] .cm-language-chevron{transform:rotate(180deg)}
.cm-language-options{position:absolute;z-index:2;top:calc(100% + 10px);inset-inline-end:0;width:218px;padding:7px;border:1px solid #d4dfed;border-radius:14px;background:rgba(255,255,255,.97);box-shadow:0 18px 44px rgba(11,39,87,.18);animation:cm-language-enter .2s cubic-bezier(.2,.8,.2,1)}
.cm-language-option{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;padding:8px 10px;border-radius:9px;color:#173f84!important;text-decoration:none;font-size:14px;transition:background-color .16s ease,color .16s ease}
.cm-language-option:hover,.cm-language-option:focus-visible{background:#edf4fb}
.cm-language-option[aria-current="true"]{background:#e9f3fb;color:#0d5d9b!important;font-weight:700}
.cm-language-option>span:nth-child(2){flex:1}
.cm-language-check{flex:none;color:#169fc3}
@keyframes cm-language-enter{from{opacity:0;transform:translateY(-5px) scale(.985)}to{opacity:1;transform:none}}
.cm-site-menu summary{display:grid;place-items:center;width:48px;height:48px;list-style:none;border-radius:50%;background:#173f84;color:white;cursor:pointer}
.cm-site-menu summary::-webkit-details-marker{display:none}
.cm-site-menu:not([open]) > nav { display:none !important; }
/* Keep legacy page/form typography out of the shared navigation. */
html body.cm-shared-shell .cm-site-header :is(a,div,label,select,details,summary,svg,span) {
  box-sizing:border-box;
  margin:0;
  letter-spacing:normal;
  text-transform:none;
  line-height:1.5;
}
html body.cm-shared-shell .cm-site-header .cm-site-menu {
  position:static; flex:none; width:48px; padding:0; border:0; background:transparent;
}
html body.cm-shared-shell .cm-site-header summary { padding:0; border:0; }
html body.cm-shared-shell .cm-site-header summary svg { display:block; width:24px; height:24px; flex:none; }
.cm-site-header :is(a,select,summary):focus-visible { outline:3px solid #173f84; outline-offset:4px; }
.cm-site-header nav a[aria-current="page"] { background:#edf3fa; font-weight:700; }
@media(max-width:420px) {
  .cm-language-current{min-width:0;max-width:88px;overflow:hidden;text-overflow:ellipsis}
  .cm-language-picker>summary{min-width:144px;gap:9px;padding-inline:14px}
  .cm-language-options{position:fixed;top:78px;inset-inline:12px;width:auto}
}
.cm-site-menu nav{position:absolute;inset-inline-end:20px;top:82px;display:grid;gap:4px;width:min(320px,calc(100vw - 40px));max-height:calc(100dvh - 110px);overflow:auto;padding:16px;background:white;border:1px solid #bccce3;box-shadow:0 16px 32px #173f8426}
.cm-site-menu nav a{padding:12px;color:#173f84;text-decoration:none}
.cm-site-menu nav a:hover{background:#edf3fa}
/* Production sidebar layout: large primary links and compact technical guides. */
html body.cm-shared-shell .cm-site-menu > nav {
  position:fixed; top:88px; bottom:0; inset-inline-end:0;
  width:min(360px,100%); max-height:none; display:block;
  overflow-y:auto; overscroll-behavior:contain;
  padding:24px 32px calc(88px + env(safe-area-inset-bottom));
  background:#fff; border:0; border-inline-start:1px solid #cfdaeb;
  box-shadow:-12px 16px 32px #173f841a; text-align:start!important;
}
html body.cm-shared-shell .cm-site-menu nav .cm-site-menu-heading {
  margin:0 0 34px!important; color:#5878b2; font:700 14px/1.5 Arial,sans-serif;
  letter-spacing:.2em; text-transform:uppercase; text-align:start!important;
}
html body.cm-shared-shell .cm-site-menu nav .cm-site-menu-main {
  display:block; padding:15px 0; border-bottom:1px solid #cfdaeb;
  font:400 40px/1.02 Arial,sans-serif; color:#1a428a;
  text-align:start!important; overflow-wrap:break-word;
}
html body.cm-shared-shell .cm-site-menu-blog { padding:20px 0; border-bottom:1px solid #cfdaeb; }
html body.cm-shared-shell .cm-site-menu-blog > p {
  margin:0 0 10px!important; font:700 11px/1.5 Arial,sans-serif;
  letter-spacing:.14em; color:#5878b2; text-align:start!important;
}
html body.cm-shared-shell .cm-site-menu nav .cm-site-menu-all {
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:13px; background:#1a428a; color:#fff;
  font:700 13px/1.3 Arial,sans-serif; text-transform:uppercase; text-align:start!important;
}
html body.cm-shared-shell .cm-site-menu nav .cm-site-menu-article {
  display:grid; grid-template-columns:22px minmax(0,1fr); gap:8px;
  padding:9px 2px; border-bottom:1px solid #dce4f1;
  font:700 12px/1.3 Arial,sans-serif; text-align:start!important;
}
.cm-site-menu-article > span:first-child { color:#087c9a; font-size:10px; letter-spacing:.06em; }
.cm-site-menu[open] summary svg { visibility:hidden; }
.cm-site-menu[open] summary { position:relative; }
.cm-site-menu[open] summary::before,.cm-site-menu[open] summary::after {
  content:""; position:absolute; width:24px; height:2px; background:white; transform:rotate(45deg);
}
.cm-site-menu[open] summary::after { transform:rotate(-45deg); }
@media(max-width:360px) {
  html body.cm-shared-shell .cm-site-menu > nav { padding-inline:24px; }
  html body.cm-shared-shell .cm-site-menu nav .cm-site-menu-main { font-size:36px; }
}
.cm-site-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.cm-site-footer{display:block!important;color:#1a428a;background:#dfeaf2;font:16px/1.5 Arial,sans-serif}
.cm-site-footer .cm-site-wave{display:block;width:100%!important;height:clamp(64px,10vw,150px)!important;max-width:none}
.cm-site-footer-body{padding:16px clamp(20px,4vw,64px) 96px;background:#1a428a;color:white}
.cm-site-footer-grid{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:clamp(32px,5vw,80px);max-width:1280px;margin:auto}
.cm-site-footer-grid>div{min-width:0}
.cm-site-footer h2,.cm-site-footer h3{margin:0;color:white!important;font:700 24px/1.05 Arial,sans-serif;letter-spacing:normal;text-transform:uppercase}
.cm-site-footer h2{font-size:clamp(28px,2.3vw,38px)}
.cm-site-footer .cm-site-product-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-items:center;gap:14px 32px;margin-top:24px;text-align:center}
.cm-site-footer a{color:white!important;overflow-wrap:anywhere;text-decoration:none}
.cm-site-footer :is(.cm-site-product-links a,.cm-site-inline-link){width:fit-content;border-bottom:1px solid #ffffff59;opacity:.8}
.cm-site-footer a:hover{opacity:1}
.cm-site-footer p{margin:20px 0;color:white!important;line-height:1.5;opacity:.8}
.cm-site-footer .cm-site-contact-links{display:grid;gap:16px;margin-top:24px}
.cm-site-footer .cm-site-contact-links p{margin:0}
.cm-site-footer .cm-site-phone{font-size:30px;font-weight:bold;opacity:1}
.cm-site-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1280px;margin:48px auto 0;padding-top:24px;border-top:1px solid #ffffff33;font-size:13px}
.cm-site-footer-bottom p{margin:0;opacity:.65}
.cm-site-footer-bottom a{text-decoration:underline;text-underline-offset:4px}
.cm-product-compare-link > span.grid.items-center{width:100%!important;min-width:0!important}
.cm-product-compare-link .cm-product-compare-action{justify-self:end!important;margin-inline-start:auto!important;text-align:end!important}
html[lang^="tr"] .cm-product-compare-link .cm-product-compare-action{font-size:0!important}
html[lang^="tr"] .cm-product-compare-link .cm-product-compare-action>*{display:none!important}
html[lang^="tr"] .cm-product-compare-link .cm-product-compare-action::after{content:"İNCELE →";font:700 12px/1.3 "IBM Plex Sans",sans-serif;letter-spacing:.16em;white-space:nowrap}
.cm-shared-shell .ad-hero h1,.cm-shared-shell .ad-quick-form h2,.cm-shared-shell .ad-form-section h2,.cm-shared-shell .ad-section h2,.cm-shared-shell .ad-detail h2{line-height:1.2!important;letter-spacing:-.02em!important;overflow-wrap:anywhere}
.cm-shared-shell .ad-hero__content{padding-top:64px}
@media(max-width:760px){.cm-site-footer-grid{grid-template-columns:1fr}.cm-site-footer-bottom{align-items:center;flex-direction:column;text-align:center}.cm-site-footer .cm-site-product-links{width:min(100%,320px);margin-inline:auto}.cm-site-footer .cm-site-contact-links{justify-items:center}.cm-site-header{padding-inline:16px}.cm-site-controls{gap:10px}.cm-shared-shell .ad-hero h1{font-size:clamp(2rem,8vw,3.4rem)!important}.cm-shared-shell .ad-form-section h2{font-size:clamp(1.8rem,7vw,2.8rem)!important}}

/* Premium language control shared by every route. */
html body.cm-shared-shell .cm-site-header .cm-language-picker > summary {
  position:relative;
  display:grid;
  grid-template-columns:32px minmax(62px,1fr) 28px;
  align-items:center;
  column-gap:10px;
  min-width:164px;
  min-height:52px;
  padding:5px 7px 5px 8px;
  overflow:hidden;
  border:1px solid rgba(23,63,132,.16);
  border-radius:999px;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(240,246,252,.94));
  box-shadow:
    0 10px 28px rgba(14,48,103,.12),
    inset 0 1px 0 rgba(255,255,255,.95),
    inset 0 0 0 1px rgba(255,255,255,.42);
  isolation:isolate;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
html body.cm-shared-shell .cm-site-header .cm-language-picker > summary::after {
  content:"";
  position:absolute;
  z-index:-1;
  inset:auto 18px -1px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,#2db6db,#cb4398);
  opacity:.8;
}
html body.cm-shared-shell .cm-site-header .cm-language-picker > summary:hover {
  transform:translateY(-1px);
  border-color:rgba(23,63,132,.28);
  box-shadow:0 14px 32px rgba(14,48,103,.16),inset 0 1px 0 #fff;
}
html body.cm-shared-shell .cm-site-header .cm-language-flag {
  width:32px;
  height:32px;
  border:1px solid rgba(23,63,132,.1);
  border-radius:50%;
  background:#fff;
  font-size:17px;
  box-shadow:0 4px 12px rgba(15,49,103,.1);
}
html body.cm-shared-shell .cm-site-header .cm-language-current {
  min-width:0;
  font-size:15px;
  font-weight:700;
  letter-spacing:-.01em;
}
html body.cm-shared-shell .cm-site-header .cm-language-chevron {
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:50%;
  background:#eaf1f9;
  color:#173f84;
}
html body.cm-shared-shell .cm-site-header .cm-language-chevron svg {
  width:16px;
  height:16px;
}
html body.cm-shared-shell .cm-site-header .cm-language-picker[open] > summary {
  border-color:rgba(23,63,132,.34);
  box-shadow:0 16px 36px rgba(14,48,103,.18),inset 0 1px 0 #fff;
}
html body.cm-shared-shell .cm-site-header .cm-language-options {
  padding:8px;
  border-color:rgba(23,63,132,.13);
  border-radius:18px;
  background:rgba(250,252,255,.98);
  box-shadow:0 24px 60px rgba(10,39,88,.2),inset 0 1px 0 #fff;
  backdrop-filter:blur(18px);
}
html body.cm-shared-shell .cm-site-header .cm-language-option {
  min-height:46px;
  padding-inline:12px;
  border-radius:12px;
}
html body.cm-shared-shell .cm-site-header .cm-language-option[aria-current="true"] {
  background:linear-gradient(135deg,#e8f4fa,#eef1fb);
  box-shadow:inset 3px 0 0 #2db6db;
}

/* Composed dark theme: deep blue canvases, elevated navy surfaces and cool
   high-contrast text. Brand cyan and magenta remain accents, never body text. */
html[data-cm-theme="dark"]{
  --cm-ink:#eaf3ff;
  --cm-deep:#071a33;
  --cm-paper:#0b2448;
  --cm-line:#35547b;
  --cm-focus:#62d7f0;
  color-scheme:dark;
}
html[data-cm-theme="dark"] body.cm-shared-shell{background:#071a33!important;color:#eaf3ff!important}
html[data-cm-theme="dark"] body.cm-shared-shell .cm-site-header{background:#081d3b;color:#eef6ff;border-bottom-color:#315789}
html[data-cm-theme="dark"] body.cm-shared-shell .cm-site-header::after{background:linear-gradient(90deg,#43c6e5 55%,#df5aad 55%)}
html[data-cm-theme="dark"] body.cm-shared-shell .cm-language-picker>summary,
html[data-cm-theme="dark"] body.cm-shared-shell .cm-theme-toggle{border-color:#35547b;background:#102b52;color:#f2f7ff;box-shadow:0 10px 26px rgba(0,0,0,.28)}
html[data-cm-theme="dark"] body.cm-shared-shell .cm-language-flag{border-color:#47678f;background:#f7faff}
html[data-cm-theme="dark"] body.cm-shared-shell .cm-language-chevron{background:#183b69;color:#ddecff}
html[data-cm-theme="dark"] body.cm-shared-shell .cm-language-options,
html[data-cm-theme="dark"] body.cm-shared-shell .cm-site-menu>nav{border-color:#35547b;background:#0b2448;color:#eaf3ff;box-shadow:0 22px 54px rgba(0,0,0,.38)}
html[data-cm-theme="dark"] body.cm-shared-shell .cm-language-option{color:#eaf3ff!important}
html[data-cm-theme="dark"] body.cm-shared-shell .cm-site-menu nav a{color:#eaf3ff!important;border-color:#35547b!important}
html[data-cm-theme="dark"] body.cm-shared-shell .cm-language-option:hover,
html[data-cm-theme="dark"] body.cm-shared-shell .cm-language-option:focus-visible,
html[data-cm-theme="dark"] body.cm-shared-shell .cm-site-menu nav a:hover,
html[data-cm-theme="dark"] body.cm-shared-shell .cm-site-header nav a[aria-current="page"]{background:#17365f;color:#fff}
html[data-cm-theme="dark"] body.cm-shared-shell main :is(section.bg-white,article.bg-white),
html[data-cm-theme="dark"] body.cm-shared-shell main .products-section,
html[data-cm-theme="dark"] body.cm-shared-shell main .production-support-section,
html[data-cm-theme="dark"] body.cm-shared-shell main .contact-faq{background:#0b2448!important;color:#eaf3ff!important}
html[data-cm-theme="dark"] body.cm-shared-shell main :is(section.bg-white,article.bg-white) :where(h1,h2,h3,h4,p,span,summary,li,label,a),
html[data-cm-theme="dark"] body.cm-shared-shell main [class*="text-[#1A428A]"]{color:#eaf3ff!important}
html[data-cm-theme="dark"] body.cm-shared-shell main [class*="text-[#1A428A]/"]{color:#bdd0e8!important}
html[data-cm-theme="dark"] body.cm-shared-shell main [class*="border-[#1A428A]"]{border-color:#45678f!important}
html[data-cm-theme="dark"] body.cm-shared-shell main :is(.services-heading,.micro-services-copy,.certificate-cta,.blog-hub-card,.contact-faq-list details),
html[data-cm-theme="dark"] body.cm-shared-shell main section.bg-white article,
html[data-cm-theme="dark"] body.cm-shared-shell main section.bg-white [class*="border-2"]{border-color:#45678f!important;background-color:#102b52!important;color:#eaf3ff!important;box-shadow:none!important}
/* Blog cards use a layered `background` declaration for their gradient border.
   Override the complete shorthand in dark mode so its pale inner layer cannot
   wash out the light typography. */
html[data-cm-theme="dark"] body.cm-shared-shell main .blog-hub-card{
  background:#102b52!important;
  border-color:#45678f!important;
  color:#f4f8ff!important;
}
html[data-cm-theme="dark"] body.cm-shared-shell main .blog-hub-card :where(h2,p,strong,span){
  color:inherit!important;
  opacity:1!important;
}
/* Light CTAs intentionally remain white in dark sections; keep their label
   dark enough to preserve contrast instead of inheriting the section white. */
html[data-cm-theme="dark"] body.cm-shared-shell main :is(a,button).bg-white{
  color:#173e82!important;
}
html[data-cm-theme="dark"] body.cm-shared-shell main :is(a,button).bg-white:hover,
html[data-cm-theme="dark"] body.cm-shared-shell main :is(a,button).bg-white:focus-visible{
  background:#eaf3ff!important;
  color:#0b2f6b!important;
}

/* Product-family index: each destination reads as one simple decision card.
   The CTA follows the description instead of competing with the product name. */
.cm-family-index{
  gap:14px!important;
  border-top:0!important;
  padding-top:0!important;
}
.cm-family-card{
  display:grid!important;
  grid-template-rows:auto auto 1fr auto;
  min-width:0;
  padding:22px!important;
  border:1px solid #c6d5e8!important;
  background:#f7faff!important;
  color:#173e82!important;
  text-decoration:none;
}
.cm-family-card__head{display:contents!important}
.cm-family-card__head h2{
  grid-row:2;
  margin-top:10px;
  font-size:clamp(2rem,8vw,2.65rem)!important;
  line-height:1!important;
}
.cm-family-card > p:last-child{
  grid-row:3;
  margin-top:16px!important;
  max-width:42rem!important;
  color:#315b91!important;
  opacity:1!important;
}
.cm-family-card__cta{
  grid-row:4;
  width:max-content;
  margin-top:20px;
  padding:11px 15px;
  border:1px solid currentColor;
  color:#173e82!important;
  font-size:.78rem!important;
  letter-spacing:.1em!important;
  opacity:1!important;
}
.cm-family-card__cta > span{margin-inline-end:9px;font-size:1rem}
.cm-family-card:hover,.cm-family-card:focus-visible{background:#edf5ff!important}
.cm-family-card:hover .cm-family-card__head h2{transform:none!important}
.cm-family-card:hover .cm-family-card__cta,.cm-family-card:focus-visible .cm-family-card__cta{
  background:#173e82;
  color:#fff!important;
}
html[data-cm-theme="dark"] body.cm-shared-shell main .cm-family-card{
  border-color:#45678f!important;
  background:#102b52!important;
  color:#f2f7ff!important;
}
html[data-cm-theme="dark"] body.cm-shared-shell main .cm-family-card > p:last-child{color:#c8d9ec!important}
html[data-cm-theme="dark"] body.cm-shared-shell main .cm-family-card__cta{color:#f2f7ff!important}
html[data-cm-theme="dark"] body.cm-shared-shell main .cm-family-card:hover,
html[data-cm-theme="dark"] body.cm-shared-shell main .cm-family-card:focus-visible{background:#163762!important}
html[data-cm-theme="dark"] body.cm-shared-shell main .cm-family-card:hover .cm-family-card__cta,
html[data-cm-theme="dark"] body.cm-shared-shell main .cm-family-card:focus-visible .cm-family-card__cta{
  background:#f2f7ff;
  color:#173e82!important;
}

/* Product FAQ rows: center the question independently from the disclosure
   icon, which remains pinned to the logical end of the row. */
body.cm-shared-shell main section.bg-white.px-5:nth-of-type(8) details > summary{
  position:relative;
  justify-content:center!important;
  min-height:56px;
  padding-inline:42px!important;
  text-align:center!important;
}
body.cm-shared-shell main section.bg-white.px-5:nth-of-type(8) details > summary > span:first-child{
  display:block;
  width:100%;
  text-align:center!important;
  text-wrap:balance;
}
body.cm-shared-shell main section.bg-white.px-5:nth-of-type(8) details > summary > span:last-child{
  position:absolute;
  inset-inline-end:0;
  top:50%;
  transform:translateY(-50%);
}
body.cm-shared-shell main section.bg-white.px-5:nth-of-type(8) details[open] > summary > span:last-child{
  transform:translateY(-50%) rotate(45deg);
}

/* Product usage lists are already centered; remove the leftover editorial
   rule so each application reads as clean text instead of a stepped list. */
body.cm-shared-shell main > section.bg-white.px-5:nth-of-type(7) div.grid.gap-4:nth-of-type(2) > p{
  border-inline-start:0!important;
  padding-inline-start:0!important;
  text-align:center!important;
}

/* Privacy notice: readable document modal rather than an oversized alert. */
body.cm-shared-shell .cm-qf__dialog{
  position:fixed!important;
  inset:50% auto auto 50%!important;
  width:min(640px,calc(100% - 32px))!important;
  max-width:640px!important;
  max-height:min(78dvh,760px);
  margin:0!important;
  padding:clamp(28px,5vw,48px)!important;
  transform:translate(-50%,-50%);
  overflow:auto;
  border:1px solid #b9cbe2!important;
  border-radius:16px;
  background:#fff!important;
  color:#173e82!important;
  box-shadow:0 28px 80px rgba(7,26,51,.32)!important;
  text-align:start;
}
body.cm-shared-shell .cm-qf__dialog::backdrop{
  background:rgba(5,20,43,.78)!important;
  backdrop-filter:blur(10px);
}
body.cm-shared-shell .cm-qf__dialog > p{
  margin:0 52px 10px 0!important;
  color:#a52d7a!important;
  font-size:.72rem!important;
  line-height:1.4;
}
body.cm-shared-shell .cm-qf__dialog h3{
  margin:0 52px 22px 0!important;
  color:#173e82!important;
  font-size:clamp(2rem,5vw,3.15rem)!important;
  line-height:1!important;
  letter-spacing:-.025em;
}
body.cm-shared-shell .cm-qf__dialog > div{
  max-width:65ch;
  color:#315b91!important;
  font-size:1rem!important;
  line-height:1.7!important;
  text-align:start!important;
}
body.cm-shared-shell .cm-qf__dialog > button:first-child{
  top:20px!important;
  right:20px!important;
  width:42px!important;
  height:42px!important;
  border:1px solid #b9cbe2!important;
  border-radius:50%;
  background:#f4f8fc!important;
  color:#173e82!important;
  font-size:1.35rem!important;
}
body.cm-shared-shell .cm-qf__dialog > button:first-child:hover,
body.cm-shared-shell .cm-qf__dialog > button:first-child:focus-visible{
  background:#e5eef9!important;
}
body.cm-shared-shell .cm-qf__dialog-close{
  display:flex;
  min-height:48px;
  align-items:center;
  justify-content:center;
  margin:28px 0 0 auto!important;
  padding:0 24px!important;
  border:1px solid #173e82!important;
  border-radius:8px;
  background:#173e82!important;
  color:#fff!important;
}
html[data-cm-theme="dark"] body.cm-shared-shell .cm-qf__dialog{
  border-color:#45678f!important;
  background:#102b52!important;
  color:#f2f7ff!important;
}
html[data-cm-theme="dark"] body.cm-shared-shell .cm-qf__dialog h3{color:#f2f7ff!important}
html[data-cm-theme="dark"] body.cm-shared-shell .cm-qf__dialog > div{color:#c8d9ec!important}
html[data-cm-theme="dark"] body.cm-shared-shell .cm-qf__dialog > p{color:#f08cc4!important}
html[data-cm-theme="dark"] body.cm-shared-shell .cm-qf__dialog > button:first-child{
  border-color:#55779f!important;
  background:#17365f!important;
  color:#fff!important;
}
html[data-cm-theme="dark"] body.cm-shared-shell .cm-qf__dialog-close{
  border-color:#eaf3ff!important;
  background:#eaf3ff!important;
  color:#123a81!important;
}
@media(max-width:680px){
  body.cm-shared-shell .cm-qf__dialog{
    width:calc(100% - 24px)!important;
    max-height:calc(100dvh - 32px);
    padding:28px 22px 24px!important;
    border-radius:14px;
  }
  body.cm-shared-shell .cm-qf__dialog > p{margin-right:46px!important;font-size:.66rem!important}
  body.cm-shared-shell .cm-qf__dialog h3{margin-right:46px!important;font-size:2rem!important}
  body.cm-shared-shell .cm-qf__dialog > div{font-size:.95rem!important;line-height:1.62!important}
  body.cm-shared-shell .cm-qf__dialog > button:first-child{top:16px!important;right:16px!important;width:40px!important;height:40px!important}
  body.cm-shared-shell .cm-qf__dialog-close{width:100%;margin-top:24px!important}
}
html[data-cm-theme="dark"] body.cm-shared-shell main .products-section{background:radial-gradient(circle at 10% 8%,rgba(45,182,219,.11),transparent 30%),radial-gradient(circle at 90% 88%,rgba(203,67,152,.09),transparent 28%),#081d3b!important}
html[data-cm-theme="dark"] body.cm-shared-shell main .production-support-section{background:linear-gradient(130deg,#081d3b,#0d294f 58%,#102b52)!important}
html[data-cm-theme="dark"] body.cm-shared-shell main .production-support-section p{color:#d9e8f8!important}
html[data-cm-theme="dark"] body.cm-shared-shell .hero-bottom-fade{background-image:linear-gradient(to bottom,transparent,rgba(7,26,51,.72),#071a33)!important}
html[data-cm-theme="dark"] body.cm-shared-shell main :is(.cm-qf,.cm-lead){background:#071a33!important;color:#eaf3ff!important}
html[data-cm-theme="dark"] body.cm-shared-shell main :is(.cm-qf__frame,.cm-qf__section,.cm-qf__field,.cm-lead__form),
html[data-cm-theme="dark"] body.cm-shared-shell main .cm-qf__section>fieldset{border-color:#3b5d85!important;background:#102b52!important;color:#eaf3ff!important}

/* Desktop quote form: use the available canvas instead of nesting a narrow
   form inside another fixed-width panel. Mobile and tablet rules stay intact. */
@media (min-width: 1100px) {
  .video-contact-cta-section > .cm-qf {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box;
    margin-inline: 0 !important;
    padding-inline: max(32px, calc((100vw - 1280px) / 2)) !important;
  }

  .video-contact-cta-section > .cm-qf .cm-qf__frame {
    width: min(1240px, 100%) !important;
    max-width: 1240px !important;
  }

  .video-contact-cta-section > .cm-qf .cm-qf__hero {
    grid-template-columns: minmax(0, 1.45fr) minmax(320px, .55fr) !important;
  }

  .video-contact-cta-section > .cm-qf .cm-qf__section,
  .video-contact-cta-section > .cm-qf .cm-qf__details > summary {
    padding-inline: clamp(40px, 4vw, 64px) !important;
  }

  .video-contact-cta-section > .cm-qf .cm-qf__section > fieldset,
  .video-contact-cta-section > .cm-qf .cm-qf__section > .cm-qf__grid,
  .video-contact-cta-section > .cm-qf .cm-qf__section > .cm-qf__conditional,
  .video-contact-cta-section > .cm-qf .cm-qf__section > .cm-qf__upload,
  .video-contact-cta-section > .cm-qf .cm-qf__section > .cm-qf__address,
  .video-contact-cta-section > .cm-qf .cm-qf__consents {
    width: min(100%, 1080px) !important;
  }

  .video-contact-cta-section > .cm-qf .cm-qf__grid--contact {
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  }

  .video-contact-cta-section > .cm-qf .cm-qf__grid--contact > * {
    grid-column: span 4 !important;
  }

  .video-contact-cta-section > .cm-qf .cm-qf__grid--contact > :nth-child(4):last-child {
    grid-column: 5 / span 4 !important;
  }

  .video-contact-cta-section > .cm-qf .cm-qf__grid--contact > :nth-child(4):not(:last-child) {
    grid-column: 3 / span 4 !important;
  }

  .video-contact-cta-section > .cm-qf .cm-qf__grid--contact > :nth-child(5) {
    grid-column: 7 / span 4 !important;
  }

  .video-contact-cta-section > .cm-qf .cm-qf__submit {
    padding-inline: clamp(40px, 4vw, 64px) !important;
  }
}

/* Contact cards: long localized values must stay inside their own column.
   The email address needs an explicit safe wrap exception because headings
   elsewhere deliberately avoid mid-word breaks. */
body.cm-shared-shell[data-cm-route$="/iletisim"] main > section:nth-of-type(2) > div {
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.35fr) minmax(0, 1fr) !important;
}

body.cm-shared-shell[data-cm-route$="/iletisim"] main > section:nth-of-type(2) > div > a {
  min-width: 0;
  overflow: hidden;
}

body.cm-shared-shell[data-cm-route$="/iletisim"] main > section:nth-of-type(2) > div > a[href^="mailto:"] {
  justify-items: center;
  text-align: center;
}

body.cm-shared-shell[data-cm-route$="/iletisim"] main > section:nth-of-type(2) > div > a[href^="mailto:"] > * {
  width: 100%;
}

body.cm-shared-shell[data-cm-route$="/iletisim"] main > section:nth-of-type(2) > div > a[href^="mailto:"] > span {
  justify-self: center;
  width: max-content;
}

body.cm-shared-shell[data-cm-route$="/iletisim"] main > section:nth-of-type(2) > div > a[href^="mailto:"] h2 {
  max-width: 100% !important;
  font-size: clamp(1.15rem, 1.35vw, 1.45rem) !important;
  line-height: 1.08 !important;
  letter-spacing: -.018em !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  white-space: nowrap !important;
}

@media (min-width: 768px) and (max-width: 1099px) {
  body.cm-shared-shell[data-cm-route$="/iletisim"] main > section:nth-of-type(2) > div {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.cm-shared-shell[data-cm-route$="/iletisim"] main > section:nth-of-type(2) > div > a:last-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 767px) {
  body.cm-shared-shell[data-cm-route$="/iletisim"] main > section:nth-of-type(2) > div {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body.cm-shared-shell[data-cm-route$="/iletisim"] main > section:nth-of-type(2) > div > a[href^="mailto:"] h2 {
    font-size: clamp(1.1rem, 5.2vw, 1.45rem) !important;
    overflow-wrap: anywhere !important;
    white-space: normal !important;
  }
}
html[data-cm-theme="dark"] body.cm-shared-shell main :is(input,textarea,select){border-color:#5d7ca2!important;background:#0a2142!important;color:#f4f8ff!important}
html[data-cm-theme="dark"] body.cm-shared-shell main :is(input,textarea)::placeholder{color:#9fb5d0!important;opacity:1}
html[data-cm-theme="dark"] body.cm-shared-shell .cm-consent{border-color:#3c5f88!important;background:#0b2448!important;color:#eef6ff!important;box-shadow:0 24px 58px rgba(0,0,0,.42)!important}
html[data-cm-theme="dark"] body.cm-shared-shell .cm-consent p{color:#bfd1e8!important}
html[data-cm-theme="dark"] body.cm-shared-shell .cm-consent button[data-consent="denied"]{border-color:#5a789c!important;background:#102b52!important;color:#eef6ff!important}
html[data-cm-theme="dark"] body.cm-shared-shell .cm-consent-settings{border-color:#3c5f88!important;background:#0b2448!important;color:#eef6ff!important;box-shadow:0 12px 30px rgba(0,0,0,.36)!important}
html[data-cm-theme="dark"] .cm-page-loader{background:#071a33;color:#eaf3ff}
html[data-cm-theme="dark"] .cm-page-loader__track{background:#244264}
html[data-cm-theme="dark"] .cm-page-loader__label{color:#bfd1e8}
html[data-cm-theme="dark"] body.cm-shared-shell ::selection{background:#62d7f0;color:#071a33}
html[data-cm-theme="dark"] body.cm-shared-shell :focus-visible{outline-color:#62d7f0!important}
@media(max-width:420px) {
  html body.cm-shared-shell .cm-site-header .cm-language-picker > summary {
    min-width:158px;
    grid-template-columns:30px minmax(58px,1fr) 26px;
    column-gap:8px;
    padding-inline:7px;
  }
  html body.cm-shared-shell .cm-site-header .cm-language-flag { width:30px;height:30px; }
  html body.cm-shared-shell .cm-site-header .cm-language-chevron { width:26px;height:26px; }
}
@media(max-width:380px){
  .cm-site-header{padding-inline:12px}
  .cm-site-logo,.cm-site-logo img{width:62px!important}
  .cm-site-controls{gap:6px}
  html body.cm-shared-shell .cm-site-header .cm-language-picker>summary{min-width:76px;grid-template-columns:30px 26px;column-gap:7px}
  .cm-language-current{display:none}
  .cm-theme-toggle,.cm-site-menu summary{width:44px;height:44px}
}

/* Quality statement: the eyebrow is hidden in the current composition, so the
   desktop layout must use two real columns rather than reserving an empty one. */
@media (min-width: 1180px) {
  html body.cm-shared-shell main .process-quality-section .process-quality-heading {
    grid-template-columns: minmax(0, 1fr) minmax(300px, 360px) !important;
    align-items: center !important;
    gap: clamp(40px, 4vw, 64px) !important;
  }

  html body.cm-shared-shell main .process-quality-section .process-quality-heading > h2 {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: auto !important;
    max-width: 860px !important;
    margin: 0 !important;
    font-size: clamp(4.5rem, 5.7vw, 6.5rem) !important;
    line-height: .98 !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  html body.cm-shared-shell main .process-quality-section .process-quality-heading > span {
    grid-column: 2 !important;
    grid-row: 1 !important;
    align-self: center !important;
    max-width: 34ch !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    line-height: 1.65 !important;
  }
}

@media (min-width: 761px) and (max-width: 1179px) {
  html body.cm-shared-shell main .process-quality-section .process-quality-heading {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 24px !important;
  }

  html body.cm-shared-shell main .process-quality-section .process-quality-heading > :is(h2, span) {
    grid-column: 1 !important;
    grid-row: auto !important;
    width: auto !important;
    max-width: 100% !important;
    margin: 0 !important;
  }
}

/* Identity hero in dark mode: keep the title panel and its copy on the same
   dark surface. The shared dark-theme text override must never leave white
   display type on the light-mode white panel. */
html[data-cm-theme="dark"] body.cm-shared-shell[data-cm-route="/kimligimiz"] main > section:first-of-type h1 {
  border: 1px solid rgba(98, 215, 240, .32) !important;
  background: rgba(7, 26, 51, .92) !important;
  color: #f4f8ff !important;
  box-shadow: 0 18px 42px rgba(0, 0, 0, .32) !important;
}

html[data-cm-theme="dark"] body.cm-shared-shell[data-cm-route="/kimligimiz"] main > section:first-of-type > div > div:first-child > p:first-child {
  border-color: rgba(98, 215, 240, .38) !important;
  background: rgba(11, 36, 72, .94) !important;
  color: #dcecff !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, .26) !important;
}

/* Factory gallery cards: keep their captions legible when global dark-mode
   typography switches to light text. The original pale card gradient is a
   light-theme surface and must not survive underneath that foreground. */
html[data-cm-theme="dark"] body.cm-shared-shell[data-cm-route="/uretim-tesisimiz"] main figure {
  border-color: rgba(98, 215, 240, .26) !important;
  background: linear-gradient(145deg, rgba(18, 55, 103, .98), rgba(7, 27, 55, .98)) !important;
  color: #f4f8ff !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, .3) !important;
}

html[data-cm-theme="dark"] body.cm-shared-shell[data-cm-route="/uretim-tesisimiz"] main figure figcaption > p:first-child {
  color: #f7fbff !important;
}

html[data-cm-theme="dark"] body.cm-shared-shell[data-cm-route="/uretim-tesisimiz"] main figure figcaption > p + p {
  color: #d8e8fa !important;
  opacity: 1 !important;
}

/* Production-facility hero: the light-mode atmospheric wash and white copy
   panel need dark counterparts, otherwise the shared light foreground loses
   contrast across the upper half of the hero. */
html[data-cm-theme="dark"] body.cm-shared-shell[data-cm-route="/uretim-tesisimiz"] main > section:first-of-type > div:first-child {
  background: linear-gradient(115deg, rgba(20, 83, 126, .42), rgba(11, 36, 72, .9) 42%, rgba(76, 45, 108, .42) 76%, rgba(7, 27, 55, .98)) !important;
}

html[data-cm-theme="dark"] body.cm-shared-shell[data-cm-route="/uretim-tesisimiz"] main > section:first-of-type > .relative.z-10 > div:last-child {
  border-color: rgba(98, 215, 240, .34) !important;
  background: rgba(7, 26, 51, .9) !important;
  color: #e9f3ff !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, .3) !important;
}

/* Quote/sample promise band: keep the response-time copy readable in dark
   mode on every route where the shared form is mounted. */
html[data-cm-theme="dark"] body.cm-shared-shell .cm-qf__promise {
  border-color: rgba(98, 215, 240, .3) !important;
  background: #0d294f !important;
  color: #eaf3ff !important;
}

html[data-cm-theme="dark"] body.cm-shared-shell .cm-qf__promise :is(strong, p) {
  color: inherit !important;
}

html[data-cm-theme="dark"] body.cm-shared-shell .cm-qf__promise span {
  color: #f17bb8 !important;
}

/* Nedir article forms: replace the remaining light-only privacy surfaces so
   inherited dark-theme copy never becomes white-on-white. */

html[data-cm-theme="dark"] body.cm-shared-shell[data-cm-route^="/nedir/"] .cm-qf__dialog {
  border-color: rgba(98, 215, 240, .34) !important;
  background: #102b52 !important;
  color: #eaf3ff !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .48) !important;
}

html[data-cm-theme="dark"] body.cm-shared-shell[data-cm-route^="/nedir/"] .cm-qf__dialog :is(h2, h3, p, li, strong) {
  color: inherit !important;
}

html[data-cm-theme="dark"] body.cm-shared-shell[data-cm-route^="/nedir/"] .cm-qf__dialog button[type="button"] {
  border-color: rgba(98, 215, 240, .38) !important;
  background: #eaf3ff !important;
  color: #123a81 !important;
}

/* Blog article quote form — desktop composition. The shared form's 1040px
   cap made long localized labels feel compressed and produced an excessively
   tall, uneven form on wide screens. Keep tablet/mobile intact. */
@media (min-width: 1100px) {
  body.cm-shared-shell[data-cm-route^="/nedir/"] main .cm-qf {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box;
    margin-inline: 0 !important;
    padding-inline: max(32px, calc((100vw - 1320px) / 2)) !important;
  }

  body.cm-shared-shell[data-cm-route^="/nedir/"] main .cm-qf__frame {
    width: min(1240px, 100%) !important;
    max-width: 1240px !important;
  }

  body.cm-shared-shell[data-cm-route^="/nedir/"] main .cm-qf__hero {
    grid-template-columns: minmax(0, 1fr) minmax(300px, .42fr) !important;
  }

  body.cm-shared-shell[data-cm-route^="/nedir/"] main .cm-qf__hero > div:first-child {
    min-width: 0;
    padding: clamp(3rem, 4.5vw, 4.75rem) !important;
  }

  body.cm-shared-shell[data-cm-route^="/nedir/"] main .cm-qf__hero h2 {
    max-width: 16ch !important;
    font-size: clamp(3.35rem, 5.1vw, 5.5rem) !important;
    line-height: .96 !important;
    letter-spacing: -.035em !important;
    text-wrap: balance;
  }

  body.cm-shared-shell[data-cm-route^="/nedir/"] main .cm-qf__promise {
    min-width: 0;
    padding-inline: clamp(2rem, 3vw, 3rem) !important;
  }

  body.cm-shared-shell[data-cm-route^="/nedir/"] main :is(.cm-qf__section, .cm-qf__details > summary) {
    padding-inline: clamp(48px, 5vw, 72px) !important;
  }

  body.cm-shared-shell[data-cm-route^="/nedir/"] main .cm-qf__section > :is(fieldset, .cm-qf__grid, .cm-qf__conditional, .cm-qf__upload, .cm-qf__address, .cm-qf__consents) {
    width: min(100%, 1080px) !important;
    box-sizing: border-box;
    margin-inline: auto !important;
  }

  body.cm-shared-shell[data-cm-route^="/nedir/"] main .cm-qf__grid--contact {
    grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
  }

  body.cm-shared-shell[data-cm-route^="/nedir/"] main .cm-qf__grid--contact > * {
    grid-column: span 4 !important;
  }

  body.cm-shared-shell[data-cm-route^="/nedir/"] main .cm-qf__grid--contact > :nth-child(4):last-child {
    grid-column: 5 / span 4 !important;
  }

  body.cm-shared-shell[data-cm-route^="/nedir/"] main .cm-qf__grid--contact > :nth-child(4):not(:last-child) {
    grid-column: 3 / span 4 !important;
  }

  body.cm-shared-shell[data-cm-route^="/nedir/"] main .cm-qf__grid--contact > :nth-child(5) {
    grid-column: 7 / span 4 !important;
  }

  body.cm-shared-shell[data-cm-route^="/nedir/"] main .cm-qf__submit {
    padding-inline: clamp(48px, 5vw, 72px) !important;
  }

  body.cm-shared-shell[data-cm-route^="/nedir/"] main .cm-qf__section--inside > :is(.cm-qf__ratio, .cm-qf__grid--two) {
    width: min(100%, 1080px) !important;
    box-sizing: border-box;
    margin-inline: auto !important;
  }

  body.cm-shared-shell[data-cm-route^="/nedir/"] main .cm-qf__radios--stack:has(> label:nth-child(3):last-child) > label:last-child {
    grid-column: 1 / -1;
    width: calc((100% - .65rem) / 2);
    justify-self: center;
  }
}

/* Blog-form dark surfaces: keep every nested control on the same dark palette.
   These route-scoped rules intentionally outrank the form's light-theme cards. */
html[data-cm-theme="dark"] body.cm-shared-shell[data-cm-route^="/nedir/"] main .cm-qf :is(.cm-qf__section--inside, fieldset, .cm-qf__field) {
  border-color: #3b5d85 !important;
  background: #102b52 !important;
  color: #eaf3ff !important;
}

html[data-cm-theme="dark"] body.cm-shared-shell[data-cm-route^="/nedir/"] main .cm-qf .cm-qf__radios span {
  border-color: #6685aa !important;
  background: #0a2142 !important;
  color: #eef6ff !important;
}

html[data-cm-theme="dark"] body.cm-shared-shell[data-cm-route^="/nedir/"] main .cm-qf :is(.cm-qf__field > span, legend, .cm-qf__note, small) {
  color: #c5d7ec !important;
  opacity: 1 !important;
}

html[data-cm-theme="dark"] body.cm-shared-shell[data-cm-route^="/nedir/"] main .cm-qf :is(input:not([type="radio"]):not([type="checkbox"]), select, textarea) {
  border-color: #6685aa !important;
  background: #081d3b !important;
  color: #f4f8ff !important;
}

/* Blog-form light theme: section 04 sits on the blue production panel, but
   its nested controls are light surfaces. Give those surfaces their own dark
   ink instead of inheriting the section's white foreground. */
html:not([data-cm-theme="dark"]) body.cm-shared-shell[data-cm-route^="/nedir/"] main .cm-qf__section--inside > fieldset {
  border: 1px solid #c9d7e9 !important;
  padding: clamp(24px, 3vw, 32px) !important;
  background: #f4f8fc !important;
  color: #173e82 !important;
}

html:not([data-cm-theme="dark"]) body.cm-shared-shell[data-cm-route^="/nedir/"] main .cm-qf__section--inside :is(.cm-qf__field, .cm-qf__field > span) {
  color: #173e82 !important;
}

html:not([data-cm-theme="dark"]) body.cm-shared-shell[data-cm-route^="/nedir/"] main .cm-qf__section--inside fieldset > legend {
  color: #ffffff !important;
}

html:not([data-cm-theme="dark"]) body.cm-shared-shell[data-cm-route^="/nedir/"] main .cm-qf__section--inside :is(.cm-qf__field small, .cm-qf__note) {
  color: #355f96 !important;
  opacity: 1 !important;
}

html:not([data-cm-theme="dark"]) body.cm-shared-shell[data-cm-route^="/nedir/"] main .cm-qf__section--inside .cm-qf__grid--two > .cm-qf__field,
html:not([data-cm-theme="dark"]) body.cm-shared-shell[data-cm-route^="/nedir/"] main .cm-qf__section--inside .cm-qf__ratio > .cm-qf__field {
  border: 1px solid #c9d7e9 !important;
  background: #f4f8fc !important;
}

/* Shared form light-theme correction. The same production-details component
   is rendered on the homepage and article pages, so its light cards must own
   their ink rather than inherit white from the blue parent section. */
html:not([data-cm-theme="dark"]) body.cm-shared-shell main .cm-qf__section--inside > fieldset {
  border: 1px solid #c9d7e9 !important;
  padding: clamp(24px, 3vw, 32px) !important;
  background: #f4f8fc !important;
  color: #173e82 !important;
}

html:not([data-cm-theme="dark"]) body.cm-shared-shell main .cm-qf__section--inside :is(.cm-qf__field, .cm-qf__field > span) {
  color: #173e82 !important;
}

html:not([data-cm-theme="dark"]) body.cm-shared-shell main .cm-qf__section--inside fieldset > legend {
  color: #ffffff !important;
}

html:not([data-cm-theme="dark"]) body.cm-shared-shell main .cm-qf__section--inside :is(.cm-qf__field small, .cm-qf__note) {
  color: #355f96 !important;
  opacity: 1 !important;
}

html:not([data-cm-theme="dark"]) body.cm-shared-shell main .cm-qf__section--inside .cm-qf__grid--two > .cm-qf__field,
html:not([data-cm-theme="dark"]) body.cm-shared-shell main .cm-qf__section--inside .cm-qf__ratio > .cm-qf__field {
  border: 1px solid #c9d7e9 !important;
  background: #f4f8fc !important;
}

@media (min-width: 1100px) {
  body.cm-shared-shell main .cm-qf__section--inside > :is(.cm-qf__ratio, .cm-qf__grid--two) {
    width: min(100%, 1080px) !important;
    box-sizing: border-box;
    margin-inline: auto !important;
  }

  body.cm-shared-shell main .cm-qf__radios--stack:has(> label:nth-child(3):last-child) > label:last-child {
    grid-column: 1 / -1;
    width: calc((100% - .65rem) / 2);
    justify-self: center;
  }
}