<!– Основен контейнер –>
<div class=”pirin-container” style=”max-width: 1200px; margin: 0 auto; padding: 20px; font-family: ‘Segoe UI’, Tahoma, Geneva, Verdana, sans-serif; color: #333;”>

<!– ЗАГЛАВНА ЧАСТ –>
<div style=”text-align: center; margin-bottom: 50px;”>
<h1 style=”color: #27ae60; margin-bottom: 15px; line-height: 1.2; font-size: 2.2rem;”>
Национален парк „Пирин“<br>
<span style=”font-size: 1.4rem; color: #7f8c8d; font-weight: normal; display: block; margin-top: 10px;”>Pirin National Park / Национальный парк Пирин</span>
</h1>
<p style=”font-size: 1.1rem; color: #7f8c8d; max-width: 750px; margin: 0 auto; line-height: 1.6;”>
Обект на световното наследство на ЮНЕСКО. Дом на вековни гори, мраморни върхове и над 180 кристални езера. Открийте дивата красота на планината.
</p>
</div>

<!– МРЕЖА С ОБЕКТИ –>
<div style=”display: flex; flex-wrap: wrap; gap: 30px; justify-content: center;”>

<!– 1. ВРЪХ ВИХРЕН –>
<div style=”background: #fff; border-radius: 12px; box-shadow: 0 5px 15px rgba(0,0,0,0.08); overflow: hidden; flex: 1 1 300px; max-width: 360px; display: flex; flex-direction: column; transition: transform 0.3s;”>
<div style=”position: relative;”>
<img src=”https://placehold.co/600×400/95a5a6/ffffff?text=Vihren” alt=”Връх Вихрен” style=”width: 100%; height: 220px; object-fit: cover;”>
<span style=”position: absolute; top: 15px; right: 15px; background: #e74c3c; color: white; padding: 5px 10px; border-radius: 4px; font-size: 0.8rem; font-weight: bold;”>Труден</span>
</div>
<div style=”padding: 20px; display: flex; flex-direction: column; flex-grow: 1;”>
<h3 style=”margin-top: 0; margin-bottom: 10px; color: #2c3e50;”>Връх Вихрен (2914 м)</h3>
<p style=”font-size: 0.95rem; color: #666; line-height: 1.5; margin-bottom: 15px; flex-grow: 1;”>
Първенецът на планината и втори по височина в България. Изкачването от хижа Вихрен отнема около 3 часа и предлага спиращи дъха гледки към “Казанчетата”.
</p>
<div style=”border-top: 1px solid #eee; padding-top: 15px; font-size: 0.9rem; color: #555;”>
???? <strong>Старт:</strong> Хижа Вихрен (достъпна с кола)
</div>
</div>
</div>

<!– 2. БАЙКУШЕВАТА МУРА –>
<div style=”background: #fff; border-radius: 12px; box-shadow: 0 5px 15px rgba(0,0,0,0.08); overflow: hidden; flex: 1 1 300px; max-width: 360px; display: flex; flex-direction: column; transition: transform 0.3s;”>
<div style=”position: relative;”>
<img src=”https://placehold.co/600×400/27ae60/ffffff?text=Baikusheva+Mura” alt=”Байкушевата мура” style=”width: 100%; height: 220px; object-fit: cover;”>
<span style=”position: absolute; top: 15px; right: 15px; background: #2ecc71; color: white; padding: 5px 10px; border-radius: 4px; font-size: 0.8rem; font-weight: bold;”>Лесен</span>
</div>
<div style=”padding: 20px; display: flex; flex-direction: column; flex-grow: 1;”>
<h3 style=”margin-top: 0; margin-bottom: 10px; color: #2c3e50;”>Байкушевата мура</h3>
<p style=”font-size: 0.95rem; color: #666; line-height: 1.5; margin-bottom: 15px; flex-grow: 1;”>
Най-старото иглолистно дърво в България (над 1300 г.). Намира се само на 5 минути от пътя, достъпно е за деца и възрастни по дървени стълби.
</p>
<div style=”border-top: 1px solid #eee; padding-top: 15px; font-size: 0.9rem; color: #555;”>
???? <strong>Старт:</strong> Паркинг над хижа Бъндерица
</div>
</div>
</div>

<!– 3. ЕЗЕРОТО “ОКОТО” –>
<div style=”background: #fff; border-radius: 12px; box-shadow: 0 5px 15px rgba(0,0,0,0.08); overflow: hidden; flex: 1 1 300px; max-width: 360px; display: flex; flex-direction: column; transition: transform 0.3s;”>
<div style=”position: relative;”>
<img src=”https://placehold.co/600×400/3498db/ffffff?text=The+Eye+Lake” alt=”Езерото Окото” style=”width: 100%; height: 220px; object-fit: cover;”>
<span style=”position: absolute; top: 15px; right: 15px; background: #f1c40f; color: white; padding: 5px 10px; border-radius: 4px; font-size: 0.8rem; font-weight: bold; text-shadow: 0 1px 2px rgba(0,0,0,0.1);”>Среден</span>
</div>
<div style=”padding: 20px; display: flex; flex-direction: column; flex-grow: 1;”>
<h3 style=”margin-top: 0; margin-bottom: 10px; color: #2c3e50;”>Бъндеришко езеро “Окото”</h3>
<p style=”font-size: 0.95rem; color: #666; line-height: 1.5; margin-bottom: 15px; flex-grow: 1;”>
Перфектната кратка разходка. Само на 30-40 минути от хижа Вихрен, това малко, но дълбоко езеро предлага невероятно отражение на върховете.
</p>
<div style=”border-top: 1px solid #eee; padding-top: 15px; font-size: 0.9rem; color: #555;”>
???? <strong>Старт:</strong> Хижа Вихрен
</div>
</div>
</div>

