Закопчалка с удължител и висулка сърчице, 75 мм - 1 бр.

<div style="font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; max-width: 900px; margin: 30px auto; background: #ffffff; padding: 40px; border-radius: 20px; border: 1px solid #e0e0e0; box-shadow: 0 8px 25px rgba(0,0,0,0.08); color: #333; line-height: 1.8;">
<h2 style="color: #111827; margin-top: 0; font-size: 28px; text-transform: uppercase; letter-spacing: 1.5px; border-bottom: 3px solid #eab308; display: inline-block; padding-bottom: 5px; margin-bottom: 25px;">Гъвкавост и стил&nbsp;</h2>

<div id="wrapper-extender" style="position: relative;">
<div id="content-extender" style="overflow: hidden; transition: max-height 0.5s ease-in-out; max-height: 5.5em;">
<p style="font-size: 18px; color: #444; margin-bottom: 20px;">Незаменим аксесоар за всеки, който цени прецизността в своите творения. Този елегантен компонент е проектиран да осигури перфектното напасване на вашите аксесоари, като им добавя допълнителна дължина и изтънчен завършек.</p>

<div id="hidden-extender">
<h3 style="color: #854d0e; font-size: 20px; margin-top: 25px;">Защо да изберете този компонент?</h3>

<p style="font-size: 17px; color: #444; margin-bottom: 15px;">С негова помощ аранжирането на бижута става лесно и интуитивно. Комплектът е готов за употреба веднага – включва надежден карабинер (лобстър), здрава верижка и нежна сърцевидна висулка в края, която улеснява захващането и придава завършен вид.</p>

<h3 style="color: #854d0e; font-size: 20px; margin-top: 25px;">Основни характеристики</h3>

<ul style="padding-left: 20px; color: #444; font-size: 17px;">
<li><strong>Висококачествено покритие:</strong> Придава блясък, който се съчетава прекрасно с различни материали.</li>
<li><strong>Сигурно закопчаване:</strong> Интегрираният карабинер предотвратява случайно отваряне.</li>
<li><strong>Здравина:</strong> Плътно свързани звена за дълготрайна ежедневна употреба.</li>
<li><strong>Универсален размер:</strong> Дължината от 7-8 см предлага достатъчно опции за регулиране.</li>
</ul>

<h3 style="color: #854d0e; font-size: 20px; margin-top: 25px;">Приложения и идеи</h3>

<p style="font-size: 17px; color: #444; margin-bottom: 15px;">Използвайте златистия удължител, за да трансформирате своите проекти:</p>

<ul style="padding-left: 20px; color: #444; font-size: 17px;">
<li>Създавайте колиета с регулируема дължина за различни деколтета.</li>
<li>Изработвайте гривни, които пасват идеално на всяка китка.</li>
<li>Вдъхнете нов живот на стари бижута с повредени закопчалки.</li>
<li>Добавете професионален щрих на вашите ръчно изработени изделия.</li>
</ul>

<p style="font-size: 17px; color: #444; margin-top: 20px;">Не забравяйте да разгледате и нашия <strong>сребрист удължител</strong>, за да имате пълна свобода при реализирането на вашите творчески проекти!</p>
</div>
</div>

<div id="fade-extender" style="position: absolute; bottom: 0; left: 0; width: 100%; height: 60px; background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1)); pointer-events: none;">&nbsp;</div>
</div>

<div style="text-align: center; margin-top: 10px; border-top: 1px solid #eee; padding-top: 15px;"><span id="btn-extender" onclick="toggleExtender()" style="color: #854d0e; font-weight: bold; cursor: pointer; text-decoration: underline; font-size: 16px;">Виж още от описанието</span></div>
</div>
<script>
function toggleExtender() {
const content = document.getElementById('content-extender');
const fade = document.getElementById('fade-extender');
const btn = document.getElementById('btn-extender');
if (content.style.maxHeight !== "3000px") {
content.style.maxHeight = "3000px";
fade.style.display = "none";
btn.innerHTML = "Виж по-малко";
} else {
content.style.maxHeight = "5.5em";
fade.style.display = "block";
btn.innerHTML = "Виж още от описанието";
}
}
</script>