.showcase-project-detail .showcase-project-cover{display:block;width:100%;height:auto;aspect-ratio:1.44;object-fit:cover;object-position:top;border:1px solid #dce3ff;border-radius:22px;background:#f4f6ff;box-shadow:0 10px 35px #1017520d}
.showcase-project-detail .showcase-cover-link{display:block;margin-bottom:28px}
.showcase-project-detail .showcase-project-title{font-size:clamp(24px,4vw,42px);line-height:1.3;overflow-wrap:anywhere;margin:0 0 20px}
.showcase-project-detail .showcase-demo-card{padding:28px;border:1px solid #dce3ff;border-radius:22px;background:linear-gradient(150deg,#f5f7ff,#fff)}
.showcase-project-detail .showcase-demo-card h4{font-size:22px;line-height:1.4}
.showcase-project-detail .showcase-demo-link{display:inline-flex;justify-content:center;align-items:center;gap:14px;padding:14px 24px;min-height:48px;color:#fff;background:#3155ff;text-decoration:none;border-radius:30px;white-space:normal}
.showcase-project-detail .showcase-demo-link:hover{background:#213dcc;transform:translateY(-2px)}
.showcase-project-detail .showcase-demo-note{padding:20px 24px;border:1px solid #dce3ff;border-radius:18px;background:#f4f6ff;margin:24px 0}
.showcase-project-detail .showcase-demo-note p{margin:0}
.showcase-project-detail .showcase-project-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:26px 0}
.showcase-project-detail .showcase-back-link{color:#3155ff;text-decoration:underline;text-underline-offset:4px}
.showcase-project-detail .showcase-project-pagination{display:flex;justify-content:space-between;gap:22px;border-top:1px solid #dce3ff;padding-top:28px;margin-top:40px}
.showcase-project-detail .showcase-project-pagination a{color:#101752;max-width:48%;overflow-wrap:anywhere}
.showcase-project-detail .showcase-project-pagination small{display:block;color:#7282a4;margin-top:6px}
.showcase-project-detail .project-details-box li{display:block;overflow-wrap:anywhere}
.showcase-project-detail .project-details-box strong{display:inline}
.showcase-project-detail :is(a,button):focus-visible{outline:3px solid #3155ff;outline-offset:4px}
@media(max-width:991px){.showcase-project-detail .row{flex-direction:column-reverse}.showcase-project-detail .showcase-demo-card{padding:22px}.showcase-project-detail .showcase-project-cover{border-radius:16px}}
@media(prefers-reduced-motion:reduce){.showcase-project-detail *{transition:none!important}}

.showcase-language-dialog{border:1px solid #dce3ff;border-radius:22px;max-width:min(640px,92vw);padding:28px;background:#fff;color:#101752}
.showcase-language-dialog::backdrop{background:#10175266}
.showcase-language-dialog nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.showcase-language-dialog a{padding:10px 16px;border:1px solid #dce3ff;border-radius:12px;color:#101752;text-align:center}
.showcase-language-dialog a[aria-current=page]{background:#3155ff;color:#fff}
.showcase-language-dialog>button{display:block;margin-inline-start:auto;background:#f4f6ff;border:1px solid #dce3ff;border-radius:50%;width:32px;height:32px;margin-bottom:12px}
.preloader,#preloader,.page-loader{display:none!important}