/* Preserve the original two-image composition. The header background's rule starts
   at row 207; logo.png's yellow lettering reaches its final source row (117px). */
@media (min-width: 1024px) {
  #header .logo,
  #header .logo2 {
    top: calc(207px - var(--ninestar-wordmark-width) * 117 / 626);
  }

  /* Only source columns 0..147 contain the white 9. Reuse that original slice
     below the image so the tagline and yellow letters receive no added shadow. */
  #header .logo2::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 27.306273%;
    height: 100%;
    z-index: -1;
    background: rgb(0 0 0 / 0.22);
    -webkit-mask: url(../images/logo2.png) left top / auto 100% no-repeat;
    mask: url(../images/logo2.png) left top / auto 100% no-repeat;
    filter: blur(3px);
    transform: translateY(3px);
    pointer-events: none;
  }

  #contentMainWrapper > tbody > tr > #column-left {
    padding-top: 70px;
  }

  #header .right-head .cart {
    top: 73px;
    margin-top: 0;
    margin-right: 0;
  }
}