@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('../fonts/outfit/outfit-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('../fonts/outfit/outfit-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {

  --kr-primary: #0C1D41;
  --kr-primary-dark: #071127;
  --kr-primary-light: #1A346C;
  --kr-secondary: #D61C2C;
  --kr-secondary-dark: #B51321;
  --kr-accent: #D4AF37;
  --kr-accent-light: #F4E8C1;
  --kr-background: #F8FAFC;
  --kr-surface: #FFFFFF;
  --kr-text-primary: #000000;
  --kr-text-secondary: #000000;
  --kr-border: #E2E8F0;

  --kr-success: #10B981;
  --kr-warning: #F59E0B;
  --kr-error: #EF4444;

  --kr-shadow-sm: 0 2px 4px -1px rgba(12, 29, 65, 0.06), 0 1px 2px -1px rgba(12, 29, 65, 0.04);
  --kr-shadow-md: 0 6px 16px -2px rgba(12, 29, 65, 0.08), 0 3px 6px -2px rgba(12, 29, 65, 0.04);
  --kr-shadow-lg: 0 14px 28px -4px rgba(12, 29, 65, 0.12), 0 6px 12px -3px rgba(12, 29, 65, 0.06);
  --kr-shadow-xl: 0 24px 40px -8px rgba(12, 29, 65, 0.16), 0 12px 18px -4px rgba(12, 29, 65, 0.08);
}

body {
  background-color: var(--kr-background);
  color: var(--kr-text-primary);
  font-family: 'Outfit', ui-sans-serif, system-ui, -apple-system, sans-serif;
  overflow-x: hidden;
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
}

.glass-header {
  background-color: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(226, 232, 240, 0.5);
}

.glass-card {
  background-color: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(226, 232, 240, 0.6);
}

.glass-dark {
  background-color: rgba(12, 29, 65, 0.85);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(26, 52, 108, 0.4);
}

.bg-dot-grid {
  background-image: radial-gradient(#cbd5e1 1.5px, transparent 1.5px);
  background-size: 16px 16px;
  background-color: #f8fafc;
}

.map-container-gradient {
  background: linear-gradient(135deg, #E8ECF2 0%, #DDE3ED 50%, #D5DCE8 100%);
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: var(--kr-background);
}

::-webkit-scrollbar-thumb {
  background: #CBD5E1;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #94A3B8;
}

@keyframes float {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-5px);
  }
}

.animate-float {
  animation: float 3s ease-in-out infinite;
}

*:focus-visible {
  outline: 2px solid var(--kr-secondary);
  outline-offset: 2px;
}

.map-marker-ping {
  position: relative;
}

.map-marker-ping::after {
  content: '';
  position: absolute;
  top: -4px;
  left: -4px;
  right: -4px;
  bottom: -4px;
  border: 2px solid var(--kr-secondary);
  border-radius: 50%;
  opacity: 0;
  animation: ping-custom 2s infinite;
}

@keyframes ping-custom {
  0% {
    transform: scale(1);
    opacity: 1;
  }

  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}

@keyframes slideIn {
  from {
    transform: translateY(20px);
    opacity: 0;
  }

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

.animate-slide-in {
  animation: slideIn 0.3s ease-out forwards;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.animate-fade-in {
  animation: fadeIn 0.4s ease-out forwards;
}

@media (prefers-reduced-motion: reduce) {
  * {
    animation-delay: -1ms !important;
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    background-attachment: initial !important;
    scroll-behavior: auto !important;
    transition-duration: 0s !important;
    transition-delay: 0s !important;
  }
}

header.absolute {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.1);
}

header.absolute .nav-link {
  color: rgba(255, 255, 255, 0.9);
}

header.absolute .nav-link:hover {
  color: var(--kr-secondary);
}

header.absolute #logo-text-top {
  color: #ffffff;
}

header.absolute #lang-dropdown-btn,
header.absolute #login-link {
  color: #ffffff;
}

header.absolute:not(.scrolled) #mobile-menu-button {
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
}

header.absolute:not(.scrolled) .mobile-lang-btn {
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
  background-color: rgba(255, 255, 255, 0.08) !important;
}

header.absolute:not(.scrolled) .mobile-lang-btn.active {
  background-color: rgba(255, 255, 255, 0.25) !important;
  border-color: rgba(255, 255, 255, 0.6) !important;
  color: #ffffff !important;
}

header.absolute.scrolled,
header:not(.absolute) {
  background-color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(12, 29, 65, 0.06) !important;
  border-color: #e2e8f0 !important;
}

header.absolute.scrolled {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
}

