.pc-page{--pc-text:#111;--pc-muted:#6b7280;--pc-muted-light:#9ca3af;--pc-surface:#fff;--pc-page-bg:#f7f7f8;--pc-muted-bg:#f0f2f5;--pc-verified:#16a34a;--pc-radius-card:14px;--pc-radius-btn:10px;--pc-radius-check:4px;--pc-font:var(--font-inter), system-ui, -apple-system, sans-serif;--pc-shadow-sm:0 1px 2px #0f172a0a, 0 2px 8px #0f172a0f;--pc-shadow-md:0 2px 4px #0f172a0a, 0 8px 24px #0f172a14;--pc-shadow-lg:0 4px 8px #0f172a0a, 0 16px 40px #0f172a1a;--pc-shadow-hover:0 6px 12px #0f172a0f, 0 20px 48px #0f172a1f;background:var(--pc-page-bg);width:100%;min-height:100vh;color:var(--pc-text);font-family:var(--pc-font)}.pc-container{box-sizing:border-box;width:100%;max-width:1560px;margin-inline:auto;padding-inline:32px}@media (max-width:767px){.pc-container{padding-inline:16px}}.pc-catalog{isolation:isolate;background:var(--pc-page-bg);padding-bottom:40px;position:relative}.pc-catalog__media{z-index:0;pointer-events:none;height:min(320px,42vw);position:absolute;top:0;left:0;right:0;overflow:hidden}.pc-catalog__img{z-index:0;-o-object-position:right center;object-position:right center;opacity:.55;filter:grayscale(.55)contrast(.95)saturate(.28)brightness(1.06);-webkit-mask-image:linear-gradient(90deg,#0000 0%,#00000014 22%,#00000059 42%,#000000bf 62%,#000 78%);mask-image:linear-gradient(90deg,#0000 0%,#00000014 22%,#00000059 42%,#000000bf 62%,#000 78%)}.pc-catalog__fade{z-index:2;pointer-events:none;background:linear-gradient(90deg,#f7f7f8 0% 20%,#f7f7f8e6 38%,#f7f7f880 56%,#f7f7f82e 72%,#0000 90%),linear-gradient(#0000 35%,#f7f7f88c 62%,#f7f7f8 88% 100%);position:absolute;inset:0}.pc-catalog__inner{z-index:2;flex-direction:column;gap:18px;padding-top:28px;display:flex;position:relative}.pc-catalog .pc-quick-row{margin-bottom:0;padding-bottom:0}.pc-catalog .pc-layout{margin-top:4px}@media (max-width:767px){.pc-catalog{padding-bottom:28px}.pc-catalog__media{height:220px}.pc-catalog__inner{gap:14px;padding-top:20px}.pc-catalog__img{opacity:.45}.pc-catalog__fade{background:linear-gradient(90deg,#f7f7f8 0% 30%,#f7f7f8d9 50%,#f7f7f859 70%,#0000 92%),linear-gradient(#0000 30%,#f7f7f8 100%)}}.pc-header{max-width:36rem;padding:0}.pc-header__title{color:var(--pc-text);letter-spacing:-.03em;margin:0;font-size:42px;font-weight:700;line-height:1.08}.pc-header__subtitle{color:var(--pc-muted);margin:8px 0 0;font-size:16px;font-weight:400;line-height:1.5}@media (max-width:767px){.pc-header__title{font-size:28px}.pc-header__subtitle{font-size:14px}}.pc-layout{-moz-column-gap:40px;grid-template-columns:1fr;align-items:stretch;gap:20px 40px;display:grid}@media (min-width:1200px){.pc-layout{-moz-column-gap:32px;grid-template-columns:300px minmax(0,1fr);column-gap:32px}}.pc-sidebar{width:100%}.pc-sidebar--desktop{display:none}@media (min-width:1200px){.pc-sidebar--desktop{align-self:stretch;width:300px;height:100%;display:block}.pc-sidebar__sticky{flex-direction:column;justify-content:center;align-items:stretch;height:calc(100vh - 96px);max-height:calc(100vh - 96px);display:flex;position:sticky;top:72px;overflow:hidden}}.pc-main{isolation:isolate;width:100%;min-width:0}.pc-filters{flex-direction:column;flex-shrink:0;gap:0;width:100%;margin:0;display:flex}.pc-filter-panel{background:var(--pc-surface);box-shadow:var(--pc-shadow-md);border:none;border-radius:16px;flex-direction:column;width:100%;padding:22px 24px;display:flex}.pc-filter-block{flex-direction:column;flex-shrink:0;gap:4px;display:flex}.pc-filter-block+.pc-filter-block{margin-top:16px;padding-top:16px;box-shadow:inset 0 1px #0f172a0f}.pc-filter-title{color:var(--pc-text);margin:0 0 10px;font-size:17px;font-weight:700}.pc-filter-title-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.pc-filter-title-row .pc-filter-title{margin:0}.pc-clear-link{color:var(--pc-muted);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:13px}.pc-clear-link:hover{color:var(--pc-text);text-decoration:underline}.pc-check-row{cursor:pointer;height:32px;min-height:32px;color:var(--pc-text);-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:10px;padding:0;font-size:15px;display:flex}.pc-check-row:hover{color:#000}.pc-check-row input[type=checkbox]{appearance:none;border-radius:var(--pc-radius-check);background:var(--pc-muted-bg);cursor:pointer;border:none;flex-shrink:0;width:16px;height:16px;margin:0;position:relative;box-shadow:inset 0 0 0 1px #0f172a1f}.pc-check-row input[type=checkbox]:checked{background:var(--pc-text);box-shadow:none}.pc-check-row input[type=checkbox]:checked:after{content:"";border:1.5px solid #fff;border-width:0 1.5px 1.5px 0;width:5px;height:9px;position:absolute;top:1.5px;left:4.5px;transform:rotate(45deg)}.pc-check-row .label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;max-width:none;overflow:hidden}.pc-check-row .count{color:var(--pc-muted-light);flex-shrink:0;font-size:13px}.pc-view-more{color:var(--pc-muted);cursor:pointer;text-align:left;background:0 0;border:none;margin-top:6px;padding:0;font-family:inherit;font-size:13px}.pc-view-more:hover{color:var(--pc-text)}.pc-filter-label{letter-spacing:.04em;text-transform:uppercase;color:var(--pc-muted);margin-bottom:6px;font-size:12px;font-weight:600}.pc-price-inputs{align-items:center;gap:8px;display:flex}.pc-price-inputs input{min-width:0;height:40px;color:var(--pc-text);background:var(--pc-muted-bg);border:none;border-radius:10px;outline:none;flex:1;padding:8px 12px;font-family:inherit;font-size:14px;transition:box-shadow .15s,background .15s}.pc-price-inputs input::placeholder{color:var(--pc-muted-light)}.pc-price-inputs input:focus{background:var(--pc-surface);box-shadow:var(--pc-shadow-sm)}.pc-price-sep{color:var(--pc-muted);flex-shrink:0;font-size:14px}.pc-apply-btn{border-radius:var(--pc-radius-btn);background:var(--pc-text);color:#fff;cursor:pointer;width:100%;box-shadow:var(--pc-shadow-sm);border:none;flex-shrink:0;margin-top:18px;margin-bottom:0;padding:13px 16px;font-family:inherit;font-size:15px;font-weight:600;transition:transform .15s,box-shadow .15s,opacity .15s}.pc-apply-btn:hover{opacity:.92;box-shadow:var(--pc-shadow-md)}.pc-apply-btn:active{transform:translateY(1px)}.pc-toolbar{box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:100%;min-height:48px;margin-bottom:12px;display:flex}.pc-toolbar__count{color:var(--pc-muted);min-width:0;font-size:14px;font-weight:500}.pc-toolbar__right{flex-wrap:wrap;align-items:center;gap:10px;min-width:0;max-width:100%;display:flex}.pc-filters-mobile{border-radius:var(--pc-radius-btn);background:var(--pc-surface);height:40px;box-shadow:var(--pc-shadow-sm);color:var(--pc-text);cursor:pointer;border:none;align-items:center;gap:8px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:500;display:inline-flex}@media (min-width:1200px){.pc-filters-mobile{display:none}}.pc-view-toggle{border-radius:var(--pc-radius-btn);background:var(--pc-surface);height:40px;box-shadow:var(--pc-shadow-sm);border:none;display:inline-flex;overflow:hidden}.pc-view-toggle button{width:40px;height:40px;color:var(--pc-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:inline-flex}.pc-view-toggle button+button{box-shadow:inset 1px 0 #0f172a0f}.pc-view-toggle button.is-active{background:var(--pc-text);color:#fff}.pc-sort{background:var(--pc-surface);max-width:100%;height:40px;box-shadow:var(--pc-shadow-sm);color:var(--pc-text);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:none;border-radius:999px;outline:none;padding:0 32px 0 14px;font-family:inherit;font-size:14px}@media (max-width:639px){.pc-sort{max-width:min(100%,11.5rem);padding-inline:12px 28px;font-size:13px}}.pc-quick-row{scrollbar-width:thin;align-items:center;gap:14px;width:100%;margin-bottom:0;padding:2px 2px 4px;display:flex;overflow-x:auto}.pc-quick-card{border-radius:var(--pc-radius-card);background:var(--pc-surface);width:auto;min-width:210px;height:68px;box-shadow:var(--pc-shadow-sm);cursor:pointer;text-align:left;border:none;flex-shrink:0;align-items:center;gap:12px;padding:12px 16px;font-family:inherit;transition:box-shadow .2s,transform .15s;display:flex}.pc-quick-card:hover{box-shadow:var(--pc-shadow-md);transform:translateY(-1px)}.pc-quick-card.is-active{box-shadow:var(--pc-shadow-md), 0 0 0 2px var(--pc-text)}.pc-quick-card__icon{background:var(--pc-muted-bg);width:42px;height:42px;color:var(--pc-muted);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.pc-quick-card__text{flex:1;min-width:0}.pc-quick-card__name{color:var(--pc-text);white-space:nowrap;font-size:13px;font-weight:600;line-height:1.3;display:block}.pc-quick-card__count{color:var(--pc-muted);white-space:nowrap;margin-top:2px;font-size:12px;display:block}.pc-quick-next{background:var(--pc-surface);width:40px;height:40px;box-shadow:var(--pc-shadow-sm);color:var(--pc-text);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:inherit;transition:box-shadow .15s,transform .15s;display:flex}.pc-quick-next:hover{box-shadow:var(--pc-shadow-md);transform:translateY(-1px)}.pc-grid{grid-template-columns:repeat(1,minmax(0,1fr));align-items:stretch;gap:20px;width:100%;display:grid}@media (min-width:640px){.pc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}@media (min-width:1024px){.pc-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}}@media (min-width:1700px){.pc-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}}.pc-card{background:var(--pc-surface);height:100%;min-height:0;box-shadow:var(--pc-shadow-sm);isolation:isolate;border:none;border-radius:12px;flex-direction:column;transition:box-shadow .2s;display:flex;position:relative;overflow:hidden}.pc-card:hover{box-shadow:var(--pc-shadow-hover)}.pc-card__media{z-index:0;aspect-ratio:4/3;width:100%;height:auto;box-shadow:none;background:#fff;border:none;outline:none;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.pc-card__media-link{z-index:0;border:none;outline:none;width:100%;height:100%;display:block;position:relative}.pc-card__img-wrap{z-index:0;box-shadow:none;border:none;outline:none;position:absolute;inset:0}.pc-card__img,.pc-card__img-wrap img{-o-object-fit:contain!important;object-fit:contain!important;box-shadow:none!important;border:none!important;outline:none!important}.pc-card__wish{z-index:5;color:#9ca3af;width:34px;height:34px;box-shadow:var(--pc-shadow-sm);cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:color .15s,box-shadow .15s,transform .15s;display:flex;position:absolute;top:12px;right:12px}.pc-card__wish:hover{color:#ef4444;box-shadow:var(--pc-shadow-md);transform:scale(1.05)}.pc-card__wish.is-active{color:#ef4444}.pc-card__wish svg{pointer-events:none;width:16px;height:16px}.pc-card__body{z-index:1;padding:16px;background:var(--pc-surface);flex-direction:column;flex:auto;gap:4px;min-height:0;padding-bottom:0;display:flex;position:relative;overflow:hidden}.pc-card__name{color:var(--pc-text);-webkit-line-clamp:2;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;flex-shrink:0;height:40px;max-height:40px;margin:0;font-size:15px;font-weight:600;line-height:1.35;text-decoration:none;display:-webkit-box;overflow:hidden}.pc-card__name:hover{text-decoration:underline}.pc-card__spec{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;height:18px;min-height:18px;max-height:18px;font-size:13px;line-height:18px;overflow:hidden}.pc-card__price-row{flex-wrap:nowrap;flex-shrink:0;align-items:baseline;gap:6px;height:24px;min-height:24px;margin-top:4px;display:flex;overflow:hidden}.pc-card__price-old{color:#9ca3af;white-space:nowrap;flex-shrink:0;font-size:13px;font-weight:400;line-height:1.2;text-decoration:line-through}.pc-card__price-new{color:#111;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:16px;font-weight:700;line-height:1.2;overflow:hidden}.pc-card__price-unit{color:#6b7280;white-space:nowrap;flex-shrink:0;font-size:12px;font-weight:500}.pc-card__moq{color:#6b7280;flex-shrink:0;height:16px;min-height:16px;font-size:12px;line-height:1.35}.pc-card__meta{flex-shrink:0;align-items:center;gap:10px;height:28px;min-height:28px;margin-top:8px;display:flex;overflow:hidden}.pc-card__verified-pill{color:var(--pc-text);white-space:nowrap;align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.pc-card__verified{background:var(--pc-verified);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex;box-shadow:0 1px 3px #16a34a59}.pc-card__verified svg{width:9px;height:9px}.pc-card__rating{color:#f59e0b;white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.pc-card__star{width:14px;height:14px}.pc-card__rating-val{color:var(--pc-text);font-size:12px;font-weight:650}.pc-card__flag-slot{border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:16px;margin-left:auto;display:inline-flex;overflow:hidden;box-shadow:0 0 0 1px #11131514}.pc-card__flag-slot-inner{justify-content:center;align-items:center;display:inline-flex}.pc-card__flag-img{-o-object-fit:cover;object-fit:cover;border-radius:2px;width:20px;height:15px;display:block}.pc-card__actions{z-index:1;background:var(--pc-surface);flex-shrink:0;gap:8px;margin-top:auto;padding:12px 16px 16px;display:flex;position:relative}.pc-card__rfq{border-radius:var(--pc-radius-btn);background:var(--pc-text);color:#fff;cursor:pointer;height:40px;box-shadow:var(--pc-shadow-sm);white-space:nowrap;border:none;flex:1;justify-content:center;align-items:center;padding:0 10px;font-family:inherit;font-size:13px;font-weight:600;text-decoration:none;transition:opacity .15s,box-shadow .15s;display:inline-flex}.pc-card__rfq:hover{opacity:.92;box-shadow:var(--pc-shadow-md)}.pc-card__cart{border-radius:var(--pc-radius-btn);background:var(--pc-surface);width:40px;height:40px;color:var(--pc-text);box-shadow:var(--pc-shadow-sm);border:none;flex-shrink:0;justify-content:center;align-items:center;text-decoration:none;transition:box-shadow .15s,background .15s;display:inline-flex}.pc-card__cart:hover{background:var(--pc-muted-bg);box-shadow:var(--pc-shadow-md)}.pc-card__cart svg{width:16px;height:16px}.pc-list{flex-direction:column;gap:12px;display:flex}.pc-list-row{border-radius:var(--pc-radius-card);background:var(--pc-surface);box-shadow:var(--pc-shadow-sm);border:none;align-items:center;gap:16px;min-height:88px;padding:14px 16px;transition:box-shadow .15s;display:flex}.pc-list-row:hover{box-shadow:var(--pc-shadow-md)}.pc-list-row__thumb{background:var(--pc-muted-bg);border-radius:10px;flex-shrink:0;width:72px;height:56px;display:block;position:relative;overflow:hidden}.pc-list-row__thumb img,.pc-list-row__thumb .pc-card__img{-o-object-fit:contain!important;object-fit:contain!important}.pc-list-row__meta{flex:1;min-width:0}.pc-list-row__name{color:var(--pc-text);margin-bottom:4px;font-size:14px;font-weight:650;text-decoration:none;display:block}.pc-list-row__name:hover{text-decoration:underline}.pc-list-row__spec{color:var(--pc-muted);margin-bottom:4px;font-size:12px}.pc-list-row__origin{color:var(--pc-muted);align-items:center;gap:6px;margin-top:4px;font-size:12px;display:inline-flex}.pc-list-row__actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.pc-list-row__price{color:var(--pc-text);white-space:nowrap;font-size:14px;font-weight:700}@media (max-width:767px){.pc-list-row{grid-template-columns:72px minmax(0,1fr);grid-template-areas:"thumb meta""actions actions";align-items:start;gap:12px 14px;min-height:0;display:grid}.pc-list-row__thumb{grid-area:thumb}.pc-list-row__meta{grid-area:meta}.pc-list-row__actions{flex-wrap:wrap;grid-area:actions;justify-content:flex-start;width:100%;max-width:100%}}.pc-empty{text-align:center;background:var(--pc-surface);border-radius:var(--pc-radius-card);box-shadow:var(--pc-shadow-sm);padding:64px 24px}.pc-empty__icon{background:var(--pc-muted-bg);width:48px;height:48px;color:var(--pc-muted);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.pc-empty__title{color:var(--pc-text);margin:0 0 8px;font-size:16px;font-weight:600}.pc-empty__desc{color:var(--pc-muted);margin:0 0 20px;font-size:14px}.pc-skeleton-grid{grid-template-columns:repeat(1,minmax(0,1fr));align-items:stretch;gap:20px;width:100%;display:grid}@media (min-width:640px){.pc-skeleton-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.pc-skeleton-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}}@media (min-width:1700px){.pc-skeleton-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}}.pc-skeleton-card{background:var(--pc-surface);height:100%;min-height:380px;box-shadow:var(--pc-shadow-sm);border:none;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.pc-skeleton-card__media{aspect-ratio:4/3;background:var(--pc-muted-bg);width:100%;animation:1.4s ease-in-out infinite pc-pulse}.pc-skeleton-card__body{flex-direction:column;gap:10px;padding:14px;display:flex}.pc-skeleton-line{background:var(--pc-muted-bg);border-radius:4px;height:11px;animation:1.4s ease-in-out infinite pc-pulse}@keyframes pc-pulse{0%,to{opacity:1}50%{opacity:.45}}.pc-pagination{box-sizing:border-box;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;max-width:100%;margin-top:28px;display:flex}.pc-page-btn{color:#374151;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-family:inherit;font-size:14px;transition:background .15s,box-shadow .15s;display:inline-flex}.pc-page-btn.is-nav{background:var(--pc-surface);color:var(--pc-text);box-shadow:var(--pc-shadow-sm)}.pc-page-btn.is-nav:hover:not(:disabled){box-shadow:var(--pc-shadow-md)}.pc-page-btn:disabled{opacity:.4;cursor:not-allowed}.pc-page-btn.is-active{background:var(--pc-text);color:#fff;box-shadow:var(--pc-shadow-sm)}.pc-page-ellipsis{width:36px;height:36px;color:var(--pc-muted);justify-content:center;align-items:center;font-size:14px;display:inline-flex}.pc-drawer-overlay{z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a66;position:fixed;inset:0}.pc-drawer{z-index:50;background:var(--pc-page-bg);width:min(300px,92vw);height:100%;box-shadow:var(--pc-shadow-lg);pointer-events:none;flex-direction:column;transition:transform .25s;display:flex;position:fixed;top:0;left:0;transform:translate(-100%)}.pc-drawer.is-open{pointer-events:auto;transform:translate(0)}.pc-drawer__header{background:var(--pc-surface);box-shadow:var(--pc-shadow-sm);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.pc-drawer__title{margin:0;font-size:16px;font-weight:600}.pc-drawer__close{background:var(--pc-muted-bg);cursor:pointer;width:36px;height:36px;color:var(--pc-muted);border-radius:var(--pc-radius-btn);border:none;justify-content:center;align-items:center;display:flex}.pc-drawer__body{flex:1;padding:18px;overflow-y:auto}@media (max-width:479px){.pc-grid,.pc-skeleton-grid{grid-template-columns:1fr}}