.ctr-timer {
	--ctr-bg: #111827;
	--ctr-card-bg: #263244;
	--ctr-product-image-width: 320px;
	--ctr-product-image-padding-y: 0px;
	--ctr-product-image-padding-x: 0px;
	--ctr-message-color: #fff;
	--ctr-message-icon-color: #d9ff33;
	--ctr-message-icon-size: 32px;
	--ctr-message-size: 24px;
	--ctr-message-weight: 700;
	--ctr-description-color: #cbd5e1;
	--ctr-description-size: 16px;
	--ctr-section-gap: 24px;
	--ctr-padding-top: 32px;
	--ctr-padding-bottom: 32px;
	--ctr-padding-x: 32px;
	--ctr-text: #fff;
	--ctr-accent: #ef4444;
	--ctr-label: #cbd5e1;
	--ctr-button: #ef4444;
	--ctr-button-text: #fff;
	--ctr-learn-more: #334155;
	--ctr-learn-more-text: #fff;
	--ctr-scale: 1;
	--ctr-button-scale: 1;
	position: relative;
	box-sizing: border-box;
	width: 100%;
	padding: var(--ctr-padding-top) var(--ctr-padding-x) var(--ctr-padding-bottom);
	border-radius: 14px;
	background: var(--ctr-bg);
	color: var(--ctr-text);
	font-family: inherit;
	line-height: 1.2;
	isolation: isolate;
}

