/* Settings Variables */
    .ed_breadcrumbs-section#ed_section-product__om_breadcrumbs {
      --breadcrumbs-alignment: start;
      --breadcrumbs-text-color: #000;
      --breadcrumbs-font-size: 14px;
      --breadcrumbs-font-case: default;
      --breadcrumbs-font-weight: normal;
      --padding-left: 40px;
      --padding-right: 20px;
      --padding-top: 20px;
      --padding-bottom: 0px;
      --padding-left-mobile: 18px;
      --padding-right-mobile: 20px;
      --padding-top-mobile: 20px;
      --padding-bottom-mobile: 12px;
      --max-width: none;
      
    }

    /* Section */
    .ed_breadcrumbs-section {
      padding-top: var(--padding-top);
      padding-bottom: var(--padding-bottom);
      padding-left: var(--padding-left);
      padding-right: var(--padding-right);
      color: var(--breadcrumbs-text-color);
    }
    .ed_breadcrumbs-section * {
      color: var(--breadcrumbs-text-color);
    }

    @media (max-width: 767px) {
      .ed_breadcrumbs-section {
        padding-left: var(--padding-left-mobile);
        padding-right: var(--padding-right-mobile);
        padding-top: var(--padding-top-mobile);
        padding-bottom: var(--padding-bottom-mobile);
      }
    }

    /* Nav */
    nav.ed_breadcrumbs {
      margin: 0 auto;
      max-width: var(--max-width);
    }

    /* List items */
    .ed_breadcrumbs-list {
      list-style-type: none;
      margin: 0;
      padding: 0;
      display: flex;
      flex-wrap: wrap;
      justify-content: var(--breadcrumbs-alignment);
    }
    .ed_breadcrumbs-list li {
      display: inline-flex;
      align-items: center;
    }

    /* Arrows */
    .ed_breadcrumbs-list.arrows li:not(:last-child):after {
      border-style: solid;
      border-width: .10em .10em 0 0;
      content: '';
      display: inline-block;
      height: .4em;
      width: .4em;
      margin: 0 .4em;
      position: relative;
      transform: rotate(45deg);
      vertical-align: middle;
      font-size: calc(var(--breadcrumbs-font-size) + 2px);
      /* top: -0.1em; */
    }
    [dir="rtl"] .ed_breadcrumbs-list.arrows li:not(:last-child):after {
      transform: rotate(220deg);
    }

    .ed_breadcrumbs-list.slashes li:not(:last-child):after {
      content: '/';
      margin: 0 .4em;
      font-size: var(--breadcrumbs-font-size);
    }

    /* Links */
    .ed_breadcrumbs-list a,
    .ed_breadcrumbs-list [aria-current="page"] {
      color: inherit;
      text-decoration: none;
      font-size: var(--breadcrumbs-font-size);
      font-weight: var(--breadcrumbs-font-weight);
      text-transform: var(--breadcrumbs-font-case);
    }
    .ed_breadcrumbs-list a:hover,
    .ed_breadcrumbs-list a:focus {
      text-decoration: underline;
    }

