Issue #18

[
  {
    "matches": 1,
    "score": 74,
    "selector": "#radix-_r_3s_ \u003e div:nth-of-type(2)",
    "strategy": "scoped-parent-id"
  },
  {
    "matches": 1,
    "score": 58,
    "selector": "#radix-_r_3s_ \u003e div \u003e div:nth-of-type(2)",
    "strategy": "ancestor-path"
  },
  {
    "matches": 5,
    "score": 76,
    "selector": "div.flex-1.overflow-y-auto.min-h-0",
    "strategy": "class"
  },
  {
    "matches": 82,
    "score": 60,
    "selector": "div:nth-of-type(2)",
    "strategy": "nth-of-type"
  }
]

{
  "ancestorPath": [
    "#radix-_r_3s_",
    "div"
  ],
  "ariaLabel": null,
  "className": "flex-1 overflow-y-auto min-h-0 px-4 sm:px-6 pb-6",
  "href": null,
  "id": null,
  "name": null,
  "role": null,
  "tagName": "div",
  "textSample": "Du kannst diesen Grundpreis bei Bedarf anpassen. Die Kundengebühren werden danach hinzugefügt und unten vor dem Checkout"
}

{
  "hasFiberInstance": true,
  "reactComponentStack": [
    "div",
    "Primitive.div",
    "DismissableLayer",
    "Primitive.div.SlotClone",
    "Primitive.div.Slot",
    "FocusScope",
    "Presence",
    "DialogContent",
    "Drawer.Content",
    "l",
    "Portal",
    "DialogPortalProvider"
  ],
  "reactOwnerStack": [],
  "source": "react-fiber"
}

bbox:
{
  "bottom": 1039,
  "height": 958,
  "left": 832,
  "right": 1408,
  "top": 81,
  "width": 576,
  "x": 832,
  "y": 81
}

viewport:
{
  "height": 1120,
  "width": 1408
}

scroll:
{
  "x": 0,
  "y": 0
}

screenshotMarks:
[]

<div class="flex-1 overflow-y-auto min-h-0 px-4 sm:px-6 pb-6"><div class="flex flex-col gap-4"><div class="sr-only">Du kannst diesen Grundpreis bei Bedarf anpassen. Die Kundengebühren werden danach hinzugefügt und unten vor dem Checkout angezeigt.</div><div class="space-y-4" data-sentry-component="UnifiedBookingDetailsDrawer" data-sentry-source-file="UnifiedBookingDetailsDrawer.tsx"><section class="space-y-4 rounded-xl border border-gray-200 bg-white p-4"><div class="space-y-1"><h3 class="text-base font-semibold text-gray-900">Grundpreis-Vorschlag für estelle</h3><p class="text-sm text-gray-600">Du kannst diesen Grundpreis bei Bedarf anpassen. Die Kundengebühren werden danach hinzugefügt und unten vor dem Checkout angezeigt.</p></div><div class="space-y-3"><label data-slot="label" class="flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50" for="price-agreement-subtotal" data-sentry-element="LabelPrimitive.Root" data-sentry-component="Label" data-sentry-source-file="label.tsx">Vorgeschlagener Grundpreis für estelle</label><div class="flex items-center gap-2"><button data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-base font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*='size-'])]:size-4 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 size-9 rounded-lg shrink-0" type="button" aria-label="Preis senken" data-sentry-element="Comp" data-sentry-component="Button" data-sentry-source-file="button.tsx">-</button><input id="price-agreement-subtotal" min="0" step="1" class="h-10 flex-1 min-w-0 rounded-md border border-input bg-background px-3 py-2 text-sm" type="number" value="43"><button data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-base font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*='size-'])]:size-4 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50 size-9 rounded-lg shrink-0" type="button" aria-label="Preis erhöhen" data-sentry-element="Comp" data-sentry-component="Button" data-sentry-source-file="button.tsx">+</button></div><p class="text-xs text-gray-500">Dieser Betrag ist der Grundpreis vor Gebühren. Der finale Kundenpreis (inkl. Gebühren) wird in der Aufschlüsselung angezeigt.</p></div><div class="border border-gray-200 rounded-3xl p-5 shadow-sm bg-white" data-sentry-component="RequestDetailsPricingCard" data-sentry-source-file="RequestDetailsPricingCard.tsx"><h5 class="text-xs font-bold text-gray-400 uppercase tracking-wider mb-3">Anfragedetails</h5><h3 class="font-bold text-lg text-gray-900 mb-1">Gassi gehen</h3><div class="text-sm text-gray-600 mb-4 flex flex-wrap items-center gap-1"><span>1 Tage</span><span class="text-gray-300">•</span><span>5 Spaziergänge/Tag</span><span class="text-gray-300">•</span><span>5 Spaziergänge gesamt</span><span class="text-gray-300">•</span><span class="text-gray-700">Caramel</span></div><div class="border-t border-gray-100 mb-4"></div><h5 class="text-xs font-bold text-gray-400 uppercase tracking-wider mb-3">Services &amp; Gebühren</h5><div class="text-sm text-gray-700 mb-5 font-medium flex items-center"><div class="flex-1 min-w-0 flex flex-col text-left"><span class="truncate">So 01 Mär</span><span class="text-gray-500 font-normal">09:00</span></div><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" class="text-gray-400 text-xs shrink-0 mx-2" data-sentry-element="FaArrowRightLong" data-sentry-source-file="RequestDetailsPricingCard.tsx" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M502.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l370.7 0-73.4 73.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l128-128z"></path></svg><div class="flex-1 min-w-0 flex flex-col text-right"><span class="truncate">So 01 Mär</span><span class="text-gray-500 font-normal">18:00</span></div></div><div class="space-y-3 text-sm"><div class="mt-2 flex items-center justify-between gap-3 border-t border-gray-100 pt-3"><div class="flex flex-col items-end gap-0