/* Ayaner Project Showcase Pro */
.apsp-filter{--aps-accent:#EC7A1A}
.apsp-bar{display:flex;flex-wrap:wrap;gap:9px;margin:6px 0 22px}
.apsp-chip{font:inherit;font-size:13px;font-weight:600;cursor:pointer;border:1px solid rgba(150,150,160,.4);background:transparent;color:inherit;border-radius:999px;padding:8px 16px;transition:.18s;line-height:1}
.apsp-chip:hover{border-color:var(--aps-accent)}
.apsp-chip.is-on{background:var(--aps-accent);color:#0a0f1a;border-color:var(--aps-accent)}
.apsp-chip-city{opacity:.92}

.apsp-item{position:relative}
.apsp-item.apsp-hide{display:none}
.apsp-ribbon{position:absolute;top:12px;left:12px;z-index:3;background:#0a0f1a;color:#fff;font-size:10.5px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;padding:5px 11px;border-radius:999px}
.apsp-feat{outline:2px solid var(--aps-accent,#EC7A1A);outline-offset:0}

/* Lightbox */
.apsp-gallery .apsp-lb{cursor:zoom-in;display:block}
.apsp-ov{position:fixed;inset:0;z-index:99999;background:rgba(8,12,20,.92);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s}
.apsp-ov.on{opacity:1;pointer-events:auto}
.apsp-ov img{max-width:92vw;max-height:88vh;border-radius:10px;box-shadow:0 40px 90px -30px rgba(0,0,0,.8);transform:scale(.97);transition:transform .25s}
.apsp-ov.on img{transform:scale(1)}
.apsp-ov .apsp-x{position:absolute;top:22px;right:26px;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;font-size:22px;cursor:pointer;line-height:1}
.apsp-ov .apsp-nav{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;font-size:26px;cursor:pointer}
.apsp-ov .apsp-prev{left:22px}.apsp-ov .apsp-next{right:22px}
.apsp-ov .apsp-nav:hover,.apsp-ov .apsp-x:hover{background:rgba(255,255,255,.26)}

/* Similar-project CTA */
.apsp-cta{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;background:#FFFDF8;border:1px dashed #EC7A1A;border-radius:16px;padding:22px 26px;margin:34px 0 8px}
.apsp-cta-t{display:flex;flex-direction:column;gap:4px}
.apsp-cta-t strong{font-size:19px;color:#141a26}
.apsp-cta-t span{font-size:14px;color:#5c6472;line-height:1.5}
.apsp-cta-b{flex-shrink:0;background:#EC7A1A;color:#0a0f1a;font-weight:700;padding:13px 24px;border-radius:999px;text-decoration:none;transition:.2s}
.apsp-cta-b:hover{transform:translateY(-2px);filter:brightness(1.07)}
