*{margin:0;padding:0;box-sizing:border-box;font-family:Cairo,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body,button,input,textarea,select,optgroup{font-family:Cairo,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}:root{--primary-color: #2d5a27;--secondary-color: #2d5a27;--accent-color: #ff9800;--text-color: #333;--light-bg: #f9f9f9;--border-color: #e0e0e0}.reveal{opacity:0;transform:translateY(30px);transition:all .8s ease-out}.reveal.active{opacity:1;transform:translateY(0)}body{background-color:var(--light-bg);color:var(--text-color);line-height:1.6;direction:rtl}.container{max-width:1200px;margin:0 auto;padding:0 20px}header{background-color:#fff;box-shadow:0 2px 10px #0000001a;position:fixed;width:100%;top:0;z-index:1000}.header-content{display:flex;justify-content:space-between;align-items:center;padding:15px 0}.logo{font-size:24px;font-weight:700;color:var(--primary-color);display:flex;align-items:center;gap:10px;transition:all .3s ease;cursor:pointer}.logo:hover{color:var(--secondary-color);transform:scale(1.05)}.logo:hover .logo-icon{transform:rotate(15deg) scale(1.2);transition:transform .3s ease}.logo-icon{transition:all .3s ease;font-size:2rem;display:inline-block;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.2));animation:palmSway 3s ease-in-out infinite}@keyframes palmSway{0%,to{transform:rotate(0)}25%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}}.logo:hover .logo-icon{animation:none;transform:rotate(15deg) scale(1.2);filter:drop-shadow(3px 3px 6px rgba(0,0,0,.3))}nav ul{display:flex;list-style:none;gap:25px}nav ul li a{text-decoration:none;color:var(--text-color);font-weight:500;transition:all .3s ease;position:relative;padding:5px 0}nav ul li a:after{content:"";position:absolute;bottom:0;right:0;width:0;height:2px;background-color:var(--primary-color);transition:width .3s ease}nav ul li a:hover{color:var(--primary-color);transform:translateY(-2px)}nav ul li a:hover:after{width:100%}.header-actions{display:flex;align-items:center;gap:15px}.cart-icon{position:relative;color:var(--text-color);text-decoration:none;font-size:1.2rem;transition:all .3s ease;padding:8px;border-radius:50%}.cart-icon:hover{color:var(--primary-color);background-color:#2d5a271a;transform:scale(1.1) rotate(-10deg)}.cart-count{position:absolute;top:-8px;left:-8px;background-color:var(--accent-color);color:#fff;border-radius:50%;width:18px;height:18px;font-size:.8rem;display:flex;align-items:center;justify-content:center}.btn-primary{background-color:var(--primary-color);color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer;text-decoration:none;display:inline-block;transition:all .3s ease;font-size:14px;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-primary:hover{background-color:#1e3f1a;transform:translateY(-2px);box-shadow:0 5px 15px #0003}.btn-primary:hover:before{width:300px;height:300px}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:transparent;color:var(--primary-color);padding:10px 20px;border:2px solid var(--primary-color);border-radius:5px;cursor:pointer;text-decoration:none;display:inline-block;transition:all .3s ease;position:relative;overflow:hidden}.btn-secondary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background-color:var(--primary-color);transition:left .3s ease;z-index:-1}.btn-secondary:hover{color:#fff;transform:translateY(-2px);box-shadow:0 5px 15px #0003}.btn-secondary:hover:before{left:0}.btn-outline{background-color:transparent;color:var(--primary-color);padding:8px 16px;border:1px solid var(--primary-color);border-radius:5px;cursor:pointer;text-decoration:none;display:inline-block;transition:all .3s ease;font-size:14px;position:relative;overflow:hidden}.btn-outline:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:var(--primary-color);transform:translate(-50%,-50%);transition:width .6s,height .6s;z-index:-1}.btn-outline:hover{color:#fff;transform:translateY(-2px);box-shadow:0 5px 15px #0003}.btn-outline:hover:before{width:300px;height:300px}.hero{background:linear-gradient(135deg,#2d5a27d9,#4caf50bf,#8bc34ad9),url(https://images.unsplash.com/photo-1500382017468-9049fed747ef?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2000&q=80);background-size:cover;background-position:center;background-attachment:fixed;height:80vh;display:flex;align-items:center;text-align:right;color:#fff;margin-top:70px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(76,175,80,.3) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(139,195,74,.3) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(45,90,39,.2) 0%,transparent 50%);animation:backgroundMove 20s ease-in-out infinite;z-index:0}@keyframes backgroundMove{0%,to{transform:translate(0) scale(1);opacity:1}33%{transform:translate(30px,-30px) scale(1.1);opacity:.8}66%{transform:translate(-20px,20px) scale(.9);opacity:.9}}.hero:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(2px 2px at 20% 30%,rgba(255,255,255,.3),transparent),radial-gradient(2px 2px at 60% 70%,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 50% 50%,rgba(255,255,255,.4),transparent),radial-gradient(1px 1px at 80% 10%,rgba(255,255,255,.3),transparent),radial-gradient(2px 2px at 90% 60%,rgba(255,255,255,.2),transparent);background-size:200% 200%;animation:particlesMove 25s linear infinite;z-index:0;opacity:.6}.hero{position:relative}.hero .wave{position:absolute;bottom:0;left:0;width:100%;height:100px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23f9f9f9' fill-opacity='1' d='M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,122.7C672,117,768,139,864,154.7C960,171,1056,181,1152,165.3C1248,149,1344,107,1392,85.3L1440,64L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E") no-repeat bottom;background-size:cover;z-index:1;animation:waveMove 10s ease-in-out infinite;opacity:.3}@keyframes waveMove{0%,to{transform:translate(0)}50%{transform:translate(-50px)}}.hero-icons{position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;pointer-events:none}.hero-icon{position:absolute;font-size:3rem;opacity:.2;animation:floatIcon 15s ease-in-out infinite}.hero-icon:nth-child(1){top:20%;right:10%;animation-delay:0s}.hero-icon:nth-child(2){top:60%;right:20%;animation-delay:2s}.hero-icon:nth-child(3){top:40%;left:15%;animation-delay:4s}.hero-icon:nth-child(4){top:80%;left:10%;animation-delay:6s}@keyframes floatIcon{0%,to{transform:translateY(0) rotate(0);opacity:.2}25%{transform:translateY(-30px) rotate(10deg);opacity:.3}50%{transform:translateY(-60px) rotate(-10deg);opacity:.25}75%{transform:translateY(-30px) rotate(5deg);opacity:.3}}@keyframes particlesMove{0%{background-position:0% 0%,50% 50%,100% 100%,0% 100%,100% 0%}to{background-position:100% 100%,0% 0%,0% 0%,100% 0%,0% 100%}}.hero-content{max-width:600px;position:relative;z-index:1;animation:slideInRight 1s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.hero h1{font-size:3.5rem;margin-bottom:20px;line-height:1.3;text-shadow:0 10px 20px rgba(0,0,0,.2);animation:fadeInUp 1s ease-out;position:relative;display:inline-block;background:linear-gradient(to bottom,#fff 50%,#e0e0e0);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero h1:after{content:"";position:absolute;bottom:-10px;right:0;width:0;height:4px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);animation:underlineExpand 1.5s ease-out 1s forwards;border-radius:2px}@keyframes underlineExpand{to{width:100%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero p{font-size:1.2rem;margin-bottom:30px;text-shadow:1px 1px 4px rgba(0,0,0,.3);animation:fadeInUp 1s ease-out .2s both;line-height:1.8;font-weight:300;letter-spacing:.5px}.hero-buttons{display:flex;gap:15px;animation:fadeInUp 1s ease-out .4s both}.categories{padding:80px 0;background-color:#fff}.section-title{text-align:center;margin-bottom:50px;font-size:2rem;color:var(--primary-color)}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:30px}.category-card{background-color:var(--light-bg);border-radius:10px;padding:30px 20px;text-align:center;transition:transform .3s,box-shadow .3s;cursor:pointer;border:1px solid var(--border-color)}.category-card:hover{transform:translateY(-10px) scale(1.05);box-shadow:0 15px 30px #00000026;background-color:#fff;border-color:var(--primary-color)}.category-card:hover .category-icon{transform:scale(1.2) rotate(5deg);transition:transform .3s ease}.category-card:hover h3{color:var(--secondary-color)}.category-icon{font-size:3rem;margin-bottom:15px;transition:transform .3s ease;display:inline-block}.category-card h3{font-size:1.5rem;margin-bottom:10px;color:var(--primary-color)}.featured-products{padding:80px 0;background-color:var(--light-bg)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:30px}.product-card{background-color:#fff;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px #0000001a;transition:all .3s ease;border:1px solid var(--border-color);position:relative}.product-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #2d5a2733;border-color:var(--secondary-color)}.product-card:hover .product-image{transform:scale(1.1)}.product-card:hover .btn-primary{background-color:var(--secondary-color);transform:translateY(0)}.product-image{height:200px;background-size:cover;background-position:center;transition:transform .3s ease}.product-info{padding:20px}.product-info h3{margin-bottom:10px;color:var(--primary-color)}.product-price{font-size:1.2rem;font-weight:700;color:var(--accent-color);margin-bottom:10px}.product-farm{color:#666;margin-bottom:10px;font-size:.9rem}.product-rating{margin-bottom:15px;display:flex;align-items:center;gap:5px}.product-rating i{color:#ffc107}.product-rating span{color:#666;font-size:.9rem}.featured-farmers{padding:80px 0;background-color:#fff}.farmers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px}.farmer-card{background-color:#fff;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px #0000001a;border:1px solid var(--border-color);transition:all .3s ease;cursor:pointer}.farmer-card:hover{transform:translateY(-12px);box-shadow:0 25px 50px #0000001a;border-color:var(--secondary-color)}.farmer-card:hover .farmer-image{transform:scale(1.1)}.farmer-card:hover .btn-outline{background-color:var(--primary-color);color:#fff}.farmer-image{height:200px;background-size:cover;background-position:center;transition:transform .3s ease}.farmer-info{padding:20px}.farmer-info h3{margin-bottom:10px;color:var(--primary-color)}.farmer-location{color:#666;margin-bottom:10px;display:flex;align-items:center;gap:5px}.farmer-desc{margin-bottom:15px;color:#555}.farmer-stats{display:flex;justify-content:space-between;margin-bottom:15px;font-size:.9rem;color:#666}footer{background-color:var(--primary-color);color:#fff;padding:50px 0 20px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:30px}.footer-section h3{margin-bottom:20px;font-size:1.2rem}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:10px}.footer-section a{color:#ddd;text-decoration:none;transition:all .3s ease;position:relative;padding-right:5px}.footer-section a:before{content:"→";position:absolute;right:-15px;opacity:0;transition:all .3s ease}.footer-section a:hover{color:#fff;padding-right:20px;transform:translate(-5px)}.footer-section a:hover:before{opacity:1;right:-10px}.social-links{display:flex;gap:15px;margin-top:15px}.social-links a{color:#fff;font-size:1.2rem;transition:all .3s ease;display:inline-block;padding:8px;border-radius:50%}.social-links a:hover{background-color:#fff3;transform:translateY(-5px) scale(1.2);color:var(--accent-color)}.copyright{text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.form-group input,.form-group select{transition:all .3s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2d5a271a;transform:translateY(-2px)}.form-group input:hover:not(:focus):not(.error),.form-group select:hover:not(:focus){border-color:var(--secondary-color);box-shadow:0 2px 8px #0000001a}.auth-container{background-color:#fff;border-radius:15px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:2rem;width:100%;margin-bottom:2rem;border:1px solid var(--border-color);transition:all .3s ease}.auth-container:hover{box-shadow:0 8px 20px #00000026!important}.cart-item{transition:all .3s ease}.cart-item:hover{transform:translate(-5px);box-shadow:0 5px 15px #00000026;background-color:#f9f9f9}.hero-buttons .btn-primary:hover,.hero-buttons .btn-secondary:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 20px #0000004d}.hero-buttons .btn-primary,.hero-buttons .btn-secondary{font-size:1.1rem;padding:15px 30px;font-weight:600;letter-spacing:1px}.product-rating i{transition:all .2s ease}.product-card:hover .product-rating i{color:#ffc107;transform:scale(1.2)}.farmer-stats span{transition:all .3s ease}.farmer-card:hover .farmer-stats span{color:var(--primary-color);font-weight:700}.quantity-btn{transition:all .3s ease}.quantity-btn:hover{background-color:var(--primary-color);color:#fff;transform:scale(1.1);box-shadow:0 3px 10px #0003}.quantity-btn:active{transform:scale(.95)}.remove-item{transition:all .3s ease}.remove-item:hover{color:#c0392b;transform:scale(1.2) rotate(10deg)}.product-info h3{transition:color .3s ease}.product-card:hover .product-info h3{color:var(--secondary-color)}.category-card p{transition:color .3s ease}.category-card:hover p{color:var(--primary-color)}@media (max-width: 768px){.header-content{flex-direction:column;gap:15px}nav ul{gap:15px}.hero h1{font-size:2rem}.hero-buttons{flex-direction:column}.categories-grid,.products-grid,.farmers-grid{grid-template-columns:1fr}}.notification-container{position:fixed;top:90px;right:20px;z-index:9999;pointer-events:none;display:flex;flex-direction:column;gap:10px}.notification-toast{background:#fff;color:#2d3748;padding:16px 24px;border-radius:12px;box-shadow:0 10px 25px #0000001a;display:flex;align-items:center;gap:16px;min-width:350px;max-width:450px;pointer-events:auto;animation:slideInLeft .4s cubic-bezier(.16,1,.3,1),fadeOut .4s ease forwards 4.6s;border-right:4px solid var(--primary-color);position:fixed;top:20px;right:20px;z-index:10000}.notification-toast.warning{border-right-color:#f6ad55;background-color:#fffaf0}.notification-icon{font-size:1.5rem;flex-shrink:0}.warning .notification-icon{color:#f6ad55}.notification-content{flex-grow:1}.notification-content h4{margin:0 0 4px;font-size:1rem;font-weight:700}.notification-content p{margin:0;font-size:.9rem;color:#4a5568;line-height:1.4}.notification-close{background:transparent;border:none;color:#a0aec0;cursor:pointer;font-size:1.2rem;padding:4px;transition:color .2s}.notification-close:hover{color:#4a5568}@keyframes slideInLeft{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{to{opacity:0;transform:scale(.95)}}@keyframes pulse-green{0%{box-shadow:0 0 #2d5a2766}70%{box-shadow:0 0 0 15px #2d5a2700}to{box-shadow:0 0 #2d5a2700}}@keyframes draw-check{0%{stroke-dashoffset:24}to{stroke-dashoffset:0}}.stepper-active-pulse{animation:pulse-green 2s infinite}.step-icon-animated{transition:all .5s cubic-bezier(.34,1.56,.64,1)}.step-completed .step-icon-animated{transform:scale(1.1)}.tracking-card{background:#fff;border-radius:20px;padding:40px;box-shadow:0 20px 40px #0000000d;border:1px solid #f1f5f9;transition:all .3s ease}.tracking-card:hover{box-shadow:0 30px 60px #00000014;transform:translateY(-5px)}.status-label{font-size:1rem;font-weight:700;margin-bottom:4px;color:#1e293b}.status-desc{font-size:.85rem;color:#64748b;line-height:1.4}.order-meta-info{display:flex;justify-content:space-between;padding-bottom:25px;margin-bottom:35px;border-bottom:1px dashed #e2e8f0}.meta-item{display:flex;flex-direction:column;gap:4px}.meta-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;font-weight:600}.meta-value{font-size:.95rem;color:#334155;font-weight:700}