/* Owner 2026-10-28: shorter, tidier pages on phones (≤ 767 px). Same content; only spacing and sizes.
   Loaded by pet_shipping.php and product.php (pet pages). */
@media (max-width: 767px) {
  /* the page title band */
  body .site__header.section__overlay { padding-top: 88px !important; padding-bottom: 14px !important; }
  body .site__header .section__heading-title { font-size: 30px !important; margin-bottom: 8px !important; }

  /* Pet Shipping: intro text folds to 4 lines with "Read more"; tighter form fields */
  .sk-fold { position: relative; max-height: 6.2em; overflow: hidden; transition: max-height .3s ease; }
  .sk-fold::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 2.2em; background: linear-gradient(rgba(255,255,255,0), var(--sk-bg, #faf7f1)); pointer-events: none; }
  .sk-fold.is-open { max-height: 80em; }
  .sk-fold.is-open::after { display: none; }
  .sk-fold-btn { display: inline-flex; align-items: center; gap: 4px; margin: 6px 0 4px; padding: 0; border: 0; background: none; color: var(--sk-gold-ink, #8f6410); font: 700 14px/1.2 Nunito, Arial, sans-serif; cursor: pointer; }
  .elementor-element-4ae62cd .elementor-widget-container { font-size: 15px; line-height: 1.55; }
  .elementor-element-4ae62cd .elementor-widget-container.sk-fold { max-height: 12em; }
  .elementor-form .elementor-field-group { margin-bottom: 8px !important; }
  .elementor-form .elementor-field-textual { margin-bottom: 0 !important; min-height: 44px; }
  .elementor-form .elementor-field-label { margin-bottom: 4px !important; }

  /* Pet page: "Your pet comes with" in two columns, tags in one scrolling row, tighter cards */
  .product__details { padding-top: 18px !important; }
  .product__details .col-lg-7.mb-5 { margin-bottom: 14px !important; }
  .product__info { margin-top: 0 !important; }
  .product__details .elementor-price-list-item { padding: 4px 0 !important; }
  .product__details .elementor-price-list-title { font-size: 14px !important; }
  .product__details .elementor-price-list-price { font-size: 11px !important; }
  .product__details .elementor-widget-price-list .elementor-widget-container { margin: 0 !important; }
  .product__details .tagged_as { display: flex; flex-wrap: nowrap; overflow-x: auto; gap: 6px; padding-bottom: 4px; white-space: nowrap; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
  .product__details .tagged_as::-webkit-scrollbar { display: none; }
  .product__details .tagged_as a { flex: 0 0 auto; }
  .product__info { margin-bottom: 12px !important; }
  .product__tabs .desc p { font-size: 15px; line-height: 1.55; margin-bottom: 10px; }
}