@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Inter:wght@300;400;500;600;700;800;900&display=swap');

        body {
            font-family: 'Outfit', 'Inter', sans-serif;
            background-color: #fff9fb; /* Dreamy soft blush background */
        }

        /* Premium Fashion Font Headings */
        h1, h2, h3, .fashion-title {
            font-family: 'Playfair Display', serif !important;
        }

        /* Chic & Trendy Custom Scrollbar */
        ::-webkit-scrollbar {
            width: 8px;
            height: 8px;
        }
        ::-webkit-scrollbar-track {
            background: #fff5f8;
        }
        ::-webkit-scrollbar-thumb {
            background: linear-gradient(180deg, #f472b6, #db2777);
            border-radius: 99px;
            border: 2px solid #fff5f8;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(180deg, #ec4899, #be185d);
        }

        /* Elegant Feminine Gradients & Accents */
        .gradient-text {
            background-clip: text;
            -webkit-background-clip: text;
            color: transparent;
            background-image: linear-gradient(90deg, #ff4e88, #d946ef);
            font-weight: 700;
        }

        .gradient-div {
            background-image: linear-gradient(135deg, #f472b6, #d946ef);
            color: white;
            box-shadow: 0 4px 15px rgba(244, 114, 182, 0.25);
        }

        /* Luxury Princess-styled Buttons with Sparkle Hover */
        .gradient-button {
            background-image: linear-gradient(135deg, #ff4e88, #ec4899);
            color: white;
            font-weight: 700;
            font-size: 0.9rem;
            letter-spacing: 0.05em;
            text-transform: uppercase;
            border: none;
            border-radius: 50px; /* Pillow-soft roundness */
            cursor: pointer;
            padding: 0.6rem 1.8rem;
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            box-shadow: 0 4px 14px rgba(255, 78, 136, 0.35);
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
        }

        .gradient-button::after {
            content: '✨';
            font-size: 11px;
            transition: transform 0.3s;
        }

        .gradient-button:hover {
            background-image: linear-gradient(135deg, #ec4899, #d946ef);
            transform: translateY(-3px) scale(1.02);
            box-shadow: 0 8px 20px rgba(236, 72, 153, 0.45);
        }

        .gradient-button:hover::after {
            transform: rotate(20deg) scale(1.2);
        }

        .parallax-bg {
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }

        /* Soft Pink Glowing Cards with floating effect */
        .card-hover:hover {
            transform: translateY(-8px);
            box-shadow: 0 20px 30px -10px rgba(244, 114, 182, 0.25), 0 10px 15px -5px rgba(244, 114, 182, 0.15);
            border-color: rgba(244, 114, 182, 0.3) !important;
            transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
        }

        .card-hover-effect:hover {
            transform: translateY(-12px);
            box-shadow: 0 25px 35px -10px rgba(244, 114, 182, 0.3);
        }

        /* Heartwarming hover effect on categories and pictures */
        .tilt-effect:hover {
            transform: perspective(1000px) rotateX(3deg) rotateY(3deg) scale(1.01);
            transition: all 0.3s ease;
        }

        /* Playful interactive input focus rules */
        .input-animate {
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .input-animate:focus {
            transform: scale(1.01);
            border-color: #f472b6 !important;
            box-shadow: 0 0 0 4px rgba(244, 114, 182, 0.25);
            background: #fff;
        }

        /* Custom chic animations for girls fashion tags */
        @keyframes floatCute {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-4px); }
        }
        
        .badge-cute-pulse {
            animation: floatCute 3s ease-in-out infinite;
        }

        #adsSlider>div {
            min-width: 100%;
        }