body.gbb-v18-polished {
  background: #061936 !important;
}

.gbb-v17-site {
  box-sizing: border-box;
}

@media (min-width: 921px) {
  .gbb-v17-site {
    width: min(1480px, calc(100vw - 28px)) !important;
    max-width: 1480px !important;
    margin: 14px auto 36px !important;
  }

  .gbb-v17-header,
  .gbb-v17-hero {
    width: 100% !important;
  }
}

@media (max-width: 920px) {
  body.gbb-v17-body,
  body.gbb-v18-polished {
    background: #061936 !important;
    overflow-x: hidden !important;
  }

  .gbb-v17-site {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 10px 28px !important;
    box-sizing: border-box !important;
  }

  .gbb-v17-header {
    height: auto !important;
    min-height: 0 !important;
    border-radius: 0 0 16px 16px !important;
    padding: 12px 14px 14px !important;
    gap: 12px !important;
    background: #ffffff !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  .gbb-v17-brand {
    gap: 10px !important;
    min-width: 0 !important;
    width: 100% !important;
  }

  .gbb-v17-brand img {
    width: 66px !important;
    height: 58px !important;
    flex: 0 0 auto !important;
  }

  .gbb-v17-brand-word {
    font-size: 29px !important;
    letter-spacing: 0.045em !important;
    line-height: 0.9 !important;
    white-space: normal !important;
  }

  .gbb-v17-brand-word span {
    font-size: 10px !important;
    letter-spacing: 0.34em !important;
  }

  .gbb-v17-nav {
    width: 100% !important;
    margin-left: 0 !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr !important;
    gap: 8px !important;
    overflow: visible !important;
    padding: 0 !important;
  }

  .gbb-v17-nav a {
    display: block !important;
    text-align: center !important;
    background: #f3fbff !important;
    border: 1px solid #dcecff !important;
    padding: 10px 6px !important;
    font-size: 11px !important;
    border-radius: 999px !important;
  }

  .gbb-v17-nav a:nth-child(2),
  .gbb-v17-nav a:nth-child(4),
  .gbb-v17-nav a:nth-child(5),
  .gbb-v17-nav a:nth-child(6) {
    display: none !important;
  }

  .gbb-v17-book-top {
    background: linear-gradient(135deg, #08bfd4, #0b67d8) !important;
    color: #ffffff !important;
    box-shadow: none !important;
  }

  .gbb-v17-hero {
    min-height: 0 !important;
    height: auto !important;
    display: block !important;
    overflow: hidden !important;
    border-radius: 0 0 18px 18px !important;
    background:
      linear-gradient(180deg, rgba(6,25,54,0.98) 0%, rgba(6,25,54,0.96) 62%, rgba(6,25,54,0.92) 100%),
      radial-gradient(circle at 75% 65%, rgba(8,191,212,0.22), transparent 35%),
      linear-gradient(135deg, #061936, #09264f) !important;
  }

  .gbb-v17-hero-copy {
    width: auto !important;
    max-width: 100% !important;
    padding: 34px 20px 18px !important;
    box-sizing: border-box !important;
  }

  .gbb-v17-hero h1 {
    font-size: 43px !important;
    line-height: 0.98 !important;
    letter-spacing: 0.025em !important;
    max-width: 330px !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  .gbb-v17-hero h1 span {
    display: block !important;
    max-width: 330px !important;
  }

  .gbb-v17-hero p {
    font-size: 16px !important;
    line-height: 1.42 !important;
    max-width: 310px !important;
    margin-top: 20px !important;
  }

  .gbb-v17-badges {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-top: 22px !important;
    max-width: 285px !important;
    position: relative !important;
    z-index: 6 !important;
  }

  .gbb-v17-badge {
    grid-template-columns: 42px 1fr !important;
    font-size: 13px !important;
  }

  .gbb-v17-badge i {
    width: 38px !important;
    height: 38px !important;
  }

  .gbb-v17-actions {
    position: relative !important;
    z-index: 8 !important;
    margin-top: 24px !important;
    gap: 12px !important;
  }

  .gbb-v17-actions a {
    min-width: 132px !important;
    height: 52px !important;
    font-size: 13px !important;
  }

  .gbb-v17-trailer {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: 100% !important;
    height: 285px !important;
    margin-top: 10px !important;
    overflow: hidden !important;
  }

  .gbb-v17-trailer:before {
    left: 18px !important;
    top: 34px !important;
    width: 150px !important;
    height: 116px !important;
  }

  .gbb-v17-trailer-logo {
    left: 30px !important;
    top: 44px !important;
    width: 128px !important;
  }

  .gbb-v17-spray {
    right: 72px !important;
    bottom: 138px !important;
    width: 230px !important;
    height: 92px !important;
  }

  .gbb-v17-wheel {
    left: auto !important;
    right: 142px !important;
    bottom: 34px !important;
    width: 86px !important;
    height: 86px !important;
  }

  .gbb-v17-bin {
    right: 22px !important;
    bottom: 42px !important;
    width: 124px !important;
    height: 164px !important;
  }

  .gbb-v17-bin-mark {
    left: 16px !important;
    top: 26px !important;
    width: 42px !important;
    height: 42px !important;
    font-size: 18px !important;
  }

  .gbb-v17-icons {
    margin-top: 12px !important;
    grid-template-columns: 1fr 1fr !important;
  }

  .gbb-v17-icon {
    padding: 20px 10px !important;
    font-size: 11px !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgba(8,191,212,0.12) !important;
  }

  .gbb-v17-icon b {
    width: 42px !important;
    height: 42px !important;
  }

  .gbb-v17-section,
  .gbb-v17-vehicle,
  .gbb-v17-shirt,
  .gbb-v17-footer {
    border-radius: 18px !important;
  }
}