/* ==========================================================================
   Quantumix.tr — tema üzerine katman
   Bizgen tema tasarım dili korunur; marka rengi, yeni bileşenler eklenir.
   ========================================================================== */

:root {
  --qmx-navy: #3358D3;
  --qmx-navy-600: #2846b0;
  --qmx-navy-900: #14224d;
  --qmx-accent: #d51f60;
  --qmx-accent-soft: #fdeef4;
  --qmx-ink: #12172a;
  --qmx-ink-2: #2b3350;
  --qmx-muted: #66708c;
  --qmx-line: #e5e8f0;
  --qmx-surface: #f6f8fc;
  --qmx-surface-2: #eef2f9;
  --qmx-radius: 14px;
  --qmx-radius-lg: 20px;
  --qmx-shadow: 0 2px 4px rgba(18, 23, 42, .04), 0 12px 32px rgba(18, 23, 42, .06);
  --qmx-shadow-lg: 0 4px 8px rgba(18, 23, 42, .05), 0 24px 60px rgba(18, 23, 42, .10);
  --font-secondary: "Inter Tight", sans-serif;
  --font-dm: "Inter Tight", sans-serif;
}

body { -webkit-font-smoothing: antialiased; }

.visually-hidden {
  position: absolute !important; width: 1px; height: 1px;
  padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}

.qmx-skip {
  position: absolute; left: -9999px; top: 0; z-index: 9999;
  background: var(--qmx-navy); color: #fff; padding: 12px 20px; border-radius: 0 0 8px 0;
}
.qmx-skip:focus { left: 0; }

:where(a, button, input, textarea, select, [tabindex]):focus-visible {
  outline: 3px solid rgba(51, 88, 211, .45);
  outline-offset: 2px;
}

/* ------------------------------------------------------------ header */
.qmx-header .main-nav-area > ul > li > a { white-space: nowrap; }

.qmx-header .qmx-top-links li a i { margin-right: 6px; }
.qmx-header .header-button-area { gap: 14px; }
.qmx-header .menu-toggle { background: none; border: 0; }

@media (max-width: 1499px) {
  .qmx-header .main-nav-area > ul > li > a { font-size: 15px; }
  .qmx-header .logo-area .logo img { width: 168px; }
}

