/*
 * BGT 2026.84 – Wholesale Products UK page redesign.
 * Scoped only to /wholesale-products-uk/.
 */

body.bgt-wholesale-products-page {
  --bgt-wp-navy: #08263a;
  --bgt-wp-navy-2: #0d3a55;
  --bgt-wp-blue: #0b86d8;
  --bgt-wp-green: #78c51c;
  --bgt-wp-ink: #142f42;
  --bgt-wp-muted: #687e8c;
  --bgt-wp-surface: #f4f7f8;
  --bgt-wp-line: #dce7ec;
  background: var(--bgt-wp-surface);
}

body.bgt-wholesale-products-page .bgt-wholesale-hero-section {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 78% 18%, rgba(11,134,216,.22), transparent 29%),
    linear-gradient(118deg, #071f31 0%, #0a344d 52%, #0e5270 100%) !important;
  border-bottom: 0 !important;
}

body.bgt-wholesale-products-page .bgt-wholesale-hero-section::after {
  content: "";
  position: absolute;
  width: 420px;
  height: 420px;
  right: -105px;
  top: -250px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 50%;
  box-shadow: 0 0 0 56px rgba(255,255,255,.025), 0 0 0 112px rgba(255,255,255,.018);
  pointer-events: none;
}

body.bgt-wholesale-products-page .bgt-products-hero-compact {
  min-height: 232px !important;
  height: 232px !important;
  max-height: 232px !important;
  background: transparent !important;
}

body.bgt-wholesale-products-page .bgt-products-hero-compact__overlay {
  background: linear-gradient(90deg, rgba(3,23,37,.8) 0%, rgba(3,23,37,.42) 52%, rgba(3,23,37,.15) 100%) !important;
}

body.bgt-wholesale-products-page .bgt-products-hero-compact__decoration {
  opacity: .22 !important;
}

body.bgt-wholesale-products-page .bgt-products-hero-compact__container {
  width: min(var(--bgt-site-header-width, 1340px), calc(100% - 48px)) !important;
  max-width: var(--bgt-site-header-width, 1340px) !important;
  min-height: 232px !important;
  display: flex !important;
  align-items: center !important;
}

body.bgt-wholesale-products-page .bgt-products-hero-compact__content {
  max-width: 720px !important;
}

body.bgt-wholesale-products-page .bgt-products-hero-compact__title {
  color: #fff !important;
  font-size: clamp(38px, 4.1vw, 58px) !important;
  line-height: .98 !important;
  letter-spacing: -.035em !important;
  font-weight: 750 !important;
  margin: 0 !important;
}

body.bgt-wholesale-products-page .bgt-products-hero-compact__accent {
  width: 54px !important;
  height: 4px !important;
  margin: 17px 0 13px !important;
  border-radius: 10px !important;
  background: linear-gradient(90deg, var(--bgt-wp-green), #48d39b) !important;
}

body.bgt-wholesale-products-page .bgt-products-hero-compact__breadcrumb,
body.bgt-wholesale-products-page .bgt-products-hero-compact__breadcrumb a,
body.bgt-wholesale-products-page .bgt-products-hero-compact__breadcrumb-current,
body.bgt-wholesale-products-page .bgt-products-hero-compact__breadcrumb-link {
  color: rgba(255,255,255,.86) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}

/* Floating proof strip: visually separated from both hero and catalogue. */
body.bgt-wholesale-products-page .bgt-wholesale-proof-section {
  position: relative;
  z-index: 5;
  background: transparent !important;
  margin-top: -30px !important;
  margin-bottom: 0 !important;
}

body.bgt-wholesale-products-page .bgt-business-proof-strip {
  background: transparent !important;
  padding: 0 24px !important;
}

body.bgt-wholesale-products-page .bgt-business-proof-strip__container {
  width: min(var(--bgt-site-header-width, 1340px), calc(100% - 0px)) !important;
  max-width: var(--bgt-site-header-width, 1340px) !important;
  margin: 0 auto !important;
  padding: 11px 18px !important;
  background: rgba(255,255,255,.97) !important;
  border: 1px solid rgba(17,73,103,.11) !important;
  border-radius: 18px !important;
  box-shadow: 0 18px 44px rgba(7,37,56,.12) !important;
}

body.bgt-wholesale-products-page .bgt-business-proof-strip__grid {
  min-height: 66px !important;
}

body.bgt-wholesale-products-page .bgt-business-proof-strip__item-inner {
  padding: 8px 17px !important;
}

body.bgt-wholesale-products-page .bgt-business-proof-strip__line-one,
body.bgt-wholesale-products-page .bgt-business-proof-strip__line-two {
  color: var(--bgt-wp-ink) !important;
}

/* Catalogue area */
body.bgt-wholesale-products-page .bgt-wholesale-results {
  position: relative;
  background: var(--bgt-wp-surface) !important;
  background-image: none !important;
  padding-top: 48px !important;
  padding-bottom: 88px !important;
  overflow: hidden;
}

body.bgt-wholesale-products-page .bgt-wholesale-results::before {
  content: "";
  position: absolute;
  width: 520px;
  height: 520px;
  left: -360px;
  top: 90px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(11,134,216,.08), transparent 70%);
  pointer-events: none;
}

