:root{--primary-color:#1a1a1a;--secondary-color:#f5f5f5;--accent-color:#d4af37;--text-color:#333;--light-text:#fff;--border-color:#ddd;--font-family-headings:"Playfair Display", serif;--font-family-body:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-body);color:var(--text-color);background-color:var(--secondary-color);line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-headings)}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.btn{background:var(--primary-color);color:var(--light-text);text-transform:uppercase;letter-spacing:1px;border:none;padding:.8rem 2rem;font-size:.9rem;font-weight:700;transition:all .3s;display:inline-block}.btn:hover,.btn-accent{background:var(--accent-color);color:var(--primary-color)}.btn-accent:hover{background:var(--primary-color);color:var(--light-text)}.btn-outline{border:1px solid var(--primary-color);color:var(--primary-color);background:0 0}.btn-outline:hover{background:var(--primary-color);color:var(--light-text)}.section{padding:4rem 5%}.section-title{text-align:center;text-transform:uppercase;letter-spacing:2px;margin-bottom:3rem;font-size:2.5rem}.container{max-width:1200px;margin:0 auto;padding:0 1rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.8s forwards fadeIn}.app-wrapper{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1}.auth-container{border:1px solid var(--border-color);background:#fff;max-width:400px;margin:4rem auto;padding:2.5rem;box-shadow:0 10px 30px #0000000d}.auth-container h2{text-align:center;text-transform:uppercase;letter-spacing:2px;margin-bottom:2rem;font-size:2rem}.form-group{margin-bottom:1.5rem}.form-group label{text-transform:uppercase;color:#666;margin-bottom:.5rem;font-size:.8rem;font-weight:700;display:block}.form-group input{border:1px solid var(--border-color);width:100%;padding:.8rem;font-family:inherit;transition:border-color .3s}.form-group input:focus{border-color:var(--primary-color);outline:none}.auth-toggle{text-align:center;margin-top:1.5rem;font-size:.9rem}.auth-toggle button{color:var(--accent-color);background:0 0;border:none;margin-left:.5rem;font-weight:700}.error-message{color:#d32f2f;background:#fff0f0;border-left:4px solid #d32f2f;margin-bottom:1.5rem;padding:.8rem;font-size:.9rem}.main-header{background:var(--light-text);border-bottom:1px solid var(--border-color);z-index:1000;padding:1rem 0;position:sticky;top:0}.header-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 5%;display:flex}.logo{font-family:var(--font-family-headings);text-transform:uppercase;letter-spacing:2px;color:var(--primary-color);font-size:1.5rem;font-weight:700}.desktop-nav ul{gap:2rem;list-style:none;display:flex}.desktop-nav a{color:var(--text-color);text-transform:uppercase;letter-spacing:1px;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .3s}.desktop-nav a:hover{color:var(--accent-color)}.header-icons{align-items:center;gap:1.2rem;display:flex}.icon-btn{color:var(--primary-color);background:0 0;border:none;justify-content:center;align-items:center;padding:5px;transition:color .3s;display:flex}.icon-btn:hover{color:var(--accent-color)}.cart-btn{position:relative}.cart-badge{background:var(--accent-color);color:var(--primary-color);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.7rem;font-weight:700;display:flex;position:absolute;top:-5px;right:-5px}@media (width<=768px){.desktop-nav{display:none}}.main-footer{background:var(--primary-color);color:var(--light-text);margin-top:4rem;padding:4rem 0 1rem}.footer-container{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3rem;max-width:1200px;margin:0 auto;padding:0 5%;display:grid}.footer-section h3{font-family:var(--font-family-headings);color:var(--accent-color);margin-bottom:1.5rem;font-size:1.2rem}.footer-section p{color:#ccc;margin-bottom:1rem;font-size:.9rem}.footer-section ul{list-style:none}.footer-section li{margin-bottom:.8rem;font-size:.9rem}.footer-section a{color:#ccc;transition:color .3s}.footer-section a:hover{color:var(--accent-color)}.newsletter-form{margin-top:1rem;display:flex}.newsletter-form input{border:none;flex:1;padding:.6rem;font-family:inherit}.newsletter-form button{padding:.6rem 1rem}.footer-bottom{text-align:center;color:#888;border-top:1px solid #333;max-width:1200px;margin:3rem auto 0;padding:1.5rem 5% 0;font-size:.8rem}.footer-logo{color:var(--light-text)!important;font-size:1.8rem!important}.hero-section{height:80vh;color:var(--light-text);text-align:center;background-color:#0000;background-image:linear-gradient(#0006,#0006),url(https://images.unsplash.com/photo-1441986300917-64674bd600d8?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;justify-content:center;align-items:center;padding:0 5%;display:flex}.hero-content h1{text-transform:uppercase;letter-spacing:5px;margin-bottom:1.5rem;font-size:4rem}.hero-content p{max-width:600px;margin:0 auto 2.5rem;font-size:1.2rem;font-weight:300}@media (width<=768px){.hero-content h1{font-size:2.5rem}}.categories-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.category-card{height:450px;display:block;position:relative;overflow:hidden}.category-card img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.category-card:hover img{transform:scale(1.1)}.category-overlay{background:#0003;justify-content:center;align-items:center;width:100%;height:100%;transition:background .3s;display:flex;position:absolute;top:0;left:0}.category-card:hover .category-overlay{background:#0006}.category-overlay span{background:var(--light-text);color:var(--primary-color);text-transform:uppercase;letter-spacing:2px;padding:.8rem 2rem;font-weight:700;transition:all .3s}.category-card:hover .category-overlay span{background:var(--accent-color)}.product-card{border:1px solid var(--border-color);background:#fff;transition:all .3s}.product-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000000d}.product-image-container{height:350px;position:relative;overflow:hidden}.product-image{object-fit:cover;width:100%;height:100%;transition:transform .5s}.product-card:hover .product-image{transform:scale(1.05)}.product-actions{background:#ffffffe6;justify-content:center;gap:1rem;width:100%;padding:1rem;transition:bottom .3s;display:flex;position:absolute;bottom:-50px;left:0}.product-card:hover .product-actions{bottom:0}.action-btn{background:var(--primary-color);color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .3s;display:flex}.action-btn:hover{background:var(--accent-color);color:var(--primary-color)}.product-info{text-align:center;padding:1.5rem}.product-category{text-transform:uppercase;color:#888;letter-spacing:1px;margin-bottom:.5rem;font-size:.75rem}.product-name{font-size:1rem;font-family:var(--font-family-body);margin-bottom:.5rem;font-weight:600}.product-price{color:var(--primary-color);font-size:1.1rem;font-weight:700}.catalog-layout{grid-template-columns:250px 1fr;gap:3rem;display:grid}.catalog-sidebar h3{text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--border-color);margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.2rem}.catalog-sidebar ul{list-style:none}.catalog-sidebar li{margin-bottom:.8rem}.catalog-sidebar button{color:#666;text-transform:capitalize;background:0 0;border:none;font-size:.95rem;transition:all .3s}.catalog-sidebar li.active button{color:var(--primary-color);border-left:2px solid var(--accent-color);padding-left:5px;font-weight:700}.catalog-sidebar button:hover{color:var(--accent-color)}.catalog-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:baseline;margin-bottom:2.5rem;padding-bottom:1rem;display:flex}.catalog-header h2{text-transform:uppercase;letter-spacing:1px}.catalog-header p{color:#888;font-size:.9rem}.product-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2.5rem;display:grid}.loading,.no-products{text-align:center;color:#666;padding:4rem 0;font-size:1.2rem}@media (width<=768px){.catalog-layout{grid-template-columns:1fr}.catalog-sidebar{display:none}}.back-link{color:#666;background:0 0;border:none;align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.9rem;transition:color .3s;display:flex}.back-link:hover{color:var(--primary-color)}.product-detail-grid{grid-template-columns:1fr 1fr;gap:4rem;display:grid}.product-gallery img{border:1px solid var(--border-color);width:100%;height:auto}.detail-category{text-transform:uppercase;color:#888;letter-spacing:2px;margin-bottom:.5rem;font-size:.9rem}.detail-name{margin-bottom:1rem;font-size:3rem;line-height:1.1}.detail-price{color:var(--accent-color);margin-bottom:2rem;font-size:1.8rem;font-weight:700}.detail-description{color:#555;margin-bottom:2.5rem;font-size:1.1rem;line-height:1.8}.selector-label{text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem;font-size:.8rem;font-weight:700}.size-options{gap:1rem;margin-bottom:2.5rem;display:flex}.size-btn{border:1px solid var(--border-color);background:0 0;justify-content:center;align-items:center;width:50px;height:50px;font-weight:600;transition:all .3s;display:flex}.size-btn:hover{border-color:var(--primary-color)}.size-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.detail-actions{gap:1rem;margin-bottom:3rem;display:flex}.add-cart-large{flex:1;justify-content:center;align-items:center;height:60px;font-size:1rem;display:flex}.wishlist-btn{border:1px solid var(--border-color);color:#888;background:0 0;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s;display:flex}.wishlist-btn:hover{color:#e91e63;border-color:#e91e63}.product-perks{border-top:1px solid var(--border-color);grid-template-columns:1fr;gap:1.2rem;padding-top:2rem;display:grid}.perk{color:#444;align-items:center;gap:1rem;font-size:.9rem;display:flex}@media (width<=992px){.product-detail-grid{grid-template-columns:1fr;gap:2rem}}.cart-grid{grid-template-columns:2fr 1fr;align-items:flex-start;gap:3rem;display:grid}.cart-items-list{border:1px solid var(--border-color);background:#fff;padding:2rem}.cart-item-row{border-bottom:1px solid var(--border-color);align-items:center;gap:1.5rem;padding:1.5rem 0;display:flex}.cart-item-row:last-child{border-bottom:none}.cart-item-image{object-fit:cover;width:100px;height:120px}.cart-item-info{flex:1}.cart-item-info h3{margin-bottom:.5rem;font-size:1.1rem}.item-price{color:#666;margin-bottom:1rem}.quantity-controls{border:1px solid var(--border-color);align-items:center;gap:1rem;width:fit-content;padding:2px;display:flex}.quantity-controls button{background:0 0;border:none;justify-content:center;align-items:center;padding:5px;display:flex}.cart-item-total{text-align:right;flex-direction:column;justify-content:space-between;height:100px;display:flex}.cart-item-total p{font-size:1.1rem;font-weight:700}.remove-btn{color:#999;background:0 0;border:none;transition:color .3s}.remove-btn:hover{color:#d32f2f}.cart-summary-box{border:1px solid var(--border-color);background:#fff;padding:2rem}.cart-summary-box h3{text-transform:uppercase;letter-spacing:1px;margin-bottom:1.5rem}.summary-row{color:#666;justify-content:space-between;margin-bottom:1rem;display:flex}.summary-row.total{border-top:1px solid var(--border-color);color:var(--primary-color);margin-top:1rem;padding-top:1rem;font-size:1.2rem;font-weight:700}.checkout-btn{text-align:center;width:100%;margin-top:2rem}.secure-checkout{text-align:center;color:#888;margin-top:1rem;font-size:.8rem}.empty-cart{text-align:center;padding:6rem 1rem}.empty-cart h2{margin:1.5rem 0 .5rem}.empty-cart p{color:#666;margin-bottom:2rem}@media (width<=992px){.cart-grid{grid-template-columns:1fr}}.checkout-container{border:1px solid var(--border-color);background:#fff;max-width:600px;margin:0 auto;padding:3rem}.checkout-form h3{text-transform:uppercase;border-bottom:1px solid var(--border-color);margin:2rem 0 1.5rem;padding-bottom:.5rem;font-size:1.1rem}.checkout-form h3:first-child{margin-top:0}.form-row{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.payment-note{color:#666;margin-bottom:1rem;font-size:.9rem}.checkout-submit{width:100%;margin-top:2rem}.success-checkout{text-align:center;padding:8rem 1rem}.success-icon{color:#fff;background:#4caf50;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 2rem;font-size:3rem;display:flex}.success-checkout h2{margin-bottom:1rem}.success-checkout p{color:#666}.admin-container{background-color:#f8f9fa;min-height:calc(100vh - 80px);display:flex}.admin-sidebar{color:#fff;background-color:#1a1a1a;width:250px;padding:2rem 0}.admin-logo{color:#fff;margin-bottom:3rem;padding:0 2rem;font-family:Playfair Display,serif;font-size:1.5rem}.admin-sidebar ul{padding:0;list-style:none}.admin-sidebar li{cursor:pointer;color:#ccc;padding:1rem 2rem;transition:all .2s}.admin-sidebar li:hover{color:#fff;background-color:#333}.admin-sidebar li.active{color:#fff;background-color:#000;border-left:4px solid #fff}.admin-sidebar li.disabled{color:#555;cursor:not-allowed}.admin-sidebar li.disabled:hover{background-color:#0000}.admin-main{flex:1;padding:3rem;overflow-y:auto}.admin-main h2{margin-bottom:2rem;font-family:Playfair Display,serif}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.stat-card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000000d}.stat-label{color:#666;text-transform:uppercase;margin-bottom:.5rem;font-size:.8rem}.stat-value{color:#1a1a1a;font-size:1.8rem;font-weight:700}.admin-table{border-collapse:collapse;background:#fff;border-radius:8px;width:100%;overflow:hidden;box-shadow:0 2px 4px #0000000d}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid #eee;padding:1rem 1.5rem}.admin-table th{color:#666;background-color:#f1f1f1;font-size:.9rem;font-weight:600}.status-badge{text-transform:uppercase;border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.status-badge.delivered{color:#28a745;background:#e8f5e9}.status-badge.processing{color:#fd7e14;background:#fff3e0}.status-badge.pending{color:#6c757d;background:#f8f9fa}.status-badge.shipped{color:#007bff;background:#e3f2fd}.status-badge.cancelled{color:#dc3545;background:#fdecea}.admin-header-actions{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.admin-loading{color:#666;justify-content:center;align-items:center;height:100vh;font-size:1.2rem;display:flex}.btn-icon{cursor:pointer;color:#007bff;background:0 0;border:none;margin-right:1rem;font-weight:500}.btn-icon.btn-danger{color:#dc3545}.btn-icon:hover{text-decoration:underline}
