/*
 * OO Sport CTA + drawer design contract.
 *
 * Keep enquiry, quote-cart and future commerce actions on these tokens and
 * component classes instead of styling each template independently.
 */
:root {
	--oo-cta-neon: #d8ff00;
	--oo-cta-neon-hover: #c8ee00;
	--oo-cta-ink: #111611;
	--oo-cta-muted: #66706a;
	--oo-cta-surface: #f3f5f3;
	--oo-cta-panel: #ffffff;
	--oo-cta-line: #dce2dd;
	--oo-cta-radius: 9px;
	--oo-cta-drawer-width: 760px;
}

/* The drawer owns scrolling while it is open; prevent the page behind it
 * from leaving a second scrollbar visible at the viewport edge. */
html:has(body .oo-cta-drawer:not([hidden])) {
	overflow: hidden !important;
}

/* Shared primary and secondary CTA language. */
:where(
	.oo-cta,
	.oo-sport-modal-trigger,
	.oo-sport-btn-pakkumist .wp-block-button__link,
	.oo-sport-btn-pakkumist-link,
	.oo-sport-single-v3-contact
) {
	box-sizing: border-box !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 12px !important;
	min-height: 52px !important;
	padding: 0 24px !important;
	border: 1px solid var(--oo-cta-ink) !important;
	border-radius: var(--oo-cta-radius) !important;
	box-shadow: none !important;
	font: inherit !important;
	font-size: 13px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	letter-spacing: 0.035em !important;
	text-align: center !important;
	text-decoration: none !important;
	text-transform: uppercase !important;
	cursor: pointer !important;
	transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms ease, box-shadow 180ms ease !important;
}

:where(
	.oo-cta--primary,
	.oo-sport-modal-trigger,
	.oo-sport-btn-pakkumist .wp-block-button__link,
	.oo-sport-btn-pakkumist-link
) {
	background: var(--oo-cta-neon) !important;
	color: var(--oo-cta-ink) !important;
}

:where(
	.oo-cta--primary,
	.oo-sport-modal-trigger,
	.oo-sport-btn-pakkumist .wp-block-button__link,
	.oo-sport-btn-pakkumist-link
):hover,
:where(
	.oo-cta--primary,
	.oo-sport-modal-trigger,
	.oo-sport-btn-pakkumist .wp-block-button__link,
	.oo-sport-btn-pakkumist-link
):focus-visible {
	border-color: var(--oo-cta-ink) !important;
	background: var(--oo-cta-neon-hover) !important;
	color: var(--oo-cta-ink) !important;
	box-shadow: 0 10px 26px rgba(17, 22, 17, 0.14) !important;
	outline: none !important;
	transform: translateY(-1px) !important;
}

:where(.oo-cta--secondary, .oo-sport-single-v3-contact) {
	background: transparent !important;
	color: var(--oo-cta-ink) !important;
}

:where(.oo-cta--secondary, .oo-sport-single-v3-contact):hover,
:where(.oo-cta--secondary, .oo-sport-single-v3-contact):focus-visible {
	border-color: var(--oo-cta-ink) !important;
	background: var(--oo-cta-ink) !important;
	color: #fff !important;
	outline: none !important;
	transform: translateY(-1px) !important;
}

:where(.oo-cta, .oo-sport-modal-trigger, .oo-sport-btn-pakkumist-link, .oo-sport-single-v3-contact):focus-visible {
	box-shadow: 0 0 0 4px rgba(216, 255, 0, 0.5) !important;
}

/* Legacy header markup adapter: keep its compact size, but use the same
 * color, corner and interaction tokens as every other primary CTA. */
body .oo-sport-header-cta .oo-sport-btn-pakkumist .wp-block-button__link.oo-sport-modal-trigger {
	border: 1px solid var(--oo-cta-ink) !important;
	border-radius: var(--oo-cta-radius) !important;
	background: var(--oo-cta-neon) !important;
	color: var(--oo-cta-ink) !important;
	box-shadow: none !important;
	font-weight: 900 !important;
	letter-spacing: 0.035em !important;
}

