.ort-search-container{position:relative;width:300px;background:#fff;padding:10px;border-radius:6px;box-shadow:0 2px 6px #00000026}
#ort-searchInput{padding:8px;width:100%;box-sizing:border-box;border-radius:4px}
.search-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:350px;background:url(/images/anasayfa_banner.png) no-repeat;background-size:cover;color:#fff}
.search-container p{font-size:24px;font-weight:700;margin:0;text-shadow:0 2px 5px #0006}
.search-container span{font-size:28px;font-weight:600;margin:5px 0 20px;display:block;text-shadow:0 2px 5px #0006}
.search-box{position:relative;width:500px;max-width:90%;background:#fff;border-radius:4px;padding:8px;box-shadow:1px 1px 4px #e4e2e2;border:1px solid #cacdcf;}
.search-box input{border:none;outline:none;flex:1;font-size:16px;color:#333}
.ort-results{position:absolute;top:100%;left:0;width:100%;max-height:200px;overflow-y:auto;display:none;background:#fff;border:1px solid #ccc;border-top:none;margin-top:2px;border-radius:4px;z-index:1;padding-inline-start:0;box-shadow:1px 1px 4px #e4e2e2;border:unset}
.ort-results li{padding:10px 15px;font-size:16px;line-height:1.5;cursor:pointer;border-bottom:1px solid #eee}
.ort-results li:last-child{border-bottom:none}
.ort-results li:hover{background-color:#f5f5f5}
.yazi span{color:#fff;font-weight:700;font-size:50px;text-shadow:2px 2px 0 #1e1e1e,-1px -1px 0 #000000,1px -1px 0 #1f1f1f,-1px 1px 0 #3b3b3b,1px 1px 0 #474747;text-align:center}
.yazi p{color:#fff;font-weight:700;font-size:40px;text-shadow:2px 2px 0 #1e1e1e,-1px -1px 0 #000000,1px -1px 0 #1f1f1f,-1px 1px 0 #3b3b3b,1px 1px 0 #474747;text-align:center}
.ort-search-container{position:relative;width:500px}
@media screen and (max-width: 517px) {
.yazi span{font-size:35px}
}
@media screen and (max-width: 686px) {
.yazi span{font-size:40px}
}
@media screen and (max-width: 517px) {
.yazi p{font-size:25px}
}
@media screen and (max-width: 686px) {
.yazi p{font-size:30px}
}
@keyframes fadeInDownort {
0%{opacity:0;transform:translateY(-20px)}
100%{opacity:1;transform:translateY(0)}
}
.fadeInDownort{animation:fadeInDownort 1s ease forwards}
.search-box i {position: absolute;right: 12px;top: 50%;transform: translateY(-50%);color: #555;cursor: pointer;}
.ort-results a{color:#000}