/* =========================================================
   theyr.de – tipps.css (CLEAN / SINGLE SOURCE OF TRUTH)
   Path: /assets/css/tipps.css
   Purpose: Tipss page only (cards + media + tags + plus/minus)
   ========================================================= */

body.tipps-page{ overflow-x: hidden; }

/* Feed container */
#tipssList{
  width: min(760px, calc(100% - 32px));
  margin: 16px auto 0;
  display: grid;
  gap: 16px;
}

/* Card base */
.tip-card.card{
  border-radius: 18px;
  overflow: hidden;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.10);
  box-shadow: 0 14px 40px rgba(0,0,0,0.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Header + body spacing */
.tip-head{
  padding: 16px 16px 10px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.tip-body{
  padding: 0 16px 16px;
  display: grid;
  gap: 12px;
}

/* Profile block */
.tip-user{
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
}
.avatar{
  width: 44px;
  height: 44px;
  border-radius: 999px;
  background: linear-gradient(135deg, #5b8cff, #8f7bff);
  flex: 0 0 auto;
}
.tip-user-meta{ display: grid; gap: 4px; min-width: 0; }
.tip-user-line{ display:flex; align-items:center; gap:8px; min-width:0; }
.tip-user-name{
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tip-user-sub{
  font-size: 13px;
  opacity: 0.85;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tip-meta-right{ flex: 0 0 auto; }

/* Minimal fallback chip/badge (style.css varsa yine o baskın olur) */
.chip.small{
  font-size: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.14);
  background: rgba(255,255,255,0.08);
}
.badge.subtle{
  font-size: 12px;
  padding: 4px 8px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.06);
  opacity: 0.9;
}
.badge.admin-badge {
  font-size: 11px;
  padding: 3px 8px;
  border-radius: 6px;
  background: rgba(99, 102, 241, 0.2);
  border: 1px solid rgba(99, 102, 241, 0.4);
  color: #6366f1;
  margin-left: 6px;
}
.btn-ico { margin-right: 4px; font-size: 1em; vertical-align: -0.1em; }

/* Title + text */
.tip-title{
  font-size: 17px;
  line-height: 1.35;
  font-weight: 800;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(0,0,0,0.18);
  border: 1px solid rgba(255,255,255,0.08);
}
.muted{ opacity: 0.9; }
.tip-body p.muted{
  margin: 0;
  font-size: 14px;
  line-height: 1.55;
  opacity: 0.92;
  overflow-wrap: anywhere;
}

.tip-card--list .tip-intro{
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.45;
  margin: 0 0 12px;
  opacity: 0.9;
}
.tip-card--list .tip-actions{ margin-top: 8px; }
   - kırpma yok
   - ortalı
   - önceki scale/translate öldürülür
   ========================= */
.tip-media{ margin-top: 4px; }

/* Galeri: 2+ resim – yatay kaydırma + sağ üst sayaç (1/3, 1/4) */
.tip-media-gallery{
  position: relative;
  width: 100%;
  margin-top: 4px;
  border-radius: 14px;
  overflow: hidden;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
}
.tip-media-gallery-track{
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}
.tip-media-gallery-track::-webkit-scrollbar{ height: 6px; }
.tip-media-gallery-track::-webkit-scrollbar-thumb{ background: rgba(255,255,255,0.2); border-radius: 3px; }
.tip-media-gallery-slide{
  flex: 0 0 100%;
  scroll-snap-align: start;
  scroll-snap-stop: always;
}
.tip-media-gallery-slide .tip-photo{
  width: 100%;
  height: 220px;
  margin: 0;
  border-radius: 0;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
}
.tip-media-gallery-slide .tip-photo img{
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.tip-media-counter{
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(0,0,0,0.6);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  pointer-events: none;
}

.tip-media .tip-photo{
  width: 100%;
  height: 220px;
  border-radius: 14px;
  overflow: hidden;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);

  display: flex;
  align-items: center;
  justify-content: center;
}

.tip-media .tip-photo img{
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;

  object-fit: contain;
  object-position: center;

  display: block;
  transform: none !important;   /* eski scale/translate varsa öldür */
}

/* Tags */
.tip-tags{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 2px;
}
.tip-tag{
  font-size: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.12);
  opacity: 0.95;
}

/* Plus / Minus blocks (neutral bg + colored strip) */
.tip-bullets{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.tip-block{
  position: relative;
  overflow: hidden;
  border-radius: 14px;
  padding: 14px 16px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
}

.tip-block::before{
  content:"";
  position:absolute;
  left:0; top:0;
  width:4px; height:100%;
  border-radius:4px 0 0 4px;
}

.tip-block strong{
  display:block;
  margin-bottom:8px;
  font-size:14px;
  letter-spacing:.2px;
}

.tip-block ul{ margin:0; padding-left:18px; }
.tip-block li{ font-size:13.5px; line-height:1.45; margin-bottom:4px; }

.tip-block.plus::before{ background: linear-gradient(180deg, #22c55e, #16a34a); }
.tip-block.plus strong, .tip-block.plus li::marker{ color:#4ade80; }

.tip-block.minus::before{ background: linear-gradient(180deg, #ef4444, #dc2626); }
.tip-block.minus strong, .tip-block.minus li::marker{ color:#f87171; }

/* Detail: Guest – Plus/Minus Blur + Overlay CTA */
.tip-bullets--gated{
  position: relative;
  min-height: 120px;
  border-radius: 14px;
  overflow: hidden;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
}
.tip-bullets--gated .tip-bullets-blur{
  filter: blur(8px);
  user-select: none;
  pointer-events: none;
  padding: 14px 16px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  opacity: 0.7;
}
.tip-bullets--gated .tip-bullets-overlay{
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 20px;
  background: rgba(0,0,0,0.5);
  text-align: center;
}
.tip-bullets-overlay-title{
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
}
.tip-bullets-overlay-text{ margin: 0; font-size: 13px; }
.tip-bullets-overlay-btns{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  margin-top: 4px;
}

/* Actions + Sinyaller (Görüntülenme, Kaydet, Faydalı) */
.tip-actions{
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 4px;
  flex-wrap: wrap;
}

.tip-card .tip-signals{
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.08);
  font-size: 0.8rem;
  color: rgba(255,255,255,0.78);
}

.tip-card .signal-btn{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0;
  margin: 0;
  border: none;
  background: none;
  color: inherit;
  font: inherit;
  cursor: pointer;
  border-radius: 8px;
  transition: color 0.2s, background 0.2s;
}

.tip-card .signal-btn:hover{
  color: rgba(255,255,255,0.95);
  background: rgba(255,255,255,0.08);
}

.tip-card .signal-btn.signal-save.active,
.tip-card .signal-item.active{ color: #7aa2ff; }

.tip-card .signal-btn.signal-helpful.active{ color: #4ade80; }

.signal-num{ font-weight: 700; letter-spacing: 0.02em; }

.tip-signals--locked .signal-locked{
  font-size: 13px;
  opacity: 0.9;
}

/* Readonly signals (guest): same as home modal – Aufrufe, Speicherungen, hilfreich */
.tip-signals--readonly{
  display: inline-flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.tip-signals--readonly .tip-sig{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.8rem;
  color: rgba(255,255,255,0.78);
}
.tip-signals--readonly .tip-sig-ico{
  width: 14px;
  height: 14px;
  flex-shrink: 0;
  opacity: 0.95;
  border-radius: 3px;
}
.tip-signals--readonly .tip-sig-ico.tip-sig-views{ background-color: #66a8ff; }
.tip-signals--readonly .tip-sig-ico.tip-sig-saves{ background-color: #e5b84d; }
.tip-signals--readonly .tip-sig-ico.tip-sig-likes{ background-color: #5dd88a; }
.tip-signals--readonly .tip-sig-num{ font-weight: 700; margin-right: 2px; }

/* Misafir: Aufrufe tam görünür, Speicherungen & hilfreich yarım gri (index/tipps/detail ile aynı mantık) */
.tip-signals--guest .tip-sig:nth-child(1){ color: rgba(255,255,255,.85); }
.tip-signals--guest .tip-sig:nth-child(1) .tip-sig-ico{ opacity: 1; }
.tip-signals--guest .tip-sig:nth-child(2),
.tip-signals--guest .tip-sig:nth-child(3){
  color: rgba(255,255,255,.45);
  opacity: .9;
}
.tip-signals--guest .tip-sig:nth-child(2) .tip-sig-ico,
.tip-signals--guest .tip-sig:nth-child(3) .tip-sig-ico{
  opacity: .55;
}

/* Blur-Karte (Guest: ab 7. Platz – „Mehr passende Erfahrungen“) */
.tip-card--blur .tip-card-blur-inner{
  min-height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(0,0,0,0.25);
  border-radius: 18px;
  border: 1px dashed rgba(255,255,255,0.2);
}
.tip-card-blur-cta{
  text-align: center;
}
.tip-card-blur-title{
  font-size: 1.1rem;
  font-weight: 700;
  margin: 0 0 6px;
}
.tip-card-blur-text{ margin: 0 0 14px; font-size: 14px; }
.tip-card--blur .tipss-cta-register{ box-shadow: 0 0 20px rgba(91,140,255,0.4); }

.tip-media--thumb .tip-photo img{ max-height: 180px; object-fit: cover; width: 100%; border-radius: 12px; }

/* =========================
   Guest CTA (Mehr Tipps sehen?)
   ========================= */
.tipss-guest-cta{
  width: min(760px, calc(100% - 32px));
  margin: 24px auto 0;
  padding: 24px 20px;
  text-align: center;
}
.tipss-guest-cta-title{
  font-size: 1.35rem;
  font-weight: 700;
  margin: 0 0 8px;
}
.tipss-guest-cta-text{
  margin: 0 0 20px;
  max-width: 420px;
  margin-left: auto;
  margin-right: auto;
}
.tipss-guest-cta-buttons{
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
  align-items: center;
}
.tipss-cta-register{
  box-shadow: 0 0 20px rgba(91, 140, 255, 0.4);
}

/* =========================
   Tipss Page Hero (üst alan): Gast = CTA wie unten, eingeloggt = Nutzerinfo
   ========================= */
.tipss-page-hero.card{
  padding: 24px 20px;
  text-align: center;
}
.tipss-hero-guest .tipss-hero-cta-title{
  font-size: 1.35rem;
  font-weight: 700;
  margin: 0 0 8px;
}
.tipss-hero-guest .tipss-hero-cta-text{
  margin: 0 0 20px;
  max-width: 420px;
  margin-left: auto;
  margin-right: auto;
}
.tipss-hero-cta-buttons{
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
  align-items: center;
}
.tipss-hero-user-inner{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  flex-wrap: wrap;
}
.tipss-hero-avatar{
  width: 48px;
  height: 48px;
  border-radius: 999px;
  background: rgba(255,255,255,.1);
  border: 2px solid rgba(255,255,255,.15);
  background-size: cover;
  background-position: center;
  flex-shrink: 0;
}
.tipss-hero-user-meta{
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
}
.tipss-hero-user-name{
  font-weight: 700;
  font-size: 1.05rem;
}

/* =========================
   Tipss Suche – Ratgeber/Google-Stil (großes Suchfeld)
   ========================= */
.tipss-search-wrap{
  position: relative;
  flex: 1;
  min-width: 200px;
  max-width: 560px;
}
.tipss-search-input{
  width: 100%;
  padding: 12px 18px;
  font-size: 1rem;
  line-height: 1.25;
  min-height: 44px;
  box-sizing: border-box;
  border-radius: 16px;
  border: 2px solid rgba(106,167,255,.35);
  background: rgba(255,255,255,.12);
  color: #fff;
  outline: none;
  -webkit-appearance: none;
  appearance: none;
  transition: border-color .2s, box-shadow .2s, background .2s;
}
.tipss-search-input::-webkit-search-decoration,
.tipss-search-input::-webkit-search-cancel-button,
.tipss-search-input::-webkit-search-results-button,
.tipss-search-input::-webkit-search-results-decoration{
  display: none;
  -webkit-appearance: none;
}
.tipss-search-input::placeholder{
  color: rgba(255,255,255,0.92);
  opacity: 1;
}
.tipss-search-input::-webkit-input-placeholder{
  color: rgba(255,255,255,0.92);
  opacity: 1;
}
.tipss-search-input::-moz-placeholder{
  color: rgba(255,255,255,0.92);
  opacity: 1;
}
.tipss-search-input:-ms-input-placeholder{
  color: rgba(255,255,255,0.92);
  opacity: 1;
}
.tipss-search-input:focus{
  border-color: rgba(106,167,255,.7);
  background: rgba(255,255,255,.14);
  box-shadow: 0 0 0 4px rgba(106,167,255,.2);
  outline: none;
}

/* Keine Tipss gefunden (Such-Ergebnis leer) */
.tipss-no-match.card{
  padding: 24px 20px;
  margin-top: 16px;
  text-align: center;
}
.tipss-no-match-title{
  font-size: 1.1rem;
  font-weight: 700;
  margin: 0 0 8px;
}
.tipss-no-match p.muted{
  margin: 0 0 8px;
}
.tipss-no-match-hint{
  font-size: 0.9rem;
  opacity: 0.85;
  margin-top: 12px !important;
}

/* =========================
   Kommentar / Erfahrungen (theyr-Stil)
   ========================= */
.tip-comments{
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid rgba(255,255,255,0.08);
}

.tip-comments-title{
  font-size: 15px;
  font-weight: 700;
  margin: 0 0 4px;
  letter-spacing: 0.01em;
}

.tip-comments-sub{
  font-size: 13px;
  margin: 0 0 14px;
  opacity: 0.88;
}

.tip-comment-form{
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 16px;
}

.tip-comment-input{
  width: 100%;
  min-height: 72px;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.06);
  color: #fff;
  font: inherit;
  font-size: 14px;
  line-height: 1.5;
  resize: vertical;
  outline: none;
  transition: border-color 0.2s, background 0.2s;
  box-sizing: border-box;
}

.tip-comment-input::placeholder{
  color: rgba(255,255,255,0.45);
}

.tip-comment-input:focus{
  border-color: rgba(120,140,255,0.5);
  background: rgba(255,255,255,0.08);
}

.tip-comment-form .btn{ align-self: flex-start; }

.tip-comments-list{
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.tip-comments-empty{
  font-size: 13px;
  margin: 0;
  padding: 12px 0;
  font-style: italic;
}

.tip-comment-item{
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.06);
}

.tip-comment-item .avatar{
  width: 36px;
  height: 36px;
  min-width: 36px;
  font-size: 13px;
}

.tip-comment-item-body{ min-width: 0; flex: 1; }
.tip-comment-item-head{
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
  flex-wrap: wrap;
}

.tip-comment-item-name{ font-weight: 700; font-size: 13px; }
.tip-comment-item-time{ font-size: 11px; opacity: 0.65; }

.tip-comment-delete{
  margin-left: auto;
  padding: 2px 8px;
  border: none;
  background: none;
  color: rgba(255,255,255,0.5);
  font-size: 12px;
  cursor: pointer;
  border-radius: 8px;
  transition: color 0.2s, background 0.2s;
}
.tip-comment-delete:hover{
  color: #f87171;
  background: rgba(248,113,113,0.12);
}
.tip-comment-delete:focus-visible{ outline: 2px solid rgba(255,255,255,0.4); outline-offset: 2px; }
.tip-comment-item-text{
  font-size: 14px;
  line-height: 1.5;
  white-space: pre-wrap;
  word-break: break-word;
  margin: 0;
}

/* Trust section */
.tipss-trust{ margin-top: 24px; padding: 18px; }
.trust-grid{ display: grid; gap: 16px; }
.trust-block h2{ font-size: 16px; margin: 0 0 6px; }

/* Mobile tuning */
@media (max-width: 768px){
  #tipssList{ width: calc(100% - 24px); }
  .avatar{ width: 40px; height: 40px; }
  .tip-title{ font-size: 16px; }
  .tip-actions{ flex-direction: column; align-items: stretch; }
  .tip-card .tip-signals{ margin-left: 0; width: 100%; justify-content: flex-end; }
}
@media (max-width: 600px){
  .tip-bullets{ grid-template-columns: 1fr; }
  .tip-media .tip-photo{ height: 180px; }
}
/* 🔥 FIX: image margin reset */
.tip-media .tip-photo{
  margin: 0 !important;
}
@media (max-width: 520px){
  #tipssList{
    width: calc(100% - 16px); /* 24px yerine 16px */
  }
}
@media (max-width: 520px){
  main.container.page{
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}
@media (max-width: 520px){
  .tip-media .tip-photo{
    height: 160px;  /* 180 yerine daha kompakt */
  }
}
@media (max-width: 520px){
  .tip-actions a.btn{
    width: 100%;
    justify-content: center;
  }
}
/* Verified badge */
.verified{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  margin-left: 6px;
  border-radius: 999px;
  background: rgba(59,130,246,0.22);
  border: 1px solid rgba(59,130,246,0.45);
  color: #93c5fd;
  font-size: 11px;
  line-height: 1;
  vertical-align: middle;
}
.avatar{
  width: 44px;
  height: 44px;
  border-radius: 999px;
  background: linear-gradient(135deg, #5b8cff, #8f7bff);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  flex: 0 0 auto;
}
/* =========================
   TIPSS DETAIL LAYOUT
   ========================= */

.tipps-detail-top{
  margin-top: 12px;
  margin-bottom: 12px;
}

.tipps-detail-layout{
  display: grid;
  grid-template-columns: 1fr 340px;
  gap: 16px;
  align-items: start;
}

.tipps-detail-side{
  padding: 16px;
}

.tipps-side-row{
  display: grid;
  gap: 4px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}

.tipps-side-actions{
  display: grid;
  gap: 10px;
  margin-top: 12px;
}

.tipps-side-note{
  margin-top: 12px;
  font-size: 13px;
  opacity: .85;
}

@media (max-width: 900px){
  .tipps-detail-layout{ grid-template-columns: 1fr; }
}
/* Tipss kartında butonlar HER ZAMAN tıklanabilir olsun */
.tip-card { position: relative; }
.tip-actions { position: relative; z-index: 5; }

/* Eğer kartta üstte kaplayan bir layer varsa tıklamayı yemesin */
.tip-cover,
.tip-media,
.tip-photo {
  position: relative;
  z-index: 1;
}

/* tipps.html – Filter Bar */
#tipssFilters.filter-bar{
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  background: rgba(20, 24, 33, 0.55);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border-radius: 14px;
  padding: 12px 14px;
  border: 1px solid rgba(255,255,255,0.06);
}
#tipssFilters .tipss-filter-form{
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  flex: 1;
  min-width: 0;
}
#tipssFilters.filter-bar select{
  min-height: 44px;
  padding: 10px 14px;
  border-radius: 12px;
  box-sizing: border-box;
}
#tipssFilters.filter-bar .btn{
  min-height: 44px;
  height: 44px;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 1.25;
}
#tipssFilters .tipss-search-input{
  min-height: 44px;
  height: 44px;
}
.page-hero .hero-actions{
  margin-top: 16px;
  display: flex;
  justify-content: center;
}

.page-hero .btn.primary{
  background: linear-gradient(135deg, #5b7cff, #7aa2ff);
  color: #fff;
  padding: 10px 18px;
  border-radius: 999px;
  font-weight: 600;
  font-size: 0.95rem;
  text-decoration: none;
  box-shadow: 0 6px 18px rgba(91,124,255,0.35);
}

.page-hero .btn.primary:hover{
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(91,124,255,0.45);
}
/* Hero içinde sağ üst buton */
.page-hero.card{
  position: relative;
}

.page-hero .hero-actions{
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 3;
}

/* mobilde taşmasın diye */
@media (max-width: 520px){
  .page-hero .hero-actions{
    top: 10px;
    right: 10px;
  }
}
/* Login Layout */
.login-wrap{
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px;
}

.login-card{
  max-width: 420px;
  width: 100%;
  padding: 28px;
}

.login-header{
  text-align: center;
  margin-bottom: 20px;
}

.login-form{
  display: grid;
  gap: 14px;
}

.login-form label{
  display: grid;
  gap: 6px;
  font-size: 0.85rem;
}

.login-form input{
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.1);
  background: rgba(20,24,33,0.55);
  color: #fff;
}

.login-form input::placeholder{
  color: rgba(255,255,255,0.4);
}

.forgot-row{
  margin: -4px 0 0;
  font-size: 0.85rem;
}
.forgot-row .link{
  color: #7aa2ff;
  text-decoration: none;
}
.forgot-row .link:hover{
  text-decoration: underline;
}

.btn.full{
  width: 100%;
  margin-top: 6px;
}

.login-footer{
  margin-top: 18px;
  text-align: center;
}

.login-footer .link{
  color: #7aa2ff;
  text-decoration: none;
}

.login-footer .link:hover{
  text-decoration: underline;
}

.tiny{
  font-size: 0.72rem;
}
.check-row{
  display: grid;
  grid-template-columns: 18px 1fr;
  gap: 10px;
  align-items: start;
  font-size: 0.82rem;
  line-height: 1.25rem;
}

.check-row input{
  margin-top: 3px;
}
.page-hero .hero-actions{
  position: absolute;
  top: 12px;
  right: 12px;
  display: flex;
  gap: 8px;
  z-index: 3;
}

/* ghost buton (login) */
.btn.ghost{
  background: rgba(255,255,255,0.08);
  color: #fff;
  border: 1px solid rgba(255,255,255,0.12);
}

.btn.ghost:hover{
  background: rgba(255,255,255,0.14);
}
/* HERO sağ üst Anmelden/Registrieren FIX */
.page-hero.card{ position: relative; }

.page-hero .hero-actions{
  position: absolute;
  top: 12px;
  right: 12px;
  display: flex;
  gap: 10px;
  z-index: 5;
}

/* Global .btn stillerini hero içinde sabitle */
.page-hero .hero-actions .btn{
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: auto !important;
  min-width: 0 !important;

  padding: 8px 12px !important;
  border-radius: 999px !important;

  line-height: 1 !important;
  font-size: 0.88rem !important;
  font-weight: 600;

  white-space: nowrap;
  text-decoration: none;
  box-shadow: none !important;
}

/* Ghost (Anmelden) */
.page-hero .hero-actions .btn.ghost{
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  color: #fff !important;
}

/* Primary (Registrieren) */
.page-hero .hero-actions .btn.primary{
  border: 1px solid rgba(255,255,255,0.10) !important;
}

/* Mobil */
@media (max-width: 520px){
  .page-hero .hero-actions{ top: 10px; right: 10px; gap: 8px; }
  .page-hero .hero-actions .btn{ padding: 7px 10px !important; font-size: 0.84rem !important; }
}
/* Hero auth buttons – eşitlik fix */
.page-hero .hero-actions{
  position: absolute;
  top: 14px;
  right: 14px;

  display: flex;
  align-items: center;
  gap: 12px;               /* eşit boşluk */
}

/* iki butonu da aynı tabana çek */
.page-hero .hero-actions .btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 8px 14px;
  min-width: 96px;         /* 🔴 kritik: optik eşitlik */
  height: 34px;

  border-radius: 999px;
  font-size: 0.85rem;
  line-height: 1;
}

/* ghost buton biraz daha net olsun */
.page-hero .hero-actions .btn.ghost{
  background: rgba(255,255,255,0.10);
  border: 1px solid rgba(255,255,255,0.16);
}
/* HERO buttons vertical alignment FIX */
.page-hero .hero-actions{
  position: absolute;
  top: 14px;
  right: 14px;

  display: flex;
  align-items: center;   /* 🔴 KRİTİK */
  gap: 12px;
}

.page-hero .hero-actions .btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  height: 34px;          /* 🔴 aynı yükseklik */
  min-width: 96px;

  padding: 0 14px;       /* 🔴 dikey padding sıfırlandı */
  line-height: 1;        /* 🔴 baseline farkı bitti */

  border-radius: 999px;
  font-size: 0.85rem;
  font-weight: 600;
}

/* ===== HERO ACTIONS FINAL (lock) ===== */
.page-hero.card{ position: relative; }

.page-hero .hero-actions{
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;

  margin: 0 !important;       /* 🔥 sende 16px var, bunu öldürüyoruz */
  padding: 0 !important;
  z-index: 50 !important;
}

.page-hero .hero-actions > a{
  margin: 0 !important;       /* anchor’a margin basan varsa */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  height: 34px !important;
  padding: 0 14px !important;
  line-height: 1 !important;

  border-radius: 999px !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
}
/* Auth pages navigation */
.auth-nav{
  width: 100%;
  max-width: 420px;
  margin: 0 auto 14px;
  display: flex;
  justify-content: center;
  gap: 8px;
  font-size: 0.78rem;
}

.auth-nav .auth-link{
  color: rgba(13, 13, 13, 0.65);
  text-decoration: none;
}

.auth-nav .auth-link:hover{
  color: #fff;
  text-decoration: underline;
}

.auth-nav .sep{
  color: rgba(255,255,255,0.35);
}
/* Auth page center layout */
.auth-container{
  width: 100%;
  max-width: 420px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

/* auth navigation */
.auth-nav{
  margin-bottom: 14px;
  display: flex;
  justify-content: center;
  gap: 8px;
  font-size: 0.85rem;
}

.auth-nav .auth-link{
  color: rgba(80, 79, 79, 0.65);
  text-decoration: none;
}

.auth-nav .auth-link:hover{
  color: #020202;
  text-decoration: underline;
}

.auth-nav .sep{
  color: rgba(255,255,255,0.35);
}

/* ===== Profil Page ===== */
.profile-hero .profile-head{
  display: grid;
  grid-template-columns: 56px 1fr auto;
  gap: 14px;
  align-items: center;
}

.profile-avatar{
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: rgba(255,255,255,0.12);
  border: 1px solid rgba(255,255,255,0.14);
}

.profile-name{
  margin: 6px 0 4px;
}

.profile-sub{
  margin: 0;
}

.profile-actions{
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
}

.profile-section{
  margin-top: 14px;
}

.profile-section-head h2{
  margin: 0 0 6px;
}

.profile-tipps-list{
  margin-top: 12px;
  display: grid;
  gap: 12px;
}

.tipp-card h3{
  margin: 10px 0 6px;
}

.tipp-card-actions{
  margin-top: 10px;
  display: flex;
  gap: 10px;
}

.profile-konto{
  margin-top: 10px;
  display: grid;
  gap: 10px;
}

.profile-konto .row{
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.08);
}

.profile-konto-actions{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 6px;
}

.empty-hint{
  padding: 12px 0 4px;
}

/* Mobil */
@media (max-width: 640px){
  .profile-hero .profile-head{
    grid-template-columns: 56px 1fr;
  }
  .profile-actions{
    grid-column: 1 / -1;
    justify-content: flex-start;
  }
}
/*gami*/
/* Legal Sayfaları İçin Özel Stiller */
.legal.card {
  max-width: 800px;
  margin: 2rem auto;
  padding: 3rem;
  line-height: 1.6;
}

.legal h2 {
  color: #fff;
  margin-top: 2.5rem;
  margin-bottom: 1rem;
  font-size: 1.5rem;
  border-left: 4px solid var(--primary-color, #6e45e2); /* Senin o mor/mavi rengin */
  padding-left: 15px;
}

.legal h3 {
  color: #eee;
  margin-top: 1.5rem;
  font-size: 1.1rem;
}

.legal-divider {
  border: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  margin: 2rem 0;
}

.muted {
  color: #a0a0a0;
  font-size: 0.95rem;
}

.legal ul.muted {
  padding-left: 1.2rem;
}

.legal ul.muted li {
  margin-bottom: 0.5rem;
}

.legal-actions {
  display: flex;
  gap: 1rem;
  margin-top: 3rem;
  padding-top: 2rem;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

/* Mobil Uyum */
@media (max-width: 768px) {
  .legal.card {
    padding: 1.5rem;
    margin: 1rem;
  }
  
  .legal-actions {
    flex-direction: column;
  }
}

/* ===== Profil-only enhancements ===== */
.profile-page .profile-stats{
  margin-top: 12px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 10px;
}

.profile-page .stat{
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.08);
  display: grid;
  gap: 4px;
}

.profile-page .stat .num{
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1;
}

.profile-page .stat .lbl{
  font-size: 0.78rem;
  color: rgba(255,255,255,0.65);
}

.profile-page .profile-gate{
  margin-top: 12px;
  padding: 14px;
  border: 1px solid rgba(255,255,255,0.10);
  background: rgba(255,255,255,0.04);
}

.profile-page .profile-gate .gate-actions{
  display: flex;
  gap: 10px;
  margin-top: 10px;
}

/* Kart altı sinyaller */
.profile-page .tip-signals{
  display: inline-flex;
  gap: 10px;
  align-items: center;
  margin-left: auto;
  color: rgba(255,255,255,0.7);
  font-size: 0.78rem;
  white-space: nowrap;
}

/* Save button state */
.profile-page .btn.saved{
  background: rgba(255,255,255,0.14);
  border: 1px solid rgba(255,255,255,0.18);
}
@media (max-width: 640px){
  .profile-page .profile-stats{ grid-template-columns: 1fr; }
  .profile-page .tip-signals{ margin-left: 0; }
}
/* Profil: actions satırında sinyalleri sağa yasla + şıklaştır */
.profile-page .tip-actions{
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.profile-page .tip-actions .tip-signals{
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 12px;
  padding: 6px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.08);
  font-size: 0.8rem;
}

@media (max-width: 640px){
  .profile-page .tip-actions .tip-signals{
    margin-left: 0;
    width: 100%;
    justify-content: flex-end;
  }
}
/* hero alanı referans olsun */
.page-hero{
  position: relative;
}

/* sağ üst butonlar */
.page-hero .hero-actions{
  position: absolute;
  top: 16px;
  right: 16px;

  display: flex;
  gap: 8px;
  align-items: center;
}

/* mobilde taşmasın */
@media (max-width: 640px){
  .page-hero .hero-actions{
    position: static;
    margin-top: 12px;
    justify-content: flex-end;
  }
}
/* Profil: Community-Signale butonlarını sağa al */
.profile-page .profile-gate .gate-actions{
  display: flex;
  justify-content: flex-end; /* 🔥 sağa */
  gap: 10px;
  width: 100%;
}

/* mobilde alt satıra düzgün aksın */
@media (max-width: 640px){
  .profile-page .profile-gate .gate-actions{
    justify-content: space-between;
  }
  .profile-page .profile-gate .gate-actions .btn{
    flex: 1;
    justify-content: center;
  }
}
.profile-page .profile-gate{
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px 14px;
  align-items: center;
}

.profile-page .profile-gate p{
  grid-column: 1 / -1;
  margin: 0;
}
/* Profil Hero – üst alanı toparla */
.profile-page .page-hero{
  position: relative;
}

.profile-page .page-hero .hero-actions{
  position: absolute;
  top: 16px;
  right: 16px;

  display: flex;
  align-items: center;
  gap: 8px;
}

/* hero içindeki küçük butonlar */
.profile-page .page-hero .hero-actions .btn{
  height: 32px;
  padding: 0 14px;
  font-size: 0.82rem;
  border-radius: 999px;
}
.profile-page .profile-stats{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 10px;
}

.tip-signals{
  display: inline-flex;
  align-items: center;
  gap: 10px;

  font-size: 0.8rem;
  color: rgba(255,255,255,0.75);
}

.tip-signals.muted{
  opacity: 0.45;
}

/* tek sinyal */
.signal-item{
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

/* ayraç */
.signal-sep{
  opacity: 0.4;
}

/* ikon tabanı */
.signal-icon{
  width: 16px;
  height: 16px;
  display: inline-block;
  opacity: 0.75;
}

/* 👁 eye */
.signal-icon.eye{
  mask: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\
<path fill='white' d='M12 5C5 5 1 12 1 12s4 7 11 7 11-7 11-7-4-7-11-7zm0 11a4 4 0 1 1 0-8 4 4 0 0 1 0 8z'/>\
</svg>") center / contain no-repeat;
  background: currentColor;
}

/* 🔖 bookmark */
.signal-icon.bookmark{
  mask: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\
<path fill='white' d='M6 2h12a2 2 0 0 1 2 2v18l-8-5-8 5V4a2 2 0 0 1 2-2z'/>\
</svg>") center / contain no-repeat;
  background: currentColor;
}

/* 👍 hilfreich / faydalı */
.signal-icon.helpful{
  mask: url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'>\
<path fill='white' d='M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 11H4a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h3z'/>\
</svg>") center / contain no-repeat;
  background: currentColor;
}

/* aktif save */
.signal-item.active{
  color: #7aa2ff;
}
.form-msg{
  margin: 14px 0 18px;
  padding: 12px 14px;
  border-radius: 14px;
  font-size: 14px;
  line-height: 1.35;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.92);
}

.form-msg.success{
  border-color: rgba(80, 200, 120, .35);
  background: rgba(80, 200, 120, .12);
}

.form-msg.error{
  border-color: rgba(255, 90, 90, .35);
  background: rgba(255, 90, 90, .10);
}

@media (max-width: 520px){
  .form-msg{ font-size: 13px; padding: 11px 12px; border-radius: 12px; }
}
/* =========================
   PROFIL (SOCIAL) LAYOUT
   ========================= */

.profile-hero{
  display:flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 18px;
}

.profile-hero-left{
  min-width: 0;
  flex: 1;
}

.profile-title{
  font-size: 34px;
  line-height: 1.12;
  margin: 10px 0 8px;
  letter-spacing: -0.02em;
}

.profile-sub{ max-width: 58ch; }

.profile-hero-right{
  display:flex;
  align-items: center;
  gap: 16px;
}

.profile-avatar{
  display:flex;
  align-items:center;
  justify-content:center;
}

.avatar-ring{
  width: 74px;
  height: 74px;
  border-radius: 999px;
  padding: 3px;
  background: linear-gradient(135deg, rgba(120,140,255,.85), rgba(190,120,255,.55));
  box-shadow: 0 18px 50px rgba(0,0,0,.35);
}

.avatar{
  width: 100%;
  height: 100%;
  border-radius: 999px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size: 26px;
  font-weight: 800;
  background: rgba(10,12,20,.75);
  border: 1px solid rgba(255,255,255,.14);
  color: rgba(255,255,255,.92);
  user-select: none;
}

.profile-stats-col{
  display:flex;
  flex-direction: column;
  gap: 10px;
  min-width: 140px;
}

.stat{
  padding: 10px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.05);
}

.stat-label{
  display:block;
  font-size: 12px;
  opacity: .7;
}

.stat-value{
  display:block;
  font-size: 20px;
  font-weight: 800;
  margin-top: 3px;
}

/* Arama satırı zaten var ama profil için daha "social" */
.profile-search-row{
  display:flex;
  gap:10px;
  align-items:center;
  margin: 6px 0 12px;
}

.search-input{
  flex:1;
  height: 44px;
  padding: 0 14px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.9);
  outline: none;
}
.search-input::placeholder{ color: rgba(255,255,255,.55); }

/* Gate bloğu (login yoksa) */
.profile-gate{
  margin: 12px 0 16px;
  padding: 14px 16px;
  border-radius: 18px;
}

/* Feed hissi: tipps grid yerine tek kolon (social feed) */
.profile-page .tipps-grid{
  display:grid;
  grid-template-columns: 1fr;
  gap: 14px;
}

/* Mobil */
@media (max-width: 860px){
  .profile-hero{ flex-direction: column; }
  .profile-hero-right{ justify-content: space-between; }
  .profile-stats-col{ flex: 1; min-width: 0; }
  .avatar-ring{ width: 68px; height: 68px; }
}

@media (max-width: 520px){
  .profile-title{ font-size: 28px; }
  .profile-search-row{ flex-direction: column; align-items: stretch; }
}

/* =========================
   AVATAR – FINAL FIX
   ========================= */

.avatar,
.tipp-avatar {
  width: 42px;
  height: 42px;
  min-width: 42px;
  min-height: 42px;

  border-radius: 50%;
  background-color: #2a2f3a;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  display: flex;
  align-items: center;
  justify-content: center;

  font-weight: 600;
  font-size: 14px;
  color: #fff;
}
/* =========================================
   TIPPS PAGE – AVATAR FIX (override)
   Anasayfa ok, tipps bozuk → CSS çakışması.
   ========================================= */

/* avatar = daima küçük & yuvarlak */
.tip-card .avatar{
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;

  border-radius: 50% !important;
  overflow: hidden !important;

  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  font-weight: 700 !important;
  font-size: 14px !important;
  color: #fff !important;

  /* img kuralları avatarı ezmesin */
  object-fit: initial !important;
}

/* tipps görseli = ayrı kurallar */
.tip-card .tip-media{ 
  width: 100%;
  margin: 14px 0;
  border-radius: 16px;
  overflow: hidden;
}

.tip-card .tip-media img{
  width: 100%;
  height: auto;
  max-height: 360px;
  object-fit: cover;
  display: block;
}

/* =========================================
   TIPPS PAGE – IMAGE SIZE FIX
   Avatar OK, now fix media overflow
   ========================================= */

/* Görsel kapsayıcı */
.tip-card .tip-media{
  width: 100%;
  margin: 14px 0;
  border-radius: 16px;
  overflow: hidden;

  /* 🔒 sosyal feed oranı */
  max-height: 320px;
}

/* Görselin kendisi */
.tip-card .tip-media img{
  width: 100% !important;
  height: 100% !important;

  object-fit: cover !important;
  object-position: center center !important;

  display: block;
}

/* Mobilde biraz daha küçük */
@media (max-width: 640px){
  .tip-card .tip-media{
    max-height: 220px;
  }
}
/* =========================================
   TIPPS – MEDIA HARD LOCK (FINAL)
   Bu blok en alta gelecek.
   ========================================= */

/* media alanını sabit oranlı yap */
.tip-card .tip-media{
  width: 100% !important;
  margin: 14px 0 !important;
}

/* asıl kilit: figure */
.tip-card .tip-media .tip-photo{
  position: relative !important;
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;   /* 🔒 sosyal feed oranı */
  max-height: 320px !important;      /* 🔒 büyümeyi engeller */
  border-radius: 16px !important;
  overflow: hidden !important;
  background: rgba(255,255,255,0.04) !important;
  margin: 0 !important;
}

/* img artık kendi boyutuyla büyüyemez */
.tip-card .tip-media .tip-photo img{
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
}

/* Mobil */
@media (max-width: 640px){
  .tip-card .tip-media .tip-photo{
    max-height: 220px !important;
    aspect-ratio: 4 / 3 !important;
  }
}

/* =========================================================
   TIPPS PRODUCT IMAGE — FINAL (NO CROP)
   Kırpma yok, büyüme yok, kutu sabit.
   ========================================================= */

body.tipps-page:not(.profile-page) .tip-card .tip-media .tip-photo{
  width: 100% !important;
  height: 220px !important;          /* 🔒 sabit kutu */
  max-height: 220px !important;
  border-radius: 14px !important;
  overflow: hidden !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
}

body.tipps-page:not(.profile-page) .tip-card .tip-media .tip-photo img{
  width: auto !important;            /* 🔒 büyüme yok */
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;

  object-fit: contain !important;    /* ✅ kırpma yok */
  object-position: center !important;

  display: block !important;
  transform: none !important;
}

/* Mobil */
@media (max-width: 600px){
  body.tipps-page:not(.profile-page) .tip-card .tip-media .tip-photo{
    height: 170px !important;
    max-height: 170px !important;
  }
}
object-fit: cover !important;
width: 100% !important;
height: 100% !important;

/* =========================================================
   TIPPS – PRODUCT IMAGE CENTER FIX
   ========================================================= */

.tip-card .tip-media .tip-photo{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  height: 240px !important;      /* kutu yüksekliği */
  overflow: hidden !important;
}

/* Resim tam ortada ve orantılı */
.tip-card .tip-media .tip-photo img{
  display: block !important;

  max-width: 100% !important;
  max-height: 100% !important;

  width: auto !important;
  height: auto !important;

  object-fit: contain !important;
  object-position: center center !important;

  margin: 0 auto !important;     /* 🔥 kritik */
}