.commercial-listing-editor{box-sizing:border-box;width:min(620px,calc(100% - 24px));max-height:calc(100dvh - 24px);overflow:auto;border:0;border-radius:20px;padding:24px;color:var(--ink);background:#fff;box-shadow:0 16px 42px #0714284d;font:inherit}
.commercial-listing-editor::backdrop{background:#101b3099}.commercial-listing-editor h2{margin:0 0 20px;font-size:22px}.commercial-listing-editor form,.commercial-listing-editor label{display:grid;gap:8px}.commercial-listing-editor form{gap:16px}.commercial-listing-editor label{font-size:14px;font-weight:700}.commercial-listing-editor input,.commercial-listing-editor select,.commercial-listing-editor textarea{box-sizing:border-box;width:100%;min-width:0;padding:11px 12px;border:1px solid #dbe3ed;border-radius:9px;color:var(--ink);background:white;font:inherit;font-size:16px}.commercial-listing-editor textarea{resize:vertical}.commercial-listing-editor :focus-visible{outline:2px solid var(--blue);outline-offset:2px}.commercial-listing-editor p{margin:0;font-size:14px}.commercial-listing-editor button{padding:10px 12px;border:1px solid #dbe3ed;border-radius:9px;background:#f6f8fb;color:var(--ink);font:inherit;font-size:14px;cursor:pointer}.commercial-listing-editor button:disabled,.commercial-listing-editor input:disabled{opacity:.5;cursor:not-allowed}.commercial-listing-actions{display:flex;justify-content:flex-end;gap:10px}.commercial-listing-actions button[type=submit]{background:var(--blue);border-color:var(--blue);color:white}.commercial-listing-error{color:#a12e38}.commercial-photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.commercial-photo-grid article{min-width:0;border:1px solid #dbe3ed;border-radius:10px;overflow:hidden}.commercial-photo-grid img{display:block;width:100%;height:120px;object-fit:contain;background:#f6f8fb}.commercial-photo-grid article div{display:flex;flex-wrap:wrap;gap:4px;padding:6px}.commercial-photo-grid button{flex:1;font-size:12px;padding:7px}

/* One source-owned selector sheet is shared by the Bus and Lorry / Truck forms.
   It stays in the browser's modal layer so native select/datalist UI cannot
   zoom, resize, or visually disconnect the already open commercial editor. */
.commercial-selector-trigger{position:relative;display:flex;align-items:center;justify-content:space-between;min-block-size:48px!important;padding-block:10px!important;padding-inline:12px 42px!important;border:1px solid #dbe3ed!important;border-radius:9px!important;background:#fff!important;color:var(--ink)!important;font-size:16px!important;font-weight:400!important;text-align:start!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.commercial-selector-trigger::after{position:absolute;inset-inline-end:14px;content:'⌄';font-size:20px;line-height:1;color:#51657a;pointer-events:none}
.commercial-selector-trigger[data-empty=true]{color:#64748b!important}.commercial-selector-trigger[aria-invalid=true]{border-color:#a12e38!important}.commercial-selector-trigger:disabled{opacity:.5;cursor:not-allowed}
.commercial-selector-sheet{box-sizing:border-box;width:min(620px,calc(100vw - 24px));max-width:calc(100vw - max(12px,env(safe-area-inset-left)) - max(12px,env(safe-area-inset-right)));max-block-size:calc(var(--zagros-viewport-block,100dvh) - var(--zagros-safe-top,env(safe-area-inset-top)) - var(--zagros-safe-bottom,env(safe-area-inset-bottom)) - 24px);max-height:calc(var(--zagros-viewport-block,100dvh) - var(--zagros-safe-top,env(safe-area-inset-top)) - var(--zagros-safe-bottom,env(safe-area-inset-bottom)) - 24px);margin:auto;padding:0;border:0;border-radius:20px;background:#fff;color:var(--ink);box-shadow:0 16px 52px #07142852;font:inherit;overflow:hidden!important}
.commercial-selector-sheet::backdrop{background:#101b3099}.commercial-selector-sheet[open]{display:flex;flex-direction:column}.commercial-selector-sheet header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:0 0 auto;padding:16px 18px 12px;border-bottom:1px solid #e4eaf1}.commercial-selector-sheet h3{margin:0;font-size:19px}.commercial-selector-close{inline-size:44px;block-size:44px;min-inline-size:44px;min-block-size:44px;padding:0!important;border:1px solid #dbe3ed;border-radius:50%;background:#f6f8fb;color:var(--ink);font-size:30px;line-height:1;cursor:pointer}
.commercial-selector-body{display:flex;flex:1 1 auto;flex-direction:column;min-block-size:0;overflow:hidden;padding:14px max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.commercial-selector-search{box-sizing:border-box;inline-size:100%;min-block-size:48px;padding:10px 12px;border:1px solid #cdd8e4;border-radius:10px;background:#fff;color:var(--ink);font:inherit;font-size:16px}.commercial-selector-options{display:flex;flex:1 1 auto;flex-direction:column;min-block-size:0;margin-top:10px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border:1px solid #e0e7ef;border-radius:12px;background:#fff}.commercial-selector-option{display:block;inline-size:100%;min-block-size:52px;padding:12px 14px;border:0;border-bottom:1px solid #e6ecf2;background:#fff;color:var(--ink);font:inherit;font-size:16px;text-align:start;overflow-wrap:anywhere;cursor:pointer}.commercial-selector-option:last-child{border-bottom:0}.commercial-selector-option[aria-pressed=true]{background:#eaf3ff;color:#0759b9;font-weight:700}.commercial-selector-option:focus-visible,.commercial-selector-option:hover{background:#f4f8fc}.commercial-selector-manual{border-top:1px dashed #b9c7d5!important;background:#fbfdff;color:#0759b9}.commercial-selector-status{margin:10px 2px 0;min-block-size:20px;color:#64748b;font-size:14px;line-height:1.4}.commercial-selector-sheet :focus-visible{outline:3px solid var(--blue);outline-offset:2px}
@media(max-width:767px),(pointer:coarse){body>dialog.commercial-selector-sheet:not(.home-ad-detail):not(.vehicle-gallery-fullscreen){width:100%;max-width:100%;max-block-size:min(72dvh,calc(var(--zagros-viewport-block,100dvh) - var(--zagros-safe-top,env(safe-area-inset-top)) - var(--zagros-safe-bottom,env(safe-area-inset-bottom)) - 24px))!important;max-height:min(72dvh,calc(var(--zagros-viewport-block,100dvh) - var(--zagros-safe-top,env(safe-area-inset-top)) - var(--zagros-safe-bottom,env(safe-area-inset-bottom)) - 24px))!important;margin:auto auto 0;border-radius:20px 20px 0 0;overflow:hidden!important}.commercial-selector-sheet header{padding-inline:16px}.commercial-selector-body{padding-inline:16px;padding-bottom:max(16px,env(safe-area-inset-bottom))}}