/*

Theme Name: Lucky

Theme URI: https://resh-marketing.ru/

Author: WP Agent

Description: Block theme from Figma Project_-LUCKY. Phase 6 visual match.

Version: 0.4.6

Requires at least: 6.4

Tested up to: 6.7

Requires PHP: 7.4

License: GNU General Public License v2 or later

Text Domain: lucky

Tags: block-theme, full-site-editing

*/



/* Figma tokens: primary #2F80FF, Exo 2 / Open Sans / Inter, radius 8px, layout 1440 */



/* — Front page shell: header overlays hero — */

.home .wp-site-blocks,

.blog.home .wp-site-blocks {

	position: relative;

}



.home .lucky-header,
.page-template-front-page .lucky-header,
body.home .lucky-header {

	background: transparent;

	background-color: transparent;

	left: 0;

	margin-left: auto;

	margin-right: auto;

	max-width: 1440px;

	padding: 18px 80px 0 40px;

	position: absolute;

	right: 0;

	top: 0;

	width: 100%;

	z-index: 30;

}



/* — Header: logo 99:1326 (75×69 @ 40/18) + nav 99:1327 — */

.lucky-header {

	background-color: transparent;

	position: relative;

	z-index: 20;

}



.lucky-header__bar {

	-webkit-box-align: center;

	-webkit-align-items: center;

	align-items: center;

	display: -webkit-box;

	display: -webkit-flex;

	display: flex;

	gap: 42px;

	-webkit-box-pack: start;

	-webkit-justify-content: flex-start;

	justify-content: flex-start;

	width: 100%;

}



.lucky-header > .wp-block-group,
.lucky-header__bar {

	-webkit-box-align: center;

	-webkit-align-items: center;

	align-items: center;

	display: -webkit-box;

	display: -webkit-flex;

	display: flex;

	-webkit-box-pack: start;

	-webkit-justify-content: flex-start;

	justify-content: flex-start;

	width: 100%;

}



.lucky-header__logo {

	display: block;

	flex-shrink: 0;

	height: 69px;

	line-height: 0;

	margin: 0;

	text-decoration: none;

	width: 75px;

}



.lucky-header__logo img {

	display: block;

	height: 69px;

	object-fit: contain;

	width: 75px;

}



.lucky-header .wp-block-navigation,
.lucky-header .wp-block-navigation__container {
	display: none !important;
}



.lucky-header-nav {
	display: block;
}

.lucky-header-nav ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	gap: 44px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.lucky-header-nav li {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Figma 99:1330–99:1334 — Exo 2 600 16px lh 19.2px */
.lucky-header-nav a,
.lucky-header-nav__link {
	background: transparent !important;
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	color: #fff !important;
	display: inline;
	font-family: "Exo 2", var(--wp--preset--font-family--heading);
	font-size: 16px;
	font-weight: 600;
	line-height: 19.2px;
	min-height: 0;
	padding: 0 !important;
	text-decoration: none;
	transition: color 0.2s ease;
}

/* Figma 99:1329 — Inter 400 18px lh 28.8px */
.lucky-header-nav__link--about {
	font-family: "Inter", var(--wp--preset--font-family--ui);
	font-size: 18px;
	font-weight: 400;
	line-height: 28.8px;
}



.lucky-header-nav a:hover,
.lucky-header-nav__link:hover {
	color: #2f80ff;
	color: var(--wp--preset--color--primary);
}



.lucky-header-nav a:active,
.lucky-header-nav__link:active {
	color: #7eb3ff;
}



/* — Hero (107:792) — scale 0.8 for 656px height; УТП_текст 107:791 — */

.lucky-hero.wp-block-cover {

	--lucky-hero-s: 0.8;

	-webkit-aspect-ratio: 1440 / 656;

	aspect-ratio: 1440 / 656;

	display: -webkit-box;

	display: -webkit-flex;

	display: flex;

	height: clamp(420px, 45.56vw, 656px) !important;

	max-height: 656px !important;

	min-height: 0 !important;

	overflow: hidden;

	padding: 0 !important;

	position: relative;

	width: 100%;

}



.lucky-hero .wp-block-cover__background.has-background-dim {

	display: none;

	opacity: 0;

}



.lucky-hero::after {

	background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.62) 0%, rgba(0, 0, 0, 0.42) 48%, rgba(0, 0, 0, 0.08) 62%, rgba(0, 0, 0, 0) 72%);

	background: linear-gradient(90deg, rgba(0, 0, 0, 0.62) 0%, rgba(0, 0, 0, 0.42) 48%, rgba(0, 0, 0, 0.08) 62%, transparent 72%);

	content: "";

	inset: 0;

	pointer-events: none;

	position: absolute;

	z-index: 1;

}



.lucky-hero .wp-block-cover__image-background {

	height: 100%;

	left: 0;

	min-height: 100%;

	min-width: 100%;

	-o-object-fit: cover;

	object-fit: cover;

	-o-object-position: 72% 100%;

	object-position: 72% 100%;

	position: absolute;

	top: 0;

	width: 100%;

	z-index: 0;

}



.lucky-hero .wp-block-cover__inner-container {

	height: 100%;

	inset: 0;

	margin: 0;

	max-width: none;

	padding: 0;

	position: absolute;

	width: 100%;

	z-index: 2;

}



/* Figma 107:791 УТП_текст — 817×599 @ left 158 top 141 (× scale) */

.lucky-hero__content,
.lucky-hero__utp {

	height: auto;

	left: calc(158px * var(--lucky-hero-s));

	max-width: calc(100% - (158px * var(--lucky-hero-s)) - 40px);

	min-height: 0;

	opacity: 1 !important;

	position: absolute;

	text-align: left;

	top: calc(141px * var(--lucky-hero-s));

	width: calc(817px * var(--lucky-hero-s));

	z-index: 3;

}



/* Figma 99:1323 — Exo 2 700 48px lh 140% (font-size not scaled) */

.lucky-hero__title {

	color: #fff !important;

	font-family: "Exo 2", var(--wp--preset--font-family--heading);

	font-size: 48px;

	font-weight: 700;

	letter-spacing: 0;

	line-height: 67.2px;

	margin-bottom: calc(40px * var(--lucky-hero-s));

	margin-top: 0;

	max-width: 817px;

	opacity: 1 !important;

	-webkit-font-smoothing: antialiased;

}



/* Figma fill 74:296 — #2F80FF */

