.yl-aab {
  position: relative;
  container-type: inline-size;
  container-name: yl-aab;
  --yl-aab-card-radius: var(--yl-theme-radius, 28px);
  --yl-aab-card-min-h: 340px;
  --yl-aab-card-pad-x: 24px;
  --yl-aab-card-pad-y: 22px;
  --yl-aab-copy-max-w: 58%;
  --yl-aab-copy-gap: 8px;
  --yl-aab-copy-top: 18px;
  --yl-aab-logo-max-w: 164px;
  --yl-aab-logo-img-w: 136px;
  --yl-aab-price-min-w: 168px;
  --yl-aab-price-pad: 12px 22px 14px;
  --yl-aab-price-left: 22px;
  --yl-aab-price-bottom: 22px;
  --yl-aab-badge-top: 34px;
  --yl-aab-badge-left: 50%;
  --yl-aab-price-main-size: clamp(2.5rem, 3vw, 3.9rem);
  --yl-aab-price-currency-size: clamp(1rem, 1.1vw, 1.3rem);
  --yl-aab-kicker-size: .76rem;
  --yl-aab-brand-size: clamp(1.2rem, 1.7vw, 1.9rem);
  --yl-aab-name-size: clamp(1.06rem, 1.42vw, 1.58rem);
  --yl-aab-subline-size: .8rem;
  --yl-aab-old-size: .9rem;
  --yl-aab-text-shadow: 0 1px 2px rgba(15, 23, 42, .34), 0 6px 18px rgba(15, 23, 42, .18);
  --yl-aab-text-shadow-strong: 0 2px 4px rgba(15, 23, 42, .38), 0 10px 22px rgba(15, 23, 42, .2);
  --yl-aab-media-w: 62%;
  --yl-aab-media-h: 92%;
  --yl-aab-media-img-scale: 1;
  --yl-aab-pair-gap: 18px;
  --yl-aab-stamp-size: 100px;
  --yl-aab-visible-count: 2;
}

.yl-aab[data-aab-layout="wide"] {
  --yl-aab-card-min-h: 300px;
  --yl-aab-copy-max-w: 41%;
  --yl-aab-copy-gap: 7px;
  --yl-aab-copy-top: 14px;
  --yl-aab-logo-max-w: 148px;
  --yl-aab-logo-img-w: 124px;
  --yl-aab-price-min-w: 136px;
  --yl-aab-price-pad: 9px 16px 12px;
  --yl-aab-price-left: 18px;
  --yl-aab-price-bottom: 18px;
  --yl-aab-badge-top: 30px;
  --yl-aab-badge-left: 50%;
  --yl-aab-price-main-size: clamp(2rem, 2.3vw, 3rem);
  --yl-aab-price-currency-size: clamp(.9rem, .95vw, 1.1rem);
  --yl-aab-kicker-size: .68rem;
  --yl-aab-brand-size: clamp(1rem, 1.2vw, 1.45rem);
  --yl-aab-name-size: clamp(.94rem, 1.08vw, 1.22rem);
  --yl-aab-subline-size: .72rem;
  --yl-aab-old-size: .78rem;
  --yl-aab-media-w: 52%;
  --yl-aab-media-h: 92%;
  --yl-aab-media-img-scale: 1;
  --yl-aab-pair-gap: 14px;
  --yl-aab-stamp-size: 92px;
}

.yl-aab[data-aab-layout="half"] {
  --yl-aab-card-min-h: 360px;
  --yl-aab-copy-max-w: 50%;
  --yl-aab-copy-gap: 8px;
  --yl-aab-copy-top: 16px;
  --yl-aab-logo-max-w: 152px;
  --yl-aab-logo-img-w: 126px;
  --yl-aab-price-min-w: 150px;
  --yl-aab-price-pad: 10px 18px 13px;
  --yl-aab-price-left: 18px;
  --yl-aab-price-bottom: 18px;
  --yl-aab-badge-top: 32px;
  --yl-aab-badge-left: 50%;
  --yl-aab-price-main-size: clamp(2.15rem, 3.2vw, 3.45rem);
  --yl-aab-price-currency-size: clamp(.95rem, 1.2vw, 1.2rem);
  --yl-aab-kicker-size: .72rem;
  --yl-aab-brand-size: clamp(1.05rem, 1.8vw, 1.7rem);
  --yl-aab-name-size: clamp(.98rem, 1.78vw, 1.44rem);
  --yl-aab-subline-size: .76rem;
  --yl-aab-old-size: .82rem;
  --yl-aab-media-w: 60%;
  --yl-aab-media-h: 92%;
  --yl-aab-media-img-scale: 1;
  --yl-aab-stamp-size: 98px;
}

.yl-aab[data-aab-layout="compact"] {
  --yl-aab-card-min-h: 320px;
  --yl-aab-copy-max-w: 54%;
  --yl-aab-copy-gap: 6px;
  --yl-aab-copy-top: 14px;
  --yl-aab-logo-max-w: 140px;
  --yl-aab-logo-img-w: 116px;
  --yl-aab-price-min-w: 136px;
  --yl-aab-price-pad: 9px 16px 11px;
  --yl-aab-price-left: 16px;
  --yl-aab-price-bottom: 16px;
  --yl-aab-badge-top: 28px;
  --yl-aab-badge-left: 49%;
  --yl-aab-price-main-size: clamp(1.95rem, 6vw, 3rem);
  --yl-aab-price-currency-size: clamp(.88rem, 1.8vw, 1.12rem);
  --yl-aab-kicker-size: .68rem;
  --yl-aab-brand-size: clamp(1rem, 3.8vw, 1.45rem);
  --yl-aab-name-size: clamp(.94rem, 3.6vw, 1.22rem);
  --yl-aab-subline-size: .72rem;
  --yl-aab-old-size: .78rem;
  --yl-aab-media-w: 59%;
  --yl-aab-media-h: 86%;
  --yl-aab-media-img-scale: 1;
  --yl-aab-stamp-size: 90px;
}

