Invite team members

Pasted text.txt
Document

Pasted text (2).txt
Document
goldi this consumer post. Please move the video further down in the post.  css attached.


Worked for 1m 56s
Goldilocks complete. 🛠️

The video now appears after the “How Do You Get Water Out of a Gas Tank?” solution section and immediately before the FAQs, where it feels useful rather than parachuting into the opening. The original post wording remains intact while the structure, links, headings, CTAs, image markup, FAQ accordions, and schema were cleaned. 


The post now uses the existing .bp-quick-answer, .bp-toc, and .bp-faq styling from your child CSS. I also appended a small responsive .bp-video-link helper to center and polish the relocated video thumbnail without inline styling. 




I also updated the outdated diesel article link to its current Bell Performs URL and used verified Bell pages for DFS Plus, ethanol-blended gasoline, and water-in-fuel links. 

Suggested HubSpot tags:
Cars and Light Trucks; Fuel Storage; Gasoline; Car Care; Ethanol 

<p>Maybe you left your gas cap off during a heavy rain. Maybe the station you fueled up at had water in one of its underground storage tanks and some of it ended up in your vehicle. It's probably not condensation—modern vehicle fuel systems are largely sealed, making condensation a much less common source of water contamination than it is in large vented storage tanks.</p>
<!--more-->
<div class="bp-quick-answer">
  <p class="bp-quick-answer__eyebrow">Quick Answer</p>
  <div class="bp-quick-answer__body">
    <p>Water in a gas tank causes sputtering, hesitation, and sudden surging—often shortly after a fill-up. Water won't vaporize and burn like gasoline, so the engine stumbles each time an injector delivers water instead of fuel. For most drivers, an alcohol-free fuel treatment like <a href="https://shop.bellperformance.com/collections/dfs-plus-diesel-fuel-surfactant" target="_blank" rel="noopener">DFS Plus</a> from Bell Performance is the most practical way to deal with small amounts of free water without draining the tank.</p>
  </div>
</div>
<nav class="bp-toc" aria-label="Table of contents">
  <header>
    <p class="bp-toc__title">Table of Contents</p>
  </header>
  <div class="bp-toc__list">
    <ol>
      <li><a href="#water-in-gas-tank-symptoms">What Are the Symptoms of Water in a Gas Tank?</a></li>
      <li><a href="#why-water-makes-an-engine-sputter">Why Does Water Make an Engine Sputter and Surge?</a></li>
      <li><a href="#small-amount-of-water-in-gasoline">Is a Small Amount of Water in Gasoline Normal?</a></li>
      <li><a href="#get-water-out-of-a-gas-tank">How Do You Get Water Out of a Gas Tank?</a></li>
      <li><a href="#water-in-gas-tank-faq">Frequently Asked Questions About Water in Gas Tanks</a></li>
    </ol>
  </div>
</nav>
<p>However it got there, <a href="https://shop.bellperformance.com/pages/water-in-fuel" target="_blank" rel="noopener">water in your gas tank</a> is a problem that should be dealt with quickly. Here's how to recognize the symptoms, what's happening inside your engine, and the most practical ways to remove the water before it causes bigger problems.</p>
<h2 id="water-in-gas-tank-symptoms">What Are the Symptoms of Water in a Gas Tank?</h2>
<p><img src="https://cdn2.hubspot.net/hub/68152/file-247471160-jpg/images/water_in_fuel_1.jpg?t=1440091436385&amp;width=264&amp;height=150" alt="Water in a gas tank" width="264" height="150" loading="lazy" decoding="async"></p>
<p>The biggest clue is a sudden change in how your vehicle runs—especially if it starts shortly after you've filled the tank. You press the accelerator and the engine hesitates or sputters. It struggles to reach highway speed. Or it stumbles, then suddenly catches and surges forward as normal combustion returns.</p>
<p>Timing matters. If your vehicle was running normally before your last fill-up and the problems appeared immediately afterward, water contamination should be high on your list of possible causes.</p>
<p><!--HubSpot Call-to-Action Code --><span class="hs-cta-wrapper" id="hs-cta-wrapper-0270a7c7-8795-401e-a549-9bbdbcf6e305"><span class="hs-cta-node hs-cta-0270a7c7-8795-401e-a549-9bbdbcf6e305" id="hs-cta-0270a7c7-8795-401e-a549-9bbdbcf6e305"><!--[if lte IE 8]><div id="hs-cta-ie-element"></div><![endif]--><a href="https://cta-redirect.hubspot.com/cta/redirect/68152/0270a7c7-8795-401e-a549-9bbdbcf6e305"><img class="hs-cta-img" id="hs-cta-img-0270a7c7-8795-401e-a549-9bbdbcf6e305" style="border-width:0px;margin: 0 auto; display: block; margin-top: 20px; margin-bottom: 20px" src="https://no-cache.hubspot.com/cta/default/68152/0270a7c7-8795-401e-a549-9bbdbcf6e305.png" alt="DFS Plus for Water in Fuel Tank" align="middle"></a></span><script charset="utf-8" src="/hs/cta/cta/current.js"></script><script type="text/javascript"> hbspt.cta._relativeUrls=true;hbspt.cta.load(68152, '0270a7c7-8795-401e-a549-9bbdbcf6e305', {"useNewLoader":"true","region":"na1"}); </script></span><!-- end HubSpot Call-to-Action Code --></p>
<h2 id="why-water-makes-an-engine-sputter">Why Does Water Make an Engine Sputter and Surge?</h2>
<p>The sputtering happens because slugs of water are being drawn into the fuel injectors instead of gasoline. Unlike gasoline, water doesn't vaporize and burn to release energy. When enough water reaches the combustion chamber, combustion is weakened or interrupted altogether, causing that cylinder to misfire. The result is hesitation, rough running, and a noticeable loss of power.</p>
<p>Those sudden surges happen when gasoline reaches the injector again and normal combustion resumes.</p>
<p>Water can also damage the fuel system over time. Gasoline provides some lubrication for fuel pumps and injectors, while water does not. Repeated exposure to water increases wear on these components, and standing water inside the fuel system can eventually lead to corrosion. Any rust or debris that forms may later clog or damage sensitive fuel system components.</p>
<h2 id="small-amount-of-water-in-gasoline">Is a Small Amount of Water in Gasoline Normal?</h2>
<p>Yes. All gasoline contains a small amount of dissolved water, and <a href="https://www.bellperformance.com/effects-of-ethanol-blend-gasoline-campaign" target="_blank" rel="noopener">ethanol-blended fuels</a> like E10 can hold somewhat more because ethanol naturally attracts water. At these trace levels, the water remains dissolved in the fuel and passes through the engine without causing noticeable problems.</p>
<p>The real concern is free water—water that has separated from the gasoline and settled to the bottom of the tank because it is heavier than fuel. Since the fuel pump draws fuel from near the bottom of the tank, that free water can be pulled into the fuel system in slugs, producing the sputtering, hesitation, and rough running described above. Once free water is present, continuing to drive generally won't solve the problem. The water needs to be removed or safely dispersed.</p>
<h2 id="get-water-out-of-a-gas-tank">How Do You Get Water Out of a Gas Tank?</h2>
<p>For most drivers, a quality fuel treatment is the most practical solution. While severe contamination may require draining the tank and replacing the fuel, that's rarely necessary for the small amounts of free water most motorists encounter.</p>
<p>Traditional fuel-drying products have been used for decades and typically rely on alcohol to absorb small amounts of water into the fuel so it can pass harmlessly through the engine. <a href="https://shop.bellperformance.com/collections/dfs-plus-diesel-fuel-surfactant" target="_blank" rel="noopener">DFS Plus</a> from Bell Performance takes a different approach. Instead of relying on alcohol, it uses specialized surfactant chemistry to control free water and help disperse it throughout the fuel. That's especially appealing for owners of older vehicles or equipment where repeated use of alcohol-based treatments may not be desirable.</p>
<p>If you're dealing with water contamination in your gasoline, DFS Plus is formulated to help control free water, protect fuel system components, and reduce the corrosion problems that excess moisture can create.</p>
<div class="bp-video-link">
  <a href="https://share.vidyard.com/watch/2YqqJgg7d98c1o7zM3N3Zj?" class="viewedit-link" data-playeruuid="2YqqJgg7d98c1o7zM3N3Zj" target="_blank" rel="noopener">
    <img src="https://play.vidyard.com/2YqqJgg7d98c1o7zM3N3Zj.jpg?email=1" alt="Video: water in gas tank symptoms and solutions" loading="lazy" decoding="async">
  </a>
