#fw-section-collections-list-864487ea-b9f5-4e40-a6d9-8794fd0b741b {
--color-primary: #ff0000;
--color-primary-rgb: 255, 0, 0;
--color-background: #a0a0a0;
--color-background-rgb: 160, 160, 160;
--color-on-background: #111111;
--color-on-background-rgb: 17, 17, 17;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #111111;
--color-background-brightness: 160;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ff0000;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #111111;
--secondary-btn-bg: transparent;
--secondary-btn-text: #111111;
--secondary-btn-border-color: #111111;

}

#fw-section-hero-1ec6912c-c80c-4797-a166-a8124e41a44b {

@media (max-width:989px){.hero__inner{display:none!important}} @media (max-width:989px){.hero,.hero__media,.hero__image{height:330px!important;min-height:330px!important;max-height:330px!important;overflow:hidden!important}.hero{background-size:cover!important;background-position:center 50%!important}.hero img{height:100%!important;width:100%!important;object-fit:cover!important;object-position:center 50%!important}.hero__media{background-size:cover!important;background-position:center 50%!important}}
}
#fw-section-text-banner-8d3fc111-7b05-40a6-81a4-05ffec367056 {

@media (min-width:990px){section{display:none!important}}
}

#fw-section-collections-list-791d2358-03f3-4d57-87ee-43cf1aa40ba7 {
--color-primary: #ff0000;
--color-primary-rgb: 255, 0, 0;
--color-background: #a0a0a0;
--color-background-rgb: 160, 160, 160;
--color-on-background: #111111;
--color-on-background-rgb: 17, 17, 17;
--color-on-primary: #ffffff;
--color-on-primary-rgb: 255, 255, 255;
--color-product-image-background: #111111;
--color-background-brightness: 160;
background-color: var(--color-background);
color: var(--color-on-background);
--primary-btn-bg: #ff0000;
--primary-btn-text: #ffffff;
--primary-btn-border-color: #111111;
--secondary-btn-bg: transparent;
--secondary-btn-text: #111111;
--secondary-btn-border-color: #111111;

}






#fw-section-header {

@media (max-width:989px){header :has(a[href*="cart"]){display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;flex-wrap:nowrap!important}.header__search{display:contents!important}a.header__logo img{width:240px!important;max-width:240px!important;height:auto!important;max-height:44px!important}}
}





#fw-section-password {

a {
    color: #fff;
}


/* FIX 1 - Coming Soon mystery teaser. The hero image is pulled dynamically
   from the AP Vids Signature Tee's featured image (which must stay as-is
   in the store), so the swap happens here at page level:
   1) hide the product photo completely,
   2) insert a brand teaser (black panel, giant red "?") exactly where the
      hero image was, as the first block inside the page heading. */
img[alt*="AP Vids Signature Tee"] {
  display: none !important;
}
/* FIX 2 - Center the teaser panel. The heading itself must be a full-width
   block so the panel's auto side-margins center it against the page, not
   against a shrink-wrapped heading box. */
h1 {
  display: block;
  width: 100%;
  text-align: center;
}
h1::before {
  content: "?";
  display: flex;
  align-items: center;
  justify-content: center;
  width: 440px;
  max-width: 82vw;
  aspect-ratio: 1 / 1;
  margin-top: 8px;
  margin-right: auto;
  margin-bottom: 24px;
  margin-left: auto;
  background: radial-gradient(circle at 50% 35%, #1b1b1b 0%, #000000 70%);
  border: 1px solid #3a3a3a;
  border-radius: 28px;
  color: #e10600;
  font-size: 260px;
  font-weight: 900;
  line-height: 1;
  text-shadow: 0 0 64px rgba(225, 6, 0, 0.55);
  user-select: none;
}
@media (max-width: 560px) {
  h1::before {
    font-size: 52vw;
  }
}

/* FIX 3 - 2026-10-26: clear the Watch on YouTube button from the signup bar
   and keep the teaser centered. */
h1 { display: block !important; width: 100% !important; margin-left: auto !important; margin-right: auto !important; }
h1::before { margin-left: auto !important; margin-right: auto !important; float: none !important; position: relative !important; left: auto !important; right: auto !important; transform: none !important; }
a.apv-yt-button, a.password__social-link[href*="youtube.com"] { margin-top: 28px !important; margin-bottom: 16px !important; position: static !important; transform: none !important; }
@media (max-width: 560px) {
  h1::before { width: 82vw !important; max-width: 82vw !important; margin-left: auto !important; margin-right: auto !important; }
  a.apv-yt-button, a.password__social-link[href*="youtube.com"] { margin-top: 28px !important; }
}

/* FIX 4 - 2026-10-26: guarantee the teaser panel is visually centered.
   Uses higher specificity (h1:not) to override theme rules. */
h1:not(.apv-nosuchclass) {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}
h1:not(.apv-nosuchclass)::before {
  align-self: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}





















}