#backToTop {
    position: fixed;
    right: var(--btt-offset);
    bottom: var(--btt-offset);
    width: var(--btt-size);
    height: var(--btt-size);
    z-index: 20;
    border: 0;
    border-radius: 999px;
    background: #3f4458;
    color: #fff;
    box-shadow: var(--btt-shadow);
    display: grid;
    place-items: center;
    opacity: 0;
    transform: translateY(20px) scale(.9);
    pointer-events: none;
    transition: opacity .28s ease,
      transform .28s cubic-bezier(.2,.8,.2,1),
      box-shadow .2s ease, filter .2s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform, opacity;
}
  /* Görünür hale geldiğinde */
  #backToTop.is-visible{
    opacity: 1;
    transform: translateY(0) scale(1);
    pointer-events: auto;
  }
  
  /* Hover/active durumları */
  #backToTop:hover{
    filter: brightness(1.05);
    box-shadow: 0 14px 28px rgba(13,110,253,.35), 0 10px 10px rgba(13,110,253,.22);
    transform: translateY(-2px) scale(1.02);
  }
  #backToTop:active{
    transform: translateY(0) scale(.98);
  }
  
  /* Nefes/pulse animasyonu (görünürken devreye girsin) */
  #backToTop.is-visible{
    animation: btt-pulse 2.4s ease-in-out infinite;
  }
  @keyframes btt-pulse{
    0%,100% { box-shadow: var(--btt-shadow); }
    50% { box-shadow: 0 0 0 12px rgba(13,110,253,.08), 0 10px 20px rgba(13,110,253,.35); }
  }
  
  /* “Tereddüt etmeden tıklanır” göstergesi: ikon mikro hareketi */
  #backToTop.is-visible i{
    transition: transform .25s ease;
  }
  #backToTop:hover i{
    transform: translateY(-1px);
  }
  
  /* Hareket hassasiyetine saygı */
  @media (prefers-reduced-motion: reduce){
    #backToTop,
    #backToTop.is-visible{
      transition: opacity .2s linear;
      animation: none;
      transform: none !important;
    }
  }
  
  /* Küçük ekran ayarı (cookie bar / chat balonlarına takılmasın) */
  @media (max-width: 480px){
    :root{ --btt-offset: 16px; --btt-size: 52px; }
    #backToTop{ bottom: calc(var(--btt-offset) + env(safe-area-inset-bottom)); }
  }

/* Swiper Pagination Styles */
.testimonialsSwiper .swiper-pagination {
    bottom: 20px !important;
    display: flex;
    justify-content: center;
    gap: 8px;
}

.testimonialsSwiper .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #6b7280;
    opacity: 1;
    transition: all 0.3s ease;
}

.testimonialsSwiper .swiper-pagination-bullet-active {
    background: #3b82f6;
    width: 24px;
    border-radius: 6px;
}

