/*
 * CompKit Themes: the skin layer on top of the base theme.
 * Every colour and size comes from a --ck- variable set in the Customizer.
 */

:root {
	--ck-bg: #0a0d12;
	--ck-surface: #121821;
	--ck-surface-2: #1a2230;
	--ck-line: #263042;
	--ck-text: #eef2f7;
	--ck-muted: #93a0b2;
	--ck-accent: #2b7fff;
	--ck-accent-2: #00c2ff;
	--ck-btn-text: #fff;
	--ck-price: #ffb703;
	--ck-price-text: #111;
	--ck-urgent: #ff3b4a;
	--ck-instant: #19c37d;
	--ck-radius: 14px;
	--ck-cols: 4;
	--ck-cols-tablet: 2;
	--ck-cols-mobile: 1;
	--ck-gap: 22px;
	--ck-ratio: 4 / 3;
	--ck-fit: cover;
	--ck-title-lines: 2;
	--ck-bar-h: 8px;
	--ck-hero-cols: 3;
	--ck-hero-h: 460px;
	--ck-ticket-size: 48px;
	--ck-heading-case: uppercase;
	--ck-font-heading: inherit;
	--ck-font-body: inherit;
	--ck-fade: linear-gradient(135deg, var(--ck-accent), var(--ck-accent-2));
	--ck-glow: 0 0 0 1px color-mix(in srgb, var(--ck-accent) 70%, transparent), 0 10px 40px -10px color-mix(in srgb, var(--ck-accent) 60%, transparent);
}

/* Base ------------------------------------------------------------------ */

body.ck-skin {
	background: var(--ck-bg);
	color: var(--ck-text);
	font-family: var(--ck-font-body);
}

.ck-skin h1,
.ck-skin h2,
.ck-skin h3,
.ck-skin .ck-hero__title,
.ck-skin .ck-section__title {
	font-family: var(--ck-font-heading);
	letter-spacing: .01em;
}

.ck-skin h1,
.ck-skin .ck-section__title,
.ck-skin .ck-hero__title,
.ck-skin .woocommerce-products-header__title {
	text-transform: var(--ck-heading-case);
}

.ck-skin a {
	color: var(--ck-accent-2);
}

.ck-skin a:hover {
	color: var(--ck-text);
}

.ck-skin ::selection {
	background: var(--ck-accent);
	color: var(--ck-btn-text);
}

/* Buttons everywhere get the accent. */
.ck-skin .button,
.ck-skin button.button,
.ck-skin input[type="submit"],
.ck-skin .wp-element-button,
.ck-skin .woocommerce a.button,
.ck-skin .woocommerce button.button,
.ck-skin .woocommerce #respond input#submit,
.ck-skin .ck-btn {
	background: var(--ck-fade);
	border: 0;
	border-radius: calc(var(--ck-radius) * .7);
	color: var(--ck-btn-text);
	font-weight: 700;
	transition: filter .2s, transform .2s, box-shadow .2s;
}

.ck-skin.ck-btn-solid .ck-btn,
.ck-skin.ck-btn-solid .button,
.ck-skin.ck-btn-solid .wp-element-button {
	background: var(--ck-accent);
}

.ck-skin.ck-btn-outline .ck-btn {
	background: transparent;
	box-shadow: inset 0 0 0 2px var(--ck-accent);
	color: var(--ck-text);
}

.ck-skin .button:hover,
.ck-skin .wp-element-button:hover,
.ck-skin .ck-btn:hover {
	color: var(--ck-btn-text);
	filter: brightness(1.1);
	box-shadow: 0 8px 24px -8px var(--ck-accent);
}

.ck-skin input[type="text"],
.ck-skin input[type="email"],
.ck-skin input[type="tel"],
.ck-skin input[type="number"],
.ck-skin input[type="password"],
.ck-skin input[type="search"],
.ck-skin select,
.ck-skin textarea {
	border-radius: calc(var(--ck-radius) * .6);
}

/* Header ---------------------------------------------------------------- */

.ck-topbar {
	background: var(--ck-fade);
	color: var(--ck-btn-text);
	font-size: 14px;
	font-weight: 600;
	padding: 8px 16px;
	text-align: center;
}

.ck-sticky-header .site-header {
	position: sticky;
	top: 0;
	z-index: 100;
}

.admin-bar.ck-sticky-header .site-header {
	top: 32px;
}

@media (max-width: 782px) {
	.admin-bar.ck-sticky-header .site-header {
		top: 0;
	}
}

.ck-blur-header .site-header,
.ck-blur-header .site-header .main-navigation.toggled {
	background: color-mix(in srgb, var(--ck-bg) 82%, transparent);
	-webkit-backdrop-filter: saturate(1.4) blur(14px);
	backdrop-filter: saturate(1.4) blur(14px);
}

/* A blur nested in the header's blur only sees the header, so the menu
   showed as a darker unblurred box. Inside the header it stays clear. */
.ck-blur-header .site-header .main-navigation:not(.toggled) {
	background: transparent;
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
}

.ck-skin .site-header {
	border-bottom: 1px solid var(--ck-line);
}

.ck-skin .main-title a,
.ck-skin .main-title a:hover {
	color: var(--ck-text);
	font-family: var(--ck-font-heading);
	font-weight: 700;
	text-transform: var(--ck-heading-case);
}

.ck-skin .main-navigation .main-nav ul li a {
	font-weight: 600;
}

.ck-skin .menu-bar-items {
	align-items: center;
	gap: 6px;
}

.ck-menu-icon {
	align-items: center;
	border-radius: 50%;
	color: var(--ck-text) !important;
	display: inline-flex;
	height: 40px;
	justify-content: center;
	position: relative;
	width: 40px;
}

.ck-menu-icon:hover {
	background: var(--ck-surface-2);
}

.ck-menu-icon svg {
	height: 22px;
	width: 22px;
}

.ck-cart-count {
	background: var(--ck-price);
	border-radius: 999px;
	color: var(--ck-price-text);
	font-size: 11px;
	font-weight: 800;
	line-height: 18px;
	min-width: 18px;
	padding: 0 5px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 2px;
}

.ck-cart-count.is-empty {
	display: none;
}

.ck-menu-balance,
.ck-skin .menu-bar-items .ck-menu-balance {
	align-items: center;
	background: var(--ck-surface-2);
	border: 1px solid var(--ck-line);
	border-radius: 999px;
	color: var(--ck-text) !important;
	display: inline-flex;
	font-size: 13px;
	gap: 7px;
	line-height: 1;
	margin: 0 4px;
	padding: 7px 14px 7px 11px;
	white-space: nowrap;
}

.ck-menu-balance svg {
	color: var(--ck-price);
	height: 17px;
	width: 17px;
}

.ck-menu-balance__label {
	color: var(--ck-muted);
	font-weight: 600;
}

.ck-menu-balance b {
	color: var(--ck-price);
	font-family: var(--ck-font-heading);
	font-size: 15px;
	font-weight: 800;
}

.ck-menu-balance:hover {
	border-color: var(--ck-price);
}

/* The label goes first when the menu gets crowded; the wallet icon says enough. */
@media (max-width: 1680px) {
	.ck-menu-balance__label {
		display: none;
	}
}

/* Phones: the logo gives way so the icons, balance and menu button fit one row. */
@media (max-width: 768px) {
	/* Wrap again, so the closed menu drops to its own row instead of eating the logo's room. */
	.ck-skin .site-header .inside-header {
		flex-wrap: wrap;
		gap: 0 8px;
		padding-left: 16px;
		padding-right: 12px;
	}

	.ck-skin .site-header .site-branding,
	.ck-skin .site-header .site-branding-container {
		flex: 1 1 0;
		min-width: 0;
	}

	.ck-skin .site-header .main-title {
		font-size: 17px;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.ck-skin .mobile-menu-control-wrapper {
		flex-wrap: nowrap;
		margin-left: auto;
	}

	.ck-skin .mobile-menu-control-wrapper .menu-toggle {
		padding: 0 8px;
		width: auto;
	}

	.ck-skin .menu-bar-items .ck-menu-icon {
		height: 36px;
		width: 36px;
	}

	.ck-skin .menu-bar-items .ck-menu-balance {
		font-size: 12px;
		margin: 0 2px;
		padding: 6px 9px;
	}

	.ck-skin .menu-bar-items .ck-menu-balance b {
		font-size: 13px;
	}

	.ck-skin .menu-bar-items .ck-menu-cta,
	.ck-skin .menu-bar-items .ck-menu-login {
		font-size: 12px;
		padding: 7px 11px;
	}
}

/* The short Create account label only shows on small phones. */
.ck-menu-short {
	display: none;
}

@media (max-width: 480px) {
	/* Log in shrinks to its icon and Create account to Join, so the logo is not cut off. */
	.ck-skin .menu-bar-items .ck-menu-login {
		display: inline-flex;
		height: 36px;
		justify-content: center;
		margin-left: 2px;
		padding: 0;
		width: 36px;
	}

	.ck-skin .menu-bar-items .ck-menu-login .ck-icon {
		margin-right: 0;
	}

	.ck-skin .menu-bar-items .ck-menu-login .ck-menu-label,
	.ck-skin .menu-bar-items .ck-menu-cta .ck-menu-long {
		clip: rect(0 0 0 0);
		height: 1px;
		overflow: hidden;
		position: absolute;
		white-space: nowrap;
		width: 1px;
	}

	.ck-skin .menu-bar-items .ck-menu-cta {
		margin-left: 4px;
		padding: 7px 12px;
	}

	.ck-skin .menu-bar-items .ck-menu-cta .ck-menu-short {
		display: inline;
	}

	/* My account is in the menu anyway, so it makes room for the balance. */
	.ck-skin .menu-bar-items:has(.ck-menu-balance) .ck-menu-account {
		display: none;
	}
}

.ck-menu-cta {
	background: var(--ck-fade);
	border-radius: 999px;
	color: var(--ck-btn-text) !important;
	font-size: 14px;
	font-weight: 700;
	margin-left: 6px;
	padding: 9px 18px;
	white-space: nowrap;
}

/* One compact row: logo, menu, then the buttons. */
.ck-skin .inside-header {
	flex-wrap: nowrap;
	gap: 24px;
}

/* Blue on near-black reads thinner than white at the same weight, and the
   heading font stops at bold, so a hairline stroke evens the two halves. */
.ck-skin .main-title .ck-title-accent,
.ck-skin .ck-foot__logo .ck-title-accent {
	--ck-title-accent: color-mix(in srgb, var(--ck-accent) 55%, var(--ck-accent-2));
	color: var(--ck-title-accent);
	-webkit-text-stroke: .6px var(--ck-title-accent);
	paint-order: stroke fill;
}

.ck-skin .main-title {
	font-size: 22px;
	line-height: 1.1;
	white-space: nowrap;
}

.ck-skin .site-logo img,
.ck-skin .custom-logo {
	max-height: 46px;
	width: auto;
}

@media (min-width: 769px) {
	.ck-skin .main-navigation .inside-navigation,
	.ck-skin .main-navigation .main-nav > ul {
		flex-wrap: nowrap;
	}

	.ck-skin .main-navigation .main-nav > ul > li > a {
		font-size: 14px;
		font-weight: 700;
		letter-spacing: .01em;
		white-space: nowrap;
	}
}

/* A long menu wraps to a second line rather than pushing the basket and
   account buttons off the side of the screen. */
@media (min-width: 769px) {
	.ck-skin .site-header .main-navigation {
		flex: 1 1 auto;
		min-width: 0;
	}

	.ck-skin .site-header .main-navigation .inside-navigation {
		justify-content: flex-end;
	}

	.ck-skin .site-header .main-navigation .main-nav {
		flex: 0 1 auto;
		min-width: 0;
	}

	.ck-skin .site-header .main-navigation .main-nav > ul {
		flex-wrap: wrap;
		justify-content: flex-end;
	}

	.ck-skin .site-header .main-navigation .main-nav > ul > li > a {
		line-height: 44px;
	}
}

@media (min-width: 769px) and (max-width: 1400px) {
	.ck-skin .site-header .main-navigation .main-nav > ul > li > a {
		padding-left: 11px;
		padding-right: 11px;
	}
}

.ck-skin .main-navigation .main-nav ul li a {
	color: var(--ck-text);
	transition: color .2s;
}

.ck-skin .main-navigation .main-nav ul li:hover > a,
.ck-skin .main-navigation .main-nav ul li.current-menu-item > a {
	color: var(--ck-accent-2);
}

.ck-skin .main-navigation .main-nav ul ul {
	background: var(--ck-surface);
	border: 1px solid var(--ck-line);
	border-radius: calc(var(--ck-radius) * .7);
	box-shadow: 0 18px 40px -12px rgba(0, 0, 0, .6);
	overflow: hidden;
}

.ck-skin .menu-bar-items {
	flex: none;
	margin-left: 8px;
}

/* Footer ---------------------------------------------------------------- */

.ck-footer-notice {
	border-top: 1px solid var(--ck-line);
	color: var(--ck-muted);
	font-size: 14px;
	text-align: center;
}

.ck-footer-notice .inside-site-info {
	display: block;
	padding-bottom: 0;
}

.ck-footer-notice p:last-child {
	margin-bottom: 0;
}

/* The age mark and the notice beside it. */
.ck-footer-notice--footer .inside-site-info {
	padding-bottom: 28px;
	padding-top: 28px;
}

.ck-notice {
	align-items: center;
	display: flex;
	gap: 18px;
	justify-content: center;
	margin: 0 auto;
	max-width: 760px;
	text-align: left;
}

.ck-age {
	align-items: center;
	background: #fff;
	border: 5px solid #e3101f;
	border-radius: 50%;
	box-shadow: 0 0 0 3px color-mix(in srgb, #e3101f 25%, transparent), 0 8px 24px -8px rgba(227, 16, 31, .6);
	color: #111;
	display: inline-flex;
	flex: none;
	font-family: var(--ck-font-heading);
	font-size: 19px;
	font-weight: 900;
	height: 60px;
	justify-content: center;
	letter-spacing: -.02em;
	width: 60px;
}

.ck-notice__text {
	color: var(--ck-text);
	font-size: 16px;
	font-weight: 600;
	line-height: 1.5;
}

.ck-notice__links {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 20px;
	margin-top: 6px;
}

.ck-notice__links a {
	color: var(--ck-muted);
	font-size: 14px;
	font-weight: 500;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.ck-notice__links a:hover {
	color: var(--ck-text);
}

.ck-footer-notice--top .ck-age,
.ck-footer-notice--bottom .ck-age {
	border-width: 3px;
	font-size: 12px;
	height: 34px;
	width: 34px;
}

.ck-footer-notice--top .ck-notice__text,
.ck-footer-notice--bottom .ck-notice__text {
	font-size: 13px;
}

@media (max-width: 600px) {
	.ck-notice {
		gap: 14px;
	}

	.ck-age {
		font-size: 16px;
		height: 50px;
		width: 50px;
	}

	.ck-notice__text {
		font-size: 14.5px;
	}
}

.ck-skin .site-info {
	color: var(--ck-muted);
}

/* Footer columns: brand, link columns, then the company line and cards. */
.ck-skin .site-info:has(.ck-foot) .inside-site-info {
	display: block;
}

.ck-foot {
	text-align: left;
}

.ck-foot__top {
	display: grid;
	gap: 40px;
	grid-template-columns: minmax(220px, 1.2fr) 3fr;
	padding: 56px 0 40px;
}

.ck-skin .site-info .ck-foot__logo {
	color: var(--ck-text);
	display: inline-block;
	font-family: var(--ck-font-heading);
	font-size: 24px;
	font-weight: 800;
	letter-spacing: .02em;
	margin-bottom: 14px;
	text-decoration: none;
	text-transform: var(--ck-heading-case);
}

.ck-foot__logo img {
	display: block;
	max-height: 44px;
	width: auto;
}

.ck-foot__brand p {
	font-size: 14px;
	line-height: 1.6;
	margin: 0 0 18px;
	max-width: 320px;
}

.ck-foot__social {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.ck-foot__social a {
	align-items: center;
	background: var(--ck-surface);
	border: 1px solid var(--ck-line);
	border-radius: 10px;
	color: var(--ck-text);
	display: inline-flex;
	height: 40px;
	justify-content: center;
	transition: background .2s, border-color .2s, color .2s;
	width: 40px;
}

.ck-foot__social a:hover {
	background: var(--ck-accent);
	border-color: var(--ck-accent);
	color: var(--ck-btn-text);
}

.ck-foot__social svg {
	height: 19px;
	width: 19px;
}

.ck-foot__menu {
	display: grid;
	gap: 32px;
	grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	list-style: none;
	margin: 0;
	padding: 0;
}

.ck-foot__menu > li > a {
	color: var(--ck-text);
	display: block;
	font-family: var(--ck-font-heading);
	font-size: 13px;
	font-weight: 800;
	letter-spacing: .12em;
	margin-bottom: 14px;
	pointer-events: none;
	text-decoration: none;
	text-transform: uppercase;
}

.ck-foot__menu > li > a[href]:not([href="#"]) {
	pointer-events: auto;
}

.ck-foot__menu .sub-menu {
	display: grid;
	gap: 10px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.ck-foot__menu .sub-menu a {
	color: var(--ck-muted);
	font-size: 14px;
	text-decoration: none;
	transition: color .2s;
}

.ck-foot__menu .sub-menu a:hover {
	color: var(--ck-text);
}

.ck-foot__legal {
	align-items: center;
	border-top: 1px solid var(--ck-line);
	display: flex;
	flex-wrap: wrap;
	gap: 16px 32px;
	justify-content: space-between;
	padding: 22px 0;
}

.ck-foot__company {
	flex: 1 1 420px;
	font-size: 12.5px;
	line-height: 1.6;
	margin: 0;
}

.ck-foot__pay {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.ck-pay {
	height: 28px;
	width: 42px;
}

.ck-pay > rect {
	fill: var(--ck-surface);
	stroke: var(--ck-line);
}

.ck-skin .site-info:has(.ck-foot) .copyright-bar {
	border-top: 1px solid var(--ck-line);
	font-size: 13px;
	padding: 18px 0;
	text-align: left;
}

@media (max-width: 900px) {
	.ck-foot__top {
		grid-template-columns: 1fr;
		padding-top: 40px;
	}

	.ck-foot__menu {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 28px 20px;
	}
}

/* Section heads and tabs ------------------------------------------------ */

.ck-section {
	margin: 0 0 48px;
}

.ck-kicker {
	color: var(--ck-instant);
	display: block;
	font-size: 13px;
	font-weight: 800;
	letter-spacing: .14em;
	margin-bottom: 4px;
	text-transform: uppercase;
}

.ck-kicker::before {
	animation: ck-blink 1.6s infinite;
	background: currentColor;
	border-radius: 50%;
	content: "";
	display: inline-block;
	height: 8px;
	margin-right: 8px;
	vertical-align: 1px;
	width: 8px;
}

.ck-section__title {
	font-size: clamp(28px, 4vw, 42px);
	line-height: 1.05;
	margin: 0;
}

.ck-tabs {
	display: flex;
	gap: 8px;
	margin-bottom: 22px;
	overflow-x: auto;
	padding-bottom: 4px;
	scrollbar-width: none;
}

.ck-tab {
	background: var(--ck-surface);
	border: 1px solid var(--ck-line);
	border-radius: 999px;
	color: var(--ck-text);
	cursor: pointer;
	flex: none;
	font-size: 14px;
	font-weight: 700;
	padding: 9px 16px;
}

.ck-tab span {
	color: var(--ck-muted);
	font-weight: 600;
	margin-left: 4px;
}

.ck-tab:hover,
.ck-tab:focus {
	background: var(--ck-surface-2);
	color: var(--ck-text);
}

.ck-tab.is-active {
	background: var(--ck-fade);
	border-color: transparent;
	color: var(--ck-btn-text);
}

.ck-tab.is-active span {
	color: inherit;
	opacity: .75;
}

/* The grid -------------------------------------------------------------- */

.ck-skin ul.products.ck-grid,
.ck-skin .woocommerce ul.products.ck-grid {
	display: grid;
	gap: var(--ck-gap);
	grid-template-columns: repeat(var(--ck-cols), minmax(0, 1fr));
	list-style: none;
	margin: 0 0 32px;
	padding: 0;
}

.ck-skin ul.products.ck-grid::before,
.ck-skin ul.products.ck-grid::after {
	content: none;
}

@media (max-width: 1024px) {
	.ck-skin ul.products.ck-grid {
		grid-template-columns: repeat(var(--ck-cols-tablet), minmax(0, 1fr));
	}
}

@media (max-width: 600px) {
	.ck-skin ul.products.ck-grid {
		grid-template-columns: repeat(var(--ck-cols-mobile), minmax(0, 1fr));
	}
}

/* The card -------------------------------------------------------------- */

/* Beats WooCommerce's float widths, including its 48% small-screen rule. */
body.ck-skin ul.products.ck-grid li.product.ck-card,
.ck-card {
	background: var(--ck-surface);
	border: 1px solid var(--ck-line);
	border-radius: var(--ck-radius);
	display: flex;
	flex-direction: column;
	float: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	text-align: left;
	transition: transform .25s ease, box-shadow .25s ease, border-color .25s;
	width: auto;
}

.ck-card[hidden] {
	display: none !important;
}

.ck-hover-lift .ck-card:hover,
.ck-hover-lift-zoom .ck-card:hover {
	transform: translateY(-4px);
}

.ck-frame-glow .ck-card:hover {
	border-color: var(--ck-accent);
	box-shadow: var(--ck-glow);
}

.ck-frame-none .ck-card {
	border-color: transparent;
}

.ck-card__media {
	aspect-ratio: var(--ck-ratio);
	background: var(--ck-surface-2);
	display: block;
	overflow: hidden;
	position: relative;
}

.ck-frame-line .ck-card__media {
	box-shadow: inset 0 0 0 1px var(--ck-line);
}

.ck-frame-accent .ck-card__media {
	box-shadow: inset 0 0 0 2px var(--ck-accent);
}

.ck-skin .ck-card__media img.ck-card__img,
.ck-card__media img {
	display: block;
	height: 100%;
	margin: 0;
	object-fit: var(--ck-fit);
	transition: transform .5s ease;
	width: 100%;
}

.ck-hover-zoom .ck-card:hover .ck-card__img,
.ck-hover-lift-zoom .ck-card:hover .ck-card__img {
	transform: scale(1.06);
}

.ck-shade .ck-card__media::after {
	background: linear-gradient(to top, color-mix(in srgb, var(--ck-surface) 85%, transparent), transparent 45%);
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
}

.ck-card__badges {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	left: 12px;
	position: absolute;
	top: 12px;
	z-index: 2;
}

.ck-badge {
	white-space: nowrap;
	background: color-mix(in srgb, var(--ck-bg) 78%, transparent);
	border-radius: 999px;
	color: var(--ck-text);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .06em;
	padding: 5px 10px;
	text-transform: uppercase;
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
}

.ck-badge--instant {
	background: var(--ck-instant);
	color: #fff;
}


.ck-badge--closed {
	background: var(--ck-muted);
	color: var(--ck-bg);
}

.ck-card.is-closed .ck-card__img {
	filter: grayscale(.8) brightness(.7);
}

/* A corner holds the countdown tiles or badge. */
.ck-card__corner {
	position: absolute;
	z-index: 2;
}

.ck-corner-top-left { left: 12px; top: 12px; }
.ck-corner-top-right { right: 12px; top: 12px; }
.ck-corner-bottom-left { bottom: 12px; left: 12px; }
.ck-corner-bottom-right { bottom: 12px; right: 12px; }

/* Badges move down when the countdown shares their corner. */
.ck-card:has(.ck-corner-top-left) .ck-card__badges {
	top: auto;
	bottom: 12px;
}

.ck-card__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 10px;
	padding: 16px 18px 18px;
	position: relative;
}

.ck-skin .ck-card__title {
	-webkit-box-orient: vertical;
	display: -webkit-box;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.3;
	margin: 0;
	overflow: hidden;
	padding: 0;
	-webkit-line-clamp: var(--ck-title-lines);
	line-clamp: var(--ck-title-lines);
}

.ck-card__title a {
	color: var(--ck-text) !important;
}

.ck-card__title a::after {
	/* The whole card is clickable. */
	content: "";
	inset: 0;
	position: absolute;
	z-index: 1;
}

.ck-card__excerpt {
	color: var(--ck-muted);
	font-size: 14px;
	line-height: 1.45;
	margin: 0;
}

.ck-card .ck-btn {
	display: block;
	margin-top: auto;
	padding: 13px 16px;
	position: relative;
	text-align: center;
	z-index: 2;
}

/* Price tag. */
.ck-price {
	background: var(--ck-price);
	border-radius: 999px;
	color: var(--ck-price-text);
	display: inline-block;
	font-family: var(--ck-font-heading);
	font-size: 16px;
	font-weight: 800;
	line-height: 1;
	padding: 8px 16px;
	white-space: nowrap;
}

.ck-price s {
	font-size: .75em;
	font-weight: 600;
	margin-left: 4px;
	opacity: .6;
}

.ck-price-pill .ck-card__body > .ck-price {
	align-self: center;
	box-shadow: 0 6px 18px -6px rgba(0, 0, 0, .6);
	margin-top: -34px;
	position: relative;
	z-index: 3;
}

.ck-price-corner .ck-card__media > .ck-price {
	bottom: 12px;
	left: 12px;
	position: absolute;
	z-index: 2;
}

.ck-price-line .ck-card__title .ck-price {
	float: right;
	font-size: 14px;
	margin-left: 8px;
	padding: 6px 10px;
}

/* Words over the image: badges, price burst, WIN tag, headline, chips ---- */

.ck-over {
	display: block;
	inset: 0;
	pointer-events: none;
	position: absolute;
	z-index: 2;
}

.ck-over__badges {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	gap: 6px;
	left: 14px;
	position: absolute;
	top: 14px;
}

.ck-badge--tag {
	background: var(--ck-price);
	color: var(--ck-price-text);
}

.ck-badge--soon {
	background: var(--ck-fade);
	color: var(--ck-btn-text);
}

.ck-badge--urgent {
	background: var(--ck-urgent);
	color: #fff;
}

.ck-card.is-closed .ck-over__badges {
	display: none;
}

.ck-burst {
	align-items: center;
	background: var(--ck-price);
	clip-path: polygon(50% 0%, 60.6% 10.4%, 75% 6.7%, 79% 21%, 93.3% 25%, 89.6% 39.4%, 100% 50%, 89.6% 60.6%, 93.3% 75%, 79% 79%, 75% 93.3%, 60.6% 89.6%, 50% 100%, 39.4% 89.6%, 25% 93.3%, 21% 79%, 6.7% 75%, 10.4% 60.6%, 0% 50%, 10.4% 39.4%, 6.7% 25%, 21% 21%, 25% 6.7%, 39.4% 10.4%);
	color: var(--ck-price-text);
	display: flex;
	flex-direction: column;
	font-family: var(--ck-font-heading);
	height: 78px;
	justify-content: center;
	line-height: 1;
	position: absolute;
	right: 12px;
	text-align: center;
	top: 12px;
	transform: rotate(-10deg);
	width: 78px;
	z-index: 2;
}

.ck-burst b {
	font-size: 22px;
	font-weight: 800;
	letter-spacing: -.02em;
}

.ck-burst small {
	font-family: var(--ck-font-body);
	font-size: 8px;
	font-weight: 800;
	letter-spacing: .06em;
	margin-top: 3px;
	text-transform: uppercase;
}

/* Price tag: a swing tag with a punched hole, hanging at a slant. */
.ck-burst.ck-burst--tag {
	align-items: flex-start;
	border-radius: 0 10px 10px 0;
	clip-path: polygon(18px 0, 100% 0, 100% 100%, 18px 100%, 0 50%);
	height: auto;
	-webkit-mask: radial-gradient(circle at 14px 50%, transparent 4.5px, #000 5px);
	mask: radial-gradient(circle at 14px 50%, transparent 4.5px, #000 5px);
	min-width: 0;
	padding: 9px 14px 9px 28px;
	text-align: left;
	transform: rotate(8deg);
	width: auto;
}

.ck-burst.ck-burst--tag small {
	margin-top: 2px;
}

/* Round sticker: a coin with a dashed ring. */
.ck-burst.ck-burst--round {
	border-radius: 50%;
	box-shadow: inset 0 0 0 4px var(--ck-price), inset 0 0 0 5.5px color-mix(in srgb, var(--ck-price-text) 35%, transparent);
	clip-path: none;
	transform: rotate(-6deg);
}

/* The burst steps down when the countdown has the top right corner. */
.ck-card:has(.ck-corner-top-right) .ck-burst {
	bottom: 12px;
	top: auto;
}

.ck-over__bottom {
	align-items: flex-start;
	bottom: 16px;
	display: flex;
	flex-direction: column;
	gap: 7px;
	left: 16px;
	position: absolute;
	right: 16px;
}

.ck-win {
	background: var(--ck-fade);
	border-radius: 4px;
	color: var(--ck-btn-text);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .1em;
	line-height: 1;
	padding: 5px 9px;
	text-transform: uppercase;
}

.ck-headline {
	-webkit-box-orient: vertical;
	color: #fff;
	display: -webkit-box;
	font-family: var(--ck-font-heading);
	font-size: 22px;
	font-weight: 700;
	line-height: 1.02;
	overflow: hidden;
	text-shadow: 0 3px 16px rgba(0, 0, 0, .75);
	text-transform: var(--ck-heading-case);
	-webkit-line-clamp: 3;
	line-clamp: 3;
}

.ck-headline em {
	color: var(--ck-price);
	font-style: normal;
}

.ck-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.ck-chip {
	align-items: center;
	background: rgba(255, 255, 255, .94);
	border-radius: 999px;
	color: #111;
	display: inline-flex;
	font-size: 10px;
	font-weight: 800;
	gap: 5px;
	letter-spacing: .04em;
	line-height: 1;
	padding: 5px 9px;
	text-transform: uppercase;
	white-space: nowrap;
}

.ck-chip::before {
	color: var(--ck-accent);
	height: 12px;
	width: 12px;
}

/* Cards with words over the image need a darker foot to read on. */
.ck-over-full .ck-card__media::after,
.ck-over-badges .ck-card__media::after {
	background: linear-gradient(to top, rgba(0, 0, 0, .88), rgba(0, 0, 0, .3) 42%, transparent 62%);
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
	z-index: 1;
}

.ck-over-badges .ck-card__media::after {
	background: linear-gradient(to top, rgba(0, 0, 0, .6), transparent 32%);
}

.ck-card__body:has(> .ck-card__chip) {
	padding-top: 30px;
}

/* Hero tiles: bigger words, and the gallery dots move out of the badge corner. */
.ck-tile .ck-over__bottom {
	bottom: 30px;
	left: 24px;
	right: 24px;
}

.ck-tile .ck-headline {
	font-size: clamp(26px, 2.4vw, 38px);
	-webkit-line-clamp: 2;
	line-clamp: 2;
}

.ck-tile .ck-burst {
	height: 92px;
	right: 18px;
	top: 18px;
	width: 92px;
}

.ck-tile .ck-burst b {
	font-size: 26px;
}

.ck-tile .ck-burst small {
	font-size: 9px;
}

.ck-tile .ck-burst.ck-burst--tag {
	height: auto;
	padding: 11px 18px 11px 32px;
	width: auto;
}

.ck-tile__media:has(.ck-over) .ck-tile__dots {
	left: 50%;
	transform: translateX(-50%);
}

@media (max-width: 600px) {
	.ck-headline {
		font-size: 18px;
	}

	.ck-burst {
		height: 62px;
		width: 62px;
	}

	.ck-burst b {
		font-size: 17px;
	}

	.ck-burst small {
		font-size: 7px;
	}

	.ck-tile .ck-burst {
		height: 76px;
		width: 76px;
	}

	.ck-burst.ck-burst--tag,
	.ck-tile .ck-burst.ck-burst--tag {
		height: auto;
		padding: 7px 11px 7px 24px;
		width: auto;
	}

	.ck-tile .ck-burst b {
		font-size: 21px;
	}
}

/* Countdown ------------------------------------------------------------- */

.ck-cd {
	color: var(--ck-text);
	font-variant-numeric: tabular-nums;
}

.ck-cd__prefix {
	display: block;
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .08em;
	margin-bottom: 3px;
	text-align: center;
	text-transform: uppercase;
}

.ck-cd__tiles {
	display: flex;
	gap: 4px;
}

.ck-cd__unit {
	align-items: center;
	background: color-mix(in srgb, var(--ck-bg) 85%, transparent);
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-width: 40px;
	padding: 5px 4px 4px;
}

.ck-cd__unit b {
	font-family: var(--ck-font-heading);
	font-size: 17px;
	font-weight: 800;
	line-height: 1;
}

.ck-cd__unit i {
	color: var(--ck-muted);
	font-size: 9px;
	font-style: normal;
	font-weight: 700;
	letter-spacing: .06em;
	margin-top: 2px;
	text-transform: uppercase;
}

/* Tile looks. */
.ck-tile-glass .ck-cd__unit {
	background: rgba(255, 255, 255, .12);
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .18);
}

.ck-tile-flip .ck-cd__unit {
	background: linear-gradient(to bottom, var(--ck-surface-2) 50%, var(--ck-surface) 50%);
	box-shadow: 0 2px 0 rgba(0, 0, 0, .4);
	position: relative;
}

.ck-tile-flip .ck-cd__unit::after {
	background: rgba(0, 0, 0, .5);
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	right: 0;
	top: 50%;
}

.ck-tile-neon .ck-cd__unit {
	background: color-mix(in srgb, var(--ck-bg) 85%, transparent);
	box-shadow: inset 0 0 0 1.5px var(--ck-accent), 0 0 12px -2px var(--ck-accent);
}

/* Which parts each mode shows. */
.ck-cd--tiles .ck-cd__text,
.ck-cd--pill .ck-cd__tiles,
.ck-cd--pill .ck-cd__prefix,
.ck-cd--inline .ck-cd__tiles,
.ck-cd--strip .ck-cd__tiles,
.ck-cd--both .ck-cd__tiles,
.ck-cd--both .ck-cd__prefix,
.ck-cd--both.show-tiles .ck-cd__text {
	display: none;
}

.ck-cd--both.show-tiles .ck-cd__tiles {
	display: flex;
}

.ck-cd--pill .ck-cd__text,
.ck-cd--both .ck-cd__text {
	white-space: nowrap;
	background: color-mix(in srgb, var(--ck-bg) 78%, transparent);
	border-radius: 999px;
	display: inline-block;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .06em;
	padding: 6px 11px;
	text-transform: uppercase;
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
}

.ck-cd--strip {
	background: var(--ck-surface-2);
	border-bottom: 1px solid var(--ck-line);
	font-size: 13px;
	font-weight: 700;
	padding: 8px 18px;
}

.ck-cd--strip .ck-cd__prefix {
	display: inline;
	margin-right: 6px;
}

.ck-cd--inline {
	color: var(--ck-muted);
	font-size: 13px;
	font-weight: 600;
}

.ck-cd--inline .ck-cd__prefix {
	display: inline;
	margin-right: 4px;
}


/* Ending soon. */
.ck-cd.is-urgent .ck-cd__unit {
	background: var(--ck-urgent);
	box-shadow: none;
}

.ck-cd.is-urgent .ck-cd__unit i {
	color: rgba(255, 255, 255, .8);
}

.ck-cd--pill.is-urgent .ck-cd__text,
.ck-cd--both.is-urgent .ck-cd__text,
.ck-cd--strip.is-urgent {
	background: var(--ck-urgent);
	color: #fff;
}

.ck-cd--inline.is-urgent {
	color: var(--ck-urgent);
}

.ck-pulse .ck-cd.is-urgent {
	animation: ck-pulse 1.6s ease-in-out infinite;
}

/* Sold bar -------------------------------------------------------------- */

.ck-bar__meta {
	align-items: baseline;
	display: flex;
	font-size: 12px;
	justify-content: space-between;
	margin-bottom: 6px;
}

.ck-bar__meta b {
	font-weight: 800;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.ck-bar__meta span {
	color: var(--ck-muted);
}

.ck-bar__track {
	background: var(--ck-line);
	border-radius: 999px;
	height: var(--ck-bar-h);
	overflow: hidden;
}

.ck-bar__track span {
	background: var(--ck-fade);
	border-radius: inherit;
	display: block;
	height: 100%;
	min-width: 4%;
	width: var(--ck-pct);
}

.ck-bar-solid .ck-bar__track span {
	background: var(--ck-accent);
}

.ck-bar-stripes .ck-bar__track span {
	animation: ck-stripes 1s linear infinite;
	background: repeating-linear-gradient(-45deg, var(--ck-accent) 0 10px, var(--ck-accent-2) 10px 20px);
	background-size: 28px 28px;
}

.ck-bar-blocks .ck-bar__track {
	border-radius: 3px;
}

.ck-bar-blocks .ck-bar__track span {
	background: var(--ck-fade);
	border-radius: 0;
	-webkit-mask: repeating-linear-gradient(90deg, #000 0 10px, transparent 10px 13px);
	mask: repeating-linear-gradient(90deg, #000 0 10px, transparent 10px 13px);
}

/* The fade spans the whole track, so the colour says how full it is. */
.ck-bar-rev .ck-bar__track span {
	background: linear-gradient(90deg, #19c37d, #ffd400 60%, #ff3b4a) left / calc(10000% / max(var(--ck-pct-n, 100), 4)) 100% no-repeat;
}

/* Hero: edge-to-edge tiles ---------------------------------------------- */

.ck-home-top {
	margin: 0 0 44px;
}

.ck-hero {
	background: var(--ck-surface);
	border-bottom: 1px solid var(--ck-line);
}

.ck-hero__top {
	position: relative;
}

.ck-hero__track {
	display: grid;
	grid-auto-columns: calc(100% / var(--ck-hero-cols));
	grid-auto-flow: column;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
}

.ck-hero__track::-webkit-scrollbar {
	display: none;
}

.ck-tile {
	background: var(--ck-surface);
	border-right: 1px solid var(--ck-line);
	color: var(--ck-text) !important;
	display: flex;
	flex-direction: column;
	min-width: 0;
	overflow: hidden;
	position: relative;
	scroll-snap-align: start;
	text-decoration: none;
}

.ck-tile__media {
	background: var(--ck-surface-2);
	display: block;
	height: var(--ck-hero-h);
	overflow: hidden;
	position: relative;
}

.ck-tile__imgs {
	display: block;
	inset: 0;
	position: absolute;
}

.ck-skin .ck-tile__img {
	height: 100%;
	inset: 0;
	object-fit: cover;
	opacity: 0;
	position: absolute;
	transition: opacity .9s ease, transform 1.2s ease;
	width: 100%;
}

.ck-tile__img.is-active {
	opacity: 1;
}

.ck-tile:hover .ck-tile__img.is-active {
	transform: scale(1.04);
}

.ck-tile--comp .ck-tile__media::after {
	background: linear-gradient(to top, rgba(0, 0, 0, .85), rgba(0, 0, 0, .25) 38%, transparent 60%);
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
}

.ck-tile__dots {
	display: flex;
	gap: 5px;
	left: 16px;
	position: absolute;
	top: 14px;
	z-index: 2;
}

.ck-tile__dots i {
	background: rgba(255, 255, 255, .45);
	border-radius: 3px;
	height: 5px;
	transition: width .3s, background .3s;
	width: 5px;
}

.ck-tile__dots i.is-active {
	background: #fff;
	width: 18px;
}

.ck-tile__dots--center {
	bottom: 14px;
	left: 50%;
	top: auto;
	transform: translateX(-50%);
}

.ck-tile__title {
	-webkit-box-orient: vertical;
	bottom: 26px;
	color: var(--ck-price);
	display: -webkit-box;
	font-family: var(--ck-font-heading);
	font-size: clamp(24px, 2.4vw, 38px);
	font-weight: 700;
	left: 24px;
	line-height: 1.02;
	overflow: hidden;
	position: absolute;
	right: 24px;
	text-shadow: 0 3px 18px rgba(0, 0, 0, .7);
	text-transform: var(--ck-heading-case);
	z-index: 2;
	-webkit-line-clamp: 2;
	line-clamp: 2;
}

.ck-tile__info {
	border-top: 1px solid var(--ck-line);
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 8px;
	padding: 26px 22px 18px;
	position: relative;
}

.ck-tile__chip {
	left: 50%;
	position: absolute;
	top: 0;
	transform: translate(-50%, -50%);
	z-index: 3;
}

.ck-tile__chip .ck-cd__tiles {
	background: var(--ck-fade);
	border-radius: 999px;
	box-shadow: 0 6px 20px -6px var(--ck-accent);
	gap: 0;
	padding: 4px 12px;
}

.ck-tile__chip .ck-cd__unit,
.ck-tile-neon .ck-tile__chip .ck-cd__unit,
.ck-tile-glass .ck-tile__chip .ck-cd__unit,
.ck-tile-flip .ck-tile__chip .ck-cd__unit {
	background: none;
	box-shadow: none;
	min-width: 30px;
	padding: 2px;
}

.ck-tile-flip .ck-tile__chip .ck-cd__unit::after {
	content: none;
}

.ck-tile__chip .ck-cd__unit b {
	color: var(--ck-btn-text);
	font-size: 15px;
}

.ck-tile__chip .ck-cd__unit i {
	color: var(--ck-btn-text);
	opacity: .8;
}

.ck-tile__chip .ck-cd__text {
	background: var(--ck-surface-2);
	border: 1px solid var(--ck-line);
}

.ck-tile__name {
	-webkit-box-orient: vertical;
	display: -webkit-box;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.3;
	overflow: hidden;
	-webkit-line-clamp: 2;
	line-clamp: 2;
}

.ck-tile__row {
	align-items: center;
	display: flex;
	gap: 10px;
	justify-content: space-between;
	margin-top: auto;
}

.ck-tile__price {
	align-items: center;
	display: flex;
	gap: 8px;
}

.ck-tile__price b {
	font-family: var(--ck-font-heading);
	font-size: 19px;
	font-weight: 800;
}

.ck-tile__price s {
	color: var(--ck-muted);
	font-size: 13px;
}

.ck-off {
	background: var(--ck-price);
	border-radius: 999px;
	color: var(--ck-price-text);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .04em;
	padding: 3px 8px;
	text-transform: uppercase;
}

.ck-tile__sold {
	color: var(--ck-muted);
	font-size: 13px;
	white-space: nowrap;
}

.ck-hero__nav {
	align-items: center;
	background: color-mix(in srgb, var(--ck-bg) 70%, transparent);
	border: 1px solid rgba(255, 255, 255, .15);
	border-radius: 50%;
	color: #fff;
	cursor: pointer;
	display: none;
	font-size: 24px;
	height: 46px;
	justify-content: center;
	line-height: 1;
	padding: 0;
	position: absolute;
	top: calc(var(--ck-hero-h) / 2 - 23px);
	width: 46px;
	z-index: 4;
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
}

.ck-hero.is-scrollable .ck-hero__nav {
	display: flex;
}

.ck-hero__nav:hover,
.ck-hero__nav:focus {
	background: var(--ck-accent);
	color: #fff;
}

.ck-hero__prev { left: 14px; }
.ck-hero__next { right: 14px; }

/* Second row. */
.ck-hero__row2 {
	border-top: 1px solid var(--ck-line);
	display: grid;
	grid-template-columns: repeat(var(--ck-row2, 3), minmax(0, 1fr));
}

.ck-tile--small {
	height: 260px;
}

.ck-tile--small .ck-tile__media {
	height: 100%;
}

.ck-tile__tag {
	background: var(--ck-fade);
	border-radius: 999px;
	color: var(--ck-btn-text);
	font-size: 11px;
	font-weight: 800;
	left: 14px;
	letter-spacing: .06em;
	padding: 5px 11px;
	position: absolute;
	text-transform: uppercase;
	top: 14px;
	z-index: 2;
}

.ck-tile__tag--instant {
	background: var(--ck-instant);
	color: #fff;
}


.ck-tile__caption {
	background: rgba(0, 0, 0, .72);
	border-radius: 999px;
	bottom: 12px;
	font-size: 13px;
	font-weight: 700;
	left: 12px;
	overflow: hidden;
	padding: 7px 14px;
	position: absolute;
	right: 12px;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	z-index: 2;
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
}

.ck-tile__caption:empty {
	display: none;
}

.ck-tile__caption b {
	color: var(--ck-price);
}

.ck-tile--stats {
	align-items: center;
	background: var(--ck-fade);
	color: var(--ck-btn-text) !important;
	justify-content: center;
	text-align: center;
}

.ck-stat {
	align-items: center;
	display: flex;
	flex-direction: column;
	inset: 0;
	justify-content: center;
	opacity: 0;
	padding: 20px;
	position: absolute;
	transition: opacity .6s ease;
}

.ck-stat.is-active {
	opacity: 1;
}

.ck-stat small {
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .14em;
	opacity: .85;
	text-transform: uppercase;
}

.ck-stat b {
	font-family: var(--ck-font-heading);
	font-size: clamp(48px, 5.4vw, 84px);
	font-weight: 800;
	line-height: 1;
	margin: 4px 0;
}

.ck-stat em {
	font-size: 15px;
	font-style: normal;
	font-weight: 600;
}

@media (max-width: 1024px) {
	.ck-hero__track {
		grid-auto-columns: 50%;
	}
}

@media (max-width: 600px) {
	.ck-hero__track {
		grid-auto-columns: 88%;
	}

	.ck-tile__media {
		height: min(var(--ck-hero-h), 360px);
	}

	.ck-hero__nav {
		display: none !important;
	}

	.ck-hero__row2 {
		grid-auto-columns: 88%;
		grid-auto-flow: column;
		grid-template-columns: none;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
	}

	.ck-tile--small {
		height: 220px;
	}
}

/* Winners ticker -------------------------------------------------------- */

.ck-ticker {
	background: var(--ck-fade);
	color: var(--ck-btn-text);
	overflow: hidden;
	white-space: nowrap;
}

.ck-ticker__track {
	animation: ck-ticker var(--ck-ticker-time, 40s) linear infinite;
	display: inline-flex;
}

.ck-ticker:hover .ck-ticker__track {
	animation-play-state: paused;
}

.ck-ticker__run {
	display: inline-flex;
}

.ck-ticker__item {
	font-size: 14px;
	font-weight: 700;
	padding: 9px 0;
}


/* Section head, "View all" and tabs ------------------------------------- */

.ck-section__head {
	align-items: flex-end;
	display: flex;
	flex-wrap: wrap;
	gap: 8px 16px;
	justify-content: space-between;
	margin-bottom: 18px;
}

.ck-view-all {
	border-bottom: 2px solid var(--ck-accent);
	color: var(--ck-text) !important;
	flex: none;
	font-size: 14px;
	font-weight: 700;
	padding-bottom: 2px;
}

.ck-skin .ck-tabs {
	background: var(--ck-surface);
	border: 1px solid var(--ck-line);
	border-radius: calc(var(--ck-radius) * .9);
	display: inline-flex;
	gap: 2px;
	margin-bottom: 24px;
	max-width: 100%;
	overflow-x: auto;
	padding: 5px;
	scrollbar-width: none;
}

.ck-skin .ck-tab {
	background: none;
	border: 0;
	border-radius: calc(var(--ck-radius) * .6);
	color: var(--ck-text);
	text-decoration: none;
}

.ck-skin a.ck-tab:hover {
	background: var(--ck-surface-2);
	color: var(--ck-text);
}

.ck-skin .ck-tab.is-active {
	background: var(--ck-fade);
	color: var(--ck-btn-text);
}

/* Header log in buttons. */
.ck-menu-login {
	align-items: center;
	border: 1px solid var(--ck-line);
	display: inline-flex;
	gap: 7px;
	border-radius: 999px;
	color: var(--ck-text) !important;
	font-size: 14px;
	font-weight: 700;
	margin-left: 6px;
	padding: 8px 18px;
	white-space: nowrap;
}

.ck-menu-login:hover {
	background: var(--ck-surface-2);
}

/* The shop's own heading block is replaced by ours. */
.ck-skin .woocommerce-products-header:empty {
	display: none;
}

/* Competition page (Ticket Machine) ------------------------------------- */

.ck-skin.single-product div.product .woocommerce-product-gallery img {
	border-radius: var(--ck-radius);
}

@media (min-width: 769px) {
	/* --ck-stick is the sticky header's height plus a gap, set by compkit.js. */
	.ck-sticky-summary.single-product div.product .summary {
		position: sticky;
		top: var(--ck-stick, 100px);
	}

	/* A number picker makes the details far taller than the photos, which
	   left a big empty block under them. Whichever column is shorter now
	   travels with the page. */
	.ck-sticky-summary.single-product div.product > .woocommerce-product-gallery,
	.ck-sticky-summary.single-product div.product > .summary {
		align-self: start;
	}

	/* div.images beats WooCommerce's own position: relative. */
	.ck-sticky-summary.single-product div.product > div.images.woocommerce-product-gallery {
		position: sticky;
		top: var(--ck-stick, 100px);
	}
}

.ck-skin.single-product div.product .product_title {
	font-size: clamp(26px, 3.4vw, 40px);
	line-height: 1.1;
}

.ck-skin.single-product div.product p.price,
.ck-skin.single-product div.product span.price {
	color: var(--ck-price);
	font-family: var(--ck-font-heading);
	font-weight: 800;
}

.ck-skin .woocommerce-tabs ul.tabs li {
	background: var(--ck-surface);
	border-color: var(--ck-line);
}

.ck-skin .woocommerce-tabs ul.tabs li.active {
	background: var(--ck-surface-2);
}

/* Big countdown tiles in place of Ticket Machine's own look. */
.ck-tm-tiles .lty-lottery-countdown-timer {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 6px 0 16px;
}

.ck-tm-tiles .lty-lottery-countdown-timer .lty-lottery-timer {
	align-items: center;
	background: var(--ck-surface-2);
	border: 1px solid var(--ck-line);
	border-radius: calc(var(--ck-radius) * .7);
	display: flex;
	flex: 1 1 0;
	flex-direction: column;
	margin: 0;
	max-width: 96px;
	padding: 10px 6px;
}

.ck-tm-tiles .lty-lottery-countdown-timer .lty-lottery-timer-content {
	color: var(--ck-muted) !important;
	display: block;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.ck-tm-tiles .lty-lottery-countdown-timer .lty-lottery-timer-content:first-child {
	/* Ticket Machine colours these by ID; the skin's tiles replace that look. */
	color: var(--ck-text) !important;
	font-family: var(--ck-font-heading);
	font-size: 30px;
	font-weight: 800;
	letter-spacing: 0;
	line-height: 1.1;
}

.ck-tm-tiles.ck-tile-neon .lty-lottery-countdown-timer .lty-lottery-timer {
	box-shadow: inset 0 0 0 1.5px var(--ck-accent), 0 0 14px -4px var(--ck-accent);
}

.ck-tm-tiles .lty-lottery-time-left-label {
	color: var(--ck-muted);
	font-size: 14px;
	margin-bottom: 6px;
}

/* Ticket picker in the skin's colours. */
.ck-tm-style .lty-progress-bar {
	background: var(--ck-line);
	border: 0;
	border-radius: 999px;
	height: var(--ck-bar-h);
	overflow: hidden;
}

.ck-tm-style .lty-progress-bar > span,
.ck-tm-style .lty-progress-fill {
	background: var(--ck-fade) !important;
	border-radius: inherit;
	height: 100%;
}

.ck-tm-style .lty-progress-bar-notice,
.ck-tm-style .lty-progress-remaining-count {
	color: var(--ck-muted);
}

.ck-tm-style .lty-predefined-button,
.ck-tm-style .lty-ticket,
.ck-tm-style .lty-ticket-number-content li,
.ck-tm-style .lty-lottery-answers li,
.ck-tm-style .lty-lottery-answers label {
	background: var(--ck-surface-2);
	border: 1px solid var(--ck-line);
	border-radius: calc(var(--ck-radius) * .6);
	color: var(--ck-text);
	transition: border-color .2s, background .2s;
}

.ck-tm-style .lty-predefined-button:hover,
.ck-tm-style .lty-ticket:hover,
.ck-tm-style .lty-lottery-answers li:hover {
	border-color: var(--ck-accent);
}

.ck-tm-style .lty-predefined-button.lty-selected,
.ck-tm-style .lty-predefined-button.lty-selected-button,
.ck-tm-style .lty-predefined-button.active,
.ck-tm-style .lty-ticket.lty-selected-ticket,
.ck-tm-style .lty-lottery-answers li.lty-selected,
.ck-tm-style .lty-lottery-answers .lty-selected {
	background: var(--ck-fade);
	border-color: transparent;
	color: var(--ck-btn-text);
}

.ck-tm-style .lty-ticket {
	min-height: var(--ck-ticket-size);
	min-width: var(--ck-ticket-size);
}

.ck-tm-style .lty-ticket.lty-booked-ticket,
.ck-tm-style .lty-ticket.lty-reserved-ticket {
	opacity: .35;
}

.ck-tm-style .lty-lottery-ticket-tab-wrapper,
.ck-tm-style .lty-lottery-question,
.ck-tm-style .lty-lottery-options-field-wrapper {
	color: var(--ck-text);
}

.ck-tm-style .lty-lottery-ticket-tab-wrapper a,
.ck-tm-style .lty-lottery-ticket-tab-wrapper li {
	background: var(--ck-surface);
	border-color: var(--ck-line);
	color: var(--ck-text);
}

/* WooCommerce on a dark page ------------------------------------------- */

.ck-skin .woocommerce-message,
.ck-skin .woocommerce-info,
.ck-skin .woocommerce-error,
.ck-skin .woocommerce-noreviews,
.ck-skin p.no-comments {
	background: var(--ck-surface);
	border-color: var(--ck-accent);
	border-radius: calc(var(--ck-radius) * .6);
	color: var(--ck-text);
}

.ck-skin .woocommerce-error {
	border-color: var(--ck-urgent);
}

.ck-skin table.shop_table,
.ck-skin .woocommerce-checkout-review-order-table,
.ck-skin .cart_totals,
.ck-skin #payment {
	background: var(--ck-surface);
	border-color: var(--ck-line) !important;
	border-radius: var(--ck-radius);
	color: var(--ck-text);
}

.ck-skin table.shop_table td,
.ck-skin table.shop_table th {
	border-color: var(--ck-line) !important;
}

.ck-skin .woocommerce-MyAccount-navigation ul {
	background: var(--ck-surface);
	border: 1px solid var(--ck-line);
	border-radius: var(--ck-radius);
	list-style: none;
	margin: 0;
	overflow: hidden;
}

.ck-skin .woocommerce-MyAccount-navigation li a {
	color: var(--ck-text);
	display: block;
	padding: 12px 18px;
}

.ck-skin .woocommerce-MyAccount-navigation li.is-active a {
	background: var(--ck-fade);
	color: var(--ck-btn-text);
}

.ck-skin .woocommerce-pagination ul.page-numbers li .page-numbers {
	background: var(--ck-surface);
	border-radius: 8px;
	color: var(--ck-text);
}

.ck-skin .woocommerce-pagination ul.page-numbers li .page-numbers.current {
	background: var(--ck-accent);
	color: #fff;
}

.ck-skin .woocommerce-products-header,
.ck-skin .woocommerce-result-count,
.ck-skin .woocommerce-ordering {
	color: var(--ck-muted);
}

/* Form fields on a dark page -------------------------------------------- */

.ck-skin input[type="text"],
.ck-skin input[type="email"],
.ck-skin input[type="tel"],
.ck-skin input[type="number"],
.ck-skin input[type="password"],
.ck-skin input[type="search"],
.ck-skin input[type="url"],
.ck-skin select,
.ck-skin textarea,
.ck-skin .select2-container--default .select2-selection--single {
	background-color: var(--ck-surface-2);
	border: 1px solid var(--ck-line);
	color: var(--ck-text);
}

.ck-skin input:focus,
.ck-skin select:focus,
.ck-skin textarea:focus {
	border-color: var(--ck-accent);
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--ck-accent) 30%, transparent);
	color: var(--ck-text);
	outline: 0;
}

.ck-skin ::placeholder {
	color: var(--ck-muted);
	opacity: 1;
}

.ck-skin .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: var(--ck-text);
}

.ck-skin .select2-dropdown {
	background: var(--ck-surface-2);
	border-color: var(--ck-line);
	color: var(--ck-text);
}

/* Competition page: photo and entry box side by side, the rest below ----- */

@media (min-width: 769px) {
	.ck-skin.single-product div.product {
		align-items: start;
		column-gap: clamp(28px, 4vw, 56px);
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	}

	.ck-skin.single-product div.product::before,
	.ck-skin.single-product div.product::after {
		display: none;
	}

	.ck-skin.single-product div.product > * {
		grid-column: 1 / -1;
	}

	/* The grid cell keeps the sticky box beside the photo, off the tabs. */
	.ck-skin.single-product div.product > .woocommerce-product-gallery,
	.ck-skin.single-product div.product > .summary {
		float: none;
		grid-row: 1;
		margin: 0;
		width: auto !important;
	}

	.ck-skin.single-product div.product > .woocommerce-product-gallery {
		grid-column: 1;
	}

	.ck-skin.single-product div.product > .summary {
		grid-column: 2;
	}
}

.ck-skin.single-product .woocommerce-breadcrumb,
.ck-skin.single-product .woocommerce-breadcrumb a {
	color: var(--ck-muted);
}

.ck-skin.single-product div.product .flex-control-thumbs {
	display: flex;
	gap: 10px;
	margin-top: 10px;
}

.ck-skin.single-product div.product .flex-control-thumbs li {
	flex: 1 1 0;
	max-width: 25%;
	width: auto;
}

.ck-skin.single-product div.product .flex-control-thumbs img {
	aspect-ratio: 4 / 3;
	border-radius: calc(var(--ck-radius) * .7);
	object-fit: cover;
	opacity: .55;
	transition: opacity .2s;
}

.ck-skin.single-product div.product .flex-control-thumbs img.flex-active,
.ck-skin.single-product div.product .flex-control-thumbs img:hover {
	opacity: 1;
}

.ck-skin.single-product div.product p.price {
	font-size: 30px;
	margin-bottom: 14px;
}

.ck-skin.single-product .woocommerce-product-details__short-description {
	color: var(--ck-muted);
	font-size: 16px;
}

.ck-skin.single-product div.product form.cart .qty {
	font-size: 18px;
	font-weight: 700;
	height: 54px;
	text-align: center;
	width: 76px;
}

.ck-skin.single-product div.product form.cart .single_add_to_cart_button {
	font-size: 17px;
	min-height: 54px;
	padding: 0 30px;
}

.ck-skin .single_add_to_cart_button.is-busy {
	cursor: wait;
	opacity: .65;
	pointer-events: none;
}

.ck-skin.single-product div.product .product_meta {
	color: var(--ck-muted);
	font-size: 14px;
}

/* Ticket Machine's facts as one panel, with a status pill on top. */
.ck-tm-style .lty-lottery-product-summary {
	background: var(--ck-surface);
	border: 1px solid var(--ck-line);
	border-radius: var(--ck-radius);
	margin: 18px 0 22px;
	padding: 8px 18px;
}

.ck-tm-style .lty-lottery-product-summary > p {
	--ck-i: var(--ck-i-check);
	border-top: 1px solid var(--ck-line);
	color: var(--ck-muted);
	font-size: 15px;
	margin: 0;
	padding: 11px 0 11px 28px;
	position: relative;
}

.ck-tm-style .lty-lottery-product-summary > p::before {
	color: var(--ck-accent);
	height: 16px;
	left: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 16px;
}

.ck-tm-style .lty-lottery-product-summary > p b {
	color: var(--ck-text);
	font-family: var(--ck-font-heading);
	font-size: 17px;
}

.ck-tm-style .lty-lottery-product-summary > p:empty {
	display: none;
}

/* Ticket Machine floats the countdown; here it is one row of the panel. */
.ck-tm-style .lty-lottery-product-summary > .lty-lottery-date-ranges {
	border-top: 1px solid var(--ck-line);
	clear: both;
	float: none;
	margin: 0;
	padding: 12px 0 14px;
	width: auto;
}

.ck-tm-style .lty-lottery-product-summary .lty-lottery-countdown-timer {
	margin-bottom: 0;
}

.ck-tm-style .lty-lottery-product-summary > p.lty-lottery-status {
	border-top: 0;
	padding: 8px 0 10px;
}

.ck-tm-style .lty-lottery-product-summary > p.lty-lottery-status::before {
	display: none;
}

.ck-tm-style .lty-lottery-status span {
	--ck-status: var(--ck-instant);
	align-items: center;
	background: color-mix(in srgb, var(--ck-status) 15%, transparent);
	border: 1px solid color-mix(in srgb, var(--ck-status) 45%, transparent);
	border-radius: 999px;
	color: var(--ck-status);
	display: inline-flex;
	float: none;
	font-size: 12px;
	font-weight: 800;
	gap: 8px;
	letter-spacing: .06em;
	padding: 6px 13px;
	text-transform: uppercase;
}

.ck-tm-style .lty-lottery-status span::before {
	background: currentColor;
	border-radius: 50%;
	box-shadow: 0 0 8px currentColor;
	content: "";
	height: 8px;
	width: 8px;
}

.ck-tm-style .lty_lottery_not_started_status span {
	--ck-status: var(--ck-accent-2);
}

.ck-tm-style .lty_lottery_closed_status span,
.ck-tm-style .lty_lottery_finished_status span {
	--ck-status: var(--ck-price);
}

.ck-tm-style .lty_lottery_failed_status span {
	--ck-status: var(--ck-urgent);
}

/* Tabs as pills, each panel a card. */
.ck-skin.single-product .woocommerce-tabs {
	margin-top: 48px;
}

.ck-skin .woocommerce-tabs ul.tabs {
	border: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	list-style: none;
	margin: 0 0 16px !important;
	overflow: visible;
	padding: 0 !important;
}

.ck-skin .woocommerce-tabs ul.tabs::before,
.ck-skin .woocommerce-tabs ul.tabs li::before,
.ck-skin .woocommerce-tabs ul.tabs li::after {
	display: none !important;
}

.ck-skin .woocommerce-tabs ul.tabs li {
	background: var(--ck-surface) !important;
	border: 1px solid var(--ck-line) !important;
	border-radius: 999px !important;
	margin: 0 !important;
	padding: 0 !important;
	transition: border-color .2s;
}

.ck-skin .woocommerce-tabs ul.tabs li a {
	color: var(--ck-muted) !important;
	display: block;
	font-family: var(--ck-font-heading);
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .04em;
	padding: 10px 20px !important;
	text-decoration: none;
	text-transform: uppercase;
}

.ck-skin .woocommerce-tabs ul.tabs li:hover {
	border-color: var(--ck-accent) !important;
}

.ck-skin .woocommerce-tabs ul.tabs li:hover a {
	color: var(--ck-text) !important;
}

.ck-skin .woocommerce-tabs ul.tabs li.active {
	background: var(--ck-fade) !important;
	border-color: transparent !important;
}

.ck-skin .woocommerce-tabs ul.tabs li.active a {
	color: var(--ck-btn-text) !important;
}

.ck-skin .woocommerce-tabs .panel {
	background: var(--ck-surface);
	border: 1px solid var(--ck-line);
	border-radius: var(--ck-radius);
	color: var(--ck-text);
	margin: 0 0 2em;
	padding: clamp(18px, 3vw, 32px);
}

.ck-skin .woocommerce-tabs .panel > h2:first-child {
	font-size: 22px;
	margin-bottom: 14px;
}

@media (max-width: 600px) {
	.ck-skin .woocommerce-tabs ul.tabs {
		flex-wrap: nowrap;
		margin-left: -4px !important;
		overflow-x: auto;
		padding: 2px 4px !important;
		scrollbar-width: none;
	}

	.ck-skin .woocommerce-tabs ul.tabs li {
		flex: none;
	}

	.ck-skin .woocommerce-tabs ul.tabs li a {
		font-size: 13px;
		padding: 9px 16px !important;
	}
}

/* Ticket Machine's tables and instant win prizes, dark. */
.ck-skin .lty-frontend-table,
.ck-skin .lty-frontend-table thead,
.ck-skin .lty-frontend-table thead th {
	background: transparent;
	color: var(--ck-text);
}

.ck-skin .lty-frontend-table thead th {
	border-bottom: 1px solid var(--ck-line);
	color: var(--ck-muted);
	font-size: 12px;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.ck-skin .lty-frontend-table tbody td {
	border-bottom: 1px solid var(--ck-line);
	color: var(--ck-text);
}

.ck-skin .lty-frontend-table tbody tr:nth-child(2n) {
	background: color-mix(in srgb, var(--ck-surface-2) 60%, transparent);
}

.ck-skin .lty-frontend-table tbody td a {
	color: var(--ck-accent-2);
}

.ck-skin .lty-frontend-table tfoot nav ul li a,
.ck-skin .lty-lottery-winners-by-date-footer nav ul li a,
.ck-skin .lty-lottery-instant-winners-by-date-footer nav ul li a {
	background: var(--ck-surface-2);
	border-radius: 8px;
	color: var(--ck-text);
}

.ck-skin .lty-frontend-table tfoot nav ul li a.current,
.ck-skin .lty-frontend-table tfoot nav ul li a:hover {
	background: var(--ck-accent);
	color: #fff;
}

.ck-skin .lty_log_empty_container,
.ck-skin .lty-no-product-notice {
	color: var(--ck-muted);
	padding: 18px 0;
	text-align: center;
}

.ck-skin .lty-instant-winners-reports-wrapper {
	background: var(--ck-surface-2);
	border: 1px solid var(--ck-line);
	border-radius: calc(var(--ck-radius) * .7);
	display: flex;
	flex-wrap: wrap;
	gap: 8px 24px;
	padding: 12px 16px;
}

.ck-skin .lty-instant-winners-reports-wrapper span {
	color: var(--ck-text);
	font-weight: 700;
}

.ck-skin .lty-instant-winner-prize-group-item {
	background: var(--ck-surface-2);
	border: 1px solid var(--ck-line);
	border-radius: calc(var(--ck-radius) * .8);
	padding: 10px;
	transition: border-color .2s;
}

.ck-skin .lty-instant-winner-prize-group-item:hover {
	border-color: var(--ck-accent);
}

.ck-skin .lty-instant-winner-prize-group-item-header img {
	border-radius: calc(var(--ck-radius) * .6);
	object-fit: cover;
}

.ck-skin .lty-instant-winner-prize-group-item-content {
	background: transparent;
	border-top: 1px solid var(--ck-line);
	color: var(--ck-text);
}

.ck-skin .lty-instant-winner-prize-group-item-header .lty-instant-winner-group-prize-message,
.ck-skin .lty-instant-winner-group-prize-message {
	color: var(--ck-text);
	font-family: var(--ck-font-heading);
	font-size: 18px;
	font-weight: 800;
}

.ck-skin .lty-instant-winner-prize-group-item-header .lty-instant-winner-group-available-prize {
	background: color-mix(in srgb, var(--ck-instant) 15%, transparent);
	border: 1px solid color-mix(in srgb, var(--ck-instant) 45%, transparent);
	border-radius: 999px;
	color: var(--ck-instant);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .03em;
	margin-top: 6px;
	padding: 3px 10px;
}

.ck-skin .lty-instant-winner-group-ticket-numbers-title {
	color: var(--ck-muted);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .08em;
	margin: 4px 0 0;
	text-transform: uppercase;
}

.ck-skin .lty-instant-winner-prize-group-item-content .lty-instant-winner-group-ticket-numbers {
	gap: 10px;
	margin-top: 10px;
}

/* Each winning ticket as a stub: Ticket Machine's own available and won
   colours fill it, with the number large and the status small beneath. */
.ck-skin .lty-instant-winner-prize-group-item-content .lty-ticket-number {
	align-items: center;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	font-family: var(--ck-font-heading);
	font-size: 26px;
	font-weight: 800;
	gap: 5px;
	justify-content: center;
	line-height: 1;
	margin: 0;
	-webkit-mask: radial-gradient(circle 7px at 0 50%, transparent 97%, #000) left / 51% 100% no-repeat, radial-gradient(circle 7px at 100% 50%, transparent 97%, #000) right / 51% 100% no-repeat;
	mask: radial-gradient(circle 7px at 0 50%, transparent 97%, #000) left / 51% 100% no-repeat, radial-gradient(circle 7px at 100% 50%, transparent 97%, #000) right / 51% 100% no-repeat;
	min-width: 104px;
	padding: 14px 16px 11px;
	width: auto;
}

.ck-skin .lty-instant-winner-prize-group-item-content .lty-ticket-number br {
	display: none;
}

.ck-skin .lty-instant-winner-prize-group-item-content .lty-ticket-status {
	border-top: 1px dashed currentColor;
	font-family: var(--ck-font-body);
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .08em;
	opacity: .9;
	padding-top: 5px;
	text-transform: uppercase;
}

.ck-skin .lty-instant-winner-prize-group-item-header .lty-expand-prize-group {
	align-items: center;
	background: transparent !important;
	border: 1px solid var(--ck-line);
	border-radius: 50%;
	display: inline-flex;
	flex: none;
	height: 36px;
	justify-content: center;
	padding: 0;
	width: 36px;
	color: var(--ck-muted) !important;
	transition: border-color .2s, color .2s;
}

.ck-skin .lty-instant-winner-prize-group-item:hover .lty-expand-prize-group {
	border-color: var(--ck-accent);
	color: var(--ck-text) !important;
}

/* Reviews. */
.ck-skin #reviews #comments ol.commentlist li .comment-text {
	border-color: var(--ck-line);
	border-radius: calc(var(--ck-radius) * .7);
}

.ck-skin .star-rating span::before,
.ck-skin p.stars a,
.ck-skin p.stars a::before {
	color: var(--ck-price);
}

.ck-skin.single-product section.related > h2,
.ck-skin.single-product section.upsells > h2 {
	font-size: clamp(22px, 2.6vw, 30px);
	margin-bottom: 18px;
	text-transform: var(--ck-heading-case);
}

/* Basket and checkout (WooCommerce blocks) ------------------------------- */

.ck-skin .wc-block-cart-items,
.ck-skin .wc-block-components-checkout-step,
.ck-skin .wp-block-woocommerce-cart-totals-block,
.ck-skin .wp-block-woocommerce-checkout-order-summary-block {
	background: var(--ck-surface);
	border: 1px solid var(--ck-line) !important;
	border-radius: var(--ck-radius);
}

.ck-skin table.wc-block-cart-items {
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
}

.ck-skin .wc-block-cart-items th,
.ck-skin .wc-block-cart-items td {
	border-color: var(--ck-line) !important;
}

.ck-skin .wc-block-cart-items .wc-block-cart-items__header th {
	color: var(--ck-muted);
	font-size: 12px;
	letter-spacing: .08em;
	padding: 14px 18px;
}

.ck-skin .wc-block-cart-items .wc-block-cart-items__row td {
	padding-bottom: 18px;
	padding-top: 18px;
}

.ck-skin .wc-block-cart-items .wc-block-cart-item__image {
	padding-left: 18px;
}

.ck-skin .wc-block-cart-items .wc-block-cart-item__total {
	padding-right: 18px;
}

.ck-skin .wc-block-cart-item__image img,
.ck-skin .wc-block-components-order-summary-item__image img {
	aspect-ratio: 1;
	border-radius: calc(var(--ck-radius) * .6);
	object-fit: cover;
}

.ck-skin .wc-block-components-product-name {
	color: var(--ck-text) !important;
	font-family: var(--ck-font-heading);
	font-size: 17px;
	font-weight: 700;
	text-decoration: none !important;
}

.ck-skin .wc-block-components-order-summary-item .wc-block-components-product-name {
	font-size: 15px;
}

.ck-skin a.wc-block-components-product-name:hover {
	color: var(--ck-accent-2) !important;
}

.ck-skin .wc-block-components-product-metadata,
.ck-skin .wc-block-components-product-metadata__description,
.ck-skin .wc-block-cart-item__prices {
	color: var(--ck-muted);
}

.ck-skin .wc-block-cart-item__total .wc-block-components-product-price__value,
.ck-skin .wc-block-components-order-summary-item__total-price,
.ck-skin .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
	color: var(--ck-price);
	font-family: var(--ck-font-heading);
	font-weight: 800;
}

.ck-skin .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
	font-size: 24px;
}

.ck-skin .wc-block-components-quantity-selector {
	background: var(--ck-surface-2);
	border-radius: 999px;
}

.ck-skin .wc-block-components-quantity-selector::after {
	border-color: var(--ck-line) !important;
	border-radius: 999px !important;
	opacity: 1 !important;
}

.ck-skin .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input,
.ck-skin .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	color: var(--ck-text) !important;
}

.ck-skin .wc-block-cart-item__remove-link {
	color: var(--ck-muted) !important;
}

.ck-skin .wc-block-cart-item__remove-link:hover {
	color: var(--ck-urgent) !important;
}

.ck-skin .wp-block-woocommerce-cart-totals-block {
	align-self: flex-start;
	padding: 10px 20px 20px !important;
}

.ck-skin .wp-block-woocommerce-cart-totals-block .wc-block-components-totals-wrapper,
.ck-skin .wp-block-woocommerce-cart-totals-block .wc-block-cart__totals-title {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.ck-skin .wp-block-woocommerce-checkout-order-summary-block {
	padding: 6px 4px 4px;
}

.ck-skin .wc-block-cart__totals-title,
.ck-skin .wc-block-components-checkout-order-summary__title-text {
	color: var(--ck-muted) !important;
	font-family: var(--ck-font-heading);
	font-size: 14px !important;
	letter-spacing: .08em;
	text-transform: uppercase !important;
}

.ck-skin .wc-block-components-totals-wrapper,
.ck-skin .wc-block-components-panel,
.ck-skin .wc-block-components-order-summary-item,
.ck-skin .wc-block-components-checkout-order-summary__title {
	border-color: var(--ck-line) !important;
}

.ck-skin .wc-block-components-totals-wrapper::after,
.ck-skin .wc-block-components-panel::after {
	border-color: var(--ck-line) !important;
}

.ck-skin .wc-block-components-panel__button,
.ck-skin .wc-block-components-panel__button:hover,
.ck-skin .wc-block-components-panel__button:focus {
	background: transparent !important;
	color: var(--ck-text) !important;
}

.ck-skin .wc-block-cart__submit-button,
.ck-skin .wc-block-components-checkout-place-order-button {
	font-family: var(--ck-font-heading);
	font-size: 18px;
	min-height: 56px;
	text-decoration: none;
}

/* The count bubble on each line of the order summary. */
.ck-skin .wc-block-components-order-summary-item__quantity {
	background: var(--ck-accent) !important;
	border: 2px solid var(--ck-surface) !important;
	box-shadow: none !important;
	color: #fff !important;
	font-weight: 800;
}

/* Checkout steps as cards. */
.ck-skin .wc-block-components-checkout-step {
	margin-bottom: 16px !important;
	padding: 20px 22px 6px !important;
}

.ck-skin .wc-block-components-checkout-step::after {
	display: none;
}

.ck-skin .wc-block-components-checkout-step__title {
	font-family: var(--ck-font-heading);
	font-size: 18px !important;
	text-transform: var(--ck-heading-case);
}

.ck-skin .wc-block-components-checkout-step__description {
	color: var(--ck-muted);
}

.ck-skin .wc-block-components-text-input input,
.ck-skin .wc-block-components-text-input input:autofill,
.ck-skin .wc-block-components-textarea,
.ck-skin .wc-block-components-combobox .components-combobox-control input.components-combobox-control__input,
.ck-skin .wc-blocks-components-select .wc-blocks-components-select__select,
.ck-skin .wc-block-components-form .wc-block-components-text-input input[type] {
	background-color: var(--ck-surface-2) !important;
	border: 1px solid var(--ck-line) !important;
	border-radius: calc(var(--ck-radius) * .6) !important;
	box-shadow: none !important;
	color: var(--ck-text) !important;
}

.ck-skin .wc-block-components-text-input input:focus,
.ck-skin .wc-blocks-components-select .wc-blocks-components-select__select:focus {
	border-color: var(--ck-accent) !important;
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--ck-accent) 30%, transparent) !important;
}

.ck-skin .wc-block-components-text-input label,
.ck-skin .wc-block-components-combobox .components-base-control__label,
.ck-skin .wc-blocks-components-select .wc-blocks-components-select__label {
	color: var(--ck-muted) !important;
}

.ck-skin .wc-blocks-components-select .wc-blocks-components-select__container {
	background: transparent !important;
}

.ck-skin .wc-blocks-components-select .wc-blocks-components-select__expand {
	fill: var(--ck-muted);
}

.ck-skin .wc-block-components-address-card {
	background: var(--ck-surface-2);
	border-color: var(--ck-line) !important;
	border-radius: calc(var(--ck-radius) * .7) !important;
}

.ck-skin .wc-block-components-address-card__edit {
	color: var(--ck-accent-2) !important;
}

.ck-skin .wc-block-components-radio-control__option,
.ck-skin .wc-block-components-radio-control-accordion-option {
	border-radius: calc(var(--ck-radius) * .7) !important;
}

.ck-skin .wc-block-components-radio-control--highlight-checked::after,
.ck-skin .wc-block-components-radio-control--highlight-checked div.wc-block-components-radio-control-accordion-option::after,
.ck-skin .wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option::after {
	border-color: var(--ck-line) !important;
	border-radius: calc(var(--ck-radius) * .7) !important;
}

.ck-skin .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted,
.ck-skin .wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted {
	background: color-mix(in srgb, var(--ck-accent) 8%, transparent);
	box-shadow: inset 0 0 0 2px var(--ck-accent) !important;
}

.ck-skin .wc-block-components-radio-control .wc-block-components-radio-control__input {
	background: var(--ck-surface-2) !important;
	border-color: var(--ck-muted) !important;
}

.ck-skin .wc-block-components-radio-control .wc-block-components-radio-control__input:checked {
	border-color: var(--ck-accent) !important;
}

.ck-skin .wc-block-components-radio-control .wc-block-components-radio-control__input:checked::before {
	background: var(--ck-accent) !important;
}

.ck-skin .wc-block-components-radio-control__description,
.ck-skin .wc-block-components-radio-control-accordion-content {
	color: var(--ck-muted);
}

.ck-skin .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"] {
	background: var(--ck-surface-2) !important;
	border-color: var(--ck-line) !important;
}

.ck-skin .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]:checked {
	background: var(--ck-accent) !important;
	border-color: var(--ck-accent) !important;
}

.ck-skin .wc-block-components-checkbox .wc-block-components-checkbox__mark {
	fill: #fff !important;
}

.ck-skin .wc-block-checkout__terms,
.ck-skin .wc-block-components-checkout-return-to-cart-button {
	color: var(--ck-muted) !important;
}

.ck-skin .wc-block-components-notice-banner {
	background: var(--ck-surface);
	border-color: var(--ck-accent);
	border-radius: calc(var(--ck-radius) * .6);
	color: var(--ck-text);
}

.ck-skin .wc-block-components-notice-banner.is-error {
	border-color: var(--ck-urgent);
}

/* An empty basket's "New in store" grid as cards. */
.ck-skin .wp-block-woocommerce-empty-cart-block .wc-block-cart__empty-cart__title {
	color: var(--ck-text);
}

.ck-skin .wp-block-woocommerce-empty-cart-block .wc-block-cart__empty-cart__title::before {
	background-color: var(--ck-muted) !important;
}

.ck-skin .wc-block-grid__products {
	gap: var(--ck-gap);
	margin: 0 !important;
}

.ck-skin .wc-block-grid__product {
	background: var(--ck-surface);
	border: 1px solid var(--ck-line) !important;
	border-radius: var(--ck-radius);
	flex: 1 1 200px !important;
	margin: 0 !important;
	max-width: none !important;
	overflow: hidden;
	padding: 0 0 16px !important;
}

.ck-skin .wc-block-grid__product-image {
	margin: 0 0 12px !important;
}

.ck-skin .wc-block-grid__product-image img {
	aspect-ratio: var(--ck-ratio);
	object-fit: var(--ck-fit);
	width: 100%;
}

.ck-skin .wc-block-grid__product-title {
	color: var(--ck-text);
	font-family: var(--ck-font-heading);
	font-size: 16px;
	font-weight: 700;
	padding: 0 14px;
}

.ck-skin .wc-block-grid__product-link {
	text-decoration: none;
}

.ck-skin .wc-block-grid__product-price {
	color: var(--ck-price);
	font-family: var(--ck-font-heading);
	font-weight: 800;
}

/* Classic basket and checkout, for shops on the shortcodes. */
.ck-skin #payment div.payment_box {
	background: var(--ck-surface-2);
	color: var(--ck-text);
}

.ck-skin #payment div.payment_box::before {
	border-bottom-color: var(--ck-surface-2);
}

.ck-skin #payment ul.payment_methods {
	border-color: var(--ck-line);
}

/* Thank you and view order ----------------------------------------------- */

.ck-skin .woocommerce-order {
	margin: 0 auto;
	max-width: 1000px;
}

.ck-skin .woocommerce-order .woocommerce-thankyou-order-received {
	align-items: center;
	background: linear-gradient(120deg, color-mix(in srgb, var(--ck-instant) 18%, var(--ck-surface)), var(--ck-surface) 60%);
	border: 1px solid color-mix(in srgb, var(--ck-instant) 45%, transparent);
	border-radius: var(--ck-radius);
	display: flex;
	font-family: var(--ck-font-heading);
	font-size: clamp(18px, 2.4vw, 24px);
	font-weight: 800;
	gap: 16px;
	margin: 0 0 18px;
	padding: 22px 24px;
}

.ck-skin .woocommerce-order .woocommerce-thankyou-order-received::before {
	--ck-i: var(--ck-i-check-circle);
	color: var(--ck-instant);
	height: 46px;
	width: 46px;
}

.ck-skin .woocommerce-order .woocommerce-thankyou-order-failed {
	border-left: 4px solid var(--ck-urgent);
	padding-left: 14px;
}

.ck-skin .woocommerce ul.order_details,
.ck-skin ul.woocommerce-order-overview {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
	list-style: none;
	margin: 0 0 36px;
	padding: 0;
}

.ck-skin .woocommerce ul.order_details::before,
.ck-skin .woocommerce ul.order_details::after {
	display: none;
}

.ck-skin .woocommerce ul.order_details li {
	background: var(--ck-surface);
	border: 1px solid var(--ck-line);
	border-radius: calc(var(--ck-radius) * .8);
	color: var(--ck-muted);
	float: none;
	font-size: 11px;
	letter-spacing: .08em;
	line-height: 1.4;
	margin: 0;
	padding: 14px 16px;
}

.ck-skin .woocommerce ul.order_details li strong {
	color: var(--ck-text);
	font-family: var(--ck-font-heading);
	font-size: 18px;
	letter-spacing: 0;
	margin-top: 4px;
	text-transform: none;
}

.ck-skin .woocommerce ul.order_details li.woocommerce-order-overview__total strong {
	color: var(--ck-price);
}

.ck-skin .woocommerce-order-details__title,
.ck-skin .woocommerce-column__title,
.ck-skin .woocommerce-order h2 {
	font-size: clamp(20px, 2.4vw, 26px);
	text-transform: var(--ck-heading-case);
}

.ck-skin .woocommerce-table--order-details {
	border-collapse: separate !important;
	overflow: hidden;
}

.ck-skin .woocommerce-table--order-details thead th {
	background: var(--ck-surface-2);
	color: var(--ck-muted);
	font-size: 12px;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.ck-skin .woocommerce-table--order-details .product-name > a {
	color: var(--ck-text);
	font-family: var(--ck-font-heading);
	font-size: 17px;
	font-weight: 700;
	text-decoration: none;
}

.ck-skin .woocommerce-table--order-details .product-quantity {
	color: var(--ck-muted);
}

.ck-skin .woocommerce-table--order-details tfoot .order-total td {
	color: var(--ck-price);
	font-family: var(--ck-font-heading);
	font-weight: 800;
}

.ck-skin ul.wc-item-meta {
	list-style: none;
	margin: 10px 0 0;
	padding: 0;
}

.ck-skin ul.wc-item-meta li {
	display: block;
	margin: 0;
}

/* The second selector outranks WooCommerce's floated label in the order table. */
.ck-skin ul.wc-item-meta .wc-item-meta-label,
.ck-skin .woocommerce td.product-name ul.wc-item-meta .wc-item-meta-label {
	color: var(--ck-muted);
	display: block;
	float: none;
	font-size: 12px;
	letter-spacing: .06em;
	margin: 0 0 6px;
	text-transform: uppercase;
}

.ck-skin ul.wc-item-meta p {
	margin: 0;
}

/* Keeps "-£4.98" together on a phone instead of breaking after the minus. */
.ck-skin .woocommerce-table--order-details tfoot td {
	white-space: nowrap;
}

.ck-ticket-nos {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.ck-ticket-no {
	background: var(--ck-surface-2);
	border: 1px solid var(--ck-line);
	border-radius: 8px;
	color: var(--ck-text);
	font-family: var(--ck-font-heading);
	font-size: 14px;
	font-weight: 800;
	line-height: 1;
	min-width: 40px;
	padding: 7px 9px;
	text-align: center;
}

.ck-skin .woocommerce-customer-details address {
	background: var(--ck-surface);
	border: 1px solid var(--ck-line) !important;
	border-radius: var(--ck-radius);
	color: var(--ck-text);
	padding: 18px 20px;
}

/* Basket drawer ---------------------------------------------------------- */

.ck-drawer {
	inset: 0;
	pointer-events: none;
	position: fixed;
	visibility: hidden;
	z-index: 100000;
}

.ck-drawer.is-open {
	pointer-events: auto;
	visibility: visible;
}

.ck-drawer-open {
	overflow: hidden;
}

.ck-drawer__shade {
	background: rgba(0, 0, 0, .6);
	backdrop-filter: blur(3px);
	inset: 0;
	opacity: 0;
	position: absolute;
	transition: opacity .25s;
}

.ck-drawer.is-open .ck-drawer__shade {
	opacity: 1;
}

.ck-drawer__panel {
	background: var(--ck-surface);
	border-left: 1px solid var(--ck-line);
	bottom: 0;
	box-shadow: -20px 0 60px rgba(0, 0, 0, .5);
	color: var(--ck-text);
	display: flex;
	flex-direction: column;
	outline: 0;
	position: absolute;
	right: 0;
	top: 0;
	transform: translateX(100%);
	transition: transform .3s cubic-bezier(.2, .8, .2, 1);
	width: min(420px, 100%);
}

.ck-drawer.is-open .ck-drawer__panel {
	transform: none;
}

.ck-drawer__head {
	align-items: center;
	border-bottom: 1px solid var(--ck-line);
	display: flex;
	justify-content: space-between;
	padding: 16px 20px;
}

.ck-drawer__title {
	font-size: 20px;
	margin: 0;
	text-transform: var(--ck-heading-case);
}

.ck-skin .ck-drawer__close {
	align-items: center;
	background: var(--ck-surface-2);
	border: 1px solid var(--ck-line);
	border-radius: 50%;
	color: var(--ck-text);
	display: inline-flex;
	font-size: 24px;
	height: 38px;
	justify-content: center;
	line-height: 1;
	padding: 0;
	width: 38px;
}

.ck-skin .ck-drawer__close:hover,
.ck-skin .ck-drawer__close:focus {
	background: var(--ck-surface-2);
	border-color: var(--ck-accent);
	color: var(--ck-text);
}

.ck-drawer__added {
	background: color-mix(in srgb, var(--ck-instant) 15%, transparent);
	border-bottom: 1px solid color-mix(in srgb, var(--ck-instant) 40%, transparent);
	color: var(--ck-instant);
	font-size: 14px;
	font-weight: 700;
	margin: 0;
	padding: 10px 20px;
}

.ck-drawer .widget_shopping_cart_content {
	display: flex;
	flex: 1;
	flex-direction: column;
	min-height: 0;
	transition: opacity .2s;
}

.ck-drawer.is-busy .widget_shopping_cart_content {
	opacity: .5;
	pointer-events: none;
}

.ck-skin .ck-drawer ul.woocommerce-mini-cart {
	flex: 1;
	list-style: none;
	margin: 0;
	overflow-y: auto;
	padding: 4px 20px;
}

.ck-skin .ck-drawer ul.woocommerce-mini-cart li.woocommerce-mini-cart-item {
	border-bottom: 1px solid var(--ck-line);
	margin: 0;
	min-height: 92px;
	padding: 14px 32px 14px 80px;
	position: relative;
}

.ck-skin .ck-drawer li.woocommerce-mini-cart-item img {
	box-shadow: none;
	float: none;
	margin: 0;
	aspect-ratio: 1;
	border-radius: calc(var(--ck-radius) * .6);
	height: 64px;
	left: 0;
	object-fit: cover;
	position: absolute;
	top: 14px;
	width: 64px;
}

.ck-skin .ck-drawer li.woocommerce-mini-cart-item > a:not(.remove) {
	color: var(--ck-text);
	display: block;
	font-family: var(--ck-font-heading);
	font-size: 15px;
	font-weight: 700;
	line-height: 1.3;
	text-decoration: none;
}

.ck-drawer .woocommerce-mini-cart-item > a:not(.remove):hover {
	color: var(--ck-accent-2);
}

.ck-skin .ck-drawer a.remove {
	align-items: center;
	border: 1px solid var(--ck-line);
	border-radius: 50%;
	color: var(--ck-muted) !important;
	display: inline-flex;
	font-size: 0;
	height: 26px;
	justify-content: center;
	position: absolute;
	right: 0;
	top: 14px;
	width: 26px;
}

.ck-skin .ck-drawer a.remove:hover {
	background: var(--ck-urgent);
	border-color: var(--ck-urgent);
	color: #fff !important;
}

.ck-drawer .woocommerce-mini-cart-item .quantity {
	color: var(--ck-muted);
	display: block;
	font-size: 14px;
	margin-top: 4px;
}

.ck-drawer .woocommerce-mini-cart-item .quantity .amount {
	color: var(--ck-price);
	font-weight: 800;
}

.ck-drawer dl.variation {
	color: var(--ck-muted);
	font-size: 13px;
	margin: 4px 0 0;
}

.ck-drawer dl.variation dt,
.ck-drawer dl.variation dd,
.ck-drawer dl.variation p {
	display: inline;
	margin: 0;
}

.ck-drawer .woocommerce-mini-cart__total {
	align-items: baseline;
	border-top: 1px solid var(--ck-line);
	display: flex;
	justify-content: space-between;
	margin: 0;
	padding: 16px 20px 12px;
}

.ck-drawer .woocommerce-mini-cart__total strong {
	color: var(--ck-muted);
	font-size: 14px;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.ck-drawer .woocommerce-mini-cart__total .amount {
	color: var(--ck-price);
	font-family: var(--ck-font-heading);
	font-size: 24px;
	font-weight: 800;
}

.ck-drawer .woocommerce-mini-cart__buttons {
	display: grid;
	gap: 10px;
	grid-template-columns: 1fr 1fr;
	margin: 0;
	padding: 0 20px 20px;
}

.ck-skin .ck-drawer .woocommerce-mini-cart__buttons a.button {
	background: var(--ck-fade);
	color: var(--ck-btn-text);
	float: none;
	margin: 0;
	padding: 14px 10px;
	text-align: center;
}

.ck-skin .ck-drawer .woocommerce-mini-cart__buttons a.button:not(.checkout) {
	background: var(--ck-surface-2);
	box-shadow: inset 0 0 0 1px var(--ck-line);
	color: var(--ck-text);
}

.ck-drawer .woocommerce-mini-cart__empty-message {
	color: var(--ck-muted);
	margin: auto;
	padding: 40px 20px;
	text-align: center;
}

@media (prefers-reduced-motion: reduce) {
	.ck-drawer__panel,
	.ck-drawer__shade {
		transition: none;
	}
}

/* Icons --------------------------------------------------------------- */

/* Line icons on a 24px grid, drawn for the theme. Each is a mask, so it takes
   the colour of its text. Generated; one --ck-i-name and .ck-icon--name each. */
:root {
	--ck-i-bolt: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2 4.5 13.5H11L10 22l8.5-11.5H12z'/%3E%3C/svg%3E");
	--ck-i-trophy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 21h8M12 17v4M7 4h10v6a5 5 0 0 1-10 0zM7 6H4.5a3 3 0 0 0 3 4.5M17 6h2.5a3 3 0 0 1-3 4.5'/%3E%3C/svg%3E");
	--ck-i-clock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3.5 2'/%3E%3C/svg%3E");
	--ck-i-calendar: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E");
	--ck-i-ticket: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v3a2 2 0 0 0 0 4v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-3a2 2 0 0 0 0-4z'/%3E%3Cpath d='M15 5v2M15 11v2M15 17v2'/%3E%3C/svg%3E");
	--ck-i-users: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='3.5'/%3E%3Cpath d='M2.5 20a6.5 6.5 0 0 1 13 0M16 4.6a3.5 3.5 0 0 1 0 6.8M21.5 20a6.5 6.5 0 0 0-3.5-5.8'/%3E%3C/svg%3E");
	--ck-i-cash: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='6' width='20' height='12' rx='2'/%3E%3Ccircle cx='12' cy='12' r='2.5'/%3E%3Cpath d='M6 9.5v.01M18 14.5v.01'/%3E%3C/svg%3E");
	--ck-i-gift: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='18' height='4' rx='1'/%3E%3Cpath d='M5 12v8h14v-8M12 8v12M12 8H8.5a2.5 2.5 0 1 1 0-5C11 3 12 8 12 8zM12 8h3.5a2.5 2.5 0 1 0 0-5C13 3 12 8 12 8z'/%3E%3C/svg%3E");
	--ck-i-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E");
	--ck-i-check-circle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8 12.5l3 3 5-6'/%3E%3C/svg%3E");
	--ck-i-lock: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E");
	--ck-i-flag: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 21V4M5 4h11.5l-2.5 4 2.5 4H5'/%3E%3C/svg%3E");
	--ck-i-tag: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12V4a1 1 0 0 1 1-1h8l9 9-9 9z'/%3E%3Ccircle cx='7.5' cy='7.5' r='1.5'/%3E%3C/svg%3E");
	--ck-i-star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l2.8 5.7 6.2.9-4.5 4.4 1.1 6.2L12 17.3l-5.6 2.9 1.1-6.2L3 9.6l6.2-.9z'/%3E%3C/svg%3E");
	--ck-i-flame: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22a7 7 0 0 0 7-7c0-4.5-3.5-6.5-4.5-10-1.5 2.5-2.5 3.5-4 4C10.5 7 10.5 4.5 9 2.5 8 7 5 9.5 5 15a7 7 0 0 0 7 7z'/%3E%3C/svg%3E");
	--ck-i-cart: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1.5'/%3E%3Ccircle cx='18' cy='20' r='1.5'/%3E%3Cpath d='M2 3h3l2.7 12.2a1 1 0 0 0 1 .8h9.6a1 1 0 0 0 1-.8L21 7H6'/%3E%3C/svg%3E");
	--ck-i-wallet: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 7H5.5a2.5 2.5 0 0 1 0-5H17v5M3 4.5V19a2 2 0 0 0 2 2h15V7'/%3E%3Cpath d='M16.5 14h.01'/%3E%3C/svg%3E");
	--ck-i-user: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E");
	--ck-i-grid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1.5'/%3E%3C/svg%3E");
	--ck-i-receipt: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 3h14v18l-2.5-1.7L14 21l-2-1.7L10 21l-2.5-1.7L5 21z'/%3E%3Cpath d='M9 8h6M9 12h6M9 16h3'/%3E%3C/svg%3E");
	--ck-i-download: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12M7 10l5 5 5-5M4 20h16'/%3E%3C/svg%3E");
	--ck-i-pin: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.2-7-12a7 7 0 0 1 14 0c0 5.8-7 12-7 12z'/%3E%3Ccircle cx='12' cy='9' r='2.5'/%3E%3C/svg%3E");
	--ck-i-card: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='5' width='20' height='14' rx='2'/%3E%3Cpath d='M2 10h20M6 15h4'/%3E%3C/svg%3E");
	--ck-i-sliders: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h9M17 6h3M4 12h3M11 12h9M4 18h11M19 18h1'/%3E%3Ccircle cx='15' cy='6' r='2'/%3E%3Ccircle cx='9' cy='12' r='2'/%3E%3Ccircle cx='17' cy='18' r='2'/%3E%3C/svg%3E");
	--ck-i-login: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4M10 17l5-5-5-5M15 12H3'/%3E%3C/svg%3E");
	--ck-i-logout: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4M16 17l5-5-5-5M21 12H9'/%3E%3C/svg%3E");
	--ck-i-shield: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 3v6c0 5-3.5 8-8 9-4.5-1-8-4-8-9V6z'/%3E%3Cpath d='M9 12l2 2 4-4'/%3E%3C/svg%3E");
	--ck-i-list: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6h12M9 12h12M9 18h12M4 6h.01M4 12h.01M4 18h.01'/%3E%3C/svg%3E");
	--ck-i-x: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E");
	--ck-i-x-circle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9 9l6 6M15 9l-6 6'/%3E%3C/svg%3E");
	--ck-i-arrow-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");
	--ck-i-file: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9zM14 3v6h6M8 13h8M8 17h5'/%3E%3C/svg%3E");
	--ck-i-info: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v6M12 7.5v.01'/%3E%3C/svg%3E");
	--ck-i-mail: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 7l9 6 9-6'/%3E%3C/svg%3E");
	--ck-i-hash: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 9h15M4 15h15M10 3 8 21M16 3l-2 18'/%3E%3C/svg%3E");
	--ck-i-pencil: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h4L19 9l-4-4L4 16zM14 6l4 4'/%3E%3C/svg%3E");
	--ck-i-trash: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16M9 7V4h6v3M6 7l1 13h10l1-13'/%3E%3C/svg%3E");
	--ck-i-chart: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20V11M10 20V5M16 20v-6M22 20H2'/%3E%3C/svg%3E");
	--ck-i-truck: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='1.5' y='6' width='12.5' height='11' rx='1'/%3E%3Cpath d='M14 10h4l3 3.5V17h-7'/%3E%3Ccircle cx='6' cy='18.5' r='2'/%3E%3Ccircle cx='17' cy='18.5' r='2'/%3E%3C/svg%3E");
	--ck-i-eye: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
	--ck-i-percent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 5 5 19'/%3E%3Ccircle cx='6.5' cy='6.5' r='2.5'/%3E%3Ccircle cx='17.5' cy='17.5' r='2.5'/%3E%3C/svg%3E");
	--ck-i-chev-l: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 6l-6 6 6 6'/%3E%3C/svg%3E");
	--ck-i-chev-r: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E");
	--ck-i-chev-d: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
	--ck-i-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4-4'/%3E%3C/svg%3E");
}

.ck-icon--bolt {
	--ck-i: var(--ck-i-bolt);
}

.ck-icon--trophy {
	--ck-i: var(--ck-i-trophy);
}

.ck-icon--clock {
	--ck-i: var(--ck-i-clock);
}

.ck-icon--calendar {
	--ck-i: var(--ck-i-calendar);
}

.ck-icon--ticket {
	--ck-i: var(--ck-i-ticket);
}

.ck-icon--users {
	--ck-i: var(--ck-i-users);
}

.ck-icon--cash {
	--ck-i: var(--ck-i-cash);
}

.ck-icon--gift {
	--ck-i: var(--ck-i-gift);
}

.ck-icon--check {
	--ck-i: var(--ck-i-check);
}

.ck-icon--check-circle {
	--ck-i: var(--ck-i-check-circle);
}

.ck-icon--lock {
	--ck-i: var(--ck-i-lock);
}

.ck-icon--flag {
	--ck-i: var(--ck-i-flag);
}

.ck-icon--tag {
	--ck-i: var(--ck-i-tag);
}

.ck-icon--star {
	--ck-i: var(--ck-i-star);
}

.ck-icon--flame {
	--ck-i: var(--ck-i-flame);
}

.ck-icon--cart {
	--ck-i: var(--ck-i-cart);
}

.ck-icon--wallet {
	--ck-i: var(--ck-i-wallet);
}

.ck-icon--user {
	--ck-i: var(--ck-i-user);
}

.ck-icon--grid {
	--ck-i: var(--ck-i-grid);
}

.ck-icon--receipt {
	--ck-i: var(--ck-i-receipt);
}

.ck-icon--download {
	--ck-i: var(--ck-i-download);
}

.ck-icon--pin {
	--ck-i: var(--ck-i-pin);
}

.ck-icon--card {
	--ck-i: var(--ck-i-card);
}

.ck-icon--sliders {
	--ck-i: var(--ck-i-sliders);
}

.ck-icon--login {
	--ck-i: var(--ck-i-login);
}

.ck-icon--logout {
	--ck-i: var(--ck-i-logout);
}

.ck-icon--shield {
	--ck-i: var(--ck-i-shield);
}

.ck-icon--list {
	--ck-i: var(--ck-i-list);
}

.ck-icon--x {
	--ck-i: var(--ck-i-x);
}

.ck-icon--x-circle {
	--ck-i: var(--ck-i-x-circle);
}

.ck-icon--arrow-right {
	--ck-i: var(--ck-i-arrow-right);
}

.ck-icon--file {
	--ck-i: var(--ck-i-file);
}

.ck-icon--info {
	--ck-i: var(--ck-i-info);
}

.ck-icon--mail {
	--ck-i: var(--ck-i-mail);
}

.ck-icon--hash {
	--ck-i: var(--ck-i-hash);
}

.ck-icon--pencil {
	--ck-i: var(--ck-i-pencil);
}

.ck-icon--trash {
	--ck-i: var(--ck-i-trash);
}

.ck-icon--chart {
	--ck-i: var(--ck-i-chart);
}

.ck-icon--truck {
	--ck-i: var(--ck-i-truck);
}

.ck-icon--eye {
	--ck-i: var(--ck-i-eye);
}

.ck-icon--percent {
	--ck-i: var(--ck-i-percent);
}

.ck-icon--chev-l {
	--ck-i: var(--ck-i-chev-l);
}

.ck-icon--chev-r {
	--ck-i: var(--ck-i-chev-r);
}

.ck-icon--chev-d {
	--ck-i: var(--ck-i-chev-d);
}

.ck-icon--search {
	--ck-i: var(--ck-i-search);
}

/* An icon is a mask over its text colour. Pseudo-elements below share it and
   pick their shape with --ck-i. */
.ck-icon,
.ck-chip::before,
.ck-badge--tag::before,
.ck-badge--soon::before,
.ck-badge--urgent::before,
.ck-badge--instant::before,
.ck-badge--closed::before,
.ck-cd--inline .ck-cd__text::before,
.ck-tile__tag::before,
.ck-ticker__item::after,
.ck-skin .woocommerce-order .woocommerce-thankyou-order-received::before,
.ck-tm-style .lty-lottery-product-summary > p::before,
.ck-skin .ck-drawer a.remove::before,
.ck-skin .ck-drawer__added::before,
.ck-skin .woocommerce-tabs ul.tabs li a::before,
.ck-skin.single-product div.product form.cart .single_add_to_cart_button::before,
.ck-skin ul.woocommerce-order-overview li::before,
.ck-skin .woocommerce-MyAccount-navigation li a::before,
.ck-skin .lty-dashboard-navigation nav a::before,
.ck-skin .wc-block-checkout__form:not(.wc-block-checkout__form--with-step-numbers) .wc-block-components-checkout-step__title::before {
	background: currentColor;
	content: "";
	display: inline-block;
	flex: none;
	height: 1.15em;
	vertical-align: -.2em;
	width: 1.15em;
	-webkit-mask: var(--ck-i) center / contain no-repeat;
	mask: var(--ck-i) center / contain no-repeat;
}

/* Sizes for icons whose other rules sit earlier in the file. */
.ck-chip::before {
	height: 12px;
	vertical-align: 0;
	width: 12px;
}

.ck-skin .woocommerce-order .woocommerce-thankyou-order-received::before {
	height: 46px;
	width: 46px;
}

.ck-tm-style .lty-lottery-product-summary > p::before {
	height: 16px;
	width: 16px;
}

/* Icons inside buttons and links sit after or before the words. */
.ck-btn .ck-icon,
.ck-view-all .ck-icon {
	margin-left: 6px;
	transition: transform .2s;
}

.ck-btn:hover .ck-icon,
.ck-view-all:hover .ck-icon {
	transform: translateX(3px);
}

.ck-menu-icon .ck-icon {
	height: 22px;
	width: 22px;
}

.ck-menu-login .ck-icon {
	height: 16px;
	margin-right: 7px;
	width: 16px;
}

.ck-hero__nav .ck-icon {
	height: 24px;
	width: 24px;
}

/* Badges and tags. */
.ck-badge--tag::before,
.ck-badge--soon::before,
.ck-badge--urgent::before,
.ck-badge--instant::before,
.ck-badge--closed::before {
	height: 12px;
	margin-right: 5px;
	vertical-align: -1px;
	width: 12px;
}

.ck-badge--tag { --ck-i: var(--ck-i-star); }
.ck-badge--soon { --ck-i: var(--ck-i-calendar); }
.ck-badge--urgent { --ck-i: var(--ck-i-flame); }
.ck-badge--instant { --ck-i: var(--ck-i-bolt); }
.ck-badge--closed { --ck-i: var(--ck-i-lock); }

.ck-tile__tag {
	--ck-i: var(--ck-i-trophy);
}

.ck-tile__tag::before {
	height: 14px;
	margin-right: 6px;
	vertical-align: -2px;
	width: 14px;
}

.ck-tile__tag--instant {
	--ck-i: var(--ck-i-bolt);
}

.ck-cd--inline .ck-cd__text::before {
	--ck-i: var(--ck-i-clock);
	margin-right: 6px;
}

.ck-ticker__item::after {
	--ck-i: var(--ck-i-trophy);
	height: 14px;
	margin: 0 22px;
	opacity: .75;
	vertical-align: -2px;
	width: 14px;
}

/* Basket drawer. */
.ck-drawer__title {
	align-items: center;
	display: flex;
	gap: 10px;
}

.ck-drawer__title .ck-icon {
	color: var(--ck-accent);
}

.ck-skin .ck-drawer__close .ck-icon {
	height: 18px;
	width: 18px;
}

.ck-skin .ck-drawer a.remove::before {
	--ck-i: var(--ck-i-x);
	height: 13px;
	width: 13px;
}

.ck-skin .ck-drawer__added {
	align-items: center;
	display: flex;
	gap: 8px;
}

.ck-skin .ck-drawer__added[hidden] {
	display: none;
}

.ck-skin .ck-drawer__added::before {
	--ck-i: var(--ck-i-check-circle);
	height: 18px;
	width: 18px;
}

/* Competition page. */
.ck-tm-style .lty-lottery-product-summary > p[class*="ticket"] {
	--ck-i: var(--ck-i-ticket);
}

.ck-tm-style .lty-lottery-product-summary > p.lty-tickets-sold {
	--ck-i: var(--ck-i-chart);
}

.ck-tm-style .lty-lottery-product-summary > p[class*="per-user"] {
	--ck-i: var(--ck-i-user);
}

.ck-tm-style .lty-lottery-product-summary > p[class*="winners"] {
	--ck-i: var(--ck-i-trophy);
}

.ck-tm-style .lty-lottery-product-summary > p[class*="gift"] {
	--ck-i: var(--ck-i-gift);
}

.ck-tm-style .lty-lottery-product-summary > p[class*="date"] {
	--ck-i: var(--ck-i-calendar);
}

.ck-skin .woocommerce-tabs ul.tabs li a {
	align-items: center;
	display: inline-flex !important;
	gap: 8px;
}

.ck-skin .woocommerce-tabs ul.tabs li a::before {
	--ck-i: var(--ck-i-file);
	height: 16px;
	width: 16px;
}

.ck-skin .woocommerce-tabs ul.tabs li[class*="ticket"] a::before { --ck-i: var(--ck-i-list); }
.ck-skin .woocommerce-tabs ul.tabs li[class*="winner"] a::before { --ck-i: var(--ck-i-trophy); }
.ck-skin .woocommerce-tabs ul.tabs li[class*="instant"] a::before { --ck-i: var(--ck-i-bolt); }
.ck-skin .woocommerce-tabs ul.tabs li[class*="review"] a::before { --ck-i: var(--ck-i-star); }
.ck-skin .woocommerce-tabs ul.tabs li[class*="additional"] a::before { --ck-i: var(--ck-i-info); }

.ck-skin.single-product div.product form.cart .single_add_to_cart_button {
	align-items: center;
	display: inline-flex;
	gap: 9px;
	justify-content: center;
}

.ck-skin.single-product div.product form.cart .single_add_to_cart_button::before {
	--ck-i: var(--ck-i-ticket);
	height: 20px;
	width: 20px;
}

/* Checkout steps, when the shop has step numbers turned off. */
.ck-skin .wc-block-components-checkout-step__title::before {
	--ck-i: var(--ck-i-check-circle);
	color: var(--ck-accent);
	margin-right: 10px;
}

.ck-skin .wc-block-checkout__contact-fields .wc-block-components-checkout-step__title::before { --ck-i: var(--ck-i-mail); }
.ck-skin .wc-block-checkout__billing-fields .wc-block-components-checkout-step__title::before,
.ck-skin .wc-block-checkout__shipping-fields .wc-block-components-checkout-step__title::before { --ck-i: var(--ck-i-pin); }
.ck-skin .wc-block-checkout__shipping-option .wc-block-components-checkout-step__title::before { --ck-i: var(--ck-i-truck); }
.ck-skin .wc-block-checkout__payment-method .wc-block-components-checkout-step__title::before { --ck-i: var(--ck-i-card); }
.ck-skin .wc-block-checkout__order-notes .wc-block-components-checkout-step__title::before { --ck-i: var(--ck-i-pencil); }

/* Thank-you overview. */
.ck-skin ul.woocommerce-order-overview li::before {
	--ck-i: var(--ck-i-info);
	color: var(--ck-accent);
	display: block;
	height: 20px;
	margin-bottom: 8px;
	width: 20px;
}

.ck-skin ul.woocommerce-order-overview li.woocommerce-order-overview__order::before { --ck-i: var(--ck-i-hash); }
.ck-skin ul.woocommerce-order-overview li.woocommerce-order-overview__date::before { --ck-i: var(--ck-i-calendar); }
.ck-skin ul.woocommerce-order-overview li.woocommerce-order-overview__email::before { --ck-i: var(--ck-i-mail); }
.ck-skin ul.woocommerce-order-overview li.woocommerce-order-overview__total::before { --ck-i: var(--ck-i-cash); color: var(--ck-price); }
.ck-skin ul.woocommerce-order-overview li.woocommerce-order-overview__payment-method::before { --ck-i: var(--ck-i-card); }

/* My Account ------------------------------------------------------------ */

.ck-skin.woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation) {
	align-items: start;
	display: grid;
	gap: 32px;
	grid-template-columns: 260px minmax(0, 1fr);
}

.ck-skin.woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation)::before,
.ck-skin.woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation)::after {
	display: none;
}

.ck-skin.woocommerce-account .woocommerce-MyAccount-navigation,
.ck-skin.woocommerce-account .woocommerce-MyAccount-content {
	float: none;
	width: auto;
}

.ck-skin.woocommerce-account .woocommerce-MyAccount-navigation {
	position: sticky;
	top: 90px;
}

.ck-skin .woocommerce-MyAccount-navigation ul {
	--ck-i: var(--ck-i-chev-r);
	padding: 8px;
}

.ck-skin .woocommerce-MyAccount-navigation li a {
	align-items: center;
	border-radius: calc(var(--ck-radius) * .6);
	color: var(--ck-muted);
	display: flex;
	font-size: 15px;
	font-weight: 600;
	gap: 12px;
	padding: 11px 14px;
	text-decoration: none;
	transition: background .2s, color .2s;
}

.ck-skin .woocommerce-MyAccount-navigation li a:hover {
	background: var(--ck-surface-2);
	color: var(--ck-text);
}

.ck-skin .woocommerce-MyAccount-navigation li a::before {
	height: 19px;
	width: 19px;
}

.ck-skin .woocommerce-MyAccount-navigation-link--dashboard { --ck-i: var(--ck-i-grid); }
.ck-skin .woocommerce-MyAccount-navigation-link--orders { --ck-i: var(--ck-i-receipt); }
.ck-skin .woocommerce-MyAccount-navigation-link--site-credit,
.ck-skin .woocommerce-MyAccount-navigation-link--wallet { --ck-i: var(--ck-i-wallet); }
.ck-skin .woocommerce-MyAccount-navigation-link--downloads { --ck-i: var(--ck-i-download); }
.ck-skin .woocommerce-MyAccount-navigation-link--edit-address { --ck-i: var(--ck-i-pin); }
.ck-skin .woocommerce-MyAccount-navigation-link--edit-account { --ck-i: var(--ck-i-user); }
.ck-skin .woocommerce-MyAccount-navigation-link--payment-methods { --ck-i: var(--ck-i-card); }
.ck-skin .woocommerce-MyAccount-navigation-link--spending-limits { --ck-i: var(--ck-i-shield); }
.ck-skin .woocommerce-MyAccount-navigation-link--customer-logout { --ck-i: var(--ck-i-logout); }

.ck-skin .woocommerce-MyAccount-navigation-link--customer-logout {
	border-top: 1px solid var(--ck-line);
	margin-top: 6px;
	padding-top: 6px;
}

.ck-skin .woocommerce-MyAccount-navigation-link--customer-logout a:hover {
	color: var(--ck-urgent);
}

.ck-skin .woocommerce-MyAccount-navigation li.is-active a,
.ck-skin .woocommerce-MyAccount-navigation li.is-active a:hover {
	background: var(--ck-fade);
	color: var(--ck-btn-text);
}

.ck-skin .woocommerce-MyAccount-content {
	min-width: 0;
}

.ck-skin .woocommerce-MyAccount-content > p:first-of-type {
	font-size: 18px;
}

.ck-skin .woocommerce-MyAccount-content > p {
	color: var(--ck-muted);
}

.ck-skin .woocommerce-MyAccount-content > p strong {
	color: var(--ck-text);
}

.ck-skin .woocommerce-MyAccount-content a:not(.button):not(.ck-account-tile):not(.woocommerce-button) {
	color: var(--ck-accent);
}

.ck-account-tiles {
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
	margin-top: 28px;
}

.ck-skin a.ck-account-tile {
	align-items: center;
	background: var(--ck-surface);
	border: 1px solid var(--ck-line);
	border-radius: var(--ck-radius);
	color: var(--ck-text);
	display: flex;
	font-family: var(--ck-font-heading);
	font-size: 16px;
	font-weight: 700;
	gap: 14px;
	padding: 18px;
	text-decoration: none;
	transition: border-color .2s, transform .2s;
}

.ck-skin a.ck-account-tile:hover {
	border-color: var(--ck-accent);
	color: var(--ck-text);
	transform: translateY(-2px);
}

.ck-account-tile span:not(.ck-icon) {
	flex: 1;
}

.ck-account-tile__icon {
	background-color: var(--ck-accent);
	border-radius: 0;
	height: 26px;
	width: 26px;
}

.ck-account-tile__go {
	color: var(--ck-muted);
	height: 18px;
	width: 18px;
}

/* Orders, downloads and other account tables. */
.ck-skin .woocommerce-MyAccount-content table.shop_table {
	background: var(--ck-surface);
	border: 1px solid var(--ck-line);
	border-collapse: separate;
	border-radius: var(--ck-radius);
	overflow: hidden;
}

.ck-skin .woocommerce-MyAccount-content table.shop_table thead th {
	color: var(--ck-muted);
	font-size: 12px;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.ck-skin .woocommerce-orders-table__cell-order-number a {
	font-family: var(--ck-font-heading);
	font-weight: 700;
}

.ck-skin .woocommerce-orders-table__cell-order-status {
	white-space: nowrap;
}

.ck-skin td.woocommerce-orders-table__cell-order-status {
	color: var(--ck-muted);
}

.ck-skin .woocommerce-orders-table__row--status-completed td.woocommerce-orders-table__cell-order-status { color: var(--ck-instant); }
.ck-skin .woocommerce-orders-table__row--status-processing td.woocommerce-orders-table__cell-order-status { color: var(--ck-accent); }
.ck-skin .woocommerce-orders-table__row--status-on-hold td.woocommerce-orders-table__cell-order-status,
.ck-skin .woocommerce-orders-table__row--status-pending td.woocommerce-orders-table__cell-order-status { color: var(--ck-price); }
.ck-skin .woocommerce-orders-table__row--status-failed td.woocommerce-orders-table__cell-order-status,
.ck-skin .woocommerce-orders-table__row--status-cancelled td.woocommerce-orders-table__cell-order-status { color: var(--ck-urgent); }

/* The status dot. On a phone WooCommerce uses ::before for the column label. */
@media (min-width: 769px) {
	.ck-skin [class*="woocommerce-orders-table__row--status-"] td.woocommerce-orders-table__cell-order-status::before {
		background: var(--ck-muted);
		border-radius: 50%;
		content: "";
		display: inline-block;
		height: 8px;
		margin-right: 8px;
		vertical-align: 1px;
		width: 8px;
	}

	.ck-skin .woocommerce-orders-table__row--status-completed td.woocommerce-orders-table__cell-order-status::before { background: var(--ck-instant); }
	.ck-skin .woocommerce-orders-table__row--status-processing td.woocommerce-orders-table__cell-order-status::before { background: var(--ck-accent); }
	.ck-skin .woocommerce-orders-table__row--status-on-hold td.woocommerce-orders-table__cell-order-status::before,
	.ck-skin .woocommerce-orders-table__row--status-pending td.woocommerce-orders-table__cell-order-status::before { background: var(--ck-price); }
	.ck-skin .woocommerce-orders-table__row--status-failed td.woocommerce-orders-table__cell-order-status::before,
	.ck-skin .woocommerce-orders-table__row--status-cancelled td.woocommerce-orders-table__cell-order-status::before { background: var(--ck-urgent); }
}

.ck-skin .woocommerce-MyAccount-content .woocommerce-button,
.ck-skin .woocommerce-MyAccount-content .woocommerce-Button {
	font-size: 13px;
	padding: 8px 14px;
}

/* Addresses. */
.ck-skin .woocommerce-Addresses {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	margin-top: 18px;
}

.ck-skin .woocommerce-Addresses::before,
.ck-skin .woocommerce-Addresses::after {
	display: none;
}

.ck-skin .woocommerce-Addresses .woocommerce-Address {
	background: var(--ck-surface);
	border: 1px solid var(--ck-line);
	border-radius: var(--ck-radius);
	float: none;
	margin: 0;
	padding: 20px;
	width: auto;
}

.ck-skin .woocommerce-Address-title {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}

.ck-skin .woocommerce-Address-title::before,
.ck-skin .woocommerce-Address-title::after {
	display: none;
}

.ck-skin .woocommerce-Address-title h2,
.ck-skin .woocommerce-Address-title h3 {
	font-size: 18px;
	margin: 0;
}

.ck-skin .woocommerce-Address-title .edit {
	float: none;
	font-size: 13px;
	font-weight: 700;
}

.ck-skin .woocommerce-Address address {
	color: var(--ck-muted);
	font-style: normal;
	line-height: 1.7;
}

/* Account forms: WooCommerce's own field rules outrank the theme's. */
.ck-skin .woocommerce form .form-row .input-text,
.ck-skin .woocommerce form .form-row select,
.ck-skin .woocommerce form .form-row textarea {
	background-color: var(--ck-surface-2);
	border: 1px solid var(--ck-line);
	border-radius: calc(var(--ck-radius) * .5);
	color: var(--ck-text);
	padding: 11px 13px;
}

.ck-skin .woocommerce form .form-row .input-text:focus,
.ck-skin .woocommerce form .form-row select:focus {
	border-color: var(--ck-accent);
}

.ck-skin .woocommerce form .form-row label {
	color: var(--ck-muted);
	font-size: 14px;
	font-weight: 600;
}

.ck-skin .woocommerce-EditAccountForm fieldset {
	background: var(--ck-surface);
	border: 1px solid var(--ck-line);
	border-radius: var(--ck-radius);
	margin: 24px 0;
	padding: 18px 20px 8px;
}

.ck-skin .woocommerce-EditAccountForm legend {
	font-family: var(--ck-font-heading);
	font-weight: 700;
	padding: 0 8px;
}

.ck-skin .woocommerce-MyAccount-content .woocommerce-info,
.ck-skin .woocommerce-MyAccount-content .woocommerce-message {
	background: var(--ck-surface);
	border: 1px solid var(--ck-line);
	border-radius: var(--ck-radius);
	color: var(--ck-text);
}

/* Log in and register, side by side. */
.ck-skin .woocommerce .u-columns.col2-set .u-column1,
.ck-skin .woocommerce .u-columns.col2-set .u-column2 {
	background: var(--ck-surface);
	border: 1px solid var(--ck-line);
	border-radius: var(--ck-radius);
	padding: 26px;
}

.ck-skin .woocommerce .u-columns.col2-set {
	display: grid;
	gap: 24px;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.ck-skin .woocommerce .u-columns.col2-set::before,
.ck-skin .woocommerce .u-columns.col2-set::after {
	display: none;
}

.ck-skin .woocommerce .u-columns.col2-set .col-1,
.ck-skin .woocommerce .u-columns.col2-set .col-2 {
	float: none;
	width: auto;
}

.ck-skin .woocommerce form.login,
.ck-skin .woocommerce form.register {
	border: 0;
	margin: 0;
	padding: 0;
}

@media (max-width: 860px) {
	.ck-skin.woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation) {
		gap: 20px;
		grid-template-columns: minmax(0, 1fr);
	}

	.ck-skin.woocommerce-account .woocommerce-MyAccount-navigation {
		position: static;
	}

	.ck-skin .woocommerce-MyAccount-navigation ul {
		display: flex;
		gap: 4px;
		overflow-x: auto;
		scrollbar-width: none;
	}

	.ck-skin .woocommerce-MyAccount-navigation li a {
		font-size: 14px;
		padding: 9px 12px;
		white-space: nowrap;
	}

	.ck-skin .woocommerce-MyAccount-navigation-link--customer-logout {
		border-top: 0;
		margin-top: 0;
		padding-top: 0;
	}
}

/* Ticket Machine's dashboard: My competitions ---------------------------- */

.ck-skin .lty-dashboard-wrapper {
	align-items: start;
	display: grid;
	float: none;
	gap: 24px;
	grid-template-columns: 240px minmax(0, 1fr);
	margin-bottom: 40px;
	width: 100%;
}

.ck-skin .lty-dashboard-wrapper > h2,
.ck-skin .lty-dashboard-wrapper > h3 {
	grid-column: 1 / -1;
	margin: 0;
}

.ck-skin .lty-dashboard-navigation,
.ck-skin .lty-dashboard-contents {
	float: none;
	width: auto;
}

.ck-skin .lty-dashboard-navigation nav {
	background: var(--ck-surface);
	border: 1px solid var(--ck-line);
	border-radius: var(--ck-radius);
	display: flex;
	flex-direction: column;
	float: none;
	gap: 2px;
	padding: 8px;
}

.ck-skin .lty-dashboard-navigation nav a {
	align-items: center;
	border-radius: calc(var(--ck-radius) * .6);
	color: var(--ck-muted) !important;
	display: flex;
	float: none;
	font-size: 15px;
	font-weight: 600;
	gap: 12px;
	padding: 11px 14px;
	text-decoration: none;
	transition: background .2s, color .2s;
}

.ck-skin .lty-dashboard-navigation nav a:hover {
	background: var(--ck-surface-2);
	color: var(--ck-text) !important;
}

.ck-skin .lty-dashboard-navigation nav a.lty-current,
.ck-skin .lty-dashboard-navigation nav a.lty-current:hover {
	background: var(--ck-fade);
	color: var(--ck-btn-text) !important;
	font-weight: 700;
}

.ck-skin .lty-dashboard-navigation nav a .dashicons {
	display: none;
}

.ck-skin .lty-dashboard-navigation nav a::before {
	--ck-i: var(--ck-i-ticket);
	height: 19px;
	width: 19px;
}

.ck-skin .lty-dashboard-navigation nav a[class*="won-giveaway"]::before { --ck-i: var(--ck-i-trophy); }
.ck-skin .lty-dashboard-navigation nav a[class*="not-won"]::before { --ck-i: var(--ck-i-x-circle); }
.ck-skin .lty-dashboard-navigation nav a[class*="instant"]::before { --ck-i: var(--ck-i-bolt); }
.ck-skin .lty-dashboard-navigation nav a[class*="watchlist"]::before { --ck-i: var(--ck-i-eye); }

.ck-skin .lty-dashboard-contents {
	background: var(--ck-surface);
	border: 1px solid var(--ck-line) !important;
	border-radius: var(--ck-radius);
	min-width: 0;
	overflow: hidden;
}

.ck-skin .lty-dashboard-contents h3 {
	color: var(--ck-text);
	font-family: var(--ck-font-heading);
	margin: 18px 20px 6px;
	width: auto;
}

.ck-skin .lty-dashboard-contents table.lty-frontend-table {
	margin: 0;
	width: 100%;
}

.ck-skin .lty-dashboard-contents .lty-no-product-notice {
	color: var(--ck-muted);
	padding: 30px 20px;
}

.ck-skin .lty-frontend-table mark.lty_status_label {
	align-items: center;
	background: color-mix(in srgb, var(--ck-muted) 16%, transparent);
	border-radius: 999px;
	color: var(--ck-text);
	display: inline-flex;
	font-size: 12px;
	font-weight: 700;
	gap: 6px;
	padding: 5px 11px;
	white-space: nowrap;
}

.ck-skin .lty-frontend-table mark.lty_status_label span {
	background: none;
	border: 0;
	color: inherit;
	font-size: 12px;
	padding: 0;
}

.ck-skin .lty-frontend-table th,
.ck-skin .lty-frontend-table td {
	overflow-wrap: anywhere;
	word-break: normal;
}

.ck-skin .lty-frontend-table td a,
.ck-skin .woocommerce-MyAccount-content table.shop_table td a:not(.button) {
	text-decoration: none;
}

.ck-skin .woocommerce form .form-row em,
.ck-skin .woocommerce form .form-row .description {
	color: var(--ck-muted);
	font-size: 13px;
	font-style: normal;
}

.ck-skin .lty-frontend-table mark.lty_status_label::before {
	background: currentColor;
	border-radius: 50%;
	content: "";
	height: 7px;
	width: 7px;
}

.ck-skin .lty-frontend-table mark.lty_lottery_started_status {
	background: color-mix(in srgb, var(--ck-instant) 16%, transparent);
	color: var(--ck-instant);
}

.ck-skin .lty-frontend-table mark[class*="finished"],
.ck-skin .lty-frontend-table mark[class*="closed"] {
	background: color-mix(in srgb, var(--ck-price) 16%, transparent);
	color: var(--ck-price);
}

.ck-skin .lty-frontend-table mark[class*="failed"] {
	background: color-mix(in srgb, var(--ck-urgent) 16%, transparent);
	color: var(--ck-urgent);
}

.ck-skin .lty-frontend-table .lty-view-all-tickets {
	color: var(--ck-accent) !important;
	cursor: pointer;
	display: inline-block;
	font-size: 13px;
	font-weight: 700;
	margin-top: 4px;
}

@media (max-width: 860px) {
	.ck-skin .lty-dashboard-wrapper {
		gap: 16px;
		grid-template-columns: minmax(0, 1fr);
	}

	.ck-skin .lty-dashboard-navigation nav {
		flex-direction: row;
		overflow-x: auto;
		scrollbar-width: none;
	}

	.ck-skin .lty-dashboard-navigation nav a {
		font-size: 14px;
		padding: 9px 12px;
		white-space: nowrap;
	}
}

/* Inside My Account the content column is narrower, so the menu runs across. */
.ck-skin .woocommerce-MyAccount-content .lty-dashboard-wrapper {
	grid-template-columns: minmax(0, 1fr);
}

.ck-skin .woocommerce-MyAccount-content .lty-dashboard-navigation nav {
	flex-direction: row;
	flex-wrap: wrap;
}

/* Ticket bundles (Ticket Machine's predefined buttons) ------------------ */

.ck-skin .ck-bundles {
	clear: both;
	float: none;
	margin: 6px 0 18px;
	width: 100%;
}

.ck-skin .ck-bundles__title {
	font-family: var(--ck-font-heading);
	font-size: 16px;
	letter-spacing: .04em;
	margin: 0 0 12px;
	text-transform: uppercase;
}

.ck-skin ul.ck-bundles__list {
	display: grid;
	float: none;
	gap: 12px;
	grid-template-columns: repeat(auto-fill, minmax(118px, 1fr));
	margin: 0;
	padding: 14px 0 0;
}

.ck-skin ul.lty-predefined-buttons li.ck-bundle {
	align-items: center;
	cursor: pointer;
	display: flex;
	flex-direction: column;
	gap: 2px;
	margin: 0;
	padding: 18px 10px 14px;
	text-align: center;
}

.ck-skin ul.lty-predefined-buttons li.ck-bundle:focus-visible {
	outline: 2px solid var(--ck-accent);
	outline-offset: 2px;
}

.ck-bundle__qty {
	font-family: var(--ck-font-heading);
	font-size: 30px;
	font-weight: 800;
	line-height: 1;
}

.ck-bundle__unit {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .08em;
	opacity: .75;
	text-transform: uppercase;
}

.ck-bundle__price {
	font-family: var(--ck-font-heading);
	font-size: 17px;
	font-weight: 800;
	margin-top: 8px;
}

.ck-bundle__each {
	font-size: 12px;
	opacity: .7;
}

.ck-skin ul.lty-predefined-buttons li .ck-bundle__save {
	background: var(--ck-price);
	border-radius: 999px;
	color: var(--ck-price-text);
	font-size: 11px;
	font-weight: 800;
	left: 50%;
	letter-spacing: .04em;
	padding: 3px 10px;
	right: auto;
	text-transform: uppercase;
	top: -10px;
	transform: translateX(-50%);
	white-space: nowrap;
}

.ck-skin ul.lty-predefined-buttons li .ck-bundle__save::before {
	display: none;
}

/* Free entry route ------------------------------------------------------ */

.ck-free-entry {
	align-items: center;
	background: var(--ck-surface);
	border: 1px dashed var(--ck-line);
	border-radius: var(--ck-radius);
	color: var(--ck-muted);
	display: flex;
	flex-wrap: wrap;
	font-size: 14px;
	gap: 6px 12px;
	margin: 16px 0 0;
	padding: 12px 16px;
}

.ck-free-entry .ck-icon {
	color: var(--ck-accent);
	height: 20px;
	width: 20px;
}

.ck-free-entry a {
	color: var(--ck-accent-2);
	font-weight: 700;
	white-space: nowrap;
}

.ck-free-entry-list {
	background: var(--ck-surface);
	border: 1px solid var(--ck-line);
	border-collapse: separate;
	border-radius: var(--ck-radius);
	border-spacing: 0;
	overflow: hidden;
	width: 100%;
}

.ck-skin .ck-free-entry-list th,
.ck-skin .ck-free-entry-list td {
	border: 0;
	border-bottom: 1px solid var(--ck-line);
	padding: 12px 16px;
	text-align: left;
}

.ck-skin .ck-free-entry-list tr:last-child td {
	border-bottom: 0;
}

.ck-skin .ck-free-entry-list th {
	color: var(--ck-muted);
	font-size: 12px;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.ck-skin .ck-free-entry-list td a {
	color: var(--ck-text);
	font-weight: 700;
	text-decoration: none;
}

/* Ticket Machine: choose your own numbers -------------------------------- */

/* "Restyle the ticket picker" on: the skin's colours replace Ticket Machine's
   light-theme pickers. Its own rules are inline and fairly specific, so these
   carry the extra .ck-tm-style. */
.ck-tm-style .lty-lottery-ticket-container {
	background: var(--ck-surface);
	border: 1px solid var(--ck-line);
	border-radius: var(--ck-radius);
	display: block;
	float: none;
	margin: 6px 0 18px;
	padding: 18px;
}

.ck-tm-style .lty-lottery-ticket-header h3 {
	font-family: var(--ck-font-heading);
	font-size: 16px;
	letter-spacing: .04em;
	margin: 0 0 14px;
	text-transform: uppercase;
}

.ck-tm-style .lty-lottery-ticket-panel {
	margin: 0;
}

/* Lucky dip: the quantity and the button on one row. */
.ck-tm-style .lty-lottery-ticket-panel > .lty-lottery-ticket-lucky-dip-container {
	align-items: stretch;
	border-bottom: 1px solid var(--ck-line);
	display: flex;
	gap: 10px;
	margin-bottom: 16px;
	padding-bottom: 16px;
}

.ck-tm-style .lty-lottery-ticket-lucky-dip-container .quantity {
	margin: 0;
}

.ck-tm-style .lty-lottery-ticket-lucky-dip-container .quantity .qty {
	height: 100%;
	min-height: 46px;
	width: 70px;
}

.ck-skin.ck-tm-style .lty-lucky-dip-button {
	align-items: center;
	display: inline-flex;
	flex: 1;
	gap: 8px;
	justify-content: center;
	margin: 0 !important;
}

.ck-skin.ck-tm-style .lty-lucky-dip-button::before {
	--ck-i: var(--ck-i-gift);
	background: currentColor;
	content: "";
	height: 18px;
	width: 18px;
	-webkit-mask: var(--ck-i) center / contain no-repeat;
	mask: var(--ck-i) center / contain no-repeat;
}

/* Letter tabs (A, B, C...) for big competitions. */
.ck-tm-style .lty-lottery-ticket-panel .lty-lottery-ticket-tab-wrapper {
	display: flex;
	flex-wrap: wrap;
	float: none;
	gap: 6px;
	margin-bottom: 14px;
}

.ck-tm-style .lty-lottery-ticket-panel .lty-lottery-ticket-tab-wrapper .lty-lottery-ticket-tab {
	background: var(--ck-surface-2);
	border: 1px solid var(--ck-line);
	border-radius: 999px;
	color: var(--ck-muted);
	float: none;
	font-family: var(--ck-font-heading);
	font-size: 14px;
	min-width: 40px;
	padding: 7px 14px;
}

.ck-tm-style .lty-lottery-ticket-panel .lty-lottery-ticket-tab-wrapper .lty-lottery-ticket-tab:hover {
	background: var(--ck-surface-2);
	border-color: var(--ck-accent);
	color: var(--ck-text);
}

.ck-tm-style .lty-lottery-ticket-panel .lty-lottery-ticket-tab-wrapper .lty-active-tab,
.ck-tm-style .lty-lottery-ticket-panel .lty-lottery-ticket-tab-wrapper .lty-active-tab:hover {
	background: var(--ck-fade);
	border-color: transparent;
	color: var(--ck-btn-text);
}

/* The number grid. */
.ck-tm-style .lty-lottery-ticket-panel .lty-ticket-number-wrapper ul,
.ck-tm-style .lty-ticket-number-wrapper ul.lty-ticket-number-content-search {
	display: grid;
	gap: 6px;
	grid-template-columns: repeat(auto-fill, minmax(calc(var(--ck-ticket-size) + 8px), 1fr));
	list-style: none;
	margin: 0;
	padding: 0;
}

.ck-tm-style .lty-lottery-ticket-panel .lty-ticket-number-wrapper ul li.lty-ticket {
	align-items: center;
	background: var(--ck-surface-2);
	border: 1px solid var(--ck-line);
	border-radius: calc(var(--ck-radius) * .5);
	color: var(--ck-text);
	display: flex;
	float: none;
	font-family: var(--ck-font-heading);
	font-size: 14px;
	height: auto;
	justify-content: center;
	margin: 0;
	min-height: var(--ck-ticket-size);
	opacity: 1;
	padding: 4px;
	width: auto;
}

.ck-tm-style .lty-lottery-ticket-panel .lty-ticket-number-wrapper ul li.lty-ticket:hover {
	background: var(--ck-surface-2);
	border-color: var(--ck-accent);
	color: var(--ck-text);
}

.ck-tm-style .lty-lottery-ticket-panel .lty-ticket-number-wrapper ul li.lty-ticket.lty-selected-ticket,
.ck-tm-style .lty-lottery-ticket-panel .lty-ticket-number-wrapper ul li.lty-ticket.lty-selected-ticket:hover {
	background: var(--ck-fade);
	border-color: transparent;
	color: var(--ck-btn-text);
}

/* Ticket Machine forces deselected tickets white on phones. */
.ck-tm-style .lty-lottery-ticket-panel .lty-ticket-number-wrapper ul li.lty-ticket.lty-unselected-ticket {
	background: var(--ck-surface-2) !important;
	color: var(--ck-text) !important;
}

.ck-tm-style .lty-lottery-ticket-panel .lty-ticket-number-wrapper ul li.lty-ticket.lty-booked-ticket,
.ck-tm-style .lty-lottery-ticket-panel .lty-ticket-number-wrapper ul li.lty-ticket.lty-reserved-ticket {
	background: transparent;
	border-style: dashed;
	color: var(--ck-muted);
	cursor: not-allowed;
	opacity: .5;
	text-decoration: line-through;
}

.ck-tm-style .lty-lottery-ticket-panel .lty-ticket-number-wrapper ul li.lty-ticket.lty-processing-ticket {
	background: color-mix(in srgb, var(--ck-instant) 18%, transparent);
	border-color: color-mix(in srgb, var(--ck-instant) 55%, transparent);
	color: var(--ck-instant);
	cursor: default;
}

.ck-tm-style .lty-ticket-number-wrapper .lty-toggle-view-button {
	float: none;
	margin: 12px 0 0;
	text-align: center;
}

.ck-tm-style .lty-ticket-number-wrapper .lty-toggle-lottery-tickets {
	color: var(--ck-accent-2);
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
}

/* A key under the grid, added by compkit.js. */
.ck-ticket-key {
	color: var(--ck-muted);
	display: flex;
	flex-wrap: wrap;
	font-size: 12px;
	gap: 6px 16px;
	margin-top: 14px;
}

.ck-ticket-key span {
	align-items: center;
	display: inline-flex;
	gap: 6px;
}

.ck-ticket-key i {
	background: var(--ck-surface-2);
	border: 1px solid var(--ck-line);
	border-radius: 4px;
	display: inline-block;
	height: 14px;
	width: 14px;
}

.ck-ticket-key .is-picked i {
	background: var(--ck-fade);
	border-color: transparent;
}

.ck-ticket-key .is-cart i {
	background: color-mix(in srgb, var(--ck-instant) 18%, transparent);
	border-color: color-mix(in srgb, var(--ck-instant) 55%, transparent);
}

.ck-ticket-key .is-sold i {
	background: transparent;
	border-style: dashed;
	opacity: .6;
}

/* Number search. */
.ck-tm-style .lty-lottery-manual-ticket-search-container {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 14px;
}

.ck-tm-style .lty-lottery-manual-ticket-search-container .lty-manual-ticket-search {
	flex: 1 1 180px;
	min-width: 0;
}

.ck-skin.ck-tm-style .lty-manual-ticket-search-action,
.ck-skin.ck-tm-style .lty-manual-ticket-click-to-back-action {
	background: var(--ck-surface-2);
	border: 1px solid var(--ck-line);
	border-radius: calc(var(--ck-radius) * .6);
	color: var(--ck-text);
	font-weight: 700;
	margin: 0;
	padding: 10px 16px;
}

.ck-skin.ck-tm-style .lty-manual-ticket-search-action:hover,
.ck-skin.ck-tm-style .lty-manual-ticket-click-to-back-action:hover {
	border-color: var(--ck-accent);
	color: var(--ck-text);
}

/* Lucky dip popups (jQuery Modal). */
.ck-skin .blocker .modal .lty-lucky-dip-tickets,
.ck-skin .blocker .modal .lty-regenerate-lucky-dip-tickets {
	background: var(--ck-surface-2);
	border: 1px solid var(--ck-line);
	border-radius: calc(var(--ck-radius) * .6);
	color: var(--ck-text);
	font-family: var(--ck-font-heading);
	height: auto;
	line-height: 1.7;
	max-height: 180px;
	overflow-y: auto;
	padding: 14px;
}

.ck-skin .blocker .modal .lty-lucky-dip-tickets b,
.ck-skin .blocker .modal .lty-regenerate-lucky-dip-tickets b {
	color: var(--ck-instant);
	font-family: var(--ck-font-body);
}

.ck-skin .blocker .modal.lty-ticket-lucky-dip-popup-wrapper .button,
.ck-skin .blocker .modal.lty-regenerate-ticket-lucky-dip-popup-wrapper .button {
	margin: 6px 6px 0 0;
}

.ck-skin .blocker .modal .lty-regenerate-lucky-dip-quantity-field {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.ck-skin .blocker .modal .lty-regenerate-lucky-dip-quantity-field label {
	color: var(--ck-muted);
	margin: 0;
}

.ck-skin .blocker .modal h4,
.ck-skin .blocker .modal h5 {
	color: var(--ck-text);
	font-family: var(--ck-font-heading);
}

/* Ticket Machine: skill question ----------------------------------------- */

.ck-skin .lty-lottery-question-answer-container {
	background: var(--ck-surface);
	border: 1px solid var(--ck-line);
	border-radius: var(--ck-radius);
	box-sizing: border-box;
	display: block;
	float: none;
	margin: 6px 0 18px;
	padding: 18px;
}

.ck-skin .lty-lottery-question-answer-container h3 {
	font-family: var(--ck-font-heading);
	font-size: 16px;
	letter-spacing: .04em;
	margin: 0 0 10px;
	text-transform: uppercase;
}

.ck-skin .lty-lottery-question-answer-container p.lty-lottery-question {
	color: var(--ck-text);
	float: none;
	font-size: 17px;
	font-weight: 700;
	margin: 0 0 14px;
}

.ck-skin .lty-lottery-question-answer-container ul.lty-lottery-answers {
	display: grid;
	float: none;
	gap: 8px;
	grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
	margin: 0;
}

/* Ticket Machine prints its answer colours inline, so these carry !important. */
.ck-skin .lty-lottery-question-answer-container ul.lty-lottery-answers li {
	background: var(--ck-surface-2) !important;
	border: 1px solid var(--ck-line);
	border-radius: calc(var(--ck-radius) * .6);
	box-shadow: none;
	color: var(--ck-text) !important;
	font-weight: 700;
	justify-content: flex-start;
	margin: 0;
	padding: 12px 16px;
	transform: none;
	width: auto;
}

.ck-skin .lty-lottery-question-answer-container ul.lty-lottery-answers li::before {
	border: 2px solid var(--ck-line);
	border-radius: 50%;
	box-sizing: border-box;
	content: "";
	flex: 0 0 auto;
	height: 18px;
	margin-right: 10px;
	width: 18px;
}

.ck-skin .lty-lottery-question-answer-container ul.lty-lottery-answers li:hover {
	border-color: var(--ck-accent);
}

.ck-skin .lty-lottery-question-answer-container ul.lty-lottery-answers li.lty-selected {
	background: var(--ck-fade) !important;
	border-color: transparent;
	color: var(--ck-btn-text) !important;
}

.ck-skin .lty-lottery-question-answer-container ul.lty-lottery-answers li.lty-selected::before {
	background: currentColor;
	border-color: currentColor;
	box-shadow: inset 0 0 0 3px var(--ck-accent);
}

.ck-skin .lty-lottery-options-field-wrapper {
	float: none;
	margin: 0;
}

.ck-skin .lty-lottery-options-field-wrapper select {
	background-color: var(--ck-surface-2);
	border: 1px solid var(--ck-line);
	border-radius: calc(var(--ck-radius) * .6);
	color: var(--ck-text);
	height: 46px;
	min-width: 220px;
	padding: 0 12px;
}

/* The answer timer reuses the page countdown boxes; only its label is new. */
.ck-skin .lty-lottery-question-answer-timer-wrapper {
	margin: 0 0 14px;
}

.ck-skin .lty-lottery-question-answer-timer-label {
	color: var(--ck-muted);
	font-size: 13px;
	margin: 0 0 8px;
}

/* Ticket Machine: range slider ------------------------------------------- */

.ck-skin .lty-lottery-range-slider-wrapper {
	background: var(--ck-surface);
	border: 1px solid var(--ck-line);
	border-radius: var(--ck-radius);
	box-sizing: border-box;
	float: none;
	margin: 6px 0 18px;
	overflow: hidden;
	padding: 56px 18px 52px;
}

.ck-skin .lty-lottery-range-slider-wrapper .lty-lottery-range-slider-content {
	align-items: center;
	gap: 18px;
	margin: 0;
	width: 100%;
}

.ck-skin .lty-quantity-range-slider {
	background: var(--ck-surface-2) !important;
	border-radius: 999px;
	flex: 1;
	height: 8px;
	margin: 0;
	width: auto;
}

.ck-skin .lty-quantity-range-slider .ui-widget-header {
	background: var(--ck-fade) !important;
	border-radius: 999px;
}

.ck-skin .lty-quantity-range-slider .ui-slider-handle {
	background: var(--ck-text) !important;
	border: 3px solid var(--ck-accent) !important;
	box-shadow: 0 2px 10px rgba(0, 0, 0, .4);
	cursor: grab;
	height: 24px !important;
	top: -8px;
	width: 24px !important;
}

.ck-skin .lty-quantity-range-slider .ui-slider-handle:focus-visible {
	outline: 2px solid var(--ck-accent);
	outline-offset: 3px;
}

.ck-skin .lty-lottery-range-slider-btn {
	background: var(--ck-surface-2) !important;
	border: 1px solid var(--ck-line) !important;
	border-radius: 50% !important;
	color: var(--ck-text) !important;
	flex: 0 0 auto;
	font-family: var(--ck-font-heading);
	font-size: 20px !important;
	height: 40px !important;
	line-height: 1 !important;
	width: 40px !important;
}

.ck-skin .lty-lottery-range-slider-btn:hover {
	border-color: var(--ck-accent) !important;
}

.ck-skin .lty-lottery-range-value {
	background: var(--ck-price);
	border-radius: 999px;
	bottom: -42px;
	color: var(--ck-price-text);
	font-size: 13px;
	font-weight: 800;
	padding: 5px 12px;
}

.ck-skin .lty-lottery-range-value::before {
	display: none;
}

.ck-skin .lty-lottery-range-slider-content .lty-range-slider-discount {
	background: var(--ck-surface-2);
	border: 1px solid var(--ck-line);
	border-radius: 999px;
	color: var(--ck-text);
	top: -46px;
}

.ck-skin .lty-lottery-range-slider-content .lty-range-slider-discount::before {
	display: none;
}

.ck-skin .lty-lottery-range-slider-content .lty-range-slider-discount-active {
	background: var(--ck-instant) !important;
	border-color: transparent;
	color: #fff;
}

/* On a phone the bundle tags crowd into one pile; the bundle tiles above
   already show each saving. */
@media (max-width: 600px) {
	.ck-skin .lty-lottery-range-slider-content .lty-range-slider-discount {
		display: none;
	}

	.ck-skin .lty-lottery-range-slider-wrapper {
		padding-top: 22px;
	}
}

/* Ticket Machine: result and limit notices -------------------------------- */

.ck-skin .lty-winner-message,
.ck-skin .lty-lose-message,
.ck-skin .lty-waiting-result-message,
.ck-skin .lty-failed-reason,
.ck-skin .lty-gift-product-notice,
.ck-skin .lty-guest-error,
.ck-skin .lty-instant-win-better-luck-message,
.ck-skin .lty-instant-win-gift-product-message {
	--ck-note: var(--ck-accent);
	background: color-mix(in srgb, var(--ck-note) 12%, var(--ck-surface));
	border: 1px solid color-mix(in srgb, var(--ck-note) 45%, transparent);
	border-radius: calc(var(--ck-radius) * .6);
	box-sizing: border-box;
	color: var(--ck-text);
	display: block;
	font-weight: 600;
	margin: 0 0 16px;
	padding: 12px 16px 12px 46px;
	position: relative;
}

.ck-skin .lty-winner-message::before,
.ck-skin .lty-lose-message::before,
.ck-skin .lty-waiting-result-message::before,
.ck-skin .lty-failed-reason::before,
.ck-skin .lty-gift-product-notice::before,
.ck-skin .lty-guest-error::before,
.ck-skin .lty-instant-win-better-luck-message::before,
.ck-skin .lty-instant-win-gift-product-message::before {
	--ck-i: var(--ck-i-info);
	background: var(--ck-note);
	content: "";
	height: 20px;
	left: 16px;
	position: absolute;
	top: 13px;
	width: 20px;
	-webkit-mask: var(--ck-i) center / contain no-repeat;
	mask: var(--ck-i) center / contain no-repeat;
}

.ck-skin .lty-winner-message,
.ck-skin .lty-gift-product-notice,
.ck-skin .lty-instant-win-gift-product-message {
	--ck-note: var(--ck-instant);
}

.ck-skin .lty-winner-message::before {
	--ck-i: var(--ck-i-trophy);
}

.ck-skin .lty-gift-product-notice::before,
.ck-skin .lty-instant-win-gift-product-message::before {
	--ck-i: var(--ck-i-gift);
}

.ck-skin .lty-lose-message,
.ck-skin .lty-instant-win-better-luck-message {
	--ck-note: var(--ck-muted);
}

.ck-skin .lty-failed-reason,
.ck-skin .lty-guest-error {
	--ck-note: var(--ck-urgent);
}

.ck-skin .lty-failed-reason::before {
	--ck-i: var(--ck-i-x-circle);
}

.ck-skin .lty-guest-error::before {
	--ck-i: var(--ck-i-user);
}

.ck-skin .lty-guest-error a {
	color: var(--ck-accent-2);
	font-weight: 700;
}

.ck-skin .lty-waiting-result-message {
	--ck-note: var(--ck-price);
}

.ck-skin .lty-waiting-result-message::before {
	--ck-i: var(--ck-i-calendar);
}

.ck-skin .lty-minimum-ticket-notice,
.ck-skin .lty-maximum-ticket-notice,
.ck-skin .lty-minimum-tickets-per-user-notice,
.ck-skin .lty-maximum-tickets-per-user-notice,
.ck-skin .lty-winners-count,
.ck-skin .lty-lottery-start-time-label,
.ck-skin .lty-lottery-end-time-label {
	color: var(--ck-muted);
	font-size: 14px;
}

.ck-skin .lty-lottery-start-time-label b,
.ck-skin .lty-lottery-end-time-label b,
.ck-skin .lty-winners-count b {
	color: var(--ck-text);
}

/* Ticket Machine: instant wins on the thank-you and order pages ----------- */

.ck-skin .lty-order-instant-winners-wrapper {
	margin: 24px 0;
}

.ck-skin .lty-order-instant-winners-heading {
	font-family: var(--ck-font-heading);
	margin: 0 0 12px;
}

.ck-skin .lty-order-instant-winners-wrapper tfoot nav ul li a {
	background: var(--ck-surface-2);
	border-radius: 8px;
	color: var(--ck-text);
}

.ck-skin .lty-order-instant-winners-wrapper tfoot nav ul li a.current,
.ck-skin .lty-order-instant-winners-wrapper tfoot nav ul li a:hover,
.ck-skin .lty-lottery-winners-by-date-footer nav ul li a.current,
.ck-skin .lty-lottery-winners-by-date-footer nav ul li a:hover,
.ck-skin .lty-lottery-instant-winners-by-date-footer nav ul li a.current,
.ck-skin .lty-lottery-instant-winners-by-date-footer nav ul li a:hover {
	background: var(--ck-accent);
	color: #fff;
}

/* Ticket Machine: its own pagination (prize groups, order instant wins) --- */

.ck-skin .lty-pagination-wrapper nav ul {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	justify-content: center;
	padding: 0;
}

.ck-skin .lty-pagination-wrapper nav ul li {
	margin: 0;
}

.ck-skin .lty-pagination-wrapper nav ul li a {
	background: var(--ck-surface-2);
	border: 1px solid var(--ck-line);
	border-radius: 8px;
	color: var(--ck-text);
	font-weight: 700;
	min-width: 40px;
	padding: 8px 12px;
	text-align: center;
}

.ck-skin .lty-pagination-wrapper nav ul li a:hover {
	border-color: var(--ck-accent);
}

.ck-skin .lty-pagination-wrapper nav ul li a.current {
	background: var(--ck-fade);
	border-color: transparent;
	color: var(--ck-btn-text);
}

/* Ticket Machine: winners by date shortcodes ----------------------------- */

.ck-skin .lty-lottery-winners-by-date-inner-wrapper,
.ck-skin .lty-lottery-instant-winners-by-date-inner-wrapper {
	display: grid;
	float: none;
	gap: 12px;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
}

.ck-skin .lty-lottery-winners-by-date-inner-wrapper .lty-lottery-winners-by-date-content,
.ck-skin .lty-lottery-instant-winners-by-date-inner-wrapper .lty-lottery-instant-winners-by-date-content {
	background: var(--ck-surface);
	border: 1px solid var(--ck-line);
	border-radius: var(--ck-radius);
	box-shadow: none;
	float: none;
	margin: 0;
	width: auto;
}

.ck-skin .lty-lottery-winners-by-date-content p,
.ck-skin .lty-lottery-instant-winners-by-date-content p {
	color: var(--ck-muted);
	font-size: 14px;
	margin: 8px 0;
}

.ck-skin .lty-lottery-winners-by-date-content p b,
.ck-skin .lty-lottery-instant-winners-by-date-content p b {
	color: var(--ck-text);
	font-size: 15px;
	font-weight: 700;
}

.ck-skin .lty-lottery-winners-by-date-content p.lty-lottery-winners-date,
.ck-skin .lty-lottery-instant-winners-by-date-content p.lty-lottery-instant-winners-date {
	border-bottom: 1px dashed var(--ck-line);
	color: var(--ck-accent-2);
	font-family: var(--ck-font-heading);
	font-size: 15px !important;
	letter-spacing: .04em;
	text-transform: uppercase;
}

.ck-skin .lty-lottery-winners-by-date-footer,
.ck-skin .lty-lottery-instant-winners-by-date-footer {
	float: none;
	padding: 14px 0 0;
}

/* Ticket Machine: single entry list -------------------------------------- */

.ck-skin .lty-entry-list-header-wrapper {
	border-bottom: 1px solid var(--ck-line);
	float: none;
	padding-bottom: 14px;
}

.ck-skin .lty-entry-list-header-wrapper h2,
.ck-skin .lty-entry-list-ticket-logs-content-wrapper h3,
.ck-skin .lty-entry-list-winners-logs-content-wrapper h3 {
	color: var(--ck-text);
	font-family: var(--ck-font-heading);
	font-weight: 800;
}

.ck-skin .lty-entry-list-ticket-logs-content-wrapper h3,
.ck-skin .lty-entry-list-winners-logs-content-wrapper h3 {
	border-bottom: 1px solid var(--ck-line);
	font-size: 22px;
}

.ck-skin .lty-entry-list-content-wrapper p {
	color: var(--ck-text);
}

.ck-skin .lty-entry-list-content-wrapper p:nth-child(even) {
	background: color-mix(in srgb, var(--ck-surface-2) 60%, transparent);
}

.ck-skin .lty-entry-list-content-wrapper p label {
	color: var(--ck-muted);
	font-size: 14px;
}

.ck-skin .lty-entry-list-content-wrapper .lty-entry-list-title a {
	color: var(--ck-accent-2);
	text-decoration: none;
}

.ck-skin .lty-entry-list-summary-content {
	background: var(--ck-surface);
	border: 1px solid var(--ck-line);
	border-radius: var(--ck-radius);
	box-sizing: border-box;
	padding: 10px;
}

/* Ticket Machine: competition search widget ------------------------------- */

.ck-skin .lty-product-search label {
	color: var(--ck-muted);
	font-size: 12px;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.ck-skin .lty-product-search input[type='search'] {
	background: var(--ck-surface-2);
	border: 1px solid var(--ck-line);
	border-radius: calc(var(--ck-radius) * .6);
	color: var(--ck-text);
	padding: 10px 14px;
}

/* "You're in": the customer's tickets for this competition ------------- */

.ck-my-tickets {
	align-items: center;
	background:
		linear-gradient(135deg, color-mix(in srgb, var(--ck-instant) 16%, transparent), transparent 60%),
		var(--ck-surface);
	border: 1px solid color-mix(in srgb, var(--ck-instant) 45%, transparent);
	border-radius: var(--ck-radius);
	display: flex;
	flex-wrap: wrap;
	gap: 12px 16px;
	margin: 0 0 18px;
	padding: 16px 18px;
}

.ck-my-tickets__icon {
	align-items: center;
	background: color-mix(in srgb, var(--ck-instant) 18%, transparent);
	border-radius: 50%;
	color: var(--ck-instant);
	display: inline-flex;
	flex: 0 0 auto;
	height: 48px;
	justify-content: center;
	width: 48px;
}

.ck-my-tickets__icon .ck-icon {
	height: 24px;
	width: 24px;
}

.ck-my-tickets__body {
	flex: 1 1 200px;
	min-width: 0;
}

.ck-skin .ck-my-tickets p {
	margin: 0;
}

.ck-my-tickets__label {
	color: var(--ck-instant);
	font-family: var(--ck-font-heading);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.ck-my-tickets__count {
	color: var(--ck-text);
	font-size: 16px;
}

.ck-my-tickets__count strong {
	font-family: var(--ck-font-heading);
	font-size: 22px;
}

.ck-skin ul.ck-my-tickets__nums {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	list-style: none;
	margin: 8px 0 0;
	padding: 0;
}

.ck-my-tickets__nums li {
	background: var(--ck-surface-2);
	border: 1px solid var(--ck-line);
	border-radius: 6px;
	color: var(--ck-text);
	font-family: var(--ck-font-heading);
	font-size: 13px;
	font-weight: 700;
	padding: 3px 9px;
}

.ck-my-tickets__nums li.is-more {
	background: transparent;
	color: var(--ck-muted);
}

.ck-skin .ck-my-tickets p.ck-my-tickets__limit {
	align-items: center;
	color: var(--ck-price);
	display: flex;
	font-size: 13px;
	font-weight: 600;
	gap: 6px;
	margin-top: 10px;
}

.ck-my-tickets__limit::before {
	--ck-i: var(--ck-i-lock);
	background: currentColor;
	content: "";
	flex: 0 0 16px;
	height: 16px;
	-webkit-mask: var(--ck-i) center / contain no-repeat;
	mask: var(--ck-i) center / contain no-repeat;
}

.ck-my-tickets__link {
	border: 1px solid var(--ck-line);
	border-radius: 999px;
	color: var(--ck-text);
	font-size: 14px;
	font-weight: 700;
	padding: 8px 16px;
	text-decoration: none;
	white-space: nowrap;
}

.ck-my-tickets__link:hover {
	border-color: var(--ck-instant);
	color: var(--ck-text);
}

/* Draw result cards and the winners list -------------------------------- */

.ck-result {
	--ck-res: var(--ck-accent);
	align-items: center;
	background:
		linear-gradient(135deg, color-mix(in srgb, var(--ck-res) 14%, transparent), transparent 65%),
		var(--ck-surface);
	border: 1px solid color-mix(in srgb, var(--ck-res) 40%, var(--ck-line));
	border-radius: var(--ck-radius);
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	gap: 14px 18px;
	margin: 4px 0 18px;
	padding: 20px;
}

.ck-result--win { --ck-res: var(--ck-instant); }
.ck-result--lose,
.ck-result--over { --ck-res: var(--ck-accent); }
.ck-result--wait { --ck-res: var(--ck-price); }
.ck-result--failed { --ck-res: var(--ck-urgent); }

.ck-result__icon {
	align-items: center;
	background: color-mix(in srgb, var(--ck-res) 16%, transparent);
	border-radius: 50%;
	color: var(--ck-res);
	display: inline-flex;
	flex: 0 0 auto;
	height: 54px;
	justify-content: center;
	width: 54px;
}

.ck-result__icon .ck-icon {
	height: 26px;
	width: 26px;
}

.ck-result__body {
	flex: 1 1 220px;
	min-width: 0;
}

.ck-skin .ck-result p {
	margin: 0;
}

.ck-result__label {
	color: var(--ck-res);
	font-family: var(--ck-font-heading);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.ck-skin .ck-result h3.ck-result__title {
	color: var(--ck-text);
	font-family: var(--ck-font-heading);
	font-size: 22px;
	line-height: 1.2;
	margin: 2px 0 4px;
	text-transform: var(--ck-heading-case);
}

.ck-skin .ck-result p.ck-result__text {
	color: var(--ck-muted);
	font-size: 15px;
}

.ck-skin ul.ck-result__tickets {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	list-style: none;
	margin: 10px 0 0;
	padding: 0;
}

.ck-result__tickets li {
	background: var(--ck-res);
	border-radius: 6px;
	color: #fff;
	font-family: var(--ck-font-heading);
	font-weight: 800;
	padding: 4px 10px;
}

.ck-skin a.ck-result__cta {
	align-items: center;
	background: var(--ck-fade);
	border-radius: 999px;
	color: var(--ck-btn-text);
	display: inline-flex;
	font-weight: 700;
	gap: 8px;
	padding: 11px 20px;
	text-decoration: none;
	white-space: nowrap;
}

.ck-result__cta .ck-icon {
	height: 16px;
	width: 16px;
}

.ck-winners {
	margin: 0 0 6px;
}

.ck-skin .ck-winners h3.ck-winners__title {
	align-items: center;
	display: flex;
	font-family: var(--ck-font-heading);
	font-size: 16px;
	gap: 8px;
	letter-spacing: .04em;
	margin: 0 0 10px;
	text-transform: uppercase;
}

.ck-winners__title .ck-icon {
	color: var(--ck-price);
	height: 20px;
	width: 20px;
}

.ck-skin ul.ck-winners__list {
	display: grid;
	gap: 8px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.ck-winner {
	align-items: center;
	background: var(--ck-surface-2);
	border: 1px solid var(--ck-line);
	border-radius: calc(var(--ck-radius) * .7);
	display: flex;
	gap: 12px;
	padding: 10px 12px;
}

.ck-winner__avatar {
	align-items: center;
	background: var(--ck-fade);
	border-radius: 50%;
	color: var(--ck-btn-text);
	display: inline-flex;
	flex: 0 0 38px;
	font-family: var(--ck-font-heading);
	font-weight: 800;
	height: 38px;
	justify-content: center;
}

.ck-winner__main {
	display: flex;
	flex: 1;
	flex-direction: column;
	min-width: 0;
}

.ck-winner__name {
	color: var(--ck-text);
	font-weight: 700;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ck-winner__meta {
	color: var(--ck-muted);
	font-size: 13px;
}

.ck-winner__ticket {
	align-items: center;
	background: color-mix(in srgb, var(--ck-price) 14%, transparent);
	border: 1px solid color-mix(in srgb, var(--ck-price) 45%, transparent);
	border-radius: 999px;
	color: var(--ck-price);
	display: inline-flex;
	font-family: var(--ck-font-heading);
	font-weight: 800;
	gap: 6px;
	padding: 5px 12px;
	white-space: nowrap;
}

.ck-winner__ticket .ck-icon {
	height: 15px;
	width: 15px;
}

/* Header account menu ----------------------------------------------------- */

.ck-menu-account-wrap {
	position: relative;
}

.ck-account-menu {
	background: var(--ck-surface);
	border: 1px solid var(--ck-line);
	border-radius: var(--ck-radius);
	box-shadow: 0 18px 40px rgba(0, 0, 0, .45);
	min-width: 240px;
	opacity: 0;
	padding: 8px;
	pointer-events: none;
	position: absolute;
	right: -8px;
	top: calc(100% + 10px);
	transform: translateY(-4px);
	transition: opacity .15s ease, transform .15s ease;
	z-index: 200;
}

/* A hover bridge over the gap between icon and menu. */
.ck-account-menu::before {
	content: "";
	height: 12px;
	left: 0;
	position: absolute;
	right: 0;
	top: -12px;
}

.ck-menu-account-wrap.has-menu:hover .ck-account-menu,
.ck-menu-account-wrap.has-menu:focus-within .ck-account-menu,
.ck-menu-account-wrap.is-open .ck-account-menu {
	opacity: 1;
	pointer-events: auto;
	transform: none;
}

.ck-skin .ck-account-menu p.ck-account-menu__hi {
	border-bottom: 1px solid var(--ck-line);
	color: var(--ck-muted);
	display: flex;
	flex-direction: column;
	font-size: 12px;
	margin: 0 0 6px;
	padding: 6px 10px 10px;
}

.ck-account-menu__hi strong {
	color: var(--ck-text);
	font-size: 15px;
}

.ck-skin .ck-account-menu a {
	align-items: center;
	border-radius: 8px;
	color: var(--ck-text);
	display: flex;
	font-size: 14px;
	font-weight: 600;
	gap: 10px;
	padding: 9px 10px;
	text-decoration: none;
}

.ck-skin .ck-account-menu a:hover,
.ck-skin .ck-account-menu a:focus-visible {
	background: var(--ck-surface-2);
}

.ck-account-menu a .ck-icon {
	color: var(--ck-muted);
	height: 18px;
	width: 18px;
}

.ck-skin .ck-account-menu a.is-logout {
	border-top: 1px solid var(--ck-line);
	border-radius: 0 0 8px 8px;
	color: var(--ck-muted);
	margin-top: 6px;
	padding-top: 12px;
}

@media (max-width: 768px) {
	.ck-account-menu {
		position: fixed;
		right: 12px;
		top: 70px;
	}
}

/* The notice as a bar at the top. */
.ck-footer-notice--top {
	background: var(--ck-surface);
	border-bottom: 1px solid var(--ck-line);
	border-top: 0;
	font-size: 13px;
}

.ck-footer-notice--top .inside-site-info {
	padding-bottom: 8px;
	padding-top: 8px;
}

.ck-footer-notice--bottom {
	border-top: 0;
	font-size: 13px;
}

.ck-footer-notice--bottom .inside-site-info {
	padding-bottom: 24px;
	padding-top: 0;
}

/* Account overview -------------------------------------------------------- */

.ck-account-hello h2 {
	font-family: var(--ck-font-heading);
	margin: 0 0 4px;
}

.ck-skin .ck-account-hello p {
	color: var(--ck-muted);
	margin: 0 0 20px;
}

.ck-acc-stats {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
	margin: 0 0 24px;
}

.ck-acc-stat {
	background: var(--ck-surface);
	border: 1px solid var(--ck-line);
	border-radius: var(--ck-radius);
	display: grid;
	gap: 2px 12px;
	grid-template-columns: auto 1fr;
	padding: 16px;
}

.ck-acc-stat__icon {
	align-items: center;
	background: color-mix(in srgb, var(--ck-accent) 16%, transparent);
	border-radius: 12px;
	color: var(--ck-accent);
	display: inline-flex;
	grid-row: span 2;
	height: 44px;
	justify-content: center;
	width: 44px;
}

.ck-acc-stat__icon .ck-icon {
	height: 22px;
	width: 22px;
}

.ck-acc-stat strong {
	color: var(--ck-text);
	font-family: var(--ck-font-heading);
	font-size: 26px;
	line-height: 1.1;
}

.ck-acc-stat > span:last-child {
	color: var(--ck-muted);
	font-size: 13px;
}

.ck-account-section {
	margin: 0 0 24px;
}

.ck-account-section__head {
	align-items: baseline;
	display: flex;
	justify-content: space-between;
	margin: 0 0 10px;
}

.ck-skin .ck-account-section__head h3 {
	font-family: var(--ck-font-heading);
	font-size: 18px;
	margin: 0;
}

.ck-account-section__head a {
	color: var(--ck-accent-2);
	font-weight: 700;
	text-decoration: none;
}

.ck-entries {
	display: grid;
	gap: 8px;
}

.ck-skin a.ck-entry {
	align-items: center;
	background: var(--ck-surface);
	border: 1px solid var(--ck-line);
	border-radius: calc(var(--ck-radius) * .7);
	color: var(--ck-text);
	display: grid;
	gap: 4px 14px;
	grid-template-columns: 56px 1fr auto;
	padding: 8px 14px 8px 8px;
	text-decoration: none;
}

.ck-skin a.ck-entry:hover {
	border-color: var(--ck-accent);
}

.ck-entry__img {
	border-radius: 8px;
	grid-row: span 2;
	height: 56px;
	object-fit: cover;
	width: 56px;
}

.ck-entry__name {
	font-weight: 700;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ck-entry__count {
	color: var(--ck-instant);
	font-family: var(--ck-font-heading);
	font-weight: 800;
	grid-row: span 2;
	white-space: nowrap;
}

.ck-entry__end {
	color: var(--ck-muted);
	font-size: 13px;
}

.ck-account-empty {
	align-items: center;
	background: var(--ck-surface);
	border: 1px dashed var(--ck-line);
	border-radius: var(--ck-radius);
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 28px 20px;
	text-align: center;
}

.ck-account-empty > .ck-icon {
	color: var(--ck-muted);
	height: 30px;
	width: 30px;
}

.ck-skin .ck-account-empty p {
	color: var(--ck-muted);
	margin: 0;
}

/* Ticket Machine's My competitions tab inside My Account. */
.ck-skin .lty-myaccount-lottery-wrapper > h2 {
	font-family: var(--ck-font-heading);
	margin: 0 0 14px;
}

.ck-skin .lty-myaccount-lottery-navigation ul {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	list-style: none;
	margin: 0 0 18px;
	padding: 0;
}

.ck-skin .lty-myaccount-lottery-navigation li {
	margin: 0;
}

.ck-skin .lty-myaccount-lottery-navigation a {
	background: var(--ck-surface-2);
	border: 1px solid var(--ck-line);
	border-radius: 999px;
	color: var(--ck-muted);
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	padding: 8px 16px;
	text-decoration: none;
}

.ck-skin .lty-myaccount-lottery-navigation .is-active a,
.ck-skin .lty-myaccount-lottery-navigation a.lty-active,
.ck-skin .lty-myaccount-lottery-navigation li.lty-active a,
.ck-skin .lty-myaccount-lottery-navigation a:hover {
	background: var(--ck-fade);
	border-color: transparent;
	color: var(--ck-btn-text);
}

@media (max-width: 600px) {
	.ck-skin a.ck-entry {
		grid-template-columns: 48px 1fr;
	}

	.ck-entry__img {
		height: 48px;
		width: 48px;
	}

	.ck-entry__count {
		grid-row: auto;
		grid-column: 2;
	}
}

/* Infinite scroll ------------------------------------------------------- */

.ck-more {
	display: flex;
	justify-content: center;
	margin: 36px 0 12px;
}

.ck-skin .ck-more__btn {
	background: var(--ck-surface);
	border: 1px solid var(--ck-line);
	border-radius: 999px;
	color: var(--ck-text);
	font-weight: 700;
	padding: 12px 26px;
}

.ck-skin .ck-more__btn:hover,
.ck-skin .ck-more__btn:focus {
	background: var(--ck-surface-2);
	border-color: var(--ck-accent);
	color: var(--ck-text);
}

.ck-more.is-loading .ck-more__btn {
	opacity: .7;
	pointer-events: none;
}

/* Ticket Machine popups (jQuery Modal), like "View more details" ------- */

.ck-skin .blocker {
	background: rgba(0, 0, 0, .72);
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
}

.ck-skin .blocker .modal {
	background: var(--ck-surface);
	border: 1px solid var(--ck-line);
	border-radius: var(--ck-radius);
	box-shadow: 0 30px 80px -20px rgba(0, 0, 0, .8);
	color: var(--ck-text);
	max-width: min(560px, calc(100vw - 32px));
	padding: 26px;
}

.ck-skin .blocker .modal .lty-lottery-tickets-modal-title,
.ck-skin .blocker .modal h2,
.ck-skin .blocker .modal h3 {
	color: var(--ck-text);
	font-family: var(--ck-font-heading);
	font-size: 20px;
	line-height: 1.3;
}

.ck-skin .blocker .modal .lty-lottery-tickets-modal-title a {
	color: var(--ck-accent-2);
	text-decoration: none;
}

.ck-skin .blocker .modal p,
.ck-skin .blocker .modal .lty-lottery-tickets-modal-content > span,
.ck-skin .blocker .modal .lty-lottery-tickets-modal-content > div:not(.lty-data-table-wrapper) {
	color: var(--ck-muted);
}

.ck-skin .blocker .modal table {
	background: var(--ck-surface-2);
	border: 1px solid var(--ck-line);
	border-collapse: separate;
	border-radius: calc(var(--ck-radius) * .6);
	border-spacing: 0;
	margin-top: 12px;
	overflow: hidden;
	width: 100%;
}

.ck-skin .blocker .modal table th {
	background: transparent;
	border: 0;
	border-bottom: 1px solid var(--ck-line);
	color: var(--ck-muted);
	font-size: 12px;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.ck-skin .blocker .modal table tbody tr,
.ck-skin .blocker .modal table tbody tr:nth-child(2n) {
	background: transparent;
}

/* TM paints odd rows white with !important and makes the table a block so it scrolls. */
.ck-skin .blocker .modal .lty-customer-lottery-tickets tr:nth-child(n) {
	background: transparent !important;
}

.ck-skin .blocker .modal .lty-customer-lottery-tickets thead,
.ck-skin .blocker .modal .lty-customer-lottery-tickets tbody {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.ck-skin .blocker .modal table tbody tr + tr td {
	border-top: 1px solid var(--ck-line);
}

.ck-skin .blocker .modal table td {
	background: transparent;
	border: 0;
	color: var(--ck-text);
	font-family: var(--ck-font-heading);
	font-weight: 700;
}

.ck-skin .blocker .modal table td a {
	color: var(--ck-accent-2);
	text-decoration: none;
}

.ck-skin .blocker .modal a.close-modal {
	--ck-i: var(--ck-i-x);
	background: var(--ck-surface-2);
	border: 1px solid var(--ck-line);
	border-radius: 50%;
	height: 34px;
	right: -12px;
	top: -12px;
	width: 34px;
}

.ck-skin .blocker .modal a.close-modal::before {
	background: var(--ck-text);
	content: "";
	inset: 0;
	margin: auto;
	height: 16px;
	position: absolute;
	width: 16px;
	-webkit-mask: var(--ck-i) center / contain no-repeat;
	mask: var(--ck-i) center / contain no-repeat;
}

.ck-skin .blocker .modal a.close-modal:hover {
	border-color: var(--ck-accent);
}

/* Motion ---------------------------------------------------------------- */

@keyframes ck-pulse {
	50% {
		transform: scale(1.06);
	}
}

@keyframes ck-blink {
	50% {
		opacity: .3;
	}
}

@keyframes ck-stripes {
	to {
		background-position: 28px 0;
	}
}

@keyframes ck-ticker {
	to {
		transform: translateX(-50%);
	}
}

@media (prefers-reduced-motion: reduce) {
	.ck-ticker__track,
	.ck-pulse .ck-cd.is-urgent,
	.ck-bar-stripes .ck-bar__track span,
	.ck-kicker::before {
		animation: none;
	}

	.ck-ticker {
		overflow-x: auto;
	}

	.ck-card,
	.ck-card__img,
	.ck-hero__img {
		transition: none;
	}
}

/* My Account > My competitions: Ticket Machine's tab, on the dark surface. */
.ck-skin .lty-myaccount-lottery-wrapper > h2 {
	display: none;
}

.ck-skin .lty-myaccount-lottery-navigation {
	margin: 0 0 14px;
}

.ck-skin .lty-myaccount-lottery-contents {
	background: var(--ck-surface);
	border: 1px solid var(--ck-line);
	border-radius: var(--ck-radius);
	min-width: 0;
	overflow: hidden;
	padding: 0;
}

.ck-skin .lty-myaccount-lottery-contents table.lty-frontend-table {
	border: 0;
	margin: 0;
	width: 100%;
}

.ck-skin .lty-myaccount-lottery-contents .lty-frontend-table th,
.ck-skin .lty-myaccount-lottery-contents .lty-frontend-table td {
	padding: 14px 18px;
	vertical-align: middle;
}

.ck-skin .lty-myaccount-lottery-contents .lty-frontend-table tbody tr,
.ck-skin .lty-myaccount-lottery-contents .lty-frontend-table tbody tr:nth-child(2n) {
	background: transparent;
	color: var(--ck-text);
	transition: background .2s;
}

.ck-skin .lty-myaccount-lottery-contents .lty-frontend-table tbody tr:hover {
	background: var(--ck-surface-2);
}

.ck-skin .lty-myaccount-lottery-contents .lty-frontend-table tbody tr:last-child td {
	border-bottom: 0;
}

.ck-skin .lty-myaccount-lottery-contents .lty-frontend-table td:first-child a {
	color: var(--ck-text);
	font-weight: 700;
}

.ck-skin .lty-myaccount-lottery-contents .lty-frontend-table td:first-child a:hover {
	color: var(--ck-accent-2);
}

.ck-skin .lty-myaccount-lottery-contents .lty-frontend-table td[data-title*="uration"],
.ck-skin .lty-myaccount-lottery-contents .lty-frontend-table td[data-title*="ate"] {
	color: var(--ck-muted);
	font-size: 13px;
}

.ck-skin .lty-myaccount-lottery-contents .lty-no-product-notice {
	color: var(--ck-muted);
	display: block;
	padding: 30px 20px;
	text-align: center;
}

@media (max-width: 768px) {
	.ck-skin .lty-myaccount-lottery-contents .lty-frontend-table thead {
		display: none;
	}

	.ck-skin .lty-myaccount-lottery-contents .lty-frontend-table tr {
		border-bottom: 1px solid var(--ck-line);
		display: block;
		padding: 10px 0;
	}

	.ck-skin .lty-myaccount-lottery-contents .lty-frontend-table td {
		border: 0;
		display: block;
		padding: 5px 16px;
		text-align: left !important; /* Ticket Machine forces right. */
	}

	.ck-skin .lty-myaccount-lottery-contents .lty-frontend-table td::before {
		color: var(--ck-muted);
		content: attr(data-title);
		display: block;
		float: none;
		font-size: 11px;
		font-weight: 700;
		letter-spacing: .06em;
		margin-bottom: 2px;
		overflow-wrap: normal;
		text-transform: uppercase;
	}

	.ck-skin .lty-myaccount-lottery-contents .lty-frontend-table td:first-child::before {
		display: none;
	}

	.ck-skin .lty-myaccount-lottery-contents .lty-frontend-table td:first-child a {
		font-size: 16px;
	}

	.ck-skin .lty-myaccount-lottery-contents .lty-frontend-table .lty-view-all-tickets {
		display: block;
		margin-top: 2px;
	}
}

/* A wide logo would push the header icons onto a second row on phones. */
@media (max-width: 768px) {
	.ck-skin .site-header .site-logo .header-image {
		max-width: 150px;
		width: 150px;
	}
}

/* Account tables: row lines only, no spreadsheet grid. */
.ck-skin .woocommerce-MyAccount-content table.shop_table th,
.ck-skin .woocommerce-MyAccount-content table.shop_table td {
	border-width: 0 0 1px;
	border-color: var(--ck-line);
	padding: 13px 16px;
	vertical-align: middle;
}

.ck-skin .woocommerce-MyAccount-content table.shop_table tbody tr:last-child td {
	border-bottom: 0;
}

.ck-skin .woocommerce-MyAccount-content table.shop_table tbody tr {
	transition: background .2s;
}

.ck-skin .woocommerce-MyAccount-content table.shop_table tbody tr:hover {
	background: var(--ck-surface-2);
}

.ck-skin .woocommerce-orders-table__cell-order-number a {
	color: var(--ck-text);
	text-decoration: none;
}

.ck-skin .woocommerce-orders-table__cell-order-number a:hover {
	color: var(--ck-accent-2);
}

.ck-skin .woocommerce-orders-table__cell-order-date {
	color: var(--ck-muted);
}

@media (max-width: 768px) {
	.ck-skin .woocommerce-MyAccount-content table.shop_table_responsive tbody tr {
		border-bottom: 1px solid var(--ck-line);
		display: block;
		padding: 8px 0;
	}

	.ck-skin .woocommerce-MyAccount-content table.shop_table_responsive tbody tr:last-child {
		border-bottom: 0;
	}

	.ck-skin .woocommerce-MyAccount-content table.shop_table_responsive tbody td,
	.ck-skin .woocommerce-MyAccount-content table.shop_table_responsive tbody th {
		border: 0;
		padding: 5px 16px;
	}

	.ck-skin .woocommerce-MyAccount-content table.shop_table_responsive tbody tr:hover {
		background: transparent;
	}

	/* WooCommerce hides the order number on phones; it heads each order instead. */
	.ck-skin .woocommerce-MyAccount-content table.shop_table_responsive tbody th.woocommerce-orders-table__cell-order-number {
		display: block;
		font-size: 17px;
		text-align: left;
	}

	.ck-skin .woocommerce-MyAccount-content table.shop_table_responsive tbody th.woocommerce-orders-table__cell-order-number::before {
		display: none;
	}
}

/* GeneratePress's ".main-navigation a { display:block }" pushed the header
   icons into the corner of their round hover background. */
.ck-skin .main-navigation a.ck-menu-icon,
.ck-skin .site-header a.ck-menu-icon {
	align-items: center;
	display: inline-flex;
	justify-content: center;
	line-height: 1;
	padding: 0;
}

/* Plain labels ------------------------------------------------------------
   Kris, 1 Nov 2026: too many pills. Facts, statuses, tabs and ticket numbers
   are plain text with an icon; only real buttons keep a shape. This section
   overrides the pill rules above. */

/* Over a photo: white text with a shadow instead of a box. */
.ck-skin .ck-badge,
.ck-skin .ck-chip,
.ck-skin .ck-win,
.ck-skin .ck-tile__tag,
.ck-skin .ck-cd--pill .ck-cd__text,
.ck-skin .ck-cd--both .ck-cd__text,
.ck-skin .ck-tile__caption {
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
	background: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	padding: 0;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6), 0 2px 10px rgba(0, 0, 0, .55);
}

.ck-skin .ck-badge,
.ck-skin .ck-tile__tag {
	align-items: center;
	color: #fff;
	display: inline-flex;
	font-size: 12px;
	gap: 6px;
}

.ck-skin .ck-badge--tag { color: var(--ck-price); }
.ck-skin .ck-badge--soon { color: var(--ck-accent-2); }
.ck-skin .ck-badge--urgent { color: color-mix(in srgb, var(--ck-urgent) 70%, #fff); }
.ck-skin .ck-badge--closed { color: rgba(255, 255, 255, .85); }

.ck-skin .ck-badge::before,
.ck-skin .ck-tile__tag::before {
	height: 15px;
	width: 15px;
}

.ck-skin .ck-chips {
	gap: 4px 14px;
}

.ck-skin .ck-chip {
	color: rgba(255, 255, 255, .92);
	font-size: 11px;
	gap: 6px;
}

.ck-skin .ck-chip::before {
	color: var(--ck-accent-2);
	height: 14px;
	width: 14px;
}

/* "WIN" becomes a small coloured word above the headline. */
.ck-skin .ck-win {
	color: var(--ck-accent-2);
	font-size: 12px;
	letter-spacing: .16em;
}

/* Game competitions: the game's own mark on the look's accent, then its name,
   and the WIN line says what you do (SPIN TO WIN). The icon arrives as
   --ck-game-icon from cks_overlay_html(); a site can set --ck-game to recolour. */
.ck-badge--game {
	align-items: center;
	display: inline-flex;
	gap: 7px;
}

.ck-game-mark {
	background: var(--ck-game, var(--ck-accent));
	border-radius: 6px;
	box-shadow: 0 2px 10px color-mix(in srgb, var(--ck-game, var(--ck-accent)) 55%, transparent);
	display: inline-grid;
	flex: none;
	height: 24px;
	place-items: center;
	width: 24px;
}

.ck-game-mark::after {
	background: #fff;
	content: "";
	height: 17px;
	-webkit-mask: var(--ck-game-icon) center / contain no-repeat;
	mask: var(--ck-game-icon) center / contain no-repeat;
	width: 17px;
}

.ck-skin .ck-badge--game {
	color: #fff;
	font-size: 13px;
}

.ck-skin .ck-win--game {
	color: color-mix(in srgb, var(--ck-game, var(--ck-accent)) 45%, #fff);
}

/* Countdown text under the photo. */
.ck-skin .ck-cd--pill .ck-cd__text,
.ck-skin .ck-cd--both .ck-cd__text {
	color: var(--ck-text);
	text-shadow: none;
}

.ck-skin .ck-cd--pill.is-urgent .ck-cd__text,
.ck-skin .ck-cd--both.is-urgent .ck-cd__text {
	background: none;
	color: var(--ck-urgent);
}

.ck-skin .ck-tile__chip .ck-cd__tiles,
.ck-skin .ck-cd--both.show-tiles .ck-cd__tiles {
	border-radius: 10px;
}

.ck-skin .ck-tile__caption {
	color: #fff;
	text-align: left;
}

/* Prices and savings as coloured text. */
.ck-skin .ck-price {
	background: none;
	border-radius: 0;
	color: var(--ck-price);
	padding: 0;
}

.ck-skin .ck-off,
.ck-skin ul.lty-predefined-buttons li .ck-bundle__save {
	background: none;
	border-radius: 0;
	color: var(--ck-instant);
	padding: 0;
}

/* The bundle saving sits on the tile's top edge, so it masks the border. */
.ck-skin ul.lty-predefined-buttons li .ck-bundle__save {
	background: var(--ck-surface);
	padding: 0 6px;
}

.ck-skin .lty-lottery-range-slider-content .lty-range-slider-discount {
	background: none;
	border: 0;
	border-radius: 0;
	color: var(--ck-muted);
	font-weight: 700;
}

.ck-skin .lty-lottery-range-slider-content .lty-range-slider-discount-active {
	background: none !important;
	color: var(--ck-instant);
}

/* Header balance: wallet icon and amount, no capsule. */
.ck-skin .ck-menu-balance,
.ck-skin .menu-bar-items .ck-menu-balance {
	background: none;
	border: 0;
	border-radius: 0;
	font-weight: 700;
	padding: 7px 6px;
}

/* Tabs: words with an underline under the open one. */
.ck-skin .ck-tabs {
	border-bottom: 1px solid var(--ck-line);
	gap: 22px;
	padding-bottom: 0;
}

.ck-skin .ck-tab,
.ck-skin a.ck-tab:hover,
.ck-skin .ck-tab:hover,
.ck-skin .ck-tab:focus,
.ck-skin .ck-tab.is-active {
	background: none;
	border: 0;
	border-bottom: 2px solid transparent;
	border-radius: 0;
	margin-bottom: -1px;
	padding: 10px 0;
}

.ck-skin .ck-tab {
	color: var(--ck-muted);
}

.ck-skin .ck-tab:hover,
.ck-skin a.ck-tab:hover {
	color: var(--ck-text);
}

.ck-skin .ck-tab.is-active {
	border-bottom-color: var(--ck-accent);
	color: var(--ck-text);
}

.ck-skin .woocommerce-tabs ul.tabs {
	border-bottom: 1px solid var(--ck-line) !important;
	gap: 26px !important;
}

.ck-skin .woocommerce-tabs ul.tabs li,
.ck-skin .woocommerce-tabs ul.tabs li.active {
	background: none !important;
	border: 0 !important;
	border-bottom: 2px solid transparent !important;
	border-radius: 0 !important;
	margin-bottom: -1px !important;
}

.ck-skin .woocommerce-tabs ul.tabs li a {
	padding: 12px 0 !important;
}

.ck-skin .woocommerce-tabs ul.tabs li.active {
	border-bottom-color: var(--ck-accent) !important;
}

.ck-skin .woocommerce-tabs ul.tabs li.active a {
	color: var(--ck-text) !important;
}

.ck-tm-style .lty-lottery-ticket-panel .lty-lottery-ticket-tab-wrapper {
	border-bottom: 1px solid var(--ck-line);
	gap: 4px 18px;
}

.ck-tm-style .lty-lottery-ticket-panel .lty-lottery-ticket-tab-wrapper .lty-lottery-ticket-tab,
.ck-tm-style .lty-lottery-ticket-panel .lty-lottery-ticket-tab-wrapper .lty-lottery-ticket-tab:hover,
.ck-tm-style .lty-lottery-ticket-panel .lty-lottery-ticket-tab-wrapper .lty-active-tab,
.ck-tm-style .lty-lottery-ticket-panel .lty-lottery-ticket-tab-wrapper .lty-active-tab:hover {
	background: none;
	border: 0;
	border-bottom: 2px solid transparent;
	border-radius: 0;
	margin-bottom: -1px;
	min-width: 0;
	padding: 8px 2px;
}

.ck-tm-style .lty-lottery-ticket-panel .lty-lottery-ticket-tab-wrapper .lty-lottery-ticket-tab:hover {
	color: var(--ck-text);
}

.ck-tm-style .lty-lottery-ticket-panel .lty-lottery-ticket-tab-wrapper .lty-active-tab,
.ck-tm-style .lty-lottery-ticket-panel .lty-lottery-ticket-tab-wrapper .lty-active-tab:hover {
	border-bottom-color: var(--ck-accent);
	color: var(--ck-text);
}

.ck-skin .lty-myaccount-lottery-navigation nav {
	background: none;
	border: 0;
	border-bottom: 1px solid var(--ck-line);
	border-radius: 0;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 4px 22px;
	padding: 0;
}

.ck-skin .lty-myaccount-lottery-navigation nav a,
.ck-skin .lty-myaccount-lottery-navigation nav a:hover,
.ck-skin .lty-myaccount-lottery-navigation nav a.lty-current,
.ck-skin .lty-myaccount-lottery-navigation nav a.lty-current:hover {
	background: none;
	border: 0;
	border-bottom: 2px solid transparent;
	border-radius: 0;
	color: var(--ck-muted) !important;
	font-weight: 700;
	margin-bottom: -1px;
	padding: 10px 0;
}

.ck-skin .lty-myaccount-lottery-navigation nav a:hover {
	color: var(--ck-text) !important;
}

.ck-skin .lty-myaccount-lottery-navigation nav a.lty-current,
.ck-skin .lty-myaccount-lottery-navigation nav a.lty-current:hover {
	border-bottom-color: var(--ck-accent);
	color: var(--ck-text) !important;
}

/* Statuses: a coloured dot and the word. */
.ck-tm-style .lty-lottery-status span,
.ck-skin .lty-frontend-table mark.lty_status_label,
.ck-skin .lty-instant-winner-prize-group-item-header .lty-instant-winner-group-available-prize {
	background: none;
	border: 0;
	border-radius: 0;
	padding: 0;
}

/* Ticket numbers: one line of text with commas between. */
.ck-skin .ck-ticket-nos,
.ck-skin ul.ck-my-tickets__nums,
.ck-skin .ck-result__tickets {
	gap: 0;
}

.ck-skin .ck-ticket-no,
.ck-skin .ck-my-tickets__nums li,
.ck-skin .ck-result__tickets li {
	background: none;
	border: 0;
	border-radius: 0;
	color: var(--ck-text);
	min-width: 0;
	padding: 0;
}

.ck-skin .ck-ticket-no:not(:last-child)::after,
.ck-skin .ck-my-tickets__nums li:not(:last-child):not(.is-more)::after,
.ck-skin .ck-result__tickets li:not(:last-child)::after {
	color: var(--ck-muted);
	content: ",\00a0";
	font-weight: 400;
}

.ck-skin .ck-my-tickets__nums li.is-more {
	margin-left: 6px;
}

.ck-skin .ck-winner__ticket {
	background: none;
	border: 0;
	border-radius: 0;
	padding: 0;
}

/* A link, not a capsule. */
.ck-skin .ck-my-tickets__link,
.ck-skin .ck-my-tickets__link:hover {
	border: 0;
	border-radius: 0;
	color: var(--ck-accent-2);
	padding: 0;
}

.ck-skin .ck-my-tickets__link:hover {
	text-decoration: underline;
}

/* Competition facts --------------------------------------------------------
   Ticket Machine's sentences ("This competition to be purchased with a
   maximum of 18 tickets") are worded by the theme's templates as short
   facts. Here: status, then the countdown, then the facts in a grid, then
   the progress bar and anything else. */
.ck-tm-style .lty-lottery-product-summary {
	column-gap: 18px;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	padding-bottom: 14px;
}

.ck-tm-style .lty-lottery-product-summary > * {
	grid-column: 1 / -1;
	order: 3;
}

.ck-tm-style .lty-lottery-product-summary > p.lty-lottery-status {
	order: 0;
}

.ck-tm-style .lty-lottery-product-summary > .lty-lottery-date-ranges {
	order: 1;
}

.ck-tm-style .lty-lottery-product-summary > p.ck-fact {
	display: flex;
	flex-direction: column;
	gap: 3px;
	grid-column: auto;
	order: 2;
	padding: 12px 0 12px;
}

.ck-tm-style .lty-lottery-product-summary > p.ck-fact::before {
	color: var(--ck-accent-2);
	height: 13px;
	left: 0;
	top: 15px;
	transform: none;
	width: 13px;
}

.ck-fact__label {
	color: var(--ck-muted);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .08em;
	padding-left: 19px;
	text-transform: uppercase;
}

.ck-fact__value {
	color: var(--ck-text);
	font-family: var(--ck-font-heading);
	font-size: 19px;
	font-weight: 700;
	line-height: 1.2;
	overflow-wrap: anywhere;
}

.ck-fact__value a {
	color: var(--ck-accent-2);
}

/* Dates read better smaller than counts. */
.ck-tm-style .lty-lottery-product-summary > p.ck-fact[class*="time-label"] .ck-fact__value {
	font-size: 15px;
}

.ck-tm-style .lty-lottery-product-summary > p.lty-maximum-ticket-notice { --ck-i: var(--ck-i-ticket); }
.ck-tm-style .lty-lottery-product-summary > p.lty-minimum-ticket-notice { --ck-i: var(--ck-i-flag); }
.ck-tm-style .lty-lottery-product-summary > p.lty-tickets-sold { --ck-i: var(--ck-i-chart); }
.ck-tm-style .lty-lottery-product-summary > p[class*="time-label"] { --ck-i: var(--ck-i-calendar); }

/* Ticket Machine paints the prize line as a green notice; here it is a fact. */
.ck-skin .lty-lottery-product-summary > p.lty-gift-product-notice {
	background: none;
	border: 0;
	border-top: 1px solid var(--ck-line);
	border-radius: 0;
	color: var(--ck-muted);
	margin: 0;
}

/* The countdown row: label beside the tiles. */
.ck-tm-style .lty-lottery-product-summary > .lty-lottery-date-ranges .lty-lottery-time-left-label {
	color: var(--ck-muted);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .08em;
	margin: 0 0 8px;
	text-transform: uppercase;
}

@media (max-width: 600px) {
	.ck-tm-style .lty-lottery-product-summary {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* Card countdown as one plain line at the top of the card text. */
.ck-skin .ck-card__chip {
	align-items: center;
	color: var(--ck-muted);
	display: flex;
	gap: 7px;
	margin: 0;
	position: static;
	transform: none;
}

.ck-skin .ck-card__chip::before {
	background: currentColor;
	content: "";
	flex: none;
	height: 14px;
	-webkit-mask: var(--ck-i-clock) center / contain no-repeat;
	mask: var(--ck-i-clock) center / contain no-repeat;
	width: 14px;
}

.ck-skin .ck-card__body:has(> .ck-card__chip) {
	padding-top: 16px;
}

.ck-skin .ck-card__chip .ck-cd__tiles {
	background: none;
	box-shadow: none;
	padding: 0;
}

.ck-skin .ck-card__chip .ck-cd__unit {
	align-items: baseline;
	flex-direction: row;
	gap: 1px;
	min-width: 0;
	padding: 0 6px 0 0;
}

.ck-skin .ck-card__chip .ck-cd__unit b {
	color: var(--ck-text);
	font-size: 14px;
}

.ck-skin .ck-card__chip .ck-cd__unit i {
	color: var(--ck-muted);
	font-size: 12px;
	font-style: normal;
	opacity: 1;
	text-transform: lowercase;
}

/* Free entry panel ----------------------------------------------------------
   Links to the free entry page open it here instead of leaving the page:
   a panel from the right on a computer, a sheet from the bottom on a phone. */
.ck-sheet {
	background: var(--ck-surface);
	border: 0;
	border-left: 1px solid var(--ck-line);
	box-shadow: -20px 0 60px rgba(0, 0, 0, .45);
	color: var(--ck-text);
	height: 100%;
	inset: 0 0 0 auto;
	margin: 0;
	max-height: 100%;
	max-width: 100%;
	padding: 0;
	position: fixed;
	width: min(520px, 100%);
}

.ck-sheet[open] {
	animation: ck-sheet-side .28s ease;
	display: flex;
	flex-direction: column;
}

.ck-sheet::backdrop {
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
	background: rgba(5, 6, 10, .6);
}

@keyframes ck-sheet-side {
	from { transform: translateX(40px); opacity: 0; }
}

@keyframes ck-sheet-up {
	from { transform: translateY(40px); opacity: 0; }
}

html.ck-sheet-open {
	overflow: hidden;
}

.ck-sheet__head {
	align-items: center;
	border-bottom: 1px solid var(--ck-line);
	display: flex;
	flex: none;
	gap: 12px;
	justify-content: space-between;
	padding: 16px 20px;
}

.ck-sheet__head h2 {
	color: var(--ck-text);
	font-family: var(--ck-font-heading);
	font-size: 20px;
	margin: 0;
}

.ck-skin .ck-sheet__close {
	align-items: center;
	background: none;
	border: 0;
	border-radius: 10px;
	color: var(--ck-muted);
	cursor: pointer;
	display: inline-flex;
	flex: none;
	height: 38px;
	justify-content: center;
	padding: 0;
	width: 38px;
}

.ck-skin .ck-sheet__close:hover,
.ck-skin .ck-sheet__close:focus-visible {
	background: var(--ck-surface-2);
	color: var(--ck-text);
}

.ck-sheet__close .ck-icon {
	height: 18px;
	width: 18px;
}

.ck-sheet__comp {
	border-bottom: 1px solid var(--ck-line);
	display: grid;
	flex: none;
	gap: 4px 24px;
	grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
	padding: 14px 20px;
}

.ck-sheet__comp[hidden] {
	display: none;
}

.ck-sheet__comp .ck-fact {
	display: flex;
	flex-direction: column;
	gap: 3px;
	margin: 0;
}

.ck-sheet__comp .ck-fact[hidden] {
	display: none;
}

.ck-sheet__comp .ck-fact__label {
	padding-left: 0;
}

.ck-sheet__comp .ck-fact__value {
	font-size: 16px;
}

.ck-sheet__body {
	flex: 1;
	overflow-y: auto;
	overscroll-behavior: contain;
	padding: 20px;
	-webkit-overflow-scrolling: touch;
}

.ck-sheet__body > :first-child {
	margin-top: 0;
}

/* GeneratePress spaces .entry-content from what comes before it. */
.ck-sheet .ck-sheet__body.entry-content {
	margin: 0;
}

/* The page's headings, sized for a panel. */
.ck-sheet__body h1,
.ck-sheet__body h2 {
	font-size: 22px;
	margin: 24px 0 12px;
}

.ck-sheet__body h3 {
	font-size: 18px;
}

.ck-sheet__loading {
	color: var(--ck-muted);
}

.ck-sheet__full {
	align-items: center;
	border-top: 1px solid var(--ck-line);
	color: var(--ck-muted);
	display: flex;
	flex: none;
	font-size: 14px;
	gap: 6px;
	padding: 14px 20px;
	text-decoration: none;
}

.ck-sheet__full:hover {
	color: var(--ck-text);
}

.ck-sheet__full .ck-icon {
	height: 15px;
	width: 15px;
}

.ck-skin .ck-free-entry-list tr.is-current td {
	background: color-mix(in srgb, var(--ck-accent) 14%, transparent);
}

@media (max-width: 600px) {
	.ck-sheet {
		border-left: 0;
		border-radius: 18px 18px 0 0;
		border-top: 1px solid var(--ck-line);
		box-shadow: 0 -20px 60px rgba(0, 0, 0, .45);
		height: auto;
		inset: auto 0 0 0;
		max-height: 88vh;
		max-height: 88dvh;
		width: 100%;
	}

	.ck-sheet[open] {
		animation-name: ck-sheet-up;
	}

	.ck-sheet__comp {
		grid-template-columns: 1fr;
	}
}

@media (prefers-reduced-motion: reduce) {
	.ck-sheet[open] {
		animation: none;
	}
}

/* Game fonts ------------------------------------------------------------------
   The CompKit game popups carry their own fonts (Rubik, Courier, Arial and
   more, some set inline from JS), so the skin's fonts only win with
   !important. Scoped to each game's popup root (several are ids); canvas and SVG
   are left alone. */
.ck-game-fonts :is(#bp-overlay, #bx-overlay, #dt-overlay, .football-modal, #gc-overlay, #racecar-overlay, #racecar-modal, .scratchcard-modal, .scratchcard-modal-overlay, #slots-overlay, #slots-popup, .spinbolt-modal, .spinbolt-summary-overlay, .spinbolt-instantwin-overlay, #giveaways-modal, .ckrv-overlay),
.ck-game-fonts :is(#bp-overlay, #bx-overlay, #dt-overlay, .football-modal, #gc-overlay, #racecar-overlay, #racecar-modal, .scratchcard-modal, .scratchcard-modal-overlay, #slots-overlay, #slots-popup, .spinbolt-modal, .spinbolt-summary-overlay, .spinbolt-instantwin-overlay, #giveaways-modal, .ckrv-overlay) :not(svg, svg *, canvas) {
	font-family: var(--ck-font-body) !important;
}

.ck-game-fonts :is(#bp-overlay, #bx-overlay, #dt-overlay, .football-modal, #gc-overlay, #racecar-overlay, #racecar-modal, .scratchcard-modal, .scratchcard-modal-overlay, #slots-overlay, #slots-popup, .spinbolt-modal, .spinbolt-summary-overlay, .spinbolt-instantwin-overlay, #giveaways-modal, .ckrv-overlay) :is(h1, h2, h3, h4, h5, h6, [class*="heading"], [class*="title"], #bp-header-text, #dt-header-text, #gc-header-text, #racecar-header, #racecar-header-d, #racecar-header *, #racecar-header-d *, .popup-title) {
	font-family: var(--ck-font-heading) !important;
	text-transform: var(--ck-heading-case, none);
}

/* The empty basket: a next step, then the newest open competitions. */
.ck-empty-basket {
	align-items: center;
	background: var(--ck-surface);
	border: 1px solid var(--ck-line);
	border-radius: var(--ck-radius);
	display: flex;
	flex-direction: column;
	margin: 8px auto 48px;
	max-width: 560px;
	padding: 40px 28px;
	text-align: center;
}

.ck-empty-basket__icon {
	align-items: center;
	background: var(--ck-surface-2);
	border-radius: 50%;
	color: var(--ck-accent);
	display: inline-flex;
	height: 72px;
	justify-content: center;
	margin-bottom: 18px;
	width: 72px;
}

.ck-empty-basket__icon .ck-icon {
	height: 34px;
	width: 34px;
}

.ck-skin .ck-empty-basket__title {
	font-family: var(--ck-font-heading);
	font-size: 26px;
	margin: 0 0 8px;
	text-transform: var(--ck-heading-case);
}

.ck-empty-basket__text {
	color: var(--ck-muted);
	margin: 0 0 24px;
	max-width: 400px;
}

.ck-empty-basket__btn {
	align-items: center;
	background: var(--ck-fade);
	border-radius: var(--ck-radius);
	color: var(--ck-btn-text) !important;
	display: inline-flex;
	font-weight: 700;
	gap: 8px;
	padding: 13px 24px;
	text-decoration: none;
}

.ck-empty-basket__btn .ck-icon {
	height: 18px;
	width: 18px;
}

.ck-empty-basket__more {
	margin-top: 8px;
}

/* The Cart block runs wide into the page padding, which put a full basket
   against the screen edge; it sits in line with the page title instead. */
.ck-skin .entry-content .wp-block-woocommerce-cart.alignwide {
	margin-left: 0;
	max-width: none;
	width: auto;
}

.ck-skin .wp-block-woocommerce-empty-cart-block {
	text-align: left;
}

.ck-skin .ck-empty-basket a,
.ck-skin .ck-empty-basket__more a {
	text-decoration: none;
}

@media (max-width: 600px) {
	.ck-empty-basket {
		margin-bottom: 32px;
		padding: 32px 20px;
	}

	.ck-skin .ck-empty-basket__title {
		font-size: 22px;
	}
}

/* The full price struck through in the basket drawer, greyed as in the basket. */
.ck-skin .ck-drawer .quantity del,
.ck-skin .ck-drawer .quantity del .amount {
	color: var(--ck-muted);
	font-weight: 400;
}

/* Centred header ---------------------------------------------------------------
   Header layout "centred": next draw on the left, the logo in the middle,
   account and basket on the right, and the menu on its own row below. */
.ck-next-draw {
	align-items: center;
	color: var(--ck-text) !important;
	display: none;
	gap: 10px;
	text-decoration: none;
}

.ck-next-draw > .ck-icon {
	color: var(--ck-accent);
	font-size: 22px;
}

.ck-next-draw__text {
	display: flex;
	flex-direction: column;
	line-height: 1.15;
}

.ck-next-draw__label {
	color: var(--ck-muted);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.ck-next-draw__time {
	font-family: var(--ck-font-heading);
	font-size: 16px;
	font-variant-numeric: tabular-nums;
	font-weight: 700;
}

@media (min-width: 769px) {
	.ck-skin.ck-header-centred .site-header .inside-header {
		align-items: center;
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
		padding-bottom: 0;
		padding-top: 18px;
	}

	.ck-skin.ck-header-centred .site-header .ck-next-draw {
		display: inline-flex;
		grid-column: 1;
		grid-row: 1;
		justify-self: start;
	}

	.ck-skin.ck-header-centred .site-header .site-branding {
		grid-column: 2;
		grid-row: 1;
		margin: 0;
		text-align: center;
	}

	.ck-skin.ck-header-centred .site-header .main-title {
		font-size: 34px;
		line-height: 1;
	}

	.ck-skin.ck-header-centred .site-header #site-navigation,
	.ck-skin.ck-header-centred .site-header #site-navigation .inside-navigation {
		display: contents;
	}

	.ck-skin.ck-header-centred .site-header #site-navigation .menu-bar-items {
		grid-column: 3;
		grid-row: 1;
		justify-self: end;
	}

	.ck-skin.ck-header-centred .site-header #site-navigation .main-nav {
		border-top: 1px solid var(--ck-line);
		grid-column: 1 / -1;
		grid-row: 2;
		margin-top: 16px;
	}

	.ck-skin.ck-header-centred .site-header #site-navigation .main-nav > ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	.ck-skin.ck-header-centred .site-header #site-navigation .main-nav > ul > li > a {
		line-height: 54px;
		padding: 0 18px;
	}

	.ck-skin.ck-header-centred .site-header #site-navigation .menu-toggle {
		display: none;
	}
}

/* Spotlight hero -----------------------------------------------------------------
   Hero layout "spotlight": one big draw on a soft accent panel, and the next few
   to close in a list beside it. */
.ck-spot {
	box-sizing: border-box;
	display: grid;
	gap: 24px;
	grid-template-columns: minmax(0, 2.3fr) minmax(280px, 1fr);
	margin: 28px auto 12px;
	max-width: var(--ck-container, 1440px);
	padding: 0 24px;
}

.ck-spot--solo {
	grid-template-columns: minmax(0, 1fr);
}

.ck-spot__main {
	align-items: center;
	background: color-mix(in srgb, var(--ck-accent) 9%, var(--ck-surface));
	border-radius: 28px;
	display: grid;
	gap: 36px;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr);
	isolation: isolate;
	overflow: hidden;
	padding: 40px;
	position: relative;
}

/* A soft blob of the second accent behind the words. */
.ck-spot__main::before {
	background: radial-gradient(circle, color-mix(in srgb, var(--ck-accent-2) 28%, transparent), transparent 70%);
	content: "";
	height: 520px;
	left: -160px;
	position: absolute;
	top: -200px;
	width: 520px;
	z-index: -1;
}

.ck-spot__copy {
	display: flex;
	flex-direction: column;
	gap: 16px;
	min-width: 0;
}

.ck-spot__kicker {
	align-items: center;
	color: var(--ck-accent);
	display: inline-flex;
	font-size: 14px;
	font-weight: 700;
	gap: 8px;
}

.ck-spot__kicker::before {
	background: var(--ck-accent);
	border-radius: 50%;
	content: "";
	height: 8px;
	width: 8px;
}

.ck-skin .ck-spot__title {
	font-family: var(--ck-font-heading);
	font-size: clamp(34px, 3.7vw, 58px);
	font-weight: 700;
	letter-spacing: -.02em;
	line-height: 1.02;
	margin: 0;
	text-transform: var(--ck-heading-case, none);
}

.ck-skin .ck-spot__title a {
	color: var(--ck-text);
	text-decoration: none;
}

.ck-spot__prize {
	color: var(--ck-muted);
	font-size: 17px;
	line-height: 1.5;
	margin: 0;
}

.ck-spot__price {
	align-items: baseline;
	display: flex;
	gap: 8px;
}

.ck-spot__price b {
	font-family: var(--ck-font-heading);
	font-size: 30px;
	line-height: 1;
}

.ck-spot__price span {
	color: var(--ck-muted);
	font-size: 15px;
}

.ck-spot .ck-cd {
	position: static;
}

.ck-spot .ck-cd__tiles {
	gap: 10px;
}

.ck-spot .ck-cd__unit {
	background: var(--ck-surface);
	border-radius: 16px;
	box-shadow: 0 6px 18px -10px color-mix(in srgb, var(--ck-text) 35%, transparent);
	color: var(--ck-text);
	min-width: 70px;
	padding: 12px 6px 10px;
}

.ck-spot .ck-cd__unit b {
	font-size: 28px;
}

.ck-spot .ck-cd__unit i {
	font-size: 11px;
	margin-top: 5px;
}

.ck-spot .ck-bar {
	max-width: 420px;
}

.ck-spot__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 6px;
}

.ck-skin .ck-spot__cta {
	align-items: center;
	background: linear-gradient(135deg, var(--ck-accent), var(--ck-accent-2));
	border-radius: 16px;
	box-shadow: 0 12px 26px -12px var(--ck-accent);
	color: var(--ck-btn-text);
	display: inline-flex;
	font-size: 17px;
	font-weight: 700;
	gap: 10px;
	padding: 16px 30px;
	text-decoration: none;
	transition: transform .15s ease;
}

.ck-skin .ck-spot__cta:hover {
	color: var(--ck-btn-text);
	transform: translateY(-2px);
}

.ck-spot__media {
	align-self: stretch;
	border-radius: 22px;
	min-height: 400px;
	display: block;
	position: relative;
}

.ck-spot__img {
	border-radius: 22px;
	box-shadow: 0 30px 50px -30px color-mix(in srgb, var(--ck-text) 60%, transparent);
	display: block;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.ck-spot__sticker {
	align-items: center;
	background: var(--ck-price);
	border-radius: 50%;
	box-shadow: 0 10px 22px -10px color-mix(in srgb, var(--ck-text) 60%, transparent);
	color: var(--ck-price-text);
	display: flex;
	flex-direction: column;
	height: 108px;
	justify-content: center;
	left: -26px;
	position: absolute;
	top: -18px;
	transform: rotate(-10deg);
	width: 108px;
}

/* The spotlight sticker follows the Price badge shape setting. */
.ck-spot__sticker.ck-spot__sticker--burst {
	border-radius: 0;
	clip-path: polygon(50% 0%, 60.6% 10.4%, 75% 6.7%, 79% 21%, 93.3% 25%, 89.6% 39.4%, 100% 50%, 89.6% 60.6%, 93.3% 75%, 79% 79%, 75% 93.3%, 60.6% 89.6%, 50% 100%, 39.4% 89.6%, 25% 93.3%, 21% 79%, 6.7% 75%, 10.4% 60.6%, 0% 50%, 10.4% 39.4%, 6.7% 25%, 21% 21%, 25% 6.7%, 39.4% 10.4%);
}

.ck-spot__sticker.ck-spot__sticker--tag {
	align-items: flex-start;
	border-radius: 0 14px 14px 0;
	clip-path: polygon(26px 0, 100% 0, 100% 100%, 26px 100%, 0 50%);
	height: auto;
	left: -16px;
	-webkit-mask: radial-gradient(circle at 19px 50%, transparent 6px, #000 6.5px);
	mask: radial-gradient(circle at 19px 50%, transparent 6px, #000 6.5px);
	padding: 14px 22px 14px 40px;
	top: -14px;
	transform: rotate(8deg);
	width: auto;
}

.ck-spot__sticker b {
	font-family: var(--ck-font-heading);
	font-size: 30px;
	line-height: 1;
}

.ck-spot__sticker small {
	font-size: 12px;
	font-weight: 700;
}

.ck-spot__side {
	background: var(--ck-surface);
	border: 1px solid var(--ck-line);
	border-radius: 24px;
	display: flex;
	flex-direction: column;
	padding: 24px;
}

.ck-skin .ck-spot__side-title {
	align-items: center;
	display: flex;
	font-family: var(--ck-font-heading);
	font-size: 22px;
	gap: 10px;
	margin: 0 0 8px;
	text-transform: var(--ck-heading-case, none);
}

.ck-spot__side-title .ck-icon {
	color: var(--ck-urgent);
}

.ck-spot__side ul {
	list-style: none;
	margin: 0 0 18px;
	padding: 0;
}

.ck-spot__side li + li {
	border-top: 1px solid var(--ck-line);
}

.ck-skin .ck-spot__item {
	align-items: center;
	color: var(--ck-text);
	display: grid;
	gap: 14px;
	grid-template-columns: 68px minmax(0, 1fr) auto;
	padding: 14px 0;
	text-decoration: none;
}

.ck-spot__thumb {
	aspect-ratio: 1;
	background: var(--ck-surface-2);
	border-radius: 14px;
	display: block;
	height: auto;
	object-fit: cover;
	width: 68px;
}

.ck-spot__item-body {
	display: flex;
	flex-direction: column;
	gap: 4px;
	min-width: 0;
}

.ck-spot__item-body b {
	-webkit-box-orient: vertical;
	display: -webkit-box;
	font-size: 15px;
	-webkit-line-clamp: 2;
	line-height: 1.3;
	overflow: hidden;
}

.ck-spot__item-time {
	color: var(--ck-muted);
	font-size: 13px;
	font-variant-numeric: tabular-nums;
}

.ck-spot__item-time.is-urgent {
	color: var(--ck-urgent);
	font-weight: 700;
}

.ck-spot__item-price {
	color: var(--ck-accent);
	font-family: var(--ck-font-heading);
	font-size: 18px;
	font-weight: 700;
}

.ck-spot__side .ck-view-all {
	align-self: flex-start;
	margin-top: auto;
}

@media (max-width: 1100px) {
	.ck-spot {
		grid-template-columns: minmax(0, 1fr);
	}

	.ck-spot__side ul {
		display: grid;
		gap: 0 24px;
		grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	}

	.ck-spot__side li + li {
		border-top: 0;
	}
}

@media (max-width: 768px) {
	.ck-spot {
		gap: 16px;
		margin-top: 16px;
		padding: 0 16px;
	}

	.ck-spot__main {
		gap: 22px;
		grid-template-columns: minmax(0, 1fr);
		padding: 18px 18px 24px;
	}

	.ck-spot__media {
		aspect-ratio: 4 / 3;
		min-height: 0;
		order: -1;
	}

	.ck-spot__sticker {
		height: 84px;
		left: auto;
		right: 10px;
		top: 10px;
		width: 84px;
	}

	.ck-spot__sticker b {
		font-size: 24px;
	}

	.ck-spot__sticker.ck-spot__sticker--tag {
		height: auto;
		left: auto;
		padding: 10px 16px 10px 34px;
		right: 14px;
		top: 12px;
		width: auto;
	}

	.ck-spot .ck-cd__unit {
		flex: 1;
		min-width: 0;
	}

	.ck-spot .ck-cd__unit b {
		font-size: 24px;
	}

	.ck-skin .ck-spot__cta {
		justify-content: center;
		width: 100%;
	}

	.ck-spot__side {
		padding: 18px;
	}
}

/* Clean card ----------------------------------------------------------------------
   Card look "clean": a plain photo with the draw date, then the details on the
   card itself, and the price beside a compact button. */
.ck-skin .ck-card--clean {
	background: var(--ck-surface);
	border: 1px solid var(--ck-line);
	border-radius: calc(var(--ck-radius) + 8px);
	box-shadow: 0 1px 2px color-mix(in srgb, var(--ck-text) 6%, transparent), 0 14px 30px -22px color-mix(in srgb, var(--ck-text) 45%, transparent);
	display: flex;
	flex-direction: column;
	overflow: hidden;
	transition: box-shadow .2s ease, transform .2s ease;
}

.ck-skin .ck-card--clean:hover {
	box-shadow: 0 1px 2px color-mix(in srgb, var(--ck-text) 6%, transparent), 0 22px 40px -24px color-mix(in srgb, var(--ck-text) 55%, transparent);
	transform: translateY(-3px);
}

.ck-skin .ck-card--clean .ck-card__media {
	aspect-ratio: var(--ck-ratio);
	display: block;
	overflow: hidden;
	position: relative;
}

.ck-skin .ck-card--clean .ck-card__img {
	display: block;
	height: 100%;
	object-fit: var(--ck-fit);
	transition: transform .4s ease;
	width: 100%;
}

.ck-skin .ck-card--clean:hover .ck-card__img {
	transform: scale(1.04);
}

.ck-clean__tags {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	left: 10px;
	position: absolute;
	right: 10px;
	top: 10px;
}

.ck-clean__tag {
	align-items: center;
	background: color-mix(in srgb, var(--ck-surface) 92%, transparent);
	border-radius: 10px;
	color: var(--ck-text);
	display: inline-flex;
	font-size: 12px;
	font-weight: 700;
	gap: 6px;
	padding: 6px 10px;
}

.ck-clean__tag .ck-icon {
	color: var(--ck-accent);
}

.ck-clean__tag--instant .ck-icon {
	color: var(--ck-instant);
}

/* The game a competition plays, on the photo's bottom edge. */
.ck-clean__game {
	align-items: center;
	background: var(--ck-game, var(--ck-accent));
	border-radius: 12px;
	bottom: 10px;
	box-shadow: 0 6px 18px color-mix(in srgb, var(--ck-game, var(--ck-accent)) 45%, transparent);
	color: var(--ck-btn-text, #fff);
	display: inline-flex;
	font-family: var(--ck-font-heading);
	font-size: 14px;
	font-weight: 700;
	gap: 8px;
	left: 10px;
	letter-spacing: .02em;
	padding: 6px 12px 6px 6px;
	position: absolute;
	text-transform: uppercase;
}

.ck-clean__game .ck-game-mark {
	background: color-mix(in srgb, #000 18%, transparent);
	box-shadow: none;
}

.ck-clean__tag--closed {
	background: var(--ck-text);
	color: var(--ck-surface);
}

.ck-skin .ck-card--clean .ck-card__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 10px;
	padding: 16px 18px 18px;
}

.ck-clean__cat {
	color: var(--ck-accent);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.ck-skin .ck-card--clean .ck-card__title {
	font-family: var(--ck-font-heading);
	font-size: 19px;
	font-weight: 700;
	line-height: 1.25;
	margin: 0;
	text-transform: var(--ck-heading-case, none);
}

.ck-skin .ck-card--clean .ck-card__title a {
	color: var(--ck-text);
	-webkit-box-orient: vertical;
	display: -webkit-box;
	-webkit-line-clamp: var(--ck-title-lines, 2);
	overflow: hidden;
	text-decoration: none;
}

.ck-skin .ck-card--clean .ck-cd--inline {
	color: var(--ck-muted);
	font-size: 14px;
	font-variant-numeric: tabular-nums;
	position: static;
}

.ck-skin .ck-card--clean .ck-cd--inline.is-urgent {
	color: var(--ck-urgent);
	font-weight: 700;
}

.ck-skin .ck-card--clean .ck-bar {
	margin: 0;
}

.ck-clean__foot {
	align-items: center;
	border-top: 1px dashed var(--ck-line);
	display: flex;
	gap: 12px;
	justify-content: space-between;
	margin-top: auto;
	padding-top: 12px;
}

.ck-clean__price {
	display: flex;
	flex-direction: column;
	line-height: 1.1;
}

.ck-clean__price b {
	color: var(--ck-text);
	font-family: var(--ck-font-heading);
	font-size: 24px;
}

.ck-clean__price s {
	color: var(--ck-muted);
	font-size: 14px;
	font-weight: 500;
	margin-left: 4px;
}

.ck-clean__price small {
	color: var(--ck-muted);
	font-size: 12px;
}

.ck-skin .ck-card--clean .ck-clean__btn {
	border-radius: 12px;
	flex: none;
	font-size: 15px;
	margin: 0;
	padding: 11px 18px;
	width: auto;
}

.ck-skin .ck-card--clean.is-closed .ck-card__img {
	filter: grayscale(.6);
	opacity: .8;
}

/* The clean card's photo has nothing over it, so it needs no shade, and fills its frame. */
.ck-skin .ck-card--clean .ck-card__media::after {
	display: none;
}

.ck-skin .ck-card--clean .ck-card__media .ck-card__img {
	inset: 0;
	position: absolute;
}

/* WooCommerce's ul.products img rule resets the height above. */
.ck-skin ul.products li.product.ck-card--clean .ck-card__media .ck-card__img {
	height: 100%;
	margin: 0;
}

/* Gallery zoom button ---------------------------------------------------------
   WooCommerce writes a magnifier character, which WordPress turns into an
   emoji image. Draw the theme's line icon instead; WooCommerce sizes the
   ::before itself, hence the !important. */
.ck-skin .woocommerce-product-gallery__trigger {
	--ck-i: var(--ck-i-search);
	align-items: center;
	background: var(--ck-surface) !important;
	border-radius: 50%;
	display: flex !important;
	font-size: 0 !important;
	height: 40px !important;
	justify-content: center;
	width: 40px !important;
}

.ck-skin .woocommerce-product-gallery__trigger > *,
.ck-skin .woocommerce-product-gallery__trigger::after {
	display: none !important;
}

.ck-skin .woocommerce-product-gallery__trigger::before {
	background: var(--ck-text) !important;
	border: 0 !important;
	content: "" !important;
	display: block !important;
	height: 18px !important;
	-webkit-mask: var(--ck-i) center / contain no-repeat;
	mask: var(--ck-i) center / contain no-repeat;
	position: static !important;
	transform: none !important;
	width: 18px !important;
}

/* Ticket entry box -----------------------------------------------------------------
   Entry box "ticket": the summary is a ticket card. Category and draw date over
   the title, the price with "per entry", a tear line with notches, then the
   countdown, facts and the entry form. */
.ck-single-ticket.single-product div.product .woocommerce-product-gallery img {
	border-radius: 26px;
}

.ck-single-ticket.single-product div.product > .summary {
	background: var(--ck-surface);
	border: 1px solid var(--ck-line);
	border-radius: 26px;
	box-shadow: 0 24px 50px -36px color-mix(in srgb, var(--ck-text) 55%, transparent);
	box-sizing: border-box;
	padding: 30px;
}

.ck-tk__kicker {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	margin-bottom: 12px;
}

.ck-tk__cat {
	color: var(--ck-accent);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.ck-tk__date {
	align-items: center;
	color: var(--ck-muted);
	display: inline-flex;
	font-size: 14px;
	font-weight: 600;
	gap: 6px;
}

.ck-tk__date .ck-icon {
	color: var(--ck-accent);
}

.ck-single-ticket.single-product div.product .summary .product_title {
	font-size: clamp(30px, 2.8vw, 42px);
	letter-spacing: -.02em;
	line-height: 1.08;
	margin-bottom: 14px;
}

.ck-single-ticket.single-product div.product .summary p.price {
	color: var(--ck-text);
	display: inline-block;
	font-family: var(--ck-font-heading);
	font-size: 36px;
	line-height: 1;
	margin: 0 8px 0 0;
}

.ck-tk__per {
	color: var(--ck-muted);
	font-size: 15px;
}

/* The tear line runs to the card's edges, with a notch cut at each end. */
.ck-tk__tear {
	border-top: 2px dashed var(--ck-line);
	height: 0;
	margin: 26px -30px 24px;
	position: relative;
}

.ck-tk__tear::before,
.ck-tk__tear::after {
	background: var(--ck-bg);
	border: 1px solid var(--ck-line);
	border-radius: 50%;
	content: "";
	height: 30px;
	position: absolute;
	top: -16px;
	width: 30px;
}

.ck-tk__tear::before {
	clip-path: inset(0 0 0 50%);
	left: -16px;
}

.ck-tk__tear::after {
	clip-path: inset(0 50% 0 0);
	right: -16px;
}

/* The facts panel sits flat inside the ticket. */
.ck-single-ticket.ck-tm-style .summary .lty-lottery-product-summary {
	background: none;
	border: 0;
	box-shadow: none;
	margin: 0;
	padding: 0 0 8px;
}

.ck-single-ticket.ck-tm-style .summary .lty-lottery-product-summary > p.ck-fact {
	background: var(--ck-surface-2);
	border: 0;
	border-radius: 14px;
	margin: 0 0 10px;
	padding: 12px 14px;
}

.ck-single-ticket.ck-tm-style .summary .lty-lottery-product-summary > p.ck-fact::before {
	left: 14px;
}

.ck-single-ticket.single-product div.product .summary form.cart {
	align-items: stretch;
	display: flex;
	gap: 10px;
	margin: 10px 0 0;
}

.ck-single-ticket.single-product div.product .summary form.cart .single_add_to_cart_button {
	border-radius: 14px;
	flex: 1;
	font-size: 17px;
	min-height: 56px;
}

.ck-single-ticket.single-product div.product .summary form.cart .quantity .qty {
	border-radius: 14px;
	height: 56px;
}

@media (max-width: 768px) {
	.ck-single-ticket.single-product div.product > .summary {
		margin-top: 18px;
		padding: 22px 18px;
	}

	.ck-tk__tear {
		margin-left: -18px;
		margin-right: -18px;
	}
}

/* How it works -----------------------------------------------------------------------
   Three plain steps under the photo and entry box, when switched on. */
.ck-steps {
	background: color-mix(in srgb, var(--ck-accent) 7%, var(--ck-surface));
	border-radius: 26px;
	margin: 40px 0 10px;
	padding: 30px;
}

.ck-skin .ck-steps__title {
	font-family: var(--ck-font-heading);
	font-size: 24px;
	margin: 0 0 18px;
	text-transform: var(--ck-heading-case, none);
}

.ck-steps ol {
	display: grid;
	gap: 18px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	list-style: none;
	margin: 0;
	padding: 0;
}

.ck-steps__item {
	background: var(--ck-surface);
	border-radius: 20px;
	padding: 22px;
	position: relative;
}

.ck-steps__icon {
	align-items: center;
	background: color-mix(in srgb, var(--ck-accent) 14%, var(--ck-surface));
	border-radius: 14px;
	color: var(--ck-accent);
	display: inline-flex;
	font-size: 22px;
	height: 46px;
	justify-content: center;
	margin-bottom: 14px;
	width: 46px;
}

.ck-steps__num {
	color: var(--ck-line);
	font-family: var(--ck-font-heading);
	font-size: 44px;
	font-weight: 700;
	line-height: 1;
	position: absolute;
	right: 20px;
	top: 16px;
}

.ck-steps__item b {
	display: block;
	font-size: 17px;
	margin-bottom: 6px;
}

.ck-steps__item p {
	color: var(--ck-muted);
	font-size: 15px;
	line-height: 1.5;
	margin: 0;
}

@media (max-width: 768px) {
	.ck-steps {
		padding: 20px 16px;
	}

	.ck-steps ol {
		grid-template-columns: minmax(0, 1fr);
	}
}

/* The entry button's label kept it wider than a phone's ticket; the prize line
   is long, so it takes a full row there. */
.ck-single-ticket.single-product div.product .summary form.cart .single_add_to_cart_button {
	min-width: 0;
	white-space: normal;
}

.ck-single-ticket.single-product div.product .summary form.cart .quantity {
	flex: none;
}

@media (max-width: 768px) {
	.ck-single-ticket.ck-tm-style .summary .lty-lottery-product-summary > p.lty-gift-product-notice {
		grid-column: 1 / -1;
	}
}

/* The basket and checkout blocks ask for wide alignment, which pulls them past
   the content edges in a full-width layout. Keep them inside. */
.ck-skin .entry-content > .wp-block-woocommerce-cart.alignwide,
.ck-skin .entry-content > .wp-block-woocommerce-checkout.alignwide {
	margin-left: 0;
	margin-right: 0;
	max-width: 100%;
	width: auto;
}

/* Basket steps -----------------------------------------------------------------
   Basket, Your details, Ticket numbers over the basket and checkout, when
   switched on. */
.ck-bsteps {
	display: flex;
	list-style: none;
	margin: 0 0 28px;
	max-width: 640px;
	padding: 0;
}

.ck-bsteps__item {
	align-items: center;
	color: var(--ck-muted);
	display: flex;
	flex: 1;
	font-size: 15px;
	font-weight: 700;
	gap: 10px;
	min-width: 0;
}

/* The line to the next step. */
.ck-bsteps__item:not(:last-child)::after {
	background: var(--ck-line);
	border-radius: 2px;
	content: "";
	flex: 1;
	height: 3px;
	margin: 0 14px 0 4px;
	min-width: 16px;
}

.ck-bsteps__item.is-done::after {
	background: var(--ck-accent);
}

.ck-bsteps__dot {
	align-items: center;
	background: var(--ck-surface-2);
	border-radius: 50%;
	display: inline-flex;
	flex: none;
	font-size: 18px;
	height: 42px;
	justify-content: center;
	width: 42px;
}

.ck-bsteps__item.is-done .ck-bsteps__dot {
	background: color-mix(in srgb, var(--ck-accent) 16%, var(--ck-surface));
	color: var(--ck-accent);
}

.ck-bsteps__item.is-current {
	color: var(--ck-text);
}

.ck-bsteps__item.is-current .ck-bsteps__dot {
	background: var(--ck-accent);
	color: var(--ck-btn-text);
}

.ck-bsteps__label {
	white-space: nowrap;
}

@media (max-width: 600px) {
	.ck-bsteps__item {
		flex-direction: column;
		font-size: 12px;
		gap: 6px;
		position: relative;
		text-align: center;
	}

	/* On a phone the line sits between the dots, behind the labels. */
	.ck-bsteps__item:not(:last-child)::after {
		left: calc(50% + 28px);
		margin: 0;
		position: absolute;
		right: calc(-50% + 28px);
		top: 20px;
	}

	.ck-bsteps__label {
		white-space: normal;
	}
}

/* Receipt basket ----------------------------------------------------------------
   Basket look "receipt": each entry is its own ticket with a torn stub for the
   line total, and the totals are a receipt with an accent header and a
   scalloped bottom edge. The checkout's summary matches and its steps are
   numbered. */
.ck-basket-receipt .wc-block-cart-items,
.ck-basket-receipt .wc-block-cart-items tbody {
	background: none;
	border: 0 !important;
	display: block;
}

.ck-basket-receipt .wc-block-cart-items thead {
	display: none;
}

.ck-basket-receipt .wc-block-cart-items tbody {
	display: grid;
	gap: 14px;
}

.ck-basket-receipt .wc-block-cart-items .wc-block-cart-items__row {
	align-items: center;
	background: var(--ck-surface);
	border: 1px solid var(--ck-line);
	border-radius: 22px;
	display: grid;
	grid-template-columns: 96px minmax(0, 1fr) 132px;
	padding: 0;
}

.ck-basket-receipt .wc-block-cart-items .wc-block-cart-items__row td {
	border: 0 !important;
	display: block;
	padding: 16px;
}

.ck-basket-receipt .wc-block-cart-items .wc-block-cart-item__image {
	padding: 16px 0 16px 16px;
}

.ck-basket-receipt .wc-block-cart-item__image img {
	border-radius: 16px;
	width: 80px;
}

.ck-basket-receipt .wc-block-cart-items .wc-block-cart-item__product {
	padding-left: 18px;
}

.ck-basket-receipt .wc-block-cart-items .wc-block-cart-item__product .wc-block-components-product-name {
	font-size: 18px;
	line-height: 1.25;
}

.ck-basket-receipt .wc-block-cart-item__prices {
	font-size: 14px;
	margin: 2px 0 10px;
}

/* The stub: a dashed tear with a notch cut top and bottom. */
.ck-basket-receipt .wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total {
	align-self: stretch;
	align-items: center;
	border-left: 2px dashed var(--ck-line) !important;
	display: flex;
	justify-content: center;
	position: relative;
}

.ck-basket-receipt .wc-block-cart-item__total::before,
.ck-basket-receipt .wc-block-cart-item__total::after {
	background: var(--ck-bg);
	border: 1px solid var(--ck-line);
	border-radius: 50%;
	content: "";
	height: 22px;
	left: -12px;
	position: absolute;
	width: 22px;
}

.ck-basket-receipt .wc-block-cart-item__total::before {
	clip-path: inset(50% 0 0 0);
	top: -12px;
}

.ck-basket-receipt .wc-block-cart-item__total::after {
	bottom: -12px;
	clip-path: inset(0 0 50% 0);
}

.ck-basket-receipt .wc-block-cart-item__total .wc-block-components-product-price__value,
.ck-basket-receipt .wc-block-components-order-summary-item__total-price,
.ck-basket-receipt .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
	color: var(--ck-text);
}

.ck-basket-receipt .wc-block-cart-item__total .wc-block-components-product-price__value {
	font-size: 22px;
}

/* The receipt. */
.ck-basket-receipt .wp-block-woocommerce-cart-totals-block,
.ck-basket-receipt .wp-block-woocommerce-checkout-order-summary-block {
	border: 0 !important;
	border-radius: 22px 22px 0 0;
	box-shadow: none;
	overflow: hidden;
	padding: 0 22px 34px !important;
	-webkit-mask: radial-gradient(circle 8px at 50% 100%, #0000 97%, #000) bottom / 20px 100% repeat-x;
	mask: radial-gradient(circle 8px at 50% 100%, #0000 97%, #000) bottom / 20px 100% repeat-x;
}

.ck-basket-receipt .wp-block-woocommerce-cart-totals-block .wc-block-cart__totals-title,
.ck-basket-receipt .wc-block-components-checkout-order-summary__title {
	background: var(--ck-accent);
	border: 0 !important;
	margin: 0 -22px 6px !important;
	padding: 18px 22px !important;
}

.ck-basket-receipt .wc-block-cart__totals-title,
.ck-basket-receipt .wc-block-components-checkout-order-summary__title-text,
.ck-basket-receipt .wc-block-components-checkout-order-summary__title-price {
	color: var(--ck-btn-text) !important;
}

.ck-basket-receipt .wc-block-components-checkout-order-summary__title-text {
	margin: 0;
}

.ck-basket-receipt .wp-block-woocommerce-checkout-order-summary-block {
	padding-bottom: 22px !important;
}

.ck-basket-receipt .wc-block-components-checkout-order-summary__title-icon {
	fill: var(--ck-btn-text);
}

.ck-basket-receipt .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-totals-wrapper {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/* A dashed tear above the total. */
.ck-basket-receipt .wc-block-components-totals-wrapper:has(> .wc-block-components-totals-footer-item) {
	border-top: 2px dashed var(--ck-line) !important;
	margin-top: 8px;
}

.ck-basket-receipt .wc-block-components-totals-wrapper:has(> .wc-block-components-totals-footer-item)::after {
	display: none;
}

.ck-basket-receipt .wc-block-components-totals-footer-item .wc-block-components-totals-item__label {
	font-family: var(--ck-font-heading);
	font-size: 18px;
}

.ck-basket-receipt .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
	font-size: 30px;
}

.ck-basket-receipt .wc-block-cart__submit-button,
.ck-basket-receipt .wc-block-components-checkout-place-order-button {
	border-radius: 14px !important;
	min-height: 60px;
}

/* Numbered checkout steps in place of icons. */
.ck-basket-receipt .wc-block-checkout__form {
	counter-reset: ck-step;
}

.ck-basket-receipt .wc-block-components-checkout-step {
	border-radius: 22px;
	counter-increment: ck-step;
}

.ck-basket-receipt .wc-block-checkout__form:not(.wc-block-checkout__form--with-step-numbers) .wc-block-components-checkout-step__title::before {
	align-items: center;
	background: var(--ck-accent);
	border-radius: 50%;
	color: var(--ck-btn-text);
	content: counter(ck-step);
	display: inline-flex;
	font-size: 15px;
	height: 30px;
	justify-content: center;
	-webkit-mask: none;
	mask: none;
	vertical-align: middle;
	width: 30px;
}

/* WooCommerce stacks the basket by its own width, not the screen's, and marks
   it is-mobile. The stub then runs along the bottom, torn across. */
.ck-basket-receipt .wc-block-cart.is-mobile .wc-block-cart-items .wc-block-cart-items__row {
	grid-template-columns: 76px minmax(0, 1fr);
	padding: 0;
}

.ck-basket-receipt .wc-block-cart.is-mobile .wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image {
	grid-column: 1;
	grid-row: 1;
	padding: 14px 0 0 14px;
}

.ck-basket-receipt .wc-block-cart.is-mobile .wc-block-cart-item__image img {
	width: 62px;
}

.ck-basket-receipt .wc-block-cart.is-mobile .wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product {
	grid-column: 2;
	grid-row: 1;
	padding: 14px 14px 14px 12px;
}

.ck-basket-receipt .wc-block-cart.is-mobile .wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total {
	border-left: 0 !important;
	border-top: 2px dashed var(--ck-line) !important;
	grid-column: 1 / -1;
	grid-row: 2;
	justify-content: flex-end;
	padding: 10px 18px;
}

.ck-basket-receipt .wc-block-cart.is-mobile .wc-block-cart-item__total::before,
.ck-basket-receipt .wc-block-cart.is-mobile .wc-block-cart-item__total::after {
	bottom: auto;
	top: -12px;
}

.ck-basket-receipt .wc-block-cart.is-mobile .wc-block-cart-item__total::before {
	clip-path: inset(0 0 0 50%);
	left: -12px;
}

.ck-basket-receipt .wc-block-cart.is-mobile .wc-block-cart-item__total::after {
	clip-path: inset(0 50% 0 0);
	left: auto;
	right: -12px;
}

.ck-basket-receipt .wc-block-cart.is-mobile .wp-block-woocommerce-cart-totals-block {
	margin-top: 18px;
}

.ck-basket-receipt .wc-block-cart.is-mobile .wc-block-cart__totals-title {
	display: block !important;
}

/* Member pass account ----------------------------------------------------------
   My Account look "pass": a name card across the top, the menu as tabs under
   it, and live entries as ticket cards. */
.ck-skin.ck-account-pass.woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation) {
	gap: 0;
	grid-template-columns: minmax(0, 1fr);
}

.ck-pass {
	align-items: center;
	background: linear-gradient(120deg, var(--ck-accent), var(--ck-accent-2));
	border-radius: 26px 26px 0 0;
	color: var(--ck-btn-text);
	display: flex;
	flex-wrap: wrap;
	gap: 18px 22px;
	padding: 28px 30px;
}

.ck-pass__avatar {
	align-items: center;
	background: var(--ck-surface);
	border-radius: 50%;
	color: var(--ck-accent);
	display: inline-flex;
	flex: none;
	font-family: var(--ck-font-heading);
	font-size: 30px;
	font-weight: 700;
	height: 68px;
	justify-content: center;
	width: 68px;
}

.ck-pass__who {
	flex: 1;
	min-width: 180px;
}

.ck-skin .ck-pass p {
	margin: 0;
}

.ck-skin .ck-pass .ck-pass__hi {
	font-family: var(--ck-font-heading);
	font-size: clamp(24px, 2.4vw, 32px);
	font-weight: 700;
	line-height: 1.1;
}

.ck-skin .ck-pass .ck-pass__since {
	font-size: 15px;
	margin-top: 4px;
	opacity: .85;
}

.ck-pass__stats {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.ck-pass__stats > span {
	background: color-mix(in srgb, var(--ck-surface) 18%, transparent);
	border-radius: 16px;
	font-size: 13px;
	line-height: 1.3;
	min-width: 120px;
	padding: 12px 16px;
}

.ck-pass__stats b {
	display: block;
	font-family: var(--ck-font-heading);
	font-size: 26px;
	line-height: 1.1;
}

.ck-pass__stats .woocommerce-Price-amount {
	color: inherit;
}

/* The menu as a row of tabs on the pass's lower edge. */
.ck-skin.ck-account-pass.woocommerce-account .woocommerce-MyAccount-navigation {
	background: var(--ck-surface);
	border: 1px solid var(--ck-line);
	border-radius: 0 0 26px 26px;
	border-top: 0;
	margin-bottom: 28px;
	padding: 0 18px;
	position: static;
}

.ck-skin.ck-account-pass .woocommerce-MyAccount-navigation ul {
	border: 0;
	border-radius: 0;
	display: flex;
	gap: 6px;
	overflow-x: auto;
	padding: 0;
	scrollbar-width: none;
}

.ck-skin.ck-account-pass .woocommerce-MyAccount-navigation li {
	flex: none;
}

.ck-skin.ck-account-pass .woocommerce-MyAccount-navigation li a,
.ck-skin.ck-account-pass .woocommerce-MyAccount-navigation li.is-active a,
.ck-skin.ck-account-pass .woocommerce-MyAccount-navigation li.is-active a:hover {
	background: none;
	border-bottom: 3px solid transparent;
	border-radius: 0;
	color: var(--ck-muted);
	font-size: 15px;
	padding: 18px 12px 15px;
	white-space: nowrap;
}

.ck-skin.ck-account-pass .woocommerce-MyAccount-navigation li a:hover {
	background: none;
	color: var(--ck-text);
}

.ck-skin.ck-account-pass .woocommerce-MyAccount-navigation li.is-active a,
.ck-skin.ck-account-pass .woocommerce-MyAccount-navigation li.is-active a:hover {
	border-bottom-color: var(--ck-accent);
	color: var(--ck-text);
}

.ck-skin.ck-account-pass .woocommerce-MyAccount-navigation li.is-active a::before {
	color: var(--ck-accent);
}

.ck-skin.ck-account-pass .woocommerce-MyAccount-navigation-link--customer-logout {
	border-top: 0;
	margin: 0 0 0 auto;
	padding: 0;
}

/* Live entries as tickets: photo on top, a torn stub with the ticket count. */
.ck-account-pass .ck-entries {
	gap: 18px;
	grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
}

.ck-skin.ck-account-pass a.ck-entry {
	border-radius: 22px;
	gap: 0;
	grid-template-areas: "img" "name" "end" "count";
	grid-template-columns: minmax(0, 1fr);
	overflow: hidden;
	padding: 0;
}

.ck-account-pass .ck-entry__img {
	aspect-ratio: 4 / 3;
	border-radius: 0;
	grid-area: img;
	height: auto;
	width: 100%;
}

.ck-account-pass .ck-entry__name {
	font-size: 17px;
	grid-area: name;
	padding: 14px 18px 2px;
	white-space: normal;
}

.ck-account-pass .ck-entry__end {
	grid-area: end;
	padding: 0 18px 14px;
}

.ck-account-pass .ck-entry__count {
	border-top: 2px dashed var(--ck-line);
	color: var(--ck-text);
	font-size: 20px;
	grid-area: count;
	padding: 12px 18px 14px;
	position: relative;
}

.ck-account-pass .ck-entry__count::before {
	color: var(--ck-accent);
	content: "";
	display: inline-block;
	height: 18px;
	margin-right: 8px;
	vertical-align: -2px;
	width: 18px;
	background: currentColor;
	-webkit-mask: var(--ck-i-ticket) center / contain no-repeat;
	mask: var(--ck-i-ticket) center / contain no-repeat;
}

/* Log in and register: register stands out as the way in. */
.ck-skin.ck-account-pass .woocommerce .u-columns.col2-set .u-column1,
.ck-skin.ck-account-pass .woocommerce .u-columns.col2-set .u-column2 {
	border-radius: 26px;
	padding: 32px;
}

.ck-skin.ck-account-pass .woocommerce .u-columns.col2-set .u-column2 {
	background: color-mix(in srgb, var(--ck-accent) 8%, var(--ck-surface));
	border-color: color-mix(in srgb, var(--ck-accent) 35%, var(--ck-line));
}

.ck-skin.ck-account-pass .woocommerce .u-columns.col2-set h2 {
	font-size: 28px;
	margin-bottom: 18px;
}

.ck-skin.ck-account-pass .woocommerce form.login .button,
.ck-skin.ck-account-pass .woocommerce form.register .button {
	border-radius: 14px;
	min-height: 50px;
	padding-left: 28px;
	padding-right: 28px;
}

@media (max-width: 600px) {
	.ck-pass {
		padding: 22px 18px;
	}

	.ck-pass__avatar {
		font-size: 24px;
		height: 54px;
		width: 54px;
	}

	.ck-pass__stats {
		width: 100%;
	}

	.ck-pass__stats > span {
		flex: 1;
		min-width: 0;
	}

	.ck-skin.ck-account-pass.woocommerce-account .woocommerce-MyAccount-navigation {
		padding: 0 8px;
	}

	.ck-skin.ck-account-pass .woocommerce .u-columns.col2-set .u-column1,
	.ck-skin.ck-account-pass .woocommerce .u-columns.col2-set .u-column2 {
		padding: 22px 18px;
	}
}

.ck-skin.ck-account-pass a.ck-entry .ck-entry__name {
	color: var(--ck-text);
}

@media (max-width: 600px) {
	.ck-account-pass .ck-entries {
		gap: 12px;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.ck-skin.ck-account-pass a.ck-entry {
		border-radius: 18px;
	}

	.ck-account-pass .ck-entry__name {
		font-size: 15px;
		padding: 10px 12px 2px;
	}

	.ck-account-pass .ck-entry__end {
		font-size: 12px;
		padding: 0 12px 10px;
	}

	.ck-account-pass .ck-entry__count {
		font-size: 16px;
		padding: 10px 12px;
	}
}

/* Line the stubs up along the bottom of each row of tickets. */
.ck-skin.ck-account-pass a.ck-entry {
	align-items: start;
	grid-template-rows: auto auto 1fr auto;
}

/* Number pickers, bundles and entry questions take the full ticket width, or
   the entry button is squeezed into a tall strip beside them. */
.ck-single-ticket.single-product div.product .summary form.cart {
	flex-wrap: wrap;
}

.ck-single-ticket.single-product div.product .summary form.cart > .lty-lottery-ticket-container,
.ck-single-ticket.single-product div.product .summary form.cart > .lty-lottery-predefined-buttons-container,
.ck-single-ticket.single-product div.product .summary form.cart > .lty-lottery-question-answer-container {
	flex: 0 0 100%;
	max-width: 100%;
	min-width: 0;
}

/* Section heading: centred, with underlined filters instead of filled buttons. */
.ck-head-centred .ck-section__head {
	align-items: center;
	flex-direction: column;
	margin-bottom: 26px;
	text-align: center;
}

.ck-head-centred .ck-section__title {
	font-size: clamp(30px, 4vw, 44px);
}

.ck-head-centred .ck-tabs {
	border-bottom: 1px solid var(--ck-line);
	gap: 26px;
	justify-content: safe center;
	margin-bottom: 0;
	max-width: 100%;
	padding-bottom: 0;
}

.ck-head-centred .ck-tab,
.ck-head-centred .ck-tab:hover,
.ck-head-centred .ck-tab:focus {
	background: none;
	border: 0;
	border-bottom: 3px solid transparent;
	border-radius: 0;
	color: var(--ck-muted);
	margin-bottom: -1px;
	padding: 8px 2px 10px;
}

.ck-head-centred .ck-tab:hover,
.ck-head-centred .ck-tab:focus {
	color: var(--ck-text);
}

.ck-head-centred .ck-tab.is-active {
	background: none;
	border-bottom-color: var(--ck-accent);
	color: var(--ck-text);
}

/* Email sign-up: a full-width colour banner instead of a slim panel. */
body.ck-signup-banner .cse-notify-strip {
	background: var(--ck-fade);
	margin: 40px 0 0;
	padding: 72px 16px;
}

body.ck-signup-banner .cse-notify-strip .cse-notify {
	background: none;
	border: 0;
	box-shadow: none;
	color: var(--ck-btn-text);
	display: block;
	margin: 0 auto;
	max-width: 560px;
	padding: 0;
	text-align: center;
}

body.ck-signup-banner .cse-notify-strip .cse-h {
	color: inherit;
	font-size: clamp(30px, 5vw, 44px);
	justify-content: center;
	line-height: 1.1;
	margin-bottom: 10px;
}

body.ck-signup-banner .cse-notify-strip .cse-h svg {
	display: none;
}

body.ck-signup-banner .cse-notify-strip .cse-notify__text p {
	color: inherit;
	font-size: 17px;
	margin-bottom: 24px;
	opacity: .92;
}

body.ck-signup-banner .cse-notify-strip .cse-notify__row input {
	background: var(--ck-surface);
	border-color: transparent;
	color: var(--ck-text);
	min-height: 54px;
}

body.ck-signup-banner .cse-notify-strip .cse-btn {
	background: var(--ck-text);
	color: var(--ck-bg);
	min-height: 54px;
	padding-left: 26px;
	padding-right: 26px;
}

body.ck-signup-banner .cse-notify-strip .cse-notify__consent {
	color: inherit;
	justify-content: center;
	margin-top: 14px;
}

/* Footer: centred on a dark panel, each link group a row. */
body.ck-footer-centred {
	--ck-foot-bg: var(--ck-text);
	--ck-foot-text: var(--ck-bg);
}

body.ck-footer-centred .site-footer {
	--ck-line: color-mix(in srgb, var(--ck-foot-text) 16%, transparent);
	--ck-muted: color-mix(in srgb, var(--ck-foot-text) 68%, transparent);
	--ck-text: var(--ck-foot-text);
	background: var(--ck-foot-bg);
}

body.ck-footer-centred .site-footer .site-info,
body.ck-footer-centred .site-footer .ck-footer-notice {
	background: none;
	border: 0;
}

body.ck-footer-centred .ck-foot,
body.ck-footer-centred .site-info .copyright-bar {
	text-align: center;
}

body.ck-footer-centred .ck-foot__top {
	gap: 30px;
	grid-template-columns: minmax(0, 1fr);
	padding-top: 52px;
}

body.ck-footer-centred .ck-foot__brand {
	margin: 0 auto;
	max-width: 520px;
}

body.ck-skin.ck-footer-centred .site-info .ck-foot__logo {
	font-size: 36px;
}

body.ck-footer-centred .ck-foot__social {
	justify-content: center;
}

body.ck-footer-centred .ck-foot__menu {
	gap: 20px;
	grid-template-columns: minmax(0, 1fr);
}

body.ck-footer-centred .ck-foot__menu > li > a {
	color: var(--ck-accent);
	font-size: 12px;
	margin-bottom: 8px;
}

body.ck-footer-centred .ck-foot__menu .sub-menu {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 24px;
	justify-content: center;
}

body.ck-footer-centred .ck-foot__legal {
	flex-direction: column;
}

body.ck-footer-centred .ck-foot__company {
	flex: none;
	max-width: 640px;
}

body.ck-footer-centred .ck-footer-notice--footer .inside-site-info {
	padding: 22px 0 0;
}

body.ck-footer-centred .ck-footer-notice .ck-notice {
	justify-content: center;
}

/* Payment marks take the text colour, so they show on light footers too. */
.ck-pay text {
	fill: var(--ck-text);
}

body.ck-footer-centred .site-footer {
	--ck-surface: color-mix(in srgb, var(--ck-foot-text) 10%, transparent);
}

body.ck-skin.ck-footer-centred .site-info:has(.ck-foot) .copyright-bar {
	text-align: center;
	width: 100%;
}

/* The filter strip sits centred with no panel behind it. */
.ck-skin.ck-head-centred .ck-tabs {
	background: none;
	border: 0;
	border-bottom: 1px solid var(--ck-line);
	border-radius: 0;
	box-shadow: none;
	display: flex;
	margin: 0 auto 28px;
	padding: 0;
	width: fit-content;
}

/* Standard pages: a title banner, with the content centred under it. */
body.ck-page-banner.page:not(.home) .inside-article > .entry-header {
	background: color-mix(in srgb, var(--ck-accent) 10%, var(--ck-surface));
	border-radius: var(--ck-radius);
	margin-bottom: 32px;
	padding: 44px 24px;
	text-align: center;
}

body.ck-page-banner.page:not(.home) .inside-article > .entry-header .entry-title {
	font-size: clamp(34px, 5vw, 52px);
	margin: 0;
}

body.ck-page-banner .cse-policy-text {
	margin-left: auto;
	margin-right: auto;
	max-width: 760px;
}

body.ck-page-banner .entry-content > .cse-empty {
	text-align: center;
}

body.ck-page-banner.woocommerce-account:not(.logged-in) .entry-content > .woocommerce {
	background: var(--ck-surface);
	border: 1px solid var(--ck-line);
	border-radius: var(--ck-radius);
	margin: 0 auto;
	max-width: 480px;
	padding: 32px;
}

/* Shopping bag icon. */
.ck-icon--bag {
	--ck-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8h12l1 13H5L6 8Z'/%3E%3Cpath d='M9 10V6a3 3 0 0 1 6 0v4'/%3E%3C/svg%3E");
}

/* Header: logo in the middle, menu left, icons right. */
@media (min-width: 769px) {
	.ck-skin.ck-header-split .site-header .inside-header {
		align-items: center;
		display: flex;
		flex-wrap: wrap;
		min-height: 92px;
		padding-bottom: 0;
		padding-top: 0;
		position: relative;
	}

	.ck-skin.ck-header-split .site-header .site-branding {
		flex: 1 0 100%;
		margin: 14px 0 0;
		text-align: center;
	}

	.ck-skin.ck-header-split .site-header #site-navigation {
		flex: 1 0 100%;
		float: none;
		margin: 0;
	}

	.ck-skin.ck-header-split .site-header #site-navigation .inside-navigation {
		align-items: center;
		display: flex;
		justify-content: space-between;
	}

	.ck-skin.ck-header-split .site-header #site-navigation .main-nav > ul > li > a {
		font-size: 12px;
		font-weight: 400;
		letter-spacing: .16em;
		line-height: 44px;
		padding-left: 0;
		padding-right: 24px;
		text-transform: uppercase;
	}
}

@media (min-width: 1200px) {
	.ck-skin.ck-header-split .site-header .site-branding {
		flex: none;
		left: 50%;
		margin: 0;
		position: absolute;
		top: 50%;
		transform: translate(-50%, -50%);
		z-index: 2;
	}

	.ck-skin.ck-header-split .site-header .main-title {
		font-size: 30px;
	}
}

/* Hero: one photo edge to edge. */
.ck-full {
	align-items: flex-end;
	display: flex;
	min-height: min(86vh, 860px);
	overflow: hidden;
	position: relative;
}

.ck-full__img {
	height: 100%;
	inset: 0;
	object-fit: cover;
	position: absolute;
	width: 100%;
}

.ck-full::after {
	background:
		linear-gradient(180deg, transparent 35%, var(--ck-bg) 100%),
		linear-gradient(90deg, color-mix(in srgb, var(--ck-bg) 80%, transparent) 0%, transparent 62%);
	content: "";
	inset: 0;
	position: absolute;
}

.ck-full__copy {
	color: var(--ck-text);
	margin: 0 auto;
	max-width: 1320px;
	padding: 0 40px 64px;
	position: relative;
	width: 100%;
	z-index: 1;
}

.ck-full__kicker {
	color: var(--ck-accent);
	display: block;
	font-size: 12px;
	letter-spacing: .24em;
	margin-bottom: 14px;
	text-transform: uppercase;
}

.ck-full__title {
	font-size: clamp(44px, 7vw, 92px);
	font-weight: 500;
	line-height: 1.02;
	margin: 0 0 14px;
	max-width: 15ch;
}

.ck-full__title a {
	color: inherit;
	text-decoration: none;
}

.ck-full__prize {
	color: var(--ck-muted);
	font-size: 17px;
	margin: 0 0 16px;
	max-width: 520px;
}

.ck-full__line {
	font-size: 16px;
	margin: 0 0 6px;
}

.ck-full__line b {
	color: var(--ck-accent);
	font-family: var(--ck-font-heading);
	font-size: 26px;
	font-weight: 500;
}

.ck-full__btn {
	margin-top: 22px;
}

/* Editorial cards: a tall photo, no box, quiet text. */
body.ck-skin ul.products.ck-grid li.product.ck-card--editorial,
body.ck-skin ul.products.ck-grid li.product.ck-card--editorial:hover,
.ck-skin .ck-card.ck-card--editorial,
.ck-skin .ck-card.ck-card--editorial:hover {
	background: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	overflow: visible;
	transform: none;
}

.ck-card--editorial .ck-card__media {
	aspect-ratio: var(--ck-ratio);
	background: var(--ck-surface);
	border-radius: var(--ck-radius);
	display: block;
	overflow: hidden;
}

.ck-skin ul.products li.product.ck-card--editorial .ck-card__media .ck-card__img,
.ck-card--editorial .ck-card__img {
	height: 100%;
	object-fit: cover;
	transition: transform .7s ease;
	width: 100%;
}

.ck-card--editorial:hover .ck-card__img {
	transform: scale(1.03);
}

.ck-edit__body {
	padding: 18px 0 0;
}

.ck-edit__cat {
	color: var(--ck-accent);
	display: block;
	font-size: 11px;
	letter-spacing: .2em;
	margin-bottom: 8px;
	text-transform: uppercase;
}

.ck-card--editorial .ck-card__title {
	font-size: 26px;
	font-weight: 500;
	line-height: 1.16;
	margin: 0 0 8px;
}

.ck-card--editorial .ck-card__title a {
	color: var(--ck-text);
	text-decoration: none;
}

.ck-edit__meta {
	align-items: center;
	color: var(--ck-muted);
	display: flex;
	flex-wrap: wrap;
	font-size: 14px;
	gap: 2px 10px;
	margin: 0 0 12px;
}

.ck-edit__dot {
	background: var(--ck-line);
	height: 12px;
	width: 1px;
}

.ck-edit__link {
	border-bottom: 1px solid var(--ck-accent);
	color: var(--ck-text);
	display: inline-block;
	font-size: 12px;
	letter-spacing: .16em;
	padding-bottom: 3px;
	text-decoration: none;
	text-transform: uppercase;
}

.ck-edit__link:hover {
	color: var(--ck-accent);
}

/* Section heading: left, filters as plain text on the right. */
.ck-head-quiet .ck-section__head {
	align-items: baseline;
	border-bottom: 1px solid var(--ck-line);
	margin-bottom: 36px;
	padding-bottom: 14px;
}

.ck-head-quiet .ck-section__title {
	font-size: clamp(34px, 4vw, 52px);
	font-weight: 500;
}

.ck-skin.ck-head-quiet .ck-tabs {
	background: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	display: flex;
	gap: 22px;
	margin: 0 0 30px;
	padding: 0;
}

.ck-head-quiet .ck-tab,
.ck-head-quiet .ck-tab:hover,
.ck-head-quiet .ck-tab:focus,
.ck-head-quiet .ck-tab.is-active {
	background: none;
	border: 0;
	border-radius: 0;
	color: var(--ck-muted);
	font-size: 12px;
	font-weight: 400;
	letter-spacing: .14em;
	padding: 4px 0;
	text-transform: uppercase;
}

.ck-head-quiet .ck-tab span {
	display: none;
}

.ck-head-quiet .ck-tab:hover,
.ck-head-quiet .ck-tab:focus,
.ck-head-quiet .ck-tab.is-active {
	color: var(--ck-accent);
}

/* Competition page: large photo, slim details beside it. */
@media (min-width: 769px) {
	.ck-single-gallery.single-product div.product {
		column-gap: 64px;
		display: grid;
		grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr);
	}

	.ck-single-gallery.single-product div.product .woocommerce-product-gallery,
	.ck-single-gallery.single-product div.product > .summary {
		float: none;
		margin: 0;
		width: 100%;
	}

	.ck-single-gallery.single-product div.product .woocommerce-product-gallery {
		align-self: start;
		position: sticky;
		top: 112px;
	}

	.ck-single-gallery.single-product div.product > :not(.woocommerce-product-gallery):not(.summary) {
		grid-column: 1 / -1;
	}
}

.ck-single-gallery.single-product div.product > .summary {
	background: none;
	border: 0;
	box-shadow: none;
	padding: 0;
}

.ck-single-gallery.single-product div.product .product_title {
	font-size: clamp(34px, 3.6vw, 52px);
	font-weight: 500;
	line-height: 1.08;
}

/* Sign-up: a heading and one underlined line. */
body.ck-signup-line .cse-notify-strip {
	border-top: 1px solid var(--ck-line);
	margin-top: 64px;
	padding: 64px 16px;
}

body.ck-signup-line .cse-notify-strip .cse-notify {
	background: none;
	border: 0;
	box-shadow: none;
	display: block;
	margin: 0 auto;
	max-width: 620px;
	padding: 0;
	text-align: center;
}

body.ck-signup-line .cse-notify-strip .cse-h {
	font-size: 34px;
	font-weight: 500;
	justify-content: center;
}

body.ck-signup-line .cse-notify-strip .cse-h svg {
	display: none;
}

body.ck-signup-line .cse-notify-strip .cse-notify__row {
	border-bottom: 1px solid var(--ck-accent);
	gap: 0;
	margin-top: 20px;
}

body.ck-signup-line .cse-notify-strip .cse-notify__row input {
	background: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	color: var(--ck-text);
	padding-left: 0;
}

body.ck-signup-line .cse-notify-strip .cse-btn {
	background: none;
	border: 0;
	box-shadow: none;
	color: var(--ck-accent);
	font-size: 12px;
	letter-spacing: .16em;
	padding-right: 0;
	text-transform: uppercase;
}

body.ck-signup-line .cse-notify-strip .cse-notify__consent {
	justify-content: center;
	margin-top: 12px;
}

/* Footer: one line of links, no columns. */
body.ck-footer-minimal .ck-foot__top {
	align-items: center;
	border-top: 1px solid var(--ck-line);
	display: flex;
	flex-wrap: wrap;
	gap: 18px 40px;
	justify-content: space-between;
	padding: 32px 0;
}

body.ck-footer-minimal .ck-foot__brand p,
body.ck-footer-minimal .ck-foot__menu > li > a {
	display: none;
}

body.ck-skin.ck-footer-minimal .site-info .ck-foot__logo {
	margin: 0;
}

body.ck-footer-minimal .ck-foot__menu,
body.ck-footer-minimal .ck-foot__menu .sub-menu {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 22px;
}

body.ck-footer-minimal .ck-foot__menu .sub-menu a {
	font-size: 12px;
	letter-spacing: .08em;
}

body.ck-footer-minimal .ck-footer-notice,
body.ck-footer-minimal .ck-foot__legal {
	border: 0;
}


/* Standard pages: a narrow column under a ruled title. */
body.ck-page-narrow.page:not(.home) .inside-article > .entry-header {
	border-bottom: 1px solid var(--ck-line);
	margin: 24px auto 36px;
	max-width: 680px;
	padding-bottom: 18px;
	text-align: center;
}

body.ck-page-narrow.page:not(.home) .inside-article > .entry-header .entry-title {
	font-size: clamp(38px, 5vw, 56px);
	font-weight: 500;
	margin: 0;
}

body.ck-page-narrow .cse-policy-text {
	margin-left: auto;
	margin-right: auto;
	max-width: 680px;
}

body.ck-page-narrow.woocommerce-account:not(.logged-in) .entry-content > .woocommerce {
	margin: 0 auto;
	max-width: 420px;
}

/* Basket and account: ruled lines, no boxes. */
.ck-basket-ledger .woocommerce-cart-form,
.ck-basket-ledger .cart_totals,
.ck-basket-ledger .wc-block-cart__sidebar,
.ck-account-ledger .woocommerce-MyAccount-content,
.ck-account-ledger .woocommerce-MyAccount-navigation {
	background: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

.ck-account-ledger .woocommerce-MyAccount-navigation {
	border-right: 1px solid var(--ck-line);
}

.ck-account-ledger .woocommerce-MyAccount-navigation a {
	background: none;
	border-radius: 0;
	font-size: 12px;
	letter-spacing: .14em;
	text-transform: uppercase;
}

/* The page sits on the skin's own background, whatever the base colours say. */
.ck-skin .site.grid-container {
	background: var(--ck-bg);
}

/* No shade or lift on the editorial card: the photo stays as it was taken. */
.ck-card--editorial .ck-card__media::after {
	display: none;
}

.ck-card--editorial.is-closed .ck-edit__meta {
	color: var(--ck-urgent);
}

/* Full screen hero button: a fine outline that fills on hover. */
.ck-skin .ck-btn.ck-full__btn {
	background: none;
	border: 1px solid var(--ck-accent);
	border-radius: 0;
	box-shadow: none;
	color: var(--ck-text);
	display: inline-block;
	font-size: 12px;
	font-weight: 400;
	letter-spacing: .2em;
	padding: 15px 38px;
	text-decoration: none;
	text-transform: uppercase;
	transition: background .25s ease, color .25s ease;
}

.ck-skin .ck-btn.ck-full__btn:hover,
.ck-skin .ck-btn.ck-full__btn:focus {
	background: var(--ck-accent);
	color: var(--ck-btn-text);
}

/* With the logo in the middle, the account links stay quiet. */
.ck-skin.ck-header-split .ck-menu-login,
.ck-skin.ck-header-split .ck-menu-cta,
.ck-skin.ck-header-split .ck-menu-login:hover,
.ck-skin.ck-header-split .ck-menu-cta:hover {
	background: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	color: var(--ck-text);
	font-size: 12px;
	font-weight: 400;
	letter-spacing: .14em;
	padding: 0 0 0 20px;
	text-transform: uppercase;
}

.ck-skin.ck-header-split .ck-menu-login .ck-icon {
	display: none;
}

.ck-skin.ck-header-split .ck-menu-cta {
	color: var(--ck-text) !important;
}

.ck-skin.ck-header-split .ck-menu-login:hover,
.ck-skin.ck-header-split .ck-menu-cta:hover {
	color: var(--ck-accent) !important;
}

/* The age mark takes the accent in the minimal footer. */
body.ck-footer-minimal .ck-age {
	background: none;
	border: 1px solid var(--ck-accent);
	box-shadow: none;
	color: var(--ck-accent);
	font-family: var(--ck-font-body);
	font-weight: 400;
	transform: none;
}

/* Old-style figures sit unevenly in ticket grids, countdowns and prices. */
body.ck-skin {
	font-variant-numeric: lining-nums;
}

/* Basket ledger: the block cart loses its boxes and gets ruled lines. */
body.ck-skin.ck-basket-ledger .wc-block-cart-items,
body.ck-skin.ck-basket-ledger .wc-block-cart__sidebar {
	background: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

body.ck-skin.ck-basket-ledger .wc-block-cart__sidebar {
	border-top: 1px solid var(--ck-accent);
	padding-left: 0;
	padding-right: 0;
}

body.ck-skin.ck-basket-ledger .wc-block-cart-items {
	border-top: 1px solid var(--ck-accent);
}

body.ck-skin.ck-basket-ledger .wc-block-cart-items td,
body.ck-skin.ck-basket-ledger .wc-block-cart-items th {
	border-bottom: 1px solid var(--ck-line);
}

body.ck-skin.ck-basket-ledger .wc-block-components-product-name {
	font-family: var(--ck-font-heading);
	font-size: 24px;
	font-weight: 500;
}

/* Listing as a catalogue: filters down the side, numbered mixed-size photos. */
body.ck-archive-catalogue .entry-content > .woocommerce-breadcrumb,
body.ck-archive-catalogue .entry-content > .woocommerce-products-header {
	display: none;
}

body.ck-archive-catalogue .entry-content > .ck-section__head {
	border: 0;
	display: block;
	margin: 0 0 56px;
	padding: 56px 0 0;
	text-align: center;
}

body.ck-archive-catalogue .entry-content > .ck-section__head .ck-section__title {
	font-size: clamp(44px, 7vw, 88px);
	line-height: 1.04;
}

body.ck-archive-catalogue .entry-content > .ck-section__head .ck-kicker {
	justify-content: center;
}

body.ck-archive-catalogue .entry-content > ul.products.ck-grid {
	counter-reset: ck-lot;
}

body.ck-archive-catalogue .entry-content > ul.products.ck-grid > li.product.ck-card--editorial {
	counter-increment: ck-lot;
}

body.ck-archive-catalogue .entry-content > ul.products.ck-grid > li.ck-card--editorial .ck-edit__cat::before {
	color: var(--ck-muted);
	content: "No. " counter(ck-lot, decimal-leading-zero) "   ";
	white-space: pre;
}

@media (min-width: 961px) {
	body.ck-archive-catalogue .entry-content {
		column-gap: 64px;
		display: grid;
		grid-template-columns: 200px minmax(0, 1fr);
	}

	body.ck-archive-catalogue .entry-content > * {
		grid-column: 1 / -1;
		min-width: 0;
	}

	body.ck-archive-catalogue .entry-content > .woocommerce-notices-wrapper {
		order: -1;
	}

	body.ck-skin.ck-archive-catalogue .entry-content > .ck-tabs {
		align-items: stretch;
		align-self: start;
		border-top: 1px solid var(--ck-accent);
		flex-direction: column;
		gap: 0;
		grid-column: 1;
		margin: 0;
		overflow: visible;
		position: sticky;
		top: 112px;
	}

	body.ck-skin.ck-archive-catalogue .entry-content > .ck-tabs .ck-tab {
		border-bottom: 1px solid var(--ck-line);
		padding: 13px 0;
		text-align: left;
		white-space: nowrap;
		width: 100%;
	}

	body.ck-skin.ck-archive-catalogue .entry-content > ul.products.ck-grid {
		display: grid;
		gap: 72px 48px;
		grid-column: 2;
		grid-template-columns: repeat(12, minmax(0, 1fr));
	}

	body.ck-archive-catalogue .entry-content > .woocommerce-pagination {
		grid-column: 2;
	}

	body.ck-skin.ck-archive-catalogue .entry-content > ul.products.ck-grid > li.ck-card--editorial {
		grid-column: span 5;
		width: auto;
	}

	body.ck-skin.ck-archive-catalogue .entry-content > ul.products.ck-grid > li.ck-card--editorial:nth-child(5n+1),
	body.ck-skin.ck-archive-catalogue .entry-content > ul.products.ck-grid > li.ck-card--editorial:nth-child(5n+4) {
		grid-column: span 7;
	}

	body.ck-archive-catalogue .entry-content > ul.products.ck-grid > li.ck-card--editorial:nth-child(5n+1) .ck-card__media,
	body.ck-archive-catalogue .entry-content > ul.products.ck-grid > li.ck-card--editorial:nth-child(5n+4) .ck-card__media {
		aspect-ratio: 5 / 4;
	}

	body.ck-archive-catalogue .entry-content > ul.products.ck-grid > li.ck-card--editorial:nth-child(5n+2),
	body.ck-archive-catalogue .entry-content > ul.products.ck-grid > li.ck-card--editorial:nth-child(5n+4) {
		margin-top: 96px;
	}

	body.ck-skin.ck-archive-catalogue .entry-content > ul.products.ck-grid > li.ck-card--editorial:nth-child(5n) {
		align-items: end;
		column-gap: 48px;
		display: grid;
		grid-column: 1 / -1;
		grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
	}

	body.ck-archive-catalogue .entry-content > ul.products.ck-grid > li.ck-card--editorial:nth-child(5n) .ck-card__media {
		aspect-ratio: 3 / 2;
	}

	body.ck-archive-catalogue .entry-content > ul.products.ck-grid > li.ck-card--editorial:nth-child(5n) .ck-card__title {
		font-size: 38px;
	}
}

/* The scratch engine hard-codes a white tile, which flashes through the foil
   while a card is being scratched. There is no setting for it. */
/* A revealed win prints the prize twice in a small tile and clips the second
   line. The win popup straight after shows the full wording. */
.ck-skin .scratch-cell .sc-prize-body {
	display: none !important;
}

.ck-skin .scratch-cell.covered {
	background: var(--ck-surface-2);
}

/* Game play buttons sit in the order table, and their width pushed the whole
   order page wider than a phone, cutting off every game popup. */
@media (max-width: 600px) {
	.ck-skin table.woocommerce-table--order-details {
		table-layout: fixed;
		width: 100%;
	}

	.ck-skin table.woocommerce-table--order-details :is(th.product-total, td.product-total, tfoot td) {
		width: 32%;
	}

	.ck-skin table.woocommerce-table--order-details :is(td.product-name, tfoot td) {
		overflow-wrap: anywhere;
	}

	.ck-skin table.woocommerce-table--order-details td.product-name :is(button, .button) {
		box-sizing: border-box;
		max-width: 100%;
		white-space: normal;
	}
}

/* Patch cards, poster hero and the other Basecamp-era layouts. */
.ck-skin {
	font-synthesis: none;
	--ck-ridge: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 120' preserveAspectRatio='none'%3E%3Cpath d='M0 120V74l90-32 70 26 110-52 80 38 60-20 120 44 100-48 90 30 130-44 110 54 120-40 130 36 40-10 110 34 80-22V120z'/%3E%3C/svg%3E");
}

/* Header: a round logo badge hanging over the menu bar. */
@media (min-width: 769px) {
	.ck-skin.ck-header-badge .site-header {
		background: var(--ck-surface);
		border-bottom: 5px solid var(--ck-accent);
		overflow: visible;
		position: relative;
		z-index: 50;
	}

	.ck-skin.ck-header-badge .site-header .inside-header {
		align-items: center;
		display: flex;
		justify-content: flex-end;
		min-height: 76px;
		padding: 0 32px 0 212px;
		position: relative;
	}

	.ck-skin.ck-header-badge .site-header .site-branding {
		align-items: center;
		background: var(--ck-accent);
		border-radius: 50%;
		box-shadow: 0 0 0 5px var(--ck-surface), 0 0 0 7px var(--ck-accent);
		display: flex;
		height: 138px;
		justify-content: center;
		left: 40px;
		position: absolute;
		top: 12px;
		transform: rotate(-7deg);
		width: 138px;
		z-index: 60;
	}

	.ck-skin.ck-header-badge .site-header .main-title {
		font-size: 25px;
		line-height: 1;
		margin: 0;
		text-align: center;
	}

	.ck-skin.ck-header-badge .site-header .main-title a,
	.ck-skin.ck-header-badge .site-header .main-title a span {
		color: var(--ck-btn-text);
	}

	.ck-skin.ck-header-badge .site-header #site-navigation {
		background: transparent;
		flex: 1;
	}

	.ck-skin.ck-header-badge .site-header #site-navigation .main-nav > ul > li > a {
		font-family: var(--ck-font-heading);
		font-size: 17px;
		letter-spacing: .04em;
		text-transform: uppercase;
	}
}

/* Poster hero. */
.ck-poster {
	display: grid;
	grid-template-columns: minmax(0, 5fr) minmax(0, 6fr);
	min-height: 640px;
	overflow: hidden;
	position: relative;
}

.ck-poster::after {
	background: var(--ck-bg);
	bottom: -1px;
	content: "";
	height: 90px;
	left: 0;
	-webkit-mask: var(--ck-ridge) center bottom / 100% 100% no-repeat;
	mask: var(--ck-ridge) center bottom / 100% 100% no-repeat;
	pointer-events: none;
	position: absolute;
	right: 0;
	z-index: 3;
}

.ck-poster__block {
	align-items: flex-start;
	background: var(--ck-accent);
	color: var(--ck-btn-text);
	display: flex;
	flex-direction: column;
	gap: 18px;
	justify-content: center;
	padding: 150px 56px 130px clamp(24px, 5vw, 96px);
}

.ck-poster__kicker {
	font-size: 15px;
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
}

.ck-skin .ck-poster__title {
	font-size: clamp(52px, 7.4vw, 124px);
	line-height: .98;
	margin: 0;
	text-transform: uppercase;
}

.ck-skin .ck-poster__title a,
.ck-skin .ck-card--patch .ck-card__title a {
	color: inherit;
	text-decoration: none;
}

.ck-poster__prize {
	font-size: 19px;
	line-height: 1.4;
	margin: 0;
	max-width: 30em;
}

.ck-skin a.ck-poster__cta {
	align-items: center;
	background: var(--ck-text);
	border-radius: 6px;
	color: var(--ck-bg);
	display: inline-flex;
	font-family: var(--ck-font-heading);
	font-size: 21px;
	gap: 10px;
	letter-spacing: .04em;
	padding: 15px 28px;
	text-transform: uppercase;
}

.ck-poster__media {
	display: block;
	min-height: 320px;
	position: relative;
}

.ck-skin .ck-poster__img {
	height: 100%;
	max-width: none;
	inset: 0;
	object-fit: cover;
	position: absolute;
	width: 100%;
}

.ck-poster__media .ck-patch__price {
	--ck-patch-size: 148px;
	left: 28px;
	right: auto;
	top: 22%;
}

@media (max-width: 960px) {
	.ck-poster {
		grid-template-columns: minmax(0, 1fr);
	}

	.ck-poster__media {
		aspect-ratio: 4 / 3;
		order: -1;
	}

	.ck-poster__block {
		padding: 32px 20px 104px;
	}

	.ck-poster__media .ck-patch__price {
		--ck-patch-size: 112px;
		left: auto;
		right: 16px;
		top: 16px;
	}
}

/* The stitched price patch, shared by the card and the hero. */
.ck-patch__price {
	--ck-patch-size: 104px;
	align-items: center;
	background: var(--ck-price);
	border-radius: 50%;
	color: var(--ck-price-text);
	display: flex;
	flex-direction: column;
	height: var(--ck-patch-size);
	justify-content: center;
	line-height: 1;
	position: absolute;
	right: 14px;
	top: 14px;
	transform: rotate(6deg);
	width: var(--ck-patch-size);
	z-index: 2;
}

.ck-patch__price::before {
	border: 2px dashed currentColor;
	border-radius: 50%;
	content: "";
	inset: 6px;
	opacity: .7;
	position: absolute;
}

.ck-patch__price b {
	font-family: var(--ck-font-heading);
	font-size: calc(var(--ck-patch-size) * .28);
	font-weight: 400;
}

.ck-patch__price small {
	font-size: calc(var(--ck-patch-size) * .115);
	font-weight: 700;
	letter-spacing: .08em;
	margin-top: 3px;
	text-transform: uppercase;
}

/* Patch card. */
body.ck-skin ul.products.ck-grid li.product.ck-card--patch,
.ck-skin .ck-card.ck-card--patch {
	background: var(--ck-surface);
	border: 0;
	border-radius: 0;
	box-shadow: none;
	clip-path: polygon(16px 0, 100% 0, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0 100%, 0 16px);
	overflow: hidden;
	padding: 0;
	position: relative;
}

.ck-card--patch .ck-card__media {
	display: block;
	overflow: hidden;
	position: relative;
}

.ck-skin ul.products li.product.ck-card--patch .ck-card__media .ck-card__img,
.ck-card--patch .ck-card__img {
	aspect-ratio: 3 / 2;
	display: block;
	height: 100%;
	margin: 0;
	object-fit: cover;
	width: 100%;
}

.ck-patch__tags {
	bottom: 12px;
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	left: 12px;
	position: absolute;
	z-index: 2;
}

.ck-patch__tag {
	align-items: center;
	background: var(--ck-bg);
	color: var(--ck-text);
	display: inline-flex;
	font-size: 12px;
	font-weight: 700;
	gap: 6px;
	letter-spacing: .06em;
	padding: 5px 9px;
	text-transform: uppercase;
}

.ck-patch__body {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 20px 22px 22px;
}

.ck-patch__cat {
	color: var(--ck-accent-2);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
}

.ck-skin .ck-card--patch .ck-card__title {
	font-size: 30px;
	line-height: 1.08;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

.ck-card--patch .ck-card__title a {
	color: var(--ck-text);
}

.ck-patch__prize {
	color: var(--ck-muted);
	font-size: 16px;
	line-height: 1.45;
	margin: 0;
}

.ck-patch__foot {
	align-items: center;
	display: grid;
	gap: 10px 16px;
	grid-template-columns: minmax(0, 1fr) auto;
	margin-top: auto;
}

.ck-patch__when {
	font-size: 14px;
	font-weight: 700;
}

.ck-patch__foot > :not(.ck-btn):not(.ck-patch__when) {
	grid-column: 1 / -1;
	order: 2;
}

.ck-patch__foot .ck-btn {
	grid-column: 1 / -1;
	justify-content: center;
	order: 3;
}

/* Listing as rows. */
@media (min-width: 769px) {
	body.ck-skin.ck-archive-rows .entry-content > ul.products.ck-grid {
		display: flex;
		flex-direction: column;
		gap: 26px;
	}

	body.ck-skin.ck-archive-rows ul.products.ck-grid > li.product.ck-card--patch {
		display: grid;
		grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
		margin: 0;
		width: 100%;
	}

	body.ck-skin.ck-archive-rows ul.products.ck-grid > li.product.ck-card--patch:nth-child(even) .ck-card__media {
		order: 2;
	}

	body.ck-skin.ck-archive-rows ul.products.ck-grid > li.product.ck-card--patch {
		min-height: 320px;
	}

	body.ck-skin.ck-archive-rows ul.products.ck-grid > li.ck-card--patch .ck-card__media .ck-card__img {
		aspect-ratio: auto;
		height: 100%;
		inset: 0;
		max-width: none;
		position: absolute;
	}

	body.ck-archive-rows .ck-patch__body {
		justify-content: center;
		padding: 34px 40px;
	}

	body.ck-skin ul.products li.product.ck-card--patch .ck-card__title {
		font-size: 44px;
	}

	body.ck-archive-rows .ck-patch__foot {
		margin-top: 8px;
	}

	body.ck-archive-rows .ck-patch__foot .ck-btn {
		grid-column: 2;
		grid-row: 1 / span 2;
		order: 0;
	}

	body.ck-archive-rows .ck-patch__foot > :not(.ck-btn):not(.ck-patch__when) {
		grid-column: 1;
	}
}

/* Section heading: thick rule, big title, filters as tags. */
body.ck-head-rule .ck-section__head {
	border-top: 8px solid var(--ck-accent);
	padding-top: 18px;
}

body.ck-head-rule .ck-section__title {
	font-size: clamp(38px, 5vw, 68px);
}

/* How it works as a trail. */
.ck-steps-trail .ck-steps ol {
	background-image: linear-gradient(90deg, var(--ck-accent) 55%, transparent 0);
	background-position: 0 25px;
	background-repeat: repeat-x;
	background-size: 22px 3px;
}

.ck-steps-trail .ck-steps__item {
	background: transparent;
	border: 0;
	box-shadow: none;
	padding: 0 16px 0 0;
}

.ck-steps-trail .ck-steps__icon {
	display: none;
}

.ck-skin.ck-steps-trail .ck-steps__num {
	align-items: center;
	background: var(--ck-accent);
	border-radius: 50% 50% 50% 0;
	color: var(--ck-btn-text);
	display: flex;
	font-family: var(--ck-font-heading);
	font-size: 24px;
	height: 52px;
	justify-content: center;
	margin-bottom: 14px;
	position: static;
	transform: rotate(-45deg);
	width: 52px;
}

/* Footer under a ridge, with a huge site name. */
body.ck-footer-ridge .site-footer {
	margin-top: 150px;
	overflow: visible;
	position: relative;
}

body.ck-footer-ridge .site-footer::before {
	background: var(--ck-surface);
	bottom: 100%;
	content: "";
	height: 120px;
	left: 0;
	-webkit-mask: var(--ck-ridge) center bottom / 100% 100% no-repeat;
	mask: var(--ck-ridge) center bottom / 100% 100% no-repeat;
	position: absolute;
	right: 0;
}

body.ck-footer-ridge .ck-foot__top {
	display: block;
}

body.ck-footer-ridge .ck-foot__brand {
	margin-bottom: 36px;
}

body.ck-skin.ck-footer-ridge .site-info .ck-foot__logo {
	display: block;
	font-family: var(--ck-font-heading);
	font-size: clamp(64px, 15vw, 230px);
	line-height: .95;
	text-transform: uppercase;
}

/* Sign-up: half photo, half colour block. */
body.ck-signup-split .cse-notify-strip {
	background: var(--ck-accent);
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	max-width: none;
	padding: 0;
}

body.ck-signup-split .cse-notify-strip::before {
	background: var(--ck-signup-img, var(--ck-surface-2)) center / cover;
	content: "";
	min-height: 320px;
}

body.ck-signup-split .cse-notify-strip .cse-notify {
	background: transparent;
	border: 0;
	color: var(--ck-btn-text);
	padding: 48px clamp(24px, 5vw, 72px);
}

@media (max-width: 768px) {
	body.ck-signup-split .cse-notify-strip {
		grid-template-columns: minmax(0, 1fr);
	}

	body.ck-signup-split .cse-notify-strip::before {
		min-height: 180px;
	}
}

/* A solid button style has no gradient over WooCommerce's purple. */
.ck-skin.ck-btn-solid.single-product div.product form.cart .single_add_to_cart_button,
.ck-skin.ck-btn-solid.ck-tm-style .lty-lucky-dip-button {
	background-color: var(--ck-accent);
	color: var(--ck-btn-text);
}

/* Single page: a wide photo across the page, details on a notched panel below it. */
@media (min-width: 961px) {
	body.ck-skin.ck-single-band.single-product div.product {
		display: block;
		grid-template-columns: none;
	}

	body.ck-skin.ck-single-band.single-product div.product .woocommerce-product-gallery {
		float: none !important;
		margin: -20px calc(50% - 50vw) 0 !important;
		max-width: none;
		width: 100vw !important;
	}

	body.ck-skin.ck-single-band.single-product div.product .woocommerce-product-gallery img {
		aspect-ratio: 21 / 9;
		border-radius: 0;
		height: auto;
		object-fit: cover;
		object-position: center 82%;
		width: 100%;
	}

	body.ck-skin.ck-single-band.single-product div.product > .summary {
		background: var(--ck-surface);
		clip-path: polygon(22px 0, 100% 0, 100% calc(100% - 22px), calc(100% - 22px) 100%, 0 100%, 0 22px);
		clear: both;
		column-gap: 44px;
		display: grid;
		float: none !important;
		grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);
		margin: -96px auto 56px;
		max-width: 1160px;
		padding: 38px 44px 40px;
		position: relative;
		width: auto !important;
		z-index: 2;
	}

	body.ck-skin.ck-single-band.single-product div.product > .summary > * {
		grid-column: 2;
		min-width: 0;
	}

	body.ck-skin.ck-single-band.single-product div.product > .summary > .product_title,
	body.ck-skin.ck-single-band.single-product div.product > .summary > .price {
		grid-column: 1;
	}

	body.ck-skin.ck-single-band.single-product div.product > .summary > .product_title {
		font-size: 64px;
		line-height: 1.02;
		margin: 0 0 12px;
	}

	body.ck-skin.ck-single-band.single-product div.product > .summary > .price {
		grid-row: 2;
	}
}

.ck-single-band.single-product .woocommerce-breadcrumb {
	display: none;
}

/* Basket as a kit list: ruled checklist rows and a stamped total. */
body.ck-skin.ck-basket-kit .wc-block-cart-items {
	background: none;
	border: 0;
	border-radius: 0;
	border-top: 6px solid var(--ck-accent);
	box-shadow: none;
}

body.ck-skin.ck-basket-kit .wc-block-cart-items td,
body.ck-skin.ck-basket-kit .wc-block-cart-items th {
	border-bottom: 2px dashed var(--ck-line);
}

body.ck-skin.ck-basket-kit .wc-block-cart-items .wc-block-cart-item__product {
	padding-left: 44px;
	position: relative;
}

body.ck-skin.ck-basket-kit .wc-block-cart-items .wc-block-cart-item__product::before {
	background: var(--ck-accent);
	border-radius: 4px;
	color: var(--ck-btn-text);
	content: "\2713";
	font-size: 17px;
	font-weight: 700;
	height: 26px;
	left: 6px;
	line-height: 26px;
	position: absolute;
	text-align: center;
	top: 20px;
	width: 26px;
}

body.ck-skin.ck-basket-kit .wc-block-components-product-name {
	font-family: var(--ck-font-heading);
	font-size: 24px;
	font-weight: 400;
	text-transform: uppercase;
}

body.ck-skin.ck-basket-kit .wc-block-cart__sidebar {
	background: var(--ck-surface);
	border: 3px dashed var(--ck-accent-2);
	border-radius: 0;
	box-shadow: none;
	transform: rotate(-1deg);
}

/* Account as a passport: tabs along the top, entries as stamps. */
@media (min-width: 769px) {
	.ck-skin.ck-account-passport.woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation) {
		display: block;
	}

	.ck-skin.ck-account-passport.woocommerce-account .woocommerce-MyAccount-navigation {
		background: none;
		border: 0;
		float: none;
		padding: 0;
		position: static;
		width: 100%;
	}

	.ck-skin.ck-account-passport .woocommerce-MyAccount-navigation ul {
		border-bottom: 5px solid var(--ck-accent);
		display: flex;
		flex-wrap: wrap;
		gap: 4px;
		margin: 0;
		padding: 0;
	}

	.ck-skin.ck-account-passport .woocommerce-MyAccount-navigation li {
		border: 0;
		margin: 0;
	}

	.ck-skin.ck-account-passport .woocommerce-MyAccount-navigation li a {
		background: var(--ck-surface);
		border-radius: 8px 8px 0 0;
		color: var(--ck-text);
		display: block;
		font-family: var(--ck-font-heading);
		font-size: 17px;
		letter-spacing: .03em;
		padding: 12px 18px;
		text-transform: uppercase;
	}

	.ck-skin.ck-account-passport .woocommerce-MyAccount-navigation li.is-active a {
		background: var(--ck-accent);
		color: var(--ck-btn-text);
	}

	.ck-skin.ck-account-passport.woocommerce-account .woocommerce-MyAccount-content {
		float: none;
		width: 100%;
	}
}

.ck-skin.ck-account-passport.woocommerce-account .woocommerce-MyAccount-content {
	background: var(--ck-surface);
	border: 0;
	border-radius: 0;
	outline: 2px dashed var(--ck-line);
	outline-offset: -12px;
	padding: 36px;
}

.ck-account-passport .ck-entries {
	display: grid;
	gap: 18px;
	grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
}

.ck-skin.ck-account-passport a.ck-entry {
	background: none;
	border: 3px double var(--ck-accent-2);
	border-radius: 50%;
	display: flex;
	flex-direction: column;
	aspect-ratio: 1;
	justify-content: center;
	padding: 18px;
	text-align: center;
	transform: rotate(-4deg);
}

.ck-account-passport a.ck-entry:nth-child(even) {
	transform: rotate(3deg);
}

.ck-account-passport .ck-entry__img {
	display: none;
}

.ck-account-passport .ck-entry__name {
	font-family: var(--ck-font-heading);
	font-size: 18px;
	line-height: 1.1;
	text-transform: uppercase;
}

/* Standard pages: a big poster title on a colour block. */
body.ck-skin.ck-page-poster.page:not(.home) .inside-article > .entry-header {
	background: var(--ck-accent);
	border: 0;
	margin: -40px calc(50% - 50vw) 48px;
	padding: 112px max(24px, calc(50vw - 600px)) 88px;
	position: relative;
}

body.ck-page-poster.page:not(.home) .inside-article > .entry-header::after {
	background: var(--ck-bg);
	bottom: -1px;
	content: "";
	height: 56px;
	left: 0;
	-webkit-mask: var(--ck-ridge) center bottom / 100% 100% no-repeat;
	mask: var(--ck-ridge) center bottom / 100% 100% no-repeat;
	position: absolute;
	right: 0;
}

body.ck-skin.ck-page-poster.page:not(.home) .inside-article > .entry-header .entry-title {
	color: var(--ck-btn-text);
	font-size: clamp(48px, 8vw, 110px);
	line-height: 1;
	text-transform: uppercase;
}

body.ck-page-poster .cse-policy-text {
	margin: 0 auto;
	max-width: 860px;
}

body.ck-page-poster,
body.ck-single-band {
	overflow-x: clip;
}

/* The prize is a sentence, too long for a condensed poster heading font. */
.ck-skin.ck-single-band .lty-gift-product-notice .ck-fact__value {
	font-family: var(--ck-font-body);
	font-size: 15px;
	font-weight: 700;
	line-height: 1.35;
}

@media (max-width: 768px) {
	.ck-skin.ck-header-badge .site-header .main-title a {
		background: var(--ck-accent);
		border-radius: 999px;
		color: var(--ck-btn-text);
		padding: 7px 14px;
		transform: rotate(-3deg);
		display: inline-block;
	}

	.ck-skin.ck-header-badge .site-header .main-title a span {
		color: inherit;
	}

	body.ck-skin.ck-single-band.single-product div.product > .summary {
		margin-top: 0;
	}
}

body.ck-skin ul.products li.product.ck-card--patch .ck-card__title {
	font-size: 30px;
}

@media (min-width: 769px) {
	body.ck-skin.ck-archive-rows ul.products li.product.ck-card--patch .ck-card__title {
		font-size: 44px;
	}
}

.ck-skin a.ck-poster__cta,
.ck-skin a.ck-poster__cta:hover {
	text-decoration: none;
}

.ck-home-top:has(.ck-poster),
.ck-home-top:has(.ck-poster)::before,
.ck-home-top:has(.ck-poster)::after {
	background: none;
	border: 0;
	box-shadow: none;
}

.ck-home-top:has(.ck-poster)::before,
.ck-home-top:has(.ck-poster)::after {
	display: none;
}

@media (min-width: 961px) {
	body.ck-skin.ck-single-band.single-product div.product > .summary {
		margin-bottom: 104px !important;
		margin-top: -64px !important;
		overflow: visible;
	}
}

/* Filters as signposts: arrow boards with no box round them and no counts. */
body.ck-skin.ck-head-rule .ck-tabs {
	background: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	flex-wrap: wrap;
	gap: 8px 6px;
	overflow: visible;
	padding: 0;
}

body.ck-skin.ck-head-rule .ck-tab,
body.ck-skin.ck-head-rule a.ck-tab:hover,
body.ck-skin.ck-head-rule .ck-tab:focus {
	background: var(--ck-surface-2);
	border: 0;
	border-radius: 0;
	box-shadow: none;
	clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 0 100%);
	color: var(--ck-text);
	font-family: var(--ck-font-heading);
	font-size: 17px;
	letter-spacing: .04em;
	padding: 10px 28px 10px 14px;
	text-transform: uppercase;
}

body.ck-skin.ck-head-rule a.ck-tab:hover {
	background: var(--ck-line);
}

body.ck-skin.ck-head-rule .ck-tab.is-active,
body.ck-skin.ck-head-rule a.ck-tab.is-active:hover {
	background: var(--ck-accent);
	color: var(--ck-btn-text);
}

body.ck-skin.ck-head-rule .ck-tab::after,
body.ck-skin.ck-head-rule .ck-tab.is-active::after {
	display: none;
}

body.ck-skin.ck-head-rule .ck-tab span {
	display: none;
}

/* Competition facts as a route: the prize, a countdown band, then stops on a trail. */
body.ck-skin.ck-tm-style.ck-facts-route .lty-lottery-product-summary {
	background: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	display: flex;
	flex-direction: column;
	gap: 18px;
	margin: 0 0 24px;
	padding: 0;
}

body.ck-skin.ck-tm-style.ck-facts-route .lty-lottery-product-summary > p.lty-lottery-status {
	align-self: flex-start;
	margin: 0;
	order: 0;
	padding: 0;
	transform: rotate(-2deg);
}

body.ck-skin.ck-tm-style.ck-facts-route .lty-lottery-status span {
	background: none;
	border: 2px solid var(--ck-status);
	border-radius: 0;
	letter-spacing: .12em;
	padding: 5px 10px;
}

body.ck-skin.ck-tm-style.ck-facts-route .lty-lottery-status span::before {
	display: none;
}

body.ck-skin.ck-tm-style.ck-facts-route .lty-lottery-product-summary > p.lty-lottery-status::before {
	display: none;
}

body.ck-skin.ck-tm-style.ck-facts-route .lty-lottery-product-summary > p.lty-gift-product-notice {
	border: 0;
	border-left: 8px solid var(--ck-accent);
	margin: 0;
	order: 1;
	padding: 2px 0 2px 16px;
}

body.ck-skin.ck-tm-style.ck-facts-route .lty-lottery-product-summary > p.lty-gift-product-notice::before,
body.ck-skin.ck-tm-style.ck-facts-route .lty-gift-product-notice .ck-fact__label {
	display: none;
}

body.ck-skin.ck-tm-style.ck-facts-route .lty-gift-product-notice .ck-fact__value {
	font-family: var(--ck-font-body);
	font-size: 21px;
	font-weight: 500;
	line-height: 1.35;
}

/* The countdown band. */
body.ck-skin.ck-tm-style.ck-facts-route .lty-lottery-product-summary > .lty-lottery-date-ranges {
	align-items: center;
	background: var(--ck-accent);
	border: 0;
	color: var(--ck-btn-text);
	display: flex;
	flex-wrap: wrap;
	gap: 4px 22px;
	justify-content: space-between;
	margin: 0;
	order: 2;
	padding: 14px 20px;
}

body.ck-skin.ck-tm-style.ck-facts-route .lty-lottery-time-left-label {
	color: inherit;
	font-family: var(--ck-font-heading);
	font-size: 24px;
	letter-spacing: .03em;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

body.ck-skin.ck-tm-style.ck-facts-route .lty-lottery-countdown-timer {
	background: none;
	border: 0;
	display: flex;
	gap: 0;
	margin: 0;
	padding: 0;
}

body.ck-skin.ck-tm-style.ck-facts-route .lty-lottery-timer {
	align-items: baseline;
	background: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	color: inherit;
	display: flex;
	flex-direction: row;
	gap: 4px;
	min-width: 0;
	padding: 0 13px;
	width: auto;
}

body.ck-skin.ck-tm-style.ck-facts-route .lty-lottery-timer + .lty-lottery-timer {
	border-left: 2px solid currentColor;
}

body.ck-skin.ck-tm-style.ck-facts-route .lty-lottery-timer-content {
	color: inherit !important;
	font-family: var(--ck-font-body);
	font-size: 12px !important;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1;
	text-transform: lowercase;
}

body.ck-skin.ck-tm-style.ck-facts-route .lty-lottery-timer-content:first-child {
	font-family: var(--ck-font-heading);
	font-size: 34px !important;
	font-weight: 400;
}

/* The stops: a dashed trail with a dot at each fact. */
body.ck-skin.ck-tm-style.ck-facts-route .lty-lottery-product-summary > p.ck-fact:not(.lty-gift-product-notice) {
	align-items: baseline;
	border: 0;
	border-left: 3px dashed var(--ck-accent);
	display: flex;
	flex-direction: row;
	gap: 12px;
	justify-content: space-between;
	box-sizing: border-box;
	margin: -18px 0 0 6px;
	order: 3;
	padding: 11px 0 11px 20px;
	padding-right: 3px;
	position: relative;
	width: calc(100% - 6px);
}

body.ck-skin.ck-tm-style.ck-facts-route .lty-lottery-product-summary > p.ck-fact:not(.lty-gift-product-notice)::before {
	background: var(--ck-accent-2);
	border-radius: 50%;
	content: "";
	display: block;
	height: 13px;
	left: -8px;
	-webkit-mask: none;
	mask: none;
	position: absolute;
	top: 15px;
	width: 13px;
}

body.ck-skin.ck-tm-style.ck-facts-route .lty-lottery-product-summary > p.ck-fact .ck-fact__label {
	color: var(--ck-muted);
	font-size: 14px;
	letter-spacing: 0;
	padding-left: 0;
	text-transform: none;
}

body.ck-skin.ck-tm-style.ck-facts-route .lty-lottery-product-summary > p.ck-fact .ck-fact__label::before {
	display: none;
}

body.ck-skin.ck-tm-style.ck-facts-route .lty-lottery-product-summary > p.ck-fact:not(.lty-gift-product-notice) .ck-fact__value {
	font-family: var(--ck-font-heading);
	font-size: 20px;
	font-weight: 400;
}

@media (min-width: 961px) {
	/* Across the page the stops run left to right, filling the width however many there are. */
	body.ck-skin.ck-tm-style.ck-facts-route.ck-single-band .lty-lottery-product-summary {
		flex-direction: row;
		flex-wrap: wrap;
		gap: 18px 0;
	}

	body.ck-skin.ck-tm-style.ck-facts-route.ck-single-band .lty-lottery-product-summary > p.lty-lottery-status {
		flex: 0 0 100%;
	}

	body.ck-skin.ck-tm-style.ck-facts-route.ck-single-band .lty-lottery-product-summary > p.lty-lottery-status span {
		display: inline-flex;
	}

	body.ck-skin.ck-tm-style.ck-facts-route.ck-single-band .lty-lottery-product-summary > p.lty-gift-product-notice {
		align-self: stretch;
		box-sizing: border-box;
		flex: 0 0 50%;
		padding-right: 32px;
	}

	body.ck-skin.ck-tm-style.ck-facts-route.ck-single-band .lty-lottery-product-summary > .lty-lottery-date-ranges {
		box-sizing: border-box;
		flex: 0 0 50%;
	}

	body.ck-skin.ck-tm-style.ck-facts-route.ck-single-band .lty-lottery-product-summary > p.ck-fact:not(.lty-gift-product-notice) {
		align-items: flex-start;
		border-left: 0;
		border-top: 3px dashed var(--ck-accent);
		flex: 1 1 0;
		flex-direction: column;
		gap: 2px;
		justify-content: flex-start;
		margin: 12px 0 0;
		min-width: 110px;
		padding: 18px 12px 0 0;
		width: auto;
	}

	body.ck-skin.ck-tm-style.ck-facts-route.ck-single-band .lty-lottery-product-summary > p.ck-fact:not(.lty-gift-product-notice)::before {
		left: 0;
		top: -8px;
	}

	/* In the band the title, then facts, then a full-width entry bar. */
	body.ck-skin.ck-single-band.single-product div.product > .summary {
		grid-template-columns: minmax(0, 1fr) auto;
	}

	body.ck-skin.ck-single-band.single-product div.product > .summary > .price {
		align-self: center;
		font-family: var(--ck-font-heading);
		font-size: 44px;
		grid-column: 2;
		grid-row: 1;
		margin: 0;
	}

	body.ck-skin.ck-single-band.single-product div.product > .summary > .lty-lottery-product-summary,
	body.ck-skin.ck-single-band.single-product div.product > .summary > form.cart {
		grid-column: 1 / -1;
	}
}

body.ck-skin.ck-facts-route.single-product div.product form.cart {
	display: flex;
	flex-wrap: wrap;
	gap: 0;
	width: 100%;
}

body.ck-skin.ck-facts-route.single-product div.product form.cart .single_add_to_cart_button {
	flex: 1 1 200px;
	font-family: var(--ck-font-heading);
	font-size: 22px;
	font-weight: 400;
	letter-spacing: .03em;
	margin: 0;
	min-width: 0;
	text-transform: uppercase;
	white-space: normal;
}

body.ck-skin.ck-facts-route.single-product div.product form.cart .quantity input.qty {
	background: var(--ck-bg);
	border: 0;
	border-radius: 0;
	height: 100%;
}

@media (max-width: 960px) {
	/* On a phone the countdown stacks and shares the band evenly. */
	body.ck-skin.ck-tm-style.ck-facts-route .lty-lottery-countdown-timer {
		justify-content: space-between;
		width: 100%;
	}

	body.ck-skin.ck-tm-style.ck-facts-route .lty-lottery-timer {
		flex: 1 1 auto;
		gap: 2px;
		justify-content: center;
		padding: 0 5px;
	}

	body.ck-skin.ck-tm-style.ck-facts-route .lty-lottery-timer-content {
		font-size: 10px !important;
	}

	body.ck-skin.ck-tm-style.ck-facts-route .lty-lottery-timer-content:first-child {
		font-size: 24px !important;
	}

	body.ck-skin.ck-facts-route.single-product div.product form.cart .single_add_to_cart_button {
		font-size: 18px;
	}
}

/* The order page's game buttons come in three sizes; a solid-button look keeps them one set. */
.ck-btn-solid :is(.balloon-pop-play-button, .darts-game-play-button, .racecar-play-button) {
	border-radius: 4px !important;
	font-family: var(--ck-font-heading) !important;
	font-size: 18px !important;
	font-weight: 400 !important;
	letter-spacing: .03em;
	padding: 12px 22px !important;
	text-transform: uppercase;
}

/* The darts game's no-win card is a fixed navy; follow the game's own colour setting. */
.ck-skin .dt-card-lose {
	background: var(--darts-lose-bg, #1f2937);
	color: var(--darts-lose-text, #9ca3af);
}

/* Axe throwing: the piece is big, spins in flight and stays in the wood. */
body.ck-throw-axe #dt-fly-dart.dt-has-custom-dart {
	height: 220px;
	width: 220px;
}

body.ck-throw-axe #dt-fly-dart.dt-has-custom-dart img {
	animation: ck-axe-spin .3s linear infinite;
}

body.ck-throw-axe #dt-aim-dart.dt-has-custom-dart img {
	transform: rotate(0deg);
}

body.ck-throw-axe .dt-stuck.dt-stuck-custom {
	height: 74px;
	width: 74px;
}

body.ck-throw-axe .dt-stuck.dt-stuck-custom img {
	filter: drop-shadow(3px 5px 3px rgba(0, 0, 0, .55));
	opacity: 1;
	transform: rotate(-14deg);
}

@keyframes ck-axe-spin {
	to {
		transform: rotate(-360deg);
	}
}

body.ck-throw-axe #dt-final {
	z-index: 30;
}

/* Band single page with a game picture: the game and the prize photo side by side. */
@media (min-width: 961px) {
	.ck-single-band.single-product div.product .woocommerce-product-gallery:has(.flex-control-thumbs) .flex-viewport {
		height: auto !important;
	}

	.ck-single-band.single-product div.product .woocommerce-product-gallery:has(.flex-control-thumbs) .woocommerce-product-gallery__wrapper {
		display: grid;
		grid-template-columns: 2fr 3fr;
		transform: none !important;
		width: 100% !important;
	}

	.ck-single-band.single-product div.product .woocommerce-product-gallery:has(.flex-control-thumbs) .woocommerce-product-gallery__image {
		float: none !important;
		width: auto !important;
	}

	.ck-single-band.single-product div.product .woocommerce-product-gallery:has(.flex-control-thumbs) .woocommerce-product-gallery__image img {
		aspect-ratio: auto;
		height: 520px;
	}

	.ck-single-band.single-product div.product .woocommerce-product-gallery:has(.flex-control-thumbs) .flex-control-thumbs {
		display: none;
	}

	.ck-single-band.single-product div.product:has(.flex-control-thumbs) > .summary {
		margin-top: 28px;
	}
}

/* Price as a wooden trail sign hanging on two ropes from the top of the picture. */
body.ck-shape-sign .ck-patch__price {
	--ck-sign-ink: #2b1a10;
	align-items: center;
	background:
		linear-gradient(var(--ck-sign-ink), var(--ck-sign-ink)) 26px 0 / 6px 40px no-repeat,
		linear-gradient(var(--ck-sign-ink), var(--ck-sign-ink)) calc(100% - 52px) 0 / 6px 40px no-repeat;
	border-radius: 0;
	color: var(--ck-sign-ink);
	flex-direction: row;
	gap: 8px;
	height: auto;
	left: 22px;
	padding: 38px 40px 12px 18px;
	right: auto;
	top: 0;
	transform: rotate(-2deg);
	transform-origin: 50% 0;
	width: auto;
}

body.ck-shape-sign .ck-patch__price::before,
body.ck-shape-sign .ck-patch__price::after {
	border: 0;
	border-radius: 0;
	bottom: 0;
	clip-path: polygon(0 0, calc(100% - 26px) 0, 100% 50%, calc(100% - 26px) 100%, 0 100%);
	content: "";
	left: 0;
	opacity: 1;
	position: absolute;
	right: 0;
	top: 26px;
	z-index: -1;
}

body.ck-shape-sign .ck-patch__price::before {
	background: var(--ck-sign-ink);
}

body.ck-shape-sign .ck-patch__price::after {
	background:
		linear-gradient(180deg, transparent 47%, rgba(43, 26, 16, .18) 47% 51%, transparent 51%),
		#e0ad6d;
	bottom: 5px;
	left: 5px;
	right: 9px;
	top: 31px;
}

body.ck-shape-sign .ck-patch__price {
	isolation: isolate;
}

body.ck-shape-sign .ck-patch__price b {
	font-size: calc(var(--ck-patch-size) * .36);
}

body.ck-shape-sign .ck-patch__price small {
	font-size: calc(var(--ck-patch-size) * .1);
	margin-top: 0;
	writing-mode: vertical-rl;
	transform: rotate(180deg);
}

body.ck-shape-sign .ck-poster__media .ck-patch__price {
	left: 28px;
	right: auto;
	top: 0;
}

@media (max-width: 960px) {
	body.ck-shape-sign .ck-poster__media .ck-patch__price {
		left: 16px;
		right: auto;
	}
}

/* Filters: three more looks ------------------------------------------------ */
body.ck-skin:is(.ck-filter-dash, .ck-filter-stub, .ck-filter-rules, .ck-filter-keys) .ck-tabs {
	background: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	padding: 0;
}

body.ck-skin:is(.ck-filter-dash, .ck-filter-stub, .ck-filter-rules, .ck-filter-keys) .ck-tabs .ck-tab::after {
	display: none;
}

/* Dash: slanted race-board segments, butted together. */
body.ck-skin.ck-filter-dash .ck-tabs {
	gap: 3px;
}

body.ck-skin.ck-filter-dash .ck-tabs .ck-tab {
	background: var(--ck-surface-2);
	border: 0;
	border-radius: 0;
	clip-path: polygon(11px 0, 100% 0, calc(100% - 11px) 100%, 0 100%);
	color: var(--ck-text);
	font-style: italic;
	font-weight: 800;
	letter-spacing: .03em;
	padding: 11px 24px;
	text-transform: uppercase;
}

body.ck-skin.ck-filter-dash .ck-tabs .ck-tab.is-active {
	background: var(--ck-accent);
	color: var(--ck-btn-text);
}

body.ck-skin.ck-filter-dash .ck-tabs .ck-tab span {
	color: var(--ck-accent-2);
	font-size: 11px;
	vertical-align: super;
}

body.ck-skin.ck-filter-dash .ck-tabs .ck-tab.is-active span {
	color: inherit;
}

/* Stub: each filter is a torn-off raffle stub with notched sides. */
body.ck-skin.ck-filter-stub .ck-tabs {
	gap: 10px;
}

body.ck-skin.ck-filter-stub .ck-tabs .ck-tab {
	background: var(--ck-surface-2);
	border: 0;
	border-radius: 6px;
	color: var(--ck-text);
	-webkit-mask:
		radial-gradient(circle 7px at 0 50%, transparent 97%, #000) left / 51% 100% no-repeat,
		radial-gradient(circle 7px at 100% 50%, transparent 97%, #000) right / 51% 100% no-repeat;
	mask:
		radial-gradient(circle 7px at 0 50%, transparent 97%, #000) left / 51% 100% no-repeat,
		radial-gradient(circle 7px at 100% 50%, transparent 97%, #000) right / 51% 100% no-repeat;
	padding: 12px 22px;
}

body.ck-skin.ck-filter-stub .ck-tabs .ck-tab.is-active {
	background: var(--ck-accent);
	color: var(--ck-btn-text);
}

body.ck-skin.ck-filter-stub .ck-tabs .ck-tab span {
	border-left: 2px dashed currentColor;
	color: inherit;
	margin-left: 8px;
	opacity: .7;
	padding-left: 8px;
}

/* Rules: small capitals split by hairlines, the live one in gold italics. */
body.ck-skin.ck-filter-rules .ck-tabs {
	gap: 0;
}

body.ck-skin.ck-filter-rules .ck-tabs .ck-tab {
	background: none;
	border: 0;
	border-left: 1px solid var(--ck-line);
	border-radius: 0;
	color: var(--ck-muted);
	font-size: 12px;
	font-weight: 400;
	letter-spacing: .18em;
	padding: 4px 20px;
	text-transform: uppercase;
}

body.ck-skin.ck-filter-rules .ck-tabs .ck-tab:first-child {
	border-left: 0;
	padding-left: 0;
}

body.ck-skin.ck-filter-rules .ck-tabs .ck-tab.is-active {
	color: var(--ck-accent);
	font-family: var(--ck-font-heading);
	font-size: 19px;
	font-style: italic;
	letter-spacing: 0;
	text-transform: none;
}

body.ck-skin.ck-filter-rules .ck-tabs .ck-tab span {
	display: none;
}

@media (min-width: 961px) {
	body.ck-skin.ck-filter-rules.ck-archive-catalogue .entry-content > .ck-tabs .ck-tab {
		border-bottom: 1px solid var(--ck-line);
		border-left: 0;
		display: block;
		padding: 12px 0;
	}
}

/* Facts: three more looks -------------------------------------------------- */
body.ck-skin.ck-tm-style:is(.ck-facts-dash, .ck-facts-receipt, .ck-facts-ledger, .ck-facts-hud) .lty-lottery-product-summary {
	box-shadow: none;
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 22px;
}

body.ck-skin.ck-tm-style:is(.ck-facts-dash, .ck-facts-receipt, .ck-facts-ledger, .ck-facts-hud) .lty-lottery-product-summary > p.ck-fact {
	background: none;
	border-radius: 0;
	box-shadow: none;
	margin: 0;
	position: relative;
}

body.ck-skin.ck-tm-style:is(.ck-facts-dash, .ck-facts-receipt, .ck-facts-ledger, .ck-facts-hud) .lty-lottery-product-summary > p.ck-fact::before,
body.ck-skin.ck-tm-style:is(.ck-facts-dash, .ck-facts-receipt, .ck-facts-ledger, .ck-facts-hud) .lty-lottery-product-summary > p.lty-gift-product-notice::before {
	display: none;
}

body.ck-skin.ck-tm-style:is(.ck-facts-dash, .ck-facts-receipt, .ck-facts-ledger, .ck-facts-hud) .ck-fact__label {
	padding-left: 0;
}

body.ck-skin.ck-tm-style:is(.ck-facts-dash, .ck-facts-receipt, .ck-facts-ledger, .ck-facts-hud) .lty-lottery-timer-content {
	color: inherit !important;
}

body.ck-skin.ck-tm-style:is(.ck-facts-dash, .ck-facts-receipt, .ck-facts-ledger, .ck-facts-hud) .lty-lottery-timer {
	background: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	color: inherit;
}

body.ck-skin.ck-tm-style:is(.ck-facts-dash, .ck-facts-receipt, .ck-facts-ledger, .ck-facts-hud) .lty-lottery-countdown-timer {
	background: none;
	border: 0;
	margin: 0;
	padding: 0;
}

/* Dash: a race-car dash. One bright lap clock, then a strip of readouts. */
body.ck-skin.ck-tm-style.ck-facts-dash .lty-lottery-product-summary {
	background: none;
	border: 0;
	border-radius: 0;
	gap: 0;
	padding: 0;
}

body.ck-skin.ck-tm-style.ck-facts-dash .lty-lottery-product-summary > p.lty-lottery-status {
	border: 0;
	flex: 0 0 100%;
	margin: 0 0 8px;
	order: 0;
	padding: 0;
}

body.ck-skin.ck-tm-style.ck-facts-dash .lty-lottery-product-summary > .lty-lottery-date-ranges {
	background: linear-gradient(100deg, var(--ck-accent), var(--ck-accent-2));
	border: 0;
	box-sizing: border-box;
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 18px), calc(100% - 18px) 100%, 0 100%);
	color: var(--ck-btn-text);
	flex: 0 0 100%;
	margin: 0;
	order: 1;
	padding: 12px 18px 14px;
}

body.ck-skin.ck-tm-style.ck-facts-dash .lty-lottery-time-left-label {
	color: inherit;
	font-size: 11px;
	font-style: italic;
	font-weight: 800;
	letter-spacing: .1em;
	margin: 0 0 2px;
	padding: 0;
	text-transform: uppercase;
}

body.ck-skin.ck-tm-style.ck-facts-dash .lty-lottery-countdown-timer {
	display: flex;
	justify-content: space-between;
}

body.ck-skin.ck-tm-style.ck-facts-dash .lty-lottery-timer {
	display: block;
	min-width: 0;
	padding: 0;
	text-align: left;
	width: auto;
}

body.ck-skin.ck-tm-style.ck-facts-dash .lty-lottery-timer-content {
	font-size: 10px !important;
	font-style: italic;
	opacity: .85;
}

body.ck-skin.ck-tm-style.ck-facts-dash .lty-lottery-timer-content:first-child {
	font-size: 46px !important;
	font-style: italic;
	font-weight: 800;
	line-height: 1;
	opacity: 1;
}

body.ck-skin.ck-tm-style.ck-facts-dash .lty-lottery-product-summary > p.lty-gift-product-notice {
	border: 0;
	flex: 0 0 100%;
	order: 2;
	padding: 14px 0 12px;
}

body.ck-skin.ck-tm-style.ck-facts-dash .lty-gift-product-notice .ck-fact__label {
	display: none;
}

body.ck-skin.ck-tm-style.ck-facts-dash .lty-lottery-product-summary > p.ck-fact:not(.lty-gift-product-notice) {
	border: 0;
	border-left: 3px solid var(--ck-accent);
	flex: 1 1 0;
	min-width: 96px;
	order: 3;
	padding: 2px 10px 2px 10px;
}

@media (max-width: 600px) {
	body.ck-skin.ck-tm-style.ck-facts-dash .lty-lottery-product-summary > p.ck-fact:not(.lty-gift-product-notice) {
		flex: 1 1 40%;
		margin-bottom: 12px;
	}
}

/* Receipt: a till receipt. Bought-it-today, one rule per line. */
body.ck-skin.ck-tm-style.ck-facts-receipt .lty-lottery-product-summary {
	background: none;
	border: 0;
	border-radius: 0;
	flex-direction: column;
	font-variant-numeric: tabular-nums;
	gap: 0;
	padding: 0;
}

body.ck-skin.ck-tm-style.ck-facts-receipt .lty-lottery-product-summary > p.lty-lottery-status {
	align-self: center;
	border: 0;
	margin: 0 0 10px;
	order: 0;
	padding: 0;
}

body.ck-skin.ck-tm-style.ck-facts-receipt .lty-lottery-product-summary > p.lty-gift-product-notice {
	border: 0;
	display: block;
	order: 1;
	padding: 0 0 14px;
	text-align: center;
}

body.ck-skin.ck-tm-style.ck-facts-receipt .lty-gift-product-notice .ck-fact__label {
	display: none;
}

body.ck-skin.ck-tm-style.ck-facts-receipt .lty-lottery-product-summary > .lty-lottery-date-ranges {
	align-items: baseline;
	background: color-mix(in srgb, var(--ck-accent) 12%, transparent);
	border: 0;
	border-bottom: 2px dashed var(--ck-line);
	border-top: 2px dashed var(--ck-line);
	display: flex;
	justify-content: space-between;
	margin: 0;
	order: 2;
	padding: 12px 10px;
}

body.ck-skin.ck-tm-style.ck-facts-receipt .lty-lottery-time-left-label {
	color: var(--ck-accent);
	font-size: 14px;
	font-weight: 800;
	letter-spacing: 0;
	margin: 0;
	padding: 0;
	text-transform: none;
}

body.ck-skin.ck-tm-style.ck-facts-receipt .lty-lottery-countdown-timer {
	color: var(--ck-accent);
	display: flex;
	gap: 10px;
}

body.ck-skin.ck-tm-style.ck-facts-receipt .lty-lottery-timer {
	align-items: baseline;
	display: flex;
	flex-direction: row;
	gap: 1px;
	min-width: 0;
	padding: 0;
	width: auto;
}

body.ck-skin.ck-tm-style.ck-facts-receipt .lty-lottery-timer-content {
	font-size: 0 !important;
}

body.ck-skin.ck-tm-style.ck-facts-receipt .lty-lottery-timer-content:last-child::first-letter {
	font-size: 13px;
}

body.ck-skin.ck-tm-style.ck-facts-receipt .lty-lottery-timer-content:first-child {
	font-size: 20px !important;
	font-weight: 800;
	line-height: 1;
}

body.ck-skin.ck-tm-style.ck-facts-receipt .lty-lottery-product-summary > p.ck-fact:not(.lty-gift-product-notice) {
	align-items: baseline;
	border: 0;
	border-bottom: 1px dotted var(--ck-muted);
	flex-direction: row;
	gap: 12px;
	justify-content: space-between;
	order: 3;
	padding: 10px 2px;
}

body.ck-skin.ck-tm-style.ck-facts-receipt .ck-fact__label {
	font-size: 13px;
	letter-spacing: 0;
	text-transform: none;
}

body.ck-skin.ck-tm-style.ck-facts-receipt .lty-lottery-product-summary > p.ck-fact:not(.lty-gift-product-notice) .ck-fact__value {
	font-size: 15px;
	text-align: right;
}

/* Ledger: an auction catalogue entry. A quote, the time in words, then the lot details. */
body.ck-skin.ck-tm-style.ck-facts-ledger .lty-lottery-product-summary {
	background: none;
	border: 0;
	border-radius: 0;
	flex-direction: column;
	gap: 0;
	padding: 0;
}

body.ck-skin.ck-tm-style.ck-facts-ledger .lty-lottery-product-summary > p.lty-gift-product-notice {
	border: 0;
	border-bottom: 1px solid var(--ck-line);
	display: block;
	order: 0;
	padding: 0 0 18px;
}

body.ck-skin.ck-tm-style.ck-facts-ledger .lty-gift-product-notice .ck-fact__label {
	display: none;
}

body.ck-skin.ck-tm-style.ck-facts-ledger .lty-gift-product-notice .ck-fact__value {
	font-size: 24px;
	font-style: italic;
	font-weight: 400;
	line-height: 1.3;
}

body.ck-skin.ck-tm-style.ck-facts-ledger .lty-lottery-product-summary > p.lty-lottery-status {
	border: 0;
	margin: 0;
	order: 1;
	padding: 14px 0 0;
}

body.ck-skin.ck-tm-style.ck-facts-ledger .lty-lottery-status span {
	color: var(--ck-muted);
	font-size: 11px;
	font-weight: 400;
	letter-spacing: .18em;
}

body.ck-skin.ck-tm-style.ck-facts-ledger .lty-lottery-status span::before {
	display: none;
}

body.ck-skin.ck-tm-style.ck-facts-ledger .lty-lottery-product-summary > .lty-lottery-date-ranges {
	border: 0;
	border-bottom: 1px solid var(--ck-line);
	margin: 0;
	order: 2;
	padding: 8px 0 18px;
}

body.ck-skin.ck-tm-style.ck-facts-ledger .lty-lottery-time-left-label {
	display: none;
}

body.ck-skin.ck-tm-style.ck-facts-ledger .lty-lottery-countdown-timer {
	color: var(--ck-text);
	display: flex;
	gap: 0;
}

body.ck-skin.ck-tm-style.ck-facts-ledger .lty-lottery-timer {
	align-items: baseline;
	display: flex;
	flex: 1 1 0;
	flex-direction: row;
	gap: 5px;
	justify-content: center;
	min-width: 0;
	padding: 0;
	width: auto;
}

body.ck-skin.ck-tm-style.ck-facts-ledger .lty-lottery-timer + .lty-lottery-timer {
	border-left: 1px solid var(--ck-line);
}

body.ck-skin.ck-tm-style.ck-facts-ledger .lty-lottery-timer:first-child {
	justify-content: flex-start;
}

body.ck-skin.ck-tm-style.ck-facts-ledger .lty-lottery-timer-content {
	color: var(--ck-muted) !important;
	font-family: var(--ck-font-heading);
	font-size: 14px !important;
	font-style: italic;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: lowercase;
}

body.ck-skin.ck-tm-style.ck-facts-ledger .lty-lottery-timer-content:first-child {
	color: var(--ck-accent) !important;
	font-size: 38px !important;
	font-style: normal;
	line-height: 1;
}

body.ck-skin.ck-tm-style.ck-facts-ledger .lty-lottery-product-summary > p.ck-fact:not(.lty-gift-product-notice) {
	align-items: baseline;
	border: 0;
	border-bottom: 1px solid var(--ck-line);
	flex-direction: row;
	gap: 16px;
	justify-content: space-between;
	order: 3;
	padding: 11px 0;
}

body.ck-skin.ck-tm-style.ck-facts-ledger .lty-lottery-product-summary > p.ck-fact:not(.lty-gift-product-notice) .ck-fact__value {
	font-size: 19px;
	font-weight: 400;
	text-align: right;
}

body.ck-skin.ck-tm-style.ck-facts-ledger .ck-fact__label {
	font-size: 11px;
	font-weight: 400;
	letter-spacing: .18em;
}

body.ck-skin.ck-tm-style.ck-facts-receipt .lty-lottery-timer + .lty-lottery-timer {
	margin-left: 9px;
}

@media (max-width: 600px) {
	body.ck-skin.ck-tm-style.ck-facts-ledger .lty-lottery-timer {
		flex-direction: column;
		gap: 2px;
		padding-left: 12px;
	}

	body.ck-skin.ck-tm-style.ck-facts-ledger .lty-lottery-timer:first-child {
		padding-left: 0;
	}

	body.ck-skin.ck-tm-style.ck-facts-ledger .lty-lottery-timer + .lty-lottery-timer {
		justify-content: flex-start;
	}
}

@media (max-width: 600px) {
	body.ck-skin.ck-tm-style.ck-facts-receipt .lty-lottery-product-summary > .lty-lottery-date-ranges {
		padding-left: 8px;
		padding-right: 8px;
	}

	body.ck-skin.ck-tm-style.ck-facts-receipt .lty-lottery-countdown-timer {
		gap: 0;
	}

	body.ck-skin.ck-tm-style.ck-facts-receipt .lty-lottery-timer + .lty-lottery-timer {
		margin-left: 5px;
	}

	body.ck-skin.ck-tm-style.ck-facts-receipt .lty-lottery-timer-content:first-child {
		font-size: 17px !important;
	}

	body.ck-skin.ck-tm-style.ck-facts-receipt .lty-lottery-timer-content:last-child::first-letter {
		font-size: 11px;
	}
}

/* Watch the live draw button and player: four more looks. */
body.ck-live-dash .cse-player-reopen {
	background: linear-gradient(100deg, var(--ck-accent), var(--ck-accent-2));
	border: 0;
	border-radius: 0;
	box-shadow: none;
	clip-path: polygon(12px 0, 100% 0, calc(100% - 12px) 100%, 0 100%);
	color: var(--ck-btn-text);
	font-style: italic;
	font-weight: 800;
	letter-spacing: .04em;
	padding: 12px 26px;
	text-transform: uppercase;
}

body.ck-live-dash .cse-player {
	border: 0;
	border-radius: 0;
	border-top: 3px solid var(--ck-accent);
}

body.ck-live-dash .cse-player__bar strong {
	font-style: italic;
	text-transform: uppercase;
}

body.ck-live-stub .cse-player-reopen {
	background: var(--ck-accent);
	border: 0;
	border-radius: 6px;
	box-shadow: none;
	color: var(--ck-btn-text);
	-webkit-mask:
		radial-gradient(circle 8px at 0 50%, transparent 97%, #000) left / 51% 100% no-repeat,
		radial-gradient(circle 8px at 100% 50%, transparent 97%, #000) right / 51% 100% no-repeat;
	mask:
		radial-gradient(circle 8px at 0 50%, transparent 97%, #000) left / 51% 100% no-repeat,
		radial-gradient(circle 8px at 100% 50%, transparent 97%, #000) right / 51% 100% no-repeat;
	padding: 14px 24px;
}

body.ck-live-stub .cse-player {
	border: 2px dashed var(--ck-accent);
	border-radius: 16px;
}

body.ck-live-plaque .cse-player-reopen {
	background: var(--ck-bg);
	border: 1px solid var(--ck-accent);
	border-radius: 0;
	box-shadow: none;
	color: var(--ck-accent);
	font-family: var(--ck-font-heading);
	font-size: 17px;
	font-style: italic;
	font-weight: 400;
	padding: 9px 20px;
}

body.ck-live-plaque .cse-player-reopen > :first-child {
	display: none;
}

body.ck-live-plaque .cse-player {
	border: 1px solid var(--ck-accent);
	border-radius: 0;
}

body.ck-live-plaque .cse-player__bar strong {
	font-family: var(--ck-font-heading);
	font-style: italic;
	font-weight: 400;
}

body.ck-live-trail .cse-player-reopen {
	background: #2b1a10;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	clip-path: polygon(0 0, calc(100% - 22px) 0, 100% 50%, calc(100% - 22px) 100%, 0 100%);
	color: #2b1a10;
	font-family: var(--ck-font-heading);
	font-size: 16px;
	font-weight: 400;
	isolation: isolate;
	letter-spacing: .03em;
	padding: 12px 38px 12px 16px;
	text-transform: uppercase;
	transform: rotate(-2deg);
}

body.ck-live-trail .cse-player-reopen::before {
	background: #e0ad6d;
	clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 50%, calc(100% - 20px) 100%, 0 100%);
	content: "";
	inset: 3px 5px 3px 3px;
	position: absolute;
	z-index: -1;
}

body.ck-live-trail .cse-player {
	border: 3px solid #e0ad6d;
	border-radius: 0;
}

body.ck-live-trail .cse-player__bar strong {
	font-family: var(--ck-font-heading);
	font-weight: 400;
	letter-spacing: .03em;
	text-transform: uppercase;
}

/* ARCADE-LAYOUTS-START */
/* Pixel-era layouts. Each is a registry choice, so any look can use it. */
.ck-skin {
	--ck-step: polygon(0 8px, 8px 8px, 8px 0, calc(100% - 8px) 0, calc(100% - 8px) 8px, 100% 8px, 100% calc(100% - 8px), calc(100% - 8px) calc(100% - 8px), calc(100% - 8px) 100%, 8px 100%, 8px calc(100% - 8px), 0 calc(100% - 8px));
	--ck-joy: 0;
}

.ck-icon--joystick {
	--ck-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='5.5' r='3'/%3E%3Cpath d='M12 8.5V16'/%3E%3Cpath d='M4 16h16v5H4z'/%3E%3Cpath d='M16.5 18.5h.01'/%3E%3C/svg%3E");
}

/* Scan lines: fixed, faint and ignored by the pointer. */
body.ck-fx-scanlines::after {
	background: repeating-linear-gradient(0deg, rgba(0, 0, 0, .16) 0 1px, transparent 1px 3px);
	content: "";
	inset: 0;
	pointer-events: none;
	position: fixed;
	z-index: 9990;
}

/* A pixel font runs about twice as wide as the others, so headings step down. */
.ck-headfont-press-start h1,
.ck-headfont-press-start h2,
.ck-headfont-press-start h3,
.ck-headfont-press-start h4 {
	line-height: 1.45;
}

.ck-headfont-press-start .site-main h1,
.ck-headfont-press-start .entry-title {
	font-size: clamp(20px, 3vw, 34px);
}

.ck-headfont-press-start .ck-section__title {
	font-size: clamp(16px, 2.2vw, 26px);
}

/* Pixel buttons: stepped corners and a hard shadow that closes on press. */
.ck-skin.ck-btn-pixel .ck-btn,
.ck-skin.ck-btn-pixel .button,
.ck-skin.ck-btn-pixel .wp-element-button,
.ck-skin.ck-btn-pixel.single-product div.product form.cart .single_add_to_cart_button,
.ck-skin.ck-btn-pixel.ck-tm-style .lty-lucky-dip-button {
	background: var(--ck-accent);
	border: 0;
	border-radius: 0;
	box-shadow: inset 0 -5px 0 rgba(0, 0, 0, .35), inset 0 3px 0 rgba(255, 255, 255, .35);
	clip-path: var(--ck-step);
	color: var(--ck-btn-text);
	font-family: var(--ck-font-heading);
	font-size: 12px;
	font-weight: 400;
	letter-spacing: .02em;
	line-height: 1.5;
	padding: 15px 20px 17px;
	text-transform: uppercase;
	transition: none;
}

.ck-skin.ck-btn-pixel .ck-btn:hover,
.ck-skin.ck-btn-pixel .button:hover {
	background: var(--ck-accent-2);
	color: var(--ck-btn-text);
}

.ck-skin.ck-btn-pixel .ck-btn:active,
.ck-skin.ck-btn-pixel .button:active {
	box-shadow: inset 0 3px 0 rgba(0, 0, 0, .35);
	transform: translateY(2px);
}

/* Header: a lit cabinet marquee over a control panel menu. */
@media (min-width: 769px) {
	.ck-skin.ck-header-marquee .site-header {
		background: var(--ck-bg);
		border: 0;
		position: relative;
		z-index: 50;
	}

	.ck-skin.ck-header-marquee .site-header .inside-header {
		display: block;
		max-width: none;
		padding: 0;
	}

	.ck-skin.ck-header-marquee .site-header .site-branding {
		background:
			radial-gradient(60% 150% at 50% 50%, rgba(255, 46, 136, .5), transparent 70%),
			var(--ck-surface);
		border-bottom: 4px solid var(--ck-accent-2);
		border-top: 4px solid var(--ck-accent);
		margin: 0;
		padding: 22px 16px 20px;
		text-align: center;
	}

	.ck-skin.ck-header-marquee .site-header .main-title {
		font-size: 34px;
		line-height: 1.2;
		margin: 0;
	}

	.ck-skin.ck-header-marquee .site-header .main-title a {
		color: #fff;
		text-shadow: 0 0 10px var(--ck-accent), 4px 4px 0 var(--ck-accent);
	}

	.ck-skin.ck-header-marquee .site-header .main-title a span {
		color: var(--ck-accent-2);
		text-shadow: 0 0 10px var(--ck-accent-2), 4px 4px 0 #0a5f73;
	}

	.ck-skin.ck-header-marquee .site-header #site-navigation {
		background: var(--ck-surface-2);
		border-bottom: 4px solid #000;
	}

	.ck-skin.ck-header-marquee .site-header #site-navigation .inside-navigation {
		align-items: center;
		display: flex;
		justify-content: center;
		max-width: 1320px;
		padding: 0 20px;
	}

	.ck-skin.ck-header-marquee .site-header #site-navigation .main-nav > ul > li > a {
		color: var(--ck-text);
		font-family: var(--ck-font-heading);
		font-size: 11px;
		line-height: 54px;
		padding: 0 14px;
		text-transform: uppercase;
	}

	.ck-skin.ck-header-marquee .site-header #site-navigation .main-nav > ul > li:hover > a,
	.ck-skin.ck-header-marquee .site-header #site-navigation .main-nav > ul > li.current-menu-item > a {
		background: none;
		color: var(--ck-accent-2);
	}

	.ck-skin.ck-header-marquee .site-header #site-navigation .main-nav > ul > li.current-menu-item > a::before {
		content: "\25B6\00A0";
	}
}

@media (max-width: 768px) {
	.ck-skin.ck-header-marquee .site-header {
		background: var(--ck-surface);
		border-bottom: 3px solid var(--ck-accent-2);
		border-top: 3px solid var(--ck-accent);
	}

	.ck-skin.ck-header-marquee .site-header .main-title {
		font-size: 16px;
	}

	.ck-skin.ck-header-marquee .site-header .main-title a {
		color: #fff;
		text-shadow: 2px 2px 0 var(--ck-accent);
	}

	.ck-skin.ck-header-marquee .site-header .main-title a span {
		color: var(--ck-accent-2);
		text-shadow: 2px 2px 0 #0a5f73;
	}
}

/* Attract screen hero. */
.ck-home-top:has(.ck-attract),
.ck-home-top:has(.ck-attract)::before,
.ck-home-top:has(.ck-attract)::after {
	background: none;
	border: 0;
	box-shadow: none;
}

.ck-home-top:has(.ck-attract)::before,
.ck-home-top:has(.ck-attract)::after {
	display: none;
}

.ck-attract {
	display: grid;
	gap: 22px;
	grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr);
	margin: 0 auto;
	max-width: 1320px;
	padding: 28px 20px 16px;
}

.ck-attract__cab {
	background: var(--ck-surface);
	border: 4px solid #000;
	box-shadow: 0 0 0 4px var(--ck-accent), 0 0 34px rgba(255, 46, 136, .35);
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.ck-attract__screen {
	aspect-ratio: 16 / 9;
	background: #000;
	border: 14px solid #000;
	border-radius: 26px;
	display: block;
	overflow: hidden;
	position: relative;
}

.ck-skin .ck-attract__img {
	height: 100%;
	inset: 0;
	max-width: none;
	object-fit: cover;
	position: absolute;
	width: 100%;
}

.ck-attract__screen::after {
	background:
		repeating-linear-gradient(0deg, rgba(0, 0, 0, .22) 0 2px, transparent 2px 5px),
		linear-gradient(0deg, rgba(5, 3, 20, .94) 4%, rgba(5, 3, 20, .3) 55%, transparent 80%);
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
}

.ck-attract__over {
	bottom: 0;
	left: 0;
	padding: 24px 28px;
	position: absolute;
	right: 0;
	z-index: 2;
}

.ck-attract__kicker {
	color: var(--ck-accent-2);
	font-family: var(--ck-font-heading);
	font-size: 11px;
	margin: 0 0 12px;
	text-transform: uppercase;
}

.ck-skin .ck-attract__title {
	font-size: clamp(20px, 3vw, 38px);
	line-height: 1.3;
	margin: 0 0 10px;
	text-shadow: 3px 3px 0 var(--ck-accent);
	text-transform: uppercase;
}

.ck-skin .ck-attract__title a {
	color: #fff;
	text-decoration: none;
}

.ck-attract__prize {
	color: var(--ck-text);
	font-size: 15px;
	line-height: 1.5;
	margin: 0;
	max-width: 42em;
}

.ck-attract__panel {
	align-items: center;
	background: linear-gradient(180deg, var(--ck-surface-2), var(--ck-surface));
	border-top: 4px solid #000;
	display: flex;
	flex-wrap: wrap;
	gap: 16px 22px;
	justify-content: space-between;
	padding: 16px 22px;
}

.ck-attract__panel .ck-patch__price {
	--ck-patch-size: 86px;
	position: relative;
	right: auto;
	top: auto;
}

.ck-skin a.ck-attract__cta {
	animation: ck-blink 1.2s steps(2, start) infinite;
	background: var(--ck-accent);
	border-radius: 999px;
	box-shadow: 0 7px 0 #8d0e4a, 0 0 0 4px #000;
	color: var(--ck-btn-text);
	font-family: var(--ck-font-heading);
	font-size: 13px;
	padding: 18px 26px;
	text-decoration: none;
	text-transform: uppercase;
}

.ck-skin a.ck-attract__cta:hover {
	animation: none;
	background: var(--ck-accent-2);
}

@keyframes ck-blink {
	0%, 100% { filter: brightness(1.12); }
	50% { filter: brightness(.86); }
}

.ck-attract__scores {
	background: #000;
	border: 4px solid var(--ck-accent-2);
	display: flex;
	flex-direction: column;
	min-width: 0;
	padding: 20px;
}

.ck-skin .ck-attract__head {
	color: var(--ck-price);
	font-size: 14px;
	margin: 0 0 16px;
	text-align: center;
	text-transform: uppercase;
}

.ck-attract__scores ol {
	counter-reset: none;
	flex: 1;
	list-style: none;
	margin: 0;
	padding: 0;
}

.ck-skin a.ck-attract__row {
	align-items: baseline;
	border-bottom: 2px dotted var(--ck-line);
	color: var(--ck-text);
	display: grid;
	gap: 10px;
	grid-template-columns: 26px minmax(0, 1fr) auto;
	padding: 11px 0;
	text-decoration: none;
}

.ck-attract__scores li:nth-child(1) a { color: var(--ck-accent-2); }
.ck-attract__scores li:nth-child(2) a { color: var(--ck-price); }
.ck-attract__scores li:nth-child(3) a { color: var(--ck-accent); }

.ck-attract__rank,
.ck-attract__fee {
	font-family: var(--ck-font-heading);
	font-size: 11px;
}

.ck-attract__name {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.35;
}

.ck-attract__scores .ck-view-all {
	color: var(--ck-accent-2);
	margin-top: 16px;
}

@media (max-width: 960px) {
	.ck-attract {
		grid-template-columns: minmax(0, 1fr);
		padding: 16px 14px;
	}

	.ck-attract__screen {
		aspect-ratio: 4 / 3;
		border-width: 8px;
		border-radius: 16px;
	}

	.ck-attract__over {
		padding: 14px;
	}

	.ck-attract__prize {
		display: none;
	}

	.ck-attract__panel {
		justify-content: center;
		padding: 14px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.ck-skin a.ck-attract__cta {
		animation: none;
	}
}

/* Pixel coin price: a round coin drawn in hard steps. */
body.ck-shape-coin .ck-patch__price {
	background: var(--ck-price);
	border-radius: 0;
	box-shadow: inset -6px -6px 0 rgba(0, 0, 0, .22), inset 6px 6px 0 rgba(255, 255, 255, .55);
	clip-path: polygon(30% 0, 70% 0, 70% 8%, 85% 8%, 85% 15%, 92% 15%, 92% 30%, 100% 30%, 100% 70%, 92% 70%, 92% 85%, 85% 85%, 85% 92%, 70% 92%, 70% 100%, 30% 100%, 30% 92%, 15% 92%, 15% 85%, 8% 85%, 8% 70%, 0 70%, 0 30%, 8% 30%, 8% 15%, 15% 15%, 15% 8%, 30% 8%);
	color: var(--ck-price-text);
	transform: none;
}

body.ck-shape-coin .ck-patch__price::before {
	display: none;
}

body.ck-shape-coin .ck-patch__price b {
	font-family: var(--ck-font-heading);
	font-size: calc(var(--ck-patch-size) * .155);
	line-height: 1.2;
}

body.ck-shape-coin .ck-patch__price small {
	font-size: calc(var(--ck-patch-size) * .105);
	letter-spacing: .04em;
}

/* Cartridge card. */
body.ck-skin ul.products.ck-grid li.product.ck-card--cart,
.ck-skin .ck-card.ck-card--cart {
	background: var(--ck-surface-2);
	border: 0;
	border-radius: 0;
	box-shadow: 0 0 0 4px #000, 8px 8px 0 4px var(--ck-accent);
	clip-path: none;
	display: flex;
	flex-direction: column;
	margin: 8px 12px 16px 4px;
	overflow: visible;
	padding: 34px 14px 16px;
	position: relative;
}

/* The grip ridges along the top of the shell. */
.ck-card--cart::before {
	background: repeating-linear-gradient(90deg, #000 0 6px, transparent 6px 14px);
	content: "";
	height: 16px;
	left: 28px;
	opacity: .55;
	position: absolute;
	right: 28px;
	top: 10px;
}

.ck-card--cart .ck-card__media {
	display: block;
	position: relative;
}

.ck-cart__label {
	border: 4px solid #000;
	display: block;
	overflow: hidden;
	position: relative;
}

.ck-skin ul.products li.product.ck-card--cart .ck-card__media .ck-card__img,
.ck-card--cart .ck-card__img {
	aspect-ratio: 4 / 3;
	display: block;
	height: 100%;
	margin: 0;
	object-fit: cover;
	width: 100%;
}

.ck-card--cart .ck-patch__price {
	--ck-patch-size: 84px;
	right: -14px;
	top: -14px;
}

.ck-card--cart .ck-patch__tag {
	background: #000;
	color: var(--ck-accent-2);
	font-family: var(--ck-font-heading);
	font-size: 8px;
	font-weight: 400;
	padding: 6px 7px;
}

.ck-cart__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 10px;
	padding: 14px 2px 0;
}

.ck-cart__cat {
	color: var(--ck-accent-2);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.ck-skin ul.products li.product.ck-card--cart .ck-card__title,
.ck-skin .ck-card--cart .ck-card__title {
	font-size: 14px;
	line-height: 1.55;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

.ck-card--cart .ck-card__title a {
	color: var(--ck-text);
	text-decoration: none;
}

.ck-cart__foot {
	display: flex;
	flex-direction: column;
	gap: 10px;
	margin-top: auto;
}

.ck-cart__when {
	font-size: 13px;
	font-weight: 700;
}

.ck-cart__foot .ck-btn {
	justify-content: center;
	text-align: center;
}

/* Listing: a podium of three cartridges, then a high-score table. */
@media (min-width: 900px) {
	body.ck-skin.ck-archive-scores .entry-content > ul.products.ck-grid {
		counter-reset: ck-rank 3;
		display: grid;
		gap: 12px 26px;
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	body.ck-skin.ck-archive-scores ul.products.ck-grid > li.product.ck-card--cart:nth-child(n+4) {
		align-items: center;
		background: var(--ck-surface);
		box-shadow: none;
		border-bottom: 2px dotted var(--ck-line);
		counter-increment: ck-rank;
		display: grid;
		gap: 18px;
		grid-column: 1 / -1;
		grid-template-columns: 54px 200px minmax(0, 1fr);
		margin: 0;
		padding: 10px 16px;
	}

	body.ck-archive-scores li.ck-card--cart:nth-child(n+4)::before {
		background: none;
		color: var(--ck-accent-2);
		content: counter(ck-rank, decimal-leading-zero);
		font-family: var(--ck-font-heading);
		font-size: 16px;
		height: auto;
		left: auto;
		opacity: 1;
		position: static;
		right: auto;
		top: auto;
	}

	body.ck-archive-scores li.ck-card--cart:nth-child(n+4) .ck-card__media {
		align-items: center;
		display: grid;
		gap: 12px;
		grid-template-columns: 116px 64px;
	}

	body.ck-skin.ck-archive-scores ul.products li.product.ck-card--cart:nth-child(n+4) .ck-card__img {
		aspect-ratio: 16 / 10;
	}

	body.ck-archive-scores li.ck-card--cart:nth-child(n+4) .ck-cart__label {
		border-width: 2px;
	}

	body.ck-archive-scores li.ck-card--cart:nth-child(n+4) .ck-patch__tags {
		display: none;
	}

	body.ck-archive-scores li.ck-card--cart:nth-child(n+4) .ck-patch__price {
		--ck-patch-size: 64px;
		position: relative;
		right: auto;
		top: auto;
	}

	body.ck-archive-scores li.ck-card--cart:nth-child(n+4) .ck-cart__body {
		align-items: center;
		display: grid;
		gap: 4px 20px;
		grid-template-columns: minmax(0, 1fr) 320px;
		padding: 0;
	}

	body.ck-archive-scores li.ck-card--cart:nth-child(n+4) .ck-cart__cat {
		grid-column: 1;
	}

	body.ck-archive-scores li.ck-card--cart:nth-child(n+4) .ck-card__title {
		grid-column: 1;
	}

	body.ck-archive-scores li.ck-card--cart:nth-child(n+4) .ck-cart__foot {
		align-items: center;
		display: grid;
		gap: 4px 12px;
		grid-column: 2;
		grid-row: 1 / span 2;
		grid-template-columns: minmax(0, 1fr) auto;
		margin: 0;
	}

	body.ck-archive-scores li.ck-card--cart:nth-child(n+4) .ck-cart__foot .ck-btn {
		grid-column: 2;
		grid-row: 1 / span 2;
		padding: 12px 14px 14px;
	}
}

/* Section heading: pixel title with a blinking cursor, filters beside it. */
body.ck-head-level .ck-section__head {
	border-bottom: 4px dotted var(--ck-line);
	padding-bottom: 14px;
}

body.ck-head-level .ck-section__title::after {
	animation: ck-cursor 1s steps(2, start) infinite;
	color: var(--ck-accent);
	content: "_";
	margin-left: 6px;
}

@keyframes ck-cursor {
	50% { opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
	body.ck-head-level .ck-section__title::after {
		animation: none;
	}
}

/* Filters as keycaps. */
body.ck-skin.ck-filter-keys .ck-tabs {
	gap: 8px;
}

body.ck-skin.ck-filter-keys .ck-tabs .ck-tab {
	background: var(--ck-surface-2);
	border: 2px solid #000;
	border-radius: 0;
	box-shadow: 0 5px 0 #000;
	color: var(--ck-text);
	font-family: var(--ck-font-heading);
	font-size: 10px;
	font-weight: 400;
	margin-bottom: 5px;
	padding: 10px 12px;
	text-transform: uppercase;
}

body.ck-skin.ck-filter-keys .ck-tabs .ck-tab.is-active {
	background: var(--ck-accent-2);
	box-shadow: 0 2px 0 #000;
	color: #04131a;
	transform: translateY(3px);
}

body.ck-skin.ck-filter-keys .ck-tabs .ck-tab span {
	color: inherit;
	margin-left: 4px;
	opacity: .7;
}

/* Single page: the photo in a monitor bezel. */
@media (min-width: 961px) {
	body.ck-skin.ck-single-screen.single-product div.product {
		align-items: start;
	}
}

body.ck-skin.ck-single-screen.single-product div.product .woocommerce-product-gallery {
	background: #000;
	border: 16px solid #000;
	border-radius: 26px;
	box-shadow: 0 0 0 4px var(--ck-accent-2), 0 0 34px rgba(39, 225, 255, .3);
	overflow: hidden;
}

body.ck-skin.ck-single-screen.single-product div.product .woocommerce-product-gallery::after {
	background: repeating-linear-gradient(0deg, rgba(0, 0, 0, .18) 0 2px, transparent 2px 5px);
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
	z-index: 3;
}

body.ck-skin.ck-single-screen.single-product div.product .woocommerce-product-gallery img {
	border-radius: 0;
}

body.ck-skin.ck-single-screen.single-product div.product > .summary > .product_title {
	font-size: clamp(18px, 2.2vw, 26px);
	line-height: 1.5;
	text-shadow: 3px 3px 0 var(--ck-accent);
	text-transform: uppercase;
}

body.ck-skin.ck-single-screen.single-product div.product > .summary > .price,
body.ck-skin.ck-single-screen.single-product div.product > .summary > .price .amount {
	color: var(--ck-price);
	font-family: var(--ck-font-heading);
	font-size: 20px;
}

/* Facts as a game HUD: LED timer, then status lines. */
body.ck-skin.ck-tm-style.ck-facts-hud .lty-lottery-product-summary {
	background: #000;
	border: 4px solid var(--ck-line);
	border-radius: 0;
	gap: 0;
	padding: 16px;
}

body.ck-skin.ck-tm-style.ck-facts-hud .lty-lottery-product-summary > p.lty-lottery-status {
	border: 0;
	color: var(--ck-instant, var(--ck-accent-2));
	flex: 0 0 100%;
	font-family: var(--ck-font-heading);
	font-size: 10px;
	margin: 0 0 12px;
	order: 0;
	padding: 0;
	text-transform: uppercase;
}

body.ck-skin.ck-tm-style.ck-facts-hud .lty-lottery-product-summary > .lty-lottery-date-ranges {
	background: none;
	border: 0;
	flex: 0 0 100%;
	margin: 0 0 12px;
	order: 1;
	padding: 0;
}

body.ck-skin.ck-tm-style.ck-facts-hud .lty-lottery-time-left-label {
	color: var(--ck-price);
	font-family: var(--ck-font-heading);
	font-size: 10px;
	margin: 0 0 8px;
	padding: 0;
	text-transform: uppercase;
}

body.ck-skin.ck-tm-style.ck-facts-hud .lty-lottery-countdown-timer {
	display: flex;
	gap: 8px;
}

body.ck-skin.ck-tm-style.ck-facts-hud .lty-lottery-timer {
	background: #081a10;
	border: 2px solid #123a22;
	flex: 1;
	min-width: 0;
	padding: 10px 2px;
	text-align: center;
	width: auto;
}

body.ck-skin.ck-tm-style.ck-facts-hud .lty-lottery-timer-content {
	color: #7cff6b !important;
	font-family: var(--ck-font-heading);
	font-size: 8px !important;
	text-shadow: 0 0 8px rgba(124, 255, 107, .7);
}

body.ck-skin.ck-tm-style.ck-facts-hud .lty-lottery-timer-content:first-child {
	display: block;
	font-size: clamp(18px, 2.2vw, 26px) !important;
	line-height: 1.3;
}

body.ck-skin.ck-tm-style.ck-facts-hud .lty-lottery-product-summary > p.ck-fact {
	align-items: baseline;
	border: 0;
	border-top: 2px dotted var(--ck-line);
	display: flex;
	flex: 0 0 100%;
	gap: 12px;
	justify-content: space-between;
	order: 3;
	padding: 9px 0;
}

body.ck-skin.ck-tm-style.ck-facts-hud .lty-lottery-product-summary > p.lty-gift-product-notice {
	display: block;
	order: 2;
}

body.ck-skin.ck-tm-style.ck-facts-hud .ck-fact__label {
	color: var(--ck-accent-2);
	font-size: 12px;
	text-transform: uppercase;
}

/* How it works as platform-game levels, climbing left to right. */
.ck-steps-levels .ck-steps__item {
	background: var(--ck-surface);
	border: 0;
	border-radius: 0;
	box-shadow: 0 0 0 4px #000;
	padding: 18px;
}

.ck-steps-levels .ck-steps__icon {
	display: none;
}

.ck-skin.ck-steps-levels .ck-steps__num {
	background: var(--ck-price);
	box-shadow: inset -4px -4px 0 rgba(0, 0, 0, .25), inset 4px 4px 0 rgba(255, 255, 255, .5);
	border-radius: 0;
	color: var(--ck-price-text);
	display: flex;
	align-items: center;
	font-family: var(--ck-font-heading);
	font-size: 16px;
	height: 48px;
	justify-content: center;
	margin-bottom: 14px;
	position: static;
	width: 48px;
}

@media (min-width: 769px) {
	.ck-steps-levels .ck-steps__item:nth-child(1) { margin-top: 56px; }
	.ck-steps-levels .ck-steps__item:nth-child(2) { margin-top: 28px; }
}

/* Footer: pixel strip, then the site name glowing large. */
body.ck-footer-gameover .site-footer {
	border-top: 0;
	margin-top: 64px;
	position: relative;
}

body.ck-footer-gameover .site-footer::before {
	background:
		linear-gradient(90deg, var(--ck-accent) 50%, transparent 0) 0 0 / 32px 8px repeat-x,
		linear-gradient(90deg, transparent 50%, var(--ck-accent-2) 0) 0 8px / 32px 8px repeat-x,
		linear-gradient(90deg, var(--ck-accent) 50%, transparent 0) 0 16px / 32px 8px repeat-x;
	content: "";
	display: block;
	height: 24px;
}

body.ck-footer-gameover .ck-foot__top {
	display: block;
}

body.ck-footer-gameover .ck-foot__brand {
	margin-bottom: 30px;
	text-align: center;
}

body.ck-skin.ck-footer-gameover .site-info .ck-foot__logo {
	color: #fff;
	display: block;
	font-family: var(--ck-font-heading);
	font-size: clamp(28px, 7vw, 92px);
	line-height: 1.2;
	text-shadow: 0 0 18px var(--ck-accent), 5px 5px 0 var(--ck-accent);
	text-transform: uppercase;
}

/* Sign-up: a small screen in a bezel, with a green prompt. */
body.ck-signup-crt .cse-notify-strip {
	background: none;
	padding: 24px 16px;
}

body.ck-signup-crt .cse-notify-strip .cse-notify {
	background: #03130a;
	border: 14px solid #000;
	border-radius: 24px;
	box-shadow: 0 0 0 4px var(--ck-line);
	color: #7cff6b;
	margin: 0 auto;
	max-width: 760px;
	padding: 30px;
}

body.ck-signup-crt .cse-notify-strip .cse-notify :is(h2, h3, strong) {
	color: #7cff6b;
	font-family: var(--ck-font-heading);
	font-size: 15px;
	line-height: 1.5;
	text-shadow: 0 0 8px rgba(124, 255, 107, .6);
}

body.ck-signup-crt .cse-notify-strip .cse-notify p {
	color: #b9ffb1;
}

body.ck-signup-crt .cse-notify-strip input:not([type="submit"]):not([type="checkbox"]) {
	background: #000;
	border: 2px solid #7cff6b;
	border-radius: 0;
	color: #7cff6b;
	font-family: var(--ck-font-body);
}

/* Standard pages: a command-line title over a screen panel. */
body.ck-skin.ck-page-terminal.page:not(.home) .inside-article > .entry-header {
	background: #000;
	border: 0;
	border-bottom: 4px solid var(--ck-accent-2);
	margin: 0 0 28px;
	padding: 22px 24px;
}

body.ck-skin.ck-page-terminal.page:not(.home) .inside-article > .entry-header .entry-title {
	color: #7cff6b;
	font-size: clamp(16px, 2.6vw, 28px);
	line-height: 1.5;
	text-shadow: 0 0 8px rgba(124, 255, 107, .55);
	text-transform: uppercase;
}

body.ck-skin.ck-page-terminal.page:not(.home) .inside-article > .entry-header .entry-title::before {
	color: var(--ck-accent-2);
	content: "> ";
}

body.ck-page-terminal .cse-policy-text {
	margin: 0 auto;
	max-width: 860px;
}

/* Basket as an inventory: slots, then a score panel for the total. */
body.ck-skin.ck-basket-inventory .wc-block-cart-items {
	background: none;
	border: 0;
	border-collapse: separate;
	border-radius: 0;
	border-spacing: 0 12px;
	box-shadow: none;
}

body.ck-skin.ck-basket-inventory .wc-block-cart-items td {
	background: var(--ck-surface);
	border: 0;
	border-bottom: 4px solid #000;
	border-top: 4px solid #000;
}

body.ck-skin.ck-basket-inventory .wc-block-cart-item__image img {
	border: 3px solid var(--ck-accent-2);
	border-radius: 0;
}

body.ck-skin.ck-basket-inventory .wc-block-components-product-name {
	font-family: var(--ck-font-heading);
	font-size: 12px;
	font-weight: 400;
	line-height: 1.5;
	text-transform: uppercase;
}

body.ck-skin.ck-basket-inventory .wc-block-cart__sidebar {
	background: #000;
	border: 4px solid var(--ck-price);
	border-radius: 0;
	box-shadow: 8px 8px 0 var(--ck-accent);
}

body.ck-skin.ck-basket-inventory .wc-block-cart__totals-title {
	color: var(--ck-price);
	font-family: var(--ck-font-heading);
	font-size: 11px;
}

/* Account as a game menu: a cursor on the live item, entries as save slots. */
.ck-skin.ck-account-player .woocommerce-MyAccount-navigation {
	background: #000;
	border: 4px solid var(--ck-accent);
	border-radius: 0;
	padding: 12px;
}

.ck-skin.ck-account-player .woocommerce-MyAccount-navigation li {
	border: 0;
}

.ck-skin.ck-account-player .woocommerce-MyAccount-navigation li a {
	background: none;
	border-radius: 0;
	color: var(--ck-text);
	font-family: var(--ck-font-heading);
	font-size: 10px;
	line-height: 1.5;
	padding: 10px 8px;
	text-transform: uppercase;
}

.ck-skin.ck-account-player .woocommerce-MyAccount-navigation li.is-active a {
	background: none;
	color: var(--ck-price);
}

.ck-skin.ck-account-player .woocommerce-MyAccount-navigation li.is-active a::before {
	content: "\25B6\00A0";
}

.ck-skin.ck-account-player.woocommerce-account .woocommerce-MyAccount-content {
	background: var(--ck-surface);
	border: 0;
	border-radius: 0;
	box-shadow: 0 0 0 4px #000;
	padding: 28px;
}

.ck-account-player .ck-entries {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}

.ck-skin.ck-account-player a.ck-entry {
	background: #000;
	border: 2px dashed var(--ck-line);
	border-radius: 0;
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 14px;
}

.ck-account-player .ck-entry__name {
	font-family: var(--ck-font-heading);
	font-size: 11px;
	line-height: 1.5;
	text-transform: uppercase;
}

/* Watch live: a round cabinet push button and a monitor player. */
body.ck-live-coinop .cse-player-reopen {
	background: #d6102a;
	border: 5px solid #000;
	border-radius: 50%;
	box-shadow: 0 7px 0 #6d0612, 0 0 0 4px var(--ck-price), 0 0 22px rgba(214, 16, 42, .7);
	color: #fff;
	flex-direction: column;
	font-family: var(--ck-font-heading);
	font-size: 8px;
	font-weight: 400;
	gap: 3px;
	height: 92px;
	justify-content: center;
	line-height: 1.4;
	padding: 6px;
	text-align: center;
	text-transform: uppercase;
	width: 92px;
}

body.ck-live-coinop .cse-player-reopen:active {
	box-shadow: 0 2px 0 #6d0612, 0 0 0 4px var(--ck-price);
	transform: translateY(5px);
}

body.ck-live-coinop .cse-player {
	background: #000;
	border: 10px solid #000;
	border-radius: 20px;
	box-shadow: 0 0 0 3px var(--ck-accent), 0 0 0 6px var(--ck-accent-2);
}

body.ck-live-coinop .cse-player__bar strong {
	color: #7cff6b;
	font-family: var(--ck-font-heading);
	font-size: 10px;
	font-weight: 400;
	text-transform: uppercase;
}
/* Corrections after the first look at it. */
.ck-skin ul.products li.product.ck-card--cart,
.ck-skin ul.products li.product.ck-card--cart .ck-card__media,
.ck-skin .ck-card--cart .ck-card__media {
	aspect-ratio: auto;
	background: none;
	height: auto;
	overflow: visible;
}

.ck-card--cart .ck-patch__tags {
	bottom: auto;
	left: 6px;
	top: 6px;
}

.ck-card--cart .ck-patch__price {
	z-index: 4;
}

@media (min-width: 900px) {
	body.ck-skin.ck-archive-scores ul.products.ck-grid > li.product.ck-card--cart:nth-child(n+4) {
		padding: 8px 16px;
	}

	body.ck-archive-scores li.ck-card--cart:nth-child(n+4) .ck-patch__price {
		right: auto;
		top: auto;
	}
}

body.ck-skin.ck-single-screen.single-product div.product .woocommerce-product-gallery {
	align-self: start;
	margin-top: 0 !important;
}

body.ck-skin.ck-tm-style.ck-facts-hud .lty-lottery-product-summary > p.ck-fact {
	align-items: center;
	display: flex !important;
	flex-direction: row;
}

body.ck-skin.ck-tm-style.ck-facts-hud .ck-fact__value {
	color: var(--ck-text);
	font-family: var(--ck-font-heading);
	font-size: 11px;
	line-height: 1.5;
	margin: 0;
	text-align: right;
}

body.ck-skin.ck-tm-style.ck-facts-hud .lty-lottery-product-summary > p.lty-gift-product-notice {
	display: block !important;
}

body.ck-skin.ck-tm-style.ck-facts-hud .lty-gift-product-notice .ck-fact__label {
	display: block;
	margin-bottom: 4px;
}

body.ck-skin.ck-tm-style.ck-facts-hud .lty-gift-product-notice .ck-fact__value {
	display: block;
	font-family: var(--ck-font-body);
	font-size: 15px;
	font-weight: 500;
	text-align: left;
}

.ck-skin.ck-steps-levels .ck-steps {
	background: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	padding-left: 0;
	padding-right: 0;
}

.ck-skin.ck-header-marquee .ck-menu-login,
.ck-skin.ck-header-marquee .ck-menu-cta {
	background: #000;
	border: 2px solid var(--ck-accent-2);
	border-radius: 0;
	color: var(--ck-accent-2);
	font-family: var(--ck-font-heading);
	font-size: 9px;
	text-transform: uppercase;
}

.ck-skin.ck-header-marquee .ck-menu-cta {
	background: var(--ck-accent);
	border-color: #000;
	color: var(--ck-btn-text);
}

.ck-skin.ck-btn-pixel .cse-notify button,
.ck-skin.ck-btn-pixel .cse-notify input[type="submit"] {
	background: var(--ck-accent);
	border: 0;
	border-radius: 0;
	clip-path: var(--ck-step);
	color: var(--ck-btn-text);
	font-family: var(--ck-font-heading);
	font-size: 12px;
	font-weight: 400;
	text-transform: uppercase;
}

body.ck-skin.ck-footer-gameover .site-info .ck-foot__logo span {
	color: var(--ck-accent-2);
	text-shadow: 0 0 18px var(--ck-accent-2), 5px 5px 0 #0a5f73;
}

.ck-headfont-press-start .site-footer :is(h2, h3, h4, .widget-title) {
	font-size: 11px;
	line-height: 1.5;
}
/* Sticky only beside the summary on desktop: on a phone the stacked page scrolled under the photo. */
@media (min-width: 961px) {
	body.ck-skin.ck-single-screen.single-product div.product > .woocommerce-product-gallery {
		position: sticky;
		top: 24px;
	}
}

body.ck-footer-gameover .ck-foot__brand p {
	margin-left: auto;
	margin-right: auto;
	max-width: 620px;
	text-align: center;
}

.ck-headfont-press-start .ck-age {
	font-family: var(--ck-font-body);
	font-size: 15px;
	font-weight: 700;
	letter-spacing: 0;
}

body.ck-skin.ck-basket-inventory .wc-block-cart-items,
body.ck-skin.ck-basket-inventory .wc-block-cart-items tr,
body.ck-skin.ck-basket-inventory .wc-block-cart-items td,
body.ck-skin.ck-basket-inventory .wc-block-cart-items th {
	border: 0 !important;
}

body.ck-skin.ck-basket-inventory .wc-block-cart-items thead {
	display: none;
}

body.ck-skin.ck-basket-inventory .wc-block-cart-items td {
	background: var(--ck-surface);
	box-shadow: 0 4px 0 #000, 0 -4px 0 #000;
}

body.ck-skin.ck-basket-inventory .wc-block-components-quantity-selector {
	border-radius: 0;
	box-shadow: none;
	outline: 2px solid var(--ck-line);
}

body.ck-skin.ck-basket-inventory .wc-block-cart__sidebar :is(.wc-block-cart__totals-title, h2) {
	color: var(--ck-price);
	font-size: 12px;
}

.ck-account-player .ck-acc-stat__icon {
	border-radius: 0;
}

.ck-skin.ck-account-player.woocommerce-account .woocommerce-MyAccount-content :is(h1, h2) {
	font-size: clamp(15px, 2vw, 20px);
	line-height: 1.5;
}

.ck-skin.ck-account-player.woocommerce-account .woocommerce-MyAccount-content h3,
.ck-skin.ck-account-player.woocommerce-account .woocommerce-MyAccount-content .ck-acc-links a,
.ck-skin.ck-account-player.woocommerce-account .woocommerce-MyAccount-content .ck-acc-links span {
	font-size: 10px;
	line-height: 1.5;
}

.ck-skin.ck-btn-pixel .woocommerce-MyAccount-content .ck-btn,
.ck-skin.ck-btn-pixel .ck-empty-basket__btn {
	background: var(--ck-accent) !important;
}

.ck-headfont-press-start .entry-content :is(h2, h3) {
	font-size: clamp(13px, 1.6vw, 18px);
}
body.ck-skin.ck-basket-inventory .wc-block-cart-items,
body.ck-skin.ck-basket-inventory .wc-block-cart-items tbody {
	display: block;
	width: 100%;
}

body.ck-skin.ck-basket-inventory .wc-block-cart-items tr.wc-block-cart-items__row {
	align-items: start;
	background: var(--ck-surface);
	box-shadow: 0 0 0 4px #000;
	display: grid;
	gap: 16px;
	grid-template-columns: 96px minmax(0, 1fr) auto;
	margin: 4px 4px 16px;
	padding: 12px;
}

body.ck-skin.ck-basket-inventory .wc-block-cart-items td {
	background: none;
	box-shadow: none;
	display: block;
	padding: 0;
	width: auto;
}

body.ck-skin.ck-basket-inventory .wc-block-cart-item__image img {
	max-width: 96px;
	width: 96px;
}

.ck-skin.ck-btn-pixel .ck-account-empty a {
	background: var(--ck-accent) !important;
	background-image: none !important;
}

.ck-skin.ck-account-player .ck-account-menu a,
.ck-skin.ck-account-player .ck-account-menu a span {
	font-size: 10px;
	line-height: 1.5;
}
.ck-skin.ck-account-player .ck-account-tile {
	gap: 10px;
	padding: 14px 12px;
	min-width: 0;
}
.ck-skin.ck-account-player .ck-account-tile span {
	flex: 1;
	min-width: 0;
	font-size: 10px;
	line-height: 1.6;
	overflow-wrap: normal;
	text-align: left;
}
.ck-skin.ck-account-player .ck-account-tile__go {
	display: none;
}
/* Games carry the look's chrome where they have no setting of their own. */
.ck-skin.ck-btn-pixel .football-close {
	background: var(--ck-surface-2);
	border-color: var(--ck-line);
	border-radius: 0;
	color: var(--ck-text);
}
.ck-skin.ck-btn-pixel .fb-scoreboard {
	background: var(--ck-surface);
	border-color: var(--ck-line);
	border-radius: 0;
}
.ck-skin.ck-btn-pixel .fb-score {
	background: var(--ck-surface-2);
	border-radius: 0;
}
.ck-skin.ck-btn-pixel #gc-overlay.gc-ctl-lock .gc-drop-btn,
.ck-skin.ck-btn-pixel #gc-overlay.gc-ctl-lock .gc-drop-btn:hover,
.ck-skin.ck-btn-pixel #gc-btn-drop:disabled {
	background: var(--ck-surface-2) !important;
	color: var(--ck-muted) !important;
	filter: none !important;
	opacity: 1 !important;
}
.ck-skin.ck-btn-pixel #gc-overlay .gc-drop-btn:hover,
.ck-skin.ck-btn-pixel #gc-overlay .gc-drop-btn:focus {
	background: var(--gc-drop-btn-bg, var(--ck-accent));
	color: var(--gc-drop-btn-text, var(--ck-btn-text));
}
.ck-skin.ck-btn-pixel .fb-kick-btn {
	border-color: var(--ck-btn-text) !important;
}
/* ARCADE-LAYOUTS-END */

/* WORKSHOP-LAYOUTS-START */
/* Workshop layouts. Each is a registry choice, so any look can use it. */
.ck-skin {
	--ck-ink: #1c1c1a;
	--ck-steel: #2a2c2f;
	--ck-steel-2: #36393d;
	--ck-peg: #1b1c1e;
	--ck-hazard: repeating-linear-gradient(-45deg, #1c1c1a 0 7px, #ffc20e 7px 14px);
	--ck-hair: rgba(28, 28, 26, .14);
	--ck-lift: 0 1px 2px rgba(40, 28, 10, .08), 0 8px 22px rgba(40, 28, 10, .1);
}

.ck-icon--toolbox {
	--ck-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10h18v9a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1z'/%3E%3Cpath d='M8 10V7a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v3'/%3E%3Cpath d='M3 14h7M14 14h7M10 12.5h4v3h-4z'/%3E%3C/svg%3E");
}

/* Chamfer buttons: flat yellow with one cut corner. */
.ck-skin.ck-btn-chamfer .ck-btn,
.ck-skin.ck-btn-chamfer .button,
.ck-skin.ck-btn-chamfer .wp-element-button,
.ck-skin.ck-btn-chamfer.single-product div.product form.cart .single_add_to_cart_button,
.ck-skin.ck-btn-chamfer.ck-tm-style .lty-lucky-dip-button,
.ck-skin.ck-btn-chamfer .cse-notify button,
.ck-skin.ck-btn-chamfer .cse-notify input[type="submit"] {
	background: var(--ck-accent);
	border: 0;
	border-radius: 0;
	box-shadow: none;
	clip-path: polygon(0 0, calc(100% - 12px) 0, 100% 12px, 100% 100%, 0 100%);
	color: var(--ck-btn-text);
	font-family: var(--ck-font-body);
	font-size: 15px;
	font-weight: 700;
	letter-spacing: .07em;
	line-height: 1.3;
	padding: 14px 22px;
	text-decoration: none;
	text-transform: uppercase;
	transition: background .15s ease, color .15s ease;
}

.ck-skin.ck-btn-chamfer .ck-btn:hover,
.ck-skin.ck-btn-chamfer .button:hover,
.ck-skin.ck-btn-chamfer .wp-element-button:hover,
.ck-skin.ck-btn-chamfer.single-product div.product form.cart .single_add_to_cart_button:hover {
	background: var(--ck-ink);
	color: #fff;
}

/* Mechanical counter: dark drums with a fine seam across the middle. */
.ck-tile-odometer .ck-cd__unit {
	background: linear-gradient(180deg, #17181a 0 49.5%, #000 49.5% 50.5%, #202225 50.5%);
	border: 0;
	border-radius: 2px;
	box-shadow: none;
}

.ck-tile-odometer .ck-cd__unit,
.ck-tile-odometer .ck-cd__unit * {
	color: #fff;
}

/* Steel rule: a slim marked rule with the sold part painted yellow. */
.ck-bar-ruler .ck-bar__track {
	background:
		repeating-linear-gradient(90deg, rgba(0, 0, 0, .55) 0 1px, transparent 1px 10%) 0 0 / 100% 50% no-repeat,
		repeating-linear-gradient(90deg, rgba(0, 0, 0, .28) 0 1px, transparent 1px 2.5%) 0 0 / 100% 28% no-repeat,
		#dcdcd9;
	border: 0;
	border-radius: 0;
	height: 10px;
}

.ck-bar-ruler .ck-bar__track span {
	background: var(--ck-accent);
	border-radius: 0;
	display: block;
	height: 100%;
}

/* Header: a dark perforated steel bar with a fine striped edge. */
.ck-skin.ck-header-pegboard .site-header {
	background-color: var(--ck-peg);
	background-image: radial-gradient(circle, rgba(255, 255, 255, .045) 0 1.5px, transparent 2px);
	background-size: 16px 16px;
	border: 0;
}

.ck-skin.ck-header-pegboard .site-header::after {
	background: var(--ck-hazard);
	bottom: 0;
	content: "";
	display: block;
	height: 5px;
	left: 0;
	position: absolute;
	right: 0;
}

.ck-skin.ck-header-pegboard .site-header .main-title {
	font-size: 30px;
	letter-spacing: .02em;
	line-height: 1;
	margin: 0;
	text-transform: uppercase;
}

.ck-skin.ck-header-pegboard .site-header .main-title a {
	color: #fff;
}

.ck-skin.ck-header-pegboard .site-header .main-title a span {
	color: var(--ck-accent);
}

@media (min-width: 769px) {
	.ck-skin.ck-header-pegboard .site-header .inside-header {
		align-items: center;
		display: flex;
		gap: 26px;
		justify-content: space-between;
		max-width: 1320px;
		padding: 16px 20px 21px;
	}

	.ck-skin.ck-header-pegboard .site-header .site-branding {
		margin: 0;
	}

	.ck-skin.ck-header-pegboard .site-header #site-navigation,
	.ck-skin.ck-header-pegboard .site-header #site-navigation .inside-navigation {
		background: none;
	}

	.ck-skin.ck-header-pegboard .site-header #site-navigation .inside-navigation {
		align-items: center;
		display: flex;
		gap: 10px;
	}

	.ck-skin.ck-header-pegboard .site-header #site-navigation .main-nav > ul {
		align-items: center;
		display: flex;
		gap: 4px;
	}

	.ck-skin.ck-header-pegboard .site-header #site-navigation .main-nav > ul > li > a {
		background: none;
		box-shadow: inset 0 -2px 0 transparent;
		color: #e9e7e2;
		font-family: var(--ck-font-body);
		font-size: 15px;
		font-weight: 600;
		letter-spacing: .05em;
		line-height: 40px;
		padding: 0 12px;
		text-transform: uppercase;
	}

	.ck-skin.ck-header-pegboard .site-header #site-navigation .main-nav > ul > li:hover > a,
	.ck-skin.ck-header-pegboard .site-header #site-navigation .main-nav > ul > li.current-menu-item > a {
		box-shadow: inset 0 -2px 0 var(--ck-accent);
		color: #fff;
	}
}

.ck-skin.ck-header-pegboard .menu-bar-items .ck-menu-login,
.ck-skin.ck-header-pegboard .menu-bar-items .ck-menu-login .ck-menu-label,
.ck-skin.ck-header-pegboard .ck-menu-icon,
.ck-skin.ck-header-pegboard .menu-toggle,
.ck-skin.ck-header-pegboard .menu-toggle .gp-icon {
	color: #fff;
}

.ck-skin.ck-header-pegboard .menu-bar-items .ck-menu-login {
	background: none;
	border: 1px solid rgba(255, 255, 255, .35);
	border-radius: 0;
	font-family: var(--ck-font-body);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .05em;
	text-transform: uppercase;
}

.ck-skin.ck-header-pegboard .ck-menu-cta {
	background: var(--ck-accent);
	border: 0;
	border-radius: 0;
	color: var(--ck-ink);
	font-family: var(--ck-font-body);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .05em;
	text-transform: uppercase;
}

.ck-skin.ck-header-pegboard .menu-bar-items .ck-icon {
	background-color: #fff;
}

.ck-skin.ck-header-pegboard .ck-cart-count {
	background: var(--ck-accent);
	border-radius: 0;
	color: var(--ck-ink);
}

@media (max-width: 768px) {
	.ck-skin.ck-header-pegboard .site-header .main-title {
		font-size: 21px;
	}
}

/* Cover hero: a catalogue cover. */
.ck-home-top:has(.ck-cover),
.ck-home-top:has(.ck-cover)::before,
.ck-home-top:has(.ck-cover)::after {
	background: none;
	border: 0;
	box-shadow: none;
}

.ck-home-top:has(.ck-cover)::before,
.ck-home-top:has(.ck-cover)::after {
	display: none;
}

.ck-cover {
	margin: 0 auto;
	max-width: 1320px;
	padding: 34px 20px 8px;
}

.ck-cover__kicker {
	color: var(--ck-ink);
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .16em;
	margin: 0 0 6px;
	text-transform: uppercase;
}

.ck-skin .ck-cover__title {
	font-size: clamp(34px, 5.2vw, 72px);
	letter-spacing: 0;
	line-height: 1;
	margin: 0 0 20px;
	text-transform: uppercase;
}

.ck-skin .ck-cover__title a {
	color: var(--ck-ink);
	text-decoration: none;
}

.ck-cover__photo {
	aspect-ratio: 21 / 8;
	display: block;
	overflow: hidden;
	position: relative;
}

.ck-skin .ck-cover__img {
	height: 100%;
	inset: 0;
	max-width: none;
	object-fit: cover;
	object-position: center 42%;
	position: absolute;
	width: 100%;
}

.ck-cover__strip {
	align-items: center;
	background: var(--ck-steel);
	color: #fff;
	display: grid;
	gap: 24px;
	grid-template-columns: minmax(0, 1fr) auto auto auto;
	padding: 16px 20px;
}

.ck-cover__about {
	font-size: 16px;
	line-height: 1.4;
}

.ck-cover__strip .ck-cd {
	margin: 0;
}

.ck-cover__price {
	align-items: baseline;
	display: inline-flex;
	gap: 6px;
}

.ck-cover__price b {
	color: var(--ck-accent);
	font-family: var(--ck-font-heading);
	font-size: 34px;
	font-weight: 400;
	line-height: 1;
}

.ck-cover__price small {
	color: #d8d6d0;
	font-size: 13px;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.ck-cover__next {
	align-items: baseline;
	border-bottom: 1px solid var(--ck-hair);
	display: grid;
	gap: 8px 24px;
	grid-template-columns: auto minmax(0, 1fr) auto;
	padding: 14px 0;
}

.ck-skin .ck-cover__head {
	color: var(--ck-ink);
	font-family: var(--ck-font-body);
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .1em;
	margin: 0;
	text-transform: uppercase;
}

.ck-cover__next ol {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 30px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.ck-skin a.ck-cover__row {
	align-items: baseline;
	color: var(--ck-ink);
	display: inline-flex;
	font-size: 15px;
	font-weight: 500;
	gap: 8px;
	text-decoration: none;
}

.ck-skin a.ck-cover__row:hover .ck-cover__name {
	text-decoration: underline;
}

.ck-cover__fee {
	font-weight: 700;
}

body.ck-skin .ck-cover__next a.ck-view-all {
	color: var(--ck-ink);
	margin: 0;
}

@media (max-width: 960px) {
	.ck-cover {
		padding: 22px 16px 8px;
	}

	.ck-cover__photo {
		aspect-ratio: 4 / 3;
	}

	.ck-cover__strip {
		gap: 14px 16px;
		grid-template-columns: minmax(0, 1fr) auto;
	}

	.ck-cover__about,
	.ck-cover__strip .ck-cd {
		grid-column: 1 / -1;
	}

	.ck-cover__next {
		grid-template-columns: minmax(0, 1fr);
	}

	.ck-cover__next ol {
		display: grid;
		gap: 8px;
	}

	.ck-skin a.ck-cover__row {
		display: flex;
		justify-content: space-between;
	}
}

/* Hazard diamond price: a real warning sign, with its fine inset line. */
body.ck-shape-diamond .ck-patch__price {
	--ck-patch-size: 84px;
	background: var(--ck-price);
	border-radius: 0;
	clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
	color: var(--ck-ink);
	transform: none;
}

body.ck-shape-diamond .ck-patch__price::before {
	background: var(--ck-ink);
	border: 0;
	border-radius: 0;
	clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%, 50% 0, 50% 3px, 3px 50%, 50% calc(100% - 3px), calc(100% - 3px) 50%, 50% 3px);
	inset: 4px;
	opacity: 1;
}

body.ck-shape-diamond .ck-patch__price :is(b, small) {
	position: relative;
	z-index: 1;
}

body.ck-shape-diamond .ck-patch__price b {
	font-family: var(--ck-font-body);
	font-size: calc(var(--ck-patch-size) * .23);
	font-weight: 700;
}

body.ck-shape-diamond .ck-patch__price small {
	font-size: calc(var(--ck-patch-size) * .1);
	letter-spacing: .04em;
	margin-top: 0;
}

/* Catalogue card: the photo edge to edge, a plain spec line beneath. */
.ck-skin ul.products li.product.ck-card--catalogue,
.ck-skin ul.products li.product.ck-card--catalogue .ck-card__media,
.ck-skin .ck-card--catalogue .ck-card__media {
	aspect-ratio: auto;
	background: none;
	height: auto;
	overflow: visible;
}

body.ck-skin ul.products.ck-grid li.product.ck-card--catalogue,
.ck-skin .ck-card.ck-card--catalogue {
	background: var(--ck-surface);
	border: 0;
	border-radius: 0;
	box-shadow: var(--ck-lift);
	clip-path: none;
	display: flex;
	flex-direction: column;
	padding: 0;
	position: relative;
}

.ck-card--catalogue .ck-card__media {
	display: block;
	position: relative;
}

.ck-skin .ck-card--catalogue .ck-card__media::after {
	display: none;
}

.ck-catalogue__photo {
	display: block;
	overflow: hidden;
	position: relative;
}

.ck-skin ul.products li.product.ck-card--catalogue .ck-card__media .ck-card__img,
.ck-card--catalogue .ck-card__img {
	aspect-ratio: 4 / 3;
	display: block;
	height: 100%;
	margin: 0;
	object-fit: cover;
	width: 100%;
}

.ck-card--catalogue .ck-patch__price {
	right: 10px;
	top: 10px;
	z-index: 4;
}

.ck-card--catalogue .ck-patch__tags {
	bottom: 10px;
	left: 10px;
	top: auto;
}

.ck-card--catalogue .ck-patch__tag {
	background: rgba(20, 20, 20, .85);
	border-radius: 0;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .05em;
	padding: 5px 8px;
	text-transform: uppercase;
}

.ck-catalogue__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 6px;
	padding: 14px 16px 16px;
}

.ck-catalogue__cat {
	color: var(--ck-muted);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.ck-skin ul.products li.product.ck-card--catalogue .ck-card__title,
.ck-skin .ck-card--catalogue .ck-card__title {
	font-family: var(--ck-font-body);
	font-size: 21px;
	font-weight: 700;
	line-height: 1.2;
	margin: 0 0 4px;
	padding: 0;
	text-transform: none;
}

.ck-card--catalogue .ck-card__title a {
	color: var(--ck-ink);
	text-decoration: none;
}

.ck-catalogue__foot {
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin-top: auto;
}

.ck-catalogue__when {
	color: var(--ck-muted);
	font-size: 14px;
	font-weight: 500;
}

.ck-catalogue__foot .ck-bar__meta * {
	color: var(--ck-ink);
}

.ck-catalogue__foot .ck-btn {
	justify-content: center;
	margin-top: 4px;
	text-align: center;
}

/* Listing: a dark parts cabinet of labelled drawers. */
@media (min-width: 900px) {
	body.ck-skin.ck-archive-drawers:not(.home):not(.single-product) .entry-content > ul.products.ck-grid {
		background: var(--ck-steel);
		display: grid;
		gap: 10px;
		grid-template-columns: repeat(4, minmax(0, 1fr));
		padding: 10px;
	}

	body.ck-skin.ck-archive-drawers:not(.home):not(.single-product) ul.products.ck-grid > li.product.ck-card--catalogue {
		background: var(--ck-steel-2);
		box-shadow: none;
		margin: 0;
	}

	body.ck-archive-drawers:not(.home):not(.single-product) .ck-card--catalogue .ck-card__img {
		aspect-ratio: 16 / 9;
	}

	body.ck-archive-drawers:not(.home):not(.single-product) .ck-card--catalogue .ck-patch__price {
		--ck-patch-size: 70px;
		right: 6px;
		top: 6px;
	}

	body.ck-archive-drawers:not(.home):not(.single-product) .ck-catalogue__body {
		padding: 10px 12px 12px;
	}

	body.ck-archive-drawers:not(.home):not(.single-product) .ck-catalogue__cat,
	body.ck-archive-drawers:not(.home):not(.single-product) .ck-catalogue__when {
		color: #cfcdc7;
	}

	/* The title sits on a paper label. */
	body.ck-skin.ck-archive-drawers:not(.home):not(.single-product) ul.products li.product.ck-card--catalogue .ck-card__title {
		background: #f6f1e6;
		font-size: 16px;
		min-height: 54px;
		padding: 7px 9px;
	}

	body.ck-archive-drawers:not(.home):not(.single-product) .ck-catalogue__foot .ck-bar__meta * {
		color: #fff;
	}
}

/* Section heading: a fine ruled line under the title. */
body.ck-head-tape .ck-section__head {
	border: 0;
	flex-wrap: wrap;
	padding-bottom: 16px;
	position: relative;
}

body.ck-head-tape .ck-section__head::after {
	background:
		repeating-linear-gradient(90deg, var(--ck-ink) 0 1px, transparent 1px 60px) 0 0 / 100% 8px no-repeat,
		repeating-linear-gradient(90deg, rgba(28, 28, 26, .4) 0 1px, transparent 1px 12px) 0 0 / 100% 4px no-repeat;
	border-top: 1px solid var(--ck-ink);
	bottom: 0;
	content: "";
	height: 9px;
	left: 0;
	position: absolute;
	right: 0;
}

body.ck-head-tape .ck-section__title {
	text-transform: uppercase;
}

/* Filters as small dark tags. */
body.ck-skin.ck-filter-labels .ck-tabs {
	background: none;
	border: 0;
	box-shadow: none;
	gap: 6px;
	padding: 0;
}

body.ck-skin.ck-filter-labels .ck-tabs .ck-tab {
	background: var(--ck-steel);
	border: 0;
	border-radius: 0;
	box-shadow: none;
	color: #fff;
	font-family: var(--ck-font-body);
	font-size: 14px;
	font-weight: 600;
	letter-spacing: .06em;
	padding: 7px 12px;
	text-transform: uppercase;
}

body.ck-skin.ck-filter-labels .ck-tabs .ck-tab.is-active {
	background: var(--ck-accent);
	color: var(--ck-ink);
}

body.ck-skin.ck-filter-labels .ck-tabs .ck-tab span {
	color: inherit;
	margin-left: 4px;
	opacity: .7;
}

/* Single page, Spread: dark details beside a photo that runs off the page,
   over a full-width yellow buy bar. */
body.ck-single-spread .site {
	overflow-x: clip;
}

/* The dark panel starts just under the header, with one line of breadcrumb. */
body.ck-single-spread.single-product .site-content {
	padding-top: 0;
}

body.ck-single-spread.single-product .entry-content {
	margin-top: 0;
}

body.ck-single-spread.single-product .woocommerce-breadcrumb {
	margin: 0;
	padding: 14px 0;
}

body.ck-skin.ck-single-spread.single-product div.product {
	--ck-spread-edge: max(20px, calc((100vw - 1280px) / 2));
	background: var(--ck-steel);
	display: grid;
	gap: 0;
	grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
	grid-template-rows: auto 1fr auto auto;
	margin: 0 calc(50% - 50vw);
	max-width: none;
	position: relative;
	width: 100vw;
}

body.ck-skin.ck-single-spread.single-product div.product > .summary {
	display: contents;
}

body.ck-skin.ck-single-spread.single-product div.product > .summary > * {
	grid-column: 1 / -1;
}

body.ck-skin.ck-single-spread.single-product div.product > .summary > .lty-clear {
	display: none;
}

/* The photo fills its side and runs off the edge of the screen. */
body.ck-skin.ck-single-spread.single-product div.product > .woocommerce-product-gallery {
	align-self: stretch;
	border: 0;
	box-shadow: none;
	float: none;
	grid-column: 2;
	grid-row: 1 / 3;
	height: 100%;
	margin: 0;
	min-height: 540px;
	overflow: hidden;
	padding: 0;
	position: relative;
	top: auto;
	width: auto;
}

body.ck-skin.ck-single-spread.single-product div.product .woocommerce-product-gallery :is(.flex-viewport, .woocommerce-product-gallery__wrapper, .woocommerce-product-gallery__image, .woocommerce-product-gallery__image > a) {
	height: 100% !important;
}

body.ck-skin.ck-single-spread.single-product div.product .woocommerce-product-gallery__image img:not(.zoomImg) {
	border-radius: 0;
	height: 100%;
	inset: 0;
	max-width: none;
	object-fit: cover;
	position: absolute;
	width: 100%;
}

body.ck-skin.ck-single-spread.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
	bottom: 12px;
	display: flex;
	gap: 6px;
	left: 12px;
	margin: 0;
	position: absolute;
	z-index: 3;
}

body.ck-skin.ck-single-spread.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li {
	width: 64px;
}

body.ck-skin.ck-single-spread.single-product div.product > .summary > .product_title {
	color: #fff;
	font-size: clamp(32px, 3.5vw, 52px);
	grid-column: 1;
	grid-row: 1;
	line-height: 1.04;
	margin: 0;
	padding: 44px 40px 20px var(--ck-spread-edge);
	text-transform: uppercase;
}

body.ck-skin.ck-single-spread.single-product.ck-tm-style div.product > .summary > .lty-lottery-product-summary {
	align-content: start;
	background: none;
	grid-column: 1;
	grid-row: 2;
	margin: 0;
	padding: 0 40px 36px var(--ck-spread-edge);
}

/* The yellow bar sits behind the price and the buy button. The button stays
   left of centre, clear of the live draw window in the bottom corner. */
body.ck-skin.ck-single-spread.single-product div.product::after {
	background: var(--ck-accent);
	content: "";
	display: block;
	grid-column: 1 / -1;
	grid-row: 3;
	min-height: 86px;
}

body.ck-skin.ck-single-spread.single-product div.product > .summary > .price {
	align-self: center;
	color: var(--ck-ink);
	font-family: var(--ck-font-heading);
	font-size: 38px;
	font-weight: 400;
	grid-column: 1;
	grid-row: 3;
	line-height: 1;
	margin: 0;
	padding: 0 0 0 var(--ck-spread-edge);
	position: relative;
	z-index: 1;
}

body.ck-skin.ck-single-spread.single-product div.product > .summary > .price * {
	color: var(--ck-ink);
	font: inherit;
}

body.ck-skin.ck-single-spread.single-product div.product > .summary > form.cart {
	align-items: center;
	align-self: center;
	background: none;
	border: 0;
	box-shadow: none;
	display: flex;
	gap: 10px;
	grid-column: 2;
	grid-row: 3;
	justify-self: start;
	margin: 0;
	padding: 14px 0;
	position: relative;
	z-index: 1;
}

body.ck-skin.ck-single-spread.single-product div.product > .summary > form.cart::before,
body.ck-skin.ck-single-spread.single-product div.product > .summary > form.cart::after {
	display: none;
}

/* Number picking: the picker drops to its own band under the bar. */
body.ck-skin.ck-single-spread.single-product div.product > .summary > form.cart:has(.lty-lottery-ticket-container) {
	display: contents;
}

body.ck-skin.ck-single-spread.single-product div.product > .summary > form.cart:has(.lty-lottery-ticket-container) > .single_add_to_cart_button {
	align-self: center;
	grid-column: 2;
	grid-row: 3;
	justify-self: start;
	margin: 14px 0;
	position: relative;
	z-index: 1;
}

body.ck-skin.ck-single-spread.single-product div.product > .summary > form.cart > .lty-lottery-ticket-container {
	background: var(--ck-surface);
	border: 0;
	box-shadow: none;
	grid-column: 1 / -1;
	grid-row: 4;
	margin: 0;
	padding: 28px var(--ck-spread-edge);
}

/* The button is black here, so it stands off the yellow. */
body.ck-skin.ck-btn-chamfer.ck-single-spread.single-product div.product form.cart .single_add_to_cart_button {
	background: var(--ck-ink);
	color: #fff;
	font-size: 16px;
	padding: 18px 30px;
}

body.ck-skin.ck-btn-chamfer.ck-single-spread.single-product div.product form.cart .single_add_to_cart_button:hover {
	background: #fff;
	color: var(--ck-ink);
}

body.ck-skin.ck-single-spread.single-product div.product form.cart .quantity {
	margin: 0;
}

body.ck-skin.ck-single-spread.single-product div.product form.cart .quantity input {
	background: #fff;
	border: 0;
	border-radius: 0;
	color: var(--ck-ink);
	font-weight: 700;
	height: 56px;
}

body.ck-skin.ck-single-spread.single-product .ck-steps {
	margin-top: 48px;
}

@media (max-width: 960px) {
	body.ck-skin.ck-single-spread.single-product div.product {
		--ck-spread-edge: 16px;
		grid-template-columns: minmax(0, 1fr);
		grid-template-rows: auto auto auto auto auto auto;
	}

	body.ck-skin.ck-single-spread.single-product div.product > .woocommerce-product-gallery {
		aspect-ratio: 4 / 3;
		grid-column: 1;
		grid-row: 1;
		height: auto;
		min-height: 0;
	}

	body.ck-skin.ck-single-spread.single-product div.product > .summary > .product_title {
		font-size: clamp(30px, 8vw, 40px);
		grid-row: 2;
		padding: 24px 16px 14px;
	}

	body.ck-skin.ck-single-spread.single-product.ck-tm-style div.product > .summary > .lty-lottery-product-summary {
		grid-row: 3;
		padding: 0 16px 24px;
	}

	body.ck-skin.ck-single-spread.single-product div.product::after {
		grid-column: 1;
		grid-row: 4 / 6;
	}

	body.ck-skin.ck-single-spread.single-product div.product > .summary > .price {
		grid-row: 4;
		padding: 16px 16px 0;
	}

	body.ck-skin.ck-single-spread.single-product div.product > .summary > form.cart {
		grid-column: 1;
		grid-row: 5;
		justify-self: stretch;
		margin: 0;
		padding: 12px 16px 16px !important;
	}

	body.ck-skin.ck-single-spread.single-product div.product > .summary > form.cart:has(.lty-lottery-ticket-container) > .single_add_to_cart_button {
		grid-column: 1;
		grid-row: 5;
		justify-self: stretch;
		margin: 12px 16px 16px;
	}

	body.ck-skin.ck-single-spread.single-product div.product > .summary > form.cart > .lty-lottery-ticket-container {
		grid-column: 1;
		grid-row: 6;
		padding: 20px 16px;
	}

	body.ck-skin.ck-btn-chamfer.ck-single-spread.single-product div.product form.cart .single_add_to_cart_button {
		flex: 1 1 0 !important;
		justify-content: center;
		margin: 0;
		max-width: none !important;
		min-width: 0;
		padding: 16px 12px;
		text-align: center;
	}
}

/* Facts on a matt dark panel. */
body.ck-skin.ck-tm-style.ck-facts-spec .lty-lottery-product-summary {
	--ck-accent-2: var(--ck-accent);
	background: var(--ck-steel);
	border: 0;
	border-radius: 0;
	color: #fff;
	gap: 0;
	grid-template-columns: minmax(0, 1fr);
	padding: 20px;
}

body.ck-skin.ck-tm-style.ck-facts-spec .lty-lottery-product-summary > p.lty-lottery-status {
	border: 0;
	color: var(--ck-accent);
	font-family: var(--ck-font-body);
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .06em;
	margin: 0 0 10px;
	order: 0;
	padding: 0;
	text-transform: uppercase;
}

body.ck-skin.ck-tm-style.ck-facts-spec .lty-lottery-product-summary > p.lty-lottery-status span {
	background: none;
	color: var(--ck-accent);
	padding: 0;
}

body.ck-skin.ck-tm-style.ck-facts-spec .lty-lottery-product-summary > .lty-lottery-date-ranges {
	background: none;
	border: 0;
	margin: 0 0 12px;
	order: 1;
	padding: 0;
}

body.ck-skin.ck-tm-style.ck-facts-spec .lty-lottery-time-left-label {
	color: #d7d6d1;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .1em;
	margin: 0 0 8px;
	padding: 0;
	text-transform: uppercase;
}

body.ck-skin.ck-tm-style.ck-facts-spec .lty-lottery-countdown-timer {
	display: flex;
	gap: 6px;
}

body.ck-skin.ck-tm-style.ck-facts-spec .lty-lottery-timer {
	background: linear-gradient(180deg, #17181a 0 49.5%, #000 49.5% 50.5%, #202225 50.5%);
	border: 0;
	border-radius: 2px;
	flex: 1;
	min-width: 0;
	padding: 10px 2px;
	text-align: center;
	width: auto;
}

body.ck-skin.ck-tm-style.ck-facts-spec .lty-lottery-timer-content {
	color: #fff !important;
	font-size: 11px !important;
}

body.ck-skin.ck-tm-style.ck-facts-spec .lty-lottery-timer-content:first-child {
	display: block;
	font-family: var(--ck-font-body);
	font-size: clamp(24px, 2.6vw, 30px) !important;
	font-weight: 700;
	line-height: 1.1;
}

body.ck-skin.ck-tm-style.ck-facts-spec .lty-lottery-product-summary > p.ck-fact {
	align-items: center;
	border: 0;
	border-top: 1px solid rgba(255, 255, 255, .16);
	display: flex !important;
	flex-direction: row;
	gap: 12px;
	justify-content: space-between;
	order: 3;
	padding: 8px 0;
}

body.ck-skin.ck-tm-style.ck-facts-spec .lty-lottery-product-summary > p.lty-gift-product-notice {
	display: block !important;
	order: 2;
}

body.ck-skin.ck-tm-style.ck-facts-spec .ck-fact__label {
	color: #d7d6d1;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .08em;
	text-transform: uppercase;
}

body.ck-skin.ck-tm-style.ck-facts-spec .ck-fact__value {
	color: #fff;
	font-family: var(--ck-font-body);
	font-size: 16px;
	font-weight: 600;
	margin: 0;
	text-align: right;
}

body.ck-skin.ck-tm-style.ck-facts-spec .lty-gift-product-notice .ck-fact__label {
	display: block;
	margin-bottom: 4px;
}

body.ck-skin.ck-tm-style.ck-facts-spec .lty-gift-product-notice .ck-fact__value {
	display: block;
	text-align: left;
}

/* How it works: numbered steps from an instruction sheet. */
.ck-skin.ck-steps-assembly .ck-steps {
	background: var(--ck-surface);
	border: 0;
	border-radius: 0;
	box-shadow: var(--ck-lift);
	counter-reset: none;
	padding: 22px;
}

.ck-steps-assembly .ck-steps__item {
	background: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	padding: 6px 18px;
	position: relative;
}

.ck-steps-assembly .ck-steps__icon {
	display: none;
}

.ck-skin.ck-steps-assembly .ck-steps__num {
	align-items: center;
	background: none;
	border: 1.5px solid var(--ck-ink);
	border-radius: 50%;
	color: var(--ck-ink);
	display: flex;
	font-family: var(--ck-font-body);
	font-size: 20px;
	font-weight: 700;
	height: 42px;
	justify-content: center;
	margin-bottom: 10px;
	position: static;
	width: 42px;
}

@media (min-width: 769px) {
	.ck-steps-assembly .ck-steps__item:not(:last-child)::after {
		border-top: 1px solid var(--ck-hair);
		content: "";
		left: 70px;
		position: absolute;
		right: -6px;
		top: 27px;
	}
}

/* Sign-up: a plain yellow block. */
body.ck-signup-docket .cse-notify-strip {
	background: none;
	padding: 28px 16px;
}

body.ck-signup-docket .cse-notify-strip .cse-notify {
	background: var(--ck-accent);
	border: 0;
	border-radius: 0;
	box-shadow: none;
	color: var(--ck-ink);
	margin: 0 auto;
	max-width: 860px;
	padding: 26px 30px;
}

body.ck-signup-docket .cse-notify-strip .cse-notify :is(h2, h3, strong, p, label) {
	color: var(--ck-ink);
}

body.ck-signup-docket .cse-notify-strip input:not([type="submit"]):not([type="checkbox"]) {
	background: #fff;
	border: 0;
	border-radius: 0;
	color: var(--ck-ink);
}

.ck-skin.ck-btn-chamfer.ck-signup-docket .cse-notify button,
.ck-skin.ck-btn-chamfer.ck-signup-docket .cse-notify input[type="submit"] {
	background: var(--ck-ink);
	color: #fff;
}

/* Footer: a fine striped line, then dark steel. */
body.ck-footer-hazard .site-footer {
	--ck-text: #f1eee6;
	--ck-muted: #c4c1b9;
	--ck-line: #47494e;
	background-color: var(--ck-peg);
	background-image: radial-gradient(circle, rgba(255, 255, 255, .045) 0 1.5px, transparent 2px);
	background-size: 16px 16px;
	border-top: 0;
	color: var(--ck-text);
	margin-top: 64px;
}

/* This footer turns the text light, so the payment marks need a dark card too. */
body.ck-footer-hazard .ck-foot__pay {
	--ck-surface: var(--ck-steel-2);
	--ck-text: #fff;
}

body.ck-footer-hazard .site-footer::before {
	background: var(--ck-hazard);
	content: "";
	display: block;
	height: 5px;
}

body.ck-footer-hazard .site-footer .site-info,
body.ck-footer-hazard .site-footer .inside-site-info {
	background: none;
}

body.ck-skin.ck-footer-hazard .site-info .ck-foot__logo {
	color: #fff;
	display: inline-block;
	font-family: var(--ck-font-heading);
	font-size: clamp(26px, 3vw, 36px);
	line-height: 1;
	text-transform: uppercase;
}

body.ck-skin.ck-footer-hazard .site-info .ck-foot__logo span {
	color: var(--ck-accent);
}

body.ck-skin.ck-footer-hazard .site-footer :is(a, p, li, span, h2, h3, h4) {
	color: inherit;
}

body.ck-skin.ck-footer-hazard .site-footer a:hover {
	color: var(--ck-accent);
}

/* Workshop's second accent is dark steel, so a yellow to steel fade reads as a
   smudge. Anything using the fade stays plain yellow. */
body.ck-btn-chamfer {
	--ck-fade: linear-gradient(var(--ck-accent), var(--ck-accent));
}

/* The spin game's ticket summary is white unless dressed. */
body.ck-page-steel .spinbolt-summary-inner {
	background: var(--ck-peg);
	border: 1px solid #47494e;
	border-radius: 2px;
	color: #f1eee6;
}

body.ck-page-steel .spinbolt-summary-title {
	color: #fff;
	font-family: var(--ck-font-heading);
	font-weight: 400;
	text-transform: uppercase;
}

body.ck-page-steel :is(.spinbolt-summary-stats .stat, .spinbolt-summary-prizes) {
	background: var(--ck-steel);
	border-radius: 2px;
}

body.ck-page-steel .spinbolt-summary-stats .stat strong {
	color: var(--ck-accent);
}

body.ck-page-steel :is(.spinbolt-summary-stats .stat span, .spinbolt-summary-subtitle) {
	color: #c4c1b9;
}

body.ck-page-steel .spinbolt-summary-prize-row .name {
	color: #f1eee6;
}

body.ck-page-steel .spinbolt-summary-prize-row .count {
	background: var(--ck-accent);
	border-radius: 2px;
	color: var(--ck-ink);
}

body.ck-page-steel .spinbolt-summary-close {
	background: var(--ck-accent);
	border-radius: 2px;
	color: var(--ck-ink);
}

body.ck-page-steel .spinbolt-summary-close:hover {
	background: #fff;
}

/* Standard pages: a dark title strip. */
body.ck-skin.ck-page-steel.page:not(.home) .inside-article > .entry-header {
	background: var(--ck-steel);
	border: 0;
	border-left: 6px solid var(--ck-accent);
	margin: 24px 0 28px;
	padding: 26px 28px;
}

body.ck-skin.ck-page-steel.page:not(.home) .inside-article > .entry-header .entry-title {
	color: #fff;
	font-size: clamp(26px, 3.4vw, 44px);
	line-height: 1.1;
	text-transform: uppercase;
}

body.ck-page-steel .cse-policy-text {
	margin: 0 auto;
	max-width: 860px;
}

/* Basket as a dark tray, the total on a steel panel. */
body.ck-skin.ck-basket-toolbox .wc-block-cart-items,
body.ck-skin.ck-basket-toolbox .wc-block-cart-items tbody {
	display: block;
	width: 100%;
}

body.ck-skin.ck-basket-toolbox .wc-block-cart-items,
body.ck-skin.ck-basket-toolbox .wc-block-cart-items tr,
body.ck-skin.ck-basket-toolbox .wc-block-cart-items td,
body.ck-skin.ck-basket-toolbox .wc-block-cart-items th {
	border: 0 !important;
}

body.ck-skin.ck-basket-toolbox .wc-block-cart-items {
	background: var(--ck-steel);
	border-radius: 0;
	padding: 10px;
}

body.ck-skin.ck-basket-toolbox .wc-block-cart-items thead {
	display: none;
}

body.ck-skin.ck-basket-toolbox .wc-block-cart-items tr.wc-block-cart-items__row {
	align-items: start;
	background: var(--ck-steel-2);
	display: grid;
	gap: 16px;
	grid-template-columns: 96px minmax(0, 1fr) auto;
	margin: 0 0 8px;
	padding: 12px;
}

body.ck-skin.ck-basket-toolbox .wc-block-cart-items tr.wc-block-cart-items__row:last-child {
	margin-bottom: 0;
}

body.ck-skin.ck-basket-toolbox .wc-block-cart-items td {
	background: none;
	box-shadow: none;
	color: #fff;
	display: block;
	padding: 0;
	width: auto;
}

body.ck-skin.ck-basket-toolbox .wc-block-cart-items td :is(a, p, span, div) {
	color: inherit;
}

body.ck-skin.ck-basket-toolbox .wc-block-cart-item__image img {
	border: 0;
	border-radius: 0;
	max-width: 96px;
	width: 96px;
}

body.ck-skin.ck-basket-toolbox .wc-block-cart-items td a.wc-block-components-product-name,
body.ck-skin.ck-basket-toolbox .wc-block-cart-items td .wc-block-cart-item__remove-link,
body.ck-skin.ck-basket-toolbox .wc-block-cart-items td .wc-block-cart-item__remove-link svg {
	color: #fff !important;
	fill: currentColor;
}

body.ck-skin.ck-basket-toolbox .wc-block-components-product-name {
	font-family: var(--ck-font-body);
	font-size: 18px;
	font-weight: 700;
	line-height: 1.2;
}

body.ck-skin.ck-basket-toolbox .wc-block-components-quantity-selector {
	background: #fff;
	border-radius: 0;
	box-shadow: none;
}

body.ck-skin.ck-basket-toolbox .wc-block-components-quantity-selector * {
	color: var(--ck-ink);
}

body.ck-skin.ck-basket-toolbox .wc-block-cart__sidebar {
	background: var(--ck-steel);
	border: 0;
	border-radius: 0;
	color: #fff;
	padding: 18px;
}

body.ck-skin.ck-basket-toolbox .wc-block-cart__sidebar :is(.wc-block-cart__totals-title, h2, span, div, label, button):not(.wc-block-cart__submit-button, .wc-block-cart__submit-button *) {
	color: #fff !important;
}

body.ck-skin.ck-basket-toolbox .wc-block-cart__sidebar .wc-block-components-totals-footer-item :is(span, div) {
	color: var(--ck-accent) !important;
	font-family: var(--ck-font-body);
	font-weight: 700;
}

body.ck-skin.ck-basket-toolbox .wc-block-cart__sidebar .wc-block-cart__submit-button,
body.ck-skin.ck-basket-toolbox .wc-block-cart__sidebar .wc-block-cart__submit-button * {
	color: var(--ck-ink);
}

/* Account as a bank of dark lockers, entries as tags. */
.ck-skin.ck-account-locker .woocommerce-MyAccount-navigation {
	background: none;
	border: 0;
	border-radius: 0;
	padding: 0;
}

.ck-skin.ck-account-locker .woocommerce-MyAccount-navigation li {
	border: 0;
	margin: 0 0 4px;
}

.ck-skin.ck-account-locker .woocommerce-MyAccount-navigation li a {
	background: var(--ck-steel);
	border: 0;
	border-radius: 0;
	color: #fff;
	font-family: var(--ck-font-body);
	font-size: 15px;
	font-weight: 600;
	line-height: 1.2;
	padding: 13px 14px;
}

.ck-skin.ck-account-locker .woocommerce-MyAccount-navigation li.is-active a {
	background: var(--ck-accent);
	color: var(--ck-ink);
}

.ck-skin.ck-account-locker.woocommerce-account .woocommerce-MyAccount-content {
	background: var(--ck-surface);
	border: 0;
	border-radius: 0;
	box-shadow: var(--ck-lift);
	padding: 26px;
}

.ck-account-locker .ck-entries {
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}

.ck-skin.ck-account-locker a.ck-entry {
	background: var(--ck-surface-2);
	border: 0;
	border-left: 4px solid var(--ck-accent);
	border-radius: 0;
	color: var(--ck-ink);
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 14px;
}

.ck-account-locker .ck-entry__name {
	font-family: var(--ck-font-body);
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
}

.ck-skin.ck-account-locker .ck-account-tile {
	border-radius: 0;
}

/* Watch live: an emergency stop button and a plain steel player. */
body.ck-live-estop .cse-player-reopen {
	align-items: center;
	background: #c8170c;
	border: 2px solid #7d0c05;
	border-radius: 50%;
	box-shadow: 0 0 0 6px var(--ck-accent), 0 6px 16px 6px rgba(0, 0, 0, .3);
	color: #fff;
	display: flex;
	flex-direction: column;
	font-family: var(--ck-font-body);
	font-size: 12px;
	font-weight: 700;
	gap: 2px;
	height: 84px;
	justify-content: center;
	letter-spacing: .03em;
	line-height: 1.1;
	margin: 8px;
	padding: 6px;
	text-align: center;
	text-transform: uppercase;
	width: 84px;
}

body.ck-live-estop .cse-player-reopen[hidden] {
	display: none;
}

body.ck-live-estop .cse-player-reopen:active {
	transform: scale(.95);
}

body.ck-live-estop .cse-player {
	background: var(--ck-steel);
	border: 0;
	border-top: 4px solid var(--ck-accent);
	border-radius: 0;
	box-shadow: 0 14px 34px rgba(0, 0, 0, .35);
}

body.ck-live-estop .cse-player__bar strong {
	color: #fff;
	font-family: var(--ck-font-body);
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .04em;
	text-transform: uppercase;
}
/* WORKSHOP-LAYOUTS-END */

/* HARBOUR-LAYOUTS-START */
/* Harbour layouts. Each is a registry choice, so any look can use it. */
.ck-skin {
	--ck-deep: #0f2a3d;
	--ck-deep-2: #1a3b53;
	--ck-paper: #fbf7ee;
	--ck-sea-light: #8fd1c9;
	--ck-rope: repeating-linear-gradient(120deg, #e2c58f 0 3px, #b08a4e 3px 5px, #8a6534 5px 6px);
	--ck-wave: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 12' preserveAspectRatio='none'%3E%3Cpath d='M0 6Q10 0 20 6T40 6V12H0Z'/%3E%3C/svg%3E");
	--ck-waveline: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 8'%3E%3Cpath d='M0 4Q5 0 10 4T20 4' fill='none' stroke='black' stroke-width='1.4'/%3E%3C/svg%3E");
}

.ck-icon--anchor {
	--ck-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='5' r='2'/%3E%3Cpath d='M12 7v14M8 10.5h8M4.5 13a7.5 7.5 0 0 0 15 0M4.5 13 3 14.5M19.5 13l1.5 1.5'/%3E%3C/svg%3E");
}

/* Swallowtail buttons: square, with a notched flag end. */
.ck-skin.ck-btn-swallowtail .ck-btn,
.ck-skin.ck-btn-swallowtail .button,
.ck-skin.ck-btn-swallowtail .wp-element-button,
.ck-skin.ck-btn-swallowtail.single-product div.product form.cart .single_add_to_cart_button,
.ck-skin.ck-btn-swallowtail.ck-tm-style .lty-lucky-dip-button,
.ck-skin.ck-btn-swallowtail .cse-notify button,
.ck-skin.ck-btn-swallowtail .cse-notify input[type="submit"] {
	background: var(--ck-accent);
	border: 0;
	border-radius: 0;
	box-shadow: none;
	clip-path: polygon(0 0, 100% 0, calc(100% - 11px) 50%, 100% 100%, 0 100%);
	color: var(--ck-btn-text);
	font-family: var(--ck-font-body);
	font-size: 14px;
	font-weight: 800;
	letter-spacing: .08em;
	line-height: 1.3;
	padding: 14px 32px 14px 20px;
	text-decoration: none;
	text-transform: uppercase;
	transition: background .15s ease, color .15s ease;
}

.ck-skin.ck-btn-swallowtail .ck-btn:hover,
.ck-skin.ck-btn-swallowtail .button:hover,
.ck-skin.ck-btn-swallowtail .wp-element-button:hover,
.ck-skin.ck-btn-swallowtail.single-product div.product form.cart .single_add_to_cart_button:hover,
.ck-skin.ck-btn-swallowtail .cse-notify button:hover {
	background: var(--ck-deep);
	color: #fff;
}

/* A red to sea-glass fade reads as mud, so faded fills stay plain accent. */
body.ck-btn-swallowtail {
	--ck-fade: linear-gradient(var(--ck-accent), var(--ck-accent));
}

/* Round clock dials. */
.ck-tile-clock .ck-cd__unit {
	aspect-ratio: 1;
	background: var(--ck-deep);
	border: 0;
	border-radius: 50%;
	box-shadow: inset 0 0 0 2px var(--ck-deep), inset 0 0 0 3.5px #e9dcc0;
	height: 54px;
	justify-content: center;
	min-width: 0;
	padding: 0;
	width: 54px;
}

.ck-tile-clock .ck-cd__unit,
.ck-tile-clock .ck-cd__unit * {
	color: #fff;
}

.ck-tile-clock .ck-cd__unit b {
	font-size: 18px;
}

.ck-tile-clock .ck-cd__unit i {
	font-size: 9px;
	letter-spacing: .08em;
	opacity: .75;
}

/* Tide: the sold part fills like water, with a slow wave on top. */
.ck-bar-tide .ck-bar__track {
	background: color-mix(in srgb, var(--ck-accent-2) 14%, #fff);
	border: 0;
	border-radius: 0;
	box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ck-accent-2) 35%, transparent);
	height: 12px;
	overflow: hidden;
}

.ck-bar-tide .ck-bar__track span {
	animation: ck-tide 2.6s linear infinite;
	background: var(--ck-accent-2);
	border-radius: 0;
	display: block;
	height: 100%;
	-webkit-mask: var(--ck-wave) 0 0 / 16px 6px repeat-x, linear-gradient(#000, #000) 0 5px / 100% 100% no-repeat;
	mask: var(--ck-wave) 0 0 / 16px 6px repeat-x, linear-gradient(#000, #000) 0 5px / 100% 100% no-repeat;
}

@keyframes ck-tide {
	to {
		-webkit-mask-position: 16px 0, 0 5px;
		mask-position: 16px 0, 0 5px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.ck-bar-tide .ck-bar__track span {
		animation: none;
	}
}

/* Header: a dark bar edged with rope, the logo beside a life ring. */
.ck-skin.ck-header-rope .site-header {
	background: var(--ck-deep);
	border: 0;
}

.ck-skin.ck-header-rope .site-header::after {
	background: var(--ck-rope);
	bottom: 0;
	content: "";
	display: block;
	height: 6px;
	left: 0;
	position: absolute;
	right: 0;
}

.ck-skin.ck-header-rope .site-header .main-title {
	font-size: 29px;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1;
	margin: 0;
	text-transform: none;
}

.ck-skin.ck-header-rope .site-header .main-title a {
	align-items: center;
	color: #fff;
	display: inline-flex;
	gap: 10px;
}

.ck-skin.ck-header-rope .site-header .main-title a::before {
	background: conic-gradient(var(--ck-accent) 0 25%, #fff 0 50%, var(--ck-accent) 0 75%, #fff 0);
	border-radius: 50%;
	content: "";
	flex: none;
	height: 30px;
	-webkit-mask: radial-gradient(circle closest-side, transparent 0 52%, #000 54%);
	mask: radial-gradient(circle closest-side, transparent 0 52%, #000 54%);
	transform: rotate(45deg);
	width: 30px;
}

.ck-skin.ck-header-rope .site-header .main-title a span {
	color: var(--ck-sea-light);
}

@media (min-width: 769px) {
	.ck-skin.ck-header-rope .site-header .inside-header {
		align-items: center;
		display: flex;
		gap: 26px;
		justify-content: space-between;
		max-width: 1320px;
		padding: 16px 20px 22px;
	}

	.ck-skin.ck-header-rope .site-header .site-branding {
		margin: 0;
	}

	.ck-skin.ck-header-rope .site-header #site-navigation,
	.ck-skin.ck-header-rope .site-header #site-navigation .inside-navigation {
		background: none;
	}

	.ck-skin.ck-header-rope .site-header #site-navigation .inside-navigation {
		align-items: center;
		display: flex;
		gap: 10px;
	}

	.ck-skin.ck-header-rope .site-header #site-navigation .main-nav > ul {
		align-items: center;
		display: flex;
		gap: 6px;
	}

	.ck-skin.ck-header-rope .site-header #site-navigation .main-nav > ul > li > a {
		background: none;
		box-shadow: inset 0 -2px 0 transparent;
		color: #dfe7ec;
		font-family: var(--ck-font-body);
		font-size: 14px;
		font-weight: 700;
		letter-spacing: .08em;
		line-height: 40px;
		padding: 0 12px;
		text-transform: uppercase;
	}

	.ck-skin.ck-header-rope .site-header #site-navigation .main-nav > ul > li:hover > a,
	.ck-skin.ck-header-rope .site-header #site-navigation .main-nav > ul > li.current-menu-item > a {
		box-shadow: inset 0 -2px 0 var(--ck-sea-light);
		color: #fff;
	}
}

.ck-skin.ck-header-rope .menu-bar-items .ck-menu-login,
.ck-skin.ck-header-rope .menu-bar-items .ck-menu-login .ck-menu-label,
.ck-skin.ck-header-rope .ck-menu-icon,
.ck-skin.ck-header-rope .menu-toggle,
.ck-skin.ck-header-rope .menu-toggle .gp-icon {
	color: #fff;
}

.ck-skin.ck-header-rope .menu-bar-items .ck-menu-login {
	background: none;
	border: 1px solid rgba(255, 255, 255, .35);
	border-radius: 0;
	font-family: var(--ck-font-body);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
}

.ck-skin.ck-header-rope .ck-menu-cta {
	background: var(--ck-accent);
	border: 0;
	border-radius: 0;
	clip-path: polygon(0 0, 100% 0, calc(100% - 8px) 50%, 100% 100%, 0 100%);
	color: #fff;
	font-family: var(--ck-font-body);
	font-size: 13px;
	font-weight: 800;
	letter-spacing: .06em;
	padding-right: 20px;
	text-transform: uppercase;
}

.ck-skin.ck-header-rope .menu-bar-items .ck-icon {
	background-color: #fff;
}

.ck-skin.ck-header-rope .ck-cart-count {
	background: var(--ck-accent);
	border-radius: 0;
	color: #fff;
}

@media (max-width: 768px) {
	.ck-skin.ck-header-rope .site-header .main-title {
		font-size: 22px;
	}

	.ck-skin.ck-header-rope .site-header .main-title a::before {
		height: 24px;
		width: 24px;
	}
}

/* Porthole hero: the prize as a round photo in a compass ring. */
.ck-home-top:has(.ck-porthole),
.ck-home-top:has(.ck-porthole)::before,
.ck-home-top:has(.ck-porthole)::after {
	background: none;
	border: 0;
	box-shadow: none;
}

.ck-home-top:has(.ck-porthole)::before,
.ck-home-top:has(.ck-porthole)::after {
	display: none;
}

.ck-home-top:has(.ck-porthole) {
	padding: 0;
}

.ck-porthole {
	background: var(--ck-deep);
	color: #fff;
	overflow: hidden;
	position: relative;
}

/* The sea meets the page in a wave. */
.ck-porthole::after {
	background: var(--ck-bg);
	bottom: -1px;
	content: "";
	height: 20px;
	left: 0;
	-webkit-mask: var(--ck-wave) 0 0 / 80px 20px repeat-x;
	mask: var(--ck-wave) 0 0 / 80px 20px repeat-x;
	position: absolute;
	right: 0;
}

.ck-porthole__inner {
	align-items: center;
	display: grid;
	gap: 26px 64px;
	grid-template-areas: "text ring" "next ring";
	grid-template-columns: minmax(0, 1fr) minmax(0, 500px);
	margin: 0 auto;
	max-width: 1320px;
	padding: 52px 20px 76px;
}

.ck-porthole__text {
	align-self: end;
	grid-area: text;
}

.ck-porthole__kicker {
	align-items: center;
	color: var(--ck-sea-light);
	display: flex;
	font-size: 13px;
	font-weight: 800;
	gap: 10px;
	letter-spacing: .18em;
	margin: 0 0 12px;
	text-transform: uppercase;
}

.ck-porthole__kicker::before {
	background: var(--ck-accent);
	clip-path: polygon(50% 0, 62% 38%, 100% 50%, 62% 62%, 50% 100%, 38% 62%, 0 50%, 38% 38%);
	content: "";
	flex: none;
	height: 14px;
	width: 14px;
}

.ck-skin .ck-porthole__title {
	font-size: clamp(38px, 5vw, 68px);
	font-weight: 700;
	letter-spacing: -.01em;
	line-height: 1.02;
	margin: 0 0 16px;
	text-transform: none;
}

.ck-skin .ck-porthole__title a {
	color: #fff;
	text-decoration: none;
}

.ck-porthole__about {
	color: #d3dee6;
	font-size: 18px;
	line-height: 1.5;
	margin: 0 0 20px;
	max-width: 46ch;
}

.ck-porthole .ck-cd {
	margin: 0 0 22px;
}

.ck-porthole .ck-cd__tiles {
	gap: 10px;
}

.ck-porthole.ck-porthole .ck-cd__unit {
	box-shadow: inset 0 0 0 2px var(--ck-deep-2), inset 0 0 0 3.5px #e9dcc0;
	background: var(--ck-deep-2);
	height: 62px;
	width: 62px;
}

.ck-porthole__buy .ck-btn {
	font-size: 15px;
	padding: 16px 38px 16px 24px;
}

.ck-porthole__ring {
	aspect-ratio: 1;
	background: var(--ck-deep-2);
	border-radius: 50%;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, .2), 0 24px 60px rgba(0, 0, 0, .35);
	display: block;
	grid-area: ring;
	padding: 26px;
	position: relative;
	width: 100%;
}

/* Compass ticks round the rim, longer at the four points. */
.ck-porthole__ring::before {
	background:
		repeating-conic-gradient(rgba(244, 239, 228, .95) 0 1.2deg, transparent 1.2deg 90deg),
		repeating-conic-gradient(rgba(244, 239, 228, .45) 0 .5deg, transparent .5deg 7.5deg);
	border-radius: 50%;
	content: "";
	inset: 4px;
	-webkit-mask: radial-gradient(circle closest-side, transparent calc(100% - 14px), #000 calc(100% - 14px));
	mask: radial-gradient(circle closest-side, transparent calc(100% - 14px), #000 calc(100% - 14px));
	position: absolute;
}

.ck-porthole__glass {
	border-radius: 50%;
	box-shadow: 0 0 0 3px #e9dcc0, inset 0 0 30px rgba(0, 0, 0, .3);
	display: block;
	height: 100%;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.ck-skin .ck-porthole__img {
	height: 100%;
	inset: 0;
	max-width: none;
	object-fit: cover;
	position: absolute;
	width: 100%;
}

.ck-porthole .ck-patch__price {
	--ck-patch-size: 100px;
	right: 2%;
	top: 4%;
	z-index: 3;
}

.ck-porthole__next {
	align-self: start;
	border-top: 1px solid rgba(255, 255, 255, .18);
	grid-area: next;
	padding-top: 14px;
}

.ck-skin .ck-porthole__head {
	color: var(--ck-sea-light);
	font-family: var(--ck-font-body);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .16em;
	margin: 0 0 6px;
	text-transform: uppercase;
}

.ck-porthole__next ol {
	list-style: none;
	margin: 0 0 10px;
	padding: 0;
}

.ck-skin a.ck-porthole__row {
	align-items: baseline;
	border-bottom: 1px solid rgba(255, 255, 255, .1);
	color: #eef2f4;
	display: grid;
	font-size: 15px;
	gap: 14px;
	grid-template-columns: minmax(0, 1fr) auto auto;
	padding: 9px 0;
	text-decoration: none;
}

.ck-skin a.ck-porthole__row:hover .ck-porthole__name {
	text-decoration: underline;
}

.ck-porthole__name {
	font-weight: 600;
}

.ck-porthole__when {
	color: #a9bccb;
	font-size: 13px;
}

.ck-porthole__fee {
	font-weight: 800;
}

body.ck-skin .ck-porthole__next a.ck-view-all {
	--ck-text: var(--ck-sea-light);
	border-bottom-color: var(--ck-sea-light);
	display: inline-block;
	margin: 4px 0 0;
}

body.ck-skin .ck-porthole__next a.ck-view-all .ck-icon {
	background-color: var(--ck-sea-light);
}

@media (max-width: 960px) {
	.ck-porthole__inner {
		gap: 22px;
		grid-template-areas: "ring" "text" "next";
		grid-template-columns: minmax(0, 1fr);
		padding: 26px 16px 56px;
	}

	.ck-porthole__ring {
		justify-self: center;
		max-width: 340px;
		padding: 18px;
	}

	.ck-porthole .ck-patch__price {
		--ck-patch-size: 80px;
	}

	.ck-porthole__about {
		font-size: 16px;
	}
}

/* Postage stamp price: perforated edges and a fine inset frame. */
body.ck-shape-stamp .ck-patch__price {
	--ck-patch-size: 86px;
	background: var(--ck-paper);
	border-radius: 0;
	color: var(--ck-deep);
	height: calc(var(--ck-patch-size) * 1.14);
	-webkit-mask: radial-gradient(circle, transparent 2.6px, #000 3px) -4px -4px / 8px 8px repeat, linear-gradient(#000, #000) content-box;
	mask: radial-gradient(circle, transparent 2.6px, #000 3px) -4px -4px / 8px 8px repeat, linear-gradient(#000, #000) content-box;
	padding: 5px;
	transform: rotate(3deg);
}

body.ck-shape-stamp .ck-patch__price::before {
	border: 1.5px solid var(--ck-accent);
	border-radius: 0;
	inset: 9px;
	opacity: 1;
}

body.ck-shape-stamp .ck-patch__price :is(b, small) {
	position: relative;
	z-index: 1;
}

body.ck-shape-stamp .ck-patch__price b {
	color: var(--ck-accent);
	font-family: var(--ck-font-heading);
	font-size: calc(var(--ck-patch-size) * .27);
	font-weight: 700;
}

body.ck-shape-stamp .ck-patch__price small {
	font-size: calc(var(--ck-patch-size) * .105);
	letter-spacing: .1em;
	margin-top: 2px;
}

/* Postcard card: a white-bordered photo with a postmark, details on the back. */
.ck-skin ul.products li.product.ck-card--postcard,
.ck-skin ul.products li.product.ck-card--postcard .ck-card__media,
.ck-skin .ck-card--postcard .ck-card__media {
	aspect-ratio: auto;
	background: none;
	height: auto;
	overflow: visible;
}

body.ck-skin ul.products.ck-grid li.product.ck-card--postcard,
.ck-skin .ck-card.ck-card--postcard {
	background: #fff;
	border: 0;
	border-radius: 2px;
	box-shadow: 0 1px 2px rgba(15, 42, 61, .12), 0 10px 26px rgba(15, 42, 61, .1);
	clip-path: none;
	display: flex;
	flex-direction: column;
	padding: 10px 10px 0;
	position: relative;
}

.ck-card--postcard .ck-card__media {
	display: block;
	position: relative;
}

.ck-skin .ck-card--postcard .ck-card__media::after {
	display: none;
}

.ck-postcard__photo {
	display: block;
	overflow: hidden;
	position: relative;
}

.ck-skin ul.products li.product.ck-card--postcard .ck-card__media .ck-card__img,
.ck-card--postcard .ck-card__img {
	aspect-ratio: 3 / 2;
	display: block;
	height: 100%;
	margin: 0;
	object-fit: cover;
	transition: transform .4s ease;
	width: 100%;
}

.ck-card--postcard:hover .ck-card__img {
	transform: scale(1.03);
}

.ck-card--postcard.is-closed .ck-card__img {
	filter: grayscale(1);
}

.ck-card--postcard .ck-patch__price {
	right: -6px;
	top: -6px;
	z-index: 4;
}

.ck-card--postcard .ck-patch__tags {
	align-items: flex-start;
	bottom: 10px;
	display: flex;
	flex-direction: column;
	gap: 4px;
	left: 10px;
	right: 96px;
	top: auto;
}

.ck-card--postcard .ck-patch__tag {
	background: rgba(15, 42, 61, .88);
	border-radius: 0;
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .05em;
	padding: 5px 8px;
	text-transform: uppercase;
}

/* The postmark: a round date with wavy cancel lines beside it. */
.ck-postcard__mark {
	align-items: center;
	border: 2px solid rgba(255, 255, 255, .92);
	border-radius: 50%;
	bottom: 12px;
	color: #fff;
	display: flex;
	flex-direction: column;
	height: 70px;
	justify-content: center;
	line-height: 1;
	position: absolute;
	right: 14px;
	text-shadow: 0 1px 3px rgba(0, 0, 0, .45);
	transform: rotate(-12deg);
	width: 70px;
	z-index: 3;
}

.ck-postcard__mark::before {
	background: rgba(255, 255, 255, .85);
	content: "";
	height: 22px;
	-webkit-mask: var(--ck-waveline) 0 0 / 14px 7px repeat;
	mask: var(--ck-waveline) 0 0 / 14px 7px repeat;
	position: absolute;
	right: calc(100% + 4px);
	top: 50%;
	transform: translateY(-50%);
	width: 52px;
}

.ck-postcard__mark b {
	font-family: var(--ck-font-heading);
	font-size: 26px;
	font-weight: 700;
}

.ck-postcard__mark small {
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.ck-postcard__back {
	display: grid;
	flex: 1;
	grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
	padding: 14px 4px 14px;
}

.ck-postcard__note {
	border-right: 1px solid rgba(15, 42, 61, .18);
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding-right: 14px;
}

.ck-postcard__cat {
	color: var(--ck-accent-2);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .14em;
	text-transform: uppercase;
}

.ck-skin ul.products li.product.ck-card--postcard .ck-card__title,
.ck-skin .ck-card--postcard .ck-card__title {
	font-family: var(--ck-font-heading);
	font-size: 21px;
	font-weight: 700;
	line-height: 1.15;
	margin: 0;
	padding: 0;
	text-transform: none;
}

.ck-card--postcard .ck-card__title a {
	color: var(--ck-deep);
	text-decoration: none;
}

/* The right of the card is ruled like the address side. */
.ck-postcard__lines {
	background: repeating-linear-gradient(180deg, transparent 0 23px, rgba(15, 42, 61, .12) 23px 24px);
	display: flex;
	flex-direction: column;
	gap: 10px;
	justify-content: flex-end;
	padding-left: 14px;
}

.ck-postcard__lines .ck-bar__meta * {
	color: var(--ck-deep);
}

.ck-postcard__back > .ck-btn {
	grid-column: 1 / -1;
	justify-content: center;
	margin-top: 14px;
	text-align: center;
}

@media (max-width: 520px) {
	.ck-postcard__back {
		grid-template-columns: minmax(0, 1fr);
		row-gap: 12px;
	}

	.ck-postcard__note {
		border-bottom: 1px solid rgba(15, 42, 61, .18);
		border-right: 0;
		padding: 0 0 12px;
	}

	.ck-postcard__lines {
		background: none;
		padding: 0;
	}

	.ck-postcard__back > .ck-btn {
		margin-top: 2px;
	}
}

/* Listing: cards moored either side of a centre line. */
@media (min-width: 900px) {
	body.ck-skin.ck-archive-jetty:not(.home):not(.single-product) .entry-content > ul.products.ck-grid {
		column-gap: 120px;
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		margin-inline: auto;
		max-width: 1080px;
		padding-bottom: 180px;
		position: relative;
		row-gap: 44px;
	}

	body.ck-skin.ck-archive-jetty:not(.home):not(.single-product) .entry-content > ul.products.ck-grid::before {
		background: var(--ck-deep);
		bottom: 0;
		content: "";
		display: block;
		left: 50%;
		position: absolute;
		top: -10px;
		transform: translateX(-50%);
		width: 6px;
	}

	body.ck-skin.ck-archive-jetty:not(.home):not(.single-product) .entry-content > ul.products.ck-grid::after {
		display: none;
	}

	body.ck-skin.ck-archive-jetty:not(.home):not(.single-product) .entry-content > ul.products.ck-grid > li.product {
		margin: 0;
		overflow: visible;
		width: auto;
	}

	body.ck-skin.ck-archive-jetty:not(.home):not(.single-product) .entry-content > ul.products.ck-grid > li.product:nth-child(even) {
		transform: translateY(180px);
	}

	/* A mooring line from each card to the centre, tied off on a bollard. */
	body.ck-archive-jetty:not(.home):not(.single-product) .entry-content > ul.products.ck-grid > li.product::after {
		background: var(--ck-rope);
		content: "";
		height: 4px;
		left: 100%;
		position: absolute;
		top: 34%;
		width: 60px;
	}

	body.ck-archive-jetty:not(.home):not(.single-product) .entry-content > ul.products.ck-grid > li.product:nth-child(even)::after {
		left: auto;
		right: 100%;
	}

	body.ck-archive-jetty:not(.home):not(.single-product) .entry-content > ul.products.ck-grid > li.product::before {
		background: var(--ck-deep);
		border: 3px solid var(--ck-bg);
		border-radius: 50%;
		content: "";
		height: 18px;
		left: calc(100% + 51px);
		position: absolute;
		top: calc(34% - 7px);
		width: 18px;
		z-index: 2;
	}

	body.ck-archive-jetty:not(.home):not(.single-product) .entry-content > ul.products.ck-grid > li.product:nth-child(even)::before {
		left: auto;
		right: calc(100% + 51px);
	}
}

/* Section heading: a compass line over the title. */
body.ck-head-bearing .ck-section__head {
	align-items: flex-end;
	border: 0;
	flex-wrap: wrap;
	gap: 10px 24px;
	padding-bottom: 6px;
}

body.ck-head-bearing .ck-section__head > div {
	flex: 1 1 320px;
	min-width: 0;
}

body.ck-skin.ck-head-bearing .ck-kicker {
	align-items: center;
	background: none;
	border: 0;
	border-radius: 0;
	color: var(--ck-accent-2);
	display: flex;
	font-size: 12px;
	font-weight: 800;
	gap: 10px;
	letter-spacing: .18em;
	margin: 0 0 8px;
	padding: 0;
	text-transform: uppercase;
}

body.ck-head-bearing .ck-kicker::before {
	background: var(--ck-accent);
	clip-path: polygon(50% 0, 62% 38%, 100% 50%, 62% 62%, 50% 100%, 38% 62%, 0 50%, 38% 38%);
	content: "";
	flex: none;
	height: 13px;
	width: 13px;
}

body.ck-head-bearing .ck-kicker::after {
	background:
		repeating-linear-gradient(90deg, currentColor 0 1px, transparent 1px 48px) 0 100% / 100% 9px no-repeat,
		repeating-linear-gradient(90deg, currentColor 0 1px, transparent 1px 8px) 0 100% / 100% 4px no-repeat;
	border-bottom: 1px solid currentColor;
	content: "";
	flex: 1;
	height: 9px;
	opacity: .55;
}

body.ck-skin.ck-head-bearing .ck-section__title {
	color: var(--ck-deep);
	font-size: clamp(30px, 3.4vw, 46px);
	font-weight: 700;
	text-transform: none;
}

/* Filters: a small signal flag beside each word. */
body.ck-skin.ck-filter-flags .ck-tabs {
	background: none;
	border: 0;
	box-shadow: none;
	flex-wrap: wrap;
	gap: 4px 24px;
	padding: 0;
}

body.ck-skin.ck-filter-flags .ck-tabs .ck-tab {
	align-items: center;
	background: none;
	border: 0;
	border-radius: 0;
	box-shadow: inset 0 -2px 0 transparent;
	color: var(--ck-deep);
	display: inline-flex;
	font-family: var(--ck-font-body);
	font-size: 15px;
	font-weight: 700;
	gap: 9px;
	padding: 7px 0;
}

body.ck-skin.ck-filter-flags .ck-tabs .ck-tab::before {
	background: linear-gradient(90deg, #fff 50%, #c62a2f 50%);
	box-shadow: 0 0 0 1px rgba(15, 42, 61, .3);
	content: "";
	flex: none;
	height: 13px;
	width: 18px;
}

body.ck-filter-flags .ck-tabs .ck-tab:nth-child(5n+2)::before {
	background: linear-gradient(#fff, #fff) center / 44% 40% no-repeat, #1d4f91;
}

body.ck-filter-flags .ck-tabs .ck-tab:nth-child(5n+3)::before {
	background: conic-gradient(#f2c230 25%, #0f2a3d 0 50%, #f2c230 0 75%, #0f2a3d 0) 0 0 / 50% 50%;
}

body.ck-filter-flags .ck-tabs .ck-tab:nth-child(5n+4)::before {
	background: linear-gradient(to top right, #f2c230 50%, #c62a2f 50%);
}

body.ck-filter-flags .ck-tabs .ck-tab:nth-child(5n)::before {
	background: linear-gradient(#1d4f91 0 33%, #fff 33% 67%, #1d4f91 67%);
}

body.ck-skin.ck-filter-flags .ck-tabs .ck-tab:hover,
body.ck-skin.ck-filter-flags .ck-tabs .ck-tab.is-active {
	background: none;
	box-shadow: inset 0 -2px 0 var(--ck-accent);
	color: var(--ck-deep);
}

body.ck-skin.ck-filter-flags .ck-tabs .ck-tab span {
	color: inherit;
	margin-left: 2px;
	opacity: .55;
}

/* Single page, Logbook: an open book bound in navy. The entry sits on the
   ruled left page, so the buy button stays clear of the live draw window in
   the bottom corner, and the photo is pasted on the right page. */
@media (min-width: 961px) {
	body.ck-skin.ck-single-logbook.single-product div.product {
		column-gap: 0;
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		position: relative;
	}

	body.ck-skin.ck-single-logbook.single-product div.product::before {
		align-self: stretch;
		background: var(--ck-deep);
		display: block;
		border-radius: 6px;
		box-shadow: 0 18px 40px rgba(15, 42, 61, .22);
		content: "";
		grid-column: 1 / -1;
		grid-row: 1;
	}

	body.ck-skin.ck-single-logbook.single-product div.product > * {
		grid-column: 1 / -1;
	}

	body.ck-skin.ck-single-logbook.single-product div.product > .woocommerce-product-gallery {
		align-self: stretch;
		background: var(--ck-paper);
		border: 0;
		border-left: 1px solid rgba(15, 42, 61, .14);
		border-radius: 0 3px 3px 0;
		box-shadow: inset 24px 0 26px -22px rgba(0, 0, 0, .3);
		float: none;
		grid-column: 2;
		grid-row: 1;
		margin: 14px 14px 14px 0;
		padding: 34px 34px 30px;
		position: relative;
		top: auto;
		width: auto;
	}

	body.ck-skin.ck-single-logbook.single-product div.product > .summary {
		align-self: stretch;
		background:
			linear-gradient(90deg, transparent 0 22px, rgba(198, 42, 47, .35) 22px 23px, transparent 23px),
			repeating-linear-gradient(180deg, transparent 0 31px, rgba(63, 143, 138, .2) 31px 32px),
			var(--ck-paper);
		border: 0;
		border-radius: 3px 0 0 3px;
		box-shadow: inset -24px 0 26px -22px rgba(0, 0, 0, .3);
		float: none;
		grid-column: 1;
		grid-row: 1;
		margin: 14px 0 14px 14px;
		padding: 34px 36px 30px 44px;
		position: relative;
		top: auto;
		width: auto;
	}
}

@media (min-width: 961px) {
	/* The pasted photo fills the left page. */
	body.ck-skin.ck-single-logbook.single-product div.product .woocommerce-product-gallery :is(.flex-viewport, .woocommerce-product-gallery__wrapper, .woocommerce-product-gallery__image, .woocommerce-product-gallery__image > a) {
		height: 100% !important;
	}

	body.ck-skin.ck-single-logbook.single-product div.product .woocommerce-product-gallery:has(.flex-control-thumbs) :is(.flex-viewport, .woocommerce-product-gallery__wrapper) {
		height: calc(100% - 90px) !important;
	}

	body.ck-skin.ck-single-logbook.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__image img:not(.zoomImg) {
		height: 100%;
		object-fit: cover;
		width: 100%;
	}
}

/* The photo is pasted in with a white border. */
body.ck-skin.ck-single-logbook.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__image img:not(.zoomImg) {
	background: #fff;
	border-radius: 0;
	box-shadow: 0 2px 8px rgba(15, 42, 61, .2);
	padding: 8px;
}

body.ck-skin.ck-single-logbook.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
	display: flex;
	gap: 8px;
	margin: 14px 0 0;
}

body.ck-skin.ck-single-logbook.single-product div.product .woocommerce-product-gallery .flex-control-thumbs img {
	background: #fff;
	border-radius: 0;
	padding: 3px;
}

body.ck-skin.ck-single-logbook.single-product div.product > .summary > .product_title {
	color: var(--ck-deep);
	font-size: clamp(30px, 3vw, 44px);
	font-weight: 700;
	line-height: 1.08;
	margin: 0 0 14px;
	text-transform: none;
}

body.ck-skin.ck-single-logbook.single-product div.product > .summary > .price,
body.ck-skin.ck-single-logbook.single-product div.product > .summary > .price * {
	color: var(--ck-accent);
	font-family: var(--ck-font-heading);
	font-weight: 700;
}

body.ck-skin.ck-single-logbook.single-product div.product > .summary > .price {
	font-size: 34px;
	margin: 6px 0 12px;
}

body.ck-skin.ck-single-logbook.single-product div.product form.cart {
	background: none;
	border: 0;
	box-shadow: none;
	padding: 0;
}

body.ck-skin.ck-single-logbook.single-product div.product form.cart .quantity input {
	background: #fff;
	border: 1.5px solid var(--ck-deep);
	border-radius: 0;
	color: var(--ck-deep);
	font-weight: 800;
}

body.ck-skin.ck-single-logbook.single-product .ck-steps {
	margin-top: 52px;
}

@media (max-width: 960px) {
	body.ck-skin.ck-single-logbook.single-product div.product {
		background: var(--ck-deep);
		border-radius: 6px;
		padding: 10px;
	}

	body.ck-skin.ck-single-logbook.single-product div.product > .woocommerce-product-gallery {
		background: var(--ck-paper);
		box-shadow: inset 0 -20px 22px -20px rgba(0, 0, 0, .3);
		margin: 0;
		padding: 18px;
	}

	body.ck-skin.ck-single-logbook.single-product div.product > .summary {
		background:
			repeating-linear-gradient(180deg, transparent 0 31px, rgba(63, 143, 138, .2) 31px 32px),
			var(--ck-paper);
		border-top: 1px solid rgba(15, 42, 61, .14);
		box-shadow: inset 0 20px 22px -20px rgba(0, 0, 0, .3);
		margin: 0;
		padding: 22px 18px;
	}

	body.ck-skin.ck-single-logbook.single-product div.product > :not(.woocommerce-product-gallery):not(.summary) {
		background: var(--ck-bg);
		margin-left: -10px;
		margin-right: -10px;
		padding-left: 10px;
		padding-right: 10px;
	}
}

/* Facts as a tide table: ruled lines with wave rules, clock dials. */
body.ck-skin.ck-tm-style.ck-facts-tide .lty-lottery-product-summary {
	--ck-accent-2: var(--ck-accent);
	background: none;
	border: 0;
	border-bottom: 2px solid var(--ck-deep);
	border-radius: 0;
	border-top: 2px solid var(--ck-deep);
	box-shadow: none;
	color: var(--ck-deep);
	gap: 0;
	grid-template-columns: minmax(0, 1fr);
	margin: 6px 0 16px;
	padding: 0 0 4px;
}

body.ck-skin.ck-tm-style.ck-facts-tide .lty-lottery-product-summary > p.lty-lottery-status {
	background: var(--ck-deep);
	border: 0;
	color: #fff;
	font-family: var(--ck-font-body);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .14em;
	margin: 0;
	order: 0;
	padding: 7px 10px;
	text-transform: uppercase;
}

body.ck-skin.ck-tm-style.ck-facts-tide .lty-lottery-product-summary > p.lty-lottery-status span {
	background: none;
	color: inherit;
	padding: 0;
}

body.ck-skin.ck-tm-style.ck-facts-tide .lty-lottery-product-summary > .lty-lottery-date-ranges {
	background: none;
	border: 0;
	margin: 14px 0 10px;
	order: 1;
	padding: 0;
}

body.ck-skin.ck-tm-style.ck-facts-tide .lty-lottery-time-left-label {
	color: #2f7a75;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .12em;
	margin: 0 0 10px;
	padding: 0;
	text-transform: uppercase;
}

body.ck-skin.ck-tm-style.ck-facts-tide .lty-lottery-countdown-timer {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

body.ck-skin.ck-tm-style.ck-facts-tide .lty-lottery-timer {
	align-items: center;
	aspect-ratio: 1;
	background: var(--ck-deep);
	border: 0;
	border-radius: 50%;
	box-shadow: inset 0 0 0 3px var(--ck-deep), inset 0 0 0 4.5px #e9dcc0;
	display: flex;
	flex: none;
	flex-direction: column;
	justify-content: center;
	min-width: 0;
	padding: 0;
	text-align: center;
	width: 66px;
}

body.ck-skin.ck-tm-style.ck-facts-tide .lty-lottery-timer-content {
	color: #fff !important;
	font-size: 10px !important;
	letter-spacing: .06em;
}

body.ck-skin.ck-tm-style.ck-facts-tide .lty-lottery-timer-content:first-child {
	display: block;
	font-family: var(--ck-font-heading);
	font-size: 23px !important;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.05;
}

body.ck-skin.ck-tm-style.ck-facts-tide .lty-lottery-product-summary > p.ck-fact {
	align-items: baseline;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 8'%3E%3Cpath d='M0 4Q5 0 10 4T20 4' fill='none' stroke='%233f8f8a' stroke-opacity='.45' stroke-width='1.2'/%3E%3C/svg%3E") 0 100% / 20px 6px repeat-x;
	border: 0;
	display: flex !important;
	flex-direction: row;
	gap: 12px;
	justify-content: space-between;
	margin: 0;
	order: 3;
	padding: 9px 0 11px;
}

body.ck-skin.ck-tm-style.ck-facts-tide .lty-lottery-product-summary > p.ck-fact:last-child {
	background: none;
}

body.ck-skin.ck-tm-style.ck-facts-tide .lty-lottery-product-summary > p.lty-gift-product-notice {
	display: block !important;
	order: 2;
}

body.ck-skin.ck-tm-style.ck-facts-tide .ck-fact__label {
	color: #4f6475;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .1em;
	text-transform: uppercase;
}

body.ck-skin.ck-tm-style.ck-facts-tide .ck-fact__value {
	color: var(--ck-deep);
	font-family: var(--ck-font-heading);
	font-size: 18px;
	font-weight: 700;
	margin: 0;
	text-align: right;
}

body.ck-skin.ck-tm-style.ck-facts-tide .lty-gift-product-notice .ck-fact__label {
	display: block;
	margin-bottom: 4px;
}

body.ck-skin.ck-tm-style.ck-facts-tide .lty-gift-product-notice .ck-fact__value {
	display: block;
	font-size: 17px;
	text-align: left;
}

/* How it works: numbered channel markers on a wave line. */
.ck-skin.ck-steps-buoys .ck-steps {
	background: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	padding: 10px 0 0;
}

.ck-skin.ck-steps-buoys .ck-steps ol {
	padding-bottom: 34px;
	position: relative;
}

.ck-skin.ck-steps-buoys .ck-steps ol::after {
	background: var(--ck-accent-2);
	bottom: 0;
	content: "";
	height: 16px;
	left: 0;
	-webkit-mask: var(--ck-wave) 0 0 / 34px 16px repeat-x;
	mask: var(--ck-wave) 0 0 / 34px 16px repeat-x;
	opacity: .45;
	position: absolute;
	right: 0;
}

.ck-steps-buoys .ck-steps__item {
	background: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	padding: 0 14px;
	position: relative;
	text-align: center;
}

.ck-steps-buoys .ck-steps__icon {
	display: none;
}

.ck-skin.ck-steps-buoys .ck-steps__num {
	align-items: flex-start;
	background: linear-gradient(transparent 0 46%, #fff 46% 60%, transparent 60%), var(--ck-accent);
	border: 0;
	border-radius: 50% 50% 6px 6px / 42% 42% 6px 6px;
	box-shadow: 0 6px 0 -2px rgba(15, 42, 61, .25);
	color: #fff;
	display: flex;
	font-family: var(--ck-font-heading);
	font-size: 20px;
	font-weight: 700;
	height: 60px;
	justify-content: center;
	margin: 0 auto 16px;
	padding-top: 7px;
	position: static;
	width: 46px;
}

.ck-skin.ck-steps-buoys .ck-steps__item:nth-child(even) .ck-steps__num {
	background: linear-gradient(transparent 0 46%, #fff 46% 60%, transparent 60%), #2f7d4f;
	border-radius: 6px 6px 6px 6px;
}

.ck-skin.ck-steps-buoys .ck-steps__item b {
	color: var(--ck-deep);
	font-family: var(--ck-font-heading);
	font-size: 20px;
	font-weight: 700;
}

/* Sign-up: a framed harbour notice, the email on a ruled line. */
body.ck-signup-notice .cse-notify-strip {
	background: none;
	padding: 40px 16px;
}

body.ck-signup-notice .cse-notify-strip .cse-notify {
	background: var(--ck-paper);
	border: 2px solid var(--ck-deep);
	border-radius: 0;
	box-shadow: 0 10px 26px rgba(15, 42, 61, .1);
	color: var(--ck-deep);
	margin: 0 auto;
	max-width: 820px;
	outline: 1px solid var(--ck-deep);
	outline-offset: -9px;
	padding: 40px 44px 34px;
	position: relative;
	text-align: center;
}

body.ck-signup-notice .cse-notify-strip .cse-notify::before {
	background: var(--ck-accent);
	color: #fff;
	content: "Notice";
	font-family: var(--ck-font-body);
	font-size: 12px;
	font-weight: 800;
	left: 50%;
	letter-spacing: .22em;
	padding: 6px 16px;
	position: absolute;
	text-transform: uppercase;
	top: -14px;
	transform: translateX(-50%);
}

body.ck-signup-notice .cse-notify-strip .cse-notify :is(h2, h3, strong, p, label) {
	color: var(--ck-deep);
}

body.ck-signup-notice .cse-notify-strip .cse-notify :is(h2, h3) {
	font-family: var(--ck-font-heading);
	font-weight: 700;
	text-transform: none;
}

body.ck-signup-notice .cse-notify-strip input:not([type="submit"]):not([type="checkbox"]) {
	background: transparent;
	border: 0;
	border-bottom: 2px solid var(--ck-deep);
	border-radius: 0;
	box-shadow: none;
	color: var(--ck-deep);
}

/* Footer: a wave edge over a dark sea. */
body.ck-footer-tideline .site-footer {
	--ck-text: #eef2f4;
	--ck-muted: #a9bccb;
	--ck-line: rgba(255, 255, 255, .16);
	background: var(--ck-deep);
	border-top: 0;
	color: var(--ck-text);
	margin-top: 90px;
	position: relative;
}

body.ck-footer-tideline .site-footer::before {
	background: var(--ck-deep);
	content: "";
	height: 24px;
	left: 0;
	-webkit-mask: var(--ck-wave) 0 0 / 70px 24px repeat-x;
	mask: var(--ck-wave) 0 0 / 70px 24px repeat-x;
	position: absolute;
	right: 0;
	top: -23px;
}

/* This footer turns the text light, so the payment marks need a dark card too. */
body.ck-footer-tideline .ck-foot__pay {
	--ck-surface: var(--ck-deep-2);
	--ck-text: #fff;
}

body.ck-footer-tideline .site-footer .site-info,
body.ck-footer-tideline .site-footer .inside-site-info {
	background: none;
}

body.ck-skin.ck-footer-tideline .site-info .ck-foot__logo {
	color: #fff;
	display: inline-block;
	font-family: var(--ck-font-heading);
	font-size: clamp(26px, 3vw, 36px);
	font-weight: 700;
	line-height: 1;
}

body.ck-skin.ck-footer-tideline .site-info .ck-foot__logo span {
	color: var(--ck-sea-light);
}

body.ck-skin.ck-footer-tideline .site-footer :is(a, p, li, span, h2, h3, h4) {
	color: inherit;
}

body.ck-skin.ck-footer-tideline .site-footer a:hover {
	color: var(--ck-sea-light);
}

/* Standard pages: a dark title band over a double rule. */
body.ck-skin.ck-page-chart.page:not(.home) .inside-article > .entry-header {
	background: var(--ck-deep);
	border: 0;
	margin: 24px 0 40px;
	padding: 30px 32px;
	position: relative;
}

body.ck-skin.ck-page-chart.page:not(.home) .inside-article > .entry-header::after {
	border-bottom: 1px solid var(--ck-deep);
	border-top: 1px solid var(--ck-deep);
	bottom: -10px;
	content: "";
	height: 3px;
	left: 0;
	position: absolute;
	right: 0;
}

body.ck-skin.ck-page-chart.page:not(.home) .inside-article > .entry-header .entry-title {
	color: #fff;
	font-size: clamp(28px, 3.4vw, 46px);
	font-weight: 700;
	line-height: 1.1;
	text-transform: none;
}

body.ck-page-chart .cse-policy-text {
	margin: 0 auto;
	max-width: 820px;
}

/* Basket as a numbered cargo manifest, the total stamped. */
body.ck-skin.ck-basket-manifest .wc-block-cart-items,
body.ck-skin.ck-basket-manifest .wc-block-cart-items tbody {
	display: block;
	width: 100%;
}

body.ck-skin.ck-basket-manifest .wc-block-cart-items,
body.ck-skin.ck-basket-manifest .wc-block-cart-items tr,
body.ck-skin.ck-basket-manifest .wc-block-cart-items td,
body.ck-skin.ck-basket-manifest .wc-block-cart-items th {
	border: 0 !important;
}

body.ck-skin.ck-basket-manifest .wc-block-cart-items {
	background: var(--ck-paper);
	border: 2px solid var(--ck-deep) !important;
	border-radius: 0;
	counter-reset: ck-cargo;
}

body.ck-skin.ck-basket-manifest .wc-block-cart-items::before {
	background: var(--ck-deep);
	color: #fff;
	content: "Manifest";
	display: block;
	font-family: var(--ck-font-body);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .2em;
	padding: 10px 16px;
	text-transform: uppercase;
}

body.ck-skin.ck-basket-manifest .wc-block-cart-items thead {
	display: none;
}

body.ck-skin.ck-basket-manifest .wc-block-cart-items tr.wc-block-cart-items__row {
	align-items: start;
	border-bottom: 1px dashed rgba(15, 42, 61, .28) !important;
	counter-increment: ck-cargo;
	display: grid;
	gap: 14px;
	grid-template-columns: 34px 84px minmax(0, 1fr) auto;
	padding: 16px;
}

body.ck-skin.ck-basket-manifest .wc-block-cart-items tr.wc-block-cart-items__row:last-child {
	border-bottom: 0 !important;
}

body.ck-skin.ck-basket-manifest .wc-block-cart-items tr.wc-block-cart-items__row::before {
	color: var(--ck-accent);
	content: counter(ck-cargo, decimal-leading-zero);
	font-family: var(--ck-font-heading);
	font-size: 22px;
	font-weight: 700;
	line-height: 1;
}

body.ck-skin.ck-basket-manifest .wc-block-cart-items td {
	background: none;
	box-shadow: none;
	color: var(--ck-deep);
	display: block;
	padding: 0;
	width: auto;
}

body.ck-skin.ck-basket-manifest .wc-block-cart-item__image img {
	border: 0;
	border-radius: 0;
	max-width: 84px;
	width: 84px;
}

body.ck-skin.ck-basket-manifest .wc-block-components-product-name {
	color: var(--ck-deep) !important;
	font-family: var(--ck-font-heading);
	font-size: 19px;
	font-weight: 700;
	line-height: 1.2;
}

body.ck-skin.ck-basket-manifest .wc-block-components-quantity-selector {
	background: #fff;
	border: 1.5px solid var(--ck-deep);
	border-radius: 0;
	box-shadow: none;
}

body.ck-skin.ck-basket-manifest .wc-block-components-quantity-selector::after {
	display: none;
}

body.ck-skin.ck-basket-manifest .wc-block-cart-item__total :is(span, div) {
	color: var(--ck-deep) !important;
	font-family: var(--ck-font-heading);
	font-size: 18px;
	font-weight: 700;
}

body.ck-skin.ck-basket-manifest .wc-block-cart__sidebar {
	background: var(--ck-paper);
	border: 2px solid var(--ck-deep);
	border-radius: 0;
	color: var(--ck-deep);
	padding: 18px;
}

body.ck-skin.ck-basket-manifest .wc-block-cart__sidebar .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
	border: 2px solid var(--ck-accent);
	box-shadow: inset 0 0 0 2px var(--ck-paper), inset 0 0 0 3px var(--ck-accent);
	color: var(--ck-accent);
	display: inline-block;
	font-family: var(--ck-font-heading);
	font-size: 22px;
	font-weight: 700;
	padding: 4px 12px;
	transform: rotate(-3deg);
}

@media (max-width: 600px) {
	body.ck-skin.ck-basket-manifest .wc-block-cart-items tr.wc-block-cart-items__row {
		grid-template-columns: 26px 64px minmax(0, 1fr);
		padding: 12px;
	}

	body.ck-skin.ck-basket-manifest .wc-block-cart-item__image img {
		max-width: 64px;
		width: 64px;
	}

	body.ck-skin.ck-basket-manifest .wc-block-cart-items td.wc-block-cart-item__total {
		grid-column: 3;
	}
}

/* Pin each manifest cell, since Woo's narrow cart places them itself. */
body.ck-skin.ck-basket-manifest .wc-block-cart-items tr.wc-block-cart-items__row::before { grid-column: 1; grid-row: 1; }
body.ck-skin.ck-basket-manifest .wc-block-cart-items td.wc-block-cart-item__image { grid-column: 2; grid-row: 1 / span 2; }
body.ck-skin.ck-basket-manifest .wc-block-cart-items td.wc-block-cart-item__product { grid-column: 3; grid-row: 1; }
body.ck-skin.ck-basket-manifest .wc-block-cart-items td.wc-block-cart-item__total { grid-column: 4; grid-row: 1; justify-self: end; }

body.ck-skin.ck-basket-manifest .wc-block-cart.is-mobile .wc-block-cart-items tr.wc-block-cart-items__row,
body.ck-skin.ck-basket-manifest .wc-block-cart.is-small .wc-block-cart-items tr.wc-block-cart-items__row {
	grid-template-columns: 26px 64px minmax(0, 1fr);
	padding: 12px;
}

body.ck-skin.ck-basket-manifest .wc-block-cart.is-mobile .wc-block-cart-item__image img,
body.ck-skin.ck-basket-manifest .wc-block-cart.is-small .wc-block-cart-item__image img {
	max-width: 64px;
	padding: 3px 6px;
	width: 64px;
}

body.ck-skin.ck-basket-manifest .wc-block-cart.is-mobile .wc-block-cart-items td.wc-block-cart-item__total,
body.ck-skin.ck-basket-manifest .wc-block-cart.is-small .wc-block-cart-items td.wc-block-cart-item__total {
	grid-column: 3;
	grid-row: 2;
	justify-self: start;
}

/* Account: a crew card over the menu, entries as numbered berths. */
.ck-skin.ck-account-crew .woocommerce-MyAccount-navigation {
	background: var(--ck-deep);
	border: 0;
	border-radius: 6px;
	color: #fff;
	overflow: hidden;
	padding: 0 0 10px;
}

.ck-skin.ck-account-crew .woocommerce-MyAccount-navigation::before {
	background: var(--ck-rope) 0 100% / 100% 5px no-repeat;
	color: var(--ck-sea-light);
	content: "Crew card";
	display: block;
	font-family: var(--ck-font-body);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .2em;
	margin-bottom: 8px;
	padding: 16px 18px 18px;
	text-transform: uppercase;
}

.ck-skin.ck-account-crew .woocommerce-MyAccount-navigation ul {
	background: none;
	border: 0;
	box-shadow: none;
	margin: 0;
	padding: 0;
}

.ck-skin.ck-account-crew .woocommerce-MyAccount-navigation li {
	border: 0;
	margin: 0;
}

.ck-skin.ck-account-crew .woocommerce-MyAccount-navigation li a {
	background: none;
	border: 0;
	border-radius: 0;
	color: #e6edf2;
	font-family: var(--ck-font-body);
	font-size: 15px;
	font-weight: 600;
	line-height: 1.2;
	padding: 11px 18px;
}

.ck-skin.ck-account-crew .woocommerce-MyAccount-navigation li a .ck-icon {
	background-color: currentColor;
}

.ck-skin.ck-account-crew .woocommerce-MyAccount-navigation li a:hover {
	background: rgba(255, 255, 255, .07);
	color: #fff;
}

.ck-skin.ck-account-crew .woocommerce-MyAccount-navigation li.is-active a {
	background: var(--ck-accent);
	color: #fff;
}

.ck-skin.ck-account-crew.woocommerce-account .woocommerce-MyAccount-content {
	background: var(--ck-paper);
	border: 0;
	border-radius: 0;
	border-top: 4px solid var(--ck-deep);
	box-shadow: 0 10px 26px rgba(15, 42, 61, .1);
	padding: 26px;
}

.ck-account-crew .ck-entries {
	counter-reset: ck-berth;
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
}

.ck-skin.ck-account-crew a.ck-entry {
	background: #fff;
	border: 1px solid rgba(15, 42, 61, .18);
	border-radius: 0;
	color: var(--ck-deep);
	counter-increment: ck-berth;
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 14px 14px 14px 60px;
	position: relative;
}

.ck-skin.ck-account-crew a.ck-entry::before {
	align-items: center;
	background: var(--ck-deep);
	bottom: 0;
	color: #fff;
	content: "B" counter(ck-berth, decimal-leading-zero);
	display: flex;
	font-family: var(--ck-font-heading);
	font-size: 14px;
	font-weight: 700;
	justify-content: center;
	left: 0;
	position: absolute;
	top: 0;
	width: 46px;
}

.ck-account-crew .ck-entry__name {
	font-family: var(--ck-font-heading);
	font-size: 17px;
	font-weight: 700;
	line-height: 1.2;
}

.ck-skin.ck-account-crew .ck-account-tile {
	border-radius: 0;
}

/* Watch live: a red and white life ring, and a plain navy player. */
body.ck-live-lifering .cse-player-reopen {
	align-items: center;
	background:
		radial-gradient(circle closest-side, var(--ck-deep) 0 60%, transparent 61%),
		repeating-conic-gradient(from 22.5deg, var(--ck-accent) 0 45deg, #fff 45deg 90deg);
	border: 0;
	border-radius: 50%;
	box-shadow: 0 0 0 2px rgba(15, 42, 61, .4), 0 6px 18px rgba(0, 0, 0, .3);
	color: #fff;
	display: flex;
	flex-direction: column;
	font-family: var(--ck-font-body);
	font-size: 11px;
	font-weight: 800;
	gap: 2px;
	height: 88px;
	justify-content: center;
	letter-spacing: .06em;
	line-height: 1.1;
	margin: 8px;
	padding: 10px;
	text-align: center;
	text-transform: uppercase;
	width: 88px;
}

body.ck-live-lifering .cse-player-reopen[hidden] {
	display: none;
}

body.ck-live-lifering .cse-player-reopen:active {
	transform: scale(.95);
}

body.ck-live-lifering .cse-player {
	background: var(--ck-deep);
	border: 0;
	border-radius: 4px;
	border-top: 4px solid var(--ck-accent);
	box-shadow: 0 14px 34px rgba(0, 0, 0, .35);
}

body.ck-live-lifering .cse-player__bar strong {
	color: #fff;
	font-family: var(--ck-font-body);
	font-size: 14px;
	font-weight: 800;
	letter-spacing: .04em;
	text-transform: uppercase;
}

/* Life ring throw: a round piece that spins flat in flight and lands lying on the target. */
body.ck-throw-lifering #dt-fly-dart.dt-has-custom-dart {
	height: 170px;
	width: 170px;
}

body.ck-throw-lifering #dt-fly-dart.dt-has-custom-dart img {
	animation: ck-ring-spin .45s linear infinite;
}

body.ck-throw-lifering #dt-aim-dart.dt-has-custom-dart img {
	transform: none;
}

body.ck-throw-lifering .dt-stuck.dt-stuck-custom {
	height: 62px;
	width: 62px;
}

body.ck-throw-lifering .dt-stuck.dt-stuck-custom img {
	filter: drop-shadow(2px 4px 3px rgba(0, 0, 0, .5));
	opacity: 1;
	transform: none;
}

@keyframes ck-ring-spin {
	to {
		transform: rotate(360deg);
	}
}

body.ck-throw-lifering #dt-final {
	z-index: 30;
}
/* HARBOUR-LAYOUTS-END */

/* GREENHOUSE-LAYOUTS-START */
/* Greenhouse layouts. Each is a registry choice, so any look can use it. */
.ck-skin {
	--gh-leaf: #1e4d2b;
	--gh-leaf-2: #2f6b3a;
	--gh-leaf-3: #3f8a4b;
	--gh-cream: #fbfaf3;
	--gh-kraft: #e6d5b3;
	--gh-kraft-2: #cdb184;
	--gh-timber: #8a5a34;
	--gh-timber-2: #6e4527;
	--gh-soil: #3b2a1e;
	--gh-soil-2: #2c1f16;
	--gh-pot: #c8623a;
	--gh-pot-2: #a94d2b;
	--gh-crimp-top: conic-gradient(from 135deg at 50% 0, #000 90deg, #0000 0) 0 0 / 12px 7px repeat-x;
	--gh-crimp-bot: conic-gradient(from -45deg at 50% 100%, #000 90deg, #0000 0) 0 100% / 12px 7px repeat-x;
	--gh-vine: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 14'%3E%3Cpath d='M0 6.3h24v1.4H0z'/%3E%3Cpath d='M6 7C6 3 9 1 13 1C13 4.5 10 7 6 7Z'/%3E%3Cpath d='M18 7C18 11 15 13 11 13C11 9.5 14 7 18 7Z'/%3E%3C/svg%3E");
	--gh-shoots: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 24'%3E%3Cpath d='M3 24C3 16 1 12 0 10C3 12 5 16 5 24Z'/%3E%3Cpath d='M9 24C9 14 12 9 15 7C12 12 11 17 11 24Z'/%3E%3Cpath d='M23 24V14C19 14 17 11 17 8C21 8 23 11 23 14C23 10 26 7 30 7C30 11 27 14 23 14Z'/%3E%3Cpath d='M36 24C36 17 38 13 41 11C39 15 38 19 38 24Z'/%3E%3Cpath d='M45 24C45 18 43 15 41 13C44 15 47 18 47 24Z'/%3E%3Cpath d='M53 24C53 15 56 11 59 9C56 14 55 18 55 24Z'/%3E%3Cpath d='M0 22h60v2H0z'/%3E%3C/svg%3E");
	--gh-specks: radial-gradient(circle at 20% 30%, rgba(255, 255, 255, .06) 0 1px, transparent 1.5px) 0 0 / 13px 11px, radial-gradient(circle at 70% 60%, rgba(0, 0, 0, .18) 0 1.2px, transparent 1.8px) 0 0 / 17px 15px;
}

.ck-icon--barrow {
	--ck-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 8h14l-2.5 6.5H5.5z'/%3E%3Cpath d='M16 8l5-3'/%3E%3Ccircle cx='9' cy='18.5' r='2.5'/%3E%3Cpath d='M7.5 14.5l.8 1.8M13 14.5l1.5 5'/%3E%3C/svg%3E");
}

/* Fraunces is a soft optical serif: let it use its display cut at size. */
body.ck-headfont-fraunces :is(h1, h2, h3, .main-title, .ck-card__title) {
	font-optical-sizing: auto;
}

/* Label buttons: a notched garden tag with a string hole. */
.ck-skin.ck-btn-label .ck-btn,
.ck-skin.ck-btn-label .button,
.ck-skin.ck-btn-label .wp-element-button,
.ck-skin.ck-btn-label.single-product div.product form.cart .single_add_to_cart_button,
.ck-skin.ck-btn-label.ck-tm-style .lty-lucky-dip-button,
.ck-skin.ck-btn-label .cse-notify button,
.ck-skin.ck-btn-label .cse-notify input[type="submit"] {
	background: var(--ck-accent);
	border: 0;
	border-radius: 0 6px 6px 0;
	box-shadow: none;
	clip-path: polygon(15px 0, 100% 0, 100% 100%, 15px 100%, 0 50%);
	color: var(--ck-btn-text);
	font-family: var(--ck-font-body);
	font-size: 15px;
	font-weight: 700;
	letter-spacing: .01em;
	line-height: 1.3;
	-webkit-mask: radial-gradient(circle at 15px 50%, transparent 3.4px, #000 3.9px);
	mask: radial-gradient(circle at 15px 50%, transparent 3.4px, #000 3.9px);
	padding: 13px 24px 13px 32px;
	text-decoration: none;
	text-transform: none;
	transition: background .15s ease, color .15s ease;
}

.ck-skin.ck-btn-label .ck-btn:hover,
.ck-skin.ck-btn-label .button:hover,
.ck-skin.ck-btn-label .wp-element-button:hover,
.ck-skin.ck-btn-label.single-product div.product form.cart .single_add_to_cart_button:hover,
.ck-skin.ck-btn-label .cse-notify button:hover {
	background: var(--gh-leaf);
	color: #fff;
}

/* A faded fill would muddy terracotta into green, so it stays plain accent. */
body.ck-btn-label {
	--ck-fade: linear-gradient(var(--ck-accent), var(--ck-accent));
}

/* Countdown as terracotta pots. */
.ck-tile-pots .ck-cd__tiles {
	gap: 6px;
}

.ck-tile-pots .ck-cd__unit {
	background: linear-gradient(var(--gh-pot-2) 0 24%, var(--gh-pot) 24%);
	border: 0;
	border-radius: 0;
	clip-path: polygon(0 0, 100% 0, 100% 24%, 92% 24%, 82% 100%, 18% 100%, 8% 24%, 0 24%);
	height: 52px;
	justify-content: flex-end;
	min-width: 0;
	padding: 0 0 7px;
	width: 50px;
}

.ck-tile-pots .ck-cd__unit,
.ck-tile-pots .ck-cd__unit * {
	color: #fff;
}

.ck-tile-pots .ck-cd__unit b {
	font-size: 17px;
}

.ck-tile-pots .ck-cd__unit i {
	font-size: 8px;
	letter-spacing: .02em;
	opacity: .85;
}

/* Vine: the sold part is a stem that grows leaves. */
.ck-bar-vine .ck-bar__track {
	background: linear-gradient(color-mix(in srgb, var(--gh-leaf-2) 30%, transparent), color-mix(in srgb, var(--gh-leaf-2) 30%, transparent)) 0 50% / 100% 2px no-repeat;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	height: 14px;
	overflow: hidden;
}

.ck-bar-vine .ck-bar__track span {
	background: var(--gh-leaf-3);
	border-radius: 0;
	display: block;
	height: 100%;
	-webkit-mask: var(--gh-vine) 0 0 / 24px 14px repeat-x;
	mask: var(--gh-vine) 0 0 / 24px 14px repeat-x;
}

/* Header: a green bar over a trellis, the logo on a hanging tag. */
.ck-skin.ck-header-trellis .site-header {
	background: var(--gh-leaf);
	border: 0;
}

.ck-skin.ck-header-trellis .site-header::after {
	background:
		repeating-linear-gradient(45deg, transparent 0 9px, var(--gh-kraft-2) 9px 11px),
		repeating-linear-gradient(-45deg, transparent 0 9px, var(--gh-kraft) 9px 11px),
		var(--gh-leaf-2);
	bottom: -12px;
	content: "";
	display: block;
	height: 12px;
	left: 0;
	position: absolute;
	right: 0;
}

.ck-skin.ck-header-trellis .site-header .main-title {
	font-size: 25px;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1;
	margin: 0;
	text-transform: none;
}

.ck-skin.ck-header-trellis .site-header .main-title a {
	background: var(--gh-cream);
	border-radius: 4px 12px 12px 4px;
	clip-path: polygon(14px 0, 100% 0, 100% 100%, 14px 100%, 0 50%);
	color: var(--gh-leaf);
	display: inline-block;
	-webkit-mask: radial-gradient(circle at 15px 50%, transparent 3.5px, #000 4px);
	mask: radial-gradient(circle at 15px 50%, transparent 3.5px, #000 4px);
	padding: 9px 18px 9px 30px;
	transform: rotate(-2deg);
}

.ck-skin.ck-header-trellis .site-header .main-title a span {
	color: var(--ck-accent);
	font-style: italic;
}

@media (min-width: 769px) {
	.ck-skin.ck-header-trellis .site-header .inside-header {
		align-items: center;
		display: flex;
		gap: 26px;
		justify-content: space-between;
		max-width: 1320px;
		padding: 14px 20px;
	}

	.ck-skin.ck-header-trellis .site-header .site-branding {
		margin: 0;
	}

	.ck-skin.ck-header-trellis .site-header #site-navigation,
	.ck-skin.ck-header-trellis .site-header #site-navigation .inside-navigation {
		background: none;
	}

	.ck-skin.ck-header-trellis .site-header #site-navigation .inside-navigation {
		align-items: center;
		display: flex;
		gap: 10px;
	}

	.ck-skin.ck-header-trellis .site-header #site-navigation .main-nav > ul {
		align-items: center;
		display: flex;
		gap: 4px;
	}

	.ck-skin.ck-header-trellis .site-header #site-navigation .main-nav > ul > li > a {
		background: none;
		color: #e4eedc;
		font-family: var(--ck-font-body);
		font-size: 15px;
		font-weight: 600;
		letter-spacing: 0;
		line-height: 40px;
		padding: 0 12px;
		text-transform: none;
	}

	.ck-skin.ck-header-trellis .site-header #site-navigation .main-nav > ul > li:hover > a,
	.ck-skin.ck-header-trellis .site-header #site-navigation .main-nav > ul > li.current-menu-item > a {
		background: linear-gradient(90deg, var(--gh-kraft) 50%, transparent 0) 0 calc(100% - 6px) / 8px 2px repeat-x;
		color: #fff;
	}
}

.ck-skin.ck-header-trellis .menu-bar-items .ck-menu-login,
.ck-skin.ck-header-trellis .menu-bar-items .ck-menu-login .ck-menu-label,
.ck-skin.ck-header-trellis .ck-menu-icon,
.ck-skin.ck-header-trellis .menu-toggle,
.ck-skin.ck-header-trellis .menu-toggle .gp-icon {
	color: #fff;
}

.ck-skin.ck-header-trellis .menu-bar-items .ck-menu-login {
	background: none;
	border: 1.5px solid rgba(251, 250, 243, .45);
	border-radius: 6px;
	font-family: var(--ck-font-body);
	font-size: 14px;
	font-weight: 600;
	text-transform: none;
}

.ck-skin.ck-header-trellis .ck-menu-cta {
	background: var(--ck-accent);
	border: 0;
	border-radius: 0 6px 6px 0;
	clip-path: polygon(12px 0, 100% 0, 100% 100%, 12px 100%, 0 50%);
	color: #fff;
	font-family: var(--ck-font-body);
	font-size: 14px;
	font-weight: 700;
	padding-left: 22px;
	text-transform: none;
}

.ck-skin.ck-header-trellis .menu-bar-items .ck-icon {
	background-color: #fff;
}

.ck-skin.ck-header-trellis .ck-cart-count {
	background: var(--gh-kraft);
	border-radius: 3px;
	color: var(--gh-leaf);
}

.ck-skin.ck-header-trellis .site-content,
.ck-skin.ck-header-trellis #page > .ck-home-top {
	margin-top: 12px;
}

@media (max-width: 768px) {
	.ck-skin.ck-header-trellis .site-header .main-title {
		font-size: 19px;
	}

	.ck-skin.ck-header-trellis .site-header .main-title a {
		padding: 7px 14px 7px 26px;
	}
}

/* Logged out, the bar also carries Log in and Join, so the tag gets smaller. */
@media (max-width: 480px) {
	.ck-skin.ck-header-trellis .site-header .main-title {
		font-size: 14.5px;
		white-space: nowrap;
	}

	.ck-skin.ck-header-trellis .site-header .main-title a {
		padding: 5px 8px 5px 20px;
		transform: rotate(-1.5deg);
	}

	.ck-skin.ck-header-trellis .ck-menu-cta {
		font-size: 13px;
		padding-left: 17px;
		padding-right: 10px;
	}
}

@media (max-width: 380px) {
	.ck-skin.ck-header-trellis .site-header .main-title {
		font-size: 13px;
	}

	.ck-skin.ck-header-trellis .site-header .main-title a {
		padding: 5px 7px 5px 18px;
	}
}

@media (max-width: 365px) {
	.ck-skin.ck-header-trellis .site-header .main-title {
		font-size: 12px;
	}

	.ck-skin.ck-header-trellis .site-header .main-title a {
		padding-left: 16px;
	}
}

/* Seed packet hero: the prize on the front of a packet, the details on the back. */
.ck-home-top:has(.ck-seedpacket),
.ck-home-top:has(.ck-seedpacket)::before,
.ck-home-top:has(.ck-seedpacket)::after {
	background: none;
	border: 0;
	box-shadow: none;
}

.ck-home-top:has(.ck-seedpacket)::before,
.ck-home-top:has(.ck-seedpacket)::after {
	display: none;
}

.ck-home-top:has(.ck-seedpacket) {
	padding: 0;
}

.ck-seedpacket {
	background:
		radial-gradient(circle at 30% 40%, rgba(110, 69, 39, .05) 0 1px, transparent 1.5px) 0 0 / 9px 9px,
		var(--gh-kraft);
	position: relative;
}

.ck-seedpacket__inner {
	align-items: center;
	display: grid;
	gap: 40px 70px;
	grid-template-columns: minmax(0, 470px) minmax(0, 1fr);
	margin: 0 auto;
	max-width: 1200px;
	padding: 60px 20px 64px;
}

.ck-skin a.ck-seedpacket__front {
	background: var(--gh-cream);
	box-shadow: 0 2px 3px rgba(59, 42, 30, .12), 0 24px 44px rgba(59, 42, 30, .22);
	color: var(--gh-leaf);
	display: flex;
	flex-direction: column;
	gap: 6px;
	-webkit-mask: var(--gh-crimp-top), var(--gh-crimp-bot), linear-gradient(#000, #000) 0 7px / 100% calc(100% - 14px) no-repeat;
	mask: var(--gh-crimp-top), var(--gh-crimp-bot), linear-gradient(#000, #000) 0 7px / 100% calc(100% - 14px) no-repeat;
	padding: 7px 0 30px;
	position: relative;
	text-align: center;
	text-decoration: none;
	transform: rotate(-2.5deg);
}

.ck-seedpacket__brand {
	background: var(--gh-leaf);
	color: var(--gh-kraft);
	font-family: var(--ck-font-body);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .24em;
	padding: 16px 12px 12px;
	text-transform: uppercase;
}

.ck-seedpacket__window {
	aspect-ratio: 1 / 1;
	border: 3px solid var(--gh-leaf);
	border-radius: 50% 50% 8px 8px / 36% 36% 8px 8px;
	display: block;
	margin: 18px 26px 10px;
	overflow: hidden;
	position: relative;
}

.ck-skin .ck-seedpacket__img {
	height: 100%;
	inset: 0;
	max-width: none;
	object-fit: cover;
	position: absolute;
	width: 100%;
}

.ck-seedpacket__variety {
	color: var(--ck-accent-2);
	font-family: var(--ck-font-heading);
	font-size: 17px;
	font-style: italic;
}

.ck-seedpacket__name {
	font-family: var(--ck-font-heading);
	font-size: 30px;
	font-weight: 700;
	line-height: 1.08;
	padding: 0 26px;
}

.ck-seedpacket .ck-patch__price {
	--ck-patch-size: 96px;
	right: 10px;
	top: 66px;
	z-index: 3;
}

.ck-seedpacket__back {
	color: var(--gh-leaf);
}

.ck-seedpacket__kicker {
	align-items: center;
	color: var(--gh-timber-2);
	display: flex;
	font-size: 13px;
	font-weight: 800;
	gap: 10px;
	letter-spacing: .18em;
	margin: 0 0 12px;
	text-transform: uppercase;
}

.ck-seedpacket__kicker::before {
	background: var(--gh-leaf-3);
	border-radius: 0 100%;
	content: "";
	flex: none;
	height: 16px;
	width: 16px;
}

.ck-skin .ck-seedpacket__title {
	font-size: clamp(38px, 4.6vw, 64px);
	font-weight: 700;
	letter-spacing: -.015em;
	line-height: 1.02;
	margin: 0 0 14px;
	text-transform: none;
}

.ck-skin .ck-seedpacket__title a {
	color: var(--gh-leaf);
	text-decoration: none;
}

.ck-seedpacket__about {
	color: #4a4234;
	font-size: 18px;
	line-height: 1.5;
	margin: 0 0 20px;
	max-width: 48ch;
}

.ck-skin dl.ck-seedpacket__guide {
	border: 1.5px solid var(--gh-leaf);
	display: grid;
	grid-auto-columns: minmax(0, 1fr);
	grid-auto-flow: column;
	margin: 0 0 20px;
	max-width: 560px;
}

.ck-seedpacket__guide > div {
	border-left: 1.5px solid var(--gh-leaf);
	padding: 10px 14px 12px;
}

.ck-seedpacket__guide > div:first-child {
	border-left: 0;
}

.ck-skin .ck-seedpacket__guide dt {
	color: var(--gh-timber-2);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .14em;
	margin: 0 0 4px;
	text-transform: uppercase;
}

.ck-skin .ck-seedpacket__guide dd {
	font-family: var(--ck-font-heading);
	font-size: 22px;
	font-weight: 700;
	margin: 0;
}

.ck-seedpacket .ck-cd {
	margin: 0 0 22px;
}

.ck-seedpacket__buy .ck-btn {
	font-size: 16px;
	padding: 15px 30px 15px 38px;
}

.ck-seedpacket__next {
	border-top: 1.5px dashed rgba(30, 77, 43, .4);
	margin-top: 26px;
	max-width: 560px;
	padding-top: 14px;
}

.ck-skin .ck-seedpacket__head {
	color: var(--gh-timber-2);
	font-family: var(--ck-font-body);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .16em;
	margin: 0 0 4px;
	text-transform: uppercase;
}

.ck-seedpacket__next ol {
	list-style: none;
	margin: 0 0 10px;
	padding: 0;
}

/* Dotted leaders between the name and the date, like a seed list. */
.ck-skin a.ck-seedpacket__row {
	align-items: baseline;
	color: var(--gh-leaf);
	display: grid;
	font-size: 15px;
	gap: 10px;
	grid-template-columns: auto minmax(20px, 1fr) auto auto;
	padding: 6px 0;
	text-decoration: none;
}

.ck-skin a.ck-seedpacket__row::after {
	border-bottom: 2px dotted rgba(30, 77, 43, .35);
	content: "";
	grid-column: 2;
	grid-row: 1;
	transform: translateY(-4px);
}

.ck-seedpacket__rowname {
	font-weight: 700;
	grid-column: 1;
	grid-row: 1;
}

.ck-skin a.ck-seedpacket__row:hover .ck-seedpacket__rowname {
	text-decoration: underline;
}

.ck-seedpacket__rowwhen {
	color: #6b5f4b;
	font-size: 13px;
	grid-column: 3;
	grid-row: 1;
}

.ck-seedpacket__rowfee {
	font-weight: 800;
	grid-column: 4;
	grid-row: 1;
}

body.ck-skin .ck-seedpacket__next a.ck-view-all {
	--ck-text: var(--gh-leaf);
	display: inline-block;
	margin: 4px 0 0;
}

@media (max-width: 960px) {
	.ck-seedpacket__inner {
		gap: 30px;
		grid-template-columns: minmax(0, 1fr);
		padding: 30px 16px 40px;
	}

	.ck-skin a.ck-seedpacket__front {
		justify-self: center;
		max-width: 380px;
		transform: rotate(-1.5deg);
		width: 100%;
	}

	.ck-seedpacket__name {
		font-size: 25px;
	}

	.ck-seedpacket .ck-patch__price {
		--ck-patch-size: 78px;
		top: 56px;
	}

	.ck-seedpacket__about {
		font-size: 16px;
	}

	.ck-seedpacket__guide dd {
		font-size: 18px;
	}

	.ck-skin a.ck-seedpacket__row {
		grid-template-columns: minmax(0, 1fr) auto auto;
	}

	.ck-skin a.ck-seedpacket__row::after {
		display: none;
	}

	.ck-seedpacket__rowwhen {
		grid-column: 2;
	}

	.ck-seedpacket__rowfee {
		grid-column: 3;
	}
}

@media (max-width: 420px) {
	.ck-seedpacket__guide > div {
		padding: 8px 9px 10px;
	}

	.ck-skin .ck-seedpacket__guide dt {
		font-size: 9.5px;
		letter-spacing: .08em;
	}
}

/* Leaf price: pointed at two corners, a midrib across it. */
body.ck-shape-leaf .ck-patch__price {
	--ck-patch-size: 92px;
	background: var(--ck-price);
	border-radius: 0 100%;
	box-shadow: 0 3px 8px rgba(30, 77, 43, .25);
	color: var(--ck-price-text);
	transform: rotate(-4deg);
}

body.ck-shape-leaf .ck-patch__price::before {
	background: linear-gradient(to bottom right, transparent calc(50% - .8px), rgba(255, 255, 255, .3) 50%, transparent calc(50% + .8px));
	border: 0;
	border-radius: 0;
	inset: 6%;
	opacity: 1;
}

body.ck-shape-leaf .ck-patch__price :is(b, small) {
	position: relative;
	z-index: 1;
}

body.ck-shape-leaf .ck-patch__price b {
	font-family: var(--ck-font-heading);
	font-size: calc(var(--ck-patch-size) * .27);
	font-weight: 700;
}

body.ck-shape-leaf .ck-patch__price small {
	font-size: calc(var(--ck-patch-size) * .105);
	letter-spacing: .06em;
	margin-top: 2px;
	text-transform: none;
}

/* Plant tag card: a tall label with an eyelet, a pointed stake foot. */
.ck-skin ul.products li.product.ck-card--planttag,
.ck-skin ul.products li.product.ck-card--planttag .ck-card__media,
.ck-skin .ck-card--planttag .ck-card__media {
	aspect-ratio: auto;
	background: none;
	height: auto;
	overflow: visible;
}

body.ck-skin ul.products.ck-grid li.product.ck-card--planttag,
.ck-skin .ck-card.ck-card--planttag {
	background: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	clip-path: none;
	display: flex;
	filter: drop-shadow(0 1px 1px rgba(30, 77, 43, .14)) drop-shadow(0 8px 14px rgba(30, 77, 43, .12));
	flex-direction: column;
	padding: 34px 14px 46px;
	position: relative;
	transition: transform .25s ease;
}

.ck-card--planttag::before {
	background: var(--gh-cream);
	border-radius: 16px 16px 0 0;
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 30px), 50% 100%, 0 calc(100% - 30px));
	content: "";
	inset: 0;
	position: absolute;
	z-index: 0;
}

/* The eyelet: a punched hole in a brass ring. */
.ck-card--planttag::after {
	background: var(--ck-bg);
	border-radius: 50%;
	box-shadow: 0 0 0 3px #c9a46a, 0 0 0 4px rgba(110, 69, 39, .4), inset 0 1px 2px rgba(0, 0, 0, .25);
	content: "";
	height: 10px;
	left: 50%;
	position: absolute;
	top: 13px;
	transform: translateX(-50%);
	width: 10px;
	z-index: 2;
}

.ck-card--planttag > * {
	position: relative;
	z-index: 1;
}

.ck-card--planttag:hover {
	transform: translateY(-4px) rotate(-.6deg);
}

.ck-card--planttag .ck-card__media {
	display: block;
	position: relative;
}

.ck-skin .ck-card--planttag .ck-card__media::after {
	display: none;
}

.ck-planttag__window {
	border-radius: 10px;
	display: block;
	overflow: hidden;
	position: relative;
}

.ck-skin ul.products li.product.ck-card--planttag .ck-card__media .ck-card__img,
.ck-card--planttag .ck-card__img {
	aspect-ratio: 4 / 3;
	display: block;
	height: 100%;
	margin: 0;
	object-fit: cover;
	transition: transform .4s ease;
	width: 100%;
}

.ck-card--planttag:hover .ck-card__img {
	transform: scale(1.04);
}

.ck-card--planttag.is-closed .ck-card__img {
	filter: grayscale(1);
}

.ck-card--planttag .ck-patch__price {
	--ck-patch-size: 74px;
	right: -10px;
	top: -14px;
	z-index: 4;
}

.ck-card--planttag .ck-patch__tags {
	align-items: flex-start;
	bottom: 8px;
	display: flex;
	flex-direction: column;
	gap: 4px;
	left: 8px;
	right: 8px;
	top: auto;
}

.ck-card--planttag .ck-patch__tag {
	background: rgba(30, 77, 43, .9);
	border-radius: 0 4px 4px 0;
	clip-path: polygon(8px 0, 100% 0, 100% 100%, 8px 100%, 0 50%);
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	padding: 4px 9px 4px 13px;
	text-transform: none;
}

.ck-planttag__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 6px;
	padding: 14px 4px 0;
	text-align: center;
}

.ck-planttag__variety {
	color: var(--ck-accent-2);
	font-family: var(--ck-font-heading);
	font-size: 15px;
	font-style: italic;
}

.ck-skin ul.products li.product.ck-card--planttag .ck-card__title,
.ck-skin .ck-card--planttag .ck-card__title {
	font-family: var(--ck-font-heading);
	font-size: 21px;
	font-weight: 700;
	line-height: 1.15;
	margin: 0 0 4px;
	padding: 0;
	text-transform: none;
}

.ck-card--planttag .ck-card__title a {
	color: var(--gh-leaf);
	text-decoration: none;
}

/* Sowing notes: two ruled boxes like the back of a label. */
.ck-planttag__notes {
	border-bottom: 1.5px dashed rgba(30, 77, 43, .3);
	border-top: 1.5px dashed rgba(30, 77, 43, .3);
	display: grid;
	grid-auto-columns: minmax(0, 1fr);
	grid-auto-flow: column;
	margin: 2px 0 4px;
}

.ck-planttag__note {
	display: flex;
	flex-direction: column;
	gap: 1px;
	padding: 7px 4px;
}

.ck-planttag__note + .ck-planttag__note {
	border-left: 1.5px dashed rgba(30, 77, 43, .3);
}

.ck-planttag__note small {
	color: var(--gh-timber-2);
	font-size: 10.5px;
	font-weight: 800;
	letter-spacing: .14em;
	text-transform: uppercase;
}

.ck-planttag__note b {
	color: var(--gh-leaf);
	font-family: var(--ck-font-heading);
	font-size: 17px;
	font-weight: 700;
}

.ck-planttag__body .ck-bar__meta * {
	color: var(--gh-leaf);
}

.ck-planttag__body > .ck-btn {
	justify-content: center;
	margin-top: auto;
	text-align: center;
}

.ck-planttag__body .ck-bar {
	margin-bottom: 10px;
}

/* Listing: cards stand in a raised bed, timber sides and dark soil. */
body.ck-skin.ck-archive-beds:not(.home):not(.single-product) .entry-content > ul.products.ck-grid {
	--ck-bg: var(--gh-soil);
	background: var(--gh-specks), linear-gradient(var(--gh-soil), var(--gh-soil-2));
	border: 16px solid var(--gh-timber);
	border-image: repeating-linear-gradient(90deg, var(--gh-timber) 0 88px, var(--gh-timber-2) 88px 90px) 16;
	box-shadow: inset 0 10px 18px rgba(0, 0, 0, .35), 0 6px 0 var(--gh-timber-2);
	padding: 36px 30px 30px;
	row-gap: 38px;
}

body.ck-skin.ck-archive-beds:not(.home):not(.single-product) .entry-content > ul.products.ck-grid > li.product {
	margin: 0;
}

@media (max-width: 600px) {
	body.ck-skin.ck-archive-beds:not(.home):not(.single-product) .entry-content > ul.products.ck-grid {
		border-width: 10px;
		padding: 24px 14px 18px;
	}
}

/* Section heading: the kicker on a label tied to a cane. */
body.ck-head-stake .ck-section__head {
	align-items: flex-end;
	border: 0;
	flex-wrap: wrap;
	gap: 10px 24px;
	padding-bottom: 6px;
	padding-left: 22px;
	position: relative;
}

body.ck-head-stake .ck-section__head::before {
	background: repeating-linear-gradient(180deg, #c9a46a 0 26px, #a9834c 26px 29px);
	border-radius: 3px;
	bottom: 4px;
	content: "";
	left: 0;
	position: absolute;
	top: -6px;
	width: 7px;
}

body.ck-head-stake .ck-section__head > div {
	flex: 1 1 320px;
	min-width: 0;
}

body.ck-skin.ck-head-stake .ck-kicker {
	background: var(--gh-kraft);
	border: 0;
	border-radius: 0 4px 4px 0;
	clip-path: polygon(12px 0, 100% 0, 100% 100%, 12px 100%, 0 50%);
	color: var(--gh-leaf);
	display: inline-block;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .16em;
	margin: 0 0 10px;
	-webkit-mask: radial-gradient(circle at 12px 50%, transparent 2.6px, #000 3px);
	mask: radial-gradient(circle at 12px 50%, transparent 2.6px, #000 3px);
	padding: 6px 14px 6px 22px;
	text-transform: uppercase;
	transform: rotate(-2deg);
	transform-origin: left center;
}

body.ck-skin.ck-head-stake .ck-section__title {
	color: var(--gh-leaf);
	font-size: clamp(30px, 3.4vw, 46px);
	font-weight: 700;
	text-transform: none;
}

/* Filters: wooden row markers with pointed feet. */
body.ck-skin.ck-filter-markers .ck-tabs {
	background: none;
	border: 0;
	box-shadow: none;
	flex-wrap: wrap;
	gap: 10px 8px;
	padding: 0;
}

body.ck-skin.ck-filter-markers .ck-tabs .ck-tab {
	background: linear-gradient(90deg, rgba(0, 0, 0, .06), transparent 30% 70%, rgba(0, 0, 0, .08)), #dcc08f;
	border: 0;
	border-radius: 3px 3px 0 0;
	box-shadow: none;
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 9px), 50% 100%, 0 calc(100% - 9px));
	color: #4a2f1a;
	font-family: var(--ck-font-heading);
	font-size: 16px;
	font-style: italic;
	font-weight: 600;
	padding: 8px 16px 17px;
}

body.ck-skin.ck-filter-markers .ck-tabs .ck-tab:hover,
body.ck-skin.ck-filter-markers .ck-tabs .ck-tab.is-active {
	background: var(--gh-leaf);
	box-shadow: none;
	color: #fff;
}

body.ck-skin.ck-filter-markers .ck-tabs .ck-tab span {
	color: inherit;
	font-style: normal;
	margin-left: 3px;
	opacity: .6;
}

/* Single page, Seed packet: one tall packet down the middle of the page.
   The packet front holds the photo in an arched window; the back, below it,
   is kraft paper with a folded flap and holds everything else. */
body.ck-skin.ck-single-packet.single-product div.product {
	display: block;
	margin: 0 auto;
	max-width: 900px;
}

body.ck-skin.ck-single-packet.single-product div.product > .woocommerce-product-gallery,
body.ck-skin.ck-single-packet.single-product div.product > .summary {
	/* Woo floats these with an #content selector, so only !important clears it. */
	float: none !important;
	margin-left: 0;
	margin-right: 0;
	position: relative;
	top: auto;
	width: auto !important;
}

body.ck-skin.ck-single-packet.single-product div.product > .woocommerce-product-gallery {
	background: var(--gh-cream);
	border: 0;
	border-top: 46px solid var(--gh-leaf);
	-webkit-mask: var(--gh-crimp-top), linear-gradient(#000, #000) 0 7px / 100% calc(100% - 7px) no-repeat;
	mask: var(--gh-crimp-top), linear-gradient(#000, #000) 0 7px / 100% calc(100% - 7px) no-repeat;
	margin-bottom: 0;
	padding: 30px 40px 26px;
}

body.ck-skin.ck-single-packet.single-product div.product .woocommerce-product-gallery .flex-viewport,
body.ck-skin.ck-single-packet.single-product div.product .woocommerce-product-gallery > .woocommerce-product-gallery__wrapper {
	border: 3px solid var(--gh-leaf);
	border-radius: 50% 50% 10px 10px / 22% 22% 10px 10px;
	overflow: hidden;
}

body.ck-skin.ck-single-packet.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__image img:not(.zoomImg) {
	aspect-ratio: 16 / 10;
	border-radius: 0;
	object-fit: cover;
	width: 100%;
}

body.ck-skin.ck-single-packet.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
	display: flex;
	gap: 10px;
	justify-content: center;
	margin: 16px 0 0;
}

body.ck-skin.ck-single-packet.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li {
	max-width: 90px;
}

body.ck-skin.ck-single-packet.single-product div.product .woocommerce-product-gallery .flex-control-thumbs img {
	border: 2px solid var(--gh-leaf);
	border-radius: 50% 50% 4px 4px / 34% 34% 4px 4px;
}

body.ck-skin.ck-single-packet.single-product div.product > .summary {
	background:
		radial-gradient(circle at 30% 40%, rgba(110, 69, 39, .05) 0 1px, transparent 1.5px) 0 0 / 9px 9px,
		var(--gh-kraft);
	border: 0;
	-webkit-mask: var(--gh-crimp-bot), linear-gradient(#000, #000) 0 0 / 100% calc(100% - 7px) no-repeat;
	mask: var(--gh-crimp-bot), linear-gradient(#000, #000) 0 0 / 100% calc(100% - 7px) no-repeat;
	padding: 74px 52px 44px;
}

/* The folded flap where the front meets the back. */
body.ck-skin.ck-single-packet.single-product div.product > .summary::before {
	background: var(--gh-kraft-2);
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	content: "";
	height: 46px;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

body.ck-skin.ck-single-packet.single-product div.product > .summary > .product_title {
	color: var(--gh-leaf);
	font-size: clamp(32px, 3.6vw, 50px);
	font-weight: 700;
	line-height: 1.05;
	margin: 0 0 10px;
	text-align: center;
	text-transform: none;
}

body.ck-skin.ck-single-packet.single-product div.product > .summary > .price {
	font-size: 30px;
	margin: 0 0 18px;
	text-align: center;
}

body.ck-skin.ck-single-packet.single-product div.product > .summary > .price,
body.ck-skin.ck-single-packet.single-product div.product > .summary > .price * {
	color: var(--ck-accent);
	font-family: var(--ck-font-heading);
	font-weight: 700;
}

body.ck-skin.ck-single-packet.single-product div.product form.cart {
	background: var(--gh-cream);
	border: 0;
	border-radius: 8px;
	box-shadow: none;
	padding: 18px;
}

body.ck-skin.ck-single-packet.single-product div.product form.cart .quantity input {
	background: #fff;
	border: 1.5px solid var(--gh-leaf);
	border-radius: 6px;
	color: var(--gh-leaf);
	font-weight: 800;
}

body.ck-skin.ck-single-packet.single-product div.product > :not(.woocommerce-product-gallery):not(.summary) {
	margin-left: auto;
	margin-right: auto;
}

body.ck-skin.ck-single-packet.single-product .ck-steps {
	margin-top: 52px;
}

@media (max-width: 768px) {
	body.ck-skin.ck-single-packet.single-product div.product > .woocommerce-product-gallery {
		border-top-width: 30px;
		padding: 18px 16px 18px;
	}

	body.ck-skin.ck-single-packet.single-product div.product > .summary {
		padding: 50px 16px 30px;
	}

	body.ck-skin.ck-single-packet.single-product div.product > .summary::before {
		height: 30px;
	}
}

/* Facts as an almanac: a grid of boxes like a gardening calendar. */
body.ck-skin.ck-tm-style.ck-facts-almanac .lty-lottery-product-summary {
	--ck-accent-2: var(--ck-accent);
	background: var(--gh-cream);
	border: 1.5px solid var(--gh-leaf);
	border-radius: 0;
	box-shadow: none;
	color: var(--gh-leaf);
	display: grid;
	gap: 0;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin: 6px 0 18px;
	padding: 0;
}

body.ck-skin.ck-tm-style.ck-facts-almanac .lty-lottery-product-summary > * {
	margin: 0;
}

body.ck-skin.ck-tm-style.ck-facts-almanac .lty-lottery-product-summary > p.lty-lottery-status {
	background: var(--gh-leaf);
	border: 0;
	color: #fff;
	font-family: var(--ck-font-heading);
	font-size: 16px;
	font-style: italic;
	font-weight: 600;
	grid-column: 1 / -1;
	letter-spacing: 0;
	order: 0;
	padding: 8px 14px;
	text-align: center;
	text-transform: none;
}

body.ck-skin.ck-tm-style.ck-facts-almanac .lty-lottery-product-summary > p.lty-lottery-status span {
	background: none;
	color: inherit;
	padding: 0;
}

body.ck-skin.ck-tm-style.ck-facts-almanac .lty-lottery-product-summary > .lty-lottery-date-ranges {
	background: none;
	border: 0;
	border-bottom: 1.5px solid var(--gh-leaf);
	grid-column: 1 / -1;
	order: 1;
	padding: 14px;
	text-align: center;
}

body.ck-skin.ck-tm-style.ck-facts-almanac .lty-lottery-time-left-label {
	color: var(--gh-timber-2);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .12em;
	margin: 0 0 10px;
	padding: 0;
	text-transform: uppercase;
}

body.ck-skin.ck-tm-style.ck-facts-almanac .lty-lottery-countdown-timer {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: center;
}

body.ck-skin.ck-tm-style.ck-facts-almanac .lty-lottery-timer {
	align-items: center;
	background: linear-gradient(var(--gh-pot-2) 0 24%, var(--gh-pot) 24%);
	border: 0;
	border-radius: 0;
	clip-path: polygon(0 0, 100% 0, 100% 24%, 92% 24%, 82% 100%, 18% 100%, 8% 24%, 0 24%);
	display: flex;
	flex: none;
	flex-direction: column;
	height: 66px;
	justify-content: flex-end;
	min-width: 0;
	padding: 0 0 8px;
	text-align: center;
	width: 64px;
}

@media (max-width: 600px) {
	body.ck-skin.ck-tm-style.ck-facts-almanac .lty-lottery-product-summary > .lty-lottery-date-ranges {
		padding: 12px 6px;
	}

	body.ck-skin.ck-tm-style.ck-facts-almanac .lty-lottery-countdown-timer {
		flex-wrap: nowrap;
		gap: 5px;
	}

	body.ck-skin.ck-tm-style.ck-facts-almanac .lty-lottery-timer {
		height: 60px;
		width: 56px;
	}
}

body.ck-skin.ck-tm-style.ck-facts-almanac .lty-lottery-timer-content {
	color: #fff !important;
	font-size: 8px !important;
	letter-spacing: .02em;
}

/* A wider pot base, so SECONDS fits under the number. */
body.ck-skin.ck-tm-style.ck-facts-almanac .lty-lottery-timer {
	clip-path: polygon(0 0, 100% 0, 100% 24%, 94% 24%, 88% 100%, 12% 100%, 6% 24%, 0 24%);
}

/* The fact icons sit inside each almanac box, not on its border. */
body.ck-skin.ck-tm-style.ck-facts-almanac .lty-lottery-product-summary > p.ck-fact::before,
body.ck-skin.ck-tm-style.ck-facts-almanac .lty-lottery-product-summary > p.lty-gift-product-notice::before {
	left: 14px;
	top: 14px;
}

body.ck-skin.ck-tm-style.ck-facts-almanac .lty-lottery-timer-content:first-child {
	display: block;
	font-family: var(--ck-font-heading);
	font-size: 21px !important;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.05;
}

body.ck-skin.ck-tm-style.ck-facts-almanac .lty-lottery-product-summary > p.ck-fact {
	background: none;
	border: 0;
	border-bottom: 1.5px solid var(--gh-leaf);
	display: flex !important;
	flex-direction: column;
	gap: 3px;
	order: 3;
	padding: 11px 14px 12px;
}

body.ck-skin.ck-tm-style.ck-facts-almanac .lty-lottery-product-summary > p.ck-fact:nth-of-type(even) {
	border-left: 1.5px solid var(--gh-leaf);
}

body.ck-skin.ck-tm-style.ck-facts-almanac .lty-lottery-product-summary > p.lty-gift-product-notice {
	border-bottom: 1.5px solid var(--gh-leaf);
	display: block !important;
	grid-column: 1 / -1;
	order: 2;
	padding: 12px 14px;
}

body.ck-skin.ck-tm-style.ck-facts-almanac .ck-fact__label {
	color: var(--gh-timber-2);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .12em;
	text-transform: uppercase;
}

body.ck-skin.ck-tm-style.ck-facts-almanac .ck-fact__value {
	color: var(--gh-leaf);
	font-family: var(--ck-font-heading);
	font-size: 19px;
	font-weight: 700;
	margin: 0;
}

body.ck-skin.ck-tm-style.ck-facts-almanac .lty-gift-product-notice .ck-fact__label {
	display: block;
	margin-bottom: 4px;
}

body.ck-skin.ck-tm-style.ck-facts-almanac .lty-gift-product-notice .ck-fact__value {
	display: block;
	font-size: 17px;
}

/* How it works: seed, shoot and bloom standing on one strip of soil. */
.ck-skin.ck-steps-growth .ck-steps {
	background: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	padding: 10px 0 0;
}

.ck-skin.ck-steps-growth .ck-steps ol {
	position: relative;
}

.ck-steps-growth .ck-steps__item {
	background: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	padding: 0 14px;
	position: relative;
	text-align: center;
}

.ck-steps-growth .ck-steps__item::before {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M6 50h52v4H6z' fill='%236e4527'/%3E%3Cpath d='M10 54h44v4H10z' fill='%238a5a34' opacity='.5'/%3E%3Cellipse cx='32' cy='42' rx='9' ry='6' fill='%23c9a46a'/%3E%3Cpath d='M25 42c4-3 10-3 14 0' stroke='%238a5a34' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") center / contain no-repeat;
	content: "";
	display: block;
	height: 88px;
	margin: 0 auto 4px;
	width: 88px;
}

.ck-steps-growth .ck-steps__item:nth-child(3n+2)::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M6 50h52v4H6z' fill='%236e4527'/%3E%3Cpath d='M10 54h44v4H10z' fill='%238a5a34' opacity='.5'/%3E%3Cpath d='M31 50V30h2v20z' fill='%232f6b3a'/%3E%3Cpath d='M32 36C32 28 26 23 17 23C17 31 23 36 32 36Z' fill='%233f8a4b'/%3E%3Cpath d='M32 31C32 22 39 17 48 17C48 26 41 31 32 31Z' fill='%232f6b3a'/%3E%3C/svg%3E");
}

.ck-steps-growth .ck-steps__item:nth-child(3n)::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpath d='M6 50h52v4H6z' fill='%236e4527'/%3E%3Cpath d='M10 54h44v4H10z' fill='%238a5a34' opacity='.5'/%3E%3Cpath d='M31 50V22h2v28z' fill='%232f6b3a'/%3E%3Cpath d='M32 42C32 35 26 31 19 31C19 38 25 42 32 42Z' fill='%233f8a4b'/%3E%3Cpath d='M32 36C32 29 38 25 45 25C45 32 39 36 32 36Z' fill='%232f6b3a'/%3E%3Cg fill='%238a5fa8'%3E%3Ccircle cx='32' cy='9' r='5'/%3E%3Ccircle cx='32' cy='23' r='5'/%3E%3Ccircle cx='25' cy='16' r='5'/%3E%3Ccircle cx='39' cy='16' r='5'/%3E%3C/g%3E%3Ccircle cx='32' cy='16' r='4' fill='%23e9b730'/%3E%3C/svg%3E");
}

.ck-steps-growth .ck-steps__icon {
	display: none;
}

.ck-skin.ck-steps-growth .ck-steps__num {
	align-items: center;
	background: var(--gh-kraft);
	border: 0;
	border-radius: 0 4px 4px 0;
	clip-path: polygon(10px 0, 100% 0, 100% 100%, 10px 100%, 0 50%);
	color: var(--gh-leaf);
	display: inline-flex;
	font-family: var(--ck-font-heading);
	font-size: 15px;
	font-style: italic;
	font-weight: 700;
	height: 26px;
	justify-content: center;
	margin: 0 auto 10px;
	padding: 0 12px 0 18px;
	position: static;
	width: auto;
}

.ck-skin.ck-steps-growth .ck-steps__num::before {
	content: "Step ";
	margin-right: .25em;
}

.ck-skin.ck-steps-growth .ck-steps__item b {
	color: var(--gh-leaf);
	display: block;
	font-family: var(--ck-font-heading);
	font-size: 21px;
	font-weight: 700;
}

/* Sign-up: a seed-swap envelope with its flap open. */
body.ck-signup-envelope .cse-notify-strip {
	background: none;
	padding: 40px 16px;
}

body.ck-signup-envelope .cse-notify-strip .cse-notify {
	background:
		radial-gradient(circle at 30% 40%, rgba(110, 69, 39, .05) 0 1px, transparent 1.5px) 0 0 / 9px 9px,
		var(--gh-kraft);
	border: 0;
	border-radius: 4px;
	box-shadow: 0 2px 3px rgba(59, 42, 30, .1), 0 14px 30px rgba(59, 42, 30, .14);
	color: var(--gh-leaf);
	margin: 0 auto;
	max-width: 760px;
	overflow: hidden;
	padding: 92px 46px 36px;
	position: relative;
	text-align: center;
}

body.ck-signup-envelope .cse-notify-strip .cse-notify::before {
	background: var(--gh-kraft-2);
	clip-path: polygon(0 0, 100% 0, 50% 100%);
	content: "";
	height: 74px;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

/* A seedling on the wax seal where the flap meets. */
body.ck-signup-envelope .cse-notify-strip .cse-notify::after {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M19 36V22h2v14z' fill='%23fbfaf3'/%3E%3Cpath d='M20 26C20 20 15 16 8 16C8 22 13 26 20 26Z' fill='%23fbfaf3'/%3E%3Cpath d='M20 22C20 15 26 11 33 11C33 18 27 22 20 22Z' fill='%23fbfaf3'/%3E%3C/svg%3E") center 40% / 26px no-repeat, var(--ck-accent);
	border-radius: 50%;
	box-shadow: 0 0 0 4px color-mix(in srgb, var(--ck-accent) 35%, transparent);
	content: "";
	height: 44px;
	left: 50%;
	position: absolute;
	top: 52px;
	transform: translateX(-50%);
	width: 44px;
}

body.ck-signup-envelope .cse-notify-strip .cse-notify :is(h2, h3, strong, p, label) {
	color: var(--gh-leaf);
}

body.ck-signup-envelope .cse-notify-strip .cse-notify :is(h2, h3) {
	font-family: var(--ck-font-heading);
	font-weight: 700;
	text-transform: none;
}

body.ck-signup-envelope .cse-notify-strip input:not([type="submit"]):not([type="checkbox"]) {
	background: var(--gh-cream);
	border: 1.5px solid var(--gh-leaf);
	border-radius: 6px;
	box-shadow: none;
	color: var(--gh-leaf);
}

@media (max-width: 600px) {
	body.ck-signup-envelope .cse-notify-strip .cse-notify {
		padding: 84px 18px 26px;
	}
}

/* Footer: layered soil with shoots along the top. */
body.ck-footer-soil .site-footer {
	--ck-text: #efe6d4;
	--ck-muted: #c4b294;
	--ck-line: rgba(239, 230, 212, .16);
	background: var(--gh-specks), linear-gradient(#4a3424 0 46px, var(--gh-soil) 46px 62%, var(--gh-soil-2));
	border-top: 0;
	color: var(--ck-text);
	margin-top: 90px;
	position: relative;
}

body.ck-footer-soil .site-footer::before {
	background: var(--gh-leaf-3);
	content: "";
	height: 26px;
	left: 0;
	-webkit-mask: var(--gh-shoots) 0 100% / 60px 26px repeat-x;
	mask: var(--gh-shoots) 0 100% / 60px 26px repeat-x;
	position: absolute;
	right: 0;
	top: -24px;
}

/* This footer turns the text light, so the payment marks need a dark card too. */
body.ck-footer-soil .ck-foot__pay {
	--ck-surface: #241910;
	--ck-text: #fff;
}

body.ck-footer-soil .site-footer .site-info,
body.ck-footer-soil .site-footer .inside-site-info {
	background: none;
}

body.ck-skin.ck-footer-soil .site-info .ck-foot__logo {
	color: #fff;
	display: inline-block;
	font-family: var(--ck-font-heading);
	font-size: clamp(26px, 3vw, 36px);
	font-weight: 700;
	line-height: 1;
}

body.ck-skin.ck-footer-soil .site-info .ck-foot__logo span {
	color: var(--gh-kraft-2);
	font-style: italic;
}

body.ck-skin.ck-footer-soil .site-footer :is(a, p, li, span, h2, h3, h4) {
	color: inherit;
}

body.ck-skin.ck-footer-soil .site-footer a:hover {
	color: #b9dba0;
}

/* Standard pages: the title on a herbarium label beside a pressed fern. */
body.ck-skin.ck-page-pressed.page:not(.home) .inside-article > .entry-header {
	background: var(--gh-cream);
	border: 1.5px solid var(--gh-leaf);
	box-shadow: 0 2px 6px rgba(30, 77, 43, .1);
	display: block;
	margin: 30px 0 44px 120px;
	max-width: 640px;
	outline: 1px solid var(--gh-leaf);
	outline-offset: -6px;
	padding: 22px 28px 20px;
	position: relative;
}

body.ck-skin.ck-page-pressed.page:not(.home) .inside-article > .entry-header::before {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 130'%3E%3Cg fill='%232f6b3a'%3E%3Cpath d='M59 128C58 90 60 50 63 6l2 0C63 50 62 90 62 128Z'/%3E%3Cellipse cx='44.0' cy='112' rx='17.0' ry='4' transform='rotate(-28 44.0 112)'/%3E%3Cellipse cx='79.0' cy='108' rx='17.0' ry='4' transform='rotate(28 79.0 108)'/%3E%3Cellipse cx='45.3' cy='102' rx='15.7' ry='4' transform='rotate(-28 45.3 102)'/%3E%3Cellipse cx='77.7' cy='98' rx='15.7' ry='4' transform='rotate(28 77.7 98)'/%3E%3Cellipse cx='46.6' cy='92' rx='14.4' ry='4' transform='rotate(-28 46.6 92)'/%3E%3Cellipse cx='76.4' cy='88' rx='14.4' ry='4' transform='rotate(28 76.4 88)'/%3E%3Cellipse cx='47.9' cy='82' rx='13.1' ry='4' transform='rotate(-28 47.9 82)'/%3E%3Cellipse cx='75.1' cy='78' rx='13.1' ry='4' transform='rotate(28 75.1 78)'/%3E%3Cellipse cx='49.2' cy='72' rx='11.8' ry='4' transform='rotate(-28 49.2 72)'/%3E%3Cellipse cx='73.8' cy='68' rx='11.8' ry='4' transform='rotate(28 73.8 68)'/%3E%3Cellipse cx='50.5' cy='62' rx='10.5' ry='4' transform='rotate(-28 50.5 62)'/%3E%3Cellipse cx='72.5' cy='58' rx='10.5' ry='4' transform='rotate(28 72.5 58)'/%3E%3Cellipse cx='51.8' cy='52' rx='9.2' ry='4' transform='rotate(-28 51.8 52)'/%3E%3Cellipse cx='71.2' cy='48' rx='9.2' ry='4' transform='rotate(28 71.2 48)'/%3E%3Cellipse cx='53.1' cy='42' rx='7.9' ry='4' transform='rotate(-28 53.1 42)'/%3E%3Cellipse cx='69.9' cy='38' rx='7.9' ry='4' transform='rotate(28 69.9 38)'/%3E%3Cellipse cx='54.4' cy='32' rx='6.6' ry='4' transform='rotate(-28 54.4 32)'/%3E%3Cellipse cx='68.6' cy='28' rx='6.6' ry='4' transform='rotate(28 68.6 28)'/%3E%3Cellipse cx='55.7' cy='22' rx='5.3' ry='4' transform='rotate(-28 55.7 22)'/%3E%3Cellipse cx='67.3' cy='18' rx='5.3' ry='4' transform='rotate(28 67.3 18)'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
	content: "";
	height: 130px;
	left: -124px;
	opacity: .55;
	position: absolute;
	top: 50%;
	transform: translateY(-50%) rotate(-14deg);
	width: 110px;
}

body.ck-skin.ck-page-pressed.page:not(.home) .inside-article > .entry-header .entry-title {
	color: var(--gh-leaf);
	font-size: clamp(28px, 3.4vw, 44px);
	font-style: italic;
	font-weight: 600;
	line-height: 1.1;
	text-transform: none;
}

body.ck-page-pressed .cse-policy-text {
	margin: 0 auto;
	max-width: 820px;
}

@media (max-width: 600px) {
	body.ck-skin.ck-page-pressed.page:not(.home) .inside-article > .entry-header {
		margin: 20px 0 30px 64px;
		padding: 16px 18px;
	}

	body.ck-skin.ck-page-pressed.page:not(.home) .inside-article > .entry-header::before {
		height: 84px;
		left: -70px;
		width: 66px;
	}
}

/* Basket as a timber garden trug: a curved slatted tray with a handle. */
body.ck-skin.ck-basket-trug .wc-block-cart-items,
body.ck-skin.ck-basket-trug .wc-block-cart-items tbody {
	display: block;
	width: 100%;
}

body.ck-skin.ck-basket-trug .wc-block-cart-items,
body.ck-skin.ck-basket-trug .wc-block-cart-items tr,
body.ck-skin.ck-basket-trug .wc-block-cart-items td,
body.ck-skin.ck-basket-trug .wc-block-cart-items th {
	border: 0 !important;
}

body.ck-skin.ck-basket-trug .wc-block-cart-items {
	background:
		repeating-linear-gradient(180deg, transparent 0 38px, rgba(0, 0, 0, .14) 38px 40px),
		linear-gradient(90deg, rgba(0, 0, 0, .08), transparent 20% 80%, rgba(0, 0, 0, .1)),
		#c4925c !important;
	border-radius: 6px 6px 50% 50% / 6px 6px 40px 40px;
	margin-top: 64px;
	/* Woo sets background none !important on this table and the theme hides its overflow. */
	overflow: visible;
	padding: 22px 18px 46px;
	position: relative;
}

body.ck-skin.ck-basket-trug .wc-block-cart-items::before {
	border: 7px solid var(--gh-timber);
	border-bottom: 0;
	border-radius: 50% 50% 0 0 / 100% 100% 0 0;
	content: "";
	height: 62px;
	left: 18%;
	position: absolute;
	right: 18%;
	top: -58px;
}

body.ck-skin.ck-basket-trug .wc-block-cart-items thead {
	display: none;
}

body.ck-skin.ck-basket-trug .wc-block-cart-items tr.wc-block-cart-items__row {
	align-items: center;
	background: var(--gh-cream);
	border-radius: 8px;
	box-shadow: 0 2px 4px rgba(59, 42, 30, .25);
	display: grid;
	gap: 14px;
	grid-template-columns: 84px minmax(0, 1fr) auto;
	margin-bottom: 10px;
	padding: 12px 14px;
}

body.ck-skin.ck-basket-trug .wc-block-cart-items tr.wc-block-cart-items__row:last-child {
	margin-bottom: 0;
}

body.ck-skin.ck-basket-trug .wc-block-cart-items td {
	background: none;
	box-shadow: none;
	color: var(--gh-leaf);
	display: block;
	padding: 0;
	width: auto;
}

body.ck-skin.ck-basket-trug .wc-block-cart-item__image img {
	border: 0;
	border-radius: 50% 50% 4px 4px / 34% 34% 4px 4px;
	max-width: 84px;
	width: 84px;
}

body.ck-skin.ck-basket-trug .wc-block-components-product-name {
	color: var(--gh-leaf) !important;
	font-family: var(--ck-font-heading);
	font-size: 19px;
	font-weight: 700;
	line-height: 1.2;
}

body.ck-skin.ck-basket-trug .wc-block-components-quantity-selector {
	background: #fff;
	border: 1.5px solid var(--gh-leaf);
	border-radius: 6px;
	box-shadow: none;
}

body.ck-skin.ck-basket-trug .wc-block-components-quantity-selector::after {
	display: none;
}

body.ck-skin.ck-basket-trug .wc-block-cart-item__total :is(span, div) {
	color: var(--gh-leaf) !important;
	font-family: var(--ck-font-heading);
	font-size: 18px;
	font-weight: 700;
}

body.ck-skin.ck-basket-trug .wc-block-cart__sidebar {
	background: var(--gh-cream);
	border: 0;
	border-radius: 8px;
	border-top: 8px solid var(--gh-leaf);
	box-shadow: 0 2px 4px rgba(30, 77, 43, .1), 0 10px 24px rgba(30, 77, 43, .1);
	color: var(--gh-leaf);
	padding: 18px;
}

body.ck-skin.ck-basket-trug .wc-block-cart__sidebar .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
	background: var(--gh-leaf-2);
	border-radius: 0 100%;
	color: #fff;
	display: inline-block;
	font-family: var(--ck-font-heading);
	font-size: 21px;
	font-weight: 700;
	padding: 10px 18px;
}

/* Pin each trug cell, since Woo's narrow cart places them itself. */
body.ck-skin.ck-basket-trug .wc-block-cart-items td.wc-block-cart-item__image { grid-column: 1; grid-row: 1 / span 2; }
body.ck-skin.ck-basket-trug .wc-block-cart-items td.wc-block-cart-item__product { grid-column: 2; grid-row: 1; }
body.ck-skin.ck-basket-trug .wc-block-cart-items td.wc-block-cart-item__total { grid-column: 3; grid-row: 1; justify-self: end; }

body.ck-skin.ck-basket-trug .wc-block-cart.is-mobile .wc-block-cart-items tr.wc-block-cart-items__row,
body.ck-skin.ck-basket-trug .wc-block-cart.is-small .wc-block-cart-items tr.wc-block-cart-items__row {
	grid-template-columns: 64px minmax(0, 1fr);
	padding: 10px;
}

body.ck-skin.ck-basket-trug .wc-block-cart.is-mobile .wc-block-cart-item__image img,
body.ck-skin.ck-basket-trug .wc-block-cart.is-small .wc-block-cart-item__image img {
	max-width: 64px;
	width: 64px;
}

body.ck-skin.ck-basket-trug .wc-block-cart.is-mobile .wc-block-cart-items td.wc-block-cart-item__total,
body.ck-skin.ck-basket-trug .wc-block-cart.is-small .wc-block-cart-items td.wc-block-cart-item__total {
	grid-column: 2;
	grid-row: 2;
	justify-self: start;
}

@media (max-width: 600px) {
	body.ck-skin.ck-basket-trug .wc-block-cart-items {
		padding: 16px 10px 36px;
	}
}

/* Account: a cloth-bound garden journal, entries as seed packets. */
.ck-skin.ck-account-journal .woocommerce-MyAccount-navigation {
	background:
		linear-gradient(90deg, transparent calc(100% - 26px), #16381f calc(100% - 26px) calc(100% - 16px), transparent calc(100% - 16px)),
		repeating-linear-gradient(45deg, rgba(255, 255, 255, .03) 0 2px, transparent 2px 4px),
		var(--gh-leaf);
	border: 0;
	border-radius: 4px 14px 14px 4px;
	box-shadow: inset 6px 0 0 #16381f, 0 10px 24px rgba(30, 77, 43, .2);
	color: #fff;
	overflow: hidden;
	padding: 0 32px 14px 6px;
}

.ck-skin.ck-account-journal .woocommerce-MyAccount-navigation::before {
	border-bottom: 1px solid rgba(230, 213, 179, .35);
	color: var(--gh-kraft);
	content: "Garden journal";
	display: block;
	font-family: var(--ck-font-heading);
	font-size: 21px;
	font-style: italic;
	font-weight: 600;
	margin: 0 12px 10px;
	padding: 20px 6px 14px;
}

.ck-skin.ck-account-journal .woocommerce-MyAccount-navigation ul {
	background: none;
	border: 0;
	box-shadow: none;
	margin: 0;
	padding: 0;
}

.ck-skin.ck-account-journal .woocommerce-MyAccount-navigation li {
	border: 0;
	margin: 0;
}

.ck-skin.ck-account-journal .woocommerce-MyAccount-navigation li a {
	background: none;
	border: 0;
	border-radius: 0;
	color: #e4eedc;
	font-family: var(--ck-font-body);
	font-size: 15px;
	font-weight: 600;
	line-height: 1.2;
	padding: 10px 18px;
}

.ck-skin.ck-account-journal .woocommerce-MyAccount-navigation li a .ck-icon {
	background-color: currentColor;
}

.ck-skin.ck-account-journal .woocommerce-MyAccount-navigation li a:hover {
	background: rgba(255, 255, 255, .07);
	color: #fff;
}

/* The active page is a ribbon bookmark. */
.ck-skin.ck-account-journal .woocommerce-MyAccount-navigation li.is-active a {
	background: var(--gh-kraft);
	clip-path: polygon(0 0, 100% 0, calc(100% - 12px) 50%, 100% 100%, 0 100%);
	color: var(--gh-leaf);
}

.ck-skin.ck-account-journal.woocommerce-account .woocommerce-MyAccount-content {
	background: radial-gradient(circle, rgba(30, 77, 43, .14) 0 1px, transparent 1.4px) 0 0 / 18px 18px, var(--gh-cream);
	border: 0;
	border-radius: 4px;
	box-shadow: 0 2px 4px rgba(30, 77, 43, .08), 0 10px 26px rgba(30, 77, 43, .1);
	padding: 28px;
}

.ck-account-journal .ck-entries {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
}

.ck-skin.ck-account-journal a.ck-entry {
	background: var(--gh-kraft);
	border: 0;
	border-radius: 0;
	color: var(--gh-leaf);
	display: flex;
	flex-direction: column;
	gap: 6px;
	-webkit-mask: var(--gh-crimp-top), linear-gradient(#000, #000) 0 7px / 100% calc(100% - 7px) no-repeat;
	mask: var(--gh-crimp-top), linear-gradient(#000, #000) 0 7px / 100% calc(100% - 7px) no-repeat;
	padding: 34px 14px 14px;
	position: relative;
}

.ck-skin.ck-account-journal a.ck-entry::before {
	background: var(--gh-leaf);
	content: "";
	height: 14px;
	left: 0;
	position: absolute;
	right: 0;
	top: 7px;
}

.ck-account-journal .ck-entry__name {
	font-family: var(--ck-font-heading);
	font-size: 17px;
	font-weight: 700;
	line-height: 1.2;
}

.ck-skin.ck-account-journal .ck-account-tile {
	border-radius: 8px;
}

/* Watch live: a glass cloche over a seedling, and a plain green player. */
body.ck-live-cloche .cse-player-reopen {
	align-items: center;
	background:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M19 36V22h2v14z' fill='%232f6b3a'/%3E%3Cpath d='M20 26C20 20 15 16 8 16C8 22 13 26 20 26Z' fill='%233f8a4b'/%3E%3Cpath d='M20 22C20 15 26 11 33 11C33 18 27 22 20 22Z' fill='%232f6b3a'/%3E%3Cpath d='M8 36h24v3H8z' fill='%236e4527'/%3E%3C/svg%3E") 50% 100% / 46px no-repeat,
		radial-gradient(ellipse at 32% 26%, rgba(255, 255, 255, .85) 0 9%, transparent 22%),
		linear-gradient(rgba(214, 236, 218, .9), rgba(190, 222, 197, .92));
	border: 2px solid rgba(30, 77, 43, .45);
	border-radius: 50% 50% 6px 6px / 64% 64% 6px 6px;
	box-shadow: 0 5px 0 -1px var(--gh-timber-2), 0 10px 20px rgba(0, 0, 0, .22);
	color: var(--gh-leaf);
	display: flex;
	flex-direction: column;
	font-family: var(--ck-font-body);
	font-size: 11px;
	font-weight: 800;
	gap: 2px;
	height: 96px;
	justify-content: flex-start;
	letter-spacing: .04em;
	line-height: 1.1;
	margin: 8px;
	padding: 22px 8px 0;
	text-align: center;
	text-transform: uppercase;
	width: 90px;
}

/* The knob on top of the bell. */
body.ck-live-cloche .cse-player-reopen::before {
	background: rgba(214, 236, 218, .95);
	border: 2px solid rgba(30, 77, 43, .45);
	border-radius: 50%;
	content: "";
	height: 14px;
	left: 50%;
	position: absolute;
	top: -9px;
	transform: translateX(-50%);
	width: 14px;
}

body.ck-live-cloche .cse-player-reopen * {
	color: inherit;
}

body.ck-live-cloche .cse-player-reopen[hidden] {
	display: none;
}

body.ck-live-cloche .cse-player-reopen:active {
	transform: scale(.95);
}

body.ck-live-cloche .cse-player {
	background: var(--gh-leaf);
	border: 0;
	border-radius: 10px;
	border-top: 5px solid var(--ck-accent);
	box-shadow: 0 14px 34px rgba(0, 0, 0, .3);
}

body.ck-live-cloche .cse-player__bar strong {
	color: #fff;
	font-family: var(--ck-font-heading);
	font-size: 15px;
	font-style: italic;
	font-weight: 600;
	text-transform: none;
}
/* GREENHOUSE-LAYOUTS-END */

/* PADDOCK-LAYOUTS-START */
/* Paddock layouts. Each is a registry choice, so any look can use it. */
.ck-skin {
	--pd-ox: #5b1a22;
	--pd-ox-2: #3f1117;
	--pd-ox-3: #7b2b34;
	--pd-oat: #f3ead8;
	--pd-oat-2: #e6d8bb;
	--pd-paper: #fbf6ea;
	--pd-gold: #c9a13b;
	--pd-gold-2: #9c7a22;
	--pd-gold-3: #e9cb6c;
	--pd-blue: #23468f;
	--pd-blue-2: #182f63;
	--pd-turf: #3f6e37;
	--pd-turf-2: #345e2e;
	--pd-ink: #241612;
	--pd-plate: linear-gradient(#fff, #fff) 50% 50% / 64% 64% no-repeat;
	--pd-silk-1: conic-gradient(var(--pd-ox) 25%, var(--pd-gold) 0 50%, var(--pd-ox) 0 75%, var(--pd-gold) 0);
	--pd-silk-2: repeating-linear-gradient(0deg, var(--pd-blue) 0 4px, #fff 4px 8px);
	--pd-silk-3: repeating-linear-gradient(90deg, var(--pd-gold) 0 4px, var(--pd-ox) 4px 8px);
	--pd-silk-4: conic-gradient(from 45deg, #fff 25%, var(--pd-blue) 0 50%, #fff 0 75%, var(--pd-blue) 0) 0 0 / 9px 9px;
	--pd-silk-5: linear-gradient(45deg, transparent 40%, var(--pd-gold) 40% 60%, transparent 60%), linear-gradient(-45deg, transparent 40%, var(--pd-gold) 40% 60%, transparent 60%), var(--pd-ink);
	--pd-bunting: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 24'%3E%3Cpath d='M0 2.2Q45 5.5 90 2.2' stroke='%23fbf6ea' stroke-width='1.2' fill='none'/%3E%3Cpath d='M3 2.6h24L15 22z' fill='%23c9a13b'/%3E%3Cpath d='M33 3.6h24L45 23.5z' fill='%2323468f'/%3E%3Cpath d='M63 2.6h24L75 22z' fill='%23fbf6ea'/%3E%3C/svg%3E");
	--pd-rail: linear-gradient(#fff, #fff) 0 3px / 100% 5px no-repeat, linear-gradient(#fff, #fff) 0 17px / 100% 5px no-repeat, repeating-linear-gradient(90deg, #fff 0 7px, transparent 7px 140px) 0 0 / 100% 30px no-repeat;
}

.ck-icon--horseshoe {
	--ck-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M6.2 3.5C3.3 8 3.4 14.4 6.8 18.2c2.8 3 7.6 3 10.4 0 3.4-3.8 3.5-10.2.6-14.7'/%3E%3Cpath d='M4 3.2h3.6M16.4 3.2H20' stroke-width='2'/%3E%3C/svg%3E");
}

/* Abril Fatface has one weight: never let the browser fake a bold. */
body.ck-headfont-abril-fatface :is(h1, h2, h3, h4, .main-title, .ck-card__title, .product_title, .entry-title) {
	font-weight: 400;
	letter-spacing: .005em;
}

/* Pennant buttons: a flag on its pole, cut on the slant. */
.ck-skin.ck-btn-pennant .ck-btn,
.ck-skin.ck-btn-pennant .button,
.ck-skin.ck-btn-pennant .wp-element-button,
.ck-skin.ck-btn-pennant.single-product div.product form.cart .single_add_to_cart_button,
.ck-skin.ck-btn-pennant.ck-tm-style .lty-lucky-dip-button,
.ck-skin.ck-btn-pennant .cse-notify button,
.ck-skin.ck-btn-pennant .cse-notify input[type="submit"] {
	background: linear-gradient(var(--pd-ox), var(--pd-ox)) 0 0 / 6px 100% no-repeat, var(--ck-accent);
	border: 0;
	border-radius: 0;
	box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .14);
	clip-path: polygon(0 0, 100% 0, calc(100% - 16px) 100%, 0 100%);
	color: var(--ck-btn-text);
	font-family: var(--ck-font-body);
	font-size: 14px;
	font-weight: 800;
	letter-spacing: .08em;
	line-height: 1.3;
	padding: 13px 34px 13px 24px;
	text-decoration: none;
	text-transform: uppercase;
	transition: background .15s ease, color .15s ease;
}

.ck-skin.ck-btn-pennant .ck-btn:hover,
.ck-skin.ck-btn-pennant .button:hover,
.ck-skin.ck-btn-pennant .wp-element-button:hover,
.ck-skin.ck-btn-pennant.single-product div.product form.cart .single_add_to_cart_button:hover,
.ck-skin.ck-btn-pennant .cse-notify button:hover {
	background: linear-gradient(var(--pd-gold), var(--pd-gold)) 0 0 / 6px 100% no-repeat, var(--pd-ox);
	color: #fff;
}

body.ck-btn-pennant {
	--ck-fade: linear-gradient(var(--ck-accent), var(--ck-accent));
}

/* Countdown as starting stalls: a gate of bars over each number. */
.ck-tile-starter .ck-cd__tiles {
	gap: 4px;
}

.ck-tile-starter .ck-cd__unit {
	background:
		repeating-linear-gradient(90deg, rgba(255, 255, 255, .8) 0 2px, transparent 2px 7px) 3px 0 / calc(100% - 6px) 13px no-repeat,
		linear-gradient(var(--pd-ox-2), var(--pd-ox-2)) 0 0 / 100% 13px no-repeat,
		var(--pd-ox);
	border: 0;
	border-radius: 0;
	box-shadow: inset 0 -3px 0 var(--pd-gold);
	height: 60px;
	justify-content: flex-end;
	min-width: 0;
	padding: 0 0 8px;
	width: 54px;
}

.ck-tile-starter .ck-cd__unit,
.ck-tile-starter .ck-cd__unit * {
	color: #fff;
}

.ck-tile-starter .ck-cd__unit b {
	font-family: var(--ck-font-heading);
	font-size: 20px;
	font-weight: 400;
}

.ck-tile-starter .ck-cd__unit i {
	color: var(--pd-gold-3);
	font-size: 8.5px;
	letter-spacing: .12em;
}

/* Furlong: a turf strip with a white rail and marker posts every eighth. */
.ck-bar-furlong .ck-bar__track {
	background:
		repeating-linear-gradient(90deg, transparent 0 calc(12.5% - 2px), #fff calc(12.5% - 2px) 12.5%),
		linear-gradient(#fff, #fff) 0 0 / 100% 2px no-repeat,
		var(--pd-turf);
	border: 0;
	border-radius: 0;
	box-shadow: none;
	height: 12px;
	overflow: hidden;
	position: relative;
}

.ck-bar-furlong .ck-bar__track span {
	background: repeating-linear-gradient(90deg, var(--pd-gold) 0 10px, var(--pd-gold-3) 10px 20px);
	border-radius: 0;
	box-shadow: 2px 0 0 var(--pd-ox);
	display: block;
	height: 100%;
}

/* Header: an oxblood show-ground bar with flag bunting along its edge. */
.ck-skin.ck-header-bunting .site-header {
	background:
		linear-gradient(var(--pd-gold), var(--pd-gold)) 0 100% / 100% 3px no-repeat,
		var(--pd-ox);
	border: 0;
}

.ck-skin.ck-header-bunting .site-header::after {
	background: var(--pd-bunting) 0 0 / 90px 24px repeat-x;
	bottom: -22px;
	content: "";
	display: block;
	height: 24px;
	left: 0;
	pointer-events: none;
	position: absolute;
	right: 0;
	z-index: 5;
}

.ck-skin.ck-header-bunting .site-header .main-title {
	font-family: var(--ck-font-heading);
	font-size: 30px;
	font-weight: 400;
	letter-spacing: .01em;
	line-height: 1;
	margin: 0;
	text-transform: none;
}

.ck-skin.ck-header-bunting .site-header .main-title a {
	color: var(--pd-paper);
}

.ck-skin.ck-header-bunting .site-header .main-title a span {
	color: var(--pd-gold-3);
}

@media (min-width: 769px) {
	.ck-skin.ck-header-bunting .site-header .inside-header {
		align-items: center;
		display: flex;
		gap: 26px;
		justify-content: space-between;
		max-width: 1320px;
		padding: 18px 20px 20px;
	}

	.ck-skin.ck-header-bunting .site-header .site-branding {
		margin: 0;
	}

	.ck-skin.ck-header-bunting .site-header #site-navigation,
	.ck-skin.ck-header-bunting .site-header #site-navigation .inside-navigation {
		background: none;
	}

	.ck-skin.ck-header-bunting .site-header #site-navigation .inside-navigation {
		align-items: center;
		display: flex;
		gap: 10px;
	}

	.ck-skin.ck-header-bunting .site-header #site-navigation .main-nav > ul {
		align-items: center;
		display: flex;
		gap: 2px;
	}

	.ck-skin.ck-header-bunting .site-header #site-navigation .main-nav > ul > li > a {
		background: none;
		color: #f1e2d0;
		font-family: var(--ck-font-body);
		font-size: 13px;
		font-weight: 700;
		letter-spacing: .12em;
		line-height: 40px;
		padding: 0 13px;
		text-transform: uppercase;
	}

	.ck-skin.ck-header-bunting .site-header #site-navigation .main-nav > ul > li:hover > a,
	.ck-skin.ck-header-bunting .site-header #site-navigation .main-nav > ul > li.current-menu-item > a {
		background: linear-gradient(var(--pd-gold), var(--pd-gold)) 50% calc(100% - 5px) / calc(100% - 26px) 2px no-repeat;
		color: #fff;
	}
}

.ck-skin.ck-header-bunting .menu-bar-items .ck-menu-login,
.ck-skin.ck-header-bunting .menu-bar-items .ck-menu-login .ck-menu-label,
.ck-skin.ck-header-bunting .ck-menu-icon,
.ck-skin.ck-header-bunting .menu-toggle,
.ck-skin.ck-header-bunting .menu-toggle .gp-icon {
	color: #fff;
}

.ck-skin.ck-header-bunting .menu-bar-items .ck-menu-login {
	background: none;
	border: 1.5px solid rgba(233, 203, 108, .55);
	border-radius: 0;
	font-family: var(--ck-font-body);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
}

.ck-skin.ck-header-bunting .ck-menu-cta {
	background: linear-gradient(var(--pd-ox-2), var(--pd-ox-2)) 0 0 / 5px 100% no-repeat, var(--pd-gold);
	border: 0;
	border-radius: 0;
	clip-path: polygon(0 0, 100% 0, calc(100% - 12px) 100%, 0 100%);
	color: var(--pd-ink);
	font-family: var(--ck-font-body);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .1em;
	padding-left: 18px;
	padding-right: 24px;
	text-transform: uppercase;
}

.ck-skin.ck-header-bunting .menu-bar-items .ck-icon {
	background-color: #fff;
}

.ck-skin.ck-header-bunting .ck-cart-count {
	background: var(--pd-gold);
	border-radius: 0;
	color: var(--pd-ink);
}

.ck-skin.ck-header-bunting .site-content,
.ck-skin.ck-header-bunting #page > .ck-home-top {
	margin-top: 22px;
}

@media (max-width: 768px) {
	.ck-skin.ck-header-bunting .site-header .main-title {
		font-size: 22px;
	}

	.ck-skin.ck-header-bunting .site-header::after {
		background-size: 66px 18px;
		bottom: -16px;
		height: 18px;
	}

	.ck-skin.ck-header-bunting .site-content,
	.ck-skin.ck-header-bunting #page > .ck-home-top {
		margin-top: 16px;
	}
}

/* Show ring hero: the prize inside an oval of white rails, the runners below. */
.ck-home-top:has(.ck-showring),
.ck-home-top:has(.ck-showring)::before,
.ck-home-top:has(.ck-showring)::after {
	background: none;
	border: 0;
	box-shadow: none;
}

.ck-home-top:has(.ck-showring)::before,
.ck-home-top:has(.ck-showring)::after {
	display: none;
}

.ck-home-top:has(.ck-showring) {
	padding: 0;
}

.ck-showring {
	background: var(--pd-oat);
	position: relative;
}

.ck-showring__inner {
	align-items: center;
	display: grid;
	gap: 40px 60px;
	grid-template-columns: minmax(0, 1fr) minmax(0, 600px);
	margin: 0 auto;
	max-width: 1240px;
	padding: 56px 20px 46px;
}

.ck-showring__entry {
	color: var(--pd-ink);
}

.ck-showring__kicker {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0 0 16px;
}

.ck-showring__kicker span {
	background: var(--pd-ox);
	color: var(--pd-gold-3);
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .2em;
	padding: 6px 12px;
	text-transform: uppercase;
}

.ck-showring__kicker em {
	color: var(--pd-ox);
	font-family: var(--ck-font-heading);
	font-size: 19px;
	font-style: normal;
}

.ck-skin .ck-showring__title {
	font-family: var(--ck-font-heading);
	font-size: clamp(40px, 5vw, 70px);
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1;
	margin: 0 0 16px;
	text-transform: none;
}

.ck-skin .ck-showring__title a {
	color: var(--pd-ox);
	text-decoration: none;
}

.ck-showring__about {
	color: #4d3b30;
	font-size: 18px;
	line-height: 1.5;
	margin: 0 0 22px;
	max-width: 50ch;
}

/* The going: a racecard line ruled top and bottom. */
.ck-skin dl.ck-showring__going {
	border-bottom: 1px solid var(--pd-ox);
	border-top: 4px solid var(--pd-ox);
	display: grid;
	grid-auto-columns: minmax(0, auto);
	grid-auto-flow: column;
	justify-content: start;
	margin: 0 0 22px;
}

.ck-showring__going > div {
	padding: 10px 26px 10px 0;
}

.ck-showring__going > div + div {
	border-left: 1px dotted rgba(91, 26, 34, .5);
	padding-left: 18px;
}

.ck-skin .ck-showring__going dt {
	color: var(--pd-gold-2);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .16em;
	margin: 0 0 3px;
	text-transform: uppercase;
}

.ck-skin .ck-showring__going dd {
	color: var(--pd-ink);
	font-family: var(--ck-font-heading);
	font-size: 22px;
	margin: 0;
}

.ck-showring .ck-cd {
	margin: 0 0 24px;
}

.ck-showring__buy .ck-btn {
	font-size: 15px;
	padding: 16px 40px 16px 28px;
}

/* The ring: sand inside two white rails and their posts, the photo in the middle. */
.ck-skin a.ck-showring__ring {
	aspect-ratio: 5 / 4;
	background:
		radial-gradient(closest-side, transparent calc(100% - 22px), #fff calc(100% - 22px) calc(100% - 17px), transparent calc(100% - 17px) calc(100% - 9px), #fff calc(100% - 9px) calc(100% - 4px), transparent calc(100% - 4px)),
		radial-gradient(closest-side, var(--pd-turf) 0 calc(100% - 24px), var(--pd-turf-2) calc(100% - 24px));
	border-radius: 50%;
	display: block;
	filter: drop-shadow(0 18px 26px rgba(63, 17, 23, .25));
	position: relative;
}

/* The rail posts, only between the two rails. */
.ck-skin a.ck-showring__ring::before {
	background: repeating-conic-gradient(from 3deg, #fff 0 1.6deg, transparent 1.6deg 15deg);
	border-radius: 50%;
	content: "";
	inset: 0;
	-webkit-mask: radial-gradient(closest-side, transparent calc(100% - 20px), #000 calc(100% - 20px) calc(100% - 5px), transparent calc(100% - 5px));
	mask: radial-gradient(closest-side, transparent calc(100% - 20px), #000 calc(100% - 20px) calc(100% - 5px), transparent calc(100% - 5px));
	position: absolute;
}

.ck-showring__arena {
	border-radius: 50%;
	box-shadow: 0 0 0 6px #d9c38f, 0 0 0 8px rgba(36, 22, 18, .2);
	inset: 40px;
	overflow: hidden;
	position: absolute;
}

.ck-skin .ck-showring__img {
	height: 100%;
	inset: 0;
	max-width: none;
	object-fit: cover;
	position: absolute;
	width: 100%;
}

.ck-showring__ring .ck-patch__price {
	--ck-patch-size: 112px;
	right: 2%;
	top: 0;
	z-index: 3;
}

/* The rest of the card: numbered runners on a racecard strip. */
.ck-showring__card {
	background: var(--pd-paper);
	border-bottom: 1px solid var(--pd-ox);
	border-top: 6px solid var(--pd-ox);
}

.ck-showring__cardin {
	align-items: center;
	display: grid;
	gap: 0 26px;
	grid-template-columns: auto minmax(0, 1fr) auto;
	margin: 0 auto;
	max-width: 1240px;
	padding: 14px 20px;
}

.ck-skin .ck-showring__head {
	color: var(--pd-ox);
	font-family: var(--ck-font-heading);
	font-size: 22px;
	font-weight: 400;
	margin: 0;
	text-transform: none;
	white-space: nowrap;
}

.ck-showring__card ol {
	display: grid;
	gap: 0;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	list-style: none;
	margin: 0;
	padding: 0;
}

.ck-showring__card li + li {
	border-left: 1px dotted rgba(91, 26, 34, .45);
}

.ck-skin a.ck-showring__runner {
	align-items: center;
	color: var(--pd-ink);
	display: grid;
	gap: 0 10px;
	grid-template-columns: 30px minmax(0, 1fr) auto;
	padding: 6px 14px;
	text-decoration: none;
}

.ck-showring__no {
	align-items: center;
	box-shadow: inset 0 0 0 1px rgba(36, 22, 18, .5);
	color: var(--pd-ink);
	display: flex;
	font-family: var(--ck-font-heading);
	font-size: 15px;
	grid-row: 1 / span 2;
	height: 30px;
	justify-content: center;
	width: 30px;
}

.ck-showring__card li:nth-child(4n+1) .ck-showring__no { background: var(--pd-plate), var(--pd-silk-1); }
.ck-showring__card li:nth-child(4n+2) .ck-showring__no { background: var(--pd-plate), var(--pd-silk-2); }
.ck-showring__card li:nth-child(4n+3) .ck-showring__no { background: var(--pd-plate), var(--pd-silk-3); }
.ck-showring__card li:nth-child(4n) .ck-showring__no { background: var(--pd-plate), var(--pd-silk-4); }

.ck-showring__runname {
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.ck-skin a.ck-showring__runner:hover .ck-showring__runname {
	color: var(--pd-ox);
	text-decoration: underline;
}

.ck-showring__runwhen {
	color: #7a6555;
	font-size: 12px;
	grid-column: 2;
}

.ck-showring__runfee {
	color: var(--pd-ox);
	font-family: var(--ck-font-heading);
	font-size: 17px;
	grid-column: 3;
	grid-row: 1 / span 2;
}

body.ck-skin .ck-showring__card a.ck-view-all {
	--ck-text: var(--pd-ox);
	font-size: 13px;
	font-weight: 800;
	letter-spacing: .08em;
	margin: 0;
	text-transform: uppercase;
	white-space: nowrap;
}

@media (max-width: 1100px) {
	.ck-showring__cardin {
		grid-template-columns: minmax(0, 1fr) auto;
		padding: 14px 20px 16px;
	}

	.ck-showring__card ol {
		grid-column: 1 / -1;
		grid-row: 2;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		margin-top: 10px;
	}

	.ck-showring__card li:nth-child(odd) {
		border-left: 0;
	}
}

@media (max-width: 960px) {
	.ck-showring__inner {
		gap: 26px;
		grid-template-columns: minmax(0, 1fr);
		padding: 26px 16px 34px;
	}

	.ck-skin a.ck-showring__ring {
		justify-self: center;
		max-width: 480px;
		order: -1;
		width: 100%;
	}

	.ck-showring__arena {
		inset: 32px;
	}

	.ck-showring__ring .ck-patch__price {
		--ck-patch-size: 86px;
	}

	.ck-showring__about {
		font-size: 16px;
	}

	.ck-showring__going > div {
		padding-right: 14px;
	}

	.ck-showring__going > div + div {
		padding-left: 12px;
	}

	.ck-skin .ck-showring__going dd {
		font-size: 18px;
	}
}

@media (max-width: 600px) {
	.ck-showring__card ol {
		grid-template-columns: minmax(0, 1fr);
	}

	.ck-showring__card li + li {
		border-left: 0;
		border-top: 1px dotted rgba(91, 26, 34, .45);
	}

	.ck-skin a.ck-showring__runner {
		padding: 8px 0;
	}
}

/* Rosette price: a pleated round with a printed centre and two ribbon tails. */
body.ck-shape-rosette .ck-patch__price {
	--ck-patch-size: 96px;
	background:
		radial-gradient(closest-side, var(--ck-price) 0 56%, var(--pd-gold-3) 56% 59%, var(--ck-price) 59% 61%, transparent 61%),
		repeating-conic-gradient(from 0deg, color-mix(in srgb, var(--ck-price) 82%, #fff) 0 5deg, color-mix(in srgb, var(--ck-price) 80%, #000) 5deg 10deg);
	border-radius: 50%;
	box-shadow: 0 3px 6px rgba(36, 22, 18, .3);
	color: var(--ck-price-text);
	transform: rotate(-6deg);
}

body.ck-shape-rosette .ck-patch__price::before,
body.ck-shape-rosette .ck-patch__price::after {
	background: linear-gradient(90deg, transparent 18%, rgba(255, 255, 255, .25) 18% 24%, transparent 24% 76%, rgba(255, 255, 255, .25) 76% 82%, transparent 82%), var(--ck-price);
	border: 0;
	border-radius: 0;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 80%, 0 100%);
	content: "";
	display: block;
	height: 62%;
	inset: auto;
	opacity: 1;
	position: absolute;
	top: 86%;
	width: 26%;
	z-index: -1;
}

body.ck-shape-rosette .ck-patch__price::before {
	left: 22%;
	transform: rotate(14deg);
}

body.ck-shape-rosette .ck-patch__price::after {
	right: 22%;
	transform: rotate(-14deg);
}

body.ck-shape-rosette .ck-patch__price :is(b, small) {
	position: relative;
	z-index: 1;
}

body.ck-shape-rosette .ck-patch__price b {
	font-family: var(--ck-font-heading);
	font-size: calc(var(--ck-patch-size) * .25);
	font-weight: 400;
}

body.ck-shape-rosette .ck-patch__price small {
	color: var(--pd-gold-3);
	font-size: calc(var(--ck-patch-size) * .085);
	max-width: 54%;
	text-align: center;
	font-weight: 800;
	letter-spacing: .1em;
	margin-top: 2px;
	text-transform: uppercase;
}

/* Rosette card: a printed show card, double ruled, the class on a band. */
.ck-skin ul.products li.product.ck-card--rosette,
.ck-skin ul.products li.product.ck-card--rosette .ck-card__media,
.ck-skin .ck-card--rosette .ck-card__media {
	aspect-ratio: auto;
	background: none;
	height: auto;
	overflow: visible;
}

body.ck-skin ul.products.ck-grid li.product.ck-card--rosette,
.ck-skin .ck-card.ck-card--rosette {
	background: var(--pd-paper);
	border: 1px solid var(--pd-ox);
	border-radius: 0;
	box-shadow: inset 0 0 0 4px var(--pd-paper), inset 0 0 0 5px var(--pd-gold), 0 10px 22px rgba(63, 17, 23, .1);
	clip-path: none;
	display: flex;
	flex-direction: column;
	overflow: visible;
	padding: 10px;
	position: relative;
	transition: transform .25s ease, box-shadow .25s ease;
}

.ck-card--rosette:hover {
	transform: translateY(-4px);
}

.ck-rosette__class {
	background: var(--pd-ox);
	color: var(--pd-gold-3);
	display: block;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .2em;
	margin: 0 0 10px;
	overflow: hidden;
	padding: 7px 10px;
	text-align: center;
	text-overflow: ellipsis;
	text-transform: uppercase;
	white-space: nowrap;
}

.ck-card--rosette .ck-card__media {
	display: block;
	position: relative;
}

.ck-skin .ck-card--rosette .ck-card__media::after {
	display: none;
}

.ck-rosette__photo {
	display: block;
	overflow: hidden;
	position: relative;
}

.ck-skin ul.products li.product.ck-card--rosette .ck-card__media .ck-card__img,
.ck-card--rosette .ck-card__img {
	aspect-ratio: 4 / 3;
	display: block;
	height: 100%;
	margin: 0;
	object-fit: cover;
	transition: transform .4s ease;
	width: 100%;
}

.ck-card--rosette:hover .ck-card__img {
	transform: scale(1.04);
}

.ck-card--rosette.is-closed .ck-card__img {
	filter: grayscale(1);
}

/* The saddle cloth: a white number cloth over the photo corner. */
.ck-rosette__cloth {
	align-items: center;
	background: #fff;
	border-radius: 0 0 14px 0;
	box-shadow: inset 0 0 0 2px #fff, inset 0 0 0 3px var(--pd-ox), 2px 3px 6px rgba(0, 0, 0, .25);
	color: var(--pd-ink);
	display: flex;
	flex-direction: column;
	left: 0;
	line-height: 1;
	min-width: 62px;
	padding: 8px 10px 9px;
	position: absolute;
	top: 0;
	z-index: 3;
}

.ck-rosette__cloth b {
	font-family: var(--ck-font-heading);
	font-size: 24px;
	font-weight: 400;
}

.ck-rosette__cloth small {
	color: var(--pd-ox);
	font-size: 9.5px;
	font-weight: 800;
	letter-spacing: .14em;
	margin-top: 2px;
	text-transform: uppercase;
}

.ck-card--rosette .ck-patch__price {
	--ck-patch-size: 74px;
	right: 10px;
	top: 8px;
	z-index: 4;
}

.ck-card--rosette .ck-patch__tags {
	align-items: flex-start;
	bottom: 8px;
	display: flex;
	flex-direction: column;
	gap: 4px;
	left: 8px;
	right: 8px;
	top: auto;
}

.ck-card--rosette .ck-patch__tag {
	background: var(--pd-ink);
	border-radius: 0;
	box-shadow: inset 3px 0 0 var(--pd-gold);
	color: #fff;
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: .04em;
	padding: 4px 9px 4px 11px;
	text-transform: none;
}

.ck-rosette__body {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 8px;
	padding: 16px 6px 6px;
}

.ck-skin ul.products li.product.ck-card--rosette .ck-card__title,
.ck-skin .ck-card--rosette .ck-card__title {
	font-family: var(--ck-font-heading);
	font-size: 22px;
	font-weight: 400;
	line-height: 1.12;
	margin: 0 0 2px;
	padding: 0;
	text-transform: none;
}

.ck-card--rosette .ck-card__title a {
	color: var(--pd-ox);
	text-decoration: none;
}

/* Two racecard lines: the off and the field, with dotted leaders. */
.ck-skin dl.ck-rosette__form {
	border-top: 2px solid var(--pd-ox);
	margin: 0;
}

.ck-rosette__form > div {
	align-items: baseline;
	border-bottom: 1px solid rgba(91, 26, 34, .25);
	display: flex;
	gap: 8px;
	padding: 5px 0;
}

.ck-rosette__form > div::after {
	border-bottom: 2px dotted rgba(91, 26, 34, .3);
	content: "";
	flex: 1;
	order: 1;
}

.ck-skin .ck-rosette__form dt {
	color: var(--pd-gold-2);
	font-size: 10.5px;
	font-weight: 800;
	letter-spacing: .16em;
	text-transform: uppercase;
}

.ck-skin .ck-rosette__form dd {
	color: var(--pd-ink);
	font-size: 14px;
	font-weight: 700;
	margin: 0;
	order: 2;
}

.ck-rosette__body .ck-bar__meta * {
	color: var(--pd-ink);
}

.ck-rosette__body > .ck-btn {
	justify-content: center;
	margin-top: auto;
	text-align: center;
}

.ck-rosette__body .ck-bar {
	margin-bottom: 8px;
}

/* Listing: a stable block. Painted boards, a white beam, and every card in a stall under its name plate. */
body.ck-skin.ck-archive-stalls:not(.home):not(.single-product) .entry-content > ul.products.ck-grid {
	background:
		repeating-linear-gradient(90deg, transparent 0 46px, rgba(0, 0, 0, .18) 46px 48px),
		linear-gradient(var(--pd-ox-3), var(--pd-ox));
	border-top: 16px solid #f6f1e6;
	box-shadow: 0 -3px 0 var(--pd-ox-2), inset 0 10px 14px rgba(0, 0, 0, .25), 0 8px 0 var(--pd-ox-2);
	counter-reset: pd-stall;
	padding: 62px 30px 34px;
	row-gap: 64px;
}

body.ck-skin.ck-archive-stalls:not(.home):not(.single-product) .entry-content > ul.products.ck-grid > li.product {
	counter-increment: pd-stall;
	margin: 0;
}

body.ck-skin.ck-archive-stalls:not(.home):not(.single-product) .entry-content > ul.products.ck-grid > li.product::before {
	background: linear-gradient(135deg, var(--pd-gold-3), var(--pd-gold) 45%, var(--pd-gold-2));
	box-shadow: 0 2px 4px rgba(0, 0, 0, .35);
	color: var(--pd-ink);
	content: "Stall " counter(pd-stall);
	font-family: var(--ck-font-heading);
	font-size: 15px;
	left: 50%;
	padding: 4px 18px;
	position: absolute;
	top: -44px;
	transform: translateX(-50%);
	white-space: nowrap;
}

@media (max-width: 600px) {
	body.ck-skin.ck-archive-stalls:not(.home):not(.single-product) .entry-content > ul.products.ck-grid {
		border-top-width: 10px;
		padding: 52px 14px 22px;
	}
}

/* Section heading: the kicker on a notched ribbon over a centred title. */
body.ck-head-ribbon .ck-section__head {
	align-items: center;
	border: 0;
	flex-direction: column;
	gap: 10px;
	padding-bottom: 8px;
	text-align: center;
}

body.ck-head-ribbon .ck-section__head > div {
	display: flex;
	flex-direction: column;
	align-items: center;
	min-width: 0;
}

body.ck-skin.ck-head-ribbon .ck-kicker {
	background: var(--pd-gold);
	border: 0;
	border-radius: 0;
	clip-path: polygon(0 0, 100% 0, calc(100% - 12px) 50%, 100% 100%, 0 100%, 12px 50%);
	color: var(--pd-ink);
	display: inline-block;
	font-size: 11.5px;
	font-weight: 800;
	letter-spacing: .2em;
	margin: 0 0 12px;
	padding: 7px 30px;
	text-transform: uppercase;
}

body.ck-skin.ck-head-ribbon .ck-section__title {
	color: var(--pd-ox);
	font-size: clamp(32px, 3.8vw, 52px);
	font-weight: 400;
	text-transform: none;
}

body.ck-skin.ck-head-ribbon .ck-section__title::after {
	background: linear-gradient(90deg, transparent, var(--pd-gold) 20% 80%, transparent);
	content: "";
	display: block;
	height: 2px;
	margin: 14px auto 0;
	width: 160px;
}

/* Filters: a jockey silk swatch beside each word. */
body.ck-skin.ck-filter-silks .ck-tabs {
	background: none;
	border: 0;
	border-bottom: 2px solid var(--pd-ox);
	box-shadow: none;
	flex-wrap: wrap;
	gap: 0;
	justify-content: center;
	padding: 0;
}

body.ck-skin.ck-filter-silks .ck-tabs .ck-tab {
	align-items: center;
	background: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	color: var(--pd-ink);
	display: inline-flex;
	font-family: var(--ck-font-body);
	font-size: 13px;
	font-weight: 800;
	gap: 9px;
	letter-spacing: .1em;
	padding: 11px 16px;
	text-transform: uppercase;
}

body.ck-skin.ck-filter-silks .ck-tabs .ck-tab::before {
	background: var(--pd-silk-1);
	box-shadow: 0 0 0 1px rgba(36, 22, 18, .5);
	content: "";
	flex: none;
	height: 16px;
	width: 16px;
}

body.ck-skin.ck-filter-silks .ck-tabs .ck-tab:nth-child(5n+2)::before { background: var(--pd-silk-2); }
body.ck-skin.ck-filter-silks .ck-tabs .ck-tab:nth-child(5n+3)::before { background: var(--pd-silk-3); }
body.ck-skin.ck-filter-silks .ck-tabs .ck-tab:nth-child(5n+4)::before { background: var(--pd-silk-4); }
body.ck-skin.ck-filter-silks .ck-tabs .ck-tab:nth-child(5n)::before { background: var(--pd-silk-5); }

body.ck-skin.ck-filter-silks .ck-tabs .ck-tab:hover,
body.ck-skin.ck-filter-silks .ck-tabs .ck-tab.is-active {
	background: var(--pd-ox);
	box-shadow: none;
	color: #fff;
}

body.ck-skin.ck-filter-silks .ck-tabs .ck-tab span {
	color: inherit;
	margin-left: -2px;
	opacity: .6;
}

/* Single page, Programme: a wide ring photo across the page, then the details
   as an open programme of two pages with a centre fold. */
body.ck-skin.ck-single-programme.single-product div.product {
	display: block;
	margin: 0 auto;
	max-width: 1180px;
}

body.ck-skin.ck-single-programme.single-product div.product > .woocommerce-product-gallery,
body.ck-skin.ck-single-programme.single-product div.product > .summary {
	/* Woo floats these with an #content selector, so only !important clears it. */
	float: none !important;
	margin-left: 0;
	margin-right: 0;
	position: relative;
	top: auto;
	width: auto !important;
}

body.ck-skin.ck-single-programme.single-product div.product > .woocommerce-product-gallery {
	background: var(--pd-ox);
	margin-bottom: 0;
	padding: 12px 12px 0;
}

body.ck-skin.ck-single-programme.single-product div.product .woocommerce-product-gallery .flex-viewport,
body.ck-skin.ck-single-programme.single-product div.product .woocommerce-product-gallery > .woocommerce-product-gallery__wrapper {
	border: 0;
	border-radius: 0;
	box-shadow: 0 0 0 3px var(--pd-gold);
	overflow: hidden;
}

body.ck-skin.ck-single-programme.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__image img:not(.zoomImg) {
	aspect-ratio: 21 / 9;
	border-radius: 0;
	object-fit: cover;
	width: 100%;
}

body.ck-skin.ck-single-programme.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
	display: flex;
	gap: 8px;
	justify-content: flex-start;
	margin: 0;
	padding: 10px 0 12px;
}

body.ck-skin.ck-single-programme.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li {
	max-width: 84px;
}

body.ck-skin.ck-single-programme.single-product div.product .woocommerce-product-gallery .flex-control-thumbs img {
	border: 2px solid var(--pd-gold);
	border-radius: 0;
	opacity: .75;
}

body.ck-skin.ck-single-programme.single-product div.product .woocommerce-product-gallery .flex-control-thumbs img.flex-active {
	opacity: 1;
}

/* The open programme: two pages and a shaded fold between them. */
body.ck-skin.ck-single-programme.single-product div.product > .summary {
	align-content: start;
	background:
		linear-gradient(90deg, transparent calc(50% - 22px), rgba(63, 17, 23, .07) calc(50% - 2px), rgba(63, 17, 23, .25) 50%, rgba(63, 17, 23, .07) calc(50% + 2px), transparent calc(50% + 22px)),
		var(--pd-paper);
	border: 1px solid var(--pd-ox);
	border-top: 0;
	box-shadow: 0 14px 30px rgba(63, 17, 23, .14);
	column-gap: 92px;
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	grid-template-rows: repeat(10, auto) 1fr;
	padding: 40px 46px 46px;
}

body.ck-skin.ck-single-programme.single-product div.product > .summary > * {
	grid-column: 1;
	min-width: 0;
}

body.ck-skin.ck-single-programme.single-product div.product > .summary > form.cart {
	align-self: start;
	margin-top: 10px;
}

/* The race facts fill the right-hand page. */
body.ck-skin.ck-single-programme.single-product div.product > .summary > .lty-lottery-product-summary {
	align-self: start;
	grid-column: 2;
	grid-row: 1 / -1;
	margin-top: 0;
}

body.ck-skin.ck-single-programme.single-product div.product > .summary > .lty-clear {
	display: none;
}

body.ck-skin.ck-single-programme.single-product div.product > .summary > .product_title {
	border-bottom: 1px solid var(--pd-ox);
	color: var(--pd-ox);
	font-size: clamp(32px, 3.6vw, 52px);
	line-height: 1.02;
	margin: 0 0 14px;
	padding-bottom: 14px;
	text-transform: none;
}

body.ck-skin.ck-single-programme.single-product div.product > .summary > .product_title::before {
	color: var(--pd-gold-2);
	content: "Official programme";
	display: block;
	font-family: var(--ck-font-body);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .24em;
	margin-bottom: 12px;
	text-transform: uppercase;
}

body.ck-skin.ck-single-programme.single-product div.product > .summary > .price {
	font-size: 30px;
	margin: 0 0 16px;
}

body.ck-skin.ck-single-programme.single-product div.product > .summary > .price,
body.ck-skin.ck-single-programme.single-product div.product > .summary > .price * {
	color: var(--pd-ox);
	font-family: var(--ck-font-heading);
	font-weight: 400;
}

body.ck-skin.ck-single-programme.single-product div.product form.cart {
	background: #fff;
	border: 1px solid var(--pd-ox);
	border-radius: 0;
	box-shadow: inset 0 6px 0 var(--pd-ox);
	padding: 26px 20px 20px;
}

body.ck-skin.ck-single-programme.single-product div.product form.cart .quantity input {
	background: #fff;
	border: 1.5px solid var(--pd-ox);
	border-radius: 0;
	color: var(--pd-ox);
	font-weight: 800;
}

body.ck-skin.ck-single-programme.single-product div.product > :not(.woocommerce-product-gallery):not(.summary) {
	margin-left: auto;
	margin-right: auto;
}

body.ck-skin.ck-single-programme.single-product .ck-steps {
	margin-top: 52px;
}

@media (max-width: 900px) {
	body.ck-skin.ck-single-programme.single-product div.product > .woocommerce-product-gallery {
		padding: 8px 8px 0;
	}

	body.ck-skin.ck-single-programme.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__image img:not(.zoomImg) {
		aspect-ratio: 4 / 3;
	}

	body.ck-skin.ck-single-programme.single-product div.product > .summary {
		background: var(--pd-paper);
		display: block;
		padding: 26px 16px 28px;
	}

	body.ck-skin.ck-single-programme.single-product div.product form.cart {
		margin-top: 18px;
	}
}

/* Facts as racecard form: numbered runner lines with dotted leaders. */
body.ck-skin.ck-tm-style.ck-facts-form .lty-lottery-product-summary {
	--ck-accent-2: var(--ck-accent);
	background: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	color: var(--pd-ink);
	counter-reset: pd-run;
	display: flex;
	flex-direction: column;
	gap: 0;
	margin: 6px 0 18px;
	padding: 0;
}

body.ck-skin.ck-tm-style.ck-facts-form .lty-lottery-product-summary > * {
	margin: 0;
}

body.ck-skin.ck-tm-style.ck-facts-form .lty-lottery-product-summary > p.lty-lottery-status {
	background: var(--pd-ox);
	border: 0;
	color: #fff;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .16em;
	order: 0;
	padding: 8px 12px;
	text-transform: uppercase;
}

body.ck-skin.ck-tm-style.ck-facts-form .lty-lottery-product-summary > p.lty-lottery-status span {
	background: none;
	color: var(--pd-gold-3);
	padding: 0;
}

body.ck-skin.ck-tm-style.ck-facts-form .lty-lottery-product-summary > .lty-lottery-date-ranges {
	background: none;
	border: 0;
	border-bottom: 1px solid var(--pd-ox);
	order: 1;
	padding: 14px 0;
}

body.ck-skin.ck-tm-style.ck-facts-form .lty-lottery-time-left-label {
	color: var(--pd-gold-2);
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .16em;
	margin: 0 0 10px;
	padding: 0;
	text-transform: uppercase;
}

body.ck-skin.ck-tm-style.ck-facts-form .lty-lottery-countdown-timer {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
}

body.ck-skin.ck-tm-style.ck-facts-form .lty-lottery-timer {
	align-items: center;
	background:
		repeating-linear-gradient(90deg, rgba(255, 255, 255, .8) 0 2px, transparent 2px 7px) 3px 0 / calc(100% - 6px) 14px no-repeat,
		linear-gradient(var(--pd-ox-2), var(--pd-ox-2)) 0 0 / 100% 14px no-repeat,
		var(--pd-ox);
	border: 0;
	border-radius: 0;
	box-shadow: inset 0 -3px 0 var(--pd-gold);
	display: flex;
	flex: none;
	flex-direction: column;
	height: 68px;
	justify-content: flex-end;
	min-width: 0;
	padding: 0 0 9px;
	text-align: center;
	width: 62px;
}

body.ck-skin.ck-tm-style.ck-facts-form .lty-lottery-timer-content {
	color: var(--pd-gold-3) !important;
	font-size: 9px !important;
	letter-spacing: .1em;
}

body.ck-skin.ck-tm-style.ck-facts-form .lty-lottery-timer-content:first-child {
	color: #fff !important;
	display: block;
	font-family: var(--ck-font-heading);
	font-size: 22px !important;
	letter-spacing: 0;
	line-height: 1.05;
}

body.ck-skin.ck-tm-style.ck-facts-form .lty-lottery-product-summary > p.ck-fact,
body.ck-skin.ck-tm-style.ck-facts-form .lty-lottery-product-summary > p.lty-gift-product-notice {
	align-items: baseline;
	background: none;
	border: 0;
	border-bottom: 1px solid rgba(91, 26, 34, .25);
	counter-increment: pd-run;
	display: flex !important;
	flex-direction: row;
	flex-wrap: nowrap;
	gap: 10px;
	order: 3;
	padding: 9px 0;
}

body.ck-skin.ck-tm-style.ck-facts-form .lty-lottery-product-summary > p.lty-gift-product-notice {
	order: 2;
}

body.ck-skin.ck-tm-style.ck-facts-form .lty-lottery-product-summary > :is(p.ck-fact, p.lty-gift-product-notice)::before {
	align-items: center;
	align-self: center;
	background: var(--pd-plate), var(--pd-silk-1);
	color: var(--pd-ink);
	content: counter(pd-run);
	display: flex;
	flex: none;
	left: auto;
	-webkit-mask: none;
	mask: none;
	position: static;
	top: auto;
	transform: none;
	font-family: var(--ck-font-heading);
	font-size: 13px;
	height: 26px;
	justify-content: center;
	width: 26px;
}

body.ck-skin.ck-tm-style.ck-facts-form .lty-lottery-product-summary > p:nth-of-type(4n+2)::before { background: var(--pd-plate), var(--pd-silk-2); }
body.ck-skin.ck-tm-style.ck-facts-form .lty-lottery-product-summary > p:nth-of-type(4n+3)::before { background: var(--pd-plate), var(--pd-silk-3); }
body.ck-skin.ck-tm-style.ck-facts-form .lty-lottery-product-summary > p:nth-of-type(4n)::before { background: var(--pd-plate), var(--pd-silk-4); }

body.ck-skin.ck-tm-style.ck-facts-form .lty-lottery-product-summary > :is(p.ck-fact, p.lty-gift-product-notice)::after {
	border-bottom: 2px dotted rgba(91, 26, 34, .3);
	content: "";
	flex: 1 1 20px;
	min-width: 20px;
	order: 2;
}

body.ck-skin.ck-tm-style.ck-facts-form .ck-fact__label {
	color: var(--pd-gold-2);
	flex: none;
	padding-left: 0;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .14em;
	order: 1;
	text-transform: uppercase;
}

body.ck-skin.ck-tm-style.ck-facts-form .ck-fact__value {
	color: var(--pd-ink);
	min-width: 0;
	font-family: var(--ck-font-heading);
	font-size: 19px;
	margin: 0;
	order: 3;
	text-align: right;
}

body.ck-skin.ck-tm-style.ck-facts-form .lty-gift-product-notice .ck-fact__value {
	font-family: var(--ck-font-body);
	font-size: 14px;
	font-weight: 700;
}

/* The prize is a sentence: it gets its own line under the label. */
body.ck-skin.ck-tm-style.ck-facts-form .lty-lottery-product-summary > p.lty-gift-product-notice {
	flex-wrap: wrap;
}

body.ck-skin.ck-tm-style.ck-facts-form .lty-lottery-product-summary > p.lty-gift-product-notice::after {
	display: none;
}

body.ck-skin.ck-tm-style.ck-facts-form .lty-gift-product-notice .ck-fact__value {
	flex: 1 1 100%;
	padding-left: 36px;
	text-align: left;
}

/* How it works: numbered show jumps along a dashed route on a course plan. */
.ck-skin.ck-steps-course .ck-steps {
	background:
		radial-gradient(circle, rgba(91, 26, 34, .12) 0 1px, transparent 1.4px) 0 0 / 16px 16px,
		var(--pd-paper);
	border: 1px solid var(--pd-ox);
	border-radius: 0;
	box-shadow: inset 0 0 0 5px var(--pd-paper), inset 0 0 0 6px var(--pd-gold);
	padding: 30px 26px 26px;
}

.ck-skin.ck-steps-course .ck-steps ol {
	position: relative;
}

/* The route the jumps sit on. */
.ck-skin.ck-steps-course .ck-steps ol::before {
	border-top: 3px dashed var(--pd-ox);
	content: "";
	left: 12%;
	position: absolute;
	right: 12%;
	top: 52px;
}

.ck-steps-course .ck-steps__item {
	background: none;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	padding: 0 14px;
	position: relative;
	text-align: center;
}

/* A show jump: two striped wings and a red and white pole. */
.ck-steps-course .ck-steps__item::before {
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 64'%3E%3Cpath d='M8 60V14l10-6v52z' fill='%235b1a22'/%3E%3Cpath d='M112 60V14l-10-6v52z' fill='%235b1a22'/%3E%3Cpath d='M10 20h6M10 32h6M10 44h6M104 20h6M104 32h6M104 44h6' stroke='%23fbf6ea' stroke-width='3'/%3E%3Cg%3E%3Crect x='18' y='26' width='84' height='6' fill='%23fff' stroke='%235b1a22' stroke-width='1'/%3E%3Cpath d='M30 26h12v6H30zM54 26h12v6H54zM78 26h12v6H78z' fill='%23c9a13b'/%3E%3C/g%3E%3Cg%3E%3Crect x='18' y='42' width='84' height='6' fill='%23fff' stroke='%235b1a22' stroke-width='1'/%3E%3Cpath d='M30 42h12v6H30zM54 42h12v6H54zM78 42h12v6H78z' fill='%2323468f'/%3E%3C/g%3E%3Cpath d='M2 60h116v3H2z' fill='%233f6e37'/%3E%3C/svg%3E") center / contain no-repeat;
	content: "";
	display: block;
	height: 64px;
	margin: 0 auto 12px;
	position: relative;
	width: 120px;
	z-index: 1;
}

.ck-steps-course .ck-steps__icon {
	display: none;
}

.ck-skin.ck-steps-course .ck-steps__num {
	align-items: center;
	background: #fff;
	border: 2px solid var(--pd-ink);
	border-radius: 0;
	color: var(--pd-ink);
	display: inline-flex;
	font-family: var(--ck-font-heading);
	font-size: 18px;
	height: 34px;
	justify-content: center;
	margin: 0 auto 10px;
	padding: 0;
	position: static;
	width: 34px;
}

.ck-skin.ck-steps-course .ck-steps__item b {
	color: var(--pd-ox);
	display: block;
	font-family: var(--ck-font-heading);
	font-size: 22px;
	font-weight: 400;
}

@media (max-width: 768px) {
	.ck-skin.ck-steps-course .ck-steps ol::before {
		border-left: 3px dashed var(--pd-ox);
		border-top: 0;
		bottom: 20px;
		left: 50%;
		right: auto;
		top: 20px;
	}

	.ck-steps-course .ck-steps__item {
		background: var(--pd-paper);
		padding: 8px 6px 14px;
	}
}

/* Sign-up: a printed show entry form with tick boxes. */
body.ck-signup-entryform .cse-notify-strip {
	background: none;
	padding: 40px 16px;
}

body.ck-signup-entryform .cse-notify-strip .cse-notify {
	background:
		repeating-linear-gradient(180deg, transparent 0 31px, rgba(35, 70, 143, .1) 31px 32px),
		#fff;
	border: 1px solid var(--pd-ink);
	border-radius: 0;
	box-shadow: 6px 6px 0 var(--pd-oat-2);
	color: var(--pd-ink);
	margin: 0 auto;
	max-width: 780px;
	overflow: hidden;
	padding: 86px 44px 34px;
	position: relative;
	text-align: left;
}

/* The form's printed header band. */
body.ck-signup-entryform .cse-notify-strip .cse-notify::before {
	background: var(--pd-ox);
	box-shadow: 0 4px 0 #fff, 0 6px 0 var(--pd-ox);
	color: var(--pd-gold-3);
	content: "Entry form  \00B7  Please print clearly";
	font-family: var(--ck-font-body);
	font-size: 12px;
	font-weight: 800;
	left: 0;
	letter-spacing: .22em;
	padding: 14px 44px;
	position: absolute;
	right: 0;
	text-transform: uppercase;
	top: 0;
	white-space: pre;
}

/* "Office use only" box in the corner. */
body.ck-signup-entryform .cse-notify-strip .cse-notify::after {
	background: #fff;
	color: rgba(36, 22, 18, .55);
	content: "Entry no.";
	font-size: 9.5px;
	font-weight: 700;
	height: 28px;
	letter-spacing: .1em;
	padding: 3px 6px;
	position: absolute;
	right: 20px;
	text-transform: uppercase;
	top: 8px;
	width: 110px;
}

body.ck-signup-entryform .cse-notify-strip .cse-notify :is(h2, h3, strong, p, label) {
	color: var(--pd-ink);
}

body.ck-signup-entryform .cse-notify-strip .cse-notify :is(h2, h3) {
	color: var(--pd-ox);
	font-family: var(--ck-font-heading);
	font-weight: 400;
	text-transform: none;
}

body.ck-signup-entryform .cse-notify-strip input:not([type="submit"]):not([type="checkbox"]) {
	background: none;
	border: 0;
	border-bottom: 2px solid var(--pd-ink);
	border-radius: 0;
	box-shadow: none;
	color: var(--pd-ink);
	font-family: var(--ck-font-body);
	padding-left: 2px;
}

body.ck-signup-entryform .cse-notify-strip input[type="checkbox"] {
	accent-color: var(--pd-ox);
	border-radius: 0;
	height: 18px;
	width: 18px;
}

@media (max-width: 600px) {
	body.ck-signup-entryform .cse-notify-strip .cse-notify {
		padding: 78px 18px 26px;
	}

	body.ck-signup-entryform .cse-notify-strip .cse-notify::before {
		font-size: 10px;
		letter-spacing: .16em;
		padding: 13px 18px;
	}

	body.ck-signup-entryform .cse-notify-strip .cse-notify::after {
		display: none;
	}

	body.ck-signup-entryform .cse-notify-strip .cse-notify :is(h2, h3) {
		max-width: none;
	}
}

/* Footer: mown turf stripes under a white rail. */
body.ck-footer-turf .site-footer {
	--ck-text: #f2f6ec;
	--ck-muted: #c9dcc0;
	--ck-line: rgba(242, 246, 236, .18);
	background:
		repeating-linear-gradient(90deg, rgba(255, 255, 255, .055) 0 90px, transparent 90px 180px),
		linear-gradient(var(--pd-turf), var(--pd-turf-2));
	border-top: 0;
	color: var(--ck-text);
	margin-top: 100px;
	position: relative;
}

body.ck-footer-turf .site-footer::before {
	background: var(--pd-rail);
	content: "";
	filter: drop-shadow(0 2px 1px rgba(0, 0, 0, .2));
	height: 30px;
	left: 0;
	position: absolute;
	right: 0;
	top: -28px;
}

/* This footer turns the text light, so the payment marks need a dark card too. */
body.ck-footer-turf .ck-foot__pay {
	--ck-surface: #22401d;
	--ck-text: #fff;
}

body.ck-footer-turf .site-footer .site-info,
body.ck-footer-turf .site-footer .inside-site-info {
	background: none;
}

body.ck-skin.ck-footer-turf .site-info .ck-foot__logo {
	color: #fff;
	display: inline-block;
	font-family: var(--ck-font-heading);
	font-size: clamp(28px, 3vw, 40px);
	font-weight: 400;
	line-height: 1;
}

body.ck-skin.ck-footer-turf .site-info .ck-foot__logo span {
	color: var(--pd-gold-3);
}

body.ck-skin.ck-footer-turf .site-footer :is(a, p, li, span, h2, h3, h4) {
	color: inherit;
}

body.ck-skin.ck-footer-turf .site-footer :is(h2, h3, h4) {
	letter-spacing: .14em;
	text-transform: uppercase;
}

body.ck-skin.ck-footer-turf .site-footer a:hover {
	color: var(--pd-gold-3);
}

/* Standard pages: the title under a heavy rule beside a numbered silk. */
body.ck-skin.ck-page-racecard.page:not(.home) .inside-article > .entry-header {
	align-items: center;
	border-bottom: 1px solid var(--pd-ox);
	border-top: 8px solid var(--pd-ox);
	display: grid;
	gap: 0 20px;
	grid-template-columns: 58px minmax(0, 1fr);
	margin: 26px 0 40px;
	padding: 18px 0;
	position: relative;
}

body.ck-skin.ck-page-racecard.page:not(.home) .inside-article > .entry-header::before {
	align-items: center;
	background: var(--pd-plate), var(--pd-silk-1);
	box-shadow: 0 0 0 1px var(--pd-ink);
	color: var(--pd-ink);
	content: "1";
	display: flex;
	font-family: var(--ck-font-heading);
	font-size: 30px;
	height: 58px;
	justify-content: center;
	width: 58px;
}

body.ck-skin.ck-page-racecard.page:not(.home) .inside-article > .entry-header::after {
	background: var(--pd-gold);
	bottom: -5px;
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	width: 180px;
}

body.ck-skin.ck-page-racecard.page:not(.home) .inside-article > .entry-header .entry-title {
	color: var(--pd-ox);
	font-size: clamp(30px, 3.6vw, 50px);
	font-weight: 400;
	line-height: 1.05;
	margin: 0;
	text-transform: none;
}

body.ck-page-racecard .cse-policy-text {
	margin: 0 auto;
	max-width: 820px;
}

@media (max-width: 600px) {
	body.ck-skin.ck-page-racecard.page:not(.home) .inside-article > .entry-header {
		gap: 0 14px;
		grid-template-columns: 42px minmax(0, 1fr);
		margin: 18px 0 30px;
	}

	body.ck-skin.ck-page-racecard.page:not(.home) .inside-article > .entry-header::before {
		font-size: 22px;
		height: 42px;
		width: 42px;
	}
}

/* Basket as a saddlebag: stitched oxblood leather with a buckled flap. */
body.ck-skin.ck-basket-saddlebag .wc-block-cart-items,
body.ck-skin.ck-basket-saddlebag .wc-block-cart-items tbody {
	display: block;
	width: 100%;
}

body.ck-skin.ck-basket-saddlebag .wc-block-cart-items,
body.ck-skin.ck-basket-saddlebag .wc-block-cart-items tr,
body.ck-skin.ck-basket-saddlebag .wc-block-cart-items td,
body.ck-skin.ck-basket-saddlebag .wc-block-cart-items th {
	border: 0 !important;
}

body.ck-skin.ck-basket-saddlebag .wc-block-cart-items {
	background:
		radial-gradient(circle at 30% 20%, rgba(255, 255, 255, .05), transparent 60%),
		var(--pd-ox) !important;
	border-radius: 10px 10px 26px 26px;
	box-shadow: inset 0 0 0 7px var(--pd-ox), inset 0 0 0 9px transparent, 0 10px 22px rgba(63, 17, 23, .25);
	margin-top: 70px;
	outline: 2px dashed rgba(233, 203, 108, .55);
	outline-offset: -9px;
	/* Woo sets background none !important on this table and the theme hides its overflow. */
	overflow: visible;
	padding: 30px 22px 28px;
	position: relative;
}

/* The flap over the top, with its buckle. */
body.ck-skin.ck-basket-saddlebag .wc-block-cart-items::before {
	background:
		linear-gradient(var(--pd-gold-3), var(--pd-gold-2)) 50% calc(100% - 4px) / 46px 26px no-repeat,
		var(--pd-ox-3);
	border-radius: 12px 12px 50% 50% / 12px 12px 34px 34px;
	box-shadow: 0 4px 0 rgba(0, 0, 0, .2);
	content: "";
	height: 68px;
	left: 10%;
	-webkit-mask: radial-gradient(10px 7px at 50% calc(100% - 17px), transparent 98%, #000);
	mask: radial-gradient(10px 7px at 50% calc(100% - 17px), transparent 98%, #000);
	position: absolute;
	right: 10%;
	top: -54px;
}

body.ck-skin.ck-basket-saddlebag .wc-block-cart-items thead {
	display: none;
}

body.ck-skin.ck-basket-saddlebag .wc-block-cart-items tr.wc-block-cart-items__row {
	align-items: center;
	background: var(--pd-paper);
	border-left: 6px solid var(--pd-gold) !important;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .3);
	display: grid;
	gap: 14px;
	grid-template-columns: 84px minmax(0, 1fr) auto;
	margin-bottom: 10px;
	padding: 12px 14px;
}

body.ck-skin.ck-basket-saddlebag .wc-block-cart-items tr.wc-block-cart-items__row:last-child {
	margin-bottom: 0;
}

body.ck-skin.ck-basket-saddlebag .wc-block-cart-items td {
	background: none;
	box-shadow: none;
	color: var(--pd-ink);
	display: block;
	padding: 0;
	width: auto;
}

body.ck-skin.ck-basket-saddlebag .wc-block-cart-item__image img {
	border: 0;
	border-radius: 0;
	max-width: 84px;
	width: 84px;
}

body.ck-skin.ck-basket-saddlebag .wc-block-components-product-name {
	color: var(--pd-ox) !important;
	font-family: var(--ck-font-heading);
	font-size: 20px;
	font-weight: 400;
	line-height: 1.15;
}

body.ck-skin.ck-basket-saddlebag .wc-block-components-quantity-selector {
	background: #fff;
	border: 1.5px solid var(--pd-ox);
	border-radius: 0;
	box-shadow: none;
}

body.ck-skin.ck-basket-saddlebag .wc-block-components-quantity-selector::after {
	display: none;
}

body.ck-skin.ck-basket-saddlebag .wc-block-cart-item__total :is(span, div) {
	color: var(--pd-ox) !important;
	font-family: var(--ck-font-heading);
	font-size: 19px;
	font-weight: 400;
}

body.ck-skin.ck-basket-saddlebag .wc-block-cart__sidebar {
	background: #fff;
	border: 1px solid var(--pd-ox);
	border-radius: 0;
	box-shadow: inset 0 8px 0 var(--pd-ox), 0 10px 24px rgba(63, 17, 23, .1);
	color: var(--pd-ink);
	padding: 26px 18px 18px;
}

body.ck-skin.ck-basket-saddlebag .wc-block-cart__sidebar .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
	color: var(--pd-ox);
	font-family: var(--ck-font-heading);
	font-size: 26px;
	font-weight: 400;
}

/* Pin each cell, since Woo's narrow cart places them itself. */
body.ck-skin.ck-basket-saddlebag .wc-block-cart-items td.wc-block-cart-item__image { grid-column: 1; grid-row: 1 / span 2; }
body.ck-skin.ck-basket-saddlebag .wc-block-cart-items td.wc-block-cart-item__product { grid-column: 2; grid-row: 1; }
body.ck-skin.ck-basket-saddlebag .wc-block-cart-items td.wc-block-cart-item__total { grid-column: 3; grid-row: 1; justify-self: end; }

body.ck-skin.ck-basket-saddlebag .wc-block-cart.is-mobile .wc-block-cart-items tr.wc-block-cart-items__row,
body.ck-skin.ck-basket-saddlebag .wc-block-cart.is-small .wc-block-cart-items tr.wc-block-cart-items__row {
	grid-template-columns: 64px minmax(0, 1fr);
	padding: 10px;
}

body.ck-skin.ck-basket-saddlebag .wc-block-cart.is-mobile .wc-block-cart-item__image img,
body.ck-skin.ck-basket-saddlebag .wc-block-cart.is-small .wc-block-cart-item__image img {
	max-width: 64px;
	width: 64px;
}

body.ck-skin.ck-basket-saddlebag .wc-block-cart.is-mobile .wc-block-cart-items td.wc-block-cart-item__total,
body.ck-skin.ck-basket-saddlebag .wc-block-cart.is-small .wc-block-cart-items td.wc-block-cart-item__total {
	grid-column: 2;
	grid-row: 2;
	justify-self: start;
}

@media (max-width: 600px) {
	body.ck-skin.ck-basket-saddlebag .wc-block-cart-items {
		padding: 24px 12px 20px;
	}
}

/* Account: a split stable door over the menu, entries as brass name plates. */
.ck-skin.ck-account-stable .woocommerce-MyAccount-navigation {
	background:
		repeating-linear-gradient(90deg, transparent 0 34px, rgba(0, 0, 0, .16) 34px 36px),
		var(--pd-ox);
	border: 8px solid var(--pd-ox-2);
	border-radius: 0;
	box-shadow: 0 10px 24px rgba(63, 17, 23, .22);
	color: #fff;
	overflow: hidden;
	padding: 0 0 14px;
	position: relative;
}

/* The top half of the door, with the stable's name plate. */
.ck-skin.ck-account-stable .woocommerce-MyAccount-navigation::before {
	background: linear-gradient(135deg, var(--pd-gold-3), var(--pd-gold) 45%, var(--pd-gold-2));
	border-bottom: 8px solid var(--pd-ox-2);
	box-shadow: inset 0 0 0 6px var(--pd-ox), inset 0 0 0 7px rgba(0, 0, 0, .25);
	color: var(--pd-ink);
	content: "Your stable";
	display: block;
	font-family: var(--ck-font-heading);
	font-size: 22px;
	margin: 0 0 12px;
	padding: 22px 20px 20px;
	text-align: center;
}

.ck-skin.ck-account-stable .woocommerce-MyAccount-navigation ul {
	background: none;
	border: 0;
	box-shadow: none;
	margin: 0;
	padding: 0 10px;
}

.ck-skin.ck-account-stable .woocommerce-MyAccount-navigation li {
	border: 0;
	margin: 0;
}

.ck-skin.ck-account-stable .woocommerce-MyAccount-navigation li a {
	background: none;
	border: 0;
	border-radius: 0;
	color: #f1e2d0;
	font-family: var(--ck-font-body);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .08em;
	line-height: 1.2;
	padding: 11px 14px;
	text-transform: uppercase;
}

.ck-skin.ck-account-stable .woocommerce-MyAccount-navigation li a .ck-icon {
	background-color: currentColor;
}

.ck-skin.ck-account-stable .woocommerce-MyAccount-navigation li a:hover {
	background: rgba(255, 255, 255, .08);
	color: #fff;
}

.ck-skin.ck-account-stable .woocommerce-MyAccount-navigation li.is-active a {
	background: var(--pd-paper);
	box-shadow: inset 5px 0 0 var(--pd-gold);
	color: var(--pd-ox);
}

.ck-skin.ck-account-stable.woocommerce-account .woocommerce-MyAccount-content {
	background: var(--pd-paper);
	border: 1px solid var(--pd-ox);
	border-radius: 0;
	box-shadow: inset 0 0 0 5px var(--pd-paper), inset 0 0 0 6px var(--pd-gold);
	padding: 30px;
}

.ck-account-stable .ck-entries {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}

/* An entry as a brass name plate, a screw in each corner. */
.ck-skin.ck-account-stable a.ck-entry {
	background:
		radial-gradient(circle at 10px 10px, #6e5418 0 2.5px, transparent 3px),
		radial-gradient(circle at calc(100% - 10px) 10px, #6e5418 0 2.5px, transparent 3px),
		radial-gradient(circle at 10px calc(100% - 10px), #6e5418 0 2.5px, transparent 3px),
		radial-gradient(circle at calc(100% - 10px) calc(100% - 10px), #6e5418 0 2.5px, transparent 3px),
		linear-gradient(135deg, var(--pd-gold-3), var(--pd-gold) 45%, var(--pd-gold-2));
	border: 0;
	border-radius: 2px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .25), inset 0 0 0 1px rgba(255, 255, 255, .3);
	color: var(--pd-ink);
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 18px 22px;
	position: relative;
	text-align: center;
}

.ck-account-stable .ck-entry__name {
	font-family: var(--ck-font-heading);
	font-size: 18px;
	line-height: 1.2;
}

.ck-skin.ck-account-stable .ck-account-tile {
	border-radius: 0;
}

/* Watch live: a round brass ring bell on an oxblood plate, and a plain player. */
body.ck-live-bell .cse-player-reopen {
	align-items: center;
	background: var(--pd-ox);
	border: 3px solid var(--pd-gold);
	border-radius: 4px;
	box-shadow: 0 10px 22px rgba(0, 0, 0, .3);
	color: #fff;
	display: flex;
	flex-direction: column;
	font-family: var(--ck-font-body);
	font-size: 11px;
	font-weight: 800;
	gap: 6px;
	height: auto;
	justify-content: flex-start;
	letter-spacing: .14em;
	line-height: 1.1;
	margin: 8px;
	padding: 10px 10px 9px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	width: 92px;
}

/* The bell: a brass dome in rings, with the striker post in the middle. */
body.ck-live-bell .cse-player-reopen::before {
	background:
		radial-gradient(circle, #6e5418 0 9%, var(--pd-gold-3) 10% 18%, var(--pd-gold) 19% 44%, var(--pd-gold-2) 45% 49%, var(--pd-gold-3) 50% 62%, var(--pd-gold) 63% 92%, var(--pd-gold-2) 93%);
	border-radius: 50%;
	box-shadow: 0 2px 3px rgba(0, 0, 0, .4);
	content: "";
	display: block;
	height: 56px;
	width: 56px;
}

body.ck-live-bell .cse-player-reopen:hover::before {
	animation: pd-ring .5s ease 2;
}

@keyframes pd-ring {
	25% { transform: rotate(-8deg); }
	75% { transform: rotate(8deg); }
}

body.ck-live-bell .cse-player-reopen * {
	color: inherit;
}

body.ck-live-bell .cse-player-reopen[hidden] {
	display: none;
}

body.ck-live-bell .cse-player-reopen:active {
	transform: scale(.95);
}

body.ck-live-bell .cse-player {
	background: var(--pd-ox);
	border: 0;
	border-radius: 0;
	border-top: 5px solid var(--pd-gold);
	box-shadow: 0 14px 34px rgba(0, 0, 0, .3);
}

body.ck-live-bell .cse-player__bar strong {
	color: #fff;
	font-family: var(--ck-font-heading);
	font-size: 16px;
	font-weight: 400;
	text-transform: none;
}

/* Horseshoe throw: an open shoe that tumbles end over end and lands round the peg. */
body.ck-throw-horseshoe #dt-fly-dart.dt-has-custom-dart {
	height: 150px;
	width: 150px;
}

body.ck-throw-horseshoe #dt-fly-dart.dt-has-custom-dart img {
	animation: pd-shoe-spin .5s linear infinite;
}

body.ck-throw-horseshoe #dt-aim-dart.dt-has-custom-dart img {
	transform: none;
}

body.ck-throw-horseshoe .dt-stuck.dt-stuck-custom {
	height: 58px;
	width: 58px;
}

body.ck-throw-horseshoe .dt-stuck.dt-stuck-custom img {
	filter: drop-shadow(2px 4px 3px rgba(0, 0, 0, .5));
	opacity: 1;
	transform: none;
}

@keyframes pd-shoe-spin {
	to {
		transform: rotate(-360deg);
	}
}

body.ck-throw-horseshoe #dt-final {
	z-index: 30;
}
/* Final Furlong: the race card's 1ST / RAN badge has no radius setting, so square it here (no pills). */
body.ck-throw-horseshoe .racecard-place {
	border-radius: 0;
}
/* PADDOCK-LAYOUTS-END */

/* Footer credit: "Built with" + a small flat CompKit wordmark (1.5.33). A mask over
   currentColor, so it is the footer's own text colour on every look. */
.cks-credit { display: inline-flex; align-items: center; gap: .35em; white-space: nowrap; vertical-align: middle; }
.cks-credit a { display: inline-flex; color: inherit; line-height: 0; }
.cks-credit__logo {
	display: block; height: 1.05em; aspect-ratio: 839 / 228; transform: translateY(.05em);
	background: currentColor;
	-webkit-mask: url("../images/compkit-flat-letters.svg") center / contain no-repeat;
	mask: url("../images/compkit-flat-letters.svg") center / contain no-repeat;
}