:root{--panel:rgba(255,255,255,.03);--panel2:rgba(255,255,255,.02);--line:rgba(255,215,0,.14)}
@media (prefers-color-scheme: dark){:root{--panel:rgba(255,255,255,.03);--panel2:rgba(255,255,255,.02);--line:rgba(255,215,0,.14)}}
*{box-sizing:border-box}
.pricebuilder [hidden]{display:none !important}
.pricebuilder{display:grid;gap:.9rem;max-width:680px;margin:0 auto}
.pricebuilder .selector{display:flex;gap:.5rem;justify-content:center}
.pricebuilder .selector button{appearance:none;border:1px solid var(--line);background:linear-gradient(180deg,var(--panel),var(--panel2));color:var(--fg);padding:.5rem .85rem;border-radius:10px;font-weight:800;letter-spacing:.02em;box-shadow:0 10px 22px rgba(0,0,0,.3)}
.pricebuilder .selector button.active{background:linear-gradient(180deg,var(--gold-top),var(--gold-bottom));color:#1a1206;border-color:transparent}
.pricebuilder .panel{display:grid;gap:.8rem;background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:12px;padding:.8rem;box-shadow:0 12px 28px rgba(0,0,0,.32)}
.pricebuilder .grid{display:grid;gap:.6rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.pricebuilder .group{display:grid;gap:.45rem}
.pricebuilder label{font-weight:800}
.pricebuilder .controls{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.4rem}
.pricebuilder .controls .step{width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:linear-gradient(180deg,var(--panel),var(--panel2));color:var(--fg);font-weight:900}
.pricebuilder .controls .step:active{transform:scale(.98)}
.pricebuilder input[type=number]{width:100%;padding:.5rem .6rem;border-radius:10px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));color:var(--fg);text-align:center}
.pricebuilder .hint{opacity:.85;color:#e9e4d6;font-size:.92rem}
.pricebuilder .summary{display:grid;gap:.9rem}
.pricebuilder .empty{text-align:center;color:#e9e4d6;opacity:.9}
.pricebuilder .rows{display:grid;gap:.4rem}
.pricebuilder .row{display:flex;justify-content:space-between;align-items:center;padding:.45rem .6rem;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,var(--panel),var(--panel2))}
.pricebuilder .row .label{opacity:.9}
.pricebuilder .row .value{font-weight:800}
.pricebuilder .total{display:flex;justify-content:space-between;align-items:center;padding:.6rem .8rem;border-radius:10px;background:linear-gradient(180deg,var(--gold-top),var(--gold-bottom));color:#1a1206;box-shadow:0 16px 40px rgba(255,215,0,.14),0 16px 36px rgba(0,0,0,.44)}
.pricebuilder .total .amount{font-size:clamp(1.4rem,5.8vw,2rem);font-weight:900}
.pricebuilder .badge{padding:.3rem .6rem;border-radius:.6rem;background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.25));color:#fff;font-weight:800;letter-spacing:.02em}
.pricebuilder .note{opacity:.9;text-align:center}
@media (hover:hover){.pricebuilder .selector button:hover{transform:translateY(-1px)}}
@media (prefers-reduced-motion:reduce){.pricebuilder .selector button:hover{transform:none}}