/* Header rating line, copied from Astra's header.css in its original order (rating rules only; logo and guarantee row untouched). */
header .header-rating.tp-bar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;margin:0;padding:0;min-height:30px;width:auto;max-width:100%;border:0;border-radius:0;background:transparent;color:#e8e9e6;font:400 12px/1.5 Manrope,Arial,sans-serif;letter-spacing:0;text-transform:none;white-space:normal;box-shadow:none;cursor:pointer}
header .header-rating .header-rating-label{font-weight:600}
header .header-rating .tps{gap:2px;margin:0}
header .header-rating .tps i{width:13px;height:13px}
header .header-rating .tps i::after{font-size:11px;line-height:13px}
header .header-rating .header-rating-divider{margin:0 7px;color:#777d75}
header .header-rating b{font-weight:600}
header .header-rating:hover{color:#fff}
header .header-rating:focus-visible{outline:2px solid #b89f51;outline-offset:5px;border-radius:3px}
@media(max-width:640px){header .header-rating.tp-bar{font-size:12px;gap:6px;min-height:36px}}
header .header-rating.tp-bar{min-height:26px}
@media(max-width:640px){header .header-rating.tp-bar{min-height:28px}}
/* 30 Sep 2026 (Michael: "the header looks very busy now when you scroll"): the rating line shows at the top
   of the page and tucks away once you scroll, so the pinned header stays slim. */
header .header-rating.tp-bar{overflow:hidden;max-height:80px;transition:max-height .25s ease,min-height .25s ease,padding .25s ease,margin .25s ease,opacity .2s ease,visibility 0s}
header.hr-tuck .header-rating.tp-bar{max-height:0!important;min-height:0!important;padding:0!important;margin:0 0 -9px!important;opacity:0;visibility:hidden;pointer-events:none;transition:max-height .25s ease,min-height .25s ease,padding .25s ease,margin .25s ease,opacity .2s ease,visibility 0s .25s}
@media(prefers-reduced-motion:reduce){header .header-rating.tp-bar,header.hr-tuck .header-rating.tp-bar{transition:none}}
/* 30 Sep 2026 (Michael: "tuck the guarantees away on scroll too"): once scrolled, the pinned header is just the logo and the order timer. */
header .brandcol .hrow{overflow:hidden;max-height:60px;transition:max-height .25s ease,margin .25s ease,opacity .2s ease,visibility 0s}
header.hr-tuck .brandcol .hrow{max-height:0!important;margin:0 0 -9px!important;opacity:0;visibility:hidden;pointer-events:none;transition:max-height .25s ease,margin .25s ease,opacity .2s ease,visibility 0s .25s}
@media(prefers-reduced-motion:reduce){header .brandcol .hrow,header.hr-tuck .brandcol .hrow{transition:none}}