/*
 * Makaz — „Индивидуални поръчки“: hero колаж, процес с „шев“, червено поле с 3D карусел,
 * контакт и lightbox.
 */

/* ——— Woodmart обвивка: edge-to-edge ——— */
html:has(body.page-template-template-custom-orders-makaz-php),
body.page-template-template-custom-orders-makaz-php {
	background-color: #fff;
}

body.page-template-template-custom-orders-makaz-php {
	overflow-x: clip;
}

body.page-template-template-custom-orders-makaz-php .wd-page-wrapper.website-wrapper,
body.page-template-template-custom-orders-makaz-php .wd-hb {
	max-width: none !important;
	width: 100% !important;
	margin-inline: 0 !important;
	box-shadow: none !important;
}

body.page-template-template-custom-orders-makaz-php .whb-header:not(.whb-boxed) .whb-main-header {
	max-width: none !important;
}

body.page-template-template-custom-orders-makaz-php .wd-search-full-screen {
	max-width: none !important;
	margin-inline: 0 !important;
	right: 0 !important;
}

body.page-template-template-custom-orders-makaz-php[class*="wrapper-boxed"]::before {
	content: none !important;
	display: none !important;
}

body.page-template-template-custom-orders-makaz-php #main-content.wd-content-layout {
	max-width: none !important;
	width: 100% !important;
	padding-block: 0 !important;
	padding-inline: 0 !important;
	margin-inline: 0 !important;
}

body.page-template-template-custom-orders-makaz-php .wd-page-content.main-page-wrapper {
	padding-block: 0 !important;
}

body.page-template-template-custom-orders-makaz-php .page-title,
body.page-template-template-custom-orders-makaz-php .wd-page-title {
	display: none;
}

