/* =========================================================
   ÖZDEN EROĞLU TİCARET - ÜRÜNLER
   ========================================================= */

.ero-products {
  position: relative;
  overflow: hidden;

  padding-block:
    clamp(85px, 9vw, 135px)
    clamp(95px, 10vw, 150px);

  background: #ffffff;
  color: #2f1a17;
}


/* =========================================================
   BAŞLIK
   ========================================================= */

.ero-products__heading {
  display: grid;
  grid-template-columns: 1fr minmax(280px, 480px);

  align-items: end;

  gap: clamp(40px, 7vw, 110px);

  margin-bottom: clamp(55px, 7vw, 90px);
}

.ero-products__eyebrow {
  margin: 0 0 12px;

  color: #c3381c;

  font-size: 12px;
  font-weight: 900;

  letter-spacing: .13em;
  text-transform: uppercase;
}

.ero-products__title {
  margin: 0;

  color: #2f1a17;

  font-family:
    "Archivo Black",
    "Arial Black",
    sans-serif;

  font-size: clamp(42px, 5vw, 72px);

  font-weight: 400;

  line-height: .98;
  letter-spacing: -.05em;
}

.ero-products__intro {
  margin: 0;

  color: #725d51;

  font-size: 17px;
  line-height: 1.7;
}


/* =========================================================
   GRID
   ========================================================= */

.ero-products__grid {
  display: grid;

  grid-template-columns:
    repeat(3, minmax(0, 1fr));

  gap:
    clamp(24px, 2.5vw, 38px);
}


/* =========================================================
   KART
   ========================================================= */

.ero-product-card {
  --product-accent: #d95825;
  --product-soft: #fff3eb;

  position: relative;
  isolation: isolate;

  display: flex;
  flex-direction: column;

  min-height: 570px;

  padding:
    24px
    24px
    30px;

  background: #fff;

  border-radius:
    35px 29px 33px 25px
    /
    28px 36px 27px 34px;
}


/* El çizimi ana çerçeve */

.ero-product-card::after {
  content: "";

  position: absolute;
  z-index: -1;

  inset: 0;

  border: 3px solid var(--product-accent);

  border-radius:
    35px 29px 33px 25px
    /
    28px 36px 27px 34px;

  transform: rotate(-.35deg);

  pointer-events: none;
}


/* İkinci hafif kaymış çizgi */

.ero-product-card::before {
  content: "";

  position: absolute;
  z-index: -2;

  inset:
    5px
    -4px
    -5px
    4px;

  border:
    1.5px solid
    color-mix(
      in srgb,
      var(--product-accent) 48%,
      transparent
    );

  border-radius:
    29px 37px 27px 35px
    /
    36px 28px 37px 27px;

  transform: rotate(.45deg);

  pointer-events: none;
}


/* =========================================================
   KATEGORİ ETİKETİ
   ========================================================= */

.ero-product-card__top {
  position: relative;
  z-index: 3;

  display: flex;
  align-items: center;

  min-height: 35px;
}

.ero-product-card__category {
  display: inline-flex;
  align-items: center;

  min-height: 32px;

  padding-inline: 14px;

  border-radius: 999px;

  background: var(--product-soft);
  color: var(--product-accent);

  font-size: 11px;
  font-weight: 900;

  letter-spacing: .09em;
  text-transform: uppercase;
}


/* =========================================================
   ÜRÜN GÖRSELİ
   ========================================================= */

.ero-product-card__visual {
  position: relative;

  display: grid;
  place-items: center;

  min-height: 300px;

  margin:
    18px
    0
    20px;

  overflow: hidden;
}


/* Ürün arkasındaki grafik */

.ero-product-card__shape {
  position: absolute;

  width: 220px;
  height: 220px;

  border-radius:
    48% 52% 44% 56%
    /
    55% 45% 57% 43%;

  background: var(--product-soft);

  transform:
    rotate(-8deg);

  transition:
    transform .45s cubic-bezier(.2,.8,.2,1);
}


/* İkinci çizim halkası */

