body{-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--pink:#ff1493;--black:#111;--white:#fff;--gray:#f4f4f4}body{-webkit-font-smoothing:antialiased;background:#fff;background:var(--white);color:#111;color:var(--black);font-family:Inter,sans-serif;margin:0;overflow-x:hidden}.promo-banner{animation:flash 2s infinite;background:#111;background:var(--black);border-bottom:3px solid #ff1493;border-bottom:3px solid var(--pink);color:#fff;color:var(--white);font-size:clamp(9px,2.5vw,11px);font-weight:800;letter-spacing:1px;padding:8px 10px;position:-webkit-sticky;position:sticky;text-align:center;text-transform:uppercase;top:0;z-index:1001}@keyframes flash{0%,to{opacity:1}50%{opacity:.8}}.App-header{background:#fff;border-bottom:2px solid #111;border-bottom:2px solid var(--black);display:flex;flex-direction:column;padding:8px 12px;position:-webkit-sticky;position:sticky;top:30px;z-index:100}.header-legal-links{border-bottom:1px solid #eee;display:flex;gap:15px;justify-content:center;margin-bottom:8px;padding-bottom:6px}.header-legal-links a{color:#888;font-size:10px;font-weight:700;letter-spacing:.5px;text-decoration:none;text-transform:uppercase}.header-legal-links a:hover{color:#ff1493;color:var(--pink)}.header-top{align-items:center;display:flex;justify-content:space-between;width:100%}.App-header h1{cursor:pointer;font-size:clamp(1.2rem,5vw,1.8rem);font-weight:900;letter-spacing:-1.5px;margin:0}.gudang-pagination{align-items:center;display:flex;gap:8px}.page-btn{background:#fff;border:1.5px solid #000;cursor:pointer;font-size:14px;font-weight:800;padding:4px 10px}.page-btn:disabled{cursor:not-allowed;opacity:.2}.page-display{cursor:pointer;min-width:55px;text-align:center}.page-display span{display:block;font-size:8px;font-weight:700;text-transform:uppercase}.page-display strong{color:#ff1493;color:var(--pink);font-size:14px;font-weight:900}.header-bottom{display:flex;flex-direction:column;gap:8px;margin-top:8px}@media (min-width:768px){.header-bottom{align-items:center;flex-direction:row;justify-content:space-between}}.category-nav{-webkit-overflow-scrolling:touch;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.category-nav::-webkit-scrollbar{display:none}.cat-pill{border:1.5px solid #111;border:1.5px solid var(--black);color:#000;font-size:10px;font-weight:800;padding:6px 12px;text-decoration:none;text-transform:uppercase;white-space:nowrap}.cat-pill.active{background:#ff1493;background:var(--pink);border-color:#ff1493;border-color:var(--pink);color:#fff}.search-box{max-width:512px;position:relative;width:100%}.search-box input{box-sizing:border-box;font-size:13px;font-weight:600;outline:none;padding:8px 12px;width:100%}.search-box input,.suggestions{border:2px solid #111;border:2px solid var(--black)}.suggestions{background:#fff;box-shadow:8px 8px 0 #111;box-shadow:8px 8px 0 var(--black);left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;text-align:left;top:calc(100% + 2px);z-index:200}.suggestions a{grid-gap:10px;align-items:center;border-bottom:1px solid #eee;color:#111;color:var(--black);display:grid;font-size:12px;gap:10px;grid-template-columns:1fr auto;padding:8px 12px;text-decoration:none;transition:.1s}.suggestions a:hover{background:#ff1493;background:var(--pink);color:#fff}.suggestions a span{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggestions a small{background:#f0f0f0;color:#555;font-size:9px;font-weight:900;padding:2px 6px;text-transform:uppercase}.suggestions a:hover small{background:#fff;color:#ff1493;color:var(--pink)}.suggestions::-webkit-scrollbar{width:4px}.suggestions::-webkit-scrollbar-track{background:#fff}.suggestions::-webkit-scrollbar-thumb{background:#111;background:var(--black)}.product-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));min-height:100vh;padding:15px}@media (min-width:768px){.product-grid{gap:20px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));padding:30px}}.product-card{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;overflow:hidden;transition:.2s}.product-card:hover{border-color:#ff1493;border-color:var(--pink);box-shadow:5px 5px 0 #ff1493;box-shadow:5px 5px 0 var(--pink);transform:translateY(-3px)}.img-wrap{align-items:center;aspect-ratio:1;border-bottom:1px solid #eee;display:flex;justify-content:center;padding:10px}.img-wrap img{height:100%;object-fit:contain;width:100%}.p-info{padding:10px}.p-info h3{font-size:12px;font-weight:700;height:32px;line-height:1.3;margin:0;overflow:hidden}.p-info p{color:#ff1493;color:var(--pink);font-size:14px;font-weight:800;margin:5px 0 0}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;padding:10px;position:fixed;z-index:2000}.modal-content{background:#fff;border:3px solid #111;border:3px solid var(--black);box-shadow:12px 12px 0 #111;box-shadow:12px 12px 0 var(--black);max-height:90vh;max-width:700px;overflow-y:auto;position:relative;width:100%}.close-x{background:none;border:none;cursor:pointer;font-size:30px;position:absolute;right:15px;top:10px;z-index:10}.modal-body-mini{display:flex;flex-direction:column}@media (min-width:600px){.modal-body-mini{flex-direction:row}}.m-img-box{align-items:center;background:#fff;border-bottom:1px solid #eee;display:flex;flex:1 1;justify-content:center;padding:20px}@media (min-width:600px){.m-img-box{border-bottom:none;border-right:1px solid #eee}}.m-img-box img{max-height:300px;object-fit:contain;width:100%}.m-text-box{flex:1 1;padding:25px;text-align:left}.m-price{color:#ff1493;color:var(--pink);font-size:1.8rem;font-weight:900;margin:10px 0}.m-short-desc{color:#555;font-size:13px;line-height:1.5;margin-bottom:20px}.btn-black,.btn-pink{border:2px solid #111;border:2px solid var(--black);cursor:pointer;font-weight:800;margin-bottom:8px;padding:12px;text-transform:uppercase;width:100%}.btn-pink{background:#ff1493;background:var(--pink);color:#fff}.btn-black{background:#111;background:var(--black);color:#fff}.detail-view{margin:0 auto;max-width:1000px;padding:20px;text-align:left}.detail-layout{display:flex;flex-direction:column;gap:30px}@media (min-width:768px){.detail-layout{flex-direction:row}}.d-img{border:2px solid #111;border:2px solid var(--black);flex:1 1;padding:20px}.d-img img{object-fit:contain;width:100%}.d-content{flex:1 1}.d-price{color:#ff1493;color:var(--pink);font-size:2.5rem;font-weight:900;margin:15px 0}.d-desc{border-top:2px solid #eee;margin-top:30px;padding-top:20px}.static-page-container{margin:0 auto;max-width:800px;min-height:70vh;padding:40px 20px;text-align:left}.static-content h1{border-bottom:3px solid #111;border-bottom:3px solid var(--black);color:#ff1493;color:var(--pink);display:inline-block;font-size:clamp(1.5rem,6vw,2.5rem);margin-bottom:25px}.loader{padding:100px 0;text-align:center}.spin{animation:s .8s linear infinite;border:4px solid #eee;border-radius:50%;border-top:4px solid var(--pink);height:40px;margin:auto;width:40px}@keyframes s{to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.34dae0a5.css.map*/