/* ——— Токени ——— */
.makaz-co {
	--co-red: var(--wd-primary-color, #7d1d1c);
	--co-red-deep: #6a1716;
	--co-red-band: #8c1d1c;
	--co-ink: #221f1d;
	--co-text: #3c4043;
	--co-muted: #77716c;
	--co-cream: #fbf7f2;
	--co-blush: #f8eeea;
	--co-line: rgba(60, 64, 67, 0.12);
	--co-radius: var(--wd-brd-radius, 10px);
	--co-btn-radius: var(--btn-accented-brd-radius, 5px);
	--co-ease: cubic-bezier(0.16, 1, 0.3, 1);
	--co-ease-io: cubic-bezier(0.65, 0, 0.35, 1);
	--co-motif: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cpath transform='translate(22 22) scale(0.14)' d='M37 0h102l-51.5 63zM0 68h176l-66 84 66 84H0l66-84zM88 241l36 45H51zM239 32h29l-97 123 95 119h-29l-95-119z'/%3E%3Cpath transform='translate(102 102) scale(0.14)' d='M37 0h102l-51.5 63zM0 68h176l-66 84 66 84H0l66-84zM88 241l36 45H51zM239 32h29l-97 123 95 119h-29l-95-119z'/%3E%3C/svg%3E");
	--co-torn: polygon(0% 100%, 0% 64.2%, 1.2% 77.5%, 2.4% 72.7%, 3.7% 67.9%, 4.9% 75.1%, 6.3% 63.1%, 7.4% 60.9%, 8.8% 69%, 9.7% 73.1%, 11.2% 66.7%, 12.5% 59.1%, 13.3% 67.4%, 14.2% 63.6%, 15.2% 63.9%, 16.3% 75.1%, 17.8% 80.9%, 19.1% 83%, 20.5% 82.6%, 21.5% 91%, 23.1% 83.1%, 24.4% 66.9%, 25.4% 60.7%, 26.3% 63.9%, 27.4% 58.5%, 28.5% 54.3%, 30% 30.4%, 31% 43.9%, 32.1% 43.3%, 33.3% 26.8%, 34.6% 41%, 35.6% 30.5%, 36.6% 48.7%, 38% 36.5%, 39% 37.6%, 39.9% 50.8%, 40.8% 46.4%, 42% 38.5%, 43.4% 34.3%, 44.7% 30.2%, 45.8% 28.5%, 46.8% 39.4%, 48.3% 24.8%, 49.8% 23.1%, 50.9% 36.6%, 52.2% 27.5%, 53.8% 37.6%, 54.8% 53.8%, 55.9% 51.9%, 56.7% 53.4%, 58% 63.1%, 59.3% 70.8%, 60.5% 84.5%, 61.6% 78.9%, 63.1% 71%, 64.1% 82.5%, 65.5% 67.3%, 66.5% 73.7%, 68% 60.8%, 69.6% 71.8%, 70.9% 64.1%, 71.7% 58.5%, 73.3% 65.8%, 74.7% 70%, 76.1% 79.8%, 77.2% 74%, 78.5% 72.6%, 79.5% 80.3%, 81% 77%, 82% 77.9%, 83% 56.5%, 84% 58.1%, 84.9% 47.9%, 86% 48.3%, 86.9% 39.4%, 88.4% 43.9%, 89.7% 35.1%, 91% 24.1%, 91.8% 22.3%, 93.3% 37.1%, 94.9% 28.9%, 96.2% 40.7%, 97.6% 40.5%, 99.2% 37.4%, 100% 60%, 100% 100%);
	position: relative;
	color: var(--co-text);
	background: #fff;
	overflow-x: clip;
}

.makaz-co *,
.makaz-co *::before,
.makaz-co *::after {
	box-sizing: border-box;
}

.makaz-co__defs {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
}

.makaz-co__container {
	width: min(1180px, calc(100% - 40px));
	margin-inline: auto;
	position: relative;
	z-index: 1;
}

.makaz-co ul,
.makaz-co ol {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Woodmart: :is(ul,ol) li { margin-bottom: var(--li-mb) } без последния li — разминава редовете */
.makaz-co li {
	margin-bottom: 0;
}

.makaz-co h1,
.makaz-co h2,
.makaz-co h3,
.makaz-co p {
	margin: 0;
}

.makaz-co__eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 0.55rem;
	margin-bottom: 1rem !important;
	color: var(--co-red);
	font-size: 0.8rem;
	font-weight: 600;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.makaz-co__eyebrow-stitch {
	width: 18px;
	height: 2px;
	background: repeating-linear-gradient(90deg, currentColor 0 4px, transparent 4px 7px);
	flex: none;
}

.makaz-co__title {
	color: var(--co-ink);
	font-size: clamp(1.75rem, 3.4vw, 2.75rem);
	font-weight: 500;
	line-height: 1.15;
	letter-spacing: -0.01em;
	text-wrap: balance;
}

.makaz-co__head {
	max-width: 760px;
	margin: 0 auto clamp(2.5rem, 5vw, 4rem);
	text-align: center;
}

.makaz-co__head .makaz-co__eyebrow {
	justify-content: center;
}

.makaz-co__head--light .makaz-co__eyebrow {
	color: #f7d7d2;
}

.makaz-co__head--light .makaz-co__title {
	color: #fff;
}

/* ——— Бутони ——— */
.makaz-co-btn {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.65rem;
	min-height: 52px;
	padding: 0.85rem 1.6rem;
	border: 1px solid transparent;
	border-radius: var(--co-btn-radius);
	font-size: 0.8rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	text-decoration: none;
	overflow: hidden;
	isolation: isolate;
	transition:
		background-color 0.35s ease,
		color 0.35s ease,
		border-color 0.35s ease,
		transform 0.35s var(--co-ease),
		box-shadow 0.35s ease;
}

.makaz-co-btn--primary {
	background: var(--co-red);
	color: #fff !important;
	box-shadow: 0 12px 28px -12px color-mix(in srgb, var(--co-red) 70%, transparent);
}

.makaz-co-btn--primary::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: linear-gradient(110deg, transparent 30%, rgba(255, 255, 255, 0.28) 50%, transparent 70%);
	transform: translateX(-120%);
	transition: transform 0.8s var(--co-ease);
}

.makaz-co-btn--primary:hover {
	background: var(--co-red-deep);
	transform: translateY(-2px);
	box-shadow: 0 18px 34px -14px color-mix(in srgb, var(--co-red) 80%, transparent);
}

.makaz-co-btn--primary:hover::before {
	transform: translateX(120%);
}

.makaz-co-btn__icon {
	transition: transform 0.35s var(--co-ease);
}

.makaz-co-btn:hover .makaz-co-btn__icon {
	transform: translateX(4px);
}

.makaz-co-btn--ghost {
	border-color: color-mix(in srgb, var(--co-ink) 22%, transparent);
	color: var(--co-ink) !important;
	background: rgba(255, 255, 255, 0.6);
}

.makaz-co-btn--ghost:hover {
	border-color: var(--co-red);
	color: var(--co-red) !important;
	transform: translateY(-2px);
}

.makaz-co [tabindex="-1"]:focus {
	outline: none;
}

.makaz-co a:focus-visible,
.makaz-co button:focus-visible {
	outline: 2px solid var(--co-red);
	outline-offset: 3px;
}

/* ——— Reveal (само с JS) ——— */
.makaz-co.is-js .makaz-co-reveal {
	opacity: 0;
	transform: translate3d(0, 34px, 0);
	transition:
		opacity 0.9s var(--co-ease),
		transform 1.1s var(--co-ease);
	transition-delay: calc(var(--makaz-co-delay, 0) * 0.14s);
}

.makaz-co.is-js .makaz-co-reveal.is-visible {
	opacity: 1;
	transform: none;
}

/* ===================================================================
   HERO
   =================================================================== */
.makaz-co-hero {
	position: relative;
	padding-block: clamp(3rem, 7vw, 6rem) clamp(4rem, 8vw, 7rem);
	background:
		radial-gradient(ellipse 60% 70% at 85% 30%, color-mix(in srgb, var(--co-red) 10%, transparent), transparent 70%),
		linear-gradient(180deg, var(--co-cream) 0%, #fff 100%);
	overflow: hidden;
}

.makaz-co-hero__bg {
	position: absolute;
	inset: 0;
	background-color: var(--co-red);
	opacity: 0.06;
	-webkit-mask: var(--co-motif) 0 0 / 160px 160px repeat;
	mask: var(--co-motif) 0 0 / 160px 160px repeat;
	animation: makaz-co-pattern-drift 60s linear infinite;
}

.makaz-co-hero__bg::after {
	content: none;
}

@keyframes makaz-co-pattern-drift {
	to {
		-webkit-mask-position: 160px 160px;
		mask-position: 160px 160px;
	}
}

.makaz-co-hero__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
	align-items: center;
	gap: clamp(2rem, 5vw, 5rem);
}

.makaz-co-hero__copy {
	position: relative;
	z-index: 2;
	min-width: 0;
}

.makaz-co-hero__eyebrow {
	animation: makaz-co-fade-up 0.9s var(--co-ease) both;
}

.makaz-co-hero__title {
	margin-bottom: 1.6rem !important;
	color: var(--co-ink);
	font-size: clamp(2.6rem, 5.4vw, 4.9rem);
	font-weight: 500;
	line-height: 1.02;
	letter-spacing: -0.02em;
}

.makaz-co-hero__line {
	display: block;
	overflow: hidden;
	/* място за опашките на „д“, „з“, „р“, „у“ и курсивния наклон — иначе маската ги реже */
	padding: 0 0.12em 0.34em 0;
	margin-bottom: -0.26em;
}

.makaz-co-hero__line > span {
	display: inline-block;
	animation: makaz-co-line-up 1.1s var(--co-ease) both;
}

.makaz-co-hero__line:nth-child(2) > span {
	animation-delay: 0.12s;
}

.makaz-co-hero__title em {
	position: relative;
	color: var(--co-red);
	font-style: italic;
	white-space: nowrap;
}

.makaz-co-hero__lead {
	max-width: 36rem;
	margin-bottom: 0.9rem !important;
	color: var(--co-ink);
	font-size: clamp(1.05rem, 1.4vw, 1.2rem);
	line-height: 1.6;
	animation: makaz-co-fade-up 1s var(--co-ease) 0.3s both;
}

.makaz-co-hero__text {
	max-width: 36rem;
	color: var(--co-muted);
	font-size: 1rem;
	line-height: 1.7;
	animation: makaz-co-fade-up 1s var(--co-ease) 0.4s both;
}

.makaz-co-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.85rem;
	margin-top: 2.1rem;
	animation: makaz-co-fade-up 1s var(--co-ease) 0.5s both;
}

