.common-search-result{max-width:1360px;width:100%;margin:0 auto 80px;padding:0 40px}
.common-search-result .top-wrapper{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid #ccc}
.common-search-result .top-wrapper .result-counts{display:flex;align-items:center;gap:14px;color:#333;max-height:24px;font-family:'Roboto';font-weight:400;font-size:14px}
@media(max-width:1023px){.common-search-result .top-wrapper .result-counts{color:#757575}
}
.common-search-result .top-wrapper .result-counts .result-filter-btn{display:none;font-family:'Roboto';font-weight:500;font-size:16px;color:#333}
.common-search-result .top-wrapper .result-counts .result-filter-btn svg{cursor:pointer}
@media(max-width:1023px){.common-search-result .top-wrapper .result-counts .result-filter-btn{display:flex;gap:12px}
}
@media(max-width:1023px){.common-search-result .top-wrapper{position:sticky;top:0;z-index:1;background-color:#fff}
}
.common-search-result .bottom-wrapper{display:grid;grid-template-columns:minmax(287px,auto) minmax(0,989px);gap:24px}
@media(max-width:1023px){.common-search-result .bottom-wrapper{grid-template-columns:1fr}
}
.common-search-result .bottom-wrapper .left-wrapper{align-self:start;position:sticky;top:0;height:100vh;overflow:auto}
.common-search-result .bottom-wrapper .left-wrapper::-webkit-scrollbar{width:0}
@media(max-width:1023px){.common-search-result .bottom-wrapper .left-wrapper{display:block;position:fixed;top:0;bottom:0;padding:0 40px;background-color:#fff;width:320px;height:100%;z-index:9999;overflow:initial}
.common-search-result .bottom-wrapper .left-wrapper.active{animation:open .3s cubic-bezier(0.2,0.4,0.6,1);left:0}
.common-search-result .bottom-wrapper .left-wrapper.closed{animation:close .2s cubic-bezier(0.2,0.4,0.6,1);left:-320px}
@keyframes open{from{left:-320px}
to{left:0}
}
@keyframes close{from{left:0}
to{left:-320px}
}
}
.common-search-result .bottom-wrapper .right-wrapper{padding:0 10px}
@media(max-width:1023px){.common-search-result{max-width:100%;padding:0 20px}
.common-search-result .wrapper-overlay{display:none;width:100%;height:100vh;position:fixed;top:0;bottom:0;right:0;left:0;background:#000;opacity:.6;z-index:9998;overflow:hidden}
.common-search-result .wrapper-overlay.active{display:block;animation:fadein .2s}
.common-search-result .wrapper-overlay.closed{display:none;animation:fadeout .2s}
@keyframes fadein{from{opacity:0}
to{opacity:.6}
}
@keyframes fadeout{from{opacity:.6}
to{opacity:0}
}
}
.result-cards-list{display:flex;flex-direction:column;gap:16px}
.result-cards-list .result-card-item{display:flex;max-width:1029px;max-height:160px;border-radius:12px;padding:20px;position:relative;flex-direction:column;justify-content:center}
@media(max-width:575px){.result-cards-list .result-card-item{max-width:535px;max-height:none;min-width:auto;padding:20px}
}
@media(max-width:375px){.result-cards-list .result-card-item{max-width:335px}
}
.result-cards-list .result-card-item .result-card-content{display:grid;grid-template-columns:140px auto;gap:20px;align-items:center}
@media(max-width:575px){.result-cards-list .result-card-item .result-card-content{gap:20px;grid-template-columns:auto}
}
.result-cards-list .result-card-item .result-card-content .result-card-img{width:140px;height:86px;display:flex}
.result-cards-list .result-card-item .result-card-content .result-card-img img{width:100%;height:auto;border-radius:12px;object-fit:cover}
.result-cards-list .result-card-item .result-card-content .result-card-text{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-around;gap:12px}
.result-cards-list .result-card-item .result-card-content .result-card-text .result-card-category{overflow:hidden;font-family:'Roboto';font-weight:400;font-size:12px;line-height:150%}
.result-cards-list .result-card-item .result-card-content .result-card-text .result-card-title{text-overflow:ellipsis;font-family:Poppins;font-size:20px;font-weight:700;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:575px){.result-cards-list .result-card-item .result-card-content .result-card-text .result-card-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
}
.result-cards-list .result-card-item .result-card-content .result-card-text .result-card-description{color:#333;text-overflow:ellipsis;font-family:'Roboto';font-size:16px;font-weight:400;line-height:150%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:575px){.result-cards-list .result-card-item .result-card-content .result-card-text .result-card-description{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
}
.result-cards-list .result-card-item .result-card-content .result-card-text span.highlight{background-color:#e8d8d7}
.result-cards-list .result-card-item:hover{background-color:#f2f2f2}
.result-cards-list .result-card-item>a{position:absolute;width:100%;height:100%;top:0;left:0}
.result-cards-list .result-card-item::after{content:'';width:100%;height:1px;background-color:#f2f2f2;position:absolute;bottom:-9px;left:0}
.load-more{display:flex;flex-direction:column;align-items:center;gap:16px;margin:40px 0;color:#757575;font-family:'Roboto';font-size:14px;font-weight:400}
.load-more svg{cursor:pointer}
.still-loading{background:#fff}
.no-result{display:flex;flex-direction:column;gap:8px;text-align:center;padding:40px 0}
.no-result p:first-child{text-align:center;color:#000;font-family:'Poppins';font-size:36px;font-weight:700;line-height:130%}
.no-result p:last-child{text-align:center;color:#000;font-family:'Roboto';font-size:16px;font-weight:400;line-height:150%}
.no-result span{white-space:normal;word-break:break-word}
.sort-dropdown-wrapper{width:125px;padding:8px 12px;position:relative;cursor:pointer}
.sort-dropdown-wrapper .sort-title{display:flex;justify-content:space-between;font-family:'Roboto';font-weight:400;font-size:14px;color:#333}
.sort-dropdown-wrapper .sort-title:hover{font-weight:700}
.sort-dropdown-wrapper .sort-title.active .boomerang{transform:rotate(180deg)}
.sort-dropdown-wrapper .sort-list{display:none;width:100%;background:#fff;box-shadow:0 0 20px rgba(0,0,0,0.1);border-radius:4px;border:1px solid #757575;position:absolute;padding:8px 0;top:100%;left:0;z-index:2}
.sort-dropdown-wrapper .sort-list li{color:#000;font-family:'Roboto';font-weight:400;font-size:14px;padding:8px 12px;text-align:start}
.sort-dropdown-wrapper .sort-list li:hover{background-color:#f2f2f2}
.sort-dropdown-wrapper .sort-list.active{display:block}
.result-filter .result-filter-list{padding:20px 4px;display:flex;flex-direction:column;gap:24px;padding-right:40px}
@media(min-width:1024px){.result-filter .result-filter-list{border-right:1px solid #ccc}
}
@media(max-width:1023px) and (min-width:768px){.result-filter .result-filter-list{height:calc(100dvh - 72px);overflow:auto;padding:12px 0}
.result-filter .result-filter-list::-webkit-scrollbar{width:0}
}
.result-filter .result-filter-list .result-filter-category-item{display:flex;flex-direction:column}
.result-filter .result-filter-list .result-filter-category-item .category-item-title-all{display:flex;align-items:center;gap:4px;padding:8px 0;position:relative;font-family:'Roboto';font-weight:900;font-size:14px}
.result-filter .result-filter-list .result-filter-category-item .category-item-title-all:hover{color:#00707a}
.result-filter .result-filter-list .result-filter-category-item .category-item-title-all .caret{width:16px;height:16px}
.result-filter .result-filter-list .result-filter-category-item .category-item-title-all .title-selection{cursor:pointer}
.result-filter .result-filter-list .result-filter-category-item .category-item-title-all .boomerang{width:20px;height:20px;position:absolute;left:auto;right:8px;cursor:pointer}
.result-filter .result-filter-list .result-filter-category-item .category-item-title-all .boomerang:hover svg *{fill:#00707a}
.result-filter .result-filter-list .result-filter-category-item .category-item-title-all.open{color:#00707a}
.result-filter .result-filter-list .result-filter-category-item .category-item-title-all.open .boomerang{transform:rotate(180deg)}
.result-filter .result-filter-list .result-filter-category-item .category-item-title-all.selected{color:#00707a}
.result-filter .result-filter-list .result-filter-category-item .divider{padding-bottom:4px}
.result-filter .result-filter-list .result-filter-category-item .divider span{display:block;height:1px;background-color:#f2f2f2}
.result-filter .result-filter-list .result-filter-category-item .category-item-accordion li{font-family:'Roboto';font-weight:400;font-size:14px;color:#757575;padding:8px 0;display:flex;align-items:flex-start;gap:4px;cursor:pointer}
.result-filter .result-filter-list .result-filter-category-item .category-item-accordion li:hover{color:#00707a;font-weight:500}
.result-filter .result-filter-list .result-filter-category-item .category-item-accordion li.active{font-weight:700;color:#00707a}
.result-filter .result-filter-list .result-filter-category-item .category-item-accordion li .category-item-accordion-item{color:#757575;font-family:Roboto;font-size:14px;font-weight:400}
.result-filter .result-filter-list .result-filter-category-item .category-item-accordion li .category-item-accordion-item .category-item-title:hover{font-weight:700;color:#00707a}
.result-filter .result-filter-list .result-filter-category-item .category-item-accordion li .category-item-accordion-item.active{color:#00707a}
.result-filter .close-btn{display:none}
.result-filter .close-btn svg{cursor:pointer;transform:translateX(-20px)}
@media(max-width:1023px) and (min-width:768px){.result-filter .close-btn{display:block;margin:14px 0}
}