/* --- TEMEL DÜZELTME: z-index --- */
    .asnavbar-container {
      position: fixed;
      bottom: 16px;
      left: 0;
      right: 0;
      display: flex;
      justify-content: center;
      padding: 0 16px;
      z-index: 1000; /* Diğer tüm elemanların üstünde kalmasını sağlar */
    }
    
    .asnavbar-bar {
      width: 100%;
      max-width: 450px;
      height: 72px; /* Yükseklik ayarlandı */
      border-radius: var(--nav-radius);
      display: flex;
      justify-content: space-between;
      align-items: center;
      position: relative;
      background-color: var(--bg-light);
      box-shadow: var(--shadow-light);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      padding: 0 24px;
      transition: all var(--animation-speed) ease;
    }
    
    .asnavbar-item {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center; /* Dikeyde ortalandı */
      position: relative;
      z-index: 2;
      height: 60px; /* Tıklama alanı genişletildi */
      width: 60px;
      cursor: pointer;
      transition: all var(--animation-speed) ease;
      text-decoration: none;
      color: inherit;
      border-radius: 50%;
    }
    
    .asnavbar-item:active {
      transform: scale(0.92);
    }
    
    .asnavbar-icon {
      width: 24px; /* İkonlar biraz büyütüldü */
      height: 24px;
      transition: all var(--animation-speed) var(--transition-bounce);
      color: var(--text-muted);
      margin-bottom: 4px;
    }
    
    /* SVG'ler için basitleştirilmiş stil */
    .asnavbar-icon svg {
      width: 100%;
      height: 100%;
      stroke: var(--coretema-primary);
      fill: none;
    }
    .asnavbar-icon svg path[fill] {
        fill: currentColor; /* SVG içindeki dolu alanların da rengini alır */
    }
    
    .asnavbar-label {
      font-size: 11px; /* Okunabilirlik için büyütüldü */
      font-weight: 500;
      color: var(--text-muted);
      white-space: nowrap;
      transition: all var(--animation-speed) ease;
    }
    