.rts-btn.qmx-btn-ghost {
  background: transparent;
  color: var(--qmx-ink);
  border: 1px solid var(--qmx-line);
  display: inline-flex; align-items: center; gap: 8px;
}
.rts-btn.qmx-btn-ghost:hover { border-color: var(--qmx-navy); color: var(--qmx-navy); background: #fff; }
.qmx-cta-band .rts-btn.qmx-btn-ghost { color: #fff; border-color: rgba(255, 255, 255, .35); }
.qmx-cta-band .rts-btn.qmx-btn-ghost:hover { background: rgba(255, 255, 255, .12); color: #fff; border-color: #fff; }

/* ------------------------------------------------------- breadcrumb */
.qmx-breadcrumb {
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.qmx-breadcrumb::before {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(100deg, rgba(13, 27, 61, .93) 0%, rgba(13, 27, 61, .78) 45%, rgba(51, 88, 211, .62) 100%);
}
.qmx-breadcrumb .container { position: relative; z-index: 2; }
.qmx-breadcrumb .breadcrumb-conntent-area { max-width: 760px; }
.qmx-breadcrumb .breadcrumb-conntent-area .title { font-size: 52px; font-weight: 700; letter-spacing: -.02em; }
.qmx-breadcrumb .breadcrumb-conntent-area .desc { color: rgba(255, 255, 255, .82); font-size: 18px; margin-top: 14px; max-width: 680px; }
.qmx-breadcrumb .breadcrumb-list li span[aria-current] { color: rgba(255, 255, 255, .7); font-size: 16px; font-weight: 700; text-transform: uppercase; }
.qmx-eyebrow {
  display: inline-block; margin-bottom: 14px;
  font-size: 13px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
  color: #fff; background: rgba(255, 255, 255, .14);
  border: 1px solid rgba(255, 255, 255, .22);
  padding: 7px 14px; border-radius: 100px;
}
@media (max-width: 991px) { .qmx-breadcrumb .breadcrumb-conntent-area .title { font-size: 38px; } }
@media (max-width: 575px) { .qmx-breadcrumb .breadcrumb-conntent-area .title { font-size: 30px; } .qmx-breadcrumb .breadcrumb-conntent-area .desc { font-size: 16px; } }

/* ------------------------------------------------------------- hero */
.qmx-hero {
  position: relative; overflow: hidden;
  background: linear-gradient(120deg, #0d1b3d 0%, #16295c 48%, #3358D3 100%);
  padding: 150px 0 110px;
}
.qmx-hero::after {
  content: ""; position: absolute; right: -8%; top: -20%;
  width: 620px; height: 620px; border-radius: 50%;
  background: radial-gradient(circle, rgba(213, 31, 96, .30) 0%, rgba(213, 31, 96, 0) 65%);
}
.qmx-hero .container { position: relative; z-index: 2; }
.qmx-hero-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 60px; align-items: center; }
.qmx-hero h1 {
  color: #fff; font-size: 60px; line-height: 1.08; letter-spacing: -.025em; margin: 18px 0 22px;
}
.qmx-hero h1 span { color: #ff7aa4; }
.qmx-hero .qmx-hero-desc { color: rgba(255, 255, 255, .8); font-size: 19px; line-height: 1.65; max-width: 620px; }
.qmx-hero-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 34px; }
.qmx-hero-actions .qmx-btn-ghost { color: #fff; border-color: rgba(255, 255, 255, .35); }
.qmx-hero-actions .qmx-btn-ghost:hover { background: rgba(255, 255, 255, .12); border-color: #fff; color: #fff; }
.qmx-hero-note { color: rgba(255, 255, 255, .6); font-size: 14px; margin-top: 18px; }

.qmx-hero-panel {
  background: rgba(255, 255, 255, .06);
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: var(--qmx-radius-lg);
  padding: 30px;
  backdrop-filter: blur(6px);
}
.qmx-hero-panel h2 { color: #fff; font-size: 20px; margin-bottom: 6px; }
.qmx-hero-panel > p { color: rgba(255, 255, 255, .66); font-size: 15px; margin-bottom: 20px; }
.qmx-hero-panel ul { display: grid; gap: 10px; }
.qmx-hero-panel ul a {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  background: rgba(255, 255, 255, .07); border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 10px; padding: 14px 16px; color: #fff; font-weight: 600; font-size: 15px;
  transition: .25s;
}
.qmx-hero-panel ul a:hover { background: rgba(255, 255, 255, .16); transform: translateX(4px); color: #fff; }
.qmx-hero-panel ul a i { color: #ff7aa4; }

@media (max-width: 1199px) { .qmx-hero h1 { font-size: 48px; } }
@media (max-width: 991px) {
  .qmx-hero { padding: 110px 0 80px; }
  .qmx-hero-grid { grid-template-columns: 1fr; gap: 40px; }
  .qmx-hero h1 { font-size: 40px; }
  .qmx-hero .qmx-hero-desc { font-size: 17px; }
}
@media (max-width: 575px) { .qmx-hero h1 { font-size: 32px; } }

/* ------------------------------------------------------------- chips */
.qmx-chips-sec { padding: 34px 0; background: var(--qmx-surface); border-bottom: 1px solid var(--qmx-line); }
.qmx-chips-title { text-align: center; color: var(--qmx-muted); font-size: 13px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; margin-bottom: 16px; }
.qmx-chips { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; padding: 0; margin: 0; list-style: none; }
.qmx-chips li a, .qmx-chips li span {
  display: inline-block; padding: 9px 18px; border-radius: 100px;
  background: #fff; border: 1px solid var(--qmx-line);
  color: var(--qmx-ink-2); font-weight: 600; font-size: 14px; transition: .25s;
}
.qmx-chips li a:hover { border-color: var(--qmx-navy); color: var(--qmx-navy); box-shadow: var(--qmx-shadow); }

/* ------------------------------------------------------- answer box */
.qmx-answer-wrap { padding: 70px 0 0; }
.qmx-answer {
  background: linear-gradient(135deg, #f7f9fd 0%, #eef2fb 100%);
  border: 1px solid var(--qmx-line); border-left: 4px solid var(--qmx-navy);
  border-radius: var(--qmx-radius); padding: 32px 36px;
}
.qmx-answer-label {
  display: inline-flex; align-items: center; gap: 8px;
  font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
  color: var(--qmx-navy); margin-bottom: 12px;
}
.qmx-answer-q { font-size: 26px; margin-bottom: 12px; color: var(--qmx-ink); }
.qmx-answer-a { font-size: 18px; line-height: 1.7; color: var(--qmx-ink-2); margin: 0; }
.qmx-answer-list { margin: 16px 0 0; padding-left: 20px; }
.qmx-answer-list li { color: var(--qmx-ink-2); margin-bottom: 8px; }
@media (max-width: 575px) { .qmx-answer { padding: 24px 20px; } .qmx-answer-q { font-size: 21px; } .qmx-answer-a { font-size: 16px; } }

/* ------------------------------------------------------------ prose */
.qmx-prose-sec { padding: 70px 0; }
.qmx-alt { background: var(--qmx-surface); }
.qmx-prose { max-width: 880px; }
.qmx-prose h2 { font-size: 34px; letter-spacing: -.02em; margin-bottom: 18px; scroll-margin-top: 120px; }
.qmx-prose h3 { font-size: 22px; margin: 28px 0 12px; }
.qmx-prose p { font-size: 17px; line-height: 1.78; color: var(--qmx-ink-2); margin-bottom: 16px; }
.qmx-prose .qmx-lead { font-size: 19px; color: var(--qmx-ink); font-weight: 500; }
.qmx-prose a { color: var(--qmx-navy); text-decoration: underline; text-underline-offset: 3px; }
.qmx-prose a:hover { color: var(--qmx-accent); }
.qmx-ul, .qmx-ol { margin: 6px 0 20px; padding-left: 0; }
.qmx-ul { list-style: none; }
.qmx-ul li { position: relative; padding-left: 30px; margin-bottom: 11px; font-size: 17px; line-height: 1.65; color: var(--qmx-ink-2); }
.qmx-ul li::before {
  content: "\f00c"; font-family: "Font Awesome 6 Pro"; font-weight: 900;
  position: absolute; left: 0; top: 3px; font-size: 13px; color: var(--qmx-navy);
}
.qmx-ol { padding-left: 22px; }
.qmx-ol li { margin-bottom: 11px; font-size: 17px; line-height: 1.65; color: var(--qmx-ink-2); padding-left: 6px; }
.qmx-ol li::marker { color: var(--qmx-navy); font-weight: 700; }
.qmx-note {
  display: flex; gap: 14px; align-items: flex-start;
  background: var(--qmx-accent-soft); border: 1px solid #f6d7e3;
  border-radius: var(--qmx-radius); padding: 18px 22px; margin-top: 24px;
}
.qmx-note i { color: var(--qmx-accent); font-size: 20px; margin-top: 3px; }
.qmx-note p { margin: 0; font-size: 16px; color: var(--qmx-ink-2); }
@media (max-width: 575px) { .qmx-prose h2 { font-size: 26px; } .qmx-prose p, .qmx-ul li, .qmx-ol li { font-size: 16px; } }

/* ------------------------------------------------------------- toc */
.qmx-toc-sec { padding: 40px 0 0; }
.qmx-toc { background: #fff; border: 1px solid var(--qmx-line); border-radius: var(--qmx-radius); padding: 24px 28px; max-width: 880px; }
.qmx-toc h2 { font-size: 14px; text-transform: uppercase; letter-spacing: .12em; color: var(--qmx-muted); margin-bottom: 14px; }
.qmx-toc ol { margin: 0; padding-left: 20px; columns: 2; column-gap: 34px; }
.qmx-toc li { margin-bottom: 9px; break-inside: avoid; }
.qmx-toc a { color: var(--qmx-ink-2); font-weight: 500; }
.qmx-toc a:hover { color: var(--qmx-navy); }
@media (max-width: 767px) { .qmx-toc ol { columns: 1; } }

/* ------------------------------------------------------------ cards */
.qmx-cards-sec { padding: 80px 0; }
.qmx-card {
  display: block; height: 100%; background: #fff;
  border: 1px solid var(--qmx-line); border-radius: var(--qmx-radius);
  padding: 30px 28px; transition: .3s; position: relative;
}
a.qmx-card:hover { transform: translateY(-6px); box-shadow: var(--qmx-shadow-lg); border-color: #d5ddf0; }
.qmx-card-icon {
  display: inline-flex; align-items: center; justify-content: center;
  width: 54px; height: 54px; border-radius: 12px;
  background: linear-gradient(135deg, #eaf0ff 0%, #dfe7fb 100%);
  color: var(--qmx-navy); font-size: 22px; margin-bottom: 20px;
}
.qmx-card-title { font-size: 20px; margin-bottom: 10px; color: var(--qmx-ink); }
.qmx-card-text { font-size: 15.5px; line-height: 1.68; color: var(--qmx-muted); margin: 0; }
.qmx-card-link { display: inline-flex; align-items: center; gap: 8px; margin-top: 18px; font-weight: 600; font-size: 14.5px; color: var(--qmx-navy); }
a.qmx-card:hover .qmx-card-link i { transform: translateX(4px); }
.qmx-card-link i { transition: .25s; }

/* --------------------------------------------------------- problems */
.qmx-problems { padding: 80px 0; background: var(--qmx-surface); }
.qmx-problem-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 14px; margin-top: 46px; }
.qmx-problem {
  display: flex; align-items: center; gap: 14px;
  background: #fff; border: 1px solid var(--qmx-line); border-radius: 12px;
  padding: 18px 20px; transition: .28s;
}
.qmx-problem:hover { border-color: var(--qmx-navy); box-shadow: var(--qmx-shadow); transform: translateY(-3px); }
.qmx-problem-icon {
  flex: 0 0 auto; width: 42px; height: 42px; border-radius: 10px;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--qmx-accent-soft); color: var(--qmx-accent); font-size: 17px;
}
.qmx-problem-text { flex: 1; font-weight: 600; font-size: 16px; color: var(--qmx-ink); line-height: 1.4; }
.qmx-problem-arrow { color: var(--qmx-muted); transition: .25s; }
.qmx-problem:hover .qmx-problem-arrow { color: var(--qmx-navy); transform: translateX(4px); }

/* ------------------------------------------------------------ steps */
.qmx-steps-sec { padding: 80px 0; }
.qmx-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 24px; margin-top: 46px; }
.qmx-step { background: #fff; border: 1px solid var(--qmx-line); border-radius: var(--qmx-radius); padding: 30px 26px; position: relative; }
.qmx-step-no { display: block; font-size: 15px; font-weight: 800; color: var(--qmx-accent); letter-spacing: .08em; margin-bottom: 14px; }
.qmx-step h3 { font-size: 19px; margin-bottom: 10px; }
.qmx-step p { font-size: 15.5px; line-height: 1.68; color: var(--qmx-muted); margin: 0; }

/* -------------------------------------------------------- checklist */
.qmx-check-sec { padding: 80px 0; }
.qmx-check-col { height: 100%; background: #fff; border: 1px solid var(--qmx-line); border-radius: var(--qmx-radius); padding: 30px 28px; }
.qmx-check-col h3 { font-size: 20px; display: flex; align-items: center; gap: 10px; margin-bottom: 18px; }
.qmx-check-col h3 i { color: var(--qmx-navy); font-size: 18px; }
.qmx-check-col.tone-warn h3 i { color: var(--qmx-accent); }
.qmx-check-col ul { list-style: none; padding: 0; margin: 0; }
.qmx-check-col li { position: relative; padding-left: 26px; margin-bottom: 12px; font-size: 16px; line-height: 1.62; color: var(--qmx-ink-2); }
.qmx-check-col li::before {
  content: "\f105"; font-family: "Font Awesome 6 Pro"; font-weight: 900;
  position: absolute; left: 0; top: 2px; color: var(--qmx-navy); font-size: 14px;
}
.qmx-check-col.tone-warn li::before { color: var(--qmx-accent); }
.qmx-checklist { list-style: none; padding: 0; margin: 34px 0 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 12px; }
.qmx-checklist li { font-size: 16px; color: var(--qmx-ink-2); display: flex; gap: 10px; align-items: flex-start; }
.qmx-checklist li i { color: var(--qmx-navy); margin-top: 4px; }

/* ------------------------------------------------------------ table */
.qmx-table-sec { padding: 80px 0; }
.qmx-table-scroll { overflow-x: auto; border: 1px solid var(--qmx-line); border-radius: var(--qmx-radius); background: #fff; margin-top: 34px; -webkit-overflow-scrolling: touch; }
.qmx-table { width: 100%; border-collapse: collapse; min-width: 620px; }
.qmx-table th, .qmx-table td { padding: 16px 20px; text-align: left; font-size: 15.5px; border-bottom: 1px solid var(--qmx-line); vertical-align: top; }
.qmx-table thead th { background: var(--qmx-navy-900); color: #fff; font-weight: 600; font-size: 14.5px; letter-spacing: .01em; white-space: nowrap; }
.qmx-table tbody th { font-weight: 600; color: var(--qmx-ink); background: var(--qmx-surface); white-space: nowrap; }
.qmx-table tbody td { color: var(--qmx-ink-2); }
.qmx-table tbody tr:last-child th, .qmx-table tbody tr:last-child td { border-bottom: 0; }
.qmx-table tbody tr:hover td, .qmx-table tbody tr:hover th { background: #f4f7fd; }
.qmx-table-sm { min-width: 0; }
.qmx-table-note { margin-top: 16px; font-size: 14.5px; color: var(--qmx-muted); }

/* -------------------------------------------------------------- faq */
.qmx-faq-sec { padding: 80px 0; }
.qmx-faq { max-width: 900px; margin: 40px auto 0; }
.qmx-faq .accordion-item { border: 1px solid var(--qmx-line); border-radius: var(--qmx-radius) !important; margin-bottom: 12px; overflow: hidden; background: #fff; }
.qmx-faq .accordion-button {
  font-size: 17px; font-weight: 600; color: var(--qmx-ink); padding: 20px 24px;
  background: #fff; box-shadow: none; border: 0;
}
.qmx-faq .accordion-button:not(.collapsed) { color: var(--qmx-navy); background: #f7f9fd; }
.qmx-faq .accordion-button::after { filter: none; }
.qmx-faq .accordion-body { padding: 4px 24px 22px; font-size: 16px; line-height: 1.75; color: var(--qmx-ink-2); }
.qmx-faq .accordion-body a { color: var(--qmx-navy); text-decoration: underline; }
@media (max-width: 575px) { .qmx-faq .accordion-button { font-size: 15.5px; padding: 16px 18px; } .qmx-faq .accordion-body { padding: 4px 18px 18px; font-size: 15.5px; } }

/* ----------------------------------------------------------- expert */
.qmx-expert-sec { padding: 30px 0 70px; }
.qmx-expert {
  max-width: 880px; background: var(--qmx-navy-900); color: #fff;
  border-radius: var(--qmx-radius-lg); padding: 38px 42px; position: relative; overflow: hidden;
}
.qmx-expert::after {
  content: "\f10e"; font-family: "Font Awesome 6 Pro"; font-weight: 900;
  position: absolute; right: 30px; bottom: 10px; font-size: 92px; color: rgba(255, 255, 255, .06);
}
.qmx-expert-badge { display: inline-flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #ff7aa4; margin-bottom: 16px; }
.qmx-expert blockquote { font-size: 19px; line-height: 1.72; margin: 0 0 16px; color: rgba(255, 255, 255, .93); position: relative; z-index: 2; }
.qmx-expert cite { font-style: normal; font-size: 14.5px; color: rgba(255, 255, 255, .6); }
@media (max-width: 575px) { .qmx-expert { padding: 26px 22px; } .qmx-expert blockquote { font-size: 17px; } }

/* ---------------------------------------------------------- related */
.qmx-related-sec { padding: 80px 0; }
.qmx-related-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 16px; margin-top: 44px; }
.qmx-related {
  display: block; background: #fff; border: 1px solid var(--qmx-line);
  border-radius: var(--qmx-radius); padding: 24px 24px 22px; transition: .28s; position: relative;
}
.qmx-related:hover { border-color: var(--qmx-navy); box-shadow: var(--qmx-shadow); transform: translateY(-4px); }
.qmx-related-kicker { display: block; font-size: 11.5px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--qmx-accent); margin-bottom: 10px; }
.qmx-related strong { display: block; font-size: 17px; color: var(--qmx-ink); line-height: 1.42; margin-bottom: 8px; }
.qmx-related-desc { display: block; font-size: 14.5px; line-height: 1.6; color: var(--qmx-muted); }
.qmx-related-arrow { display: inline-block; margin-top: 14px; color: var(--qmx-navy); transition: .25s; }
.qmx-related:hover .qmx-related-arrow { transform: translateX(5px); }

/* -------------------------------------------------------------- cta */
.qmx-cta-band { padding: 74px 0; background: linear-gradient(120deg, #0d1b3d 0%, #3358D3 100%); position: relative; overflow: hidden; }
.qmx-cta-band::after { content: ""; position: absolute; left: -6%; bottom: -60%; width: 480px; height: 480px; border-radius: 50%; background: radial-gradient(circle, rgba(213, 31, 96, .28) 0%, rgba(213, 31, 96, 0) 68%); }
.qmx-cta-inner { position: relative; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 40px; flex-wrap: wrap; }
.qmx-cta-text { max-width: 660px; }
.qmx-cta-text .qmx-eyebrow { margin-bottom: 12px; }
.qmx-cta-text h2 { color: #fff; font-size: 34px; letter-spacing: -.02em; margin-bottom: 12px; }
.qmx-cta-text p { color: rgba(255, 255, 255, .78); font-size: 17px; margin: 0; }
.qmx-cta-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.qmx-cta-light { background: var(--qmx-surface); }
.qmx-cta-light::after { display: none; }
.qmx-cta-light .qmx-cta-text h2 { color: var(--qmx-ink); }
.qmx-cta-light .qmx-cta-text p { color: var(--qmx-muted); }
.qmx-cta-light .qmx-eyebrow { color: var(--qmx-navy); background: #e7edfb; border-color: #d6e0f7; }
.qmx-cta-light .rts-btn.qmx-btn-ghost { color: var(--qmx-ink); border-color: var(--qmx-line); }
@media (max-width: 575px) { .qmx-cta-text h2 { font-size: 26px; } }

/* ---------------------------------------------------------- pricing */
.qmx-pricing-sec { padding: 80px 0; }
.qmx-price-card {
  height: 100%; display: flex; flex-direction: column;
  background: #fff; border: 1px solid var(--qmx-line); border-radius: var(--qmx-radius-lg);
  padding: 32px 28px; position: relative; transition: .3s;
}
.qmx-price-card:hover { box-shadow: var(--qmx-shadow-lg); transform: translateY(-5px); }
.qmx-price-card.is-featured { border-color: var(--qmx-navy); box-shadow: var(--qmx-shadow); }
.qmx-price-badge {
  position: absolute; top: -13px; left: 28px;
  background: var(--qmx-accent); color: #fff; font-size: 12px; font-weight: 700;
  letter-spacing: .04em; padding: 6px 14px; border-radius: 100px;
}
.qmx-price-name { font-size: 21px; margin-bottom: 8px; }
.qmx-price-short { font-size: 14.5px; line-height: 1.62; color: var(--qmx-muted); margin-bottom: 22px; }
.qmx-price-value { padding: 20px 0; border-top: 1px solid var(--qmx-line); border-bottom: 1px solid var(--qmx-line); margin-bottom: 22px; }
.qmx-price-label { display: block; font-size: 12px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--qmx-muted); margin-bottom: 8px; }
.qmx-price-value strong { display: block; font-size: 34px; font-weight: 800; letter-spacing: -.02em; color: var(--qmx-ink); line-height: 1.1; }
.qmx-price-vat { display: inline-block; margin-top: 6px; font-size: 13.5px; color: var(--qmx-muted); font-weight: 600; }
.qmx-price-features { list-style: none; padding: 0; margin: 0 0 26px; flex: 1; }
.qmx-price-features li { font-size: 15px; color: var(--qmx-ink-2); margin-bottom: 10px; display: flex; gap: 10px; align-items: flex-start; }
.qmx-price-features li i { color: var(--qmx-navy); font-size: 13px; margin-top: 5px; }
.qmx-price-notes { margin-top: 34px; padding: 22px 26px; background: var(--qmx-surface); border-radius: var(--qmx-radius); }
.qmx-price-notes p { font-size: 14.5px; color: var(--qmx-muted); margin: 0 0 8px; display: flex; gap: 10px; align-items: flex-start; }
.qmx-price-notes p:last-child { margin-bottom: 0; }
.qmx-price-notes i { color: var(--qmx-navy); margin-top: 3px; }
.qmx-updated { font-size: 13.5px; color: var(--qmx-muted); font-weight: 600; }

/* ------------------------------------------------- product price box */
.qmx-productprice { padding: 70px 0; background: var(--qmx-surface); }
.qmx-pp-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 30px; align-items: start; }
.qmx-pp-main, .qmx-pp-users { background: #fff; border: 1px solid var(--qmx-line); border-radius: var(--qmx-radius-lg); padding: 34px; }
.qmx-pp-main .qmx-eyebrow { color: var(--qmx-navy); background: #e7edfb; border-color: #d6e0f7; }
.qmx-pp-main h2 { font-size: 27px; margin-bottom: 20px; }
.qmx-pp-value { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; margin-bottom: 18px; }
.qmx-pp-value strong { font-size: 44px; font-weight: 800; letter-spacing: -.03em; color: var(--qmx-navy); line-height: 1; }
.qmx-pp-value span { font-size: 15px; font-weight: 600; color: var(--qmx-muted); }
.qmx-pp-scope, .qmx-pp-note { font-size: 14.5px; line-height: 1.65; color: var(--qmx-muted); }
.qmx-pp-version { font-size: 14.5px; color: var(--qmx-ink-2); background: var(--qmx-accent-soft); border-radius: 8px; padding: 10px 14px; display: inline-flex; gap: 8px; }
.qmx-pp-version i { color: var(--qmx-accent); margin-top: 3px; }
.qmx-pp-actions { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 22px; }
.qmx-pp-users h3 { font-size: 19px; margin-bottom: 18px; }
.qmx-pp-project { margin-top: 16px; font-size: 14.5px; line-height: 1.6; color: var(--qmx-ink-2); background: var(--qmx-surface); border-radius: 8px; padding: 14px 16px; }
.qmx-pp-note { margin-top: 14px; }
.qmx-productprice .qmx-updated { margin-top: 22px; }
@media (max-width: 991px) { .qmx-pp-grid { grid-template-columns: 1fr; } }
@media (max-width: 575px) { .qmx-pp-main, .qmx-pp-users { padding: 24px 20px; } .qmx-pp-value strong { font-size: 34px; } }

/* ------------------------------------------------------------ split */
.qmx-split { padding: 80px 0; }
.qmx-split-rev .row { flex-direction: row-reverse; }
.qmx-split-media img { width: 100%; height: auto; border-radius: var(--qmx-radius-lg); display: block; }
.qmx-feature-list { list-style: none; padding: 0; margin: 24px 0 28px; }
.qmx-feature-list li { display: flex; gap: 14px; margin-bottom: 18px; }
.qmx-fl-icon {
  flex: 0 0 auto; width: 42px; height: 42px; border-radius: 10px;
  display: inline-flex; align-items: center; justify-content: center;
  background: #eaf0ff; color: var(--qmx-navy); font-size: 16px;
}
.qmx-feature-list strong { display: block; font-size: 17px; color: var(--qmx-ink); margin-bottom: 3px; }
.qmx-feature-list em { font-style: normal; font-size: 15px; line-height: 1.6; color: var(--qmx-muted); }

/* ----------------------------------------------------------- byline */
.qmx-byline-sec { padding: 34px 0 0; }
.qmx-byline {
  display: flex; align-items: center; justify-content: space-between; gap: 24px; flex-wrap: wrap;
  background: #fff; border: 1px solid var(--qmx-line); border-radius: var(--qmx-radius);
  padding: 20px 26px; max-width: 880px;
}
.qmx-byline-who { display: flex; align-items: center; gap: 14px; }
.qmx-byline-avatar { width: 46px; height: 46px; border-radius: 50%; background: #eaf0ff; color: var(--qmx-navy); display: inline-flex; align-items: center; justify-content: center; font-size: 18px; }
.qmx-byline-who strong { display: block; font-size: 16px; color: var(--qmx-ink); }
.qmx-byline-who span { font-size: 13.5px; color: var(--qmx-muted); }
.qmx-byline-meta { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 8px 22px; }
.qmx-byline-meta li { font-size: 13.5px; color: var(--qmx-muted); display: flex; align-items: center; gap: 7px; }
.qmx-byline-meta i { color: var(--qmx-navy); }

/* ------------------------------------------------------------- list */
.qmx-list-sec { padding: 80px 0; }
.qmx-filters { list-style: none; padding: 0; margin: 0 0 36px; display: flex; flex-wrap: wrap; gap: 10px; }
.qmx-filters a { display: inline-block; padding: 9px 18px; border-radius: 100px; background: #fff; border: 1px solid var(--qmx-line); font-size: 14.5px; font-weight: 600; color: var(--qmx-ink-2); transition: .25s; }
.qmx-filters a:hover, .qmx-filters a.is-active { background: var(--qmx-navy); border-color: var(--qmx-navy); color: #fff; }
.qmx-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(330px, 1fr)); gap: 18px; }
.qmx-list-item { background: #fff; border: 1px solid var(--qmx-line); border-radius: var(--qmx-radius); transition: .28s; }
.qmx-list-item:hover { border-color: var(--qmx-navy); box-shadow: var(--qmx-shadow); transform: translateY(-4px); }
.qmx-list-item > a { display: block; padding: 28px 26px; height: 100%; }
.qmx-list-kicker { display: inline-block; font-size: 11.5px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--qmx-accent); margin-bottom: 12px; }
.qmx-list-item h3 { font-size: 19px; line-height: 1.42; color: var(--qmx-ink); margin-bottom: 10px; }
.qmx-list-item p { font-size: 15px; line-height: 1.65; color: var(--qmx-muted); margin-bottom: 16px; }
.qmx-list-more { font-size: 14.5px; font-weight: 600; color: var(--qmx-navy); display: inline-flex; align-items: center; gap: 8px; }
.qmx-list-item:hover .qmx-list-more i { transform: translateX(4px); }
.qmx-list-more i { transition: .25s; }

/* -------------------------------------------------------- ecosystem */
.qmx-ecosystem { padding: 80px 0; background: var(--qmx-surface); border-top: 1px solid var(--qmx-line); }
.qmx-eco-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); gap: 18px; margin-top: 46px; }
.qmx-eco-card { display: flex; gap: 18px; background: #fff; border: 1px solid var(--qmx-line); border-radius: var(--qmx-radius); padding: 26px 24px; transition: .28s; }
.qmx-eco-card:hover { border-color: var(--qmx-navy); box-shadow: var(--qmx-shadow); transform: translateY(-4px); }
.qmx-eco-icon { flex: 0 0 auto; width: 48px; height: 48px; border-radius: 12px; background: #eaf0ff; color: var(--qmx-navy); display: inline-flex; align-items: center; justify-content: center; font-size: 20px; }
.qmx-eco-body strong { display: block; font-size: 17px; color: var(--qmx-ink); }
.qmx-eco-domain { display: block; font-size: 13px; font-weight: 600; color: var(--qmx-accent); margin: 2px 0 8px; }
.qmx-eco-desc { display: block; font-size: 14.5px; line-height: 1.6; color: var(--qmx-muted); }

/* ----------------------------------------------------------- footer */
.qmx-footer { background: var(--qmx-navy-900); color: rgba(255, 255, 255, .72); padding: 74px 0 0; }
.qmx-footer-top { display: grid; grid-template-columns: minmax(280px, 360px) 1fr; gap: 56px; padding-bottom: 54px; }
.qmx-footer-brand .logo img { width: 210px; height: auto; margin-bottom: 20px; }
.qmx-footer-brand > p { font-size: 16px; line-height: 1.7; color: rgba(255, 255, 255, .7); margin-bottom: 22px; }
.qmx-footer-contact { list-style: none; padding: 0; margin: 0 0 24px; }
.qmx-footer-contact li { display: flex; gap: 12px; align-items: flex-start; margin-bottom: 12px; font-size: 15px; }
.qmx-footer-contact i { color: #7f9bde; margin-top: 4px; width: 16px; }
.qmx-footer-contact a, .qmx-footer-contact span { color: rgba(255, 255, 255, .78); }
.qmx-footer-contact a:hover { color: #fff; }
.qmx-wa-btn { display: inline-flex; align-items: center; gap: 9px; }
.qmx-footer-col h3.widget-title { color: #fff; font-size: 16px; font-weight: 700; margin-bottom: 20px; letter-spacing: .01em; }
.qmx-footer-col ul { list-style: none; padding: 0; margin: 0; }
.qmx-footer-col li { margin-bottom: 11px; }
.qmx-footer-col a { color: rgba(255, 255, 255, .68); font-size: 15px; transition: .22s; }
.qmx-footer-col a:hover { color: #fff; padding-left: 4px; }
.qmx-footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, .12); padding: 24px 0 26px;
  display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap;
}
.qmx-footer-bottom .copyright { margin: 0; font-size: 14.5px; color: rgba(255, 255, 255, .6); }
.qmx-legal { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 8px 22px; }
.qmx-legal a { font-size: 14px; color: rgba(255, 255, 255, .6); }
.qmx-legal a:hover { color: #fff; }
@media (max-width: 991px) { .qmx-footer-top { grid-template-columns: 1fr; gap: 40px; } }

/* ------------------------------------------------------ float / cookie */
.qmx-float { position: fixed; right: 18px; bottom: 92px; z-index: 90; display: flex; flex-direction: column; gap: 10px; }
.qmx-float-btn { width: 50px; height: 50px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: #fff; font-size: 21px; box-shadow: 0 6px 20px rgba(18, 23, 42, .22); transition: .25s; }
.qmx-float-btn:hover { transform: scale(1.07); color: #fff; }
.qmx-float-wa { background: #25d366; }
.qmx-float-tel { background: var(--qmx-navy); font-size: 17px; }
@media (max-width: 575px) { .qmx-float { bottom: 76px; right: 14px; } .qmx-float-btn { width: 46px; height: 46px; } }

.qmx-cookie {
  position: fixed; left: 18px; right: 18px; bottom: 18px; z-index: 200;
  max-width: 720px; margin: 0 auto;
  background: #fff; border: 1px solid var(--qmx-line); border-radius: var(--qmx-radius);
  box-shadow: var(--qmx-shadow-lg); padding: 20px 24px;
  display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap;
}
.qmx-cookie p { margin: 0; font-size: 14.5px; line-height: 1.6; color: var(--qmx-ink-2); flex: 1 1 320px; }
.qmx-cookie a { color: var(--qmx-navy); text-decoration: underline; }
.qmx-cookie-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.qmx-cookie .rts-btn { padding: 10px 18px; font-size: 14px; }

/* ------------------------------------------------------------ forms */
.qmx-form-sec { padding: 80px 0; }
.qmx-form-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 40px; align-items: start; }
.qmx-form-aside { background: var(--qmx-navy-900); color: #fff; border-radius: var(--qmx-radius-lg); padding: 38px 34px; }
.qmx-form-aside h2 { color: #fff; font-size: 26px; margin-bottom: 14px; }
.qmx-form-aside > p { color: rgba(255, 255, 255, .74); font-size: 16px; line-height: 1.7; margin-bottom: 26px; }
.qmx-form-aside ul { list-style: none; padding: 0; margin: 0; }
.qmx-form-aside li { display: flex; gap: 13px; align-items: flex-start; margin-bottom: 16px; font-size: 15.5px; color: rgba(255, 255, 255, .82); }
.qmx-form-aside li i { color: #ff7aa4; margin-top: 4px; }
.qmx-form-aside a { color: #fff; }
.qmx-form { background: #fff; border: 1px solid var(--qmx-line); border-radius: var(--qmx-radius-lg); padding: 36px 34px; }
.qmx-field { margin-bottom: 18px; }
.qmx-field label { display: block; font-size: 14px; font-weight: 600; color: var(--qmx-ink); margin-bottom: 8px; }
.qmx-field .req { color: var(--qmx-accent); }
.qmx-field input, .qmx-field select, .qmx-field textarea {
  width: 100%; padding: 13px 16px; font-size: 15.5px; font-family: inherit;
  border: 1px solid var(--qmx-line); border-radius: 10px; background: #fbfcfe; color: var(--qmx-ink);
  transition: .2s;
}
.qmx-field input:focus, .qmx-field select:focus, .qmx-field textarea:focus { border-color: var(--qmx-navy); background: #fff; outline: none; box-shadow: 0 0 0 3px rgba(51, 88, 211, .1); }
.qmx-field textarea { min-height: 130px; resize: vertical; }
.qmx-field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.qmx-consent { display: flex; gap: 12px; align-items: flex-start; margin: 22px 0; }
.qmx-consent input { width: 18px; height: 18px; margin-top: 3px; flex: 0 0 auto; accent-color: var(--qmx-navy); }
.qmx-consent label { font-size: 14px; line-height: 1.6; color: var(--qmx-muted); font-weight: 400; }
.qmx-consent a { color: var(--qmx-navy); text-decoration: underline; }
.qmx-form-msg { margin-top: 18px; padding: 14px 18px; border-radius: 10px; font-size: 15px; display: none; }
.qmx-form-msg.is-ok { display: block; background: #e9f9ee; border: 1px solid #bfe9cc; color: #1a7a3a; }
.qmx-form-msg.is-err { display: block; background: #fdeef0; border: 1px solid #f6ccd4; color: #b0233c; }
.qmx-field .is-invalid { border-color: #e0637a; background: #fffafb; }
.qmx-error { display: block; font-size: 13px; color: #b0233c; margin-top: 6px; }
@media (max-width: 991px) { .qmx-form-grid { grid-template-columns: 1fr; } }
@media (max-width: 575px) { .qmx-field-row { grid-template-columns: 1fr; } .qmx-form, .qmx-form-aside { padding: 26px 20px; } }

/* ------------------------------------------------------------- tool */
.qmx-tool-sec { padding: 70px 0; background: var(--qmx-surface); }
.qmx-tool { background: #fff; border: 1px solid var(--qmx-line); border-radius: var(--qmx-radius-lg); box-shadow: var(--qmx-shadow); overflow: hidden; }
.qmx-tool-head { padding: 26px 34px; border-bottom: 1px solid var(--qmx-line); display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.qmx-tool-head h2 { font-size: 22px; margin: 0; }
.qmx-tool-progress { flex: 1 1 220px; max-width: 320px; }
.qmx-tool-progress-bar { height: 7px; border-radius: 100px; background: var(--qmx-surface-2); overflow: hidden; }
.qmx-tool-progress-bar span { display: block; height: 100%; width: 0; background: linear-gradient(90deg, var(--qmx-navy), var(--qmx-accent)); border-radius: 100px; transition: width .35s ease; }
.qmx-tool-progress-text { font-size: 13px; color: var(--qmx-muted); margin-top: 8px; display: block; font-weight: 600; }
.qmx-tool-body { padding: 34px; }
.qmx-step-panel { display: none; }
.qmx-step-panel.is-active { display: block; animation: qmxFade .3s ease; }
@keyframes qmxFade { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
.qmx-q-title { font-size: 22px; margin-bottom: 8px; }
.qmx-q-help { font-size: 15px; color: var(--qmx-muted); margin-bottom: 24px; }
.qmx-options { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 12px; }
.qmx-opt { position: relative; }
.qmx-opt input { position: absolute; opacity: 0; width: 0; height: 0; }
.qmx-opt span {
  display: flex; align-items: center; gap: 11px; height: 100%;
  border: 1.5px solid var(--qmx-line); border-radius: 12px; padding: 15px 17px;
  font-size: 15.5px; font-weight: 600; color: var(--qmx-ink-2); cursor: pointer; transition: .22s; background: #fff;
}
.qmx-opt span::before {
  content: ""; flex: 0 0 auto; width: 20px; height: 20px; border-radius: 6px;
  border: 1.5px solid #c8d0e2; transition: .2s;
}
.qmx-opt input[type="radio"] + span::before { border-radius: 50%; }
.qmx-opt span:hover { border-color: #b9c6e6; background: #fbfcfe; }
.qmx-opt input:checked + span { border-color: var(--qmx-navy); background: #f2f6ff; color: var(--qmx-navy); }
.qmx-opt input:checked + span::before { background: var(--qmx-navy); border-color: var(--qmx-navy); box-shadow: inset 0 0 0 3px #fff; }
.qmx-opt input:focus-visible + span { outline: 3px solid rgba(51, 88, 211, .4); outline-offset: 2px; }
.qmx-tool-nav { display: flex; justify-content: space-between; gap: 12px; margin-top: 30px; flex-wrap: wrap; }
.qmx-tool-nav .rts-btn { min-width: 130px; justify-content: center; }
.qmx-tool-nav button[disabled] { opacity: .45; pointer-events: none; }

/* sonuç */
.qmx-result { display: none; }
.qmx-result.is-active { display: block; }
.qmx-result-head { text-align: center; margin-bottom: 34px; }
.qmx-result-head h2 { font-size: 28px; margin-bottom: 10px; }
.qmx-result-head p { color: var(--qmx-muted); font-size: 16px; max-width: 620px; margin: 0 auto; }
.qmx-profile { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 14px; margin-bottom: 34px; }
.qmx-profile-item { background: var(--qmx-surface); border-radius: 12px; padding: 18px 20px; }
.qmx-profile-item strong { display: block; font-size: 15px; color: var(--qmx-ink); margin-bottom: 10px; }
.qmx-meter { height: 8px; border-radius: 100px; background: #e2e8f5; overflow: hidden; margin-bottom: 8px; }
.qmx-meter span { display: block; height: 100%; border-radius: 100px; background: var(--qmx-navy); transition: width .5s ease; }
.qmx-meter.lvl-high span { background: linear-gradient(90deg, var(--qmx-navy), var(--qmx-accent)); }
.qmx-meter.lvl-mid span { background: var(--qmx-navy); }
.qmx-meter.lvl-low span { background: #97a5c4; }
.qmx-profile-item em { font-style: normal; font-size: 13.5px; font-weight: 700; color: var(--qmx-muted); letter-spacing: .04em; text-transform: uppercase; }
.qmx-rec { background: linear-gradient(135deg, #f7f9fd, #eef2fb); border: 1px solid var(--qmx-line); border-radius: var(--qmx-radius-lg); padding: 30px 32px; margin-bottom: 26px; }
.qmx-rec h3 { font-size: 20px; margin-bottom: 6px; }
.qmx-rec-main { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; padding: 20px 0; border-bottom: 1px dashed #cfd8ea; }
.qmx-rec-main strong { font-size: 24px; color: var(--qmx-navy); }
.qmx-rec-main span { font-size: 14.5px; color: var(--qmx-muted); display: block; margin-top: 4px; }
.qmx-rec-price { font-size: 26px; font-weight: 800; color: var(--qmx-ink); white-space: nowrap; }
.qmx-rec-lines { list-style: none; padding: 0; margin: 18px 0 0; }
.qmx-rec-lines li { display: flex; justify-content: space-between; gap: 16px; padding: 11px 0; border-bottom: 1px solid #e3e9f5; font-size: 15.5px; color: var(--qmx-ink-2); }
.qmx-rec-lines li:last-child { border-bottom: 0; }
.qmx-rec-lines b { color: var(--qmx-ink); white-space: nowrap; }
.qmx-rec-total { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; margin-top: 22px; padding-top: 20px; border-top: 2px solid var(--qmx-navy); flex-wrap: wrap; }
.qmx-rec-total span { font-size: 17px; font-weight: 700; color: var(--qmx-ink); }
.qmx-rec-total strong { font-size: 34px; font-weight: 800; color: var(--qmx-navy); letter-spacing: -.02em; }
.qmx-rec-total em { font-style: normal; font-size: 14px; color: var(--qmx-muted); font-weight: 600; display: block; }
.qmx-disclaimer { background: var(--qmx-accent-soft); border: 1px solid #f6d7e3; border-radius: 12px; padding: 16px 20px; font-size: 14.5px; line-height: 1.65; color: var(--qmx-ink-2); margin-bottom: 26px; }
.qmx-result-actions { display: flex; gap: 12px; flex-wrap: wrap; justify-content: center; }
@media (max-width: 575px) {
  .qmx-tool-head, .qmx-tool-body { padding: 22px 18px; }
  .qmx-options { grid-template-columns: 1fr; }
  .qmx-tool-nav .rts-btn { flex: 1; }
  .qmx-rec { padding: 22px 18px; }
  .qmx-rec-total strong { font-size: 27px; }
}

/* --------------------------------------------------- sözlük / arama */
.qmx-alpha { display: flex; flex-wrap: wrap; gap: 7px; margin-bottom: 34px; }
.qmx-alpha a { width: 38px; height: 38px; display: inline-flex; align-items: center; justify-content: center; border-radius: 9px; background: #fff; border: 1px solid var(--qmx-line); font-weight: 700; font-size: 14.5px; color: var(--qmx-ink-2); }
.qmx-alpha a:hover { background: var(--qmx-navy); border-color: var(--qmx-navy); color: #fff; }
.qmx-glossary-group { margin-bottom: 40px; scroll-margin-top: 120px; }
.qmx-glossary-group > h2 { font-size: 26px; color: var(--qmx-navy); border-bottom: 2px solid var(--qmx-line); padding-bottom: 10px; margin-bottom: 20px; }
.qmx-search-box { max-width: 640px; margin: 0 auto 40px; display: flex; gap: 10px; }
.qmx-search-box input { flex: 1; padding: 15px 20px; font-size: 16px; border: 1px solid var(--qmx-line); border-radius: 12px; font-family: inherit; }
.qmx-search-box input:focus { outline: none; border-color: var(--qmx-navy); box-shadow: 0 0 0 3px rgba(51, 88, 211, .1); }
.qmx-search-empty { text-align: center; color: var(--qmx-muted); padding: 40px 0; }

/* -------------------------------------------------------------- 404 */
.qmx-404 { padding: 120px 0; text-align: center; }
.qmx-404 .code { font-size: 110px; font-weight: 800; color: var(--qmx-navy); line-height: 1; letter-spacing: -.04em; }
.qmx-404 h1 { font-size: 32px; margin: 16px 0 12px; }
.qmx-404 p { font-size: 17px; color: var(--qmx-muted); max-width: 520px; margin: 0 auto 30px; }
.qmx-404-actions { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }


/* ------------------------------------------------- reduced motion */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; scroll-behavior: auto !important; }
}

/* ==========================================================================
   Tema uyum düzeltmeleri
   ========================================================================== */

/* --- Header: arama ve hamburger yalnızca mobilde --------------------- */
.qmx-header .search-icon,
.qmx-header .menu-toggle { display: none; }
@media (max-width: 1199px) {
  .qmx-header .search-icon,
  .qmx-header .menu-toggle { display: flex; }
  .qmx-header .header-button-area .rts-btn { display: none; }
}
@media (max-width: 1399px) {
  .qmx-header .header-button-area .qmx-btn-ghost { display: none; }
}


/* --- Slider: LCP için ilk kare hazır -------------------------------- */
.rts-banner-slider-three-area .swiper-slide {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* --- Çözüm slider kartlarında Font Awesome ikonu -------------------- */
.rts-service-wrapper-four .single-item .icon i {
  font-size: 40px;
  line-height: 1;
  color: var(--color-primary);
  display: inline-block;
}
.rts-service-wrapper-four .single-item .content .read-more {
  display: inline-flex; align-items: center; gap: 8px;
  margin-top: 16px; font-weight: 600; font-size: 14.5px; color: var(--color-primary);
}
.rts-service-wrapper-four .single-item .content .read-more i { transition: .25s; }
.rts-service-wrapper-four .single-item:hover .content .read-more i { transform: translateX(4px); }

/* --- Footer: tema footer-three içinde bağlantı listeleri ------------ */
.qmx-footer .qmx-fmenu { list-style: none; padding: 0; margin: 0; }
.qmx-footer .qmx-fmenu li { margin-bottom: 10px; }
.qmx-footer .qmx-fmenu li a {
  display: inline-block; font-size: 15px; line-height: 1.5;
  color: rgba(255, 255, 255, .72); transition: .22s;
}
.qmx-footer .qmx-fmenu li a:hover { color: #fff; padding-left: 4px; }
.qmx-footer-logo { display: inline-block; margin-bottom: 22px; }
.qmx-footer-logo img { width: 219px; height: auto; }
.qmx-footer .footer-widget-wrapper-three .single-widget .widget-body .desc { margin-bottom: 12px; }
.qmx-footer .qmx-wa-btn { display: inline-flex; align-items: center; gap: 9px; margin-top: 18px; }
.qmx-footer .footer-condition { display: flex; flex-wrap: wrap; gap: 8px 22px; list-style: none; padding: 0; margin: 0; }
.qmx-footer .footer-condition li a { font-size: 14px; color: rgba(255, 255, 255, .6); }
.qmx-footer .footer-condition li a:hover { color: #fff; }
.qmx-footer .footer-copyright-three { display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; }

/* --- Randevu bölümü iletişim listesi -------------------------------- */
.qmx-appointment-contact { list-style: none; padding: 0; margin: 26px 0 0; display: flex; flex-wrap: wrap; gap: 12px 28px; }
.qmx-appointment-contact li { display: flex; align-items: center; gap: 9px; font-size: 15.5px; color: var(--color-body); }
.qmx-appointment-contact li i { color: var(--color-primary); }
.qmx-appointment-contact a { color: var(--color-heading); font-weight: 600; }
.qmx-appointment-contact a:hover { color: var(--color-primary); }

/* --- Randevu bölümündeki sadeleştirilmiş form ----------------------- */
.rts-appointment-form-area .qmx-form-compact {
  background: transparent; border: 0; padding: 0; box-shadow: none;
}
.rts-appointment-form-area .qmx-form-compact .qmx-field label { font-size: 13.5px; }
.rts-appointment-form-area .qmx-form-compact .qmx-field input,
.rts-appointment-form-area .qmx-form-compact .qmx-field select,
.rts-appointment-form-area .qmx-form-compact .qmx-field textarea { background: #fff; }
.rts-appointment-form-area .qmx-form-compact .qmx-field textarea { min-height: 100px; }

/* --- Sektör galerisi kart başlığı ---------------------------------- */
.rts-project-area-three .single-project-item .body .content .ct { text-transform: none; }

/* --- Sayaç bölümü başlığındaki e-posta bağlantısı ------------------- */
.rts-contact-stats-area .rts-section-title .title a:hover { opacity: .8; }

/* ==========================================================================
   Header — logo ve navigasyon yerleşimi (ölçüm sonrası düzeltmeler)
   Sorun: geniş menü .header-right'ı şişirip .logo-area'yı 0px'e eziyordu;
   img { max-width:100% } nedeniyle logo tamamen kayboluyordu.
   ========================================================================== */
.rts-header-area.header-three .logo-area {
  flex: 0 0 auto;
  width: auto;
  min-width: 250px;
  max-width: 430px;
  justify-content: flex-start;
  padding-left: 40px;
}
.rts-header-area.header-three .logo-area .logo {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  padding-right: 40px;
  max-width: none;
}
.rts-header-area.header-three .logo-area .logo img {
  width: 205px;
  max-width: none;
  height: auto;
  display: block;
}
.rts-header-area.header-three .header-right { min-width: 0; flex: 1 1 auto; }

@media (max-width: 1700px) {
  .rts-header-area.header-three .logo-area { min-width: 220px; padding-left: 28px; }
  .rts-header-area.header-three .logo-area .logo img { width: 186px; }
  .qmx-header .main-nav-area > ul > li > a { font-size: 15px; }
}
@media (max-width: 1500px) {
  .rts-header-area.header-three .logo-area { min-width: 200px; padding-left: 22px; }
  .rts-header-area.header-three .logo-area .logo { padding-right: 24px; }
  .rts-header-area.header-three .logo-area .logo img { width: 168px; }
  .qmx-header .main-nav-area > ul > li > a { font-size: 14.5px; }
  .qmx-header .header-button-area .rts-btn { padding: 13px 22px; font-size: 14.5px; }
}
@media (max-width: 1300px) {
  .rts-header-area.header-three .logo-area { min-width: 178px; }
  .rts-header-area.header-three .logo-area .logo img { width: 152px; }
  .qmx-header .main-nav-area > ul > li > a { font-size: 13.5px; }
}
@media (max-width: 1199px) {
  .rts-header-area.header-three .logo-area { min-width: auto; max-width: none; padding-left: 20px; }
  .rts-header-area.header-three .logo-area .logo { padding-right: 0; }
  .rts-header-area.header-three .logo-area .logo img { width: 170px; }
}
@media (max-width: 575px) {
  .rts-header-area.header-three .logo-area { padding-left: 14px; }
  .rts-header-area.header-three .logo-area .logo img { width: 146px; }
}
.rts-offcanvas-area .offcanvas-top-area .logo img { width: 190px; max-width: none; height: auto; }
.qmx-footer .qmx-footer-logo img { width: 219px; max-width: 100%; height: auto; }


/* ==========================================================================
   Banner — içerik JS animasyonuna bağımlı olmasın (LCP + erişilebilirlik)
   Tema .title/.desc için opacity:0 tanımlar ve yalnızca aktif slaytta
   animasyonla açar. JS gecikirse/başarısız olursa H1 görünmez kalıyordu.
   ========================================================================== */
.rts-banner-slider-three-area .banner-wrapper .banner-content .title,
.rts-banner-slider-three-area .banner-wrapper .banner-content .desc,
.rts-banner-slider-three-area .banner-wrapper .banner-content .banner-btn-area .banner-btn {
  opacity: 1;
}
.rts-banner-slider-three-area .banner-wrapper .banner-content .title { font-size: 66px; line-height: 1.12; }
@media (max-width: 1399px) { .rts-banner-slider-three-area .banner-wrapper .banner-content .title { font-size: 54px; } }
@media (max-width: 991px)  { .rts-banner-slider-three-area .banner-wrapper .banner-content .title { font-size: 42px; } }
@media (max-width: 575px)  { .rts-banner-slider-three-area .banner-wrapper .banner-content .title { font-size: 32px; line-height: 1.2; } }
.rts-banner-slider-three-area .banner-wrapper .banner-content .desc { font-size: 18px; line-height: 1.7; max-width: 680px; }
@media (max-width: 575px) { .rts-banner-slider-three-area .banner-wrapper .banner-content .desc { font-size: 15.5px; } }

/* Slaytların üzerine okunabilirlik katmanı */
.rts-banner-slider-three-area .swiper-slide::before {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(100deg, rgba(15, 23, 48, .62) 0%, rgba(15, 23, 48, .40) 45%, rgba(15, 23, 48, .18) 100%);
}
.rts-banner-slider-three-area .swiper-slide > .container { position: relative; z-index: 2; }

/* Alttaki dev kayan yazı fazla baskındı */
.rts-banner-slider-three-area .banner-heading-text { font-size: 180px; bottom: -40px; }
@media (max-width: 1199px) { .rts-banner-slider-three-area .banner-heading-text { font-size: 130px; } }
@media (max-width: 767px)  { .rts-banner-slider-three-area .banner-heading-text { font-size: 72px; bottom: -12px; } }

/* ==========================================================================
   Banner slider — ok butonları ve vurgu şeridi
   Tema .swiper-banner-btn stillerini yalnızca banner-area-two için tanımlar;
   home-three'de butonlar konumsuz kalıp başlığın üzerine biniyordu.
   ========================================================================== */
.rts-banner-slider-three-area { position: relative; }
.rts-banner-slider-three-area .swiper-banner-btn {
  position: absolute;
  right: 60px;
  bottom: 90px;
  display: flex;
  gap: 12px;
  z-index: 5;
}
.rts-banner-slider-three-area .swiper-banner-btn .banner-btn {
  width: 54px; height: 54px;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, .35);
  background: rgba(255, 255, 255, .10);
  backdrop-filter: blur(6px);
  color: #fff; font-size: 17px; cursor: pointer;
  transition: .25s;
}
.rts-banner-slider-three-area .swiper-banner-btn .banner-btn:hover {
  background: var(--color-primary);
  border-color: var(--color-primary);
}
@media (max-width: 991px) {
  .rts-banner-slider-three-area .swiper-banner-btn { right: 24px; bottom: 60px; }
  .rts-banner-slider-three-area .swiper-banner-btn .banner-btn { width: 46px; height: 46px; }
}
@media (max-width: 575px) { .rts-banner-slider-three-area .swiper-banner-btn { display: none; } }


/* Hero CTA butonları */
.rts-banner-slider-three-area .banner-btn-area { margin-top: 38px; }

/* ==========================================================================
   Header — son yerleşim düzeltmeleri
   ========================================================================== */
.rts-header-area.header-three .logo-area { padding-left: 46px; }
@media (max-width: 1500px) { .rts-header-area.header-three .logo-area { padding-left: 32px; } }
@media (max-width: 1199px) { .rts-header-area.header-three .logo-area { padding-left: 20px; } }
@media (max-width: 575px)  { .rts-header-area.header-three .logo-area { padding-left: 16px; } }

.qmx-header .bottom-header-area { padding-right: 34px; }
@media (max-width: 1500px) { .qmx-header .bottom-header-area { padding-right: 22px; } }
.qmx-header .top-header-area { padding-right: 34px; }
@media (max-width: 1500px) { .qmx-header .top-header-area { padding-right: 22px; } }

.qmx-header .header-button-area .btn-primary { white-space: nowrap; }

/* ==========================================================================
   Banner ok butonları — tema left:11%/top:50% ile başlığın üzerine biniyordu
   ========================================================================== */
.rts-banner-slider-three-area .swiper-banner-btn {
  width: auto;
  left: auto;
  top: auto;
  right: 60px;
  bottom: 84px;
  transform: none;
  flex-direction: row;
  gap: 12px;
}
@media (max-width: 1199px) {
  .rts-banner-slider-three-area .swiper-banner-btn { left: auto; right: 28px; bottom: 60px; }
}
@media (max-width: 991px) { .rts-banner-slider-three-area .swiper-banner-btn { display: none; } }


/* Alttaki dev kayan yazı daha sakin */
.rts-banner-slider-three-area .banner-heading-text {
  font-size: 130px; bottom: -28px; color: rgba(255, 255, 255, .045);
  -webkit-text-stroke: 1px rgba(255, 255, 255, .10);
}
@media (max-width: 991px) { .rts-banner-slider-three-area .banner-heading-text { font-size: 84px; bottom: -16px; } }
@media (max-width: 575px) { .rts-banner-slider-three-area .banner-heading-text { display: none; } }

/* ==========================================================================
   Sticky header — tema header-three için sticky durumunu tanımlamıyordu;
   açık zeminde beyaz menü yazısı görünmez hale geliyordu.
   ========================================================================== */
.qmx-header .qmx-logo-dark { display: none; }
.qmx-header .qmx-logo-light { display: block; }


/* ==========================================================================
   Logo değişimi — tema kuralı (.rts-header-area.header-three .logo-area .logo img)
   daha yüksek özgüllükte olduğu için aynı seviyede yazılmalı
   ========================================================================== */
.rts-header-area.header-three .logo-area .logo img.qmx-logo-dark { display: none; }
.rts-header-area.header-three .logo-area .logo img.qmx-logo-light { display: block; }

/* ==========================================================================
   Header taşması — CTA butonuna nefes alanı, menüye esneme payı
   ========================================================================== */
.rts-header-area.header-three .bottom-header-area { padding-right: 30px; }
.rts-header-area.header-three .top-header-area { padding-right: 30px; }
@media (max-width: 1500px) {
  .rts-header-area.header-three .bottom-header-area,
  .rts-header-area.header-three .top-header-area { padding-right: 18px; }
}
.qmx-header .header-nav-area { min-width: 0; flex: 1 1 auto; }
.qmx-header .main-nav-area { min-width: 0; }
.qmx-header .header-button-area { flex: 0 0 auto; }
.qmx-header .header-button-area .btn-primary {
  padding: 14px 24px;
  font-size: 15px;
}
@media (max-width: 1600px) { .qmx-header .header-button-area .btn-primary { padding: 12px 18px; font-size: 14px; } }
@media (max-width: 1300px) { .qmx-header .header-button-area .btn-primary { padding: 11px 15px; font-size: 13.5px; } }

/* Üst şerit bilgileri sola hizalı ve daha okunaklı */
.rts-header-area.header-three .top-header-area { justify-content: space-between; }
.rts-header-area.header-three .top-header-area .info-address { gap: 26px; }
@media (max-width: 1500px) { .rts-header-area.header-three .top-header-area .info-address { gap: 18px; } }
@media (max-width: 1350px) { .rts-header-area.header-three .top-header-area .info-address a:nth-child(3) { display: none; } }

/* ==========================================================================
   Arama ve hamburger yalnızca mobilde (tema özgüllüğüne eşitlendi)
   ========================================================================== */
.rts-header-area.header-three .header-button-area .search-icon,
.rts-header-area.header-three .header-button-area .menu-toggle { display: none; }
@media (max-width: 1199px) {
  .rts-header-area.header-three .header-button-area .search-icon,
  .rts-header-area.header-three .header-button-area .menu-toggle {
    display: flex; align-items: center; justify-content: center;
  }
  .rts-header-area.header-three .header-button-area .rts-btn { display: none; }
}

/* ==========================================================================
   Logo varyantı — tema header-three'yi hem şeffaf (koyu görsel üzerinde)
   hem de sticky durumda koyu zemin yapar. Bu yüzden her iki halde de
   açık (light) logo kullanılır. Koyu logo yalnızca açık zeminli
   bağlamlar için saklanır.
   ========================================================================== */
.rts-header-area.header-three .logo-area .logo img.qmx-logo-dark { display: none; }
.rts-header-area.header-three .logo-area .logo img.qmx-logo-light { display: block; }

/* Sticky durumda tema koyu zemin veriyor: menü yazısı beyaz kalmalı */
.rts-sticky-header.sticky.header-three .main-nav-area > ul > li > a { color: var(--color-white); }
.rts-sticky-header.sticky.header-three { box-shadow: 0 6px 26px rgba(0, 0, 0, .18); }
.rts-sticky-header.sticky.header-three .bottom-header-area { padding-top: 6px; padding-bottom: 6px; }

/* ==========================================================================
   Mobil — sabit aksiyon butonları içeriği kapatmasın, ölçüler küçülsün
   ========================================================================== */
@media (max-width: 991px) {
  .qmx-float { right: 12px; bottom: 74px; gap: 8px; }
  .qmx-float-btn { width: 44px; height: 44px; font-size: 18px; box-shadow: 0 4px 14px rgba(18, 23, 42, .28); }
  .qmx-float-tel { font-size: 15px; }
  .rts-back-to-top { right: 12px; bottom: 18px; width: 42px; height: 42px; }
}

/* ==========================================================================
   Mobil — bölüm boşlukları (sayfa gereğinden uzun oluyordu)
   ========================================================================== */
@media (max-width: 767px) {
  .rts-section-gap { padding: 56px 0; }
  .rts-section-gapTop { padding-top: 56px; }
  .qmx-cards-sec, .qmx-problems, .qmx-steps-sec, .qmx-check-sec,
  .qmx-table-sec, .qmx-faq-sec, .qmx-related-sec, .qmx-pricing-sec,
  .qmx-list-sec, .qmx-split, .qmx-form-sec, .qmx-ecosystem { padding: 52px 0; }
  .qmx-prose-sec { padding: 44px 0; }
  .qmx-answer-wrap { padding: 44px 0 0; }
  .qmx-cta-band { padding: 52px 0; }
  .qmx-tool-sec { padding: 44px 0; }
  .qmx-card { padding: 24px 20px; }
  .qmx-card-icon { width: 46px; height: 46px; font-size: 19px; margin-bottom: 14px; }
  .qmx-card-title { font-size: 18px; }
  .qmx-problem-grid { gap: 10px; margin-top: 30px; }
  .qmx-steps { gap: 14px; margin-top: 30px; }
  .qmx-step { padding: 22px 20px; }
  .qmx-related-grid, .qmx-eco-grid { gap: 12px; margin-top: 30px; }
  .qmx-related { padding: 20px 18px; }
  .qmx-list { gap: 12px; }
  .qmx-list-item > a { padding: 22px 20px; }
  .rts-section-title .title { font-size: 28px !important; line-height: 1.25 !important; }
  .qmx-cta-text h2 { font-size: 24px; }
  .qmx-footer { padding-top: 52px; }
}

/* Ana sayfa hizmet kartlarında mobilde aşırı yükseklik */
@media (max-width: 767px) {
  .rts-service-wrapper-three .single-item { padding: 26px 22px; }
  .rts-service-wrapper-three .single-item .icon img { width: 42px; height: 42px; }
  .rts-contact-stats-wrapper .single-contact-stats .thumb img { width: 76px; height: 76px; }
}

/* Mobilde tek sabit aksiyon yeter; telefon zaten header ve footer'da */
@media (max-width: 767px) {
  .qmx-float-tel { display: none; }
  .qmx-float { bottom: 70px; right: 14px; }
  .qmx-float-btn { width: 48px; height: 48px; font-size: 20px; }
}

/* ==========================================================================
   Arama / hamburger — tema seçicisiyle aynı özgüllükte (0,5,0) yazılmalı
   ========================================================================== */
.rts-header-area.header-three .bottom-header-area .header-button-area .search-icon,
.rts-header-area.header-three .bottom-header-area .header-button-area .menu-toggle { display: none; }
@media (max-width: 1199px) {
  .rts-header-area.header-three .bottom-header-area .header-button-area .search-icon,
  .rts-header-area.header-three .bottom-header-area .header-button-area .menu-toggle {
    display: flex; align-items: center; justify-content: center;
  }
  .rts-header-area.header-three .bottom-header-area .header-button-area .rts-btn { display: none; }
}

/* ==========================================================================
   Breadcrumb — sabit header içeriğin üzerine biniyordu
   ========================================================================== */
.qmx-breadcrumb .rts-breadcrumb-content-wrapper {
  height: auto;
  min-height: 340px;
  padding-top: 190px;
  padding-bottom: 70px;
  align-items: center;
}
@media (max-width: 1199px) {
  .qmx-breadcrumb .rts-breadcrumb-content-wrapper { padding-top: 150px; padding-bottom: 56px; min-height: 300px; }
}
@media (max-width: 991px) {
  .qmx-breadcrumb .rts-breadcrumb-content-wrapper { padding-top: 130px; padding-bottom: 48px; min-height: auto; gap: 20px; }
}
@media (max-width: 575px) {
  .qmx-breadcrumb .rts-breadcrumb-content-wrapper { padding-top: 112px; padding-bottom: 40px; }
}
.qmx-breadcrumb .breadcrumb-list { flex-shrink: 0; }
@media (max-width: 991px) { .qmx-breadcrumb .breadcrumb-list { justify-content: center; } }

/* ==========================================================================
   Hero — referans tema ile birebir: beyaz başlık + mavi vurgu şeridi
   (Pembe metin vurgusu temaya yabancı duruyordu; marka moru yalnızca
    logoda kalıyor.)
   ========================================================================== */
.rts-banner-slider-three-area .banner-wrapper .banner-content .title { color: var(--color-white); }
.rts-banner-slider-three-area .banner-wrapper .banner-content .title span { color: var(--color-white); }
.rts-banner-slider-three-area .banner-wrapper .banner-content .title span::after {
  display: block;
  height: 12px;
  bottom: 8px;
  background: var(--color-primary);
}
@media (max-width: 991px) {
  .rts-banner-slider-three-area .banner-wrapper .banner-content .title span::after { height: 9px; bottom: 5px; }
}
@media (max-width: 575px) {
  .rts-banner-slider-three-area .banner-wrapper .banner-content .title span::after { height: 7px; bottom: 4px; }
}

/* Referanstaki gibi daha iri, daha sıkı başlık */
.rts-banner-slider-three-area .banner-wrapper .banner-content .title { font-size: 78px; line-height: 1.08; letter-spacing: -.02em; }
@media (max-width: 1399px) { .rts-banner-slider-three-area .banner-wrapper .banner-content .title { font-size: 62px; } }
@media (max-width: 991px)  { .rts-banner-slider-three-area .banner-wrapper .banner-content .title { font-size: 46px; } }
@media (max-width: 575px)  { .rts-banner-slider-three-area .banner-wrapper .banner-content .title { font-size: 34px; line-height: 1.16; } }

/* Logo bloğu — referanstaki dikey ayırıcı */
.rts-header-area.header-three .logo-area { border-right: 1px solid rgba(255, 255, 255, .12); }
.rts-sticky-header.sticky.header-three .logo-area { border-right-color: rgba(255, 255, 255, .10); }
@media (max-width: 1199px) { .rts-header-area.header-three .logo-area { border-right: 0; } }

/* ==========================================================================
   Aktif menü öğesi — koyu header üzerinde mavi metin okunmuyordu.
   Referanstaki gibi beyaz kalır, altında ince bir vurgu çizgisi olur.
   ========================================================================== */
.rts-header-area.header-three .main-nav-area > ul > li.nav-active > a,
.rts-header-area.header-three .main-nav-area > ul > li > a.nav-active {
  color: var(--color-white);
  position: relative;
}
.rts-header-area.header-three .main-nav-area > ul > li.nav-active > a::before,
.rts-header-area.header-three .main-nav-area > ul > li > a.nav-active::before {
  content: "";
  position: absolute;
  left: 13px; right: 13px; bottom: 24px;
  height: 2px;
  background: var(--color-primary);
  border-radius: 2px;
}
@media (max-width: 1500px) {
  .rts-header-area.header-three .main-nav-area > ul > li.nav-active > a::before,
  .rts-header-area.header-three .main-nav-area > ul > li > a.nav-active::before { left: 9px; right: 9px; }
}

/* Logo referanstaki gibi biraz daha belirgin */
.rts-header-area.header-three .logo-area .logo img { width: 215px; }
@media (max-width: 1700px) { .rts-header-area.header-three .logo-area .logo img { width: 196px; } }
@media (max-width: 1500px) { .rts-header-area.header-three .logo-area .logo img { width: 178px; } }
@media (max-width: 1300px) { .rts-header-area.header-three .logo-area .logo img { width: 158px; } }

/* Kayan arka plan yazısı referanstaki kadar sakin */
.rts-banner-slider-three-area .banner-heading-text {
  color: rgba(255, 255, 255, .06);
  -webkit-text-stroke: 1px rgba(255, 255, 255, .07);
}

/* ==========================================================================
   Logo alanı — arkadaki fotoğrafın açık bölgelerinde beyaz logo siliniyordu.
   Hafif bir koyu zemin logonun her slaytta okunur kalmasını sağlar.
   ========================================================================== */
.rts-header-area.header-three .logo-area {
  background: linear-gradient(90deg, rgba(13, 20, 42, .55) 0%, rgba(13, 20, 42, .34) 70%, rgba(13, 20, 42, 0) 100%);
}
.rts-sticky-header.sticky.header-three .logo-area { background: transparent; }
@media (max-width: 1199px) {
  .rts-header-area.header-three .logo-area {
    background: linear-gradient(90deg, rgba(13, 20, 42, .55) 0%, rgba(13, 20, 42, 0) 100%);
  }
}

/* Arka plandaki kayan yazı referanstaki kadar geri planda kalsın */
.rts-banner-slider-three-area .banner-heading-text {
  color: rgba(255, 255, 255, .035);
  -webkit-text-stroke: 1px rgba(255, 255, 255, .05);
  font-size: 150px;
  bottom: -34px;
}
@media (max-width: 1199px) { .rts-banner-slider-three-area .banner-heading-text { font-size: 110px; } }
@media (max-width: 767px)  { .rts-banner-slider-three-area .banner-heading-text { font-size: 70px; bottom: -14px; } }

/* Hero açıklaması biraz daha okunur */
.rts-banner-slider-three-area .banner-wrapper .banner-content .desc {
  color: rgba(255, 255, 255, .92);
  font-size: 18.5px;
  max-width: 640px;
  text-shadow: 0 1px 12px rgba(10, 16, 36, .35);
}
.rts-banner-slider-three-area .banner-wrapper .banner-content .title {
  text-shadow: 0 2px 22px rgba(10, 16, 36, .32);
}

/* ==========================================================================
   Menü aralıkları — tema li'lere 35px sağ boşluk veriyor. 8 başlıkta bu,
   içeriğin kabı aşmasına ve taşmanın sola akıp logoyu ezmesine yol açıyordu.
   ========================================================================== */
.rts-header-area.header-three .main-nav-area > ul { flex-wrap: nowrap; justify-content: flex-start; }
.rts-header-area.header-three .main-nav-area > ul > li { margin-right: 30px; }
.rts-header-area.header-three .main-nav-area > ul > li:last-child { margin-right: 0; }
@media (max-width: 1750px) { .rts-header-area.header-three .main-nav-area > ul > li { margin-right: 24px; } }
@media (max-width: 1550px) { .rts-header-area.header-three .main-nav-area > ul > li { margin-right: 17px; } }
@media (max-width: 1400px) { .rts-header-area.header-three .main-nav-area > ul > li { margin-right: 12px; } }
@media (max-width: 1300px) { .rts-header-area.header-three .main-nav-area > ul > li { margin-right: 8px; } }

/* Aktif menü çizgisi artık a padding'ine değil metne hizalanır */
.rts-header-area.header-three .main-nav-area > ul > li.nav-active > a::before,
.rts-header-area.header-three .main-nav-area > ul > li > a.nav-active::before { left: 0; right: 0; }

/* ==========================================================================
   Okunabilirlik — tema gövde rengi (#868689) beyaz üzerinde 3.63:1 ile
   WCAG AA'nın (4.5:1) altında kalıyordu. Ton korunarak koyulaştırıldı.
   ========================================================================== */
:root {
  --color-body: #5F6472;
  --color-body-2: #565B68;
}
.qmx-card-text, .qmx-related-desc, .qmx-list-item p, .qmx-step p,
.qmx-price-short, .qmx-table-note, .qmx-pp-scope, .qmx-pp-note { color: #5F6472; }
.qmx-muted-fix, .qmx-byline-meta li, .qmx-byline-who span, .qmx-updated,
.qmx-price-notes p, .qmx-price-label, .qmx-price-vat { color: #5A6070; }
.qmx-profile-item em { color: #565B68; }
.qmx-q-help { color: #5F6472; }

/* ==========================================================================
   TEMA DİLİ HİZALAMASI
   Bizgen kart dili: 20px köşe, kenarlık yerine yumuşak gölge,
   dairesel açık mavi ikon (#EBF0FF), 24px başlık.
   Kendi bileşenlerimiz de aynı dili kullanır.
   ========================================================================== */
:root { --qmx-radius: 20px; --qmx-radius-lg: 24px; --qmx-icon-bg: #EBF0FF; }

/* --- kartlar --------------------------------------------------------- */
.qmx-card {
  background: var(--color-white);
  border: 0;
  border-radius: 20px;
  box-shadow: 0 5px 30px 0 rgba(0, 0, 0, .05);
  padding: 40px 32px;
  transition: all .4s;
}
a.qmx-card:hover { transform: translateY(-6px); box-shadow: 0 14px 44px 0 rgba(0, 0, 0, .10); }
.qmx-card-icon {
  width: 78px; height: 78px;
  border-radius: 50%;
  background: var(--qmx-icon-bg);
  color: var(--color-primary);
  font-size: 30px;
  margin-bottom: 26px;
}
.qmx-card-title { font-size: 21px; margin-bottom: 12px; }
.qmx-card-text { font-size: 16px; line-height: 1.7; }
.qmx-cards-sec .text-center .qmx-card { text-align: center; }
.qmx-cards-sec .text-center .qmx-card .qmx-card-icon { margin-left: auto; margin-right: auto; }

/* --- problem kartları ------------------------------------------------ */
.qmx-problem {
  border: 0;
  border-radius: 16px;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .05);
  padding: 20px 22px;
  transition: all .4s;
}
.qmx-problem:hover { box-shadow: 0 10px 34px 0 rgba(0, 0, 0, .10); transform: translateY(-4px); }
.qmx-problem-icon { width: 46px; height: 46px; border-radius: 50%; background: var(--qmx-icon-bg); color: var(--color-primary); }

/* --- adımlar --------------------------------------------------------- */
.qmx-step {
  border: 0; border-radius: 20px;
  box-shadow: 0 5px 30px 0 rgba(0, 0, 0, .05);
  padding: 36px 30px;
}
.qmx-step-no {
  display: inline-flex; align-items: center; justify-content: center;
  width: 48px; height: 48px; border-radius: 50%;
  background: var(--qmx-icon-bg); color: var(--color-primary);
  font-size: 17px; font-weight: 800; margin-bottom: 20px;
}
.qmx-step h3 { font-size: 20px; }
.qmx-step p { font-size: 16px; line-height: 1.7; }

/* --- kontrol listeleri ----------------------------------------------- */
.qmx-check-col {
  border: 0; border-radius: 20px;
  box-shadow: 0 5px 30px 0 rgba(0, 0, 0, .05);
  padding: 38px 34px;
}
.qmx-check-col h3 { font-size: 22px; }
.qmx-check-col li { font-size: 16.5px; }

/* --- ilgili içerik kartları ------------------------------------------ */
.qmx-related {
  border: 0; border-radius: 20px;
  box-shadow: 0 5px 30px 0 rgba(0, 0, 0, .05);
  padding: 30px 28px;
  transition: all .4s;
}
.qmx-related:hover { box-shadow: 0 14px 44px 0 rgba(0, 0, 0, .10); transform: translateY(-6px); }
.qmx-related strong { font-size: 18px; }

/* --- liste kartları --------------------------------------------------- */
.qmx-list-item {
  border: 0; border-radius: 20px;
  box-shadow: 0 5px 30px 0 rgba(0, 0, 0, .05);
  transition: all .4s;
}
.qmx-list-item:hover { box-shadow: 0 14px 44px 0 rgba(0, 0, 0, .10); transform: translateY(-6px); }
.qmx-list-item > a { padding: 34px 30px; }
.qmx-list-item h3 { font-size: 20px; }

/* --- fiyat kartları --------------------------------------------------- */
.qmx-price-card {
  border: 0; border-radius: 20px;
  box-shadow: 0 5px 30px 0 rgba(0, 0, 0, .05);
  padding: 40px 32px;
}
.qmx-price-card.is-featured { box-shadow: 0 8px 40px 0 rgba(51, 88, 211, .16); outline: 2px solid var(--color-primary); }
.qmx-price-card:hover { box-shadow: 0 14px 48px 0 rgba(0, 0, 0, .12); }
.qmx-price-name { font-size: 23px; }

/* --- kısa cevap kutusu ------------------------------------------------ */
.qmx-answer {
  border: 0;
  border-left: 5px solid var(--color-primary);
  border-radius: 20px;
  background: #F5F8FF;
  box-shadow: 0 5px 30px 0 rgba(0, 0, 0, .04);
  padding: 38px 42px;
}
.qmx-answer-q { font-size: 28px; }

/* --- ekosistem / araç / form kutuları --------------------------------- */
.qmx-eco-card, .qmx-tool, .qmx-form, .qmx-toc, .qmx-byline, .qmx-rec {
  border: 0; border-radius: 20px;
  box-shadow: 0 5px 30px 0 rgba(0, 0, 0, .05);
}
.qmx-eco-icon { border-radius: 50%; background: var(--qmx-icon-bg); width: 56px; height: 56px; }
.qmx-fl-icon { border-radius: 50%; background: var(--qmx-icon-bg); width: 50px; height: 50px; font-size: 18px; }
.qmx-table-scroll { border: 0; border-radius: 20px; box-shadow: 0 5px 30px 0 rgba(0, 0, 0, .05); }
.qmx-note { border: 0; border-radius: 16px; box-shadow: 0 4px 20px rgba(213, 31, 96, .08); }
.qmx-expert { border-radius: 24px; }
.qmx-pp-main, .qmx-pp-users { border: 0; border-radius: 20px; box-shadow: 0 5px 30px 0 rgba(0, 0, 0, .05); }
.qmx-faq .accordion-item { border: 0; border-radius: 20px !important; box-shadow: 0 5px 30px 0 rgba(0, 0, 0, .05); }
.qmx-form-aside { border-radius: 20px; }
.qmx-disclaimer { border: 0; border-radius: 16px; }
.qmx-opt span { border-radius: 16px; }
.qmx-search-box input { border-radius: 16px; }
.qmx-field input, .qmx-field select, .qmx-field textarea { border-radius: 12px; }

/* --- bölüm başlıkları tema ölçüsünde ---------------------------------- */
.qmx-prose h2 { font-size: 38px; line-height: 1.22; }
@media (max-width: 991px) { .qmx-prose h2 { font-size: 30px; } }
@media (max-width: 575px) { .qmx-prose h2 { font-size: 25px; } }
.qmx-prose p, .qmx-ul li, .qmx-ol li { font-size: 17px; }

@media (max-width: 767px) {
  .qmx-card { padding: 30px 24px; }
  .qmx-card-icon { width: 64px; height: 64px; font-size: 25px; margin-bottom: 20px; }
  .qmx-step, .qmx-check-col, .qmx-price-card, .qmx-related { padding: 28px 22px; }
  .qmx-answer { padding: 28px 24px; }
  .qmx-answer-q { font-size: 22px; }
  .qmx-list-item > a { padding: 26px 22px; }
}

/* Metin sütunu ortalanır — geniş ekranda sola yaslı durması dengesizdi */
.qmx-prose { margin-inline: auto; max-width: 900px; }
.qmx-toc, .qmx-byline, .qmx-expert { margin-inline: auto; }
.qmx-answer { max-width: 1000px; margin-inline: auto; }

/* Kısa cevap maddeleri ve içindekiler numaraları görünür olsun */
.qmx-answer-list { list-style: none; padding-left: 0; }
.qmx-answer-list li { position: relative; padding-left: 28px; font-size: 16.5px; line-height: 1.7; }
.qmx-answer-list li::before {
  content: "\f00c"; font-family: "Font Awesome 6 Pro"; font-weight: 900;
  position: absolute; left: 0; top: 4px; font-size: 12.5px; color: var(--color-primary);
}
.qmx-toc ol { list-style: decimal; padding-left: 22px; }
.qmx-toc ol li::marker { color: var(--color-primary); font-weight: 700; }
.qmx-toc a { font-size: 16px; }

/* ==========================================================================
   HERO — referanstaki gibi tam ekran
   İçerik dikey ortalanır; sabit padding yerine flex hizalama kullanılır ki
   her ekran yüksekliğinde dengeli dursun.
   ========================================================================== */
.rts-banner-slider-three-area .rts-banner-slider-three {
  height: 100vh;
  min-height: 620px;
  max-height: 1040px;
}
@media (max-width: 991px) {
  .rts-banner-slider-three-area .rts-banner-slider-three { height: 92vh; min-height: 560px; }
}
@media (max-width: 575px) {
  .rts-banner-slider-three-area .rts-banner-slider-three { height: 88vh; min-height: 520px; }
}
.rts-banner-slider-three-area .swiper-slide { display: flex; align-items: center; }
.rts-banner-slider-three-area .swiper-slide > .container { width: 100%; }
.rts-banner-slider-three-area .banner-wrapper .banner-content { padding: 130px 0 90px; }
@media (max-width: 991px) { .rts-banner-slider-three-area .banner-wrapper .banner-content { padding: 110px 0 80px; } }
@media (max-width: 575px) { .rts-banner-slider-three-area .banner-wrapper .banner-content { padding: 96px 0 70px; } }

/* ==========================================================================
   HEADER — hero'daki CTA'lar tekrarlanmaz.
   Bunun yerine tamamlayıcı iki dönüşüm noktası: doğrudan arama ve teklif.
   ========================================================================== */
.qmx-header-phone {
  display: inline-flex; align-items: center; gap: 11px;
  padding-right: 20px; margin-right: 4px;
  border-right: 1px solid rgba(255, 255, 255, .16);
}
.qmx-header-phone-icon {
  width: 42px; height: 42px; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  background: rgba(255, 255, 255, .12);
  border: 1px solid rgba(255, 255, 255, .18);
  color: #fff; font-size: 15px; transition: .25s;
}
.qmx-header-phone:hover .qmx-header-phone-icon { background: var(--color-primary); border-color: var(--color-primary); }
.qmx-header-phone-text { display: flex; flex-direction: column; line-height: 1.25; }
.qmx-header-phone-text small { font-size: 12px; color: rgba(255, 255, 255, .62); font-weight: 500; }
.qmx-header-phone-text strong { font-size: 16.5px; color: #fff; font-weight: 700; letter-spacing: .01em; }
.qmx-header-phone:hover .qmx-header-phone-text strong { color: #fff; }

.qmx-top-hours { color: rgba(255, 255, 255, .72); font-weight: 600; }
.qmx-top-hours i { margin-right: 6px; }

@media (max-width: 1600px) { .qmx-header-phone-text small { display: none; } .qmx-header-phone-text strong { font-size: 15.5px; } }
@media (max-width: 1440px) { .qmx-header-phone { padding-right: 14px; } .qmx-header-phone-icon { width: 38px; height: 38px; } }
@media (max-width: 1340px) { .qmx-header-phone-text { display: none; } .qmx-header-phone { padding-right: 12px; border-right: 0; } }
@media (max-width: 1199px) { .qmx-header-phone { display: none; } }

/* Sticky durumda telefon bloğu da uyum sağlar */
.rts-sticky-header.sticky.header-three .qmx-header-phone { border-right-color: rgba(255, 255, 255, .14); }

/* ==========================================================================
   Header telefon bloğu — menüyle çakışmayacak kırılım noktaları
   ========================================================================== */
.qmx-header-phone { display: none; }
@media (min-width: 1400px) {
  .qmx-header-phone { display: inline-flex; }
  .qmx-header-phone-text { display: none; }
}
@media (min-width: 1700px) {
  .qmx-header-phone-text { display: flex; }
  .qmx-header-phone-text small { display: block; }
}
.rts-header-area.header-three .main-nav-area > ul > li { margin-right: 26px; }
@media (max-width: 1750px) { .rts-header-area.header-three .main-nav-area > ul > li { margin-right: 20px; } }
@media (max-width: 1550px) { .rts-header-area.header-three .main-nav-area > ul > li { margin-right: 15px; } }
@media (max-width: 1400px) { .rts-header-area.header-three .main-nav-area > ul > li { margin-right: 11px; } }
@media (max-width: 1300px) { .rts-header-area.header-three .main-nav-area > ul > li { margin-right: 8px; } }

/* Slider okları sabit aksiyon butonlarıyla çakışmasın */
.rts-banner-slider-three-area .swiper-banner-btn { right: 60px; bottom: 34px; }
@media (max-width: 1199px) { .rts-banner-slider-three-area .swiper-banner-btn { right: 24px; bottom: 28px; } }

/* ==========================================================================
   MOBİL MENÜ (offcanvas) — yeniden tasarım
   Üstte kompakt logo + kapat, ortada okunaklı menü, altta dönüşüm blokları.
   ========================================================================== */
.qmx-offcanvas {
  padding: 0 !important;
  background: #fff;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}
.qmx-offcanvas::-webkit-scrollbar { width: 3px; }

/* --- üst şerit --- */
.qmx-oc-head {
  position: sticky; top: 0; z-index: 5;
  display: flex; align-items: center; justify-content: space-between;
  gap: 16px; padding: 18px 22px;
  background: #fff;
  border-bottom: 1px solid var(--qmx-line);
}
.qmx-oc-logo img { width: 172px; height: auto; display: block; }
.qmx-oc-close {
  position: static !important;
  width: 42px; height: 42px; flex: 0 0 auto;
  border-radius: 50%; border: 1px solid var(--qmx-line);
  background: var(--qmx-surface); color: var(--qmx-ink);
  font-size: 17px; display: inline-flex; align-items: center; justify-content: center;
  transition: .25s;
}
.qmx-oc-close:hover { background: var(--color-primary); border-color: var(--color-primary); color: #fff; }

/* --- menü listesi --- */
.qmx-oc-menu { padding: 8px 12px 4px; }
.qmx-oc-menu nav > ul { list-style: none; margin: 0; padding: 0; }
.qmx-oc-menu nav > ul > li { border-bottom: 1px solid #eef1f6; }
.qmx-oc-menu nav > ul > li:last-child { border-bottom: 0; }
.qmx-oc-menu nav > ul > li > a {
  display: flex; align-items: center; justify-content: space-between;
  padding: 15px 12px;
  font-size: 16.5px; font-weight: 600; color: var(--qmx-ink);
  text-transform: none; letter-spacing: 0;
  border-radius: 10px;
  transition: .2s;
}
.qmx-oc-menu nav > ul > li > a:hover { background: var(--qmx-surface); color: var(--color-primary); }
.qmx-oc-menu nav > ul > li.has-dropdown > a::after {
  content: "\f107"; font-family: "Font Awesome 6 Pro"; font-weight: 900;
  font-size: 14px; color: var(--qmx-muted); transition: transform .25s;
}
.qmx-oc-menu nav > ul > li.has-dropdown.mm-active > a::after,
.qmx-oc-menu nav > ul > li.has-dropdown.open > a::after { transform: rotate(180deg); }
.qmx-oc-menu nav > ul > li.has-dropdown.mm-active > a,
.qmx-oc-menu nav > ul > li.has-dropdown.open > a { color: var(--color-primary); }

/* --- alt menü --- */
.qmx-oc-menu .submenu {
  list-style: none; margin: 0 0 10px; padding: 6px 0 6px 10px;
  background: var(--qmx-surface); border-radius: 12px;
  border-left: 3px solid #dfe6f6;
}
.qmx-oc-menu .submenu li a {
  display: block; padding: 11px 14px;
  font-size: 15px; font-weight: 500; color: var(--qmx-ink-2);
  border-radius: 8px; transition: .2s;
}
.qmx-oc-menu .submenu li a:hover { color: var(--color-primary); background: #fff; }

/* --- dönüşüm blokları --- */
.qmx-oc-cta { display: grid; gap: 10px; padding: 20px 22px 6px; }
.qmx-oc-btn { justify-content: center; width: 100%; }
.qmx-oc-btn-ghost {
  display: flex; align-items: center; justify-content: center;
  width: 100%; padding: 14px 20px;
  border: 1px solid var(--qmx-line); border-radius: 100px;
  font-size: 15.5px; font-weight: 600; color: var(--qmx-ink);
  transition: .25s;
}
.qmx-oc-btn-ghost:hover { border-color: var(--color-primary); color: var(--color-primary); }

/* --- iletişim satırları --- */
.qmx-oc-contact { padding: 18px 22px 34px; display: grid; gap: 8px; }
.qmx-oc-row {
  display: flex; align-items: center; gap: 13px;
  padding: 12px 14px; border-radius: 14px;
  background: var(--qmx-surface);
  transition: .22s;
}
.qmx-oc-row:hover { background: #eaf0ff; }
.qmx-oc-row-static { background: transparent; padding-left: 0; padding-right: 0; }
.qmx-oc-row-static:hover { background: transparent; }
.qmx-oc-ico {
  flex: 0 0 auto; width: 40px; height: 40px; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--qmx-icon-bg); color: var(--color-primary); font-size: 16px;
}
.qmx-oc-row-primary .qmx-oc-ico { background: var(--color-primary); color: #fff; }
.qmx-oc-row-wa .qmx-oc-ico { background: #25d366; color: #fff; font-size: 19px; }
.qmx-oc-row small { display: block; font-size: 12px; color: var(--qmx-muted); line-height: 1.3; }
.qmx-oc-row strong { display: block; font-size: 15.5px; color: var(--qmx-ink); font-weight: 600; line-height: 1.35; }

/* --- hamburger --- */
.rts-header-area.header-three .bottom-header-area .header-button-area .menu-toggle {
  width: 46px; height: 46px; border-radius: 50%;
  background: rgba(255, 255, 255, .12);
  border: 1px solid rgba(255, 255, 255, .2);
  flex-direction: column; gap: 5px;
}
.rts-header-area.header-three .bottom-header-area .header-button-area .menu-toggle span {
  display: block; width: 18px; height: 2px; background: #fff; border-radius: 2px;
}

/* Offcanvas: tema üst boşluğu ve buton genişliği düzeltmeleri */
.qmx-offcanvas .rts-offcanvas-menu { margin-top: 0 !important; padding: 10px 12px 4px; }
.qmx-offcanvas .qmx-oc-btn,
.qmx-offcanvas .qmx-oc-btn.rts-btn {
  display: flex !important; width: 100% !important;
  align-items: center; justify-content: center; gap: 9px;
}
.qmx-oc-menu nav > ul > li { border-bottom-color: #edf0f6; }

/* ==========================================================================
   YAZDIRMA / PDF ÇIKTISI
   Sonuç ekranı, marka kimliğiyle tek sayfalık profesyonel bir belgeye
   dönüşür. Sayfanın geri kalanı baskıya girmez.
   ========================================================================== */
#qmx-print-area { display: none; }

@media print {
  @page { size: A4; margin: 14mm 13mm; }

  html, body { background: #fff !important; }
  body > *:not(#qmx-print-area) { display: none !important; }

  #qmx-print-area {
    display: block !important;
    font-family: "Inter Tight", Arial, sans-serif;
    color: #14224d;
    font-size: 11pt;
    line-height: 1.55;
  }

  /* --- başlık --- */
  .qmx-print-head {
    display: flex; align-items: flex-end; justify-content: space-between;
    gap: 20px; padding-bottom: 12px; margin-bottom: 20px;
    border-bottom: 2.5pt solid #3358D3;
  }
  .qmx-print-logo { width: 52mm; height: auto; }
  .qmx-print-meta { text-align: right; }
  .qmx-print-meta strong { display: block; font-size: 13pt; color: #14224d; }
  .qmx-print-meta span { display: block; font-size: 9.5pt; color: #6b7280; margin-top: 2pt; }

  /* --- verilen yanıtlar --- */
  .qmx-print-answers { margin-bottom: 18px; break-inside: avoid; }
  .qmx-print-answers h3 {
    font-size: 8.5pt; text-transform: uppercase; letter-spacing: .12em;
    color: #6b7280; margin: 0 0 7pt; font-weight: 700;
  }
  .qmx-print-answers table { width: 100%; border-collapse: collapse; }
  .qmx-print-answers th,
  .qmx-print-answers td {
    text-align: left; vertical-align: top;
    padding: 5pt 0; border-bottom: .5pt solid #e5e8f0;
    font-size: 9.5pt;
  }
  .qmx-print-answers th { width: 52%; font-weight: 500; color: #6b7280; padding-right: 10pt; }
  .qmx-print-answers td { font-weight: 600; color: #14224d; }

  /* --- gövde --- */
  .qmx-print-body .qmx-result-head { text-align: left; margin-bottom: 14pt; }
  .qmx-print-body .qmx-result-head h2 { font-size: 16pt; margin: 0 0 4pt; color: #14224d; }
  .qmx-print-body .qmx-result-head p { font-size: 10pt; color: #4b5163; margin: 0; }

  .qmx-print-body .qmx-profile {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 8pt;
    margin-bottom: 16pt; break-inside: avoid;
  }
  .qmx-print-body .qmx-profile-item {
    background: #f4f7fd !important; border: .5pt solid #dde4f2;
    border-radius: 3pt; padding: 7pt 9pt;
    -webkit-print-color-adjust: exact; print-color-adjust: exact;
  }
  .qmx-print-body .qmx-profile-item strong { font-size: 9pt; display: block; margin-bottom: 4pt; }
  .qmx-print-body .qmx-meter { height: 4pt; background: #dfe5f2 !important; border-radius: 2pt; margin-bottom: 3pt; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  .qmx-print-body .qmx-meter span { background: #3358D3 !important; display: block; height: 100%; border-radius: 2pt; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  .qmx-print-body .qmx-profile-item em { font-size: 8pt; font-style: normal; font-weight: 700; color: #4b5163; }

  .qmx-print-body .qmx-rec {
    background: #fff !important; border: .8pt solid #d7dcea;
    border-radius: 4pt; padding: 12pt 14pt; margin-bottom: 12pt;
    box-shadow: none !important; break-inside: avoid;
  }
  .qmx-print-body .qmx-rec h3 { font-size: 11pt; margin: 0 0 6pt; }
  .qmx-print-body .qmx-rec-main { padding: 7pt 0; border-bottom: .5pt dashed #cfd8ea; }
  .qmx-print-body .qmx-rec-main strong { font-size: 13pt; color: #3358D3; }
  .qmx-print-body .qmx-rec-main span { font-size: 9pt; color: #4b5163; }
  .qmx-print-body .qmx-rec-price { font-size: 13pt; font-weight: 700; }
  .qmx-print-body .qmx-rec-lines li { padding: 4pt 0; border-bottom: .5pt solid #eaeef7; font-size: 10pt; }
  .qmx-print-body .qmx-rec-total { border-top: 1.2pt solid #3358D3; padding-top: 7pt; margin-top: 8pt; }
  .qmx-print-body .qmx-rec-total strong { font-size: 17pt; color: #3358D3; }
  .qmx-print-body .qmx-rec-total em { font-size: 8.5pt; color: #6b7280; }

  .qmx-print-body .qmx-table { width: 100%; border-collapse: collapse; }
  .qmx-print-body .qmx-table th,
  .qmx-print-body .qmx-table td { border: .5pt solid #dde4f2; padding: 5pt 7pt; font-size: 9.5pt; }
  .qmx-print-body .qmx-table thead th { background: #14224d !important; color: #fff !important; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
  .qmx-print-body .qmx-table-scroll { overflow: visible; border: 0; box-shadow: none; }

  .qmx-print-body .qmx-disclaimer {
    background: #fbfcfe !important; border: .5pt solid #e5e8f0;
    border-radius: 3pt; padding: 8pt 10pt; font-size: 9pt; color: #4b5163;
    -webkit-print-color-adjust: exact; print-color-adjust: exact;
  }
  .qmx-print-body .qmx-result-actions { display: none !important; }

  /* --- alt bilgi --- */
  .qmx-print-foot {
    display: flex; justify-content: space-between; gap: 20px;
    margin-top: 20pt; padding-top: 9pt;
    border-top: .8pt solid #d7dcea;
    font-size: 8.5pt; color: #6b7280; line-height: 1.5;
  }
  .qmx-print-foot strong { color: #14224d; }
  .qmx-print-foot a { color: #6b7280; text-decoration: none; }
  .qmx-print-foot div:last-child { text-align: right; }
}

/* ==========================================================================
   Sonuç ekranı — raporu e-posta ile isteme formu
   ========================================================================== */
.qmx-report {
  margin-top: 30px;
  background: linear-gradient(135deg, #f6f9ff 0%, #eef3fd 100%);
  border: 1px solid #dfe6f6;
  border-radius: 20px;
  padding: 32px 34px;
}
.qmx-report-head { display: flex; gap: 18px; align-items: flex-start; margin-bottom: 24px; }
.qmx-report-icon {
  flex: 0 0 auto; width: 54px; height: 54px; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--color-primary); color: #fff; font-size: 22px;
}
.qmx-report-head h3 { font-size: 21px; margin: 0 0 6px; color: var(--qmx-ink); }
.qmx-report-head p { font-size: 15.5px; line-height: 1.65; color: var(--qmx-ink-2); margin: 0; }
.qmx-report-form .qmx-field input { background: #fff; }
.qmx-report-form .qmx-consent { margin: 14px 0; }
.qmx-report-form .qmx-consent label { color: var(--qmx-ink-2); }
.qmx-report-form button[type="submit"] { display: inline-flex; align-items: center; gap: 9px; margin-top: 6px; }
.qmx-report-form .qmx-form-msg { margin-top: 16px; }
@media (max-width: 767px) {
  .qmx-report { padding: 24px 20px; border-radius: 16px; }
  .qmx-report-head { gap: 14px; }
  .qmx-report-icon { width: 46px; height: 46px; font-size: 19px; }
  .qmx-report-head h3 { font-size: 18px; }
  .qmx-report-form button[type="submit"] { width: 100%; justify-content: center; }
}
/* Yazdırmada form görünmez */
@media print { .qmx-report { display: none !important; } }

/* ==========================================================================
   Sektör galerisi — kompakt kart düzeni
   Önceki hâlde görseller 383×450 portre boyuttaydı ve sektör adı yalnızca
   hover'da görünüyordu; bölüm gereksiz uzuyor, bilgi vermiyordu.
   ========================================================================== */
.qmx-sectors .rts-section-title-area { margin-bottom: 44px; }
.qmx-sectors .ms-portfolio-filter-area { padding: 0; }

.qmx-sector-card {
  display: block;
  position: relative;
  background: #fff;
  border-radius: 18px;
  overflow: hidden;
  height: 100%;
  box-shadow: 0 5px 30px 0 rgba(0, 0, 0, .07);
  transition: transform .35s ease, box-shadow .35s ease;
}
.qmx-sector-card:hover { transform: translateY(-6px); box-shadow: 0 16px 46px 0 rgba(0, 0, 0, .16); }

.qmx-sector-thumb {
  display: block;
  position: relative;
  aspect-ratio: 3 / 2;
  overflow: hidden;
  background: var(--qmx-surface-2);
}
.qmx-sector-thumb img {
  width: 100%; height: 100%;
  object-fit: cover; display: block;
  transition: transform .55s ease;
}
.qmx-sector-card:hover .qmx-sector-thumb img { transform: scale(1.06); }
.qmx-sector-thumb::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(20, 34, 77, 0) 45%, rgba(20, 34, 77, .55) 100%);
}

.qmx-sector-body { display: block; padding: 18px 20px 20px; }
.qmx-sector-title {
  display: block; font-size: 18px; font-weight: 700;
  color: var(--qmx-ink); line-height: 1.3; margin-bottom: 5px;
}
.qmx-sector-desc {
  display: block; font-size: 13.5px; color: var(--qmx-muted);
  line-height: 1.5; text-transform: none;
}
.qmx-sector-go {
  position: absolute; right: 16px; top: 16px;
  width: 38px; height: 38px; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  background: rgba(255, 255, 255, .9);
  color: var(--color-primary); font-size: 14px;
  opacity: 0; transform: translateY(-6px);
  transition: .3s;
}
.qmx-sector-card:hover .qmx-sector-go { opacity: 1; transform: none; }

/* Filtre düğmeleri koyu zeminde okunur kalsın */
.qmx-sectors .filters-button-group .button { color: rgba(255, 255, 255, .78); }
.qmx-sectors .filters-button-group .button.is-checked { color: #fff; }

@media (max-width: 767px) {
  .qmx-sector-body { padding: 15px 16px 17px; }
  .qmx-sector-title { font-size: 16.5px; }
  .qmx-sectors .rts-section-title-area { margin-bottom: 30px; }
}

/* Tema ikon yuvalarında yeni SVG setinin ölçüsü */
.rts-service-wrapper-three .single-item .icon img { width: 52px; height: 52px; object-fit: contain; }
.rts-about-area .content-item-wrapper .single-item .icon img,
.rts-appointment-area .appointment-item-wrapper .single-item .icon img { width: 40px; height: 40px; object-fit: contain; }

/* Sektör bölümündeki koyu bant başlık alanıyla sınırlı kalsın
   (tema 508px veriyor, yeni kompakt düzende kartların ortasını kesiyordu) */
.qmx-sectors::before { height: 250px; }
@media (max-width: 991px) { .qmx-sectors::before { height: 300px; } }
@media (max-width: 767px) { .qmx-sectors::before { height: 260px; } }

/* === YOGUNLUK PASI === */
/* ==========================================================================
   YOĞUNLUK — bölüm araları ve başlık ölçüleri
   Tema 120px alt/üst boşluk ve 48px başlık kullanıyor; içerik yoğun bir
   bilgi sitesinde bu, sayfaları gereksiz uzatıyordu. Daha sıkı ve
   minimal bir ritim kuruluyor.
   ========================================================================== */
.rts-section-gap { padding: 84px 0; }
.rts-section-gapTop { padding-top: 84px; }
@media (max-width: 1199px) { .rts-section-gap { padding: 68px 0; } .rts-section-gapTop { padding-top: 68px; } }
@media (max-width: 767px)  { .rts-section-gap { padding: 50px 0; } .rts-section-gapTop { padding-top: 50px; } }

.rts-section-title .title { font-size: 40px; line-height: 1.18; letter-spacing: -.02em; }
@media (max-width: 1199px) { .rts-section-title .title { font-size: 34px; } }
@media (max-width: 767px)  { .rts-section-title .title { font-size: 27px !important; line-height: 1.24 !important; } }
.rts-section-title .desc { margin-top: 12px; }
.rts-section-title.text-center { margin-bottom: 40px; }
@media (max-width: 767px) { .rts-section-title.text-center { margin-bottom: 28px; } }

/* Kendi bölümlerimiz aynı ritmi izler */
.qmx-cards-sec, .qmx-problems, .qmx-steps-sec, .qmx-check-sec,
.qmx-table-sec, .qmx-faq-sec, .qmx-related-sec, .qmx-pricing-sec,
.qmx-list-sec, .qmx-split, .qmx-form-sec, .qmx-ecosystem,
.qmx-productprice, .qmx-tool-sec { padding: 64px 0; }
.qmx-prose-sec { padding: 52px 0; }
.qmx-answer-wrap { padding: 52px 0 0; }
.qmx-cta-band { padding: 58px 0; }
.qmx-expert-sec { padding: 20px 0 52px; }
.qmx-byline-sec { padding: 28px 0 0; }
.qmx-toc-sec { padding: 32px 0 0; }
.qmx-chips-sec { padding: 26px 0; }
.qmx-card-row { --bs-gutter-y: 1.25rem; }
.qmx-problem-grid { margin-top: 34px; gap: 12px; }
.qmx-steps, .qmx-related-grid, .qmx-eco-grid { margin-top: 34px; }
.qmx-faq { margin-top: 30px; }
.qmx-table-scroll { margin-top: 26px; }

@media (max-width: 767px) {
  .qmx-cards-sec, .qmx-problems, .qmx-steps-sec, .qmx-check-sec,
  .qmx-table-sec, .qmx-faq-sec, .qmx-related-sec, .qmx-pricing-sec,
  .qmx-list-sec, .qmx-split, .qmx-form-sec, .qmx-ecosystem,
  .qmx-productprice, .qmx-tool-sec { padding: 46px 0; }
  .qmx-prose-sec { padding: 38px 0; }
  .qmx-answer-wrap { padding: 38px 0 0; }
  .qmx-cta-band { padding: 46px 0; }
}

/* Metin blokları biraz daha sıkı */
.qmx-prose h2 { font-size: 32px; margin-bottom: 14px; }
@media (max-width: 991px) { .qmx-prose h2 { font-size: 27px; } }
@media (max-width: 575px) { .qmx-prose h2 { font-size: 23px; } }
.qmx-prose p { margin-bottom: 14px; line-height: 1.72; }
.qmx-ul li, .qmx-ol li { margin-bottom: 9px; }
.qmx-answer { padding: 30px 34px; }
.qmx-answer-q { font-size: 25px; }
@media (max-width: 575px) { .qmx-answer { padding: 24px 20px; } .qmx-answer-q { font-size: 21px; } }

/* Ana sayfa kartları biraz daha kompakt */
.rts-service-area .rts-service-wrapper-three .single-item { padding: 38px 30px; }
.rts-service-area .rts-service-wrapper-three .single-item .icon { width: 82px; height: 82px; margin-bottom: 26px; }
.rts-service-area .rts-service-wrapper-three .single-item .content .title { font-size: 21px; }
@media (max-width: 767px) {
  .rts-service-area .rts-service-wrapper-three .single-item { padding: 28px 22px; }
  .rts-service-area .rts-service-wrapper-three .single-item .icon { width: 66px; height: 66px; margin-bottom: 18px; }
}

/* ==========================================================================
   Sektör şeridi — görselsiz, tek satır, minimal
   ========================================================================== */
.qmx-sector-strip {
  padding: 34px 0;
  background: var(--qmx-surface);
  border-top: 1px solid var(--qmx-line);
  border-bottom: 1px solid var(--qmx-line);
}
.qmx-strip-label {
  text-align: center; margin: 0 0 18px;
  font-size: 13px; font-weight: 700; letter-spacing: .13em;
  text-transform: uppercase; color: var(--qmx-muted);
}
.qmx-strip-list {
  list-style: none; margin: 0; padding: 0;
  display: flex; flex-wrap: wrap; justify-content: center; gap: 9px;
}
.qmx-strip-list a {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 9px 17px; border-radius: 100px;
  background: #fff; border: 1px solid var(--qmx-line);
  font-size: 14.5px; font-weight: 600; color: var(--qmx-ink-2);
  transition: .24s;
}
.qmx-strip-list a i { font-size: 14px; color: var(--color-primary); }
.qmx-strip-list a:hover {
  border-color: var(--color-primary); color: var(--color-primary);
  box-shadow: 0 4px 16px rgba(51, 88, 211, .12);
}
.qmx-strip-all { background: var(--color-primary) !important; color: #fff !important; border-color: var(--color-primary) !important; }
.qmx-strip-all i { color: #fff !important; }
.qmx-strip-all:hover { color: #fff !important; }
@media (max-width: 767px) {
  .qmx-sector-strip { padding: 26px 0; }
  .qmx-strip-list { gap: 7px; }
  .qmx-strip-list a { padding: 8px 13px; font-size: 13.5px; }
}

/* Hakkımızda ve randevu ikon kapları: yeni iki tonlu SVG'ler koyu mavi
   zeminde okunmuyordu; açık zemine alındı (hizmet kartlarıyla aynı dil) */
.rts-about-area .content-item-wrapper .single-item .icon,
.rts-appointment-area .appointment-item-wrapper .single-item .icon {
  background: var(--qmx-icon-bg) !important;
  border: 1px solid #dde5fa;
}

/* Problem kartları mobilde çok yer kaplıyordu — kompakt satır düzeni */
@media (max-width: 767px) {
  .qmx-problem-grid { grid-template-columns: 1fr; gap: 8px; margin-top: 26px; }
  .qmx-problem { padding: 12px 14px; border-radius: 13px; gap: 11px; }
  .qmx-problem-icon { width: 36px; height: 36px; font-size: 15px; }
  .qmx-problem-text { font-size: 14.8px; line-height: 1.35; }
  .qmx-problem-arrow { font-size: 13px; }
}
/* Tablet: iki sütun */
@media (min-width: 768px) and (max-width: 1199px) {
  .qmx-problem-grid { grid-template-columns: repeat(2, 1fr); }
}

/* ==========================================================================
   Rehber kartları — mobilde dikey yığın 2.300px'e çıkıyordu.
   Yatay düzen (küçük görsel + metin) çok daha kompakt ve okunur.
   ========================================================================== */
@media (max-width: 767px) {
  .rts-blog-area-three .rts-blog-wrapper-three .row { --bs-gutter-y: .75rem; }
  .rts-blog-area-three .single-blog {
    display: flex; align-items: stretch; gap: 14px;
    background: #fff; border-radius: 16px; overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, .06);
  }
  .rts-blog-area-three .single-blog .blog-thumb {
    flex: 0 0 106px; margin: 0; border-radius: 0;
  }
  .rts-blog-area-three .single-blog .blog-thumb a,
  .rts-blog-area-three .single-blog .blog-thumb img {
    width: 106px; height: 100%; min-height: 118px;
    object-fit: cover; display: block; border-radius: 0;
  }
  .rts-blog-area-three .single-blog .content {
    padding: 13px 14px 13px 0; display: flex; flex-direction: column; justify-content: center;
  }
  .rts-blog-area-three .single-blog .content .meta { font-size: 11.5px; margin-bottom: 5px; }
  .rts-blog-area-three .single-blog .content .title { font-size: 15px; line-height: 1.38; margin-bottom: 6px; }
  .rts-blog-area-three .single-blog .content .author-area { margin-top: 0; }
  .rts-blog-area-three .single-blog .content .author-info .name { font-size: 12px; }
  .rts-blog-area-three .single-blog .content .author-info .date { font-size: 11.5px; }
}

/* Randevu bölümü maddeleri mobilde yatay ve kompakt */
@media (max-width: 767px) {
  .rts-appointment-area .appointment-item-wrapper .single-item {
    display: flex; align-items: flex-start; gap: 13px; margin-bottom: 16px;
  }
  .rts-appointment-area .appointment-item-wrapper .single-item .icon {
    flex: 0 0 auto; width: 46px; height: 46px; margin: 0;
  }
  .rts-appointment-area .appointment-item-wrapper .single-item .icon img { width: 24px; height: 24px; }
  .rts-appointment-area .appointment-item-wrapper .single-item .content .title { font-size: 16px; margin-bottom: 4px; }
  .rts-appointment-area .appointment-item-wrapper .single-item .content .desc { font-size: 14.5px; line-height: 1.55; }
  .qmx-appointment-contact { gap: 8px 18px; margin-top: 18px; }
  .qmx-appointment-contact li { font-size: 14.5px; }
}

/* Rehber kartında yazar bloğu mobilde sadeleşsin */
@media (max-width: 767px) {
  .rts-blog-area-three .single-blog .content .author-area {
    border: 0 !important; padding: 0 !important; margin-top: 2px !important;
  }
  .rts-blog-area-three .single-blog .content .author-info .name {
    font-size: 11.5px; font-weight: 600; color: var(--qmx-muted); display: inline;
  }
  .rts-blog-area-three .single-blog .content .author-info .date { font-size: 11.5px; display: inline; }
  .rts-blog-area-three .single-blog .content .author-info .name::after { content: " · "; }
  .rts-blog-area-three .single-blog .content .title { font-size: 15.5px; margin-bottom: 5px; }
  .rts-blog-area-three .single-blog .blog-thumb a,
  .rts-blog-area-three .single-blog .blog-thumb img { min-height: 104px; }
}