.yz-pgrid{width:100%;max-width:var(--yz-container);padding-inline:var(--yz-space-4);padding-block:var(--yz-space-5);margin-inline-start:auto;margin-inline-end:auto}.yz-pgrid__head{margin-bottom:var(--yz-space-4);justify-content:space-between;align-items:center;gap:var(--yz-space-3);display:flex}.yz-pgrid__title{color:var(--yz-text);margin:0;font-size:clamp(18px,2.2vw,24px);font-weight:800}.yz-pgrid__view-all{color:var(--yz-blue);white-space:nowrap;transition:color var(--yz-transition);font-size:14px;font-weight:600;text-decoration:none}.yz-pgrid__view-all:hover{color:var(--yz-blue-dark,#3d4288)}.yz-pgrid__grid{gap:var(--yz-space-4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.yz-pgrid__card{background:var(--yz-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}.yz-pgrid__card:hover{border-color:#4d52a438;transform:translateY(-3px);box-shadow:0 12px 26px #14152a1a}.yz-pgrid__media{border-bottom:1px solid var(--yz-border-soft,#efefef);background:#fff;justify-content:center;align-items:center;height:200px;padding:16px;display:flex;position:relative;overflow:hidden}.yz-pgrid__image{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:168px;transition:transform var(--yz-transition)}.yz-pgrid__card:hover .yz-pgrid__image{transform:scale(1.02)}.yz-pgrid__brand-badge{background:var(--yz-bg-gray,#f5f5f5);color:var(--yz-muted);border-radius:var(--yz-radius);letter-spacing:.3px;padding:2px 8px;font-size:11px;font-weight:700;position:absolute;top:8px}.yz-pgrid__brand-badge:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:8px}.yz-pgrid__brand-badge:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:8px}.yz-pgrid__sale-badge{background:var(--yz-red,#fe5060);color:#fff;border-radius:var(--yz-radius);direction:ltr;padding:3px 9px;font-size:12px;font-weight:800;position:absolute;top:8px}.yz-pgrid__sale-badge:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:8px}.yz-pgrid__sale-badge:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:8px}.yz-pgrid__out-badge{color:#fff;border-radius:var(--yz-radius);background:#000000b8;padding:3px 9px;font-size:11px;font-weight:700;position:absolute;bottom:8px}.yz-pgrid__out-badge:not(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:8px}.yz-pgrid__out-badge:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:8px}.yz-pgrid__body{flex-direction:column;flex:1;gap:8px;padding:12px 14px 14px;display:flex}.yz-pgrid__name{color:var(--yz-text);-webkit-line-clamp:2;min-height:2.8em;transition:color var(--yz-transition);-webkit-box-orient:vertical;font-size:14px;font-weight:600;line-height:1.4;text-decoration:none;display:-webkit-box;overflow:hidden}.yz-pgrid__name:hover{color:var(--yz-blue)}.yz-pgrid__price-row{direction:ltr;justify-content:flex-end;align-items:baseline;gap:8px;margin-top:auto;display:flex}.yz-pgrid__price{color:var(--yz-text);font-size:18px;font-weight:800}.yz-pgrid__price-sale{color:var(--yz-red,#fe5060);font-size:18px;font-weight:800}.yz-pgrid__price-orig{color:var(--yz-muted);font-size:13px;font-weight:500;text-decoration:line-through}.yz-pgrid__add{background:var(--yz-blue);color:#fff;border-radius:var(--yz-radius);cursor:pointer;width:100%;height:40px;transition:background-color var(--yz-transition);border:0;font-size:14px;font-weight:700}.yz-pgrid__add:hover{background:var(--yz-blue-dark,#3d4288)}.yz-pgrid__add.is-added{background:#2e9e5b}.yz-pgrid__add.is-disabled,.yz-pgrid__add:disabled{background:var(--yz-border,#d3d3d3);color:#fff;cursor:not-allowed}.yz-coll__grid-wrap.is-list .yz-pgrid__grid{grid-template-columns:1fr}.yz-coll__grid-wrap.is-list .yz-pgrid__card{flex-direction:row;align-items:stretch}.yz-coll__grid-wrap.is-list .yz-pgrid__media{border-bottom:0;border-inline-end:1px solid var(--yz-border-soft,#efefef);flex-shrink:0;width:200px}.yz-coll__grid-wrap.is-list .yz-pgrid__body{justify-content:center}.yz-coll__grid-wrap.is-list .yz-pgrid__add{align-self:flex-start;width:auto;padding-inline-start:24px;padding-inline-end:24px}@media (max-width:767px){.yz-pgrid__grid{gap:var(--yz-space-3);grid-template-columns:repeat(2,1fr)}.yz-pgrid__media{height:150px;padding:10px}.yz-pgrid__image{max-height:128px}.yz-pgrid__name{font-size:13px}.yz-coll__grid-wrap.is-list .yz-pgrid__card{flex-direction:column}.yz-coll__grid-wrap.is-list .yz-pgrid__media{border-inline-end:0;border-bottom:1px solid var(--yz-border-soft,#efefef);width:100%}}@media (max-width:479px){.yz-pgrid__grid{grid-template-columns:1fr}}