/* Tabs */
.portfolio-tabs-widget .tabs{display:flex;justify-content:center;gap:8px;margin:0 0 24px;flex-wrap:wrap}
.portfolio-tabs-widget .tab-btn{padding:10px 18px;border:none;border-radius:999px;background:#fff;color:#374151;font-weight:500;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:.25s}
.portfolio-tabs-widget .tab-btn:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(0,0,0,.12)}
.portfolio-tabs-widget .tab-btn.active{background:#111827;color:#fff}

/* Grid */
.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
.project-card{background:#fff;border-radius:16px;overflow:hidden;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,.06);transition:.3s;border:1px solid rgba(0,0,0,.04)}
.project-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 18px 36px rgba(0,0,0,.08)}
.project-image{height:220px;overflow:hidden}
.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.project-card:hover .project-image img{transform:scale(1.08)}
.project-info{padding:18px}
.project-info .project-category{display:inline-block;background:#f3f4f6;color:#374151;padding:4px 10px;border-radius:999px;font-size:12px;margin-bottom:10px}
.project-title{font-size:18px;font-weight:700;color:#111827;margin:6px 0 8px}
.project-description{color:#6b7280;font-size:14px}

/* Modal */
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(3px);display:none;align-items:center;justify-content:center;padding:16px;z-index:9999}
.modal-overlay.active{display:flex}
.modal{background:#fff;border-radius:16px;max-width:900px;width:100%;max-height:90vh;overflow:auto;position:relative}
.close-btn1{position:absolute;top:12px;right:12px;width:36px;height:36px;background:#fff;border:none;border-radius:50%;box-shadow:0 2px 10px rgba(0,0,0,.15);font-size:20px;cursor:pointer; color:gray; padding:0 !important;}

.modal-image{width:100%;height:300px;overflow:hidden;border-radius:16px 16px 0 0}
.modal-image img{width:100%;height:100%;object-fit:cover}
.modal-content{padding:24px}
.modal-category{display:inline-block;padding:6px 12px;border-radius:999px;background:#eef2ff;color:#1e3a8a;font-size:13px;font-weight:600;margin-bottom:10px}
.modal-title{font-size:28px;font-weight:800;color:#111827;margin:6px 0 12px}
.modal-description{color:#6b7280;font-size:16px;line-height:1.7;margin-bottom:20px}
.modal-details{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.technologies-list{display:flex;flex-wrap:wrap;gap:8px}
.tech-tag-modal{background:#f3f4f6;color:#374151;padding:8px 14px;border-radius:999px;font-size:13px}
.results-list{list-style:none;padding:0;margin:0}
.results-list li{display:flex;align-items:center;gap:10px;color:#6b7280;margin-bottom:10px}
.results-list li::before{content:'';width:8px;height:8px;background:#10b981;border-radius:50%;display:inline-block}

/* Responsive */
@media (max-width:768px){.modal-details{grid-template-columns:1fr}.modal-image{height:220px}}