.yl-aab-section-title {
  margin-bottom: 12px;
  font-size: 1.05rem;
  font-weight: 800;
  color: #101828;
}

.yl-aab-shell {
  position: relative;
  overflow: hidden;
  border-radius: var(--yl-aab-card-radius);
}

.yl-aab .swiper {
  overflow: visible;
}

.yl-aab .swiper-slide {
  height: auto;
}

.yl-aab-pair {
  display: grid;
  grid-template-columns: repeat(var(--yl-aab-visible-count), minmax(0, 1fr));
  gap: var(--yl-aab-pair-gap);
  align-items: stretch;
}

.yl-aab-pair-single {
  grid-template-columns: minmax(0, 1fr);
}

.yl-aab[data-aab-visible="1"] {
  --yl-aab-visible-count: 1;
  --yl-aab-copy-top: 28px;
}

.yl-aab[data-aab-visible="2"] {
  --yl-aab-visible-count: 2;
  --yl-aab-copy-top: 24px;
  --yl-aab-stamp-size: 92px;
  --yl-aab-price-main-size: 2rem;
  --yl-aab-price-currency-size: .92rem;
}

.yl-aab[data-aab-visible="3"] {
  --yl-aab-visible-count: 3;
  --yl-aab-stamp-size: 82px;
  --yl-aab-price-main-size: 1.62rem;
  --yl-aab-price-currency-size: .76rem;
}

.yl-aab[data-aab-visible="4"] {
  --yl-aab-visible-count: 4;
  --yl-aab-stamp-size: 74px;
  --yl-aab-price-main-size: 1.34rem;
  --yl-aab-price-currency-size: .66rem;
}

.yl-aab-card {
  position: relative;
  display: block;
  min-height: var(--yl-aab-card-min-h);
  height: var(--yl-aab-card-min-h);
  padding: var(--yl-aab-card-pad-y) var(--yl-aab-card-pad-x) 20px;
  border: 1px solid rgba(255, 255, 255, .32);
  border-radius: var(--yl-aab-card-radius);
  overflow: hidden;
  text-decoration: none;
  color: #fff;
  background: linear-gradient(135deg, var(--yl-aab-dark, #8f0d0d) 0%, var(--yl-aab-light, #ff3b1f) 100%);
  box-shadow: none;
  transition: transform .28s ease, box-shadow .28s ease, opacity .42s ease;
}

.yl-aab-card.yl-aab-card--plain {
  background: transparent;
  background-image: none;
  border-color: rgba(203, 213, 225, .88);
}

.yl-aab-card-shell {
  position: relative;
  height: 100%;
  min-width: 0;
  container-type: inline-size;
  container-name: yl-aab-card;
}

.yl-aab-card-shell:hover .yl-aab-card,
.yl-aab-card-shell:focus-within .yl-aab-card {
  transform: translateY(-4px);
  box-shadow: none;
}

.yl-aab-bg-glow {
  display: none;
}

.yl-aab-logo {
  position: relative;
  z-index: 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  max-width: var(--yl-aab-logo-max-w);
  min-height: 38px;
  padding: 8px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .14);
  backdrop-filter: blur(8px);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .18);
}

.yl-aab-logo img {
  display: block;
  max-width: var(--yl-aab-logo-img-w);
  max-height: 34px;
  object-fit: contain;
}

