/* The JSON-LD script is a direct child of the home stack. Tailwind's space-y utility otherwise treats the following hero as a second visible section. */ main > .mx-auto.max-w-5xl.space-y-16 > script[type="application/ld+json"] + section { margin-top: 0 !important; } /* Give the original bottom-bar component its final centered geometry before the enhancement script adds its class, avoiding a first-visit layout shift. The :not() guards keep these rules off portalled UI that happens to share the same Tailwind classes. The editor's bottom sheet (vaul) is a Radix dialog rendered as a direct child of with exactly "fixed inset-x-0 bottom-0 z-50": without the guards it was dragged to the middle of the screen, its sections forced onto a grid and every control stretched to 7.5rem. The consent banner never carries data-state or data-vaul-drawer, so it still matches both before and after the enhancement script runs. */ body > div[class~="fixed"][class~="inset-x-0"][class~="bottom-0"][class~="z-50"]:not([data-vaul-drawer]):not([data-state]) { position: fixed !important; inset: 50% auto auto 50% !important; width: min(92vw, 42rem) !important; max-height: min(88vh, 44rem); overflow: auto; transform: translate(-50%, -50%); border: 1px solid rgba(11, 131, 91, 0.35) !important; border-radius: 1rem; box-shadow: 0 24px 80px rgba(0, 0, 0, 0.34) !important; } body > div[class~="fixed"][class~="inset-x-0"][class~="bottom-0"][class~="z-50"]:not([data-vaul-drawer]):not([data-state]) > div { display: grid !important; gap: 1rem !important; } body > div[class~="fixed"][class~="inset-x-0"][class~="bottom-0"][class~="z-50"]:not([data-vaul-drawer]):not([data-state]) p { max-width: none !important; line-height: 1.6; } body > div[class~="fixed"][class~="inset-x-0"][class~="bottom-0"][class~="z-50"]:not([data-vaul-drawer]):not([data-state]) button { min-width: 7.5rem; min-height: 2.75rem; } .pz-editor-heading { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } @media (max-width: 640px) { main > .mx-auto.max-w-5xl.space-y-16 { padding-top: 1.5rem; } body > div[class~="fixed"][class~="inset-x-0"][class~="bottom-0"][class~="z-50"]:not([data-vaul-drawer]):not([data-state]) { width: min(94vw, 42rem) !important; max-height: 86vh; padding: 1.25rem !important; } body > div[class~="fixed"][class~="inset-x-0"][class~="bottom-0"][class~="z-50"]:not([data-vaul-drawer]):not([data-state]) > div > div:last-child { display: grid !important; width: 100%; grid-template-columns: 1fr 1fr; } body > div[class~="fixed"][class~="inset-x-0"][class~="bottom-0"][class~="z-50"]:not([data-vaul-drawer]):not([data-state]) button { width: 100%; } }