
/* v11 — grouped gallery for room “Морской”. Main page remains untouched. */
.room-morskoy-page .morskoy-gallery-section{padding-top:72px;padding-bottom:82px}
.room-morskoy-page .morskoy-gallery-groups{display:grid;gap:44px}
.room-morskoy-page .morskoy-gallery-group{display:grid;gap:16px}
.room-morskoy-page .morskoy-gallery-title{display:flex;align-items:end;justify-content:space-between;gap:24px;border-bottom:1px solid rgba(255,255,255,.14);padding-bottom:12px}
.room-morskoy-page .morskoy-gallery-title h3{margin:0;color:#fff;font:500 34px/1.05 var(--serif)}
.room-morskoy-page .morskoy-gallery-title span{color:rgba(255,255,255,.60);font-size:13px;text-align:right}
.room-morskoy-page .morskoy-mosaic{display:grid;gap:12px}
.room-morskoy-page .morskoy-photo{border:0;padding:0;margin:0;display:block;position:relative;overflow:hidden;border-radius:14px;background:#dce7e3;cursor:zoom-in;box-shadow:0 8px 28px rgba(0,0,0,.10)}
.room-morskoy-page .morskoy-photo picture,.room-morskoy-page .morskoy-photo img{display:block;width:100%;height:100%}
.room-morskoy-page .morskoy-photo img{object-fit:cover;transition:transform .35s ease,filter .35s ease}
.room-morskoy-page .morskoy-photo:hover img{transform:scale(1.025);filter:brightness(1.03)}
/* The first gallery composition starts with a wide scenic image, never a bathroom shot. */
.room-morskoy-page .morskoy-mosaic-view{grid-template-columns:1.75fr 1fr;grid-template-rows:220px 220px}
.room-morskoy-page .morskoy-mosaic-view .morskoy-photo:first-child{grid-row:1/3}
.room-morskoy-page .morskoy-mosaic-view .morskoy-photo:first-child img{object-position:center 49%}
.room-morskoy-page .morskoy-mosaic-view .morskoy-photo:nth-child(2) img{object-position:center 48%}
.room-morskoy-page .morskoy-mosaic-view .morskoy-photo:nth-child(3) img{object-position:center 55%}
/* Bedroom / living zone */
.room-morskoy-page .morskoy-mosaic-room{grid-template-columns:1.35fr 1fr 1fr;grid-template-rows:215px 215px}
.room-morskoy-page .morskoy-mosaic-room .morskoy-photo:first-child{grid-row:1/3}
.room-morskoy-page .morskoy-mosaic-room .morskoy-photo:first-child img{object-position:center 48%}
.room-morskoy-page .morskoy-mosaic-room .morskoy-photo:nth-child(2) img{object-position:center 50%}
.room-morskoy-page .morskoy-mosaic-room .morskoy-photo:nth-child(3) img{object-position:center 50%}
.room-morskoy-page .morskoy-mosaic-room .morskoy-photo:nth-child(4) img{object-position:center 48%}
.room-morskoy-page .morskoy-mosaic-room .morskoy-photo:nth-child(5) img{object-position:center 50%}
/* Kitchen stays together */
.room-morskoy-page .morskoy-mosaic-kitchen{grid-template-columns:1.1fr .9fr;grid-template-rows:310px}
.room-morskoy-page .morskoy-mosaic-kitchen .morskoy-photo img{object-position:center 50%}
/* Bathroom stays together and is deliberately last. */
.room-morskoy-page .morskoy-mosaic-bath{grid-template-columns:repeat(3,1fr);grid-template-rows:290px}
.room-morskoy-page .morskoy-mosaic-bath .morskoy-photo img{object-position:center 48%}
/* Hero: a bright overall room view, not wardrobe/bathroom. */
.room-morskoy-page .room-hero-media img{object-position:center 50%}
@media(max-width:980px){
  .room-morskoy-page .morskoy-mosaic-view{grid-template-columns:1.45fr 1fr;grid-template-rows:190px 190px}
  .room-morskoy-page .morskoy-mosaic-room{grid-template-columns:1fr 1fr;grid-template-rows:260px 180px 180px}
  .room-morskoy-page .morskoy-mosaic-room .morskoy-photo:first-child{grid-column:1/3;grid-row:auto}
  .room-morskoy-page .morskoy-mosaic-kitchen{grid-template-rows:260px}
  .room-morskoy-page .morskoy-mosaic-bath{grid-template-rows:240px}
}
@media(max-width:700px){
  .room-morskoy-page .morskoy-gallery-section{padding-top:58px;padding-bottom:68px}
  .room-morskoy-page .morskoy-gallery-groups{gap:34px}
  .room-morskoy-page .morskoy-gallery-title{display:block}
  .room-morskoy-page .morskoy-gallery-title h3{font-size:30px;margin-bottom:5px}
  .room-morskoy-page .morskoy-gallery-title span{display:block;text-align:left;font-size:12px}
  .room-morskoy-page .morskoy-mosaic-view,
  .room-morskoy-page .morskoy-mosaic-room,
  .room-morskoy-page .morskoy-mosaic-kitchen,
  .room-morskoy-page .morskoy-mosaic-bath{grid-template-columns:1fr;grid-template-rows:none;grid-auto-rows:245px}
  .room-morskoy-page .morskoy-mosaic-view .morskoy-photo:first-child,
  .room-morskoy-page .morskoy-mosaic-room .morskoy-photo:first-child{grid-column:auto;grid-row:auto;min-height:300px}
}
