.c4-device-picker[hidden],#c4-manual-model-label[hidden],#c4-model-label[hidden]{display:none!important}
.c4-device-picker{min-width:0}
.c4-device-brand-control{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid #d4c4db;border-radius:9px;padding:0 9px;min-width:0}
.c4-device-brand-control>img{width:25px;height:25px;object-fit:contain;flex:0 0 25px}
#c4-device-initial{display:flex;align-items:center;justify-content:center;flex:0 0 25px;width:25px;height:25px;border-radius:6px;background:#f2eaf7;color:#674079;font-size:14px;font-weight:750}
.c4-device-brand-control #c4-device-brand{border:0;background:transparent;padding:10px 0!important;min-width:0;width:100%;color:#25182f}
.c4-device-brand-control:focus-within{outline:2px solid #75477f;outline-offset:2px}
.c4-device-brand-control>img[hidden],#c4-device-initial[hidden]{display:none}
.c4-repair-quote .c4-device-hint{font-size:11px!important;line-height:1.6;margin:7px 0 0;color:#716779}
#c4-device-model:disabled{background:#f5f1f7;color:#766c7c}
#c4-device-model{width:100%;min-width:0}
@media(max-width:420px){.c4-device-picker .c4-repair-fields{grid-template-columns:1fr;gap:12px}.c4-device-brand-control{padding:0 7px;gap:5px}.c4-device-brand-control>img,#c4-device-initial{width:22px;height:22px;flex-basis:22px}.c4-device-picker select{font-size:16px!important;padding-left:7px!important;padding-right:4px!important}}

/* Logo and brand name remain together in the opened choice list. */
.c4-brand-field{display:grid;gap:6px;min-width:0;align-content:start}
.c4-brand-field>span{font-size:12px;font-weight:700}
.c4-brand-field .c4-device-brand-control{position:relative;padding:0;border:0;background:transparent;display:block;min-width:0}
.c4-brand-field .c4-device-brand-control:focus-within{outline:0}
.c4-brand-field #c4-device-brand{position:absolute;width:1px!important;height:1px!important;padding:0!important;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0;opacity:0}
.c4-brand-trigger{display:flex;align-items:center;gap:8px;width:100%;min-height:44px;padding:8px 10px;border:1px solid #d4c4db;border-radius:9px;background:#fff;color:#25182f;font:inherit;font-size:16px;font-weight:600;text-align:left;cursor:pointer}
.c4-brand-trigger>img{width:28px;height:28px;flex:0 0 28px;object-fit:contain}
.c4-brand-trigger>img[hidden],.c4-brand-trigger>#c4-device-initial[hidden]{display:none}
#c4-brand-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.c4-brand-chevron{margin-left:auto;color:#716779;flex-shrink:0}
.c4-brand-trigger:focus-visible{outline:2px solid #75477f;outline-offset:2px}
.c4-brand-trigger[aria-invalid=true]{border-color:#a53030}
.c4-brand-list{position:absolute;top:calc(100% + 6px);left:0;z-index:80;width:290px;min-width:100%;max-width:calc(100vw - 60px);max-height:310px;overflow-y:auto;overscroll-behavior:contain;padding:6px;border:1px solid #d8c9e0;border-radius:12px;background:#fff;box-shadow:0 12px 32px #30164124}
.c4-brand-list[hidden]{display:none}
.c4-brand-option{display:flex;align-items:center;gap:12px;padding:9px 10px;min-height:48px;border-radius:7px;cursor:pointer;font-size:14px;line-height:1.4;color:#35223e}
.c4-brand-option:hover,.c4-brand-option:focus{background:#f3ecf7;outline:none}
.c4-brand-option[aria-selected=true]{background:#eee2f5;font-weight:750}
.c4-brand-option-icon{display:flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:32px;color:#75477f;font-weight:750}
.c4-brand-option-icon img{display:block;width:30px;height:30px;object-fit:contain}
.c4-brand-option-name{flex:1}
.c4-brand-check{visibility:hidden;color:#75477f;font-size:17px}
.c4-brand-option[aria-selected=true] .c4-brand-check{visibility:visible}
@media(max-width:420px){.c4-brand-list{width:100%;max-height:280px}.c4-brand-trigger{font-size:16px}.c4-brand-option{min-height:48px}}
