.pf-page{min-height:70vh;background:#fff}.pf-hero{width:100%;background:#f5f7fe;padding:38px 0 28px;margin:0 0 22px;box-sizing:border-box}.pf-hero-inner{max-width:1200px;margin:0 auto;padding:0 20px;box-sizing:border-box;display:flex;justify-content:flex-start}.pf-hero-content{width:100%;max-width:none;margin:0}.pf-title-row{display:flex;align-items:center;justify-content:flex-start;gap:10px;margin:18px 0 12px}.pf-add-btn{margin-left:0;height:40px;border:1px solid rgba(15,23,42,.16);background:#fff;border-radius:12px;padding:0 14px;font-weight:900;cursor:pointer;white-space:nowrap}.pf-add-btn:disabled{opacity:.6;cursor:not-allowed}.pf-hero-title{font-size:2.5rem;font-weight:500;color:#000;margin:0;text-align:left;letter-spacing:-.01em}.pf-icon-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.pf-icon-btn{width:32px;height:32px;border-radius:10px;border:1.5px solid #dbe3ff;background:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.pf-icon-btn:hover{background:#f3f4f6}.pf-icon-btn:active{transform:translateY(1px)}.pf-icon-btn svg{width:18px;height:18px;display:block}.pf-icon-btn svg,.pf-icon-btn svg *{stroke:#111827!important}.pf-chip--scrap-icon{padding:8px 10px;line-height:0}.pf-chip--scrap-icon>svg{width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;flex:0 0 22px!important;display:block!important}.pf-chip--scrap-icon>svg,.pf-chip--scrap-icon>svg *{stroke:currentColor!important;fill:none!important}.pf-chip--scrap-icon.is-scrapped>svg,.pf-chip--scrap-icon.is-scrapped>svg *{fill:currentColor!important}.pf-chip--scrap-icon.is-scrapped{color:#2351f7}.pf-chip--myscrap{margin:0 8px;border-color:#fbbf24!important;background:#fff7cc!important;color:#92400e!important;font-weight:900}.pf-chip--myscrap.is-active{background:rgba(35,81,247,.12)!important;border-color:rgba(35,81,247,.35)!important;color:#2351f7!important}.pf-chip--myscrap.is-active:hover{background:rgba(35,81,247,.16)!important;border-color:rgba(35,81,247,.45)!important}.pf-chip--myscrap:disabled{opacity:.6;cursor:not-allowed}.pf-chip-area{position:relative}.pf-chip-dropdown{position:absolute;z-index:5000;width:260px;background:#fff;border:1px solid #dbe3ff;border-radius:14px;box-shadow:0 14px 30px rgba(15,23,42,.18);padding:0;overflow:hidden;max-height:360px;overflow-y:auto;-webkit-overflow-scrolling:touch}.pf-dd-item{width:100%;appearance:none;border:0;background:transparent;padding:10px 12px;text-align:left;font-size:13px;font-weight:700;color:#111827;cursor:pointer}.pf-dd-item+.pf-dd-item{border-top:1px solid #eef2ff}.pf-dd-item:hover{background:#f5f7fe}.pf-dd-item.is-active{background:rgba(35,81,247,.1);color:#2351f7;border-radius:0}.pf-hero-desc{margin:0 0 18px;font-size:1.05rem;font-weight:400;color:#4b5563;letter-spacing:-.01em;line-height:1.55}.pf-wrap{max-width:1200px;margin:0 auto;padding:10px 20px 60px}.pf-top{display:grid;grid-template-columns:1fr 96px 96px 96px auto;gap:10px;align-items:center}.pf-search-ico{position:absolute!important;right:14px!important;top:50%!important;transform:translateY(-50%)!important;z-index:2;pointer-events:none!important;color:#9ca3af;font-size:16px;line-height:1;border:0!important;background:transparent!important;box-shadow:none!important}.pf-dim,.pf-qty-custom,.pf-qty-select{height:40px!important;border:1.5px solid #c4d3f4!important;border-radius:15px!important;padding:0 12px!important;font-size:14px!important;outline:none!important;background:#fafdff!important;color:#1d325a!important;box-shadow:0 1px 6px #c4d3f423;min-width:0;box-sizing:border-box!important}.pf-dim{width:96px!important;max-width:96px!important}.pf-dim::placeholder,.pf-qty-custom::placeholder{color:#9ca3af!important;opacity:1!important}.pf-dim:focus,.pf-qty-custom:focus,.pf-qty-select:focus{border-color:#2351f7!important;box-shadow:0 0 0 3px #2351f71a}.pf-qty-line{flex-wrap:nowrap;min-width:0}.pf-qty-select{width:140px!important;padding-right:32px!important;appearance:none;background-image:linear-gradient(45deg,transparent 50%,#9ca3af 0),linear-gradient(135deg,#9ca3af 50%,transparent 0);background-position:calc(100% - 18px) 16px,calc(100% - 13px) 16px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.pf-search{position:relative!important}.pf-search input{width:100%;max-width:100%;height:40px;border:1.5px solid #c4d3f4;border-radius:15px;padding:0 44px 0 14px;outline:none;font-size:14px;background:#fafdff;color:#1d325a;box-shadow:0 1px 6px #c4d3f423;box-sizing:border-box}.pf-search input:focus{border-color:#2351f7;box-shadow:0 0 0 3px #2351f71a}.pf-qty-line{display:flex;align-items:center;gap:10px}.pf-compare{height:40px;border-radius:15px;padding:0 14px;border:1.5px solid #2351f7;background:#2351f7;color:#fff;font-weight:600;cursor:pointer;white-space:nowrap}.pf-compare:disabled{opacity:.5;cursor:not-allowed}.pf-hint{margin-top:10px;font-size:13px;font-weight:700;color:#ff1010}.pf-chip.is-active{background:rgba(35,81,247,.12);border-color:rgba(35,81,247,.35);color:#2351f7}.pf-chip.is-active:hover{background:rgba(35,81,247,.16);border-color:rgba(35,81,247,.45)}.pf-chip-row{display:flex;gap:8px;align-items:center;flex-wrap:nowrap;margin-top:12px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding-bottom:6px}.pf-chip-row::-webkit-scrollbar{height:8px}.pf-chip-row::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:999px}.pf-reset{background:#eef2ff}.pf-chip,.pf-reset{border:1.2px solid #d3dbf7;color:#184278;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:700;cursor:pointer;flex:0 0 auto;white-space:nowrap}.pf-chip{background:#fff}.pf-chip:hover{background:#f5f7fe;border-color:#b9c6f5}.pf-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px;margin-top:22px}.pf-card{background:transparent;overflow:visible;cursor:pointer;display:flex;flex-direction:column;gap:10px}.pf-card,.pf-thumb{position:relative;border-radius:0;box-shadow:none}.pf-thumb{width:100%;aspect-ratio:1/1;overflow:hidden;background:#f3f4f6}.pf-thumb img{width:100%;height:100%;object-fit:cover;display:block;padding:0}.pf-thumb-fallback{width:100%;height:100%;display:grid;place-items:center;background:#f3f4f6}.pf-thumb-fallback img{width:44%;height:44%;object-fit:contain;opacity:.95}.pfedit-thumbwrap{width:78px;display:flex;flex-direction:column;align-items:center;gap:6px}.pfedit-thumbwrap.is-thumb{margin-bottom:10px}.pfedit-thumb-chip{font-size:11px;font-weight:900;padding:4px 10px;border-radius:999px;background:rgba(37,99,235,.12);border:1px solid rgba(37,99,235,.35);color:#2563eb;line-height:1;pointer-events:none}.pf-meta{position:static;z-index:auto;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 2px;margin-bottom:30px;pointer-events:none}.pf-meta-left{min-width:0;display:flex;flex-direction:column;gap:4px}.pf-meta-dims{font-size:12px;color:#6b7280;line-height:1.2}.pf-meta-title{font-size:14px;font-weight:800;color:#111827;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.pf-meta-price{flex:0 0 auto;white-space:nowrap;font-size:13px;font-weight:900;color:#2351f7;background:#eef2ff;border:1px solid #dbe3ff;padding:6px 10px;border-radius:999px}.pf-meta-dims.is-invalid{color:#ef4444;font-weight:800}.pf-meta-price--invalid{color:#ef4444;background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.35)}.pf-title{width:fit-content;max-width:100%;font-size:13px;line-height:1.2;overflow:hidden;text-overflow:ellipsis}.pf-price,.pf-title{font-weight:500;text-align:right;white-space:nowrap}.pf-price{margin:0;font-size:15px;color:#111827}.pf-price,.pf-title{width:fit-content;max-width:100%;padding:6px;border-radius:999px;background:rgba(130,121,255,.3);backdrop-filter:blur(12px);color:#fff;box-shadow:0 10px 22px rgba(15,23,42,.12)}.pf-price--empty{display:none}.pf-badge{position:absolute;top:12px;left:12px;padding:6px 10px;border-radius:999px;background:rgba(17,24,39,.72);color:#fff;font-size:12px;font-weight:900;z-index:3;backdrop-filter:blur(6px)}.pf-modal-backdrop{background:#0008;z-index:2147483646;padding:16px}.pf-modal{width:min(980px,96vw);max-height:88vh;overflow:auto;border-radius:16px;border:1px solid #e5e7eb}.pf-modal-top{position:sticky;top:0;background:#fff;border-bottom:1px solid #eef2ff;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px}.pf-modal-title{font-weight:900;font-size:18px}.pf-modal-sub{color:#6b7280;font-size:13px;margin-top:2px}.pf-modal-x{border:none;background:#f3f4f6;border-radius:10px;width:38px;height:38px;cursor:pointer;font-weight:900}.pf-modal-body{padding:16px}.pf-modal-media img{width:100%;border-radius:14px;border:1px solid #e5e7eb;object-fit:cover;max-height:360px}.pf-modal-thumbs{display:flex;gap:8px;margin-top:10px;overflow-x:auto;padding-bottom:6px}.pf-modal-thumbs img{width:72px;height:72px;border-radius:12px;border:1px solid #e5e7eb;object-fit:cover}.pf-modal-desc{margin-top:12px;color:#111827;line-height:1.5}.pf-modal-spec{margin-top:14px;border:1px solid #eef2ff;border-radius:12px;overflow:hidden}.pf-spec-row{display:grid;grid-template-columns:180px 1fr;gap:10px;padding:10px 12px;border-top:1px solid #eef2ff}.pf-spec-row:first-child{border-top:none}.pf-spec-k{color:#6b7280;font-size:12px;font-weight:800}.pf-spec-v{color:#111827;font-size:13px;font-weight:700}.pf-modal-actions{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}.pf-cta{height:42px;padding:0 14px;border-radius:12px;border:none;background:#2563eb;color:#fff;font-weight:900;cursor:pointer}.pf-cta--ghost{background:#fff;color:#2563eb;border:1px solid #dbe3ff}.pf-admin-actions{margin-left:auto}.pf-orderreg{margin-top:14px;padding:14px 16px;border:1px solid #e5e7eb;border-radius:12px;background:#fafafa}.pf-orderreg-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.pf-orderreg-title{font-weight:700}.pf-orderreg-close{border:1px solid #ddd;background:#fff;border-radius:10px;padding:6px 10px;cursor:pointer}.pf-orderreg-body{font-size:13px;color:#6b7280;line-height:1.45}.pf-admin-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.pf-add-btn.pf-add-btn--sub{font-size:13px;padding:8px 12px;opacity:.92}.pf-modal-backdrop{position:fixed;inset:0;background:#0007;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px}.pf-modal{width:min(980px,100%);max-height:min(80vh,760px);background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 20px 60px #0004;display:flex;flex-direction:column}.pf-modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #eee}.pf-modal-title{font-weight:800}.pf-modal-close{border:1px solid #ddd;background:#fff;border-radius:10px;padding:6px 10px;cursor:pointer}.pf-modal-toolbar{display:flex;gap:10px;padding:12px 16px;border-bottom:1px solid #f0f0f0}.pf-modal-search{flex:1;outline:none}.pf-modal-refresh,.pf-modal-search{border:1px solid #ddd;border-radius:12px;padding:10px 12px}.pf-modal-refresh{background:#fff;cursor:pointer}.pf-modal-err{color:crimson}.pf-modal-err,.pf-modal-hint{padding:10px 16px;font-size:13px}.pf-modal-hint{color:#6b7280}.pf-modal-body{padding:10px 16px 16px;overflow:auto}.pf-modal-table-head{padding:8px 10px;font-size:12px;color:#6b7280}.pf-modal-row,.pf-modal-table-head{display:grid;grid-template-columns:180px 220px 1fr;gap:10px}.pf-modal-row{width:100%;text-align:left;padding:10px;border:1px solid #f0f0f0;border-radius:12px;background:#fff;cursor:pointer;margin-top:8px}.pf-modal-row.is-selected{border-color:#111;background:#f7f7f8}.pf-modal-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.pf-modal-empty{padding:18px 10px;color:#6b7280;font-size:13px}.pf-modal-foot{padding:12px 16px;border-top:1px solid #eee;display:flex;justify-content:flex-end;gap:10px}.pf-modal-cancel{border:1px solid #ddd;background:#fff;border-radius:12px;padding:10px 12px;cursor:pointer}.pf-modal-primary{border:1px solid #111;background:#111;color:#fff;border-radius:12px;padding:10px 12px;cursor:pointer}.pf-modal-primary:disabled{opacity:.5;cursor:not-allowed}@media (max-width:1100px){.pf-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.pf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pf-top{grid-template-columns:1fr 1fr 1fr 1.4fr;gap:10px;align-items:center}.pf-top .pf-search{grid-column:1/-1}.pf-top .pf-dim{width:100%!important;max-width:none!important;min-width:0}.pf-top .pf-qty-line{display:contents}.pf-top .pf-qty-select{grid-column:4;width:100%!important;min-width:0}.pf-top .pf-compare,.pf-top .pf-qty-custom{grid-column:1/-1;width:100%}.pf-top .pf-compare{justify-self:stretch}}