:root { 
       --success: #10b981; --warning: #f59e0b; --danger: #ef4444; --primary: #2563eb; 
}

.score-circle { 
       width: 120px;
       height: 120px;
       border-radius: 50%;
       display: flex;
       align-items: center;
       justify-content: center;
       font-size: 32px;
       font-weight: 900;
       color: white;
       margin: 0 auto;
       transition: transform 0.3s ease;
       border: 8px solid #f8fafc;
}

.score-circle:hover { 
       transform: scale(1.05); 
}

.audit-card { 
       border-radius: 15px; 
       border-left: 5px solid transparent; 
       transition: all 0.2s; 
}

.audit-card:hover { 
       background: #f8fafc !important; 
}

.cat-title { 
       font-size: 18px; 
       font-weight: 800; 
       text-transform: uppercase; 
       letter-spacing: 1px; 
       color: #2563eb; 
       margin-top: 2rem; 
}

.analysis-container {
       background: #ffffff;
       border-radius: 30px;
       box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.08);
       padding: 40px 30px;
       max-width: 960px;
       margin: 40px auto;
}

.seo {

}

.seo h1 {
       text-align: center;
       font-size: 18px;
       margin-top: 20px;
       margin-bottom: 20px;
}

.text-center { 
       text-align: center;
}

.mb-5 { 
       margin-bottom: 3rem !important;
}

.mb-4 { 
       margin-bottom: 1.5rem !important;
}

.lead {
       font-size: 1.1rem;
       color: #333333;
       font-weight: 500;
}

.shadow-lg { 
       box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important;
}

.shadow-lg textarea {
       width: 100%;
       padding: 0px;
       margin: 0px;
}

.mb-4 textarea {
       width: 100%;
       padding: 13px;
       margin: 0px;
}

.controls {
       display: flex;
       gap: 10px;
       align-items: center;
       margin-top: 20px;
       margin-bottom: 20px;
       background: #f8f9fa;
       padding: 15px;
       border-radius: 8px;
       border: 1px solid #ddd;
}

.input-group {
       position: relative;
       display: flex;
       flex-wrap: wrap;
       align-items: stretch;
       width: 100%;
       border-radius: 12px;
}

.form-control-lg {
       border-radius: 8px 0 0 8px !important;
       border: 1px solid #ced4da;
       padding: 14px 20px !important;
       font-size: 1rem;
       height: auto;
       flex: 1 1 auto;
}

.form-control-lg1 {
       border-radius: initial;
       border: 1px solid #ced4da;
       padding: 14px 20px !important;
       font-size: 1rem;
       height: auto;
       flex: 1 1 auto;
}

.btn--theme {
       background-color: #001D71 !important;
       color: #fff !important;
       padding: 15px 15px;
       font-weight: 500;
       border: none;
       cursor: pointer;
       transition: background-color 0.2s;
       border-top-left-radius: 0;
       border-bottom-left-radius: 0;
}

.btn--theme:hover {
       background-color: #189AED !important;
}

.btn--theme1 {
       background-color: #001D71 !important;
       color: #fff !important;
       padding: 15px 15px;
       font-weight: 500;
       border: none;
       cursor: pointer;
       transition: background-color 0.2s;
}

.btn--theme1:hover {
       background-color: #189AED !important;
}

.btn--theme2 {
       background-color: #001D71 !important;
       color: #fff !important;
       padding: 10px 10px;
       font-weight: 500;
       border: none;
       cursor: pointer;
       transition: background-color 0.2s;
       margin-left: 15px;

}

.btn--theme2:hover {
       background-color: #189AED !important;
}

#errorArea {
       margin-top: 10px;
       margin-bottom: 10px;
}

input[type='number'] {
       padding-top: 3px;
       padding-bottom: 3px;
       padding-left: 13px;
       padding-right: 3px;
       margin-left: 0px;
       margin-right: 0px;
       margin-top: 5px;
}
.pt-100 {
       padding-top: 100px;
}

.row {
       display: flex;
       flex-wrap: wrap;
       margin-right: -12px;
       margin-left: -12px;
}

.input-group>.form-control, .input-group>.form-floating, .input-group>.form-select {
       position: relative;
       flex: 1 1 auto;
       width: 1%;
       min-width: 0;
}

.rounded-pill {
       border-radius: 50rem !important;
}
.bg-success {
       background-color: #198754 !important;
       color: #fff;
}
.bg-danger {
       background-color: #dc3545 !important;
       color: #fff;
}
.py-2 {
       padding-top: .5rem !important;
       padding-bottom: .5rem !important;
}
.px-3 {
       padding-right: 1rem !important;
       padding-left: 1rem !important;
}

.faqs-section { 
      margin-top: 20px;
}

