:root{--primary-color:#006633;--secondary-color:#004d26;--accent-color:#ffc107;--text-color:#333;--light-gray:#f8f9fa;--border-color:#dee2e6}@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;500;600;700;800;900&display=swap');@font-face{font-family:'Cairo';font-style:normal;font-weight:200 900;font-display:swap;size-adjust:100%;ascent-override:90%;descent-override:22%;line-gap-override:0%}html{min-height:100vh;display:flex;flex-direction:column}body{font-family:'Cairo',sans-serif;line-height:1.6;color:var(--text-color);background-color:#fff;flex:1;display:flex;flex-direction:column}*{font-family:'Cairo',sans-serif}h1,h2,h3,h4,h5,h6{font-family:'Cairo',sans-serif;font-weight:600}p,span,div,a,button,input,textarea,select{font-family:'Cairo',sans-serif}.hero-section{position:relative;background-size:cover;background-position:center;background-attachment:fixed;min-height:75vh;display:flex;align-items:center;color:white}.hero-content{position:relative;z-index:2}.hero-content h1{font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,0.5)}.hero-content .lead{font-size:1.25rem;text-shadow:1px 1px 2px rgba(0,0,0,0.5)}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}.hero-buttons .btn{padding:14px 35px;font-weight:700;font-size:1.1rem;border-radius:50px;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;text-transform:none;letter-spacing:0.5px;box-shadow:0 4px 20px rgba(0,0,0,0.3);border:2px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;min-width:180px;text-decoration:none}.hero-buttons .btn-primary{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);color:white !important;border:2px solid rgba(255,255,255,0.3);box-shadow:0 6px 25px rgba(0,102,51,0.4),0 0 0 0 rgba(255,255,255,0.1) inset}.hero-buttons .btn-primary::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);transition:left 0.6s ease;z-index:1}.hero-buttons .btn-primary:hover::before{left:100%}.hero-buttons .btn-primary::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,0.2);transform:translate(-50%,-50%);transition:width 0.6s ease,height 0.6s ease;z-index:0}.hero-buttons .btn-primary:hover::after{width:300px;height:300px}.hero-buttons .btn-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 35px rgba(0,102,51,0.5),0 0 0 3px rgba(255,255,255,0.2) inset;border-color:rgba(255,255,255,0.5)}.hero-buttons .btn-primary:active{transform:translateY(-1px) scale(0.98);box-shadow:0 4px 15px rgba(0,102,51,0.4)}.hero-buttons .btn-primary i{position:relative;z-index:2;transition:transform 0.3s ease;font-size:1.2rem}.hero-buttons .btn-primary:hover i{transform:translateX(-5px) scale(1.1)}.hero-buttons .btn-outline-light{background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,0.5);color:white !important;box-shadow:0 4px 20px rgba(0,0,0,0.2),0 0 0 0 rgba(255,255,255,0.1) inset}.hero-buttons .btn-outline-light::before{content:'';position:absolute;top:0;left:0;width:0;height:100%;background:rgba(255,255,255,0.2);transition:width 0.4s ease;z-index:0}.hero-buttons .btn-outline-light:hover::before{width:100%}.hero-buttons .btn-outline-light:hover{transform:translateY(-3px) scale(1.02);background:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.8);box-shadow:0 8px 35px rgba(255,255,255,0.3),0 0 0 3px rgba(255,255,255,0.1) inset;color:white !important}.hero-buttons .btn-outline-light:active{transform:translateY(-1px) scale(0.98);box-shadow:0 4px 15px rgba(255,255,255,0.2)}.hero-buttons .btn-outline-light i{position:relative;z-index:2;transition:transform 0.3s ease;font-size:1.2rem}.hero-buttons .btn-outline-light:hover i{transform:translateX(-5px) scale(1.1)}.hero-buttons .btn>*{position:relative;z-index:2}@keyframes heroButtonPulse{0%,100%{box-shadow:0 4px 20px rgba(0,0,0,0.3)}50%{box-shadow:0 6px 30px rgba(0,102,51,0.5)}}.hero-buttons .btn-primary{animation:heroButtonPulse 3s ease-in-out infinite}@media (max-width:768px){.hero-buttons{flex-direction:column;gap:0.75rem;margin-top:1.5rem;width:100%}.hero-buttons .btn{width:100%;min-width:auto;padding:10px 20px;font-size:0.95rem;font-weight:700;border-radius:50px;box-shadow:0 4px 20px rgba(0,0,0,0.4);display:flex;align-items:center;justify-content:center;gap:0.5rem}.hero-buttons .btn-primary{background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);border:2px solid rgba(255,255,255,0.4);box-shadow:0 4px 20px rgba(0,102,51,0.5),0 0 0 0 rgba(255,255,255,0.15) inset}.hero-buttons .btn-primary:hover,.hero-buttons .btn-primary:focus{transform:translateY(-2px) scale(1.01);box-shadow:0 6px 25px rgba(0,102,51,0.6),0 0 0 2px rgba(255,255,255,0.25) inset;border-color:rgba(255,255,255,0.6)}.hero-buttons .btn-primary:active{transform:translateY(0) scale(0.99);box-shadow:0 3px 15px rgba(0,102,51,0.5)}.hero-buttons .btn-outline-light{background:rgba(255,255,255,0.15);backdrop-filter:blur(15px);border:2px solid rgba(255,255,255,0.6);box-shadow:0 4px 20px rgba(255,255,255,0.3),0 0 0 0 rgba(255,255,255,0.1) inset}.hero-buttons .btn-outline-light:hover,.hero-buttons .btn-outline-light:focus{transform:translateY(-2px) scale(1.01);background:rgba(255,255,255,0.25);border-color:rgba(255,255,255,0.9);box-shadow:0 6px 25px rgba(255,255,255,0.4),0 0 0 2px rgba(255,255,255,0.15) inset}.hero-buttons .btn-outline-light:active{transform:translateY(0) scale(0.99);box-shadow:0 3px 15px rgba(255,255,255,0.3)}.hero-buttons .btn i{font-size:1.1rem;transition:transform 0.3s ease}.hero-buttons .btn:hover i,.hero-buttons .btn:focus i{transform:translateX(-3px) scale(1.1)}.hero-buttons .btn-primary{animation:heroButtonPulseMobile 2.5s ease-in-out infinite}@keyframes heroButtonPulseMobile{0%,100%{box-shadow:0 4px 20px rgba(0,102,51,0.5),0 0 0 0 rgba(255,255,255,0.15) inset}50%{box-shadow:0 5px 25px rgba(0,102,51,0.6),0 0 0 1px rgba(255,255,255,0.2) inset}}}@media (max-width:480px){.hero-buttons{gap:0.65rem;margin-top:1.25rem}.hero-buttons .btn{padding:9px 18px;font-size:0.9rem;gap:0.45rem}.hero-buttons .btn i{font-size:1rem}}.section-header{margin-bottom:3rem}.section-title{font-size:2.5rem;font-weight:700;color:var(--primary-color);margin-bottom:1rem;position:relative}.section-title::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-radius:2px}.section-subtitle{font-size:1.1rem;color:#666;max-width:600px;margin:0 auto}.category-card{background:white;border-radius:15px;padding:2rem;text-align:center;box-shadow:0 5px 20px rgba(0,0,0,0.1);transition:all 0.3s ease;height:100%;border:1px solid var(--border-color)}.category-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px rgba(0,0,0,0.15)}.category-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:white;font-size:2rem}.category-name{font-weight:600;color:var(--primary-color);margin-bottom:1rem}.category-description{color:#666;margin-bottom:1.5rem;line-height:1.6}.category-link{color:var(--primary-color);text-decoration:none;font-weight:600;transition:all 0.3s ease}.category-link:hover{color:var(--secondary-color);transform:translateX(-5px)}.product-card{background:white;border-radius:15px;overflow:hidden;box-shadow:0 5px 20px rgba(0,0,0,0.1);transition:all 0.3s ease;height:100%;border:1px solid var(--border-color)}.product-card:hover{transform:translateY(-10px);box-shadow:0 15px 40px rgba(0,0,0,0.15)}.product-image{position:relative;height:250px;overflow:hidden;background:#f8f9fa;display:flex;align-items:center;justify-content:center;padding:15px}.product-image img{width:100%;height:100%;object-fit:contain;transition:transform 0.3s ease;border-radius:8px}.product-card:hover .product-image img{transform:scale(1.05)}.out-of-stock{position:absolute;top:10px;right:10px;background:rgba(220,53,69,0.9);color:white;padding:5px 10px;border-radius:20px;font-size:0.8rem;font-weight:600}.product-info{padding:1.5rem;display:flex;flex-direction:column;min-height:auto}.product-name{font-weight:700;color:#2c3e50;margin-bottom:0.75rem;font-size:1.15rem;line-height:1.4;min-height:2.8rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;transition:color 0.3s ease}.product-card:hover .product-name{color:var(--primary-color)}.product-description{color:#6c757d;font-size:0.9rem;margin-bottom:1rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.product-price{margin-bottom:1rem;padding:0.75rem 0;border-top:1px solid #e9ecef;border-bottom:1px solid #e9ecef;flex-shrink:0}.price{font-size:1.4rem;font-weight:700;color:var(--primary-color);display:inline-flex;align-items:center;gap:0.25rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.product-card .btn,.product-card .btn-primary,.product-card a.btn,.product-card a.btn-primary{background:linear-gradient( 135deg,var(--primary-color) 0%,var(--secondary-color) 50%,var(--primary-color) 100% ) !important;background-size:200% auto !important;border:none !important;color:white !important;font-weight:600 !important;padding:0.75rem 1.5rem !important;border-radius:10px !important;transition:all 0.3s cubic-bezier(0.4,0,0.2,1) !important;box-shadow:0 4px 15px rgba(0,102,51,0.2) !important;position:relative !important;overflow:hidden !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:0.5rem !important;width:100% !important;text-decoration:none !important;z-index:10 !important;visibility:visible !important;opacity:1 !important;margin-top:0.5rem !important;margin-bottom:0 !important;flex-shrink:0 !important;min-height:44px !important;animation:buttonShine 3s ease-in-out infinite !important}.product-card .btn-primary>*,.product-card .btn-primary i,.product-card .btn-primary span{position:relative !important;z-index:11 !important;color:white !important;visibility:visible !important;opacity:1 !important}.product-card .btn-primary::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient( 135deg,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.1) 100% );opacity:0;transition:opacity 0.3s ease;z-index:1;border-radius:10px}.product-card .btn-primary:hover::before{opacity:1}.product-card .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,102,51,0.35);background:linear-gradient(135deg,#005a2e 0%,#cc0000 100%) !important;color:white !important;animation:buttonPulseHover 1.5s ease-in-out infinite !important}.product-card .btn-primary:active{transform:translateY(0);box-shadow:0 2px 10px rgba(0,102,51,0.3)}.product-card .btn-primary i{font-size:1.1rem;transition:transform 0.3s ease;position:relative;z-index:2}.product-card .btn-primary:hover i{transform:translateX(-3px)}@keyframes buttonShine{0%{background-position:-200% center;box-shadow:0 4px 15px rgba(0,102,51,0.25)}50%{background-position:200% center;box-shadow:0 4px 20px rgba(0,102,51,0.35)}100%{background-position:-200% center;box-shadow:0 4px 15px rgba(0,102,51,0.25)}}.product-card .btn-primary::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient( 90deg,transparent,rgba(255,255,255,0.3),transparent );transition:left 0.6s ease;z-index:1;animation:shineSweep 3s ease-in-out infinite}@keyframes shineSweep{0%{left:-100%}50%{left:100%}100%{left:-100%}}.product-card .btn-primary:hover{animation:buttonShineHover 2s ease-in-out infinite !important;background-size:200% auto !important}@keyframes buttonShineHover{0%{background-position:0% center;box-shadow:0 6px 25px rgba(0,102,51,0.4)}50%{background-position:100% center;box-shadow:0 8px 30px rgba(0,102,51,0.5)}100%{background-position:0% center;box-shadow:0 6px 25px rgba(0,102,51,0.4)}}.product-card .btn-primary:hover::after{animation:shineSweep 1.5s ease-in-out infinite}.feature-card{background:white;border-radius:15px;padding:2rem;box-shadow:0 5px 20px rgba(0,0,0,0.1);transition:all 0.3s ease;height:100%;border:1px solid var(--border-color)}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.15)}.feature-icon{width:70px;height:70px;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:white;font-size:1.8rem}.feature-card h5{font-weight:600;color:var(--primary-color);margin-bottom:1rem}.feature-card p{color:#666;margin-bottom:0;line-height:1.6}.btn{border-radius:8px;font-weight:600;transition:all 0.3s ease;border:none;padding:10px 20px}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:none}.btn-primary:hover{background:linear-gradient(135deg,var(--secondary-color),var(--primary-color));transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,102,51,0.3)}.btn-outline-primary{border-color:var(--primary-color);color:var(--primary-color)}.btn-outline-primary:hover{background:var(--primary-color);border-color:var(--primary-color);transform:translateY(-2px)}.btn-outline-light:hover{background:var(--accent-color);border-color:var(--accent-color);color:var(--primary-color)}@media (max-width:768px){.hero-section{min-height:60vh;background-attachment:scroll;padding-top:80px !important;margin-top:0 !important}.hero-content h1{font-size:2rem}.hero-content .lead{font-size:1rem}.section-title{font-size:2rem}.hero-buttons{flex-direction:column;gap:0.75rem}.hero-buttons .btn{display:block;width:100%;min-width:auto;margin-bottom:0;padding:12px 25px;font-size:1rem}.category-card,.product-card,.feature-card{margin-bottom:1.5rem}.product-image{height:220px !important;padding:12px !important}.product-image img{object-fit:contain !important}.product-info{padding:1.25rem !important}.product-name{font-size:1.05rem !important;min-height:2.5rem !important}.product-description{font-size:0.875rem !important}.price{font-size:1.3rem !important}.product-card .btn-primary{padding:0.7rem 1.35rem !important;font-size:0.95rem !important}.footer-wrapper{padding:2rem 0 !important}.footer-wrapper .container{padding-left:1rem !important;padding-right:1rem !important}.footer-section{margin-bottom:2rem !important}.footer-title{font-size:1.1rem !important;margin-bottom:1rem !important}.footer-description{font-size:0.85rem !important}.footer-links{font-size:0.85rem !important}.services-grid{grid-template-columns:1fr !important;gap:0.75rem !important}.social-links{justify-content:center !important;flex-wrap:wrap !important;gap:0.75rem !important}.footer-bottom{padding:1rem 0 !important;margin-top:2rem !important;margin-bottom:0 !important;padding-bottom:1rem !important;position:relative !important;width:100% !important}.footer-wrapper{margin-bottom:0 !important;padding-bottom:0 !important}body{margin-bottom:0 !important;padding-bottom:0 !important}html{margin-bottom:0 !important;padding-bottom:0 !important}.footer-bottom .row{flex-direction:column !important;text-align:center !important;align-items:center !important;justify-content:center !important}.footer-bottom .col-md-6{margin-bottom:0.75rem !important;width:100% !important;text-align:center !important}.footer-bottom .col-md-6:last-child{margin-bottom:0 !important}.footer-bottom .text-md-end{text-align:center !important}.copyright{text-align:center !important;margin-bottom:0.5rem !important}.footer-bottom-links{text-align:center !important;justify-content:center !important;margin-top:0 !important}.codbox-copyright{text-align:center !important;display:block !important}.newsletter-form .input-group{flex-direction:column !important}.newsletter-form .btn{width:100% !important;margin-top:0.5rem !important}}@media (max-width:576px){.hero-content h1{font-size:1.5rem}.section-title{font-size:1.5rem}.category-icon,.feature-icon{width:60px;height:60px;font-size:1.5rem}.product-info{padding:1.25rem !important}.product-name{font-size:1rem !important;min-height:2.4rem !important}.product-description{font-size:0.85rem !important}.price{font-size:1.2rem !important}.product-card .btn-primary{padding:0.65rem 1.25rem !important;font-size:0.9rem !important}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp 0.6s ease-out}.loading{opacity:0.6;pointer-events:none}.loading::after{content:'';position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0-10px;border:2px solid var(--primary-color);border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.text-primary{color:var(--primary-color) !important}.bg-primary{background-color:var(--primary-color) !important}.border-primary{border-color:var(--primary-color) !important}html{scroll-behavior:smooth}.btn:focus,.form-control:focus{box-shadow:0 0 0 0.2rem rgba(0,102,51,0.25);border-color:var(--primary-color)}@media print{.hero-section,.navbar,.footer{display:none}.product-card,.category-card,.feature-card{break-inside:avoid;box-shadow:none;border:1px solid #ccc}}