#didi-new-top #request .catalog-suggestions{margin:0 12px 12px;border:1px solid #dbe7f3;border-radius:10px;background:#fff;overflow:hidden}
#didi-new-top #request .catalog-search-status{margin:0;padding:11px 13px;color:#647589;background:#f5f9fe;font-size:12px;line-height:1.45}
#didi-new-top #request .catalog-options{max-height:330px;max-height:min(330px,45vh);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
#didi-new-top #request .catalog-option{appearance:none;-webkit-appearance:none;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;width:100%;padding:12px 13px;margin:0;border:0;border-bottom:1px solid #edf1f6;border-radius:0;background:#fff;color:#17212b;font:inherit;cursor:pointer;min-width:0}
#didi-new-top #request .catalog-option:last-child{border-bottom:0}
#didi-new-top #request .catalog-option:hover,#didi-new-top #request .catalog-option[aria-selected=true]{background:#edf6ff}
#didi-new-top #request .catalog-option:focus-visible{outline:2px solid #2489ed;outline-offset:-2px}
#didi-new-top #request .catalog-option-info{display:grid;gap:4px;min-width:0}
#didi-new-top #request .catalog-option-name{font-size:14px;line-height:1.4;font-weight:600;overflow-wrap:anywhere}
#didi-new-top #request .catalog-option-code{font-size:12px;line-height:1.45;color:#627184;overflow-wrap:anywhere}
#didi-new-top #request .catalog-option-add{display:inline-flex;align-items:center;justify-content:center;flex:0 0 26px;width:26px;height:26px;border-radius:50%;background:#e7f2ff;color:#2489ed}
#didi-new-top #request .catalog-option-add svg{display:block;width:15px;height:15px}
#didi-new-top #request .catalog-search-hint{margin:0;padding:9px 13px;border-top:1px solid #edf1f6;color:#7a8795;font-size:11px;line-height:1.45}
@media(max-width:650px){
  #didi-new-top #request .catalog-suggestions{margin:0 8px 8px}
  #didi-new-top #request .catalog-option{gap:9px;padding:12px 10px}
  #didi-new-top #request .catalog-option-name{font-size:13px}
  #didi-new-top #request .catalog-option-code{font-size:11px}
}

