.ppo[hidden],.ppo [hidden]{display:none!important}
.ppo{display:block;color:var(--ppv-ink,#193f35);padding:2rem;border:1px solid color-mix(in srgb,var(--ppv-accent,#193f35) 25%,transparent);border-radius:1.8rem;background:var(--ppv-soft,#faf9f5)}
.ppo-fieldset{border:0;padding:0;margin:0;min-width:0}
.ppo-fieldset legend{font-size:1.6rem;line-height:1.3;font-weight:600;padding:0;letter-spacing:-.025em}
.ppo-intro{font-size:1.15rem;line-height:1.6;margin:.6rem 0 1.4rem;color:#526059}
.ppo-options{display:grid;grid-template-columns:repeat(var(--ppo-columns),minmax(0,1fr));gap:.8rem}
.ppo-option{position:relative;cursor:pointer;min-width:0}
.ppo-option input{position:absolute;width:1px;height:1px;opacity:0}
.ppo-card{display:flex;flex-direction:column;gap:.5rem;padding:1.3rem 1rem;border-radius:1.2rem;border:1px solid #d9ded5;background:#fffdf9;height:100%;box-sizing:border-box;transition:border-color .18s,background .18s,box-shadow .18s,transform .18s}
.ppo-card-top{display:flex;justify-content:space-between;align-items:center;gap:.5rem;font-size:1.35rem;line-height:1.3}
.ppo-check{width:1.4rem;height:1.4rem;border:1px solid #b9c1b9;border-radius:50%;flex-shrink:0}
.ppo-count{font-size:1rem;line-height:1.4;color:#526059}
.ppo-card-price{font-weight:600;font-size:1.3rem;margin-top:.5rem;line-height:1.3;overflow-wrap:anywhere}
.ppo-option input:checked+.ppo-card{border-color:var(--ppv-ink,#193f35);background:var(--ppv-tint,#edf2e8);box-shadow:0 0 0 1px var(--ppv-ink,#193f35)}
.ppo-option input:checked+.ppo-card .ppo-check{background:var(--ppv-ink,#193f35);border-color:var(--ppv-ink,#193f35);box-shadow:inset 0 0 0 3px var(--ppv-tint,#edf2e8)}
.ppo-option input:focus-visible+.ppo-card{outline:2px solid var(--ppv-accent,#193f35);outline-offset:4px}
.ppo-option:hover .ppo-card{transform:translateY(-2px)}
.ppo-purpose{font-size:1.2rem;line-height:1.6;margin:1.4rem 0 0;min-height:1.9rem;color:var(--ppv-ink,#193f35)}
.ppo-shades{display:grid;gap:1rem;border-top:1px solid #d9ded5;margin-top:1.4rem;padding-top:1.4rem;animation:ppo-in .2s ease both}
.ppo-first{font-size:1.1rem;line-height:1.6;margin:0 0 .3rem;color:#526059}
.ppo-shade{display:flex;gap:1rem;align-items:center;min-width:0}
.ppo-shade img{width:4.4rem;height:4.4rem;border-radius:1rem;object-fit:cover;flex-shrink:0;border:1px solid #e0e3da}
.ppo-shade>div{min-width:0;flex:1}
.ppo-shade label{display:block;font-size:1.05rem;margin-bottom:.5rem;font-weight:600}
.ppo-shade select{width:100%;min-height:4.4rem;padding:.8rem 1rem;font:inherit;font-size:1.2rem;color:inherit;border:1px solid #c7cec4;background:#fffdf9;border-radius:.8rem;cursor:pointer;text-overflow:ellipsis}
.ppo-shade select:focus-visible,.ppo-review:focus-visible{outline:2px solid var(--ppv-accent,#193f35);outline-offset:3px}
.ppo-contents{font-size:1.05rem;line-height:1.6;color:#526059;margin:1.2rem 0 0}
.ppo-total{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding-top:1.4rem;margin-top:1.4rem;border-top:1px solid #d9ded5;font-size:1.2rem;line-height:1.4}
.ppo-total strong{font-size:1.85rem;letter-spacing:-.025em;text-align:right}
.ppo-note{font-size:.95rem;line-height:1.6;color:#58655c;margin:.5rem 0 0}
.ppo-status{font-size:1.15rem;line-height:1.6;margin:1.2rem 0 0;color:var(--ppv-ink,#193f35)}
.ppo-review{display:inline-flex;gap:1rem;align-items:center;min-height:4.4rem;font-size:1.2rem;font-weight:600;color:inherit;text-underline-offset:.3rem}
.pp-offers-ready .product-form__quantity{display:none!important}
.pp-offers-ready .shopify-payment-button[hidden]{display:none!important}
.ppo[aria-busy=true]{opacity:.7}
.ppo input:disabled+.ppo-card,.ppo select:disabled{cursor:wait}
@keyframes ppo-in{from{opacity:.3;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(max-width:749px){.ppo{padding:1.5rem}.ppo-card{padding:1.2rem .8rem}.ppo-card-price{font-size:1.2rem}.ppo-card-top{font-size:1.3rem}.ppo-options{gap:.7rem}.ppo-shade select{font-size:1.3rem}}
@media(prefers-reduced-motion:reduce){.ppo *{animation:none!important;transition:none!important}.ppo-option:hover .ppo-card{transform:none}}
