/* Additive, front-page only. No colors, text, links, JS or overflow hiding. */
@media (max-width: 620px) {
  body.azukaru-site-pack { --azk-mobile-gutter: 16px; }
  body.azukaru-site-pack .hero-inner {
    width: 100%; max-width: 100%;
    padding-inline: var(--azk-mobile-gutter);
    grid-template-columns: minmax(0, 1fr);
  }
  body.azukaru-site-pack .hero-inner > * { min-width: 0; max-width: 100%; }
  body.azukaru-site-pack .hero h1 {
    font-size: clamp(30px, 9vw, 56px); line-height: 1.15;
  }
  body.azukaru-site-pack .price-line {
    max-width: 100%; min-width: 0; gap: 0;
    white-space: normal; flex-wrap: wrap;
  }
  body.azukaru-site-pack .price-one { min-width: 0; overflow-wrap: anywhere; }
  body.azukaru-site-pack .hero-copy,
  body.azukaru-site-pack .hero-note,
  body.azukaru-site-pack .hero-socials a {
    min-width: 0; max-width: 100%; white-space: normal; overflow-wrap: anywhere;
  }
  body.azukaru-site-pack .hero-kicker { max-width: 100%; white-space: normal; }
  body.azukaru-site-pack .hero-kicker > span { min-width: 0; }
  body.azukaru-site-pack .hero-ctas {
    width: 100%; min-width: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px;
  }
  body.azukaru-site-pack .hero-ctas .button {
    min-width: 0; max-width: 100%; width: 100%;
    padding-inline: 10px; white-space: normal; overflow-wrap: anywhere;
    text-align: center;
  }
  body.azukaru-site-pack .header-inner {
    width: 100%; max-width: 100%; gap: 8px;
    padding-inline: var(--azk-mobile-gutter);
  }
  body.azukaru-site-pack .header-inner .brand {
    min-width: 0; max-width: calc(100% - 136px); flex: 1 1 auto; gap: 6px;
    font-size: clamp(12px, 3.7vw, 15px);
  }
  body.azukaru-site-pack .brand-mark { flex: 0 0 28px; width: 28px; height: 28px; }
  body.azukaru-site-pack .brand img { width: 100%; height: auto; object-fit: contain; }
  body.azukaru-site-pack .header-actions { flex: 0 0 auto; gap: 4px; }
  body.azukaru-site-pack .header-actions .language-select { width: 48px; min-width: 0; padding-inline: 4px; }
  body.azukaru-site-pack .header-actions .icon-button { width: 36px; min-width: 36px; padding-inline: 0; }
}
@media (max-width: 360px) {
  body.azukaru-site-pack .hero-ctas { grid-template-columns: minmax(0, 1fr); }
}