/* Reference-matched wholesale product cards for the Monogram catalogue and related products.
   Scope: all mg_product_card() instances. Corporate pages remain unchanged. */
.mg-catalogue-items .mg-catalog-grid,
.mg-single-related .mg-catalog-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  column-gap:30px;
  row-gap:30px;
  align-items:stretch;
}
.mg-catalogue-items .mg-shop-card,
.mg-single-related .mg-shop-card {
  display:flex;
  flex-direction:column;
  min-width:0;
  min-height:510px;
  border:1px solid #dededb;
  border-radius:0 0 22px 22px;
  background:#fff;
  overflow:hidden;
  box-shadow:none;
  color:#171717;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.mg-shop-card:hover {
  border-color:#c8c8c4;
  box-shadow:0 12px 28px rgba(12,19,29,.08);
  transform:translateY(-2px);
}
.mg-shop-card__media {
  display:block!important;
  flex:none;
  width:100%;
  text-decoration:none;
  background:#ededeb;
  overflow:hidden;
}
.mg-catalogue-items .mg-shop-card .mg-catalog-img,
.mg-single-related .mg-shop-card .mg-catalog-img {
  height:236px!important;
  width:100%;
  min-height:0;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:10px 12px;
  border-radius:0!important;
  background:#eeeeeb!important;
  overflow:hidden;
}
.mg-shop-card .mg-catalog-img img {
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  transition:transform .2s ease;
}
.mg-shop-card:hover .mg-catalog-img img { transform:scale(1.025); }
.mg-shop-card .mg-shop-card__missing {
  color:#777b7d;
  font-size:12px;
  font-weight:600;
  letter-spacing:.02em;
  text-align:center;
  background:repeating-linear-gradient(135deg,#f1f1ef 0,#f1f1ef 12px,#ececea 12px,#ececea 24px)!important;
}
.mg-shop-card__missing span {
  background:#fff;
  border:1px solid #e4e4e0;
  padding:12px 16px;
  border-radius:3px;
  max-width:75%;
}
.mg-shop-card__body {
  display:flex;
  flex:1;
  flex-direction:column;
  align-items:stretch;
  width:100%;
  padding:22px 22px 21px;
}
.mg-shop-card .mg-catalog-category {
  display:block;
  margin:0 0 9px!important;
  color:#b5121b!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.065em!important;
  line-height:1.2;
  text-transform:uppercase;
}
.mg-catalogue-items .mg-shop-card h3,
.mg-single-related .mg-shop-card h3 {
  font-family:Arial,Helvetica,sans-serif;
  color:#171717;
  font-size:27px!important;
  font-weight:750;
  letter-spacing:-.025em;
  line-height:1.16!important;
  min-height:0;
  margin:0 0 13px!important;
  overflow-wrap:break-word;
}
.mg-shop-card__title {
  display:block;
  text-decoration:none!important;
  color:#191919!important;
}
.mg-shop-card__title:hover {color:#a9131c!important;}
.mg-catalogue-items .mg-shop-card .mg-shop-card__summary,
.mg-single-related .mg-shop-card .mg-shop-card__summary {
  color:#686868!important;
  font-family:Arial,Helvetica,sans-serif;
  font-size:14px!important;
  font-weight:400;
  line-height:1.6!important;
  margin:0 0 22px!important;
  overflow:hidden;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  line-clamp:3;
}
.mg-shop-card__actions {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin-top:auto;
  padding-top:12px;
}
.mg-shop-card__actions a {
  display:flex!important;
  align-items:center;
  justify-content:center;
  min-height:49px;
  min-width:0;
  padding:10px 9px;
  border-radius:999px;
  text-align:center;
  text-decoration:none!important;
  font-family:Arial,Helvetica,sans-serif;
  font-size:12px!important;
  line-height:1.2;
  font-weight:700!important;
  transition:background .18s ease,border-color .18s ease,color .18s ease;
}
.mg-shop-card__view {
  background:#fff;
  border:1px solid #d8dcd8;
  color:#232323!important;
}
.mg-shop-card__view:hover, .mg-shop-card__view:focus-visible {
  border-color:#9b9f9c;
  background:#f5f5f3;
}
.mg-shop-card__quote {
  border:1px solid #b61520;
  background:#b61520;
  color:#fff!important;
}
.mg-shop-card__quote:hover,.mg-shop-card__quote:focus-visible {
  border-color:#94131d;
  background:#94131d;
  color:#fff!important;
}
.mg-shop-card__actions a:focus-visible,.mg-shop-card__media:focus-visible,
.mg-shop-card__title:focus-visible {
  outline:3px solid #183e73;
  outline-offset:2px;
}
.mg-catalogue-items .mg-catalogue-items__intro {max-width:800px}
@media (min-width:1100px) {
 .mg-catalogue-items .mg-catalog-grid,.mg-single-related .mg-catalog-grid {column-gap:30px}
}
@media (max-width:1040px) {
 .mg-catalogue-items .mg-catalog-grid,.mg-single-related .mg-catalog-grid {
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:20px;row-gap:25px;
 }
 .mg-catalogue-items .mg-shop-card h3,.mg-single-related .mg-shop-card h3 {font-size:24px!important}
}
@media (max-width:660px) {
 .mg-catalogue-items .mg-catalog-grid,.mg-single-related .mg-catalog-grid {
  grid-template-columns:minmax(0,1fr);
  gap:20px;
 }
 .mg-catalogue-items .mg-shop-card,.mg-single-related .mg-shop-card {min-height:0}
 .mg-catalogue-items .mg-shop-card .mg-catalog-img,.mg-single-related .mg-shop-card .mg-catalog-img {height:235px!important}
 .mg-shop-card__body {padding:22px 20px 20px}
 .mg-catalogue-items .mg-shop-card h3,.mg-single-related .mg-shop-card h3 {font-size:25px!important}
 .mg-shop-card__actions a {font-size:13px!important;min-height:49px}
}
@media (max-width:365px) {
 .mg-shop-card__body {padding:18px 15px}
 .mg-shop-card__actions {gap:8px}
 .mg-shop-card__actions a {font-size:11px!important}
}
@media (prefers-reduced-motion:reduce) {
 .mg-shop-card,.mg-shop-card img,.mg-shop-card__actions a {transition:none!important}
}