/* === Modern Randevu Sitesi Loading Ekranı (Sessiz) === */
#loading-screen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #00000026 0%, #000000 100%);
    backdrop-filter: blur(8px) brightness(0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    overflow: hidden;
    transition: opacity 0.8s ease, transform 0.8s ease;
}
  
  .dark #loading-screen {
    background: linear-gradient(135deg, #0a192f, #112240);
  }
  
  /* Container */
  .loading-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    animation: fadeInUp 1s ease forwards;
    opacity: 0;
  }
  
  /* Parlayan logo halkası */
  .loading-logo {
    width: 100px;
    height: 100px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 40px rgba(255, 255, 255, 0.2);
    animation: glowPulse 2.5s infinite ease-in-out;
    position: relative;
    overflow: hidden;
  }
  
  /* İç parıltı efekti */
  .loading-logo::after {
    content: "";
    position: absolute;
    top: -150%;
    left: -150%;
    width: 300%;
    height: 300%;
    background: linear-gradient(45deg, transparent, rgba(255,255,255,0.3), transparent);
    transform: rotate(25deg);
    animation: shine 3s linear infinite;
  }
  
  /* Dönen simge */
  .loading-spinner {
    position: relative;
    width: 65px;
    height: 65px;
    animation: rotateMain 1.8s linear infinite;
  }
  
  .loading-spinner div {
    position: absolute;
    width: 100%;
    height: 100%;
    border: 3px solid transparent;
    border-top-color: white;
    border-right-color: rgba(255,255,255,0.5);
    border-radius: 50%;
    animation: fadeSpinner 1.2s ease-in-out infinite;
  }
  
  /* Animasyonlar */
  @keyframes rotateMain {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }
  
  @keyframes fadeSpinner {
    0%, 100% { opacity: 0.3; transform: scale(0.95); }
    50% { opacity: 1; transform: scale(1.05); }
  }
  
  @keyframes glowPulse {
    0%, 100% { box-shadow: 0 0 25px rgba(255,255,255,0.2); transform: scale(1); }
    50% { box-shadow: 0 0 60px rgba(255,255,255,0.6); transform: scale(1.05); }
  }
  
  @keyframes shine {
    0% { transform: translate(-100%, -100%) rotate(25deg); }
    100% { transform: translate(100%, 100%) rotate(25deg); }
  }
  
  @keyframes fadeInUp {
    from { opacity: 0; transform: translateY(25px); }
    to { opacity: 1; transform: translateY(0); }
  }
  
  /* Sayfa yüklenince kaybolma */
  .loaded #loading-screen {
    opacity: 0;
    transform: scale(1.05);
    pointer-events: none;
  }
  
  
  /* Karanlık mod özel */
  .dark .loading-text {
    color: #cce7ff;
  }
  

  .btn {
    @apply inline-flex items-center justify-center px-6 py-3 text-base font-semibold rounded-xl transition-all duration-300 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed;
}

.btn-primary {
    @apply bg-gradient-to-r from-primary to-primary-dark text-white shadow-lg hover:shadow-xl hover:scale-105 focus:ring-primary/50;
}

.btn-primary:hover {
    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
    transform: translateY(-2px);
}

.btn-secondary {
    @apply bg-white/10 backdrop-blur-sm text-white border border-white/20 shadow-lg hover:shadow-xl hover:scale-105 focus:ring-white/50;
}

.btn-secondary:hover {
    @apply bg-white/20 border-white/30;
    transform: translateY(-2px);
}

.btn-success {
    @apply bg-gradient-to-r from-green-500 to-green-600 text-white shadow-lg hover:shadow-xl hover:scale-105 focus:ring-green-500/50;
}

.btn-success:hover {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    transform: translateY(-2px);
}

.btn-danger {
    @apply bg-gradient-to-r from-red-500 to-red-600 text-white shadow-lg hover:shadow-xl hover:scale-105 focus:ring-red-500/50;
}

.btn-danger:hover {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    transform: translateY(-2px);
}

.btn-outline {
    @apply bg-transparent border-2 border-primary text-primary hover:bg-primary hover:text-white shadow-lg hover:shadow-xl hover:scale-105 focus:ring-primary/50;
}

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

.btn-ghost {
    @apply bg-transparent text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-800 hover:scale-105 focus:ring-gray-500/50;
}

.btn-ghost:hover {
    transform: translateY(-1px);
}

.btn-sm {
    @apply px-4 py-2 text-sm;
}

.btn-lg {
    @apply px-8 py-4 text-lg;
}

.btn-xl {
    @apply px-10 py-5 text-xl;
}

.btn-icon {
    @apply gap-2;
}

.btn-icon i {
    @apply text-lg;
}

.btn-fab {
    @apply fixed bottom-6 right-6 w-14 h-14 rounded-full shadow-xl hover:shadow-2xl transition-all duration-300 z-50;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px) scale(0.9);
    pointer-events: none;
}

.btn-fab.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
    pointer-events: auto;
}

.btn-fab:hover {
    transform: translateY(-2px) scale(1.05);
}

.btn-glow {
    box-shadow: 0 0 20px rgba(59, 130, 246, 0.3);
}

.btn-glow:hover {
    box-shadow: 0 0 30px rgba(59, 130, 246, 0.5);
}

.dark .btn-secondary {
    @apply bg-gray-800/50 border-gray-700 text-gray-200;
}

.dark .btn-secondary:hover {
    @apply bg-gray-700/50 border-gray-600;
}

.dark .btn-ghost {
    @apply text-gray-300 hover:bg-gray-800;
}

