@import"https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&family=Pacifico&family=Sekuya&display=swap";:root{--white-100: #ffffff;--white-95: #f9fafb;--white-90: #f3f4f6;--blue-850: #0f406e;--blue-840: #123663;--blue-830: #0f497a;--blue-820: #153f70;--blue-810: #12468c;--blue-800: #18487e;--blue-790: #1452a0;--blue-780: #1b5290;--blue-770: #1762b0;--blue-760: #1f5bb0;--blue-750: #1b65c0;--blue-740: #2564c0;--blue-730: #2170d0;--blue-720: #2b6ed1;--blue-710: #3380f0;--blue-700: #3b82f6;--black-100: #000000;--black-90: #0a0a0a;--black-80: #121212;--black-70: #1a1a1a;--black-60: #262626;--gray-900: #111827;--gray-800: #1f2933;--gray-700: #374151;--gray-600: #4b5563;--gray-500: #6b7280;--gray-400: #9ca3af;--gray-300: #d1d5db;--gray-200: #e5e7eb;--gray-100: #f3f4f6}.form-group{position:relative;width:100%;max-width:500px}.form-group input{width:400px;height:3rem;border:1px solid var(--blue-810);border-radius:.875rem;padding:0 3rem 0 .5rem;box-sizing:border-box;font-size:1.1rem;color:var(--black-100)}.form-group input:focus{outline:none;border-color:var(--blue-700);box-shadow:0 0 5px var(--blue-700)}.form-group .icon-search{position:absolute;right:0rem;top:50%;transform:translateY(-50%);background:var(--blue-700);color:var(--white-100);border:none;border-top-right-radius:.875rem;border-bottom-right-radius:.875rem;height:3rem;width:2.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.8rem}.form-group .icon-search:hover{background:var(--blue-720)}.form-group .search-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--white-100);border:1px solid var(--gray-300);border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:1000;max-height:300px;overflow-y:auto}.form-group .search-dropdown .search-suggestion{display:flex;align-items:center;padding:10px;text-decoration:none;color:var(--black-100);transition:background .2s ease}.form-group .search-dropdown .search-suggestion:hover{background:var(--gray-100)}.form-group .search-dropdown .search-suggestion img{width:40px;height:40px;object-fit:cover;border-radius:4px;margin-right:10px}.form-group .search-dropdown .search-suggestion .suggestion-info{display:flex;flex-direction:column}.form-group .search-dropdown .search-suggestion .suggestion-info .suggestion-title{font-size:.9rem;font-weight:500;margin-bottom:2px}.form-group .search-dropdown .search-suggestion .suggestion-info .suggestion-price{font-size:.8rem;color:var(--blue-710);font-weight:600}@media(max-width:1028px){.form-group .search-input{width:340px;height:2.8rem}.form-group .icon-search{width:2.2rem;height:2.8rem}}.topnav{background:var(--card-bg);height:80px;border-bottom:1px solid var(--border-color);position:fixed;top:0;left:0;width:100%;z-index:1000000;transition:background-color .3s ease,border-color .3s ease}.topnav .container{display:flex;align-items:center;justify-content:space-between;height:80px;padding:0 1.5rem}.topnav .container .left-section img{width:60px;height:60px;border-radius:50%}.topnav .container .right-section ul{display:flex;align-items:center;gap:2.5rem;list-style:none;font-size:1.5rem}.topnav .container .right-section ul li a{color:var(--text-color);transition:.3s}.topnav .container .right-section ul li a:hover{color:var(--primary-color)}.topnav .container .right-section ul .cart-count{position:absolute;top:-8px;right:-8px;background:var(--blue-710);color:var(--white-100);border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600}.topnav .container .toggle{display:none;font-size:2rem;cursor:pointer}@media(max-width:1028px){.topnav .container .left-section img{width:50px;height:50px}.topnav .container .right-section ul{gap:1.8rem;font-size:1.2rem}}@media(max-width:940px){.topnav .container .middle-section{display:none}.topnav .container .toggle{display:block}.topnav .container .right-section{position:absolute;top:80px;left:0;width:100%;background:var(--card-bg);display:none}.topnav .container .right-section ul{display:flex;flex-direction:column;gap:2rem;padding:2.5rem 0;font-size:2rem}.topnav .container .right-section ul li a{color:var(--text-color)}.topnav .container .right-section.active{display:block;z-index:1000}}@media(max-width:550px){.topnav .right-section ul{font-size:1.6rem}}@media(max-width:350px){.topnav .right-section ul{font-size:1.3rem}}.toast-container{position:fixed;bottom:20px;left:20px;z-index:2000000;display:flex;flex-direction:column;gap:10px}.toast{padding:12px 16px;border-radius:8px;color:#fff;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:250px;box-shadow:0 4px 12px #00000026;animation:slideIn .3s ease-out;display:flex;align-items:center;gap:12px}.toast.toast-success{background-color:#28a745}.toast.toast-error{background-color:#dc3545}.toast.toast-warning{background-color:#ffc107;color:#212529}.toast.toast-info{background-color:#17a2b8}.toast:hover{transform:translateY(-2px)}.toast.toast-rich{padding:16px;align-items:flex-start;max-width:400px;min-width:320px}.toast .toast-image{width:60px;height:60px;border-radius:8px;overflow:hidden;flex-shrink:0}.toast .toast-image img{width:100%;height:100%;object-fit:cover}.toast .toast-content{display:flex;flex-direction:column;gap:8px;flex:1}.toast .toast-content span{font-size:16px;line-height:1.4}.toast .toast-action-btn{align-self:flex-start;background-color:#ffffff40;border:1px solid rgba(255,255,255,.5);color:inherit;padding:6px 14px;border-radius:6px;font-size:13px;font-weight:700;cursor:pointer;transition:background-color .2s;box-shadow:none}.toast .toast-action-btn:hover{background-color:#fff6}@keyframes slideIn{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:768px){.toast-container{bottom:10px;left:10px;right:auto}.toast{min-width:auto;max-width:300px}}.footer{background-color:var(--card-bg);color:var(--text-color);padding:4rem 1rem;font-family:Arial,sans-serif;letter-spacing:1.5px;z-index:100000;transition:background-color .3s ease,color .3s ease}.footer .container{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1200px;margin:0 auto}@media(max-width:900px){.footer .container{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.footer .container{grid-template-columns:1fr;gap:1.5rem}}.footer .footer-column{display:flex;flex-direction:column;gap:1rem}.footer .footer-column img{width:100px;height:100px;object-fit:cover;cursor:pointer;border-radius:50%}.footer .footer-column h3{font-size:1.2rem;font-weight:700;margin-bottom:1rem}.footer .footer-column ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:.7rem}.footer .footer-column ul li a{text-decoration:none;color:var(--text-color);display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.footer .footer-column ul li a:hover{color:var(--primary-color);transform:translate(25px)}.footer .footer-column ul li a .icon{font-size:.9rem}.footer .footer-logo{width:120px;margin-bottom:1rem;transition:transform .3s ease}.footer .footer-logo:hover{transform:scale(1.05)}.footer .footer-desc{font-size:.9rem;color:var(--secondary-color);margin-bottom:1rem}.footer .social-icons{display:flex;gap:1rem}.footer .social-icons a{color:var(--text-color);font-size:1.2rem;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.footer .social-icons a:hover{color:var(--primary-color);transform:translateY(-3px) scale(1.7)}.footer .footer-bottom{text-align:center;margin-top:3rem;font-size:.9rem;color:var(--secondary-color);border-top:1px solid rgba(255,255,255,.2);padding-top:1rem}.scroll-to-top{position:fixed;bottom:20px;right:20px;width:50px;height:50px;background-color:var(--blue-710);color:var(--white-100);border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 8px #0003;transition:all .3s ease;z-index:1000}.scroll-to-top:hover{background-color:var(--blue-750);transform:scale(1.1);box-shadow:0 6px 12px #0000004d}.scroll-to-top svg{font-size:20px}@media(max-width:768px){.scroll-to-top{bottom:15px;right:15px;width:45px;height:45px}.scroll-to-top svg{font-size:18px}}*{padding:0;margin:0;box-sizing:border-box;transition:background-color .3s ease,color .3s ease,border-color .3s ease}:root{--bg-color: #ffffff;--text-color: #000000;--card-bg: #f9fafb;--border-color: #e5e7eb;--primary-color: #3380f0;--secondary-color: #6b7280;--white-100: #ffffff;--white-95: #f9fafb;--white-90: #f3f4f6;--blue-850: #0f406e;--blue-840: #123663;--blue-830: #0f497a;--blue-820: #153f70;--blue-810: #12468c;--blue-800: #18487e;--blue-790: #1452a0;--blue-780: #1b5290;--blue-770: #1762b0;--blue-760: #1f5bb0;--blue-750: #1b65c0;--blue-740: #2564c0;--blue-730: #2170d0;--blue-720: #2b6ed1;--blue-710: #3380f0;--blue-700: #3b82f6;--black-100: #000000;--black-90: #0a0a0a;--black-80: #121212;--black-70: #1a1a1a;--black-60: #262626;--gray-900: #111827;--gray-800: #1f2933;--gray-700: #374151;--gray-600: #4b5563;--gray-500: #6b7280;--gray-400: #9ca3af;--gray-300: #d1d5db;--gray-200: #e5e7eb;--gray-100: #f3f4f6}[data-theme=dark]{--bg-color: #121212;--text-color: #ffffff;--card-bg: #1e1e1e;--border-color: #333333;--primary-color: #3380f0;--secondary-color: #9ca3af;--white-100: #1e1e1e;--white-95: #2a2a2a;--white-90: #333333;--black-100: #ffffff;--black-90: #f5f5f5;--black-80: #e0e0e0;--black-70: #cccccc;--black-60: #b3b3b3;--gray-900: #f3f4f6;--gray-800: #e5e7eb;--gray-700: #d1d5db;--gray-600: #9ca3af;--gray-500: #6b7280;--gray-400: #4b5563;--gray-300: #374151;--gray-200: #1f2933;--gray-100: #111827}.mahmoud{font-family:Pacifico,cursive;color:var(--black-100);font-weight:900;font-size:1.2rem;transition:all .3s ease;letter-spacing:2px}.mahmoud:hover{color:red}a{text-decoration:none}ul{list-style:none}body{background-color:var(--bg-color);color:var(--text-color);padding-top:85px}.container{max-width:1250px;margin:auto}button{cursor:pointer;border:none;outline:none}h1,h2,h3,h4,h5,h6,span,p,a,li,div{font-family:Lora,serif}.confirmation-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:3000000;display:flex;justify-content:center;align-items:center;opacity:0;animation:fadeIn .3s forwards}.confirmation-modal{background:var(--card-bg);padding:30px;border-radius:12px;box-shadow:0 4px 20px #0003;text-align:center;min-width:320px;transform:scale(.9);animation:scaleUp .3s forwards}.confirmation-modal p{font-size:1.2rem;margin-bottom:25px;color:var(--text-color);font-weight:600}.confirmation-modal .confirmation-buttons{display:flex;justify-content:center;gap:20px}.confirmation-modal .confirmation-buttons button{padding:10px 30px;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.confirmation-modal .confirmation-buttons button.confirm-btn{background-color:#dc3545;color:#fff;border:1px solid #dc3545}.confirmation-modal .confirmation-buttons button.confirm-btn:hover{background-color:#c82333}.confirmation-modal .confirmation-buttons button.cancel-btn{background-color:transparent;color:var(--text-color);border:1px solid var(--border-color)}.confirmation-modal .confirmation-buttons button.cancel-btn:hover{background-color:var(--gray-200)}@keyframes fadeIn{to{opacity:1}}@keyframes scaleUp{to{transform:scale(1)}}.skeleton{background-color:var(--gray-200);border-radius:4px;position:relative;overflow:hidden;width:100%;height:100%}.skeleton:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;transform:translate(-100%);background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%);animation:shimmer 1.5s infinite}.skeleton.circle{border-radius:50%}[data-theme=dark] .skeleton{background-color:var(--gray-700)}[data-theme=dark] .skeleton:after{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.1) 50%,transparent 100%)}@keyframes shimmer{to{transform:translate(100%)}}