:root{--pc-navy:#0b2433;--pc-teal:#0f8f86;--pc-soft:#f4f8fa;--pc-line:#dbe6eb;--pc-red:#d71920}
.pc-hero{background:linear-gradient(120deg,#0b2433 0%,#0c4c58 55%,#0f8f86 100%);color:#fff;padding:58px 0 48px}.pc-hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:28px;align-items:center}.pc-kicker{display:inline-flex;background:#e8faf7;color:#08756f;border-radius:999px;padding:8px 13px;font-weight:900;font-size:13px}.pc-hero h1{font-size:clamp(34px,5vw,56px);line-height:1.25;color:#fff;margin:15px 0 12px}.pc-hero p{font-size:17px;line-height:1.9;color:#e5f4f5;max-width:760px}.pc-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.pc-stat{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:18px;padding:20px;text-align:center;backdrop-filter:blur(4px)}.pc-stat b{display:block;font-size:30px}.pc-stat span{font-size:13px;color:#d8eff1}
.pc-shell{background:var(--pc-soft);padding:42px 0 58px}.pc-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:28px}.pc-category-tile{border:1px solid var(--pc-line);background:#fff;border-radius:17px;padding:18px;text-decoration:none;color:var(--pc-navy);display:flex;align-items:center;gap:13px;transition:.2s;cursor:pointer}.pc-category-tile:hover,.pc-category-tile.active{border-color:var(--pc-teal);box-shadow:0 10px 26px rgba(15,143,134,.12);transform:translateY(-2px)}.pc-category-icon{width:46px;height:46px;border-radius:13px;background:#e9f8f6;color:var(--pc-teal);display:grid;place-items:center;font-size:19px}.pc-category-tile b{display:block;font-size:15px}.pc-category-tile small{color:#708089}
.pc-controls{background:#fff;border:1px solid var(--pc-line);border-radius:20px;padding:18px;display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:14px;align-items:center;position:sticky;top:84px;z-index:5;box-shadow:0 10px 30px rgba(11,36,51,.07)}.pc-search{position:relative}.pc-search i{position:absolute;inset-inline-start:16px;top:50%;transform:translateY(-50%);color:#788991}.pc-search input{width:100%;height:48px;border:1px solid var(--pc-line);border-radius:13px;padding-inline-start:45px;padding-inline-end:14px;font:inherit;outline:none}.pc-search input:focus{border-color:var(--pc-teal);box-shadow:0 0 0 3px rgba(15,143,134,.1)}.pc-brand-filters{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.pc-filter{border:1px solid var(--pc-line);background:#fff;color:#41535d;border-radius:999px;padding:9px 13px;font-weight:800;cursor:pointer}.pc-filter.active{background:var(--pc-navy);border-color:var(--pc-navy);color:#fff}
.pc-resultbar{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:26px 0 16px}.pc-resultbar h2{font-size:26px;color:var(--pc-navy);margin:0}.pc-resultbar p{margin:0;color:#667780}.pc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.pc-card{background:#fff;border:1px solid var(--pc-line);border-radius:18px;overflow:hidden;text-decoration:none;color:inherit;display:flex;flex-direction:column;min-width:0;transition:.2s}.pc-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(11,36,51,.1);border-color:#b8d1d8}.pc-card-media{height:230px;background:#fff;display:grid;place-items:center;border-bottom:1px solid #edf2f4;position:relative}.pc-card-media img{width:100%;height:100%;object-fit:contain;padding:18px}.pc-card-placeholder{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#eef7f7,#f8fbfc);font-size:35px;font-weight:900;color:#a1b6be}.pc-card-brand{position:absolute;inset-block-start:12px;inset-inline-start:12px;background:#fff;border:1px solid var(--pc-line);border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900;color:var(--pc-navy)}.pc-card-body{padding:15px;display:flex;flex-direction:column;flex:1}.pc-card-category{color:var(--pc-teal);font-size:12px;font-weight:900}.pc-card h3{font-size:17px;line-height:1.55;color:var(--pc-navy);margin:7px 0 8px}.pc-card-model{font-size:12px;color:#74858d;overflow-wrap:anywhere;margin-top:auto}.pc-card-action{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf2f4;margin-top:13px;padding-top:12px;color:var(--pc-red);font-weight:900;font-size:13px}.pc-empty{display:none;text-align:center;background:#fff;border:1px dashed #b8cbd2;border-radius:18px;padding:38px;color:#687981}.pc-load{display:block;margin:28px auto 0;border:0;background:var(--pc-navy);color:#fff;border-radius:13px;padding:13px 24px;font-weight:900;cursor:pointer}.pc-load[hidden]{display:none}
.pc-review{margin-top:34px;background:#fff9e8;border:1px solid #ead18b;border-radius:16px;padding:17px;color:#685317;line-height:1.8}
@media(max-width:1100px){.pc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pc-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.pc-hero-grid{grid-template-columns:1fr}.pc-controls{grid-template-columns:1fr;position:static}.pc-brand-filters{justify-content:flex-start}.pc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pc-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.pc-hero{padding:40px 0 34px}.pc-hero h1{font-size:32px}.pc-category-grid{grid-template-columns:1fr}.pc-grid{grid-template-columns:1fr}.pc-card-media{height:280px}.pc-resultbar{align-items:flex-start;flex-direction:column}.pc-stat{padding:15px}.pc-controls{padding:13px}}