body .oo-sport-header-cta .oo-sport-btn-pakkumist .wp-block-button__link.oo-sport-modal-trigger:hover,
body .oo-sport-header-cta .oo-sport-btn-pakkumist .wp-block-button__link.oo-sport-modal-trigger:focus-visible {
	background: var(--oo-cta-neon-hover) !important;
	color: var(--oo-cta-ink) !important;
	box-shadow: 0 8px 22px rgba(17, 22, 17, 0.16) !important;
}

/* Single-product templates previously carried their own near-duplicate CTA
 * colors. Point both actions back to the shared tokens. */
body.single-oo_toode .oo-sport-single-v3 .oo-sport-single-v2-offer .oo-cta {
	border-color: var(--oo-cta-ink) !important;
	border-radius: var(--oo-cta-radius) !important;
	font-weight: 900 !important;
	letter-spacing: 0.035em !important;
}

body.single-oo_toode .oo-sport-single-v3 .oo-sport-single-v2-offer .oo-cta--primary {
	background: var(--oo-cta-neon) !important;
	color: var(--oo-cta-ink) !important;
}

body.single-oo_toode .oo-sport-single-v3 .oo-sport-single-v2-offer .oo-cta--secondary {
	background: transparent !important;
	color: var(--oo-cta-ink) !important;
}

/* Shared right-side drawer shell. */
.oo-cta-drawer,
.oo-sport-modal.oo-cta-drawer.oo-sport-modal-open,
body.single-oo_toode .oo-sport-single-v2-offer-popup-wrap.oo-cta-drawer {
	position: fixed !important;
	inset: 0 !important;
	z-index: 999999 !important;
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) min(var(--oo-cta-drawer-width), 92vw) !important;
	align-items: stretch !important;
	justify-content: stretch !important;
	width: auto !important;
	height: auto !important;
	padding: 0 !important;
	pointer-events: auto;
}

.oo-cta-drawer[hidden],
body.single-oo_toode .oo-sport-single-v2-offer-popup-wrap.oo-cta-drawer[hidden] {
	display: none !important;
}

.oo-cta-drawer--product {
	--oo-cta-drawer-width: 620px;
}

.oo-cta-drawer__backdrop,
.oo-sport-modal.oo-cta-drawer .oo-sport-modal-overlay,
body.single-oo_toode .oo-cta-drawer .oo-sport-single-v2-offer-popup-backdrop {
	position: absolute !important;
	inset: 0 !important;
	z-index: 0 !important;
	grid-column: 1 / -1 !important;
	grid-row: 1 !important;
	width: auto !important;
	height: auto !important;
	border: 0 !important;
	background: rgba(4, 7, 5, 0.7) !important;
	-webkit-backdrop-filter: blur(7px) !important;
	backdrop-filter: blur(7px) !important;
	cursor: pointer !important;
	animation: oo-cta-backdrop-in 280ms ease both;
}

