/**
 * Mobile product card type — match search box font (body/UI sans)
 * Product code +40% vs previous 0.75rem → 1.05rem
 */
@media (max-width: 768px) {
  .search-bar input,
  .search-bar .search-field,
  .product-code,
  .product-title,
  .product-info .product-title,
  .product-price,
  .product-price2,
  .product-grid .product-code,
  .product-grid .product-title,
  .product-grid .product-price,
  .product-grid .product-price2,
  .woocommerce ul.products li.product .woocommerce-loop-product__title,
  .woocommerce ul.products li.product .price,
  .woocommerce ul.products li.product .price .amount {
    font-family: var(--fy-font-body, "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif) !important;
  }

  /* Keep price size from prior mobile rule (~17px) but same family */
  .product-price,
  .product-price2,
  .product-grid .product-price,
  .product-grid .product-price2 {
    font-weight: 700 !important;
  }

  .product-title,
  .product-grid .product-title {
    font-weight: 500 !important;
  }

  /* was 0.75rem → +40% = 1.05rem */
  .product-code,
  .product-grid .product-code {
    font-size: 1.05rem !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
  }

  /* Title +20% from 1.1rem → 1.32rem; price +30% from 17px → ~22px */
  .product-title,
  .product-grid .product-title,
  .product-info .product-title {
    font-size: 1.32rem !important;
    line-height: 1.35 !important;
  }

  .product-price,
  .product-price2,
  .product-grid .product-price,
  .product-grid .product-price2,
  .woocommerce ul.products li.product .price,
  .woocommerce ul.products li.product .price .amount {
    font-size: 22px !important;
    line-height: 1.3 !important;
  }


  /* Product detail page price — mobile 20px */
  .pd-price-amount,
  .pd-price .amount,
  .single-product .price,
  .single-product .price .amount,
  .single-product p.price,
  .woocommerce div.product p.price,
  .woocommerce div.product span.price,
  .woocommerce div.product p.price .amount,
  .woocommerce div.product span.price .amount {
    font-size: 40px !important;
    line-height: 1.2 !important;
    font-family: var(--fy-font-body, "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif) !important;
  }

  /* Product detail code — 30px mobile (.pd-sku) */
  .pd-sku,
  .single-product .pd-sku,
  .woocommerce div.product .pd-sku,
  body.single-product .pd-sku,
  .single-product .product-code,
  .pd-product-code {
    font-size: 30px !important;
    line-height: 1.2 !important;
    font-family: var(--fy-font-body, "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif) !important;
    font-weight: 600 !important;
  }
  .pd-sku strong {
    font-size: inherit !important;
    font-weight: 700 !important;
  }

}

/* Product detail trust badges — 3 full-width rows */
.pd-shipping-info {
  display: flex !important;
  flex-direction: column !important;
  flex-wrap: nowrap !important;
  align-items: stretch !important;
  gap: 0.65rem !important;
  padding: 14px 0 !important;
}

.pd-shipping-info .pd-ship-item {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 auto !important;
  min-width: 0;
  gap: 0.75rem !important;
  box-sizing: border-box;
  padding: 0.7rem 0.9rem !important;
  border: 1px solid var(--fy-mist, #D9D2C8);
  border-radius: 12px;
  background: var(--fy-cream, #FAF7F2);
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  color: var(--fy-ink, #141414) !important;
}

.pd-shipping-info .pd-ship-item span {
  display: inline !important;
  white-space: normal !important;
  line-height: 1.3;
  font-family: var(--fy-font-body, "DM Sans", system-ui, sans-serif) !important;
}

.pd-shipping-info .pd-ship-icon {
  flex-shrink: 0;
  width: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pd-shipping-info .pd-ship-item i {
  font-size: 1.25rem !important;
  color: var(--fy-primary, #0F2E28) !important;
}

@media (max-width: 768px) {
  .pd-shipping-info {
    flex-direction: column !important;
    gap: 0.55rem !important;
  }
  .pd-shipping-info .pd-ship-item {
    width: 100% !important;
    font-size: 0.9rem !important;
  }
}