*{box-sizing:border-box;margin:0;padding:0}body{background:#0d0d0d;color:#fff;font-family:Inter,Noto Sans Khmer,sans-serif}.app,body{min-height:100vh}.app{display:flex;flex-direction:column}main{flex:1 1}header{background:#000;border-bottom:1px solid #ffffff14;flex-wrap:wrap;gap:15px;justify-content:space-between;padding:12px 40px;position:sticky;top:0;z-index:100}.logo,header{align-items:center;display:flex}.logo{gap:12px}.header-logo-img{display:block;height:44px;width:auto}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f0c27f,#8b5a2b);-webkit-background-clip:text;font-size:1.5rem;font-weight:900;letter-spacing:-.5px}.navbar{align-items:center;display:flex;gap:24px}.navbar a{border-radius:6px;color:#aaa;font-size:.95rem;font-weight:600;letter-spacing:.3px;padding:6px 12px;text-decoration:none;transition:.2s}.navbar a.active,.navbar a:hover{background:#ffffff0f;color:#fff}.header-actions{align-items:center;display:flex;gap:16px}.header-sniffer-img{border:2px solid #ffffff1a;border-radius:8px;height:40px;width:auto}.cart-btn{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;gap:10px;padding:8px 16px;transition:.2s}.cart-btn:hover{background:#ffffff1f;border-color:#fff3}.cart-badge{background:#ff6b35;border-radius:50%;color:#fff;font-size:.7rem;font-weight:700;padding:2px 8px}.hero{background:linear-gradient(180deg,#0d0d0d,#1a1a1a 50%,#0d0d0d);border-bottom:1px solid #ffffff0d;overflow:hidden;padding:100px 20px 80px;position:relative;text-align:center}.hero:before{background:url('data:image/svg+xml;utf8,<svg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"><rect width="60" height="60" fill="none"/><rect x="0" y="0" width="30" height="30" fill="rgba%28255,255,255,0.02%29"/><rect x="30" y="30" width="30" height="30" fill="rgba%28255,255,255,0.02%29"/></svg>');background-size:60px 60px;bottom:0;content:"";left:0;opacity:.5;pointer-events:none;position:absolute;right:0;top:0}.hero h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f0c27f,#8b5a2b);-webkit-background-clip:text;font-size:4rem;font-weight:900;letter-spacing:-1px;margin-bottom:16px}.hero h1,.hero p{position:relative}.hero p{color:#aaa;font-size:1.25rem;line-height:1.6;margin:0 auto 30px;max-width:600px}.hero-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;position:relative}.btn-primary{align-items:center;background:#ff6b35;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:1.1rem;font-weight:700;gap:10px;padding:14px 36px;transition:.2s}.btn-primary:hover{background:#ff7a4a;box-shadow:0 8px 30px #ff6b354d;transform:translateY(-2px)}.btn-secondary{align-items:center;background:#ffffff0f;border:1px solid #ffffff26;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:1.1rem;font-weight:600;gap:10px;padding:14px 36px;transition:.2s}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff40}.shop{margin:40px auto;max-width:1200px;padding:0 20px 60px}.shop-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:30px}.shop-title{color:#fff;font-size:2rem;font-weight:800;letter-spacing:-.5px}.shop-subtitle{color:#888;font-size:.95rem}.rank-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.rank-card{background:#1a1a1a;border:1px solid #ffffff0f;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;padding:28px 24px 24px;position:relative;text-align:center;transition:.3s ease}.rank-card:before{background:linear-gradient(90deg,#ff6b35,#f0c27f);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:.3s}.rank-card:hover:before{opacity:1}.rank-card:hover{border-color:#ffffff1f;box-shadow:0 12px 40px #0006;transform:translateY(-4px)}.rank-image{background:#ffffff08;border-radius:8px;margin-bottom:16px;max-height:120px;object-fit:contain;padding:8px;width:100%}.rank-name{color:#fff;font-size:1.4rem;font-weight:800;letter-spacing:-.3px;margin:4px 0 6px}.rank-price{color:#ff6b35;font-size:1.5rem;font-weight:700;margin:4px auto 14px}.rank-features{flex:1 1;list-style:none;margin:12px 0 18px;padding:0;text-align:left}.rank-features li{align-items:center;border-bottom:1px solid #ffffff08;color:#aaa;display:flex;font-size:.9rem;gap:10px;padding:6px 0}.rank-features li i{color:#ff6b35;font-size:.85rem;width:18px}.rank-card .btn-buy{align-items:center;background:#ff6b35;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:1rem;font-weight:700;gap:10px;justify-content:center;margin-top:4px;padding:12px 0;transition:.2s}.rank-card .btn-buy:hover{background:#ff7a4a;transform:scale(1.02)}.rank-card .btn-detail{background:#0000;border:1px solid #ffffff14;border-radius:8px;color:#888;cursor:pointer;font-family:Inter,sans-serif;font-size:.85rem;margin-top:10px;padding:8px;transition:.2s}.rank-card .btn-detail:hover{border-color:#ffffff26;color:#fff}.cart-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:200}.cart-overlay.active{display:block}.cart-sidebar{background:#141414;border-left:1px solid #ffffff0f;box-shadow:-10px 0 40px #0009;display:flex;flex-direction:column;height:100%;max-width:90vw;padding:28px 24px;position:fixed;right:-480px;top:0;transition:.35s cubic-bezier(.22,1,.36,1);width:440px;z-index:300}.cart-sidebar.open{right:0}.cart-header{align-items:center;border-bottom:1px solid #ffffff0f;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.cart-header h2{color:#fff;font-size:1.3rem;font-weight:700}.cart-close{background:none;border:none;color:#666;cursor:pointer;font-size:1.8rem;padding:0 8px;transition:.2s}.cart-close:hover{color:#fff}.cart-items{flex:1 1;margin-bottom:16px;overflow-y:auto}.cart-empty{color:#555;font-size:1rem;margin-top:60px;text-align:center}.cart-item{align-items:center;background:#1a1a1a;border:1px solid #ffffff0a;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px 16px}.cart-item-image{border-radius:4px;height:40px;margin-right:12px;object-fit:contain;width:40px}.cart-item-info{display:flex;flex:1 1;flex-direction:column}.cart-item-name{color:#fff;font-size:.95rem;font-weight:600}.cart-item-price{color:#ff6b35;font-size:.85rem;font-weight:600}.cart-item-actions{align-items:center;display:flex;gap:8px}.cart-item-qty-btn{align-items:center;background:#ffffff0f;border:1px solid #ffffff14;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;height:28px;justify-content:center;width:28px}.cart-item-qty-btn:hover{background:#ffffff1a}.cart-item-qty{color:#fff;font-weight:600;min-width:24px;text-align:center}.cart-item-remove{background:none;border:none;color:#666;cursor:pointer;font-size:.9rem;padding:4px 8px;transition:.2s}.cart-item-remove:hover{color:#f44}.cart-footer{border-top:1px solid #ffffff0f;padding-top:16px}.cart-total{color:#fff;display:flex;font-size:1.1rem;font-weight:700;justify-content:space-between;margin-bottom:12px}.cart-total span:last-child{color:#ff6b35}.btn-checkout{background:#ff6b35;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:1rem;font-weight:700;padding:14px;transition:.2s;width:100%}.btn-checkout:hover{background:#ff7a4a}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:400}.modal-content{background:#1a1a1a;border-radius:12px;max-height:90vh;max-width:480px;overflow-y:auto;padding:32px}.checkout-modal,.modal-content{border:1px solid #ffffff0f;width:90%}.checkout-modal{background:#141414;border-radius:12px;box-shadow:0 20px 60px #000c;left:50%;max-width:440px;opacity:0;padding:36px 28px;pointer-events:none;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%) scale(.95);transition:.25s ease;z-index:400}.checkout-modal.active{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.checkout-modal i{color:#ff6b35;font-size:3rem;margin-bottom:12px}.checkout-modal h2{color:#fff;font-size:1.5rem;font-weight:700}.checkout-modal p{color:#888;font-size:.95rem;line-height:1.5;margin:12px 0}.checkout-modal .btn-close-modal{background:#ff6b35;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;margin-top:8px;padding:12px 32px}.checkout-modal .btn-close-modal:hover{background:#ff7a4a}footer{background:#000;border-top:1px solid #ffffff0a;color:#555;font-size:.85rem;padding:32px 20px;text-align:center}footer a{color:#777;text-decoration:none;transition:.2s}footer a:hover{color:#fff}@media (max-width:768px){header{align-items:stretch;flex-direction:column;padding:12px 20px}.logo,.navbar{justify-content:center}.navbar{flex-wrap:wrap;gap:12px}.header-actions{justify-content:center}.hero h1{font-size:2.5rem}.hero p{font-size:1rem}.rank-grid{grid-template-columns:1fr 1fr}.shop-header{align-items:flex-start;flex-direction:column}.cart-sidebar{max-width:100%;right:-100%;width:100%}}@media (max-width:480px){.rank-grid{grid-template-columns:1fr}.hero h1{font-size:1.8rem}.hero{padding:60px 16px 40px}.btn-primary,.btn-secondary{font-size:.95rem;padding:12px 24px}.cart-btn span{display:none}.header-logo-img{height:32px}}
/*# sourceMappingURL=main.e40ab585.css.map*/