/* "Which style do you like?" picker */
.picker{max-width:980px;margin:0 auto;background:var(--cream);border:1px solid var(--line);border-radius:26px;padding:34px;box-shadow:var(--shadow)}
.pk-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.pk-dots{display:flex;gap:6px}
.pk-dots i{width:34px;height:6px;border-radius:3px;background:#e3d9c2;transition:background .4s}
.pk-dots i.on{background:var(--green)}
.pk-count{font-weight:800;color:var(--ink-3);font-size:14px}
.pk-q{font-size:clamp(1.4rem,2.6vw,1.9rem);text-align:center;margin:6px 0 22px}
.pk-pair{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:stretch}
.pk-or{align-self:center;font:700 1.4rem var(--hand);color:var(--barn)}
.pk-opt{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:20px;border:3px solid transparent;background:var(--paper);box-shadow:var(--shadow);cursor:pointer;text-align:left;font:inherit;color:inherit;transition:transform .35s var(--ease),border-color .25s,box-shadow .35s}
.pk-opt:hover{transform:translateY(-4px);border-color:var(--green);box-shadow:var(--shadow-lg)}
.pk-opt.picked{border-color:var(--green);transform:scale(1.02)}
.pk-opt .lbl{font:700 1.2rem var(--serif)}
.pk-opt .sub{color:var(--ink-2);font-size:15px;margin-top:-6px}
.pk-pair.anim .pk-opt{animation:pkin .5s var(--ease) both}
.pk-pair.anim .pk-opt:last-child{animation-delay:.08s}
@keyframes pkin{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.pk-foot{display:flex;justify-content:space-between;margin-top:20px}
.pk-foot [disabled]{opacity:.35;pointer-events:none}
/* mini previews drawn in CSS */
.pv{height:190px;border-radius:14px;overflow:hidden;position:relative;background:#f4f1ea;border:1px solid var(--line)}
.pv .bar{height:16px;background:rgba(0,0,0,.08)}
.pv .blk{position:absolute;border-radius:6px}
.pv .txt{position:absolute;height:8px;border-radius:4px;background:currentColor;opacity:.5}
.pv .big{position:absolute;font-weight:800;line-height:1.05}
.sw{display:flex;height:100%}
.sw span{flex:1}
.pk-result{text-align:center}
.pk-result .demo-card{max-width:520px;margin:20px auto 0;text-align:left}
.pk-pkg{display:inline-flex;align-items:center;gap:10px;background:var(--sun-l);border-radius:999px;padding:10px 18px;font-weight:900;color:#5a4410;margin-top:8px}
.pk-tags{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:14px 0 0}
@media (max-width:720px){.picker{padding:20px 16px}.pk-pair{grid-template-columns:1fr}.pk-or{text-align:center}.pv{height:150px}}