body{font-family:var(--font-primary);margin:0;background:var(--background-light)}[dir=rtl] .header,[dir=rtl] .nav-links,[dir=rtl] .language-switcher{flex-direction:row-reverse}button{padding:var(--space-sm) var(--space-md);border:none;border-radius:4px;cursor:pointer;transition:all .3s ease}.primary-button{background:var(--primary-color)}:root{--primary-color: rgb(0, 128, 128);--background-light: #f0f8ff;--text-dark: #333;--space-sm: 8px;--space-md: 16px;--space-lg: 24px}body{font-family:Arial,sans-serif;margin:0;background:var(--background-light);display:flex;flex-direction:column;min-height:100vh}#root{flex:1;display:flex;flex-direction:column}.header{height:50px;display:flex;align-items:center;justify-content:center;padding:0 2rem;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);color:#fff;box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:1000;gap:2rem}.logo-link{position:absolute;left:2rem;display:flex;align-items:center;z-index:1002}.logo-image{width:45px;height:45px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.desktop-controls{display:flex;align-items:center;gap:1.5rem}.nav-links{display:flex;gap:1.5rem;margin:0;padding:0;list-style:none}.right-buttons{display:flex;gap:1.5rem;align-items:center}.nav-link,.logout-button{display:flex;align-items:center;gap:.5rem;color:#fff;text-decoration:none;font-weight:600;font-size:.95rem;padding:.5rem 1rem;border-radius:4px;white-space:nowrap;transition:all .3s ease}.nav-link:hover,.logout-button:hover{background:#ffffff26}.logout-button{background:none;border:none;cursor:pointer}.language-switcher-container{display:flex;align-items:center}.mobile-menu-button{display:none;background:none;border:none;color:#fff;cursor:pointer;padding:.5rem;z-index:1001;order:5!important}.mobile-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000;display:none}.mobile-overlay.active{display:block}.mobile-menu{position:fixed;top:0;right:-100%;width:270px;height:100vh;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);padding:2rem 1.5rem;transition:right .3s cubic-bezier(.77,0,.18,1);z-index:1001;box-shadow:-2px 0 16px #00000026}.mobile-menu.active{right:0}.mobile-close-button{position:absolute;top:1.2rem;right:1.2rem;color:#fff;background:none;border:none;cursor:pointer;z-index:1002;padding:.3rem;transition:color .2s}.mobile-close-button:hover{color:#ff5252;background:#ff525214;border-radius:50%}.mobile-nav-links{list-style:none;padding:0;margin-top:3rem;display:flex;flex-direction:column;gap:1.5rem}.mobile-nav-link,.mobile-logout-button{color:#fff;text-decoration:none;font-weight:600;font-size:1rem;padding:.7rem 1rem;border-radius:4px;display:flex;align-items:center;gap:.7rem;transition:all .3s ease}.mobile-logout-button{background:none;border:none;cursor:pointer;width:100%;text-align:left}.mobile-language-switcher{display:flex!important}[dir=rtl] .desktop-controls{flex-direction:row-reverse}[dir=rtl] .logo-link{left:auto;right:2rem}[dir=rtl] .mobile-menu{right:auto;left:-100%}[dir=rtl] .mobile-menu.active{right:0}[dir=rtl] .mobile-close-button{right:auto;left:1.2rem}@media (max-width: 768px){.header{justify-content:space-between;padding:0 1rem;gap:1rem}.logo-link{position:static}.desktop-controls{display:none}.mobile-menu-button{display:block;order:3}.logo-image{order:1;width:40px;height:40px}}@media (min-width: 769px){.mobile-menu,.mobile-overlay{display:none!important}}:root{--primary-color: #1a472f;--accent-color: #3a7d54;--text-light: #e0f0e9}.footer{background:var(--primary-color);color:var(--text-light);padding:3rem 1rem;position:relative;font-family:Arial,sans-serif}.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;padding-bottom:2rem}.follow{display:flex!important;gap:1.5rem!important;margin-top:1.2rem!important;align-items:center!important;justify-content:center!important}.store-name{font-size:1.5rem;margin-bottom:1rem;font-weight:600;letter-spacing:.5px}.store-info{display:flex;align-items:center;gap:.8rem;margin-top:1rem}.location-icon{font-size:1.8rem!important;color:var(--text-light)}.map-link{color:var(--text-light);text-decoration:none;line-height:1.6;transition:color .3s ease}.map-link:hover{color:var(--secondary-hover)}.social-icons{display:flex!important;gap:1.5rem!important;margin-top:1.2rem!important;align-items:center!important;justify-content:center!important}.social-icon{font-size:2rem!important;color:var(--text-light);transition:all .3s ease}.social-icon:hover{color:var(--secondary-hover);transform:translateY(-2px)}.footer-bottom{text-align:center;padding-top:2rem;margin-top:3rem;border-top:1px solid rgba(255,255,255,.1)}.copyright-text{font-size:.9rem;line-height:1.6;margin-bottom:.5rem}.developer-credit{display:block;margin-top:.8rem}.developer-credit a{color:var(--accent-color);text-decoration:none}.admin{display:block;margin-top:.8rem;text-align:center;margin-bottom:.5rem;font-size:1.2rem;color:var(--text-light)!important;text-decoration:none;transition:color .3s ease}.admin:hover{color:var(--secondary-hover)}.email-icon{vertical-align:middle;margin-right:6px;color:var(--text-light);font-size:1.2em!important}.developer-email-link:hover,.developer-phone-link:hover{color:var(--secondary-hover)!important}.developer-email-link,.developer-phone-link{color:inherit;text-decoration:underline;display:flex;align-items:center;gap:6px;margin-top:.5rem}.developer-contact-info{margin-top:.5rem;font-size:1.05rem}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;text-align:center}.store-info{justify-content:center}.social-icons{display:flex!important;gap:1.5rem!important;margin-top:1.2rem!important;align-items:center!important;justify-content:center!important}}[dir=rtl] .store-name{font-family:Noto Sans Arabic,sans-serif}[dir=rtl] .store-info{flex-direction:row-reverse}[dir=rtl] .email-icon{margin-left:6px;margin-right:0}.home-container{max-width:1200px;margin:var(--space-lg) auto;padding:var(--space-md)}.home-container h2{color:var(--primary-color)}.cover-section{position:relative;width:1040px;height:460px;overflow:hidden;border-radius:20px;margin-bottom:var(--space-lg)}.cover-image{width:100%;height:100%;object-fit:cover;border-radius:8px}.cover-description{position:absolute;inset-inline-start:20px;inset-block-start:20px;color:#fff;background:#0009;padding:10px 20px;border-radius:4px;font-size:16px;max-width:80%}.product-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-md)}.product-card{height:390px;width:fit-content!important;background:#fff;border-radius:8px;padding:var(--space-md);box-shadow:0 2px 8px #0000001a;transition:transform .3s ease;text-align:start;display:flex;flex-direction:column;justify-content:space-between}.product-card:hover{transform:translateY(-5px)}.product-image-home{width:200px;height:300px;object-fit:cover;border-radius:4px;margin-inline-end:auto}.product-link{text-decoration:none;color:var(--text-dark)}.product-link h3,.product-link p{margin:10px}.product-info-home{padding:var(--space-xs);text-align:start}.product-name{font-size:15px;margin-block-end:.5rem;font-weight:700;color:#333}.product-description{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;font-size:16px;color:var(--text-dark);margin-block-end:.5rem;line-height:1.4;text-align:start}.product-price{color:var(--primary-color);font-size:15px;margin-block-start:5px}[dir=rtl] .product-list{direction:rtl}[dir=rtl] .product-card{text-align:right}[dir=rtl] .product-image-home{margin-left:auto;margin-right:initial}[dir=rtl] .product-price{direction:rtl;unicode-bidi:embed}@media (min-width: 1400px){.product-list{grid-template-columns:repeat(5,1fr)}}@media (min-width: 1200px) and (max-width: 1399px){.product-list{grid-template-columns:repeat(4,1fr)}}@media (min-width: 992px) and (max-width: 1199px){.product-list{grid-template-columns:repeat(4,1fr)}.cover-section{position:relative;width:816px;height:484px;overflow:hidden;border-radius:20px;margin-bottom:var(--space-lg)}.cover-image{width:100%;height:100%;object-fit:cover;border-radius:8px}}@media (min-width: 768px) and (max-width: 991px){.product-list{grid-template-columns:repeat(3,1fr)}.cover-section{position:relative;width:716px;height:484px;overflow:hidden;border-radius:20px;margin-bottom:var(--space-lg)}.cover-image{width:100%;height:100%;object-fit:cover;border-radius:8px}}@media (max-width: 767px){.product-list{grid-template-columns:1fr;justify-items:center;justify-content:center}product-card{max-width:330px!important}.cover-section{position:relative;width:366px;height:234px;overflow:hidden;border-radius:20px;margin-bottom:var(--space-lg)}.cover-image{width:100%;height:100%;object-fit:cover;border-radius:8px}}.product-detail-container{max-width:350px;margin:var(--space-lg) auto;padding:var(--space-md);background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;gap:var(--space-md)}.product-images-detail{position:relative;width:100%;height:400px;overflow:hidden;border-radius:8px}.product-image-detail{height:400px;width:300;object-fit:cover;border-radius:8px;transition:opacity .3s ease}.product-info{padding:var(--space-xs);text-align:left}.product-info h2{font-size:20px!important;margin-bottom:.5rem;font-weight:700;color:var(--primary-color)!important}.product-info p{font-size:16px!important;color:var(--text-dark)!important;margin-bottom:.5rem!important;line-height:1.4!important}.product-info .price{font-size:30px!important;font-weight:700!important;color:var(--primary-color)!important;margin-bottom:0}.nav-button{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;color:#fff;border:none;padding:10px;border-radius:50%;cursor:pointer;transition:background .3s ease}.nav-button:hover{background:#000c}.nav-button.prev{left:10px}.nav-button.next{right:10px}.loading,.error{text-align:center;padding:var(--space-md);color:var(--text-dark)}.product-actions{display:flex;gap:1rem;margin-top:-1rem;justify-content:center}.update-button{background:var(--primary-color);color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;transition:background .3s ease;margin-top:1rem}.product-actions .update-button:hover{background-color:var(--primary-hover)}.buy-now-button{background:var(--primary-color);color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;transition:background .3s ease;margin-top:1rem}.buy-now-button:hover{background:var(--primary-hover)}[dir=rtl] .product-detail-container{text-align:right}[dir=rtl] .product-info{direction:rtl}[dir=rtl] .nav-button.prev{right:10px;left:auto;transform:rotate(180deg)}[dir=rtl] .nav-button.next{left:10px;right:auto;transform:rotate(180deg)}[dir=rtl] .product-actions{flex-direction:row-reverse}.product-update-container{max-width:900px;margin:2rem auto;padding:1.5rem;background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a}.product-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.75rem}.form-group label{font-weight:700;color:#333;font-size:1rem}.form-group input,.form-group textarea{padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary-color);outline:none}.primary-button{padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:700;cursor:pointer;transition:background .3s ease;position:relative}.primary-button:hover{background:var(--primary-hover)}.primary-button:hover:after{content:"Update Product Details";position:absolute;top:-2.5rem;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:.5rem;border-radius:4px;font-size:.875rem;white-space:nowrap}.primary-button:disabled{background:#ccc;cursor:not-allowed}.image-section{margin-top:2rem}.product-images-update{width:100%;height:350px;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.5rem;margin-top:1rem}.image-container-update{position:relative;border-radius:8px;overflow:hidden;transition:transform .3s ease}.image-container:hover{transform:scale(1.05)}.product-image-update{width:100%;height:350px;object-fit:cover;border-radius:8px}.delete-image-button{position:absolute;top:.5rem;right:.5rem;background:#f00c;color:#fff;border:none;border-radius:50%;padding:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s ease}.delete-image-button:hover{background:red}.upload-section{margin-top:1.5rem;display:flex;flex-direction:column;gap:1rem}.upload-button{padding:.75rem 1.5rem;background:#fff;border:2px solid var(--primary-color);border-radius:4px;color:var(--primary-color);font-size:1rem;font-weight:700;cursor:pointer;text-align:center;transition:all .3s ease}.upload-button:hover{background:var(--primary-color);color:#fff}.product-update-container .delete-product-button{display:flex;align-items:center;margin:0 auto}.error-message{margin-top:1.5rem;padding:1rem;background:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#dc3545;text-align:center}.back-link{display:inline-block;margin-bottom:1.5rem;color:var(--primary-color);text-decoration:none;font-weight:700;transition:color .3s ease}.back-link:hover{color:var(--primary-hover)}[dir=rtl] .product-update-container{text-align:right}[dir=rtl] .back-link{direction:rtl}[dir=rtl] .delete-image-button{left:5px;right:auto}[dir=rtl] .MuiButton-startIcon{margin-left:8px;margin-right:-4px}.product-form-container{max-width:400px;width:350px;margin:var(--space-lg) auto;padding:var(--space-md);background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.product-form{display:flex;flex-direction:column;gap:var(--space-md)}.image-preview{margin-top:var(--space-md)}.preview-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-sm)}.preview-image{width:100%;height:100px;object-fit:cover;border-radius:4px}.error-message{color:var(--danger-color);background:#f8d7da;padding:var(--space-sm);border-radius:4px;margin-top:var(--space-md)}.success-message{color:var(--primary-color);background:#e6f4ea;padding:var(--space-sm);border-radius:4px;margin-top:var(--space-md)}[dir=rtl] .product-form-container{text-align:right}[dir=rtl] .form-group{direction:rtl}[dir=rtl] .form-group label{margin-left:10px;margin-right:0}[dir=rtl] .preview-images{flex-direction:row-reverse}[dir=rtl] .error-message,[dir=rtl] .success-message{text-align:right}.order-form-container{max-width:400px;margin:2rem auto;padding:2rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:700}.form-group input,.form-group textarea{width:95%;padding:.75rem;border:1px solid #ddd;border-radius:4px}.delivery-options{display:flex;gap:1rem;margin-top:.5rem}.product-info{margin-bottom:2rem;padding:1rem;background:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a}.product-info h3{font-size:1.5rem;margin-bottom:.5rem}.product-info .price{font-size:1.25rem;font-weight:700;color:#000}.submit-button{background-color:var(--primary-color)!important;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:4px;cursor:pointer;font-size:1rem}.spinner{display:inline-block;width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite;margin-right:.5rem}@keyframes spin{to{transform:rotate(360deg)}}[dir=rtl] .order-form-container{text-align:right}[dir=rtl] .form-row{flex-direction:row-reverse}[dir=rtl] .delivery-options label{margin-right:0;margin-left:20px}[dir=rtl] .order-summary,[dir=rtl] .error-message{text-align:right}.order-status-container{max-width:600px;margin:2rem auto;padding:2rem;text-align:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a}.order-status-icon{font-size:60px!important;margin-right:8px!important}.order-status-container h2{font-size:2rem;margin-bottom:1rem}.order-status-container p{font-size:1.25rem;color:#333;margin-bottom:2rem}.back-button{background:var(--primary-color);color:#000;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;transition:background .3s ease}.back-button:hover{background:#2980b9}[dir=rtl] .order-status-container{text-align:right}[dir=rtl] .status-message{direction:rtl}[dir=rtl] .order-summary{text-align:right}[dir=rtl] .back-button{margin-right:0;margin-left:auto}.not-found-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center;background:var(--background-light)}.not-found-container h1{font-size:3rem;color:var(--primary-color)}.not-found-container p{font-size:1.2rem;color:var(--text-dark);margin:var(--space-sm) 0}[dir=rtl] .not-found-container{text-align:right}[dir=rtl] .primary-button{margin-right:0;margin-left:8px}.error{padding:20px;text-align:center;color:#f44}[dir=rtl] .error{text-align:right}.admin-login{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:calc(100vh - 200px);padding:var(--space-lg) 0 100px;background-color:var(--background-light);font-family:var(--font-primary);box-sizing:border-box}.admin-login h2{font-size:2rem;color:var(--text-dark);margin-bottom:var(--space-lg)}.admin-login form{display:grid;flex-direction:column;width:100%;max-width:400px;margin-bottom:50px;background:#fff;padding:var(--space-lg);border-radius:8px;box-shadow:0 4px 6px #0000001a}.admin-login input{align-items:center;margin-bottom:var(--space-md);padding:var(--space-sm);font-size:1rem;border:1px solid #ccc;border-radius:4px;outline:none;transition:border-color .3s}.admin-login input:focus{border-color:var(--primary-color)}.admin-login button{padding:var(--space-sm);font-size:1rem;color:#fff;background-color:var(--primary-color);border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}.admin-login button:hover{background-color:var(--primary-hover)}.admin-login .error{color:var(--danger-color);font-size:.9rem;margin-bottom:var(--space-md);text-align:center}.unauthorized-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background-color:var(--background-light);font-family:var(--font-primary);text-align:center;padding:var(--space-lg)}.unauthorized-container h1{font-size:2.5rem;color:var(--danger-color);margin-bottom:var(--space-md)}.unauthorized-container p{font-size:1.2rem;color:var(--text-dark);margin-bottom:var(--space-md)}.unauthorized-container code{font-family:Courier New,Courier,monospace;background-color:#f8f9fa;padding:var(--space-xs);border-radius:4px;color:var(--text-dark)}.action-buttons{display:flex;gap:var(--space-md);margin-top:var(--space-lg)}.action-buttons a{text-decoration:none;padding:var(--space-sm) var(--space-md);font-size:1rem;color:#fff;background-color:var(--primary-color);border-radius:4px;transition:background-color .3s}.action-buttons .login-link{background-color:var(--primary-color)}.action-buttons .login-link:hover{background-color:#006969}.action-buttons .home-link{background-color:red}.action-buttons .home-link:hover{background-color:#c00}[dir=rtl] .unauthorized-container{text-align:right}[dir=rtl] .action-buttons{flex-direction:row-reverse}[dir=rtl] .login-link{margin-left:10px;margin-right:0}[dir=rtl] code{direction:ltr;display:inline-block}:root{--primary-color: rgb(0, 128, 128);--primary-hover: rgb(4, 149, 149);--secondary-hover: rgba(184, 246, 246, .9);--secondary-color: rgb(145, 199, 198);--danger-color: #ff4444;--background-light: #f0f8ff;--text-dark: #333;--font-primary: "Arial", sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px}.dashboard-container{padding:2rem;min-height:100vh;display:flex;flex-direction:column;background-color:#f5f7fa}[dir=rtl] .dashboard-container{text-align:right}.dashboard-title{margin-bottom:2rem;color:#2c3e50;font-weight:600!important;text-align:center}.dashboard-grid{margin-bottom:2rem}.dashboard-card{border-radius:12px!important;transition:transform .3s ease,box-shadow .3s ease;background:linear-gradient(145deg,#fff,#f0f0f0)}.dashboard-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a!important}.card-content{padding:2rem!important;text-align:center}[dir=rtl] .card-content{text-align:right}.card-title{margin-bottom:1.5rem!important;color:#34495e;font-weight:500!important}.manage-button{background-color:var(--primary-color)!important;color:#fff!important;padding:10px 20px!important;border-radius:8px!important;font-weight:500!important;text-transform:none!important;transition:all .3s ease!important}.manage-button:hover{background-color:var(--primary-hover)!important;transform:scale(1.02)}.content-container{background-color:#fff;padding:2rem;border-radius:12px;box-shadow:0 4px 6px #0000000d}content-containe div{background-color:var( --primary-color)!important}.back-button{margin-bottom:1.5rem!important;border-radius:8px!important;padding:8px 16px!important;text-transform:none!important;color:#7f8c8d!important;border-color:#bdc3c7!important}[dir=rtl] .back-button{margin-right:0;margin-left:16px}.back-button:hover{background-color:#f8f9fa!important;border-color:#95a5a6!important}.dashboard-footer{margin-top:auto;padding:1.5rem 0;text-align:center;color:#7f8c8d;font-size:.9rem;border-top:1px solid #ecf0f1}