/*
 * CompKit Skins: 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;
}
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 */

/* 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;
}