/* bk-speed2 (6 Oct 2026): 45 overridden/unused rule(s)/declaration(s) removed (cascade-safe). Original: var/clbak/bk-speed2-20261006/pre/css/bk.css */
/* =====================================================================
   Bed Kingdom skin (BedKingdom/hyva, child of Cuckooland/hyva). Loaded after rk-components.css, rk.css and cl.css.
   Recreates bedkingdom.co.uk: Helvetica Neue LT + MADE Avenue, near-black ink #262626 / #09090b, white, light grey #f4f4f5,
   square black buttons, dark top strip, grey full-width search. Scoped to body.rk-site; only this theme loads it.
   ===================================================================== */
@font-face { font-family: "Helvetica Neue LT"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/HelveticaNeueLT-Roman.woff2") format("woff2"); }
@font-face { font-family: "Helvetica Neue LT"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/HelveticaNeueLT-Medium.woff2") format("woff2"); }
@font-face { font-family: "Helvetica Neue LT"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/HelveticaNeueLT-Bold.woff2") format("woff2"); }
@font-face { font-family: "MADE Avenue"; font-style: normal; font-weight: 400 700; font-display: swap; src: url("../fonts/MADEAvenue.woff2") format("woff2"); }
@font-face { font-family: "BK Sans Fallback"; src: local("Helvetica Neue"), local("Arial"); size-adjust: 100%; }

body.rk-site {
  --bk-ink: #262626; --bk-black: #09090b; --bk-soft: #f4f4f5; --bk-line: #e4e4e7; --bk-muted: #52525b; --bk-sale: #b91c1c;
  --rk-ink: #262626; --rk-muted: #52525b; --rk-line: #e4e4e7; --rk-soft: #f4f4f5;
  --cl-teal: #262626; --cl-pink: #262626; --cl-pink-dark: #09090b; --cl-green: #262626; --cl-green-dark: #09090b; --cl-grey: #e4e4e7; --cl-blue: #262626;
  
  
  
  --color-primary: #262626; --color-primary-lighter: #3f3f46; --color-primary-darker: #09090b; --color-fg: #262626;
  color: var(--bk-ink); font-family: var(--rk-sans);
}
html:root body.rk-site :is(h1, h2, h3, .page-title, .rk-h2) {   letter-spacing: -.01em; }
body.rk-site a:focus-visible, body.rk-site button:focus-visible {  outline-offset: 2px; }

/* buttons: square black */
body.rk-site .rk-btn, html body.rk-site .btn-primary {    letter-spacing: 0;  }

body.rk-site .bk-btn { display: inline-flex; align-items: center; justify-content: center;  padding: 0 1rem;    font-size: 1rem; text-decoration: none; }

/* prices: black; BK's own was-price shown (struck) next to a red now-price when BK shows one */

html body.rk-site .old-price, html body.rk-site .old-price .price { display: inline !important;   text-decoration: line-through; font-size: .875em; }

/* top strip: dark band, white text */
body.rk-site .cl-top {  border-bottom: 0;  font-size: .8125rem; }
body.rk-site .cl-top__in { justify-content: center; gap: 2rem;  }
body.rk-site .cl-top__free, body.rk-site .cl-top__acct { color: #fff; font-weight: 500; text-transform: uppercase; letter-spacing: .02em; }

/* header: logo left, plain icons, grey search */

body.rk-site .cl-header__bar { padding-top: .75rem; padding-bottom: .75rem; gap: .75rem .5rem; }
body.rk-site .cl-logo img { width: 144px; }
@media (min-width: 1024px) { body.rk-site .cl-logo img { width: 190px; } }
body.rk-site .cl-circle { background: none;   }

body.rk-site .cl-circle .rk-bag__count, body.rk-site .rk-bag__count {    top: 2px; right: 2px; min-width: 16px; height: 16px; font-size: 10px; padding: 0 3px; }

body.rk-site .cl-search input { padding: 0 1rem;  }

@media (min-width: 1024px) { body.rk-site .cl-search { max-width: 520px; } }

/* desktop nav + mega */
body.rk-site .cl-nav { border-top: 0; }
body.rk-site .cl-nav__list { justify-content: space-between; }
body.rk-site .cl-nav__top { min-height: 56px; padding: 0 .9rem;   font-size: 1rem; }
body.rk-site .cl-nav__item:hover > .cl-nav__top, body.rk-site .cl-nav__item:focus-within > .cl-nav__top, body.rk-site .cl-nav__top[aria-current] {  color: var(--bk-black); }

body.rk-site .cl-mega__h a, body.rk-site .cl-mega__h span {  text-transform: none; font-size: 1rem; letter-spacing: 0; }

body.rk-site .cl-mm__acc summary, body.rk-site .cl-mm__link { color: var(--bk-ink); }

/* home */
body.rk-site .bk-hero { position: relative; overflow: hidden; color: #fff; background: #1c1917; margin-top: 0; }
body.rk-site .bk-hero picture, body.rk-site .bk-hero img { display: block; width: 100%; height: auto; }
body.rk-site .bk-hero img { aspect-ratio: 3 / 4; object-fit: cover; max-height: none; }
body.rk-site .bk-hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0) 35%, rgba(0,0,0,.55) 100%); pointer-events: none; }
body.rk-site .bk-hero__copy { position: absolute; left: 0; right: 0; bottom: 1.5rem; z-index: 1; }
html:root body.rk-site h1.bk-hero__t, body.rk-site .bk-hero__t { margin: 0 0 .5rem; color: #fff !important; font-family: var(--cl-display) !important; font-size: 2.125rem; line-height: 1.1; font-weight: 400 !important; }
body.rk-site .bk-hero__s { margin: 0 0 1rem; max-width: 34ch; font-size: .9375rem; line-height: 1.4; }
body.rk-site .bk-hero__cta { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem 1.25rem; }
body.rk-site .bk-hero__link { color: #fff; text-decoration: underline; text-underline-offset: 4px; font-weight: 500; min-height: 44px; display: inline-flex; align-items: center; }
@media (min-width: 768px) {
  body.rk-site .bk-hero img { aspect-ratio: 3 / 1; max-height: 560px; }
  body.rk-site .bk-hero__copy { bottom: 3rem; }
  body.rk-site .bk-hero__t { font-size: 3.25rem; }
  body.rk-site .bk-hero__s { font-size: 1.0625rem; }
}
body.rk-site .bk-usp { display: flex; gap: 1.5rem; overflow-x: auto; list-style: none; margin: 0; padding: .875rem 15px; background: var(--bk-soft); scrollbar-width: none; justify-content: flex-start; }
body.rk-site .bk-usp::-webkit-scrollbar { display: none; }
body.rk-site .bk-usp li { flex: none; }
body.rk-site .bk-usp a { display: inline-flex; align-items: center; gap: .5rem; min-height: 32px; color: var(--bk-ink); text-decoration: none; font-size: .75rem; font-weight: 500; text-transform: uppercase; white-space: nowrap; }
@media (min-width: 1024px) { body.rk-site .bk-usp { justify-content: center; gap: 4rem; } body.rk-site .bk-usp a { font-size: .8125rem; } }
body.rk-site .bk-chips { display: flex; gap: .75rem; overflow-x: auto; padding-top: 1.5rem; padding-bottom: 1.5rem; scrollbar-width: none; }
body.rk-site .bk-chips::-webkit-scrollbar { display: none; }
body.rk-site .bk-chips a { flex: none; display: inline-flex; align-items: center; min-height: 44px; padding: 0 1rem; background: var(--bk-soft); color: var(--bk-ink); text-decoration: none; font-size: 1rem; }
body.rk-site .bk-chips a:hover { background: var(--bk-line); }
body.rk-site .bk-sec { margin: 0 auto 2.5rem; }
body.rk-site .bk-sec__head { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; }
body.rk-site .bk-h2 { margin: 0 0 1rem; font-size: 1.5rem; }
body.rk-site .bk-more { color: var(--bk-ink); font-weight: 500; text-decoration: underline; text-underline-offset: 4px; min-height: 44px; display: inline-flex; align-items: center; }
body.rk-site .bk-tiles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; list-style: none; margin: 0; padding: 0; }
@media (min-width: 768px) { body.rk-site .bk-tiles { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem; max-width: 1170px; margin: 0 auto; padding: 0 15px; } }
body.rk-site .bk-tile { position: relative; display: block; color: #fff; text-decoration: none; overflow: hidden; }
body.rk-site .bk-tile img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; transition: transform .3s ease; }
body.rk-site .bk-tile:hover img { transform: scale(1.03); }
body.rk-site .bk-tile::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0) 55%, rgba(0,0,0,.5) 100%); }
body.rk-site .bk-tile__label { position: absolute; left: .75rem; bottom: .625rem; z-index: 1; display: inline-flex; align-items: center; gap: .25rem; font-size: 1rem; font-weight: 500; }
body.rk-site .bk-prow .cl-pcard__img { border: 0; background: var(--bk-canvas, #FAF7F5); }
body.rk-site .bk-prow .cl-pcard__img img { object-fit: cover; mix-blend-mode: normal; }
body.rk-site .bk-rooms { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1rem .5rem; list-style: none; margin: 0; padding: 0; }
@media (min-width: 768px) { body.rk-site .bk-rooms { grid-template-columns: repeat(8, minmax(0, 1fr)); } }
body.rk-site .bk-rooms a { display: flex; flex-direction: column; align-items: center; gap: .5rem; color: var(--bk-ink); text-decoration: none; font-size: .8125rem; text-align: center; }
body.rk-site .bk-rooms span { display: flex; align-items: center; justify-content: center; width: 72px; height: 72px; border-radius: 50%; background: #F3EEEA; }
body.rk-site .bk-rooms img { width: 44px; height: 44px; object-fit: contain; }

/* footer */
body.rk-site .bk-footer { background: #fff; border-top: 1px solid var(--bk-line); color: var(--bk-ink); }
body.rk-site .bk-fusp { display: grid; grid-template-columns: 1fr; gap: 1.25rem; list-style: none; margin: 0 auto; padding-top: 2rem; padding-bottom: 2rem; border-bottom: 1px solid var(--bk-line); }
@media (min-width: 768px) { body.rk-site .bk-fusp { grid-template-columns: repeat(3, 1fr); gap: 2rem; } }
body.rk-site .bk-fusp li { display: flex; gap: .875rem; align-items: flex-start; }
body.rk-site .bk-fusp svg { flex: none; }
body.rk-site .bk-fusp__h { display: inline-block; font-weight: 700; color: var(--bk-black) !important; text-decoration: none; margin-bottom: .25rem; }
body.rk-site .bk-fusp p { margin: 0; font-size: .875rem; color: var(--bk-muted); line-height: 1.45; }
body.rk-site .bk-footer__grid { display: grid; grid-template-columns: 1fr; gap: 0; padding-top: 1rem; padding-bottom: 1rem; }
@media (min-width: 1024px) { body.rk-site .bk-footer__grid { grid-template-columns: repeat(4, 1fr) 1.3fr; gap: 2rem; padding-top: 2.5rem; } }
body.rk-site .bk-fcol { border-bottom: 1px solid var(--bk-line); }
body.rk-site .bk-fcol > summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; min-height: 52px; margin: 0; text-transform: none; color: var(--bk-black); font-weight: 500 !important; font-size: 1rem !important; }
body.rk-site .bk-fcol > summary::-webkit-details-marker { display: none; }
body.rk-site .bk-fcol > summary::after { content: ""; width: 8px; height: 8px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); margin-right: 4px; transition: transform .2s; }
body.rk-site .bk-fcol[open] > summary::after { transform: rotate(-135deg); }
body.rk-site .bk-fcol ul { padding-bottom: .75rem !important; }
@media (min-width: 1024px) { body.rk-site .bk-fcol { border: 0; } body.rk-site .bk-fcol > summary { pointer-events: none; min-height: 0; margin-bottom: .75rem; } body.rk-site .bk-fcol > summary::after { display: none; } }
body.rk-site .bk-footer li a, body.rk-site .bk-footer .cl-footer__cookie { color: var(--bk-muted); min-height: 36px; }
body.rk-site .bk-footer li a:hover, body.rk-site .bk-footer .cl-footer__cookie:hover { color: var(--bk-black); }
body.rk-site .bk-fcontact { padding-top: 1.25rem; }
@media (min-width: 1024px) { body.rk-site .bk-fcontact { padding-top: 0; } }
body.rk-site .bk-fcontact p a { color: var(--bk-black); font-weight: 500; text-decoration: none; min-height: 32px; display: inline-flex; align-items: center; }
body.rk-site .bk-fcontact__hours { font-size: .8125rem; color: var(--bk-muted); }
body.rk-site .bk-footer .cl-social a { background: var(--bk-soft); color: var(--bk-black) !important; border-radius: 0; width: 44px; height: 44px; }
body.rk-site .bk-footer .cl-social a:hover { background: var(--bk-line); }
body.rk-site .bk-legal { padding-top: 1.25rem; padding-bottom: 1.5rem; border-top: 1px solid var(--bk-line); font-size: .75rem; line-height: 1.5; color: var(--bk-muted); }
body.rk-site .bk-legal p { margin: 0 0 .75rem; }
body.rk-site .bk-legal .cl-footer__copy { background: none; padding: 0; text-align: left; }

/* product cards / PDP / PLP: BK ink instead of CL teal/pink/green */
body.rk-site .rk-card__name, body.rk-site .cl-pcard__name { color: var(--bk-ink); }
body.rk-site .breadcrumbs a { color: var(--bk-black); font-weight: 500; }
body.rk-site .page-title { font-family: var(--rk-sans) !important; }

/* PLP: BK's category copy sits under the grid (catalog_category_view.xml); keep it readable, left-aligned, BK ink */
body.rk-site .category-description { max-width: 860px; margin: 2.5rem auto 1rem; padding: 0 15px; text-align: left; color: var(--bk-ink); font-size: .9375rem; line-height: 1.6; }
body.rk-site .category-description * { color: inherit !important; text-align: left !important; }
body.rk-site .category-description h2, body.rk-site .category-description h3 { font-size: 1.25rem; margin: 1.25rem 0 .5rem; }