.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-image-frame { position: relative; display: block; width: fit-content; max-width: 100%; min-width: 0; }
.ctr-product-image-size-custom .ctr-image-frame { width: min(100%, var(--ctr-product-image-width)); }
.ctr-product-image-size-custom .ctr-image-frame > .ctr-product-image { width: 100%; }
.ctr-price-overlays { position: absolute; z-index: 2; inset: 0; pointer-events: none; }
.ctr-price-overlays[hidden] { display: none !important; }


.ctr-price-badge, .ctr-discount-badge { position: absolute; top: 12px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; background: #c1e411; color: #202124; box-shadow: 0 2px 6px rgba(0,0,0,.14); font-family: inherit; line-height: 1.1; text-shadow: none; }
.ctr-price-badge { left: 12px; max-width: calc(100% - 96px); min-height: 48px; flex-direction: column; gap: 3px; padding: 10px 17px; border-radius: 999px; text-align: center; }
.ctr-price-badge strong { font-size: clamp(17px, 2vw, 23px); font-weight: 800; }
.ctr-price-badge del { font-size: 12px; font-weight: 500; opacity: .7; }
.ctr-price-badge .woocommerce-Price-amount { font: inherit; color: inherit; }
.ctr-discount-badge { right: 12px; width: 66px; height: 66px; border-radius: 50%; font-size: 20px; font-weight: 800; transform: rotate(8deg); }
.ctr-grid-product-image-wrap > .ctr-image-frame { width: var(--ctr-grid-image-width); }
.ctr-grid .ctr-image-frame > .ctr-grid-product-image { width: 100% !important; }
.ctr-grid .ctr-price-badge strong { font-size: clamp(16px, 5cqw, 21px); }
.ctr-grid .ctr-discount-badge { width: 58px; height: 58px; font-size: 18px; }
.ctr-grid .ctr-price-badge { padding: 9px 14px; }
@media (max-width: 640px) {
	.ctr-grid-product-image-wrap > .ctr-image-frame { width: var(--ctr-grid-image-width-mobile); }
	.ctr-price-badge, .ctr-discount-badge { top: 8px; }
	.ctr-price-badge { left: 8px; max-width: calc(100% - 80px); padding: 8px 12px; min-height: 42px; }
	.ctr-price-badge strong { font-size: 18px; }
	.ctr-price-badge del { font-size: 10px; }
	.ctr-discount-badge, .ctr-grid .ctr-discount-badge { right: 8px; width: 52px; height: 52px; font-size: 17px; }
}
.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); }
}

/* Sale-only price pills and lightly ridged discount stickers. */
.ctr-price-badge del,
.ctr-price-badge > .screen-reader-text:has(+ del) { display: none; }
.ctr-price-overlays .ctr-discount-badge {
  isolation: isolate;
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  filter: drop-shadow(0 2px 3px rgba(0,0,0,.14));
}
.ctr-discount-badge::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: #c1e411;
  clip-path: polygon(50.00% 0.00%, 56.00% 4.39%, 62.94% 1.70%, 67.60% 7.50%, 75.00% 6.70%, 78.00% 13.51%, 85.36% 14.64%, 86.49% 22.00%, 93.30% 25.00%, 92.50% 32.40%, 98.30% 37.06%, 95.61% 44.00%, 100.00% 50.00%, 95.61% 56.00%, 98.30% 62.94%, 92.50% 67.60%, 93.30% 75.00%, 86.49% 78.00%, 85.36% 85.36%, 78.00% 86.49%, 75.00% 93.30%, 67.60% 92.50%, 62.94% 98.30%, 56.00% 95.61%, 50.00% 100.00%, 44.00% 95.61%, 37.06% 98.30%, 32.40% 92.50%, 25.00% 93.30%, 22.00% 86.49%, 14.64% 85.36%, 13.51% 78.00%, 6.70% 75.00%, 7.50% 67.60%, 1.70% 62.94%, 4.39% 56.00%, 0.00% 50.00%, 4.39% 44.00%, 1.70% 37.06%, 7.50% 32.40%, 6.70% 25.00%, 13.51% 22.00%, 14.64% 14.64%, 22.00% 13.51%, 25.00% 6.70%, 32.40% 7.50%, 37.06% 1.70%, 44.00% 4.39%);
}


/* Price stays with the purchase action, leaving the image uncluttered. */
.ctr-button-primary { gap: 8px; }
.ctr-button-primary .ctr-purchase-icon { display: block; width: 1.15em; height: 1.15em; min-width: 18px; min-height: 18px; flex: 0 0 auto; }
.ctr-button-primary .ctr-purchase-price { white-space: nowrap; font: inherit; color: inherit; }
.ctr-purchase-price .woocommerce-Price-amount { font: inherit; color: inherit; }

/* Solid black purchase icon and equal-width paired countdown actions. */
.ctr-button-primary svg.ctr-purchase-icon {
  background-color: #000;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M2%203h3.5l.7%203H22l-2.7%2010H8.1L5%205H2z%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2220%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2220%22%20r%3D%222%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M2%203h3.5l.7%203H22l-2.7%2010H8.1L5%205H2z%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2220%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2220%22%20r%3D%222%22%2F%3E%3C%2Fsvg%3E") center / contain no-repeat;
}
.ctr-button-primary svg.ctr-purchase-icon > * { visibility: hidden; }
.ctr-timer .ctr-inner > .ctr-actions:has(> .ctr-button-primary):has(> .ctr-button-secondary) {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: max-content;
  max-width: 100%;
  align-items: stretch;
}
.ctr-timer .ctr-inner > .ctr-actions > .ctr-button { box-sizing: border-box; }
.ctr-grid .ctr-timer .ctr-inner > .ctr-actions:has(> .ctr-button-primary):has(> .ctr-button-secondary) { width: 100%; }
.ctr-grid-hide-primary .ctr-timer .ctr-inner > .ctr-actions,
.ctr-grid-hide-learn-more .ctr-timer .ctr-inner > .ctr-actions { display: flex; }

.ctr-image-frame.ctr-product-link { text-decoration: none; color: inherit; }
.ctr-image-frame.ctr-product-link:focus-visible { outline: 3px solid #202124; outline-offset: 5px; }