/* ═══ rPET CLEAR CUPS ═══ */
.rpet-tabs{display:flex;gap:8px;margin-bottom:28px;flex-wrap:wrap;align-items:center}
.rpet-tabs .grp{display:flex;gap:6px;padding:4px;border:1px solid var(--border);border-radius:4px;background:rgba(30,28,26,.5)}
.rpet-tabs .lab{font-family:var(--mono);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink4);margin:0 10px 0 4px}
.rpet-tabs button{appearance:none;border:0;background:transparent;color:var(--ink3);font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;padding:8px 14px;border-radius:3px;cursor:pointer;transition:.2s}
.rpet-tabs button:hover{color:var(--ink)}
.rpet-tabs button.on{background:var(--o);color:#fff}
.rpet-tabs .grp.lids button.on{background:rgba(200,184,154,.14);color:var(--tan);box-shadow:inset 0 0 0 1px var(--tan)}
.rpet-stage{position:relative;border:1px solid var(--line2);border-radius:4px;padding:56px 32px 28px;overflow:hidden;background:radial-gradient(60% 50% at 50% 30%,rgba(200,184,154,.09),transparent 70%),linear-gradient(180deg,rgba(240,236,230,.02),transparent 60%)}
.rpet-stage::before{content:"";position:absolute;left:0;right:0;bottom:78px;height:1px;background:linear-gradient(90deg,transparent,var(--borderL),transparent)}
.rpet-stage::after{content:"";position:absolute;left:0;right:0;bottom:0;height:78px;background:linear-gradient(180deg,rgba(255,255,255,.035),transparent)}
.rpet-row{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:16px;align-items:end;justify-items:center;min-height:300px}
.rpet-row>div{display:none;flex-direction:column;align-items:center;gap:18px;width:100%}
.rpet-row>div.show{display:flex}
.rpet-row>div{animation:rpin .6s cubic-bezier(.2,.8,.2,1) both}
@keyframes rpin{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
/* the clear cup — photoreal render per lid state, sized by --ch (body height) */
.pet{position:relative;height:var(--ch);width:calc(var(--ch)*.82);flex:none;filter:drop-shadow(0 18px 14px rgba(0,0,0,.5))}
.pet .v{position:absolute;left:50%;bottom:0;transform:translateX(-50%) translateY(10px);height:var(--ch);width:auto;max-width:none;opacity:0;transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1);pointer-events:none;user-select:none}
.pet .v.flat{height:calc(var(--ch)*1.08)}.pet .v.star{height:calc(var(--ch)*1.12)}.pet .v.dome{height:calc(var(--ch)*1.5)}
.pet[data-lid="none"] .v.none,.pet[data-lid="flat"] .v.flat,.pet[data-lid="dome"] .v.dome,.pet[data-lid="star"] .v.star{opacity:1;transform:translateX(-50%)}
/* print: front logo crisp; a faint mirrored copy shows through the back wall */
.pet .logo{position:absolute;top:32%;left:50%;width:34%;aspect-ratio:2.1;transform:translateX(-50%);background:url(GPC-logo.png) center/contain no-repeat;opacity:.9;filter:saturate(.95) drop-shadow(0 1px 1px rgba(0,0,0,.4));z-index:2}
.pet .logo::before{content:"";position:absolute;inset:0;background:inherit;transform:scaleX(-1) scale(.86);opacity:.14;filter:blur(.6px)}
.pet.u .v.flat{height:calc(var(--ch)*1.1)}.pet.u .v.star{height:calc(var(--ch)*1.1)}.pet.u .v.dome{height:calc(var(--ch)*1.32)}
.pet.u .v{transform:translateX(-50%) translateY(10px) scaleX(var(--sx,1))}.pet.u[data-lid="none"] .v.none,.pet.u[data-lid="flat"] .v.flat,.pet.u[data-lid="dome"] .v.dome,.pet.u[data-lid="star"] .v.star{transform:translateX(-50%) scaleX(var(--sx,1))}
.pet.u .logo{top:38%;width:30%}
/* labels */
.rpet-row b{font-family:var(--mono);font-size:clamp(18px,1.8vw,24px);font-weight:500;color:var(--ink)}
.rpet-row small{font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink3);text-align:center;line-height:1.7}
.rpet-row small em{font-style:normal;color:var(--tan)}
.rpet-foot{display:flex;justify-content:space-between;gap:18px;margin-top:18px;font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink4);flex-wrap:wrap}
.rpet-foot b{font-weight:400;color:var(--tan)}
@media(max-width:900px){.rpet-row{grid-auto-flow:row;grid-template-columns:repeat(2,1fr);min-height:0;row-gap:40px}.rpet-stage{padding:44px 18px 22px}.rpet-stage::before{display:none}}