</div>
<div class="bp-faq">
  <h2 id="water-in-gas-tank-faq">Frequently Asked Questions About Water in Gas Tanks</h2>
  <details class="bp-faq__item">
    <summary class="bp-faq__question">Can I keep driving with water in my gas tank?</summary>
    <div class="bp-faq__answer">
      <p><strong>It's not a good idea.</strong> Driving with free water in the fuel can cause repeated misfires, hesitation, and poor performance. Water also provides little lubrication for fuel pumps and injectors and can promote corrosion if it remains in the fuel system. The sooner you remove or treat the water, the less chance it has to cause long-term problems.</p>
    </div>
  </details>
  <details class="bp-faq__item">
    <summary class="bp-faq__question">Will water in a gas tank go away on its own?</summary>
    <div class="bp-faq__answer">
      <p><strong>No.</strong> Water is heavier than gasoline, so free water settles at the bottom of the tank—right where the fuel pickup is typically located. It won't simply disappear from a sealed fuel system. The practical solutions are to drain the contaminated fuel or treat it with a fuel additive designed to control free water so it can pass safely through the engine.</p>
    </div>
  </details>
  <details class="bp-faq__item">
    <summary class="bp-faq__question">What are the first signs of water in a gas tank?</summary>
    <div class="bp-faq__answer">
      <p>Hesitation and sputtering during acceleration, trouble holding highway speed, and sudden surges in RPM are the classic signs—especially when they start shortly after a fill-up. The stumble happens when the injectors spray water instead of gasoline, and the surge happens when fresh fuel reaches the injector again.</p>
    </div>
  </details>
  <details class="bp-faq__item">
    <summary class="bp-faq__question">How does a fuel drying agent work?</summary>
    <div class="bp-faq__answer">
      <p>A fuel drying agent controls free water by dispersing or absorbing it into the fuel so it can pass safely through the combustion process in very small amounts. Traditional products typically rely on alcohol to accomplish this. <a href="https://shop.bellperformance.com/collections/dfs-plus-diesel-fuel-surfactant" target="_blank" rel="noopener">DFS Plus</a> from Bell Performance uses alcohol-free surfactant chemistry instead, making it a good choice for older vehicles and equipment where repeated exposure to alcohol-based treatments may not be desirable.</p>
    </div>
  </details>
  <details class="bp-faq__item">
    <summary class="bp-faq__question">Where does water in a gas tank come from?</summary>
    <div class="bp-faq__answer">
      <p>Common sources include a gas cap left off in wet weather and contaminated fuel from a station with a failing water filter. Condensation is rarely the culprit in vehicles, since most automotive fuel tanks are sealed systems—unlike large storage tanks, which draw in humid air as they heat and cool.</p>
    </div>
  </details>
  <details class="bp-faq__item">
    <summary class="bp-faq__question">Can water in fuel damage fuel injectors?</summary>
    <div class="bp-faq__answer">
      <p><strong>Yes.</strong> Water reduces the lubricating properties of the fuel reaching the injectors and fuel pump, increasing wear over time. It can also promote corrosion inside metal fuel system components, and any rust or debris that forms may eventually clog or damage precision injectors. Removing free water promptly helps protect the entire fuel system.</p>
    </div>
  </details>
</div>
<h3>You may be interested in these other posts:</h3>
<ul>
  <li><a href="https://www.bellperformance.com/blog/bid/117617/Prevent-Water-in-Fuel-Tanks-With-These-3-Steps" target="_blank" rel="noopener">Prevent Water in Fuel Tanks With These 3 Steps</a></li>
  <li><a href="https://www.bellperformance.com/blog/bid/56196/10-500-Reasons-to-Eliminate-Water-in-Fuel" target="_blank" rel="noopener">$10,500 Reasons to Eliminate Water in Fuel</a></li>
  <li><a href="https://www.bellperformance.com/bell-performs-blog/water-in-diesel-fuel-7-must-knows-for-getting-rid-of-it" target="_blank" rel="noopener">Water in Diesel Fuel: 7 Must-Knows For Getting Rid of It</a></li>
