/* Product detail page (Nov 2026): one vertical rhythm for the info column, a price row whose stepper and
   Add to Cart share one height, and a pill-shaped quantity stepper. Scoped to .product-details-page.mod. */
.product-details-page.mod .product-delails-bx { display: flex; flex-direction: column; }

/* Title and minimum-order badge */
.product-details-page.mod .product-details-top { margin-bottom: 1.5rem; }
.product-details-page.mod .product-details-top h1 { margin: 0 0 0.75rem; line-height: 1.15; }
.product-details-page.mod .product-details-top .tag_line:not(:empty) {
  display: inline-block; padding: 0.25rem 0.875rem; border-radius: 999px;
  background: var(--nutri-green-100); color: var(--nutri-green-800);
  font-size: 0.875rem; font-weight: 600; line-height: 1.5;
}

/* Description and calories */
.product-details-page.mod .main-product-price { padding-top: 1.5rem; }
.product-details-page.mod .main-product-price .product-option-name { display: block; line-height: 1.6; }
.product-details-page.mod .main-product-price p { margin: 0.25rem 0 0; }

/* Price row: price on the left, stepper and Add to Cart on the right */
.product-details-page.mod .product-price {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem 1.5rem;
  margin: 1.5rem 0 0; padding-bottom: 1.5rem; border-bottom: 1px solid #E9E9E9;
}
.product-details-page.mod .product-price-left p {
  display: flex; align-items: baseline; flex-wrap: wrap; margin: 0; padding: 0;
  font-size: 2.5rem; line-height: 1;
}
.product-details-page.mod .product-price-left .price-unit {
  margin-inline-start: 0.5rem; font-size: 1rem; font-weight: 500; color: #5f6b5c !important;
}
.product-details-page.mod .product-price-right { display: flex; align-items: center; gap: 0.75rem; }
.product-details-page.mod .cart_btm {
  width: auto; height: 48px; margin: 0; padding: 0 1.75rem; font-size: 1rem; font-weight: 600;
}

/* The pill quantity stepper is shared with the cart and lives in nutri-shell.css. */

/* Tabby, ordering notice and delivery note */
.product-details-page.mod .product-tabby { width: 100%; max-width: 600px; margin: 1.5rem 0; }
.product-details-page.mod .notification_product { margin-bottom: 1rem; padding: 0.75rem 0; }
.product-details-page.mod .notification_product p { font-size: 0.9375rem; line-height: 1.4; }
.product-details-page.mod .note-2 {
  padding: 0.75rem 1rem; border-radius: 10px; background: var(--nutri-green-100);
  color: var(--nutri-green-800); font-size: 0.9375rem;
}

@media (max-width: 767px) {
  .product-details-page.mod .product-price { flex-direction: column; align-items: stretch; }
  .product-details-page.mod .product-price-right { width: 100%; }
  .product-details-page.mod .cart_btm { flex: 1; width: auto; }
}