.lucky-hero__accent {

	color: #2f80ff !important;

	font-weight: 700;

	opacity: 1 !important;

}



.lucky-hero__accent--caps {

	text-transform: uppercase;

}



/* Figma 99:1324 — Exo 2 32px lh 48px; line1 w400, line2 w700 */

.lucky-hero__subtitle {

	color: #fff !important;

	font-family: "Exo 2", var(--wp--preset--font-family--heading);

	font-size: 32px;

	font-weight: 600;

	letter-spacing: 0;

	line-height: 48px;

	/* Figma 99:1324→99:1325 gap 80px; tightened for 656px WP (70×positionScale) */
	margin-bottom: calc(70px * var(--lucky-hero-s));

	margin-top: 0;

	max-width: 735px;

	opacity: 1 !important;

	-webkit-font-smoothing: antialiased;

}



.lucky-hero__subtitle-regular {

	font-weight: 400;

}



.lucky-hero__subtitle-bold {

	font-weight: 700;

}



/* Figma 99:1325 — Exo 2 400 32px lh 44.8px; 678×135 @ left 7 inside УТП */

.lucky-hero__desc {

	color: #fff !important;

	font-family: "Exo 2", var(--wp--preset--font-family--heading);

	font-size: 32px;

	font-weight: 400;

	letter-spacing: 0;

	line-height: 44.8px;

	margin-bottom: 0;

	margin-left: calc(7px * var(--lucky-hero-s));

	margin-top: 0;

	max-width: calc(678px * var(--lucky-hero-s));

	opacity: 1 !important;

	-webkit-font-smoothing: antialiased;

}



.lucky-hero p,

.lucky-hero h1 {

	opacity: 1 !important;

}



/* Figma 99:1325→99:1318 gap 88px; tightened for 656px WP (70×positionScale) */

.lucky-hero__actions {

	display: -webkit-box !important;

	display: -webkit-flex !important;

	display: flex !important;

	-webkit-flex-wrap: nowrap;

	flex-wrap: nowrap;

	gap: 17px;

	margin-top: calc(70px * var(--lucky-hero-s));

	opacity: 1 !important;

	position: relative;

	visibility: visible;

	z-index: 3;

}



.lucky-hero .wp-block-button__link {

	-webkit-backdrop-filter: none !important;

	backdrop-filter: none !important;

	filter: none !important;

	mix-blend-mode: normal !important;

	opacity: 1 !important;

}



/* Figma buttons — Exo 2 600 20px lh 28px, h 60px, radius 4px */

.lucky-hero__cta-primary .wp-block-button__link,

.lucky-hero__cta-secondary .wp-block-button__link {

	border-radius: 4px;

	font-family: "Exo 2", var(--wp--preset--font-family--heading);

	font-size: 1.25rem;

	font-weight: 600;

	height: 60px;

	line-height: 28px;

	min-height: 60px;

	opacity: 1 !important;

	padding-bottom: 16px;

	padding-top: 16px;

	white-space: nowrap;

}



.lucky-hero__cta-primary .wp-block-button__link {

	background-color: #2f80ff !important;

	border: none !important;

	color: #fff !important;

	min-width: 325px;

	padding-left: 20px;

	padding-right: 32px;

	transition: background-color 0.2s ease, transform 0.15s ease;

}



.lucky-hero__cta-primary .wp-block-button__link:hover {

	background-color: #1a6fe8 !important;

}



.lucky-hero__cta-primary .wp-block-button__link:active {

	background-color: #155ccc !important;

	transform: translateY(1px);

}



.lucky-hero__cta-primary .wp-block-button__link:focus-visible {

	outline: 2px solid #fff;

	outline-offset: 2px;

}



.lucky-hero__cta-secondary .wp-block-button__link {

	-webkit-box-align: center;

	-webkit-align-items: center;

	align-items: center;

	background-color: #fff !important;

	border: 1px solid #3b3b3a !important;

	color: #2f80ff !important;

	display: -webkit-inline-box;

	display: -webkit-inline-flex;

	display: inline-flex;

	gap: 20px;

	min-width: 325px;

	opacity: 1 !important;

	padding-left: 20px;

	padding-right: 20px;

	transition: background-color 0.2s ease, transform 0.15s ease;

}



.lucky-hero__cta-secondary .wp-block-button__link:hover {

	background-color: #fff !important;

}



.lucky-hero__cta-secondary .wp-block-button__link:active {

	background-color: #f5f5f5 !important;

	transform: translateY(1px);

}



.lucky-hero__cta-secondary .wp-block-button__link:focus-visible {

	outline: 2px solid #2f80ff;

	outline-offset: 2px;

}



.lucky-hero__phone-icon {

	display: -webkit-inline-box;

	display: -webkit-inline-flex;

	display: inline-flex;

	line-height: 0;

}



.lucky-hero__phone-icon svg {

	display: block;

	height: 24px;

	width: 26px;

}



/* — Advantages bar (node 99:1278) — Figma 1440×374 — */

.lucky-advantages-bar {

	background-color: #000;

	border-radius: 4px;

	color: #fff;

	min-height: 374px;

}



.lucky-advantages-bar__inner {

	box-sizing: border-box;

	margin: 0 auto;

	max-width: 1440px;

	padding: 83px 78px 80px 155px;

}



.lucky-advantages-bar__title {

	color: #fff;

	font-family: var(--wp--preset--font-family--heading);

	font-size: 32px;

	font-weight: 700;

	line-height: 1.4;

	margin: 0 0 40px;

}



/* Figma 99:1280 — row 1222×126, itemSpacing 40, horizontal nowrap */

.lucky-advantages-bar__row {

	-webkit-box-align: center;

	-webkit-align-items: center;

	align-items: center;

	display: -webkit-box;

	display: -webkit-flex;

	display: flex;

	-webkit-flex-wrap: nowrap;

	flex-wrap: nowrap;

	-webkit-box-pack: justify;

	-webkit-justify-content: space-between;

	justify-content: space-between;

	gap: 40px;

	list-style: none;

	margin: 0;

	max-width: 1222px;

	padding: 20px 12px;

	width: 100%;

}



.lucky-advantage {

	-webkit-box-align: center;

	-webkit-align-items: center;

	align-items: center;

	display: -webkit-box;

	display: -webkit-flex;

	display: flex;

	-webkit-flex-wrap: nowrap;

	flex-wrap: nowrap;

	flex-shrink: 0;

	gap: 24px;

	margin: 0;

	min-width: 0;

}



