.cj-pgrid{width:100%;max-width:var(--cj-container);padding-inline:var(--cj-space-4);padding-block:var(--cj-space-5);margin-inline:auto}.cj-pgrid__head{margin-bottom:var(--cj-space-4);justify-content:space-between;align-items:center;gap:var(--cj-space-3);display:flex}.cj-pgrid__title{color:var(--cj-text);margin:0;font-size:clamp(18px,2.2vw,24px);font-weight:800}.cj-pgrid__view-all{color:var(--cj-blue);white-space:nowrap;transition:color var(--cj-transition);font-size:14px;font-weight:600;text-decoration:none}.cj-pgrid__view-all:hover{color:var(--cj-blue-dark,#3d4288)}.cj-pgrid__grid{gap:var(--cj-space-4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.cj-pgrid__card{background:var(--cj-bg,#fff);border:1px solid #14152a12;border-radius:16px;flex-direction:column;transition:transform .25s,box-shadow .3s,border-color .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #14152a0d}.cj-pgrid__card:hover{border-color:#4d52a438;transform:translateY(-3px);box-shadow:0 12px 26px #14152a1a}.cj-pgrid__media{border-bottom:1px solid var(--cj-border-soft,#efefef);background:#fff;justify-content:center;align-items:center;height:200px;padding:16px;display:flex;position:relative;overflow:hidden}.cj-pgrid__image{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:168px;transition:transform var(--cj-transition)}.cj-pgrid__card:hover .cj-pgrid__image{transform:scale(1.02)}.cj-pgrid__brand-badge{color:var(--cj-muted);border-radius:var(--cj-radius);letter-spacing:.3px;pointer-events:none;background:#f5f5f5d1;padding:2px 8px;font-size:11px;font-weight:700;position:absolute;inset-block-start:8px;inset-inline-end:8px}.cj-pgrid__disclaimer{color:var(--cj-muted,#9a9a9a);text-align:center;opacity:.75;margin-bottom:2px;font-size:9px;line-height:1.2}.cj-pgrid__sale-badge{background:var(--cj-red,#fe5060);color:#fff;border-radius:var(--cj-radius);direction:ltr;padding:3px 9px;font-size:12px;font-weight:800;position:absolute;inset-block-start:8px;inset-inline-start:8px}.cj-pgrid__sale-badge--icon{border-radius:var(--cj-radius-pill,500px);direction:rtl;background:linear-gradient(90deg,#ff7a00,#fe5060);font-weight:700}.cj-pgrid__out-badge{color:#fff;border-radius:var(--cj-radius);background:#000000b8;padding:3px 9px;font-size:11px;font-weight:700;position:absolute;inset-block-end:8px;inset-inline-start:8px}.cj-pgrid__body{flex-direction:column;flex:1;gap:8px;padding:12px 14px 14px;display:flex}.cj-pgrid__name{color:var(--cj-text);-webkit-line-clamp:2;min-height:2.8em;transition:color var(--cj-transition);-webkit-box-orient:vertical;font-size:14px;font-weight:600;line-height:1.4;text-decoration:none;display:-webkit-box;overflow:hidden}.cj-pgrid__name:hover{color:var(--cj-blue)}.cj-pgrid__price-row{direction:ltr;justify-content:flex-end;align-items:baseline;gap:8px;margin-top:auto;display:flex}.cj-pgrid__price{color:var(--cj-text);font-size:18px;font-weight:800}.cj-pgrid__price-sale{color:var(--cj-red,#fe5060);font-size:18px;font-weight:800}.cj-pgrid__price-orig{color:var(--cj-muted);font-size:13px;font-weight:500;text-decoration:line-through}.cj-pgrid__add{background:var(--cj-blue);color:#fff;border-radius:var(--cj-radius);cursor:pointer;width:100%;height:40px;transition:background-color var(--cj-transition);border:0;font-size:14px;font-weight:700}.cj-pgrid__add:hover{background:var(--cj-blue-dark,#3d4288)}.cj-pgrid__add.is-added{background:#2e9e5b}.cj-pgrid__add.is-disabled,.cj-pgrid__add:disabled{background:var(--cj-border,#d3d3d3);color:#fff;cursor:not-allowed}.cj-coll__grid-wrap.is-list .cj-pgrid__grid{grid-template-columns:1fr}.cj-coll__grid-wrap.is-list .cj-pgrid__card{flex-direction:row;align-items:stretch}.cj-coll__grid-wrap.is-list .cj-pgrid__media{border-bottom:0;border-inline-end:1px solid var(--cj-border-soft,#efefef);flex-shrink:0;width:200px}.cj-coll__grid-wrap.is-list .cj-pgrid__body{justify-content:center}.cj-coll__grid-wrap.is-list .cj-pgrid__add{align-self:flex-start;width:auto;padding-inline:24px}@media (max-width:767px){.cj-pgrid__grid{gap:var(--cj-space-3);grid-template-columns:repeat(2,1fr)}.cj-pgrid__media{height:150px;padding:10px}.cj-pgrid__image{max-height:128px}.cj-pgrid__name{font-size:13px}.cj-pgrid__brand-badge{padding:1px 6px;font-size:9px;inset-block:auto 6px;inset-inline-end:6px}.cj-coll__grid-wrap.is-list .cj-pgrid__card{flex-direction:column}.cj-coll__grid-wrap.is-list .cj-pgrid__media{border-inline-end:0;border-bottom:1px solid var(--cj-border-soft,#efefef);width:100%}}@media (max-width:479px){.cj-pgrid__grid{grid-template-columns:1fr}}