/* =============================================================
   339D — FEATURED VENDORS + PHONE COPY POLISH
   Built from 338D. Presentation only; no image/JS/backend changes.
   ============================================================= */

/* Desktop/laptop only: keep the 338D watermark treatment, but fill the
   previously bare inner-left / inner-right areas with two smaller copies of
   the EXISTING skeleton-key asset. The center Featured Vendors key stack is
   a separate element and is intentionally untouched. */
@media(min-width:851px){
  body.home-300d #featured-vendors.d335-featured::before{
    background-image:
      url('two-key-divider-312d.webp'),
      url('two-key-divider-312d.webp'),
      url('two-key-divider-312d.webp'),
      url('two-key-divider-312d.webp'),
      url('two-key-divider-312d.webp')!important;
    background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat!important;
    background-size:180px auto,96px auto,118px auto,96px auto,180px auto!important;
    background-position:5% 50%,33% 60%,50% 88%,67% 60%,95% 50%!important;
    opacity:.39!important;
    filter:grayscale(.24) saturate(.68) brightness(1.72) contrast(.94)
      drop-shadow(0 0 5px rgba(232,222,207,.08))!important;
  }
}

@media(max-width:650px){
  /* Inspiration card: undo the bottom anchoring introduced in 337D and put
     the rotating quote back near the visual middle of its artwork. */
  body.home-300d .d312-inspiration-card{
    align-items:center!important;
    justify-content:center!important;
    padding:0!important;
  }
  body.home-300d .d312-inspiration-card blockquote{
    transform:translateY(-4px)!important;
  }

  /* Featured Vendors phone copy only. Keep the key artwork itself unchanged.
     Lift the heading/caption group and make the caption readable at normal
     phone viewing size. */
  body.home-300d #featured-vendors .d300-random-heading{
    position:relative!important;
    transform:translateY(-7px)!important;
  }
  body.home-300d #featured-vendors .d302-spotlight-wink{
    max-width:80px!important;
    font-size:.43rem!important;
    line-height:1.16!important;
  }
}

@media(max-width:390px){
  body.home-300d #featured-vendors .d302-spotlight-wink{
    max-width:74px!important;
    font-size:.40rem!important;
  }
}