@media (max-width: 640px) {
    .btn {
        @apply px-4 py-2 text-sm;
    }
    
    .btn-lg {
        @apply px-6 py-3 text-base;
    }
    
    .btn-xl {
        @apply px-8 py-4 text-lg;
    }
}

.line-clamp-3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* HTML5 Date & Time Input Styles */
#randevu-tarih::-webkit-calendar-picker-indicator {
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 20 20'%3e%3cpath fill-rule='evenodd' d='M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z' clip-rule='evenodd'/%3e%3c/svg%3e") no-repeat center;
  background-size: 20px;
  cursor: pointer;
  opacity: 0.8;
  transition: opacity 0.2s ease;
}

#randevu-tarih::-webkit-calendar-picker-indicator:hover {
  opacity: 1;
}

#randevu-tarih::-webkit-datetime-edit-text {
  color: white;
}

#randevu-tarih::-webkit-datetime-edit-month-field,
#randevu-tarih::-webkit-datetime-edit-day-field,
#randevu-tarih::-webkit-datetime-edit-year-field {
  color: white;
}

#randevu-tarih::-webkit-datetime-edit-month-field:focus,
#randevu-tarih::-webkit-datetime-edit-day-field:focus,
#randevu-tarih::-webkit-datetime-edit-year-field:focus {
  background: rgba(255, 255, 255, 0.1);
  outline: none;
}

/* Select dropdown styles */
#randevu-saat {
  appearance: none;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 20 20'%3e%3cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z' clip-rule='evenodd'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px;
  padding-right: 40px;
}

#randevu-saat option {
  background: rgba(31, 41, 55, 0.95);
  color: white;
  padding: 8px;
}

/* Input focus styles */
#randevu-tarih:focus,
#randevu-saat:focus {
  background: rgba(255, 255, 255, 0.3) !important;
  border-color: rgba(255, 255, 255, 0.5) !important;
  outline: none;
}

/* Placeholder styles */
#randevu-tarih::placeholder,
#randevu-saat::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

/* Firefox specific styles */
@-moz-document url-prefix() {
  #randevu-tarih {
    color: white;
  }
  
  #randevu-saat {
    color: white;
  }
}

/* Aşamalı Form Stilleri */
.step-content {
  transition: all 0.3s ease-in-out;
}

.step-content.hidden {
  opacity: 0;
  transform: translateX(20px);
}

.step-content:not(.hidden) {
  opacity: 1;
  transform: translateX(0);
}

.step-indicator {
  transition: all 0.3s ease;
}

.step-line {
  transition: all 0.3s ease;
}

.step-text {
  transition: all 0.3s ease;
}

/* Buton animasyonları */
.next-step:disabled,
.prev-step:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  transform: none !important;
}

.next-step:not(:disabled):hover,
.prev-step:not(:disabled):hover {
  transform: translateY(-2px);
}