.makaz-co-hero__perks {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem 1.4rem;
	margin-top: 2rem !important;
	animation: makaz-co-fade-up 1s var(--co-ease) 0.6s both;
}

.makaz-co-hero__perks li {
	display: inline-flex;
	align-items: center;
	gap: 0.45rem;
	color: var(--co-ink);
	font-size: 0.88rem;
}

.makaz-co-hero__perks svg {
	color: var(--co-red);
	flex: none;
}

/* Визуален колаж */
.makaz-co-hero__visual {
	position: relative;
	justify-self: center;
	width: min(440px, 100%);
	padding: 6% 11% 10%;
	animation: makaz-co-fade-in 1.2s var(--co-ease) 0.2s both;
}

.makaz-co-hero__thread {
	position: absolute;
	inset: -6% -10% -4% -12%;
	width: 122%;
	height: 110%;
	z-index: 0;
	overflow: visible;
}

.makaz-co-hero__thread path {
	stroke: var(--co-red);
	stroke-width: 2;
	stroke-linecap: round;
	stroke-dasharray: 9 8;
	opacity: 0.5;
	animation: makaz-co-thread 2.4s linear infinite;
}

@keyframes makaz-co-thread {
	to {
		stroke-dashoffset: -34;
	}
}

.makaz-co-stack {
	position: relative;
	z-index: 1;
	aspect-ratio: 4 / 5;
}

.makaz-co-stack__card {
	position: absolute;
	inset: 0;
	margin: 0;
	border-radius: 18px;
	overflow: hidden;
	background: #e9e4df;
	box-shadow:
		0 30px 60px -24px rgba(34, 31, 29, 0.45),
		0 0 0 6px #fff;
	transition:
		transform 1s var(--co-ease),
		filter 1s ease,
		opacity 0.6s ease;
	will-change: transform;
}

.makaz-co-stack__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 30%;
	display: block;
}

.makaz-co-stack__card[data-pos="0"] {
	z-index: 3;
	transform: rotate(-3deg);
}

.makaz-co-stack__card[data-pos="1"] {
	z-index: 2;
	transform: translate(12%, -4%) rotate(6deg) scale(0.9);
	filter: saturate(0.85) brightness(0.96);
}

.makaz-co-stack__card[data-pos="2"] {
	z-index: 1;
	transform: translate(-13%, 5%) rotate(-10deg) scale(0.85);
	filter: saturate(0.75) brightness(0.92);
}

.makaz-co-stack__card.is-out {
	transform: translate(-62%, -6%) rotate(-18deg) scale(0.95);
}

/* Въртящ се печат */
.makaz-co-badge {
	position: absolute;
	right: -2%;
	bottom: 2%;
	z-index: 4;
	width: clamp(108px, 11vw, 136px);
	aspect-ratio: 1;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 16px 40px -14px rgba(34, 31, 29, 0.4);
	display: grid;
	place-items: center;
}

.makaz-co-badge__ring {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	fill: var(--co-ink);
	font-size: 15.5px;
	font-weight: 600;
	letter-spacing: 0.21em;
	text-transform: uppercase;
	animation: makaz-co-spin 22s linear infinite;
}

.makaz-co-badge__motif {
	width: 34%;
	height: 34%;
	fill: var(--co-red);
}

@keyframes makaz-co-spin {
	to {
		transform: rotate(360deg);
	}
}

@keyframes makaz-co-line-up {
	from {
		transform: translateY(105%);
	}
	to {
		transform: none;
	}
}

