body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f9f9f9;color:#333;font-family:Inter,-apple-system,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.App{margin:0 auto;max-width:1200px;padding-bottom:50px}.promo-banner{background:#ff007a;color:#fff;font-size:.85rem;padding:10px;text-align:center;top:0;z-index:1000}.App-header,.promo-banner{position:-webkit-sticky;position:sticky}.App-header{background:#fff;border-bottom:1px solid #eee;padding:20px;top:40px;z-index:999}.header-top{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.header-top h1{cursor:pointer;font-size:1.5rem;font-weight:800;letter-spacing:-1px}.header-info-right{color:#666;display:flex;font-size:.8rem;gap:10px}.gudang-pagination{align-items:center;background:#f0f0f0;border-radius:8px;display:flex;padding:5px}.page-btn{background:#fff;border:1px solid #ddd;border-radius:5px;cursor:pointer;padding:5px 12px}.page-btn:disabled{cursor:not-allowed;opacity:.5}.page-display{cursor:pointer;padding:0 15px;text-align:center}.page-display span{color:#888;display:block;font-size:.7rem;text-transform:uppercase}.category-nav{display:flex;gap:10px;margin-bottom:15px;overflow-x:auto;padding-bottom:10px;scrollbar-width:none}.cat-pill{background:#fff;border:1px solid #ddd;border-radius:25px;font-size:.9rem;padding:8px 18px;transition:.3s;white-space:nowrap}.cat-pill.active,.cat-pill:hover{background:#222;border-color:#222;color:#fff}.search-box{position:relative;width:100%}#main-search{border:2px solid #eee;border-radius:10px;font-size:1rem;outline:none;padding:12px 20px;transition:.3s;width:100%}#main-search:focus{border-color:#ff007a}.suggestions{background:#fff;border:1px solid #ddd;border-radius:0 0 10px 10px;box-shadow:0 10px 20px #0000001a;left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1001}.suggestions a{border-bottom:1px solid #f5f5f5;display:flex;justify-content:space-between;padding:12px 20px}.suggestions a:hover{background:#f9f9f9}.product-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));padding:20px}.product-card{background:#fff;border:1px solid #eee;border-radius:12px;cursor:pointer;overflow:hidden;transition:.3s}.product-card:hover{box-shadow:0 10px 20px #0000000d;transform:translateY(-5px)}.img-wrap{aspect-ratio:1/1;background:#f5f5f5;overflow:hidden}.img-wrap img{height:100%;object-fit:cover;width:100%}.p-info{padding:15px}.p-info h3{font-size:.95rem;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.p-info p{color:#ff007a;font-weight:700}.detail-view{background:#fff;border-radius:15px;margin-top:20px;padding:20px}.back-btn{color:#666;display:inline-block;font-size:.9rem;font-weight:600;margin-bottom:20px}.detail-layout{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1.2fr}.d-img img{border-radius:15px;width:100%}.d-meta-top{align-items:center;display:flex;gap:15px;margin-bottom:15px}.g-tag{background:#222;border-radius:5px;color:#fff;font-size:.8rem;font-weight:600;padding:4px 12px}.sku-tag{color:#888;font-size:.85rem}.d-content h1{font-size:1.8rem;margin-bottom:10px}.d-price{color:#ff007a;font-size:1.5rem;font-weight:800;margin-bottom:20px}.d-short-desc{background:#f9f9f9;border-left:4px solid #ddd;border-radius:10px;margin-bottom:25px;padding:15px}.d-btns{display:flex;gap:10px;margin-bottom:30px}.btn-pink{background:#ff007a}.btn-black,.btn-pink{border:none;border-radius:10px;color:#fff;cursor:pointer;flex:1 1;font-weight:700;padding:15px}.btn-black{background:#222}.d-taxonomies{border-top:1px solid #eee;margin-bottom:30px;padding-top:20px}.taxo-group{margin-bottom:15px}.taxo-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.tag-pill,.taxo-pill{background:#f0f0f0;border:1px solid #ddd;border-radius:20px;color:#444;font-size:.8rem;padding:5px 12px}.tag-pill{background:#0000;border-style:dashed;color:#888}.d-desc h3{border-bottom:2px solid #eee;margin-bottom:10px;padding-bottom:5px}.static-page-container{margin:0 auto;max-width:800px;padding:40px 20px}.static-content h1{font-size:2.5rem;margin-bottom:30px}.content-body p{margin-bottom:15px}.modal-overlay{align-items:center;background:#000000b3;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:2000}.modal-content{background:#fff;border-radius:20px;max-width:800px;overflow:hidden;position:relative;width:100%}.close-x{background:#0000;border:none;cursor:pointer;font-size:2rem;position:absolute;right:20px;top:15px;z-index:10}.modal-body-mini{display:grid;grid-template-columns:1fr 1fr}.m-img-box img{height:100%;object-fit:cover;width:100%}.m-text-box{padding:30px}.loader{display:flex;justify-content:center;padding:100px}.spin{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#ff007a;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.detail-layout,.modal-body-mini{grid-template-columns:1fr}.product-grid{gap:10px;grid-template-columns:repeat(2,1fr);padding:10px}.header-top{flex-direction:column;text-align:center}.d-content h1{font-size:1.4rem}}
/*# sourceMappingURL=main.51f7b2e6.css.map*/