@import url(https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800;900&display=swap);*{-webkit-tap-highlight-color:transparent;box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fafafa;font-family:Cairo,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0;overflow-x:hidden;overscroll-behavior-y:contain}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.global-loader{align-items:center;color:#16a34a;display:flex;font-family:Cairo,sans-serif;font-size:1.1rem;font-weight:600;justify-content:center;min-height:100vh}@media (max-width:768px){body{-webkit-overflow-scrolling:touch}#root{overflow-x:hidden}}.phone-number{direction:ltr!important;display:inline-block;unicode-bidi:embed}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.wings-premium-loader{align-items:center;background:linear-gradient(135deg,#052e16,#14532d);color:#fff;direction:rtl;display:flex;font-family:Cairo,sans-serif;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:99999}.wings-loader-inner{max-width:400px;padding:20px;text-align:center}.wings-loader-logo img{animation:loaderLogoPulse 3s ease-in-out infinite;height:100px;margin-bottom:24px;object-fit:contain;width:auto}.wings-dots-container{display:flex;gap:12px;justify-content:center;margin-bottom:24px}.wings-dot{animation:wingsDotBounce .6s infinite alternate;background:#fc0;border-radius:50%;height:10px;width:10px}.wings-dot:nth-child(2){animation-delay:.15s;background:#10b981}.wings-dot:nth-child(3){animation-delay:.3s;background:#fc0}@keyframes wingsDotBounce{0%{opacity:.3;transform:translateY(0)}to{opacity:1;transform:translateY(-8px)}}.wings-loader-text h3{font-size:1.4rem;font-weight:700;letter-spacing:.5px;margin-bottom:6px}.wings-loader-text p{color:#ffffffb3;font-size:.95rem;font-weight:500}@keyframes loaderLogoPulse{0%{opacity:.8;transform:scale(1)}50%{filter:drop-shadow(0 0 10px rgba(255,255,255,.2));opacity:1;transform:scale(1.05)}to{opacity:.8;transform:scale(1)}}@media (max-width:768px){.wings-loader-logo img{height:80px}.wings-loader-text h3{font-size:1.2rem}}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000;border-bottom:1px solid #ffffff1a;left:0;padding:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.navbar-container{align-items:center;display:flex;height:95px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 2rem}.navbar.scrolled{background:linear-gradient(135deg,#052e16d9,#166534b3);border-bottom:1px solid #0000001a;box-shadow:0 4px 20px #0000001a}.navbar-solid,.navbar.scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.navbar-solid{background:linear-gradient(135deg,#052e16,#166534);box-shadow:0 4px 20px #00000026}.navbar-logo{cursor:pointer;transition:transform .3s ease}.navbar-logo:hover{transform:scale(1.05)}.logo-container{align-items:center;display:flex}.logo-image{filter:drop-shadow(0 2px 4px rgba(0,0,0,.15));height:55px;transition:all .3s ease}.navbar-links-desktop{align-items:center;display:flex;gap:.3rem;list-style:none;margin:0;padding:0}.navbar-links-desktop li a{align-items:center;background:#0000;border-radius:10px;color:#fff;display:flex;font-family:Cairo,sans-serif;font-size:.95rem;font-weight:600;gap:.4rem;overflow:hidden;padding:.6rem 1rem;position:relative;text-decoration:none;text-shadow:0 1px 2px #0003;transition:all .3s ease}.navbar-links-desktop li a:before{background:linear-gradient(135deg,#4caf5033,#4caf501a);content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);transition:transform .3s ease;width:100%;z-index:-1}.navbar-links-desktop li a:hover:before,.navbar-links-desktop li.active a:before{transform:translateX(0)}.contact-item span{direction:ltr!important;unicode-bidi:embed}.navbar-links-desktop li a i{font-size:1rem}.desktop-language-switcher{margin-right:.5rem}.navbar-right{gap:1rem}.contact-info,.navbar-right{align-items:center;display:flex}.contact-info{gap:.8rem}.contact-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:20px;color:#fff;display:flex;font-size:.85rem;font-weight:500;gap:.4rem;padding:.4rem .8rem;transition:all .3s ease}.contact-item i{color:#4caf50}.language-switcher{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:20px;display:flex;gap:.3rem;padding:2px 3px}.language-switcher button{background:#0000;border:none;border-radius:16px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:.25rem .8rem;transition:background .2s,color .2s}.language-switcher button.active,.language-switcher button:focus{background:#388e3c;color:#fff}.mobile-header-actions{align-items:center;display:none;gap:6px}.mobile-menu-btn{background:none;border:none;color:#fff;cursor:pointer;padding:8px;z-index:1001}.hamburger{display:flex;flex-direction:column;height:18px;justify-content:space-between;position:relative;width:22px}.hamburger span{background:#fff;border-radius:2px;display:block;height:2px;transform-origin:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.hamburger.active span:first-child{transform:translateY(8px) rotate(45deg)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.mobile-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:1100}.mobile-slide-menu{background:#fff;box-shadow:-8px 0 30px #00000026;display:none;height:100vh;max-width:320px;overflow-y:auto;position:fixed;right:-85%;top:0;transition:right .35s cubic-bezier(.4,0,.2,1);width:80%;z-index:1200}.mobile-slide-menu.open{right:0}.mobile-slide-header{align-items:center;background:linear-gradient(135deg,#052e16,#166534);border-bottom:1px solid #0000000d;display:flex;justify-content:space-between;padding:16px 20px}.mobile-slide-logo{filter:brightness(0) invert(1);height:40px}.mobile-close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;height:36px;justify-content:center;transition:background .2s;width:36px}.mobile-close-btn:hover{background:#ffffff4d}.mobile-slide-links{padding:12px 0}.mobile-slide-link{align-items:center;border-bottom:1px solid #f3f4f6;color:#374151;display:flex;font-family:Cairo,sans-serif;font-size:.95rem;font-weight:600;gap:14px;padding:14px 24px;text-decoration:none;transition:background .2s,color .2s}.mobile-slide-link i{color:#9ca3af;font-size:1.1rem;text-align:center;transition:color .2s;width:22px}.mobile-slide-link.active{background:#f0fdf4;color:#16a34a}.mobile-slide-link.active i{color:#16a34a}.mobile-slide-link:hover{background:#f9fafb}.mobile-slide-contact{border-top:1px solid #e5e7eb;padding:16px 24px}.mobile-contact-link{align-items:center;color:#6b7280;display:flex;font-family:Cairo,sans-serif;font-size:.85rem;gap:12px;padding:10px 0;text-decoration:none}.mobile-contact-link i{color:#16a34a;text-align:center;width:18px}.bottom-nav{background:#fff;border-top:1px solid #e5e7eb;bottom:0;box-shadow:0 -4px 20px #0000000f;display:none;left:0;padding:4px 0 env(safe-area-inset-bottom,4px);position:fixed;right:0;z-index:999}.bottom-nav-item{-webkit-tap-highlight-color:transparent;align-items:center;color:#9ca3af;display:flex;flex:1 1;flex-direction:column;font-family:Cairo,sans-serif;font-size:.65rem;font-weight:600;gap:2px;justify-content:center;padding:6px 2px;position:relative;text-decoration:none;transition:color .2s}.bottom-nav-item i{font-size:1.15rem;transition:transform .2s,color .2s}.bottom-nav-item span{max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-nav-item.active{color:#16a34a}.bottom-nav-item.active i{transform:scale(1.1)}.bottom-nav-item.active:before{background:#16a34a;border-radius:0 0 4px 4px;content:"";height:3px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:28px}.cart-nav-link{position:relative}.cart-badge{align-items:center;background:#ef4444;border-radius:50%;box-shadow:0 2px 6px #ef444466;color:#fff;display:flex;font-size:.6rem;font-weight:800;height:18px;justify-content:center;left:2px;line-height:1;position:absolute;top:2px;width:18px}.mobile-cart-btn{color:#fff;font-size:1.2rem;padding:4px;position:relative;text-decoration:none}.cart-badge-mobile{align-items:center;background:#ef4444;border-radius:50%;box-shadow:0 2px 6px #ef444466;color:#fff;display:flex;font-size:.55rem;font-weight:800;height:16px;justify-content:center;line-height:1;position:absolute;right:-6px;top:-4px;width:16px}@media (max-width:1024px){.contact-info{display:none}}@media (max-width:768px){.navbar-container{height:75px;padding:0 14px}.logo-image{height:38px}.navbar-links-desktop{display:none!important}.mobile-header-actions{display:flex}.mobile-overlay,.mobile-slide-menu{display:block}.bottom-nav{display:flex}.main-content{padding-bottom:60px}}@media (max-width:480px){.navbar-container{height:75px;padding:0 10px}.logo-image{height:34px}.mobile-cart-btn{font-size:1rem}.cart-badge-mobile{font-size:.5rem;height:14px;right:-5px;top:-3px;width:14px}.mobile-header-actions{gap:4px}.bottom-nav-item{font-size:.6rem}.bottom-nav-item i{font-size:1.05rem}}.footer{background:linear-gradient(135deg,#052e16,#166534);color:#fff;margin-top:0;padding:2.5rem 0 1rem;position:relative;width:100%}.footer:before{background:linear-gradient(90deg,#4caf50,#8bc34a,#4caf50);content:"";height:3px;left:0;position:absolute;right:0;top:0}.footer-content{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:0 auto;max-width:1200px;padding:0 2rem}.footer-section{margin-bottom:1.5rem}.footer-section h3{color:#fff;font-size:1.1rem;font-weight:700;margin-bottom:.8rem;padding-bottom:.5rem;position:relative}.footer-section h3:after{background:#8bc34a;bottom:0;content:"";height:2px;left:0;position:absolute;width:40px}.footer-section p{color:#e8f5e8;font-size:.88rem;line-height:1.5;margin-bottom:.8rem}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:.6rem}.footer-links a{color:#e8f5e8;display:inline-block;font-size:.88rem;text-decoration:none;transition:all .3s ease}.footer-links a:before{content:"→";margin-right:.4rem;opacity:0;transition:all .3s ease}.footer-links a:hover{color:#8bc34a;transform:translateX(4px)}.footer-links a:hover:before{opacity:1}.contact-info{list-style:none;margin:0;padding:0}.contact-info li{align-items:center;color:#e8f5e8;display:flex;font-size:.88rem;margin-bottom:.8rem}.contact-info i{color:#8bc34a;margin-right:.6rem;text-align:center;width:18px}.social-links{display:flex;gap:.8rem;margin-top:.8rem}.social-links a{align-items:center;background:#ffffff1a;border-radius:50%;color:#fff;display:inline-flex;height:36px;justify-content:center;text-decoration:none;transition:all .3s ease;width:36px}.social-links a:hover{background:#8bc34a;box-shadow:0 4px 12px #8bc34a4d;transform:translateY(-2px)}.footer-bottom{border-top:1px solid #ffffff1a;color:#e8f5e8;margin-top:1.5rem;padding-top:1.5rem;text-align:center}.footer-bottom p{font-size:.82rem;margin:0}@media (max-width:768px){.footer{padding:1.5rem 0 calc(.8rem + 60px)}.footer-content{gap:1rem;grid-template-columns:1fr 1fr;padding:0 16px}.footer-section{margin-bottom:.8rem}.footer-section h3{font-size:.92rem;margin-bottom:.5rem}.footer-section h3:after{width:30px}.footer-section p{font-size:.78rem;line-height:1.4;margin-bottom:.5rem}.footer-links li{margin-bottom:.4rem}.footer-links a{font-size:.78rem}.footer-links a:before{display:none}.contact-info li{font-size:.78rem;margin-bottom:.5rem}.contact-info i{font-size:.82rem}.social-links{gap:.5rem;margin-top:.5rem}.social-links a{font-size:.82rem;height:32px;width:32px}.footer-bottom{margin-top:1rem;padding-top:1rem}.footer-bottom p{font-size:.72rem}}@media (max-width:480px){.footer-content{gap:.8rem;grid-template-columns:1fr;padding:0 12px}.footer-section{text-align:center}.footer-section h3:after{left:50%;transform:translateX(-50%)}.social-links{justify-content:center}.contact-info{align-items:center!important}.contact-info li{justify-content:center}}.floating-cart{align-items:center;animation:floatCartIn .5s ease forwards;background:linear-gradient(135deg,#052e16,#166534);border-radius:50px;bottom:24px;box-shadow:0 8px 32px #052e1666,0 0 0 3px #22c55e26;color:#fff;display:flex;font-family:Cairo,sans-serif;gap:12px;padding:12px 20px 12px 16px;position:fixed;right:24px;text-decoration:none;transition:all .3s ease;z-index:998}.floating-cart:hover{box-shadow:0 12px 40px #052e1680,0 0 0 4px #22c55e40;transform:translateY(-3px)}@keyframes floatCartIn{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.floating-cart-icon{align-items:center;display:flex;font-size:1.2rem;position:relative}.floating-cart-badge{align-items:center;background:#ef4444;border-radius:50%;box-shadow:0 2px 6px #ef444480;color:#fff;display:flex;font-size:.6rem;font-weight:800;height:18px;justify-content:center;line-height:1;position:absolute;right:-10px;top:-8px;width:18px}.floating-cart-info{display:flex;flex-direction:column;line-height:1.2}.floating-cart-text{font-size:.85rem;font-weight:700}.floating-cart-price{color:#bbf7d0;font-size:.72rem;font-weight:600}.floating-cart-arrow{font-size:.8rem;opacity:.7;transition:transform .3s}.floating-cart:hover .floating-cart-arrow{transform:translateX(-4px)}.floating-cart:after{animation:cartPulse 2s ease-in-out infinite;border:2px solid #22c55e66;border-radius:50px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes cartPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:0;transform:scale(1.05)}}@media (max-width:768px){.floating-cart{border-radius:40px;bottom:70px;gap:8px;padding:10px 16px 10px 12px;right:14px}.floating-cart-icon{font-size:1rem}.floating-cart-text{font-size:.78rem}.floating-cart-price{font-size:.65rem}.floating-cart-badge{font-size:.55rem;height:16px;width:16px}.floating-cart-arrow{font-size:.7rem}}@media (max-width:380px){.floating-cart{bottom:66px;padding:8px 14px 8px 10px;right:10px}.floating-cart-text{font-size:.72rem}}.whatsapp-float{align-items:center;background-color:#25d366;border-radius:50px;bottom:80px;box-shadow:0 4px 15px #0000004d;color:#fff;display:flex;font-size:30px;height:60px;justify-content:center;left:30px;position:fixed;text-align:center;text-decoration:none;transition:all .3s ease;width:60px;z-index:1000}.whatsapp-float:hover{background-color:#128c7e;box-shadow:0 6px 20px #0006;transform:scale(1.1)}.my-float{font-size:35px}.whatsapp-tooltip{background:#333;border-radius:8px;color:#fff;font-family:Cairo,sans-serif;font-size:.8rem;left:70px;opacity:0;padding:5px 12px;pointer-events:none;position:absolute;transition:all .3s ease;visibility:hidden;white-space:nowrap}.whatsapp-float:hover .whatsapp-tooltip{left:75px;opacity:1;visibility:visible}@keyframes pulse-whatsapp{0%{box-shadow:0 0 0 0 #25d366b3;transform:scale(1)}70%{box-shadow:0 0 0 15px #25d36600;transform:scale(1.05)}to{box-shadow:0 0 0 0 #25d36600;transform:scale(1)}}.whatsapp-float{animation:pulse-whatsapp 2s infinite}@media screen and (max-width:768px){.whatsapp-float{bottom:90px;font-size:25px;height:50px;left:20px;width:50px}}.home-container{background:#fafafa;direction:rtl;font-family:Cairo,sans-serif;opacity:0;transform:translateY(10px);transition:all .5s ease}.home-container.visible{opacity:1;transform:translateY(0)}.hero-section{align-items:center;display:flex;height:100vh;min-height:500px;overflow:hidden;position:relative}.hero-bg-video{object-fit:cover;pointer-events:none;z-index:0}.hero-bg-video,.hero-section:after{height:100%;left:0;position:absolute;top:0;width:100%}.hero-section:after{background:linear-gradient(135deg,#052e16d9,#166534b3 50%,#22c55e66);content:"";z-index:1}.hero-slider{margin:0 auto;max-width:1400px;padding:0 40px;position:relative;width:100%;z-index:2}.hero-slide{animation:fadeSlide .6s ease;display:none}.hero-slide.active{align-items:center;display:flex;gap:40px;justify-content:space-between}@keyframes fadeSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-content{color:#fff;flex:1 1}.hero-text-wrapper h2{font-size:3rem;font-weight:900;line-height:1.2;margin-bottom:16px;text-shadow:0 4px 20px #0000004d}.hero-text-wrapper p{color:#ffffffe6;font-size:1.2rem;line-height:1.7;margin-bottom:30px;max-width:600px}.hero-tag{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#22c55e4d;border:1px solid #bbf7d033;border-radius:20px;color:#bbf7d0;display:inline-block;font-size:.85rem;font-weight:600;margin-bottom:16px;padding:6px 16px}.hero-buttons{display:flex;flex-wrap:wrap;gap:12px}.cta-button{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-family:Cairo,sans-serif;font-size:1rem;font-weight:700;gap:8px;padding:14px 30px}.cta-button.primary{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 6px 24px #22c55e66;color:#fff}.cta-button.primary:hover{box-shadow:0 10px 30px #22c55e80;transform:translateY(-2px)}.cta-button.secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #ffffff4d;color:#fff}.cta-button.secondary:hover{background:#fff3;transform:translateY(-2px)}.hero-dots{display:flex;gap:8px;justify-content:center;margin-top:30px}.hero-dots .dot{background:#0000;border:2px solid #fff6;border-radius:50%;cursor:pointer;height:10px;transition:all .3s ease;width:10px}.hero-dots .dot.active{background:#22c55e;border-color:#22c55e;transform:scale(1.2)}.categories-section{background:#fff;padding:60px 0}.container{max-width:1300px;padding:0 20px}.section-title{color:#052e16;font-size:2rem;font-weight:800;margin-bottom:8px}.section-title:after{background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:2px;display:block;margin:12px auto 0;width:50px}.section-subtitle{color:#6b7280;font-size:.95rem;line-height:1.6;margin-bottom:30px}.categories-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.category-card{aspect-ratio:1;border-radius:16px;cursor:pointer;overflow:hidden;position:relative;text-decoration:none;transition:all .3s ease}.category-card:hover{box-shadow:0 12px 30px #0000001f;transform:translateY(-4px)}.category-card img{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.category-card:hover img{transform:scale(1.08)}.category-card-overlay{background:linear-gradient(#0000,#052e16d9);bottom:0;color:#fff;left:0;padding:24px 16px 16px;position:absolute;right:0}.category-card-overlay h3{font-size:1.1rem;font-weight:700;margin-bottom:2px}.category-card-overlay span{font-size:.8rem;opacity:.8}.features-section{background:#052e16;color:#fff;padding:60px 0}.features-section .section-title{color:#fff}.features-section .section-title:after{background:linear-gradient(90deg,#4ade80,#22c55e)}.features-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:30px}.feature-card{background:#ffffff0d;border:1px solid #ffffff14;border-radius:16px;padding:28px 20px}.feature-card:hover{background:#ffffff14;transform:translateY(-3px)}.feature-icon{background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:16px;box-shadow:0 6px 20px #22c55e4d;height:60px;margin:0 auto 16px;width:60px}.feature-card h3{color:#fff;font-size:1.1rem;font-weight:700;margin-bottom:8px}.feature-card p{color:#ffffffa6;font-size:.85rem;line-height:1.7}.products-preview{background:#fff;padding:60px 0}.products-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));margin-top:30px}.product-card{position:relative;transition:all .3s ease}.product-card:hover{border-color:#22c55e;box-shadow:0 12px 30px #00000014;transform:translateY(-4px)}.product-image-container{background:linear-gradient(135deg,#f0fdf4,#dcfce7);height:200px}.product-image{height:100%;object-fit:cover;width:100%}.product-card:hover .product-image{transform:scale(1.05)}.product-overlay{align-items:center;background:#052e1680;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:10}.product-card:hover .product-overlay{opacity:1}.view-details-btn{background:#fff;border-radius:10px;color:#16a34a;font-size:.9rem;font-weight:700;padding:10px 24px;text-decoration:none;transition:all .3s ease}.view-details-btn:hover{background:#22c55e;color:#fff}.product-info{padding:16px}.product-name{font-size:.95rem;margin-bottom:4px;text-overflow:ellipsis;white-space:nowrap}.product-category{background:#f0fdf4;border-radius:20px;color:#16a34a;display:inline-block;font-size:.75rem;font-weight:600;margin-bottom:6px;padding:2px 10px}.product-price-section{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.product-price{font-size:1.1rem}.product-stock{color:#9ca3af;font-size:.75rem;font-weight:500}.product-min-quantity{margin-bottom:10px}.min-quantity-label{color:#9ca3af;font-size:.75rem}.order-btn{box-shadow:0 4px 16px #22c55e40;display:block;padding:12px;transition:all .3s ease}.order-btn.disabled{background:#d1d5db;box-shadow:none;cursor:not-allowed}.view-all-container{margin-top:30px;text-align:center}.view-all-btn{align-items:center;border:2px solid #16a34a;border-radius:12px;color:#16a34a;display:inline-flex;font-size:1rem;font-weight:700;gap:8px;padding:12px 32px;text-decoration:none;transition:all .3s ease}.view-all-btn:hover{background:#16a34a;box-shadow:0 6px 20px #16a34a40;color:#fff;transform:translateY(-2px)}.customers-section{background:#f9fafb;padding:50px 0}.customer-slider{gap:16px;margin:0 auto;max-width:700px}.customer-slider,.slider-arrow{align-items:center;display:flex}.slider-arrow{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:50%;color:#374151;cursor:pointer;flex-shrink:0;font-size:18px!important;height:40px;justify-content:center;transition:all .3s ease;width:40px}.slider-arrow:hover{border-color:#22c55e!important;color:#22c55e}.customer-card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 2px 12px #0000000a;padding:24px;text-align:center}.customer-card img{max-height:80px;object-fit:contain}.customer-info h3{color:#1f2937;font-size:1.1rem;font-weight:700;margin-bottom:4px}.customer-info p{color:#6b7280;font-size:.85rem}.customer-link{background:#f0fdf4;border-radius:10px;color:#16a34a;display:inline-block;font-size:.85rem;font-weight:600;margin-top:10px;padding:8px 20px;text-decoration:none;transition:all .3s ease}.customer-link:hover{background:#16a34a;color:#fff}.no-customers{color:#9ca3af;padding:40px 20px;text-align:center}.no-customers-icon{font-size:3rem;margin-bottom:12px;opacity:.3}.stats-section{background:linear-gradient(135deg,#052e16,#14532d);padding:50px 0}.stats-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(4,1fr)}.stat-item{background:#ffffff0d;border:1px solid #ffffff14;border-radius:16px;padding:20px 12px;text-align:center;transition:all .3s ease}.stat-item:hover{background:#ffffff14}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4ade80,#22c55e);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:900;margin-bottom:4px}.stat-label{color:#ffffffa6;font-size:.8rem;font-weight:600}.cta-section{background:linear-gradient(135deg,#f0fdf4,#dcfce7);padding:60px 0}.cta-content h2{color:#052e16;font-size:2rem;font-weight:800;margin-bottom:12px}.cta-content p{color:#6b7280;font-size:1rem;line-height:1.7;margin-bottom:30px}.cta-buttons{gap:12px}@media (max-width:768px){.hero-section{height:auto;min-height:85vh;padding-top:56px}.hero-slider{padding:0 20px}.hero-text-wrapper h2{font-size:1.6rem;line-height:1.35;margin-bottom:10px}.hero-text-wrapper p{font-size:.9rem;line-height:1.6;margin-bottom:20px}.hero-tag{font-size:.75rem;margin-bottom:10px;padding:4px 12px}.hero-slide.active{flex-direction:column}.hero-buttons{gap:10px}.cta-button{border-radius:10px;font-size:.9rem;padding:12px 22px}.hero-dots{gap:6px;margin-top:20px}.hero-dots .dot{height:8px;width:8px}.categories-section,.features-section,.products-preview,.stats-section{padding:36px 0}.cta-section,.customers-section{padding:30px 0}.container{padding:0 16px}.section-title{font-size:1.35rem;margin-bottom:6px}.section-title:after{height:2.5px;margin-top:8px;width:36px}.section-subtitle{font-size:.82rem;line-height:1.5;margin-bottom:20px}.categories-grid{-webkit-overflow-scrolling:touch;display:flex;gap:12px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory;scrollbar-width:none}.categories-grid::-webkit-scrollbar{display:none}.category-card{aspect-ratio:1;border-radius:14px;flex:0 0 140px;scroll-snap-align:start}.category-card-overlay{padding:16px 10px 10px}.category-card-overlay h3{font-size:.85rem}.category-card-overlay span{font-size:.7rem}.features-grid{gap:10px;grid-template-columns:repeat(2,1fr);margin-top:20px}.feature-card{border-radius:14px;padding:16px 12px}.feature-icon{border-radius:12px;font-size:1.1rem;height:44px;margin-bottom:10px;width:44px}.feature-card h3{font-size:.85rem;margin-bottom:4px}.feature-card p{font-size:.72rem;line-height:1.5}.products-grid{gap:10px;grid-template-columns:repeat(2,1fr);margin-top:20px}.product-card{border-radius:14px}.product-image-container{height:130px}.product-overlay{display:none}.product-info{padding:10px 12px 12px}.product-name{font-size:.82rem;margin-bottom:2px}.product-category{font-size:.65rem;margin-bottom:4px;padding:1px 8px}.product-price-section{margin-bottom:4px}.product-price{font-size:.9rem}.product-stock{font-size:.65rem}.product-min-quantity{margin-bottom:6px}.min-quantity-label{font-size:.65rem}.order-btn{border-radius:10px;box-shadow:0 2px 10px #22c55e33;font-size:.78rem;padding:8px}.view-all-container{margin-top:20px}.view-all-btn{border-radius:10px;font-size:.88rem;padding:10px 24px}.customer-slider{gap:10px}.slider-arrow{font-size:14px!important;height:32px;width:32px}.customer-card{border-radius:14px;padding:16px}.customer-card img{max-height:60px}.customer-info h3{font-size:.95rem}.customer-info p{font-size:.78rem}.stats-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.stat-item{border-radius:14px;padding:14px 8px}.stat-number{font-size:1.5rem}.stat-label{font-size:.7rem}.cta-section{padding:30px 0}.cta-content h2{font-size:1.4rem}.cta-content p{font-size:.85rem;margin-bottom:20px}.cta-buttons{align-items:center;flex-direction:column;gap:10px}.cta-buttons .cta-button{justify-content:center;width:100%}}@media (max-width:380px){.products-grid{gap:8px}.product-image-container{height:110px}.product-info{padding:8px 10px 10px}.product-name{font-size:.75rem}.product-price{font-size:.82rem}.order-btn{font-size:.72rem;padding:7px}.category-card{flex:0 0 120px}.features-grid{gap:8px}.hero-text-wrapper h2{font-size:1.4rem}}.product-card-graphic{min-height:200px}.about-container{opacity:0;transform:translateY(30px);transition:all .8s ease-out}.about-container.visible{opacity:1;transform:translateY(0)}.about-hero{background:linear-gradient(135deg,#052e16,#166534);color:#fff;overflow:hidden;padding:120px 0 80px;position:relative;text-align:center}.about-hero:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='50' cy='50' r='1' fill='rgba(255,255,255,0.1)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.story-section{background:#fff;padding:5rem 0}.story-grid{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.story-content h2{color:#2e7d32;font-size:2.5rem;font-weight:600;margin-bottom:2rem}.story-content p{color:#666;font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem}.image-placeholder,.story-image{align-items:center;display:flex;justify-content:center}.image-placeholder{animation:float 6s ease-in-out infinite;background:linear-gradient(135deg,#e8f5e8,#c8e6c9);border-radius:50%;box-shadow:0 20px 40px #388e3c33;height:400px;width:400px}.image-placeholder i{color:#388e3c;font-size:8rem}.mission-vision-section{background:#f8f9fa;padding:5rem 0}.mission-vision-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1fr}.mission-card,.vision-card{animation:slideInUp 1s ease-out;background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;padding:3rem;text-align:center;transition:all .3s ease}.mission-card:hover,.vision-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-10px)}.card-icon{align-items:center;background:linear-gradient(135deg,#388e3c,#4caf50);border-radius:50%;color:#fff;display:flex;font-size:2rem;height:80px;justify-content:center;margin:0 auto 2rem;width:80px}.mission-card h3,.vision-card h3{color:#2e7d32;font-size:1.8rem;font-weight:600;margin-bottom:1rem}.mission-card p,.vision-card p{color:#666;font-size:1.1rem;line-height:1.6}.values-section{background:#fff;padding:5rem 0}.values-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.value-card{animation:fadeInUp 1s ease-out;background:#f8f9fa;border-radius:15px;padding:2.5rem;text-align:center;transition:all .3s ease}.value-card:hover{background:#e8f5e8;box-shadow:0 10px 25px #388e3c33;transform:translateY(-5px)}.value-icon{align-items:center;background:#388e3c;border-radius:50%;color:#fff;display:flex;font-size:1.5rem;height:70px;justify-content:center;margin:0 auto 1.5rem;width:70px}.value-card h3{color:#2e7d32;font-size:1.3rem;font-weight:600;margin-bottom:1rem}.value-card p{color:#666;line-height:1.6}.team-section{background:#f8f9fa;padding:5rem 0}.section-subtitle{color:#666;font-size:1.2rem;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.team-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.team-member{animation:slideInUp 1s ease-out;background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;padding:2.5rem;text-align:center;transition:all .3s ease}.team-member:hover{box-shadow:0 15px 35px #00000026;transform:translateY(-5px)}.member-avatar{align-items:center;background:linear-gradient(135deg,#388e3c,#4caf50);border-radius:50%;color:#fff;display:flex;font-size:2.5rem;height:100px;justify-content:center;margin:0 auto 1.5rem;width:100px}.team-member h3{color:#2e7d32;font-size:1.3rem;font-weight:600;margin-bottom:.5rem}.team-member p{color:#666;font-weight:500;margin-bottom:.5rem}.member-role{color:#888!important;font-size:.9rem;font-style:italic}.about-stats-section{background:linear-gradient(135deg,#052e16,#166534);color:#fff;padding:5rem 0}.stats-grid{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));text-align:center}.stat-item{animation:fadeInUp 1s ease-out}.stat-number{color:#fff;font-size:3rem;font-weight:700;margin-bottom:.5rem}.stat-label{font-size:1.1rem;opacity:.9}.about-cta-section{background:#fff;padding:5rem 0}.cta-content{margin:0 auto;max-width:600px;text-align:center}.cta-content h2{color:#2e7d32;font-size:2.5rem;font-weight:600;margin-bottom:1rem}.cta-content p{color:#666;font-size:1.2rem;line-height:1.6;margin-bottom:2rem}.cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.cta-button{border-radius:50px;display:inline-block;font-size:1.1rem;font-weight:600;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.cta-button.primary,.cta-button.secondary{background:#fff;border:solid #388e3c;color:#388e3c}.cta-button:hover{box-shadow:0 8px 25px #0003;transform:translateY(-3px)}.cta-button.primary:hover,.cta-button.secondary:hover{background:#388e3c;color:#fff}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@media (max-width:768px){.about-hero{padding:76px 0 36px}.about-hero .hero-content{padding:0 16px}.hero-title{font-size:1.5rem}.hero-subtitle{font-size:.85rem}.container{padding:0 12px}.about-cta-section,.about-stats-section,.mission-vision-section,.story-section,.team-section,.values-section{padding:2rem 0}.mission-vision-grid,.story-grid{gap:1.2rem;grid-template-columns:1fr}.story-content h2{font-size:1.3rem;margin-bottom:1rem}.story-content p{font-size:.85rem;line-height:1.6;margin-bottom:.8rem}.image-placeholder{height:180px;width:180px}.image-placeholder i{font-size:3rem}.mission-card,.vision-card{border-radius:14px;padding:1.5rem}.card-icon{font-size:1.3rem;height:52px;margin-bottom:1rem;width:52px}.mission-card h3,.vision-card h3{font-size:1.15rem;margin-bottom:.5rem}.mission-card p,.vision-card p{font-size:.82rem}.section-title{font-size:1.35rem;margin-bottom:1.5rem}.section-title:after{height:2.5px;width:50px}.section-subtitle{font-size:.85rem;margin-bottom:1.5rem}.values-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.value-card{border-radius:12px;padding:1.2rem}.value-icon{font-size:1.1rem;height:44px;margin-bottom:.8rem;width:44px}.value-card h3{font-size:.88rem;margin-bottom:.4rem}.value-card p{font-size:.75rem;line-height:1.5}.team-grid{gap:.8rem;grid-template-columns:1fr}.team-member{border-radius:14px;padding:1.5rem}.member-avatar{font-size:1.5rem;height:64px;margin-bottom:.8rem;width:64px}.team-member h3{font-size:1rem;margin-bottom:.3rem}.team-member p{font-size:.85rem}.stats-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.stat-number{font-size:1.8rem}.stat-label{font-size:.78rem}.cta-content h2{font-size:1.3rem;margin-bottom:.6rem}.cta-content p{font-size:.85rem;margin-bottom:1.2rem}.cta-buttons{align-items:center;flex-direction:column;gap:.6rem}.cta-button{border-radius:10px;font-size:.88rem;max-width:250px;padding:.8rem 1.5rem;text-align:center;width:100%}}.contact-container{direction:rtl;font-family:Cairo,sans-serif;opacity:0;transition:opacity .4s ease}.contact-container.visible{opacity:1}.contact-hero{background:linear-gradient(135deg,#052e16,#166534);color:#fff;overflow:hidden;padding:120px 0 70px;position:relative;text-align:center}.contact-hero:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='50' cy='50' r='1' fill='rgba(255,255,255,0.1)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.contact-hero .hero-content{margin:0 auto;max-width:800px;padding:0 2rem;position:relative;z-index:2}.contact-hero .hero-title{font-size:2.8rem;font-weight:700;margin-bottom:.8rem}.contact-hero .hero-subtitle{font-size:1.1rem;line-height:1.6;opacity:.9}.contact-content{background:#f9fafb;padding:3rem 0}.contact-content .container{margin:0 auto;max-width:1100px;padding:0 1.5rem}.contact-grid{grid-gap:2.5rem;align-items:start;display:grid;gap:2.5rem;grid-template-columns:1fr 1fr}.contact-form-section,.contact-info-section{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 4px 20px #0000000d;padding:2rem}.contact-form-section h2,.contact-info-section h2{color:#2e7d32;font-size:1.5rem;font-weight:700;margin-bottom:.6rem}.contact-form-section p,.contact-info-section p{color:#666;font-size:.88rem;line-height:1.5;margin-bottom:1.5rem}.contact-methods{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.contact-method{align-items:center;background:#f9fafb;border-radius:12px;display:flex;gap:.8rem;padding:.8rem;transition:all .3s ease}.contact-method:hover{background:#f0fdf4}.method-icon{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:1rem;height:42px;justify-content:center;width:42px}.method-content h3{color:#1f2937;font-size:.88rem;font-weight:700;margin-bottom:2px}.method-content p{color:#6b7280;font-size:.82rem;margin:0}.social-links h3{color:#2e7d32;font-size:1rem;font-weight:700;margin-bottom:.8rem}.social-icons{display:flex;gap:.8rem}.social-icon{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:12px;color:#fff;display:flex;font-size:1rem;height:40px;justify-content:center;text-decoration:none;transition:all .3s ease;width:40px}.social-icon:hover{box-shadow:0 4px 12px #22c55e4d;transform:translateY(-2px)}.contact-form{display:flex;flex-direction:column;gap:1rem}.form-group{gap:.4rem}.form-group input,.form-group textarea{background:#fafafa;border:1.5px solid #e5e7eb;border-radius:10px;direction:rtl;font-family:Cairo,sans-serif;font-size:.88rem;padding:.8rem;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{background:#fff;border-color:#22c55e;box-shadow:0 0 0 3px #22c55e14;outline:none}.form-group textarea{resize:vertical}.submit-btn{box-shadow:0 4px 16px #22c55e4d;font-size:.95rem;gap:.5rem;margin-top:.5rem;padding:.9rem 1.5rem;transition:all .3s ease}.submit-btn:hover:not(:disabled){box-shadow:0 6px 24px #22c55e59;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.7}.submit-btn.loading{background:#9ca3af}.error-message,.success-message{align-items:center;border-radius:10px;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;margin-top:.8rem;padding:.8rem}.success-message{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.error-message{background:#fef2f2;color:#dc2626}@media (max-width:768px){.contact-hero{padding:76px 0 36px}.contact-hero .hero-content{padding:0 16px}.contact-hero .hero-title{font-size:1.5rem}.contact-hero .hero-subtitle{font-size:.85rem}.contact-content{padding:1.5rem 0}.contact-content .container{padding:0 12px}.contact-grid{gap:1rem;grid-template-columns:1fr}.contact-form-section,.contact-info-section{border-radius:14px;padding:16px}.contact-form-section h2,.contact-info-section h2{font-size:1.15rem;margin-bottom:.4rem}.contact-form-section p,.contact-info-section p{font-size:.78rem;margin-bottom:1rem}.contact-methods{gap:.6rem;margin-bottom:1rem}.contact-method{border-radius:10px;gap:.6rem;padding:.6rem}.method-icon{border-radius:10px;font-size:.85rem;height:36px;width:36px}.method-content h3{font-size:.82rem}.method-content p{font-size:.75rem}.social-links h3{font-size:.88rem;margin-bottom:.5rem}.social-icons{gap:.6rem}.social-icon{border-radius:10px;font-size:.88rem;height:36px;width:36px}.form-group label{font-size:.78rem}.form-group input,.form-group textarea{border-radius:8px;font-size:.82rem;padding:.65rem}.form-group textarea{min-height:80px}.submit-btn{border-radius:10px;font-size:.88rem;padding:.75rem}.error-message,.success-message{font-size:.78rem;padding:.6rem}}.products-container{background:#f8faf9;direction:rtl;font-family:Cairo,sans-serif;min-height:100vh;opacity:0;transform:translateY(10px);transition:all .5s ease}.products-container.visible{opacity:1;transform:translateY(0)}.products-hero{background:linear-gradient(135deg,#052e16,#14532d 50%,#166534);overflow:hidden;padding:120px 24px 50px;position:relative;text-align:center}.products-hero:before{background:#22c55e0f;height:500px;right:-20%;top:-60%;width:500px}.products-hero:after,.products-hero:before{border-radius:50%;content:"";position:absolute}.products-hero:after{background:#22c55e0a;bottom:-40%;height:400px;left:-15%;width:400px}.products-hero .hero-content{position:relative;z-index:1}.products-hero .hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#bbf7d0);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:2.2rem;font-weight:900;margin-bottom:8px}.products-hero .hero-subtitle{color:#ffffffbf;font-size:.95rem;line-height:1.6;margin:0 auto;max-width:500px}.products-toolbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff2;border-bottom:1px solid #0000000f;box-shadow:0 4px 20px #0000000a;position:-webkit-sticky;position:sticky;top:95px;z-index:50}.toolbar-inner{margin:0 auto;max-width:1300px;padding:12px 20px}.toolbar-search{align-items:center;display:flex;margin-bottom:10px;position:relative}.toolbar-search .search-icon{color:#9ca3af;font-size:.9rem;pointer-events:none;position:absolute;right:14px}.toolbar-search .search-input{background:#fafafa;border:2px solid #e5e7eb;border-radius:12px;direction:rtl;font-family:Cairo,sans-serif;font-size:.9rem;padding:11px 40px;transition:all .3s ease;width:100%}.toolbar-search .search-input:focus{background:#fff;border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a;outline:none}.search-clear{background:none;border:none;border-radius:50%;color:#9ca3af;cursor:pointer;font-size:.85rem;left:12px;padding:4px;position:absolute;transition:all .2s}.search-clear:hover{background:#fef2f2;color:#ef4444}.toolbar-categories{-webkit-overflow-scrolling:touch;display:flex;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.toolbar-categories::-webkit-scrollbar{display:none}.cat-chip{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:24px;color:#4b5563;cursor:pointer;display:flex;flex-shrink:0;font-family:Cairo,sans-serif;font-size:.82rem;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.cat-chip i{font-size:.8rem;opacity:.7}.cat-count{background:#f3f4f6;border-radius:10px;color:#6b7280;font-size:.7rem;font-weight:700;padding:1px 7px;transition:all .3s}.cat-chip:hover{background:#f0fdf4;border-color:#16a34a;color:#16a34a}.cat-chip:hover .cat-count{background:#dcfce7;color:#16a34a}.cat-chip.active{background:linear-gradient(135deg,#16a34a,#22c55e);border-color:#0000;box-shadow:0 3px 12px #16a34a4d;color:#fff}.cat-chip.active i{opacity:1}.cat-chip.active .cat-count{background:#ffffff40;color:#fff}.products-content{margin:0 auto;max-width:1300px;padding:24px 20px 40px}.category-section{margin-bottom:40px}.category-section:last-child{margin-bottom:0}.category-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.category-header-info{align-items:center;display:flex;gap:12px}.category-icon-wrapper{align-items:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:12px;color:#16a34a;display:flex;font-size:1.1rem;height:44px;justify-content:center;width:44px}.category-title{color:#1f2937;font-size:1.3rem;font-weight:800;line-height:1.2;margin:0}.category-count{color:#9ca3af;font-size:.78rem;font-weight:500}.view-all-cat-btn{align-items:center;background:#f0fdf4;border:1.5px solid #dcfce7;border-radius:10px;color:#16a34a;cursor:pointer;display:flex;font-family:Cairo,sans-serif;font-size:.82rem;font-weight:600;gap:6px;padding:8px 18px;transition:all .3s ease}.view-all-cat-btn:hover{background:#16a34a;border-color:#16a34a;color:#fff}.products-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.product-card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;color:inherit;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:all .35s ease}.product-card:hover{border-color:#bbf7d0;box-shadow:0 16px 40px #00000014;transform:translateY(-5px)}.product-image-container{align-items:center;background:#fbfbfb;border-bottom:1px solid #f3f4f6;display:flex;height:180px;justify-content:center;overflow:hidden;position:relative}.product-image{max-height:85%;max-width:85%;object-fit:contain;transition:transform .4s ease}.product-card:hover .product-image{transform:scale(1.06)}.price-badge{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:20px;box-shadow:0 2px 8px #f59e0b4d;color:#fff;display:flex;font-size:.65rem;font-weight:700;gap:4px;left:10px;padding:3px 10px;position:absolute;top:10px}.price-badge i{font-size:.6rem}.product-info{display:flex;flex:1 1;flex-direction:column;padding:14px 16px 16px}.product-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1f2937;display:-webkit-box;font-size:.9rem;font-weight:700;line-height:1.4;overflow:hidden}.product-name,.product-price-row{margin-bottom:8px}.product-price{color:#16a34a;font-size:1.05rem;font-weight:800}.wholesale-badge{align-items:center;animation:pulseBadge 2s ease-in-out infinite;background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #f59e0b;border-radius:10px;box-shadow:0 2px 6px #f59e0b1a;color:#92400e;display:flex;font-size:.75rem;font-weight:800;gap:6px;justify-content:center;margin-bottom:10px;padding:6px 10px}.wholesale-badge i{color:#d97706;font-size:.85rem}@keyframes pulseBadge{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.product-meta{gap:12px;margin-bottom:12px}.meta-item,.product-meta{align-items:center;display:flex}.meta-item{color:#9ca3af;font-size:.72rem;font-weight:500;gap:4px}.meta-item i{color:#d1d5db;font-size:.65rem}.order-btn{background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:12px;box-shadow:0 4px 12px #22c55e33;display:flex!important;flex:0 0 46px!important;font-family:Cairo,sans-serif;font-size:.9rem;font-weight:700;gap:8px;height:46px!important;margin-top:auto;max-height:46px!important;min-height:46px!important;padding:0 16px}.order-btn:hover{box-shadow:0 6px 24px #22c55e59}.order-btn.in-cart{box-shadow:0 3px 14px #05966940}.see-more-container{margin-top:16px;text-align:center}.see-more-btn{align-items:center;background:#fff;border:2px solid #dcfce7;border-radius:12px;color:#16a34a;cursor:pointer;display:inline-flex;font-family:Cairo,sans-serif;font-size:.88rem;font-weight:700;gap:8px;padding:10px 28px;transition:all .3s ease}.see-more-btn:hover{background:#16a34a;border-color:#16a34a;box-shadow:0 4px 16px #16a34a4d;color:#fff}.no-products{color:#9ca3af;padding:80px 20px;text-align:center}.no-products-icon{font-size:3.5rem;margin-bottom:16px;opacity:.25}.no-products h3{color:#6b7280;font-size:1.2rem;margin-bottom:8px}.back-to-all{padding:0 20px 40px;text-align:center}.back-all-btn{align-items:center;background:linear-gradient(135deg,#052e16,#166534);border:none;border-radius:12px;box-shadow:0 4px 16px #052e1633;color:#fff;cursor:pointer;display:inline-flex;font-family:Cairo,sans-serif;font-size:.95rem;font-weight:700;gap:8px;padding:12px 32px;transition:all .3s ease}.back-all-btn:hover{box-shadow:0 8px 28px #052e164d;transform:translateY(-2px)}@media (max-width:768px){.products-hero{padding:90px 16px 35px}.products-hero .hero-title{font-size:1.5rem}.products-hero .hero-subtitle{font-size:.82rem}.products-toolbar{top:60px}.toolbar-inner{padding:10px 14px}.toolbar-search .search-input{border-radius:10px;font-size:.85rem;padding:9px 36px}.cat-chip{border-radius:20px;font-size:.75rem;padding:6px 12px}.cat-chip i{font-size:.7rem}.cat-count{font-size:.65rem;padding:0 5px}.products-content{padding:16px 12px 30px}.category-section{margin-bottom:28px}.category-header{align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:12px;padding-bottom:10px}.category-icon-wrapper{border-radius:10px;font-size:.9rem;height:36px;width:36px}.category-title{font-size:1.05rem}.view-all-cat-btn{font-size:.75rem;padding:6px 14px}.products-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.product-card{border-radius:12px}.product-image-container{height:130px}.product-info{padding:10px 10px 12px}.product-name{font-size:.78rem;margin-bottom:4px}.product-price{font-size:.88rem}.product-price-row{margin-bottom:4px}.product-meta{gap:8px;margin-bottom:8px}.meta-item{font-size:.62rem}.order-btn{border-radius:8px;font-size:.75rem;gap:5px;height:38px;padding:0 12px}.price-badge{font-size:.58rem;padding:2px 7px}.see-more-btn{font-size:.8rem;padding:8px 20px}.back-all-btn{font-size:.85rem;padding:10px 24px}}@media (max-width:380px){.products-grid{gap:6px}.product-image-container{height:110px}.product-info{padding:8px 8px 10px}.product-name{font-size:.72rem}.product-price{font-size:.8rem}.order-btn{font-size:.7rem;height:34px;padding:0 10px}}.product-card-graphic{box-sizing:border-box;padding:12px}.graphic-bg-image{background-position:50%;background-size:cover;bottom:0;filter:none;left:0;opacity:.95;position:absolute;right:0;top:0;transition:all .5s cubic-bezier(.4,0,.2,1);z-index:0}.product-card:hover .graphic-bg-image{transform:scale(1.05)}.graphic-bg-overlay{background:linear-gradient(0deg,#000000d9 0,#0000004d 50%,#0000000d);bottom:0;left:0;position:absolute;right:0;top:0;transition:all .5s ease;z-index:1}.graphic-watermark-icon{color:#ffffff38;font-size:3.2rem;left:50%;pointer-events:none;position:absolute;text-shadow:0 4px 15px #00000040;top:40%;transform:translate(-50%,-50%);transition:all .4s ease;z-index:2}.product-card:hover .graphic-watermark-icon{color:#ffffff59;transform:translate(-50%,-50%) scale(1.1)}.graphic-bottom-banner{background:linear-gradient(0deg,#000000f2 0,#000000b3 60%,#0000);bottom:0;box-sizing:border-box;left:0;padding:16px 12px 14px;position:absolute;right:0;text-align:center;z-index:3}.graphic-banner-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;font-family:Cairo,sans-serif;font-size:.92rem;font-weight:700;line-height:1.4;margin:0;overflow:hidden;text-shadow:0 2px 4px #000000b3}.graphic-shapes .shape{background:#ffffff0f}.product-card:hover .shape-1{transform:translate(-15px,15px) scale(1.1)}.product-card:hover .shape-2{transform:translate(15px,-15px) scale(1.1)}.product-card:hover .shape-3{transform:scale(1.3) rotate(45deg)}.graphic-glow{background:radial-gradient(circle,#ffffff40 0,#fff0 70%)}.product-card:hover .graphic-glow{height:160px;width:160px}.graphic-brand,.graphic-category-watermark{display:none!important}.product-card-graphic.size-detail{padding:24px}.product-card-graphic.size-detail .graphic-product-plate{background:#00000059;border-color:#ffffff40;border-radius:24px;gap:16px;height:85%;padding:24px}.product-card-graphic.size-detail .graphic-icon-box{border-width:2px;font-size:2.5rem;height:90px;width:90px}.product-card-graphic.size-detail .graphic-title-text{-webkit-line-clamp:3;font-size:1.6rem;font-weight:800;line-height:1.45}.product-card-graphic.size-cart{height:70px;min-height:70px;padding:0;width:70px}.product-card-graphic.size-cart .graphic-icon-box{background:#ffffff26;border-color:#ffffff40;border-radius:8px;border-width:1px;font-size:1rem;height:32px;left:auto;position:relative;top:auto;transform:none;width:32px}.product-card-graphic.size-cart .graphic-bg-image,.product-card-graphic.size-cart .graphic-bg-overlay,.product-card-graphic.size-cart .graphic-brand,.product-card-graphic.size-cart .graphic-category-watermark,.product-card-graphic.size-cart .graphic-glow,.product-card-graphic.size-cart .graphic-shapes,.product-card-graphic.size-cart .shape{display:none!important}@media (max-width:768px){.product-card-graphic{min-height:130px;padding:8px}.graphic-product-plate{border-radius:12px;gap:6px;padding:8px}.graphic-icon-box{font-size:.95rem;height:32px;width:32px}.graphic-title-text{font-size:.75rem;line-height:1.35}.graphic-shapes .shape-1{height:50px;width:50px}.graphic-shapes .shape-2{height:60px;width:60px}.graphic-shapes .shape-3{height:25px;width:25px}}@media (max-width:380px){.product-card-graphic{min-height:110px}.graphic-product-plate{gap:4px;padding:6px}.graphic-icon-box{font-size:.8rem;height:26px;width:26px}.graphic-title-text{font-size:.68rem;line-height:1.3}}.recommendation-reason-tag{align-items:center;align-self:flex-start;animation:pulseBadge 2s ease-in-out infinite;background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px dashed #d97706;border-radius:10px;box-shadow:0 2px 6px #d977060d;color:#b45309;display:inline-flex;font-size:.72rem;font-weight:800;gap:6px;margin-bottom:8px;padding:6px 10px;width:-webkit-fit-content;width:fit-content}.recommendation-reason-tag i{color:#d97706;font-size:.8rem}.product-details-container{direction:rtl;font-family:Cairo,sans-serif;margin:100px auto 40px;max-width:1200px;padding:0 20px}.product-details-content{grid-gap:40px;align-items:center;background:#fff;border:1px solid #f0f0f0;border-radius:24px;box-shadow:0 6px 30px #0000000a;display:grid;gap:40px;grid-template-columns:1fr 1fr;padding:32px}.product-image-section{align-items:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:18px;display:flex;height:450px;justify-content:center;overflow:hidden;position:relative}.product-detail-image{max-height:95%;max-width:95%;object-fit:contain;transition:transform .4s ease}.product-image-section:hover .product-detail-image{transform:scale(1.04)}.product-info-section{display:flex;flex-direction:column;gap:16px}.product-title{color:#052e16;font-size:1.9rem;font-weight:800;margin-bottom:0}.product-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px}.badge{border-radius:16px;font-size:.78rem;font-weight:700;padding:5px 12px}.badge.out-of-stock{background:#fee2e2;color:#ef4444}.badge.new{background:#f0fdf4;color:#16a34a}.badge.best-seller{background:#fef9c3;color:#ca8a04}.product-price-display{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin:8px 0}.main-price{color:#16a34a;font-size:1.7rem;font-weight:800}.price-range-label{background:#f9fafb;border-radius:8px;color:#6b7280;font-size:.85rem;padding:3px 10px}.info-grid{grid-gap:12px;border-bottom:1px solid #f3f4f6;border-top:1px solid #f3f4f6;display:grid;gap:12px;grid-template-columns:1fr 1fr;padding:16px 0}.info-item{display:flex;flex-direction:column;gap:3px}.info-item .label{color:#9ca3af;font-size:.78rem}.info-item .val{color:#374151;font-size:.95rem;font-weight:700}.discount-rules-section-modern{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #00000008;margin:10px 0;padding:16px}.discount-header{align-items:center;border-bottom:1px solid #f1f5f9;color:#0d9488;display:flex;font-size:.95rem;font-weight:700;gap:8px;margin-bottom:15px;padding-bottom:10px}.discount-header i{font-size:1.1rem}.rules-grid-modern{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(90px,1fr))}.rule-card-modern{background:#f0fdfa;border:1px solid #ccfbf1;border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:10px;text-align:center;transition:all .2s ease}.rule-card-modern:hover{border-color:#5eead4;box-shadow:0 4px 10px #0d94881a;transform:translateY(-3px)}.rule-qty{color:#0f766e;font-size:.85rem;font-weight:700}.rule-qty small{font-size:.7rem;font-weight:400;margin-right:3px}.rule-price{color:#111827;font-size:1rem;font-weight:800}.rule-price small{font-size:.7rem;font-weight:600}.rule-savings{background:#10b981;border-radius:6px;color:#fff;font-size:.72rem;font-weight:700;margin-top:2px;padding:2px 6px}.discount-footer-hint{align-items:center;background:#f8fafc;border-radius:8px;color:#64748b;display:flex;font-size:.75rem;gap:6px;margin-top:15px;padding:8px}.product-description h3{color:#052e16;font-size:1rem;font-weight:700;margin-bottom:8px}.product-description p{color:#6b7280;font-size:.9rem;line-height:1.7}.product-actions{display:flex;flex-direction:column;gap:12px;margin-top:24px;width:100%}.order-btn{align-items:center;background:linear-gradient(135deg,#166534,#15803d 50%,#166534);border:none;border-radius:14px;box-shadow:0 4px 15px #16653440;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:800;gap:10px;justify-content:center;padding:16px 32px;text-align:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;width:100%}.order-btn:hover{background:linear-gradient(135deg,#15803d,#166534 50%,#15803d);box-shadow:0 6px 20px #16653459;transform:translateY(-2px)}.order-btn.in-cart{background:linear-gradient(135deg,#059669,#10b981)!important;box-shadow:0 4px 15px #05966940!important}.order-btn.in-cart:hover{background:linear-gradient(135deg,#047857,#059669)!important;box-shadow:0 6px 20px #05966959!important}.back-btn{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;box-sizing:border-box;color:#4b5563;display:flex;font-size:.95rem;font-weight:700;justify-content:center;padding:14px;text-align:center;text-decoration:none;transition:all .3s ease;width:100%}.back-btn:hover{background:#f9fafb;border-color:#d1d5db}@media (max-width:768px){.product-details-container{margin:64px auto 20px;padding:0 12px}.product-details-content{border-radius:16px;gap:0;grid-template-columns:1fr;overflow:hidden;padding:0}.product-image-section{border-radius:0;height:280px}.product-info-section{gap:12px;padding:16px}.product-title{font-size:1.3rem}.product-badges{gap:6px}.badge{font-size:.7rem;padding:3px 10px}.product-price-display{gap:8px;margin:4px 0}.main-price{font-size:1.35rem}.price-range-label{font-size:.75rem;padding:2px 8px}.info-grid{gap:10px;padding:12px 0}.info-item .label{font-size:.72rem}.info-item .val{font-size:.88rem}.discount-rules-section{border-radius:12px;padding:12px}.discount-rules-section h4{font-size:.82rem}.rule-item{font-size:.78rem}.product-description h3{font-size:.92rem}.product-description p{font-size:.82rem;line-height:1.6}.product-actions{flex-direction:column;gap:8px}.order-btn{border-radius:10px;font-size:.92rem;padding:12px}.back-btn{border-radius:10px;font-size:.85rem;padding:10px}}@media (max-width:380px){.product-image-section{height:220px}.product-title{font-size:1.15rem}.main-price{font-size:1.2rem}}.product-card-graphic{min-height:180px}.graphic-shapes{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.graphic-shapes .shape{background:#ffffff14;border-radius:50%;filter:blur(2px);position:absolute;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.graphic-shapes .shape-1{height:80px;right:-10%;top:-10%;width:80px}.graphic-shapes .shape-2{bottom:-15%;height:100px;left:10%;width:100px}.graphic-shapes .shape-3{height:40px;left:-10%;top:40%;width:40px}.graphic-glow{background:radial-gradient(circle,#ffffff4d 0,#fff0 70%);border-radius:50%;height:120px;left:50%;mix-blend-mode:overlay;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .4s ease;width:120px;z-index:2}.product-card-graphic.size-detail{border-radius:24px;box-shadow:inset 0 0 100px #00000026;height:100%;min-height:380px;width:100%}.product-card-graphic.size-detail .graphic-icon-box{border-radius:30px;border-width:1.5px;font-size:3.8rem;height:120px;width:120px}.product-card-graphic.size-detail .graphic-category-watermark{font-size:3.5rem;right:20px;top:15px}.product-card-graphic.size-detail .graphic-brand{bottom:20px;font-size:.85rem;left:24px;letter-spacing:2px}.product-card-graphic.size-detail .shape-1{height:150px;width:150px}.product-card-graphic.size-detail .shape-2{height:180px;width:180px}.product-card-graphic.size-detail .shape-3{height:80px;width:80px}@media (max-width:768px){.product-card-graphic.size-detail{border-radius:0;min-height:280px}.product-card-graphic.size-detail .graphic-icon-box{border-radius:20px;font-size:2.5rem;height:80px;width:80px}.product-card-graphic.size-detail .graphic-category-watermark{font-size:2rem}}@media (max-width:380px){.product-card-graphic.size-detail{min-height:220px}}.marketing-badges-container{display:flex;flex-direction:column;gap:10px;margin:20px 0}.marketing-badge-item{align-items:center;border-radius:12px;box-shadow:0 2px 8px #00000005;direction:rtl;display:flex;font-family:Cairo,sans-serif;font-size:.85rem;font-weight:600;gap:12px;padding:12px 16px;transition:transform .2s ease}.marketing-badge-item:hover{transform:translateX(-3px)}.marketing-badge-item.quality{background:#f0fdf4;border:1px dashed #22c55e;color:#15803d}.marketing-badge-item.price-match{background:#fffbeb;border:1px dashed #f59e0b;color:#b45309}.marketing-badge-item.social-proof{background:#fff5f5;border:1px dashed #ef4444;color:#c53030}.marketing-badge-item i{font-size:1.1rem}.bundle-upsell-section{background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 4px 20px #00000008;direction:rtl;margin-top:30px;padding:24px}.bundle-title{align-items:center;color:#1f2937;display:flex;font-family:Cairo,sans-serif;font-size:1.15rem;font-weight:800;gap:10px;margin-bottom:18px}.bundle-title i{color:#f59e0b}.bundle-items-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start;margin-bottom:20px}.bundle-product-card{flex-direction:column;text-align:center;width:110px}.bundle-product-card,.bundle-thumb-container{align-items:center;display:flex;position:relative}.bundle-thumb-container{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;height:80px;justify-content:center;overflow:hidden;width:80px}.bundle-thumb-img{height:100%;object-fit:cover;width:100%}.bundle-item-checkbox{cursor:pointer;height:20px;position:absolute;right:-6px;top:-6px;width:20px;z-index:5}.bundle-product-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#4b5563;display:-webkit-box;font-family:Cairo,sans-serif;font-size:.75rem;font-weight:600;height:32px;line-height:1.3;margin-top:8px;overflow:hidden}.bundle-product-price{color:#16a34a;font-family:Cairo,sans-serif;font-size:.8rem;font-weight:800;margin-top:4px}.bundle-plus-sign{color:#9ca3af;font-size:1.4rem;font-weight:700;margin:0 4px}.bundle-action-box{align-items:center;border-top:1px solid #f3f4f6;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding-top:18px}.bundle-total-info{display:flex;flex-direction:column;gap:4px}.bundle-total-label{color:#6b7280;font-family:Cairo,sans-serif;font-size:.85rem;font-weight:500}.bundle-total-price{color:#16a34a;font-family:Cairo,sans-serif;font-size:1.35rem;font-weight:900}.bundle-add-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 4px 12px #10b98133;color:#fff;cursor:pointer;display:flex;font-family:Cairo,sans-serif;font-size:.95rem;font-weight:700;gap:10px;padding:12px 24px;transition:all .3s ease}.bundle-add-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 16px #10b9814d;transform:translateY(-2px)}.bundle-add-btn:active{transform:translateY(0)}.order-container{direction:rtl;font-family:Cairo,sans-serif;margin:90px auto 40px;max-width:1100px;padding:0 20px}.order-content{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:1fr 1fr}.product-summary{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 4px 16px #0000000a;padding:24px;position:-webkit-sticky;position:sticky;top:90px}.product-summary h2{align-items:center;color:#052e16;display:flex;font-size:1.2rem;font-weight:800;margin-bottom:18px}.product-details{display:flex;flex-direction:column;gap:16px}.product-summary .product-image{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:14px;height:220px;object-fit:cover;width:100%}.product-summary .product-info h3{color:#1f2937;font-size:1.15rem;font-weight:700;margin-bottom:6px}.product-summary .product-description{color:#6b7280;font-size:.85rem;line-height:1.5}.product-summary .product-price{color:#16a34a;font-size:1rem;font-weight:700}.product-summary .product-stock{color:#6b7280;font-size:.82rem}.order-form-section{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 4px 16px #0000000a;padding:24px}.order-form-section h2{align-items:center;color:#052e16;display:flex;font-size:1.2rem;font-weight:800;margin-bottom:18px}.order-form{display:flex;flex-direction:column;gap:14px}.form-group{gap:5px}.form-group label{color:#374151;font-size:.82rem}.form-group input,.form-group select,.form-group textarea{background:#fafafa;border:1.5px solid #e5e7eb;border-radius:10px;direction:rtl;font-size:.88rem;padding:11px 14px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{box-shadow:0 0 0 3px #22c55e14}.form-group small{color:#9ca3af;font-size:.72rem}.loading{color:#16a34a}.error,.loading{align-items:center;display:flex;font-family:Cairo,sans-serif;font-size:1rem;justify-content:center;min-height:100vh}.error{color:#ef4444}@media (max-width:768px){.order-container{margin:64px auto 20px;padding:0 12px}.order-content{gap:12px;grid-template-columns:1fr}.product-summary{border-radius:14px;padding:14px;position:static}.product-summary h2{font-size:1rem;margin-bottom:12px}.product-summary .product-image{border-radius:12px;height:160px}.product-summary .product-info h3{font-size:.95rem}.product-summary .product-description{font-size:.78rem}.order-form-section{border-radius:14px;padding:14px}.order-form-section h2{font-size:1rem;margin-bottom:12px}.order-form{gap:10px}.form-group label{font-size:.78rem}.form-group input,.form-group select,.form-group textarea{border-radius:8px;font-size:.82rem;padding:9px 12px}}.order-success-wrapper{align-items:center;background:linear-gradient(135deg,#f0fdf4,#fff);direction:rtl;display:flex;flex-direction:column;font-family:Cairo,sans-serif;justify-content:center;min-height:100vh;opacity:0;padding:20px;transform:translateY(20px);transition:all .6s cubic-bezier(.16,1,.3,1)}.order-success-wrapper.visible{opacity:1;transform:translateY(0)}.order-success-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border:1px solid #fff;border-radius:32px;box-shadow:0 25px 50px -12px #16a34a26;max-width:550px;padding:50px 40px;text-align:center;width:100%}.success-animation{display:flex;justify-content:center;margin-bottom:30px}.check-icon-circle{align-items:center;animation:successScale .6s cubic-bezier(.175,.885,.32,1.275) forwards;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;box-shadow:0 10px 25px #16a34a66;color:#fff;display:flex;font-size:2.5rem;height:90px;justify-content:center;width:90px}@keyframes successScale{0%{box-shadow:0 0 0 #16a34a00;transform:scale(0)}to{box-shadow:0 10px 25px #16a34a66;transform:scale(1)}}.success-title{color:#052e16;font-size:2rem;font-weight:800;margin-bottom:12px}.success-desc{color:#475569;font-size:1.05rem;line-height:1.6;margin-bottom:40px}.order-tracking-info{background:#fff;border:2px dashed #bbf7d0;border-radius:20px;margin-bottom:35px;padding:24px;position:relative;transition:all .3s}.order-tracking-info:hover{background:#f0fdf4;border-color:#16a34a}.label-track{color:#16a34a;font-size:.85rem;font-weight:700;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.id-number{color:#052e16;font-size:2.2rem;font-weight:900;letter-spacing:3px;margin-bottom:8px}.copy-hint{color:#94a3b8;font-size:.8rem}.next-steps-info{display:flex;flex-direction:column;gap:15px;margin-bottom:40px;padding:0 10px;text-align:right}.step-item{color:#334155;font-size:.95rem;font-weight:600;gap:12px}.step-item,.step-item i{align-items:center;display:flex}.step-item i{background:#fff;border-radius:10px;box-shadow:0 4px 10px #0000000d;color:#16a34a;font-size:1.1rem;height:36px;justify-content:center;width:36px}.step-item i.fa-whatsapp{color:#25d366}.success-actions{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr}.btn-track-order{align-items:center;background:linear-gradient(135deg,#052e16,#166534);border-radius:16px;box-shadow:0 10px 20px #052e1633;color:#fff;display:flex;font-weight:700;gap:10px;justify-content:center;padding:18px;text-decoration:none;transition:all .3s}.btn-track-order:hover{box-shadow:0 15px 30px #052e164d;transform:translateY(-3px)}.btn-continue-shopping{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;color:#475569;display:flex;font-weight:700;gap:10px;justify-content:center;padding:16px;text-decoration:none;transition:all .3s}.btn-continue-shopping:hover{background:#f1f5f9;border-color:#cbd5e1;color:#1e293b}.success-footer-note{color:#94a3b8;font-size:.9rem;font-weight:600;margin-top:30px}@media (max-width:600px){.order-success-card{border-radius:24px;padding:40px 24px}.success-title{font-size:1.6rem}.id-number{font-size:1.8rem}.success-desc{font-size:.95rem}}.track-order-container{opacity:0;transform:translateY(30px);transition:all .8s ease-out}.track-order-container.visible{opacity:1;transform:translateY(0)}.track-hero{background:linear-gradient(135deg,#052e16,#166534);color:#fff;overflow:hidden;padding:120px 0 80px;position:relative;text-align:center}.track-hero:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='50' cy='50' r='1' fill='rgba(255,255,255,0.1)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.tracking-section{background:#f8f9fa;padding:4rem 0}.tracking-card{animation:slideInUp 1s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;margin:0 auto;max-width:800px;padding:3rem}.tracking-header{margin-bottom:3rem;text-align:center}.tracking-icon{align-items:center;background:linear-gradient(135deg,#388e3c,#4caf50);border-radius:50%;color:#fff;display:flex;font-size:2rem;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.tracking-header h2{color:#2e7d32;font-size:2rem;font-weight:600;margin-bottom:1rem}.tracking-header p{color:#666;font-size:1.1rem;line-height:1.6}.tracking-form{margin-bottom:2rem}.input-group{align-items:stretch;display:flex;gap:1rem}.input-group input{background:#fff;border:2px solid #e0e0e0;border-radius:50px;flex:1 1;font-size:1.1rem;padding:1rem 1.5rem;transition:all .3s ease}.input-group input:focus{border-color:#388e3c;box-shadow:0 0 0 3px #388e3c1a;outline:none}.track-btn{align-items:center;background:linear-gradient(135deg,#388e3c,#4caf50);border:none;border-radius:50px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;justify-content:center;min-width:150px;padding:1rem 2rem;transition:all .3s ease}.track-btn:hover:not(:disabled){box-shadow:0 8px 25px #388e3c4d;transform:translateY(-2px)}.track-btn:disabled{cursor:not-allowed;opacity:.7}.track-btn.loading{background:#666}.order-details{animation:fadeInUp 1s ease-out;background:#f8f9fa;border-radius:15px;margin-top:2rem;padding:2rem}.order-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.order-header h3{color:#2e7d32;font-size:1.5rem;font-weight:600;margin:0}.order-number{background:#388e3c;border-radius:25px;color:#fff;font-size:.9rem;font-weight:600;padding:.5rem 1rem}.order-status{margin-bottom:2rem;text-align:center}.status-badge{align-items:center;border-radius:25px;box-shadow:0 4px 15px #0003;color:#fff;display:inline-flex;font-size:1.1rem;font-weight:600;gap:.5rem;padding:.8rem 1.5rem}.order-info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.info-item{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;padding:1.5rem;transition:all .3s ease}.info-item:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-2px)}.info-label{align-items:center;color:#666;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:.5rem}.info-label i{color:#388e3c;width:16px}.info-value{color:#2e7d32;font-size:1.1rem;font-weight:600}.order-items{border-top:2px solid #e0e0e0;margin-top:2rem;padding-top:2rem}.order-items h4{color:#2e7d32;font-size:1.3rem;font-weight:600;margin-bottom:1.5rem}.items-list{grid-gap:1rem;display:grid;gap:1rem}.item-card{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;display:flex;gap:1rem;padding:1rem}.item-image{border-radius:8px;flex-shrink:0;height:60px;overflow:hidden;width:60px}.item-image img{height:100%;object-fit:cover;width:100%}.item-details{flex:1 1}.item-details h5{color:#2e7d32;font-size:1rem;margin:0 0 .3rem}.item-price{color:#388e3c;font-size:.9rem;font-weight:600;margin:0 0 .2rem}.item-quantity{color:#666;font-size:.8rem;margin:0}.help-section{background:#fff;padding:4rem 0}.help-content{margin:0 auto;max-width:800px;text-align:center}.help-content h2{color:#2e7d32;font-size:2.5rem;font-weight:600;margin-bottom:1rem}.help-content p{color:#666;font-size:1.2rem;line-height:1.6;margin-bottom:3rem}.help-options{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.help-option{animation:fadeInUp 1s ease-out;background:#f8f9fa;border-radius:15px;padding:2rem;text-align:center;transition:all .3s ease}.help-option:hover{background:#e8f5e8;box-shadow:0 10px 25px #388e3c33;transform:translateY(-5px)}.help-option h3{color:#2e7d32;font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.help-option p{color:#666;font-size:1rem;margin:0}@media (max-width:768px){.track-hero{padding:76px 0 36px}.track-hero .hero-content{padding:0 16px}.hero-title{font-size:1.5rem}.hero-subtitle{font-size:.85rem}.tracking-section{padding:1.5rem 0}.tracking-section .container{padding:0 12px}.tracking-card{border-radius:14px;box-shadow:0 4px 16px #0000000f;margin:0;padding:16px}.tracking-header{margin-bottom:1.5rem}.tracking-icon{font-size:1.4rem;height:56px;margin-bottom:1rem;width:56px}.tracking-header h2{font-size:1.15rem;margin-bottom:.5rem}.tracking-header p{font-size:.82rem}.input-group{flex-direction:column;gap:.6rem}.input-group input{padding:.7rem 1rem}.input-group input,.track-btn{border-radius:10px;font-size:.88rem}.track-btn{padding:.7rem;width:100%}.order-header{flex-direction:column;gap:.6rem;margin-bottom:1rem;padding-bottom:.8rem;text-align:center}.order-header h3{font-size:1.1rem}.order-number{font-size:.78rem;padding:.3rem .8rem}.order-details{border-radius:12px;margin-top:1.2rem;padding:1rem}.order-info-grid{gap:.8rem;grid-template-columns:1fr 1fr}.info-item{border-radius:10px;padding:.8rem}.info-label{font-size:.72rem;margin-bottom:.3rem}.info-value,.status-badge{font-size:.88rem}.status-badge{padding:.5rem 1rem}.order-items{margin-top:1rem;padding-top:1rem}.order-items h4{font-size:1rem;margin-bottom:.8rem}.item-card{border-radius:10px;gap:.8rem;padding:.8rem}.item-image{height:48px;width:48px}.item-details h5{font-size:.85rem}.item-price{font-size:.78rem}.item-quantity{font-size:.72rem}.error-message{border-radius:8px;font-size:.82rem;padding:.7rem}.help-section{padding:2rem 0}.help-content h2{font-size:1.3rem;margin-bottom:.6rem}.help-content p{font-size:.82rem;margin-bottom:1.5rem}.help-options{gap:.8rem;grid-template-columns:1fr}.help-option{border-radius:12px;padding:1.2rem}.option-icon{font-size:1.1rem;height:44px;margin-bottom:.6rem;width:44px}.help-option h3{font-size:.92rem;margin-bottom:.3rem}.help-option p{font-size:.78rem}}.cart-container{direction:rtl;font-family:Cairo,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;opacity:0;padding:100px 20px 40px;transform:translateY(10px);transition:all .4s ease}.cart-container.visible{opacity:1;transform:translateY(0)}.empty-cart{padding:80px 20px;text-align:center}.empty-cart-icon{align-items:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:50%;color:#16a34a;display:flex;font-size:2.5rem;height:100px;justify-content:center;margin:0 auto 24px;width:100px}.empty-cart h2{color:#1f2937;font-size:1.5rem;font-weight:800;margin-bottom:8px}.empty-cart p{color:#9ca3af;margin-bottom:24px}.continue-shopping-btn{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:12px;box-shadow:0 4px 16px #22c55e4d;color:#fff;display:inline-flex;font-family:Cairo,sans-serif;font-size:1rem;font-weight:700;gap:8px;padding:14px 32px;text-decoration:none;transition:all .3s}.continue-shopping-btn:hover{box-shadow:0 8px 28px #22c55e66;transform:translateY(-2px)}.cart-header{justify-content:space-between;margin-bottom:24px}.cart-header,.cart-header h1{align-items:center;display:flex}.cart-header h1{color:#1f2937;font-size:1.6rem;font-weight:800;gap:10px}.cart-header h1 i{color:#16a34a}.cart-items-count{background:#f0fdf4;border-radius:20px;color:#16a34a;font-size:.85rem;font-weight:700;padding:6px 16px}.cart-layout{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:1fr 400px}.cart-items-section{display:flex;flex-direction:column;gap:12px}.cart-item{align-items:center;background:#fff;border:1px solid #f0f0f0;border-radius:16px;display:flex;gap:16px;padding:16px;transition:all .3s}.cart-item:hover{border-color:#dcfce7;box-shadow:0 4px 16px #0000000a}.cart-item-image{background:#fafafa;border:1px solid #f3f4f6;border-radius:12px;flex-shrink:0;height:80px;object-fit:contain;padding:6px;width:80px}.cart-item-details{flex:1 1;min-width:0}.cart-item-name{color:#1f2937;font-size:.95rem;font-weight:700;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cart-item-category{background:#f0fdf4;border-radius:10px;color:#16a34a;display:inline-block;font-size:.72rem;font-weight:600;margin-bottom:4px;padding:1px 8px}.price-stack{display:flex;flex-direction:column;gap:2px}.bulk-discount-badge{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:6px;box-shadow:0 2px 6px #10b98133;color:#fff;display:inline-flex;font-size:.7rem;font-weight:800;gap:4px;padding:2px 8px;width:-webkit-fit-content;width:fit-content}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.original-price{color:#9ca3af;font-size:.75rem;margin-top:2px;text-decoration:line-through}.cart-item-actions{align-items:center;display:flex;flex-shrink:0;gap:16px}.quantity-control{align-items:center;border:2px solid #e5e7eb;border-radius:10px;display:flex;overflow:hidden}.quantity-control button{background:#fafafa;border:none;color:#4b5563;cursor:pointer;font-size:1rem;font-weight:700;height:34px;transition:all .2s;width:34px}.quantity-control button:hover:not(:disabled){background:#16a34a;color:#fff}.quantity-control button:disabled{cursor:not-allowed;opacity:.3}.quantity-control span{color:#1f2937;font-size:.9rem;font-weight:700;text-align:center;width:40px}.cart-item-total{color:#052e16;font-size:.95rem;font-weight:800;min-width:90px;text-align:center}.remove-btn{background:none;border:none;border-radius:8px;color:#d1d5db;cursor:pointer;font-size:.9rem;padding:8px;transition:all .2s}.remove-btn:hover{background:#fef2f2;color:#ef4444}.cart-actions-bar{align-items:center;display:flex;justify-content:space-between;margin-top:4px}.continue-shopping-link{align-items:center;color:#16a34a;display:flex;font-size:.85rem;font-weight:600;gap:6px;text-decoration:none;transition:all .2s}.continue-shopping-link:hover{color:#052e16}.clear-cart-btn{align-items:center;background:none;border:1.5px solid #fecaca;border-radius:10px;color:#ef4444;cursor:pointer;display:flex;font-family:Cairo,sans-serif;font-size:.82rem;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s}.clear-cart-btn:hover{background:#fef2f2}.cart-checkout-section{position:-webkit-sticky;position:sticky;top:80px}.checkout-card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;margin-bottom:12px;padding:20px}.checkout-card h3{align-items:center;color:#1f2937;display:flex;font-size:1rem;font-weight:700;gap:8px;margin-bottom:14px}.checkout-card h3 i{color:#16a34a}.checkout-card .form-group{margin-bottom:12px}.checkout-card .form-group label{color:#6b7280;display:block;font-size:.78rem;font-weight:600;margin-bottom:4px}.checkout-card .form-group input,.checkout-card .form-group select,.checkout-card .form-group textarea{background:#fafafa;border:2px solid #e5e7eb;border-radius:10px;box-sizing:border-box;font-family:Cairo,sans-serif;font-size:.88rem;padding:10px 14px;transition:all .3s;width:100%}.checkout-card .form-group input:focus,.checkout-card .form-group select:focus,.checkout-card .form-group textarea:focus{background:#fff;border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a;outline:none}.summary-card{background:#f0fdf4!important;border-color:#bbf7d0!important}.summary-rows{display:flex;flex-direction:column;gap:8px}.summary-row{align-items:center;color:#4b5563;display:flex;font-size:.85rem;justify-content:space-between}.item-row{border-bottom:1px dashed #e5e7eb;color:#6b7280;font-size:.78rem;padding-bottom:6px}.subtotal-row{border-top:1px solid #bbf7d0;font-weight:600;padding-top:6px}.total-row{border-top:2px solid #16a34a;color:#052e16;font-size:1.1rem;font-weight:800;margin-top:4px;padding-top:10px}.free-shipping-tag{align-items:center;animation:pulseGreen 2s infinite;background:#22c55e;border-radius:20px;box-shadow:0 4px 12px #22c55e33;color:#fff;display:inline-flex;font-size:.75rem;padding:2px 10px}.shipping-hint{background:#fff;border:1px dashed #bbf7d0;color:#16a34a;font-size:.78rem;line-height:1.4;margin:8px 0}.shipping-hint i{color:#22c55e;font-size:.9rem}@keyframes pulseGreen{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.checkout-btn{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:14px;box-shadow:0 6px 24px #22c55e4d;color:#fff;cursor:pointer;display:flex;font-family:Cairo,sans-serif;font-size:1.05rem;font-weight:700;gap:8px;justify-content:center;padding:16px;transition:all .3s;width:100%}.checkout-btn:hover:not(:disabled){box-shadow:0 8px 32px #22c55e66;transform:translateY(-2px)}.checkout-btn:disabled{cursor:not-allowed;opacity:.7}@media (max-width:900px){.cart-container{padding:90px 14px 100px}.cart-layout{grid-template-columns:1fr}.cart-checkout-section{position:static}.cart-item{flex-wrap:wrap;gap:10px;padding:12px}.cart-item-image{height:60px;width:60px}.cart-item-details{flex:1 1;min-width:120px}.cart-item-name{font-size:.82rem}.cart-item-actions{border-top:1px solid #f3f4f6;justify-content:space-between;padding-top:6px;width:100%}.cart-header h1{font-size:1.2rem}.quantity-control button{height:30px;width:30px}.quantity-control span{font-size:.82rem;width:32px}}.min-order-warning{align-items:flex-start;animation:fadeIn .3s ease;background:#fee2e2;border:1px solid #fca5a5;border-radius:12px;color:#991b1b;display:flex;font-size:.88rem;font-weight:600;gap:10px;line-height:1.6;margin-bottom:16px;padding:14px 16px}.min-order-warning i{color:#ef4444;font-size:1.2rem;margin-top:3px}.disabled-btn{background:#94a3b8!important;box-shadow:none!important;cursor:not-allowed!important;opacity:.5!important}.disabled-btn:hover{transform:none!important}.animate-fadeIn{animation:fadeIn .3s ease}.shipping-hint{align-items:center;background:#eff6ff;border:1px solid #93c5fd;border-radius:10px;color:#1e40af;display:flex;font-size:.82rem;font-weight:600;gap:8px;margin-top:10px;padding:10px 14px}.shipping-hint i{color:#3b82f6}.free-shipping-tag{color:#16a34a;font-weight:800}.product-card-graphic{align-items:center;direction:rtl;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;width:100%}.product-card-graphic.theme-bags{background:linear-gradient(135deg,#10b981,#059669 50%,#047857)}.product-card-graphic.theme-cleaners{background:linear-gradient(135deg,#0ea5e9,#2563eb 50%,#1d4ed8)}.product-card-graphic.theme-supplies{background:linear-gradient(135deg,#8b5cf6,#6d28d9 50%,#5b21b6)}.product-card-graphic.theme-tissues{background:linear-gradient(135deg,#ec4899,#db2777 50%,#be185d)}.product-card-graphic.theme-packaging{background:linear-gradient(135deg,#f59e0b,#d97706 50%,#b45309)}.product-card-graphic.theme-diapers{background:linear-gradient(135deg,#f43f5e,#e11d48 50%,#be123c)}.product-card-graphic.theme-default{background:linear-gradient(135deg,#6b7280,#4b5563 50%,#374151)}.graphic-icon-box{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff59;border-radius:20px;box-shadow:0 8px 32px #00000026;color:#fff;display:flex;font-size:2.2rem;height:70px;justify-content:center;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:70px;z-index:3}.graphic-brand{bottom:12px;color:#fff6;font-family:Outfit,Segoe UI,sans-serif;font-size:.65rem;font-weight:800;left:14px;letter-spacing:1.5px;position:absolute;text-transform:uppercase;z-index:2}.graphic-category-watermark{color:#ffffff14;font-family:Cairo,sans-serif;font-size:1.6rem;font-weight:900;pointer-events:none;position:absolute;right:12px;top:8px;transform:rotate(-5deg);-webkit-user-select:none;user-select:none;white-space:nowrap;z-index:2}.product-card-graphic.size-cart{border-radius:12px;flex-shrink:0;height:80px;min-height:80px;overflow:hidden;position:relative;width:80px}.product-card-graphic.size-cart .graphic-bg-image{background-position:50%;background-size:cover;bottom:0;display:block!important;left:0;opacity:.95;position:absolute;right:0;top:0;z-index:1}.product-card-graphic.size-cart .graphic-bg-overlay{background:#00000040;bottom:0;display:block!important;left:0;position:absolute;right:0;top:0;z-index:2}.product-card-graphic.size-cart .graphic-icon-box{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fff3;border:1.5px solid #fff6;border-radius:10px;box-shadow:0 4px 12px #0003;color:#fff;display:flex;font-size:1.15rem;height:36px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s;width:36px;z-index:3}.cart-item:hover .product-card-graphic.size-cart .graphic-icon-box{background:#ffffff4d;transform:translate(-50%,-50%) scale(1.08)}.product-card-graphic.size-cart .graphic-brand,.product-card-graphic.size-cart .graphic-category-watermark,.product-card-graphic.size-cart .graphic-glow,.product-card-graphic.size-cart .graphic-shapes,.product-card-graphic.size-cart .shape{display:none!important}@media (max-width:900px){.product-card-graphic.size-cart{height:60px;min-height:60px;width:60px}.product-card-graphic.size-cart .graphic-icon-box{border-radius:6px;font-size:.95rem;height:28px;width:28px}}.admin-login-container{opacity:0;transform:translateY(30px);transition:all .8s ease-out}.admin-login-container.visible{opacity:1;transform:translateY(0)}.loading-container{align-items:center;background:linear-gradient(135deg,#2e7d32,#388e3c 50%,#4caf50);display:flex;justify-content:center;min-height:100vh}.loading-spinner{color:#fff;text-align:center}.loading-spinner i{font-size:3rem;margin-bottom:1rem}.loading-spinner p{font-size:1.2rem;margin:0}.login-hero{background:linear-gradient(135deg,#2e7d32,#388e3c 50%,#4caf50);color:#fff;overflow:hidden;padding:120px 0 80px;position:relative;text-align:center}.login-hero:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='50' cy='50' r='1' fill='rgba(255,255,255,0.1)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.hero-content{margin:0 auto;max-width:800px;padding:0 2rem;position:relative;z-index:2}.hero-title{animation:fadeInUp 1s ease-out;font-size:3.5rem;font-weight:700;margin-bottom:1rem}.hero-subtitle{animation:fadeInUp 1s ease-out .3s both;font-size:1.3rem;line-height:1.6;opacity:.9}.login-section{background:#f8f9fa;padding:4rem 0}.container{margin:0 auto;max-width:1200px;padding:0 2rem}.login-card{animation:slideInUp 1s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;margin:0 auto;max-width:600px;padding:3rem}.login-header{margin-bottom:3rem;text-align:center}.login-icon{align-items:center;background:linear-gradient(135deg,#388e3c,#4caf50);border-radius:50%;color:#fff;display:flex;font-size:2rem;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.login-header h2{color:#2e7d32;font-size:2rem;font-weight:600;margin-bottom:1rem}.login-header p{color:#666;font-size:1.1rem;line-height:1.6}.login-form{margin-bottom:2rem}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.form-group label{color:#2e7d32;font-size:1rem}.input-wrapper{align-items:center;display:flex;position:relative;width:100%}.input-wrapper i{color:#666;font-size:1.2rem;pointer-events:none;position:absolute;right:1.2rem;top:50%;transform:translateY(-50%);z-index:2}.input-wrapper input{background:#fff;border:2px solid #e0e0e0;border-radius:10px;box-sizing:border-box;font-size:1rem;padding:.9rem 1rem .9rem 3.2rem;transition:all .3s ease;width:100%}.input-wrapper input:focus{border-color:#388e3c;box-shadow:0 0 0 3px #388e3c1a;outline:none}.login-btn{align-items:center;background:linear-gradient(135deg,#388e3c,#4caf50);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:1rem;padding:1rem 2rem;transition:all .3s ease;width:100%}.login-btn:hover:not(:disabled){box-shadow:0 8px 25px #388e3c4d;transform:translateY(-2px)}.login-btn:disabled{cursor:not-allowed;opacity:.7}.login-btn.loading{background:#666}.error-message{background:#ffebee;border:1px solid #ef5350;border-radius:10px;color:#c62828;font-weight:500;gap:.5rem;margin-top:1rem;padding:1rem 1.5rem}.login-footer{border-top:1px solid #e0e0e0;margin-top:2rem;padding-top:2rem}.security-info h3{color:#2e7d32;font-size:1.2rem;font-weight:600;margin-bottom:1rem;text-align:center}.security-items{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.security-item{align-items:center;color:#666;display:flex;font-size:.9rem;gap:.5rem}.security-item i{color:#388e3c;font-size:1rem}.admin-features-section{background:#fff;padding:4rem 0}.section-title{color:#2e7d32;font-size:2.5rem;font-weight:600;margin-bottom:3rem;position:relative;text-align:center}.section-title:after{background:linear-gradient(90deg,#388e3c,#4caf50);bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-card{animation:fadeInUp 1s ease-out;background:#f8f9fa;border-radius:15px;padding:2.5rem;text-align:center;transition:all .3s ease}.feature-card:hover{background:#e8f5e8;box-shadow:0 10px 25px #388e3c33;transform:translateY(-5px)}.feature-icon{align-items:center;background:#388e3c;border-radius:50%;color:#fff;display:flex;font-size:1.5rem;height:70px;justify-content:center;margin:0 auto 1.5rem;width:70px}.feature-card h3{color:#2e7d32;font-size:1.3rem;font-weight:600;margin-bottom:1rem}.feature-card p{color:#666;line-height:1.6}.support-section{background:#f8f9fa;padding:4rem 0}.support-content{margin:0 auto;max-width:800px;text-align:center}.support-content h2{color:#2e7d32;font-size:2.5rem;font-weight:600;margin-bottom:1rem}.support-content p{color:#666;font-size:1.2rem;line-height:1.6;margin-bottom:3rem}.support-options{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.support-option{animation:fadeInUp 1s ease-out;background:#fff;border-radius:15px;box-shadow:0 5px 15px #0000001a;padding:2rem;text-align:center;transition:all .3s ease}.support-option:hover{box-shadow:0 10px 25px #00000026;transform:translateY(-5px)}.option-icon{align-items:center;background:#388e3c;border-radius:50%;color:#fff;display:flex;font-size:1.5rem;height:60px;justify-content:center;margin:0 auto 1rem;width:60px}.support-option h3{color:#2e7d32;font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.support-option p{color:#666;font-size:1rem;margin:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.login-hero{padding:100px 0 60px}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.login-card{margin:0 1rem;padding:2rem}.security-items{flex-direction:column;gap:1rem}.features-grid,.support-options{grid-template-columns:1fr}}@media (max-width:480px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.login-card{padding:1.5rem}.container{padding:0 1rem}.section-title,.support-content h2{font-size:2rem}.input-wrapper input{font-size:.95rem;padding-left:2.7rem}.input-wrapper i{font-size:1rem;left:.8rem}}.data-table-container{background:#fff;border:1px solid #f1f5f9;border-radius:20px;box-shadow:0 4px 24px #0000000d;margin:1.5rem 0;overflow:hidden}.table-wrapper-modern{overflow-x:auto;position:relative;width:100%}.data-table-modern{border-collapse:collapse;font-family:Cairo,sans-serif;text-align:right;width:100%}.table-controls-modern{align-items:center;background:#fff;border-bottom:1px solid #f1f5f9;display:flex;gap:20px;justify-content:space-between;padding:16px 24px}.search-box-modern{flex:1 1;max-width:400px;position:relative}.search-box-modern i{color:#94a3b8;pointer-events:none;position:absolute;right:15px;top:50%;transform:translateY(-50%)}.search-box-modern input{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;color:#1e293b;font-family:Cairo,sans-serif;font-size:.95rem;padding:12px 45px 12px 15px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.search-box-modern input:focus{background:#fff;border-color:#388e3c;box-shadow:0 4px 12px #388e3c1a;outline:none;transform:translateY(-1px)}.filter-box-modern select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9-7 7-7-7'/%3E%3C/svg%3E");background-position:left 12px center;background-repeat:no-repeat;background-size:16px;border:1.5px solid #e2e8f0;border-radius:10px;color:#475569;cursor:pointer;font-family:Cairo,sans-serif;font-size:.9rem;font-weight:700;min-width:140px;padding:11px 40px 11px 15px;text-align:right;transition:all .2s}.filter-box-modern select:hover{background-color:#f8fafc;border-color:#388e3c}.filter-box-modern select:focus{box-shadow:0 0 0 3px #388e3c1a;outline:none}.data-table-modern thead th{background:#f8fafc;border-bottom:2px solid #f1f5f9;color:#64748b;font-size:.88rem;font-weight:700;letter-spacing:.02em;padding:18px 24px;text-transform:uppercase;white-space:nowrap}.table-row-modern{border-bottom:1px solid #f1f5f9;transition:all .2s cubic-bezier(.4,0,.2,1)}.table-row-modern:hover{background:#fdfdfd;background:linear-gradient(270deg,#22c55e08 0,#0000);transform:scale(.998)}.data-table-modern td{color:#334155;font-size:.95rem;padding:16px 24px;vertical-align:middle}.table-img-container{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;height:48px;justify-content:center;overflow:hidden;transition:transform .2s;width:48px}.table-img-container:hover{transform:scale(1.1);z-index:2}.table-img-container img{height:100%;object-fit:cover;width:100%}.circle-img{border-radius:50%}.rounded-img{border-radius:10px}.actions-cell-modern{padding:12px 24px!important}.action-buttons-group{gap:10px}.action-btn,.action-buttons-group{display:flex;justify-content:center}.action-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;font-size:1rem;height:38px;position:relative;transition:all .2s;width:38px}.action-btn.view{background:#3b82f61a;color:#3b82f6}.action-btn.edit{background:#f59e0b1a;color:#f59e0b}.action-btn.delete{background:#ef44441a;color:#ef4444}.action-btn:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.action-btn.view:hover{background:#3b82f6;color:#fff}.action-btn.edit:hover{background:#f59e0b;color:#fff}.action-btn.delete:hover{background:#ef4444;color:#fff}.status-badge-modern{align-items:center;border-radius:50px;display:inline-flex;font-size:.8rem;font-weight:700;gap:6px;padding:6px 14px}.status-new{background:#fef3c7;color:#92400e}.status-read{background:#dcfce7;color:#166534}.status-replied{background:#dbeafe;color:#1e40af}.price-cell{color:#16a34a;font-size:1rem;font-weight:800}.price-cell small{color:#64748b;font-size:.75rem;font-weight:600;margin-right:2px}.no-data-cell{padding:60px!important}.no-data-content{align-items:center;color:#94a3b8;display:flex;flex-direction:column;gap:12px}.no-data-content i{font-size:3rem;opacity:.5}.no-data-content p{font-size:1.1rem;font-weight:600}.pagination-modern{border-top:1px solid #f1f5f9;justify-content:space-between;padding:20px 24px}.pag-btn,.pagination-modern{align-items:center;background:#fff;display:flex}.pag-btn{border:1px solid #e2e8f0;border-radius:12px;color:#64748b;cursor:pointer;font-family:Cairo,sans-serif;font-weight:700;gap:8px;padding:10px 20px;transition:all .2s}.pag-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;color:#1e293b;transform:scale(1.02)}.pag-btn:disabled{cursor:not-allowed;opacity:.4}.page-numbers{color:#64748b;font-size:.9rem}.page-numbers strong{background:#f1f5f9;border-radius:6px;color:#1e293b;margin:0 4px;padding:4px 10px}.table-wrapper-modern::-webkit-scrollbar{height:6px}.table-wrapper-modern::-webkit-scrollbar-track{background:#0000}.table-wrapper-modern::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}@media (max-width:768px){.data-table-modern thead th{font-size:.8rem;padding:12px 14px}.data-table-modern td{font-size:.85rem;padding:12px 14px}.action-buttons-group{flex-direction:column;gap:6px}.action-btn{font-size:.9rem;height:32px;width:32px}.pagination-modern{flex-direction:column;gap:15px}}.modal-overlay{align-items:center;animation:fadeInOverlay .3s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0f172a66;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.modal-content{animation:modalScaleUp .4s cubic-bezier(.34,1.56,.64,1);background:#fffffff2;border-radius:24px;box-shadow:0 20px 50px #00000026,inset 0 0 0 1px #ffffff80;direction:rtl;font-family:Cairo,sans-serif;max-height:90vh;max-width:650px;overflow-y:auto;padding:0;position:relative;width:100%}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.modal-header{align-items:center;background:linear-gradient(180deg,#fff,#fafafa);border-bottom:1px solid #0000000d;display:flex;justify-content:space-between;padding:24px 32px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-content h3,.modal-header h2{color:#1e293b;font-size:1.4rem;font-weight:800;letter-spacing:-.01em;margin:0}.close-btn{border-radius:12px;color:#64748b;font-size:20px;height:36px;transition:all .2s cubic-bezier(.4,0,.2,1);width:36px}.modal-content form,.modal-form,.product-form{padding:32px}.form-group{margin-bottom:24px;position:relative}.form-group label{font-size:.95rem;margin-bottom:10px}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #e2e8f0;border-radius:14px;box-sizing:border-box;color:#1e293b;font-family:Cairo,sans-serif;font-size:1rem;padding:14px 18px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#22c55e;box-shadow:0 0 0 4px #22c55e1a;outline:none;transform:translateY(-1px)}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:8px}.form-group textarea{line-height:1.6;min-height:100px;resize:none}.form-group small{background:#f8fafc;border-radius:6px;color:#64748b;display:inline-block;font-size:.8rem;margin-top:8px;padding:4px 10px}.form-group input[type=file]{background:#f8fafc;border:2px dashed #cbd5e1;cursor:pointer;padding:30px 20px;text-align:center}.form-group input[type=file]:hover{background:#f0fdf4;border-color:#22c55e}.modal-actions{border-top:1px solid #0000000d;gap:12px;margin-top:32px;padding-top:24px}.cancel-btn,.modal-content .cancel-btn{background:#fff;border:2px solid #e2e8f0;border-radius:14px;color:#64748b;cursor:pointer;font-family:Cairo,sans-serif;font-size:1rem;font-weight:700;padding:14px 28px;transition:all .2s}.cancel-btn:hover{background:#f1f5f9;border-color:#cbd5e1;color:#1e293b}.add-btn,.modal-content .add-btn,.modal-submit-btn,.submit-btn{background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:14px;box-shadow:0 4px 12px #22c55e4d;color:#fff;cursor:pointer;font-family:Cairo,sans-serif;font-size:1rem;font-weight:700;padding:14px 32px;transition:all .3s}.add-btn:hover,.modal-submit-btn:hover,.submit-btn:hover{box-shadow:0 8px 20px #22c55e66;transform:translateY(-2px)}.category-suggestions{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 25px #0000001a;left:0;margin-top:5px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.category-suggestion-item{border-bottom:1px solid #f1f5f9;cursor:pointer;padding:12px 20px;transition:all .2s}.category-suggestion-item:last-child{border-bottom:none}.category-suggestion-item:hover{background:#f0fdf4;color:#16a34a;padding-right:25px}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#0000}.modal-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.error-message{align-items:center;background:#fee2e2;border:1px solid #fecaca;border-radius:12px;color:#991b1b;display:flex;font-size:.9rem;font-weight:600;gap:10px;margin-bottom:24px;padding:14px 20px}@media (max-width:768px){.modal-content{border-radius:0;margin:0;max-height:100vh}.form-row{gap:0;grid-template-columns:1fr}.modal-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%}}.dashboard-container{margin:0 auto;max-width:1400px;padding:2rem}.dashboard-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem 0}.dashboard-header h2{color:#333;margin:0}.admin-info{align-items:center;display:flex;gap:16px}.admin-status-badge{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:10px;height:48px;padding:0 16px;transition:all .3s ease}.admin-status-badge:hover{background:#fff;border-color:#cbd5e1}.admin-status-badge i{color:#64748b;font-size:1.5rem}.admin-status-text{display:flex;flex-direction:column;line-height:1.2}.admin-name{color:#1e293b;font-size:.95rem;font-weight:700}.admin-role-label{color:#3b82f6;font-size:.75rem;font-weight:600;text-transform:uppercase}.logout-btn{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626)!important;border:none;border-radius:12px;box-shadow:0 4px 12px #ef444433;color:#fff;cursor:pointer;display:flex;font-weight:700;gap:8px;height:48px;padding:0 20px;transition:all .3s ease}.logout-btn:hover{background:#dc2626!important;transform:scale(1.05)}.refresh-all-btn{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a)!important;border:none;border-radius:12px;box-shadow:0 4px 12px #16a34a33;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:700;gap:10px;height:48px;padding:0 20px;transition:all .3s ease}.refresh-all-btn:hover{background:#388e3c!important;box-shadow:0 4px 12px #4caf504d;transform:translateY(-1px)}.refresh-all-btn i{font-size:.9rem}.stats-section{margin-bottom:3rem}.stats-section h3{color:#333;margin-bottom:1.5rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stat-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;padding:1.5rem;text-align:center}.stat-card h4{color:#666;font-size:.9rem;margin:0 0 .5rem;text-transform:uppercase}.stat-card p{color:#388e3c;font-size:2rem;font-weight:700;margin:0}.add-product-section{margin-bottom:3rem}.add-btn{align-items:center;background:#388e3c;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.add-btn:hover{background:#2e7031;box-shadow:0 4px 8px #388e3c4d;transform:translateY(-1px)}.add-btn:active{transform:translateY(0)}@media (max-width:768px){.dashboard-container{padding:1rem}.dashboard-header{flex-direction:column;gap:1rem;text-align:center}.stats-grid{grid-template-columns:1fr}.section-header{flex-direction:column;gap:1rem;text-align:center}}.success-modal-overlay{align-items:center;animation:fadeIn .3s;background:#388e3c14;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.success-modal{align-items:center;animation:popIn .3s;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:18px;box-shadow:0 8px 32px #388e3c2e;display:flex;flex-direction:column;max-width:90vw;min-width:280px;padding:2.2rem 2.5rem 1.7rem}.success-icon{color:#43a047;font-size:3.5rem;margin-bottom:1rem}.success-text{color:#2e7d32;font-size:1.25rem;font-weight:700;text-align:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.messages-stats{align-items:center;display:flex;gap:15px}.stat-badge{background:#e3f2fd;border-radius:20px;color:#1976d2;font-size:.85rem;font-weight:500;padding:6px 12px}.stat-badge.unread{background:#fff3cd;color:#856404}.status-badge{border-radius:20px;display:inline-block;font-size:.85rem;font-weight:500;padding:6px 12px}.status-badge.unread{background:#fff3cd;color:#856404}.status-badge.read{background:#d1ecf1;color:#0c5460}.status-badge.replied{background:#d4edda;color:#155724}.status-select{border:none;border-radius:20px;cursor:pointer;font-size:.85rem;font-weight:500;padding:6px 12px;transition:all .3s ease}.status-select.unread{background:#fff3cd;color:#856404}.status-select.read{background:#d1ecf1;color:#0c5460}.status-select.replied{background:#d4edda;color:#155724}.status-select:hover{box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.message-modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.message-modal{animation:modalSlideIn .3s ease;background:#fff;border-radius:15px;box-shadow:0 20px 60px #0000004d;max-height:80vh;max-width:600px;overflow-y:auto;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.message-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e9ecef;border-radius:15px 15px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px 25px}.message-modal-header h3{font-size:1.3rem;font-weight:600;margin:0}.close-btn{align-items:center;background:#f1f5f9;border:none;border-radius:10px;color:#475569;cursor:pointer;display:flex;font-size:1.2rem;height:35px;justify-content:center;padding:5px;transition:all .3s ease;width:35px}.close-btn:hover{background:#fee2e2;color:#ef4444;transform:rotate(90deg)}.message-modal-content{padding:25px}.message-info{margin-bottom:25px}.info-row{align-items:center;border-bottom:1px solid #f8f9fa;display:flex;justify-content:space-between;padding:12px 0}.info-row:last-child{border-bottom:none}.info-row strong{color:#495057;font-weight:600;min-width:120px}.info-row span{color:#6c757d;text-align:right}.message-body{margin-bottom:25px}.message-body h4{color:#495057;font-size:1.1rem;font-weight:600;margin-bottom:15px}.message-text{background:#f8f9fa;border-left:4px solid #667eea;border-radius:10px;color:#495057;line-height:1.6;padding:20px;white-space:pre-wrap}.message-actions{display:flex;gap:15px;justify-content:flex-end}.copy-btn,.reply-btn{align-items:center;border:none;border-radius:25px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:12px 20px;transition:all .3s ease}.reply-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.copy-btn{background:#6c757d;color:#fff}.copy-btn:hover,.reply-btn:hover{box-shadow:0 8px 20px #0003;transform:translateY(-2px)}@media (max-width:768px){.message-modal{margin:10px;max-height:90vh}.info-row{align-items:flex-start;flex-direction:column;gap:5px}.info-row strong{min-width:auto}.message-actions{flex-direction:column}.copy-btn,.reply-btn{justify-content:center;width:100%}}.section-actions{gap:1rem}.refresh-btn,.section-actions{align-items:center;display:flex}.refresh-btn{background:#2196f3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.refresh-btn:hover{background:#1976d2;box-shadow:0 4px 12px #2196f34d;transform:translateY(-1px)}.refresh-btn i{font-size:.9rem}.data-info{align-items:center;background:#f8f9fa;border-left:4px solid #4caf50;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem}.data-count{color:#333;font-size:1rem;font-weight:600}.data-status{color:#666;display:flex;font-size:.9rem;gap:1rem}.section-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.section-header h3{color:#333;font-size:1.5rem;font-weight:600;margin:0}.orders-section{margin-bottom:3rem}.orders-section h3{color:#333;margin-bottom:1.5rem}.customers-section{margin-bottom:3rem}.customers-section h3{color:#333;margin-bottom:1.5rem}.messages-section{margin-bottom:3rem}.messages-section h3{color:#333;margin-bottom:1.5rem}.contacts-section{margin-bottom:3rem}.contacts-section h3{color:#333;margin-bottom:1.5rem}@media (max-width:768px){.data-info{flex-direction:column;gap:.5rem;text-align:center}.data-status{flex-wrap:wrap;justify-content:center}.section-actions{flex-direction:column;gap:.5rem}.refresh-btn{justify-content:center;width:100%}}.dashboard-tabs{background:#f1f5f9;border-radius:14px;display:flex;gap:4px;margin-bottom:24px;overflow-x:auto;padding:4px}.dash-tab{align-items:center;background:#0000;border:none;border-radius:10px;color:#64748b;cursor:pointer;display:flex;flex:1 1;font-family:Cairo,sans-serif;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;padding:12px 18px;transition:all .3s ease;white-space:nowrap}.dash-tab:hover{background:#16a34a14;color:#16a34a}.dash-tab.active{background:#fff;box-shadow:0 2px 8px #00000014;color:#16a34a}.dash-tab i{font-size:.95rem}.tab-content{animation:tabFadeIn .3s ease}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.stats-grid .stat-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;display:flex;gap:16px;padding:20px;transition:all .3s ease}.stats-grid .stat-card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-3px)}.stat-icon{align-items:center;border-radius:14px;color:#fff;display:flex;flex-shrink:0;font-size:1.3rem;height:52px;justify-content:center;width:52px}.stat-info h4{color:#6b7280;font-size:.8rem;font-weight:600;margin:0 0 4px;text-transform:none}.stat-info p{font-size:1.6rem;font-weight:800;line-height:1;margin:0}.stat-green .stat-icon{background:linear-gradient(135deg,#22c55e,#16a34a)}.stat-green .stat-info p{color:#16a34a}.stat-blue .stat-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.stat-blue .stat-info p{color:#2563eb}.stat-gold .stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-gold .stat-info p{color:#d97706}.stat-orange .stat-icon{background:linear-gradient(135deg,#f97316,#ea580c)}.stat-orange .stat-info p{color:#ea580c}.stat-purple .stat-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.stat-purple .stat-info p{color:#7c3aed}.settings-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.settings-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000a;padding:24px}.settings-card-header{align-items:center;display:flex;gap:12px;margin-bottom:8px}.settings-card-header i{font-size:1.4rem}.settings-card-header h3{color:#1f2937;font-size:1.15rem;font-weight:700;margin:0}.settings-desc{color:#6b7280;font-size:.85rem;line-height:1.5;margin-bottom:16px}.settings-row{align-items:center;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:12px 0}.settings-row label{color:#374151;font-size:.9rem;font-weight:600}.settings-input-group{align-items:center;display:flex;gap:8px}.settings-input{border:2px solid #e2e8f0;border-radius:10px;font-family:Cairo,sans-serif;font-size:.9rem;font-weight:600;padding:10px 14px;text-align:center;transition:border-color .3s;width:140px}.settings-input:focus{border-color:#16a34a;outline:none}.settings-save-btn{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-family:Cairo,sans-serif;font-size:.85rem;font-weight:700;gap:6px;padding:10px 18px;transition:all .3s;white-space:nowrap}.settings-save-btn:hover{box-shadow:0 4px 12px #22c55e4d;transform:translateY(-1px)}.settings-save-btn.loading{cursor:not-allowed;opacity:.7}.settings-warning{align-items:center;background:#fef3c7;border:1px solid #fcd34d;border-radius:10px;color:#92400e;display:flex;font-size:.82rem;font-weight:600;gap:8px;margin-top:12px;padding:10px 14px}.settings-warning i{color:#f59e0b}.switch{display:inline-block;height:26px;position:relative;width:50px}.switch input{height:0;opacity:0;width:0}.slider-toggle{background:#cbd5e1;border-radius:26px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.slider-toggle:before{background:#fff;border-radius:50%;bottom:3px;box-shadow:0 1px 3px #0003;content:"";height:20px;left:3px;position:absolute;transition:.3s;width:20px}input:checked+.slider-toggle{background:#22c55e}input:checked+.slider-toggle:before{transform:translateX(24px)}.settings-current-markup{align-items:center;background:#dbeafe;border:1px solid #93c5fd;border-radius:10px;color:#1e40af;display:flex;font-size:.85rem;font-weight:600;gap:8px;margin-bottom:12px;padding:10px 14px}.settings-current-markup i{color:#3b82f6}.settings-info-box{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;color:#166534;display:flex;font-size:.82rem;font-weight:600;gap:8px;margin-top:12px;padding:10px 14px}.settings-info-box i{color:#22c55e}.settings-reset-btn{align-items:center;background:#fee2e2;border:1px solid #fca5a5;border-radius:10px;color:#dc2626;cursor:pointer;display:flex;font-family:Cairo,sans-serif;font-size:.85rem;font-weight:700;gap:6px;justify-content:center;padding:10px;transition:all .3s;width:100%}.settings-reset-btn:hover{background:#fecaca;transform:translateY(-1px)}@media (max-width:768px){.dashboard-tabs{gap:2px;padding:3px}.dash-tab{font-size:.75rem;gap:4px;padding:10px}.dash-tab span{display:none}.stats-grid .stat-card{gap:12px;padding:14px}.stat-icon{font-size:1rem;height:42px;width:42px}.stat-info p{font-size:1.3rem}.settings-grid{grid-template-columns:1fr}.settings-row{align-items:flex-start;flex-direction:column;gap:8px}.settings-input-group{width:100%}.settings-input{flex:1 1;width:auto}}.global-modal-overlay{animation:modalFadeIn .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;z-index:9999}.global-modal{animation:modalScaleUp .3s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:20px;box-shadow:0 20px 50px #0000004d;max-width:500px;overflow:hidden;width:100%}.global-modal-header h3{font-size:1.2rem;font-weight:700}.form-group{margin-bottom:16px}.form-group label{color:#475569;font-weight:600}.form-input{border:2px solid #e2e8f0;font-family:Cairo,sans-serif;padding:12px;transition:border-color .3s}.form-input:focus{border-color:#16a34a}.grid-2{grid-gap:16px;gap:16px}.modal-actions{display:flex;justify-content:flex-end;margin-top:24px}.submit-btn{background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:10px;box-shadow:0 4px 12px #16a34a4d;font-family:Cairo,sans-serif;font-weight:700;padding:12px 24px;transition:all .3s}.submit-btn:hover{box-shadow:0 6px 16px #16a34a66}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.global-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.global-modal-content{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-width:600px;overflow:hidden;width:100%}.global-modal-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;direction:rtl;display:flex;justify-content:space-between;padding:20px 24px}.global-modal-header h3{color:#1e293b;font-size:1.25rem;font-weight:800;margin:0}.global-modal-form{direction:rtl;padding:24px}.form-group{margin-bottom:20px;text-align:right}.form-group label{color:#334155;display:block;font-size:.9rem;font-weight:700;margin-bottom:8px}.form-input{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;color:#1e293b;font-size:1rem;padding:12px 15px;text-align:right;transition:all .2s;width:100%}.form-input:focus{border-color:#388e3c;box-shadow:0 0 0 4px #388e3c1a;outline:none}.grid-2{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.checkbox-group{align-items:center;display:flex;gap:12px;margin:10px 0}.modal-actions{margin-top:30px}.submit-btn{align-items:center;background:#388e3c;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:800;gap:10px;justify-content:center;padding:15px;transition:all .2s;width:100%}.submit-btn:hover{background:#2e7031;box-shadow:0 10px 15px -3px #388e3c66;transform:translateY(-2px)}@media (max-width:600px){.grid-2{grid-template-columns:1fr}}.analytics-overview-tab{padding:10px 0}.stat-avg-order{border-right:5px solid #8b5cf6}.stat-unread-msgs{border-right:5px solid #ec4899}.goto-link{background:#fdf2f8;border:none;border-radius:6px;color:#db2777;cursor:pointer;font-size:.7rem;font-weight:800;margin-top:5px;padding:4px 10px}.mini-order-row{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;font-size:.85rem;justify-content:space-between;padding:12px 10px}.mini-badge{border-radius:50px;font-size:.7rem;font-weight:700;padding:3px 8px}.mini-badge.pending{background:#fff7ed;color:#c2410c}.mini-badge.shipping{background:#eff6ff;color:#1d4ed8}.mini-badge.delivered{background:#f0fdf4;color:#15803d}.view-all-btn{background:#0000;border:none;color:#388e3c;cursor:pointer;font-size:.85rem;font-weight:800;margin-top:10px;padding:10px;transition:color .2s;width:100%}.view-all-btn:hover{color:#2e7031;text-decoration:underline}.cat-stat-item{margin-bottom:15px}.cat-label{display:flex;font-size:.85rem;font-weight:700;justify-content:space-between;margin-bottom:5px}.cat-progress-bg{background:#f1f5f9;border-radius:10px;height:8px;overflow:hidden}.cat-progress-fill{background:#388e3c;border-radius:10px;height:100%}.analytics-lower-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:1.5fr 1fr;margin-top:30px}.analytics-card{background:#fff;border-radius:15px;box-shadow:0 4px 6px -1px #0000001a;padding:20px}.analytics-card-header{border-bottom:1px solid #f1f5f9;margin-bottom:20px;padding-bottom:10px}.analytics-card-header h3{align-items:center;color:#1e293b;display:flex;font-size:1.1rem;font-weight:800;gap:10px}.analytics-card-header h3 i{color:#388e3c}.top-selling-item{align-items:center;border-radius:12px;display:flex;gap:15px;padding:12px;transition:background .2s}.top-selling-item:hover{background:#f8fafc}.p-rank{align-items:center;background:#f1f5f9;border-radius:50%;color:#475569;display:flex;font-size:.75rem;font-weight:800;height:24px;justify-content:center;width:24px}.top-selling-item img{border-radius:8px;height:45px;object-fit:cover;width:45px}.p-info{display:flex;flex:1 1;flex-direction:column}.p-info strong{color:#1e293b;font-size:.9rem}.p-info span{color:#64748b;font-size:.75rem}.p-sales{display:flex;flex-direction:column;text-align:left}.p-sales strong{color:#16a34a;font-size:1rem}.p-sales span{color:#94a3af;font-size:.7rem}.status-items-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.status-item{align-items:center;border-radius:12px;display:flex;flex-direction:column;gap:5px;padding:15px;text-align:center}.status-item.pending{background:#fff7ed;color:#c2410c}.status-item.shipping{background:#eff6ff;color:#1d4ed8}.status-item.delivered{background:#f0fdf4;color:#15803d}.status-item.cancelled{background:#fef2f2;color:#b91c1c}.status-item i{font-size:1.2rem;margin-bottom:5px}.status-item strong{font-size:1.5rem;font-weight:800}.tab-mini-stats{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:25px}.mini-stat-card{background:#fff;border-radius:12px;border-right:4px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000000d;display:flex;flex:1 1;flex-direction:column;gap:5px;min-width:140px;padding:15px 20px}.mini-stat-card span{color:#64748b;font-size:.8rem;font-weight:600}.mini-stat-card strong{color:#1e293b;font-size:1.4rem;font-weight:800}.border-green{border-right-color:#22c55e}.border-red{border-right-color:#ef4444}.border-orange{border-right-color:#f59e0b}.border-blue{border-right-color:#3b82f6}.border-pink{border-right-color:#ec4899}.border-purple{border-right-color:#a855f7}@media (max-width:640px){.mini-stat-card{min-width:45%}}.order-details-container{animation:fadeInUp .8s;background:#fff;border-radius:18px;box-shadow:0 8px 32px #388e3c1a;font-family:Cairo,Tajawal,Arial,sans-serif;margin:120px auto 40px;max-width:900px;padding:2.5rem 2rem 2rem}.order-details-container h2{color:#388e3c;font-size:2.2rem;font-weight:800;margin-bottom:2rem;text-align:center}.order-info{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin-bottom:2.5rem}.info-section{background:#f8f9fa;border-radius:12px;box-shadow:0 2px 8px #388e3c0a;flex:1 1 250px;margin-bottom:.5rem;min-width:220px;padding:1.2rem 1.5rem}.info-section h3{color:#2e7d32;font-size:1.1rem;font-weight:700;margin-bottom:1rem}.info-section p{color:#333;font-size:1rem;margin:.3rem 0}.products-list{margin-bottom:2.5rem}.products-list h3{color:#388e3c;font-size:1.3rem;font-weight:700;margin-bottom:1.2rem}.product-item{align-items:flex-start;background:#f1f8e9;border-radius:12px;box-shadow:0 2px 8px #388e3c0a;display:flex;gap:1.5rem;margin-bottom:1.2rem;padding:1rem 1.2rem}.product-image{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 8px #388e3c14;display:flex;height:90px;justify-content:center;overflow:hidden;width:90px}.product-image img{height:100%;object-fit:contain;width:100%}.product-details{flex:1 1}.product-details h4{color:#2e7d32;font-size:1.1rem;font-weight:700;margin-bottom:.3rem}.product-details p{color:#444;font-size:.98rem;margin:.2rem 0}.status-update{align-items:center;background:#f8f9fa;border-radius:12px;box-shadow:0 2px 8px #388e3c0a;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding:1.2rem 1.5rem}.status-update h3{color:#388e3c;font-size:1.1rem;font-weight:700;margin:0 1.5rem 0 0}.status-update select{background:#fff;border:1.5px solid #388e3c;border-radius:8px;color:#2e7d32;font-size:1rem;margin-right:.5rem;outline:none;padding:.5rem 1.2rem;transition:border .2s}.status-update button{background:linear-gradient(90deg,#388e3c 60%,#4caf50);border:none;border-radius:8px;box-shadow:0 2px 8px #388e3c14;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:.6rem 1.5rem;transition:background .2s,box-shadow .2s}.status-update button:hover{background:#2e7d32}.order-details-container>button{background:#388e3c;border:none;border-radius:8px;box-shadow:0 2px 8px #388e3c14;color:#fff;cursor:pointer;display:block;font-size:1.1rem;font-weight:700;margin:1.5rem auto 0;padding:.7rem 2.2rem;transition:background .2s,box-shadow .2s}.order-details-container>button:hover{background:#2e7d32}@media (max-width:900px){.order-details-container{padding:1.2rem .5rem 1.5rem}.order-info{flex-direction:column;gap:1.2rem}.info-section{min-width:0;padding:1rem .7rem}.product-item{align-items:stretch;flex-direction:column;gap:.7rem}.product-image{height:120px;margin-bottom:.5rem;width:100%}}@media (max-width:600px){.order-details-container{margin:90px 0 20px;padding:.7rem .2rem 1rem}.order-details-container h2{font-size:1.3rem}.info-section h3,.products-list h3,.status-update h3{font-size:1rem}.status-update{align-items:stretch;flex-direction:column;gap:.5rem}}html[dir=rtl] .order-details-container{direction:rtl}html[dir=rtl] .order-info,html[dir=rtl] .product-item,html[dir=rtl] .status-update{flex-direction:row-reverse}
/*# sourceMappingURL=main.f69f01ec.css.map*/