.ad-pro-portfolio-grid-container{width:100%;max-width:1200px;margin:0 auto;padding:20px 0;transition:opacity 0.3s ease-in-out}.ad-pro-portfolio-filter{margin-bottom:25px;text-align:center}.ad-pro-filter-dropdown{padding:12px 15px 13px 15px;border:1px solid #ddd;background-color:#fff;min-width:200px;font-size:16px;line-height:normal;height:auto;cursor:pointer;transition:all 0.3s ease;box-shadow:0 2px 5px rgb(0 0 0 / .1)}.ad-pro-filter-dropdown:hover,.ad-pro-filter-dropdown:focus{border-color:#aaa;box-shadow:0 3px 8px rgb(0 0 0 / .15);outline:none}.ad-pro-portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:30px}.ad-pro-portfolio-item{overflow:hidden;transition:all 0.3s ease;box-shadow:0 3px 10px rgb(0 0 0 / .1);min-height:100px;position:relative;animation:fadeIn 0.5s ease-out forwards;opacity:0;display:flex;flex-direction:column}.ad-pro-portfolio-item:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgb(0 0 0 / .15)}.ad-pro-portfolio-item .item-link{display:block;text-decoration:none;color:inherit}.ad-pro-portfolio-item .item-image{position:relative;overflow:hidden}.ad-pro-portfolio-item .item-image img{width:100%;height:auto;display:block;transition:all 0.5s ease}.ad-pro-portfolio-item .ad-pro-portfolio-item-content{padding:20px;position:relative;z-index:5;flex:1}.ad-pro-portfolio-item .item-title{margin:0 0 10px;font-size:1.2rem;font-weight:600;transition:color 0.3s ease}.ad-pro-portfolio-item .item-category{font-size:.9rem;margin-bottom:10px;transition:color 0.3s ease}.ad-pro-portfolio-item .item-excerpt{font-size:.9rem;line-height:1.5;margin-top:10px;transition:color 0.3s ease}.ad-pro-portfolio-item-button-wrapper{padding:0 20px 20px 20px}.ad-pro-portfolio-item-button{display:inline-block;padding:10px 20px;background-color:#0073aa;color:#fff;text-decoration:none;font-size:.9rem;font-weight:500;text-align:center;transition:all 0.3s ease;cursor:pointer;border:none;width:100%;box-sizing:border-box}.ad-pro-portfolio-item-button:hover{background-color:var(--button-hover-color,#005a87)!important;transform:translateY(-2px);box-shadow:0 4px 8px rgb(0 0 0 / .2)}.ad-pro-portfolio-item-button:active{transform:translateY(0);box-shadow:0 2px 4px rgb(0 0 0 / .2)}.ad-pro-portfolio-item-link{display:inline-block;padding:0;color:#0073aa;text-decoration:none;font-size:.9rem;font-weight:500;text-align:left;transition:all 0.3s ease;cursor:pointer;width:auto;box-sizing:border-box}.ad-pro-portfolio-item-link:hover{color:var(--button-hover-color,#005a87)!important;text-decoration:underline}.ad-pro-portfolio-item.hover-zoom .item-image img{transform-origin:center}.ad-pro-portfolio-item.hover-zoom:hover .item-image img{transform:scale(1.1)}.ad-pro-portfolio-item.hover-scale{transform-origin:center;transition:transform 0.3s ease}.ad-pro-portfolio-item.hover-scale:hover{transform:scale(1.05)}.ad-pro-portfolio-pagination{text-align:center;margin-top:30px;clear:both}.ad-pro-portfolio-pagination .page-numbers{display:inline-block;padding:8px 12px;margin:0 5px;border:1px solid #ddd;text-decoration:none;color:#666;transition:all 0.3s ease;min-width:30px;text-align:center;background-color:#fff;box-shadow:0 1px 3px rgb(0 0 0 / .05)}.ad-pro-portfolio-pagination .page-numbers.current{background-color:#f5f5f5;color:#333;font-weight:700;border-color:#ccc}.ad-pro-portfolio-pagination .page-numbers:hover{background-color:#f5f5f5;border-color:#999}.ad-pro-portfolio-grid-container.loading{opacity:.6;pointer-events:none;position:relative}.ad-pro-portfolio-grid-container.loading:after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;z-index:100}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}100%{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ad-pro-portfolio-item{animation:fadeIn 0.5s ease-out forwards;opacity:0}.ad-pro-portfolio-item:nth-child(1){animation-delay:0.1s}.ad-pro-portfolio-item:nth-child(2){animation-delay:0.15s}.ad-pro-portfolio-item:nth-child(3){animation-delay:0.2s}.ad-pro-portfolio-item:nth-child(4){animation-delay:0.25s}.ad-pro-portfolio-item:nth-child(5){animation-delay:0.3s}.ad-pro-portfolio-item:nth-child(6){animation-delay:0.35s}.ad-pro-portfolio-item:nth-child(7){animation-delay:0.4s}.ad-pro-portfolio-item:nth-child(8){animation-delay:0.45s}.ad-pro-portfolio-item:nth-child(9){animation-delay:0.5s}.ad-pro-portfolio-item:nth-child(n+10){animation-delay:0.55s}@media screen and (max-width:768px){.ad-pro-portfolio-item{animation-duration:0.3s}.ad-pro-portfolio-item{animation:fadeInMobile 0.3s ease-out forwards,mobileVisibilityFallback 2s linear 1s forwards}}@keyframes fadeInMobile{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes mobileVisibilityFallback{0%{}100%{opacity:1!important;transform:translateY(0)!important;visibility:visible!important}}.ad-pro-portfolio-grid .no-posts{grid-column:1 / -1;text-align:center;padding:30px;background-color:#f5f5f5}.grid-style-simple .ad-pro-portfolio-item{background:none!important;border:none!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important;transform:none!important;transition:none!important}.grid-style-simple .ad-pro-portfolio-item:hover{background:none!important;border:none!important;box-shadow:none!important;transform:none!important}.grid-style-simple .ad-pro-portfolio-item .item-image{position:relative;width:100%;padding-bottom:75%;overflow:hidden;box-shadow:0 2px 8px rgb(0 0 0 / .1);transition:all 0.3s ease}.grid-style-simple .ad-pro-portfolio-item .item-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.grid-style-simple .ad-pro-portfolio-item .ad-pro-portfolio-item-content{padding:15px 0 0 0!important;background:none!important;border:none!important;box-shadow:none!important;border-radius:0!important}.grid-style-simple .ad-pro-portfolio-item .item-title{margin:0 0 8px 0;background:none;box-shadow:none}.grid-style-simple .ad-pro-portfolio-item .item-category{margin:0 0 8px 0;background:none;box-shadow:none}.grid-style-simple .ad-pro-portfolio-item .item-excerpt{margin:0;background:none;box-shadow:none}.grid-style-simple .ad-pro-portfolio-item-button-wrapper{padding:0;margin-top:15px}.grid-style-simple .ad-pro-portfolio-item:hover .item-image{box-shadow:0 4px 12px rgb(0 0 0 / .15)}.grid-style-simple .ad-pro-portfolio-item.hover-zoom:hover .item-image img{transform:scale(1.05)}.grid-style-simple .ad-pro-portfolio-item.hover-scale:hover .item-image{transform:scale(1.02)}.grid-style-overlay .ad-pro-portfolio-item{background:none!important;border:none!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important;transform:none!important;transition:none!important}.grid-style-overlay .ad-pro-portfolio-item:hover{background:none!important;border:none!important;box-shadow:none!important;transform:none!important}.grid-style-overlay .ad-pro-portfolio-item .item-image{position:relative;width:100%;padding-bottom:75%;overflow:hidden;box-shadow:0 2px 8px rgb(0 0 0 / .1);transition:all 0.3s ease}.grid-style-overlay .ad-pro-portfolio-item .item-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.grid-style-overlay .ad-pro-portfolio-item .ad-pro-portfolio-item-content{position:absolute!important;bottom:0!important;left:0!important;right:0!important;padding:35px 15px 60px 15px!important;background:linear-gradient(to top,rgb(0 0 0 / .7),rgb(0 0 0 / .3),transparent)!important;border:none!important;box-shadow:none!important;border-radius:0 0 8px 8px!important;z-index:10}.grid-style-overlay .ad-pro-portfolio-item .item-title{margin:0 0 8px 0;color:#ffffff!important;text-shadow:0 1px 3px rgb(0 0 0 / .5);background:none;box-shadow:none}.grid-style-overlay .ad-pro-portfolio-item .item-category{margin:0 0 8px 0;color:rgb(255 255 255 / .9)!important;text-shadow:0 1px 2px rgb(0 0 0 / .5);background:none;box-shadow:none}.grid-style-overlay .ad-pro-portfolio-item .item-excerpt{margin:0 0 15px 0;color:rgb(255 255 255 / .8)!important;text-shadow:0 1px 2px rgb(0 0 0 / .5);background:none;box-shadow:none}.grid-style-overlay .ad-pro-portfolio-item-button-wrapper{position:absolute;bottom:15px;left:15px;right:15px;padding:0;z-index:15;margin-top:0}.grid-style-overlay .ad-pro-portfolio-item:hover .item-image{box-shadow:0 4px 12px rgb(0 0 0 / .15)}.grid-style-overlay .ad-pro-portfolio-item.hover-zoom:hover .item-image img{transform:scale(1.05)}.grid-style-overlay .ad-pro-portfolio-item.hover-scale:hover .item-image{transform:scale(1.02)}@media screen and (max-width:992px){.ad-pro-portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:576px){.ad-pro-portfolio-grid{grid-template-columns:1fr}.ad-pro-portfolio-item .item-title{font-size:1rem}.ad-pro-portfolio-item .item-category,.ad-pro-portfolio-item .item-excerpt{font-size:.8rem}.ad-pro-filter-dropdown{width:100%;min-width:auto}}body.ad-pro-mobile-device .ad-pro-portfolio-item{opacity:1!important;transform:translateY(0)!important;animation:none!important}@media screen and (min-width:769px) and (prefers-reduced-motion:no-preference){body:not(.ad-pro-mobile-device) .ad-pro-portfolio-item{opacity:0;animation:fadeIn 0.5s ease-out forwards}}@media (prefers-reduced-motion:reduce){.ad-pro-portfolio-item{opacity:1!important;transform:none!important;animation:none!important;transition:none!important}}.ad-pro-portfolio-debug{background:#f5f5f5;padding:10px;margin-bottom:15px;border:1px solid #ddd;font-family:monospace;font-size:12px;max-height:300px;overflow:auto}.debug-mode .ad-pro-portfolio-item .ad-pro-portfolio-item-content{opacity:1!important;visibility:visible!important;display:block!important}@keyframes portfolio-grid-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}