@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Outfit:wght@400;600;700;800;900&display=swap";
:root{--gold-50:#fffbeb;--gold-100:#fef3c7;--gold-200:#fde68a;--gold-300:#fcd34d;--gold-400:#fbbf24;--gold-500:#f59e0b;--gold-600:#d97706;--gold-700:#b45309;--gold-800:#92400e;--shopee-light:#ff7337;--shopee-main:#ee4d2d;--shopee-dark:#d73211;--shopee-bg:#f5f5f5;--shopee-text:#222;--red-50:#fff1f2;--red-100:#ffe4e6;--red-400:#ff7337;--red-500:#ee4d2d;--red-600:#d73211;--red-700:#b91c1c;--blue-50:#fff1f2;--blue-100:#ffe4e6;--blue-400:#ff7337;--blue-500:#ee4d2d;--blue-600:#d73211;--blue-700:#b91c1c;--blue-800:#b91c1c;--green-50:#f0fdf4;--green-400:#4ade80;--green-500:#22c55e;--green-600:#16a34a;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--gray-950:#030712;--bg-primary:#f8f9fc;--bg-secondary:#fff;--bg-card:#fff;--bg-surface:#f1f5f9;--bg-hover:#e8edf4;--gradient-gold:linear-gradient(135deg, #f59e0b 0%, #fbbf24 50%, #fcd34d 100%);--gradient-red:linear-gradient(-180deg, #f53d2d, #f63);--gradient-blue:linear-gradient(-180deg, #f53d2d, #f63);--gradient-hero:linear-gradient(-180deg, #f53d2d, #f63);--gradient-card:linear-gradient(145deg, #fff, #f8fafc);--shadow-gold:0 4px 20px #f59e0b33;--shadow-red:0 4px 20px #ef444433;--shadow-blue:0 4px 20px #3b82f633;--shadow-card:0 4px 16px #0000000f, 0 1px 3px #00000014;--shadow-lg:0 12px 40px #0000001a;--border-subtle:#00000014;--border-gold:#f59e0b59;--border-blue:#3b82f640;--font-display:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;font-size:16px}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--gray-800);min-height:100vh;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img{max-width:100%;display:block}input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:linear-gradient(to bottom, var(--gold-500), var(--blue-600));border-radius:var(--radius-full)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--gray-900);font-weight:700;line-height:1.2}.text-gradient-gold{background:var(--gradient-gold);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-gradient-blue{background:var(--gradient-blue);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.container{max-width:1400px;margin:0 auto;padding:0 20px}.section{padding:60px 0}.btn{border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";transition:background var(--transition-fast);background:#fff0;position:absolute;inset:0}.btn:hover:after{background:#ffffff14}.btn:active{transform:scale(.97)}.btn-gold{background:var(--gradient-gold);color:var(--gray-900);box-shadow:var(--shadow-gold);font-weight:700}.btn-gold:hover{transform:translateY(-1px);box-shadow:0 8px 30px #f59e0b80}.btn-red{background:var(--gradient-red);color:#fff;box-shadow:var(--shadow-red)}.btn-red:hover{transform:translateY(-1px);box-shadow:0 8px 30px #ef444480}.btn-blue{background:var(--gradient-blue);color:#fff;box-shadow:var(--shadow-blue)}.btn-blue:hover{transform:translateY(-1px);box-shadow:0 8px 30px #3b82f680}.btn-outline{color:var(--gray-700);border:1px solid var(--gray-300);background:0 0}.btn-outline:hover{background:var(--bg-surface);border-color:var(--border-blue)}.btn-ghost{color:var(--gray-600);background:#0000000a}.btn-ghost:hover{background:#00000014}.btn-sm{padding:8px 16px;font-size:13px}.btn-lg{border-radius:var(--radius-lg);padding:16px 32px;font-size:17px}.btn-full{width:100%}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:all var(--transition-base);padding:24px}.card:hover{border-color:var(--border-blue);transform:translateY(-2px);box-shadow:0 8px 30px #0000001a}.card-product{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-base);cursor:pointer;overflow:hidden}.card-product:hover{border-color:var(--border-gold);transform:translateY(-4px);box-shadow:0 8px 30px #f59e0b1f}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge-gold{background:var(--gradient-gold);color:var(--gray-900)}.badge-red{background:var(--red-600);color:#fff;animation:2s infinite pulse-red}.badge-blue{background:var(--blue-700);color:#fff}.badge-green{background:var(--green-600);color:#fff}@keyframes pulse-red{0%,to{opacity:1}50%{opacity:.8}}.input{background:var(--bg-secondary);border:1px solid var(--gray-300);border-radius:var(--radius-md);width:100%;color:var(--gray-800);transition:all var(--transition-fast);outline:none;padding:12px 16px;font-size:15px}.input:focus{border-color:var(--blue-500);box-shadow:0 0 0 3px #3b82f61f}.input::placeholder{color:var(--gray-400)}.input-search{border-radius:var(--radius-full);background:var(--bg-secondary);border:1px solid var(--gray-300);padding-left:48px}.input-search:focus{border-color:var(--gold-500);box-shadow:0 0 0 3px #f59e0b26}.chip{background:var(--bg-surface);border:1px solid var(--gray-200);border-radius:var(--radius-full);color:var(--gray-600);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:6px;padding:6px 14px;font-size:13px;display:inline-flex}.chip:hover,.chip.active{background:var(--blue-600);border-color:var(--blue-500);color:#fff}.chip.active-gold{border-color:var(--gold-500);color:var(--gold-700);background:#f59e0b1f}.stars{color:var(--gold-400);gap:2px;display:inline-flex}.price-tag{flex-direction:column;gap:2px;display:flex}.price-original{color:var(--gray-500);font-size:12px;text-decoration:line-through}.price-current{color:var(--gold-700);font-size:22px;font-weight:800;font-family:var(--font-display)}.price-installments{color:var(--green-600);font-size:12px}.discount-badge{background:var(--red-600);color:#fff;border-radius:var(--radius-full);padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}.header{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--gray-200);background:#fffffff2;position:sticky;top:0;box-shadow:0 1px 3px #0000000d}.header-top{background:linear-gradient(90deg, var(--red-700), var(--red-600), var(--red-700));text-align:center;letter-spacing:.5px;color:#fff;padding:6px 0;font-size:12px;font-weight:600;animation:.5s slide-in}.header-main{padding:14px 0}.header-nav{border-top:1px solid var(--gray-200);scrollbar-width:none;align-items:center;gap:20px;padding:8px 0;display:flex;overflow-x:auto}.header-nav::-webkit-scrollbar{display:none}.header-nav a{color:var(--gray-500);white-space:nowrap;transition:color var(--transition-fast);border-bottom:2px solid #0000;padding:4px 0;font-size:13px}.header-nav a:hover,.header-nav a.active{color:var(--gold-600);border-bottom-color:var(--gold-500)}.hero{background:var(--gradient-hero);color:#fff;padding:80px 0;position:relative;overflow:hidden}.hero h1,.hero h2,.hero h3,.hero h4{color:#fff}.hero:before{content:"";background:radial-gradient(#fbbf2426 0%,#0000 60%);width:200%;height:200%;animation:6s ease-in-out infinite pulse-glow;position:absolute;top:-50%;left:-50%}@keyframes pulse-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.flash-sale{border-radius:var(--radius-xl);background:linear-gradient(135deg,#fff5f5,#fff1f2,#ffe4e6);border:1px solid #dc262633;padding:32px;position:relative;overflow:hidden}.flash-sale:before{content:"";background:linear-gradient(135deg,#dc262608,#0000);position:absolute;inset:0}.countdown{align-items:center;gap:8px;display:flex}.countdown-unit{flex-direction:column;align-items:center;gap:2px;display:flex}.countdown-number{background:var(--red-600);color:#fff;font-size:24px;font-weight:900;font-family:var(--font-display);border-radius:var(--radius-md);text-align:center;border:1px solid #dc26264d;min-width:52px;padding:8px 14px;box-shadow:0 2px 8px #dc262633}.countdown-label{text-transform:uppercase;color:var(--gray-500);letter-spacing:1px;font-size:9px}.product-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}.product-image-wrapper{background:var(--gray-100);padding-top:100%;position:relative;overflow:hidden}.product-image-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow);position:absolute;inset:0}.card-product:hover .product-image-wrapper img{transform:scale(1.08)}.product-info{padding:14px}.product-title{color:var(--gray-700);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:14px;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.product-badges{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.filter-sidebar{background:var(--bg-card);border:1px solid var(--gray-200);border-radius:var(--radius-lg);width:280px;min-width:280px;height:fit-content;box-shadow:var(--shadow-card);padding:24px;position:sticky;top:100px}.filter-group{border-bottom:1px solid var(--border-subtle);margin-bottom:28px;padding-bottom:28px}.filter-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.filter-title{text-transform:uppercase;letter-spacing:1px;color:var(--gold-700);margin-bottom:14px;font-size:13px;font-weight:700}.filter-option{cursor:pointer;color:var(--gray-600);transition:color var(--transition-fast);align-items:center;gap:10px;padding:8px 0;font-size:14px;display:flex}.filter-option:hover{color:var(--gray-900)}.filter-option input[type=checkbox],.filter-option input[type=radio]{width:16px;height:16px;accent-color:var(--blue-500);cursor:pointer}.price-slider{width:100%;accent-color:var(--gold-500)}.cart-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;animation:.2s fade-in;position:fixed;inset:0}.cart-drawer{background:var(--bg-secondary);border-left:1px solid var(--gray-200);z-index:201;flex-direction:column;width:440px;animation:.3s slide-in-right;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-4px 0 20px #0000001a}@keyframes slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.cart-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:24px;display:flex}.cart-body{flex-direction:column;flex:1;gap:16px;padding:24px;display:flex;overflow-y:auto}.cart-footer{border-top:1px solid var(--gray-200);background:var(--gray-50);padding:24px}.cart-item{background:var(--bg-card);border:1px solid var(--gray-200);border-radius:var(--radius-md);transition:all var(--transition-fast);gap:14px;padding:14px;display:flex}.cart-item:hover{border-color:var(--border-gold)}.cart-item-image{border-radius:var(--radius-sm);object-fit:cover;background:var(--gray-100);width:72px;height:72px}.payment-tab{gap:12px;margin-bottom:28px;display:flex}.payment-tab-btn{border-radius:var(--radius-lg);border:2px solid var(--gray-200);background:var(--bg-card);color:var(--gray-500);transition:all var(--transition-base);flex-direction:column;flex:1;align-items:center;gap:8px;padding:16px;font-size:15px;font-weight:600;display:flex}.payment-tab-btn:hover{border-color:var(--blue-500);color:var(--blue-700);background:var(--blue-50)}.payment-tab-btn.active{border-color:var(--gold-500);background:var(--gold-50);color:var(--gold-700);box-shadow:0 0 0 1px #f59e0b33}.pix-qr{border-radius:var(--radius-lg);background:#fff;justify-content:center;align-items:center;width:200px;height:200px;margin:0 auto;padding:24px;display:flex}.rewards-card{border:1px solid var(--border-gold);border-radius:var(--radius-xl);background:linear-gradient(135deg,#fffbeb,#fef3c7);padding:28px;position:relative;overflow:hidden}.rewards-card:before{content:"";background:radial-gradient(circle,#f59e0b1a,#0000);border-radius:50%;width:200px;height:200px;position:absolute;top:-30%;right:-10%}.reward-points{font-size:48px;font-weight:900;font-family:var(--font-display);background:var(--gradient-gold);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.footer{background:var(--gray-900);border-top:1px solid var(--gray-200);color:var(--gray-300);padding:60px 0 30px}.footer h1,.footer h2,.footer h3,.footer h4,.footer h5,.footer h6{color:#fff}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px;display:grid}.footer-title{text-transform:uppercase;letter-spacing:1px;color:var(--gold-400);margin-bottom:16px;font-size:13px;font-weight:700}.footer-links{flex-direction:column;gap:10px;display:flex}.footer-links a{color:var(--gray-400);transition:color var(--transition-fast);font-size:14px}.footer-links a:hover{color:#fff}.social-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.social-btn{border-radius:var(--radius-md);width:44px;height:44px;color:var(--gray-400);transition:all var(--transition-base);background:#ffffff1a;border:1px solid #ffffff26;justify-content:center;align-items:center;font-size:18px;display:flex}.social-btn:hover{box-shadow:var(--shadow-blue);border-color:var(--blue-400);color:var(--blue-400);background:#3b82f626;transform:translateY(-3px)}.product-gallery-main{aspect-ratio:1;background:var(--gray-100);border-radius:var(--radius-lg);border:1px solid var(--gray-200);overflow:hidden}.product-gallery-thumbs{gap:10px;margin-top:12px;display:flex}.product-gallery-thumb{border-radius:var(--radius-md);object-fit:cover;border:2px solid var(--gray-200);cursor:pointer;width:72px;height:72px;transition:border-color var(--transition-fast);background:var(--gray-100)}.product-gallery-thumb.active,.product-gallery-thumb:hover{border-color:var(--gold-500)}.qa-item{background:var(--bg-card);border:1px solid var(--gray-200);border-radius:var(--radius-md);margin-bottom:12px;padding:16px}.qa-question{color:var(--gray-800);gap:10px;margin-bottom:8px;font-weight:600;display:flex}.qa-answer{color:var(--gray-500);padding-left:24px;font-size:14px}.admin-sidebar{background:var(--bg-card);border-right:1px solid var(--gray-200);width:260px;min-width:260px;min-height:100vh;padding:24px 0}.admin-nav-item{color:var(--gray-500);cursor:pointer;transition:all var(--transition-fast);border-left:3px solid #0000;align-items:center;gap:12px;padding:12px 24px;font-size:14px;font-weight:500;display:flex}.admin-nav-item:hover{color:var(--gray-900);background:var(--bg-surface)}.admin-nav-item.active{color:var(--gold-700);background:var(--gold-50);border-left-color:var(--gold-500)}.modal-overlay{z-index:300;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.2s fade-in;display:flex;position:fixed;inset:0}.modal{background:var(--bg-secondary);border:1px solid var(--gray-200);border-radius:var(--radius-xl);width:100%;max-width:560px;box-shadow:var(--shadow-lg);padding:32px;animation:.3s slide-up}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}.w-full{width:100%}.relative{position:relative}.absolute{position:absolute}.overflow-hidden{overflow:hidden}.text-center{text-align:center}.text-sm{font-size:13px}.text-xs{font-size:11px}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-gold{color:var(--gold-600)}.text-red{color:var(--red-600)}.text-blue{color:var(--blue-600)}.text-green{color:var(--green-600)}.text-muted,.text-secondary{color:var(--gray-500)}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.p-4{padding:16px}.p-6{padding:24px}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.border{border:1px solid var(--border-subtle)}.divider{background:var(--gray-200);height:1px;margin:24px 0}@media (max-width:1024px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.filter-sidebar{display:none}}@media (max-width:768px){.container{padding:0 16px}.section{padding:40px 0}.product-grid{grid-template-columns:repeat(2,1fr);gap:12px}.cart-drawer{width:100%}.footer-grid{grid-template-columns:1fr;gap:24px}.flash-sale{padding:20px}.hero{padding:48px 0}h1{font-size:28px}}@media (max-width:480px){.product-grid{grid-template-columns:repeat(2,1fr);gap:8px}.countdown-number{min-width:42px;padding:6px 10px;font-size:18px}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--gray-100) 25%, var(--gray-200) 50%, var(--gray-100) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}.reveal{opacity:0;transition:all .6s;transform:translateY(20px)}.reveal.visible{opacity:1;transform:translateY(0)}