/** Shopify CDN: Minification failed

Line 16:0 Unexpected "{"
Line 16:1 Expected identifier but found "%"
Line 16:68 Expected identifier but found "%"
Line 18:0 Unexpected "<"
Line 27:28 Unexpected "{"
Line 27:37 Expected ":"
Line 27:52 Unexpected "<"
Line 28:28 Unexpected "{"
Line 28:37 Expected ":"
Line 28:53 Unexpected "<"
... and 102 more hidden warnings

**/
{% comment %} Dopamine Landing — isolated, doesn’t break theme {% endcomment %}

<section class="dp">
  <div class="dp__bg"></div>
  <div class="dp__grain"></div>

  <div class="dp__wrap">
    <!-- HERO -->
    <div class="dp__hero">
      <div class="dp__left">
        <div class="dp__badge">🔥 NOWOŚĆ • Premium oferta</div>
        <h1 class="dp__h1">{{ section.settings.h1 }}</h1>
        <p class="dp__sub">{{ section.settings.sub }}</p>

        <div class="dp__cta">
          <a class="dp__btn dp__btn--primary" href="{{ section.settings.primary_link }}">
            {{ section.settings.primary_label }}
          </a>
          <a class="dp__btn dp__btn--ghost" href="{{ section.settings.secondary_link }}">
            {{ section.settings.secondary_label }}
          </a>
        </div>

        <div class="dp__trust">
          <span>⚡ Szybka wysyłka</span>
          <span>✅ Bezpieczne płatności</span>
          <span>📦 Zwroty wg regulaminu</span>
        </div>
      </div>

      <div class="dp__right">
        <div class="dp__panel">
          <div class="dp__panelTop">
            <span></span><span></span><span></span>
          </div>
          <div class="dp__panelBody">
            <div class="dp__panelTitle">{{ section.settings.panel_title }}</div>

            <ul class="dp__list">
              {% for block in section.blocks %}
                {% if block.type == "point" %}
                  <li class="dp__item">
                    <span class="dp__check">✓</span>
                    <span>{{ block.settings.text }}</span>
                  </li>
                {% endif %}
              {% endfor %}
            </ul>

            <a class="dp__btn dp__btn--primary dp__btn--full" href="{{ section.settings.primary_link }}">
              {{ section.settings.panel_cta }}
            </a>

            <div class="dp__note">{{ section.settings.panel_note }}</div>
          </div>
        </div>
      </div>
    </div>

    <!-- FEATURE CARDS -->
    <div class="dp__section">
      <div class="dp__titleRow">
        <h2 class="dp__h2">{{ section.settings.features_title }}</h2>
        <p class="dp__p">{{ section.settings.features_sub }}</p>
      </div>

      <div class="dp__grid">
        {% for block in section.blocks %}
          {% if block.type == "card" %}
            <div class="dp__card">
              <div class="dp__kicker">{{ block.settings.kicker }}</div>
              <div class="dp__cardTitle">{{ block.settings.title }}</div>
              <div class="dp__cardDesc">{{ block.settings.desc }}</div>
            </div>
          {% endif %}
        {% endfor %}
      </div>
    </div>

    <!-- TESTIMONIALS -->
    <div class="dp__section">
      <div class="dp__titleRow">
        <h2 class="dp__h2">{{ section.settings.rev_title }}</h2>
        <p class="dp__p">{{ section.settings.rev_sub }}</p>
      </div>

      <div class="dp__grid dp__grid--3">
        {% for block in section.blocks %}
          {% if block.type == "review" %}
            <div class="dp__card dp__review">
              <div class="dp__stars">★★★★★</div>
              <div class="dp__quote">“{{ block.settings.quote }}”</div>
              <div class="dp__who">
                <div class="dp__avatar">{{ block.settings.initials }}</div>
                <div>
                  <div class="dp__name">{{ block.settings.name }}</div>
                  <div class="dp__meta">{{ block.settings.meta }}</div>
                </div>
              </div>
            </div>
          {% endif %}
        {% endfor %}
      </div>
    </div>

    <!-- FAQ -->
    <div class="dp__section">
      <div class="dp__titleRow">
        <h2 class="dp__h2">{{ section.settings.faq_title }}</h2>
        <p class="dp__p">{{ section.settings.faq_sub }}</p>
      </div>

      <div class="dp__faq">
        {% for block in section.blocks %}
          {% if block.type == "faq" %}
            <details class="dp__faqItem">
              <summary class="dp__q">
                <span>{{ block.settings.q }}</span>
                <span class="dp__plus">+</span>
              </summary>
              <div class="dp__a">{{ block.settings.a }}</div>
            </details>
          {% endif %}
        {% endfor %}
      </div>
    </div>

  </div>
</section>