.oo-cta-drawer__panel,
.oo-sport-modal.oo-cta-drawer .oo-sport-modal-box,
body.single-oo_toode .oo-cta-drawer .oo-sport-single-v2-offer-popup-card {
	position: relative !important;
	top: auto !important;
	right: auto !important;
	bottom: auto !important;
	left: auto !important;
	z-index: 1 !important;
	grid-column: 2 !important;
	grid-row: 1 !important;
	display: grid !important;
	grid-template-rows: auto minmax(0, 1fr) !important;
	align-self: stretch !important;
	width: 100% !important;
	min-width: 0 !important;
	max-width: none !important;
	height: var(--oo-real-vh, 100dvh) !important;
	min-height: var(--oo-real-vh, 100dvh) !important;
	max-height: var(--oo-real-vh, 100dvh) !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	border: 0 !important;
	border-left: 1px solid rgba(216, 255, 0, 0.55) !important;
	border-radius: 0 !important;
	background: var(--oo-cta-surface) !important;
	color: var(--oo-cta-ink) !important;
	box-shadow: -28px 0 80px rgba(0, 0, 0, 0.28) !important;
	visibility: visible !important;
	animation: oo-cta-drawer-in 340ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

.oo-cta-drawer__head {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	min-height: 124px;
	padding: 26px clamp(24px, 5vw, 52px);
	background: var(--oo-cta-ink);
	color: #fff;
}

.oo-cta-drawer__head::after {
	content: "";
	position: absolute;
	left: clamp(24px, 5vw, 52px);
	bottom: 0;
	width: 88px;
	height: 4px;
	background: var(--oo-cta-neon);
}

.oo-cta-drawer__eyebrow {
	margin: 0 0 6px !important;
	color: var(--oo-cta-neon) !important;
	font-size: 11px !important;
	font-weight: 900 !important;
	letter-spacing: 0.22em !important;
	line-height: 1 !important;
	text-transform: uppercase;
}

.oo-cta-drawer__title,
.oo-sport-modal.oo-cta-drawer .oo-sport-modal-title,
body.single-oo_toode .oo-cta-drawer .oo-sport-single-v2-offer-popup-heading {
	margin: 0 !important;
	color: #fff !important;
	font-size: clamp(26px, 3vw, 38px) !important;
	font-weight: 900 !important;
	letter-spacing: -0.035em !important;
	line-height: 1.02 !important;
	text-transform: none !important;
}

.oo-cta-drawer__close,
.oo-sport-modal.oo-cta-drawer .oo-sport-modal-close,
body.single-oo_toode .oo-cta-drawer .oo-sport-single-v2-offer-popup-close {
	position: static !important;
	flex: 0 0 auto !important;
	display: grid !important;
	place-items: center !important;
	width: 48px !important;
	height: 48px !important;
	min-width: 48px !important;
	min-height: 48px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid rgba(255, 255, 255, 0.28) !important;
	border-radius: 50% !important;
	background: transparent !important;
	color: #fff !important;
	font-family: Arial, sans-serif !important;
	font-size: 31px !important;
	font-weight: 300 !important;
	line-height: 1 !important;
	cursor: pointer !important;
	transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms ease !important;
}

.oo-cta-drawer__close span {
	display: block;
	margin-top: -3px;
}

.oo-cta-drawer__close:hover,
.oo-cta-drawer__close:focus-visible,
.oo-sport-modal.oo-cta-drawer .oo-sport-modal-close:hover,
.oo-sport-modal.oo-cta-drawer .oo-sport-modal-close:focus-visible,
body.single-oo_toode .oo-cta-drawer .oo-sport-single-v2-offer-popup-close:hover,
body.single-oo_toode .oo-cta-drawer .oo-sport-single-v2-offer-popup-close:focus-visible {
	border-color: var(--oo-cta-neon) !important;
	background: var(--oo-cta-neon) !important;
	color: var(--oo-cta-ink) !important;
	outline: none !important;
	transform: rotate(4deg) !important;
}

.oo-cta-drawer__body,
.oo-sport-modal.oo-cta-drawer .oo-sport-modal-content,
body.single-oo_toode .oo-cta-drawer .oo-sport-single-v2-offer-popup-body {
	min-height: 0 !important;
	max-height: none !important;
	padding: 30px clamp(20px, 5vw, 52px) 44px !important;
	overflow-x: hidden !important;
	overflow-y: auto !important;
	background: var(--oo-cta-surface) !important;
	color: var(--oo-cta-ink) !important;
	-ms-overflow-style: none !important;
	scrollbar-color: transparent transparent !important;
	scrollbar-width: none !important;
}

.oo-cta-drawer__body::-webkit-scrollbar {
	width: 0 !important;
	height: 0 !important;
}

.oo-cta-drawer__body::-webkit-scrollbar-track {
	background: transparent;
}

.oo-cta-drawer__body::-webkit-scrollbar-thumb {
	border: 2px solid var(--oo-cta-surface) !important;
	border-radius: 999px !important;
	background: #aeb6b0 !important;
	box-shadow: none !important;
}

/* Inquiry drawer content and form controls. */
.oo-sport-modal.oo-cta-drawer .oo-sport-modal-lead {
	margin: 0 0 24px !important;
	padding: 16px 18px !important;
	border: 0 !important;
	border-left: 3px solid var(--oo-cta-neon) !important;
	border-radius: 0 10px 10px 0 !important;
	background: #e9eeea !important;
	color: var(--oo-cta-muted) !important;
	font-size: 14px !important;
	font-weight: 650 !important;
	line-height: 1.55 !important;
}

.oo-sport-modal.oo-cta-drawer .oo-sport-modal-form-wrap,
.oo-sport-modal.oo-cta-drawer .oo-sport-modal-quote-builder {
	color: var(--oo-cta-ink) !important;
}

.oo-sport-modal.oo-cta-drawer .oo-sport-modal-content label,
.oo-sport-modal.oo-cta-drawer .wpcf7-form label {
	color: var(--oo-cta-ink) !important;
	font-size: 12px !important;
	font-weight: 850 !important;
	letter-spacing: 0.035em !important;
	line-height: 1.3 !important;
	text-transform: uppercase !important;
}

.oo-sport-modal.oo-cta-drawer .oo-sport-modal-content :is(input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]), select, textarea) {
	width: 100% !important;
	min-height: 52px !important;
	margin: 7px 0 14px !important;
	padding: 12px 14px !important;
	border: 1px solid #aeb7b0 !important;
	border-radius: 8px !important;
	background: #fff !important;
	color: var(--oo-cta-ink) !important;
	box-shadow: none !important;
	font: inherit !important;
	font-size: 15px !important;
	font-weight: 650 !important;
	line-height: 1.35 !important;
	color-scheme: light !important;
}