header.absolute.scrolled .nav-link,
header:not(.absolute) .nav-link {
  color: #000000;
}

header.absolute.scrolled .nav-link:hover,
header:not(.absolute) .nav-link:hover {
  color: var(--kr-secondary);
}

header.absolute.scrolled .nav-link.text-kr-secondary,
header:not(.absolute) .nav-link.text-kr-secondary {
  color: var(--kr-secondary);
}

header.absolute.scrolled #logo-text-top,
header:not(.absolute) #logo-text-top {
  color: var(--kr-primary);
}

header.absolute.scrolled #lang-dropdown-btn,
header.absolute.scrolled #login-link,
header:not(.absolute) #lang-dropdown-btn,
header:not(.absolute) #login-link {
  color: #000000;
}

header.absolute.scrolled #lang-dropdown-btn:hover,
header.absolute.scrolled #login-link:hover,
header:not(.absolute) #lang-dropdown-btn:hover,
header:not(.absolute) #login-link:hover {
  color: var(--kr-secondary);
}

header.absolute.scrolled #mobile-menu-button,
header:not(.absolute) #mobile-menu-button {
  color: var(--kr-primary);
  border-color: #e2e8f0;
}

header.absolute.scrolled .mobile-lang-btn,
header:not(.absolute) .mobile-lang-btn {
  color: var(--kr-primary, #0C1D41) !important;
  border-color: #e2e8f0 !important;
  background-color: #f8fafc !important;
}

header.absolute.scrolled .mobile-lang-btn.active,
header:not(.absolute) .mobile-lang-btn.active {
  background-color: var(--kr-primary, #0C1D41) !important;
  color: #ffffff !important;
  border-color: var(--kr-primary, #0C1D41) !important;
}

html[dir="rtl"] .text-left {
  text-align: right !important;
}

html[dir="rtl"] .space-x-2> :not([hidden])~ :not([hidden]) {
  --tw-space-x-reverse: 1;
}

html[dir="rtl"] .space-x-3.5> :not([hidden])~ :not([hidden]) {
  --tw-space-x-reverse: 1;
}

html[dir="rtl"] .space-x-4> :not([hidden])~ :not([hidden]),
html[dir="rtl"] .space-x-5> :not([hidden])~ :not([hidden]) {
  --tw-space-x-reverse: 1;
}

html[dir="rtl"] .border-l-4 {
  border-left-width: 0px;
  border-right-width: 4px;
  padding-left: 0px;
  padding-right: 12px;
}

header .nav-link {
  font-size: 14px;
}

.text-\[8px\] {
  font-size: 11px !important;
}

.text-\[9px\] {
  font-size: 12px !important;
}

.text-\[10px\] {
  font-size: 13px !important;
}

.text-\[11px\] {
  font-size: 12.5px !important;
}

.text-xs {
  font-size: 12.5px !important;
}

.text-sm {
  font-size: 15.5px !important;
}

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

.select2-container {
  width: 100% !important;
}

.select2-container--default .select2-selection--single {
  position: relative !important;
  height: 42px !important;
  border-radius: 0.75rem !important;
  border: 1px solid var(--kr-border) !important;
  padding: 6px 12px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: var(--kr-primary) !important;
  background-color: var(--kr-surface) !important;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
  display: flex !important;
  align-items: center !important;
  transition: all 0.2s ease-in-out !important;
}

.select2-container--default .select2-selection--single:hover {
  border-color: var(--kr-primary-light) !important;
}

.select2-container--default.select2-container--open .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--single {
  border-color: var(--kr-primary) !important;
  box-shadow: 0 0 0 3px rgba(12, 29, 65, 0.1) !important;
  outline: none !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--kr-primary) !important;
  line-height: normal !important;
  padding-left: 4px !important;
  padding-right: 32px !important;
  font-weight: 700 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  width: 100% !important;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #94A3B8 !important;
  font-weight: 600 !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 40px !important;
  right: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  z-index: 1 !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #64748B transparent transparent transparent !important;
  border-width: 5px 4px 0 4px !important;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #64748B transparent !important;
  border-width: 0 4px 5px 4px !important;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  position: absolute !important;
  right: 24px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: #94A3B8 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  margin: 0 !important;
  padding: 0 4px !important;
  line-height: 1 !important;
  z-index: 5 !important;
  cursor: pointer !important;
  transition: color 0.15s ease !important;
  background-color: transparent !important;
}

.select2-container--default .select2-selection--single .select2-selection__clear:hover {
  color: var(--kr-secondary) !important;
}

.select2-dropdown {
  border-radius: 0.75rem !important;
  border: 1px solid var(--kr-border) !important;
  background-color: var(--kr-surface) !important;
  box-shadow: 0 10px 25px -5px rgba(12, 29, 65, 0.12), 0 8px 10px -6px rgba(12, 29, 65, 0.08) !important;
  z-index: 99999 !important;
  overflow: hidden !important;
  margin-top: 4px !important;
}

.select2-container--default .select2-search--dropdown {
  padding: 8px !important;
  background-color: #F8FAFC !important;
  border-bottom: 1px solid var(--kr-border) !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border-radius: 0.5rem !important;
  border: 1px solid var(--kr-border) !important;
  padding: 6px 10px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  outline: none !important;
  background-color: #FFFFFF !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
  border-color: var(--kr-primary) !important;
}

.select2-container--default .select2-results__options {
  max-height: 220px !important;
  padding: 4px !important;
}

.select2-container--default .select2-results__option {
  padding: 8px 12px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: var(--kr-primary) !important;
  border-radius: 0.5rem !important;
  margin-bottom: 2px !important;
  transition: all 0.15s ease !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--kr-primary) !important;
  color: #FFFFFF !important;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
  background-color: #F1F5F9 !important;
  color: var(--kr-secondary) !important;
  font-weight: 700 !important;
}

.vitrin-grid-split {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 2.5rem;
}

@media (min-width: 768px) {
  .vitrin-grid-split {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 2rem;
  }
}

@media (min-width: 1024px) {
  .vitrin-grid-split {
    gap: 3.5rem;
  }
}

.podium-section {
  display: flex;
  flex-direction: column;
}

.podium-title {
  font-size: 0.7rem;
  font-weight: 800;
  color: var(--kr-primary, #0C1D41);
  text-align: center;
  margin-bottom: 1.25rem;
  letter-spacing: 2.5px;
  text-transform: uppercase;
  opacity: 0.55;
}

.podium-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr) minmax(0, 1fr);
  gap: 0.6rem;
  align-items: end;
}