/* Hizmet kartları animasyonu */
.hizmet-card {
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

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

.hizmet-card.ring-2 {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* Progress bar animasyonu */
.step-indicator.active {
  animation: pulse 2s infinite;
}

@keyframes pulse {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
}

/* Form geçiş animasyonları */
.step-content[data-step="1"] {
  animation: slideInLeft 0.5s ease-out;
}

.step-content[data-step="2"] {
  animation: slideInRight 0.5s ease-out;
}

.step-content[data-step="3"] {
  animation: slideInUp 0.5s ease-out;
}

@keyframes slideInLeft {
  from {
    opacity: 0;
    transform: translateX(-30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  from {
    opacity: 0;
    transform: translateX(30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes slideInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Modern Button Design System */
.btn {
  @apply inline-flex items-center justify-center px-6 py-3 text-base font-semibold rounded-xl transition-all duration-300 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed;
}

/* Primary Button */
.btn-primary {
  @apply bg-gradient-to-r from-primary to-primary-dark text-white shadow-lg hover:shadow-xl hover:scale-105 focus:ring-primary/50;
}

.btn-primary:hover {
  background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
  transform: translateY(-2px);
}

/* Secondary Button */
.btn-secondary {
  @apply bg-white/10 backdrop-blur-sm text-white border border-white/20 shadow-lg hover:shadow-xl hover:scale-105 focus:ring-white/50;
}

.btn-secondary:hover {
  @apply bg-white/20 border-white/30;
  transform: translateY(-2px);
}

/* Success Button */
.btn-success {
  @apply bg-gradient-to-r from-green-500 to-green-600 text-white shadow-lg hover:shadow-xl hover:scale-105 focus:ring-green-500/50;
}

.btn-success:hover {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  transform: translateY(-2px);
}

/* Danger Button */
.btn-danger {
  @apply bg-gradient-to-r from-red-500 to-red-600 text-white shadow-lg hover:shadow-xl hover:scale-105 focus:ring-red-500/50;
}

.btn-danger:hover {
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
  transform: translateY(-2px);
}

/* Outline Button */
.btn-outline {
  @apply bg-transparent border-2 border-primary text-primary hover:bg-primary hover:text-white shadow-lg hover:shadow-xl hover:scale-105 focus:ring-primary/50;
}

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

/* Ghost Button */
.btn-ghost {
  @apply bg-transparent text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-800 hover:scale-105 focus:ring-gray-500/50;
}

.btn-ghost:hover {
  transform: translateY(-1px);
}

/* Button Sizes */
.btn-sm {
  @apply px-4 py-2 text-sm;
}

.btn-lg {
  @apply px-8 py-4 text-lg;
}

.btn-xl {
  @apply px-10 py-5 text-xl;
}

/* Button with Icon */
.btn-icon {
  @apply gap-2;
}

.btn-icon i {
  @apply text-lg;
}

/* Floating Action Button */
.btn-fab {
  @apply fixed bottom-6 right-6 w-14 h-14 rounded-full shadow-xl hover:shadow-2xl hover:scale-110 transition-all duration-300 z-50;
}

/* Loading Button */
.btn-loading {
  @apply relative;
}

.btn-loading::after {
  content: '';
  @apply absolute inset-0 rounded-xl bg-white/20 animate-spin;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3e%3ccircle cx='12' cy='12' r='10' stroke='currentColor' stroke-width='4' class='opacity-25'/%3e%3cpath fill='currentColor' d='M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z'/%3e%3c/svg%3e");
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}

/* Button Groups */
.btn-group {
  @apply inline-flex;
}

.btn-group .btn {
  @apply rounded-none border-r-0;
}

.btn-group .btn:first-child {
  @apply rounded-l-xl;
}

.btn-group .btn:last-child {
  @apply rounded-r-xl border-r;
}

/* Special Effects */
.btn-glow {
  box-shadow: 0 0 20px rgba(59, 130, 246, 0.3);
}

.btn-glow:hover {
  box-shadow: 0 0 30px rgba(59, 130, 246, 0.5);
}

.btn-gradient-border {
  position: relative;
  background: linear-gradient(135deg, #3b82f6, #1d4ed8);
  padding: 2px;
  border-radius: 12px;
}

.btn-gradient-border .btn-content {
  @apply bg-white dark:bg-gray-900 text-primary rounded-lg px-6 py-3 font-semibold;
}

/* Dark Mode Adjustments */
.dark .btn-secondary {
  @apply bg-gray-800/50 border-gray-700 text-gray-200;
}

.dark .btn-secondary:hover {
  @apply bg-gray-700/50 border-gray-600;
}

.dark .btn-ghost {
  @apply text-gray-300 hover:bg-gray-800;
}

/* Responsive Button */
@media (max-width: 640px) {
  .btn {
    @apply px-4 py-2 text-sm;
  }
  
  .btn-lg {
    @apply px-6 py-3 text-base;
  }
  
  .btn-xl {
    @apply px-8 py-4 text-lg;
  }
}

.btn-xl {
  @apply px-8 py-4 text-lg;
}

.heroSwiper .swiper-pagination-bullet {
    background: rgba(255, 255, 255, 0.5);
}

.heroSwiper .swiper-pagination-bullet-active {
    background: white;
}

.testimonialsSwiper .swiper-pagination-bullet {
    background: #6b7280;
}

.testimonialsSwiper .swiper-pagination-bullet-active {
    background: #3b82f6;
}

/* === Testimonials Swiper Navigasyon & Pagination Tasarımı === */

/* Ortak yapı */
.swiper-button-prev, .swiper-button-next {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: rgb(0 0 0 / 68%);
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgb(0 0 0 / 8%);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease;
    font-size: 1.2rem;
    top: 205px;
}

/* Hover efekti */
.swiper-button-prev:hover,
.swiper-button-next:hover {
  color: #df4d4d;
  transform: scale(1.1);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
}

/* Ok ikonları */
.swiper-button-prev::after,
.swiper-button-next::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 1.2rem;
}

/* Sol ok */
.swiper-button-prev::after {
  content: "\f104"; /* Font Awesome: fa-angle-left */
}

/* Sağ ok */
.swiper-button-next::after {
  content: "\f105"; /* Font Awesome: fa-angle-right */
}

/* Konum ayarları */
.swiper-button-prev {
  left: 20px;
}
.swiper-button-next {
  right: 20px;
}

/* Pagination */
.swiper-pagination {
  position: relative;
  margin-top: 20px;
  text-align: center;
}

.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background: rgba(13, 110, 253, 0.3);
  opacity: 1;
  transition: all 0.3s ease;
  margin: 0 6px !important;
}

.swiper-pagination-bullet-active {
  background: linear-gradient(135deg, #0d6efd, #00bcd4);
  transform: scale(1.3);
  box-shadow: 0 0 10px rgba(13, 110, 253, 0.5);
}

/* Karanlık mod desteği */
.dark .swiper-button-prev,
.dark .swiper-button-next {
  background: rgba(255, 255, 255, 0.08);
  color: #b2ebf2;
  box-shadow: 0 0 15px rgba(0, 255, 255, 0.1);
}

.dark .swiper-button-prev:hover,
.dark .swiper-button-next:hover {
  background: linear-gradient(135deg, #00bcd4, #2196f3);
  color: #fff;
  box-shadow: 0 0 25px rgba(0, 188, 212, 0.6);
}

.dark .swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.3);
}
.dark .swiper-pagination-bullet-active {
  background: linear-gradient(135deg, #00bcd4, #2196f3);
}
@keyframes floatPulse {
  0%, 100% {
    transform: translateY(0) scale(1);
    box-shadow: 0 2px 6px rgba(0,0,0,0.08);
  }
  50% {
    transform: translateY(-2px) scale(1.02);
    box-shadow: 0 4px 12px rgba(99,102,241,0.15);
  }
}
@keyframes shimmer {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}
        #cookieConsent {
          position: fixed;
          bottom: 20px;
          left: 20px;
          background-color: #fff;
          border: 1px solid #e2e8f0;
          border-radius: 8px;
          box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
          padding: 20px;
          max-width: 320px;
          z-index: 9999;
          font-family: 'Inter', sans-serif;
          transform: translateY(100px);
          opacity: 0;
          transition: all 0.3s ease;
        }
        
        #cookieConsent.show {
          transform: translateY(0);
          opacity: 1;
        }
        
        #cookieConsent h3 {
          margin-top: 0;
          margin-bottom: 10px;
          font-size: 16px;
          font-weight: 600;
          color: #1f2937;
        }
        
        #cookieConsent p {
          margin: 0 0 15px 0;
          font-size: 14px;
          color: #6b7280;
          line-height: 1.4;
        }
        
        #cookieConsent .buttons {
          display: flex;
          gap: 10px;
        }
        
        #cookieConsent .btn {
          padding: 8px 12px;
          border-radius: 6px;
          font-size: 13px;
          font-weight: 500;
          cursor: pointer;
          border: none;
          transition: all 0.2s ease;
        }
        
        #cookieConsent .btn-primary {
          background-color: #393939;
          color: white;
          flex: 1;
        }
        
        #cookieConsent .btn-primary:hover {
          background-color: #5a4a99;
        }
        
        #cookieConsent .btn-secondary {
          background-color: #f3f4f6;
          color: #6b7280;
        }
        
        #cookieConsent .btn-secondary:hover {
          background-color: #e5e7eb;
        }
        
        @media (max-width: 640px) {
          #cookieConsent {
            bottom: 10px;
            right: 10px;
            left: 10px;
            max-width: none;
          }
        }