.oo-sport-modal.oo-cta-drawer .oo-sport-modal-content textarea {
	min-height: 118px !important;
	resize: vertical !important;
}

.oo-sport-modal.oo-cta-drawer .oo-sport-quote-brief-fields {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0 14px;
	margin: 4px 0 8px;
}

.oo-sport-modal.oo-cta-drawer .oo-sport-quote-brief-fields label:nth-of-type(4),
.oo-sport-modal.oo-cta-drawer .oo-sport-quote-brief-fields small {
	grid-column: 1 / -1;
}

.oo-sport-modal.oo-cta-drawer .oo-sport-quote-brief-fields small {
	display: block;
	margin: -8px 0 14px;
	color: var(--oo-cta-muted);
	font-size: 12px;
	line-height: 1.45;
}

@media (max-width: 620px) {
	.oo-sport-modal.oo-cta-drawer .oo-sport-quote-brief-fields {
		grid-template-columns: 1fr;
	}

	.oo-sport-modal.oo-cta-drawer .oo-sport-quote-brief-fields label,
	.oo-sport-modal.oo-cta-drawer .oo-sport-quote-brief-fields small {
		grid-column: 1;
	}
}

.oo-sport-modal.oo-cta-drawer .oo-sport-modal-content :is(input, select, textarea):focus {
	border-color: var(--oo-cta-ink) !important;
	box-shadow: 0 0 0 4px rgba(216, 255, 0, 0.46) !important;
	outline: none !important;
}

.oo-sport-modal.oo-cta-drawer .oo-sport-modal-content :is(input, textarea)::placeholder {
	color: #89918c !important;
}

.oo-sport-modal.oo-cta-drawer .wpcf7-submit,
.oo-sport-modal.oo-cta-drawer input[type="submit"],
.oo-sport-modal.oo-cta-drawer button[type="submit"] {
	width: 100% !important;
	min-height: 54px !important;
	padding: 0 24px !important;
	border: 1px solid var(--oo-cta-ink) !important;
	border-radius: var(--oo-cta-radius) !important;
	background: var(--oo-cta-neon) !important;
	color: var(--oo-cta-ink) !important;
	font: inherit !important;
	font-size: 13px !important;
	font-weight: 900 !important;
	letter-spacing: 0.04em !important;
	text-transform: uppercase !important;
	cursor: pointer !important;
}

