/* ===== Mobil menü — promo kartı — Silva 2026 =====
 * Referans: design-reference/mobile-menu/silva-mobile-menu.jsx → PromoCard
 * Tasarım: radius 16 · padding 18/18/19 · üst boşluk 20 · gradyan panelden,
 * üst etiket 10.5px/700 ls .16em uppercase + 18x1.5 çizgi (alt boşluk 11),
 * başlık 19.5px/700 lh 1.18 ls -0.015em (alt boşluk 14),
 * buton pill radius 999 padding 10/18, 13.5px/700, ikon 15.
 */

.cc_dht747cl_sfa1Md5tz0 .kombos-mm-promo {
  display: block;
  position: relative;
  overflow: hidden;
  text-decoration: none;
  border-radius: 16px;
  padding: 1.125rem 1.125rem 1.1875rem;
  margin-top: 1.25rem;
  transition: transform 0.12s ease;
}

.cc_dht747cl_sfa1Md5tz0 .kombos-mm-promo:active {
  transform: scale(0.985);
}

.cc_dht747cl_sfa1Md5tz0 .kombos-mm-promo__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  /* Tasarım: 10.5px */
  font-size: 0.65625rem;
  font-weight: 700;
  letter-spacing: 0.16em;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 0.6875rem;
}

.cc_dht747cl_sfa1Md5tz0 .kombos-mm-promo__eyebrow-rule {
  width: 1.125rem;
  height: 1.5px;
  flex: 0 0 auto;
}

.cc_dht747cl_sfa1Md5tz0 .kombos-mm-promo__title {
  /* Tasarım: 19.5px */
  font-size: 1.21875rem;
  font-weight: 700;
  line-height: 1.18;
  letter-spacing: -0.015em;
  margin: 0 0 0.875rem;
}

.cc_dht747cl_sfa1Md5tz0 .kombos-mm-promo__btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  /* Tasarım: 13.5px */
  font-size: 0.84375rem;
  font-weight: 700;
  line-height: 1;
  border-radius: 999px;
  padding: 0.625rem 1.125rem;
}

.cc_dht747cl_sfa1Md5tz0 .kombos-mm-promo__btn-icon {
  /* Tasarım: 15px ok */
  font-size: 0.9375rem;
}

@media (prefers-reduced-motion: reduce) {
  .cc_dht747cl_sfa1Md5tz0 .kombos-mm-promo {
    transition: none;
  }

  .cc_dht747cl_sfa1Md5tz0 .kombos-mm-promo:active {
    transform: none;
  }
}