</ul>
<p><!--HubSpot Call-to-Action Code --><span class="hs-cta-wrapper" id="hs-cta-wrapper-0270a7c7-8795-401e-a549-9bbdbcf6e305"><span class="hs-cta-node hs-cta-0270a7c7-8795-401e-a549-9bbdbcf6e305" id="hs-cta-0270a7c7-8795-401e-a549-9bbdbcf6e305"><!--[if lte IE 8]><div id="hs-cta-ie-element"></div><![endif]--><a href="https://cta-redirect.hubspot.com/cta/redirect/68152/0270a7c7-8795-401e-a549-9bbdbcf6e305"><img class="hs-cta-img" id="hs-cta-img-0270a7c7-8795-401e-a549-9bbdbcf6e305" style="border-width:0px;margin: 0 auto; display: block; margin-top: 20px; margin-bottom: 20px" src="https://no-cache.hubspot.com/cta/default/68152/0270a7c7-8795-401e-a549-9bbdbcf6e305.png" alt="DFS Plus for Water in Fuel Tank" align="middle"></a></span><script charset="utf-8" src="/hs/cta/cta/current.js"></script><script type="text/javascript"> hbspt.cta._relativeUrls=true;hbspt.cta.load(68152, '0270a7c7-8795-401e-a549-9bbdbcf6e305', {"useNewLoader":"true","region":"na1"}); </script></span><!-- end HubSpot Call-to-Action Code --></p>
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "Can I keep driving with water in my gas tank?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "It's not a good idea. Driving with free water in the fuel can cause repeated misfires, hesitation, and poor performance. Water also provides little lubrication for fuel pumps and injectors and can promote corrosion if it remains in the fuel system. The sooner you remove or treat the water, the less chance it has to cause long-term problems."
      }
    },
    {
      "@type": "Question",
      "name": "Will water in a gas tank go away on its own?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "No. Water is heavier than gasoline, so free water settles at the bottom of the tank—right where the fuel pickup is typically located. It won't simply disappear from a sealed fuel system. The practical solutions are to drain the contaminated fuel or treat it with a fuel additive designed to control free water so it can pass safely through the engine."
      }
    },
    {
      "@type": "Question",
      "name": "What are the first signs of water in a gas tank?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Hesitation and sputtering during acceleration, trouble holding highway speed, and sudden surges in RPM are the classic signs—especially when they start shortly after a fill-up. The stumble happens when the injectors spray water instead of gasoline, and the surge happens when fresh fuel reaches the injector again."
      }
    },
    {
      "@type": "Question",
      "name": "How does a fuel drying agent work?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "A fuel drying agent controls free water by dispersing or absorbing it into the fuel so it can pass safely through the combustion process in very small amounts. Traditional products typically rely on alcohol to accomplish this. DFS Plus from Bell Performance uses alcohol-free surfactant chemistry instead, making it a good choice for older vehicles and equipment where repeated exposure to alcohol-based treatments may not be desirable."
      }
    },
    {
      "@type": "Question",
      "name": "Where does water in a gas tank come from?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Common sources include a gas cap left off in wet weather and contaminated fuel from a station with a failing water filter. Condensation is rarely the culprit in vehicles, since most automotive fuel tanks are sealed systems—unlike large storage tanks, which draw in humid air as they heat and cool."
      }
    },
    {
      "@type": "Question",
      "name": "Can water in fuel damage fuel injectors?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Yes. Water reduces the lubricating properties of the fuel reaching the injectors and fuel pump, increasing wear over time. It can also promote corrosion inside metal fuel system components, and any rust or debris that forms may eventually clog or damage precision injectors. Removing free water promptly helps protect the entire fuel system."
      }
    }
  ]
}
</script>


small responsive `.bp-video-link` helper

is the css file you attached a full copy and replace for my child.css?

Yes. It is a full copy-and-replace of the child.css you attached, with the new .bp-video-link styles appended at the very bottom.

You can replace the entire current child.css with that file. The only caveat is if you have made additional CSS changes since uploading your original file here.


Library
/
Bell Performance
/
bell-child-css-with-blog-video-helper.css


/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

.hhs-foot-base-nav .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a,
.hhs-foot-nav-col .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
  font-size: 14px !important;
}

.hhs-top-bar {
  z-index: 9999 !important;
}

/* ================================
   Bell Performance: In-body TOC
   Targets: <nav class="bp-toc"> ... <p class="bp-toc__title"> ... <div class="bp-toc__list"><ol>...
   No HTML changes required.
================================== */

:root {
  --bp-toc-accent: #ce2029;
  --bp-toc-bg: #f7f7f9;
  --bp-toc-border: #e5e7eb;
  --bp-toc-text: #111827;
  --bp-toc-muted: #4b5563;
}

.bp-toc {
  margin: 1.25rem 0 1.75rem;
  padding: 1rem 1.1rem;
  background: var(--bp-toc-bg);
  border: 1px solid var(--bp-toc-border);
  border-left: 6px solid var(--bp-toc-accent);
  border-radius: 14px;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.06);
}

.bp-toc header {
  margin: 0 0 0.75rem;
}

.bp-toc__title {
  margin: 0;
  color: var(--bp-toc-text);
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  font-size: 0.95rem;
  line-height: 1.2;
}

.bp-toc__list {
  margin: 0;
}

.bp-toc__list ol {
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: bp-toc-item;
  display: grid;
  gap: 0.55rem;
}

.bp-toc__list li {
  counter-increment: bp-toc-item;
  display: grid;
  grid-template-columns: 2rem 1fr;
  align-items: start;
  gap: 0.6rem;
}

.bp-toc__list li::before {
  content: counter(bp-toc-item);
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  background: var(--bp-toc-accent);
  color: #fff;
  font-weight: 700;
  font-size: 0.95rem;
  line-height: 1;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.12);
}

.bp-toc__list a {
  color: var(--bp-toc-text);
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
  text-decoration-color: rgba(0, 0, 0, 0.18);
  font-weight: 600;
  line-height: 1.35;
}

.bp-toc__list a:hover {
  text-decoration-color: var(--bp-toc-accent);
}

.bp-toc__list a:focus-visible {
  outline: 3px solid rgba(206, 32, 41, 0.35);
  outline-offset: 3px;
  border-radius: 6px;
}

h2[id] {
  scroll-margin-top: 96px;
}

