.course-photo-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;max-height:330px;overflow:auto;padding:8px}.course-photo-options label{display:flex;align-items:center;gap:8px;border:1px solid #dce5ec;border-radius:8px;padding:8px;font-size:13px}.course-photo-options input{width:auto!important}.course-photo-options img{width:55px;height:42px;object-fit:cover;border-radius:4px}.course-gallery{display:flex;overflow-x:auto;gap:8px;padding:10px;scroll-snap-type:x mandatory;max-width:100%}.course-gallery button{flex:0 0 82%;min-width:0;padding:0;border:0;background:#eef3f6;border-radius:10px;overflow:hidden;cursor:pointer;scroll-snap-align:start;color:#20445b}.course-gallery button:only-child{flex-basis:100%}.course-gallery img{width:100%;height:220px;object-fit:cover;display:block}.course-gallery span{display:block;padding:8px;font-size:12px}.place-card{min-width:0}.course-photo-hint{font-size:12px;color:#657e91;margin:0 12px 8px}

/* Match the hotel photo layout on desktop and mobile. */
#places .place-grid{grid-template-columns:minmax(0,1fr);gap:24px}
#places .course-gallery{display:grid;grid-template-columns:2fr 1fr 1fr;gap:9px;padding:0;overflow:visible;scroll-snap-type:none}
#places .course-gallery button{position:relative;width:100%;min-width:0;background:#e8eef4;padding:0;border-radius:10px;overflow:hidden}
#places .course-gallery img{width:100%;height:200px;object-fit:cover;display:block}
#places .course-gallery button span{position:absolute;bottom:10px;right:10px;padding:6px 9px;background:#fffdf5e8;border-radius:4px;font-size:10px}
#places .course-gallery button:only-child{grid-column:1/-1}
@media(max-width:700px){
 #places .course-gallery{grid-template-columns:1fr 1fr}
 #places .course-gallery button:first-child{grid-column:1/-1}
 #places .course-gallery img{height:130px}
 #places .course-gallery button:first-child img{height:210px}
}