/* PA-HFORM-20261015 Front page only: existing 2-step lead form as a full-width hero and navy section; sticky right-hand column beside the other sections (>=1100px), hidden while the navy section is in view; in-flow below that. */
.hf-side .pa-enquiry{padding:0!important;background:transparent!important}
.hf-side .pa-enquiry__grid{display:block!important;padding:0!important;max-width:none!important;background:transparent!important;box-shadow:none!important}
.hf-side .pa-enquiry__intro{display:none!important}
.hf-side .pa-enquiry__form{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.hf-side .pa-fx{background:#fff;border-radius:24px;box-shadow:0 30px 60px -30px rgba(5,8,40,.55);padding:18px 20px!important;border-top:6px solid var(--pa-red,#ff3131);overflow:hidden}
.hf-side .pa-fx-photo{display:none!important}
.hf-side .elementor-form,.hf-side .pa-fx-form{padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important}
.hf-side .elementor-field-group{margin-bottom:8px!important}
.hf-side{padding:0!important;background:transparent!important}
@media (min-width:1100px){
	/* Rows set explicitly so the side form (one instance) can span every row while the hero and the navy section run full width. */
	.home :is(.elementor-83,.elementor-530){display:grid;grid-template-columns:minmax(0,1fr) 400px max(0px,calc((100vw - 1440px)/2));column-gap:28px;align-items:start}
	.home :is(.elementor-83,.elementor-530)>.e-con{grid-column:1;min-width:0}
	.home :is(.elementor-83,.elementor-530)>.e-con:first-child{grid-column:1/-1;grid-row:1}
	.home :is(.elementor-83,.elementor-530)>.elementor-element-455a8a4{grid-column:1/-1}
	.home :is(.elementor-83,.elementor-530)>.e-con:nth-child(3){grid-row:2}
	.home :is(.elementor-83,.elementor-530)>.e-con:nth-child(4){grid-row:3}
	.home :is(.elementor-83,.elementor-530)>.e-con:nth-child(5){grid-row:4}
	.home :is(.elementor-83,.elementor-530)>.e-con:nth-child(6){grid-row:5}
	.home :is(.elementor-83,.elementor-530)>.e-con:nth-child(7){grid-row:6}
	.home :is(.elementor-83,.elementor-530)>.e-con:nth-child(8){grid-row:7}
	.home :is(.elementor-83,.elementor-530)>.e-con:nth-child(9){grid-row:8}
	.home :is(.elementor-83,.elementor-530)>.e-con:nth-child(10){grid-row:9}
	.home :is(.elementor-83,.elementor-530)>.e-con:nth-child(11){grid-row:10}
	.home :is(.elementor-83,.elementor-530)>.e-con:nth-child(12){grid-row:11}
	.home :is(.elementor-83,.elementor-530)>.e-con:nth-child(13){grid-row:12}
	.home :is(.elementor-83,.elementor-530)>.e-con:nth-child(14){grid-row:13}
	.home :is(.elementor-83,.elementor-530)>.hf-side{grid-column:2;grid-row:2/span 13;position:sticky;top:calc(var(--pa-header-h,82px) + 16px);align-self:start;z-index:5;margin-top:32px!important;width:400px;transition:opacity .35s ease,visibility 0s linear .35s}
	.home :is(.elementor-83,.elementor-530)>.hf-side.hf-flow{position:relative;top:auto}
	.home :is(.elementor-83,.elementor-530)>.hf-side.hf-hide{opacity:0;visibility:hidden;pointer-events:none}
	.home :is(.elementor-83,.elementor-530)>.hf-side:not(.hf-hide){transition:opacity .35s ease,visibility 0s}
}
@media (max-width:1099px){.hf-side{max-width:560px;margin:16px auto 0!important;padding:0 10px!important}}
@media (max-width:921px){.pa-hero .hf-side{margin:14px 0 6px!important;padding:0!important;max-width:none;width:100%}}
@media (min-width:1100px) and (max-height:740px){.home :is(.elementor-83,.elementor-530)>.hf-side{position:relative;top:auto}}

/* PA-FLOATDOCK-20261015 Floating buttons docked in a row under the form card (desktop, sticky form visible). */
.hf-dock{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:12px}
.hf-dock .pa-float{position:static!important;display:flex!important;flex-direction:row;gap:12px}
.hf-dock .pa-cc__fab{position:static!important;inset:auto!important;margin:0!important}
/* Docked row: ~40px buttons; WhatsApp keeps its green icon and pulses a PA red/blue glow (off with reduced motion). */
.hf-dock .pa-float__btn,.hf-dock .pa-cc__fab{width:40px!important;height:40px!important;min-width:0!important;padding:0!important}
.hf-dock .pa-float__btn svg{width:20px;height:20px}
.hf-dock .pa-float__ring{display:none}
@keyframes hf-glow{0%,100%{box-shadow:0 0 0 0 rgba(255,49,49,.55),0 0 14px 2px rgba(255,49,49,.45)}50%{box-shadow:0 0 0 6px rgba(0,18,255,0),0 0 16px 4px rgba(0,18,255,.55)}}
.hf-dock .pa-float__btn--wa{animation:hf-glow 2s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.hf-dock .pa-float__btn--wa{animation:none}}
.hf-dock .pa-float__btn--wa{width:44px!important;height:44px!important}
.hf-dock .pa-float__btn--wa svg{width:22px;height:22px}
/* PA-CTAFIX-20261015 Bottom CTA sits on blue: the theme's white pill/ghost-button background hid the white text. Use the theme's own on-dark colours (pa.css .pa-on-dark rules). */
.home .pa-cta .pa-eyebrow{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.28);color:var(--pa-white)}
.home .pa-cta .pa-btn--ghost{background:transparent;color:var(--pa-white);border-color:rgba(255,255,255,.6)}
.home .pa-cta .pa-btn--ghost:hover{background:var(--pa-white);color:var(--pa-deep)}
/* PA-CTABTN-20261015 Approved: bottom CTA primary button in red so it stands out on the blue panel (home only). */
.home .pa-cta .pa-btn--primary{background:#c81e1e;border-color:#c81e1e;color:#fff}
.home .pa-cta .pa-btn--primary:hover,.home .pa-cta .pa-btn--primary:focus-visible{background:#a81818;border-color:#a81818;color:#fff}
