/* =====================================================
   RESET
===================================================== */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: Arial, sans-serif;
}

html {
  scroll-behavior: smooth;
}

body {
  background: #f4f5f7;
  color: #111;
  padding-bottom: 120px;
}

/* =====================================================
   APP WRAPPER
===================================================== */

.app {
  width: 100%;
  max-width: 430px;
  margin: 0 auto;
  padding: 14px;
}

/* =====================================================
   LOGO
===================================================== */

.brand-image {
  width: 100%;
  margin: 0 0 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.brand-image img {
  width: 100%;
  max-width: 430px;
  height: auto;
  display: block;
  opacity: .94;
}

/* =====================================================
   HERO
===================================================== */

.hero {
  margin-bottom: 18px;
  text-align: center;
}

.hero h1 {
  font-size: 32px;
  line-height: 1.05;
  font-weight: 900;
  letter-spacing: -1px;
  margin-bottom: 10px;
}

.hero p {
  font-size: 14px;
  line-height: 1.6;
  opacity: .68;
  max-width: 340px;
  margin: 0 auto;
}

/* =====================================================
   TEMPLATE BUTTONS
===================================================== */

.tabs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 7px;
  margin: 0 0 12px;
}

.tab {
  border: 0;
  background: #fff;
  padding: 10px 5px;
  border-radius: 15px;
  font-size: 11px;
  font-weight: 900;
  cursor: pointer;
  transition: .25s ease;
  min-height: 58px;
  line-height: 1.18;
  box-shadow: 0 7px 18px rgba(0, 0, 0, .055);
}

.tab small {
  display: block;
  margin-top: 3px;
  font-size: 8.7px;
  font-weight: 700;
  opacity: .66;
  line-height: 1.16;
}

.tab:hover {
  transform: translateY(-2px);
}

.tab.active {
  background: #111;
  color: #fff;
  transform: scale(1.02);
}

.tab.active small {
  opacity: .82;
}

.bottom-tabs-title {
  font-size: 17px;
  font-weight: 900;
  margin: 18px 0 8px;
}

.bottom-tabs-note {
  font-size: 12.5px;
  opacity: .62;
  line-height: 1.45;
  margin-bottom: 10px;
}

.preview-style-tabs {
  position: sticky;
  top: 8px;
  z-index: 20;
  background: rgba(244, 245, 247, .94);
  backdrop-filter: blur(10px);
  padding: 10px 0 10px;
  margin-bottom: 12px;
}

/* =====================================================
   ACCORDION
===================================================== */

.acc {
  background: #fff;
  border-radius: 20px;
  margin-bottom: 12px;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .05);
}

.acc-head {
  width: 100%;
  border: 0;
  background: #fff;
  padding: 18px;
  font-size: 15px;
  font-weight: 900;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.acc-body {
  display: none;
  padding: 0 18px 18px;
}

.acc.open .acc-body {
  display: block;
}

/* =====================================================
   FORM ELEMENTS
===================================================== */

input,
textarea,
select {
  width: 100%;
  border: 0;
  outline: none;
  background: #f2f2f2;
  padding: 14px;
  border-radius: 14px;
  margin-bottom: 10px;
  font-size: 14px;
}

textarea {
  min-height: 90px;
  resize: vertical;
}

.file-label {
  display: block;
  background: #111;
  color: #fff;
  padding: 15px;
  border-radius: 14px;
  text-align: center;
  font-weight: 900;
  margin-bottom: 10px;
  cursor: pointer;
}

.file-label {
  position: relative;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}

.file-label input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  display: block;
  cursor: pointer;
}

.mini-btn {
  border: 0;
  background: #111;
  color: #fff;
  padding: 14px;
  border-radius: 14px;
  font-weight: 900;
  width: 100%;
  margin-top: 4px;
  cursor: pointer;
}

.remove {
  background: #ececec;
  color: #111;
  margin-bottom: 10px;
}

.item {
  border: 1px solid #ececec;
  border-radius: 16px;
  padding: 12px;
  margin-bottom: 12px;
}

.hint {
  font-size: 12px;
  opacity: .55;
  margin-bottom: 12px;
  line-height: 1.5;
}

/* =====================================================
   PREVIEW TITLE
===================================================== */

.preview-title {
  font-size: 22px;
  font-weight: 900;
  margin: 26px 0 6px;
}

.preview-sub {
  font-size: 13px;
  opacity: .6;
  line-height: 1.5;
  margin-bottom: 16px;
}

/* =====================================================
   CV PREVIEW WRAPPER
===================================================== */

.cv-wrap {
  background: #dfe3ea;
  border-radius: 26px;
  padding: 12px;
  overflow: hidden;
}

/* =====================================================
   CV PAPER
===================================================== */

.cv {
  background: #fff;
  width: 794px;
  min-height: 1123px;
  padding: 54px 48px;
  position: relative;
  overflow: hidden;
  border-radius: 18px;
  box-shadow: 0 14px 40px rgba(0, 0, 0, .10);

  transform: scale(.48);
  transform-origin: top left;

  margin-left: 14px;

  margin-bottom: -565px;
}

/* =====================================================
   WATERMARK GRID
===================================================== */



.watermark-grid {
  position: absolute !important;
  inset: -80px !important;

  display: grid !important;

  grid-template-columns: repeat(4, 1fr) !important;

  gap: 120px 90px !important;

  place-items: center !important;

  pointer-events: none !important;

  z-index: 20 !important;

  opacity: .18 !important;

  transform: rotate(-24deg) !important;

  overflow: hidden !important;
}

.watermark-grid span {

  font-size: 42px !important;

  font-weight: 900 !important;

  letter-spacing: 2px !important;

  white-space: nowrap !important;

  color: rgba(17,17,17,.28) !important;

  user-select: none !important;

  line-height: 1 !important;
}

/* =====================================================
   CV CONTENT
===================================================== */

.cv-inner {
  position: relative;
  z-index: 2;
}

.cv-top {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  border-bottom: 1px solid #e5e7eb;
  padding-bottom: 22px;
  margin-bottom: 24px;
}

.photo-frame {
  width: 112px;
  height: 136px;
  flex: 0 0 112px;
  padding: 5px;
  border-radius: 18px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  box-shadow: 0 10px 26px rgba(0, 0, 0, .11);
  display: none;
  overflow: hidden;
}

.photo {
  width: 100%;
  height: 100%;
  border-radius: 12px;
  object-fit: contain;
  object-position: center;
  background: #ffffff;
  display: block;
}

.cv h2 {
  font-size: 36px;
  letter-spacing: -1px;
  margin-bottom: 6px;
}

.role {
  font-size: 18px;
  font-weight: 900;
  color: #2563eb;
  margin-bottom: 10px;
}

.contact,
.small-line {
  font-size: 14px;
  opacity: .72;
  line-height: 1.65;
}

.sec {
  margin-bottom: 24px;
  padding-bottom: 18px;
  border-bottom: 1px solid #ececec;
  display: none;
}

.sec:last-child {
  border-bottom: 0;
}

.sec h3 {
  font-size: 14px;
  letter-spacing: 1px;
  font-weight: 900;
  margin-bottom: 10px;
  color: #2563eb;
}

.entry {
  margin-bottom: 14px;
}

.entry b {
  font-size: 16px;
}

.entry small {
  display: block;
  font-size: 13px;
  opacity: .58;
  margin: 4px 0;
}

.entry p {
  font-size: 15px;
  line-height: 1.6;
}

.tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.tag {
  background: #f1f5f9;
  padding: 7px 11px;
  border-radius: 999px;
  font-size: 13px;
}






.cv {
  color: #111827;
}

.cv-top {
  transition: .25s ease;
}

.sec {
  margin-bottom: 22px;
  padding-bottom: 17px;
  border-bottom: 1px solid #eeeeee;
  display: none;
}

.sec:last-child {
  border-bottom: 0;
}

.sec h3 {
  font-size: 13px;
  letter-spacing: 1.25px;
  font-weight: 900;
  margin-bottom: 12px;
  text-transform: uppercase;
}

.entry {
  margin-bottom: 13px;
}

.entry b {
  font-size: 16px;
  font-weight: 900;
}

.entry small {
  display: block;
  font-size: 13px;
  opacity: .62;
  margin: 5px 0;
}

.entry p {
  font-size: 15px;
  line-height: 1.58;
}

.tag {
  padding: 7px 11px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 800;
}














/* ATS SADE */
.minimal {
  border: 1px solid #e5e7eb;
  box-shadow: none;
}

.minimal .cv-top {
  border-bottom: 1px solid #e5e7eb;
  padding-bottom: 16px;
}

.minimal h2 {
  font-size: 34px;
  letter-spacing: -.5px;
}

.minimal .role {
  color: #374151;
  font-weight: 800;
}

.minimal .sec h3 {
  color: #6b7280;
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 7px;
}

.minimal .tag {
  background: #f3f4f6;
  color: #111827;
}

/* EXECUTIVE */
.executive {
  border-top: 15px solid #7c3aed;
}

.executive .cv-top {
  border-bottom: 2px solid #ede9fe;
}

.executive h2 {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 42px;
  letter-spacing: .2px;
}

.executive .role {
  color: #7c3aed;
  font-weight: 800;
}

.executive .sec h3 {
  color: #7c3aed;
  border-bottom: 1px solid #ede9fe;
  padding-bottom: 8px;
}

.executive .entry {
  border-left: 2px solid #ede9fe;
  padding-left: 14px;
}

.executive .tag {
  background: #ede9fe;
  color: #4c1d95;
}

/* KURUMSAL */
.corporate {
  border-left: 16px solid #0f172a;
}

.corporate .cv-top {
  background: #f8fafc;
  padding: 18px;
  border-radius: 14px;
  border-bottom: 0;
}

.corporate .role {
  color: #0f172a;
}

.corporate .sec {
  background: #fcfcfd;
  padding: 15px 16px;
  border-radius: 14px;
  border: 1px solid #eef2f7;
  margin-bottom: 16px;
}

.corporate .sec h3 {
  color: #0f172a;
}

.corporate .tag {
  background: #dbeafe;
  color: #0f172a;
}





































/* =====================================================
   FIXED PDF BUTTON
===================================================== */

.download {
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  position: fixed;
  bottom: 18px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 36px);
  max-width: 390px;
  border: 0;
  background: #111;
  color: #fff;
  padding: 18px;
  border-radius: 18px;
  font-size: 16px;
  font-weight: 900;
  z-index: 100;
  cursor: pointer;
}

/* =====================================================
   PDF MODAL
===================================================== */

.pdf-modal {
  position: fixed;
  inset: 0;
  background: #f4f5f7;
  z-index: 999;
  display: none;
  flex-direction: column;
}

.pdf-top {
  background: #111;
  color: #fff;
  padding: 12px;
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.pdf-top span {
  font-size: 13px;
  font-weight: 800;
}

.pdf-top button {
  border: 0;
  border-radius: 12px;
  padding: 12px 14px;
  font-weight: 900;
  cursor: pointer;
}

.buy {
  background: #2f80ff;
  color: #fff;
}

.close {
  background: #fff;
  color: #111;
}

.pdf-top{
  background:#0f172a !important;
  border-bottom:1px solid rgba(255,255,255,.08);
  box-shadow:0 10px 30px rgba(0,0,0,.18);
}

#pdfFrame {
  width: 100%;
  height: 100%;
  border: 0;
}




.acc,
.preview-style-tabs,
.cv-wrap,
.ats-card {
  animation: softRise .35s ease both;
}

@keyframes softRise {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }

}

.acc-head span {
  transition: .2s ease;
}

.acc.open .acc-head span {
  transform: rotate(180deg);
}

.ats-card {
  background: #111;
  color: #fff;
  border-radius: 22px;
  padding: 16px;
  margin: 14px 0 14px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .16);
}

.ats-card-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

.ats-title {
  font-size: 15px;
  font-weight: 900;
}

.ats-score {
  font-size: 26px;
  font-weight: 900;
}

.ats-bar {
  width: 100%;
  height: 9px;
  background: rgba(255,255,255,.18);
  border-radius: 999px;
  overflow: hidden;
  margin-bottom: 10px;
}

.ats-fill {
  height: 100%;
  width: 0%;
  background: #22c55e;
  border-radius: 999px;
  transition: width .3s ease;
}

.ats-text {
  font-size: 12.5px;
  line-height: 1.45;
  opacity: .78;
}

.smart-row {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  margin-top: 8px;
}

.smart-btn {
  border: 0;
  background: #2563eb;
  color: #fff;
  padding: 13px;
  border-radius: 14px;
  font-weight: 900;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.smart-btn.secondary {
  background: #ececec;
  color: #111;
}

.jump-preview {
  border: 0;
  width: 100%;
  background: #fff;
  color: #111;
  padding: 13px;
  border-radius: 15px;
  margin-top: 12px;
  font-weight: 900;
  cursor: pointer;
}

.cv-wrap {
  transition: .25s ease;
}

.cv-wrap.pulse {
  transform: scale(.995);
}


/* =====================================================
   PRODUCTION FINAL TOUCHES
===================================================== */

button,
input,
textarea,
select {
  -webkit-tap-highlight-color: transparent;
}

button:active,
.tab:active,
.mini-btn:active,
.smart-btn:active,
.download:active {
  transform: scale(.985);
}

input:focus,
textarea:focus,
select:focus {
  background: #fff;
  box-shadow: 0 0 0 2px rgba(17, 17, 17, .10);
}

.acc-head {
  color: #111;
}

.acc-head span {
  font-size: 18px;
  opacity: .55;
}

.file-label:hover,
.mini-btn:hover,
.smart-btn:hover,
.download:hover {
  filter: brightness(.96);
}

.brand-image {
  margin-top: 2px;
}

.hero h1 {
  max-width: 390px;
  margin-left: auto;
  margin-right: auto;
}

.preview-style-tabs {
  border-radius: 20px;
}

@media (max-width: 390px) {
  .app {
    padding: 12px;
  }

  .hero h1 {
    font-size: 28px;
  }

  .tab {
    min-height: 54px;
    font-size: 10.4px;
    padding: 9px 4px;
  }

  .tab small {
    font-size: 8px;
  }

  .download {
    padding: 16px;
  }

}

@media print {
  body {
    background: #fff;
    padding: 0;
  }

  .app > *:not(.cv-wrap),
  .pdf-modal,
  .download {
    display: none !important;
  }

  .cv-wrap {
    padding: 0;
    background: #fff;
  }

  .cv {
    transform: none !important;
    margin: 0 !important;
    box-shadow: none !important;
    border-radius: 0;
  }

}


/* =====================================================
   FINAL CONVERSION / MOBILE POLISH
===================================================== */

.price-pill {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  margin: 12px auto 0;
  padding: 8px 12px;
  border-radius: 14px;
  background: rgba(17, 17, 17, .045);
  color: #111;
  font-size: 13px;
  font-weight: 900;
  box-shadow: none;
  border: 1px solid rgba(17,17,17,.07);
}

.price-pill span {
  font-size: 10.8px;
  font-weight: 800;
  opacity: .58;
}

.progress-card {
  background: #fff;
  border-radius: 22px;
  padding: 15px;
  margin: 8px 0 14px;
  box-shadow: 0 10px 28px rgba(0,0,0,.06);
  border: 1px solid rgba(17,17,17,.04);
}

.progress-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 11px;
}

.progress-top b {
  display: block;
  font-size: 14px;
  font-weight: 900;
  margin-bottom: 3px;
}

.progress-top span {
  display: block;
  font-size: 12.5px;
  opacity: .62;
  line-height: 1.35;
}

.progress-top strong {
  font-size: 22px;
  font-weight: 900;
  white-space: nowrap;
}

.progress-bar {
  height: 9px;
  border-radius: 999px;
  overflow: hidden;
  background: #eef0f4;
  margin-bottom: 11px;
}

.progress-fill {
  height: 100%;
  width: 0%;
  border-radius: 999px;
  background: linear-gradient(90deg, #111, #2563eb);
  transition: width .35s ease;
}

.progress-chips {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
}

.progress-chips span {
  padding: 7px 9px;
  border-radius: 999px;
  background: #f3f4f6;
  color: #6b7280;
  font-size: 11px;
  font-weight: 900;
}

.progress-chips span.done {
  background: #dcfce7;
  color: #166534;
}

.tabs .tab {
  position: relative;
  overflow: hidden;
}

.tabs .tab::after {
  content: "";
  position: absolute;
  left: 10px;
  right: 10px;
  bottom: 7px;
  height: 3px;
  border-radius: 999px;
  background: rgba(17,17,17,.13);
}

.tabs .tab.active::after {
  background: rgba(255,255,255,.55);
}


.tab[data-template="minimal"]::after { background: #333333; }
.tab[data-template="executive"]::after { background: #9aaea3; }
.tab[data-template="corporate"]::after { background: #0f172a; }



.cv-wrap {
  box-shadow: 0 18px 44px rgba(15,23,42,.13);
  border: 1px solid rgba(255,255,255,.75);
}

.cv {
  transition: opacity .18s ease, transform .18s ease;
}

.cv.template-flash {
  opacity: .55;
}

.preview-title::after {
  content: " canlı";
  font-size: 11px;
  background: #dcfce7;
  color: #166534;
  padding: 4px 8px;
  border-radius: 999px;
  vertical-align: middle;
  margin-left: 6px;
}

.download {
  box-shadow: 0 12px 30px rgba(0,0,0,.20);
}

@media (max-width: 390px) {
  .price-pill {
    font-size: 13px;
    padding: 10px 14px;
  }

  .progress-card {
    padding: 14px;
  }

  .progress-top strong {
    font-size: 20px;
  }

}


.mini-ats-text {
  margin-top: 9px;
  font-size: 12px;
  line-height: 1.4;
  opacity: .58;
  font-weight: 700;
}





/* =====================================================
   FINAL PERSONAL INFO ALIGNMENT V3
===================================================== */

.info-row {
  display: grid !important;
  grid-template-columns: 120px minmax(0, 1fr) !important;
  column-gap: 8px !important;
  align-items: baseline !important;
  font-size: 13.8px !important;
  line-height: 1.5 !important;
  margin: 1px 0 !important;
  opacity: .88 !important;
}

.info-label {
  font-weight: 900 !important;
  color: #6b7280 !important;
  opacity: 1 !important;
  white-space: nowrap !important;
}

.info-value {
  color: #111827 !important;
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}

.info-row-inline {
  display: grid !important;
  grid-template-columns: 120px minmax(0, 1fr) !important;
  column-gap: 8px !important;
  align-items: baseline !important;
  font-size: 13.8px !important;
  line-height: 1.5 !important;
  margin: 1px 0 !important;
  opacity: .88 !important;
}

.info-dot {
  display: none !important;
}





.executive .info-label {
  color: #5b21b6 !important;
}




/* =====================================================
   DOCUMENT / CERTIFICATE IMAGE PREVIEW FIX
===================================================== */

.doc-image-entry {
  margin: 12px 0 18px;
  page-break-inside: avoid;
  break-inside: avoid;
}

.doc-image-entry b {
  display: block;
  font-size: 14px;
  font-weight: 900;
  margin-bottom: 8px;
}

.doc-image-entry img {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block;
  object-fit: contain;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #ffffff;
  padding: 6px;
}


/* =====================================================
   FINAL DOCUMENTS AFTER REFERENCES
===================================================== */

#secDocs {
  page-break-before: always;
  break-before: page;
  border-bottom: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

#secDocs .doc-image-entry {
  page-break-inside: avoid;
  break-inside: avoid;
  page-break-after: always;
  break-after: page;
  min-height: 1040px;
  margin: 0;
  padding: 0;
}

#secDocs .doc-image-entry:last-child {
  page-break-after: auto;
  break-after: auto;
}

#secDocs .doc-image-entry b {
  display: block;
  margin: 0 0 12px;
  font-size: 15px;
  font-weight: 900;
}

#secDocs .doc-image-entry img {
  width: 100%;
  max-width: 100%;
  max-height: 960px;
  height: auto;
  display: block;
  object-fit: contain;
  object-position: top center;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #ffffff;
  padding: 6px;
}


/* Ek belgeler PDF'te CV'den ayrı tam sayfa olarak basılır. */
#secDocs {
  border-bottom: 0 !important;
}


/* PDF sayfa çerçevesi canvas üzerinde her sayfaya ayrı çizilir.
   Uzun CV'lerde template çerçevesinin sayfa ortasında bitmesini engeller. */
#cvPdfClone {
  border: 0 !important;
  box-shadow: none !important;
}


/* =====================================================
   FINAL NO OUTER FRAME MODE
   Stiller kalsın, dış çerçeve/kenar çizgileri görünmesin.
===================================================== */





/* Bölüm ayırıcı çizgiler kalabilir; onlar çerçeve değil, okunabilirlik için. */




.cv {
  border: 0 !important;
  outline: 0 !important;
  background: #ffffff !important;
}

/* Ortak section temizliği */
.cv .sec {
  border-bottom: 1px solid #eeeeee;
}

.cv .sec h3 {
  letter-spacing: 1.2px;
  font-weight: 900;
}



















/* -----------------------------
   2) ATS SADE — en temiz, klasik
------------------------------ */

.cv.minimal {
  background: #ffffff !important;
  box-shadow: none !important;
}

.cv.minimal .cv-top {
  border-bottom: 1px solid #e5e7eb !important;
  padding-bottom: 16px !important;
  background: #ffffff !important;
}

.cv.minimal h2 {
  color: #111827 !important;
  font-size: 34px !important;
  letter-spacing: -.5px !important;
}

.cv.minimal .role {
  color: #374151 !important;
  font-weight: 800 !important;
}

.cv.minimal .sec {
  border-bottom: 1px solid #eeeeee !important;
  padding-bottom: 16px !important;
}

.cv.minimal .sec h3 {
  color: #6b7280 !important;
  border-bottom: 1px solid #f3f4f6 !important;
  padding-bottom: 7px !important;
}

.cv.minimal .entry {
  border-left: 0 !important;
  padding-left: 0 !important;
}

.cv.minimal .tag {
  background: #f3f4f6 !important;
  color: #111827 !important;
}

/* -----------------------------
   3) EXECUTIVE — serif, prestij, üst çizgi
------------------------------ */

.cv.executive {
  background: #ffffff !important;
}

.cv.executive .cv-top {
  border-top: 10px solid #7c3aed !important;
  border-bottom: 2px solid #ede9fe !important;
  padding-top: 22px !important;
  padding-bottom: 18px !important;
  background: #ffffff !important;
}

.cv.executive h2 {
  font-family: Georgia, "Times New Roman", serif !important;
  color: #111827 !important;
  font-size: 44px !important;
  letter-spacing: .2px !important;
}

.cv.executive .role {
  color: #7c3aed !important;
  font-weight: 900 !important;
}

.cv.executive .sec h3 {
  color: #7c3aed !important;
  border-bottom: 1px solid #ede9fe !important;
  padding-bottom: 8px !important;
}

.cv.executive .entry {
  border-left: 3px solid #ede9fe !important;
  padding-left: 15px !important;
}

.cv.executive .tag {
  background: #ede9fe !important;
  color: #4c1d95 !important;
}


/* -----------------------------
   5) CREATIVE — pembe, dinamik sol mini aks
------------------------------ */



































/* Fotoğraf tüm stillerde orantılı */
.photo {
  object-fit: contain !important;
  object-position: center !important;
  background: #ffffff !important;
}

/* PDF klonunda dış frame yok ama iç stil çizgileri kalsın */
#cvPdfClone {
  border: 0 !important;
  outline: 0 !important;
}



/* =====================================================
   IOS SAFARI INPUT ZOOM + YATAY KAYMA FIX
   Çekirdek yapı korunur. Sadece mobil yatay taşma engellenir.
===================================================== */
html,
body {
  width: 100% !important;
  max-width: 100% !important;
  overflow-x: hidden !important;
}

body {
  position: relative !important;
}

.app {
  width: 100% !important;
  max-width: 430px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  overflow-x: hidden !important;
}

input,
textarea,
select {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  box-sizing: border-box !important;
  font-size: 16px !important;
  -webkit-text-size-adjust: 100%;
  appearance: none;
  -webkit-appearance: none;
}

textarea {
  max-width: 100% !important;
}

.acc,
.acc-body,
.brand-image,
.hero,
.cv-wrap,
.preview-style-tabs,
.tabs,
.item {
  max-width: 100% !important;
  overflow-x: hidden !important;
}

img {
  max-width: 100% !important;
  height: auto;
}

.file-label,
.mini-btn,
.smart-btn,
.jump-preview {
  max-width: 100% !important;
  box-sizing: border-box !important;
}


.download {
  width: calc(100% - 36px) !important;
  max-width: 390px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  box-sizing: border-box !important;
}

@supports (-webkit-touch-callout: none) {
  input,
  textarea,
  select {
    font-size: 16px !important;
  }

}



/* =====================================================
   MOBILE PREVIEW IMAGE/DOC FIX FINAL
   Ek sertifika görselleri önizlemede/PDF'te görünür.
===================================================== */

#cvPdfClone #secDocs {
  page-break-before: always;
  break-before: page;
}

#cvPdfClone #secDocs .doc-image-entry img {
  display: block;
  max-width: 100%;
  height: auto;
  object-fit: contain;
}




.watermark-grid {
  position: absolute !important;
  inset: -90px !important;
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 125px 110px !important;
  place-items: center !important;
  pointer-events: none !important;
  z-index: 20 !important;
  opacity: .16 !important;
  transform: rotate(-24deg) !important;
  overflow: hidden !important;
}

.watermark-grid span {
  font-size: 40px !important;
  font-weight: 900 !important;
  letter-spacing: 2px !important;
  white-space: nowrap !important;
  color: rgba(17, 24, 39, .30) !important;
  user-select: none !important;
  line-height: 1 !important;
}

#secRef {
  order: 98;
}

#secDocs {
  order: 99;
}


/* =====================================================
   EK BELGE KALDIRMA + BELGE WATERMARK TEMİZLİĞİ
   Çekirdek yapı korunur.
===================================================== */

.doc-manager {
  display: grid;
  gap: 8px;
  margin: 8px 0 12px;
}

.doc-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
  align-items: center;
  background: #f2f2f2;
  border-radius: 14px;
  padding: 10px 10px 10px 12px;
}

.doc-row-name {
  min-width: 0;
  font-size: 12.5px;
  font-weight: 800;
  color: #111827;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.doc-remove {
  border: 0;
  background: #111;
  color: #fff;
  border-radius: 12px;
  padding: 9px 11px;
  font-size: 12px;
  font-weight: 900;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.doc-remove:active {
  transform: scale(.97);
}

/* Ek belge önizleme canvas'ında belge üstüne ikinci watermark bindirilmez.
   Watermark sadece boş sayfa zemini için canvas tarafında çok hafif çizilir. */
#secDocs .watermark-grid {
  display: none !important;
}





.cv {
  border: 0 !important;
  outline: 0 !important;
  background: #ffffff !important;
}

.cv .cv-inner {
  position: relative !important;
}

.cv .cv-top,
.cv .sec,
.cv .entry,
.cv .tag,
.cv h2,
.cv .role,
.cv .sec h3 {
  transition: none !important;
}

/* Ortak okunabilirlik */
.cv .contact,
.cv .small-line,
.cv .entry p,
.cv .entry small {
  color: #374151 !important;
}

.cv .entry b {
  color: #111827 !important;
}



























/* -----------------------------
   2) ATS SADE — en klasik, en temiz
------------------------------ */