.podium-row-3 {
  grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.3fr) minmax(0px, 1fr);
  justify-content: center;
}

.podium-row-2 {
  grid-template-columns: minmax(0px, 1.2fr) minmax(0px, 1fr);
  max-width: 420px;
  margin: 0 auto;
  justify-content: center;
}

.podium-row-1 {
  grid-template-columns: minmax(0px, 1.3fr);
  max-width: 240px;
  margin: 0 auto;
  justify-content: center;
}

.podium-card {
  display: flex;
  flex-direction: column;
  position: relative;
  transition: transform 0.3s ease, opacity 0.3s ease;
  height: fit-content;
}

.podium-card:hover {
  transform: translateY(-4px);
}

.podium-visual {
  position: relative;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(226, 232, 240, 0.6);
  aspect-ratio: 1 / 1;
  width: 100%;
  flex-grow: 0;
  flex-shrink: 0;
}

.podium-card.rank-1 .podium-visual {
  aspect-ratio: 3 / 4.2;
  width: 100%;
  flex-grow: 0;
  flex-shrink: 0;
}

.podium-visual.photo {
  background-color: #F1F5F9;
  display: flex;
  align-items: flex-end;
  position: relative;
  overflow: hidden;
}

.podium-visual.photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top center;
  transition: transform 0.4s ease;
}

.podium-card:hover .podium-visual.photo img {
  transform: scale(1.04);
}

