.suggestions-container{position:absolute;bottom:70px;right:75px;width:300px;max-height:400px;background-color:#fff;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.2);z-index:1000;transition:all .3s ease;display:flex;flex-direction:column;overflow:hidden}.suggestions-header{padding:14px 16px;background-color:#183440;color:#fff;font-weight:600;font-size:.95em;letter-spacing:.3px;border-top-left-radius:8px;border-top-right-radius:8px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;box-shadow:0 2px 4px rgba(0,0,0,.1)}.suggestions-header .close-button{cursor:pointer;font-size:22px;font-weight:700;line-height:1;padding:0;margin-left:12px;transition:all .2s ease;opacity:.9;display:flex;align-items:center;justify-content:center}.suggestions-header .close-button:hover{transform:scale(1.15);opacity:1}.suggestions-content{overflow-y:auto;flex:1;min-height:0}.suggestions-content::-webkit-scrollbar{width:8px}.suggestions-content::-webkit-scrollbar-track{background:#f5f5f5;border-radius:4px}.suggestions-content::-webkit-scrollbar-thumb{background:#183440;border-radius:4px;-webkit-transition:background .3s ease;transition:background .3s ease}.suggestions-content::-webkit-scrollbar-thumb:hover{background:#0f2329}.suggestions-content{scrollbar-width:thin;scrollbar-color:#183440 #f5f5f5}.suggestion-item{padding:14px 16px;border-bottom:1px solid #e8e8e8;cursor:pointer;transition:all .2s ease}.suggestion-item:hover{background-color:#f0f7f9;border-left:3px solid #183440;padding-left:13px}.suggestion-item:last-child{border-bottom:none}.suggestion-title{font-weight:600;margin-bottom:4px;color:#183440;font-size:.95em}.suggestion-subtitle{color:#666;font-size:.875em;line-height:1.4}.suggestions-button{content:"";display:block;width:40px!important;height:40px!important;background-image:url(/img/icons/book.svg);background-size:30px 30px;background-repeat:no-repeat;background-position:50%;margin:auto;margin-right:10px;cursor:pointer;transition:transform .4s ease!important;border-radius:20%;box-shadow:0 3px 8px rgba(0,0,0,.4)}.suggestions-button:hover{transform:scale(1.1)!important}.no-suggestions{padding:24px;text-align:center;color:#888;font-size:.9em}@media screen and (min-width:1920px){.suggestions-container{width:350px;max-height:500px}}@media screen and (min-width:1200px) and (max-width:1919px){.suggestions-container{width:320px;max-height:450px}}@media screen and (min-width:992px) and (max-width:1199px){.suggestions-container{width:280px;max-height:400px;right:60px}.suggestions-button{width:36px!important;height:36px!important;background-size:26px 26px}}@media screen and (min-width:768px) and (max-width:991px){.suggestions-container{width:260px;max-height:350px;right:50px;bottom:60px}.suggestions-button{width:34px!important;height:34px!important;background-size:24px 24px;margin-right:8px}.suggestions-header{padding:10px 14px;font-size:.95em}.suggestion-item{padding:10px 14px}}@media screen and (min-width:576px) and (max-width:767px){.suggestions-container{width:240px;max-height:300px;right:40px;bottom:55px}.suggestions-button{width:32px!important;height:32px!important;background-size:22px 22px;margin-right:6px}.suggestions-header{padding:8px 12px;font-size:.9em}.suggestion-item{padding:8px 12px}.suggestion-title{font-size:.95em}.suggestion-subtitle{font-size:.85em}}@media screen and (max-width:575px){.suggestions-container{width:calc(100vw - 40px);max-width:280px;max-height:280px;right:20px;bottom:50px}.suggestions-button{width:30px!important;height:30px!important;background-size:20px 20px;margin-right:5px;box-shadow:0 2px 6px rgba(0,0,0,.3)}.suggestions-header{padding:8px 10px;font-size:.85em}.suggestions-header .close-button{font-size:20px;padding:0 6px}.suggestion-item{padding:8px 10px}.suggestion-title{font-size:.9em}.suggestion-subtitle{font-size:.8em}.no-suggestions{padding:15px;font-size:.9em}}