.gb-story-page .gb-mobile-panel, .gb-story-page .gb-mobile-contact { display: none; }

@media (max-width: 900px) {
  .gb-story-page .gb-experience { background: var(--surface); }
  .gb-story-page .gb-map-drawing { opacity: .5; }
  .gb-story-page .gb-map-pin text { display: none; }
  .gb-story-page .gb-journey { display: block; width: min(calc(100% - var(--gutter) * 2), 720px); }
  .gb-story-page .gb-scenes { display: block; }
  .gb-story-page .gb-companion { display: none; }
  .gb-story-page .gb-scene { min-height: 0; padding-block: var(--space-4); align-items: stretch; }
  .gb-story-page .gb-scene::before { left: calc((min(calc(100cqw - var(--gutter) * 2), 720px) - 100cqw) / 2); }
  .ap-google-business.gb-story-page .gb-journey .gb-hero { min-height: 0; height: auto; padding-block: var(--space-5) var(--space-4); }
  .gb-story-page .gb-hero-copy { min-height: 0; max-width: none; padding: 0; }
  .ap-google-business.gb-story-page .gb-hero-copy h1 { margin-bottom: var(--space-4); font-size: clamp(40px, 10.8vw, 56px); line-height: 1.04; }
  .gb-story-page .gb-hero-details { margin-top: 0; padding: var(--space-3); background: #f8f7f3d9; backdrop-filter: blur(8px); }
  .gb-story-page .gb-hero-details .gb-lead { font-size: 17px; line-height: 1.55; }
  .gb-story-page .gb-actions { flex-direction: column; align-items: stretch; gap: var(--space-1); margin-top: var(--space-4); }
  .gb-story-page .gb-actions .button { justify-content: space-between; }
  .gb-story-page .gb-actions .gb-text-link { align-self: center; min-height: 44px; }
  .gb-story-page .gb-scene-copy { width: 100%; max-width: none; padding: var(--space-4); background: #f8f7f3d9; backdrop-filter: blur(8px); }
  .gb-story-page .gb-scene-copy h2 { margin-top: var(--space-3); font-size: clamp(28px, 6.8vw, 36px); line-height: 1.15; }
  .gb-story-page .gb-scene-copy > p { margin-top: var(--space-3); font-size: 17px; line-height: 1.6; }
  .gb-story-page .gb-stage-list { margin-top: var(--space-4); padding-top: var(--space-4); gap: var(--space-2); font-size: var(--type-body); }
  .gb-story-page .gb-scene-avaliacoes { --gb-scene-bg: #232321c7; }
  .gb-story-page .gb-scene-avaliacoes .gb-scene-copy { background: #232321d9; }
  .gb-story-page .gb-policy-link { min-height: 48px; margin-top: var(--space-3); }
  .gb-story-page .gb-question-list summary { min-height: 56px; padding-block: var(--space-3); }
  .gb-story-page .gb-question-list details p { padding-right: 0; }
  .gb-story-page .gb-mobile-contact { display: block; margin-top: var(--space-4); }
  .gb-story-page .gb-mobile-contact .button { display: flex; width: 100%; min-height: 52px; justify-content: space-between; }

  .gb-story-page .gb-mobile-panel { display: block; margin-top: var(--space-4); overflow: hidden; border: 1px solid #dfe4df; border-radius: var(--radius-small); background: #fff; color: #202124; font-size: var(--type-body-small); line-height: 1.45; }
  .gb-story-page .gb-mobile-profile-map, .gb-story-page .gb-mobile-listing-map { position: relative; height: 76px; background: #e8ece5 url('/assets/media/examples/google-business-world.svg') 35% 46% / 170% auto; }
  .gb-story-page .gb-mobile-map-pin { position: absolute; left: 45%; top: 30%; width: 18px; height: 18px; border: 5px solid #b6544f; border-radius: 50% 50% 50% 3px; transform: rotate(-45deg); background: #fff; }
  .gb-story-page .gb-mobile-profile-heading, .gb-story-page .gb-mobile-panel-heading { display: flex; align-items: center; gap: var(--space-2); padding: var(--space-3); }
  .gb-story-page .gb-mobile-profile-heading strong, .gb-story-page .gb-mobile-listing-copy strong { display: block; font-size: 17px; font-weight: 500; }
  .gb-story-page .gb-mobile-profile-heading div > span { display: block; margin-top: 4px; color: #5f6368; }
  .gb-story-page .gb-mobile-avatar { display: grid; place-items: center; flex: 0 0 36px; height: 36px; border-radius: 50%; background: #edf4f0; color: #137a82; font-size: 18px; }
  .gb-story-page .gb-mobile-profile-fields { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--space-1); padding: var(--space-2) var(--space-3); border-top: 1px solid #e4e6e6; color: #137a82; }
  .gb-story-page .gb-mobile-panel dl { margin: 0; padding: 0 var(--space-3); }
  .gb-story-page .gb-mobile-panel dl > div { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--space-1); padding-block: var(--space-2); border-top: 1px solid #e4e6e6; }
  .gb-story-page .gb-mobile-panel dt { color: #5f6368; }
  .gb-story-page .gb-mobile-panel dd { margin: 0; font-weight: 500; }
  .gb-story-page .gb-mobile-panel-informacao { display: flex; align-items: stretch; }
  .gb-story-page .gb-mobile-listing-map { flex: 0 0 76px; height: auto; min-height: 110px; background-size: auto 160%; }
  .gb-story-page .gb-mobile-listing-copy { display: grid; align-content: center; gap: var(--space-1); padding: var(--space-2); min-width: 0; }
  .gb-story-page .gb-mobile-listing-copy > span { color: #5f6368; }
  .gb-story-page .gb-mobile-panel-avaliacoes { display: grid; justify-items: center; gap: var(--space-2); padding: var(--space-4) var(--space-3); text-align: center; }
  .gb-story-page .gb-mobile-stars { color: #9a7531; font-size: 32px; line-height: 1; }
  .gb-story-page .gb-mobile-panel-avaliacoes strong { font-size: 17px; font-weight: 500; }
  .gb-story-page .gb-mobile-panel-avaliacoes > span:last-child { color: #5f6368; }
  .gb-story-page .gb-mobile-panel-entrega { display: flex; align-items: center; gap: var(--space-2); padding: var(--space-3); }
  .gb-story-page .gb-mobile-delivery-icon { display: grid; place-items: center; flex: 0 0 36px; height: 36px; border-radius: 50%; background: #edf4f0; color: #137a82; font-size: 22px; }
  .gb-story-page .gb-mobile-panel-entrega strong, .gb-story-page .gb-mobile-panel-entrega div > span { display: block; }
  .gb-story-page .gb-mobile-panel-entrega div > span { margin-top: var(--space-1); color: #5f6368; }

  .gb-story-page .gb-search-footer { position: relative; bottom: auto; min-height: 0; padding-block: var(--space-5); }
  .gb-story-page .gb-search-footer-inner { width: min(calc(100% - var(--gutter) * 2), 720px); min-height: 0; }
  .gb-story-page .gb-search-content { align-items: stretch; padding-block: 0 var(--space-5); text-align: left; }
  .gb-story-page .gb-search-content h2 { max-width: 17ch; font-size: clamp(32px, 8vw, 40px); line-height: 1.1; }
  .gb-story-page .gb-search-content > p { margin-top: var(--space-3); font-size: 17px; line-height: 1.55; }
  .gb-story-page .gb-business-search { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: var(--space-2); min-height: 0; margin-top: var(--space-4); padding: var(--space-3); border-radius: var(--radius); }
  .gb-story-page .gb-search-icon { margin-left: 0; }
  .gb-story-page .gb-business-search input[type="search"] { width: 100%; min-height: 48px; font-size: 17px; }
  .gb-story-page .gb-business-search button { grid-column: 1 / -1; width: 100%; min-height: 48px; border-radius: var(--cta-radius); justify-content: space-between; }
  .gb-story-page #gb-search-help { margin-top: var(--space-2); }
  .gb-story-page .gb-footer-information { padding-top: var(--space-4); }
  .gb-story-page .gb-footer-columns { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--space-4); }
  .gb-story-page .gb-footer-brand { grid-column: 1 / -1; }
  .gb-story-page .gb-footer-navigation, .gb-story-page .gb-footer-contacts { gap: var(--space-1); }
  .gb-story-page .gb-footer-navigation nav { gap: var(--space-1) var(--space-3); }
  .gb-story-page .gb-footer-navigation a, .gb-story-page .gb-footer-contacts a { display: inline-flex; align-items: center; min-height: 44px; }
  .gb-story-page .gb-footer-hosting { grid-column: 1 / -1; gap: var(--space-2); }
  .gb-story-page .gb-footer-hosting > a { display: inline-flex; align-items: center; min-height: 44px; justify-self: start; }
  .gb-story-page .gb-footer-bottom { display: grid; gap: var(--space-3); margin-top: var(--space-4); padding-top: var(--space-4); align-items: start; }
  .gb-story-page .gb-footer-bottom > span { white-space: normal; }
}

@media (max-width: 480px) {
  .gb-story-page .gb-scene-copy { padding: var(--space-3); }
  .gb-story-page .gb-footer-columns { grid-template-columns: minmax(0, 1fr); }
}