.fs-booking {
–teal: #20aaaa;
–teal-dark: #147f82;
–ink: #263c40;
–muted: #62777b;
–border: #dce9e8;
width: 100%;
max-width: 1160px;
margin: 0 auto 65px;
color: var(–ink);
font-family: inherit;
}

.fs-booking, .fs-booking * {
box-sizing: border-box;
}

.fs-booking h1,
.fs-booking h2,
.fs-booking p {
font-family: inherit;
}

.fs-booking .fs-hero {
position: relative;
overflow: hidden;
padding: 52px 48px;
border-radius: 20px;
background: linear-gradient(120deg, #164f56 0%, #16878c 58%, #20aaaa 100%);
color: #fff;
}

.fs-booking .fs-hero-inner {
position: relative;
z-index: 1;
}

.fs-booking .fs-eyebrow {
display: block;
margin-bottom: 14px;
color: #d0f5ef;
font-size: 12px;
font-weight: 800;
letter-spacing: 1.8px;
text-transform: uppercase;
}

.fs-booking .fs-hero h1 {
margin: 0 0 15px !important;
color: #fff !important;
font-size: clamp(36px, 5vw, 62px);
line-height: 1.12;
letter-spacing: -1px;
}

.fs-booking .fs-hero p {
max-width: 670px;
margin: 0;
color: #e9f8f5;
font-size: 17px;
line-height: 1.75;
}

.fs-booking .fs-highlights {
display: flex;
flex-wrap: wrap;
gap: 12px 24px;
margin-top: 24px;
}

.fs-booking .fs-highlight {
color: #fff;
font-size: 13px;
font-weight: 600;
}

.fs-booking .fs-highlight::before {
content: “✓”;
display: inline-flex;
align-items: center;
justify-content: center;
width: 21px;
height: 21px;
margin-right: 8px;
border-radius: 50%;
background: rgba(255,255,255,.18);
font-weight: 800;
}

.fs-booking .fs-intro {
padding: 28px 4px 25px;
text-align: center;
}

.fs-booking .fs-intro h2 {
margin: 0 0 9px !important;
color: var(–ink);
font-size: clamp(23px, 3vw, 29px);
}

.fs-booking .fs-intro p {
max-width: 690px;
margin: 0 auto;
color: var(–muted);
font-size: 15px;
line-height: 1.7;
}

.fs-booking .fs-panel {
overflow: hidden;
border: 1px solid #d2e5e1;
border-radius: 18px;
background: #fff;
box-shadow: 0 10px 34px rgba(20,70,75,.065);
}

.fs-booking .fs-panel-header {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 12px;
padding: 21px 25px;
border-bottom: 1px solid var(–border);
background: #eff9f6;
}

.fs-booking .fs-panel-header h2 {
margin: 0 0 5px !important;
color: var(–ink);
font-size: 21px;
}

.fs-booking .fs-panel-header p {
margin: 0;
color: var(–muted);
font-size: 13px;
}

.fs-booking .fs-powered {
padding: 8px 12px;
border: 1px solid #cce6e0;
border-radius: 30px;
background: #fff;
color: #28726d;
font-size: 12px;
font-weight: 700;
}

.fs-booking .fs-cliniko-wrap {
width: 100%;
min-width: 0;
padding: 8px;
background: #fff;
}

.fs-booking .fs-cliniko-frame {
display: block !important;
width: 100% !important;
max-width: 100% !important;
height: 1200px;
min-height: 900px;
margin: 0;
padding: 0;
border: 0 !important;
background: #fff;
}

.fs-booking .fs-policy {
margin: 17px 0 35px;
padding: 16px 19px;
border: 1px solid var(–border);
border-radius: 10px;
background: #f8fbfa;
color: var(–muted);
font-size: 13px;
line-height: 1.75;
}

.fs-booking .fs-policy a {
color: var(–teal-dark);
font-weight: 700;
text-decoration: underline;
}

.fs-booking .fs-help {
display: flex;
align-items: center;
justify-content: space-between;
gap: 25px;
padding: 32px 35px;
border-radius: 17px;
background: #263c40;
color: #fff;
}

.fs-booking .fs-help-copy {
max-width: 570px;
}

.fs-booking .fs-help-label {
display: block;
margin-bottom: 8px;
color: #9cdbd4;
font-size: 11px;
font-weight: 800;
letter-spacing: 1.5px;
text-transform: uppercase;
}

.fs-booking .fs-help h2 {
margin: 0 0 9px !important;
color: #fff !important;
font-size: 28px;
}

.fs-booking .fs-help p {
margin: 0;
color: #d5e5e3;
font-size: 14px;
line-height: 1.75;
}

.fs-booking .fs-actions {
display: flex;
flex-wrap: wrap;
gap: 10px;
flex-shrink: 0;
}

.fs-booking .fs-button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 48px;
padding: 12px 19px;
border-radius: 9px;
font-size: 14px;
font-weight: 700;
text-align: center;
text-decoration: none !important;
}

.fs-booking .fs-button-primary {
background: #20aaaa;
color: #fff !important;
}

.fs-booking .fs-button-outline {
border: 1px solid rgba(255,255,255,.5);
color: #fff !important;
}

.fs-booking .fs-links {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 13px 28px;
padding: 28px 0 5px;
}

.fs-booking .fs-links a {
color: var(–teal-dark);
font-size: 14px;
font-weight: 700;
text-decoration: none;
}

@media (max-width: 900px) {
.fs-booking .fs-help {
align-items: flex-start;
flex-direction: column;
}
}

@media (max-width: 768px) {
.fs-booking .fs-hero {
padding: 34px 23px;
border-radius: 15px;
}

.fs-booking .fs-hero h1 {
font-size: 36px;
}

.fs-booking .fs-hero p {
font-size: 15px;
}

.fs-booking .fs-highlight {
width: 100%;
}

.fs-booking .fs-panel-header {
padding: 16px 14px;
}

.fs-booking .fs-cliniko-wrap {
padding: 0;
}

.fs-booking .fs-cliniko-frame {
height: 1250px;
}

.fs-booking .fs-help {
padding: 26px 22px;
}

.fs-booking .fs-actions {
flex-direction: column;
width: 100%;
}

.fs-booking .fs-button {
width: 100%;
}

.fs-booking .fs-links {
flex-direction: column;
align-items: center;
}
}

@media (max-width: 480px) {
.fs-booking .fs-panel {
margin-left: -12px;
margin-right: -12px;
}

.fs-booking .fs-cliniko-frame {
height: 1350px;
}
}

(function () {
“use strict”;

var frame = document.getElementById(“cliniko-59906668”);
if (!frame) return;

var allowedOrigin = “https://feet-street.uk1.cliniko.com”;

window.addEventListener(“message”, function (event) {
if (event.origin !== allowedOrigin) return;
if (event.source !== frame.contentWindow) return;
if (typeof event.data !== “string”) return;

var message = event.data;
if (message.indexOf(“cliniko-bookings-resize:”) === 0) {
var height = Number(
message.substring(“cliniko-bookings-resize:”.length)
);

if (
Number.isFinite(height) &&
height >= 400 &&
height <= 10000
) {
frame.style.height = Math.ceil(height) + "px";
}
}
});
})();