.store-layout{display:grid;grid-template-columns:1fr 340px;gap:40px;align-items:start;margin-top:8px}.store-main{min-width:0}.step{margin-bottom:48px}.step:last-child{margin-bottom:0}.step-head{margin:0 0 20px;font-size:22px;font-weight:700}.step-hint{margin:-8px 0 20px;color:var(--color-text-secondary);font-size:15px}.base-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.base-card{position:relative;display:flex;flex-direction:column;padding:18px 14px 20px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-secondary);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.base-card:hover{border-color:var(--color-text-muted)}.base-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.base-card.selected{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary);background:color-mix(in srgb,var(--color-primary) 8%,var(--color-bg-secondary))}.base-mark{position:absolute;top:14px;right:14px;display:inline-flex;align-items:center;justify-content:center;color:var(--color-primary);opacity:0;transition:opacity var(--transition-fast)}.base-card.selected .base-mark{opacity:1}.base-tag{align-self:flex-start;margin-bottom:10px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 9px;border-radius:999px}.base-tag.ignite{color:var(--color-warning);background:color-mix(in srgb,var(--color-warning) 15%,transparent)}.base-tag.energize{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 15%,transparent)}.base-tag.vitalize{color:var(--color-success);background:color-mix(in srgb,var(--color-success) 15%,transparent)}.base-name{font-size:17px;font-weight:600;line-height:1.25}.base-range{margin-top:2px;font-size:13px;color:var(--color-text-secondary)}.base-price{display:flex;align-items:baseline;gap:5px;margin-top:12px}.base-price .amt{font-size:28px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.base-price .per{font-size:13px;color:var(--color-text-secondary)}.plugin-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.plugin-row{display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-secondary)}.plugin-row.selectable{cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.plugin-row.selectable:hover{border-color:var(--color-text-muted)}.plugin-row.selectable:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.plugin-row.on{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary);background:color-mix(in srgb,var(--color-primary) 8%,var(--color-bg-secondary))}.plugin-ico{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;border-radius:var(--radius-md);background:var(--color-primary-light);color:var(--color-primary)}.plugin-name{flex:1;min-width:0;font-size:15px;font-weight:600}.plugin-price{flex-shrink:0;font-size:13px;color:var(--color-text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.plugin-mark{display:inline-flex;align-items:center;justify-content:center;width:18px;flex-shrink:0;color:var(--color-primary);opacity:0;transition:opacity var(--transition-fast)}.plugin-row.on .plugin-mark{opacity:1}.plugin-row.soon .plugin-ico{background:var(--color-bg-tertiary);color:var(--color-text-muted)}.plugin-row.soon .plugin-name{color:var(--color-text-secondary)}.plugin-price .soon{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-warning);border:1px solid color-mix(in srgb,var(--color-warning) 40%,transparent);border-radius:999px;padding:2px 8px}.db-card{grid-column:1 / -1;flex-direction:column;align-items:stretch;gap:14px;transition:border-color var(--transition-fast),background var(--transition-fast)}.db-card.on{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 8%,var(--color-bg-secondary))}.db-head{display:flex;align-items:center;gap:12px}#db-subtotal.paid{color:var(--color-text);font-weight:500}.db-chips{display:flex;flex-wrap:wrap;gap:8px;padding-left:46px}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-bg-tertiary);font-size:13px;font-weight:500;color:var(--color-text-secondary)}.chip[role=checkbox]{cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),color var(--transition-fast)}.chip[role=checkbox]:hover{border-color:var(--color-text-muted)}.chip[role=checkbox]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.chip.on{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 16%,transparent);color:var(--color-text)}.chip-check{display:inline-flex;align-items:center;width:0;overflow:hidden;color:var(--color-primary);opacity:0;transition:opacity var(--transition-fast),width var(--transition-fast)}.chip.on .chip-check{width:13px;opacity:1}.chip-price{color:var(--color-text-muted);font-variant-numeric:tabular-nums}.chip.on .chip-price{color:var(--color-text)}.chip.chip-locked{cursor:default;color:var(--color-text);border-color:color-mix(in srgb,var(--color-success) 35%,var(--color-border));background:color-mix(in srgb,var(--color-success) 12%,transparent)}.chip-locked .chip-check{width:13px;opacity:1;color:var(--color-success)}.chip-tag{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-success)}.plugin-tip{position:relative;display:inline-flex;flex-shrink:0}.base-tip{position:absolute;bottom:14px;right:14px}.plugin-info{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:none;color:var(--color-text-muted);border-radius:50%;cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.plugin-info:hover,.plugin-info:focus-visible{color:var(--color-text);background:var(--color-bg-hover)}.plugin-info:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.plugin-tooltip{position:absolute;bottom:calc(100% + 10px);right:-4px;width:240px;padding:10px 12px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:13px;font-weight:400;line-height:1.5;text-align:left;box-shadow:0 14px 34px -14px #000000b3;opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity var(--transition-fast),transform var(--transition-fast),visibility var(--transition-fast);pointer-events:none;z-index:30}.plugin-tooltip:after{content:"";position:absolute;top:100%;right:12px;width:9px;height:9px;background:var(--color-bg-tertiary);border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);transform:translateY(-50%) rotate(45deg)}.plugin-info:hover+.plugin-tooltip,.plugin-info:focus-visible+.plugin-tooltip{opacity:1;visibility:visible;transform:translateY(0)}.order{position:sticky;top:24px;padding:22px 22px 24px;border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-bg-secondary)}.order h3{margin:0 0 14px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-secondary)}.order-lines{display:flex;flex-direction:column}.order-line{display:flex;justify-content:space-between;gap:16px;padding:9px 0;font-size:14px;border-bottom:1px solid var(--color-border-light);font-variant-numeric:tabular-nums}.order-line span:first-child{color:var(--color-text-secondary)}.order-line span:last-child{color:var(--color-text);font-weight:500;white-space:nowrap}.order-foot{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:16px}.order-total-label{font-size:15px;font-weight:600}.order-amount{white-space:nowrap}.order-total{font-size:30px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.order-per{margin-left:3px;font-size:13px;color:var(--color-text-secondary)}.order-maint{margin-top:12px;padding-top:12px;border-top:1px dashed var(--color-border-light)}.order-maint .order-line{border-bottom:none;padding:0}.maint-toggle{display:flex;align-items:flex-start;gap:10px;margin-top:16px;padding:12px 13px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-tertiary);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.maint-toggle[hidden]{display:none}.maint-toggle:hover{border-color:var(--color-text-muted)}.maint-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.maint-toggle.on{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary);background:color-mix(in srgb,var(--color-primary) 8%,var(--color-bg-secondary))}.maint-mark{display:inline-flex;align-items:center;justify-content:center;width:18px;flex-shrink:0;margin-top:1px;color:var(--color-primary);opacity:0;transition:opacity var(--transition-fast)}.maint-toggle.on .maint-mark{opacity:1}.maint-text{display:flex;flex-direction:column;gap:2px;min-width:0}.maint-label{font-size:14px;font-weight:600}.maint-sub{font-size:12px;color:var(--color-text-secondary);line-height:1.45}.order .btn{width:100%;justify-content:center;margin-top:18px}.order-fine{margin:12px 0 0;font-size:12px;color:var(--color-text-muted);text-align:center}@media (max-width: 820px){.store-layout{grid-template-columns:1fr;gap:28px}.order{position:static}}@media (max-width: 640px){.base-grid,.plugin-grid{grid-template-columns:1fr}.db-chips{padding-left:0}}