@keyframes makaz-co-fade-up {
	from {
		opacity: 0;
		transform: translateY(22px);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

@keyframes makaz-co-fade-in {
	from {
		opacity: 0;
		transform: scale(0.94);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

/* ===================================================================
   ПРОЦЕС
   =================================================================== */
.makaz-co-process {
	position: relative;
	padding-block: clamp(4.5rem, 9vw, 7.5rem);
	background: #fff;
}

.makaz-co-steps-wrap {
	--co-marker: 64px;
	position: relative;
}

.makaz-co.is-js .makaz-co-steps-wrap.makaz-co-reveal {
	opacity: 1;
	transform: none;
}

.makaz-co-steps {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: clamp(1rem, 2vw, 1.6rem);
}

.makaz-co-steps__rail {
	position: absolute;
	top: calc(var(--co-marker) / 2 - 1px);
	left: 12.5%;
	right: 12.5%;
	height: 2px;
	z-index: 0;
}

.makaz-co-steps__rail-line {
	position: absolute;
	inset: 0;
	background: repeating-linear-gradient(90deg, var(--co-red) 0 10px, transparent 10px 17px);
	clip-path: inset(0 100% 0 0);
	transition: clip-path 2.2s var(--co-ease-io) 0.2s;
}

.makaz-co-steps__needle {
	position: absolute;
	top: 50%;
	left: 0;
	width: 40px;
	height: 12px;
	margin-top: -6px;
	color: var(--co-ink);
	opacity: 0;
	transition:
		left 2.2s var(--co-ease-io) 0.2s,
		opacity 0.4s ease;
}

.makaz-co-steps__needle svg {
	display: block;
	width: 100%;
	height: 100%;
}

.makaz-co-steps-wrap.is-visible .makaz-co-steps__rail-line,
.makaz-co:not(.is-js) .makaz-co-steps__rail-line {
	clip-path: inset(0 0 0 0);
}

.makaz-co-steps-wrap.is-visible .makaz-co-steps__needle {
	left: calc(100% - 20px);
	opacity: 1;
	animation: makaz-co-needle-out 0.6s ease 2.6s forwards;
}

@keyframes makaz-co-needle-out {
	to {
		opacity: 0;
		transform: translateX(16px);
	}
}

.makaz-co-step {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.makaz-co.is-js .makaz-co-step.makaz-co-reveal {
	transition-delay: calc(0.35s + var(--makaz-co-delay, 0) * 0.55s);
}

.makaz-co-step__marker {
	position: relative;
	display: grid;
	place-items: center;
	width: var(--co-marker);
	height: var(--co-marker);
	margin-bottom: 1.4rem;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 0 0 8px #fff;
	flex: none;
}

.makaz-co-step__marker::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 50%;
	border: 1.5px dashed var(--co-red);
	transition: transform 1.2s var(--co-ease);
}

.makaz-co-step:hover .makaz-co-step__marker::before {
	transform: rotate(90deg);
}

.makaz-co-step__num {
	color: var(--co-red);
	font-size: 1.3rem;
	font-style: italic;
	font-weight: 600;
}

.makaz-co-step__card {
	position: relative;
	flex: 1;
	width: 100%;
	padding: 1.9rem 1.5rem 1.8rem;
	text-align: left;
	border-radius: calc(var(--co-radius) + 6px);
	background: var(--co-cream);
	border: 1px solid transparent;
	transition:
		transform 0.5s var(--co-ease),
		box-shadow 0.5s ease,
		background-color 0.4s ease,
		border-color 0.4s ease;
}

.makaz-co-step__card:hover {
	transform: translateY(-6px);
	background: #fff;
	border-color: color-mix(in srgb, var(--co-red) 18%, transparent);
	box-shadow: 0 26px 50px -28px rgba(34, 31, 29, 0.35);
}

.makaz-co-step__icon {
	width: 38px;
	height: 38px;
	margin-bottom: 1rem;
	fill: none;
	stroke: var(--co-red);
	stroke-width: 1.5;
	stroke-linecap: round;
	stroke-linejoin: round;
	transition: transform 0.5s var(--co-ease);
}

.makaz-co-step__card:hover .makaz-co-step__icon {
	transform: translateY(-3px) scale(1.08);
}

.makaz-co-step__title {
	margin-bottom: 0.7rem !important;
	color: var(--co-ink);
	font-size: 1.15rem;
	font-weight: 600;
	line-height: 1.3;
}

.makaz-co-step__text {
	color: var(--co-muted);
	font-size: 0.93rem;
	line-height: 1.7;
}

.makaz-co-step__text strong {
	color: var(--co-ink);
	font-weight: 600;
}

.makaz-co-step__text a {
	color: var(--co-red);
	font-weight: 600;
	text-decoration: underline;
	text-decoration-style: dashed;
	text-underline-offset: 3px;
	word-break: break-word;
}

/* ===================================================================
   ЧЕРВЕНО ПОЛЕ + 3D КАРУСЕЛ
   =================================================================== */
.makaz-co-showcase {
	position: relative;
	z-index: 2; /* „скъсаните“ ръбове легнат върху съседните секции — без бяла ивица */
	padding-block: clamp(4rem, 8vw, 6.5rem) clamp(3.5rem, 7vw, 5.5rem);
	background:
		radial-gradient(ellipse 70% 60% at 50% 55%, #a52422 0%, transparent 70%),
		var(--co-red-band);
	color: #fff;
	isolation: isolate;
}

/* „Скъсани“ ръбове */
.makaz-co-showcase::before,
.makaz-co-showcase::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	height: 30px;
	background: var(--co-red-band);
	clip-path: var(--co-torn);
	pointer-events: none;
}

.makaz-co-showcase::before {
	bottom: calc(100% - 1px);
}

.makaz-co-showcase::after {
	top: calc(100% - 1px);
	transform: scale(-1, -1);
}

.makaz-co-showcase__pattern {
	position: absolute;
	inset: 0;
	z-index: -1;
	background-color: #fff;
	opacity: 0.07;
	-webkit-mask: var(--co-motif) 0 0 / 180px 180px repeat;
	mask: var(--co-motif) 0 0 / 180px 180px repeat;
}

.makaz-co-showcase .makaz-co__head {
	margin-bottom: clamp(1.5rem, 3vw, 2.5rem);
}

.makaz-co-showcase__tags {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	gap: 0.85rem;
	margin-top: 1.1rem !important;
	white-space: nowrap;
}

.makaz-co-showcase__tags li {
	display: inline-flex;
	align-items: center;
	gap: 0.85rem;
	color: rgba(255, 255, 255, 0.85);
	font-size: 0.92rem;
	letter-spacing: 0.03em;
}

/* малък ромб като разделител */
.makaz-co-showcase__tags li + li::before {
	content: "";
	width: 5px;
	height: 5px;
	background: rgba(255, 255, 255, 0.55);
	transform: rotate(45deg);
	flex: none;
}

.makaz-co-carousel {
	--co-slide-w: clamp(220px, 27vw, 360px);
	position: relative;
	user-select: none;
}

.makaz-co-carousel__stage {
	position: relative;
	height: calc(var(--co-slide-w) * 4 / 3 + 50px);
	perspective: 1400px;
	perspective-origin: 50% 45%;
	touch-action: pan-y;
	cursor: grab;
}

.makaz-co-carousel__stage.is-dragging {
	cursor: grabbing;
}

.makaz-co-carousel__track {
	position: absolute;
	inset: 0;
	transform-style: preserve-3d;
}

.makaz-co-carousel__slide {
	position: absolute;
	top: 25px;
	left: 50%;
	width: var(--co-slide-w);
	aspect-ratio: 3 / 4;
	margin-left: calc(var(--co-slide-w) / -2);
	transform-style: preserve-3d;
	transition:
		transform 0.85s var(--co-ease),
		opacity 0.6s ease;
	will-change: transform;
}

.makaz-co-carousel__stage.is-dragging .makaz-co-carousel__slide {
	transition: none;
}

.makaz-co-carousel__btn {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	border: 0;
	border-radius: 18px;
	overflow: hidden;
	background: #5e1514;
	cursor: inherit;
	box-shadow: 0 34px 60px -26px rgba(20, 4, 4, 0.75);
	-webkit-tap-highlight-color: transparent;
}

.makaz-co-carousel__btn::after {
	content: "";
	position: absolute;
	inset: 0;
	background: #3a0d0c;
	opacity: var(--co-shade, 0);
	transition: opacity 0.6s ease;
	pointer-events: none;
}

.makaz-co-carousel__slide.is-active .makaz-co-carousel__btn {
	cursor: zoom-in;
}

.makaz-co-carousel__stage.is-dragging .makaz-co-carousel__btn {
	cursor: grabbing;
}

.makaz-co-carousel__img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 30%;
	pointer-events: none;
	transform: scale(1.08);
	transition: transform 1.6s var(--co-ease);
}

.makaz-co-carousel__slide.is-active .makaz-co-carousel__img {
	transform: scale(1);
}

/* Отражение „на сцена“ */
.makaz-co-carousel__slide.is-active .makaz-co-carousel__btn {
	box-shadow:
		0 40px 70px -28px rgba(20, 4, 4, 0.85),
		0 0 0 1px rgba(255, 255, 255, 0.18);
}

.makaz-co-carousel__controls {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: clamp(1rem, 3vw, 2rem);
	margin-top: 1.4rem;
}

.makaz-co-carousel__arrow {
	display: grid;
	place-items: center;
	width: 54px;
	height: 54px;
	padding: 0;
	border: 1px solid rgba(255, 255, 255, 0.4);
	border-radius: 50%;
	background: transparent;
	color: #fff;
	cursor: pointer;
	transition:
		background-color 0.3s ease,
		color 0.3s ease,
		transform 0.4s var(--co-ease),
		border-color 0.3s ease;
}

.makaz-co-carousel__arrow:hover {
	background: #fff;
	border-color: #fff;
	color: var(--co-red);
	transform: scale(1.06);
}

.makaz-co-carousel__arrow--prev svg {
	transform: rotate(180deg);
}

.makaz-co-carousel__status {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.55rem;
	min-width: 140px;
}

.makaz-co-carousel__counter {
	display: inline-flex;
	align-items: baseline;
	gap: 0.4rem;
	color: rgba(255, 255, 255, 0.7);
	font-size: 0.9rem;
	font-variant-numeric: tabular-nums;
	letter-spacing: 0.06em;
}

.makaz-co-carousel__counter b {
	color: #fff;
	font-size: 1.35rem;
	font-style: italic;
	font-weight: 600;
}

.makaz-co-carousel__progress {
	position: relative;
	width: 140px;
	height: 2px;
	background: rgba(255, 255, 255, 0.22);
	overflow: hidden;
}

.makaz-co-carousel__progress span {
	position: absolute;
	inset: 0;
	background: #fff;
	transform: scaleX(0);
	transform-origin: left;
}

.makaz-co-carousel__progress.is-running span {
	animation: makaz-co-progress var(--co-autoplay, 4800ms) linear forwards;
}

.makaz-co-carousel.is-paused .makaz-co-carousel__progress span {
	animation-play-state: paused;
}

@keyframes makaz-co-progress {
	to {
		transform: scaleX(1);
	}
}

/* ===================================================================
   КОНТАКТ
   =================================================================== */
.makaz-co-contact {
	padding-block: clamp(4.5rem, 9vw, 7rem) clamp(4rem, 8vw, 6rem);
	background: #fff;
}

.makaz-co-contact .makaz-co__head {
	margin-bottom: clamp(2rem, 4vw, 3rem);
}

.makaz-co-contact__text {
	max-width: 44rem;
	text-wrap: balance; /* ако се пренесе, редовете са равни — без самотна дума накрая */
	margin: 0.9rem auto 0 !important;
	color: var(--co-muted);
	font-size: 1rem;
	line-height: 1.7;
}

/* Една кремава лента; контактите са разделени с пунктирни „шевове“ */
.makaz-co .makaz-co-contact__list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	max-width: 1000px;
	margin-inline: auto;
	padding: 0.5rem;
	border-radius: calc(var(--co-radius) + 8px);
	background: var(--co-cream);
}

.makaz-co-contact__list > li + li {
	border-left: 1.5px dashed color-mix(in srgb, var(--co-red) 28%, transparent);
}

.makaz-co-contact__item {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.9rem;
	height: 100%;
	padding: 1.35rem 1rem;
	border-radius: calc(var(--co-radius) + 2px);
	color: var(--co-ink) !important;
	text-decoration: none;
	transition: background-color 0.4s ease;
}

.makaz-co-contact__item:hover {
	background: rgba(255, 255, 255, 0.75);
}

.makaz-co-contact__icon {
	position: relative;
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: #fff;
	color: var(--co-red);
	flex: none;
	transition:
		background-color 0.35s ease,
		color 0.35s ease;
}

.makaz-co-contact__icon::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: 50%;
	border: 1.5px dashed var(--co-red);
	transition: transform 1.2s var(--co-ease);
}

.makaz-co-contact__item:hover .makaz-co-contact__icon {
	background: var(--co-red);
	color: #fff;
}

.makaz-co-contact__item:hover .makaz-co-contact__icon::before {
	transform: rotate(90deg) scale(1.16);
}

.makaz-co-contact__icon svg {
	width: 19px;
	height: 19px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.6;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.makaz-co-contact__value {
	position: relative;
	font-size: clamp(1rem, 1.35vw, 1.12rem);
	font-weight: 600;
	letter-spacing: 0.01em;
	white-space: nowrap;
	transition: color 0.35s ease;
}

/* пунктирът се „пришива“ под стойността при hover */
.makaz-co-contact__value::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -4px;
	height: 1.5px;
	background: repeating-linear-gradient(90deg, currentColor 0 5px, transparent 5px 8px);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 0.6s var(--co-ease);
}

.makaz-co-contact__item:hover .makaz-co-contact__value {
	color: var(--co-red);
}

.makaz-co-contact__item:hover .makaz-co-contact__value::after {
	transform: scaleX(1);
}

/* ===================================================================
   LIGHTBOX
   =================================================================== */
.makaz-co-lightbox {
	position: fixed;
	inset: 0;
	z-index: 100000;
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	align-items: center;
	gap: 1rem;
	padding: clamp(1rem, 3vw, 2.5rem);
	background: rgba(22, 14, 13, 0.92);
	backdrop-filter: blur(8px);
	opacity: 0;
	transition: opacity 0.35s ease;
}

.makaz-co-lightbox[hidden] {
	display: none;
}

.makaz-co-lightbox.is-open {
	opacity: 1;
}

.makaz-co-lightbox__figure {
	grid-column: 2;
	margin: 0;
	display: grid;
	place-items: center;
	height: 100%;
	min-height: 0;
	touch-action: pan-y;
}

.makaz-co-lightbox__img {
	max-width: 100%;
	max-height: calc(100vh - 7rem);
	width: auto;
	height: auto;
	border-radius: 10px;
	box-shadow: 0 40px 80px -30px rgba(0, 0, 0, 0.8);
	transform: scale(0.94);
	opacity: 0;
	transition:
		transform 0.5s var(--co-ease),
		opacity 0.35s ease;
}

.makaz-co-lightbox.is-open .makaz-co-lightbox__img.is-loaded {
	transform: none;
	opacity: 1;
}

.makaz-co-lightbox__nav,
.makaz-co-lightbox__close {
	display: grid;
	place-items: center;
	width: 52px;
	height: 52px;
	padding: 0;
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.04);
	color: #fff;
	cursor: pointer;
	transition:
		background-color 0.3s ease,
		color 0.3s ease;
}