.ctr-timer[hidden] { display: none !important; }
.ctr-timer.ctr-bg-transparent { background: transparent !important; box-shadow: none !important; }
.ctr-timer *, .ctr-timer *::before, .ctr-timer *::after { box-sizing: border-box; }
.ctr-inner { display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; gap: var(--ctr-section-gap); }
.ctr-flow-horizontal .ctr-inner { flex-direction: row; }
.ctr-align-left .ctr-inner { justify-content: flex-start; text-align: left; }
.ctr-align-center .ctr-inner { justify-content: center; text-align: center; }
.ctr-align-right .ctr-inner { justify-content: flex-end; text-align: right; }
.ctr-flow-vertical.ctr-align-left .ctr-inner { align-items: flex-start; }
.ctr-flow-vertical.ctr-align-center .ctr-inner { align-items: center; }
.ctr-flow-vertical.ctr-align-right .ctr-inner { align-items: flex-end; }
.ctr-product-image-wrap { display: flex; width: 100%; padding: var(--ctr-product-image-padding-y) var(--ctr-product-image-padding-x); flex: 0 0 100%; justify-content: center; }
.ctr-product-image-wrap[hidden] { display: none !important; }
.ctr-product-image { display: block; width: auto; max-width: 100%; height: auto; object-fit: contain; }
.ctr-product-image-size-custom .ctr-product-image { width: min(100%, var(--ctr-product-image-width)); }
.ctr-align-left .ctr-product-image-wrap { justify-content: flex-start; }
.ctr-align-right .ctr-product-image-wrap { justify-content: flex-end; }
.ctr-message { display: inline-flex; max-width: 32ch; align-items: center; gap: .38em; color: var(--ctr-message-color); font-size: var(--ctr-message-size); font-weight: var(--ctr-message-weight); line-height: 1.25; overflow-wrap: anywhere; }
.ctr-message-text { display: inline-block; min-width: 0; white-space: pre-wrap; }
.ctr-message-icon { display: inline-block; flex: 0 0 auto; align-self: center; color: var(--ctr-message-icon-color); font-family: "Arial Unicode MS", "Segoe UI Symbol", Arial, sans-serif; font-size: var(--ctr-message-icon-size); font-variant-emoji: text; font-weight: inherit; line-height: 1; text-shadow: 0 0 .35em color-mix(in srgb, var(--ctr-message-icon-color) 45%, transparent); }
.ctr-message-font-sans .ctr-message { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
.ctr-message-font-serif .ctr-message { font-family: Georgia, "Times New Roman", Times, serif; }
.ctr-message-font-condensed .ctr-message { font-family: "Arial Narrow", "Roboto Condensed", Impact, sans-serif; font-stretch: condensed; }
.ctr-message-font-display .ctr-message { font-family: Impact, Haettenschweiler, "Arial Black", sans-serif; letter-spacing: .02em; }
.ctr-message-font-monospace .ctr-message { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace; }
.ctr-description { max-width: 65ch; color: var(--ctr-description-color); font-size: var(--ctr-description-size); font-weight: 400; line-height: 1.6; overflow-wrap: anywhere; white-space: pre-wrap; }
.ctr-clock { display: flex; align-items: flex-start; justify-content: center; gap: clamp(4px, 1vw, 12px); font-variant-numeric: tabular-nums; transform: scale(var(--ctr-scale)); transform-origin: center; margin: calc((var(--ctr-scale) - 1) * 14px); }
.ctr-unit { display: inline-flex; min-width: 3.5em; flex-direction: column; align-items: center; }
.ctr-value { display: block; min-width: 1.55em; color: var(--ctr-text); font-size: clamp(28px, 5vw, 58px); font-weight: 800; letter-spacing: -.045em; line-height: 1; text-align: center; }
.ctr-label { display: block; margin-top: 7px; color: var(--ctr-label); font-size: clamp(9px, 1.15vw, 13px); font-weight: 700; letter-spacing: .1em; line-height: 1; text-transform: uppercase; }
.ctr-separator { color: var(--ctr-accent); font-size: clamp(26px, 4.5vw, 52px); font-weight: 800; line-height: .92; }
.ctr-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px; }
.ctr-actions[hidden] { display: none !important; }
.ctr-align-left .ctr-actions { justify-content: flex-start; }
.ctr-align-right .ctr-actions { justify-content: flex-end; }
.ctr-button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: calc(12px * var(--ctr-button-scale)) calc(22px * var(--ctr-button-scale)); border: 0; border-radius: 999px; background: var(--ctr-button); box-shadow: 0 8px 24px color-mix(in srgb, var(--ctr-button) 30%, transparent); color: var(--ctr-button-text) !important; font-size: calc(15px * var(--ctr-button-scale)); font-weight: 800; line-height: 1.1; text-decoration: none !important; transition: filter .18s ease, transform .18s ease; }
.ctr-button:hover, .ctr-button:focus-visible { color: var(--ctr-button-text); filter: brightness(1.12); transform: translateY(-1px); }
.ctr-button-secondary { background: var(--ctr-learn-more); box-shadow: 0 8px 24px color-mix(in srgb, var(--ctr-learn-more) 30%, transparent); color: var(--ctr-learn-more-text) !important; }
.ctr-button-secondary:hover, .ctr-button-secondary:focus-visible { color: var(--ctr-learn-more-text) !important; }
.ctr-button:focus-visible, .ctr-close:focus-visible { outline: 3px solid var(--ctr-text); outline-offset: 3px; }
.ctr-expired { width: 100%; font-size: clamp(18px, 2.5vw, 28px); font-weight: 800; }
.ctr-close { position: absolute; top: 8px; inset-inline-end: 10px; display: grid; width: 32px; height: 32px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: var(--ctr-text); cursor: pointer; font: 28px/1 sans-serif; opacity: .72; place-items: center; }
.ctr-close:hover { background: rgba(255,255,255,.12); opacity: 1; }

