/* WebByMateen V9.16. Portfolio UI/UX cards only. All existing tabs and desktop styles preserved. */
.portfolio-page-body .portfolio-project-grid>.wbm-portfolio-uiux-card[hidden]{display:none!important}
.portfolio-page-body .wbm-portfolio-uiux-card{min-width:0;isolation:isolate}
.portfolio-page-body .wbm-portfolio-uiux-card .portfolio-project-media{background:#eee8e4!important}
.portfolio-page-body .wbm-portfolio-uiux-card .portfolio-project-media img{object-fit:cover;object-position:center!important}
.portfolio-page-body .wbm-portfolio-uiux-card .project-sector{max-width:100%;overflow-wrap:anywhere;white-space:normal}
.portfolio-page-body .wbm-portfolio-uiux-card .project-view-label{max-width:calc(100% - 75px);overflow-wrap:anywhere;white-space:normal}
.portfolio-page-body .wbm-portfolio-uiux-card .portfolio-project-info{min-width:0}
.portfolio-page-body .wbm-portfolio-uiux-card .portfolio-project-info h3{overflow-wrap:anywhere}
.portfolio-page-body .wbm-portfolio-uiux-card .portfolio-project-info p{flex:1}
.portfolio-page-body .wbm-portfolio-uiux-card .project-index{background:linear-gradient(110deg,#f24815,#ff8a00)!important;color:#fff!important}
.portfolio-page-body .wbm-portfolio-uiux-card .project-open{background:linear-gradient(120deg,#f24815,#ff8a00)!important;color:#fff!important}
.portfolio-page-body .wbm-portfolio-uiux-link{display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:800;font-size:11px;line-height:1.5;color:#ff8a00;border-top:1px solid rgba(255,255,255,.1);padding-top:12px;margin-top:auto}
.portfolio-page-body .wbm-portfolio-uiux-link span{font-size:17px;color:#ff8a00}
@media(max-width:720px){.portfolio-page-body .wbm-portfolio-uiux-card{width:100%;min-width:0}.portfolio-page-body .wbm-portfolio-uiux-card .portfolio-project-info{padding-inline:18px!important}.portfolio-page-body .wbm-portfolio-uiux-card .project-view-label{font-size:9px!important}}
@media(prefers-reduced-motion:reduce){.portfolio-page-body .wbm-portfolio-uiux-card{animation:none!important;transition:none!important}}