.input-wrapper {
    position: relative;
    display: inline-block;
    width: 100%; /* Input genişliğine göre ayarlanabilir */
    border: 1px solid #ccc;
    border-radius: 8px;
}

.form-control20 {
    width: 100%;
    padding-left: 40px; /* İkona yer bırakmak için padding */
    height: 40px;
    box-sizing: border-box;
}

.search-icon {
    position: absolute;
    left: 10px; /* Input içinde konumlandırma */
    top: 50%;
    transform: translateY(-50%);
    color: #aaa; /* İkonun rengi */
    font-size: 16px;
    pointer-events: none; /* Tıklanamaz hale getir */
}
.select-wrapper {
    position: relative;
    display: inline-block;
    width: 100%; /* Select genişliğine göre ayarlanabilir */
}

.form-control2 {
    width: 100%;
    padding-right: 40px; /* İkona yer bırakmak için padding */
    appearance: none; /* Varsayılan ok işaretini gizler */
    background: none;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 8px;
}

.select-icon {
    position: absolute;
    right: 10px; /* İkonun konumu */
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    color: #aaa;
    pointer-events: none; /* Tıklanamaz hale getir */
}

.rew-title {
display: flex;
}

.rev-tit-cont {
    max-width: 400px; 
    width: 100%;
}

.w-fl-50 {
    width: 50px; 
    float: left;
}

.fl {
    float: left;
}

.bb-1 {
border-bottom: 1px solid #ccc ;
}

/* ---------------- Mobile Tweaks ---------------- */
@media (max-width: 768px) {
    /* Shrink each review thumbnail */
    .review-images .ratio.w-120 {
        width: 100px !important;   /* narrower wrapper */
        height: 100px !important;   /* narrower wrapper */
    }
    .review-images .ratio.w-120:before {
        padding-top: 100%;        /* keep 1:1 ratio square */
    }
    .review-images .ratio.w-120 img {
        border-radius: 6px;        /* adjust radius proportionally */
    }
}