.ctr-grid {
	--ctr-grid-columns: 3;
	--ctr-grid-columns-tablet: 2;
	--ctr-grid-columns-mobile: 1;
	--ctr-grid-gap: 24px;
	--ctr-grid-gap-mobile: 18px;
	--ctr-grid-bg: #fff;
	--ctr-grid-card-bg: #111827;
	--ctr-grid-title: #111827;
	--ctr-grid-padding-top: 0px;
	--ctr-grid-padding-bottom: 0px;
	--ctr-grid-padding-x: 0px;
	--ctr-grid-padding-x-mobile: 12px;
	--ctr-grid-card-padding: 20px;
	--ctr-grid-card-padding-mobile: 12px;
	--ctr-grid-card-radius: 16px;
	--ctr-grid-title-size: 22px;
	--ctr-grid-title-size-mobile: 20px;
	--ctr-grid-image-width: 100%;
	--ctr-grid-image-height: 0px;
	--ctr-grid-image-width-mobile: 100%;
	--ctr-grid-image-height-mobile: auto;
	--ctr-grid-image-fit: contain;
	--ctr-grid-message-size: 0px;
	--ctr-grid-message-size-mobile: 22px;
	--ctr-grid-icon-size: 0px;
	--ctr-grid-icon-size-mobile: 28px;
	--ctr-grid-description-size: 0px;
	--ctr-grid-description-size-mobile: 15px;
	--ctr-grid-timer-fluid: 10cqw;
	--ctr-grid-separator-fluid: 6cqw;
	--ctr-grid-timer-fluid-mobile: 9cqw;
	--ctr-grid-separator-fluid-mobile: 5.4cqw;
	--ctr-grid-timer-label-size: 0px;
	--ctr-grid-timer-label-size-mobile: 9px;
	--ctr-grid-item-gap: 16px;
	--ctr-grid-item-gap-mobile: 14px;
	--ctr-grid-primary-scale: 1;
	--ctr-grid-primary-scale-mobile: .9;
	--ctr-grid-secondary-scale: 1;
	--ctr-grid-secondary-scale-mobile: .9;
	box-sizing: border-box;
	width: 100%;
	max-width: none;
	margin-right: 0;
	margin-left: 0;
	padding: var(--ctr-grid-padding-top) var(--ctr-grid-padding-x) var(--ctr-grid-padding-bottom);
	background: var(--ctr-grid-bg);
}
.ctr-grid, .ctr-grid *, .ctr-grid *::before, .ctr-grid *::after { box-sizing: border-box; }
.ctr-grid.ctr-grid-bg-transparent { background: transparent; }
.ctr-grid.ctr-grid-width-full { position: relative; right: 50%; left: 50%; width: 100vw; width: 100dvw; max-width: 100vw; max-width: 100dvw; margin-right: -50vw; margin-right: -50dvw; margin-left: -50vw; margin-left: -50dvw; }
.ctr-grid-items { display: grid; grid-template-columns: repeat(var(--ctr-grid-columns), minmax(0, 1fr)); gap: var(--ctr-grid-gap); align-items: stretch; }
.ctr-grid-item { display: flex; min-width: 0; flex-direction: column; padding: var(--ctr-grid-card-padding); overflow: hidden; border-radius: var(--ctr-grid-card-radius); background: var(--ctr-grid-card-bg); container-type: inline-size; }
.ctr-grid-card-bg-transparent .ctr-grid-item { background: transparent; }
.ctr-grid-product-image-wrap { display: flex !important; width: 100%; margin: 0 0 var(--ctr-grid-item-gap); align-items: center; justify-content: center; visibility: visible !important; opacity: 1 !important; }
.ctr-grid-product-image { display: block !important; width: var(--ctr-grid-image-width) !important; max-width: 100% !important; height: auto !important; margin: 0 !important; visibility: visible !important; opacity: 1 !important; object-fit: var(--ctr-grid-image-fit); object-position: center; content-visibility: visible; }
.ctr-grid-item-title { width: 100%; margin: 0 0 16px; color: var(--ctr-grid-title); font-size: var(--ctr-grid-title-size); line-height: 1.2; overflow-wrap: anywhere; }
.ctr-grid-align-left .ctr-grid-item-title { text-align: left; }
.ctr-grid-align-center .ctr-grid-item-title { text-align: center; }
.ctr-grid-align-right .ctr-grid-item-title { text-align: right; }
.ctr-grid-item-timer { display: flex; width: 100%; min-width: 0; flex: 1; }
.ctr-grid .ctr-timer { --ctr-padding-top: 0px !important; --ctr-padding-bottom: 0px !important; --ctr-padding-x: 0px !important; --ctr-scale: 1 !important; position: relative !important; z-index: auto !important; inset: auto !important; display: flex; width: 100%; min-width: 0; height: auto; align-self: stretch; overflow: visible; border-radius: max(0px, calc(var(--ctr-grid-card-radius) - var(--ctr-grid-card-padding) / 2)); }
.ctr-grid .ctr-inner { width: 100%; min-width: 0; flex: 1; flex-direction: column !important; flex-wrap: nowrap; gap: var(--ctr-grid-item-gap) !important; }
.ctr-grid .ctr-product-image-wrap { display: flex !important; flex: 0 0 auto; visibility: visible; opacity: 1; }
.ctr-grid .ctr-product-image { display: block !important; width: var(--ctr-grid-image-width) !important; max-width: 100% !important; height: auto !important; visibility: visible; opacity: 1; }
.ctr-grid-align-left .ctr-inner { align-items: flex-start !important; text-align: left; }
.ctr-grid-align-center .ctr-inner { align-items: center !important; text-align: center; }
.ctr-grid-align-center .ctr-message { align-self: center !important; justify-content: center; text-align: center; }
.ctr-grid-align-right .ctr-inner { align-items: flex-end !important; text-align: right; }
.ctr-grid .ctr-close { display: none !important; }
.ctr-grid-hide-image .ctr-product-image-wrap,
.ctr-grid-hide-title .ctr-grid-item-title,
.ctr-grid-hide-message .ctr-message,
.ctr-grid-hide-description .ctr-description,
.ctr-grid-hide-timer .ctr-clock,
.ctr-grid-hide-timer .ctr-expired,
.ctr-grid-hide-primary .ctr-button-primary,
.ctr-grid-hide-learn-more .ctr-button-secondary,
.ctr-grid-hide-actions .ctr-actions { display: none !important; }
.ctr-grid-hide-icons .ctr-message-icon { display: none !important; }
.ctr-grid-size-message .ctr-message { font-size: var(--ctr-grid-message-size) !important; }
.ctr-grid-size-icon .ctr-message-icon { font-size: var(--ctr-grid-icon-size) !important; }
.ctr-grid-size-description .ctr-description { font-size: var(--ctr-grid-description-size) !important; }
.ctr-grid-size-image-height .ctr-grid-product-image,
.ctr-grid-size-image-height .ctr-product-image { height: var(--ctr-grid-image-height) !important; object-fit: var(--ctr-grid-image-fit) !important; }
.ctr-grid-size-timer-label .ctr-label { font-size: var(--ctr-grid-timer-label-size) !important; }
.ctr-grid-hide-timer-background .ctr-grid-item .ctr-timer { background: transparent !important; box-shadow: none !important; }
.ctr-grid-pagination { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: max(20px, var(--ctr-grid-gap)); }
.ctr-grid-page { display: inline-grid; min-width: 40px; min-height: 40px; padding: 7px 10px; border: 1px solid color-mix(in srgb, var(--ctr-grid-title) 30%, transparent); border-radius: 999px; background: var(--ctr-grid-card-bg); color: var(--ctr-grid-title) !important; font-weight: 700; line-height: 1; text-decoration: none !important; place-items: center; }
.ctr-grid-page:hover, .ctr-grid-page:focus-visible, .ctr-grid-page.is-current { background: var(--ctr-grid-title); color: var(--ctr-grid-card-bg) !important; }
.ctr-grid-page:focus-visible { outline: 3px solid var(--ctr-grid-title); outline-offset: 2px; }

