/* Soap Flower v1.0.46 — sửa bố cục chữ và hàng vận chuyển */

/* Các nhãn điều khiển ngắn không được bẻ thành hai dòng trên desktop. */
@media (min-width: 769px) {
  .page-tools .backbtn,
  .page-tools .homequick,
  .sortbar a,
  .row > .label,
  .carthead > div,
  .checkout-summary > span:nth-child(odd),
  .checkout-summary > b,
  .payment-options .payoption,
  .placeorder .pinkbtn {
    white-space: nowrap;
  }

  .checkout-section .shippingrow {
    grid-template-columns: 200px minmax(0, 1fr) 120px;
    column-gap: 16px;
  }

  .checkout-section .shippingrow > b {
    min-width: 0;
    white-space: nowrap;
    font-size: 13px;
    line-height: 1.4;
  }

  .sf-shipping-section .shippingrow > b {
    padding-top: 11px;
  }

  .sf-shipping-section .shippingrow > div:nth-child(2) {
    width: 100%;
    min-width: 0;
    max-width: 620px;
  }
}

.sf-shipping-section select {
  min-width: 0;
  font-size: 13px;
}

.checkout-summary > span:nth-child(odd),
.checkout-summary > b,
.shippingrow > .text-right {
  white-space: nowrap;
}

/* Mobile: nhãn + số tiền ở hàng đầu, nội dung chọn dùng trọn hàng bên dưới. */
@media (max-width: 768px) {
  .checkout-section .shippingrow {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas:
      "sf-row-label sf-row-price"
      "sf-row-content sf-row-content";
    align-items: center !important;
    gap: 10px 12px !important;
  }

  .checkout-section .shippingrow > b {
    grid-area: sf-row-label;
    min-width: 0;
    padding: 0;
    white-space: nowrap;
    font-size: 13px;
    line-height: 1.35;
  }

  .checkout-section .shippingrow > div:nth-child(2) {
    grid-area: sf-row-content;
    width: 100%;
    min-width: 0 !important;
    max-width: none !important;
  }

  .checkout-section .shippingrow > div:nth-child(3) {
    grid-area: sf-row-price;
    justify-self: end;
    align-self: center;
    white-space: nowrap;
  }

  .sf-shipping-section select,
  #voucher-shop .voucher-trigger {
    width: 100%;
    max-width: none;
  }
}

@media (max-width: 360px) {
  .checkout-section .shippingrow > b,
  .checkout-section .shippingrow > div:nth-child(3),
  .sf-shipping-section select {
    font-size: 12px;
  }
}