.makaz-co-lightbox__nav:hover,
.makaz-co-lightbox__close:hover {
	background: #fff;
	color: var(--co-ink);
}

.makaz-co-lightbox__nav--prev svg {
	transform: rotate(180deg);
}

.makaz-co-lightbox__close {
	position: absolute;
	top: clamp(0.8rem, 2vw, 1.5rem);
	right: clamp(0.8rem, 2vw, 1.5rem);
	z-index: 2;
}

.makaz-co-lightbox__close span,
.makaz-co-lightbox__close span::before {
	position: relative;
	display: block;
	width: 20px;
	height: 1.6px;
	background: currentColor;
	transform: rotate(45deg);
}

.makaz-co-lightbox__close span::before {
	content: "";
	position: absolute;
	transform: rotate(90deg);
}

.makaz-co-lightbox__counter {
	position: absolute;
	left: 50%;
	bottom: clamp(0.8rem, 2vw, 1.4rem);
	transform: translateX(-50%);
	color: rgba(255, 255, 255, 0.75);
	font-size: 0.9rem;
	letter-spacing: 0.1em;
	font-variant-numeric: tabular-nums;
}

html.makaz-co-locked {
	overflow: hidden;
}

/* ===================================================================
   RESPONSIVE
   =================================================================== */
@media (max-width: 1024px) {
	.makaz-co-steps-wrap {
		--co-marker: 56px;
		max-width: 640px;
		margin-inline: auto;
	}

	.makaz-co-steps {
		grid-template-columns: minmax(0, 1fr);
		gap: 1.2rem;
	}

	.makaz-co-steps__rail {
		top: calc(var(--co-marker) / 2);
		bottom: calc(var(--co-marker) / 2);
		left: calc(var(--co-marker) / 2 - 1px);
		right: auto;
		width: 2px;
		height: auto;
	}

	.makaz-co-steps__rail-line {
		background: repeating-linear-gradient(180deg, var(--co-red) 0 10px, transparent 10px 17px);
		clip-path: inset(0 0 100% 0);
	}

	.makaz-co-steps__needle {
		display: none;
	}

	.makaz-co.is-js .makaz-co-step.makaz-co-reveal {
		transition-delay: 0.1s;
	}

	.makaz-co-step {
		flex-direction: row;
		align-items: flex-start;
		gap: 1.1rem;
		text-align: left;
	}

	.makaz-co-step__marker {
		margin-bottom: 0;
	}

	.makaz-co-step__card {
		padding: 1.5rem 1.4rem;
	}

	.makaz-co-step__icon {
		width: 32px;
		height: 32px;
		margin-bottom: 0.7rem;
	}
}

