/* Replaces consent-narrow-layout-v6 and mobile-firstfold-v1; keeps existing <=430px navigation rules. */
@media (max-width: 360px) {
  body #vobomConsentV201.is-open .vc-title {
    max-width: calc(100% - 68px) !important;
    font-size: 15px !important;
    line-height: 1.3 !important;
  }

  body #vobomConsentV201.is-open .vc-copy {
    max-width: calc(100% - 68px) !important;
    font-size: 15px !important;
    line-height: 1.3 !important;
  }

  body #vobomConsentV201.is-open .vc-actions {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr) !important;
  }

  body #vobomConsentV201.is-open .vc-actions button {
    min-height: 44px !important;
    padding-right: 4px !important;
    padding-left: 4px !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
  }
}

/* At 361–900px, preserve all choices while keeping the three actions on one row. */
@media (min-width: 361px) and (max-width: 900px) {
  body #vobomConsentV201.is-open .vc-actions {
    display: grid !important;
    grid-template-columns: minmax(124px, 1.2fr) minmax(100px, 1fr) max-content !important;
    grid-auto-flow: row !important;
    align-items: center !important;
    column-gap: 6px !important;
    row-gap: 0 !important;
    margin-top: 4px !important;
  }

  body #vobomConsentV201.is-open .vc-actions > button {
    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    padding-inline: 4px !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
    white-space: normal !important;
  }

  body #vobomConsentV201.is-open .vc-actions > a.vc-policy {
    box-sizing: border-box !important;
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    width: max-content !important;
    min-height: 44px !important;
    padding-inline: 2px !important;
    display: flex !important;
    align-items: center !important;
    white-space: nowrap !important;
    font-size: 14px !important;
  }
}

/* Furniture-specific mobile navigation: fit all five links instead of cropping Payment. */
@media (max-width: 430px) {
  body.vobom-furniture-sprint #vobom-furniture-buyer-nav .vfbn-inner > nav {
    gap: 8px !important;
    column-gap: 8px !important;
  }
}

@media (max-width: 360px) {
  body.vobom-furniture-sprint #vobom-furniture-buyer-nav .vfbn-inner > nav {
    gap: 5px !important;
    column-gap: 5px !important;
  }

  body.vobom-furniture-sprint #vobom-furniture-buyer-nav .vfbn-inner > nav a {
    font-size: 14px !important;
  }
}

/* Desktop and split-panel heading scale: keep the H1 visually legible below 1366px. */
@media (min-width: 761px) {
  html body main[class][class][class] h1,
  html body main[id][id][id] h1,
  html body [role="main"][class][class][class] h1,
  html body [role="main"][id][id][id] h1,
  html body main:not([class]):not([id]) h1,
  html body [role="main"]:not([class]):not([id]) h1 {
    font-size: clamp(40px, 4.6vw, 52px) !important;
  }

  /* Reserve the upper-right language-control slot; it was overlapping the menu button. */
  html body header.nav .menu-toggle {
    transform: translateX(-76px) !important;
  }
}

/* Wrap the full furniture category navigation at tablet/split-panel widths. */
@media (min-width: 761px) and (max-width: 1100px) {
  html body #primaryNav {
    column-gap: 12px !important;
    row-gap: 8px !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
  }

  html body #primaryNav > a {
    flex: 0 1 auto !important;
    min-width: 0 !important;
  }
}

/* V3 scoped density corrections: remove redundant vertical chrome and separate overlapping hero actions. */
@media (min-width: 761px) and (max-width: 1200px) {
  /* Recover first-screen space without reducing type or control sizes. */
  body.vobom-furniture-sprint #vobom-furniture-buyer-nav {
    padding-top: 10px !important;
    padding-bottom: 8px !important;
  }

  body.vobom-furniture-sprint .home-offer-rail {
    box-sizing: border-box !important;
    height: auto !important;
    min-height: 38px !important;
    padding-block: 4px !important;
  }

  body.vobom-furniture-sprint a.home-finance-strip {
    box-sizing: border-box !important;
    display: none !important;
  }

  main.sp-main > .sp-hero:first-child {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
}

@media (min-width: 761px) {
  /* Make secondary motorcycle navigation a full, legible row, not a wrapped overlay. */
  #vobom-moto-buyer-nav ~ main .hero-copy {
    top: 10% !important;
  }

  #vobom-moto-buyer-nav ~ main .hero-copy a.text-link {
    box-sizing: border-box !important;
    display: block !important;
    width: max-content !important;
    max-width: 100% !important;
    min-height: 44px !important;
    margin: 12px 0 0 !important;
    white-space: normal !important;
  }
}

/* V3.1 overlay clearance: keep language/privacy controls apart and preserve the furniture AI-example disclosure beside chat. */
@media screen and (min-width: 901px) and (max-width: 1200px) {
  body:has(#vobom-furniture-buyer-nav):has(.home-offer-rail):has(#vobomConsentV201.is-open) .vobom-language-switcher {
    top: 88px !important;
    bottom: auto !important;
  }

  body:has(#vobom-furniture-buyer-nav):has(.home-offer-rail):not(:has(#vobomConsentV201.is-open)):has(.vfbn-inner .vfbn-cta) .vobom-language-switcher {
    top: 88px !important;
    bottom: auto !important;
  }
}

@media screen and (min-width: 761px) {
  body:has(#vobom-furniture-buyer-nav):has(.home-offer-rail) p.section-note small {
    display: block !important;
    max-width: calc(100% - 320px) !important;
    margin-top: 4px !important;
  }
}

