/* =============================================================
   313D — LAYOUT CORRECTION PASS
   Presentation-only follow-up to 312D.
   - Return Design Services to the left rail.
   - Let inspiration move directly beneath Join & Post Free.
   - Center Featured Vendor contents on desktop as already done on phone.
   No functional/backend changes.
   ============================================================= */

/* Design Services is back in its original left-rail home. The 312D compact
   center-column rules no longer match it, so the established left-rail
   treatment from home-300d/home-308d takes over naturally. */
body.home-300d .d300-left-column .d312-design-card{
  width:100%!important;
}

/* Featured Vendors: use the same intentional centered composition at every
   viewport width. Each vendor's artwork/name/type reads as one centered unit
   inside its own compartment instead of hugging the left edge on desktop. */
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;
  row-gap:5px!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 5px!important;
}
body.home-300d .d300-random-art{
  grid-column:1!important;
  grid-row:auto!important;
  width:122px!important;
  margin:0 auto 5px!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;
}

/* Preserve the already-approved compact phone proportions. */
@media(max-width:650px){
  body.home-300d .d300-random-slot{row-gap:3px!important}
  body.home-300d .d300-random-label{margin:0 0 2px!important}
  body.home-300d .d300-random-art{width:min(72px,82%)!important;margin:0 auto 3px!important}
}
@media(max-width:390px){
  body.home-300d .d300-random-art{width:min(66px,84%)!important}
}