@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Poppins:wght@300;400;500;600&display=swap";html,body,#root{margin:0;padding:0;width:100%;min-height:100vh}body{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;overflow-x:hidden}#root{width:100%;min-height:100vh}:root{--primary-color: #B8860B;--primary-light: #D4A84B;--primary-dark: #8B6914;--accent-gold: #C9A227;--accent-light: #EBD89F;--secondary-color: #1C1C1C;--bg-color: #FAFAFA;--bg-light: #FFFFFF;--bg-dark: #1a1a1a;--text-color: #2D2D2D;--text-light: #6B6B6B;--border-color: #E8E8E8;--success-color: #2E7D32;--warning-color: #ED6C02;--danger-color: #D32F2F;--gold-gradient: linear-gradient(135deg, #EBD89F 0%, #B8860B 100%)}body{font-family:Poppins,sans-serif;color:var(--text-color);line-height:1.6;background-color:var(--bg-color)}h1,h2,h3,h4,h5{font-family:Playfair Display,serif;font-weight:500}.app{min-height:100vh;display:flex;flex-direction:column;width:100%}.main-content{flex:1;width:100%}.container{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:40px;padding-right:40px}.btn{display:inline-block;padding:14px 32px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s;font-family:Poppins,sans-serif}.btn-primary{background:var(--primary-color);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #b8860b4d}.btn-secondary{background:transparent;color:var(--secondary-color);border:1px solid var(--secondary-color)}.btn-secondary:hover{background:var(--secondary-color);color:#fff}.btn-outline{background:transparent;color:var(--primary-color);border:1px solid var(--primary-color)}.btn-outline:hover{background:var(--primary-color);color:#fff}.btn:disabled{opacity:.6;cursor:not-allowed}.header{background:var(--bg-light);padding:20px 0;position:sticky;top:0;z-index:100;box-shadow:0 2px 10px #0000000d;width:100%}.header .container{display:flex;align-items:center;justify-content:space-between}.logo{text-decoration:none;display:flex;align-items:center}.logo-img{height:50px;width:auto;object-fit:contain}.logo h1{font-family:Playfair Display,serif;font-size:28px;font-weight:600;color:var(--secondary-color);margin:0}.logo h1 span{color:var(--primary-color)}.nav{display:flex;gap:35px}.nav a{color:var(--text-color);text-decoration:none;font-size:14px;font-weight:400;transition:color .3s;position:relative}.nav a:hover,.nav a.active{color:var(--primary-color)}.nav a.active:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:2px;background:var(--primary-color)}.header-actions{display:flex;align-items:center;gap:20px}.header-icon{color:var(--text-color);font-size:18px;cursor:pointer;transition:color .3s;text-decoration:none;position:relative}.header-icon:hover{color:var(--primary-color)}.cart-link{color:var(--text-color);text-decoration:none;position:relative;display:flex;align-items:center;gap:5px;font-size:14px}.cart-link:hover{color:var(--primary-color)}.cart-badge{position:absolute;top:-8px;right:-8px;background:var(--primary-color);color:#fff;font-size:10px;padding:2px 6px;border-radius:50%;min-width:18px;text-align:center}.user-menu,.auth-links{display:flex;align-items:center;gap:15px}.user-menu span{font-size:14px;color:var(--text-color)}.auth-links a{color:var(--text-color);text-decoration:none;font-size:14px}.auth-links a:hover{color:var(--primary-color)}.user-menu button{background:transparent;border:1px solid var(--border-color);color:var(--text-color);padding:8px 16px;border-radius:4px;cursor:pointer;font-size:13px;transition:all .3s}.user-menu button:hover{border-color:var(--primary-color);color:var(--primary-color)}.user-menu a{color:var(--text-color);text-decoration:none;font-size:14px}.user-menu a:hover{color:var(--primary-color)}.icon-btn{background:none;border:none;cursor:pointer;color:var(--text-color);padding:8px;border-radius:50%;transition:all .3s;display:flex;align-items:center;justify-content:center;text-decoration:none}.icon-btn:hover{color:var(--primary-color);background:#b8860b1a}.cart-btn,.user-dropdown{position:relative}.dropdown-menu{position:absolute;top:100%;right:0;background:var(--bg-light);border-radius:8px;box-shadow:0 10px 30px #00000026;min-width:180px;padding:10px 0;z-index:1000;margin-top:10px}.dropdown-header{display:block;padding:10px 20px;font-size:14px;font-weight:500;color:var(--text-color);border-bottom:1px solid var(--border-color);margin-bottom:5px}.dropdown-menu a,.dropdown-menu button{display:block;width:100%;padding:10px 20px;text-align:left;color:var(--text-color);text-decoration:none;font-size:14px;background:none;border:none;cursor:pointer;transition:all .2s}.dropdown-menu a:hover,.dropdown-menu button:hover{background:var(--bg-color);color:var(--primary-color)}.mobile-menu-btn{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:5px}.mobile-menu-btn span{display:block;width:24px;height:2px;background:var(--text-color);transition:all .3s}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 20px;gap:20px}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.section-header{text-align:center;margin-bottom:50px}.section-header h2{font-size:38px;margin-bottom:15px;color:var(--secondary-color)}.section-header p{color:var(--text-light);font-size:16px}.section-header-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px;flex-wrap:wrap;gap:20px}.section-header-left h2{font-size:32px;margin-bottom:8px;color:var(--secondary-color)}.section-header-left p{color:var(--text-light);font-size:15px;margin:0}.section-badge{display:inline-block;padding:6px 14px;background:var(--primary-color);color:#fff;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;border-radius:4px;margin-bottom:12px}.section-badge.sale{background:#d32f2f}.section-badge.featured{background:var(--secondary-color)}.products-section{padding:60px 0}.products-section:nth-child(2n){background:var(--bg-light)}.sale-section{background:linear-gradient(135deg,#fff9f0,#fff5e6)}.products-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.category-icon{margin-bottom:20px;color:var(--primary-color);transition:color .3s}.category-card:hover .category-icon{color:#fff}.cta-section{padding:80px 0;background:var(--secondary-color);margin-top:80px}.cta-content{text-align:center;max-width:600px;margin:0 auto}.cta-content h2{color:#fff;font-size:36px;margin-bottom:20px}.cta-content p{color:#aaa;margin-bottom:30px;font-size:16px;line-height:1.7}.hero{background:var(--bg-color);padding:80px 0 100px;position:relative;overflow:hidden;min-height:600px;width:100%}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;min-height:450px}.hero-content{position:relative;z-index:2}.hero-subtitle{font-size:14px;color:var(--text-light);margin-bottom:15px;font-weight:400;text-transform:uppercase;letter-spacing:2px}.hero h1{font-size:56px;line-height:1.15;color:var(--secondary-color);margin-bottom:25px}.hero-content>p{font-size:16px;color:var(--text-light);line-height:1.7;margin-bottom:35px;max-width:450px}.hero-buttons{display:flex;gap:15px;margin-bottom:40px}.hero-features{display:flex;gap:30px}.hero-feature{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-color)}.hero-feature svg{color:var(--primary-color)}.hero-image{position:relative;display:flex;justify-content:center;align-items:center}.hero-image-wrapper{position:relative;width:100%;display:flex;justify-content:center;align-items:center}.hero-image img{max-width:100%;height:auto;position:relative;z-index:2}.hero-circle{position:absolute;width:350px;height:350px;background:var(--primary-color);border-radius:50%;opacity:.15;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-perfume-placeholder{position:relative;z-index:2}.hero-perfume-placeholder svg{width:250px;height:350px}.section-title{text-align:center;margin-bottom:40px}.section-title h2{font-size:36px;color:var(--secondary-color);position:relative;display:inline-block}.section-title h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:3px;background:var(--primary-color);border-radius:2px}.product-tabs{display:flex;justify-content:center;gap:30px;margin-bottom:40px}.product-tabs button{background:none;border:none;font-size:14px;color:var(--text-light);cursor:pointer;padding:10px 5px;position:relative;font-family:Poppins,sans-serif;transition:color .3s}.product-tabs button:hover,.product-tabs button.active{color:var(--secondary-color)}.product-tabs button.active:after,.product-tabs .tab.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--secondary-color)}.product-tabs .tab{background:none;border:none;font-size:14px;color:var(--text-light);cursor:pointer;padding:10px 5px;position:relative;font-family:Poppins,sans-serif;transition:color .3s}.product-tabs .tab:hover,.product-tabs .tab.active{color:var(--secondary-color)}.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:20px 0}.product-card{background:var(--bg-light);border-radius:8px;overflow:hidden;transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column}.product-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}.product-card>a{flex:1;display:flex;flex-direction:column}.product-card a{text-decoration:none;color:inherit}.product-image{height:280px;background:linear-gradient(135deg,#f5f5f5,#e8e8e8);position:relative;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.product-card:hover .product-image img{transform:scale(1.05)}.placeholder-image{height:100%;display:flex;align-items:center;justify-content:center;color:#999;font-size:14px}.placeholder-image.large{height:450px}.placeholder-image.small{width:80px;height:80px}.sale-badge{position:absolute;top:15px;left:15px;background:#d32f2f;color:#fff;padding:5px 12px;border-radius:4px;font-size:12px;font-weight:500}.preorder-badge{position:absolute;top:15px;right:15px;background:#3498db;color:#fff;padding:5px 12px;border-radius:4px;font-size:12px;font-weight:500}.product-info{padding:20px;text-align:center;flex:1;display:flex;flex-direction:column}.star-rating{color:var(--accent-gold);font-size:12px;margin-bottom:8px;letter-spacing:2px}.product-name{font-family:Playfair Display,serif;font-size:18px;font-weight:500;margin-bottom:5px;color:var(--secondary-color)}.product-brand,.product-size{color:var(--text-light);font-size:13px}.product-price{margin-top:auto;padding-top:10px}.original-price{text-decoration:line-through;color:#999;margin-right:10px;font-size:14px}.sale-price,.price{font-size:16px;font-weight:600;color:var(--secondary-color)}.preorder-info{color:#8b6914;font-size:12px;margin-top:5px}.add-to-cart-btn{width:100%;padding:14px;background:transparent;color:var(--primary-color);border:none;border-top:1px solid var(--border-color);cursor:pointer;transition:all .3s;font-size:14px;font-weight:500;font-family:Poppins,sans-serif}.add-to-cart-btn:hover:not(:disabled){background:var(--primary-color);color:#fff}.add-to-cart-btn:disabled{color:#999;cursor:not-allowed}.card-add-btn{width:100%;padding:14px 20px;background:var(--primary-color);color:#fff;border:none;cursor:pointer;transition:all .3s;font-size:14px;font-weight:500;font-family:Poppins,sans-serif;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:0 0 8px 8px}.card-add-btn:hover:not(:disabled){background:var(--primary-dark)}.card-add-btn:disabled{background:#ccc;color:#666;cursor:not-allowed}.card-add-btn.preorder-btn{background:#3498db}.card-add-btn.preorder-btn:hover:not(:disabled){background:#2980b9}.card-add-btn.loading{pointer-events:none}.card-add-btn .spinner{animation:spin .8s linear infinite}.preorder-card{border:2px solid #B8860B;background:linear-gradient(135deg,#fffdf7,#fef9e7)}.preorder-card .product-image{background:linear-gradient(135deg,#fefcf3,#fdf6e3)}.product-badges{position:absolute;top:15px;left:15px;display:flex;flex-direction:column;gap:8px}.badge{padding:6px 12px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.badge.sale{background:#d32f2f;color:#fff}.badge.preorder{background:linear-gradient(135deg,#b8860b,#8b6914);color:#fff}.badge.featured{background:var(--secondary-color);color:#fff}.quick-add-btn{position:absolute;bottom:15px;right:15px;width:45px;height:45px;border-radius:50%;background:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #00000026;opacity:0;transform:translateY(10px);transition:all .3s;color:var(--text-color)}.product-card:hover .quick-add-btn{opacity:1;transform:translateY(0)}.quick-add-btn:hover:not(:disabled){background:var(--primary-color);color:#fff}.quick-add-btn:disabled{opacity:.5;cursor:not-allowed}.quick-add-btn.loading{opacity:1}.star-rating{display:flex;align-items:center;justify-content:center;gap:5px;margin:10px 0}.stars{display:flex;gap:2px}.star{color:var(--accent-gold)}.star.empty{color:#ddd}.reviews-count{font-size:12px;color:var(--text-light)}.current-price{font-size:18px;font-weight:600;color:var(--primary-color)}.product-price .original-price{font-size:14px;margin-left:8px}.product-card .success-message{position:absolute;bottom:0;left:0;right:0;background:var(--success-color);color:#fff;padding:12px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:500}.product-card.success{overflow:hidden}.product-info .preorder-info{display:flex;align-items:center;justify-content:center;gap:5px;color:#8b6914;font-size:12px;margin-top:8px}.categories-section{padding:80px 0;background:var(--bg-light)}.categories-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.category-card{background:var(--bg-color);padding:40px 25px;border-radius:8px;text-align:center;text-decoration:none;color:inherit;transition:all .3s}.category-card:hover{background:var(--primary-color);color:#fff;transform:translateY(-5px)}.category-card h3{font-size:18px;margin-bottom:8px}.category-card p{font-size:13px;opacity:.8}.featured-section{padding:80px 0}.featured-banner{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;background:var(--bg-light);border-radius:12px;overflow:hidden;margin-bottom:60px}.featured-banner-content{padding:60px}.featured-banner h2{font-size:42px;margin-bottom:15px;color:var(--secondary-color)}.featured-banner .price{font-size:28px;color:var(--primary-color);margin-bottom:25px}.featured-banner-image{height:400px;background:linear-gradient(135deg,#f5f5f5,#e8e8e8);position:relative}.featured-banner-image img{width:100%;height:100%;object-fit:cover}.section-footer{text-align:center;margin-top:40px}.products-page{padding:40px 0 80px}.products-page h1{text-align:center;margin-bottom:10px;font-size:42px}.filters{display:flex;flex-wrap:wrap;gap:20px;padding:25px;background:var(--bg-light);border-radius:8px;margin-bottom:40px;align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{font-weight:500;font-size:13px;color:var(--text-light)}.filter-group input,.filter-group select{padding:12px 16px;border:1px solid var(--border-color);border-radius:4px;font-size:14px;font-family:Poppins,sans-serif;min-width:180px}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:var(--primary-color)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:40px;flex-wrap:wrap;gap:20px}.page-title h1{text-align:left;margin-bottom:8px}.page-title p{color:var(--text-light);font-size:16px}.search-box{display:flex;align-items:center;gap:12px;background:var(--bg-light);padding:12px 20px;border-radius:8px;border:1px solid var(--border-color);min-width:300px}.search-box svg{color:var(--text-light);flex-shrink:0}.search-box input{border:none;background:none;font-size:14px;font-family:Poppins,sans-serif;width:100%;outline:none}.filters-bar{display:flex;align-items:center;gap:20px;padding:15px 0;border-bottom:1px solid var(--border-color);margin-bottom:30px;flex-wrap:wrap}.filter-toggle{display:flex;align-items:center;gap:8px;background:none;border:1px solid var(--border-color);padding:10px 18px;border-radius:6px;cursor:pointer;font-size:14px;font-family:Poppins,sans-serif;transition:all .3s}.filter-toggle:hover{border-color:var(--primary-color);color:var(--primary-color)}.clear-filters{display:flex;align-items:center;gap:6px;background:none;border:none;color:var(--text-light);cursor:pointer;font-size:13px;font-family:Poppins,sans-serif;transition:color .3s}.clear-filters:hover{color:var(--primary-color)}.results-count{margin-left:auto;color:var(--text-light);font-size:14px}.sort-select select{padding:10px 35px 10px 15px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;font-family:Poppins,sans-serif;background:#fff;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.filters-panel{background:var(--bg-light);padding:25px;border-radius:8px;margin-bottom:30px;display:flex;flex-wrap:wrap;gap:30px}.filters-panel .filter-group{flex:1;min-width:200px}.filters-panel .filter-group label{display:block;margin-bottom:12px;font-weight:500;font-size:14px}.filter-options{display:flex;flex-wrap:wrap;gap:8px}.filter-options button{padding:8px 16px;border:1px solid var(--border-color);background:#fff;border-radius:20px;font-size:13px;font-family:Poppins,sans-serif;cursor:pointer;transition:all .3s}.filter-options button:hover{border-color:var(--primary-color)}.filter-options button.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.filter-options.brands-filter{max-height:150px;overflow-y:auto;padding-right:5px}.filter-options.brands-filter::-webkit-scrollbar{width:4px}.filter-options.brands-filter::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.no-products{text-align:center;padding:80px 40px;color:var(--text-light)}.no-products svg{margin-bottom:20px;opacity:.5}.no-products h3{font-size:22px;margin-bottom:10px;color:var(--text-color)}.no-products p{margin-bottom:25px;font-size:15px}.pagination-btn{padding:10px 16px;border:1px solid var(--border-color);background:var(--bg-light);cursor:pointer;border-radius:6px;font-family:Poppins,sans-serif;transition:all .3s;display:flex;align-items:center;justify-content:center}.pagination-btn:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color)}.pagination-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-ellipsis{padding:10px 5px;color:var(--text-light)}.product-detail{padding:40px 0 80px}.breadcrumb{margin-bottom:30px;color:var(--text-light);font-size:14px}.breadcrumb a{color:var(--text-light);text-decoration:none}.breadcrumb a:hover{color:var(--primary-color)}.product-detail-content{display:grid;grid-template-columns:1fr 1fr;gap:60px}.product-image-section .main-image{width:100%;border-radius:12px;background:var(--bg-light)}.product-info-section h1{font-size:36px;margin-bottom:15px;color:var(--secondary-color)}.product-info-section .brand,.product-info-section .size,.product-info-section .gender{color:var(--text-light);margin-bottom:8px;font-size:14px}.price-section{font-size:28px;margin:25px 0}.stock-info{margin:20px 0;font-size:14px}.in-stock{color:var(--success-color)}.out-of-stock{color:var(--danger-color)}.preorder{color:#3498db;font-weight:500}.description{margin:30px 0}.description h3{margin-bottom:15px;font-size:18px}.description p{color:var(--text-light);line-height:1.8}.add-to-cart-section{display:flex;align-items:center;gap:20px;margin-top:30px;flex-wrap:wrap}.product-brand-label{color:var(--primary-color);font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;display:block}.product-meta{display:flex;gap:20px;margin:15px 0;flex-wrap:wrap}.meta-item{color:var(--text-light);font-size:14px}.current-price.large{font-size:32px;font-weight:700}.detail-badge{position:absolute;top:20px;left:20px;padding:8px 16px;border-radius:4px;font-size:13px;font-weight:600}.detail-badge.sale{background:#d32f2f;color:#fff}.detail-badge.preorder{background:linear-gradient(135deg,#b8860b,#8b6914);color:#fff}.product-image-section{position:relative}.preorder-notice{display:flex;align-items:flex-start;gap:15px;background:linear-gradient(135deg,#fefcf3,#fdf6e3);border:1px solid #B8860B;border-radius:8px;padding:20px;color:#5d4e37}.preorder-notice svg{flex-shrink:0;margin-top:2px;color:#b8860b}.preorder-notice strong{display:block;margin-bottom:5px;color:#8b6914}.preorder-notice span{font-size:14px}.in-stock,.out-of-stock{display:flex;align-items:center;gap:8px}.in-stock svg{color:var(--success-color)}.out-of-stock svg{color:var(--danger-color)}.btn-add-cart{flex:1;min-width:250px;padding:18px 30px;background:var(--primary-color);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;font-family:Poppins,sans-serif;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .3s}.btn-add-cart:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 5px 20px #b8860b4d}.btn-add-cart.preorder{background:linear-gradient(135deg,#b8860b,#8b6914)}.btn-add-cart.preorder:hover:not(:disabled){background:linear-gradient(135deg,#8b6914,#6b5210)}.btn-add-cart.added{background:var(--success-color)}.btn-add-cart:disabled{cursor:not-allowed;opacity:.9}.btn-add-cart .spinner{animation:spin .8s linear infinite}.btn-buy-now{flex:1;min-width:200px;padding:18px 30px;background:var(--secondary-color);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;font-family:Poppins,sans-serif;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .3s}.btn-buy-now:hover:not(:disabled){background:#333;transform:translateY(-2px);box-shadow:0 5px 20px #0000004d}.btn-buy-now.preorder{background:linear-gradient(135deg,#2c3e50,#1a252f)}.btn-buy-now.preorder:hover:not(:disabled){background:linear-gradient(135deg,#1a252f,#0d1318)}.btn-buy-now:disabled{cursor:not-allowed;opacity:.7}.btn-buy-now .spinner{animation:spin .8s linear infinite}.unavailable-notice{background:#f8f8f8;padding:30px;border-radius:8px;text-align:center;margin-top:30px}.unavailable-notice p{margin-bottom:20px;color:var(--text-light)}.quantity-selector{display:flex;align-items:center;border:1px solid var(--border-color);border-radius:4px}.quantity-selector button{width:45px;height:45px;border:none;background:transparent;cursor:pointer;font-size:18px;transition:background .3s}.quantity-selector button:hover{background:var(--bg-color)}.quantity-selector span{font-size:16px;min-width:50px;text-align:center}.cart-page{padding:40px 0 80px}.cart-page h1{text-align:center;margin-bottom:40px;font-size:36px}.empty-cart{text-align:center;padding:80px;background:var(--bg-light);border-radius:12px}.empty-cart p{margin-bottom:25px;font-size:16px;color:var(--text-light)}.cart-content{display:grid;grid-template-columns:2fr 1fr;gap:40px}.cart-items{background:var(--bg-light);border-radius:12px;padding:30px}.cart-item{display:grid;grid-template-columns:80px 2fr 1fr 1fr 1fr auto;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid var(--border-color)}.cart-item:last-of-type{border-bottom:none}.cart-item .item-image img{width:80px;height:80px;object-fit:cover;border-radius:8px}.cart-item .item-info h3{font-size:16px;margin-bottom:5px}.cart-item .item-info h3 a{color:inherit;text-decoration:none}.cart-item .item-info h3 a:hover{color:var(--primary-color)}.cart-item .item-info .brand,.cart-item .item-info .size{font-size:13px;color:var(--text-light)}.cart-item .item-price{font-weight:500}.cart-item .item-quantity{display:flex;align-items:center;gap:10px}.cart-item .item-quantity button{width:30px;height:30px;border:1px solid var(--border-color);background:#fff;cursor:pointer;border-radius:4px;transition:all .3s}.cart-item .item-quantity button:hover{border-color:var(--primary-color);color:var(--primary-color)}.cart-item .item-total{font-weight:600;color:var(--primary-color)}.cart-item .remove-btn{background:none;border:none;color:var(--text-light);cursor:pointer;font-size:13px;transition:color .3s}.cart-item .remove-btn:hover{color:var(--danger-color)}.clear-cart-btn{background:none;border:1px solid var(--danger-color);color:var(--danger-color);padding:12px 20px;border-radius:4px;cursor:pointer;margin-top:20px;font-size:14px;transition:all .3s}.clear-cart-btn:hover{background:var(--danger-color);color:#fff}.cart-summary{background:var(--bg-light);padding:30px;border-radius:12px;position:sticky;top:100px;height:fit-content}.cart-summary h2{font-size:24px;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid var(--border-color)}.summary-row{display:flex;justify-content:space-between;margin-bottom:15px;font-size:14px}.summary-total{display:flex;justify-content:space-between;font-size:18px;font-weight:600;margin-top:20px;padding-top:20px;border-top:2px solid var(--border-color)}.checkout-btn{width:100%;margin-top:25px;text-align:center}.login-prompt{text-align:center;margin-top:25px;padding-top:20px;border-top:1px solid var(--border-color)}.login-prompt p{margin-bottom:15px;color:var(--text-light);font-size:14px}.auth-page{padding:60px 0;min-height:calc(100vh - 200px);display:flex;align-items:center}.auth-form-container{max-width:420px;margin:0 auto;background:var(--bg-light);padding:50px;border-radius:12px;box-shadow:0 5px 20px #0000000d}.auth-form-container h1{text-align:center;margin-bottom:35px;font-size:28px}.auth-form .form-group{margin-bottom:20px}.auth-form label{display:block;margin-bottom:8px;font-weight:500;font-size:14px}.auth-form input{width:100%;padding:14px 16px;border:1px solid var(--border-color);border-radius:4px;font-size:14px;font-family:Poppins,sans-serif;transition:border-color .3s}.auth-form input:focus{outline:none;border-color:var(--primary-color)}.auth-form .btn{width:100%;margin-top:15px}.auth-link{text-align:center;margin-top:25px;font-size:14px}.auth-link a{color:var(--primary-color);text-decoration:none;font-weight:500}.checkout-page{padding:40px 0 80px}.checkout-page h1{text-align:center;margin-bottom:40px;font-size:36px}.checkout-content{display:grid;grid-template-columns:1.5fr 1fr;gap:40px}.form-section{background:var(--bg-light);padding:30px;border-radius:12px;margin-bottom:25px}.form-section h2{margin-bottom:25px;font-size:20px;padding-bottom:15px;border-bottom:1px solid var(--border-color)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;font-size:14px}.form-group input,.form-group textarea{width:100%;padding:14px 16px;border:1px solid var(--border-color);border-radius:4px;font-family:Poppins,sans-serif;font-size:14px}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color)}.form-group textarea{min-height:100px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.payment-methods{display:flex;flex-direction:column;gap:12px}.payment-option{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .3s}.payment-option:hover{border-color:var(--primary-color)}.payment-option:has(input:checked){border-color:var(--primary-color);background:#b8860b0d}.payment-option input{width:auto}.submit-btn{width:100%;margin-top:25px}.order-summary{background:var(--bg-light);padding:30px;border-radius:12px;position:sticky;top:100px;height:fit-content}.order-summary h2{font-size:24px;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid var(--border-color)}.summary-items{margin-bottom:25px}.summary-item{display:flex;justify-content:space-between;margin-bottom:12px;font-size:14px;color:var(--text-light)}.summary-totals{border-top:1px solid var(--border-color);padding-top:20px}.orders-page{padding:40px 0 80px}.orders-page h1{text-align:center;margin-bottom:40px;font-size:36px}.no-orders{text-align:center;padding:80px;background:var(--bg-light);border-radius:12px}.no-orders p{margin-bottom:25px;color:var(--text-light)}.orders-list{display:flex;flex-direction:column;gap:20px}.order-card{background:var(--bg-light);border-radius:12px;padding:25px}.order-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.order-info h3{margin-bottom:5px;font-size:18px}.order-date{color:var(--text-light);font-size:13px}.order-status{padding:6px 16px;border-radius:20px;font-size:13px;font-weight:500}.status-pending{background:#fff3cd;color:#856404}.status-processing{background:#cce5ff;color:#004085}.status-shipped{background:#d4edda;color:#155724}.status-delivered{background:#d1e7dd;color:#0f5132}.status-cancelled{background:#f8d7da;color:#721c24}.order-items-preview{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.order-items-preview span{background:var(--bg-color);padding:6px 12px;border-radius:4px;font-size:13px}.order-footer{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid var(--border-color)}.order-total{font-weight:600;font-size:18px;color:var(--primary-color)}.order-detail-page{padding:40px 0 80px}.order-detail-content{display:grid;grid-template-columns:2fr 1fr;gap:40px}.order-main{background:var(--bg-light);padding:30px;border-radius:12px}.order-main .order-header{margin-bottom:10px}.order-main .order-header h1{font-size:24px}.order-items-section,.shipping-section,.notes-section{margin-top:35px}.order-items-section h2,.shipping-section h2,.notes-section h2{margin-bottom:20px;font-size:18px;padding-bottom:10px;border-bottom:1px solid var(--border-color)}.order-items .order-item{display:flex;justify-content:space-between;padding:15px;background:var(--bg-color);border-radius:8px;margin-bottom:10px}.order-sidebar{position:sticky;top:100px}.payment-info{margin-top:25px;padding-top:20px;border-top:1px solid var(--border-color)}.payment-info p{margin-bottom:8px;font-size:14px}.cancel-btn{width:100%;margin-top:20px}.error-message{background:#f8d7da;color:#721c24;padding:16px 20px;border-radius:8px;margin-bottom:25px;font-size:14px}.success-message{background:#d4edda;color:#155724;padding:16px 20px;border-radius:8px;margin-bottom:25px;font-size:14px}.loading{text-align:center;padding:80px;font-size:16px;color:var(--text-light)}.error{text-align:center;padding:80px;color:var(--danger-color)}.pagination{display:flex;justify-content:center;gap:8px;margin-top:50px}.pagination button{padding:12px 18px;border:1px solid var(--border-color);background:var(--bg-light);cursor:pointer;border-radius:4px;font-family:Poppins,sans-serif;transition:all .3s}.pagination button:hover{border-color:var(--primary-color);color:var(--primary-color)}.pagination button.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.footer{background:var(--secondary-color);color:#fff;padding:60px 0 30px;margin-top:auto;width:100%}.footer-content{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}.footer-section h3{font-size:22px;margin-bottom:20px}.footer-section h4{font-size:16px;margin-bottom:20px;font-family:Poppins,sans-serif;font-weight:500}.footer-section p{color:#aaa;font-size:14px;line-height:1.8}.footer-section ul{list-style:none}.footer-section li{margin-bottom:12px}.footer-section a{color:#aaa;text-decoration:none;font-size:14px;transition:color .3s}.footer-section a:hover{color:var(--primary-color)}.footer-brand{max-width:300px}.footer-logo{display:block;margin-bottom:15px}.footer-logo-img{height:60px;width:auto;filter:brightness(0) invert(1)}.social-links{display:flex;gap:15px;margin-top:20px}.social-links a{width:40px;height:40px;border-radius:50%;border:1px solid #444;display:flex;align-items:center;justify-content:center;color:#aaa;transition:all .3s}.social-links a:hover{border-color:var(--primary-color);color:var(--primary-color)}.contact-info{list-style:none}.contact-info li{display:flex;align-items:center;gap:12px}.contact-info svg{flex-shrink:0;opacity:.7}.footer-bottom{border-top:1px solid #333;padding-top:25px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.footer-bottom p{color:#666;font-size:13px;margin:0}.payment-methods{display:flex;align-items:center;gap:12px;font-size:13px;color:#666}.payment-badge{background:#333;padding:5px 12px;border-radius:4px;font-size:11px;color:#aaa}@media(max-width:1024px){.products-grid,.products-grid-4{grid-template-columns:repeat(3,1fr)}.categories-grid,.footer-content{grid-template-columns:repeat(2,1fr)}.section-header-left h2{font-size:28px}}@media(max-width:768px){.header .container{flex-wrap:wrap;gap:15px}.mobile-menu-btn{display:flex}.nav{position:fixed;top:0;left:-100%;width:280px;height:100vh;background:var(--bg-light);flex-direction:column;padding:80px 30px 30px;gap:0;transition:left .3s;box-shadow:2px 0 20px #0000001a;z-index:999}.nav.open{left:0}.nav a{padding:15px 0;border-bottom:1px solid var(--border-color);font-size:16px}.hero{padding:50px 0 60px;min-height:auto}.hero-grid{grid-template-columns:1fr;text-align:center;gap:40px}.hero h1{font-size:36px}.hero-content>p{max-width:100%}.hero-buttons,.hero-features{justify-content:center;flex-wrap:wrap}.hero-image{order:-1}.hero-circle{width:250px;height:250px}.hero-perfume-placeholder svg{width:180px;height:250px}.page-header{flex-direction:column;align-items:stretch}.page-title,.page-title h1{text-align:center}.search-box{min-width:auto}.product-tabs{overflow-x:auto;justify-content:flex-start;padding-bottom:10px;gap:15px}.product-tabs button{white-space:nowrap}.filters-bar{flex-direction:column;align-items:stretch;gap:15px}.results-count{margin-left:0;text-align:center}.filters-panel{flex-direction:column}.quick-add-btn{opacity:1;transform:translateY(0)}.section-header h2{font-size:28px}.cta-section{margin-top:40px;padding:60px 0}.cta-content h2{font-size:28px}.products-grid,.products-grid-4{grid-template-columns:repeat(2,1fr);gap:20px}.section-header-row{flex-direction:column;align-items:center;text-align:center}.section-header-left{text-align:center}.products-section{padding:40px 0}.product-detail-content,.cart-content,.checkout-content,.order-detail-content{grid-template-columns:1fr}.cart-item{grid-template-columns:60px 1fr;gap:15px}.cart-item .item-price,.cart-item .item-quantity,.cart-item .item-total,.cart-item .remove-btn{grid-column:2}.footer-content{grid-template-columns:1fr;text-align:center}.footer-brand{max-width:100%}.social-links,.contact-info li{justify-content:center}.footer-bottom{flex-direction:column;text-align:center}.payment-methods{flex-wrap:wrap;justify-content:center}.filters{flex-direction:column}.filter-group input,.filter-group select{min-width:100%}.form-row,.featured-banner{grid-template-columns:1fr}.featured-banner-content{padding:40px;text-align:center}}@media(max-width:480px){.container{padding-left:20px;padding-right:20px}.products-grid{grid-template-columns:1fr}.products-grid-4{grid-template-columns:repeat(2,1fr);gap:12px}.product-tabs{flex-wrap:wrap;gap:10px}.categories-grid{grid-template-columns:1fr}.hero h1{font-size:28px}.section-header-left h2{font-size:24px}.btn{padding:12px 24px;font-size:13px}}