{% extends '_base.html' %}
{% load static %}

{% block title %}<title>کاتالوگ اتصالات توپی برزیل | دانلود کاتالوگ و لیست قیمت</title>{% endblock %}

{% block meta %}
<meta name="description" content="دانلود رایگان کاتالوگ اتصالات توپی برزیل: کاتالوگ TUPY BSP، کاتالوگ پرسی TUPYPRES، کاتالوگ NPT و لیست قیمت روز. جدول ابعاد، وزن، فشار کاری و شماره فیگور همه اتصالات.">
<meta property="og:type" content="website">
<meta property="og:title" content="کاتالوگ اتصالات توپی برزیل | دانلود کاتالوگ توپی">
<meta property="og:description" content="دانلود کاتالوگ TUPY BSP، TUPYPRES، NPT و لیست قیمت روز اتصالات توپی برزیل.">
<meta property="og:image" content="{{ request.scheme }}://{{ request.get_host }}{% static 'img/og-image.webp' %}">
<script type="application/ld+json">
{ "@context": "https://schema.org", "@type": "BreadcrumbList",
  "itemListElement": [
    { "@type": "ListItem", "position": 1, "name": "خانه", "item": "{{ request.scheme }}://{{ request.get_host }}/" },
    { "@type": "ListItem", "position": 2, "name": "کاتالوگ‌ها" }
  ] }
</script>
<script type="application/ld+json">
{ "@context": "https://schema.org", "@type": "ItemList",
  "name": "کاتالوگ‌های اتصالات توپی برزیل",
  "itemListElement": [
  {% for c in catalogs %}{ "@type": "ListItem", "position": {{ forloop.counter }}, "name": "{{ c.title|escapejs }}", "url": "{{ request.scheme }}://{{ request.get_host }}/catalogs/{{ c.slug }}" }{% if not forloop.last %},{% endif %}
  {% endfor %}
  ] }
</script>
{% endblock %}

{% block content %}
<style>
.ct{max-width:1200px;margin:0 auto;padding:0 20px;direction:rtl}
.ct-crumb{font-size:14px;color:#c8d8ea;padding-top:28px;display:flex;gap:8px;flex-wrap:wrap}
.ct-crumb a{color:#c8d8ea;text-decoration:none}.ct-crumb a:hover{color:#6ecff6}.ct-crumb .cur{color:#6ecff6}.ct-crumb .sep{color:#4a5a6e}
.ct-head{padding:30px 0 6px}
.ct-h1{font-size:38px;line-height:1.3;color:#fff;margin:0 0 16px}
.ct-lead{font-size:17px;line-height:2.1;color:#c8d8ea;margin:0;max-width:820px;text-align:justify}
.ct-rule{height:1px;background:#173059;margin:26px 0}
.ct-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:70px}
.ct-card{background:#061b3e;border:1px solid #1d3c68;border-radius:22px;padding:26px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:border-color .25s ease,transform .25s ease}
.ct-card:before{content:"";position:absolute;top:0;bottom:0;right:0;width:4px;background:var(--c)}
.ct-card:hover{border-color:var(--c);transform:translateY(-3px)}
.ct-name{font-size:21px;color:#fff;margin:0 0 10px}
.ct-desc{font-size:14.5px;line-height:2;color:#8fa3b8;margin:0 0 18px;flex:1 1 auto;text-align:justify}
.ct-acts{display:flex;gap:10px;flex-wrap:wrap}
.ct-btn{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 20px;border-radius:8px;font-size:14.5px;text-decoration:none;transition:background .2s ease,border-color .2s ease,color .2s ease}
.ct-btn.dl{background:var(--c);color:#041430;font-weight:700}
.ct-btn.dl:hover{filter:brightness(1.1)}
.ct-btn.more{border:1px solid #24446c;color:#c8d8ea}
.ct-btn.more:hover{border-color:var(--c);color:#fff}
.ct-list{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-direction:column;gap:12px}
.ct-list li{position:relative;padding-right:20px;color:#c8d8ea;font-size:15px;line-height:2}
.ct-list li:before{content:"";position:absolute;right:0;top:14px;width:7px;height:7px;border-radius:2px;background:var(--c)}
.ct-panel{background:#061b3e;border:1px solid #1d3c68;border-radius:24px;padding:30px;margin-bottom:24px}
.ct-meta{display:flex;gap:26px;flex-wrap:wrap;color:#8fa3b8;font-size:14px;margin-top:6px}
.ct-rel{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.ct-rel a{display:block;background:#061b3e;border:1px solid #1d3c68;border-radius:16px;padding:16px 18px;color:#c8d8ea;text-decoration:none;font-size:14.5px;transition:border-color .2s ease,color .2s ease}
.ct-rel a:hover{border-color:#6ecff6;color:#fff}
@media(max-width:900px){.ct-grid{grid-template-columns:1fr}.ct-rel{grid-template-columns:1fr}.ct-h1{font-size:28px}}
</style>
<div class="ct">
  <div class="ct-crumb font-YekanRegular"><a href="/">خانه</a><span class="sep">/</span><span class="cur">کاتالوگ‌ها</span></div>
  <div class="ct-head">
    <h1 class="ct-h1 font-YekanExtraBold">کاتالوگ اتصالات توپی برزیل</h1>
    <p class="ct-lead font-YekanRegular">همه کاتالوگ‌های رسمی توپی برزیل به‌همراه لیست قیمت روز، در یک صفحه. هر کاتالوگ شامل جدول کامل ابعاد، وزن، حداکثر فشار کاری و شماره فیگور اتصالات است و به‌صورت PDF قابل دانلود است.</p>
  </div>
  <div class="ct-rule"></div>
  <div class="ct-grid">
    {% for c in catalogs %}
    <div class="ct-card" data-anim="up" style="--c:{{ c.color }}">
      <h2 class="ct-name font-YekanExtraBold">{{ c.title }}</h2>
      <p class="ct-desc font-YekanRegular">{{ c.lead }}</p>
      <div class="ct-acts font-YekanRegular">
        {% if c.url %}<a class="ct-btn dl" href="{{ c.url }}" download>دانلود PDF</a>{% endif %}
        <a class="ct-btn more" href="/catalogs/{{ c.slug }}">جزئیات کاتالوگ</a>
      </div>
    </div>
    {% endfor %}
  </div>
</div>
{% endblock %}