.tablo-kutusu {
      width: 100%;
      max-width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      margin-bottom: 1rem;
}

.tablo-kutusu table {
      width: 100%;
      border-collapse: collapse;
      table-layout: fixed; 
}

.tablo-kutusu th, 
.tablo-kutusu td {
      padding: 10px;
      text-align: left;
      border: 1px solid #ddd;
      word-break: break-all;
}

.tablo-kutusu th:nth-child(1), .tablo-kutusu td:nth-child(1) { 
      width: 25%;
}

.tablo-kutusu th:nth-child(2), .tablo-kutusu td:nth-child(2) { 
      width: 60%;
}

.tablo-kutusu th:nth-child(3), .tablo-kutusu td:nth-child(3) { 
      width: 15%;
}

.text-gray-600 { 
      font-weight: 600;
}

.accordionxx-wrapper { 
       width: 100%; 
}

.accordionxx {
       list-style: none;
       padding: 0;
       margin: 0;
       margin: 20px;
}

.accordionxx-item.advantages {
       background: #f8f9fa !important;
       border: 1px solid #eef0f2;
       border-radius: 14px !important;
       margin-bottom: 14px;
       padding: 18px 22px;
       position: relative;
       box-shadow: 0 2px 6px rgba(0,0,0,0.02);
       display: flex;
       flex-direction: column;
}

.accordionxx-thumb {
       cursor: pointer;
       padding-right: 35px;
}

.accordionxx-thumb h3 {
       font-size: 14px;
       font-weight: 600;
       color: #212529;
       margin: 0;
}

.accordionxx-panel {
       margin-top: 10px;
}

.accordionxx-panel p {
       font-size: 13px;
       color: #6c757d;
       margin: 0;
       line-height: 1.5;
}

