:root{--pcg-bg: #f6f6f8;--pcg-surface: #ffffff;--pcg-border: #e5e7eb;--pcg-text: #111827;--pcg-text-soft: #6b7280;--pcg-accent: #3b5bdb;--pcg-accent-dark: #2c46a8;--pcg-danger: #dc2626;--pcg-success: #16a34a;--pcg-c-nm: #16a34a;--pcg-c-lp: #2563eb;--pcg-c-mp: #ea580c;--pcg-c-hp: #dc2626;--pcg-c-unknown: #9ca3af;--pcg-gap: 18px;--pcg-radius: 12px;--pcg-attrs-height: 30px;--pcg-card-ratio: 5 / 7;--pcg-carousel-speed: .5s}.pcg-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--pcg-gap);width:100%;box-sizing:border-box}.pcg-grid--cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.pcg-grid--cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.pcg-grid--cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.pcg-grid--cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.pcg-grid--cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.pcg-grid--cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}@media(max-width:1100px){.pcg-grid--cols-5,.pcg-grid--cols-6{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:800px){.pcg-grid--cols-3,.pcg-grid--cols-4,.pcg-grid--cols-5,.pcg-grid--cols-6{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:500px){.pcg-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px}}.pcg-empty{grid-column:1 / -1;text-align:center;color:var(--pcg-text-soft);padding:40px 0}.pcg-carousel{position:relative;width:100%;overflow:hidden}.pcg-carousel__track{display:flex;width:100%;transition:transform var(--pcg-carousel-speed) ease}.pcg-carousel__page{flex:0 0 100%;min-width:100%;display:grid;grid-template-columns:repeat(var(--pcg-page-cols, 6),minmax(0,1fr));gap:var(--pcg-gap);box-sizing:border-box}@media(max-width:1100px){.pcg-carousel__page{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:800px){.pcg-carousel__page{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:500px){.pcg-carousel__page{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}.pcg-card{display:flex;flex-direction:column;background:var(--pcg-surface);border:1px solid var(--pcg-border);border-radius:var(--pcg-radius);overflow:hidden;position:relative;transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease}.pcg-card:hover{box-shadow:0 8px 20px #11182714;transform:translateY(-2px);border-color:#d1d5db}.pcg-card.is-soldout{opacity:.65}.pcg-card.is-soldout .pcg-card__image{filter:grayscale(.5)}.pcg-card__media{display:block;position:relative;text-decoration:none;color:inherit;background:#eceef1}.pcg-card__image-wrap{width:100%;aspect-ratio:var(--pcg-card-ratio);overflow:hidden;position:relative;background:#eceef1}@supports not (aspect-ratio: 1 / 1){.pcg-card__image-wrap{height:0;padding-bottom:140%}.pcg-card__image-wrap>*{position:absolute;top:0;left:0;right:0;bottom:0}}.pcg-card__image,.pcg-card__image-wrap img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.pcg-card__image--placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#dfe3ea,#c9ced8);color:#8b93a3;font-size:42px;font-weight:700}.pcg-badge{position:absolute;top:8px;left:8px;z-index:2;display:inline-flex;align-items:center;justify-content:center;min-width:34px;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.04em;color:#fff;line-height:1.4;text-transform:uppercase;box-shadow:0 1px 3px #00000040;pointer-events:none}.pcg-badge--nm{background:var(--pcg-c-nm)}.pcg-badge--lp{background:var(--pcg-c-lp)}.pcg-badge--mp{background:var(--pcg-c-mp)}.pcg-badge--hp{background:var(--pcg-c-hp)}.pcg-badge--unknown{background:var(--pcg-c-unknown)}.pcg-card__title{margin:10px 12px 0;min-height:calc(var(--pcg-attrs-height) + 20px)}.pcg-card__title-link{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;color:var(--pcg-text);text-decoration:none}.pcg-card__title-link:hover .pcg-card__name{color:var(--pcg-accent)}.pcg-card__name{font-size:20px;font-weight:800;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1 1 100%}.pcg-card__set-name{font-size:14px;font-weight:500;line-height:1.3;color:#4b5563;flex:1 1 100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pcg-card__attrs-row{display:flex;align-items:center;gap:6px;flex:1 1 100%;margin-top:2px}.pcg-card__number{font-size:12px;font-weight:600;color:var(--pcg-text-soft);background:var(--pcg-bg);border:1px solid var(--pcg-border);border-radius:5px;padding:1px 6px;white-space:nowrap}.pcg-card__condition-pill{display:inline-flex;align-items:center;justify-content:center;min-width:28px;padding:2px 7px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.03em;color:#fff;line-height:1.4;text-transform:uppercase;white-space:nowrap}.pcg-card__price{margin:6px 12px 0;display:flex;align-items:baseline;gap:8px;font-size:15px}.pcg-card__price-current{font-weight:800;color:var(--pcg-text)}.pcg-card__price-compare{font-size:12px;color:var(--pcg-text-soft)}.pcg-card__form{margin:auto 12px 12px}.pcg-card__add{position:relative;width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:8px;padding:9px 12px;background:var(--pcg-accent);color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s ease,transform .1s ease}.pcg-card__add:hover:not(:disabled){background:var(--pcg-accent-dark)}.pcg-card__add:active:not(:disabled){transform:scale(.98)}.pcg-card__add:disabled{background:#d1d5db;color:#6b7280;cursor:not-allowed}.pcg-card__add-spinner{display:none;width:14px;height:14px;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%}.pcg-card__add[data-state=loading] .pcg-card__add-label{opacity:.55}.pcg-card__add[data-state=loading] .pcg-card__add-spinner{display:inline-block;animation:pcg-spin .7s linear infinite}.pcg-card__add[data-state=added]{background:var(--pcg-success)}.pcg-card__add[data-state=error]{background:var(--pcg-danger);animation:pcg-shake .35s ease}@keyframes pcg-spin{to{transform:rotate(360deg)}}@keyframes pcg-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.pcg-card.is-soldout .pcg-card__add{background:#d1d5db;color:#6b7280}.pcg-card.is-soldout .pcg-badge{filter:saturate(.4)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/card-grid.css.map */