.about-container{max-width:1200px;margin:0 auto;padding:2rem}.about-hero{align-items:center;gap:3rem;margin-bottom:4rem;display:flex}.about-image{border-radius:10px;flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.hero-image{object-fit:cover;object-position:center;border-radius:10px;width:100%;height:100%;max-height:500px}.about-content{flex:1}.about-content h2{color:#2c3e50;margin-bottom:1rem;font-size:2.5rem}.about-content p{color:#555;margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.about-stats{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.stat-box{text-align:center;background:#f8f9fa;border-radius:8px;padding:1.5rem;transition:transform .3s}.stat-box:hover{transform:translateY(-5px)}.stat-icon{color:#3498db;margin-bottom:.5rem;font-size:2rem}.stat-box h4{color:#2c3e50;margin:.5rem 0;font-size:1.5rem}.stat-box p{color:#7f8c8d;margin:0;font-size:.9rem}.ecommerce-features{text-align:center;margin:4rem 0}.ecommerce-features h2{color:#2c3e50;margin-bottom:3rem;font-size:2.5rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid}.feature-card{background:#fff;border-radius:10px;padding:2rem;transition:transform .3s;box-shadow:0 4px 6px #0000001a}.feature-card:hover{transform:translateY(-5px)}.feature-icon{color:#3498db;margin-bottom:1rem;font-size:2.5rem}.feature-card h3{color:#2c3e50;margin-bottom:1rem}.feature-card p{color:#7f8c8d;line-height:1.6}.company-values{margin:4rem 0}.values-container{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.value-card{text-align:center;color:#fff;border-radius:10px;padding:2.5rem;transition:transform .3s}.value-card:hover{transform:translateY(-5px)}.value-icon{margin-bottom:1rem;font-size:3rem}.value-card h2{margin-bottom:1rem;font-size:1.8rem}.value-card p{font-size:1.1rem;line-height:1.6}.mission{background:linear-gradient(135deg,#3498db,#2980b9)}.vision{background:linear-gradient(135deg,#9b59b6,#8e44ad)}.goals{background:linear-gradient(135deg,#e74c3c,#c0392b)}@media (max-width:768px){.about-hero{flex-direction:column;gap:2rem}.about-image,.about-content{flex:none;width:100%}.hero-image{max-height:300px}.about-stats,.values-container{grid-template-columns:1fr}}