.cv.minimal {
  padding: 58px 54px !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

.cv.minimal .cv-top {
  display: flex !important;
  background: #ffffff !important;
  border: 0 !important;
  border-bottom: 1px solid #d1d5db !important;
  border-radius: 0 !important;
  padding: 0 0 18px !important;
  margin-bottom: 22px !important;
  box-shadow: none !important;
}

.cv.minimal h2 {
  color: #111827 !important;
  font-family: Arial, sans-serif !important;
  font-size: 33px !important;
  letter-spacing: -.4px !important;
}

.cv.minimal .role {
  color: #374151 !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

.cv.minimal .sec {
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid #e5e7eb !important;
  border-radius: 0 !important;
  padding: 0 0 15px !important;
  margin-bottom: 18px !important;
}

.cv.minimal .sec h3 {
  color: #111827 !important;
  font-size: 12.5px !important;
  border: 0 !important;
  padding: 0 0 6px !important;
  letter-spacing: 1.5px !important;
}

.cv.minimal .sec h3::before,
.cv.minimal .sec::before {
  display: none !important;
}

.cv.minimal .entry {
  border: 0 !important;
  padding: 0 !important;
}

.cv.minimal .tag {
  background: #f3f4f6 !important;
  color: #111827 !important;
  border-radius: 4px !important;
  font-weight: 700 !important;
}

/* -----------------------------
   3) EXECUTIVE — klasik, serif, yönetici
------------------------------ */

.cv.executive {
  padding: 56px 52px !important;
  background:
    linear-gradient(180deg, #ffffff 0%, #ffffff 86%, #fbf9ff 100%) !important;
}

.cv.executive .cv-top {
  border: 0 !important;
  border-bottom: 3px double #7c3aed !important;
  border-top: 3px double #7c3aed !important;
  border-radius: 0 !important;
  padding: 22px 0 !important;
  margin-bottom: 26px !important;
  background: transparent !important;
  box-shadow: none !important;
}

.cv.executive h2 {
  font-family: Georgia, "Times New Roman", serif !important;
  color: #111827 !important;
  font-size: 45px !important;
  letter-spacing: .1px !important;
  font-weight: 700 !important;
}

.cv.executive .role {
  color: #6d28d9 !important;
  font-size: 17px !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-style: italic !important;
  letter-spacing: .4px !important;
}

.cv.executive .sec {
  border-bottom: 1px solid #ede9fe !important;
  padding-bottom: 18px !important;
  margin-bottom: 22px !important;
}

.cv.executive .sec h3 {
  color: #6d28d9 !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 15px !important;
  letter-spacing: .6px !important;
  text-transform: none !important;
  border: 0 !important;
  padding-bottom: 7px !important;
}

.cv.executive .sec h3::before,
.cv.executive .sec::before {
  display: none !important;
}

.cv.executive .entry {
  border-left: 3px solid #ddd6fe !important;
  padding-left: 16px !important;
}

.cv.executive .tag {
  background: #f5f3ff !important;
  color: #4c1d95 !important;
  border-radius: 999px !important;
  border: 1px solid #ddd6fe !important;
}


/* -----------------------------
   5) CREATIVE — dinamik, renkli, portfolyo hissi
------------------------------ */



























































/* PDF klonunda dış frame yine kapalı, iç karakterler açık */
#cvPdfClone {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}




/* =====================================================
   FINAL TEXT CENTER FIX
===================================================== */

.bottom-tabs-title,
.bottom-tabs-note,
.preview-title,
.preview-sub {
  width: 100% !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.bottom-tabs-title,
.preview-title {
  display: block !important;
}

.bottom-tabs-note,
.preview-sub {
  display: block !important;
  max-width: 360px !important;
  line-height: 1.65 !important;
}

.preview-title::after {
  vertical-align: middle !important;
}



/* =====================================================
   LEGAL / POLICY AREA FINAL
===================================================== */

.legal-box {
  background: #ffffff;
  border-radius: 22px;
  padding: 16px;
  margin: 16px 0;
  box-shadow: 0 10px 28px rgba(0,0,0,.06);
  border: 1px solid rgba(17,17,17,.06);
}

.legal-title {
  font-size: 15px;
  font-weight: 900;
  margin-bottom: 12px;
  text-align: center;
}

.legal-check {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 12px;
}

.legal-check input {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  margin-top: 2px !important;
  flex: 0 0 18px !important;
  padding: 0 !important;
  border-radius: 4px !important;
  appearance: auto !important;
  -webkit-appearance: checkbox !important;
}

.legal-check label {
  font-size: 13px;
  line-height: 1.55;
  color: #374151;
}

.legal-note {
  font-size: 12px;
  line-height: 1.6;
  opacity: .68;
  margin-top: 6px;
  text-align: center;
}

.legal-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin-top: 14px;
}

.legal-links a {
  text-decoration: none;
  background: #f3f4f6;
  color: #111827;
  padding: 8px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 800;
}

.support-footer {
  margin-top: 26px;
  margin-bottom: 110px;
  text-align: center;
  padding: 22px 18px;
  background: #ffffff;
  border-radius: 24px;
  box-shadow: 0 10px 28px rgba(0,0,0,.06);
  border: 1px solid rgba(17,17,17,.06);
}

.support-title {
  font-size: 18px;
  font-weight: 900;
  margin-bottom: 8px;
}

.support-sub {
  font-size: 13px;
  line-height: 1.6;
  opacity: .66;
  max-width: 320px;
  margin: 0 auto 16px;
}

.support-whatsapp {
  display: inline-block;
  text-decoration: none;
  background: #16a34a;
  color: #ffffff;
  padding: 14px 18px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 900;
  box-shadow: 0 10px 22px rgba(22,163,74,.20);
}

.support-mail {
  margin-top: 14px;
  font-size: 12px;
  opacity: .58;
  font-weight: 700;
}


/* =====================================================
   LEGAL + SUPPORT COMPACT WIDTH FIX
   Sayfanın tamamına yayılmasını engeller.
===================================================== */

.legal-box,
.support-footer {
  width: 100% !important;
  max-width: 430px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.legal-box {
  padding: 16px !important;
  margin-top: 18px !important;
  margin-bottom: 18px !important;
  border-radius: 22px !important;
}

.support-footer {
  padding: 22px 18px !important;
  margin-top: 22px !important;
  margin-bottom: 115px !important;
  border-radius: 24px !important;
}

.legal-check {
  justify-content: flex-start !important;
  text-align: left !important;
}

.legal-links {
  max-width: 360px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}


/* =====================================================
   FINAL PDF PREVIEW WHATSAPP COLLISION FIX
   PDF hazırlama/önizleme iframe içinde WhatsApp destek kartı görünmez.
===================================================== */

.pdf-modal {
  background: #f4f5f7 !important;
}

#pdfFrame {
  background: #f4f5f7 !important;
}

.pdf-modal .support-footer,
.pdf-modal .legal-box {
  display: none !important;
}



/* =====================================================
   CVYAZ SAME MOBILE DESIGN ON DESKTOP V5
   Telefon görünümü web'de de aynı kalır.
   Sadece masaüstünde ortalanır ve kontrollü büyütülür.
===================================================== */

@media (min-width: 768px) {
  html,
  body {
    width: 100% !important;
    min-height: 100% !important;
    overflow-x: hidden !important;
  }

  body {
    background: #f4f5f7 !important;
  }

  .app {
    width: min(100%, 520px) !important;
    max-width: 520px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .brand-image {
    width: 100% !important;
    max-width: 430px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .brand-image img {
    width: 100% !important;
    max-width: 430px !important;
    height: auto !important;
  }

  .hero {
    width: 100% !important;
    max-width: 520px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }

  .hero h1 {
    font-size: clamp(34px, 3vw, 44px) !important;
    line-height: 1.02 !important;
    letter-spacing: -1px !important;
  }

  .hero p {
    font-size: 16px !important;
    line-height: 1.55 !important;
  }

  .acc,
  .preview-style-tabs,
  .cv-wrap,
  .legal-box,
  .support-footer {
    width: 100% !important;
    max-width: 520px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  input,
  textarea,
  select,
  button {
    font-size: 16px !important;
  }

  .download {
    width: min(520px, calc(100vw - 36px)) !important;
    max-width: 520px !important;
    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;
  }

  .cv-wrap {
    overflow-x: hidden !important;
  }

  .cv {
    margin-left: auto !important;
    margin-right: auto !important;
  }

}

@media (min-width: 1180px) {
  .app {
    max-width: 560px !important;
  }

  .brand-image,
  .brand-image img {
    max-width: 455px !important;
  }

  .acc,
  .preview-style-tabs,
  .cv-wrap,
  .legal-box,
  .support-footer {
    max-width: 560px !important;
  }

  .download {
    width: min(560px, calc(100vw - 36px)) !important;
    max-width: 560px !important;
  }

}






body{
  background:#eef1f5 !important;
}

.hero{
  position:relative;
  overflow:hidden;
  padding-top:32px !important;
  padding-bottom:120px !important;
  background:linear-gradient(135deg,#111827 0%,#1e1b4b 45%,#312e81 100%) !important;
  border-bottom-left-radius:48px;
  border-bottom-right-radius:48px;
  box-shadow:0 20px 60px rgba(15,23,42,.18);
}

.hero::after{
  content:"";
  position:absolute;
  left:-5%;
  right:-5%;
  bottom:-70px;
  height:140px;
  background:#eef1f5;
  transform:rotate(-4deg);
}

.brand-image{
  position:relative;
  z-index:2;
}

.brand-image img{
  border-radius:24px;
  box-shadow:0 12px 40px rgba(0,0,0,.25);
}

.hero h1{
  position:relative;
  z-index:2;
  color:#fff !important;
  text-shadow:0 8px 20px rgba(0,0,0,.18);
}

.hero p{
  position:relative;
  z-index:2;
  color:rgba(255,255,255,.82) !important;
}

.acc,
.preview-style-tabs,
.cv-wrap,
.legal-box,
.support-footer{
  position:relative;
  z-index:5;
  background:#fff !important;
  border-radius:28px !important;
  box-shadow:0 10px 35px rgba(15,23,42,.06);
}

.download{
  background:#22c55e !important;
  color:#fff !important;
  box-shadow:0 12px 35px rgba(34,197,94,.35) !important;
}

.download:hover{
  transform:translateX(-50%) translateY(-2px) !important;
}

@media (max-width:767px){

  .hero{
    padding-top:24px !important;
    padding-bottom:90px !important;
    border-bottom-left-radius:32px;
    border-bottom-right-radius:32px;
  }

  .hero::after{
    bottom:-60px;
    height:110px;
  }

  .hero h1{
    font-size:54px !important;
    line-height:0.98 !important;
    letter-spacing:-2px;
  }

  .hero p{
    font-size:18px !important;
  }

}






html,
body{
    background:#eef1f5 !important;
}

/* ÜST ALAN */
body::before{
    content:"";
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:520px;
    background:linear-gradient(135deg,#111827 0%,#1e1b4b 45%,#312e81 100%);
    z-index:-2;
}

/* diagonal geçiş */
body::after{
    content:"";
    position:fixed;
    left:-5%;
    width:110%;
    top:420px;
    height:180px;
    background:#eef1f5;
    transform:rotate(-4deg);
    z-index:-1;
}

.brand-image img{
    border-radius:22px !important;
    box-shadow:0 18px 45px rgba(0,0,0,.25) !important;
}

.hero h1,
h1{
    color:#ffffff !important;
    text-shadow:0 10px 25px rgba(0,0,0,.25);
}

.hero p,
.hero-subtitle{
    color:rgba(255,255,255,.88) !important;
}

.acc,
.preview-style-tabs,
.cv-wrap,
.legal-box,
.support-footer{
    background:#ffffff !important;
    border-radius:28px !important;
    box-shadow:0 12px 40px rgba(15,23,42,.08) !important;
}

.download{
    background:#22c55e !important;
    color:#fff !important;
    box-shadow:0 15px 35px rgba(34,197,94,.35) !important;
}

/* desktop dolgun görünüm */
@media (min-width:768px){

    .app{
        max-width:640px !important;
    }

    .brand-image,
    .brand-image img{
        max-width:460px !important;
    }

    h1{
        font-size:72px !important;
        line-height:.95 !important;
        letter-spacing:-3px !important;
    }

}

/* mobil */
@media (max-width:767px){

    body::before{
        height:620px;
    }

    body::after{
        top:520px;
    }

    h1{
        font-size:58px !important;
        line-height:.96 !important;
        letter-spacing:-2px !important;
    }

}



/* =====================================================
   CVYAZ MOBILE CTA OVERLAP FIX V6.2
   Yeşil sabit CTA mobilde "Fotoğraf Ekle" butonunun üstüne binmesin.
===================================================== */

@media (max-width: 767px) {
  .download {
    bottom: 18px !important;
    width: calc(100vw - 44px) !important;
    max-width: 680px !important;
    min-height: 58px !important;
    height: 58px !important;
    border-radius: 18px !important;
    font-size: 16px !important;
    z-index: 80 !important;
  }

  .acc:first-of-type {
    margin-top: 22px !important;
  }

  .acc:first-of-type .acc-body {
    padding-top: 14px !important;
  }

  .photo-btn {
    position: relative !important;
    z-index: 120 !important;
    margin-top: 6px !important;
    margin-bottom: 12px !important;
  }

  .photo-remove {
    position: relative !important;
    z-index: 110 !important;
  }

  body {
    padding-bottom: 96px !important;
  }

  .app {
    padding-bottom: 120px !important;
  }

}

/* Masaüstünde CTA eski geniş ve ortalı kalsın */
@media (min-width: 768px) {
  .download {
    bottom: 20px !important;
    z-index: 90 !important;
  }

}




/* =====================================================
   CVYAZ MOBILE START BUTTON VISIBLE FIX V6.3
   Mobilde ilk açılışta sabit önizleme butonu gizlenir.
   Fotoğraf Ekle / CV Oluşturmaya Başla butonu artık kapanmaz.
===================================================== */

@media (max-width: 767px) {
  body:not(.cvyaz-show-preview-cta) .download {
    display: none !important;
  }

  body.cvyaz-show-preview-cta .download {
    display: flex !important;
    position: fixed !important;
    left: 50% !important;
    right: auto !important;
    bottom: 18px !important;
    transform: translateX(-50%) !important;
    width: calc(100vw - 44px) !important;
    max-width: 680px !important;
    min-height: 58px !important;
    height: 58px !important;
    border-radius: 18px !important;
    z-index: 80 !important;
  }

  .photo-btn {
    position: relative !important;
    z-index: 150 !important;
  }

  .acc:first-of-type {
    margin-top: 22px !important;
  }

}


/* =====================================================
   CVYAZ MOBILE HERO HEIGHT TIGHTEN V6.4
   Mobil ilk ekranda açıklama alanını kısaltır;
   Fotoğraf Ekle / CV Oluşturmaya Başla butonu yukarı gelir.
===================================================== */

@media (max-width: 767px) {
  .hero {
    padding-top: 20px !important;
    padding-bottom: 54px !important;
    margin-bottom: 14px !important;
    border-bottom-left-radius: 34px !important;
    border-bottom-right-radius: 34px !important;
  }

  .hero::after {
    bottom: -46px !important;
    height: 86px !important;
  }

  .hero h1,
  h1 {
    font-size: 48px !important;
    line-height: 0.96 !important;
    letter-spacing: -1.8px !important;
    margin-bottom: 14px !important;
  }

  .hero p,
  .hero-subtitle {
    font-size: 15.5px !important;
    line-height: 1.38 !important;
    max-width: 330px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .acc:first-of-type {
    margin-top: 14px !important;
  }

}


/* =====================================================
   WEB + MOBILE PREVIEW CTA FLOW FIX
   CV PDF Önizleme butonu ilk açılışta gizli kalır.
   Kullanıcı Fotoğraf Ekle / CV Oluşturmaya Başla butonuna basınca açılır.
===================================================== */
.download.preview-locked {
  display: none !important;
}


/* CVYAZ MOBILE ONE-TAP PREVIEW FIX V6.6 */
#previewCta,
.download {
  touch-action: manipulation !important;
  -webkit-tap-highlight-color: transparent !important;
  cursor: pointer;
}


/* CVYAZ WEB CLEAN START FIX V7.2
   Web ve mobil ilk açılışta önizleme butonu kapalı kalır.
   Sadece başlangıç butonu sonrası veya yasal sayfadan geri dönüşte açılır. */
#previewCta.preview-locked,
.download.preview-locked {
  display: none !important;
}


/* =====================================================
   CVYAZ MOBILE iOS KEYBOARD PREVIEW FIX V8.6
   iPhone Safari'de klavye/accessory bar açıkken ilk dokunuş input'u kapatmaya gider.
   CTA klavyenin üstüne taşınır ve dokunma hedefi en üst katmanda tutulur.
===================================================== */
:root {
  --cvyaz-keyboard-inset: 0px;
}

@media (max-width: 767px) {
  body.cvyaz-show-preview-cta #previewCta,
  body.cvyaz-show-preview-cta .download {
    display: flex !important;
    position: fixed !important;
    left: 50% !important;
    right: auto !important;
    bottom: calc(var(--cvyaz-keyboard-inset, 0px) + 18px) !important;
    transform: translate3d(-50%, 0, 0) !important;
    width: calc(100vw - 44px) !important;
    max-width: 680px !important;
    min-height: 58px !important;
    height: 58px !important;
    border-radius: 18px !important;
    z-index: 2147483000 !important;
    pointer-events: auto !important;
    touch-action: none !important;
    -webkit-tap-highlight-color: transparent !important;
    user-select: none !important;
    -webkit-user-select: none !important;
  }

  body.cvyaz-keyboard-open {
    padding-bottom: calc(var(--cvyaz-keyboard-inset, 0px) + 110px) !important;
  }

}

/* =====================================================
   CVYAZ TRUST MENU + INFO SECTIONS V95
   Sağ üst hamburger menü, güven barı, ATS açıklaması,
   footer ve güven içerikleri. Çekirdek CV akışına dokunmaz.
===================================================== */

.site-topbar {
  position: sticky;
  top: 0;
  z-index: 2147482000;
  width: 100%;
  max-width: 430px;
  margin: 0 auto;
  padding: 10px 14px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  pointer-events: none;
}

.site-mini-brand,
.hamburger-btn {
  pointer-events: auto;
}

.site-mini-brand {
  min-height: 38px;
  padding: 0 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.86);
  color: #111;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  font-size: 13px;
  font-weight: 950;
  letter-spacing: .8px;
  box-shadow: 0 12px 30px rgba(0,0,0,.08);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.hamburger-btn {
  width: 46px;
  height: 46px;
  border: 0;
  border-radius: 16px;
  background: #111;
  color: #fff;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  cursor: pointer;
  box-shadow: 0 14px 34px rgba(0,0,0,.22);
  touch-action: manipulation;
}

.hamburger-btn span {
  width: 19px;
  height: 2px;
  border-radius: 999px;
  background: #fff;
  display: block;
}

.menu-overlay {
  position: fixed;
  inset: 0;
  z-index: 2147482100;
  background: rgba(0,0,0,.48);
  opacity: 0;
  pointer-events: none;
  transition: opacity .22s ease;
}

.side-menu {
  position: fixed;
  top: 0;
  right: 0;
  width: min(86vw, 360px);
  height: 100dvh;
  z-index: 2147482200;
  padding: 20px;
  background: #fff;
  color: #111;
  transform: translateX(104%);
  transition: transform .28s cubic-bezier(.22, .8, .22, 1);
  box-shadow: -28px 0 60px rgba(0,0,0,.18);
  overflow-y: auto;
}

body.menu-open .menu-overlay {
  opacity: 1;
  pointer-events: auto;
}

body.menu-open .side-menu {
  transform: translateX(0);
}

body.menu-open {
  overflow: hidden;
}

.side-menu-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 18px;
}

.side-menu-head strong {
  display: block;
  font-size: 24px;
  font-weight: 950;
  letter-spacing: -.5px;
}

.side-menu-head small {
  display: block;
  margin-top: 4px;
  font-size: 12px;
  opacity: .58;
  font-weight: 800;
}

.menu-close {
  width: 40px;
  height: 40px;
  border: 0;
  border-radius: 14px;
  background: #f2f3f5;
  color: #111;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
}

.side-menu a {
  min-height: 46px;
  margin: 7px 0;
  padding: 0 14px;
  border-radius: 15px;
  background: #f7f8fa;
  color: #111;
  text-decoration: none;
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: 900;
}

.side-menu a:hover {
  background: #111;
  color: #fff;
}

.side-menu-divider {
  height: 1px;
  background: rgba(0,0,0,.09);
  margin: 14px 0;
}

.side-menu p {
  margin-top: 18px;
  padding: 14px;
  border-radius: 18px;
  background: #111;
  color: #fff;
  font-size: 12.5px;
  line-height: 1.45;
  font-weight: 800;
}

.trust-bar {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 7px;
  margin: -3px 0 16px;
}

.trust-bar div {
  min-height: 52px;
  padding: 9px 7px;
  border-radius: 17px;
  background: #fff;
  box-shadow: 0 10px 24px rgba(0,0,0,.055);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 11.5px;
  line-height: 1.18;
  font-weight: 950;
}

.info-section,
.site-footer {
  width: 100%;
  max-width: 430px;
  margin: 18px auto 0;
  padding: 20px;
  border-radius: 28px;
  background: #fff;
  box-shadow: 0 14px 34px rgba(0,0,0,.06);
}

.section-kicker {
  display: inline-flex;
  min-height: 30px;
  padding: 0 11px;
  border-radius: 999px;
  align-items: center;
  background: #111;
  color: #fff;
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .2px;
  margin-bottom: 10px;
}

.info-section h2 {
  font-size: 22px;
  line-height: 1.12;
  letter-spacing: -.6px;
  font-weight: 950;
  margin-bottom: 10px;
}

.info-section p {
  font-size: 14px;
  line-height: 1.65;
  opacity: .72;
  font-weight: 650;
}

.step-grid,
.example-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  margin-top: 14px;
}

.step-grid article,
.example-grid article {
  padding: 15px;
  border-radius: 21px;
  background: #f6f7f9;
  border: 1px solid rgba(0,0,0,.045);
}

.step-grid span {
  width: 34px;
  height: 34px;
  margin-bottom: 10px;
  border-radius: 12px;
  background: #111;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 950;
}

.step-grid h3 {
  font-size: 16px;
  font-weight: 950;
  margin-bottom: 5px;
}

.step-grid p {
  font-size: 13px;
  line-height: 1.48;
}

.ats-card {
  background: linear-gradient(180deg, #111 0%, #1d1d1f 100%);
  color: #fff;
}

.ats-card .section-kicker {
  background: #fff;
  color: #111;
}

.ats-card p,
.ats-card small {
  color: rgba(255,255,255,.76);
  opacity: 1;
}

.ats-card small {
  display: block;
  margin-top: 13px;
  font-size: 11.5px;
  line-height: 1.45;
  font-weight: 750;
}

.mini-checks {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 14px;
}

.mini-checks span {
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.1);
  font-size: 12px;
  font-weight: 900;
}

.example-grid {
  grid-template-columns: repeat(2, 1fr);
}

.example-grid article {
  min-height: 112px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  overflow: hidden;
}

.example-grid article::before {
  content: "";
  position: absolute;
  top: 13px;
  left: 13px;
  right: 13px;
  height: 36px;
  border-radius: 12px;
  background: linear-gradient(90deg, rgba(0,0,0,.12), rgba(0,0,0,.035));
}

.example-grid b {
  font-size: 15px;
  font-weight: 950;
  position: relative;
}

.example-grid span {
  margin-top: 4px;
  font-size: 11.5px;
  opacity: .6;
  font-weight: 800;
  position: relative;
}

.contact-actions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 9px;
  margin-top: 14px;
}

.contact-actions a {
  min-height: 48px;
  border-radius: 16px;
  background: #111;
  color: #fff;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 950;
}

.contact-actions a:first-child {
  background: #f2f3f5;
  color: #111;
}

.site-footer {
  margin-bottom: 24px;
  text-align: center;
  background: #111;
  color: #fff;
}

.site-footer strong {
  display: block;
  font-size: 24px;
  font-weight: 950;
  letter-spacing: -.4px;
}

.site-footer p {
  margin: 8px auto 14px;
  max-width: 310px;
  color: rgba(255,255,255,.7);
  font-size: 13px;
  line-height: 1.45;
  font-weight: 750;
}

.site-footer div {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 7px;
  margin-top: 8px;
}

.site-footer a {
  min-height: 34px;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.1);
  color: #fff;
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  font-size: 11.5px;
  font-weight: 850;
}

.site-footer small {
  display: block;
  margin-top: 16px;
  color: rgba(255,255,255,.55);
  font-size: 11px;
  font-weight: 750;
}

@media (min-width: 768px) {
  .site-topbar,
  .info-section,
  .site-footer {
    max-width: 760px;
  }

  .app {
    max-width: 760px;
  }

  .brand-image img {
    max-width: 520px;
  }

  .step-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .example-grid {
    grid-template-columns: repeat(4, 1fr);
  }

  .trust-bar div {
    font-size: 13px;
  }

}

@media (max-width: 767px) {
  .site-topbar {
    padding: 8px 12px 0;
  }

  .site-mini-brand {
    min-height: 34px;
    font-size: 12px;
  }

  .hamburger-btn {
    width: 44px;
    height: 44px;
    border-radius: 15px;
  }

  .trust-bar {
    margin-top: 0 !important;
    margin-bottom: 14px !important;
  }

  .info-section,
  .site-footer {
    width: calc(100% - 28px);
  }

}

/* =====================================================
   CVYAZ V96 MOBILE ABOVE-THE-FOLD FIX
   Amaç: Mobil ilk ekranda Fotoğraf Ekle / CV Oluşturmaya Başla butonu görünsün.
   Web görünümü korunur, sadece 767px altı sıkılaştırılır.
===================================================== */
@media (max-width: 767px) {
  body {
    background: #eef1f5 !important;
  }

  .site-topbar {
    padding: 8px 22px 0 !important;
    max-width: 100% !important;
    margin-bottom: 4px !important;
  }

  .site-mini-brand {
    min-height: 38px !important;
    padding: 0 16px !important;
    font-size: 13px !important;
  }

  .hamburger-btn {
    width: 48px !important;
    height: 48px !important;
    border-radius: 16px !important;
  }

  .app {
    max-width: 100% !important;
    padding: 8px 26px 110px !important;
  }

  .brand-image {
    margin: 6px 0 10px !important;
  }

  .brand-image img {
    width: 100% !important;
    max-width: 100% !important;
    max-height: 142px !important;
    object-fit: contain !important;
    border-radius: 24px !important;
    box-shadow: 0 12px 34px rgba(15,23,42,.10) !important;
  }

  .hero {
    padding: 28px 18px 56px !important;
    margin: 0 0 12px !important;
    border-radius: 0 0 34px 34px !important;
    min-height: auto !important;
  }

  .hero::after {
    bottom: -48px !important;
    height: 82px !important;
    transform: rotate(-4deg) !important;
  }

  .hero h1,
  h1 {
    font-size: clamp(34px, 10.2vw, 44px) !important;
    line-height: .98 !important;
    letter-spacing: -1.4px !important;
    margin-bottom: 12px !important;
    max-width: 340px !important;
  }

  .hero p,
  .hero-subtitle {
    font-size: 14.5px !important;
    line-height: 1.35 !important;
    max-width: 310px !important;
  }

  .trust-bar {
    gap: 8px !important;
    margin: 0 0 12px !important;
  }

  .trust-bar div {
    min-height: 54px !important;
    padding: 8px 6px !important;
    border-radius: 18px !important;
    font-size: 13px !important;
    line-height: 1.12 !important;
  }

  .acc:first-of-type {
    margin-top: 0 !important;
  }

  .acc {
    border-radius: 28px !important;
    margin-bottom: 12px !important;
  }

  .acc-head {
    padding: 18px 24px 12px !important;
    font-size: 20px !important;
  }

  .acc-body {
    padding: 0 24px 22px !important;
  }

  .file-label {
    min-height: 62px !important;
    padding: 19px 14px !important;
    border-radius: 18px !important;
    font-size: 16px !important;
    line-height: 1.15 !important;
    margin-bottom: 10px !important;
  }

}

@media (max-width: 390px) {
  .app {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .brand-image img {
    max-height: 122px !important;
  }

  .hero {
    padding-top: 24px !important;
    padding-bottom: 48px !important;
  }

  .hero h1,
  h1 {
    font-size: 34px !important;
  }

  .hero p,
  .hero-subtitle {
    font-size: 13.5px !important;
  }

  .trust-bar div {
    font-size: 11.5px !important;
    min-height: 48px !important;
  }

}

/* =====================================================
   CVYAZ V97 TRUE ABOVE-THE-FOLD MOBILE FIX
   Mobilde ana CTA ilk ekranda görünsün diye üst alan agresif şekilde kompaktlaştırıldı.
   Sadece mobil/tablet küçük ekranı etkiler. Desktop korunur.
===================================================== */
@media (max-width: 767px) {
  html {
    scroll-padding-top: 0 !important;
  }

  body {
    background: #eef1f5 !important;
  }

  .site-topbar {
    position: sticky !important;
    top: 0 !important;
    padding: 6px 20px 0 !important;
    margin-bottom: 2px !important;
    min-height: 48px !important;
    max-width: 100% !important;
  }

  .site-mini-brand {
    min-height: 32px !important;
    padding: 0 14px !important;
    font-size: 12px !important;
    border-radius: 999px !important;
  }

  .hamburger-btn {
    width: 44px !important;
    height: 44px !important;
    border-radius: 15px !important;
  }

  .hamburger-btn span {
    width: 18px !important;
    height: 2px !important;
  }

  .app {
    width: 100% !important;
    max-width: 100% !important;
    padding: 4px 24px 100px !important;
  }

  .brand-image {
    margin: 2px 0 8px !important;
    padding: 0 !important;
  }

  .brand-image img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 96px !important;
    max-height: 96px !important;
    object-fit: contain !important;
    border-radius: 22px !important;
    box-shadow: 0 10px 28px rgba(15,23,42,.08) !important;
  }

  .hero {
    min-height: 0 !important;
    height: auto !important;
    margin: 0 0 10px !important;
    padding: 22px 16px 42px !important;
    border-radius: 0 0 30px 30px !important;
    overflow: hidden !important;
  }

  .hero::after {
    bottom: -58px !important;
    height: 78px !important;
    transform: rotate(-4deg) !important;
  }

  .hero h1,
  h1 {
    font-size: clamp(28px, 8.2vw, 36px) !important;
    line-height: .98 !important;
    letter-spacing: -1px !important;
    margin: 0 auto 8px !important;
    max-width: 290px !important;
  }

  .hero p,
  .hero-subtitle {
    font-size: 12.8px !important;
    line-height: 1.32 !important;
    max-width: 275px !important;
    margin: 0 auto !important;
  }

  .trust-bar {
    gap: 7px !important;
    margin: 0 0 10px !important;
  }

  .trust-bar div {
    min-height: 44px !important;
    padding: 6px 5px !important;
    border-radius: 16px !important;
    font-size: 11.5px !important;
    line-height: 1.08 !important;
  }

  .acc:first-of-type {
    margin-top: 0 !important;
  }

  .acc {
    margin-bottom: 10px !important;
    border-radius: 26px !important;
  }

  .acc-head {
    padding: 15px 22px 10px !important;
    font-size: 18px !important;
    line-height: 1.1 !important;
  }

  .acc-body {
    padding: 0 22px 18px !important;
  }

  .file-label {
    min-height: 52px !important;
    padding: 14px 12px !important;
    border-radius: 17px !important;
    font-size: 15px !important;
    line-height: 1.12 !important;
    margin-bottom: 8px !important;
  }

}

@media (max-width: 390px) {
  .app {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .brand-image img {
    height: 82px !important;
    max-height: 82px !important;
  }

  .hero {
    padding-top: 18px !important;
    padding-bottom: 36px !important;
  }

  .hero h1,
  h1 {
    font-size: 28px !important;
    max-width: 250px !important;
  }

  .hero p,
  .hero-subtitle {
    font-size: 12px !important;
    max-width: 250px !important;
  }

  .trust-bar div {
    min-height: 40px !important;
    font-size: 10.5px !important;
  }

  .acc-head {
    font-size: 17px !important;
    padding-top: 14px !important;
  }

  .file-label {
    min-height: 48px !important;
    font-size: 14px !important;
  }

}


/* =====================================================
   CVYAZ V99 OLD FLOW + SLIM HERO FIX
   Eski akış korunur: Logo -> Hero -> Güven barı -> Kişisel Bilgiler.
   Sadece üst logo ve açıklama alanı inceltilir. Mobilde ana CTA daha yukarı gelir.
===================================================== */

@media (min-width: 768px) {
  .brand-image {
    margin: 8px auto 12px !important;
  }

  .brand-image img {
    max-height: 138px !important;
    object-fit: contain !important;
  }

  .hero {
    margin-bottom: 14px !important;
    padding: 34px 26px 62px !important;
    min-height: 0 !important;
  }

  .hero h1,
  h1 {
    font-size: clamp(34px, 4.2vw, 50px) !important;
    line-height: .98 !important;
    margin-bottom: 12px !important;
  }

  .hero p,
  .hero-subtitle {
    font-size: 15px !important;
    line-height: 1.42 !important;
  }

}

@media (max-width: 767px) {
  .site-topbar {
    position: sticky !important;
    top: 0 !important;
    max-width: 100% !important;
    min-height: 44px !important;
    padding: 6px 22px 0 !important;
    margin-bottom: 2px !important;
  }

  .site-mini-brand {
    min-height: 34px !important;
    padding: 0 14px !important;
    font-size: 12px !important;
  }

  .hamburger-btn {
    width: 44px !important;
    height: 44px !important;
    border-radius: 15px !important;
  }

  .app {
    width: 100% !important;
    max-width: 100% !important;
    padding: 4px 26px 110px !important;
  }

  .brand-image {
    margin: 4px 0 8px !important;
    padding: 0 !important;
  }

  .brand-image img {
    display: block !important;
    width: 100% !important;
    height: 86px !important;
    max-height: 86px !important;
    object-fit: contain !important;
    object-position: center center !important;
    border-radius: 20px !important;
    box-shadow: 0 10px 26px rgba(15,23,42,.08) !important;
  }

  .hero {
    min-height: 0 !important;
    height: auto !important;
    margin: 0 0 9px !important;
    padding: 18px 14px 34px !important;
    border-radius: 0 0 26px 26px !important;
    overflow: hidden !important;
  }

  .hero::after {
    bottom: -62px !important;
    height: 78px !important;
    transform: rotate(-4deg) !important;
  }

  .hero h1,
  h1 {
    font-size: clamp(27px, 7.7vw, 34px) !important;
    line-height: .96 !important;
    letter-spacing: -1px !important;
    margin: 0 auto 8px !important;
    max-width: 285px !important;
  }

  .hero p,
  .hero-subtitle {
    font-size: 12.5px !important;
    line-height: 1.28 !important;
    max-width: 282px !important;
    margin: 0 auto !important;
  }

  .trust-bar {
    gap: 7px !important;
    margin: 0 0 10px !important;
  }

  .trust-bar div {
    min-height: 42px !important;
    padding: 6px 4px !important;
    border-radius: 16px !important;
    font-size: 11px !important;
    line-height: 1.05 !important;
  }

  .acc:first-of-type {
    margin-top: 0 !important;
  }

  .acc {
    border-radius: 25px !important;
    margin-bottom: 10px !important;
  }

  .acc-head {
    padding: 14px 20px 9px !important;
    font-size: 17px !important;
    line-height: 1.08 !important;
  }

  .acc-body {
    padding: 0 20px 17px !important;
  }

  .file-label {
    min-height: 50px !important;
    padding: 14px 12px !important;
    border-radius: 17px !important;
    font-size: 14.5px !important;
    line-height: 1.1 !important;
    margin-bottom: 8px !important;
  }

}

@media (max-width: 390px) {
  .app {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  .brand-image img {
    height: 74px !important;
    max-height: 74px !important;
    border-radius: 18px !important;
  }

  .hero {
    padding-top: 16px !important;
    padding-bottom: 30px !important;
  }

  .hero h1,
  h1 {
    font-size: 26px !important;
    max-width: 245px !important;
  }

  .hero p,
  .hero-subtitle {
    font-size: 11.8px !important;
    max-width: 245px !important;
  }

  .trust-bar div {
    min-height: 38px !important;
    font-size: 10px !important;
  }

  .acc-head {
    font-size: 16.5px !important;
    padding-top: 13px !important;
  }

  .file-label {
    min-height: 48px !important;
    font-size: 14px !important;
  }

}


/* =====================================================
   V100 COMPACT HEADER LOGO
   Sol hamburger + yanında mevcut CVYAZ logosu. Eski sol CVYAZ pill ve sağ menü kaldırıldı.
   Büyük logo alanı gizlenerek mobil/web ilk ekranı sıkıştırıldı.
===================================================== */
.site-topbar {
  max-width: 430px !important;
  padding: 10px 14px 6px !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  align-items: center !important;
  pointer-events: none !important;
}

.site-header-logo {
  pointer-events: auto !important;
  height: 46px !important;
  width: min(176px, calc(100vw - 90px)) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-decoration: none !important;
  overflow: hidden !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.site-header-logo img {
  display: block !important;
  width: 100% !important;
  height: 24px !important;
  object-fit: contain !important;
  object-position: left center !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.site-mini-brand { display: none !important; }

.hamburger-btn {
  width: 46px !important;
  height: 46px !important;
  flex: 0 0 46px !important;
  border-radius: 16px !important;
  order: 0 !important;
}

.site-header-logo { order: 1 !important; }

/* Büyük hero logosu artık header'da kullanıldığı için tekrar etmesin. */
.brand-image,
.brand-image img {
  display: none !important;
}

.hero-card {
  margin-top: 8px !important;
}

@media (max-width: 520px) {
  .site-topbar {
    padding: 8px 14px 4px !important;
    gap: 9px !important;
  }
  .hamburger-btn {
    width: 44px !important;
    height: 44px !important;
    flex-basis: 44px !important;
    border-radius: 15px !important;
  }
  .hamburger-btn span {
    width: 18px !important;
    height: 2px !important;
  }
  .site-header-logo {
    height: 44px !important;
    width: min(160px, calc(100vw - 86px)) !important;
  }
  .site-header-logo img {
    height: 22px !important;
  }
  .hero-card {
    margin-top: 6px !important;
  }

}

@media (min-width: 900px) {
  .site-topbar {
    max-width: 520px !important;
  }
  .site-header-logo {
    width: 190px !important;
  }
  .site-header-logo img {
    height: 24px !important;
  }

}


/* =====================================================
   V101 HEADER LOGO READABILITY FIX
   Logo hamburger yüksekliğinde ve kalan satır genişliğini doldurur.
===================================================== */
.site-topbar {
  max-width: 520px !important;
  padding: 10px 14px 8px !important;
  gap: 12px !important;
}

.site-header-logo {
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: calc(100% - 58px) !important;
  height: 48px !important;
  overflow: visible !important;
}

.site-header-logo img {
  width: 100% !important;
  height: 44px !important;
  max-height: 44px !important;
  object-fit: contain !important;
  object-position: left center !important;
}

.hamburger-btn {
  width: 48px !important;
  height: 48px !important;
  flex: 0 0 48px !important;
}

@media (max-width: 520px) {
  .site-topbar {
    max-width: 100% !important;
    padding: 8px 16px 6px !important;
    gap: 10px !important;
  }
  .hamburger-btn {
    width: 48px !important;
    height: 48px !important;
    flex-basis: 48px !important;
    border-radius: 16px !important;
  }
  .site-header-logo {
    height: 48px !important;
    max-width: calc(100% - 58px) !important;
  }
  .site-header-logo img {
    height: 44px !important;
    max-height: 44px !important;
  }

}

@media (min-width: 900px) {
  .site-topbar {
    max-width: 520px !important;
  }
  .site-header-logo {
    height: 50px !important;
    max-width: calc(100% - 62px) !important;
  }
  .site-header-logo img {
    height: 46px !important;
    max-height: 46px !important;
  }

}


/* =====================================================
   V102 HERO-INTEGRATED NAV
   Logo hero kartının solunda, hamburger sağında beyaz çizgili.
   Üstteki ayrı header tekrarını kaldırır.
===================================================== */
.site-topbar,
.site-header-logo,
.site-mini-brand {
  display: none !important;
}

.hero {
  position: relative !important;
  padding-top: 86px !important;
  overflow: hidden !important;
}

.hero-nav {
  position: absolute !important;
  top: 22px !important;
  left: 34px !important;
  right: 34px !important;
  z-index: 6 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  pointer-events: none !important;
}

.hero-logo {
  pointer-events: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: clamp(150px, 34vw, 220px) !important;
  height: 48px !important;
  text-decoration: none !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.hero-logo img {
  display: block !important;
  width: 100% !important;
  height: 44px !important;
  max-height: 44px !important;
  object-fit: contain !important;
  object-position: left center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: brightness(0) invert(1) contrast(1.2) !important;
}

.hero-menu-btn {
  pointer-events: auto !important;
  position: static !important;
  order: 2 !important;
  width: 48px !important;
  height: 48px !important;
  flex: 0 0 48px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
}

.hero-menu-btn span,
.hamburger-btn.hero-menu-btn span {
  display: block !important;
  width: 30px !important;
  height: 3px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  box-shadow: 0 1px 10px rgba(0,0,0,.18) !important;
}

.hero h1 {
  margin-top: 0 !important;
}

.hero-card {
  margin-top: 0 !important;
}

@media (max-width: 520px) {
  .hero {
    padding-top: 74px !important;
  }
  .hero-nav {
    top: 18px !important;
    left: 26px !important;
    right: 26px !important;
  }
  .hero-logo {
    width: min(178px, calc(100vw - 138px)) !important;
    height: 42px !important;
  }
  .hero-logo img {
    height: 38px !important;
    max-height: 38px !important;
  }
  .hero-menu-btn {
    width: 42px !important;
    height: 42px !important;
    flex-basis: 42px !important;
  }
  .hero-menu-btn span,
  .hamburger-btn.hero-menu-btn span {
    width: 26px !important;
    height: 3px !important;
    gap: 5px !important;
  }

}

@media (min-width: 900px) {
  .hero {
    padding-top: 88px !important;
  }
  .hero-nav {
    left: 40px !important;
    right: 40px !important;
    top: 24px !important;
  }
  .hero-logo {
    width: 210px !important;
  }

}

/* =====================================================
   V103 HERO LOGO + READABILITY FIX
   - Hero içindeki logo artık şeffaf PNG ile görünür.
   - Beyaz eğim açıklama metninin üstüne binmez.
   - Hamburger sağ üstte, logo ile aynı hizada kalır.
===================================================== */
.site-topbar,
.site-header-logo,
.site-mini-brand,
.brand-image {
  display: none !important;
}

.hero {
  position: relative !important;
  overflow: hidden !important;
  background: radial-gradient(circle at 78% 12%, #312b83 0%, #211b68 38%, #111633 100%) !important;
  color: #fff !important;
  padding-top: 92px !important;
  padding-left: 34px !important;
  padding-right: 34px !important;
  padding-bottom: 76px !important;
}

.hero::after {
  z-index: 1 !important;
  bottom: -76px !important;
  height: 82px !important;
  background: #eef1f5 !important;
  opacity: 1 !important;
  transform: rotate(-4deg) !important;
  pointer-events: none !important;
}

.hero-nav {
  position: absolute !important;
  top: 24px !important;
  left: 34px !important;
  right: 34px !important;
  z-index: 8 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  pointer-events: none !important;
}

.hero-logo {
  pointer-events: auto !important;
  width: clamp(164px, 36vw, 230px) !important;
  height: 48px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.hero-logo img {
  display: block !important;
  width: 100% !important;
  height: 44px !important;
  object-fit: contain !important;
  object-position: left center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  filter: brightness(0) invert(1) contrast(1.18) !important;
}

.hero-menu-btn {
  pointer-events: auto !important;
  position: static !important;
  width: 48px !important;
  height: 48px !important;
  flex: 0 0 48px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
}

.hero-menu-btn span,
.hamburger-btn.hero-menu-btn span {
  display: block !important;
  width: 31px !important;
  height: 3px !important;
  border-radius: 999px !important;
  background: #fff !important;
  box-shadow: 0 1px 10px rgba(0,0,0,.20) !important;
}

.hero h1,
.hero p,
.hero-subtitle {
  position: relative !important;
  z-index: 5 !important;
  color: #fff !important;
  text-shadow: 0 1px 12px rgba(0,0,0,.16) !important;
}

.hero p,
.hero-subtitle {
  color: rgba(255,255,255,.82) !important;
  opacity: 1 !important;
}

@media (min-width: 768px) {
  .hero {
    padding-top: 98px !important;
    padding-bottom: 82px !important;
  }
  .hero::after {
    bottom: -82px !important;
    height: 90px !important;
  }
  .hero-nav {
    top: 26px !important;
    left: 40px !important;
    right: 40px !important;
  }
  .hero-logo {
    width: 230px !important;
    height: 52px !important;
  }
  .hero-logo img {
    height: 48px !important;
  }

}

@media (max-width: 520px) {
  .hero {
    margin-top: 0 !important;
    padding-top: 78px !important;
    padding-left: 28px !important;
    padding-right: 28px !important;
    padding-bottom: 62px !important;
    border-radius: 0 0 32px 32px !important;
  }
  .hero::after {
    bottom: -70px !important;
    height: 78px !important;
  }
  .hero-nav {
    top: 20px !important;
    left: 28px !important;
    right: 28px !important;
  }
  .hero-logo {
    width: min(190px, calc(100vw - 150px)) !important;
    height: 42px !important;
  }
  .hero-logo img {
    height: 38px !important;
  }
  .hero-menu-btn {
    width: 42px !important;
    height: 42px !important;
    flex-basis: 42px !important;
  }
  .hero-menu-btn span,
  .hamburger-btn.hero-menu-btn span {
    width: 28px !important;
    height: 3px !important;
  }
  .hero h1,
  h1 {
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 330px !important;
  }
  .hero p,
  .hero-subtitle {
    text-align: left !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 320px !important;
  }

}


/* =====================================================
   V104 TEXT LOGO + HERO READABILITY FIX
   - PNG logo yerine HTML/CSS yazı logo kullanılır.
   - Beyaz kutu problemi biter.
   - Açıklama yazısı beyaz alana binmez.
===================================================== */
.hero-logo.hero-logo-text {
  width: clamp(178px, 34vw, 250px) !important;
  height: 52px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  text-decoration: none !important;
  color: #ffffff !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.hero-logo.hero-logo-text img { display: none !important; }

.hero-logo-icon {
  width: 38px !important;
  height: 38px !important;
  border: 3px solid rgba(255,255,255,.96) !important;
  border-radius: 7px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: transparent !important;
  position: relative !important;
  flex: 0 0 38px !important;
}
.hero-logo-icon::before {
  content: "" !important;
  position: absolute !important;
  left: 8px !important;
  top: 9px !important;
  width: 17px !important;
  height: 3px !important;
  background: #fff !important;
  border-radius: 999px !important;
  box-shadow: 0 8px 0 #fff, 0 16px 0 #fff !important;
  opacity: .92 !important;
}
.hero-logo-icon::after {
  content: "✓" !important;
  position: absolute !important;
  right: -8px !important;
  bottom: -10px !important;
  font-size: 28px !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  color: #fff !important;
  text-shadow: 0 2px 8px rgba(0,0,0,.22) !important;
}

.hero-logo-wordwrap {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  line-height: 1 !important;
  min-width: 0 !important;
}
.hero-logo-wordwrap strong {
  display: block !important;
  font-size: clamp(28px, 3vw, 40px) !important;
  line-height: .9 !important;
  letter-spacing: .02em !important;
  color: #fff !important;
  font-weight: 1000 !important;
  font-family: inherit !important;
}
.hero-logo-wordwrap em {
  display: block !important;
  margin-top: 4px !important;
  font-style: normal !important;
  font-size: clamp(6px, .72vw, 9px) !important;
  line-height: 1 !important;
  letter-spacing: .19em !important;
  color: rgba(255,255,255,.86) !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

.hero {
  padding-bottom: 96px !important;
}
.hero::after {
  bottom: -118px !important;
  height: 104px !important;
  transform: rotate(-3.5deg) !important;
}
.hero h1,
.hero p,
.hero-subtitle {
  z-index: 7 !important;
}
.hero p,
.hero-subtitle {
  max-width: 640px !important;
  color: rgba(255,255,255,.88) !important;
}

@media (min-width: 768px) {
  .hero {
    padding-top: 100px !important;
    padding-bottom: 104px !important;
  }
  .hero::after {
    bottom: -122px !important;
    height: 112px !important;
  }
  .hero-logo.hero-logo-text {
    width: 260px !important;
    height: 54px !important;
  }

}

@media (max-width: 520px) {
  .hero {
    padding-top: 82px !important;
    padding-left: 28px !important;
    padding-right: 28px !important;
    padding-bottom: 78px !important;
  }
  .hero::after {
    bottom: -92px !important;
    height: 88px !important;
  }
  .hero-nav {
    top: 22px !important;
    left: 28px !important;
    right: 28px !important;
  }
  .hero-logo.hero-logo-text {
    width: min(210px, calc(100vw - 128px)) !important;
    height: 42px !important;
    gap: 8px !important;
  }
  .hero-logo-icon {
    width: 31px !important;
    height: 31px !important;
    border-width: 2.4px !important;
    border-radius: 6px !important;
    flex-basis: 31px !important;
  }
  .hero-logo-icon::before {
    left: 7px !important;
    top: 7px !important;
    width: 14px !important;
    height: 2px !important;
    box-shadow: 0 7px 0 #fff, 0 14px 0 #fff !important;
  }
  .hero-logo-icon::after {
    right: -7px !important;
    bottom: -8px !important;
    font-size: 22px !important;
  }
  .hero-logo-wordwrap strong {
    font-size: 28px !important;
    letter-spacing: .01em !important;
  }
  .hero-logo-wordwrap em {
    margin-top: 3px !important;
    font-size: 5.2px !important;
    letter-spacing: .16em !important;
  }
  .hero h1 {
    margin-top: 18px !important;
    max-width: 330px !important;
  }
  .hero p,
  .hero-subtitle {
    max-width: 315px !important;
  }
  .hero-menu-btn {
    width: 42px !important;
    height: 42px !important;
    flex-basis: 42px !important;
  }

}





/* Eski ayrı büyük logo kesin gizli */
.brand-image,
.logo-strip,
.top-brand,
.site-pill,
.header-logo,
.header-compact {
  display: none !important;
}

/* Ana genişlik */
.app {
  width: min(100%, 620px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Hero ana kart */
.hero {
  position: relative !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 82% 18%, rgba(82, 57, 196, .50) 0%, rgba(82,57,196,0) 36%),
    linear-gradient(135deg, #070a34 0%, #10104b 42%, #2b1b8f 100%) !important;
  color: #ffffff !important;
  border-radius: 0 0 34px 34px !important;
  box-shadow: 0 18px 44px rgba(20, 20, 70, .16) !important;
  padding: 0 48px 126px 48px !important;
  min-height: 455px !important;
  clip-path: polygon(0 0, 100% 0, 100% 88%, 0 100%) !important;
}

/* Eski beyaz/ek pseudo alanlarını devre dışı bırak */
.hero::before,
.hero::after {
  content: none !important;
  display: none !important;
}

/* Üst bar: logo ve hamburger ayrı okunur */
.hero-nav {
  position: relative !important;
  inset: auto !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  z-index: 10 !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: calc(100% + 96px) !important;
  margin-left: -48px !important;
  margin-right: -48px !important;
  margin-bottom: 62px !important;
  padding: 34px 48px 26px 48px !important;
  background: rgba(5, 8, 42, .18) !important;
  border-bottom: 1px solid rgba(255, 255, 255, .18) !important;
  backdrop-filter: blur(6px) !important;
}

/* Logo metinsel, beyaz ve net */
.hero-logo.hero-logo-text {
  width: auto !important;
  height: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 12px !important;
  text-decoration: none !important;
  color: #fff !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: visible !important;
  transform: none !important;
}

.hero-logo-icon {
  width: 40px !important;
  height: 40px !important;
  border: 3px solid rgba(255,255,255,.96) !important;
  border-radius: 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: transparent !important;
  position: relative !important;
  flex: 0 0 40px !important;
}

.hero-logo-icon::before {
  content: "" !important;
  position: absolute !important;
  left: 8px !important;
  top: 10px !important;
  width: 18px !important;
  height: 3px !important;
  background: #fff !important;
  border-radius: 999px !important;
  box-shadow: 0 8px 0 #fff, 0 16px 0 #fff !important;
  opacity: .94 !important;
}

.hero-logo-icon::after {
  content: "✓" !important;
  position: absolute !important;
  right: -8px !important;
  bottom: -10px !important;
  font-size: 28px !important;
  line-height: 1 !important;
  font-weight: 1000 !important;
  color: #fff !important;
  text-shadow: 0 2px 8px rgba(0,0,0,.22) !important;
}

.hero-logo-wordwrap {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  line-height: 1 !important;
}

.hero-logo-wordwrap strong {
  display: block !important;
  font-size: 40px !important;
  line-height: .86 !important;
  letter-spacing: .01em !important;
  color: #fff !important;
  font-weight: 1000 !important;
}

.hero-logo-wordwrap em {
  display: block !important;
  margin-top: 6px !important;
  font-style: normal !important;
  font-size: 8px !important;
  line-height: 1 !important;
  letter-spacing: .18em !important;
  color: rgba(255,255,255,.86) !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

/* Hamburger sade beyaz çizgi, kutusuz */
.hero-menu-btn,
.hamburger-btn.hero-menu-btn {
  position: static !important;
  width: 54px !important;
  height: 54px !important;
  flex: 0 0 54px !important;
  display: inline-flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.hero-menu-btn span,
.hamburger-btn.hero-menu-btn span {
  display: block !important;
  width: 34px !important;
  height: 4px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.96) !important;
  box-shadow: none !important;
}

/* Başlık ve açıklama logo barından ayrı dursun */
.hero h1 {
  position: relative !important;
  z-index: 6 !important;
  color: #fff !important;
  max-width: 860px !important;
  margin: 0 auto 26px auto !important;
  text-align: center !important;
  font-size: clamp(48px, 5vw, 76px) !important;
  line-height: .94 !important;
  letter-spacing: -.045em !important;
  font-weight: 1000 !important;
  text-shadow: 0 2px 12px rgba(0,0,0,.10) !important;
}

.hero p,
.hero-subtitle {
  position: relative !important;
  z-index: 6 !important;
  color: rgba(255,255,255,.92) !important;
  max-width: 660px !important;
  margin: 0 auto !important;
  text-align: center !important;
  font-size: clamp(16px, 1.55vw, 21px) !important;
  line-height: 1.48 !important;
  font-weight: 500 !important;
  padding-bottom: 0 !important;
}

/* Güven kutuları hero altına temiz otursun */
.trust-bar {
  margin-top: -26px !important;
  position: relative !important;
  z-index: 8 !important;
}

/* Mobil referans görseline yakın */
@media (max-width: 700px) {
  body {
    background: #eef1f4 !important;
  }

  .app {
    width: 100% !important;
    max-width: 100% !important;
  }

  .hero {
    border-radius: 0 0 26px 26px !important;
    min-height: 540px !important;
    padding: 0 30px 94px 30px !important;
    clip-path: polygon(0 0, 100% 0, 100% 89%, 0 100%) !important;
  }

  .hero-nav {
    width: calc(100% + 60px) !important;
    margin-left: -30px !important;
    margin-right: -30px !important;
    margin-bottom: 58px !important;
    padding: 34px 30px 24px 30px !important;
    border-bottom: 1px solid rgba(255,255,255,.18) !important;
  }

  .hero-logo.hero-logo-text {
    gap: 10px !important;
  }

  .hero-logo-icon {
    width: 35px !important;
    height: 35px !important;
    flex-basis: 35px !important;
    border-width: 2.6px !important;
    border-radius: 7px !important;
  }

  .hero-logo-icon::before {
    left: 7px !important;
    top: 8px !important;
    width: 16px !important;
    height: 2.5px !important;
    box-shadow: 0 7.5px 0 #fff, 0 15px 0 #fff !important;
  }

  .hero-logo-icon::after {
    right: -7px !important;
    bottom: -9px !important;
    font-size: 24px !important;
  }

  .hero-logo-wordwrap strong {
    font-size: 31px !important;
    line-height: .88 !important;
  }

  .hero-logo-wordwrap em {
    font-size: 5.8px !important;
    margin-top: 4px !important;
    letter-spacing: .16em !important;
  }

  .hero-menu-btn,
  .hamburger-btn.hero-menu-btn {
    width: 46px !important;
    height: 46px !important;
    flex-basis: 46px !important;
    gap: 6px !important;
  }

  .hero-menu-btn span,
  .hamburger-btn.hero-menu-btn span {
    width: 31px !important;
    height: 3.5px !important;
  }

  .hero h1 {
    text-align: left !important;
    margin: 0 0 24px 0 !important;
    max-width: 360px !important;
    font-size: clamp(50px, 12.2vw, 72px) !important;
    line-height: .94 !important;
    letter-spacing: -.055em !important;
  }

  .hero p,
  .hero-subtitle {
    text-align: left !important;
    margin: 0 !important;
    max-width: 360px !important;
    font-size: clamp(18px, 4.8vw, 26px) !important;
    line-height: 1.45 !important;
  }

  .trust-bar {
    margin-top: -34px !important;
  }

}

/* Küçük ekranlarda ilk ekran CTA dengesi */
@media (max-width: 430px) {
  .hero {
    min-height: 505px !important;
    padding-left: 26px !important;
    padding-right: 26px !important;
    padding-bottom: 86px !important;
  }

  .hero-nav {
    width: calc(100% + 52px) !important;
    margin-left: -26px !important;
    margin-right: -26px !important;
    padding: 28px 26px 22px 26px !important;
    margin-bottom: 48px !important;
  }

  .hero-logo-icon {
    width: 31px !important;
    height: 31px !important;
    flex-basis: 31px !important;
  }

  .hero-logo-wordwrap strong {
    font-size: 28px !important;
  }

  .hero-logo-wordwrap em {
    font-size: 5.1px !important;
  }

  .hero h1 {
    font-size: clamp(42px, 11.6vw, 58px) !important;
    max-width: 330px !important;
  }

  .hero p,
  .hero-subtitle {
    font-size: clamp(16px, 4.4vw, 22px) !important;
    max-width: 330px !important;
  }

}



/* =====================================================
   V110 HERO KISALTMA
   Açıklama alanı kısaltıldı, hero yüksekliği azaltıldı.
===================================================== */

.hero {
  min-height: 390px !important;
  padding-bottom: 76px !important;
}

.hero-nav {
  margin-bottom: 38px !important;
}

.hero h1 {
  margin-bottom: 18px !important;
}

.hero p,
.hero-subtitle {
  max-width: 560px !important;
  font-size: clamp(14px, 1.25vw, 18px) !important;
  line-height: 1.32 !important;
}

/* Mobil */
@media (max-width: 700px) {
  .hero {
    min-height: 420px !important;
    padding-bottom: 66px !important;
    clip-path: polygon(0 0, 100% 0, 100% 90%, 0 100%) !important;
  }

  .hero-nav {
    margin-bottom: 34px !important;
  }

  .hero h1 {
    font-size: clamp(38px, 10.4vw, 54px) !important;
    line-height: .93 !important;
    margin-bottom: 16px !important;
    max-width: 330px !important;
  }

  .hero p,
  .hero-subtitle {
    max-width: 330px !important;
    font-size: clamp(14px, 3.8vw, 18px) !important;
    line-height: 1.34 !important;
  }

  .trust-bar {
    margin-top: -28px !important;
  }

}

/* iPhone dar ekran */
@media (max-width: 430px) {
  .hero {
    min-height: 400px !important;
    padding-bottom: 60px !important;
  }

  .hero-nav {
    margin-bottom: 30px !important;
  }

  .hero h1 {
    font-size: clamp(36px, 10vw, 48px) !important;
    margin-bottom: 14px !important;
  }

  .hero p,
  .hero-subtitle {
    font-size: clamp(13px, 3.55vw, 16px) !important;
    line-height: 1.32 !important;
  }

}



/* V111 TRUST BAR REMOVED */

.trust-bar,
.feature-pills,
.badges-row,
.hero-badges,
.info-badges {
  display: none !important;
}

.hero {
  margin-bottom: 22px !important;
}

@media (max-width:700px){
  .hero{
    margin-bottom: 18px !important;
  }

}



/* =====================================================
   V112 POLISH UPDATE
   1) Hero webde biraz genişletildi
   2) Açıklama yazısı daha soft yapıldı
   3) Form hero'ya biraz yaklaştırıldı
===================================================== */


.app,
.container,
.page-shell,
.main-wrap {
  max-width: 680px !important;
}

.hero {
  width: min(100%, 680px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Açıklama yazısı daha soft */
.hero p,
.hero-subtitle {
  color: rgba(255, 255, 255, .82) !important;
  font-weight: 500 !important;
}

/* Formu hero'ya yaklaştır */
.form-card,
.personal-card,
.card,
.cv-form-card {
  margin-top: 14px !important;
}

/* Eğer hero sonrası ekstra boşluk varsa azalt */
.hero {
  margin-bottom: 14px !important;
}

/* Mobilde web genişletme etkisi olmasın, sadece spacing toparlansın */
@media (max-width: 700px) {
  .app,
  .container,
  .page-shell,
  .main-wrap {
    max-width: 100% !important;
  }

  .hero {
    width: 100% !important;
    margin-bottom: 12px !important;
  }

  .form-card,
  .personal-card,
  .card,
  .cv-form-card {
    margin-top: 12px !important;
  }

  .hero p,
  .hero-subtitle {
    color: rgba(255,255,255,.84) !important;
  }

}





body {
  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.95) 0%, rgba(238,241,245,.95) 36%, #e8edf2 100%) !important;
}

/* Hero kartına daha rafine gölge */
.hero {
  box-shadow:
    0 28px 60px rgba(18, 18, 68, .18),
    0 8px 18px rgba(18, 18, 68, .10) !important;
}


.form-card,
.personal-card,
.card,
.cv-form-card {
  background: rgba(255,255,255,.92) !important;
  backdrop-filter: blur(14px) !important;
  border: 1px solid rgba(255,255,255,.78) !important;
  box-shadow:
    0 28px 70px rgba(21, 30, 55, .10),
    inset 0 1px 0 rgba(255,255,255,.88) !important;
}

/* Form başlığı daha net */
.form-card h2,
.personal-card h2,
.card h2,
.cv-form-card h2,
.section-title {
  letter-spacing: -.02em !important;
}


button,
.main-btn,
.photo-btn,
.upload-btn,
.start-btn,
.btn-primary {
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease !important;
}

.main-btn,
.photo-btn,
.upload-btn,
.start-btn,
.btn-primary,
button[onclick*="photo"],
button[onclick*="file"] {
  background: linear-gradient(180deg, #111 0%, #050505 100%) !important;
  box-shadow:
    0 12px 24px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.10) !important;
}

.main-btn:hover,
.photo-btn:hover,
.upload-btn:hover,
.start-btn:hover,
.btn-primary:hover {
  transform: translateY(-1px) !important;
  box-shadow:
    0 16px 32px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.12) !important;
}

/* İkincil buton daha yumuşak */
.secondary-btn,
.remove-photo-btn,
button.remove,
button.gray-btn {
  background: linear-gradient(180deg, #f7f7f7 0%, #ececec 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.9) !important;
}

/* Inputlar: daha pürüzsüz ve odak efekti */
input,
textarea,
select {
  background: linear-gradient(180deg, #f7f7f7 0%, #f1f1f1 100%) !important;
  border: 1px solid rgba(0,0,0,.035) !important;
  box-shadow:
    inset 0 1px 1px rgba(255,255,255,.85),
    0 1px 0 rgba(255,255,255,.72) !important;
  transition: background .18s ease, box-shadow .18s ease, border-color .18s ease, transform .18s ease !important;
}

input:focus,
textarea:focus,
select:focus {
  outline: none !important;
  background: #fff !important;
  border-color: rgba(38, 27, 143, .22) !important;
  box-shadow:
    0 0 0 4px rgba(38, 27, 143, .08),
    inset 0 1px 1px rgba(255,255,255,.9) !important;
}


.preview-sticky,
.sticky-preview,
.bottom-preview,
#previewSticky,
.cv-preview-sticky {
  background: linear-gradient(135deg, #20c963 0%, #18b95a 100%) !important;
  box-shadow: 0 18px 42px rgba(32,201,99,.32) !important;
  border: 1px solid rgba(255,255,255,.28) !important;
}

/* Hamburger panel/menu polish */
.menu-panel,
.drawer,
.mobile-menu,
.side-menu,
.nav-drawer {
  background: rgba(12, 13, 32, .92) !important;
  backdrop-filter: blur(18px) !important;
  box-shadow: -24px 0 70px rgba(0,0,0,.28) !important;
  border-left: 1px solid rgba(255,255,255,.10) !important;
}

.menu-panel a,
.drawer a,
.mobile-menu a,
.side-menu a,
.nav-drawer a {
  color: rgba(255,255,255,.92) !important;
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
}

/* Küçük fade-in hareketi */
.hero,
.form-card,
.personal-card,
.card,
.cv-form-card {
  animation: cvyazSoftIn .42s ease both;
}

@keyframes cvyazSoftIn {
  from { opacity: .92; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }

}

@media (max-width:700px) {
  .form-card,
  .personal-card,
  .card,
  .cv-form-card {
    border-radius: 30px !important;
  }

  input,
  textarea,
  select {
    border-radius: 20px !important;
  }

}





/* 1) Hero çok hafif grain/noise + ışık dokusu */
.hero {
  isolation: isolate !important;
}

.hero::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  display: block !important;
  opacity: .115 !important;
  mix-blend-mode: soft-light !important;
  background-image:
    radial-gradient(circle at 20% 30%, rgba(255,255,255,.20) 0 1px, transparent 1.5px),
    radial-gradient(circle at 70% 65%, rgba(255,255,255,.14) 0 1px, transparent 1.5px),
    radial-gradient(circle at 45% 85%, rgba(255,255,255,.10) 0 1px, transparent 1.5px);
  background-size: 18px 18px, 23px 23px, 31px 31px !important;
}

.hero > * {
  position: relative !important;
  z-index: 3 !important;
}

/* 2) CTA micro glow */
.main-btn,
.photo-btn,
.upload-btn,
.start-btn,
.btn-primary,
button[onclick*="photo"],
button[onclick*="file"] {
  position: relative !important;
  overflow: hidden !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.20),
    0 0 0 1px rgba(255,255,255,.06) inset,
    0 0 32px rgba(92, 64, 255, .12) !important;
}

.main-btn::after,
.photo-btn::after,
.upload-btn::after,
.start-btn::after,
.btn-primary::after {
  content: "" !important;
  position: absolute !important;
  top: -120% !important;
  left: -45% !important;
  width: 42% !important;
  height: 320% !important;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.18), transparent) !important;
  transform: rotate(18deg) !important;
  animation: cvyazBtnShine 4.6s ease-in-out infinite !important;
  pointer-events: none !important;
}

@keyframes cvyazBtnShine {
  0%, 58% { transform: translateX(-140%) rotate(18deg); opacity: 0; }
  66% { opacity: 1; }
  100% { transform: translateX(420%) rotate(18deg); opacity: 0; }

}


.preview-sticky,
.sticky-preview,
.bottom-preview,
#previewSticky,
.cv-preview-sticky,
.floating-preview-btn {
  backdrop-filter: blur(16px) !important;
  border-radius: 22px !important;
  box-shadow:
    0 20px 44px rgba(32, 201, 99, .34),
    0 0 0 1px rgba(255,255,255,.22) inset !important;
  transform: translateZ(0) !important;
  animation: cvyazStickyPulse 3.8s ease-in-out infinite !important;
}

@keyframes cvyazStickyPulse {
  0%, 100% { filter: brightness(1); }
  50% { filter: brightness(1.045); }

}

/* 4) Input focus animasyonu */
input,
textarea,
select {
  transition:
    background .18s ease,
    border-color .18s ease,
    box-shadow .18s ease,
    transform .18s ease !important;
}

input:focus,
textarea:focus,
select:focus {
  transform: translateY(-1px) !important;
}

/* 5) PDF önizleme mockup desteği */
.preview-panel,
.pdf-preview,
.cv-preview,
.preview-card,
#previewArea,
#cvPreview,
.preview-wrapper {
  background:
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(250,251,253,.94)) !important;
  border: 1px solid rgba(13, 17, 45, .08) !important;
  box-shadow:
    0 22px 70px rgba(18, 25, 50, .12),
    inset 0 1px 0 rgba(255,255,255,.9) !important;
  border-radius: 26px !important;
}

.preview-panel::before,
.pdf-preview::before,
.cv-preview::before,
.preview-card::before {
  content: "" !important;
  display: block !important;
  height: 8px !important;
  width: 72px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, rgba(39,28,143,.18), rgba(39,28,143,.05)) !important;
  margin: 12px auto 14px auto !important;
}

/* PDF içindeki watermark / önizleme yazıları için daha kontrollü görünüm */
.watermark,
.preview-watermark {
  opacity: .11 !important;
  letter-spacing: .08em !important;
  transform: rotate(-18deg) !important;
}

/* Menü hamburger hover/tap hissi */
.hero-menu-btn,
.hamburger-btn.hero-menu-btn {
  transition: transform .18s ease, opacity .18s ease !important;
}

.hero-menu-btn:hover,
.hamburger-btn.hero-menu-btn:hover {
  transform: scale(1.045) !important;
  opacity: .96 !important;
}

/* Mobilde efektleri hafif tut */
@media (max-width: 700px) {
  .hero::after {
    opacity: .085 !important;
    background-size: 22px 22px, 28px 28px, 36px 36px !important;
  }

  .preview-sticky,
  .sticky-preview,
  .bottom-preview,
  #previewSticky,
  .cv-preview-sticky,
  .floating-preview-btn {
    border-radius: 18px !important;
  }

}

/* Hareket azaltma tercihi olanlarda animasyonları kapat */
@media (prefers-reduced-motion: reduce) {
  .main-btn::after,
  .photo-btn::after,
  .upload-btn::after,
  .start-btn::after,
  .btn-primary::after,
  .preview-sticky,
  .sticky-preview,
  .bottom-preview,
  #previewSticky,
  .cv-preview-sticky,
  .floating-preview-btn {
    animation: none !important;
  }

}



/* =====================================================
   V115 LOGO + HAMBURGER SHARPNESS POLISH
   - Logo daha net/vector hissinde
   - Hamburger çizgileri daha yüksek kontrast ve keskin
   - Retina görünüm için stroke/shadow polish
===================================================== */

/* Logo genel netlik */
.hero-logo,
.hero-logo-text,
.hero-logo-wordwrap,
.hero-logo-wordwrap strong,
.hero-logo-wordwrap em {
  -webkit-font-smoothing: antialiased !important;
  text-rendering: geometricPrecision !important;
  transform: translateZ(0) !important;
  filter: drop-shadow(0 2px 10px rgba(255,255,255,.10)) !important;
}

/* Logo ikon çizgileri daha net */
.hero-logo-icon {
  border-color: rgba(255,255,255,.98) !important;
  box-shadow:
    0 0 0 .6px rgba(255,255,255,.28),
    0 4px 14px rgba(0,0,0,.12) !important;
  filter: drop-shadow(0 0 8px rgba(255,255,255,.12)) !important;
}

.hero-logo-icon::before {
  background: rgba(255,255,255,.98) !important;
  height: 3.2px !important;
  box-shadow:
    0 8.5px 0 rgba(255,255,255,.98),
    0 17px 0 rgba(255,255,255,.98) !important;
}

.hero-logo-icon::after {
  color: rgba(255,255,255,.98) !important;
  text-shadow:
    0 0 8px rgba(255,255,255,.16),
    0 3px 10px rgba(0,0,0,.22) !important;
}

/* CVYAZ yazısı daha crisp */
.hero-logo-wordwrap strong {
  letter-spacing: -.02em !important;
  font-weight: 1000 !important;
  text-shadow:
    0 0 8px rgba(255,255,255,.06),
    0 2px 8px rgba(0,0,0,.12) !important;
}

.hero-logo-wordwrap em {
  opacity: .92 !important;
  text-shadow: 0 1px 6px rgba(0,0,0,.16) !important;
}

/* Hamburger daha yüksek piksel/netlik hissi */
.hero-menu-btn,
.hamburger-btn.hero-menu-btn {
  filter: drop-shadow(0 0 8px rgba(255,255,255,.16)) !important;
  transform: translateZ(0) !important;
}

.hero-menu-btn span,
.hamburger-btn.hero-menu-btn span {
  height: 4.5px !important;
  width: 36px !important;
  background: rgba(255,255,255,.98) !important;
  border-radius: 999px !important;
  box-shadow:
    0 0 0 .5px rgba(255,255,255,.28),
    0 2px 8px rgba(0,0,0,.12),
    0 0 10px rgba(255,255,255,.10) !important;
}

/* Hover/tap daha tok */
.hero-menu-btn:hover span,
.hamburger-btn.hero-menu-btn:hover span {
  background: #fff !important;
  box-shadow:
    0 0 0 .5px rgba(255,255,255,.36),
    0 3px 10px rgba(0,0,0,.16),
    0 0 14px rgba(255,255,255,.16) !important;
}

/* Mobilde çok kalın görünmesin ama net kalsın */
@media (max-width: 700px) {
  .hero-logo-icon::before {
    height: 2.8px !important;
  }

  .hero-menu-btn span,
  .hamburger-btn.hero-menu-btn span {
    height: 4px !important;
    width: 34px !important;
  }

}

@media (max-width: 430px) {
  .hero-menu-btn span,
  .hamburger-btn.hero-menu-btn span {
    height: 3.8px !important;
    width: 32px !important;
  }

  .hero-logo-wordwrap strong {
    font-size: 29px !important;
  }

}



/* =====================================================
   V116 FINAL FINISH
   - Hero açıklama yazısı %8-10 daha beyaz/net
   - Hero ile form arasında hafif blur-shadow geçiş
===================================================== */

/* Hero açıklama daha okunur ama hâlâ soft */
.hero p,
.hero-subtitle {
  color: rgba(255,255,255,.92) !important;
  text-shadow: 0 1px 10px rgba(0,0,0,.10) !important;
}


.hero {
  position: relative !important;
}

.hero::before {
  content: "" !important;
  position: absolute !important;
  left: 4% !important;
  right: 4% !important;
  bottom: -22px !important;
  height: 46px !important;
  z-index: 2 !important;
  pointer-events: none !important;
  background: radial-gradient(ellipse at center, rgba(33,24,105,.26) 0%, rgba(33,24,105,.12) 42%, transparent 72%) !important;
  filter: blur(16px) !important;
}

/* Formun başlangıcı hero ile daha şık birleşsin */
.form-card,
.personal-card,
.card,
.cv-form-card {
  position: relative !important;
  z-index: 6 !important;
  box-shadow:
    0 -10px 28px rgba(255,255,255,.62),
    0 26px 68px rgba(21,30,55,.11),
    inset 0 1px 0 rgba(255,255,255,.90) !important;
}

/* Mobilde geçiş biraz daha yumuşak */
@media (max-width:700px) {
  .hero p,
  .hero-subtitle {
    color: rgba(255,255,255,.93) !important;
  }

  .hero::before {
    left: 8% !important;
    right: 8% !important;
    bottom: -18px !important;
    height: 38px !important;
    filter: blur(14px) !important;
    background: radial-gradient(ellipse at center, rgba(33,24,105,.22) 0%, rgba(33,24,105,.10) 48%, transparent 74%) !important;
  }

  .form-card,
  .personal-card,
  .card,
  .cv-form-card {
    box-shadow:
      0 -8px 22px rgba(255,255,255,.60),
      0 22px 58px rgba(21,30,55,.10),
      inset 0 1px 0 rgba(255,255,255,.90) !important;
  }

}



/* =====================================================
   V117 CLEAN HERO EDGE
   - Hero alt sol köşedeki gri/blur taşması kaldırıldı
   - Web + mobilde açılı alt kenar temizlendi
===================================================== */

/* V116'daki gri blur geçişini kapat */
.hero::before {
  content: none !important;
  display: none !important;
}

/* Hero'nun altında kalan gri gölgeyi temizle */
.hero {
  box-shadow:
    0 20px 44px rgba(18, 18, 68, .12),
    0 6px 14px rgba(18, 18, 68, .07) !important;
}

/* Hero ile form arasında temiz beyaz geçiş */
.form-card,
.personal-card,
.card,
.cv-form-card {
  box-shadow:
    0 24px 64px rgba(21,30,55,.10),
    inset 0 1px 0 rgba(255,255,255,.90) !important;
}

/* Mobilde sol alt köşe tamamen temiz */
@media (max-width:700px) {
  .hero {
    box-shadow:
      0 16px 34px rgba(18, 18, 68, .10),
      0 4px 10px rgba(18, 18, 68, .06) !important;
  }

}



/* =====================================================
   V118 REMOVE HERO CORNER GRAY
   - Açılı hero alt sol köşedeki gri üçgen/gölge tamamen kaldırıldı
   - Sebep: clip-path kullanılan hero'da box-shadow arka planda gri leke bırakıyordu
===================================================== */

/* Hero'nun clip-path dışına taşan tüm gölgelerini kapat */
.hero {
  box-shadow: none !important;
  filter: none !important;
}

/* Hero altındaki sahte blur/gölge katmanları kesin kapalı */
.hero::before {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}

/* Grain/noise kalsın ama sadece hero içinde; dışarı taşma yapmasın */
.hero::after {
  inset: 0 !important;
  border-radius: inherit !important;
  overflow: hidden !important;
}

/* Hero çevresindeki eski gri geçiş/shadow wrapper ihtimallerini temizle */
.hero-wrap,
.hero-shell,
.hero-section,
.hero-container {
  background: transparent !important;
  box-shadow: none !important;
  filter: none !important;
}


.form-card,
.personal-card,
.card,
.cv-form-card {
  box-shadow:
    0 24px 64px rgba(21,30,55,.09),
    inset 0 1px 0 rgba(255,255,255,.90) !important;
}

/* Mobilde de kesin temiz */
@media (max-width:700px) {
  .hero {
    box-shadow: none !important;
    filter: none !important;
  }

}



/* =====================================================
   V119 MENU READABILITY FIX
   Hamburger menü yazıları web + mobilde okunur hale getirildi.
===================================================== */

.menu-panel,
.drawer,
.mobile-menu,
.side-menu,
.nav-drawer,
.menu-drawer,
#menuPanel,
#mobileMenu {
  background: #0b0d22 !important;
  color: #ffffff !important;
}

.menu-panel h1,
.menu-panel h2,
.menu-panel h3,
.drawer h1,
.drawer h2,
.drawer h3,
.mobile-menu h1,
.mobile-menu h2,
.mobile-menu h3,
.side-menu h1,
.side-menu h2,
.side-menu h3,
.nav-drawer h1,
.nav-drawer h2,
.nav-drawer h3,
.menu-title,
.drawer-title {
  color: #ffffff !important;
  opacity: 1 !important;
}

.menu-panel p,
.drawer p,
.mobile-menu p,
.side-menu p,
.nav-drawer p,
.menu-subtitle,
.drawer-subtitle {
  color: rgba(255,255,255,.78) !important;
  opacity: 1 !important;
}

.menu-panel a,
.drawer a,
.mobile-menu a,
.side-menu a,
.nav-drawer a,
.menu-drawer a,
#menuPanel a,
#mobileMenu a,
.menu-panel button:not(.close-menu):not(.menu-close),
.drawer button:not(.close-menu):not(.menu-close),
.mobile-menu button:not(.close-menu):not(.menu-close),
.side-menu button:not(.close-menu):not(.menu-close),
.nav-drawer button:not(.close-menu):not(.menu-close) {
  color: #111827 !important;
  background: rgba(255,255,255,.97) !important;
  opacity: 1 !important;
  font-weight: 800 !important;
  text-shadow: none !important;
  border: 1px solid rgba(255,255,255,.20) !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.14) !important;
}

.menu-panel a:hover,
.drawer a:hover,
.mobile-menu a:hover,
.side-menu a:hover,
.nav-drawer a:hover,
.menu-drawer a:hover,
#menuPanel a:hover,
#mobileMenu a:hover {
  background: #ffffff !important;
  color: #000000 !important;
  transform: translateY(-1px) !important;
}

.close-menu,
.menu-close,
.drawer-close,
button[aria-label="Kapat"],
button[aria-label="Close"] {
  color: #111827 !important;
  background: #ffffff !important;
  opacity: 1 !important;
  font-weight: 900 !important;
}

.menu-panel .menu-note,
.drawer .menu-note,
.mobile-menu .menu-note,
.side-menu .menu-note,
.nav-drawer .menu-note,
.menu-note,
.menu-footer-note {
  background: rgba(0,0,0,.88) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  opacity: 1 !important;
}

.menu-overlay,
.drawer-overlay,
.mobile-menu-overlay,
#menuOverlay {
  background: rgba(0,0,0,.48) !important;
  backdrop-filter: blur(2px) !important;
}


/* =====================================================
   V120 MENU SOFT UI
===================================================== */

.menu-panel,
.drawer,
.mobile-menu,
.side-menu,
.nav-drawer,
.menu-drawer,
#menuPanel,
#mobileMenu{
  background:
    linear-gradient(
      180deg,
      #101533 0%,
      #151a42 100%
    ) !important;
}

.menu-panel a,
.drawer a,
.mobile-menu a,
.side-menu a,
.nav-drawer a,
.menu-drawer a,
#menuPanel a,
#mobileMenu a,
.menu-panel button:not(.close-menu):not(.menu-close),
.drawer button:not(.close-menu):not(.menu-close),
.mobile-menu button:not(.close-menu):not(.menu-close),
.side-menu button:not(.close-menu):not(.menu-close){

  background: rgba(255,255,255,.94) !important;
  color: #1a1a1a !important;

  font-weight: 650 !important;
  letter-spacing: -0.01em !important;

  border-radius: 16px !important;

  box-shadow:
    0 4px 10px rgba(0,0,0,.10),
    inset 0 1px 0 rgba(255,255,255,.35) !important;

  transition: all .18s ease !important;
}

.menu-panel a:hover,
.drawer a:hover,
.mobile-menu a:hover,
.side-menu a:hover,
.nav-drawer a:hover,
.menu-drawer a:hover,
#menuPanel a:hover,
#mobileMenu a:hover{

  background: #ffffff !important;
  transform: translateY(-1px) scale(1.01) !important;
}

.menu-title,
.drawer-title,
.menu-panel h1,
.menu-panel h2,
.menu-panel h3{
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
}

.menu-note,
.menu-footer-note{
  background: rgba(0,0,0,.35) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 18px !important;
  font-weight: 600 !important;
}

.menu-overlay,
.drawer-overlay,
.mobile-menu-overlay,
#menuOverlay{
  background: rgba(8,10,18,.42) !important;
  backdrop-filter: blur(5px) !important;
}




/* =====================================================
   V121 WHITE MENU + BLUE ICON STYLE
   - Hamburger drawer beyaz / soft glass panel
   - İkonlar mavi-mor
   - Yazılar daha zarif koyu gri
   - Kartlar ince border + hafif shadow
   - Desktop + mobil aynı tasarım dili
===================================================== */

.menu-panel,
.drawer,
.mobile-menu,
.side-menu,
.nav-drawer,
.menu-drawer,
#menuPanel,
#mobileMenu {
  background:
    linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(250,251,255,.96) 100%) !important;
  color: #111827 !important;
  border-left: 1px solid rgba(99,102,241,.12) !important;
  box-shadow:
    -18px 0 60px rgba(15,23,42,.14),
    inset 1px 0 0 rgba(255,255,255,.80) !important;
  backdrop-filter: blur(18px) !important;
}

/* Menü başlığı */
.menu-panel h1,
.menu-panel h2,
.menu-panel h3,
.drawer h1,
.drawer h2,
.drawer h3,
.mobile-menu h1,
.mobile-menu h2,
.mobile-menu h3,
.side-menu h1,
.side-menu h2,
.side-menu h3,
.nav-drawer h1,
.nav-drawer h2,
.nav-drawer h3,
.menu-title,
.drawer-title {
  color: #2b238f !important;
  font-weight: 800 !important;
  letter-spacing: -.035em !important;
  opacity: 1 !important;
}

/* Menü açıklaması */
.menu-panel p,
.drawer p,
.mobile-menu p,
.side-menu p,
.nav-drawer p,
.menu-subtitle,
.drawer-subtitle {
  color: #7b8194 !important;
  font-weight: 500 !important;
  opacity: 1 !important;
}

/* Menü itemları */
.menu-panel a,
.drawer a,
.mobile-menu a,
.side-menu a,
.nav-drawer a,
.menu-drawer a,
#menuPanel a,
#mobileMenu a,
.menu-panel button:not(.close-menu):not(.menu-close),
.drawer button:not(.close-menu):not(.menu-close),
.mobile-menu button:not(.close-menu):not(.menu-close),
.side-menu button:not(.close-menu):not(.menu-close),
.nav-drawer button:not(.close-menu):not(.menu-close) {
  background: rgba(255,255,255,.94) !important;
  color: #1f2937 !important;
  font-weight: 600 !important;
  letter-spacing: -.012em !important;
  border-radius: 16px !important;
  border: 1px solid rgba(99,102,241,.12) !important;
  text-shadow: none !important;
  box-shadow:
    0 6px 16px rgba(15,23,42,.055),
    inset 0 1px 0 rgba(255,255,255,.90) !important;
  transition:
    transform .18s ease,
    box-shadow .18s ease,
    border-color .18s ease,
    background .18s ease !important;
}

/* Menü item hover */
.menu-panel a:hover,
.drawer a:hover,
.mobile-menu a:hover,
.side-menu a:hover,
.nav-drawer a:hover,
.menu-drawer a:hover,
#menuPanel a:hover,
#mobileMenu a:hover {
  background: #ffffff !important;
  color: #111827 !important;
  border-color: rgba(99,102,241,.25) !important;
  transform: translateY(-1px) !important;
  box-shadow:
    0 10px 22px rgba(99,102,241,.11),
    inset 0 1px 0 rgba(255,255,255,.95) !important;
}

/* Menüdeki ikonlar: emoji/svg/i/span fark etmeksizin mavi-mor */
.menu-panel a svg,
.drawer a svg,
.mobile-menu a svg,
.side-menu a svg,
.nav-drawer a svg,
.menu-drawer a svg,
#menuPanel a svg,
#mobileMenu a svg,
.menu-icon,
.menu-panel i,
.drawer i,
.mobile-menu i,
.side-menu i,
.nav-drawer i {
  color: #5146e8 !important;
  stroke: #5146e8 !important;
  fill: none !important;
}

/* Kapatma butonu */
.close-menu,
.menu-close,
.drawer-close,
button[aria-label="Kapat"],
button[aria-label="Close"] {
  background: rgba(245,246,255,.96) !important;
  color: #111827 !important;
  border: 1px solid rgba(99,102,241,.12) !important;
  box-shadow: 0 8px 20px rgba(15,23,42,.08) !important;
  font-weight: 700 !important;
}

/* Alt güven kutusu */
.menu-panel .menu-note,
.drawer .menu-note,
.mobile-menu .menu-note,
.side-menu .menu-note,
.nav-drawer .menu-note,
.menu-note,
.menu-footer-note {
  background:
    linear-gradient(135deg, rgba(99,102,241,.075), rgba(139,92,246,.12)) !important;
  color: #312e81 !important;
  border: 1px solid rgba(99,102,241,.12) !important;
  border-radius: 18px !important;
  font-weight: 600 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.65) !important;
}

/* Alt güven kutusu ikonları */
.menu-note svg,
.menu-footer-note svg,
.menu-note i,
.menu-footer-note i {
  color: #5146e8 !important;
  stroke: #5146e8 !important;
}

/* Overlay referanstaki gibi koyu ama yumuşak */
.menu-overlay,
.drawer-overlay,
.mobile-menu-overlay,
#menuOverlay {
  background: rgba(10,14,24,.52) !important;
  backdrop-filter: blur(6px) !important;
}

/* Eğer panel içindeki yazılar önceki CSS'ten beyaz kalırsa zorla düzelt */
.menu-panel *,
.drawer *,
.mobile-menu *,
.side-menu *,
.nav-drawer *,
.menu-drawer *,
#menuPanel *,
#mobileMenu * {
  text-shadow: none !important;
}

/* Mobil panel daha temiz */
@media (max-width:700px) {
  .menu-panel,
  .drawer,
  .mobile-menu,
  .side-menu,
  .nav-drawer,
  .menu-drawer,
  #menuPanel,
  #mobileMenu {
    background:
      linear-gradient(180deg, rgba(255,255,255,.99) 0%, rgba(250,251,255,.98) 100%) !important;
  }

  .menu-panel a,
  .drawer a,
  .mobile-menu a,
  .side-menu a,
  .nav-drawer a,
  .menu-drawer a,
  #menuPanel a,
  #mobileMenu a {
    border-radius: 14px !important;
    font-weight: 600 !important;
  }

}



