<section class="py-16 md:py-24 bg-white" data-component-type="Content" data-component-slug="home-appliances-template-real_home">
    <div class="max-w-[90%] mx-auto px-4 relative">
        <div class="flex flex-col lg:flex-row items-center lg:items-center">
            
            <!-- Image Container -->
            <div class="w-full lg:w-3/4 relative z-0">
                <div class="rounded-lg overflow-hidden shadow-lg h-[400px] md:h-[500px] lg:h-[600px]">
                    <img src="{{real_home_image}}" alt="Modern Kitchen" class="w-full h-full object-cover" data-node="real_home_image" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1768046173/seltrix/templates/home-appliances-template/kitchen-zone.jpg">
                </div>
            </div>
            
            <!-- Content Box (Overlapping) -->
            <div class="w-full lg:w-1/2 bg-[#FBEF56] p-8 md:p-12 lg p-16 lg:-ml-32 z-10 mt-[-50px] lg:mt-0 shadow-xl rounded-sm">
                <h2 class="text-3xl md:text-5xl font-bold text-gray-900 mb-6 leading-tight" data-node="real_home_title" data-node-type="text" data-node-default="Built for Real Homes">
                    {{real_home_title}}
                </h2>
                <p class="text-gray-800 leading-relaxed text-base md:text-lg" data-node="real_home_desc" data-node-type="textarea" data-node-default="Our appliances solve everyday challenges with thoughtful engineering, intuitive usability, and performance that stays dependable year after year. Designed around real routines and real household needs, each product fits seamlessly into modern living, making daily tasks smoother, faster, and far more convenient.">
                   {{real_home_desc}}
                </p>
            </div>

        </div>
    </div>
</section>