:root{--asp-ink:#17211d;--asp-green:#1e493b;--asp-gold:#bd9162;--asp-cream:#f5f1e9;--asp-white:#fff}.asp{box-sizing:border-box;max-width:1120px;margin:32px auto;padding:clamp(24px,5vw,64px);border-radius:28px;background:var(--asp-cream);color:var(--asp-ink);font-family:inherit}.asp *{box-sizing:border-box}.asp__header{max-width:720px;margin:0 auto 34px;text-align:center}.asp__eyebrow{color:var(--asp-gold);font-size:12px;font-weight:800;letter-spacing:.24em}.asp h2{margin:8px 0 10px;font-size:clamp(30px,5vw,52px);line-height:1.05}.asp__header p{margin:0;color:#56615c;font-size:17px}.asp__layout{display:grid;grid-template-columns:minmax(300px,1.15fr) minmax(290px,.85fr);gap:28px}.asp__visual,.asp__panel{border-radius:22px;background:var(--asp-white);box-shadow:0 14px 40px rgba(23,33,29,.08)}.asp__visual{padding:20px;min-height:590px}.asp__tabs{display:flex;justify-content:center;gap:5px}.asp__tabs button{border:0;border-radius:999px;background:#edf0ed;padding:10px 18px;cursor:pointer}.asp__tabs .is-active{background:var(--asp-green);color:#fff}.asp__body{display:none;position:relative;width:280px;max-width:100%;height:510px;margin:10px auto 0}.asp__body.is-active{display:block}.asp__body svg{width:100%;height:100%;fill:#d9d7d0;stroke:#bcbab2;stroke-width:2;stroke-linejoin:round}.asp__hotspot{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);display:flex;align-items:center;gap:6px;border:1px solid #d9d8d2;border-radius:999px;background:#fff;padding:7px 10px;color:var(--asp-ink);font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.12);transition:.2s}.asp__hotspot span{width:9px;height:9px;border:2px solid var(--asp-gold);border-radius:50%}.asp__hotspot:hover,.asp__hotspot.is-selected{transform:translate(-50%,-50%) scale(1.06);border-color:var(--asp-green);background:var(--asp-green);color:#fff}.asp__hotspot.is-selected span{background:var(--asp-gold);border-color:var(--asp-gold)}.asp__panel{align-self:start;padding:28px;position:sticky;top:30px}.asp__panel h3{margin:0 0 18px;font-size:24px}.asp__selected{display:flex;flex-wrap:wrap;gap:8px;min-height:64px}.asp__selected button{border:0;border-radius:999px;background:#e8efeb;color:var(--asp-green);padding:9px 12px;font-weight:700;cursor:pointer}.asp__selected button span{margin-left:6px}.asp__empty{color:#7a817d}.asp__prices{display:flex;justify-content:space-between;border-top:1px solid #e5e3dd;padding:20px 0}.asp__recommendation{margin:0 0 18px;padding:20px;border:1px solid #d3b38f;border-radius:16px;background:#fbf6ee}.asp__recommendation>span{color:#8b6843;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.asp__recommendation h4{margin:7px 0;font-size:21px}.asp__recommendation div{display:flex;align-items:center;justify-content:space-between}.asp__recommendation strong{font-size:25px}.asp__recommendation em{border-radius:99px;background:#e4f3e9;padding:6px 9px;color:#176638;font-size:12px;font-style:normal;font-weight:800}.asp__cta{width:100%;border:0;border-radius:12px;background:var(--asp-green);padding:16px;color:#fff;font-size:16px;font-weight:800;cursor:pointer}.asp__cta:disabled{cursor:not-allowed;opacity:.4}.asp__status{min-height:20px;color:#a32929;font-size:13px;text-align:center}@media(max-width:760px){.asp{margin:12px;padding:22px 14px;border-radius:18px}.asp__layout{grid-template-columns:1fr}.asp__visual{min-height:560px;padding:12px}.asp__panel{position:static;padding:22px}.asp__hotspot{padding:7px;font-size:11px}.asp__body{height:500px}}