/* ==========================================================================
   MFGAxis Vendor Card Kit — CTE Copy (Scoped) — V1 CLEAN
   Generated: 2026-01-25T22:02:05Z
   Scope: .cte-single__metaRight (no global bleed)
   ========================================================================== */

/* Right column wrapper */
.cte-single__metaRight .cte-mfgaxis-cardWrap{width:100%;display:flex;justify-content:center;}
.cte-single__metaRight .mfgaxis-vendor-search-results{display:flex;justify-content:center;}
.cte-single__metaRight .mfgaxis-vendor-card{width:100%;max-width:380px;}

/* Card */
.cte-single__metaRight .mfgaxis-vendor-card{
  position:relative;
  height:100%;
  border-radius:18px;
  background:#fff;
  box-shadow:0 16px 44px rgba(15,23,42,.08);
  overflow:hidden;
  cursor:pointer;
  transition:transform 320ms cubic-bezier(.19,1,.22,1), box-shadow 320ms cubic-bezier(.19,1,.22,1);
}
.cte-single__metaRight .mfgaxis-vendor-card:hover{
  transform:translateY(-6px) scale(1.015);
  box-shadow:0 28px 70px rgba(15,23,42,.18);
}

.cte-single__metaRight .mfgaxis-vendor-card__inner{
  position:relative;
  height:100%;
  min-height:240px;
  padding:1.35rem 1.45rem;
  display:flex;
  flex-direction:column;
  gap:.85rem;
  z-index:1;
}

.cte-single__metaRight .mfgaxis-vendor-card__top-row{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.55rem;
}

.cte-single__metaRight .mfgaxis-vendor-card__logo{
  width:100%;
  min-height:74px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-radius:18px;
  padding:10px 12px;
  background:
    linear-gradient(90deg, rgba(15,23,42,.035) 0%, transparent 58%, transparent 100%),
    linear-gradient(90deg, rgba(255,255,255,.62) 0%, rgba(255,255,255,.18) 60%, transparent 100%);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  box-shadow:0 10px 26px rgba(15,23,42,.06), inset 0 1px 0 rgba(255,255,255,.70);
}

.cte-single__metaRight .mfgaxis-vendor-card__logo::before{
  content:"";
  position:absolute;
  left:-46px;
  top:50%;
  width:190px;
  height:150px;
  transform:translateY(-50%);
  pointer-events:none;
  z-index:0;
  background:radial-gradient(circle at 62% 50%,
    rgb(var(--vt-text-rgb, 22 48 87) / .20) 0%,
    rgb(var(--vt-text-rgb, 22 48 87) / .10) 40%,
    rgb(var(--vt-text-rgb, 22 48 87) / 0) 74%);
  filter:blur(18px);
}

.cte-single__metaRight .mfgaxis-vendor-card__logo::after{
  content:"";
  position:absolute;
  left:10px;
  top:50%;
  transform:translateY(-50%);
  height:66px;
  width:min(520px, calc(100% - 20px));
  max-width:520px;
  border-radius:16px;
  z-index:1;
  pointer-events:none;
  background:
    radial-gradient(120% 140% at 35% 50%,
      rgba(255,255,255,.98) 0%,
      rgba(255,255,255,.92) 54%,
      transparent 100%),
    radial-gradient(150% 180% at 18% 50%,
      rgb(var(--vt-rgb, 47 118 255) / .22) 0%,
      rgb(var(--vt-rgb, 47 118 255) / .10) 44%,
      rgb(var(--vt-rgb, 47 118 255) / 0) 78%),
    radial-gradient(140% 160% at 12% 50%,
      rgb(var(--vt-text-rgb, 22 48 87) / .10) 0%,
      rgb(var(--vt-text-rgb, 22 48 87) / 0) 60%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85), inset 0 -1px 0 rgba(15,23,42,.04);
}

.cte-single__metaRight .mfgaxis-vendor-card__logo img{
  position:relative;
  z-index:2;
  display:block;
  height:54px;
  max-height:54px;
  width:auto;
  max-width:calc(100% - 32px);
  object-fit:contain;
  object-position:center center;
  margin:0 auto;
}

.cte-single__metaRight .mfgaxis-vendor-card__vendor-type-rest{width:100%;display:flex;justify-content:flex-start;}
.cte-single__metaRight .mfgaxis-vendor-type-pill--rest{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.28rem .75rem;
  border-radius:999px;
  font-weight:900;
  font-size:clamp(.68rem,.85vw,.78rem);
  line-height:1.15;
  white-space:nowrap;
  background:rgb(var(--vt-rgb, 47 118 255) / .42);
  color:var(--vt-text, #0F172A);
  border:1px solid rgb(var(--vt-text-rgb, 22 48 87) / .28);
  box-shadow:0 6px 14px rgba(15,23,42,.06);
}

.cte-single__metaRight .mfgaxis-vendor-card__title{
  font-size:1.05rem;
  font-weight:900;
  letter-spacing:-.01em;
  line-height:1.25;
  margin:0;
  color:#0F172A;
}

.cte-single__metaRight .mfgaxis-vendor-card__location{
  margin-top:.15rem;
  font-size:.86rem;
  line-height:1.35;
  color:#6B7280;
}

.cte-single__metaRight .mfgaxis-vendor-card__pills{display:flex;flex-wrap:wrap;gap:.35rem .45rem;}
.cte-single__metaRight .mfgaxis-pill{
  display:inline-flex;
  align-items:center;
  padding:.20rem .62rem;
  border-radius:999px;
  font-size:.78rem;
  line-height:1.15;
  border:1px solid rgba(15,23,42,.10);
  text-decoration:none;
  transition:transform 100ms ease, box-shadow 100ms ease;
}
.cte-single__metaRight .mfgaxis-pill:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(15,23,42,.10);}