/* DIDI's blue menu accent, with the same treatment for keyboard navigation. */
#didi-new-top .didi-site-header #rec2207053811 a.t-menu__link-item{transition:color .25s ease!important}
#didi-new-top .didi-site-header #rec2207053811 a.t-menu__link-item::after{content:'';position:absolute;left:0;right:0;bottom:-5px;height:2px;background:#0092ff;border:0;box-shadow:none;opacity:1;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
#didi-new-top .didi-site-header #rec2207053811 a.t-menu__link-item:is(:hover,:focus-visible,.t-active){color:#0092ff!important;opacity:1!important}
#didi-new-top .didi-site-header #rec2207053811 a.t-menu__link-item:is(:hover,:focus-visible,.t-active)::after{transform:scaleX(1)}
#didi-new-top #request .query-area{position:relative}
#didi-new-top #request .animated-example{position:absolute;top:18px;left:18px;right:18px;pointer-events:none;color:#8995a3;font-family:inherit;font-size:14px;line-height:1.6;overflow:hidden;max-height:70px}
#didi-new-top #request .animated-example-label{display:block;margin-bottom:3px;color:#7b8796}
#didi-new-top #request .animated-example-line{display:block;white-space:nowrap;overflow:hidden;text-overflow:clip;min-height:23px;font-size:13px}
#didi-new-top #request .example-caret{display:inline-block;width:1px;height:1.05em;margin-left:2px;background:#0092ff;vertical-align:-.12em;animation:didi-example-caret 1s step-end infinite}
#didi-new-top #request #product-query.has-animated-example::placeholder{color:transparent!important}
#didi-new-top #request .animated-example.is-static .example-caret{display:none}
@keyframes didi-example-caret{0%,100%{opacity:1}50%{opacity:0}}
@media(max-width:650px){#didi-new-top #request .animated-example{top:15px;left:14px;right:14px;font-size:14px}#didi-new-top #request .animated-example-line{font-size:12px}}
@media(prefers-reduced-motion:reduce){#didi-new-top #request .example-caret{animation:none}#didi-new-top .didi-site-header #rec2207053811 a.t-menu__link-item,#didi-new-top .didi-site-header #rec2207053811 a.t-menu__link-item::after{transition:none!important}}
/* Keep actual brand/model examples readable on narrow screens. */
#didi-new-top #request .animated-example-line{white-space:normal;overflow-wrap:anywhere;line-height:1.5;max-height:3em}

/* Multi-select intake shares the site's typography, controls and final request. */
#didi-new-top #request .intake-top{gap:18px}
#didi-new-top #request .intake-bottom{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
#didi-new-top #request .intake-alternative{margin:0;padding:0;font:400 13px/1.5 TildaSans,Arial,sans-serif;text-align:left;color:#6b7d8c}
#didi-new-top #request .intake-alternative a{font-weight:500;color:#167dc4;white-space:nowrap}
#didi-new-top #request .button,#didi-new-top #request .intake-bottom .button{font:600 14px/1.3 TildaSans,Arial,sans-serif;padding:10px 17px;min-height:42px;border-radius:10px}
#didi-new-top #request .example{font:500 12px/1.4 TildaSans,Arial,sans-serif}
#didi-new-top #request .catalog-option{font:400 14px/1.4 TildaSans,Arial,sans-serif}
#didi-new-top #request .catalog-option:is(:hover,.is-active){background:#f6f8fa}
#didi-new-top #request .catalog-option.is-selected{background:#f4f8fb}
#didi-new-top #request .catalog-option-add{border-radius:7px;background:#edf3f7;color:#4e748f}
#didi-new-top #request .catalog-option.is-selected .catalog-option-add{background:#e4eff7;color:#1879ba}
#didi-new-top #request .catalog-option:focus-visible{outline:1px solid #8a9eae;outline-offset:-2px}
#didi-new-top #request .create-request-line{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #e7eef5;padding-top:18px;margin-top:18px}
#didi-new-top #request .create-request-line p{font:400 13px/1.5 TildaSans,Arial,sans-serif;color:#6b7d8c;max-width:410px;margin:0}
#didi-new-top #request .create-request-line .button{flex-shrink:0}
#didi-new-top #request .product-row{display:grid;grid-template-columns:minmax(0,1fr) 156px 32px;gap:18px;align-items:start;padding:18px 0}
#didi-new-top #request .product-row b{font:600 14px/1.4 TildaSans,Arial,sans-serif}
#didi-new-top #request .product-row small{font:400 12px/1.5 TildaSans,Arial,sans-serif;margin-top:4px}
#didi-new-top #request .intake-row-quantity>label{display:block;font:400 12px/1.4 TildaSans,Arial,sans-serif;margin:0 0 7px;color:#647888}
#didi-new-top #request .ds-quantity input{font:400 16px/1.3 TildaSans,Arial,sans-serif;padding:5px 2px;height:44px;min-height:44px;border:0;border-radius:0}
#didi-new-top #request .ds-quantity button{font:400 20px/1 TildaSans,Arial,sans-serif;color:#4e748f;background:#f5f8fa}
#didi-new-top #request .remove-row{min-width:32px;width:32px;min-height:40px;padding:0;font:400 23px/1 TildaSans,Arial,sans-serif;border-radius:8px;color:#6b7d8c}
#didi-new-top #request .row-edit{margin-top:9px;max-width:none}
#didi-new-top #request .row-edit summary{display:inline-flex;align-items:center;gap:7px;list-style:none;cursor:pointer;font:500 12px/1.4 TildaSans,Arial,sans-serif;color:#5c778b;padding:4px 0}
#didi-new-top #request .row-edit summary::-webkit-details-marker{display:none}
#didi-new-top #request .row-edit summary::after{content:'';width:5px;height:5px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);margin-left:3px;margin-top:-3px}
#didi-new-top #request .row-edit[open] summary::after{transform:rotate(225deg);margin-top:3px}
#didi-new-top #request .row-edit-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:7px;padding:12px;background:#f8fafc;border:1px solid #e7edf2;border-radius:10px}
#didi-new-top #request .row-edit label{margin:0;gap:5px;min-width:0;font:400 11px/1.4 TildaSans,Arial,sans-serif;color:#647888}
#didi-new-top #request .row-edit input{width:100%;min-width:0;min-height:38px;height:38px;padding:7px 10px;border:1px solid #dce5ec;border-radius:7px;background:#fff;font:400 14px/1.3 TildaSans,Arial,sans-serif;color:#213d52}
#didi-new-top #request .row-edit label:last-child{grid-column:1/-1}
@media(max-width:760px){
 #didi-new-top #request .steps{display:none}
 #didi-new-top #request .product-row{grid-template-columns:minmax(0,1fr) 32px;gap:12px}
 #didi-new-top #request .product-row>div:first-child{grid-column:1;grid-row:1}
 #didi-new-top #request .product-row>.remove-row{grid-column:2;grid-row:1}
 #didi-new-top #request .intake-row-quantity{grid-column:1/-1;grid-row:2;display:flex;align-items:center;justify-content:space-between;gap:12px}
 #didi-new-top #request .intake-row-quantity>label{margin:0}
 #didi-new-top #request .create-request-line{align-items:stretch;flex-direction:column;gap:13px}
 #didi-new-top #request .create-request-line .button{width:100%;justify-content:space-between}
 #didi-new-top #request .intake-bottom .button{font-size:13px}
 #didi-new-top #request .intake-alternative{font-size:12px}
 #didi-new-top #request .row-edit input{font-size:16px;height:40px}
}
@media(max-width:420px){#didi-new-top #request .row-edit-fields{grid-template-columns:1fr;gap:8px;padding:10px}}
@media(min-width:360px) and (max-width:760px){
 #didi-new-top #request .intake-alternative{flex:1;min-width:140px}
 #didi-new-top #request .intake-alternative a{display:block}
 #didi-new-top #request .intake-bottom{gap:10px}
}
@media(max-width:359px){#didi-new-top #request .intake-bottom .button{width:100%;justify-content:space-between}}
#didi-new-top #request .row-edit,#didi-new-top #request input{scroll-margin-top:110px}
#didi-new-top #request .create-request-line .button{font:600 14px/1.3 TildaSans,Arial,sans-serif;padding:10px 17px;min-height:42px}
#didi-new-top #request .product-row{padding:12px 0}
#didi-new-top #request .row-edit:not([open])>.row-edit-fields{display:none}
#didi-new-top #send-request{font-size:14px!important;line-height:1.3!important;padding:10px 17px!important}
