/* Shared visual corrections. Casino content and functionality are unchanged. */
body .casino-card, body .casino-card > *, body .casino-box > *,
body .detail-hero > *, body .container { min-width: 0; }
body .casino-card { grid-template-columns: 190px minmax(0, 1fr) 240px; }
body .c-logo, body .detail-hero .detail-logo {
  background: rgba(255,255,255,.025) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  display: flex !important; align-items: center !important;
  justify-content: center !important; padding: 10px !important;
}
body .c-logo { width: 126px !important; min-width: 0 !important; height: 100px !important; }
body .c-logo img, body .detail-hero .detail-logo img,
body .detail-hero .detail-logo picture img {
  width: 100% !important; height: 100% !important;
  max-width: 100% !important; max-height: 100% !important;
  object-fit: contain !important; object-position: center !important;
  mix-blend-mode: normal !important; filter: none !important;
}
body .detail-hero .detail-logo { width: 190px !important; height: 140px !important; }
body .casino-box-logo {
  width: 100% !important; max-width: 180px !important; height: 110px !important;
  object-fit: contain !important; padding: 10px !important; mix-blend-mode: normal !important;
}
body .casino-card .c-name, body .casino-card .c-bonus,
body .detail-hero h1, body .casino-box { overflow-wrap: anywhere; }
body .casino-card .c-actions .btn { white-space: normal; min-width: 0; }
body .casino-card > .badge { z-index: 4; white-space: normal !important; }
@media (max-width: 1000px) and (min-width: 701px) {
  body .casino-card {
    grid-template-columns: 155px minmax(0,1fr) !important;
    grid-template-areas: 'logo content' 'buttons buttons' !important;
    gap: 18px !important; padding: 26px 20px !important;
  }
  body .casino-card .c-rankwrap { display: grid !important; grid-area: logo !important; grid-template-columns: 30px minmax(0,1fr); gap: 8px; }
  body .casino-card .c-rank { width: 30px !important; min-width: 0 !important; }
  body .casino-card .c-logo { width: 112px !important; height: 100px !important; min-height: 0 !important; }
  body .casino-card .c-center { grid-area: content !important; height: auto !important; min-height: 0 !important; }
  body .casino-card .c-actions { grid-area: buttons !important; display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 12px !important; }
}
@media (max-width: 700px) {
  body .container { padding-left: 16px; padding-right: 16px; }
  body .casino-list { gap: 24px !important; }
  body .casino-card {
    display: grid !important; grid-template-columns: minmax(0,1fr) !important;
    grid-template-areas: 'logo' 'content' 'buttons' !important;
    gap: 16px !important; padding: 22px 18px 18px !important;
    width: 100% !important; margin-top: 0 !important;
  }
  body .casino-card:has(> .badge) { margin-top: 20px !important; padding-top: 34px !important; }
  body .casino-card > .badge {
    top: 0 !important; left: 50% !important; transform: translate(-50%,-50%) !important;
    max-width: calc(100% - 24px) !important; min-height: 36px !important;
    padding: 8px 12px !important; font-size: .72rem !important; line-height: 1.3 !important;
  }
  body .casino-card .c-rankwrap {
    grid-area: logo !important; display: flex !important; align-items: center !important;
    justify-content: center !important; gap: 14px !important; height: auto !important;
  }
  body .casino-card .c-rank {
    flex: 0 0 42px; width: 42px !important; min-width: 0 !important;
    height: 44px !important; font-size: 1.05rem !important;
  }
  body .casino-card .c-logo {
    width: 160px !important; height: 110px !important; min-height: 0 !important;
    min-width: 0 !important; padding: 10px !important;
  }
  body .casino-card .c-logo img { max-width: 100% !important; max-height: 100% !important; }
  body .casino-card .c-center {
    grid-area: content !important; height: auto !important; min-height: 0 !important;
    padding: 0 !important; gap: 5px; text-align: center !important;
  }
  body .casino-card .c-center .c-name { font-size: 1.35rem !important; line-height: 1.2 !important; margin: 0 !important; }
  body .casino-card .c-center .c-bonus-label { font-size: .7rem !important; margin: 0 !important; }
  body .casino-card .c-center .c-bonus { font-size: 1rem !important; line-height: 1.45 !important; margin: 0 !important; }
  body .casino-card .c-actions {
    grid-area: buttons !important; display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 10px !important; width: 100% !important;
  }
  body .casino-card .c-actions .btn { width: 100% !important; min-height: 48px !important; height: auto !important; padding: 12px 6px !important; font-size: .84rem !important; line-height: 1.3 !important; }
  body .detail-hero { grid-template-columns: minmax(0,1fr) !important; padding: 22px 16px !important; text-align: center; }
  body .detail-hero .detail-logo { margin: 0 auto !important; }
  body .casino-alternativen-grid, body .casino-alternatives-grid { grid-template-columns: minmax(0,1fr) !important; }
  body .casino-box { grid-template-columns: minmax(0,1fr) !important; gap: 14px; padding: 18px !important; }
  body .casino-box-left, body .casino-box-right { padding: 0 !important; align-items: center !important; text-align: center; }
  body .casino-box-logo { max-width: 160px !important; height: 105px !important; }
  body .casino-box .btn { max-width: 100%; white-space: normal; }
  body .content, body .content-grid, body .content-cards, body .guide-grid { min-width: 0; }
  body .content p, body .content li { overflow-wrap: anywhere; }
  body .brand { min-width: 0; gap: 7px; font-size: clamp(.86rem,3.3vw,1.18rem); }
  body .brand .mark { flex-shrink: 0; }
  body .nav-toggle { flex-shrink: 0; }
}

