/* bk-speed2 (6 Oct 2026): 9 overridden/unused rule(s)/declaration(s) removed (cascade-safe). Original: var/clbak/bk-speed2-20261006/pre/css/cl.css */
/* =====================================================================
   Cuckooland skin on top of the shared rk.css components (loaded last). Recreates cuckooland.com:
   Lato, teal logo #30474b, pink accents/prices #c91b72, green buy buttons #14ad60, light grey bands, 1140px content width.
   ===================================================================== */
body.rk-site .cl-wrap { max-width: 1170px; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; }
@media (max-width: 1023.98px) { body.rk-site .cl-only-desktop { display: none !important; } }
@media (min-width: 1024px) { body.rk-site .cl-only-mobile { display: none !important; } }
html:root body.rk-site :is(h1, h2, h3, .page-title) { font-weight: 700; }

/* buttons: Cuckooland green buy buttons, square-ish corners */
body.rk-site .rk-btn, html body.rk-site .btn-primary { background: var(--cl-green) !important; border-color: var(--cl-green) !important; border-radius: 3px !important; letter-spacing: .04em; font-weight: 700; font-size: .9375rem; }
body.rk-site .rk-btn:hover, html body.rk-site .btn-primary:hover { background: var(--cl-green-dark) !important; border-color: var(--cl-green-dark) !important; }
html body.rk-site .btn-secondary { border-radius: 3px; }
body.rk-site .rk-link, body.rk-site .cl-link { color: var(--cl-teal); }
body.rk-site .cl-link { font-weight: 700; text-decoration: underline; text-underline-offset: 4px; }
body.rk-site .cl-btn-outline { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 1.75rem; border: 2px solid currentColor; color: inherit; font-weight: 700; font-size: .875rem; letter-spacing: .12em; text-transform: uppercase; text-decoration: none; background: rgba(0,0,0,.08); }
body.rk-site .cl-btn-outline:hover { background: #fff; color: var(--cl-teal); border-color: #fff; }

/* prices in brand pink */
body.rk-site .price, body.rk-site .rk-card__price, body.rk-site .cl-pcard__price, body.rk-site .rk-buy__price .price, body.rk-site .rk-sticky__price { color: var(--cl-pink); font-weight: 700; }
body.rk-site .old-price, body.rk-site .old-price .price { display: none !important; } /* was-prices are never shown on this build */

/* ---------- top strip ---------- */
body.rk-site .cl-top { background: #fff; border-bottom: 1px solid var(--cl-grey); font-size: .8125rem; }
body.rk-site .cl-top__in { display: flex; align-items: center; justify-content: space-between; min-height: 32px; }
body.rk-site .cl-top__free { color: var(--cl-pink); font-weight: 700; text-decoration: none; padding: .25rem 0; }
body.rk-site .cl-top__acct { color: #333; text-decoration: none; padding: .25rem 0; }
body.rk-site .cl-top a:hover { text-decoration: underline; }

/* ---------- header ---------- */
body.rk-site .page-header { position: sticky; top: 0; z-index: 40; background: #fff; }
body.rk-site .cl-header { position: relative; background: #fff; border-bottom: 1px solid var(--cl-grey); }
body.rk-site .cl-header__bar { display: grid; grid-template-columns: 1fr auto; grid-template-areas: "logo icons" "search search"; align-items: center; gap: .5rem .75rem; padding-top: .5rem; padding-bottom: .5rem; }
body.rk-site .cl-header__logo { grid-area: logo; }
body.rk-site .cl-logo { display: inline-flex; align-items: center; min-height: 44px; }
body.rk-site .cl-logo img { display: block; width: 150px; height: auto; }
body.rk-site .cl-header__icons { grid-area: icons; display: flex; align-items: center; gap: .5rem; }
body.rk-site .cl-circle { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 50%; background: var(--cl-teal); color: #fff; border: 0; cursor: pointer; text-decoration: none; }
body.rk-site .cl-circle:hover { background: #1f3134; }
body.rk-site .cl-circle .rk-bag__count { position: absolute; top: -4px; right: -4px; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 10px; background: var(--cl-pink); color: #fff; font-size: .75rem; font-weight: 700; line-height: 20px; text-align: center; }
body.rk-site .cl-burger { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; background: none; border: 0; color: var(--cl-teal); cursor: pointer; }
body.rk-site .cl-search { grid-area: search; display: flex; align-items: stretch; height: 42px; border: 1px solid #ccc; border-radius: 3px; background: #fff; }
body.rk-site .cl-search input { flex: 1; min-width: 0; border: 0; padding: 0 .75rem; font: inherit; font-size: 1rem; background: transparent; color: #222; }
body.rk-site .cl-search input:focus { outline: none; box-shadow: none; }
body.rk-site .cl-search:focus-within { outline: 2px solid var(--cl-teal); outline-offset: 1px; }
body.rk-site .cl-search button { width: 44px; border: 0; background: none; color: var(--cl-teal); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
@media (min-width: 1024px) {
  body.rk-site .cl-header__bar { grid-template-columns: 1fr auto 1fr; grid-template-areas: ". logo right"; padding-top: 1rem; padding-bottom: 1rem; }
  body.rk-site .cl-header__logo { justify-self: center; }
  body.rk-site .cl-logo img { width: 230px; }
  body.rk-site .cl-search { grid-area: right; justify-self: end; width: 100%; max-width: 260px; margin-right: 112px; }
  body.rk-site .cl-header__icons { grid-area: right; justify-self: end; }
}

/* ---------- desktop nav + mega menu (CSS only) ---------- */
body.rk-site .cl-nav { border-top: 1px solid var(--cl-grey); background: #fff; }
body.rk-site .cl-nav__list { display: flex; justify-content: center; flex-wrap: wrap; list-style: none; margin: 0 auto; padding: 0; max-width: 1170px; }
body.rk-site .cl-nav__top { display: flex; align-items: center; min-height: 46px; padding: 0 .8rem; color: #333; font-size: .9375rem; font-weight: 700; text-decoration: none; border-bottom: 3px solid transparent; }
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] { border-bottom-color: var(--cl-pink); color: var(--cl-teal); }
body.rk-site .cl-nav__item.is-sale > .cl-nav__top { color: var(--cl-pink); }
body.rk-site .cl-mega { position: absolute; left: 0; right: 0; top: 100%; z-index: 50; background: #fff; border-top: 1px solid var(--cl-grey); box-shadow: 0 10px 20px rgba(0,0,0,.08); visibility: hidden; opacity: 0; transition: opacity .12s, visibility 0s .12s; }
body.rk-site .cl-nav__item:hover > .cl-mega, body.rk-site .cl-nav__item:focus-within > .cl-mega { visibility: visible; opacity: 1; transition-delay: .08s, 0s; }
body.rk-site .cl-mega__in { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 1rem 2rem; padding-top: 1.5rem; padding-bottom: 1.75rem; }
body.rk-site .cl-mega__col { list-style: none; margin: 0; padding: 0; }
body.rk-site .cl-mega__col a, body.rk-site .cl-mega__col span { display: block; padding: .25rem 0; color: #444; font-size: .875rem; text-decoration: none; }
body.rk-site .cl-mega__col a:hover { color: var(--cl-pink); text-decoration: underline; }
body.rk-site .cl-mega__h a, body.rk-site .cl-mega__h span { color: var(--cl-teal); font-weight: 700; font-size: .9375rem; text-transform: uppercase; letter-spacing: .02em; margin-bottom: .25rem; }

/* ---------- mobile menu ---------- */
body.rk-site .cl-mm__list { list-style: none; margin: 0; padding: .25rem 1.25rem; }
body.rk-site .cl-mm__list > li { border-bottom: 1px solid var(--rk-line); }
body.rk-site .cl-mm__acc summary, body.rk-site .cl-mm__link { display: flex; align-items: center; justify-content: space-between; min-height: 52px; color: var(--cl-teal); font-weight: 700; font-size: 1.0625rem; text-decoration: none; cursor: pointer; list-style: none; }
body.rk-site .cl-mm__acc summary::-webkit-details-marker { display: none; }
body.rk-site .cl-mm__acc[open] summary svg { transform: rotate(180deg); }
body.rk-site .cl-mm__acc ul { list-style: none; margin: 0 0 .75rem; padding: 0 0 0 .75rem; }
body.rk-site .cl-mm__acc ul a { display: flex; align-items: center; min-height: 40px; color: #333; text-decoration: none; font-size: .9375rem; }
body.rk-site .rk-mm__top img { height: 30px; }

/* ---------- footer ---------- */
body.rk-site .page-footer, body.rk-site footer.page-footer { background: var(--cl-grey); }
body.rk-site .cl-footer { background: var(--cl-grey); color: #333; font-size: .875rem; margin-top: 2.5rem; }
body.rk-site .cl-footer__grid { display: grid; grid-template-columns: 1fr; gap: 1.5rem; padding-top: 2rem; padding-bottom: 1.5rem; }
@media (min-width: 640px) { body.rk-site .cl-footer__grid { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1024px) { body.rk-site .cl-footer__grid { grid-template-columns: 1.4fr 1fr 1fr 1fr 1.2fr; } }
body.rk-site .cl-footer__h { margin: 0 0 .75rem; font-family: var(--rk-sans) !important; font-size: .9375rem !important; font-weight: 700 !important; text-transform: uppercase; color: var(--cl-teal); }
body.rk-site .cl-footer ul { list-style: none; margin: 0; padding: 0; }
body.rk-site .cl-footer li a, body.rk-site .cl-footer__cookie { display: inline-flex; align-items: center; min-height: 32px; color: #333; text-decoration: none; background: none; border: 0; padding: 0; font: inherit; cursor: pointer; }
body.rk-site .cl-footer li a:hover, body.rk-site .cl-footer__cookie:hover { color: var(--cl-pink); text-decoration: underline; }
body.rk-site .cl-footer p { margin: 0 0 .75rem; }
body.rk-site .cl-footer__mail { color: var(--cl-blue); word-break: break-all; }
body.rk-site .cl-footer__co { font-size: .8125rem; color: #555; }
body.rk-site .cl-footer__join, body.rk-site .cl-footer__payh { font-weight: 700; color: var(--cl-teal); }
body.rk-site .cl-social { display: flex; gap: .375rem; margin-bottom: 1rem !important; }
body.rk-site .cl-footer .cl-social a { display: inline-flex !important; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; background: var(--cl-teal); color: #fff !important; }
body.rk-site .cl-footer .cl-social a:hover { background: var(--cl-pink); }
body.rk-site .cl-footer__pay { display: flex; gap: .375rem; flex-wrap: wrap; }
body.rk-site .cl-footer__copy { margin: 0; padding: 1rem 15px; background: #fff; text-align: center; font-size: .8125rem; color: #555; }

/* ---------- home ---------- */
body.rk-site .cl-home { margin-top: 0; }
body.rk-site .cl-banner { position: relative; overflow: hidden; color: #fff; background: #ddd; margin: 0 0 1.5rem; }
body.rk-site .cl-banner img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; }
@media (min-width: 768px) { body.rk-site .cl-banner img { aspect-ratio: 1440 / 672; max-height: 560px; } }
body.rk-site .cl-banner__copy { position: absolute; inset: auto 0 0 0; display: flex; flex-direction: column; align-items: center; gap: .75rem; padding: 2.5rem 1rem 2rem; text-align: center; background: linear-gradient(to top, rgba(0,0,0,.5), rgba(0,0,0,0)); }
@media (min-width: 768px) { body.rk-site .cl-banner__copy { inset: 0; justify-content: center; background: rgba(0,0,0,.18); } body.rk-site .cl-banner__copy--left { align-items: flex-start; padding-left: 8%; text-align: left; } }
html:root body.rk-site .cl-banner__title { margin: 0; font-family: var(--cl-display); font-size: clamp(1.75rem, 5vw, 3.5rem); font-weight: 500; letter-spacing: .06em; text-transform: uppercase; color: #fff; line-height: 1.1; text-shadow: 0 1px 8px rgba(0,0,0,.35); }
body.rk-site .cl-usp { display: grid; grid-template-columns: 1fr; gap: .25rem; list-style: none; margin: 0 auto 1.5rem; padding-top: .25rem; padding-bottom: .25rem; }
@media (min-width: 640px) { body.rk-site .cl-usp { grid-template-columns: repeat(3, 1fr); gap: 1rem; } }
body.rk-site .cl-usp li { display: flex; align-items: center; justify-content: center; gap: .625rem; min-height: 36px; color: var(--cl-teal); font-weight: 700; font-size: .9375rem; }
body.rk-site .cl-usp a { color: inherit; text-decoration: none; }
body.rk-site .cl-usp a:hover { text-decoration: underline; }
body.rk-site .cl-intro { text-align: center; margin-bottom: 2rem; }
html:root body.rk-site .cl-intro__h { margin: 0 0 .5rem; font-size: clamp(1.25rem, 3vw, 1.75rem); font-weight: 700; color: var(--cl-teal); }
body.rk-site .cl-intro__more { max-width: 52rem; margin: 0 auto; text-align: left; }
body.rk-site .cl-intro__more summary { display: flex; justify-content: center; align-items: center; min-height: 44px; color: var(--cl-pink); font-weight: 700; cursor: pointer; list-style: none; }
body.rk-site .cl-intro__more summary::-webkit-details-marker { display: none; }
body.rk-site .cl-intro__more .cl-less, body.rk-site .cl-intro__more[open] .cl-more { display: none; }
body.rk-site .cl-intro__more[open] .cl-less { display: inline; }
body.rk-site .cl-intro__more[open] summary { order: 2; }
body.rk-site .cl-intro__more p { margin: 0 0 .75rem; line-height: 1.6; }
body.rk-site .cl-sec { margin-bottom: 2.5rem; }
html:root body.rk-site .cl-h2 { margin: 0 0 1rem; text-align: center; font-size: clamp(1.375rem, 3vw, 1.875rem); font-weight: 700; color: var(--cl-teal); }
body.rk-site .cl-h2 a { color: inherit; text-decoration: none; }
body.rk-site .cl-tiles { display: grid; grid-template-columns: repeat(2, 1fr); gap: .75rem; list-style: none; margin: 0; padding: 0; }
@media (min-width: 768px) { body.rk-site .cl-tiles { grid-template-columns: repeat(4, 1fr); gap: 1rem; } }
body.rk-site .cl-tile { position: relative; display: block; overflow: hidden; border-radius: 4px; color: var(--cl-teal); text-decoration: none; background: #f3f3f3; }
body.rk-site .cl-tile img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; transition: transform .3s; }
body.rk-site .cl-tile:hover img { transform: scale(1.04); }
body.rk-site .cl-tile__label { position: absolute; left: .5rem; right: 3rem; bottom: .5rem; padding: .375rem .625rem; background: #fff; border-radius: 3px; font-weight: 700; font-size: .9375rem; line-height: 1.25; }
body.rk-site .cl-tile__arrow { position: absolute; right: .5rem; bottom: .5rem; display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; background: var(--cl-pink); color: #fff; }
body.rk-site .cl-prow { display: grid; grid-auto-flow: column; grid-auto-columns: 46%; gap: .75rem; overflow-x: auto; scroll-snap-type: x mandatory; list-style: none; margin: 0; padding: 0 0 .5rem; }
@media (min-width: 768px) { body.rk-site .cl-prow { grid-auto-columns: calc(25% - .75rem); gap: 1rem; } }
body.rk-site .cl-pcard { scroll-snap-align: start; display: flex; flex-direction: column; gap: .375rem; }
body.rk-site .cl-pcard a { color: #333; text-decoration: none; display: flex; flex-direction: column; gap: .5rem; }
body.rk-site .cl-pcard__img { display: block; aspect-ratio: 1; background: #fff; border: 1px solid #eee; }
body.rk-site .cl-pcard__img img { width: 100%; height: 100%; object-fit: contain; }
body.rk-site .cl-pcard__name { font-size: .9375rem; line-height: 1.35; }
body.rk-site .cl-blog { display: grid; grid-template-columns: 1fr; gap: 1rem; list-style: none; margin: 0; padding: 0; }
@media (min-width: 640px) { body.rk-site .cl-blog { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { body.rk-site .cl-blog { grid-template-columns: repeat(4, 1fr); } }
body.rk-site .cl-blog a { display: flex; flex-direction: column; gap: .5rem; height: 100%; color: #333; text-decoration: none; background: #f3f3f3; padding-bottom: 1rem; }
body.rk-site .cl-blog img { width: 100%; height: auto; aspect-ratio: 400 / 260; object-fit: cover; }
html:root body.rk-site .cl-blog h3 { margin: 0 1rem; font-size: 1.0625rem; font-weight: 700; color: var(--cl-teal); }
body.rk-site .cl-blog p { margin: 0 1rem; font-size: .875rem; line-height: 1.5; color: #555; }
body.rk-site .cl-blog .cl-link { margin: auto 1rem 0; }

/* ---------- listing + PDP touches ---------- */

body.rk-site .rk-card img, body.rk-site .product-image-photo { object-fit: contain; background: #fff; }
body.rk-site .cl-brand { margin: 0 0 .25rem; font-size: .8125rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--cl-blue); }
body.rk-site .cl-brand a { color: inherit; text-decoration: none; }
body.rk-site .cl-dispatch { margin: .75rem 0 0; color: var(--cl-green-dark); font-weight: 700; font-size: .9375rem; } /* cl-dispatch */
body.rk-site .cl-oos { margin: .75rem 0 0; color: var(--rk-err); font-weight: 700; }
body.rk-site .cl-placeholder-note { font-size: .75rem; color: var(--rk-muted); }
html body.rk-site .dn-pill[aria-checked="true"], html body.rk-site .dn-pill.is-selected, html body.rk-site input:checked + .dn-pill { border-color: var(--cl-teal) !important; box-shadow: inset 0 0 0 1px var(--cl-teal); }
body.rk-site .rk-bag__count { background: var(--cl-pink); }

/* CMS help/blog content */
body.rk-site .cl-cms { max-width: 52rem; margin: 0 auto 2rem; line-height: 1.65; font-size: 1rem; }
body.rk-site .cl-cms img { max-width: 100%; height: auto; }
body.rk-site .cl-cms a { color: var(--cl-blue); }
html:root body.rk-site .cl-cms :is(h2, h3) { margin: 1.5rem 0 .5rem; font-weight: 700; color: var(--cl-teal); }
body.rk-site .cl-cms table { width: 100%; border-collapse: collapse; margin: 1rem 0; font-size: .9375rem; }
body.rk-site .cl-cms :is(td, th) { border: 1px solid #ddd; padding: .5rem; text-align: left; vertical-align: top; }
body.rk-site .cl-cms .cl-table-wrap { overflow-x: auto; }
body.rk-site .cl-cat-intro { margin: 0 0 1rem; color: #444; line-height: 1.6; }
body.rk-site .cl-cat-seo { margin: 2rem auto 0; max-width: 60rem; color: #444; line-height: 1.6; font-size: .9375rem; }

/* Cuckooland product photos are square cut-outs on white: undo the RK 2:3 rug crop and beige photo wells */
html body.rk-site .product-item .el-plp-photo { aspect-ratio: 1 / 1 !important; background: #fff !important; }
html body.rk-site .products.wrapper .el-plp-photo img.product-image-photo, html body.rk-site .products-grid .el-plp-photo img.product-image-photo { object-fit: contain !important; background: #fff !important; }

html body.rk-site #cart-drawer .dn-line__img img { height: 5.5rem !important; object-fit: contain !important; background: #fff !important; }
html body.rk-site.checkout-cart-index .el-cart-summary { background: var(--rk-soft) !important; }
/* drawer + basket buttons in Cuckooland green */
html body#html-body.rk-site #cart-drawer .rkd-btn--primary, html body.rk-site .el-r20-empty__btn { background: var(--cl-green) !important; border-color: var(--cl-green) !important; color: #fff !important; border-radius: 3px !important; }
html body#html-body.rk-site #cart-drawer .rkd-line__img {   border: 1px solid #eee; }