/* v8.7.3 garden rooms hub, "Three collections": a row of photo chips (Signature, Contemporary, Heritage) under the heading.
   It sticks under the header while the collections section scrolls (the current collection is marked), then releases.
   Desktop: a grid of three, with one quiet outlined "Compare the collections →" at the right. Phones: one sideways row,
   the next chip peeking, the Compare button at the end. Name #123627 / price #5f5a4f on white: 13.9:1 / 6.6:1. */
.grc3{position:sticky;top:var(--hdrvis,0px);z-index:20;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;margin:18px 0 0;padding:10px 0;background:#fff;transition:top .3s ease,box-shadow .2s ease}
.grc3.stuck{box-shadow:0 8px 12px -12px rgba(0,0,0,.35)}
.grc3s{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.grc3c{display:flex;align-items:center;gap:12px;min-height:56px;padding:6px 14px 6px 6px;border:1px solid #d9cfba;border-radius:4px;background:#fff;color:#123627;text-decoration:none;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}
.grc3c img{flex:0 0 64px;width:64px;height:48px;object-fit:cover;border-radius:2px}
.grc3c span{display:flex;flex-direction:column;gap:3px;min-width:0}
.grc3c b{font:600 15px/1.2 Montserrat,Arial,sans-serif;color:#123627}
.grc3c small{font:500 14px/1.2 Montserrat,Arial,sans-serif;color:#5f5a4f}
.grc3c:hover{border-color:#a8843f}
.grc3c[aria-current=true]{border-color:#123627;background:#fbf7ee;box-shadow:inset 0 -2px 0 #c9a86b}
.grc3k{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border:1px solid #123627;border-radius:2px;color:#123627;background:#fff;text-decoration:none;white-space:nowrap;font:600 14px/1 Montserrat,Arial,sans-serif;letter-spacing:0;text-transform:none;transition:background-color .2s ease,color .2s ease}
.grc3k:hover{background:#123627;color:#fff}
.grc3c:focus-visible,.grc3k:focus-visible{outline:2px solid #123627;outline-offset:2px;box-shadow:0 0 0 4px rgba(201,168,107,.5)}
#collections .sigband{margin-top:24px!important}
@media (max-width:899px){
 .grc3{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;margin:14px -20px 0;padding:8px 20px;scroll-padding-left:20px}
 .grc3::-webkit-scrollbar{display:none}
 .grc3s{display:contents}
 .grc3c{flex:0 0 58%;max-width:230px;scroll-snap-align:start}
 .grc3k{flex:0 0 auto;scroll-snap-align:end;align-self:center}
}
@media (prefers-reduced-motion:reduce){.grc3,.grc3c,.grc3k{transition:none}}
/* compare: the photos lead; the shared features sit in one row under the cards */
.b2 .shared2{margin-top:26px;border-bottom:0}
.b2 .shared2 h3 span{text-transform:none;letter-spacing:0;font-weight:500;color:#6f6a5e}
.b2 .shared2 .sh{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:899px){.b2 .shared2 .sh{grid-template-columns:1fr 1fr}}
.b2 .hd .thumbs a{min-height:44px}