/* cyrillic-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(manrope-de37de877dc1.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(manrope-c268b459a932.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(manrope-2fb2e8cbfd52.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(manrope-6bbb044ab420.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(manrope-3911b66d9f2e.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url(manrope-a30ddcd34970.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* PGUSA approved charcoal / rich red palette and Manrope typography. */
:root {
  --pg-charcoal: #121518;
  --pg-red: #972631;
  --pg-stone: #918d87;
  --pg-ivory: #dfddd7;
  --pg-steel: #596570;
  --bg: var(--pg-charcoal);
  --panel: rgba(18, 21, 24, .94);
  --line: rgba(89, 101, 112, .42);
  --line-bright: rgba(223, 221, 215, .54);
  --title: var(--pg-ivory);
  --copy: var(--pg-ivory);
  --soft: var(--pg-stone);
  --accent: var(--pg-ivory);
  color-scheme: dark;
}
html body {
  background-color: var(--pg-charcoal);
  color: var(--pg-ivory);
  font-family: Manrope, Arial, sans-serif;
}
body button, body input, body select, body textarea,
body #hero-product button, body #hero-product input,
body #hero-product select, body #hero-product textarea {
  font-family: Manrope, Arial, sans-serif;
}
body h1, body h2, body h3 {
  font-family: Manrope, Arial, sans-serif;
  font-weight: 700;
}
body #site-header {
  background-color: var(--pg-red);
  border-bottom-color: rgba(223, 221, 215, .2);
}
body .header-left img.wordmark, body .header-center img {
  filter: brightness(0) invert(1);
}
body .header-tagline, body .header-tagline strong,
body nav.main-nav a, body .header-cart {
  color: var(--pg-ivory);
}
body .header-tagline { border-left-color: rgba(223, 221, 215, .35); }
body nav.main-nav a:hover, body nav.main-nav a.active {
  color: var(--pg-ivory);
  text-decoration: underline;
  text-underline-offset: 6px;
  text-decoration-thickness: 2px;
}
body .header-divider { background-color: rgba(223, 221, 215, .35); }
body .header-cart-count { background: var(--pg-ivory); color: var(--pg-red); }
body .mobile-menu-btn span { background-color: var(--pg-ivory); }
body .mobile-nav-overlay {
  background-color: var(--pg-charcoal);
  color: var(--pg-ivory);
}
body .mobile-nav-overlay a, body .mobile-close { color: var(--pg-ivory); }
body #main, body.utility-page #main { background-color: var(--pg-charcoal); }
body .company-hero-stage { background-color: var(--pg-charcoal); }
body .company-hero h1 span { color: rgba(223, 221, 215, .24); }
body .hero-shop-cta, body .contact-form button,
body .signup-form button,
body #hero-product .hp-cart-button,
body #hero-product .hp-buy-now,
body #hero-product .hp-loadup-cart,
body #hero-product .hp-checkout-next,
body #hero-product .hp-checkout-step.active {
  background: var(--pg-red);
  border-color: var(--pg-red);
  color: var(--pg-ivory);
}
body .hero-shop-cta:hover, body .hero-shop-cta:focus-visible,
body .contact-form button:hover, body .signup-form button:hover,
body #hero-product .hp-cart-button:hover,
body #hero-product .hp-buy-now:hover,
body #hero-product .hp-loadup-cart:hover,
body #hero-product .hp-checkout-next:hover {
  background-color: #7e2029;
  border-color: var(--pg-ivory);
  color: var(--pg-ivory);
}
body .hero-shop-cta:focus-visible, body button:focus-visible,
body a:focus-visible, body input:focus-visible,
body select:focus-visible, body textarea:focus-visible {
  outline: 2px solid var(--pg-ivory);
  outline-offset: 4px;
}
body #hero-product {
  --hp-bg: var(--pg-charcoal);
  --hp-panel: rgba(18, 21, 24, .94);
  --hp-line: rgba(89, 101, 112, .42);
  --hp-soft: var(--pg-stone);
  --hp-copy: var(--pg-ivory);
  --hp-title: var(--pg-ivory);
  --hp-accent: var(--pg-ivory);
  color: var(--pg-ivory);
  background:
    radial-gradient(circle at 80% 0%, rgba(151, 38, 49, .11), transparent 38%),
    linear-gradient(128deg, #121518 0%, #191d21 52%, #121518 100%);
}
body #hero-product .hp-title { color: var(--pg-ivory); }
body #hero-product .hp-subtitle { color: var(--pg-ivory); }
body #hero-product .hp-grain { opacity: .065; }
body #hero-product .hp-checkout-card,
body #hero-product .hp-payment-section {
  background-color: var(--pg-charcoal);
  color: var(--pg-ivory);
  border-color: var(--pg-steel);
}
body #hero-product .hp-cart-color-select,
body #hero-product .hp-checkout-input,
body .contact-form input, body .contact-form textarea,
body .signup-form input {
  background-color: var(--pg-charcoal);
  color: var(--pg-ivory);
  border-color: var(--pg-steel);
}
body #hero-product .hp-cart-color-select option {
  background-color: var(--pg-charcoal);
  color: var(--pg-ivory);
}
body #hero-product .hp-checkout-input::placeholder,
body .contact-form input::placeholder, body .contact-form textarea::placeholder,
body .signup-form input::placeholder {
  color: var(--pg-stone);
  opacity: 1;
}
body #hero-product .hp-paypal-status,
body #hero-product .hp-paypal-note,
body #hero-product .hp-qty-button,
body #hero-product .hp-remove-item,
body #hero-product .hp-continue-shopping,
body #hero-product .hp-checkout-back {
  color: var(--pg-ivory);
}
body #site-footer {
  background-color: var(--pg-charcoal);
  border-top-color: var(--pg-red);
}
body .footer-signup p, body .footer-links a, body .footer-facebook,
body .footer-branding, body .footer-branding a, body .footer-copy {
  color: var(--pg-stone);
}
body .footer-signup p strong, body .footer-links a:hover,
body .footer-facebook:hover, body .footer-branding a:hover {
  color: var(--pg-ivory);
}
body .footer-links span { color: var(--pg-steel); }
/* Let the email field shrink beside its action on narrow screens. */
body .signup-form input { min-width: 0; }
/* Manrope's wider capitals need a little room for Deployment on phones. */
@media (max-width: 480px) {
  body #hero-product .hp-title { font-size: clamp(40px, 12vw, 50px); }
  body #hero-product .hp-title.compact { font-size: clamp(34px, 10.8vw, 42px); }
}
