/* Posterphenia Strumenti - stile condiviso. Usa i colori del tema se ci sono, altrimenti i suoi. */
.pps-card,.pps-wallapp,.pps-trackapp,.pps-quizapp,.pps-home{
  --pps-ink:var(--pp-ink,#111);--pps-paper:var(--pp-paper,#fff);--pps-soft:var(--pp-soft,#f4f4f1);
  --pps-hair:var(--pp-hair,#e5e5e5);--pps-red:var(--pp-red,#ad1212);--pps-blue:var(--pp-blue,#007ba1);
  --pps-gold:var(--pp-gold,#e2c002);--pps-muted:var(--pp-muted,#5f5f64);
}
.pps-card{background:var(--pps-paper);border:2px solid var(--pps-ink);padding:clamp(16px,3vw,28px);margin:0 0 20px;box-shadow:6px 6px 0 var(--pps-ink)}
.pps-card h2,.pps-card h3{margin-top:0}
.pps-muted{color:var(--pps-muted);font-size:.92rem;margin:.4em 0}
.pps-error{color:var(--pps-red);font-weight:700;margin:.6em 0}
.pps-note{background:var(--pps-soft);border-left:6px solid var(--pps-gold);padding:12px 16px;margin:16px 0}
.pps-note p{margin:0 0 10px}
.pps-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.pps-card label{font-weight:700}
.pps-card input[type=text],.pps-card input[type=email],.pps-card input[type=search],.pps-card select{width:100%;max-width:100%;box-sizing:border-box;padding:11px 12px;border:2px solid var(--pps-ink);border-radius:0;background:#fff;font:inherit}
.pps-check label{display:flex;gap:10px;align-items:flex-start;font-weight:400}
.pps-check input{margin-top:.35em;flex:none}

/* pulsanti */
.pps-btn{display:inline-block;background:var(--pps-ink);color:#fff!important;border:2px solid var(--pps-ink);padding:11px 20px;font:inherit;font-weight:900;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;cursor:pointer;border-radius:0;line-height:1.2}
.pps-btn:hover,.pps-btn:focus-visible{background:var(--pps-red);border-color:var(--pps-red)}
.pps-btn--ghost{background:#fff;color:var(--pps-ink)!important}
.pps-btn--ghost:hover,.pps-btn--ghost:focus-visible{background:var(--pps-ink);border-color:var(--pps-ink);color:#fff!important}
.pps-btn.is-on{background:var(--pps-gold);border-color:var(--pps-ink);color:var(--pps-ink)!important}
.pps-btn:disabled{opacity:.5;cursor:not-allowed}
.pps-actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 0}

/* scelte (chip) */
.pps-fs{border:0;margin:0 0 14px;padding:0;min-width:0}
.pps-fs legend{font-weight:900;text-transform:uppercase;font-size:.8rem;letter-spacing:.08em;padding:0;margin-bottom:6px}
.pps-chip{position:relative;display:inline-block;margin:0 8px 8px 0}
.pps-chip input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.pps-chip span{display:block;border:2px solid var(--pps-ink);padding:9px 14px;background:#fff;font-weight:700;font-size:.95rem}
.pps-chip input:checked+span{background:var(--pps-ink);color:#fff}
.pps-chip input:focus-visible+span{outline:3px solid var(--pps-blue);outline-offset:2px}

/* quiz */
.pps-quiz__prog{height:8px;background:var(--pps-hair);margin:0 0 14px}
.pps-quiz__prog span{display:block;height:100%;background:var(--pps-red)}
.pps-quiz__step{margin:0 0 6px;font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;color:var(--pps-muted)}
.pps-quiz__fs{border:0;margin:0;padding:0;min-width:0}
.pps-quiz__q{font-size:clamp(1.3rem,3vw,1.8rem);font-weight:900;text-transform:uppercase;line-height:1.1;padding:0;margin-bottom:6px}
.pps-quiz__hint{color:var(--pps-muted);margin:0 0 14px}
.pps-quiz__opts{display:flex;flex-wrap:wrap}
.pps-quiz__title{margin-top:0}
.pps-results{list-style:none;margin:18px 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr));gap:18px}
.pps-result{margin:0}
.pps-result__link{display:block;color:inherit;text-decoration:none}
.pps-result__link:hover .pps-result__t{color:var(--pps-red)}
.pps-thumb{display:block;width:100%;background-repeat:no-repeat;background-color:var(--pps-soft);border:2px solid var(--pps-ink)}
.pps-result__t{display:block;font-weight:900;text-transform:uppercase;margin-top:8px;line-height:1.15;font-size:.95rem}
.pps-result__p{display:block;color:var(--pps-muted);font-size:.9rem}
.pps-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
.pps-tag{background:var(--pps-soft);border:1px solid var(--pps-hair);font-size:.72rem;padding:1px 6px;text-transform:uppercase;letter-spacing:.05em}
.pps-loading{color:var(--pps-muted)}

/* simulatore */
.pps-wallgrid{display:grid;gap:24px;grid-template-columns:minmax(0,1fr)}
@media(min-width:1000px){.pps-wallgrid{grid-template-columns:minmax(0,1fr) 320px;align-items:start}.pps-wallside{position:sticky;top:calc(var(--pp-header-h,72px) + 16px)}}
.pps-tools{display:grid;gap:6px 24px;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
.pps-range{display:block}
.pps-range span{display:block;font-weight:900;text-transform:uppercase;font-size:.8rem;letter-spacing:.08em}
.pps-range input{width:100%}
.pps-range output{font-size:.9rem;color:var(--pps-muted)}
.pps-sw{display:inline-block;position:relative;margin:0 6px 6px 0}
.pps-sw input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.pps-sw span{display:block;width:30px;height:30px;border:2px solid var(--pps-ink);border-radius:50%}
.pps-sw input:checked+span{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--pps-ink)}
.pps-sw input:focus-visible+span{outline:3px solid var(--pps-blue);outline-offset:3px}
.pps-photo{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.pps-photo .pps-muted{flex-basis:100%;margin:0}
.pps-photo .pps-btn{padding:8px 12px;font-size:.8rem}
.pps-presets{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.pps-presets .pps-btn{padding:8px 12px;font-size:.8rem}
.pps-lab{font-weight:900;text-transform:uppercase;font-size:.8rem;letter-spacing:.08em}
.pps-sel{display:block}
.pps-sel span{display:block;font-weight:900;text-transform:uppercase;font-size:.8rem;letter-spacing:.08em;margin-bottom:4px}

.pps-wall{position:relative;width:100%;max-width:980px;margin:0 auto 10px;background-size:cover;background-position:center;border:2px solid var(--pps-ink);overflow:hidden;touch-action:pan-y;user-select:none;-webkit-user-select:none;container-type:inline-size}
.pps-wall::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(0,0,0,.06));pointer-events:none}
.pps-item{position:absolute;touch-action:none;cursor:grab;outline:none}
.pps-item:active{cursor:grabbing}
.pps-item.is-sel{outline:2px dashed var(--pps-blue);outline-offset:4px;z-index:3}
.pps-item:focus-visible{outline:3px solid var(--pps-blue);outline-offset:4px;z-index:3}
.pps-frame{position:relative;width:100%;height:100%;box-shadow:0 .6cqw 1.6cqw rgba(0,0,0,.28)}
.pps-frame--black{background:#121212}
.pps-frame--white{background:#f6f5f1;box-shadow:0 .6cqw 1.6cqw rgba(0,0,0,.28),inset 0 0 0 1px rgba(0,0,0,.12)}
.pps-poster{position:absolute;background-repeat:no-repeat;background-color:#e8e5dd}
.pps-frame--black .pps-poster,.pps-frame--white .pps-poster{box-shadow:inset 0 0 .8cqw rgba(0,0,0,.35)}
.pps-item.is-empty .pps-poster{background:rgba(255,255,255,.7);border:2px dashed var(--pps-ink);box-sizing:border-box;display:flex;align-items:center;justify-content:center}
.pps-plus{font-size:clamp(18px,4cqw,40px);font-weight:900;color:var(--pps-ink)}
.pps-bar{position:absolute;left:0;right:0;background:linear-gradient(#2a2420,#14100d);box-shadow:0 1px 2px rgba(0,0,0,.4)}
.pps-bar--top{top:0}
.pps-bar--bot{bottom:0}
.pps-cord{position:absolute;left:0;width:100%;overflow:visible;pointer-events:none}
.pps-furn{position:absolute;bottom:0;background:linear-gradient(#4a4a48,#2f2f2e);border-radius:1.2cqw 1.2cqw 0 0;pointer-events:none;opacity:.88}
.pps-furn--bed{background:linear-gradient(#6b6b72,#3b3b42)}
.pps-furn--desk,.pps-furn--sideboard{background:linear-gradient(#5b4a3a,#3a2e24);border-radius:.4cqw .4cqw 0 0}
.pps-ruler{position:absolute;right:8px;bottom:6px;font-size:.72rem;font-weight:900;background:#fff;border:1px solid var(--pps-ink);padding:0 6px;pointer-events:none;z-index:4}
.pps-guide{position:absolute;pointer-events:none;background:var(--pps-red);z-index:5}
.pps-guide--v{top:0;bottom:0;width:1px}
.pps-guide--h{left:0;right:0;height:1px}
.pps-row{display:flex;flex-wrap:wrap;gap:0 24px}
.pps-selbox[hidden],.pps-catalog[hidden]{display:none}
.pps-lines{list-style:none;margin:0 0 10px;padding:0}
.pps-lines li{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid var(--pps-hair);font-size:.92rem}
.pps-total{display:flex;justify-content:space-between;font-size:1.2rem;margin:10px 0 0}
.pps-summary .pps-btn{width:100%;margin-top:10px;text-align:center}
.pps-catalog{margin-top:20px}
.pps-cat__head{display:flex;gap:10px;margin-bottom:14px}
.pps-cat__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;max-height:520px;overflow:auto}
.pps-cat__grid li[hidden]{display:none}
.pps-cat__btn{display:block;width:100%;background:none;border:0;padding:0;text-align:left;cursor:pointer;font:inherit;color:inherit}
.pps-cat__btn:disabled{opacity:.45;cursor:not-allowed}
.pps-cat__btn:hover .pps-cat__t,.pps-cat__btn:focus-visible .pps-cat__t{color:var(--pps-red)}
.pps-cat__t{display:block;font-size:.78rem;font-weight:900;text-transform:uppercase;line-height:1.15;margin-top:5px}
.pps-cat__p{display:block;font-size:.78rem;color:var(--pps-muted)}
.pps-prodlink{margin:14px 0 0}
.pps-prodlink a{font-weight:900;text-transform:uppercase;font-size:.85rem;letter-spacing:.05em;border-bottom:3px solid var(--pps-gold);text-decoration:none}

/* avviso "torna disponibile" */
.pps-alert{margin-top:20px}
.pps-alert[hidden]{display:none}
.pps-alert__t{font-size:1.1rem}
.pps-alert .pps-btn{width:auto}

/* tracciamento */
.pps-steps{list-style:none;margin:16px 0;padding:0;display:grid;gap:0}
.pps-steps li{position:relative;padding:8px 0 8px 36px;font-weight:700}
.pps-steps li::before{content:"";position:absolute;left:4px;top:11px;width:18px;height:18px;border-radius:50%;border:3px solid var(--pps-ink);background:#fff}
.pps-steps li::after{content:"";position:absolute;left:12px;top:30px;bottom:-12px;width:2px;background:var(--pps-hair)}
.pps-steps li:last-child::after{display:none}
.pps-steps li.is-done::before{background:var(--pps-ink)}
.pps-steps li.is-now::before{background:var(--pps-gold)}
.pps-steps li.is-wait{color:var(--pps-muted)}
.pps-steps li.is-wait::before{border-color:var(--pps-hair)}
.pps-steps__d{font-weight:400;color:var(--pps-muted);margin-left:6px;font-size:.9rem}
.pps-parcel{background:var(--pps-soft);border-left:6px solid var(--pps-blue);padding:10px 16px;margin:12px 0}
.pps-parcel p{margin:4px 0}
.pps-parcel code{background:#fff;border:1px solid var(--pps-hair);padding:1px 6px;word-break:break-all}
.pps-trackform p{margin:0 0 14px}

/* blocco in home */
.pps-home__grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}
.pps-home__card{background:#fff;border:2px solid var(--pps-ink);padding:clamp(20px,3vw,32px);box-shadow:6px 6px 0 var(--pps-ink)}
.pps-home__card h2{margin:6px 0 10px}
.pps-home__tag{display:inline-block;background:var(--pps-red);color:#fff;font-size:.75rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;padding:3px 9px}
@media(prefers-reduced-motion:no-preference){.pps-btn{transition:background .15s,color .15s}}
.pps-btn[hidden],.pps-card [hidden],.pps-wallapp [hidden]{display:none!important}