/*
 * 프로모션 배너 [drt_promo] (디자인 보드 7번, 2026-10-06). 사이트 색은 고정값, 업체 태그 색만 카드에서 변수로 받는다.
 * 카드 너비로 모양을 바꾼다(container query): 720px 이하이면 한 줄로 쌓는다. Elementor 전역 제목·링크 규칙을 이기도록 두 단계 선택자.
 */
.drt-promo { container-type: inline-size; font-family: 'Pretendard', 'Apple SD Gothic Neo', 'Malgun Gothic', sans-serif; color: #313436; line-height: 1.5; word-break: keep-all; }
.drt-promo .drt-promo__list { display: grid; gap: 16px; }
.drt-promo .drt-promo__card { background: #FFFFFF; border: 1px solid #DFE4E2; border-radius: 16px; box-shadow: 0 1px 2px rgba(2,15,22,.04), 0 4px 12px rgba(2,15,22,.04); overflow: hidden; }
.drt-promo .drt-promo__head { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 12px; padding: 12px 24px; background: #F0FAF5; border-bottom: 1px solid #DFE4E2; }
.drt-promo .drt-promo__brands { order: 1; display: flex; flex-wrap: wrap; gap: 6px; }
.drt-promo .drt-promo__brand { display: inline-flex; align-items: center; height: 26px; padding: 0 10px; border-radius: 6px; font-size: 12.5px; font-weight: 700; line-height: 1; letter-spacing: .04em; white-space: nowrap; background: var(--drt-promo-tag, #4A5552); color: var(--drt-promo-tag-ink, #FFFFFF); }
.drt-promo .drt-promo__title { order: 2; margin: 0; padding: 0; font-family: inherit; font-size: 19px; line-height: 1.35; font-weight: 700; letter-spacing: -0.01em; color: #020F16; text-transform: none; }
.drt-promo .drt-promo__title em { font-style: normal; font-weight: inherit; color: #1F7A55; }
.drt-promo .drt-promo__more { order: 3; margin-left: auto; flex: none; display: inline-flex; align-items: center; height: 32px; padding: 0 14px; border: 1px solid #2E9970; border-radius: 8px; background: #FFFFFF; color: #1F7A55; font-size: 14px; font-weight: 600; line-height: 1; text-decoration: none; }
.drt-promo .drt-promo__more:hover, .drt-promo .drt-promo__more:focus { background: #E3F4EB; color: #1F7A55; text-decoration: none; }
.drt-promo .drt-promo__more:focus-visible { outline: 2px solid #1155CC; outline-offset: 2px; }
.drt-promo .drt-promo__body { display: grid; grid-template-columns: minmax(0, 1fr) minmax(250px, 0.72fr); gap: 24px; align-items: center; padding: 14px 24px; }
.drt-promo .drt-promo__body--single { grid-template-columns: minmax(0, 1fr); }
.drt-promo .drt-promo__info { margin: 0; padding: 0; display: grid; gap: 2px; }
.drt-promo .drt-promo__info > div { display: grid; grid-template-columns: 76px minmax(0, 1fr); gap: 10px; align-items: baseline; padding: 3px 0; }
.drt-promo .drt-promo__info dt { margin: 0; font-size: 13.5px; font-weight: 500; color: #6B7471; }
.drt-promo .drt-promo__info dd { margin: 0; font-size: 15px; font-weight: 600; color: #020F16; }
.drt-promo .drt-promo__deal { border-radius: 12px; padding: 10px 14px 12px; text-align: center; }
.drt-promo .drt-promo__deal--coupon { border: 1.5px dashed #2E9970; background: #F7FCF9; }
.drt-promo .drt-promo__deal--auto { border: 1px solid #CDEBDB; background: #F0FAF5; }
.drt-promo .drt-promo__deal-label { margin: 0 0 2px; font-size: 12.5px; font-weight: 500; color: #6B7471; }
.drt-promo .drt-promo__codes { display: flex; justify-content: space-evenly; gap: 12px; flex-wrap: wrap; }
.drt-promo .drt-promo__code-item { display: grid; justify-items: center; }
.drt-promo .drt-promo__code { font-size: 28px; line-height: 1.15; font-weight: 700; letter-spacing: .05em; color: #020F16; }
.drt-promo .drt-promo__deal--auto .drt-promo__code { color: #1F7A55; letter-spacing: 0; }
.drt-promo .drt-promo__code-desc { font-size: 14px; font-weight: 700; color: #1F7A55; }
.drt-promo .drt-promo__deal--auto .drt-promo__code-desc { color: #313436; font-weight: 600; }
.drt-promo .drt-promo__code-sub { font-size: 12.5px; color: #6B7471; font-variant-numeric: tabular-nums; }
.drt-promo .drt-promo__cap { display: inline-block; margin-top: 4px; padding: 1px 10px; border-radius: 999px; background: #020F16; color: #FFFFFF; font-size: 12.5px; font-weight: 600; }
.drt-promo .drt-promo__foot { padding: 8px 24px 10px; background: #F7F9F8; border-top: 1px solid #E9EEEC; }
.drt-promo .drt-promo__notice { margin: 0; padding: 0; list-style: none; display: grid; font-size: 12.5px; line-height: 1.6; color: #6B7471; }
.drt-promo .drt-promo__notice li { margin: 0; padding: 0; list-style: none; }
@container (max-width: 720px) {
  .drt-promo .drt-promo__head { padding: 12px 16px; }
  .drt-promo .drt-promo__title { order: 3; flex-basis: 100%; font-size: 17.5px; }
  .drt-promo .drt-promo__more { order: 2; height: 30px; padding: 0 12px; font-size: 13.5px; }
  .drt-promo .drt-promo__body { grid-template-columns: minmax(0, 1fr); gap: 10px; padding: 10px 16px 14px; }
  .drt-promo .drt-promo__info > div { grid-template-columns: 62px minmax(0, 1fr); gap: 8px; }
  .drt-promo .drt-promo__info dt { font-size: 13px; }
  .drt-promo .drt-promo__info dd { font-size: 14.5px; }
  .drt-promo .drt-promo__deal { padding: 8px 12px 10px; }
  .drt-promo .drt-promo__code { font-size: 25px; }
  .drt-promo .drt-promo__foot { padding: 8px 16px 10px; }
  .drt-promo .drt-promo__notice { font-size: 12px; }
}

/* 1.36.0: the landing containers around the promo shortcode are "column + wrap" on tablet/phone. Chrome then sizes the
   wrapped line by the cards' narrowest layout, leaving 850-1,400px of blank space under the cards (rent-hi/us/ca/eu). */
@media (max-width: 1024px) {
	.e-con:has(> .elementor-widget .drt-promo),
	.e-con-inner:has(> .e-con > .elementor-widget .drt-promo) { flex-wrap: nowrap; }
}