.lucky-advantage__icon {

	display: block;

	flex-shrink: 0;

	height: auto;

	max-width: 100%;

}



.lucky-advantage__text {

	color: #fff;

	flex-shrink: 1;

	font-family: "Exo 2", var(--wp--preset--font-family--heading);

	font-size: 20px;

	font-weight: 600;

	line-height: 1.4;

	margin: 0;

	min-width: 0;

}

@media (min-width: 782px) {

	.lucky-advantage__text {

		white-space: nowrap;

	}

}



/* Figma 107:793 — ABOUT frame 1359×753 */

.lucky-about {

	--figma-w: 1359;

	--figma-h: 753;

	box-sizing: border-box;

	margin-inline: auto;

	max-width: 1359px;

	padding: 0;

	width: 100%;

}



.lucky-about__inner {

	box-sizing: border-box;

	width: 100%;

}



/* Figma 107:793 — title 99:1335 */

.lucky-about__copy {

	box-sizing: border-box;

	padding-left: calc(114 / var(--figma-w) * 100%);

	padding-right: calc((1359 - 114 - 899) / var(--figma-w) * 100%);

}



.lucky-about__title {

	color: #000;

	font-family: var(--wp--preset--font-family--heading), "Exo 2", sans-serif;

	font-size: 32px;

	font-weight: 700;

	line-height: 44.8px;

	margin: 0;

}



/* Figma 107:793 — body 99:1368 */

.lucky-about__body {

	color: #000;

	font-family: "Inter", var(--wp--preset--font-family--body), sans-serif;

	font-size: 21.640830993652344px;

	font-weight: 400;

	line-height: 34.62533187866211px;

	margin: 40px 0 80px;

	max-width: 899px;

	width: 100%;

}



/* Figma 107:793 — gallery 99:1369 */

.lucky-about__gallery {

	-webkit-box-align: center;

	-webkit-align-items: center;

	align-items: center;

	display: -webkit-box;

	display: -webkit-flex;

	display: flex;

	-webkit-box-orient: horizontal;

	-webkit-box-direction: normal;

	-webkit-flex-direction: row;

	flex-direction: row;

	gap: 22px;

	margin: 0;

	width: 100%;

}



/* Figma 107:793 — photos 99:1370, 99:1371, 99:1372 */

.lucky-about__photo {

	border-radius: 8px;

	flex: 0 0 auto;

	margin: 0;

	overflow: hidden;

}



.lucky-about__photo--1 {

	aspect-ratio: 439 / 378;

	width: calc(439 / var(--figma-w) * 100%);

}



.lucky-about__photo--2 {

	aspect-ratio: 439 / 378;

	width: calc(439 / var(--figma-w) * 100%);

}



.lucky-about__photo--3 {

	aspect-ratio: 437 / 378;

	width: calc(437 / var(--figma-w) * 100%);

}



.lucky-about__photo img {

	border-radius: 8px;

	display: block;

	height: 100%;

	object-fit: cover;

	width: 100%;

}



/* — Auto (Figma 107:812) — card grid, no section headings — */

.lucky-auto__grid-wrap {

	margin: 0 auto;

	max-width: 1358px;

	overflow-x: auto;

	-webkit-overflow-scrolling: touch;

	width: 100%;

}



/* Figma 107:812 */
.lucky-auto-grid {

	--figma-w: 1358;

	--figma-h: 895;

	display: flex;

	flex-direction: column;

	gap: 56px;

	margin: 0 auto;

	max-width: 1358px;

	min-width: min(100%, 1357px);

	width: 100%;

}



/* Figma 99:1388 */
.lucky-auto__row--1 {

	display: grid;

	gap: 19px;

	grid-template-columns: repeat(3, 440px);

}



/* Figma 99:1468 */
.lucky-auto__row--2 {

	display: grid;

	gap: 24px;

	grid-template-columns: 668px 665px;

}



/* Figma 58:108 / 107:799 / 107:810 — INNER_SHADOW offset -4 -4 radius 4 */
.lucky-auto__card {

	background: #ffffff;

	border: 2px solid #2f80ff;

	border-radius: 8px;

	box-shadow: inset -4px -4px 4px #2f80ff;

	box-sizing: border-box;

	display: flex;

	flex-direction: column;

	height: 424px;

	overflow: hidden;

	position: relative;

}



.lucky-auto__card--hummer {

	background: #fefefe;

	border-width: 1px;

}



.lucky-auto__card--others {

	justify-content: flex-end;

}



/* Figma row1 photo crop height 341.5 / card 424 */
.lucky-auto__photo--row1 {

	display: block;

	flex-shrink: 0;

	height: calc(341.5 / 424 * 100%);

	object-fit: cover;

	object-position: center top;

	width: 100%;

}



/* Figma 107:801 pic — box 132,103 404×219 in card 668×424 */
.lucky-auto__card--hummer .lucky-auto__photo--hummer {

	border-radius: 8px;

	display: block;

	flex-shrink: 0;

	height: calc(219 / 424 * 100%);

	left: calc(132 / 668 * 100%);

	object-fit: contain;

	position: absolute;

	top: calc(103 / 424 * 100%);

	width: calc(404 / 668 * 100%);

}



/* Figma label typography — Exo 2 700 32px lh 44.8, padding-left 40 */
.lucky-auto__label {

	color: #000000;

	flex-shrink: 0;

	font-family: "Exo 2", sans-serif;

	font-size: 32px;

	font-weight: 700;

	line-height: 44.8px;

	margin: 0;

	margin-top: auto;

	padding: 0 16px 16px 40px;

}



/* — Services (Figma 99:1406 + heading 99:1393) — absolute diagram — */

.lucky-services__title {

	color: #000 !important;

	font-family: "Exo 2", sans-serif;

	font-size: clamp(1.5rem, 2.7vw, 2rem);

	font-weight: 700;

	line-height: 1.4;

	margin: 0 0 2.5rem;

}



.lucky-services__diagram-wrap {

	margin: 0 auto;

	max-width: 1186px;

	overflow-x: auto;

	-webkit-overflow-scrolling: touch;

	width: 100%;

}



.lucky-services-diagram {

	--figma-w: 1186;

	--figma-h: 1115;

	aspect-ratio: 1186 / 1115;

	margin: 0 auto;

	max-width: 1186px;

	min-width: 280px;

	position: relative;

	width: 100%;

}