@media (max-width: 480px) {
  .bp-toc {
    padding: 0.9rem 0.95rem;
    border-radius: 12px;
  }

  .bp-toc__list li {
    grid-template-columns: 1.75rem 1fr;
  }

  .bp-toc__list li::before {
    width: 1.75rem;
    height: 1.75rem;
    font-size: 0.9rem;
  }
}

/* Bell Performance Pillar Page: Intro Subheading Above H1 */
.bp-kicker {
  margin: 0 0 8px;
  color: #ce2029;
  font-size: 0.9rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

/* Bell Performance tables */
.bp-table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding: 30px 0;
}

.bp-table {
  width: 100%;
  border-collapse: collapse;
}

.bp-table th,
.bp-table td {
  padding: 0.75rem;
  border: 1px solid #e5e7eb;
  text-align: left;
  vertical-align: top;
}

.bp-table thead th {
  background: #ce2029;
  color: #fff;
  border-color: #ce2029;
}

.bp-table tbody tr:nth-child(even) {
  background: #f9fafb;
}

.bp-table caption {
  caption-side: bottom;
  padding-top: 0.5rem;
  font-size: 0.95em;
}

@media (max-width: 640px) {
  .bp-table-responsive {
    overflow-x: visible;
    padding: 20px 0;
  }

  .bp-table {
    border-collapse: separate;
    border-spacing: 0;
  }

  .bp-table thead {
    display: none;
  }

  .bp-table,
  .bp-table tbody,
  .bp-table tr,
  .bp-table td {
    display: block;
    width: 100%;
  }

  .bp-table tbody tr {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 14px;
  }

  .bp-table tbody tr:nth-child(even) {
    background: #fff;
  }

  .bp-table td {
    border: 0;
    border-bottom: 1px solid #e5e7eb;
    padding: 0.75rem;
    display: grid;
    grid-template-columns: 44% 56%;
    gap: 0.75rem;
  }

  .bp-table td:last-child {
    border-bottom: 0;
  }

  .bp-table td::before {
    content: attr(data-label);
    font-weight: 700;
    color: #111827;
  }

  .bp-table tbody tr td:first-child {
    background: #ce2029;
    color: #fff;
    font-weight: 700;
    grid-template-columns: 1fr;
  }

  .bp-table tbody tr td:first-child::before {
    content: none;
  }

  .bp-table tbody tr td:first-child a {
    color: #fff;
    text-decoration: underline;
  }
}
/* Space below Bell tables */
.bp-table-responsive {
  margin-bottom: 32px;
}
/* =========================================================
   BELL PERFORMANCE BLOG: QUICK ANSWER BLOCK
   ========================================================= */

.bp-quick-answer {
  margin: 32px 0 28px;
  padding: 0;
  background: #ffffff;
  border: 1px solid #d9dde3;
  border-left: 6px solid #ce2029;
  border-radius: 12px;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.06);
  overflow: hidden;
}

.bp-quick-answer__eyebrow {
  margin: 0;
  padding: 12px 18px;
  background: #f7f8fa;
  border-bottom: 1px solid #e4e7eb;
  color: #ce2029;
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.bp-quick-answer__body {
  padding: 18px 20px 20px;
}

.bp-quick-answer__body p {
  margin: 0;
  color: #1f2933;
  font-size: 1.06rem;
  line-height: 1.7;
}

.bp-quick-answer__body strong {
  color: #111827;
}

@media (max-width: 767px) {
  .bp-quick-answer {
    margin: 24px 0;
    border-radius: 10px;
  }

  .bp-quick-answer__eyebrow {
    padding: 10px 14px;
    font-size: 0.8rem;
  }

  .bp-quick-answer__body {
    padding: 16px;
  }

  .bp-quick-answer__body p {
    font-size: 1rem;
    line-height: 1.65;
  }
}
/* Bell Performance Vertical Blocks */
.vertical-block {
  background: #fff;
  border: 1px solid #d9dde3;
  border-radius: 12px;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.06);
  margin: 32px 0 28px;
  overflow: hidden;
  position: relative;
}

.vertical-block::before {
  content: "";
  display: block;
  height: 6px;
  background: #ce2029;
}

.vertical-block__eyebrow {
  background: #f7f8fa;
  border-bottom: 1px solid #e4e7eb;
  color: #ce2029;
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  margin: 0;
  padding: 12px 18px;
  text-transform: uppercase;
}

.vertical-block__body {
  padding: 18px 20px 20px;
}

.vertical-block__title {
  color: #111827;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 10px;
}

.vertical-block__body p {
  color: #1f2933;
  line-height: 1.7;
  margin: 0;
}

.vertical-block__body p + p {
  margin-top: 0.9rem;
}

@media (max-width: 767px) {
  .vertical-block {
    border-radius: 10px;
    margin: 24px 0;
  }

  .vertical-block__eyebrow {
    font-size: 0.8rem;
    padding: 10px 14px;
  }

  .vertical-block__body {
    padding: 16px;
  }

  .vertical-block__title {
    font-size: 1.15rem;
  }

  .vertical-block__body p {
    font-size: 1rem;
    line-height: 1.65;
  }
}
/* =========================================================
   BELL PERFORMANCE BLOG: FAQ ACCORDION
   ========================================================= */

.bp-faq {
  margin: 40px 0;
}

.bp-faq > h2 {
  margin-bottom: 18px;
}

.bp-faq__item {
  margin: 0 0 14px;
  background: #ffffff;
  border: 1px solid #d9dde3;
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
  overflow: hidden;
}

