.recommended-projects-page[data-v-77835285]{position:relative;min-height:100vh;padding-bottom:40px;background-color:#f8f9fa}.page-header-banner[data-v-77835285]{position:relative;height:280px;background-image:url(../img/1.cddb664a.jpg);background-size:cover;background-position:50%;margin-bottom:50px}.header-overlay[data-v-77835285]{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center}.header-content[data-v-77835285]{text-align:center;color:#fff;padding:0 20px}.header-content h1[data-v-77835285]{font-size:42px;font-weight:700;margin-bottom:15px;letter-spacing:1px;text-shadow:2px 2px 4px rgba(0,0,0,.5);animation:fadeInDown-77835285 .8s ease-out}.header-divider[data-v-77835285]{width:80px;height:4px;background:linear-gradient(90deg,#3498db,#5dade2);margin:0 auto 20px;animation:fadeIn-77835285 1s ease-out .3s both}.header-subtitle[data-v-77835285]{font-size:18px;font-weight:300;margin-bottom:0;animation:fadeIn-77835285 1s ease-out .5s both;text-shadow:1px 1px 3px rgba(0,0,0,.5)}.content-container[data-v-77835285]{max-width:1280px;margin:0 auto;padding:0 20px}.filter-bar[data-v-77835285]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;background-color:#fff;padding:15px 20px;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.05)}.search-box[data-v-77835285]{position:relative;max-width:300px;width:100%}.search-box input[data-v-77835285]{width:100%;padding:10px 15px 10px 40px;border:1px solid #e0e0e0;border-radius:25px;font-size:14px;transition:all .3s}.search-box input[data-v-77835285]:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px rgba(52,152,219,.2)}.search-box i[data-v-77835285]{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#999}.sort-options[data-v-77835285]{display:flex;align-items:center}.sort-options span[data-v-77835285]{margin-right:10px;font-size:14px;color:#666}.sort-buttons[data-v-77835285]{display:flex;gap:8px}.sort-buttons button[data-v-77835285]{padding:8px 15px;border:1px solid #e0e0e0;background-color:#fff;border-radius:20px;font-size:13px;cursor:pointer;transition:all .2s}.sort-buttons button[data-v-77835285]:hover{background-color:#f5f5f5}.sort-buttons button.active[data-v-77835285]{background-color:#3498db;border-color:#3498db;color:#fff}.projects-grid[data-v-77835285]{display:flex;flex-wrap:wrap;margin:0 -15px}.project-item[data-v-77835285]{width:25%;padding:0 15px;margin-bottom:30px;animation:fadeInUp-77835285 .5s ease-out both}.project-card[data-v-77835285]{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,.08);transition:all .3s;height:100%;display:flex;flex-direction:column;transform:translateY(0)}.project-card[data-v-77835285]:hover{transform:translateY(-8px);box-shadow:0 15px 30px rgba(0,0,0,.12)}.project-card a[data-v-77835285]{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.card-image-wrapper[data-v-77835285]{position:relative;padding-top:70%;overflow:hidden}.image-placeholder[data-v-77835285]{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#f6f7f8,#edeef1);animation:pulse-77835285 1.5s ease-in-out infinite;display:flex;align-items:center;justify-content:center}.placeholder-icon[data-v-77835285]{width:50px;height:50px;border-radius:50%;background-color:hsla(0,0%,100%,.7);display:flex;align-items:center;justify-content:center}.placeholder-icon i[data-v-77835285]{font-size:24px;color:#aaa}.card-image[data-v-77835285]{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:opacity .3s ease,transform .5s ease}.project-card:hover .card-image[data-v-77835285]{transform:scale(1.08)}.card-overlay[data-v-77835285]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.project-card:hover .card-overlay[data-v-77835285]{opacity:1}.overlay-content[data-v-77835285]{text-align:center;color:#fff;transform:translateY(10px);transition:transform .3s}.project-card:hover .overlay-content[data-v-77835285]{transform:translateY(0)}.overlay-content i[data-v-77835285]{font-size:32px;margin-bottom:10px;display:block}.recommended-badge[data-v-77835285]{position:absolute;top:15px;right:15px;background:linear-gradient(135deg,#e74c3c,#e57373);color:#fff;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:500;box-shadow:0 3px 8px rgba(231,76,60,.3);z-index:1}.card-content[data-v-77835285]{padding:20px;flex-grow:1;display:flex;flex-direction:column}.card-title[data-v-77835285]{font-size:18px;font-weight:600;color:#333;margin:0 0 10px;line-height:1.4;max-height:2.8em;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card-description[data-v-77835285]{font-size:14px;color:#666;line-height:1.5;margin-bottom:15px;flex-grow:1}.card-footer[data-v-77835285]{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:15px;border-top:1px solid #f0f0f0}.card-price[data-v-77835285]{display:flex;align-items:baseline}.price-value[data-v-77835285]{font-size:22px;font-weight:700;color:#e74c3c}.price-unit[data-v-77835285]{font-size:14px;color:#999;margin-left:4px}.view-details-btn[data-v-77835285]{display:flex;align-items:center;color:#3498db;font-size:14px;font-weight:500}.view-details-btn i[data-v-77835285]{margin-left:5px;transition:transform .3s}.project-card:hover .view-details-btn i[data-v-77835285]{transform:translateX(4px)}.loading-state[data-v-77835285]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 0;text-align:center}.spinner[data-v-77835285]{width:40px;height:40px;border:4px solid rgba(52,152,219,.2);border-top:4px solid #3498db;border-radius:50%;animation:spin-77835285 1s linear infinite;margin-bottom:15px}.loading-state p[data-v-77835285]{color:#666;font-size:16px}.empty-state[data-v-77835285]{display:flex;flex-direction:column;align-items:center;padding:60px 0;text-align:center}.empty-state i[data-v-77835285]{font-size:60px;color:#ccc;margin-bottom:15px}.empty-state p[data-v-77835285]{color:#666;font-size:18px;margin-bottom:20px}.reset-btn[data-v-77835285]{padding:10px 25px;background-color:#3498db;color:#fff;border:none;border-radius:25px;font-size:14px;cursor:pointer;transition:all .3s}.reset-btn[data-v-77835285]:hover{background-color:#2980b9;transform:translateY(-2px)}.custom-pagination[data-v-77835285]{margin:40px 0 15px;display:flex;justify-content:center}.page-info[data-v-77835285]{text-align:center;color:#777;font-size:14px;margin-bottom:30px}.back-to-top[data-v-77835285]{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background-color:#3498db;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 3px 10px rgba(0,0,0,.2);transition:all .3s;z-index:99}.back-to-top[data-v-77835285]:hover{background-color:#2980b9;transform:translateY(-3px)}.back-to-top i[data-v-77835285]{font-size:20px}@keyframes fadeIn-77835285{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown-77835285{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp-77835285{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin-77835285{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse-77835285{0%{opacity:.6}50%{opacity:.8}to{opacity:.6}}.fade-enter-active[data-v-77835285],.fade-leave-active[data-v-77835285]{transition:opacity .5s,transform .5s}.fade-enter-from[data-v-77835285],.fade-leave-to[data-v-77835285]{opacity:0;transform:translateY(30px)}@media (max-width:1199px){.project-item[data-v-77835285]{width:33.333%}}@media (max-width:991px){.page-header-banner[data-v-77835285]{height:220px}.header-content h1[data-v-77835285]{font-size:36px}.project-item[data-v-77835285]{width:50%}.filter-bar[data-v-77835285]{flex-direction:column;align-items:flex-start;gap:15px}.search-box[data-v-77835285]{max-width:100%}}@media (max-width:767px){.page-header-banner[data-v-77835285]{height:180px;margin-bottom:30px}.header-content h1[data-v-77835285]{font-size:28px}.header-subtitle[data-v-77835285]{font-size:16px}.project-item[data-v-77835285]{width:100%}.sort-options[data-v-77835285]{width:100%;justify-content:space-between}.sort-buttons[data-v-77835285]{flex-grow:1;justify-content:flex-end}.back-to-top[data-v-77835285]{bottom:20px;right:20px;width:40px;height:40px}}