/* =====================================================
   V122 MENU ICONS
   Menü öğelerine referans görseldeki gibi mavi ikonlar eklendi.
===================================================== */

.menu-panel a,
.drawer a,
.mobile-menu a,
.side-menu a,
.nav-drawer a,
.menu-drawer a,
#menuPanel a,
#mobileMenu a {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  padding-left: 46px !important;
}

/* Sağ ok */
.menu-panel a::after,
.drawer a::after,
.mobile-menu a::after,
.side-menu a::after,
.nav-drawer a::after,
.menu-drawer a::after,
#menuPanel a::after,
#mobileMenu a::after {
  content: "›" !important;
  position: absolute !important;
  right: 18px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: #8b91a6 !important;
  font-size: 24px !important;
  font-weight: 400 !important;
}

/* Sol mavi ikon alanı */
.menu-panel a::before,
.drawer a::before,
.mobile-menu a::before,
.side-menu a::before,
.nav-drawer a::before,
.menu-drawer a::before,
#menuPanel a::before,
#mobileMenu a::before {
  position: absolute !important;
  left: 16px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 22px !important;
  height: 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #2563ff !important;
  font-size: 18px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  opacity: 1 !important;
}

/* Sıralı ikonlar */
.menu-panel a:nth-of-type(1)::before,
.drawer a:nth-of-type(1)::before,
.mobile-menu a:nth-of-type(1)::before,
.side-menu a:nth-of-type(1)::before,
.nav-drawer a:nth-of-type(1)::before,
#menuPanel a:nth-of-type(1)::before,
#mobileMenu a:nth-of-type(1)::before {
  content: "⌂" !important;
}

.menu-panel a:nth-of-type(2)::before,
.drawer a:nth-of-type(2)::before,
.mobile-menu a:nth-of-type(2)::before,
.side-menu a:nth-of-type(2)::before,
.nav-drawer a:nth-of-type(2)::before,
#menuPanel a:nth-of-type(2)::before,
#mobileMenu a:nth-of-type(2)::before {
  content: "?" !important;
  border: 2px solid #2563ff !important;
  border-radius: 50% !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

