.hpa-cat-content{height: 100%;}

.blockquote-footer{
    color: #fff;
    background: rgba(50,50,50,.3);
    border-top: 1px solid rgba(68,68,68,.3);
}

.prodreview_quot {
  position: relative;
  font-size: .9em;
  line-height: 1.5em;
  color: #fff;
}

.prodreview_quot cite {
  font-size: 1em;
  font-weight: 700;
  color: #ccc;
  float: right;
}

.prodreview_quot:after {
  content: '\201d';
  position: absolute;
  top: -0em;
  right: 0px;
  font-size: 6em;
  font-style: italic;
  color: #fff;
  z-index: 1;
}

/* ─── Mobile stacked logo (V2c) — loaded by every page-path, so this
       also reaches PDPs which use style_tiles_bs3.css + custom.css and
       don't load the duplicate rules in style_tiles.css. ─────────────── */
@media (max-width: 991px) {
    header .top .logo {
        max-width: 110px !important;
    }
    header .top .logo a .logo-stack {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        height: 32px;
        line-height: 1;
        color: #fff;
        vertical-align: middle;
    }
    header .top .logo a .logo-stack-mark {
        font-size: 24px !important;
        line-height: 1;
        color: #fff;
        flex-shrink: 0;
    }
    header .top .logo a .logo-stack-words {
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        line-height: 0.85;
    }
    header .top .logo a .logo-stack-words > span {
        display: block;
        font-family: "Open Sans", sans-serif;
        font-weight: 700;
        font-size: 11px;
        letter-spacing: -0.015em;
        color: #fff;
        text-transform: lowercase;
        white-space: nowrap;
    }
}