.asnavbar-item.active {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

.asnavbar-item.active::before {
  content: "";
  position: absolute;
  top: 4px; /* Yukarı kaydırma miktarı */
  width: 35px;
  height: 35px;
  background-color: rgba(var(--coretema-primary-rgb), 0.1);
  border-radius: 50%;
  z-index: -1; /* Arka planda kalması için */
}

    
    .asnavbar-item.active .asnavbar-icon {
      color: var(--primary-color);
      filter: drop-shadow(0 2px 5px var(--primary-glow));
    }
    
    .asnavbar-item.active .asnavbar-label {
      color: var(--primary-dark);
      font-weight: 600; /* Aktif etiket daha belirgin */
    }
    [data-theme="dark"] .asnavbar-item.active .asnavbar-label {
        color: var(--primary-light);
    }
    
    /* --- İYİLEŞTİRME: Buton konumu --- */
    .asnavbar-cart-button {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      width: 52px;
      height: 52px;
      border-radius: var(--button-radius);
      background: var(--primary-gradient);
      display: flex;
      justify-content: center;
      align-items: center;
      box-shadow: 0 8px 15px -3px rgba(var(--coretema-primary-rgb), 0.2);
      z-index: 3;
      cursor: pointer;
      text-decoration: none;
      animation: asnavbar-float 3.5s ease-in-out infinite;
      transition: all 0.3s ease;
    }
    
    [data-theme="dark"] .asnavbar-cart-button {
      box-shadow: 0 8px 15px -3px rgba(var(--coretema-primary-rgb), 0.2);
    }
    
    .asnavbar-cart-button::before {
      content: '';
      position: absolute;
      inset: 0;
      border-radius: var(--button-radius);
      padding: 1.5px;
      background: linear-gradient(135deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
      -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
      -webkit-mask-composite: xor;
      mask-composite: exclude;
      pointer-events: none;
    }
    
    .asnavbar-cart-button:active {
      transform: translateX(-50%) scale(0.92);
      animation-play-state: paused;
    }
    
    .asnavbar-cart-icon {
      width: 22px;
      height: 22px;
      color: white;
      filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.1));
    }
    
    .asnavbar-cart-button i.fas {
      font-size: 22px;
      color: white;
    }
    
    .asnavbar-badge {
      position: absolute;
      top: -5px;
      right: -5px;
      min-width: 20px;
      height: 20px;
      border-radius: 10px;
      background-color: var(--coretema-danger);
      color: white;
      font-size: 11px;
      font-weight: 600;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 0 5px;
      box-shadow: 0 2px 4px rgba(239, 68, 68, 0.25);
      animation: asnavbar-pulseAnimation 2s infinite;
    }
    
    @keyframes asnavbar-pulseAnimation {
      0%, 100% { transform: scale(1); }
      50% { transform: scale(1.1); }
    }
    
    @keyframes asnavbar-float {
      0%, 100% { transform: translateX(-50%) translateY(0px); }
      50% { transform: translateX(-50%) translateY(-5px); }
    }
    
    .asnavbar-handle {
      width: 40px;
      height: 4px;
      background-color: rgba(0, 0, 0, 0.1);
      border-radius: 2px;
      position: absolute;
      bottom: 8px;
      left: 50%;
      transform: translateX(-50%);
    }
    
    [data-theme="dark"] .asnavbar-handle {
      background-color: rgba(255, 255, 255, 0.15);
    }
    
    /* iPhone X ve daha yenisi için güvenli alan */
    @supports (padding: max(0px)) {
      .asnavbar-container {
        padding-bottom: max(16px, env(safe-area-inset-bottom));
      }
    }
    
    /* Responsive ayarlamalar */
    @media (max-width: 360px) {
      .asnavbar-bar {
        height: 68px;
        padding: 0 16px;
      }
      .asnavbar-item {
        width: 50px;
      }
      .asnavbar-icon {
        width: 22px;
        height: 22px;
      }
      .asnavbar-label {
        font-size: 10px;
      }
      .asnavbar-cart-button {
        width: 48px;
        height: 48px;
        top: -18px; /* Responsive konum */
      }
      .asnavbar-cart-icon,
      .asnavbar-cart-button i.fas {
        width: 20px;
        height: 20px;
        font-size: 20px;
      }
    }
    
    /* Sadece mobil ve tablet cihazlarda göster */
    @media (min-width: 1025px) {
      .asnavbar-container {
        display: none;
      }
    }

        /* Container */
        .cartsfooter-container {
            max-width: 1400px;
            margin: 0 auto;
            padding: 0 20px;
        }

        /* Newsletter Banner */
        .cartsfooter-newsletter-wrapper {
            background: var(--cartsfooter-gradient-primary);
            border-radius: 16px;
            overflow: hidden;
            box-shadow: var(--cartsfooter-shadow-lg);
            margin: 24px auto 20px auto;
            max-width: 1400px;
            position: relative;
        }

        .cartsfooter-newsletter-wrapper::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: linear-gradient(45deg, rgba(255,255,255,0.1) 25%, transparent 25%), 
                        linear-gradient(-45deg, rgba(255,255,255,0.1) 25%, transparent 25%), 
                        linear-gradient(45deg, transparent 75%, rgba(255,255,255,0.1) 75%), 
                        linear-gradient(-45deg, transparent 75%, rgba(255,255,255,0.1) 75%);
            background-size: 20px 20px;
            background-position: 0 0, 0 10px, 10px -10px, -10px 0px;
            opacity: 0.1;
        }

        .cartsfooter-newsletter-container {
            padding: 24px 28px;
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 24px;
            position: relative;
            z-index: 1;
        }

        .cartsfooter-newsletter-title {
            font-size: 1.5rem;
            font-weight: 550;
        }

        .cartsfooter-newsletter-title::after {
            content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none"><path d="M17.7071 8.70711C18.0976 8.31658 18.0976 7.68342 17.7071 7.29289L11.3431 0.928932C10.9526 0.538408 10.3195 0.538408 9.92893 0.928932C9.53841 1.31946 9.53841 1.95262 9.92893 2.34315L15.5858 8L9.92893 13.6569C9.53841 14.0474 9.53841 14.6805 9.92893 15.0711C10.3195 15.4616 10.9526 15.4616 11.3431 15.0711L17.7071 8.70711ZM0 9H17V7H0V9Z" fill="%23ffffff"/></svg>');
            margin-left: 12px;
            margin-top: 4px;
        }

        .cartsfooter-newsletter-form {
            display: flex;
            gap: 12px;
            min-width: 320px;
            background: rgba(255, 255, 255, 0.15);
            padding: 6px;
            border-radius: 40px;
            backdrop-filter: blur(10px);
        }

        .cartsfooter-newsletter-input {
            flex: 1;
            padding: 12px 20px;
            border: none;
            border-radius: 32px;
            font-size: 0.9rem;
            background: rgba(255, 255, 255, 0.9);
            color: var(--cartsfooter-text-primary);
            outline: none;
            transition: all 0.3s ease;
        }

        .cartsfooter-newsletter-input::placeholder {
            color: var(--cartsfooter-text-muted);
        }

        .cartsfooter-newsletter-input:focus {
            background: #fff;
            box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.3);
        }

        .cartsfooter-newsletter-btn {
            padding: 12px 20px;
            background: #fff;
            color: var(--cartsfooter-primary-color);
            border: none;
            border-radius: 32px;
            font-size: 0.9rem;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            gap: 6px;
            white-space: nowrap;
            animation: subtle-pulse 2s infinite;
        }

        .cartsfooter-newsletter-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
            animation: none;
        }

        @keyframes subtle-pulse {
            0%, 100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4); }
            50% { box-shadow: 0 0 0 8px rgba(255, 255, 255, 0); }
        }

        .cartsfooter-newsletter-btn svg {
            width: 16px;
            height: 16px;
            fill: currentColor;
        }

        /* Main Content */
        .cartsfooter-main-content-wrapper {
            max-width: 1400px;
            margin: 20px auto;
            background: var(--cartsfooter-bg-secondary);
            border: 1px solid var(--cartsfooter-border-color);
            border-radius: 16px;
            box-shadow: var(--cartsfooter-shadow-lg);
            overflow: hidden;
        }

        .cartsfooter-content-grid {
            display: grid;
            grid-template-columns: 420px 1fr;
            gap: 0;
            min-height: 600px;
        }

        /* Left Panel */
        .cartsfooter-left-panel {
            background: var(--cartsfooter-bg-primary);
            padding: 35px 30px;
            border-right: 1px solid var(--cartsfooter-border-color);
            position: relative;
        }

        .cartsfooter-logo {
            font-size: 1.8rem;
            font-weight: 700;
            display: flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 24px;
        }

        .cartsfooter-logo-img,
        .cartsfooter-footer-logo img {
            max-height: 45px;
            width: auto;
            transition: filter 0.3s ease;
        }

        /* Dark mode'da logoları beyaz yap */
        [data-theme="dark"] .cartsfooter-logo-img,
        [data-theme="dark"] .cartsfooter-footer-logo img {
            filter: brightness(0) invert(1);
        }

        .cartsfooter-logo span.cartsfooter-brand {
            background: var(--cartsfooter-gradient-primary);
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .cartsfooter-about-content {
            font-size: 0.95rem;
            color: var(--cartsfooter-text-secondary);
            margin-bottom: 24px;
            line-height: 1.6;
            padding: 18px;
            background: var(--cartsfooter-bg-tertiary);
            border-radius: 12px;
        }

        .cartsfooter-section-title {
            font-size: 1.2rem;
            font-weight: 600;
            display: flex;
            align-items: center;
            gap: 10px;
            margin-bottom: 18px;
            color: var(--cartsfooter-text-primary);
            padding-bottom: 10px;
            border-bottom: 2px solid var(--cartsfooter-border-color);
        }

        .cartsfooter-section-title::after {
            content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="16" viewBox="0 0 18 16" fill="none"><path d="M17.7071 8.70711C18.0976 8.31658 18.0976 7.68342 17.7071 7.29289L11.3431 0.928932C10.9526 0.538408 10.3195 0.538408 9.92893 0.928932C9.53841 1.31946 9.53841 1.95262 9.92893 2.34315L15.5858 8L9.92893 13.6569C9.53841 14.0474 9.53841 14.6805 9.92893 15.0711C10.3195 15.4616 10.9526 15.4616 11.3431 15.0711L17.7071 8.70711ZM0 9H17V7H0V9Z" fill="%234CAF50"/></svg>');
            margin-left: 12px;
            margin-top: 4px;
        }

        .cartsfooter-section-title svg {
            width: 20px;
            height: 20px;
            fill: var(--cartsfooter-primary-color);
        }

        /* Contact Button */
        .cartsfooter-contact-button {
            background: var(--cartsfooter-primary-color);
            color: #fff;
            border: none;
            border-radius: 12px;
            padding: 16px 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            width: 100%;
            font-size: 1rem;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
            margin-bottom: 15px;
            text-decoration: none;
            box-shadow: var(--cartsfooter-shadow-md);
        }

        .cartsfooter-contact-button:hover {
            transform: translateY(-2px);
            box-shadow: var(--cartsfooter-shadow-lg);
            background: var(--cartsfooter-primary-hover);
            animation: none;
            color: #fff;
        }

        @keyframes shadow-pulse {
            0% { box-shadow: 0 0 0 0px rgba(76, 175, 80, 0.7); }
            70% { box-shadow: 0 0 0 8px rgba(76, 175, 80, 0); }
            100% { box-shadow: 0 0 0 0px rgba(76, 175, 80, 0); }
        }

        .cartsfooter-contact-button svg {
            width: 18px;
            height: 18px;
            fill: currentColor;
        }

        /* Contact Options */
        .cartsfooter-contact-option {
            background: var(--cartsfooter-bg-tertiary);
            border-radius: 10px;
            padding: 14px 16px;
            display: flex;
            align-items: center;
            gap: 12px;
            margin-bottom: 12px;
            font-size: 0.9rem;
            color: var(--cartsfooter-text-secondary);
            transition: all 0.3s ease;
            cursor: pointer;
            font-weight: 500;
            text-decoration: none;
            height: 56px;
        }

        .cartsfooter-contact-option:hover {
            transform: translateX(4px);
            background: var(--cartsfooter-primary-color);
            color: white;
            border-color: var(--cartsfooter-primary-color);
        }

        .cartsfooter-contact-option .cartsfooter-contact-icon {
            width: 30px;
            height: 30px;
            border-radius: 6px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: var(--cartsfooter-bg-secondary);
            color: var(--cartsfooter-text-muted);
            transition: all 0.3s ease;
            flex-shrink: 0;
        }

        .cartsfooter-contact-option:hover .cartsfooter-contact-icon {
            background: rgba(255, 255, 255, 0.15);
            color: white;
        }

        .cartsfooter-contact-option svg {
            width: 16px;
            height: 16px;
            fill: currentColor;
        }

        /* WhatsApp özel animasyonu */
        .cartsfooter-contact-option.oneitem {
            animation: shadow-pulse 1s infinite;
            background: rgb(37, 211, 102);
            color: white !important;
        }

        .cartsfooter-contact-option.oneitem .cartsfooter-contact-icon {
            background: white !important;
            color: rgb(37, 211, 102);
        }

        .cartsfooter-contact-option.oneitem:hover .cartsfooter-contact-icon {
            color: #000 !important;
        }

        /* Badges */
        .cartsfooter-badges-section {
            margin-top: 24px;
            padding-top: 24px;
            border-top: 2px solid var(--cartsfooter-border-color);
        }

        .cartsfooter-badges-grid {
            display: flex;
            gap: 15px;
            justify-content: center;
        }

        .cartsfooter-badge-item {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 8px;
            padding: 15px 12px;
            background: var(--cartsfooter-bg-tertiary);
            border-radius: 10px;
            transition: all 0.3s ease;
            border: 1px solid var(--cartsfooter-border-color);
            min-width: 90px;
        }

        .cartsfooter-badge-item:hover {
            transform: translateY(-2px);
            box-shadow: var(--cartsfooter-shadow-md);
            border-color: var(--cartsfooter-primary-color);
        }

        .cartsfooter-badge-icon {
            width: 50px;
            height: 50px;
            background: var(--cartsfooter-bg-tertiary);
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            overflow: hidden;
        }

        .cartsfooter-badge-icon img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 6px;
            transition: filter 0.3s ease;
        }
        .cartsfooter-badge-icon svg {
            width: 22px;
            height: 22px;
            fill: currentColor;
        }

        .cartsfooter-badge-text {
            font-size: 0.8rem;
            font-weight: 600;
            color: var(--cartsfooter-text-secondary);
            text-align: center;
        }

        /* Main Menu */
        .cartsfooter-main-menu {
            background: var(--cartsfooter-bg-secondary);
            padding: 35px 30px;
        }

        .cartsfooter-menu-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 25px;
            min-height: 500px;
        }

        .cartsfooter-menu-category {
            background: var(--cartsfooter-bg-primary);
            border: 1px solid var(--cartsfooter-border-color);
            border-radius: 12px;
            padding: 25px 20px;
            transition: all 0.3s ease;
            height: fit-content;
        }

        .cartsfooter-menu-category:hover {
            transform: translateY(-3px);
            box-shadow: var(--cartsfooter-shadow-lg);
            border-color: var(--cartsfooter-primary-color);
        }

        .cartsfooter-category-title {
            font-size: 1.1rem;
            font-weight: 600;
            color: var(--cartsfooter-text-primary);
            margin-bottom: 15px;
            display: flex;
            align-items: center;
            gap: 10px;
            cursor: pointer;
            transition: all 0.3s ease;
            padding: 12px;
            background: var(--cartsfooter-bg-tertiary);
            border-radius: 8px;
            user-select: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            -webkit-tap-highlight-color: transparent;
            outline: none !important;
            border: none;
            box-shadow: none !important;
        }

        .cartsfooter-category-title:focus {
            outline: none !important;
            box-shadow: none !important;
            border: none !important;
        }

        .cartsfooter-category-title:active {
            outline: none !important;
            box-shadow: none !important;
            transform: scale(0.98);
        }

        .cartsfooter-category-title svg {
            width: 20px;
            height: 20px;
            fill: var(--cartsfooter-primary-color);
        }

        .cartsfooter-category-toggle {
            margin-left: auto;
            font-size: 1rem;
            color: var(--cartsfooter-primary-color);
            transition: transform 0.3s ease;
            font-weight: 600;
        }

        .cartsfooter-menu-category.active .cartsfooter-category-toggle {
            transform: rotate(180deg);
        }

        .cartsfooter-menu-items {
            list-style: none;
            overflow: hidden;
            transition: all 0.4s ease;
            margin: 0;
            padding: 0;
        }

        .cartsfooter-menu-items li {
            margin-bottom: 10px;
            background: var(--cartsfooter-bg-tertiary);
            border-radius: 8px;
            transition: all 0.3s ease;
        }

        .cartsfooter-menu-items li:hover {
            background: var(--cartsfooter-bg-primary);
            transform: translateX(4px);
        }

        .cartsfooter-menu-items a {
            color: var(--cartsfooter-text-secondary);
            text-decoration: none;
            font-size: 0.9rem;
            display: block;
            padding: 12px 15px;
            transition: all 0.3s ease;
            font-weight: 500;
        }

        .cartsfooter-menu-items a:hover {
            color: var(--cartsfooter-primary-color);
        }

        /* Social Media */
        .cartsfooter-social-section {
            margin-top: 20px;
            padding-top: 20px;
            border-top: 2px solid var(--cartsfooter-border-color);
        }

        .cartsfooter-social-title {
            font-size: 1.1rem;
            font-weight: 600;
            margin-bottom: 15px;
            color: var(--cartsfooter-text-primary);
        }

        .cartsfooter-social-links {
            display: flex;
            gap: 12px;
            flex-wrap: wrap;
        }

        .cartsfooter-social-link {
            width: 40px;
            height: 40px;
            background: var(--cartsfooter-bg-tertiary);
            border: 1px solid var(--cartsfooter-border-color);
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: var(--cartsfooter-text-secondary);
            text-decoration: none;
            transition: all 0.3s ease;
        }

        .cartsfooter-social-link:hover {
            background: var(--cartsfooter-primary-color);
            color: white;
            transform: scale(1.1);
        }

        .cartsfooter-social-link i {
            font-size: 18px;
        }

        /* Footer */
        .cartsfooter-footer {
            max-width: 1400px;
            margin: 24px auto;
            background: var(--cartsfooter-bg-primary);
            border-radius: 16px;
            box-shadow: var(--cartsfooter-shadow-lg);
            border: 1px solid var(--cartsfooter-border-color);
            overflow: hidden;
            position: relative;
        }

        .cartsfooter-footer-content {
            padding: 40px;
            display: flex;
            flex-direction: column;
            gap: 30px;
        }

        /* Footer Top Section */
        .cartsfooter-footer-top {
            display: grid;
            grid-template-columns: 2fr 1fr 2fr;
            gap: 40px;
            align-items: center;
            padding-bottom: 30px;
            border-bottom: 2px solid var(--cartsfooter-border-color);
        }

        .cartsfooter-footer-left {
            display: flex;
            align-items: center;
            gap: 20px;
        }

        .cartsfooter-footer-logo {
            font-size: 1.8rem;
            font-weight: 700;
            display: flex;
            align-items: center;
            gap: 12px;
            color: var(--cartsfooter-text-primary);
        }

        .cartsfooter-footer-logo img {
            max-height: 45px;
            width: auto;
        }

        .cartsfooter-footer-logo span.cartsfooter-brand {
            background: var(--cartsfooter-gradient-primary);
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .cartsfooter-copyright-text {
            font-size: 0.9rem;
            color: var(--cartsfooter-text-secondary);
            font-weight: 500;
            border-left: 2px solid var(--cartsfooter-border-color);
            padding-left: 20px;
        }

        .cartsfooter-footer-center {
            display: flex;
            justify-content: center;
        }

        .cartsfooter-payment-image {
            max-width: 430px;

        }

        .cartsfooter-payment-image:hover {
            transform: scale(1.02);
        }

        [data-theme="dark"] .cartsfooter-payment-image {
            filter: brightness(0) invert(1);
        }

        .cartsfooter-footer-right {
            text-align: right;
        }

        .cartsfooter-kdv-notice {
            background: var(--cartsfooter-gradient-secondary);
            color: white;
            padding: 12px 20px;
            border-radius: 8px;
            font-size: 0.9rem;
            font-weight: 600;
            display: inline-block;
        }

        .cartsfooter-footer-bottom {
            display: flex;
            flex-direction: column;
            gap: 15px;
        }

        .cartsfooter-ssl-notice {
            background: var(--cartsfooter-bg-secondary);
            border: 1px solid var(--cartsfooter-border-color);
            border-radius: 8px;
            padding: 15px;
            font-size: 0.85rem;
            color: var(--cartsfooter-text-secondary);
            font-weight: 500;
            text-align: center;
        }

        .cartsfooter-powered-by {
            background: var(--cartsfooter-bg-tertiary);
            border-radius: 8px;
            padding: 15px;
            font-size: 0.8rem;
            color: var(--cartsfooter-text-muted);
            line-height: 1.5;
            text-align: center;
        }

        .cartsfooter-footer-links {
            display: flex;
            justify-content: center;
            gap: 20px;
            margin-top: 10px;
            flex-wrap: wrap;
        }

        .cartsfooter-footer-links a {
            color: var(--cartsfooter-text-secondary);
            text-decoration: none;
            transition: color 0.3s ease;
            white-space: nowrap;
        }

        .cartsfooter-footer-links a:hover {
            color: var(--cartsfooter-primary-color);
        }

        /* Message System */
        .cartsfooter-newsletter-message {
            margin-top: 16px;
            padding: 12px 16px;
            border-radius: 12px;
            font-weight: 600;
            opacity: 0;
            transform: translateY(-10px);
            transition: all 0.3s ease;
            border: 2px solid;
        }

        .cartsfooter-newsletter-message.show {
            opacity: 1;
            transform: translateY(0);
        }

        .cartsfooter-newsletter-message.success {
            background: rgba(16, 185, 129, 0.1);
            color: var(--cartsfooter-success-color);
            border-color: rgba(16, 185, 129, 0.3);
        }

        .cartsfooter-newsletter-message.error {
            background: rgba(239, 68, 68, 0.1);
            color: var(--cartsfooter-error-color);
            border-color: rgba(239, 68, 68, 0.3);
        }

        /* Loading */
        .cartsfooter-loading {
            display: inline-block;
            width: 16px;
            height: 16px;
            border: 2px solid rgba(255, 255, 255, 0.3);
            border-radius: 50%;
            border-top-color: white;
            animation: cartsfooterSpin 1s ease-in-out infinite;
        }

        @keyframes cartsfooterSpin {
            to { transform: rotate(360deg); }
        }

        /* WISECP brand fix */
        div#wisecp_brand[style] {
            font-size: 0.8rem !important;
            color: var(--cartsfooter-text-muted) !important;
            line-height: 1.5 !important;
            text-align: center !important;
            text-shadow: none !important;
            display: inline-block !important;
            margin: 0 !important;
            width: auto !important;
            visibility: visible !important;
            z-index: auto !important;
            position: static !important;
        }

        div#wisecp_brand[style] a[style] {
            font-size: 0.8rem !important;
            color: var(--cartsfooter-text-muted) !important;
            text-decoration: none !important;
        }

        div#wisecp_brand[style] a[style]:hover {
            color: var(--cartsfooter-text-primary) !important;
            opacity: 0.8 !important;
        }

        /* Responsive */
        @media (min-width: 1024px) {
            .cartsfooter-content-grid {
                grid-template-columns: 420px 1fr;
            }
            
            .cartsfooter-category-toggle {
                display: none;
            }
            
            .cartsfooter-menu-items {
                max-height: none !important;
            }
        }

        @media (max-width: 1024px) {
            .cartsfooter-newsletter-container {
                flex-direction: column;
                text-align: center;
                gap: 16px;
                padding: 20px;
            }
            
            .cartsfooter-newsletter-form {
                min-width: auto;
                max-width: 100%;
            }
            
            .cartsfooter-content-grid {
                grid-template-columns: 1fr;
            }
            
            .cartsfooter-left-panel {
                border-right: none;
                border-bottom: 1px solid var(--cartsfooter-border-color);
            }
            
            .cartsfooter-menu-items {
                max-height: 0;
                transition: max-height 0.4s ease;
            }
            
            .cartsfooter-menu-category.active .cartsfooter-menu-items {
                max-height: 400px;
            }
            
            .cartsfooter-footer-top {
                grid-template-columns: 1fr;
                gap: 25px;
                text-align: center;
            }
            
            .cartsfooter-footer-left {
                justify-content: center;
                flex-direction: column;
                gap: 15px;
            }
            
            .cartsfooter-copyright-text {
                border-left: none;
                border-top: 1px solid var(--cartsfooter-border-color);
                padding-left: 0;
                padding-top: 15px;
            }
            
            .cartsfooter-footer-right {
                text-align: center;
            }
        }

        @media (max-width: 768px) {
            .cartsfooter-container {
                padding: 0 15px;
            }
            
            .cartsfooter-newsletter-container {
                padding: 18px;
            }
            
            .cartsfooter-newsletter-title {
                font-size: 1.3rem;
            }
            
            .cartsfooter-newsletter-form {
                flex-direction: column;
                gap: 10px;
                padding: 12px;
                border-radius: 16px;
            }
            
            .cartsfooter-newsletter-input,
            .cartsfooter-newsletter-btn {
                border-radius: 12px;
            }
            
            .cartsfooter-left-panel,
            .cartsfooter-main-menu {
                padding: 25px 20px;
            }
            
            .cartsfooter-menu-grid {
                grid-template-columns: 1fr;
                gap: 20px;
            }
            
            .cartsfooter-footer {
                margin: 20px 15px;
            }
            
            .cartsfooter-footer-content {
                padding: 25px 20px;
                gap: 25px;
            }
            
            .cartsfooter-footer-top {
                gap: 20px;
            }
            
            .cartsfooter-payment-image {
                max-width: 200px;
            }
            
            .cartsfooter-footer-links {
                flex-direction: column;
                gap: 10px;
            }
            
            .cartsfooter-badges-grid {
                flex-wrap: wrap;
                justify-content: center;
            }
            
            .cartsfooter-social-links {
                justify-content: center;
            }
        }

        @media (max-width: 480px) {
            .cartsfooter-newsletter-title {
                font-size: 1.2rem;
            }
            
            .cartsfooter-logo {
                font-size: 1.5rem;
            }
            
            .cartsfooter-section-title {
                font-size: 1rem;
            }
            
            .cartsfooter-menu-grid {
                grid-template-columns: 1fr;
            }
            
            .cartsfooter-footer {
                margin: 15px 10px;
            }
            
            .cartsfooter-footer-content {
                padding: 20px 15px;
                gap: 20px;
            }
            
            .cartsfooter-payment-image {
                max-width: 180px;
            }
        }

        /* Form Validation */
        .cartsfooter-newsletter-input:invalid:not(:placeholder-shown) {
            border-color: var(--cartsfooter-error-color);
            background: rgba(239, 68, 68, 0.05);
        }

        .cartsfooter-newsletter-input:valid:not(:placeholder-shown) {
            border-color: var(--cartsfooter-success-color);
            background: rgba(16, 185, 129, 0.05);
        }

        /* Touch Events */
        @media (hover: none) and (pointer: coarse) {
            .cartsfooter-category-title,
            [data-toggle="category"] {
                -webkit-tap-highlight-color: transparent !important;
                tap-highlight-color: transparent !important;
                outline: none !important;
                border: none !important;
                box-shadow: none !important;
            }
            
            .cartsfooter-category-title:active,
            [data-toggle="category"]:active {
                background: var(--cartsfooter-primary-color);
                color: white;
                outline: none !important;
                border: none !important;
                box-shadow: none !important;
                transform: scale(0.98);
            }
            
            .cartsfooter-category-title:focus,
            [data-toggle="category"]:focus {
                outline: none !important;
                border: none !important;
                box-shadow: none !important;
            }
            
            .cartsfooter-contact-option:active {
                background: var(--cartsfooter-primary-color);
                color: white;
            }
        }

        /* Global outline removal */
        [data-toggle="category"],
        [data-toggle="category"]:focus,
        [data-toggle="category"]:active,
        [data-toggle="category"]:hover {
            outline: none !important;
            border: none !important;
            box-shadow: none !important;
        }

        *:focus {
            outline: none !important;
        }

        [data-toggle="category"] * {
            outline: none !important;
            border: none !important;
            box-shadow: none !important;
        }