/* Clear, compact composition for the product editor. */
.admin-2026 .admin-modal:has(.product-form) {
  max-width: 760px !important;
  padding: 28px !important;
}

.product-form {
  gap: 15px;
}

.product-form > .admin-label,
.product-form > .admin-form-row,
.product-form > details,
.product-form > .product-media,
.product-form > .spec-source {
  margin: 0;
}

.product-form .admin-form-row {
  gap: 14px;
}

.product-form .admin-label > span {
  color: #7a8578;
}

.product-translations {
  background: #fafcf8;
  border-color: #dce4d9 !important;
}

.product-translations summary {
  list-style: none;
}

.product-translations summary::-webkit-details-marker { display: none; }
.product-translations summary::before { content: '▸'; display: inline-block; margin-right: 9px; transition: transform .18s ease; }
.product-translations[open] summary::before { transform: rotate(90deg); }

.admin-2026 .admin-form-row.product-publish-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items: start;
  padding: 16px;
  border: 1px solid #dce4d9;
  border-radius: 12px;
  background: #fafcf8;
}

.product-publish-grid .product-featured {
  grid-column: 1 / -1;
  display: grid !important;
  grid-template-columns: 20px minmax(0, 1fr);
  gap: 4px 10px !important;
  align-items: center;
  padding: 11px 12px !important;
  background: #fff;
  order: 1;
}

.product-featured input { grid-row: 1 / 3; margin: 0 !important; }
.product-featured span { grid-column: 2; }
.product-featured small { grid-column: 2; margin: 0 !important; }

.product-media {
  border-color: #dce4d9 !important;
  border-radius: 12px !important;
  background: #fafcf8;
}

.product-media > p {
  display: flex;
  align-items: center;
  gap: 7px;
  padding-bottom: 11px;
  border-bottom: 1px solid #e6ebe4;
}

.product-media .btn { min-height: 46px; justify-content: center; }
.product-form .spec-editor { margin: 0; }
.product-form .admin-modal-actions { position: sticky; bottom: -28px; z-index: 2; margin: 0 -28px -28px; padding: 16px 28px; border-top: 1px solid #e2e7e0; background: rgba(255,255,255,.96); }

@media (max-width: 800px) {
  .admin-2026 .admin-modal:has(.product-form) { padding: 22px !important; }
  .admin-2026 .admin-form-row.product-publish-grid { grid-template-columns: 1fr 1fr !important; }
  .product-form .admin-modal-actions { bottom: -22px; margin: 0 -22px -22px; padding: 14px 22px; }
}

@media (max-width: 520px) {
  .admin-2026 .admin-form-row.product-publish-grid { grid-template-columns: 1fr !important; }
  .product-publish-grid .product-featured { grid-column: 1; }
  .product-form .admin-form-row { grid-template-columns: 1fr !important; }
}