.yl-aab-copy {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  gap: var(--yl-aab-copy-gap);
  max-width: var(--yl-aab-copy-max-w);
  margin-top: var(--yl-aab-copy-top);
  color: var(--yl-aab-copy-color, #fff);
}

.yl-aab-kicker {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  padding: 7px 14px;
  border-radius: 999px;
  background: rgba(23, 23, 23, .16);
  border: 1px solid rgba(255, 255, 255, .22);
  font-size: var(--yl-aab-kicker-size);
  font-weight: 800;
  letter-spacing: .04em;
  text-shadow: var(--yl-aab-copy-shadow, var(--yl-aab-text-shadow));
}

.yl-aab-brand {
  font-size: var(--yl-aab-brand-size);
  line-height: 1;
  font-weight: 900;
  letter-spacing: .02em;
  text-transform: uppercase;
  text-shadow: var(--yl-aab-copy-shadow-strong, var(--yl-aab-text-shadow-strong));
}

.yl-aab-name {
  font-size: var(--yl-aab-name-size);
  line-height: 1.03;
  font-weight: 800;
  text-shadow: var(--yl-aab-copy-shadow-strong, var(--yl-aab-text-shadow-strong));
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: calc(3 * 1.03em);
  max-width: 24rem;
  word-break: break-word;
}

.yl-aab-subline {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  padding: 7px 12px;
  border-radius: 14px;
  background: rgba(255, 255, 255, .14);
  font-size: var(--yl-aab-subline-size);
  font-weight: 700;
  text-shadow: var(--yl-aab-copy-shadow, var(--yl-aab-text-shadow));
}

.yl-aab-meta-row {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: 10px;
  max-width: 100%;
}

.yl-aab-old-price {
  display: inline-flex;
  align-items: center;
  font-size: var(--yl-aab-old-size);
  font-weight: 600;
  opacity: .84;
  text-decoration: line-through;
  white-space: nowrap;
  text-shadow: var(--yl-aab-copy-shadow, var(--yl-aab-text-shadow));
}

.yl-aab-hourly {
  position: absolute;
  right: 18px;
  bottom: 18px;
  z-index: 6;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 290px;
  padding: 0;
  border-radius: 18px 0 18px 18px;
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 18px 36px rgba(15, 23, 42, .22);
  backdrop-filter: blur(10px);
  overflow: hidden;
}

.yl-aab-countdown {
  width: 100%;
  color: #111827;
}

.yl-aab-countdown .pc-units {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.yl-aab-countdown .pc-unit {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 68px;
  padding: 10px 12px 9px;
}

.yl-aab-countdown .pc-unit + .pc-unit {
  border-left: 1px solid rgba(148, 163, 184, .24);
}

.yl-aab-countdown .pc-digits {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
}

.yl-aab-countdown .pc-digit {
  min-width: 22px;
  background: transparent;
  border: 0;
  box-shadow: none;
  color: #111827;
  font-size: 1.05rem;
  line-height: 1;
  font-weight: 900;
  padding: 0;
}

.yl-aab-countdown .pc-digit span {
  display: none;
}

.yl-aab-countdown .pc-label {
  margin-top: 5px;
  color: #6b7280;
  font-size: .78rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: -.01em;
  text-transform: none;
}

.yl-aab-price-tag {
  position: absolute;
  top: var(--yl-aab-badge-top);
  left: var(--yl-aab-badge-left);
  right: auto;
  z-index: 6;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: var(--yl-aab-price-min-w);
  text-align: center;
  pointer-events: none;
  translate: -50% 0;
  transform-origin: top center;
}

.yl-aab-price-tag--seal {
  width: var(--yl-aab-stamp-size);
  min-width: 0;
  aspect-ratio: 1 / 1;
  padding: 14px 12px;
  border-radius: 999px;
  overflow: visible;
  isolation: isolate;
  background:
    radial-gradient(circle at 30% 26%, rgba(255, 255, 255, .22) 0, rgba(255, 255, 255, 0) 32%),
    linear-gradient(180deg, #ff4b4b 0%, #d92323 52%, #b81616 100%);
  box-shadow:
    0 18px 28px rgba(118, 9, 9, .34),
    inset 0 0 0 7px rgba(255, 255, 255, .1),
    inset 0 0 0 1px rgba(255, 255, 255, .22);
  animation: ylAabSealPulse 2.8s ease-in-out infinite;
}

.yl-aab-price-tag--seal::before {
  content: "";
  position: absolute;
  inset: 7px;
  border-radius: 999px;
  border: 1px dashed rgba(255, 255, 255, .35);
  opacity: .75;
}

.yl-aab-price-tag--seal::after {
  content: "";
  position: absolute;
  top: -15%;
  left: -42%;
  width: 52%;
  height: 140%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .18) 48%, rgba(255, 255, 255, .52) 50%, rgba(255, 255, 255, .16) 52%, rgba(255, 255, 255, 0) 100%);
  transform: rotate(20deg);
  filter: blur(2px);
  clip-path: circle(49% at 50% 50%);
  animation: ylAabSealShine 2.2s linear infinite;
}

.yl-aab-price-tag--label {
  padding: 8px 12px 9px;
  border-radius: 18px 18px 18px 8px;
  overflow: hidden;
  isolation: isolate;
  background: linear-gradient(180deg, rgba(17, 190, 87, .96) 0%, rgba(6, 153, 70, .98) 100%);
  box-shadow: 0 14px 24px rgba(2, 88, 43, .25);
  transform: rotate(-5deg);
}

.yl-aab-price-tag--glass {
  padding: 9px 12px 10px;
  border-radius: 18px;
  overflow: hidden;
  isolation: isolate;
  background: rgba(255, 255, 255, .16);
  backdrop-filter: blur(12px);
  box-shadow:
    0 14px 24px rgba(15, 23, 42, .22),
    inset 0 0 0 1px rgba(255, 255, 255, .26);
}

.yl-aab-price-tag--label::after,
.yl-aab-price-tag--glass::after {
  content: "";
  position: absolute;
  top: -18%;
  left: -46%;
  width: 54%;
  height: 152%;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .15) 46%, rgba(255, 255, 255, .44) 50%, rgba(255, 255, 255, .14) 54%, rgba(255, 255, 255, 0) 100%);
  transform: rotate(20deg);
  filter: blur(1.5px);
  animation: ylAabSealShine 2.4s linear infinite;
  pointer-events: none;
}

.yl-aab-price-top,
.yl-aab-price-main,
.yl-aab-price-currency {
  position: relative;
  z-index: 1;
  color: #fff;
  text-shadow: var(--yl-aab-text-shadow-strong);
}

.yl-aab-price-tag--seal .yl-aab-price-top {
  max-width: 76%;
  font-size: .62rem;
  line-height: 1.05;
  font-weight: 900;
  letter-spacing: .02em;
  margin-bottom: 4px;
}

.yl-aab-price-tag--seal .yl-aab-price-main {
  font-size: clamp(1.55rem, 2vw, 2.3rem);
  line-height: .9;
  font-weight: 900;
  letter-spacing: -.05em;
}

.yl-aab-price-tag--seal .yl-aab-price-currency {
  margin-top: 2px;
  font-size: .88rem;
  line-height: 1;
  font-weight: 900;
}

.yl-aab-price-tag--label .yl-aab-price-top,
.yl-aab-price-tag--glass .yl-aab-price-top {
  font-size: .64rem;
  line-height: 1.05;
  font-weight: 800;
  margin-bottom: 4px;
}

