:root{--primary-color: #eb2560;--secondary-color: #af2f1e;--dark-color: #1e293b;--primary-light: #ff7b9c;--primary-dark: #b3003a;--gray: #f5f5f5;--dark-gray: #333;--light-gray: #e0e0e0;--light-color: #f8fafc;--accent-color: #f59e0b;--transition: all .3s ease}html{scroll-behavior:smooth}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{background:var(--light-color);color:var(--dark-color);font-size:1rem;line-height:1.5}a{text-decoration:none;color:inherit}li{list-style:none}.container{max-width:1200px;margin:auto;padding:2rem;background:#fff;border-radius:10px}.navbar{background-color:var(--light-color);height:80px;display:flex;justify-content:center;align-items:center;font-size:1.1rem;position:sticky;top:0;z-index:999;box-shadow:0 2px 10px #0000001a}.navbar-container{display:flex;justify-content:space-between;height:80px;width:100%;max-width:1300px;margin:auto;padding:0 50px}.navbar-logo{color:var(--dark-color);justify-self:start;cursor:pointer;text-decoration:none;font-size:1.8rem;font-weight:700;display:flex;align-items:center}.navbar-menu{display:flex;align-items:center;list-style:none;text-align:center;gap:20px}.navbar-item{height:80px}.navbar-links{color:var(--dark-color);display:flex;align-items:center;justify-content:center;text-decoration:none;height:100%;position:relative;transition:var(--transition)}.navbar-links:hover{color:var(--primary-color)}.navbar-links.active{color:var(--primary-color);font-weight:600}.navbar-links.active:after{content:"";position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:30px;height:3px;background-color:var(--accent-color);border-radius:3px}.button{display:flex;justify-content:center;align-items:center;text-decoration:none;padding:10px 20px;height:100%;border:none;outline:none;border-radius:6px;background:var(--primary-color);color:var(--light-color);font-weight:600;cursor:pointer;transition:var(--transition)}.button:hover{background:var(--secondary-color);transform:translateY(-2px)}.navbar-btn{display:flex;justify-content:center;align-items:center}.navbar-toggle{display:none}@media screen and (max-width: 960px){.navbar-container{padding:0 30px}.navbar-menu{display:flex;flex-direction:column;width:100%;height:90vh;position:absolute;top:80px;left:-100%;opacity:1;transition:all .5s ease;background:var(--light-color)}.navbar-menu.active{left:0;opacity:1;transition:all .5s ease;z-index:1}.navbar-item{width:100%}.navbar-links{text-align:center;padding:2rem;width:100%;display:table}.navbar-links:hover{background-color:#2563eb1a;color:var(--primary-color);border-radius:0}.navbar-links.active:after{display:none}.navbar-logo{position:absolute;top:0;left:0;transform:translate(25%,50%)}.navbar-toggle{display:block;position:absolute;top:0;right:0;transform:translate(-100%,60%);font-size:1.8rem;cursor:pointer}.navbar-btn{padding-bottom:2rem}.bar{display:block;width:25px;height:3px;margin:5px auto;transition:all .3s ease-in-out;background-color:var(--dark-color)}.navbar-toggle.active .bar:nth-child(1){transform:translateY(8px) rotate(45deg)}.navbar-toggle.active .bar:nth-child(2){opacity:0}.navbar-toggle.active .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}}footer{margin-top:50px;padding:20px;background-color:var(--primary-color);color:#fff;text-align:center;font-size:14px}footer a{color:#fff;margin:0 10px}footer a:hover{text-decoration:underline}.product-card{width:100%;max-width:320px;min-width:280px;margin:10px;padding:15px;border-radius:15px;overflow:hidden;background:#fff;border:1px solid var(--primary-light)}.product-image{width:100%;height:220px;border-radius:10px;overflow:hidden;object-fit:contain;background:var(--light-gray)}.product-details{padding-top:10px}.product-name{font-size:18px;font-weight:600;text-transform:capitalize;color:var(--dark-color)}.product-brand{font-size:14px;color:var(--dark-gray);text-transform:uppercase;letter-spacing:1px}.product-category{font-size:14px;color:var(--dark-gray)}.card-price-container{margin-top:15px}.card-price-container .print-price{font-size:14px;color:#999;text-decoration:line-through}.card-price-container .final-price{font-size:20px;font-weight:700;color:var(--primary-color)}.discount{font-size:9px;font-style:italic;background-color:var(--primary-light);color:#fff;padding:3px 5px;border-radius:5px;margin-left:10px}.card-btn-container{margin-top:15px;display:flex;flex-direction:column;gap:15px}.card-view-btn{display:block;text-align:center;width:100%;padding:10px;background:var(--primary-color);color:#fff;border:none;border-radius:5px;font-weight:600;cursor:pointer;transition:background .3s ease}.card-view-btn:hover{background:var(--primary-dark)}.card-update-btn{display:block;text-align:center;width:100%;padding:10px;background:var(--primary-color);color:#fff;border:1px solid transparent;border-radius:5px;font-weight:600;cursor:pointer}.card-update-btn:hover{background:#fff;color:var(--primary-dark);border:1px solid var(--primary-dark)}@media (min-width: 768px){.product-card{max-width:280px}}@media (min-width: 1024px){.product-card{max-width:300px}}.product-container{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:20px}.pagination{width:70%;display:flex;justify-content:space-between;align-items:center;margin:20px auto}.pagination .pagination-button{background-color:var(--primary-color);color:#fff;border:none;padding:10px 20px;cursor:pointer;border-radius:5px;transition:background-color .3s ease}.pagination .pagination-button:hover{background-color:var(--secondary-color)}.pagination .current-page{font-weight:700;color:var(--primary-color);margin:0 10px}.disabled-page-btn{background-color:#ccc!important;cursor:not-allowed;pointer-events:none;color:#666}.login-form{max-width:1300px;width:85%;margin:0 auto;padding:20px}.loginButton{margin:20px 0}.signup-link{text-align:end;margin-top:20px}.signup-link a{color:var(--primary-color);text-decoration:none}.signup-link a:hover{color:var(--primary-dark);text-decoration:none}h1{color:var(--primary-color);margin-bottom:1.5rem;text-align:center;font-weight:600}.upload-icon img{width:50px;height:50px}.form-group{margin-bottom:1.5rem}label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--dark-gray)}input,textarea,select{width:100%;padding:.75rem;border:1px solid var(--light-gray);border-radius:5px;font-size:1rem;transition:border .3s,box-shadow .3s}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #eb256033}textarea{min-height:120px;resize:vertical}.price-container{display:flex;gap:1rem}.price-container .form-group{flex:1}.form-check{display:flex;margin:1rem 0}.form-check-input{margin-right:.5rem;width:20px;height:20px}.key-container{width:100%}.key-input-row{display:flex;gap:1rem;margin-bottom:1rem}.key-display{display:flex;flex-wrap:wrap;gap:8px;border:1px solid #ddd;border-radius:4px;padding:12px;min-height:44px}.key-item{background-color:#f0f0f0;padding:8px 12px;border-radius:4px;display:flex;align-items:center;gap:8px}.btn-remove-key{background-color:transparent;color:#000;border:none;padding:4px 8px;border-radius:50%;cursor:pointer;font-size:.8rem}.btn-remove-key:hover{background-color:var(--primary-light);color:#fff}button.btn{color:#fff;border:none;padding:1rem 2rem;font-size:1rem;font-weight:600;border-radius:5px;cursor:pointer;background:var(--primary-color);transition:background-color .3s;text-transform:uppercase;letter-spacing:1px}button.btn-update{width:100%}button.btn-action{background-color:var(--dark-gray)}button.btn-submit{width:100%;background-color:var(--primary-color)}button.btn:hover{background-color:var(--primary-dark)}@media (max-width: 768px){.container{margin:1rem;padding:1.5rem}.price-container{flex-direction:column;gap:1.5rem}}.upload-container{max-width:600px;margin:0 auto;background:#fff;border-radius:10px;box-shadow:0 5px 15px #0000001a;padding:1.5rem}.upload-header{margin-bottom:1.5rem}.upload-title{color:var(--primary-color);font-weight:600;margin-bottom:.5rem}.upload-subtitle{color:var(--dark-gray);font-size:.9rem;opacity:.8}.upload-area{position:relative;border:2px dashed var(--light-gray);border-radius:8px;padding:2rem;text-align:center;cursor:pointer;transition:all .3s;margin-bottom:1.5rem;background-color:var(--gray);min-height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center}.update-area{position:relative;border:2px dashed var(--light-gray);border-radius:8px;display:flex;justify-content:center;align-items:center}.upload-area:hover,.upload-area.active,.update-area:hover,.update-area.active{border-color:var(--primary-color);background-color:#eb25600d}.upload-icon{font-size:3rem;color:var(--primary-color)}.update-icon{color:var(--primary-color);padding:5px}.update-icon img{width:30px;height:25px;margin-right:20px}.upload-text{margin-bottom:.5rem;font-weight:500}.upload-hint{font-size:.8rem;color:var(--dark-gray);opacity:.7}.upload-input,.update-input{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;cursor:pointer}.preview-title{font-weight:500;margin-bottom:1rem;color:var(--dark-gray);text-align:center}.preview-container{margin-top:1.5rem;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.preview-item{position:relative;width:calc(33.333% - 1rem);min-width:300px;border-radius:5px;padding:1rem;display:flex;flex-direction:column}.preview-item button.remove-button{position:absolute;top:12px;right:12px;background-color:#fff;border:1px solid var(--light-gray);border-radius:50%;width:30px;height:30px;cursor:pointer;font-size:1.2rem;color:var(--dark-gray)}.preview-item a.change-btn{width:auto;padding:12px;border-radius:10px;display:flex;justify-content:center;align-items:center;text-transform:capitalize;border:1px solid var(--primary-color);color:var(--primary-color)}.preview-image{width:100%;max-height:300px;border-radius:5px;border:1px solid var(--light-gray);object-fit:contain}@media (max-width: 480px){.upload-area{padding:1.5rem}.upload-icon{font-size:2.5rem}}.prev-imgs-container{display:flex;align-items:center;gap:20px;margin:20px 0}.arr-img{width:40px;height:40px;border-radius:5px;object-fit:cover}.delete-product-container{display:flex;gap:20px;align-items:center;margin:50px 0}.delete-product-container .info-text{color:var(--primary-dark)}.btn-delete{padding:10px 20px;border:1px solid var(--primary-dark)!important;border-radius:5px;cursor:pointer}.btn-delete:hover{color:#fff!important}.delete-image{display:flex;justify-content:center;align-items:center;gap:10px;padding:7px;margin-top:10px;border:1px solid var(--primary-color);border-radius:10px;background:#fff;color:var(--primary-color);font-weight:700;cursor:pointer}.delete-image svg{height:20px;fill:var(--primary-color)}.delete-image:hover{background:var(--primary-color);color:#fff}.delete-image:hover svg{fill:#fff}.no-page{height:90vh;width:100%;display:flex;justify-content:center;align-items:center}.no-page img{width:70%}.product-page{display:flex;flex-direction:column;max-width:1200px;margin:2rem auto;padding:0 1rem;gap:2rem}.slider-container{position:relative;width:100%;max-width:800px;margin:0 auto}.slider{display:flex;align-items:center;justify-content:center;position:relative}.slide{width:100%;height:400px;overflow:hidden}.slide img{width:100%;height:100%;object-fit:contain;border-radius:8px}.slider-button{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background-color:#ffffffb3;border:none;border-radius:50%;font-size:18px;cursor:pointer;z-index:10;transition:background-color .3s;display:flex;justify-content:center;align-items:center}.slider-button img{width:20px}.slider-button:hover{background-color:#ffffffe6}.slider-button.left{left:20px}.slider-button.right{right:20px}.dots{display:flex;justify-content:center;margin-top:15px}.dot{width:12px;height:12px;margin:0 5px;background-color:#bbb;border-radius:50%;cursor:pointer;transition:background-color .3s}.dot.active{background-color:#333}.dot:hover{background-color:#777}.product-details{flex:1;padding:0 1rem}.product-header{margin-bottom:1.5rem}.brand{font-size:.9rem;color:#666;text-transform:uppercase;letter-spacing:1px}.product-name{font-size:2rem;margin:.5rem 0;color:#333}.product-meta{display:flex;gap:1rem;font-size:.9rem;color:#666}.category{color:#fff;margin:2px;padding:1px 5px;background:#007bff;border-radius:15px}.stock-status{font-weight:700}.stock-status.in-stock{color:#28a745}.stock-status.out-of-stock{color:#dc3545}.price-section{margin:1.5rem 0}.current-price{font-size:2rem;font-weight:700;color:#333}.original-price{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.strikethrough{text-decoration:line-through;color:#999}.discount{background-color:#ff6b6b;color:#fff;padding:.2rem .5rem;border-radius:4px;font-size:.9rem}.product-description{margin:2rem 0;line-height:1.6}.product-actions{display:flex;gap:1rem;margin:2rem 0}.quantity-selector{display:flex;align-items:center;border:1px solid #ddd;border-radius:4px}.quantity-selector button{background:none;border:none;padding:.5rem 1rem;font-size:1rem;cursor:pointer}.quantity-selector span{padding:.5rem 1rem;border-left:1px solid #ddd;border-right:1px solid #ddd}.add-to-cart{flex:1;background-color:#007bff;color:#fff;border:none;padding:.75rem;border-radius:4px;font-weight:700;cursor:pointer;transition:background-color .2s}.add-to-cart:hover{background-color:#0056b3}.add-to-cart:disabled{background-color:#6c757d;cursor:not-allowed}.wishlist-btn{background:none;border:1px solid #ddd;padding:0 1rem;border-radius:4px;cursor:pointer;transition:all .2s}.wishlist-btn:hover{background-color:#f8f9fa;border-color:#bbb}.product-specs{margin-top:2rem}.product-specs h3{margin-bottom:1rem}.product-specs table{width:100%;border-collapse:collapse}.product-specs td{padding:.5rem;border-bottom:1px solid #eee}.product-specs td:first-child{font-weight:700;color:#666;width:30%}@media (max-width: 768px){.product-page{flex-direction:column}.main-image{height:300px}}.order-list-container{display:flex;flex-direction:column;gap:10px;padding:20px;background-color:#f9f9f9}.order-list-container .category-btns{display:flex;gap:10px;margin-bottom:20px}.order-list-container .category-btns button{padding:10px 15px;border:none;border-radius:5px;background-color:var(--primary-color);color:#fff;cursor:pointer}.order-list-container .category-btns button.btn-active{background-color:#aa0a55;text-decoration:underline;font-weight:600}.order-list-container .order-card{display:flex;flex-direction:column;background-color:#fff;border:1px solid #ddd;border-radius:5px;padding:15px;box-shadow:0 2px 4px #0000001a}.order-card .order-status{font-weight:700;color:#0c39ce;text-transform:capitalize}.order-card .order-date span,.order-card .order-delivery-date span,.order-card .order-price span,.order-card .order-user-name span,.order-card .order-phone span{font-weight:700;color:var(--primary-color)}.order-card .order-address{font-weight:700;text-transform:capitalize}.order-card .order-product-card{display:flex;gap:20px;border:1px solid #ddd;border-radius:5px;padding:10px;margin-bottom:10px}.order-card .order-product-card .order-product-details{flex:1}.order-card .order-product-details .order-product-name{font-size:1.2rem;font-weight:700;cursor:pointer}.order-card .order-product-details .order-product-name:hover{color:var(--primary-color)}.order-list-container .order-card img{width:100px;height:100px}.order-actions{display:flex;justify-content:space-between}.order-actions .order-action-btn{padding:10px 15px;border:none;border-radius:5px;color:#fff;margin-top:10px;font-weight:700;cursor:pointer}.order-actions .order-action-btn.order-accept-btn{background-color:#55b625}.order-actions .order-action-btn.order-delivery-btn{background-color:#25b672}.order-actions .order-action-btn.order-reject-btn{background-color:red}.legal-page{max-width:800px;margin:0 auto;padding:2rem;font-family:Arial,sans-serif;line-height:1.6;background-color:#fff;color:#333}.legal-page h1,.legal-page h2{color:#e81a7a}.legal-page ul{padding-left:1.2rem}.legal-page li{margin-bottom:.4rem}.legal-page strong{font-weight:700}.legal-page a{color:#e81a99;text-decoration:none}.data-delete ul{padding-left:30px;margin:20px 0}.data-delete ul li{list-style-type:disc;font-weight:600}.data-delete ol p{font-weight:700}.data-delete ol li{list-style-type:decimal;padding-left:30px;font-weight:600}