<!– 4. КОНЧЕТО –>
<div style=”background: #fff; border-radius: 12px; box-shadow: 0 5px 15px rgba(0,0,0,0.08); overflow: hidden; flex: 1 1 300px; max-width: 360px; display: flex; flex-direction: column; transition: transform 0.3s;”>
<div style=”position: relative;”>
<img src=”https://placehold.co/600×400/34495e/ffffff?text=Koncheto” alt=”Кончето” style=”width: 100%; height: 220px; object-fit: cover;”>
<span style=”position: absolute; top: 15px; right: 15px; background: #000; color: white; padding: 5px 10px; border-radius: 4px; font-size: 0.8rem; font-weight: bold;”>Екстремен</span>
</div>
<div style=”padding: 20px; display: flex; flex-direction: column; flex-grow: 1;”>
<h3 style=”margin-top: 0; margin-bottom: 10px; color: #2c3e50;”>Седловината „Кончето“</h3>
<p style=”font-size: 0.95rem; color: #666; line-height: 1.5; margin-bottom: 15px; flex-grow: 1;”>
Легендарен скален ръб, обезопасен с метално въже. Само за опитни планинари без страх от височини. Адреналинът е гарантиран.
</p>
<div style=”border-top: 1px solid #eee; padding-top: 15px; font-size: 0.9rem; color: #555;”>
???? <strong>Маршрут:</strong> През връх Вихрен или х. Яворов
</div>
</div>
</div>

<!– 5. ПОПОВО ЕЗЕРО –>
<div style=”background: #fff; border-radius: 12px; box-shadow: 0 5px 15px rgba(0,0,0,0.08); overflow: hidden; flex: 1 1 300px; max-width: 360px; display: flex; flex-direction: column; transition: transform 0.3s;”>
<div style=”position: relative;”>
<img src=”https://placehold.co/600×400/0984e3/ffffff?text=Popovo+Lake” alt=”Попово езеро” style=”width: 100%; height: 220px; object-fit: cover;”>
<span style=”position: absolute; top: 15px; right: 15px; background: #f1c40f; color: white; padding: 5px 10px; border-radius: 4px; font-size: 0.8rem; font-weight: bold; text-shadow: 0 1px 2px rgba(0,0,0,0.1);”>Среден</span>
</div>
<div style=”padding: 20px; display: flex; flex-direction: column; flex-grow: 1;”>
<h3 style=”margin-top: 0; margin-bottom: 10px; color: #2c3e50;”>Попово езеро</h3>
<p style=”font-size: 0.95rem; color: #666; line-height: 1.5; margin-bottom: 15px; flex-grow: 1;”>
Най-големието и дълбоко езеро в Пирин. Маршрутът е живописен и сравнително лек, ако използвате лифта от Добринище до хижа Безбог.
</p>
<div style=”border-top: 1px solid #eee; padding-top: 15px; font-size: 0.9rem; color: #555;”>
???? <strong>Старт:</strong> Хижа Безбог (с лифт)
</div>
</div>
</div>

<!– 6. ВОДОПАД ДЕМЯНИШКИ СКОК –>
<div style=”background: #fff; border-radius: 12px; box-shadow: 0 5px 15px rgba(0,0,0,0.08); overflow: hidden; flex: 1 1 300px; max-width: 360px; display: flex; flex-direction: column; transition: transform 0.3s;”>
<div style=”position: relative;”>
<img src=”https://placehold.co/600×400/16a085/ffffff?text=Waterfall” alt=”Демянишки скок” style=”width: 100%; height: 220px; object-fit: cover;”>
<span style=”position: absolute; top: 15px; right: 15px; background: #f1c40f; color: white; padding: 5px 10px; border-radius: 4px; font-size: 0.8rem; font-weight: bold; text-shadow: 0 1px 2px rgba(0,0,0,0.1);”>Среден</span>
</div>
<div style=”padding: 20px; display: flex; flex-direction: column; flex-grow: 1;”>
<h3 style=”margin-top: 0; margin-bottom: 10px; color: #2c3e50;”>Водопад “Демянишки скок”</h3>
<p style=”font-size: 0.95rem; color: #666; line-height: 1.5; margin-bottom: 15px; flex-grow: 1;”>
Красив 11-метров водопад по поречието на река Демяница. Пътеката е горска, прохладна и много приятна за летните дни.
</p>
<div style=”border-top: 1px solid #eee; padding-top: 15px; font-size: 0.9rem; color: #555;”>
???? <strong>Старт:</strong> Пътят за х. Демяница (над Банско)
</div>
</div>
</div>

</div>

<!– ВАЖНО ИНФО (BOX) –>
<div style=”margin-top: 50px; background: #fffcf0; padding: 30px; border-radius: 10px; border: 1px solid #fae588;”>
<h3 style=”color: #d35400; margin-top: 0;”>⚠️ Важно за туристите в парка</h3>
<ul style=”color: #555; line-height: 1.8; margin-bottom: 0;”>
<li><strong>Кучета:</strong> Задължително на повод! Глобите са сериозни.</li>
<li><strong>Къмпинг:</strong> Паленето на огън и разпъването на палатки е разрешено само на обозначените места.</li>
<li><strong>Екипировка:</strong> Времето в Пирин се променя за минути. Винаги носете топла дреха и вода.</li>
<li><strong>Чистота:</strong> Моля, свалете боклука си долу в града. В планината кофи за боклук няма.</li>
</ul>
</div>

</div>