.menu-panel a:nth-of-type(3)::before,
.drawer a:nth-of-type(3)::before,
.mobile-menu a:nth-of-type(3)::before,
.side-menu a:nth-of-type(3)::before,
.nav-drawer a:nth-of-type(3)::before,
#menuPanel a:nth-of-type(3)::before,
#mobileMenu a:nth-of-type(3)::before {
  content: "♡" !important;
}

.menu-panel a:nth-of-type(4)::before,
.drawer a:nth-of-type(4)::before,
.mobile-menu a:nth-of-type(4)::before,
.side-menu a:nth-of-type(4)::before,
.nav-drawer a:nth-of-type(4)::before,
#menuPanel a:nth-of-type(4)::before,
#mobileMenu a:nth-of-type(4)::before {
  content: "▣" !important;
}

.menu-panel a:nth-of-type(5)::before,
.drawer a:nth-of-type(5)::before,
.mobile-menu a:nth-of-type(5)::before,
.side-menu a:nth-of-type(5)::before,
.nav-drawer a:nth-of-type(5)::before,
#menuPanel a:nth-of-type(5)::before,
#mobileMenu a:nth-of-type(5)::before {
  content: "♙" !important;
}

.menu-panel a:nth-of-type(6)::before,
.drawer a:nth-of-type(6)::before,
.mobile-menu a:nth-of-type(6)::before,
.side-menu a:nth-of-type(6)::before,
.nav-drawer a:nth-of-type(6)::before,
#menuPanel a:nth-of-type(6)::before,
#mobileMenu a:nth-of-type(6)::before {
  content: "☎" !important;
}

.menu-panel a:nth-of-type(7)::before,
.drawer a:nth-of-type(7)::before,
.mobile-menu a:nth-of-type(7)::before,
.side-menu a:nth-of-type(7)::before,
.nav-drawer a:nth-of-type(7)::before,
#menuPanel a:nth-of-type(7)::before,
#mobileMenu a:nth-of-type(7)::before {
  content: "▢" !important;
}

.menu-panel a:nth-of-type(8)::before,
.drawer a:nth-of-type(8)::before,
.mobile-menu a:nth-of-type(8)::before,
.side-menu a:nth-of-type(8)::before,
.nav-drawer a:nth-of-type(8)::before,
#menuPanel a:nth-of-type(8)::before,
#mobileMenu a:nth-of-type(8)::before {
  content: "♢" !important;
}

.menu-panel a:nth-of-type(9)::before,
.drawer a:nth-of-type(9)::before,
.mobile-menu a:nth-of-type(9)::before,
.side-menu a:nth-of-type(9)::before,
.nav-drawer a:nth-of-type(9)::before,
#menuPanel a:nth-of-type(9)::before,
#mobileMenu a:nth-of-type(9)::before {
  content: "▱" !important;
}

.menu-panel a:nth-of-type(10)::before,
.drawer a:nth-of-type(10)::before,
.mobile-menu a:nth-of-type(10)::before,
.side-menu a:nth-of-type(10)::before,
.nav-drawer a:nth-of-type(10)::before,
#menuPanel a:nth-of-type(10)::before,
#mobileMenu a:nth-of-type(10)::before {
  content: "↺" !important;
}

/* Menü alt güven kutusuna ikon */
.menu-note,
.menu-footer-note {
  position: relative !important;
  padding-left: 58px !important;
}

.menu-note::before,
.menu-footer-note::before {
  content: "♢" !important;
  position: absolute !important;
  left: 20px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 28px !important;
  height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #2563ff !important;
  background: rgba(37,99,255,.08) !important;
  border-radius: 10px !important;
  font-size: 19px !important;
  font-weight: 800 !important;
}

/* Mobilde ikonlar biraz küçülsün */
@media (max-width:700px) {
  .menu-panel a,
  .drawer a,
  .mobile-menu a,
  .side-menu a,
  .nav-drawer a,
  .menu-drawer a,
  #menuPanel a,
  #mobileMenu a {
    padding-left: 42px !important;
    gap: 12px !important;
  }

  .menu-panel a::before,
  .drawer a::before,
  .mobile-menu a::before,
  .side-menu a::before,
  .nav-drawer a::before,
  .menu-drawer a::before,
  #menuPanel a::before,
  #mobileMenu a::before {
    left: 14px !important;
    width: 20px !important;
    height: 20px !important;
    font-size: 16px !important;
  }

}





.menu-panel,
.drawer,
.mobile-menu,
.side-menu,
.nav-drawer,
.menu-drawer,
#menuPanel,
#mobileMenu {
  background: #ffffff !important;
  color: #111827 !important;
  border-left: 1px solid rgba(79, 70, 229, .08) !important;
  box-shadow:
    -22px 0 70px rgba(15, 23, 42, .12),
    inset 1px 0 0 rgba(255,255,255,.85) !important;
  backdrop-filter: blur(18px) !important;
}

/* Başlık */
.menu-panel h1,
.menu-panel h2,
.menu-panel h3,
.drawer h1,
.drawer h2,
.drawer h3,
.mobile-menu h1,
.mobile-menu h2,
.mobile-menu h3,
.side-menu h1,
.side-menu h2,
.side-menu h3,
.nav-drawer h1,
.nav-drawer h2,
.nav-drawer h3,
.menu-title,
.drawer-title {
  color: #24226f !important;
  font-weight: 800 !important;
  letter-spacing: -.035em !important;
  opacity: 1 !important;
}

/* Alt açıklama */
.menu-panel p,
.drawer p,
.mobile-menu p,
.side-menu p,
.nav-drawer p,
.menu-subtitle,
.drawer-subtitle {
  color: #8a90a3 !important;
  font-weight: 500 !important;
  opacity: 1 !important;
}

/* Menü linkleri */
.menu-panel a,
.drawer a,
.mobile-menu a,
.side-menu a,
.nav-drawer a,
.menu-drawer a,
#menuPanel a,
#mobileMenu a,
.menu-panel button:not(.close-menu):not(.menu-close),
.drawer button:not(.close-menu):not(.menu-close),
.mobile-menu button:not(.close-menu):not(.menu-close),
.side-menu button:not(.close-menu):not(.menu-close),
.nav-drawer button:not(.close-menu):not(.menu-close) {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  min-height: 48px !important;
  padding: 12px 44px 12px 48px !important;
  background: #ffffff !important;
  color: #1f2937 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: -.012em !important;
  border-radius: 15px !important;
  border: 1px solid rgba(226, 232, 240, .95) !important;
  box-shadow:
    0 4px 12px rgba(15, 23, 42, .045),
    inset 0 1px 0 rgba(255,255,255,.95) !important;
  text-shadow: none !important;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease !important;
}

/* Hover */
.menu-panel a:hover,
.drawer a:hover,
.mobile-menu a:hover,
.side-menu a:hover,
.nav-drawer a:hover,
.menu-drawer a:hover,
#menuPanel a:hover,
#mobileMenu a:hover {
  background: #fbfcff !important;
  border-color: rgba(79, 70, 229, .18) !important;
  transform: translateX(2px) !important;
  box-shadow:
    0 9px 20px rgba(79, 70, 229, .08),
    inset 0 1px 0 rgba(255,255,255,1) !important;
}

/* Sağ ok */
.menu-panel a::after,
.drawer a::after,
.mobile-menu a::after,
.side-menu a::after,
.nav-drawer a::after,
.menu-drawer a::after,
#menuPanel a::after,
#mobileMenu a::after {
  content: "›" !important;
  position: absolute !important;
  right: 17px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: #9aa1b6 !important;
  font-size: 23px !important;
  font-weight: 400 !important;
}

/* Sol mavi ikonlar */
.menu-panel a::before,
.drawer a::before,
.mobile-menu a::before,
.side-menu a::before,
.nav-drawer a::before,
.menu-drawer a::before,
#menuPanel a::before,
#mobileMenu a::before {
  position: absolute !important;
  left: 17px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 21px !important;
  height: 21px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #2563ff !important;
  font-size: 17px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  opacity: 1 !important;
}

/* İkon sırası */
.menu-panel a:nth-of-type(1)::before,
.drawer a:nth-of-type(1)::before,
.mobile-menu a:nth-of-type(1)::before,
.side-menu a:nth-of-type(1)::before,
.nav-drawer a:nth-of-type(1)::before,
#menuPanel a:nth-of-type(1)::before,
#mobileMenu a:nth-of-type(1)::before { content:"⌂" !important; }

.menu-panel a:nth-of-type(2)::before,
.drawer a:nth-of-type(2)::before,
.mobile-menu a:nth-of-type(2)::before,
.side-menu a:nth-of-type(2)::before,
.nav-drawer a:nth-of-type(2)::before,
#menuPanel a:nth-of-type(2)::before,
#mobileMenu a:nth-of-type(2)::before {
  content:"?" !important;
  border:2px solid #2563ff !important;
  border-radius:50% !important;
  font-size:12px !important;
  font-weight:800 !important;
}

.menu-panel a:nth-of-type(3)::before,
.drawer a:nth-of-type(3)::before,
.mobile-menu a:nth-of-type(3)::before,
.side-menu a:nth-of-type(3)::before,
.nav-drawer a:nth-of-type(3)::before,
#menuPanel a:nth-of-type(3)::before,
#mobileMenu a:nth-of-type(3)::before { content:"♡" !important; }

.menu-panel a:nth-of-type(4)::before,
.drawer a:nth-of-type(4)::before,
.mobile-menu a:nth-of-type(4)::before,
.side-menu a:nth-of-type(4)::before,
.nav-drawer a:nth-of-type(4)::before,
#menuPanel a:nth-of-type(4)::before,
#mobileMenu a:nth-of-type(4)::before { content:"▣" !important; }

.menu-panel a:nth-of-type(5)::before,
.drawer a:nth-of-type(5)::before,
.mobile-menu a:nth-of-type(5)::before,
.side-menu a:nth-of-type(5)::before,
.nav-drawer a:nth-of-type(5)::before,
#menuPanel a:nth-of-type(5)::before,
#mobileMenu a:nth-of-type(5)::before { content:"♙" !important; }

.menu-panel a:nth-of-type(6)::before,
.drawer a:nth-of-type(6)::before,
.mobile-menu a:nth-of-type(6)::before,
.side-menu a:nth-of-type(6)::before,
.nav-drawer a:nth-of-type(6)::before,
#menuPanel a:nth-of-type(6)::before,
#mobileMenu a:nth-of-type(6)::before { content:"☎" !important; }

.menu-panel a:nth-of-type(7)::before,
.drawer a:nth-of-type(7)::before,
.mobile-menu a:nth-of-type(7)::before,
.side-menu a:nth-of-type(7)::before,
.nav-drawer a:nth-of-type(7)::before,
#menuPanel a:nth-of-type(7)::before,
#mobileMenu a:nth-of-type(7)::before { content:"▢" !important; }

.menu-panel a:nth-of-type(8)::before,
.drawer a:nth-of-type(8)::before,
.mobile-menu a:nth-of-type(8)::before,
.side-menu a:nth-of-type(8)::before,
.nav-drawer a:nth-of-type(8)::before,
#menuPanel a:nth-of-type(8)::before,
#mobileMenu a:nth-of-type(8)::before { content:"♢" !important; }

.menu-panel a:nth-of-type(9)::before,
.drawer a:nth-of-type(9)::before,
.mobile-menu a:nth-of-type(9)::before,
.side-menu a:nth-of-type(9)::before,
.nav-drawer a:nth-of-type(9)::before,
#menuPanel a:nth-of-type(9)::before,
#mobileMenu a:nth-of-type(9)::before { content:"▱" !important; }

.menu-panel a:nth-of-type(10)::before,
.drawer a:nth-of-type(10)::before,
.mobile-menu a:nth-of-type(10)::before,
.side-menu a:nth-of-type(10)::before,
.nav-drawer a:nth-of-type(10)::before,
#menuPanel a:nth-of-type(10)::before,
#mobileMenu a:nth-of-type(10)::before { content:"↺" !important; }

/* Kapatma butonu */
.close-menu,
.menu-close,
.drawer-close,
button[aria-label="Kapat"],
button[aria-label="Close"] {
  background: #f5f6ff !important;
  color: #111827 !important;
  border: 1px solid rgba(79,70,229,.10) !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 20px rgba(15,23,42,.08) !important;
  font-weight: 700 !important;
}

/* Alt güven kutusu */
.menu-note,
.menu-footer-note,
.menu-panel .menu-note,
.drawer .menu-note,
.mobile-menu .menu-note,
.side-menu .menu-note,
.nav-drawer .menu-note {
  position: relative !important;
  background: linear-gradient(135deg, rgba(79,70,229,.075), rgba(139,92,246,.12)) !important;
  color: #312e81 !important;
  border: 1px solid rgba(79,70,229,.10) !important;
  border-radius: 18px !important;
  font-weight: 600 !important;
  padding-left: 58px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.70) !important;
}

.menu-note::before,
.menu-footer-note::before {
  content: "♢" !important;
  position: absolute !important;
  left: 20px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 28px !important;
  height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #2563ff !important;
  background: rgba(37,99,255,.08) !important;
  border-radius: 10px !important;
  font-size: 19px !important;
  font-weight: 800 !important;
}

/* Overlay */
.menu-overlay,
.drawer-overlay,
.mobile-menu-overlay,
#menuOverlay {
  background: rgba(9, 13, 24, .54) !important;
  backdrop-filter: blur(6px) !important;
}

@media (max-width:700px) {
  .menu-panel,
  .drawer,
  .mobile-menu,
  .side-menu,
  .nav-drawer,
  .menu-drawer,
  #menuPanel,
  #mobileMenu {
    background: #ffffff !important;
  }

  .menu-panel a,
  .drawer a,
  .mobile-menu a,
  .side-menu a,
  .nav-drawer a,
  .menu-drawer a,
  #menuPanel a,
  #mobileMenu a {
    min-height: 46px !important;
    padding: 11px 40px 11px 44px !important;
    border-radius: 14px !important;
    font-size: 14px !important;
  }

  .menu-panel a::before,
  .drawer a::before,
  .mobile-menu a::before,
  .side-menu a::before,
  .nav-drawer a::before,
  .menu-drawer a::before,
  #menuPanel a::before,
  #mobileMenu a::before {
    left: 15px !important;
    width: 19px !important;
    height: 19px !important;
    font-size: 15px !important;
  }

}



/* =====================================================
   V124 MENU REFERENCE EXACT POLISH
   - Menü başlık/logo rengi referanstaki gibi koyu mor
   - Alt açıklama kartı siyah değil pastel mor/beyaz
   - Menü ikon/yazı/ok renkleri referansa daha yakın
===================================================== */

/* Panel: tam beyaz, temiz */
.menu-panel,
.drawer,
.mobile-menu,
.side-menu,
.nav-drawer,
.menu-drawer,
#menuPanel,
#mobileMenu {
  background: #ffffff !important;
  color: #151827 !important;
  border-left: 1px solid rgba(99,102,241,.10) !important;
  box-shadow: -24px 0 70px rgba(15,23,42,.12) !important;
}

/* CVYAZ logo/başlık: siyah değil referanstaki koyu mor */
.menu-panel h1,
.menu-panel h2,
.menu-panel h3,
.drawer h1,
.drawer h2,
.drawer h3,
.mobile-menu h1,
.mobile-menu h2,
.mobile-menu h3,
.side-menu h1,
.side-menu h2,
.side-menu h3,
.nav-drawer h1,
.nav-drawer h2,
.nav-drawer h3,
.menu-title,
.drawer-title,
.menu-brand,
.side-menu-logo {
  color: #312e81 !important;
  font-weight: 800 !important;
  letter-spacing: -0.035em !important;
  opacity: 1 !important;
}

/* Profesyonel CV oluşturucu açıklaması */
.menu-panel p,
.drawer p,
.mobile-menu p,
.side-menu p,
.nav-drawer p,
.menu-subtitle,
.drawer-subtitle,
.side-menu-sub {
  color: #8b90a5 !important;
  font-weight: 500 !important;
  opacity: 1 !important;
}

/* Menü kartları */
.menu-panel a,
.drawer a,
.mobile-menu a,
.side-menu a,
.nav-drawer a,
.menu-drawer a,
#menuPanel a,
#mobileMenu a,
.menu-panel button:not(.close-menu):not(.menu-close),
.drawer button:not(.close-menu):not(.menu-close),
.mobile-menu button:not(.close-menu):not(.menu-close),
.side-menu button:not(.close-menu):not(.menu-close),
.nav-drawer button:not(.close-menu):not(.menu-close) {
  background: #ffffff !important;
  color: #1f2937 !important;
  font-weight: 600 !important;
  border: 1px solid #e9ecf5 !important;
  box-shadow: 0 5px 14px rgba(15,23,42,.045) !important;
}

/* Sol ikonlar mavi */
.menu-panel a::before,
.drawer a::before,
.mobile-menu a::before,
.side-menu a::before,
.nav-drawer a::before,
.menu-drawer a::before,
#menuPanel a::before,
#mobileMenu a::before {
  color: #2563ff !important;
  border-color: #2563ff !important;
}

/* Sağ ok */
.menu-panel a::after,
.drawer a::after,
.mobile-menu a::after,
.side-menu a::after,
.nav-drawer a::after,
.menu-drawer a::after,
#menuPanel a::after,
#mobileMenu a::after {
  color: #9aa1b6 !important;
}

/* Kapatma butonu referanstaki gibi açık mor zemin */
.close-menu,
.menu-close,
.drawer-close,
button[aria-label="Kapat"],
button[aria-label="Close"] {
  background: #f5f3ff !important;
  color: #111827 !important;
  border: 1px solid rgba(99,102,241,.12) !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 20px rgba(15,23,42,.08) !important;
}

/* EN ÖNEMLİ: alt açıklama siyah değil, pastel mor kart */
.menu-note,
.menu-footer-note,
.menu-panel .menu-note,
.drawer .menu-note,
.mobile-menu .menu-note,
.side-menu .menu-note,
.nav-drawer .menu-note,
.side-menu-footer {
  background: linear-gradient(135deg, rgba(99,102,241,.08), rgba(139,92,246,.13)) !important;
  color: #312e81 !important;
  border: 1px solid rgba(99,102,241,.12) !important;
  border-radius: 18px !important;
  font-weight: 600 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.75) !important;
}

/* Alt açıklama iç yazılar siyah/beyaz kalmasın */
.menu-note *,
.menu-footer-note *,
.side-menu-footer *,
.menu-panel .menu-note *,
.drawer .menu-note *,
.mobile-menu .menu-note *,
.side-menu .menu-note *,
.nav-drawer .menu-note * {
  color: #312e81 !important;
  font-weight: 600 !important;
}

/* Alt açıklama ikonu */
.menu-note::before,
.menu-footer-note::before,
.side-menu-footer::before {
  color: #2563ff !important;
  background: rgba(37,99,255,.08) !important;
}

/* Eğer önceki CSS siyah arka planı inline/strong üzerine bastıysa kır */
.menu-note strong,
.menu-footer-note strong,
.side-menu-footer strong {
  color: #312e81 !important;
}

/* Hover referans gibi soft */
.menu-panel a:hover,
.drawer a:hover,
.mobile-menu a:hover,
.side-menu a:hover,
.nav-drawer a:hover,
.menu-drawer a:hover,
#menuPanel a:hover,
#mobileMenu a:hover {
  background: #fbfcff !important;
  border-color: rgba(99,102,241,.22) !important;
  box-shadow: 0 10px 24px rgba(99,102,241,.09) !important;
}

/* Overlay aynı kalsın: koyu blur */
.menu-overlay,
.drawer-overlay,
.mobile-menu-overlay,
#menuOverlay {
  background: rgba(9,13,24,.54) !important;
  backdrop-filter: blur(6px) !important;
}



/* =====================================================
   V125 FULL EXACT REFERENCE MENU
   Referans menü: beyaz panel, soft kartlar, mavi ikonlar,
   pastel alt bilgi kutusu, zarif yazı.
===================================================== */

.menu-panel,
.drawer,
.mobile-menu,
.side-menu,
.nav-drawer,
.menu-drawer,
#menuPanel,
#mobileMenu {
  background: linear-gradient(180deg, #ffffff 0%, #fbfbff 100%) !important;
  color: #111827 !important;
  border-left: 1px solid rgba(90,90,140,.08) !important;
  box-shadow: -20px 0 60px rgba(0,0,0,.08) !important;
  backdrop-filter: blur(20px) !important;
}

.menu-panel h1,
.menu-panel h2,
.menu-panel h3,
.drawer h1,
.drawer h2,
.drawer h3,
.mobile-menu h1,
.mobile-menu h2,
.mobile-menu h3,
.side-menu h1,
.side-menu h2,
.side-menu h3,
.nav-drawer h1,
.nav-drawer h2,
.nav-drawer h3,
.menu-title,
.drawer-title,
.menu-brand,
.side-menu-logo {
  color: #4338ca !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

.menu-panel p,
.drawer p,
.mobile-menu p,
.side-menu p,
.nav-drawer p,
.menu-subtitle,
.drawer-subtitle,
.side-menu-sub {
  color: #8b90a7 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

.menu-panel a,
.drawer a,
.mobile-menu a,
.side-menu a,
.nav-drawer a,
.menu-drawer a,
#menuPanel a,
#mobileMenu a,
.menu-panel button:not(.close-menu):not(.menu-close),
.drawer button:not(.close-menu):not(.menu-close),
.mobile-menu button:not(.close-menu):not(.menu-close),
.side-menu button:not(.close-menu):not(.menu-close),
.nav-drawer button:not(.close-menu):not(.menu-close) {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  min-height: 50px !important;
  padding: 14px 42px 14px 48px !important;
  margin-bottom: 10px !important;
  background: #ffffff !important;
  color: #1f2937 !important;
  border: 1px solid rgba(99,102,241,.08) !important;
  border-radius: 16px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
  text-shadow: none !important;
  box-shadow:
    0 1px 2px rgba(0,0,0,.02),
    0 8px 24px rgba(99,102,241,.04) !important;
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease, background .22s ease !important;
}

.menu-panel a:hover,
.drawer a:hover,
.mobile-menu a:hover,
.side-menu a:hover,
.nav-drawer a:hover,
.menu-drawer a:hover,
#menuPanel a:hover,
#mobileMenu a:hover {
  background: #ffffff !important;
  transform: translateY(-1px) !important;
  border-color: rgba(99,102,241,.18) !important;
  box-shadow: 0 10px 30px rgba(99,102,241,.10) !important;
}

.menu-panel a::after,
.drawer a::after,
.mobile-menu a::after,
.side-menu a::after,
.nav-drawer a::after,
.menu-drawer a::after,
#menuPanel a::after,
#mobileMenu a::after {
  content: "›" !important;
  position: absolute !important;
  right: 16px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: #9ca3af !important;
  font-size: 20px !important;
  font-weight: 400 !important;
}

.menu-panel a::before,
.drawer a::before,
.mobile-menu a::before,
.side-menu a::before,
.nav-drawer a::before,
.menu-drawer a::before,
#menuPanel a::before,
#mobileMenu a::before {
  position: absolute !important;
  left: 17px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 18px !important;
  height: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #4f46e5 !important;
  border-color: #4f46e5 !important;
  font-size: 16px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  opacity: .92 !important;
}

/* sıralı ikonlar */
.menu-panel a:nth-of-type(1)::before, .drawer a:nth-of-type(1)::before, .mobile-menu a:nth-of-type(1)::before, .side-menu a:nth-of-type(1)::before, .nav-drawer a:nth-of-type(1)::before, #menuPanel a:nth-of-type(1)::before, #mobileMenu a:nth-of-type(1)::before { content:"⌂" !important; }
.menu-panel a:nth-of-type(2)::before, .drawer a:nth-of-type(2)::before, .mobile-menu a:nth-of-type(2)::before, .side-menu a:nth-of-type(2)::before, .nav-drawer a:nth-of-type(2)::before, #menuPanel a:nth-of-type(2)::before, #mobileMenu a:nth-of-type(2)::before { content:"?" !important; border:2px solid #4f46e5 !important; border-radius:50% !important; font-size:11px !important; font-weight:800 !important; }
.menu-panel a:nth-of-type(3)::before, .drawer a:nth-of-type(3)::before, .mobile-menu a:nth-of-type(3)::before, .side-menu a:nth-of-type(3)::before, .nav-drawer a:nth-of-type(3)::before, #menuPanel a:nth-of-type(3)::before, #mobileMenu a:nth-of-type(3)::before { content:"♡" !important; }
.menu-panel a:nth-of-type(4)::before, .drawer a:nth-of-type(4)::before, .mobile-menu a:nth-of-type(4)::before, .side-menu a:nth-of-type(4)::before, .nav-drawer a:nth-of-type(4)::before, #menuPanel a:nth-of-type(4)::before, #mobileMenu a:nth-of-type(4)::before { content:"▣" !important; }
.menu-panel a:nth-of-type(5)::before, .drawer a:nth-of-type(5)::before, .mobile-menu a:nth-of-type(5)::before, .side-menu a:nth-of-type(5)::before, .nav-drawer a:nth-of-type(5)::before, #menuPanel a:nth-of-type(5)::before, #mobileMenu a:nth-of-type(5)::before { content:"♙" !important; }
.menu-panel a:nth-of-type(6)::before, .drawer a:nth-of-type(6)::before, .mobile-menu a:nth-of-type(6)::before, .side-menu a:nth-of-type(6)::before, .nav-drawer a:nth-of-type(6)::before, #menuPanel a:nth-of-type(6)::before, #mobileMenu a:nth-of-type(6)::before { content:"☎" !important; }
.menu-panel a:nth-of-type(7)::before, .drawer a:nth-of-type(7)::before, .mobile-menu a:nth-of-type(7)::before, .side-menu a:nth-of-type(7)::before, .nav-drawer a:nth-of-type(7)::before, #menuPanel a:nth-of-type(7)::before, #mobileMenu a:nth-of-type(7)::before { content:"▢" !important; }
.menu-panel a:nth-of-type(8)::before, .drawer a:nth-of-type(8)::before, .mobile-menu a:nth-of-type(8)::before, .side-menu a:nth-of-type(8)::before, .nav-drawer a:nth-of-type(8)::before, #menuPanel a:nth-of-type(8)::before, #mobileMenu a:nth-of-type(8)::before { content:"♢" !important; }
.menu-panel a:nth-of-type(9)::before, .drawer a:nth-of-type(9)::before, .mobile-menu a:nth-of-type(9)::before, .side-menu a:nth-of-type(9)::before, .nav-drawer a:nth-of-type(9)::before, #menuPanel a:nth-of-type(9)::before, #mobileMenu a:nth-of-type(9)::before { content:"▱" !important; }
.menu-panel a:nth-of-type(10)::before, .drawer a:nth-of-type(10)::before, .mobile-menu a:nth-of-type(10)::before, .side-menu a:nth-of-type(10)::before, .nav-drawer a:nth-of-type(10)::before, #menuPanel a:nth-of-type(10)::before, #mobileMenu a:nth-of-type(10)::before { content:"↺" !important; }

.close-menu,
.menu-close,
.drawer-close,
button[aria-label="Kapat"],
button[aria-label="Close"] {
  background: #f5f3ff !important;
  color: #111827 !important;
  border: 1px solid rgba(99,102,241,.10) !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 20px rgba(15,23,42,.07) !important;
  font-weight: 700 !important;
}

.menu-note,
.menu-footer-note,
.menu-panel .menu-note,
.drawer .menu-note,
.mobile-menu .menu-note,
.side-menu .menu-note,
.nav-drawer .menu-note,
.side-menu-footer {
  position: relative !important;
  margin-top: 18px !important;
  background: #f2f0ff !important;
  color: #4f46e5 !important;
  border: 1px solid rgba(99,102,241,.08) !important;
  border-radius: 18px !important;
  padding: 16px 16px 16px 58px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

.menu-note *,
.menu-footer-note *,
.side-menu-footer * {
  color: #4f46e5 !important;
  font-weight: 600 !important;
  text-shadow: none !important;
}

.menu-note::before,
.menu-footer-note::before,
.side-menu-footer::before {
  content: "♢" !important;
  position: absolute !important;
  left: 20px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 28px !important;
  height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #4f46e5 !important;
  background: rgba(79,70,229,.08) !important;
  border-radius: 10px !important;
  font-size: 19px !important;
  font-weight: 800 !important;
}

.menu-overlay,
.drawer-overlay,
.mobile-menu-overlay,
#menuOverlay {
  background: rgba(9,13,24,.54) !important;
  backdrop-filter: blur(6px) !important;
}

@media (max-width: 700px) {
  .menu-panel a,
  .drawer a,
  .mobile-menu a,
  .side-menu a,
  .nav-drawer a,
  .menu-drawer a,
  #menuPanel a,
  #mobileMenu a {
    min-height: 46px !important;
    padding: 12px 40px 12px 44px !important;
    margin-bottom: 9px !important;
    border-radius: 14px !important;
    font-size: 14px !important;
  }

}



/* =====================================================
   V126 COMPLETE FINAL MENU / BRAND POLISH
   - Referans görsel menü stili
   - Logo koyu lacivert/mor
   - Menü ikonları mor/mavi
   - Alt ATS kutusu beyaz/pastel
   - Web + mobil uyumlu
===================================================== */

.menu-panel,
.drawer,
.mobile-menu,
.side-menu,
.nav-drawer,
.menu-drawer,
#menuPanel,
#mobileMenu {
  background: linear-gradient(180deg, #ffffff 0%, #fbfbff 100%) !important;
  color: #111827 !important;
  border-left: 1px solid rgba(90,90,140,.08) !important;
  box-shadow: -20px 0 60px rgba(0,0,0,.08) !important;
  backdrop-filter: blur(20px) !important;
}

.menu-panel h1,
.menu-panel h2,
.menu-panel h3,
.drawer h1,
.drawer h2,
.drawer h3,
.mobile-menu h1,
.mobile-menu h2,
.mobile-menu h3,
.side-menu h1,
.side-menu h2,
.side-menu h3,
.nav-drawer h1,
.nav-drawer h2,
.nav-drawer h3,
.menu-title,
.drawer-title,
.menu-brand,
.side-menu-logo {
  color: #17204f !important;
  font-weight: 800 !important;
  letter-spacing: -0.035em !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

.menu-panel p,
.drawer p,
.mobile-menu p,
.side-menu p,
.nav-drawer p,
.menu-subtitle,
.drawer-subtitle,
.side-menu-sub {
  color: #8b90a7 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

.menu-panel a,
.drawer a,
.mobile-menu a,
.side-menu a,
.nav-drawer a,
.menu-drawer a,
#menuPanel a,
#mobileMenu a,
.menu-panel button:not(.close-menu):not(.menu-close),
.drawer button:not(.close-menu):not(.menu-close),
.mobile-menu button:not(.close-menu):not(.menu-close),
.side-menu button:not(.close-menu):not(.menu-close),
.nav-drawer button:not(.close-menu):not(.menu-close) {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  min-height: 50px !important;
  padding: 14px 42px 14px 48px !important;
  margin-bottom: 10px !important;
  background: #ffffff !important;
  color: #1f2937 !important;
  border: 1px solid rgba(99,102,241,.08) !important;
  border-radius: 16px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
  text-shadow: none !important;
  box-shadow:
    0 1px 2px rgba(0,0,0,.02),
    0 8px 24px rgba(99,102,241,.04) !important;
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease, background .22s ease !important;
}

.menu-panel a:hover,
.drawer a:hover,
.mobile-menu a:hover,
.side-menu a:hover,
.nav-drawer a:hover,
.menu-drawer a:hover,
#menuPanel a:hover,
#mobileMenu a:hover {
  background: #ffffff !important;
  transform: translateY(-1px) !important;
  border-color: rgba(99,102,241,.18) !important;
  box-shadow: 0 10px 30px rgba(99,102,241,.10) !important;
}

.menu-panel a::after,
.drawer a::after,
.mobile-menu a::after,
.side-menu a::after,
.nav-drawer a::after,
.menu-drawer a::after,
#menuPanel a::after,
#mobileMenu a::after {
  content: "›" !important;
  position: absolute !important;
  right: 16px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: #9ca3af !important;
  font-size: 20px !important;
  font-weight: 400 !important;
}

.menu-panel a::before,
.drawer a::before,
.mobile-menu a::before,
.side-menu a::before,
.nav-drawer a::before,
.menu-drawer a::before,
#menuPanel a::before,
#mobileMenu a::before {
  position: absolute !important;
  left: 17px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 18px !important;
  height: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #5b4dff !important;
  border-color: #5b4dff !important;
  font-size: 16px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  opacity: .94 !important;
}

/* Menü ikon sıraları */
.menu-panel a:nth-of-type(1)::before, .drawer a:nth-of-type(1)::before, .mobile-menu a:nth-of-type(1)::before, .side-menu a:nth-of-type(1)::before, .nav-drawer a:nth-of-type(1)::before, #menuPanel a:nth-of-type(1)::before, #mobileMenu a:nth-of-type(1)::before { content:"⌂" !important; }
.menu-panel a:nth-of-type(2)::before, .drawer a:nth-of-type(2)::before, .mobile-menu a:nth-of-type(2)::before, .side-menu a:nth-of-type(2)::before, .nav-drawer a:nth-of-type(2)::before, #menuPanel a:nth-of-type(2)::before, #mobileMenu a:nth-of-type(2)::before { content:"?" !important; border:2px solid #5b4dff !important; border-radius:50% !important; font-size:11px !important; font-weight:800 !important; }
.menu-panel a:nth-of-type(3)::before, .drawer a:nth-of-type(3)::before, .mobile-menu a:nth-of-type(3)::before, .side-menu a:nth-of-type(3)::before, .nav-drawer a:nth-of-type(3)::before, #menuPanel a:nth-of-type(3)::before, #mobileMenu a:nth-of-type(3)::before { content:"♡" !important; }
.menu-panel a:nth-of-type(4)::before, .drawer a:nth-of-type(4)::before, .mobile-menu a:nth-of-type(4)::before, .side-menu a:nth-of-type(4)::before, .nav-drawer a:nth-of-type(4)::before, #menuPanel a:nth-of-type(4)::before, #mobileMenu a:nth-of-type(4)::before { content:"▣" !important; }
.menu-panel a:nth-of-type(5)::before, .drawer a:nth-of-type(5)::before, .mobile-menu a:nth-of-type(5)::before, .side-menu a:nth-of-type(5)::before, .nav-drawer a:nth-of-type(5)::before, #menuPanel a:nth-of-type(5)::before, #mobileMenu a:nth-of-type(5)::before { content:"♙" !important; }
.menu-panel a:nth-of-type(6)::before, .drawer a:nth-of-type(6)::before, .mobile-menu a:nth-of-type(6)::before, .side-menu a:nth-of-type(6)::before, .nav-drawer a:nth-of-type(6)::before, #menuPanel a:nth-of-type(6)::before, #mobileMenu a:nth-of-type(6)::before { content:"☎" !important; }
.menu-panel a:nth-of-type(7)::before, .drawer a:nth-of-type(7)::before, .mobile-menu a:nth-of-type(7)::before, .side-menu a:nth-of-type(7)::before, .nav-drawer a:nth-of-type(7)::before, #menuPanel a:nth-of-type(7)::before, #mobileMenu a:nth-of-type(7)::before { content:"▢" !important; }
.menu-panel a:nth-of-type(8)::before, .drawer a:nth-of-type(8)::before, .mobile-menu a:nth-of-type(8)::before, .side-menu a:nth-of-type(8)::before, .nav-drawer a:nth-of-type(8)::before, #menuPanel a:nth-of-type(8)::before, #mobileMenu a:nth-of-type(8)::before { content:"♢" !important; }
.menu-panel a:nth-of-type(9)::before, .drawer a:nth-of-type(9)::before, .mobile-menu a:nth-of-type(9)::before, .side-menu a:nth-of-type(9)::before, .nav-drawer a:nth-of-type(9)::before, #menuPanel a:nth-of-type(9)::before, #mobileMenu a:nth-of-type(9)::before { content:"▱" !important; }
.menu-panel a:nth-of-type(10)::before, .drawer a:nth-of-type(10)::before, .mobile-menu a:nth-of-type(10)::before, .side-menu a:nth-of-type(10)::before, .nav-drawer a:nth-of-type(10)::before, #menuPanel a:nth-of-type(10)::before, #mobileMenu a:nth-of-type(10)::before { content:"↺" !important; }

/* Kapatma butonu */
.close-menu,
.menu-close,
.drawer-close,
button[aria-label="Kapat"],
button[aria-label="Close"] {
  background: #f5f3ff !important;
  color: #111827 !important;
  border: 1px solid rgba(99,102,241,.10) !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 20px rgba(15,23,42,.07) !important;
  font-weight: 700 !important;
}

/* Alt bilgi kutusu */
.menu-note,
.menu-footer-note,
.menu-panel .menu-note,
.drawer .menu-note,
.mobile-menu .menu-note,
.side-menu .menu-note,
.nav-drawer .menu-note,
.side-menu-footer {
  position: relative !important;
  margin-top: 18px !important;
  background: #f2f0ff !important;
  color: #4f46e5 !important;
  border: 1px solid rgba(99,102,241,.08) !important;
  border-radius: 18px !important;
  padding: 16px 16px 16px 58px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

.menu-note *,
.menu-footer-note *,
.side-menu-footer *,
.menu-panel .menu-note *,
.drawer .menu-note *,
.mobile-menu .menu-note *,
.side-menu .menu-note *,
.nav-drawer .menu-note * {
  color: #4f46e5 !important;
  font-weight: 600 !important;
  text-shadow: none !important;
}

.menu-note::before,
.menu-footer-note::before,
.side-menu-footer::before {
  content: "♢" !important;
  position: absolute !important;
  left: 20px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 28px !important;
  height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #5b4dff !important;
  background: rgba(91,77,255,.08) !important;
  border-radius: 10px !important;
  font-size: 19px !important;
  font-weight: 800 !important;
}

.menu-overlay,
.drawer-overlay,
.mobile-menu-overlay,
#menuOverlay {
  background: rgba(9,13,24,.54) !important;
  backdrop-filter: blur(6px) !important;
}

@media (max-width: 700px) {
  .menu-panel a,
  .drawer a,
  .mobile-menu a,
  .side-menu a,
  .nav-drawer a,
  .menu-drawer a,
  #menuPanel a,
  #mobileMenu a {
    min-height: 46px !important;
    padding: 12px 40px 12px 44px !important;
    margin-bottom: 9px !important;
    border-radius: 14px !important;
    font-size: 14px !important;
  }

}