@media (max-width: 900px) {
	.makaz-co-hero {
		padding-top: 2.4rem;
	}

	.makaz-co-hero__grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 3rem;
	}

	.makaz-co-hero__visual {
		width: min(360px, 78%);
	}

	.makaz-co .makaz-co-contact__list {
		grid-template-columns: minmax(0, 1fr);
		max-width: 440px;
		padding: 0.35rem 0.5rem;
	}

	.makaz-co-contact__list > li + li {
		border-left: 0;
		border-top: 1.5px dashed color-mix(in srgb, var(--co-red) 28%, transparent);
	}

	.makaz-co-contact__item {
		justify-content: flex-start;
		padding: 0.95rem 0.75rem;
	}
}

@media (max-width: 600px) {
	.makaz-co__container {
		width: calc(100% - 32px);
	}

	.makaz-co__eyebrow {
		font-size: 0.7rem;
		letter-spacing: 0.07em;
		white-space: nowrap;
	}

	.makaz-co-steps-wrap {
		--co-marker: 42px;
	}

	.makaz-co-step {
		gap: 0.75rem;
	}

	.makaz-co-step__marker {
		box-shadow: 0 0 0 5px #fff;
	}

	.makaz-co-step__marker::before {
		border-width: 1.2px;
	}

	.makaz-co-step__num {
		font-size: 0.95rem;
	}

	.makaz-co-step__card {
		padding: 1.25rem 1.15rem;
	}

	.makaz-co-showcase__tags,
	.makaz-co-showcase__tags li {
		gap: 0.45rem;
	}

	.makaz-co-showcase__tags li {
		font-size: 0.74rem;
		letter-spacing: 0;
	}

	.makaz-co-showcase__tags li + li::before {
		width: 4px;
		height: 4px;
	}

	.makaz-co-hero__actions .makaz-co-btn {
		flex: 1 1 100%;
	}

	.makaz-co-hero__perks {
		flex-direction: column;
	}

	.makaz-co-carousel {
		--co-slide-w: min(66vw, 280px);
	}

	.makaz-co-carousel__arrow {
		width: 46px;
		height: 46px;
	}

	.makaz-co-showcase::before,
	.makaz-co-showcase::after {
		height: 18px;
	}


	.makaz-co-lightbox {
		grid-template-columns: minmax(0, 1fr);
		padding: 4rem 0.75rem 4.5rem;
	}

	.makaz-co-lightbox__figure {
		grid-column: 1;
	}

	.makaz-co-lightbox__nav {
		position: absolute;
		bottom: 0.9rem;
		width: 46px;
		height: 46px;
	}

	.makaz-co-lightbox__nav--prev {
		left: 1rem;
	}

	.makaz-co-lightbox__nav--next {
		right: 1rem;
	}

	.makaz-co-lightbox__counter {
		bottom: 1.6rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.makaz-co *,
	.makaz-co *::before,
	.makaz-co *::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
}

/* ===================================================================
   ЗАЯВКА — форма в секция „Свържете се с нас“
   =================================================================== */
.makaz-co-contact {
	scroll-margin-top: 80px;
}

.makaz-co-request {
	position: relative;
	max-width: 820px;
	margin: 0 auto;
	padding: clamp(1.5rem, 4vw, 2.75rem);
	border-radius: calc(var(--co-radius) + 8px);
	background: #fff;
	box-shadow:
		0 1px 2px rgba(34, 31, 29, 0.05),
		0 30px 60px -36px rgba(34, 31, 29, 0.35);
	border: 1px solid var(--co-line);
}

/* фин ушит кант по ръба — като картите в галерията */
.makaz-co-request::before {
	content: "";
	position: absolute;
	inset: 7px;
	border: 1px dashed color-mix(in srgb, var(--co-red) 20%, transparent);
	border-radius: calc(var(--co-radius) + 3px);
	pointer-events: none;
}

.makaz-co-request__notice {
	position: relative;
	margin: 0 0 1.5rem;
	padding: 0.95rem 1.15rem;
	border-radius: var(--co-radius);
	font-size: 0.95rem;
	line-height: 1.55;
}

.makaz-co-request__notice--success {
	border: 1px solid rgba(34, 139, 34, 0.22);
	background: rgba(34, 139, 34, 0.08);
	color: #1d5a1d;
}

.makaz-co-request__notice--error {
	border: 1px solid color-mix(in srgb, var(--co-red) 22%, transparent);
	background: color-mix(in srgb, var(--co-red) 6%, #fff);
	color: #5c1515;
}

.makaz-co-form {
	position: relative;
	margin: 0;
}

/* honeypot — скрито за хората */
.makaz-co-form__hp {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	margin: -1px !important;
	padding: 0 !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

.makaz-co-form__alert {
	margin: 0 0 1rem;
	color: #b91c1c;
	font-size: 0.92rem;
}

.makaz-co-form__alert[hidden],
.makaz-co-field__error[hidden] {
	display: none !important;
}

.makaz-co-form__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.15rem 1.25rem;
}

.makaz-co-field {
	min-width: 0;
}

.makaz-co-field--full {
	grid-column: 1 / -1;
}

.makaz-co .makaz-co-field__label {
	display: block;
	margin: 0 0 0.45rem;
	color: var(--co-ink);
	font-size: 0.86rem;
	font-weight: 600;
	line-height: 1.3;
}

.makaz-co-field__req {
	color: var(--co-red);
}

.makaz-co-field__opt {
	color: var(--co-muted);
	font-weight: 400;
}

.makaz-co .makaz-co-field__control {
	display: block;
	width: 100%;
	height: 50px;
	margin: 0;
	padding: 0.75rem 1rem;
	border: 1px solid transparent;
	border-radius: var(--co-btn-radius);
	background: var(--co-cream);
	box-shadow: none;
	color: var(--co-ink);
	font-family: inherit;
	font-size: 0.95rem;
	line-height: 1.45;
	transition:
		border-color 0.25s ease,
		box-shadow 0.25s ease,
		background-color 0.25s ease;
}

.makaz-co .makaz-co-field__control::placeholder {
	color: #a49d97;
}

.makaz-co .makaz-co-field__control:focus {
	outline: none;
	border-color: color-mix(in srgb, var(--co-red) 38%, transparent);
	background: #fff;
	box-shadow: 0 0 0 3px color-mix(in srgb, var(--co-red) 8%, transparent);
}

.makaz-co .makaz-co-field__control--textarea {
	height: auto;
	min-height: 150px;
	resize: vertical;
}

.makaz-co .makaz-co-field.is-invalid .makaz-co-field__control,
.makaz-co .makaz-co-field.is-invalid .makaz-co-file {
	border-color: rgba(185, 28, 28, 0.55);
}

.makaz-co-field__hint {
	margin: 0.4rem 0 0;
	color: var(--co-muted);
	font-size: 0.82rem;
}

.makaz-co-field__error {
	margin: 0.45rem 0 0;
	color: #b91c1c;
	font-size: 0.85rem;
	line-height: 1.4;
}

/* прикачен файл — пунктирно поле като шев */
.makaz-co-file {
	position: relative;
	display: flex;
	align-items: center;
	gap: 0.75rem;
	height: 50px;
	margin: 0;
	padding: 0 0.9rem;
	border: 1px dashed color-mix(in srgb, var(--co-red) 35%, transparent);
	border-radius: var(--co-btn-radius);
	background: #fff;
	cursor: pointer;
	transition:
		border-color 0.25s ease,
		background-color 0.25s ease;
}

.makaz-co-file:hover,
.makaz-co-file:focus-within {
	border-color: var(--co-red);
	background: var(--co-cream);
}

.makaz-co-file__input {
	position: absolute;
	width: 1px;
	height: 1px;
	opacity: 0;
	pointer-events: none;
}

.makaz-co-file__icon {
	display: grid;
	place-items: center;
	flex: none;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background: color-mix(in srgb, var(--co-red) 8%, #fff);
	color: var(--co-red);
}

.makaz-co-file__icon svg {
	width: 16px;
	height: 16px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.7;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.makaz-co-file__text {
	display: flex;
	flex-direction: column;
	min-width: 0;
	line-height: 1.25;
}

.makaz-co-file__name {
	overflow: hidden;
	color: var(--co-ink);
	font-size: 0.9rem;
	font-weight: 600;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.makaz-co-file__hint {
	color: var(--co-muted);
	font-size: 0.75rem;
}

.makaz-co .makaz-co-file__clear {
	display: grid;
	place-items: center;
	flex: none;
	width: 28px;
	height: 28px;
	min-height: 0;
	margin-left: auto;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: var(--co-muted);
	font-size: 1.25rem;
	line-height: 1;
	cursor: pointer;
}

.makaz-co .makaz-co-file__clear:hover {
	background: color-mix(in srgb, var(--co-red) 8%, #fff);
	color: var(--co-red);
}

.makaz-co-file__clear[hidden] {
	display: none;
}

.makaz-co .makaz-co-form__submit {
	width: 100%;
	margin-top: 1.6rem;
	cursor: pointer;
	font-family: inherit;
}

.makaz-co .makaz-co-form__submit[aria-busy="true"] {
	opacity: 0.7;
	pointer-events: none;
}

/* „или се свържете с нас директно“ — между формата и телефоните */
.makaz-co-contact__or {
	display: flex;
	align-items: center;
	gap: 1rem;
	max-width: 1000px;
	margin: clamp(2.25rem, 4vw, 3rem) auto 1.1rem !important;
	color: var(--co-muted);
	font-size: 0.88rem;
	text-align: center;
}

.makaz-co-contact__or::before,
.makaz-co-contact__or::after {
	content: "";
	flex: 1;
	height: 1.5px;
	background: repeating-linear-gradient(90deg, color-mix(in srgb, var(--co-red) 28%, transparent) 0 5px, transparent 5px 9px);
}

@media (max-width: 1024px) {
	.makaz-co-contact__or {
		max-width: 440px;
	}
}

@media (max-width: 600px) {
	.makaz-co-request {
		padding: 1.4rem 1.1rem 1.5rem;
	}

	.makaz-co-request::before {
		inset: 5px;
	}

	.makaz-co-form__grid {
		grid-template-columns: minmax(0, 1fr);
		gap: 1rem;
	}

	.makaz-co .makaz-co-field__control {
		font-size: 16px; /* без автоматичен zoom в iOS */
	}
}

/* По-изчистено: формата без рамки и карта — само полетата върху фона */
.makaz-co-request {
	max-width: 760px;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	box-shadow: none;
}

.makaz-co-request::before {
	content: none;
}

.makaz-co-file {
	border: 1px solid transparent;
	background: var(--co-cream);
}

.makaz-co-file:hover,
.makaz-co-file:focus-within {
	border-color: color-mix(in srgb, var(--co-red) 38%, transparent);
	background: #fff;
}

.makaz-co-file__icon {
	background: #fff;
}

@media (max-width: 600px) {
	.makaz-co-request {
		padding: 0;
	}
}

/* „Прикачете файл“ — не поле, а лек линк с иконка (кламер) */
.makaz-co-file {
	display: inline-flex;
	width: auto;
	max-width: 100%;
	height: auto;
	padding: 0.15rem 0;
	border: 0;
	border-radius: 0;
	background: transparent;
}

.makaz-co-file:hover,
.makaz-co-file:focus-within {
	border: 0;
	background: transparent;
}

.makaz-co-file__icon {
	width: 34px;
	height: 34px;
	border: 1px dashed color-mix(in srgb, var(--co-red) 45%, transparent);
	background: transparent;
	transition:
		background-color 0.3s ease,
		color 0.3s ease;
}

.makaz-co-file:hover .makaz-co-file__icon,
.makaz-co-file:focus-within .makaz-co-file__icon {
	background: var(--co-red);
	color: #fff;
}

.makaz-co-file__name {
	color: var(--co-red);
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;
	text-decoration-color: color-mix(in srgb, var(--co-red) 35%, transparent);
}

.makaz-co-file:focus-within .makaz-co-file__name {
	text-decoration-color: currentColor;
}

.makaz-co .makaz-co-field.is-invalid .makaz-co-file {
	border: 0;
}

.makaz-co .makaz-co-field.is-invalid .makaz-co-file__icon {
	border-color: rgba(185, 28, 28, 0.6);
}

.makaz-co .makaz-co-file__clear {
	margin-left: 0.25rem;
}

/* Прикачени файлове — малки визуализации с „ד за премахване */
.makaz-co .makaz-co-files {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	margin: 0.85rem 0 0;
	padding: 0;
	list-style: none;
}

.makaz-co-files[hidden] {
	display: none !important;
}

.makaz-co .makaz-co-files__item {
	position: relative;
	width: 84px;
	margin: 0;
	padding: 0;
}

.makaz-co-files__thumb,
.makaz-co-files__doc {
	display: block;
	width: 84px;
	height: 84px;
	border-radius: var(--co-btn-radius);
	background: var(--co-cream);
}

.makaz-co-files__thumb {
	object-fit: cover;
	box-shadow: 0 6px 16px -10px rgba(34, 31, 29, 0.45);
}

.makaz-co-files__doc {
	display: grid;
	place-content: center;
	justify-items: center;
	gap: 0.2rem;
	color: var(--co-red);
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.06em;
}

.makaz-co-files__doc svg {
	width: 26px;
	height: 26px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.4;
	stroke-linejoin: round;
}

.makaz-co-files__name {
	display: block;
	margin-top: 0.3rem;
	overflow: hidden;
	color: var(--co-muted);
	font-size: 0.72rem;
	line-height: 1.3;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.makaz-co .makaz-co-files__remove {
	position: absolute;
	top: -8px;
	right: -8px;
	display: grid;
	place-items: center;
	width: 24px;
	height: 24px;
	min-height: 0;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 2px 8px rgba(34, 31, 29, 0.22);
	color: var(--co-ink);
	font-size: 1rem;
	line-height: 1;
	cursor: pointer;
	transition:
		background-color 0.25s ease,
		color 0.25s ease;
}

.makaz-co .makaz-co-files__remove:hover,
.makaz-co .makaz-co-files__remove:focus-visible {
	background: var(--co-red);
	color: #fff;
}

.makaz-co-field--files {
	margin-top: 0.15rem;
}

@media (max-width: 600px) {
	.makaz-co .makaz-co-files {
		gap: 0.65rem;
	}

	.makaz-co .makaz-co-files__item,
	.makaz-co-files__thumb,
	.makaz-co-files__doc {
		width: 72px;
	}

	.makaz-co-files__thumb,
	.makaz-co-files__doc {
		height: 72px;
	}
}

/* повече въздух преди и след „Прикачете снимки или лого“ */
.makaz-co-field--files {
	margin-top: 0.85rem;
}

.makaz-co .makaz-co-form__submit {
	margin-top: 2.4rem;
}

.makaz-co {
	--co-red-band: var(--co-red);
}

.makaz-co-showcase {
	background: var(--co-red-band);
}

.makaz-co .makaz-co-field__control {
	border-color: rgba(60, 64, 67, 0.12);
}

.makaz-co .makaz-co-field__control:hover {
	border-color: rgba(60, 64, 67, 0.2);
}

.makaz-co .makaz-co-field__control:focus {
	border-color: color-mix(in srgb, var(--co-red) 38%, transparent);
}