@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Kantumruy+Pro:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Noto+Sans+Khmer:wght@300;400;500;600;700&family=Battambang:wght@400;700&display=swap";:root{--font-latin:"Inter", system-ui, -apple-system, sans-serif;--font-khmer:"Kantumruy Pro", "Noto Sans Khmer", "Battambang", "Khmer OS Battambang", "Khmer OS", sans-serif;--font-primary:"Inter", "Kantumruy Pro", "Noto Sans Khmer", "Battambang", sans-serif;--color-primary:#7c3aed;--color-primary-glow:#7c3aed26;--color-secondary:#06b6d4;--color-secondary-glow:#06b6d426;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#3b82f6;--bg-main:#f8fafc;--bg-surface:#fff;--bg-surface-hover:#f1f5f9;--border-color:#e2e8f0;--border-focus:#7c3aed;--text-main:#0f172a;--text-muted:#64748b;--text-inverse:#fff;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--glass-bg:#ffffffb3;--glass-border:#ffffff80;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg-main:#090d16;--bg-surface:#111827;--bg-surface-hover:#1f2937;--border-color:#374151;--border-focus:#a78bfa;--text-main:#f9fafb;--text-muted:#9ca3af;--text-inverse:#090d16;--shadow-sm:0 1px 2px 0 #00000080;--shadow-md:0 4px 6px -1px #0000004d, 0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -4px #0006;--shadow-xl:0 20px 25px -5px #00000080, 0 8px 10px -6px #00000080;--glass-bg:#111827bf;--glass-border:#ffffff14;--color-primary-glow:#a78bfa26}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);background-color:var(--bg-main);color:var(--text-main);transition:background-color var(--transition-normal), color var(--transition-normal), background-image var(--transition-normal);line-height:1.5;position:relative;overflow-x:hidden}html:not([data-theme=dark]) body{background-blend-mode:normal, normal, multiply!important;background-color:#f8fafc!important;background-image:radial-gradient(circle at 50% 0,#7c3aed0a 0%,#0000 60%),linear-gradient(#f8fafcd9,#f8fafce6),url(/images/khmer_bg.png)!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;background-attachment:fixed!important}html[data-theme=dark] body{background-blend-mode:normal, normal, normal, overlay!important;background-color:#0a0d16!important;background-image:radial-gradient(circle at 50% 0,#7c3aed14 0%,#0000 60%),radial-gradient(circle at 0 100%,#06b6d40a 0%,#0000 40%),linear-gradient(#0a0d16c7,#0a0d16d6),url(/images/khmer_bg.png)!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;background-attachment:fixed!important}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none;outline:none}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px)saturate(180%);border:2px solid var(--glass-border);box-shadow:var(--shadow-lg), inset 0 1px 0 #ffffff1a, 0 0 20px #7c3aed0d;position:relative;overflow:hidden}.glass:before{content:"";background:linear-gradient(90deg,#0000,#7c3aed4d,#0000);height:1px;position:absolute;top:0;left:0;right:0}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal), box-shadow var(--transition-normal), border var(--transition-normal);padding:20px}.glass-card:hover{box-shadow:var(--shadow-xl);border-color:var(--color-primary);transform:translateY(-4px)}.glow-primary{box-shadow:0 0 15px var(--color-primary-glow)}.glow-secondary{box-shadow:0 0 15px var(--color-secondary-glow)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.flex-center{justify-content:center;align-items:center;display:flex}.grid-cols-4{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px;display:grid}.gradient-text{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));-webkit-text-fill-color:transparent;letter-spacing:.5px;text-shadow:0 2px 10px #7c3aed1a;-webkit-background-clip:text;background-clip:text;font-weight:800}h1[data-khmer-title],h2[data-khmer-title]{padding:10px 20px;display:inline-block;position:relative}h1[data-khmer-title]:before,h2[data-khmer-title]:before{content:"✦";color:var(--color-primary);opacity:.6;font-size:.6em;position:absolute;left:0}h1[data-khmer-title]:after,h2[data-khmer-title]:after{content:"✦";color:var(--color-secondary);opacity:.6;font-size:.6em;position:absolute;right:0}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-normal);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--color-primary), #a78bfa);color:#fff;box-shadow:0 4px 12px var(--color-primary-glow);border-radius:12px;position:relative;overflow:hidden}.btn-primary:before{content:"";opacity:0;background:radial-gradient(circle,#ffffff4d 0%,#0000 70%);width:200%;height:200%;transition:opacity .3s;position:absolute;top:-50%;left:-50%}.btn-primary:hover{background:linear-gradient(135deg,#8b5cf6,#7c3aed);transform:translateY(-3px);box-shadow:0 8px 25px #7c3aed66}.btn-primary:hover:before{opacity:1}.btn-secondary{background:linear-gradient(135deg, var(--color-secondary), #22d3ee);color:#fff;box-shadow:0 4px 12px var(--color-secondary-glow);border-radius:12px;position:relative;overflow:hidden}.btn-secondary:before{content:"";opacity:0;background:radial-gradient(circle,#ffffff4d 0%,#0000 70%);width:200%;height:200%;transition:opacity .3s;position:absolute;top:-50%;left:-50%}.btn-secondary:hover{background:linear-gradient(135deg,#22d3ee,#06b6d4);transform:translateY(-3px);box-shadow:0 8px 25px #06b6d466}.btn-secondary:hover:before{opacity:1}.btn-outline{border:1.5px solid var(--border-color);color:var(--text-main);background:0 0}.btn-outline:hover{background:var(--bg-surface-hover);border-color:var(--text-muted)}.btn-ghost{color:var(--text-muted);background:0 0}.btn-ghost:hover{color:var(--text-main);background:var(--bg-surface-hover)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.form-group{margin-bottom:24px;position:relative}.form-label{color:var(--text-muted);margin-bottom:8px;font-size:.9rem;font-weight:500;display:block}.form-control{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-main);transition:all var(--transition-normal);padding:12px 16px;font-size:.95rem}.form-control:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow);background:var(--bg-surface-hover)}.image-uploader-area{border:2px dashed var(--border-color);border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:all var(--transition-normal);background:var(--bg-surface);padding:30px}.image-uploader-area:hover{border-color:var(--color-primary);background:var(--bg-surface-hover)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px var(--color-primary-glow)}50%{box-shadow:0 0 20px #7c3aed4d}}.animate-fade{animation:fadeIn var(--transition-normal) forwards}.animate-slide{animation:slideInLeft var(--transition-normal) forwards}.pulse-glow-effect{animation:2s ease-in-out infinite pulse-glow}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;align-items:center;padding:6px 12px;font-size:.75rem;font-weight:600;display:inline-flex;position:relative}.badge:before{content:"";pointer-events:none;background:linear-gradient(135deg,#0000,#fff3);border-radius:20px;position:absolute;inset:0}.badge-new{background:linear-gradient(135deg, var(--color-secondary-glow), #06b6d440);color:var(--color-secondary);border:1px solid #06b6d44d}.badge-hot{text-shadow:0 1px 3px #0000004d;border:1px solid #fff3;font-weight:700;box-shadow:0 4px 12px #7c3aed80;background:linear-gradient(135deg, var(--color-primary), #a78bfa)!important;color:#fff!important}.badge-urgent{color:var(--color-danger);background:linear-gradient(135deg,#ef444426,#ef444414);border:1px solid #ef44444d}.header-blur{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:2px solid var(--border-color);background:var(--glass-bg);position:sticky;top:0;box-shadow:0 4px 20px #7c3aed14}.header-blur:after{content:"";background:linear-gradient(90deg, transparent 0%, var(--color-primary) 25%, var(--color-secondary) 50%, var(--color-primary) 75%, transparent 100%);opacity:.5;height:4px;position:absolute;bottom:-8px;left:0;right:0}body{line-height:1.6}:lang(km),.khmer-text{font-family:var(--font-khmer)}html[data-lang=kh]{--font-primary:"Kantumruy Pro", "Noto Sans Khmer", "Battambang", "Inter", sans-serif}html[data-lang=kh] body{letter-spacing:normal;word-break:normal;overflow-wrap:break-word;line-break:normal;line-height:1.9}html[data-lang=kh] h1,html[data-lang=kh] h2,html[data-lang=kh] h3,html[data-lang=kh] h4,html[data-lang=kh] h5,html[data-lang=kh] h6{letter-spacing:normal!important;text-transform:none!important;line-height:1.65!important}html[data-lang=kh] .badge,html[data-lang=kh] .custom-table th,html[data-lang=kh] .btn,html[data-lang=kh] .form-label,html[data-lang=kh] label{text-transform:none!important;letter-spacing:normal!important}html[data-lang=kh] .badge{padding-top:3px;padding-bottom:3px;line-height:1.5}html[data-lang=kh] .form-control,html[data-lang=kh] .ks-select__trigger,html[data-lang=kh] .ks-select__option{line-height:1.6}html[data-lang=kh] input.form-control,html[data-lang=kh] select.form-control{padding-top:6px!important;padding-bottom:6px!important}html[data-lang=kh] textarea.form-control{line-height:1.8}html[data-lang=kh] .btn{line-height:1.6}:root html[data-lang=kh]{--font-primary:"Kantumruy Pro", "Noto Sans Khmer", "Battambang", sans-serif;--khmer-text-color:#0a0e27;--khmer-text-muted:#475569}html[data-lang=kh] body{-webkit-font-smoothing:antialiased;font-weight:500}html[data-lang=kh] .khmer-text{color:var(--text-main);-webkit-font-smoothing:antialiased;font-weight:600;line-height:1.85}html[data-lang=kh] h1{font-size:1.1em;font-weight:800}html[data-lang=kh] h2{font-size:1.05em;font-weight:700}html[data-lang=kh] h3,html[data-lang=kh] h4{font-weight:700}html[data-lang=kh] h5,html[data-lang=kh] h6{font-weight:600}html[data-lang=kh] .form-label,html[data-lang=kh] .text-muted{color:var(--text-muted)!important;letter-spacing:.2px!important;font-weight:600!important}html[data-lang=kh] .btn{letter-spacing:.5px!important;color:#fff!important;font-weight:700!important}html[data-lang=kh] .btn-outline{color:var(--text-main)!important}html[data-lang=kh] .badge{letter-spacing:.8px!important;font-weight:700!important}html[data-lang=kh] .text-main,html[data-lang=kh] [style*=color\:],html[data-lang=kh] .custom-table th,html[data-lang=kh] .custom-table td{color:var(--text-main)!important}html[data-theme=dark][data-lang=kh]{--text-main:#f5f7fa;--text-muted:#cbd5e1}html[data-theme=dark][data-lang=kh] *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#e2e8f0!important;font-weight:600!important}html[data-theme=dark][data-lang=kh] h1,html[data-theme=dark][data-lang=kh] h2,html[data-theme=dark][data-lang=kh] h3,html[data-theme=dark][data-lang=kh] h4,html[data-theme=dark][data-lang=kh] h5,html[data-theme=dark][data-lang=kh] h6{color:#f5f7fa!important;text-shadow:0 2px 8px #0006!important;letter-spacing:.3px!important;font-weight:800!important;line-height:1.8!important}html[data-theme=dark][data-lang=kh] p,html[data-theme=dark][data-lang=kh] span,html[data-theme=dark][data-lang=kh] div{color:#e2e8f0!important;letter-spacing:.2px!important;text-shadow:0 1px 2px #0003!important;font-weight:600!important}html[data-theme=dark][data-lang=kh] .form-label,html[data-theme=dark][data-lang=kh] label{color:#cbd5e1!important;text-shadow:0 1px 3px #0003!important;font-weight:700!important}html[data-theme=dark][data-lang=kh] .form-control,html[data-theme=dark][data-lang=kh] input,html[data-theme=dark][data-lang=kh] textarea,html[data-theme=dark][data-lang=kh] select{color:#e2e8f0!important;font-weight:600!important}html[data-theme=dark][data-lang=kh] .btn,html[data-theme=dark][data-lang=kh] button{color:#fff!important;text-shadow:0 1px 3px #0006!important;letter-spacing:.5px!important;font-weight:800!important}html[data-theme=dark][data-lang=kh] .badge{letter-spacing:.8px!important;text-shadow:0 1px 2px #0000004d!important;font-weight:800!important}.skeleton{background:linear-gradient(90deg, var(--bg-surface-hover) 25%, var(--border-color) 50%, var(--bg-surface-hover) 75%);background-size:200% 100%;animation:1.5s infinite loading-skeleton}@keyframes loading-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.khmer-featured{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary), var(--color-primary));border-radius:16px;padding:2px;position:relative}.khmer-featured>*{background:var(--bg-surface);padding:inherit;border-radius:14px}.khmer-featured-title{text-align:center;border-bottom:2px solid var(--border-color);margin-bottom:20px;padding-bottom:16px;font-size:1.25rem;font-weight:800;position:relative}.khmer-featured-title:after{content:"✦";color:var(--color-primary);font-size:1.2rem;position:absolute;bottom:-12px;left:50%;transform:translate(-50%)}.custom-table-container{border:2px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-surface);width:100%;overflow-x:auto;box-shadow:inset 0 1px 3px #0000000d}.custom-table{border-collapse:collapse;text-align:left;width:100%}.custom-table th{background:var(--bg-surface-hover);text-transform:uppercase;color:var(--text-muted);border-bottom:1.5px solid var(--border-color);padding:14px 16px;font-size:.85rem;font-weight:600}.custom-table td{border-bottom:1px solid var(--border-color);padding:14px 16px;font-size:.95rem}.custom-table tr:last-child td{border-bottom:none}.custom-table tbody tr:hover{background:var(--bg-surface-hover)}.khmer-divider{justify-content:center;align-items:center;height:40px;margin:30px 0;display:flex;position:relative}.khmer-divider:before,.khmer-divider:after{content:"";background:linear-gradient(90deg, transparent, var(--border-color), transparent);flex:1;height:1px}.khmer-divider:after{margin-left:16px}.khmer-divider__center{color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;padding:0 16px;font-size:.9rem;font-weight:600}.khmer-accent-border{border-left:4px solid #0000;border-image:linear-gradient(180deg, var(--color-primary) 0%, var(--color-secondary) 50%, var(--color-primary) 100%) 1;padding-left:16px}@media (width<=1024px){.grid-cols-4{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}}@media (width<=768px){.grid-cols-4{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.hide-on-mobile{display:none!important}}select.form-control{appearance:none;cursor:pointer;transition:all var(--transition-normal);background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 14px center;background-repeat:no-repeat;background-size:16px;padding-top:8px!important;padding-bottom:8px!important;padding-right:40px!important}[data-theme=dark] select.form-control{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")}select.form-control:focus{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237c3aed' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")}[data-theme=dark] select.form-control:focus{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a78bfa' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")}input.form-control{padding-top:8px!important;padding-bottom:8px!important}.category-btn:hover{transform:translateY(-4px)!important}.ks-select{width:100%;position:relative}.ks-select__trigger{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;min-height:40px;color:var(--text-main);text-align:left;cursor:pointer;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);align-items:center;gap:8px;padding:8px 38px 8px 14px;font-family:inherit;font-size:.95rem;display:flex}.ks-select__trigger:hover:not(:disabled){border-color:var(--text-muted)}.ks-select__trigger:focus-visible,.ks-select--open .ks-select__trigger{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow);outline:none}.ks-select__trigger:disabled{opacity:.55;cursor:not-allowed}.ks-select__icon{color:var(--text-muted);flex-shrink:0;align-items:center;display:flex}.ks-select__value{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.ks-select__value--placeholder{color:var(--text-muted)}.ks-select__caret{color:var(--text-muted);pointer-events:none;transition:transform var(--transition-fast);display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.ks-select--open .ks-select__caret{color:var(--color-primary);transform:translateY(-50%)rotate(180deg)}.ks-select__backdrop{z-index:900;position:fixed;inset:0}.ks-select__menu{z-index:901;overscroll-behavior:contain;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);max-height:264px;box-shadow:var(--shadow-xl);margin:0;padding:6px;list-style:none;animation:.14s cubic-bezier(.4,0,.2,1) ks-select-in;position:absolute;left:0;right:0;overflow-y:auto}.ks-select__menu--down{top:calc(100% + 6px)}.ks-select__menu--up{bottom:calc(100% + 6px)}@keyframes ks-select-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ks-select__option{border-radius:var(--radius-sm);color:var(--text-main);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition-fast), color var(--transition-fast);justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;font-size:.9rem;display:flex}.ks-select__option+.ks-select__option{margin-top:2px}.ks-select__option--active{background:var(--bg-surface-hover)}.ks-select__option--selected{background:var(--color-primary-glow);color:var(--color-primary);font-weight:700}.ks-select__option--selected.ks-select__option--active{background:var(--color-primary);color:#fff}.ks-select__option-check{flex-shrink:0;display:flex}.ks-select__count{background:var(--bg-surface-hover);color:var(--text-muted);border-radius:9999px;padding:1px 7px;font-size:.7rem;font-weight:700}.ks-select__empty{color:var(--text-muted);text-align:center;padding:14px 12px;font-size:.85rem}.ks-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(6px);background:#090d1699;justify-content:center;align-items:center;padding:20px;animation:.2s forwards fadeIn;display:flex;position:fixed;inset:0}.ks-modal{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:460px;max-height:90vh;box-shadow:var(--shadow-xl);animation:.22s cubic-bezier(.4,0,.2,1) ks-modal-in;overflow-y:auto}@keyframes ks-modal-in{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.shop-cover{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));position:relative;overflow:hidden}.shop-cover:after{content:"";opacity:.5;pointer-events:none;background-image:radial-gradient(#ffffff40 1px,#0000 0);background-size:18px 18px;position:absolute;inset:0}.shop-toolbar{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);align-items:end;gap:12px;display:grid}@media (width<=900px){.shop-toolbar{grid-template-columns:1fr 1fr}}@media (width<=520px){.shop-toolbar{grid-template-columns:1fr}}html:not([data-theme=dark]){--khmer-gold:#d4a45b;--khmer-red:#c41e3a;--khmer-silver:#e8e8e8;--khmer-saffron:#f9a825}html:not([data-theme=dark]) .container:before,html:not([data-theme=dark]) main>div:before{content:"";background:linear-gradient(90deg, transparent 0%, var(--khmer-gold) 20%, var(--khmer-gold) 80%, transparent 100%);opacity:.3;height:2px;margin-bottom:20px;display:block}html:not([data-theme=dark]) .header-blur:before{content:"";background:linear-gradient(90deg, transparent 0%, var(--khmer-red) 25%, var(--khmer-gold) 50%, var(--khmer-red) 75%, transparent 100%);height:4px;position:absolute;top:0;left:0;right:0}html:not([data-theme=dark]) h1,html:not([data-theme=dark]) h2{padding-bottom:16px;position:relative}html:not([data-theme=dark]) h2:after{content:"✦";color:var(--khmer-gold);opacity:.6;font-size:1rem;display:block;position:absolute;bottom:0;left:0}html:not([data-theme=dark]) .glass{transition:all var(--transition-normal);position:relative;box-shadow:0 4px 12px #d4a45b1f;background:var(--bg-surface)!important;border:2px solid #d4a45b!important}html:not([data-theme=dark]) .glass:hover{box-shadow:0 8px 20px #d4a45b33;border-color:#c41e3a!important}html:not([data-theme=dark]) .glass:before{content:"🌴";opacity:.4;z-index:10;font-size:1.2rem;position:absolute;top:-10px;left:20px}html:not([data-theme=dark]) .glass:after{content:"🌴";opacity:.4;z-index:10;font-size:1.2rem;position:absolute;bottom:-10px;right:20px;transform:rotate(180deg)}html:not([data-theme=dark]) .category-btn{position:relative}html:not([data-theme=dark]) .category-btn div{background-image:linear-gradient(var(--bg-surface), var(--bg-surface)), linear-gradient(135deg, #d4a45b33 0%, #d4a45b1a 100%);background-origin:border-box;background-clip:padding-box,border-box;border:2px solid #0000}html:not([data-theme=dark]) .badge{border:1px solid var(--khmer-gold)!important;color:#0a0e27!important;background:linear-gradient(135deg,#d4a45b33,#c41e3a26)!important}html:not([data-theme=dark]) .badge-new{background:linear-gradient(135deg, var(--khmer-saffron), var(--khmer-gold))!important;color:#fff!important;box-shadow:0 4px 12px #f9a8254d!important}html:not([data-theme=dark]) .btn-primary{position:relative;overflow:hidden;background:linear-gradient(135deg, var(--color-primary) 0%, #6d28d9 100%)!important;box-shadow:0 4px 15px #7c3aed4d!important}html:not([data-theme=dark]) .btn-primary:before{content:"";opacity:0;width:200%;height:200%;transition:opacity var(--transition-fast);background:radial-gradient(circle,#ffffff4d 0%,#0000 70%);position:absolute;top:-50%;left:-50%}html:not([data-theme=dark]) .btn-primary:hover:before{opacity:1}footer.footer-khmer{position:relative;background-color:var(--bg-surface)!important;border-top:3px solid #0000!important}html:not([data-theme=dark]) footer.footer-khmer{background-origin:border-box;background-clip:padding-box,border-box;background-image:linear-gradient(var(--bg-surface), var(--bg-surface)), linear-gradient(90deg, transparent 0%, #d4a45b 10%, #c41e3a 30%, #d4a45b 50%, #c41e3a 70%, #d4a45b 90%, transparent 100%)!important}html:not([data-theme=dark]) footer.footer-khmer:before{content:"✦";color:#d4a45b;opacity:.8;z-index:10;font-size:1.4rem;position:absolute;top:-18px;left:50%;transform:translate(-50%)}html:not([data-theme=dark]) footer.footer-khmer:after{content:"🌾";opacity:.3;font-size:1.2rem;position:absolute;bottom:10px;left:20px}[data-theme=dark] footer.footer-khmer{background-color:#111827!important;border-top:3px solid #374151!important}html:not([data-theme=dark]) hr,html:not([data-theme=dark]) .divider{background:linear-gradient(90deg, transparent 0%, var(--khmer-gold) 15%, var(--khmer-red) 50%, var(--khmer-gold) 85%, transparent 100%);opacity:.5;border:none;height:2px;margin:24px 0;position:relative}html:not([data-theme=dark]) hr:before,html:not([data-theme=dark]) .divider:before{content:"🌾";background:var(--bg-main);opacity:.5;padding:0 8px;font-size:.9rem;position:absolute;top:-12px;left:50%;transform:translate(-50%)}html:not([data-theme=dark]) .product-card{transition:all var(--transition-normal);position:relative;border-top:3px solid #d4a45b!important;border:1px solid var(--border-color)!important;background:var(--bg-surface)!important;border-top:3px solid #d4a45b!important}html:not([data-theme=dark]) .product-card:before{content:"✦";color:#d4a45b;opacity:0;transition:opacity var(--transition-normal);z-index:10;font-size:.9rem;position:absolute;top:-10px;left:50%;transform:translate(-50%)}html:not([data-theme=dark]) .product-card:hover:before{opacity:.7}html:not([data-theme=dark]) .product-card:hover{box-shadow:0 6px 16px #d4a45b26}html:not([data-theme=dark]) .form-control{border:2px solid var(--border-color);transition:all var(--transition-fast);background:linear-gradient(135deg,#fff 0%,#f9fafb 100%)}html:not([data-theme=dark]) .form-control:focus{border-color:var(--khmer-gold);box-shadow:0 0 0 3px #d4a45b1a}html:not([data-theme=dark]) .section-header{border-bottom:2px solid var(--khmer-gold);margin-bottom:24px;padding-bottom:16px;position:relative}html:not([data-theme=dark]) .section-header:before{content:"";background:linear-gradient(90deg, var(--khmer-red), var(--khmer-gold));width:40px;height:3px;position:absolute;bottom:-2px;left:0}html:not([data-theme=dark]) .featured-section{padding-left:20px;position:relative}html:not([data-theme=dark]) .featured-section:before{content:"";background:linear-gradient(180deg, var(--khmer-red) 0%, var(--khmer-gold) 50%, var(--khmer-red) 100%);width:4px;position:absolute;top:0;bottom:0;left:0}html:not([data-theme=dark]) .hero-section,html:not([data-theme=dark]) main>div:first-child{background:linear-gradient(135deg,#f8fafc 0%,#d4a45b0d 50%,#f8fafc 100%);position:relative}html:not([data-theme=dark]) .corner-decoration:before,html:not([data-theme=dark]) .corner-decoration:after{content:"❖";color:var(--khmer-gold);opacity:.4;font-size:1.2rem}html:not([data-theme=dark]) .text-khmer{color:#0a0e27;font-weight:600}html:not([data-theme=dark]) .search-bar-container input{transition:all var(--transition-fast);background-color:var(--bg-surface)!important;color:var(--text-main)!important;border:2px solid #d4a45b!important}html:not([data-theme=dark]) .search-bar-container input:focus{border-color:#c41e3a!important;box-shadow:0 0 0 3px #d4a45b26!important}html:not([data-theme=dark]) main>div:first-child{background:linear-gradient(135deg,#f8fafccc 0%,#d4a45b0d 50%,#f8fafccc 100%);border-bottom:3px solid #0000;border-image:linear-gradient(90deg,#0000 0%,#d4a45b 20%,#c41e3a 50%,#d4a45b 80%,#0000 100%) 1}html:not([data-theme=dark]) .category-btn div{transition:all var(--transition-normal);box-shadow:0 2px 8px #d4a45b26;background:var(--bg-surface)!important;border:2px solid #d4a45b!important}html:not([data-theme=dark]) .category-btn div:hover{box-shadow:0 6px 16px #d4a45b40;border-color:#c41e3a!important}html:not([data-theme=dark]) .category-btn span{color:var(--text-main)!important;font-weight:700!important}html:not([data-theme=dark]) .form-label{padding-bottom:8px;position:relative;color:#0a0e27!important;font-weight:700!important}html:not([data-theme=dark]) .form-label:after{content:"";opacity:.6;background:linear-gradient(90deg,#d4a45b,#c41e3a);width:30px;height:2px;position:absolute;bottom:0;left:0}html:not([data-theme=dark]) .featured-section{border-left:4px solid #0000;border-image:linear-gradient(#c41e3a 0%,#d4a45b 50%,#c41e3a 100%) 1;padding-left:16px}html:not([data-theme=dark]) .section-header{border-bottom:2px solid #d4a45b;padding-bottom:12px;position:relative}html:not([data-theme=dark]) .section-header:before{content:"";background:linear-gradient(90deg,#c41e3a,#d4a45b,#c41e3a);width:50px;height:3px;animation:2s infinite shimmer;position:absolute;bottom:-2px;left:0}@keyframes shimmer{0%,to{opacity:.8}50%{opacity:1}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--color-primary) 0%, var(--color-secondary) 100%);border:2px solid var(--bg-main);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, var(--color-secondary) 0%, var(--color-primary) 100%)}body{background-size:380px 380px!important;background-attachment:fixed!important;animation:160s linear infinite bg-pan-slow!important}@keyframes bg-pan-slow{0%{background-position:0 0}to{background-position:380px 380px}}.glass-card{will-change:transform, box-shadow;border:1px solid var(--border-color)!important;transition:transform .4s cubic-bezier(.165,.84,.44,1),box-shadow .4s,border-color .4s!important}.glass-card:hover{border-color:var(--color-primary)!important;box-shadow:0 12px 30px var(--color-primary-glow), 0 0 15px #7c3aed14!important;transform:translateY(-8px)scale(1.01)!important}.glass-card:hover .product-card-img{transform:scale(1.06)!important}.ambient-glow-orb-1{background:radial-gradient(circle, var(--color-primary-glow) 0%, transparent 70%);filter:blur(90px);z-index:0;pointer-events:none;opacity:.55;border-radius:50%;width:500px;height:500px;animation:25s ease-in-out infinite alternate float-glow-1;position:fixed;top:-150px;left:-150px}.ambient-glow-orb-2{filter:blur(100px);z-index:0;pointer-events:none;opacity:.45;background:radial-gradient(circle,#06b6d41f 0%,#0000 70%);border-radius:50%;width:600px;height:600px;animation:30s ease-in-out infinite alternate float-glow-2;position:fixed;bottom:-150px;right:-150px}@keyframes float-glow-1{0%{transform:translate(0)scale(1)}to{transform:translate(120px,90px)scale(1.25)}}@keyframes float-glow-2{0%{transform:translate(0)scale(1.1)}to{transform:translate(-140px,-70px)scale(.9)}}.category-btn{transition:all .4s cubic-bezier(.165,.84,.44,1)!important}.category-btn:hover{box-shadow:0 10px 24px var(--color-primary-glow)!important;border-color:var(--color-primary)!important;transform:translateY(-5px)!important}.category-btn:hover svg{color:var(--color-secondary)!important;transform:scale(1.2)rotate(6deg)!important}.category-btn svg{transition:transform .3s cubic-bezier(.165,.84,.44,1),color .3s!important}html:not([data-theme=dark]) .glass-card:hover{box-shadow:0 12px 30px #c41e3a1f!important}.nav-link-container{flex-direction:column;align-items:center;display:flex;position:relative}.nav-active-dot{background:var(--color-primary);width:6px;height:6px;box-shadow:0 0 10px var(--color-primary);border-radius:50%;animation:2s ease-in-out infinite dot-pulse;position:absolute;bottom:-6px}@keyframes dot-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}}.quick-tag{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-muted);cursor:pointer;transition:all var(--transition-normal);border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:.8rem;font-weight:600;display:inline-flex}.quick-tag:hover{background:var(--color-primary-glow);color:var(--color-primary);border-color:var(--color-primary);box-shadow:0 4px 10px var(--color-primary-glow);transform:translateY(-2px)}.spec-badge{background:var(--bg-surface);border:1px solid var(--border-color);border-left:3px solid var(--color-primary);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);flex-direction:column;padding:10px 14px;display:flex}.spec-badge:hover{border-left-color:var(--color-secondary);box-shadow:var(--shadow-md), 0 0 10px var(--color-secondary-glow);transform:translateY(-2px)}.chat-bubble-me{box-shadow:0 3px 10px var(--color-primary-glow);background:linear-gradient(135deg, var(--color-primary), #8b5cf6)!important;color:#fff!important;border-radius:16px 16px 2px!important}.chat-bubble-them{border:1px solid var(--border-color);background:var(--bg-surface-hover)!important;color:var(--text-main)!important;border-radius:16px 16px 16px 2px!important}.theme-toggle-btn svg{transition:transform .5s cubic-bezier(.4,0,.2,1)}.theme-toggle-btn:hover svg{transform:rotate(45deg)}.category-count-badge{animation:2s ease-in-out infinite alternate badge-pulse}@keyframes badge-pulse{0%{transform:scale(1);box-shadow:0 2px 6px #7c3aed33}to{transform:scale(1.08);box-shadow:0 4px 12px #7c3aed66}}.image-gallery-container{border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:border-color var(--transition-normal), box-shadow var(--transition-normal);position:relative;overflow:hidden}.image-gallery-container:hover{border-color:var(--color-primary);box-shadow:0 0 20px var(--color-primary-glow)}.category-scroll-container{scrollbar-width:none;-ms-overflow-style:none;justify-content:center;gap:24px;width:100%;margin:0 auto 30px;padding:10px 20px;display:flex;overflow-x:auto;flex-wrap:nowrap!important}.category-scroll-container::-webkit-scrollbar{display:none}@media (width<=1100px){.category-scroll-container{justify-content:flex-start}}