/* ==========================
        SEARCH PAGE
========================== */

.search-page{

    max-width:1400px;

    margin:0 auto;

    padding:140px 60px 100px;

}

.search-header{

    text-align:center;

    margin-bottom:60px;

}

.search-header h1{

    font-size:52px;

    font-weight:300;

    letter-spacing:.08em;

    margin-bottom:12px;

}

.search-header p{

    color:#777;

    font-size:17px;

    letter-spacing:.08em;

}

.search-box{

    max-width:720px;

    margin:0 auto 70px;

}

.search-box input{

    width:100%;

    height:62px;

    padding:0 26px;

    border:1px solid #d8d8d8;

    background:#fff;

    font-size:16px;

    letter-spacing:.05em;

    transition:.35s;

}

.search-box input:focus{

    outline:none;

    border-color:#111;

}
/* ==========================
        SEARCH CARDS
========================== */

.search-results{

    max-width:720px;

    margin:0 auto;

    display:flex;

    flex-direction:column;

    gap:14px;

}

.search-results .product-card{

    display:flex;

    align-items:center;

    gap:20px;

    padding:16px;

    text-decoration:none;

    color:#111;

    border-radius:18px;

    background:#fff;

    border:1px solid transparent;

    transition:all .35s ease;

}

.search-results .product-card:hover{

    transform:translateY(-2px);

    border-color:#d7d7d7;

    box-shadow:0 10px 30px rgba(0,0,0,.06);

}

.search-results .product-image{

    width:88px;

    height:88px;

    border-radius:14px;

    overflow:hidden;

    flex-shrink:0;

    background:#f8f8f8;

}

.search-results .product-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:transform .45s ease;

}

.search-results .product-card:hover .product-image img{

    transform:scale(1.08);

}

.search-results .product-info{

    flex:1;

}

.search-results .product-info h3{

    font-size:20px;

    font-weight:400;

    margin-bottom:8px;

}

.search-results .product-info p{

    font-size:14px;

    color:#777;

    margin-bottom:8px;

}

.search-results .product-info span{

    font-size:18px;

    font-weight:500;

}

/* Empty State */

.search-empty{

    grid-column:1/-1;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    text-align:center;

    padding:120px 20px;

}

.search-empty h3{

    font-size:28px;

    font-weight:300;

    letter-spacing:.08em;

    margin-bottom:14px;

}

.search-empty p{

    color:#777;

    font-size:16px;

    letter-spacing:.04em;

}
.search-results{

    transition:opacity .25s ease;

}