html:has(> body.ll-centres-finder-preview) { overflow-x: clip; }
.ll-centres-finder-preview { background: #f7f2ed; overflow-x: clip; }
.ll-centres-finder-preview [hidden] { display: none !important; }
.ll-centres-finder-preview .llcf-main { background: #f7f2ed; color: #0c4325; padding: 46px 0 64px; font-family: Roboto, sans-serif; }
.ll-centres-finder-preview .llcf-wrap { max-width: 1240px; margin: 0 auto; padding: 0 32px; }
.ll-centres-finder-preview .llcf-intro { max-width: 760px; margin-bottom: 30px; }
.ll-centres-finder-preview .llcf-back { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; margin-bottom: 14px; color: #47634e; font: 400 14px/1.5 Roboto, sans-serif; text-decoration: none; }
.ll-centres-finder-preview .llcf-eyebrow { margin: 0 0 10px; color: #47634e; font: 400 15px/1.5 Roboto, sans-serif; }
.ll-centres-finder-preview .llcf-intro h1 { color: #0c4325; margin: 0 0 14px; font: 400 54px/1.1 Cysan-Regular, serif; letter-spacing: -.4px; }
.ll-centres-finder-preview .llcf-lead { color: #485b4d; margin: 0; font: 400 18px/1.6 Roboto, sans-serif; }
.ll-centres-finder-preview .llcf-controls { display: grid; grid-template-columns: minmax(230px,1.5fr) minmax(180px,1fr) auto; gap: 12px 18px; align-items: end; padding: 26px 28px 20px; background: #fff; border: 1px solid #d8dfd5; border-radius: 16px; }
.ll-centres-finder-preview .llcf-field label { display: block; color: #183e25; margin: 0 0 8px; font: 500 15px/1.4 Roboto, sans-serif; }
.ll-centres-finder-preview .llcf-field select { width: 100%; min-width: 0; min-height: 50px; padding: 12px 30px 12px 14px; color: #183e25; background-color: #fff; border: 1px solid #a8b7a8; border-radius: 6px; font: 400 16px/1.5 Roboto, sans-serif; }
.ll-centres-finder-preview .llcf-location { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; width: 100%; padding: 12px 24px; color: #fff; background: #155129; border: 1px solid #155129; border-radius: 6px; font: 500 16px/1.5 Roboto, sans-serif; cursor: pointer; }
.ll-centres-finder-preview .llcf-location:hover { background: #0c4325; }
.ll-centres-finder-preview .llcf-location:disabled { opacity: .7; cursor: wait; }
.ll-centres-finder-preview .llcf-location-note { grid-column: 1/-1; margin: 0; color: #56685b; font: 400 13px/1.5 Roboto, sans-serif; }
.ll-centres-finder-preview .llcf-results-bar { display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 78px; padding: 14px 0; }
.ll-centres-finder-preview #llcf-status { margin: 0; color: #475e4e; font: 400 15px/1.5 Roboto, sans-serif; }
.ll-centres-finder-preview .llcf-reset { flex-shrink: 0; min-height: 44px; border: 0; padding: 8px 0 8px 12px; color: #155129; background: transparent; text-decoration: underline; text-underline-offset: 4px; font: 500 14px/1.5 Roboto, sans-serif; cursor: pointer; }
.ll-centres-finder-preview .llcf-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.ll-centres-finder-preview .llcf-card { display: flex; flex-direction: column; background: #fff; border: 1px solid #dce2d7; border-radius: 16px; overflow: hidden; }
.ll-centres-finder-preview .llcf-photo { position: relative; aspect-ratio: 16/10; background: #e0e9dd; }
.ll-centres-finder-preview .llcf-photo img { display: block; width: 100%; height: 100%; object-fit: cover; aspect-ratio: 16/10; }
.ll-centres-finder-preview .llcf-badge { position: absolute; top: 16px; left: 16px; padding: 6px 12px; background: #f7f2ed; color: #0c4325; border-radius: 20px; font: 500 13px/1.5 Roboto, sans-serif; }
.ll-centres-finder-preview .llcf-card-body { display: flex; flex-direction: column; flex: 1; padding: 23px 24px 18px; }
.ll-centres-finder-preview .llcf-card-state { margin: 0 0 8px; color: #617464; font: 400 13px/1.5 Roboto, sans-serif; }
.ll-centres-finder-preview .llcf-card-state span { padding: 0 4px; }
.ll-centres-finder-preview .llcf-card h2 { margin: 0 0 10px; color: #0c4325; font: 400 29px/1.2 Cysan-Regular, serif; }
.ll-centres-finder-preview .llcf-address { margin: 0 0 12px; color: #475b4b; font: 400 15px/1.6 Roboto, sans-serif; }
.ll-centres-finder-preview .llcf-distance { margin: 0 0 12px; color: #0c4325; font: 500 14px/1.5 Roboto, sans-serif; }
.ll-centres-finder-preview .llcf-view { display: flex; align-items: center; justify-content: space-between; gap: 18px; min-height: 48px; margin-top: auto; border-top: 1px solid #e1e6dc; padding-top: 12px; text-decoration: none; color: #155129; font: 500 15px/1.5 Roboto, sans-serif; }
.ll-centres-finder-preview .llcf-view:hover { text-decoration: underline; text-underline-offset: 3px; }
.ll-centres-finder-preview .llcf-view span { font-size: 24px; }
.ll-centres-finder-preview .llcf-end-note { max-width: 660px; margin: 32px 0 0; color: #56685b; font: 400 15px/1.6 Roboto, sans-serif; }
.ll-centres-finder-preview .llcf-main a:focus-visible,
.ll-centres-finder-preview .llcf-main button:focus-visible,
.ll-centres-finder-preview .llcf-main select:focus-visible,
.ll-centres-finder-preview .llcf-header-cta:focus-visible { outline: 3px solid #bc7f21; outline-offset: 4px; }
.ll-centres-finder-preview .little-lane-header .header-container .main-navigation .llcf-header-cta { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 16px; background: #155129; color: #fff; border-radius: 6px; font: 500 14px/1.4 Roboto, sans-serif; text-decoration: none; white-space: nowrap; }
.ll-centres-finder-preview .little-lane-header .navbar-brand .logoimg { display: none !important; }
.ll-centres-finder-preview .little-lane-header .navbar-brand .logotext { display: block !important; opacity: 1 !important; position: relative !important; top: 0 !important; transform: none !important; width: 150px; height: auto; }
@media (min-width: 992px) {
 .ll-centres-finder-preview .little-lane-header .navbar-brand { margin-right: auto; order: 0; }
 .ll-centres-finder-preview .little-lane-header .navbar-collapse { flex-grow: 0; order: 1; }
 .ll-centres-finder-preview .llcf-header-cta { order: 2; margin-left: 20px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
 .ll-centres-finder-preview .little-lane-header .navbar-nav .nav-link { font-size: 12px; padding-left: 5px; padding-right: 5px; }
 .ll-centres-finder-preview .little-lane-header .navbar-nav .nav-item { margin-left: 0; margin-right: 0; }
 .ll-centres-finder-preview .little-lane-header .navbar-brand .logotext { width: 125px; }
 .ll-centres-finder-preview .llcf-header-cta { margin-left: 8px; }
}
@media (max-width: 991px) {
 .ll-centres-finder-preview .llcf-main { padding-top: 112px; }
 .ll-centres-finder-preview .llcf-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .ll-centres-finder-preview .llcf-header-cta { margin-left: auto; margin-right: 16px; }
 .ll-centres-finder-preview .little-lane-header .navbar-collapse,
 .ll-centres-finder-preview .little-lane-header.onscroll .navbar-collapse { top: 78px; }
 .ll-centres-finder-preview .little-lane-header .navbar-brand .logotext { width: 110px; }
 .ll-centres-finder-preview .llcf-controls { grid-template-columns: 1fr 1fr; }
 .ll-centres-finder-preview .llcf-location-field { grid-column: 1/-1; }
}
@media (max-width: 600px) {
 .ll-centres-finder-preview .llcf-wrap { padding: 0 20px; }
 .ll-centres-finder-preview .llcf-intro h1 { font-size: 38px; }
 .ll-centres-finder-preview .llcf-lead { font-size: 16px; }
 .ll-centres-finder-preview .llcf-back { margin-bottom: 8px; }
 .ll-centres-finder-preview .llcf-controls { padding: 20px; grid-template-columns: 1fr; }
 .ll-centres-finder-preview .llcf-results-bar { align-items: flex-start; gap: 10px; }
 .ll-centres-finder-preview .llcf-grid { grid-template-columns: 1fr; gap: 20px; }
 .ll-centres-finder-preview .llcf-card h2 { font-size: 28px; }
 .ll-centres-finder-preview .little-lane-header .header-container .main-navigation .llcf-header-cta { padding: 9px 12px; font-size: 13px; margin-right: 14px; }
 .ll-centres-finder-preview .little-lane-header .navbar-brand .logotext { width: 90px; }
}
@media (prefers-reduced-motion: reduce) {
 .ll-centres-finder-preview { scroll-behavior: auto; }
}