*{box-sizing:border-box;margin:0;padding:0}.navbar{color:#fff;background-color:#000;padding:18px 0;font-family:Segoe UI,Arial,sans-serif}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px;display:flex}.logo{color:#fff;font-size:28px;font-weight:700;text-decoration:none}.logo span{color:#f90}.nav-menu{gap:35px;list-style:none;display:flex}.nav-menu a{color:#fff;letter-spacing:.5px;font-size:15px;font-weight:500;text-decoration:none;transition:color .3s}.nav-menu a:hover{color:#f90}.shop-btn{color:#fff;cursor:pointer;background-color:#f90;border:none;border-radius:4px;padding:10px 24px;font-size:15px;font-weight:600;transition:all .3s}.shop-btn:hover{background-color:#f70;transform:translateY(-2px)}.hero{color:#fff;background:linear-gradient(#000000bf,#000000bf),url(https://images.unsplash.com/photo-1492144534652-9162c7f6c8e8) 50%/cover no-repeat;align-items:center;height:80vh;display:flex;position:relative;overflow:hidden}.hero-overlay{background:linear-gradient(90deg,#000c,#0006);width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:2;flex-direction:column;gap:25px;width:100%;max-width:1200px;margin:0 auto;padding:0 20px;display:flex}.hero-title{max-width:700px;font-size:58px;font-weight:700;line-height:1.1}.hero-title span{color:#f90}.hero-subtitle{opacity:.95;max-width:580px;font-size:21px;line-height:1.4}.hero-buttons{gap:18px;margin-top:20px;display:flex}.btn-primary{color:#fff;cursor:pointer;background:#f90;border:none;border-radius:6px;padding:16px 36px;font-size:18px;font-weight:600;transition:all .3s}.btn-primary:hover{background:#f70;transform:translateY(-3px)}.btn-secondary{color:#fff;cursor:pointer;background:0 0;border:2px solid #fff;border-radius:6px;padding:16px 36px;font-size:18px;font-weight:600}.trust-badges{flex-wrap:wrap;gap:25px;margin-top:40px;font-size:17px;display:flex}.features{text-align:center;background:#f9f9f9;padding:100px 20px}.container{max-width:1200px;margin:0 auto}.features h2{color:#111;margin-bottom:60px;font-size:42px}.features-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:30px;display:grid}.feature-card{background:#fff;border-radius:12px;padding:40px 25px;transition:all .3s;box-shadow:0 8px 25px #00000012}.feature-card:hover{transform:translateY(-10px)}.feature-icon{margin-bottom:20px;font-size:42px}.footer{color:#888;text-align:center;background:#111;padding:35px 20px;font-size:15px}.catalog-hero{color:#fff;text-align:center;background:linear-gradient(#000c,#000000b3);justify-content:center;align-items:center;height:320px;display:flex}.hero-subtitle{opacity:.9;font-size:20px}.catalog-controls{flex-wrap:wrap;align-items:center;gap:20px;max-width:1200px;margin:30px auto;padding:0 20px;display:flex}.search-box input{border:1px solid #ddd;border-radius:8px;width:420px;padding:14px 20px;font-size:16px}.filters select{border:1px solid #ddd;border-radius:8px;margin-right:10px;padding:14px 18px;font-size:16px}.products-section{background:#f9f9f9;padding:40px 20px}.products-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;max-width:1200px;margin:0 auto;display:grid}.product-card{background:#fff;border-radius:12px;transition:all .3s;overflow:hidden;box-shadow:0 5px 15px #00000014}.product-card:hover{transform:translateY(-8px)}.product-image img{object-fit:cover;width:100%;height:200px}.product-info{padding:18px}.product-info h3{margin-bottom:6px;font-size:18px}.price{color:#f90;margin-bottom:12px;font-size:20px;font-weight:700}.add-to-cart{color:#fff;cursor:pointer;background:#f90;border:none;border-radius:6px;width:100%;padding:12px;font-weight:600}.brands-hero{color:#fff;text-align:center;background:linear-gradient(#000000d9,#000000bf),url(https://images.unsplash.com/photo-1492144534652-9162c7f6c8e8) 50%/cover;justify-content:center;align-items:center;height:340px;display:flex}.brands-section{background:#f9f9f9;padding:80px 20px}.brands-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:25px;max-width:1200px;margin:40px auto 60px;display:grid}.brand-card{text-align:center;background:#fff;border-radius:12px;padding:40px 25px;transition:all .3s;box-shadow:0 6px 20px #00000012}.brand-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #0000001f}.brand-logo{color:#111;background:#f8f8f8;border-radius:10px;justify-content:center;align-items:center;height:90px;margin-bottom:20px;font-size:42px;font-weight:700;display:flex}.brand-name{letter-spacing:2px;font-size:28px}.brand-desc{color:#555;font-size:15px;line-height:1.5}.all-brands{text-align:center;max-width:1200px;margin:0 auto}.all-brands h3{color:#333;margin-bottom:25px;font-size:24px}.brand-list{flex-wrap:wrap;justify-content:center;gap:18px;display:flex}.brand-list span{background:#fff;border-radius:50px;padding:12px 24px;font-size:16px;transition:all .3s;box-shadow:0 3px 10px #0000000f}.brand-list span:hover{color:#fff;background:#f90;transform:scale(1.05)}.deals-hero{color:#fff;text-align:center;background:linear-gradient(#000000d9,#000000bf),url(https://images.unsplash.com/photo-1492144534652-9162c7f6c8e8) 50%/cover;justify-content:center;align-items:center;height:340px;display:flex}.hero-subtitle{max-width:700px;font-size:20px}.deals-section{background:#f9f9f9;padding:80px 20px}.deals-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;max-width:1200px;margin:40px auto;display:grid}.deal-card{background:#fff;border-radius:12px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 6px 20px #00000014}.deal-card:hover{transform:translateY(-10px)}.discount-badge{color:#fff;z-index:2;background:red;border-radius:20px;padding:6px 14px;font-size:14px;font-weight:700;position:absolute;top:15px;right:15px}.deal-image img{object-fit:cover;width:100%;height:200px}.deal-info{padding:20px}.deal-info h3{margin-bottom:6px;font-size:18px}.brand{color:#666;margin-bottom:12px;font-size:14px}.price-area{margin:12px 0}.old-price{color:#999;margin-right:10px;font-size:15px;text-decoration:line-through}.new-price{color:#f90;font-size:22px;font-weight:700}.add-to-cart{color:#fff;cursor:pointer;background:#f90;border:none;border-radius:6px;width:100%;margin-top:8px;padding:14px;font-weight:600}.add-to-cart:hover{background:#f70}.deals-note{text-align:center;color:#d32f2f;margin-top:40px;font-weight:500}.support-hero{color:#fff;text-align:center;background:linear-gradient(#000c,#000000bf),url(https://images.unsplash.com/photo-1492144534652-9162c7f6c8e8) 50%/cover;justify-content:center;align-items:center;height:340px;display:flex}.hero-content h1{margin-bottom:12px;font-size:52px}.hero-subtitle{font-size:20px}.support-container{background:#f9f9f9;padding:60px 20px}.support-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;max-width:1200px;margin:0 auto 80px;display:grid}.support-card{text-align:center;background:#fff;border-radius:12px;padding:40px 30px;transition:all .3s;box-shadow:0 6px 20px #00000012}.support-card:hover{transform:translateY(-8px)}.support-icon{margin-bottom:20px;font-size:48px}.support-card h3{margin-bottom:12px;font-size:24px}.support-detail{color:#111;margin:8px 0;font-size:18px;font-weight:600}.support-time{color:#666;margin-bottom:25px}.support-btn{color:#fff;cursor:pointer;background:#f90;border:none;border-radius:6px;width:100%;padding:12px 28px;font-weight:600}.support-btn.whatsapp{background:#25d366}.support-btn:hover{opacity:.9}.faq-section{max-width:800px;margin:0 auto 80px}.faq-section h2{text-align:center;margin-bottom:40px;font-size:36px}.faq-item{background:#fff;border-radius:10px;margin-bottom:15px;padding:25px;box-shadow:0 4px 15px #0000000d}.faq-item h4{color:#111;margin-bottom:10px}.faq-item p{color:#555;line-height:1.6}.quick-help{text-align:center;background:#fff;border-radius:12px;max-width:700px;margin:0 auto;padding:50px 30px;box-shadow:0 8px 25px #00000014}.quick-help h3{margin-bottom:12px}.quick-help button{margin-top:20px;padding:16px 40px;font-size:18px}.u-container{background-color:#f8f9fa;min-height:100vh;padding:20px;font-family:Segoe UI,Arial,sans-serif}.u-header{text-align:center;margin-bottom:30px}.u-logo{color:#111;font-size:32px;font-weight:700}.u-logo-orange{color:#f90}.u-page-title{color:#333;margin-top:10px;font-size:28px}.u-user-container{grid-template-columns:1fr 1fr;gap:25px;max-width:900px;margin:0 auto;display:grid}.u-profile-card{text-align:center;background-color:#fff;border-radius:12px;padding:40px 30px;box-shadow:0 4px 15px #00000014}.u-avatar{margin-bottom:15px;font-size:80px}.u-user-name{color:#111;margin:10px 0 5px;font-size:24px}.u-user-email{color:#666;margin-bottom:8px}.u-user-phone{color:#666;margin-bottom:25px}.u-edit-button{color:#fff;cursor:pointer;background-color:#f90;border:none;border-radius:6px;padding:12px 30px;font-size:16px;font-weight:600}.u-details-section{background-color:#fff;border-radius:12px;padding:35px;box-shadow:0 4px 15px #00000014}.u-section-title{color:#222;border-bottom:2px solid #f90;margin-bottom:20px;padding-bottom:8px;font-size:20px}.u-info-row{border-bottom:1px solid #eee;justify-content:space-between;padding:12px 0;display:flex}.u-label{color:#555;font-weight:500}.u-value{color:#111;font-weight:500}.u-quick-links{background-color:#fff;border-radius:12px;padding:35px;box-shadow:0 4px 15px #00000014}.u-link-item{cursor:pointer;border-bottom:1px solid #eee;padding:14px 0;font-size:17px}.u-link-item:hover{color:#f90}.u-logout-container{text-align:center;margin-top:40px}.u-logout-button{color:#fff;cursor:pointer;background-color:#dc3545;border:none;border-radius:6px;padding:14px 40px;font-size:16px;font-weight:600}.hamburger{display:none}@media (width<=1024px){.nav-container{padding:0 16px}.nav-menu{gap:22px}.hero-title{font-size:46px}.hero-subtitle{font-size:18px}.search-box input{width:300px}.user-stats{grid-template-columns:repeat(3,1fr);gap:14px}.user-profile-header{padding:30px}.user-orders-section{padding:28px 30px}}@media (width<=768px){.navbar{padding:14px 0;position:relative}.nav-container{flex-wrap:wrap;gap:12px;padding:0 16px}.logo{font-size:22px}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:flex}.hamburger span{background:#fff;border-radius:2px;width:24px;height:2px;transition:all .3s;display:block}.nav-menu{background:#111;border-radius:8px;flex-direction:column;gap:0;width:100%;margin-top:4px;display:none;overflow:hidden}.nav-menu.open{display:flex}.nav-menu li{border-bottom:1px solid #222}.nav-menu li:last-child{border-bottom:none}.nav-menu a{padding:14px 18px;font-size:15px;display:block}.shop-btn{text-align:center;border-radius:6px;width:100%;padding:12px;font-size:14px}.hero{height:auto;min-height:70vh;padding:50px 0}.hero-title{font-size:34px}.hero-subtitle{font-size:16px}.hero-buttons{flex-direction:column;align-items:flex-start;gap:12px}.btn-primary,.btn-secondary{text-align:center;width:100%;padding:14px 20px;font-size:16px}.trust-badges{flex-direction:column;gap:10px;margin-top:24px;font-size:14px}.features{padding:60px 16px}.features h2{margin-bottom:36px;font-size:28px}.features-grid{grid-template-columns:1fr;gap:18px}.catalog-hero{height:220px}.hero-content h1{font-size:30px}.catalog-controls{flex-direction:column;align-items:stretch;gap:12px;margin:20px auto;padding:0 16px}.search-box input{width:100%;padding:12px 16px;font-size:15px}.filters{flex-direction:column;gap:10px;display:flex}.filters select{width:100%;margin-right:0;padding:12px 14px;font-size:15px}.products-section{padding:24px 16px}.products-section .container h2{margin-bottom:20px;font-size:22px}.products-grid{grid-template-columns:1fr 1fr;gap:14px}.product-info h3{font-size:15px}.price{font-size:17px}.brands-hero{height:240px}.brands-section{padding:50px 16px}.brands-section .container h2{font-size:26px}.brands-grid{grid-template-columns:1fr 1fr;gap:16px;margin:28px auto 40px}.brand-card{padding:24px 16px}.brand-logo{height:70px;font-size:28px}.brand-name{font-size:20px}.brand-desc{font-size:13px}.all-brands h3{font-size:18px}.brand-list span{padding:10px 18px;font-size:14px}.deals-hero{height:240px}.deals-section{padding:50px 16px}.deals-section .container h2{font-size:26px}.deals-grid{grid-template-columns:1fr;gap:20px;margin:28px auto}.deal-info h3{font-size:16px}.new-price{font-size:19px}.deals-note{font-size:14px}.support-hero{height:240px}.support-container{padding:36px 16px}.support-grid{grid-template-columns:1fr;gap:16px;margin-bottom:50px}.support-card{padding:28px 20px}.support-card h3{font-size:20px}.support-detail{font-size:16px}.faq-section{margin-bottom:50px}.faq-section h2{margin-bottom:28px;font-size:26px}.faq-item{padding:18px}.quick-help{padding:36px 20px}.quick-help button{width:100%;padding:14px 28px;font-size:16px}.user-profile-page{padding:28px 16px}.user-profile-header{flex-direction:column;align-items:flex-start;gap:18px;padding:24px 20px}.user-avatar{width:74px;height:74px;font-size:28px}.user-meta h1{font-size:22px}.user-meta .user-handle{font-size:14px}.user-stats{grid-template-columns:1fr;gap:12px}.user-stat-card{text-align:left;justify-content:space-between;align-items:center;padding:20px 16px;display:flex}.user-stat-card .stat-number{margin-bottom:0;font-size:24px}.user-orders-section{padding:22px 20px}.user-orders-section h2{margin-bottom:18px;font-size:18px}.order-row{flex-direction:column;align-items:flex-start;gap:10px;padding:14px 0}.order-row>div:last-child{text-align:left}.order-id{font-size:14px}.order-price{font-size:15px}.user-not-found h2{font-size:26px}.user-not-found p{font-size:16px}}@media (width<=480px){.hero-title{font-size:28px}.products-grid,.brands-grid{grid-template-columns:1fr}.hero-content h1{font-size:24px}.hero-subtitle{font-size:15px}}@media (width<=1024px){.u-user-container{gap:18px;max-width:720px}.u-profile-card,.u-details-section,.u-quick-links{padding:30px 22px}}@media (width<=768px){.u-user-container{grid-template-columns:1fr;gap:16px}.u-page-title{font-size:22px}.u-avatar{font-size:60px}.u-user-name{font-size:20px}.u-profile-card{padding:28px 20px}.u-edit-button{width:100%}.u-details-section,.u-quick-links{padding:24px 18px}.u-section-title{font-size:17px}.u-info-row{flex-direction:column;gap:4px}.u-link-item{font-size:15px}.u-logout-button{width:100%;padding:13px 30px}}@media (width<=480px){.u-logo{font-size:24px}.u-page-title{font-size:19px}.u-container{padding:14px}}