.serp-preview-container { background: #fff; padding: 20px; border: 1px solid #dfe1e5; border-radius: 8px; margin: 20px; font-family: arial, sans-serif; }
.serp-url { color: #202124; font-size: 14px; margin-bottom: 4px; display: flex; align-items: center; }
.serp-title { color: #1a0dab; font-size: 20px; line-height: 1.3; cursor: pointer; margin-bottom: 3px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.serp-title:hover { text-decoration: underline; }
.serp-desc { color: #4d5156; font-size: 14px; line-height: 1.58; word-wrap: break-word; }
.input-group-text { font-weight: bold; font-size: 13px; min-width: 140px; }
.char-counter { font-size: 12px; color: #666; margin-top: 5px; display: block; text-align: right; }
.limit-exceeded { color: #dc3545 !important; font-weight: bold; }
.form-group { text-align: left; margin-bottom: 20px; }
button:disabled { background: #cbd5e1; cursor: not-allowed; }
.result-area { margin-top: 30px; padding: 25px; background: #f0f9ff; border-radius: 20px; border: 2px solid #e0f2fe; animation: slideUp 0.4s ease; }
.rank-num { font-size: 20px; font-weight: 900; color: var(--primary); display: block; line-height: 1; margin: 10px 0; }
.error { color: #ef4444; background: #fef2f2; padding: 15px; border-radius: 12px; margin-top: 20px; font-size: 14px; }
.promo { margin-top: 30px; padding-top: 20px; border-top: 1px solid #f1f5f9; font-size: 13px; color: #64748b; }
.promo a { color: var(--primary); font-weight: 700; text-decoration: none; }
@keyframes slideUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
.final-list-wrapper { margin: 40px auto; padding: 20px; }
.rank-row { padding: 14px 18px; border-bottom: 1px solid #f8f9fa; display: flex; align-items: center; transition: all 0.2s ease; font-size: 14px; color: #3c4043; word-break: break-all; }
.rank-row:last-child { border-bottom: none; }
.rank-row:hover { background-color: #fcfcfc; }
.num-badge { min-width: 35px; font-weight: 700; color: #70757a; font-size: 15px; }
.rank-row.match { background-color: #fff9e6; border: 1px solid #fce08e; border-radius: 10px; margin: 4px 0; color: #d93025; box-shadow: 0 4px 12px rgba(252, 224, 142, 0.3); }
.rank-row.match .num-badge { color: #d93025; }
textarea { width: 100%; height: 250px; padding: 15px; border: 2px solid #e0e0e0; border-radius: 8px; font-size: 15px; margin-bottom: 15px; }
.stats { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; margin-bottom: 20px; }
.stat-card { background: white; padding: 10px; border-radius: 8px; border: 1px solid #eee; text-align: center; box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
.stat-card span { display: block; font-size: 18px; font-weight: bold; color: #007bff; }
.analysis-panel { grid-column: span 5; background: #fff; padding: 20px; border-radius: 8px; border: 1px solid #dee2e6; margin-top: 10px; }
.meta-box { background: #fdfdfd; padding: 12px; border: 1px solid #e9ecef; border-radius: 6px; margin-bottom: 10px; }
.h-grid { display: flex; justify-content: space-between; gap: 8px; flex-wrap: wrap; margin-top: 15px; }
.h-item { flex: 1; min-width: 85px; padding: 8px; background: #f8f9fa; border-radius: 6px; border: 1px solid #eee; text-align: center; }
.error-list { background: #fff5f5; border-left: 5px solid #dc3545; padding: 15px; margin-top: 20px; border-radius: 4px; }
.error-list h4 { color: #d32f2f; font-size: 16px; margin-top: 0; }
.error-list ul { margin: 0; padding-left: 20px; }
.error-list li { margin-bottom: 5px; color: #555; font-size: 14px; }
.status-ok { color: #28a745 !important; font-weight: bold; }
.status-fail { color: #dc3545 !important; font-weight: bold; }
.block { padding: 15px; margin-bottom: 10px; border-radius: 8px; border-left: 8px solid; background: #fff; box-shadow: 0 2px 5px rgba(0,0,0,0.02); }
.block2 { padding: 15px; margin-bottom: 10px; border-radius: 8px; border-left: 8px solid; background: #fff; box-shadow: 0 2px 5px rgba(0,0,0,0.02); }
.perfect { border-color: #28a745; background: #f0fff4; } .failx { border-color: #dc3545; background: #fff5f5; } .warningx { border-color: #ffc107; background: #fffdf5; }
mark { background: #ffeb3b; font-weight: bold; }
.bg-score-high { margin-top: 25px; background-color: #10b981; color: #fff; }
.bg-score-med { margin-top: 25px; background-color: #f59e0b; color: #fff; }
.bg-score-low { margin-top: 25px; background-color: #ef4444; color: #fff; }
.fw-bold { font-weight: 700 !important; font-size: 16px; margin-block-start: 15px; margin-block-end: 15px; margin-inline-start: 5px; margin-inline-end: 5px; }
.text-uppercase { text-transform: uppercase !important; }
.text-muted { color: #6c757d !important; font-size: 15px; margin-block-start: 15px; margin-block-end: 15px; margin-inline-start: 5px; margin-inline-end: 5px; }
.p-4 { padding: 10px !important; }
.shadow-sm { box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important; }
.rounded { border-radius: 0.375rem !important; }
.bg-white { background-color: #fff !important; }
.border-top {  border-top: 1px solid #dee2e6 !important; }
.border-info { border-color: #0dcaf0 !important; }
.border-danger { border-color: #dc3545 !important; }
.border-dark { border-color: #212529 !important; }
.border-4 { border-width: 4px !important; margin: 10px; }
.text-info { color: #0dcaf0 !important; }
.text-danger { color: #dc3545 !important; }
.text-dark { color: #212529 !important; }
.bg--whitesmoke, .bg-light {  }
.py-40, .py-4 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
.cta-box { border-radius: 12px; padding: 20px; }
.h3 { font-size: 18px; }
.h5 { font-size: 18px; }
.h6 { font-size: 18px; }
.pt-5 { padding-top: 3rem !important; }
.col-12 { padding-left: 20px; padding-right: 20px; }
.col-md-4 { flex: 0 0 auto; width: 33.3333%; }
.col-md-6 { flex: 0 0 auto; width: 48%; }
.col-lg-6 { flex: 0 0 auto; width: 48%; }
.d-flex { display: flex !important; }
.justify-content-between { justify-content: space-between !important; }
.justify-content-center { justify-content: center !important; }
.align-items-center { align-items: center !important; }
.d-none { display: none !important; }
.mt-4 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
.mt-5 { margin-top: 3rem !important; }
.mb-2 { margin-top: 15px; margin-bottom: 15px; padding: 5px; background-color: #f8f9fa; }
.mb-3 { margin-bottom: 1rem !important; }
.px-0 { padding-left: 0 !important; padding-right: 0 !important; }
.alert-light { background-color: #fcfcfd; }
.section-title {  }
.section-title h2 { text-align: center; font-size: 18px; }
.section-title p { text-align: center; font-size: 15px; }
.bg-light { background-color: #f8f9fa !important; }
.border-end { margin: 10px;}
.control-label { font-weight: 700; color: #333; margin-bottom: 8px; display: block; }
.p-444 { margin: 10px; }
.text-muted44 { color: #6c757d !important; font-size: 15px; margin-block-start: 15px; margin-block-end: 15px; margin-inline-start: 5px; margin-inline-end: 5px; margin: 20px; padding-top: 15px; padding-bottom: 15px;}
.alert-info { background-color: #9eeaf9; margin: 20px; padding: 20px; border: 1px solid #9eeaf9; border-radius: 8px;}