.about-tabs{display:flex;background:#e5e5e5;padding:.4vw;border-radius:2vw;width:fit-content;gap:.5vw}.tab{padding:.7vw 1.5vw;border-radius:2vw;font-weight:700;color:#5b6b7c;cursor:pointer;transition:all .25s ease}.about-tabs{background:#dedede}.tabs-container{position:relative;display:flex;background:#e5e5e5;border-radius:40px;padding:5px;width:fit-content;overflow:hidden}.tab{position:relative;padding:12px 28px;font-weight:700;color:#5b6b7c;cursor:pointer;z-index:2;transition:color .25s ease}.tab.active{color:#fff}.tab-indicator{position:absolute;height:calc(100% - 10px);background:#c6262c;border-radius:40px;left:5px;top:5px;transition:transform .35s ease;box-shadow:0 4px 10px #00000026}.read-more-btn-about{width:11.1vw;height:3vw;border:.15vw solid #ba242d;border-radius:3vw;color:#ba242d;font-size:1.2vw;font-weight:800;display:flex;justify-content:center;cursor:pointer;transition:all .25s ease}.read-more-btn-about p{margin-top:1vw}.read-more-btn-about:hover{background-color:#ba242d;color:#fff}.read-more-btn-about:active{transform:scale(.95)}.read-more-btn-service{width:7vw;height:2.8vw;border:.15vw solid #ba242d;border-radius:3vw;color:#ba242d;font-size:1.2vw;font-weight:500;display:flex;justify-content:center;cursor:pointer;transition:all .25s ease}.read-more-btn-service p{margin-top:1vw}.read-more-btn-service:hover{background-color:#ba242d;color:#fff}.read-more-btn-service:active{transform:scale(.95)}.get-started-btn-service{width:11.5vw;height:2.9vw;background-color:#ba242d;border-radius:3vw;color:#fff;font-size:1.2vw;font-weight:500;display:flex;justify-content:center;cursor:pointer;align-items:center;gap:.6vw}.get-started-btn-service img{width:1vw;height:1vw;margin-top:-.25vw;transition:transform .25s ease}.get-started-btn-service:hover img{transform:translate(.3vw)}.read-more-btn{width:10vw;height:3.5vw;border:.2vw solid #ba242d;border-radius:3vw;color:#ba242d;font-size:1.2vw;font-weight:800;display:flex;justify-content:center;cursor:pointer;transition:all .25s ease}.read-more-btn p{margin-top:1vw}.read-more-btn:hover{background-color:#ba242d;color:#fff}.read-more-btn:active{transform:scale(.95)}.get-started-btn{width:15vw;height:3.5vw;background-color:#ba242d;border-radius:3vw;color:#fff;font-size:1.2vw;font-weight:800;display:flex;justify-content:center;cursor:pointer;align-items:center;gap:.6vw}.get-started-btn img{width:1vw;height:1vw;margin-top:-.25vw;transition:transform .25s ease}.get-started-btn:hover img{transform:translate(.3vw)}body.dark{background:#111;color:#eee}body.dark .navbar{background:#141414d9;border-bottom:1px solid #333}body.dark .nav-item{color:#bbb}body.dark .nav-item:hover,body.dark .nav-item.active{color:#fff}body.dark .logout-btn{background:#fff;color:#000}.navbar{z-index:1000;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff80;transition:all .3s ease;padding:1.5vw 3.2vw;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.navbar.shrink{padding:.5rem 1.1vw;box-shadow:0 4px 20px #0000000f}.navbar-inner{max-width:1200px;margin:0 auto;padding:1.2rem 2rem;display:flex;align-items:center;gap:2rem}.logo{font-size:1.4rem;font-weight:700;color:inherit;text-decoration:none}.nav-links{display:flex;gap:2rem}.nav-item{position:relative;text-decoration:none;color:#444;font-weight:500;font-size:1vw;transition:.2s ease}.nav-text{font-weight:500;font-size:.9vw;transition:.2s ease;text-decoration:none;color:#000;cursor:pointer}.nav-text:hover,.nav-item:hover{color:#e53935}.nav-item:after{content:"";position:absolute;left:0;bottom:-6px;height:2px;width:0;background:#e53935;transition:width .3s ease}.nav-item:hover:after,.nav-item.active:after{color:#e53935;width:100%}.cart-badge{margin-left:6px;background:red;color:#fff;font-size:.7rem;padding:3px 6px;border-radius:50px;animation:pop .3s ease}@keyframes pop{0%{transform:scale(.5)}to{transform:scale(1)}}.nav-right{display:flex;align-items:center;gap:1rem;border:.2vw solid #ba242d}.user-email{font-size:.9rem;color:#666}.logout-btn{background:#e53935;color:#fff;border:none;padding:.5rem 1rem;border-radius:20px;font-weight:500;cursor:pointer;transition:.2s ease}.logout-btn:hover{background:#c62828;transform:translateY(-2px)}.dark-toggle{border:none;background:none;font-size:1.2rem;cursor:pointer}.hamburger{display:none;flex-direction:column;gap:4px;cursor:pointer}.hamburger span{width:20px;height:2px;background:#000;transition:.3s}.hamburger.active span:nth-child(1){transform:rotate(45deg) translateY(6px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translateY(-6px)}@media(max-width:768px){.nav-links{position:absolute;top:70px;left:0;right:0;background:#fff;flex-direction:column;padding:1rem;display:none}.nav-links.open,.hamburger{display:flex}}.read-more-btn-mobile{width:95vw;height:13vw;margin-left:3vw;border:.2vw solid #ba242d;border-radius:10vw;color:#ba242d;font-size:4vw;font-weight:600;display:flex;justify-content:center;cursor:pointer;transition:all .25s ease;margin-top:4vw}.read-more-btn-mobile p{margin-top:1vw}.read-more-btn-mobile:hover{background-color:#ba242d;color:#fff}.read-more-btn-mobile:active{transform:scale(.95)}.get-started-btn-mobile{width:95vw;height:13vw;margin-left:3vw;background-color:#ba242d;border-radius:10vw;color:#fff;font-size:4vw;font-weight:600;display:flex;justify-content:center;cursor:pointer;align-items:center;gap:1vw}.get-started-btn-mobile img{width:3.5vw;height:3.5vw;margin-top:-.25vw;transition:transform .25s ease}.get-started-btn-mobile:hover img{transform:translate(.3vw)}.fade-in{animation:fadeIn .6s ease forwards;opacity:0}@keyframes fadeIn{to{opacity:1}}.shake{animation:shake .5s}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.spinner{display:inline-block;width:16px;height:16px;border:2px solid #fff;border-top:2px solid #3498db;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-container{max-width:400px;margin:2rem auto;padding:2rem;border-radius:8px;background:#f9f9f9;box-shadow:0 4px 12px #0000001a}.login-form{display:flex;flex-direction:column;gap:1rem}.login-form input{padding:.75rem;font-size:1rem;border-radius:4px;border:1px solid #ccc}.login-form button{padding:.75rem;font-size:1rem;border:none;border-radius:4px;background:#3498db;color:#fff;cursor:pointer;transition:background .3s}.login-form button:disabled{background:#95a5a6;cursor:not-allowed}.product-card{background:#fff;border-radius:12px;margin-left:1vw;margin-bottom:1vw;cursor:pointer;box-shadow:0 4px 12px #00000012;transition:.5s ease;position:relative;display:flex;flex-direction:column;height:33vw;width:31.2vw}.product-card:hover{transform:translateY(-6px);box-shadow:0 8px 20px #0003}.image-wrapper{height:20vw;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.image-wrapper img{max-height:100%;max-width:100%;object-fit:contain}.product-info{font-family:Roboto,sans-serif;margin-left:1.3vw}.category{font-size:.9vw;color:#888;text-transform:uppercase;font-weight:700}.price{color:#e53935;font-weight:900;font-size:1.5vw}.add-btn{border:.15vw solid #e53935;background:transparent;color:#e53935;border-radius:20px;height:2.5vw;width:5vw;cursor:pointer;transition:.2s ease;font-weight:600;font-size:1.05vw;margin-top:1vw}.add-btn:hover{background:#e53935;color:#fff}.add-btn:disabled{border:1px solid #ccc;color:#aaa;cursor:not-allowed}.badge{position:absolute;top:12px;left:12px;height:1.5vw;border-radius:12px;color:#fff;font-family:Roboto,sans-serif;font-weight:700;font-size:1vw;padding-top:.4vw;padding-left:.6vw;padding-right:.6vw}.badge.out{background:#d32f2f}.badge.low{background:#f57c00}.rating{position:absolute;top:12px;right:12px;height:1.5vw;background:#fff;padding-top:.4vw;padding-left:.6vw;padding-right:.6vw;font-family:Roboto,sans-serif;font-weight:700;font-size:1vw;border-radius:20px;font-size:12px;box-shadow:0 2px 6px #00000014}.wishlist{position:absolute;top:42px;right:12px;font-size:18px;color:#ccc;cursor:pointer;transition:.2s ease}.wishlist:hover{transform:scale(1.2)}.wishlist.active{color:#e53935}.badge.green{background:#2ecc71}.badge.red{background:#e53935}.badge.blue{background:#3498db}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.category-tabs{display:flex;gap:10px;margin-bottom:2rem;margin-left:1vw;flex-wrap:wrap}.pill{background:#e9ecef;border:none;padding:6px 14px;border-radius:20px;cursor:pointer;font-size:14px}.pill.active{background:#e53935;color:#fff}.toast{position:fixed;bottom:20px;right:20px;background:#111;color:#fff;padding:1rem 1.2rem;border-radius:8px;box-shadow:0 4px 12px #0003;cursor:pointer;z-index:999;animation:fadeIn .2s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}body{margin:0;font-family:Poppins,sans-serif;background-color:#fff;color:#222}.container{max-width:1200px;margin:auto;padding:2rem}.footer{background:#111827;color:#d1d5db;padding-top:60px;margin-top:80px}.footer-container{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:40px;padding:0 20px 60px}.footer-col h4,.footer-logo{color:#fff;margin-bottom:16px}.footer-desc{font-size:14px;line-height:1.6;margin-bottom:20px}.footer-col ul{list-style:none;padding:0;margin:0}.footer-col ul li{margin-bottom:10px;cursor:pointer;font-size:14px;transition:.2s}.footer-col ul li:hover{color:#fff}.social-icons{display:flex;gap:10px}.social-icons span{background:#1f2937;width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px}.subscribe-box{display:flex;margin-top:10px;background:#1f2937;border-radius:6px;overflow:hidden}.subscribe-box input{flex:1;padding:10px;border:none;background:transparent;color:#fff;outline:none}.subscribe-box button{background:#e53935;border:none;color:#fff;padding:0 16px;cursor:pointer}.footer-bottom{border-top:1px solid #1f2937;padding:20px;max-width:1200px;margin:auto;display:flex;justify-content:space-between;font-size:13px;color:#9ca3af}.footer-links{display:flex;gap:20px}.footer-links span{cursor:pointer}.footer-links span:hover{color:#fff}