.loading-overlay{background:var(--bg-primary);z-index:99999;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading-content{flex-direction:column;align-items:center;gap:2rem;display:flex}.loading-logo{justify-content:center;align-items:center;width:120px;height:120px;display:flex}.spinning-logo{filter:drop-shadow(0 4px 20px #e302194d);width:100%;height:100%;animation:1.5s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{letter-spacing:2px;font-size:2rem;font-weight:700}.loading-brand{color:var(--brand-red)}.loading-treads{color:var(--text-primary)}.loading-dots{align-items:center;gap:.5rem;display:flex}.loading-dots span{background:var(--brand-red);border-radius:50%;width:12px;height:12px;animation:1.4s ease-in-out infinite both bounce}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (width<=768px){.loading-logo{width:100px;height:100px}.loading-text{font-size:1.5rem}.loading-dots span{width:10px;height:10px}}.navbar{background-color:var(--bg-primary);border-bottom:1px solid var(--border-color);z-index:var(--z-navbar);box-shadow:0 2px 10px var(--shadow);padding:1rem 2rem;position:sticky;top:0}.navbar-container{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;display:flex}.navbar-logo{color:var(--text-primary);transition:transform var(--transition-fast);align-items:center;font-size:1.5rem;font-weight:700;text-decoration:none;display:flex}.navbar-logo:hover{transform:scale(1.05)}.navbar-logo-image{object-fit:contain;width:auto;height:3rem;transition:transform var(--transition-fast)}.navbar-logo:hover .navbar-logo-image{transform:scale(1.05)}.navbar-logo-brand{color:var(--brand-red)}.navbar-menu{gap:2rem;margin:0;padding:0;list-style:none;display:flex}.navbar-link{color:var(--text-primary);transition:color var(--transition-fast);font-weight:500;text-decoration:none;position:relative}.navbar-link:after{content:"";background-color:var(--brand-red);width:0;height:2px;transition:width var(--transition-fast);position:absolute;bottom:-5px;left:0}.navbar-link:hover{color:var(--brand-red)}.navbar-link:hover:after{width:100%}.navbar-actions{align-items:center;gap:1rem;display:flex}.navbar-theme-btn{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:transform var(--transition-fast);justify-content:center;align-items:center;padding:8px 12px;font-size:1.2rem;display:flex}.navbar-theme-btn:hover{transform:scale(1.1)}.navbar-login-btn{background-color:var(--brand-red);color:#fff;border-radius:var(--radius-sm);transition:background-color var(--transition-fast);padding:.5rem 1.5rem;font-weight:600;text-decoration:none}.navbar-login-btn:hover{background-color:var(--brand-red-dark)}.navbar-user-menu{position:relative}.navbar-user-btn{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);padding:.5rem 1rem;font-weight:500}.navbar-user-btn:hover{border-color:var(--brand-red);color:var(--brand-red)}.navbar-dropdown{background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);min-width:180px;box-shadow:0 4px 12px var(--shadow);opacity:0;visibility:hidden;transition:all var(--transition-fast);z-index:var(--z-dropdown);position:absolute;top:calc(100% + .5rem);right:0;transform:translateY(-10px)}.navbar-user-menu:hover .navbar-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{color:var(--text-primary);transition:all var(--transition-fast);text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:.75rem 1rem;font-size:.95rem;text-decoration:none;display:block}.dropdown-item:hover{background-color:var(--bg-secondary);color:var(--brand-red)}.dropdown-item:first-child{border-radius:var(--radius-md) var(--radius-md) 0 0}.dropdown-item:last-child{border-radius:0 0 var(--radius-md) var(--radius-md)}.mobile-menu-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:.5rem;font-size:1.5rem;display:none}.mobile-menu{background-color:var(--bg-secondary);border-radius:var(--radius-md);flex-direction:column;width:100%;margin-top:1rem;animation:.3s slideDown;display:none;overflow:hidden}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-item{color:var(--text-primary);border-bottom:1px solid var(--border-color);transition:all var(--transition-fast);text-align:left;cursor:pointer;background:0 0;border-top:none;border-left:none;border-right:none;align-items:center;gap:.5rem;width:100%;padding:1rem 1.5rem;font-size:1rem;text-decoration:none;display:flex}.mobile-menu-item:last-child{border-bottom:none}.mobile-menu-item:hover,.mobile-menu-item:active{background-color:var(--bg-primary);color:var(--brand-red)}.theme-toggle-mobile{font-weight:600}.logout-mobile{color:var(--brand-red);font-weight:600}.login-mobile{background-color:var(--brand-red);color:#fff;border-radius:var(--radius-sm);text-align:center;margin:.5rem;font-weight:600}.login-mobile:hover{background-color:var(--brand-red-dark)}.desktop-only{display:flex}@media (width<=850px){.navbar{padding:.75rem 1rem}.navbar-logo{font-size:1.2rem}.navbar-logo-image{height:30px}.navbar-menu{display:none}.desktop-only{display:none!important}.mobile-menu-btn{display:block}.mobile-menu{display:flex}}@media (width>=851px){.mobile-menu{display:none!important}.mobile-menu-btn{display:none}}.footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);margin-top:auto}.footer-container{max-width:1400px;margin:0 auto;padding:3rem 2rem 1rem}.footer-content{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem;display:grid}.footer-brand h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.5rem}.footer-brand-highlight{color:var(--brand-red)}.footer-brand p{color:var(--text-secondary);margin-bottom:1rem;line-height:1.6}.footer-section h4{color:var(--text-primary);margin-bottom:1rem;font-size:1.1rem}.footer-links{flex-direction:column;gap:.5rem;display:flex}.footer-link{color:var(--text-secondary);transition:color var(--transition-fast);text-decoration:none}.footer-link:hover{color:var(--brand-red)}.footer-social{gap:1rem;display:flex}.footer-bottom{border-top:1px solid var(--border-color);text-align:center;color:var(--text-secondary);padding-top:2rem;font-size:.9rem}@media (width<=768px){.footer-content{grid-template-columns:1fr;gap:1.5rem}}.home-container{flex-direction:column;min-height:100vh;display:flex}.hero-section{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);justify-content:center;align-items:center;min-height:90vh;display:flex;position:relative;overflow:hidden}.hero-background{opacity:.15;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.floating-shoe{opacity:.6;filter:blur(1px);font-size:3rem;animation:20s ease-in-out infinite float;position:absolute}.floating-shoe:first-child{animation-duration:25s;animation-delay:0s;top:10%;left:10%}.floating-shoe:nth-child(2){animation-duration:30s;animation-delay:2s;top:20%;right:15%}.floating-shoe:nth-child(3){animation-duration:22s;animation-delay:4s;bottom:30%;left:20%}.floating-shoe:nth-child(4){animation-duration:28s;animation-delay:1s;top:60%;right:10%}.floating-shoe:nth-child(5){animation-duration:26s;animation-delay:3s;bottom:10%;left:50%}.floating-shoe:nth-child(6){animation-duration:24s;animation-delay:5s;top:40%;left:5%}.floating-shoe:nth-child(7){animation-duration:27s;animation-delay:2.5s;bottom:50%;right:25%}.floating-shoe:nth-child(8){animation-duration:23s;animation-delay:4.5s;top:80%;right:40%}@keyframes float{0%,to{transform:translate(0)rotate(0)scale(1)}25%{transform:translate(30px,-50px)rotate(5deg)scale(1.1)}50%{transform:translate(-20px,-80px)rotate(-5deg)scale(.9)}75%{transform:translate(40px,-30px)rotate(3deg)scale(1.05)}}.hero-content{z-index:10;text-align:center;max-width:900px;padding:2rem;animation:1s fadeInUp;position:relative}.hero-badge{background:var(--brand-red);color:#fff;letter-spacing:1px;border-radius:30px;margin-bottom:1.5rem;padding:.5rem 1.5rem;font-size:.9rem;font-weight:600;animation:.8s slideInDown;display:inline-block}.hero-title{color:#fff;text-shadow:0 4px 20px #0000004d;margin-bottom:1.5rem;font-size:4.5rem;font-weight:800;line-height:1.2;animation:.8s .2s both fadeInUp}.hero-title-brand{color:var(--brand-red);display:inline-block;position:relative}.hero-title-brand:after{content:"";background:var(--brand-red);width:100%;height:4px;animation:.8s .5s both expandWidth;position:absolute;bottom:-10px;left:0}@keyframes expandWidth{0%{width:0}to{width:100%}}.hero-subtitle{color:#ffffffe6;margin-bottom:2rem;font-size:1.4rem;line-height:1.6;animation:.8s .4s both fadeInUp}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:1.5rem;animation:.8s .6s both fadeInUp;display:flex}.hero-btn-primary{background:var(--brand-red);color:#fff;border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;border:none;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;text-decoration:none;box-shadow:0 4px 15px #e302194d}.hero-btn-primary:hover{background:var(--brand-red-dark);transform:translateY(-3px);box-shadow:0 8px 25px #e3021966}.hero-btn-secondary{color:#fff;border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;border:2px solid #fff;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;text-decoration:none}.hero-btn-secondary:hover{color:#1a1a2e;background:#fff}.features-section{background:var(--bg-primary);padding:4rem 2rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1400px;margin:0 auto;display:grid}.feature-card{text-align:center;background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:all var(--transition-fast);padding:2rem}.feature-card:hover{box-shadow:0 15px 40px var(--shadow);transform:translateY(-10px)}.feature-icon{margin-bottom:1rem;font-size:3rem}.feature-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.3rem}.feature-text{color:var(--text-secondary);line-height:1.6}.products-section{background:var(--bg-secondary);padding:4rem 2rem}.products-section-header{text-align:center;margin-bottom:3rem}.section-title{color:var(--text-primary);margin-bottom:.5rem;font-size:2.5rem}.section-subtitle{color:var(--text-secondary);font-size:1.1rem}.products-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;max-width:1400px;margin:0 auto;display:grid}.product-card{background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:all var(--transition-fast);cursor:pointer;position:relative;overflow:hidden}.product-card:hover{box-shadow:0 15px 40px var(--shadow);transform:translateY(-8px)}.product-image-container{background:var(--bg-secondary);width:100%;height:280px;position:relative;overflow:hidden}.product-image{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-normal)}.product-card:hover .product-image{transform:scale(1.1)}.product-quick-view{background:var(--brand-red);color:#fff;border-radius:var(--radius-sm);opacity:0;transition:all var(--transition-fast);white-space:nowrap;z-index:10;padding:.75rem 1.5rem;font-weight:600;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)translateY(100px)}.product-card:hover .product-quick-view{opacity:1;transform:translate(-50%)translateY(0)}.product-content{padding:1.5rem}.product-category{color:var(--brand-red);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-size:.85rem;font-weight:600}.product-name{color:var(--text-primary);margin-bottom:.5rem;font-size:1.2rem;font-weight:600;line-height:1.3}.product-brand{color:var(--text-secondary);margin-bottom:1rem;font-size:.95rem}.product-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;display:flex}.product-rating{flex-direction:column;align-items:flex-end;display:flex}.rating-stars{color:#ffc107;margin-bottom:.25rem;font-size:1rem}.rating-count{color:var(--text-secondary);font-size:.85rem}.view-all-btn{background:var(--brand-red);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;margin:3rem auto 0;padding:1rem 3rem;font-size:1.1rem;font-weight:700;text-decoration:none;display:block}.view-all-btn:hover{background:var(--brand-red-dark);transform:translateY(-2px)}.loading-products{text-align:center;color:var(--text-secondary);padding:4rem 2rem}.no-products{text-align:center;padding:4rem 2rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.hero-buttons{flex-direction:column;gap:1rem}.products-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.section-title{font-size:2rem}}.products-page{flex-direction:column;min-height:100vh;display:flex}.products-container{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:2rem}.products-header{margin-bottom:2rem}.products-page-title{color:var(--text-primary);margin-bottom:.5rem;font-size:2.5rem}.products-page-subtitle{color:var(--text-secondary);font-size:1.1rem}.products-controls{background-color:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);margin-bottom:2rem;padding:2rem}.search-bar{border:2px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-primary);width:100%;color:var(--text-primary);margin-bottom:1.5rem;padding:12px 20px;font-size:1rem}.search-bar:focus{border-color:var(--brand-red);outline:none}.filters-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;display:grid}.filter-group{flex-direction:column;gap:.5rem;display:flex}.filter-label{color:var(--text-primary);margin-bottom:.5rem;font-size:.9rem;font-weight:500}.filter-select{border:2px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--bg-primary);color:var(--text-primary);cursor:pointer;width:100%;padding:10px;font-size:.95rem}.filter-select:focus{border-color:var(--brand-red);outline:none}.price-inputs{flex-wrap:wrap;gap:.5rem;display:flex}.price-input{border:2px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--bg-primary);min-width:80px;color:var(--text-primary);flex:1;padding:10px}.price-input:focus{border-color:var(--brand-red);outline:none}.clear-filters-btn{color:var(--brand-red);border:2px solid var(--brand-red);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background-color:#0000;width:100%;margin-top:.5rem;padding:10px 20px;font-weight:500}.clear-filters-btn:hover{background-color:var(--brand-red);color:#fff}@media (width<=768px){.products-controls{padding:1rem}.filters-grid{grid-template-columns:1fr;gap:1rem}.filter-label{font-size:.85rem}.filter-select,.price-input{padding:8px;font-size:.9rem}.price-inputs{gap:.5rem}.clear-filters-btn{padding:8px 16px;font-size:.9rem}}.products-results{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.products-count{color:var(--text-secondary);font-size:1rem}.sort-dropdown{border:2px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--bg-primary);color:var(--text-primary);cursor:pointer;padding:8px 15px}.products-grid-container{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;display:grid}.product-card-item{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-fast);cursor:pointer;overflow:hidden}.product-card-item:hover{box-shadow:0 15px 40px var(--shadow);transform:translateY(-8px)}.product-card-image{object-fit:cover;background-color:var(--border-color);width:100%;height:250px;color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.product-card-content{padding:1.5rem}.product-card-category{color:var(--brand-red);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-size:.85rem;font-weight:500}.product-card-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.2rem;font-weight:600}.product-card-brand{color:var(--text-secondary);margin-bottom:.75rem;font-size:.95rem}.product-card-footer{justify-content:space-between;align-items:center;margin-top:1rem;display:flex}.product-card-price{color:var(--brand-red);font-size:1.5rem;font-weight:700}.product-card-rating{align-items:center;gap:.25rem;display:flex}.rating-stars{color:#ffc107;font-size:1rem}.rating-count{color:var(--text-secondary);margin-left:.25rem;font-size:.85rem}.loading-spinner{font-size:3rem;animation:1s linear infinite spin}.empty-state{text-align:center;padding:4rem 2rem}.empty-icon{margin-bottom:1rem;font-size:4rem}.empty-title{color:var(--text-primary);margin-bottom:.5rem;font-size:1.5rem}.empty-text{color:var(--text-secondary)}@media (width<=768px){.products-container{padding:1rem}.products-page-title{font-size:2rem}.filters-grid{grid-template-columns:1fr}.products-grid-container{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.products-results{flex-direction:column;align-items:flex-start}}.product-detail-page{flex-direction:column;min-height:100vh;display:flex}.product-detail-container{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:2rem}.back-button{color:var(--text-secondary);transition:color var(--transition-fast);align-items:center;gap:.5rem;margin-bottom:2rem;text-decoration:none;display:inline-flex}.back-button:hover{color:var(--brand-red)}.product-main{grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:3rem;display:grid}.product-images{position:relative}.main-image-container{background-color:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);width:100%;height:500px;position:relative;overflow:hidden}.main-image{object-fit:cover;width:100%;height:100%}.image-nav-btn{color:#fff;cursor:pointer;transition:background-color var(--transition-fast);background-color:#00000080;border:none;border-radius:50%;padding:1rem;font-size:1.5rem;position:absolute;top:50%;transform:translateY(-50%)}.image-nav-btn:hover{background-color:var(--brand-red)}.image-nav-prev{left:1rem}.image-nav-next{right:1rem}.image-thumbnails{gap:1rem;margin-top:1rem;display:flex;overflow-x:auto}.thumbnail{border-radius:var(--radius-sm);cursor:pointer;width:100px;height:100px;transition:all var(--transition-fast);object-fit:cover;border:3px solid #0000}.thumbnail:hover,.thumbnail.active{border-color:var(--brand-red)}.product-info{flex-direction:column;gap:1.5rem;display:flex}.product-category-badge{background-color:var(--brand-red);color:#fff;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px;width:fit-content;padding:.5rem 1rem;font-size:.85rem;font-weight:600;display:inline-block}.product-title{color:var(--text-primary);margin:0;font-size:2.5rem}.product-brand{color:var(--text-secondary);font-size:1.2rem;font-weight:500}.product-price-section{align-items:center;gap:1rem;display:flex}.product-price{color:var(--brand-red);font-size:3rem;font-weight:700}.product-rating-summary{background-color:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color);align-items:center;gap:1rem;padding:1rem;display:flex}.rating-stars-large{color:#ffc107;font-size:1.5rem}.rating-number{color:var(--text-primary);font-size:1.2rem;font-weight:700}.rating-count-text{color:var(--text-secondary)}.product-description{color:var(--text-secondary);font-size:1.05rem;line-height:1.8}.product-actions{gap:1rem;margin-top:1rem;display:flex}.buy-now-btn{background-color:var(--brand-red);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;flex:1;padding:1rem 2rem;font-size:1.1rem;font-weight:700}.buy-now-btn:hover{background-color:var(--brand-red-dark);transform:translateY(-2px)}.rating-breakdown-section{background-color:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);margin-top:2rem;padding:1.5rem}.breakdown-title{color:var(--text-primary);margin-bottom:1rem;font-size:1.2rem}.rating-bar-item{align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.rating-bar-label{min-width:60px;color:var(--text-secondary)}.rating-bar-container{background-color:var(--border-color);border-radius:5px;flex:1;height:10px;overflow:hidden}.rating-bar-fill{height:100%;transition:width var(--transition-normal);background-color:#ffc107}.rating-bar-count{text-align:right;min-width:40px;color:var(--text-secondary);font-size:.9rem}.product-tabs{margin-top:3rem}.tabs-header{border-bottom:2px solid var(--border-color);gap:2rem;margin-bottom:2rem;display:flex}.tab-button{color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:3px solid #0000;padding:1rem 0;font-size:1.1rem;font-weight:600}.tab-button.active{color:var(--brand-red);border-bottom-color:var(--brand-red)}.tab-button:hover{color:var(--brand-red)}.comments-section{margin-top:2rem}.add-comment-form{background-color:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);margin-bottom:2rem;padding:1.5rem}.add-comment-title{color:var(--text-primary);margin-bottom:1rem;font-size:1.2rem}.comment-textarea{border:2px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-primary);width:100%;min-height:100px;color:var(--text-primary);resize:vertical;margin-bottom:1rem;padding:1rem;font-family:inherit}.comment-textarea:focus{border-color:var(--brand-red);outline:none}.comment-submit-btn{background-color:var(--brand-red);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast);border:none;padding:.75rem 2rem;font-weight:600}.comment-submit-btn:hover{background-color:var(--brand-red-dark)}.comment-submit-btn:disabled{opacity:.5;cursor:not-allowed}.comments-list{flex-direction:column;gap:1.5rem;display:flex}.comment-item{background-color:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color);padding:1.5rem}.comment-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.comment-author{color:var(--text-primary);font-weight:600}.comment-date{color:var(--text-secondary);font-size:.9rem}.comment-text{color:var(--text-secondary);line-height:1.6}.comment-delete-btn{color:var(--brand-red);border:1px solid var(--brand-red);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background-color:#0000;margin-top:1rem;padding:.5rem 1rem;font-size:.9rem}.comment-delete-btn:hover{background-color:var(--brand-red);color:#fff}.rating-section{background-color:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);margin-bottom:2rem;padding:1.5rem}.rating-title{color:var(--text-primary);margin-bottom:1rem;font-size:1.2rem}.star-rating-input{gap:.5rem;margin-bottom:1rem;font-size:2rem;display:flex}.star-btn{cursor:pointer;transition:transform var(--transition-fast);color:var(--border-color);background:0 0;border:none}.star-btn.filled{color:#ffc107}.star-btn:hover{transform:scale(1.2)}.rating-submit-btn{background-color:var(--brand-red);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:.75rem 2rem;font-weight:600}.rating-submit-btn:hover{background-color:var(--brand-red-dark)}.empty-comments{text-align:center;color:var(--text-secondary);padding:3rem}.login-prompt{text-align:center;background-color:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:2rem}.login-link:hover{text-decoration:underline}@media (width<=968px){.product-main{grid-template-columns:1fr}.main-image-container{height:400px}.product-title,.product-price{font-size:2rem}}.load-more-comments{text-align:center;margin-top:1.5rem}.load-more-btn{color:var(--brand-red);border:2px solid var(--brand-red);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;padding:.75rem 2rem;font-weight:600}.load-more-btn:hover{background:var(--brand-red);color:#fff}.comment-reply-section{border-top:1px solid var(--border-color);margin-top:1rem;padding-top:1rem}.reply-toggle-btn{color:var(--brand-red);border:1px solid var(--brand-red);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;padding:.5rem 1rem;font-size:.9rem}.reply-toggle-btn:hover{background:var(--brand-red);color:#fff}.reply-form{margin-top:1rem}.reply-textarea{border:2px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--bg-primary);width:100%;min-height:80px;color:var(--text-primary);resize:vertical;margin-bottom:.75rem;padding:.75rem;font-family:inherit}.reply-textarea:focus{border-color:var(--brand-red);outline:none}.reply-submit-btn{background-color:var(--brand-red);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;margin-right:.5rem;padding:.5rem 1.5rem;font-weight:600}.reply-submit-btn:hover{background-color:var(--brand-red-dark)}.reply-cancel-btn{color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;background-color:#0000;padding:.5rem 1.5rem}.admin-reply{border-left:3px solid var(--brand-red);border-radius:var(--radius-sm);background-color:#e302190d;margin-top:1rem;padding:1rem}.admin-badge{background:var(--brand-red);color:#fff;border-radius:var(--radius-sm);margin-left:.5rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.comment-user-rating{align-items:center;gap:.5rem;margin-left:1rem;font-size:.9rem;display:inline-flex}.comment-user-rating .rating-stars{color:#ffc107}.rating-modal-overlay{z-index:var(--z-modal);background:#000000b3;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.rating-modal{background:var(--bg-primary);border-radius:var(--radius-lg);width:90%;max-width:400px;padding:2rem;animation:.3s slideUp;box-shadow:0 20px 60px #0000004d}.rating-modal-title{color:var(--text-primary);text-align:center;margin-bottom:1rem;font-size:1.5rem}.rating-modal-stars{text-align:center;color:#ffc107;margin:1.5rem 0;font-size:3rem}.rating-modal-text{text-align:center;color:var(--text-secondary);margin-bottom:2rem}.rating-modal-actions{gap:1rem;display:flex}.rating-modal-btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:none;flex:1;padding:.75rem;font-weight:600}.rating-confirm-btn{background:var(--brand-red);color:#fff}.rating-confirm-btn:hover{background:var(--brand-red-dark)}.rating-cancel-btn{color:var(--text-primary);border:2px solid var(--border-color);background:0 0}.rating-cancel-btn:hover{border-color:var(--brand-red);color:var(--brand-red)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.comment-header{flex-direction:column;align-items:flex-start;gap:.5rem}.comment-user-rating{margin-left:0}}.about-page{flex-direction:column;min-height:100vh;display:flex}.about-container{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:3rem 2rem}.about-hero{text-align:center;margin-bottom:4rem;animation:.8s fadeInUp}.about-title{color:var(--text-primary);margin-bottom:1rem;font-size:3rem}.about-title-brand{color:var(--brand-red)}.about-subtitle{color:var(--text-secondary);max-width:700px;margin:0 auto;font-size:1.2rem;line-height:1.8}.about-cards{grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:2rem;margin-bottom:4rem;display:grid}.about-card{background-color:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);text-align:center;transition:all var(--transition-fast);padding:2.5rem;animation:.6s both slideInUp}.about-card:first-child{animation-delay:.1s}.about-card:nth-child(2){animation-delay:.2s}.about-card:nth-child(3){animation-delay:.3s}.about-card:nth-child(4){animation-delay:.4s}.about-card:hover{box-shadow:0 15px 40px var(--shadow);transform:translateY(-10px)}.about-card-icon{margin-bottom:1rem;font-size:3rem}.about-card-title{color:var(--text-primary);margin-bottom:1rem;font-size:1.5rem}.about-card-text{color:var(--text-secondary);line-height:1.6}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.about-title{font-size:2rem}.about-subtitle{font-size:1rem}.about-cards{grid-template-columns:1fr}}.faq-page{flex-direction:column;min-height:100vh;display:flex}.faq-container{flex:1;width:100%;max-width:900px;margin:0 auto;padding:3rem 2rem}.faq-header{text-align:center;margin-bottom:3rem}.faq-title{color:var(--text-primary);margin-bottom:1rem;font-size:3rem}.faq-subtitle{color:var(--text-secondary);font-size:1.2rem}.faq-list{flex-direction:column;gap:1rem;display:flex}.faq-item{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-fast);overflow:hidden}.faq-item:hover{box-shadow:0 5px 20px var(--shadow)}.faq-question{text-align:left;width:100%;color:var(--text-primary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;justify-content:space-between;align-items:center;padding:1.5rem;font-size:1.1rem;font-weight:600;display:flex}.faq-question:hover{color:var(--brand-red)}.faq-icon{transition:transform var(--transition-fast);font-size:1.5rem}.faq-icon.open{transform:rotate(180deg)}.faq-answer{max-height:0;transition:max-height var(--transition-normal);overflow:hidden}.faq-answer.open{max-height:500px}.faq-answer-content{color:var(--text-secondary);padding:0 1.5rem 1.5rem;line-height:1.8}@media (width<=768px){.faq-title{font-size:2rem}.faq-subtitle{font-size:1rem}}.contact-page{flex-direction:column;min-height:100vh;display:flex}.contact-container{flex:1;width:100%;max-width:800px;margin:0 auto;padding:3rem 2rem}.contact-header{text-align:center;margin-bottom:3rem}.contact-title{color:var(--text-primary);margin-bottom:1rem;font-size:3rem}.contact-subtitle{color:var(--text-secondary);font-size:1.2rem}.contact-form-container{background-color:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:2.5rem}.contact-form-group{margin-bottom:1.5rem}.contact-label{color:var(--text-primary);margin-bottom:.5rem;font-weight:500;display:block}.contact-input,.contact-textarea{border:2px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--bg-primary);width:100%;color:var(--text-primary);padding:12px;font-family:inherit;font-size:1rem}.contact-input:focus,.contact-textarea:focus{border-color:var(--brand-red);outline:none}.contact-textarea{resize:vertical;min-height:150px}.contact-submit-btn{background-color:var(--brand-red);color:#fff;border-radius:var(--radius-sm);cursor:pointer;width:100%;transition:background-color var(--transition-fast);border:none;padding:14px;font-size:1.1rem;font-weight:700}.contact-submit-btn:hover{background-color:var(--brand-red-dark)}.contact-submit-btn:disabled{opacity:.7;cursor:not-allowed}.contact-success{border-radius:var(--radius-sm);color:#363;text-align:center;background-color:#dfd;border:1px solid #cfc;margin-bottom:1rem;padding:1rem}.contact-error{border-radius:var(--radius-sm);color:#c33;text-align:center;background-color:#fee;border:1px solid #fcc;margin-bottom:1rem;padding:1rem}@media (width<=768px){.contact-title{font-size:2rem}.contact-subtitle{font-size:1rem}.contact-form-container{padding:1.5rem}}.profile-page{background:var(--bg-primary);flex-direction:column;min-height:100vh;display:flex}.profile-container{flex:1;width:100%;max-width:1000px;margin:0 auto;padding:4rem 2rem}.profile-header{text-align:center;margin-bottom:3rem}.profile-avatar{background:var(--brand-red);color:#fff;width:120px;height:120px;box-shadow:0 4px 20px var(--shadow);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.5rem;font-size:3rem;font-weight:700;display:flex}.profile-name{color:var(--text-primary);margin-bottom:.5rem;font-size:2rem}.profile-email{color:var(--text-secondary);margin-bottom:1rem;font-size:1.1rem}.profile-badges{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.badge{border-radius:var(--radius-sm);padding:.5rem 1rem;font-size:.9rem;font-weight:600}.badge-verified{color:#fff;background:#28a745}.badge-unverified{color:#000;background:#ffc107}.badge-admin{background:var(--brand-red);color:#fff}.profile-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:2rem;display:grid}.profile-card{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:2rem}.profile-card-title{color:var(--text-primary);align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:1.5rem;display:flex}.profile-card-icon{font-size:1.75rem}.profile-stat{border-bottom:1px solid var(--border-color);justify-content:space-between;padding:1rem 0;display:flex}.profile-stat:last-child{border-bottom:none}.profile-stat-label{color:var(--text-secondary)}.profile-stat-value{color:var(--brand-red);font-size:1.1rem;font-weight:600}.notification-toggle{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1rem 0;display:flex}.toggle-label{color:var(--text-primary);font-weight:500}.toggle-switch{background:var(--border-color);cursor:pointer;width:60px;height:30px;transition:background var(--transition-fast);border-radius:15px;position:relative}.toggle-switch.active{background:var(--brand-red)}.toggle-slider{width:24px;height:24px;transition:transform var(--transition-fast);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.toggle-switch.active .toggle-slider{transform:translate(30px)}.profile-actions{flex-direction:column;gap:1rem;display:flex}.profile-btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);text-align:center;border:none;padding:.875rem 1.5rem;font-size:1rem;font-weight:600}.profile-btn-primary{background:var(--brand-red);color:#fff}.profile-btn-primary:hover{background:var(--brand-red-dark);transform:translateY(-2px)}.profile-btn-secondary{border:2px solid var(--brand-red);color:var(--brand-red);background:0 0}.profile-btn-secondary:hover{background:var(--brand-red);color:#fff}.change-password-card{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);margin-bottom:2rem;padding:2rem}.change-password-title{color:var(--text-primary);align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:1.5rem;display:flex}.password-form-group{margin-bottom:1.5rem}.password-label{color:var(--text-primary);margin-bottom:.5rem;font-weight:500;display:block}.password-input{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-primary);width:100%;color:var(--text-primary);padding:.875rem;font-size:1rem}.password-input:focus{border-color:var(--brand-red);outline:none}.password-submit-btn{background:var(--brand-red);color:#fff;border-radius:var(--radius-sm);cursor:pointer;width:100%;transition:all var(--transition-fast);border:none;padding:.875rem;font-size:1rem;font-weight:600}.password-submit-btn:hover{background:var(--brand-red-dark)}.password-submit-btn:disabled{opacity:.6;cursor:not-allowed}.password-error{color:#fff;border-radius:var(--radius-sm);background:#dc3545;margin-bottom:1rem;padding:1rem;font-weight:500}.password-success{color:#fff;border-radius:var(--radius-sm);background:#28a745;margin-bottom:1rem;padding:1rem;font-weight:500}.joined-date{text-align:center;color:var(--text-secondary);margin-top:2rem;font-size:.9rem}@media (width<=768px){.profile-container{padding:2rem 1rem}.profile-grid{grid-template-columns:1fr}.profile-name{font-size:1.5rem}.profile-avatar{width:100px;height:100px;font-size:2.5rem}}.login-container{background-color:var(--bg-secondary);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-box{background-color:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-color);width:100%;max-width:450px;box-shadow:0 10px 40px var(--shadow);padding:3rem}.login-title{text-align:center;margin-bottom:.5rem;font-size:2rem}.login-title-brand{color:var(--brand-red)}.login-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:2rem}.login-error{border-radius:var(--radius-sm);color:#c33;background-color:#fee;border:1px solid #fcc;margin-bottom:1rem;padding:1rem}.login-form-group{margin-bottom:1.5rem}.login-label{margin-bottom:.5rem;font-weight:500;display:block}.login-input{border:2px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--bg-primary);width:100%;color:var(--text-primary);padding:12px;font-size:1rem}.login-input:focus{border-color:var(--brand-red);outline:none}.login-btn{background-color:var(--brand-red);color:#fff;border-radius:var(--radius-sm);cursor:pointer;width:100%;transition:background-color var(--transition-fast);border:none;padding:14px;font-size:1rem;font-weight:700}.login-btn:hover{background-color:var(--brand-red-dark)}.login-btn:disabled{opacity:.7;cursor:not-allowed}.login-footer{text-align:center;color:var(--text-secondary);margin-top:1.5rem}.login-link{color:var(--brand-red);font-weight:500;text-decoration:none}.login-back{text-align:center;margin-top:1rem}.login-back a{color:var(--text-secondary);font-size:.9rem;text-decoration:none}.login-back a:hover{color:var(--brand-red)}.signup-container{background-color:var(--bg-secondary);justify-content:center;align-items:center;min-height:100vh;display:flex}.signup-box{background-color:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-color);width:100%;max-width:450px;box-shadow:0 10px 40px var(--shadow);margin-top:2rem;margin-bottom:2rem;padding:3rem}.signup-title{text-align:center;margin-bottom:.5rem;font-size:2rem}.signup-title-brand{color:var(--brand-red)}.signup-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:2rem}.signup-error{border-radius:var(--radius-sm);color:#c33;background-color:#fee;border:1px solid #fcc;margin-bottom:1rem;padding:1rem}.signup-success{border-radius:var(--radius-sm);color:#363;background-color:#dfd;border:1px solid #cfc;margin-bottom:1rem;padding:1rem}.form-group{margin-bottom:1.5rem}.signup-label{margin-bottom:.5rem;font-weight:500;display:block}.signup-input{border:2px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--bg-primary);width:100%;color:var(--text-primary);padding:12px;font-size:1rem}.signup-input:focus{border-color:var(--brand-red);outline:none}.signup-btn{background-color:var(--brand-red);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;width:100%;padding:14px;font-size:1rem;font-weight:700}.signup-btn:hover{background-color:var(--brand-red-dark)}.signup-btn:disabled{opacity:.7;cursor:not-allowed}.login-footer,.back-link{text-align:center;color:var(--text-secondary);margin-top:1.5rem}.back-link{font-weight:500}.back-link:hover{color:var(--brand-red);cursor:pointer}.verify-container{background-color:var(--bg-secondary);justify-content:center;align-items:center;min-height:100vh;display:flex}.verify-box{background-color:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-color);width:100%;max-width:450px;box-shadow:0 10px 40px var(--shadow);text-align:center;padding:3rem}.verify-icon{margin-bottom:1rem;font-size:4rem}.verify-title{color:var(--text-primary);margin-bottom:1rem;font-size:2rem}.verify-subtitle{color:var(--text-secondary);margin-bottom:2rem;line-height:1.6}.verify-code-input{text-align:center;letter-spacing:.5rem;border:2px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-primary);width:100%;color:var(--text-primary);margin-bottom:1.5rem;padding:15px;font-size:1.5rem}.verify-code-input:focus{border-color:var(--brand-red);outline:none}.verify-btn{background-color:var(--brand-red);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;width:100%;margin-bottom:1rem;padding:14px;font-size:1rem;font-weight:700}.verify-btn:hover{background-color:var(--brand-red-dark)}.verify-btn:disabled{opacity:.7;cursor:not-allowed}.verify-resend{color:var(--text-secondary);margin-bottom:1rem}.verify-resend-btn{color:var(--brand-red);cursor:pointer;background:0 0;border:none;font-weight:500;text-decoration:underline}.verify-error{border-radius:var(--radius-sm);color:#c33;background-color:#fee;border:1px solid #fcc;margin-bottom:1rem;padding:1rem}.verify-success{border-radius:var(--radius-sm);color:#363;background-color:#dfd;border:1px solid #cfc;margin-bottom:1rem;padding:1rem}.forgot-container{background-color:var(--bg-secondary);justify-content:center;align-items:center;min-height:100vh;display:flex}.forgot-box{background-color:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-color);width:100%;max-width:450px;box-shadow:0 10px 40px var(--shadow);padding:3rem}.forgot-icon{text-align:center;margin-bottom:1rem;font-size:4rem}.forgot-title{text-align:center;margin-bottom:1rem;font-size:2rem}.forgot-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:2rem;line-height:1.6}.forgot-form-group{margin-bottom:1.5rem}.forgot-label{margin-bottom:.5rem;font-weight:500;display:block}.forgot-input{border:2px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--bg-primary);width:100%;color:var(--text-primary);padding:12px;font-size:1rem}.forgot-input:focus{border-color:var(--brand-red);outline:none}.forgot-btn{background-color:var(--brand-red);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;width:100%;padding:14px;font-size:1rem;font-weight:700}.forgot-btn:hover{background-color:var(--brand-red-dark)}.forgot-btn:disabled{opacity:.7;cursor:not-allowed}.forgot-error{border-radius:var(--radius-sm);color:#c33;background-color:#fee;border:1px solid #fcc;margin-bottom:1rem;padding:1rem}.forgot-success{border-radius:var(--radius-sm);color:#363;background-color:#dfd;border:1px solid #cfc;margin-bottom:1rem;padding:1rem}.forgot-footer{text-align:center;margin-top:1.5rem}.forgot-link{color:var(--brand-red);font-weight:500;text-decoration:none}.reset-container{background-color:var(--bg-secondary);justify-content:center;align-items:center;min-height:100vh;display:flex}.reset-box{background-color:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-color);width:100%;max-width:450px;box-shadow:0 10px 40px var(--shadow);padding:3rem}.reset-icon{text-align:center;margin-bottom:1rem;font-size:4rem}.reset-title{text-align:center;margin-bottom:1rem;font-size:2rem}.reset-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:2rem}.reset-form-group{margin-bottom:1.5rem}.reset-label{margin-bottom:.5rem;font-weight:500;display:block}.reset-input{border:2px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--bg-primary);width:100%;color:var(--text-primary);padding:12px;font-size:1rem}.reset-input:focus{border-color:var(--brand-red);outline:none}.reset-code-input{text-align:center;letter-spacing:.3rem;font-size:1.2rem}.reset-btn{background-color:var(--brand-red);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;width:100%;padding:14px;font-size:1rem;font-weight:700}.reset-btn:hover{background-color:var(--brand-red-dark)}.reset-btn:disabled{opacity:.7;cursor:not-allowed}.reset-error{border-radius:var(--radius-sm);color:#c33;background-color:#fee;border:1px solid #fcc;margin-bottom:1rem;padding:1rem}.reset-success{border-radius:var(--radius-sm);color:#363;background-color:#dfd;border:1px solid #cfc;margin-bottom:1rem;padding:1rem}.reset-footer{text-align:center;margin-top:1.5rem}.reset-link{color:var(--brand-red);font-weight:500;text-decoration:none}.admin-dashboard{flex-direction:column;min-height:100vh;display:flex}.admin-container{box-sizing:border-box;flex:1;width:100%;max-width:1600px;margin:0 auto;padding:2rem}.admin-header{margin-bottom:2rem}.admin-title{color:var(--text-primary);margin-bottom:.5rem;font-size:2.5rem}.admin-subtitle{color:var(--text-secondary);font-size:1.1rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.stat-card{background-color:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:all var(--transition-fast);padding:1.5rem;animation:.5s both fadeInUp}.stat-card:first-child{animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:nth-child(4){animation-delay:.4s}.stat-card:hover{box-shadow:0 10px 30px var(--shadow);transform:translateY(-5px)}.stat-card-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.stat-card-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.9rem}.stat-card-icon{font-size:2rem}.stat-card-value{color:var(--brand-red);margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.stat-card-change{color:#28a745;font-size:.85rem}.quick-actions{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:3rem;display:grid}.action-btn{background-color:var(--brand-red);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:center;border:none;padding:1rem 1.5rem;font-weight:600;text-decoration:none;display:block}.action-btn:hover{background-color:var(--brand-red-dark);transform:translateY(-2px)}.action-btn-secondary{border:2px solid var(--brand-red);color:var(--brand-red);background-color:#0000}.action-btn-secondary:hover{background-color:var(--brand-red);color:#fff}.admin-section{background-color:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);margin-bottom:2rem;padding:2rem;overflow:visible}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.section-title{color:var(--text-primary);font-size:1.5rem}.section-header a{color:var(--brand-red);transition:color var(--transition-fast);font-weight:500;text-decoration:none}.section-header a:hover{color:var(--brand-red-dark)}.table-scroll-hint{text-align:center;color:var(--brand-red);border-radius:var(--radius-sm);background-color:#e302191a;margin-bottom:1rem;padding:.75rem;font-size:.85rem;font-weight:500;display:block}.table-wrapper{-webkit-overflow-scrolling:touch;width:100%;position:relative;overflow:auto visible}.data-table{border-collapse:collapse;table-layout:auto;width:auto;min-width:100%;display:table}.data-table thead{background-color:var(--bg-primary)}.data-table th{text-align:left;color:var(--text-primary);border-bottom:1px solid var(--border-color);white-space:nowrap;padding:1rem 2rem;font-size:.9rem;font-weight:600}.data-table tbody{display:table-row-group}.data-table tr{display:table-row}.data-table td{color:var(--text-secondary);border-bottom:1px solid var(--border-color);white-space:nowrap;vertical-align:middle;padding:1.25rem 2rem;font-size:.95rem;display:table-cell}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background-color:var(--bg-primary)}.table-text-truncate{cursor:pointer;position:relative}.table-text-full{display:inline}.table-text-short{display:none}.table-text-truncate:hover:after{content:attr(data-full-text);background:var(--bg-primary);color:var(--text-primary);border-radius:var(--radius-sm);box-shadow:0 4px 12px var(--shadow);white-space:nowrap;z-index:1000;border:1px solid var(--border-color);margin-top:.5rem;padding:.5rem 1rem;position:absolute;top:100%;left:0}.table-actions{white-space:nowrap;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:.75rem;display:flex}.table-btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:none;flex-shrink:0;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.85rem;font-weight:500;display:inline-flex}.table-btn-icon{font-size:1.2rem;display:none}.table-btn-text{display:inline}.table-btn-edit{color:#fff;background-color:#007bff}.table-btn-edit:hover{background-color:#0056b3}.table-btn-delete{color:#fff;background-color:#dc3545}.table-btn-delete:hover{background-color:#c82333}.table-btn-view{color:#fff;background-color:#28a745}.table-btn-view:hover{background-color:#218838}.table-wrapper::-webkit-scrollbar{height:12px}.table-wrapper::-webkit-scrollbar-track{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px}.table-wrapper::-webkit-scrollbar-thumb{background:var(--brand-red);border-radius:6px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--brand-red-dark)}.loading-state,.empty-state{text-align:center;color:var(--text-secondary);padding:3rem}@media (width<=1024px){.stats-grid,.quick-actions{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.admin-container{padding:1rem;overflow-x:visible}.admin-title{font-size:1.75rem}.admin-subtitle{font-size:1rem}.stats-grid,.quick-actions{grid-template-columns:1fr}.admin-section{padding:1rem;overflow:visible}.section-title{font-size:1.25rem}.table-wrapper{overflow:auto visible}.table-text-full{display:none}.table-text-short{display:inline}.table-btn{color:var(--text-secondary);background:0 0!important;border:none!important;flex-shrink:0!important;width:auto!important;min-width:auto!important;height:auto!important;margin:0!important;padding:0!important}.table-btn:hover{transform:scale(1.2);background:0 0!important}.table-btn-icon{font-size:1.5rem;margin:0!important;padding:0!important;display:inline!important}.table-btn-text{display:none!important}.table-btn-view .table-btn-icon{color:#28a745}.table-btn-edit .table-btn-icon{color:#007bff}.table-btn-delete .table-btn-icon{color:#dc3545}.table-actions{white-space:nowrap!important;flex-flow:row!important;justify-content:flex-start!important;align-items:center!important;gap:1rem!important;margin:0!important;padding:0!important;display:flex!important}.data-table td{white-space:nowrap;padding:1.25rem 1rem}}@media (width<=480px){.admin-container{padding:.75rem}.admin-title{font-size:1.5rem}.stat-card{padding:1rem}.stat-card-value{font-size:1.75rem}.admin-section{padding:.75rem}.table-actions{flex-flow:row!important;gap:.75rem!important;display:flex!important}.table-btn{margin:0!important;padding:0!important}.table-btn-icon{font-size:1.4rem}}@media (width<=375px){.admin-container{padding:.5rem}.table-actions{flex-flow:row!important;gap:.5rem!important;display:flex!important}.table-btn-icon{font-size:1.3rem}}@media (width<=320px){.admin-container{padding:.5rem}.table-actions{flex-flow:row!important;gap:.5rem!important;display:flex!important}.table-btn-icon{font-size:1.2rem}}.create-product-page{flex-direction:column;min-height:100vh;display:flex}.create-product-container{flex:1;width:100%;max-width:900px;margin:0 auto;padding:2rem}.create-product-header{margin-bottom:2rem}.create-product-title{color:var(--text-primary);margin-bottom:.5rem;font-size:2.5rem}.create-product-subtitle{color:var(--text-secondary)}.product-form{background-color:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:2rem}.form-row{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}.form-group-full{margin-bottom:1.5rem}.form-label{color:var(--text-primary);margin-bottom:.5rem;font-weight:600;display:block}.form-input,.form-select,.form-textarea{border:2px solid var(--border-color);border-radius:var(--radius-sm);background-color:var(--bg-primary);width:100%;color:var(--text-primary);padding:12px;font-family:inherit;font-size:1rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--brand-red);outline:none}.form-textarea{resize:vertical;min-height:120px}.image-upload-area{border:3px dashed var(--border-color);border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:all var(--transition-fast);background-color:var(--bg-primary);padding:3rem}.image-upload-area:hover,.image-upload-area.dragging{border-color:var(--brand-red);background-color:var(--bg-secondary)}.upload-icon{margin-bottom:1rem;font-size:4rem}.upload-text{color:var(--text-secondary);margin-bottom:.5rem}.upload-hint{color:var(--text-secondary);font-size:.85rem}.image-previews{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;margin-top:1.5rem;display:grid}.image-preview-item{border-radius:var(--radius-md);border:2px solid var(--border-color);position:relative;overflow:hidden}.preview-image{object-fit:cover;width:100%;height:150px}.remove-image-btn{color:#fff;cursor:pointer;width:30px;height:30px;transition:background-color var(--transition-fast);background-color:#e30219e6;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex;position:absolute;top:.5rem;right:.5rem}.remove-image-btn:hover{background-color:var(--brand-red-dark)}.form-actions{gap:1rem;margin-top:2rem;display:flex}.submit-btn{background-color:var(--brand-red);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast);border:none;flex:1;padding:14px;font-size:1.1rem;font-weight:700}.submit-btn:hover{background-color:var(--brand-red-dark)}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.cancel-btn{color:var(--text-secondary);border:2px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;text-align:center;background-color:#0000;padding:14px 2rem;font-size:1.1rem;font-weight:700;text-decoration:none;display:inline-block}.cancel-btn:hover{border-color:var(--brand-red);color:var(--brand-red)}.form-error{border-radius:var(--radius-sm);color:#c33;background-color:#fee;border:1px solid #fcc;margin-bottom:1.5rem;padding:1rem}.form-success{border-radius:var(--radius-sm);color:#363;background-color:#dfd;border:1px solid #cfc;margin-bottom:1.5rem;padding:1rem}@media (width<=768px){.form-row{grid-template-columns:1fr}.create-product-title{font-size:2rem}}.popup-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9999;background:#000000b3;justify-content:center;align-items:center;padding:1rem;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.popup-modal{background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-color);width:100%;max-width:500px;animation:.4s slideUp;position:relative;box-shadow:0 20px 60px #0000004d}.popup-close{color:var(--text-secondary);cursor:pointer;width:40px;height:40px;transition:all var(--transition-fast);z-index:10;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex;position:absolute;top:1rem;right:1rem}.popup-close:hover{background:var(--bg-secondary);color:var(--brand-red);transform:rotate(90deg)}.popup-content{text-align:center;padding:2.5rem 2rem 2rem}.popup-icon{margin-bottom:1rem;font-size:4rem;animation:1s infinite bounce}.popup-title{color:var(--text-primary);margin-bottom:.5rem;font-size:2rem}.popup-logo{font-weight:700}.popup-subtitle{color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem}.popup-benefits{text-align:left;flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.benefit-item{background:var(--bg-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast);align-items:center;gap:1rem;padding:.75rem;display:flex}.benefit-item:hover{background:#e302190d;transform:translate(5px)}.benefit-icon{flex-shrink:0;font-size:1.5rem}.benefit-text{color:var(--text-primary);font-size:.95rem}.popup-actions{gap:1rem;margin-bottom:1.5rem;display:flex}.popup-btn{border-radius:var(--radius-sm);text-align:center;transition:all var(--transition-fast);cursor:pointer;border:none;flex:1;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;text-decoration:none}.popup-btn-primary{background:var(--brand-red);color:#fff}.popup-btn-primary:hover{background:var(--brand-red-dark);transform:translateY(-2px);box-shadow:0 4px 12px #e302194d}.popup-btn-secondary{color:var(--brand-red);border:2px solid var(--brand-red);background:0 0}.popup-btn-secondary:hover{background:var(--brand-red);color:#fff}.popup-footer{color:var(--text-secondary);font-size:.9rem}.popup-continue{color:var(--brand-red);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;font-size:.9rem;font-weight:600}.popup-continue:hover{color:var(--brand-red-dark);text-decoration:underline}@media (width<=768px){.popup-modal{max-width:90%}.popup-content{padding:2rem 1.5rem 1.5rem}.popup-title{font-size:1.5rem}.popup-subtitle{font-size:1rem}.popup-icon{font-size:3rem}.popup-actions{flex-direction:column}.benefit-item{padding:.5rem}.benefit-icon{font-size:1.25rem}.benefit-text{font-size:.875rem}}@media (width<=480px){.popup-content{padding:1.5rem 1rem}.popup-title{font-size:1.25rem}.popup-subtitle{font-size:.9rem}.popup-btn{padding:.75rem 1rem;font-size:.9rem}}@media (width<=768px){.navbar{padding:.75rem 1rem}.navbar-container{flex-wrap:wrap}.navbar-logo{font-size:1.2rem}.navbar-logo-image{height:30px}.navbar-menu{display:none}.mobile-menu-btn{display:block!important}.mobile-menu{width:100%;margin-top:1rem;display:flex!important}.hero-section{min-height:70vh;padding:2rem 1rem}.hero-title{font-size:2rem;line-height:1.2}.hero-subtitle{font-size:1rem}.hero-buttons{flex-direction:column;gap:1rem;width:100%}.hero-btn-primary,.hero-btn-secondary{width:100%;padding:.875rem 1.5rem}.features-section{padding:2rem 1rem}.features-grid{grid-template-columns:1fr;gap:1.5rem}.products-section{padding:2rem 1rem}.section-title{font-size:1.75rem}.products-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.product-card{font-size:.9rem}.product-image-container{height:150px}.product-content{padding:1rem}.product-name{font-size:1rem}.products-container{padding:1rem}.products-page-title{font-size:1.75rem}.products-controls{padding:1.5rem}.filters-grid{grid-template-columns:1fr;gap:1rem}.products-grid-container{grid-template-columns:repeat(2,1fr);gap:1rem}.products-results{flex-direction:column;align-items:flex-start;gap:1rem}.product-detail-container{padding:1rem}.product-main{grid-template-columns:1fr;gap:2rem}.main-image-container{height:300px}.product-title{font-size:1.75rem}.product-price{font-size:2rem}.image-thumbnails{gap:.5rem}.thumbnail{width:60px;height:60px}.product-actions{flex-direction:column}.buy-now-btn{width:100%}.tabs-header{gap:1rem;overflow-x:auto}.tab-button{white-space:nowrap;font-size:.95rem}.comment-item{padding:1rem}.comment-header{flex-direction:column;align-items:flex-start;gap:.5rem}.rating-modal{width:95%;padding:1.5rem}.login-container,.signup-container,.verify-container,.forgot-container,.reset-container{padding:1rem}.login-box,.signup-box,.verify-box,.forgot-box,.reset-box{padding:2rem 1.5rem}.login-title,.signup-title,.verify-title,.forgot-title,.reset-title{font-size:1.75rem}.profile-container{padding:2rem 1rem}.profile-name{font-size:1.5rem}.profile-avatar{width:100px;height:100px;font-size:2.5rem}.profile-grid{grid-template-columns:1fr}.admin-container{padding:1rem}.admin-title{font-size:1.75rem}.stats-grid,.quick-actions{grid-template-columns:1fr}.admin-section{-webkit-overflow-scrolling:touch;overflow-x:auto}.data-table{min-width:800px;display:block;overflow-x:auto}.data-table thead,.data-table tbody,.data-table tr{table-layout:fixed;width:100%;display:table}.data-table th,.data-table td{padding:.75rem .5rem;font-size:.85rem}.table-actions{flex-direction:column;gap:.25rem}.table-btn{width:100%;padding:.35rem .6rem}.create-product-container{padding:1rem}.create-product-title{font-size:1.75rem}.product-form{padding:1.5rem}.form-row{grid-template-columns:1fr}.image-upload-area{padding:2rem}.upload-icon{font-size:3rem}.footer-content{grid-template-columns:1fr;gap:1.5rem}.footer-social{justify-content:center}.about-container{padding:2rem 1rem}.about-title{font-size:1.75rem}.about-cards{grid-template-columns:1fr}.faq-container{padding:2rem 1rem}.faq-title{font-size:1.75rem}.contact-container{padding:2rem 1rem}.contact-title{font-size:1.75rem}.contact-form-container{padding:1.5rem}.analytics-grid{grid-template-columns:1fr}}@media (width>=769px) and (width<=1024px){.hero-title{font-size:3rem}.products-grid,.products-grid-container{grid-template-columns:repeat(3,1fr)}.stats-grid,.quick-actions{grid-template-columns:repeat(2,1fr)}}@media (width>=1025px){.products-grid,.products-grid-container{grid-template-columns:repeat(4,1fr)}}.admin-section{position:relative}.table-scroll-hint{text-align:center;background:var(--bg-secondary);color:var(--text-secondary);border-radius:var(--radius-sm);margin-bottom:1rem;padding:.5rem;font-size:.85rem;display:none}@media (width<=768px){.table-scroll-hint{display:block}.navbar-theme-btn{text-align:left;width:100%}}.admin-section{scroll-behavior:smooth}.admin-section::-webkit-scrollbar{height:8px}.admin-section::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:4px}.admin-section::-webkit-scrollbar-thumb{background:var(--brand-red);border-radius:4px}.admin-section::-webkit-scrollbar-thumb:hover{background:var(--brand-red-dark)}@media (width<=768px){button,a,.product-card,.feature-card{min-width:44px;min-height:44px}}:root{--brand-red:#e30219;--brand-red-dark:#b80115;--brand-red-light:#ff5a6e;--light-bg:#fff;--light-bg-secondary:#f8f9fa;--light-text:#1a1a2e;--light-text-secondary:#666;--light-border:#e0e0e0;--light-shadow:#0000001a;--dark-bg:#1a1a2e;--dark-bg-secondary:#16213e;--dark-text:#fff;--dark-text-secondary:#b0b0b0;--dark-border:#2a2a3e;--dark-shadow:#0000004d;--bg-primary:var(--light-bg);--bg-secondary:var(--light-bg-secondary);--text-primary:var(--light-text);--text-secondary:var(--light-text-secondary);--border-color:var(--light-border);--shadow:var(--light-shadow);--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--radius-sm:6px;--radius-md:10px;--radius-lg:15px;--transition-fast:.2s ease;--transition-normal:.3s ease;--transition-slow:.5s ease;--z-navbar:1000;--z-modal:2000;--z-tooltip:3000}body.dark-mode{--bg-primary:var(--dark-bg);--bg-secondary:var(--dark-bg-secondary);--text-primary:var(--dark-text);--text-secondary:var(--dark-text-secondary);--border-color:var(--dark-border);--shadow:var(--dark-shadow)}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color var(--transition-normal), color var(--transition-normal);font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}body *{transition:background-color var(--transition-normal), color var(--transition-normal), border-color var(--transition-normal)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--brand-red);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--brand-red-dark)}a{color:var(--brand-red);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--brand-red-dark)}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,textarea,select{outline:none;font-family:inherit}img{max-width:100%;display:block}.container{max-width:1200px;padding:0 var(--spacing-md);margin:0 auto}.container-fluid{width:100%;padding:0 var(--spacing-md)}.text-center{text-align:center}.text-brand{color:var(--brand-red)}.bg-brand{background-color:var(--brand-red);color:#fff}