body.bgt-wholesale-products-page .bgt-wholesale-results > .elementor-container,
body.bgt-wholesale-products-page .bgt-wholesale-results > .e-con-inner,
body.bgt-wholesale-products-page .bgt-wholesale-results > .e-con {
  width: min(var(--bgt-site-header-width, 1340px), calc(100% - 48px)) !important;
  max-width: var(--bgt-site-header-width, 1340px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.bgt-wholesale-products-page .bgt-wholesale-results-title {
  position: relative;
  display: inline-block;
  color: var(--bgt-wp-ink) !important;
  font-size: clamp(34px, 3vw, 46px) !important;
  line-height: 1.08 !important;
  letter-spacing: -.035em !important;
  font-weight: 750 !important;
  margin-bottom: 36px !important;
}

body.bgt-wholesale-products-page .bgt-wholesale-results-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -15px;
  width: 72px;
  height: 4px;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--bgt-wp-green), var(--bgt-wp-blue));
}

/* Existing product links become premium catalogue cards without changing hrefs or load-more logic. */
body.bgt-wholesale-products-page a.bgt-wholesale-product-card {
  position: relative !important;
  display: block !important;
  overflow: hidden !important;
  border-radius: 18px !important;
  border: 1px solid rgba(15,72,101,.13) !important;
  background-color: #12364a !important;
  box-shadow: 0 12px 30px rgba(8,44,64,.09) !important;
  isolation: isolate;
  transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease !important;
}

body.bgt-wholesale-products-page a.bgt-wholesale-product-card::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(5,29,43,.04) 10%, rgba(5,29,43,.14) 48%, rgba(5,29,43,.92) 100%);
  pointer-events: none;
}

body.bgt-wholesale-products-page a.bgt-wholesale-product-card::after {
  content: "↗";
  position: absolute;
  z-index: 4;
  right: 16px;
  top: 16px;
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  color: #fff;
  background: rgba(7,37,56,.74);
  border: 1px solid rgba(255,255,255,.18);
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
  font-size: 16px;
  font-weight: 700;
  transition: background .22s ease, transform .22s ease;
}

body.bgt-wholesale-products-page a.bgt-wholesale-product-card:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 22px 44px rgba(8,44,64,.16) !important;
  border-color: rgba(11,134,216,.28) !important;
}

body.bgt-wholesale-products-page a.bgt-wholesale-product-card:hover::after {
  background: var(--bgt-wp-blue);
  transform: translate(2px,-2px);
}

body.bgt-wholesale-products-page a.bgt-wholesale-product-card img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform .42s ease !important;
}

body.bgt-wholesale-products-page a.bgt-wholesale-product-card:hover img {
  transform: scale(1.035) !important;
}

body.bgt-wholesale-products-page a.bgt-wholesale-product-card * {
  position: relative;
  z-index: 2;
}

body.bgt-wholesale-products-page .bgt-wholesale-card-area {
  gap: 24px !important;
}

/* Make the existing Load More action feel deliberate rather than tacked on. */
body.bgt-wholesale-products-page .bgt-wholesale-load-more {
  min-width: 150px !important;
  min-height: 46px !important;
  padding: 0 24px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  border: 0 !important;
  color: #fff !important;
  background: linear-gradient(90deg, var(--bgt-wp-blue), #0aa3df) !important;
  box-shadow: 0 10px 24px rgba(11,134,216,.20) !important;
  font-size: 13px !important;
  font-weight: 750 !important;
  letter-spacing: .035em !important;
  text-transform: uppercase !important;
  transition: transform .2s ease, box-shadow .2s ease !important;
}

body.bgt-wholesale-products-page .bgt-wholesale-load-more:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 15px 30px rgba(11,134,216,.26) !important;
}

