body {
    font-family: 'Inter', sans-serif;
}

/* Zapewnia, że treść nie jest zasłaniana przez nagłówek "fixed" */
body {
    padding-top: 88px;
}

/* Dostosowanie do mniejszych ekranów, jeśli menu mobilne ma inną wysokość */
@media (max-width: 768px) {
    body {
        padding-top: 88px; /* W razie potrzeby dostosuj tę wartość */
    }
}

/* Custom Colors */
.bg-mypink { background-color: #cb6ce6; }
.text-mypink { color: #cb6ce6; }
.border-mypink { border-color: #cb6ce6; }
.hover\:bg-mypink-dark:hover { background-color: #b450c8; }
.bg-gray-back-top { background-color: #737373; }

/* Smooth scroll for anchor links */
html {
    scroll-behavior: smooth;
}

/* Material-inspired shadows and transitions for buttons */
.material-shadow {
    box-shadow: 0 2px 4px -1px rgba(0,0,0,0.2), 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12);
}

.material-shadow:hover {
    box-shadow: 0 4px 8px -2px rgba(0,0,0,0.2), 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12);
}

/* Service card hover effect */
.service-card {
    background-color: #f9fafb; /* bg-gray-50 equivalent */
    transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}
.service-card:hover {
    background-color: #cb6ce6; /* mypink */
    box-shadow: 0 4px 8px -2px rgba(0,0,0,0.2), 0 8px 10px 1px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12);
    transform: translateY(-5px);
}
.service-card:hover .text-gray-600,
.service-card:hover .text-gray-800 {
    color: #fff; /* text-white on hover */
}
.service-card:hover svg {
    color: #cb6ce6; /* text-mypink */
    background-color: #fff; /* bg-white */
}

.section-heading {
    position: relative;
    padding-bottom: 0.5rem;
}

.section-heading::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background-color: #cb6ce6;
    border-radius: 9999px;
}

/* Back to Top button */
.back-to-top-button {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    height: 3rem;
    width: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #737373; /* bg-gray-back-top */
    color: #cb6ce6; /* text-mypink */
    border-radius: 9999px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s, visibility 0.3s, transform 0.3s;
    cursor: pointer;
    z-index: 50;
}

.back-to-top-button.show {
    opacity: 1;
    visibility: visible;
}

.prose p {
  margin-bottom: 1rem;
}