/* CTA COLOR BALANCE FINAL */
.file-label{
  background: linear-gradient(135deg,#16a34a,#22c55e) !important;
  color:#fff !important;
  border:none !important;
  box-shadow:0 10px 24px rgba(34,197,94,.28) !important;
}

.download,
#previewCta{
  background: linear-gradient(135deg,#1e1b4b,#312e81) !important;
  color:#fff !important;
  border:none !important;
  box-shadow:0 10px 30px rgba(49,46,129,.25) !important;
}



/* =====================================================
   V126 SAFE SECTION HIDE PATCH
   DOM silinmez; layout iskeleti korunur.
   Çarpı atılan bölümler kullanıcıya gösterilmez.
===================================================== */

#cv-examples,
#about-cvyaz,
#contact-cvyaz,
.support-footer{
  display:none !important;
}

/* Gizlenen alanlardan sonra legal/footer nefesli kalsın */
.legal-box{
  margin-top:32px !important;
  margin-bottom:56px !important;
}

.site-footer{
  margin-top:48px !important;
}

/* Sol altta kaçan eski WhatsApp kalıntılarını tamamen kapat */
.support-whatsapp,
.support-mail{
  display:none !important;
}

/* Hamburger sade link görünümü */
.side-menu a{
  font-weight:800 !important;
}



/* =====================================================
   REMOVE BOTTOM FOOTER WINDOW
===================================================== */

.site-footer{
  display:none !important;
}




/* =====================================================
   ENHANCED LEGAL BOX + WHATSAPP SUPPORT
===================================================== */

.enhanced-legal-box{
  width:100% !important;
  max-width:1000px !important;
  margin:48px auto 80px auto !important;
  padding:34px 28px !important;
  border-radius:34px !important;
}

.legal-sub{
  font-size:15px !important;
  line-height:1.7 !important;
  opacity:.82 !important;
  margin-top:10px !important;
  margin-bottom:26px !important;
}

.bottom-support-box{
  margin-top:30px !important;
  padding:22px !important;
  border-radius:24px !important;
  background:linear-gradient(135deg,#f5f7ff,#eef2ff) !important;
  border:1px solid rgba(49,46,129,.10) !important;
  text-align:center !important;
}

.bottom-support-title{
  font-size:18px !important;
  font-weight:900 !important;
  margin-bottom:8px !important;
  color:#1e1b4b !important;
}

.bottom-support-sub{
  font-size:14px !important;
  opacity:.75 !important;
  margin-bottom:16px !important;
}

.bottom-support-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:14px 24px !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,#16a34a,#22c55e) !important;
  color:#fff !important;
  font-weight:800 !important;
  text-decoration:none !important;
  box-shadow:0 10px 30px rgba(34,197,94,.24) !important;
}

.legal-copyright{
  font-size:13px !important;
  color:#6b7280 !important;
  opacity:1 !important;
  line-height:1.6 !important;
  text-align:center !important;
}

@media (max-width:700px){

  .enhanced-legal-box{
    padding:26px 18px !important;
    border-radius:26px !important;
  }

  .bottom-support-box{
    padding:18px !important;
  }


}




/* =====================================================
   LEGAL BOX WIDTH ALIGN FIX
   En alttaki Güvenli Dijital Satın Alma penceresi
   üstteki ATS penceresiyle aynı genişlik hizasına alınır.
===================================================== */

.enhanced-legal-box,
.legal-box{
  max-width:760px !important;
  width:min(760px, calc(100% - 32px)) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}

@media (max-width:700px){
  .enhanced-legal-box,
  .legal-box{
    width:calc(100% - 24px) !important;
    max-width:none !important;
  }

}




/* =====================================================
   LEGAL EXACT WIDTH FIX
   Güvenli Dijital Satın Alma kutusu ATS kutusuyla
   birebir aynı dış genişliğe alınır.
===================================================== */

#ats-nedir,
.info-section.ats-card{
  max-width:760px !important;
  width:min(760px, calc(100% - 32px)) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}

.enhanced-legal-box,
.legal-box{
  max-width:760px !important;
  width:min(760px, calc(100% - 32px)) !important;
  margin-left:auto !important;
  margin-right:auto !important;
  box-sizing:border-box !important;
}

@media (max-width:700px){
  #ats-nedir,
  .info-section.ats-card,
  .enhanced-legal-box,
  .legal-box{
    width:calc(100% - 24px) !important;
    max-width:none !important;
  }

}




/* =====================================================
   V126 LIVE PREVIEW FIRST PAGE ONLY FIX
   Canlı CV penceresi sadece 1. sayfayı gösterir.
   Ek belgeler ve 2. sayfa canlı önizlemede görünmez.
   PDF oluşturma/satın alma çıktısına dokunmaz.
===================================================== */

#cvWrap{
  overflow:hidden !important;
}

/* Sadece ana ekrandaki canlı önizleme CV'sini A4 ilk sayfada kes */
#cvWrap > #cv{
  height:1123px !important;
  min-height:1123px !important;
  max-height:1123px !important;
  overflow:hidden !important;
}

/* Ek belgeler canlı önizleme penceresinde görünmesin */
#cvWrap #secDocs{
  display:none !important;
}

/* İçerik çok uzarsa pencere tren gibi uzamasın */
#cvWrap > #cv .sec{
  break-inside:avoid !important;
}

/* Var olan transform akışını koru, sadece canlı pencere yüksekliğini sabitle */
@media (min-width:701px){
  #cvWrap{
    max-height:565px !important;
  }

}

@media (max-width:700px){
  #cvWrap{
    max-height:620px !important;
  }

}




/* =====================================================
   V126 STYLE + FOOTER + LONG LEGAL LABELS UPDATE
   1) 4 CV stili örnek görsellere yakın karaktere çekildi.
   2) Alt footer koyu mobil örnek stile döndü.
   3) Legal link isimleri uzun/kurumsal hale getirildi.
===================================================== */

/* Footer tekrar görünür ve koyu örnek stile yaklaşır */
.site-footer.cvyaz-footer-v2,
.cvyaz-footer-v2{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  margin:64px 0 0 0 !important;
  padding:44px 38px 34px !important;
  border-radius:0 !important;
  background:#101119 !important;
  color:#ffffff !important;
  box-shadow:none !important;
  text-align:left !important;
}

.footer-grid-v2{
  max-width:760px !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:repeat(3,1fr) !important;
  gap:34px !important;
}

.footer-col-v2 h3{
  color:#ffffff !important;
  font-size:22px !important;
  font-weight:950 !important;
  margin:0 0 22px !important;
  letter-spacing:-.02em !important;
}

.footer-col-v2 a{
  display:block !important;
  color:rgba(255,255,255,.58) !important;
  text-decoration:none !important;
  font-size:17px !important;
  font-weight:750 !important;
  line-height:1.35 !important;
  margin:0 0 18px !important;
  background:transparent !important;
  padding:0 !important;
  border-radius:0 !important;
}

.footer-col-v2 a:hover{
  color:#ffffff !important;
}

.footer-bottom-v2{
  max-width:760px !important;
  margin:54px auto 0 !important;
  color:rgba(255,255,255,.50) !important;
  font-size:15px !important;
  font-weight:700 !important;
  line-height:1.45 !important;
}

/* Legal link butonlarını uzun metne uygun yap */
.legal-links{
  gap:10px !important;
  flex-wrap:wrap !important;
}
.legal-links a{
  white-space:normal !important;
  text-align:center !important;
  padding:10px 14px !important;
}


.cv{
  box-sizing:border-box !important;
}
.cv .cv-inner{
  position:relative !important;
  z-index:2 !important;
}













/* 2) MINIMAL — klasik beyaz, ince çizgili ATS */
.cv.minimal{
  background:#fff !important;
  padding:54px 58px !important;
  border:0 !important;
  box-shadow:0 14px 40px rgba(0,0,0,.10) !important;
}
.cv.minimal .cv-inner{
  padding:0 !important;
}
.cv.minimal .cv-top{
  display:grid !important;
  grid-template-columns:72px 1fr !important;
  gap:22px !important;
  align-items:center !important;
  border-bottom:2px solid #e5e7eb !important;
  padding-bottom:24px !important;
  margin-bottom:26px !important;
}
.cv.minimal .photo-frame{
  width:66px !important;
  height:66px !important;
  border-radius:50% !important;
  border:0 !important;
}
.cv.minimal h2{
  font-family:Georgia, "Times New Roman", serif !important;
  font-size:38px !important;
  font-weight:700 !important;
  letter-spacing:0 !important;
  color:#242424 !important;
  text-transform:none !important;
}
.cv.minimal .role{
  color:#555 !important;
  font-weight:700 !important;
}
.cv.minimal .sec h3{
  color:#1f2937 !important;
  font-family:Georgia, "Times New Roman", serif !important;
  font-size:16px !important;
  border-top:2px solid #e5e7eb !important;
  border-bottom:0 !important;
  padding-top:16px !important;
}


/* 4) EXECUTIVE — lacivert üst başlık bandı */
.cv.executive{
  background:#fff !important;
  padding:0 !important;
  color:#1f2937 !important;
  border:0 !important;
}
.cv.executive .cv-inner{
  padding:0 54px 48px !important;
}
.cv.executive .cv-top{
  margin:0 -54px 30px !important;
  padding:42px 54px 42px !important;
  min-height:150px !important;
  background:#111827 !important;
  color:#fff !important;
  border:0 !important;
  display:flex !important;
  align-items:center !important;
  gap:28px !important;
}
.cv.executive h2{
  color:#fff !important;
  font-family:Arial, sans-serif !important;
  font-size:38px !important;
  font-weight:950 !important;
  letter-spacing:.05em !important;
  text-transform:uppercase !important;
}
.cv.executive .role{
  color:#93c5fd !important;
}
.cv.executive .photo-frame{
  width:112px !important;
  height:112px !important;
  border-radius:50% !important;
  border:4px solid rgba(255,255,255,.9) !important;
  overflow:hidden !important;
  background:#fff !important;
}
.cv.executive .sec h3{
  color:#111827 !important;
  border-top:1px solid #d1d5db !important;
  border-bottom:0 !important;
  padding-top:16px !important;
  font-size:16px !important;
  letter-spacing:.07em !important;
}
.cv.executive .entry{
  border-left:0 !important;
  padding-left:0 !important;
}
.cv.executive .tag{
  background:#111827 !important;
  color:#fff !important;
}

/* Mobilde footer örnekteki gibi tek kolon */
@media (max-width:700px){
  .site-footer.cvyaz-footer-v2,
  .cvyaz-footer-v2{
    padding:34px 28px 96px !important;
    margin-top:46px !important;
  }
  .footer-grid-v2{
    grid-template-columns:1fr !important;
    gap:32px !important;
    max-width:100% !important;
  }
  .footer-col-v2 h3{
    font-size:28px !important;
    margin-bottom:22px !important;
  }
  .footer-col-v2 a{
    font-size:25px !important;
    line-height:1.25 !important;
    margin-bottom:26px !important;
    color:rgba(255,255,255,.52) !important;
  }
  .footer-bottom-v2{
    max-width:100% !important;
    font-size:23px !important;
    margin-top:58px !important;
  }

}

/* Çok küçük previewde sidebar stilleri taşmasın */




/* =====================================================
   V126 PROFESSIONAL BOTTOM LEGAL POLISH
===================================================== */
.enhanced-legal-box .legal-links a,
.legal-box .legal-links a{
  padding:10px 14px !important;
  min-height:38px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  white-space:normal !important;
  text-align:center !important;
  line-height:1.2 !important;
}
.enhanced-legal-box,
.legal-box{
  box-shadow:0 24px 80px rgba(17,24,39,.10) !important;
  border:1px solid rgba(17,24,39,.07) !important;
}



/* =====================================================
   HIDE BLACK FOOTER WINDOW
===================================================== */
.site-footer,
.cvyaz-footer-v2{
  display:none !important;
}


/* FORCE REMOVE BOTTOM BLACK FOOTER */
footer,
.footer,
.site-footer,
.cvyaz-footer,
.cvyaz-footer-v2,
.main-footer,
.bottom-footer{
    display:none !important;
    visibility:hidden !important;
    opacity:0 !important;
    height:0 !important;
    overflow:hidden !important;
    padding:0 !important;
    margin:0 !important;
}




/* =====================================================
   PROFESSIONAL BOTTOM LEGAL / SUPPORT PANEL V2
===================================================== */

.enhanced-legal-box,
.legal-box{
  position:relative !important;
  max-width:760px !important;
  width:min(760px, calc(100% - 32px)) !important;
  margin:48px auto 82px !important;
  padding:34px 34px 30px !important;
  border-radius:34px !important;
  background:
    radial-gradient(circle at 18% 8%, rgba(79,70,229,.07), transparent 34%),
    linear-gradient(180deg,#ffffff,#fbfcff) !important;
  border:1px solid rgba(17,24,39,.08) !important;
  box-shadow:
    0 28px 90px rgba(15,23,42,.12),
    inset 0 1px 0 rgba(255,255,255,.95) !important;
  overflow:hidden !important;
}

.enhanced-legal-box::before,
.legal-box::before{
  content:"" !important;
  position:absolute !important;
  left:34px !important;
  right:34px !important;
  top:0 !important;
  height:4px !important;
  border-radius:0 0 999px 999px !important;
  background:linear-gradient(90deg,#16a34a,#22c55e,#312e81) !important;
}

.legal-title{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:8px !important;
  font-size:20px !important;
  font-weight:950 !important;
  letter-spacing:-.02em !important;
  color:#111827 !important;
  margin-bottom:14px !important;
}

.legal-sub,
.enhanced-legal-box > p,
.legal-box > p{
  max-width:640px !important;
  margin:0 auto 24px !important;
  text-align:center !important;
  font-size:15px !important;
  line-height:1.75 !important;
  color:#4b5563 !important;
}

.legal-check{
  max-width:650px !important;
  margin:0 auto 13px !important;
  display:grid !important;
  grid-template-columns:22px 1fr !important;
  align-items:flex-start !important;
  gap:12px !important;
  padding:13px 14px !important;
  border-radius:16px !important;
  background:rgba(248,250,252,.72) !important;
  border:1px solid rgba(15,23,42,.06) !important;
}

.legal-check input{
  width:18px !important;
  height:18px !important;
  margin:2px 0 0 !important;
  accent-color:#16a34a !important;
}

.legal-check label{
  font-size:14px !important;
  line-height:1.45 !important;
  color:#374151 !important;
}

.legal-note{
  margin:20px auto 14px !important;
  text-align:center !important;
  color:#6b7280 !important;
  font-size:13px !important;
}

.legal-note::before{
  content:"🛡️ " !important;
}

.legal-links{
  max-width:610px !important;
  margin:0 auto 28px !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:10px !important;
}

.legal-links a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:40px !important;
  padding:10px 16px !important;
  border-radius:999px !important;
  background:#f1f5f9 !important;
  border:1px solid rgba(15,23,42,.06) !important;
  color:#111827 !important;
  font-size:13px !important;
  font-weight:900 !important;
  text-decoration:none !important;
  box-shadow:0 8px 22px rgba(15,23,42,.045) !important;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease !important;
}

.legal-links a:hover{
  transform:translateY(-1px) !important;
  background:#ffffff !important;
  box-shadow:0 12px 28px rgba(15,23,42,.08) !important;
}

.bottom-support-box{
  max-width:650px !important;
  margin:30px auto 0 !important;
  padding:26px 22px !important;
  border-radius:26px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(49,46,129,.12), transparent 36%),
    linear-gradient(180deg,#f5f7ff,#eef3ff) !important;
  border:1px solid rgba(49,46,129,.13) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85) !important;
  text-align:center !important;
}

.bottom-support-title{
  color:#1e1b4b !important;
  font-size:22px !important;
  font-weight:950 !important;
  letter-spacing:-.02em !important;
  margin-bottom:8px !important;
}

.bottom-support-sub{
  color:#4b5563 !important;
  font-size:14px !important;
  margin-bottom:18px !important;
}

.bottom-support-btn{
  min-width:260px !important;
  min-height:52px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:15px 28px !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,#16a34a,#22c55e) !important;
  color:#fff !important;
  font-weight:950 !important;
  font-size:16px !important;
  text-decoration:none !important;
  box-shadow:0 15px 36px rgba(34,197,94,.28) !important;
}

.bottom-support-btn::before{
  content:"💬";
  margin-right:8px;
}

.legal-copyright{
  margin-top:28px !important;
  padding-top:20px !important;
  border-top:1px solid rgba(15,23,42,.07) !important;
  color:#6b7280 !important;
  text-align:center !important;
  font-size:13px !important;
}

@media (max-width:700px){
  .enhanced-legal-box,
  .legal-box{
    width:calc(100% - 24px) !important;
    max-width:none !important;
    padding:28px 18px 26px !important;
    border-radius:28px !important;
    margin-top:36px !important;
  }

  .enhanced-legal-box::before,
  .legal-box::before{
    left:20px !important;
    right:20px !important;
  }

  .legal-title{
    font-size:18px !important;
  }

  .legal-sub,
  .enhanced-legal-box > p,
  .legal-box > p{
    text-align:left !important;
    font-size:14px !important;
  }

  .legal-check{
    padding:12px !important;
  }

  .legal-links{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:9px !important;
  }

  .legal-links a{
    font-size:12px !important;
    padding:10px 8px !important;
  }

  .bottom-support-box{
    padding:22px 16px !important;
    border-radius:22px !important;
  }

  .bottom-support-title{
    font-size:20px !important;
  }

  .bottom-support-btn{
    width:100% !important;
    min-width:0 !important;
  }

}


/* ===== PROFESSIONAL LEGAL PANEL POLISH ===== */

.enhanced-legal-box,
.legal-box{
  position:relative !important;
  overflow:hidden !important;
  background:rgba(255,255,255,.92) !important;
  backdrop-filter:blur(14px) !important;
  -webkit-backdrop-filter:blur(14px) !important;
  border:1px solid rgba(255,255,255,.7) !important;
  box-shadow:
    0 12px 40px rgba(15,23,42,.08),
    inset 0 1px 0 rgba(255,255,255,.95) !important;
}

.enhanced-legal-box::before,
.legal-box::before{
  content:"" !important;
  position:absolute !important;
  top:0 !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  width:88% !important;
  height:4px !important;
  border-radius:999px !important;
  background:linear-gradient(90deg,#16a34a,#2563eb,#4f46e5) !important;
  opacity:.95 !important;
}

.legal-title{
  font-size:40px !important;
  font-weight:900 !important;
  letter-spacing:-0.03em !important;
  color:#0f172a !important;
}

.legal-sub,
.enhanced-legal-box > p,
.legal-box > p{
  color:#4b5563 !important;
  line-height:1.8 !important;
  font-size:16px !important;
}

.legal-check{
  background:#ffffff !important;
  border:1px solid #e5e7eb !important;
  border-radius:18px !important;
  transition:.25s ease !important;
}

.legal-check:hover{
  border-color:#cbd5e1 !important;
  box-shadow:0 6px 18px rgba(0,0,0,.04) !important;
}

.legal-links a{
  background:#f3f4f6 !important;
  color:#111827 !important;
  padding:13px 20px !important;
  font-size:14px !important;
  font-weight:800 !important;
  border-radius:999px !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    0 2px 8px rgba(0,0,0,.04) !important;
  transition:.22s ease !important;
}

.legal-links a:hover{
  transform:translateY(-2px) !important;
  background:#111827 !important;
  color:#fff !important;
}

.bottom-support-box{
  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.96),
      rgba(244,247,255,.94)
    ) !important;
  border:1px solid #dbe4ff !important;
  border-radius:30px !important;
  padding:34px 28px !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    0 10px 30px rgba(79,70,229,.05) !important;
}

.bottom-support-title{
  font-size:32px !important;
  font-weight:900 !important;
  color:#1e1b4b !important;
  letter-spacing:-0.02em !important;
}

.bottom-support-sub{
  color:#6b7280 !important;
  font-size:15px !important;
  line-height:1.7 !important;
}

.bottom-support-btn{
  padding:18px 34px !important;
  font-size:18px !important;
  font-weight:900 !important;
  background:linear-gradient(135deg,#22c55e,#16a34a) !important;
  box-shadow:0 12px 28px rgba(34,197,94,.22) !important;
  transition:.25s ease !important;
}

.bottom-support-btn:hover{
  transform:translateY(-3px) scale(1.01) !important;
  box-shadow:0 18px 36px rgba(34,197,94,.28) !important;
}

.legal-copyright{
  margin-top:34px !important;
  padding-top:24px !important;
  border-top:1px solid rgba(0,0,0,.06) !important;
  color:#9ca3af !important;
  font-size:14px !important;
}

@media(max-width:700px){

  .legal-title{
    font-size:28px !important;
    line-height:1.2 !important;
  }

  .bottom-support-title{
    font-size:24px !important;
  }

  .bottom-support-btn{
    width:100% !important;
  }

  .legal-links{
    grid-template-columns:1fr !important;
  }


}




/* =====================================================
   ULTRA COMPACT PROFESSIONAL BOTTOM PANEL
   Alt ödeme/destek panelini daha kısa ve derli toplu yapar.
===================================================== */

.enhanced-legal-box,
.legal-box{
  max-width:720px !important;
  width:min(720px, calc(100% - 32px)) !important;
  margin:34px auto 54px !important;
  padding:24px 28px 22px !important;
  border-radius:28px !important;
}

.enhanced-legal-box::before,
.legal-box::before{
  height:3px !important;
  left:28px !important;
  right:28px !important;
}

.legal-title{
  font-size:26px !important;
  margin-bottom:8px !important;
  line-height:1.15 !important;
}

.legal-sub,
.enhanced-legal-box > p,
.legal-box > p{
  max-width:560px !important;
  font-size:13.5px !important;
  line-height:1.55 !important;
  margin:0 auto 16px !important;
}

.legal-check{
  max-width:620px !important;
  min-height:0 !important;
  padding:9px 12px !important;
  margin:0 auto 8px !important;
  border-radius:14px !important;
  gap:10px !important;
}

.legal-check input{
  width:16px !important;
  height:16px !important;
}

.legal-check label{
  font-size:12.8px !important;
  line-height:1.35 !important;
}

.legal-note{
  margin:13px auto 10px !important;
  font-size:12px !important;
}

.legal-links{
  max-width:600px !important;
  margin:0 auto 18px !important;
  gap:8px !important;
}

.legal-links a{
  min-height:32px !important;
  padding:8px 12px !important;
  font-size:12px !important;
  border-radius:999px !important;
}

.bottom-support-box{
  max-width:620px !important;
  margin:18px auto 0 !important;
  padding:18px 20px !important;
  border-radius:22px !important;
  display:grid !important;
  grid-template-columns:1fr auto !important;
  align-items:center !important;
  gap:18px !important;
  text-align:left !important;
}

.bottom-support-title{
  font-size:18px !important;
  margin-bottom:4px !important;
}

.bottom-support-sub{
  font-size:12.8px !important;
  margin-bottom:0 !important;
}

.bottom-support-btn{
  min-width:220px !important;
  min-height:44px !important;
  padding:12px 20px !important;
  font-size:14.5px !important;
}

.legal-copyright{
  margin-top:18px !important;
  padding-top:14px !important;
  font-size:12px !important;
}

@media (max-width:700px){
  .enhanced-legal-box,
  .legal-box{
    width:calc(100% - 24px) !important;
    padding:22px 14px 20px !important;
    border-radius:24px !important;
    margin:28px auto 48px !important;
  }

  .legal-title{
    font-size:22px !important;
  }

  .legal-sub,
  .enhanced-legal-box > p,
  .legal-box > p{
    font-size:13px !important;
    text-align:center !important;
  }

  .legal-links{
    grid-template-columns:1fr 1fr !important;
  }

  .bottom-support-box{
    display:block !important;
    text-align:center !important;
    padding:18px 14px !important;
  }

  .bottom-support-sub{
    margin-bottom:14px !important;
  }

  .bottom-support-btn{
    width:100% !important;
    min-width:0 !important;
  }

}






/* Dış kutu: ATS kutusuyla aynı hizaya geri al */
.enhanced-legal-box,
.legal-box{
  width:min(760px, calc(100% - 32px)) !important;
  max-width:760px !important;
  margin:42px auto 64px !important;
  padding:26px 30px 24px !important;
  border-radius:30px !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(79,70,229,.045), transparent 30%),
    linear-gradient(180deg,#ffffff,#fbfcff) !important;
  border:1px solid rgba(15,23,42,.075) !important;
  box-shadow:0 24px 72px rgba(15,23,42,.105) !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
}

/* Üst çizgi: daha profesyonel, kısa ve ince */
.enhanced-legal-box::before,
.legal-box::before{
  content:"" !important;
  position:absolute !important;
  top:0 !important;
  left:34px !important;
  right:34px !important;
  height:3px !important;
  border-radius:0 0 999px 999px !important;
  background:linear-gradient(90deg,#16a34a,#2563eb,#4f46e5) !important;
}

/* Başlık */
.legal-title{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:10px !important;
  margin:0 0 8px !important;
  font-size:26px !important;
  line-height:1.12 !important;
  font-weight:950 !important;
  letter-spacing:-.035em !important;
  color:#111827 !important;
}

/* Açıklama */
.legal-sub,
.enhanced-legal-box > p,
.legal-box > p{
  max-width:610px !important;
  margin:0 auto 18px !important;
  text-align:center !important;
  font-size:13.5px !important;
  line-height:1.58 !important;
  color:#64748b !important;
}

/* Checkbox alanları */
.legal-check{
  max-width:650px !important;
  margin:0 auto 9px !important;
  padding:10px 13px !important;
  min-height:0 !important;
  display:grid !important;
  grid-template-columns:18px 1fr !important;
  align-items:center !important;
  gap:11px !important;
  border-radius:15px !important;
  background:#ffffff !important;
  border:1px solid rgba(15,23,42,.09) !important;
  box-shadow:0 5px 16px rgba(15,23,42,.035) !important;
}

.legal-check input{
  width:16px !important;
  height:16px !important;
  margin:0 !important;
  accent-color:#16a34a !important;
}

.legal-check label{
  font-size:12.9px !important;
  line-height:1.35 !important;
  color:#334155 !important;
}

/* Güvenli ödeme notu */
.legal-note{
  margin:13px auto 10px !important;
  text-align:center !important;
  color:#94a3b8 !important;
  font-size:12px !important;
  line-height:1.35 !important;
}

.legal-note::before{
  content:"🛡️ " !important;
}


.legal-links{
  max-width:650px !important;
  margin:0 auto 22px !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:9px !important;
}

.legal-links a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:34px !important;
  padding:8px 14px !important;
  border-radius:999px !important;
  background:linear-gradient(180deg,#ffffff,#f4f6f9) !important;
  border:1px solid rgba(15,23,42,.08) !important;
  color:#111827 !important;
  text-decoration:none !important;
  font-size:12.5px !important;
  font-weight:900 !important;
  box-shadow:0 7px 18px rgba(15,23,42,.045) !important;
  white-space:nowrap !important;
}

/* WhatsApp: profesyonel yatay kart */
.bottom-support-box{
  max-width:650px !important;
  margin:0 auto !important;
  padding:18px 20px !important;
  border-radius:22px !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.96),rgba(245,247,255,.94)) !important;
  border:1px solid rgba(79,70,229,.14) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9) !important;
  display:grid !important;
  grid-template-columns:1fr auto !important;
  align-items:center !important;
  gap:20px !important;
  text-align:left !important;
}

.bottom-support-title{
  margin:0 0 4px !important;
  font-size:18px !important;
  line-height:1.15 !important;
  font-weight:950 !important;
  letter-spacing:-.02em !important;
  color:#1e1b4b !important;
}

.bottom-support-sub{
  margin:0 !important;
  font-size:12.8px !important;
  line-height:1.45 !important;
  color:#64748b !important;
}

.bottom-support-btn{
  min-width:225px !important;
  min-height:44px !important;
  padding:12px 22px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:linear-gradient(135deg,#16a34a,#22c55e) !important;
  color:#ffffff !important;
  font-size:14.5px !important;
  font-weight:950 !important;
  text-decoration:none !important;
  box-shadow:0 12px 26px rgba(34,197,94,.22) !important;
}

.bottom-support-btn::before{
  content:"💬" !important;
  margin-right:8px !important;
}

/* Copyright */
.legal-copyright{
  margin-top:18px !important;
  padding-top:14px !important;
  border-top:1px solid rgba(15,23,42,.07) !important;
  text-align:center !important;
  color:#9ca3af !important;
  font-size:12px !important;
}

/* Önceki ultra compact patch'ten kalan bozuk grid etkilerini temizle */
.bottom-support-box > *{
  min-width:0 !important;
}

@media (max-width:700px){
  .enhanced-legal-box,
  .legal-box{
    width:calc(100% - 24px) !important;
    max-width:none !important;
    margin:32px auto 58px !important;
    padding:23px 16px 22px !important;
    border-radius:26px !important;
  }

  .enhanced-legal-box::before,
  .legal-box::before{
    left:20px !important;
    right:20px !important;
  }

  .legal-title{
    font-size:21px !important;
    line-height:1.18 !important;
  }

  .legal-sub,
  .enhanced-legal-box > p,
  .legal-box > p{
    font-size:13px !important;
    line-height:1.55 !important;
    text-align:center !important;
    margin-bottom:16px !important;
  }

  .legal-check{
    grid-template-columns:18px 1fr !important;
    padding:10px 11px !important;
    align-items:flex-start !important;
  }

  .legal-links{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
    margin-bottom:18px !important;
  }

  .legal-links a{
    white-space:normal !important;
    font-size:11.5px !important;
    padding:8px 8px !important;
    text-align:center !important;
  }

  .bottom-support-box{
    display:block !important;
    text-align:center !important;
    padding:18px 14px !important;
    border-radius:20px !important;
  }

  .bottom-support-title{
    font-size:18px !important;
  }

  .bottom-support-sub{
    margin-bottom:14px !important;
  }

  .bottom-support-btn{
    width:100% !important;
    min-width:0 !important;
  }

}




/* =====================================================
   FINAL LEGAL SHORT LABELS + WHATSAPP ROW FIX
===================================================== */

/* Legal butonlar kısa isimlerle tek satırda dursun */
.legal-links{
  display:flex !important;
  flex-wrap:nowrap !important;
  justify-content:center !important;
  align-items:center !important;
  gap:8px !important;
  max-width:650px !important;
  margin:0 auto 22px !important;
}

.legal-links a{
  min-width:auto !important;
  min-height:34px !important;
  padding:8px 14px !important;
  font-size:12.5px !important;
  white-space:nowrap !important;
}

/* WhatsApp alanı: yazı + buton profesyonel yatay düzen */
.bottom-support-box{
  max-width:650px !important;
  margin:0 auto !important;
  padding:18px 20px !important;
  border-radius:22px !important;
  display:grid !important;
  grid-template-columns:1fr auto !important;
  align-items:center !important;
  gap:18px !important;
  text-align:left !important;
}

.bottom-support-title{
  display:none !important;
}

.bottom-support-sub{
  margin:0 !important;
  color:#64748b !important;
  font-size:13px !important;
  line-height:1.45 !important;
  text-align:left !important;
}

.bottom-support-btn{
  min-width:230px !important;
  min-height:44px !important;
  padding:12px 22px !important;
  font-size:14.5px !important;
  white-space:nowrap !important;
}

.bottom-support-btn::before{
  content:"💬" !important;
  margin-right:8px !important;
}

/* Mobilde tek kolon ama kısa ve temiz */
@media (max-width:700px){
  .legal-links{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
    flex-wrap:wrap !important;
  }

  .legal-links a{
    white-space:nowrap !important;
    font-size:12px !important;
    padding:8px 10px !important;
  }

  .bottom-support-box{
    display:block !important;
    text-align:center !important;
    padding:17px 14px !important;
  }

  .bottom-support-sub{
    text-align:center !important;
    margin-bottom:13px !important;
  }

  .bottom-support-btn{
    width:100% !important;
    min-width:0 !important;
  }

}




/* =====================================================
   FINAL REQUEST PATCH
   1) CV stilleri eski karakterlerine geri alındı.
   2) WhatsApp yazısı ve yeşil buton ortalandı.
   3) Üst renk çizgisi uzatıldı.
===================================================== */

/* Üst renk çizgisi daha uzun */
.enhanced-legal-box::before,
.legal-box::before{
  left:18px !important;
  right:18px !important;
  width:auto !important;
  height:3px !important;
  background:linear-gradient(90deg,#16a34a,#2563eb,#4f46e5) !important;
}

/* WhatsApp alanı: yazı üstte, buton altında ortalı */
.bottom-support-box{
  max-width:650px !important;
  margin:0 auto !important;
  padding:20px 22px !important;
  border-radius:22px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:14px !important;
  text-align:center !important;
}

.bottom-support-title{
  display:none !important;
}

.bottom-support-sub{
  margin:0 !important;
  max-width:520px !important;
  color:#64748b !important;
  font-size:13.5px !important;
  line-height:1.45 !important;
  text-align:center !important;
}

.bottom-support-btn{
  margin:0 auto !important;
  min-width:260px !important;
  min-height:46px !important;
  padding:13px 26px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  font-size:15px !important;
  font-weight:950 !important;
  white-space:nowrap !important;
}

.bottom-support-btn::before{
  content:"💬" !important;
  margin-right:8px !important;
}

/* Legal kısa butonlar tek satır */
.legal-links{
  flex-wrap:nowrap !important;
  gap:9px !important;
}
.legal-links a{
  white-space:nowrap !important;
}

/* =====================================================
   CV STYLES RESTORE — ESKİ HAL
   Sonradan eklenen sidebar/örnek görsel override'larını ezer.
===================================================== */





















/* ATS SADE eski */
.cv.minimal{
  border:1px solid #e5e7eb !important;
  box-shadow:none !important;
}
.cv.minimal .cv-top{
  border-bottom:1px solid #e5e7eb !important;
  padding-bottom:16px !important;
}
.cv.minimal h2{
  font-size:34px !important;
  letter-spacing:-.5px !important;
}
.cv.minimal .role{
  color:#374151 !important;
  font-weight:800 !important;
}
.cv.minimal .sec h3{
  color:#6b7280 !important;
  border-top:0 !important;
  border-bottom:1px solid #f0f0f0 !important;
  padding-bottom:7px !important;
}
.cv.minimal .tag{
  background:#f3f4f6 !important;
  color:#111827 !important;
}

/* EXECUTIVE eski */
.cv.executive{
  border-top:15px solid #7c3aed !important;
}
.cv.executive .cv-top{
  border-bottom:2px solid #ede9fe !important;
  padding-bottom:18px !important;
}
.cv.executive h2{
  font-family:Georgia, "Times New Roman", serif !important;
  font-size:42px !important;
  letter-spacing:.2px !important;
  color:#111827 !important;
  text-transform:none !important;
}
.cv.executive .role{
  color:#7c3aed !important;
  font-weight:800 !important;
}
.cv.executive .sec h3{
  color:#7c3aed !important;
  border-top:0 !important;
  border-bottom:1px solid #ede9fe !important;
  padding-bottom:8px !important;
}
.cv.executive .entry{
  border-left:2px solid #ede9fe !important;
  padding-left:14px !important;
}
.cv.executive .tag{
  background:#ede9fe !important;
  color:#4c1d95 !important;
}
























@media(max-width:700px){
  .bottom-support-box{
    text-align:center !important;
  }
  .bottom-support-sub{
    text-align:center !important;
  }
  .bottom-support-btn{
    width:100% !important;
    min-width:0 !important;
  }
  .enhanced-legal-box::before,
  .legal-box::before{
    left:14px !important;
    right:14px !important;
  }

}




/* =====================================================
   EXACT BOTTOM LEGAL DESIGN — USER SELECTED FINAL
   Ekran görüntüsündeki en iyi tasarım birebir uygulanır.
===================================================== */

.enhanced-legal-box,
.legal-box{
  position:relative !important;
  width:min(760px, calc(100% - 32px)) !important;
  max-width:760px !important;
  margin:42px auto 64px !important;
  padding:30px 30px 24px !important;
  border-radius:30px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(79,70,229,.035), transparent 34%),
    linear-gradient(180deg,#ffffff,#fbfcff) !important;
  border:1px solid rgba(15,23,42,.07) !important;
  box-shadow:0 26px 76px rgba(15,23,42,.105) !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
}

/* Üstteki uzun yeşil-mavi-mor çizgi */
.enhanced-legal-box::before,
.legal-box::before{
  content:"" !important;
  position:absolute !important;
  top:0 !important;
  left:18px !important;
  right:18px !important;
  width:auto !important;
  height:3px !important;
  border-radius:0 0 999px 999px !important;
  background:linear-gradient(90deg,#16a34a 0%,#22c55e 12%,#2563eb 55%,#7c3aed 100%) !important;
}

/* Başlık */
.legal-title{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  margin:0 0 10px !important;
  font-size:26px !important;
  line-height:1.15 !important;
  font-weight:950 !important;
  letter-spacing:-.035em !important;
  color:#0f172a !important;
}

/* Açıklama */
.legal-sub,
.enhanced-legal-box > p,
.legal-box > p{
  max-width:610px !important;
  margin:0 auto 22px !important;
  text-align:center !important;
  font-size:13.7px !important;
  line-height:1.62 !important;
  color:#64748b !important;
}

/* Onay kutuları */
.legal-check{
  max-width:650px !important;
  margin:0 auto 9px !important;
  padding:10px 13px !important;
  min-height:0 !important;
  display:grid !important;
  grid-template-columns:18px 1fr !important;
  align-items:center !important;
  gap:11px !important;
  border-radius:15px !important;
  background:#ffffff !important;
  border:1px solid rgba(15,23,42,.09) !important;
  box-shadow:0 5px 16px rgba(15,23,42,.028) !important;
}

.legal-check input{
  width:16px !important;
  height:16px !important;
  margin:0 !important;
  accent-color:#16a34a !important;
}

.legal-check label{
  font-size:12.9px !important;
  line-height:1.35 !important;
  color:#334155 !important;
}

/* Güvenli ödeme notu */
.legal-note{
  margin:14px auto 14px !important;
  text-align:center !important;
  color:#94a3b8 !important;
  font-size:12.2px !important;
  line-height:1.35 !important;
}

.legal-note::before{
  content:"🛡️ " !important;
}

/* Legal butonlar: görseldeki uzun pill sıra */
.legal-links{
  max-width:650px !important;
  margin:0 auto 24px !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  gap:9px !important;
}

.legal-links a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:36px !important;
  padding:8px 14px !important;
  border-radius:999px !important;
  background:linear-gradient(180deg,#ffffff,#f4f6f9) !important;
  border:1px solid rgba(15,23,42,.075) !important;
  color:#0f172a !important;
  text-decoration:none !important;
  font-size:12.4px !important;
  font-weight:900 !important;
  box-shadow:0 8px 20px rgba(15,23,42,.045) !important;
  white-space:nowrap !important;
}

/* Legal ile destek arasındaki ince çizgi */
.bottom-support-box{
  position:relative !important;
  max-width:650px !important;
  margin:0 auto !important;
  padding:28px 20px 26px !important;
  border-radius:0 !important;
  border:0 !important;
  border-top:1px solid rgba(15,23,42,.075) !important;
  border-bottom:1px solid rgba(15,23,42,.075) !important;
  background:transparent !important;
  box-shadow:none !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:13px !important;
  text-align:center !important;
}

/* Başlık gizli, sadece ikon + açıklama + yeşil buton */
.bottom-support-title{
  display:none !important;
}

.bottom-support-box::before{
  content:"💬" !important;
  display:block !important;
  font-size:25px !important;
  line-height:1 !important;
  filter:drop-shadow(0 8px 14px rgba(124,58,237,.16)) !important;
}

.bottom-support-sub{
  margin:0 !important;
  max-width:560px !important;
  color:#64748b !important;
  font-size:14px !important;
  line-height:1.45 !important;
  text-align:center !important;
}

.bottom-support-btn{
  margin:0 auto !important;
  min-width:300px !important;
  min-height:46px !important;
  padding:13px 28px !important;
  border-radius:999px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  background:linear-gradient(135deg,#059669,#22c55e) !important;
  color:#ffffff !important;
  font-size:15px !important;
  font-weight:950 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  box-shadow:0 14px 28px rgba(34,197,94,.22) !important;
}

.bottom-support-btn::before{
  content:"💬" !important;
  margin-right:8px !important;
}

/* Copyright */
.legal-copyright{
  margin-top:18px !important;
  padding-top:0 !important;
  border-top:0 !important;
  text-align:center !important;
  color:#8090a6 !important;
  font-size:13px !important;
}

/* Mobil uyum */
@media (max-width:700px){
  .enhanced-legal-box,
  .legal-box{
    width:calc(100% - 24px) !important;
    max-width:none !important;
    margin:32px auto 58px !important;
    padding:24px 16px 22px !important;
    border-radius:26px !important;
  }

  .enhanced-legal-box::before,
  .legal-box::before{
    left:14px !important;
    right:14px !important;
  }

  .legal-title{
    font-size:21px !important;
    line-height:1.18 !important;
  }

  .legal-sub,
  .enhanced-legal-box > p,
  .legal-box > p{
    font-size:13px !important;
    line-height:1.55 !important;
    margin-bottom:16px !important;
  }

  .legal-check{
    grid-template-columns:18px 1fr !important;
    padding:10px 11px !important;
    align-items:flex-start !important;
  }

  .legal-links{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
    flex-wrap:wrap !important;
    margin-bottom:20px !important;
  }

  .legal-links a{
    white-space:normal !important;
    font-size:11.5px !important;
    padding:8px 8px !important;
    text-align:center !important;
  }

  .bottom-support-box{
    padding:24px 10px 22px !important;
  }

  .bottom-support-sub{
    font-size:13.5px !important;
  }

  .bottom-support-btn{
    width:100% !important;
    min-width:0 !important;
  }

}


/* TOP LINE FULL WIDTH FIX */
.enhanced-legal-box::before,
.legal-box::before{
  left:0 !important;
  right:0 !important;
  width:100% !important;
  border-radius:30px 30px 0 0 !important;
}









/* Rol renkleri ayrı karakterli kalsın */










/* Meslek / pozisyon renkleri */






/* Bilgi etiketleri */


/* Bilgi değerleri */





/* Meslek / Pozisyon renkleri */







@media (max-width: 768px) {
  .watermark {
    opacity: 0.06 !important;
  }

}
/* SADECE ANA SAYFA CANLI ÖNİZLEME WATERMARK */
@media (max-width: 768px) {

  .live-preview .watermark-grid,
  .cv-preview .watermark-grid,
  .preview-paper .watermark-grid {
    opacity: 0.035 !important;
  }

  .live-preview .watermark-grid span,
  .cv-preview .watermark-grid span,
  .preview-paper .watermark-grid span {
    color: rgba(17, 24, 39, 0.06) !important;
  }


}


/* =======================================================
   GENEL METİN ORTALAMA DÜZENİ
   WEB + MOBİL
======================================================= */

/* CV Stilini Seç alanı */
.style-selector-section,
.style-selector-section h2,
.style-selector-section p {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* CV'n Anında Oluşuyor alanı */
.live-preview-section,
.live-preview-section h2,
.live-preview-section p {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Nasıl Çalışır alanı */
.how-it-works,
.how-it-works h2,
.how-it-works p,
.how-it-works .step,
.how-it-works .step-title,
.how-it-works .step-desc {
  text-align: center !important;
}

/* Adım kutularını ortala */
.how-it-works .steps-grid {
  justify-content: center !important;
  align-items: stretch !important;
}

/* ATS alanı */
.ats-section,
.ats-section h2,
.ats-section h3,
.ats-section p,
.ats-section li,
.ats-section .ats-note {
  text-align: center !important;
}

/* ATS tikleri ortalı */
.ats-section ul {
  list-style: none !important;
  padding-left: 0 !important;
}

/* ATS içerik kutusu ortalı */
.ats-section .ats-content {
  margin-left: auto !important;
  margin-right: auto !important;
}


@media (min-width: 768px) {
  
   #pdfFrame .watermark-grid span,
.pdf-modal .watermark-grid span,
#cvPdfClone .watermark-grid span {
  color: rgba(17, 24, 39, .10) !important;
  -webkit-text-fill-color: rgba(17, 24, 39, .10) !important;
}
  

}
.cv {
  background: #fff;
  width: 794px;
  min-height: 1123px;
  padding: 70px 48px;
  position: relative;
  overflow: hidden;
  border-radius: 18px;
  box-shadow: 0 14px 40px rgba(0, 0, 0, .10);

  transform: scale(.48);
  transform-origin: top left;

  margin-left: 70px;
  margin-bottom: -565px;
}
/* ANA SAYFA CV ÖNİZLEME — SAĞA SON İTME */
body .app .cv-wrap > .cv {
  margin-left: 64px !important;
  transform: scale(.48) !important;
  transform-origin: top left !important;
}
/* =====================================================
   MOBİL DİK GÖRÜNÜM — CV ORTALAMA FIX
===================================================== */

@media (max-width: 767px) and (orientation: portrait) {

  body .app .cv-wrap > .cv {
    margin-left: 0 !important;

    transform: translateX(-22px) scale(.48) !important;

    transform-origin: top left !important;
  }


}
/* MOBİL DİK — CV ÖNİZLEME ORTALAMA */
@media (max-width: 767px) and (orientation: portrait) {
  body .app .cv-wrap {
    overflow: hidden !important;
  }

  body .app .cv-wrap > .cv {
    margin-left: -1px !important;
    transform: scale(.48) !important;
    transform-origin: top left !important;
  }

}
/* MOBİL DİK — CV ÖNİZLEME ORTALAMA */
@media (max-width: 767px) and (orientation: portrait) {

  body .app .cv-wrap {
    overflow: hidden !important;
  }

  body .app .cv-wrap > .cv {
    width: 760px !important;

    margin-left: -1px !important;

    transform: scale(.46) !important;
    transform-origin: top left !important;
  }


}
@media (max-width: 767px) and (orientation: portrait) {

  body .app .cv-wrap {
    overflow: hidden !important;
  }

  body .app .cv-wrap > .cv {
    width: 710px !important;

    margin-left: -2px !important;

    transform: scale(.48) !important;
    transform-origin: top left !important;
  }


}
/* MOBİL — ÖNİZLEME İLE NASIL ÇALIŞIR ARASI */
@media (max-width: 767px) {

  .cv-live-preview,
  .live-preview-section,
  .preview-section {
    margin-bottom: 18px !important;
    padding-bottom: 0 !important;
  }


}
/* MOBİL — CV PENCERESİ İLE NASIL ÇALIŞIR ARASI BOŞLUK */
@media (max-width: 767px) {
  body .app .cv-wrap {
    margin-bottom: -95px !important;
  }

  body .app .cv-wrap + * {
    margin-top: 0 !important;
  }

}


/* =====================================================
   CVYAZ CLEAN STYLE SYSTEM — MODERN / YARATICI / PREMIUM
   Eski çakışan bloklar temizlendi. Çekirdek yapı korunur.
===================================================== */

/* Sekme alt çizgileri */
.tab[data-template="modern"]::after { background: #2563eb !important; }
.tab[data-template="creative"]::after { background: #ec4899 !important; }
.tab[data-template="premium"]::after { background: #d4af37 !important; }

/* Ortak güvenli yapı: wildcard yok, normal yazılara dokunmaz */
.cv.modern,
.cv.creative,
.cv.premium {
  border: 0 !important;
  outline: 0 !important;
  background: #ffffff !important;
}

.cv.modern .cv-inner,
.cv.creative .cv-inner,
.cv.premium .cv-inner,
#cvPdfClone.cv.modern .cv-inner,
#cvPdfClone.cv.creative .cv-inner,
#cvPdfClone.cv.premium .cv-inner {
  position: relative !important;
  z-index: 2 !important;
}

/* Watermark tüm stillerde dengeli; sadece watermark hedeflenir */
.cv.modern .watermark-grid,
.cv.creative .watermark-grid,
.cv.premium .watermark-grid,
#cvPdfClone.cv.modern .watermark-grid,
#cvPdfClone.cv.creative .watermark-grid,
#cvPdfClone.cv.premium .watermark-grid {
  position: absolute !important;
  inset: -90px !important;
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 125px 110px !important;
  place-items: center !important;
  pointer-events: none !important;
  z-index: 1 !important;
  opacity: .055 !important;
  transform: rotate(-24deg) !important;
  overflow: hidden !important;
}

.cv.modern .watermark-grid span,
.cv.creative .watermark-grid span,
.cv.premium .watermark-grid span,
#cvPdfClone.cv.modern .watermark-grid span,
#cvPdfClone.cv.creative .watermark-grid span,
#cvPdfClone.cv.premium .watermark-grid span {
  font-size: 40px !important;
  font-weight: 900 !important;
  letter-spacing: 2px !important;
  white-space: nowrap !important;
  color: rgba(17, 24, 39, .10) !important;
  -webkit-text-fill-color: rgba(17, 24, 39, .10) !important;
  user-select: none !important;
  line-height: 1 !important;
}

/* -----------------------------
   MODERN — temiz, teknolojik, premium CV
------------------------------ */

.cv.modern,
#cvPdfClone .cv.modern,
#cvPdfClone.cv.modern {
  padding: 46px 44px !important;
  background:
    linear-gradient(
      90deg,
      #eff6ff 0,
      #eff6ff 18px,
      #ffffff 18px,
      #ffffff 100%
    ) !important;
  color: #111827 !important;
}

/* ÜST ALAN */

.cv.modern .cv-top,
#cvPdfClone .cv.modern .cv-top,
#cvPdfClone.cv.modern .cv-top {
  background: transparent !important;
  color: #111827 !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 0 18px 0 !important;
  margin-bottom: 24px !important;
  box-shadow: none !important;
  border-bottom: 3px solid #2563eb !important;
}

/* İSİM */

.cv.modern h2,
#cvPdfClone .cv.modern h2,
#cvPdfClone.cv.modern h2 {
  color: #0f172a !important;
  font-size: 36px !important;
  line-height: 1.05 !important;
  letter-spacing: -1.1px !important;
  font-weight: 900 !important;
  margin-bottom: 4px !important;
}

/* MESLEK */

.cv.modern .role,
#cvPdfClone .cv.modern .role,
#cvPdfClone.cv.modern .role {
  color: #2563eb !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.2px !important;
  margin-top: 6px !important;
}

/* İLETİŞİM */

.cv.modern .contact,
.cv.modern .small-line,
.cv.modern .info-value,
#cvPdfClone .cv.modern .contact,
#cvPdfClone .cv.modern .small-line,
#cvPdfClone .cv.modern .info-value,
#cvPdfClone.cv.modern .contact,
#cvPdfClone.cv.modern .small-line,
#cvPdfClone.cv.modern .info-value {
  color: #374151 !important;
  opacity: 1 !important;
}