.lucky-services-diagram__ellipse {

	border: 4px solid #2f80ff;

	border-radius: 50%;

	height: calc(1000 / var(--figma-h) * 100%);

	left: calc(62 / var(--figma-w) * 100%);

	pointer-events: none;

	position: absolute;

	top: calc(62 / var(--figma-h) * 100%);

	width: calc(1000 / var(--figma-w) * 100%);

}



.lucky-services-diagram__car {

	display: block;

	height: auto;

	left: calc(214 / var(--figma-w) * 100%);

	max-width: none;

	object-fit: contain;

	pointer-events: none;

	position: absolute;

	top: calc(332 / var(--figma-h) * 100%);

	width: calc(705 / var(--figma-w) * 100%);

	z-index: 2;

}



.lucky-services-diagram__cta {

	-webkit-box-align: center;

	-webkit-align-items: center;

	align-items: center;

	background: #2f80ff !important;

	border: none !important;

	border-radius: 8px;

	color: #fff !important;

	display: -webkit-box;

	display: -webkit-flex;

	display: flex;

	font-family: "Exo 2", sans-serif;

	font-size: clamp(0.875rem, 1.69vw, 1.25rem);

	font-weight: 600;

	height: calc(60 / var(--figma-h) * 100%);

	-webkit-box-pack: center;

	-webkit-justify-content: center;

	justify-content: center;

	left: calc(430 / var(--figma-w) * 100%);

	line-height: 1.4;

	opacity: 1 !important;

	padding: 16px 32px 16px 20px;

	position: absolute;

	text-decoration: none;

	top: calc(730 / var(--figma-h) * 100%);

	white-space: nowrap;

	width: calc(325 / var(--figma-w) * 100%);

	z-index: 4;

}



.lucky-services-diagram__cta:hover {

	background: #1a6fe8 !important;

}



.lucky-services-diagram__service {

	color: inherit;

	display: block;

	position: static;

	text-decoration: none;

}



.lucky-services-diagram__icon-box {

	-webkit-box-align: flex-start;

	-webkit-align-items: flex-start;

	align-items: flex-start;

	background: #fff;

	border: 1px solid #2f80ff;

	border-radius: var(--r, 16px);

	box-shadow: inset -4px -4px 4px #2f80ff;

	box-sizing: border-box;

	display: -webkit-box;

	display: -webkit-flex;

	display: flex;

	height: calc(124 / var(--figma-h) * 100%);

	left: calc(var(--x) / var(--figma-w) * 100%);

	padding: calc(10 / var(--figma-w) * 100%);

	position: absolute;

	top: calc(var(--y) / var(--figma-h) * 100%);

	width: calc(120 / var(--figma-w) * 100%);

	z-index: 3;

}



.lucky-services-diagram__icon-box img {

	display: block;

	height: auto;

	object-fit: contain;

	width: 100%;

}



.lucky-services-diagram__label {

	color: #000;

	font-family: "Exo 2", sans-serif;

	font-size: clamp(0.875rem, 1.69vw, 1.25rem);

	font-weight: 600;

	left: calc(var(--x) / var(--figma-w) * 100%);

	line-height: 1.4;

	position: absolute;

	top: calc(var(--y) / var(--figma-h) * 100%);

	white-space: nowrap;

	z-index: 3;

}



.lucky-services-diagram__label--pill {

	background: #f1f1f1;

	padding: 4px 2px;

	width: calc(var(--w) / var(--figma-w) * 100%);

}



/* — Works (Figma 200:2420+, heading 99:1394) — */

.lucky-works .wp-block-html {

	width: 100%;

}



.lucky-works__frame {

	--figma-w: 1702;

	--figma-h: 495;

	margin: 0 auto;

	max-width: 100%;

	position: relative;

	width: min(100%, calc(var(--figma-w) * 1px));

}



/* Figma 99:1394 */

.lucky-works__heading {

	color: #000;

	font-family: "Exo 2", var(--wp--preset--font-family--heading);

	font-size: 32px;

	font-weight: 700;

	left: calc(106 / var(--figma-w) * 100%);

	line-height: 44.8px;

	margin: 0;

	padding: 0;

	position: relative;

	top: 0;

	width: calc(211 / var(--figma-w) * 100%);

}



.lucky-works__cards {

	display: -webkit-box;

	display: -webkit-flex;

	display: flex;

	-webkit-box-orient: horizontal;

	-webkit-box-direction: normal;

	-webkit-flex-direction: row;

	flex-direction: row;

	-webkit-flex-wrap: nowrap;

	flex-wrap: nowrap;

	margin-top: calc((156 - 45) / var(--figma-h) * 100%);

	width: 100%;

}



