/* Only the four encrypted-tool detail pages use this shared hero/tab treatment. */
.encrypted-tools-page .legacy-product-content > .prodban,
.encrypted-tools-page .protector-hero{
  width:100%;
  height:clamp(300px,26.0417vw,430px)!important;
  min-height:0!important;
  max-height:430px!important;
  overflow:hidden;
}

.encrypted-tools-page .legacy-product-content > .prodban > a{
  width:100%;
  height:100%;
}

.encrypted-tools-page .legacy-product-content > .prodban img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}

/* The saved APM banner contains a thin black border inside the bitmap. Crop it
   inside the existing hero frame so the artwork reaches all four edges. */
.virbox-apm-page .legacy-product-content > .prodban img{
  transform:scale(1.06)!important;
  transform-origin:center center!important;
}

/* Protector keeps its own HTML copy/artwork, but uses the AntiHack banner as the shared visual base. */
.encrypted-tools-page.protector-official-page .protector-hero{
  position:relative;
  isolation:isolate;
  background:#111720;
}

.encrypted-tools-page.protector-official-page .protector-hero::before{
  position:absolute;
  inset:-24px;
  z-index:-2;
  content:"";
  background:url("shared/uploads/image/20190712/1317161246789098.png") center/cover no-repeat;
  filter:blur(14px) brightness(.5);
  transform:scale(1.04);
}

.encrypted-tools-page.protector-official-page .protector-hero::after{
  position:absolute;
  inset:0;
  z-index:-1;
  content:"";
  background:rgba(10,15,22,.6);
}

.encrypted-tools-page.protector-official-page .protector-hero .protector-container{
  position:relative;
  z-index:1;
}

/* All four tabs share the compact spacing and yellow current-state block. */
.encrypted-tools-page .legacy-product-switch-overlay{
  display:none!important;
  animation:none!important;
}

.encrypted-tools-page .innerNav2{
  height:70px!important;
  overflow:hidden!important;
  background:#f7f8fa!important;
  border-bottom:0!important;
  box-shadow:none!important;
}

.encrypted-tools-page .innerNav2 ul{
  display:flex!important;
  width:100%!important;
  max-width:none!important;
  height:70px!important;
  min-height:70px!important;
  margin:0!important;
  padding:0 20px!important;
  align-items:stretch!important;
  justify-content:center!important;
  gap:0!important;
  overflow-x:auto;
  list-style:none;
}

.encrypted-tools-page .innerNav2 li{
  float:none!important;
  display:flex!important;
  height:70px!important;
  margin:0!important;
  padding:0!important;
  align-items:stretch!important;
  background:none!important;
  white-space:nowrap;
}

.encrypted-tools-page .innerNav2 li a{
  position:relative;
  display:flex!important;
  min-width:0!important;
  height:70px!important;
  padding:0 24px!important;
  align-items:center!important;
  justify-content:center!important;
  color:#111!important;
  background:transparent!important;
  font-size:17px!important;
  font-weight:400!important;
  line-height:1.3!important;
  text-decoration:none!important;
}

.encrypted-tools-page .innerNav2 li.active a{
  color:#111!important;
  background:#ffcc00!important;
  font-weight:400!important;
}

.encrypted-tools-page .innerNav2 li.active a::after{
  display:none!important;
  content:none!important;
}

@media(max-width:1200px){
  .encrypted-tools-page .innerNav2 li a{
    padding:0 18px!important;
    font-size:16px!important;
  }
}

@media(max-width:820px){
  .encrypted-tools-page .legacy-product-content > .prodban{
    height:auto!important;
    max-height:none!important;
  }

  .encrypted-tools-page .legacy-product-content > .prodban img{
    height:auto!important;
  }

  .encrypted-tools-page.protector-official-page .protector-hero{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
  }

  .encrypted-tools-page .innerNav2,
  .encrypted-tools-page .innerNav2 ul,
  .encrypted-tools-page .innerNav2 li,
  .encrypted-tools-page .innerNav2 li a{
    height:58px!important;
    min-height:58px!important;
  }

  .encrypted-tools-page .innerNav2 ul{
    justify-content:flex-start!important;
    padding:0!important;
  }

  .encrypted-tools-page .innerNav2 li a{
    padding:0 16px!important;
    font-size:14px!important;
  }
}