/* Keep the complete photo visible in a consistent landscape frame. */
#cb-app .cb-detail-photo,#cb-app .cb-card-media{width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:16/9;background:#eef3ef}
#cb-app #cb-detail-image,#cb-app .cb-card-media>img{position:absolute;inset:0;display:block;width:100%;height:100%;max-height:none;object-fit:contain;object-position:center;background:#eef3ef}
#cb-app .cb-upload-tile>img,#cb-app #cb-editor-preview .cb-preview-cover{display:block;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:16/9;object-fit:contain;object-position:center;background:#eef3ef;border-radius:8px}
#cb-app .cb-upload-preview{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:8px;background:#eef3ef}
#cb-app .cb-upload-preview .cb-upload-preview-button{position:absolute;inset:0;display:block;width:100%;height:100%;min-height:0;padding:0;border:0;border-radius:8px;background:#eef3ef;cursor:zoom-in}
#cb-app .cb-upload-preview-button>img{display:block;width:100%;height:100%;min-height:0;max-height:none;object-fit:contain;object-position:center;background:#eef3ef}
#cb-app .cb-upload-position{position:absolute;top:7px;left:7px;pointer-events:none;margin:0;padding:3px 7px;border:1px solid #cfdbd2;border-radius:6px;background:#fffef8eb;color:#315748;font-size:12px;font-weight:700;line-height:18px}
#cb-app .cb-image-picker{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:10px 0 12px}
#cb-app #cb-image-choose{min-height:44px;font-size:14px;padding:10px 14px}
#cb-app #cb-image-count{font-size:13px;line-height:1.4;color:var(--muted)}
#cb-app .cb-gallery-controls{gap:8px;margin-top:10px}
#cb-app .cb-gallery{gap:6px;min-width:0;align-items:stretch}
#cb-app .cb-gallery>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex:0 0 76px;min-width:76px;min-height:48px;padding:5px;border-radius:8px;line-height:1.3}
#cb-app .cb-gallery>button>img{display:block;width:64px;height:36px;aspect-ratio:16/9;object-fit:contain;object-position:center;background:#eef3ef;border-radius:4px}
#cb-app .cb-gallery-controls>button{flex-shrink:0;min-width:44px;min-height:44px;padding:5px 10px}

