/* =========================================================
   V944 狗狗场景选择
========================================================= */

.v944-scene-title{
  margin-bottom:14px;
}

.v944-scene-title h3{
  margin:0;

  color:#343f38;
  font-size:19px;
}

.v944-scene-title p{
  margin:5px 0 0;

  color:#969e99;
  font-size:11px;
}


.v944-scene-grid{
  display:grid;

  grid-template-columns:
    1fr 1fr;

  gap:11px;
}


.v944-scene-card{
  position:relative;

  height:155px;

  padding:0;

  overflow:hidden;

  border:
    2px solid transparent;

  border-radius:21px;

  background-size:cover;
  background-position:center;

  box-shadow:
    0 8px 22px
    rgba(50,67,58,.10);

  text-align:left;
}


.v944-scene-card:after{
  content:"";

  position:absolute;
  inset:42% 0 0;

  background:
    linear-gradient(
      180deg,
      transparent,
      rgba(22,32,27,.68)
    );
}


.v944-scene-card.active{
  border-color:#72b790;

  box-shadow:
    0 0 0 2px
    rgba(114,183,144,.13),
    0 10px 25px
    rgba(48,78,61,.15);
}


.v944-scene-check{
  position:absolute;

  z-index:5;

  top:9px;
  right:9px;

  width:27px;
  height:27px;

  display:grid;
  place-items:center;

  border-radius:50%;

  background:
    rgba(255,255,255,.94);

  color:#59a176;

  font-size:13px;
  font-weight:900;

  box-shadow:
    0 4px 10px
    rgba(0,0,0,.08);
}


.v944-scene-check:empty{
  display:none;
}


.v944-scene-copy{
  position:absolute;

  z-index:4;

  left:12px;
  right:10px;
  bottom:11px;

  color:white;
}


.v944-scene-copy b{
  display:block;

  font-size:13px;
  font-weight:900;
}


.v944-scene-copy small{
  display:block;

  margin-top:3px;

  font-size:9px;

  opacity:.84;
}