.yl-aab-price-tag--label .yl-aab-price-main,
.yl-aab-price-tag--glass .yl-aab-price-main {
  font-size: clamp(1.25rem, 1.65vw, 1.95rem);
  line-height: .94;
  font-weight: 900;
  letter-spacing: -.04em;
}

.yl-aab-price-tag--label .yl-aab-price-currency,
.yl-aab-price-tag--glass .yl-aab-price-currency {
  margin-top: 1px;
  font-size: .82rem;
  line-height: 1;
  font-weight: 900;
}

.yl-aab-media {
  position: absolute;
  right: 12px;
  top: 50%;
  z-index: 2;
  width: var(--yl-aab-media-w);
  height: var(--yl-aab-media-h);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
  pointer-events: none;
  transform: translateY(-50%);
}

.yl-aab-media-visual {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-width: 0;
  min-height: 0;
  max-width: 100%;
  max-height: 100%;
  overflow: visible;
}

.yl-aab-media-visual img {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: center center;
  transform: scale(var(--yl-aab-media-img-scale, 1.15));
  transform-origin: center bottom;
  filter: drop-shadow(0 24px 32px rgba(0, 0, 0, .32));
  display: block;
}

.yl-aab-card-shell--plain .yl-aab-media-visual img {
  filter: none;
}