<style>
  /* scoped styles: only for .dp page */
  .dp{ position:relative; padding:56px 0; background:#060812; color:#eef2ff; overflow:hidden; }
  .dp__wrap{ width:min(1140px, calc(100% - 32px)); margin:0 auto; position:relative; z-index:2; }
  .dp__bg{ position:absolute; inset:-25%; z-index:0; pointer-events:none;
    background:
      radial-gradient(1000px 520px at 14% 12%, rgba(34,197,94,.24), transparent 58%),
      radial-gradient(1000px 520px at 86% 18%, rgba(96,165,250,.22), transparent 60%),
      radial-gradient(900px 520px at 60% 92%, rgba(168,85,247,.16), transparent 62%);
    filter:saturate(1.25);
  }
  .dp__grain{ position:absolute; inset:0; z-index:1; pointer-events:none; opacity:.06; mix-blend-mode:overlay;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.36'/%3E%3C/svg%3E");
  }

  .dp__hero{ display:grid; grid-template-columns:1.15fr .85fr; gap:24px; align-items:stretch; }
  .dp__badge{ display:inline-flex; padding:8px 12px; border-radius:999px;
    border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.05); color:rgba(238,242,255,.76); font-size:13px;
  }
  .dp__h1{ margin:14px 0 10px; font-size:clamp(30px, 3.4vw, 54px); line-height:1.05; letter-spacing:-0.03em; }
  .dp__sub{ margin:0 0 18px; color:rgba(238,242,255,.72); font-size:16px; line-height:1.55; max-width:62ch; }

  .dp__cta{ display:flex; gap:12px; flex-wrap:wrap; margin-top:6px; }
  .dp__btn{ display:inline-flex; align-items:center; justify-content:center; padding:12px 16px; border-radius:16px;
    font-weight:900; border:1px solid rgba(255,255,255,.14); text-decoration:none; transition:transform .16s ease, opacity .16s ease;
  }
  .dp__btn:hover{ transform:translateY(-2px); opacity:.98; }
  .dp__btn--primary{ background:linear-gradient(90deg,#22c55e,#60a5fa,#a855f7); color:#06100a; border-color:rgba(255,255,255,.18); }
  .dp__btn--ghost{ background:rgba(255,255,255,.05); color:#eef2ff; }
  .dp__btn--full{ width:100%; margin-top:12px; }

  .dp__trust{ display:flex; flex-wrap:wrap; gap:10px; margin-top:14px; color:rgba(238,242,255,.66); font-size:13px; }

  .dp__panel{ height:100%; border-radius:22px; overflow:hidden; border:1px solid rgba(255,255,255,.12);
    background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.04));
    box-shadow:0 22px 78px rgba(0,0,0,.56);
  }
  .dp__panelTop{ display:flex; gap:6px; padding:12px 14px; border-bottom:1px solid rgba(255,255,255,.10); background:rgba(255,255,255,.03); }
  .dp__panelTop span{ width:10px; height:10px; border-radius:999px; border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.06); }
  .dp__panelBody{ padding:16px; }
  .dp__panelTitle{ font-weight:950; letter-spacing:-0.02em; margin-bottom:10px; }
  .dp__list{ list-style:none; padding:0; margin:0; display:grid; gap:10px; }
  .dp__item{ display:grid; grid-template-columns:18px 1fr; gap:10px; padding:10px 12px; border-radius:16px;
    border:1px solid rgba(255,255,255,.10); background:rgba(255,255,255,.04);
  }
  .dp__check{ color:#22c55e; font-weight:950; }
  .dp__note{ margin-top:10px; color:rgba(238,242,255,.60); font-size:12.5px; line-height:1.45; }

  .dp__section{ margin-top:40px; }
  .dp__titleRow{ margin-bottom:14px; }
  .dp__h2{ margin:0 0 8px; font-size:clamp(22px, 2.2vw, 32px); letter-spacing:-0.03em; }
  .dp__p{ margin:0; color:rgba(238,242,255,.70); max-width:72ch; line-height:1.55; }

  .dp__grid{ display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:14px; }
  .dp__grid--3{ grid-template-columns:repeat(3, minmax(0,1fr)); }

  .dp__card{ border-radius:18px; padding:14px; border:1px solid rgba(255,255,255,.12);
    background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.035));
    box-shadow:0 12px 30px rgba(0,0,0,.28);
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
  }
  .dp__card:hover{ transform:translateY(-4px); border-color:rgba(255,255,255,.22); box-shadow:0 30px 92px rgba(0,0,0,.62); }
  .dp__kicker{ font-size:12px; color:rgba(238,242,255,.68); margin-bottom:8px; }
  .dp__cardTitle{ font-weight:950; letter-spacing:-0.02em; margin-bottom:6px; }
  .dp__cardDesc{ color:rgba(238,242,255,.68); line-height:1.5; font-size:14px; }

  .dp__review .dp__stars{ letter-spacing:2px; color:#22c55e; font-weight:950; margin-bottom:10px; }
  .dp__quote{ line-height:1.6; margin-bottom:14px; color:#eef2ff; }
  .dp__who{ display:flex; gap:10px; align-items:center; }
  .dp__avatar{ width:38px; height:38px; border-radius:14px; display:grid; place-items:center; font-weight:950;
    background:linear-gradient(90deg,#22c55e,#60a5fa,#a855f7); color:#06100a;
  }
  .dp__name{ font-weight:950; }
  .dp__meta{ color:rgba(238,242,255,.62); font-size:12px; }

  .dp__faq{ display:grid; gap:12px; }
  .dp__faqItem{ border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.04); border-radius:18px; overflow:hidden; }
  .dp__q{ cursor:pointer; padding:14px; display:flex; justify-content:space-between; align-items:center; gap:14px; font-weight:950; }
  .dp__q::-webkit-details-marker{ display:none; }
  .dp__plus{ width:28px; height:28px; border-radius:999px; border:1px solid rgba(255,255,255,.14); display:grid; place-items:center; color:rgba(238,242,255,.70); }
  .dp__faqItem[open] .dp__plus{ transform:rotate(45deg); }
  .dp__a{ padding:0 14px 14px; color:rgba(238,242,255,.70); line-height:1.55; }

  @media (max-width:980px){
    .dp__hero{ grid-template-columns:1fr; }
    .dp__grid{ grid-template-columns:repeat(2, minmax(0,1fr)); }
    .dp__grid--3{ grid-template-columns:repeat(2, minmax(0,1fr)); }
  }
  @media (max-width:560px){
    .dp{ padding:44px 0; }
    .dp__grid, .dp__grid--3{ grid-template-columns:1fr; }
    .dp__btn{ width:100%; }
  }
</style>

{% schema %}
{
  "name": "Dopamine Landing (isolated)",
  "settings": [
    { "type": "text", "id": "h1", "label": "Hero title", "default": "Premium vibe od pierwszej sekundy." },
    { "type": "textarea", "id": "sub", "label": "Hero subtitle", "default": "Landing, który wygląda jak marka premium: glow, karty, opinie, FAQ — bez rozwalania motywu." },
    { "type": "text", "id": "primary_label", "label": "Primary button", "default": "Wejdź do sklepu" },
    { "type": "url", "id": "primary_link", "label": "Primary link" },
    { "type": "text", "id": "secondary_label", "label": "Secondary button", "default": "Zobacz bestsellery" },
    { "type": "url", "id": "secondary_link", "label": "Secondary link" },

    { "type": "text", "id": "panel_title", "label": "Right panel title", "default": "Dlaczego ludzie kupują:" },
    { "type": "text", "id": "panel_cta", "label": "Panel CTA", "default": "Start" },
    { "type": "textarea", "id": "panel_note", "label": "Panel note", "default": "Krótko, konkretnie, premium. Bez przesytu." },

    { "type": "text", "id": "features_title", "label": "Features title", "default": "Co tu siedzi" },
    { "type": "textarea", "id": "features_sub", "label": "Features subtitle", "default": "Karty, spacing, kontrast i mocne CTA — to robi dopaminę." },

    { "type": "text", "id": "rev_title", "label": "Reviews title", "default": "Opinie" },
    { "type": "textarea", "id": "rev_sub", "label": "Reviews subtitle", "default": "Prawdziwe recenzje = większa konwersja." },

    { "type": "text", "id": "faq_title", "label": "FAQ title", "default": "FAQ" },
    { "type": "textarea", "id": "faq_sub", "label": "FAQ subtitle", "default": "Zbij obiekcje zanim klient je wypowie." }
  ],
  "blocks": [
    { "type": "point", "name": "Right panel point", "limit": 6, "settings": [
      { "type": "text", "id": "text", "label": "Text", "default": "Wygląda premium na mobile" }
    ]},
    { "type": "card", "name": "Feature card", "limit": 8, "settings": [
      { "type": "text", "id": "kicker", "label": "Kicker", "default": "PRO" },
      { "type": "text", "id": "title", "label": "Title", "default": "Mocny vibe" },
      { "type": "textarea", "id": "desc", "label": "Desc", "default": "Nowoczesne karty + czytelne CTA + kontrast." }
    ]},
    { "type": "review", "name": "Review", "limit": 9, "settings": [
      { "type": "text", "id": "quote", "label": "Quote", "default": "Wchodzę i od razu wiem że to premium." },
      { "type": "text", "id": "name", "label": "Name", "default": "Oskar" },
      { "type": "text", "id": "meta", "label": "Meta", "default": "Kupujący • 2025" },
      { "type": "text", "id": "initials", "label": "Initials", "default": "OK" }
    ]},
    { "type": "faq", "name": "FAQ", "limit": 10, "settings": [
      { "type": "text", "id": "q", "label": "Q", "default": "Jak szybko to działa?" },
      { "type": "textarea", "id": "a", "label": "A", "default": "To jest osobny landing — nie gryzie się z motywem." }
    ]}
  ],
  "presets": [{ "name": "Dopamine Landing (isolated)" }]
}
{% endschema %}

}