قسم الخضر الطازجة

.product-page-wrapper{font-family:'Cairo',sans-serif;direction:rtl;} .page-section-header{background:linear-gradient(135deg,#34d399,#28a745);color:white;padding:20px 15px;text-align:center;margin:0 -20px 2rem -20px;box-shadow:0 4px 10px rgba(0,0,0,0.1);} .page-section-header h2{margin:0;font-size:28px;font-weight:800;text-shadow:1px 1px 3px rgba(0,0,0,0.2);} @media (max-width:600px){.page-section-header h2{font-size:24px;}} .products-container{max-width:1200px;margin:0 auto 2rem auto;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;} .product{border:1px solid #e0e0e0;border-radius:12px;padding:1rem;text-align:center;box-shadow:0 4px 15px rgba(0,0,0,0.05);transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;justify-content:space-between;} .product:hover{transform:translateY(-8px);box-shadow:0 8px 25px rgba(0,0,0,0.1);} .product img{max-width:70%;height:auto;border-radius:8px;margin:0 auto 15px auto;transition:transform .3s ease;} .product:hover img{transform:scale(1.05);} .product h3{font-size:18px;font-weight:700;margin:0 0 10px 0;} .product p{font-size:14px;margin:0 0 15px 0;flex-grow:1;} .product .price{font-size:18px;font-weight:bold;color:#28a745;margin-bottom:15px;} .quantity-container{display:flex;align-items:center;justify-content:center;margin-bottom:15px;}

/* --- التعديل الجذري هنا --- */ .quantity-btn{ background: transparent; /* جديد: جعل الخلفية شفافة تماماً */ color: inherit; /* جديد: جعل لون النص (+/-) يرث لون البطاقة */ border:1px solid #ccc; padding:0; font-size:20px; cursor:pointer; width:35px; height:35px; border-radius:50%; transition:background-color .3s,transform .2s; } .quantity-input{ background: transparent; /* جديد: جعل الخلفية شفافة تماماً */ color: inherit; /* جديد: جعل لون النص (الرقم) يرث لون البطاقة */ width:50px; height:35px; text-align:center; font-size:16px; margin:0 10px; border:1px solid #ccc; border-radius:5px; -moz-appearance:textfield; } /* --- نهاية التعديل الجذري --- */

.quantity-btn:hover{background-color:#e0e0e0;} .quantity-btn:active{transform:scale(.9);} .quantity-input::-webkit-outer-spin-button,.quantity-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;} .add-to-cart-btn{background:linear-gradient(45deg,#28a745,#218838);color:white;padding:12px 20px;font-size:16px;font-weight:bold;border:none;border-radius:25px;cursor:pointer;width:100%;transition:transform .2s,box-shadow .3s;} .add-to-cart-btn:hover{transform:scale(1.03);box-shadow:0 5px 15px rgba(40,167,69,.4);} .flying-image{position:fixed;z-index:10001;border-radius:50%;transition:all 1s cubic-bezier(.55,0,.85,.36);opacity:1;} @media (max-width:992px){.products-container{grid-template-columns:repeat(3,1fr);}} @media (max-width:768px){.products-container{grid-template-columns:repeat(2,1fr);gap:1rem;}} @media (max-width:480px){.products-container{grid-template-columns:repeat(2,1fr);gap:.5rem;}.product{padding:.5rem;}}

/* --- قسم إصلاح خلفية البطاقة في الوضع الليلي --- */ /* !! تذكير: إذا لم يعمل، استبدل .dark-mode باسم الكلاس الصحيح من قالبك !! */ .dark-mode .product { background-color: #3a3b3c; border-color: #555; } .dark-mode .quantity-btn:hover { background-color: #666 !important; } /* --- نهاية قسم الإصلاح --- */

قسم الخضر

//<![CDATA[ // The JavaScript part remains unchanged document.addEventListener('DOMContentLoaded',function(){ const productsData=[ {id:1,name:'البطاطس',description:'بطاطس عالية الجودة، مثالية للتحمير أو السلق.',price:6,image:'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjK-OXGqI28kDOcC8inX8pqRGNYNJL_c2oTD0_WARhFIPz7qfLwf-pMZ1EOAg1XCPUcFHugLi-bh1j0i5hflsKmq19rLkhm3OtxyUnA9dOAsiM6dYciASinWTeVL-ameOevODWg14Abh6_HXf66aA4faBm0R3CKH1aWRMhGE5zyTRMRCnxWQ6ZYDFC5XwAT/s1080/1000236193.webp'},{id:2,name:'بطاطة حلوة',description:'بطاطا حلوة عالية الجودة، مثالية للتحميص أو الشوي.',price:9,image:'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJjeQSMNTQBS3ZyJtfgnUcx-5khKlbyl_Co_96wz-Ib22wnk07J_EaemSm76_y9sp4ohxUB-jpKPYtRYotS__jao-458u1S6aFcGfmG4rNx46z_PNFbCuj2YGyO2_8yeAAMA8CdT7cYyUThDgLtBXW-l6eoxDnVXBSgTpH_AxDuwF2mL9s9W6yFLUQZRPZ/s1080/1000239063.webp'},{id:3,name:'البصل',description:'بصل طازج ذو نكهة مميزة، يضيف طعمًا رائعًا لأطباقك.',price:12,image:'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYZbdvaCeErjBrIMq_Q1P7-YEOnsAIstUe1lPPizlGLPSdkY363DhngrsTX4JteIqTKFGQKmjQZOtMDAq6YkYfjrLdP5YZ9W-hz3Cb5fai0fVO8RgMhG_3g_wgzKCoyIlxumit4tK3T1hjwDOLwQ0CeQniJCnzCL02KrcsCOlkKQ1P377uclnx8VhIPkPW/s1080/1000236196.webp'},{id:4,name:'الجزر',description:'جزر طازج، غني بالعناصر الغذائية والألياف.',price:6,image:'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcJrn_sX-hSsvLZLIu9qNctkBoCQ7XuecMjuFW2v-XehZ_OY25wyR0ThyCzj3yjdEkyMD92UH3oT_XKNFJ8PQI2D3UG0o0tIlxPl-M2DlSsL-Z2__RZQ9pSiqLat-QyDzmJT324hy8zhOdQg0cKDHS6wwF2Q2gWiOhWWtUnZW6nz79UYo83aJq9DFXGQ64/s1080/1000236202.webp'},{id:5,name:'الطماطم',description:'طماطم طازجة ونضرة، مثالية لإضافة النكهة اللذيذة والصحية إلى أطباقك اليومية.',price:12,image:'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI3UOcoDY9TjOfMZ9VIFbDWXM11guIclDHcvZs-y6DP9dlbg9xq_4Ck4gCbZuykOJ5vNSyT4vEKk81u3ht5TlxSF1pQ_xvL_89NfdgYnxdlG6ZYMtAiVdnH3OqiHCFDYZ8ltDNfEy17Q1WC8QpEm6rItffegzVe8SP1WAHhN7tdGOyaQofv42Vzvc5mlHM/s1080/1000236199.webp'},{id:6,name:'جلبانة',description:'جلبانة مغربية طازجة وشهية، مثالية لتحضير الأطباق اللذيذة والصحية بكل سهولة.',price:12,image:'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHrF-9Q3TDxFQJO_iE88kRXZNnxwZ2YNYD_PW1b_1THHX9EKaBO5IePhS0a3D27NeuODR0KxVTXuUw8hWaUqLbD64c6EoVNgjKOp7vltkNc8gvn1qqiNqsKZvY2bJ7ptXzDqZxmzJE2uYbzmrnFJEhoIxfCcaYNd8OvN4QQ-EavufkJvtCZ3eF742mpELT/s1080/1000238269.webp'},{id:7,name:'فول',description:'فول مغربي طازج ولذيذ، مثالي لتحضير الأطباق التقليدية والصحية بمذاق رائع.',price:7,image:'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3cpOUoEckKKuFYftoJRXT1mNJYQQcF6kQUEjweQpPIiHrQ2F1tzlpg3d41Uzk3LBjFhZH5ZCNxCt4vPryO0jri70NvTb4mt7Nio51tQNmwUI4YQ2h_eCFEMaHhPnfKnd7JSD0YbuDJvOWcM7YoLMqDRCXG8Mj2WQpdXQR4q2YIcEQPXbeKG8H-aECKbVe/s1080/1000238280.webp'},{id:8,name:'بذنجال',description:'بذنجال طازج ونضر، مثالي لتحضير الأطباق الشهية والصحية بمذاق مميز.',price:7,image:'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi4OXi_AcmvZCM618Q4h4v6VhbwqTY3mtIG-CF1am8PkJSxZYq-l4IHXPqCLbKTi1s3LtSg7NrmDTBUaEQRKwyO7YkjphaOjxaCsJVa_w4So-FHt6_rb0lwehZyQ-2HlAQbrJPBPpd_yJcTYyCq3SFi3PC1ALHebI4iG78F4L4-Qw8EFoeAYPIoJrli1oe/s1080/1000238276.webp'},{id:9,name:'كرعة',description:'كرعة طازجة ولذيذة، مثالية لتحضير الأطباق الصحية والمتنوعة بمذاق شهي.',price:9,image:'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVpJW1Qke0YgvmJgAFFYjWBso2kPbi9VDKelO7V-zqBIM-N_Jec3jQLokiiPjZAMeslKrcF6N0nH5mJdviABfUkiA3x_jxDfHZ3qaswWWeP36a9ETqfXQCyh56J-FaDLf7A64ClYzx9rgEK_OKLebPQR0hsXX6yUmX-D3ogTt0DrDwOacaPi-LcLfbNg_h/s1080/1000238273.webp'},{id:10,name:'كرعة حمراء',description:'كرعة حمراء، مثالية للتحضير في الشوربات، الطهي أو الخبز، بمذاق طبيعي وغنية بالعناصر الغذائية.',price:12,image:'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQEKoe411Fyg0zYeb2IrRs3yZHqBO7isiOse1NM-4v4tqwol58oSJi7hqBu19nQyFhS8Qwx7sx8ajHZG6Rkss-flwtuSFsWvIdEudvMzLSYyBjbkX8FAxQj02e3jVT-E4M0_7DXWOnAaJDWYRwI3YeCMj6ww0ubPJGEMamaFtzFMWECtA9F7cL4348vb89/s1080/1000239085.webp'},{id:11,name:'باربة',description:'باربة طازجة عالية الجودة، مثالية للسلق أو إضافتها للسلطات والعصائر، غنية بالعناصر الغذائية.',price:9,image:'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL7HgnfQUNjqrWrGXWhIjmqZhUJv5waB9KWwZaTQbkl9FJvWjjQPUYmUFBCWV3A3ioNl2CNT1zRh4A_TPMLkVAgyFaqNk7-KFAu0QpMAhF6Fc2_BShBUcnO_kKMmi7athDHPFQHtRGu8v-zjG-df0cOKHz0VmDwMGONQJOxpA1iOD8TEY9D_2sJv7w_WZS/s1080/1000239073.webp'},{id:12,name:'ملفوف',description:'ملفوف طازج عالي الجودة، مثالي للتحضير في السلطات أو الطبخ، غني بالعناصر الغذائية.',price:7,image:'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwX6lq_fb4zSVUBWgNkZYaCPTIZ1L6h2N4wEF_2l3Gi3gbpN5DWe3MtL1Y7zIUQ8bR1oP-wQOtTAMBXUvTCKdFX1bnpFfwiw8SdHfqXoJkgjlacjcBEDR1dkAQwJevuk8UQo4OSiVNG3TOPPQjgJr9jlLWJ9ZXSZeaaIip1xChM7Q2XVkMxM_6kOk8b2NZ/s1080/1000239080.webp'},{id:13,name:'فلفل',description:'فلفل طازج ونضر، مثالي لإضافة النكهة الشهية واللون المميز لأطباقك اليومية.',price:12,image:'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibZ9lLNqMKTUrSOhRAICVFQtLy1RmXUKe5yoNbXeV7el7ImB7DjRDwD2RSLT-raF5VfygDO6BqAi7sL3z1hp9gK3c46iEocU9Ar03mN_OnKz2fiInpNAQSEa2q51BZ_2jZFaIjStmee6NnilIqkyMudz75RpScae_fTxh0FHf6QYjdv-Hil8Bnyo3NpzqR/s1080/1000238286.webp'},{id:14,name:'فلفل حمراء',description:'فلفل حمراء طازجة ذات جودة عالية، مثالي لإضافة نكهة لذيذه ولون مميز لأطباقك اليومية.',price:25,image:'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZdtZpqwA9rBUP_mJ2EOrSgkEKjwv1kMejbbdel1fDZgsJ-IxJ4ydBF_s9wG0cMGH9tsMdhd_gCKLavNPd4c_-eWFk9uM8H8WV2Oa52SHbwTgrI27eRdvGBx_CfF7P0iPhrxdAz7h3iq31rtPepM6SUu0v_DvvEz63IjbmI5kQgmqXEnh804P9fR5NUhhn/s1080/1000257116.webp'},{id:15,name:'خرشوف',description:'خرشوف طازج ولذيذ، مثالي لتحضير أطباق صحية وغنية بالنكهة.',price:7,image:'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht847_wbuUQAW5IIwVu5cFm4An0tqMtKvlv3M1hxIV4MGVjmDRiqe5GgiZn70COBL0K8ESRUcfYdhIX7OTnaABvUdTvKGZlr6a_enCCIYX8rrEm5M6DnAyU1OwVQGbPSMXU8PGmAvDvaSqDTD7JNWmNtmhdd4b_sTHzg96JvF1PjHpXS3RTZgV99X4znpp/s1080/1000257117.webp'},{id:16,name:'قوق',description:'قوق طازج ولذيذ، مثالي لتحضير الأطباق التقليدية والصحية بمذاق رائع.',price:10,image:'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisASrvfPryi-tlmtxeHn4SiCijtjZ26D27jFPS0KEKn9wtJd0e6McKYk0K6tbkJ95e1KXZm3Lz4ODl-yLRSCspcWdjnwkZZtexLaIOv-nWaYmFr60sGjbfMXgrmxM-xZzorjYVcfVUeI-8gGrzGJSNCxnvMavvbny-tV-HVI-xFEOvClTX0Rf1GNLh7bI2/s1080/1000238294.webp'},{id:17,name:'خيار',description:'خيار طازج ونضر، مثالي للإضافة إلى السلطات والأطباق المنعشة والصحية.',price:7,image:'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtJ3atgAkd-axd3H2Y1UheDpB7vtYa2qEbtKMDa7FBfCpcUu-F3QXYv03SO-MRklyY0bZFrcNEeXknR7smwD_D3XF5K9Zjf4FeSuFzu-EVro6aFL6WV4oZcM3nmrelazMFCwV8JcnrfuWyBquMBSS_OJzOM8NwvgaHSrA8gjzGXHp6wGDxmD7RVOxfL9Qb/s1080/1000238300.webp'},{id:18,name:'لفت',description:'لفت طازج ولذيذ، مثالي لإضافة نكهة منعشة غنية وفوائد صحية لأطباقك الشهية.',price:9,image:'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqqzKgXuOczlRbu2JF2fz08u-1GkgHbVWQlM_Y3HyQb8QvzaGn9cIYD5RF4HCf0laJGqLDgih5fMUIUrZI7LRM1W8FCjC2RQGU79jWvpwhFyforHRIvP64wimJvqLgz1uNHPv06nLLBZrFykKCn1HOmSvsLfgtAm8455NGeoxYNQga5kdvpAv-WHByjSWn/s1080/1000238309.webp'},{id:19,name:'لفت محفور',description:'لفت محفور طازج ولذيذ، مثالي لإضافة طعم غني وقيمة غذائية لأطباقك.',price:9,image:'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4vFIecEXGjzQ0RWyVgakdKGrpjeQ_1VLdnaOWL_3X4Tt_d9u8esHRPX8PN9HMrjivsXCu-hT-vuaJHhf6gtEWclp-l0Nj_kPGj5EOQIvobY32wTMGV2K0rSB1u0l5Y9DkyRrlYtz1y6qysywIKWokx7G2YCkHBIXwyfyFh55dpwDZeIdNIDLTk9mwjPLY/s1080/1000238313.webp'},{id:20,name:'ثوم',description:'ثوم طازج وعطري، مثالي لإضافة نكهة قوية ومميزة لأطباقك، مع فوائده الصحية.',price:90,image:'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq1IEfrCirfL-JpsmzQGOpjYlWOk98WTWs7TPn4dZ97ix6T_rn0w84N6zFKy-Jfg6WUAGV3TndPydZB3fOR1NI2OD5qk3kpT3IOucoQNmz6LN3tIlEL95rb5ELEMdK438_aUCuA6vBJd8xVk-Pt6HtsnGIm9asdaTKOd0PiaOZb7tFvjIpJBA5dFSkdo_Y/s1080/1000238321.webp'},{id:21,name:'فلفل حار',description:'فلفل حار طازج، مثالي لإضافة نكهة حارة غني بالفوائد ومميزة لأطباقك اليومية.',price:14,image:'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiT46HPsVTij5fdyah7eLNDQKaXzw2SDq_a8OpMOGp48qytKS_zTWmcCaL4iUNaBshMvmfgwl9_Cns4KUJOrp0_inNKD_cKh8Rb0CU-EL9FlK_HNw7qfIZfgIVZAzL_XZ9pKnoGY1u0EgCOwEMLw48H26-I-hz0WxHgq9xUdw2g7MgmW1x1fPykL80SKwEO/s1080/1000238325.webp'},{id:22,name:'حامض',description:'حامض طازج ولذيذ، مثالي لإضافة نكهة منعشة ومميزة لأطباقك ومشروباتك.',price:7,image:'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbdBSp73GLJdNeqSTxp__L3N_Ct8alAA43oRCfRs66Pau833le6UnsBeT2u7hEnEjeJapgSRKmH_3aSxsjMZPRf4SK2ERClvAaaDeCrxD__eO0C0coPEAL4WSRlh5DVsQu_fQcEOmWiM58IeERv9ETLKLqd7ua4TOCmmQB8DIjw3FSqBbqVGUEwnIbTKJx/s1080/1000238329.webp'} ]; const productsContainer=document.getElementById('products-list'); function renderProducts(){productsData.forEach(product=>{const productDiv=document.createElement('div');productDiv.className='product';const quantityId=`qty-${product.id}`;productDiv.innerHTML=` ${product.name} ${product.description}

${product.price} د.م / للكيلو - + أضف إلى السلة `;productsContainer.appendChild(productDiv)})} renderProducts() }); function addProductToCart(event,name,price,quantityId){const quantityInput=document.getElementById(quantityId);const quantity=parseFloat(quantityInput.value);if(!quantity||quantity item.name===name);if(existingProductIndex>-1){cart[existingProductIndex].quantity+=quantity}else{cart.push({id:Date.now(),name,price,quantity,unit:'كيلو'})} localStorage.setItem('myLkhdraCart',JSON.stringify(cart));quantityInput.value=1;window.dispatchEvent(new CustomEvent('cartUpdated'));flyToCartAnimation(event)} function updateProductQuantity(id,change){const input=document.getElementById(id);let value=parseFloat(input.value)+(change*0.5);if(value>=0.5){input.value=value.toFixed(1)}} function flyToCartAnimation(event){const productCard=event.target.closest('.product');const productImage=productCard.querySelector('.product-img');const cartButton=document.getElementById('sticky-cart-icon');if(!productImage||!cartButton)return;const flyingImage=productImage.cloneNode(true);const imageRect=productImage.getBoundingClientRect();const cartRect=cartButton.getBoundingClientRect();flyingImage.classList.add('flying-image');document.body.appendChild(flyingImage);flyingImage.style.left=`${imageRect.left}px`;flyingImage.style.top=`${imageRect.top}px`;flyingImage.style.width=`${imageRect.width}px`;flyingImage.style.height=`${imageRect.height}px`;requestAnimationFrame(()=>{flyingImage.style.left=`${cartRect.left+(cartRect.width/2)}px`;flyingImage.style.top=`${cartRect.top+(cartRect.height/2)}px`;flyingImage.style.width='30px';flyingImage.style.height='30px';flyingImage.style.opacity='0';flyingImage.style.transform='scale(0.2) rotate(360deg)'});setTimeout(()=>{if(flyingImage.parentNode){flyingImage.parentNode.removeChild(flyingImage)}},1000)} //]]>

LKHDRA.COM

وفر وقتك وتسوق كل احتياجاتك الطازجة أونلاين

قسم الخضر الطازجة