*{margin:0;padding:0;box-sizing:border-box}:root{--primary-50: #fff7ed;--primary-100: #ffedd5;--primary-200: #fed7aa;--primary-300: #fdba74;--primary-400: #fb923c;--primary-500: #f97316;--primary-600: #ea580c;--primary-700: #c2410c;--primary-800: #9a3412;--primary-900: #7c2d12;--secondary-50: #f8fafc;--secondary-100: #f1f5f9;--secondary-200: #e2e8f0;--secondary-300: #cbd5e1;--secondary-400: #94a3b8;--secondary-500: #64748b;--secondary-600: #475569;--secondary-700: #334155;--secondary-800: #1e293b;--secondary-900: #0f172a;--white: #ffffff;--black: #000000;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--font-family-sans: "Inter", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--font-family-serif: "Georgia", "Times New Roman", serif;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .125rem;--radius: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: all .15s ease-in-out;--transition-normal: all .3s ease-in-out;--transition-slow: all .5s ease-in-out}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--bg-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:var(--space-4);color:var(--gray-900)}h1{font-size:3rem;font-weight:800}h2{font-size:2.25rem}h3{font-size:1.875rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1.125rem}p{margin-bottom:var(--space-4);line-height:1.7}a{color:var(--primary-600);text-decoration:none;transition:var(--transition-fast)}a:hover{color:var(--primary-700);text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);font-size:1rem;font-weight:600;line-height:1.5;text-align:center;text-decoration:none;border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-normal);gap:var(--space-2)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--primary-600);color:var(--white);border-color:var(--primary-600)}.btn-primary:hover:not(:disabled){background-color:var(--primary-700);border-color:var(--primary-700);text-decoration:none}.btn-secondary{background-color:var(--white);color:var(--gray-700);border-color:var(--gray-300)}.btn-secondary:hover:not(:disabled){background-color:var(--gray-50);border-color:var(--gray-400)}.btn-outline{background-color:transparent;color:var(--primary-600);border-color:var(--primary-600)}.btn-outline:hover:not(:disabled){background-color:var(--primary-600);color:var(--white)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:1.125rem}.btn-sm{padding:var(--space-2) var(--space-4);font-size:.875rem}.form-group{margin-bottom:var(--space-6)}.form-label{display:block;margin-bottom:var(--space-2);font-weight:600;color:var(--gray-700)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-3) var(--space-4);font-size:1rem;border:2px solid var(--gray-300);border-radius:var(--radius-lg);background-color:var(--white);transition:var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #f973161a}.form-textarea{resize:vertical;min-height:100px}.form-error{color:#dc2626;font-size:.875rem;margin-top:var(--space-1)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.container-fluid{width:100%;padding:0 var(--space-4)}.row{display:flex;flex-wrap:wrap;margin:0 calc(-1 * var(--space-4))}.col{flex:1 0 0%;padding:0 var(--space-4)}.col-auto{flex:0 0 auto;width:auto;padding:0 var(--space-4)}.col-1{flex:0 0 8.333333%;max-width:8.333333%}.col-2{flex:0 0 16.666667%;max-width:16.666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.333333%;max-width:33.333333%}.col-5{flex:0 0 41.666667%;max-width:41.666667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.333333%;max-width:58.333333%}.col-8{flex:0 0 66.666667%;max-width:66.666667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.333333%;max-width:83.333333%}.col-11{flex:0 0 91.666667%;max-width:91.666667%}.col-12{flex:0 0 100%;max-width:100%}.navbar-title{font-size:1.5rem;font-weight:700;color:var(--gray-900);margin:0}.navbar-subtitle{font-size:.75rem;color:var(--gray-600);margin:0}.navbar-search{flex:1;max-width:400px;margin:0 var(--space-8)}.search-container{position:relative;width:100%}.search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--gray-400)}.search-input{width:100%;padding:var(--space-3) var(--space-3) var(--space-3) var(--space-10);border:2px solid var(--gray-300);border-radius:var(--radius-lg);background-color:var(--white);transition:var(--transition-fast)}.search-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #f973161a}.cart-button{position:relative;padding:var(--space-2);color:var(--gray-700);text-decoration:none;border-radius:var(--radius);transition:var(--transition-fast)}.cart-button:hover{background-color:var(--gray-100);color:var(--primary-600);text-decoration:none}.cart-badge{position:absolute;top:-4px;right:-4px;background-color:var(--primary-600);color:var(--white);font-size:.75rem;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.auth-button{padding:var(--space-2);color:var(--gray-700);text-decoration:none;border-radius:var(--radius);transition:var(--transition-fast)}.auth-button:hover{background-color:var(--gray-100);color:var(--primary-600);text-decoration:none}.mobile-menu-button{display:none;padding:var(--space-2);background:none;border:none;color:var(--gray-700);cursor:pointer;border-radius:var(--radius);transition:var(--transition-fast)}.mobile-menu-button:hover{background-color:var(--gray-100);color:var(--primary-600)}.mobile-nav{display:none}.mobile-search{padding:var(--space-4) 0}.hero-subtitle{font-size:1.5rem;margin-bottom:var(--space-8);opacity:.9;color:var(--white)}.feature-title{font-size:1.5rem;font-weight:600;margin-bottom:var(--space-4);color:var(--gray-900)}.feature-description{color:var(--gray-600);line-height:1.6}.location-map{background-color:var(--gray-200);height:400px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center}.map-placeholder{text-align:center;color:var(--gray-500)}.map-placeholder p{margin-bottom:var(--space-2)}@media(max-width:768px){.navbar-search,.desktop-nav{display:none}.mobile-menu-button{display:block}.mobile-nav{display:none;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--white);box-shadow:var(--shadow-lg);padding:var(--space-4)}.mobile-nav.mobile-open{display:flex}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.25rem}}.card{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden;transition:var(--transition-normal)}.card:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.card-header{padding:var(--space-6);border-bottom:1px solid var(--gray-200)}.card-body{padding:var(--space-6)}.card-footer{padding:var(--space-6);border-top:1px solid var(--gray-200);background-color:var(--gray-50)}.navbar{background:var(--white);box-shadow:var(--shadow-md);position:sticky;top:0;z-index:1000}.navbar-container{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) 0}.navbar-brand{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--gray-900)}.navbar-logo{background:linear-gradient(135deg,var(--primary-500),var(--primary-700));padding:var(--space-2);border-radius:var(--radius-lg);color:var(--white)}.nav-link{color:var(--gray-700);text-decoration:none;font-weight:500;padding:var(--space-2) var(--space-3);border-radius:var(--radius);transition:var(--transition-fast)}.nav-link:hover,.nav-link.active{color:var(--primary-600);text-decoration:none;background-color:var(--primary-50)}.navbar-actions{display:flex;align-items:center;gap:var(--space-4)}.hero{background:linear-gradient(135deg,var(--primary-600),var(--primary-800));color:var(--white);padding:var(--space-20) 0;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:#0003}.hero:before{background:url(/assets/shortJeans-BkdbvPRB.jpeg) center/cover no-repeat;opacity:.4;mix-blend-mode:overlay}.hero:after{background:url(/assets/shirt-Bkbfj2zi.jpeg) center/cover repeat;opacity:.2;mix-blend-mode:soft-light}.hero-content{position:relative;text-align:center;max-width:800px;margin:0 auto}.hero-title{font-size:3.5rem;font-weight:800;margin-bottom:var(--space-6);color:var(--white)}.hero-subtitle{font-size:1.5rem;margin-bottom:var(--space-8);opacity:.9}.hero-actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.section{padding:var(--space-16) 0}.section-sm{padding:var(--space-12) 0}.section-lg{padding:var(--space-20) 0}.section-title{text-align:center;margin-bottom:var(--space-12)}.section-title h2{font-size:2.5rem;margin-bottom:var(--space-4)}.section-title p{font-size:1.25rem;color:var(--gray-600);max-width:600px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-8);margin-top:var(--space-12)}.feature-card{text-align:center;padding:var(--space-8)}.feature-icon{width:80px;height:80px;background:var(--primary-100);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-6);color:var(--primary-600)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-6);margin-top:var(--space-8)}.product-image{width:100%;height:200px;background:var(--gray-200);display:flex;align-items:center;justify-content:center;color:var(--gray-400)}.product-title{font-size:1.25rem;font-weight:600;margin-bottom:var(--space-2)}.product-description{color:var(--gray-600);margin-bottom:var(--space-4);font-size:.875rem}.product-price{font-size:1.5rem;font-weight:700;color:var(--primary-600);margin-bottom:var(--space-4)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--primary-600)}.text-secondary{color:var(--gray-600)}.text-success{color:#059669}.text-warning{color:#d97706}.text-error{color:#dc2626}.bg-primary{background-color:var(--primary-600)}.bg-secondary{background-color:var(--gray-600)}.bg-white{background-color:var(--white)}.bg-gray-50{background-color:var(--gray-50)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.d-flex{display:flex}.d-grid{display:grid}.d-none{display:none}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.align-items-center{align-items:center}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}.w-100{width:100%}.h-100{height:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.fade-in{animation:fadeIn .5s ease-in-out}.slide-up{animation:slideUp .3s ease-out}.slide-in{animation:slideIn .3s ease-out}@media(max-width:768px){html{font-size:14px}h1{font-size:2.25rem}h2{font-size:1.875rem}.container{padding:0 var(--space-4)}.navbar-nav{flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--white);box-shadow:var(--shadow-lg);padding:var(--space-4);display:none}.navbar-nav.mobile-open{display:flex}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.25rem}.hero-actions{flex-direction:column;align-items:center}.features-grid{grid-template-columns:1fr}.products-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-12{flex:0 0 100%;max-width:100%}}@media(max-width:480px){html{font-size:12px}.products-grid{grid-template-columns:1fr}.col-sm-12{flex:0 0 100%;max-width:100%}}@media print{.navbar,.hero-actions,.btn{display:none!important}body{background:#fff!important;color:#000!important}.container{max-width:none!important}}.footer{background:var(--secondary-900);color:var(--white);padding:var(--space-16) 0 var(--space-8)}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:var(--space-8);margin-bottom:var(--space-8)}.footer-section{display:flex;flex-direction:column}.footer-brand{margin-bottom:var(--space-6)}.footer-logo{display:flex;align-items:center;gap:var(--space-3);font-size:1.5rem;font-weight:700;margin-bottom:var(--space-4)}.footer-description{color:var(--secondary-300);line-height:1.6}.footer-title{font-size:1.25rem;font-weight:600;margin-bottom:var(--space-4);color:var(--white)}.footer-links{list-style:none}.footer-links li{margin-bottom:var(--space-2)}.footer-links a{color:var(--secondary-300);text-decoration:none;transition:var(--transition-fast)}.footer-links a:hover{color:var(--primary-400);text-decoration:none}.contact-info{margin-bottom:var(--space-6)}.contact-item{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);color:var(--secondary-300)}.social-links{display:flex;gap:var(--space-3)}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--secondary-700);color:var(--white);border-radius:var(--radius);transition:var(--transition-fast)}.social-link:hover{background:var(--primary-600);color:var(--white);text-decoration:none}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-8);border-top:1px solid var(--secondary-700);color:var(--secondary-400)}.footer-bottom-links{display:flex;gap:var(--space-6)}.footer-bottom-links a{color:var(--secondary-400);text-decoration:none;transition:var(--transition-fast)}.footer-bottom-links a:hover{color:var(--primary-400);text-decoration:none}.products-page{padding:var(--space-8) 0}.page-header{text-align:center;margin-bottom:var(--space-8)}.page-header h1{font-size:2.5rem;margin-bottom:var(--space-2)}.products-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8);gap:var(--space-6)}.search-filter{display:flex;align-items:center;gap:var(--space-6);flex:1}.search-box{position:relative;flex:1;max-width:400px}.search-box svg{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--gray-400)}.search-box input{width:100%;padding:var(--space-3) var(--space-3) var(--space-3) var(--space-10);border:2px solid var(--gray-300);border-radius:var(--radius-lg);background:var(--white)}.filter-group{display:flex;align-items:center;gap:var(--space-4)}.filter-group select{padding:var(--space-2) var(--space-3);border:2px solid var(--gray-300);border-radius:var(--radius);background:var(--white)}.view-controls{display:flex;gap:var(--space-2)}.product-selected{border:2px solid var(--primary-500);box-shadow:0 0 0 3px #f973161a;transform:translateY(-2px)}.selected-badge{position:absolute;top:var(--space-2);left:var(--space-2);background:var(--primary-600);color:var(--white);padding:var(--space-1) var(--space-2);border-radius:var(--radius);font-size:.75rem;font-weight:600;animation:slideIn .3s ease-out}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-primary:disabled{background-color:var(--gray-400);border-color:var(--gray-400)}@keyframes bounce{0%,20%,60%,to{transform:translateY(0)}40%{transform:translateY(-10px)}80%{transform:translateY(-5px)}}.product-selected .btn-primary{background-color:var(--primary-700);border-color:var(--primary-700);animation:bounce .5s ease}.btn-loading{position:relative;color:transparent}.btn-loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin 1s linear infinite}.view-btn{padding:var(--space-2);border:2px solid var(--gray-300);background:var(--white);border-radius:var(--radius);cursor:pointer;transition:var(--transition-fast)}.view-btn.active{background:var(--primary-600);border-color:var(--primary-600);color:var(--white)}.products-container{margin-bottom:var(--space-8)}.products-container.grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-6)}.products-container.list-view .product-card{display:flex;gap:var(--space-6)}.products-container.list-view .product-image{width:200px;height:150px;flex-shrink:0}.product-card{background:var(--white);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);transition:var(--transition-normal)}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.product-image{width:100%;height:200px;background:var(--gray-200);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover}.out-of-stock{position:absolute;top:var(--space-2);right:var(--space-2);background:var(--gray-600);color:var(--white);padding:var(--space-1) var(--space-2);border-radius:var(--radius);font-size:.75rem;font-weight:600}.product-content{padding:var(--space-6)}.product-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-2)}.product-title{font-size:1.25rem;font-weight:600;margin:0;color:var(--gray-900)}.product-rating{display:flex;align-items:center;gap:var(--space-1);color:var(--primary-500);font-size:.875rem;font-weight:600}.product-brand{color:var(--gray-600);font-weight:500;margin-bottom:var(--space-2)}.product-description{color:var(--gray-600);margin-bottom:var(--space-4);line-height:1.5}.product-pricing{margin-bottom:var(--space-4)}.price-section{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-1)}.wholesale-price{font-size:1.5rem;font-weight:700;color:var(--primary-600)}.retail-price{font-size:1rem;color:var(--gray-500);text-decoration:line-through}.min-order{font-size:.875rem;color:var(--gray-500)}.product-actions{display:flex;gap:var(--space-3)}.pagination{display:flex;justify-content:center;gap:var(--space-2)}.pagination-btn{padding:var(--space-2) var(--space-3);border:2px solid var(--gray-300);background:var(--white);border-radius:var(--radius);cursor:pointer;transition:var(--transition-fast)}.pagination-btn:hover:not(.disabled){border-color:var(--primary-600);color:var(--primary-600)}.pagination-btn.active{background:var(--primary-600);border-color:var(--primary-600);color:var(--white)}.pagination-btn.disabled{opacity:.5;cursor:not-allowed}.loading-container,.error-container,.empty-cart{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid var(--gray-300);border-top:4px solid var(--primary-600);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-4)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.breadcrumb{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-6);font-size:.875rem;color:var(--gray-600)}.breadcrumb a{color:var(--primary-600);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}@media(max-width:768px){.footer-content{grid-template-columns:1fr;gap:var(--space-6)}.products-controls{flex-direction:column;align-items:stretch}.search-filter{flex-direction:column;gap:var(--space-4)}.search-box{max-width:none}.filter-group{justify-content:space-between}.products-container.grid-view{grid-template-columns:1fr}.products-container.list-view .product-card{flex-direction:column}.products-container.list-view .product-image{width:100%;height:200px}.footer-bottom{flex-direction:column;gap:var(--space-4);text-align:center}}.product-card.product-selected{border:2px solid var(--primary-500);box-shadow:0 0 10px #f9731666;transform:scale(1.02);transition:var(--transition-normal)}.selected-badge{position:absolute;top:10px;right:10px;background:var(--primary-600);color:var(--white);padding:.25rem .5rem;border-radius:var(--radius);font-size:.75rem;font-weight:600;animation:fadeIn .3s ease-in-out}.product-image{position:relative;overflow:hidden}.about-hero{background:linear-gradient(135deg,var(--primary-600),var(--primary-800));color:var(--white);padding:var(--space-20) 0;text-align:center}.about-hero-content h1{font-size:3.5rem;margin-bottom:var(--space-4);color:var(--white)}.hero-subtitle{font-size:1.5rem;opacity:.9;max-width:600px;margin:0 auto}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center}.story-content h2{font-size:2.5rem;margin-bottom:var(--space-6)}.story-content p{font-size:1.125rem;line-height:1.7;margin-bottom:var(--space-4)}.story-image .image-placeholder{background:var(--gray-200);height:400px;border-radius:var(--radius-xl);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--gray-500)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-8);text-align:center}.stat-item{padding:var(--space-6)}.stat-number{font-size:3rem;font-weight:800;margin-bottom:var(--space-2)}.stat-label{font-size:1.125rem;opacity:.9}.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8)}.mission-card{text-align:center;padding:var(--space-8)}.mission-icon{color:var(--primary-600);margin-bottom:var(--space-4)}.mission-card h3{font-size:1.5rem;margin-bottom:var(--space-4)}.mission-card p{font-size:1.125rem;line-height:1.6;color:var(--gray-600)}.values-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-8)}.value-card{text-align:center;padding:var(--space-8);background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:var(--transition-normal)}.value-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.value-icon{width:80px;height:80px;background:var(--primary-100);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-6);color:var(--primary-600)}.value-card h3{font-size:1.5rem;margin-bottom:var(--space-4)}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.team-card{background:var(--white);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);transition:var(--transition-normal)}.team-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.team-image .image-placeholder{height:200px;background:var(--gray-200);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--gray-500)}.team-info{padding:var(--space-6);text-align:center}.team-info h3{font-size:1.25rem;margin-bottom:var(--space-1)}.team-role{color:var(--primary-600);font-weight:600;margin-bottom:var(--space-3)}.team-description{color:var(--gray-600);line-height:1.5}.location-content{text-align:center;max-width:800px;margin:0 auto}.location-content h2{font-size:2.5rem;margin-bottom:var(--space-4)}.location-content p{font-size:1.125rem;line-height:1.7;margin-bottom:var(--space-6)}.location-features{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-bottom:var(--space-8);text-align:left}.location-feature{padding:var(--space-4);background:var(--gray-50);border-radius:var(--radius-lg)}.location-actions{display:flex;gap:var(--space-4);justify-content:center}.cta-content{text-align:center;max-width:600px;margin:0 auto}.cta-content h2{font-size:2.5rem;margin-bottom:var(--space-4);color:var(--white)}.cta-content p{font-size:1.25rem;margin-bottom:var(--space-8);opacity:.9}.cta-actions{display:flex;gap:var(--space-4);justify-content:center}.btn-white{background:var(--white);color:var(--primary-600);border-color:var(--white)}.btn-white:hover{background:var(--gray-100);border-color:var(--gray-100)}.btn-outline-white{background:transparent;color:var(--white);border-color:var(--white)}.btn-outline-white:hover{background:var(--white);color:var(--primary-600)}.contact-hero{background:linear-gradient(135deg,var(--primary-600),var(--primary-800));color:var(--white);padding:var(--space-16) 0;text-align:center}.contact-hero-content h1{font-size:3rem;margin-bottom:var(--space-4);color:var(--white)}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);padding:var(--space-12) 0}.contact-info h2{font-size:2rem;margin-bottom:var(--space-4)}.contact-description{font-size:1.125rem;line-height:1.6;color:var(--gray-600);margin-bottom:var(--space-8)}.contact-methods{margin-bottom:var(--space-8)}.contact-method{display:flex;gap:var(--space-4);padding:var(--space-6);border:2px solid var(--gray-200);border-radius:var(--radius-xl);margin-bottom:var(--space-4);transition:var(--transition-normal)}.contact-method:hover{border-color:var(--primary-500);transform:translateY(-2px)}.contact-icon{width:50px;height:50px;background:var(--primary-100);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;color:var(--primary-600);flex-shrink:0}.contact-details h3{font-size:1.25rem;margin-bottom:var(--space-2)}.contact-details p{color:var(--gray-600);margin-bottom:var(--space-1)}.contact-link{color:var(--primary-600);font-weight:600;text-decoration:none;margin-top:var(--space-2);display:inline-block}.contact-link:hover{text-decoration:underline}.contact-map{margin-top:var(--space-8)}.contact-map h3{font-size:1.5rem;margin-bottom:var(--space-4)}.contact-map .map-placeholder{background:var(--gray-200);height:300px;border-radius:var(--radius-xl);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--gray-500);text-align:center}.map-address{font-weight:600;margin:var(--space-2) 0}.form-card{background:var(--white);padding:var(--space-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);position:sticky;top:var(--space-8)}.form-card h2{font-size:2rem;margin-bottom:var(--space-2)}.form-card p{color:var(--gray-600);margin-bottom:var(--space-6)}.contact-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.faq-section{text-align:center}.faq-section h2{font-size:2.5rem;margin-bottom:var(--space-8)}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6);text-align:left}.faq-item{padding:var(--space-6);background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.faq-item h3{font-size:1.25rem;margin-bottom:var(--space-3);color:var(--gray-900)}.faq-item p{color:var(--gray-600);line-height:1.6}.dashboard-button{background:transparent;border:none;font-weight:600;cursor:pointer;margin-right:1rem;color:var(--primary-color, #222);transition:color .2s ease}.dashboard-button:hover{color:var(--primary-600)}@media(max-width:768px){.about-hero-content h1,.contact-hero-content h1{font-size:2.5rem}.story-grid,.mission-grid,.values-grid,.team-grid,.contact-layout,.faq-grid{grid-template-columns:1fr}logout-button{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);margin-top:var(--space-3);border:none;background:var(--primary-600);color:var(--red-600);border-radius:var(--radius-lg);font-weight:600;cursor:pointer;transition:var(--transition-fast)}.logout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);margin-top:var(--space-3);border:none;background:var(--primary-600);color:var(--red-600);border-radius:var(--radius-lg);font-weight:600;cursor:pointer;transition:var(--transition-fast)}.logout-btn:hover{background:var(--red-100);color:var(--red-700)}.logout-item{color:var(--red-600);font-weight:500}.logout-item:hover{background:var(--red-50);color:var(--red-700)}.stats-grid{grid-template-columns:repeat(2,1fr)}.location-features{grid-template-columns:1fr}.location-actions,.cta-actions{flex-direction:column;align-items:center}.contact-form .form-grid{grid-template-columns:1fr}.story-image .image-placeholder,.team-image .image-placeholder{height:250px}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}}:root{--lion-primary: #8B4513;--lion-secondary: #D4A76A;--lion-accent: #E67E22;--lion-light: #FAF3E0;--lion-dark: #2C1810}.lion-hero{background:linear-gradient(#2c1810cc,#2c1810cc),url(/images/thrift-hero.jpg);background-size:cover;background-position:center;color:#fff}.lion-btn-primary{background-color:var(--lion-accent);border-color:var(--lion-accent);color:#fff}.lion-btn-primary:hover{background-color:#d35400;border-color:#d35400}.lion-btn-outline{border-color:#fff;color:#fff}.lion-btn-outline:hover{background-color:#fff;color:var(--lion-dark)}.lion-btn-secondary{background-color:var(--lion-primary);border-color:var(--lion-primary)}.lion-feature-icon{background-color:var(--lion-light);color:var(--lion-primary)}.lion-navbar{background-color:#fff;box-shadow:0 2px 10px #8b45131a}.lion-logo{color:var(--lion-primary)}.lion-cart-button{position:relative}.lion-cart-badge{background-color:var(--lion-accent);color:#fff}.lion-footer{background-color:var(--lion-dark);color:#fff}.lion-footer a{color:var(--lion-secondary)}.lion-footer a:hover{color:#fff}.sustainability-badge{display:inline-flex;align-items:center;gap:8px;background-color:var(--lion-accent);color:#fff;padding:6px 12px;border-radius:20px;margin-top:15px;font-size:.9rem}.category-overlay{position:absolute;top:10px;right:10px}.category-badge{background-color:var(--lion-accent);color:#fff;padding:4px 12px;border-radius:15px;font-size:.8rem;font-weight:700}.sustainable-stats{display:flex;justify-content:space-around;margin-top:30px}.stat-item{text-align:center}.stat-number{display:block;font-size:2.5rem;font-weight:700;color:var(--lion-primary)}.stat-label{font-size:.9rem;color:var(--lion-dark)}.lion-cta-section{background-color:var(--lion-primary);color:#fff;text-align:center}.lion-cta-section h2{color:#fff}.lion-cta-section .lion-btn-secondary{background-color:#fff;color:var(--lion-primary);border-color:#fff}.lion-cta-section .lion-btn-secondary:hover,.bg-lion-light{background-color:var(--lion-light)}.lion-dashboard-btn{background-color:var(--lion-light);color:var(--lion-primary);border:1px solid var(--lion-secondary)}.lion-dashboard-btn:hover{background-color:var(--lion-secondary);color:#fff}.lion-about .about-hero{background:linear-gradient(#8b4513d9,#8b4513d9),url(/images/thrift-story.jpg);background-size:cover;background-position:center;color:#fff;padding:100px 0;text-align:center}.lion-title{color:var(--lion-primary);position:relative;padding-bottom:10px}.lion-title:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background-color:var(--lion-accent)}.impact-highlight{display:flex;align-items:center;gap:10px;background-color:var(--lion-light);padding:15px;border-radius:8px;margin-top:20px;color:var(--lion-primary);font-weight:500}.lion-story-image{background-color:var(--lion-light);padding:40px;border-radius:10px;text-align:center}.lion-story-image svg{color:var(--lion-primary)}.lion-stat .stat-number{font-size:2.5rem;font-weight:700;color:#fff}.lion-stat .stat-label{font-size:.9rem;opacity:.9}.process-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-top:40px}.process-card{background:#fff;padding:30px;border-radius:10px;text-align:center;box-shadow:0 5px 15px #8b45131a;transition:transform .3s ease}.process-card:hover{transform:translateY(-5px)}.process-step{width:40px;height:40px;background-color:var(--lion-accent);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;margin:0 auto 15px}.process-icon{width:70px;height:70px;background-color:var(--lion-light);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.process-icon svg{color:var(--lion-primary)}.lion-mission-card{background:var(--lion-light);padding:40px;border-radius:10px;text-align:center;transition:all .3s ease}.lion-mission-card:hover{background:#fff;box-shadow:0 10px 30px #8b45131a}.lion-mission-icon{color:var(--lion-accent);margin-bottom:20px}.lion-value-card{background:#fff;padding:30px;border-radius:10px;text-align:center;box-shadow:0 5px 15px #8b451314;border-top:4px solid var(--lion-accent)}.lion-value-icon{width:70px;height:70px;background-color:var(--lion-light);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.lion-value-icon svg{color:var(--lion-primary)}.lion-team-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 5px 15px #8b45131a;transition:transform .3s ease}.lion-team-card:hover{transform:translateY(-5px)}.lion-team-image{height:200px;display:flex;align-items:center;justify-content:center;background-color:var(--lion-light)}.lion-team-image svg{color:var(--lion-primary)}.lion-team-role{color:var(--lion-accent);font-weight:600;margin-bottom:10px}.team-info{padding:20px}.sustainability-commitment{display:grid;grid-template-columns:2fr 1fr;gap:50px;align-items:center}.commitment-list{list-style:none;padding:0}.commitment-list li{position:relative;padding:8px 0 8px 25px}.commitment-list li:before{content:"✓";position:absolute;left:0;color:var(--lion-secondary);font-weight:700}.commitment-badge{text-align:center;padding:30px;background-color:#ffffff1a;border-radius:10px}.commitment-badge svg{color:var(--lion-secondary);margin-bottom:15px}.commitment-badge span{display:block;font-size:1.2rem;font-weight:500}.lion-location-features{background-color:var(--lion-light);padding:25px;border-radius:10px;margin:30px 0}.location-feature{padding:10px 0;border-bottom:1px solid rgba(139,69,19,.1)}.location-feature:last-child{border-bottom:none}.lion-cta{text-align:center;padding:60px 0}.lion-cta h2{color:#fff}.lion-cta .btn-white{background-color:#fff;color:var(--lion-accent)}.lion-cta .btn-outline-white{border-color:#fff;color:#fff}.lion-cta .btn-outline-white:hover{background-color:#fff;color:var(--lion-accent)}@media(max-width:768px){.sustainability-commitment{grid-template-columns:1fr;gap:30px}.commitment-badge{order:-1}.process-grid{grid-template-columns:1fr}}.lion-footer{background:linear-gradient(135deg,var(--lion-primary),var(--lion-dark));color:#fff;padding:60px 0 20px;margin-top:80px;position:relative;overflow:hidden}.lion-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:40px;margin-bottom:40px}.footer-section{animation:fadeInUp .6s ease}.footer-brand{max-width:350px}.footer-logo{display:flex;align-items:center;gap:10px;margin-bottom:20px}.footer-logo svg{color:var(--lion-accent)}.footer-logo span{font-size:1.5rem;font-weight:700;color:#fff}.footer-description{color:#ffffffd9;line-height:1.6;margin-bottom:20px;font-size:.95rem}.sustainability-badge{display:inline-flex;align-items:center;gap:8px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 16px;border-radius:20px;color:#fff;font-size:.9rem;border:1px solid rgba(255,255,255,.2)}.sustainability-badge svg{animation:spinSlow 20s linear infinite}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.footer-title{font-size:1.1rem;margin-bottom:20px;color:#fff;position:relative;padding-bottom:10px}.footer-title:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background:var(--lion-accent)}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:12px}.footer-links a{color:#fffc;text-decoration:none;font-size:.95rem;transition:all .3s ease;display:inline-block;position:relative}.footer-links a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--lion-accent);transition:width .3s ease}.footer-links a:hover{color:#fff;transform:translate(5px)}.footer-links a:hover:after{width:100%}.contact-info{margin-bottom:30px}.contact-item{display:flex;align-items:center;gap:12px;margin-bottom:15px;color:#ffffffe6}.contact-item svg{color:var(--lion-accent);flex-shrink:0}.social-links{background:#ffffff0d;padding:20px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.social-title{font-size:1rem;margin-bottom:15px;color:#fff}.social-icons{display:flex;gap:15px}.social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff1a;border-radius:50%;color:#fff;transition:all .3s ease;border:1px solid rgba(255,255,255,.2)}.social-link:hover{background:var(--lion-accent);transform:translateY(-3px);border-color:var(--lion-accent);box-shadow:0 5px 15px #e67e224d}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:30px;margin-top:40px}.footer-mission{text-align:center;margin-bottom:30px;padding:20px;background:#ffffff0d;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.footer-mission p{color:#ffffffe6;font-size:1rem;margin:0;font-style:italic}.footer-bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.copyright{flex:1;min-width:300px}.copyright-text{color:#fff;font-size:.95rem;margin-bottom:8px;font-weight:500}.copyright-disclaimer{color:#fff9;font-size:.85rem;margin:0}.footer-bottom-links{display:flex;gap:25px;flex-wrap:wrap}.footer-bottom-links a{color:#fffc;text-decoration:none;font-size:.9rem;transition:all .3s ease;position:relative}.footer-bottom-links a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--lion-accent);transition:width .3s ease}.footer-bottom-links a:hover{color:#fff}.footer-bottom-links a:hover:after{width:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.footer-section:nth-child(1){animation-delay:.1s}.footer-section:nth-child(2){animation-delay:.2s}.footer-section:nth-child(3){animation-delay:.3s}.footer-section:nth-child(4){animation-delay:.4s}@media(max-width:1024px){.footer-content{grid-template-columns:1fr 1fr;gap:30px}}@media(max-width:768px){.lion-footer{padding:40px 0 20px}.footer-content{grid-template-columns:1fr;gap:30px}.footer-bottom-content{flex-direction:column;text-align:center;gap:20px}.copyright{min-width:auto}.footer-bottom-links{justify-content:center}.footer-mission{padding:15px}.footer-mission p{font-size:.9rem}}@media(max-width:480px){.footer-bottom-links{flex-direction:column;gap:15px;align-items:center}.social-icons{justify-content:center}}