.search-container{position:relative;width:100%}.search-suggestions{position:absolute;top:100%;left:0;width:100%;background:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 6px 10px rgba(0,0,0,.1);z-index:1000;max-height:500px;overflow-y:auto;padding:15px 0;transition:all .3s ease}.suggestion-item{display:flex;align-items:center;padding:15px;gap:20px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .3s ease}.suggestion-item:last-child{border-bottom:0}.suggestion-item:hover{background:#f4f4f4}.suggestion-item img{width:70px;height:100px;margin-right:20px;object-fit:cover;border-radius:8px;border:2px solid #ddd}.suggestion-item div{flex:1}.suggestion-item span{font-size:16px;font-weight:500;color:#333}.search-suggestions::-webkit-scrollbar{width:12px}.search-suggestions::-webkit-scrollbar-track{background:#f4f4f4;border-radius:8px}.search-suggestions::-webkit-scrollbar-thumb{background-color:#aaa;border-radius:8px;border:2px solid #f4f4f4}.search-suggestions::-webkit-scrollbar-thumb:hover{background-color:#888}@media(max-width:768px){.search-suggestions{max-height:200px}.suggestion-item{flex-direction:row;align-items:flex-start;gap:10px;padding:10px;max-height:150px;overflow:hidden}.suggestion-item img{width:60px;height:100%;object-fit:contain}.suggestion-item span{font-size:14px}#searchFormMobile{display:flex;justify-content:center;padding:0 15px}#searchFormMobile .input-group{width:100%;max-width:400px}#searchFormMobile input{width:100%;padding:.7rem 1.2rem;font-size:1.1rem}}