.cv.modern .info-label,
#cvPdfClone .cv.modern .info-label,
#cvPdfClone.cv.modern .info-label {
  color: #2563eb !important;
  font-weight: 800 !important;
}

/* FOTOĞRAF */

.cv.modern .photo-frame,
#cvPdfClone .cv.modern .photo-frame,
#cvPdfClone.cv.modern .photo-frame {
  background: #ffffff !important;
  border: 2px solid #dbeafe !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 22px rgba(37, 99, 235, .12) !important;
}

/* BÖLÜMLER */

.cv.modern .sec,
#cvPdfClone .cv.modern .sec,
#cvPdfClone.cv.modern .sec {
  border: 0 !important;
  border-left: 3px solid #dbeafe !important;
  padding: 0 0 15px 17px !important;
  margin-bottom: 18px !important;
  background: transparent !important;
}

/* BÖLÜM BAŞLIKLARI */

.cv.modern .sec h3,
#cvPdfClone .cv.modern .sec h3,
#cvPdfClone.cv.modern .sec h3 {
  color: #1d4ed8 !important;
  font-size: 12.5px !important;
  letter-spacing: 1.7px !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  border: 0 !important;
  margin-bottom: 9px !important;
}

.cv.modern .sec h3::before,
#cvPdfClone .cv.modern .sec h3::before,
#cvPdfClone.cv.modern .sec h3::before {
  content: "" !important;
  width: 22px !important;
  height: 4px !important;
  border-radius: 999px !important;
  background: #2563eb !important;
  display: inline-block !important;
}

/* ENTRY */

.cv.modern .entry,
#cvPdfClone .cv.modern .entry,
#cvPdfClone.cv.modern .entry {
  border: 0 !important;
  padding-left: 0 !important;
  margin-bottom: 10px !important;
}

.cv.modern .entry b,
#cvPdfClone .cv.modern .entry b,
#cvPdfClone.cv.modern .entry b {
  color: #111827 !important;
  font-weight: 850 !important;
}

.cv.modern .entry p,
.cv.modern .entry small,
#cvPdfClone .cv.modern .entry p,
#cvPdfClone .cv.modern .entry small,
#cvPdfClone.cv.modern .entry p,
#cvPdfClone.cv.modern .entry small {
  color: #374151 !important;
  line-height: 1.45 !important;
}

/* TAG */

.cv.modern .tag,
#cvPdfClone .cv.modern .tag,
#cvPdfClone.cv.modern .tag {
  background: #eff6ff !important;
  color: #1d4ed8 !important;
  border: 1px solid #bfdbfe !important;
  border-radius: 999px !important;
  font-weight: 800 !important;
}

/* WATERMARK */

.cv.modern .watermark-grid,
#cvPdfClone .cv.modern .watermark-grid,
#cvPdfClone.cv.modern .watermark-grid {
  opacity: .05 !important;
}

.cv.modern .watermark-grid span,
#cvPdfClone .cv.modern .watermark-grid span,
#cvPdfClone.cv.modern .watermark-grid span {
  color: rgba(15, 23, 42, .09) !important;
  -webkit-text-fill-color: rgba(15, 23, 42, .09) !important;
}

/* -----------------------------
   PREMIUM — altın, lüks, butik
------------------------------ */

.cv.premium,
#cvPdfClone.cv.premium {
  padding: 52px 50px !important;
  background: linear-gradient(180deg, #fffdf4 0%, #ffffff 40%, #ffffff 100%) !important;
  color: #111827 !important;
}

.cv.premium .cv-top,
#cvPdfClone.cv.premium .cv-top {
  background: linear-gradient(135deg, #111827 0%, #2d2412 100%) !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 20px !important;
  padding: 24px !important;
  margin-bottom: 26px !important;
  box-shadow: 0 16px 36px rgba(17, 24, 39, .18) !important;
  position: relative !important;
  overflow: hidden !important;
}

.cv.premium .cv-top::after,
#cvPdfClone.cv.premium .cv-top::after {
  content: "" !important;
  position: absolute !important;
  right: -38px !important;
  top: -38px !important;
  width: 145px !important;
  height: 145px !important;
  border-radius: 50% !important;
  border: 18px solid rgba(212, 175, 55, .28) !important;
}

.cv.premium .cv-top > *,
#cvPdfClone.cv.premium .cv-top > * {
  position: relative !important;
  z-index: 1 !important;
}

.cv.premium h2,
#cvPdfClone.cv.premium h2 {
  color: #ffffff !important;
  font-family: Georgia, "Times New Roman", serif !important;
  font-size: 42px !important;
  font-weight: 700 !important;
}

.cv.premium .role,
#cvPdfClone.cv.premium .role {
  color: #facc15 !important;
  font-weight: 900 !important;
  letter-spacing: .7px !important;
  text-transform: uppercase !important;
}

.cv.premium .contact,
.cv.premium .small-line,
.cv.premium .info-value,
#cvPdfClone.cv.premium .contact,
#cvPdfClone.cv.premium .small-line,
#cvPdfClone.cv.premium .info-value {
  color: rgba(255, 255, 255, .88) !important;
  opacity: 1 !important;
}

.cv.premium .info-label,
#cvPdfClone.cv.premium .info-label {
  color: #fde68a !important;
}

.cv.premium .photo-frame,
#cvPdfClone.cv.premium .photo-frame {
  border: 1px solid rgba(250, 204, 21, .52) !important;
  background: rgba(255, 255, 255, .10) !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, .24) !important;
}

.cv.premium .sec,
#cvPdfClone.cv.premium .sec {
  border: 0 !important;
  border-bottom: 1px solid #f3e8c2 !important;
  padding-bottom: 19px !important;
  margin-bottom: 22px !important;
  background: transparent !important;
}

.cv.premium .sec h3,
#cvPdfClone.cv.premium .sec h3 {
  color: #92400e !important;
  font-size: 13px !important;
  letter-spacing: 1.9px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  border: 0 !important;
}

.cv.premium .sec h3::before,
#cvPdfClone.cv.premium .sec h3::before {
  content: "" !important;
  width: 32px !important;
  height: 2px !important;
  background: #d4af37 !important;
  display: inline-block !important;
}

.cv.premium .entry,
#cvPdfClone.cv.premium .entry {
  border-bottom: 1px dashed #f3e8c2 !important;
  border-left: 0 !important;
  padding-left: 0 !important;
  padding-bottom: 12px !important;
}

.cv.premium .entry:last-child,
#cvPdfClone.cv.premium .entry:last-child {
  border-bottom: 0 !important;
}

.cv.premium .entry b,
#cvPdfClone.cv.premium .entry b {
  color: #111827 !important;
}

.cv.premium .entry p,
.cv.premium .entry small,
#cvPdfClone.cv.premium .entry p,
#cvPdfClone.cv.premium .entry small {
  color: #374151 !important;
}

.cv.premium .tag,
#cvPdfClone.cv.premium .tag {
  background: #fef3c7 !important;
  color: #92400e !important;
  border-radius: 999px !important;
  border: 1px solid #f3e8c2 !important;
}

/* PDF klonu güvenliği */
#cvPdfClone.cv.modern,
#cvPdfClone.cv.creative,
#cvPdfClone.cv.premium {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

/* Mobil/PDF önizlemede watermark daha nazik */
@media (max-width: 767px) {
  .cv.modern .watermark-grid,
  .cv.creative .watermark-grid,
  .cv.premium .watermark-grid,
  #cvPdfClone.cv.modern .watermark-grid,
  #cvPdfClone.cv.creative .watermark-grid,
  #cvPdfClone.cv.premium .watermark-grid {
    opacity: .045 !important;
  }

  .cv.modern .watermark-grid span,
  .cv.creative .watermark-grid span,
  .cv.premium .watermark-grid span,
  #cvPdfClone.cv.modern .watermark-grid span,
  #cvPdfClone.cv.creative .watermark-grid span,
  #cvPdfClone.cv.premium .watermark-grid span {
    color: rgba(17, 24, 39, .08) !important;
    -webkit-text-fill-color: rgba(17, 24, 39, .08) !important;
  }
}
/* =====================================================
   PDF ÖNİZLEME — MODERN / YARATICI / PREMIUM WATERMARK
   Görünür ama rahatsız etmeyen seviye
===================================================== */

#cvPdfClone.cv.modern .watermark-grid,
#cvPdfClone.cv.creative .watermark-grid,
#cvPdfClone.cv.premium .watermark-grid {
  display: grid !important;
  opacity: .16 !important;
  z-index: 20 !important;
}

#cvPdfClone.cv.modern .watermark-grid span,
#cvPdfClone.cv.creative .watermark-grid span,
#cvPdfClone.cv.premium .watermark-grid span {
  color: rgba(17, 24, 39, .24) !important;
  -webkit-text-fill-color: rgba(17, 24, 39, .24) !important;
  opacity: 1 !important;
}
/* =====================================================
   ANA SAYFA CANLI ÖNİZLEME — MODERN / YARATICI / PREMIUM WATERMARK
===================================================== */

.cv.modern .watermark-grid,
.cv.creative .watermark-grid,
.cv.premium .watermark-grid {
  display: grid !important;
  opacity: .14 !important;
  z-index: 20 !important;
}

.cv.modern .watermark-grid span,
.cv.creative .watermark-grid span,
.cv.premium .watermark-grid span {
  color: rgba(17, 24, 39, .22) !important;
  -webkit-text-fill-color: rgba(17, 24, 39, .22) !important;
  opacity: 1 !important;
}


/* =====================================================
   CVYAZ FINAL PURCHASE CARD CLEANUP
   Güvenli Dijital Satın Alma üst çizgisi ve konuşma ikonları kaldırıldı.
   Çekirdek yapı korunur.
===================================================== */

.enhanced-legal-box::before,
.legal-box::before {
  content: none !important;
  display: none !important;
  background: none !important;
  height: 0 !important;
  opacity: 0 !important;
}

.bottom-support-box::before,
.bottom-support-btn::before,
.support-whatsapp::before,
.whatsapp-btn::before,
.support-icon {
  content: none !important;
  display: none !important;
  background: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
}

.bottom-support-box {
  background: #ffffff !important;
}
/* =========================================
   CV RENK PALETİ
========================================= */

.color-palette{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:14px;
  margin-top:20px;
  margin-bottom:18px;
}

.color-dot{
  width:24px;
  height:24px;
  border-radius:999px;
  border:none;
  cursor:pointer;
  transition:.2s ease;
  box-shadow:0 4px 12px rgba(0,0,0,.15);
}

.color-dot:hover{
  transform:scale(1.15);
}

.color-dot.active{
  outline:3px solid #111827;
}
:root{
  --cv-accent:#2563eb;
}

/* CV içindeki değişecek ana renkler */
.cv .role,
.cv .sec h3 {
  color: var(--cv-accent) !important;
}

.cv .sec h3::before {
  background: var(--cv-accent) !important;
}

.cv .tag {
  background: var(--cv-accent) !important;
  color:#fff !important;
}

/* Modern üst kart rengi */
.cv.modern .cv-top {
  background: var(--cv-accent) !important;
}

/* Modern sol çizgi */
.cv.modern {
  background:
    linear-gradient(
      90deg,
      color-mix(in srgb, var(--cv-accent) 10%, transparent) 0,
      color-mix(in srgb, var(--cv-accent) 10%, transparent) 22px,
      #ffffff 22px,
      #ffffff 100%
    ) !important;
}

/* Creative */
.cv.creative .cv-top,
.cv.creative .tag {
  background: var(--cv-accent) !important;
}

.cv.creative .sec::before {
  background: var(--cv-accent) !important;
}

/* Premium */
.cv.premium .cv-top {
  background: var(--cv-accent) !important;
}

.cv.premium .sec h3::before {
  background: var(--cv-accent) !important;
}

/* =====================================================
   CVYAZ COLOR PALETTE — ALL TEMPLATE ACCENT FIX
   Çekirdek yapı korunur. Modern / Yaratıcı / Premium dışında
   ATS Sade, Executive ve Kurumsal stilleri de renk paletine bağlanır.
===================================================== */

:root {
  --cv-accent: #2563eb;
}

/* Renk paleti görünümü */
.color-palette {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 14px !important;
  margin-top: 20px !important;
  margin-bottom: 18px !important;
  flex-wrap: wrap !important;
}

.color-dot {
  width: 24px !important;
  height: 24px !important;
  border-radius: 999px !important;
  border: none !important;
  cursor: pointer !important;
  transition: .2s ease !important;
  box-shadow: 0 4px 12px rgba(0,0,0,.15) !important;
}

.color-dot:hover {
  transform: scale(1.15) !important;
}

.color-dot.active {
  outline: 3px solid #111827 !important;
  outline-offset: 2px !important;
}

/* Ortak CV vurgu alanları */
.cv .role,
.cv .sec h3 {
  color: var(--cv-accent) !important;
}

.cv .sec h3::before {
  background: var(--cv-accent) !important;
}

.cv .tag {
  background: var(--cv-accent) !important;
  color: #ffffff !important;
}

/* ATS SADE — renk paletine bağlandı */
.cv.minimal .role,
.cv.minimal .sec h3 {
  color: var(--cv-accent) !important;
}

.cv.minimal .sec h3 {
  border-bottom-color: color-mix(in srgb, var(--cv-accent) 28%, #f3f4f6) !important;
}

.cv.minimal .tag {
  background: color-mix(in srgb, var(--cv-accent) 12%, #ffffff) !important;
  color: var(--cv-accent) !important;
}

/* EXECUTIVE — renk paletine bağlandı */
.cv.executive .cv-top {
  border-top-color: var(--cv-accent) !important;
  border-bottom-color: var(--cv-accent) !important;
}

.cv.executive .role,
.cv.executive .sec h3 {
  color: var(--cv-accent) !important;
}

.cv.executive .sec {
  border-bottom-color: color-mix(in srgb, var(--cv-accent) 22%, #ffffff) !important;
}

.cv.executive .entry {
  border-left-color: color-mix(in srgb, var(--cv-accent) 30%, #ffffff) !important;
}

.cv.executive .tag {
  background: color-mix(in srgb, var(--cv-accent) 12%, #ffffff) !important;
  color: var(--cv-accent) !important;
  border-color: color-mix(in srgb, var(--cv-accent) 28%, #ffffff) !important;
}



/* MODERN — mevcut çalışan renk sistemi korunur, güçlendirilir */
.cv.modern .cv-top {
  background: var(--cv-accent) !important;
}

.cv.modern .role,
.cv.modern .sec h3 {
  color: var(--cv-accent) !important;
}

.cv.modern .tag {
  background: var(--cv-accent) !important;
  color: #ffffff !important;
}

.cv.modern {
  background:
    linear-gradient(
      90deg,
      color-mix(in srgb, var(--cv-accent) 10%, transparent) 0,
      color-mix(in srgb, var(--cv-accent) 10%, transparent) 22px,
      #ffffff 22px,
      #ffffff 100%
    ) !important;
}

/* YARATICI — mevcut çalışan renk sistemi korunur, güçlendirilir */
.cv.creative .cv-top,
.cv.creative .tag {
  background: var(--cv-accent) !important;
}

.cv.creative .role,
.cv.creative .sec h3 {
  color: var(--cv-accent) !important;
}

.cv.creative .sec::before {
  background: var(--cv-accent) !important;
}

/* PREMIUM — mevcut çalışan renk sistemi korunur, güçlendirilir */
.cv.premium .cv-top {
  background: var(--cv-accent) !important;
}

.cv.premium .role,
.cv.premium .sec h3 {
  color: var(--cv-accent) !important;
}

.cv.premium .sec h3::before {
  background: var(--cv-accent) !important;
}

.cv.premium .tag {
  background: color-mix(in srgb, var(--cv-accent) 14%, #ffffff) !important;
  color: var(--cv-accent) !important;
  border-color: color-mix(in srgb, var(--cv-accent) 28%, #ffffff) !important;
}

/* PDF önizleme klonu da aynı renk sistemini kullansın */
#cvPdfClone .role,
#cvPdfClone .sec h3 {
  color: var(--cv-accent) !important;
}

#cvPdfClone .sec h3::before {
  background: var(--cv-accent) !important;
}

#cvPdfClone .tag {
  background: var(--cv-accent) !important;
  color: #ffffff !important;
}

#cvPdfClone.cv.executive .cv-top {
  border-top-color: var(--cv-accent) !important;
  border-bottom-color: var(--cv-accent) !important;
}

#cvPdfClone.cv.corporate .role,
#cvPdfClone.cv.corporate .sec h3,
#cvPdfClone.cv.minimal .role,
#cvPdfClone.cv.minimal .sec h3,
#cvPdfClone.cv.executive .role,
#cvPdfClone.cv.executive .sec h3 {
  color: var(--cv-accent) !important;
}
/* =========================================
   CVYAZ ATS SADE V3.4 — STABLE COMPACT ATS
   Eski .cv.minimal ATS bloğunu komple sil.
========================================= */

.cv.minimal,
#cvPdfClone .cv.minimal,
#cvPdfClone.cv.minimal {
  background:#ffffff !important;
  color:#333333 !important;
  padding:34px !important;
  font-family:Arial, Helvetica, sans-serif !important;
  line-height:1.45 !important;
}

.cv.minimal .cv-inner,
#cvPdfClone .cv.minimal .cv-inner,
#cvPdfClone.cv.minimal .cv-inner {
  position:relative !important;
  z-index:2 !important;
}

/* ÜST ALAN — kompakt */
.cv.minimal .cv-top,
#cvPdfClone .cv.minimal .cv-top,
#cvPdfClone.cv.minimal .cv-top {
  background:#ffffff !important;
  color:#333333 !important;
  border:1.4px solid var(--cv-accent,#333333) !important;
  border-radius:0 !important;
  padding:18px 22px !important;
  margin-bottom:22px !important;
  text-align:left !important;
  box-shadow:inset 0 0 0 9999px rgba(232,227,220,.06) !important;
}

.cv.minimal .cv-top::after,
#cvPdfClone .cv.minimal .cv-top::after,
#cvPdfClone.cv.minimal .cv-top::after {
  content:none !important;
  display:none !important;
}

/* FOTOĞRAF — yazıya binmeyen güvenli ölçü */
.cv.minimal .photo-frame,
#cvPdfClone .cv.minimal .photo-frame,
#cvPdfClone.cv.minimal .photo-frame {
  width:82px !important;
  height:98px !important;
  border-radius:0 !important;
  border:1.5px solid rgba(51,51,51,.35) !important;
  background:#ffffff !important;
  box-shadow:none !important;
  float:left !important;
  margin:2px 18px 10px 0 !important;
}

.cv.minimal .photo-frame img,
#cvPdfClone .cv.minimal .photo-frame img,
#cvPdfClone.cv.minimal .photo-frame img {
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}

/* İSİM */
.cv.minimal h2,
#cvPdfClone .cv.minimal h2,
#cvPdfClone.cv.minimal h2 {
  color:#333333 !important;
  font-size:32px !important;
  font-weight:800 !important;
  letter-spacing:4.6px !important;
  text-transform:uppercase !important;
  line-height:1.08 !important;
  margin:0 0 6px 0 !important;
}

/* MESLEK */
.cv.minimal .role,
#cvPdfClone .cv.minimal .role,
#cvPdfClone.cv.minimal .role {
  color:#555555 !important;
  background:transparent !important;
  font-size:12px !important;
  font-weight:700 !important;
  letter-spacing:2.6px !important;
  text-transform:uppercase !important;
  margin:0 0 10px 0 !important;
}

/* BİLGİ SATIRLARI */
.cv.minimal .contact,
.cv.minimal .small-line,
.cv.minimal .info-value,
#cvPdfClone .cv.minimal .contact,
#cvPdfClone .cv.minimal .small-line,
#cvPdfClone .cv.minimal .info-value,
#cvPdfClone.cv.minimal .contact,
#cvPdfClone.cv.minimal .small-line,
#cvPdfClone.cv.minimal .info-value {
  color:#444444 !important;
  font-size:12.7px !important;
  line-height:1.42 !important;
  opacity:1 !important;
}

.cv.minimal .info-label,
#cvPdfClone .cv.minimal .info-label,
#cvPdfClone.cv.minimal .info-label {
  color:#333333 !important;
  font-size:12px !important;
  font-weight:800 !important;
}

/* BÖLÜMLER — çizgi tam genişlik */
.cv.minimal .sec,
#cvPdfClone .cv.minimal .sec,
#cvPdfClone.cv.minimal .sec {
  background:transparent !important;
  border:0 !important;
  border-bottom:1.2px solid var(--cv-accent, rgba(51,51,51,.25)) !important;
  padding:0 0 15px 0 !important;
  margin:0 0 18px 0 !important;
}

.cv.minimal .sec h3,
#cvPdfClone .cv.minimal .sec h3,
#cvPdfClone.cv.minimal .sec h3 {
  color:#333333 !important;
  background:transparent !important;
  font-size:13px !important;
  font-weight:800 !important;
  letter-spacing:3.2px !important;
  text-transform:uppercase !important;
  border:0 !important;
  margin:0 0 11px 0 !important;
  padding:0 !important;
}

.cv.minimal .sec h3::after,
.cv.minimal .sec h3::before,
.cv.minimal .sec::before,
#cvPdfClone .cv.minimal .sec h3::after,
#cvPdfClone .cv.minimal .sec h3::before,
#cvPdfClone .cv.minimal .sec::before,
#cvPdfClone.cv.minimal .sec h3::after,
#cvPdfClone.cv.minimal .sec h3::before,
#cvPdfClone.cv.minimal .sec::before {
  content:none !important;
  display:none !important;
}

/* ENTRY */
.cv.minimal .entry,
#cvPdfClone .cv.minimal .entry,
#cvPdfClone.cv.minimal .entry {
  border:0 !important;
  padding:0 !important;
  margin:0 0 13px 0 !important;
  color:#333333 !important;
}

.cv.minimal .entry b,
#cvPdfClone .cv.minimal .entry b,
#cvPdfClone.cv.minimal .entry b {
  color:#333333 !important;
  font-size:13px !important;
  font-weight:850 !important;
}

.cv.minimal .entry p,
.cv.minimal .entry small,
#cvPdfClone .cv.minimal .entry p,
#cvPdfClone .cv.minimal .entry small,
#cvPdfClone.cv.minimal .entry p,
#cvPdfClone.cv.minimal .entry small {
  color:#444444 !important;
  font-size:12.8px !important;
  line-height:1.46 !important;
}

/* TAG */
.cv.minimal .tag,
#cvPdfClone .cv.minimal .tag,
#cvPdfClone.cv.minimal .tag {
  background:transparent !important;
  color:#333333 !important;
  border:1px solid var(--cv-accent, rgba(51,51,51,.25)) !important;
  border-radius:0 !important;
  font-size:11.8px !important;
  font-weight:700 !important;
  box-shadow:inset 0 0 0 9999px rgba(232,227,220,.06) !important;
}

.cv.minimal ul,
#cvPdfClone .cv.minimal ul,
#cvPdfClone.cv.minimal ul {
  margin:6px 0 0 18px !important;
  padding:0 !important;
}

.cv.minimal li,
#cvPdfClone .cv.minimal li,
#cvPdfClone.cv.minimal li {
  margin-bottom:4px !important;
  color:#333333 !important;
  font-size:12.8px !important;
}

/* WATERMARK */
.cv.minimal .watermark-grid,
#cvPdfClone .cv.minimal .watermark-grid,
#cvPdfClone.cv.minimal .watermark-grid {
  display:grid !important;
  position:absolute !important;
  inset:-90px !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:125px 110px !important;
  place-items:center !important;
  pointer-events:none !important;
  z-index:20 !important;
  opacity:.13 !important;
  transform:rotate(-24deg) !important;
  overflow:hidden !important;
}

.cv.minimal .watermark-grid span,
#cvPdfClone .cv.minimal .watermark-grid span,
#cvPdfClone.cv.minimal .watermark-grid span {
  display:inline-block !important;
  font-size:40px !important;
  font-weight:900 !important;
  letter-spacing:2px !important;
  white-space:nowrap !important;
  color:rgba(17,24,39,.20) !important;
  -webkit-text-fill-color:rgba(17,24,39,.20) !important;
  user-select:none !important;
  line-height:1 !important;
}
/* =========================================
   CVYAZ MODERN V2.4 — STABLE SOFT ACCENT
   color-mix yok. Ön izleme kırmaz.
========================================= */

.cv.modern,
#cvPdfClone .cv.modern,
#cvPdfClone.cv.modern {
  background:#ffffff !important;
  border-left:8px solid var(--cv-accent,#2563eb) !important;
  color:#111827 !important;
  padding:42px 44px !important;
  font-family:Arial, Helvetica, sans-serif !important;
  line-height:1.5 !important;
}

.cv.modern .cv-inner,
#cvPdfClone .cv.modern .cv-inner,
#cvPdfClone.cv.modern .cv-inner {
  position:relative !important;
  z-index:2 !important;
}

.cv.modern .cv-top,
#cvPdfClone .cv.modern .cv-top,
#cvPdfClone.cv.modern .cv-top {
  background:#ffffff !important;
  color:#111827 !important;
  border:0 !important;
  border-bottom:2px solid var(--cv-accent,#2563eb) !important;
  border-radius:0 !important;
  padding:0 0 26px 0 !important;
  margin-bottom:28px !important;
  box-shadow:none !important;
  text-align:left !important;
}

.cv.modern .photo-frame,
#cvPdfClone .cv.modern .photo-frame,
#cvPdfClone.cv.modern .photo-frame {
  width:88px !important;
  height:108px !important;
  float:left !important;
  margin:2px 22px 12px 0 !important;
  border-radius:18px !important;
  border:1.5px solid rgba(37,99,235,.18) !important;
  background:#ffffff !important;
  box-shadow:0 10px 24px rgba(15,23,42,.10) !important;
}

.cv.modern .photo-frame img,
#cvPdfClone .cv.modern .photo-frame img,
#cvPdfClone.cv.modern .photo-frame img {
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}

.cv.modern h2,
#cvPdfClone .cv.modern h2,
#cvPdfClone.cv.modern h2 {
  color:#0f172a !important;
  font-size:42px !important;
  font-weight:900 !important;
  letter-spacing:-1.4px !important;
  line-height:1.02 !important;
  margin:0 0 9px 0 !important;
}

.cv.modern .role,
#cvPdfClone .cv.modern .role,
#cvPdfClone.cv.modern .role {
  color:var(--cv-accent,#2563eb) !important;
  opacity:.92 !important;
  background:transparent !important;
  font-size:13.5px !important;
  font-weight:900 !important;
  letter-spacing:1.4px !important;
  text-transform:uppercase !important;
  margin:0 0 15px 0 !important;
}

.cv.modern .contact,
.cv.modern .small-line,
.cv.modern .info-value,
#cvPdfClone .cv.modern .contact,
#cvPdfClone .cv.modern .small-line,
#cvPdfClone .cv.modern .info-value,
#cvPdfClone.cv.modern .contact,
#cvPdfClone.cv.modern .small-line,
#cvPdfClone.cv.modern .info-value {
  color:#374151 !important;
  font-size:13.2px !important;
  line-height:1.52 !important;
  opacity:1 !important;
}

.cv.modern .info-label,
#cvPdfClone .cv.modern .info-label,
#cvPdfClone.cv.modern .info-label {
  color:#111827 !important;
  font-size:12.3px !important;
  font-weight:850 !important;
}

.cv.modern .sec,
#cvPdfClone .cv.modern .sec,
#cvPdfClone.cv.modern .sec {
  background:transparent !important;
  border:0 !important;
  border-left:3px solid var(--cv-accent,#2563eb) !important;
  padding:0 0 18px 16px !important;
  margin:0 0 22px 0 !important;
}

.cv.modern .sec h3,
#cvPdfClone .cv.modern .sec h3,
#cvPdfClone.cv.modern .sec h3 {
  color:var(--cv-accent,#2563eb) !important;
  opacity:.92 !important;
  background:transparent !important;
  font-size:13px !important;
  font-weight:900 !important;
  letter-spacing:1.7px !important;
  text-transform:uppercase !important;
  border:0 !important;
  margin:0 0 13px 0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}

.cv.modern .sec h3::before,
#cvPdfClone .cv.modern .sec h3::before,
#cvPdfClone.cv.modern .sec h3::before {
  content:"" !important;
  display:inline-block !important;
  width:28px !important;
  height:4px !important;
  border-radius:999px !important;
  background:var(--cv-accent,#2563eb) !important;
}

.cv.modern .sec h3::after,
.cv.modern .sec::before,
#cvPdfClone .cv.modern .sec h3::after,
#cvPdfClone .cv.modern .sec::before,
#cvPdfClone.cv.modern .sec h3::after,
#cvPdfClone.cv.modern .sec::before {
  content:none !important;
  display:none !important;
}

.cv.modern .entry,
#cvPdfClone .cv.modern .entry,
#cvPdfClone.cv.modern .entry {
  border:0 !important;
  padding:0 !important;
  margin:0 0 15px 0 !important;
  color:#111827 !important;
}

.cv.modern .entry b,
#cvPdfClone .cv.modern .entry b,
#cvPdfClone.cv.modern .entry b {
  color:#111827 !important;
  font-size:13.7px !important;
  font-weight:850 !important;
}

.cv.modern .entry p,
.cv.modern .entry small,
#cvPdfClone .cv.modern .entry p,
#cvPdfClone .cv.modern .entry small,
#cvPdfClone.cv.modern .entry p,
#cvPdfClone.cv.modern .entry small {
  color:#374151 !important;
  font-size:13.2px !important;
  line-height:1.54 !important;
}

.cv.modern .tag,
#cvPdfClone .cv.modern .tag,
#cvPdfClone.cv.modern .tag {
  background:#ffffff !important;
  color:var(--cv-accent,#2563eb) !important;
  border:1.2px solid var(--cv-accent,#2563eb) !important;
  border-radius:999px !important;
  font-size:12.3px !important;
  font-weight:800 !important;
  box-shadow:none !important;
}

.cv.modern ul,
#cvPdfClone .cv.modern ul,
#cvPdfClone.cv.modern ul {
  margin:7px 0 0 18px !important;
  padding:0 !important;
}

