.main-header{background-color:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #0000000d;padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header-container{align-items:center;display:flex;gap:16px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 1rem}.header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.feedback-link{background:linear-gradient(135deg,#ffc107,#ff8c00);border-radius:8px;box-shadow:0 2px 5px #00000026;color:#fff;font-weight:700;margin:0;padding:.6rem 1rem;text-decoration:none;transition:all .2s ease-in-out;white-space:nowrap}.feedback-link:hover{box-shadow:0 4px 10px #0003;transform:translateY(-2px)}.track-orders-link{background:#f7f7f7;border-radius:8px;color:#333;font-weight:600;margin:0;padding:.5rem .75rem;text-decoration:none;white-space:nowrap}.track-orders-link:hover{background:#eee}.cart-icon-wrapper{cursor:pointer;margin:0;position:relative}.cart-count{background-color:#e74c3c;border-radius:50%;color:#fff;font-size:.75rem;font-weight:700;padding:2px 6px;position:absolute;right:-8px;top:-8px}.header-left{align-items:center;display:flex;gap:8px}.store-name{display:flex;flex-direction:column;line-height:1.1}.store-name-en{color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 2px}.store-name-ar{color:#34495e;font-size:14px;font-weight:500;margin:0}.back-button{background:#28a745;border-radius:6px;font-size:12px;margin:0;padding:6px 12px;transition:background-color .2s;white-space:nowrap}.back-button:hover{background:#218838}@media (max-width:768px){.main-header{padding:.5rem 0}.header-container{gap:4px;padding:0 .5rem}.back-button{font-size:10px;padding:3px 6px}.header-left{gap:3px}.store-name-en{font-size:12px}.store-name-ar{font-size:10px}.header-actions{gap:4px}.feedback-link,.track-orders-link{font-size:10px;padding:.25rem .4rem}}@media (max-width:480px){.main-header{padding:.4rem 0}.header-container{gap:2px;padding:0 .3rem}.header-left{gap:2px}.store-name-en{font-size:11px}.store-name-ar{font-size:9px}.header-actions{gap:3px}.feedback-link,.track-orders-link{font-size:9px;padding:.2rem .3rem}.back-button{font-size:9px;padding:2px 4px}}.qr-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.qr-modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000004d;max-width:350px;overflow:hidden;padding:0;width:90%}.qr-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:20px}.qr-modal-header h3{font-size:18px;font-weight:600;margin:0}.qr-modal-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;transition:background-color .2s;width:32px}.qr-modal-close:hover{background:#ffffff4d}.qr-modal-body{padding:30px;text-align:center}.qr-modal-body canvas{border:3px solid #f8f9fa;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:20px}.qr-modal-text{color:#2c3e50;font-size:16px;font-weight:600;margin:15px 0 10px}.qr-modal-url{background:#f8f9fa;border-radius:6px;color:#7f8c8d;display:inline-block;font-family:Courier New,monospace;font-size:14px;margin:0;padding:8px 12px}@media (max-width:480px){.qr-modal-content{max-width:300px;width:95%}.qr-modal-header{padding:15px}.qr-modal-header h3{font-size:16px}.qr-modal-body{padding:20px}.qr-modal-body canvas{height:150px!important;width:150px!important}.qr-modal-text{font-size:14px}.qr-modal-url{font-size:12px;padding:6px 8px}}.shared-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 8px #0000001a;overflow:hidden;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.shared-card:hover{box-shadow:0 8px 16px #00000026;transform:translateY(-5px)}.shared-button{background-color:#2cba22;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:26px;margin:4px 2px;padding:10px 20px;text-align:center;text-decoration:none;transition:background-color .3s ease}.shared-button:disabled{cursor:not-allowed;opacity:.6}.shared-button:hover{background-color:#78db72}.product-card{display:flex;flex-direction:column;position:relative;text-align:center}.product-card.reserved{background-color:#fff9e6;border:2px solid #ffc107;opacity:.8}.product-image{border-radius:.5rem .5rem 0 0;height:180px;object-fit:cover;width:100%}.product-info{flex-grow:1;padding:1rem}.product-name{font-size:1.25rem;margin-bottom:.5rem}.product-price{color:#007bff;font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.product-nature{color:#6c757d;font-size:.9rem;font-weight:500;margin-bottom:1rem}.product-card .shared-button{margin:0 1rem 1rem}.product-card-link{color:inherit;text-decoration:none}.product-card-button-wrapper{margin:0 1rem 1rem}.reserved-badge{background-color:#ffc107;border-radius:12px;box-shadow:0 2px 4px #0000001a;color:#212529;font-size:.75rem;font-weight:600;padding:4px 8px;position:absolute;right:10px;top:10px;z-index:10}.reserved-info{margin:0 1rem 1rem}.reserved-message{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:.25rem;color:#856404;font-size:.9rem;font-weight:500;margin-bottom:.5rem;padding:.75rem;text-align:center}.countdown-timer{animation:pulse 2s infinite;background:linear-gradient(135deg,#ff6b6b,#ee5a24);border-radius:20px;box-shadow:0 2px 8px #ff6b6b4d;color:#fff;font-size:1rem;font-weight:700;padding:.5rem 1rem;text-align:center}.countdown-timer:has-text("انتهى الوقت"),.countdown-timer:has-text("خطأ في الإلغاء"),.countdown-timer:has-text("فشل الاتصال"){animation:none;background:linear-gradient(135deg,#dc3545,#c82333)}.countdown-timer:has-text("إعادة محاولة"){animation:blink 1s infinite;background:linear-gradient(135deg,#ffc107,#e0a800);color:#212529}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.5}}.product-card-link.disabled{cursor:not-allowed;pointer-events:none}.spinner{animation:spin 1s ease infinite;border:4px solid #0000001a;border-left-color:#007bff;height:36px;width:36px}.toggle-products-btn{border:none;border-radius:8px;cursor:pointer;font-weight:700;padding:.5rem 1rem;transition:all .3s ease}.toggle-products-btn.showing-single{background:linear-gradient(135deg,#ffc107,#ff8c00);box-shadow:0 4px 15px #ffa50066;color:#fff}.toggle-products-btn.showing-single:hover{box-shadow:0 6px 20px #ffa50080;transform:translateY(-2px)}.toggle-products-btn.showing-multi{background:linear-gradient(135deg,#2980b9,#3498db);box-shadow:0 4px 15px #3498db4d;color:#fff}.toggle-products-btn.showing-multi:hover{box-shadow:0 6px 20px #3498db66;transform:translateY(-2px)}.pulsing-btn{animation:pulse 2s infinite}.products-list-title{color:#333;font-size:2.5rem;margin-bottom:2rem;text-align:center}.products-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.products-list-container{min-height:300px;position:relative}.products-list-container.loading{align-items:center;display:flex;justify-content:center}.error-message{color:#e74c3c;font-size:1.2rem;padding:2rem;text-align:center}.category-filter{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding:1rem}.category-filter label{color:#333;font-size:1rem;font-weight:600}.category-select{background:#fff;border:2px solid #ddd;border-radius:6px;color:#333;cursor:pointer;font-size:1rem;min-width:150px;padding:.5rem 1rem;transition:border-color .3s ease}.category-select:focus{border-color:#007bff;outline:none}.products-count{color:#666;font-size:.9rem;font-weight:500}.no-products-message{background:#f8f9fa;border-radius:8px;color:#666;font-size:1.1rem;grid-column:1/-1;margin:2rem 0;padding:3rem;text-align:center}@media (max-width:768px){.category-filter{align-items:stretch;flex-direction:column;gap:.5rem}.category-select{min-width:auto;width:100%}}.social-icon-img{height:24px;transition:transform .2s;width:24px}.social-card:hover .social-icon-img{transform:scale(1.1)}.footer{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);box-shadow:0 -5px 30px #0000004d;color:#fff;font-family:Cairo,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin-top:auto;overflow:hidden;padding:0;position:relative}.footer:before{background:radial-gradient(circle at 20% 50%,#3498db1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#9b59b61a 0,#0000 50%),radial-gradient(circle at 40% 80%,#2ecc711a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.footer-top-gradient{animation:gradientShift 8s ease infinite;background:linear-gradient(90deg,#3498db,#9b59b6,#2ecc71,#f39c12,#e74c3c);background-size:300% 100%;height:4px}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.footer-container{margin:0 auto;max-width:1200px;padding:0 20px;position:relative;z-index:1}.loading-spinner{align-items:center;display:flex;flex-direction:column;gap:15px;justify-content:center;padding:60px 0}.spinner{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-radius:50%;border-top-color:#3498db;height:40px;width:40px}.loading-spinner span{color:#bdc3c7;font-size:1.1rem}.about-us-btn{align-items:center;align-self:flex-start;background:linear-gradient(45deg,#3498db,#2980b9);border:none;border-radius:25px;box-shadow:0 4px 15px #3498db4d;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:10px;padding:12px 24px;transition:all .3s ease}.about-us-btn:hover{background:linear-gradient(45deg,#2980b9,#3498db);box-shadow:0 6px 20px #3498db66;transform:translateY(-2px)}.btn-icon{font-size:1.1rem}.btn-arrow{transition:transform .3s ease}.about-us-btn:hover .btn-arrow{transform:translateX(-3px)}.section-title{color:#fff!important;font-size:1.3rem;gap:8px;margin:0 0 20px;padding-bottom:10px;position:relative;text-shadow:0 1px 3px #0000004d}.section-title:after{background:linear-gradient(90deg,#3498db,#9b59b6);border-radius:1px;bottom:0;content:"";height:2px;position:absolute;right:0;width:50px}.title-icon{color:#f39c12;font-size:1.2rem;text-shadow:0 1px 2px #0000004d}.trust-badges-section{margin-top:30px}.trust-badges-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.trust-badge-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;color:#fff;display:flex;flex-direction:column;overflow:hidden;padding:20px 15px;position:relative;text-decoration:none;transition:all .3s ease}.trust-badge-card:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.trust-badge-card:hover:before{left:100%}.trust-badge-card:hover{background:#ffffff1a;border-color:#3498db;box-shadow:0 10px 30px #3498db4d;transform:translateY(-5px)}.badge-image-container{height:50px;margin-bottom:12px;position:relative;width:80px}.badge-image{filter:brightness(1.1);height:100%;object-fit:contain;transition:filter .3s ease;width:100%}.trust-badge-card:hover .badge-image{filter:brightness(1.3)}.badge-placeholder{align-items:center;background:#ffffff1a;border-radius:8px;display:none;flex-direction:column;gap:4px;height:100%;justify-content:center;width:100%}.placeholder-icon{font-size:1.5rem}.placeholder-text{font-size:.7rem;text-align:center}.badge-name{color:#ecf0f1;font-size:.9rem;line-height:1.3}.contact-section{gap:20px}.contact-grid,.contact-section{display:flex;flex-direction:column}.contact-grid{gap:15px}.contact-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#fff;display:flex;gap:15px;padding:15px;text-decoration:none;transition:all .3s ease}.contact-card:hover{background:#ffffff1a;border-color:#3498db;box-shadow:0 5px 20px #3498db33;transform:translateX(-5px)}.contact-icon{align-items:center;background:linear-gradient(45deg,#3498db,#2980b9);border-radius:50%;display:flex;font-size:1.5rem;height:40px;justify-content:center;width:40px}.contact-content{display:flex;flex-direction:column;gap:4px}.contact-label{color:#95a5a6;font-size:.85rem;font-weight:500}.contact-value{color:#ecf0f1;font-size:1rem;font-weight:600}.social-section{display:flex;flex-direction:column;gap:20px}.social-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.social-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;color:#fff;display:flex;flex-direction:column;gap:10px;padding:20px 15px;text-decoration:none;transition:all .3s ease}.social-card:hover{box-shadow:0 10px 25px #0000004d;transform:translateY(-5px)}.social-icon{align-items:center;background:#ffffff1a;border-radius:50%;display:flex;font-size:2rem;height:50px;justify-content:center;transition:all .3s ease;width:50px}.social-name{font-size:.9rem;font-weight:600;text-align:center}.social-card.whatsapp:hover{background:#25d36633;border-color:#25d366}.social-card.whatsapp:hover .social-icon{background:#25d366}.social-card.twitter:hover{background:#1da1f233;border-color:#1da1f2}.social-card.twitter:hover .social-icon{background:#1da1f2}.social-card.instagram:hover{background:linear-gradient(45deg,#f0943333,#e6683c33);border-color:#e6683c}.social-card.instagram:hover .social-icon{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.social-card.facebook:hover{background:#1877f233;border-color:#1877f2}.social-card.facebook:hover .social-icon{background:#1877f2}.social-card.snapchat:hover{background:#fffc0033;border-color:#fffc00;color:#000}.social-card.snapchat:hover .social-icon{background:#fffc00;color:#000}.social-card.tiktok:hover{background:#0003;border-color:#000}.social-card.tiktok:hover .social-icon{background:#000}.footer-main{grid-gap:40px;display:grid;gap:40px;grid-template-columns:2fr 1fr 1fr;padding:60px 0 40px}.company-section{display:flex;flex-direction:column;gap:25px}.company-header{align-items:flex-start;display:flex;gap:20px;margin-bottom:20px}.footer-logo{flex-shrink:0}.company-info{flex:1 1}.company-name{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#3498db,#9b59b6);-webkit-background-clip:text;background-clip:text;color:#fff!important;font-size:2.2rem;font-weight:700;margin:0 0 10px;text-shadow:0 2px 6px #00000080;@supports not (-webkit-background-clip:text){background:none;color:#fff!important}}.company-tagline{color:#bdc3c7;font-size:1.1rem;line-height:1.6;margin:0}.company-info{max-width:350px}.footer-logo{margin-bottom:1rem;opacity:.9;transition:opacity .3s ease}.footer-logo:hover{opacity:1}.footer-title{color:#ecf0f1;font-size:24px;font-weight:700;margin:0 0 .5rem;text-shadow:0 1px 2px #0000004d}.footer-description{color:#bdc3c7;font-size:14px;line-height:1.6;margin:0 0 1.5rem}.trust-badges{margin-top:1.5rem}.trust-title{color:#fff!important;font-size:16px;font-weight:600;margin:0 0 1rem;text-shadow:0 1px 3px #0000004d}.badges-grid{display:flex;flex-wrap:wrap;gap:1rem}.trust-badge{align-items:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;box-shadow:0 2px 8px #0000001a;color:#bdc3c7;display:flex;flex-direction:column;gap:.75rem;min-width:90px;padding:1.25rem;text-decoration:none;transition:all .3s ease}.trust-badge:hover{background:#fff3;border-color:#ffffff4d;box-shadow:0 8px 25px #0003;color:#fff;transform:translateY(-3px)}.trust-badge img{background:#ffffffe6;border-radius:8px;filter:brightness(.9) contrast(1.1);height:50px;object-fit:contain;padding:8px;transition:all .3s ease;width:50px}.trust-badge:hover img{filter:brightness(1) contrast(1.2);transform:scale(1.05)}.badge-name{font-size:11px;font-weight:500;text-align:center}.contact-items{display:flex;flex-direction:column;gap:.75rem}.contact-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:.75rem;padding:.5rem;transition:all .3s ease}.contact-item:hover{background:#ffffff1a;transform:translateX(5px)}.contact-icon{flex-shrink:0;font-size:18px;text-align:center;width:24px}.contact-text{color:#bdc3c7;font-size:14px;transition:color .3s ease}.contact-item:hover .contact-text{color:#ecf0f1}.social-links{display:flex;flex-wrap:wrap;gap:.75rem}.social-link{align-items:center;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:25px;color:#ecf0f1;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:.5rem;padding:.75rem 1rem;text-decoration:none;transition:all .3s ease}.social-link:hover{box-shadow:0 4px 15px #0003;color:#fff;transform:translateY(-2px)}.social-link.whatsapp:hover{background:#25d366;border-color:#25d366}.social-link.twitter:hover{background:#1da1f2;border-color:#1da1f2}.social-link.instagram:hover{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888);border-color:#e6683c}.social-link.facebook:hover{background:#1877f2;border-color:#1877f2}.social-link.snapchat:hover{background:#fffc00;border-color:#fffc00;color:#000}.social-link.tiktok:hover{background:#000;border-color:#ff0050}.social-icon{flex-shrink:0;font-size:16px}.social-text{font-size:13px}.vision-mission{max-width:400px}.vision-mission-item{margin-bottom:1.5rem}.vm-title{color:#fff!important;font-size:16px;font-weight:600;margin:0 0 .5rem;text-shadow:0 1px 3px #0000004d}.vm-text{color:#bdc3c7;font-size:14px;line-height:1.6;margin:0}.footer-bottom{margin-top:1rem;padding:2rem 0 1.5rem}.legal-links{gap:1.5rem;margin-bottom:1.5rem}.legal-link{font-size:14px}.legal-link:after{background:#3498db;bottom:-2px;content:"";height:1px;left:0;position:absolute;transition:width .3s ease;width:0}.legal-link:hover:after{width:100%}.copyright{border-top:1px solid #ffffff0d;padding-top:1.5rem;text-align:center}.copyright p{line-height:1.4;margin:.25rem 0}.copyright-ar{color:#ecf0f1;font-size:14px;font-weight:500}.copyright-en{color:#95a5a6;font-size:13px;font-weight:400}@media (max-width:992px){.footer-main{gap:30px;grid-template-columns:1fr 1fr;padding:40px 0 30px}.company-section{grid-column:1/-1}.company-header{flex-direction:column;gap:15px;text-align:center}.company-name{font-size:1.8rem}.trust-badges-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}@media (max-width:768px){.footer-main{gap:2rem;grid-template-columns:1fr;padding:2rem 0 1rem}.footer-container{padding:0 1.5rem}.footer-title{font-size:20px}.social-links{justify-content:center}.legal-links{align-items:center;flex-direction:column;gap:1rem}.contact-item:hover{transform:none}}@media (max-width:576px){.footer-main{padding:1.5rem 0 1rem}.footer-container{padding:0 1rem}.social-links{align-items:center;flex-direction:column}.social-link{justify-content:center;max-width:200px;width:100%}.badges-grid{align-items:center;flex-direction:column}.trust-badge{max-width:150px;width:100%}}.footer-section:hover .section-title:after{transition:width .3s ease;width:60px}.footer-loading{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.contact-item:focus,.legal-link:focus,.social-link:focus,.trust-badge:focus{outline:2px solid #3498db;outline-offset:2px}.modal-overlay{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c}.about-modal{animation:slideUp .3s ease;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 20px 60px #00000080;max-height:80vh;max-width:600px;overflow:hidden;padding:0;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{background:linear-gradient(45deg,#3498db,#2980b9);gap:15px;overflow:hidden;padding:25px 30px;position:relative}.modal-header:before{background:radial-gradient(circle at 20% 50%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff1a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.modal-logo{position:relative;z-index:1}.modal-title{flex:1 1;font-size:1.8rem;font-weight:700}.modal-close,.modal-title{color:#fff;position:relative;z-index:1}.modal-close{align-items:center;background:#fff3;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.modal-content{max-height:60vh;overflow-y:auto;padding:30px;scrollbar-color:#3498db #ffffff1a;scrollbar-width:thin}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.modal-content::-webkit-scrollbar-thumb{background:#3498db;border-radius:3px}.about-section{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;margin-bottom:25px;padding:20px;transition:all .3s ease}.about-section:hover{background:#ffffff14;transform:translateY(-2px)}.about-title{align-items:center;color:#3498db;display:flex;font-size:1.3rem;font-weight:600;gap:10px;margin:0 0 15px}.about-icon{font-size:1.4rem}.about-text{color:#bdc3c7;font-size:1rem;line-height:1.7;margin:0}.modal-contact{background:#3498db1a;border:1px solid #3498db33;border-radius:15px;margin-top:25px;padding:20px}.modal-contact-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:15px}.modal-contact-item{align-items:center;background:#ffffff0d;border-radius:10px;color:#ecf0f1;display:flex;font-weight:500;gap:10px;padding:12px 15px;text-decoration:none;transition:all .3s ease}.modal-contact-item:hover{background:#ffffff1a;color:#fff;transform:translateX(5px)}.footer-legal{border-top:1px solid #ffffff1a;margin-top:20px;padding:30px 0 20px}.legal-divider{background:linear-gradient(90deg,#0000,#fff3,#0000);height:1px;margin-bottom:25px}.legal-links{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.legal-link{align-items:center;border-radius:8px;color:#bdc3c7;display:flex;font-size:.95rem;font-weight:500;gap:8px;padding:8px 12px;position:relative;text-decoration:none;transition:all .3s ease}.legal-link:hover{background:#3498db1a;color:#3498db;transform:translateY(-2px)}.link-icon{font-size:1rem}.footer-bottom{border-top:1px solid #ffffff1a;margin-top:20px;padding:25px 0}.copyright-section{gap:15px;justify-content:space-between}.copyright-section,.copyright-text{align-items:center;display:flex;flex-wrap:wrap}.copyright-text{gap:8px}.copyright-year{color:#95a5a6;font-size:.9rem;font-weight:500}.company-copyright{color:#ecf0f1;font-size:1rem;font-weight:600}.rights-text{color:#bdc3c7;font-size:.9rem}.made-with-love{align-items:center;color:#95a5a6;display:flex;font-size:.85rem;gap:5px}.heart{animation:heartbeat 2s ease-in-out infinite;color:#e74c3c}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width:768px){.about-modal{max-height:90vh;width:95%}.modal-header{padding:20px 25px}.modal-title{font-size:1.5rem}.modal-content{padding:25px 20px}.modal-contact-grid{grid-template-columns:1fr}.copyright-section{flex-direction:column;text-align:center}.legal-links{gap:15px}}@media (max-width:480px){.legal-links{align-items:center;flex-direction:column;gap:10px}.copyright-text{flex-direction:column;gap:5px;text-align:center}}*{transition-timing-function:cubic-bezier(.4,0,.2,1)}.install-button{align-items:center;background-color:#8b4513;border:none;border-radius:25px;bottom:20px;box-shadow:0 2px 10px #0003;color:#fff;cursor:pointer;display:flex;font-family:Tajawal,sans-serif;font-size:14px;font-weight:700;gap:8px;padding:10px 16px;position:fixed;right:20px;transition:all .3s ease;z-index:1000}.install-button:hover{background-color:sienna;box-shadow:0 4px 12px #00000040;transform:translateY(-2px)}.install-button.ready{background-color:#28a745}.install-button.ready:hover{background-color:#218838}.install-button.manual{background-color:#fd7e14}.install-button.manual:hover{background-color:#e8680f}.manual-indicator{font-size:10px;margin-right:4px;opacity:.8}.install-button:active{transform:translateY(0)}.install-icon{font-size:18px}.install-text{margin-right:4px}@media (max-width:768px){.install-button{bottom:70px;font-size:13px;padding:8px 14px;right:10px}.install-icon{font-size:16px}}.products-page-main{flex-grow:1;padding:2rem 0}.container{max-width:1200px;padding:0 1rem}.product-details-page .container{max-width:1100px}.details-error,.details-loading{align-items:center;display:flex;font-size:1.5rem;justify-content:center;min-height:50vh}.details-error{color:#e74c3c}.product-details-content{grid-gap:3rem;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000014;display:grid;gap:3rem;grid-template-columns:1fr 1.2fr;padding:2rem}.product-details-image img{border-radius:8px;height:auto;width:100%}.product-details-info h1{font-size:2.8rem;margin-bottom:1rem}.product-description{color:#555;font-size:1.1rem;line-height:1.8;margin-bottom:1.5rem}.base-price{font-size:1.2rem;margin-bottom:1.5rem}.base-price span{color:#666;margin-left:10px}.base-price strong{color:#007bff;font-size:1.8rem}.product-details-info hr{background-color:#eee;border:0;height:1px;margin:2rem 0}.product-details-info h2{font-size:1.5rem;margin-bottom:1rem}.options-group{margin-bottom:2rem}.options-group h3{border-bottom:2px solid #eee;font-size:1.2rem;margin-bottom:1rem;padding-bottom:.5rem}.options-list{display:flex;flex-wrap:wrap;gap:1rem}.option-label{align-items:center;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;cursor:pointer;display:flex;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s ease-in-out}.option-label:hover{border-color:#007bff}.option-label.primary-option{font-size:1.1rem;font-weight:700}.option-label input[type=radio]{accent-color:#007bff;height:18px;width:18px}.option-label input[type=radio]:checked+span{color:#007bff}.summary-section{align-items:center;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;display:flex;justify-content:space-between;margin-top:2rem;padding:1.5rem}.total-price{font-size:1.5rem;font-weight:700}.total-price span{color:#333;font-size:1.2rem;margin-left:.5rem}.summary-section .btn{font-size:1.2rem;padding:.75rem 2rem}.custom-select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");background-position:left .75rem center;background-repeat:no-repeat;background-size:16px 12px;border:1px solid #ced4da;border-radius:.25rem;font-size:1rem;padding:.75rem 1rem .75rem 2.5rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.custom-select:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40;outline:0}.back-button-container{margin-bottom:1.5rem}.back-button{background-color:#6c757d;border:none;border-radius:.25rem;color:#fff;cursor:pointer;display:inline-block;font-size:.9rem;font-weight:700;padding:.5rem 1rem;text-decoration:none;transition:background-color .2s ease-in-out}.back-button:hover{background-color:#5a6268;text-decoration:none}.media-display{align-items:center;background-color:#f0f0f0;border:1px solid #ddd;border-radius:8px;display:flex;height:400px;justify-content:center;margin-bottom:1rem;overflow:hidden;width:100%}.media-display img,.media-display video{height:100%;object-fit:cover;width:100%}.media-thumbnails{display:flex;gap:.5rem}.media-thumbnails button{align-items:center;background-color:#eee;border:2px solid #0000;border-radius:4px;cursor:pointer;display:flex;height:60px;justify-content:center;overflow:hidden;padding:0;width:80px}.media-thumbnails button.active{border-color:#007bff}.media-thumbnails img{height:100%;object-fit:cover;width:100%}.media-thumbnails svg{color:#555}.media-thumbnails span{display:none}.restaurant-search-input{border:1px solid #ced4da;border-radius:.375rem;font-size:1rem;margin-bottom:.75rem;padding:.75rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.restaurant-search-input:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40;outline:0}.restaurant-search-input::placeholder{color:#6c757d;opacity:.7}.restaurant-select{margin-top:.5rem}@media (max-width:992px){.product-details-content{gap:2rem;grid-template-columns:1fr;padding:1.5rem}.product-details-info h1{font-size:2.2rem;text-align:center}.media-display{height:350px}}@media (max-width:768px){.product-details-content{padding:1rem}.product-details-info h1{font-size:1.8rem}.media-display{height:300px}.summary-section{align-items:stretch;flex-direction:column;gap:1rem}.total-price{text-align:center}.summary-section .btn{width:100%}}.stock-info{font-size:1.1rem;font-weight:700;margin-bottom:1.5rem}.stock-info .out-of-stock{background-color:#fbeae5;border-radius:4px;color:#e74c3c;padding:.25rem .75rem}.stock-info span strong{color:#28a745}.summary-section .btn:disabled{background-color:#adb5bd;border-color:#adb5bd;cursor:not-allowed}.summary-section .shared-button.limit-reached{background-color:#dc3545;border-color:#dc3545}.summary-section .shared-button.limit-reached:hover{background-color:#c82333;border-color:#bd2130}.input-error{border-color:#dc3545!important}.error-text{margin-top:.25rem}.add-to-cart-toast{align-items:center;background-color:#fff;border:1px solid #eee;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#333;display:flex;font-family:inherit;gap:20px;justify-content:space-between;max-width:480px;padding:16px 24px;width:100%}.add-to-cart-toast span{font-size:15px;line-height:1.5}.add-to-cart-toast strong{color:#0056b3;font-weight:600}.toast-buttons{display:flex;gap:12px}.toast-button{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:all .2s ease-in-out;white-space:nowrap}.toast-button.primary{background-color:#007bff;color:#fff}.toast-button.primary:hover{background-color:#0056b3;transform:translateY(-1px)}.toast-button.secondary{background-color:#f8f9fa;border:1px solid #ced4da;color:#343a40}.toast-button.secondary:hover{background-color:#e2e6ea;border-color:#b1b9c1}.cart-page{background-color:#f9f9f9;min-height:70vh;padding:2rem 0}.cart-page h1{font-size:2.5rem;margin-bottom:2rem;text-align:center}.empty-cart{background-color:#fff;border-radius:8px;padding:4rem;text-align:center}.empty-cart p{font-size:1.5rem;margin-bottom:2rem}.cart-content{grid-gap:2rem;align-items:flex-start;display:grid;gap:2rem;grid-template-columns:2fr 1fr}.cart-items-list{display:flex;flex-direction:column;gap:1.5rem}.cart-item{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #00000012;display:flex;gap:1.5rem;padding:1.5rem}.cart-item-image{border-radius:8px;height:120px;object-fit:cover;width:120px}.cart-item-details{flex-grow:1}.cart-item-details h3{font-size:1.4rem;margin:0 0 .5rem}.cart-item-options{color:#555;font-size:.9rem;list-style:none;margin:0;padding:0}.cart-item-options li{margin-bottom:.25rem}.cart-item-actions{align-items:flex-end;display:flex;flex-direction:column;justify-content:space-between}.cart-item-price{color:#333;font-size:1.3rem;font-weight:700}.remove-item-btn{background:none;border:none;color:#e74c3c;cursor:pointer;font-size:2rem;line-height:1;padding:0;transition:color .2s}.remove-item-btn:hover{color:#a00}.cart-summary{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #00000012;padding:2rem;position:-webkit-sticky;position:sticky;top:120px}.cart-summary h2{font-size:1.8rem;margin-bottom:1.5rem;margin-top:0;text-align:center}.summary-row{display:flex;font-size:1.1rem;justify-content:space-between;margin-bottom:1rem}.summary-row span:last-child{font-weight:700}.cart-summary hr{background-color:#eee;border:0;height:1px;margin:1.5rem 0}.total-row{font-size:1.4rem;font-weight:700}.cart-actions-container{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.cart-actions-container .checkout-btn,.cart-actions-container .continue-shopping-btn2{align-items:center;border:none;border-radius:8px;box-sizing:border-box;color:#fff;cursor:pointer;flex:1 1;font-size:1.2rem;line-height:2.2;margin:0!important;min-height:48px;padding:1rem;text-align:center;transition:background-color .3s ease;width:100%}.cart-actions-container .checkout-btn{background-color:#2cba22}.cart-actions-container .checkout-btn:hover{background-color:#78db72}.cart-actions-container .continue-shopping-btn2{background-color:#2c6bed}.cart-actions-container .continue-shopping-btn2:hover{background-color:#1f58d4}.quantity-control{align-items:center;display:flex;gap:.75rem;margin-top:1rem}.quantity-control button{align-items:center;background-color:#e9ecef;border:1px solid #ced4da;border-radius:50%;color:#495057;cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;height:30px;justify-content:center;line-height:1;width:30px}.quantity-control span{font-size:1.2rem;font-weight:700;min-width:20px;text-align:center}@media (max-width:992px){.cart-content{grid-template-columns:1fr}}@media (max-width:576px){.cart-item{align-items:center;flex-direction:column;text-align:center}.cart-item-actions{align-items:center;flex-direction:row;justify-content:space-between;margin-top:1rem;width:100%}}.date-selector-container{margin-bottom:1.5rem;position:relative}.date-selector-label{color:#333;display:block;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.required{color:#dc3545;margin-right:4px}.date-selector-loading{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;color:#6c757d;display:flex;gap:.75rem;padding:1rem}.loading-spinner{border:2px solid #e9ecef;border-top-color:#007bff;height:20px;width:20px}.date-selector-error{align-items:center;background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;display:flex;gap:.75rem;padding:1rem}.error-icon{font-size:1.2rem}.retry-btn{background:#dc3545;border-radius:4px;font-size:.875rem;margin-right:auto;padding:.25rem .75rem}.retry-btn:hover{background:#c82333}.quick-date-buttons{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr 1fr;margin-bottom:1rem}.quick-date-btn{align-items:center;background:#fff;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:100px;padding:1.25rem 1rem;text-align:center;transition:all .2s ease}.quick-date-btn.available{border-color:#28a745;color:#155724}.quick-date-btn.available:hover{background:#d4edda;border-color:#1e7e34}.quick-date-btn.disabled{background:#f8f9fa;border-color:#dc3545;color:#721c24;cursor:not-allowed;opacity:.7}.quick-date-btn.selected{background:#007bff;border-color:#0056b3;color:#fff}.quick-date-btn.flexible.available{border-color:#17a2b8;color:#0c5460}.quick-date-btn.flexible.available:hover{background:#d1ecf1;border-color:#138496}.btn-label{font-size:1.2rem;font-weight:600;line-height:1.3;margin-bottom:.5rem}.btn-subtitle{font-size:1.1rem;font-weight:500;line-height:1.4;opacity:.9}.selected-date-display{align-items:center;background:#d4edda;border:1px solid #c3e6cb;border-radius:6px;color:#155724;display:flex;font-weight:500;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem}.selected-icon{font-size:1.1rem}.selected-text{flex:1 1}.date-selector-wrapper{position:relative}.date-selector-button{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;display:flex;font-size:1.1rem;justify-content:space-between;padding:.8rem 1rem;text-align:right;transition:all .2s ease;width:100%}.date-selector-button:hover:not(:disabled){border-color:#007bff}.date-selector-button:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.date-selector-button:disabled{background-color:#e9ecef;cursor:not-allowed;opacity:.6}.date-selector-button.open{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.selected-date-text{flex:1 1;text-align:right}.date-selector-button.placeholder .selected-date-text{color:#6c757d}.dropdown-arrow{color:#6c757d;margin-left:8px;transition:transform .2s ease}.dropdown-arrow.rotated{transform:rotate(180deg)}.date-selector-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #0000001a;left:0;margin-top:4px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.dropdown-header{background:#f8f9fa;border-bottom:1px solid #f1f3f4;padding:1rem}.dropdown-header h4{color:#333;font-size:1.1rem;margin:0 0 .25rem}.dropdown-subtitle{color:#6c757d;font-size:.875rem;margin:0}.dates-list{max-height:300px;overflow-y:auto}.date-option{align-items:center;background:#fff;border:none;cursor:pointer;display:flex;justify-content:space-between;padding:.75rem 1rem;text-align:right;transition:background-color .2s ease;width:100%}.date-option:hover{background-color:#f8f9fa}.date-option.selected{background-color:#e7f1ff;color:#0056b3}.day-name{font-size:1rem;font-weight:600;margin-bottom:2px}.date-label{color:#6c757d;font-size:.875rem}.date-option.selected .date-label{color:#0056b3}.check-icon{color:#28a745;margin-left:8px}.dropdown-footer{background:#f8f9fa;border-top:1px solid #f1f3f4;padding:.75rem 1rem;text-align:center}.dropdown-footer small{color:#6c757d;font-size:.8rem}.date-selector-overlay{background:#0000;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.date-selector-error .date-selector-button{border-color:#dc3545}.date-selector-error .date-selector-button:focus{border-color:#dc3545;box-shadow:0 0 0 2px #dc354540}.date-option-content{align-items:flex-end;display:flex;flex-direction:column;gap:.25rem}.remaining-slots{background:#f8f9fa;border-radius:12px;color:#6c757d;font-size:.75rem;padding:.2rem .5rem}@media (max-width:768px){.quick-date-buttons{gap:.5rem;grid-template-columns:1fr}.quick-date-btn{align-items:center;flex-direction:row;justify-content:space-between;min-height:80px;padding:1rem 1.25rem}.btn-label{font-size:1.3rem;margin-bottom:.25rem}.btn-subtitle{font-size:1.2rem;font-weight:500;text-align:left}}@media (max-width:576px){.date-selector-dropdown{left:1rem;max-height:70vh;position:fixed;right:1rem;top:50%;transform:translateY(-50%);z-index:1001}.dates-list{max-height:50vh}.date-option{padding:1rem}.day-name{font-size:1.1rem}.date-label{font-size:.9rem}.selected-date-display{font-size:.9rem;padding:.5rem .75rem}.quick-date-btn{min-height:70px;padding:.75rem 1rem}.btn-label{font-size:1.2rem;margin-bottom:.25rem}.btn-subtitle{font-size:1.1rem;font-weight:500}}:root{--primary-color:#007bff;--success-color:#28a745;--warning-color:#ffc107;--danger-color:#dc3545;--info-color:#17a2b8;--light-bg:#f8f9fa;--border-color:#dee2e6;--text-primary:#212529;--text-secondary:#6c757d;--shadow-sm:0 2px 4px #0000001a;--shadow-md:0 4px 12px #00000026;--border-radius:8px;--transition:all 0.3s ease}.checkout-page{background:linear-gradient(135deg,#f8f9fa,#e9ecef);min-height:100vh;padding:2rem 0}#checkout-map{background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;height:320px!important;width:100%!important}.leaflet-container{font-family:inherit;min-height:320px;outline:none}.leaflet-control-attribution{direction:ltr}.checkout-content{grid-gap:2rem;align-items:flex-start;display:grid;gap:2rem;grid-template-columns:1fr 350px}.checkout-form{background:#fff;border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);padding:2rem}.form-header{border-bottom:2px solid #f8f9fa;border-bottom:2px solid var(--light-bg);margin-bottom:2rem;padding-bottom:1.5rem}.form-header h2{align-items:center;color:#212529;color:var(--text-primary);display:flex;font-size:2rem;gap:.5rem;margin-bottom:1rem}.progress-section{margin-top:1rem}.progress-bar-container{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.progress-bar{background:#f8f9fa;background:var(--light-bg);flex:1 1;height:8px;overflow:hidden}.progress-bar,.progress-fill{border-radius:4px;position:relative}.progress-fill{background:linear-gradient(90deg,#28a745,#20c997);background:linear-gradient(90deg,var(--success-color),#20c997);height:100%;transition:width .5s ease}.progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.progress-text{color:#28a745;color:var(--success-color);font-size:.9rem;font-weight:600;min-width:80px}.completion-indicators{display:flex;flex-wrap:wrap;gap:.5rem}.indicator{align-items:center;border-radius:12px;display:flex;font-size:.8rem;gap:.25rem;padding:.25rem .5rem;transition:all .3s ease;transition:var(--transition)}.indicator.clickable{cursor:pointer}.indicator.clickable:hover{background:#e3f2fd;border-color:#007bff;border-color:var(--primary-color);box-shadow:0 2px 8px #007bff33;transform:translateY(-1px)}.indicator.completed{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.indicator.pending{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.indicator-icon{font-size:.9rem}.enhanced-field{margin-bottom:1.5rem}.enhanced-label{align-items:center;color:#212529;color:var(--text-primary);display:flex;font-weight:600;gap:.5rem;margin-bottom:.5rem}.label-icon{font-size:1.1rem}.label-text{flex:1 1}.required-indicator{color:#dc3545;color:var(--danger-color);font-weight:700}.optional-indicator{color:#6c757d;color:var(--text-secondary);font-size:.8rem;font-weight:400}.validation-icon{border-radius:50%;font-size:1rem;padding:2px}.validation-icon.valid{background:#d4edda;color:#28a745;color:var(--success-color)}.validation-icon.invalid{background:#fff3cd;color:#ffc107;color:var(--warning-color)}.input-container{margin-bottom:1.5rem;position:relative}.enhanced-input,.enhanced-textarea{background:#fff;border:2px solid #dee2e6;border:2px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius);font-size:1rem;padding:.75rem 1rem;transition:all .3s ease;transition:var(--transition);width:100%}.enhanced-input:focus,.enhanced-textarea:focus{border-color:#007bff;border-color:var(--primary-color);box-shadow:0 0 0 3px #007bff1a;outline:none;transform:translateY(-1px)}.enhanced-input.input-valid{background:#f8fff9;border-color:#28a745;border-color:var(--success-color)}.enhanced-input.input-error{background:#fff5f5;border-color:#dc3545;border-color:var(--danger-color)}.character-counter{background:#0000;bottom:-1.5rem;color:#6c757d;color:var(--text-secondary);font-size:.75rem;padding:0;position:absolute;right:.75rem}.character-counter .warning{color:#ffc107;color:var(--warning-color);font-weight:600}.verification-badge{align-items:center;background:#28a745;background:var(--success-color);border-radius:12px;color:#fff;display:flex;font-size:.7rem;gap:.25rem;padding:.25rem .5rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.form-group{margin-bottom:1.5rem}.form-group label{color:#333;display:block;font-size:1.05rem;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group textarea{border:1px solid #ccc;border-radius:4px;font-size:1.1rem;padding:.8rem 1rem;transition:border-color .2s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.form-group textarea{min-height:100px;resize:vertical}.payment-methods{border-top:1px solid #eee;padding-top:1.5rem}.payment-option{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:5px;transition:all .2s ease-in-out}.payment-option.selected{background-color:#e7f1ff;box-shadow:0 0 0 2px #007bff40}.payment-option-header{align-items:center;display:flex}.payment-option-header input[type=radio]{height:18px;margin-right:.75rem;width:18px}.payment-method-info{align-items:center;display:flex;gap:.75rem}.payment-method-icon{background:#fff;border:1px solid #dee2e6;border-radius:4px;box-shadow:0 1px 3px #0000001a;height:32px;object-fit:cover;padding:2px;transition:all .2s ease;width:32px}.payment-option:hover .payment-method-icon{box-shadow:0 2px 6px #00000026;transform:scale(1.05)}.payment-option.selected .payment-method-icon{border-color:#007bff;border-color:var(--primary-color);box-shadow:0 0 0 2px #007bff40}.payment-method-icon-default,.payment-method-icon-fallback{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#6c757d;display:flex;font-size:16px;justify-content:center}.service-fee-breakdown{margin-top:.25rem}.service-fee-breakdown small{animation:fadeIn .3s ease-in-out;color:#6c757d;display:block;font-size:.75rem;font-style:italic}.line-value,.total-value{transition:all .3s ease}.summary-line,.summary-total{transition:all .2s ease}.loading-container{padding:3rem 1rem}.loading-container p{color:#6c757d}.error-container{margin:0 auto;max-width:500px;padding:3rem 1rem;text-align:center}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;font-size:1rem;line-height:1.5;margin-bottom:1.5rem;padding:1rem}.retry-button{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .2s ease}.retry-button:hover{background:#0056b3;transform:translateY(-1px)}.warning-banner{align-items:center;background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;color:#856404;display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 1rem}.warning-icon{font-size:1.2rem}.warning-text{flex:1 1;font-size:.9rem}.payment-option-header label{font-size:1.2rem;font-weight:700;margin:0}.payment-option-description{color:#6c757d;font-size:1rem;margin-top:.5rem;padding-right:2.2rem}.bank-transfer-box{background:linear-gradient(180deg,#f8fbff,#fff);border:1px dashed #b6d4fe;border-radius:10px;margin-top:.85rem;padding:1rem}.bank-transfer-title{color:#0b5ed7;font-size:1.1rem;margin:0 0 .75rem}.bank-transfer-content{align-items:flex-start;display:flex;gap:1rem}.bank-details{display:flex;flex:1 1;flex-direction:column;gap:.75rem}.bank-transfer-grid{grid-gap:.75rem;align-items:stretch;display:grid;gap:.75rem;grid-template-columns:1fr 1fr auto}.copy-tile{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 6px #0d6efd0f;padding:.75rem .75rem .75rem 5.5rem;position:relative}.copy-label{color:#6b7280;font-size:.95rem;margin-bottom:.35rem}.copy-value{font-weight:700;letter-spacing:.5px;overflow-wrap:anywhere}.copy-btn{background:#0d6efd;border:0;border-radius:8px;box-shadow:0 6px 16px #0d6efd40;color:#fff;cursor:pointer;left:10px;padding:8px 14px;position:absolute;top:50%;transform:translateY(-50%);transition:background .2s,transform .05s}.copy-btn:active{transform:translateY(calc(-50% + 1px))}.copy-btn:hover{background:#0b5ed7}.qr-tile{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;justify-content:center;min-width:120px;padding:.5rem}.qr-tile img{height:110px;object-fit:contain;width:110px}.qr-caption{color:#64748b;font-size:.8rem;margin-top:.25rem}.bank-transfer-note{color:#6b7280;font-size:.85rem;margin-top:.5rem}.qr-code-section{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;justify-content:center;min-width:120px;padding:.75rem}.qr-code-image{border-radius:4px;height:100px;object-fit:contain;width:100px}.qr-code-caption{color:#64748b;font-size:.8rem;margin-top:.5rem}.calculated-fee{color:#007bff!important;font-weight:600}@media (max-width:768px){.delivery-info-grid{grid-template-columns:1fr}.delivery-info-item{align-items:flex-start;flex-direction:column;gap:4px}.delivery-info-label{font-size:.8rem}.delivery-info-value{font-size:.9rem}}.soft-toast{animation:toastPop .15s ease-out;box-shadow:0 10px 30px #00000040;letter-spacing:.2px;padding:10px 14px;top:18%}.soft-toast,.soft-toast.success{background:linear-gradient(90deg,#22c55e,#16a34a)}.soft-toast.error{background:linear-gradient(90deg,#ef4444,#dc2626)}@keyframes toastPop{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}.enhanced-calculating{background:linear-gradient(135deg,#fff9e6,#fff3cd);border:2px solid #ffc107;border:2px solid var(--warning-color);border-radius:8px;border-radius:var(--border-radius);margin:1rem 0;padding:1.5rem}.calculating-content{align-items:center;display:flex;gap:1rem}.calculating-spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#ffc107;border-top:3px solid var(--warning-color);height:24px;width:24px}.calculating-text{display:flex;flex-direction:column;gap:.25rem}.calculating-title{color:#856404;font-weight:600}.calculating-subtitle{color:#6c757d;color:var(--text-secondary);font-size:.9rem}.delivery-status{align-items:center;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);display:flex;font-size:1rem;font-weight:600;gap:.75rem;margin:1.5rem 0;padding:1rem 1.5rem;transition:all .3s ease;transition:var(--transition)}.delivery-status.inside{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:2px solid #28a745;color:#155724}.delivery-status.outside{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:2px solid #ffc107;color:#856404}.delivery-status .status-icon{font-size:1.2rem}.delivery-status .status-text{flex:1 1}.enhanced-summary{background:#fff;border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);position:-webkit-sticky;position:sticky;top:2rem}.summary-header{border-bottom:2px solid #f8f9fa;border-bottom:2px solid var(--light-bg);gap:.5rem;padding:1.5rem 1.5rem 1rem}.summary-icon{font-size:1.5rem}.items-count{background:#007bff;background:var(--primary-color);border-radius:12px;color:#fff;font-size:.8rem;font-weight:600;margin-left:auto;padding:.25rem .5rem}.order-summary-card{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000000d;padding:1.5rem;position:-webkit-sticky;position:sticky;top:2rem}.order-summary-card h2{font-size:1.7rem;margin-bottom:1rem}.summary-item{font-size:1rem;justify-content:space-between;margin-bottom:1rem}.summary-item,.summary-item-details{align-items:center;display:flex}.summary-item-details img{border-radius:4px;height:50px;margin-left:10px;object-fit:cover;width:50px}.summary-item-name{font-weight:600}.summary-item-price{font-weight:700}.enhanced-breakdown{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:8px;border-radius:var(--border-radius);margin:1rem 1.5rem;padding:1rem 1.5rem}.breakdown-header{align-items:center;color:#212529;color:var(--text-primary);display:flex;font-weight:600;gap:.5rem;margin-bottom:1rem}.breakdown-icon{font-size:1.2rem}.summary-breakdown{border-top:1px solid #f0f0f0;margin-bottom:1rem;margin-top:1rem;padding-top:1rem}.summary-line{color:#666;font-size:.95rem;margin-bottom:.5rem}.summary-line:last-child{margin-bottom:0}.summary-total{border-top:2px solid #eee;display:flex;font-size:1.2rem;font-weight:700;justify-content:space-between;margin-top:1rem;padding-top:1rem}.submit-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);margin-top:2rem;padding:1.5rem}.order-summary-mini,.submit-section{border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius)}.order-summary-mini{background:#fff;margin-bottom:1rem;padding:1rem}.mini-summary-line{align-items:center;display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:.5rem}.mini-summary-line.total{border-top:1px solid #dee2e6;border-top:1px solid var(--border-color);font-size:1rem;font-weight:600;margin-bottom:0;padding-top:.5rem}.total-price{color:#28a745;color:var(--success-color);font-size:1.1rem}.enhanced-submit{align-items:center;border:none;border-radius:8px;border-radius:var(--border-radius);cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;justify-content:center;overflow:hidden;padding:1rem 1.5rem;position:relative;transition:all .3s ease;transition:var(--transition);width:100%}.enhanced-submit.ready{background:linear-gradient(135deg,#28a745,#20c997);background:linear-gradient(135deg,var(--success-color) 0,#20c997 100%);box-shadow:0 4px 12px #00000026;box-shadow:var(--shadow-md);color:#fff}.enhanced-submit.ready:hover{box-shadow:0 6px 20px #28a7454d;transform:translateY(-2px)}.enhanced-submit.incomplete{animation:pulseRedBorder 2s infinite;background:linear-gradient(135deg,#ffc107,#ffca2c);background:linear-gradient(135deg,var(--warning-color) 0,#ffca2c 100%);border:3px solid #dc3545!important;box-shadow:0 0 0 2px #dc354533,0 4px 12px #dc354526;color:#856404;cursor:not-allowed}@keyframes pulseRedBorder{0%,to{border-color:#dc3545;box-shadow:0 0 0 2px #dc354533,0 4px 12px #dc354526}50%{border-color:#c82333;box-shadow:0 0 0 4px #dc35454d,0 6px 16px #dc354540}}.btn-icon{font-size:1.2rem}.place-order-btn{font-size:1.2rem;margin-top:1.5rem;padding:1rem;width:100%}.error-message,.loading-spinner{align-items:center;display:flex;font-size:1.2rem;justify-content:center;padding:2rem}.error-message{color:#dc3545}.enhanced-verification{background:linear-gradient(135deg,#f8faff,#e3f2fd);border:2px solid #007bff;border:2px solid var(--primary-color);border-radius:8px;border-radius:var(--border-radius);margin:1.5rem 0;padding:1.5rem}.verification-header{align-items:center;display:flex;gap:.5rem;margin-bottom:1rem}.verification-icon{font-size:1.5rem}.otp-send-section{display:flex;flex-direction:column;gap:1rem}.otp-info{align-items:center;background:#ffffffb3;border-radius:8px;border-radius:var(--border-radius);display:flex;gap:.5rem;padding:1rem}.info-icon{font-size:1.2rem}.otp-send-btn{align-items:center;display:flex;gap:.5rem;justify-content:center}.verified-section{background:linear-gradient(135deg,#f8fff9,#e8f5e8);border:2px solid #28a745;border:2px solid var(--success-color)}.verification-success{align-items:center;display:flex;gap:1rem;padding:1rem}.success-icon{color:#28a745;color:var(--success-color);font-size:2rem}.verified-badge{background:#28a745;background:var(--success-color);border-radius:12px;color:#fff;font-size:.8rem;font-weight:600;padding:.25rem .75rem}.phone-verification-section{background-color:#f8faff;border:1px solid #007bff;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.phone-verification-section h3{color:#0056b3;font-size:1.2rem;margin-top:0}.otp-input-group{margin-top:1rem}.otp-input-group label{font-weight:700}.otp-input-container{align-items:center;display:flex;gap:1rem;margin-top:.5rem}.otp-input-container input{flex-grow:1;font-size:1.2rem;font-weight:700;letter-spacing:10px;text-align:center}.otp-timer{color:#6c757d;font-size:.9rem;margin-top:.5rem}.otp-feedback{font-weight:700;margin-top:.5rem}.otp-feedback.success{color:#28a745}.otp-feedback.error{color:#dc3545}.form-group input:disabled,.form-group textarea:disabled{background-color:#e9ecef;cursor:not-allowed}.address-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1.2fr 1.5fr .8fr;margin-top:.5rem}.address-grid .form-group{margin:0}.address-grid input{width:100%}@media (max-width:768px){.address-grid{grid-template-columns:1fr}}.date-selector-error .date-selector{border-color:#dc3545}.date-selector-error .selected-date-display{background-color:#f8d7da;border-color:#dc3545}@media (max-width:992px){.checkout-content{grid-template-columns:1fr}.order-summary-card{order:1;position:static;top:auto}.checkout-form{order:0}}@media (max-width:576px){.checkout-form{padding:1.5rem}.checkout-form h2{font-size:1.5rem}.otp-input-container{align-items:stretch;flex-direction:column}}.summary-line{justify-content:space-between;margin-bottom:.75rem;padding:.5rem 0}.line-label,.summary-line{align-items:center;display:flex}.line-label{color:#6c757d;color:var(--text-secondary);font-size:.9rem;gap:.5rem}.line-icon{font-size:1rem}.line-value{color:#212529;color:var(--text-primary);font-weight:600}.calculating-indicator{align-items:center;color:#ffc107;color:var(--warning-color);display:flex;font-size:.8rem;gap:.25rem;margin-left:.5rem}.mini-spinner{animation:spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#ffc107;border-top:2px solid var(--warning-color);height:12px;width:12px}.line-value.calculated-fee{color:#28a745;color:var(--success-color);font-weight:700}.line-value.estimating{color:#ffc107;color:var(--warning-color);font-style:italic}.enhanced-total{background:linear-gradient(135deg,#e8f5e8,#d4edda);border-top:2px solid #28a745;border-top:2px solid var(--success-color);padding:1.5rem}.total-content{justify-content:space-between;margin-bottom:.5rem}.total-content,.total-label{align-items:center;display:flex}.total-label{color:#212529;color:var(--text-primary);font-size:1.2rem;font-weight:700;gap:.5rem}.total-icon,.total-value{font-size:1.3rem}.total-value{color:#28a745;color:var(--success-color);font-weight:700}.total-note{align-items:center;color:#6c757d;color:var(--text-secondary);display:flex;font-size:.8rem;font-style:italic;gap:.5rem}.note-icon{font-size:1rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.enhanced-field{animation:fadeIn .5s ease-out}.indicator{animation:slideIn .3s ease-out}.enhanced-input:hover,.enhanced-textarea:hover{border-color:#007bff;border-color:var(--primary-color);box-shadow:0 2px 8px #007bff1a}.payment-option:hover{border-color:#007bff;border-color:var(--primary-color);box-shadow:0 2px 4px #0000001a;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.error-text{align-items:center;color:#dc3545;color:var(--danger-color);display:flex;font-size:.875rem;font-weight:500;gap:.25rem;margin-top:.5rem}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;width:16px}.soft-toast{animation:toastSlideIn .3s ease-out;background:linear-gradient(135deg,#28a745,#20c997);background:linear-gradient(135deg,var(--success-color),#20c997);border-radius:12px;box-shadow:0 10px 30px #0000004d;color:#fff;font-weight:600;left:50%;padding:1rem 1.5rem;position:fixed;top:20%;transform:translate(-50%,-50%);z-index:9999}@keyframes toastSlideIn{0%{opacity:0;transform:translate(-50%,-60%)}to{opacity:1;transform:translate(-50%,-50%)}}.soft-toast.error{background:linear-gradient(135deg,#dc3545,#c82333);background:linear-gradient(135deg,var(--danger-color),#c82333)}.address-section{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius);margin:2rem 0;padding:1.5rem}.section-title{align-items:center;color:#212529;color:var(--text-primary);display:flex;font-size:1.2rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.section-icon{font-size:1.3rem}.textarea-help{align-items:center;color:#6c757d;color:var(--text-secondary);display:flex;font-size:.8rem;gap:.5rem;margin-top:.5rem}.help-icon{font-size:1rem}.enhanced-payment{margin:2rem 0}.payment-header{align-items:center;border-bottom:2px solid #f8f9fa;border-bottom:2px solid var(--light-bg);display:flex;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem}.payment-icon{font-size:1.5rem}.payment-option{background:#fff;border:2px solid #dee2e6;border:2px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius);cursor:pointer;margin-bottom:1rem;overflow:hidden;padding:1rem;position:relative;transition:all .3s ease;transition:var(--transition)}.payment-option:before{background:linear-gradient(90deg,#0000,#007bff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.payment-option:hover:before{left:100%}.payment-option.selected{background:linear-gradient(135deg,#e7f1ff,#cce7ff);border-color:#007bff;border-color:var(--primary-color);box-shadow:0 0 0 3px #007bff1a;transform:translateY(-2px)}@media (max-width:992px){.checkout-content{grid-template-columns:1fr}.enhanced-summary{order:1;position:static}.checkout-form{order:0}.completion-indicators{justify-content:center}}@media (max-width:768px){.checkout-form{padding:1.5rem}.form-header h2{font-size:1.5rem}.progress-bar-container{align-items:stretch;flex-direction:column;gap:.5rem}.completion-indicators{gap:.25rem;grid-template-columns:repeat(3,1fr)}.indicator{font-size:.7rem;padding:.2rem .3rem}.address-grid{grid-template-columns:1fr}.enhanced-input,.enhanced-textarea{font-size:16px}}@media (max-width:576px){.checkout-page{padding:1rem 0}.container{padding:0 1rem}.checkout-form{padding:1rem}.completion-indicators{grid-template-columns:repeat(2,1fr)}.enhanced-submit{font-size:1rem;padding:.875rem 1rem}}.modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slide-down .3s ease-out;background:#fff;border-radius:8px;box-shadow:0 5px 15px #0000004d;max-width:500px;padding:20px;width:90%}.modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.modal-title{color:#333;font-size:1.5rem;margin:0}.modal-close-btn{background:none;border:none;color:#aaa;cursor:pointer;font-size:2rem}.modal-close-btn:hover{color:#333}.modal-body{color:#555;font-size:1rem;line-height:1.6}@keyframes slide-down{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}:root{--primary-color:#2563eb;--primary-dark:#1d4ed8;--primary-light:#3b82f6;--secondary-color:#10b981;--secondary-dark:#059669;--success-color:#10b981;--warning-color:#f59e0b;--danger-color:#ef4444;--light-bg:#f8fafc;--white:#fff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--text-primary:#1f2937;--text-secondary:#6b7280;--text-muted:#9ca3af;--border-color:#e5e7eb;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--border-radius:16px;--border-radius-sm:12px;--border-radius-xs:8px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem}.thank-you-page{background:linear-gradient(135deg,#f9fafb,#fff 50%,#f9fafb);background:linear-gradient(135deg,var(--gray-50) 0,var(--white) 50%,var(--gray-50) 100%);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:3rem 0}.container{margin:0 auto;max-width:1400px;padding:0 2rem}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;text-align:center}.loading-container p{color:#6b7280;color:var(--text-secondary);font-size:1.1rem;margin-top:1rem}.thank-you-hero{background:linear-gradient(135deg,#fff,#f9fafb);background:linear-gradient(135deg,var(--white) 0,var(--gray-50) 100%);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:16px;border-radius:var(--border-radius);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);margin-bottom:3rem;overflow:hidden;padding:4rem 3rem;position:relative;text-align:center}.thank-you-hero:before{animation:shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#2563eb,#10b981,#2563eb);background:linear-gradient(90deg,var(--primary-color),var(--secondary-color),var(--primary-color));content:"";height:4px;left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.success-animation{margin-bottom:2rem}.checkmark-circle{align-items:center;animation:scaleIn .6s ease-out;background:linear-gradient(135deg,#10b981,#20c997);background:linear-gradient(135deg,var(--success-color),#20c997);border-radius:50%;box-shadow:0 8px 32px #28a7454d;display:flex;height:80px;justify-content:center;margin:0 auto;width:80px}.checkmark{animation:checkmarkDraw .4s ease-out .3s both;border:3px solid #fff;border-right:none;border-top:none;height:15px;transform:rotate(-45deg);width:30px}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes checkmarkDraw{0%{height:0;width:0}to{height:15px;width:30px}}.thank-you-title{color:#1f2937;color:var(--text-primary);font-size:2.25rem;font-size:var(--font-size-4xl);font-weight:800;letter-spacing:-.025em;line-height:1.1;margin-bottom:1.5rem}.customer-name{color:#2563eb;color:var(--primary-color);position:relative}.customer-name:after{animation:underlineGrow .8s ease-out .5s both;background:linear-gradient(90deg,#0000,#2563eb,#0000);background:linear-gradient(90deg,#0000,var(--primary-color),#0000);bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}@keyframes underlineGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.thank-you-message{color:#6b7280;color:var(--text-secondary);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:400;line-height:1.7;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:700px}.order-number-badge{align-items:center;animation:fadeInUp .6s ease-out .4s both;background:linear-gradient(135deg,#2563eb,#1d4ed8);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border:2px solid #fff3;border-radius:16px;border-radius:var(--border-radius);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);color:#fff;display:inline-flex;flex-direction:column;padding:1.5rem 3rem}.badge-label{font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;margin-bottom:.5rem;opacity:.9}.badge-number{font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:800;letter-spacing:2px;text-shadow:0 1px 2px #0000001a}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.order-details-section{margin:3rem 0}.section-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.section-header h2{color:#1f2937;color:var(--text-primary);font-size:1.875rem;font-size:var(--font-size-3xl);font-weight:700;letter-spacing:-.025em;margin:0}.section-actions{align-items:center;display:flex;gap:1rem}.refresh-indicator{align-items:center;color:#6b7280;color:var(--text-secondary);display:flex;font-size:.9rem;gap:.5rem}.refresh-spinner{animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.toggle-details-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--primary-light),var(--primary-color));border:none;border-radius:12px;border-radius:var(--border-radius-sm);color:#fff;cursor:pointer;font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;padding:.75rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.toggle-details-btn,.toggle-details-btn:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.toggle-details-btn:hover{transform:translateY(-2px)}.order-summary-card{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:16px;border-radius:var(--border-radius);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);overflow:hidden}.summary-header{align-items:center;background:linear-gradient(135deg,#f9fafb,#f3f4f6);background:linear-gradient(135deg,var(--gray-50),var(--gray-100));border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:2rem}.order-info{display:flex;flex-direction:column;gap:.25rem}.order-date{color:#6b7280;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500}.order-id{font-size:1.125rem;font-size:var(--font-size-lg);font-weight:700}.order-breakdown{background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;border-radius:var(--border-radius-xs);margin-bottom:1rem;padding:1rem}.breakdown-line{align-items:center;display:flex;font-size:.875rem;font-size:var(--font-size-sm);justify-content:space-between;margin-bottom:.5rem}.breakdown-line:last-child{margin-bottom:0}.breakdown-label{color:#6b7280;color:var(--text-secondary);font-weight:500}.breakdown-amount{color:#1f2937;color:var(--text-primary);font-weight:600}.order-total{align-items:flex-end;border-top:2px solid #e5e7eb;border-top:2px solid var(--border-color);display:flex;flex-direction:column;gap:.25rem;padding-top:1rem}.total-label{color:#6b7280;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500}.total-amount{color:#10b981;color:var(--secondary-color);font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:800;text-shadow:0 1px 2px #0000000d}.order-item-card{background:#fff;background:var(--white);border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:12px;border-radius:var(--border-radius-sm);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;gap:1.5rem;margin-bottom:1.5rem;padding:1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.order-item-card:hover{border-color:#3b82f6;border-color:var(--primary-light);transform:translateY(-3px)}.order-item-card.expanded,.order-item-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg)}.order-item-card.expanded{background:#fff;background:var(--white);border-color:#2563eb;border-color:var(--primary-color);transform:translateY(-2px)}.order-item-card:last-child{margin-bottom:0}.item-image{background:#f3f4f6;background:var(--gray-100);border-radius:12px;border-radius:var(--border-radius-sm);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);flex-shrink:0;height:100px;overflow:hidden;width:100px}.item-image img{height:100%;object-fit:cover;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.item-image:hover img{transform:scale(1.05)}.item-details{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.item-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.item-meta{align-items:center;display:flex;gap:.5rem}.item-name{color:#1f2937;color:var(--text-primary);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:700;letter-spacing:-.025em;line-height:1.4;margin:0}.item-quantity{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--secondary-color),var(--secondary-dark));border-radius:25px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff;flex-shrink:0;font-size:.875rem;font-size:var(--font-size-sm);font-weight:700;padding:.5rem 1rem}.expand-indicator{color:#6b7280;color:var(--text-secondary);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);-webkit-user-select:none;user-select:none}.order-item-card.expanded .expand-indicator{color:#2563eb;color:var(--primary-color);transform:rotate(90deg)}.item-expanded-details{animation:slideDown .3s ease-out;border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color);margin-top:1rem;padding-top:1rem}@keyframes slideDown{0%{max-height:0;opacity:0;transform:translateY(-10px)}to{max-height:200px;opacity:1;transform:translateY(0)}}.item-price{color:#10b981;color:var(--secondary-color);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:800;text-shadow:0 1px 2px #0000000d}.order-item-options{background:#007bff0d;border-left:3px solid #10b981;border-left:3px solid var(--secondary-color);border-radius:12px;border-radius:var(--border-radius-sm);margin-top:.75rem;padding:.75rem}.order-item-options h5{color:#1f2937;color:var(--text-primary);font-size:.9rem;font-weight:600;margin:0 0 .5rem}.options-list{grid-gap:.25rem;display:grid;gap:.25rem;list-style:none;margin:0;padding:0}.options-list li{align-items:center;display:flex;font-size:.85rem;justify-content:space-between}.option-label{color:#6b7280;color:var(--text-secondary);font-weight:500}.option-value{color:#1f2937;color:var(--text-primary);font-weight:600}.additional-details{background:linear-gradient(135deg,#2563eb08,#10b98108);border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);padding:2rem}.details-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.detail-item{align-items:center;background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--border-radius-sm);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;padding:1rem 1.5rem}.detail-label{color:#6b7280;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm);font-weight:600}.detail-value{color:#1f2937;color:var(--text-primary);font-size:1rem;font-size:var(--font-size-base);font-weight:700}.action-buttons{display:flex;flex-direction:column;gap:2rem;margin:4rem 0}.primary-actions,.secondary-actions{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.contact-btn,.continue-shopping-btn,.feedback-btn,.print-btn,.whatsapp-btn,.whatsapp-share-btn{align-items:center;border:none;border-radius:12px;border-radius:var(--border-radius-sm);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);cursor:pointer;display:inline-flex;font-size:1rem;font-size:var(--font-size-base);font-weight:700;gap:.75rem;letter-spacing:.025em;padding:1rem 2rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.continue-shopping-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border:2px solid #0000;color:#fff}.print-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.contact-btn,.print-btn{border:2px solid #0000;color:#fff}.contact-btn{background:linear-gradient(135deg,#f59e0b,#d97706)}.whatsapp-btn{background:linear-gradient(135deg,#10b981,#059669);border:2px solid #0000;color:#fff}.whatsapp-share-btn{background:linear-gradient(135deg,#0ea5e9,#0369a1);border:2px solid #0000;color:#fff;position:relative}.feedback-btn{background:linear-gradient(135deg,#06b6d4,#0891b2);border:2px solid #0000;color:#fff}.whatsapp-share-btn:after{background:#ef4444;border-radius:8px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff;content:"PDF";font-size:10px;font-weight:800;left:-8px;padding:2px 6px;position:absolute;top:-8px}.contact-btn:hover,.continue-shopping-btn:hover,.feedback-btn:hover,.print-btn:hover,.whatsapp-btn:hover,.whatsapp-share-btn:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);filter:brightness(1.1);transform:translateY(-4px)}.whatsapp-share-btn .btn-icon{font-size:1.2rem}.btn-icon{font-size:1.125rem;font-size:var(--font-size-lg)}.error-card{background:#fff;background:var(--white);border-radius:16px;border-radius:var(--border-radius);border-top:4px solid #ef4444;border-top:4px solid var(--danger-color);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);margin:0 auto;max-width:600px;padding:3rem 2rem;text-align:center}.error-icon{align-items:center;background:linear-gradient(135deg,#ef4444,#c82333);background:linear-gradient(135deg,var(--danger-color),#c82333);border-radius:50%;box-shadow:0 8px 32px #dc35454d;color:#fff;display:flex;font-size:2rem;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.error-card h1{color:#1f2937;color:var(--text-primary);font-size:2rem;margin-bottom:1rem}.error-card p{color:#6b7280;color:var(--text-secondary);font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.error-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1rem}.retry-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border:none;border-radius:12px;border-radius:var(--border-radius-sm);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.retry-btn:hover:not(:disabled){box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.retry-btn:disabled{cursor:not-allowed;opacity:.6}.back-to-home-btn{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--secondary-color),var(--secondary-dark));border-radius:12px;border-radius:var(--border-radius-sm);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.back-to-home-btn:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;text-decoration:none;transform:translateY(-2px)}.retry-info{color:#9ca3af;color:var(--text-muted);font-size:.9rem;margin-top:1rem}.additional-info{margin:2rem 0}.info-card{background:#fff;background:var(--white);border-left:4px solid #2563eb;border-left:4px solid var(--primary-color);border-radius:16px;border-radius:var(--border-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);padding:2rem}.info-card h3{color:#1f2937;color:var(--text-primary);font-size:1.3rem;font-weight:600;margin-bottom:1rem}.info-card ul{list-style:none;margin:0;padding:0}.info-card li{color:#6b7280;color:var(--text-secondary);padding:.5rem 1.5rem .5rem 0;position:relative}.info-card li:before{color:#2563eb;color:var(--primary-color);content:"✓";font-weight:700;position:absolute;right:0}@media (max-width:768px){.thank-you-page{padding:1rem 0}.container{padding:0 .5rem}.thank-you-hero{margin-bottom:1rem;padding:2rem 1rem}.thank-you-title{font-size:2rem}.thank-you-message{font-size:1rem}.section-header{align-items:flex-start;flex-direction:column;gap:.5rem}.section-header h2{font-size:1.5rem}.summary-header{gap:1rem}.item-header,.order-item-card,.summary-header{flex-direction:column;text-align:center}.item-header{gap:.5rem}.item-image{height:100px;margin:0 auto;width:100px}.details-grid{grid-template-columns:1fr}.detail-item{flex-direction:column;gap:.5rem;text-align:center}.primary-actions,.secondary-actions{align-items:center;flex-direction:column}.contact-btn,.continue-shopping-btn,.feedback-btn,.save-order-btn,.whatsapp-btn,.whatsapp-share-btn{justify-content:center;max-width:300px;width:100%}}@media (max-width:480px){.thank-you-hero{padding:1.5rem .75rem}.thank-you-title{font-size:1.8rem}.checkmark-circle{height:60px;width:60px}.checkmark{height:10px;width:20px}.order-number-badge{padding:.75rem 1.5rem}.badge-number{font-size:1.2rem}.order-items-list{padding:1rem}.order-item-card{padding:.75rem}.item-image{height:80px;width:80px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;visibility:hidden!important}@page{size:A4;margin:10mm}.print-complete-content,.print-complete-content *,.print-customer-info,.print-customer-info *,.print-footer,.print-footer *{visibility:visible!important}.print-complete-content{box-sizing:border-box!important;height:auto!important;left:0!important;margin:0!important;overflow:visible!important;padding:0!important;page-break-after:avoid!important;page-break-inside:avoid!important;position:relative!important;top:0!important;width:100%!important}.print-customer-info{margin-top:5pt!important;page-break-inside:avoid!important}.print-footer{margin-top:3pt!important;page-break-after:avoid!important;page-break-inside:avoid!important}body,html{height:auto!important;margin:0!important;overflow:visible!important;padding:0!important}.print-complete-content table{font-size:10pt!important}.print-complete-content td,.print-complete-content th{padding:4pt!important}.print-complete-content h1{font-size:18pt!important;margin-bottom:5pt!important}.print-customer-info{font-size:9pt!important;padding:8pt!important}.item-expanded-details,.order-item-options{background:#2563eb0d!important;border:1px solid #e5e7eb!important;border-radius:4px!important;display:block!important;margin-top:8pt!important;padding:6pt!important}.order-item-options h5{color:#2563eb!important;font-size:10pt!important;font-weight:700!important;margin-bottom:4pt!important}.options-list{margin:0!important;padding:0!important}.options-list li{display:block!important;font-size:9pt!important;margin-bottom:2pt!important}.option-label{color:#666!important;font-weight:700!important}.option-value{color:#333!important;margin-right:5pt!important}.additional-details{background:#10b9810d!important;border-top:1px solid #e5e7eb!important;padding:12pt!important;page-break-inside:avoid}.detail-item,.details-grid{display:block!important}.detail-item{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:4px!important;margin-bottom:6pt!important;padding:6pt!important}.detail-label{color:#666!important;font-weight:700!important}.detail-label,.detail-value{display:inline!important;font-size:10pt!important}.detail-value{color:#333!important;margin-right:5pt!important}.additional-info{margin-top:15pt!important;page-break-inside:avoid}.info-card{background:#f8f9fa!important;border:1px solid #e5e7eb!important;border-radius:6px!important;padding:12pt!important}.info-card h3{color:#2563eb!important;font-size:12pt!important;font-weight:700!important;margin-bottom:8pt!important}.info-card ul{margin:0!important;padding:0!important}.info-card li{color:#333!important;font-size:10pt!important;margin-bottom:4pt!important;padding-right:12pt!important}.info-card li:before{color:#10b981!important;content:"✓"!important;font-weight:700!important;margin-left:5pt!important}.additional-details,.info-card,.order-item-card,.order-summary-card,.thank-you-hero{page-break-inside:avoid!important}h1,h2,h3,h4,h5,h6{page-break-after:avoid!important}li,p{orphans:3!important;widows:3!important}}.modal-confirm-btn{background-color:#28a745;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:10px 20px;transition:background-color .3s ease}.modal-confirm-btn:hover{background-color:#218838}.track-page{--timeline-thickness:8px;--timeline-track-color:#eafaf1;--timeline-gradient:linear-gradient(90deg,#1abc9c,#2ecc71);--timeline-speed:.6s;background:#fafafa;min-height:60vh;padding:2rem 0}.track-page .container{margin:0 auto;max-width:900px;padding:0 1rem}.track-hero{align-items:center;background:linear-gradient(135deg,#27ae60,#2ecc71);border-radius:16px;box-shadow:0 8px 20px #2ecc7140;color:#fff;display:flex;justify-content:space-between;padding:1rem 1.25rem}.track-hero-text{text-align:right}.track-subtitle{font-weight:500;margin-top:.25rem;opacity:.95}.track-hero-icon{filter:drop-shadow(0 2px 6px rgba(0,0,0,.15));font-size:2.25rem}.track-title{font-size:1.5rem;margin-bottom:1rem;text-align:right}.input,.select{border:1px solid #ddd;border-radius:8px;font-size:1rem;margin-bottom:.75rem;padding:.75rem 1rem;transition:box-shadow .2s ease,border-color .2s ease;width:100%}.btn{transition:transform .12s ease,box-shadow .2s ease}.btn:hover{box-shadow:0 6px 14px #2ecc7140;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-outline{background:#fff;border:1px solid #27ae60;color:#27ae60}.btn-link{-webkit-margin-start:1rem;background:#0000;border:none;color:#3498db;cursor:pointer;margin-inline-start:1rem}.info{color:#555}.error,.info{margin-top:.5rem}.row{margin-bottom:1rem}.actions{justify-content:space-between;margin-bottom:.75rem}.btn-icon-only{align-items:center;background:#f4f4f5;border:1px solid #e4e4e7;color:#333;display:flex;font-size:1.25rem;height:40px;justify-content:center;padding:0;width:40px}.btn-icon-only:hover{background:#e4e4e7;box-shadow:none}.btn-icon{-webkit-margin-start:.35rem;margin-inline-start:.35rem}.search-box{position:relative}.search-icon{left:.75rem;opacity:.6;position:absolute;top:50%;transform:translateY(-50%)}.status-line{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.status-badge{align-items:center;background:#f3f3f3;border-radius:999px;display:inline-block;display:inline-flex;font-size:.875rem;gap:.35rem;padding:.25rem .5rem}.status-new{background:#ecf0f1}.status-processing{background:#f1c40f22}.status-shipped{background:#3498db22}.status-out_for_delivery{background:#9b59b622}.status-delivered{background:#2ecc7122}.pay-pending{background:#f39c1222}.pay-paid{background:#2ecc7122}.pay-failed{background:#e74c3c22}.timeline{border-bottom:1px solid #eee;border-top:1px solid #eee;display:flex;justify-content:space-between;list-style:none;margin:1.5rem 0;padding:1rem 0;position:relative}.timeline:before{background:var(--timeline-track-color);left:0;z-index:1}.timeline:after,.timeline:before{content:"";height:var(--timeline-thickness);position:absolute;right:0;top:50%;transform:translateY(-50%)}.timeline:after{background:var(--timeline-gradient);transition:width var(--timeline-speed) ease;width:0;width:var(--timeline-progress,0);z-index:2}.timeline:after,.timeline:before{border-radius:999px}.timeline-item{flex-direction:column;position:relative;text-align:center;z-index:3}.timeline-icon,.timeline-item{align-items:center;display:flex}.timeline-icon{background:#eafaf1;border:3px solid #eafaf1;border-radius:50%;color:#a0aec0;font-size:1.5rem;height:50px;justify-content:center;transition:background-color .3s ease,color .3s ease,transform .2s ease;width:50px}.timeline-item.done .timeline-icon{background:#2ecc71;border-color:#fff;box-shadow:0 0 0 3px #2ecc71;color:#fff;transform:scale(1.05)}.timeline-item.current .timeline-icon{background:#2ecc71;border-color:#2ecc71;box-shadow:0 0 0 3px #2ecc7166,0 6px 14px #2ecc7140;color:#fff;transform:scale(1.08)}.timeline-item.cancelled .timeline-icon{background:#e74c3c}.timeline-label{color:#718096;font-size:.8rem;font-weight:500;margin-top:.5rem}.timeline-item.done .timeline-label{color:#2c3e50;font-weight:700}.timeline-item.current .timeline-label{color:#1f7a3b;font-weight:800}.meta{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(2,minmax(0,1fr))}.meta-icon{-webkit-margin-start:.35rem;margin-inline-start:.35rem}.feedback-page{background:#fafafa;min-height:60vh;padding:2rem 0}.feedback-page .container{margin:0 auto;max-width:900px;padding:0 1rem}.feedback-hero{align-items:center;background:linear-gradient(135deg,#3498db,#6dd5fa);border-radius:16px;box-shadow:0 8px 20px #3498db40;color:#fff;display:flex;justify-content:space-between;padding:1rem 1.25rem}.title{margin:0 0 .25rem}.subtitle{font-weight:500;margin:0;opacity:.95}.hero-icon{filter:drop-shadow(0 2px 6px rgba(0,0,0,.15));font-size:2rem}.card{background:#fff;border:1px solid #eee;border-radius:12px;box-shadow:0 6px 18px #0000000f;margin-top:1rem;padding:1rem}.grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:640px){.grid{grid-template-columns:1fr}}.label{display:block;font-weight:700;margin-bottom:.5rem}.input,.select,.textarea{border:1px solid #ddd;border-radius:8px;font-size:1rem;padding:.75rem 1rem;width:100%}.textarea{resize:vertical}.actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-top:.75rem}.btn{background:#2ecc71;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:.75rem 1rem}.btn[disabled]{cursor:not-allowed;opacity:.6}.success{color:#1e7e34}.error{color:#e74c3c}.static-page-container{display:flex;flex-direction:column;min-height:100vh}.static-page-content{direction:rtl;flex:1 1;margin:0 auto;max-width:1100px;padding:2rem;width:100%}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem 1rem;text-align:center}.error-container p,.loading-container p{color:#6c757d;margin-top:1rem}.error-container h2{color:#dc3545;margin-bottom:1rem}.btn-back{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:1.5rem;padding:.5rem 1rem;transition:background-color .2s ease}.btn-back:hover{background-color:#0069d9}.page-content-wrapper{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:2rem}.page-content{color:#333;font-size:16px;line-height:1.7}.page-content h1,.page-content h2,.page-content h3{color:#2c3e50;font-weight:600;margin-bottom:.75em;margin-top:1.5em}.page-content h1{border-bottom:2px solid #eee;font-size:2em;padding-bottom:.3em}.page-content h2{font-size:1.75em}.page-content h3{font-size:1.5em}.page-content p{margin:1em 0}.page-content ol,.page-content ul{margin:1em 0;padding-right:1.5em}.page-content li{margin-bottom:.5em}.page-content a{color:#007bff;text-decoration:none}.page-content a:hover{text-decoration:underline}.page-content blockquote{background-color:#f8f9fa;border-right:4px solid #ced4da;color:#6c757d;margin:1.5em 0;padding:.5em 1em}.page-content img{border-radius:4px;display:block;height:auto;margin:1.5em auto;max-width:100%}.page-content table{border-collapse:collapse;margin:1.5em 0;width:100%}.page-content td,.page-content th{border:1px solid #dee2e6;padding:8px;text-align:right}.page-content th{font-weight:600}.page-content th,.page-content tr:nth-child(2n){background-color:#f8f9fa}.page-meta{border-top:1px solid #eee;color:#6c757d;font-size:.9rem;margin-top:2rem;padding-top:1rem;text-align:left}@media (max-width:768px){.page-content-wrapper,.static-page-content{padding:1.5rem}.page-content h1{font-size:1.75em}.page-content h2{font-size:1.5em}.page-content h3{font-size:1.25em}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f6f7fb;color:#2c3e50;font-family:Tajawal,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.app{display:flex;flex-direction:column;min-height:100vh}
/*# sourceMappingURL=main.765ccc74.css.map*/