/* DRN flagship presentation: Beko blue, white and cool slate. Scoped to the two new homepage components. */
#yc-home-hero-slider .drn-teyfik-hero.drn-flagship-hero {
  --drn-hero-surface: #FAFBFD;
  --drn-hero-ink: #212529;
  --drn-hero-muted: #5B6B82;
  position: relative;
  display: block;
  width: 100%;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  padding: 0 !important;
  overflow: hidden;
  isolation: isolate;
  border: 1px solid #E3E8F0;
  border-radius: 16px;
  background: var(--drn-hero-surface);
  color: var(--drn-hero-ink);
  font-family: "Segment", system-ui, sans-serif;
}
#yc-home-hero-slider .drn-flagship-hero *,
.drn-flagships * { box-sizing: border-box; }
#yc-home-hero-slider .drn-flagship-hero [data-yc-hero-track] {
  position: relative;
  display: block !important;
  width: 100% !important;
  height: clamp(380px, 32vw, 460px) !important;
  min-height: 380px !important;
  max-height: 460px !important;
  aspect-ratio: auto !important;
  padding: 0 !important;
  transform: none !important;
}
#yc-home-hero-slider .drn-teyfik-hero.drn-flagship-hero [data-yc-hero-slide] {
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  aspect-ratio: auto !important;
  transform: none !important;
  background: var(--drn-hero-surface);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .35s ease;
}
#yc-home-hero-slider .drn-flagship-hero [data-yc-hero-slide].is-active {
  z-index: 1;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
#yc-home-hero-slider .drn-flagship-hero .is-iphone18 { --drn-hero-surface: #f0f6fa; }
#yc-home-hero-slider .drn-flagship-hero .is-fold { --drn-hero-surface: #EDF3FF; }
#yc-home-hero-slider .drn-flagship-hero .is-ultra { --drn-hero-surface: #e6f2fa; }
#yc-home-hero-slider .drn-flagship-hero .is-iphone17 { --drn-hero-surface: #f1f5f8; }
#yc-home-hero-slider .drn-teyfik-hero.drn-flagship-hero .yc-home-hero-link {
  position: relative !important;
  inset: auto !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.04fr) minmax(0, 1fr);
  align-items: center;
  gap: 20px;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 34px 46px 40px !important;
  overflow: hidden;
  background: transparent !important;
  color: var(--drn-hero-ink);
  text-decoration: none;
}
#yc-home-hero-slider .drn-flagship-hero .yc-home-hero-link::before {
  position: absolute;
  inset: 0;
  z-index: 0;
  content: "";
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='144' height='144' viewBox='0 0 144 144'%3E%3Cg fill='none' stroke='%2360859a' stroke-width='1'%3E%3Crect x='24' y='18' width='22' height='38' rx='5'/%3E%3Cpath d='M32 23h6m-5 27h4M96 90h28v20H96zM104 114h12m-6-4v4M89 24h12v12H89zM95 18v6m0 12v6m-12-12h6m12 0h6M25 104h5m5 0h5m-10-5v10'/%3E%3C/g%3E%3C/svg%3E");
  background-position: right 12px top 8px;
  opacity: .13;
  -webkit-mask-image: linear-gradient(90deg, transparent 28%, #000 75%);
  mask-image: linear-gradient(90deg, transparent 28%, #000 75%);
}
#yc-home-hero-slider .drn-flagship-hero .drn-flagship-copy {
  position: relative;
  z-index: 2;
  grid-column: 1;
  grid-row: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 11px;
  min-width: 0;
  padding: 0;
  color: var(--drn-hero-ink);
  font-family: "Segment", system-ui, sans-serif;
  text-align: start;
}
#yc-home-hero-slider .drn-flagship-hero .drn-flagship-kicker,
.drn-flagships .drn-flagship-kicker {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  max-width: 100%;
  margin: 0;
  color: #5B6B82;
  font-family: "Segment", system-ui, sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: .055em;
}
#yc-home-hero-slider .drn-flagship-hero .drn-flagship-kicker svg,
.drn-flagships .drn-flagship-kicker svg {
  flex: 0 0 auto;
  width: 17px;
  height: 17px;
  color: inherit;
}
#yc-home-hero-slider .drn-flagship-hero .drn-flagship-copy :is(h1, h2) {
  max-width: 15ch;
  margin: 0 !important;
  padding: 0;
  color: #212529 !important;
  font-family: "Segment", system-ui, sans-serif !important;
  font-size: clamp(32px, 3.3vw, 46px) !important;
  font-weight: 650 !important;
  line-height: 1.07 !important;
  letter-spacing: -.035em;
  text-wrap: balance;
  overflow-wrap: normal;
}
#yc-home-hero-slider .drn-flagship-hero .drn-flagship-copy > p {
  max-width: 410px;
  margin: 0;
  color: var(--drn-hero-muted) !important;
  font-family: "Segment", system-ui, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
}
#yc-home-hero-slider .drn-flagship-hero .drn-flagship-price {
  display: grid;
  gap: 2px;
  margin-top: 2px;
  color: #212529;
}
#yc-home-hero-slider .drn-flagship-hero .drn-flagship-price > small {
  color: #5B6B82;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.4;
}
#yc-home-hero-slider .drn-flagship-hero .drn-flagship-price > strong {
  color: #212529;
  font-size: 26px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -.025em;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