.podium-visual.office-cover {
  background: linear-gradient(145deg, #0C1D41 0%, #172d5c 100%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0 4px 14px rgba(12, 29, 65, 0.18);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.65rem;
}

.podium-card.rank-1 .podium-visual.office-cover {
  background: linear-gradient(145deg, #0C1D41 0%, #1e3a75 100%);
  border: 1px solid rgba(251, 191, 36, 0.35);
  box-shadow: 0 6px 20px rgba(12, 29, 65, 0.25), 0 0 16px rgba(251, 191, 36, 0.15);
}

.podium-office-badge-frame {
  width: 100%;
  height: 100%;
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(226, 232, 240, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  overflow: hidden;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.podium-card.rank-1 .podium-office-badge-frame {
  border-color: rgba(251, 191, 36, 0.4);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

.podium-office-badge-frame img {
  width: 100%;
  height: 100%;
  object-fit: contain !important;
  object-position: center !important;
  transition: transform 0.4s ease;
}

.podium-card:hover .podium-office-badge-frame {
  transform: scale(1.03);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
}

.podium-card:hover .podium-office-badge-frame img {
  transform: scale(1.05);
}

.podium-bubble-badge {
  position: absolute;
  bottom: 8px;
  right: 8px;
  background: rgba(12, 29, 65, 0.92);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  color: #fff;
  padding: 0.22rem 0.55rem;
  border-radius: 999px;
  font-size: 0.62rem;
  font-weight: 800;
  letter-spacing: 0.3px;
  display: flex;
  align-items: center;
  gap: 3.5px;
  z-index: 5;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
  border: 1px solid rgba(255, 255, 255, 0.2);
}

.podium-bubble-badge.rank-1 {
  background: rgba(180, 83, 9, 0.95);
  border-color: rgba(251, 191, 36, 0.6);
  box-shadow: 0 2px 10px rgba(217, 119, 6, 0.4);
}

.podium-visual.office-cover .podium-bubble-badge {
  background: rgba(12, 29, 65, 0.88);
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.podium-visual.office-cover .podium-bubble-badge.rank-1 {
  background: rgba(180, 83, 9, 0.95);
  border: 1px solid rgba(251, 191, 36, 0.6);
}

.podium-info-box {
  background: #fff;
  border-radius: 10px;
  border: 1px solid rgba(226, 232, 240, 0.7);
  padding: 0.45rem 0.5rem;
  margin-top: 0.4rem;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
  display: flex;
  align-items: flex-start;
  gap: 0.3rem;
  flex-grow: 0;
  flex-shrink: 0;
}

.podium-trophy-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-top: 1px;
}

.podium-trophy-gold {
  color: #FBBF24;
}

.podium-trophy-silver {
  color: #94A3B8;
}

.podium-trophy-bronze {
  color: #D97706;
}

.podium-text {
  display: flex;
  flex-direction: column;
  gap: 0.05rem;
  min-width: 0;
  flex-grow: 1;
}

.podium-name {
  font-size: 0.85rem;
  font-weight: 800;
  color: var(--kr-primary, #0C1D41);
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.podium-subtitle {
  font-size: 0.72rem;
  font-weight: 600;
  color: #64748B;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.3;
}

.podium-office-label {
  font-size: 0.72rem;
  font-weight: 700;
  color: var(--kr-secondary, #C8102E);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.3;
}

.podium-kr-logo {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.15rem;
  text-align: center;
  width: 100%;
  height: 100%;
  padding: 0.5rem;
  box-sizing: border-box;
  overflow: hidden;
}

.podium-kr-icon {
  width: 32px;
  height: 32px;
  border: 1.5px solid rgba(255, 255, 255, 0.7);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 0.68rem;
  letter-spacing: -0.5px;
  position: relative;
}

.podium-kr-icon::after {
  content: '★';
  position: absolute;
  top: -4px;
  right: -4px;
  font-size: 0.6rem;
  color: #F59E0B;
}

.podium-kr-brand {
  font-size: 0.56rem;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  padding-bottom: 2px;
  width: 85%;
  text-align: center;
  opacity: 0.8;
}

.podium-kr-name {
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.3px;
  margin-top: 2px;
  text-transform: uppercase;
  text-align: center;
  line-height: 1.2;
  word-break: break-word;
}

@media (max-width: 1024px) {
  .vitrin-grid-split {
    grid-template-columns: 1fr;
    gap: 3rem;
  }
}

@media (max-width: 576px) {
  .podium-row {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr) minmax(0, 1fr);
    gap: 0.4rem;
  }
}

@media (max-width: 420px) {
  .podium-row {
    grid-template-columns: 1fr;
    gap: 1rem;
    align-items: stretch;
  }

  .podium-visual {
    aspect-ratio: 4 / 3 !important;
  }
}

#svg-turkiye-haritasi {
  width: 100%;
  height: auto;
  display: block;
}

#svg-turkiye-haritasi path {
  fill: #EEF2F7;
  stroke: #B0BEC5;
  stroke-width: 0.5;
  transition: fill 0.2s ease;
  cursor: default;
}

#svg-turkiye-haritasi path:hover {
  fill: #D5DCE8;
}

#svg-turkiye-haritasi g[id^="bolge-"] g path {
  fill: #EEF2F7 !important;
}

#svg-turkiye-haritasi g[id^="bolge-"] g path:hover {
  fill: #D5DCE8 !important;
}

/* ==========================================================================
   KR 3D DEPTH & ELEVATION SYSTEM (MODULAR / ROLLBACK-READY)
   ========================================================================== */

/* 1. Başlıklar İçin 3D Derinlik ve Belirginlik (Typography Depth) */
h1, h2, h3, .section-title {
  text-rendering: optimizeLegibility;
}

/* Koyu zemin başlıkları (Hero & Dark Sections) */
.bg-kr-primary h1,
.bg-kr-primary h2,
.bg-slate-900 h1,
.bg-slate-900 h2,
.hero-title,
header.absolute h1 {
  text-shadow: 0 3px 12px rgba(0, 0, 0, 0.45), 0 1px 3px rgba(0, 0, 0, 0.35);
}

/* Açık zemin ana bölüm başlıkları */
section h2,
section h3.text-kr-primary,
.kr-heading-depth {
  text-shadow: 0 1px 2px rgba(12, 29, 65, 0.08);
}

/* 2. Kartlar & Konteynerler İçin Çok Katmanlı 2.5D Kabartma (Multi-Layer Elevation) */
.bg-white.rounded-2xl,
.bg-white.rounded-3xl,
[data-ad-item="true"],
[data-office-grid-card="true"] > div,
[data-danisman-card="true"] {
  box-shadow: 0 4px 20px -2px rgba(12, 29, 65, 0.07), 
              0 2px 6px -1px rgba(12, 29, 65, 0.04), 
              inset 0 1px 0 rgba(255, 255, 255, 0.9);
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), 
              box-shadow 0.35s cubic-bezier(0.16, 1, 0.3, 1),
              border-color 0.25s ease;
}

/* Kart Hover: Yukarı süzülme ve derin gölge yayılımı */
.bg-white.rounded-2xl:hover,
.bg-white.rounded-3xl:hover,
[data-ad-item="true"]:hover,
[data-office-grid-card="true"] > div:hover,
[data-danisman-card="true"]:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 32px -6px rgba(12, 29, 65, 0.14), 
              0 8px 16px -4px rgba(12, 29, 65, 0.08), 
              inset 0 1px 0 rgba(255, 255, 255, 1);
}

