:root{--pn-accent:#185FA5;--pn-accent-light:#E6F1FB;--pn-accent-dark:#0C447C;--pn-text:#1a1a1a;--pn-text-muted:#6b6b6b;--pn-text-faint:#999;--pn-bg:#ffffff;--pn-bg-surface:#f7f7f5;--pn-border:rgba(0,0,0,.1);--pn-border-hover:rgba(0,0,0,.3);--pn-radius-sm:6px;--pn-radius-md:10px;--pn-radius-lg:14px;--pn-font:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif}#pn-root *{box-sizing:border-box;margin:0;padding:0}#pn-root a{text-decoration:none;color:var(--pn-accent)}.pn-types-wrap{padding:0 0 3rem}.pn-types-header{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:2rem}.pn-page-title{font-family:var(--pn-font);font-size:22px;font-weight:500;color:var(--pn-text);flex:1;min-width:200px}.pn-search{font-family:var(--pn-font);font-size:13px;padding:8px 14px;border:1px solid var(--pn-border);border-radius:var(--pn-radius-md);background:var(--pn-bg-surface);color:var(--pn-text);width:240px;outline:none;transition:border-color .15s}.pn-search:focus{border-color:var(--pn-accent);background:var(--pn-bg)}.pn-group{margin-bottom:2.25rem}.pn-group-title{font-family:var(--pn-font);font-size:11px;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;color:var(--pn-text-faint);padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid var(--pn-border)}.pn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}.pn-type-card{position:relative;display:flex;flex-direction:column;gap:5px;padding:14px 16px 12px;background:var(--pn-bg);border:1px solid var(--pn-border);border-radius:var(--pn-radius-lg);cursor:pointer;text-align:left;font-family:var(--pn-font);transition:border-color .15s,background .15s,transform .1s;-webkit-appearance:none;appearance:none}.pn-type-card:hover{border-color:var(--pn-border-hover);background:var(--pn-bg-surface)}.pn-type-card:active{transform:scale(.985)}.pn-type-card:focus-visible{outline:2px solid var(--pn-accent);outline-offset:2px}.pn-card-icon{display:flex;align-items:center;justify-content:flex-start;margin-bottom:4px}.pn-card-icon svg{width:26px;height:26px;fill:var(--pn-text-faint);transition:fill .15s}.pn-type-card:hover .pn-card-icon svg{fill:var(--pn-accent)}.pn-card-name{font-size:13px;font-weight:500;color:var(--pn-text);line-height:1.3;padding-right:16px}.pn-card-meta{font-size:11px;color:var(--pn-text-faint)}.pn-card-arrow{position:absolute;top:14px;right:14px;font-size:16px;color:var(--pn-text-faint);opacity:0;transition:opacity .15s,color .15s}.pn-type-card:hover .pn-card-arrow{opacity:1;color:var(--pn-accent)}.pn-breadcrumb{display:flex;align-items:center;gap:6px;font-family:var(--pn-font);font-size:13px;color:var(--pn-text-muted);margin-bottom:1.5rem;flex-wrap:wrap}.pn-breadcrumb a{color:var(--pn-accent);text-decoration:none}.pn-breadcrumb a:hover{text-decoration:underline}.pn-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-top:1.25rem}.pn-product-card{display:flex;flex-direction:column;border:1px solid var(--pn-border);border-radius:var(--pn-radius-lg);overflow:hidden;background:var(--pn-bg);text-decoration:none;color:var(--pn-text);transition:border-color .15s,transform .1s}.pn-product-card:hover{border-color:var(--pn-border-hover);transform:translateY(-2px)}.pn-product-img{width:100%;aspect-ratio:1;object-fit:contain;background:var(--pn-bg-surface);padding:12px}.pn-product-info{padding:12px 14px;display:flex;flex-direction:column;gap:4px;flex:1}.pn-product-name{font-family:var(--pn-font);font-size:13px;font-weight:500;line-height:1.35;color:var(--pn-text)}.pn-product-sku{font-size:11px;color:var(--pn-text-faint);font-family:monospace}.pn-product-price{font-size:14px;font-weight:600;color:var(--pn-text);margin-top:auto;padding-top:6px}.pn-stock{display:inline-block;font-size:11px;font-weight:500;padding:2px 8px;border-radius:20px;width:fit-content}.pn-stock.in{background:#E6F4EA;color:#1E6F3E}.pn-stock.out{background:#FDECEA;color:#A32D2D}.pn-results-bar{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:.5rem}.pn-result-count{font-family:var(--pn-font);font-size:13px;color:var(--pn-text-muted)}.pn-pagination{display:flex;flex-wrap:wrap;gap:6px;margin-top:2rem}.pn-page-btn{font-family:var(--pn-font);font-size:13px;padding:6px 12px;border:1px solid var(--pn-border);border-radius:var(--pn-radius-sm);background:var(--pn-bg);color:var(--pn-text);cursor:pointer;transition:border-color .15s,background .15s}.pn-page-btn:hover{border-color:var(--pn-accent);color:var(--pn-accent)}.pn-page-btn.active{background:var(--pn-accent);border-color:var(--pn-accent);color:#fff}.pn-empty,.pn-error{font-family:var(--pn-font);font-size:14px;color:var(--pn-text-muted);padding:2rem 0}.pn-error strong{color:#A32D2D}@media (max-width:600px){.pn-grid{grid-template-columns:1fr 1fr}.pn-products-grid{grid-template-columns:1fr 1fr}.pn-page-title{font-size:18px}.pn-search{width:100%}.pn-types-header{flex-direction:column;align-items:flex-start}}@media (max-width:380px){.pn-grid{grid-template-columns:1fr}}