.phc-search-wrapper {
width: 100%;
}
.phc-search-form {
display: flex;
align-items: center;
background: #ffffff;
border-radius: 10px;
padding: 8px;
box-shadow: 0 15px 35px rgba(0, 0, 0, .08);
overflow: hidden;
gap: 0;
} .phc-search-keyword {
flex: 1;
}
.phc-search-keyword input {
width: 100%;
height: 56px;
border: none !important;
outline: none !important;
box-shadow: none !important;
background: transparent;
padding: 0 24px;
font-family: "Manrope", sans-serif;
font-size: 16px;
font-weight: 500;
color: #222222;
}
.phc-search-keyword input::placeholder {
color: #8B8B8B;
font-weight: 500;
}
.phc-search-keyword input:focus,
.phc-search-keyword input:focus-visible {
outline: none !important;
border: none !important;
box-shadow: none !important;
} .phc-search-city {
width: 230px;
border-left: 1px solid #ECECEC;
}
.phc-search-city select {
width: 100%;
height: 56px;
border: none !important;
outline: none !important;
box-shadow: none !important;
background: transparent;
padding: 0 20px;
font-family: "Manrope", sans-serif;
font-size: 16px;
font-weight: 500;
color: #222222;
cursor: pointer;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}
.phc-search-city select:focus,
.phc-search-city select:focus-visible {
outline: none !important;
border: none !important;
box-shadow: none !important;
} .phc-search-button {
width: 180px;
padding-left: 8px;
}
.phc-search-button button {
width: 100%;
height: 56px;
border: none;
border-radius: 8px;
font-family: "Manrope", sans-serif;
font-size: 17px;
font-weight: 700;
color: #ffffff;
cursor: pointer;
transition: .3s ease;
background: linear-gradient(
180deg,
#1FCB44 0%,
#16B85B 100%
);
}
.phc-search-button button:hover {
background: linear-gradient(
180deg,
#16B85B 0%,
#1FCB44 100%
);
} @media (max-width:1024px) {
.phc-search-form {
display: block;
padding: 20px;
}
.phc-search-keyword,
.phc-search-city,
.phc-search-button {
width: 100%;
}
.phc-search-city {
border-left: none;
border-top: 1px solid #ECECEC;
margin-top: 15px;
padding-top: 15px;
}
.phc-search-button {
margin-top: 15px;
padding-left: 0;
}
}