.product-count {
  margin: -4px 0 14px;
  color: #64776a;
  font-size: 12px;
  font-weight: 700;
}
.admin-product-thumbnail{width:80px;height:80px;flex:none;object-fit:cover;border-radius:12px;border:1px solid #dce5d8;background:#f0f4e8}
.admin-photo-placeholder{display:grid;place-items:center;font-size:26px;color:#698366}
.admin-product-copy{flex:1;min-width:0}
.product-photo-editor{margin:0 0 22px;padding:18px;border:1px solid #d6e1d1;border-radius:14px;background:#f6f9f1}
.product-photo-editor h3{margin:0 0 13px;font:700 20px Fraunces,Georgia,serif}
.product-photo-layout{display:flex;align-items:center;gap:18px}
.product-photo-preview-frame{display:grid;place-items:center;flex:none;width:132px;aspect-ratio:4/3;border-radius:11px;overflow:hidden;background:#e6eddc;color:#667d58;font-size:12px;font-weight:700;text-align:center}
.product-photo-preview-frame img{width:100%;height:100%;object-fit:cover}
.product-photo-layout>div:last-child{min-width:0;flex:1}
.photo-file-label{position:relative;display:inline-flex;align-items:center;justify-content:center;border:1px solid #c4d4be;border-radius:9px;padding:9px 13px;background:white;color:#284c32;font-weight:700;cursor:pointer;overflow:hidden}
#product-photo-input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}
.photo-file-label:has(input:disabled){opacity:.5;cursor:wait}
.photo-file-label:has(input:focus-visible){outline:2px solid #315a35;outline-offset:3px}
.product-photo-layout .secondary-button{margin-left:7px}
#product-photo-status{margin:8px 0 0;font-size:12px;overflow-wrap:anywhere;color:#516847}
.product-photo-layout .field-hint{display:block;margin-top:9px}
.menu-highlight-editor{padding:16px 0;border-block:1px solid #dce5d8;margin-bottom:20px}
.menu-highlight-editor .check-row{display:flex;flex-wrap:wrap;gap:12px}
#most-ordered-position{margin:13px 0 0}
#most-ordered-position input{max-width:130px}
.badge.popular-product{background:#d9f2f7;color:#225565}
.badge.featured-product{background:#edf1dc;color:#566d36}
:root[data-theme="dark"] .product-photo-editor{background:#223128;border-color:#405347}
:root[data-theme="dark"] .product-photo-preview-frame{background:#304334;color:#cfdfc4}
:root[data-theme="dark"] .photo-file-label{background:#19251e;color:#dcebd5;border-color:#4b6252}
:root[data-theme="dark"] #product-photo-status{color:#bacdab}
:root[data-theme="dark"] .menu-highlight-editor{border-color:#405347}
@media(max-width:620px){.admin-product-thumbnail{width:62px;height:62px}.product-photo-layout{align-items:start;gap:12px}.product-photo-preview-frame{width:100px}.product-photo-layout .secondary-button{margin:8px 0 0}}
.product-row.is-hidden {
  border-color: #d5d9d2;
  border-left: 4px solid #a2aba1;
  background: #f7f8f5;
}
.badge.visible-product {
  background: #e0efd5;
  color: #315a35;
}
.badge.hidden-product {
  background: #e1e6e1;
  color: #48584d;
}
.badge.offer-product {
  background: #dff3ae;
  color: #29442d;
}
.old-product-price {
  color: #7b877e;
  font-size: 13px;
  text-decoration: line-through;
  text-decoration-thickness: 1.5px;
}
.sale-product-price {
  color: #234331;
  font-size: 16px;
  font-weight: 850;
}
.field-hint {
  color: #718175;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.45;
}
.option-count-badge {
  background: #e9f0e0;
  color: #456145;
}
.order-item-options {
  display: grid;
  gap: 2px;
  margin: 3px 0 4px 13px;
  color: #5c7061;
  font-size: 12px;
  line-height: 1.45;
}
.order-item-option { display: block; }
#product-modal .modal-card { width: min(760px, 100%); }
.option-editor {
  display: grid;
  gap: 13px;
  margin-top: 3px;
  padding-top: 22px;
  border-top: 1px solid #dce5d8;
}
.option-editor-heading {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
}
.option-editor-heading h3 {
  margin: 0 0 5px;
  font: 700 22px Fraunces, Georgia, serif;
}
.option-editor-heading p {
  max-width: 480px;
  margin: 0;
  color: #65786a;
  font-size: 13px;
  line-height: 1.5;
}
.option-editor > .field-hint { margin: -4px 0 0; }
#option-groups { display: grid; gap: 13px; }
.option-empty {
  margin: 0;
  padding: 17px;
  border: 1px dashed #b9cdb7;
  border-radius: 12px;
  background: #f7faf4;
  color: #607265;
  font-size: 13px;
}
.option-group {
  min-width: 0;
  margin: 0;
  padding: 16px;
  border: 1px solid #cbdcc9;
  border-radius: 14px;
  background: #fbfdf9;
}
.option-group legend {
  padding: 0 6px;
  color: #31543b;
  font-size: 13px;
  font-weight: 800;
}
.option-group-actions {
  display: flex;
  justify-content: flex-end;
  gap: 6px;
  margin: -7px 0 9px;
}
.option-group-actions button,
.option-choice-actions button,
.option-add-choice {
  min-width: 31px;
  min-height: 31px;
  padding: 5px 9px;
  border: 1px solid #c3d3c0;
  border-radius: 8px;
  background: white;
  color: #294a32;
  font-size: 12px;
  font-weight: 800;
}
.option-group-actions button:hover,
.option-choice-actions button:hover,
.option-add-choice:hover { background: #eaf4e6; }
.option-group-actions .remove-option,
.option-choice-actions .remove-option { color: #9b4b3d; border-color: #e3c7be; }
.option-group-actions .remove-option:hover,
.option-choice-actions .remove-option:hover { background: #fff0ec; }
.option-field {
  display: grid;
  min-width: 0;
  gap: 5px;
  color: #344f3a;
  font-size: 12px;
  font-weight: 800;
}
.option-field input,
.option-field select {
  width: 100%;
  min-width: 0;
  padding: 9px 10px;
  border: 1px solid #cbd8cb;
  border-radius: 9px;
  background: white;
  color: #21352a;
}
.option-field input:focus,
.option-field select:focus {
  border-color: #4d7952;
  outline: none;
  box-shadow: 0 0 0 3px #cfeab4;
}
.option-field [aria-invalid="true"] { border-color: #b34736; box-shadow: 0 0 0 2px #f7d7ce; }
.option-settings {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(115px, .55fr);
  align-items: end;
  gap: 14px;
  margin-top: 12px;
}
.option-required {
  display: flex;
  align-items: center;
  gap: 6px;
  min-height: 40px;
  color: #344f3a;
  font-size: 12px;
  font-weight: 800;
}
.option-required input { width: auto; margin: 0; padding: 0; accent-color: #326b4a; }
.option-condition {
  display: grid;
  gap: 10px;
  margin-top: 15px;
  padding: 13px;
  border: 1px solid #d6e4d2;
  border-radius: 10px;
  background: #f2f8ef;
}
.option-condition-choices { display: flex; flex-wrap: wrap; gap: 8px 14px; }
.option-condition-choices > span { flex-basis: 100%; color: #536b59; font-size: 12px; font-weight: 700; }
.option-condition-choices label { display: inline-flex; align-items: center; gap: 6px; color: #344f3a; font-size: 12px; }
.option-condition-choices input { margin: 0; accent-color: #326b4a; }
.condition-warning { margin: 0; color: #a13d2c; font-size: 12px; }
.option-choices-heading {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  margin: 20px 0 9px;
  color: #344f3a;
  font-size: 12px;
}
.option-choices-heading span { color: #718175; font-weight: 500; }
.option-choices { display: grid; gap: 8px; }
.option-choice {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 125px auto;
  align-items: end;
  gap: 8px;
  padding: 9px;
  border: 1px solid #e2eae0;
  border-radius: 10px;
  background: white;
}
.option-choice-actions { display: flex; gap: 4px; padding-bottom: 3px; }
.option-add-choice { margin-top: 10px; }
.option-editor button:disabled { opacity: .45; cursor: not-allowed; }
:root[data-theme="dark"] .option-count-badge { background: #314337; color: #d5e6d4; }
:root[data-theme="dark"] .order-item-options { color: #b2c1b3; }
:root[data-theme="dark"] .option-editor { border-color: #405347; }
:root[data-theme="dark"] .option-editor-heading p,
:root[data-theme="dark"] .option-choices-heading span { color: #aabaaa; }
:root[data-theme="dark"] .option-empty,
:root[data-theme="dark"] .option-group { background: #17241b; border-color: #405347; color: #b7c9b8; }
:root[data-theme="dark"] .option-group legend,
:root[data-theme="dark"] .option-field,
:root[data-theme="dark"] .option-required,
:root[data-theme="dark"] .option-choices-heading { color: #e2eee1; }
:root[data-theme="dark"] .option-choice { background: #1d2d22; border-color: #405347; }
:root[data-theme="dark"] .option-condition { background: #213429; border-color: #405347; }
:root[data-theme="dark"] .option-condition-choices > span,
:root[data-theme="dark"] .option-condition-choices label { color: #d9e8d8; }
:root[data-theme="dark"] .condition-warning { color: #f2a394; }
:root[data-theme="dark"] .option-field input,
:root[data-theme="dark"] .option-field select,
:root[data-theme="dark"] .option-group-actions button,
:root[data-theme="dark"] .option-choice-actions button,
:root[data-theme="dark"] .option-add-choice { background: #233529; color: #eef5ec; border-color: #506753; }
:root[data-theme="dark"] .option-group-actions button:hover,
:root[data-theme="dark"] .option-choice-actions button:hover,
:root[data-theme="dark"] .option-add-choice:hover { background: #344d3a; }
@media (max-width: 850px) {
  .product-toolbar { flex-wrap: wrap; }
  .product-toolbar input { min-width: min(100%, 250px); }
  .product-toolbar select { min-width: 170px; }
}
@media (max-width: 600px) {
  .product-toolbar input, .product-toolbar select { width: 100%; min-width: 0; }
  .option-editor-heading { flex-direction: column; }
  .option-settings { grid-template-columns: minmax(0, 1fr) auto; }
  .option-settings .option-field:last-child:not(:first-child) { grid-column: 1 / -1; }
  .option-choice { grid-template-columns: minmax(0, 1fr) 100px; }
  .option-choice-actions { grid-column: 1 / -1; justify-content: flex-end; }
}