/* Hidden by default; the `bis-oos` class on the parent reveals it and hides the buy controls. */
  .bis-notify { display: none; }
  block-buy-buttons.bis-oos .bis-notify { display: block; }
  block-buy-buttons.bis-oos .product__policies,
  block-buy-buttons.bis-oos [name="add"],
  block-buy-buttons.bis-oos .shopify-payment-button { display: none !important; }
  /* ⚠️ [hidden] MUST WIN. The success/pitch blocks below carry author `display` rules, and an author
     display rule beats the UA sheet's `[hidden] { display: none }` — without this the confirmation
     rendered on EVERY product page (even ones nobody signed up on), stacked under the live form. */
  .bis-notify [hidden] { display: none !important; }

  /* ⚠️ PALETTE READ OFF THIS STORE, NOT CARRIED OVER FROM WULF. www.sutravape.com is a LIGHT
     storefront: body #ffffff / #000000, display face Poppins, --color-button-primary #22b3f5.
     Wulf's panel is a BLACK #0a0a0a card with white Oswald, which is Wulf's scheme — dropping it onto
     this site would look almost right, which is the exact failure mode this port keeps hitting. Same
     call, same reasoning as snippets/gv-newsletter-capture.liquid on this theme.
     ⚠️ INK IS PINNED, never inherited: the panel must not pick up a section colour scheme and render
     light-on-light.
     ⚠️ THE SUBMIT BUTTON IS NOT RESTYLED. `.gvws-button` (assets/gvws-custom.css, loaded globally)
     already resolves `var(--color-button-primary, #22b3f5)`, so it is this brand's colour on its
     own. Hard-coding a fill here would fork it from the theme. */
  .bis-notify__panel { margin: 16px 0; padding: 18px; background: #f7f7f8; border: 1px solid #e5e5e5; border-radius: 4px; color: #000000; }

  .bis-notify__form { display: flex; flex-direction: column; gap: 10px; }
  .bis-notify__submit { min-height: 52px; font-size: 16px; }
  .bis-notify__submit[disabled] { opacity: .6; cursor: not-allowed; }
  /* ⚠️ NO INVERT HACK HERE, DELIBERATELY. Wulf's copy of this file overrides the button's hover to a
     white fill because the house `#111` hover disappears against its black panel. On this light panel
     the stock .gvws-button hover is correct, and copying that override across would make the button
     vanish into the card. Same note already stands in gv-newsletter-capture.liquid on this theme. */

  /* Heading matches the confirmation headline's weight/size so the panel reads as one component. */
  .bis-notify__title { font-family: 'Poppins',Arial,sans-serif; font-size: 21px; font-weight: 700; line-height: 1.15; letter-spacing: .02em; color: #000000; text-transform: uppercase; }
  .bis-notify__sub { margin: 7px 0 14px; font-size: 15px; line-height: 1.5; color: #6b6c78; }
  /* Status line. Emphasis is weight and ink, not colour — keeps error copy calm on a light card. */
  .bis-notify__msg { margin-top: 10px; font-size: 15px; line-height: 1.5; color: #000000; font-weight: 700; }
  .bis-notify__msg:empty { display: none; }
  /* Success state replaces the pitch entirely, so it is unmistakable that it worked. */
  .bis-notify__done { display: flex; gap: 14px; align-items: flex-start; }
  .bis-notify__check { flex: 0 0 auto; width: 34px; height: 34px; border-radius: 50%; background: #d6effc; display: flex; align-items: center; justify-content: center; }
  .bis-notify__check svg { width: 19px; height: 19px; display: block; }
  .bis-notify__done-title { font-family: 'Poppins',Arial,sans-serif; font-size: 21px; font-weight: 700; line-height: 1.15; color: #000000; text-transform: uppercase; letter-spacing: .02em; }
  .bis-notify__done-sub { margin-top: 5px; font-size: 15px; line-height: 1.55; color: #6b6c78; }
  .bis-notify__done-email { color: #000000; font-weight: 700; word-break: break-word; }

.gv-specs{width:min(1100px,94vw);margin:28px 0 28px 50%;transform:translateX(-50%);padding:22px 26px;background:#f6f6f6;border:1px solid #e5e5e5;border-top:4px solid var(--color-button-primary,#ff8b00);border-left:4px solid var(--color-button-primary,#ff8b00);border-radius:12px}
    .gv-specs h2.gv-specs__title{margin:0 0 18px;color:#111;font-size:18px;font-weight:700;line-height:1.3;letter-spacing:.02em;text-transform:uppercase}
    .gv-spec-group+.gv-spec-group{margin-top:22px}
    .gv-specs h3.gv-spec-group__label{display:flex;align-items:center;gap:12px;margin:0 0 12px;color:#111;font-size:12px;font-weight:700;line-height:1.3;letter-spacing:.08em;text-transform:uppercase}
    .gv-specs h3.gv-spec-group__label::after{content:"";flex:1 1 auto;height:1px;background:#dcdcdc}
    .gv-spec{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px 0;margin:0}
    .gv-spec__row{display:block;padding:0 28px 0 0;border:0}
    .gv-spec__k{margin:0 0 4px;color:#6f6f6f;font-size:11px;font-weight:600;line-height:1.3;letter-spacing:.06em;text-transform:uppercase}
    .gv-spec__v{margin:0;color:#111;font-size:15px;font-weight:700;line-height:1.35}
    @media (max-width:1199px){.gv-spec{grid-template-columns:repeat(4,minmax(0,1fr))}}
    @media (max-width:989px){.gv-spec{grid-template-columns:repeat(3,minmax(0,1fr))}}
    @media (max-width:749px){.gv-specs{width:auto;margin:24px 0;transform:none;padding:20px 22px}.gv-spec{grid-template-columns:repeat(2,minmax(0,1fr))}.gv-spec__row{padding-right:20px}}