.ero-product-card__shape::after {
  content: "";

  position: absolute;

  inset: 10px -7px -7px 8px;

  border:
    2px solid
    color-mix(
      in srgb,
      var(--product-accent) 55%,
      transparent
    );

  border-radius:
    53% 47% 56% 44%
    /
    46% 55% 45% 54%;

  transform: rotate(8deg);
}


.ero-product-card__image {
  position: relative;
  z-index: 2;

  display: block;

  width: auto;
  height: 255px;

  max-width: 76%;

  object-fit: contain;

  filter:
    drop-shadow(
      0
      20px
      20px
      rgba(42, 25, 15, .12)
    );

  transition:
    transform .45s cubic-bezier(.2,.8,.2,1);
}


/* =========================================================
   METİNLER
   ========================================================= */

.ero-product-card__body {
  position: relative;
  z-index: 3;

  margin-top: auto;
}

.ero-product-card__brands {
  margin: 0 0 9px;

  color: var(--product-accent);

  font-size: 12px;
  font-weight: 900;

  letter-spacing: .06em;
  text-transform: uppercase;
}

.ero-product-card h3 {
  margin: 0 0 12px;

  color: #2f1a17;

  font-size: clamp(24px, 2vw, 31px);
  font-weight: 900;

  line-height: 1.05;
  letter-spacing: -.035em;
}

.ero-product-card__text {
  margin: 0;

  color: #735e52;

  font-size: 15px;
  line-height: 1.65;
}


/* =========================================================
   KATEGORİ RENKLERİ
   ========================================================= */

.ero-product-card--water {
  --product-accent: #1588b8;
  --product-soft: #e9f7fc;
}

.ero-product-card--soda {
  --product-accent: #c83a27;
  --product-soft: #fff0ec;
}

.ero-product-card--juice {
  --product-accent: #e47c24;
  --product-soft: #fff3e4;
}

.ero-product-card--tea {
  --product-accent: #358b3e;
  --product-soft: #eef8e9;
}

.ero-product-card--ayran {
  --product-accent: #244d98;
  --product-soft: #edf2fb;
}

.ero-product-card--malt {
  --product-accent: #b17b16;
  --product-soft: #fff6dc;
}


/* =========================================================
   HOVER
   ========================================================= */

@media (hover: hover) and (pointer: fine) {

  .ero-product-card:hover
  .ero-product-card__shape {
    transform:
      rotate(3deg)
      scale(1.08);
  }

  .ero-product-card:hover
  .ero-product-card__image {
    transform:
      translateY(-8px)
      scale(1.045);
  }
}


/* =========================================================
   ALT CTA
   ========================================================= */

.ero-products__footer {
  display: flex;
  justify-content: center;

  margin-top: clamp(55px, 7vw, 85px);
}

.ero-products__link {
  position: relative;

  display: inline-flex;
  align-items: center;

  gap: 13px;

  min-height: 54px;

  padding-inline: 25px;

  color: #9c3019;

  font-size: 14px;
  font-weight: 900;

  text-decoration: none;
}

.ero-products__link::after {
  content: "";

  position: absolute;

  inset: -2px -6px;

  border: 2px solid #c3381c;

  border-radius:
    25px 20px 26px 21px
    /
    20px 27px 21px 25px;

  transform: rotate(-1deg);

  pointer-events: none;
}

.ero-products__link::before {
  content: "";

  position: absolute;

  inset: 1px -3px -4px 2px;

  border: 1px solid rgba(242, 123, 35, .72);

  border-radius:
    21px 28px 20px 26px
    /
    27px 21px 26px 22px;

  transform: rotate(1.2deg);

  pointer-events: none;
}

.ero-products__link span {
  font-size: 21px;

  transition:
    transform .25s ease;
}

.ero-products__link:hover span {
  transform: translateX(5px);
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1000px) {

  .ero-products__heading {
    grid-template-columns: 1fr;

    gap: 25px;
  }

  .ero-products__grid {
    grid-template-columns:
      repeat(2, minmax(0, 1fr));
  }

}


