body.home-page:not(.order-focus-page) #serviceCommentModal .options-comment-field--service {
  display: grid;
  gap: 10px;
  width: 100%;
  padding: 16px;
  border: 1px solid #e2e8f0;
  border-radius: 20px;
  background: #ffffff;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

body.home-page:not(.order-focus-page) #serviceCommentModal .options-comment-field--service:focus-within {
  border-color: #6db361;
  box-shadow: 0 0 0 3px rgba(109, 179, 97, 0.08);
}

body.home-page:not(.order-focus-page) #serviceCommentModal .options-comment--service {
  min-height: clamp(140px, 20dvh, 180px);
  padding: 0 2px 8px;
  border: 0;
  border-radius: 0;
  background: transparent;
  resize: vertical;
}

body.home-page:not(.order-focus-page) #serviceCommentModal .order-media-fields {
  width: 100%;
}

@media (max-width: 560px) {
  body.home-page:not(.order-focus-page) #serviceCommentModal .options-comment-field--service {
    padding: 14px;
    border-radius: 18px;
  }

  body.home-page:not(.order-focus-page) #serviceCommentModal .options-comment--service {
    min-height: clamp(132px, 20dvh, 168px);
  }
}