.bp-faq__question {
  position: relative;
  display: block;
  margin: 0;
  padding: 18px 56px 18px 18px;
  cursor: pointer;
  list-style: none;
  font-size: 1.04rem;
  font-weight: 700;
  line-height: 1.45;
  color: #111827;
  background: linear-gradient(to right, #fff 0, #fff 12px, #f7f8fa 12px, #f7f8fa 100%);
  border-left: 5px solid #ce2029;
}

.bp-faq__question::-webkit-details-marker {
  display: none;
}

.bp-faq__question::after {
  content: "+";
  position: absolute;
  top: 50%;
  right: 18px;
  transform: translateY(-50%);
  width: 28px;
  height: 28px;
  border-radius: 999px;
  display: grid;
  place-items: center;
  background: #ce2029;
  color: #fff;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1;
}

.bp-faq__item[open] .bp-faq__question::after {
  content: "\2212";
}

.bp-faq__answer {
  padding: 0 18px 18px 18px;
}

.bp-faq__answer p {
  margin: 0;
  color: #334155;
  line-height: 1.75;
}

.bp-faq__question:hover {
  background: linear-gradient(to right, #fff 0, #fff 12px, #f1f3f6 12px, #f1f3f6 100%);
}

.bp-faq__question:focus-visible {
  outline: 3px solid rgba(206, 32, 41, 0.25);
  outline-offset: 2px;
}

@media (max-width: 767px) {
  .bp-faq {
    margin: 32px 0;
  }

  .bp-faq__question {
    padding: 16px 50px 16px 16px;
    font-size: 1rem;
  }

  .bp-faq__question::after {
    right: 14px;
    width: 26px;
    height: 26px;
  }

  .bp-faq__answer {
    padding: 0 16px 16px;
  }
}

/* =========================================================
   Bell Product Family Detail Styles
   ========================================================= */

:root {
  --pf-red: #c1232f;
  --pf-red-dark: #ae202a;
  --pf-navy: #1f3b5b;
  --pf-text: #243746;
  --pf-muted: #5f6f7f;
  --pf-border: #d9e1e7;
  --pf-bg-soft: #f5f8fb;
  --pf-white: #ffffff;
  --pf-radius: 14px;
  --pf-shadow: 0 10px 30px rgba(31, 59, 91, 0.08);
  --pf-shadow-soft: 0 6px 18px rgba(31, 59, 91, 0.06);
}

html {
  scroll-behavior: smooth;
}

#sizes,
#product-info {
  scroll-margin-top: 110px;
}

/* =========================================================
   Hero
   ========================================================= */

.pf-hero {
  padding: 56px 0 32px;
  background: linear-gradient(180deg, #f7fafc 0%, #ffffff 100%);
}

.pf-hero__inner {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, 460px);
  gap: 40px;
  align-items: center;
}

.pf-eyebrow {
  margin: 0 0 12px;
  color: var(--pf-red);
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.pf-hero h1 {
  margin: 0 0 18px;
  color: var(--pf-navy);
  line-height: 1.08;
}

.pf-summary {
  max-width: 62ch;
}

.pf-summary p {
  margin: 0;
  color: var(--pf-text);
  font-size: 1.05rem;
  line-height: 1.7;
}

.pf-hero__media {
  display: flex;
  justify-content: center;
  align-items: center;
}

.pf-hero__media img {
  display: block;
  width: 100%;
  max-width: 420px;
  height: auto;
  border-radius: 18px;
  box-shadow: var(--pf-shadow);
  background: var(--pf-white);
}

/* =========================================================
   Tags
   ========================================================= */

.pf-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 22px 0 0;
  padding: 0;
  list-style: none;
}

.pf-tags li {
  margin: 0;
  padding: 8px 14px;
  border: 1px solid rgba(193, 35, 47, 0.18);
  border-radius: 999px;
  background: rgba(193, 35, 47, 0.06);
  color: var(--pf-red);
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 1.2;
}

/* =========================================================
   Shared section spacing
   ========================================================= */

.pf-size-selector,
.pf-section,
.pf-tabs,
.pf-listing,
.pf-error {
  padding: 28px 0;
}

.pf-section + .pf-section {
  padding-top: 10px;
}

.pf-section h2,
.pf-size-selector h2 {
  margin-top: 0;
  margin-bottom: 20px;
  color: var(--pf-navy);
}

/* =========================================================
   Size selector dropdown + active panel
   ========================================================= */

.pf-size-selector {
  padding: 28px 0;
}

.pf-size-picker {
  max-width: 620px;
  margin-bottom: 22px;
}

.pf-size-picker__label {
  display: block;
  margin: 0 0 10px;
  color: var(--pf-navy);
  font-weight: 700;
  line-height: 1.3;
}

.pf-size-picker__select {
  display: block;
  width: 100%;
  min-height: 54px;
  padding: 0 16px;
  border: 1px solid var(--pf-border);
  border-radius: 10px;
  background: var(--pf-white);
  color: var(--pf-text);
  font: inherit;
  box-shadow: var(--pf-shadow-soft);
  appearance: auto;
}

.pf-size-panels {
  max-width: 620px;
}

.pf-size-panel {
  padding: 24px;
  border: 1px solid var(--pf-border);
  border-radius: var(--pf-radius);
  background: var(--pf-white);
  box-shadow: var(--pf-shadow-soft);
}

.pf-size-panel[hidden] {
  display: none !important;
}

.pf-size-panel__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
  margin-bottom: 18px;
}

