/* Blackcat — category-page-specific stylesheet.
   NOTE: This is intentionally a SEPARATE file from blackcat-product.css, not layered on
   top of it. The category page shares the .bc-product visual language (same colors, type,
   header/footer) but its section structure genuinely differs from the 5W-260W product-tier
   template (hero treatment, ticker strip, fitment/vehicle-table blocks) — and several class
   names are REUSED with different meaning (.card, .table, .fit vs the product template's
   .card, .table, .specs). Loading both stylesheets on one page would produce unpredictable
   collisions depending on enqueue order. Enqueued only on the LED category page (and, going
   forward, the other ~11 category pages once built from this same pattern). */
body { margin:0; }
  html, body { overflow-x:hidden; }

  .bc-product { background:#0D0D0D; color:#EDEDED; font-family:'Inter', sans-serif; -webkit-font-smoothing:antialiased; width:100%; overflow-x:hidden; }
  .bc-product *, .bc-product *::before, .bc-product *::after { box-sizing:border-box; }
  .bc-product img, .bc-product video { max-width:100%; }
  .bc-product a { color:#C9A84C; text-decoration:none; }
  .bc-product a:hover { color:#E3C674; }
  .bc-product h1, .bc-product h2, .bc-product h3 { margin:0; }
  .bc-product p { margin:0; }

  @keyframes bc-ticker-cat { from{ transform:translateX(0); } to{ transform:translateX(-50%); } }

  .bc-product .wrap { max-width:1280px; margin:0 auto; padding:0 48px; }
  .bc-product .eyebrow { font-family:'Inter', sans-serif; font-size:12px; font-weight:500; letter-spacing:.22em; text-transform:uppercase; color:#C9A84C; }
  .bc-product .rule { width:44px; height:2px; background:#C9A84C; display:block; flex:0 0 auto; }
  .bc-product .eyerow { display:flex; align-items:center; gap:14px; }
  .bc-product .mobile-only, .bc-product .mobile-inline { display:none; }

  /* header */
  .bc-product .hdr { position:relative; z-index:40; background:#0D0D0D; border-bottom:1px solid #232323; }
  .bc-product .hdr-in { height:82px; display:flex; align-items:center; justify-content:space-between; }
  .bc-product .mark { font-family:'Barlow', sans-serif; font-weight:800; font-size:27px; letter-spacing:.02em; line-height:1; color:#FFF; }
  .bc-product .mark span { color:#C9A84C; }
  .bc-product .nav { display:flex; align-items:center; gap:4px; }
  .bc-product .nav>a { font-family:'Inter', sans-serif; font-size:13px; font-weight:500; letter-spacing:.09em; text-transform:uppercase; color:#EDEDED; padding:30px 15px; display:flex; align-items:center; gap:7px; }
  .bc-product .nav>a:hover { color:#C9A84C; box-shadow:inset 0 -2px 0 #C9A84C; }
  .bc-product .nav>a.active { color:#C9A84C; box-shadow:inset 0 -2px 0 #C9A84C; }
  .bc-product .caret { font-size:8px; opacity:.8; }
  .bc-product .mega { display:none; position:absolute; left:0; right:0; top:82px; background:#111; border-top:2px solid #C9A84C; border-bottom:1px solid #232323; box-shadow:0 28px 48px rgba(0,0,0,.6); }
  .bc-product .mega.open { display:block; }
  .bc-product .mega-in { max-width:1280px; margin:0 auto; padding:40px 48px 44px; display:grid; grid-template-columns:1fr 1fr; gap:64px; }
  .bc-product .mega-col { display:flex; flex-direction:column; gap:18px; }
  .bc-product .mega-h { font-family:'Barlow', sans-serif; font-weight:700; font-size:13px; letter-spacing:.16em; text-transform:uppercase; color:#C9A84C; padding-bottom:12px; border-bottom:1px solid #2A2A2A; }
  .bc-product .mega-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px 24px; }
  .bc-product .mega-list { display:flex; flex-direction:column; gap:12px; }
  .bc-product .mega a { font-family:'Inter', sans-serif; font-size:14px; color:#D6D6D6; }
  .bc-product .mega a:hover { color:#C9A84C; }
  .bc-product .res { display:none; position:absolute; right:200px; top:82px; background:#111; border-top:2px solid #C9A84C; box-shadow:0 24px 40px rgba(0,0,0,.6); min-width:190px; padding:18px 24px; }
  .bc-product .res.open { display:block; }
  .bc-product .res a { font-family:'Inter', sans-serif; font-size:14px; color:#D6D6D6; }
  .bc-product .burger { display:none; flex-direction:column; gap:5px; cursor:pointer; padding:8px; background:none; border:0; }
  .bc-product .burger span { width:24px; height:2px; background:#C9A84C; display:block; }
  .bc-product .mnav { display:none; background:#111; border-bottom:1px solid #232323; padding:8px 20px 20px; flex-direction:column; }
  .bc-product .mnav.open { display:flex; }
  .bc-product .mnav>a { font-family:'Inter', sans-serif; font-size:14px; font-weight:500; letter-spacing:.09em; text-transform:uppercase; color:#EDEDED; padding:15px 0; border-bottom:1px solid #1E1E1E; display:flex; justify-content:space-between; align-items:center; }
  .bc-product .mnav>a.gold { color:#C9A84C; border-bottom:0; }
  .bc-product .mnav>a:last-child { border-bottom:0; }
  .bc-product .mnav-sub { padding:4px 0 16px 14px; display:flex; flex-direction:column; gap:16px; border-bottom:1px solid #1E1E1E; }
  .bc-product .mnav-grp { display:flex; flex-direction:column; gap:10px; }
  .bc-product .mnav-lbl { font-family:'Barlow', sans-serif; font-weight:700; font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:#C9A84C; }
  .bc-product .mnav-w { display:grid; grid-template-columns:1fr 1fr; gap:9px 16px; }
  .bc-product .mnav-c { display:flex; flex-direction:column; gap:9px; }
  .bc-product .mnav-sub a { font-family:'Inter', sans-serif; font-size:13px; color:#C4C4C4; }

  /* hero */
  .bc-product .hero { position:relative; height:620px; background-image:linear-gradient(90deg,rgba(13,13,13,.94) 0%,rgba(13,13,13,.72) 42%,rgba(13,13,13,.25) 100%), url('<?php echo esc_url( 'https://storage.googleapis.com/blackcat-catalog-assets/Catalog%20pictures/LED%20under%20water.png' ); ?>'); background-size:cover, cover; background-position:center, center; }
  .bc-product .hero-in { height:100%; display:flex; flex-direction:column; justify-content:center; gap:26px; }
  .bc-product .hero-h1 { font-family:'Barlow', sans-serif; font-weight:800; font-size:68px; line-height:1.03; letter-spacing:-.015em; max-width:830px; text-wrap:pretty; color:#FFF; }
  .bc-product .hero-h1 .red { color:#C41E1E; }
  .bc-product .hero-body { font-family:'Inter', sans-serif; font-weight:300; font-size:19px; line-height:1.65; color:#C4C4C4; max-width:660px; text-wrap:pretty; }
  .bc-product .btn-outline { font-family:'Barlow', sans-serif; font-weight:700; font-size:15px; letter-spacing:.14em; text-transform:uppercase; color:#C9A84C; border:1px solid #C9A84C; padding:17px 38px; align-self:flex-start; margin-top:8px; }
  .bc-product .btn-outline:hover { background:#C9A84C; color:#0D0D0D; }

  /* stat bar */
  .bc-product .stats { background:#C9A84C; color:#0D0D0D; }
  .bc-product .stats-in { display:grid; grid-template-columns:repeat(4,1fr); }
  .bc-product .stat { padding:34px 0 34px 40px; display:flex; flex-direction:column; gap:7px; border-right:1px solid rgba(13,13,13,.16); }
  .bc-product .stat:first-child { padding-left:0; }
  .bc-product .stat:last-child { border-right:0; }
  .bc-product .stat b { font-family:'Barlow', sans-serif; font-weight:800; font-size:40px; line-height:1; }
  .bc-product .stat i { font-style:normal; font-family:'Inter', sans-serif; font-size:12px; font-weight:600; letter-spacing:.16em; }

  /* ticker */
  .bc-product .ticker { background:#111; border-bottom:1px solid #232323; overflow:hidden; height:50px; display:flex; align-items:center; }
  .bc-product .ticker-track { display:flex; flex:0 0 auto; width:max-content; animation:bc-ticker-cat 34s linear infinite; }
  .bc-product .ticker-half { display:flex; flex:0 0 auto; width:max-content; }
  .bc-product .ticker-half span { font-family:'Inter', sans-serif; font-size:12px; font-weight:500; letter-spacing:.24em; color:#C9A84C; white-space:nowrap; padding-right:52px; }

  /* video */
  .bc-product .video { background:#0A0A0A; border-bottom:1px solid #232323; }
  .bc-product .video-in { padding:80px 48px; display:grid; grid-template-columns:1fr 400px; gap:80px; align-items:center; max-width:1280px; margin:0 auto; }
  .bc-product .video-copy { display:flex; flex-direction:column; gap:20px; }
  .bc-product .video-h { font-family:'Barlow', sans-serif; font-weight:800; font-size:42px; line-height:1.08; letter-spacing:-.01em; color:#FFF; max-width:560px; text-wrap:pretty; }
  .bc-product .chips { display:flex; gap:14px; align-items:center; flex-wrap:wrap; margin-top:4px; }
  .bc-product .chip { font-family:'Inter', sans-serif; font-size:11px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:#8A8A8A; border:1px solid #2A2A2A; padding:8px 14px; }
  .bc-product .video-panel { width:400px; height:707px; background:#000; border:1px solid #262626; overflow:hidden; }
  .bc-product .video-panel video { width:100%; height:100%; object-fit:cover; display:block; }

  /* fitment */
  .bc-product .fit { padding-top:96px; padding-bottom:20px; }
  .bc-product .fit-head { display:flex; flex-direction:column; gap:14px; margin-bottom:44px; }
  .bc-product .fit-h { font-family:'Barlow', sans-serif; font-weight:800; font-size:46px; line-height:1.08; letter-spacing:-.01em; color:#FFF; }
  .bc-product .fit-sub { font-family:'Inter', sans-serif; font-weight:300; font-size:17px; line-height:1.6; color:#A8A8A8; max-width:640px; }
  .bc-product .groups { display:flex; flex-direction:column; gap:16px; }
  .bc-product .group { border:1px solid #262626; background:#111; }
  .bc-product .group-hd { width:100%; background:none; border:0; color:inherit; text-align:left; padding:26px 32px; display:flex; align-items:center; justify-content:space-between; cursor:pointer; gap:32px; }
  .bc-product .group-hd-l { display:flex; align-items:baseline; gap:26px; flex-wrap:wrap; }
  .bc-product .group-t { font-family:'Barlow', sans-serif; font-weight:700; font-size:26px; letter-spacing:.02em; color:#C9A84C; }
  .bc-product .group-f { font-family:'Inter', sans-serif; font-weight:300; font-size:15px; color:#9A9A9A; }
  .bc-product .group-sign { font-family:'Barlow', sans-serif; font-weight:500; font-size:22px; color:#C9A84C; width:34px; height:34px; border:1px solid #3A3A3A; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
  .bc-product .group-body { display:none; padding:4px 32px 34px; grid-template-columns:repeat(5,1fr); gap:20px; }
  .bc-product .group.open .group-body { display:grid; }
  .bc-product .card { background:#171717; border:1px solid #262626; display:flex; flex-direction:column; }
  .bc-product .card:hover { border-color:#C9A84C; }
  .bc-product .card-well { position:relative; height:176px; background:#131313; display:flex; align-items:center; justify-content:center; padding:18px; border-bottom:1px solid #212121; flex-shrink:0; }
  .bc-product .card-well img { max-width:100%; max-height:100%; object-fit:contain; display:block; }
  .bc-product .badge { position:absolute; top:10px; left:10px; background:#C9A84C; color:#0D0D0D; font-family:'Inter', sans-serif; font-size:9px; font-weight:700; letter-spacing:.1em; padding:4px 7px; }
  .bc-product .card-body { padding:18px 16px 20px; display:flex; flex-direction:column; gap:14px; flex:1; }
  .bc-product .card-name { font-family:'Barlow', sans-serif; font-weight:700; font-size:21px; line-height:1.15; color:#FFF; }
  .bc-product .card-name br { display:inline; }
  .bc-product .specs-list { display:flex; flex-direction:column; gap:6px; flex:1; }
  .bc-product .spec { font-family:'Inter', sans-serif; font-weight:300; font-size:12px; line-height:1.4; color:#9A9A9A; }
  .bc-product .card-cta { font-family:'Inter', sans-serif; font-size:11px; font-weight:600; letter-spacing:.13em; text-transform:uppercase; color:#C9A84C; border-top:1px solid #262626; padding-top:13px; }

  /* vehicle table */
  .bc-product .vt { padding-top:84px; }
  .bc-product .vt-h { font-family:'Barlow', sans-serif; font-weight:800; font-size:38px; line-height:1.1; color:#FFF; margin-bottom:28px; }
  .bc-product .table { border:1px solid #262626; }
  .bc-product .vrow { display:grid; grid-template-columns:300px 1fr; border-top:1px solid #262626; }
  .bc-product .vrow.head { background:#C9A84C; border-top:0; }
  .bc-product .vrow.a { background:#111; }
  .bc-product .vrow.b { background:#0F0F0F; }
  .bc-product .vth { font-family:'Barlow', sans-serif; font-weight:700; font-size:14px; letter-spacing:.14em; text-transform:uppercase; color:#0D0D0D; padding:17px 26px; }
  .bc-product .vk { font-family:'Barlow', sans-serif; font-weight:600; font-size:17px; color:#C9A84C; padding:20px 26px; }
  .bc-product .vv { font-family:'Inter', sans-serif; font-weight:300; font-size:15px; color:#C4C4C4; padding:20px 26px; }

  /* certifications */
  .bc-product .certs { margin-top:84px; background:#111; border-top:1px solid #232323; border-bottom:1px solid #232323; }
  .bc-product .certs-in { padding:52px 48px; display:flex; align-items:center; gap:56px; max-width:1280px; margin:0 auto; }
  .bc-product .certs-lbl { display:flex; flex-direction:column; gap:8px; width:250px; flex-shrink:0; }
  .bc-product .certs-lbl b { font-family:'Barlow', sans-serif; font-weight:700; font-size:28px; line-height:1.15; color:#FFF; }
  .bc-product .certs-row { display:grid; grid-template-columns:repeat(6,1fr); gap:20px; flex:1; }
  .bc-product .cert { display:flex; flex-direction:column; align-items:center; gap:12px; }
  .bc-product .cert-seal { width:92px; height:92px; border-radius:50%; border:1px solid #C9A84C; display:flex; align-items:center; justify-content:center; background:#0D0D0D; }
  .bc-product .cert-seal>div { width:76px; height:76px; border-radius:50%; border:2px solid rgba(201,168,76,.42); display:flex; align-items:center; justify-content:center; }
  .bc-product .cert-seal span { font-family:'Barlow', sans-serif; font-weight:700; font-size:18px; letter-spacing:.06em; color:#C9A84C; }
  .bc-product .cert-sub { font-family:'Inter', sans-serif; font-size:10px; font-weight:500; letter-spacing:.14em; text-transform:uppercase; color:#8A8A8A; text-align:center; }

  /* downloads */
  .bc-product .dl-in { display:grid; grid-template-columns:1fr 1fr; border-bottom:1px solid #232323; }
  .bc-product .dl-l { padding:58px 56px 58px 0; display:flex; flex-direction:column; gap:16px; border-right:1px solid #232323; }
  .bc-product .dl-r { padding:58px 0 58px 56px; display:flex; flex-direction:column; gap:16px; }
  .bc-product .dl-h { font-family:'Barlow', sans-serif; font-weight:700; font-size:30px; color:#FFF; }
  .bc-product .dl-p { font-family:'Inter', sans-serif; font-weight:300; font-size:16px; line-height:1.6; color:#A8A8A8; max-width:440px; }
  .bc-product .btn-gold { font-family:'Barlow', sans-serif; font-weight:700; font-size:14px; letter-spacing:.13em; text-transform:uppercase; background:#C9A84C; color:#0D0D0D; padding:16px 32px; align-self:flex-start; margin-top:6px; }
  .bc-product .btn-gold:hover { background:#E3C674; color:#0D0D0D; }

  /* footer */
  .bc-product .foot { background:#0A0A0A; }
  .bc-product .foot-in { padding:62px 48px 44px; display:grid; grid-template-columns:1.3fr 1fr 1fr; gap:56px; max-width:1280px; margin:0 auto; }
  .bc-product .foot-col { display:flex; flex-direction:column; gap:16px; }
  .bc-product .foot-mark { font-family:'Barlow', sans-serif; font-weight:800; font-size:23px; line-height:1; color:#FFF; }
  .bc-product .foot-mark span { color:#C9A84C; }
  .bc-product .foot-addr { font-family:'Inter', sans-serif; font-weight:300; font-size:14px; line-height:1.75; color:#909090; max-width:330px; }
  .bc-product .foot-ct { display:flex; flex-direction:column; gap:5px; }
  .bc-product .foot-ct span { font-family:'Inter', sans-serif; font-size:14px; color:#C4C4C4; }
  .bc-product .foot-h { font-family:'Barlow', sans-serif; font-weight:700; font-size:13px; letter-spacing:.16em; text-transform:uppercase; color:#C9A84C; }
  .bc-product .foot-links { display:flex; flex-direction:column; gap:11px; }
  .bc-product .foot-links a { font-family:'Inter', sans-serif; font-weight:300; font-size:14px; color:#B4B4B4; }
  .bc-product .foot-links a:hover { color:#C9A84C; }
  .bc-product .social { display:flex; gap:12px; }
  .bc-product .social a { width:40px; height:40px; border-radius:50%; border:1px solid #333; display:flex; align-items:center; justify-content:center; font-family:'Barlow', sans-serif; font-weight:700; font-size:13px; color:#C4C4C4; }
  .bc-product .social a:hover { border-color:#C9A84C; color:#C9A84C; }
  .bc-product .foot-bar { border-top:1px solid #1E1E1E; }
  .bc-product .foot-bar .wrap { padding-top:22px; padding-bottom:22px; }
  .bc-product .foot-bar span { font-family:'Inter', sans-serif; font-weight:300; font-size:12.5px; color:#7A7A7A; }

  /* ===== Tablet (~900px) ===== */
  @media (max-width:1200px) {
    .bc-product .group-body { grid-template-columns:repeat(3,1fr) !important; }
  }

  @media (max-width:900px) {
    .bc-product .wrap { padding:0 20px !important; }
    .bc-product .hdr-in { height:64px !important; }
    .bc-product .mark { font-size:21px !important; }

    .bc-product .hero { height:auto !important; min-height:520px !important; background-image:linear-gradient(180deg,rgba(13,13,13,.55) 0%,rgba(13,13,13,.86) 55%,rgba(13,13,13,.97) 100%), url('<?php echo esc_url( 'https://storage.googleapis.com/blackcat-catalog-assets/Catalog%20pictures/LED%20under%20water.png' ); ?>') !important; }
    .bc-product .hero-in { justify-content:flex-end !important; gap:20px !important; padding:56px 0 48px !important; }
    .bc-product .eyerow { align-items:flex-start !important; gap:10px !important; }
    .bc-product .rule { width:26px !important; margin-top:7px !important; }
    .bc-product .eyebrow { font-size:10.5px !important; letter-spacing:.18em !important; line-height:1.5 !important; }
    .bc-product .hero-h1 { font-size:38px !important; line-height:1.05 !important; letter-spacing:-.01em !important; }
    .bc-product .hero-body { font-size:15px !important; }
    .bc-product .btn-outline { font-size:14px !important; padding:16px 28px !important; text-align:center !important; align-self:stretch !important; margin-top:4px !important; }

    .bc-product .stats-in { grid-template-columns:1fr 1fr !important; }
    .bc-product .stat { padding:22px 20px !important; border-bottom:1px solid rgba(13,13,13,.16) !important; }
    .bc-product .stat:nth-child(2), .bc-product .stat:nth-child(4) { border-right:0 !important; }
    .bc-product .stat:nth-child(3), .bc-product .stat:nth-child(4) { border-bottom:0 !important; }
    .bc-product .stat b { font-size:28px !important; }
    .bc-product .stat i { font-size:10px !important; letter-spacing:.14em !important; }

    .bc-product .ticker { height:42px !important; }
    .bc-product .ticker-track { animation-duration:22s !important; }
    .bc-product .ticker-half span { font-size:10px !important; letter-spacing:.2em !important; padding-right:34px !important; }
    .bc-product .ticker-half span:nth-child(n+3) { display:none !important; }

    .bc-product .video-in { padding:0 !important; grid-template-columns:1fr !important; gap:0 !important; }
    .bc-product .video-copy { padding:20px !important; gap:8px !important; order:2 !important; border-bottom:1px solid #232323 !important; }
    .bc-product .video-h { font-size:22px !important; line-height:1.15 !important; }
    .bc-product .chips { display:none !important; }
    .bc-product .video-panel { width:100% !important; height:auto !important; border:0 !important; order:1 !important; }
    .bc-product .video-panel video { aspect-ratio:480/848 !important; height:auto !important; }

    .bc-product .fit { padding-top:48px !important; padding-bottom:8px !important; }
    .bc-product .fit-head { margin-bottom:26px !important; gap:12px !important; }
    .bc-product .fit-h { font-size:31px !important; }
    .bc-product .fit-sub { font-size:14.5px !important; }
    .bc-product .groups { gap:12px !important; }
    .bc-product .group-hd { padding:18px !important; align-items:flex-start !important; gap:14px !important; }
    .bc-product .group-hd-l { flex-direction:column !important; gap:7px !important; }
    .bc-product .group-t { font-size:20px !important; line-height:1.15 !important; }
    .bc-product .group-f { font-size:13px !important; line-height:1.5 !important; }
    .bc-product .group-sign { width:30px !important; height:30px !important; font-size:19px !important; }
    .bc-product .group-body { padding:2px 18px 22px !important; }
    .bc-product .group.open .group-body { display:flex !important; flex-direction:column !important; gap:12px !important; }
    .bc-product .card { flex-direction:row !important; align-items:stretch !important; }
    .bc-product .card-well { width:118px !important; height:auto !important; border-bottom:0 !important; border-right:1px solid #212121 !important; padding:12px !important; }
    .bc-product .card-body { padding:15px 16px !important; gap:9px !important; }
    .bc-product .card-name { font-size:19px !important; line-height:1.1 !important; }
    .bc-product .card-name br { display:none !important; }
    .bc-product .specs-list { flex-direction:row !important; flex-wrap:wrap !important; gap:0 4px !important; flex:0 0 auto !important; }
    .bc-product .spec { font-size:12px !important; line-height:1.5 !important; }
    .bc-product .spec:not(:last-child)::after { content:' \00b7'; }
    .bc-product .card-cta { border-top:0 !important; padding-top:0 !important; font-size:10.5px !important; margin-top:2px !important; }
    .bc-product .badge { top:8px !important; left:8px !important; font-size:8px !important; letter-spacing:.08em !important; padding:3px 5px !important; }

    .bc-product .vt { padding-top:44px !important; }
    .bc-product .vt-h { font-size:26px !important; margin-bottom:18px !important; }
    .bc-product .vrow { grid-template-columns:1fr !important; padding:15px 16px !important; gap:5px !important; }
    .bc-product .vrow.head { padding:12px 16px !important; }
    .bc-product .vth, .bc-product .vk, .bc-product .vv { padding:0 !important; }
    .bc-product .vth { font-size:11.5px !important; }
    .bc-product .vth:last-child, .bc-product .vrow.head .vth+.vth { display:none !important; }
    .bc-product .vk { font-size:15px !important; }
    .bc-product .vv { font-size:13px !important; line-height:1.55 !important; }

    .bc-product .certs { margin-top:44px !important; }
    .bc-product .certs-in { padding:32px 20px !important; flex-direction:column !important; align-items:stretch !important; gap:24px !important; }
    .bc-product .certs-lbl { width:auto !important; gap:6px !important; }
    .bc-product .certs-lbl b { font-size:22px !important; }
    .bc-product .certs-row { grid-template-columns:repeat(3,1fr) !important; gap:22px 12px !important; }
    .bc-product .cert-seal { width:78px !important; height:78px !important; }
    .bc-product .cert-seal>div { width:64px !important; height:64px !important; }
    .bc-product .cert-seal span { font-size:16px !important; }
    .bc-product .cert-sub { font-size:9px !important; letter-spacing:.12em !important; }

    .bc-product .dl-in { grid-template-columns:1fr !important; padding:36px 0 !important; }
    .bc-product .dl-l { padding:0 0 26px !important; border-right:0 !important; gap:13px !important; }
    .bc-product .dl-r { padding:26px 0 0 !important; gap:13px !important; border-top:1px solid #232323 !important; }
    .bc-product .dl-h { font-size:24px !important; }
    .bc-product .dl-p { font-size:14.5px !important; }
    .bc-product .btn-gold { font-size:13px !important; letter-spacing:.12em !important; padding:15px 20px !important; text-align:center !important; align-self:stretch !important; }

    .bc-product .foot-in { padding:36px 20px 0 !important; grid-template-columns:1fr !important; gap:32px !important; }
    .bc-product .foot-mark { font-size:20px !important; }
    .bc-product .foot-addr { font-size:13.5px !important; }
    .bc-product .foot-ct span { font-size:13.5px !important; }
    .bc-product .foot-h { font-size:11.5px !important; }
    .bc-product .foot-links a { font-size:13.5px !important; }
    .bc-product .social a { width:44px !important; height:44px !important; }
    .bc-product .foot-bar { border-top:0 !important; }
    .bc-product .foot-bar .wrap { border-top:1px solid #1E1E1E !important; padding-top:18px !important; padding-bottom:18px !important; }
    .bc-product .foot-bar span { font-size:11.5px !important; line-height:1.6 !important; }
  }

  /* ===== Mobile — hamburger nav kicks in below 600px ===== */
  @media (max-width:600px) {
    .bc-product .mobile-only { display:block !important; }
    .bc-product .mobile-inline { display:inline !important; }
    .bc-product .nav, .bc-product .mega, .bc-product .res { display:none !important; }
    .bc-product .burger { display:flex !important; }
  }

/* Breadcrumbs (added for SEO/UX — see functions-snippet.php bc_breadcrumbs()) */
.bc-product .bc-crumbs { padding:24px 0 20px; }
.bc-product .bc-crumbs ol { list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:4px; }
.bc-product .bc-crumbs li { font-family:'Inter', sans-serif; font-size:12.5px; color:#8A8A8A; display:flex; align-items:center; gap:4px; }
.bc-product .bc-crumbs a { color:#8A8A8A; }
.bc-product .bc-crumbs a:hover { color:#C9A84C; }
.bc-product .bc-crumbs li[aria-current="page"] { color:#C9A84C; }
@media (max-width:600px) {
  .bc-product .bc-crumbs { padding:16px 0 14px; }
  .bc-product .bc-crumbs li { font-size:11px; }
}

/* ===== Coming Soon / WIP page (page-category-wip.php) =====
   Self-contained "wip-*" classes for the single shared placeholder page every
   not-yet-built category link now resolves to. Deliberately NOT reusing .hero/
   .hero-in — those assume a two-column photo layout this page doesn't have
   (most categories have no hero image in GCS yet; a text-only centered hero
   avoids blocking on that and avoids a mismatched image).
   NOTE: the hero SHELL (eyebrow/H1/sub) is named .simple-hero/.simple-h1/
   .simple-sub, not wip-*, because Partner With Us and Career reuse the exact
   same shell. Only the parts that are genuinely Coming-Soon-specific (the
   launching-soon badge, the escape-hatch CTA row) kept the wip- prefix. */
.bc-product .simple-hero { padding:100px 0 84px; text-align:center; border-bottom:1px solid #232323; }
.bc-product .simple-hero .eyerow { justify-content:center; }
.bc-product .simple-h1 { font-family:'Barlow', sans-serif; font-weight:800; font-size:50px; line-height:1.15; letter-spacing:-.01em; color:#FFF; max-width:820px; margin:24px auto 0; text-wrap:pretty; }
.bc-product .simple-h1 .accent { color:#C9A84C; }
.bc-product .simple-sub { font-family:'Inter', sans-serif; font-weight:300; font-size:17px; line-height:1.65; color:#C4C4C4; max-width:600px; margin:20px auto 0; text-wrap:pretty; }
.bc-product .wip-badge { display:inline-flex; align-items:center; gap:8px; font-family:'Inter', sans-serif; font-size:11px; font-weight:600; letter-spacing:.16em; text-transform:uppercase; color:#C9A84C; border:1px solid #2A2A2A; padding:11px 20px; margin-top:30px; }
.bc-product .wip-final { padding:80px 0 100px; }
.bc-product .wip-cta-row { display:flex; align-items:center; justify-content:center; gap:18px; flex-wrap:wrap; }

/* ===== JotForm embed wrapper (page-partner-with-us.php, page-career.php) =====
   Just spacing/border around the raw iframe embed code JotForm provides —
   deliberately not touching anything inside the iframe. Brand styling of the
   form itself is done in JotForm's own Form Designer, not here. */
.bc-product .jf-embed-section { padding:64px 0 100px; }
.bc-product .jf-embed-wrap { background:#111; border:1px solid #262626; padding:8px; }
.bc-product .jf-embed-wrap iframe { display:block; width:100%; }

@media (max-width:900px) {
  .bc-product .simple-hero { padding:64px 0 52px !important; }
  .bc-product .simple-h1 { font-size:32px !important; line-height:1.15 !important; margin-top:18px !important; }
  .bc-product .simple-sub { font-size:15px !important; margin-top:16px !important; }
  .bc-product .wip-badge { font-size:10px !important; padding:9px 16px !important; margin-top:22px !important; }
  .bc-product .wip-final { padding:44px 0 64px !important; }
  .bc-product .jf-embed-section { padding:36px 0 56px !important; }
}

@media (max-width:600px) {
  .bc-product .wip-cta-row { flex-direction:column !important; align-items:stretch !important; }
  .bc-product .wip-cta-row .btn-gold, .bc-product .wip-cta-row .btn-outline { text-align:center !important; }
}