/* ═══════════════════════════════════════════════════════════════
   Paketler — tahin zemin, üstte silik sekiz köşeli yıldız dokusu.
   Kart: askı etiketinde ürün sayısı · baklava bantlı "paket şeridi" ·
   "Paketin içinde" listesi · gerçek fiyat farkı · kargo eşiği satırı.
   Telefon: yana kaydırmalı şerit · 768+: 2 sütun · 1200+: tek sıra (en çok 4).
   ═══════════════════════════════════════════════════════════════ */

.cc_NMGXlHaf1N_xsn8zKlxK4 .paketler {
  --pk-kenar: clamp(16px, 5vw, 80px);
  scroll-margin-top: 90px; /* menüdeki "Paketler" bağlantısı (/#paketler) yapışkan header altında kalmasın */
  --pk-susam-koyu: color-mix(in srgb, var(--renk-susam, #B8893E) 72%, var(--renk-kahve, #42210B));
  position: relative;
  overflow: hidden;
  padding: 56px 0 64px;
  background: var(--renk-tahin, #E2CCA8);
  color: var(--color-text-primary);
  font-family: var(--font-body);
}

/* Çini dokusu: yalnız başlık tarafında, aşağı doğru kaybolur */
.cc_NMGXlHaf1N_xsn8zKlxK4 .paketler::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 320px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56' fill='none' stroke='%23B8893E' stroke-width='0.9'%3E%3Crect x='21' y='21' width='14' height='14'/%3E%3Crect x='21' y='21' width='14' height='14' transform='rotate(45 28 28)'/%3E%3Ccircle cx='0' cy='0' r='1.6'/%3E%3Ccircle cx='56' cy='0' r='1.6'/%3E%3Ccircle cx='0' cy='56' r='1.6'/%3E%3Ccircle cx='56' cy='56' r='1.6'/%3E%3C/svg%3E") repeat left top / 56px 56px;
  opacity: 0.22;
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 0%, transparent 100%);
  pointer-events: none;
}

.cc_NMGXlHaf1N_xsn8zKlxK4 .paketler__ic {
  position: relative;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 var(--pk-kenar);
}

/* ─── Başlık ────────────────────────────────────────────────── */

.cc_NMGXlHaf1N_xsn8zKlxK4 .paketler__bas {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 18px 24px;
  margin-bottom: 28px;
}

.cc_NMGXlHaf1N_xsn8zKlxK4 .paketler__baslik-grup {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  min-width: 0;
}

.cc_NMGXlHaf1N_xsn8zKlxK4 .paketler__rozet {
  display: inline-flex;
  margin-bottom: 8px;
  align-items: center;
  gap: 8px;
  padding: 7px 14px;
  border: 1px solid color-mix(in srgb, var(--renk-susam, #B8893E) 70%, transparent);
  border-radius: 999px;
  background: color-mix(in srgb, #FFFCF7 35%, transparent);
  color: var(--pk-susam-koyu);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  line-height: 1;
}

.cc_NMGXlHaf1N_xsn8zKlxK4 .paketler__rozet-ikon { width: 15px; height: 15px; }

.cc_NMGXlHaf1N_xsn8zKlxK4 .paketler__baslik {
  display: block;
  margin: 0;
  font-family: var(--font-display);
  font-size: 34px;
  font-weight: 500;
  line-height: 1.05;
  color: var(--color-text-primary);
}

.cc_NMGXlHaf1N_xsn8zKlxK4 .paketler__alt {
  margin: 0;
  font-size: 15px;
  color: var(--color-text-secondary);
}

.cc_NMGXlHaf1N_xsn8zKlxK4 .paketler__tumu {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 20px;
  border: 1px solid color-mix(in srgb, var(--renk-kahve, #42210B) 35%, transparent);
  border-radius: 999px;
  color: var(--color-text-primary);
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition: background 250ms ease, color 250ms ease, border-color 250ms ease;
}

.cc_NMGXlHaf1N_xsn8zKlxK4 .paketler__tumu svg { width: 18px; height: 18px; transition: transform 250ms ease; }

.cc_NMGXlHaf1N_xsn8zKlxK4 .paketler__tumu:hover {
  border-color: var(--renk-kahve, #42210B);
  background: var(--renk-kahve, #42210B);
  color: var(--renk-zemin, #F3E9D8);
}

.cc_NMGXlHaf1N_xsn8zKlxK4 .paketler__tumu:hover svg { transform: translateX(3px); }

/* ─── Izgara: telefonda yana kaydırmalı şerit ───────────────── */

.cc_NMGXlHaf1N_xsn8zKlxK4 .paketler__izgara {
  display: flex;
  gap: 14px;
  margin: 0 calc(var(--pk-kenar) * -1);
  padding: 4px var(--pk-kenar) 20px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-padding: 0 var(--pk-kenar);
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

.cc_NMGXlHaf1N_xsn8zKlxK4 .paketler__izgara::-webkit-scrollbar { display: none; }

.cc_NMGXlHaf1N_xsn8zKlxK4 .paketler__hucre {
  display: flex;
  flex: 0 0 min(84%, 340px);
  min-width: 0;
  scroll-snap-align: start;
}

.cc_NMGXlHaf1N_xsn8zKlxK4 .paketler__bos {
  padding: 28px;
  border: 1px dashed var(--color-border);
  border-radius: 16px;
  color: var(--color-text-secondary);
  text-align: center;
}

/* ─── Paket kartı ───────────────────────────────────────────── */

.cc_NMGXlHaf1N_xsn8zKlxK4 .paket-kart {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--color-border) 75%, transparent);
  border-radius: 20px;
  background: var(--color-surface);
  box-shadow: 0 1px 0 rgba(66, 33, 11, 0.04);
  transition: transform 400ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 400ms ease;
}

.cc_NMGXlHaf1N_xsn8zKlxK4 .paket-kart__gorsel {
  position: relative;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: color-mix(in srgb, var(--renk-tahin, #E2CCA8) 40%, #FFFCF7);
}

/* Paket şeridi: görselin altında baklava geçmeli bant (Koleksiyonlar'daki desenin akrabası) */
.cc_NMGXlHaf1N_xsn8zKlxK4 .paket-kart__gorsel::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 14px;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='14' viewBox='0 0 28 14'%3E%3Cpath d='M0 7H5L14 1.5L23 7L14 12.5L5 7M23 7H28M14 4.5L17.5 7L14 9.5L10.5 7Z' fill='none' stroke='%23E2CCA8' stroke-width='1.1' stroke-linejoin='round'/%3E%3C/svg%3E") repeat-x center / 28px 14px,
    var(--renk-kahve, #42210B);
}

.cc_NMGXlHaf1N_xsn8zKlxK4 .paket-kart__resim {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 800ms cubic-bezier(0.22, 1, 0.36, 1);
}

.cc_NMGXlHaf1N_xsn8zKlxK4 .paket-kart__resim--bos {
  background:
    radial-gradient(60% 60% at 50% 45%, color-mix(in srgb, var(--renk-susam, #B8893E) 18%, transparent), transparent 70%),
    color-mix(in srgb, var(--renk-tahin, #E2CCA8) 55%, #FFFCF7);
}

/* Askı etiketi: sivri uç + delik */
.cc_NMGXlHaf1N_xsn8zKlxK4 .paket-kart__etiket {
  position: absolute;
  top: 14px;
  left: 14px;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  height: 30px;
  padding: 0 14px 0 25px;
  border-radius: 0 7px 7px 0;
  background: var(--renk-kahve, #42210B);
  color: var(--renk-zemin, #F3E9D8);
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: 0.02em;
  white-space: nowrap;
  clip-path: polygon(12px 0, 100% 0, 100% 100%, 12px 100%, 0 50%);
  filter: drop-shadow(0 6px 10px rgba(31, 18, 10, 0.25));
}

.cc_NMGXlHaf1N_xsn8zKlxK4 .paket-kart__etiket::before {
  content: "";
  position: absolute;
  left: 11px;
  top: 50%;
  width: 6px;
  height: 6px;
  margin-top: -3px;
  border-radius: 50%;
  background: var(--color-surface);
}

.cc_NMGXlHaf1N_xsn8zKlxK4 .paket-kart__etiket em {
  margin-left: 4px;
  font-style: normal;
  color: #D2A55A;
}

.cc_NMGXlHaf1N_xsn8zKlxK4 .paket-kart__tukendi-etiket {
  position: absolute;
  right: 14px;
  top: 14px;
  z-index: 2;
  padding: 6px 12px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--renk-pekmez, #1F120A) 82%, transparent);
  color: var(--renk-zemin, #F3E9D8);
  font-size: 12px;
  font-weight: 700;
}

.cc_NMGXlHaf1N_xsn8zKlxK4 .paket-kart--tukendi .paket-kart__resim { filter: grayscale(0.55); opacity: 0.75; }

.cc_NMGXlHaf1N_xsn8zKlxK4 .paket-kart__govde {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 14px;
  padding: 18px 18px 18px;
}

.cc_NMGXlHaf1N_xsn8zKlxK4 .paket-kart__ad {
  margin: 0;
  font-family: var(--font-display);
  font-size: 19px;
  font-weight: 500;
  line-height: 1.24;
}

.cc_NMGXlHaf1N_xsn8zKlxK4 .paket-kart__ad a {
  display: -webkit-box;
  overflow: hidden;
  color: inherit;
  text-decoration: none;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

/* Kartın tamamı ürüne gider; düğme bunun üstünde */
.cc_NMGXlHaf1N_xsn8zKlxK4 .paket-kart__ad a::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
}

.cc_NMGXlHaf1N_xsn8zKlxK4 .paket-kart__ad a:focus-visible { outline: none; }

.cc_NMGXlHaf1N_xsn8zKlxK4 .paket-kart:has(.paket-kart__ad a:focus-visible) {
  outline: 2px solid var(--color-accent);
  outline-offset: 3px;
}

/* İçerik listesi */
.cc_NMGXlHaf1N_xsn8zKlxK4 .paket-kart__icerik { margin-bottom: 2px; }

.cc_NMGXlHaf1N_xsn8zKlxK4 .paket-kart__icerik-baslik {
  display: block;
  margin-bottom: 9px;
  color: var(--color-text-muted);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.cc_NMGXlHaf1N_xsn8zKlxK4 .paket-kart__liste {
  display: grid;
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.cc_NMGXlHaf1N_xsn8zKlxK4 .paket-kart__kalem {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  color: var(--color-text-secondary);
  font-size: 14px;
  line-height: 1.3;
}

.cc_NMGXlHaf1N_xsn8zKlxK4 .paket-kart__kucuk {
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  border: 1px solid color-mix(in srgb, var(--color-border) 70%, transparent);
  border-radius: 10px;
  background: color-mix(in srgb, var(--renk-tahin, #E2CCA8) 40%, #FFFCF7);
  object-fit: cover;
}

.cc_NMGXlHaf1N_xsn8zKlxK4 .paket-kart__kucuk--bekle { animation: cc_NMGXlHaf1N_xsn8zKlxK4_paket-bekle 1.2s ease-in-out infinite alternate; }

@keyframes cc_NMGXlHaf1N_xsn8zKlxK4_paket-bekle {
  from { opacity: 0.45; }
  to { opacity: 1; }
}

/* Madde imi: dolu sekiz köşeli yıldız (logodaki mühür) */
.cc_NMGXlHaf1N_xsn8zKlxK4 .paket-kart__yildiz {
  position: relative;
  flex: 0 0 18px;
  height: 18px;
}

.cc_NMGXlHaf1N_xsn8zKlxK4 .paket-kart__yildiz::before, .cc_NMGXlHaf1N_xsn8zKlxK4 .paket-kart__yildiz::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 8px;
  height: 8px;
  margin: -4px 0 0 -4px;
  background: var(--renk-susam, #B8893E);
}

.cc_NMGXlHaf1N_xsn8zKlxK4 .paket-kart__yildiz::after { transform: rotate(45deg); }

.cc_NMGXlHaf1N_xsn8zKlxK4 .paket-kart__isaret {
  flex: 0 0 18px;
  width: 18px;
  height: 18px;
  color: var(--pk-susam-koyu);
}

.cc_NMGXlHaf1N_xsn8zKlxK4 .paket-kart__kalem-ad {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cc_NMGXlHaf1N_xsn8zKlxK4 .paket-kart__hediye {
  flex: none;
  padding: 3px 8px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--renk-susam, #B8893E) 18%, #FFFCF7);
  color: var(--pk-susam-koyu);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.cc_NMGXlHaf1N_xsn8zKlxK4 .paket-kart__adet {
  flex: none;
  color: var(--color-text-primary);
  font-size: 13px;
  font-weight: 700;
}

.cc_NMGXlHaf1N_xsn8zKlxK4 .paket-kart__fazla {
  display: inline-block;
  margin: 6px 0 0 28px;
  color: var(--color-text-muted);
  font-size: 12.5px;
}

/* Fiyat, kargo, düğme: kartın dibine yaslı; yukarıdan kesik çizgiyle ayrılır */
.cc_NMGXlHaf1N_xsn8zKlxK4 .paket-kart__alt {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: auto;
  padding-top: 14px;
  border-top: 1px dashed var(--color-border);
}

.cc_NMGXlHaf1N_xsn8zKlxK4 .paket-kart__fiyatlar {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.cc_NMGXlHaf1N_xsn8zKlxK4 .paket-kart__ayri {
  color: var(--color-text-muted);
  font-size: 13px;
  line-height: 1.3;
}

.cc_NMGXlHaf1N_xsn8zKlxK4 .paket-kart__ayri s { white-space: nowrap; }

.cc_NMGXlHaf1N_xsn8zKlxK4 .paket-kart__fiyat-satir {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 10px;
}

.cc_NMGXlHaf1N_xsn8zKlxK4 .paket-kart__fiyat {
  color: var(--color-text-primary);
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.01em;
  white-space: nowrap;
}

.cc_NMGXlHaf1N_xsn8zKlxK4 .paket-kart__kazanc {
  align-self: center;
  padding: 4px 9px;
  border-radius: 999px;
  background: var(--color-accent-light);
  color: var(--color-accent-dark);
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

.cc_NMGXlHaf1N_xsn8zKlxK4 .paket-kart__kargo {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: var(--color-text-secondary);
  font-size: 13px;
  line-height: 1.35;
}

.cc_NMGXlHaf1N_xsn8zKlxK4 .paket-kart__kargo svg {
  flex: none;
  width: 18px;
  height: 18px;
  color: var(--pk-susam-koyu);
}

.cc_NMGXlHaf1N_xsn8zKlxK4 .paket-kart__kargo--tamam {
  color: var(--color-accent-dark);
  font-weight: 700;
}

.cc_NMGXlHaf1N_xsn8zKlxK4 .paket-kart__kargo--tamam svg { color: var(--color-accent); }

.cc_NMGXlHaf1N_xsn8zKlxK4 .paket-kart__ekle {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  height: 46px;
  margin-top: 2px;
  padding: 0 16px;
  border: none;
  border-radius: 999px;
  background: var(--color-accent);
  color: #FFFCF7;
  font-family: var(--font-body);
  font-size: 14.5px;
  font-weight: 700;
  white-space: nowrap;
  cursor: pointer;
  transition: background 250ms ease;
}

.cc_NMGXlHaf1N_xsn8zKlxK4 .paket-kart__ekle svg {
  flex: none;
  width: 18px;
  height: 18px;
  transition: transform 350ms cubic-bezier(0.22, 1, 0.36, 1);
}

.cc_NMGXlHaf1N_xsn8zKlxK4 .paket-kart__ekle:hover { background: var(--color-accent-dark); }
.cc_NMGXlHaf1N_xsn8zKlxK4 .paket-kart__ekle:hover svg { transform: scale(1.15); }
.cc_NMGXlHaf1N_xsn8zKlxK4 .paket-kart__ekle:disabled { opacity: 0.7; cursor: progress; }

.cc_NMGXlHaf1N_xsn8zKlxK4 .paket-kart__ekle:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}

.cc_NMGXlHaf1N_xsn8zKlxK4 .paket-kart__ekle--kapali {
  background: color-mix(in srgb, var(--color-border) 60%, #FFFCF7);
  color: var(--color-text-muted);
  cursor: default;
}

.cc_NMGXlHaf1N_xsn8zKlxK4 .paket-kart__ekle--kapali:hover { background: color-mix(in srgb, var(--color-border) 60%, #FFFCF7); }

@media (hover: hover) {
  .cc_NMGXlHaf1N_xsn8zKlxK4 .paket-kart:hover {
    transform: translateY(-4px);
    box-shadow: 0 24px 44px -26px rgba(66, 33, 11, 0.5);
  }

  .cc_NMGXlHaf1N_xsn8zKlxK4 .paket-kart:hover .paket-kart__resim { transform: scale(1.045); }
}

/* ─── Kendi paketini kur kartı ──────────────────────────────── */

.cc_NMGXlHaf1N_xsn8zKlxK4 .paket-kendi {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  padding: 32px 24px;
  border: 1.5px dashed color-mix(in srgb, var(--renk-kahve, #42210B) 38%, transparent);
  border-radius: 20px;
  background: color-mix(in srgb, var(--renk-zemin, #F3E9D8) 55%, transparent);
  color: var(--color-text-primary);
  text-align: center;
  text-decoration: none;
  transition: background 300ms ease, border-color 300ms ease;
}

.cc_NMGXlHaf1N_xsn8zKlxK4 .paket-kendi__kutu {
  display: grid;
  place-items: center;
  flex: none;
  width: 80px;
  height: 80px;
  margin-bottom: 4px;
  border-radius: 50%;
  background: var(--color-surface);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--color-border) 80%, transparent);
  color: var(--renk-kahve, #42210B);
}

.cc_NMGXlHaf1N_xsn8zKlxK4 .paket-kendi__kutu svg {
  width: 46px;
  height: 46px;
  transition: transform 450ms cubic-bezier(0.22, 1, 0.36, 1);
}

.cc_NMGXlHaf1N_xsn8zKlxK4 .paket-kendi__baslik {
  font-family: var(--font-display);
  font-size: 22px;
  font-weight: 500;
  line-height: 1.2;
}

.cc_NMGXlHaf1N_xsn8zKlxK4 .paket-kendi__aciklama {
  max-width: 30ch;
  color: var(--color-text-secondary);
  font-size: 14px;
  line-height: 1.5;
}

.cc_NMGXlHaf1N_xsn8zKlxK4 .paket-kendi__dugme {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 6px;
  padding: 11px 18px;
  border: 1px solid var(--renk-kahve, #42210B);
  border-radius: 999px;
  font-size: 14px;
  font-weight: 700;
  white-space: nowrap;
  transition: background 250ms ease, color 250ms ease;
}

.cc_NMGXlHaf1N_xsn8zKlxK4 .paket-kendi__dugme svg { width: 17px; height: 17px; transition: transform 250ms ease; }

.cc_NMGXlHaf1N_xsn8zKlxK4 a.paket-kendi:hover {
  border-color: var(--renk-susam, #B8893E);
  background: color-mix(in srgb, var(--renk-zemin, #F3E9D8) 85%, transparent);
}

.cc_NMGXlHaf1N_xsn8zKlxK4 a.paket-kendi:hover .paket-kendi__kutu svg { transform: translateY(-3px) rotate(-6deg); }

.cc_NMGXlHaf1N_xsn8zKlxK4 a.paket-kendi:hover .paket-kendi__dugme {
  background: var(--renk-kahve, #42210B);
  color: var(--renk-zemin, #F3E9D8);
}

.cc_NMGXlHaf1N_xsn8zKlxK4 a.paket-kendi:hover .paket-kendi__dugme svg { transform: translateX(3px); }

.cc_NMGXlHaf1N_xsn8zKlxK4 a.paket-kendi:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 3px;
}

/* ─── Geniş ekranlar ────────────────────────────────────────── */

@media (min-width: 768px) {
  .cc_NMGXlHaf1N_xsn8zKlxK4 .paketler { padding: 64px 0 72px; }

  .cc_NMGXlHaf1N_xsn8zKlxK4 .paketler__izgara {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    margin: 0;
    padding: 0;
    overflow: visible;
  }

  .cc_NMGXlHaf1N_xsn8zKlxK4 .paketler__hucre { flex: none; }
}

/* İki sütunda tek kalan "kendi paketin" kartı satırı boydan kaplar, yatay dizilir */
@media (min-width: 768px) and (max-width: 1199px) {
  .cc_NMGXlHaf1N_xsn8zKlxK4 .paketler__hucre--kendi:nth-child(odd) { grid-column: 1 / -1; }

  .cc_NMGXlHaf1N_xsn8zKlxK4 .paketler__hucre--kendi:nth-child(odd) .paket-kendi {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    column-gap: 22px;
    padding: 24px 28px;
    text-align: left;
  }

  .cc_NMGXlHaf1N_xsn8zKlxK4 .paketler__hucre--kendi:nth-child(odd) .paket-kendi__kutu { grid-row: span 2; margin: 0; }
  .cc_NMGXlHaf1N_xsn8zKlxK4 .paketler__hucre--kendi:nth-child(odd) .paket-kendi__aciklama { grid-column: 2; max-width: none; }
  .cc_NMGXlHaf1N_xsn8zKlxK4 .paketler__hucre--kendi:nth-child(odd) .paket-kendi__dugme { grid-column: 3; grid-row: 1 / span 2; margin: 0; }
}

@media (min-width: 1024px) {
  .cc_NMGXlHaf1N_xsn8zKlxK4 .paketler__baslik { font-size: 40px; }
}

@media (min-width: 1200px) {
  .cc_NMGXlHaf1N_xsn8zKlxK4 .paketler__izgara { grid-template-columns: repeat(var(--paket-sutun, 4), minmax(0, 1fr)); }
}

@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) and (min-width: 768px) {
    .cc_NMGXlHaf1N_xsn8zKlxK4 .paketler__hucre {
      animation: cc_NMGXlHaf1N_xsn8zKlxK4_paket-belir linear both;
      animation-timeline: view();
      animation-range: entry 0% entry 40%;
    }
  }
}

@keyframes cc_NMGXlHaf1N_xsn8zKlxK4_paket-belir {
  from { opacity: 0; transform: translateY(24px); }
  to { opacity: 1; transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  .cc_NMGXlHaf1N_xsn8zKlxK4 .paket-kart, .cc_NMGXlHaf1N_xsn8zKlxK4 .paket-kart__resim, .cc_NMGXlHaf1N_xsn8zKlxK4 .paket-kendi__kutu svg { transition: none; }
  .cc_NMGXlHaf1N_xsn8zKlxK4 .paket-kart__kucuk--bekle { animation: none; }
}