/* bk-cro r2 (r1 + strip nowrap) (4 Oct 2026, Bed Kingdom CX/CRO): header. BedKingdom/hyva only (BK UK store 4 + IE store 6); CK/flairbeds never load it.
   Desktop >=1360px: ONE row (logo | mega nav | search | help, account, basket). 1024-1359px: logo left, search, icons; nav row below.
   Mobile: row 1 logo + help + account scrolls away; the sticky row is menu | search | basket (~56px, was ~127px).
   Sticky offsets are static values (--bk-hide-h, measured once by header.phtml), so nothing shifts while scrolling (no CLS). */
html body#html-body.rk-site.cl-cro .cl-header__icons{gap:.125rem}
html body#html-body.rk-site.cl-cro .bk-help{position:relative}
html body#html-body.rk-site.cl-cro .bk-help__t{display:none}
html body#html-body.rk-site.cl-cro .bk-help__pop{position:absolute;right:0;top:calc(100% + 6px);z-index:60;width:310px;padding:1rem 1rem .75rem;background:#fff;border:1px solid var(--bk-line);box-shadow:0 14px 30px rgba(0,0,0,.12);text-align:left;color:var(--bk-ink)}
html body#html-body.rk-site.cl-cro .bk-help__pop[hidden]{display:none}
html body#html-body.rk-site.cl-cro .bk-help__h{margin:0 0 .35rem;font-size:1rem;font-weight:700;color:var(--bk-black)}
html body#html-body.rk-site.cl-cro .bk-help__row{display:flex;align-items:center;gap:.65rem;min-height:44px;margin:0 -.5rem;padding:0 .5rem;color:var(--bk-ink);font-size:.9375rem;text-decoration:none}
html body#html-body.rk-site.cl-cro .bk-help__row:hover,html body#html-body.rk-site.cl-cro .bk-help__row:focus-visible{background:var(--bk-soft)}
html body#html-body.rk-site.cl-cro .bk-help__row svg{flex:none}
html body#html-body.rk-site.cl-cro .bk-help__hours{margin:.4rem 0 0;font-size:.8125rem;line-height:1.45;color:var(--bk-muted)}
html body#html-body.rk-site.cl-cro .bk-help__links{display:flex;flex-wrap:wrap;gap:0 1rem;list-style:none;margin:.6rem 0 0;padding:.4rem 0 0;border-top:1px solid var(--bk-line)}
html body#html-body.rk-site.cl-cro .bk-help__links a{display:inline-flex;align-items:center;min-height:40px;color:var(--bk-ink);font-size:.875rem;text-decoration:underline;text-underline-offset:3px}
html body#html-body.rk-site.cl-cro .cl-top__in{gap:1.5rem;max-width:1340px}
html body#html-body.rk-site.cl-cro .cl-top__in>a,html body#html-body.rk-site.cl-cro .cl-top__in .bk-ss{white-space:nowrap}
@media (max-width:1279.98px){html body#html-body.rk-site.cl-cro .bk-top__nd,html body#html-body.rk-site.cl-cro .bk-top__ret{display:none}}

/* ---------- mobile + tablet (<1024) ---------- */
@media (max-width:1023.98px){
  html body#html-body.rk-site.cl-cro .page-header{top:calc(-1 * var(--bk-hide-h, 88px))}
  html body#html-body.rk-site.cl-cro .cl-header__bar{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) 44px 44px;grid-template-areas:"logo logo help acct" "burger search search bag";column-gap:.375rem;row-gap:2px;align-items:center;padding-top:2px;padding-bottom:8px}
  html body#html-body.rk-site.cl-cro .cl-header__icons{display:contents}
  html body#html-body.rk-site.cl-cro .cl-header__logo{grid-area:logo;display:flex;align-items:center;min-height:46px}
  html body#html-body.rk-site.cl-cro .bk-help{grid-area:help;position:static}
  html body#html-body.rk-site.cl-cro .bk-acct{grid-area:acct}
  html body#html-body.rk-site.cl-cro #menu-cart-icon{grid-area:bag;justify-self:end}
  html body#html-body.rk-site.cl-cro .cl-burger{grid-area:burger;justify-self:start;margin-left:-6px}
  html body#html-body.rk-site.cl-cro .cl-header__bar .cl-search{grid-area:search;height:44px;max-width:none;width:auto;margin:0}
  html body#html-body.rk-site.cl-cro .bk-help__pop{left:15px;right:15px;top:50px;width:auto}
  /* PLP sticky filter row sits right under the compact sticky header */
  html body#html-body.rk-site.cl-cro #product-list > .dn-quick{top:calc(var(--cl-head-h, 146px) - var(--bk-hide-h, 88px) - 1px)}
}

/* ---------- desktop (>=1024): logo left, search, icons; nav row below (content width 1170 like the page) ---------- */
@media (min-width:1024px){
  html body#html-body.rk-site.cl-cro .page-header{top:calc(-1 * var(--cl-top-h, 40px))}
  html body#html-body.rk-site.cl-cro .cl-header__bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"logo search icons" "nav nav nav";column-gap:2rem;row-gap:.25rem;align-items:center;padding-top:.75rem;padding-bottom:0}
  html body#html-body.rk-site.cl-cro .cl-header__logo{grid-area:logo;justify-self:start}
  html body#html-body.rk-site.cl-cro .cl-header__bar .cl-search{grid-area:search;justify-self:center;width:100%;max-width:560px;margin:0}
  html body#html-body.rk-site.cl-cro .cl-header__icons{grid-area:icons;justify-self:end}
  html body#html-body.rk-site.cl-cro .cl-header__bar > .cl-nav{grid-area:nav;margin:0 -15px}
  html body#html-body.rk-site.cl-cro .bkd .cl-nav__list{justify-content:center}
}
/* ---------- wide desktop (>=1340): ONE row. Nav takes its natural width, search flexes (150-360px) ---------- */
@media (min-width:1340px){
  html body#html-body.rk-site.cl-cro .cl-header__bar{max-width:1340px;grid-template-columns:auto auto minmax(150px,1fr) auto;grid-template-areas:"logo nav search icons";column-gap:1.25rem;padding-top:0}
  html body#html-body.rk-site.cl-cro .cl-header__bar > .cl-nav{margin:0;min-width:0}
  html body#html-body.rk-site.cl-cro .bkd .cl-nav__top{min-height:72px;padding:0 .5rem;font-size:.90625rem}
  html body#html-body.rk-site.cl-cro .cl-logo img{width:156px}
  html body#html-body.rk-site.cl-cro .cl-header__bar .cl-search{justify-self:end;max-width:360px}
}
@media (min-width:1600px){html body#html-body.rk-site.cl-cro .cl-header__bar{max-width:1440px}html body#html-body.rk-site.cl-cro .bkd .cl-nav__top{padding:0 .7rem;font-size:.9375rem}}
/* r3: Trustpilot header badge (tp worker, real cached data) slotted into the bk-cro header grid */
@media (min-width:768px) and (max-width:1023.98px){
  html body#html-body.rk-site.cl-cro .cl-header__bar{grid-template-columns:44px minmax(0,1fr) auto 44px 44px;grid-template-areas:"logo logo tp help acct" "burger search search search bag"}
  html body#html-body.rk-site.cl-cro .cl-header__bar > .tp-hdr{grid-area:tp;margin-right:.75rem}
}
@media (min-width:1024px){
  html body#html-body.rk-site.cl-cro .cl-header__bar{grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"logo search tp icons" "nav nav nav nav"}
  html body#html-body.rk-site.cl-cro .cl-header__bar > .tp-hdr{grid-area:tp}
}
@media (min-width:1340px){
  html body#html-body.rk-site.cl-cro .cl-header__bar{grid-template-columns:auto auto minmax(140px,1fr) auto auto;grid-template-areas:"logo nav search tp icons"}
  html body#html-body.rk-site.cl-cro .cl-header__bar > .tp-hdr{gap:3px}
  html body#html-body.rk-site.cl-cro .cl-header__bar > .tp-hdr .tp-hdr__l > span:nth-child(2),html body#html-body.rk-site.cl-cro .cl-header__bar > .tp-hdr .tp-hdr__l b{display:none}
}
@media (min-width:1340px){
  html body#html-body.rk-site.cl-cro .cl-header__bar{column-gap:1rem}
  html body#html-body.rk-site.cl-cro .cl-header__bar > .cl-nav .cl-nav__top{padding-left:5px;padding-right:5px;font-size:14px}
}
@media (min-width:1600px){html body#html-body.rk-site.cl-cro .cl-header__bar > .cl-nav .cl-nav__top{padding-left:8px;padding-right:8px}}
/* r4: mobile top strip never clips/overflows (IE strap "FREE DELIVERY ON ORDERS OVER €250*" + site switcher were 412px wide at 390) */
@media (max-width:767.98px){
  html body#html-body.rk-site.cl-cro .cl-top .cl-top__in{gap:10px;padding-left:10px;padding-right:10px;max-width:100%;box-sizing:border-box}
  html body#html-body.rk-site.cl-cro .cl-top .cl-top__in > .cl-top__free{flex:0 1 auto;min-width:0;white-space:normal;text-align:center;line-height:1.15;overflow-wrap:anywhere}
  html body#html-body.rk-site.cl-cro .cl-top .cl-top__in > .bk-ss{flex:0 0 auto}
}
/* r5 (4 Oct 2026): footer USP band centred like the rest of the footer (it sat flush left at x=0 on wide screens) */
html body#html-body.rk-site .cl-footer > .bk-fusp.cl-wrap{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;box-sizing:border-box}
/* basket: Bed Kingdom typeface (the cart inherited Cuckooland's Lato), checkout button on one line */
html body#html-body.rk-site.checkout-cart-index{font-family:"Helvetica Neue LT","BK Sans Fallback","Helvetica Neue",Arial,sans-serif}
html body#html-body.rk-site.checkout-cart-index #maincontent :is(p,span,div,a,button,strong,b,h1,h2,h3,li,label,input,dt,dd,td,th){font-family:inherit}
html body#html-body.rk-site.checkout-cart-index .btn-checkout{white-space:nowrap;letter-spacing:.06em;justify-content:center;min-height:52px}
