/* Help Scout Beacon launcher size and placement, every page (z8udzkf3g7).
   Beacon exposes no size setting (only Beacon('config', {display: ...}) offsets, and
   the plugin owns that call), so the launcher is scaled to 80% from its bottom-right
   corner and pinned 20px from the right edge and the bottom, at every width: the
   widget renders the same launcher at every breakpoint.
   The PDP and checkout add their own bottom lift / hide rules on top of this
   (product-page.css, checkout-help-bubble.css).
   editor-friendly-ok: third-party widget, no Gutenberg counterpart. */
.BeaconFabButtonFrame {
	right: 20px !important;
	bottom: 20px !important;
	transform: scale( 0.8 ) !important;
	transform-origin: right bottom !important;
}

/* G36 (z8udzkgr2y): the launcher must never cover content. help-bubble-clearance.js
   adds .bz-beacon-clear to the body while a link, button, field, image or line of
   text is behind it; it fades out then and returns over empty space. Same fade the
   PDP and checkout use for their own controls. */
.BeaconFabButtonFrame {
	transition: opacity 0.15s ease;
}

body.bz-beacon-clear .BeaconFabButtonFrame {
	opacity: 0 !important;
	pointer-events: none !important;
}

/* Clear space at the very end of every page: launcher height (about 48px at 80%)
   plus its 20px offset and a little air, so the last footer row can scroll up
   above it and the launcher shows again there. On product pages the sticky add-to-cart
   bar lifts the launcher by --bpp-beacon-lift (set by product-page.js), so the clear
   space grows by the same amount; elsewhere the variable is unset and the term is 0. */
#footer {
	padding-bottom: calc(88px + var(--bpp-beacon-lift, 0px));
}