.lucky-work-card {

	-webkit-flex: 0 0 calc(549 / var(--figma-w) * 100%);

	background: linear-gradient(145deg, #4a4a4a 0%, #1a1a1a 100%);

	border-radius: 8px;

	flex: 0 0 calc(549 / var(--figma-w) * 100%);

	height: 339px;

	max-width: calc(549 / var(--figma-w) * 100%);

	min-height: 220px;

	min-width: 0;

	overflow: hidden;

	position: relative;

}



.lucky-work-card:last-child {

	margin-right: 0 !important;

}



.lucky-work-card__photo {

	display: block;

	height: 100%;

	left: 0;

	object-fit: cover;

	position: absolute;

	top: 0;

	width: 100%;

}



/* Figma overlay title — Exo 2 700 32px #fff, box top 33px left 20px */

.lucky-work-card__overlay-title {

	color: #fff;

	font-family: "Exo 2", var(--wp--preset--font-family--heading);

	font-size: 32px;

	font-weight: 700;

	left: calc(20 / 549 * 100%);

	line-height: 44.8px;

	margin: 0;

	max-width: calc(486 / 549 * 100%);

	position: absolute;

	top: calc(33 / 339 * 100%);

	z-index: 2;

}



.lucky-work-card__more {

	bottom: calc((339 - 297 - 28) / 339 * 100%);

	color: #2f80ff;

	font-family: "Exo 2", var(--wp--preset--font-family--heading);

	font-size: 20px;

	font-weight: 600;

	left: calc(40 / 549 * 100%);

	line-height: 28px;

	position: absolute;

	text-decoration: none;

	z-index: 2;

}



.lucky-work-card__more:hover {

	text-decoration: underline;

}



/* — Section head (works, reviews) — */

.lucky-section-head {

	width: 100%;

}



.lucky-section-head__arrow {

	-webkit-box-align: center;

	-webkit-align-items: center;

	align-items: center;

	border: 1px solid var(--wp--preset--color--border);

	border-radius: 8px;

	color: var(--wp--preset--color--foreground);

	display: -webkit-inline-box;

	display: -webkit-inline-flex;

	display: inline-flex;

	font-size: 1.5rem;

	height: 2.5rem;

	-webkit-box-pack: center;

	-webkit-justify-content: center;

	justify-content: center;

	line-height: 1;

	text-decoration: none;

	transition: border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease;

	width: 2.5rem;

}



.lucky-section-head__arrow:hover {

	border-color: var(--wp--preset--color--primary);

	color: var(--wp--preset--color--primary);

}



.lucky-section-head__arrow:active {

	background-color: #e8f2ff;

}



/* — Reviews (node 107:814) — */

.lucky-reviews-nav {

	gap: 0.5rem;

}



.lucky-reviews-arrow {

	-webkit-box-align: center;

	-webkit-align-items: center;

	align-items: center;

	background: #fff;

	border: 1px solid var(--wp--preset--color--border);

	border-radius: 8px;

	color: var(--wp--preset--color--foreground);

	cursor: default;

	display: -webkit-inline-box;

	display: -webkit-inline-flex;

	display: inline-flex;

	font-family: inherit;

	font-size: 1.25rem;

	height: 2.5rem;

	-webkit-box-pack: center;

	-webkit-justify-content: center;

	justify-content: center;

	line-height: 1;

	min-width: 2.5rem;

	padding: 0;

	transition: border-color 0.2s ease, color 0.2s ease, background-color 0.2s ease;

	width: 2.5rem;

}



.lucky-reviews-arrow:not(:disabled):hover {

	border-color: var(--wp--preset--color--primary);

	color: var(--wp--preset--color--primary);

}



/* Figma 107:814 — card row gap 21px, cards 670×293 */
.lucky-reviews-grid {

	display: grid;

	gap: 21px;

	grid-template-columns: repeat(2, minmax(0, 670px));

	width: 100%;

}



/* Figma 99:1301, 99:1520 — fill #FFFFFF, radius 24px */
.lucky-review-card {

	background: #fff;

	border-radius: 24px;

	box-sizing: border-box;

	min-height: 293px;

	padding: 20px 40px 40px;

}



.lucky-review-card__head {

	-webkit-box-align: start;

	-webkit-align-items: flex-start;

	align-items: flex-start;

	display: -webkit-box;

	display: -webkit-flex;

	display: flex;

	gap: 15px;

	margin-bottom: 16px;

}



/* Figma 99:1304, 99:1523 — avatar 51×51 ellipse */
.lucky-review-card__avatar {

	-webkit-box-align: center;

	-webkit-align-items: center;

	align-items: center;

	background: #e8f2ff;

	border-radius: 50%;

	color: #2f80ff;

	display: -webkit-box;

	display: -webkit-flex;

	display: flex;

	flex-shrink: 0;

	font-family: var(--wp--preset--font-family--ui);

	font-size: 0.875rem;

	font-weight: 600;

	height: 51px;

	-webkit-box-pack: center;

	-webkit-justify-content: center;

	justify-content: center;

	width: 51px;

}



.lucky-review-card__avatar--photo {

	display: block;

	height: 51px;

	object-fit: cover;

	width: 51px;

}



.lucky-review-card__meta {

	-webkit-box-flex: 1;

	-webkit-flex: 1;

	flex: 1;

	min-width: 0;

}



/* Figma 99:1306 — Inter 600 20px / 99:1525 — Inter 400 18px */
.lucky-review-card__name {

	color: #000;

	font-family: var(--wp--preset--font-family--ui);

	font-size: 20px;

	font-weight: 600;

	line-height: 24px;

	margin: 0;

}



.lucky-review-card:nth-child(2) .lucky-review-card__name {

	font-size: 18px;

	font-weight: 400;

	line-height: 28.8px;

}



.lucky-review-card__rating-row {

	-webkit-box-align: center;

	-webkit-align-items: center;

	align-items: center;

	display: -webkit-box;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap;

	gap: 8px;

	margin-top: 6px;

}



/* Figma 99:1314, 99:1533 — Inter 400 14px / 21px */
.lucky-review-card__date {

	color: #000;

	font-family: var(--wp--preset--font-family--ui);

	font-size: 14px;

	font-weight: 400;

	line-height: 21px;

	margin: 0;

}



/* Figma Frame 128 — stars row 104×20, CSS only */
.lucky-review-card__stars {

	display: -webkit-box;

	display: -webkit-flex;

	display: flex;

	flex-shrink: 0;

	gap: 4px;

	height: 20px;

	width: 104px;

}



.lucky-review-card__star {

	background: #2f80ff;

	clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);

	display: block;

	flex-shrink: 0;

	height: 20px;

	width: 20px;

}



/* Figma 99:1315 — Inter 400 18px / 99:1534 — Inter 400 20px */
.lucky-review-card__text {

	color: #000;

	font-family: var(--wp--preset--font-family--ui);

	font-size: 18px;

	font-weight: 400;

	line-height: 28.8px;

	margin: 0;

}



.lucky-review-card:nth-child(2) .lucky-review-card__text {

	font-size: 20px;

	line-height: 24.2px;

}



/* — FAQ (node 99:1473) — */

/* Figma 99:1473 — frame 1015×631, itemSpacing 20px */
.lucky-faq__list {

	display: -webkit-box;

	display: -webkit-flex;

	display: flex;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-webkit-flex-direction: column;

	flex-direction: column;

	gap: 20px;

	margin: 0 auto;

	max-width: 1015px;

	width: 100%;

}



/* Figma 99:1474+ — fill #FFFFFF, cornerRadius 12px */
.lucky-faq__item {

	background: #fff;

	border-radius: 12px;

	overflow: hidden;

}



/* Figma 99:1475+ — Inter 400 18px / 28.8px, padding-left 16px */
.lucky-faq__summary {

	-webkit-box-align: center;

	-webkit-align-items: center;

	align-items: center;

	color: #000;

	cursor: pointer;

	display: -webkit-box;

	display: -webkit-flex;

	display: flex;

	font-family: var(--wp--preset--font-family--ui);

	font-size: 18px;

	font-weight: 400;

	line-height: 28.8px;

	-webkit-box-pack: justify;

	-webkit-justify-content: space-between;

	justify-content: space-between;

	list-style: none;

	min-height: 61px;

	padding: 16px;

}



