:root{--blue:#087cff;--blue-dark:#0757c8;--navy:#071e42;--sky:#eaf4ff;--bg:#f5f7fb;--card:#fff;--line:#e2e8f2;--text:#172033;--muted:#6e7b91;--green:#15966a;--orange:#f59e0b;--shadow:0 7px 22px rgba(12,43,84,.08)}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;font-family:Poppins,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:13px}button,input,select{font:inherit}button{cursor:pointer}a{text-decoration:none}.pf-topbar{position:sticky;top:0;z-index:100;background:linear-gradient(120deg,#08234c 0%,#075ecf 54%,#0788ff 100%);color:#fff;box-shadow:0 6px 24px rgba(7,55,118,.24)}.pf-topline{width:min(1440px,calc(100% - 32px));min-height:29px;margin:auto;display:flex;justify-content:flex-end;align-items:center;gap:9px;font-size:10px;color:#dcecff}.pf-topline a{color:#fff}.pf-topline a:hover{text-decoration:underline}.pf-header-inner{width:min(1440px,calc(100% - 32px));margin:auto;display:grid;grid-template-columns:235px minmax(0,800px);justify-content:space-between;gap:24px;align-items:center;padding:10px 0 8px}.pf-logo{display:flex;align-items:center;gap:11px;color:#fff;font-size:20px;font-weight:800;letter-spacing:-.03em}.pf-logo img{width:46px;height:46px;object-fit:contain;border-radius:11px;background:#fff;padding:5px;box-shadow:0 6px 18px rgba(0,0,0,.18)}.pf-search{display:grid;grid-template-columns:minmax(0,1fr) 100px;padding:4px;border-radius:9px;background:#fff;box-shadow:0 8px 25px rgba(0,21,54,.2)}.pf-search input{height:40px;border:0;outline:0;padding:0 14px;color:var(--text);font-size:12px}.pf-search input::placeholder{color:#96a2b5}.pf-search button{border:0;border-radius:7px;background:linear-gradient(135deg,var(--blue),#0665db);color:#fff;font-size:12px;font-weight:800}.pf-search button:hover{background:var(--blue-dark)}.pf-chip-row{width:min(1440px,calc(100% - 32px));margin:auto;display:flex;gap:6px;overflow-x:auto;padding:2px 0 11px;scrollbar-width:none}.pf-chip-row::-webkit-scrollbar{display:none}.pf-chip{flex:0 0 auto;min-height:25px;padding:0 10px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(255,255,255,.1);color:#fff;font-size:10px;font-weight:700}.pf-chip:hover{background:#fff;color:var(--blue-dark)}
.pf-page{width:min(1440px,calc(100% - 32px));margin:auto;display:grid;grid-template-columns:220px minmax(0,1fr);gap:17px;padding:18px 0 50px}.pf-sidebar{position:sticky;top:147px;align-self:start;padding:15px;border:1px solid var(--line);border-radius:11px;background:#fff;box-shadow:var(--shadow)}.pf-sidebar h2{margin:0 0 14px;padding-bottom:11px;border-bottom:1px solid var(--line);color:var(--navy);font-size:14px;text-transform:uppercase;letter-spacing:.04em}.pf-sidebar section{padding:0 0 11px;margin:0 0 12px;border-bottom:1px solid #edf1f6}.pf-sidebar section:last-child{padding:0;margin:0;border:0}.pf-sidebar h3{margin:0 0 8px;color:#43516a;font-size:11px}.pf-sidebar label{display:flex;align-items:flex-start;gap:7px;margin:8px 0;color:#56647a;font-size:10px;line-height:1.35}.pf-sidebar input{flex:0 0 auto;width:14px;height:14px;margin:0;accent-color:var(--blue)}.pf-content{min-width:0}.pf-result-title{display:flex;align-items:center;gap:7px;margin:1px 0 10px;color:#68758b;font-size:13px}.pf-result-title strong{color:var(--navy);font-size:18px}.pf-category-strip{display:flex;gap:6px;overflow-x:auto;margin-bottom:10px;padding-bottom:2px}.pf-category-strip span{flex:0 0 auto;display:inline-flex;align-items:center;min-height:27px;padding:0 10px;border:1px solid #c9e0ff;border-radius:7px;background:#f2f8ff;color:#0759bd;font-size:10px;font-weight:800}.pf-sortbar{display:flex;align-items:center;gap:6px;min-height:50px;margin-bottom:11px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:var(--shadow);flex-wrap:wrap}.pf-sortbar>span{margin-right:3px;color:#778399;font-size:10px;text-transform:uppercase;font-weight:800}.pf-sortbar button,.pf-sortbar select{height:32px;padding:0 11px;border:1px solid var(--line);border-radius:7px;background:#f8fafc;color:#4e5d73;font-size:10px;font-weight:700}.pf-sortbar button:hover{border-color:#9dc8ff;color:var(--blue)}.pf-sortbar button.active{border-color:var(--blue);background:var(--blue);color:#fff}.pf-sortbar select{min-width:165px;outline:0}.pf-sortbar b{margin-left:auto;color:var(--blue);font-size:11px}.pf-sortbar b span{font-size:15px}
.pf-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.pf-card{position:relative;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:9px;background:#fff;box-shadow:0 3px 12px rgba(13,42,78,.05);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.pf-card:hover{z-index:1;transform:translateY(-4px);border-color:#84baff;box-shadow:0 13px 28px rgba(10,69,143,.15)}.pf-card-img{position:relative;aspect-ratio:1/1;overflow:hidden;background:#edf4fc}.pf-card-img:after{content:"";position:absolute;inset:auto 0 0;height:32%;background:linear-gradient(transparent,rgba(2,21,48,.2));pointer-events:none}.pf-card-img img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .3s ease}.pf-card:hover .pf-card-img>img{transform:scale(1.035)}.pf-card-img span{position:absolute;z-index:1;left:7px;bottom:7px;max-width:calc(100% - 14px);padding:4px 7px;border-radius:5px;background:rgba(5,102,216,.92);color:#fff;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf-gallery-thumbs{display:flex;gap:5px;padding:7px 8px 0;overflow-x:auto;scrollbar-width:none}.pf-gallery-thumbs::-webkit-scrollbar{display:none}.pf-gallery-thumbs button{flex:0 0 37px;width:37px;height:37px;padding:2px;border:1px solid var(--line);border-radius:6px;background:#fff}.pf-gallery-thumbs button.active{border:2px solid var(--blue);padding:1px}.pf-gallery-thumbs img{width:100%;height:100%;object-fit:cover;border-radius:4px}.pf-card-body{padding:9px 10px 11px}.pf-card-title{min-height:37px;color:#1b2940;font-size:12px;font-weight:600;line-height:1.45;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.pf-tagline{display:flex;align-items:center;gap:5px;min-height:20px;margin-top:5px;color:#1474df;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf-tagline>span{display:inline-flex;padding:2px 5px;border-radius:4px;color:#fff;font-size:8px;font-weight:900;text-transform:uppercase}.pf-tagline .primary{background:var(--green)}.pf-tagline .secondary{background:#64748b}.pf-tagline .match{background:var(--blue)}.pf-card p{min-height:42px;margin:5px 0 7px;color:#5d697b;font-size:9px;line-height:1.55;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.pf-card small{display:block;padding-top:7px;border-top:1px solid #edf1f6;color:#8490a2;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pf-empty{min-height:280px;display:grid;place-content:center;text-align:center;padding:32px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,#fff,#f5f9ff);box-shadow:var(--shadow)}.pf-empty:before{content:"PAD";display:grid;place-items:center;width:62px;height:62px;margin:0 auto 15px;border-radius:18px;background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;font-size:15px;font-weight:900;box-shadow:0 12px 24px rgba(8,103,220,.2)}.pf-empty strong{color:var(--navy);font-size:18px}.pf-empty p{margin:7px 0 0;color:var(--muted);font-size:11px}.pf-empty code{padding:2px 6px;border-radius:5px;background:var(--sky);color:var(--blue-dark)}.pf-card[hidden]{display:none!important}
@media(max-width:1240px){.pf-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:980px){.pf-topbar{position:relative}.pf-header-inner{grid-template-columns:210px minmax(0,1fr)}.pf-page{grid-template-columns:1fr}.pf-sidebar{position:relative;top:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pf-sidebar h2{grid-column:1/-1;margin:0}.pf-sidebar section{border:0;padding:0;margin:0}.pf-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:680px){.pf-topline{justify-content:center}.pf-header-inner{grid-template-columns:1fr;gap:8px}.pf-logo{font-size:17px}.pf-logo img{width:39px;height:39px}.pf-page{width:calc(100% - 20px);padding-top:11px}.pf-sidebar{grid-template-columns:1fr 1fr;padding:12px}.pf-sidebar section:last-child{grid-column:1/-1}.pf-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pf-sortbar select{display:none}.pf-sortbar b{width:100%;margin:0}.pf-card-body{padding:8px}.pf-card-title{font-size:11px}.pf-card p{font-size:8px}.pf-search{grid-template-columns:minmax(0,1fr) 76px}.pf-search input{padding:0 10px}.pf-chip-row{width:calc(100% - 20px)}}
@media(max-width:390px){.pf-sidebar{grid-template-columns:1fr}.pf-sidebar section:last-child{grid-column:auto}.pf-grid{gap:6px}.pf-gallery-thumbs{padding-inline:6px}.pf-gallery-thumbs button{flex-basis:32px;width:32px;height:32px}}
/* Full-image product photos and fullscreen sample viewer */
.pf-card-img{background:#fff}.pf-card-img img{object-fit:contain;padding:7px;cursor:zoom-in}.pf-card:hover .pf-card-img>img{transform:scale(1.02)}.pf-gallery-thumbs img{object-fit:contain;background:#fff}.pf-photo-viewer{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:22px;background:rgba(2,10,25,.92);backdrop-filter:blur(8px)}.pf-photo-viewer.show{display:flex}.pf-viewer-stage{position:relative;display:grid;place-items:center;width:min(1100px,calc(100vw - 150px));height:calc(100vh - 44px)}.pf-viewer-stage img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.4)}.pf-viewer-count{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);padding:5px 10px;border-radius:999px;background:rgba(0,0,0,.62);color:#fff;font-size:11px;font-weight:800}.pf-viewer-close,.pf-viewer-arrow{position:absolute;z-index:2;display:grid;place-items:center;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff}.pf-viewer-close{right:20px;top:18px;width:44px;height:44px;font-size:31px}.pf-viewer-arrow{top:50%;transform:translateY(-50%);width:48px;height:48px;font-size:24px}.pf-viewer-arrow.prev{left:22px}.pf-viewer-arrow.next{right:22px}.pf-viewer-close:hover,.pf-viewer-arrow:hover{background:var(--blue)}.pf-viewer-open{overflow:hidden}@media(max-width:680px){.pf-photo-viewer{padding:10px}.pf-viewer-stage{width:100%;height:calc(100vh - 20px)}.pf-viewer-arrow{width:40px;height:40px;font-size:19px}.pf-viewer-arrow.prev{left:8px}.pf-viewer-arrow.next{right:8px}.pf-viewer-close{right:8px;top:8px;width:40px;height:40px}}