/* bk-chip-cut-r1 5 Oct 2026 (Paolo polish + cutout-trim): Hero chips — large transparent product cutouts
   (images/bk/menu = /workspace/mobile-menu/cutouts), White+Line inactive / Ink active,
   Sale/New In forced White+Line (never Mist/Sand/Butter). Shared BedKingdom/hyva UK+IE.
   Rollback: var/clbak/bk-chip-polish-r1 */

/* ---- Chip row chrome ---- */
html body#html-body.rk-site .bk-home .bk-chips,
html body.rk-site .bk-home .bk-chips,
html body#html-body.rk-site .bk-chips{
  display:flex!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  gap:8px!important;
  overflow-x:auto!important;
  scrollbar-width:none!important;
  -webkit-overflow-scrolling:touch;
}
html body#html-body.rk-site .bk-home .bk-chips::-webkit-scrollbar,
html body.rk-site .bk-chips::-webkit-scrollbar{display:none!important}

/* ---- Chip button: White + Line; Inter 500; image+label aligned ---- */
html body#html-body.rk-site .bk-home .bk-chips a,
html body#html-body.rk-site .bk-chips a,
html body.rk-site .bk-chips a{
  flex:none!important;
  display:inline-flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  box-sizing:border-box!important;
  min-height:0!important;
  height:auto!important;
  padding:10px 20px!important;
  overflow:visible!important;
  margin:0!important;
  border:1px solid var(--bk-chip-border,#D9D0C9)!important;
  border-radius:0!important;
  background:#FFFFFF!important;
  background-color:#FFFFFF!important;
  background-image:none!important;
  color:var(--bk-ink,#1C1614)!important;
  font-family:var(--bk-font-ui,"Inter",system-ui,sans-serif)!important;
  font-size:14px!important;
  font-weight:500!important;
  line-height:20px!important;
  letter-spacing:.01em!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  box-shadow:none!important;
  -webkit-tap-highlight-color:transparent;
}
@media (max-width:767.98px){
  html body#html-body.rk-site .bk-home .bk-chips a,
  html body#html-body.rk-site .bk-chips a,
  html body.rk-site .bk-chips a{
    gap:6px!important;
    min-height:0!important;
    padding:10px 20px!important;
    overflow:visible!important;
    font-size:13px!important;
    line-height:18px!important;
  }
}

/* Hover inactive: Ink border, White fill */
html body#html-body.rk-site .bk-home .bk-chips a:hover:not([aria-current]):not(.is-active):not(.is-on),
html body#html-body.rk-site .bk-chips a:hover:not([aria-current]):not(.is-active):not(.is-on),
html body.rk-site .bk-chips a:hover:not([aria-current]):not(.is-active):not(.is-on){
  background:#FFFFFF!important;
  background-color:#FFFFFF!important;
  border-color:var(--bk-ink,#1C1614)!important;
  color:var(--bk-ink,#1C1614)!important;
}

/* Active: Ink fill + White text */
html body#html-body.rk-site .bk-home .bk-chips a[aria-current],
html body#html-body.rk-site .bk-home .bk-chips a[aria-current=page],
html body#html-body.rk-site .bk-home .bk-chips a.is-active,
html body#html-body.rk-site .bk-home .bk-chips a.is-on,
html body#html-body.rk-site .bk-chips a[aria-current],
html body#html-body.rk-site .bk-chips a.is-active,
html body.rk-site .bk-chips a[aria-current],
html body.rk-site .bk-chips a.is-active{
  background:var(--bk-ink,#1C1614)!important;
  background-color:var(--bk-ink,#1C1614)!important;
  border-color:var(--bk-ink,#1C1614)!important;
  color:#FFFFFF!important;
}

/* ---- SALE / NEW IN / OUTLET: force White+Line (kill Mist/Sand/Butter/sale-tint) ---- */
html body#html-body.rk-site .bk-home .bk-chips a[href*="sales"],
html body#html-body.rk-site .bk-home .bk-chips a[href*="sale"],
html body#html-body.rk-site .bk-home .bk-chips a[href*="new-in"],
html body#html-body.rk-site .bk-home .bk-chips a[href*="outlet"],
html body#html-body.rk-site .bk-chips a[href*="sales"],
html body#html-body.rk-site .bk-chips a[href*="sale"]:not([href*="sales/"]),
html body#html-body.rk-site .bk-chips a[href*="new-in"],
html body#html-body.rk-site .bk-chips a[href*="outlet"],
html body.rk-site .bk-chips a[href*="sales"],
html body.rk-site .bk-chips a[href*="new-in"],
html body.rk-site .bk-chips a[href*="outlet"]{
  background:#FFFFFF!important;
  background-color:#FFFFFF!important;
  background-image:none!important;
  border:1px solid var(--bk-chip-border,#D9D0C9)!important;
  border-color:var(--bk-chip-border,#D9D0C9)!important;
  color:var(--bk-ink,#1C1614)!important;
  filter:none!important;
}
html body#html-body.rk-site .bk-home .bk-chips a[href*="sales"]:hover:not([aria-current]):not(.is-active),
html body#html-body.rk-site .bk-home .bk-chips a[href*="new-in"]:hover:not([aria-current]):not(.is-active),
html body#html-body.rk-site .bk-chips a[href*="sales"]:hover:not([aria-current]):not(.is-active),
html body#html-body.rk-site .bk-chips a[href*="new-in"]:hover:not([aria-current]):not(.is-active){
  background:#FFFFFF!important;
  border-color:var(--bk-ink,#1C1614)!important;
  color:var(--bk-ink,#1C1614)!important;
}

/* ---- Cutout: 64px desktop / 56px mobile, transparent (no Mist tile) ---- */
html body#html-body.rk-site .bk-home .bk-chips .bk-chips__cut,
html body#html-body.rk-site .bk-chips .bk-chips__cut,
html body.rk-site .bk-chips .bk-chips__cut{
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:auto!important;
  height:32px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  overflow:visible!important;
  box-shadow:none!important;
  outline:0!important;
}
@media (max-width:767.98px){
  html body#html-body.rk-site .bk-home .bk-chips .bk-chips__cut,
  html body#html-body.rk-site .bk-chips .bk-chips__cut,
  html body.rk-site .bk-chips .bk-chips__cut{
    height:28px!important;
  }
}
html body#html-body.rk-site .bk-home .bk-chips .bk-chips__cut img,
html body#html-body.rk-site .bk-chips .bk-chips__cut img,
html body.rk-site .bk-chips .bk-chips__cut img{
  display:block!important;
  width:auto!important;
  height:32px!important;
  max-width:48px!important;
  max-height:32px!important;
  object-fit:contain!important;
  object-position:center!important;
  background:transparent!important;
  background-color:transparent!important;
  mix-blend-mode:normal!important;
  filter:none!important;
  border:0!important;
  box-shadow:none!important;
}
@media (max-width:767.98px){
  html body#html-body.rk-site .bk-home .bk-chips .bk-chips__cut img,
  html body#html-body.rk-site .bk-chips .bk-chips__cut img,
  html body.rk-site .bk-chips .bk-chips__cut img{
    height:28px!important;
    max-width:42px!important;
    max-height:28px!important;
  }
}
html body#html-body.rk-site .bk-home .bk-chips .bk-chips__cut svg,
html body#html-body.rk-site .bk-chips .bk-chips__cut svg,
html body.rk-site .bk-chips .bk-chips__cut svg{
  width:18px!important;
  height:18px!important;
  color:var(--bk-ink,#1C1614)!important;
  stroke:currentColor!important;
  fill:none!important;
  stroke-width:1.5!important;
  background:transparent!important;
}
html body#html-body.rk-site .bk-home .bk-chips .bk-chips__lab,
html body#html-body.rk-site .bk-chips .bk-chips__lab,
html body.rk-site .bk-chips .bk-chips__lab{
  display:inline-block!important;
  flex:none!important;
  max-width:none!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:nowrap!important;
  font-family:var(--bk-font-ui,"Inter",system-ui,sans-serif)!important;
  font-size:inherit!important;
  font-weight:500!important;
  line-height:20px!important;
  letter-spacing:.01em!important;
  color:inherit!important;
  vertical-align:middle!important;
  opacity:1!important;
  visibility:visible!important;
}

/* Active Ink: cutout transparent; Sale/New In icons White */
html body#html-body.rk-site .bk-home .bk-chips a[aria-current] .bk-chips__cut,
html body#html-body.rk-site .bk-home .bk-chips a.is-active .bk-chips__cut,
html body#html-body.rk-site .bk-chips a[aria-current] .bk-chips__cut,
html body.rk-site .bk-chips a.is-active .bk-chips__cut{
  background:transparent!important;
  background-color:transparent!important;
}
html body#html-body.rk-site .bk-home .bk-chips a[aria-current] .bk-chips__cut svg,
html body#html-body.rk-site .bk-home .bk-chips a.is-active .bk-chips__cut svg,
html body#html-body.rk-site .bk-chips a[aria-current] .bk-chips__cut svg,
html body.rk-site .bk-chips a.is-active .bk-chips__cut svg{
  color:#FFFFFF!important;
  stroke:currentColor!important;
}


/* ---- SALE CHIP: Sale Crimson text (mobile menu match) ---- */
/* Chrome stays White + Line; label + tag icon = Sale #8B1E1E. New In stays Ink. */
html body#html-body.rk-site .bk-home .bk-chips a[href*="sales"],
html body#html-body.rk-site .bk-home .bk-chips a[href$="/sales.html"],
html body#html-body.rk-site .bk-chips a[href*="sales"],
html body.rk-site .bk-chips a[href*="sales"]{
  background:#FFFFFF!important;
  background-color:#FFFFFF!important;
  background-image:none!important;
  border:1px solid var(--bk-chip-border,#D9D0C9)!important;
  color:var(--bk-sale,#8B1E1E)!important;
}
html body#html-body.rk-site .bk-home .bk-chips a[href*="sales"] .bk-chips__lab,
html body#html-body.rk-site .bk-chips a[href*="sales"] .bk-chips__lab,
html body.rk-site .bk-chips a[href*="sales"] .bk-chips__lab{
  color:var(--bk-sale,#8B1E1E)!important;
}
html body#html-body.rk-site .bk-home .bk-chips a[href*="sales"] .bk-chips__cut svg,
html body#html-body.rk-site .bk-chips a[href*="sales"] .bk-chips__cut svg,
html body.rk-site .bk-chips a[href*="sales"] .bk-chips__cut svg{
  color:var(--bk-sale,#8B1E1E)!important;
  stroke:currentColor!important;
}
html body#html-body.rk-site .bk-home .bk-chips a[href*="sales"]:hover:not([aria-current]):not(.is-active),
html body#html-body.rk-site .bk-chips a[href*="sales"]:hover:not([aria-current]):not(.is-active){
  background:#FFFFFF!important;
  border-color:var(--bk-sale,#8B1E1E)!important;
  color:var(--bk-sale,#8B1E1E)!important;
}
/* Active Sale still Ink fill + White (same as other active chips) */
html body#html-body.rk-site .bk-home .bk-chips a[href*="sales"][aria-current],
html body#html-body.rk-site .bk-home .bk-chips a[href*="sales"].is-active,
html body#html-body.rk-site .bk-chips a[href*="sales"][aria-current],
html body#html-body.rk-site .bk-chips a[href*="sales"].is-active{
  background:var(--bk-ink,#1C1614)!important;
  border-color:var(--bk-ink,#1C1614)!important;
  color:#FFFFFF!important;
}
html body#html-body.rk-site .bk-home .bk-chips a[href*="sales"][aria-current] .bk-chips__lab,
html body#html-body.rk-site .bk-home .bk-chips a[href*="sales"].is-active .bk-chips__lab,
html body#html-body.rk-site .bk-chips a[href*="sales"][aria-current] .bk-chips__cut svg,
html body#html-body.rk-site .bk-chips a[href*="sales"].is-active .bk-chips__cut svg{
  color:#FFFFFF!important;
}