/* bk-sat-r2 — cache-bust rename 2026-10-05T2349 */
/* Bed Kingdom — Saturday delivery Figma restyle (Web 3.0)
   White panel, left-aligned chips, square checkboxes, borderless calendar. */

html body.rk-site .cl-pdd{
  display:block;
  background:#fff;
  border:0;
  border-radius:0!important;
  padding:16px 0;
  margin:16px 0 20px;
  border-top:1px solid #E5E5E5;
  border-bottom:1px solid #E5E5E5;
}
html body.rk-site .cl-pdd__ico{display:none!important}
html body.rk-site .cl-pdd__head{min-width:0}
html body.rk-site .cl-pdd__topline{
  display:flex;align-items:baseline;justify-content:space-between;gap:12px;
  margin:0 0 4px;
}
html body.rk-site .cl-pdd__label{
  font-size:.8125rem;font-weight:400;color:#8A8A8A;margin:0;
}
html body.rk-site .cl-pdd__pill-free{
  font-size:.875rem;font-weight:500;color:#2D6A4F;margin:0;white-space:nowrap;
}
html body.rk-site .cl-pdd__pill-fee{
  font-size:.875rem;font-weight:500;color:#8B1E1E;margin:0;white-space:nowrap;
}
html body.rk-site .cl-pdd__date{
  font-size:1.5rem;font-weight:700;line-height:1.2;margin:0 0 4px;
  color:#111;font-family:var(--bk-font-ui,Inter,sans-serif);
}
html body.rk-site .cl-pdd__sub{
  font-size:.875rem;font-weight:400;color:#8A8A8A;margin:0 0 6px;
}
html body.rk-site .cl-pdd__countdown{
  font-size:.875rem;color:#111;margin:0;display:flex;align-items:center;gap:6px;flex-wrap:wrap;
}
html body.rk-site .cl-pdd__countdown strong{font-weight:700}
html body.rk-site .cl-pdd__dot{
  display:inline-block;width:8px;height:8px;border-radius:50%;
  background:#2D6A4F;flex:0 0 8px;
}
html body.rk-site .cl-pdd__vendor{font-size:.8125rem;color:#8A8A8A;margin:8px 0 0}

/* Chips */
html body.rk-site .cl-pdd__chips{
  display:flex;flex-wrap:nowrap;gap:8px;margin-top:14px;
}
html body.rk-site .cl-pdd__chip{
  position:relative;
  display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;
  flex:1 1 0;min-width:0;min-height:78px;
  padding:10px 10px 10px 10px;gap:2px;
  border:1px solid #D0D0D0;border-radius:0!important;
  background:#fff;color:#111;
  font-size:.8125rem;line-height:1.2;cursor:pointer;font-weight:400;
  box-shadow:none;text-align:left;
}
html body.rk-site .cl-pdd__chip .cl-pdd__chip-day{
  font-size:.75rem;font-weight:400;color:#8A8A8A;
}
html body.rk-site .cl-pdd__chip .cl-pdd__chip-date{
  font-size:1rem;font-weight:700;color:#111;margin-top:2px;
}
html body.rk-site .cl-pdd__chip--sat{
  background:#FBEDEA!important;
}
html body.rk-site .cl-pdd__chip.is-on{
  border:2px solid #111!important;
  background:#fff!important;
  padding:9px; /* keep size with thicker border */
}
html body.rk-site .cl-pdd__chip.is-on.cl-pdd__chip--sat{
  background:#FBEDEA!important;
}
html body.rk-site .cl-pdd__earliest{font-size:.75rem;font-weight:500;color:#111;margin-top:4px}
html body.rk-site .cl-pdd__free{font-size:.75rem;font-weight:500;color:#2D6A4F!important;margin-top:4px}
html body.rk-site .cl-pdd__fee{font-size:.75rem;font-weight:500;color:#8B1E1E!important;margin-top:4px;white-space:nowrap}

/* Square checkbox mark */
html body.rk-site .cl-pdd__mark{
  position:absolute;top:8px;right:8px;
  width:14px;height:14px;box-sizing:border-box;
  border:1.5px solid #B0B0B0;background:transparent;
  display:flex;align-items:center;justify-content:center;padding:0;
}
html body.rk-site .cl-pdd__mark.is-on{
  border-color:#111;border-width:1.5px;
}
html body.rk-site .cl-pdd__mark-fill{
  display:block;width:8px;height:8px;background:#111;
}
html body.rk-site .cl-pdd__chip-check{display:none!important}

html body.rk-site .cl-pdd__chip--all{
  align-items:center;justify-content:center;text-align:center;
  color:#111;min-height:78px;padding:10px 6px;
}
html body.rk-site .cl-pdd__chip--all svg{margin:0 0 6px;color:#111}
html body.rk-site .cl-pdd__all-label{
  font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;
}
html body.rk-site .cl-pdd__chip--all.is-on,
html body.rk-site .cl-pdd__chip--all.is-open,
html body.rk-site .cl-pdd__chip--all[aria-expanded=true]{
  border:2px solid #111!important;
  background:#fff!important;
  box-shadow:none!important;
  padding:9px 5px;
}
html body.rk-site .cl-pdd__chip.is-disabled{opacity:.45;cursor:pointer}
html body.rk-site .cl-pdd__chip.is-disabled.is-on{border-color:#D0D0D0!important}

/* Saturday postcode panel */
html body.rk-site .cl-pdd__sat{
  margin-top:12px;padding:14px;
  background:#fff;
  border:1px solid #D0D0D0;border-radius:0!important;
  box-sizing:border-box;width:100%;max-width:100%;overflow:hidden;
}
html body.rk-site .cl-pdd__sat-title{
  font-weight:600;margin:0 0 4px;font-size:.9375rem;color:#111;
}
html body.rk-site .cl-pdd__sat-sub{
  margin:0 0 10px;font-size:.8125rem;color:#8A8A8A;font-weight:400;
}
html body.rk-site .cl-pdd__sat-row{
  display:flex;gap:8px;align-items:stretch;
  width:100%;max-width:100%;box-sizing:border-box;min-width:0;
}
html body.rk-site .cl-pdd__sat-row input{
  flex:1 1 auto;min-width:0;box-sizing:border-box;width:auto;
  height:48px;padding:0 12px;border-radius:0!important;
  border:1.5px solid #D0D0D0;background:#fff;
  color:#111;font-size:1rem;
}
html body.rk-site .cl-pdd__sat-row input:focus{
  outline:none;border-color:#111;box-shadow:0 0 0 2px rgba(0,0,0,.12);
}
html body.rk-site .cl-pdd__sat-row button{
  flex:0 0 auto;flex-shrink:0;box-sizing:border-box;
  height:48px;padding:0 14px;border:0;border-radius:0!important;
  background:#111!important;color:#fff!important;
  font-weight:600;cursor:pointer;font-size:.9375rem;white-space:nowrap;max-width:40%;
}
html body.rk-site .cl-pdd__sat-row button:hover:not(:disabled){background:#000!important}
html body.rk-site .cl-pdd__sat-row button:disabled{
  background:#111!important;color:#fff!important;opacity:1;cursor:not-allowed;
}
html body.rk-site .cl-pdd__sat-ok{
  display:flex;align-items:center;gap:10px;flex-wrap:wrap;
  margin:0;padding:10px 12px;
  background:#EAF5EF;border:1px solid #C5E0D0;color:#2D6A4F;font-size:.875rem;font-weight:500;
}
html body.rk-site .cl-pdd__sat-ok-txt{flex:1 1 auto;min-width:0}
html body.rk-site .cl-pdd__sat-change{
  margin-left:auto;color:#111!important;font-weight:600;text-decoration:underline;cursor:pointer;
}
html body.rk-site .cl-pdd__sat-err{margin:10px 0 0;font-size:.875rem;color:#8B1E1E}
html body.rk-site .cl-pdd__sat-err-row{display:flex;align-items:flex-start;gap:8px}
html body.rk-site .cl-pdd__sat-suggest{
  display:inline-block;margin:6px 0 0 28px;color:#111!important;font-weight:600;
  text-decoration:underline;cursor:pointer;
}

/* Calendar */
html body.rk-site .cl-pdd__all{
  display:block;margin-top:12px;padding:14px;
  background:#fff;border:1px solid #D0D0D0;border-radius:0!important;
}
html body.rk-site .cl-pdd__cal-head{
  display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;gap:10px;
}
html body.rk-site .cl-pdd__cal-title{font-weight:700;font-size:1rem;color:#111;margin:0}
html body.rk-site .cl-pdd__cal-nav{display:flex;gap:6px}
html body.rk-site .cl-pdd__cal-nav button{
  width:32px;height:32px;padding:0;border:1px solid #D0D0D0;
  border-radius:0!important;background:#fff;color:#111;
  cursor:pointer;display:flex;align-items:center;justify-content:center;
}
html body.rk-site .cl-pdd__cal-nav button:disabled{opacity:.35;cursor:not-allowed}
html body.rk-site .cl-pdd__cal-grid{
  display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;
}
html body.rk-site .cl-pdd__cal-dow{
  text-align:center;font-size:.625rem;font-weight:600;letter-spacing:.04em;
  color:#9A9A9A;padding:4px 0;text-transform:uppercase;
}
html body.rk-site .cl-pdd__cal-dow.is-sat{color:#555}
html body.rk-site .cl-pdd__day{
  min-height:52px;padding:6px 2px;border:0!important;border-radius:0!important;
  background:transparent;font-size:.8125rem;cursor:pointer;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  color:#111;font-weight:400;box-shadow:none!important;
}
html body.rk-site .cl-pdd__day .cl-pdd__day-n{font-weight:700;font-size:.875rem;color:#111}
html body.rk-site .cl-pdd__day.is-empty,
html body.rk-site .cl-pdd__day.is-muted{
  cursor:default;min-height:52px;
}
html body.rk-site .cl-pdd__day.is-muted .cl-pdd__day-n,
html body.rk-site .cl-pdd__day.is-empty .cl-pdd__day-n{font-weight:400;color:#C5C5C5}
html body.rk-site .cl-pdd__day.is-sat{background:#FBEDEA}
html body.rk-site .cl-pdd__day .cl-pdd__fee{white-space:nowrap;font-size:.625rem;margin-top:0}
html body.rk-site .cl-pdd__day .cl-pdd__free,
html body.rk-site .cl-pdd__day .cl-pdd__earliest{font-size:.625rem;margin-top:0}
html body.rk-site .cl-pdd__day.is-on,
html body.rk-site .cl-pdd__day.is-on.is-sat,
html body.rk-site .cl-pdd__day[aria-pressed=true]{
  background:#111!important;color:#fff!important;border:0!important;box-shadow:none!important;
}
html body.rk-site .cl-pdd__day.is-on .cl-pdd__day-n,
html body.rk-site .cl-pdd__day.is-on .cl-pdd__free,
html body.rk-site .cl-pdd__day.is-on .cl-pdd__fee,
html body.rk-site .cl-pdd__day.is-on .cl-pdd__earliest{
  color:#fff!important;
}
html body.rk-site .cl-pdd__allnote{
  font-size:.75rem;color:#8A8A8A;margin:12px 0 0;font-weight:400;
}

/* Beat brand-r6 tint overrides */
html body.rk-site .cl-pdd .cl-pdd__chip.is-on,
html body.rk-site .cl-pdd .cl-pdd__chip[aria-checked=true]{
  border:2px solid #111!important;background:#fff!important;box-shadow:none!important;color:#111!important;
}
html body.rk-site .cl-pdd .cl-pdd__chip.is-on.cl-pdd__chip--sat{background:#FBEDEA!important}
html body.rk-site .cl-pdd .cl-pdd__day.is-on,
html body.rk-site .cl-pdd .cl-pdd__day[aria-pressed="true"]{
  background:#111!important;color:#fff!important;box-shadow:none!important;
}
html body.rk-site .cl-pdd .cl-pdd__chip--all.is-open,
html body.rk-site .cl-pdd .cl-pdd__chip--all[aria-expanded="true"]{
  border:2px solid #111!important;background:#fff!important;box-shadow:none!important;
}

@media (min-width:768px){
  html body.rk-site .cl-pdd__date{font-size:1.75rem}
  html body.rk-site .cl-pdd__chips{gap:10px}
  html body.rk-site .cl-pdd__chip{min-height:88px;padding:12px}
}

/* figma-mobile-tight */
@media (max-width:430px){
  html body.rk-site .cl-pdd__chips{gap:6px}
  html body.rk-site .cl-pdd__chip{min-height:72px;padding:8px 6px}
  html body.rk-site .cl-pdd__chip .cl-pdd__chip-date{font-size:.9375rem}
  html body.rk-site .cl-pdd__all-label{font-size:.625rem;letter-spacing:.04em}
  html body.rk-site .cl-pdd__mark{top:6px;right:6px;width:12px;height:12px}
  html body.rk-site .cl-pdd__mark-fill{width:6px;height:6px}
}