/* PROMOTED CARD */
.promo-card {
  background-color: #fafafa;
  border-left: 4px solid #0d6efd;
}

/* Label */
.promo-card .promo-label {
  font-size: 11px;
  color: #6c757d;
  text-transform: uppercase;
  letter-spacing: .5px;
}

/* Banner */
.promo-card .promo-banner-link {
  display: block;
}

.promo-card .promo-banner-img {
  width: 100%;
  height: auto;
  display: block;
}
.promo-banner-img {
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.promo-banner-link:hover .promo-banner-img {
  transform: scale(1.01);
  box-shadow: 0 6px 14px rgba(0,0,0,0.12);
}


/* FULL-WIDTH ANCHOR HOLDER */
.bottom-promo {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1300;

  display: flex;
  justify-content: center;

  padding-left: 12px;
  padding-right: 12px;
}

/* CENTERED PROMO BAR */
.bottom-promo-inner {
  width: 100%;
  max-width: 1100px;

  background: #ffffff;
  border-top: 1px solid #eaeaea;

  padding: 10px 14px;

  display: flex;
  align-items: center;
  gap: 12px;
}

/* LABEL */
.bottom-promo-label {
  font-size: 11px;
  color: #6c757d;
  text-transform: uppercase;
  white-space: nowrap;
}

/* IMAGE */
.bottom-promo-img {
  max-height: 76px;
  width: auto;
  max-width: 100%;
  display: block;
}

/* LINK */
.bottom-promo-link {
  flex-grow: 1;
  display: flex;
  justify-content: center;
}

/* COLLAPSE ARROW */
.bottom-promo-toggle {
  position: absolute;
  top: -22px;

  background: #ffffff;
  border: 1px solid #ddd;
  border-bottom: none;

  border-radius: 4px 4px 0 0;
  padding: 2px 8px;

  font-size: 14px;
  color: #666;
  cursor: pointer;
   transition: transform 0.3s ease;
}

/* COLLAPSED STATE */
.bottom-promo {
  transition: transform 0.35s ease;
}

.bottom-promo.collapsed {
  transform: translateY(100%);
}

/* ARROW ROTATION */
.bottom-promo.collapsed .bottom-promo-toggle {
  transform: rotate(180deg);
}

/* HIDDEN */
.hidden {
  display: none;
}

/* MOBILE REFINEMENT (NOT REQUIRED BUT POLISH) */
@media (max-width: 576px) {
  .bottom-promo-inner {
   padding-top: 6px;
    padding-bottom: 6px;
  }
.bottom-promo {
  height: 89px;
}
  .bottom-promo-img {
    max-height: 79px;
  }
}