:root{--primary:#f97316;--primary-dark:#ea580c;--primary-light:#fed7aa;--secondary:#ef4444;--accent:#fbbf24;--dark:#0a0a0a;--darker:#050505;--card-bg:rgba(30,30,30,.8);--card-solid:#1a1a1a;--border:hsla(0,0%,100%,.1);--text:#fff;--text-muted:#9ca3af;--success:#22c55e;--warning:#eab308;--error:#ef4444;--radius:16px;--radius-sm:10px;--shadow:0 8px 32px rgba(0,0,0,.4);--glass:hsla(0,0%,100%,.05);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--bottom-nav-height:70px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{overscroll-behavior:none}body{color:var(--text);font-family:Noto Sans Thai,Inter,system-ui,sans-serif;line-height:1.6;min-height:100vh;padding-top:var(--safe-top);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--darker);background-attachment:fixed;background-image:radial-gradient(ellipse at 20% 0,rgba(249,115,22,.15) 0,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(139,92,246,.1) 0,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(6,182,212,.05) 0,transparent 70%)}@media(max-width:768px){body{padding-bottom:calc(var(--bottom-nav-height) + var(--safe-bottom))}}a{color:inherit;text-decoration:none}.container{margin:0 auto;max-width:1400px;padding:0 20px}.btn{align-items:center;border:none;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s ease}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff}.btn-primary:hover{box-shadow:0 8px 20px #f9731666;transform:translateY(-2px)}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.btn-outline.active{background:var(--primary);border-color:var(--primary);color:#fff}.card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:all .3s ease}.card:hover{border-color:#f973164d;box-shadow:var(--shadow);transform:translateY(-4px)}.feature-badge{align-items:center;background:#ffffff0d;border:1px solid var(--border);border-radius:50px;display:inline-flex;font-size:14px;gap:8px;padding:12px 24px}.feature-badge .icon{align-items:center;border-radius:50%;display:flex;height:24px;justify-content:center;width:24px}.feature-badge .icon.orange{background:var(--primary)}.feature-badge .icon.green{background:#22c55e}.feature-badge .icon.purple{background:#8b5cf6}.feature-badge .icon.yellow{background:#eab308}.category-tabs{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.category-tab{align-items:center;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:12px 20px;transition:all .2s}.category-tab.active,.category-tab:hover{background:var(--primary);border-color:var(--primary)}.product-card{cursor:pointer}.product-card-header{align-items:center;border-bottom:3px solid var(--primary);display:flex;justify-content:space-between;padding:12px 16px}.product-card-title{color:var(--primary);font-size:14px;font-weight:700;text-transform:uppercase}.product-card-count{align-items:center;color:var(--text-muted);display:flex;font-size:12px;gap:4px}.product-card-body{align-items:center;display:flex;flex-direction:column;min-height:180px;padding:24px}.product-icon{align-items:center;display:flex;font-size:48px;height:80px;justify-content:center;margin-bottom:16px;width:80px}.product-icon img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.product-subtitle{color:var(--text-muted);font-size:13px;text-align:center}.recent-slider{display:flex;gap:16px;overflow-x:auto;padding:20px 0;scrollbar-width:none;-ms-overflow-style:none}.recent-slider::-webkit-scrollbar{display:none}.recent-item{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);flex-shrink:0;gap:12px;min-width:280px;padding:12px 16px}.recent-item,.recent-item-icon{align-items:center;display:flex}.recent-item-icon{background:#ffffff1a;border-radius:var(--radius-sm);font-size:24px;height:48px;justify-content:center;width:48px}.recent-item-info h4{font-size:14px;margin-bottom:4px}.recent-item-info p{color:var(--text-muted);font-size:12px}.recent-item-badges{display:flex;gap:8px;margin-top:6px}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:4px 10px}.badge-success{background:#22c55e33;color:#22c55e}.badge-info{background:#3b82f633;color:#3b82f6}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-5{grid-template-columns:repeat(5,1fr)}@media(max-width:1200px){.grid-5{grid-template-columns:repeat(4,1fr)}}@media(max-width:1024px){.grid-4,.grid-5{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.grid-3,.grid-4,.grid-5{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.grid-2,.grid-3,.grid-4,.grid-5{grid-template-columns:1fr}}input,select{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);color:#fff;font-family:inherit;font-size:14px;padding:14px 18px;transition:all .2s;width:100%}input:focus,select:focus{border-color:var(--primary);outline:none}input::-moz-placeholder{color:var(--text-muted)}input::placeholder{color:var(--text-muted)}:focus-visible{outline:2px solid rgba(249,115,22,.7);outline-offset:2px}::-moz-selection{background:#f9731659;color:#fff}::selection{background:#f9731659;color:#fff}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:var(--dark)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .5s ease forwards}.price{color:var(--primary);font-size:24px;font-weight:700}.price-currency{font-size:16px}.swal-dark-select,.swal2-select{background:#0f0f0f!important;border:1px solid #333!important;border-radius:8px!important;color:#fff!important;font-size:14px!important;padding:12px!important}.swal-dark-select option,.swal2-select option{background:#1a1a1a!important;color:#fff!important;padding:10px!important}.swal-dark-select option:checked,.swal-dark-select option:hover,.swal2-select option:checked,.swal2-select option:hover{background:#f97316!important;color:#fff!important}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}