.oo-sport-modal.oo-cta-drawer .wpcf7-submit:hover,
.oo-sport-modal.oo-cta-drawer .wpcf7-submit:focus-visible {
	background: var(--oo-cta-neon-hover) !important;
	box-shadow: 0 10px 26px rgba(17, 22, 17, 0.14) !important;
	outline: none !important;
}

.oo-sport-modal.oo-cta-drawer .wpcf7-response-output {
	margin: 18px 0 0 !important;
	padding: 12px 14px !important;
	border: 1px solid var(--oo-cta-line) !important;
	border-left: 3px solid var(--oo-cta-neon) !important;
	border-radius: 8px !important;
	background: #fff !important;
	color: var(--oo-cta-ink) !important;
}

/* Quote-cart editor inside the same light drawer. */
.oo-sport-modal.oo-cta-drawer .oo-sport-modal-quote-builder,
.oo-sport-modal.oo-cta-drawer .oo-sport-modal-quote-size-grid,
.oo-sport-modal.oo-cta-drawer .oo-sport-modal-quote-list > li,
.oo-sport-modal.oo-cta-drawer .oo-sport-modal-quote-group {
	border-color: var(--oo-cta-line) !important;
	background: var(--oo-cta-panel) !important;
	color: var(--oo-cta-ink) !important;
	box-shadow: none !important;
}

.oo-sport-modal.oo-cta-drawer :is(
	.oo-sport-modal-quote-product,
	.oo-sport-modal-quote-size-label,
	.oo-sport-modal-quote-empty,
	.oo-sport-modal-quote-group-title,
	.oo-sport-modal-quote-item-title,
	.oo-sport-modal-quote-item-meta
) {
	color: var(--oo-cta-ink) !important;
}

.oo-sport-modal.oo-cta-drawer :is(
	.oo-sport-modal-quote-add,
	.oo-sport-modal-quote-inline-save
) {
	min-height: 44px !important;
	border: 1px solid var(--oo-cta-ink) !important;
	border-radius: 8px !important;
	background: var(--oo-cta-neon) !important;
	color: var(--oo-cta-ink) !important;
	font-weight: 900 !important;
}

.oo-sport-modal.oo-cta-drawer .oo-sport-modal-quote-size-toggle {
	min-height: 46px !important;
	border: 1px solid var(--oo-cta-line) !important;
	border-radius: 8px !important;
	background: #fff !important;
	color: var(--oo-cta-ink) !important;
}

/* Product configuration drawer. */
body.single-oo_toode .oo-cta-drawer .oo-sport-single-v2-offer-popup-body {
	display: flex !important;
	flex-direction: column !important;
}

body.single-oo_toode .oo-cta-drawer :is(
	.oo-sport-single-v2-offer-popup-product,
	.oo-sport-single-v2-offer-popup-help,
	.oo-sport-single-v2-offer-popup-lead,
	.oo-sport-single-v2-offer-popup-color-row
) {
	color: var(--oo-cta-ink) !important;
}

body.single-oo_toode .oo-cta-drawer .oo-sport-single-v2-offer-popup-product {
	margin: 0 0 10px !important;
	font-size: 19px !important;
	font-weight: 900 !important;
	letter-spacing: -0.02em !important;
}

body.single-oo_toode .oo-cta-drawer .oo-sport-single-v2-offer-popup-help {
	margin: 0 0 20px !important;
	color: var(--oo-cta-muted) !important;
	font-size: 14px !important;
	font-weight: 650 !important;
	line-height: 1.55 !important;
}

