/* v9.6.0 · hub pages (6B soft shading + white tiles), garden rooms layout C, footer C, colour rule */
/* hub hero: C3 soft shading, white tiles */
html body .v952hero.v953hub::before{background:linear-gradient(0deg,rgba(10,30,21,.88) 0%,rgba(10,30,21,.55) 26%,rgba(10,30,21,0) 52%),linear-gradient(90deg,rgba(10,30,21,.62) 0%,rgba(10,30,21,.3) 38%,rgba(10,30,21,0) 62%)!important}
html body .v953hub .v952tiles{margin-top:34px}
html body .v953hub .v952tiles a{background:#fff;border:1px solid #e6dfcf;box-shadow:0 10px 30px -14px rgba(0,0,0,.45)}
html body .v953hub h1{text-shadow:0 1px 18px rgba(0,0,0,.35)}
html body .v953hub .v952sub{text-shadow:0 1px 10px rgba(0,0,0,.4)}
@media (max-width:700px){
 html body .v952hero.v953hub::before{background:linear-gradient(180deg,rgba(10,30,21,.82) 0%,rgba(10,30,21,.5) 22%,rgba(10,30,21,0) 38%,rgba(10,30,21,0) 52%,rgba(10,30,21,.7) 100%)!important}
 html body .v953hub .v952sub{display:block;font-size:16px;margin-top:10px}
 html body .v953hub .v952tiles{margin-top:120px}
 html body .v953hub .v952more a{text-shadow:0 1px 8px rgba(0,0,0,.6)}
}
/* the page's one gold button */
html body a.btn.v96gold:not(#z1):not(#z2):not(#z3):not(#z4){background:#c9a86b!important;border-color:#c9a86b!important;color:#123627!important}
html body a.btn.v96gold:not(#z1):not(#z2):not(#z3):not(#z4):hover{background:#b89555!important;border-color:#b89555!important}
/* colour rule: no bronze/gold text on cream */
html body .inc6 i:not(#z1){color:#123627;border-color:#123627}
html body .cz-ct th[scope=row]:not(#z1),html body .cz-same span:not(#z1),html body .cz-fp em:not(#z1){color:#123627}
html body .v91i:not(#z1){font-family:Montserrat,Arial,sans-serif;color:#123627}
html body main :is(.steps,.hstep,.how) .n:not(#z1){color:#123627;border-color:#123627}
html body main .lnk:not(#z1){color:#123627}
html body .sec.dark .lnk:not(#z1),html body .panext .lnk:not(#z1){color:#f7f5f2}
/* F14: show-site notes readable on green */
html body .visitb .sites:not(#z1),html body .visitb .sites *:not(a):not(#z1),html body .panext .call:not(#z1){color:#e8e2d4}
/* F8/F12 card price notes */
.v96vat{font-size:14px;font-weight:400;color:#3d463f;margin-left:4px}
/* garden rooms: layout C */
.v96coll h2{margin:0 0 22px}
.v96rng,.v96sig ul,.v96big{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.v96rng{grid-template-columns:repeat(3,minmax(0,1fr))}
.v96rc,.v96sig a,.v96big a{display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid #e6dfcf;color:#123627;text-decoration:none}
.v96rc:hover,.v96sig a:hover,.v96big a:hover{border-color:#123627}
.v96rc:focus-visible,.v96sig a:focus-visible,.v96big a:focus-visible{outline:3px solid #123627;outline-offset:3px}
.v96rc img{display:block;width:100%;aspect-ratio:3/2;height:auto;object-fit:cover}
.v96coll .tx{display:flex;flex-direction:column;gap:6px;padding:16px 18px 18px;flex:1}
.v96coll .tx b{font:400 23px/1.2 Optima,"Linux Biolinum",Candara,Georgia,serif;color:#123627}
.v96coll .tx>span{font-size:15px;line-height:1.45;color:#3d463f}
.v96coll .tx .pr{margin-top:auto;padding-top:6px;font:600 16px/1.3 Montserrat,Arial,sans-serif;color:#123627}
.v96coll .tx .pr em{font-style:normal;font-weight:400;font-size:14px;color:#3d463f}
.v96sig{margin-top:30px;padding:24px;background:#fff;border:1px solid #e6dfcf;scroll-margin-top:90px}
.v96sig:focus{outline:none}
.v96sig h3{margin:0;font:400 26px/1.2 Optima,"Linux Biolinum",Candara,Georgia,serif;color:#123627}
.v96sig>p{margin:6px 0 18px;color:#3d463f;font-size:15px}
.v96sig ul{grid-template-columns:repeat(3,minmax(0,1fr))}
.v96sig a{flex-direction:row;align-items:stretch;background:#f7f5f2}
.v96sig img{width:120px;flex:none;aspect-ratio:3/4;height:auto;object-fit:cover}
.v96sig .tx{padding:12px 14px}
.v96sig .tx b{font-size:20px}
.v96big{grid-template-columns:1fr 1fr;margin-top:30px}
.v96big a{position:relative;min-height:300px;color:#fff;overflow:hidden;background:#123627}
.v96big img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.v96big a::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,30,21,.85) 0%,rgba(10,30,21,.4) 35%,rgba(10,30,21,0) 60%)}
.v96big .tx{position:relative;z-index:1;margin-top:auto;padding:22px}
.v96big .tx b{color:#fff;font-size:28px}
.v96big .tx>span{color:#f3eee4}
.v96big a:focus-visible{outline-color:#123627}
.v96coll .v91gq{margin-top:20px}
.hs{display:inline-block;margin-left:8px;padding:1px 8px;background:#e8d7b3;color:#123627;font:600 14px/1.5 Montserrat,Arial,sans-serif;font-style:normal;vertical-align:3px}
/* what every room includes */
.v96why{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:28px 0}
.v96why p{margin:0;font-size:15px;line-height:1.5;color:#3d463f}
.v96why b{display:block;margin-bottom:4px;font:400 20px/1.25 Optima,"Linux Biolinum",Candara,Georgia,serif;color:#123627}
.v96why a{color:#123627}
.v96fin{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}
.v96fin p{margin:0;padding:18px 20px;background:#f7f5f2;border:1px solid #e6dfcf;font-size:15px;color:#3d463f}
.v96fin b{color:#123627}
/* real gardens + reviews */
.v96mos{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:220px 220px;gap:10px;margin-top:22px}
.v96mos img{width:100%;height:100%;object-fit:cover;display:block}
.v96mos img:first-child{grid-row:1/3}
.v96mos img:nth-child(4){grid-column:2/4}
.v96tp{margin:28px 0 14px}
.v96tp p{margin:0;font-size:15px;color:#3d463f}
.v96tp b{font:400 26px/1 Optima,"Linux Biolinum",Candara,Georgia,serif;color:#123627;margin-right:4px}
.v96tp a{color:#123627}
.v96st,.v96rv .st5{color:#123627;letter-spacing:2px}
.v96rv .rv{background:#f7f5f2;border:1px solid #e6dfcf;padding:22px}
.v96rv .rv h3{font-size:19px;margin:8px 0;color:#123627}
/* visit, plan & FAQs */
.v96vg{display:grid;grid-template-columns:1.1fr 1fr;gap:40px}
.v96vb{background:#123627;color:#e8e2d4;padding:32px}
.v96vb h2{color:#fff;margin:0 0 10px}
.v96vb .v96sites{font-size:15px;color:#e8e2d4}
.v96vb .ctas{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;margin:18px 0}
.v96vb a:not(.btn){color:#f7f5f2}
.v96vb .lnk{display:inline-flex;align-items:center;min-height:44px}
.v96vb .call{margin:0;font-size:15px}
.v96vb :focus-visible{outline:2px solid #f7f5f2;outline-offset:3px}
.v96pl h3{margin:0 0 8px;font:400 22px/1.25 Optima,"Linux Biolinum",Candara,Georgia,serif;color:#123627}
.v96pl h3+p,.v96pl p{font-size:15px;color:#3d463f}
.v96pl p+h3{margin-top:22px}
.v96pl .lnk{display:inline-flex;align-items:center;min-height:44px}
.v96pl .gd{font-size:14px}
.v96fq{margin-top:48px}
.v96fq h2{margin:0}
#faqs{scroll-margin-top:90px}
@media (max-width:899px){
 .v96rng,.v96sig ul,.v96big,.v96why,.v96fin,.v96vg{grid-template-columns:1fr}
 .v96rng{gap:14px}
 .v96sig{padding:16px}
 .v96big a{min-height:220px}
 .v96mos{grid-template-columns:1fr 1fr;grid-template-rows:200px 130px 130px}
 .v96mos img:first-child{grid-row:auto;grid-column:1/3}
 .v96mos img:nth-child(4){grid-column:auto}
 .v96mos img:nth-child(2){grid-column:1/2}
 .v96vb{padding:22px}
}
@media (max-width:700px){
 .v96rc{flex-direction:row}
 .v96rc img{width:118px;flex:none;aspect-ratio:auto;height:auto;min-height:100%}
 .v96coll .tx{padding:12px 14px}
 .v96coll .tx b{font-size:20px}
 .v96coll .tx>span:not(.pr){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
 .v96sig img{width:96px}
 .v96mos{grid-template-rows:180px 110px}
 .v96mos img:nth-child(3){display:none}
 .v96mos img:nth-child(4){grid-column:2/3}
}
/* footer C (main pages) */
.v96fc{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.v96fh{display:block;color:#f7f5f2;text-decoration:none}
.v96fh>img{display:block;width:100%;aspect-ratio:16/9;height:auto;object-fit:cover}
.v96fh b{display:flex;align-items:center;min-height:44px;font:400 20px/1.2 Optima,"Linux Biolinum",Candara,Georgia,serif;color:#f7f5f2}
.v96ft{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.v96ft a{display:flex;align-items:center;gap:8px;min-height:44px;color:#e8e2d4;text-decoration:none;font-size:14px}
.v96ft a:hover,.v96fh:hover b{text-decoration:underline;text-underline-offset:4px}
.v96ft img{width:48px;height:36px;object-fit:cover;flex:none}
.foot .v96fcol :focus-visible{outline:2px solid #f7f5f2;outline-offset:2px}
@media (min-width:1080px){.v96ft{grid-template-columns:1fr;gap:2px}}
@media (max-width:1079px){.foot .v96fcol{padding:18px 0;border-bottom:1px solid rgba(247,245,242,.14)}}
/* colour rule, round 2 (measured): green on cream/white; no gold in the footer */
html body main :is(.sec,.sec.alt):not(.dark) .n:not(#z1):not(#z2),html body main .sec:not(.dark) span.i:not(#z1):not(#z2),html body main .sec:not(.dark) span.s:not(#z1):not(#z2),html body main .sec:not(.dark) span.lnk:not(#z1):not(#z2){color:#123627!important;border-color:#123627}
html body footer.foot .ftile span:not(#z1),html body footer.foot .stars:not(#z1){color:#e8e2d4!important}
html body main .v96vb a.lnk:not(#z1):not(#z2),html body main .v96vb a:not(.btn):not(#z1):not(#z2){color:#f7f5f2!important;text-decoration-color:rgba(247,245,242,.6)}
html body .v96rv.v96rv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
@media (max-width:899px){html body .v96rv.v96rv{grid-template-columns:1fr;gap:12px}}
.v96vb{align-self:start}
html body .panext span.s:not(#z1):not(#z2){color:#c9a86b!important}
html body .v96big .tx{flex:none}
html body .v96pl ul.dots li::before,html body .v96pl ul.dots li::marker{color:#123627!important;background:#123627!important}
@media (max-width:1079px){.v96fh>img{aspect-ratio:21/9}}
html body .visitb a.btn.v96cream:not(#z1):not(#z2):not(#z3):not(#z4){background:#f7f5f2!important;border-color:#f7f5f2!important;color:#123627!important}
html body .visitb a.btn.v96cream:not(#z1):not(#z2):not(#z3):not(#z4):hover{background:#fff!important}
@media (max-width:700px){.v96vat{display:block;margin-left:0}}

/* ===== v9.7.0 Garden rooms hub ===== */
.v97anc{position:relative;top:-90px;display:block;height:0}
.v97sig .v97sgt{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px;margin:0 0 14px}
.v97sig .v97sgt h3{margin:0}
.v97sig .v97sgt p{margin:0}
html body .v96sig.v97sig:not(#z1){display:block!important}
html body .v97sig .v97sgrow:not(#z1){display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;margin:0!important;padding:0!important}
@media (max-width:899px){html body .v97sig .v97sgrow:not(#z1){grid-template-columns:1fr!important;gap:12px!important}}
.v97sw{display:inline-grid;grid-template-columns:auto auto;border:1px solid #123627;margin:0 0 18px}
.v97sw button{min-height:48px;padding:0 18px;background:#fff;border:0;color:#123627;font:600 15px Montserrat,Arial,sans-serif;cursor:pointer}
.v97sw button[aria-selected=true]{background:#123627;color:#f7f5f2}
.v97three{list-style:none;margin:6px 0 2px;padding:0;display:grid;gap:2px}
.v97three li{display:flex;flex-wrap:wrap;gap:0 8px;align-items:center;min-height:30px;font-size:14px}
.v97three a{color:#123627;font-weight:600;min-height:30px;display:inline-flex;align-items:center}
.v97three span{color:#4a4a42}
.v97inc{display:block;font-size:14px;color:#4a4a42}
.v97sgnote{font-size:14px;margin:14px 0 0;color:#4a4a42}
html body .v97pn:not(#z1){color:#123627!important}
/* fix 9: phone compare tables stack, label above the values */
@media (max-width:699px){
 .cz-ct.cz-ct,.cz-ct tbody,.cz-ct thead{display:block;width:100%}
 .cz-ct thead tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .cz-ct thead td:first-child{display:none}
 html body .cz-ct thead th:not(#z1){padding:0!important;min-width:0}
 .cz-ct tbody tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 8px;border-top:1px solid #e6dfcf;padding:8px 0}
 html body .cz-ct tbody th:not(#z1){grid-column:1/-1;border:0!important;padding:0 0 4px!important;letter-spacing:0!important}
 html body .cz-ct tbody td:not(#z1){border:0!important;padding:0!important;min-width:0;overflow-wrap:anywhere}
 .cz-ct tbody td[colspan="2"]{grid-column:span 2}
 .v97three li{font-size:14px}
 .v97sw{display:grid;width:100%}
 .v97sw button{padding:0 8px}
}
/* ===== v9.7.0 Home ===== */
html body .v959tiles ul.v97mini:not(#z1){display:flex;flex-wrap:wrap;gap:6px 14px;margin:8px 0 0;padding:0;list-style:none;grid-template-columns:none}
html body .v959tiles .v97mini li{margin:0}
html body .v959tiles .v97mini a:not(#z1){display:inline-flex;align-items:center;gap:8px;background:transparent;border:0;min-height:44px;color:#123627;font-size:15px;font-weight:600}
html body .v959tiles .v97mini img:not(#z1){width:40px;height:40px;object-fit:cover;grid-column:auto}
html body .v959tiles .v97mini a:hover span{text-decoration:underline;text-underline-offset:4px}
html body .v959tiles li>a>img:not(#z1){height:260px}
@media (max-width:700px){html body .v959tiles li>a>img:not(#z1){height:156px}html body .v959tiles ul.v97mini:not(#z1){gap:0 12px}}
.v96ft small{font-size:14px;color:inherit;opacity:.8;margin-left:4px}
/* ===== v9.7.0 Gazebos hub ===== */
/* fix 12: On display names with small photos; range tabs with a small photo */
.v97on{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin:0 12px 0 0;color:#123627;font-weight:600;text-decoration:none;font-size:14px;vertical-align:middle}
.v97on img{width:32px;height:32px;object-fit:cover;display:block;flex:none}
.v97on:hover{text-decoration:underline;text-underline-offset:3px}
html body .chip .v97ci:not(#z1){width:24px;height:24px;object-fit:cover;display:inline-block;vertical-align:middle;margin:0 6px 0 -4px}
/* 7A character line */
.v97ln{margin:2px 0 6px;font-size:14px;line-height:1.4;color:#4a4a42}
/* 12B Glazed / All-season strip */
.v97sl{position:relative;display:block}
.v97strip{position:absolute;left:0;bottom:0;background:#123627;color:#f7f5f2;font:600 14px/1 Montserrat,Arial,sans-serif;padding:7px 10px}
/* fix 15: plain links */
.v97plain .lnk{font-weight:600;min-height:44px;display:inline-flex;align-items:center}
html body .pacmpcta.v97plain:not(#z1){display:block}
html body .pacmpcta.v97plain p:not(#z1){margin:0}
html body .v96fcol:not(#z1),html body .v96ft a:not(#z1){min-width:0}
html body .v97three a:not(#z1){min-height:44px}
html body #collections .v96rng:not(.v97sgrow):not(#z1){grid-template-columns:repeat(2,minmax(0,1fr))}
html body .v97sig .v97sgrow .v96rc:not(#z1){flex-direction:column;background:#fff}
html body .v97sig .v97sgrow .v96rc img:not(#z1){width:100%;aspect-ratio:3/2;min-height:0;height:auto}
html body .v97sig .v97sgrow .tx b:not(#z1){font-size:22px}
html body .v96sig.v97sig:not(#z1){background:transparent;border:0;padding:0}
@media (max-width:899px){html body #collections .v96rng:not(.v97sgrow):not(#z1){grid-template-columns:1fr}html body .v97sig .v97sgrow .v96rc:not(#z1){flex-direction:row}html body .v97sig .v97sgrow .v96rc img:not(#z1){width:118px;aspect-ratio:auto;min-height:100%}}
/* 7A line sits under the name */
html body #models .card .tx .v97ln:not(#z1){order:1}
/* 10A: phone, under All, a heading per range with its count */
@media (max-width:699px){
 html body #models #mlist[data-v97all] .mgrp .lgh:not(#z1){display:block;margin:22px 0 10px;padding-top:14px;border-top:1px solid #d9d3c4}
 html body #models #mlist[data-v97all] .mgrp:first-child .lgh:not(#z1){margin-top:4px;border-top:0;padding-top:0}
 html body #models #mlist[data-v97all] .mgrp .lgh h3:not(#z1){margin:0;font:400 22px/1.25 Optima,"Linux Biolinum",Georgia,serif;color:#123627}
 html body #models #mlist[data-v97all] .mgrp .lgh .sub:not(#z1){display:block;font-size:14px;color:#4a4a42}
 html body #models #mlist[data-v97all] .mgrp .lgh .pk:not(#z1){display:none}
}
@media (max-width:699px){
 html body .cz-ct.v97sigt tbody tr:not(#z1){display:grid}
 html body .cz-ct .cz-fp em:not(#z1){display:block;font-size:14px}
}
@media (max-width:699px){html body .cz-ct thead .hs:not(#z1){display:none}}