/* AI Album mobile readability v18.1
   Public shop homepage, catalog and guided product picker only.
   Desktop and studio/admin UI remain unchanged. No image/layout ratio changes.
*/
@media (max-width: 600px) {
  /* Home page: text below the headline was undersized at 9-13px. */
  .dev-banner { font-size: 11px; line-height: 1.5; }
  .site-header .brand small { font-size: 10px; }
  .hero .eyebrow, .section-heading .eyebrow { font-size: 12px; letter-spacing: .2px; }
  .hero p { font-size: 16px; line-height: 1.75; }
  .hero-actions .btn { font-size: 14px; }
  .hero-actions .text-link { font-size: 13px; max-width: 115px; line-height: 1.45; }
  .hero-foot { font-size: 12px; line-height: 1.5; gap: 12px; flex-wrap: wrap; }

  /* Product catalog: keep two product cards per row, increase *readability*. */
  #catalog .section-heading h2 { font-size: 27px; }
  #catalog .search-box input { font-size: 16px; }
  #catalog .category-tabs button { font-size: 13px; padding: 9px 13px; }
  #catalog .art-tag { font-size: 10px; }
  #catalog .product-info h3 { font-size: 17px; line-height: 1.4; }
  #catalog .product-info p { font-size: 13px; line-height: 1.6; min-height: 0; margin-bottom: 14px; }
  #catalog .product-bottom small { font-size: 11px; line-height: 1.4; }
  #catalog .product-bottom b { font-size: 16px; line-height: 1.35; }
  #catalog .product-arrow { width: 29px; height: 29px; font-size: 14px; }

  /* Home page 'how it works' and footer captions. */
  .how-step b { font-size: 14px; }
  .how-step p { font-size: 13px; line-height: 1.6; }
  .how-step span { font-size: 12px; }
  .site-footer p, .site-footer .footer-links { font-size: 13px; }
  .site-footer > small { font-size: 11px; }

  /* Guided chat: larger labels without losing the two-column choice grid. */
  .shop-chat .sc-header h2 { font-size: 21px; }
  .shop-chat .sc-header p { font-size: 13px; line-height: 1.5; }
  .shop-chat .sc-progress { gap: 7px; }
  .shop-chat .sc-progress > span { font-size: 12px; gap: 4px; }
  .shop-chat .sc-progress i { width: 22px; height: 22px; font-size: 11px; }
  .shop-chat .sc-progress b { font-size: 12px; }
  .shop-chat .sc-message p { font-size: 15px; line-height: 1.65; }
  .shop-chat .sc-option { padding: 13px 9px; gap: 7px; }
  .shop-chat .sc-option strong { font-size: 15px; line-height: 1.45; }
  .shop-chat .sc-option small { font-size: 12px; line-height: 1.45; }
  .shop-chat .sc-size .sc-size-name { font-size: 15px; }
  .shop-chat .sc-size .sc-price { font-size: 16px; }
  .shop-chat .sc-size .sc-size-note { font-size: 12px; }
  .shop-chat .sc-summary dl { font-size: 14px; }
  .shop-chat .sc-summary details, .shop-chat .sc-summary td, .shop-chat .sc-summary th { font-size: 13px; }
  .shop-chat .sc-hint, .shop-chat .sc-demo, .shop-chat .sc-status { font-size: 13px; }
  .shop-chat .sc-tools button { font-size: 13px; }
  .shop-chat .sc-footnote { font-size: 11px; }
  .shop-chat .sc-continue { font-size: 15px; }
}
@media (max-width: 375px) {
  /* Fit narrow phone screens while keeping all options and step labels visible. */
  #catalog .product-info { padding-inline: 10px; }
  .shop-chat .sc-progress { gap: 4px; padding-inline: 6px; }
  .shop-chat .sc-progress > span { font-size: 11px; gap: 3px; }
  .shop-chat .sc-option { padding-inline: 7px; }
  .shop-chat .sc-option-icon { width: 27px; height: 29px; }
}