@media (max-width: 1024px) {
  body.bgt-wholesale-products-page .bgt-products-hero-compact,
  body.bgt-wholesale-products-page .bgt-products-hero-compact__container {
    min-height: 210px !important;
    height: 210px !important;
    max-height: 210px !important;
  }

  body.bgt-wholesale-products-page .bgt-wholesale-proof-section {
    margin-top: -22px !important;
  }

  body.bgt-wholesale-products-page .bgt-wholesale-results {
    padding-top: 48px !important;
    padding-bottom: 68px !important;
  }
}

@media (max-width: 767px) {
  body.bgt-wholesale-products-page .bgt-products-hero-compact,
  body.bgt-wholesale-products-page .bgt-products-hero-compact__container {
    min-height: 184px !important;
    height: 184px !important;
    max-height: 184px !important;
  }

  body.bgt-wholesale-products-page .bgt-products-hero-compact__container {
    width: calc(100% - 30px) !important;
  }

  body.bgt-wholesale-products-page .bgt-products-hero-compact__title {
    font-size: 34px !important;
  }

  body.bgt-wholesale-products-page .bgt-wholesale-proof-section {
    margin-top: -14px !important;
  }

  body.bgt-wholesale-products-page .bgt-business-proof-strip {
    padding: 0 12px !important;
  }

  body.bgt-wholesale-products-page .bgt-business-proof-strip__container {
    border-radius: 14px !important;
    padding: 7px 10px !important;
  }

  body.bgt-wholesale-products-page .bgt-wholesale-results {
    padding-top: 40px !important;
    padding-bottom: 54px !important;
  }

  body.bgt-wholesale-products-page .bgt-wholesale-results > .elementor-container,
  body.bgt-wholesale-products-page .bgt-wholesale-results > .e-con-inner,
  body.bgt-wholesale-products-page .bgt-wholesale-results > .e-con {
    width: calc(100% - 28px) !important;
  }

  body.bgt-wholesale-products-page .bgt-wholesale-results-title {
    font-size: 30px !important;
    margin-bottom: 30px !important;
  }

  body.bgt-wholesale-products-page a.bgt-wholesale-product-card {
    border-radius: 15px !important;
  }
}

/* ============================================================
 * BGT 2026.86 — Products top-area correction.
 * IMPORTANT: do not set flex-basis to 100vw. Elementor containers
 * are column-flex layouts, so that turns viewport WIDTH into HEIGHT
 * and creates the huge empty hero seen in v2026.85.
 * Keep the hero background full width naturally; constrain only its
 * inner content to the same 1340px header/content grid.
 * ============================================================ */
@media (min-width: 1025px) {
  body.bgt-wholesale-products-page .elementor-widget-bgt-products-hero-compact,
  body.bgt-wholesale-products-page [data-widget_type="bgt-products-hero-compact.default"] {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 1 auto !important;
    flex-basis: auto !important;
    align-self: stretch !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  body.bgt-wholesale-products-page .elementor-widget-bgt-products-hero-compact > .elementor-widget-container,
  body.bgt-wholesale-products-page [data-widget_type="bgt-products-hero-compact.default"] > .elementor-widget-container,
  body.bgt-wholesale-products-page .bgt-products-hero-compact {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 232px !important;
    height: 232px !important;
    max-height: 232px !important;
  }

  body.bgt-wholesale-products-page .bgt-products-hero-compact__container {
    box-sizing: border-box !important;
    width: min(var(--bgt-site-header-width, 1340px), calc(100% - 40px)) !important;
    max-width: var(--bgt-site-header-width, 1340px) !important;
    min-height: 232px !important;
    height: 232px !important;
    max-height: 232px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.bgt-wholesale-products-page .bgt-products-hero-compact__content {
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  /* Keep the floating proof strip directly below the compact hero. */
  body.bgt-wholesale-products-page .bgt-wholesale-proof-section {
    margin-top: -30px !important;
  }
}


/* BGT 2026.87 — Slightly tighter gap between proof strip and results heading. */
@media (min-width: 1025px) {
  body.bgt-wholesale-products-page .bgt-wholesale-results {
    padding-top: 48px !important;
  }
}