.ctr-layout-bar { width: 100%; border-radius: 0; }
.ctr-layout-fixed-top, .ctr-layout-fixed-bottom { position: fixed; z-index: 999999; right: 0; left: 0; width: 100%; border-radius: 0; box-shadow: 0 12px 40px rgba(0,0,0,.25); }
.ctr-layout-fixed-top { top: 0; }
.ctr-layout-fixed-bottom { bottom: 0; }
.admin-bar .ctr-layout-fixed-top { top: 32px; }

.ctr-style-cards .ctr-value { padding: .18em .28em; border-radius: .18em; background: var(--ctr-card-bg); box-shadow: inset 0 -2px rgba(0,0,0,.18); }
.ctr-style-boxed .ctr-unit { padding: .8em .55em; border: 1px solid color-mix(in srgb, var(--ctr-text) 30%, transparent); border-radius: 10px; background: var(--ctr-card-bg); }
.ctr-style-solid .ctr-unit { padding: .8em .55em; border-radius: 10px; background: var(--ctr-card-bg); }
.ctr-style-solid .ctr-separator { color: var(--ctr-text); }
.ctr-style-solid .ctr-label { color: color-mix(in srgb, var(--ctr-text) 80%, transparent); }
.ctr-style-outline .ctr-value { padding: .18em .28em; border: 3px solid var(--ctr-accent); border-radius: .2em; background: var(--ctr-card-bg); }
.ctr-style-flip .ctr-clock { gap: clamp(7px, 1.25vw, 15px); perspective: 900px; }
.ctr-style-flip .ctr-unit { gap: 2px; }
.ctr-style-flip .ctr-value {
	position: relative;
	min-width: 1.6em;
	padding: .22em .25em .28em;
	overflow: hidden;
	border: 1px solid rgba(255,255,255,.14);
	border-radius: .13em;
	background: var(--ctr-card-bg);
	background: linear-gradient(to bottom, color-mix(in srgb, var(--ctr-card-bg) 88%, white) 0%, var(--ctr-card-bg) 48%, color-mix(in srgb, var(--ctr-card-bg) 72%, black) 52%, color-mix(in srgb, var(--ctr-card-bg) 84%, black) 100%);
	box-shadow: 0 .12em .2em rgba(0,0,0,.5), inset 0 1px rgba(255,255,255,.16), inset 0 -2px rgba(0,0,0,.5);
	font-family: "Arial Black", Impact, system-ui, sans-serif;
	letter-spacing: -.07em;
	text-shadow: 0 2px 1px rgba(0,0,0,.65);
	transform-style: preserve-3d;
}
.ctr-style-flip .ctr-value::before {
	position: absolute;
	z-index: 2;
	top: calc(50% - 1px);
	right: 0;
	left: 0;
	height: 2px;
	background: rgba(0,0,0,.72);
	box-shadow: 0 1px rgba(255,255,255,.1);
	content: "";
	pointer-events: none;
}
.ctr-style-flip .ctr-value::after {
	position: absolute;
	z-index: 3;
	top: calc(50% - 4px);
	right: 3px;
	left: 3px;
	height: 8px;
	background: radial-gradient(circle at left center, #090909 0 2px, #777 2.5px 3px, transparent 3.5px), radial-gradient(circle at right center, #090909 0 2px, #777 2.5px 3px, transparent 3.5px);
	content: "";
	pointer-events: none;
}
.ctr-style-flip .ctr-unit.is-ticking .ctr-value { animation: ctr-vintage-flip .46s cubic-bezier(.2,.75,.25,1); transform-origin: center center; }
.ctr-style-flip .ctr-separator { display: inline-flex; height: calc(clamp(28px, 5vw, 58px) * 1.5 + 2px); align-items: center; color: color-mix(in srgb, var(--ctr-text) 60%, var(--ctr-card-bg)); line-height: 1; text-shadow: 0 2px 2px rgba(0,0,0,.6); }
.ctr-style-flip .ctr-label { margin-top: 9px; }
.ctr-unit-counter { min-width: 6em; }
.ctr-unit-counter .ctr-value { min-width: 0; }

.ctr-theme-christmas { --ctr-bg: #12452e !important; --ctr-text: #fff !important; --ctr-accent: #e63946 !important; --ctr-label: #d9f5e8 !important; --ctr-button: #e63946 !important; --ctr-button-text: #fff !important; }
.ctr-theme-new-year { --ctr-bg: #0b1026 !important; --ctr-text: #fff !important; --ctr-accent: #eab308 !important; --ctr-label: #fde68a !important; --ctr-button: #eab308 !important; --ctr-button-text: #111827 !important; }
.ctr-theme-black-friday { --ctr-bg: #050505 !important; --ctr-text: #fff !important; --ctr-accent: #facc15 !important; --ctr-label: #d4d4d4 !important; --ctr-button: #facc15 !important; --ctr-button-text: #050505 !important; }
.ctr-theme-valentine { --ctr-bg: #881337 !important; --ctr-text: #fff1f2 !important; --ctr-accent: #fb7185 !important; --ctr-label: #fecdd3 !important; --ctr-button: #fff1f2 !important; --ctr-button-text: #881337 !important; }
.ctr-theme-summer { --ctr-bg: #075985 !important; --ctr-text: #fff !important; --ctr-accent: #f97316 !important; --ctr-label: #bae6fd !important; --ctr-button: #f97316 !important; --ctr-button-text: #fff !important; }

/* Keep complete four-unit timers and both CTAs inside narrow shop cards. */
.ctr-grid .ctr-clock { width: 100%; max-width: 100%; margin: 0; gap: 6px; gap: clamp(2px, 2cqw, 10px); transform: none; }
.ctr-grid .ctr-unit { min-width: 0; flex: 1 1 0; }
.ctr-grid .ctr-value,
.ctr-grid .ctr-style-flip .ctr-value { width: 100%; min-width: 0; padding-right: .14em; padding-left: .14em; font-size: 32px; font-size: clamp(18px, var(--ctr-grid-timer-fluid), 58px); }
.ctr-grid .ctr-separator { flex: 0 0 auto; font-size: 22px; font-size: clamp(15px, var(--ctr-grid-separator-fluid), 40px); }
.ctr-grid .ctr-style-flip .ctr-separator { height: 50px; height: calc(clamp(18px, var(--ctr-grid-timer-fluid), 58px) * 1.5 + 2px); }
.ctr-grid .ctr-label { max-width: 100%; overflow: hidden; font-size: 9px; font-size: clamp(8px, 2.7cqw, 11px); text-overflow: ellipsis; white-space: nowrap; }
.ctr-grid .ctr-actions { width: 100%; margin-top: auto; gap: 8px; }
.ctr-grid .ctr-button { min-width: 0; min-height: 40px; padding: calc(10px * var(--ctr-button-scale)) calc(15px * var(--ctr-button-scale)); flex: 1 1 auto; white-space: normal; }
.ctr-grid .ctr-button-primary { min-height: calc(40px * var(--ctr-grid-primary-scale)); padding: calc(10px * var(--ctr-grid-primary-scale)) calc(15px * var(--ctr-grid-primary-scale)); font-size: calc(15px * var(--ctr-grid-primary-scale)); }
.ctr-grid .ctr-button-secondary { min-height: calc(40px * var(--ctr-grid-secondary-scale)); padding: calc(10px * var(--ctr-grid-secondary-scale)) calc(15px * var(--ctr-grid-secondary-scale)); font-size: calc(15px * var(--ctr-grid-secondary-scale)); }

@media (max-width: 782px) {
	.admin-bar .ctr-layout-fixed-top { top: 46px; }
}

@media (max-width: 900px) {
	.ctr-grid-items { grid-template-columns: repeat(var(--ctr-grid-columns-tablet), minmax(0, 1fr)); }
}

@media (max-width: 640px) {
	.ctr-grid { padding-right: var(--ctr-grid-padding-x-mobile); padding-left: var(--ctr-grid-padding-x-mobile); }
	.ctr-grid-items { grid-template-columns: repeat(var(--ctr-grid-columns-mobile), minmax(0, 1fr)); gap: var(--ctr-grid-gap-mobile); }
	.ctr-grid-item { padding: var(--ctr-grid-card-padding-mobile); }
	.ctr-grid .ctr-grid-product-image { width: var(--ctr-grid-image-width-mobile) !important; height: var(--ctr-grid-image-height-mobile) !important; }
	.ctr-grid-item-title { font-size: var(--ctr-grid-title-size-mobile); }
	.ctr-grid .ctr-inner { gap: var(--ctr-grid-item-gap-mobile) !important; }
	.ctr-grid .ctr-message { font-size: var(--ctr-grid-message-size-mobile) !important; }
	.ctr-grid .ctr-message-icon { font-size: var(--ctr-grid-icon-size-mobile) !important; }
	.ctr-grid .ctr-description { font-size: var(--ctr-grid-description-size-mobile) !important; }
	.ctr-grid .ctr-value,
	.ctr-grid .ctr-style-flip .ctr-value { font-size: clamp(18px, var(--ctr-grid-timer-fluid-mobile), 58px); }
	.ctr-grid .ctr-separator { font-size: clamp(15px, var(--ctr-grid-separator-fluid-mobile), 40px); }
	.ctr-grid .ctr-style-flip .ctr-separator { height: calc(clamp(18px, var(--ctr-grid-timer-fluid-mobile), 58px) * 1.5 + 2px); }
	.ctr-grid .ctr-label { font-size: var(--ctr-grid-timer-label-size-mobile) !important; }
	.ctr-grid .ctr-button-primary { min-height: calc(40px * var(--ctr-grid-primary-scale-mobile)); padding: calc(10px * var(--ctr-grid-primary-scale-mobile)) calc(15px * var(--ctr-grid-primary-scale-mobile)); font-size: calc(15px * var(--ctr-grid-primary-scale-mobile)); }
	.ctr-grid .ctr-button-secondary { min-height: calc(40px * var(--ctr-grid-secondary-scale-mobile)); padding: calc(10px * var(--ctr-grid-secondary-scale-mobile)) calc(15px * var(--ctr-grid-secondary-scale-mobile)); font-size: calc(15px * var(--ctr-grid-secondary-scale-mobile)); }
	.ctr-inner { flex-direction: column; }
	.ctr-product-image-wrap { flex: 0 0 auto; }
	.ctr-message { max-width: 100%; font-size: min(var(--ctr-message-size), 10vw); }
	.ctr-description { max-width: 100%; font-size: min(var(--ctr-description-size), 7vw); }
	.ctr-clock { max-width: 100%; gap: 4px; transform: none; margin: 0; }
	.ctr-unit { min-width: 0; }
	.ctr-value { min-width: 1.55em; font-size: clamp(24px, 10vw, 42px); }
	.ctr-separator { font-size: clamp(22px, 9vw, 38px); }
	.ctr-style-flip .ctr-separator { height: calc(clamp(24px, 10vw, 42px) * 1.5 + 2px); }
	.ctr-label { max-width: 7em; overflow: hidden; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
}

@media (prefers-reduced-motion: reduce) {
	.ctr-button { transition: none; }
	.ctr-style-flip .ctr-unit.is-ticking .ctr-value { animation: none; }
}

@keyframes ctr-vintage-flip {
	0% { filter: brightness(.72); transform: rotateX(-68deg) translateY(-.08em); }
	58% { filter: brightness(1.12); transform: rotateX(8deg) translateY(0); }
	100% { filter: brightness(1); transform: rotateX(0); }
}