/* Free-standing transparent casino logos on every page. */
body .c-logo,
body .detail-hero .detail-logo,
body .detail-hero .detail-logo picture,
body .casino-box-logo,
body .c-logo img,
body .detail-hero .detail-logo img,
body .detail-hero .detail-logo picture img {
  background: none !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  padding: 0 !important;
}
body .c-logo::before, body .c-logo::after,
body .detail-logo::before, body .detail-logo::after {
  content: none !important;
  display: none !important;
}

/* Center the mobile logo independently of its rank number. */
@media (max-width: 700px) {
  body .casino-card .c-rankwrap {
    display: grid !important;
    grid-template-columns: minmax(42px, 1fr) minmax(0, 160px) minmax(42px, 1fr) !important;
    grid-template-areas: none !important;
    column-gap: 10px !important;
    width: 100% !important;
    align-items: center !important;
  }
  body .casino-card .c-rank {
    grid-area: auto !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: center !important;
  }
  body .casino-card .c-logo {
    grid-area: auto !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: center !important;
    width: 100% !important;
  }
}

/* Shared category cards: identical logo treatment and responsive structure. */
body .category-casino-card {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 190px minmax(0, 1fr) 240px !important;
  grid-template-areas: none !important;
  gap: 24px !important;
  width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 30px 26px !important;
  border-radius: 22px !important;
  align-items: center !important;
}
body .category-casino-card .c-rankwrap {
  display: grid !important;
  grid-area: auto !important;
  grid-template-columns: 42px minmax(0,1fr) !important;
  grid-template-areas: none !important;
  gap: 14px !important;
  align-items: center !important;
}
body .category-casino-card .c-rank {
  grid-area: auto !important;
  width: 42px !important;
  height: 44px !important;
  min-width: 0 !important;
}
body .category-casino-card .c-logo {
  grid-area: auto !important;
  width: 126px !important;
  min-width: 0 !important;
  height: 100px !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
body .category-casino-card .c-logo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  mix-blend-mode: normal !important;
  filter: none !important;
}
body .category-casino-card .c-center {
  grid-area: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 0 !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  text-align: center !important;
}
body .category-casino-card .c-actions {
  grid-area: auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  min-width: 0 !important;
}
body .category-casino-card .c-actions .btn { width: 100% !important; white-space: normal !important; }
body .category-casino-card > .badge {
  left: 50% !important; right: auto !important; top: 0 !important;
  transform: translate(-50%,-50%) !important;
  width: max-content !important; max-width: calc(100% - 24px) !important;
}
body .category-casino-card:has(> .badge) { margin-top: 20px !important; padding-top: 34px !important; }
@media (max-width: 1000px) and (min-width: 701px) {
  body .category-casino-card {
    grid-template-columns: 155px minmax(0,1fr) !important;
    grid-template-areas: 'logo content' 'buttons buttons' !important;
    gap: 18px !important; padding: 26px 20px !important;
  }
  body .category-casino-card .c-rankwrap { grid-area: logo !important; grid-template-columns: 30px minmax(0,1fr) !important; gap: 8px !important; }
  body .category-casino-card .c-rank { width: 30px !important; }
  body .category-casino-card .c-logo { width: 112px !important; }
  body .category-casino-card .c-center { grid-area: content !important; }
  body .category-casino-card .c-actions { grid-area: buttons !important; display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
}
@media (max-width: 700px) {
  body .category-casino-card {
    grid-template-columns: minmax(0,1fr) !important;
    grid-template-areas: 'logo' 'content' 'buttons' !important;
    gap: 16px !important; padding: 22px 18px 18px !important;
  }
  body .category-casino-card .c-rankwrap {
    grid-area: logo !important;
    grid-template-columns: minmax(42px,1fr) minmax(0,160px) minmax(42px,1fr) !important;
    gap: 10px !important; width: 100% !important;
  }
  body .category-casino-card .c-rank { grid-column: 1 !important; grid-row: 1 !important; justify-self: center !important; }
  body .category-casino-card .c-logo { grid-column: 2 !important; grid-row: 1 !important; width: 100% !important; height: 110px !important; }
  body .category-casino-card .c-center { grid-area: content !important; }
  body .category-casino-card .c-actions {
    grid-area: buttons !important; display: grid !important;
    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    width: 100% !important;
  }
  body .category-casino-card .c-actions .btn { min-height: 48px !important; padding: 12px 6px !important; }
}