@media (max-width: 1024px) {
  /* Mobile-only presentation: keep the segment showcase independent from the legacy card rules. */
  .mobile-segments { display: block !important; padding-top: 54px !important; padding-bottom: 88px !important; }
  .mobile-segments h2 { max-width: 370px !important; }
  .mobile-segments .mobile-muted { margin-top: 14px !important; color: var(--landing-muted) !important; }
  .mobile-segments .mobile-chips { display: flex !important; flex-wrap: nowrap !important; gap: 28px !important; overflow-x: auto !important; margin-top: 46px !important; padding: 0 0 10px !important; border-bottom: 1px solid var(--landing-line) !important; scrollbar-width: none !important; }
  .mobile-segments .mobile-chips::-webkit-scrollbar { display: none !important; }
  .mobile-segments .mobile-chips button { flex: 0 0 auto !important; min-width: max-content !important; min-height: 44px !important; padding: 8px 0 !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: var(--landing-muted) !important; white-space: nowrap !important; }
  .mobile-segments .mobile-chips button.is-active { color: var(--landing-text) !important; }
  .mobile-segments .mobile-chips button.is-active:after { display: block !important; height: 2px !important; background: var(--landing-gold) !important; }
  .mobile-segment-stage { position: relative !important; display: block !important; min-height: 484px !important; margin-top: 32px !important; overflow: visible !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; box-shadow: none !important; isolation: isolate !important; }
  .mobile-segment-stage > .mobile-segment-counter { position: absolute !important; top: 0 !important; right: 0 !important; z-index: 5 !important; }
  .mobile-segment-photo { position: absolute !important; display: block !important; top: 34px !important; right: auto !important; bottom: 12px !important; left: 0 !important; width: 82% !important; height: auto !important; min-height: 0 !important; border: 1px solid rgba(255,255,255,.1) !important; border-radius: 16px !important; background-color: #29221d !important; background-image: url('../assets/segments-contexts.png') !important; background-repeat: no-repeat !important; background-size: 600% auto !important; background-position: 0% center !important; opacity: 1 !important; pointer-events: none !important; }
  .mobile-segment-stage[data-segment="salao"] .mobile-segment-photo { background-position: 20% center !important; }
  .mobile-segment-stage[data-segment="manicure"] .mobile-segment-photo { background-position: 40% center !important; }
  .mobile-segment-stage[data-segment="cilios"] .mobile-segment-photo { background-position: 60% center !important; }
  .mobile-segment-stage[data-segment="estetica"] .mobile-segment-photo { background-position: 80% center !important; }
  .mobile-segment-stage[data-segment="cuidados"] .mobile-segment-photo { background-position: 100% center !important; }
  .mobile-segment-product { right: 0 !important; bottom: 20px !important; width: min(70%, 276px) !important; z-index: 6 !important; }

  /* Accordion gallery: the active photograph expands while the neighboring businesses stay visible. */
  .mobile-segments .mobile-chips { display: none !important; }
  .mobile-segment-stage { min-height: 500px !important; margin-top: 48px !important; }
  .mobile-segment-gallery { position: relative !important; width: 100% !important; height: clamp(360px, 64dvh, 560px) !important; min-height: 360px !important; max-height: 560px !important; overflow: hidden !important; touch-action: pan-y !important; }
  .mobile-segment-gallery:before, .mobile-segment-gallery:after { position: absolute !important; top: 0 !important; bottom: 0 !important; z-index: 0 !important; width: 34px !important; border-radius: 10px !important; background-repeat: no-repeat !important; background-size: cover !important; background-position: center !important; content: '' !important; filter: saturate(.58) brightness(.68) !important; pointer-events: none !important; }
  .mobile-segment-gallery:before { left: 0 !important; }
  .mobile-segment-gallery:after { right: 0 !important; }
  .mobile-segment-gallery[data-active-segment="barbearia"]:before { background-image: url('../assets/segments/segment-1.png') !important; }
  .mobile-segment-gallery[data-active-segment="cuidados"]:after { background-image: url('../assets/segments/segment-4.png') !important; }
  .mobile-segment-panels { position: relative !important; z-index: 1 !important; display: flex !important; align-items: stretch !important; gap: 6px !important; width: max-content !important; min-width: 100% !important; height: 100% !important; padding: 0 !important; transform: translateX(0); transition: transform .52s cubic-bezier(.2,.8,.2,1) !important; will-change: transform !important; }
  .mobile-segment-gallery:active .mobile-segment-panels { transition: none !important; }
  .mobile-segment-panel { position: relative !important; flex: 1 1 0 !important; min-width: 32px !important; height: 100% !important; padding: 0 !important; overflow: hidden !important; border: 0 !important; border-radius: 10px !important; background: #29221d !important; color: var(--landing-text) !important; cursor: grab !important; transition: flex-grow .52s cubic-bezier(.2,.8,.2,1), border-radius .52s ease, filter .52s ease !important; }
  .mobile-segment-panel.is-active { flex-grow: 8 !important; border-radius: 18px !important; }
  .mobile-segment-panel-photo { position: absolute !important; inset: 0 !important; display: block !important; background-repeat: no-repeat !important; background-size: cover !important; background-position: center !important; filter: saturate(.88) contrast(1.04) !important; transition: transform .52s cubic-bezier(.2,.8,.2,1), filter .52s ease !important; }
  .mobile-segment-panel:nth-child(1) .mobile-segment-panel-photo { background-image: url('../assets/segments/segment-0.png') !important; }
  .mobile-segment-panel:nth-child(2) .mobile-segment-panel-photo { background-image: url('../assets/segments/segment-1.png') !important; }
  .mobile-segment-panel:nth-child(3) .mobile-segment-panel-photo { background-image: url('../assets/segments/segment-2.png') !important; }
  .mobile-segment-panel:nth-child(4) .mobile-segment-panel-photo { background-image: url('../assets/segments/segment-3.png') !important; }
  .mobile-segment-panel:nth-child(5) .mobile-segment-panel-photo { background-image: url('../assets/segments/segment-4.png') !important; }
  .mobile-segment-panel:nth-child(6) .mobile-segment-panel-photo { background-image: url('../assets/segments/segment-5.png') !important; }
  .mobile-segment-panel:not(.is-active) .mobile-segment-panel-photo { filter: saturate(.58) brightness(.68) !important; transform: scale(1.02) !important; }
  .mobile-segment-panel-shade { position: absolute !important; inset: 0 !important; display: block !important; background: linear-gradient(180deg, rgba(8,8,7,.08), rgba(8,8,7,.8)) !important; pointer-events: none !important; }
  .mobile-segment-panel-copy { position: absolute !important; right: 16px !important; bottom: 18px !important; left: 16px !important; z-index: 2 !important; display: grid !important; gap: 6px !important; text-align: left !important; opacity: 0 !important; transform: translateY(10px) !important; transition: opacity .3s ease .12s, transform .42s cubic-bezier(.2,.8,.2,1) .12s !important; pointer-events: none !important; }
  .mobile-segment-panel.is-active .mobile-segment-panel-copy { opacity: 1 !important; transform: none !important; }
  .mobile-segment-panel-copy small { color: rgba(255,255,255,.72) !important; font-size: .64rem !important; letter-spacing: .14em !important; }
  .mobile-segment-panel-copy strong { font-size: clamp(1.5rem, 8vw, 2.8rem) !important; letter-spacing: -.06em !important; }
  .mobile-segment-panel-copy em { color: rgba(255,255,255,.78) !important; font-size: .72rem !important; font-style: normal !important; }
  .mobile-segment-gallery.is-changing .mobile-segment-panel.is-active .mobile-segment-panel-photo { animation: mobile-gallery-focus .42s ease both; }
  .mobile-segments > .mobile-section-end { margin-top: 82px !important; }
  .mobile-public-showcase { display: block !important; visibility: visible !important; }
  .mobile-public-preview { display: block !important; visibility: visible !important; min-height: 430px !important; }
  .mobile-public-cover { position: relative !important; display: block !important; min-height: 300px !important; overflow: hidden !important; }
  .mobile-public-cover img { position: absolute !important; inset: 0 !important; display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; opacity: 1 !important; visibility: visible !important; }
  .mobile-public-cover-content { position: relative !important; z-index: 2 !important; }
  @keyframes mobile-gallery-focus { from { filter: saturate(.55) brightness(.7); transform: scale(1.04); } to { filter: saturate(.88) contrast(1.04); transform: scale(1); } }
  @media (prefers-reduced-motion: reduce) { .mobile-segment-panel, .mobile-segment-panel-photo, .mobile-segment-panel-copy, .mobile-segment-panels { transition: none !important; animation: none !important; } }
}