.pfilter{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 32px}
.pfilter button{min-height:44px;padding:0 20px;border-radius:999px;border:1.5px solid var(--ink);background:transparent;color:var(--ink);font:600 1rem Inter,sans-serif;cursor:pointer}
.pfilter button[aria-pressed=true]{background:var(--violet);border-color:var(--violet);color:#fff}
.plist2{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:clamp(40px,6vw,72px)}
.prow{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:start}
.prow[hidden]{display:none}
.prow.rev .pimg{order:2}
.pimg{display:flex;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:calc(var(--r) + 6px);background-color:var(--c,#cbbfa8);background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.10) 0 2px,transparent 2px 16px);align-items:flex-end;padding:16px;box-sizing:border-box}
img.pimg{padding:0}
.phlabel{background:var(--paper-lt);font-size:.85rem;font-weight:600;padding:6px 12px;border-radius:8px;color:var(--ink-3)}
.pinfo h2{font-size:clamp(1.8rem,3vw,2.4rem);margin:0 0 12px}
.pinfo p{font-size:1.15rem;color:var(--ink-2);max-width:42ch;margin:0 0 18px}
.pinfo .facts{max-width:420px}
.ibtn,.xbtn,.pg-next,.pg-back,.pg2,.pname{display:none}
.ph2{display:flex;align-items:center;gap:10px}
.rz{position:relative;display:inline-flex}
.rzbtn{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:0;background:transparent;color:var(--violet);cursor:help}
.rzbtn:hover{background:var(--violet-lt)}
.rzpop{display:none;position:absolute;left:50%;top:calc(100% + 8px);transform:translateX(-50%);z-index:5;width:340px;padding:18px 20px;background:var(--paper-lt);border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 30px rgba(42,38,34,.18);font-size:.95rem;font-weight:400;letter-spacing:0;line-height:1.5;color:var(--ink)}
.rzpop b{display:block;font-size:1rem;margin-bottom:8px}
.rzpop table,.pg2 table{width:100%;border-collapse:collapse}
.rzpop th,.rzpop td,.pg2 th,.pg2 td{text-align:left;padding:6px 8px 6px 0;border-bottom:1px solid var(--line);vertical-align:top}
.rzpop th,.pg2 th{font-size:.8rem;color:var(--ink-3)}
.rz:hover .rzpop,.rz:has(:focus-visible) .rzpop,.rz.show .rzpop{display:block}
@media (max-width:760px){
 .plist2{gap:16px}
 .prow{display:block}
 .rz{display:none}
 .ibtn{display:grid;place-items:center;position:absolute;right:12px;top:12px;width:48px;height:48px;border-radius:50%;border:0;background:rgba(251,248,241,.92);color:var(--ink);box-shadow:0 2px 8px rgba(0,0,0,.15)}
 .pinfo{display:none;position:absolute;inset:0;border-radius:calc(var(--r) + 6px);background:rgba(251,248,241,.93);padding:24px 22px 88px;overflow:auto}
 .prow.open .pinfo{display:block}
 .prow.open .ibtn,.prow.open .phlabel{visibility:hidden}
 .xbtn{display:grid;place-items:center;position:absolute;right:12px;top:12px;width:48px;height:48px;border-radius:50%;border:1.5px solid var(--ink);background:transparent;color:var(--ink)}
 .pinfo h2{font-size:1.6rem;padding-right:56px}
 .pinfo p{font-size:1.05rem}
 .prow.p2 .pg1{display:none}
 .prow.p2 .pg2{display:block}
 .pg2t{display:block;font-size:1.4rem;margin-bottom:12px;padding-right:56px}
 .pg2 td,.pg2 th{padding:10px 8px 10px 0;font-size:1rem}
 .pg-next,.pg-back{display:block;position:absolute;bottom:16px;width:60px;height:60px;padding:0;border:0;background:transparent;color:rgba(42,38,34,.55)}
 .pg-next{right:16px}.pg-back{left:16px}
 .pg-next svg,.pg-back svg{width:100%;height:100%}
 .pg-next:hover,.pg-back:hover{color:var(--ink)}
}

.pg2n{display:block;font-size:.95rem;font-weight:600;color:var(--violet);margin-bottom:4px}
@media (max-width:760px){
 .pname{display:block;position:absolute;left:12px;top:12px;right:72px;z-index:1;font-family:"Rubik Dirt",Inter,sans-serif;font-size:1.6rem;line-height:1.1;color:var(--violet);background:rgba(251,248,241,.9);padding:8px 12px;border-radius:12px;width:max-content;max-width:calc(100% - 84px)}
 .prow.open .pname{display:none}
}