.wo-shop-admin {
  width: min(1180px, 100%);
  height: min(94dvh, 920px);
  border-radius: 22px;
}

.wo-shop-admin-head {
  flex: none;
  padding: 17px 20px;
}

.wo-shop-admin-head h2 {
  margin: 0;
}

.wo-shop-admin-head p {
  margin: 4px 0 0;
  color: rgba(255, 255, 255, .62);
  font: 600 .68rem/1.4 'Sarabun', sans-serif;
}

.wo-delivery-admin-intro {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 14px;
  padding: 13px 15px;
  border: 1px solid #ead5c1;
  border-radius: 13px;
  background: #fff;
  font-family: 'Sarabun', sans-serif;
}

.wo-delivery-admin-intro strong {
  flex: none;
  color: #c8571a;
  font-size: .82rem;
}

.wo-delivery-admin-intro span {
  color: #806451;
  font-size: .7rem;
  line-height: 1.55;
}

.wo-admin-shop-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.wo-admin-product.wo-delivery-menu-control {
  grid-template-columns: 112px minmax(0, 1fr);
  align-items: start;
  gap: 13px;
  padding: 14px;
  border: 1px solid #eadbcd;
  box-shadow: 0 6px 18px rgba(65, 32, 14, .05);
}

.wo-delivery-menu-control > img {
  width: 112px;
  height: 112px;
}

.wo-delivery-menu-title {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  font: 800 .82rem/1.4 'Sarabun', sans-serif;
}

.wo-delivery-menu-title b {
  flex: none;
  color: #c8571a;
}

.wo-delivery-menu-info > p {
  margin: 5px 0 9px;
  color: #91735f;
  font: 500 .67rem/1.5 'Sarabun', sans-serif;
}

.wo-delivery-addon-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-bottom: 11px;
}

.wo-delivery-addon-summary > span {
  width: 100%;
  color: #71513e;
  font: 800 .62rem 'Sarabun', sans-serif;
}

.wo-delivery-addon-summary em,
.wo-delivery-addon-summary small {
  padding: 4px 7px;
  border-radius: 999px;
  background: #f7eee6;
  color: #785844;
  font: 600 .58rem 'Sarabun', sans-serif;
  font-style: normal;
}

.wo-delivery-sales-controls {
  display: grid;
  grid-template-columns: 1fr 130px;
  gap: 8px;
  margin-bottom: 8px;
}

.wo-delivery-sales-controls label,
.wo-delivery-notice-label {
  color: #70513e;
  font: 700 .64rem 'Sarabun', sans-serif;
}

.wo-delivery-sales-controls input[type='number'],
.wo-delivery-notice-label textarea {
  width: 100%;
  box-sizing: border-box;
  margin: 5px 0 0;
  padding: 9px;
  border: 1px solid #ddcbbb;
  border-radius: 8px;
  background: #fff;
  font: 500 .72rem 'Sarabun', sans-serif;
}

.wo-delivery-sale-switch {
  display: flex;
  align-items: center;
  gap: 8px;
  min-height: 39px;
  margin-top: 19px;
  padding: 0 11px;
  border-radius: 8px;
  background: #eff9f1;
}

.wo-delivery-sale-switch input {
  width: 18px;
  height: 18px;
  accent-color: #c8571a;
}

.wo-delivery-save-menu {
  width: 100%;
  margin-top: 9px;
  border: 0;
  border-radius: 9px;
  padding: 10px 12px;
  background: #c8571a;
  color: #fff;
  font: 800 .68rem 'Sarabun', sans-serif;
  cursor: pointer;
}

.wo-delivery-save-menu:disabled {
  opacity: .55;
}

.wo-brochure-admin {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin: 9px 0;
  padding: 9px;
  border-radius: 9px;
  background: #fff8ef;
  color: #70513e;
  font: 700 .64rem 'Sarabun', sans-serif;
}

.wo-brochure-admin label {
  display: flex;
  align-items: center;
  gap: 7px;
}

.wo-brochure-admin select {
  flex: 1;
  min-width: 0;
  padding: 7px;
  border: 1px solid #ddcbbb;
  border-radius: 7px;
  background: #fff;
}

.wo-delivery-empty-menu {
  grid-column: 1 / -1;
  padding: 35px 18px;
  border: 1px dashed #d9c1ad;
  border-radius: 14px;
  color: #8d705d;
  text-align: center;
  font: 700 .76rem 'Sarabun', sans-serif;
}

@media (max-width: 820px) {
  .wo-shop-admin-overlay {
    padding: 0;
  }

  .wo-shop-admin {
    width: 100%;
    height: 100dvh;
    border-radius: 0;
  }

  .wo-shop-admin-body {
    padding: 11px;
  }

  .wo-admin-shop-grid {
    grid-template-columns: 1fr;
  }

  .wo-delivery-admin-intro {
    display: block;
  }

  .wo-delivery-admin-intro span {
    display: block;
    margin-top: 4px;
  }
}

@media (max-width: 480px) {
  .wo-admin-product.wo-delivery-menu-control {
    grid-template-columns: 82px minmax(0, 1fr);
    gap: 10px;
    padding: 10px;
  }

  .wo-delivery-menu-control > img {
    width: 82px;
    height: 82px;
  }

  .wo-delivery-sales-controls {
    grid-template-columns: 1fr;
  }

  .wo-brochure-admin {
    grid-template-columns: 1fr;
  }

  .wo-delivery-sale-switch {
    margin-top: 0;
  }
}