.lucky-faq__summary::-webkit-details-marker {

	display: none;

}



/* Figma chevron — 24×20 */
.lucky-faq__chevron {

	border-right: 2px solid #2f80ff;

	border-bottom: 2px solid #2f80ff;

	flex-shrink: 0;

	height: 10px;

	margin-left: 16px;

	transform: rotate(-45deg);

	transition: transform 0.2s ease;

	width: 12px;

}



.lucky-faq__item[open] .lucky-faq__chevron {

	transform: rotate(45deg);

}



.lucky-faq__answer {

	color: #000;

	font-family: var(--wp--preset--font-family--ui);

	font-size: 18px;

	line-height: 28.8px;

	padding: 0 16px 16px;

}



.lucky-faq__answer p {

	margin: 0;

}



/* — Contacts + form (Figma 107:816 + 99:1350) — */

.lucky-contacts .wp-block-html {

	width: 100%;

}



.lucky-contacts__wrap {

	--figma-combined-w: 1296;

	display: -webkit-box;

	display: -webkit-flex;

	display: flex;

	-webkit-box-orient: horizontal;

	-webkit-box-direction: normal;

	-webkit-flex-direction: row;

	flex-direction: row;

	-webkit-flex-wrap: wrap;

	flex-wrap: wrap;

	gap: 133px 2rem;

	margin: 0 auto;

	max-width: 100%;

	width: min(100%, calc(var(--figma-combined-w) * 1px));

}



/* Figma contacts column 562px */

.lucky-contacts__info {

	-webkit-flex: 0 0 562px;

	flex: 0 0 562px;

	max-width: 100%;

	min-width: 0;

	width: 562px;

}



.lucky-contacts__heading {

	color: #000;

	font-family: "Exo 2", var(--wp--preset--font-family--heading);

	font-size: 32px;

	font-weight: 700;

	line-height: 44.8px;

	margin: 0 0 40px;

	padding-left: 84px;

}



/* Figma 99:1336 — stroke 4px, radius 8 */

.lucky-contacts__address-block {

	border: 4px solid #2f80ff;

	border-radius: 8px;

	display: -webkit-box;

	display: -webkit-flex;

	display: flex;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-webkit-flex-direction: column;

	flex-direction: column;

	gap: 14px;

	margin: 0 0 80px 2px;

	min-height: 130px;

	padding: 12px 16px 16px;

}



.lucky-contacts__address-row {

	display: grid;

	gap: 8px 12px;

	grid-template-columns: 112px 1fr;

}



.lucky-contacts__label {

	color: #000;

	font-family: "Exo 2", var(--wp--preset--font-family--heading);

	font-size: 20px;

	font-weight: 600;

	line-height: 28px;

	margin: 0;

}



.lucky-contacts__value {

	color: #000;

	font-family: Inter, var(--wp--preset--font-family--body);

	font-size: 18px;

	font-weight: 400;

	line-height: 28.8px;

	margin: 0;

}



.lucky-contacts__value--phones {

	white-space: pre-line;

}



.lucky-contacts__schedule-heading {

	color: #000;

	font-family: "Exo 2", var(--wp--preset--font-family--heading);

	font-size: 32px;

	font-weight: 700;

	line-height: 44.8px;

	margin: 0 0 40px;

	padding-left: 101px;

}



.lucky-contacts__schedule {

	display: -webkit-box;

	display: -webkit-flex;

	display: flex;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-webkit-flex-direction: column;

	flex-direction: column;

	gap: 7px;

	max-width: 387px;

}



.lucky-contacts__schedule-row {

	display: -webkit-box;

	display: -webkit-flex;

	display: flex;

	-webkit-box-orient: horizontal;

	-webkit-box-direction: normal;

	-webkit-flex-direction: row;

	flex-direction: row;

	gap: 52px;

}



.lucky-contacts__schedule-day {

	color: #000;

	font-family: "Exo 2", var(--wp--preset--font-family--heading);

	font-size: 20px;

	font-weight: 600;

	line-height: 28px;

	min-width: 61px;

}



.lucky-contacts__schedule-time {

	color: #000;

	font-family: Inter, var(--wp--preset--font-family--body);

	font-size: 18px;

	font-weight: 400;

	line-height: 28.8px;

}



/* Figma form 601×568 */

.lucky-contact-form {

	-webkit-flex: 0 0 601px;

	background: #fff;

	border: 1px solid #2f80ff;

	border-radius: 8px;

	box-shadow: inset -4px -4px 4px rgba(47, 128, 255, 0.35);

	flex: 0 0 601px;

	max-width: 100%;

	min-width: 0;

	padding: 40px 62px 48px;

	width: 601px;

}



.lucky-contact-form__title {

	color: #000;

	font-family: Nunito, var(--wp--preset--font-family--heading);

	font-size: 30px;

	font-weight: 600;

	line-height: 45px;

	margin: 0 0 7px;

}



.lucky-contact-form__subtitle {

	color: #000;

	font-family: Inter, var(--wp--preset--font-family--body);

	font-size: 16px;

	font-weight: 400;

	line-height: 25.6px;

	margin: 0 0 41px;

}



.lucky-contact-form__form {

	display: grid;

	gap: 16px 24px;

	grid-template-columns: 218px 1fr;

	grid-template-rows: auto auto auto auto;

}



.lucky-contact-form__field {

	display: -webkit-box;

	display: -webkit-flex;

	display: flex;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-webkit-flex-direction: column;

	flex-direction: column;

	gap: 0.35rem;

	margin: 0;

}



.lucky-contact-form__col {

	display: -webkit-box;

	display: -webkit-flex;

	display: flex;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-webkit-flex-direction: column;

	flex-direction: column;

	gap: 16px;

}



.lucky-contact-form__col--left {

	grid-column: 1;

	grid-row: 1 / span 2;

}



.lucky-contact-form__col--right {

	grid-column: 2;

	grid-row: 1 / span 2;

}



.lucky-contact-form__label {

	font-family: var(--wp--preset--font-family--ui);

	font-size: 0.875rem;

}



.lucky-contact-form__form input,