@media(max-width:800px){
  /* Native form fields stay readable without triggering a focus zoom. */
  #cb-app #cb-editor-dialog input:not([type=checkbox]):not([type=radio]),#cb-app #cb-editor-dialog select,#cb-app #cb-editor-dialog textarea,
  #cb-app #cb-filters .cb-filter-grid input,#cb-app #cb-filters .cb-filter-grid select,#cb-app .cb-mine-toolbar select{font-size:16px;line-height:1.4;min-height:44px;padding:10px 11px}
  #cb-app #cb-editor-dialog .cb-upload-tile input:not([type=checkbox]):not([type=radio]){min-height:44px!important}
  #cb-app #cb-editor-dialog select,#cb-app #cb-filters .cb-filter-grid select,#cb-app .cb-mine-toolbar select,#cb-app .cb-nav-secondary #cb-sort{
    -webkit-appearance:none;appearance:none;height:44px;min-height:44px;border-radius:9px;font-size:16px;line-height:1.4;padding:9px 32px 9px 11px;
    background-color:#fff;background-image:linear-gradient(45deg,transparent 50%,#365b4d 50%),linear-gradient(135deg,#365b4d 50%,transparent 50%);background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-size:5px 5px;background-repeat:no-repeat;
  }
  #cb-app .cb-nav-secondary #cb-sort{width:148px;max-width:48vw}
  #cb-app #cb-editor-dialog{max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain}
  #cb-app #cb-image-dialog{max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain}
  #cb-app #cb-image-dialog .cb-sheet{width:680px;padding:16px 14px max(14px,env(safe-area-inset-bottom))}
  #cb-app #cb-image-dialog .cb-sheet>h2{padding-right:44px;font-size:20px;line-height:1.35;margin:4px 0 12px}
  #cb-app #cb-image-dialog .cb-full-image{width:100%;height:auto;min-height:0;max-height:calc(100dvh - 148px - env(safe-area-inset-top) - env(safe-area-inset-bottom));object-fit:contain;background:#eef3ef}
  #cb-app #cb-image-dialog .cb-hint{font-size:13px;line-height:1.5;overflow-wrap:anywhere;margin:12px 0 0}
  #cb-app #cb-editor-dialog .cb-close,#cb-app #cb-image-dialog .cb-close{width:44px;height:44px;min-width:44px;min-height:44px;right:8px;top:8px}
  #cb-app #cb-editor-dialog .cb-sheet{width:680px;padding:20px 14px 14px}
  #cb-app #cb-editor-dialog .cb-sheet>h2{font-size:21px;line-height:1.35;margin:4px 0 14px;padding-right:44px}
  #cb-app #cb-editor-dialog .cb-sheet label{font-size:14px;line-height:1.4;margin-bottom:12px;min-width:0}
  #cb-app #cb-editor-dialog .cb-hint{font-size:13px;line-height:1.5}
  #cb-app #cb-editor-dialog .cb-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px}
  #cb-app #cb-editor-dialog .cb-form-footer{position:sticky;bottom:0;margin:16px -14px -14px;padding:10px 14px max(10px,env(safe-area-inset-bottom));display:flex;flex-wrap:wrap;gap:8px;z-index:3;box-shadow:0 -3px 10px #214c3210}
  #cb-app #cb-editor-dialog .cb-form-footer>button{flex:1 1 calc(50% - 4px);min-width:0;min-height:44px;font-size:14px;line-height:1.35;white-space:normal;overflow-wrap:anywhere;padding:10px 8px;margin:0}
  #cb-app #cb-editor-dialog .cb-form-footer #cb-editor-next,#cb-app #cb-editor-dialog .cb-form-footer #cb-publish{flex:1 1 100%}
  #cb-app #cb-editor-dialog .cb-upload-tile{padding:10px}
  #cb-app #cb-editor-dialog .cb-upload-tile .cb-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  #cb-app #cb-editor-dialog .cb-upload-tile .cb-actions button{min-height:44px;min-width:0;padding:8px 5px;font-size:13px;line-height:1.35;white-space:normal}
  #cb-app #cb-editor-dialog .cb-upload-tile .cb-check{margin:8px 0 10px}
  #cb-app #cb-editor-dialog .cb-step-progress{gap:5px;margin:12px 0}
  #cb-app #cb-editor-dialog .cb-step-progress li{font-size:12px;line-height:1.4;padding:8px 6px}
  #cb-app #cb-detail-panel,#cb-app #cb-detail-panel.cb-expanded{height:100%;min-height:0;max-height:100%}
  #cb-app #cb-detail-panel .cb-panel-header,#cb-app #cb-detail-panel .cb-panel-footer{flex-shrink:0}
  #cb-app #cb-detail-panel .cb-panel-scroll{padding:12px;min-height:0}
  #cb-app #cb-detail-panel .cb-detail-photo{margin-top:10px}
  #cb-app #cb-detail-panel .cb-detail-essentials{padding-top:10px}
  #cb-app #cb-detail-panel .cb-panel-footer{gap:8px;padding:10px 12px max(10px,env(safe-area-inset-bottom))}
  #cb-app #cb-detail-panel .cb-panel-footer button{min-width:0;min-height:44px;font-size:14px;line-height:1.35;padding:10px 8px;white-space:normal;overflow-wrap:anywhere}
  #cb-app #cb-detail-panel .cb-detail-section{margin-top:16px;padding-top:14px}
  #cb-app .cb-card-body{padding:12px}
  #cb-app .cb-card-body .cb-actions button{min-height:44px;line-height:1.35}
}
@media(max-width:480px){
  #cb-app #cb-editor-dialog .cb-form-grid,#cb-app #cb-editor-dialog .cb-upload-grid{grid-template-columns:minmax(0,1fr)}
  #cb-app #cb-editor-dialog .cb-price-helper-row{grid-template-columns:minmax(0,1fr)}
  #cb-app #cb-editor-dialog .cb-price-helper-row button{grid-column:auto}
  #cb-app #cb-editor-dialog .cb-description-tools .cb-hint{min-width:0;flex-basis:100%}
  #cb-app #cb-editor-dialog .cb-description-suggestion .cb-actions{display:grid;grid-template-columns:minmax(0,1fr)}
  #cb-app .cb-filter-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:800px) and (max-height:500px){
  #cb-app #cb-editor-dialog .cb-sheet{padding-top:14px}
  #cb-app #cb-editor-dialog .cb-sheet>h2{margin-bottom:10px}
  #cb-app #cb-editor-dialog .cb-step-progress{margin:8px 0}
  #cb-app #cb-editor-dialog .cb-form-footer{padding-top:8px;padding-bottom:max(8px,env(safe-area-inset-bottom))}
}