/* Three main spas, followed by the quieter Sun Society collaboration. */
#locations.locations-immersive .location-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 9px}
#locations.locations-immersive .location-card{grid-column:auto;min-height:clamp(540px,43vw,650px)}
#locations.locations-immersive .location-actions{flex-wrap:wrap;row-gap:14px}
:is(#locations,.sl-location-comparison) .location-collaboration{grid-column:1/-1;display:grid;grid-template-columns:180px minmax(0,1fr) auto;align-items:center;gap:32px;min-width:0;min-height:148px;padding:0 32px 0 0;border:1px solid #d9d0bf;background:#eee8dd;box-shadow:none}
:is(#locations,.sl-location-comparison) .location-collaboration-photo{display:block;height:148px;overflow:hidden}
:is(#locations,.sl-location-comparison) .location-collaboration-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 60%}
:is(#locations,.sl-location-comparison) .location-collaboration-copy{min-width:0;padding:20px 0}
:is(#locations,.sl-location-comparison) .location-collaboration-copy>span{display:block;margin-bottom:10px;color:#7e6b4a;font:600 9px/1.5 Raleway,Arial,sans-serif;letter-spacing:.13em}
:is(#locations,.sl-location-comparison) .location-collaboration h3{margin:0 0 8px;color:#302a22;font:400 32px/1.1 'Cormorant Garamond',Georgia,serif;letter-spacing:-.01em}
:is(#locations,.sl-location-comparison) .location-collaboration p{margin:0;color:#6b6459;font:400 12px/1.6 Raleway,Arial,sans-serif}
:is(#locations,.sl-location-comparison) .location-collaboration-link{display:inline-flex;gap:16px;align-items:center;justify-self:end;min-height:44px;color:#7c5e2b;font:600 11px/1.5 Raleway,Arial,sans-serif;text-decoration:none}
:is(#locations,.sl-location-comparison) .location-collaboration-link:hover{text-decoration:underline;text-underline-offset:5px}
:is(#locations,.sl-location-comparison) .location-collaboration a:focus-visible{outline:2px solid #7c5e2b;outline-offset:4px}
@media(max-width:1100px){#locations.locations-immersive .location-copy{padding:28px 20px 25px}#locations.locations-immersive .location-copy h3{font-size:clamp(22px,2.6vw,30px)}:is(#locations,.sl-location-comparison) .location-collaboration{grid-template-columns:150px minmax(0,1fr) auto;gap:24px;padding-right:24px}:is(#locations,.sl-location-comparison) .location-collaboration h3{font-size:28px}:is(#locations,.sl-location-comparison) .location-collaboration-link{max-width:125px}}
@media(max-width:760px){#locations.locations-immersive .location-grid{grid-template-columns:1fr;gap:14px}#locations.locations-immersive .location-card{min-height:535px}#locations.locations-immersive .location-copy{padding:30px 24px 25px}#locations.locations-immersive .location-copy h3{font-size:30px}:is(#locations,.sl-location-comparison) .location-collaboration{grid-template-columns:105px minmax(0,1fr);column-gap:18px;row-gap:0;padding:0 18px 0 0;margin-top:8px}:is(#locations,.sl-location-comparison) .location-collaboration-photo{grid-row:1/3;height:100%;min-height:190px}:is(#locations,.sl-location-comparison) .location-collaboration-copy{padding:20px 0 0}:is(#locations,.sl-location-comparison) .location-collaboration-copy>span{font-size:8px;letter-spacing:.08em;margin-bottom:8px}:is(#locations,.sl-location-comparison) .location-collaboration h3{font-size:25px;line-height:1.05}:is(#locations,.sl-location-comparison) .location-collaboration p{font-size:11px}:is(#locations,.sl-location-comparison) .location-collaboration-link{grid-column:2;justify-self:start;max-width:none;font-size:10px;gap:9px;margin:6px 0 12px}}
@media(max-width:380px){:is(#locations,.sl-location-comparison) .location-collaboration{grid-template-columns:80px minmax(0,1fr);column-gap:14px;padding-right:14px}:is(#locations,.sl-location-comparison) .location-collaboration h3{font-size:23px}:is(#locations,.sl-location-comparison) .location-collaboration-link{font-size:9px}}

/* Comparison page: keep three complete spa cards above the collaboration. */
.sl-index-grid.sl-location-comparison{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.sl-location-comparison .sl-index-card{min-width:0}
@media(max-width:760px){.sl-index-grid.sl-location-comparison{grid-template-columns:1fr;gap:20px}:is(#locations,.sl-location-comparison) .location-collaboration-photo img{object-fit:contain;object-position:center}}