body{
    background:#0f172a;
}

.catalog-container{
    max-width:1400px;
    margin:auto;
    padding:60px 30px;
}

.catalog-header{
    text-align:center;
    margin-bottom:60px;
}

.catalog-header h1{
    font-size:52px;
    margin-bottom:16px;
    color:#ffffff;
}

.catalog-header p{
    color:#64748b;
    font-size:18px;
}

.catalog-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.catalog-card{
    background:#64748b;

    border:2px solid rgba(255,255,255,1);

    border-radius:24px;

    padding:40px;

    text-decoration:none;

    color:#0f172a;

    transition:.25s;

    box-shadow:
    0 8px 25px rgba(0,0,0,.06);
}

.catalog-card:hover{
    transform:translateY(-6px);
}

.catalog-icon{
    font-size:56px;
    margin-bottom:24px;
}

.catalog-card h2{
    margin-bottom:16px;
    font-size:32px;
}

.catalog-card p{
    color:#0f172a;
    line-height:1.7;
}

.back-link{
    display:inline-block;

    text-decoration:none;

    color:#0f172a;

    margin-bottom:20px;

    font-weight:600;
}

@media(max-width:992px){

    .catalog-grid{
        grid-template-columns:1fr;
    }

}


.search-container{
    margin-bottom:40px;
}

.search-input{

    width:100%;

    background:#ffffff;

    border:none;

    padding:18px 22px;

    border-radius:14px;

    font-size:16px;

    outline:none;

    box-shadow:
    0 6px 20px rgba(0,0,0,.06);
}

.products-grid{

    display:grid;

    grid-template-columns:
    repeat(auto-fill,minmax(280px,1fr));

    gap:24px;
}

.product-card{

    text-decoration:none;

    background:#ffffff;

    border-radius:20px;

    overflow:hidden;

    color:#0f172a;

    transition:.25s;

    box-shadow:
    0 8px 25px rgba(0,0,0,.06);
}

.product-card:hover{

    transform:translateY(-6px);

}

.product-image{

    height:220px;

    background:#e2e8f0;

    display:flex;

    align-items:center;

    justify-content:center;

    font-weight:700;

    color:#64748b;
}

.product-body{

    padding:22px;
}

.product-body h3{

    margin-bottom:14px;

    font-size:22px;
}

.product-price{

    display:block;

    margin-bottom:12px;

    font-size:22px;

    font-weight:700;

    color:#16a34a;
}

.product-body p{

    color:#64748b;
}