.cv.modern li,
#cvPdfClone .cv.modern li,
#cvPdfClone.cv.modern li {
  margin-bottom:5px !important;
  color:#374151 !important;
  font-size:13.1px !important;
}

.cv.modern .watermark-grid,
#cvPdfClone .cv.modern .watermark-grid,
#cvPdfClone.cv.modern .watermark-grid {
  display:grid !important;
  position:absolute !important;
  inset:-90px !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:125px 110px !important;
  place-items:center !important;
  pointer-events:none !important;
  z-index:20 !important;
  opacity:.12 !important;
  transform:rotate(-24deg) !important;
  overflow:hidden !important;
}

.cv.modern .watermark-grid span,
#cvPdfClone .cv.modern .watermark-grid span,
#cvPdfClone.cv.modern .watermark-grid span {
  display:inline-block !important;
  font-size:40px !important;
  font-weight:900 !important;
  letter-spacing:2px !important;
  white-space:nowrap !important;
  color:rgba(17,24,39,.18) !important;
  -webkit-text-fill-color:rgba(17,24,39,.18) !important;
  user-select:none !important;
  line-height:1 !important;
}
/* =========================================
   CVYAZ EXECUTIVE V3 — SOFT BOARDROOM
   Alta eklenecek stabil override.
========================================= */

.cv.executive,
#cvPdfClone .cv.executive,
#cvPdfClone.cv.executive {
  background:#ffffff !important;
  color:#1f2937 !important;
  padding:0 !important;
  border:0 !important;
  font-family:Arial, Helvetica, sans-serif !important;
  line-height:1.5 !important;
}

.cv.executive .cv-inner,
#cvPdfClone .cv.executive .cv-inner,
#cvPdfClone.cv.executive .cv-inner {
  position:relative !important;
  z-index:2 !important;
  padding:0 46px 46px !important;
}

/* ÜST BOARDROOM HEADER */
.cv.executive .cv-top,
#cvPdfClone .cv.executive .cv-top,
#cvPdfClone.cv.executive .cv-top {
  margin:0 -46px 30px !important;
  padding:30px 46px !important;
  min-height:auto !important;
  background:#9aaea3 !important;
  color:#ffffff !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  display:flex !important;
  align-items:center !important;
  gap:24px !important;
}

/* FOTOĞRAF */
.cv.executive .photo-frame,
#cvPdfClone .cv.executive .photo-frame,
#cvPdfClone.cv.executive .photo-frame {
  width:116px !important;
  height:132px !important;
  border-radius:8px !important;
  border:2px solid rgba(255,255,255,.9) !important;
  background:#ffffff !important;
  overflow:hidden !important;
  flex-shrink:0 !important;
  box-shadow:none !important;
}

.cv.executive .photo-frame img,
#cvPdfClone .cv.executive .photo-frame img,
#cvPdfClone.cv.executive .photo-frame img {
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}

/* İSİM */
.cv.executive h2,
#cvPdfClone .cv.executive h2,
#cvPdfClone.cv.executive h2 {
  color:#ffffff !important;
  font-family:Georgia, "Times New Roman", serif !important;
  font-size:42px !important;
  font-weight:700 !important;
  letter-spacing:.02em !important;
  line-height:1.05 !important;
  text-transform:uppercase !important;
  margin:0 0 10px 0 !important;
}

/* ROLE */
.cv.executive .role,
#cvPdfClone .cv.executive .role,
#cvPdfClone.cv.executive .role {
  display:inline-block !important;
  background:rgba(255,255,255,.88) !important;
  color:#60766b !important;
  border-radius:6px !important;
  padding:6px 16px !important;
  font-size:12px !important;
  font-weight:850 !important;
  letter-spacing:1.2px !important;
  text-transform:uppercase !important;
  margin:0 !important;
}

/* HEADER İÇİ BİLGİLER */
.cv.executive .contact,
.cv.executive .small-line,
.cv.executive .info-value,
#cvPdfClone .cv.executive .contact,
#cvPdfClone .cv.executive .small-line,
#cvPdfClone .cv.executive .info-value,
#cvPdfClone.cv.executive .contact,
#cvPdfClone.cv.executive .small-line,
#cvPdfClone.cv.executive .info-value {
  color:rgba(255,255,255,.95) !important;
  font-size:12.8px !important;
  line-height:1.5 !important;
  opacity:1 !important;
}

.cv.executive .info-label,
#cvPdfClone .cv.executive .info-label,
#cvPdfClone.cv.executive .info-label {
  color:#ffffff !important;
  font-size:12px !important;
  font-weight:850 !important;
}

/* BÖLÜMLER */
.cv.executive .sec,
#cvPdfClone .cv.executive .sec,
#cvPdfClone.cv.executive .sec {
  background:transparent !important;
  border:0 !important;
  padding:0 !important;
  margin:0 0 22px 0 !important;
}

/* BÖLÜM BAŞLIĞI — KUTULU */
.cv.executive .sec h3,
#cvPdfClone .cv.executive .sec h3,
#cvPdfClone.cv.executive .sec h3 {
  background:#e7eee9 !important;
  color:#1f2937 !important;
  border:1px solid rgba(96,118,107,.45) !important;
  border-radius:6px !important;
  padding:7px 14px !important;
  margin:0 0 14px 0 !important;
  font-size:13px !important;
  font-weight:900 !important;
  letter-spacing:1.3px !important;
  text-transform:uppercase !important;
}

.cv.executive .sec h3::before,
.cv.executive .sec h3::after,
#cvPdfClone .cv.executive .sec h3::before,
#cvPdfClone .cv.executive .sec h3::after,
#cvPdfClone.cv.executive .sec h3::before,
#cvPdfClone.cv.executive .sec h3::after {
  content:none !important;
  display:none !important;
}

/* ENTRY */
.cv.executive .entry,
#cvPdfClone .cv.executive .entry,
#cvPdfClone.cv.executive .entry {
  border:0 !important;
  padding:0 !important;
  margin:0 0 16px 0 !important;
}

.cv.executive .entry b,
#cvPdfClone .cv.executive .entry b,
#cvPdfClone.cv.executive .entry b {
  color:#111827 !important;
  font-size:13.8px !important;
  font-weight:850 !important;
  text-transform:uppercase !important;
}

.cv.executive .entry p,
.cv.executive .entry small,
#cvPdfClone .cv.executive .entry p,
#cvPdfClone .cv.executive .entry small,
#cvPdfClone.cv.executive .entry p,
#cvPdfClone.cv.executive .entry small {
  color:#374151 !important;
  font-size:13px !important;
  line-height:1.55 !important;
}

/* TAG */
.cv.executive .tag,
#cvPdfClone .cv.executive .tag,
#cvPdfClone.cv.executive .tag {
  background:#e7eee9 !important;
  color:#1f2937 !important;
  border:1px solid rgba(96,118,107,.45) !important;
  border-radius:6px !important;
  font-size:12px !important;
  font-weight:800 !important;
}

/* LİSTE */
.cv.executive ul,
#cvPdfClone .cv.executive ul,
#cvPdfClone.cv.executive ul {
  margin:7px 0 0 18px !important;
  padding:0 !important;
}

.cv.executive li,
#cvPdfClone .cv.executive li,
#cvPdfClone.cv.executive li {
  margin-bottom:5px !important;
  color:#374151 !important;
  font-size:13px !important;
}

/* WATERMARK */
.cv.executive .watermark-grid,
#cvPdfClone .cv.executive .watermark-grid,
#cvPdfClone.cv.executive .watermark-grid {
  display:grid !important;
  position:absolute !important;
  inset:-90px !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:125px 110px !important;
  place-items:center !important;
  pointer-events:none !important;
  z-index:20 !important;
  opacity:.11 !important;
  transform:rotate(-24deg) !important;
  overflow:hidden !important;
}

.cv.executive .watermark-grid span,
#cvPdfClone .cv.executive .watermark-grid span,
#cvPdfClone.cv.executive .watermark-grid span {
  display:inline-block !important;
  font-size:40px !important;
  font-weight:900 !important;
  letter-spacing:2px !important;
  white-space:nowrap !important;
  color:rgba(17,24,39,.18) !important;
  -webkit-text-fill-color:rgba(17,24,39,.18) !important;
  user-select:none !important;
  line-height:1 !important;
}
/* EXECUTIVE V3 — RENK PALETİ BAĞLANTISI */

.cv.executive .cv-top,
#cvPdfClone .cv.executive .cv-top,
#cvPdfClone.cv.executive .cv-top {
  background: var(--cv-accent, #9aaea3) !important;
}

.cv.executive .role,
#cvPdfClone .cv.executive .role,
#cvPdfClone.cv.executive .role {
  color: var(--cv-accent, #60766b) !important;
  background: rgba(255,255,255,.88) !important;
}

.cv.executive .sec h3,
#cvPdfClone .cv.executive .sec h3,
#cvPdfClone.cv.executive .sec h3,
.cv.executive .tag,
#cvPdfClone .cv.executive .tag,
#cvPdfClone.cv.executive .tag {
  border-color: var(--cv-accent, #9aaea3) !important;
}
/* =========================================
   CVYAZ KURUMSAL V2.1 — SAFE CORPORATE
   Sol panel hissi var, bilgi kayması yok.
========================================= */

.cv.corporate,
#cvPdfClone .cv.corporate,
#cvPdfClone.cv.corporate {
  background:#ffffff !important;
  border-left:88px solid var(--cv-accent,#334155) !important;
  color:#1f2937 !important;
  padding:42px 44px !important;
  font-family:Arial, Helvetica, sans-serif !important;
  line-height:1.5 !important;
}

.cv.corporate .cv-inner,
#cvPdfClone .cv.corporate .cv-inner,
#cvPdfClone.cv.corporate .cv-inner {
  position:relative !important;
  z-index:2 !important;
}

/* Üst alan */
.cv.corporate .cv-top,
#cvPdfClone .cv.corporate .cv-top,
#cvPdfClone.cv.corporate .cv-top {
  background:#ffffff !important;
  border:0 !important;
  border-bottom:2px solid var(--cv-accent,#334155) !important;
  border-radius:0 !important;
  padding:0 0 24px 0 !important;
  margin:0 0 26px 0 !important;
  box-shadow:none !important;
  text-align:left !important;
}

/* Fotoğraf */
.cv.corporate .photo-frame,
#cvPdfClone .cv.corporate .photo-frame,
#cvPdfClone.cv.corporate .photo-frame {
  width:92px !important;
  height:112px !important;
  float:left !important;
  margin:2px 22px 12px 0 !important;
  border-radius:14px !important;
  border:2px solid var(--cv-accent,#334155) !important;
  background:#ffffff !important;
  overflow:hidden !important;
  box-shadow:none !important;
}

.cv.corporate .photo-frame img,
#cvPdfClone .cv.corporate .photo-frame img,
#cvPdfClone.cv.corporate .photo-frame img {
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}

/* İsim */
.cv.corporate h2,
#cvPdfClone .cv.corporate h2,
#cvPdfClone.cv.corporate h2 {
  color:#111827 !important;
  font-size:40px !important;
  font-weight:900 !important;
  letter-spacing:-.8px !important;
  line-height:1.04 !important;
  margin:0 0 8px 0 !important;
}

/* Meslek */
.cv.corporate .role,
#cvPdfClone .cv.corporate .role,
#cvPdfClone.cv.corporate .role {
  color:var(--cv-accent,#334155) !important;
  background:transparent !important;
  display:block !important;
  padding:0 !important;
  border-radius:0 !important;
  font-size:13px !important;
  font-weight:900 !important;
  letter-spacing:1.3px !important;
  text-transform:uppercase !important;
  margin:0 0 14px 0 !important;
}

/* Bilgi satırları */
.cv.corporate .contact,
.cv.corporate .small-line,
.cv.corporate .info-value,
#cvPdfClone .cv.corporate .contact,
#cvPdfClone .cv.corporate .small-line,
#cvPdfClone .cv.corporate .info-value,
#cvPdfClone.cv.corporate .contact,
#cvPdfClone.cv.corporate .small-line,
#cvPdfClone.cv.corporate .info-value {
  position:static !important;
  left:auto !important;
  width:auto !important;
  color:#374151 !important;
  opacity:1 !important;
  font-size:13px !important;
  line-height:1.5 !important;
}

.cv.corporate .info-label,
#cvPdfClone .cv.corporate .info-label,
#cvPdfClone.cv.corporate .info-label {
  color:#111827 !important;
  font-weight:850 !important;
}

/* Bölümler */
.cv.corporate .sec,
#cvPdfClone .cv.corporate .sec,
#cvPdfClone.cv.corporate .sec {
  background:transparent !important;
  border:0 !important;
  border-bottom:1px solid #e5e7eb !important;
  border-radius:0 !important;
  padding:0 0 16px 0 !important;
  margin:0 0 20px 0 !important;
  box-shadow:none !important;
}

/* Bölüm başlıkları */
.cv.corporate .sec h3,
#cvPdfClone .cv.corporate .sec h3,
#cvPdfClone.cv.corporate .sec h3 {
  color:var(--cv-accent,#334155) !important;
  background:transparent !important;
  display:block !important;
  border:0 !important;
  border-radius:0 !important;
  padding:0 !important;
  margin:0 0 12px 0 !important;
  font-size:15px !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}

.cv.corporate .sec h3::before,
.cv.corporate .sec h3::after,
.cv.corporate .sec::before,
#cvPdfClone .cv.corporate .sec h3::before,
#cvPdfClone .cv.corporate .sec h3::after,
#cvPdfClone .cv.corporate .sec::before,
#cvPdfClone.cv.corporate .sec h3::before,
#cvPdfClone.cv.corporate .sec h3::after,
#cvPdfClone.cv.corporate .sec::before {
  content:none !important;
  display:none !important;
}

/* Entry */
.cv.corporate .entry,
#cvPdfClone .cv.corporate .entry,
#cvPdfClone.cv.corporate .entry {
  border:0 !important;
  padding:0 !important;
  margin:0 0 14px 0 !important;
}

.cv.corporate .entry b,
#cvPdfClone .cv.corporate .entry b,
#cvPdfClone.cv.corporate .entry b {
  color:#111827 !important;
  font-size:13.6px !important;
  font-weight:850 !important;
}

.cv.corporate .entry p,
.cv.corporate .entry small,
#cvPdfClone .cv.corporate .entry p,
#cvPdfClone .cv.corporate .entry small,
#cvPdfClone.cv.corporate .entry p,
#cvPdfClone.cv.corporate .entry small {
  color:#4b5563 !important;
  font-size:13px !important;
  line-height:1.5 !important;
}

/* Tag */
.cv.corporate .tag,
#cvPdfClone .cv.corporate .tag,
#cvPdfClone.cv.corporate .tag {
  background:var(--cv-accent,#334155) !important;
  color:#ffffff !important;
  border:0 !important;
  border-radius:8px !important;
  font-size:12px !important;
  font-weight:800 !important;
}

/* Watermark */
.cv.corporate .watermark-grid,
#cvPdfClone .cv.corporate .watermark-grid,
#cvPdfClone.cv.corporate .watermark-grid {
  display:grid !important;
  position:absolute !important;
  inset:-90px !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:125px 110px !important;
  place-items:center !important;
  pointer-events:none !important;
  z-index:20 !important;
  opacity:.11 !important;
  transform:rotate(-24deg) !important;
  overflow:hidden !important;
}

.cv.corporate .watermark-grid span,
#cvPdfClone .cv.corporate .watermark-grid span,
#cvPdfClone.cv.corporate .watermark-grid span {
  display:inline-block !important;
  font-size:40px !important;
  font-weight:900 !important;
  letter-spacing:2px !important;
  white-space:nowrap !important;
  color:rgba(17,24,39,.18) !important;
  -webkit-text-fill-color:rgba(17,24,39,.18) !important;
  user-select:none !important;
  line-height:1 !important;
}
/* =========================================
   CVYAZ CREATIVE V2.5 — CLEAN CREATIVE / PDF SAFE
========================================= */

.cv.creative,
#cvPdfClone.cv.creative {
  background:#ffffff !important;
  color:#111827 !important;
  padding:46px 48px !important;
  font-family:Arial, Helvetica, sans-serif !important;
  line-height:1.5 !important;
}

/* ÜST ALAN */
.cv.creative .cv-top,
#cvPdfClone.cv.creative .cv-top {
  background:#ffffff !important;
  border:0 !important;
  border-top:6px solid var(--cv-accent,#ec4899) !important;
  padding:24px 0 26px 0 !important;
  margin-bottom:26px !important;
  box-shadow:none !important;
}

/* FOTO */
.cv.creative .photo-frame,
#cvPdfClone.cv.creative .photo-frame {
  width:82px !important;
  height:102px !important;
  border:2px solid var(--cv-accent,#ec4899) !important;
  border-radius:14px !important;
  background:#ffffff !important;
  overflow:hidden !important;
  margin:0 0 14px 0 !important;
  box-shadow:none !important;
}

.cv.creative .photo-frame img,
#cvPdfClone.cv.creative .photo-frame img {
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}

/* İSİM */
.cv.creative h2,
#cvPdfClone.cv.creative h2 {
  color:#111827 !important;
  font-size:28px !important;
  font-weight:950 !important;
  letter-spacing:-1.7px !important;
  line-height:1.02 !important;
  margin:0 0 8px 0 !important;
  text-transform:none !important;
}

/* MESLEK */
.cv.creative .role,
#cvPdfClone.cv.creative .role {
  color:var(--cv-accent,#ec4899) !important;
  background:transparent !important;
  font-size:13px !important;
  font-weight:950 !important;
  letter-spacing:1.6px !important;
  text-transform:uppercase !important;
  margin:0 0 14px 0 !important;
}

/* BİLGİLER */
.cv.creative .contact,
.cv.creative .small-line,
.cv.creative .info-value,
#cvPdfClone.cv.creative .contact,
#cvPdfClone.cv.creative .small-line,
#cvPdfClone.cv.creative .info-value {
  color:#374151 !important;
  font-size:12.9px !important;
  line-height:1.48 !important;
  opacity:1 !important;
}

.cv.creative .info-label,
#cvPdfClone.cv.creative .info-label {
  color:#111827 !important;
  font-weight:900 !important;
}

/* BÖLÜMLER */
.cv.creative .sec,
#cvPdfClone.cv.creative .sec {
  background:#ffffff !important;
  border:0 !important;
  border-left:4px solid var(--cv-accent,#ec4899) !important;
  border-bottom:1px solid rgba(17,24,39,.10) !important;
  padding:0 0 16px 16px !important;
  margin:0 0 22px 0 !important;
  box-shadow:none !important;
}

/* BAŞLIKLAR */
.cv.creative .sec h3,
#cvPdfClone.cv.creative .sec h3 {
  color:var(--cv-accent,#ec4899) !important;
  background:transparent !important;
  border:0 !important;
  padding:0 !important;
  margin:0 0 12px 0 !important;
  font-size:13px !important;
  font-weight:950 !important;
  letter-spacing:2px !important;
  text-transform:uppercase !important;
}

.cv.creative .sec h3::before,
.cv.creative .sec h3::after,
.cv.creative .sec::before,
#cvPdfClone.cv.creative .sec h3::before,
#cvPdfClone.cv.creative .sec h3::after,
#cvPdfClone.cv.creative .sec::before {
  content:none !important;
  display:none !important;
}

/* ENTRY */
.cv.creative .entry,
#cvPdfClone.cv.creative .entry {
  border:0 !important;
  padding:0 !important;
  margin:0 0 14px 0 !important;
}

.cv.creative .entry b,
#cvPdfClone.cv.creative .entry b {
  color:#111827 !important;
  font-size:13.6px !important;
  font-weight:900 !important;
}

.cv.creative .entry p,
.cv.creative .entry small,
#cvPdfClone.cv.creative .entry p,
#cvPdfClone.cv.creative .entry small {
  color:#4b5563 !important;
  font-size:13px !important;
  line-height:1.5 !important;
}

/* TAG */
.cv.creative .tag,
#cvPdfClone.cv.creative .tag {
  background:var(--cv-accent,#ec4899) !important;
  color:#ffffff !important;
  border:0 !important;
  border-radius:999px !important;
  font-size:12px !important;
  font-weight:850 !important;
}
/* FOTOĞRAFI SAĞA AL */
.cv.creative .cv-top,
#cvPdfClone.cv.creative .cv-top{
  display:flex !important;
  justify-content:space-between !important;
  align-items:flex-start !important;
  gap:26px !important;
}

/* SOL İÇERİK */
.cv.creative .top-left,
#cvPdfClone.cv.creative .top-left{
  flex:1 !important;
}

/* FOTO SAĞ */
.cv.creative .photo-frame,
#cvPdfClone.cv.creative .photo-frame{
  order:2 !important;
  margin:0 !important;
  flex-shrink:0 !important;
}
/* FOTO biraz küçülsün */
.cv.creative .photo-frame,
#cvPdfClone.cv.creative .photo-frame{
  width:120px !important;
  height:120px !important;
}

/* İsim daha kompakt */
.cv.creative h2,
#cvPdfClone.cv.creative h2{
  font-size:68px !important;
  letter-spacing:-3px !important;
}

/* Üst alan nefes alsın */
.cv.creative .cv-top,
#cvPdfClone.cv.creative .cv-top{
  padding-top:34px !important;
  padding-bottom:34px !important;
}

/* Bölüm çizgileri daha soft */
.cv.creative .sec,
#cvPdfClone.cv.creative .sec{
  border-left:3px solid var(--cv-accent,#ec4899) !important;
}

/* Section başlığı daha modern */
.cv.creative .sec h3,
#cvPdfClone.cv.creative .sec h3{
  font-size:15px !important;
  letter-spacing:3px !important;
}

/* Bilgiler biraz küçülsün */
.cv.creative .contact,
.cv.creative .info-value,
#cvPdfClone.cv.creative .contact,
#cvPdfClone.cv.creative .info-value{
  font-size:14px !important;
}
/* CREATIVE SON POLISH */

.cv.creative h2,
#cvPdfClone.cv.creative h2 {
  font-size:56px !important;
  letter-spacing:-2.2px !important;
}

.cv.creative .photo-frame,
#cvPdfClone.cv.creative .photo-frame {
  width:112px !important;
  height:112px !important;
}

.cv.creative .cv-top,
#cvPdfClone.cv.creative .cv-top {
  padding-top:28px !important;
  padding-bottom:28px !important;
}

.cv.creative .contact,
.cv.creative .small-line,
.cv.creative .info-value,
#cvPdfClone.cv.creative .contact,
#cvPdfClone.cv.creative .small-line,
#cvPdfClone.cv.creative .info-value {
  font-size:13.6px !important;
}
/* =========================================
   CREATIVE PDF NAME FIX
========================================= */

.cv.creative h2,
#cvPdfClone.cv.creative h2{
  font-size:52px !important;
  line-height:.95 !important;
  letter-spacing:-2px !important;
  max-width:720px !important;
}

/* MOBİL */
@media (max-width:768px){

  .cv.creative h2,
  #cvPdfClone.cv.creative h2{
    font-size:32px !important;
    letter-spacing:-1px !important;
  }

}
/* =========================================
   PREMIUM V2 — LUXURY / EXECUTIVE
========================================= */

.cv.premium,
#cvPdfClone.cv.premium{

  background:#fffdf9 !important;
  color:#1a1a1a !important;

  padding:58px 56px !important;

  font-family:
    "Inter",
    "Helvetica Neue",
    sans-serif !important;

  position:relative !important;
}

/* üst altın çizgi */

.cv.premium::before,
#cvPdfClone.cv.premium::before{
  content:"" !important;

  position:absolute !important;

  top:34px !important;
  left:56px !important;
  right:56px !important;

  height:2px !important;

  background:
    linear-gradient(
      90deg,
      #c8a96b,
      #f4e4bc,
      #c8a96b
    ) !important;
}

/* HEADER */

.cv.premium .cv-top,
#cvPdfClone.cv.premium .cv-top{

  position:relative !important;

  padding-right:180px !important;

  margin-bottom:46px !important;

  background:none !important;
  border:0 !important;
  box-shadow:none !important;
}

/* FOTO */

.cv.premium .photo-frame,
#cvPdfClone.cv.premium .photo-frame{

  position:absolute !important;

  top:6px !important;
  right:0 !important;

  width:122px !important;
  height:122px !important;

  border-radius:22px !important;

  overflow:hidden !important;

  border:2px solid #d6b97a !important;

  background:#fff !important;

  box-shadow:
    0 10px 30px rgba(0,0,0,.08) !important;
}

/* İSİM */

.cv.premium h2,
#cvPdfClone.cv.premium h2{

  font-size:56px !important;

  font-weight:900 !important;

  letter-spacing:-2px !important;

  line-height:.92 !important;

  color:#111827 !important;

  margin-bottom:12px !important;
}

/* MESLEK */

.cv.premium .role,
#cvPdfClone.cv.premium .role{

  font-size:16px !important;

  letter-spacing:4px !important;

  text-transform:uppercase !important;

  font-weight:700 !important;

  color:#b38b44 !important;

  background:none !important;

  border:0 !important;

  padding:0 !important;

  margin-bottom:26px !important;
}

/* BİLGİLER */

.cv.premium .contact,
.cv.premium .small-line,
.cv.premium .info-value,
#cvPdfClone.cv.premium .contact,
#cvPdfClone.cv.premium .small-line,
#cvPdfClone.cv.premium .info-value{

  color:#4b5563 !important;

  font-size:15px !important;

  line-height:1.8 !important;
}

.cv.premium .info-label,
#cvPdfClone.cv.premium .info-label{

  color:#111827 !important;

  font-weight:800 !important;
}

/* SECTION */

.cv.premium .sec,
#cvPdfClone.cv.premium .sec{

  background:none !important;

  border:0 !important;

  border-top:1px solid #ece5d8 !important;

  padding:24px 0 0 !important;

  margin-bottom:26px !important;
}

/* BAŞLIK */

.cv.premium .sec h3,
#cvPdfClone.cv.premium .sec h3{

  font-size:13px !important;

  letter-spacing:3px !important;

  text-transform:uppercase !important;

  color:#b38b44 !important;

  margin-bottom:16px !important;

  background:none !important;

  border:0 !important;

  padding:0 !important;
}

.cv.premium .sec h3::before,
#cvPdfClone.cv.premium .sec h3::before,
.cv.premium .sec::before,
#cvPdfClone.cv.premium .sec::before{
  display:none !important;
}

/* TAG */

.cv.premium .tag,
#cvPdfClone.cv.premium .tag{

  background:#f6efe2 !important;

  color:#8a6a2f !important;

  border-radius:999px !important;

  padding:6px 12px !important;
}

/* ENTRY */

.cv.premium .entry,
#cvPdfClone.cv.premium .entry{

  border:0 !important;

  padding-left:0 !important;
}

/* MOBİL */

@media (max-width:768px){

  .cv.premium,
  #cvPdfClone.cv.premium{
    padding:34px 24px !important;
  }

  .cv.premium .cv-top,
  #cvPdfClone.cv.premium .cv-top{
    padding-right:0 !important;
  }

  .cv.premium .photo-frame,
  #cvPdfClone.cv.premium .photo-frame{

    position:relative !important;

    right:auto !important;
    top:auto !important;

    margin:0 0 18px auto !important;

    width:90px !important;
    height:90px !important;
  }

  .cv.premium h2,
  #cvPdfClone.cv.premium h2{
    font-size:34px !important;
  }

}
/* =========================================
   PREMIUM V2 — RENK PALETİ BAĞLANTI FIX
========================================= */

.cv.premium::before,
#cvPdfClone.cv.premium::before{
  background:var(--cv-accent,#d4af37) !important;
}

.cv.premium .photo-frame,
#cvPdfClone.cv.premium .photo-frame{
  border-color:var(--cv-accent,#d4af37) !important;
}

.cv.premium .role,
#cvPdfClone.cv.premium .role,
.cv.premium .sec h3,
#cvPdfClone.cv.premium .sec h3{
  color:var(--cv-accent,#d4af37) !important;
}

.cv.premium .tag,
#cvPdfClone.cv.premium .tag{
  color:var(--cv-accent,#d4af37) !important;
  border:1px solid var(--cv-accent,#d4af37) !important;
  background:#fffaf0 !important;
}

.cv.premium .sec,
#cvPdfClone.cv.premium .sec{
  border-top-color:var(--cv-accent,#d4af37) !important;
}
/* =====================================================
   CVYAZ FINAL STYLE POLISH PATCH
   Çekirdek yapıyı bozmaz — sadece final görünüm iyileştirmeleri
===================================================== */

/* =========================
   1. MODERN
========================= */

.cv.modern .name{
   letter-spacing: -1px !important;
}

/* =========================
   2. ATS
========================= */

.cv.ats{
   font-size: 14px !important;
}

.cv.ats .name{
   font-size: 30px !important;
   line-height: 1.05 !important;
}

/* =========================
   3. EXECUTIVE
========================= */

.cv.executive .cv-header,
.cv.executive .top-area,
.cv.executive .hero-area{
   background: rgba(124, 145, 131, 0.92) !important;
}

.cv.executive .section,
.cv.executive .section-box,
.cv.executive .card{
   border: 1px solid rgba(0,0,0,.08) !important;
}

/* =========================
   4. KURUMSAL
========================= */

.cv.corporate::before,
.cv.kurumsal::before,
.cv.corporate .side-bar,
.cv.kurumsal .side-bar{
   width: 22px !important;
}

/* =========================
   5. YARATICI
========================= */

.cv.creative .role{
   color: #db2777 !important;
}

/* =========================
   6. PREMIUM
========================= */

.cv.premium .name{
   font-size: 58px !important;
   line-height: .95 !important;
}

.cv.premium .role{
   letter-spacing: 4px !important;
}
/* =====================================================
   CREATIVE — RENK PALETİ TAM BAĞLANTI FIX
   Meslek + başlık + çizgi + foto + border tek renge bağlandı
===================================================== */

.cv.creative,
#cvPdfClone.cv.creative{
  --creative-accent: var(--cv-accent, #ec4899);
}

/* Üst çizgi */
.cv.creative .cv-top,
#cvPdfClone.cv.creative .cv-top{
  border-top-color: var(--creative-accent) !important;
}

/* Fotoğraf çerçevesi */
.cv.creative .photo-frame,
#cvPdfClone.cv.creative .photo-frame{
  border-color: var(--creative-accent) !important;
}

/* Meslek / pozisyon */
.cv.creative .role,
#cvPdfClone.cv.creative .role{
  color: var(--creative-accent) !important;
  background: transparent !important;
}

/* Bölüm başlıkları */
.cv.creative .sec h3,
#cvPdfClone.cv.creative .sec h3{
  color: var(--creative-accent) !important;
}

/* Sol vurgu çizgileri */
.cv.creative .sec,
#cvPdfClone.cv.creative .sec{
  border-left-color: var(--creative-accent) !important;
}

/* Küçük çizgi / pseudo çizgiler */
.cv.creative .sec h3::before,
.cv.creative .sec h3::after,
#cvPdfClone.cv.creative .sec h3::before,
#cvPdfClone.cv.creative .sec h3::after{
  background: var(--creative-accent) !important;
}

/* Tag / rozet */
.cv.creative .tag,
#cvPdfClone.cv.creative .tag{
  background: var(--creative-accent) !important;
  border-color: var(--creative-accent) !important;
  color: #ffffff !important;
}

/* İnce ayraçlar */
.cv.creative .entry,
#cvPdfClone.cv.creative .entry{
  border-color: rgba(17,24,39,.08) !important;
}
.demo-cv-box{
  margin: 18px auto 12px;
  padding: 16px 18px;

  background: #ffffff;

  border: 1px solid rgba(15,23,42,.05);
  border-radius: 24px;

  max-width: 860px;
  width: calc(100% - 24px);

  box-shadow:
    0 10px 28px rgba(15,23,42,.05),
    0 4px 12px rgba(15,23,42,.04);
}

.demo-title{
  text-align:center;
  font-size: 22px;
  font-weight: 800;
  color:#111827;
  margin-bottom:18px;
}

.demo-buttons{
  display:flex;
  justify-content:center;
  gap:14px;
  margin-top:18px;
}

.demo-buttons button{
  min-width:290px;
}

.demo-buttons button{
  border:0;
  border-radius:14px;

  padding:8px 12px;

  font-size:13px;
  font-weight:700;
  letter-spacing:-.2px;

  cursor:pointer;

  min-width:220px;

  background:linear-gradient(135deg,#2563eb,#1d4ed8);
  color:#fff;

  transition:.25s ease;

  box-shadow:
    0 8px 18px rgba(37,99,235,.16);
}

.demo-buttons button:hover{
  transform:translateY(-2px);
  opacity:.95;
  box-shadow:
    0 14px 34px rgba(37,99,235,.28),
    0 0 18px rgba(59,130,246,.22);
}

@media(max-width:768px){

  .demo-cv-box{
    margin:18px 14px 6px;
    padding:16px;
    border-radius:22px;
  }

  .demo-title{
    font-size:18px;
  }

  .demo-buttons{
    grid-template-columns:1fr;
    gap:10px;
  }

  .demo-buttons button{
  padding:11px 14px;
  font-size:13px;
  border-radius:14px;
  min-width:210px;
  max-width:240px;
  margin:0 auto;
}

}
/* ===== DEMO CV BOX FINAL PATCH ===== */

.demo-cv-box{
  margin: 26px auto 18px;
  padding: 26px 24px;
  background:#ffffff;
  border:1px solid rgba(226,232,240,.9);
  border-radius:28px;
  max-width:860px;
  box-shadow:
    0 18px 48px rgba(15,23,42,.08),
    0 6px 20px rgba(37,99,235,.06);
}

.demo-title{
  text-align:center;
  font-size:24px;
  font-weight:800;
  color:#111827;
  margin-bottom:16px;
}

.demo-text{
  text-align:center;
  color:#707887;
  line-height:1.7;
  font-size:15px;
  margin-bottom:24px;
}

.demo-buttons{
  display:flex;
  justify-content:center;
}

.demo-buttons button{
  border:0;
  border-radius:18px;
  padding:11px 18px;
  min-width:240px;
  font-size:14px;
  font-weight:700;
  cursor:pointer;
  color:#fff;
  background:linear-gradient(135deg,#2563eb,#1d4ed8);
  transition:.25s ease;
  box-shadow:
    0 10px 24px rgba(37,99,235,.18);
}

.demo-buttons button:hover{
  transform:translateY(-2px);
  opacity:.97;
  box-shadow:
    0 16px 38px rgba(37,99,235,.28),
    0 0 22px rgba(59,130,246,.20);
}

@media(max-width:768px){

  .demo-cv-box{
    margin:18px 14px 10px;
    padding:20px 16px;
    border-radius:24px;
  }

  .demo-title{
    font-size:20px;
  }

  .demo-text{
    font-size:14px;
    margin-bottom:20px;
  }

  .demo-buttons button{
    width:100%;
    min-width:unset;
    padding:11px 16px;
    font-size:14px;
  }
}
/* ===== MOBILE DEMO WIDTH HARD FIX ===== */
@media(max-width:768px){

  .demo-cv-box{
    width: calc(100% - 2px) !important;
    max-width: none !important;
    margin-left: 1px !important;
    margin-right: 1px !important;
  }

}
/* ===== ATS SADE / MINIMAL FIX ===== */

.cv.minimal .cv-top,
.cv.minimal .personal,
.cv.minimal .info-row,
.cv.minimal #pContact,
.cv.minimal #pAddress,
.cv.minimal #pExtra{
  display:block !important;
  width:100% !important;
}

.cv.minimal .info-row{
  display:grid !important;
  grid-template-columns:90px 1fr !important;
  gap:8px !important;
  align-items:start !important;
}

.cv.minimal .info-label{
  white-space:nowrap !important;
}

.cv.minimal .info-value{
  display:block !important;
  width:auto !important;
  max-width:100% !important;
  white-space:normal !important;
  word-break:normal !important;
  overflow-wrap:break-word !important;
}

.cv.minimal h1,
.cv.minimal .cv-name,
.cv.minimal #pName{
  word-break:normal !important;
  white-space:normal !important;
}

.cv.minimal #pJob{
  word-break:normal !important;
  white-space:normal !important;
  letter-spacing:.8px !important;
}
/* ===== MOBILE PREVIEW SAFE GAP FIX ===== */
@media(max-width:768px){

  #cvWrap{
    overflow:hidden !important;
    padding-bottom:0 !important;
    margin-bottom:34px !important;
  }

  .how-card,
  .how-section,
  .steps,
  .how-it-works{
    margin-top:24px !important;
  }

}
/* Alttaki fazla canlı rozetini gizle */
.preview-title:has(.preview-title)::after{
  content:none !important;
  display:none !important;
}
.demo-cv-box{
  display:none !important;
}

.demo-inline-action{
  display:flex;
  justify-content:center;
  margin:16px 0 14px;
}