.lucky-contact-form__form textarea {

	border: 1px solid var(--wp--preset--color--border);

	border-radius: 8px;

	font-family: var(--wp--preset--font-family--body);

	font-size: 1rem;

	padding: 0.75rem 1rem;

	width: 100%;

}



.lucky-contact-form__form input:focus,

.lucky-contact-form__form textarea:focus {

	border-color: var(--wp--preset--color--primary);

	outline: 2px solid rgba(47, 128, 255, 0.25);

	outline-offset: 1px;

}



/* Figma 99:1354 — consent row 416×27, checkbox 20×20, gap 26px */

.lucky-form-consent {

	-webkit-box-align: start;

	-webkit-align-items: flex-start;

	align-items: flex-start;

	display: -webkit-box !important;

	display: -webkit-flex !important;

	display: flex !important;

	-webkit-box-orient: horizontal !important;

	-webkit-box-direction: normal !important;

	-webkit-flex-direction: row !important;

	flex-direction: row !important;

	gap: 26px;

	grid-column: 1 / -1;

	height: 27px;

	margin: 8px 0 0;

	max-width: 416px;

	-webkit-box-pack: start;

	-webkit-justify-content: flex-start;

	justify-content: flex-start;

	white-space: normal;

	width: 100%;

	writing-mode: horizontal-tb;

}



.lucky-form-consent input[type="checkbox"] {

	-webkit-flex-shrink: 0;

	flex-shrink: 0;

	height: 20px;

	margin: 0;

	width: 20px;

}



.lucky-form-consent__label {

	color: #000;

	font-family: "Open Sans", var(--wp--preset--font-family--ui);

	font-size: 14px;

	font-weight: 400;

	-webkit-box-flex: 1;

	-webkit-flex: 1 1 auto;

	flex: 1 1 auto;

	line-height: 19.6px;

	max-width: 370px;

	text-align: left;

	white-space: normal;

	word-break: normal;

}



/* Figma 99:1363 — CTA 327×60 #2F80FF */

.lucky-contact-form__submit {

	-webkit-box-align: center;

	-webkit-align-items: center;

	align-items: center;

	background: #2f80ff;

	border: none;

	border-radius: 8px;

	color: #fff;

	cursor: pointer;

	display: -webkit-inline-box;

	display: -webkit-inline-flex;

	display: inline-flex;

	font-family: "Exo 2", var(--wp--preset--font-family--heading);

	font-size: 20px;

	font-weight: 600;

	gap: 0.5rem;

	grid-column: 1 / -1;

	height: 60px;

	justify-self: center;

	-webkit-box-pack: center;

	-webkit-justify-content: center;

	justify-content: center;

	line-height: 28px;

	margin: 16px auto 0;

	padding: 0 1.5rem;

	transition: background-color 0.2s ease, transform 0.15s ease;

	width: 327px;

	max-width: 100%;

}



.lucky-contact-form__submit:hover {

	background-color: #1a6fe8;

}



.lucky-contact-form__submit:active {

	background-color: #155ccc;

	transform: translateY(1px);

}



.lucky-contact-form__submit-icon {

	display: -webkit-inline-box;

	display: -webkit-inline-flex;

	display: inline-flex;

	line-height: 0;

}



/* — Footer (node 99:1373) — */

body:not(.home) .lucky-header,
body:not(.blog.home) .lucky-header {

	background-color: #000;

}



/* Figma 99:1374 — fill #000000 */
.lucky-footer {

	background-color: #000 !important;

}



.lucky-footer .wp-block-navigation,
.lucky-footer .wp-block-navigation__container,
.lucky-footer nav.wp-block-navigation {
	display: none !important;
}



/* Figma 99:1376 — 4-column nav row + logo */
.lucky-footer__inner {

	-webkit-box-align: start;

	-webkit-align-items: flex-start;

	align-items: flex-start;

	display: grid;

	gap: 24px 40px;

	grid-template-columns: 75px repeat(4, minmax(0, 1fr));

	width: 100%;

}



.lucky-footer__col {

	display: -webkit-box;

	display: -webkit-flex;

	display: flex;

	-webkit-box-orient: vertical;

	-webkit-box-direction: normal;

	-webkit-flex-direction: column;

	flex-direction: column;

	gap: 16px;

	min-width: 0;

}



/* Figma 99:1375 — logo 75×69 */
.lucky-footer__logo img {

	display: block;

	height: 69px;

	width: 75px;

}



/* Figma 99:1377–99:1383 — Inter 400 18px / 28.8px #FFFFFF */
.lucky-footer__col--nav a,
.lucky-footer__col--phones a {

	color: #fff;

	font-family: var(--wp--preset--font-family--ui);

	font-size: 18px;

	font-weight: 400;

	line-height: 28.8px;

	text-decoration: none;

	transition: color 0.2s ease;

}



.lucky-footer__address {

	color: #fff;

	font-family: var(--wp--preset--font-family--ui);

	font-size: 18px;

	font-weight: 400;

	line-height: 28.8px;

	margin: 0;

}



/* Figma 99:1384 — social icons 36×36 placeholders */
.lucky-footer__social {

	display: -webkit-box;

	display: -webkit-flex;

	display: flex;

	gap: 21px;

	margin-top: 4px;

}



.lucky-footer__social-icon {

	background: rgba(255, 255, 255, 0.15);

	border-radius: 50%;

	display: block;

	flex-shrink: 0;

	height: 36px;

	width: 36px;

}



.lucky-footer__bottom {
	border-top: 1px solid rgba(255, 255, 255, 0.12);
	margin-top: var(--wp--preset--spacing--50);
	padding-top: var(--wp--preset--spacing--40);
}



.lucky-footer__legal {
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	font-size: 0.8125rem;
	gap: 0.35rem 0.75rem;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	opacity: 0.75;
}



.lucky-footer__legal a {

	color: #fff;

	text-decoration: none;

	transition: color 0.2s ease;

}



.lucky-footer__legal a:hover {

	color: #2f80ff;

}



.lucky-footer__legal-sep {
	opacity: 0.45;
	pointer-events: none;
}



/* Legacy WP/plugin footer inject (duplicate legal bar) — hide when theme footer has legal nav */
body.home > div[style*="background: #111"],
body.home > div[style*="background:#111"],
body > div:has(> p a[href*="privacy-policy"]),
body > div:has(> p a[href*="politika-konfidencialnosti"]) {
	display: none !important;
}