/* =========================================================
   MOBİL
   ========================================================= */

@media (max-width: 600px) {

  .ero-products {
    padding-block:
      75px
      90px;
  }

  .ero-products__title {
    font-size: 42px;
  }

  .ero-products__intro {
    font-size: 15px;
  }

  .ero-products__grid {
    grid-template-columns: 1fr;

    gap: 28px;
  }

  .ero-product-card {
    min-height: 510px;

    padding:
      21px
      21px
      27px;
  }

  .ero-product-card__visual {
    min-height: 270px;
  }

  .ero-product-card__image {
    height: 225px;
  }

  .ero-product-card__shape {
    width: 195px;
    height: 195px;
  }

}

/* =========================================================
   ÜRÜN GÖRSELLERİ - STICKER EFEKTİ
   ========================================================= */

/* Eski arka plan dairesini kapat */
.ero-product-card__shape {
  display: none !important;
}

/* Görsel alanı daha temiz kalsın */
.ero-product-card__visual {
  min-height: 300px;
  margin: 22px 0 22px;
}

/* Sticker efekti */
.ero-product-card__image {
  position: relative;
  z-index: 2;

  width: auto;
  height: 255px;
  max-width: 78%;
  object-fit: contain;

  /* beyaz kesim kenarı + yumuşak shadow */
  filter:
    drop-shadow(4px 0 0 #ffffff)
    drop-shadow(-4px 0 0 #ffffff)
    drop-shadow(0 4px 0 #ffffff)
    drop-shadow(0 -4px 0 #ffffff)
    drop-shadow(3px 3px 0 #ffffff)
    drop-shadow(-3px 3px 0 #ffffff)
    drop-shadow(3px -3px 0 #ffffff)
    drop-shadow(-3px -3px 0 #ffffff)
    drop-shadow(0 18px 24px rgba(36, 24, 18, 0.16))
    drop-shadow(0 8px 10px rgba(36, 24, 18, 0.10));

  transform: rotate(-2deg);
  transition:
    transform .42s cubic-bezier(.2,.8,.2,1),
    filter .42s cubic-bezier(.2,.8,.2,1);
}

/* Kartlara küçük farklılık verelim */
.ero-product-card:nth-child(2n) .ero-product-card__image {
  transform: rotate(2deg);
}

.ero-product-card:nth-child(3n) .ero-product-card__image {
  transform: rotate(-1deg);
}

/* Hover */
@media (hover: hover) and (pointer: fine) {
  .ero-product-card:hover .ero-product-card__image {
    transform: translateY(-8px) rotate(0deg) scale(1.045);
    filter:
      drop-shadow(5px 0 0 #ffffff)
      drop-shadow(-5px 0 0 #ffffff)
      drop-shadow(0 5px 0 #ffffff)
      drop-shadow(0 -5px 0 #ffffff)
      drop-shadow(4px 4px 0 #ffffff)
      drop-shadow(-4px 4px 0 #ffffff)
      drop-shadow(4px -4px 0 #ffffff)
      drop-shadow(-4px -4px 0 #ffffff)
      drop-shadow(0 24px 30px rgba(36, 24, 18, 0.20))
      drop-shadow(0 10px 14px rgba(36, 24, 18, 0.12));
  }
}

/* Mobil */
@media (max-width: 600px) {
  .ero-product-card__image {
    height: 225px;
    max-width: 80%;
  }
}

/* =========================================================
   ÜRÜN GÖRSELLERİ - STICKER BORDER + HAFİF SAĞ ALT GÖLGE
   ========================================================= */

.ero-product-card__image {
  filter:
    drop-shadow(3px 0 0 var(--product-accent))
    drop-shadow(-3px 0 0 var(--product-accent))
    drop-shadow(0 3px 0 var(--product-accent))
    drop-shadow(0 -3px 0 var(--product-accent))
    drop-shadow(2px 2px 0 var(--product-accent))
    drop-shadow(-2px 2px 0 var(--product-accent))
    drop-shadow(2px -2px 0 var(--product-accent))
    drop-shadow(-2px -2px 0 var(--product-accent))
    drop-shadow(8px 10px 12px rgba(32, 22, 18, 0.16))
    drop-shadow(4px 6px 6px rgba(32, 22, 18, 0.10)) !important;

  transition:
    transform .42s cubic-bezier(.2,.8,.2,1),
    filter .42s cubic-bezier(.2,.8,.2,1);
}

@media (hover: hover) and (pointer: fine) {
  .ero-product-card:hover .ero-product-card__image {
    filter:
      drop-shadow(3px 0 0 var(--product-accent))
      drop-shadow(-3px 0 0 var(--product-accent))
      drop-shadow(0 3px 0 var(--product-accent))
      drop-shadow(0 -3px 0 var(--product-accent))
      drop-shadow(2px 2px 0 var(--product-accent))
      drop-shadow(-2px 2px 0 var(--product-accent))
      drop-shadow(2px -2px 0 var(--product-accent))
      drop-shadow(-2px -2px 0 var(--product-accent))
      drop-shadow(10px 14px 16px rgba(32, 22, 18, 0.18))
      drop-shadow(5px 7px 8px rgba(32, 22, 18, 0.11)) !important;
  }
}

/* =========================================================
   ÜRÜN GÖRSELLERİ - TEMİZ FLOATING PRODUCT TASARIMI
   ========================================================= */

/* Önceki sticker efektlerini tamamen ez */
.ero-product-card__image {
  position: relative;
  z-index: 3;

  width: auto;
  height: 255px;
  max-width: 76%;

  object-fit: contain;

  /* Tek ve hafif gölge */
  filter:
    drop-shadow(7px 10px 8px rgba(38, 25, 18, 0.16)) !important;

  transform: none !important;

  transition:
    transform .3s ease,
    filter .3s ease;
}


/* Ürün alanı */
.ero-product-card__visual {
  position: relative;

  display: grid;
  place-items: center;

  min-height: 300px;

  margin:
    20px
    0
    22px;

  overflow: visible;
}


/* Eski daire tamamen kapalı */
.ero-product-card__shape {
  display: none !important;
}


/* Ürünün altındaki hafif el çizimi zemin */
.ero-product-card__visual::after {
  content: "";

  position: absolute;

  z-index: 1;

  left: 50%;
  bottom: 31px;

  width: 42%;
  height: 7px;

  background: var(--product-accent);

  border-radius:
    60% 40% 55% 45%
    /
    50% 60% 40% 50%;

  transform:
    translateX(-50%)
    rotate(-1.5deg);

  opacity: .28;
}


/* İkinci çok ince çizgi */
.ero-product-card__visual::before {
  content: "";

  position: absolute;

  z-index: 1;

  left: 52%;
  bottom: 25px;

  width: 31%;
  height: 2px;

  background: var(--product-accent);

  border-radius: 999px;

  transform:
    translateX(-50%)
    rotate(1deg);

  opacity: .18;
}


/* Hover daha hafif */
@media (hover: hover) and (pointer: fine) {

  .ero-product-card:hover .ero-product-card__image {
    transform: translateY(-6px) !important;

    filter:
      drop-shadow(9px 13px 10px rgba(38, 25, 18, 0.18)) !important;
  }

}


/* Mobil */
@media (max-width: 600px) {

  .ero-product-card__image {
    height: 225px;
    max-width: 78%;
  }

  .ero-product-card__visual::after {
    width: 38%;
    bottom: 28px;
  }

}

/* =========================================================
   ÜRÜN - ZEMİN HİZASI
   Kaynak PNG'lerdeki transparan boşluk farklarını dengeler
   ========================================================= */

.ero-product-card--water .ero-product-card__image {
  transform: translateY(0) !important;
}

.ero-product-card--soda .ero-product-card__image {
  transform: translateY(17px) !important;
}

.ero-product-card--juice .ero-product-card__image {
  transform: translateY(2px) !important;
}


/* Hover sırasında mevcut hizayı koru */
@media (hover: hover) and (pointer: fine) {

  .ero-product-card--water:hover .ero-product-card__image {
    transform: translateY(-6px) !important;
  }

  .ero-product-card--soda:hover .ero-product-card__image {
    transform: translateY(11px) !important;
  }

  .ero-product-card--juice:hover .ero-product-card__image {
    transform: translateY(-4px) !important;
  }

}

/* =========================================================
   ÜRÜN KARTLARI - GÖRSEL DENGE / FINAL BOYUTLAR
   ========================================================= */

/* SAKA */
.ero-product-card--water .ero-product-card__image {
  height: 255px !important;
  transform: translateY(0) !important;
}

/* ÇAMLICA */
.ero-product-card--soda .ero-product-card__image {
  height: 285px !important;
  transform: translateY(10px) !important;
}

/* TAMEK */
.ero-product-card--juice .ero-product-card__image {
  height: 255px !important;
  transform: translateY(2px) !important;
}

/* DİDİ */
.ero-product-card--tea .ero-product-card__image {
  height: 270px !important;
  transform: translateY(5px) !important;
}

/* BALKAN AYRAN */
.ero-product-card--ayran .ero-product-card__image {
  height: 225px !important;
  max-width: 68% !important;
  transform: translateY(7px) !important;
}

/* MALTANA */
.ero-product-card--malt .ero-product-card__image {
  height: 285px !important;
  transform: translateY(8px) !important;
}


/* =========================================================
   HOVER - HER ÜRÜN KENDİ HİZASINI KORUSUN
   ========================================================= */

@media (hover: hover) and (pointer: fine) {

  .ero-product-card--water:hover .ero-product-card__image {
    transform: translateY(-6px) !important;
  }

  .ero-product-card--soda:hover .ero-product-card__image {
    transform: translateY(4px) !important;
  }

  .ero-product-card--juice:hover .ero-product-card__image {
    transform: translateY(-4px) !important;
  }

  .ero-product-card--tea:hover .ero-product-card__image {
    transform: translateY(-1px) !important;
  }

  .ero-product-card--ayran:hover .ero-product-card__image {
    transform: translateY(1px) !important;
  }

  .ero-product-card--malt:hover .ero-product-card__image {
    transform: translateY(2px) !important;
  }

}


/* =========================================================
   BALKAN'IN GENİŞ YAPISINA UYGUN ZEMİN
   ========================================================= */

.ero-product-card--ayran .ero-product-card__visual::after {
  width: 48%;
}

.ero-product-card--ayran .ero-product-card__visual::before {
  width: 37%;
}


/* =========================================================
   MOBİL
   ========================================================= */

@media (max-width: 600px) {

  .ero-product-card--water .ero-product-card__image {
    height: 225px !important;
  }

  .ero-product-card--soda .ero-product-card__image {
    height: 250px !important;
  }

  .ero-product-card--juice .ero-product-card__image {
    height: 225px !important;
  }

  .ero-product-card--tea .ero-product-card__image {
    height: 235px !important;
  }

  .ero-product-card--ayran .ero-product-card__image {
    height: 200px !important;
  }

  .ero-product-card--malt .ero-product-card__image {
    height: 250px !important;
  }

}

/* =========================================================
   ÜRÜNLERİ ZEMİN OVALİNE OTURT
   Ayran referans alındı
   ========================================================= */

/* SAKA */
.ero-product-card--water .ero-product-card__image {
  transform: translateY(10px) !important;
}

/* ÇAMLICA */
.ero-product-card--soda .ero-product-card__image {
  transform: translateY(20px) !important;
}

/* TAMEK */
.ero-product-card--juice .ero-product-card__image {
  transform: translateY(12px) !important;
}

/* DİDİ */
.ero-product-card--tea .ero-product-card__image {
  transform: translateY(15px) !important;
}

/* AYRAN - doğru, değiştirme */
.ero-product-card--ayran .ero-product-card__image {
  transform: translateY(7px) !important;
}

/* MALTANA */
.ero-product-card--malt .ero-product-card__image {
  transform: translateY(18px) !important;
}


/* Hover sırasında da aynı taban hizasını koru */
@media (hover: hover) and (pointer: fine) {

  .ero-product-card--water:hover .ero-product-card__image {
    transform: translateY(4px) !important;
  }

  .ero-product-card--soda:hover .ero-product-card__image {
    transform: translateY(14px) !important;
  }

  .ero-product-card--juice:hover .ero-product-card__image {
    transform: translateY(6px) !important;
  }

  .ero-product-card--tea:hover .ero-product-card__image {
    transform: translateY(9px) !important;
  }

  .ero-product-card--ayran:hover .ero-product-card__image {
    transform: translateY(1px) !important;
  }

  .ero-product-card--malt:hover .ero-product-card__image {
    transform: translateY(12px) !important;
  }

}

/* =========================================================
   ÜRÜN KONUMUNU GERİ AL
   ZEMİN OVALİNİ ÜRÜNE YAKLAŞTIR
   ========================================================= */

/* Ürünleri önceki dengeli konumlarına döndür */
.ero-product-card--water .ero-product-card__image {
  transform: translateY(0) !important;
}

.ero-product-card--soda .ero-product-card__image {
  transform: translateY(10px) !important;
}

.ero-product-card--juice .ero-product-card__image {
  transform: translateY(2px) !important;
}

.ero-product-card--tea .ero-product-card__image {
  transform: translateY(5px) !important;
}

.ero-product-card--ayran .ero-product-card__image {
  transform: translateY(7px) !important;
}

.ero-product-card--malt .ero-product-card__image {
  transform: translateY(8px) !important;
}


/* =========================================================
   OVAL ZEMİNLERİ ÜRÜNLERE GÖRE AYARLA
   ========================================================= */

/* SAKA */
.ero-product-card--water .ero-product-card__visual::after {
  bottom: 40px !important;
}

.ero-product-card--water .ero-product-card__visual::before {
  bottom: 34px !important;
}

/* ÇAMLICA */
.ero-product-card--soda .ero-product-card__visual::after {
  bottom: 40px !important;
}

.ero-product-card--soda .ero-product-card__visual::before {
  bottom: 34px !important;
}

/* TAMEK */
.ero-product-card--juice .ero-product-card__visual::after {
  bottom: 39px !important;
}

.ero-product-card--juice .ero-product-card__visual::before {
  bottom: 33px !important;
}

/* DİDİ */
.ero-product-card--tea .ero-product-card__visual::after {
  bottom: 38px !important;
}

.ero-product-card--tea .ero-product-card__visual::before {
  bottom: 32px !important;
}

/* AYRAN ZATEN DOĞRU */
.ero-product-card--ayran .ero-product-card__visual::after {
  bottom: 31px !important;
}

.ero-product-card--ayran .ero-product-card__visual::before {
  bottom: 25px !important;
}

/* MALTANA */
.ero-product-card--malt .ero-product-card__visual::after {
  bottom: 39px !important;
}

.ero-product-card--malt .ero-product-card__visual::before {
  bottom: 33px !important;
}


/* Hover konumlarını da eski haline getir */
@media (hover: hover) and (pointer: fine) {

  .ero-product-card--water:hover .ero-product-card__image {
    transform: translateY(-6px) !important;
  }

  .ero-product-card--soda:hover .ero-product-card__image {
    transform: translateY(4px) !important;
  }

  .ero-product-card--juice:hover .ero-product-card__image {
    transform: translateY(-4px) !important;
  }

  .ero-product-card--tea:hover .ero-product-card__image {
    transform: translateY(-1px) !important;
  }

  .ero-product-card--ayran:hover .ero-product-card__image {
    transform: translateY(1px) !important;
  }

  .ero-product-card--malt:hover .ero-product-card__image {
    transform: translateY(2px) !important;
  }

}

/* =========================================================
   OVAL ZEMİN - SON HİZA
   AYRAN REFERANS / DEĞİŞMEYECEK
   ========================================================= */

/* SAKA */
.ero-product-card--water .ero-product-card__visual::after {
  bottom: 54px !important;
}
.ero-product-card--water .ero-product-card__visual::before {
  bottom: 48px !important;
}

/* ÇAMLICA */
.ero-product-card--soda .ero-product-card__visual::after {
  bottom: 54px !important;
}
.ero-product-card--soda .ero-product-card__visual::before {
  bottom: 48px !important;
}

/* TAMEK */
.ero-product-card--juice .ero-product-card__visual::after {
  bottom: 52px !important;
}
.ero-product-card--juice .ero-product-card__visual::before {
  bottom: 46px !important;
}

/* DİDİ */
.ero-product-card--tea .ero-product-card__visual::after {
  bottom: 51px !important;
}
.ero-product-card--tea .ero-product-card__visual::before {
  bottom: 45px !important;
}

/* AYRAN - AYNI KALIYOR */
.ero-product-card--ayran .ero-product-card__visual::after {
  bottom: 31px !important;
}
.ero-product-card--ayran .ero-product-card__visual::before {
  bottom: 25px !important;
}

/* MALTANA */
.ero-product-card--malt .ero-product-card__visual::after {
  bottom: 52px !important;
}
.ero-product-card--malt .ero-product-card__visual::before {
  bottom: 46px !important;
}


/* =========================================================
   OVAL ZEMİNLER - GERÇEK ALT HİZA
   bottom AZALDIKÇA oval AŞAĞI iner
   ========================================================= */

/* SAKA */
.ero-product-card--water .ero-product-card__visual::after {
  bottom: 27px !important;
}
.ero-product-card--water .ero-product-card__visual::before {
  bottom: 21px !important;
}

/* ÇAMLICA */
.ero-product-card--soda .ero-product-card__visual::after {
  bottom: 18px !important;
}
.ero-product-card--soda .ero-product-card__visual::before {
  bottom: 12px !important;
}

/* TAMEK */
.ero-product-card--juice .ero-product-card__visual::after {
  bottom: 24px !important;
}
.ero-product-card--juice .ero-product-card__visual::before {
  bottom: 18px !important;
}

/* DİDİ */
.ero-product-card--tea .ero-product-card__visual::after {
  bottom: 18px !important;
}
.ero-product-card--tea .ero-product-card__visual::before {
  bottom: 12px !important;
}

/* BALKAN AYRAN - ZATEN DOĞRU */
.ero-product-card--ayran .ero-product-card__visual::after {
  bottom: 31px !important;
}
.ero-product-card--ayran .ero-product-card__visual::before {
  bottom: 25px !important;
}

/* MALTANA */
.ero-product-card--malt .ero-product-card__visual::after {
  bottom: 15px !important;
}
.ero-product-card--malt .ero-product-card__visual::before {
  bottom: 9px !important;
}


/* =========================================================
   SON MİKRO HİZA AYARLARI
   ========================================================= */

/* SAKA - çok hafif aşağı */
.ero-product-card--water .ero-product-card__visual::after {
  bottom: 25px !important;
}
.ero-product-card--water .ero-product-card__visual::before {
  bottom: 19px !important;
}

/* ÇAMLICA - biraz yukarı */
.ero-product-card--soda .ero-product-card__visual::after {
  bottom: 22px !important;
}
.ero-product-card--soda .ero-product-card__visual::before {
  bottom: 16px !important;
}

/* MALTANA - biraz daha aşağı */
.ero-product-card--malt .ero-product-card__visual::after {
  bottom: 10px !important;
}
.ero-product-card--malt .ero-product-card__visual::before {
  bottom: 4px !important;
}


/* Maltana ovalini biraz daha aşağı indir */
.ero-product-card--malt .ero-product-card__visual::after {
  bottom: 6px !important;
}

.ero-product-card--malt .ero-product-card__visual::before {
  bottom: 0px !important;
}


/* Maltana ovali - son ince ayar */
.ero-product-card--malt .ero-product-card__visual::after {
  bottom: 3px !important;
}

.ero-product-card--malt .ero-product-card__visual::before {
  bottom: -3px !important;
}