/* Soap Flower mobile floral theme v1.0.53
   Đồng bộ thanh thao tác và bảng chọn phân loại theo nhận diện pastel hiện đại. */

@media (max-width: 820px) {
  :root {
    --sf-floral-rose: #df5f8f;
    --sf-floral-rose-deep: #c94778;
    --sf-floral-rose-dark: #a93461;
    --sf-floral-blush: #f8dfe7;
    --sf-floral-blush-soft: #fff4f7;
    --sf-floral-ivory: #fffaf8;
    --sf-floral-line: #efd7df;
    --sf-floral-text: #4f3f46;
  }

  /* Thanh thao tác cố định: bỏ mảng xanh/hồng cũ, chuyển sang pastel đồng bộ. */
  .m-product-actions {
    overflow: hidden;
    border-top: 1px solid rgba(201, 71, 120, .14) !important;
    background: rgba(255, 250, 248, .96) !important;
    box-shadow: 0 -8px 24px rgba(100, 52, 71, .09) !important;
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
  }

  .m-product-actions .m-action-left {
    background: transparent !important;
  }

  .m-product-actions .m-action-chat,
  .m-product-actions .m-action-cart {
    color: var(--sf-floral-text) !important;
    background: var(--sf-floral-ivory) !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .m-product-actions .m-action-chat {
    color: #9d4669 !important;
  }

  .m-product-actions .m-action-cart {
    color: var(--sf-floral-rose-dark) !important;
    background: linear-gradient(180deg, #fcebf0 0%, var(--sf-floral-blush) 100%) !important;
    border-left: 1px solid rgba(201, 71, 120, .13) !important;
  }

  .m-product-actions .m-action-chat::after,
  .m-product-actions .m-action-cart::after {
    display: none !important;
  }

  .m-product-actions .m-action-icon,
  .m-product-actions .m-action-icon svg {
    color: currentColor !important;
    stroke: currentColor !important;
  }

  .m-product-actions .m-action-chat small,
  .m-product-actions .m-action-cart small {
    color: currentColor !important;
    font-weight: 700 !important;
  }

  .m-product-actions .m-action-buy {
    color: #fff !important;
    background: linear-gradient(135deg, #e978a1 0%, var(--sf-floral-rose) 52%, var(--sf-floral-rose-deep) 100%) !important;
    border: 0 !important;
    box-shadow: inset 1px 0 rgba(255, 255, 255, .18) !important;
  }

  .m-product-actions .m-action-buy span,
  .m-product-actions .m-action-buy strong {
    color: #fff !important;
    text-shadow: 0 1px 1px rgba(119, 35, 67, .12);
  }

  .m-product-actions button:active {
    filter: brightness(.97);
  }

  /* Bảng chọn phân loại: loại bỏ màu cam mặc định của Shopee. */
  .m-purchase-sheet .m-sheet-product strong,
  .m-purchase-sheet #mobileSheetPrice {
    color: var(--sf-floral-rose-deep) !important;
  }

  .m-purchase-sheet .m-sheet-product small,
  .m-purchase-sheet #mobileSheetStock {
    color: #8c7c83 !important;
  }

  .m-purchase-sheet .m-sheet-close {
    color: #8e7f85 !important;
    background: #faf5f6 !important;
  }

  .m-purchase-sheet .m-sheet-variants button {
    color: var(--sf-floral-text) !important;
    border-color: #eee4e7 !important;
    background: #fffdfc !important;
  }

  .m-purchase-sheet .m-sheet-variants button.active,
  .m-purchase-sheet .m-sheet-variants button.selected,
  .m-purchase-sheet .m-sheet-variants button[aria-pressed="true"] {
    color: var(--sf-floral-rose-dark) !important;
    border-color: var(--sf-floral-rose) !important;
    background: var(--sf-floral-blush-soft) !important;
    box-shadow: 0 0 0 1px rgba(223, 95, 143, .08) !important;
  }

  .m-purchase-sheet .m-sheet-qty button {
    color: var(--sf-floral-rose-deep) !important;
  }

  .m-purchase-sheet .m-sheet-submit {
    color: #fff !important;
    background: linear-gradient(135deg, #e978a1 0%, var(--sf-floral-rose) 54%, var(--sf-floral-rose-deep) 100%) !important;
    border: 0 !important;
    box-shadow: 0 8px 18px rgba(201, 71, 120, .18) !important;
  }

  .m-purchase-sheet .m-sheet-submit:disabled {
    color: #a99da2 !important;
    background: #eee9eb !important;
    box-shadow: none !important;
  }

  /* Đồng bộ các điểm nhấn giá trên trang sản phẩm mobile. */
  .m-product-summary .m-summary-price strong {
    color: var(--sf-floral-rose-deep) !important;
  }

  .m-product-summary .m-summary-price span,
  .m-product-summary .m-summary-tags span {
    color: var(--sf-floral-rose-dark) !important;
    background: var(--sf-floral-blush-soft) !important;
  }

  .m-product-summary .m-summary-tags b,
  .m-member-offer b {
    color: var(--sf-floral-rose-deep) !important;
  }

  .m-member-offer {
    background: linear-gradient(100deg, #fff4f7 0%, #fffaf9 100%) !important;
    border-color: rgba(223, 95, 143, .12) !important;
  }

  .m-member-offer i {
    color: var(--sf-floral-rose) !important;
  }
}