.pf-size-panel__eyebrow {
  margin: 0 0 6px;
  color: var(--pf-muted);
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.pf-size-panel h3 {
  margin: 0;
  color: var(--pf-navy);
  font-size: 1.35rem;
  line-height: 1.2;
}

.pf-size-panel__price {
  margin: 0;
  color: var(--pf-red);
  font-size: 1.35rem;
  font-weight: 700;
  line-height: 1.1;
  white-space: nowrap;
}

.pf-size-meta {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 14px;
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
  border: 0;
}

.pf-size-meta li {
  margin: 0;
  padding: 0 0 7px;
  border-bottom: 1px solid #dbe5ee;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1px;
}

/* keep the row order explicit */
.pf-size-meta li:first-child {
  order: 1; /* Package */
}

.pf-size-meta [data-shopify-sku-row] {
  order: 2; /* SKU */
}

.pf-size-meta [data-shopify-weight-row] {
  order: 3; /* Weight */
}

.pf-size-meta [data-shopify-availability-row] {
  order: 4; /* Availability */
}

.pf-size-meta li strong {
  display: block;
  margin: 0;
  color: #5b6b7c;
  font-size: 0.68rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0;
  text-transform: none;
}

.pf-size-meta li strong + span,
.pf-size-meta li strong + * {
  display: block;
  color: var(--pf-navy);
  font-size: 0.8rem;
  line-height: 1.22;
}

.pf-size-meta [data-shopify-sku],
.pf-size-meta [data-shopify-weight],
.pf-size-meta [data-shopify-availability] {
  display: block;
  color: var(--pf-navy);
  font-size: 0.8rem;
  line-height: 1.22;
  word-break: break-word;
}

@media (max-width: 767px) {
  .pf-size-meta {
    grid-template-columns: 1fr;
    gap: 7px;
  }

  .pf-size-meta li {
    padding-bottom: 6px;
  }

  .pf-size-meta li strong {
    font-size: 0.68rem;
  }

  .pf-size-meta li strong + span,
  .pf-size-meta li strong + *,
  .pf-size-meta [data-shopify-sku],
  .pf-size-meta [data-shopify-weight],
  .pf-size-meta [data-shopify-availability] {
    font-size: 0.78rem;
    line-height: 1.2;
  }
}

.shopify-buy-button-wrap {
  margin-top: 20px;
  max-width: 260px;
}

.shopify-buy-button {
  margin-top: 0;
}

.shopify-buy-button:empty {
  min-height: 52px;
}

.shopify-buy-button .shopify-buy__product,
.shopify-buy-button .shopify-buy__layout-vertical {
  margin: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
}

.shopify-buy-button .shopify-buy__btn {
  width: 100%;
  border-radius: 8px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}

/* =========================================================
   Tabs
   ========================================================= */

.pf-tabs {
  padding-top: 8px;
  padding-bottom: 8px;
}

.pf-tabs__nav {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 18px;
  padding: 0 0 12px;
  border-bottom: 1px solid var(--pf-border);
}

.pf-tabs__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 14px;
  border: 0;
  border-radius: 999px;
  background: var(--pf-bg-soft);
  color: var(--pf-navy);
  font: inherit;
  font-weight: 600;
  line-height: 1.2;
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.pf-tabs__button:hover,
.pf-tabs__button:focus {
  background: rgba(193, 35, 47, 0.08);
  color: var(--pf-red);
  transform: translateY(-1px);
}

.pf-tabs__button.is-active,
.pf-tabs__button[aria-selected="true"] {
  background: var(--pf-red);
  color: var(--pf-white);
}

.pf-tab-panel[hidden] {
  display: none !important;
}

.pf-tab-panel.is-active {
  display: block;
}

/* =========================================================
   Rich text
   ========================================================= */

.pf-rte {
  color: var(--pf-text);
}

.pf-rte > *:first-child {
  margin-top: 0;
}

.pf-rte > *:last-child {
  margin-bottom: 0;
}

.pf-rte p,
.pf-rte li {
  line-height: 1.75;
}

.pf-rte a {
  color: var(--pf-red);
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}

.pf-rte a:hover,
.pf-rte a:focus {
  color: var(--pf-red-dark);
}

.pf-benefits-intro {
  margin-top: 20px;
}

/* =========================================================
   Benefits list
   ========================================================= */

.pf-benefits-list {
  display: grid;
  gap: 14px;
  margin: 24px 0 0;
  padding: 0;
  list-style: none;
}

.pf-benefits-list li {
  position: relative;
  margin: 0;
  padding: 16px 18px 16px 48px;
  border: 1px solid var(--pf-border);
  border-radius: 12px;
  background: var(--pf-white);
  box-shadow: var(--pf-shadow-soft);
  color: var(--pf-text);
  line-height: 1.65;
}

.pf-benefits-list li::before {
  content: "";
  position: absolute;
  left: 18px;
  top: 18px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--pf-red);
  box-shadow: 0 0 0 5px rgba(193, 35, 47, 0.12);
}

/* =========================================================
   Video section
   ========================================================= */

.pf-video + .pf-video {
  margin-top: 28px;
  padding-top: 28px;
  border-top: 1px solid var(--pf-border);
}

.pf-video h3 {
  margin: 0 0 14px;
  color: var(--pf-navy);
}

.pf-video__embed {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 14px;
  background: #000;
  box-shadow: var(--pf-shadow-soft);
}

.pf-video__embed iframe,
.pf-video__embed video,
.pf-video__embed embed,
.pf-video__embed object {
  display: block;
  width: 100%;
  max-width: 100%;
  min-height: 420px;
}

/* =========================================================
   Downloads / Safety
   ========================================================= */

.pf-downloads {
  display: grid;
  gap: 14px;
  margin-top: 22px;
}

.pf-downloads p {
  margin: 0;
}

.pf-downloads a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--pf-red);
  font-weight: 600;
  text-decoration: none;
}

.pf-downloads a:hover,
.pf-downloads a:focus {
  color: var(--pf-red-dark);
  text-decoration: underline;
}

.pf-prop65 {
  margin-top: 10px;
}

.pf-prop65 img {
  display: block;
  max-width: 260px;
  height: auto;
  border-radius: 8px;
  border: 1px solid var(--pf-border);
  background: var(--pf-white);
}

/* =========================================================
   Listing / fallback
   ========================================================= */

.pf-listing ul,
.pf-error ul {
  padding-left: 1.2em;
}

.pf-listing a {
  color: var(--pf-red);
}

/* =========================================================
   Responsive
   ========================================================= */

