@import "bootstrap.min.css";
@import "swiper.min.css";
@import "simple-line-icons.css";
@import "all.css";
@import "aos.css";
@import "main.css";

@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,600;1,700&display=swap');

/* ==========================================================================
   UNIFIED TYPOGRAPHY (HOMEPAGE SECTIONS)
   ========================================================================== */
.banner,
.banner *:not(i):not([class*="fa"]):not([class*="icon-"]):not(svg):not(path),
.marquee-wrap,
.marquee-wrap *:not(i):not([class*="fa"]):not([class*="icon-"]):not(svg):not(path),
.section,
.section *:not(i):not([class*="fa"]):not([class*="icon-"]):not(svg):not(path),
.newsletter,
.newsletter *:not(i):not([class*="fa"]):not([class*="icon-"]):not(svg):not(path) {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
}

@font-face {
    font-family: 'Futura Bold';
    src: url('../fonts/FuturaPT-Bold.woff2') format('woff2'),
    url('../fonts/FuturaPT-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Futura Light';
    src: url('../fonts/FuturaPT-Light.woff2') format('woff2'),
    url('../fonts/FuturaPT-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Futura Medium';
    src: url('../fonts/FuturaPT-Medium.woff2') format('woff2'),
    url('../fonts/FuturaPT-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}

.stok-yok{
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
    background: red;
    color: white;
    padding: 3px 10px;
    border-radius: 20px;
}

/* ==========================================
   BANNER & MARQUEE STYLES
   ========================================== */
:root {
  --rose: #d81b60;
  --rose-soft: #fdf2f4;
  --rose-deep: #b8154e;
  --bg-muted: #fbf9f6;
  --bg-soft: #fcfbf9;
  --product-core-bg: #ffffff;
  --product-core-border: #f0eae1;
  --card-bg: #ffffff;
  --border: #f0eae1;
  --muted: #8c827a;
  --text: #2c2523;
  --text-soft: #4a403d;
  --shadow-lg: 0 20px 45px rgba(0, 0, 0, 0.08);
  --shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
  --marquee-bg: #d81b60;
}

[data-theme="dark"], body[data-theme="dark"] {
  --rose: #e92e6f;
  --rose-soft: rgba(233, 46, 111, 0.15);
  --rose-deep: #c4215a;
  --bg-muted: #1e1a19;
  --bg-soft: #191615;
  --product-core-bg: #27211f;
  --product-core-border: #3b312d;
  --card-bg: #201c1a;
  --border: #332a26;
  --muted: #9e938c;
  --text: #f5f2ee;
  --text-soft: #dfd8d3;
  --shadow-lg: 0 20px 45px rgba(0, 0, 0, 0.35);
  --shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
  --marquee-bg: #d81b60;
}

.banner {
  position: relative;
  overflow: hidden;
  background: var(--bg-muted);
}
.banner-track {
  display: flex;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  width: 100%;
}
.banner-slide {
  min-width: 100%;
  width: 100%;
  padding: 60px 0 80px;
  position: relative;
  box-sizing: border-box;
}
.banner-slide.banner-slide-full {
  padding: 0;
  display: block !important;
  position: relative;
  overflow: hidden;
  width: 100%;
  min-width: 100%;
  box-sizing: border-box;
}
.banner-slide.banner-slide-full .banner-img-wrap {
  width: 100%;
  position: relative;
  line-height: 0;
}
.banner-slide.banner-slide-full .banner-full-link {
  display: block;
  width: 100%;
  line-height: 0;
}
.banner-slide.banner-slide-full .banner-full-img {
  width: 100%;
  height: 640px;
  max-height: 700px;
  object-fit: cover;
  display: block;
}
@media (max-width: 991px) {
  .banner-slide.banner-slide-full .banner-full-img {
    height: 480px;
  }
}
@media (max-width: 768px) {
  .banner-slide.banner-slide-full .banner-full-img {
    height: 380px;
  }
}

/* Banner Görseli Üzerine Karartma ve Metin Stilleri */
.banner-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.78) 0%, rgba(0, 0, 0, 0.50) 45%, rgba(0, 0, 0, 0.08) 85%);
  pointer-events: none;
  z-index: 2;
}
.banner-overlay-container {
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 3 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  pointer-events: none !important;
}
.banner-content-overlay {
  max-width: 580px;
  text-align: left !important;
  pointer-events: auto !important;
  padding: 40px 0;
}
.banner-badge-overlay {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: rgba(216, 27, 96, 0.9) !important;
  color: #ffffff !important;
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  padding: 6px 16px !important;
  border-radius: 999px !important;
  margin-bottom: 18px !important;
}
.banner-badge-overlay::before {
  content: '';
  width: 6px;
  height: 6px;
  background: #ffffff;
  border-radius: 50%;
}
.banner-title-overlay {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: clamp(32px, 4.2vw, 54px) !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  line-height: 1.16 !important;
  margin-bottom: 16px !important;
  letter-spacing: -0.03em !important;
  text-shadow: 0 2px 16px rgba(0, 0, 0, 0.6) !important;
}
.banner-desc-overlay {
  color: rgba(255, 255, 255, 0.92) !important;
  font-size: 17px !important;
  line-height: 1.6 !important;
  max-width: 480px !important;
  margin-bottom: 28px !important;
  font-weight: 400 !important;
  text-shadow: 0 1px 8px rgba(0, 0, 0, 0.5) !important;
}
.banner-btn-ghost-overlay {
  background: rgba(255, 255, 255, 0.15) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1.5px solid rgba(255, 255, 255, 0.6) !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
}
.banner-btn-ghost-overlay:hover {
  background: #ffffff !important;
  color: #111111 !important;
  border-color: #ffffff !important;
}
.banner-slide .container {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 48px;
  align-items: center;
  position: relative;
  z-index: 2;
}
.banner-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--rose-soft);
  border: 1px solid rgba(216, 27, 96, 0.25);
  color: var(--rose);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 6px 14px;
  border-radius: 999px;
  margin-bottom: 20px;
}
.banner-badge::before {
  content: '';
  width: 6px;
  height: 6px;
  background: var(--rose);
  border-radius: 50%;
}
.banner h1 {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
  font-size: clamp(34px, 4.5vw, 54px);
  font-weight: 800;
  line-height: 1.15;
  margin-bottom: 16px;
  letter-spacing: -0.03em;
  color: var(--text);
}
.banner h1 .accent { 
  color: var(--rose); 
  display: block; 
}
.banner-desc {
  font-size: 16px;
  color: var(--text-soft);
  max-width: 440px;
  margin-bottom: 28px;
  line-height: 1.6;
  font-weight: 300;
}
.banner-cta {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 36px;
}
.banner-stats {
  display: flex;
  gap: 28px;
  flex-wrap: wrap;
}
.banner-stats .stat {
  border-left: 2px solid var(--rose);
  padding-left: 14px;
}
.banner-stats .stat-value {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.1;
  color: var(--text);
}
.banner-stats .stat-label {
  font-size: 11px;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-top: 4px;
}

/* Banner sağ görsel alanı */
.banner-visual {
  display: flex;
  justify-content: center;
  align-items: center;
}
.banner-media {
  width: 220px;
  height: 280px;
  background: var(--product-core-bg);
  border-radius: 24px;
  border: 1px solid var(--product-core-border);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  box-shadow: var(--shadow-lg);
  position: relative;
  z-index: 2;
  padding: 16px;
  box-sizing: border-box;
}
.banner-media img {
  max-width: 140px;
  max-height: 150px;
  object-fit: contain;
  margin-bottom: 4px;
}
.banner-media-icon {
  font-size: 54px;
  color: var(--rose);
  margin-bottom: 6px;
}
.banner-media .label {
  font-size: 11px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--rose);
  font-weight: 600;
}
.banner-media .name {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 16px;
  font-weight: 700;
  color: var(--text);
  text-align: center;
  padding: 0 8px;
}

/* Banner kontrolleri */
.banner-nav {
  position: absolute;
  bottom: 24px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
  z-index: 5;
}
.banner-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: none;
  background: var(--border);
  cursor: pointer;
  transition: all 0.25s;
  padding: 0;
}
.banner-dot.active {
  background: var(--rose);
  width: 28px;
  border-radius: 5px;
}
.banner-arrows {
  position: absolute;
  top: calc(50% - 10px);
  left: 0;
  right: 0;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
  z-index: 5;
  pointer-events: none;
}
.banner-arrows button {
  pointer-events: auto;
  width: 38px;
  height: 38px;
  border-radius: 50% !important;
  border: 1px solid var(--border);
  background: rgba(255, 255, 255, 0.95);
  color: var(--text);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
  transition: all 0.25s ease;
  padding: 0;
  position: relative;
}
.banner-arrows button i {
  display: none !important;
}
.banner-arrows button#bannerPrev::after {
  content: '';
  width: 9px;
  height: 9px;
  border-left: 2px solid var(--text);
  border-bottom: 2px solid var(--text);
  transform: rotate(45deg);
  margin-left: 3px;
  display: block;
  transition: border-color 0.2s ease;
}
.banner-arrows button#bannerNext::after {
  content: '';
  width: 9px;
  height: 9px;
  border-right: 2px solid var(--text);
  border-top: 2px solid var(--text);
  transform: rotate(45deg);
  margin-right: 3px;
  display: block;
  transition: border-color 0.2s ease;
}
.banner-arrows button:hover {
  background: var(--rose) !important;
  border-color: var(--rose) !important;
  transform: scale(1.08);
  box-shadow: 0 4px 14px rgba(216, 27, 96, 0.28);
}
.banner-arrows button:hover::after {
  border-color: #ffffff !important;
}

/* ========== BANNER BUTONLARI ========== */
.banner-cta {
  display: flex;
  gap: 14px;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 36px;
}
.banner a.btn,
.banner .btn,
.banner a.btn-primary,
.banner .btn-primary,
.banner a.btn-ghost,
.banner .btn-ghost {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  height: 48px !important;
  padding: 0 28px !important;
  border-radius: 999px !important;
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
  font-weight: 600 !important;
  font-size: 13.5px !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  text-decoration: none !important;
  box-sizing: border-box !important;
  transition: all 0.25s ease !important;
  line-height: 1 !important;
}
.banner a.btn-primary,
.banner .btn-primary {
  background: var(--rose) !important;
  background-color: var(--rose) !important;
  border: 1.5px solid var(--rose) !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  box-shadow: 0 4px 15px rgba(216, 27, 96, 0.28) !important;
}
.banner a.btn-primary:hover,
.banner .btn-primary:hover {
  background: var(--rose-deep) !important;
  background-color: var(--rose-deep) !important;
  border-color: var(--rose-deep) !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 22px rgba(216, 27, 96, 0.38) !important;
}
.banner a.btn-ghost,
.banner .btn-ghost {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 1.5px solid var(--border) !important;
  border-radius: 999px !important;
  color: var(--text) !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03) !important;
}
.banner a.btn-ghost:hover,
.banner .btn-ghost:hover {
  border-color: var(--rose) !important;
  border-radius: 999px !important;
  color: var(--rose) !important;
  background: var(--rose-soft) !important;
  background-color: var(--rose-soft) !important;
  transform: translateY(-2px) !important;
}

/* ========== DARK THEME OVERRIDES (BANNER) ========== */
[data-theme="dark"] .banner-arrows button,
body[data-theme="dark"] .banner-arrows button {
  background: #25201e !important;
  background-color: #25201e !important;
  border-color: #443732 !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.5) !important;
}
[data-theme="dark"] .banner-arrows button#bannerPrev::after,
body[data-theme="dark"] .banner-arrows button#bannerPrev::after,
[data-theme="dark"] .banner-arrows button#bannerNext::after,
body[data-theme="dark"] .banner-arrows button#bannerNext::after {
  border-color: #f5f2ee !important;
}
[data-theme="dark"] .banner-arrows button:hover,
body[data-theme="dark"] .banner-arrows button:hover {
  background: var(--rose) !important;
  background-color: var(--rose) !important;
  border-color: var(--rose) !important;
}
[data-theme="dark"] .banner-arrows button:hover::after,
body[data-theme="dark"] .banner-arrows button:hover::after {
  border-color: #ffffff !important;
}

[data-theme="dark"] .banner a.btn-ghost,
[data-theme="dark"] .banner .btn-ghost,
body[data-theme="dark"] .banner a.btn-ghost,
body[data-theme="dark"] .banner .btn-ghost {
  background: rgba(255, 255, 255, 0.08) !important;
  background-color: rgba(255, 255, 255, 0.08) !important;
  border: 1.5px solid rgba(255, 255, 255, 0.22) !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}
[data-theme="dark"] .banner a.btn-ghost:hover,
[data-theme="dark"] .banner .btn-ghost:hover,
body[data-theme="dark"] .banner a.btn-ghost:hover,
body[data-theme="dark"] .banner .btn-ghost:hover {
  border-color: var(--rose) !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  background: rgba(216, 27, 96, 0.3) !important;
  background-color: rgba(216, 27, 96, 0.3) !important;
}

/* ========== MARQUEE (KAYAN YAZI) ========== */
.marquee-wrap {
  background: #d81b60 !important;
  background-color: #d81b60 !important;
  padding: 12px 0;
  overflow: hidden;
  white-space: nowrap;
}
.marquee {
  display: inline-flex;
  animation: marquee 35s linear infinite;
}
.marquee span {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 0 24px;
  color: #fff;
  display: inline-flex;
  align-items: center;
}
.marquee span::after {
  content: ' \00B7 ';
  margin-left: 24px;
  opacity: 0.6;
}
@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

@media (max-width: 900px) {
  .banner-slide .container {
    grid-template-columns: 1fr;
    text-align: center;
    gap: 32px;
  }
  .banner-desc {
    margin: 0 auto 24px;
  }
  .banner-cta {
    justify-content: center;
  }
  .banner-stats {
    justify-content: center;
  }
  .banner-arrows {
    display: none;
  }
}

/* ==========================================
   FEATURES SECTION STYLES
   ========================================== */
.section {
  padding: 80px 0;
  position: relative;
}
.section-muted {
  background: var(--bg-muted);
}
.section-header,
.section-head {
  text-align: center;
  max-width: 650px;
  margin: 0 auto 52px;
}
.section-header .eyebrow,
.section-head .eyebrow {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--rose);
  margin-bottom: 14px;
}
.section-header h2,
.section-head h2 {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
  font-size: clamp(28px, 3.8vw, 42px);
  font-weight: 800;
  color: var(--text);
  line-height: 1.2;
  margin-bottom: 14px;
  letter-spacing: -0.03em;
}
.section-header p,
.section-head p {
  font-size: 15px;
  color: var(--muted);
  line-height: 1.6;
  margin: 0 auto;
}

/* Feature Grid & Cards */
.feature-grid,
.features-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
  gap: 28px !important;
}
@media (max-width: 991px) {
  .feature-grid,
  .features-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 640px) {
  .feature-grid,
  .features-grid {
    grid-template-columns: 1fr !important;
  }
}
.feature-icon img {
  max-width: 32px;
  max-height: 32px;
  object-fit: contain;
}
.feature-card {
  background: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: 20px;
  padding: 36px 30px;
  position: relative;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.2, 0, 0, 1);
  box-shadow: var(--shadow);
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
.feature-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--rose), transparent);
  opacity: 0;
  transition: opacity 0.3s ease;
}
.feature-card:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow-lg);
  border-color: rgba(216, 27, 96, 0.25);
}
.feature-card:hover::before {
  opacity: 1;
}
.feature-icon {
  width: 54px;
  height: 54px;
  background: var(--rose-soft);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  color: var(--rose);
  margin-bottom: 22px;
  transition: all 0.25s ease;
}
.feature-card:hover .feature-icon {
  transform: scale(1.08);
}
.feature-icon .badge-tr {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: var(--rose);
  line-height: 1;
}
.feature-card h3 {
  font-size: 18px;
  font-weight: 700;
  color: var(--text);
  margin-bottom: 12px;
  line-height: 1.35;
}
.feature-card p {
  font-size: 14px;
  color: var(--muted);
  line-height: 1.6;
  margin-bottom: 20px;
  flex-grow: 1;
}
.feature-card a {
  font-size: 13px;
  font-weight: 600;
  color: var(--rose);
  display: inline-flex;
  align-items: center;
  gap: 6px;
  text-decoration: none !important;
  transition: gap 0.25s ease, color 0.2s ease;
  margin-top: auto;
}
.feature-card a:hover {
  gap: 10px;
  color: var(--rose-deep);
}

/* Feature Dark Theme Overrides */
[data-theme="dark"] .section-muted,
body[data-theme="dark"] .section-muted {
  background: #141110 !important;
}
[data-theme="dark"] .feature-card,
body[data-theme="dark"] .feature-card {
  background: var(--card-bg) !important;
  border-color: var(--border) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35) !important;
}
[data-theme="dark"] .feature-card:hover,
body[data-theme="dark"] .feature-card:hover {
  border-color: rgba(233, 46, 111, 0.4) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
}
[data-theme="dark"] .feature-icon,
body[data-theme="dark"] .feature-icon {
  background: rgba(233, 46, 111, 0.15) !important;
  color: var(--rose) !important;
}

@media (max-width: 991px) {
  .section {
    padding: 60px 0;
  }
  .feature-grid {
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

/* ==========================================================================
   PRODUCTS SECTION
   ========================================================================== */
.product-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}
.product-card {
  background: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: 20px;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: var(--shadow);
  display: flex;
  flex-direction: column;
}
.product-card:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow-lg);
  border-color: rgba(225, 29, 72, 0.35);
}
.product-img,
.product-thumb {
  height: 240px;
  background: var(--bg-muted);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  padding: 16px;
}
.product-img img,
.product-thumb img {
  max-width: 100%;
  max-height: 200px;
  object-fit: contain;
  transition: transform 0.4s ease;
}
.product-card:hover .product-img img,
.product-card:hover .product-thumb img {
  transform: scale(1.06);
}
.product-img .tag,
.product-thumb .tag {
  position: absolute;
  top: 14px;
  left: 14px;
  background: var(--rose);
  color: #fff;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 5px 12px;
  border-radius: 999px;
  z-index: 2;
  box-shadow: 0 4px 10px rgba(216, 27, 96, 0.3);
}
.product-body {
  padding: 22px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.product-body h3 {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: var(--text);
  margin-bottom: 8px;
  line-height: 1.4;
  min-height: 44px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.product-body h3 a {
  color: inherit !important;
  text-decoration: none !important;
  transition: color 0.2s;
}
.product-body h3 a:hover {
  color: var(--rose) !important;
}
.product-body .price {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 20px;
  font-weight: 800;
  color: var(--text);
  margin-bottom: 16px;
  display: flex;
  align-items: baseline;
  gap: 4px;
}
.product-body .price span {
  font-size: 13px;
  color: var(--muted);
  font-weight: 500;
}
.product-body .price .old-price {
  font-size: 14px;
  color: var(--muted);
  font-weight: 400;
  text-decoration: line-through;
  margin-left: 6px;
}
.product-actions {
  display: flex;
  gap: 10px;
  margin-top: auto;
}
.product-actions .btn {
  flex: 1;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 44px !important;
  padding: 0 14px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  white-space: nowrap !important;
}
.product-actions .btn-primary {
  background: var(--rose) !important;
  background-color: var(--rose) !important;
  color: #fff !important;
  border: 1px solid var(--rose) !important;
}
.product-actions .btn-primary:hover {
  background: var(--rose-deep) !important;
  background-color: var(--rose-deep) !important;
  border-color: var(--rose-deep) !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(216, 27, 96, 0.35);
}
.product-actions .btn-ghost {
  background: transparent !important;
  color: var(--text) !important;
  border: 1.5px solid var(--border) !important;
}
.product-actions .btn-ghost:hover {
  border-color: var(--rose) !important;
  color: var(--rose) !important;
  background: rgba(216, 27, 96, 0.05) !important;
}

/* ==========================================================================
   BENEFITS SECTION
   ========================================================================== */
.benefit-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.benefit-item {
  text-align: center;
  padding: 30px 20px;
  background: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: 18px;
  box-shadow: var(--shadow);
  transition: all 0.3s ease;
}
.benefit-item:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-lg);
  border-color: rgba(225, 29, 72, 0.25);
}
.benefit-item .icon-wrap {
  width: 54px;
  height: 54px;
  margin: 0 auto 16px auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(216, 27, 96, 0.08);
  color: var(--rose);
  transition: transform 0.3s ease;
}
.benefit-item:hover .icon-wrap {
  transform: scale(1.1);
  background: rgba(216, 27, 96, 0.15);
}
.benefit-item .icon-svg {
  width: 26px;
  height: 26px;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}
.benefit-item h4 {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 15px;
  font-weight: 700;
  color: var(--text);
  margin-bottom: 6px;
}
.benefit-item p {
  font-size: 13px;
  color: var(--muted);
  line-height: 1.45;
  margin: 0;
}

/* ==========================================================================
   NEWSLETTER SECTION
   ========================================================================== */
.newsletter {
  padding: 70px 0;
  background: var(--bg-muted);
}
.newsletter-box {
  max-width: 580px;
  margin: 0 auto;
  text-align: center;
}
.newsletter-box h2 {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;
  font-size: 30px;
  font-weight: 800;
  color: var(--text);
  margin-bottom: 12px;
  letter-spacing: -0.02em;
}
.newsletter-box p {
  color: var(--muted);
  margin-bottom: 26px;
  font-size: 15px;
  line-height: 1.5;
}
.newsletter-form {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
}
.newsletter-form input {
  flex: 1;
  min-width: 220px;
  height: 48px;
  padding: 0 22px;
  border-radius: 999px;
  border: 1px solid var(--border);
  background: var(--card-bg);
  color: var(--text);
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 14px;
  outline: none;
  transition: all 0.2s;
  box-shadow: var(--shadow);
}
.newsletter-form input:focus {
  border-color: var(--rose);
  box-shadow: 0 0 0 3px rgba(216, 27, 96, 0.15);
}
.newsletter-form input::placeholder {
  color: var(--muted);
}
.newsletter-form .btn {
  height: 48px !important;
  padding: 0 28px !important;
  border-radius: 999px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  background: var(--rose) !important;
  background-color: var(--rose) !important;
  border: 1.5px solid var(--rose) !important;
  color: #ffffff !important;
  transition: all 0.3s ease !important;
  cursor: pointer !important;
}
.newsletter-form .btn:hover {
  background: var(--rose-deep) !important;
  background-color: var(--rose-deep) !important;
  border-color: var(--rose-deep) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 15px rgba(216, 27, 96, 0.4) !important;
}

/* ==========================================================================
   DARK THEME OVERRIDES FOR NEW SECTIONS
   ========================================================================== */
[data-theme="dark"] .product-card,
body[data-theme="dark"] .product-card {
  background: var(--card-bg) !important;
  border-color: var(--border) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35) !important;
}
[data-theme="dark"] .product-card:hover,
body[data-theme="dark"] .product-card:hover {
  border-color: rgba(233, 46, 111, 0.45) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
}
[data-theme="dark"] .product-img,
body[data-theme="dark"] .product-img {
  background: rgba(255, 255, 255, 0.03) !important;
}
[data-theme="dark"] .product-actions .btn-ghost,
body[data-theme="dark"] .product-actions .btn-ghost {
  border-color: rgba(255, 255, 255, 0.18) !important;
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.04) !important;
}
[data-theme="dark"] .product-actions .btn-ghost:hover,
body[data-theme="dark"] .product-actions .btn-ghost:hover {
  border-color: var(--rose) !important;
  color: var(--rose) !important;
  background: rgba(216, 27, 96, 0.15) !important;
}
[data-theme="dark"] .benefit-item,
body[data-theme="dark"] .benefit-item {
  background: var(--card-bg) !important;
  border-color: var(--border) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35) !important;
}
[data-theme="dark"] .benefit-item:hover,
body[data-theme="dark"] .benefit-item:hover {
  border-color: rgba(233, 46, 111, 0.4) !important;
}
[data-theme="dark"] .benefit-item .icon-wrap,
body[data-theme="dark"] .benefit-item .icon-wrap {
  background: rgba(233, 46, 111, 0.15) !important;
  color: var(--rose) !important;
}
[data-theme="dark"] .newsletter,
body[data-theme="dark"] .newsletter {
  background: #0d0b0a !important;
}
[data-theme="dark"] .newsletter-form input,
body[data-theme="dark"] .newsletter-form input {
  background: #1c1817 !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
}

/* Responsive adjustments */
@media (max-width: 991px) {
  .product-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
  .benefit-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
  }
}
@media (max-width: 600px) {
  .product-grid {
    grid-template-columns: 1fr;
  }
  .benefit-grid {
    grid-template-columns: 1fr;
  }
  .newsletter-form {
    flex-direction: column;
  }
  .newsletter-form input,
  .newsletter-form .btn {
    width: 100%;
  }
}

/* ==========================================================================
   STICKY HEADER & TOPBAR
   ========================================================================== */
.hdr-banner {
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
  width: 100% !important;
  margin: 0 !important;
  transition: box-shadow 0.3s ease;
}
.hdr-banner.is-scrolled {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
}
[data-theme="dark"] .hdr-banner.is-scrolled,
body[data-theme="dark"] .hdr-banner.is-scrolled {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.6) !important;
}

/* ==========================================================================
   MODERN FOOTER
   ========================================================================== */
.footer {
  background: var(--footer-bg, #141110);
  color: var(--footer-text, #a8a29e);
  padding: 64px 0 28px;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  position: relative;
  z-index: 10;
}
.footer-grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr 1.2fr;
  gap: 40px;
  margin-bottom: 44px;
}
.footer h4 {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #ffffff;
  margin-bottom: 20px;
}
.footer p,
.footer a {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 13px;
  color: var(--footer-text, #a8a29e);
  line-height: 1.8;
  text-decoration: none !important;
  transition: color 0.2s ease;
}
.footer a:hover {
  color: #ffffff !important;
}
.footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer ul li {
  margin-bottom: 8px;
}
.footer-logo img {
  height: 34px;
  max-width: 140px;
  object-fit: contain;
  filter: brightness(0) invert(1);
  opacity: 0.95;
  margin-bottom: 16px;
}
.footer .contact-line {
  display: flex;
  gap: 12px;
  margin-bottom: 12px;
  align-items: flex-start;
  font-size: 13px;
  line-height: 1.6;
}
.footer .contact-line .contact-icon {
  width: 22px;
  color: var(--rose, #d81b60);
  font-size: 15px;
  margin-top: 3px;
  text-align: center;
  flex-shrink: 0;
}
.footer .contact-line .contact-icon i {
  font-size: 15px;
  line-height: 1;
  display: inline-block;
}
.footer .contact-line span {
  color: var(--footer-text, #a8a29e);
}
.footer .socials {
  display: flex;
  gap: 10px;
  margin-top: 20px;
  padding: 0;
  list-style: none;
}
.footer .socials a {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.14);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  transition: all 0.25s ease;
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.04);
}
.footer .socials a i {
  font-size: 15px;
  line-height: 1;
  display: inline-block;
  color: #ffffff;
}
.footer .socials a:hover {
  background: var(--rose, #d81b60) !important;
  border-color: var(--rose, #d81b60) !important;
  color: #ffffff !important;
  transform: translateY(-2px);
}
.footer .footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  padding-top: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  font-size: 12px;
  color: #78716c;
}
[data-theme="dark"] .footer,
body[data-theme="dark"] .footer {
  background: #080707 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

@media (max-width: 991px) {
  .footer-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
  }
}
@media (max-width: 600px) {
  .footer-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .footer-bottom {
    flex-direction: column;
    text-align: center;
    gap: 8px;
  }
}

/* ==========================================================================
   TOPBAR, HEADER & NAVIGATION STYLES
   ========================================================================== */
:root {
  --header-bg: rgba(255, 255, 255, 0.96);
  --logo-filter: none;
}

[data-theme="dark"], body[data-theme="dark"] {
  --header-bg: #000000;
  --logo-filter: brightness(0) invert(1);
}

body[data-theme="dark"] {
  background-color: #12100f;
  color: var(--text);
}

body[data-theme="dark"] .header,
body[data-theme="dark"] .topbar,
body[data-theme="dark"] .hdr-banner {
  background: #000000 !important;
  background-color: #000000 !important;
}

/* ========== STICKY TOPBAR & HEADER WRAPPER ========== */
.hdr-banner {
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
  width: 100% !important;
  margin: 0 !important;
  transition: all 0.3s ease;
}
.hdr-banner.is-scrolled {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
}
[data-theme="dark"] .hdr-banner.is-scrolled,
body[data-theme="dark"] .hdr-banner.is-scrolled {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.6) !important;
}

/* ========== TOP BAR ========== */
.topbar {
  background: var(--bg-soft);
  border-bottom: 1px solid var(--border);
  padding: 10px 0;
  font-size: 12px;
  letter-spacing: 0.04em;
  position: relative;
  z-index: 101;
}
.topbar .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
}
.topbar-left {
  color: var(--muted);
  font-weight: 500;
  font-size: 12px;
}
.topbar-right {
  display: flex;
  gap: 20px;
  align-items: center;
}
.topbar-right a {
  color: var(--text-soft);
  text-decoration: none;
  font-size: 12px;
  font-weight: 500;
  transition: color 0.2s;
}
.topbar-right a:hover {
  color: var(--rose);
}

/* Dil Seçimi (Lang Switch) */
.lang-switch {
  display: inline-flex;
  align-items: center;
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 999px;
  padding: 2px;
  gap: 2px;
}
[data-theme="dark"] .lang-switch {
  background: #241f1e;
}
.lang-switch a {
  padding: 3px 12px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-decoration: none;
  color: var(--text-soft);
  transition: all 0.2s ease;
  line-height: 1.4;
  display: inline-block;
}
.lang-switch a.active {
  background: var(--rose);
  color: #fff !important;
}

/* Üye Giriş / Menü Kutusu */
.topbar-member-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--rose);
  font-weight: 700;
  font-size: 11px;
  padding: 4px 10px;
  border-radius: 20px;
  background: var(--rose-soft);
  text-decoration: none;
  transition: all 0.2s;
  border: 1px solid rgba(197, 141, 132, 0.25);
  cursor: pointer;
}
.topbar-member-btn:hover {
  background: var(--rose);
  color: #fff;
  border-color: var(--rose);
}
.member-menu-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
}
.member-menu-wrap:hover .hdr-member-login-box {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.member-menu-wrap .hdr-member-login-box {
  position: absolute;
  top: calc(100% + 12px);
  right: 0;
  min-width: 170px;
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 10px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.12);
  padding: 8px 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: all 0.25s ease;
  z-index: 1001;
  text-align: left;
}
[data-theme="dark"] .member-menu-wrap .hdr-member-login-box {
  background: #201c1a;
}
.member-menu-wrap .hdr-member-login-box ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.member-menu-wrap .hdr-member-login-box ul li a {
  display: flex;
  align-items: center;
  padding: 8px 16px;
  font-size: 12px;
  color: var(--text-soft);
  text-decoration: none;
  transition: 0.2s;
}
.member-menu-wrap .hdr-member-login-box ul li a:hover {
  background: var(--rose-soft);
  color: var(--rose);
}

/* ========== HEADER ========== */
.header {
  position: relative;
  z-index: 100;
  background: var(--header-bg);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--border);
  padding: 16px 0;
  transition: background 0.3s;
}
.header .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
}
.header .logo {
  display: flex;
  align-items: center;
}
.header .logo img {
  height: 42px;
  width: auto;
  max-width: 180px;
  object-fit: contain;
  filter: var(--logo-filter);
  transition: filter 0.3s;
}
.header .nav {
  display: flex;
  gap: 28px;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
.header .nav li {
  position: relative;
  list-style: none;
}
.header .nav > li > a {
  display: inline-block;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--text-soft);
  text-decoration: none;
  position: relative;
  padding: 6px 0;
  transition: color 0.25s;
}
.header .nav > li > a:hover,
.header .nav > li > a.active {
  color: var(--rose);
}
.header .nav > li > a.active::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100%;
  height: 2px;
  background: var(--rose);
  border-radius: 2px;
}

/* Sub-Menu Açılır Menü */
.header .nav .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 210px;
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 10px;
  padding: 8px 0;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: all 0.25s ease;
  z-index: 1000;
  margin: 0;
  list-style: none;
}
[data-theme="dark"] .header .nav .sub-menu {
  background: #201c1a;
}
.header .nav li:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.header .nav .sub-menu li {
  padding: 0;
}
.header .nav .sub-menu a {
  display: block;
  padding: 8px 18px;
  font-size: 12px;
  font-weight: 500;
  text-transform: none;
  letter-spacing: 0.02em;
  color: var(--text-soft);
  text-decoration: none;
  transition: all 0.2s;
  white-space: nowrap;
}
.header .nav .sub-menu a:hover {
  background: var(--rose-soft);
  color: var(--rose);
  padding-left: 22px;
}
.header .nav .sub-menu a::after {
  display: none !important;
}

/* Header Üye Menüsü Öğeleri */
.header .nav > li.hdr-member-nav > a {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--text-main);
  font-weight: 600;
}
.header .nav > li.hdr-member-nav > a i {
  color: var(--rose);
  font-size: 13px;
}
.header .nav > li.hdr-member-nav > a:hover {
  color: var(--rose);
}
.header .nav .sub-menu a i {
  color: var(--rose);
  width: 16px;
  text-align: center;
  display: inline-block;
}

/* ==========================================================================
   MEMBER MENU BAR (Luxury Theme Harmonization)
   ========================================================================== */
.sc_member-menu {
  background: var(--card-bg, #fff);
  border-bottom: 1px solid var(--border);
  box-shadow: 0 4px 15px rgba(0,0,0,0.03);
  position: relative;
  z-index: 95;
}
[data-theme="dark"] .sc_member-menu {
  background: #1c1816;
  border-color: rgba(255,255,255,0.08);
}
.sc_member-menu .member__menu {
  padding: 6px 0;
}
.member-menu-wrapper {
  width: 100%;
}
.member-menu > ul {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  list-style: none;
  margin: 0;
  padding: 0;
  flex-wrap: wrap;
}
.member-menu > ul > li {
  position: relative;
  list-style: none;
}
.member-menu > ul > li > a {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  color: var(--text-soft);
  text-decoration: none;
  transition: all 0.2s ease;
  background: transparent;
}
.member-menu > ul > li > a i {
  color: var(--rose);
  font-size: 14px;
}
.member-menu > ul > li:hover > a,
.member-menu > ul > li.selected > a {
  background: var(--rose-soft);
  color: var(--rose);
}
.member-menu > ul > li > ul {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 200px;
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 10px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
  padding: 8px 0;
  list-style: none;
  margin: 4px 0 0 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(6px);
  transition: all 0.2s ease;
  z-index: 1050;
}
[data-theme="dark"] .member-menu > ul > li > ul {
  background: #201c1a;
  border-color: rgba(255,255,255,0.08);
}
.member-menu > ul > li:hover > ul {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.member-menu > ul > li > ul > li a {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  font-size: 12px;
  color: var(--text-soft);
  text-decoration: none;
  transition: all 0.2s;
  white-space: nowrap;
}
.member-menu > ul > li > ul > li a:hover {
  background: var(--rose-soft);
  color: var(--rose);
  padding-left: 20px;
}

/* ==========================================================================
   OFF-CANVAS SOL ÜYE SİDEBARI & TETİKLEYİCİLERİ
   ========================================================================== */

/* Sol Kenar Floating Buton ve Header Butonu kaldırıldı */

/* Overlay Karartma */
.member-sidebar-overlay {
  position: fixed;
  inset: 0;
  background: rgba(18, 12, 10, 0.6);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  z-index: 99998;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.3s;
}
.member-sidebar-overlay.active {
  opacity: 1;
  visibility: visible;
}

/* Sol Sidebar Çekmecesi */
.member-sidebar-drawer {
  position: fixed;
  top: 0;
  left: -350px;
  width: 320px;
  max-width: 86vw;
  height: 100vh;
  background: #fff;
  z-index: 99999;
  box-shadow: 12px 0 45px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  transition: left 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  overflow: hidden;
  font-family: 'Plus Jakarta Sans', sans-serif;
}
[data-theme="dark"] .member-sidebar-drawer {
  background: #1a1614;
  border-right: 1px solid rgba(255, 255, 255, 0.08);
}
.member-sidebar-drawer.active {
  left: 0;
}

/* Sidebar Başlığı & Kullanıcı Bilgisi */
.member-sidebar-head {
  padding: 20px 18px;
  background: linear-gradient(135deg, #2b1720 0%, #462232 100%);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  position: relative;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}
.member-sidebar-user {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.member-sidebar-avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.12);
  border: 2px solid rgba(255, 255, 255, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: #fff;
  flex-shrink: 0;
}
.member-sidebar-meta {
  min-width: 0;
}
.member-sidebar-name {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.3;
}
.member-sidebar-submeta {
  display: none !important;
}
.member-pin {
  color: rgba(255, 255, 255, 0.7);
  font-size: 10px;
}
.member-sidebar-close-btn {
  background: rgba(255, 255, 255, 0.15);
  border: none;
  color: #fff;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  flex-shrink: 0;
}
.member-sidebar-close-btn:hover {
  background: rgba(255, 255, 255, 0.3);
  transform: rotate(90deg);
}

/* Sidebar İçerik & Liste */
.member-sidebar-content {
  flex: 1;
  overflow-y: auto;
  padding: 12px 10px;
}
.member-sidebar-content::-webkit-scrollbar {
  width: 5px;
}
.member-sidebar-content::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.12);
  border-radius: 10px;
}
[data-theme="dark"] .member-sidebar-content::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.12);
}

.member-sidebar-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.member-sb-item {
  position: relative;
  list-style: none;
}
.member-sb-link {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 14px;
  border-radius: 10px;
  font-size: 13px;
  font-weight: 600;
  color: var(--text-main, #333);
  text-decoration: none;
  transition: all 0.2s ease;
  background: transparent;
}
[data-theme="dark"] .member-sb-link {
  color: #e5ded9;
}
.member-sb-link:hover {
  background: var(--rose-soft);
  color: var(--rose);
}
.member-sb-icon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: rgba(197, 141, 132, 0.12);
  color: var(--rose);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  flex-shrink: 0;
  transition: all 0.2s ease;
}
.member-sb-link:hover .member-sb-icon {
  background: var(--rose);
  color: #fff;
}
.member-sb-text {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.member-sb-arrow {
  font-size: 14px;
  color: var(--text-soft);
  transition: transform 0.25s ease;
}
.member-sb-has-sub.open > .member-sb-link .member-sb-arrow {
  transform: rotate(180deg);
  color: var(--rose);
}
.member-sb-pill {
  font-size: 10px;
  padding: 2px 7px;
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.06);
  color: var(--text-soft);
  font-weight: 700;
}
.member-sb-pill.accent {
  background: var(--rose-soft);
  color: var(--rose);
}

/* Akordiyon Alt Liste */
.member-sb-sublist {
  list-style: none;
  margin: 3px 0 6px 20px;
  padding: 4px 0 4px 14px;
  border-left: 2px solid rgba(197, 141, 132, 0.25);
  display: none;
}
.member-sb-sublist li {
  list-style: none;
}
.member-sb-sublist a {
  display: flex;
  align-items: center;
  padding: 7px 10px;
  font-size: 12px;
  font-weight: 500;
  color: var(--text-soft, #666);
  text-decoration: none;
  border-radius: 7px;
  transition: all 0.2s ease;
}
[data-theme="dark"] .member-sb-sublist a {
  color: #b0a6a0;
}
.member-sb-sublist a:hover {
  color: var(--rose);
  background: var(--rose-soft);
  padding-left: 14px;
}
.member-sb-sublist a i {
  font-size: 11px;
  width: 16px;
  text-align: center;
  color: var(--rose);
}

/* Sidebar Alt Bar (Çıkış) */
.member-sidebar-foot {
  padding: 12px 14px;
  border-top: 1px solid var(--border);
  background: rgba(0, 0, 0, 0.02);
}
[data-theme="dark"] .member-sidebar-foot {
  border-color: rgba(255, 255, 255, 0.08);
  background: rgba(255, 255, 255, 0.02);
}
.member-sidebar-logout-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 10px 16px;
  border-radius: 8px;
  background: rgba(220, 53, 69, 0.08);
  color: #dc3545;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  transition: all 0.2s ease;
}
.member-sidebar-logout-btn:hover {
  background: #dc3545;
  color: #fff;
  box-shadow: 0 4px 14px rgba(220, 53, 69, 0.25);
}

body.member-sidebar-open {
  overflow: hidden !important;
}

/* Eski tam ekran mor menüyü bastır (yeni modern sol bar devrede) */
.member__menu,
.sc_member-menu .member__menu {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

/* Tüm Arayüzlerde (Masaüstü, Laptop, Tablet, Telefon) [MÜŞTERİ MENÜSÜ] Butonu */
.member-mobile-menu {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: linear-gradient(135deg, #a75d69, #7e3e4a) !important;
  color: #fff !important;
  font-family: inherit;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 12px 24px !important;
  margin: 12px auto 16px auto !important;
  max-width: 1200px;
  width: calc(100% - 30px);
  border-radius: 12px !important;
  box-shadow: 0 4px 18px rgba(126, 62, 74, 0.3) !important;
  cursor: pointer !important;
  user-select: none;
  transition: all 0.25s ease !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
}
.member-mobile-menu::before {
  content: "\e06b";
  font-family: 'simple-line-icons';
  font-size: 15px;
}
.member-mobile-menu::after {
  font-size: 14px;
  margin-left: 4px;
  opacity: 0.85;
  transition: transform 0.2s ease;
}
.member-mobile-menu:hover {
  background: linear-gradient(135deg, #b86774, #8f4450) !important;
  box-shadow: 0 6px 22px rgba(126, 62, 74, 0.45) !important;
  transform: translateY(-1px);
}
.member-mobile-menu:hover::after {
  transform: translateX(3px);
}
.member-mobile-menu:active {
  transform: scale(0.98);
}
[data-theme="dark"] .member-mobile-menu {
  background: linear-gradient(135deg, #743e47, #53232b) !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.45) !important;
}

/* Tablet ve Telefon (< 992px): Sidebar Ekranın Tamamını Kaplasın */
@media (max-width: 991px) {
  .member-sidebar-drawer {
    width: 100vw !important;
    max-width: 100vw !important;
    left: -100vw !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  .member-sidebar-drawer.active {
    left: 0 !important;
  }
  .member-sidebar-head {
    padding: 16px 18px !important;
  }
  .member-sidebar-close-btn {
    width: 40px !important;
    height: 40px !important;
    font-size: 26px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.12) !important;
  }
  .member-sidebar-content {
    padding: 14px 16px !important;
  }
  .member-sb-link {
    padding: 12px 16px !important;
    font-size: 14px !important;
  }
  .member-sb-sublist a {
    padding: 10px 14px !important;
    font-size: 13px !important;
  }
  .member-sidebar-foot {
    padding: 14px 18px !important;
  }
  .member-sidebar-logout-btn {
    padding: 12px 18px !important;
    font-size: 14px !important;
  }
}

/* Header Eylemleri (Actions) */
.header-actions {
  display: flex;
  align-items: center;
  gap: 10px;
}
.search-action-wrap {
  position: relative;
}
.icon-btn {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid var(--border);
  background: transparent;
  color: var(--text);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s;
  font-size: 15px;
  padding: 0;
}
.icon-btn:hover {
  background: var(--rose);
  border-color: var(--rose);
  color: #fff;
}
.theme-toggle {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid var(--border);
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  transition: all 0.2s;
  padding: 0;
  color: var(--text);
}
.theme-toggle:hover {
  background: var(--rose-soft);
  border-color: var(--rose);
  color: var(--rose);
}
.mobile-toggle {
  display: none;
  background: none;
  border: none;
  cursor: pointer;
  padding: 6px;
}
.mobile-toggle span {
  display: block;
  width: 22px;
  height: 2px;
  background: var(--text);
  margin: 5px 0;
  transition: 0.3s;
}

/* Açılır Arama Kutusu */
.header-search-wrap {
  position: absolute;
  top: calc(100% + 12px);
  right: 0;
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 999px;
  padding: 4px 12px 4px 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.12);
  display: none;
  align-items: center;
  z-index: 1001;
}
[data-theme="dark"] .header-search-wrap {
  background: #201c1a;
}
.header-search-wrap.active {
  display: flex;
}
.header-search-form {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
}
.header-search-form input[type="search"] {
  border: none;
  background: transparent;
  outline: none;
  font-size: 13px;
  color: var(--text);
  min-width: 200px;
  padding: 6px 0;
}
.header-search-form input[type="search"]::placeholder {
  color: var(--muted);
}
.header-search-form .search-submit-btn {
  border: none;
  background: transparent;
  color: var(--rose);
  cursor: pointer;
  padding: 4px 8px;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Mobil Uyumluluk */
@media (max-width: 1080px) {
  .nav { gap: 16px; }
  .nav > li > a { font-size: 12px; }
}
@media (max-width: 900px) {
  .mobile-toggle {
    display: block;
  }
  .header .nav {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: var(--header-bg);
    flex-direction: column;
    padding: 16px 24px;
    gap: 12px;
    border-bottom: 1px solid var(--border);
    box-shadow: 0 12px 30px rgba(0,0,0,0.1);
  }
  .header .nav.active {
    display: flex;
  }
  .nav .sub-menu {
    position: static;
    opacity: 1;
    visibility: visible;
    transform: none;
    box-shadow: none;
    border: none;
    padding-left: 14px;
    background: transparent;
  }
  .topbar .container {
    justify-content: center;
    text-align: center;
  }
}

/* ==========================================================================
   MODERN CART DROPDOWN / POPUP (SEPET AÇILIR PENCERE)
   ========================================================================== */
.cart-pill-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
}

/* Hover köprüsü: Buton ile kart arasındaki boşlukta farenin algılanmasını sağlar */
.cart-pill-wrap::after {
  content: '';
  position: absolute;
  top: 100%;
  left: -20px;
  right: -20px;
  height: 20px;
  background: transparent;
  pointer-events: auto;
  z-index: 10000;
}

.cart-pill {
  background: linear-gradient(135deg, #e92e6f 0%, #d81b60 100%);
  color: #ffffff !important;
  padding: 5px 14px;
  border-radius: 999px;
  font-weight: 700;
  font-size: 11px;
  letter-spacing: 0.03em;
  text-decoration: none !important;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  box-shadow: 0 4px 14px rgba(216, 27, 96, 0.28);
  transition: all 0.25s ease;
  cursor: pointer;
}
.cart-pill:hover,
.cart-pill.active {
  opacity: 0.95;
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(216, 27, 96, 0.38);
  color: #ffffff !important;
}

/* Dropdown Card */
#sepet-uzun-bilgi,
.hdr-basket-content {
  position: absolute !important;
  top: calc(100% + 10px) !important;
  right: 0 !important;
  width: 395px !important;
  max-width: calc(100vw - 24px) !important;
  max-height: 520px !important;
  background: #ffffff !important;
  border: 1px solid var(--border, #f0eae1) !important;
  border-radius: 20px !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.04) !important;
  padding: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(8px) scale(0.98) !important;
  transition: opacity 0.22s cubic-bezier(0.16, 1, 0.3, 1), transform 0.22s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.22s !important;
  z-index: 10001 !important;
  color: var(--text, #2c2523) !important;
  text-align: left !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  pointer-events: none;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain !important;
  box-sizing: border-box !important;
  scrollbar-width: thin !important;
  scrollbar-color: #d8d0c5 transparent !important;
}

#sepet-uzun-bilgi::-webkit-scrollbar,
.hdr-basket-content::-webkit-scrollbar,
.hdr-basket-items::-webkit-scrollbar {
  width: 6px !important;
}
#sepet-uzun-bilgi::-webkit-scrollbar-track,
.hdr-basket-content::-webkit-scrollbar-track,
.hdr-basket-items::-webkit-scrollbar-track {
  background: transparent !important;
}
#sepet-uzun-bilgi::-webkit-scrollbar-thumb,
.hdr-basket-content::-webkit-scrollbar-thumb,
.hdr-basket-items::-webkit-scrollbar-thumb {
  background: #d8d0c5 !important;
  border-radius: 10px !important;
}
#sepet-uzun-bilgi::-webkit-scrollbar-thumb:hover,
.hdr-basket-content::-webkit-scrollbar-thumb:hover,
.hdr-basket-items::-webkit-scrollbar-thumb:hover {
  background: #beb3a6 !important;
}
#sepet-uzun-bilgi::-webkit-scrollbar-button,
.hdr-basket-content::-webkit-scrollbar-button,
.hdr-basket-items::-webkit-scrollbar-button {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

/* Kartın üst köprüsü: Karttan butona veya butondan karta geçişte kesintisiz hover */
#sepet-uzun-bilgi::before,
.hdr-basket-content::before {
  content: '' !important;
  position: absolute !important;
  top: -18px !important;
  left: 0 !important;
  right: 0 !important;
  height: 18px !important;
  background: transparent !important;
  display: block !important;
  pointer-events: auto !important;
  z-index: 10002 !important;
}

.cart-pill-wrap:hover #sepet-uzun-bilgi,
.cart-pill-wrap:focus-within #sepet-uzun-bilgi,
.cart-pill-wrap #sepet-uzun-bilgi.is-hovered,
.cart-pill-wrap #sepet-uzun-bilgi.active,
.hdr-basket-content.is-hovered,
.hdr-basket-content.active {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) scale(1) !important;
  pointer-events: auto !important;
}

/* Cart Head */
.hdr-basket-head {
  position: sticky !important;
  top: 0 !important;
  z-index: 20 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 14px 18px !important;
  background: var(--bg-soft, #fcfbf9) !important;
  border-bottom: 1px solid var(--border, #f0eae1) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important;
}
.hdr-basket-head-title {
  font-size: 13px !important;
  font-weight: 800 !important;
  color: var(--text, #2c2523) !important;
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  letter-spacing: 0.02em !important;
}
.hdr-basket-head-title i {
  color: var(--rose, #d81b60) !important;
  font-size: 14px !important;
}
.hdr-basket-badge {
  background: var(--rose-soft, #fdf2f4) !important;
  color: var(--rose, #d81b60) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 3px 10px !important;
  border-radius: 999px !important;
  letter-spacing: 0.02em !important;
}

/* Product Rows */
#sepet-uzun-bilgi .row,
.hdr-basket-content .row {
  margin: 0 !important;
  padding: 14px 18px !important;
  border-bottom: 1px solid var(--border, #f2ece3) !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 12px !important;
  transition: background 0.2s ease !important;
  box-sizing: border-box !important;
}
#sepet-uzun-bilgi .row:last-child,
.hdr-basket-content .row:last-child,
.hdr-basket-items .row:last-child {
  border-bottom: none !important;
}

/* Thumbnail */
#sepet-uzun-bilgi .col-3,
.hdr-basket-content .col-3 {
  flex: 0 0 54px !important;
  max-width: 54px !important;
  width: 54px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
#sepet-uzun-bilgi .col-3 img,
.hdr-basket-content .col-3 img {
  width: 54px !important;
  height: 54px !important;
  object-fit: contain !important;
  border-radius: 12px !important;
  background: var(--bg-soft, #faf8f5) !important;
  border: 1px solid var(--border, #eee7de) !important;
  padding: 4px !important;
  transition: all 0.2s ease !important;
  display: block !important;
}
#sepet-uzun-bilgi .col-3 img:hover,
.hdr-basket-content .col-3 img:hover {
  border-color: var(--rose, #d81b60) !important;
  transform: scale(1.05) !important;
  box-shadow: 0 4px 12px rgba(216, 27, 96, 0.15) !important;
}

/* Title & Price */
#sepet-uzun-bilgi .col-7.hdr-basket-content-title,
.hdr-basket-content .col-7.hdr-basket-content-title {
  flex: 1 1 auto !important;
  max-width: none !important;
  padding: 0 !important;
  min-width: 0 !important;
}
#sepet-uzun-bilgi .hdr-basket-content-title a,
.hdr-basket-content .hdr-basket-content-title a {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--text, #2c2523) !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  transition: color 0.2s ease !important;
  margin-bottom: 4px !important;
}
#sepet-uzun-bilgi .hdr-basket-content-title a:hover,
.hdr-basket-content .hdr-basket-content-title a:hover {
  color: var(--rose, #d81b60) !important;
}
#sepet-uzun-bilgi .hdr-basket-content-title div,
#sepet-uzun-bilgi .hdr-basket-content-title span,
.hdr-basket-content .hdr-basket-content-title div,
.hdr-basket-content .hdr-basket-content-title span {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: var(--rose, #d81b60) !important;
  line-height: 1.2 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  background: var(--rose-soft, #fdf2f4) !important;
  padding: 3px 9px !important;
  border-radius: 999px !important;
  letter-spacing: 0.02em !important;
}

/* Delete action */
#sepet-uzun-bilgi .col-2,
.hdr-basket-content .col-2 {
  flex: 0 0 28px !important;
  max-width: 28px !important;
  width: 28px !important;
  padding: 0 !important;
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
}
#sepet-uzun-bilgi .col-2 a,
.hdr-basket-content .col-2 a {
  width: 26px !important;
  height: 26px !important;
  border-radius: 50% !important;
  background: rgba(0, 0, 0, 0.04) !important;
  color: var(--muted, #8c827a) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 11px !important;
  text-decoration: none !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  cursor: pointer !important;
  line-height: 1 !important;
  border: 1px solid transparent !important;
}
#sepet-uzun-bilgi .col-2 a:hover,
.hdr-basket-content .col-2 a:hover {
  background: #fee2e2 !important;
  color: #ef4444 !important;
  border-color: #fca5a5 !important;
  transform: rotate(90deg) scale(1.12) !important;
  box-shadow: 0 2px 8px rgba(239, 68, 68, 0.2) !important;
}

/* Cart Footer & Total Area */
.hdr-basket-footer,
#sepet-uzun-bilgi .hdr-basket-content-total,
.hdr-basket-content .hdr-basket-content-total {
  position: sticky !important;
  bottom: 0 !important;
  z-index: 20 !important;
  padding: 14px 18px !important;
  background: var(--bg-soft, #faf7f4) !important;
  border-top: 1px solid var(--border, #f0eae1) !important;
  box-shadow: 0 -6px 20px rgba(0, 0, 0, 0.08) !important;
  margin-top: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  box-sizing: border-box !important;
  clear: both !important;
  float: none !important;
}

/* Total Bilgisi (Sol Alan) */
#sepet-uzun-bilgi .hdr-basket-total-text {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  min-width: 0 !important;
  gap: 3px !important;
  float: none !important;
}

/* Total Etiketi (TOPLAM) */
#sepet-uzun-bilgi .hdr-basket-total-text span:first-child,
#sepet-uzun-bilgi .hdr-basket-content-total > span:first-of-type,
.hdr-basket-content .hdr-basket-content-total > span:first-of-type {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: var(--muted, #8c827a) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  line-height: 1 !important;
  display: block !important;
  margin: 0 !important;
}

/* Total Tutarı (Fiyat) */
#sepet-uzun-bilgi .hdr-basket-total-text span:last-child,
#sepet-uzun-bilgi .hdr-basket-content-total > span:nth-of-type(2),
.hdr-basket-content .hdr-basket-content-total > span:nth-of-type(2) {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 19px !important;
  font-weight: 800 !important;
  color: var(--rose, #d81b60) !important;
  letter-spacing: -0.02em !important;
  line-height: 1.15 !important;
  display: block !important;
  margin: 0 !important;
  white-space: nowrap !important;
}

/* Sepete Git Butonu (Sağ Alan) */
#sepet-uzun-bilgi a.btn,
#sepet-uzun-bilgi a.btn-primary,
.hdr-basket-content a.btn,
.hdr-basket-content a.btn-primary,
.hdr-basket-btn {
  background: linear-gradient(135deg, #e92e6f 0%, #d81b60 100%) !important;
  background-color: var(--rose, #d81b60) !important;
  color: #ffffff !important;
  width: auto !important;
  height: 44px !important;
  min-height: 44px !important;
  padding: 10px 20px !important;
  border-radius: 999px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 800 !important;
  font-size: 12.5px !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  border: none !important;
  box-shadow: 0 4px 16px rgba(216, 27, 96, 0.32) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  text-decoration: none !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
  float: none !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}

#sepet-uzun-bilgi a.btn:hover,
#sepet-uzun-bilgi a.btn-primary:hover,
.hdr-basket-content a.btn:hover,
.hdr-basket-content a.btn-primary:hover,
.hdr-basket-btn:hover {
  background: linear-gradient(135deg, #f03e7c 0%, #c41453 100%) !important;
  background-color: #c41453 !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 24px rgba(216, 27, 96, 0.45) !important;
}

#sepet-uzun-bilgi a.btn i,
#sepet-uzun-bilgi a.btn-primary i,
.hdr-basket-content a.btn i,
.hdr-basket-content a.btn-primary i,
.hdr-basket-btn i {
  font-size: 13px !important;
  transition: transform 0.25s ease !important;
  color: #ffffff !important;
}

#sepet-uzun-bilgi a.btn:hover i,
#sepet-uzun-bilgi a.btn-primary:hover i,
.hdr-basket-btn:hover i {
  transform: scale(1.15) !important;
}

/* Empty state */
#sepet-uzun-bilgi .alert,
.hdr-basket-content .alert {
  background: var(--bg-soft, #fcfbf9) !important;
  border: 1.5px dashed var(--border, #e5ded4) !important;
  border-radius: 16px !important;
  color: var(--muted, #8c827a) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 32px 20px !important;
  margin: 16px !important;
  text-align: center !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}
#sepet-uzun-bilgi .alert::before,
.hdr-basket-content .alert::before {
  content: '\f290' !important;
  font-family: 'Font Awesome 5 Free' !important;
  font-weight: 900 !important;
  font-size: 32px !important;
  color: var(--rose, #d81b60) !important;
  opacity: 0.65;
  display: block !important;
  margin-bottom: 4px !important;
}

/* Dark Theme Support */
[data-theme="dark"] #sepet-uzun-bilgi,
body[data-theme="dark"] #sepet-uzun-bilgi,
[data-theme="dark"] .hdr-basket-content,
body[data-theme="dark"] .hdr-basket-content {
  background: #141110 !important;
  border-color: #262220 !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.7) !important;
  color: #f5f2ee !important;
}
[data-theme="dark"] .hdr-basket-head,
body[data-theme="dark"] .hdr-basket-head,
[data-theme="dark"] .hdr-basket-footer,
body[data-theme="dark"] .hdr-basket-footer,
[data-theme="dark"] #sepet-uzun-bilgi .hdr-basket-content-total,
body[data-theme="dark"] #sepet-uzun-bilgi .hdr-basket-content-total {
  background: #1b1716 !important;
  border-color: #262220 !important;
}
[data-theme="dark"] .hdr-basket-head-title,
body[data-theme="dark"] .hdr-basket-head-title {
  color: #f5f2ee !important;
}
[data-theme="dark"] .hdr-basket-badge,
body[data-theme="dark"] .hdr-basket-badge {
  background: rgba(233, 46, 111, 0.16) !important;
  color: #e92e6f !important;
}
[data-theme="dark"] #sepet-uzun-bilgi::-webkit-scrollbar-thumb,
body[data-theme="dark"] #sepet-uzun-bilgi::-webkit-scrollbar-thumb,
[data-theme="dark"] .hdr-basket-items::-webkit-scrollbar-thumb,
body[data-theme="dark"] .hdr-basket-items::-webkit-scrollbar-thumb {
  background: #332d2a !important;
}
[data-theme="dark"] #sepet-uzun-bilgi .row,
body[data-theme="dark"] #sepet-uzun-bilgi .row,
[data-theme="dark"] .hdr-basket-content .row,
body[data-theme="dark"] .hdr-basket-content .row {
  border-bottom-color: #221d1b !important;
}
[data-theme="dark"] #sepet-uzun-bilgi .col-3 img,
body[data-theme="dark"] #sepet-uzun-bilgi .col-3 img,
[data-theme="dark"] .hdr-basket-content .col-3 img,
body[data-theme="dark"] .hdr-basket-content .col-3 img {
  background: #1c1816 !important;
  border-color: #2a2421 !important;
}
[data-theme="dark"] #sepet-uzun-bilgi .hdr-basket-content-title a,
body[data-theme="dark"] #sepet-uzun-bilgi .hdr-basket-content-title a,
[data-theme="dark"] .hdr-basket-content .hdr-basket-content-title a,
body[data-theme="dark"] .hdr-basket-content .hdr-basket-content-title a {
  color: #f5f2ee !important;
}
[data-theme="dark"] #sepet-uzun-bilgi .hdr-basket-content-title a:hover,
body[data-theme="dark"] #sepet-uzun-bilgi .hdr-basket-content-title a:hover,
[data-theme="dark"] .hdr-basket-content .hdr-basket-content-title a:hover,
body[data-theme="dark"] .hdr-basket-content .hdr-basket-content-title a:hover {
  color: #e92e6f !important;
}
[data-theme="dark"] #sepet-uzun-bilgi .hdr-basket-content-title div,
[data-theme="dark"] .hdr-basket-content .hdr-basket-content-title div,
body[data-theme="dark"] #sepet-uzun-bilgi .hdr-basket-content-title div,
body[data-theme="dark"] .hdr-basket-content .hdr-basket-content-title div {
  background: rgba(233, 46, 111, 0.16) !important;
  color: #e92e6f !important;
}
[data-theme="dark"] #sepet-uzun-bilgi .col-2 a,
body[data-theme="dark"] #sepet-uzun-bilgi .col-2 a,
[data-theme="dark"] .hdr-basket-content .col-2 a,
body[data-theme="dark"] .hdr-basket-content .col-2 a {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #9c9189 !important;
}
[data-theme="dark"] #sepet-uzun-bilgi .col-2 a:hover,
body[data-theme="dark"] #sepet-uzun-bilgi .col-2 a:hover,
[data-theme="dark"] .hdr-basket-content .col-2 a:hover,
body[data-theme="dark"] .hdr-basket-content .col-2 a:hover {
  background: rgba(239, 68, 68, 0.22) !important;
  color: #f87171 !important;
  border-color: rgba(239, 68, 68, 0.4) !important;
}
[data-theme="dark"] #sepet-uzun-bilgi .hdr-basket-content-total,
body[data-theme="dark"] #sepet-uzun-bilgi .hdr-basket-content-total,
[data-theme="dark"] .hdr-basket-content .hdr-basket-content-total,
body[data-theme="dark"] .hdr-basket-content .hdr-basket-content-total,
[data-theme="dark"] .hdr-basket-footer,
body[data-theme="dark"] .hdr-basket-footer {
  background: #1c1715 !important;
  border-top-color: #38302c !important;
}
[data-theme="dark"] #sepet-uzun-bilgi .hdr-basket-total-text span:first-child,
body[data-theme="dark"] #sepet-uzun-bilgi .hdr-basket-total-text span:first-child,
[data-theme="dark"] #sepet-uzun-bilgi .hdr-basket-content-total > span:first-of-type,
body[data-theme="dark"] #sepet-uzun-bilgi .hdr-basket-content-total > span:first-of-type {
  color: #a0958a !important;
}
[data-theme="dark"] #sepet-uzun-bilgi .hdr-basket-total-text span:last-child,
body[data-theme="dark"] #sepet-uzun-bilgi .hdr-basket-total-text span:last-child,
[data-theme="dark"] #sepet-uzun-bilgi .hdr-basket-content-total > span:nth-of-type(2),
body[data-theme="dark"] #sepet-uzun-bilgi .hdr-basket-content-total > span:nth-of-type(2) {
  color: #ff6b95 !important;
}
[data-theme="dark"] #sepet-uzun-bilgi .alert,
body[data-theme="dark"] #sepet-uzun-bilgi .alert,
[data-theme="dark"] .hdr-basket-content .alert,
body[data-theme="dark"] .hdr-basket-content .alert {
  background: #191514 !important;
  border-color: #2b2522 !important;
  color: #9c9189 !important;
}

/* ==========================================================================
   UNIVERSAL THEME CONTRAST & DARK MODE COMPREHENSIVE SYSTEM
   ========================================================================== */
html[data-theme="dark"],
body[data-theme="dark"] {
  background-color: #12100f !important;
  color: #f5f2ee !important;
}

/* Sayfa ve Bölüm Arka Planları */
[data-theme="dark"] body,
[data-theme="dark"] main,
[data-theme="dark"] section:not(.hdr-banner):not(.banner):not(.newsletter):not(.footer),
[data-theme="dark"] article,
[data-theme="dark"] .wrapper,
[data-theme="dark"] .main-content,
[data-theme="dark"] .content-area {
  background-color: transparent;
  color: #f5f2ee;
}

/* Genel Tipografi - İçerik Sayfaları (icerik.php, kurumsal, marka hikayesi vb.) */
[data-theme="dark"] p,
[data-theme="dark"] div:not([class*="badge"]):not([class*="btn"]):not(.cart-pill),
[data-theme="dark"] li,
[data-theme="dark"] dt,
[data-theme="dark"] dd,
[data-theme="dark"] span:not([class*="badge"]):not([class*="btn"]):not(#sepet-say):not(.contact-icon),
[data-theme="dark"] blockquote,
[data-theme="dark"] small,
[data-theme="dark"] label {
  color: inherit;
}

[data-theme="dark"] section.my-5,
[data-theme="dark"] section.my-5 p,
[data-theme="dark"] section.my-5 div,
[data-theme="dark"] section.my-5 span,
[data-theme="dark"] section.my-5 li,
[data-theme="dark"] .icerik-detay,
[data-theme="dark"] .icerik-detay p,
[data-theme="dark"] .icerik-detay div {
  color: #dfd8d3 !important;
  line-height: 1.85;
}

[data-theme="dark"] section.my-5 strong,
[data-theme="dark"] section.my-5 b,
[data-theme="dark"] section.my-5 h1,
[data-theme="dark"] section.my-5 h2,
[data-theme="dark"] section.my-5 h3,
[data-theme="dark"] section.my-5 h4,
[data-theme="dark"] section.my-5 h5,
[data-theme="dark"] section.my-5 h6,
[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] h5,
[data-theme="dark"] h6 {
  color: #f5f2ee !important;
}

[data-theme="dark"] section.my-5 a:not(.btn) {
  color: #e92e6f !important;
}

/* ==========================================================================
   BREADCRUMBS (EKMEK KIRINTISI) ALANI - KUSURSUZ TASARIM SİSTEMİ
   ========================================================================== */
.breadcrumbs-area,
.breadcrumbs-area2 {
  margin: 0 0 4px 0 !important;
  padding: 8px 0 !important;
  background: var(--bg-soft, #faf8f5) !important;
  border-top: none !important;
  border-bottom: 1px solid var(--border, #f0eae1) !important;
  position: relative !important;
  z-index: 10 !important;
}

.breadcrumbs-area2.my-3,
.breadcrumbs-area.my-3 {
  margin-top: 0 !important;
  margin-bottom: 4px !important;
}

.breadcrumbs-area .container,
.breadcrumbs-area2 .container {
  display: flex !important;
  align-items: center !important;
}

.breadcrumbs-area .breadcrumb,
.breadcrumbs-area2 .breadcrumb {
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  list-style: none !important;
}

.breadcrumbs-area .breadcrumb-item,
.breadcrumbs-area2 .breadcrumb-item {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 13px !important;
  letter-spacing: 0.02em !important;
  display: inline-flex !important;
  align-items: center !important;
}

.breadcrumbs-area .breadcrumb-item a,
.breadcrumbs-area2 .breadcrumb-item a {
  color: var(--muted, #8c827a) !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  display: inline-flex !important;
  align-items: center !important;
}

.breadcrumbs-area .breadcrumb-item a i,
.breadcrumbs-area .breadcrumb-item a .icon-home,
.breadcrumbs-area .breadcrumb-item a .fa-home,
.breadcrumbs-area2 .breadcrumb-item a i,
.breadcrumbs-area2 .breadcrumb-item a .icon-home,
.breadcrumbs-area2 .breadcrumb-item a .fa-home {
  font-size: 14px !important;
  line-height: 1 !important;
  color: var(--muted, #8c827a) !important;
  transition: all 0.2s ease !important;
}

.breadcrumbs-area .breadcrumb-item a:hover,
.breadcrumbs-area .breadcrumb-item a:hover i,
.breadcrumbs-area2 .breadcrumb-item a:hover,
.breadcrumbs-area2 .breadcrumb-item a:hover i {
  color: var(--rose, #d81b60) !important;
  transform: translateY(-1px);
}

.breadcrumbs-area .breadcrumb-item + .breadcrumb-item::before,
.breadcrumbs-area2 .breadcrumb-item + .breadcrumb-item::before {
  content: '/' !important;
  color: rgba(140, 130, 122, 0.4) !important;
  padding: 0 10px !important;
  font-size: 12px !important;
  font-weight: 400 !important;
}

.breadcrumbs-area .breadcrumb-item.active,
.breadcrumbs-area2 .breadcrumb-item.active,
.breadcrumbs-area2 .breadcrumb-item:last-child {
  color: var(--text, #2c2523) !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  font-size: 12.5px !important;
}

/* Breadcrumbs Karanlık Tema */
[data-theme="dark"] .breadcrumbs-area,
[data-theme="dark"] .breadcrumbs-area2,
body[data-theme="dark"] .breadcrumbs-area,
body[data-theme="dark"] .breadcrumbs-area2 {
  background: #141110 !important;
  border-top: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07) !important;
}

[data-theme="dark"] .breadcrumbs-area .breadcrumb-item a,
[data-theme="dark"] .breadcrumbs-area .breadcrumb-item a i,
[data-theme="dark"] .breadcrumbs-area2 .breadcrumb-item a,
[data-theme="dark"] .breadcrumbs-area2 .breadcrumb-item a i,
body[data-theme="dark"] .breadcrumbs-area .breadcrumb-item a,
body[data-theme="dark"] .breadcrumbs-area .breadcrumb-item a i,
body[data-theme="dark"] .breadcrumbs-area2 .breadcrumb-item a,
body[data-theme="dark"] .breadcrumbs-area2 .breadcrumb-item a i {
  color: #9e938c !important;
}

[data-theme="dark"] .breadcrumbs-area .breadcrumb-item a:hover,
[data-theme="dark"] .breadcrumbs-area .breadcrumb-item a:hover i,
[data-theme="dark"] .breadcrumbs-area2 .breadcrumb-item a:hover,
[data-theme="dark"] .breadcrumbs-area2 .breadcrumb-item a:hover i,
body[data-theme="dark"] .breadcrumbs-area .breadcrumb-item a:hover,
body[data-theme="dark"] .breadcrumbs-area .breadcrumb-item a:hover i,
body[data-theme="dark"] .breadcrumbs-area2 .breadcrumb-item a:hover,
body[data-theme="dark"] .breadcrumbs-area2 .breadcrumb-item a:hover i {
  color: #e92e6f !important;
}

[data-theme="dark"] .breadcrumbs-area .breadcrumb-item.active,
[data-theme="dark"] .breadcrumbs-area2 .breadcrumb-item.active,
[data-theme="dark"] .breadcrumbs-area2 .breadcrumb-item:last-child,
body[data-theme="dark"] .breadcrumbs-area .breadcrumb-item.active,
body[data-theme="dark"] .breadcrumbs-area2 .breadcrumb-item.active,
body[data-theme="dark"] .breadcrumbs-area2 .breadcrumb-item:last-child {
  color: #f5f2ee !important;
}

[data-theme="dark"] .breadcrumbs-area .breadcrumb-item + .breadcrumb-item::before,
[data-theme="dark"] .breadcrumbs-area2 .breadcrumb-item + .breadcrumb-item::before,
body[data-theme="dark"] .breadcrumbs-area .breadcrumb-item + .breadcrumb-item::before,
body[data-theme="dark"] .breadcrumbs-area2 .breadcrumb-item + .breadcrumb-item::before {
  color: rgba(255, 255, 255, 0.2) !important;
}

/* ==========================================================================
   INC.PHP BREADCRUMBS (KATALOG vb.) - ETKİNLİKLER (.breadcrumbs-area) İLE BİREBİR UYUM
   ========================================================================== */
.border-bottom.mb-5:has(ol.breadcrumb),
.border-bottom:has(ol.breadcrumb),
div.border-bottom.mb-5 {
  margin: 0 0 36px 0 !important;
  padding: 13px 0 !important;
  background: var(--bg-soft, #faf8f5) !important;
  border-top: none !important;
  border-bottom: 1px solid var(--border, #f0eae1) !important;
  position: relative !important;
  z-index: 10 !important;
}

[data-theme="dark"] .border-bottom.mb-5:has(ol.breadcrumb),
[data-theme="dark"] .border-bottom:has(ol.breadcrumb),
[data-theme="dark"] div.border-bottom.mb-5,
body[data-theme="dark"] .border-bottom.mb-5:has(ol.breadcrumb),
body[data-theme="dark"] .border-bottom:has(ol.breadcrumb),
body[data-theme="dark"] div.border-bottom.mb-5 {
  background: #141110 !important;
  border-top: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.07) !important;
}

.border-bottom ol.breadcrumb,
ol.breadcrumb.m-0 {
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  list-style: none !important;
}

.border-bottom ol.breadcrumb li,
ol.breadcrumb.m-0 li {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 13px !important;
  letter-spacing: 0.02em !important;
  display: inline-flex !important;
  align-items: center !important;
}

.border-bottom ol.breadcrumb li a,
ol.breadcrumb.m-0 li a {
  color: var(--muted, #8c827a) !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  display: inline-flex !important;
  align-items: center !important;
}

.border-bottom ol.breadcrumb li a i,
.border-bottom ol.breadcrumb li a .fa-home,
ol.breadcrumb.m-0 li a i,
ol.breadcrumb.m-0 li a .fa-home {
  font-size: 14px !important;
  line-height: 1 !important;
  color: var(--muted, #8c827a) !important;
  transition: all 0.2s ease !important;
}

.border-bottom ol.breadcrumb li a:hover,
.border-bottom ol.breadcrumb li a:hover i,
ol.breadcrumb.m-0 li a:hover,
ol.breadcrumb.m-0 li a:hover i {
  color: var(--rose, #d81b60) !important;
  transform: translateY(-1px);
}

/* Eski '>' ok simgesini gizleyip Etkinlikler sayfasındaki gibi '/' yapma */
.border-bottom ol.breadcrumb li.ml-2.mr-2,
ol.breadcrumb.m-0 li.ml-2.mr-2 {
  margin: 0 !important;
  padding: 0 10px !important;
  display: inline-flex !important;
  align-items: center !important;
}

.border-bottom ol.breadcrumb li.ml-2.mr-2 i,
ol.breadcrumb.m-0 li.ml-2.mr-2 i {
  display: none !important;
}

.border-bottom ol.breadcrumb li.ml-2.mr-2::after,
ol.breadcrumb.m-0 li.ml-2.mr-2::after {
  content: '/' !important;
  color: rgba(140, 130, 122, 0.4) !important;
  font-size: 12px !important;
  font-weight: 400 !important;
}

/* Başlık: Etkinlikler gibi büyük harf, zarif ve okunaklı */
.border-bottom ol.breadcrumb li.fontFuturaBold,
ol.breadcrumb.m-0 li.fontFuturaBold {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  color: var(--text, #2c2523) !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  font-size: 12.5px !important;
}

/* Karanlık Tema */
[data-theme="dark"] .border-bottom ol.breadcrumb li a,
[data-theme="dark"] .border-bottom ol.breadcrumb li a i,
body[data-theme="dark"] .border-bottom ol.breadcrumb li a,
body[data-theme="dark"] .border-bottom ol.breadcrumb li a i,
[data-theme="dark"] ol.breadcrumb.m-0 li a,
[data-theme="dark"] ol.breadcrumb.m-0 li a i,
body[data-theme="dark"] ol.breadcrumb.m-0 li a,
body[data-theme="dark"] ol.breadcrumb.m-0 li a i {
  color: #9e938c !important;
}

[data-theme="dark"] .border-bottom ol.breadcrumb li a:hover,
[data-theme="dark"] .border-bottom ol.breadcrumb li a:hover i,
body[data-theme="dark"] .border-bottom ol.breadcrumb li a:hover,
body[data-theme="dark"] .border-bottom ol.breadcrumb li a:hover i,
[data-theme="dark"] ol.breadcrumb.m-0 li a:hover,
[data-theme="dark"] ol.breadcrumb.m-0 li a:hover i,
body[data-theme="dark"] ol.breadcrumb.m-0 li a:hover,
body[data-theme="dark"] ol.breadcrumb.m-0 li a:hover i {
  color: #e92e6f !important;
}

[data-theme="dark"] .border-bottom ol.breadcrumb li.fontFuturaBold,
body[data-theme="dark"] .border-bottom ol.breadcrumb li.fontFuturaBold,
[data-theme="dark"] ol.breadcrumb.m-0 li.fontFuturaBold,
body[data-theme="dark"] ol.breadcrumb.m-0 li.fontFuturaBold {
  color: #f5f2ee !important;
}

[data-theme="dark"] .border-bottom ol.breadcrumb li.ml-2.mr-2::after,
body[data-theme="dark"] .border-bottom ol.breadcrumb li.ml-2.mr-2::after,
[data-theme="dark"] ol.breadcrumb.m-0 li.ml-2.mr-2::after,
body[data-theme="dark"] ol.breadcrumb.m-0 li.ml-2.mr-2::after {
  color: rgba(255, 255, 255, 0.2) !important;
}

/* Bootstrap Sınır & Arka Plan Adaptasyonları */
[data-theme="dark"] .border,
[data-theme="dark"] .border-top,
[data-theme="dark"] .border-bottom,
[data-theme="dark"] .border-left,
[data-theme="dark"] .border-right {
  border-color: rgba(255, 255, 255, 0.08) !important;
}
[data-theme="dark"] .bg-white,
[data-theme="dark"] .bg-light {
  background-color: #1a1615 !important;
  color: #f5f2ee !important;
}
[data-theme="dark"] .card {
  background-color: #1e1917 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #f5f2ee !important;
}
[data-theme="dark"] .table {
  color: #dfd8d3 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}
[data-theme="dark"] .table th,
[data-theme="dark"] .table td {
  border-color: rgba(255, 255, 255, 0.08) !important;
}

/* Form Elemanları (Arama, İletişim, Giriş vb.) */
[data-theme="dark"] .form-control,
[data-theme="dark"] input[type="text"],
[data-theme="dark"] input[type="search"],
[data-theme="dark"] input[type="email"],
[data-theme="dark"] input[type="password"],
[data-theme="dark"] input[type="tel"],
[data-theme="dark"] textarea,
[data-theme="dark"] select {
  background-color: #201c1a !important;
  border: 1px solid #3b312d !important;
  color: #f5f2ee !important;
}
[data-theme="dark"] .form-control:focus,
[data-theme="dark"] input:focus,
[data-theme="dark"] textarea:focus,
[data-theme="dark"] select:focus {
  background-color: #27211f !important;
  border-color: #e92e6f !important;
  color: #ffffff !important;
  box-shadow: 0 0 0 3px rgba(233, 46, 111, 0.18) !important;
}
[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder {
  color: #8c8179 !important;
}

/* Header & Menü Dark Uyum */
[data-theme="dark"] .topbar {
  background: #000000 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}
[data-theme="dark"] .topbar-left {
  color: #b5aba3 !important;
}
[data-theme="dark"] .header {
  background: #000000 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}
[data-theme="dark"] .header .nav > li > a {
  color: #f5f2ee !important;
}
[data-theme="dark"] .header .nav > li > a:hover,
[data-theme="dark"] .header .nav > li > a.active {
  color: #e92e6f !important;
}
[data-theme="dark"] .header-actions .icon-btn {
  background: #1f1b19 !important;
  border: 1px solid #352c28 !important;
  color: #f5f2ee !important;
}
[data-theme="dark"] .header-actions .icon-btn:hover {
  border-color: #e92e6f !important;
  color: #e92e6f !important;
}
[data-theme="dark"] .header-actions .theme-toggle {
  background: #1f1b19 !important;
  border: 1px solid #352c28 !important;
  color: #f5f2ee !important;
}
[data-theme="dark"] .header-actions .theme-toggle:hover {
  border-color: #e92e6f !important;
  color: #e92e6f !important;
}

/* Tema Geçiş Yumuşatıcı */
body, .hdr-banner, .topbar, .header, .footer, .breadcrumbs-area {
  transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

/* ==========================================================================
   ETKİNLİKLER (EVENT CARDS) - INDEX-BODY.PHP TARZI MODERN TASARIM SİSTEMİ
   ========================================================================== */
.hdr-section-theree-content-box,
.event-card {
  background: var(--card-bg, #ffffff) !important;
  border: 1px solid var(--border, #f0eae1) !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  box-shadow: var(--shadow, 0 4px 14px rgba(0, 0, 0, 0.06)) !important;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  margin-bottom: 30px !important;
  cursor: pointer !important;
  position: relative !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  padding: 0 !important;
}

.hdr-section-theree-content-box:hover,
.event-card:hover {
  transform: translateY(-8px) !important;
  box-shadow: var(--shadow-lg, 0 20px 45px rgba(0, 0, 0, 0.12)) !important;
  border-color: rgba(216, 27, 96, 0.4) !important;
}

.hdr-section-theree-content-img,
.event-card-thumb {
  position: relative !important;
  width: 100% !important;
  height: 230px !important;
  overflow: hidden !important;
  background: var(--bg-muted, #fbf9f6) !important;
  margin: 0 !important;
  padding: 0 !important;
}

.hdr-section-theree-content-img img,
.event-card-thumb img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.hdr-section-theree-content-box:hover .hdr-section-theree-content-img img,
.event-card:hover .event-card-thumb img {
  transform: scale(1.07) !important;
}

/* Kart görseli üzeri modern Etkinlik etiketi */
.hdr-section-theree-content-img::after,
.event-card-tag {
  content: 'ETK\0130NL\0130K' !important;
  position: absolute !important;
  top: 14px !important;
  left: 14px !important;
  background: var(--rose, #d81b60) !important;
  color: #ffffff !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  padding: 5px 14px !important;
  border-radius: 999px !important;
  box-shadow: 0 4px 12px rgba(216, 27, 96, 0.35) !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.hdr-section-theree-content-title,
.event-card-title {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  color: var(--text, #2c2523) !important;
  padding: 22px 24px 0 24px !important;
  margin: 0 0 10px 0 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  transition: color 0.25s ease !important;
}

.hdr-section-theree-content-box:hover .hdr-section-theree-content-title,
.event-card:hover .event-card-title {
  color: var(--rose, #d81b60) !important;
}

.hdr-section-theree-content-text,
.event-card-desc {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 13.5px !important;
  color: var(--muted, #8c827a) !important;
  line-height: 1.65 !important;
  padding: 0 24px !important;
  margin: 0 0 16px 0 !important;
  flex-grow: 1 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.hdr-section-theree-content-button,
.event-card-footer {
  margin-top: auto !important;
  padding: 16px 24px 22px 24px !important;
  border-top: 1px solid var(--border, #f0eae1) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
}

.hdr-section-theree-content-button a,
.event-card-btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: var(--rose-soft, #fdf2f4) !important;
  color: var(--rose, #d81b60) !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  padding: 8px 18px !important;
  border-radius: 999px !important;
  transition: all 0.25s ease !important;
  text-decoration: none !important;
}

.hdr-section-theree-content-button a i,
.event-card-btn i {
  font-size: 12px !important;
  transition: transform 0.25s ease !important;
}

.hdr-section-theree-content-box:hover .hdr-section-theree-content-button a,
.hdr-section-theree-content-button a:hover,
.event-card:hover .event-card-btn,
.event-card-btn:hover {
  background: var(--rose, #d81b60) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(216, 27, 96, 0.3) !important;
}

.hdr-section-theree-content-box:hover .hdr-section-theree-content-button a i,
.hdr-section-theree-content-button a:hover i,
.event-card:hover .event-card-btn i,
.event-card-btn:hover i {
  transform: translateX(3px) !important;
  color: #ffffff !important;
}

/* ==========================================================================
   ETKİNLİKLER - KARANLIK TEMA (DARK MODE) ENTEGRASYONU
   ========================================================================== */
[data-theme="dark"] .hdr-section-theree-content-box,
body[data-theme="dark"] .hdr-section-theree-content-box,
[data-theme="dark"] .event-card,
body[data-theme="dark"] .event-card {
  background: #1c1816 !important;
  border-color: #332a26 !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35) !important;
}

[data-theme="dark"] .hdr-section-theree-content-box:hover,
body[data-theme="dark"] .hdr-section-theree-content-box:hover,
[data-theme="dark"] .event-card:hover,
body[data-theme="dark"] .event-card:hover {
  border-color: rgba(233, 46, 111, 0.45) !important;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.6) !important;
}

[data-theme="dark"] .hdr-section-theree-content-img,
body[data-theme="dark"] .hdr-section-theree-content-img,
[data-theme="dark"] .event-card-thumb,
body[data-theme="dark"] .event-card-thumb {
  background: #27211f !important;
}

[data-theme="dark"] .hdr-section-theree-content-title,
body[data-theme="dark"] .hdr-section-theree-content-title,
[data-theme="dark"] .event-card-title,
body[data-theme="dark"] .event-card-title {
  color: #f5f2ee !important;
}

[data-theme="dark"] .hdr-section-theree-content-box:hover .hdr-section-theree-content-title,
body[data-theme="dark"] .hdr-section-theree-content-box:hover .hdr-section-theree-content-title,
[data-theme="dark"] .event-card:hover .event-card-title,
body[data-theme="dark"] .event-card:hover .event-card-title {
  color: #e92e6f !important;
}

[data-theme="dark"] .hdr-section-theree-content-text,
body[data-theme="dark"] .hdr-section-theree-content-text,
[data-theme="dark"] .event-card-desc,
body[data-theme="dark"] .event-card-desc {
  color: #9e938c !important;
}

[data-theme="dark"] .hdr-section-theree-content-button,
body[data-theme="dark"] .hdr-section-theree-content-button,
[data-theme="dark"] .event-card-footer,
body[data-theme="dark"] .event-card-footer {
  border-top-color: #2e2622 !important;
}

[data-theme="dark"] .hdr-section-theree-content-button a,
body[data-theme="dark"] .hdr-section-theree-content-button a,
[data-theme="dark"] .event-card-btn,
body[data-theme="dark"] .event-card-btn {
  background: rgba(233, 46, 111, 0.15) !important;
  color: #e92e6f !important;
}

[data-theme="dark"] .hdr-section-theree-content-box:hover .hdr-section-theree-content-button a,
[data-theme="dark"] .hdr-section-theree-content-button a:hover,
body[data-theme="dark"] .hdr-section-theree-content-box:hover .hdr-section-theree-content-button a,
body[data-theme="dark"] .hdr-section-theree-content-button a:hover,
[data-theme="dark"] .event-card:hover .event-card-btn,
[data-theme="dark"] .event-card-btn:hover,
body[data-theme="dark"] .event-card:hover .event-card-btn,
body[data-theme="dark"] .event-card-btn:hover {
  background: #e92e6f !important;
  color: #ffffff !important;
}

/* ==========================================================================
   ONLINE KATALOG - INDEX-BODY.PHP TARZI MODERN PREMIUM TASARIM SİSTEMİ
   ========================================================================== */
/* Başlık & İndir Alanı */
h1.ozelci {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  color: var(--text, #2c2523) !important;
  margin: 10px 0 24px 0 !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
}

h1.ozelci::before {
  content: 'D\0130J\0130TAL YAYIN' !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  background: var(--rose, #d81b60) !important;
  color: #ffffff !important;
  padding: 4px 13px !important;
  border-radius: 999px !important;
  box-shadow: 0 4px 12px rgba(216, 27, 96, 0.35) !important;
}

[data-theme="dark"] h1.ozelci,
body[data-theme="dark"] h1.ozelci {
  color: #f5f2ee !important;
}

.catalog-dowland .btn-primary {
  background: var(--rose, #d81b60) !important;
  border: 1.5px solid var(--rose, #d81b60) !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  padding: 10px 24px !important;
  transition: all 0.25s ease !important;
  box-shadow: 0 4px 14px rgba(216, 27, 96, 0.25) !important;
}

.catalog-dowland .btn-primary:hover {
  background: var(--rose-deep, #b8154e) !important;
  border-color: var(--rose-deep, #b8154e) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(216, 27, 96, 0.4) !important;
}

/* Ana Sahne Kartı (.wrap) */
.wrap {
  position: relative !important;
  background: var(--card-bg, #ffffff) !important;
  border: 1px solid var(--border, #f0eae1) !important;
  border-radius: 24px !important;
  padding: 40px 36px 32px 36px !important;
  box-shadow: var(--shadow-lg, 0 20px 45px rgba(0, 0, 0, 0.08)) !important;
  margin-bottom: 40px !important;
  transition: all 0.3s ease !important;
}

[data-theme="dark"] .wrap,
body[data-theme="dark"] .wrap {
  background: #1c1816 !important;
  border-color: #332a26 !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5) !important;
}

/* Paylaşım Butonu */
.catalogue_share {
  position: absolute !important;
  right: 36px !important;
  top: 24px !important;
  z-index: 20 !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.catalogue_share > li > a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: var(--rose-soft, #fdf2f4) !important;
  color: var(--rose, #d81b60) !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  padding: 7px 16px !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  transition: all 0.25s ease !important;
  border: 1px solid rgba(216, 27, 96, 0.15) !important;
}

.catalogue_share > li > a:hover {
  background: var(--rose, #d81b60) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(216, 27, 96, 0.3) !important;
}

[data-theme="dark"] .catalogue_share > li > a,
body[data-theme="dark"] .catalogue_share > li > a {
  background: rgba(233, 46, 111, 0.15) !important;
  color: #e92e6f !important;
  border-color: rgba(233, 46, 111, 0.3) !important;
}

[data-theme="dark"] .catalogue_share > li > a:hover,
body[data-theme="dark"] .catalogue_share > li > a:hover {
  background: #e92e6f !important;
  color: #ffffff !important;
}

.catalogue_share ul {
  display: none;
  position: absolute !important;
  background: var(--card-bg, #ffffff) !important;
  border: 1px solid var(--border, #f0eae1) !important;
  border-radius: 16px !important;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15) !important;
  padding: 10px !important;
  min-width: 170px !important;
  right: 0 !important;
  left: auto !important;
  top: 42px !important;
  z-index: 99999 !important;
}

.catalogue_share ul.show,
.catalogue_share.active ul,
.catalogue_share > li.active ul,
.catalogue_share > li.open ul {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

[data-theme="dark"] .catalogue_share ul,
body[data-theme="dark"] .catalogue_share ul {
  background: #25201d !important;
  border-color: #3b312d !important;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5) !important;
}

.catalogue_share ul:before {
  display: none !important;
}

.catalogue_share ul li {
  padding: 2px !important;
}

.catalogue_share ul li a {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 8px 12px !important;
  border-radius: 8px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--text-soft, #4a403d) !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

[data-theme="dark"] .catalogue_share ul li a,
body[data-theme="dark"] .catalogue_share ul li a {
  color: #dfd8d3 !important;
}

.catalogue_share ul li a:hover {
  background: var(--rose-soft, #fdf2f4) !important;
  color: var(--rose, #d81b60) !important;
}

[data-theme="dark"] .catalogue_share ul li a:hover,
body[data-theme="dark"] .catalogue_share ul li a:hover {
  background: rgba(233, 46, 111, 0.15) !important;
  color: #e92e6f !important;
}

/* İlerleme Çubuğu (Scrollbar) */
.scrollbar {
  margin: 0 140px 24px 0 !important;
  height: 6px !important;
  background: var(--border, #f0eae1) !important;
  border-radius: 999px !important;
  position: relative !important;
  z-index: 9 !important;
  overflow: visible !important;
}

[data-theme="dark"] .scrollbar,
body[data-theme="dark"] .scrollbar {
  background: #2c2522 !important;
}

.scrollbar .handle {
  height: 6px !important;
  background: linear-gradient(90deg, var(--rose, #d81b60), var(--rose-deep, #b8154e)) !important;
  border-radius: 999px !important;
  cursor: grab !important;
  position: relative !important;
  box-shadow: 0 2px 8px rgba(216, 27, 96, 0.4) !important;
}

.scrollbar .handle:active {
  cursor: grabbing !important;
}

.sayfaonizleme {
  display: none;
  position: absolute !important;
  top: 16px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: auto !important;
  min-width: 140px !important;
  max-width: 220px !important;
  z-index: 9999 !important;
  pointer-events: none !important;
  text-align: center !important;
  background: var(--card-bg, #ffffff) !important;
  border: 1px solid rgba(216, 27, 96, 0.25) !important;
  border-radius: 999px !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
  padding: 6px 18px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
}

.sayfaonizleme span {
  display: block !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  letter-spacing: 0.05em !important;
  color: var(--rose, #d81b60) !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
  line-height: 1.4 !important;
}

[data-theme="dark"] .sayfaonizleme span,
body[data-theme="dark"] .sayfaonizleme span {
  color: #e92e6f !important;
}

[data-theme="dark"] .sayfaonizleme,
body[data-theme="dark"] .sayfaonizleme {
  background: #25201d !important;
  border-color: #3b312d !important;
  color: #f5f2ee !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.5) !important;
}

.sayfaonizleme:before {
  display: none !important;
}

.sayfaonizleme img {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* Kitap / Dergi Görsel Alanı (#oneperframe) */
#oneperframe {
  margin: 16px auto 26px auto !important;
  overflow: hidden !important;
  position: relative !important;
  width: 100% !important;
}

#oneperframe ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 100% !important;
}

#oneperframe ul li {
  float: left !important;
  list-style-type: none !important;
  margin: 0 !important;
  padding: 0 !important;
  text-align: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  width: 1140px;
}

#oneperframe img {
  display: inline-block !important;
  max-width: 48% !important;
  max-height: 600px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1), 0 2px 6px rgba(0, 0, 0, 0.04) !important;
  background: #ffffff !important;
  transition: all 0.3s ease !important;
}

[data-theme="dark"] #oneperframe img,
body[data-theme="dark"] #oneperframe img {
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.6) !important;
}

/* Yön Okları (.controls) */
.controls {
  position: absolute !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 100% !important;
  left: 0 !important;
  pointer-events: none !important;
  z-index: 25 !important;
}

.controls button {
  position: absolute !important;
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  background: var(--card-bg, #ffffff) !important;
  border: 1.5px solid var(--border, #f0eae1) !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1) !important;
  color: var(--text, #2c2523) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  outline: none !important;
}

.controls .prev {
  left: -20px !important;
}

.controls .next {
  right: -20px !important;
}

.controls button i {
  font-size: 15px !important;
  line-height: 1 !important;
  transition: transform 0.25s ease !important;
}

.controls button:hover {
  background: var(--rose, #d81b60) !important;
  color: #ffffff !important;
  border-color: var(--rose, #d81b60) !important;
  transform: scale(1.1) !important;
  box-shadow: 0 8px 24px rgba(216, 27, 96, 0.4) !important;
}

.controls .prev:hover i {
  transform: translateX(-2px) !important;
}

.controls .next:hover i {
  transform: translateX(2px) !important;
}

[data-theme="dark"] .controls button,
body[data-theme="dark"] .controls button {
  background: #25201d !important;
  border-color: #3b312d !important;
  color: #f5f2ee !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .controls button:hover,
body[data-theme="dark"] .controls button:hover {
  background: #e92e6f !important;
  border-color: #e92e6f !important;
  color: #ffffff !important;
}

/* Alt Sayfa Geçiş Araç Çubuğu (.row.mt-3) */
.wrap > .row.mt-3 {
  margin-top: 24px !important;
  padding-top: 20px !important;
  border-top: 1px solid var(--border, #f0eae1) !important;
}

[data-theme="dark"] .wrap > .row.mt-3,
body[data-theme="dark"] .wrap > .row.mt-3 {
  border-top-color: #2c2522 !important;
}

.wrap #sayfa {
  width: 76px !important;
  height: 44px !important;
  border-radius: 999px !important;
  border: 1.5px solid var(--border, #f0eae1) !important;
  background: var(--bg-soft, #faf8f5) !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-align: center !important;
  color: var(--text, #2c2523) !important;
  padding: 0 !important;
  margin-right: 12px !important;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.04) !important;
  transition: all 0.2s ease !important;
}

.wrap #sayfa:focus {
  border-color: var(--rose, #d81b60) !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 3px rgba(216, 27, 96, 0.15) !important;
}

[data-theme="dark"] .wrap #sayfa,
body[data-theme="dark"] .wrap #sayfa {
  background: #25201d !important;
  border-color: #3b312d !important;
  color: #f5f2ee !important;
}

[data-theme="dark"] .wrap #sayfa:focus,
body[data-theme="dark"] .wrap #sayfa:focus {
  background: #2c2522 !important;
  border-color: #e92e6f !important;
}

.wrap #sayfayagit {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 44px !important;
  padding: 0 26px !important;
  border-radius: 999px !important;
  background: var(--rose, #d81b60) !important;
  border: 1.5px solid var(--rose, #d81b60) !important;
  color: #ffffff !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  box-shadow: 0 4px 14px rgba(216, 27, 96, 0.28) !important;
  transition: all 0.25s ease !important;
  width: auto !important;
  margin-left: 0 !important;
  text-decoration: none !important;
}

.wrap #sayfayagit:hover {
  background: var(--rose-deep, #b8154e) !important;
  border-color: var(--rose-deep, #b8154e) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(216, 27, 96, 0.45) !important;
  color: #ffffff !important;
}

[data-theme="dark"] .wrap #sayfayagit,
body[data-theme="dark"] .wrap #sayfayagit {
  background: #e92e6f !important;
  border-color: #e92e6f !important;
  box-shadow: 0 4px 16px rgba(233, 46, 111, 0.35) !important;
}

[data-theme="dark"] .wrap #sayfayagit:hover,
body[data-theme="dark"] .wrap #sayfayagit:hover {
  background: #ff4785 !important;
  border-color: #ff4785 !important;
  box-shadow: 0 6px 22px rgba(233, 46, 111, 0.5) !important;
}

/* Ürün Çekmecesi (.urunler & #urunler-buton) - Gizli / Pembe çizgi kaldırıldı */
#urunler-buton {
  display: none !important;
}

#urunler {
  display: none !important;
  border: none !important;
  border-top: none !important;
  box-shadow: none !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

#urunler ul li {
  background: var(--bg-soft, #faf8f5) !important;
  border: 1px solid var(--border, #f0eae1) !important;
  border-radius: 14px !important;
  padding: 10px !important;
  transition: all 0.25s ease !important;
}

[data-theme="dark"] #urunler ul li,
body[data-theme="dark"] #urunler ul li {
  background: #25201d !important;
  border-color: #3b312d !important;
}

#urunler ul li:hover {
  transform: translateY(-4px) !important;
  box-shadow: var(--shadow) !important;
  border-color: var(--rose) !important;
}

#urunler ul li span.urunismi {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  color: var(--text) !important;
}

#urunler ul li span.urunfiyati {
  color: var(--rose) !important;
  font-weight: 700 !important;
  font-size: 13px !important;
}

/* Mobil Uyumluluk */
@media (max-width: 991px) {
  .wrap {
    padding: 24px 18px 24px 18px !important;
    border-radius: 18px !important;
  }
  .controls .prev {
    left: 4px !important;
  }
  .controls .next {
    right: 4px !important;
  }
  .controls button {
    width: 42px !important;
    height: 42px !important;
  }
  .scrollbar {
    margin-right: 0 !important;
    margin-top: 40px !important;
  }
  .catalogue_share {
    position: static !important;
    margin-bottom: 20px !important;
    text-align: right !important;
  }
  #oneperframe img {
    width: 95% !important;
    border-radius: 10px !important;
  }
}

/* ==========================================================================
   ÜRÜNLER LİSTELEME SAYFASI - INDEX-BODY.PHP TARZI MODERN TASARIM SİSTEMİ
   ========================================================================== */

/* Üst Araç Çubuğu (Görünüm Seçiciler & Sıralama - .shop-header) */
.shop-header {
  background: var(--card-bg, #ffffff) !important;
  border: 1px solid var(--border, #f0eae1) !important;
  border-radius: 18px !important;
  padding: 12px 20px !important;
  box-shadow: var(--shadow, 0 4px 14px rgba(0, 0, 0, 0.05)) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 28px !important;
  transition: all 0.3s ease !important;
}

[data-theme="dark"] .shop-header,
body[data-theme="dark"] .shop-header {
  background: #1c1816 !important;
  border-color: #332a26 !important;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4) !important;
}

/* Filtreleme ve Grid Seçim Butonları (İkon Düzeltmesi) */
.shop-header .grid-icons a,
.shop-header a[data-tippy-delay] {
  width: 40px !important;
  height: 40px !important;
  border-radius: 12px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: var(--bg-soft, #faf8f5) !important;
  background-image: none !important;
  border: 1px solid var(--border, #f0eae1) !important;
  color: var(--muted, #8c827a) !important;
  margin-right: 6px !important;
  text-decoration: none !important;
  transition: all 0.25s ease !important;
  position: relative !important;
}

/* 3'lü Grid İkonu */
.shop-header .grid-icons a.three-column::before {
  content: '\f009' !important;
  font-family: 'Font Awesome 5 Free', 'FontAwesome' !important;
  font-weight: 900 !important;
  font-size: 14px !important;
}

/* 4'lü Grid İkonu */
.shop-header .grid-icons a.four-column::before {
  content: '\f00a' !important;
  font-family: 'Font Awesome 5 Free', 'FontAwesome' !important;
  font-weight: 900 !important;
  font-size: 14px !important;
}

/* Liste Görünümü İkonu */
.shop-header .grid-icons a.list-view::before {
  content: '\f00b' !important;
  font-family: 'Font Awesome 5 Free', 'FontAwesome' !important;
  font-weight: 900 !important;
  font-size: 14px !important;
}

.shop-header .grid-icons a.active,
.shop-header .grid-icons a:hover,
.shop-header a[data-tippy-delay]:hover {
  background-color: var(--rose, #d81b60) !important;
  border-color: var(--rose, #d81b60) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(216, 27, 96, 0.35) !important;
  transform: translateY(-1px);
}

[data-theme="dark"] .shop-header .grid-icons a,
[data-theme="dark"] .shop-header a[data-tippy-delay],
body[data-theme="dark"] .shop-header .grid-icons a,
body[data-theme="dark"] .shop-header a[data-tippy-delay] {
  background-color: #25201d !important;
  border-color: #382f2b !important;
  color: #b5aba3 !important;
}

[data-theme="dark"] .shop-header .grid-icons a.active,
[data-theme="dark"] .shop-header .grid-icons a:hover,
[data-theme="dark"] .shop-header a[data-tippy-delay]:hover,
body[data-theme="dark"] .shop-header .grid-icons a.active,
body[data-theme="dark"] .shop-header .grid-icons a:hover,
body[data-theme="dark"] .shop-header a[data-tippy-delay]:hover {
  background-color: #e92e6f !important;
  border-color: #e92e6f !important;
  color: #ffffff !important;
}

/* Ürün Kartı (.hdr-section-product-box) - Grid Görünümü */
.hdr-section-product-box {
  background: var(--card-bg, #ffffff) !important;
  border: 1px solid var(--border, #f0eae1) !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  box-shadow: var(--shadow, 0 4px 14px rgba(0, 0, 0, 0.05)) !important;
  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  position: relative !important;
}

.hdr-section-product-box:hover {
  transform: translateY(-8px) !important;
  box-shadow: var(--shadow-lg, 0 20px 40px rgba(0, 0, 0, 0.12)) !important;
  border-color: rgba(216, 27, 96, 0.3) !important;
}

[data-theme="dark"] .hdr-section-product-box,
body[data-theme="dark"] .hdr-section-product-box {
  background: #1c1816 !important;
  border-color: #332a26 !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35) !important;
}

[data-theme="dark"] .hdr-section-product-box:hover,
body[data-theme="dark"] .hdr-section-product-box:hover {
  border-color: rgba(233, 46, 111, 0.45) !important;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.6) !important;
}

/* Ürün Kartı Görsel Alanı */
.hdr-section-product-image {
  background: var(--bg-soft, #faf8f5) !important;
  padding: 24px 16px 20px 16px !important;
  height: 290px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  overflow: hidden !important;
  border-bottom: 1px solid var(--border, #f0eae1) !important;
}

[data-theme="dark"] .hdr-section-product-image,
body[data-theme="dark"] .hdr-section-product-image {
  background: #231e1c !important;
  border-bottom-color: #332a26 !important;
}

.hdr-section-product-image a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
}

.hdr-section-product-image img {
  max-height: 240px !important;
  max-width: 100% !important;
  object-fit: contain !important;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.hdr-section-product-box:hover .hdr-section-product-image img {
  transform: scale(1.08) !important;
}

/* Puan Rozeti (.product-point) */
.product-point {
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  background: linear-gradient(135deg, #f59e0b, #d97706) !important;
  color: #ffffff !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  padding: 4px 12px !important;
  border-radius: 999px !important;
  box-shadow: 0 4px 12px rgba(217, 119, 6, 0.35) !important;
  z-index: 3 !important;
}

/* İndirim Rozeti & Çok Satan / Yeni */
.hdr-section-product-image .label-sale,
.hdr-section-product-image .discount-label,
.label-box .label-sale {
  position: absolute !important;
  top: 14px !important;
  left: 14px !important;
  background: var(--rose, #d81b60) !important;
  color: #ffffff !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  padding: 4px 10px !important;
  border-radius: 999px !important;
  box-shadow: 0 4px 12px rgba(216, 27, 96, 0.35) !important;
  z-index: 3 !important;
}

[data-theme="dark"] .label-sale,
[data-theme="dark"] .discount-label,
body[data-theme="dark"] .label-sale,
body[data-theme="dark"] .discount-label {
  background: #e92e6f !important;
}

/* Stokta Yok Rozeti */
.stok-yok,
.label-box .label-sale:has(span) {
  background: rgba(44, 37, 35, 0.85) !important;
  backdrop-filter: blur(4px) !important;
  color: #ffffff !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  border-radius: 999px !important;
  padding: 4px 14px !important;
  bottom: 12px !important;
  top: auto !important;
  z-index: 3 !important;
}

/* Aksiyon Butonları (Önizle, Favori, Sepet) - Kompakt & Zarif Tasarım (Koca Kubbe Kaldırıldı) */
.hdr-section-product-button {
  position: absolute !important;
  bottom: 14px !important;
  left: 50% !important;
  transform: translateX(-50%) translateY(12px) !important;
  width: auto !important;
  height: auto !important;
  background: transparent !important;
  border-radius: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  z-index: 5 !important;
}

.hdr-section-product-box:hover .hdr-section-product-button {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateX(-50%) translateY(0) !important;
  bottom: 14px !important;
}

.hdr-section-product-button ul {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  padding: 6px 10px !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.04) !important;
  border: 1px solid var(--border, #f0eae1) !important;
  margin: 0 !important;
  list-style: none !important;
}

[data-theme="dark"] .hdr-section-product-button ul,
body[data-theme="dark"] .hdr-section-product-button ul {
  background: rgba(28, 24, 22, 0.94) !important;
  border-color: #332a26 !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5) !important;
}

.hdr-section-product-button ul li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: inline-flex !important;
}

.hdr-section-product-button ul li a {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: var(--bg-soft, #faf8f5) !important;
  border: 1px solid var(--border, #f0eae1) !important;
  color: var(--text, #2c2523) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  font-size: 14px !important;
}

.hdr-section-product-button ul li a:hover {
  background: var(--rose, #d81b60) !important;
  border-color: var(--rose, #d81b60) !important;
  color: #ffffff !important;
  transform: translateY(-2px) scale(1.08) !important;
  box-shadow: 0 4px 12px rgba(216, 27, 96, 0.35) !important;
}

[data-theme="dark"] .hdr-section-product-button ul li a,
body[data-theme="dark"] .hdr-section-product-button ul li a {
  background: #25201d !important;
  border-color: #382f2b !important;
  color: #f5f2ee !important;
}

[data-theme="dark"] .hdr-section-product-button ul li a:hover,
body[data-theme="dark"] .hdr-section-product-button ul li a:hover {
  background: #e92e6f !important;
  border-color: #e92e6f !important;
  color: #ffffff !important;
}

/* Ürün İçerik & Detay Alanı */
.hdr-section-product-content {
  padding: 18px 20px 22px 20px !important;
  display: flex !important;
  flex-direction: column !important;
  flex-grow: 1 !important;
  justify-content: space-between !important;
}

.hdr-section-product-title a {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  color: var(--text, #2c2523) !important;
  text-decoration: none !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  min-height: 40px !important;
  margin-bottom: 12px !important;
  transition: color 0.2s ease !important;
}

.hdr-section-product-title a:hover {
  color: var(--rose, #d81b60) !important;
}

[data-theme="dark"] .hdr-section-product-title a,
body[data-theme="dark"] .hdr-section-product-title a {
  color: #f5f2ee !important;
}

[data-theme="dark"] .hdr-section-product-title a:hover,
body[data-theme="dark"] .hdr-section-product-title a:hover {
  color: #e92e6f !important;
}

/* Fiyat Bölümü */
.hdr-section-product-price {
  display: flex !important;
  align-items: baseline !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 19px !important;
  font-weight: 800 !important;
  color: var(--rose, #d81b60) !important;
  letter-spacing: -0.01em !important;
}

[data-theme="dark"] .hdr-section-product-price,
body[data-theme="dark"] .hdr-section-product-price {
  color: #e92e6f !important;
}

.hdr-section-product-price strike,
.hdr-section-product-price .discounted {
  font-size: 13.5px !important;
  font-weight: 500 !important;
  color: var(--muted, #8c827a) !important;
  text-decoration: line-through !important;
}

[data-theme="dark"] .hdr-section-product-price strike,
body[data-theme="dark"] .hdr-section-product-price strike {
  color: #8c8179 !important;
}

/* Liste Görünümü (.single-slider-product--list-view) */
.single-slider-product--list-view {
  background: var(--card-bg, #ffffff) !important;
  border: 1px solid var(--border, #f0eae1) !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  box-shadow: var(--shadow) !important;
  display: flex !important;
  transition: all 0.3s ease !important;
  padding: 16px !important;
}

.single-slider-product--list-view:hover {
  transform: translateY(-4px) !important;
  box-shadow: var(--shadow-lg) !important;
  border-color: rgba(216, 27, 96, 0.3) !important;
}

[data-theme="dark"] .single-slider-product--list-view,
body[data-theme="dark"] .single-slider-product--list-view {
  background: #1c1816 !important;
  border-color: #332a26 !important;
}

.single-slider-product--list-view__image {
  width: 220px !important;
  height: 220px !important;
  flex-shrink: 0 !important;
  background: var(--bg-soft, #faf8f5) !important;
  border-radius: 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  position: relative !important;
}

[data-theme="dark"] .single-slider-product--list-view__image,
body[data-theme="dark"] .single-slider-product--list-view__image {
  background: #231e1c !important;
}

.single-slider-product--list-view__content {
  padding: 12px 24px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  flex-grow: 1 !important;
}

.single-slider-product--list-view__content__details {
  border-right: none !important;
  padding-right: 0 !important;
}

.single-slider-product--list-view__content .product-title a {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 19px !important;
  font-weight: 800 !important;
  color: var(--text, #2c2523) !important;
  text-decoration: none !important;
  line-height: 1.35 !important;
}

.single-slider-product--list-view__content .product-title a:hover {
  color: var(--rose, #d81b60) !important;
}

[data-theme="dark"] .single-slider-product--list-view__content .product-title a,
body[data-theme="dark"] .single-slider-product--list-view__content .product-title a {
  color: #f5f2ee !important;
}

/* Liste Görünümü Açıklaması: Çok uzunsa 2 satırda ... ile kısalt */
.single-slider-product--list-view p:empty,
.single-slider-product--list-view__content__details p:empty {
  display: none !important;
}

.single-slider-product--list-view .short-desc,
.single-slider-product--list-view__content__details .short-desc,
.single-slider-product--list-view__content__details > p:not(.product-title):not(:empty) {
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  line-height: 1.65 !important;
  max-height: 3.3em !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  color: var(--muted, #716b67) !important;
  margin: 8px 0 14px 0 !important;
}

/* İlk açıklama paragrafından sonra gelen diğer tüm paragrafları tamamen GİZLE */
.single-slider-product--list-view__content__details > p:not(.product-title):not(:empty) ~ p:not(.product-title),
.single-slider-product--list-view__content__details .short-desc ~ p:not(.product-title) {
  display: none !important;
}

.single-slider-product--list-view .short-desc *,
.single-slider-product--list-view__content__details p:not(.product-title) * {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  color: inherit !important;
  line-height: inherit !important;
}

[data-theme="dark"] .single-slider-product--list-view .short-desc,
[data-theme="dark"] .single-slider-product--list-view__content__details .short-desc,
[data-theme="dark"] .single-slider-product--list-view__content__details > p:not(.product-title),
body[data-theme="dark"] .single-slider-product--list-view .short-desc,
body[data-theme="dark"] .single-slider-product--list-view__content__details .short-desc,
body[data-theme="dark"] .single-slider-product--list-view__content__details > p:not(.product-title) {
  color: #a8a09b !important;
}

/* Stok Durumu Rozeti */
.single-slider-product--list-view .availability,
.single-slider-product--list-view__content__actions .availability {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 4px 0 12px 0 !important;
}

.single-slider-product--list-view .availability-title,
.single-slider-product--list-view__content__actions .availability-title {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--muted, #716b67) !important;
}

[data-theme="dark"] .single-slider-product--list-view .availability-title,
body[data-theme="dark"] .single-slider-product--list-view .availability-title {
  color: #a8a09b !important;
}

.single-slider-product--list-view .availability-value,
.single-slider-product--list-view__content__actions .availability-value {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 4px 12px !important;
  border-radius: 999px !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  background: rgba(16, 185, 129, 0.12) !important;
  color: #10b981 !important;
  border: 1px solid rgba(16, 185, 129, 0.25) !important;
}

.single-slider-product--list-view .availability-value::before,
.single-slider-product--list-view__content__actions .availability-value::before {
  content: '' !important;
  display: inline-block !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: #10b981 !important;
  box-shadow: 0 0 6px rgba(16, 185, 129, 0.6) !important;
}

/* Fiyat Bölümü */
.single-slider-product--list-view .product-price,
.single-slider-product--list-view__content__actions .product-price {
  display: flex !important;
  align-items: baseline !important;
  gap: 12px !important;
  margin: 6px 0 14px 0 !important;
}

.single-slider-product--list-view .main-price.discounted,
.single-slider-product--list-view__content__actions .main-price.discounted {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: var(--muted, #8c827a) !important;
  text-decoration: line-through !important;
  opacity: 0.8 !important;
}

[data-theme="dark"] .single-slider-product--list-view .main-price.discounted,
body[data-theme="dark"] .single-slider-product--list-view .main-price.discounted {
  color: #7d736c !important;
}

.single-slider-product--list-view .discounted-price,
.single-slider-product--list-view__content__actions .discounted-price {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 24px !important;
  font-weight: 800 !important;
  color: var(--text, #2c2523) !important;
  letter-spacing: -0.02em !important;
}

[data-theme="dark"] .single-slider-product--list-view .discounted-price,
[data-theme="dark"] .single-slider-product--list-view__content__actions .discounted-price,
body[data-theme="dark"] .single-slider-product--list-view .discounted-price,
body[data-theme="dark"] .single-slider-product--list-view__content__actions .discounted-price {
  color: #ffffff !important;
}

/* Liste Görünümü Eylemleri ve Butonları */
.single-slider-product--list-view__content__actions {
  display: block !important;
  margin-top: auto !important;
  padding-top: 6px !important;
}

/* Sepete Ekle Butonu */
.single-slider-product--list-view a.btn.btn-primary.list-cart-button,
.single-slider-product--list-view .list-cart-button,
a.list-cart-button {
  background: linear-gradient(135deg, var(--rose, #d81b60), var(--rose-deep, #b8154e)) !important;
  border: none !important;
  color: #ffffff !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  height: 44px !important;
  padding: 0 28px !important;
  border-radius: 999px !important;
  box-shadow: 0 4px 14px rgba(216, 27, 96, 0.35) !important;
  transition: all 0.25s ease !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 12px 10px 0 0 !important;
  vertical-align: middle !important;
}

.single-slider-product--list-view a.btn.btn-primary.list-cart-button:hover,
.single-slider-product--list-view .list-cart-button:hover,
a.list-cart-button:hover {
  background: linear-gradient(135deg, #e92e6f, #b8154e) !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(216, 27, 96, 0.5) !important;
}

[data-theme="dark"] .single-slider-product--list-view a.btn.btn-primary.list-cart-button,
[data-theme="dark"] .single-slider-product--list-view .list-cart-button,
[data-theme="dark"] a.list-cart-button,
body[data-theme="dark"] .single-slider-product--list-view a.btn.btn-primary.list-cart-button,
body[data-theme="dark"] .single-slider-product--list-view .list-cart-button,
body[data-theme="dark"] a.list-cart-button {
  background: linear-gradient(135deg, #e92e6f, #b8154e) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 16px rgba(233, 46, 111, 0.4) !important;
}

/* Dürbün (Önizleme) ve Kalp (Favori) Dairesel Butonlar */
.single-slider-product--list-view a[onclick*="UrunOnizleme"],
.single-slider-product--list-view a[onclick*="BegendiklerimeEkle"],
.single-slider-product--list-view a.w45h45 {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  padding: 0 !important;
  margin: 12px 0 0 8px !important;
  border-radius: 50% !important;
  background: var(--bg-soft, #faf8f5) !important;
  border: 1.5px solid var(--border, #f0eae1) !important;
  color: var(--text, #2c2523) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 15px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
  transition: all 0.25s ease !important;
  text-decoration: none !important;
  transform: none !important;
  vertical-align: middle !important;
}

.single-slider-product--list-view a[onclick*="UrunOnizleme"]:hover,
.single-slider-product--list-view a[onclick*="BegendiklerimeEkle"]:hover,
.single-slider-product--list-view a.w45h45:hover {
  background: var(--rose, #d81b60) !important;
  border-color: var(--rose, #d81b60) !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 14px rgba(216, 27, 96, 0.35) !important;
}

[data-theme="dark"] .single-slider-product--list-view a[onclick*="UrunOnizleme"],
[data-theme="dark"] .single-slider-product--list-view a[onclick*="BegendiklerimeEkle"],
[data-theme="dark"] .single-slider-product--list-view a.w45h45,
body[data-theme="dark"] .single-slider-product--list-view a[onclick*="UrunOnizleme"],
body[data-theme="dark"] .single-slider-product--list-view a[onclick*="BegendiklerimeEkle"],
body[data-theme="dark"] .single-slider-product--list-view a.w45h45 {
  background: #25201d !important;
  border-color: #382f2b !important;
  color: #f5f2ee !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .single-slider-product--list-view a[onclick*="UrunOnizleme"]:hover,
[data-theme="dark"] .single-slider-product--list-view a[onclick*="BegendiklerimeEkle"]:hover,
[data-theme="dark"] .single-slider-product--list-view a.w45h45:hover,
body[data-theme="dark"] .single-slider-product--list-view a[onclick*="UrunOnizleme"]:hover,
body[data-theme="dark"] .single-slider-product--list-view a[onclick*="BegendiklerimeEkle"]:hover,
body[data-theme="dark"] .single-slider-product--list-view a.w45h45:hover {
  background: #e92e6f !important;
  border-color: #e92e6f !important;
  color: #ffffff !important;
}

/* ==========================================================================
   ÜRÜN DETAY SAYFASI - INDEX-BODY.PHP TARZI MODERN TASARIM SİSTEMİ
   ========================================================================== */

/* Sol Taraf - Görsel ve Galeri (.wrapper) */
.product-detail-content-area,
section:has(.product-detail-content),
section.mb-5.mt-4,
section.mt-4 {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

section.mb-5.mt-4 > .container,
section:has(.product-detail-content) > .container {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.wrapper {
  position: relative !important;
  width: 100% !important;
}

.wrapper .slider {
  background: var(--card-bg, #ffffff) !important;
  border: 1px solid var(--border, #f0eae1) !important;
  border-radius: 24px !important;
  padding: 24px !important;
  box-shadow: var(--shadow-lg, 0 20px 45px rgba(0, 0, 0, 0.08)) !important;
  overflow: hidden !important;
  margin-bottom: 16px !important;
  display: block !important;
  transition: all 0.3s ease !important;
}

[data-theme="dark"] .wrapper .slider,
body[data-theme="dark"] .wrapper .slider {
  background: #1c1816 !important;
  border-color: #332a26 !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5) !important;
}

.wrapper .slider .slick-slide {
  outline: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.wrapper .slider .slick-slide > div {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.wrapper .slider figure.zoom {
  border-radius: 16px !important;
  overflow: hidden !important;
  margin: 0 auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 440px !important;
}

.wrapper .slider figure.zoom img {
  max-height: 440px !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 auto !important;
  object-fit: contain !important;
  display: block !important;
}

/* Küçük Önizleme Resimleri (.slider-nav) - Birden fazla görsel varsa şık galeri listesi */
.wrapper .slider-nav {
  margin-top: 14px !important;
  padding: 4px 2px !important;
  position: relative !important;
  display: block !important;
}

/* Tek görsel varsa küçük önizlemeyi gizle */
.wrapper .slider-nav:has(.slick-track > .slick-slide:only-child),
.wrapper .slider-nav:has(> div:only-child:not(.slick-list)) {
  display: none !important;
}

.wrapper .slider-nav .slick-list {
  padding: 4px 0 !important;
  overflow: hidden !important;
}

.wrapper .slider-nav .slick-track {
  display: flex !important;
  gap: 12px !important;
  align-items: center !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.wrapper .slider-nav .slick-slide {
  outline: none !important;
  cursor: pointer !important;
  padding: 0 !important;
}

.wrapper .slider-nav .slick-slide > div,
.wrapper .slider-nav .slick-slide div {
  outline: none !important;
}

.wrapper .slider-nav .slick-slide img,
.wrapper .slider-nav img {
  border-radius: 14px !important;
  border: 2px solid var(--border, #f0eae1) !important;
  padding: 6px !important;
  background: var(--card-bg, #ffffff) !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  width: 74px !important;
  height: 74px !important;
  object-fit: contain !important;
  display: block !important;
  margin: 0 auto !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

.wrapper .slider-nav .slick-slide img:hover,
.wrapper .slider-nav img:hover {
  border-color: var(--rose, #d81b60) !important;
  box-shadow: 0 4px 14px rgba(216, 27, 96, 0.3) !important;
  transform: translateY(-2px) scale(1.05) !important;
}

.wrapper .slider-nav .slick-slide.slick-current img,
.wrapper .slider-nav .slick-current img {
  border-color: var(--rose, #d81b60) !important;
  box-shadow: 0 4px 16px rgba(216, 27, 96, 0.4) !important;
  transform: translateY(-2px) scale(1.05) !important;
}

[data-theme="dark"] .wrapper .slider-nav .slick-slide img,
[data-theme="dark"] .wrapper .slider-nav img,
body[data-theme="dark"] .wrapper .slider-nav .slick-slide img,
body[data-theme="dark"] .wrapper .slider-nav img {
  background: #1c1816 !important;
  border-color: #332a26 !important;
}

[data-theme="dark"] .wrapper .slider-nav .slick-slide.slick-current img,
[data-theme="dark"] .wrapper .slider-nav .slick-current img,
[data-theme="dark"] .wrapper .slider-nav .slick-slide img:hover,
[data-theme="dark"] .wrapper .slider-nav img:hover,
body[data-theme="dark"] .wrapper .slider-nav .slick-slide.slick-current img,
body[data-theme="dark"] .wrapper .slider-nav .slick-current img,
body[data-theme="dark"] .wrapper .slider-nav .slick-slide img:hover,
body[data-theme="dark"] .wrapper .slider-nav img:hover {
  border-color: #e92e6f !important;
  box-shadow: 0 4px 16px rgba(233, 46, 111, 0.5) !important;
}

/* Sağ Taraf - Ürün Detay Kartı (.product-detail-content) */
.product-detail-content {
  background: var(--card-bg, #ffffff) !important;
  border: 1px solid var(--border, #f0eae1) !important;
  border-radius: 24px !important;
  padding: 38px 36px 36px 36px !important;
  box-shadow: var(--shadow-lg, 0 20px 45px rgba(0, 0, 0, 0.08)) !important;
  transition: all 0.3s ease !important;
}

[data-theme="dark"] .product-detail-content,
body[data-theme="dark"] .product-detail-content {
  background: #1c1816 !important;
  border-color: #332a26 !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5) !important;
}

/* Ürün Başlığı */
.product-details-title {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 26px !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  color: var(--text, #2c2523) !important;
  line-height: 1.35 !important;
  margin-bottom: 16px !important;
}

[data-theme="dark"] .product-details-title,
body[data-theme="dark"] .product-details-title {
  color: #f5f2ee !important;
}

/* Fiyat & Puan Alanı */
.product-price--big {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-bottom: 24px !important;
  padding-bottom: 20px !important;
  border-bottom: 1px solid var(--border, #f0eae1) !important;
}

[data-theme="dark"] .product-price--big,
body[data-theme="dark"] .product-price--big {
  border-bottom-color: #2c2522 !important;
}

.product-price--big .main-price {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 30px !important;
  font-weight: 800 !important;
  color: var(--rose, #d81b60) !important;
  letter-spacing: -0.02em !important;
}

[data-theme="dark"] .product-price--big .main-price,
body[data-theme="dark"] .product-price--big .main-price {
  color: #e92e6f !important;
}

.product-price--big .discounted-price strike,
.product-price--big strike,
.product-price--big del {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  color: var(--muted, #8c827a) !important;
  text-decoration: line-through !important;
  margin-right: 6px !important;
  display: inline-block !important;
}

[data-theme="dark"] .product-price--big .discounted-price strike,
[data-theme="dark"] .product-price--big strike,
[data-theme="dark"] .product-price--big del,
body[data-theme="dark"] .product-price--big .discounted-price strike,
body[data-theme="dark"] .product-price--big strike,
body[data-theme="dark"] .product-price--big del {
  color: #8c827a !important;
}

/* Alt Açıklama Kartı içinde fiyat asla görünmesin */
.product-description-fullwidth-section .product-price,
.product-description-fullwidth-section .product-price--big {
  display: none !important;
}

/* PUAN Rozeti (Örn: 100 PUAN) */
.product-price--big .btn.btn-primary:has(span),
.product-price--big > span.btn.btn-primary,
.product-price--big .btn-primary {
  background: linear-gradient(135deg, #f59e0b, #d97706) !important;
  border: none !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  padding: 6px 16px !important;
  box-shadow: 0 4px 14px rgba(245, 158, 11, 0.35) !important;
  display: inline-flex !important;
  align-items: center !important;
}

/* Bilgi Blokları (Stok, Ürün Kodu vb.) */
.product-info-block {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  margin-bottom: 24px !important;
}

.single-info {
  display: flex !important;
  align-items: center !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 13.5px !important;
}

.single-info .title {
  color: var(--muted, #8c827a) !important;
  font-weight: 600 !important;
  min-width: 110px !important;
}

.single-info .value {
  color: var(--text, #2c2523) !important;
  font-weight: 700 !important;
}

[data-theme="dark"] .single-info .value,
body[data-theme="dark"] .single-info .value {
  color: #f5f2ee !important;
}

/* Stok Durumu Rozeti */
.single-info .value.stock-red {
  display: inline-flex !important;
  align-items: center !important;
  background: #ecfdf5 !important;
  color: #059669 !important;
  padding: 4px 12px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

[data-theme="dark"] .single-info .value.stock-red,
body[data-theme="dark"] .single-info .value.stock-red {
  background: rgba(5, 150, 105, 0.2) !important;
  color: #34d399 !important;
}

/* Adet Seçici & Sepete Ekle Butonu */
/* Adet Seçici & Sepete Ekle Butonu */
.quantity {
  margin: 24px 0 20px 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
}

/* ==========================================================================
   ADET SEÇİCİ - 3 BAĞIMSIZ KUTU (SOL: EKSİ / ORTA: ADET / SAĞ: ARTI)
   ========================================================================== */
.quantity {
  margin: 20px 0 20px 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
}

.sepet-adet {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  position: relative !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  height: 48px !important;
  width: auto !important;
  min-width: 160px !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  gap: 10px !important;
  vertical-align: middle !important;
}

[data-theme="dark"] .sepet-adet,
body[data-theme="dark"] .sepet-adet {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* 1. Sol Kısım: [-] Butonu */
.sepet-adet .eksi,
.sepet-adet input[type="button"].eksi {
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  float: none !important;
  order: 1 !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  border-radius: 12px !important;
  border: 1.5px solid var(--border, #e5ded6) !important;
  background: var(--card-bg, #ffffff) !important;
  color: var(--text, #1c1816) !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: 40px !important;
  cursor: pointer !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  outline: none !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important;
  user-select: none !important;
  z-index: 1 !important;
}

.sepet-adet .eksi:hover,
.sepet-adet input[type="button"].eksi:hover {
  background: var(--rose, #d81b60) !important;
  border-color: var(--rose, #d81b60) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(216, 27, 96, 0.35) !important;
  transform: translateY(-2px) !important;
}

.sepet-adet .eksi:active,
.sepet-adet input[type="button"].eksi:active {
  transform: translateY(0) scale(0.96) !important;
}

.sepet-adet .eksi:focus,
.sepet-adet input[type="button"].eksi:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* 2. Orta Kısım: [ 1 ] Rakam Kutusu */
.sepet-adet .urun-adet,
.sepet-adet input.urun-adet,
.sepet-adet input.sepetadet {
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  float: none !important;
  order: 2 !important;
  width: 58px !important;
  min-width: 58px !important;
  max-width: 58px !important;
  height: 44px !important;
  border-radius: 12px !important;
  border: 1.5px solid var(--border, #e5ded6) !important;
  background: var(--bg-soft, #f7f4ef) !important;
  text-align: center !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  color: var(--text, #1c1816) !important;
  outline: none !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05) !important;
  display: inline-block !important;
  line-height: 40px !important;
  z-index: 1 !important;
}

/* 3. Sağ Kısım: [+] Butonu */
.sepet-adet .arti,
.sepet-adet input[type="button"].arti {
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  float: none !important;
  order: 3 !important;
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  max-width: 44px !important;
  border-radius: 12px !important;
  border: 1.5px solid var(--border, #e5ded6) !important;
  background: var(--card-bg, #ffffff) !important;
  color: var(--text, #1c1816) !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  line-height: 40px !important;
  cursor: pointer !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  outline: none !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important;
  user-select: none !important;
  z-index: 1 !important;
}

.sepet-adet .arti:hover,
.sepet-adet input[type="button"].arti:hover {
  background: var(--rose, #d81b60) !important;
  border-color: var(--rose, #d81b60) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(216, 27, 96, 0.35) !important;
  transform: translateY(-2px) !important;
}

.sepet-adet .arti:active,
.sepet-adet input[type="button"].arti:active {
  transform: translateY(0) scale(0.96) !important;
}

.sepet-adet .arti:focus,
.sepet-adet input[type="button"].arti:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* Karanlık Mod */
[data-theme="dark"] .sepet-adet .eksi,
[data-theme="dark"] .sepet-adet .arti,
[data-theme="dark"] .sepet-adet input[type="button"].eksi,
[data-theme="dark"] .sepet-adet input[type="button"].arti,
body[data-theme="dark"] .sepet-adet .eksi,
body[data-theme="dark"] .sepet-adet .arti,
body[data-theme="dark"] .sepet-adet input[type="button"].eksi,
body[data-theme="dark"] .sepet-adet input[type="button"].arti {
  background: #25201d !important;
  border-color: #3d332e !important;
  color: #ffffff !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .sepet-adet .eksi:hover,
[data-theme="dark"] .sepet-adet .arti:hover,
[data-theme="dark"] .sepet-adet input[type="button"].eksi:hover,
[data-theme="dark"] .sepet-adet input[type="button"].arti:hover,
body[data-theme="dark"] .sepet-adet .eksi:hover,
body[data-theme="dark"] .sepet-adet .arti:hover,
body[data-theme="dark"] .sepet-adet input[type="button"].eksi:hover,
body[data-theme="dark"] .sepet-adet input[type="button"].arti:hover {
  background: #e92e6f !important;
  border-color: #e92e6f !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(233, 46, 111, 0.45) !important;
}

[data-theme="dark"] .sepet-adet .urun-adet,
[data-theme="dark"] .sepet-adet input.urun-adet,
[data-theme="dark"] .sepet-adet input.sepetadet,
body[data-theme="dark"] .sepet-adet .urun-adet,
body[data-theme="dark"] .sepet-adet input.urun-adet,
body[data-theme="dark"] .sepet-adet input.sepetadet {
  background: #151210 !important;
  border-color: #3d332e !important;
  color: #ffffff !important;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5) !important;
}

/* Sepete Ekle Butonu */
.product-cart-button.urun-sepet-ekle,
button.product-cart-button {
  height: 48px !important;
  padding: 0 32px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, var(--rose, #d81b60), var(--rose-deep, #b8154e)) !important;
  border: none !important;
  color: #ffffff !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  box-shadow: 0 6px 20px rgba(216, 27, 96, 0.35) !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}

.product-cart-button.urun-sepet-ekle:hover,
button.product-cart-button:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 25px rgba(216, 27, 96, 0.5) !important;
  background: linear-gradient(135deg, #e92e6f, #b8154e) !important;
  color: #ffffff !important;
}

[data-theme="dark"] .product-cart-button.urun-sepet-ekle,
body[data-theme="dark"] .product-cart-button.urun-sepet-ekle {
  background: linear-gradient(135deg, #e92e6f, #b8154e) !important;
  box-shadow: 0 6px 22px rgba(233, 46, 111, 0.45) !important;
}

/* Favorilere Ekle Butonu */
a[onclick*="BegendiklerimeEkle"].btn.btn-primary {
  width: 48px !important;
  height: 48px !important;
  border-radius: 50% !important;
  background: var(--bg-soft, #faf8f5) !important;
  border: 1.5px solid var(--border, #f0eae1) !important;
  color: var(--text, #2c2523) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06) !important;
  transition: all 0.25s ease !important;
}

a[onclick*="BegendiklerimeEkle"].btn.btn-primary:hover {
  background: var(--rose, #d81b60) !important;
  border-color: var(--rose, #d81b60) !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(216, 27, 96, 0.35) !important;
}

[data-theme="dark"] a[onclick*="BegendiklerimeEkle"].btn.btn-primary,
body[data-theme="dark"] a[onclick*="BegendiklerimeEkle"].btn.btn-primary {
  background: #25201d !important;
  border-color: #382f2b !important;
  color: #f5f2ee !important;
}

[data-theme="dark"] a[onclick*="BegendiklerimeEkle"].btn.btn-primary:hover,
body[data-theme="dark"] a[onclick*="BegendiklerimeEkle"].btn.btn-primary:hover {
  background: #e92e6f !important;
  border-color: #e92e6f !important;
  color: #ffffff !important;
}

/* Sepete Ekle altındaki boşluk ve çift beyaz çizgi temizliği */
.product-details-feature-wrapper {
  border: none !important;
  border-top: none !important;
  border-bottom: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.product-details-feature-wrapper:empty,
.product-details-feature-wrapper:not(:has(*)) {
  display: none !important;
}

/* Sosyal Paylaşım Bölümü - Tek temiz ayrım çizgisi */
.social-share-buttons {
  margin-top: 24px !important;
  padding-top: 18px !important;
  border-top: 1px solid var(--border, #f0eae1) !important;
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
}

[data-theme="dark"] .social-share-buttons,
body[data-theme="dark"] .social-share-buttons {
  border-top-color: #2e2622 !important;
}

.social-share-buttons h5 {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: var(--muted, #8c827a) !important;
  margin: 0 !important;
}

.social-share-buttons ul {
  display: flex !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.social-share-buttons ul li a {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--bg-soft, #faf8f5) !important;
  border: 1px solid var(--border, #f0eae1) !important;
  color: var(--muted, #8c827a) !important;
  text-decoration: none !important;
  font-size: 14px !important;
  transition: all 0.25s ease !important;
}

.social-share-buttons ul li a.twitter:hover {
  background: #1da1f2 !important;
  border-color: #1da1f2 !important;
  color: #ffffff !important;
}

.social-share-buttons ul li a.facebook:hover {
  background: #1877f2 !important;
  border-color: #1877f2 !important;
  color: #ffffff !important;
}

.social-share-buttons ul li a.whatsapp:hover {
  background: #25d366 !important;
  border-color: #25d366 !important;
  color: #ffffff !important;
}

[data-theme="dark"] .social-share-buttons ul li a,
body[data-theme="dark"] .social-share-buttons ul li a {
  background: #25201d !important;
  border-color: #382f2b !important;
  color: #b5aba3 !important;
}

/* Alt Sekmeler (Tabs - .nav-tabs & .tab-content) */
.product-description-review-area,
section:has(.nav-tabs) {
  margin-top: 48px !important;
}

.nav-tabs {
  border-bottom: 2px solid var(--border, #f0eae1) !important;
  display: flex !important;
  justify-content: center !important;
  gap: 12px !important;
  margin-bottom: 30px !important;
}

[data-theme="dark"] .nav-tabs,
body[data-theme="dark"] .nav-tabs {
  border-bottom-color: #2c2522 !important;
}

.nav-tabs .nav-link {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--muted, #8c827a) !important;
  border: none !important;
  padding: 12px 24px !important;
  border-radius: 999px !important;
  transition: all 0.25s ease !important;
  position: relative !important;
  background: transparent !important;
}

.nav-tabs .nav-link:hover {
  color: var(--rose, #d81b60) !important;
  background: var(--rose-soft, #fdf2f4) !important;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #ffffff !important;
  background: var(--rose, #d81b60) !important;
  box-shadow: 0 4px 14px rgba(216, 27, 96, 0.35) !important;
}

[data-theme="dark"] .nav-tabs .nav-link,
body[data-theme="dark"] .nav-tabs .nav-link {
  color: #9e938c !important;
}

[data-theme="dark"] .nav-tabs .nav-link:hover,
body[data-theme="dark"] .nav-tabs .nav-link:hover {
  background: rgba(233, 46, 111, 0.15) !important;
  color: #e92e6f !important;
}

[data-theme="dark"] .nav-tabs .nav-link.active,
body[data-theme="dark"] .nav-tabs .nav-link.active {
  background: #e92e6f !important;
  color: #ffffff !important;
}

.tab-content {
  background: var(--card-bg, #ffffff) !important;
  border: 1px solid var(--border, #f0eae1) !important;
  border-radius: 24px !important;
  padding: 36px !important;
  box-shadow: var(--shadow) !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 14.5px !important;
  line-height: 1.7 !important;
  color: var(--text-soft, #4a403d) !important;
}

[data-theme="dark"] .tab-content,
body[data-theme="dark"] .tab-content {
  background: #1c1816 !important;
  border-color: #332a26 !important;
  color: #dfd8d3 !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35) !important;
}

/* Sayfalama (Pagination) */
.pagination,
.page-pagination ul {
  display: flex !important;
  justify-content: center !important;
  gap: 8px !important;
  margin-top: 36px !important;
  list-style: none !important;
  padding: 0 !important;
  align-items: center !important;
}

.pagination li a,
.pagination li span,
.page-pagination ul li a {
  width: 42px !important;
  height: 42px !important;
  border-radius: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: var(--card-bg, #ffffff) !important;
  border: 1px solid var(--border, #f0eae1) !important;
  color: var(--text, #2c2523) !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  box-shadow: var(--shadow) !important;
  transition: all 0.25s ease !important;
}

.pagination li.active a,
.pagination li.active span,
.pagination li a:hover,
.page-pagination ul li a.active,
.page-pagination ul li a:hover {
  background: var(--rose, #d81b60) !important;
  border-color: var(--rose, #d81b60) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(216, 27, 96, 0.4) !important;
  transform: translateY(-2px);
}

/* Sayfa Bilgisi & Kayıt Sayısı Rozeti (Örn: 3 Adet Kayıt) */
.pagination li a[title*="bilgi"],
.pagination li a[title*="bilgisi"],
.pagination li a[title*="Sayfa"],
.pagination li .page-link[title*="bilgi"],
.pagination li .page-link[title*="Sayfa"],
.page-pagination ul li a[title*="bilgi"],
.page-pagination ul li a[title*="Sayfa"],
.page-link[title*="bilgi"],
.page-link[title*="Sayfa"],
.pagination li.disabled a.page-link,
.pagination li:last-child a.page-link:not([href]):not([onclick]) {
  width: auto !important;
  min-width: max-content !important;
  height: 40px !important;
  padding: 0 20px !important;
  border-radius: 999px !important;
  background: var(--bg-soft, #faf8f5) !important;
  border: 1.5px solid var(--border, #f0eae1) !important;
  color: var(--muted, #716b67) !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
  box-shadow: none !important;
  cursor: default !important;
  transform: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.pagination li a[title*="bilgi"]:hover,
.pagination li a[title*="bilgisi"]:hover,
.pagination li a[title*="Sayfa"]:hover,
.pagination li .page-link[title*="bilgi"]:hover,
.pagination li .page-link[title*="Sayfa"]:hover,
.page-link[title*="bilgi"]:hover,
.page-link[title*="Sayfa"]:hover {
  background: var(--bg-soft, #faf8f5) !important;
  border-color: var(--border, #f0eae1) !important;
  color: var(--muted, #716b67) !important;
  transform: none !important;
  box-shadow: none !important;
}

[data-theme="dark"] .pagination li a,
[data-theme="dark"] .pagination li span,
[data-theme="dark"] .page-pagination ul li a,
body[data-theme="dark"] .pagination li a,
body[data-theme="dark"] .pagination li span,
body[data-theme="dark"] .page-pagination ul li a {
  background: #1c1816 !important;
  border-color: #332a26 !important;
  color: #f5f2ee !important;
}

[data-theme="dark"] .pagination li.active a,
[data-theme="dark"] .pagination li.active span,
[data-theme="dark"] .pagination li a:hover,
[data-theme="dark"] .page-pagination ul li a.active,
[data-theme="dark"] .page-pagination ul li a:hover,
body[data-theme="dark"] .pagination li.active a,
body[data-theme="dark"] .pagination li.active span,
body[data-theme="dark"] .pagination li a:hover,
body[data-theme="dark"] .page-pagination ul li a.active,
body[data-theme="dark"] .page-pagination ul li a:hover {
  background: #e92e6f !important;
  border-color: #e92e6f !important;
  color: #ffffff !important;
}

[data-theme="dark"] .pagination li a[title*="bilgi"],
[data-theme="dark"] .pagination li a[title*="bilgisi"],
[data-theme="dark"] .pagination li a[title*="Sayfa"],
[data-theme="dark"] .pagination li .page-link[title*="bilgi"],
[data-theme="dark"] .pagination li .page-link[title*="Sayfa"],
[data-theme="dark"] .page-link[title*="bilgi"],
[data-theme="dark"] .page-link[title*="Sayfa"],
body[data-theme="dark"] .pagination li a[title*="bilgi"],
body[data-theme="dark"] .pagination li a[title*="bilgisi"],
body[data-theme="dark"] .pagination li a[title*="Sayfa"],
body[data-theme="dark"] .pagination li .page-link[title*="bilgi"],
body[data-theme="dark"] .pagination li .page-link[title*="Sayfa"],
body[data-theme="dark"] .page-link[title*="bilgi"],
body[data-theme="dark"] .page-link[title*="Sayfa"] {
  background: #25201d !important;
  border-color: #382f2b !important;
  color: #c5beba !important;
}

/* Ürün Detay Sayfası - İki Kolonun Altında Tam Genişlik Açıklama ve Özellikler */
.product-description-fullwidth-section {
  width: 100% !important;
  flex: 0 0 100% !important;
  max-width: 100% !important;
  margin-top: 40px !important;
  padding: 0 !important;
  display: block !important;
  clear: both !important;
}

.product-description-card {
  background: var(--card-bg, #ffffff) !important;
  border: 1.5px solid var(--border, #f0eae1) !important;
  border-radius: 24px !important;
  box-shadow: var(--shadow) !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
}

[data-theme="dark"] .product-description-card,
body[data-theme="dark"] .product-description-card {
  background: #1c1816 !important;
  border-color: #332a26 !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.45) !important;
}

.product-description-header {
  padding: 22px 32px !important;
  border-bottom: 1.5px solid var(--border, #f0eae1) !important;
  background: var(--bg-soft, #faf8f5) !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

[data-theme="dark"] .product-description-header,
body[data-theme="dark"] .product-description-header {
  background: #25201d !important;
  border-bottom-color: #332a26 !important;
}

.product-description-header h4 {
  margin: 0 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 19px !important;
  font-weight: 800 !important;
  color: var(--text, #2c2523) !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

[data-theme="dark"] .product-description-header h4,
body[data-theme="dark"] .product-description-header h4 {
  color: #f5f2ee !important;
}

.product-description-header h4::before {
  content: '' !important;
  display: inline-block !important;
  width: 5px !important;
  height: 22px !important;
  background: linear-gradient(180deg, var(--rose, #d81b60), var(--gold, #d97706)) !important;
  border-radius: 999px !important;
}

.product-description-body {
  padding: 36px 36px !important;
  color: var(--text, #2c2523) !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 15.5px !important;
  line-height: 1.85 !important;
}

[data-theme="dark"] .product-description-body,
body[data-theme="dark"] .product-description-body {
  color: #dcd6d1 !important;
}

.product-description-body h1,
.product-description-body h2,
.product-description-body h3,
.product-description-body h4,
.product-description-body h5,
.product-description-body strong,
.product-description-body b {
  color: var(--text, #2c2523) !important;
  font-weight: 800 !important;
}

[data-theme="dark"] .product-description-body h1,
[data-theme="dark"] .product-description-body h2,
[data-theme="dark"] .product-description-body h3,
[data-theme="dark"] .product-description-body h4,
[data-theme="dark"] .product-description-body h5,
[data-theme="dark"] .product-description-body strong,
[data-theme="dark"] .product-description-body b {
  color: #ffffff !important;
}

.product-description-body p {
  margin-bottom: 20px !important;
  color: inherit !important;
  line-height: 1.85 !important;
}

/* Mobil İyileştirmeler */
@media (max-width: 768px) {
  .product-detail-content {
    padding: 24px 20px !important;
    border-radius: 18px !important;
  }
  .wrapper .slider {
    padding: 16px !important;
    border-radius: 18px !important;
  }
  .product-details-title {
    font-size: 22px !important;
  }
  .product-price--big .main-price {
    font-size: 24px !important;
  }
  .hdr-section-product-image {
    height: 230px !important;
  }
}

/* ==========================================================================
   ÜRÜN HIZLI ÖNİZLEME MODALI (QUICKVIEW MODAL - #myModal & IFRAME)
   ========================================================================== */

#myModal.modal,
.modal#myModal {
  z-index: 100050 !important;
}

.modal-backdrop,
.modal-backdrop.show {
  z-index: 100040 !important;
  background-color: rgba(12, 10, 9, 0.78) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}

#myModal .modal-dialog {
  max-width: 1060px !important;
  width: 94% !important;
  margin: 32px auto !important;
  border-radius: 28px !important;
}

#myModal .modal-content {
  background: var(--card-bg, #ffffff) !important;
  border: 1px solid var(--border, #f0eae1) !important;
  border-radius: 28px !important;
  box-shadow: 0 25px 65px rgba(0, 0, 0, 0.22), 0 4px 16px rgba(0, 0, 0, 0.06) !important;
  overflow: hidden !important;
}

#myModal .modal-header {
  padding: 16px 24px !important;
  background: var(--bg-soft, #faf8f5) !important;
  border-bottom: 1px solid var(--border, #f0eae1) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

#myModal .modal-title,
#myModalLabel {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  color: var(--text, #2c2523) !important;
  margin: 0 !important;
  letter-spacing: -0.01em !important;
}

#myModal .modal-header .close,
#popupImgKapat {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  background: var(--card-bg, #ffffff) !important;
  border: 1px solid var(--border, #f0eae1) !important;
  color: var(--muted, #8c827a) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: 1 !important;
  font-size: 22px !important;
  line-height: 1 !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  outline: none !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

#myModal .modal-header .close:hover,
#popupImgKapat:hover {
  background: var(--rose, #d81b60) !important;
  border-color: var(--rose, #d81b60) !important;
  color: #ffffff !important;
  transform: rotate(90deg) scale(1.08) !important;
  box-shadow: 0 4px 14px rgba(216, 27, 96, 0.35) !important;
}

#myModal .modal-body {
  padding: 0 !important;
  background: transparent !important;
  overflow: hidden !important;
}

#myModal .modal-body iframe {
  width: 100% !important;
  height: 580px !important;
  border: none !important;
  display: block !important;
  background: transparent !important;
}

/* Karanlık Tema - Modal */
[data-theme="dark"] #myModal .modal-content,
body[data-theme="dark"] #myModal .modal-content {
  background: #181413 !important;
  border-color: #332a26 !important;
  box-shadow: 0 25px 70px rgba(0, 0, 0, 0.75) !important;
}

[data-theme="dark"] #myModal .modal-header,
body[data-theme="dark"] #myModal .modal-header {
  background: #201a18 !important;
  border-bottom-color: #332a26 !important;
}

[data-theme="dark"] #myModal .modal-title,
[data-theme="dark"] #myModalLabel,
body[data-theme="dark"] #myModal .modal-title,
body[data-theme="dark"] #myModalLabel {
  color: #f5f2ee !important;
}

[data-theme="dark"] #myModal .modal-header .close,
[data-theme="dark"] #popupImgKapat,
body[data-theme="dark"] #myModal .modal-header .close,
body[data-theme="dark"] #popupImgKapat {
  background: #26201d !important;
  border-color: #382f2b !important;
  color: #c4b9b0 !important;
}

[data-theme="dark"] #myModal .modal-header .close:hover,
[data-theme="dark"] #popupImgKapat:hover,
body[data-theme="dark"] #myModal .modal-header .close:hover,
body[data-theme="dark"] #popupImgKapat:hover {
  background: #e92e6f !important;
  border-color: #e92e6f !important;
  color: #ffffff !important;
}

/* Önizleme İframe'i İçi Düzenlemeleri (?urun_onizleme=1) */
body:not(:has(.header)):not(:has(.hdr-banner)) {
  background: transparent !important;
  padding: 8px 12px !important;
  margin: 0 !important;
  overflow-x: hidden !important;
}

body:not(:has(.header)):not(:has(.hdr-banner)) section.mb-5.mt-4,
body:not(:has(.header)):not(:has(.hdr-banner)) .product-detail-content-area {
  margin-top: 6px !important;
  margin-bottom: 6px !important;
}

body:not(:has(.header)):not(:has(.hdr-banner)) .container {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0 10px !important;
}

body:not(:has(.header)):not(:has(.hdr-banner)) .product-detail-content {
  box-shadow: none !important;
  padding: 22px 24px !important;
  border-radius: 20px !important;
}

body:not(:has(.header)):not(:has(.hdr-banner)) .wrapper .slider {
  box-shadow: none !important;
  padding: 16px !important;
  border-radius: 20px !important;
  margin-bottom: 8px !important;
}

body:not(:has(.header)):not(:has(.hdr-banner)) .wrapper .slider figure.zoom img {
  max-height: 360px !important;
}

body:not(:has(.header)):not(:has(.hdr-banner)) .product-details-title {
  font-size: 21px !important;
  margin-bottom: 10px !important;
}

body:not(:has(.header)):not(:has(.hdr-banner)) .product-price--big {
  margin-bottom: 14px !important;
  padding-bottom: 12px !important;
}

body:not(:has(.header)):not(:has(.hdr-banner)) .product-price--big .main-price {
  font-size: 24px !important;
}

body:not(:has(.header)):not(:has(.hdr-banner)) .single-info {
  font-size: 13px !important;
}

body:not(:has(.header)):not(:has(.hdr-banner)) .product-info-block {
  margin-bottom: 14px !important;
  gap: 8px !important;
}

body:not(:has(.header)):not(:has(.hdr-banner)) .quantity {
  margin: 14px 0 !important;
}

body:not(:has(.header)):not(:has(.hdr-banner)) .social-share-buttons {
  display: none !important;
}

/* ==========================================================================
   Fiyatlandırma Görünümü (Katalog Üzeri Çizili + Temsilci Satış Fiyatı)
   ========================================================================== */
.price .main-price.discounted,
.single-slider-product .main-price.discounted,
.single-slider-product--list-view .main-price.discounted {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #8c827a !important;
  text-decoration: line-through !important;
  margin-right: 8px !important;
  display: inline-block !important;
  opacity: 0.85 !important;
}

.product-price--big .main-price.discounted,
.product-price--big strike {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 19px !important;
  font-weight: 600 !important;
  color: #8c827a !important;
  text-decoration: line-through !important;
  margin-right: 12px !important;
  display: inline-block !important;
  opacity: 0.85 !important;
}

.product-price--big .current-price {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 32px !important;
  font-weight: 800 !important;
  color: var(--rose, #d81b60) !important;
  letter-spacing: -0.02em !important;
  display: inline-block !important;
}

[data-theme="dark"] .price .main-price.discounted,
[data-theme="dark"] .product-price--big .main-price.discounted,
body[data-theme="dark"] .product-price--big strike {
  color: #a89f97 !important;
}

/* ==========================================================================
   Ürün Detay - Tek Alan (Icerik) Odaklı Modern Açıklama ve Satın Alma Kartı
   ========================================================================== */
/* Sağ satın alma kartındaki yarım/bozuk kısa açıklamayı gizle */
.product-short-desc {
  display: none !important;
}

/* Paylaşım alanı üstündeki boşluk ve çift çizgi temizliği */
.product-details-feature-wrapper {
  border: none !important;
  border-top: none !important;
  border-bottom: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.product-details-feature-wrapper:empty,
.product-details-feature-wrapper:not(:has(*)) {
  display: none !important;
}

/* Alttaki geniş açıklama kartı ve tipografi düzeni */
.product-description-review-area {
  margin-top: 50px !important;
  margin-bottom: 70px !important;
}

.product-description {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 15.5px !important;
  line-height: 1.85 !important;
  color: var(--text-soft, #4a403d) !important;
}

.product-description p {
  margin-bottom: 18px !important;
  line-height: 1.85 !important;
  color: inherit !important;
}

.product-description h1,
.product-description h2,
.product-description h3,
.product-description h4,
.product-description h5,
.product-description h6 {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  color: var(--text, #2c2523) !important;
  font-weight: 800 !important;
  margin-top: 26px !important;
  margin-bottom: 12px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.product-description h2::before,
.product-description h3::before,
.product-description h4::before {
  content: '' !important;
  display: inline-block !important;
  width: 4px !important;
  height: 20px !important;
  background: var(--rose, #d81b60) !important;
  border-radius: 4px !important;
}

.product-description strong,
.product-description b {
  color: var(--text, #201a18) !important;
  font-weight: 700 !important;
}

.product-description ul {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 16px 0 24px 0 !important;
}

.product-description ul li {
  position: relative !important;
  padding-left: 26px !important;
  margin-bottom: 10px !important;
  line-height: 1.75 !important;
  color: inherit !important;
}

.product-description ul li::before {
  content: '✓' !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  color: var(--rose, #d81b60) !important;
  font-weight: 800 !important;
  font-size: 14px !important;
}

.product-description img {
  max-width: 100% !important;
  height: auto !important;
  border-radius: 16px !important;
  margin: 20px 0 !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06) !important;
}

[data-theme="dark"] .product-description,
body[data-theme="dark"] .product-description {
  color: #dfd8d3 !important;
}

[data-theme="dark"] .product-description h1,
[data-theme="dark"] .product-description h2,
[data-theme="dark"] .product-description h3,
[data-theme="dark"] .product-description h4,
[data-theme="dark"] .product-description h5,
[data-theme="dark"] .product-description h6,
[data-theme="dark"] .product-description strong,
[data-theme="dark"] .product-description b,
body[data-theme="dark"] .product-description h1,
body[data-theme="dark"] .product-description h2,
body[data-theme="dark"] .product-description h3,
body[data-theme="dark"] .product-description h4,
body[data-theme="dark"] .product-description h5,
body[data-theme="dark"] .product-description h6,
body[data-theme="dark"] .product-description strong,
body[data-theme="dark"] .product-description b {
  color: #ffffff !important;
}

/* ==========================================================================
   İLETİŞİM SAYFASI (CONTACT PAGE) - MODERN LUXURY REDESIGN
   ========================================================================== */
.contact-page-wrapper {
  padding-top: 20px !important;
  padding-bottom: 60px !important;
}

/* Hero / Header Alanı */
.contact-hero-header {
  max-width: 760px !important;
  margin: 0 auto 48px auto !important;
  text-align: center !important;
}

.contact-hero-badge {
  display: inline-flex !important;
  align-items: center !important;
  padding: 6px 18px !important;
  background: var(--rose-soft, #fdf2f4) !important;
  color: var(--rose, #d81b60) !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.08em !important;
  border-radius: 999px !important;
  margin-bottom: 16px !important;
  text-transform: uppercase !important;
}

[data-theme="dark"] .contact-hero-badge,
body[data-theme="dark"] .contact-hero-badge {
  background: rgba(233, 46, 111, 0.15) !important;
  color: #e92e6f !important;
}

.contact-hero-title,
.hdr-contact-title {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 34px !important;
  font-weight: 800 !important;
  color: var(--text, #2c2523) !important;
  letter-spacing: -0.02em !important;
  margin-bottom: 14px !important;
}

[data-theme="dark"] .contact-hero-title,
[data-theme="dark"] .hdr-contact-title,
body[data-theme="dark"] .contact-hero-title,
body[data-theme="dark"] .hdr-contact-title {
  color: #ffffff !important;
}

.contact-hero-subtitle {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 15.5px !important;
  line-height: 1.65 !important;
  color: var(--muted, #8c827a) !important;
  margin-bottom: 0 !important;
}

/* Sol Kolon: İletişim Bilgileri Kartı */
.contact-info-card,
.hdr-contact-info {
  background: var(--card-bg, #ffffff) !important;
  border: 1.5px solid var(--border, #f0eae1) !important;
  border-radius: 24px !important;
  padding: 36px 32px !important;
  box-shadow: var(--shadow) !important;
  transition: all 0.3s ease !important;
}

[data-theme="dark"] .contact-info-card,
[data-theme="dark"] .hdr-contact-info,
body[data-theme="dark"] .contact-info-card,
body[data-theme="dark"] .hdr-contact-info {
  background: #1c1816 !important;
  border-color: #332a26 !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35) !important;
}

.contact-info-title {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  color: var(--text, #2c2523) !important;
  margin-bottom: 8px !important;
}

.contact-info-desc {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 14px !important;
  color: var(--muted, #8c827a) !important;
  line-height: 1.6 !important;
  margin-bottom: 24px !important;
}

/* Tekil İletişim Maddeleri */
.contact-item,
.hdr-contact-info .row.align-items-center {
  display: flex !important;
  align-items: flex-start !important;
  gap: 16px !important;
  padding: 16px 18px !important;
  background: var(--bg-soft, #faf8f5) !important;
  border: 1px solid var(--border, #f0eae1) !important;
  border-radius: 16px !important;
  margin-bottom: 16px !important;
  margin-top: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  transition: all 0.25s ease !important;
}

.contact-item:hover,
.hdr-contact-info .row.align-items-center:hover {
  transform: translateY(-2px) !important;
  border-color: var(--rose, #d81b60) !important;
  box-shadow: 0 6px 18px rgba(216, 27, 96, 0.08) !important;
}

[data-theme="dark"] .contact-item,
[data-theme="dark"] .hdr-contact-info .row.align-items-center,
body[data-theme="dark"] .contact-item,
body[data-theme="dark"] .hdr-contact-info .row.align-items-center {
  background: #25201d !important;
  border-color: #382f2b !important;
}

.contact-item-icon,
.hdr-contact-info .col-md-2.col-2 {
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  max-width: 46px !important;
  padding: 0 !important;
  border-radius: 12px !important;
  background: var(--rose-soft, #fdf2f4) !important;
  color: var(--rose, #d81b60) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 19px !important;
}

.hdr-contact-info .col-md-2.col-2 img {
  width: 22px !important;
  height: 22px !important;
  object-fit: contain !important;
}

[data-theme="dark"] .contact-item-icon,
[data-theme="dark"] .hdr-contact-info .col-md-2.col-2,
body[data-theme="dark"] .contact-item-icon,
body[data-theme="dark"] .hdr-contact-info .col-md-2.col-2 {
  background: rgba(233, 46, 111, 0.15) !important;
  color: #e92e6f !important;
}

.contact-item-content,
.hdr-contact-info .col-md-10.col-10 {
  flex: 1 !important;
  max-width: 100% !important;
  padding-left: 0 !important;
}

.contact-item-label,
.hdr-contact-info .col-md-10.col-10 > div:first-child {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: var(--muted, #8c827a) !important;
  margin-bottom: 4px !important;
}

.contact-item-value,
.contact-item-value a,
.hdr-contact-info .col-md-10.col-10 {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: var(--text, #2c2523) !important;
  text-decoration: none !important;
  line-height: 1.5 !important;
}

.contact-item-value a:hover {
  color: var(--rose, #d81b60) !important;
}

[data-theme="dark"] .contact-item-value,
[data-theme="dark"] .contact-item-value a,
[data-theme="dark"] .hdr-contact-info .col-md-10.col-10,
body[data-theme="dark"] .contact-item-value,
body[data-theme="dark"] .contact-item-value a,
body[data-theme="dark"] .hdr-contact-info .col-md-10.col-10 {
  color: #f5f2ee !important;
}

.contact-item-hint {
  font-size: 12px !important;
  color: var(--muted, #8c827a) !important;
  margin-top: 3px !important;
  font-weight: 400 !important;
}

/* Hızlı Bilgi / Saat Rozeti */
.contact-quick-badge {
  padding: 16px 18px !important;
  background: linear-gradient(135deg, rgba(216, 27, 96, 0.04), rgba(217, 119, 6, 0.04)) !important;
  border: 1px dashed var(--rose, #d81b60) !important;
  border-radius: 16px !important;
}

[data-theme="dark"] .contact-quick-badge,
body[data-theme="dark"] .contact-quick-badge {
  background: rgba(233, 46, 111, 0.08) !important;
  border-color: rgba(233, 46, 111, 0.4) !important;
}

.quick-badge-icon {
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  border-radius: 50% !important;
  background: var(--rose, #d81b60) !important;
  color: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 15px !important;
}

.quick-badge-title {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--text, #2c2523) !important;
}

.quick-badge-desc {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 12.5px !important;
  color: var(--muted, #8c827a) !important;
}

[data-theme="dark"] .quick-badge-title,
body[data-theme="dark"] .quick-badge-title {
  color: #ffffff !important;
}

/* Sağ Kolon: Mesaj Formu Kartı */
.contact-form-card,
.hdr-contact-box {
  background: var(--card-bg, #ffffff) !important;
  border: 1.5px solid var(--border, #f0eae1) !important;
  border-radius: 24px !important;
  padding: 36px 36px !important;
  box-shadow: var(--shadow) !important;
  transition: all 0.3s ease !important;
}

[data-theme="dark"] .contact-form-card,
[data-theme="dark"] .hdr-contact-box,
body[data-theme="dark"] .contact-form-card,
body[data-theme="dark"] .hdr-contact-box {
  background: #1c1816 !important;
  border-color: #332a26 !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.35) !important;
}

.contact-form-title {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  color: var(--text, #2c2523) !important;
  margin-bottom: 8px !important;
}

.contact-form-desc {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 14px !important;
  color: var(--muted, #8c827a) !important;
  line-height: 1.6 !important;
  margin-bottom: 24px !important;
}

/* Form Etiketleri & İnputlar */
.custom-label,
.hdr-contact-box label {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--text, #2c2523) !important;
  margin-bottom: 8px !important;
  display: block !important;
}

[data-theme="dark"] .custom-label,
[data-theme="dark"] .hdr-contact-box label,
body[data-theme="dark"] .custom-label,
body[data-theme="dark"] .hdr-contact-box label {
  color: #f5f2ee !important;
}

.required-star {
  color: #e53935 !important;
  font-weight: 700 !important;
}

.custom-input,
.hdr-contact-box .form-control,
.hdr-contact-box input,
.hdr-contact-box textarea {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 14.5px !important;
  background: var(--bg-soft, #faf8f5) !important;
  border: 1.5px solid var(--border, #f0eae1) !important;
  border-radius: 14px !important;
  padding: 13px 18px !important;
  color: var(--text, #2c2523) !important;
  transition: all 0.25s ease !important;
  width: 100% !important;
  box-shadow: none !important;
}

.custom-input:focus,
.hdr-contact-box .form-control:focus,
.hdr-contact-box input:focus,
.hdr-contact-box textarea:focus {
  background: #ffffff !important;
  border-color: var(--rose, #d81b60) !important;
  box-shadow: 0 0 0 4px var(--rose-soft, #fdf2f4) !important;
  outline: none !important;
}

[data-theme="dark"] .custom-input,
[data-theme="dark"] .hdr-contact-box .form-control,
[data-theme="dark"] .hdr-contact-box input,
[data-theme="dark"] .hdr-contact-box textarea,
body[data-theme="dark"] .custom-input,
body[data-theme="dark"] .hdr-contact-box .form-control,
body[data-theme="dark"] .hdr-contact-box input,
body[data-theme="dark"] .hdr-contact-box textarea {
  background: #25201d !important;
  border-color: #382f2b !important;
  color: #ffffff !important;
}

[data-theme="dark"] .custom-input:focus,
[data-theme="dark"] .hdr-contact-box .form-control:focus,
[data-theme="dark"] .hdr-contact-box input:focus,
[data-theme="dark"] .hdr-contact-box textarea:focus,
body[data-theme="dark"] .custom-input:focus,
body[data-theme="dark"] .hdr-contact-box .form-control:focus,
body[data-theme="dark"] .hdr-contact-box input:focus,
body[data-theme="dark"] .hdr-contact-box textarea:focus {
  background: #2c2522 !important;
  border-color: #e92e6f !important;
  box-shadow: 0 0 0 4px rgba(233, 46, 111, 0.15) !important;
}

.custom-textarea,
.hdr-contact-box textarea {
  min-height: 120px !important;
  resize: vertical !important;
}

/* Gönder Butonu */
.contact-submit-btn,
.hdr-contact-box button[type="submit"],
#btnIsaret {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 15.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  padding: 15px 36px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, var(--rose, #d81b60) 0%, var(--rose-deep, #b8154e) 100%) !important;
  color: #ffffff !important;
  border: none !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  box-shadow: 0 6px 20px rgba(216, 27, 96, 0.35) !important;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
  width: 100% !important;
  margin-top: 10px !important;
}

.contact-submit-btn:hover,
.hdr-contact-box button[type="submit"]:hover,
#btnIsaret:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 28px rgba(216, 27, 96, 0.45) !important;
  background: linear-gradient(135deg, #e92e6f 0%, #c4215a 100%) !important;
  color: #ffffff !important;
}

/* Harita Alanı */
.contact-map-section {
  margin-top: 56px !important;
}

.contact-map-card {
  background: var(--card-bg, #ffffff) !important;
  border: 1.5px solid var(--border, #f0eae1) !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  box-shadow: var(--shadow) !important;
}

[data-theme="dark"] .contact-map-card,
body[data-theme="dark"] .contact-map-card {
  background: #1c1816 !important;
  border-color: #332a26 !important;
}

.contact-map-header {
  padding: 20px 28px !important;
  border-bottom: 1.5px solid var(--border, #f0eae1) !important;
  background: var(--bg-soft, #faf8f5) !important;
}

[data-theme="dark"] .contact-map-header,
body[data-theme="dark"] .contact-map-header {
  background: #25201d !important;
  border-color: #332a26 !important;
}

.contact-map-header h4 {
  margin: 0 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  color: var(--text, #2c2523) !important;
  display: flex !important;
  align-items: center !important;
}

[data-theme="dark"] .contact-map-header h4,
body[data-theme="dark"] .contact-map-header h4 {
  color: #ffffff !important;
}

.contact-map-frame iframe,
iframe[src*="google.com/maps"] {
  width: 100% !important;
  min-height: 400px !important;
  border: none !important;
  display: block !important;
}

@media (max-width: 768px) {
  .contact-info-card,
  .contact-form-card,
  .hdr-contact-info,
  .hdr-contact-box {
    padding: 26px 20px !important;
    border-radius: 20px !important;
  }
  .contact-hero-title,
  .hdr-contact-title {
    font-size: 26px !important;
  }
}

/* ==========================================================================
   /UYEKARSILAMA (GİRİŞİMCİ / ÜYE KARŞILAMA DASHBOARD) MODERN REDESIGN
   Light & Dark Theme Harmonious Premium Styling
   ========================================================================== */

/* Main Container */
.back-office {
  padding: 30px 0 60px 0 !important;
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
}

.back-office .member-grid {
  margin-top: 24px !important;
}

/* Headings */
.back-office h3 {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  color: var(--text, #2c2523) !important;
  margin: 36px 0 20px 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  position: relative !important;
  padding-left: 18px !important;
  letter-spacing: -0.3px !important;
}

.back-office h3::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 12% !important;
  bottom: 12% !important;
  width: 5px !important;
  border-radius: 4px !important;
  background: linear-gradient(180deg, #a75d69, #c58d84) !important;
}

.back-office h3 small {
  font-size: 13px !important;
  font-weight: 600 !important;
  background: rgba(167, 93, 105, 0.1) !important;
  color: #a75d69 !important;
  padding: 4px 14px !important;
  border-radius: 50px !important;
  display: inline-flex !important;
  align-items: center !important;
  letter-spacing: 0 !important;
}

/* Member Top Slider */
.back-office .member-slide,
.back-office .swiper-container.member-slide {
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06) !important;
  border: 1px solid rgba(167, 93, 105, 0.12) !important;
}

.back-office .swiper-slide img {
  border-radius: 18px !important;
  width: 100% !important;
  display: block !important;
}

.back-office .swiper-custom-member-arrow-left,
.back-office .swiper-custom-member-arrow-right {
  width: 44px !important;
  height: 44px !important;
  border-radius: 50% !important;
  background: rgba(255, 255, 255, 0.9) !important;
  color: #a75d69 !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}

.back-office .swiper-custom-member-arrow-left:hover,
.back-office .swiper-custom-member-arrow-right:hover {
  background: #a75d69 !important;
  color: #ffffff !important;
  transform: scale(1.08) !important;
}

.back-office .hdr-custom-member-slide-pagination .swiper-pagination-bullet {
  background: rgba(167, 93, 105, 0.3) !important;
  opacity: 1 !important;
  width: 10px !important;
  height: 10px !important;
  border-radius: 50% !important;
  transition: all 0.3s ease !important;
}

.back-office .hdr-custom-member-slide-pagination .swiper-pagination-bullet-active {
  background: linear-gradient(135deg, #a75d69, #bd6b78) !important;
  width: 26px !important;
  border-radius: 20px !important;
}

/* ==========================================================================
   PROFILE & MEMBER INFO BOX (.hdr-member-box)
   ========================================================================== */
.hdr-member-box {
  background: #ffffff !important;
  border: 1px solid rgba(167, 93, 105, 0.15) !important;
  border-radius: 20px !important;
  box-shadow: 0 10px 30px rgba(44, 37, 35, 0.05) !important;
  padding: 24px !important;
  transition: all 0.3s ease !important;
}

/* Avatar & Photo Upload Box (Left Column) */
.hdr-member-box-image {
  background: linear-gradient(180deg, #fdfbf9 0%, #f6f0ed 100%) !important;
  border: 1px solid rgba(167, 93, 105, 0.14) !important;
  border-radius: 16px !important;
  padding: 24px 16px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  height: 100% !important;
  min-height: 240px !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.02) !important;
  position: relative !important;
}

.hdr-member-box-image .first-img {
  width: 105px !important;
  height: 105px !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  border: 3px solid #a75d69 !important;
  padding: 3px !important;
  background: #ffffff !important;
  box-shadow: 0 8px 20px rgba(167, 93, 105, 0.22) !important;
  transition: transform 0.3s ease, box-shadow 0.3s ease !important;
  margin: 0 auto 12px auto !important;
  display: block !important;
}

.hdr-member-box-image .first-img:hover {
  transform: scale(1.04) !important;
  box-shadow: 0 12px 28px rgba(167, 93, 105, 0.32) !important;
}

/* Form & Fileuploader Reset */
.hdr-member-box-image #frmProfilAyarlari {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
}

.hdr-member-box-image .fileuploader {
  margin: 0 auto 10px auto !important;
  padding: 0 !important;
  width: 100% !important;
  background: transparent !important;
  border: none !important;
  display: flex !important;
  justify-content: center !important;
}

.hdr-member-box-image .fileuploader-items {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
}

.hdr-member-box-image .fileuploader-items-list {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 8px !important;
  width: 100% !important;
}

.hdr-member-box-image .fileuploader-thumbnails-input,
.hdr-member-box-image .fileuploader-items-list li.fileuploader-item {
  width: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

/* Fileuploader Trigger Button (Icon) */
.hdr-member-box-image .fileuploader-thumbnails-input-inner {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  border: 1.5px dashed rgba(167, 93, 105, 0.45) !important;
  border-radius: 50% !important;
  background: rgba(167, 93, 105, 0.05) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  box-sizing: border-box !important;
}

.hdr-member-box-image .fileuploader-thumbnails-input-inner:hover {
  border-color: #a75d69 !important;
  background: rgba(167, 93, 105, 0.12) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(167, 93, 105, 0.2) !important;
}

.hdr-member-box-image .fileuploader-thumbnails-input-inner label {
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  line-height: 1 !important;
  user-select: none !important;
}

.hdr-member-box-image .fileuploader-thumbnails-input-inner label i {
  font-size: 16px !important;
  color: #a75d69 !important;
  line-height: 1 !important;
}

/* Uploaded Preview Item */
.hdr-member-box-image .fileuploader-items-list li.fileuploader-item {
  width: 72px !important;
  height: 72px !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  position: relative !important;
  border: 2px solid #a75d69 !important;
  box-shadow: 0 4px 14px rgba(167, 93, 105, 0.2) !important;
  background: #ffffff !important;
}

.hdr-member-box-image .fileuploader-item-inner {
  width: 100% !important;
  height: 100% !important;
  border-radius: 10px !important;
  position: relative !important;
  overflow: hidden !important;
}

.hdr-member-box-image .fileuploader-item-inner .thumbnail-holder {
  width: 100% !important;
  height: 100% !important;
}

.hdr-member-box-image .fileuploader-item-inner .thumbnail-holder img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.hdr-member-box-image .fileuploader-action-remove {
  position: absolute !important;
  top: 3px !important;
  right: 3px !important;
  background: rgba(220, 53, 69, 0.9) !important;
  color: #ffffff !important;
  border-radius: 50% !important;
  width: 20px !important;
  height: 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 11px !important;
  cursor: pointer !important;
  z-index: 10 !important;
  transition: all 0.2s ease !important;
  border: none !important;
}

.hdr-member-box-image .fileuploader-action-remove:hover {
  background: #c82333 !important;
  transform: scale(1.1) !important;
}

/* Save / Submit Button */
.hdr-member-box-image .image-button {
  position: relative !important;
  bottom: auto !important;
  right: auto !important;
  left: auto !important;
  top: auto !important;
  margin: 0 auto !important;
  margin-top: 4px !important;
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.hdr-member-box-image .image-button .btn,
.hdr-member-box-image .image-button .btn-primary {
  background: linear-gradient(135deg, #a75d69, #bd6b78) !important;
  border: none !important;
  color: #ffffff !important;
  border-radius: 50px !important;
  padding: 7px 26px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.8px !important;
  text-transform: uppercase !important;
  box-shadow: 0 4px 14px rgba(167, 93, 105, 0.3) !important;
  transition: all 0.25s ease !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.hdr-member-box-image .image-button .btn:hover,
.hdr-member-box-image .image-button .btn-primary:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 7px 20px rgba(167, 93, 105, 0.45) !important;
  filter: brightness(1.05) !important;
}

/* Content Box (Right Column) */
.hdr-member-content-csm-box {
  background: transparent !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

/* Referral Link Container */
.referancasd {
  display: flex !important;
  align-items: stretch !important;
  background: #fbf8f6 !important;
  border: 1.5px solid rgba(167, 93, 105, 0.2) !important;
  border-radius: 14px !important;
  overflow: hidden !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.02) !important;
  transition: all 0.25s ease !important;
  margin-bottom: 8px !important;
}

.referancasd:focus-within {
  border-color: #a75d69 !important;
  box-shadow: 0 0 0 4px rgba(167, 93, 105, 0.15) !important;
}

.referancasd .reference-link {
  flex: 1 1 auto !important;
  display: flex !important;
}

.referancasd .reference-link input,
.reference-link input {
  width: 100% !important;
  background: transparent !important;
  border: none !important;
  outline: none !important;
  padding: 13px 18px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #2c2523 !important;
  box-shadow: none !important;
}

.referancasd .reference-copy,
.reference-info .reference-copy {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background: linear-gradient(135deg, #a75d69, #bd6b78) !important;
  color: #ffffff !important;
  padding: 0 24px !important;
  margin: 0 !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  border: none !important;
  user-select: none !important;
}

.referancasd .reference-copy:hover,
.reference-info .reference-copy:hover {
  background: linear-gradient(135deg, #944e59, #a75d69) !important;
  filter: brightness(1.08) !important;
}

.referancasd .reference-copy:active,
.reference-info .reference-copy:active {
  transform: scale(0.97) !important;
}

/* 6 Info Cards (.hdr-member-content-box-2) */
.hdr-member-content-box-2 {
  background: #fdfbf9 !important;
  border: 1px solid rgba(167, 93, 105, 0.14) !important;
  border-radius: 14px !important;
  padding: 16px 18px !important;
  box-shadow: 0 3px 12px rgba(44, 37, 35, 0.02) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
}

.hdr-member-content-box-2:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(167, 93, 105, 0.35) !important;
  box-shadow: 0 8px 24px rgba(167, 93, 105, 0.12) !important;
  background: #ffffff !important;
}

.hdr-member-content-box-2 .row {
  width: 100% !important;
  margin: 0 !important;
}

.hdr-member-content-box-2 i {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 12px !important;
  background: rgba(167, 93, 105, 0.1) !important;
  color: #a75d69 !important;
  font-size: 20px !important;
  transition: all 0.25s ease !important;
}

.hdr-member-content-box-2:hover i {
  background: linear-gradient(135deg, #a75d69, #bd6b78) !important;
  color: #ffffff !important;
  transform: scale(1.08) !important;
  box-shadow: 0 4px 14px rgba(167, 93, 105, 0.3) !important;
}

.hdr-member-content-box-2 .hdr-member-content-box-title {
  font-size: 11.5px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.6px !important;
  color: #8c8280 !important;
  margin-bottom: 4px !important;
  line-height: 1.2 !important;
}

.hdr-member-content-box-2 .hdr-member-content-box-text {
  font-size: 15px !important;
  font-weight: 800 !important;
  color: #2c2523 !important;
  line-height: 1.25 !important;
  word-break: break-word !important;
}

/* ==========================================================================
   PRİM DURUMU (8 METRIC CARDS)
   ========================================================================== */
.box-csm {
  background: #ffffff !important;
  border: 1px solid rgba(167, 93, 105, 0.14) !important;
  border-radius: 16px !important;
  padding: 20px 20px 18px 20px !important;
  box-shadow: 0 6px 20px rgba(44, 37, 35, 0.04) !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  position: relative !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  min-height: 125px !important;
  margin-bottom: 20px !important;
}

.box-csm::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 3.5px !important;
  background: linear-gradient(90deg, #a75d69, #bd6b78, #c58d84) !important;
  border-radius: 16px 16px 0 0 !important;
}

.box-csm:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 14px 32px rgba(167, 93, 105, 0.14) !important;
  border-color: rgba(167, 93, 105, 0.35) !important;
}

.box-csm .aciklama {
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.6px !important;
  color: #8c8280 !important;
  margin-bottom: 10px !important;
  display: block !important;
  line-height: 1.3 !important;
}

.box-csm .prim-box {
  font-size: 25px !important;
  font-weight: 800 !important;
  color: #2c2523 !important;
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  letter-spacing: -0.5px !important;
  display: flex !important;
  align-items: baseline !important;
  gap: 4px !important;
}

.box-csm .prim-box .tl,
.box-csm .prim-box span {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #a75d69 !important;
}

/* Hesaba Aktar Form & Section */
#AktarilacakTutar {
  border-radius: 12px !important;
  border: 1.5px solid rgba(167, 93, 105, 0.2) !important;
  background: #ffffff !important;
  color: #2c2523 !important;
  padding: 10px 16px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  box-shadow: none !important;
  transition: all 0.2s ease !important;
}

#AktarilacakTutar:focus {
  border-color: #a75d69 !important;
  box-shadow: 0 0 0 3px rgba(167, 93, 105, 0.15) !important;
}

.back-office button[onclick*="PrimiCariyeAktar"],
.back-office .btn-primary {
  background: linear-gradient(135deg, #a75d69, #bd6b78) !important;
  border: none !important;
  color: #ffffff !important;
  border-radius: 12px !important;
  padding: 10px 22px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  box-shadow: 0 4px 14px rgba(167, 93, 105, 0.28) !important;
  transition: all 0.25s ease !important;
  cursor: pointer !important;
}

.back-office button[onclick*="PrimiCariyeAktar"]:hover,
.back-office .btn-primary:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(167, 93, 105, 0.4) !important;
  filter: brightness(1.05) !important;
}

/* ==========================================================================
   CONVERSION / TABLES
   ========================================================================== */
.back-office .card {
  border-radius: 18px !important;
  border: 1px solid rgba(167, 93, 105, 0.14) !important;
  background: #ffffff !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.04) !important;
  overflow: hidden !important;
  margin-bottom: 24px !important;
}

.back-office .card-header {
  background: #faf6f4 !important;
  border-bottom: 1px solid rgba(167, 93, 105, 0.12) !important;
  padding: 16px 22px !important;
  font-weight: 800 !important;
  font-size: 16px !important;
  color: #2c2523 !important;
}

.back-office .table {
  margin-bottom: 0 !important;
  color: #2c2523 !important;
}

.back-office .table th {
  border-top: none !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  color: #8c8280 !important;
  padding: 14px 18px !important;
  background: #fdfbf9 !important;
}

.back-office .table td {
  padding: 14px 18px !important;
  font-size: 14px !important;
  vertical-align: middle !important;
  border-top: 1px solid rgba(167, 93, 105, 0.08) !important;
}

/* ==========================================================================
   DUYURULAR (ANNOUNCEMENTS)
   ========================================================================== */
.duyuru-takip {
  background: #ffffff !important;
  border: 1px solid rgba(167, 93, 105, 0.14) !important;
  border-radius: 18px !important;
  padding: 18px !important;
  box-shadow: 0 6px 20px rgba(44, 37, 35, 0.04) !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  margin-bottom: 24px !important;
  display: flex !important;
  flex-direction: column !important;
  height: calc(100% - 24px) !important;
}

.duyuru-takip:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 14px 32px rgba(167, 93, 105, 0.14) !important;
  border-color: rgba(167, 93, 105, 0.32) !important;
}

.img-duyuru-kutu {
  border-radius: 14px !important;
  overflow: hidden !important;
  height: 160px !important;
  background: #f5eeea !important;
  margin-bottom: 12px !important;
}

.img-duyuru-kutu img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 0.4s ease !important;
}

.duyuru-takip:hover .img-duyuru-kutu img {
  transform: scale(1.05) !important;
}

.duyuru-takip-baslik {
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #2c2523 !important;
  line-height: 1.4 !important;
  margin: 6px 0 8px 0 !important;
}

.duyuru-takip-baslik span {
  font-weight: 700 !important;
  color: #2c2523 !important;
}

.duyuru-takip-icerik button,
.duyuru-takip button {
  border-radius: 50px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  padding: 7px 20px !important;
  background: rgba(167, 93, 105, 0.1) !important;
  color: #a75d69 !important;
  border: 1px solid rgba(167, 93, 105, 0.25) !important;
  transition: all 0.25s ease !important;
  cursor: pointer !important;
}

.duyuru-takip-icerik button:hover,
.duyuru-takip button:hover {
  background: linear-gradient(135deg, #a75d69, #bd6b78) !important;
  color: #ffffff !important;
  border-color: transparent !important;
  box-shadow: 0 4px 14px rgba(167, 93, 105, 0.3) !important;
}

/* ==========================================================================
   DARK THEME [data-theme="dark"] FOR /UYEKARSILAMA
   ========================================================================== */
[data-theme="dark"] .back-office,
body[data-theme="dark"] .back-office {
  background: transparent !important;
}

[data-theme="dark"] .back-office h3,
body[data-theme="dark"] .back-office h3 {
  color: #ffffff !important;
}

[data-theme="dark"] .back-office h3 small,
body[data-theme="dark"] .back-office h3 small {
  background: rgba(209, 133, 144, 0.18) !important;
  color: #f1a9b4 !important;
}

[data-theme="dark"] .back-office .member-slide,
body[data-theme="dark"] .back-office .member-slide,
[data-theme="dark"] .back-office .swiper-container.member-slide,
body[data-theme="dark"] .back-office .swiper-container.member-slide {
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .back-office .swiper-custom-member-arrow-left,
body[data-theme="dark"] .back-office .swiper-custom-member-arrow-left,
[data-theme="dark"] .back-office .swiper-custom-member-arrow-right,
body[data-theme="dark"] .back-office .swiper-custom-member-arrow-right {
  background: rgba(30, 25, 23, 0.85) !important;
  color: #e59ba6 !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35) !important;
}

[data-theme="dark"] .back-office .swiper-custom-member-arrow-left:hover,
body[data-theme="dark"] .back-office .swiper-custom-member-arrow-left:hover,
[data-theme="dark"] .back-office .swiper-custom-member-arrow-right:hover,
body[data-theme="dark"] .back-office .swiper-custom-member-arrow-right:hover {
  background: #a75d69 !important;
  color: #ffffff !important;
}

/* Dark Mode Profile Box */
[data-theme="dark"] .hdr-member-box,
body[data-theme="dark"] .hdr-member-box {
  background: #1c1716 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .hdr-member-box-image,
body[data-theme="dark"] .hdr-member-box-image {
  background: linear-gradient(180deg, #241e1c 0%, #1c1716 100%) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .hdr-member-box-image .first-img,
body[data-theme="dark"] .hdr-member-box-image .first-img {
  background: #241e1c !important;
  border-color: #bd6b78 !important;
  box-shadow: 0 8px 24px rgba(189, 107, 120, 0.25) !important;
}

[data-theme="dark"] .hdr-member-box-image .fileuploader-thumbnails-input-inner,
body[data-theme="dark"] .hdr-member-box-image .fileuploader-thumbnails-input-inner {
  border-color: rgba(189, 107, 120, 0.4) !important;
  background: rgba(189, 107, 120, 0.08) !important;
}

[data-theme="dark"] .hdr-member-box-image .fileuploader-thumbnails-input-inner:hover,
body[data-theme="dark"] .hdr-member-box-image .fileuploader-thumbnails-input-inner:hover {
  border-color: #bd6b78 !important;
  background: rgba(189, 107, 120, 0.18) !important;
  box-shadow: 0 4px 14px rgba(189, 107, 120, 0.2) !important;
}

[data-theme="dark"] .hdr-member-box-image .fileuploader-thumbnails-input-inner label,
body[data-theme="dark"] .hdr-member-box-image .fileuploader-thumbnails-input-inner label {
  color: #e5989b !important;
}

[data-theme="dark"] .hdr-member-box-image .fileuploader-thumbnails-input-inner label i,
body[data-theme="dark"] .hdr-member-box-image .fileuploader-thumbnails-input-inner label i {
  color: #e5989b !important;
}

[data-theme="dark"] .hdr-member-box-image .fileuploader-items-list li.fileuploader-item,
body[data-theme="dark"] .hdr-member-box-image .fileuploader-items-list li.fileuploader-item {
  border-color: #bd6b78 !important;
  background: #241e1c !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3) !important;
}

/* Dark Mode Referral Link */
[data-theme="dark"] .referancasd,
body[data-theme="dark"] .referancasd {
  background: #25201d !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25) !important;
}

[data-theme="dark"] .referancasd:focus-within,
body[data-theme="dark"] .referancasd:focus-within {
  border-color: #c58d84 !important;
  box-shadow: 0 0 0 4px rgba(197, 141, 132, 0.2) !important;
}

[data-theme="dark"] .referancasd .reference-link input,
body[data-theme="dark"] .referancasd .reference-link input,
[data-theme="dark"] .reference-link input,
body[data-theme="dark"] .reference-link input {
  color: #f5eee9 !important;
}

/* Dark Mode 6 Info Cards */
[data-theme="dark"] .hdr-member-content-box-2,
body[data-theme="dark"] .hdr-member-content-box-2 {
  background: #241e1c !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25) !important;
}

[data-theme="dark"] .hdr-member-content-box-2:hover,
body[data-theme="dark"] .hdr-member-content-box-2:hover {
  background: #2b2422 !important;
  border-color: rgba(197, 141, 132, 0.3) !important;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45) !important;
}

[data-theme="dark"] .hdr-member-content-box-2 i,
body[data-theme="dark"] .hdr-member-content-box-2 i {
  background: rgba(197, 141, 132, 0.15) !important;
  color: #e59ba6 !important;
}

[data-theme="dark"] .hdr-member-content-box-2 .hdr-member-content-box-title,
body[data-theme="dark"] .hdr-member-content-box-2 .hdr-member-content-box-title {
  color: #a89f9b !important;
}

[data-theme="dark"] .hdr-member-content-box-2 .hdr-member-content-box-text,
body[data-theme="dark"] .hdr-member-content-box-2 .hdr-member-content-box-text {
  color: #ffffff !important;
}

/* Dark Mode 8 Metric Cards (.box-csm) */
[data-theme="dark"] .box-csm,
body[data-theme="dark"] .box-csm {
  background: #1c1716 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35) !important;
}

[data-theme="dark"] .box-csm:hover,
body[data-theme="dark"] .box-csm:hover {
  border-color: rgba(197, 141, 132, 0.35) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.55) !important;
  background: #221c1a !important;
}

[data-theme="dark"] .box-csm .aciklama,
body[data-theme="dark"] .box-csm .aciklama {
  color: #a89f9b !important;
}

[data-theme="dark"] .box-csm .prim-box,
body[data-theme="dark"] .box-csm .prim-box {
  color: #ffffff !important;
}

[data-theme="dark"] .box-csm .prim-box .tl,
body[data-theme="dark"] .box-csm .prim-box .tl,
[data-theme="dark"] .box-csm .prim-box span,
body[data-theme="dark"] .box-csm .prim-box span {
  color: #e59ba6 !important;
}

/* Dark Mode Transfer Form */
[data-theme="dark"] #AktarilacakTutar,
body[data-theme="dark"] #AktarilacakTutar {
  background: #25201d !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff !important;
}

[data-theme="dark"] #AktarilacakTutar:focus,
body[data-theme="dark"] #AktarilacakTutar:focus {
  border-color: #c58d84 !important;
  box-shadow: 0 0 0 3px rgba(197, 141, 132, 0.2) !important;
}

/* Dark Mode Card & Tables */
[data-theme="dark"] .back-office .card,
body[data-theme="dark"] .back-office .card {
  background: #1c1716 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35) !important;
}

[data-theme="dark"] .back-office .card-header,
body[data-theme="dark"] .back-office .card-header {
  background: #241e1c !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
}

[data-theme="dark"] .back-office .table,
body[data-theme="dark"] .back-office .table {
  color: #e5deda !important;
}

[data-theme="dark"] .back-office .table th,
body[data-theme="dark"] .back-office .table th {
  background: #211b19 !important;
  color: #a89f9b !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .back-office .table td,
body[data-theme="dark"] .back-office .table td {
  border-color: rgba(255, 255, 255, 0.06) !important;
}

[data-theme="dark"] .back-office .table-striped tbody tr:nth-of-type(odd),
body[data-theme="dark"] .back-office .table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.02) !important;
}

[data-theme="dark"] .back-office .table-hover tbody tr:hover,
body[data-theme="dark"] .back-office .table-hover tbody tr:hover {
  background-color: rgba(197, 141, 132, 0.08) !important;
}

/* Dark Mode Announcements */
[data-theme="dark"] .duyuru-takip,
body[data-theme="dark"] .duyuru-takip {
  background: #1c1716 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35) !important;
}

[data-theme="dark"] .duyuru-takip:hover,
body[data-theme="dark"] .duyuru-takip:hover {
  background: #221c1a !important;
  border-color: rgba(197, 141, 132, 0.3) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.55) !important;
}

[data-theme="dark"] .img-duyuru-kutu,
body[data-theme="dark"] .img-duyuru-kutu {
  background: #26201d !important;
}

[data-theme="dark"] .duyuru-takip-baslik,
body[data-theme="dark"] .duyuru-takip-baslik,
[data-theme="dark"] .duyuru-takip-baslik span,
body[data-theme="dark"] .duyuru-takip-baslik span {
  color: #ffffff !important;
}

[data-theme="dark"] .duyuru-takip-icerik button,
body[data-theme="dark"] .duyuru-takip-icerik button,
[data-theme="dark"] .duyuru-takip button,
body[data-theme="dark"] .duyuru-takip button {
  background: rgba(209, 133, 144, 0.15) !important;
  color: #f1a9b4 !important;
  border-color: rgba(209, 133, 144, 0.28) !important;
}

[data-theme="dark"] .duyuru-takip-icerik button:hover,
body[data-theme="dark"] .duyuru-takip-icerik button:hover,
[data-theme="dark"] .duyuru-takip button:hover,
body[data-theme="dark"] .duyuru-takip button:hover {
  background: linear-gradient(135deg, #a75d69, #bd6b78) !important;
  color: #ffffff !important;
  border-color: transparent !important;
}

/* Back-office Alerts & Action Buttons */
.back-office .alert {
  border-radius: 16px !important;
  padding: 16px 20px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  border: 1px solid transparent !important;
  margin-bottom: 24px !important;
}

.back-office .alert-success {
  background: rgba(43, 169, 104, 0.08) !important;
  color: #1e7e4a !important;
  border-color: rgba(43, 169, 104, 0.22) !important;
}

.back-office .alert-info {
  background: rgba(167, 93, 105, 0.08) !important;
  color: #a75d69 !important;
  border-color: rgba(167, 93, 105, 0.2) !important;
}

[data-theme="dark"] .back-office .alert-success,
body[data-theme="dark"] .back-office .alert-success {
  background: rgba(43, 169, 104, 0.15) !important;
  color: #79dcb0 !important;
  border-color: rgba(43, 169, 104, 0.3) !important;
}

[data-theme="dark"] .back-office .alert-info,
body[data-theme="dark"] .back-office .alert-info {
  background: rgba(209, 133, 144, 0.15) !important;
  color: #f1a9b4 !important;
  border-color: rgba(209, 133, 144, 0.25) !important;
}

.back-office .btn-danger {
  background: linear-gradient(135deg, #e04b5a, #c0394b) !important;
  border: none !important;
  border-radius: 10px !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  box-shadow: 0 4px 14px rgba(224, 75, 90, 0.3) !important;
  transition: all 0.25s ease !important;
}

.back-office .btn-danger:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(224, 75, 90, 0.45) !important;
  filter: brightness(1.06) !important;
}

/* ==========================================================================
   RESPONSIVE ADJUSTMENTS
   ========================================================================== */
@media (max-width: 991px) {
  .hdr-member-box {
    padding: 18px !important;
    border-radius: 16px !important;
  }
  .hdr-member-box-image {
    min-height: auto !important;
    padding: 18px !important;
    margin-bottom: 20px !important;
  }
  .hdr-member-content-box-2 {
    margin-top: 14px !important;
  }
  .back-office h3 {
    font-size: 20px !important;
    margin: 28px 0 16px 0 !important;
  }
  .box-csm {
    min-height: 115px !important;
    padding: 16px !important;
  }
  .box-csm .prim-box {
    font-size: 21px !important;
  }
}

@media (max-width: 575px) {
  .back-office {
    padding: 18px 0 40px 0 !important;
  }
  .referancasd {
    flex-direction: column !important;
    border-radius: 14px !important;
  }
  .referancasd .reference-copy,
  .reference-info .reference-copy {
    padding: 12px 18px !important;
    width: 100% !important;
    border-radius: 0 0 12px 12px !important;
  }
  .box-csm {
    padding: 14px !important;
    min-height: 105px !important;
    border-radius: 14px !important;
  }
  .box-csm .aciklama {
    font-size: 11px !important;
  }
  .box-csm .prim-box {
    font-size: 19px !important;
  }
}/* ==========================================================================
   PRİMLERİM PAGE STYLES (/prim)
   Comprehensive Light & Dark Theme Design
   ========================================================================== */

/* Breadcrumb Area on Inner Pages */
.border-bottom:has(.breadcrumb) {
  border-color: rgba(167, 93, 105, 0.12) !important;
  background: transparent !important;
}

ol.breadcrumb {
  background: transparent !important;
  padding: 14px 0 !important;
}

ol.breadcrumb li {
  color: #8c8280 !important;
  font-size: 14px !important;
}

ol.breadcrumb li a {
  color: #8c8280 !important;
  transition: color 0.2s ease !important;
  text-decoration: none !important;
}

ol.breadcrumb li a:hover {
  color: #a75d69 !important;
}

ol.breadcrumb li.fontFuturaBold {
  color: #2c2523 !important;
  font-weight: 700 !important;
  font-size: 18px !important;
}

ol.breadcrumb .fa-angle-right {
  color: rgba(167, 93, 105, 0.4) !important;
  font-size: 12px !important;
}

/* Info Alert Banner */
#frmUyeBilgileri .alert-info {
  background: linear-gradient(135deg, rgba(167, 93, 105, 0.08) 0%, rgba(167, 93, 105, 0.02) 100%) !important;
  border: 1px solid rgba(167, 93, 105, 0.18) !important;
  border-left: 4px solid #a75d69 !important;
  border-radius: 14px !important;
  color: #5a3c42 !important;
  padding: 16px 22px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.6 !important;
  margin-bottom: 24px !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.02) !important;
}

/* Filter Card Panel — Alt Üye Sipariş / Fatura Sayfası ile Birebir Uyumlu Flex Bar */
#frmUyeBilgileri .row.align-items-center.my-3,
#frmUyeBilgileri .prim-rebuilt {
  background: #ffffff !important;
  border: 1px solid rgba(167, 93, 105, 0.16) !important;
  border-radius: 16px !important;
  padding: 16px 20px !important;
  margin: 0 0 28px 0 !important;
  box-shadow: 0 6px 22px rgba(44, 37, 35, 0.04) !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px 14px !important;
  overflow: visible !important;
}

/* Sol Grup: << Ay Yıl >> */
#frmUyeBilgileri .prim-nav-group {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
}

/* Orta Grup: Kademe + Arama Inputu */
#frmUyeBilgileri .prim-mid-group {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex-shrink: 0 !important;
}

/* Sağ Grup: Yenile + Temizle Butonları */
#frmUyeBilgileri .prim-action-group {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
  margin-left: 0 !important;
}

#frmUyeBilgileri .prim-btn-pair {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
}

/* Select & Input Wrapper'ları */
#frmUyeBilgileri .prim-sel {
  display: flex !important;
  align-items: center !important;
  position: relative !important;
  flex-shrink: 0 !important;
}

#frmUyeBilgileri .prim-ay { 
  width: 110px !important; 
  min-width: 110px !important; 
  flex: 0 0 110px !important;
}
#frmUyeBilgileri .prim-yil { 
  width: 90px !important; 
  min-width: 90px !important; 
  flex: 0 0 90px !important;
}

#frmUyeBilgileri .prim-kademe { 
  flex: 0 0 145px !important; 
  min-width: 145px !important; 
  width: 145px !important;
}

#frmUyeBilgileri .prim-input-wrap {
  flex: 0 0 220px !important;
  min-width: 190px !important;
  width: 220px !important;
  display: flex !important;
  align-items: center !important;
}
#frmUyeBilgileri .prim-input-wrap input {
  width: 100% !important;
}

/* Form Controls (Inputs & Dropdowns) — Alt Üye Fatura ile Birebir Aynı Boyut & Font */
#frmUyeBilgileri .form-control,
#frmUyeBilgileri select,
#frmUyeBilgileri input[type="text"],
#frmUyeBilgileri #Ay,
#frmUyeBilgileri #Yil,
#frmUyeBilgileri #UyeKademe {
  height: 42px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  background: #faf7f5 !important;
  border: 1px solid rgba(167, 93, 105, 0.2) !important;
  border-radius: 10px !important;
  color: #2c2523 !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  padding: 6px 12px !important;
  transition: all 0.25s ease !important;
  box-shadow: none !important;
  margin: 0 !important;
}

/* Select Dropdown Okunun Yazının Üzerine Binmesini Engelleyen Standartlaşma */
#frmUyeBilgileri select,
#frmUyeBilgileri #Ay,
#frmUyeBilgileri #Yil,
#frmUyeBilgileri #UyeKademe {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%232c2523' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 10px center !important;
  padding-right: 28px !important;
  padding-left: 10px !important;
  cursor: pointer !important;
}

#frmUyeBilgileri .form-control:focus,
#frmUyeBilgileri select:focus,
#frmUyeBilgileri input[type="text"]:focus {
  border-color: #a75d69 !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 3px rgba(167, 93, 105, 0.15) !important;
  outline: none !important;
}

/* Month Stepper Buttons (<< and >>) — /altuyefatura ile Birebir Aynı Boyutta (42x42) */
#frmUyeBilgileri .prim-nav-btn-wrap {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  height: 42px !important;
  flex: 0 0 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
}

#frmUyeBilgileri a[onclick*="guncelle(1)"],
#frmUyeBilgileri a[onclick*="guncelle(2)"] {
  height: 42px !important;
  width: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(167, 93, 105, 0.08) !important;
  border: 1px solid rgba(167, 93, 105, 0.2) !important;
  color: #a75d69 !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  transition: all 0.25s ease !important;
  text-decoration: none !important;
  padding: 0 !important;
  box-shadow: none !important;
  flex: 0 0 42px !important;
}

#frmUyeBilgileri a[onclick*="guncelle(1)"]:hover,
#frmUyeBilgileri a[onclick*="guncelle(2)"]:hover {
  background: #a75d69 !important;
  color: #ffffff !important;
  border-color: #a75d69 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(167, 93, 105, 0.25) !important;
}

/* Action Buttons (Yenile & Temizle) — Alt Üye Fatura ile Birebir Uyumlu */
#frmUyeBilgileri a[onclick="guncelle();"] {
  height: 42px !important;
  background: linear-gradient(135deg, #a75d69, #8c4753) !important;
  border: none !important;
  color: #ffffff !important;
  border-radius: 10px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.3px !important;
  text-transform: uppercase !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 4px 14px rgba(167, 93, 105, 0.25) !important;
  transition: all 0.25s ease !important;
  text-decoration: none !important;
  padding: 0 20px !important;
  width: auto !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

#frmUyeBilgileri a[onclick="guncelle();"]:hover {
  background: linear-gradient(135deg, #b66a77, #9a505c) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 18px rgba(167, 93, 105, 0.35) !important;
  color: #ffffff !important;
}

#frmUyeBilgileri a[href*="inc.php?p="] {
  height: 42px !important;
  background: #faf7f5 !important;
  border: 1px solid rgba(167, 93, 105, 0.2) !important;
  color: #6d6260 !important;
  border-radius: 10px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px !important;
  text-transform: uppercase !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.25s ease !important;
  text-decoration: none !important;
  padding: 0 20px !important;
  box-shadow: none !important;
  width: auto !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}

#frmUyeBilgileri a[href*="inc.php?p="]:hover {
  background: #f0eae7 !important;
  color: #2c2523 !important;
  transform: translateY(-1px) !important;
  border-color: rgba(167, 93, 105, 0.35) !important;
}

/* Main Data Table */
#frmUyeBilgileri > table.table-bordered {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border: 1px solid rgba(167, 93, 105, 0.14) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  box-shadow: 0 8px 24px rgba(44, 37, 35, 0.04) !important;
  margin-bottom: 28px !important;
  width: 100% !important;
}

#frmUyeBilgileri > table.table-bordered thead th {
  background: #faf6f4 !important;
  border: none !important;
  border-bottom: 2px solid rgba(167, 93, 105, 0.15) !important;
  color: #7d7270 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.6px !important;
  padding: 14px 16px !important;
  white-space: nowrap !important;
}

#frmUyeBilgileri > table.table-bordered tbody td {
  border: none !important;
  border-bottom: 1px solid rgba(167, 93, 105, 0.08) !important;
  color: #2c2523 !important;
  font-size: 13.5px !important;
  padding: 14px 16px !important;
  vertical-align: middle !important;
  transition: background 0.15s ease !important;
}

#frmUyeBilgileri > table.table-bordered tbody tr:last-child td {
  border-bottom: none !important;
}

#frmUyeBilgileri > table.table-bordered tbody tr:hover td {
  background: rgba(167, 93, 105, 0.035) !important;
}

/* Highlighted Current User Row */
#frmUyeBilgileri > table.table-bordered tbody tr[style*="background-color"] td {
  background: rgba(167, 93, 105, 0.1) !important;
  font-weight: 600 !important;
  color: #2c2523 !important;
}

/* Member Name Link */
#frmUyeBilgileri > table.table-bordered tbody td a {
  color: #a75d69 !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

#frmUyeBilgileri > table.table-bordered tbody td a:hover {
  color: #83434d !important;
  text-decoration: underline !important;
}

/* Processed Status Badge */
#frmUyeBilgileri > table.table-bordered tbody td[style*="italic"] {
  font-style: normal !important;
}

/* Summary Card Table */
#frmUyeBilgileri .table-responsive table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  border: 1px solid rgba(167, 93, 105, 0.14) !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  background: #ffffff !important;
  box-shadow: 0 8px 24px rgba(44, 37, 35, 0.04) !important;
}

#frmUyeBilgileri .table-responsive table td {
  padding: 14px 20px !important;
  font-size: 14px !important;
  border-bottom: 1px solid rgba(167, 93, 105, 0.08) !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  color: #4a3e3b !important;
  font-weight: 600 !important;
  vertical-align: middle !important;
}

#frmUyeBilgileri .table-responsive table tr:last-child td {
  border-bottom: none !important;
}

/* Summary Color Accents */
#frmUyeBilgileri .rm {
  color: #2c2523 !important;
  font-weight: 700 !important;
  font-size: 15px !important;
}

#frmUyeBilgileri .rk {
  color: #a75d69 !important;
  font-weight: 800 !important;
  font-size: 16px !important;
}

#frmUyeBilgileri .rg {
  color: #2ba968 !important;
  font-weight: 800 !important;
  font-size: 16px !important;
}

#frmUyeBilgileri .rg1 {
  color: #d97724 !important;
  font-weight: 800 !important;
  font-size: 16px !important;
}

/* ==========================================================================
   DARK THEME: PRİMLERİM (/prim)
   ========================================================================== */
[data-theme="dark"] .border-bottom:has(.breadcrumb),
body[data-theme="dark"] .border-bottom:has(.breadcrumb) {
  border-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] ol.breadcrumb li,
body[data-theme="dark"] ol.breadcrumb li,
[data-theme="dark"] ol.breadcrumb li a,
body[data-theme="dark"] ol.breadcrumb li a {
  color: #bdaea9 !important;
}

[data-theme="dark"] ol.breadcrumb li a:hover,
body[data-theme="dark"] ol.breadcrumb li a:hover {
  color: #f0a8b2 !important;
}

[data-theme="dark"] ol.breadcrumb li.fontFuturaBold,
body[data-theme="dark"] ol.breadcrumb li.fontFuturaBold {
  color: #f5f0eb !important;
}

[data-theme="dark"] ol.breadcrumb .fa-angle-right,
body[data-theme="dark"] ol.breadcrumb .fa-angle-right {
  color: rgba(255, 255, 255, 0.25) !important;
}

/* Dark Mode Info Alert */
[data-theme="dark"] #frmUyeBilgileri .alert-info,
body[data-theme="dark"] #frmUyeBilgileri .alert-info {
  background: linear-gradient(135deg, rgba(189, 107, 120, 0.15) 0%, rgba(36, 30, 28, 0.8) 100%) !important;
  border-color: rgba(189, 107, 120, 0.3) !important;
  border-left-color: #bd6b78 !important;
  color: #f7d6db !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25) !important;
}

/* Dark Mode Filter Panel */
[data-theme="dark"] #frmUyeBilgileri .row.align-items-center.my-3,
[data-theme="dark"] #frmUyeBilgileri .prim-rebuilt,
body[data-theme="dark"] #frmUyeBilgileri .row.align-items-center.my-3,
body[data-theme="dark"] #frmUyeBilgileri .prim-rebuilt {
  background: #1c1716 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35) !important;
}

[data-theme="dark"] #frmUyeBilgileri .form-control,
[data-theme="dark"] #frmUyeBilgileri select,
[data-theme="dark"] #frmUyeBilgileri input[type="text"],
body[data-theme="dark"] #frmUyeBilgileri .form-control,
body[data-theme="dark"] #frmUyeBilgileri select,
body[data-theme="dark"] #frmUyeBilgileri input[type="text"] {
  background: #25201d !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #f5f0eb !important;
}

[data-theme="dark"] #frmUyeBilgileri .form-control:focus,
[data-theme="dark"] #frmUyeBilgileri select:focus,
[data-theme="dark"] #frmUyeBilgileri input[type="text"]:focus,
body[data-theme="dark"] #frmUyeBilgileri .form-control:focus,
body[data-theme="dark"] #frmUyeBilgileri select:focus,
body[data-theme="dark"] #frmUyeBilgileri input[type="text"]:focus {
  border-color: #bd6b78 !important;
  background: #2a2321 !important;
  box-shadow: 0 0 0 3.5px rgba(189, 107, 120, 0.25) !important;
}

[data-theme="dark"] #frmUyeBilgileri select,
[data-theme="dark"] #frmUyeBilgileri #Ay,
[data-theme="dark"] #frmUyeBilgileri #Yil,
[data-theme="dark"] #frmUyeBilgileri #UyeKademe,
body[data-theme="dark"] #frmUyeBilgileri select,
body[data-theme="dark"] #frmUyeBilgileri #Ay,
body[data-theme="dark"] #frmUyeBilgileri #Yil,
body[data-theme="dark"] #frmUyeBilgileri #UyeKademe {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23f5f0eb' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
}

/* Dark Mode Steppers */
[data-theme="dark"] #frmUyeBilgileri a[onclick*="guncelle(1)"],
[data-theme="dark"] #frmUyeBilgileri a[onclick*="guncelle(2)"],
body[data-theme="dark"] #frmUyeBilgileri a[onclick*="guncelle(1)"],
body[data-theme="dark"] #frmUyeBilgileri a[onclick*="guncelle(2)"] {
  background: rgba(189, 107, 120, 0.15) !important;
  border-color: rgba(189, 107, 120, 0.3) !important;
  color: #f7d6db !important;
}

[data-theme="dark"] #frmUyeBilgileri a[onclick*="guncelle(1)"]:hover,
[data-theme="dark"] #frmUyeBilgileri a[onclick*="guncelle(2)"]:hover,
body[data-theme="dark"] #frmUyeBilgileri a[onclick*="guncelle(1)"]:hover,
body[data-theme="dark"] #frmUyeBilgileri a[onclick*="guncelle(2)"]:hover {
  background: #bd6b78 !important;
  color: #ffffff !important;
  border-color: #bd6b78 !important;
}

/* Dark Mode Temizle Button */
[data-theme="dark"] #frmUyeBilgileri a[href*="inc.php?p="],
body[data-theme="dark"] #frmUyeBilgileri a[href*="inc.php?p="] {
  background: #25201d !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #c5b8b6 !important;
}

[data-theme="dark"] #frmUyeBilgileri a[href*="inc.php?p="]:hover,
body[data-theme="dark"] #frmUyeBilgileri a[href*="inc.php?p="]:hover {
  background: #322b28 !important;
  color: #ffffff !important;
}

/* Dark Mode Main Data Table */
[data-theme="dark"] #frmUyeBilgileri > table.table-bordered,
body[data-theme="dark"] #frmUyeBilgileri > table.table-bordered {
  background: #1c1716 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35) !important;
}

[data-theme="dark"] #frmUyeBilgileri > table.table-bordered thead th,
body[data-theme="dark"] #frmUyeBilgileri > table.table-bordered thead th {
  background: #25201d !important;
  border-bottom-color: rgba(255, 255, 255, 0.1) !important;
  color: #bdaea9 !important;
}

[data-theme="dark"] #frmUyeBilgileri > table.table-bordered tbody td,
body[data-theme="dark"] #frmUyeBilgileri > table.table-bordered tbody td {
  border-bottom-color: rgba(255, 255, 255, 0.06) !important;
  color: #f5f0eb !important;
}

[data-theme="dark"] #frmUyeBilgileri > table.table-bordered tbody tr:hover td,
body[data-theme="dark"] #frmUyeBilgileri > table.table-bordered tbody tr:hover td {
  background: rgba(255, 255, 255, 0.03) !important;
}

[data-theme="dark"] #frmUyeBilgileri > table.table-bordered tbody tr[style*="background-color"] td,
body[data-theme="dark"] #frmUyeBilgileri > table.table-bordered tbody tr[style*="background-color"] td {
  background: rgba(189, 107, 120, 0.2) !important;
  color: #ffffff !important;
}

[data-theme="dark"] #frmUyeBilgileri > table.table-bordered tbody td a,
body[data-theme="dark"] #frmUyeBilgileri > table.table-bordered tbody td a {
  color: #f0a8b2 !important;
}

/* Dark Mode Summary Table */
[data-theme="dark"] #frmUyeBilgileri .table-responsive table,
body[data-theme="dark"] #frmUyeBilgileri .table-responsive table {
  background: #1c1716 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35) !important;
}

[data-theme="dark"] #frmUyeBilgileri .table-responsive table td,
body[data-theme="dark"] #frmUyeBilgileri .table-responsive table td {
  border-bottom-color: rgba(255, 255, 255, 0.06) !important;
  color: #d8ceca !important;
}

[data-theme="dark"] #frmUyeBilgileri .rm,
body[data-theme="dark"] #frmUyeBilgileri .rm {
  color: #f5f0eb !important;
}

[data-theme="dark"] #frmUyeBilgileri .rk,
body[data-theme="dark"] #frmUyeBilgileri .rk {
  color: #f0a8b2 !important;
}

[data-theme="dark"] #frmUyeBilgileri .rg,
body[data-theme="dark"] #frmUyeBilgileri .rg {
  color: #4cd964 !important;
}

[data-theme="dark"] #frmUyeBilgileri .rg1,
body[data-theme="dark"] #frmUyeBilgileri .rg1 {
  color: #f39c12 !important;
}

/* Prim Filtre Barı Responsive Düzenleme */
@media (max-width: 991px) {
  #frmUyeBilgileri .prim-rebuilt,
  #frmUyeBilgileri .row.align-items-center.my-3 {
    flex-wrap: wrap !important;
    gap: 12px !important;
    padding: 14px 16px !important;
  }
  #frmUyeBilgileri .prim-mid-group {
    flex: 1 1 100% !important;
  }
  #frmUyeBilgileri .prim-action-group {
    margin-left: 0 !important;
    width: 100% !important;
    justify-content: flex-start !important;
  }
}

@media (max-width: 575px) {
  #frmUyeBilgileri .prim-nav-group {
    width: 100% !important;
    justify-content: space-between !important;
  }
  #frmUyeBilgileri .prim-nav-group .prim-ay,
  #frmUyeBilgileri .prim-nav-group .prim-yil {
    flex: 1 !important;
  }
  #frmUyeBilgileri .prim-mid-group {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  #frmUyeBilgileri .prim-kademe,
  #frmUyeBilgileri .prim-input-wrap {
    width: 100% !important;
  }
  #frmUyeBilgileri .prim-action-group {
    width: 100% !important;
  }
  #frmUyeBilgileri .prim-btn-pair {
    width: 100% !important;
  }
  #frmUyeBilgileri .prim-btn-pair a {
    flex: 1 !important;
  }
}


/* ==========================================================================
   BOŞ TABLO MESAJI (.prim-empty-state) — JS tarafından inject edilir
   ========================================================================== */
.prim-empty-row td {
  background: transparent !important;
  border: none !important;
}

.prim-empty-state {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 48px 24px !important;
}

.prim-empty-icon {
  width: 72px !important;
  height: 72px !important;
  background: rgba(167, 93, 105, 0.1) !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 16px !important;
}

.prim-empty-icon .fa {
  font-size: 28px !important;
  color: #a75d69 !important;
}

.prim-empty-title {
  color: #2c2523 !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  margin-bottom: 8px !important;
}

.prim-empty-desc {
  color: #8c8280 !important;
  font-size: 13.5px !important;
  text-align: center !important;
  max-width: 360px !important;
  margin: 0 !important;
  line-height: 1.6 !important;
}

/* Dark Mode — Boş Tablo Mesajı */
[data-theme="dark"] .prim-empty-icon,
body[data-theme="dark"] .prim-empty-icon {
  background: rgba(189, 107, 120, 0.18) !important;
}

[data-theme="dark"] .prim-empty-icon .fa,
body[data-theme="dark"] .prim-empty-icon .fa {
  color: #f0a8b2 !important;
}

[data-theme="dark"] .prim-empty-title,
body[data-theme="dark"] .prim-empty-title {
  color: #f5f0eb !important;
}

[data-theme="dark"] .prim-empty-desc,
body[data-theme="dark"] .prim-empty-desc {
  color: #bdaea9 !important;
}

/* Responsive Table Adjustments */
@media (max-width: 991px) {
  #frmUyeBilgileri > table.table-bordered {
    display: block !important;
    width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }
  #frmUyeBilgileri .row.align-items-center.my-3 {
    padding: 16px !important;
  }
  #frmUyeBilgileri .row.align-items-center.my-3 > [class*="col-"] {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
}

/* ==========================================================================
   ALT ÜYE SİPARİŞ / FATURA SAYFASI (/altuyefatura)
   body.page-altuyefatura ile scope edilmiştir
   ========================================================================== */

/* --- Filtre Barı Ana Kapsayıcı --- */
body.page-altuyefatura .alert.alert-info.clearfix,
body.page-altuyefatura .alert.altf-rebuilt,
.alert.alert-info:has(#Faturalanmis) {
  background: #ffffff !important;
  border: 1px solid rgba(167, 93, 105, 0.16) !important;
  border-radius: 16px !important;
  padding: 16px 20px !important;
  margin-bottom: 28px !important;
  box-shadow: 0 6px 22px rgba(44, 37, 35, 0.04) !important;
  color: inherit !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px 18px !important;
}

/* Sol Grup: << Ay Yıl >> */
body.page-altuyefatura .altf-nav-group,
.alert.alert-info:has(#Faturalanmis) .altf-nav-group {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-shrink: 0 !important;
}

/* Orta Grup: Sipariş Durumu + Kademe (İnputlar ferah ve aralıklı) */
body.page-altuyefatura .altf-mid-group,
.alert.alert-info:has(#Faturalanmis) .altf-mid-group {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  flex: 1 1 320px !important;
}

/* Sağ Grup: Checkbox + Butonlar */
body.page-altuyefatura .altf-action-group,
.alert.alert-info:has(#Faturalanmis) .altf-action-group {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  flex-shrink: 0 !important;
  margin-left: auto !important;
}

body.page-altuyefatura .altf-btn-pair,
.alert.alert-info:has(#Faturalanmis) .altf-btn-pair {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}

/* Ay / Yıl / Sipariş / Kademe select wrapper'ları */
body.page-altuyefatura .altf-sel,
.alert.alert-info:has(#Faturalanmis) .altf-sel {
  display: flex !important;
  align-items: center !important;
  position: relative !important;
}

body.page-altuyefatura .altf-ay,
.alert.alert-info:has(#Faturalanmis) .altf-ay { 
  min-width: 110px !important; 
}

body.page-altuyefatura .altf-yil,
.alert.alert-info:has(#Faturalanmis) .altf-yil { 
  min-width: 90px !important; 
}

body.page-altuyefatura .altf-durum,
.alert.alert-info:has(#Faturalanmis) .altf-durum { 
  flex: 1 1 200px !important; 
  min-width: 170px !important; 
}

body.page-altuyefatura .altf-durum select,
body.page-altuyefatura .altf-durum .form-control,
.alert.alert-info:has(#Faturalanmis) .altf-durum select,
.alert.alert-info:has(#Faturalanmis) .altf-durum .form-control {
  width: 100% !important;
}

body.page-altuyefatura .altf-kademe,
.alert.alert-info:has(#Faturalanmis) .altf-kademe { 
  flex: 0 0 135px !important; 
  min-width: 125px !important; 
}

body.page-altuyefatura .altf-kademe select,
body.page-altuyefatura .altf-kademe .form-control,
.alert.alert-info:has(#Faturalanmis) .altf-kademe select,
.alert.alert-info:has(#Faturalanmis) .altf-kademe .form-control {
  width: 100% !important;
}

/* Faturalanmışlar Checkbox - Asla Patlamaz, Çakışmasız ve Temiz */
body.page-altuyefatura .altf-check,
body.page-altuyefatura .form-check,
.alert.alert-info:has(#Faturalanmis) .altf-check,
.alert.alert-info:has(#Faturalanmis) .form-check {
  display: inline-flex !important;
  align-items: center !important;
  padding: 0 !important;
  margin: 0 !important;
  position: static !important;
}

body.page-altuyefatura .altf-check .form-check-label,
body.page-altuyefatura .form-check .form-check-label,
.alert.alert-info:has(#Faturalanmis) .altf-check .form-check-label,
.alert.alert-info:has(#Faturalanmis) .form-check .form-check-label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  position: static !important;
  margin: 0 !important;
  padding: 8px 14px !important;
  border-radius: 10px !important;
  background: rgba(167, 93, 105, 0.07) !important;
  color: #5a3c42 !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  user-select: none !important;
  white-space: nowrap !important;
  line-height: 1.2 !important;
  transition: all 0.2s ease !important;
}

body.page-altuyefatura .altf-check .form-check-label:hover,
body.page-altuyefatura .form-check .form-check-label:hover,
.alert.alert-info:has(#Faturalanmis) .altf-check .form-check-label:hover,
.alert.alert-info:has(#Faturalanmis) .form-check .form-check-label:hover {
  background: rgba(167, 93, 105, 0.13) !important;
}

body.page-altuyefatura .altf-check .form-check-input,
body.page-altuyefatura .form-check .form-check-input,
.alert.alert-info:has(#Faturalanmis) .altf-check .form-check-input,
.alert.alert-info:has(#Faturalanmis) .form-check .form-check-input {
  position: static !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 18px !important;
  height: 18px !important;
  accent-color: #a75d69 !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
}

/* Geri / İleri Ay Butonları */
body.page-altuyefatura .alert.alert-info.clearfix a.btn.btn-info,
.alert.alert-info:has(#Faturalanmis) a.btn.btn-info {
  height: 42px !important;
  min-width: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(167, 93, 105, 0.08) !important;
  border: 1px solid rgba(167, 93, 105, 0.2) !important;
  color: #a75d69 !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  transition: all 0.25s ease !important;
  text-decoration: none !important;
  box-shadow: none !important;
  padding: 0 12px !important;
}

body.page-altuyefatura .alert.alert-info.clearfix a.btn.btn-info:hover,
.alert.alert-info:has(#Faturalanmis) a.btn.btn-info:hover {
  background: #a75d69 !important;
  color: #ffffff !important;
  border-color: #a75d69 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(167, 93, 105, 0.25) !important;
}

/* Yenile Butonu */
body.page-altuyefatura .alert.alert-info.clearfix a.btn.btn-success,
.alert.alert-info:has(#Faturalanmis) a.btn.btn-success {
  height: 42px !important;
  background: linear-gradient(135deg, #a75d69, #8c4753) !important;
  border: none !important;
  color: #ffffff !important;
  border-radius: 10px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.3px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  box-shadow: 0 4px 14px rgba(167, 93, 105, 0.25) !important;
  transition: all 0.25s ease !important;
  text-decoration: none !important;
  padding: 0 18px !important;
}

body.page-altuyefatura .alert.alert-info.clearfix a.btn.btn-success:hover,
.alert.alert-info:has(#Faturalanmis) a.btn.btn-success:hover {
  background: linear-gradient(135deg, #b66a77, #9a505c) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 18px rgba(167, 93, 105, 0.35) !important;
  color: #ffffff !important;
}

/* Temizle Butonu */
body.page-altuyefatura .alert.alert-info.clearfix a.btn.btn-danger,
.alert.alert-info:has(#Faturalanmis) a.btn.btn-danger {
  height: 42px !important;
  background: #faf7f5 !important;
  border: 1px solid rgba(167, 93, 105, 0.2) !important;
  color: #6d6260 !important;
  border-radius: 10px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  transition: all 0.25s ease !important;
  text-decoration: none !important;
  padding: 0 18px !important;
  box-shadow: none !important;
}

body.page-altuyefatura .alert.alert-info.clearfix a.btn.btn-danger:hover,
.alert.alert-info:has(#Faturalanmis) a.btn.btn-danger:hover {
  background: #f0eae7 !important;
  color: #2c2523 !important;
  transform: translateY(-1px) !important;
  border-color: rgba(167, 93, 105, 0.35) !important;
}

/* Form Kontrolleri (Dropdowns & Select) */
body.page-altuyefatura .alert.alert-info.clearfix .form-control,
body.page-altuyefatura .alert.alert-info.clearfix select,
.alert.alert-info:has(#Faturalanmis) .form-control,
.alert.alert-info:has(#Faturalanmis) select {
  height: 42px !important;
  background: #faf7f5 !important;
  border: 1px solid rgba(167, 93, 105, 0.2) !important;
  border-radius: 10px !important;
  color: #2c2523 !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  padding: 6px 12px !important;
  transition: all 0.25s ease !important;
  box-shadow: none !important;
  margin: 0 !important;
}

body.page-altuyefatura .alert.alert-info.clearfix .form-control:focus,
body.page-altuyefatura .alert.alert-info.clearfix select:focus,
.alert.alert-info:has(#Faturalanmis) .form-control:focus,
.alert.alert-info:has(#Faturalanmis) select:focus {
  border-color: #a75d69 !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 3px rgba(167, 93, 105, 0.15) !important;
  outline: none !important;
}

/* --- Veri Tablosu --- */
body.page-altuyefatura .table-responsive,
.page-altuyefatura .table-responsive,
body:has(#Faturalanmis) .table-responsive {
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: 0 8px 24px rgba(44, 37, 35, 0.04) !important;
  border: 1px solid rgba(167, 93, 105, 0.14) !important;
  margin-top: 24px !important;
  margin-bottom: 28px !important;
}

body.page-altuyefatura .table-responsive table,
.page-altuyefatura .table-responsive table,
body:has(#Faturalanmis) .table-responsive table {
  border-collapse: collapse !important;
  background: #ffffff !important;
  width: 100% !important;
  margin-bottom: 0 !important;
}

body.page-altuyefatura .table-responsive table thead th {
  background: #faf6f4 !important;
  border: none !important;
  border-bottom: 2px solid rgba(167, 93, 105, 0.15) !important;
  color: #7d7270 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.6px !important;
  padding: 14px 16px !important;
  white-space: nowrap !important;
}

body.page-altuyefatura .table-responsive table tbody td {
  border: none !important;
  border-bottom: 1px solid rgba(167, 93, 105, 0.08) !important;
  color: #2c2523 !important;
  font-size: 13.5px !important;
  padding: 14px 16px !important;
  vertical-align: middle !important;
  transition: background 0.15s ease !important;
}

body.page-altuyefatura .table-responsive table tbody tr:last-child td {
  border-bottom: none !important;
}

body.page-altuyefatura .table-responsive table tbody tr:hover td {
  background: rgba(167, 93, 105, 0.035) !important;
}

body.page-altuyefatura .table-responsive table tbody tr.prim-empty-row td,
body.page-altuyefatura .table-responsive table tbody tr.prim-empty-row:hover td,
.page-altuyefatura .table-responsive table tbody tr.prim-empty-row td,
.page-altuyefatura .table-responsive table tbody tr.prim-empty-row:hover td {
  background: transparent !important;
  border: none !important;
  border-bottom: none !important;
  padding: 48px 24px !important;
}

body.page-altuyefatura .table-responsive table tbody td a {
  color: #a75d69 !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

body.page-altuyefatura .table-responsive table tbody td a:hover {
  color: #83434d !important;
  text-decoration: underline !important;
}

/* --- Ödeme Durum Badge'leri (override inline styles) --- */
body.page-altuyefatura .odenmedi {
  background: linear-gradient(135deg, #3b9dd8, #2980b9) !important;
  color: #ffffff !important;
  border-radius: 6px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 3px 8px !important;
  letter-spacing: 0.3px !important;
}

body.page-altuyefatura .odendi {
  background: linear-gradient(135deg, #27ae60, #229954) !important;
  color: #ffffff !important;
  border-radius: 6px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 3px 8px !important;
  letter-spacing: 0.3px !important;
}

body.page-altuyefatura .vadesidoldu {
  background: linear-gradient(135deg, #e74c3c, #c0392b) !important;
  color: #ffffff !important;
  border-radius: 6px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 3px 8px !important;
  letter-spacing: 0.3px !important;
}

/* --- Toplam Fatura Tutarı --- */
body.page-altuyefatura div[style*="color:#F00"] {
  background: #ffffff !important;
  border: 1px solid rgba(167, 93, 105, 0.14) !important;
  border-radius: 14px !important;
  padding: 18px 24px !important;
  box-shadow: 0 8px 24px rgba(44, 37, 35, 0.04) !important;
  margin-top: 8px !important;
  margin-bottom: 16px !important;
}

body.page-altuyefatura .rm.k {
  color: #a75d69 !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  letter-spacing: 0.3px !important;
}

/* --- Alt Üye Bulunamadı Uyarısı --- */
body.page-altuyefatura .alert.alert-danger {
  background: linear-gradient(135deg, rgba(231, 76, 60, 0.08), rgba(231, 76, 60, 0.02)) !important;
  border: 1px solid rgba(231, 76, 60, 0.2) !important;
  border-left: 4px solid #e74c3c !important;
  border-radius: 14px !important;
  color: #5a2018 !important;
  padding: 16px 22px !important;
  font-weight: 500 !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.02) !important;
}

/* ==========================================================================
   DARK THEME: ALT ÜYE SİPARİŞ / FATURA SAYFASI
   ========================================================================== */

/* Dark — Filtre Barı */
[data-theme="dark"] body.page-altuyefatura .alert.alert-info.clearfix,
[data-theme="dark"] body.page-altuyefatura .alert.altf-rebuilt,
body[data-theme="dark"].page-altuyefatura .alert.alert-info.clearfix,
body[data-theme="dark"].page-altuyefatura .alert.altf-rebuilt,
[data-theme="dark"] .page-altuyefatura .alert.alert-info,
body[data-theme="dark"] .page-altuyefatura .alert.alert-info,
[data-theme="dark"] body:has(#Faturalanmis) .alert.alert-info,
body[data-theme="dark"]:has(#Faturalanmis) .alert.alert-info,
[data-theme="dark"] .alert.alert-info:has(#Faturalanmis) {
  background: #1c1716 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 8px 26px rgba(0, 0, 0, 0.45) !important;
  color: #f5f0eb !important;
}

/* Dark — Checkbox (Faturalanmışlar) */
[data-theme="dark"] body.page-altuyefatura .altf-check .form-check-label,
[data-theme="dark"] body.page-altuyefatura .form-check .form-check-label,
body[data-theme="dark"].page-altuyefatura .altf-check .form-check-label,
body[data-theme="dark"].page-altuyefatura .form-check .form-check-label,
[data-theme="dark"] .page-altuyefatura .form-check-label,
body[data-theme="dark"] .page-altuyefatura .form-check-label,
[data-theme="dark"] body:has(#Faturalanmis) .form-check-label,
body[data-theme="dark"]:has(#Faturalanmis) .form-check-label,
[data-theme="dark"] .alert.alert-info:has(#Faturalanmis) .form-check-label {
  background: #25201d !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #f5f0eb !important;
}

[data-theme="dark"] body.page-altuyefatura .altf-check .form-check-label:hover,
[data-theme="dark"] body.page-altuyefatura .form-check .form-check-label:hover,
body[data-theme="dark"].page-altuyefatura .altf-check .form-check-label:hover,
body[data-theme="dark"].page-altuyefatura .form-check .form-check-label:hover,
[data-theme="dark"] body:has(#Faturalanmis) .form-check-label:hover,
body[data-theme="dark"]:has(#Faturalanmis) .form-check-label:hover {
  background: #2f2825 !important;
  border-color: rgba(189, 107, 120, 0.35) !important;
}

[data-theme="dark"] body.page-altuyefatura .altf-check .form-check-input,
[data-theme="dark"] body.page-altuyefatura .form-check .form-check-input,
body[data-theme="dark"].page-altuyefatura .altf-check .form-check-input,
body[data-theme="dark"].page-altuyefatura .form-check .form-check-input,
[data-theme="dark"] body:has(#Faturalanmis) .form-check-input,
body[data-theme="dark"]:has(#Faturalanmis) .form-check-input {
  accent-color: #bd6b78 !important;
}

/* Dark — Select / Form kontrolleri */
[data-theme="dark"] body.page-altuyefatura .altf-sel select,
[data-theme="dark"] body.page-altuyefatura .altf-sel .form-control,
body[data-theme="dark"].page-altuyefatura .altf-sel select,
body[data-theme="dark"].page-altuyefatura .altf-sel .form-control,
[data-theme="dark"] .page-altuyefatura .alert.alert-info select,
[data-theme="dark"] .page-altuyefatura .alert.alert-info .form-control,
[data-theme="dark"] body:has(#Faturalanmis) .alert.alert-info select,
body[data-theme="dark"]:has(#Faturalanmis) .alert.alert-info select,
[data-theme="dark"] .alert.alert-info:has(#Faturalanmis) select,
[data-theme="dark"] .alert.alert-info:has(#Faturalanmis) .form-control {
  background: #25201d !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #f5f0eb !important;
}

[data-theme="dark"] body.page-altuyefatura .alert.alert-info select:focus,
[data-theme="dark"] body.page-altuyefatura .alert.alert-info .form-control:focus,
body[data-theme="dark"].page-altuyefatura .alert.alert-info select:focus,
body[data-theme="dark"].page-altuyefatura .alert.alert-info .form-control:focus,
[data-theme="dark"] body:has(#Faturalanmis) .alert.alert-info select:focus,
body[data-theme="dark"]:has(#Faturalanmis) .alert.alert-info select:focus {
  border-color: #bd6b78 !important;
  background: #2c2522 !important;
  box-shadow: 0 0 0 3px rgba(189, 107, 120, 0.25) !important;
}

[data-theme="dark"] body.page-altuyefatura .alert.alert-info select option,
body[data-theme="dark"].page-altuyefatura .alert.alert-info select option,
[data-theme="dark"] body:has(#Faturalanmis) .alert.alert-info select option {
  background: #25201d !important;
  color: #f5f0eb !important;
}

/* Dark — << >> Butonları */
[data-theme="dark"] body.page-altuyefatura .alert.alert-info.clearfix a.btn.btn-info,
body[data-theme="dark"].page-altuyefatura .alert.alert-info.clearfix a.btn.btn-info,
[data-theme="dark"] .page-altuyefatura .alert.alert-info a.btn.btn-info,
[data-theme="dark"] body:has(#Faturalanmis) a.btn.btn-info,
body[data-theme="dark"]:has(#Faturalanmis) a.btn.btn-info {
  background: rgba(189, 107, 120, 0.15) !important;
  border-color: rgba(189, 107, 120, 0.3) !important;
  color: #f7d6db !important;
}

[data-theme="dark"] body.page-altuyefatura .alert.alert-info.clearfix a.btn.btn-info:hover,
body[data-theme="dark"].page-altuyefatura .alert.alert-info.clearfix a.btn.btn-info:hover,
[data-theme="dark"] .page-altuyefatura .alert.alert-info a.btn.btn-info:hover,
[data-theme="dark"] body:has(#Faturalanmis) a.btn.btn-info:hover,
body[data-theme="dark"]:has(#Faturalanmis) a.btn.btn-info:hover {
  background: #bd6b78 !important;
  color: #ffffff !important;
  border-color: #bd6b78 !important;
}

/* Dark — Yenile Butonu */
[data-theme="dark"] body.page-altuyefatura .alert.alert-info.clearfix a.btn.btn-success,
body[data-theme="dark"].page-altuyefatura .alert.alert-info.clearfix a.btn.btn-success,
[data-theme="dark"] .page-altuyefatura .alert.alert-info a.btn.btn-success,
[data-theme="dark"] body:has(#Faturalanmis) a.btn.btn-success,
body[data-theme="dark"]:has(#Faturalanmis) a.btn.btn-success {
  background: linear-gradient(135deg, #bd6b78, #a75d69) !important;
  box-shadow: 0 4px 14px rgba(189, 107, 120, 0.35) !important;
  color: #ffffff !important;
}

[data-theme="dark"] body.page-altuyefatura .alert.alert-info.clearfix a.btn.btn-success:hover,
body[data-theme="dark"].page-altuyefatura .alert.alert-info.clearfix a.btn.btn-success:hover,
[data-theme="dark"] .page-altuyefatura .alert.alert-info a.btn.btn-success:hover,
[data-theme="dark"] body:has(#Faturalanmis) a.btn.btn-success:hover,
body[data-theme="dark"]:has(#Faturalanmis) a.btn.btn-success:hover {
  background: linear-gradient(135deg, #c97b87, #b66a77) !important;
  box-shadow: 0 6px 18px rgba(189, 107, 120, 0.45) !important;
  color: #ffffff !important;
}

/* Dark — Temizle Butonu */
[data-theme="dark"] body.page-altuyefatura .alert.alert-info.clearfix a.btn.btn-danger,
body[data-theme="dark"].page-altuyefatura .alert.alert-info.clearfix a.btn.btn-danger,
[data-theme="dark"] .page-altuyefatura .alert.alert-info a.btn.btn-danger,
[data-theme="dark"] body:has(#Faturalanmis) a.btn.btn-danger,
body[data-theme="dark"]:has(#Faturalanmis) a.btn.btn-danger {
  background: #25201d !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #c5b8b6 !important;
}

[data-theme="dark"] body.page-altuyefatura .alert.alert-info.clearfix a.btn.btn-danger:hover,
body[data-theme="dark"].page-altuyefatura .alert.alert-info.clearfix a.btn.btn-danger:hover,
[data-theme="dark"] .page-altuyefatura .alert.alert-info a.btn.btn-danger:hover,
[data-theme="dark"] body:has(#Faturalanmis) a.btn.btn-danger:hover,
body[data-theme="dark"]:has(#Faturalanmis) a.btn.btn-danger:hover {
  background: #322b28 !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
}

/* Dark — Tablo */
[data-theme="dark"] body.page-altuyefatura .table-responsive,
body[data-theme="dark"].page-altuyefatura .table-responsive,
[data-theme="dark"] .page-altuyefatura .table-responsive,
[data-theme="dark"] body:has(#Faturalanmis) .table-responsive,
body[data-theme="dark"]:has(#Faturalanmis) .table-responsive {
  background: #1c1716 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 8px 26px rgba(0, 0, 0, 0.35) !important;
}

[data-theme="dark"] body.page-altuyefatura .table-responsive table,
body[data-theme="dark"].page-altuyefatura .table-responsive table,
[data-theme="dark"] .page-altuyefatura .table-responsive table,
[data-theme="dark"] body:has(#Faturalanmis) .table-responsive table,
body[data-theme="dark"]:has(#Faturalanmis) .table-responsive table {
  background: #1c1716 !important;
}

[data-theme="dark"] body.page-altuyefatura .table-responsive table thead th,
body[data-theme="dark"].page-altuyefatura .table-responsive table thead th,
[data-theme="dark"] .page-altuyefatura .table-responsive table thead th,
[data-theme="dark"] body:has(#Faturalanmis) .table-responsive table thead th,
body[data-theme="dark"]:has(#Faturalanmis) .table-responsive table thead th {
  background: #25201d !important;
  border-bottom-color: rgba(255, 255, 255, 0.1) !important;
  color: #bdaea9 !important;
}

[data-theme="dark"] body.page-altuyefatura .table-responsive table tbody td,
body[data-theme="dark"].page-altuyefatura .table-responsive table tbody td,
[data-theme="dark"] .page-altuyefatura .table-responsive table tbody td,
[data-theme="dark"] body:has(#Faturalanmis) .table-responsive table tbody td,
body[data-theme="dark"]:has(#Faturalanmis) .table-responsive table tbody td {
  background: #1c1716 !important;
  border-bottom-color: rgba(255, 255, 255, 0.06) !important;
  color: #f5f0eb !important;
}

[data-theme="dark"] body.page-altuyefatura .table-responsive table tbody tr:hover td,
body[data-theme="dark"].page-altuyefatura .table-responsive table tbody tr:hover td,
[data-theme="dark"] .page-altuyefatura .table-responsive table tbody tr:hover td,
[data-theme="dark"] body:has(#Faturalanmis) .table-responsive table tbody tr:hover td,
body[data-theme="dark"]:has(#Faturalanmis) .table-responsive table tbody tr:hover td {
  background: rgba(255, 255, 255, 0.04) !important;
}

[data-theme="dark"] body.page-altuyefatura .table-responsive table tbody td a,
body[data-theme="dark"].page-altuyefatura .table-responsive table tbody td a,
[data-theme="dark"] .page-altuyefatura .table-responsive table tbody td a,
[data-theme="dark"] body:has(#Faturalanmis) .table-responsive table tbody td a,
body[data-theme="dark"]:has(#Faturalanmis) .table-responsive table tbody td a {
  color: #f0a8b2 !important;
}

[data-theme="dark"] body.page-altuyefatura .table-responsive table tbody td a:hover,
body[data-theme="dark"].page-altuyefatura .table-responsive table tbody td a:hover,
[data-theme="dark"] .page-altuyefatura .table-responsive table tbody td a:hover {
  color: #ffffff !important;
}

/* Dark — Ödeme Durum Rozetleri */
[data-theme="dark"] body.page-altuyefatura .odenmedi,
body[data-theme="dark"].page-altuyefatura .odenmedi,
[data-theme="dark"] body:has(#Faturalanmis) .odenmedi {
  box-shadow: 0 2px 8px rgba(56, 189, 248, 0.35) !important;
}

[data-theme="dark"] body.page-altuyefatura .odendi,
body[data-theme="dark"].page-altuyefatura .odendi,
[data-theme="dark"] body:has(#Faturalanmis) .odendi {
  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.35) !important;
}

[data-theme="dark"] body.page-altuyefatura .vadesidoldu,
body[data-theme="dark"].page-altuyefatura .vadesidoldu,
[data-theme="dark"] body:has(#Faturalanmis) .vadesidoldu {
  box-shadow: 0 2px 8px rgba(248, 113, 113, 0.35) !important;
}

/* Dark — Toplam Fatura Tutarı Kutusu */
[data-theme="dark"] body.page-altuyefatura div[style*="color:#F00"],
body[data-theme="dark"].page-altuyefatura div[style*="color:#F00"],
[data-theme="dark"] .page-altuyefatura div[style*="color:#F00"],
[data-theme="dark"] body:has(#Faturalanmis) div[style*="color:#F00"],
body[data-theme="dark"]:has(#Faturalanmis) div[style*="color:#F00"] {
  background: #1c1716 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35) !important;
}

[data-theme="dark"] body.page-altuyefatura .rm.k,
body[data-theme="dark"].page-altuyefatura .rm.k,
[data-theme="dark"] .page-altuyefatura .rm.k,
[data-theme="dark"] body:has(#Faturalanmis) .rm.k,
body[data-theme="dark"]:has(#Faturalanmis) .rm.k {
  color: #f0a8b2 !important;
}

/* Dark — Hata Uyarısı */
[data-theme="dark"] body.page-altuyefatura .alert.alert-danger,
body[data-theme="dark"].page-altuyefatura .alert.alert-danger,
[data-theme="dark"] .page-altuyefatura .alert.alert-danger {
  background: linear-gradient(135deg, rgba(231, 76, 60, 0.18), rgba(36, 30, 28, 0.9)) !important;
  border-color: rgba(231, 76, 60, 0.35) !important;
  color: #f7c6c1 !important;
}

/* Responsive */
@media (max-width: 767px) {
  body.page-altuyefatura .alert.alert-info.clearfix {
    gap: 8px !important;
    padding: 14px 16px !important;
  }
  body.page-altuyefatura .alert.alert-info.clearfix a.btn {
    padding: 0 12px !important;
    font-size: 12px !important;
  }
}


/* ==========================================================================
   ALT ÜYELER AĞAÇ GÖRÜNÜMÜ (/altuyelerimagac)
   #fmrAltUyeAgaci ile scope edilmiştir
   ========================================================================== */

/* --- 1. Filtre Satırı (Kusursuz Flex Bar) --- */
#fmrAltUyeAgaci .divAltUyelerim > .row:first-child,
#fmrAltUyeAgaci .altagac-filter-row {
  background: #ffffff !important;
  border: 1px solid rgba(167, 93, 105, 0.16) !important;
  border-radius: 16px !important;
  padding: 14px 18px !important;
  margin: 0 0 20px 0 !important;
  box-shadow: 0 6px 22px rgba(44, 37, 35, 0.04) !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px 12px !important;
}

#fmrAltUyeAgaci .divAltUyelerim > .row:first-child > div,
#fmrAltUyeAgaci .altagac-filter-row > div {
  width: auto !important;
  max-width: none !important;
  flex: 0 0 auto !important;
  padding: 0 !important;
  margin: 0 !important;
  float: none !important;
}

/* << ve >> Butonları */
#fmrAltUyeAgaci a[onclick*="guncelle(1)"],
#fmrAltUyeAgaci a[onclick*="guncelle(2)"] {
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(167, 93, 105, 0.08) !important;
  border: 1px solid rgba(167, 93, 105, 0.2) !important;
  color: #a75d69 !important;
  border-radius: 10px !important;
  font-weight: 700 !important;
  font-size: 15px !important;
  padding: 0 !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  text-decoration: none !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

#fmrAltUyeAgaci a[onclick*="guncelle(1)"]:hover,
#fmrAltUyeAgaci a[onclick*="guncelle(2)"]:hover {
  background: #a75d69 !important;
  color: #ffffff !important;
  border-color: #a75d69 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(167, 93, 105, 0.25) !important;
}

/* Dropdown'lar (#cmbAy, #cmbYil) */
#fmrAltUyeAgaci #cmbAy select {
  width: 115px !important;
  min-width: 115px !important;
}

#fmrAltUyeAgaci #cmbYil select {
  width: 95px !important;
  min-width: 95px !important;
}

#fmrAltUyeAgaci #cmbAy select,
#fmrAltUyeAgaci #cmbYil select,
#fmrAltUyeAgaci .form-control {
  height: 42px !important;
  background: #faf7f5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23a75d69' d='M1.41 0L6 4.58 10.59 0 12 1.41l-6 6-6-6z'/%3E%3C/svg%3E") no-repeat right 12px center !important;
  border: 1px solid rgba(167, 93, 105, 0.2) !important;
  border-radius: 10px !important;
  color: #2c2523 !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  padding: 0 28px 0 14px !important;
  line-height: 42px !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  transition: all 0.25s ease !important;
  box-shadow: none !important;
  cursor: pointer !important;
}

#fmrAltUyeAgaci #cmbAy select:focus,
#fmrAltUyeAgaci #cmbYil select:focus,
#fmrAltUyeAgaci .form-control:focus {
  border-color: #a75d69 !important;
  background-color: #ffffff !important;
  box-shadow: 0 0 0 3px rgba(167, 93, 105, 0.15) !important;
  outline: none !important;
}

/* Yenile Butonu */
#fmrAltUyeAgaci a[onclick="guncelle();"] {
  height: 42px !important;
  background: linear-gradient(135deg, #a75d69, #8c4753) !important;
  border: none !important;
  color: #ffffff !important;
  border-radius: 10px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.4px !important;
  text-transform: uppercase !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  padding: 0 22px !important;
  box-shadow: 0 4px 14px rgba(167, 93, 105, 0.25) !important;
  transition: all 0.25s ease !important;
  text-decoration: none !important;
  cursor: pointer !important;
  width: auto !important;
}

#fmrAltUyeAgaci a[onclick="guncelle();"]:hover {
  background: linear-gradient(135deg, #b66a77, #9a505c) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 18px rgba(167, 93, 105, 0.35) !important;
  color: #ffffff !important;
}

/* Liste Görünümü Butonu (#btnUyeAgaci) */
#fmrAltUyeAgaci #btnUyeAgaci {
  height: 42px !important;
  background: #faf7f5 !important;
  border: 1px solid rgba(167, 93, 105, 0.2) !important;
  color: #6d6260 !important;
  border-radius: 10px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0.4px !important;
  text-transform: uppercase !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  padding: 0 20px !important;
  transition: all 0.25s ease !important;
  text-decoration: none !important;
  box-shadow: none !important;
  cursor: pointer !important;
  width: auto !important;
}

#fmrAltUyeAgaci #btnUyeAgaci:hover {
  background: #f0eae7 !important;
  color: #2c2523 !important;
  transform: translateY(-1px) !important;
  border-color: rgba(167, 93, 105, 0.35) !important;
}


/* --- 2. Efsane / Açıklayıcı Kart Alanı (.aciklayici) --- */
#fmrAltUyeAgaci .row.aciklayici {
  background: #ffffff !important;
  border: 1px solid rgba(167, 93, 105, 0.14) !important;
  border-radius: 16px !important;
  padding: 14px 18px !important;
  margin: 0 0 22px 0 !important;
  box-shadow: 0 6px 22px rgba(44, 37, 35, 0.04) !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

#fmrAltUyeAgaci .aciklayici > div {
  flex: 1 1 180px !important;
  max-width: none !important;
  width: auto !important;
  padding: 10px 14px !important;
  margin: 0 !important;
  background: #faf7f5 !important;
  border: 1px solid rgba(167, 93, 105, 0.1) !important;
  border-radius: 12px !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  transition: all 0.2s ease !important;
}

#fmrAltUyeAgaci .aciklayici > div:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 14px rgba(44, 37, 35, 0.06) !important;
  border-color: rgba(167, 93, 105, 0.25) !important;
  background: #ffffff !important;
}

#fmrAltUyeAgaci .aciklayici img {
  width: 28px !important;
  height: 28px !important;
  object-fit: contain !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
}

#fmrAltUyeAgaci .aciklayici .texr-center {
  margin: 0 !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  color: #433835 !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
}


/* --- 3. Ağaç / Tablo Kart Alanı (.kptree-table-card & .kptree) --- */
#fmrAltUyeAgaci .kptree-table-card {
  background: #ffffff !important;
  border: 1px solid rgba(167, 93, 105, 0.16) !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 26px rgba(44, 37, 35, 0.04) !important;
  overflow: hidden !important;
  margin-top: 10px !important;
  margin-bottom: 30px !important;
}

/* Başlık Satırı (İlk .kptree) */
#fmrAltUyeAgaci .kptree:first-of-type {
  background: #faf6f4 !important;
  border: none !important;
  border-bottom: 2px solid rgba(167, 93, 105, 0.15) !important;
  border-radius: 0 !important;
  padding: 14px 20px !important;
  margin: 0 !important;
  box-shadow: none !important;
  display: block !important;
}

#fmrAltUyeAgaci .kptree:first-of-type .clearfix {
  display: block !important;
}

#fmrAltUyeAgaci .kptree:first-of-type .kabin {
  color: #7d7270 !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.6px !important;
  line-height: 22px !important;
  padding: 0 !important;
}

/* Başlık kolon genişlikleri ve hizaları */
#fmrAltUyeAgaci .kptree:first-of-type .kabin:nth-child(1) {
  float: left !important;
  width: auto !important;
  font-weight: 800 !important;
  color: #5c504e !important;
}

#fmrAltUyeAgaci .kptree:first-of-type .kabin:nth-child(2) {
  float: left !important;
  width: auto !important;
}

#fmrAltUyeAgaci .kptree:first-of-type .kabin:nth-child(3) {
  float: right !important;
  width: 110px !important;
  text-align: center !important;
}

#fmrAltUyeAgaci .kptree:first-of-type .kabin:nth-child(4) {
  float: right !important;
  width: 110px !important;
  text-align: right !important;
  padding-right: 12px !important;
}

#fmrAltUyeAgaci .kptree:first-of-type .kabin:nth-child(5) {
  float: right !important;
  width: 110px !important;
  text-align: right !important;
  padding-right: 12px !important;
}

#fmrAltUyeAgaci .kptree:first-of-type .kabin:nth-child(6) {
  float: right !important;
  width: 110px !important;
  text-align: right !important;
  padding-right: 12px !important;
}

#fmrAltUyeAgaci .kptree:first-of-type .kabin:nth-child(7) {
  float: right !important;
  width: 110px !important;
  text-align: center !important;
}

/* Veri Gövdesi (İkinci .kptree) */
#fmrAltUyeAgaci .kptree:last-of-type,
#fmrAltUyeAgaci .kptree {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

#fmrAltUyeAgaci .kptree ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Çocuk Düğümler İçin Girinti ve Hiyerarşi Çizgisi */
#fmrAltUyeAgaci .kptree ul ul {
  padding-left: 28px !important;
  position: relative !important;
}

#fmrAltUyeAgaci .kptree ul ul::before {
  content: "" !important;
  position: absolute !important;
  left: 14px !important;
  top: 0 !important;
  bottom: 12px !important;
  width: 1px !important;
  border-left: 1px dashed rgba(167, 93, 105, 0.22) !important;
}

/* Satır Kutuları & Ağaç Düğüm Satırları */
#fmrAltUyeAgaci .kptree ul li li,
#fmrAltUyeAgaci .kptree ul li > div {
  padding: 10px 18px !important;
  min-height: 50px !important;
  border-top: none !important;
  border-bottom: 1px solid rgba(167, 93, 105, 0.08) !important;
  background: #ffffff !important;
  transition: background 0.15s ease !important;
  display: block !important;
  clear: both !important;
  position: relative !important;
}

#fmrAltUyeAgaci .kptree ul li li:hover,
#fmrAltUyeAgaci .kptree ul li > div:hover {
  background: rgba(167, 93, 105, 0.035) !important;
}

#fmrAltUyeAgaci .kptree ul li li:nth-child(odd),
#fmrAltUyeAgaci .kptree ul > li:nth-child(odd) > div {
  background: #ffffff !important;
}

#fmrAltUyeAgaci .kptree ul li li:nth-child(even),
#fmrAltUyeAgaci .kptree ul > li:nth-child(even) > div {
  background: #fdfaf9 !important;
}

/* Alt Düğümlerin UL Listesi */
#fmrAltUyeAgaci .kptree ul li li > ul {
  padding-left: 24px !important;
  margin: 6px 0 0 0 !important;
  position: relative !important;
  clear: both !important;
}

/* Genişlet / Daralt Düğmeleri */
#fmrAltUyeAgaci .kptree ul li i.fa-plus,
#fmrAltUyeAgaci .kptree ul li i.fa-minus,
#fmrAltUyeAgaci .kptree ul li i.fa-plus-square-o,
#fmrAltUyeAgaci .kptree ul li i.fa-minus-square-o {
  width: 22px !important;
  height: 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 6px !important;
  background: rgba(167, 93, 105, 0.08) !important;
  border: 1px solid rgba(167, 93, 105, 0.2) !important;
  color: #a75d69 !important;
  font-size: 11px !important;
  cursor: pointer !important;
  margin-right: 10px !important;
  float: left !important;
  margin-top: 4px !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  box-shadow: none !important;
}

#fmrAltUyeAgaci .kptree ul li i.fa-minus {
  background: #a75d69 !important;
  color: #ffffff !important;
  border-color: #a75d69 !important;
}

#fmrAltUyeAgaci .kptree ul li i.fa-plus:hover,
#fmrAltUyeAgaci .kptree ul li i.fa-minus:hover,
#fmrAltUyeAgaci .kptree ul li i.fa-plus-square-o:hover,
#fmrAltUyeAgaci .kptree ul li i.fa-minus-square-o:hover {
  background: #83434d !important;
  border-color: #83434d !important;
  color: #ffffff !important;
  transform: scale(1.1) !important;
}

/* Yaprak Düğüm Noktası (Alt üyesi olmayan) */
#fmrAltUyeAgaci .kptree ul li i.fa-circle-notch {
  width: 22px !important;
  height: 22px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #d1c7c5 !important;
  font-size: 8px !important;
  margin-right: 10px !important;
  float: left !important;
  margin-top: 4px !important;
  cursor: default !important;
  border: none !important;
  background: transparent !important;
  opacity: 0.7 !important;
}

/* Satır İçi Hücreler (.kabin) */
#fmrAltUyeAgaci .kptree ul li .kabin,
#fmrAltUyeAgaci .kptree ul li div > .kabin {
  color: #2c2523 !important;
  font-size: 13px !important;
  line-height: 30px !important;
}

/* Üye Bilgisi Kolonu (Avatar + Üye No + Adı Soyadı) */
#fmrAltUyeAgaci .kptree ul li .kabin:not(.rm):not(.hidden-xs),
#fmrAltUyeAgaci .kptree ul li div > .kabin:not(.rm):not(.hidden-xs) {
  float: left !important;
  width: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 0 !important;
}

#fmrAltUyeAgaci .kptree ul li .kabin img,
#fmrAltUyeAgaci .kptree ul li div > .kabin img {
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  margin-right: 10px !important;
  object-fit: contain !important;
  vertical-align: middle !important;
  background: #ffffff !important;
  border: 1.5px solid rgba(167, 93, 105, 0.16) !important;
  padding: 1.5px !important;
  box-shadow: 0 2px 6px rgba(44, 37, 35, 0.05) !important;
}

/* Üye No Rozeti */
#fmrAltUyeAgaci .agac-uye-no {
  background: rgba(167, 93, 105, 0.08) !important;
  border: 1px solid rgba(167, 93, 105, 0.18) !important;
  color: #8c4753 !important;
  border-radius: 6px !important;
  padding: 2px 7px !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  margin-right: 8px !important;
  letter-spacing: 0.3px !important;
  display: inline-block !important;
  line-height: normal !important;
}

/* Üye Adı Soyadı */
#fmrAltUyeAgaci .agac-uye-ad {
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: #2c2523 !important;
  letter-spacing: 0.15px !important;
}

#fmrAltUyeAgaci .kptree ul li .kabin a,
#fmrAltUyeAgaci .kptree ul li div > .kabin a {
  color: #2c2523 !important;
  font-weight: 600 !important;
  font-size: 13.5px !important;
  text-decoration: none !important;
  transition: color 0.2s ease !important;
}

#fmrAltUyeAgaci .kptree ul li .kabin a:hover,
#fmrAltUyeAgaci .kptree ul li div > .kabin a:hover {
  color: #a75d69 !important;
  text-decoration: underline !important;
}

/* Toplam Üye Sayısı Rozeti */
#fmrAltUyeAgaci .agac-count-badge {
  background: #fdf2f4 !important;
  border: 1px solid rgba(167, 93, 105, 0.22) !important;
  color: #a75d69 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  border-radius: 12px !important;
  padding: 2px 10px !important;
  min-width: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 1px 3px rgba(167, 93, 105, 0.08) !important;
  line-height: normal !important;
}

/* Puan Değerleri */
#fmrAltUyeAgaci .agac-puan-active {
  color: #2c2523 !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  background: rgba(167, 93, 105, 0.06) !important;
  padding: 3px 8px !important;
  border-radius: 6px !important;
  display: inline-block !important;
  line-height: normal !important;
}

#fmrAltUyeAgaci .agac-puan-active small {
  font-size: 11px !important;
  color: #a75d69 !important;
  font-weight: 700 !important;
  margin-left: 1px !important;
}

#fmrAltUyeAgaci .agac-puan-zero {
  color: #b5aba9 !important;
  font-weight: 500 !important;
  font-size: 12.5px !important;
}

#fmrAltUyeAgaci .agac-puan-zero small {
  font-size: 10.5px !important;
  opacity: 0.8 !important;
}

/* İşlem Kolonu (Üye Kaydet Butonu) */
#fmrAltUyeAgaci .kptree ul li .kabin.rm:has(a.btn),
#fmrAltUyeAgaci .kptree ul li .kabin:nth-child(3),
#fmrAltUyeAgaci .kptree ul li div > .kabin.rm:has(a.btn),
#fmrAltUyeAgaci .kptree ul li div > .kabin:nth-child(3) {
  float: right !important;
  width: 110px !important;
  text-align: center !important;
}

#fmrAltUyeAgaci .kptree a.btn.btn-xs.btn-success {
  background: linear-gradient(135deg, #10b981, #059669) !important;
  border: none !important;
  border-radius: 20px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 0.4px !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
  padding: 5px 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 2px 8px rgba(16, 185, 129, 0.28) !important;
  text-decoration: none !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  line-height: normal !important;
}

#fmrAltUyeAgaci .kptree a.btn.btn-xs.btn-success:hover {
  background: linear-gradient(135deg, #059669, #047857) !important;
  transform: translateY(-1px) scale(1.02) !important;
  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.38) !important;
  color: #ffffff !important;
}

/* Puan ve Üye Kolonları */
#fmrAltUyeAgaci .kptree ul li .kabin.rm:not(:has(a.btn)),
#fmrAltUyeAgaci .kptree ul li div > .kabin.rm:not(:has(a.btn)) {
  float: right !important;
  width: 110px !important;
  text-align: right !important;
  padding-right: 12px !important;
  font-weight: 600 !important;
  color: #2c2523 !important;
  font-size: 13px !important;
}

#fmrAltUyeAgaci .kptree ul li .kabin.hidden-xs.rm:last-child,
#fmrAltUyeAgaci .kptree ul li div > .kabin.hidden-xs.rm:last-child {
  float: right !important;
  width: 110px !important;
  text-align: center !important;
  padding-right: 0 !important;
  font-weight: 600 !important;
  color: #2c2523 !important;
  font-size: 13px !important;
}


/* ==========================================================================
   DARK THEME: ALT ÜYELER AĞAÇ GÖRÜNÜMÜ
   ========================================================================== */

/* Dark — Filtre Satırı */
[data-theme="dark"] #fmrAltUyeAgaci .divAltUyelerim > .row:first-child,
[data-theme="dark"] #fmrAltUyeAgaci .altagac-filter-row,
body[data-theme="dark"] #fmrAltUyeAgaci .divAltUyelerim > .row:first-child,
body[data-theme="dark"] #fmrAltUyeAgaci .altagac-filter-row {
  background: #1c1716 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35) !important;
}

/* Dark — << >> Butonları */
[data-theme="dark"] #fmrAltUyeAgaci a[onclick*="guncelle(1)"],
[data-theme="dark"] #fmrAltUyeAgaci a[onclick*="guncelle(2)"],
body[data-theme="dark"] #fmrAltUyeAgaci a[onclick*="guncelle(1)"],
body[data-theme="dark"] #fmrAltUyeAgaci a[onclick*="guncelle(2)"] {
  background: rgba(189, 107, 120, 0.15) !important;
  border-color: rgba(189, 107, 120, 0.3) !important;
  color: #f7d6db !important;
}

[data-theme="dark"] #fmrAltUyeAgaci a[onclick*="guncelle(1)"]:hover,
[data-theme="dark"] #fmrAltUyeAgaci a[onclick*="guncelle(2)"]:hover,
body[data-theme="dark"] #fmrAltUyeAgaci a[onclick*="guncelle(1)"]:hover,
body[data-theme="dark"] #fmrAltUyeAgaci a[onclick*="guncelle(2)"]:hover {
  background: #bd6b78 !important;
  color: #ffffff !important;
  border-color: #bd6b78 !important;
}

/* Dark — Yenile */
[data-theme="dark"] #fmrAltUyeAgaci a[onclick="guncelle();"],
body[data-theme="dark"] #fmrAltUyeAgaci a[onclick="guncelle();"] {
  background: linear-gradient(135deg, #bd6b78, #c97b87) !important;
  box-shadow: 0 4px 14px rgba(189, 107, 120, 0.35) !important;
  color: #ffffff !important;
}

/* Dark — Liste Görünümü */
[data-theme="dark"] #fmrAltUyeAgaci #btnUyeAgaci,
body[data-theme="dark"] #fmrAltUyeAgaci #btnUyeAgaci {
  background: #25201d !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #c5b8b6 !important;
}

[data-theme="dark"] #fmrAltUyeAgaci #btnUyeAgaci:hover,
body[data-theme="dark"] #fmrAltUyeAgaci #btnUyeAgaci:hover {
  background: #322b28 !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.22) !important;
}

/* Dark — Dropdowns */
[data-theme="dark"] #fmrAltUyeAgaci #cmbAy select,
[data-theme="dark"] #fmrAltUyeAgaci #cmbYil select,
[data-theme="dark"] #fmrAltUyeAgaci .form-control,
body[data-theme="dark"] #fmrAltUyeAgaci #cmbAy select,
body[data-theme="dark"] #fmrAltUyeAgaci #cmbYil select,
body[data-theme="dark"] #fmrAltUyeAgaci .form-control {
  background-color: #25201d !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #f5f0eb !important;
}

[data-theme="dark"] #fmrAltUyeAgaci #cmbAy select:focus,
[data-theme="dark"] #fmrAltUyeAgaci #cmbYil select:focus,
[data-theme="dark"] #fmrAltUyeAgaci .form-control:focus,
body[data-theme="dark"] #fmrAltUyeAgaci #cmbAy select:focus,
body[data-theme="dark"] #fmrAltUyeAgaci #cmbYil select:focus,
body[data-theme="dark"] #fmrAltUyeAgaci .form-control:focus {
  border-color: #bd6b78 !important;
  background-color: #2c2522 !important;
  box-shadow: 0 0 0 3px rgba(189, 107, 120, 0.25) !important;
}

/* Dark — Efsane Kart Alanı */
[data-theme="dark"] #fmrAltUyeAgaci .row.aciklayici,
body[data-theme="dark"] #fmrAltUyeAgaci .row.aciklayici {
  background: #1c1716 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] #fmrAltUyeAgaci .aciklayici > div,
body[data-theme="dark"] #fmrAltUyeAgaci .aciklayici > div {
  background: #25201d !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] #fmrAltUyeAgaci .aciklayici > div:hover,
body[data-theme="dark"] #fmrAltUyeAgaci .aciklayici > div:hover {
  background: #2e2724 !important;
  border-color: rgba(189, 107, 120, 0.35) !important;
}

[data-theme="dark"] #fmrAltUyeAgaci .aciklayici .texr-center,
body[data-theme="dark"] #fmrAltUyeAgaci .aciklayici .texr-center {
  color: #bdaea9 !important;
}

/* Dark — Ağaç Kartı */
[data-theme="dark"] #fmrAltUyeAgaci .kptree-table-card,
body[data-theme="dark"] #fmrAltUyeAgaci .kptree-table-card {
  background: #1c1716 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 8px 26px rgba(0, 0, 0, 0.35) !important;
}

/* Dark — Başlık Satırı */
[data-theme="dark"] #fmrAltUyeAgaci .kptree:first-of-type,
body[data-theme="dark"] #fmrAltUyeAgaci .kptree:first-of-type {
  background: #25201d !important;
  border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] #fmrAltUyeAgaci .kptree:first-of-type .kabin,
body[data-theme="dark"] #fmrAltUyeAgaci .kptree:first-of-type .kabin {
  color: #bdaea9 !important;
}

/* Dark — Ağaç Veri Satırları (Tüm li ve li li düğümleri) */
[data-theme="dark"] #fmrAltUyeAgaci .kptree ul li,
[data-theme="dark"] #fmrAltUyeAgaci .kptree ul li li,
[data-theme="dark"] #fmrAltUyeAgaci .kptree ul li li:nth-child(odd),
[data-theme="dark"] #fmrAltUyeAgaci .kptree ul li > div,
body[data-theme="dark"] #fmrAltUyeAgaci .kptree ul li,
body[data-theme="dark"] #fmrAltUyeAgaci .kptree ul li li,
body[data-theme="dark"] #fmrAltUyeAgaci .kptree ul li li:nth-child(odd),
body[data-theme="dark"] #fmrAltUyeAgaci .kptree ul li > div {
  background: #191413 !important;
  border-top: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
  color: #f5f0eb !important;
}

[data-theme="dark"] #fmrAltUyeAgaci .kptree ul li li:nth-child(even),
[data-theme="dark"] #fmrAltUyeAgaci .kptree ul > li:nth-child(even) > div,
body[data-theme="dark"] #fmrAltUyeAgaci .kptree ul li li:nth-child(even),
body[data-theme="dark"] #fmrAltUyeAgaci .kptree ul > li:nth-child(even) > div {
  background: #1e1917 !important;
  border-top: none !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

[data-theme="dark"] #fmrAltUyeAgaci .kptree ul li:hover,
[data-theme="dark"] #fmrAltUyeAgaci .kptree ul li li:hover,
[data-theme="dark"] #fmrAltUyeAgaci .kptree ul li > div:hover,
body[data-theme="dark"] #fmrAltUyeAgaci .kptree ul li:hover,
body[data-theme="dark"] #fmrAltUyeAgaci .kptree ul li li:hover,
body[data-theme="dark"] #fmrAltUyeAgaci .kptree ul li > div:hover {
  background: rgba(255, 255, 255, 0.05) !important;
}

/* Dark — Hücre Metinleri ve Bağlantılar */
[data-theme="dark"] #fmrAltUyeAgaci .kptree ul li .kabin,
[data-theme="dark"] #fmrAltUyeAgaci .kptree ul li div > .kabin,
body[data-theme="dark"] #fmrAltUyeAgaci .kptree ul li .kabin,
body[data-theme="dark"] #fmrAltUyeAgaci .kptree ul li div > .kabin {
  color: #f5f0eb !important;
}

[data-theme="dark"] #fmrAltUyeAgaci .agac-uye-ad,
body[data-theme="dark"] #fmrAltUyeAgaci .agac-uye-ad {
  color: #ffffff !important;
  font-weight: 600 !important;
}

[data-theme="dark"] #fmrAltUyeAgaci .kptree ul li .kabin a,
[data-theme="dark"] #fmrAltUyeAgaci .kptree ul li div > .kabin a,
body[data-theme="dark"] #fmrAltUyeAgaci .kptree ul li .kabin a,
body[data-theme="dark"] #fmrAltUyeAgaci .kptree ul li div > .kabin a {
  color: #f5f0eb !important;
}

[data-theme="dark"] #fmrAltUyeAgaci .kptree ul li .kabin a:hover,
[data-theme="dark"] #fmrAltUyeAgaci .kptree ul li div > .kabin a:hover,
body[data-theme="dark"] #fmrAltUyeAgaci .kptree ul li .kabin a:hover,
body[data-theme="dark"] #fmrAltUyeAgaci .kptree ul li div > .kabin a:hover {
  color: #f0a8b2 !important;
}

/* Dark — Avatar Resmi */
[data-theme="dark"] #fmrAltUyeAgaci .kptree ul li .kabin img,
[data-theme="dark"] #fmrAltUyeAgaci .kptree ul li div > .kabin img,
body[data-theme="dark"] #fmrAltUyeAgaci .kptree ul li .kabin img,
body[data-theme="dark"] #fmrAltUyeAgaci .kptree ul li div > .kabin img {
  background: #25201e !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3) !important;
}

/* Dark — Düğmeler ve Rozetler */
[data-theme="dark"] #fmrAltUyeAgaci .kptree ul li i.fa-plus,
[data-theme="dark"] #fmrAltUyeAgaci .kptree ul li i.fa-minus,
[data-theme="dark"] #fmrAltUyeAgaci .kptree ul li i.fa-plus-square-o,
[data-theme="dark"] #fmrAltUyeAgaci .kptree ul li i.fa-minus-square-o,
body[data-theme="dark"] #fmrAltUyeAgaci .kptree ul li i.fa-plus,
body[data-theme="dark"] #fmrAltUyeAgaci .kptree ul li i.fa-minus,
body[data-theme="dark"] #fmrAltUyeAgaci .kptree ul li i.fa-plus-square-o,
body[data-theme="dark"] #fmrAltUyeAgaci .kptree ul li i.fa-minus-square-o {
  background: rgba(189, 107, 120, 0.15) !important;
  border-color: rgba(189, 107, 120, 0.35) !important;
  color: #f7d6db !important;
}

[data-theme="dark"] #fmrAltUyeAgaci .kptree ul li i.fa-minus,
body[data-theme="dark"] #fmrAltUyeAgaci .kptree ul li i.fa-minus {
  background: #bd6b78 !important;
  color: #ffffff !important;
  border-color: #bd6b78 !important;
}

[data-theme="dark"] #fmrAltUyeAgaci .kptree ul li i.fa-plus:hover,
[data-theme="dark"] #fmrAltUyeAgaci .kptree ul li i.fa-minus:hover,
body[data-theme="dark"] #fmrAltUyeAgaci .kptree ul li i.fa-plus:hover,
body[data-theme="dark"] #fmrAltUyeAgaci .kptree ul li i.fa-minus:hover {
  background: #c97b87 !important;
  border-color: #c97b87 !important;
  color: #ffffff !important;
}

[data-theme="dark"] #fmrAltUyeAgaci .kptree ul li i.fa-circle-notch,
body[data-theme="dark"] #fmrAltUyeAgaci .kptree ul li i.fa-circle-notch {
  color: #635754 !important;
}

/* Dark — Üye No ve Rozetler */
[data-theme="dark"] #fmrAltUyeAgaci .agac-uye-no,
body[data-theme="dark"] #fmrAltUyeAgaci .agac-uye-no {
  background: #27211f !important;
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: #f0a8b2 !important;
}

[data-theme="dark"] #fmrAltUyeAgaci .agac-count-badge,
body[data-theme="dark"] #fmrAltUyeAgaci .agac-count-badge {
  background: #2d2423 !important;
  border: 1px solid rgba(189, 107, 120, 0.4) !important;
  color: #f7d6db !important;
}

[data-theme="dark"] #fmrAltUyeAgaci .agac-puan-active,
body[data-theme="dark"] #fmrAltUyeAgaci .agac-puan-active {
  background: rgba(189, 107, 120, 0.18) !important;
  color: #ffffff !important;
}

[data-theme="dark"] #fmrAltUyeAgaci .agac-puan-active small,
body[data-theme="dark"] #fmrAltUyeAgaci .agac-puan-active small {
  color: #f0a8b2 !important;
}

[data-theme="dark"] #fmrAltUyeAgaci .agac-puan-zero,
body[data-theme="dark"] #fmrAltUyeAgaci .agac-puan-zero {
  color: #7d706d !important;
}

[data-theme="dark"] #fmrAltUyeAgaci .kptree ul ul::before,
[data-theme="dark"] #fmrAltUyeAgaci .kptree ul li li > ul::before,
body[data-theme="dark"] #fmrAltUyeAgaci .kptree ul ul::before,
body[data-theme="dark"] #fmrAltUyeAgaci .kptree ul li li > ul::before {
  border-left-color: rgba(255, 255, 255, 0.12) !important;
}

/* Responsive */
@media (max-width: 768px) {
  #fmrAltUyeAgaci .divAltUyelerim > .row:first-child,
  #fmrAltUyeAgaci .altagac-filter-row {
    padding: 12px 14px !important;
    gap: 8px !important;
  }
  #fmrAltUyeAgaci .row.aciklayici {
    padding: 12px 10px !important;
    gap: 8px !important;
  }
  #fmrAltUyeAgaci .aciklayici > div {
    flex: 1 1 45% !important;
    padding: 8px 10px !important;
  }
  #fmrAltUyeAgaci .aciklayici img {
    width: 24px !important;
    height: 24px !important;
  }
  #fmrAltUyeAgaci .aciklayici .texr-center {
    font-size: 11px !important;
  }
  #fmrAltUyeAgaci .kptree:first-of-type .kabin:nth-child(3),
  #fmrAltUyeAgaci .kptree ul li .kabin.rm:has(a.btn),
  #fmrAltUyeAgaci .kptree ul li .kabin:nth-child(3),
  #fmrAltUyeAgaci .kptree ul li div > .kabin.rm:has(a.btn),
  #fmrAltUyeAgaci .kptree ul li div > .kabin:nth-child(3) {
    width: 80px !important;
  }
  #fmrAltUyeAgaci .kptree:first-of-type .kabin:nth-child(4),
  #fmrAltUyeAgaci .kptree ul li .kabin.rm:not(:has(a.btn)),
  #fmrAltUyeAgaci .kptree ul li div > .kabin.rm:not(:has(a.btn)) {
    width: 80px !important;
    padding-right: 6px !important;
  }
}

/* ==========================================================================
   KAZANÇLARIM / GELİR TAKİBİ SAYFASI (/gelir-takibi /kazanclarim)
   ========================================================================== */

/* --- 1. Üst Filtre Barı (Dönem Seçimi & Bilgi) --- */
/* Sadece tek bir dış kart - Asla iç içe çerçeve üretmez */
body.back-office .card:has(#Donem),
body .card:has(#Donem),
body.back-office .gelir-filter-card,
body .gelir-filter-card {
  background: #ffffff !important;
  border: 1px solid rgba(167, 93, 105, 0.16) !important;
  border-radius: 16px !important;
  padding: 16px 20px !important;
  box-shadow: 0 6px 22px rgba(44, 37, 35, 0.04) !important;
  margin-top: 0 !important;
  margin-bottom: 20px !important;
  overflow: visible !important;
}

/* İç içe geçmiş tüm ara kapsayıcıların border, background, shadow ve padding'lerini tamamen SIFIRLA */
body.back-office .card:has(#Donem) .card-header,
body.back-office .gelir-filter-card .card-header,
body .card:has(#Donem) .card-header,
body .gelir-filter-card .card-header,
body .card-header.date-filter,
body.back-office .card-header.date-filter,
body .card:has(#Donem) .date-filter,
body .card:has(#Donem) .date-filter.cf,
body .gelir-filter-card .date-filter,
body .gelir-filter-card .date-filter.cf,
body .date-filter.cf,
body.back-office .date-filter.cf,
body .card.bg-light > .card-header.date-filter {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Filtre Satırı Flex Düzeni */
body .card:has(#Donem) .date-filter.cf .row,
body .gelir-filter-card .date-filter.cf .row,
body .card-header.date-filter .date-filter.cf .row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  margin: 0 !important;
  gap: 12px 14px !important;
}

body .card:has(#Donem) .date-filter.cf .row > div,
body .gelir-filter-card .date-filter.cf .row > div,
body .card-header.date-filter .date-filter.cf .row > div {
  width: auto !important;
  max-width: none !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

/* Sağ Bilgi Kolonunu Sağa Yasla */
body .card:has(#Donem) .date-filter.cf .row > .col-md-5,
body .gelir-filter-card .date-filter.cf .row > .col-md-5,
body .card-header.date-filter .date-filter.cf .row > .col-md-5 {
  margin-left: auto !important;
}

/* --- Tarih / Dönem Seçici Kapsayıcısı (.gelir-date-wrapper) --- */
.gelir-date-wrapper {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  position: relative !important;
}

/* << ve >> Dönem Gezinme Butonları */
.btn-donem-nav {
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(167, 93, 105, 0.08) !important;
  border: 1px solid rgba(167, 93, 105, 0.2) !important;
  color: #a75d69 !important;
  border-radius: 10px !important;
  font-size: 13px !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

.btn-donem-nav:hover:not(.disabled) {
  background: #a75d69 !important;
  color: #ffffff !important;
  border-color: #a75d69 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(167, 93, 105, 0.25) !important;
}

.btn-donem-nav.disabled {
  opacity: 0.3 !important;
  cursor: not-allowed !important;
  pointer-events: none !important;
}

/* Dönem Select Dropdown */
#Donem.date-filter,
select#Donem {
  height: 42px !important;
  background: #faf7f5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23a75d69' d='M1.41 0L6 4.58 10.59 0 12 1.41l-6 6-6-6z'/%3E%3C/svg%3E") no-repeat right 14px center / 12px 8px !important;
  border: 1px solid rgba(167, 93, 105, 0.2) !important;
  border-radius: 10px !important;
  color: #2c2523 !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  padding: 0 34px 0 16px !important;
  line-height: 42px !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  width: 155px !important;
  min-width: 155px !important;
}

#Donem.date-filter:focus,
select#Donem:focus {
  border-color: #a75d69 !important;
  background-color: #ffffff !important;
  box-shadow: 0 0 0 3px rgba(167, 93, 105, 0.15) !important;
  outline: none !important;
}

/* Getir Butonu */
.date-submit a.btn,
.date-filter a.btn-success {
  height: 42px !important;
  background: linear-gradient(135deg, #a75d69, #8c4753) !important;
  border: none !important;
  color: #ffffff !important;
  border-radius: 10px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 22px !important;
  box-shadow: 0 4px 14px rgba(167, 93, 105, 0.25) !important;
  transition: all 0.25s ease !important;
  cursor: pointer !important;
  text-decoration: none !important;
  width: auto !important;
}

.date-submit a.btn:hover,
.date-filter a.btn-success:hover {
  background: linear-gradient(135deg, #b66a77, #9a505c) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 18px rgba(167, 93, 105, 0.35) !important;
  color: #ffffff !important;
}

/* Sağ Bilgi Tablosu (Kariyer & Seviye Oranı Rozeti) */
.date-filter table,
.gelir-filter-card table {
  background: #faf7f5 !important;
  border: 1px solid rgba(167, 93, 105, 0.14) !important;
  border-radius: 12px !important;
  width: auto !important;
  margin: 0 !important;
  box-shadow: 0 2px 8px rgba(44, 37, 35, 0.02) !important;
  overflow: hidden !important;
  border-collapse: separate !important;
}

.date-filter table th,
.gelir-filter-card table th {
  color: #7d7270 !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  padding: 8px 12px !important;
  border: none !important;
  vertical-align: middle !important;
  background: transparent !important;
}

.date-filter table td,
.gelir-filter-card table td {
  color: #8c4753 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0.3px !important;
  padding: 8px 14px !important;
  border: none !important;
  vertical-align: middle !important;
  background: transparent !important;
}


/* --- 2. Kariyer İlerleme Şeridi & Swiper --- */
body.back-office .card:has(.carrier-list),
body.back-office .gelir-carrier-card,
body .card:has(.carrier-list),
body .gelir-carrier-card,
body .page-container > .card:has(.carrier-list),
.card.bg-light.mt-5:has(.carrier-list) {
  background: #ffffff !important;
  border: 1px solid rgba(167, 93, 105, 0.16) !important;
  border-radius: 16px !important;
  box-shadow: 0 6px 22px rgba(44, 37, 35, 0.04) !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 24px !important;
  position: relative !important;
}

/* Kariyer Kartı Başlık & Navigasyon Barı */
.carrier-card-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 12px 18px !important;
  background: #faf7f5 !important;
  border-bottom: 1px solid rgba(167, 93, 105, 0.12) !important;
}

.carrier-card-title {
  display: flex !important;
  align-items: center !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  color: #2c2523 !important;
  letter-spacing: 0.3px !important;
  margin: 0 !important;
}

.carrier-card-title i {
  color: #a75d69 !important;
  font-size: 15px !important;
  margin-right: 8px !important;
}

.carrier-nav-wrapper {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

/* Swiper İleri / Geri Butonları */
.carrier-nav-wrapper .swiper-button-prev2,
.carrier-nav-wrapper .swiper-button-next2,
.swiper-button-prev2,
.swiper-button-next2 {
  position: static !important;
  width: 32px !important;
  height: 32px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #ffffff !important;
  border: 1px solid rgba(167, 93, 105, 0.2) !important;
  border-radius: 8px !important;
  color: #a75d69 !important;
  font-size: 14px !important;
  box-shadow: 0 2px 6px rgba(44, 37, 35, 0.04) !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
  margin: 0 !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  z-index: 5 !important;
}

.carrier-nav-wrapper .swiper-button-prev2:hover,
.carrier-nav-wrapper .swiper-button-next2:hover,
.swiper-button-prev2:hover,
.swiper-button-next2:hover {
  background: #a75d69 !important;
  color: #ffffff !important;
  border-color: #a75d69 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 10px rgba(167, 93, 105, 0.25) !important;
}

/* Kart Başlığı Olmadığı Durumlar İçin Fallback (Kartın İçine Güvenli Konumlandırma) */
.card:has(.carrier-list):not(:has(.carrier-card-header)) .swiper-button-prev2,
.card:has(.carrier-list):not(:has(.carrier-card-header)) .swiper-button-next2 {
  position: absolute !important;
  top: 10px !important;
  z-index: 10 !important;
}
.card:has(.carrier-list):not(:has(.carrier-card-header)) .swiper-button-prev2 {
  right: 50px !important;
  left: auto !important;
}
.card:has(.carrier-list):not(:has(.carrier-card-header)) .swiper-button-next2 {
  right: 12px !important;
}

/* Kariyer Listesi Kaydırıcı Alanı */
.carrier-list {
  padding: 6px !important;
  border-radius: 0 !important;
  overflow: hidden !important;
}

.carrier-list ul.swiper-wrapper {
  display: flex !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.carrier-list ul li.swiper-slide {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  padding: 16px 14px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  background: #ffffff !important;
  color: #7d7270 !important;
  border-right: 1px solid rgba(167, 93, 105, 0.1) !important;
  transition: all 0.25s ease !important;
  cursor: pointer !important;
}

.carrier-list ul li.swiper-slide:last-child {
  border-right: none !important;
}

/* Kazanılmış Kariyerler (.owned) — Zümrüt Degrade */
.carrier-list ul li.owned,
.carrier-list ul li.swiper-slide.owned {
  background: linear-gradient(135deg, #10b981, #059669) !important;
  color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) !important;
}

/* Aktif Hedef Kariyer — Bordo Degrade */
.carrier-list ul li.selected,
.carrier-list ul li.owned + li:not(.owned) {
  background: linear-gradient(135deg, #a75d69, #8c4753) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(167, 93, 105, 0.35) !important;
  position: relative !important;
  z-index: 2 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) !important;
}

.carrier-list ul li:not(.owned):hover {
  background: rgba(167, 93, 105, 0.08) !important;
  color: #2c2523 !important;
}


/* --- 3. Üç Kolonlu Kariyer Kıyaslama Kartı (#kariyer-kiyasla) --- */
.card:has(#kariyer-kiyasla),
.card.bg-light:has(#kariyer-kiyasla) {
  background: #ffffff !important;
  border: 1px solid rgba(167, 93, 105, 0.16) !important;
  border-radius: 20px !important;
  box-shadow: 0 8px 30px rgba(44, 37, 35, 0.05) !important;
  overflow: hidden !important;
  margin-bottom: 30px !important;
}

#kariyer-kiyasla {
  margin: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
}

#kariyer-kiyasla > div {
  padding: 0 !important;
}

/* Sol ve Sağ Kolonlar (.carrier-detail) */
.carrier-detail {
  background: #ffffff !important;
  padding: 30px 24px !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

.no-right-padding .carrier-detail {
  border-right: 1px solid rgba(167, 93, 105, 0.12) !important;
}

.no-left-padding:not(.no-right-padding) .carrier-detail {
  border-left: 1px solid rgba(167, 93, 105, 0.12) !important;
}

.carrier-image {
  margin-bottom: 14px !important;
}

.carrier-image img {
  max-height: 54px !important;
  width: auto !important;
  object-fit: contain !important;
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.06)) !important;
}

.carrier-name {
  font-size: 18px !important;
  font-weight: 800 !important;
  color: #2c2523 !important;
  letter-spacing: 0.6px !important;
  text-transform: uppercase !important;
  margin-bottom: 22px !important;
}

.no-left-padding:not(.no-right-padding) .carrier-name {
  color: #8c4753 !important;
}

/* Özellik Listeleri (ul.carrier-props) */
ul.carrier-props {
  width: 100% !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

ul.carrier-props li {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  padding: 12px 14px !important;
  border-bottom: 1px solid rgba(167, 93, 105, 0.08) !important;
  transition: background 0.15s ease !important;
  border-radius: 8px !important;
}

ul.carrier-props li:hover {
  background: rgba(167, 93, 105, 0.035) !important;
}

ul.carrier-props li span:first-child {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #6d6260 !important;
}

ul.carrier-props li span:last-child {
  font-size: 13.5px !important;
  font-weight: 700 !important;
  color: #2c2523 !important;
}

/* Orta Kolon (.carrier-compare) — Soft Şampanya / Rose Zemin */
.carrier-compare {
  background: linear-gradient(135deg, rgba(167, 93, 105, 0.04), rgba(167, 93, 105, 0.09)) !important;
  border-left: 1px solid rgba(167, 93, 105, 0.12) !important;
  border-right: 1px solid rgba(167, 93, 105, 0.12) !important;
  padding: 28px 22px !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

/* Kariyer Geçiş Başlığı (ASİSTAN -> DANIŞMAN) */
.carrier-compare > div:first-child,
.compare-header {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin-bottom: 22px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  float: none !important;
  height: auto !important;
}

.compare-header .first,
.compare-header .second {
  background: #ffffff !important;
  border: 1px solid rgba(167, 93, 105, 0.2) !important;
  border-radius: 12px !important;
  padding: 10px 18px !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
  color: #8c4753 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  box-shadow: 0 3px 10px rgba(44, 37, 35, 0.04) !important;
  float: none !important;
  height: auto !important;
  line-height: normal !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.2s ease !important;
}

.compare-header .compare {
  color: #a75d69 !important;
  font-size: 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: auto !important;
  line-height: normal !important;
}

/* İlerleme Kartları (.carrier-remaing) */
.carrier-remaing {
  background: #ffffff !important;
  border: 1px solid rgba(167, 93, 105, 0.12) !important;
  border-radius: 14px !important;
  padding: 14px 18px !important;
  margin-bottom: 14px !important;
  box-shadow: 0 3px 10px rgba(44, 37, 35, 0.03) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.carrier-remaing:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 16px rgba(44, 37, 35, 0.06) !important;
}

.carrier-remaing h5 {
  font-size: 12.5px !important;
  font-weight: 700 !important;
  color: #2c2523 !important;
  margin: 0 0 10px 0 !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
}

.carrier-remaing h5 strong {
  color: #8c4753 !important;
}

/* Progress Çubuğu */
.carrier-remaing .progress {
  height: 12px !important;
  border-radius: 20px !important;
  background: #efe9e7 !important;
  overflow: hidden !important;
  position: relative !important;
  margin: 0 !important;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.08) !important;
}

.carrier-remaing .progress-bar {
  border-radius: 20px !important;
  background: linear-gradient(90deg, #a75d69, #bd6b78) !important;
  transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  line-height: 12px !important;
  color: #ffffff !important;
}

/* %100 Tamamlanan Çubuklar — Zümrüt Yeşili */
.carrier-remaing .progress-bar[style*="100%"] {
  background: linear-gradient(90deg, #10b981, #059669) !important;
}

.carrier-remaing .progress span {
  position: absolute !important;
  right: 8px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}


/* --- 4. Kazanç Detay Tabloları (Alt Tablolar) --- */
.card:has(.card-body.table-responsive) {
  background: #ffffff !important;
  border: 1px solid rgba(167, 93, 105, 0.16) !important;
  border-radius: 16px !important;
  box-shadow: 0 6px 22px rgba(44, 37, 35, 0.04) !important;
  margin-bottom: 24px !important;
  overflow: hidden !important;
}

.card:has(.card-body.table-responsive) .card-header {
  background: #faf6f4 !important;
  border-bottom: 2px solid rgba(167, 93, 105, 0.15) !important;
  color: #7d7270 !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  padding: 14px 20px !important;
}

.card:has(.card-body.table-responsive) table {
  margin: 0 !important;
  background: #ffffff !important;
}

.card:has(.card-body.table-responsive) table thead th {
  background: #faf6f4 !important;
  border: none !important;
  border-bottom: 1px solid rgba(167, 93, 105, 0.12) !important;
  color: #7d7270 !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  padding: 12px 16px !important;
}

.card:has(.card-body.table-responsive) table tbody td {
  border: none !important;
  border-bottom: 1px solid rgba(167, 93, 105, 0.07) !important;
  color: #2c2523 !important;
  font-size: 13px !important;
  padding: 12px 16px !important;
  vertical-align: middle !important;
}

.card:has(.card-body.table-responsive) table tbody tr:hover td {
  background: rgba(167, 93, 105, 0.035) !important;
}


/* ==========================================================================
   DARK THEME: KAZANÇLARIM / GELİR TAKİBİ SAYFASI
   ========================================================================== */

/* Dark — Filtre Kartı (Tek dış kart) */
[data-theme="dark"] .card:has(#Donem),
body[data-theme="dark"] .card:has(#Donem),
[data-theme="dark"] .gelir-filter-card,
body[data-theme="dark"] .gelir-filter-card {
  background: #1c1716 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35) !important;
}

[data-theme="dark"] .card:has(#Donem) .card-header,
[data-theme="dark"] .gelir-filter-card .card-header,
[data-theme="dark"] .card-header.date-filter,
[data-theme="dark"] .date-filter,
[data-theme="dark"] .date-filter.cf,
body[data-theme="dark"] .card:has(#Donem) .card-header,
body[data-theme="dark"] .gelir-filter-card .card-header,
body[data-theme="dark"] .card-header.date-filter,
body[data-theme="dark"] .date-filter,
body[data-theme="dark"] .date-filter.cf {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* Dark — Tarih Seçici & Gezinme Butonları */
[data-theme="dark"] .btn-donem-nav,
body[data-theme="dark"] .btn-donem-nav {
  background: rgba(189, 107, 120, 0.15) !important;
  border-color: rgba(189, 107, 120, 0.3) !important;
  color: #f7d6db !important;
}

[data-theme="dark"] .btn-donem-nav:hover:not(.disabled),
body[data-theme="dark"] .btn-donem-nav:hover:not(.disabled) {
  background: #bd6b78 !important;
  color: #ffffff !important;
  border-color: #bd6b78 !important;
}

[data-theme="dark"] #Donem.date-filter,
[data-theme="dark"] select#Donem,
body[data-theme="dark"] #Donem.date-filter,
body[data-theme="dark"] select#Donem {
  background: #25201d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23f0a8b2' d='M1.41 0L6 4.58 10.59 0 12 1.41l-6 6-6-6z'/%3E%3C/svg%3E") no-repeat right 14px center / 12px 8px !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #f5f0eb !important;
  padding: 0 34px 0 16px !important;
}

[data-theme="dark"] #Donem.date-filter:focus,
[data-theme="dark"] select#Donem:focus,
body[data-theme="dark"] #Donem.date-filter:focus,
body[data-theme="dark"] select#Donem:focus {
  border-color: #bd6b78 !important;
  background-color: #2c2522 !important;
  box-shadow: 0 0 0 3px rgba(189, 107, 120, 0.25) !important;
}

[data-theme="dark"] select#Donem option,
body[data-theme="dark"] select#Donem option {
  background: #25201d !important;
  color: #f5f0eb !important;
}

/* Dark — Getir Butonu */
[data-theme="dark"] .date-submit a.btn,
[data-theme="dark"] .date-filter a.btn-success,
body[data-theme="dark"] .date-submit a.btn,
body[data-theme="dark"] .date-filter a.btn-success {
  background: linear-gradient(135deg, #bd6b78, #a75d69) !important;
  box-shadow: 0 4px 14px rgba(189, 107, 120, 0.35) !important;
  color: #ffffff !important;
}

[data-theme="dark"] .date-submit a.btn:hover,
[data-theme="dark"] .date-filter a.btn-success:hover,
body[data-theme="dark"] .date-submit a.btn:hover,
body[data-theme="dark"] .date-filter a.btn-success:hover {
  background: linear-gradient(135deg, #c97b87, #b66a77) !important;
  box-shadow: 0 6px 18px rgba(189, 107, 120, 0.45) !important;
}

/* Dark — Sağ Bilgi Tablosu Rozeti */
[data-theme="dark"] .date-filter table,
[data-theme="dark"] .gelir-filter-card table,
body[data-theme="dark"] .date-filter table,
body[data-theme="dark"] .gelir-filter-card table {
  background: #25201d !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
}

[data-theme="dark"] .date-filter table th,
[data-theme="dark"] .gelir-filter-card table th,
body[data-theme="dark"] .date-filter table th,
body[data-theme="dark"] .gelir-filter-card table th {
  color: #bdaea9 !important;
}

[data-theme="dark"] .date-filter table td,
[data-theme="dark"] .gelir-filter-card table td,
body[data-theme="dark"] .date-filter table td,
body[data-theme="dark"] .gelir-filter-card table td {
  color: #f0a8b2 !important;
}

/* Dark — Kariyer Şeridi & Kartı */
[data-theme="dark"] .card:has(.carrier-list),
body[data-theme="dark"] .card:has(.carrier-list),
[data-theme="dark"] .gelir-carrier-card,
body[data-theme="dark"] .gelir-carrier-card,
[data-theme="dark"] .page-container > .card:has(.carrier-list) {
  background: #1c1716 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35) !important;
  outline: none !important;
}

[data-theme="dark"] .carrier-card-header,
body[data-theme="dark"] .carrier-card-header {
  background: #231d1b !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .carrier-card-title,
body[data-theme="dark"] .carrier-card-title {
  color: #f5f0eb !important;
}

[data-theme="dark"] .carrier-card-title i,
body[data-theme="dark"] .carrier-card-title i {
  color: #f0a8b2 !important;
}

[data-theme="dark"] .swiper-button-prev2,
[data-theme="dark"] .swiper-button-next2,
body[data-theme="dark"] .swiper-button-prev2,
body[data-theme="dark"] .swiper-button-next2 {
  background: #25201d !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #f7d6db !important;
}

[data-theme="dark"] .swiper-button-prev2:hover,
[data-theme="dark"] .swiper-button-next2:hover,
body[data-theme="dark"] .swiper-button-prev2:hover,
body[data-theme="dark"] .swiper-button-next2:hover {
  background: #bd6b78 !important;
  color: #ffffff !important;
  border-color: #bd6b78 !important;
}

/* Dark — Kariyer Slaytları (Önce varsayılan, sonra kazanılan ve hedefler) */
[data-theme="dark"] .carrier-list,
body[data-theme="dark"] .carrier-list {
  background: transparent !important;
  border: none !important;
  outline: none !important;
}

[data-theme="dark"] .carrier-list ul li.swiper-slide,
body[data-theme="dark"] .carrier-list ul li.swiper-slide {
  background: #231d1b !important;
  color: #8f8280 !important;
  border-right: 1px solid rgba(255, 255, 255, 0.06) !important;
}

[data-theme="dark"] .carrier-list ul li.swiper-slide:hover:not(.owned):not(.selected) {
  background: #2a2321 !important;
  color: #f5f0eb !important;
}

/* Dark — Kazanılmış Kariyerler (.owned) — Canlı Zümrüt Yeşili */
[data-theme="dark"] .carrier-list ul li.owned,
[data-theme="dark"] .carrier-list ul li.swiper-slide.owned,
body[data-theme="dark"] .carrier-list ul li.owned,
body[data-theme="dark"] .carrier-list ul li.swiper-slide.owned {
  background: linear-gradient(135deg, #059669, #047857) !important;
  color: #ffffff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35) !important;
}

/* Dark — Aktif Hedef Kariyer (.selected) — Parlak Gül/Bordo */
[data-theme="dark"] .carrier-list ul li.selected,
[data-theme="dark"] .carrier-list ul li.owned + li:not(.owned),
[data-theme="dark"] .carrier-list ul li.swiper-slide.selected,
body[data-theme="dark"] .carrier-list ul li.selected,
body[data-theme="dark"] .carrier-list ul li.owned + li:not(.owned),
body[data-theme="dark"] .carrier-list ul li.swiper-slide.selected {
  background: linear-gradient(135deg, #bd6b78, #8c4753) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(189, 107, 120, 0.4) !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35) !important;
}

/* Dark — Kariyer Kıyaslama (#kariyer-kiyasla) */
[data-theme="dark"] .card:has(#kariyer-kiyasla),
body[data-theme="dark"] .card:has(#kariyer-kiyasla),
[data-theme="dark"] .card.bg-light:has(#kariyer-kiyasla) {
  background: #1c1716 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .carrier-detail,
body[data-theme="dark"] .carrier-detail {
  background: #1c1716 !important;
}

[data-theme="dark"] .no-right-padding .carrier-detail {
  border-right-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .no-left-padding:not(.no-right-padding) .carrier-detail {
  border-left-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .carrier-name,
body[data-theme="dark"] .carrier-name {
  color: #f5f0eb !important;
}

[data-theme="dark"] .no-left-padding:not(.no-right-padding) .carrier-name {
  color: #f0a8b2 !important;
}

[data-theme="dark"] ul.carrier-props li,
body[data-theme="dark"] ul.carrier-props li {
  border-bottom-color: rgba(255, 255, 255, 0.06) !important;
}

[data-theme="dark"] ul.carrier-props li:hover {
  background: rgba(255, 255, 255, 0.03) !important;
}

[data-theme="dark"] ul.carrier-props li span:first-child,
body[data-theme="dark"] ul.carrier-props li span:first-child {
  color: #bdaea9 !important;
}

[data-theme="dark"] ul.carrier-props li span:last-child,
body[data-theme="dark"] ul.carrier-props li span:last-child {
  color: #f5f0eb !important;
}

[data-theme="dark"] .carrier-compare,
body[data-theme="dark"] .carrier-compare {
  background: #201b18 !important;
  border-left-color: rgba(255, 255, 255, 0.08) !important;
  border-right-color: rgba(255, 255, 255, 0.08) !important;
}

/* Dark — ASİSTAN -> DANIŞMAN Rozetleri */
[data-theme="dark"] .compare-header .first,
[data-theme="dark"] .compare-header .second,
body[data-theme="dark"] .compare-header .first,
body[data-theme="dark"] .compare-header .second {
  background: #25201d !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  color: #f5f0eb !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .compare-header .compare,
body[data-theme="dark"] .compare-header .compare {
  color: #f0a8b2 !important;
}

/* Dark — İlerleme Barları */
[data-theme="dark"] .carrier-remaing,
body[data-theme="dark"] .carrier-remaing {
  background: #25201d !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.25) !important;
}

[data-theme="dark"] .carrier-remaing h5,
body[data-theme="dark"] .carrier-remaing h5 {
  color: #f5f0eb !important;
}

[data-theme="dark"] .carrier-remaing h5 strong {
  color: #f0a8b2 !important;
}

[data-theme="dark"] .carrier-remaing .progress,
body[data-theme="dark"] .carrier-remaing .progress {
  background: #1c1716 !important;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .carrier-remaing .progress-bar {
  background: linear-gradient(90deg, #bd6b78, #a75d69) !important;
}

[data-theme="dark"] .carrier-remaing .progress-bar[style*="100%"] {
  background: linear-gradient(90deg, #10b981, #059669) !important;
}

/* Dark — Kazanç Alt Tabloları */
[data-theme="dark"] .card:has(.card-body.table-responsive),
body[data-theme="dark"] .card:has(.card-body.table-responsive) {
  background: #1c1716 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .card:has(.card-body.table-responsive) .card-header,
body[data-theme="dark"] .card:has(.card-body.table-responsive) .card-header,
[data-theme="dark"] .card:has(.card-body.table-responsive) table thead th,
body[data-theme="dark"] .card:has(.card-body.table-responsive) table thead th {
  background: #25201d !important;
  border-bottom-color: rgba(255, 255, 255, 0.1) !important;
  color: #bdaea9 !important;
}

[data-theme="dark"] .card:has(.card-body.table-responsive) table,
body[data-theme="dark"] .card:has(.card-body.table-responsive) table,
[data-theme="dark"] .card:has(.card-body.table-responsive) table tbody td,
body[data-theme="dark"] .card:has(.card-body.table-responsive) table tbody td {
  background: #1c1716 !important;
  border-bottom-color: rgba(255, 255, 255, 0.06) !important;
  color: #f5f0eb !important;
}

[data-theme="dark"] .card:has(.card-body.table-responsive) table tbody tr:hover td,
body[data-theme="dark"] .card:has(.card-body.table-responsive) table tbody tr:hover td {
  background: rgba(255, 255, 255, 0.04) !important;
}

/* Responsive */
@media (max-width: 768px) {
  body .card:has(#Donem) .date-filter.cf .row,
  body .gelir-filter-card .date-filter.cf .row {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
  }
  body .card:has(#Donem) .date-filter.cf .row > div,
  body .gelir-filter-card .date-filter.cf .row > div {
    width: 100% !important;
  }
  .gelir-date-wrapper {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
  }
  .gelir-date-wrapper select#Donem,
  #Donem.date-filter {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    margin-bottom: 0 !important;
  }
  .date-submit a.btn,
  .date-filter a.btn-success {
    width: 100% !important;
  }
  .date-filter table,
  .gelir-filter-card table {
    width: 100% !important;
    margin-top: 6px !important;
    float: none !important;
  }
  .no-right-padding .carrier-detail,
  .no-left-padding:not(.no-right-padding) .carrier-detail {
    border: none !important;
    border-bottom: 1px solid rgba(167, 93, 105, 0.12) !important;
  }
  .carrier-compare {
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid rgba(167, 93, 105, 0.12) !important;
  }
}


/* ==========================================================================
   KARİYERLİ ÜYELERİM SAYFASI (/kariyerli-uyeler)
   ========================================================================== */

/* --- 1. Kol Kapsayıcı Kart (Light Mode) --- */
.kariyer-kol-card {
  background: #ffffff !important;
  border: 1px solid rgba(167, 93, 105, 0.16) !important;
  border-radius: 16px !important;
  box-shadow: 0 6px 24px rgba(44, 37, 35, 0.04) !important;
  overflow: hidden !important;
  margin-bottom: 25px !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.kariyer-kol-card:hover {
  box-shadow: 0 10px 28px rgba(167, 93, 105, 0.08) !important;
}

/* Kol Başlığı (Header) */
.kariyer-kol-header {
  padding: 15px 22px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  border-bottom: 2px solid rgba(167, 93, 105, 0.12) !important;
  background: linear-gradient(135deg, #faf6f5 0%, #f4eae8 100%) !important;
}

.kariyer-kol-header .kol-title {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #2c2523 !important;
  letter-spacing: 0.3px !important;
}

.kariyer-kol-header .kol-title i {
  font-size: 19px !important;
  color: #a75d69 !important;
}

/* Kol Üye Sayısı Rozeti */
.kariyer-kol-header .kol-count-badge {
  background: #ffffff !important;
  color: #8c4753 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  padding: 4px 13px !important;
  border-radius: 20px !important;
  border: 1px solid rgba(167, 93, 105, 0.2) !important;
  box-shadow: 0 2px 6px rgba(44, 37, 35, 0.04) !important;
}

/* Tablo Kapsayıcı ve Tablo */
.kariyer-kol-card .table-responsive {
  border: none !important;
  margin: 0 !important;
}

.kariyer-kol-card .table,
.page-kariyerli-uyeler .col-md-6 table {
  margin-bottom: 0 !important;
  background: transparent !important;
  border: none !important;
  width: 100% !important;
}

.kariyer-kol-card .table thead th,
.page-kariyerli-uyeler .col-md-6 table thead th {
  background: #fdfaf9 !important;
  color: #7d7270 !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.6px !important;
  border: none !important;
  border-bottom: 2px solid rgba(167, 93, 105, 0.1) !important;
  padding: 13px 18px !important;
  vertical-align: middle !important;
}

.kariyer-kol-card .table tbody tr,
.page-kariyerli-uyeler .col-md-6 table tbody tr {
  background: #ffffff !important;
  border: none !important;
  border-bottom: 1px solid rgba(167, 93, 105, 0.06) !important;
  transition: background 0.15s ease !important;
}

.kariyer-kol-card .table tbody tr:last-child,
.page-kariyerli-uyeler .col-md-6 table tbody tr:last-child {
  border-bottom: none !important;
}

.kariyer-kol-card .table tbody tr:nth-child(even),
.page-kariyerli-uyeler .col-md-6 table tbody tr:nth-child(even) {
  background: #fdfaf9 !important;
}

.kariyer-kol-card .table tbody tr:hover,
.page-kariyerli-uyeler .col-md-6 table tbody tr:hover {
  background: rgba(167, 93, 105, 0.035) !important;
}

.kariyer-kol-card .table tbody td,
.page-kariyerli-uyeler .col-md-6 table tbody td {
  padding: 13px 18px !important;
  font-size: 13px !important;
  color: #2c2523 !important;
  vertical-align: middle !important;
  border: none !important;
}

/* Üye No Rozeti */
.kariyer-uye-badge {
  background: rgba(167, 93, 105, 0.08) !important;
  color: #8c4753 !important;
  border: 1px solid rgba(167, 93, 105, 0.18) !important;
  font-weight: 700 !important;
  font-size: 11.5px !important;
  padding: 3px 8px !important;
  border-radius: 6px !important;
  letter-spacing: 0.3px !important;
  display: inline-block !important;
}

/* Ad Soyad */
.kariyer-adsoyad {
  font-weight: 600 !important;
  color: #2c2523 !important;
  font-size: 13px !important;
}

/* Kariyer Rozeti */
.kariyer-title-badge {
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.12), rgba(217, 119, 6, 0.16)) !important;
  color: #b45309 !important;
  border: 1px solid rgba(245, 158, 11, 0.28) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  padding: 3px 10px !important;
  border-radius: 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.kariyer-title-badge i {
  color: #d97706 !important;
  font-size: 11px !important;
}

/* Nesil Rozeti */
.kariyer-nesil-badge {
  background: rgba(167, 93, 105, 0.06) !important;
  color: #6d5d5a !important;
  border: 1px solid rgba(167, 93, 105, 0.12) !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  padding: 2px 8px !important;
  border-radius: 6px !important;
  display: inline-block !important;
}

/* Boş Durum (Empty State) */
.empty-kol-cell {
  text-align: center !important;
  padding: 40px 20px !important;
  color: #9e918e !important;
}

.empty-kol-cell i {
  font-size: 32px !important;
  color: #c9bfbc !important;
  display: block !important;
  margin: 0 auto 10px auto !important;
  opacity: 0.7 !important;
}

.empty-kol-cell span {
  font-size: 13px !important;
  font-weight: 500 !important;
  display: block !important;
}

/* Ham .alert-success fallback */
.page-kariyerli-uyeler .alert.alert-success,
body:has(#Donem) .col-md-6 > .alert.alert-success {
  background: linear-gradient(135deg, #faf6f5 0%, #f4eae8 100%) !important;
  border: 1px solid rgba(167, 93, 105, 0.18) !important;
  color: #2c2523 !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
  border-radius: 12px 12px 0 0 !important;
  margin-bottom: 0 !important;
  padding: 13px 20px !important;
}


/* ==========================================================================
   KARİYERLİ ÜYELERİM SAYFASI (/kariyerli-uyeler) - DARK THEME
   ========================================================================== */

/* Dark — Kol Kapsayıcı Kart */
[data-theme="dark"] .kariyer-kol-card,
body[data-theme="dark"] .kariyer-kol-card {
  background: #181413 !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.45) !important;
}

[data-theme="dark"] .kariyer-kol-card:hover,
body[data-theme="dark"] .kariyer-kol-card:hover {
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.55) !important;
  border-color: rgba(189, 107, 120, 0.25) !important;
}

/* Dark — Kol Başlığı */
[data-theme="dark"] .kariyer-kol-header,
body[data-theme="dark"] .kariyer-kol-header {
  background: linear-gradient(135deg, #221c1a 0%, #1c1716 100%) !important;
  border-bottom: 2px solid rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .kariyer-kol-header .kol-title,
body[data-theme="dark"] .kariyer-kol-header .kol-title {
  color: #f5f0eb !important;
}

[data-theme="dark"] .kariyer-kol-header .kol-title i,
body[data-theme="dark"] .kariyer-kol-header .kol-title i {
  color: #f0a8b2 !important;
}

/* Dark — Kol Üye Sayısı Rozeti */
[data-theme="dark"] .kariyer-kol-header .kol-count-badge,
body[data-theme="dark"] .kariyer-kol-header .kol-count-badge {
  background: #27201e !important;
  color: #f0a8b2 !important;
  border: 1px solid rgba(189, 107, 120, 0.35) !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25) !important;
}

/* Dark — Kol Tablosu Başlıkları */
[data-theme="dark"] .kariyer-kol-card .table thead th,
[data-theme="dark"] .page-kariyerli-uyeler .col-md-6 table thead th,
body[data-theme="dark"] .kariyer-kol-card .table thead th,
body[data-theme="dark"] .page-kariyerli-uyeler .col-md-6 table thead th {
  background: #1e1917 !important;
  color: #bdaea9 !important;
  border-bottom: 2px solid rgba(255, 255, 255, 0.08) !important;
}

/* Dark — Kol Tablosu Satırları */
[data-theme="dark"] .kariyer-kol-card .table tbody tr,
[data-theme="dark"] .page-kariyerli-uyeler .col-md-6 table tbody tr,
body[data-theme="dark"] .kariyer-kol-card .table tbody tr,
body[data-theme="dark"] .page-kariyerli-uyeler .col-md-6 table tbody tr {
  background: #191413 !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
}

[data-theme="dark"] .kariyer-kol-card .table tbody tr:nth-child(even),
[data-theme="dark"] .page-kariyerli-uyeler .col-md-6 table tbody tr:nth-child(even),
body[data-theme="dark"] .kariyer-kol-card .table tbody tr:nth-child(even),
body[data-theme="dark"] .page-kariyerli-uyeler .col-md-6 table tbody tr:nth-child(even) {
  background: #1e1917 !important;
}

[data-theme="dark"] .kariyer-kol-card .table tbody tr:hover,
[data-theme="dark"] .page-kariyerli-uyeler .col-md-6 table tbody tr:hover,
body[data-theme="dark"] .kariyer-kol-card .table tbody tr:hover,
body[data-theme="dark"] .page-kariyerli-uyeler .col-md-6 table tbody tr:hover {
  background: rgba(255, 255, 255, 0.05) !important;
}

[data-theme="dark"] .kariyer-kol-card .table tbody td,
[data-theme="dark"] .page-kariyerli-uyeler .col-md-6 table tbody td,
body[data-theme="dark"] .kariyer-kol-card .table tbody td,
body[data-theme="dark"] .page-kariyerli-uyeler .col-md-6 table tbody td {
  color: #f5f0eb !important;
  border: none !important;
}

/* Dark — Üye No Rozeti */
[data-theme="dark"] .kariyer-uye-badge,
body[data-theme="dark"] .kariyer-uye-badge {
  background: #27211f !important;
  color: #f0a8b2 !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
}

/* Dark — Ad Soyad */
[data-theme="dark"] .kariyer-adsoyad,
body[data-theme="dark"] .kariyer-adsoyad {
  color: #ffffff !important;
}

/* Dark — Kariyer Rozeti */
[data-theme="dark"] .kariyer-title-badge,
body[data-theme="dark"] .kariyer-title-badge {
  background: rgba(245, 158, 11, 0.16) !important;
  color: #fcd34d !important;
  border: 1px solid rgba(245, 158, 11, 0.35) !important;
}

[data-theme="dark"] .kariyer-title-badge i,
body[data-theme="dark"] .kariyer-title-badge i {
  color: #fbbf24 !important;
}

/* Dark — Nesil Rozeti */
[data-theme="dark"] .kariyer-nesil-badge,
body[data-theme="dark"] .kariyer-nesil-badge {
  background: #26201e !important;
  color: #bdaea9 !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* Dark — Boş Durum */
[data-theme="dark"] .empty-kol-cell,
body[data-theme="dark"] .empty-kol-cell {
  color: #8c7d79 !important;
}

[data-theme="dark"] .empty-kol-cell i,
body[data-theme="dark"] .empty-kol-cell i {
  color: #5a4e4b !important;
}

/* Dark — Ham .alert-success fallback */
[data-theme="dark"] .page-kariyerli-uyeler .alert.alert-success,
[data-theme="dark"] body:has(#Donem) .col-md-6 > .alert.alert-success,
body[data-theme="dark"] .page-kariyerli-uyeler .alert.alert-success,
body[data-theme="dark"]:has(#Donem) .col-md-6 > .alert.alert-success {
  background: linear-gradient(135deg, #221c1a 0%, #1c1716 100%) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-bottom: 2px solid rgba(189, 107, 120, 0.3) !important;
  color: #f5f0eb !important;
}

/* ================================================================
   BİNARY HAREKETLERİ (/puanb) & MATCHING BONUSU (/derinlikprim)
   ================================================================ */

/* --- Ortak Filtre Kartı (.binary-filter-card) --- */
.binary-filter-card {
  background: #ffffff !important;
  border: 1px solid rgba(167, 93, 105, 0.16) !important;
  border-radius: 16px !important;
  padding: 14px 20px !important;
  box-shadow: 0 6px 22px rgba(44, 37, 35, 0.04) !important;
  margin-bottom: 22px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;
  gap: 14px !important;
}

.binary-filter-left {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

.binary-stepper-group {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

/* Gezinme Butonları (< ve >) */
.btn-binary-nav {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  border-radius: 10px !important;
  background: #faf6f5 !important;
  border: 1px solid rgba(167, 93, 105, 0.2) !important;
  color: #8c4753 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 13px !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
  outline: none !important;
  padding: 0 !important;
}

.btn-binary-nav:hover {
  background: linear-gradient(135deg, #a75d69, #8c4753) !important;
  border-color: #8c4753 !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(167, 93, 105, 0.25) !important;
}

/* Seçim Alanı Kapsayıcısı */
.binary-select-wrapper {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
}

.binary-select-wrapper .select-icon {
  position: absolute !important;
  left: 13px !important;
  color: #a75d69 !important;
  font-size: 14px !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

/* Dropdown (Select) */
.binary-select,
.page-binary-common #frmUyeBilgileri select,
#frmUyeBilgileri select#Ay,
#frmUyeBilgileri select#Yil {
  height: 40px !important;
  padding: 0 34px 0 38px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(167, 93, 105, 0.2) !important;
  background-color: #ffffff !important;
  color: #2c2523 !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  outline: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a75d69' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 12px center !important;
  background-size: 12px !important;
  transition: all 0.2s ease !important;
  min-width: 140px !important;
}

.binary-select:focus,
.page-binary-common #frmUyeBilgileri select:focus {
  border-color: #a75d69 !important;
  box-shadow: 0 0 0 3px rgba(167, 93, 105, 0.15) !important;
}

/* Sağ Aksiyon Butonları */
.binary-filter-right {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.btn-binary-action {
  height: 40px !important;
  padding: 0 18px !important;
  border-radius: 10px !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  cursor: pointer !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
  outline: none !important;
  border: none !important;
}

.btn-binary-refresh {
  background: linear-gradient(135deg, #a75d69 0%, #8c4753 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(167, 93, 105, 0.25) !important;
}

.btn-binary-refresh:hover {
  background: linear-gradient(135deg, #964f5b 0%, #7b3d48 100%) !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 18px rgba(167, 93, 105, 0.35) !important;
}

.btn-binary-clear {
  background: #faf6f5 !important;
  color: #6d5d5a !important;
  border: 1px solid rgba(167, 93, 105, 0.2) !important;
}

.btn-binary-clear:hover {
  background: #f0e6e4 !important;
  color: #2c2523 !important;
  border-color: rgba(167, 93, 105, 0.35) !important;
  transform: translateY(-1px) !important;
}

/* --- MATCHING BONUSU SAYFASI TASARIMI --- */

/* Kariyer Kartı (.matching-kariyer-card) */
.matching-kariyer-card {
  background: linear-gradient(135deg, #fffcfb 0%, #faf3f2 100%) !important;
  border: 1px solid rgba(167, 93, 105, 0.18) !important;
  border-left: 5px solid #a75d69 !important;
  border-radius: 14px !important;
  padding: 16px 22px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin-bottom: 22px !important;
  box-shadow: 0 4px 18px rgba(44, 37, 35, 0.03) !important;
}

.matching-kariyer-card .career-left {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
}

.matching-kariyer-card .career-icon-box {
  width: 48px !important;
  height: 48px !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, rgba(245, 158, 11, 0.15), rgba(217, 119, 6, 0.2)) !important;
  color: #d97706 !important;
  border: 1px solid rgba(245, 158, 11, 0.3) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 22px !important;
  flex-shrink: 0 !important;
}

.matching-kariyer-card.no-career .career-icon-box {
  background: rgba(167, 93, 105, 0.1) !important;
  color: #a75d69 !important;
  border-color: rgba(167, 93, 105, 0.2) !important;
}

.matching-kariyer-card .career-text-group {
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
}

.matching-kariyer-card .career-label {
  font-size: 13.5px !important;
  font-weight: 700 !important;
  color: #2c2523 !important;
}

.matching-kariyer-card .career-sub {
  font-size: 12px !important;
  color: #7d7270 !important;
  font-weight: 500 !important;
}

.matching-kariyer-card .career-right {
  display: flex !important;
  align-items: center !important;
}

.matching-kariyer-card .career-badge {
  background: linear-gradient(135deg, #a75d69 0%, #8c4753 100%) !important;
  color: #ffffff !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.5px !important;
  padding: 8px 20px !important;
  border-radius: 30px !important;
  box-shadow: 0 3px 12px rgba(167, 93, 105, 0.25) !important;
  display: inline-block !important;
}

/* Matching Tablo Kartı */
.matching-table-card,
.binary-table-card,
.binary-summary-card,
.binary-aktiflik-card {
  background: #ffffff !important;
  border: 1px solid rgba(167, 93, 105, 0.16) !important;
  border-radius: 16px !important;
  box-shadow: 0 6px 24px rgba(44, 37, 35, 0.04) !important;
  overflow: hidden !important;
  margin-bottom: 24px !important;
}

.matching-card-header,
.binary-card-header {
  padding: 15px 22px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  border-bottom: 2px solid rgba(167, 93, 105, 0.12) !important;
  background: linear-gradient(135deg, #faf6f5 0%, #f4eae8 100%) !important;
}

.matching-card-header .card-title,
.binary-card-header .card-title {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #2c2523 !important;
  margin: 0 !important;
}

.matching-card-header .card-title i,
.binary-card-header .card-title i {
  font-size: 18px !important;
  color: #a75d69 !important;
}

.matching-count-badge,
.binary-count-badge {
  background: #ffffff !important;
  color: #8c4753 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  padding: 4px 12px !important;
  border-radius: 20px !important;
  border: 1px solid rgba(167, 93, 105, 0.2) !important;
}

/* Matching & Binary Tabloları */
.table-matching,
.table-binary-movements,
.table-binary-summary,
.page-binary-common table.table {
  margin-bottom: 0 !important;
  background: transparent !important;
  border: none !important;
  width: 100% !important;
}

.table-matching thead th,
.table-matching tr:first-child th,
.table-binary-movements thead th,
.table-binary-summary thead th,
.page-binary-common table thead th,
.page-binary-common table tr:first-child th {
  background: #fdfaf9 !important;
  color: #7d7270 !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.6px !important;
  border: none !important;
  border-bottom: 2px solid rgba(167, 93, 105, 0.1) !important;
  padding: 13px 16px !important;
  vertical-align: middle !important;
}

.table-matching tbody tr,
.table-binary-movements tbody tr,
.table-binary-summary tbody tr {
  background: #ffffff !important;
  border: none !important;
  border-bottom: 1px solid rgba(167, 93, 105, 0.06) !important;
  transition: background 0.15s ease !important;
}

.table-matching tbody tr:last-child,
.table-binary-movements tbody tr:last-child,
.table-binary-summary tbody tr:last-child {
  border-bottom: none !important;
}

.table-matching tbody tr:hover,
.table-binary-movements tbody tr:hover,
.table-binary-summary tbody tr:hover {
  background: rgba(167, 93, 105, 0.035) !important;
}

.table-matching tbody td,
.table-binary-movements tbody td,
.table-binary-summary tbody td,
.table-binary-summary tbody th {
  padding: 13px 16px !important;
  font-size: 13px !important;
  color: #2c2523 !important;
  vertical-align: middle !important;
  border: none !important;
}

/* Rozetler ve Hücre Tasarımları */
.matching-idx-badge {
  background: rgba(167, 93, 105, 0.08) !important;
  color: #8c4753 !important;
  font-weight: 700 !important;
  font-size: 11.5px !important;
  padding: 2px 7px !important;
  border-radius: 6px !important;
  display: inline-block !important;
}

.matching-uyno-badge {
  background: #faf6f5 !important;
  color: #2c2523 !important;
  font-family: monospace !important;
  font-weight: 700 !important;
  font-size: 12.5px !important;
  padding: 3px 8px !important;
  border-radius: 6px !important;
  border: 1px solid rgba(167, 93, 105, 0.15) !important;
  display: inline-block !important;
}

.matching-name,
.binary-user-name {
  font-weight: 600 !important;
  color: #2c2523 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
}

.matching-name i,
.binary-user-name i {
  color: #a75d69 !important;
  font-size: 14px !important;
}

.matching-puan-pill {
  background: rgba(167, 93, 105, 0.07) !important;
  color: #8c4753 !important;
  font-weight: 700 !important;
  padding: 3px 10px !important;
  border-radius: 20px !important;
  border: 1px solid rgba(167, 93, 105, 0.15) !important;
  display: inline-block !important;
}

.matching-gain-pill {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.12), rgba(5, 150, 105, 0.18)) !important;
  color: #065f46 !important;
  border: 1px solid rgba(16, 185, 129, 0.25) !important;
  font-weight: 800 !important;
  padding: 4px 12px !important;
  border-radius: 20px !important;
  display: inline-block !important;
}

/* Matching Toplam Kazanç Kartı */
.matching-total-card {
  background: linear-gradient(135deg, #ffffff 0%, #fdf8f8 100%) !important;
  border: 1px solid rgba(167, 93, 105, 0.2) !important;
  border-radius: 14px !important;
  padding: 18px 24px !important;
  margin-top: 15px !important;
  margin-bottom: 25px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  box-shadow: 0 4px 16px rgba(44, 37, 35, 0.03) !important;
}

.matching-total-card .total-left {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
}

.matching-total-card .total-icon-box {
  width: 46px !important;
  height: 46px !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, #a75d69, #8c4753) !important;
  color: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 20px !important;
  flex-shrink: 0 !important;
}

.matching-total-card .total-desc {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

.matching-total-card .total-label {
  display: block !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.6px !important;
  color: #2c2523 !important;
}

.matching-total-card .total-sub {
  font-size: 12px !important;
  color: #7d7270 !important;
  font-weight: 500 !important;
}

.matching-total-card .total-right {
  display: flex !important;
  align-items: center !important;
}

.matching-total-card .total-val {
  font-size: 26px !important;
  font-weight: 800 !important;
  color: #8c4753 !important;
  letter-spacing: 0.5px !important;
}

.matching-total-card .total-val small {
  font-size: 14px !important;
  font-weight: 700 !important;
  margin-left: 2px !important;
}

.matching-total-card .total-val small {
  font-size: 14px !important;
  font-weight: 700 !important;
  margin-left: 2px !important;
}

/* --- BİNARY HAREKETLERİ SAYFASI TASARIMI --- */
.binary-date-badge {
  background: #faf6f5 !important;
  color: #6d5d5a !important;
  border: 1px solid rgba(167, 93, 105, 0.14) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  padding: 3px 9px !important;
  border-radius: 6px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.binary-date-badge i {
  color: #a75d69 !important;
}

.binary-type-badge {
  background: rgba(167, 93, 105, 0.1) !important;
  color: #8c4753 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  padding: 3px 10px !important;
  border-radius: 20px !important;
  display: inline-block !important;
}

.binary-point-pill {
  font-weight: 700 !important;
  font-size: 12.5px !important;
  padding: 4px 12px !important;
  border-radius: 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.binary-point-pill.sol-pill {
  background: rgba(59, 130, 246, 0.08) !important;
  color: #1d4ed8 !important;
  border: 1px solid rgba(59, 130, 246, 0.2) !important;
}

.binary-point-pill.sag-pill {
  background: rgba(16, 185, 129, 0.08) !important;
  color: #047857 !important;
  border: 1px solid rgba(16, 185, 129, 0.2) !important;
}

/* Ödenmemiş Satır (FBC6C7 Arka Planı) */
.table-binary-movements tr.row-unpaid,
.table-binary-movements tr[style*="FBC6C7"],
.table-binary-movements tr[style*="fbc6c7"] {
  background: #fef2f2 !important;
}

.table-binary-movements tr.row-unpaid td,
.table-binary-movements tr[style*="FBC6C7"] td,
.table-binary-movements tr[style*="fbc6c7"] td {
  color: #991b1b !important;
}

/* Alt Puan Özeti Tablosu */
.table-binary-summary tbody th {
  font-weight: 700 !important;
  color: #4a3e3c !important;
  width: 45% !important;
}

.table-binary-summary tbody td {
  font-weight: 600 !important;
  color: #2c2523 !important;
}

/* Aktiflik Kartı İçeriği */
.aktiflik-content {
  padding: 24px 22px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 20px !important;
  flex: 1 !important;
}

.aktiflik-status-banner {
  background: rgba(16, 185, 129, 0.08) !important;
  border: 1px solid rgba(16, 185, 129, 0.22) !important;
  border-radius: 14px !important;
  padding: 14px 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
}

.status-banner-left {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
}

.status-indicator-ring {
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  background: rgba(16, 185, 129, 0.15) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

.status-indicator-dot {
  width: 12px !important;
  height: 12px !important;
  border-radius: 50% !important;
  background: #10b981 !important;
  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.3) !important;
  animation: pulseGreen 2s infinite !important;
}

@keyframes pulseGreen {
  0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7); }
  70% { transform: scale(1); box-shadow: 0 0 0 8px rgba(16, 185, 129, 0); }
  100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); }
}

.status-banner-text {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}

.status-caption {
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.6px !important;
  color: #7d7270 !important;
}

.status-state {
  font-size: 16px !important;
  font-weight: 800 !important;
  color: #047857 !important;
}

.status-verified-badge {
  background: rgba(16, 185, 129, 0.14) !important;
  color: #047857 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  padding: 5px 13px !important;
  border-radius: 20px !important;
  border: 1px solid rgba(16, 185, 129, 0.3) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  white-space: nowrap !important;
}

.aktiflik-metric-row {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}

.aktiflik-metric-card {
  background: #faf6f5 !important;
  border: 1px solid rgba(167, 93, 105, 0.12) !important;
  border-radius: 14px !important;
  padding: 16px 20px !important;
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
}

.metric-icon-box {
  width: 46px !important;
  height: 46px !important;
  border-radius: 12px !important;
  background: rgba(167, 93, 105, 0.1) !important;
  color: #a75d69 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 20px !important;
  flex-shrink: 0 !important;
}

.metric-info {
  display: flex !important;
  flex-direction: column !important;
  gap: 3px !important;
}

.metric-subtitle {
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.6px !important;
  color: #7d7270 !important;
}

.metric-value {
  font-size: 19px !important;
  font-weight: 800 !important;
  color: #2c2523 !important;
  letter-spacing: 0.3px !important;
}

/* Binary Özet ve Aktiflik Kolonları Düzeni */
.binary-cards-row,
.page-puanb .row:has(.binary-summary-card) {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  margin-top: 15px !important;
}

.binary-cards-row > .col-md-6,
.page-puanb .row:has(.binary-summary-card) > .col-md-6 {
  display: flex !important;
  flex-direction: column !important;
}

.binary-summary-card,
.binary-aktiflik-card {
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}

.binary-summary-card .table-responsive {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
}

.binary-summary-card table {
  height: 100% !important;
}

/* Kart Header Rozetleri */
.summary-header-badge,
.aktiflik-header-badge {
  background: #ffffff !important;
  color: #8c4753 !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  padding: 4px 12px !important;
  border-radius: 20px !important;
  border: 1px solid rgba(167, 93, 105, 0.2) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

/* Özet Değerleri (.summary-val) */
.summary-val {
  display: inline-block !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  padding: 3px 10px !important;
  border-radius: 6px !important;
}

.summary-val.sol {
  background: rgba(59, 130, 246, 0.08) !important;
  color: #1d4ed8 !important;
  border: 1px solid rgba(59, 130, 246, 0.2) !important;
}

.summary-val.sag {
  background: rgba(16, 185, 129, 0.08) !important;
  color: #047857 !important;
  border: 1px solid rgba(16, 185, 129, 0.2) !important;
}

/* Eşleşen & Kazanç Özel Rozetleri */
.summary-single-val-wrap {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

.summary-val.eslesen-puan {
  background: rgba(139, 92, 246, 0.08) !important;
  color: #6d28d9 !important;
  border: 1px solid rgba(139, 92, 246, 0.22) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.summary-val.eslesen-kariyer {
  background: rgba(245, 158, 11, 0.08) !important;
  color: #b45309 !important;
  border: 1px solid rgba(245, 158, 11, 0.25) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.summary-val.kazanc-highlight {
  background: linear-gradient(135deg, rgba(167, 93, 105, 0.12) 0%, rgba(140, 71, 83, 0.18) 100%) !important;
  color: #8c4753 !important;
  border: 1.5px solid rgba(167, 93, 105, 0.3) !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 4px 14px !important;
  border-radius: 8px !important;
}

/* Aktiflik Bilgilendirme Notu */
.aktiflik-info-note {
  background: rgba(16, 185, 129, 0.08) !important;
  border: 1px solid rgba(16, 185, 129, 0.2) !important;
  color: #065f46 !important;
  border-radius: 12px !important;
  padding: 13px 16px !important;
  font-size: 12.5px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  line-height: 1.5 !important;
}

.aktiflik-info-note i {
  font-size: 18px !important;
  color: #10b981 !important;
  flex-shrink: 0 !important;
}

/* Boş Durum Satırı */
.empty-cell {
  text-align: center !important;
  padding: 40px 20px !important;
  color: #7d7270 !important;
}

.empty-cell i {
  display: block !important;
  font-size: 34px !important;
  color: #a75d69 !important;
  opacity: 0.5 !important;
  margin-bottom: 12px !important;
}

.empty-cell span {
  font-size: 14px !important;
  font-weight: 600 !important;
}

/* ================================================================
   KARANLIK TEMA (DARK MODE) DESTEĞİ
   ================================================================ */

/* Dark — Filtre Kartı */
[data-theme="dark"] .binary-filter-card,
body[data-theme="dark"] .binary-filter-card {
  background: #1c1716 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.45) !important;
}

/* Dark — Gezinme Butonları */
[data-theme="dark"] .btn-binary-nav,
body[data-theme="dark"] .btn-binary-nav {
  background: #26201e !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #ded3cf !important;
}

[data-theme="dark"] .btn-binary-nav:hover,
body[data-theme="dark"] .btn-binary-nav:hover {
  background: linear-gradient(135deg, #bd6b78, #9b4e5a) !important;
  border-color: #bd6b78 !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(189, 107, 120, 0.3) !important;
}

/* Dark — Dropdown (Select) */
[data-theme="dark"] .binary-select,
[data-theme="dark"] .page-binary-common #frmUyeBilgileri select,
[data-theme="dark"] #frmUyeBilgileri select#Ay,
[data-theme="dark"] #frmUyeBilgileri select#Yil,
body[data-theme="dark"] .binary-select,
body[data-theme="dark"] .page-binary-common #frmUyeBilgileri select,
body[data-theme="dark"] #frmUyeBilgileri select#Ay,
body[data-theme="dark"] #frmUyeBilgileri select#Yil {
  background-color: #26201e !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #f5f0eb !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23bd6b78' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
}

[data-theme="dark"] .binary-select option,
body[data-theme="dark"] .binary-select option {
  background-color: #1c1716 !important;
  color: #f5f0eb !important;
}

[data-theme="dark"] .binary-select-wrapper .select-icon,
body[data-theme="dark"] .binary-select-wrapper .select-icon {
  color: #bd6b78 !important;
}

/* Dark — Aksiyon Butonları */
[data-theme="dark"] .btn-binary-refresh,
body[data-theme="dark"] .btn-binary-refresh {
  background: linear-gradient(135deg, #bd6b78 0%, #9b4e5a 100%) !important;
  box-shadow: 0 4px 14px rgba(189, 107, 120, 0.3) !important;
}

[data-theme="dark"] .btn-binary-clear,
body[data-theme="dark"] .btn-binary-clear {
  background: #26201e !important;
  color: #ded3cf !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .btn-binary-clear:hover,
body[data-theme="dark"] .btn-binary-clear:hover {
  background: #332b29 !important;
  color: #ffffff !important;
  border-color: rgba(189, 107, 120, 0.4) !important;
}

/* Dark — Kariyer Kartı */
[data-theme="dark"] .matching-kariyer-card,
body[data-theme="dark"] .matching-kariyer-card {
  background: linear-gradient(135deg, #221c1a 0%, #1c1716 100%) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  border-left: 5px solid #bd6b78 !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35) !important;
}

[data-theme="dark"] .matching-kariyer-card .career-label,
body[data-theme="dark"] .matching-kariyer-card .career-label {
  color: #f5f0eb !important;
}

[data-theme="dark"] .matching-kariyer-card .career-sub,
body[data-theme="dark"] .matching-kariyer-card .career-sub {
  color: #a89995 !important;
}

[data-theme="dark"] .matching-kariyer-card .career-badge,
body[data-theme="dark"] .matching-kariyer-card .career-badge {
  background: linear-gradient(135deg, #bd6b78 0%, #9b4e5a 100%) !important;
  box-shadow: 0 3px 12px rgba(189, 107, 120, 0.35) !important;
}

/* Boş Tablo Satırı Temizliği */
.table-matching tr.prim-empty-row,
.table-matching tr.prim-empty-row:hover,
.table-binary-movements tr.prim-empty-row,
.table-binary-movements tr.prim-empty-row:hover {
  background: transparent !important;
}

.table-matching tr.prim-empty-row td,
.table-binary-movements tr.prim-empty-row td {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
}

/* Dark — Kartlar & Başlıklar */
[data-theme="dark"] .matching-table-card,
[data-theme="dark"] .binary-table-card,
[data-theme="dark"] .binary-summary-card,
[data-theme="dark"] .binary-aktiflik-card,
body[data-theme="dark"] .matching-table-card,
body[data-theme="dark"] .binary-table-card,
body[data-theme="dark"] .binary-summary-card,
body[data-theme="dark"] .binary-aktiflik-card {
  background: #1c1716 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.45) !important;
}

[data-theme="dark"] .matching-card-header,
[data-theme="dark"] .binary-card-header,
body[data-theme="dark"] .matching-card-header,
body[data-theme="dark"] .binary-card-header {
  background: linear-gradient(135deg, #26201e 0%, #1e1918 100%) !important;
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .matching-card-header .card-title,
[data-theme="dark"] .binary-card-header .card-title,
body[data-theme="dark"] .matching-card-header .card-title,
body[data-theme="dark"] .binary-card-header .card-title {
  color: #f5f0eb !important;
}

[data-theme="dark"] .matching-card-header .card-title i,
[data-theme="dark"] .binary-card-header .card-title i,
body[data-theme="dark"] .matching-card-header .card-title i,
body[data-theme="dark"] .binary-card-header .card-title i {
  color: #bd6b78 !important;
}

[data-theme="dark"] .matching-count-badge,
[data-theme="dark"] .binary-count-badge,
body[data-theme="dark"] .matching-count-badge,
body[data-theme="dark"] .binary-count-badge {
  background: #26201e !important;
  color: #ded3cf !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Dark — Tablolar */
[data-theme="dark"] .table-matching thead th,
[data-theme="dark"] .table-matching tr:first-child th,
[data-theme="dark"] .table-binary-movements thead th,
[data-theme="dark"] .table-binary-summary thead th,
[data-theme="dark"] .page-binary-common table thead th,
[data-theme="dark"] .page-binary-common table tr:first-child th,
body[data-theme="dark"] .table-matching thead th,
body[data-theme="dark"] .table-matching tr:first-child th,
body[data-theme="dark"] .table-binary-movements thead th,
body[data-theme="dark"] .table-binary-summary thead th,
body[data-theme="dark"] .page-binary-common table thead th,
body[data-theme="dark"] .page-binary-common table tr:first-child th {
  background: #221c1a !important;
  color: #a89995 !important;
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .table-matching tbody tr,
[data-theme="dark"] .table-binary-movements tbody tr,
[data-theme="dark"] .table-binary-summary tbody tr,
body[data-theme="dark"] .table-matching tbody tr,
body[data-theme="dark"] .table-binary-movements tbody tr,
body[data-theme="dark"] .table-binary-summary tbody tr {
  background: #1c1716 !important;
  border-bottom-color: rgba(255, 255, 255, 0.05) !important;
}

[data-theme="dark"] .table-matching tbody tr:hover,
[data-theme="dark"] .table-binary-movements tbody tr:hover,
[data-theme="dark"] .table-binary-summary tbody tr:hover,
body[data-theme="dark"] .table-matching tbody tr:hover,
body[data-theme="dark"] .table-binary-movements tbody tr:hover,
body[data-theme="dark"] .table-binary-summary tbody tr:hover {
  background: rgba(189, 107, 120, 0.08) !important;
}

[data-theme="dark"] .table-matching tbody td,
[data-theme="dark"] .table-binary-movements tbody td,
[data-theme="dark"] .table-binary-summary tbody td,
[data-theme="dark"] .table-binary-summary tbody th,
body[data-theme="dark"] .table-matching tbody td,
body[data-theme="dark"] .table-binary-movements tbody td,
body[data-theme="dark"] .table-binary-summary tbody td,
body[data-theme="dark"] .table-binary-summary tbody th {
  color: #ded3cf !important;
}

/* Dark — Rozetler */
[data-theme="dark"] .matching-idx-badge,
body[data-theme="dark"] .matching-idx-badge {
  background: rgba(189, 107, 120, 0.15) !important;
  color: #e28a96 !important;
}

[data-theme="dark"] .matching-uyno-badge,
body[data-theme="dark"] .matching-uyno-badge {
  background: #26201e !important;
  color: #ded3cf !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .matching-name,
[data-theme="dark"] .binary-user-name,
body[data-theme="dark"] .matching-name,
body[data-theme="dark"] .binary-user-name {
  color: #f5f0eb !important;
}

[data-theme="dark"] .matching-name i,
[data-theme="dark"] .binary-user-name i,
body[data-theme="dark"] .matching-name i,
body[data-theme="dark"] .binary-user-name i {
  color: #bd6b78 !important;
}

[data-theme="dark"] .matching-puan-pill,
body[data-theme="dark"] .matching-puan-pill {
  background: rgba(189, 107, 120, 0.15) !important;
  color: #e28a96 !important;
  border-color: rgba(189, 107, 120, 0.25) !important;
}

[data-theme="dark"] .matching-gain-pill,
body[data-theme="dark"] .matching-gain-pill {
  background: rgba(16, 185, 129, 0.16) !important;
  color: #34d399 !important;
  border-color: rgba(16, 185, 129, 0.3) !important;
}

/* Dark — Matching Toplam Kazanç Kartı */
[data-theme="dark"] .matching-total-card,
body[data-theme="dark"] .matching-total-card {
  background: linear-gradient(135deg, #221c1a 0%, #1c1716 100%) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35) !important;
}

[data-theme="dark"] .matching-total-card .total-label,
body[data-theme="dark"] .matching-total-card .total-label {
  color: #f5f0eb !important;
}

[data-theme="dark"] .matching-total-card .total-sub,
body[data-theme="dark"] .matching-total-card .total-sub {
  color: #a89995 !important;
}

[data-theme="dark"] .matching-total-card .total-val,
body[data-theme="dark"] .matching-total-card .total-val {
  color: #e28a96 !important;
}

/* Dark — Binary Tarih & Tür Rozetleri */
[data-theme="dark"] .binary-date-badge,
body[data-theme="dark"] .binary-date-badge {
  background: #26201e !important;
  color: #ded3cf !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .binary-date-badge i,
body[data-theme="dark"] .binary-date-badge i {
  color: #bd6b78 !important;
}

[data-theme="dark"] .binary-type-badge,
body[data-theme="dark"] .binary-type-badge {
  background: rgba(189, 107, 120, 0.18) !important;
  color: #e28a96 !important;
}

[data-theme="dark"] .binary-point-pill.sol-pill,
body[data-theme="dark"] .binary-point-pill.sol-pill {
  background: rgba(59, 130, 246, 0.16) !important;
  color: #93c5fd !important;
  border-color: rgba(59, 130, 246, 0.25) !important;
}

[data-theme="dark"] .binary-point-pill.sag-pill,
body[data-theme="dark"] .binary-point-pill.sag-pill {
  background: rgba(16, 185, 129, 0.16) !important;
  color: #6ee7b7 !important;
  border-color: rgba(16, 185, 129, 0.25) !important;
}

/* Dark — Ödenmemiş Satır */
[data-theme="dark"] .table-binary-movements tr.row-unpaid,
[data-theme="dark"] .table-binary-movements tr[style*="FBC6C7"],
[data-theme="dark"] .table-binary-movements tr[style*="fbc6c7"],
body[data-theme="dark"] .table-binary-movements tr.row-unpaid,
body[data-theme="dark"] .table-binary-movements tr[style*="FBC6C7"],
body[data-theme="dark"] .table-binary-movements tr[style*="fbc6c7"] {
  background: rgba(220, 38, 38, 0.18) !important;
}

[data-theme="dark"] .table-binary-movements tr.row-unpaid td,
[data-theme="dark"] .table-binary-movements tr[style*="FBC6C7"] td,
[data-theme="dark"] .table-binary-movements tr[style*="fbc6c7"] td,
body[data-theme="dark"] .table-binary-movements tr.row-unpaid td,
body[data-theme="dark"] .table-binary-movements tr[style*="FBC6C7"] td,
body[data-theme="dark"] .table-binary-movements tr[style*="fbc6c7"] td {
  color: #fca5a5 !important;
}

/* Dark — Aktiflik Banner & Kartı */
[data-theme="dark"] .status-caption,
body[data-theme="dark"] .status-caption {
  color: #a89995 !important;
}

[data-theme="dark"] .status-state,
body[data-theme="dark"] .status-state {
  color: #34d399 !important;
}

[data-theme="dark"] .status-verified-badge,
body[data-theme="dark"] .status-verified-badge {
  background: rgba(16, 185, 129, 0.22) !important;
  color: #6ee7b7 !important;
  border-color: rgba(16, 185, 129, 0.35) !important;
}

[data-theme="dark"] .aktiflik-metric-card,
body[data-theme="dark"] .aktiflik-metric-card {
  background: #26201e !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .metric-icon-box,
body[data-theme="dark"] .metric-icon-box {
  background: rgba(226, 138, 150, 0.15) !important;
  color: #e28a96 !important;
}

[data-theme="dark"] .metric-subtitle,
body[data-theme="dark"] .metric-subtitle {
  color: #a89995 !important;
}

[data-theme="dark"] .metric-value,
body[data-theme="dark"] .metric-value {
  color: #f5f0eb !important;
}

/* Dark — Kart Header Rozetleri */
[data-theme="dark"] .summary-header-badge,
[data-theme="dark"] .aktiflik-header-badge,
body[data-theme="dark"] .summary-header-badge,
body[data-theme="dark"] .aktiflik-header-badge {
  background: #1a1514 !important;
  color: #e28a96 !important;
  border-color: rgba(226, 138, 150, 0.25) !important;
}

/* Dark — Özet Değerleri */
[data-theme="dark"] .summary-val.sol,
body[data-theme="dark"] .summary-val.sol {
  background: rgba(59, 130, 246, 0.16) !important;
  color: #93c5fd !important;
  border-color: rgba(59, 130, 246, 0.25) !important;
}

[data-theme="dark"] .summary-val.sag,
body[data-theme="dark"] .summary-val.sag {
  background: rgba(16, 185, 129, 0.16) !important;
  color: #6ee7b7 !important;
  border-color: rgba(16, 185, 129, 0.25) !important;
}

[data-theme="dark"] .summary-val.eslesen-puan,
body[data-theme="dark"] .summary-val.eslesen-puan {
  background: rgba(167, 139, 250, 0.16) !important;
  color: #c4b5fd !important;
  border-color: rgba(167, 139, 250, 0.3) !important;
}

[data-theme="dark"] .summary-val.eslesen-kariyer,
body[data-theme="dark"] .summary-val.eslesen-kariyer {
  background: rgba(251, 191, 36, 0.16) !important;
  color: #fde68a !important;
  border-color: rgba(251, 191, 36, 0.3) !important;
}

[data-theme="dark"] .summary-val.kazanc-highlight,
body[data-theme="dark"] .summary-val.kazanc-highlight {
  background: linear-gradient(135deg, rgba(226, 138, 150, 0.18) 0%, rgba(189, 107, 120, 0.28) 100%) !important;
  color: #fce7ea !important;
  border-color: rgba(226, 138, 150, 0.4) !important;
}

/* Dark — Aktiflik Notu */
[data-theme="dark"] .aktiflik-info-note,
body[data-theme="dark"] .aktiflik-info-note {
  background: rgba(16, 185, 129, 0.12) !important;
  border-color: rgba(16, 185, 129, 0.25) !important;
  color: #6ee7b7 !important;
}

[data-theme="dark"] .aktiflik-info-note i,
body[data-theme="dark"] .aktiflik-info-note i {
  color: #34d399 !important;
}

/* Dark — Boş Durum */
[data-theme="dark"] .empty-cell,
body[data-theme="dark"] .empty-cell {
  color: #8c7d79 !important;
}

[data-theme="dark"] .empty-cell i,
body[data-theme="dark"] .empty-cell i {
  color: #bd6b78 !important;
}

/* Dark — Ham Form ve Ham Alert Fallback'leri (JS Öncesi Koruma) */
[data-theme="dark"] #frmUyeBilgileri .input-group,
body[data-theme="dark"] #frmUyeBilgileri .input-group {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

[data-theme="dark"] #frmUyeBilgileri .input-group-btn .btn-primary,
body[data-theme="dark"] #frmUyeBilgileri .input-group-btn .btn-primary {
  background: #26201e !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #f5f0eb !important;
  border-radius: 8px !important;
}

[data-theme="dark"] .page-matching .alert.alert-success,
[data-theme="dark"] .page-matching .alert.alert-danger,
body[data-theme="dark"] .page-matching .alert.alert-success,
body[data-theme="dark"] .page-matching .alert.alert-danger {
  background: #221c1a !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: #f5f0eb !important;
}

/* Mobil Uyumluluk */
@media (max-width: 768px) {
  .binary-filter-card {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .binary-filter-left,
  .binary-stepper-group {
    width: 100% !important;
    justify-content: space-between !important;
  }

  .binary-select-wrapper {
    flex: 1 !important;
  }

  .binary-select {
    min-width: 0 !important;
    width: 100% !important;
  }

  .binary-filter-right {
    width: 100% !important;
    justify-content: stretch !important;
  }

  .btn-binary-action {
    flex: 1 !important;
    justify-content: center !important;
  }

  .matching-kariyer-card {
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  .matching-total-card {
    justify-content: center !important;
  }
}

/* ================================================================
   ALT ÜYELERİM SAYFASI (/altuyelerim)
   ================================================================ */

/* --- 1. Filtre Kartı (.altuye-filter-card) --- */
.altuye-filter-card {
  background: #ffffff !important;
  border: 1px solid rgba(167, 93, 105, 0.16) !important;
  border-radius: 16px !important;
  box-shadow: 0 6px 22px rgba(44, 37, 35, 0.04) !important;
  margin-bottom: 22px !important;
  overflow: hidden !important;
}

.altuye-filter-header {
  padding: 14px 22px !important;
  background: linear-gradient(135deg, #faf6f5 0%, #f4eae8 100%) !important;
  border-bottom: 2px solid rgba(167, 93, 105, 0.12) !important;
}

.altuye-filter-header .card-title {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #2c2523 !important;
  margin: 0 !important;
}

.altuye-filter-header .card-title i {
  color: #a75d69 !important;
  font-size: 17px !important;
}

.altuye-filter-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 14px 16px !important;
  padding: 22px 24px !important;
  margin: 0 !important;
}

.altuye-filter-grid > div,
.altuye-filter-grid [class*="col-"] {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  flex: none !important;
  float: none !important;
  position: static !important;
}

/* Tarih Giriş Alanı Sarmalayıcısı */
.date-input-wrap {
  position: relative !important;
  width: 100% !important;
  display: block !important;
}

.date-input-wrap .date-icon {
  position: absolute !important;
  left: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: #a75d69 !important;
  font-size: 15px !important;
  pointer-events: none !important;
  z-index: 5 !important;
  line-height: 1 !important;
}

/* Giriş Kutuları ve Seçim Alanları */
.page-altuyelerim input.form-control,
.page-altuyelerim select.form-control,
.page-altuyelerim .altuye-filter-grid input.form-control,
.page-altuyelerim .altuye-filter-grid select.form-control {
  height: 44px !important;
  border-radius: 12px !important;
  border: 1px solid rgba(167, 93, 105, 0.2) !important;
  background-color: #ffffff !important;
  color: #2c2523 !important;
  font-size: 13.5px !important;
  font-weight: 600 !important;
  padding: 0 14px !important;
  transition: all 0.2s ease !important;
  outline: none !important;
  width: 100% !important;
  box-shadow: none !important;
}

.page-altuyelerim input.form-control::placeholder {
  color: #9c8e8b !important;
  opacity: 1 !important;
}

/* Tarih inputlarında ikonun üstüne binmemesi için 42px sol padding */
.page-altuyelerim .date-input-wrap input.form-control,
.page-altuyelerim .altuye-filter-grid .date-input-wrap input.form-control,
.date-input-wrap input.form-control {
  padding-left: 42px !important;
}

.page-altuyelerim .altuye-filter-grid select.form-control {
  cursor: pointer !important;
}

.page-altuyelerim .altuye-filter-grid input.form-control:focus,
.page-altuyelerim .altuye-filter-grid select.form-control:focus {
  border-color: #a75d69 !important;
  box-shadow: 0 0 0 3px rgba(167, 93, 105, 0.15) !important;
}

/* Filtreleme ve Temizleme Butonları */
.btn-altuye-submit {
  height: 44px !important;
  width: 100% !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, #a75d69 0%, #8c4753 100%) !important;
  color: #ffffff !important;
  border: none !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  cursor: pointer !important;
  text-decoration: none !important;
  box-shadow: 0 4px 14px rgba(167, 93, 105, 0.28) !important;
  transition: all 0.2s ease !important;
}

.btn-altuye-submit:hover {
  background: linear-gradient(135deg, #8c4753 0%, #6e353f 100%) !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 18px rgba(167, 93, 105, 0.38) !important;
}

.btn-altuye-reset {
  height: 44px !important;
  width: 100% !important;
  border-radius: 12px !important;
  background: #f4eae8 !important;
  color: #8c4753 !important;
  border: 1px solid rgba(167, 93, 105, 0.25) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  cursor: pointer !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.btn-altuye-reset:hover {
  background: #ecdcd9 !important;
  color: #6e353f !important;
  border-color: rgba(167, 93, 105, 0.4) !important;
  transform: translateY(-1px) !important;
}

/* --- 2. Hızlı Aksiyon Butonları (.altuye-action-bar) --- */
.altuye-action-bar {
  margin: 0 0 24px 0 !important;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 16px !important;
  width: 100% !important;
}

.btn-action-add,
.btn-action-agac,
.btn-action-excel {
  height: 48px !important;
  padding: 0 24px !important;
  border-radius: 12px !important;
  font-size: 14.5px !important;
  font-weight: 700 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  cursor: pointer !important;
  text-decoration: none !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  border: none !important;
  width: 100% !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08) !important;
}

.btn-action-add i,
.btn-action-agac i,
.btn-action-excel i {
  font-size: 16px !important;
  line-height: 1 !important;
  display: inline-flex !important;
}

.btn-action-add {
  background: linear-gradient(135deg, #a75d69 0%, #8c4753 100%) !important;
  color: #ffffff !important;
  border: 1px solid rgba(167, 93, 105, 0.3) !important;
  box-shadow: 0 4px 16px rgba(167, 93, 105, 0.28) !important;
}

.btn-action-add:hover {
  background: linear-gradient(135deg, #8c4753 0%, #6e353f 100%) !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(167, 93, 105, 0.4) !important;
}

.btn-action-agac {
  background: linear-gradient(135deg, #d97706 0%, #b45309 100%) !important;
  color: #ffffff !important;
  border: 1px solid rgba(217, 119, 6, 0.3) !important;
  box-shadow: 0 4px 16px rgba(217, 119, 6, 0.25) !important;
}

.btn-action-agac:hover {
  background: linear-gradient(135deg, #b45309 0%, #92400e 100%) !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(217, 119, 6, 0.38) !important;
}

.btn-action-excel {
  background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
  color: #ffffff !important;
  border: 1px solid rgba(5, 150, 105, 0.3) !important;
  box-shadow: 0 4px 16px rgba(5, 150, 105, 0.25) !important;
}

.btn-action-excel:hover {
  background: linear-gradient(135deg, #047857 0%, #065f46 100%) !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 20px rgba(5, 150, 105, 0.38) !important;
}

@media (max-width: 991px) {
  .altuye-filter-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .altuye-action-bar {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 576px) {
  .altuye-filter-grid {
    grid-template-columns: 1fr !important;
  }
}

/* --- 3. Alt Üye Tablo Kartı (.altuye-table-card) --- */
.altuye-table-card {
  background: #ffffff !important;
  border: 1px solid rgba(167, 93, 105, 0.16) !important;
  border-radius: 16px !important;
  box-shadow: 0 6px 24px rgba(44, 37, 35, 0.04) !important;
  overflow: hidden !important;
  margin-bottom: 25px !important;
}

.altuye-card-header {
  padding: 15px 22px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  border-bottom: 2px solid rgba(167, 93, 105, 0.12) !important;
  background: linear-gradient(135deg, #faf6f5 0%, #f4eae8 100%) !important;
}

.altuye-card-header .card-title {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #2c2523 !important;
  margin: 0 !important;
}

.altuye-card-header .card-title i {
  color: #a75d69 !important;
  font-size: 18px !important;
}

.altuye-count-badge {
  background: #ffffff !important;
  color: #8c4753 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  padding: 4px 13px !important;
  border-radius: 20px !important;
  border: 1px solid rgba(167, 93, 105, 0.2) !important;
}

/* Yatay Kaydırma (Responsive Wrapper) */
.page-altuyelerim .table-responsive,
.altuye-table-card .table-responsive {
  width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch !important;
  margin-bottom: 0 !important;
  border: none !important;
  display: block !important;
  padding-bottom: 4px !important;
}

/* Şık Kaydırma Çubuğu (Scrollbar) */
.page-altuyelerim .table-responsive::-webkit-scrollbar,
.altuye-table-card .table-responsive::-webkit-scrollbar {
  height: 8px !important;
}

.page-altuyelerim .table-responsive::-webkit-scrollbar-track,
.altuye-table-card .table-responsive::-webkit-scrollbar-track {
  background: rgba(167, 93, 105, 0.05) !important;
  border-radius: 4px !important;
}

.page-altuyelerim .table-responsive::-webkit-scrollbar-thumb,
.altuye-table-card .table-responsive::-webkit-scrollbar-thumb {
  background: rgba(167, 93, 105, 0.3) !important;
  border-radius: 4px !important;
}

.page-altuyelerim .table-responsive::-webkit-scrollbar-thumb:hover,
.altuye-table-card .table-responsive::-webkit-scrollbar-thumb:hover {
  background: rgba(167, 93, 105, 0.55) !important;
}

/* Tablo Stilleri */
.table-altuyelerim {
  margin-bottom: 0 !important;
  background: transparent !important;
  border: none !important;
  width: 100% !important;
  min-width: 1350px !important;
}

.table-altuyelerim thead th,
.table-altuyelerim tr:first-child th {
  background: #fdfaf9 !important;
  color: #7d7270 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  border: none !important;
  border-bottom: 2px solid rgba(167, 93, 105, 0.1) !important;
  padding: 12px 10px !important;
  vertical-align: middle !important;
  white-space: nowrap !important;
}

.table-altuyelerim tbody tr {
  background: #ffffff !important;
  border: none !important;
  border-bottom: 1px solid rgba(167, 93, 105, 0.06) !important;
  transition: background 0.15s ease !important;
}

.table-altuyelerim tbody tr:last-child {
  border-bottom: none !important;
}

.table-altuyelerim tbody tr:nth-child(even) {
  background: #fdfaf9 !important;
}

.table-altuyelerim tbody tr:hover {
  background: rgba(167, 93, 105, 0.04) !important;
}

.table-altuyelerim tbody td {
  padding: 11px 10px !important;
  font-size: 12.5px !important;
  color: #2c2523 !important;
  vertical-align: middle !important;
  border: none !important;
  white-space: nowrap !important;
}

/* Tablo Hücre Rozetleri */
.altuye-idx-badge {
  background: rgba(167, 93, 105, 0.08) !important;
  color: #8c4753 !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  padding: 2px 6px !important;
  border-radius: 6px !important;
  display: inline-block !important;
}

.altuye-id-badge {
  background: #faf6f5 !important;
  color: #2c2523 !important;
  font-family: monospace !important;
  font-weight: 700 !important;
  font-size: 11.5px !important;
  padding: 2px 7px !important;
  border-radius: 6px !important;
  border: 1px solid rgba(167, 93, 105, 0.15) !important;
  display: inline-block !important;
}

.altuye-kademe-badge {
  background: rgba(167, 93, 105, 0.08) !important;
  color: #8c4753 !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  padding: 2px 8px !important;
  border-radius: 20px !important;
  display: inline-block !important;
}

.altuye-name {
  font-weight: 600 !important;
  color: #2c2523 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
}

.altuye-name i {
  color: #a75d69 !important;
  font-size: 14px !important;
}

.altuye-date {
  color: #6d5d5a !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
}

.altuye-amount {
  font-weight: 700 !important;
  color: #2c2523 !important;
}

.altuye-puan-pill {
  background: rgba(167, 93, 105, 0.08) !important;
  color: #8c4753 !important;
  font-weight: 800 !important;
  font-size: 12.5px !important;
  padding: 3px 10px !important;
  border-radius: 20px !important;
  display: inline-block !important;
}

.altuye-status-pill {
  font-size: 11.5px !important;
  font-weight: 700 !important;
  padding: 3px 10px !important;
  border-radius: 20px !important;
  display: inline-block !important;
}

.altuye-status-pill.status-success {
  background: rgba(16, 185, 129, 0.12) !important;
  color: #047857 !important;
  border: 1px solid rgba(16, 185, 129, 0.25) !important;
}

.altuye-status-pill.status-pending {
  background: rgba(245, 158, 11, 0.12) !important;
  color: #b45309 !important;
  border: 1px solid rgba(245, 158, 11, 0.25) !important;
}

.altuye-sponsor {
  font-weight: 500 !important;
  color: #5a4e4b !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.altuye-sponsor i {
  color: #a75d69 !important;
}

.altuye-phone {
  color: #1d4ed8 !important;
  font-weight: 600 !important;
  font-size: 12.5px !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  background: rgba(59, 130, 246, 0.08) !important;
  padding: 3px 8px !important;
  border-radius: 6px !important;
  border: 1px solid rgba(59, 130, 246, 0.18) !important;
  transition: all 0.2s ease !important;
}

.altuye-phone:hover {
  background: #1d4ed8 !important;
  color: #ffffff !important;
}

.altuye-location {
  color: #6d5d5a !important;
  font-size: 12.5px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.altuye-location i {
  color: #a75d69 !important;
}

/* Giriş Butonu */
.btn-altuye-login {
  background: rgba(167, 93, 105, 0.08) !important;
  color: #8c4753 !important;
  border: 1px solid rgba(167, 93, 105, 0.2) !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  padding: 4px 12px !important;
  border-radius: 6px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.btn-altuye-login:hover {
  background: #a75d69 !important;
  color: #ffffff !important;
  border-color: #a75d69 !important;
  transform: translateY(-1px) !important;
}

/* --- 4. Sayfalama ve Kart Altlığı (.altuye-card-footer & #sayacv3) --- */
.altuye-card-footer {
  padding: 16px 22px !important;
  border-top: 1px solid rgba(167, 93, 105, 0.12) !important;
  background: linear-gradient(135deg, #faf6f5 0%, #f4eae8 100%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#sayacv3,
.page-altuyelerim #sayacv3 {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  float: none !important;
  clear: both !important;
  background: transparent !important;
  border: none !important;
}

#sayacv3 label,
.page-altuyelerim #sayacv3 label {
  height: 38px !important;
  line-height: 36px !important;
  padding: 0 14px !important;
  border-radius: 8px !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  background: rgba(167, 93, 105, 0.08) !important;
  color: #8c4753 !important;
  border: 1px solid rgba(167, 93, 105, 0.2) !important;
  margin: 0 4px !important;
  display: inline-flex !important;
  align-items: center !important;
  float: none !important;
}

#sayacv3 a,
.page-altuyelerim #sayacv3 a {
  min-width: 38px !important;
  height: 38px !important;
  line-height: 36px !important;
  padding: 0 12px !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  background: #ffffff !important;
  color: #2c2523 !important;
  border: 1px solid rgba(167, 93, 105, 0.2) !important;
  text-decoration: none !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 2px !important;
  float: none !important;
  cursor: pointer !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important;
}

#sayacv3 a:hover,
.page-altuyelerim #sayacv3 a:hover {
  background: #a75d69 !important;
  color: #ffffff !important;
  border-color: #a75d69 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 10px rgba(167, 93, 105, 0.3) !important;
}

#sayacv3 span,
.page-altuyelerim #sayacv3 span {
  min-width: 38px !important;
  height: 38px !important;
  line-height: 36px !important;
  padding: 0 12px !important;
  border-radius: 8px !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  background: linear-gradient(135deg, #a75d69 0%, #8c4753 100%) !important;
  color: #ffffff !important;
  border: 1px solid rgba(167, 93, 105, 0.4) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 2px !important;
  float: none !important;
  box-shadow: 0 4px 12px rgba(167, 93, 105, 0.35) !important;
}

/* ================================================================
   ALT ÜYELERİM SAYFASI — KARANLIK TEMA (DARK MODE)
   ================================================================ */

/* Dark — Filtre Kartı */
[data-theme="dark"] .altuye-filter-card,
body[data-theme="dark"] .altuye-filter-card {
  background: #1c1716 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.45) !important;
}

[data-theme="dark"] .altuye-filter-header,
body[data-theme="dark"] .altuye-filter-header {
  background: linear-gradient(135deg, #26201e 0%, #1e1918 100%) !important;
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .altuye-filter-header .card-title,
body[data-theme="dark"] .altuye-filter-header .card-title {
  color: #f5f0eb !important;
}

[data-theme="dark"] .altuye-filter-header .card-title i,
body[data-theme="dark"] .altuye-filter-header .card-title i {
  color: #bd6b78 !important;
}

/* Dark — Inputlar ve Selectler */
[data-theme="dark"] .page-altuyelerim input.form-control,
[data-theme="dark"] .page-altuyelerim select.form-control,
[data-theme="dark"] .page-altuyelerim .altuye-filter-grid input.form-control,
[data-theme="dark"] .page-altuyelerim .altuye-filter-grid select.form-control,
body[data-theme="dark"] .page-altuyelerim input.form-control,
body[data-theme="dark"] .page-altuyelerim select.form-control,
body[data-theme="dark"] .page-altuyelerim .altuye-filter-grid input.form-control,
body[data-theme="dark"] .page-altuyelerim .altuye-filter-grid select.form-control {
  background-color: #26201e !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: #f5f0eb !important;
}

[data-theme="dark"] .page-altuyelerim input.form-control::placeholder,
body[data-theme="dark"] .page-altuyelerim input.form-control::placeholder {
  color: rgba(245, 240, 235, 0.45) !important;
}

[data-theme="dark"] .page-altuyelerim select.form-control option,
[data-theme="dark"] .page-altuyelerim .altuye-filter-grid select.form-control option,
body[data-theme="dark"] .page-altuyelerim select.form-control option,
body[data-theme="dark"] .page-altuyelerim .altuye-filter-grid select.form-control option {
  background-color: #1c1716 !important;
  color: #f5f0eb !important;
}

/* Dark — Filtre Butonları */
[data-theme="dark"] .btn-altuye-submit,
body[data-theme="dark"] .btn-altuye-submit {
  background: linear-gradient(135deg, #bd6b78 0%, #9b4e5a 100%) !important;
  box-shadow: 0 4px 14px rgba(189, 107, 120, 0.3) !important;
}

[data-theme="dark"] .btn-altuye-reset,
body[data-theme="dark"] .btn-altuye-reset {
  background: #26201e !important;
  color: #ded3cf !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .btn-altuye-reset:hover,
body[data-theme="dark"] .btn-altuye-reset:hover {
  background: #332b29 !important;
  color: #ffffff !important;
  border-color: rgba(189, 107, 120, 0.4) !important;
}

/* Dark — Hızlı Aksiyon Butonları */
[data-theme="dark"] .btn-action-add,
body[data-theme="dark"] .btn-action-add {
  background: linear-gradient(135deg, #a75d69 0%, #8c4753 100%) !important;
  color: #ffffff !important;
  border: 1px solid rgba(226, 138, 150, 0.35) !important;
  box-shadow: 0 4px 18px rgba(167, 93, 105, 0.35) !important;
}

[data-theme="dark"] .btn-action-agac,
body[data-theme="dark"] .btn-action-agac {
  background: linear-gradient(135deg, #d97706 0%, #b45309 100%) !important;
  color: #ffffff !important;
  border: 1px solid rgba(245, 158, 11, 0.35) !important;
  box-shadow: 0 4px 18px rgba(217, 119, 6, 0.3) !important;
}

[data-theme="dark"] .btn-action-excel,
body[data-theme="dark"] .btn-action-excel {
  background: linear-gradient(135deg, #059669 0%, #047857 100%) !important;
  color: #ffffff !important;
  border: 1px solid rgba(16, 185, 129, 0.35) !important;
  box-shadow: 0 4px 18px rgba(5, 150, 105, 0.3) !important;
}

/* Dark — Tarih İkonu */
[data-theme="dark"] .date-input-wrap .date-icon,
body[data-theme="dark"] .date-input-wrap .date-icon {
  color: #e28a96 !important;
}

/* Dark — Tablo Kartı */
[data-theme="dark"] .altuye-table-card,
body[data-theme="dark"] .altuye-table-card {
  background: #1c1716 !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.45) !important;
}

[data-theme="dark"] .altuye-card-header,
body[data-theme="dark"] .altuye-card-header {
  background: linear-gradient(135deg, #26201e 0%, #1e1918 100%) !important;
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .altuye-card-header .card-title,
body[data-theme="dark"] .altuye-card-header .card-title {
  color: #f5f0eb !important;
}

[data-theme="dark"] .altuye-card-header .card-title i,
body[data-theme="dark"] .altuye-card-header .card-title i {
  color: #bd6b78 !important;
}

[data-theme="dark"] .altuye-count-badge,
body[data-theme="dark"] .altuye-count-badge {
  background: #26201e !important;
  color: #ded3cf !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Dark — Tablo Yatay Kaydırma Çubuğu */
[data-theme="dark"] .page-altuyelerim .table-responsive::-webkit-scrollbar-track,
[data-theme="dark"] .altuye-table-card .table-responsive::-webkit-scrollbar-track,
body[data-theme="dark"] .page-altuyelerim .table-responsive::-webkit-scrollbar-track,
body[data-theme="dark"] .altuye-table-card .table-responsive::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.05) !important;
}

[data-theme="dark"] .page-altuyelerim .table-responsive::-webkit-scrollbar-thumb,
[data-theme="dark"] .altuye-table-card .table-responsive::-webkit-scrollbar-thumb,
body[data-theme="dark"] .page-altuyelerim .table-responsive::-webkit-scrollbar-thumb,
body[data-theme="dark"] .altuye-table-card .table-responsive::-webkit-scrollbar-thumb {
  background: rgba(226, 138, 150, 0.35) !important;
}

[data-theme="dark"] .page-altuyelerim .table-responsive::-webkit-scrollbar-thumb:hover,
body[data-theme="dark"] .altuye-table-card .table-responsive::-webkit-scrollbar-thumb:hover {
  background: rgba(226, 138, 150, 0.6) !important;
}

/* Dark — Tablo */
[data-theme="dark"] .table-altuyelerim thead th,
[data-theme="dark"] .table-altuyelerim tr:first-child th,
body[data-theme="dark"] .table-altuyelerim thead th,
body[data-theme="dark"] .table-altuyelerim tr:first-child th {
  background: #221c1a !important;
  color: #a89995 !important;
  border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .table-altuyelerim tbody tr,
body[data-theme="dark"] .table-altuyelerim tbody tr {
  background: #1c1716 !important;
  border-bottom-color: rgba(255, 255, 255, 0.05) !important;
}

[data-theme="dark"] .table-altuyelerim tbody tr:nth-child(even),
body[data-theme="dark"] .table-altuyelerim tbody tr:nth-child(even) {
  background: #1f1918 !important;
}

[data-theme="dark"] .table-altuyelerim tbody tr:hover,
body[data-theme="dark"] .table-altuyelerim tbody tr:hover {
  background: rgba(189, 107, 120, 0.08) !important;
}

[data-theme="dark"] .table-altuyelerim tbody td,
body[data-theme="dark"] .table-altuyelerim tbody td {
  color: #ded3cf !important;
}

/* Dark — Rozetler */
[data-theme="dark"] .altuye-idx-badge,
body[data-theme="dark"] .altuye-idx-badge {
  background: rgba(189, 107, 120, 0.15) !important;
  color: #e28a96 !important;
}

[data-theme="dark"] .altuye-id-badge,
body[data-theme="dark"] .altuye-id-badge {
  background: #26201e !important;
  color: #ded3cf !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .altuye-kademe-badge,
body[data-theme="dark"] .altuye-kademe-badge {
  background: rgba(189, 107, 120, 0.16) !important;
  color: #e28a96 !important;
}

[data-theme="dark"] .altuye-name,
body[data-theme="dark"] .altuye-name {
  color: #f5f0eb !important;
}

[data-theme="dark"] .altuye-name i,
body[data-theme="dark"] .altuye-name i {
  color: #bd6b78 !important;
}

[data-theme="dark"] .altuye-date,
body[data-theme="dark"] .altuye-date {
  color: #a89995 !important;
}

[data-theme="dark"] .altuye-amount,
body[data-theme="dark"] .altuye-amount {
  color: #f5f0eb !important;
}

[data-theme="dark"] .altuye-puan-pill,
body[data-theme="dark"] .altuye-puan-pill {
  background: rgba(189, 107, 120, 0.18) !important;
  color: #e28a96 !important;
}

[data-theme="dark"] .altuye-sponsor,
body[data-theme="dark"] .altuye-sponsor {
  color: #ded3cf !important;
}

[data-theme="dark"] .altuye-sponsor i,
body[data-theme="dark"] .altuye-sponsor i {
  color: #bd6b78 !important;
}

[data-theme="dark"] .altuye-phone,
body[data-theme="dark"] .altuye-phone {
  background: rgba(59, 130, 246, 0.16) !important;
  color: #93c5fd !important;
  border-color: rgba(59, 130, 246, 0.25) !important;
}

[data-theme="dark"] .altuye-location,
body[data-theme="dark"] .altuye-location {
  color: #ded3cf !important;
}

[data-theme="dark"] .altuye-location i,
body[data-theme="dark"] .altuye-location i {
  color: #bd6b78 !important;
}

[data-theme="dark"] .btn-altuye-login,
body[data-theme="dark"] .btn-altuye-login {
  background: #26201e !important;
  color: #ded3cf !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

[data-theme="dark"] .btn-altuye-login:hover,
body[data-theme="dark"] .btn-altuye-login:hover {
  background: #bd6b78 !important;
  color: #ffffff !important;
  border-color: #bd6b78 !important;
}

/* Dark — Sayfalama ve Kart Altlığı (.altuye-card-footer & #sayacv3) */
[data-theme="dark"] .altuye-card-footer,
body[data-theme="dark"] .altuye-card-footer {
  background: linear-gradient(135deg, #221c1a 0%, #1a1514 100%) !important;
  border-top-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] #sayacv3 label,
[data-theme="dark"] .page-altuyelerim #sayacv3 label,
body[data-theme="dark"] #sayacv3 label,
body[data-theme="dark"] .page-altuyelerim #sayacv3 label {
  background: rgba(189, 107, 120, 0.15) !important;
  color: #e28a96 !important;
  border-color: rgba(226, 138, 150, 0.25) !important;
}

[data-theme="dark"] #sayacv3 a,
[data-theme="dark"] .page-altuyelerim #sayacv3 a,
[data-theme="dark"] .page-altuyelerim .sayac a,
[data-theme="dark"] .page-altuyelerim .pagination a,
body[data-theme="dark"] #sayacv3 a,
body[data-theme="dark"] .page-altuyelerim #sayacv3 a,
body[data-theme="dark"] .page-altuyelerim .sayac a,
body[data-theme="dark"] .page-altuyelerim .pagination a {
  background: #26201e !important;
  color: #ded3cf !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] #sayacv3 a:hover,
[data-theme="dark"] .page-altuyelerim #sayacv3 a:hover,
[data-theme="dark"] .page-altuyelerim .sayac a:hover,
[data-theme="dark"] .page-altuyelerim .pagination a:hover,
body[data-theme="dark"] #sayacv3 a:hover,
body[data-theme="dark"] .page-altuyelerim #sayacv3 a:hover,
body[data-theme="dark"] .page-altuyelerim .sayac a:hover,
body[data-theme="dark"] .page-altuyelerim .pagination a:hover {
  background: #bd6b78 !important;
  color: #ffffff !important;
  border-color: #bd6b78 !important;
  box-shadow: 0 4px 14px rgba(189, 107, 120, 0.4) !important;
}

[data-theme="dark"] #sayacv3 span,
[data-theme="dark"] .page-altuyelerim #sayacv3 span,
[data-theme="dark"] .page-altuyelerim .pagination span,
[data-theme="dark"] .page-altuyelerim .pagination .active a,
body[data-theme="dark"] #sayacv3 span,
body[data-theme="dark"] .page-altuyelerim #sayacv3 span,
body[data-theme="dark"] .page-altuyelerim .pagination span,
body[data-theme="dark"] .page-altuyelerim .pagination .active a {
  background: linear-gradient(135deg, #bd6b78 0%, #9b4e5a 100%) !important;
  color: #ffffff !important;
  border-color: rgba(226, 138, 150, 0.4) !important;
  box-shadow: 0 4px 14px rgba(189, 107, 120, 0.35) !important;
}