:where([class^="ri-"])::before { content: "\f3c2"; }
body {
font-family: 'Inter', sans-serif;
scroll-behavior: smooth;
}
.masonry-grid {
column-count: 3;
column-gap: 1.5rem;
}
.masonry-item {
break-inside: avoid;
margin-bottom: 1.5rem;
}
@media (max-width: 1024px) {
.masonry-grid {
column-count: 2;
}
}
@media (max-width: 640px) {
.masonry-grid {
column-count: 1;
}
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.form-success {
transform: translateY(-100%);
transition: transform 0.5s ease-in-out;
}
.form-success.show {
transform: translateY(0);
}