.lucky-footer__col--nav a:hover,
.lucky-footer__col--phones a:hover {

	color: #2f80ff;

}



.lucky-work-card__more {

	background: transparent;

	border: none;

	border-radius: 0;

	color: #2f80ff;

	color: var(--wp--preset--color--primary);

	display: inline-block;

	font-family: var(--wp--preset--font-family--ui);

	font-size: 1rem;

	font-weight: 600;

	margin-top: 0.65rem;

	padding: 0;

	text-decoration: underline;

	text-decoration-thickness: 1px;

	text-underline-offset: 0.2em;

	transition: color 0.2s ease, opacity 0.2s ease;

	width: -webkit-fit-content;

	width: fit-content;

}



.lucky-work-card__more:hover {

	color: #1a6fe8;

	opacity: 0.92;

}



.lucky-work-card__more:active {

	color: #155ccc;

}



/* — Responsive (1440 artboard → fluid) — */

@media (max-width: 781px) {

	.home .lucky-header,
	.page-template-front-page .lucky-header,
	body.home .lucky-header {

		background-color: #000;

		position: relative;

	}



	.lucky-hero {

		-webkit-aspect-ratio: auto;

		aspect-ratio: auto;

		max-height: none;

		min-height: 520px !important;

		padding-left: 1.5rem !important;

		padding-right: 1.5rem !important;

	}



	.lucky-hero::after {

		background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.55) 55%, rgba(0, 0, 0, 0.25) 100%);

		background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.55) 55%, rgba(0, 0, 0, 0.25) 100%);

	}



	.lucky-hero__title {

		font-size: 28px;

		line-height: 1.4;

		margin-bottom: 24px;

	}



	.lucky-hero__subtitle {

		font-size: 20px;

		line-height: 1.5;

		margin-bottom: 32px;

	}



	.lucky-hero__desc {

		font-size: 18px;

		line-height: 1.4;

	}



	.lucky-hero__actions {

		margin-top: 32px;

	}



	.lucky-hero__actions .wp-block-button {

		width: 100%;

	}



	.lucky-hero__actions .wp-block-button__link {

		text-align: center;

		width: 100%;

	}



	.lucky-advantages-bar__inner {

		padding: 48px 24px;

	}



	.lucky-advantages-bar__title {

		font-size: 28px;

		margin-bottom: 32px;

	}



	.lucky-advantages-bar__row {

		-webkit-box-orient: vertical;

		-webkit-box-direction: normal;

		-webkit-flex-direction: column;

		flex-direction: column;

		-webkit-box-align: stretch;

		-webkit-align-items: stretch;

		align-items: stretch;

		gap: 24px;

		padding: 0;

	}



	.lucky-advantage__text {

		font-size: 18px;

	}



	.lucky-about__copy {

		padding-left: 24px;

		padding-right: 24px;

	}



	.lucky-about__body {

		font-size: 18px;

		line-height: 28.8px;

		margin-bottom: 48px;

		max-width: none;

	}



	.lucky-about__gallery {

		-webkit-box-orient: vertical;

		-webkit-box-direction: normal;

		-webkit-flex-direction: column;

		flex-direction: column;

		padding-inline: 24px;

	}



	.lucky-about__photo--1,
	.lucky-about__photo--2,
	.lucky-about__photo--3 {

		aspect-ratio: 439 / 378;

		width: 100%;

	}



	.lucky-works__cards {

		-webkit-box-orient: vertical;

		-webkit-box-direction: normal;

		-webkit-flex-direction: column;

		flex-direction: column;

		gap: 1.5rem;

	}



	.lucky-work-card {

		-webkit-flex: 1 1 auto;

		flex: 1 1 auto;

		margin-right: 0 !important;

		max-width: 100%;

		width: 100%;

	}



	.lucky-reviews-grid {

		grid-template-columns: 1fr;

	}



	.lucky-footer__inner {

		grid-template-columns: 1fr 1fr;

	}



	.lucky-contact-form__form {

		grid-template-columns: 1fr;

	}



	.lucky-contact-form__col--left,

	.lucky-contact-form__col--right {

		grid-column: 1;

		grid-row: auto;

	}



	.lucky-contacts__wrap {

		-webkit-box-orient: vertical;

		-webkit-box-direction: normal;

		-webkit-flex-direction: column;

		flex-direction: column;

		gap: 2rem;

	}



	.lucky-contacts__info,

	.lucky-contact-form {

		-webkit-flex: 1 1 100%;

		flex: 1 1 100%;

		width: 100%;

	}

}



@media (min-width: 782px) {

	/* User-confirmed hero banner 656px — avoids clipping CTAs (99:1318, 99:1320) */

	.lucky-hero.wp-block-cover {

		height: 656px !important;

		max-height: 656px !important;

		min-height: 656px !important;

	}



	.lucky-advantages-bar__row {

		-webkit-box-orient: horizontal;

		-webkit-box-direction: normal;

		-webkit-flex-direction: row;

		flex-direction: row;

	}

}



@media (min-width: 1024px) {

	.lucky-works__cards {

		-webkit-box-orient: horizontal;

		-webkit-box-direction: normal;

		-webkit-flex-direction: row;

		flex-direction: row;

	}



	.lucky-work-card {

		-webkit-flex: 0 0 calc(549 / var(--figma-w) * 100%);

		flex: 0 0 calc(549 / var(--figma-w) * 100%);

		max-width: calc(549 / var(--figma-w) * 100%);

	}

}



@media (min-width: 782px) and (max-width: 1023px) {

	.lucky-about__gallery {

		-webkit-flex-wrap: wrap;

		flex-wrap: wrap;

	}



	.lucky-about__photo--1,
	.lucky-about__photo--2 {

		width: calc((100% - 22px) / 2);

	}



	.lucky-about__photo--3 {

		width: 100%;

	}



	.lucky-works__cards {

		-webkit-flex-wrap: wrap;

		flex-wrap: wrap;

	}



	.lucky-work-card {

		-webkit-flex: 1 1 calc(50% - 15px);

		flex: 1 1 calc(50% - 15px);

		margin-right: 0 !important;

		max-width: calc(50% - 15px);

		width: 100%;

	}

}



@media (min-width: 1440px) {

	.lucky-hero.wp-block-cover {

		height: 656px !important;

		max-height: 656px !important;

		min-height: 656px !important;

	}

}