@font-face{font-family:'Open Sans';font-weight:400;src:url('../fonts/open-sans-400.ttf')}@font-face{font-family:'Open Sans';font-weight:500;src:url('../fonts/open-sans-500.ttf')}@font-face{font-family:'Open Sans';font-weight:600;src:url('../fonts/open-sans-600.ttf')}
:root{--font:'Open Sans','PingFang SC','Microsoft YaHei',sans-serif;--black:#141414;--ink:#141414;--dark:#141414;--mid:#5e6262;--muted:#5e6262;--light:#a0a5a5;--border:#e4e6e6;--border-lt:#e4e6e6;--bg:#f5f6f6;--bg-off:#f5f6f6;--white:#fff;--header-h:80px;--topbar-h:104px;--col-w:240px;--r:10px;--r-md:20px}
html{font-size:16px}body{font:400 14px/22px var(--font);background:white;min-height:0}#product-detail{min-height:0;max-width:1440px;margin:auto;padding:0 64px;background:white}button,input,a{font-family:var(--font)}button,a,input{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #0070d5!important;outline-offset:3px}h2,h3,h4,strong{font-weight:600!important}i{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;font-style:normal;flex-shrink:0}i svg{width:20px;height:20px;stroke-width:1.75}button{font-size:14px!important;line-height:22px!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;min-height:36px;border-radius:999px!important}a{font-size:14px!important;line-height:22px!important}button:disabled{background:#f5f6f6!important;border-color:#e4e6e6!important;color:#a0a5a5!important;cursor:not-allowed!important;opacity:1!important}.detail-topbar{height:104px;gap:16px;padding:16px 0;background:white;position:static;border-bottom:1px solid #e4e6e6;box-shadow:none}.back-btn{padding:4px 12px;background:white;color:#141414;border:1px solid #c8cccc}.back-btn:hover{background:#f5f6f6;color:#0070d5;border-color:#141414}.prod-thumb-wrap{width:72px;height:72px;border:1px solid #e4e6e6;border-radius:14px;background:white}.prod-thumb-img{width:100%;height:100%;object-fit:contain}.detail-topbar-title-row h2{font-size:28px;line-height:36px;white-space:normal}.detail-topbar-meta{margin-top:8px;gap:12px}.ean-tag{background:#f5f6f6;color:#5e6262;border:1px solid #e4e6e6;font:400 12px/18px var(--font);padding:4px 8px;border-radius:10px;letter-spacing:0}.prod-datasheet-btn{background:white;color:#0070d5;border:1px solid #c8cccc;padding:4px 12px;border-radius:999px}.prod-datasheet-btn:hover{background:#f5f6f6;color:#0058b0;border-color:#141414}
.detail-body{height:calc(100dvh - 104px);min-height:480px;display:flex;gap:16px;padding:16px 0 0;overflow:hidden}.panel-inbox{width:256px;min-width:256px;max-width:256px;flex-shrink:0;border:1px solid #e4e6e6;border-radius:20px;background:#f5f6f6;overflow:hidden}.panel-header{height:auto;min-height:56px;padding:16px;gap:8px;background:#f5f6f6!important;border-bottom:1px solid #e4e6e6;color:#141414;font-size:14px;font-weight:600;letter-spacing:0;text-transform:none;white-space:normal;overflow:visible;flex-wrap:wrap}.panel-header i{color:#5e6262}.panel-count{background:white;color:#5e6262;border:1px solid #e4e6e6;font-size:12px;line-height:18px;font-weight:600;padding:0 8px}.inbox-list{padding:8px 16px;overflow-y:auto;flex:1;min-height:0}.inbox-item{padding:12px 0;gap:8px;border-bottom:1px solid #e4e6e6;background:transparent}.inbox-num{font-size:12px;line-height:18px;font-weight:400;color:#5e6262}.inbox-name{font-size:14px;line-height:22px;font-weight:400;color:#141414}.inbox-qty{font-size:12px;line-height:18px;background:white;color:#141414;border:1px solid #e4e6e6;border-radius:8px;padding:0 8px;font-weight:600}.inbox-export-btns{display:flex;gap:8px;padding:16px;justify-content:flex-start;border-top:1px solid #e4e6e6;flex-shrink:0}.inbox-export-btn{display:inline-flex;align-items:center;gap:8px;padding:4px 16px;background:white!important;color:#141414!important;border:1px solid #c8cccc!important;font-size:14px!important;font-weight:600!important}.inbox-export-btn:hover{border-color:#141414!important}.inbox-export-btn i{color:inherit!important}.panel-compat{min-width:0;flex:1;border:1px solid #e4e6e6;border-radius:20px;background:white;overflow:hidden}.compat-panel-header{background:white!important}.panel-label{font-size:14px;font-weight:600}.compat-header-actions{flex-wrap:wrap;gap:8px}.must-add-pill{font-size:12px;line-height:18px;font-weight:600;color:#5e6262;background:#f5f6f6;padding:4px 8px;letter-spacing:0}.select-all-btn{background:white;border:1px solid #c8cccc;color:#141414;padding:4px 12px}.select-all-btn:hover{background:#f5f6f6}.must-add-notice{font-size:14px;line-height:22px;color:#5e6262;background:#f5f6f6;padding:12px 16px;gap:12px}.must-add-notice strong{color:#141414}.must-add-notice-sub{font-size:12px;line-height:18px;color:#5e6262;margin-top:4px}.must-add-notice i{color:#0070d5}.compat-scroll{padding:16px 0 16px 16px;gap:12px;background:white;scrollbar-color:#a0a5a5 #f5f6f6;scrollbar-width:auto;overflow-x:auto}.cat-col{width:240px;min-width:240px;max-width:240px;background:#f5f6f6;border:1px solid #e4e6e6!important;border-radius:14px;overflow:hidden}.cat-col:last-child{margin-right:16px}.cat-col-hdr{padding:12px;background:#f5f6f6;color:#141414;border-bottom:1px solid #e4e6e6}.cat-col-hdr-top{gap:8px}.cat-col-icon{background:white;color:#5e6262;width:24px;height:24px;border-radius:8px}.cat-col-title{font-size:14px;line-height:22px;font-weight:600;text-transform:none;letter-spacing:0;white-space:normal}.cat-col-count{background:white;color:#5e6262;border:1px solid #e4e6e6;font-size:12px;line-height:18px;font-weight:400;padding:0 8px}.cat-col-sub{color:#5e6262;font-size:12px;line-height:18px;padding-left:32px}.cat-col-body{padding:8px;gap:8px;background:#f5f6f6}.item-card{padding:12px;background:white;border:1px solid #e4e6e6;border-radius:14px;box-shadow:none}.item-card:hover{border-color:#c8cccc;box-shadow:none}.item-card.is-selected,.item-card.is-must-add{background:white!important;border-color:#0070d5!important}.item-card-top{gap:8px;align-items:flex-start}.item-cb{width:16px;height:16px;min-width:16px;margin-top:4px;accent-color:#0070d5}.item-name{font-size:14px;line-height:22px;font-weight:400;color:#141414;display:block;-webkit-line-clamp:unset;overflow:visible}.item-badges{padding-left:24px;gap:4px;margin-top:8px}.badge{font-size:12px!important;line-height:18px!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important;border-radius:8px;padding:0 4px}.badge-ean{font-family:var(--font);color:#5e6262;background:#f5f6f6;overflow-wrap:anywhere;white-space:normal}.badge-must{background:#f5f6f6!important;color:#141414!important;border:1px solid #e4e6e6!important}.item-status-tag{font-size:12px;line-height:18px;font-weight:600;letter-spacing:0;text-transform:none;padding-left:24px}.is-discontinued{color:#b0362a}.is-end-of-life{color:#8a5a00}.is-newly-updated,.is-not-for-individual-sale{color:#5e6262}.item-desc{font-size:12px;line-height:18px;color:#5e6262}.item-expand-btn{height:28px;min-height:28px;min-width:28px;width:28px;background:white;color:#5e6262;border:1px solid #e4e6e6;display:inline-flex;align-items:center;justify-content:center;padding:0}.item-expand-btn:hover{color:#0070d5;background:#f5f6f6}.item-expand-panel{gap:8px!important;flex-wrap:wrap!important;padding-top:8px!important;margin-top:8px!important;border-top:1px solid #e4e6e6!important}.item-expand-panel.open{flex-wrap:wrap!important}.item-asset-btn{font-size:12px!important;line-height:18px!important;font-weight:600!important;color:#0070d5!important;background:white!important;border:1px solid #c8cccc!important;padding:4px 8px!important;min-height:28px}.item-asset-btn:hover{border-color:#141414!important}.item-asset-btn i svg{width:16px;height:16px}
.dep-pair{border:1px solid #8a5a00!important;border-radius:14px!important;background:white!important;margin-bottom:8px!important;overflow:hidden!important}.dep-pair-notice{padding:8px!important;gap:8px!important;background:#f5f6f6!important;color:#8a5a00!important;font-size:12px!important;line-height:18px!important;font-weight:600!important;letter-spacing:0!important;text-transform:none!important}.dep-pair .item-card,.item-card.is-dep-must{border:1px solid #e4e6e6!important;background:white!important}.dep-pair .item-card.is-selected{border-color:#0070d5!important;background:white!important}.dep-pair-or{background:#f5f6f6!important;color:#8a5a00!important;border-color:#e4e6e6!important;font-size:12px!important;line-height:18px!important;font-weight:600!important;letter-spacing:0!important;padding:4px!important}.badge-dep{background:#f5f6f6!important;color:#8a5a00!important}
.selection-summary{background:white;border-top:1px solid #e4e6e6;flex-shrink:0;max-height:216px;overflow-y:auto}.summary-bar{background:white!important;color:#141414;padding:12px 16px;gap:8px;flex-wrap:wrap;border:0}.summary-bar>span{font-size:14px;line-height:22px;font-weight:600}.summary-actions{gap:8px!important;flex-wrap:wrap;flex-shrink:1!important}.kit-export-btn,.kit-export-pdf,.kit-export-ds{font-size:14px!important;line-height:22px!important;min-height:36px;background:white!important;border:1px solid #c8cccc!important;color:#141414!important;padding:4px 12px!important;border-radius:999px!important;font-weight:600!important;letter-spacing:0!important}.kit-export-btn:first-child:not(:disabled){background:#0070d5!important;border-color:#0070d5!important;color:white!important}.kit-export-btn:hover:not(:disabled){border-color:#141414!important;background:#f5f6f6!important;color:#141414!important}.kit-export-btn:first-child:hover:not(:disabled){background:#0058b0!important;color:white!important}.kit-export-btn:disabled{background:#f5f6f6!important;color:#a0a5a5!important;border-color:#e4e6e6!important}.summary-clear-btn{background:white;color:#5e6262;border:1px solid #c8cccc;padding:4px 12px}.summary-chips{display:flex;gap:8px;flex-wrap:wrap;padding:0 16px 16px;background:white}.summary-chip{background:#f5f6f6;border:1px solid #e4e6e6;border-radius:10px;padding:4px 8px;gap:4px;max-width:100%}.chip-cat,.chip-name,.chip-must{font-size:12px!important;line-height:18px!important;font-weight:400;letter-spacing:0;color:#141414;white-space:normal}.chip-cat{color:#5e6262}.chip-must{font-weight:600;color:#141414;background:white;padding:0 4px;border-radius:4px}.chip-remove{color:#5e6262;min-height:24px;width:24px;padding:0}.chip-remove i svg{width:16px;height:16px}.kit-choice-message{color:#8a5a00;font-size:12px;line-height:18px;padding:0 16px 12px;display:flex;align-items:center;gap:8px}.category-scroll-hint{font-size:12px;line-height:18px;color:#5e6262;text-align:right;padding:4px 16px;background:white}.ds-batch-modal{background:white;color:#141414;border:1px solid #e4e6e6;border-radius:20px;box-shadow:0 4px 16px rgb(20 20 20 / 5%)}.ds-batch-header{color:#141414;font-size:20px;line-height:28px;font-weight:600;padding:16px 24px;border-color:#e4e6e6}.ds-batch-header i{color:#5e6262}.ds-batch-close{color:#5e6262}.ds-batch-close:hover{color:#141414}.ds-batch-body{padding:16px 24px}.ds-batch-section-label{font-size:12px;line-height:18px;font-weight:600;letter-spacing:0;text-transform:none;color:#5e6262}.ds-batch-row{background:#f5f6f6;border:1px solid #e4e6e6;border-radius:14px;padding:12px;gap:12px;margin-bottom:8px}.ds-batch-row-name{font-size:14px;line-height:22px;color:#141414;white-space:normal}.ds-batch-row-ean,.ds-batch-row-none{font-size:12px;line-height:18px;color:#5e6262}.ds-batch-dl-btn{background:white;color:#0070d5;border:1px solid #c8cccc;padding:4px 12px;min-height:36px}.ds-batch-dl-btn:hover{background:#f5f6f6;color:#0058b0;border-color:#141414}.ds-batch-footer{border-color:#e4e6e6;padding:16px 24px}.ds-batch-dl-all{background:#0070d5;color:white;border-color:#0070d5;padding:8px 24px;min-height:44px}.ds-batch-dl-all:hover{background:#0058b0;color:white;border-color:#0058b0}.prod-img-lightbox-close{background:white;border:1px solid #c8cccc;color:#141414}.prod-img-lightbox-name{font-size:14px;line-height:22px;color:#141414}
::-webkit-scrollbar{width:8px;height:12px}::-webkit-scrollbar-track{background:#f5f6f6}::-webkit-scrollbar-thumb{background:#a0a5a5;border:2px solid #f5f6f6;border-radius:8px}
@media(max-width:1100px){#product-detail{padding:0 32px}.panel-inbox{width:224px;min-width:224px;max-width:224px}.detail-topbar-title-row h2{font-size:24px;line-height:32px}.detail-topbar{gap:12px}.prod-thumb-wrap{width:64px;height:64px}}
@media(max-width:640px){html,body{height:auto;min-height:0!important}#product-detail{padding:0 16px;min-height:0}.detail-topbar{height:auto;min-height:104px;flex-wrap:wrap;padding:16px 0;gap:12px}.detail-topbar>.back-btn{flex-basis:auto}.prod-thumb-wrap{width:56px;height:56px}.detail-topbar-info{flex-basis:calc(100% - 150px)}.detail-topbar-title-row h2{font-size:20px;line-height:28px}.detail-topbar-meta{gap:8px}.detail-body{display:flex;flex-direction:column;height:auto;min-height:0;overflow:visible;gap:16px;padding:16px 0 24px}.panel-inbox{width:100%;min-width:0;max-width:none;height:auto;max-height:none}.inbox-list{overflow:visible;flex:none}.panel-compat{width:100%;height:auto;overflow:visible}.compat-scroll{display:flex;flex-direction:column;overflow:visible;height:auto;min-height:0;flex:none;padding:16px;gap:16px}.cat-col{width:100%;min-width:0;max-width:none;height:auto;overflow:visible;flex:none}.cat-col:last-child{margin-right:0}.cat-col-body{overflow:visible;height:auto;flex:none}.compat-header-actions{margin-left:0}.panel-header{gap:8px}.category-scroll-hint{display:none}.summary-actions{width:100%;gap:8px!important}.selection-summary{max-height:none;overflow:visible}.summary-chips{flex-direction:column}.summary-chip{width:100%;align-items:flex-start;flex-wrap:wrap}.chip-name{flex:1;min-width:120px}.ds-batch-row{flex-wrap:wrap}.ds-batch-modal{max-height:90dvh}.ds-batch-header{font-size:20px;line-height:28px}}

.cat-col-body > *{flex-shrink:0!important}.chip-cat{background:transparent!important;color:#5e6262!important;text-transform:none!important}.chip-name{color:#141414!important}.chip-must{background:white!important;color:#141414!important;text-transform:none!important}.is-discontinued{color:#b0362a!important}.is-end-of-life{color:#8a5a00!important}


.detail-topbar-title-row h1{font-size:32px;line-height:40px;font-weight:600;margin:0;color:#141414;white-space:normal}@media(max-width:640px){.detail-topbar-title-row h1{font-size:28px;line-height:36px}}