CatsWithCoffee

{%- comment -%}
  Pack2Play — FAQ page.
  Visual spec: /Users/lb/Downloads/p2p-faq-page-option-1.html
  Self-contained: all CSS in {% stylesheet %}, all JS in {% javascript %}.
  Classes prefixed p2p-faq-* so nothing leaks into the rest of the theme.

  Commit 1: hero skeleton — kicker pill, headline with "FAQ" accent, sub.
  Commit 2: yellow search bar + paper-bg category pill row (All, Shipping,
    Products, Returns, Account, Other). Anchors target #cat-* IDs that
    Commit 3+4 will provide; categories are also static so the same JSON

CatsWithCoffee

{%- comment -%}
  Pack2Play — FAQ page.
  Visual spec: /Users/lb/Downloads/p2p-faq-page-option-1.html
  Self-contained: all CSS in {% stylesheet %}, all JS in {% javascript %}.
  Classes prefixed p2p-faq-* so nothing leaks into the rest of the theme.

  Commit 1: hero skeleton — kicker pill, headline with "FAQ" accent, sub.
  Commit 2: yellow search bar + paper-bg category pill row (All, Shipping,
    Products, Returns, Account, Other). Anchors target #cat-* IDs that
    Commit 3+4 will provide; categories are also static so the same JSON

CatsWithCoffee

{%- comment -%}
  Pack2Play — FAQ page.
  Visual spec: /Users/lb/Downloads/p2p-faq-page-option-1.html
  Self-contained: all CSS in {% stylesheet %}, all JS in {% javascript %}.
  Classes prefixed p2p-faq-* so nothing leaks into the rest of the theme.

  Commit 1: hero skeleton — kicker pill, headline with "FAQ" accent, sub.
  Commit 2: yellow search bar + paper-bg category pill row (All, Shipping,
    Products, Returns, Account, Other). Anchors target #cat-* IDs that
    Commit 3+4 will provide; categories are also static so the same JSON

CatsWithCoffee

{%- comment -%}
  Pack2Play — FAQ page.
  Visual spec: /Users/lb/Downloads/p2p-faq-page-option-1.html
  Self-contained: all CSS in {% stylesheet %}, all JS in {% javascript %}.
  Classes prefixed p2p-faq-* so nothing leaks into the rest of the theme.

  Commit 1: hero skeleton — kicker pill, headline with "FAQ" accent, sub.
{%- endcomment -%}

<div class="p2p-faq" data-section-id="{{ section.id }}">

CatsWithCoffee

{%- comment -%}
  Pack2Play — Collection page (manga-style, compact bold-poster hero).
  Region filter is opt-in per collection via collection metafield
  custom.show_region_filter (boolean).
{%- endcomment -%}

{{ 'component-card.css' | asset_url | stylesheet_tag }}
{{ 'component-card-product-p2p.css' | asset_url | stylesheet_tag }}
{{ 'component-price.css' | asset_url | stylesheet_tag }}
{{ 'template-collection.css' | asset_url | stylesheet_tag }}

CatsWithCoffee

/*
 * ------------------------------------------------------------
 * IMPORTANT: The contents of this file are auto-generated.
 *
 * This file may be updated by the Shopify admin theme editor
 * or related systems. Please exercise caution as any changes
 * made to this file may be overwritten.
 * ------------------------------------------------------------
 */
{

CatsWithCoffee

{% comment %}
  Pack2Play — sticky purple nav header.
  Mockup source: /Users/lb/Downloads/p2p-anime-animated.html .nav
  Self-contained. Inline stylesheet. Menu items read from a Shopify
  link list (default 'main-menu') so the merchant manages them via
  Online Store → Navigation.

  Logo source priority:
    1. section.settings.logo_image (per-section override)
    2. settings.logo (theme-level, Online Store → Themes → Customize → Logo)

CatsWithCoffee

/* ============================================================
   Pack2Play — Anime/Shonen theme foundation
   ============================================================ */

:root {
  --p-purple: #6b2fb8;
  --p-purple-deep: #3d1773;
  --p-purple-bright: #8b3fe8;
  --p-yellow: #ffe600;
  --p-yellow-deep: #ffb800;

CatsWithCoffee

/* ============================================================
   Pack2Play — Anime/Shonen theme foundation
   ============================================================ */

:root {
  --p-purple: #6b2fb8;
  --p-purple-deep: #3d1773;
  --p-purple-bright: #8b3fe8;
  --p-yellow: #ffe600;
  --p-yellow-deep: #ffb800;

CatsWithCoffee

/* ============================================================
   Pack2Play — Anime/Shonen theme foundation
   ============================================================ */

:root {
  --p-purple: #6b2fb8;
  --p-purple-deep: #3d1773;
  --p-purple-bright: #8b3fe8;
  --p-yellow: #ffe600;
  --p-yellow-deep: #ffb800;