@media (max-width: 1080px) {
  .pf-hero__inner {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .pf-hero__media {
    justify-content: flex-start;
  }
}

@media (max-width: 767px) {
  .pf-hero {
    padding: 42px 0 22px;
  }

  .pf-size-panel {
    padding: 20px;
  }

  .pf-size-panel__header {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .pf-size-panel__price {
    white-space: normal;
  }

  .shopify-buy-button-wrap {
    max-width: 100%;
  }

  .pf-tabs__nav {
    gap: 10px;
  }

  .pf-tabs__button {
    width: 100%;
  }

  .pf-video__embed iframe,
  .pf-video__embed video,
  .pf-video__embed embed,
  .pf-video__embed object {
    min-height: 240px;
  }
}

/* Product Family video card overrides for new HubDB card layout */
.pf-video-grid > .pf-video,
.pf-video-grid > .pf-video + .pf-video {
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}

.pf-video-grid .pf-video-thumb {
  gap: 0 !important;
  row-gap: 0 !important;
  column-gap: 0 !important;
}

.pf-video-grid .pf-video-thumb__media,
.pf-video-grid .pf-video-thumb__body {
  margin: 0 !important;
}

/* Product Family Shopify button styled like tab buttons, but green */
.shopify-buy__btn,
.shopify-buy__btn:link,
.shopify-buy__btn:visited {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 52px !important;
  width: 100% !important;
  padding: 14px 22px !important;
  border: 1px solid #459608 !important;
  border-radius: 999px !important;
  background: #459608 !important;
  color: #ffffff !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.01em !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease !important;
}

.shopify-buy__btn:hover,
.shopify-buy__btn:focus {
  background: #387a06 !important;
  border-color: #387a06 !important;
  color: #ffffff !important;
  text-decoration: none !important;
  transform: translateY(-1px);
}

.shopify-buy__btn:focus-visible {
  outline: 2px solid #387a06 !important;
  outline-offset: 2px !important;
}

/* =========================================================
   Product listing tiles
   ========================================================= */

.pf-listing .content-wrapper {
  max-width: 1200px;
}

.pf-product-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  align-items: start;
}

.pf-product-card {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 6px 16px rgba(15, 23, 42, 0.06);
  overflow: hidden;
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.pf-product-card:hover,
.pf-product-card:focus-within {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.10);
}

.pf-product-card__link {
  display: block;
  width: 100%;
  color: inherit;
  text-decoration: none;
}

.pf-product-card__link:hover,
.pf-product-card__link:focus {
  text-decoration: none;
}

.pf-product-card__media {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  aspect-ratio: 4 / 3;
  padding: 16px;
  background: #ffffff;
  overflow: hidden;
}

.pf-product-card__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.pf-product-card__fallback {
  display: block;
  width: 100%;
  height: 100%;
  background: #f5f7fa;
}

.pf-product-card__body {
  display: block;
  padding: 10px 12px 14px;
}

.pf-product-card__title {
  display: -webkit-box;
  width: 100%;
  overflow: hidden;
  color: var(--pf-navy);
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1.3;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.pf-product-card__link:hover .pf-product-card__title,
.pf-product-card__link:focus .pf-product-card__title {
  color: var(--pf-red);
}

@media (max-width: 1080px) {
  .pf-product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .pf-product-grid {
    grid-template-columns: 1fr;
  }
}

   /* Comparison-chart-only overrides.
     Keeps standard bp-table styling intact everywhere else. */
  .bp-table.bp-compare-chart {
    font-size: 13px;
    line-height: 1.4;
  }

  .bp-table.bp-compare-chart thead th {
    font-size: 12px;
    line-height: 1.3;
    text-align: center;
    vertical-align: middle;
  }

  .bp-table.bp-compare-chart thead th:first-child {
    text-align: left;
  }

  .bp-table.bp-compare-chart tbody th[scope="row"] {
    text-align: left;
    vertical-align: top;
    width: 24%;
    min-width: 220px;
  }

  .bp-table.bp-compare-chart tbody td {
    text-align: center;
    vertical-align: top;
    width: 9.5%;
  }

  .bp-table.bp-compare-chart td strong {
    color: #459609;
    white-space: nowrap;
  }

  .bp-table.bp-compare-chart .bp-compare-subtext {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    line-height: 1.35;
    font-weight: 600;
  }

  @media (max-width: 991px) {
    .bp-table.bp-compare-chart {
      font-size: 12px;
    }

    .bp-table.bp-compare-chart thead th {
      font-size: 11px;
      padding: 10px 8px;
    }

    .bp-table.bp-compare-chart tbody th[scope="row"],
    .bp-table.bp-compare-chart tbody td {
      padding: 10px 8px;
    }

    .bp-table.bp-compare-chart .bp-compare-subtext {
      font-size: 11px;
    }
  }

/* Bell Performance Product Chemistry */
.bp-chemistry {
  margin: 24px 0 0;
  padding: 18px 20px;
  background: #ffffff;
  border: 1px solid #d9dde3;
  border-left: 6px solid #ce2029;
  border-radius: 12px;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.06);
}

.bp-chemistry h3,
.bp-chemistry h4 {
  margin: 0 0 14px;
  color: #111827;
}

.bp-chemistry dl {
  margin: 0;
}

.bp-chemistry dl > div {
  display: grid;
  grid-template-columns: minmax(180px, 220px) 1fr;
  gap: 10px 18px;
  padding: 10px 0;
  border-top: 1px solid #e5e7eb;
}

.bp-chemistry dl > div:first-child {
  border-top: 0;
  padding-top: 0;
}

.bp-chemistry dt {
  margin: 0;
  color: #4b5563;
  font-weight: 700;
  line-height: 1.4;
}

.bp-chemistry dd {
  margin: 0;
  color: #111827;
  line-height: 1.6;
}

.bp-chemistry dd strong {
  color: #111827;
}

@media (max-width: 640px) {
  .bp-chemistry {
    padding: 16px;
  }

  .bp-chemistry dl > div {
    grid-template-columns: 1fr;
    gap: 4px;
  }

  .bp-chemistry dt {
    font-size: 0.95rem;
  }
}
/* Bell Performance Current Specials hero */
.bp-specials-hero {
  background: linear-gradient(180deg, #f7fafc 0%, #ffffff 100%);
  padding: 0;
}

.bp-specials-hero__eyebrow {
  display: inline-block;
  margin: 0 0 14px;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(193, 35, 47, 0.08);
  color: #c1232f;
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.bp-specials-hero h1 {
  margin: 0 0 16px;
  color: #1f3b5b;
  font-size: clamp(2.3rem, 4vw, 4rem);
  line-height: 1.08;
}

.bp-specials-hero__copy {
  margin: 0 0 18px;
  max-width: 58ch;
  color: #243746;
  font-size: 1.1rem;
  line-height: 1.75;
}

.bp-specials-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

.bp-specials-hero__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 14px 24px;
  border: 1px solid #c1232f;
  border-radius: 999px;
  background: #c1232f;
  color: #ffffff;
  font-weight: 700;
  text-decoration: none;
  transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.bp-specials-hero__button:hover,
.bp-specials-hero__button:focus {
  background: #ae202a;
  border-color: #ae202a;
  color: #ffffff;
  text-decoration: none;
  transform: translateY(-1px);
}

.bp-specials-hero__button--secondary {
  background: #ffffff;
  border: 1px solid #d9e1e7;
  color: #1f3b5b;
}

.bp-specials-hero__button--secondary:hover,
.bp-specials-hero__button--secondary:focus {
  background: #f5f8fb;
  border-color: #d9e1e7;
  color: #1f3b5b;
}

.bp-specials-hero__card {
  padding: 28px;
  border: 1px solid #d9dde3;
  border-left: 6px solid #c1232f;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.06);
}

.bp-specials-hero__card-title {
  margin: 0 0 10px;
  color: #1f3b5b;
  font-size: 1.2rem;
  font-weight: 700;
}

.bp-specials-hero__card-copy {
  margin: 0;
  color: #243746;
  line-height: 1.7;
}

@media (max-width: 767px) {
  .bp-specials-hero__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .bp-specials-hero__button {
    width: 100%;
  }
}

/* Bell Performance Current Specials signup band */
.bp-specials-signup {
  padding: 0;
  border: 1px solid #d9dde3;
  border-left: 6px solid #c1232f;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.06);
}

.bp-specials-signup__eyebrow {
  display: inline-block;
  margin: 0 0 10px;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(193, 35, 47, 0.08);
  color: #c1232f;
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.bp-specials-signup h2 {
  margin: 0 0 12px;
  color: #1f3b5b;
  font-size: clamp(1.9rem, 3vw, 2.6rem);
  line-height: 1.12;
}

.bp-specials-signup__copy {
  margin: 0;
  max-width: 58ch;
  color: #243746;
  font-size: 1.02rem;
  line-height: 1.75;
}

/* Right-column HubSpot form styling */
.bp-specials-signup .hs-form,
.bp-specials-signup form {
  padding: 24px;
  border-radius: 12px;
  background: #f5f8fb;
  border: 1px solid #d9e1e7;
}

.bp-specials-signup .hs-form-field {
  margin-bottom: 14px;
}

.bp-specials-signup label {
  color: #1f3b5b;
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1.4;
}

.bp-specials-signup input[type="text"],
.bp-specials-signup input[type="email"],
.bp-specials-signup input[type="tel"],
.bp-specials-signup textarea,
.bp-specials-signup select {
  display: block;
  width: 100%;
  min-height: 50px;
  padding: 0 14px;
  border: 1px solid #cbd5df;
  border-radius: 10px;
  background: #ffffff;
  color: #243746;
  font: inherit;
}

.bp-specials-signup textarea {
  min-height: 120px;
  padding: 12px 14px;
}

.bp-specials-signup .hs-button,
.bp-specials-signup input[type="submit"] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  width: auto;
  min-width: 220px;
  padding: 14px 28px;
  border: 1px solid #c1232f;
  border-radius: 999px;
  background: #c1232f;
  color: #ffffff;
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  box-shadow: none;
  transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.bp-specials-signup .hs-button:hover,
.bp-specials-signup .hs-button:focus,
.bp-specials-signup input[type="submit"]:hover,
.bp-specials-signup input[type="submit"]:focus {
  background: #ae202a;
  border-color: #ae202a;
  color: #ffffff;
  text-decoration: none;
  transform: translateY(-1px);
}

.bp-specials-signup .hs-error-msg,
.bp-specials-signup .hs-main-font-element {
  color: #243746;
}
.bp-specials-signup .actions,
.bp-specials-signup .hs_submit {
  text-align: center;
}

@media (max-width: 767px) {
  .bp-specials-signup {
    padding: 0;
  }
}

/* Bell Performance Current Specials domestic-only note */
.bp-specials-note {
  padding: 18px 20px;
  border: 1px solid #e5e7eb;
  border-left: 6px solid #c1232f;
  border-radius: 12px;
  background: #f7f8fa;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
}

.bp-specials-note__eyebrow {
  display: inline-block;
  margin: 0 0 10px;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(193, 35, 47, 0.08);
  color: #c1232f;
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.bp-specials-note__copy {
  margin: 0;
  color: #243746;
  font-size: 1rem;
  line-height: 1.7;
}

@media (max-width: 767px) {
  .bp-specials-note {
    padding: 16px;
  }
}

.bp-specials-offers-intro__eyebrow {
  display: inline-block;
  margin: 0 0 10px;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(193, 35, 47, 0.08);
  color: #c1232f;
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.bp-specials-offers-intro h2 {
  margin: 0 0 12px;
  color: #1f3b5b;
  font-size: clamp(2rem, 3vw, 2.8rem);
  line-height: 1.12;
}

.bp-specials-offers-intro__copy {
  margin: 0;
  max-width: 62ch;
  color: #243746;
  font-size: 1.02rem;
  line-height: 1.75;
}

/* Bell Performance Current Specials fine print */
.bp-specials-fineprint__copy {
  margin: 0;
  color: #5f6f7f;
  font-size: 0.92rem;
  line-height: 1.6;
}

/* Bell Performance Current Specials bottom CTA */
.bp-specials-cta {
  padding: 0;
  border: 1px solid #d9dde3;
  border-left: 6px solid #c1232f;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.06);
}

.bp-specials-cta__eyebrow {
  display: inline-block;
  margin: 0 0 10px;
  padding: 7px 12px;
  border-radius: 999px;
  background: rgba(193, 35, 47, 0.08);
  color: #c1232f;
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.bp-specials-cta h2 {
  margin: 0 0 12px;
  color: #1f3b5b;
  font-size: clamp(2rem, 3vw, 2.8rem);
  line-height: 1.12;
}

.bp-specials-cta__copy {
  margin: 0 0 24px;
  max-width: 58ch;
  color: #243746;
  font-size: 1.02rem;
  line-height: 1.75;
}

.bp-specials-cta__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}

.bp-specials-cta__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 14px 24px;
  border: 1px solid #c1232f;
  border-radius: 999px;
  background: #c1232f;
  color: #ffffff;
  font-weight: 700;
  text-decoration: none;
  transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.bp-specials-cta__button:hover,
.bp-specials-cta__button:focus {
  background: #ae202a;
  border-color: #ae202a;
  color: #ffffff;
  text-decoration: none;
  transform: translateY(-1px);
}

.bp-specials-cta__button--secondary {
  background: #ffffff;
  border: 1px solid #d9e1e7;
  color: #1f3b5b;
}

.bp-specials-cta__button--secondary:hover,
.bp-specials-cta__button--secondary:focus {
  background: #f5f8fb;
  border-color: #d9e1e7;
  color: #1f3b5b;
}

/* CLS guard for HubSpot chat widget */
#hubspot-messages-iframe-container {
  position: fixed !important;
  right: 16px !important;
  bottom: 16px !important;
  z-index: 2147483647 !important;
  transform: none !important;
}

#hubspot-conversations-iframe {
  display: block !important;
  border: 0 !important;
}
/* =========================================================
   Bell Performance Blog: linked video thumbnail
   ========================================================= */

.bp-video-link {
  margin: 32px 0;
  text-align: center;
}

.bp-video-link a {
  display: inline-block;
  max-width: 100%;
}

.bp-video-link img {
  display: block;
  width: 100%;
  max-width: 720px;
  height: auto;
  border-radius: 12px;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
}