<section id="hashifit-motivation-section">
<style>
#hashifit-motivation-section {
padding-block: var(--et-spacing-vertical, 48px);
padding-inline: var(--et-spacing-horizontal, 24px);
background-color: #e3f198;
}
@media (min-width: 1024px) {
#hashifit-motivation-section {
padding-block: var(--et-spacing-vertical-lg, 80px);
padding-inline: var(--et-spacing-horizontal-lg, 48px);
}
}
#hashifit-motivation-section .container {
margin-inline: auto;
max-width: 42rem;
}
@media (min-width: 1024px) {
#hashifit-motivation-section .container {
max-width: 72rem;
}
}
#hashifit-motivation-section .layout-grid {
display: grid;
grid-template-columns: 1fr;
gap: 32px;
}
@media (min-width: 1024px) {
#hashifit-motivation-section .layout-grid {
grid-template-columns: 5fr 7fr;
gap: 64px;
align-items: start;
}
}
#hashifit-motivation-section .column-media {
display: flex;
flex-direction: column;
}
@media (min-width: 1024px) {
#hashifit-motivation-section .column-media {
position: sticky;
top: 32px;
}
}
#hashifit-motivation-section .hero-image {
display: block;
width: 100%;
height: auto;
object-fit: contain;
object-position: top center;
border-radius: var(--et-radius-image, 8px);
box-shadow: 0 10px 30px rgba(16, 24, 40, 0.08);
margin-bottom: 24px;
}
@media (min-width: 1024px) {
#hashifit-motivation-section .hero-image {
margin-bottom: 0;
}
}
#hashifit-motivation-section .heading {
color: var(--et-colors-text, #101828);
font-weight: 600;
line-height: 1.2;
letter-spacing: -0.02em;
text-wrap: balance;
font-size: 36px;
margin-bottom: 16px;
}
@media (min-width: 640px) {
#hashifit-motivation-section .heading {
font-size: 48px;
}
}
#hashifit-motivation-section .lead-card {
background-color: rgba(255, 255, 255, 0.65);
border-left: 4px solid var(--et-colors-brand, #101828);
border-radius: 0 8px 8px 0;
padding: 1.25rem 1.5rem;
margin-bottom: 24px;
backdrop-filter: blur(4px);
}
#hashifit-motivation-section .lead-text {
color: var(--et-colors-text, #101828);
font-size: 20px;
font-weight: 600;
margin: 0;
line-height: 1.4;
text-wrap: balance;
}
#hashifit-motivation-section .paragraph {
color: var(--et-colors-text, #101828);
font-size: 18px;
line-height: 1.6;
opacity: 0.9;
text-wrap: pretty;
margin-bottom: 20px;
}
#hashifit-motivation-section .solutions-grid {
display: grid;
grid-template-columns: 1fr;
gap: 16px;
margin-top: 32px;
margin-bottom: 32px;
}
@media (min-width: 640px) {
#hashifit-motivation-section .solutions-grid {
grid-template-columns: repeat(2, 1fr);
}
}
#hashifit-motivation-section .solution-card {
background-color: #ffffff;
border: 1px solid rgba(16, 24, 40, 0.08);
border-radius: 8px;
padding: 1.25rem;
display: flex;
align-items: flex-start;
gap: 12px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
#hashifit-motivation-section .solution-icon {
flex-shrink: 0;
color: var(--et-colors-brand, #101828);
width: 20px;
height: 20px;
margin-top: 2px;
}
#hashifit-motivation-section .solution-text {
color: var(--et-colors-text, #101828);
font-size: 16px;
line-height: 1.5;
margin: 0;
}
#hashifit-motivation-section .closing-text {
font-size: 22px;
font-weight: 600;
line-height: 1.4;
color: var(--et-colors-brand, #101828);
text-align: left;
opacity: 1;
text-wrap: balance;
padding-top: 16px;
margin-bottom: 0;
}
#hashifit-motivation-section .last {
margin-bottom: 0 !important;
}
</style>
<div class="container">
<div class="layout-grid">
<div class="column-media">
<img src="/files/pages/assets/2026-08-31/beige-and-green-modern-wellness-workbook-cover-1_mtgu443p.png" alt="Dietetyczka i trenerka HashiFit" class="hero-image" loading="lazy">
</div>
<div class="column-content">
<h2 class="heading">A co, jeśli znowu zabraknie Ci motywacji?</h2>
<div class="lead-card">
<p class="lead-text">Nie musisz być zmotywowana przez całe trzy miesiące.</p>
</div>
<p class="paragraph">W czasie współpracy mogą pojawić się wyjazdy, trudniejsze tygodnie, rodzinne uroczystości, większy apetyt, brak czasu na gotowanie albo moment, w którym efekty zwolnią.</p>
<p class="paragraph">Właśnie dlatego HashiFit trwa 90 dni. Moim zadaniem jest pomóc Ci przejść przez te sytuacje i znaleźć rozwiązania, które możesz zastosować w prawdziwym życiu.</p>
<div class="solutions-grid">
<div class="solution-card">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="solution-icon" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
<p class="solution-text">Jeśli nie smakuje Ci posiłek, szukamy zamiennika.</p>
</div>
<div class="solution-card">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="solution-icon" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
<p class="solution-text">Jeżeli plan jest zbyt czasochłonny, upraszczamy go.</p>
</div>
<div class="solution-card">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="solution-icon" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
<p class="solution-text">Jeśli trening nie pasuje do Twoich możliwości, modyfikujemy ćwiczenia.</p>
</div>
<div class="solution-card">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" class="solution-icon" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
<p class="solution-text">Gdy pojawiają się pytania lub wątpliwości, możesz napisać do mnie na WhatsAppie.</p>
</div>
</div>
<p class="closing-text last">Nie musisz czekać, aż drobna trudność zamieni się w całkowitą rezygnację.</p>
</div>
</div>
</div>
</section>