body.single-oo_toode .oo-cta-drawer .oo-sport-single-v2-offer-popup-lead {
	margin: 0 0 18px !important;
	padding: 14px 16px !important;
	border: 0 !important;
	border-left: 3px solid var(--oo-cta-neon) !important;
	border-radius: 0 9px 9px 0 !important;
	background: #e9eeea !important;
	color: var(--oo-cta-muted) !important;
	font-size: 13px !important;
	line-height: 1.5 !important;
}

body.single-oo_toode .oo-cta-drawer .oo-sport-single-v2-offer-popup-color-picker {
	margin: 0 0 22px !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
}

body.single-oo_toode .oo-cta-drawer .oo-sport-single-v2-offer-popup-color-row {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: 16px !important;
	margin: 0 0 10px !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	font-size: 13px !important;
	font-weight: 850 !important;
}

body.single-oo_toode .oo-cta-drawer .oo-sport-single-v2-offer-popup-swatches {
	display: flex !important;
	flex-wrap: wrap !important;
	gap: 9px !important;
}

body.single-oo_toode .oo-cta-drawer .oo-sport-single-v2-offer-popup-color-swatch {
	position: relative !important;
	display: grid !important;
	place-items: center !important;
	width: 30px !important;
	height: 30px !important;
	min-width: 30px !important;
	min-height: 30px !important;
	margin: 0 !important;
	padding: 3px !important;
	border: 1px solid #aeb7b0 !important;
	border-radius: 50% !important;
	background: transparent !important;
	box-shadow: none !important;
	cursor: pointer !important;
}

body.single-oo_toode .oo-cta-drawer .oo-sport-single-v2-offer-popup-color-dot {
	display: block !important;
	width: 100% !important;
	height: 100% !important;
	border: 1px solid rgba(17, 24, 32, 0.36) !important;
	border-radius: 50% !important;
	background-clip: border-box !important;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2) !important;
	overflow: hidden !important;
}

body.single-oo_toode .oo-cta-drawer .oo-sport-single-v2-offer-popup-color-count {
	position: absolute !important;
	top: -8px !important;
	right: -8px !important;
	display: grid !important;
	place-items: center !important;
	min-width: 18px !important;
	height: 18px !important;
	padding: 0 4px !important;
	border: 2px solid var(--oo-cta-surface) !important;
	border-radius: 999px !important;
	background: var(--oo-cta-neon) !important;
	color: var(--oo-cta-ink) !important;
	font-size: 9px !important;
	font-weight: 950 !important;
	line-height: 1 !important;
}

body.single-oo_toode .oo-cta-drawer .oo-sport-single-v2-offer-popup-color-count[hidden] {
	display: none !important;
}

body.single-oo_toode .oo-cta-drawer .oo-sport-single-v2-offer-popup-color-swatch:is(:hover, :focus-visible, .is-active) {
	border-color: var(--oo-cta-ink) !important;
	box-shadow: 0 0 0 3px var(--oo-cta-neon) !important;
	outline: none !important;
}

body.single-oo_toode .oo-cta-drawer .oo-sport-single-v2-offer-popup-sizes {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	gap: 10px !important;
	margin: 0 0 20px !important;
}

body.single-oo_toode .oo-cta-drawer .oo-sport-single-v2-offer-popup-size-row {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) 64px !important;
	align-items: center !important;
	gap: 10px !important;
	min-height: 48px !important;
	margin: 0 !important;
	padding: 4px 0 !important;
	border: 0 !important;
	border-bottom: 1px solid var(--oo-cta-line) !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: var(--oo-cta-ink) !important;
	font-size: 13px !important;
	font-weight: 750 !important;
}

body.single-oo_toode .oo-cta-drawer :is(
	.oo-sport-single-v2-offer-popup-qty,
	.oo-sport-single-v2-offer-popup-no-size-qty
) {
	width: 64px !important;
	height: 38px !important;
	margin: 0 !important;
	padding: 6px 8px !important;
	border: 1px solid #aeb7b0 !important;
	border-radius: 7px !important;
	background: transparent !important;
	color: var(--oo-cta-ink) !important;
	text-align: center !important;
	font: inherit !important;
	font-weight: 850 !important;
}