.demo-inline-action button{
  border:0;
  border-radius:999px;
  padding:10px 22px;
  font-size:14px;
  font-weight:800;
  color:#fff;
  cursor:pointer;
  background:linear-gradient(135deg,#2563eb,#1d4ed8);
  box-shadow:0 10px 24px rgba(37,99,235,.20);
  transition:.25s ease;
}

.demo-inline-action button:hover{
  transform:translateY(-2px);
  box-shadow:
    0 16px 38px rgba(37,99,235,.28),
    0 0 20px rgba(59,130,246,.22);
}

@media(max-width:768px){
  .demo-inline-action{
    margin:14px 0 12px;
  }

  .demo-inline-action button{
    padding:11px 20px;
    font-size:14px;
  }
}
/* ===== WEB + MOBILE DEMO INLINE BUTTON FINAL ===== */

.demo-inline-action{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  margin:16px 0 14px !important;
}

.demo-inline-action button{
  appearance:none !important;
  -webkit-appearance:none !important;
  border:0 !important;
  outline:0 !important;
  border-radius:999px !important;
  padding:12px 28px !important;
  font-size:16px !important;
  font-weight:800 !important;
  color:#fff !important;
  cursor:pointer !important;
  background:linear-gradient(135deg,#2563eb,#1d4ed8) !important;
  box-shadow:
    0 12px 28px rgba(37,99,235,.24),
    0 0 20px rgba(59,130,246,.16) !important;
  transition:.25s ease !important;
}

.demo-inline-action button:hover{
  transform:translateY(-2px) !important;
  box-shadow:
    0 16px 38px rgba(37,99,235,.30),
    0 0 24px rgba(59,130,246,.24) !important;
}
.demo-clear-btn{
  margin-top: 12px;
  border: 0;
  border-radius: 999px;
  padding: 14px 22px;
  font-weight: 800;
  background: #f1f5f9;
  color: #0f172a;
  cursor: pointer;
  box-shadow: 0 10px 24px rgba(15,23,42,.12);
}

.demo-clear-btn:hover{
  transform: translateY(-1px);
}
.demo-inline-action{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
}

.demo-inline-action button,
.demo-clear-btn{
  min-height: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 !important;
}
/* DEMO / CV FOTOĞRAF KIRPILMA DÜZELTME */
#pPhoto,
.cv img[src*="demo-photo"],
.cv .photo img,
.cv-photo,
.profile-photo,
.photo-frame img{

  width: 78px !important;
  height: 100px !important;

  object-fit: cover !important;
  object-position: center top !important;

  transform: scale(1.10) !important;

  border-radius: 8px !important;

  padding: 0 !important;
  margin: 0 !important;

}
/* MODERN / EXECUTIVE / KURUMSAL / YARATICI FOTO DOLULUK */

.cv.modern #pPhoto,
.cv.executive #pPhoto,
.cv.corporate #pPhoto,
.cv.creative #pPhoto {

  transform: scale(1.18) !important;

}
/* PREMIUM FOTOĞRAF BOYUT DÜZELTME */
.cv.premium #pPhoto,
.cv.premium .photo-frame img,
.cv.premium .cv-photo,
.cv.premium img[src*="demo-photo"]{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
  display: block !important;
}
/* ANA SAYFA FOTO DENGELİ BOYUT */

#pPhoto,
.cv img[src*="demo-photo"],
.cv .photo img,
.cv-photo,
.profile-photo,
.photo-frame img{

  width: 102px !important;
  height: 122px !important;

  object-fit: cover !important;
  object-position: center top !important;

  transform: scale(1.12) !important;

  padding: 0 !important;
  margin: 0 !important;

}
/* FOTOĞRAFI BİRAZ AŞAĞI İNDİR */
#pPhoto,
.cv-photo,
.profile-photo,
.photo-frame img{
  position: relative !important;
  top: 6px !important;
}

/* MODERN + EXECUTIVE FOTO İNCE AYAR */
.cv.modern .photo-frame img,
.cv.executive .photo-frame img,
.cv.modern .cv-photo,
.cv.executive .cv-photo{
  top: 6px !important;
}
.download{
  width: calc(100% - 72px) !important;
  max-width: 380px !important;
  border-radius: 18px !important;
}
@media (max-width: 768px){

  body .download#previewCta,
  body #previewCta{
    width: 260px !important;
    max-width: 260px !important;
    min-width: 0 !important;

    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;

    padding: 14px 18px !important;
    font-size: 16px !important;
    border-radius: 18px !important;
    text-align: center !important;
  }

}
@media (max-width: 768px){

  .demo-inline-action{
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
  }

  .demo-inline-action button{
    width: 48% !important;
    max-width: 165px !important;
    min-width: 0 !important;
    height: 50px !important;
    padding: 0 8px !important;
    font-size: 13px !important;
    border-radius: 18px !important;
    white-space: nowrap !important;
  }

}
/* PROFESYONEL ÖZET YAZI İNCELT */
.cv .summary-text,
.cv .profile-summary,
.cv .professional-summary,
.cv .section-text,
.cv .section p,
.cv p{
  font-weight: 400 !important;
  color: #2f2f2f !important;
  letter-spacing: 0 !important;
}
.cv .summary p,
.cv .professional-summary p,
.cv .profile-summary p{
    font-size: 7px !important;
    line-height: 1.45 !important;
}
.cv .summary,
.cv .summary-text,
.cv .professional-summary,
.cv .professional-summary p,
.cv .summary p{
    font-size: 7px !important;
    line-height: 1.4 !important;
    font-weight: 400 !important;
}
/* PROFESYONEL ÖZET — TÜM STİLLERDE ZORLA KÜÇÜLT */
.cv h3 + p,
.cv h4 + p,
.cv .section-title + p,
.cv .cv-section-title + p,
.cv [class*="summary"],
.cv [class*="Summary"],
.cv [class*="ozet"],
.cv [class*="Ozet"]{
  font-size: 16px !important;
  line-height: 1.45 !important;
  font-weight: 500 !important;
}
/* =====================================================
   CVYAZ INFO / ATS / LEGAL FINAL DENGE FIX
   Web taşma yok, mobil tren yok.
===================================================== */

/* Ana genişlik: hiçbir kart app dışına çıkmasın */
.info-section,
.info-section.ats-card,
#ats-nedir,
.enhanced-legal-box,
.legal-box {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

/* WEB */
@media (min-width: 768px) {
  .app {
    max-width: 640px !important;
  }

  .info-section,
  .info-section.ats-card,
  #ats-nedir,
  .enhanced-legal-box,
  .legal-box {
    width: 100% !important;
    max-width: 640px !important;
  }

  .step-grid {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 12px !important;
  }

  .mini-checks {
    justify-content: center !important;
  }
}

/* MOBİL */
@media (max-width: 767px) {
  .info-section,
  .info-section.ats-card,
  #ats-nedir,
  .enhanced-legal-box,
  .legal-box {
    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
    padding: 24px 16px !important;
    border-radius: 28px !important;
  }

  .step-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .step-grid article {
    padding: 18px 14px !important;
    text-align: center !important;
  }

  .step-grid p {
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  .info-section h2,
  .ats-card h2,
  .legal-title {
    font-size: 30px !important;
    line-height: 1.08 !important;
  }

  .mini-checks {
    justify-content: center !important;
  }

  .download,
  #previewCta {
    width: calc(100vw - 52px) !important;
    max-width: 390px !important;
    left: 50% !important;
    bottom: calc(env(safe-area-inset-bottom) + 14px) !important;
    transform: translateX(-50%) !important;
    z-index: 90 !important;
  }
}
/* =====================================================
   CVYAZ INFO / ATS / LEGAL FINAL DENGE FIX
   Web taşma yok, mobil tren yok.
===================================================== */

/* Ana genişlik: hiçbir kart app dışına çıkmasın */
.info-section,
.info-section.ats-card,
#ats-nedir,
.enhanced-legal-box,
.legal-box {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

/* WEB */
@media (min-width: 768px) {
  .app {
    max-width: 640px !important;
  }

  .info-section,
  .info-section.ats-card,
  #ats-nedir,
  .enhanced-legal-box,
  .legal-box {
    width: 100% !important;
    max-width: 640px !important;
  }

  .step-grid {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 12px !important;
  }

  .mini-checks {
    justify-content: center !important;
  }
}

/* MOBİL */
@media (max-width: 767px) {
  .info-section,
  .info-section.ats-card,
  #ats-nedir,
  .enhanced-legal-box,
  .legal-box {
    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
    padding: 24px 16px !important;
    border-radius: 28px !important;
  }

  .step-grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .step-grid article {
    padding: 18px 14px !important;
    text-align: center !important;
  }

  .step-grid p {
    font-size: 14px !important;
    line-height: 1.45 !important;
  }

  .info-section h2,
  .ats-card h2,
  .legal-title {
    font-size: 30px !important;
    line-height: 1.08 !important;
  }

  .mini-checks {
    justify-content: center !important;
  }

  .download,
  #previewCta {
    width: calc(100vw - 52px) !important;
    max-width: 390px !important;
    left: 50% !important;
    bottom: calc(env(safe-area-inset-bottom) + 14px) !important;
    transform: translateX(-50%) !important;
    z-index: 90 !important;
  }
}
/* =====================================================
   CVYAZ MOBILE ALT KARTLAR ÜST PENCEREYLE AYNI GENİŞLİK
===================================================== */

@media (max-width: 767px) {
  .app {
    width: 100% !important;
    max-width: 430px !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .cv-wrap,
  .info-section,
  .info-section.ats-card,
  #ats-nedir,
  .enhanced-legal-box,
  .legal-box,
  .site-footer {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  .info-section,
  .info-section.ats-card,
  .enhanced-legal-box,
  .legal-box {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}
/* =====================================================
   ATS BADGES WEB PERFECT FIT
===================================================== */

@media (min-width: 768px) {

  .mini-checks{
    display:flex !important;
    flex-wrap:nowrap !important;
    justify-content:center !important;
    align-items:center !important;
    gap:8px !important;
    width:100% !important;
  }

  .mini-checks span{
    flex:1 1 0 !important;
    min-width:0 !important;
    white-space:nowrap !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    font-size:12px !important;
    padding:9px 10px !important;

    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

}
/* =====================================================
   CVYAZ CLEAN PROFESSIONAL BUTTONS
===================================================== */

.preview-actions button,
.preview-btn,
.example-btn {

  background: #1e3a8a !important;

  color: #fff !important;

  border: 1px solid rgba(255,255,255,.08) !important;

  border-radius: 14px !important;

  font-size: 15px !important;
  font-weight: 600 !important;
  letter-spacing: -.1px !important;

  box-shadow:
    0 4px 14px rgba(15,23,42,.12) !important;

  transition:
    background .18s ease,
    transform .18s ease,
    box-shadow .18s ease !important;
}

.preview-actions button:hover,
.preview-btn:hover,
.example-btn:hover {

  background: #1d4ed8 !important;

  transform: translateY(-1px);

  box-shadow:
    0 8px 22px rgba(15,23,42,.18) !important;
}
/* =====================================================
   CVYAZ PREVIEW BUTTON EQUAL SIZE
===================================================== */

.preview-actions{
  display:flex !important;
  justify-content:center !important;
  gap:14px !important;
}

.preview-actions button{
  width:240px !important;
  height:58px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  padding:0 !important;

  font-size:15px !important;
  font-weight:600 !important;
}
/* =====================================================
   CVYAZ EXAMPLE BUTTONS CLEAN SIZE FIX
===================================================== */

.preview-actions{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:12px !important;
}

.preview-actions button{

  flex:0 0 210px !important;
  width:210px !important;
  min-width:210px !important;
  max-width:210px !important;

  height:52px !important;

  padding:0 !important;

  border-radius:16px !important;

  font-size:14px !important;
  font-weight:600 !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
/* =====================================================
   CVYAZ EXAMPLE BUTTONS FINAL SIZE
===================================================== */

.preview-actions{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  gap:10px !important;
}

.preview-actions button{

  width:190px !important;
  min-width:190px !important;
  max-width:190px !important;

  height:48px !important;
  min-height:48px !important;
  max-height:48px !important;

  padding:0 !important;

  border-radius:14px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  font-size:14px !important;
  font-weight:600 !important;
  letter-spacing:-0.1px !important;
}
/* =====================================================
   CVYAZ EXAMPLE BUTTONS PERFECT BALANCE
===================================================== */

.preview-actions{
  display:flex !important;
  justify-content:center !important;
  gap:10px !important;
}

.preview-actions button{

  width:185px !important;
  min-width:185px !important;
  max-width:185px !important;

  height:46px !important;

  padding:0 14px !important;

  border-radius:14px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  font-size:14px !important;
  font-weight:600 !important;

  letter-spacing:-0.1px !important;
}
.preview-actions button{
  width: 210px !important;
  height: 52px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  padding:0 !important;

  font-size:15px !important;
  font-weight:700 !important;

  border-radius:16px !important;

  letter-spacing:-0.2px !important;
}
/* =====================================================
   ÖRNEK CV BUTONLARI — WEB + MOBİL DENGE
===================================================== */

.preview-actions {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 10px !important;
}

.preview-actions button {
  width: 190px !important;
  min-width: 190px !important;
  max-width: 190px !important;

  height: 48px !important;
  min-height: 48px !important;
  max-height: 48px !important;

  padding: 0 !important;
  border-radius: 14px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: -0.1px !important;
}

/* Mobilde biraz daha küçük */
@media (max-width: 767px) {
  .preview-actions {
    gap: 8px !important;
  }

  .preview-actions button {
    width: 158px !important;
    min-width: 158px !important;
    max-width: 158px !important;

    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;

    font-size: 13.5px !important;
    border-radius: 13px !important;
  }
}
/* =====================================================
   MENÜ AÇIKKEN PDF CTA KESİN GİZLE
===================================================== */

body.menu-open.cvyaz-show-preview-cta #previewCta,
body.menu-open.cvyaz-show-preview-cta .download,
body.menu-open #previewCta,
body.menu-open .download {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
/* =====================================================
   PREMIUM STİL FOTOĞRAF SAĞ SABİTLEME
===================================================== */

.cv.premium .cv-header,
#cvPdfClone.cv.premium .cv-header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
}

.cv.premium .cv-photo,
#cvPdfClone.cv.premium .cv-photo {
  order: 2 !important;
  margin-left: auto !important;
  margin-right: 0 !important;
}

.cv.premium .cv-header-left,
#cvPdfClone.cv.premium .cv-header-left {
  order: 1 !important;
}
/* =====================================================
   MODERN CV FONT REFINEMENT — 2. ADIM
   İsim, meslek, bölüm başlıkları ve içerik font dengesi.
===================================================== */

.cv.modern h2 {
  font-size: 30px !important;
  line-height: 1.04 !important;
  font-weight: 850 !important;
  letter-spacing: -0.6px !important;
}

.cv.modern .role {
  font-size: 11.5px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: 1.1px !important;
  text-transform: uppercase !important;
}

.cv.modern .sec h3 {
  font-size: 10.8px !important;
  line-height: 1.15 !important;
  font-weight: 850 !important;
  letter-spacing: 1.6px !important;
  text-transform: uppercase !important;
}

.cv.modern .entry b {
  font-size: 12.8px !important;
  line-height: 1.22 !important;
  font-weight: 800 !important;
}

.cv.modern .entry small {
  font-size: 10.8px !important;
  line-height: 1.28 !important;
  font-weight: 600 !important;
  opacity: .62 !important;
}

.cv.modern .entry p {
  font-size: 11.8px !important;
  line-height: 1.36 !important;
  font-weight: 400 !important;
}

.cv.modern .info-row,
.cv.modern .info-row-inline {
  font-size: 10.8px !important;
  line-height: 1.24 !important;
}

.cv.modern .info-label {
  font-weight: 800 !important;
}

.cv.modern .tag {
  font-size: 10.5px !important;
  font-weight: 700 !important;
  padding: 4px 8px !important;
  line-height: 1.2 !important;
}
/* =====================================================
   MODERN PDF ÖNİZLEME FONT + BOŞLUK FIX
   Ana sayfa değil, PDF clone görünümünü hedefler.
===================================================== */

#cvPdfClone.cv.modern {
  padding: 44px 48px !important;
}

#cvPdfClone.cv.modern .cv-top {
  gap: 18px !important;
  padding-bottom: 18px !important;
  margin-bottom: 18px !important;
}

#cvPdfClone.cv.modern h2 {
  font-size: 30px !important;
  line-height: 1.04 !important;
  font-weight: 850 !important;
  letter-spacing: -0.6px !important;
  margin-bottom: 4px !important;
}

#cvPdfClone.cv.modern .role {
  font-size: 11.5px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
  letter-spacing: 1.1px !important;
  text-transform: uppercase !important;
  margin-bottom: 8px !important;
}

#cvPdfClone.cv.modern .photo-frame {
  width: 92px !important;
  height: 112px !important;
  flex: 0 0 92px !important;
}

#cvPdfClone.cv.modern .info-row,
#cvPdfClone.cv.modern .info-row-inline {
  grid-template-columns: 96px minmax(0, 1fr) !important;
  font-size: 10.8px !important;
  line-height: 1.24 !important;
  margin: 0 !important;
}

#cvPdfClone.cv.modern .sec {
  margin-bottom: 14px !important;
  padding-bottom: 12px !important;
}

#cvPdfClone.cv.modern .sec h3 {
  font-size: 10.8px !important;
  line-height: 1.15 !important;
  font-weight: 850 !important;
  letter-spacing: 1.6px !important;
  margin-bottom: 8px !important;
}

#cvPdfClone.cv.modern .entry {
  margin-bottom: 9px !important;
}

#cvPdfClone.cv.modern .entry b {
  font-size: 12.8px !important;
  line-height: 1.22 !important;
}

#cvPdfClone.cv.modern .entry small {
  font-size: 10.8px !important;
  line-height: 1.28 !important;
  margin: 3px 0 !important;
}

#cvPdfClone.cv.modern .entry p {
  font-size: 11.8px !important;
  line-height: 1.36 !important;
}

#cvPdfClone.cv.modern .tag {
  font-size: 10.5px !important;
  padding: 4px 8px !important;
}
/* =====================================================
   MODERN STYLE — PROFESYONEL ÖZET FONT FIX
===================================================== */

.cv.modern .summary p,
#cvPdfClone.cv.modern .summary p,
.cv.modern .sec-summary p,
#cvPdfClone.cv.modern .sec-summary p {
  font-size: 11.8px !important;
  line-height: 1.36 !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  color: #374151 !important;
  margin-top: 4px !important;
}

/* Başlık diğer sectionlarla aynı olsun */
.cv.modern .summary h3,
#cvPdfClone.cv.modern .summary h3,
.cv.modern .sec-summary h3,
#cvPdfClone.cv.modern .sec-summary h3 {
  font-size: 10.8px !important;
  font-weight: 850 !important;
  letter-spacing: 1.6px !important;
}
/* =====================================================
   MODERN STYLE — TÜM PROFESYONEL ÖZET FIX
===================================================== */

.cv.modern .cv-section p,
.cv.modern .section p,
.cv.modern .summary-text,
.cv.modern .profile-summary,
.cv.modern .professional-summary,
#cvPdfClone.cv.modern .cv-section p,
#cvPdfClone.cv.modern .section p,
#cvPdfClone.cv.modern .summary-text,
#cvPdfClone.cv.modern .profile-summary,
#cvPdfClone.cv.modern .professional-summary {
  font-size: 11.8px !important;
  line-height: 1.38 !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  color: #374151 !important;
}

/* Modern stil section başlık dengesi */
.cv.modern .cv-section-title,
.cv.modern .section-title,
#cvPdfClone.cv.modern .cv-section-title,
#cvPdfClone.cv.modern .section-title {
  font-size: 11px !important;
  letter-spacing: 1.8px !important;
  font-weight: 850 !important;
}
/* =====================================================
   MODERN CV FINAL POLISH — SON DOKUNUŞ
   İsim, kişisel bilgi, spacing ve pill dengesi
===================================================== */

/* İsim bir tık küçülür */
.cv.modern h2,
#cvPdfClone.cv.modern h2 {
  font-size: 28px !important;
  line-height: 1.03 !important;
  letter-spacing: -0.5px !important;
}

/* Header alanı daha kompakt */
.cv.modern .cv-top,
#cvPdfClone.cv.modern .cv-top {
  gap: 16px !important;
  padding-bottom: 15px !important;
  margin-bottom: 14px !important;
}

/* Fotoğraf biraz daha dengeli */
.cv.modern .photo-frame,
#cvPdfClone.cv.modern .photo-frame {
  width: 86px !important;
  height: 104px !important;
  flex: 0 0 86px !important;
}

/* Kişisel bilgiler sıkılaşır */
.cv.modern .info-row,
.cv.modern .info-row-inline,
#cvPdfClone.cv.modern .info-row,
#cvPdfClone.cv.modern .info-row-inline {
  grid-template-columns: 88px minmax(0, 1fr) !important;
  font-size: 10.5px !important;
  line-height: 1.18 !important;
  margin: 0 !important;
}

/* Bölüm araları dengelenir */
.cv.modern .sec,
#cvPdfClone.cv.modern .sec {
  margin-bottom: 12px !important;
  padding-bottom: 10px !important;
}

/* İçerik satırları */
.cv.modern .entry,
#cvPdfClone.cv.modern .entry {
  margin-bottom: 7px !important;
}

.cv.modern .entry b,
#cvPdfClone.cv.modern .entry b {
  font-size: 12.6px !important;
  line-height: 1.2 !important;
}

.cv.modern .entry small,
#cvPdfClone.cv.modern .entry small {
  font-size: 10.6px !important;
  line-height: 1.24 !important;
  margin: 2px 0 !important;
}

.cv.modern .entry p,
#cvPdfClone.cv.modern .entry p {
  font-size: 11.6px !important;
  line-height: 1.34 !important;
}

/* Yetenek kutuları */
.cv.modern .tag,
#cvPdfClone.cv.modern .tag {
  font-size: 10.3px !important;
  padding: 4px 8px !important;
  line-height: 1.15 !important;
}

/* Bölüm başlıkları korunur ama fazla şişmez */
.cv.modern .sec h3,
#cvPdfClone.cv.modern .sec h3 {
  font-size: 10.7px !important;
  line-height: 1.15 !important;
  margin-bottom: 7px !important;
}
/* KİŞİSEL BİLGİLER ÇAKIŞMA FIX */
.cv.modern .info-row,
.cv.modern .info-row-inline,
#cvPdfClone.cv.modern .info-row,
#cvPdfClone.cv.modern .info-row-inline{
    grid-template-columns: 170px minmax(0,1fr) !important;
    column-gap: 14px !important;
    align-items: start !important;
}

/* Sol başlık alanı */
.cv.modern .info-row strong,
.cv.modern .info-row-inline strong,
#cvPdfClone.cv.modern .info-row strong,
#cvPdfClone.cv.modern .info-row-inline strong{
    display:block !important;
    white-space:nowrap !important;
}

/* Sağ değer alanı */
.cv.modern .info-row span,
.cv.modern .info-row-inline span,
#cvPdfClone.cv.modern .info-row span,
#cvPdfClone.cv.modern .info-row-inline span{
    display:block !important;
    word-break:break-word !important;
}
/* =====================================================
   EXECUTIVE / KLASİK STİL — CV BOŞLUK SIKIŞTIRMA
   Mobil + Web + PDF önizleme
===================================================== */

.cv.executive,
#cvPdfClone.cv.executive,
#cvPdfClone .cv.executive {
  padding-top: 34px !important;
  padding-bottom: 34px !important;
}

.cv.executive .sec,
#cvPdfClone.cv.executive .sec,
#cvPdfClone .cv.executive .sec {
  margin-top: 14px !important;
  margin-bottom: 14px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.cv.executive .sec h3,
#cvPdfClone.cv.executive .sec h3,
#cvPdfClone .cv.executive .sec h3 {
  margin: 0 0 8px 0 !important;
  padding: 0 !important;
}

.cv.executive .entry,
#cvPdfClone.cv.executive .entry,
#cvPdfClone .cv.executive .entry {
  margin-bottom: 10px !important;
}

.cv.executive .entry p,
.cv.executive .sec p,
#cvPdfClone.cv.executive .entry p,
#cvPdfClone.cv.executive .sec p,
#cvPdfClone .cv.executive .entry p,
#cvPdfClone .cv.executive .sec p {
  margin-top: 4px !important;
  margin-bottom: 6px !important;
  line-height: 1.35 !important;
}

.cv.executive hr,
#cvPdfClone.cv.executive hr,
#cvPdfClone .cv.executive hr {
  margin: 12px 0 !important;
}

/* Yetenek / dil / sertifika / proje bölümleri arası boşluğu azalt */
.cv.executive .tags,
#cvPdfClone.cv.executive .tags,
#cvPdfClone .cv.executive .tags {
  gap: 6px !important;
  margin-top: 6px !important;
  margin-bottom: 8px !important;
}

.cv.executive .tag,
#cvPdfClone.cv.executive .tag,
#cvPdfClone .cv.executive .tag {
  padding: 4px 8px !important;
}
/* =====================================================
   ATS SADE / MINIMAL — FINAL HEADER + FONT + SPACING FIX
   Foto sol, isim/meslek/bilgiler sağ, alt boşluk azaltılır
===================================================== */

.cv.minimal,
.cv[data-template="minimal"],
#cvPdfClone.cv.minimal,
#cvPdfClone.cv[data-template="minimal"] {
  font-size: 10.8px !important;
  line-height: 1.32 !important;
}

.cv.minimal .top,
.cv[data-template="minimal"] .top,
.cv.minimal .hero,
.cv[data-template="minimal"] .hero,
#cvPdfClone.cv.minimal .top,
#cvPdfClone.cv[data-template="minimal"] .top,
#cvPdfClone.cv.minimal .hero,
#cvPdfClone.cv[data-template="minimal"] .hero {
  display: grid !important;
  grid-template-columns: 76px 1fr !important;
  column-gap: 16px !important;
  align-items: start !important;
  padding: 14px 16px 12px !important;
  margin-bottom: 10px !important;
  min-height: 0 !important;
}

.cv.minimal .top img,
.cv[data-template="minimal"] .top img,
.cv.minimal .hero img,
.cv[data-template="minimal"] .hero img,
#cvPdfClone.cv.minimal .top img,
#cvPdfClone.cv[data-template="minimal"] .top img,
#cvPdfClone.cv.minimal .hero img,
#cvPdfClone.cv[data-template="minimal"] .hero img {
  width: 62px !important;
  height: 78px !important;
  object-fit: cover !important;
  border-radius: 3px !important;
  margin: 0 !important;
}

.cv.minimal h1,
.cv[data-template="minimal"] h1,
#cvPdfClone.cv.minimal h1,
#cvPdfClone.cv[data-template="minimal"] h1 {
  margin: 0 0 4px !important;
  font-size: 22px !important;
  line-height: 1 !important;
  letter-spacing: 2px !important;
}

.cv.minimal .role,
.cv[data-template="minimal"] .role,
#cvPdfClone.cv.minimal .role,
#cvPdfClone.cv[data-template="minimal"] .role {
  margin: 0 0 7px !important;
  font-size: 8.5px !important;
  line-height: 1.15 !important;
  letter-spacing: .9px !important;
}

.cv.minimal .info,
.cv.minimal .personal,
.cv[data-template="minimal"] .info,
.cv[data-template="minimal"] .personal,
#cvPdfClone.cv.minimal .info,
#cvPdfClone.cv.minimal .personal,
#cvPdfClone.cv[data-template="minimal"] .info,
#cvPdfClone.cv[data-template="minimal"] .personal {
  display: grid !important;
  grid-template-columns: 82px 1fr !important;
  gap: 2px 8px !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 8.7px !important;
  line-height: 1.24 !important;
}

.cv.minimal h3,
.cv[data-template="minimal"] h3,
#cvPdfClone.cv.minimal h3,
#cvPdfClone.cv[data-template="minimal"] h3 {
  font-size: 12px !important;
  letter-spacing: 2px !important;
  margin: 10px 0 7px !important;
}

.cv.minimal .sec,
.cv[data-template="minimal"] .sec,
#cvPdfClone.cv.minimal .sec,
#cvPdfClone.cv[data-template="minimal"] .sec {
  margin: 10px 0 !important;
  padding: 0 !important;
}

.cv.minimal .entry,
.cv[data-template="minimal"] .entry,
#cvPdfClone.cv.minimal .entry,
#cvPdfClone.cv[data-template="minimal"] .entry {
  margin-bottom: 8px !important;
}

.cv.minimal .entry b,
.cv[data-template="minimal"] .entry b,
#cvPdfClone.cv.minimal .entry b,
#cvPdfClone.cv[data-template="minimal"] .entry b {
  font-size: 11px !important;
}

.cv.minimal .entry p,
.cv.minimal .sec p,
.cv[data-template="minimal"] .entry p,
.cv[data-template="minimal"] .sec p,
#cvPdfClone.cv.minimal .entry p,
#cvPdfClone.cv.minimal .sec p,
#cvPdfClone.cv[data-template="minimal"] .entry p,
#cvPdfClone.cv[data-template="minimal"] .sec p {
  font-size: 10px !important;
  line-height: 1.34 !important;
  margin: 3px 0 6px !important;
}

.cv.minimal .tag,
.cv[data-template="minimal"] .tag,
#cvPdfClone.cv.minimal .tag,
#cvPdfClone.cv[data-template="minimal"] .tag {
  font-size: 9px !important;
  padding: 3px 7px !important;
}
/* =====================================================
   FINAL MICRO TUNING
   Mobil preview küçült + ATS isim küçült
===================================================== */

/* ATS Sade isim küçült */
.cv.minimal h1,
.cv[data-template="minimal"] h1,
#cvPdfClone.cv.minimal h1,
#cvPdfClone.cv[data-template="minimal"] h1 {
  font-size: 10px !important;
  letter-spacing: 1.6px !important;
}

/* Mobil PDF preview biraz küçülsün */
@media (max-width: 768px) {

  #cvPdfClone,
  .cv-preview-paper,
  .preview-paper {
    transform: scale(0.92) !important;
    transform-origin: top center !important;
  }

}
/* ATS SADE / MINIMAL — HEADER DENGE FIX */
#cvPdfClone.cv.minimal .top,
#cvPdfClone.cv[data-template="minimal"] .top {
  display: grid !important;
  grid-template-columns: 140px 1fr !important;
  align-items: start !important;
  gap: 22px !important;
  min-height: auto !important;
}

#cvPdfClone.cv.minimal .top-right,
#cvPdfClone.cv[data-template="minimal"] .top-right {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
}

#cvPdfClone.cv.minimal .personal,
#cvPdfClone.cv[data-template="minimal"] .personal {
  margin-top: 12px !important;
  max-width: 520px !important;
}

#cvPdfClone.cv.minimal h1,
#cvPdfClone.cv[data-template="minimal"] h1 {
  font-size: 20px !important;
  letter-spacing: 4px !important;
  margin-bottom: 6px !important;
}

#cvPdfClone.cv.minimal .role,
#cvPdfClone.cv[data-template="minimal"] .role {
  font-size: 10px !important;
  letter-spacing: 1.5px !important;
}
/* ATS SADE / MINIMAL — HEADER YÜKSEKLİK KISALTMA FINAL */

#cvPdfClone.cv.minimal .top,
#cvPdfClone.cv[data-template="minimal"] .top,
#cvPdfClone.cv.minimal .hero,
#cvPdfClone.cv[data-template="minimal"] .hero,
.cv.minimal .top,
.cv[data-template="minimal"] .top,
.cv.minimal .hero,
.cv[data-template="minimal"] .hero {
  padding: 14px 18px !important;
  margin-bottom: 12px !important;
  min-height: 0 !important;
  height: auto !important;
  display: grid !important;
  grid-template-columns: 110px 1fr !important;
  column-gap: 18px !important;
  align-items: start !important;
}

#cvPdfClone.cv.minimal .top img,
#cvPdfClone.cv[data-template="minimal"] .top img,
.cv.minimal .top img,
.cv[data-template="minimal"] .top img {
  width: 78px !important;
  height: 92px !important;
  object-fit: cover !important;
}

#cvPdfClone.cv.minimal h1,
#cvPdfClone.cv[data-template="minimal"] h1,
.cv.minimal h1,
.cv[data-template="minimal"] h1 {
  font-size: 24px !important;
  letter-spacing: 3.5px !important;
  line-height: 1 !important;
  margin: 0 0 4px !important;
}

#cvPdfClone.cv.minimal .role,
#cvPdfClone.cv[data-template="minimal"] .role,
.cv.minimal .role,
.cv[data-template="minimal"] .role {
  font-size: 8.5px !important;
  margin-bottom: 8px !important;
}

#cvPdfClone.cv.minimal .info,
#cvPdfClone.cv.minimal .personal,
#cvPdfClone.cv[data-template="minimal"] .info,
#cvPdfClone.cv[data-template="minimal"] .personal,
.cv.minimal .info,
.cv.minimal .personal,
.cv[data-template="minimal"] .info,
.cv[data-template="minimal"] .personal {
  font-size: 9px !important;
  line-height: 1.22 !important;
  grid-template-columns: 82px 1fr !important;
  gap: 2px 8px !important;
  margin-top: 6px !important;
}
/* ATS SADE / MINIMAL — İSİM KESİN EZME */
.cv.minimal h1,
.cv.minimal h2,
.cv.minimal .name,
.cv.minimal .cv-name,
.cv.minimal .full-name,
.cv[data-template="minimal"] h1,
.cv[data-template="minimal"] h2,
.cv[data-template="minimal"] .name,
.cv[data-template="minimal"] .cv-name,
.cv[data-template="minimal"] .full-name,
#cvPdfClone.cv.minimal h1,
#cvPdfClone.cv.minimal h2,
#cvPdfClone.cv.minimal .name,
#cvPdfClone.cv.minimal .cv-name,
#cvPdfClone.cv.minimal .full-name,
#cvPdfClone.cv[data-template="minimal"] h1,
#cvPdfClone.cv[data-template="minimal"] h2,
#cvPdfClone.cv[data-template="minimal"] .name,
#cvPdfClone.cv[data-template="minimal"] .cv-name,
#cvPdfClone.cv[data-template="minimal"] .full-name {
  font-size: 20px !important;
  line-height: 1 !important;
  letter-spacing: 3px !important;
  margin: 0 0 4px !important;
}
/* =====================================================
   EXECUTIVE FINAL POLISH — PREMIUM COMPACT FIX
   Web + Mobil + PDF önizleme
===================================================== */

.cv.executive,
#cvPdfClone.cv.executive {
  font-size: 11.4px !important;
  line-height: 1.34 !important;
  color: #1f2933 !important;
}

.cv.executive .header,
.cv.executive .cv-header,
.cv.executive .top,
#cvPdfClone.cv.executive .header,
#cvPdfClone.cv.executive .cv-header,
#cvPdfClone.cv.executive .top {
  padding: 24px 34px 22px !important;
  min-height: auto !important;
}

.cv.executive h1,
.cv.executive h2,
.cv.executive .name,
.cv.executive .cv-name,
#cvPdfClone.cv.executive h1,
#cvPdfClone.cv.executive h2,
#cvPdfClone.cv.executive .name,
#cvPdfClone.cv.executive .cv-name {
  font-size: 31px !important;
  line-height: .96 !important;
  letter-spacing: 1.2px !important;
  margin: 0 0 8px !important;
}

.cv.executive .role,
.cv.executive .job-title,
.cv.executive .subtitle,
#cvPdfClone.cv.executive .role,
#cvPdfClone.cv.executive .job-title,
#cvPdfClone.cv.executive .subtitle {
  font-size: 10.5px !important;
  line-height: 1.15 !important;
  letter-spacing: 1px !important;
  padding: 4px 12px !important;
  margin: 0 0 8px !important;
}

.cv.executive .photo,
.cv.executive img,
#cvPdfClone.cv.executive .photo,
#cvPdfClone.cv.executive img {
  max-width: 82px !important;
  max-height: 98px !important;
}

.cv.executive .info,
.cv.executive .personal,
#cvPdfClone.cv.executive .info,
#cvPdfClone.cv.executive .personal {
  font-size: 10.2px !important;
  line-height: 1.32 !important;
}

.cv.executive .sec,
#cvPdfClone.cv.executive .sec {
  margin: 10px 0 0 !important;
  padding: 0 !important;
}

.cv.executive .sec h3,
#cvPdfClone.cv.executive .sec h3 {
  font-size: 13px !important;
  line-height: 1.05 !important;
  letter-spacing: 1.7px !important;
  padding: 3px 7px !important;
  margin: 0 0 7px !important;
}

.cv.executive .entry,
#cvPdfClone.cv.executive .entry {
  margin: 0 0 7px !important;
}

.cv.executive .entry b,
#cvPdfClone.cv.executive .entry b {
  font-size: 12px !important;
  line-height: 1.18 !important;
  margin-bottom: 2px !important;
}

.cv.executive .entry small,
#cvPdfClone.cv.executive .entry small {
  font-size: 10px !important;
  line-height: 1.22 !important;
}

.cv.executive .entry p,
.cv.executive .sec p,
#cvPdfClone.cv.executive .entry p,
#cvPdfClone.cv.executive .sec p {
  font-size: 10.8px !important;
  line-height: 1.32 !important;
  margin: 2px 0 0 !important;
}

.cv.executive .tag,
#cvPdfClone.cv.executive .tag {
  font-size: 9.6px !important;
  line-height: 1.1 !important;
  padding: 3px 7px !important;
  margin: 2px 3px 2px 0 !important;
}

/* Mobilde Executive’i daha net ve premium tut */
@media (max-width: 767px) {
  .cv.executive,
  #cvPdfClone.cv.executive {
    font-size: 10.8px !important;
    line-height: 1.3 !important;
  }

  .cv.executive h1,
  .cv.executive h2,
  .cv.executive .name,
  .cv.executive .cv-name,
  #cvPdfClone.cv.executive h1,
  #cvPdfClone.cv.executive h2,
  #cvPdfClone.cv.executive .name,
  #cvPdfClone.cv.executive .cv-name {
    font-size: 25px !important;
    letter-spacing: 1px !important;
  }

  .cv.executive .header,
  .cv.executive .cv-header,
  .cv.executive .top,
  #cvPdfClone.cv.executive .header,
  #cvPdfClone.cv.executive .cv-header,
  #cvPdfClone.cv.executive .top {
    padding: 18px 22px 16px !important;
  }

  .cv.executive .photo,
  .cv.executive img,
  #cvPdfClone.cv.executive .photo,
  #cvPdfClone.cv.executive img {
    max-width: 70px !important;
    max-height: 86px !important;
  }

  .cv.executive .sec h3,
  #cvPdfClone.cv.executive .sec h3 {
    font-size: 11.4px !important;
    padding: 3px 6px !important;
    margin-bottom: 6px !important;
  }

  .cv.executive .entry p,
  .cv.executive .sec p,
  #cvPdfClone.cv.executive .entry p,
  #cvPdfClone.cv.executive .sec p {
    font-size: 10.2px !important;
    line-height: 1.3 !important;
  }
}
/* =====================================================
   EXECUTIVE FOTOĞRAF RESTORE FIX
   Bozulan / büyüyen resmi geri toplar
===================================================== */

.cv.executive .photo,
.cv.executive .profile-photo,
.cv.executive .photo-box,
.cv.executive .photo-wrap,
#cvPdfClone.cv.executive .photo,
#cvPdfClone.cv.executive .profile-photo,
#cvPdfClone.cv.executive .photo-box,
#cvPdfClone.cv.executive .photo-wrap{
  width: 92px !important;
  height: 112px !important;
  min-width: 92px !important;
  max-width: 92px !important;
  min-height: 112px !important;
  max-height: 112px !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  flex: 0 0 92px !important;
}

.cv.executive .photo img,
.cv.executive .profile-photo img,
.cv.executive .photo-box img,
.cv.executive .photo-wrap img,
.cv.executive img.profile-photo,
.cv.executive img.photo,
#cvPdfClone.cv.executive .photo img,
#cvPdfClone.cv.executive .profile-photo img,
#cvPdfClone.cv.executive .photo-box img,
#cvPdfClone.cv.executive .photo-wrap img,
#cvPdfClone.cv.executive img.profile-photo,
#cvPdfClone.cv.executive img.photo{
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center top !important;
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 10px !important;
}

/* Mobilde biraz daha küçük */
@media (max-width: 768px){
  .cv.executive .photo,
  .cv.executive .profile-photo,
  .cv.executive .photo-box,
  .cv.executive .photo-wrap,
  #cvPdfClone.cv.executive .photo,
  #cvPdfClone.cv.executive .profile-photo,
  #cvPdfClone.cv.executive .photo-box,
  #cvPdfClone.cv.executive .photo-wrap{
    width: 76px !important;
    height: 94px !important;
    min-width: 76px !important;
    max-width: 76px !important;
    min-height: 94px !important;
    max-height: 94px !important;
    flex: 0 0 76px !important;
  }
}
/* =====================================================
   EXECUTIVE FOTO + FONT FIX
===================================================== */

/* FOTOĞRAF ÇERÇEVESİ */
.cv.executive .photo-frame{
  width: 118px !important;
  height: 182px !important;
  flex: 0 0 118px !important;
  padding: 4px !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  background: #fff !important;
}

/* FOTOĞRAFIN TAM OTURMASI */
.cv.executive .photo{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center top !important;
  border-radius: 16px !important;
  display: block !important;
}

/* İSİM */
.cv.executive h2{
  font-size: 34px !important;
  line-height: 1.02 !important;
  letter-spacing: -.4px !important;
  margin-bottom: 4px !important;
}

/* MESLEK */
.cv.executive .role{
  font-size: 13px !important;
  line-height: 1.25 !important;
  letter-spacing: 1px !important;
  font-style: italic !important;
  margin-bottom: 14px !important;
}

/* ÜST ALAN DENGESİ */
.cv.executive .cv-top{
  gap: 24px !important;
  align-items: center !important;
}

/* BİLGİLER */
.cv.executive .contact,
.cv.executive .info-row{
  font-size: 13.5px !important;
  line-height: 1.45 !important;
}
/* EXECUTIVE FOTO SAÇ KESME FIX */
.cv.executive .photo-frame{
  width: 112px !important;
  height: 150px !important;
  flex: 0 0 112px !important;
  padding: 4px !important;
  overflow: hidden !important;
}

.cv.executive .photo,
.cv.executive .photo-frame img{
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center center !important;
  border-radius: 14px !important;
  background: #fff !important;
}