.pc-pcb{--pcb-bg: #1f2027;--pcb-accent: #e22f39;--pcb-ink: #f5f1e8;padding:40px 0;overflow:hidden}.pc-pcb .pcb-wrap{margin:0 auto;padding:0 clamp(16px,2.5vw,40px)}.pc-pcb .pcb-binder{position:relative;border-radius:22px;padding:30px clamp(18px,2.4vw,38px) 32px;color:var(--pcb-ink);background:radial-gradient(120% 140% at 0% 0%,rgba(255,255,255,.08),transparent 55%),radial-gradient(90% 120% at 100% 100%,rgba(0,0,0,.35),transparent 60%),repeating-linear-gradient(45deg,rgba(255,255,255,.02) 0 2px,transparent 2px 5px),repeating-linear-gradient(-45deg,rgba(0,0,0,.09) 0 1px,transparent 1px 4px),var(--pcb-bg);box-shadow:inset 0 0 0 1px #ffffff0f,inset 0 2px 30px #00000073,0 18px 40px #11182738}.pc-pcb .pcb-binder:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:15px;border:2px dashed rgba(245,241,232,.2);pointer-events:none}.pc-pcb .pcb-head{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.pc-pcb .pcb-title{margin:0;font-size:clamp(24px,3vw,36px);line-height:1.1;letter-spacing:.5px;color:#fff}.pc-pcb .pcb-badge{display:inline-block;font-size:.55em;vertical-align:middle;margin-right:10px;padding:4px 11px;border-radius:999px;color:#1a1a1a;font-weight:900;letter-spacing:1.5px;text-shadow:0 1px 0 rgba(255,255,255,.45);background:linear-gradient(110deg,#d9a63c,#f9d976 25%,#fff6d1,#f9d976 55%,#d9a63c 75%,#e6b84a 90%,#d9a63c);background-size:200% 100%;animation:pcbBadgeShine 2.8s linear infinite,pcbBadgePulse 2.4s ease-out infinite}@keyframes pcbBadgeShine{0%{background-position:200% 0}to{background-position:0% 0}}@keyframes pcbBadgePulse{0%{box-shadow:0 0 #f9d97699}70%{box-shadow:0 0 0 10px #f9d97600}to{box-shadow:0 0 #f9d97600}}.pc-pcb .pcb-sub{margin:6px 0 0;opacity:.78;font-size:15px}.pc-pcb .pcb-nav{display:flex;align-items:center;gap:8px;flex-shrink:0}.pc-pcb .pcb-guide{box-sizing:border-box;display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 14px;border-radius:12px;border:1px solid rgba(245,241,232,.35);background:transparent;color:var(--pcb-ink);font:inherit;font-size:13.5px;font-weight:800;letter-spacing:.2px;cursor:pointer;white-space:nowrap}.pc-pcb .pcb-guide:hover{border-color:var(--pcb-ink);background:#f5f1e814}.pc-pcb .pcb-viewall{box-sizing:border-box;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 14px 0 18px;border-radius:12px;background:var(--pcb-accent);color:#fff;text-decoration:none;white-space:nowrap;font-size:14px;font-weight:800;letter-spacing:.3px;line-height:1;box-shadow:0 4px 12px #0000004d;transition:transform .15s}.pc-pcb .pcb-viewall:hover{transform:translateY(-1px);color:#fff}.pc-pcb .pcb-count{font-weight:600;opacity:.8;font-size:13px}.pc-pcb .pcb-btn{width:44px;height:44px;border-radius:50%;border:2px solid rgba(245,241,232,.6);background:transparent;color:var(--pcb-ink);cursor:pointer;display:grid;place-items:center;transition:background .2s,border-color .2s,opacity .2s}.pc-pcb .pcb-btn:hover{background:var(--pcb-accent);border-color:var(--pcb-accent);color:#fff}.pc-pcb .pcb-btn[disabled]{opacity:.3;cursor:default;background:transparent;border-color:#f5f1e899;color:var(--pcb-ink)}.pc-pcb .pcb-actual{display:inline-flex;align-items:center;gap:6px;margin:0 6px 0 4px;font-size:13px;font-weight:800;letter-spacing:.2px;line-height:1.2;color:var(--pcb-ink);opacity:.9;white-space:nowrap}.pc-pcb .pcb-actual svg{flex:none;color:#4ade80}.pc-pcb .pcb-track{--cols: 6;--gap: 18px;position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols));gap:var(--gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:22px 6px 6px;margin:-10px -6px 0;scroll-padding-left:6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.pc-pcb .pcb-track::-webkit-scrollbar{display:none}@media(max-width:1599px){.pc-pcb .pcb-track{--cols: 5}}@media(max-width:1280px){.pc-pcb .pcb-track{--cols: 4}}@media(max-width:1000px){.pc-pcb .pcb-track{--cols: 3;--gap: 14px}}.pc-pcb .pcb-slide{scroll-snap-align:start;min-width:0}.pc-pcb .pcb-item{display:flex;flex-direction:column;height:100%;container-type:inline-size}.pc-pcb .pcb-pocket{position:relative;display:block;aspect-ratio:5 / 7;border-radius:12px;background:linear-gradient(180deg,#ffffff1c,#ffffff0a);border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 1px #fff3,0 8px 16px #00000059}.pc-pcb .pcb-card{position:absolute;top:7px;left:7px;right:7px;aspect-ratio:5 / 7;display:block;z-index:1;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.pc-pcb .pcb-card img{display:block;width:100%;height:100%;object-fit:cover;border-radius:5.2%/3.72%;box-shadow:0 2px 6px #0006}.pc-pcb .pcb-card svg{width:100%;height:100%;background:#e9e6dd;border-radius:5.2%/3.72%}.pc-pcb .pcb-glare{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,#fff0 32%,#ffffff2e 43%,#ffffff0d 50%,#fff0 60%),linear-gradient(180deg,#ffffff14,#fff0 28%);background-size:260% 100%,100% 100%;background-position:100% 0,0 0;transition:background-position .7s ease}.pc-pcb .pcb-glare:before{content:"";position:absolute;left:5px;right:5px;top:5px;height:2px;border-radius:2px;background:linear-gradient(90deg,#fff0,#ffffff73,#fff0)}@media(hover:hover){.pc-pcb .pcb-item:hover .pcb-card{transform:translateY(-14px) rotate(-1.2deg)}.pc-pcb .pcb-item:hover .pcb-glare{background-position:0% 0,0 0}}.pc-pcb .pcb-pocket:focus-visible{outline:3px solid var(--pcb-ink);outline-offset:3px}.pc-pcb .pcb-tag{position:absolute;top:14px;left:14px;z-index:3;font-size:11px;font-weight:800;letter-spacing:1px;padding:5px 9px;border-radius:6px;background:#111;color:#fff;text-transform:uppercase}.pc-pcb .pcb-info{flex:1;display:flex;flex-direction:column;gap:7px;padding:12px 2px 0}.pc-pcb .pcb-cond{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:3px 10px 3px 3px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff12;color:var(--pcb-ink);font:inherit;font-size:12px;font-weight:800;line-height:1.2;cursor:pointer}.pc-pcb .pcb-cond:hover{border-color:#fff6}.pc-pcb .pcb-cond b{flex:none;display:grid;place-items:center;min-width:30px;height:20px;padding:0 6px;border-radius:999px;background:var(--c, #6b7280);color:#fff;font-size:11px;letter-spacing:.5px}.pc-pcb .pcb-cond span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pc-pcb .pcb-name{margin:0;color:var(--pcb-ink);text-decoration:none;font-size:14px;font-weight:800;line-height:1.25;min-height:2.5em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pc-pcb .pcb-name:hover{text-decoration:underline;color:#fff}.pc-pcb .pcb-row{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:34px}.pc-pcb .pcb-price{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;font-size:17px;font-weight:900;color:#fff}.pc-pcb .pcb-price s{font-size:13px;font-weight:500;opacity:.55}.pc-pcb .pcb-atc{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;box-sizing:border-box;height:34px;padding:0 13px 0 11px;border:0;border-radius:999px;background:var(--pcb-accent);color:#fff;font:inherit;font-size:13px;font-weight:800;letter-spacing:.2px;line-height:1;white-space:nowrap;cursor:pointer;box-shadow:0 2px 8px #00000059;transition:background .2s,filter .1s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.pc-pcb .pcb-atc:active{filter:brightness(.9)}.pc-pcb .pcb-atc:focus-visible{outline:3px solid var(--pcb-ink);outline-offset:2px}.pc-pcb .pcb-atc .pcb-ok{display:none}.pc-pcb .pcb-atc.is-added{background:#16a34a}.pc-pcb .pcb-atc.is-added .pcb-ic{display:none}.pc-pcb .pcb-atc.is-added .pcb-ok{display:block}.pc-pcb .pcb-atc.is-loading{cursor:progress;opacity:.75}.pc-pcb .pcb-atc.is-error{background:#374151}@container (max-width: 200px){.pc-pcb .pcb-atc{width:36px;height:36px;padding:0}.pc-pcb .pcb-atc-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}.pc-pcb .pcb-more{display:none}@media(max-width:760px){.pc-pcb .pcb-binder{padding:22px 16px;border-radius:18px}.pc-pcb .pcb-binder:before{top:7px;right:7px;bottom:7px;left:7px;border-radius:12px}.pc-pcb .pcb-head{flex-direction:column;align-items:flex-start;gap:12px}.pc-pcb .pcb-btn,.pc-pcb .pcb-viewall{display:none}.pc-pcb .pcb-guide{height:36px;font-size:13px}.pc-pcb .pcb-nav{width:100%;flex-wrap:nowrap;flex-shrink:1;gap:12px}.pc-pcb .pcb-guide{flex:none}.pc-pcb .pcb-actual{flex:1 1 auto;min-width:0;font-size:12.5px;line-height:1.25;margin:0;white-space:normal;text-wrap:balance}.pc-pcb .pcb-track{grid-auto-columns:62%;--gap: 14px}.pc-pcb .pcb-more{display:block;margin-top:16px;position:relative}.pc-pcb .pcb-more a{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:50px;padding:12px 18px;border-radius:14px;background:var(--pcb-accent);color:#fff;text-decoration:none;font-size:15px;font-weight:800;letter-spacing:.3px}}@media(prefers-reduced-motion:reduce){.pc-pcb .pcb-card,.pc-pcb .pcb-glare{transition:none}.pc-pcb .pcb-badge{animation:none}.pc-pcb .pcb-track{scroll-behavior:auto}}.pcb-dlg{border:0;padding:0;border-radius:18px;width:min(560px,calc(100vw - 32px));max-height:calc(100vh - 48px);color:#111827;box-shadow:0 24px 60px #1118274d}.pcb-dlg::backdrop{background:#1118278c}.pcb-dlg-in{padding:22px 22px 18px}.pcb-dlg-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}.pcb-dlg-head h2{margin:0;font-size:22px;font-weight:900;color:#111827}.pcb-dlg-x{border:0;background:#f3f4f6;width:34px;height:34px;border-radius:50%;font-size:22px;line-height:1;cursor:pointer;color:#111827}.pcb-dlg-intro{margin:0 0 14px;font-size:14px;color:#4b5563}.pcb-dlg-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.pcb-dlg-list li{display:grid;grid-template-columns:54px 1fr;gap:12px;align-items:start;padding:10px 12px;border-radius:12px;border:1px solid #eceff5;background:#f8f9fc}.pcb-dlg-list li.is-current{border-color:#111827;background:#fff;box-shadow:0 0 0 1px #111827}.pcb-dlg-code{display:grid;place-items:center;height:34px;border-radius:9px;font-weight:900;font-size:13px;color:#fff}.pcb-dlg-list b{display:block;font-size:15px;color:#111827}.pcb-dlg-txt{display:block;font-size:13.5px;line-height:1.45;color:#4b5563}.pcb-dlg-foot{margin:14px 0 0;font-size:12.5px;color:#6b7280}.pc-pcb .pcb-card.is-out{visibility:hidden}.pcbx-stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147481500;pointer-events:none}.pcbx-stage.is-on{pointer-events:auto;touch-action:none}.pcbx-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#08080cb8;opacity:0;transition:opacity .35s ease}.pcbx-stage.is-on .pcbx-backdrop{opacity:1}.pcbx-stage>.pcbx-backdrop{display:block}.pcbx-float{position:absolute;transform-origin:0 0;perspective:1600px;pointer-events:auto;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;container-type:size}.pcbx-flip{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.3,1.2,.4,1)}.pcbx-face{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:5.2%/3.72%;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:0 34px 70px #0000008c,0 10px 22px #00000059}.pcbx-handle{display:block;position:absolute;left:50%;top:-9px;width:44px;height:4px;margin-left:-22px;border-radius:999px;background:#ffffffb3;pointer-events:none}.pcbx-float.is-dragging,.pcbx-float.is-dragging *{cursor:grabbing}.pcbx-float.is-dragging .pcbx-flip{transition:none}.pcbx-float.is-snapping{transition:transform .25s cubic-bezier(.25,.8,.25,1)}.pcbx-front img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none}.pcbx-shine{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;mix-blend-mode:soft-light;background:linear-gradient(115deg,#fff0 35%,#ffffff8c 48%,#fff0 60%);background-size:260% 100%;background-position:100% 0;animation:pcbxShine 1.1s .45s ease-out both}@keyframes pcbxShine{0%{background-position:100% 0}to{background-position:-60% 0}}.pcbx-back{transform:rotateY(180deg);box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;gap:10px;padding:11% 9% 9%;color:#f5f1e8;font-size:clamp(11px,4.3cqw,18px);cursor:default;background:repeating-linear-gradient(45deg,rgba(255,255,255,.03) 0 2px,transparent 2px 14px),repeating-linear-gradient(-45deg,rgba(255,255,255,.03) 0 2px,transparent 2px 14px),radial-gradient(120% 90% at 50% 0%,#2d303e,#15161c 72%);background-color:#15161c}.pcbx-back:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:6px;pointer-events:none;background:linear-gradient(135deg,#f9d976,#e6b84a 25%,#fff3c4,#d9a63c 75%,#f9d976);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.pcbx-back-top{text-align:center;padding-top:4%}.pcbx-logo{display:inline-block;font-weight:900;font-size:2.1em;letter-spacing:.05em;line-height:1;color:#fff}.pcbx-logo b{display:block;margin-top:.4em;padding-left:.55em;font-size:.46em;letter-spacing:.55em;color:#f9d976}.pcbx-back-body{display:flex;flex-direction:column;gap:.7em}.pcbx-cond{align-self:flex-start;display:inline-flex;align-items:center;gap:.45em;padding:.25em .85em .25em .25em;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);font-weight:800;font-size:.9em}.pcbx-cond b{display:grid;place-items:center;min-width:2.4em;height:1.65em;padding:0 .4em;border-radius:999px;background:var(--c);color:#fff;font-size:.85em}.pcbx-name{margin:0;font-weight:900;font-size:1.12em;line-height:1.25;color:#fff}.pcbx-price{margin:0;font-weight:900;font-size:1.65em;line-height:1;color:#f9d976}.pcbx-btns{display:flex;flex-wrap:wrap;gap:.6em;margin-top:.3em}.pcbx-atc,.pcbx-view,.pcbx-sold{box-sizing:border-box;flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;gap:.4em;min-height:2.9em;padding:0 1.1em;border-radius:999px;font:inherit;font-size:.95em;font-weight:800;letter-spacing:.02em;text-decoration:none;white-space:nowrap;cursor:pointer}.pcbx-atc{border:0;background:#e22f39;color:#fff;box-shadow:0 4px 12px #e22f3959}.pcbx-atc.is-added{background:#16a34a}.pcbx-atc.is-loading{opacity:.75;cursor:progress}.pcbx-atc.is-error{background:#374151}.pcbx-view{border:1px solid rgba(245,241,232,.45);background:transparent;color:#f5f1e8}.pcbx-view:hover{border-color:#fff;color:#fff}.pcbx-sold{background:#374151;color:#fff;cursor:default}.pcbx-back.has-img{padding:0;background:#111}.pcbx-back.has-img:before{display:none}.pcbx-back.has-img img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none}.pcbx-back:not(.has-img){justify-content:center}.pcbx-panel{position:absolute;left:50%;top:calc(100% + 12px);width:max(100%,300px);max-width:calc(100vw - 24px);transform:translate(-50%);box-sizing:border-box;display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-radius:16px;cursor:default;background:#15161c;border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 40px #00000073;color:#f5f1e8;font-size:14px;opacity:0;transition:opacity .3s ease .1s}.pcbx-float.is-ready .pcbx-panel{opacity:1}.pcbx-float.is-leaving .pcbx-panel{opacity:0;transition:opacity .12s ease}.pcbx-panel .pcbx-name{font-size:15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pcbx-row{display:flex;align-items:center;gap:10px}.pcbx-panel .pcbx-price{margin-right:auto;font-size:22px}.pcbx-panel .pcbx-btns{flex:none;flex-wrap:nowrap;margin:0}.pcbx-panel .pcbx-atc,.pcbx-panel .pcbx-view,.pcbx-panel .pcbx-sold{flex:none;min-height:38px;padding:0 14px;font-size:13.5px}.pcbx-tip{margin:0;font-size:12px;font-weight:700;opacity:.7}@media(max-width:420px){.pcbx-row{flex-wrap:wrap}.pcbx-panel .pcbx-btns{width:100%}.pcbx-panel .pcbx-atc,.pcbx-panel .pcbx-view,.pcbx-panel .pcbx-sold{flex:1 1 0}}.pc-pcb .pcb-howto{position:relative;display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;padding:7px 12px;border-radius:10px;background:#f9d9761a;border:1px solid rgba(249,217,118,.3);color:#f9d976;font-size:13px;font-weight:800;letter-spacing:.2px;line-height:1.35}.pc-pcb .pcb-howto svg{flex:none}.pc-pcb .pcb-howto[hidden]{display:none}
/*# sourceMappingURL=/cdn/shop/t/2/assets/pc-binder.css.map */