/* DWEBMEDIA V44 — hero CTA cleanup + project category in browser chrome */

/* The full hero mockup is already the project link; the floating circular arrow is redundant. */
.hero-corner-cta{
  display:none!important;
}

.dweb-hero-slide-link{
  display:block;
  width:100%;
  height:100%;
  cursor:pointer;
}

/* Browser chrome: title stays left, category becomes a quiet chip on the right. */
.dweb-browser-bar{
  gap:10px;
}

.dweb-browser-label{
  flex:1 1 auto;
  min-width:0;
}

.dweb-browser-category{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  max-width:42%;
  padding:5px 9px;
  border:1px solid rgba(11,35,36,.16);
  border-radius:999px;
  background:rgba(255,255,255,.66);
  color:#536566;
  font-size:9px;
  font-weight:650;
  line-height:1;
  letter-spacing:.035em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* The screenshot itself now stays completely clean. */
.dweb-browser-viewport .card-tags{
  display:none!important;
}

@media(max-width:760px){
  .dweb-browser-category{
    max-width:38%;
    padding:4px 7px;
    font-size:8px;
  }
}

@media(max-width:390px){
  .dweb-browser-category{
    max-width:34%;
  }
}