.search::after{
	content:"";
	background-image: url(../svg/sand-dune-1-1.svg);
	background-repeat: no-repeat;
    background-position: top right;
    position: absolute;
    z-index: 0;
    height: 50%;
    width: 100%;
    top: 0;
}

.search__input,
.search__form{
	min-width: 100%;
}

.search__load-more {
	max-width: 375px;
	padding-left: 40px;
	padding-right: 40px; 
}

.search__form{
	border-bottom: solid 2px black; 
}

.search__form [type=search]:focus-visible{
	outline: 2px solid var(--primary-palette-blue-300);
}

.search__form label{
	width: 100%;
}

.search__select{
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	box-shadow: 5px 4px 0 0 rgba(0, 0, 0, 0.16);
	padding-right: 40px; 
	width: 100%;
	max-width: 350px; 
}

.no-results .search__form{
	display: none !important; 
}
.search__select:first-child{

}

.search__select-container{
	position: relative;
 
}

.search__select-container::after{
	content: "";
    position: absolute;
	right: 20px;
    top: 55%;
    transform: translateY(-50%);
    width: 12px; 
    height: 12px; 
    background-size: contain; 
    background-repeat: no-repeat;
    pointer-events: none; /* Ensures it doesn’t block the select interaction */
	background-image: url('../svg/search-arrow-white.svg'); /* Custom arrow image */
}

.search__thumbnail {
	background: none;
    border-bottom-right-radius: 25px;
	min-height: 175px; 
	display: flex;
	align-items: center;
}

.search__thumbnail img{
	width: auto;  
	max-height: 280px;
	min-height: 130px; 
	max-width: 100%;
	object-fit: cover;
	border-bottom-right-radius: 30px;
}

.search__article{
	border-bottom: solid thin #DCDDE6; 
}

.search__button{
	position: absolute;
	left: 10px;
	top: 5px; 
	z-index: 5;
}

input[type="search" i]::-webkit-search-cancel-button{
	position: relative;
    right: 12px; 
	cursor: pointer;
}

@media (min-width: 767px){
	.search__thumbnail img{
		max-height: 415px;
	}
}

@media (min-width: 992px){
	.search__thumbnail {
		background: #fcf7f2;
	}
	.search__thumbnail img{
		max-height: 175px;
	}
}