:root{--pn-accent:#185FA5;--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,.25);--pn-radius-lg:12px;--pn-radius-sm:6px;--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-groups-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:4px 0 2rem}.pn-group-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:12px;padding:28px 16px 22px;background:var(--pn-bg);border:1px solid var(--pn-border);border-radius:var(--pn-radius-lg);cursor:pointer;text-align:center;font-family:var(--pn-font);min-height:190px;transition:border-color .18s,box-shadow .18s,transform .12s;-webkit-appearance:none;appearance:none;width:100%}.pn-group-card:hover{border-color:rgb(0 0 0 / .22);box-shadow:0 4px 18px rgb(0 0 0 / .08);transform:translateY(-3px)}.pn-group-card:active{transform:scale(.97)}.pn-group-visual{display:flex;align-items:center;justify-content:center;width:100%;flex:1}.pn-group-img{max-width:100%;max-height:100px;object-fit:contain}.pn-group-svg{display:flex;align-items:center;justify-content:center;color:#2a3a52}.pn-group-svg svg{width:90px;height:70px}.pn-group-label{font-size:14px;font-weight:600;color:var(--pn-text);line-height:1.35;display:block;width:100%}.pn-group-subtitle{font-size:11px;color:var(--pn-text-faint);display:block;margin-top:-6px}.pn-page-title{font-family:var(--pn-font);font-size:20px;font-weight:500;color:var(--pn-text);margin-bottom:1.25rem}.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 36px 12px 14px;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;width:100%}.pn-type-card:hover{border-color:var(--pn-border-hover);background:var(--pn-bg-surface)}.pn-type-card:active{transform:scale(.985)}.pn-card-name{font-size:13px;font-weight:500;color:var(--pn-text);line-height:1.3}.pn-card-meta{font-size:11px;color:var(--pn-text-faint)}.pn-card-arrow{position:absolute;top:50%;right:12px;transform:translateY(-50%);font-size:18px;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:1rem;flex-wrap:wrap}.pn-breadcrumb a{color:var(--pn-accent)}.pn-breadcrumb a:hover{text-decoration:underline}.pn-results-bar{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:.75rem}.pn-search{font-family:var(--pn-font);font-size:13px;padding:8px 14px;border:1px solid var(--pn-border);border-radius:var(--pn-radius-sm);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-result-count{font-family:var(--pn-font);font-size:13px;color:var(--pn-text-muted)}.pn-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-top:.5rem}.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 .12s}.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:10px}.pn-product-info{padding:10px 12px;display:flex;flex-direction:column;gap:4px;flex:1}.pn-product-name{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-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}.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:960px){.pn-groups-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:640px){.pn-groups-grid{grid-template-columns:repeat(2,1fr);gap:10px}.pn-group-card{min-height:150px;padding:18px 10px 16px}.pn-group-svg svg{width:64px;height:52px}.pn-group-label{font-size:12px}}