/* V2.9.1 — small production polish */

/* Media cards: the image is intentionally edge-to-edge across the top of the card.
   The base stylesheet gives all images max-width:100%, which was capping the
   deliberate card-padding overhang and leaving a strip of the card background visible. */
.media-card{min-width:0}
.media-card .card-media{
  max-width:none;
  width:calc(100% + 54px);
  display:block;
}
.cards-3>.media-card{min-width:0;width:100%}

/* Supplier inquiry note: informational, not a faux link or dark quote block. */
.inquiry-note{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:18px;
  align-items:start;
  padding:30px 32px;
  border:1px solid #d6e6f1;
  border-top:4px solid #72b7e7;
  border-radius:26px;
  background:linear-gradient(145deg,#f4faff 0%,#ffffff 58%,#f5faf6 100%);
  box-shadow:var(--shadow-sm);
}
.inquiry-note-icon{
  width:48px;
  height:48px;
  border-radius:15px;
  display:grid;
  place-items:center;
  background:#fff;
  color:var(--navy);
  box-shadow:0 6px 16px rgba(22,54,92,.08);
}
.inquiry-note-label{
  margin:1px 0 7px;
  color:#5c7ea0;
  font-size:.72rem;
  font-weight:850;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.inquiry-note h3{
  margin:0 0 10px;
  font-size:1.2rem;
  line-height:1.3;
  color:var(--navy-deep);
}
.inquiry-note p{
  margin:0;
  color:#526b80;
  font-size:.97rem;
  line-height:1.62;
}
.inquiry-note-link{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-top:17px;
  color:var(--navy);
  font-size:.9rem;
  font-weight:800;
  text-decoration:none;
}
.inquiry-note-link span{transition:transform .18s ease}
.inquiry-note-link:hover span{transform:translateX(3px)}
.inquiry-note-link:focus-visible{
  outline:3px solid rgba(100,181,246,.3);
  outline-offset:4px;
  border-radius:5px;
}

@media (max-width:620px){
  .inquiry-note{grid-template-columns:1fr;padding:25px 23px;gap:14px}
  .inquiry-note-icon{width:44px;height:44px}
}