/* 3. Görseller İçin Derinlik & Odaklama (Image Depth & Focus) */
.aspect-\[4\/3\],
.aspect-video,
.aspect-square {
  position: relative;
}

/* Kart içi görsellerin kenar derinliği ve hafif alt gölgesi */
.aspect-\[4\/3\] img,
.aspect-video img,
.aspect-square img {
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.04));
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), filter 0.3s ease;
}

.group:hover .aspect-\[4\/3\] img,
.group:hover .aspect-video img,
.group:hover .aspect-square img {
  transform: scale(1.035);
  filter: contrast(102%) brightness(101%);
}

/* 4. Yüzen Rozetler & Fiyat Etiketleri (Floating 3D Chips & Badges) */
.aspect-\[4\/3\] .absolute span,
.aspect-\[4\/3\] .absolute div.bg-white,
[data-office-marker] .marker-label,
.kr-floating-badge {
  box-shadow: 0 4px 10px -1px rgba(0, 0, 0, 0.15), 0 2px 4px -1px rgba(0, 0, 0, 0.08);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

/* 5. Harita Pinleri 3D İllüzyon */
[data-office-marker] .marker-body {
  box-shadow: 0 6px 14px -2px rgba(12, 29, 65, 0.25), 0 2px 6px -1px rgba(12, 29, 65, 0.15);
  transition: transform 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

[data-office-marker]:hover .marker-body {
  transform: scale(1.15) translateY(-2px);
  box-shadow: 0 10px 20px -3px rgba(12, 29, 65, 0.35);
}

/* 6. Butonlar İçin 3D Temas & Derinlik */
button.bg-kr-secondary,
a.bg-kr-secondary,
.btn-primary {
  box-shadow: 0 4px 14px -2px rgba(214, 28, 44, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.25);
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}

button.bg-kr-secondary:hover,
a.bg-kr-secondary:hover,
.btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px -3px rgba(214, 28, 44, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.35);
}

button.bg-kr-secondary:active,
a.bg-kr-secondary:active,
.btn-primary:active {
  transform: translateY(0);
  box-shadow: 0 2px 6px -1px rgba(214, 28, 44, 0.3);
}

/* Footer bottom bar and its separate partner-credit row. */
.footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}

.footer-beranet-row {
  display: flex;
  justify-content: center;
  padding-top: 1.5rem;
}

.footer-beranet {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.2s ease;
}

.footer-beranet:hover {
  opacity: 0.8;
}

.footer-beranet img {
  display: block;
  width: auto;
  max-width: 120px;
  height: 32px;
  object-fit: contain;
}

@media (max-width: 767px) {
  .footer-bottom {
    flex-direction: column;
    text-align: center;
  }

  .footer-legal-links {
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 0.75rem;
  }
}