body.single-oo_toode .oo-cta-drawer :is(
	.oo-sport-single-v2-offer-popup-qty,
	.oo-sport-single-v2-offer-popup-no-size-qty
):focus {
	border-color: var(--oo-cta-ink) !important;
	box-shadow: 0 0 0 4px rgba(216, 255, 0, 0.46) !important;
	outline: none !important;
}

body.single-oo_toode .oo-cta-drawer .oo-sport-single-v2-offer-popup-no-size {
	margin: 0 0 20px !important;
	padding: 14px !important;
	border: 1px solid var(--oo-cta-line) !important;
	border-radius: 9px !important;
	background: #fff !important;
}

body.single-oo_toode .oo-cta-drawer .oo-sport-single-v2-offer-popup-status {
	min-height: 22px !important;
	margin: 0 0 10px !important;
	font-size: 13px !important;
	font-weight: 800 !important;
}

body.single-oo_toode .oo-cta-drawer [data-oo-offer-popup-submit] {
	width: 100% !important;
	margin-top: auto !important;
}

@keyframes oo-cta-drawer-in {
	from { transform: translateX(104%); }
	to { transform: translateX(0); }
}

@keyframes oo-cta-backdrop-in {
	from { opacity: 0; }
	to { opacity: 1; }
}

@media (max-width: 781px) {
	.oo-cta-drawer,
	.oo-sport-modal.oo-cta-drawer.oo-sport-modal-open,
	body.single-oo_toode .oo-sport-single-v2-offer-popup-wrap.oo-cta-drawer {
		grid-template-columns: 1fr !important;
	}

	.oo-cta-drawer__panel,
	.oo-sport-modal.oo-cta-drawer .oo-sport-modal-box,
	body.single-oo_toode .oo-cta-drawer .oo-sport-single-v2-offer-popup-card {
		grid-column: 1 !important;
		width: 100vw !important;
		border-left: 0 !important;
		transform: none !important;
		animation: none !important;
	}

	.oo-cta-drawer__head {
		min-height: 102px;
		padding: 20px;
	}

	.oo-cta-drawer__head::after {
		left: 20px;
	}

	.oo-cta-drawer__title,
	.oo-sport-modal.oo-cta-drawer .oo-sport-modal-title,
	body.single-oo_toode .oo-cta-drawer .oo-sport-single-v2-offer-popup-heading {
		font-size: 26px !important;
	}

	.oo-cta-drawer__close,
	.oo-sport-modal.oo-cta-drawer .oo-sport-modal-close,
	body.single-oo_toode .oo-cta-drawer .oo-sport-single-v2-offer-popup-close {
		width: 44px !important;
		height: 44px !important;
		min-width: 44px !important;
		min-height: 44px !important;
	}

	.oo-cta-drawer__body,
	.oo-sport-modal.oo-cta-drawer .oo-sport-modal-content,
	body.single-oo_toode .oo-cta-drawer .oo-sport-single-v2-offer-popup-body {
		padding: 24px 16px 30px !important;
	}

	body.single-oo_toode .oo-cta-drawer .oo-sport-single-v2-offer-popup-sizes {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		column-gap: 18px !important;
	}

	.oo-sport-modal.oo-cta-drawer .oo-sport-modal-quote-layout,
	.oo-sport-modal.oo-cta-drawer .oo-sport-modal-quote-controls {
		grid-template-columns: 1fr !important;
	}

	:where(
		.oo-cta,
		.oo-sport-modal-trigger,
		.oo-sport-btn-pakkumist-link,
		.oo-sport-single-v3-contact
	) {
		min-height: 50px !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.oo-cta-drawer__backdrop,
	.oo-cta-drawer__panel,
	.oo-cta {
		animation-duration: 1ms !important;
		transition-duration: 1ms !important;
	}
}