/* V8 — nomes de unidade inteiros e hierarquia editorial no fechamento do pedido. */
.order-panel {
  isolation: isolate;
  overflow: hidden;
  min-width: 0;
  padding: clamp(25px, 2.2vw, 34px);
}

.order-panel::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 190px;
  height: 38px;
  right: -54px;
  top: 82px;
  border-radius: 50%;
  background: rgba(255, 203, 0, .22);
  transform: rotate(-8deg);
  pointer-events: none;
}

.order-panel h2 {
  max-width: 100%;
  margin: 18px 0 20px;
  font-size: clamp(39px, 3.1vw, 54px);
  line-height: .88;
  letter-spacing: -.035em;
  overflow-wrap: normal;
  word-break: normal;
  text-wrap: balance;
}

.order-panel h2.is-long-name { font-size: clamp(34px, 2.65vw, 46px); }
.order-panel h2.is-very-long-name { font-size: clamp(29px, 2.25vw, 39px); line-height: .91; }

@media (max-width: 1180px) and (min-width: 901px) {
  .order-panel h2 { font-size: 42px; }
  .order-panel h2.is-long-name { font-size: 35px; }
  .order-panel h2.is-very-long-name { font-size: 30px; }
}

@media (max-width: 900px) {
  .order-panel { max-width: 720px; }
  .order-panel h2 { max-width: 640px; font-size: clamp(46px, 8vw, 72px); }
  .order-panel h2.is-long-name { font-size: clamp(40px, 7vw, 62px); }
  .order-panel h2.is-very-long-name { font-size: clamp(35px, 6vw, 54px); }
}

@media (max-width: 620px) {
  .order-panel { padding: 25px 20px 28px; border-radius: 24px; }
  .order-panel h2,
  .order-panel h2.is-long-name,
  .order-panel h2.is-very-long-name { font-size: clamp(36px, 11.2vw, 50px); line-height: .9; }
}