/* Overlay (hover) */
.cte-single__metaRight .mfgaxis-vendor-card__overlay{
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:rgba(10,31,65,.94);
  color:#fff;
  opacity:0;
  transition:opacity 250ms ease-out;
  z-index:2;
  pointer-events:none;
  overflow:hidden;
}
.cte-single__metaRight .mfgaxis-vendor-card:hover .mfgaxis-vendor-card__overlay{opacity:1;pointer-events:auto;}

.cte-single__metaRight .mfgaxis-vendor-card__overlay::before{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:10px;height:10px;border-radius:50%;
  background:radial-gradient(circle at center, rgba(10,31,65,.94) 0%, rgba(10,31,65,.94) 80%);
  transform:translate(-50%,-50%) scale(0);
  opacity:0;
  transition:transform 1200ms cubic-bezier(.7,0,.3,1), opacity 900ms ease-out;
}
.cte-single__metaRight .mfgaxis-vendor-card:hover .mfgaxis-vendor-card__overlay::before{transform:translate(-50%,-50%) scale(45);opacity:1;}

.cte-single__metaRight .mfgaxis-vendor-card__overlay-inner{
  height:100%;
  padding:1.6rem 1.6rem 1.4rem;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:.9rem;
  opacity:0;
  transform:translateY(6px);
  transition:opacity 400ms ease-out 250ms, transform 400ms ease-out 250ms;
}
.cte-single__metaRight .mfgaxis-vendor-card:hover .mfgaxis-vendor-card__overlay-inner{opacity:1;transform:translateY(0);}

.cte-single__metaRight .mfgaxis-vendor-card__overlay-title{text-align:center;font-size:1.05rem;font-weight:900;}

.cte-single__metaRight .mfgaxis-vendor-card__cta{
  display:inline-flex;align-items:center;justify-content:center;
  padding:.55rem 1.7rem;border-radius:.9rem;
  border:2px solid #FB9B3C;background:transparent;color:#fff;
  font-weight:900;font-size:.9rem;text-decoration:none;
  box-shadow:0 10px 26px rgba(0,0,0,.25);
  transition:background-color 220ms ease,color 220ms ease,transform 160ms ease,box-shadow 220ms ease;
}
.cte-single__metaRight .mfgaxis-vendor-card__cta:hover{background:#FB9B3C;color:#111827;transform:translateY(-2px);box-shadow:0 16px 34px rgba(0,0,0,.35);}

/* CTE_MFGAXIS_MULTI_GRID_V1 */
.cte-single__metaRight .cte-mfgaxis-cardWrap{
  width:100%;
  display:block;
}
.cte-single__metaRight .cte-mfgaxis-cardGrid{
  display:grid;
  gap:16px;
  justify-content:center;
}

/* default: 1 col (center) */
.cte-single__metaRight .cte-mfgaxis-cardGrid{
  grid-template-columns: minmax(0, 380px);
}

/* if multiple cards: 2 cols on desktop */
@media (min-width: 980px){
  .cte-single__metaRight .cte-mfgaxis-cardGrid[data-multi="1"]{
    grid-template-columns: repeat(2, minmax(0, 380px));
  }
}

@media (max-width: 520px){
  .cte-single__metaRight .cte-mfgaxis-cardGrid{
    grid-template-columns: minmax(0, 1fr);
  }
}

/* logo fallback */
.cte-single__metaRight .mfgaxis-vendor-card__logo-fallback{
  height:54px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  opacity:.18;
}


/* CTE_MFGAXIS_CARD_NO_PILLS_HOVER_PILL_V1 */
/* Kill pills entirely (base + overlay) */
.cte-single__metaRight .mfgaxis-vendor-card__pills-wrap,
.cte-single__metaRight .mfgaxis-vendor-card__overlay-pills{
  display:none !important;
}

/* Hover vendor-type pill (match MFGAxis overlay vibe) */
.cte-single__metaRight .mfgaxis-vendor-card__vendor-type-hover{
  display:flex;
  justify-content:center;
  width:100%;
}

.cte-single__metaRight .mfgaxis-vendor-type-pill--hover{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.28rem .75rem;
  border-radius:999px;
  font-weight:900;
  font-size:clamp(.68rem,.85vw,.78rem);
  line-height:1.15;
  white-space:nowrap;

  background: color-mix(in srgb, #ffffff 14%, transparent);
  border: 1px solid color-mix(in srgb, #ffffff 18%, transparent);
  color:#fff;
}

