/* Yvette V4.32.6 — photo front-door polish only
   Exact selectors from current homepage. No other sections touched. */

.yv430-photo-frontdoor{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:stretch!important;
  width:100%!important;
  box-sizing:border-box!important;
  padding:0 4px!important;
}

.yv430-photo-frontdoor .yvette-photo-action{
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  height:176px!important;
  min-height:176px!important;
  margin:0!important;
  padding:16px 16px!important;
  display:grid!important;
  grid-template-columns:112px minmax(0,1fr) 20px!important;
  align-items:center!important;
  gap:12px!important;
  overflow:hidden!important;
  border-radius:34px!important;
}

.yv430-photo-frontdoor .yvette-photo-action > img{
  display:block!important;
  width:108px!important;
  height:108px!important;
  max-width:108px!important;
  max-height:108px!important;
  object-fit:contain!important;
  margin:0!important;
  justify-self:center!important;
}

.yv430-photo-frontdoor .yvette-photo-action > span{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  min-width:0!important;
  text-align:left!important;
}

.yv430-photo-frontdoor .yvette-photo-action strong{
  display:block!important;
  margin:0!important;
  padding:0!important;
  font-size:34px!important;
  line-height:1.02!important;
  font-weight:950!important;
  letter-spacing:-0.5px!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}

.yv430-photo-frontdoor .yvette-photo-action small{
  display:block!important;
  margin-top:7px!important;
  font-size:15px!important;
  line-height:1.05!important;
  font-weight:800!important;
}

.yv430-photo-frontdoor .yvette-photo-action > b{
  align-self:center!important;
  justify-self:end!important;
  font-size:38px!important;
  line-height:1!important;
  margin:0!important;
}

/* iPhone widths: keep the mascots large and the two buttons visually identical. */
@media(max-width:600px){
  .yv430-photo-frontdoor{
    gap:12px!important;
    padding:0!important;
  }

  .yv430-photo-frontdoor .yvette-photo-action{
    height:164px!important;
    min-height:164px!important;
    padding:13px 11px!important;
    grid-template-columns:88px minmax(0,1fr) 14px!important;
    gap:8px!important;
    border-radius:30px!important;
  }

  .yv430-photo-frontdoor .yvette-photo-action > img{
    width:86px!important;
    height:86px!important;
    max-width:86px!important;
    max-height:86px!important;
  }

  .yv430-photo-frontdoor .yvette-photo-action strong{
    font-size:27px!important;
    line-height:1.02!important;
  }

  .yv430-photo-frontdoor .yvette-photo-action small{
    display:none!important;
  }

  .yv430-photo-frontdoor .yvette-photo-action > b{
    font-size:31px!important;
  }
}

@media(max-width:390px){
  .yv430-photo-frontdoor{
    gap:10px!important;
  }

  .yv430-photo-frontdoor .yvette-photo-action{
    height:154px!important;
    min-height:154px!important;
    padding:11px 8px!important;
    grid-template-columns:74px minmax(0,1fr) 12px!important;
    gap:6px!important;
  }

  .yv430-photo-frontdoor .yvette-photo-action > img{
    width:72px!important;
    height:72px!important;
    max-width:72px!important;
    max-height:72px!important;
  }

  .yv430-photo-frontdoor .yvette-photo-action strong{
    font-size:24px!important;
  }

  .yv430-photo-frontdoor .yvette-photo-action > b{
    font-size:28px!important;
  }
}
