/* BetPilot cookies page only — keep the document at the viewport width.
   On narrow displays, convert the technology table to readable stacked cards.
   No global overflow-x:hidden masking other layout issues. */
.bp-cookie-stack {
  grid-template-columns: minmax(0, 1fr);
}
.bp-cookie-stack > .panel {
  min-width: 0;
  max-width: 100%;
}
.bp-cookie-tech-wrap {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
}
.bp-cookie-tech-table {
  border-collapse: collapse;
  width: 100%;
  min-width: 610px;
}
.bp-cookie-tech-table th,
.bp-cookie-tech-table td {
  text-align: left;
  vertical-align: top;
}
@media (max-width: 680px) {
  .bp-cookie-tech-wrap {
    overflow-x: visible;
  }
  .bp-cookie-tech-table {
    display: block;
    min-width: 0;
    width: 100%;
  }
  .bp-cookie-tech-table thead {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
  .bp-cookie-tech-table tbody {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    width: 100%;
    min-width: 0;
  }
  .bp-cookie-tech-table tbody tr {
    display: block;
    min-width: 0;
    max-width: 100%;
    padding: 11px 13px;
    border: 1px solid #3b607c;
    border-radius: 11px;
    background: #0a1c30;
  }
  .bp-cookie-tech-table tbody td {
    display: block;
    min-width: 0;
    width: 100%;
    max-width: 100%;
    padding: 4px 0 !important;
    white-space: normal;
    overflow-wrap: anywhere;
  }
  .bp-cookie-tech-table tbody td + td {
    margin-top: 4px;
  }
  .bp-cookie-tech-table tbody td::before {
    content: attr(data-label);
    display: block;
    margin-bottom: 2px;
    color: #9cb9cf;
    font-size: 11px;
    font-weight: 700;
  }
  .bp-cookie-tech-table tbody td:first-child {
    color: #b8f4e1;
    font-weight: 750;
    letter-spacing: -0.1px;
  }
}