/* =========================================================
   CITYMA920 DIRECT AD HOME · FINAL TOP CLEANUP
   ========================================================= */

/* Remove the X-marked legacy middle/top classification area completely.
   The three right-side taxonomy cards remain visible because they are siblings,
   not children of .platform-brand-area. */
body.direct-ad-site .platform-brand-area{
  display:none!important;
  width:0!important;
  min-width:0!important;
  max-width:0!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
}

/* Address box: fixed 1.5 inch width. */
body.direct-ad-site .top-address-box{
  width:1.5in!important;
  min-width:1.5in!important;
  max-width:1.5in!important;
  box-sizing:border-box!important;
  padding:3px 5px!important;
  overflow:hidden!important;
}
body.direct-ad-site .top-address-box .top-addr-text-wrap,
body.direct-ad-site .top-address-box .top-addr-line1,
body.direct-ad-site .top-address-box .top-addr-line2,
body.direct-ad-site .top-address-box .top-addr-line3{
  width:100%!important;
  max-width:100%!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  text-align:left!important;
}

/* Put all three category cards as high and as far right as possible. */
body.direct-ad-site .viewer-top-bar{
  position:relative!important;
}
body.direct-ad-site .cityma-aeo-taxonomy-strip{
  position:absolute!important;
  top:43px!important;
  right:4px!important;
  left:auto!important;
  width:42%!important;
  max-width:250px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-end!important;
  justify-content:flex-start!important;
  gap:3px!important;
  margin:0!important;
  padding:0!important;
  z-index:40!important;
}

/* About 30% shorter than the previous cards. */
body.direct-ad-site .cityma-aeo-taxonomy-card{
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:0!important;
  height:auto!important;
  padding:3px 6px!important;
  margin:0!important;
  border-radius:8px!important;
  box-sizing:border-box!important;
  text-align:right!important;
  display:block!important;
}

/* Heading text: 50% of previous 5pt, no bold, right aligned. */
body.direct-ad-site .cityma-aeo-taxonomy-card>div:first-child{
  margin:0!important;
  padding:0!important;
  font-size:2.5pt!important;
  line-height:1!important;
  font-weight:400!important;
  letter-spacing:0!important;
  text-transform:uppercase!important;
  color:#ff9b43!important;
  text-align:right!important;
  white-space:nowrap!important;
}

/* Category value: no bold and always right aligned. */
body.direct-ad-site .cityma-aeo-taxonomy-card>div:last-child{
  margin:1px 0 0!important;
  padding:0!important;
  font-size:12px!important;
  line-height:1.05!important;
  font-weight:400!important;
  color:#fff!important;
  text-align:right!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}

@media(max-width:768px){
  body.direct-ad-site .top-address-box{
    width:1.5in!important;
    min-width:1.5in!important;
    max-width:1.5in!important;
  }
  body.direct-ad-site .cityma-aeo-taxonomy-strip{
    top:42px!important;
    right:3px!important;
    width:43%!important;
    max-width:225px!important;
    gap:3px!important;
  }
  body.direct-ad-site .cityma-aeo-taxonomy-card{
    padding:3px 5px!important;
  }
  body.direct-ad-site .cityma-aeo-taxonomy-card>div:last-child{
    font-size:11px!important;
  }
}