:root{--bp-navy:#081426;--bp-blue:#176bff;--bp-cyan:#38d5ff;--bp-bg:#f3f6fa;--bp-line:#dfe6ef;--bp-muted:#667085}*{box-sizing:border-box}.bp-app{max-width:1180px;margin:36px auto 120px;color:var(--bp-navy)}.bp-hero{background:linear-gradient(120deg,#071222,#10294a);color:#fff;border-radius:24px;padding:38px 42px;display:flex;justify-content:space-between;gap:24px;align-items:end;box-shadow:0 22px 60px #07122226}.bp-hero h1{font-size:clamp(34px,5vw,60px);line-height:1;margin:4px 0 12px}.bp-hero p{margin:0;color:#bdd0e8}.bp-eyebrow{font-size:12px!important;letter-spacing:.18em;font-weight:800;color:var(--bp-cyan)!important}.bp-history,.bp-success a{color:#fff;border:1px solid #ffffff40;border-radius:12px;padding:12px 16px;text-decoration:none;white-space:nowrap}.bp-controls{display:grid;grid-template-columns:1.2fr .8fr 1.4fr;gap:14px;background:#fff;border:1px solid var(--bp-line);border-radius:18px;padding:18px;margin:-1px 22px 24px;position:relative;box-shadow:0 14px 35px #08142610}.bp-controls label,.bp-qty{font-size:12px;font-weight:700;color:var(--bp-muted)}.bp-controls select,.bp-controls input,.bp-qty input{width:100%;margin-top:7px;border:1px solid #cdd6e2;border-radius:10px;padding:11px 12px;background:#fff;color:var(--bp-navy);font-size:15px}.bp-status{margin:0 4px 12px;color:var(--bp-muted);font-size:14px}.bp-catalog{display:grid;gap:8px}.bp-row{display:grid;grid-template-columns:minmax(240px,1.5fr) .7fr .6fr 130px;gap:18px;align-items:center;background:#fff;border:1px solid var(--bp-line);border-radius:15px;padding:15px 18px;transition:.15s}.bp-row:focus-within{border-color:var(--bp-blue);box-shadow:0 0 0 3px #176bff16}.bp-device small,.bp-device strong,.bp-device span{display:block}.bp-device small{color:var(--bp-blue);font-weight:800;text-transform:uppercase;font-size:11px;letter-spacing:.08em}.bp-device strong{font-size:16px;margin:2px 0}.bp-device span,.bp-price small,.bp-qty small{font-size:11px;color:var(--bp-muted)}.bp-stock{font-size:13px;color:#247a4a}.bp-stock i{display:inline-block;width:7px;height:7px;background:#28b16d;border-radius:50%;margin-right:7px}.bp-price{font-weight:800;font-size:17px}.bp-price small{display:block;font-weight:400}.bp-qty input{text-align:center;font-weight:800;margin-top:3px}.bp-qty span{display:none}.bp-row.is-out{opacity:.55}.bp-row.is-out .bp-stock{color:#9b3c3c}.bp-row.is-out .bp-stock i{background:#d64a4a}.bp-summary{position:fixed;z-index:40;left:50%;bottom:20px;transform:translateX(-50%);width:min(760px,calc(100% - 28px));background:var(--bp-navy);color:#fff;padding:14px 15px 14px 22px;border-radius:18px;box-shadow:0 18px 60px #0005;display:grid;grid-template-columns:1fr auto auto;gap:28px;align-items:center}.bp-summary[hidden]{display:none}.bp-summary>div>span{display:block;color:#9fb1c8;font-size:12px}.bp-summary-total{text-align:right}.bp-summary-total small{display:block;color:#9fb1c8}.bp-summary-total strong{font-size:20px}.bp-summary button{border:0;border-radius:12px;padding:14px 20px;background:var(--bp-blue);color:#fff;font-weight:800;cursor:pointer}.bp-login,.bp-success{max-width:650px;margin:70px auto;background:var(--bp-navy);color:#fff;padding:48px;border-radius:24px}.bp-login h1,.bp-success h2{font-size:34px}.bp-login label{display:block;margin:15px 0}.bp-login input{width:100%;padding:12px;border-radius:8px;border:1px solid #ffffff33}.bp-login .button-primary{width:auto;background:var(--bp-blue);color:#fff;border:0;padding:13px 20px}.bp-success{text-align:center}.bp-success>span{display:inline-grid;place-items:center;width:58px;height:58px;background:#29b978;border-radius:50%;font-size:28px}.bp-success a{display:inline-block;margin-top:18px}@media(max-width:760px){.bp-app{margin-top:10px}.bp-hero{border-radius:0;padding:28px 20px;align-items:start;flex-direction:column}.bp-controls{grid-template-columns:1fr;margin:0 0 18px;border-radius:0}.bp-status{padding:0 14px}.bp-catalog{padding:0 10px}.bp-row{grid-template-columns:1fr 1fr;gap:10px}.bp-device{grid-column:1/-1}.bp-qty{grid-column:2}.bp-summary{grid-template-columns:1fr auto;gap:12px}.bp-summary-total{display:none}.bp-summary button{grid-column:2;grid-row:1}.bp-login{margin:20px 10px;padding:28px}}