*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:inherit;text-decoration:none}button{border:none;cursor:pointer;font-family:inherit;outline:none}.header{background-color:#fff;left:0;position:fixed;right:0;top:0;z-index:1000}.utility-bar{background-color:#f8f8f8;border-bottom:1px solid #e5e5e5;color:#666;font-size:.75rem}.utility-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:.5rem 2rem}.utility-left,.utility-right{align-items:center;display:flex;gap:.5rem}.utility-bar a,.utility-btn{background:none;border:none;color:#666;cursor:pointer;font-family:inherit;font-size:.75rem;padding:0;text-decoration:none;transition:color .2s}.utility-bar a:hover,.utility-btn:hover{color:#ff6b6b}.utility-bar .welcome{color:#333;font-weight:600}.utility-bar .divider{color:#ddd}.main-header{background-color:#fff;border-bottom:2px solid #ff6b6b;padding:1.5rem 0}.main-header-container{grid-gap:2rem;align-items:center;display:grid;gap:2rem;grid-template-columns:300px 1fr 250px;margin:0 auto;max-width:1400px;padding:0 2rem}.logo-section{align-items:center;display:flex;text-decoration:none}.logo-image{max-height:60px;object-fit:contain;width:auto}.logo-text-container{display:flex;flex-direction:column}.shop-name{color:#ff6b6b;font-size:1.8rem;font-weight:700;line-height:1.2;margin:0}.shop-subtitle{color:#666;font-size:.85rem;margin:.3rem 0 0}.search-section{display:flex;justify-content:center}.search-form{border:2px solid #ff6b6b;border-radius:4px;display:flex;max-width:600px;overflow:hidden;width:100%}.search-input{border:none;color:#333;flex:1 1;font-size:.95rem;outline:none;padding:.9rem 1.2rem}.search-input::placeholder{color:#999}.search-button{background-color:#ff6b6b;border:none;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.9rem 2rem;transition:background-color .2s;white-space:nowrap}.search-button:hover{background-color:#ff5252}.info-section{align-items:center;display:flex;gap:1.5rem;justify-content:flex-end}.customer-service{text-align:right}.cs-label{color:#666;font-size:.75rem;margin-bottom:.2rem}.cs-phone{color:#ff6b6b;font-size:1.3rem;font-weight:700}.cart-link{color:#333;padding:.5rem;position:relative;text-decoration:none;transition:color .2s}.cart-link:hover{color:#ff6b6b}.cart-badge{align-items:center;background-color:#ff6b6b;border-radius:10px;color:#fff;display:flex;font-size:.7rem;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:0 4px;position:absolute;right:0;top:0}.category-nav{background-color:#fff;border-bottom:1px solid #e5e5e5;box-shadow:0 2px 4px #0000000d}.category-nav-container{display:flex;gap:0;justify-content:flex-start;margin:0 auto;max-width:1400px;padding:0 2rem}.category-link{border-bottom:2px solid #0000;color:#333;font-size:.95rem;font-weight:500;padding:1rem 1.5rem;text-decoration:none;transition:all .2s;white-space:nowrap}.category-link:hover{background-color:#fafafa;border-bottom-color:#ff6b6b;color:#ff6b6b}.category-link.best{color:#ff6b6b;font-weight:700}@media (max-width:1200px){.main-header-container{gap:1rem;grid-template-columns:250px 1fr 200px}.shop-name{font-size:1.5rem}.cs-phone{font-size:1.1rem}}@media (max-width:1024px){.category-nav-container,.main-header-container,.utility-container{padding:0 1rem}.main-header-container{gap:1rem;grid-template-columns:1fr}.info-section,.logo-section{justify-content:center}.category-nav-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.category-nav-container::-webkit-scrollbar{height:4px}.category-nav-container::-webkit-scrollbar-thumb{background-color:#ddd;border-radius:2px}}@media (max-width:768px){.utility-bar{font-size:.7rem}.utility-container{padding:.4rem 1rem}.utility-left{display:none}.main-header{padding:1rem 0}.shop-name{font-size:1.3rem}.shop-subtitle{font-size:.75rem}.search-input{font-size:.85rem;padding:.7rem 1rem}.search-button{font-size:.85rem;padding:.7rem 1.2rem}.customer-service{display:none}.cs-phone{font-size:1rem}.category-link{font-size:.85rem;padding:.8rem 1rem}}.footer{background-color:#f8f8f8;border-top:1px solid #e5e5e5;color:#666;margin-top:4rem}.footer .footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1400px;padding:3rem 2rem 2rem}.footer .footer-section h3{color:#333;font-size:1.3rem;font-weight:600;margin-bottom:1rem}.footer .footer-section h4{color:#333;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.footer .footer-section p{color:#666;font-size:.95rem;line-height:1.8;margin-bottom:.5rem}.footer .footer-bottom{border-top:1px solid #e5e5e5;color:#999;font-size:.9rem;padding:1.5rem 2rem;text-align:center}@media (max-width:768px){.footer .footer-content{grid-template-columns:1fr;padding:2rem 1rem 1rem}}.product-description-text{color:#666;font-size:.95rem;line-height:1.6;margin-bottom:1rem}.product-description-html{color:#666;font-size:.95rem;line-height:1.8;margin-bottom:2rem}.product-description-html h1,.product-description-html h2,.product-description-html h3{color:#333;font-weight:700;margin-bottom:1rem;margin-top:1.5rem}.product-description-html h1{font-size:1.6rem}.product-description-html h2{font-size:1.3rem}.product-description-html h3{font-size:1.1rem}.product-description-html p{margin-bottom:1rem}.product-description-html ol,.product-description-html ul{margin-bottom:1rem;margin-left:2rem}.product-description-html li{margin-bottom:.5rem}.product-description-html strong{color:#333;font-weight:700}.product-description-html em{font-style:italic}.product-description-html a{color:#3498db;text-decoration:underline}.product-description-html blockquote{background-color:#f8f8f8;border-left:3px solid #e5e5e5;color:#666;font-style:italic;margin:1rem 0;padding:1rem}.product-description-html table{border-collapse:collapse;margin:1rem 0;width:100%}.product-description-html table td,.product-description-html table th{border:1px solid #e5e5e5;padding:.75rem;text-align:left}.product-description-html table th{background-color:#f8f8f8;color:#333;font-weight:600}.product-card{background:#fff;border:1px solid #e5e5e5;border-radius:4px;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .2s ease}.product-card:hover{border-color:#ff6b6b;box-shadow:0 2px 8px #00000014}.product-card a{color:inherit;display:flex;flex-direction:column;height:100%;text-decoration:none}.product-card .product-image{background-color:#f8f8f8;border-bottom:1px solid #e5e5e5;height:250px;overflow:hidden;width:100%}.product-card .product-image img{height:100%;object-fit:cover;transition:opacity .2s;width:100%}.product-card:hover .product-image img{opacity:.9}.product-card .product-info{display:flex;flex:1 1;flex-direction:column;padding:1.5rem}.product-card .product-category{background-color:#f5f5f5;border:1px solid #e5e5e5;border-radius:3px;color:#666;display:inline-block;font-size:.8rem;font-weight:500;margin-bottom:.8rem;padding:.3rem .8rem;width:-webkit-fit-content;width:fit-content}.product-card .product-name{color:#333;font-size:1.15rem;font-weight:600;margin-bottom:.5rem}.product-card .product-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;flex:1 1;font-size:.9rem;line-height:1.6;margin-bottom:1rem;overflow:hidden}.product-card .product-description *{all:unset;display:inline}.product-card .product-footer{align-items:center;border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-top:auto;padding-top:1rem}.product-card .product-price{color:#ff6b6b;font-size:1.3rem;font-weight:700}.product-card .product-stock{color:#27ae60;font-size:.85rem;font-weight:500}.product-card .product-stock.low{color:#e74c3c}@media (max-width:768px){.product-card .product-image{height:200px}.product-card .product-info{padding:1rem}.product-card .product-name{font-size:1.1rem}.product-card .product-price{font-size:1.2rem}}.home{background-color:#fff;width:100%}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#ff6b6b;height:40px;margin-bottom:1rem;width:40px}.main-banner{background-color:#f8f8f8;margin-bottom:3rem;width:100%}.banner-slider{margin:0 auto;max-width:1400px}.banner-item{background-color:#f0f0f0;height:400px;overflow:hidden;width:100%}.banner-item img{height:100%;object-fit:cover;width:100%}.banner-item a{display:block;height:100%;width:100%}.category-section,.info-section,.product-section,.theme-section{margin:0 auto 4rem;max-width:1400px;padding:0 20px}.section-header{justify-content:space-between;margin-bottom:2rem}.section-header,.section-title{align-items:center;display:flex}.section-title{color:#333;font-size:1.8rem;font-weight:700;gap:.5rem}.section-title .icon{color:#ff6b6b}.view-more{color:#666;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s}.view-more:hover{color:#ff6b6b}.product-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr)}.category-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(6,1fr)}.category-item{background:#fff;border:1px solid #e5e5e5;border-radius:4px;color:inherit;cursor:pointer;padding:2rem 1rem;text-align:center;text-decoration:none;transition:all .2s}.category-item:hover{border-color:#ff6b6b;box-shadow:0 2px 8px #00000014;transform:translateY(-2px)}.category-icon{font-size:3rem;margin-bottom:1rem}.category-name{color:#333;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.category-description{color:#666;font-size:.85rem;line-height:1.6}.theme-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr)}.theme-item{background:#fff;border:2px solid #e5e5e5;border-radius:4px;cursor:pointer;padding:3rem 2rem;text-align:center;text-decoration:none;transition:all .2s}.theme-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-4px)}.theme-image{margin-bottom:1rem}.theme-name{font-size:1.3rem;font-weight:700}.horizontal-banner{background-color:#f8f8f8;margin:4rem 0;padding:3rem 0;width:100%}.banner-placeholder{margin:0 auto;max-width:1400px;padding:0 20px}.banner-content{background:linear-gradient(135deg,#ff6b6b,#ff8fab);border-radius:4px;color:#fff;padding:3rem;text-align:center}.banner-content h3{font-size:2rem;font-weight:700;margin-bottom:1rem}.banner-content p{font-size:1.1rem;margin-bottom:2rem;opacity:.95}.banner-button{background-color:#fff;border:2px solid #fff;border-radius:4px;color:#ff6b6b;display:inline-block;font-size:1rem;font-weight:600;padding:1rem 2.5rem;text-decoration:none;transition:all .2s}.banner-button:hover{background-color:initial;color:#fff}.info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr)}.info-card{background:#f8f8f8;border:1px solid #e5e5e5;border-radius:4px;padding:2.5rem 2rem;text-align:center;transition:all .2s}.info-card:hover{background:#f0f0f0}.info-icon{font-size:3rem;margin-bottom:1rem}.info-card h3{color:#333;font-size:1.2rem;font-weight:600;margin-bottom:.8rem}.info-card p{color:#666;font-size:.9rem;line-height:1.6}@media (max-width:1200px){.category-grid,.product-grid{grid-template-columns:repeat(3,1fr)}.theme-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.banner-item{height:250px}.section-title{font-size:1.4rem}.category-grid,.product-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.category-item{padding:1.5rem 1rem}.category-icon{font-size:2.5rem}.theme-grid{grid-template-columns:1fr}.theme-item{padding:2rem 1.5rem}.info-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.info-card{padding:2rem 1.5rem}.banner-content{padding:2rem}.banner-content h3{font-size:1.5rem}.banner-content p{font-size:1rem}}@media (max-width:480px){.category-grid,.info-grid,.product-grid{grid-template-columns:1fr}}.product-list-page{width:100%}.product-list-page .page-title{color:#333;font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center}.product-list-page .category-filter{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin-bottom:3rem}.product-list-page .category-btn{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#666;cursor:pointer;font-size:.95rem;font-weight:500;padding:.6rem 1.5rem;transition:all .2s}.product-list-page .category-btn:hover{background-color:#f5f5f5;border-color:#d0d0d0}.product-list-page .category-btn.active{background-color:#ff6b6b;border-color:#ff6b6b;color:#fff}.product-list-page .loading{padding:4rem 0;text-align:center}.product-list-page .spinner{animation:spin .8s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#ff6b6b;height:40px;margin:0 auto 1rem;width:40px}.product-list-page .loading p{color:#666;font-size:1rem}.product-list-page .error-message{background-color:#fff5f5;border:1px solid #fcc;border-radius:4px;color:#e74c3c;padding:2rem;text-align:center}.product-list-page .error-message p{font-size:1.1rem;margin-bottom:1rem}.product-list-page .retry-btn{background-color:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:.7rem 1.8rem;transition:background-color .2s}.product-list-page .retry-btn:hover{background-color:#c0392b}.product-list-page .empty-state{color:#7f8c8d;font-size:1.2rem;padding:4rem;text-align:center}.product-list-page .product-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:2rem}@media (max-width:768px){.product-list-page .page-title{font-size:2rem}.product-list-page .category-filter{gap:.8rem}.product-list-page .category-btn{font-size:.9rem;padding:.6rem 1.2rem}.product-list-page .product-grid{gap:1.5rem;grid-template-columns:1fr}}.product-detail{position:relative;width:100%}.product-detail .success-message{animation:slideIn .3s ease-out;background-color:#27ae60;border:1px solid #229954;border-radius:4px;color:#fff;font-weight:500;padding:1rem 2rem;position:fixed;right:20px;top:80px;z-index:1000}@keyframes slideIn{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}.product-detail .back-link{background:none;border:none;color:#666;cursor:pointer;display:inline-block;font-size:.95rem;font-weight:500;margin-bottom:2rem;transition:color .2s}.product-detail .back-link:hover{color:#ff6b6b}.product-detail .product-detail-container{grid-gap:3rem;background:#fff;border:1px solid #e5e5e5;border-radius:4px;display:grid;gap:3rem;grid-template-columns:1fr 1fr;padding:2rem}.product-detail .product-detail-image{background-color:#f8f8f8;border:1px solid #e5e5e5;border-radius:4px;height:500px;overflow:hidden;width:100%}.product-detail .product-detail-image img{height:100%;object-fit:cover;width:100%}.product-detail .product-detail-info{display:flex;flex-direction:column}.product-detail .product-detail-category{background-color:#f5f5f5;border:1px solid #e5e5e5;border-radius:3px;color:#666;display:inline-block;font-size:.85rem;font-weight:500;margin-bottom:1rem;padding:.4rem 1rem;width:-webkit-fit-content;width:fit-content}.product-detail .product-detail-name{color:#333;font-size:2rem;font-weight:700;margin-bottom:1rem}.product-detail .product-detail-description{color:#666;font-size:1rem;line-height:1.8;margin-bottom:2rem}.product-detail .product-detail-price{color:#ff6b6b;font-size:2.2rem;font-weight:700;margin-bottom:1rem}.product-detail .product-detail-stock{color:#27ae60;font-size:1rem;font-weight:500;margin-bottom:2rem}.product-detail .product-detail-stock .low{color:#e74c3c}.product-detail .quantity-selector{margin-bottom:1.5rem}.product-detail .quantity-selector label{color:#333;display:block;font-size:1rem;font-weight:600;margin-bottom:.8rem}.product-detail .quantity-controls{align-items:center;display:flex;gap:.5rem}.product-detail .quantity-controls button{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;color:#333;cursor:pointer;font-size:1.1rem;font-weight:600;height:40px;transition:all .2s;width:40px}.product-detail .quantity-controls button:hover:not(:disabled){background-color:#e8e8e8}.product-detail .quantity-controls button:disabled{cursor:not-allowed;opacity:.3}.product-detail .quantity-controls input{border:1px solid #e0e0e0;border-radius:4px;font-size:1rem;font-weight:600;height:40px;text-align:center;width:80px}.product-detail .total-price{background-color:#f8f8f8;border:1px solid #e5e5e5;border-radius:4px;color:#333;font-size:1.3rem;margin-bottom:2rem;padding:1rem;text-align:center}.product-detail .total-price strong{color:#ff6b6b;font-size:1.6rem}.product-detail .action-buttons{display:flex;gap:1rem;margin-bottom:1rem}.product-detail .action-buttons button{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:1rem;transition:all .2s}.product-detail .add-to-cart-btn{background-color:#fff;border:1px solid #ff6b6b;color:#ff6b6b}.product-detail .add-to-cart-btn:hover:not(:disabled){background-color:#fff5f5}.product-detail .buy-now-btn{background-color:#ff6b6b;border:1px solid #ff6b6b;color:#fff}.product-detail .buy-now-btn:hover:not(:disabled){background-color:#ff5252}.product-detail .action-buttons button:disabled{cursor:not-allowed;opacity:.5}.product-detail .unavailable-message{background-color:#fff5f5;border:1px solid #fcc;border-radius:4px;color:#e74c3c;font-weight:500;padding:1rem;text-align:center}@media (max-width:768px){.product-detail .product-detail-container{gap:2rem;grid-template-columns:1fr;padding:1.5rem}.product-detail .product-detail-image{height:350px}.product-detail .product-detail-name{font-size:1.8rem}.product-detail .product-detail-price{font-size:2rem}.product-detail .action-buttons{flex-direction:column}.product-detail .total-price strong{font-size:1.5rem}}.cart-page{width:100%}.cart-page .page-title{color:#333;font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center}.cart-empty{background:#fff;border:1px solid #e5e5e5;border-radius:4px;padding:4rem 2rem;text-align:center}.cart-empty .empty-cart-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.cart-empty h2{color:#333;font-size:1.8rem;font-weight:600;margin-bottom:1rem}.cart-empty p{color:#666;font-size:1rem;margin-bottom:2rem}.cart-empty .continue-shopping-btn{background-color:#ff6b6b;border-radius:4px;color:#fff;display:inline-block;font-size:1rem;font-weight:600;padding:.9rem 2.5rem;text-decoration:none;transition:background-color .2s}.cart-empty .continue-shopping-btn:hover{background-color:#ff5252}.cart-page .cart-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr}.cart-page .cart-items{background:#fff;border:1px solid #e5e5e5;border-radius:4px;padding:1.5rem}.cart-page .cart-item{grid-gap:1.5rem;align-items:center;border-bottom:1px solid #ecf0f1;display:grid;gap:1.5rem;grid-template-columns:120px 1fr auto auto;padding:1.5rem}.cart-page .cart-item:last-child{border-bottom:none}.cart-page .cart-item-image{background-color:#f8f8f8;border:1px solid #e5e5e5;border-radius:4px;height:120px;overflow:hidden;width:120px}.cart-page .cart-item-image img{height:100%;object-fit:cover;width:100%}.cart-page .cart-item-info{display:flex;flex-direction:column;gap:.5rem}.cart-page .cart-item-name{color:#333;font-size:1.1rem;font-weight:600;text-decoration:none;transition:color .2s}.cart-page .cart-item-name:hover{color:#ff6b6b}.cart-page .cart-item-category{background-color:#f5f5f5;border:1px solid #e5e5e5;border-radius:3px;color:#666;display:inline-block;font-size:.8rem;font-weight:500;padding:.3rem .8rem;width:-webkit-fit-content;width:fit-content}.cart-page .cart-item-price{color:#ff6b6b;font-size:1rem;font-weight:600}.cart-page .cart-item-quantity{align-items:center;border:1px solid #e0e0e0;border-radius:4px;display:flex;gap:.5rem;padding:.3rem}.cart-page .quantity-btn{background-color:#f5f5f5;border:none;border-radius:3px;color:#333;cursor:pointer;font-size:1.1rem;font-weight:600;height:30px;transition:background-color .2s;width:30px}.cart-page .quantity-btn:hover:not(:disabled){background-color:#e8e8e8}.cart-page .quantity-btn:disabled{cursor:not-allowed;opacity:.3}.cart-page .quantity-value{font-size:1rem;font-weight:600;min-width:40px;text-align:center}.cart-page .cart-item-total{align-items:flex-end;display:flex;flex-direction:column;gap:.8rem}.cart-page .item-total-price{color:#333;font-size:1.2rem;font-weight:700}.cart-page .remove-btn{background-color:initial;border:1px solid #e74c3c;border-radius:4px;color:#e74c3c;cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:all .2s}.cart-page .remove-btn:hover{background-color:#e74c3c;color:#fff}.cart-page .cart-summary{background:#fff;border:1px solid #e5e5e5;border-radius:4px;height:-webkit-fit-content;height:fit-content;padding:2rem;position:-webkit-sticky;position:sticky;top:90px}.cart-page .cart-summary h2{color:#333;font-size:1.4rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.cart-page .summary-row{color:#666;display:flex;font-size:.95rem;justify-content:space-between;margin-bottom:1rem}.cart-page .summary-row .free{color:#27ae60;font-weight:600}.cart-page .summary-divider{background-color:#e5e5e5;height:1px;margin:1.5rem 0}.cart-page .summary-total{color:#333;display:flex;font-size:1.1rem;font-weight:700;justify-content:space-between;margin-bottom:2rem}.cart-page .total-amount{color:#ff6b6b;font-size:1.6rem}.cart-page .checkout-btn{background-color:#ff6b6b;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-bottom:1rem;padding:1rem;transition:background-color .2s;width:100%}.cart-page .checkout-btn:hover{background-color:#ff5252}.cart-page .continue-link{color:#666;display:block;font-size:.95rem;font-weight:500;padding:.8rem;text-align:center;text-decoration:none;transition:color .2s}.cart-page .continue-link:hover{color:#ff6b6b}@media (max-width:1024px){.cart-page .cart-container{grid-template-columns:1fr}.cart-page .cart-summary{position:static}}@media (max-width:768px){.cart-page .cart-item{gap:1rem;grid-template-columns:1fr}.cart-page .cart-item-image{height:200px;width:100%}.cart-page .cart-item-quantity{justify-content:center}.cart-page .cart-item-total{align-items:center;flex-direction:row;justify-content:space-between;width:100%}.cart-page .page-title{font-size:2rem}}.checkout-page{width:100%}.checkout-page .page-title{color:#333;font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center}.checkout-page .checkout-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr}.checkout-page .checkout-form{background:#fff;border:1px solid #e5e5e5;border-radius:4px;padding:2rem}.checkout-page .form-section{margin-bottom:2.5rem}.checkout-page .form-section h2{color:#333;font-size:1.3rem;font-weight:600}.checkout-page .form-section h2,.checkout-page .section-header{border-bottom:1px solid #e5e5e5;margin-bottom:1.5rem;padding-bottom:.8rem}.checkout-page .section-header{align-items:center;display:flex;justify-content:space-between}.checkout-page .section-header h2{border:none;margin:0;padding:0}.checkout-page .copy-address-btn{background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;color:#333;cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:background-color .2s}.checkout-page .copy-address-btn:hover{background-color:#e8e8e8}.checkout-page .form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.checkout-page .form-group{display:flex;flex-direction:column}.checkout-page .form-group.full-width{grid-column:1/-1}.checkout-page .form-group label{color:#333;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.checkout-page .form-group input,.checkout-page .form-group textarea{background-color:#fafafa;border:1px solid #e0e0e0;border-radius:4px;font-size:.95rem;padding:.8rem;transition:border-color .2s}.checkout-page .form-group input:focus,.checkout-page .form-group textarea:focus{background-color:#fff;border-color:#ff6b6b;outline:none}.checkout-page .form-group textarea{font-family:inherit;resize:vertical}.checkout-page .error-alert{background-color:#fff5f5;border:1px solid #fcc;border-radius:4px;color:#e74c3c;font-size:.95rem;font-weight:500;margin-bottom:1.5rem;padding:1rem;text-align:center}.checkout-page .submit-order-btn{background-color:#ff6b6b;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1.2rem;transition:background-color .2s;width:100%}.checkout-page .submit-order-btn:hover:not(:disabled){background-color:#ff5252}.checkout-page .submit-order-btn:disabled{cursor:not-allowed;opacity:.6}.checkout-page .order-summary{background:#fff;border:1px solid #e5e5e5;border-radius:4px;height:-webkit-fit-content;height:fit-content;padding:2rem;position:-webkit-sticky;position:sticky;top:90px}.checkout-page .order-summary h2{color:#333;font-size:1.4rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.checkout-page .summary-items{margin-bottom:1.5rem}.checkout-page .summary-item{border-bottom:1px solid #f0f0f0;display:flex;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem}.checkout-page .summary-item:last-child{border-bottom:none}.checkout-page .summary-item img{border:1px solid #e5e5e5;border-radius:4px;height:70px;object-fit:cover;width:70px}.checkout-page .summary-item-info{flex:1 1}.checkout-page .summary-item-info h4{color:#333;font-size:.95rem;font-weight:600;margin-bottom:.3rem}.checkout-page .summary-item-info p{color:#666;font-size:.85rem}.checkout-page .summary-item-price{color:#ff6b6b;font-size:.95rem;font-weight:700;white-space:nowrap}.checkout-page .summary-divider{background-color:#e5e5e5;height:1px;margin:1.5rem 0}.checkout-page .summary-row{color:#666;display:flex;font-size:.95rem;justify-content:space-between;margin-bottom:1rem}.checkout-page .summary-row .free{color:#27ae60;font-weight:600}.checkout-page .summary-total{color:#333;display:flex;font-size:1.1rem;font-weight:700;justify-content:space-between}.checkout-page .total-amount{color:#ff6b6b;font-size:1.6rem}@media (max-width:1024px){.checkout-page .checkout-container{grid-template-columns:1fr}.checkout-page .order-summary{position:static}}@media (max-width:768px){.checkout-page .page-title{font-size:2rem}.checkout-page .checkout-form{padding:1.5rem}.checkout-page .form-grid{grid-template-columns:1fr}.checkout-page .section-header{align-items:flex-start;flex-direction:column;gap:1rem}.checkout-page .copy-address-btn{width:100%}}.checkout-success{align-items:center;display:flex;justify-content:center;min-height:60vh}.checkout-success .success-card{background:#fff;border:1px solid #e5e5e5;border-radius:4px;max-width:600px;padding:3rem;text-align:center;width:100%}.checkout-success .success-icon{align-items:center;animation:scaleIn .5s ease-out;background-color:#27ae60;border-radius:50%;color:#fff;display:flex;font-size:3.5rem;height:100px;justify-content:center;margin:0 auto 2rem;width:100px}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.checkout-success .success-card h1{color:#333;font-size:1.8rem;font-weight:700;margin-bottom:2rem}.checkout-success .order-info{background-color:#f8f8f8;border:1px solid #e5e5e5;border-radius:4px;margin-bottom:2rem;padding:2rem}.checkout-success .customer-name{color:#333;font-size:1.2rem;font-weight:700;margin-bottom:.5rem}.checkout-success .success-message{color:#666;font-size:1rem;margin-bottom:1rem}.checkout-success .order-amount{color:#333;font-size:1.1rem}.checkout-success .order-amount strong{color:#ff6b6b;font-size:1.6rem}.checkout-success .success-details{margin-bottom:2.5rem;text-align:left}.checkout-success .detail-item{align-items:center;background-color:#f8f8f8;border:1px solid #e5e5e5;border-radius:4px;display:flex;gap:1rem;margin-bottom:1rem;padding:1rem}.checkout-success .detail-icon{font-size:1.8rem}.checkout-success .detail-item p{color:#666;font-size:.95rem;margin:0}.checkout-success .success-actions{display:flex;gap:1rem}.checkout-success .continue-btn,.checkout-success .home-btn{align-items:center;border-radius:4px;display:flex;flex:1 1;font-size:1rem;font-weight:600;justify-content:center;padding:1rem 2rem;text-decoration:none;transition:all .2s}.checkout-success .continue-btn{background-color:#ff6b6b;border:1px solid #ff6b6b;color:#fff}.checkout-success .continue-btn:hover{background-color:#ff5252}.checkout-success .home-btn{background-color:#fff;border:1px solid #e0e0e0;color:#333}.checkout-success .home-btn:hover{background-color:#f5f5f5}@media (max-width:768px){.checkout-success .success-card{padding:2rem 1.5rem}.checkout-success .success-card h1{font-size:1.6rem}.checkout-success .success-actions{flex-direction:column}.checkout-success .detail-item{flex-direction:column;text-align:center}}.login-page{align-items:center;background-color:#f8f8f8;display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem}.login-page .login-container{background:#fff;border:1px solid #e5e5e5;border-radius:4px;max-width:450px;padding:3rem;width:100%}.login-page .login-header{margin-bottom:2rem;text-align:center}.login-page .login-header h1{color:#333;font-size:2rem;font-weight:700;margin-bottom:.5rem}.login-page .login-header p{color:#666;font-size:1rem}.login-page .form-group,.login-page .login-form{margin-bottom:1.5rem}.login-page .form-group label{color:#333;display:block;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.login-page .form-group input{background-color:#fafafa;border:1px solid #e0e0e0;border-radius:4px;font-size:.95rem;padding:.9rem;transition:all .2s;width:100%}.login-page .form-group input:focus{background-color:#fff;border-color:#ff6b6b;outline:none}.login-page .error-message{background-color:#fff5f5;border:1px solid #fcc;border-radius:4px;color:#e74c3c;font-size:.9rem;font-weight:500;margin-bottom:1.5rem;padding:1rem;text-align:center}.login-page .login-button{background-color:#ff6b6b;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem;transition:background-color .2s;width:100%}.login-page .login-button:hover:not(:disabled){background-color:#ff5252}.login-page .login-button:disabled{cursor:not-allowed;opacity:.6}.login-page .login-links{display:flex;flex-direction:column;gap:.8rem;margin-top:1.5rem;text-align:center}.login-page .admin-login-link{border-radius:4px;color:#e74c3c;font-size:.95rem;font-weight:500;padding:.5rem;text-decoration:none;transition:all .2s}.login-page .admin-login-link:hover{background-color:#fff5f5}.login-page .back-link{color:#999;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s}.login-page .back-link:hover{color:#666}.login-page .login-info{background-color:#f8f8f8;border:1px solid #e5e5e5;border-radius:4px;padding:1.5rem;text-align:center}.login-page .info-text{color:#666;font-size:.9rem;margin:.3rem 0}.login-page .info-text:first-child{color:#333;font-weight:600;margin-bottom:.5rem}.login-page .loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px}.login-page .loading-container .spinner{animation:spin .8s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#ff6b6b;height:40px;margin-bottom:1rem;width:40px}@media (max-width:768px){.login-page .login-container{padding:2rem 1.5rem}.login-page .login-header h1{font-size:1.8rem}}.admin-login-page{align-items:center;background-color:#f8f8f8;display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem}.admin-login-page .admin-login-container{background:#fff;border:2px solid #e74c3c;border-radius:4px;max-width:450px;padding:3rem;width:100%}.admin-login-page .admin-login-header{margin-bottom:2rem;position:relative;text-align:center}.admin-login-page .admin-badge{background-color:#e74c3c;border-radius:4px;color:#fff;display:inline-block;font-size:.85rem;font-weight:600;margin-bottom:1rem;padding:.4rem 1.2rem}.admin-login-page .admin-login-header h1{color:#333;font-size:2rem;font-weight:700;margin-bottom:.5rem}.admin-login-page .admin-login-header p{color:#e74c3c;font-size:1rem;font-weight:600}.admin-login-page .admin-login-form,.admin-login-page .admin-login-form .form-group{margin-bottom:1.5rem}.admin-login-page .admin-login-form .form-group label{color:#333;display:block;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.admin-login-page .admin-login-form .form-group input{background-color:#fafafa;border:1px solid #e0e0e0;border-radius:4px;font-size:.95rem;padding:.9rem;transition:all .2s;width:100%}.admin-login-page .admin-login-form .form-group input:focus{background-color:#fff;border-color:#e74c3c;outline:none}.admin-login-page .admin-login-form .error-message{background-color:#fff5f5;border:1px solid #fcc;border-radius:4px;color:#e74c3c;font-size:.9rem;font-weight:500;margin-bottom:1.5rem;padding:1rem;text-align:center}.admin-login-page .admin-login-button{background-color:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem;transition:background-color .2s;width:100%}.admin-login-page .admin-login-button:hover:not(:disabled){background-color:#c0392b}.admin-login-page .admin-login-button:disabled{cursor:not-allowed;opacity:.6}.admin-login-page .admin-login-links{display:flex;flex-direction:column;gap:.8rem;margin-top:1.5rem;text-align:center}.admin-login-page .user-login-link{border-radius:4px;color:#3498db;font-size:.95rem;font-weight:500;padding:.5rem;text-decoration:none;transition:all .2s}.admin-login-page .user-login-link:hover{background-color:#f0f8ff}.admin-login-page .back-link{color:#999;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s}.admin-login-page .back-link:hover{color:#666}.admin-login-page .admin-login-info{background-color:#fff5f5;border:1px solid #fcc;border-radius:4px;margin-bottom:1rem;padding:1.5rem;text-align:center}.admin-login-page .admin-login-info .info-text{color:#e74c3c;font-size:.9rem;font-weight:500;margin:.3rem 0}.admin-login-page .admin-login-info a{color:#3498db;font-weight:600;text-decoration:underline}.admin-login-page .dev-info{background-color:#f8f8f8;border:1px solid #e5e5e5;border-radius:4px;padding:1rem;text-align:center}.admin-login-page .dev-text{color:#666;font-size:.85rem;margin:.3rem 0}.admin-login-page .dev-text:first-child{color:#333;font-weight:600;margin-bottom:.5rem}@media (max-width:768px){.admin-login-page .admin-login-container{padding:2rem 1.5rem}.admin-login-page .admin-login-header h1{font-size:2rem}}.admin-layout{background-color:#f8f8f8;min-height:100vh}.admin-layout .admin-header{align-items:center;background-color:#2c3e50;border-bottom:1px solid #1a252f;color:#fff;display:flex;justify-content:space-between;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.admin-layout .admin-header-left{align-items:center;display:flex;gap:1rem}.admin-layout .sidebar-toggle{background:none;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.5rem;padding:.5rem;transition:background-color .3s}.admin-layout .sidebar-toggle:hover{background-color:#ffffff1a}.admin-layout .admin-header-title{font-size:1.5rem;font-weight:700;margin:0}.admin-layout .admin-header-right{align-items:center;display:flex;gap:1.5rem}.admin-layout .view-site-btn{background-color:#ffffff1a;border:1px solid #fff3;border-radius:4px;color:#fff;font-size:.9rem;font-weight:500;padding:.6rem 1.2rem;text-decoration:none;transition:all .2s}.admin-layout .view-site-btn:hover{background-color:#ffffff26}.admin-layout .admin-user-info{align-items:flex-end;display:flex;flex-direction:column}.admin-layout .admin-user-name{font-size:.95rem;font-weight:600}.admin-layout .admin-user-role{background-color:#e74c3c26;border-radius:3px;color:#e74c3c;font-size:.75rem;font-weight:600;padding:.2rem .6rem}.admin-layout .admin-logout-btn{background-color:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.6rem 1.2rem;transition:background-color .2s}.admin-layout .admin-logout-btn:hover{background-color:#c0392b}.admin-layout .admin-container{display:flex;min-height:calc(100vh - 70px)}.admin-layout .admin-sidebar{background-color:#2c3e50;border-right:1px solid #1a252f;display:flex;flex-direction:column;transition:width .3s ease;width:250px}.admin-layout .admin-sidebar.closed{width:70px}.admin-layout .admin-nav{flex:1 1;padding:1rem 0}.admin-layout .admin-nav-item{align-items:center;border-left:3px solid #0000;color:#bdc3c7;display:flex;gap:1rem;padding:1rem 1.5rem;text-decoration:none;transition:all .3s}.admin-layout .admin-nav-item:hover{background-color:#ffffff0d;border-left-color:#3498db;color:#fff}.admin-layout .admin-nav-item.active{background-color:#3498db26;border-left-color:#3498db;color:#fff}.admin-layout .nav-icon{font-size:1.5rem;min-width:30px;text-align:center}.admin-layout .nav-label{font-weight:500;white-space:nowrap}.admin-layout .sidebar-footer{border-top:1px solid #ffffff1a;padding:1.5rem}.admin-layout .sidebar-info{color:#7f8c8d;font-size:.85rem}.admin-layout .sidebar-copyright,.admin-layout .sidebar-version{margin:.3rem 0;text-align:center}.admin-layout .admin-main{background-color:#ecf0f1;flex:1 1;overflow-y:auto;padding:2rem}@media (max-width:768px){.admin-layout .admin-header{padding:1rem}.admin-layout .admin-header-title{font-size:1.2rem}.admin-layout .admin-header-right{gap:.8rem}.admin-layout .admin-user-info,.admin-layout .view-site-btn{display:none}.admin-layout .admin-sidebar{height:calc(100vh - 60px);left:0;position:fixed;top:60px;transform:translateX(-100%);z-index:999}.admin-layout .admin-sidebar.open{transform:translateX(0);width:250px}.admin-layout .admin-main{padding:1rem;width:100%}}.admin-dashboard{margin:0 auto;max-width:1400px}.admin-dashboard .dashboard-header{margin-bottom:2rem}.admin-dashboard .dashboard-header h1{color:#333;font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.admin-dashboard .dashboard-subtitle{color:#666;font-size:1rem}.admin-dashboard .stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem}.admin-dashboard .stat-card{align-items:center;background:#fff;border:1px solid #e5e5e5;border-radius:4px;display:flex;gap:1.5rem;padding:2rem;transition:all .2s}.admin-dashboard .stat-card:hover{box-shadow:0 2px 8px #00000014}.admin-dashboard .stat-card.blue{border-left:5px solid #3498db}.admin-dashboard .stat-card.green{border-left:5px solid #27ae60}.admin-dashboard .stat-card.orange{border-left:5px solid #f39c12}.admin-dashboard .stat-card.purple{border-left:5px solid #9b59b6}.admin-dashboard .stat-icon{font-size:3rem}.admin-dashboard .stat-content{flex:1 1}.admin-dashboard .stat-content h3{color:#666;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.admin-dashboard .stat-number{color:#333;font-size:2.2rem;font-weight:700;margin:.5rem 0}.admin-dashboard .stat-link{color:#3498db;cursor:pointer;font-size:.9rem;font-weight:500;text-decoration:none}.admin-dashboard .stat-link:hover{text-decoration:underline}.admin-dashboard .recent-section{background:#fff;border:1px solid #e5e5e5;border-radius:4px;margin-bottom:2rem;padding:2rem}.admin-dashboard .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.admin-dashboard .section-header h2{color:#333;font-size:1.3rem;font-weight:700;margin:0}.admin-dashboard .view-all-link{color:#3498db;font-weight:600;text-decoration:none;transition:color .3s}.admin-dashboard .view-all-link:hover{color:#2980b9;text-decoration:underline}.admin-dashboard .recent-orders-table{overflow-x:auto}.admin-dashboard .recent-orders-table table{border-collapse:collapse;width:100%}.admin-dashboard .recent-orders-table th{background-color:#f8f8f8;border-bottom:1px solid #e5e5e5;color:#333;font-size:.9rem;font-weight:600;padding:1rem;text-align:left}.admin-dashboard .recent-orders-table td{border-bottom:1px solid #f0f0f0;color:#666;font-size:.9rem;padding:1rem}.admin-dashboard .recent-orders-table tbody tr:hover{background-color:#fafafa}.admin-dashboard .status-badge{border-radius:3px;display:inline-block;font-size:.8rem;font-weight:600;padding:.4rem .8rem}.admin-dashboard .status-badge.pending{background-color:#fff3cd;color:#856404}.admin-dashboard .status-badge.confirmed{background-color:#d1ecf1;color:#0c5460}.admin-dashboard .status-badge.preparing{background-color:#d4edda;color:#155724}.admin-dashboard .status-badge.shipped{background-color:#cce5ff;color:#004085}.admin-dashboard .status-badge.delivered{background-color:#d4edda;color:#155724}.admin-dashboard .status-badge.cancelled{background-color:#f8d7da;color:#721c24}.admin-dashboard .empty-state{color:#7f8c8d;font-size:1.1rem;padding:3rem;text-align:center}.admin-dashboard .quick-actions{background:#fff;border:1px solid #e5e5e5;border-radius:4px;padding:2rem}.admin-dashboard .quick-actions h2{color:#333;font-size:1.3rem;font-weight:700;margin-bottom:1.5rem}.admin-dashboard .actions-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.admin-dashboard .action-card{align-items:center;background-color:#3498db;border:1px solid #2980b9;border-radius:4px;color:#fff;display:flex;flex-direction:column;gap:1rem;padding:2rem 1.5rem;text-decoration:none;transition:all .2s}.admin-dashboard .action-card:hover{background-color:#2980b9}.admin-dashboard .action-icon{font-size:3rem}.admin-dashboard .action-label{font-size:1.1rem;font-weight:600;text-align:center}.admin-dashboard .loading{color:#7f8c8d;font-size:1.2rem;padding:4rem;text-align:center}@media (max-width:768px){.admin-dashboard .stats-grid{grid-template-columns:1fr}.admin-dashboard .recent-orders-table{font-size:.9rem}.admin-dashboard .actions-grid{grid-template-columns:1fr 1fr}}.image-upload{width:100%}.image-upload .upload-area{border:2px dashed #ddd;border-radius:10px;overflow:hidden;transition:border-color .3s}.image-upload .upload-area:hover{border-color:#667eea}.image-upload .upload-placeholder{align-items:center;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem;transition:background-color .3s}.image-upload .upload-placeholder:hover{background-color:#f8f9fa}.image-upload .upload-icon{font-size:4rem;margin-bottom:1rem}.image-upload .upload-text{text-align:center}.image-upload .upload-text p{color:#2c3e50;font-weight:600;margin:.5rem 0}.image-upload .upload-hint{color:#7f8c8d;font-size:.85rem;font-weight:400!important}.image-upload .image-preview{position:relative}.image-upload .image-preview img{display:block;height:300px;object-fit:cover;width:100%}.image-upload .image-actions{background:linear-gradient(0deg,#000000b3,#0000);bottom:0;display:flex;gap:.5rem;justify-content:center;left:0;opacity:0;padding:2rem 1rem 1rem;position:absolute;right:0;transition:opacity .3s}.image-upload .image-preview:hover .image-actions{opacity:1}.image-upload .btn-change,.image-upload .btn-remove{border:none;border-radius:5px;cursor:pointer;font-weight:600;padding:.6rem 1.5rem;transition:all .3s}.image-upload .btn-remove{background-color:#e74c3c;color:#fff}.image-upload .btn-remove:hover:not(:disabled){background-color:#c0392b}.image-upload .btn-change{background-color:#3498db;color:#fff;display:inline-block}.image-upload .btn-change:hover{background-color:#2980b9}.image-upload .btn-change:disabled,.image-upload .btn-remove:disabled{cursor:not-allowed;opacity:.5}.image-upload .upload-progress{align-items:center;background-color:#e8f4f8;border-radius:5px;display:flex;gap:1rem;margin-top:1rem;padding:1rem}.image-upload .upload-progress .spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:24px;width:24px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.image-upload .upload-progress span{color:#2c3e50;font-weight:600}.image-upload .upload-error{background-color:#ffe8e8;border-radius:5px;color:#e74c3c;font-weight:600;margin-top:1rem;padding:1rem;text-align:center}.admin-page{width:100%}.admin-page .admin-title{color:#2c3e50;font-size:2.5rem;font-weight:700;margin-bottom:2rem;text-align:center}.admin-page .admin-tabs{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.admin-page .tab-btn{background-color:#fff;border:2px solid #667eea;border-radius:50px;color:#667eea;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem 2.5rem;transition:all .3s}.admin-page .tab-btn:hover{background-color:#f0f0f0}.admin-page .tab-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 10px #667eea66;color:#fff}.admin-page .admin-content{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;padding:2rem}.admin-page .content-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.admin-page .content-header h2{color:#2c3e50;font-size:1.8rem}.admin-page .add-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.8rem 2rem;transition:all .3s}.admin-page .add-btn:hover{box-shadow:0 6px 15px #667eea66;transform:translateY(-2px)}.admin-page .product-form{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:15px;margin-bottom:2rem;padding:2rem}.admin-page .product-form h3{color:#2c3e50;font-size:1.5rem;margin-bottom:1.5rem}.admin-page .form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.admin-page .form-group{display:flex;flex-direction:column;margin-bottom:1.5rem}.admin-page .form-group label{color:#2c3e50;font-weight:600;margin-bottom:.5rem}.admin-page .form-group input,.admin-page .form-group select,.admin-page .form-group textarea{background-color:#fff;border:2px solid #ddd;border-radius:8px;font-size:1rem;padding:.8rem}.admin-page .form-group input:focus,.admin-page .form-group select:focus,.admin-page .form-group textarea:focus{border-color:#667eea;outline:none}.admin-page .checkbox-group label{align-items:center;cursor:pointer;flex-direction:row;gap:.5rem}.admin-page .checkbox-group input{margin:0;width:auto}.admin-page .sections-checkbox-group{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:.5rem}.admin-page .section-checkbox{align-items:center;background-color:#fafafa;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;display:flex;gap:.5rem;padding:.6rem;transition:all .2s}.admin-page .section-checkbox:hover{background-color:#fff;border-color:#ff6b6b}.admin-page .section-checkbox input[type=checkbox]{cursor:pointer}.admin-page .section-checkbox input[type=checkbox]:checked+span{color:#ff6b6b;font-weight:600}.admin-page .section-checkbox span{font-size:.9rem;transition:all .2s}.admin-page .form-actions{display:flex;gap:1rem}.admin-page .submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:1rem 3rem;transition:all .3s}.admin-page .submit-btn:hover:not(:disabled){box-shadow:0 6px 15px #667eea66;transform:translateY(-2px)}.admin-page .submit-btn:disabled{cursor:not-allowed;opacity:.6}.admin-page .cancel-btn{background-color:#fff;border:2px solid #e74c3c;border-radius:10px;color:#e74c3c;cursor:pointer;font-size:1.1rem;font-weight:700;padding:1rem 3rem;transition:all .3s}.admin-page .cancel-btn:hover{background-color:#e74c3c;color:#fff}.admin-page .loading{color:#7f8c8d;font-size:1.2rem;padding:3rem;text-align:center}.admin-page .products-table{overflow-x:auto}.admin-page table{border-collapse:collapse;width:100%}.admin-page thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.admin-page th{font-weight:600;padding:1rem;text-align:left}.admin-page tbody tr{border-bottom:1px solid #ecf0f1;transition:background-color .3s}.admin-page tbody tr:hover{background-color:#f8f9fa}.admin-page td{padding:1rem}.admin-page .table-image{border-radius:8px;height:60px;object-fit:cover;width:60px}.admin-page .category-badge{background-color:#667eea;border-radius:15px;color:#fff;display:inline-block;font-size:.85rem;padding:.3rem .8rem}.admin-page .low-stock{color:#e74c3c;font-weight:700}.admin-page .status-badge{border-radius:15px;display:inline-block;font-size:.85rem;font-weight:600;padding:.3rem .8rem}.admin-page .status-badge.available{background-color:#d4edda;color:#155724}.admin-page .status-badge.unavailable{background-color:#f8d7da;color:#721c24}.admin-page .delete-btn,.admin-page .edit-btn{border:none;border-radius:5px;cursor:pointer;font-size:.9rem;font-weight:600;margin-right:.5rem;padding:.5rem 1rem;transition:all .3s}.admin-page .edit-btn{background-color:#3498db;color:#fff}.admin-page .edit-btn:hover{background-color:#2980b9}.admin-page .delete-btn{background-color:#e74c3c;color:#fff}.admin-page .delete-btn:hover{background-color:#c0392b}.admin-page .empty-state{color:#7f8c8d;font-size:1.2rem;padding:3rem;text-align:center}.admin-page .orders-list{display:flex;flex-direction:column;gap:1.5rem}.admin-page .order-card{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:15px;box-shadow:0 4px 10px #0000001a;padding:1.5rem}.admin-page .order-header{align-items:flex-start;border-bottom:2px solid #667eea4d;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.admin-page .order-header h3{color:#2c3e50;font-size:1.3rem;margin-bottom:.3rem}.admin-page .order-date{color:#7f8c8d;font-size:.9rem}.admin-page .order-total{color:#667eea;font-size:1.5rem;font-weight:700}.admin-page .order-body,.admin-page .order-info{margin-bottom:1rem}.admin-page .order-info p{color:#34495e;margin-bottom:.5rem}.admin-page .order-items{margin-top:1rem}.admin-page .order-items ul{color:#555;margin-left:1.5rem;margin-top:.5rem}.admin-page .order-items li{margin-bottom:.3rem}.admin-page .order-footer{border-top:1px solid #667eea33;padding-top:1rem}.admin-page .order-footer label{align-items:center;color:#2c3e50;display:flex;font-weight:600;gap:1rem}.admin-page .status-select{background-color:#fff;border:2px solid #667eea;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:.6rem 1rem;transition:all .3s}.admin-page .status-select:focus{border-color:#764ba2;outline:none}@media (max-width:1024px){.admin-page .form-row{grid-template-columns:1fr}}@media (max-width:768px){.admin-page .admin-title{font-size:2rem}.admin-page .admin-tabs{flex-direction:column;gap:.8rem}.admin-page .tab-btn{width:100%}.admin-page .content-header{align-items:flex-start;flex-direction:column;gap:1rem}.admin-page .add-btn{width:100%}.admin-page .products-table{font-size:.9rem}.admin-page .delete-btn,.admin-page .edit-btn{display:block;margin-bottom:.5rem;width:100%}.admin-page .order-header{flex-direction:column;gap:.5rem}.admin-page .order-footer label{align-items:flex-start;flex-direction:column}.admin-page .status-select{width:100%}}.admin-page .ckeditor-wrapper{border:2px solid #ddd;border-radius:8px;overflow:hidden;transition:border-color .3s}.admin-page .ckeditor-wrapper:focus-within{border-color:#667eea}.admin-page .ckeditor-wrapper .ck-editor__editable{max-height:400px;min-height:200px}.admin-page .ckeditor-wrapper .ck.ck-editor__main>.ck-editor__editable{background-color:#fff;border:none}.admin-page .ckeditor-wrapper .ck.ck-toolbar{background-color:#f8f9fa;border:none;border-bottom:1px solid #e0e0e0}.admin-page .ckeditor-wrapper .ck.ck-button.ck-on,.admin-page .ckeditor-wrapper .ck.ck-button:not(.ck-disabled):focus,.admin-page .ckeditor-wrapper .ck.ck-button:not(.ck-disabled):hover{background-color:#667eea;color:#fff}.admin-page-content{margin:0 auto;max-width:1200px}.admin-page-content .page-header{margin-bottom:2rem}.admin-page-content .page-header h1{color:#2c3e50;font-size:2rem;margin-bottom:.5rem}.admin-page-content .page-header p{color:#7f8c8d;font-size:1.1rem}.admin-page-content .coming-soon{background:#fff;border-radius:15px;box-shadow:0 4px 10px #0000001a;padding:5rem 2rem;text-align:center}.admin-page-content .coming-soon-icon{font-size:5rem;margin-bottom:1rem}.admin-page-content .coming-soon h2{color:#2c3e50;font-size:2rem;margin-bottom:1rem}.admin-page-content .coming-soon p{color:#7f8c8d;font-size:1.1rem}.seller-form{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:2rem}.form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1/-1}.form-group label{color:#2c3e50}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;outline:none}.form-group small{font-size:.85rem;margin-top:.25rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end}.cancel-btn,.submit-btn{border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .3s}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.submit-btn:hover{box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.cancel-btn{background:#95a5a6;color:#fff}.cancel-btn:hover{background:#7f8c8d}.sellers-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:2rem}.seller-card{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1.5rem;transition:all .3s}.seller-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.seller-header{align-items:center;border-bottom:2px solid #ecf0f1;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.seller-header h3{color:#2c3e50;font-size:1.3rem;margin:0}.status-badge{border-radius:12px;font-size:.85rem;font-weight:600;padding:.25rem .75rem}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f8d7da;color:#721c24}.seller-info{margin-bottom:1rem}.seller-info p{color:#34495e;font-size:.95rem;line-height:1.5;margin:.5rem 0}.seller-logo-preview{background:#f8f9fa;border-radius:4px;margin-top:1rem;padding:1rem;text-align:center}.seller-logo-preview img{max-height:80px;max-width:150px;object-fit:contain}.seller-actions{border-top:1px solid #ecf0f1;display:flex;gap:.75rem;margin-top:1rem;padding-top:1rem}.delete-btn,.edit-btn{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-weight:600;padding:.6rem 1rem;transition:all .3s}.edit-btn{background:#3498db;color:#fff}.edit-btn:hover{background:#2980b9}.delete-btn{background:#e74c3c;color:#fff}.delete-btn:hover{background:#c0392b}@media (max-width:768px){.form-grid,.sellers-grid{grid-template-columns:1fr}}.admin-sections{margin:0 auto;max-width:1400px}.admin-sections.loading{color:#666;font-size:1.1rem;padding:4rem;text-align:center}.header-actions{display:flex;gap:1rem}.btn-primary,.btn-secondary{border:none;border-radius:4px;cursor:pointer;font-size:.95rem;font-weight:600;padding:.8rem 1.5rem;transition:all .2s}.btn-secondary{background-color:#3498db;color:#fff}.btn-secondary:hover{background-color:#2980b9}.sections-list{grid-gap:1rem;display:grid;gap:1rem}.section-card{align-items:center;background:#fff;border:1px solid #e5e5e5;border-radius:4px;display:flex;gap:1.5rem;padding:1.5rem;transition:all .2s}.section-card.inactive{opacity:.6}.section-card:hover{box-shadow:0 2px 8px #0000001a}.section-icon{font-size:3rem;min-width:60px;text-align:center}.section-info{flex:1 1}.section-info h3{color:#333;font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.section-code{background-color:#f5f5f5;border:1px solid #e5e5e5;border-radius:3px;color:#666;font-family:monospace;font-size:.8rem;padding:.2rem .6rem}.section-description{color:#666;font-size:.9rem;line-height:1.5;margin:.5rem 0}.section-details{align-items:center;display:flex;gap:1rem;margin-top:.8rem}.section-actions{display:flex;gap:.8rem}.section-actions button{border:none;border-radius:4px;cursor:pointer;font-size:.85rem;font-weight:600;padding:.6rem 1rem;transition:all .2s;white-space:nowrap}.form-group input,.form-group textarea{background-color:#fafafa;border:1px solid #e0e0e0;border-radius:4px;font-family:inherit;font-size:.95rem;padding:.8rem;transition:border-color .2s;width:100%}.form-group input:focus,.form-group textarea:focus{background-color:#fff;border-color:#ff6b6b;outline:none}.form-group small{color:#666;display:block;font-size:.8rem;margin-top:.3rem}@media (max-width:768px){.section-card{align-items:flex-start;flex-direction:column}.section-actions{flex-direction:column;width:100%}.section-actions button{width:100%}.modal-content{border-radius:0;max-height:100vh}.form-row{grid-template-columns:1fr}}.admin-banners{margin:0 auto;max-width:1400px}.admin-banners.loading{color:#666;font-size:1.1rem;padding:4rem;text-align:center}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.page-header h1{color:#333;font-size:1.8rem;font-weight:700}.btn-primary{background-color:#ff6b6b;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.8rem 1.5rem;transition:background-color .2s}.btn-primary:hover{background-color:#ff5252}.banners-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:2rem}.banner-card{background:#fff;border:1px solid #e5e5e5;border-radius:4px;overflow:hidden;transition:all .2s}.banner-card.inactive{opacity:.6}.banner-card:hover{box-shadow:0 2px 8px #0000001a}.banner-image{background-color:#f8f8f8;height:200px;overflow:hidden;width:100%}.banner-image img{height:100%;object-fit:cover;width:100%}.no-image{align-items:center;color:#999;display:flex;font-size:.9rem;height:100%;justify-content:center;width:100%}.banner-info{padding:1.5rem}.banner-info h3{color:#333;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.banner-details{align-items:center;display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:.8rem}.badge{background-color:#f5f5f5;border:1px solid #e5e5e5;border-radius:3px;color:#666;font-size:.8rem;font-weight:600;padding:.3rem .8rem}.order{color:#666;font-size:.85rem}.status{border-radius:3px;font-size:.8rem;font-weight:600;padding:.3rem .8rem}.status.active{background-color:#d4edda;color:#155724}.status.inactive{background-color:#f8d7da;color:#721c24}.banner-link{color:#3498db;font-size:.85rem;word-break:break-all}.banner-actions{background-color:#f8f8f8;border-top:1px solid #e5e5e5;display:flex;gap:.8rem;padding:1rem 1.5rem}.banner-actions button{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-size:.85rem;font-weight:600;padding:.6rem;transition:all .2s}.btn-toggle{background-color:#3498db;color:#fff}.btn-toggle:hover{background-color:#2980b9}.btn-edit{background-color:#f39c12;color:#fff}.btn-edit:hover{background-color:#e67e22}.btn-delete{background-color:#e74c3c;color:#fff}.btn-delete:hover{background-color:#c0392b}.empty-state{background:#fff;border:1px solid #e5e5e5;border-radius:4px;padding:4rem;text-align:center}.empty-state p{color:#666;font-size:1.1rem;margin-bottom:1.5rem}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:2000}.modal-content{background:#fff;border-radius:4px;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h2{color:#333;font-size:1.3rem;font-weight:700}.close-btn{align-items:center;background:none;border:none;color:#999;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;transition:color .2s;width:30px}.close-btn:hover{color:#333}.modal-content form{padding:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#333;display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group select{background-color:#fafafa;border:1px solid #e0e0e0;border-radius:4px;font-size:.95rem;padding:.8rem;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus{background-color:#fff;border-color:#ff6b6b;outline:none}.form-group.checkbox,.form-group.checkbox label{align-items:center;display:flex}.form-group.checkbox label{cursor:pointer;gap:.5rem;margin:0}.form-group.checkbox input{cursor:pointer;margin:0;width:auto}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.image-preview{border:1px solid #e5e5e5;border-radius:4px;margin-top:1rem;max-height:200px;overflow:hidden}.image-preview img{display:block;height:auto;width:100%}.modal-actions{border-top:1px solid #e5e5e5;display:flex;gap:1rem;margin-top:2rem;padding-top:1.5rem}.modal-actions button{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:.9rem;transition:all .2s}.btn-cancel{background-color:#f5f5f5;border:1px solid #e0e0e0;color:#666}.btn-cancel:hover{background-color:#e8e8e8}.btn-submit{background-color:#ff6b6b;color:#fff}.btn-submit:hover{background-color:#ff5252}@media (max-width:768px){.banners-grid{grid-template-columns:1fr}.modal-content{border-radius:0;max-height:100vh}.form-row{grid-template-columns:1fr}}.App{display:flex;flex-direction:column;min-height:100vh}.App .main-content{flex:1 1;margin:0 auto;max-width:1400px;padding:170px 20px 20px;width:100%}@media (max-width:1024px){.App .main-content{padding:200px 15px 15px}}@media (max-width:768px){.App .main-content{padding:180px 15px 15px}}
/*# sourceMappingURL=main.065e6151.css.map*/