*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,sans-serif}body{color:#111827;background:#f3f4f6}button{cursor:pointer}.container{width:92%;margin:auto}.header{z-index:100;background:#e30019;align-items:center;gap:12px;padding:8px 70px;display:flex;position:sticky;top:0;box-shadow:0 2px 12px #00000026}.logo{color:#fff;cursor:pointer;letter-spacing:1px;white-space:nowrap;font-size:28px;font-weight:900}.category-wrapper{position:relative}.category-btn{color:#fff;background:#be0015;border:none;border-radius:4px;padding:13px 18px;font-weight:800}.category-dropdown{z-index:999;background:#fff;border-radius:4px;width:260px;padding:6px 0;display:none;position:absolute;top:52px;left:0;box-shadow:0 8px 25px #00000038}.category-wrapper:hover .category-dropdown{display:block}.category-item{cursor:pointer;color:#111827;justify-content:space-between;align-items:center;height:34px;padding:0 12px;font-size:14px;display:flex}.category-item:hover{color:#e30019;background:#f3f4f6}.search-box{background:#fff;border-radius:4px;flex:1;height:40px;display:flex;overflow:hidden}.search-box input{border:none;outline:none;flex:1;padding:0 14px;font-size:15px}.search-box button{background:#fff;border:none;width:50px;font-size:18px}.header-actions{align-items:center;gap:8px;display:flex}.header-actions button{color:#fff;background:#be0015;border:none;border-radius:4px;padding:11px 13px;font-weight:700}.cart-count{color:#e30019;background:#fff;border-radius:999px;margin-left:4px;padding:2px 7px;font-size:12px}.navbar{display:none}.navbar a{color:#fff;white-space:nowrap;text-decoration:none}.hero{color:#fff;background:#111827;border-radius:24px;height:360px;margin:26px auto;position:relative;overflow:hidden}.slide{opacity:0;align-items:center;padding:60px;transition:all .6s;display:flex;position:absolute;inset:0}.slide.active{opacity:1}.slide:before{content:"";background:linear-gradient(90deg,#000000b3,#00000026);position:absolute;inset:0}.slide-content{max-width:600px;position:relative}.slide-content h1{margin-bottom:14px;font-size:52px}.slide-content p{margin-bottom:24px;font-size:20px}.slide-content button{color:#111827;background:#fff;border:none;border-radius:12px;padding:13px 24px;font-weight:800}.slider-dots{gap:9px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.dot{background:#ffffff80;border-radius:50%;width:11px;height:11px}.dot.active{background:#fff}.section-title{margin:34px 0 20px;font-size:30px}.category-grid{grid-template-columns:repeat(6,1fr);gap:16px;display:grid}.category-card{text-align:center;cursor:pointer;background:#fff;border-radius:18px;padding:24px;font-size:18px;font-weight:800;box-shadow:0 5px 16px #00000012}.product-grid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.product-card{background:#fff;border-radius:22px;transition:all .25s;overflow:hidden;box-shadow:0 5px 18px #00000014}.product-card:hover{transform:translateY(-5px)}.product-img{background:#e5e7eb;justify-content:center;align-items:center;height:210px;font-size:70px;display:flex}.product-info{padding:18px}.product-info h3{min-height:42px;margin-bottom:8px;font-size:17px}.price{color:#dc2626;margin-bottom:12px;font-size:21px;font-weight:900}.product-actions{grid-template-columns:1fr 1fr;gap:9px;display:grid}.product-actions button{border:none;border-radius:10px;padding:11px;font-weight:800}.detail-btn{color:#111827;background:#e5e7eb}.cart-btn{color:#fff;background:#2563eb}.detail-page,.cart-page,.dashboard-page{background:#fff;border-radius:24px;margin:28px auto;padding:28px;box-shadow:0 5px 18px #00000014}.detail-layout{grid-template-columns:1fr 1.3fr;align-items:center;gap:30px;display:grid}.detail-image{background:#e5e7eb;border-radius:22px;justify-content:center;align-items:center;height:360px;font-size:110px;display:flex}.detail-info h1{margin-bottom:14px;font-size:36px}.detail-info p{color:#4b5563;margin:14px 0;line-height:1.7}.detail-info .price{font-size:30px}.back-btn,.buy-btn{border:none;border-radius:12px;margin-right:8px;padding:13px 22px;font-weight:900}.back-btn{background:#e5e7eb}.buy-btn{color:#fff;background:#2563eb}.cart-item{border-bottom:1px solid #e5e7eb;grid-template-columns:80px 1fr auto auto;align-items:center;gap:16px;padding:16px 0;display:grid}.cart-thumb{background:#e5e7eb;border-radius:14px;justify-content:center;align-items:center;height:70px;font-size:34px;display:flex}.qty-control{align-items:center;gap:8px;display:flex}.qty-control button,.remove-btn{border:none;border-radius:8px;padding:8px 11px;font-weight:800}.remove-btn{color:#dc2626;background:#fee2e2}.cart-total{text-align:right;color:#dc2626;margin-top:20px;font-size:24px;font-weight:900}.auth-page{justify-content:center;align-items:center;min-height:72vh;padding:40px 18px;display:flex}.auth-card{background:#fff;border-radius:24px;width:100%;max-width:430px;padding:34px;box-shadow:0 8px 26px #0000001a}.auth-card h1{margin-bottom:8px;font-size:32px}.auth-card p{color:#4b5563;margin-bottom:20px}.auth-card form{gap:12px;display:grid}.auth-card label{font-weight:700}.auth-card input{border:1px solid #d1d5db;border-radius:12px;outline:none;padding:13px}.auth-card button{color:#fff;background:#2563eb;border:none;border-radius:12px;margin-top:8px;padding:13px;font-weight:900}.auth-switch{text-align:center;margin-top:18px}.auth-switch span{color:#2563eb;cursor:pointer;font-weight:900}.dashboard-page h1{margin-bottom:24px}.dashboard-grid{grid-template-columns:1fr 2fr;gap:22px;display:grid}.profile-card,.info-card,.stat-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:20px;padding:24px}.profile-card{text-align:center}.avatar{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin:0 auto 16px;font-size:42px;font-weight:900;display:flex}.info-row{border-bottom:1px solid #e5e7eb;justify-content:space-between;gap:20px;padding:14px 0;display:flex}.info-row span{color:#6b7280}.passkey-status{color:#2563eb;margin-top:14px;font-weight:700}.passkey-section{border-top:1px solid #e5e7eb;margin-top:22px;padding-top:18px}.passkey-section-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.passkey-section-header h3{margin:0}.passkey-section-header span{color:#6b7280;font-size:14px;font-weight:800}.passkey-list{gap:12px;display:grid}.passkey-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex}.passkey-item p{color:#6b7280;overflow-wrap:anywhere;margin-top:5px;font-size:14px}.delete-passkey-btn{color:#b91c1c;cursor:pointer;background:#fee2e2;border:none;border-radius:10px;flex:none;padding:10px 14px;font-weight:900}.delete-passkey-btn:hover{background:#fecaca}.empty-passkey{color:#6b7280;background:#f9fafb;border:1px dashed #d1d5db;border-radius:12px;padding:14px}.stat-number{color:#2563eb;margin:12px 0;font-size:42px;font-weight:900}.footer{color:#fff;background:#111827;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;padding:38px 60px;display:grid}.footer p{color:#d1d5db;margin-top:8px}@media (width<=900px){.header{flex-wrap:wrap;padding:14px 18px}.logo{text-align:center;width:100%}.search-box{order:3;width:100%;max-width:none}.navbar{padding:13px 18px}.hero{height:320px}.slide{padding:32px}.slide-content h1{font-size:36px}.category-grid{grid-template-columns:repeat(3,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}.detail-layout,.dashboard-grid{grid-template-columns:1fr}.footer{grid-template-columns:1fr;padding:30px 20px}}@media (width<=560px){.header-actions{flex-wrap:wrap;justify-content:space-between;width:100%}.header-actions button{flex:1}.hero{border-radius:18px;height:300px}.slide-content h1{font-size:30px}.slide-content p{font-size:16px}.category-grid{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:1fr}.product-img{height:180px}.detail-image{height:240px;font-size:80px}.cart-item{grid-template-columns:60px 1fr;gap:10px}.qty-control,.remove-btn{grid-column:2}.info-row{flex-direction:column;gap:5px}.passkey-section-header,.passkey-item{flex-direction:column;align-items:stretch}.delete-passkey-btn{width:100%}.footer{text-align:center}.dashboard-page{padding:40px 0}.dashboard-grid{grid-template-columns:320px 1fr;gap:24px;display:grid}.profile-card,.info-card{background:#fff;border-radius:22px;padding:28px;box-shadow:0 8px 24px #00000014}.avatar{color:#fff;background:#e30019;border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin-bottom:18px;font-size:36px;font-weight:900;display:flex}.info-row{border-bottom:1px solid #e5e7eb;justify-content:space-between;padding:14px 0;display:flex}.passkey-status{color:#2563eb;margin-top:14px;font-weight:700}.passkey-login-btn{color:#fff;background:#111827;border:none;border-radius:12px;width:100%;margin-top:14px;padding:13px;font-weight:900}}