.yl-aab-video-btn {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 7;
  width: 48px;
  height: 48px;
  border-radius: 14px !important;
  border: 2px solid rgba(var(--yl-theme-primary-rgb, 227, 15, 15), .42);
  background: rgba(255, 255, 255, .96);
  color: var(--yl-theme-primary-dark, var(--yl-theme-primary, #e30f0f));
  box-shadow: 0 14px 24px rgba(15, 23, 42, .18);
}

.yl-aab-card-shell--plain .yl-aab-video-btn {
  box-shadow: none;
}

.yl-aab-video-btn i {
  font-size: 1.05rem;
  line-height: 1;
}

.yl-aab-video-btn:hover,
.yl-aab-video-btn:focus {
  border-color: rgba(var(--yl-theme-primary-rgb, 227, 15, 15), .56);
  background: #fff;
  color: var(--yl-theme-primary-dark, var(--yl-theme-primary, #e30f0f));
}

.yl-aab-hover-cta {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 8;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-width: 160px;
  padding: 12px 18px;
  border: 1px solid rgba(255, 255, 255, .32);
  border-radius: 999px;
  background: rgba(15, 23, 42, .24);
  backdrop-filter: blur(12px);
  color: #fff;
  font-size: .95rem;
  font-weight: 800;
  letter-spacing: -.01em;
  box-shadow: 0 18px 30px rgba(15, 23, 42, .22);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translate(-50%, -50%) translateY(10px) scale(.96);
  transition: opacity .22s ease, transform .22s ease, visibility 0s linear .22s, background .18s ease, box-shadow .18s ease;
}

.yl-aab-hover-cta i {
  font-size: 1rem;
  line-height: 1;
}

.yl-aab-card-shell:hover .yl-aab-hover-cta,
.yl-aab-card-shell:focus-within .yl-aab-hover-cta {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translate(-50%, -50%) translateY(0) scale(1);
  transition-delay: 0s;
}

.yl-aab-hover-cta:hover,
.yl-aab-hover-cta:focus {
  background: rgba(15, 23, 42, .38);
  box-shadow: 0 20px 34px rgba(15, 23, 42, .28);
  color: #fff;
}

.yl-aab-card-shell--plain .yl-aab-hourly {
  box-shadow: none;
  backdrop-filter: none;
}

.yl-aab-nav {
  position: absolute;
  inset: 0;
  z-index: 5;
  pointer-events: none;
}

.yl-aab-nav-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;
  border: 0;
  border-radius: 999px;
  background: rgba(15, 23, 42, .36);
  color: #fff;
  font-size: 28px;
  line-height: 1;
  pointer-events: auto;
  opacity: 0;
  visibility: hidden;
  transition: background .18s ease, transform .18s ease, opacity .18s ease, visibility 0s linear .18s;
}

.yl-aab-nav-btn:hover,
.yl-aab-nav-btn:focus {
  background: rgba(15, 23, 42, .62);
}

.yl-aab-nav-btn:active {
  transform: translateY(-50%) scale(.96);
}

.yl-aab-nav-btn.js-yl-aab-prev {
  left: 10px;
}

.yl-aab-nav-btn.js-yl-aab-next {
  right: 10px;
}

.yl-aab:hover .yl-aab-nav-btn,
.yl-aab:focus-within .yl-aab-nav-btn {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}

.yl-aab-logo,
.yl-aab-kicker,
.yl-aab-brand,
.yl-aab-name,
.yl-aab-subline,
.yl-aab-old-price,
.yl-aab-media,
.yl-aab-hourly,
.yl-aab-video-btn {
  transition: transform .48s ease, opacity .42s ease;
}

.yl-aab-price-tag {
  transition: opacity .42s ease;
}

.yl-aab .swiper-slide .yl-aab-card {
  opacity: 1;
  transform: scale(.98);
}

.yl-aab .swiper-slide .yl-aab-logo,
.yl-aab .swiper-slide .yl-aab-kicker,
.yl-aab .swiper-slide .yl-aab-brand,
.yl-aab .swiper-slide .yl-aab-name,
.yl-aab .swiper-slide .yl-aab-subline,
.yl-aab .swiper-slide .yl-aab-old-price {
  opacity: 0;
  transform: translateY(14px);
}

.yl-aab .swiper-slide .yl-aab-media {
  opacity: 0;
  transform: translateY(calc(-50% + 14px));
}

.yl-aab .swiper-slide .yl-aab-hourly {
  opacity: 0;
  transform: translateY(14px);
}

.yl-aab .swiper-slide .yl-aab-video-btn {
  opacity: 0;
  pointer-events: none;
  transform: translateY(-10px);
}

.yl-aab .swiper-slide .yl-aab-hover-cta {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.yl-aab .swiper-slide .yl-aab-price-tag {
  opacity: 0;
}

.yl-aab .swiper-slide-active .yl-aab-card,
.yl-aab .swiper-slide-duplicate-active .yl-aab-card {
  opacity: 1;
  transform: scale(1);
}

.yl-aab[data-aab-static="1"] .swiper-slide .yl-aab-card {
  opacity: 1;
  transform: scale(1);
}

.yl-aab .swiper-slide.is-aab-content-ready .yl-aab-logo,
.yl-aab .swiper-slide.is-aab-content-ready .yl-aab-kicker,
.yl-aab .swiper-slide.is-aab-content-ready .yl-aab-brand,
.yl-aab .swiper-slide.is-aab-content-ready .yl-aab-name,
.yl-aab .swiper-slide.is-aab-content-ready .yl-aab-subline,
.yl-aab .swiper-slide.is-aab-content-ready .yl-aab-old-price {
  opacity: 1;
  transform: translateY(0);
}

.yl-aab .swiper-slide.is-aab-content-ready .yl-aab-media {
  opacity: 1;
  transform: translateY(-50%);
}

.yl-aab .swiper-slide.is-aab-content-ready .yl-aab-hourly {
  opacity: 1;
  transform: translateY(0);
}

.yl-aab .swiper-slide.is-aab-content-ready .yl-aab-video-btn {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.yl-aab .swiper-slide.is-aab-content-ready .yl-aab-price-tag {
  opacity: 1;
}

.yl-aab .swiper-slide.is-aab-content-ready .yl-aab-card-shell:hover .yl-aab-card,
.yl-aab .swiper-slide.is-aab-content-ready .yl-aab-card-shell:focus-within .yl-aab-card {
  transform: translateY(-4px) scale(1);
  box-shadow: none;
}

.yl-aab .swiper-slide.is-aab-content-ready .yl-aab-card-shell:hover .yl-aab-hover-cta,
.yl-aab .swiper-slide.is-aab-content-ready .yl-aab-card-shell:focus-within .yl-aab-hover-cta {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translate(-50%, -50%) translateY(0) scale(1);
  transition-delay: 0s;
}

.yl-aab .swiper-slide.is-aab-content-ready .yl-aab-brand {
  transition-delay: .08s;
}

.yl-aab .swiper-slide.is-aab-content-ready .yl-aab-name,
.yl-aab .swiper-slide.is-aab-content-ready .yl-aab-price-tag {
  transition-delay: .13s;
}

@keyframes ylAabSealPulse {
  0%,
  100% {
    transform: scale(1) rotate(-8deg);
    box-shadow:
      0 18px 28px rgba(118, 9, 9, .34),
      inset 0 0 0 7px rgba(255, 255, 255, .1),
      inset 0 0 0 1px rgba(255, 255, 255, .22);
  }
  50% {
    transform: scale(1.035) rotate(-8deg);
    box-shadow:
      0 22px 34px rgba(118, 9, 9, .42),
      inset 0 0 0 7px rgba(255, 255, 255, .16),
      inset 0 0 0 1px rgba(255, 255, 255, .28);
  }
}

@keyframes ylAabSealShine {
  0% {
    transform: translateX(0) rotate(20deg);
    opacity: 0;
  }
  12% {
    opacity: .92;
  }
  44% {
    transform: translateX(300%) rotate(20deg);
    opacity: .92;
  }
  45%,
  100% {
    transform: translateX(300%) rotate(20deg);
    opacity: 0;
  }
}

.yl-aab .swiper-slide.is-aab-content-ready .yl-aab-media {
  transition-delay: .18s;
}

.yl-aab .swiper-slide.is-aab-content-ready .yl-aab-hourly {
  transition-delay: .2s;
}

@media (max-width: 1199.98px) {
  .yl-aab-card {
    min-height: 320px;
  }

  .yl-aab-copy {
    max-width: 60%;
  }

  .yl-aab-hourly {
    min-width: 268px;
  }

  .yl-aab[data-aab-layout="wide"] {
    --yl-aab-copy-max-w: 44%;
    --yl-aab-media-w: 49%;
    --yl-aab-badge-left: 50%;
  }
}

@media (max-width: 991.98px) {
  .yl-aab-pair {
    grid-template-columns: minmax(0, 1fr);
  }

  .yl-aab-card {
    min-height: 300px;
  }

  .yl-aab-copy {
    max-width: 56%;
  }

  .yl-aab-hourly {
    min-width: 260px;
  }

  .yl-aab {
    --yl-aab-price-min-w: 148px;
    --yl-aab-price-main-size: clamp(2.1rem, 6vw, 3.2rem);
    --yl-aab-copy-max-w: 54%;
    --yl-aab-media-w: 57%;
    --yl-aab-media-h: 91%;
    --yl-aab-stamp-size: 100px;
    --yl-aab-badge-left: 49%;
  }
}

@media (max-width: 767.98px) {
  .yl-aab-card {
    min-height: 280px;
    padding: 18px 18px 18px;
  }

  .yl-aab-copy {
    max-width: 60%;
    gap: 6px;
    margin-top: 14px;
  }

  .yl-aab-hourly {
    right: 14px;
    bottom: 14px;
    min-width: 228px;
  }

  .yl-aab-countdown .pc-unit {
    min-height: 58px;
    padding: 8px 8px 7px;
  }

  .yl-aab-countdown .pc-digit {
    min-width: 18px;
    font-size: .92rem;
  }

  .yl-aab-countdown .pc-label {
    font-size: .68rem;
  }

  .yl-aab-media {
    width: 60%;
    height: 92%;
  }

  .yl-aab-nav-btn {
    width: 38px;
    height: 38px;
    font-size: 24px;
  }

  .yl-aab {
    --yl-aab-copy-max-w: 58%;
    --yl-aab-price-min-w: 116px;
    --yl-aab-price-main-size: clamp(1.55rem, 9vw, 2.2rem);
    --yl-aab-brand-size: clamp(.94rem, 6vw, 1.3rem);
    --yl-aab-name-size: clamp(.94rem, 6.6vw, 1.28rem);
    --yl-aab-media-w: 55%;
    --yl-aab-media-h: 83%;
    --yl-aab-stamp-size: 84px;
    --yl-aab-badge-top: 24px;
    --yl-aab-badge-left: 49%;
  }

  .yl-aab-price-tag {
    top: var(--yl-aab-badge-top);
    left: var(--yl-aab-badge-left);
  }

  .yl-aab-price-tag--seal .yl-aab-price-top {
    font-size: .46rem;
  }

  .yl-aab-price-tag--seal .yl-aab-price-main {
    font-size: clamp(1.08rem, 6.3vw, 1.48rem);
  }

  .yl-aab-price-tag--seal .yl-aab-price-currency {
    font-size: .62rem;
  }

  .yl-aab-price-tag--label,
  .yl-aab-price-tag--glass {
    padding: 7px 10px 8px;
  }

  .yl-aab-price-tag--label .yl-aab-price-top,
  .yl-aab-price-tag--glass .yl-aab-price-top {
    font-size: .54rem;
    margin-bottom: 3px;
  }

  .yl-aab-price-tag--label .yl-aab-price-main,
  .yl-aab-price-tag--glass .yl-aab-price-main {
    font-size: clamp(1rem, 5.8vw, 1.36rem);
  }

  .yl-aab-price-tag--label .yl-aab-price-currency,
  .yl-aab-price-tag--glass .yl-aab-price-currency {
    font-size: .68rem;
  }
}

@media (max-width: 575.98px) {
  .yl-aab {
    --yl-aab-price-min-w: 104px;
    --yl-aab-price-main-size: clamp(1.38rem, 8.3vw, 1.95rem);
    --yl-aab-stamp-size: 76px;
    --yl-aab-badge-top: 22px;
    --yl-aab-badge-left: 49%;
  }

  .yl-aab-price-tag--seal {
    padding: 11px 9px;
  }

  .yl-aab-price-tag--seal .yl-aab-price-top {
    font-size: .42rem;
    margin-bottom: 2px;
  }

  .yl-aab-price-tag--seal .yl-aab-price-main {
    font-size: clamp(.98rem, 5.8vw, 1.34rem);
  }

  .yl-aab-price-tag--seal .yl-aab-price-currency {
    font-size: .58rem;
  }

  .yl-aab-price-tag--label,
  .yl-aab-price-tag--glass {
    padding: 6px 9px 7px;
  }

  .yl-aab-price-tag--label .yl-aab-price-top,
  .yl-aab-price-tag--glass .yl-aab-price-top {
    font-size: .5rem;
  }

  .yl-aab-price-tag--label .yl-aab-price-main,
  .yl-aab-price-tag--glass .yl-aab-price-main {
    font-size: clamp(.92rem, 5.2vw, 1.22rem);
  }

  .yl-aab-price-tag--label .yl-aab-price-currency,
  .yl-aab-price-tag--glass .yl-aab-price-currency {
    font-size: .62rem;
  }
}

@supports (width: 1cqw) {
  .yl-aab {
    --yl-aab-card-min-h: clamp(248px, 42cqw, 340px);
    --yl-aab-card-pad-x: clamp(16px, 3cqw, 24px);
    --yl-aab-card-pad-y: clamp(16px, 2.7cqw, 22px);
    --yl-aab-copy-gap: clamp(6px, 1.1cqw, 8px);
    --yl-aab-copy-top: clamp(12px, 2.2cqw, 18px);
    --yl-aab-logo-max-w: clamp(108px, 20cqw, 164px);
    --yl-aab-logo-img-w: clamp(90px, 16.5cqw, 136px);
    --yl-aab-price-min-w: clamp(104px, 21cqw, 168px);
    --yl-aab-badge-top: clamp(22px, 4cqw, 34px);
    --yl-aab-price-main-size: clamp(1.5rem, 6.7cqw, 3.9rem);
    --yl-aab-price-currency-size: clamp(.7rem, 2.3cqw, 1.3rem);
    --yl-aab-kicker-size: clamp(.58rem, 1.75cqw, .76rem);
    --yl-aab-brand-size: clamp(.92rem, 4.9cqw, 1.9rem);
    --yl-aab-name-size: clamp(.92rem, 5.4cqw, 1.75rem);
    --yl-aab-subline-size: clamp(.68rem, 1.95cqw, .8rem);
    --yl-aab-old-size: clamp(.72rem, 2.1cqw, .9rem);
    --yl-aab-pair-gap: clamp(12px, 2.4cqw, 18px);
    --yl-aab-stamp-size: clamp(72px, 13cqw, 100px);
  }

  .yl-aab[data-aab-layout="wide"] {
    --yl-aab-card-min-h: clamp(220px, 31cqw, 300px);
    --yl-aab-copy-top: clamp(10px, 1.8cqw, 14px);
    --yl-aab-logo-max-w: clamp(96px, 17.5cqw, 148px);
    --yl-aab-logo-img-w: clamp(82px, 14.5cqw, 124px);
    --yl-aab-price-min-w: clamp(92px, 16cqw, 136px);
    --yl-aab-badge-top: clamp(18px, 3.4cqw, 30px);
    --yl-aab-price-main-size: clamp(1.3rem, 5.4cqw, 3rem);
    --yl-aab-price-currency-size: clamp(.64rem, 1.95cqw, 1.1rem);
    --yl-aab-kicker-size: clamp(.52rem, 1.35cqw, .68rem);
    --yl-aab-brand-size: clamp(.82rem, 3.4cqw, 1.45rem);
    --yl-aab-name-size: clamp(.82rem, 3.6cqw, 1.35rem);
    --yl-aab-subline-size: clamp(.62rem, 1.45cqw, .72rem);
    --yl-aab-old-size: clamp(.66rem, 1.55cqw, .78rem);
    --yl-aab-pair-gap: clamp(10px, 1.8cqw, 14px);
    --yl-aab-stamp-size: clamp(66px, 10.8cqw, 92px);
  }

  .yl-aab[data-aab-layout="half"] {
    --yl-aab-card-min-h: clamp(236px, 39cqw, 360px);
    --yl-aab-logo-max-w: clamp(100px, 18cqw, 152px);
    --yl-aab-logo-img-w: clamp(84px, 15cqw, 126px);
    --yl-aab-price-min-w: clamp(98px, 18cqw, 150px);
    --yl-aab-badge-top: clamp(20px, 3.7cqw, 32px);
    --yl-aab-price-main-size: clamp(1.38rem, 5.8cqw, 3.45rem);
    --yl-aab-price-currency-size: clamp(.66rem, 2.05cqw, 1.2rem);
    --yl-aab-kicker-size: clamp(.54rem, 1.5cqw, .72rem);
    --yl-aab-brand-size: clamp(.86rem, 4cqw, 1.7rem);
    --yl-aab-name-size: clamp(.86rem, 4.4cqw, 1.6rem);
    --yl-aab-subline-size: clamp(.64rem, 1.65cqw, .76rem);
    --yl-aab-old-size: clamp(.68rem, 1.8cqw, .82rem);
    --yl-aab-stamp-size: clamp(70px, 11.5cqw, 98px);
  }

  .yl-aab[data-aab-layout="compact"] {
    --yl-aab-card-min-h: clamp(220px, 44cqw, 320px);
    --yl-aab-logo-max-w: clamp(92px, 17cqw, 140px);
    --yl-aab-logo-img-w: clamp(78px, 14.2cqw, 116px);
    --yl-aab-price-min-w: clamp(90px, 16.8cqw, 136px);
    --yl-aab-badge-top: clamp(18px, 3.4cqw, 28px);
    --yl-aab-price-main-size: clamp(1.28rem, 6.1cqw, 3rem);
    --yl-aab-price-currency-size: clamp(.62rem, 2.1cqw, 1.12rem);
    --yl-aab-kicker-size: clamp(.5rem, 1.4cqw, .68rem);
    --yl-aab-brand-size: clamp(.8rem, 4.2cqw, 1.45rem);
    --yl-aab-name-size: clamp(.8rem, 4.6cqw, 1.4rem);
    --yl-aab-subline-size: clamp(.62rem, 1.55cqw, .72rem);
    --yl-aab-old-size: clamp(.66rem, 1.7cqw, .78rem);
    --yl-aab-stamp-size: clamp(68px, 12cqw, 90px);
  }

  .yl-aab[data-aab-visible="1"] {
    --yl-aab-card-min-h: clamp(320px, 56cqw, 380px);
    --yl-aab-copy-top: clamp(22px, 3.8cqw, 30px);
    --yl-aab-media-h: 92%;
  }

  .yl-aab[data-aab-visible="2"] {
    --yl-aab-card-min-h: clamp(300px, 52cqw, 348px);
    --yl-aab-copy-top: clamp(19px, 3.2cqw, 26px);
    --yl-aab-media-h: 92%;
    --yl-aab-stamp-size: clamp(82px, 11.4cqw, 92px);
    --yl-aab-price-main-size: clamp(1.42rem, 5.5cqw, 2rem);
    --yl-aab-price-currency-size: clamp(.66rem, 1.8cqw, .92rem);
  }

  .yl-aab[data-aab-visible="3"] {
    --yl-aab-stamp-size: clamp(72px, 9.8cqw, 82px);
    --yl-aab-price-main-size: clamp(1.16rem, 4.7cqw, 1.62rem);
    --yl-aab-price-currency-size: clamp(.58rem, 1.55cqw, .76rem);
  }

  .yl-aab[data-aab-visible="4"] {
    --yl-aab-stamp-size: clamp(64px, 8.8cqw, 74px);
    --yl-aab-price-main-size: clamp(.98rem, 4.05cqw, 1.34rem);
    --yl-aab-price-currency-size: clamp(.52rem, 1.35cqw, .66rem);
  }

  .yl-aab-shell {
    border-radius: var(--yl-aab-card-radius);
  }

  .yl-aab-card {
    padding: var(--yl-aab-card-pad-y) var(--yl-aab-card-pad-x) clamp(16px, 2.4cqw, 20px);
    border-radius: var(--yl-aab-card-radius);
  }

  .yl-aab-bg-glow {
    width: clamp(128px, 24cqw, 190px);
    height: clamp(128px, 24cqw, 190px);
  }

  .yl-aab-logo {
    min-height: clamp(30px, 4.6cqw, 38px);
    padding: clamp(6px, 1.1cqw, 8px) clamp(10px, 1.8cqw, 14px);
  }

  .yl-aab-logo img {
    max-height: clamp(26px, 4.1cqw, 34px);
  }

  .yl-aab-kicker {
    padding: clamp(6px, 1cqw, 7px) clamp(10px, 1.8cqw, 14px);
  }

  .yl-aab-subline {
    padding: clamp(6px, 1cqw, 7px) clamp(9px, 1.6cqw, 12px);
    border-radius: clamp(12px, 2.2cqw, 14px);
  }

  .yl-aab-hourly {
    right: clamp(12px, 2cqw, 18px);
    bottom: clamp(12px, 2cqw, 18px);
    min-width: clamp(184px, 33cqw, 290px);
    border-radius: clamp(14px, 3cqw, 18px) 0 clamp(14px, 3cqw, 18px) clamp(14px, 3cqw, 18px);
  }

  .yl-aab-countdown .pc-unit {
    min-height: clamp(48px, 7.8cqw, 68px);
    padding: clamp(7px, 1.1cqw, 10px) clamp(7px, 1.3cqw, 12px) clamp(6px, 1cqw, 9px);
  }

  .yl-aab-countdown .pc-digit {
    min-width: clamp(16px, 2.6cqw, 22px);
    font-size: clamp(.82rem, 2.85cqw, 1.05rem);
  }

  .yl-aab-countdown .pc-label {
    margin-top: clamp(3px, .7cqw, 5px);
    font-size: clamp(.64rem, 1.95cqw, .78rem);
  }

  .yl-aab-price-tag--seal {
    padding: clamp(11px, 1.8cqw, 14px) clamp(9px, 1.6cqw, 12px);
  }

  .yl-aab-price-tag--seal::before {
    inset: clamp(5px, 1cqw, 7px);
  }

  .yl-aab-price-tag--label {
    padding: clamp(7px, 1.2cqw, 8px) clamp(9px, 1.8cqw, 12px) clamp(8px, 1.4cqw, 9px);
    border-radius: clamp(14px, 3cqw, 18px) clamp(14px, 3cqw, 18px) clamp(14px, 3cqw, 18px) clamp(8px, 1.5cqw, 8px);
  }

  .yl-aab-price-tag--glass {
    padding: clamp(8px, 1.35cqw, 9px) clamp(9px, 1.8cqw, 12px) clamp(8px, 1.5cqw, 10px);
    border-radius: clamp(14px, 3cqw, 18px);
  }

  .yl-aab-price-tag--seal .yl-aab-price-top {
    font-size: clamp(.42rem, 1.7cqw, .62rem);
    margin-bottom: clamp(2px, .7cqw, 4px);
  }

  .yl-aab-price-tag--seal .yl-aab-price-main {
    font-size: var(--yl-aab-price-main-size);
  }

  .yl-aab-price-tag--seal .yl-aab-price-currency {
    font-size: var(--yl-aab-price-currency-size);
  }

  .yl-aab-price-tag--label .yl-aab-price-top,
  .yl-aab-price-tag--glass .yl-aab-price-top {
    font-size: clamp(.48rem, 1.7cqw, .64rem);
    margin-bottom: clamp(2px, .7cqw, 4px);
  }

  .yl-aab-price-tag--label .yl-aab-price-main,
  .yl-aab-price-tag--glass .yl-aab-price-main {
    font-size: clamp(.96rem, 4.8cqw, 1.95rem);
  }

  .yl-aab-price-tag--label .yl-aab-price-currency,
  .yl-aab-price-tag--glass .yl-aab-price-currency {
    font-size: clamp(.62rem, 1.9cqw, .82rem);
  }

  .yl-aab-media {
    right: clamp(8px, 1.6cqw, 12px);
  }

  .yl-aab-video-btn {
    top: clamp(8px, 1.6cqw, 12px);
    right: clamp(8px, 1.6cqw, 12px);
    width: clamp(38px, 7.2cqw, 48px);
    height: clamp(38px, 7.2cqw, 48px);
    border-radius: clamp(12px, 2.4cqw, 14px) !important;
  }

  .yl-aab-video-btn i {
    font-size: clamp(.86rem, 2cqw, 1.05rem);
  }

  .yl-aab-hover-cta {
    min-width: clamp(128px, 30cqw, 160px);
    padding: clamp(10px, 2.2cqw, 12px) clamp(14px, 3.2cqw, 18px);
    gap: clamp(6px, 1.1cqw, 8px);
    font-size: clamp(.78rem, 2.4cqw, .95rem);
  }

  .yl-aab-hover-cta i {
    font-size: clamp(.88rem, 2.4cqw, 1rem);
  }

  .yl-aab-nav-btn {
    width: clamp(36px, 6.6cqw, 44px);
    height: clamp(36px, 6.6cqw, 44px);
    font-size: clamp(22px, 4.2cqw, 28px);
  }

  .yl-aab-nav-btn.js-yl-aab-prev {
    left: clamp(6px, 1.6cqw, 10px);
  }

  .yl-aab-nav-btn.js-yl-aab-next {
    right: clamp(6px, 1.6cqw, 10px);
  }
}