/* =============================================================
   309D — PHONE/DESKTOP HARMONY POLISH
   Presentation-only follow-up to 308D.
   ============================================================= */

@media (max-width:650px){
  /* Keep each Featured Vendor centered inside its own compartment while the
     two compartments remain side-by-side. */
  body.home-300d .d300-random-slot{
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto auto auto!important;
    justify-items:center!important;
    align-content:start!important;
    text-align:center!important;
    padding:7px 5px!important;
    row-gap:3px!important;
  }
  body.home-300d .d300-random-label{
    grid-column:1!important;
    grid-row:auto!important;
    width:100%!important;
    text-align:center!important;
    margin:0 0 2px!important;
  }
  body.home-300d .d300-random-art{
    grid-column:1!important;
    grid-row:auto!important;
    width:min(72px,82%)!important;
    margin:0 auto 3px!important;
    justify-self:center!important;
  }
  body.home-300d .d300-random-slot>strong,
  body.home-300d .d300-random-slot>small{
    grid-column:1!important;
    width:100%!important;
    text-align:center!important;
    align-self:auto!important;
    margin:0!important;
  }
  body.home-300d .d304-key-divider{
    justify-self:center!important;
    align-self:center!important;
  }
  body.home-300d .d300-supporter-art,
  body.home-300d .d300-supporter-flyer{
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

@media (max-width:390px){
  body.home-300d .d300-random-art{width:min(66px,84%)!important}
}