#yc-home-hero-slider .drn-flagship-hero .drn-flagship-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 42px;
  margin-top: 3px;
  padding: 10px 17px;
  border: 1px solid #3371F2;
  border-radius: 8px;
  background: #3371F2;
  color: #fff !important;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0;
  transition: background-color .18s ease;
}
#yc-home-hero-slider .drn-flagship-hero .drn-flagship-cta svg { width: 16px; height: 16px; flex: none; }
#yc-home-hero-slider .drn-flagship-hero .yc-home-hero-link:hover .drn-flagship-cta { background: #00679b; }
#yc-home-hero-slider .drn-flagship-hero .drn-flagship-visual {
  position: relative;
  z-index: 1;
  grid-column: 2;
  grid-row: 1;
  display: grid;
  place-items: center;
  align-self: stretch;
  min-width: 0;
  min-height: 0;
  width: 100%;
  height: 100%;
  padding: 0 5px;
}
#yc-home-hero-slider .drn-flagship-hero .drn-flagship-visual::before {
  position: absolute;
  z-index: -1;
  inset: 9% 3%;
  content: "";
  pointer-events: none;
  border: 1px solid rgb(0 125 186 / 8%);
  border-radius: 50%;
  background: radial-gradient(ellipse at center, rgb(255 255 255 / 75%), transparent 70%);
}
#yc-home-hero-slider .drn-flagship-hero .drn-flagship-visual > img {
  position: relative !important;
  inset: auto !important;
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  margin: 0 !important;
  padding: 4px !important;
  object-fit: contain !important;
  object-position: center !important;
  mix-blend-mode: multiply;
  filter: none !important;
  transform: none !important;
}
#yc-home-hero-slider .drn-flagship-hero .yc-home-hero-controls {
  position: absolute !important;
  z-index: 5;
  inset: auto auto 9px 34px !important;
  width: auto;
  margin: 0;
  padding: 0;
  background: transparent;
  transform: none !important;
}
#yc-home-hero-slider .drn-flagship-hero .yc-home-hero-dots { display: flex; align-items: center; gap: 1px; }
#yc-home-hero-slider .drn-flagship-hero .yc-home-hero-dots > button {
  position: relative;
  display: grid;
  place-items: center;
  width: 27px !important;
  height: 27px !important;
  min-width: 27px;
  min-height: 27px;
  margin: 0;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50%;
  background: transparent !important;
  box-shadow: none;
  cursor: pointer;
}
#yc-home-hero-slider .drn-flagship-hero .yc-home-hero-dots > button::after {
  width: 6px;
  height: 6px;
  border-radius: 10px;
  background: #99adbb;
  content: "";
  transition: width .2s ease, background-color .2s ease;
}
#yc-home-hero-slider .drn-flagship-hero .yc-home-hero-dots > button:is(.is-active, [aria-pressed="true"])::after { width: 19px; background: #3371F2; }
#yc-home-hero-slider .drn-flagship-hero .yc-home-hero-link:focus-visible { outline: 2px solid #3371F2; outline-offset: -4px; }
#yc-home-hero-slider .drn-flagship-hero .yc-home-hero-dots > button:focus-visible,
.drn-flagships a:focus-visible { outline: 2px solid #3371F2; outline-offset: 3px; }

/* Four editorial model cards, using the same type scale and product canvases. */
.drn-flagships {
  display: grid;
  gap: 18px;
  min-width: 0;
  width: 100%;
  margin: 0;
  color: #212529;
  font-family: "Segment", system-ui, sans-serif;
}
.drn-flagships > .drn-flagships-heading {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 5px 20px;
  margin: 0;
}
.drn-flagships .drn-flagships-heading > h2 {
  grid-column: 1;
  margin: 0;
  color: #212529;
  font-family: "Segment", system-ui, sans-serif;
  font-size: 25px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -.025em;
}
.drn-flagships .drn-flagships-heading > p {
  grid-column: 1;
  margin: 0;
  color: #5b6b77;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
}
.drn-flagships .drn-flagships-heading > a {
  grid-column: 2;
  grid-row: 1 / span 2;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 36px;
  color: #3371F2;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.3;
  text-decoration: none;
}
.drn-flagships .drn-flagships-heading > a:hover { text-decoration: underline; text-underline-offset: 3px; }
.drn-flagships .drn-flagships-heading > a svg { width: 15px; height: 15px; flex: none; }
.drn-flagships .drn-flagships-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; min-width: 0; }
.drn-flagships .drn-flagship-card {
  --drn-card-surface: #f1f6fa;
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-rows: 18px 46px 18px minmax(0, 1fr) 38px;
  gap: 6px;
  min-width: 0;
  height: 320px;
  margin: 0;
  padding: 17px;
  overflow: hidden;
  border: 1px solid #E3E8F0;
  border-radius: 12px;
  background: var(--drn-card-surface);
  color: #212529;
  text-decoration: none;
  transition: border-color .18s ease, box-shadow .18s ease;
}
.drn-flagships .drn-flagship-card:is(.is-iphone18, .is-copper, .is-warm) { --drn-card-surface: #f1f7fb; }
.drn-flagships .drn-flagship-card:is(.is-fold, .is-graphite) { --drn-card-surface: #EDF3FF; }
.drn-flagships .drn-flagship-card:is(.is-ultra, .is-sage, .is-green) { --drn-card-surface: #eaf4fb; }
.drn-flagships .drn-flagship-card:is(.is-iphone17, .is-silver, .is-blue) { --drn-card-surface: #f2f6fa; }
.drn-flagships .drn-flagship-card::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  content: "";
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='104' height='104' viewBox='0 0 104 104'%3E%3Cg fill='none' stroke='%2360859a' stroke-width='.8'%3E%3Crect x='56' y='20' width='16' height='28' rx='4'/%3E%3Cpath d='M62 24h4m-3 20h2M20 72h16m-8-8v16M82 78h.1'/%3E%3C/g%3E%3C/svg%3E");
  background-position: right top;
  opacity: .18;
  -webkit-mask-image: linear-gradient(180deg, transparent 8%, #000 55%, transparent);
  mask-image: linear-gradient(180deg, transparent 8%, #000 55%, transparent);
}
.drn-flagships .drn-flagship-card:hover { border-color: #82b6d5; box-shadow: 0 7px 18px rgb(0 63 105 / 7%); }
.drn-flagships .drn-flagship-card-top { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-width: 0; }
.drn-flagships .drn-flagship-card .drn-flagship-kicker { font-size: 10px; line-height: 1.3; letter-spacing: .035em; }
.drn-flagships .drn-flagship-card .drn-flagship-kicker svg { width: 15px; height: 15px; }
.drn-flagships .drn-flagship-arrow { display: grid; place-items: center; flex: 0 0 21px; width: 21px; height: 21px; color: #5B6B82; }
.drn-flagships .drn-flagship-arrow svg { width: 17px; height: 17px; }
.drn-flagships .drn-flagship-card > h3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  margin: 0;
  overflow: hidden;
  color: #212529;
  font-family: "Segment", system-ui, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -.025em;
}
.drn-flagships .drn-flagship-card > p {
  display: block;
  margin: 0;
  overflow: hidden;
  color: #536977;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.drn-flagships .drn-flagship-card-image { display: grid; place-items: center; min-width: 0; min-height: 0; width: 100%; height: 100%; overflow: hidden; }
.drn-flagships .drn-flagship-card-image > img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 150px;
  margin: 0;
  padding: 0 6px;
  object-fit: contain;
  object-position: center;
  mix-blend-mode: multiply;
  filter: none;
}
.drn-flagships .drn-flagship-card-footer { display: grid; align-content: end; gap: 1px; min-width: 0; padding-top: 5px; border-top: 1px solid rgb(29 79 110 / 12%); }
.drn-flagships .drn-flagship-card-footer > small { color: #5a6d7a; font-size: 10px; font-weight: 400; line-height: 1.3; }
.drn-flagships .drn-flagship-card-footer > strong { color: #212529; font-size: 21px; font-weight: 600; line-height: 1.15; letter-spacing: -.025em; white-space: nowrap; font-variant-numeric: tabular-nums; }

@media (max-width: 1100px) {
  #yc-home-hero-slider .drn-flagship-hero [data-yc-hero-track] { height: 350px !important; min-height: 350px !important; max-height: 350px !important; }
  #yc-home-hero-slider .drn-teyfik-hero.drn-flagship-hero .yc-home-hero-link { padding: 28px 32px 36px !important; gap: 12px; }
  #yc-home-hero-slider .drn-flagship-hero .drn-flagship-copy :is(h1, h2) { font-size: 36px !important; }
  #yc-home-hero-slider .drn-flagship-hero .drn-flagship-copy > p { font-size: 13px; }
  #yc-home-hero-slider .drn-flagship-hero .yc-home-hero-controls { left: 20px !important; }
  .drn-flagships .drn-flagships-grid { gap: 12px; }
  .drn-flagships .drn-flagship-card { padding: 14px; }
  .drn-flagships .drn-flagship-card > h3 { font-size: 19px; }
  .drn-flagships .drn-flagship-card-footer > strong { font-size: 19px; }
}
@media (max-width: 900px) {
  #yc-home-hero-slider .drn-flagship-hero [data-yc-hero-track] { height: 320px !important; min-height: 320px !important; max-height: 320px !important; }
  #yc-home-hero-slider .drn-teyfik-hero.drn-flagship-hero .yc-home-hero-link { grid-template-columns: minmax(0, 1.06fr) minmax(0, 1fr); padding: 25px 25px 34px !important; }
  #yc-home-hero-slider .drn-flagship-hero .drn-flagship-copy { gap: 8px; }
  #yc-home-hero-slider .drn-flagship-hero .drn-flagship-copy :is(h1, h2) { font-size: 32px !important; }
  #yc-home-hero-slider .drn-flagship-hero .drn-flagship-price > strong { font-size: 24px; }
  #yc-home-hero-slider .drn-flagship-hero .drn-flagship-cta { min-height: 39px; padding: 9px 14px; font-size: 12px; }
  #yc-home-hero-slider .drn-flagship-hero .yc-home-hero-controls { left: 13px !important; bottom: 6px !important; }
  .drn-flagships .drn-flagships-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .drn-flagships .drn-flagship-card { height: 300px; padding: 16px; }
  .drn-flagships .drn-flagship-card-image > img { max-height: 140px; }
}
@media (max-width: 600px) {
  #yc-home-hero-slider .drn-teyfik-hero.drn-flagship-hero { border-radius: 12px; }
  #yc-home-hero-slider .drn-flagship-hero [data-yc-hero-track] { height: 280px !important; min-height: 280px !important; max-height: 280px !important; }
  #yc-home-hero-slider .drn-teyfik-hero.drn-flagship-hero .yc-home-hero-link { grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr); gap: 0; padding: 18px 17px 32px !important; }
  #yc-home-hero-slider .drn-flagship-hero .drn-flagship-copy { gap: 7px; }
  #yc-home-hero-slider .drn-flagship-hero .drn-flagship-copy :is(h1, h2) { max-width: 13ch; font-size: clamp(22px, 6.3vw, 29px) !important; line-height: 1.06 !important; letter-spacing: -.035em; }
  #yc-home-hero-slider .drn-flagship-hero .drn-flagship-kicker { gap: 5px; font-size: 9px; line-height: 1.3; letter-spacing: .02em; }
  #yc-home-hero-slider .drn-flagship-hero .drn-flagship-kicker svg { width: 14px; height: 14px; }
  #yc-home-hero-slider .drn-flagship-hero .drn-flagship-copy > p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; max-width: 100%; font-size: 12px; line-height: 1.4; }
  #yc-home-hero-slider .drn-flagship-hero .drn-flagship-price { gap: 1px; margin-top: 1px; }
  #yc-home-hero-slider .drn-flagship-hero .drn-flagship-price > small { font-size: 10px; line-height: 1.4; }
  #yc-home-hero-slider .drn-flagship-hero .drn-flagship-price > strong { font-size: 21px; }
  #yc-home-hero-slider .drn-flagship-hero .drn-flagship-cta { gap: 6px; min-height: 36px; margin-top: 1px; padding: 8px 11px; border-radius: 7px; font-size: 12px; }
  #yc-home-hero-slider .drn-flagship-hero .drn-flagship-cta svg { width: 14px; height: 14px; }
  #yc-home-hero-slider .drn-flagship-hero .drn-flagship-visual { padding: 0; }
  #yc-home-hero-slider .drn-flagship-hero .drn-flagship-visual::before { inset: 16% -10%; }
  #yc-home-hero-slider .drn-flagship-hero .drn-flagship-visual > img { padding: 0 !important; }
  #yc-home-hero-slider .drn-flagship-hero .yc-home-hero-controls { left: 5px !important; bottom: 2px !important; }
  .drn-flagships { gap: 13px; }
  .drn-flagships > .drn-flagships-heading { gap: 5px 10px; align-items: center; }
  .drn-flagships .drn-flagships-heading > h2 { font-size: 21px; line-height: 1.2; }
  .drn-flagships .drn-flagships-heading > p { font-size: 12px; line-height: 1.45; }
  .drn-flagships .drn-flagships-heading > a { grid-row: 1; min-height: 32px; font-size: 11px; white-space: nowrap; }
  .drn-flagships .drn-flagships-grid { gap: 10px; }
  .drn-flagships .drn-flagship-card { grid-template-rows: 16px 38px 16px minmax(0, 1fr) 33px; gap: 4px; height: 260px; padding: 12px; border-radius: 10px; }
  .drn-flagships .drn-flagship-card .drn-flagship-kicker { gap: 4px; font-size: 9px; letter-spacing: 0; }
  .drn-flagships .drn-flagship-card .drn-flagship-kicker svg { width: 13px; height: 13px; }
  .drn-flagships .drn-flagship-arrow { width: 16px; height: 16px; flex-basis: 16px; }
  .drn-flagships .drn-flagship-arrow svg { width: 15px; height: 15px; }
  .drn-flagships .drn-flagship-card > h3 { font-size: 16px; line-height: 1.18; letter-spacing: -.025em; }
  .drn-flagships .drn-flagship-card > p { font-size: 10px; line-height: 16px; }
  .drn-flagships .drn-flagship-card-image > img { max-height: 122px; padding: 0 2px; }
  .drn-flagships .drn-flagship-card-footer { gap: 1px; padding-top: 4px; }
  .drn-flagships .drn-flagship-card-footer > small { font-size: 9px; }
  .drn-flagships .drn-flagship-card-footer > strong { font-size: clamp(15px, 4.5vw, 18px); line-height: 1.15; letter-spacing: -.035em; }
}
@media (max-width: 360px) {
  #yc-home-hero-slider .drn-teyfik-hero.drn-flagship-hero .yc-home-hero-link { padding-inline: 13px !important; }
  #yc-home-hero-slider .drn-flagship-hero .drn-flagship-copy :is(h1, h2) { font-size: 22px !important; }
  #yc-home-hero-slider .drn-flagship-hero .drn-flagship-price > strong { font-size: 19px; }
  .drn-flagships .drn-flagship-card { padding: 10px; }
  .drn-flagships .drn-flagship-card .drn-flagship-kicker { font-size: 8px; gap: 3px; }
}
@media (prefers-reduced-motion: reduce) {
  #yc-home-hero-slider .drn-flagship-hero [data-yc-hero-slide],
  #yc-home-hero-slider .drn-flagship-hero .drn-flagship-cta,
  #yc-home-hero-slider .drn-flagship-hero .yc-home-hero-dots > button::after,
  .drn-flagships .drn-flagship-card { transition: none; }
}
/* Keep the square product source inside its fixed stage; avoid intrinsic grid sizing. */
#yc-home-hero-slider .drn-flagship-hero .drn-flagship-visual > img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;max-height:100%!important;aspect-ratio:auto!important}
#yc-home-hero-slider .drn-flagship-hero .yc-home-hero-dots>button::before{display:none!important;content:none!important}
#yc-home-hero-slider .drn-flagship-hero .yc-home-hero-dots{background:transparent!important;border:0!important;box-shadow:none!important}
#yc-home-hero-slider .drn-teyfik-hero.drn-flagship-hero{width:calc(100% - 64px)!important;max-width:1440px;margin-inline:auto}
@media(max-width:900px){#yc-home-hero-slider .drn-teyfik-hero.drn-flagship-hero{width:calc(100% - 28px)!important}}
#yc-home-hero-slider .drn-flagship-hero .drn-flagship-visual{mix-blend-mode:multiply}
.drn-flagships .drn-flagship-card-image{position:relative}
.drn-flagships .drn-flagship-card-image>img{position:absolute;inset:0;width:100%;height:100%;min-height:0;max-height:100%;aspect-ratio:auto}