/* Admin product modal sizing */
#adminProductModalBack .modal{
  --modal-base-width:760px;
  --modal-base-height:560px;
}

#adminProductModalBack .modal-shell > div[style]{
  z-index:2;
}

.admin-prod-modal-body{
  flex:1;
  min-height:0;
  overflow:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable both-edges;
  padding-right:8px;
  display:flex;
  flex-direction:column;
  gap:12px;
}

.admin-prod-modal-body .row input,
.admin-prod-modal-body .row select{
  width:100%;
  box-sizing:border-box;
}

.admin-prod-modal-body > div[style]{
  display:flex;
  flex-wrap:wrap;
  align-items:flex-start;
  gap:12px;
}

.admin-prod-modal-body > div[style] > div{
  flex:1 1 clamp(220px, 30%, 480px);
  min-width:clamp(200px, 28%, 440px);
}

.admin-prod-modal-body > div[style] > div[style*="width"]{
  width:auto !important;
}

.admin-prod-modal-body > div[style] > div[style*="flex:1"],
.admin-prod-modal-body > div[style] > div[style*="flex: 1"]{
  flex:2 1 clamp(320px, 60%, 820px);
}

#adminProductModalBack .modal input,
#adminProductModalBack .modal select,
#adminProductModalBack .modal textarea,
#adminProductModalBack .modal button{
  font-size:clamp(11px, calc(var(--modal-base-height) * 0.016), 16px);
  padding:clamp(6px, calc(var(--modal-base-height) * 0.012), 12px) clamp(6px, calc(var(--modal-base-width) * 0.006), 12px);
}

#adminProductModalBack .modal .btn{
  font-weight:700;
  font-size:clamp(14px, calc(var(--modal-base-height) * 0.02), 18px);
  padding:clamp(10px, calc(var(--modal-base-height) * 0.02), 14px) clamp(12px, calc(var(--modal-base-width) * 0.01), 18px);
  min-width:100px;
}

#adminProductModalBack .modal .btn.btn-green{ min-width:120px; }

.admin-prod-modal-body textarea{
  max-height:clamp(160px, 40vh, 520px);
  overflow:auto;
}

@media (max-width:1024px){
  .admin-prod-modal-body > div[style] > div{
    flex:1 1 100% !important;
    min-width:100% !important;
  }
}

@media (max-width:800px){
  #adminProductModalBack .modal{
    left:2% !important;
    top:5% !important;
    width:calc(100% - 4%) !important;
    height:calc(100% - 10%) !important;
    transform:none !important;
    max-width:none !important;
    max-height:none !important;
    overflow:hidden !important;
    box-sizing:border-box;
    border-radius:12px;
  }
  .admin-prod-modal-body{ padding-right:6px; }
  #adminProductModalBack .modal input,
  #adminProductModalBack .modal select,
  #adminProductModalBack .modal textarea,
  #adminProductModalBack .modal button{
    font-size:clamp(12px, calc(var(--modal-base-height) * 0.017), 16px) !important;
    padding:clamp(8px, calc(var(--modal-base-height) * 0.015), 12px) !important;
  }
}