@import url('https://fonts.googleapis.com/css2?family=Afacad:ital,wght@0,400..700;1,400..700&family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&family=Righteous&family=Sail&family=Syne:wght@400..800&display=swap');
@font-face {
    font-family: "TransformaSans-Medium"; /* Your chosen name */
    src: url("/public/fonts/transforma_sans/TransformaSans-Medium.ttf")
        format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap; /* Shows fallback text while loading */
}
@font-face {
    font-family: 'Rafgins-Regular'; /* Your chosen name */
    src: url('/public/fonts/rafgins/Rafgins-Regular.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
* {
    font-family: "Google Sans", sans-serif;
}

html{
    scroll-behavior: smooth;
}

.design {
    /* font-family: "Rafgins-Regular", system-ui; */
    font-family: "Righteous", system-ui;
    /* font-style: italic; */
    font-size: 1.1em;
}

.swiper {
    width: 100%;
    height: 100%;
  }

  .swiper-slide {
    /* text-align: center; */
    /* font-size: 18px; */
    /* background: #444; */
    /* display: flex;
    justify-content: center;
    align-items: center; */
  }

/* Tool card search animations */
.tool-card {
    transition: transform 0.35s cubic-bezier(.4,0,.2,1),
                opacity 0.35s cubic-bezier(.4,0,.2,1),
                scale 0.35s cubic-bezier(.4,0,.2,1);
}
.tool-card.hidden-card {
    opacity: 0;
    scale: 0.85;
    pointer-events: none;
    position: absolute !important;
    visibility: hidden;
}
.tool-card.visible-card {
    opacity: 1;
    scale: 1;
}
#toolsGrid {
    position: relative;
}
.no-results-msg {
    grid-column: 1 / -1;
    text-align: center;
    padding: 2rem 1rem;
    color: #6b7280;
    font-size: 0.95rem;
    animation: fadeIn 0.3s ease;
}
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}