/* Wide furniture homepage: reclaim hero copy width and remove the 1200px breakpoint jump. */
@media screen and (min-width: 1201px) {
  body.vobom-furniture-sprint .home-photo-hero > .hero-copy {
    padding: 64px clamp(40px, 4vw, 60px) !important;
  }
}

/* Mobile furniture first fold: reduce empty top spacing, retain readable type and 44px nav targets. */
@media screen and (max-width: 430px) {
  body.vobom-furniture-sprint #vobom-furniture-buyer-nav {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  body.vobom-furniture-sprint #vobom-furniture-buyer-nav .vfbn-inner {
    padding: 10px 12px !important;
    row-gap: 4px !important;
  }

  body.vobom-furniture-sprint #vobom-furniture-buyer-nav .vfbn-inner > nav {
    align-items: center !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  body.vobom-furniture-sprint #vobom-furniture-buyer-nav .vfbn-inner > nav a {
    min-height: 44px !important;
  }

  body.vobom-furniture-sprint .home-photo-hero > .hero-copy {
    padding: 20px 24px 32px !important;
  }

  body.vobom-furniture-sprint .home-photo-hero > .hero-copy > .eyebrow {
    width: calc(100% + 24px) !important;
    max-width: none !important;
  }

  body.vobom-furniture-sprint .home-photo-hero > .hero-copy h1 {
    margin-top: 8px !important;
  }
}

/* Mobile first visit: anchor the consent notice below the content instead of pushing every page down. */
@media screen and (max-width: 600px) {
  html body:has(#vobomConsentV201.is-open) {
    padding-bottom: 180px !important;
  }

  body #vobomConsentV201.is-open {
    position: fixed !important;
    top: auto !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 100000 !important;
    width: 100% !important;
    margin: 0 !important;
    box-shadow: 0 -8px 30px rgba(20, 35, 45, .16) !important;
  }
}

/* V3.2 furniture mobile header: give the brand and RFQ action their own clear row, keep the floating language control clear, and expose all five navigation links. */
@media screen and (max-width: 430px) {
  body.vobom-furniture-sprint #vobom-furniture-buyer-nav {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }

  body.vobom-furniture-sprint #vobom-furniture-buyer-nav .vfbn-inner {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas: "brand cta" "nav nav" !important;
    align-items: center !important;
    column-gap: 6px !important;
    row-gap: 4px !important;
    padding: 8px 66px 8px 12px !important;
  }

  body.vobom-furniture-sprint #vobom-furniture-buyer-nav .vfbn-brand {
    grid-area: brand !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 1px !important;
    min-width: 0 !important;
    white-space: normal !important;
    font-size: 16px !important;
    line-height: 1.15 !important;
  }

  body.vobom-furniture-sprint #vobom-furniture-buyer-nav .vfbn-brand small {
    display: block !important;
    max-width: 108px !important;
    font-size: 12px !important;
    line-height: 1.15 !important;
    white-space: normal !important;
  }

  body.vobom-furniture-sprint #vobom-furniture-buyer-nav .vfbn-cta {
    grid-area: cta !important;
    min-height: 44px !important;
    padding: 8px 8px !important;
    font-size: 14px !important;
    white-space: nowrap !important;
  }

  body.vobom-furniture-sprint #vobom-furniture-buyer-nav .vfbn-inner > nav {
    grid-area: nav !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    column-gap: 0 !important;
    min-width: 0 !important;
    width: calc(100vw - 56px) !important;
    max-width: none !important;
    justify-self: start !important;
  }

  body.vobom-furniture-sprint #vobom-furniture-buyer-nav .vfbn-inner > nav a {
    min-height: 44px !important;
    padding-inline: 1px !important;
    font-size: 14px !important;
  }

  body.vobom-furniture-sprint .home-photo-hero > .hero-copy {
    padding: 20px 24px 32px !important;
  }

  body.vobom-furniture-sprint .home-photo-hero > .hero-copy > .eyebrow {
    width: calc(100% + 24px) !important;
    max-width: none !important;
  }

  body.vobom-furniture-sprint .home-photo-hero > .hero-copy h1 {
    margin-top: 8px !important;
  }
}

@media screen and (min-width: 361px) and (max-width: 430px) {
  body.vobom-furniture-sprint #vobom-furniture-buyer-nav .vfbn-cta,
  body.vobom-furniture-sprint #vobom-furniture-buyer-nav .vfbn-inner > nav a {
    font-size: 15px !important;
  }
}

/* V3.3 mobile readability correction: restore brand, navigation, and CTA hierarchy. */
@media screen and (max-width: 430px) {
  body.vobom-furniture-sprint #vobom-furniture-buyer-nav .vfbn-brand {
    font-size: 18px !important;
  }

  body.vobom-furniture-sprint #vobom-furniture-buyer-nav .vfbn-brand small {
    max-width: 132px !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
  }

  body.vobom-furniture-sprint #vobom-furniture-buyer-nav .vfbn-cta,
  body.vobom-furniture-sprint #vobom-furniture-buyer-nav .vfbn-inner > nav a {
    font-size: 16px !important;
  }

  body.vobom-furniture-sprint #vobom-furniture-buyer-nav .vfbn-inner > nav {
    width: calc(95vw - 14px) !important;
  }
}

@media screen and (max-width: 360px) {
  body.vobom-furniture-sprint #vobom-furniture-buyer-nav .vfbn-brand small {
    max-width: 96px !important;
    font-size: 13px !important;
    overflow-wrap: normal !important;
  }

  body.vobom-furniture-sprint #vobom-furniture-buyer-nav .vfbn-cta {
    width: 120px !important;
    min-width: 0 !important;
    padding: 4px 6px !important;
    white-space: normal !important;
    line-height: 1.1 !important;
  }
}