:root {
    --db-orange: #ff5a00;
    --db-bg: #080c0e;
    --db-panel: #0d1113;
    --db-line: #2a3033;
    --db-text: #f4f4f4;
    --db-muted: #aab0b4;
    --db-green: #31d55b
}

.page-drone-builder {
    background: var(--db-bg) !important
}

.page-drone-builder>.header-common,
.page-drone-builder>.footer-document,
.page-drone-builder>.mobile-menu-footer {
    display: none !important
}

.page-drone-builder * {
    box-sizing: border-box
}

.db[v-cloak] {
    display: none
}

.db {
    min-height: 100vh;
    color: var(--db-text);
    background: radial-gradient(circle at 48% 30%, #101719 0, #080c0e 58%);
    font-family: Jost, Arial, sans-serif;
    font-size: clamp(13px, .82vw, 16px);
    line-height: 1.35;
    width: 100%;
    max-width: 100vw;
    overflow-x: clip
}

.db button,
.db a {
    font: inherit
}

.db button {
    color: inherit
}

.db-topbar {
    height: clamp(86px, 6.3vw, 108px);
    display: grid;
    grid-template-columns: 260px 1fr auto;
    align-items: center;
    gap: 30px;
    padding: 14px clamp(20px, 1.55vw, 34px);
    border-bottom: 1px solid #171c1e;
    background: #080c0eef
}

.db-brand {
    display: flex;
    align-items: center;
    gap: 15px
}

.db-brand>span {
    font-size: 46px
}

.db-brand h1 {
    font-size: clamp(20px, 1.35vw, 27px);
    line-height: 1;
    margin: 0 0 9px;
    font-weight: 600
}

.db-brand p,
.db-section-head p {
    margin: 0;
    color: #b7bcc0
}

.db-progress {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    overflow: hidden
}

.db-progress>div {
    position: relative;
    min-width: clamp(65px, 5.2vw, 96px);
    text-align: center
}

.db-progress>div:not(:last-child):after {
    content: "";
    position: absolute;
    top: 18px;
    left: calc(50% + 20px);
    width: calc(100% - 40px);
    height: 2px;
    background: #4a4e50
}

.db-progress>div.done:after {
    background: var(--db-orange)
}

.db-progress span {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    margin: auto;
    border: 2px solid var(--db-orange);
    border-radius: 50%;
    color: #fff
}

.db-progress .active span {
    background: var(--db-orange);
    font-weight: 700
}

.db-progress small {
    display: block;
    margin-top: 7px;
    font-size: 12px
}

.db-actions {
    display: flex;
    gap: 12px
}

.db-actions button {
    height: 46px;
    padding: 0 17px;
    border: 1px solid var(--db-line);
    background: #0c1012;
    border-radius: 7px
}

.db-actions .primary,
.db-cart {
    background: linear-gradient(115deg, #f04f00, #ff6800);
    border-color: transparent;
    padding-inline: 25px
}

.db-actions em {
    font-style: normal
}

.db-layout {
    display: grid;
    grid-template-columns: minmax(245px, 18.3vw) minmax(550px, 1fr) minmax(285px, 21vw);
    gap: 20px;
    padding: 20px clamp(18px, 1.35vw, 28px)
}

.db-sidebar,
.db-panel,
.db-summary,
.db-benefits {
    border: 1px solid var(--db-line);
    border-radius: 8px;
    background: #0a0e10aa;
    height: max-content;
}

.db-step-list>button {
    width: 100%;
    height: 70px;
    display: flex;
    align-items: center;
    gap: 14px;
    text-align: left;
    padding: 9px 16px;
    border: 0;
    border-bottom: 1px solid #272c2e;
    background: transparent
}

.db-step-list>button.active {
    border-left: 3px solid var(--db-orange);
    background: linear-gradient(90deg, #17130f, #0c1011)
}

.db-step-list>button>span {
    flex: 0 0 35px;
    height: 35px;
    display: grid;
    place-items: center;
    border: 1px solid #4a5154;
    border-radius: 50%;
    font-size: 16px
}

.db-step-list>button.active>span {
    border-color: var(--db-orange);
    color: var(--db-orange)
}

.db-step-list>button.complete>span {
    border-color: #168337;
    color: #42d766
}

.db-step-list>button div {
    min-width: 0;
    flex: 1
}

.db-step-list b,
.db-step-list small {
    display: block
}

.db-step-list small {
    color: var(--db-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 4px
}

.db-step-list i {
    color: var(--db-green);
    font-style: normal
}

.db-help {
    margin-top: 12px;
    border: 1px solid var(--db-orange);
    border-radius: 8px;
    padding: 14px 16px
}

.db-help p {
    margin: 6px 0 13px;
    color: var(--db-muted)
}

.db-help a {
    height: 42px;
    display: grid;
    place-items: center;
    color: var(--db-orange) !important;
    border: 1px solid var(--db-orange);
    border-radius: 6px;
    text-decoration: none;
    font-weight: 600
}

.db-workspace {
    display: flex;
    flex-direction: column;
    gap: 18px;
    min-width: 0;
    padding: 0;
}

.db-panel {
    padding: 17px 25px;
    min-height: 675px
}

.db-section-head {
    display: flex;
    justify-content: space-between;
    align-items: start;
    border-bottom: 1px solid var(--db-line);
    padding-bottom: 14px
}

.db-section-head h2 {
    font-size: 19px;
    margin: 0 0 5px
}

.db-section-head button {
    border: 0;
    background: none;
    color: var(--db-muted)
}

.db-filters {
    display: flex;
    gap: 16px;
    padding: 18px 0
}

.db-filters button {
    min-width: 92px;
    padding: 8px 18px;
    background: #101416;
    border: 1px solid var(--db-line);
    border-radius: 6px
}

.db-filters .active {
    background: linear-gradient(115deg, #e95000, #ff6400);
    border-color: var(--db-orange)
}

.db-products {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    overflow-x: auto;
    max-height: 665px;
    scrollbar-width: thin;
    scrollbar-color: var(--db-orange) #101517;
    scrollbar-gutter: stable;
}

.db-products::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.db-products::-webkit-scrollbar-track {
    background: #101517;
    border: 1px solid #242b2e;
    border-radius: 999px;
}

.db-products::-webkit-scrollbar-thumb {
    min-width: 40px;
    background: linear-gradient(90deg, #d94c00, var(--db-orange));
    border: 2px solid #101517;
    border-radius: 999px;
}

.db-products::-webkit-scrollbar-thumb:hover {
    background: #ff7429;
}

.db-products::-webkit-scrollbar-corner {
    background: transparent;
}

.db-products>button {
    position: relative;
    min-width: 0;
    height: 244px;
    text-align: left;
    padding: 12px;
    background: #0c1113;
    border: 1px solid #303639;
    border-radius: 8px;
    overflow: hidden
}

.db-products>button.selected {
    border-color: var(--db-orange);
    box-shadow: inset 0 0 0 1px #ff5a0033
}

.db-check {
    display: none;
    position: absolute;
    z-index: 2;
    right: 11px;
    top: 11px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: var(--db-orange);
    place-items: center
}

.db-products .selected .db-check {
    display: grid
}

.db-products img {
    display: block;
    width: 100%;
    height: 128px;
    object-fit: contain;
    margin-bottom: 4px
}

.db-products strong,
.db-products b,
.db-products small {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.db-products strong {
    font-size: 14px;
    font-weight: 500
}

.db-products b {
    margin: 7px 0;
    font-weight: 500
}

.db-products small {
    color: var(--db-green)
}

.db-products small.out {
    color: #ef5e55
}

.db-load {
    display: block;
    width: 240px;
    height: 41px;
    margin: 20px auto 0;
    border: 1px solid var(--db-line);
    border-radius: 7px;
    background: #101416
}

.db-empty {
    padding: 80px 10px;
    text-align: center;
    color: var(--db-muted)
}

.db-type-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
    padding: 28px 0
}

.db-type-grid button {
    min-height: 185px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 7px;
    background: #0d1214;
    border: 1px solid var(--db-line);
    border-radius: 9px
}

.db-type-grid button.selected {
    border-color: var(--db-orange)
}

.db-type-grid button b {
    font-size: 38px
}

.db-type-grid button strong {
    font-size: 18px
}

.db-type-grid button small {
    color: var(--db-muted)
}

.db-coming {
    min-height: 510px;
    display: grid;
    place-items: center;
    align-content: center;
    text-align: center
}

.db-coming>span {
    font-size: 64px
}

.db-coming h3 {
    font-size: 24px;
    margin: 20px 0 5px
}

.db-coming p {
    color: var(--db-muted)
}

.db-coming button {
    margin-top: 15px;
    padding: 11px 22px;
    border: 0;
    border-radius: 6px;
    background: var(--db-orange)
}

.db-benefits {
    min-height: 106px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: center;
    padding: 15px
}

.db-benefits>div {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 14px;
    border-right: 1px solid var(--db-line)
}

.db-benefits>div:last-child {
    border: 0
}

.db-benefits>div>b {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border: 1px solid var(--db-line);
    border-radius: 50%
}

.db-benefits strong,
.db-benefits small {
    display: block
}

.db-benefits small {
    font-size: 11px;
    color: var(--db-muted);
    margin-top: 5px
}

.db-summary {
    padding: 17px 16px;
    align-self: start;
    position: sticky;
    top: 12px
}

.db-summary>h2 {
    font-size: 17px;
    margin: 0 0 5px
}

.db-summary>p {
    margin: 0 0 10px;
    color: var(--db-muted)
}

.db-summary>p b {
    color: var(--db-green)
}

.db-summary-list {
    border-top: 1px solid var(--db-line)
}

.db-summary-list button {
    width: 100%;
    height: 70px;
    display: flex;
    align-items: center;
    text-align: left;
    gap: 13px;
    border: 0;
    border-bottom: 1px solid var(--db-line);
    background: none
}

.db-summary-list button>span {
    width: 54px;
    height: 52px;
    display: grid;
    place-items: center;
    border: 1px solid #282e30;
    border-radius: 6px;
    background: #111517;
    font-size: 23px
}

.db-summary-list button.active>span {
    color: var(--db-orange);
    background: #29180d
}

.db-summary-list button div {
    flex: 1;
    min-width: 0
}

.db-summary-list b,
.db-summary-list small {
    display: block
}

.db-summary-list small {
    margin-top: 5px;
    color: var(--db-muted);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.db-summary-list .active b,
.db-summary-list .active small {
    color: var(--db-orange)
}

.db-summary-list i {
    font-style: normal
}

.db-total {
    display: flex;
    justify-content: space-between;
    margin-top: 15px
}

.db-total b {
    font-size: 19px
}

.db-cart {
    width: 100%;
    height: 48px;
    margin-top: 15px;
    border: 0;
    border-radius: 6px;
    font-size: 17px
}

.db-cart-note {
    display: block;
    text-align: center;
    color: var(--db-muted);
    margin-top: 8px
}

.db-mobile-toggle {
    display: none
}

.db-toast {
    position: fixed;
    z-index: 9999;
    left: 50%;
    bottom: 25px;
    transform: translate(-50%, 30px);
    padding: 11px 20px;
    background: #fff;
    color: #111;
    border-radius: 30px;
    opacity: 0;
    pointer-events: none;
    transition: .25s
}

.db-toast.show {
    opacity: 1;
    transform: translate(-50%, 0)
}

@media(max-width:1200px) {
    .db-topbar {
        grid-template-columns: 230px 1fr
    }

    .db-progress {
        grid-row: 2;
        grid-column: 1/-1
    }

    .db-topbar {
        height: auto
    }

    .db-actions {
        justify-self: end
    }

    .db-layout {
        grid-template-columns: 230px 1fr
    }

    .db-summary {
        grid-column: 1/-1;
        position: static
    }

    .db-summary-list {
        display: grid;
        grid-template-columns: repeat(3, 1fr)
    }

    .db-products {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media(max-width:800px) {
    .db-topbar {
        grid-template-columns: 1fr auto;
        padding: 12px 15px
    }

    .db-brand>span {
        font-size: 34px
    }

    .db-brand h1 {
        font-size: 18px
    }

    .db-brand p {
        font-size: 12px
    }

    .db-actions button {
        padding: 0 12px
    }

    .db-actions button:not(.primary) em,
    .db-actions .primary em {
        display: none
    }

    .db-progress {
        justify-content: flex-start;
        padding: 7px 0 2px;
        overflow-x: auto
    }

    .db-progress>div {
        min-width: 68px
    }

    .db-layout {
        display: block;
        padding: 12px
    }

    .db-mobile-toggle {
        width: 100%;
        height: 48px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 15px;
        border: 1px solid var(--db-line);
        background: #0d1113;
        border-radius: 7px
    }

    .db-step-list {
        display: none
    }

    .db-step-list.open {
        display: block
    }

    .db-help {
        display: none
    }

    .db-workspace {
        margin-top: 12px
    }

    .db-panel {
        min-height: 0;
        padding: 15px
    }

    .db-section-head button {
        display: none
    }

    .db-filters {
        overflow-x: auto
    }

    .db-filters button {
        flex: 0 0 auto
    }

    .db-products {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }

    .db-products>button {
        height: 225px
    }

    .db-products img {
        height: 112px
    }

    .db-benefits {
        grid-template-columns: repeat(2, 1fr);
        margin-bottom: 12px;
        display: none;
    }

    .db-benefits>div {
        border: 0;
        padding: 10px
    }

    .db-summary-list {
        grid-template-columns: 1fr 1fr
    }

    .db-summary {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        margin-top: 12px;
        overflow: hidden
    }

    .db-summary-list,
    .db-summary-list button {
        width: 100%;
        max-width: 100%;
        min-width: 0
    }

    .db-summary-list button {
        padding-inline: 0
    }

    .db-summary-list button>span,
    .db-summary-list button>i {
        flex: 0 0 auto
    }
}

@media(max-width:480px) {
    .db-brand p {
        display: none
    }

    .db-actions {
        gap: 6px
    }

    .db-actions button {
        height: 40px
    }

    .db-progress small {
        font-size: 10px
    }

    .db-products {
        gap: 9px
    }

    .db-products>button {
        height: 208px;
        padding: 9px
    }

    .db-products img {
        height: 100px
    }

    .db-products strong {
        font-size: 12px
    }

    .db-type-grid {
        grid-template-columns: 1fr
    }

    .db-benefits {
        grid-template-columns: 1fr
    }

    .db-summary-list {
        grid-template-columns: 1fr
    }

    .db-summary-list button {
        height: 62px;
        gap: 9px
    }

    .db-summary-list button>span {
        height: 44px;
        width: 46px
    }
}
.db-icon{width:1.25em;height:1.25em;display:inline-block;fill:none;vertical-align:-.2em;flex:0 0 auto}.db-actions button,.db-cart,.db-help b,.db-help a{display:flex;align-items:center;justify-content:center;gap:9px}.db-brand .db-icon{width:46px;height:46px}.db-progress .db-icon{width:18px;height:18px}.db-step-list i .db-icon{width:18px;height:18px}.db-type-grid .db-icon,.db-coming .db-icon{width:54px;height:54px}.db-summary-list .db-icon{width:27px;height:27px}.db-benefits .db-icon{width:23px;height:23px}

.db-step-list>button.locked,.db-summary-list button.locked{opacity:.42;cursor:not-allowed}.db-progress>div.locked{opacity:.45}.db-step-list>button.locked>span{border-color:#343a3d;color:#737a7e}

.db-loader{min-height:480px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;color:var(--db-muted)}.db-loader>span{width:48px;height:48px;border:3px solid #303639;border-top-color:var(--db-orange);border-radius:50%;animation:db-spin .75s linear infinite}.db-loader strong{color:var(--db-text);font-size:18px}.db-loader small{max-width:420px}.db-motor-products{padding-top:20px}.db-motor-products>button{height:270px}.db-motor-products .db-match{color:var(--db-orange);font-size:11px;margin:5px 0}.db-products>button.outofstock{opacity:.55;cursor:not-allowed}.db-empty>.db-icon{display:block;width:48px;height:48px;margin:0 auto 14px;color:var(--db-muted)}.db-empty>strong{display:block;color:var(--db-text);font-size:18px}.db-empty>p{color:var(--db-muted)}.db-error button{padding:9px 20px;border:1px solid var(--db-orange);border-radius:6px;background:transparent;color:var(--db-orange)}@keyframes db-spin{to{transform:rotate(360deg)}}

.db-motor-products .db-qty{color:var(--db-muted);font-size:11px;margin-top:5px}.db-motor-products>button>b{color:var(--db-text);margin:3px 0}

.db-compatible-products{padding-top:20px}.db-compatible-products>button{min-height:285px;height:auto}.db-compatible-products .db-warning{color:#ffb020;white-space:normal;line-height:1.25}.db-compatible-products>button.warning{border-color:#745419}.db-review{padding:24px 0}.db-review-status{display:flex;align-items:center;gap:18px;padding:22px;border:1px solid #6e3c22;background:#21150f;border-radius:8px}.db-review-status.valid{border-color:#24683a;background:#0d2014}.db-review-status>.db-icon{width:45px;height:45px;color:var(--db-orange)}.db-review-status.valid>.db-icon{color:var(--db-green)}.db-review-status h3{margin:0 0 4px;font-size:22px}.db-review-status p{margin:0;color:var(--db-muted)}.db-review-checks{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:18px 0}.db-review-checks>div{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid var(--db-line);border-radius:7px}.db-review-checks .compatible .db-icon{color:var(--db-green)}.db-review-checks .incompatible .db-icon{color:#ff7043}.db-review-total{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-top:1px solid var(--db-line);font-size:18px}.db-review-total strong{font-size:24px}.db-review>.db-cart:disabled{opacity:.45;cursor:not-allowed}@media(max-width:600px){.db-review-checks{grid-template-columns:1fr}.db-review-status{padding:16px}.db-compatible-products>button{min-height:255px}}

.db-skip{display:block;margin:20px auto 0;padding:10px 22px;border:1px solid var(--db-line);border-radius:6px;background:#111618;color:var(--db-muted)}

.db-stack-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 4px}.db-stack-choice>button{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:16px 18px;border:1px solid var(--db-line);border-radius:8px;background:#0d1214;color:var(--db-text);text-align:left}.db-stack-choice>button.active{border-color:var(--db-orange);box-shadow:inset 0 0 0 1px var(--db-orange)}.db-stack-choice strong{font-size:15px}.db-stack-choice small{color:var(--db-muted)}.db-stack-selected{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:16px 0 0;padding:12px 15px;border:1px solid #34513c;border-radius:7px;background:#0d1b12;color:var(--db-muted)}.db-stack-selected strong{color:var(--db-green)}.db-stack-selected button{padding:7px 13px;border:1px solid var(--db-orange);border-radius:5px;background:transparent;color:var(--db-orange)}@media(max-width:600px){.db-stack-choice{grid-template-columns:1fr}.db-stack-selected{align-items:flex-start;flex-direction:column}}
.db-accessory-tools{display:flex;align-items:end;justify-content:space-between;gap:18px;padding:18px 0}.db-accessory-tools label{display:flex;flex:1;max-width:520px;flex-direction:column;gap:7px;color:var(--db-muted)}.db-accessory-tools input{width:100%;height:42px;padding:0 14px;border:1px solid var(--db-line);border-radius:7px;background:#0d1214;color:var(--db-text);outline:none}.db-accessory-tools input:focus{border-color:var(--db-orange);box-shadow:0 0 0 2px #ff5a0026}.db-accessory-tools>div{display:flex;flex-direction:column;align-items:flex-end}.db-accessory-tools>div strong{color:var(--db-green)}.db-accessory-tools>div small{margin-top:3px;color:var(--db-muted)}.db-accessory-products>button.selected{border-color:var(--db-orange);box-shadow:inset 0 0 0 1px var(--db-orange)}.db-accessory-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid var(--db-line)}.db-accessory-actions .db-skip{margin:0}.db-accessory-actions .db-cart{width:auto;min-width:220px;margin:0;padding-inline:22px}.db-accessory-actions .db-cart:disabled{opacity:.45;cursor:not-allowed}@media(max-width:600px){.db-accessory-tools{align-items:stretch;flex-direction:column}.db-accessory-tools>div{align-items:flex-start}.db-accessory-actions{align-items:stretch;flex-direction:column-reverse}.db-accessory-actions .db-cart,.db-accessory-actions .db-skip{width:100%}}
/* Shared product search and details dialog */
.db-product-search{padding:18px 0 4px}.db-product-search label{display:flex;max-width:520px;flex-direction:column;gap:7px;color:var(--db-muted);font-size:13px}.db-product-search input{width:100%;height:42px;padding:0 14px;border:1px solid var(--db-line);border-radius:7px;background:#0d1214;color:var(--db-text);font:inherit;outline:none}.db-product-search input:focus{border-color:var(--db-orange);box-shadow:0 0 0 2px #ff5a0026}.db-product-search input::placeholder{color:#70777b}
.db-product-info{position:absolute;z-index:4;top:10px;left:10px;display:grid;width:31px;height:31px;place-items:center;border:1px solid #434b4f;border-radius:50%;background:#111719dd;color:#f4f6f7;cursor:pointer;transition:border-color .18s,background .18s,color .18s,transform .18s}.db-product-info:hover,.db-product-info:focus-visible{border-color:var(--db-orange);background:var(--db-orange);color:#fff;transform:scale(1.06);outline:none}.db-product-info svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
body.db-modal-open{overflow:hidden}.db-product-modal{position:fixed;z-index:99999;inset:0;display:grid;place-items:center;padding:20px;background:#020405d9;backdrop-filter:blur(5px)}.db-product-modal article{position:relative;display:grid;grid-template-columns:minmax(240px,42%) minmax(0,1fr);width:min(820px,100%);max-height:min(680px,calc(100vh - 40px));overflow:auto;border:1px solid #353d40;border-radius:12px;background:#0b1012;box-shadow:0 25px 80px #000;color:var(--db-text)}.db-modal-close{position:absolute;z-index:2;top:12px;right:12px;width:38px;height:38px;border:1px solid #424a4e;border-radius:50%;background:#111719;color:#fff;font-size:25px;line-height:1}.db-modal-close:hover{border-color:var(--db-orange);background:var(--db-orange)}.db-modal-image{display:grid;min-height:360px;place-items:center;padding:28px;background:#101618}.db-modal-image img{display:block;width:100%;max-height:390px;object-fit:contain}.db-modal-content{padding:42px 34px 32px}.db-modal-label{color:var(--db-orange);font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.db-modal-content h2{margin:8px 45px 8px 0;font-size:clamp(21px,3vw,30px);line-height:1.2}.db-modal-price{display:block;margin:12px 0;font-size:clamp(20px,2.4vw,26px)}.db-modal-content p{max-height:180px;overflow:auto;color:var(--db-muted);line-height:1.65}.db-modal-content ul{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0;padding:0;list-style:none}.db-modal-content li{padding:6px 9px;border:1px solid #294a33;border-radius:5px;background:#0d1b12;color:var(--db-green);font-size:12px}.db-modal-stock{margin:16px 0;color:var(--db-green)}.db-modal-stock.out{color:#ef5e55}.db-modal-content>a{display:inline-flex;padding:11px 18px;border-radius:6px;background:linear-gradient(115deg,#e95000,#ff6400);color:#fff;text-decoration:none;font-weight:600}
@media(max-width:650px){.db-product-search{padding-top:14px}.db-product-search label{max-width:none}.db-product-modal{padding:10px}.db-product-modal article{display:block;max-height:calc(100vh - 20px)}.db-modal-image{min-height:230px;padding:22px}.db-modal-image img{height:210px}.db-modal-content{padding:24px 20px}.db-modal-content h2{margin-right:40px}.db-modal-close{top:9px;right:9px}.db-product-info{width:30px;height:30px}}

.db-modal-description{max-height:220px;margin:16px 0;overflow:auto;padding-right:10px;color:var(--db-muted);line-height:1.65;scrollbar-width:thin;scrollbar-color:var(--db-orange) #101517}.db-modal-description::-webkit-scrollbar{width:7px}.db-modal-description::-webkit-scrollbar-track{background:#101517;border-radius:999px}.db-modal-description::-webkit-scrollbar-thumb{background:var(--db-orange);border-radius:999px}.db-modal-description p{max-height:none;margin:0 0 10px;overflow:visible;color:inherit;line-height:inherit}.db-modal-description p:last-child{margin-bottom:0}.db-modal-description ul,.db-modal-description ol{display:block;margin:10px 0;padding-left:20px;list-style:initial}.db-modal-description ol{list-style:decimal}.db-modal-description li{display:list-item;padding:2px 0;border:0;background:none;color:inherit;font-size:inherit}.db-modal-description table{width:100%;margin:10px 0;border-collapse:collapse;font-size:13px}.db-modal-description th,.db-modal-description td{padding:7px 9px;border:1px solid var(--db-line);text-align:left;vertical-align:top}.db-modal-description th{color:var(--db-text);background:#111719}.db-modal-description strong,.db-modal-description b{color:var(--db-text)}.db-modal-description a{color:var(--db-orange)}.db-modal-description-empty{padding-right:0}
@media(max-width:650px){.db-modal-description{max-height:none;overflow:visible;padding-right:0}.db-modal-description table{display:block;overflow-x:auto}}

/* Builder navigation and account-save prompt */
.db-home-link{display:flex;align-items:center;justify-content:center;gap:9px;height:46px;padding:0 17px;border:1px solid var(--db-line);border-radius:7px;background:#0c1012;color:var(--db-text);text-decoration:none}.db-home-link:hover{border-color:var(--db-orange);color:#fff}.db-home-link svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.db-home-link em{font-style:normal}.db-actions button:disabled{opacity:.55;cursor:wait}
.db-login-popup{position:fixed;z-index:100000;inset:0;display:grid;place-items:center;padding:18px;background:#020405b8;backdrop-filter:blur(4px)}.db-login-popup article{position:relative;width:min(420px,100%);padding:34px 30px 28px;border:1px solid #353d40;border-radius:12px;background:#0b1012;box-shadow:0 24px 70px #000;color:var(--db-text);text-align:center}.db-login-popup article>svg{width:46px;height:46px;margin-bottom:12px;fill:none;stroke:var(--db-orange);stroke-width:1.7;stroke-linecap:round}.db-login-popup h2{margin:0 28px 9px;font-size:22px}.db-login-popup p{margin:0 0 20px;color:var(--db-muted);line-height:1.55}.db-login-popup article>a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border-radius:7px;background:linear-gradient(115deg,#e95000,#ff6400);color:#fff;text-decoration:none;font-weight:600}.db-login-popup article>button:not(.db-login-close){margin-top:10px;padding:8px 14px;color:var(--db-muted)}.db-login-close{position:absolute;top:10px;right:10px;width:34px;height:34px;border:1px solid #41494c;border-radius:50%;background:#111719;color:#fff;font-size:22px}.db-login-close:hover{border-color:var(--db-orange);background:var(--db-orange)}
@media(max-width:800px){.db-home-link{width:42px;padding:0}.db-home-link em{display:none}}
@media(max-width:480px){.db-home-link{height:40px;width:40px}.db-login-popup article{padding:30px 20px 22px}.db-login-popup h2{font-size:20px}}

.db-company-logo{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:clamp(58px,5vw,82px);color:inherit;text-decoration:none}.db-company-logo img{display:block;width:100%;height:auto;max-height:52px;object-fit:contain}.db-company-logo:focus-visible{outline:2px solid var(--db-orange);outline-offset:5px;border-radius:3px}@media(max-width:480px){.db-company-logo{width:clamp(48px,16vw,62px)}.db-brand{gap:10px}.db-brand h1{font-size:clamp(15px,5vw,18px)}}
.db-action-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #30383b;border-radius:8px;background:#0c1113;color:#fff}.db-action-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.db-action-toggle[aria-expanded="true"]{border-color:#ff5a00;color:#ff6a16}@media(max-width:800px){.db-topbar{position:relative}.db-action-toggle{display:flex;justify-self:end}.db-actions{position:absolute!important;z-index:1000;top:64px;right:15px;display:none!important;width:min(240px,calc(100vw - 30px));padding:9px;gap:6px!important;border:1px solid #343c40;border-radius:10px;background:#0a0f11;box-shadow:0 18px 45px rgba(0,0,0,.55)}.db-actions.open{display:flex!important;flex-direction:column}.db-actions.open>a,.db-actions.open>button{display:flex!important;width:100%!important;height:44px!important;min-height:44px;justify-content:flex-start!important;padding:0 14px!important;border-radius:7px}.db-actions.open em{display:inline!important}.db-actions.open .db-home-link{gap:9px}.db-actions.open .primary{justify-content:center!important}.db-actions.open svg{flex:0 0 auto}.db-progress{grid-row:2;grid-column:1/-1}}
.db-part-image{display:block;object-fit:contain}.db-type-grid .db-part-image{width:clamp(44px,4vw,58px);height:clamp(44px,4vw,58px);margin:auto}.db-empty>.db-part-image{width:clamp(48px,5vw,64px);height:clamp(48px,5vw,64px);margin:0 auto 14px}.db-summary-list .db-part-image{width:30px;height:30px;margin:auto}.db-summary-list button.locked .db-part-image{opacity:.55}@media(max-width:600px){.db-type-grid .db-part-image{width:46px;height:46px}.db-summary-list .db-part-image{width:27px;height:27px}}
.db-drone-type-image{display:block;width:clamp(64px,6vw,88px);height:clamp(59px,5.55vw,81px);margin:0 auto;object-fit:contain}@media(max-width:600px){.db-drone-type-image{width:68px;height:63px}}
/* Account-protected AI build report */
.db-ai-card{margin:22px 0;padding:clamp(18px,3vw,28px);border:1px solid #343c40;border-radius:10px;background:linear-gradient(145deg,#0d1315,#090d0f);box-shadow:inset 0 1px #ffffff08}.db-ai-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.db-ai-head span{color:var(--db-orange);font-size:11px;font-weight:800;letter-spacing:.12em}.db-ai-head h3{margin:5px 0 3px;font-size:clamp(19px,2.5vw,25px)}.db-ai-head p{margin:0;color:var(--db-muted)}.db-ai-head>b{flex:none;padding:7px 10px;border:1px solid #3c4549;border-radius:999px;color:#c8ced1;font-size:12px}.db-ai-generate{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;margin-top:20px;border:0;border-radius:7px;background:linear-gradient(115deg,#e95000,#ff6500);color:#fff;font:inherit;font-weight:700}.db-ai-generate:disabled,.db-ai-refresh:disabled{opacity:.5;cursor:not-allowed}.db-ai-spinner{width:19px;height:19px;border:2px solid #ffffff55;border-top-color:#fff;border-radius:50%;animation:db-spin .7s linear infinite}.db-ai-error{padding:11px 13px;border:1px solid #6d312b;border-radius:6px;background:#24110f;color:#ff8b82}.db-ai-report{margin-top:20px}.db-ai-score{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:0 15px;padding:18px;border:1px solid #245d35;border-radius:8px;background:#0c1d12}.db-ai-score>strong{grid-row:1/3;color:var(--db-green);font-size:clamp(34px,5vw,48px);line-height:1}.db-ai-score>span{font-size:18px;font-weight:700}.db-ai-score>p{margin:4px 0 0;color:var(--db-muted)}.db-ai-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.db-ai-metrics article,.db-ai-lists article{min-width:0;padding:15px;border:1px solid var(--db-line);border-radius:7px;background:#0d1214}.db-ai-metrics small{display:block;margin-bottom:6px;color:var(--db-muted)}.db-ai-metrics b{font-size:17px}.db-ai-metrics p{margin:6px 0 0;color:var(--db-muted);font-size:12px;line-height:1.45}.db-ai-lists{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:10px}.db-ai-lists h4{margin:0 0 10px;font-size:14px}.db-ai-lists ul,.db-ai-report details ul{margin:0;padding-left:18px;color:var(--db-muted)}.db-ai-lists li{margin:0 0 7px;line-height:1.4}.db-ai-lists li b,.db-ai-lists li span{display:block}.db-ai-lists li b{color:var(--db-text)}.db-ai-lists li span{font-size:12px}.db-ai-report details{margin-top:12px;padding:13px 15px;border:1px solid var(--db-line);border-radius:7px;color:var(--db-muted)}.db-ai-report summary{color:var(--db-text);cursor:pointer;font-weight:600}.db-ai-refresh{margin-top:14px;padding:8px 13px;border:1px solid var(--db-orange);border-radius:5px;background:transparent;color:var(--db-orange)}.db-ai-disclaimer{display:block;margin-top:12px;color:#7f888c;line-height:1.45}@media(max-width:760px){.db-ai-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.db-ai-lists{grid-template-columns:1fr}}@media(max-width:480px){.db-ai-head{align-items:flex-start;flex-direction:column;gap:12px}.db-ai-metrics{grid-template-columns:1fr}.db-ai-score{grid-template-columns:1fr}.db-ai-score>strong{grid-row:auto;margin-bottom:8px}.db-ai-card{padding:15px}.db-ai-metrics article,.db-ai-lists article{padding:13px}}
.db-ai-lists li,.db-ai-report details li{display:list-item!important;margin:0 0 8px!important;padding:0!important;border:0!important;background:none!important;color:var(--db-muted)!important}.db-ai-lists li::marker,.db-ai-report details li::marker{color:var(--db-orange)}.db-ai-lists li b{color:var(--db-text)!important}