@font-face {
	src: url("/assetsKoHano/componentsKoHano/visualKoHano/fontKoHano/roboto-boldKoHano.woff2")
		format("truetype");
	font-family: "montserrat-boldKoHano";
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	src: url("/assetsKoHano/componentsKoHano/visualKoHano/fontKoHano/roboto-regularKoHano.woff2")
		format("truetype");
	font-family: "roboto-regularKoHano";
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

:root {
	--font-title: "roboto-boldKoHano", sans-serif;
	--font-text: "roboto-regularKoHano", sans-serif;

	--color-white: #ffffff;
	--color-cart: #ffe7de;
	--color-btn-one: linear-gradient(
		90deg,
		#ff6b35 0%,
		#faa34a 69.23%,
		#f5d45c 100%
	);
	--color-btn-two: #ffac8e;
	--color-dark-gray: #1b1b1b;
	--color-black: #000000;
	--border: 1px solid #ff6b35;
	--color-orange: #ff6b35;
	--color-footer: #181818;
	--color-light-gray: #2e2e2e;
	--color-text-gray: #f5f5f5;

	--font-s48: 3rem;
	--font-s24: 1.5rem;
	--font-s20: 1.25rem;
	--font-s16: 1rem;

	--transition: all ease-in-out 0.5s;
}

*,
::after,
::before {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

ul,
ol,
li {
	list-style-type: none;
}

a {
	text-decoration: none;
	color: #ffffff;
	cursor: pointer;
}

body {
	background-image: url(/assetsKoHano/componentsKoHano/visualKoHano/bg-flag-caKoHano.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	flex-direction: column;
	align-items: center;
	overflow-x: hidden;
	position: relative;
}

button {
	border: none;
	outline: none;
	cursor: pointer;
	background: transparent;
}

main,
footer {
	width: 100%;
	color: rgba(3, 3, 3, 1);
}

html {
	scroll-behavior: smooth;
}

img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-position: center;
	object-position: center;
	vertical-align: top;
}

header {
	width: 100%;
}

.container__mainKoHano {
	max-width: 1280px;
	width: 100%;
	margin: 0 auto;
}

.visually-hiddenKoHano {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	border: 0;
	clip: rect(0 0 0 0);
}

/* Header */
.headerKoHano {
	width: 100%;
	padding: 1.07rem 0;
	background: var(--color-footer);
}

.menuKoHano {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.header__logo-boxKoHano,
.header__logoKoHano {
	max-width: 133px;
	width: 100%;
	height: 27px;
}

.menu__linksKoHano {
	width: 100%;
	display: flex;
	justify-content: flex-end;
}

.menu__listKoHano {
	gap: 2rem;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width: 100%;
}

.menu__list-itemKoHano a {
	font-family: var(--font-text);
	font-weight: 400;
	font-size: var(--font-s16);
	line-height: 120%;
	color: #ffffffcc;
	position: relative;
	transition: color var(--transition), font-family var(--transition),
		font-weight var(--transition);
	-webkit-transition: color var(--transition), font-family var(--transition),
		font-weight var(--transition);
	-moz-transition: color var(--transition), font-family var(--transition),
		font-weight var(--transition);
	-ms-transition: color var(--transition), font-family var(--transition),
		font-weight var(--transition);
	-o-transition: color var(--transition), font-family var(--transition),
		font-weight var(--transition);
}

.menu__list-itemKoHano a:hover {
	color: var(--color-white);
	font-weight: 700;
}

.w190KoHano {
	max-width: 210px;
	width: 100%;
}

.menu__btnboxKoHano {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	max-width: 210px;
	width: 100%;
}

.login_wKoHano {
	max-width: 83px;
	width: 100%;
}
.registr_wKoHano {
	max-width: 106px;
	width: 100%;
}

.loginKoHano {
	transition: var(--transition);
	max-width: 83px;
	width: 100%;
	height: 35px;
	background: var(--color-orange) !important;
	border-radius: 24px;
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	-ms-border-radius: 24px;
	-o-border-radius: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: var(--font-s16);
	font-weight: 700;
	font-family: var(--font-title);
	text-transform: uppercase;
	color: var(--color-black);
	-webkit-transition: var(--transition);
	-moz-transition: var(--transition);
	-ms-transition: var(--transition);
	-o-transition: var(--transition);
}

.registrKoHano {
	transition: var(--transition);
	max-width: 106px;
	width: 100%;
	height: 35px;
	background: #ff6b3533 !important;
	border: 1px solid #ff9095;
	color: var(--color-white);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: var(--font-s16);
	font-weight: 700;
	font-family: var(--font-title);
	text-transform: uppercase;
	border: var(--border);
	border-radius: 24px;
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	-ms-border-radius: 24px;
	-o-border-radius: 24px;
}

.loginKoHano:hover,
.registrKoHano:hover {
	transform: translateY(-0.125rem);
	-webkit-transform: translateY(-0.125rem);
	-moz-transform: translateY(-0.125rem);
	-ms-transform: translateY(-0.125rem);
	-o-transform: translateY(-0.125rem);
}

/* Welcom Section */
.welcomeKoHano {
	padding: 12rem 0 16rem;
	background-image: linear-gradient(
			180deg,
			rgba(252, 249, 251, 0) 91.7%,
			#fcf9fb 100%
		),
		url(/assetsKoHano/componentsKoHano/visualKoHano/balls-canadianKoHano.webp);
	background-position: 100% 80%;
	background-size: cover;
	background-repeat: no-repeat;
}

.container__mainwelcomeKoHano {
	max-width: 1360px;
	width: 100%;
	margin-inline: auto;
}

.welcome--infoKoHano {
	display: flex;
	flex-direction: column;
	gap: 2rem;
	width: 100%;
}

.welcome----titleKoHano {
	font-family: var(--font-title);
	font-weight: 700;
	font-size: var(--font-s48);
	line-height: 120%;
	color: var(--color-black);
	text-align: center;
}

.welcome--textKoHano {
	font-family: var(--font-text);
	font-weight: 400;
	font-size: var(--font-s20);
	line-height: 110%;
	color: var(--color-black);
	text-align: center;
}

.welcome--btnboxKoHano {
	display: flex;
	align-items: center;
	gap: 1.5rem;
	max-width: 344px;
	width: 100%;
	margin-inline: auto;
}

.welcome--btnKoHano {
	width: 100%;
	height: 48px;
	max-width: 160px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 24px;
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	-ms-border-radius: 24px;
	-o-border-radius: 24px;
	font-size: var(--font-s16);
	font-weight: 700;
	line-height: 120%;
	font-family: var(--font-title);
	color: var(--color-white);
	text-transform: uppercase;
	transition: var(--transition);
	-webkit-transition: var(--transition);
	-moz-transition: var(--transition);
	-ms-transition: var(--transition);
	-o-transition: var(--transition);
}

.welcome--btnKoHano:hover {
	transform: translateY(-0.125rem);
	-webkit-transform: translateY(-0.125rem);
	-moz-transform: translateY(-0.125rem);
	-ms-transform: translateY(-0.125rem);
	-o-transform: translateY(-0.125rem);
}

.welcome---btnwKoHano {
	max-width: 160px;
	width: 100%;
}

.menu---onebtnKoHano {
	max-width: 160px;
	width: 100%;
	background: var(--color-btn-one);
	border: 2px solid var(--color-orange);
}

.menu---twobtnKoHano {
	max-width: 160px;
	width: 100%;
	border: var(--border);
	background: var(--color-btn-two);
}

/* Popular lotto */
.lottoKoHano {
	padding: 3rem 0;
}

.lotto-containerKoHano {
	display: flex;
	flex-direction: column;
	gap: 3rem;
}

.lotto--titleKoHano {
	font-family: var(--font-title);
	font-weight: 700;
	font-size: var(--font-s48);
	line-height: 120%;
	text-align: center;
	color: var(--color-black);
	position: relative;
	z-index: 2;
}

.lotto--cartsKoHano {
	display: flex;
	gap: 1.25rem;
	flex-wrap: wrap;
	justify-content: center;
}

.lotto---cartKoHano {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	max-width: 413px;
	width: 100%;
	padding: 1.5rem;
	border-radius: 16px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	-ms-border-radius: 16px;
	-o-border-radius: 16px;
	background: var(--color-cart);
	transition: var(--transition);
	-webkit-transition: var(--transition);
	-moz-transition: var(--transition);
	-ms-transition: var(--transition);
	-o-transition: var(--transition);
	position: relative;
	overflow: hidden;
	border: var(--border);
}

.lotto---cartKoHano:hover {
	transform: translateY(-0.25rem);
	-webkit-transform: translateY(-0.25rem);
	-moz-transform: translateY(-0.25rem);
	-ms-transform: translateY(-0.25rem);
	-o-transform: translateY(-0.25rem);
}

.lotto_nameKoHano {
	font-family: var(--font-title);
	font-weight: 700;
	font-size: var(--font-s16);
	line-height: 120%;
	text-align: center;
	text-transform: uppercase;
	color: var(--color-black);
}

.lotto----imageKoHano {
	max-width: 300px;
	width: 100%;
	height: 190px;
	margin-inline: auto;
	object-fit: contain;
}

.black-textKoHano {
	color: var(--color-black-text) !important;
}

.btncenterKoHano {
	margin-inline: auto;
}

/* Works */
.w302KoHano {
	max-width: 302px !important;
	width: 100%;
	gap: 1.5rem !important;
	background: var(--color-white);
}

.work-checkKoHano {
	background-image: url(/assetsKoHano/componentsKoHano/visualKoHano/icon-checkKoHano.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	max-width: 93px;
	width: 100%;
	height: 67px;
	margin-inline: auto;
}

.work-ballsKoHano {
	background-image: url(/assetsKoHano/componentsKoHano/visualKoHano/icon-ballsKoHano.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	max-width: 100px;
	width: 100%;
	height: 67px;
	margin-inline: auto;
}

.work-paymentsKoHano {
	background-image: url(/assetsKoHano/componentsKoHano/visualKoHano/icon-cardKoHano.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	max-width: 100px;
	width: 100%;
	height: 67px;
	margin-inline: auto;
}

.work-mailKoHano {
	background-image: url(/assetsKoHano/componentsKoHano/visualKoHano/icon-mailKoHano.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	max-width: 100px;
	width: 100%;
	height: 67px;
	margin-inline: auto;
}

.text-centerKoHano {
	text-align: center;
}

/* Last wins */
table {
	border-collapse: collapse;
}

thead {
	background: transparent;
	border: 3px solid var(--color-orange);
}

th {
	text-align: left;
	font-family: var(--font-title);
	font-weight: 700;
	font-size: var(--font-s16);
	line-height: 120%;
	text-transform: uppercase;
	padding: 1rem;
	color: var(--color-black);
}

tbody {
	background: var(--color-cart);
	border: 3px solid var(--color-orange);
}

td {
	font-family: var(--font-title);
	font-weight: 700;
	font-style: Bold;
	font-size: var(--font-s24);
	leading-trim: NONE;
	line-height: 120%;
	letter-spacing: 0%;
	text-transform: uppercase;
	color: var(--color-orange);
	padding: 1.5rem 1rem;
}

.table_numberboxKoHano {
	width: 100%;
}

.table_numberKoHano {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 0.5rem;
}

.table__ballsKoHano {
	max-width: 50px;
	width: 100%;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--color-orange);
	font-family: var(--font-title);
	font-weight: 700;
	font-size: var(--font-s16);
	line-height: 120%;
	text-align: center;
	text-transform: uppercase;
	color: var(--color-white);
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
}

/* Why Choose */
.orange_blockKoHano {
	background: linear-gradient(90deg, #ff6b35 0%, #faa34a 69.23%, #f5d45c 100%);
}

.choose-checkKoHano {
	background-image: url(/assetsKoHano/componentsKoHano/visualKoHano/icon-listsKoHano.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	max-width: 100px;
	width: 100%;
	height: 67px;
	margin-inline: auto;
}

.choose-lampKoHano {
	background-image: url(/assetsKoHano/componentsKoHano/visualKoHano/icon-lampKoHano.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	max-width: 100px;
	width: 100%;
	height: 67px;
	margin-inline: auto;
}

.choose-lockKoHano {
	background-image: url(/assetsKoHano/componentsKoHano/visualKoHano/icon-lockKoHano.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	max-width: 100px;
	width: 100%;
	height: 67px;
	margin-inline: auto;
}

.choose-flagKoHano {
	background-image: url(/assetsKoHano/componentsKoHano/visualKoHano/flag-caKoHano.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	max-width: 100px;
	width: 100%;
	height: 67px;
	margin-inline: auto;
}

.text-size16KoHano {
	font-size: var(--font-s16);
	line-height: 130%;
}

/* Responsible */
.responsible-containerKoHano {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	background: var(--color-cart);
	padding: 1.5rem;
	border: var(--border);
	border-radius: 24px;
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	-ms-border-radius: 24px;
	-o-border-radius: 24px;
}

.responsible--titleKoHano {
	font-family: var(--font-title);
	font-weight: 700;
	font-size: var(--font-s24);
	line-height: 120%;
	text-align: center;
	color: var(--color-black);
}

/* Footer */
.footerKoHano {
	position: relative;
	padding: 1.25rem 0;
	background: var(--color-footer);
}

.footer-containerKoHano {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}

.footer--regulatoryKoHano {
	background: var(--color-light-gray);
	padding: 1rem 0.5rem;
	border-radius: 16px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	-ms-border-radius: 16px;
	-o-border-radius: 16px;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.textcolor-orangeKoHano {
	color: var(--color-orange) !important;
}

.text-whiteKoHano {
	color: var(--color-white);
}

.footer--listsKoHano {
	display: flex;
	align-items: center;
	gap: 0.625rem;
	justify-content: center;
	flex-wrap: wrap;
}

.footer---listKoHano {
	list-style-type: disc;
	font-family: var(--font-text);
	font-weight: 400;
	font-size: var(--font-s12);
	line-height: 24px;
	text-align: center;
	color: var(--color-light-gray);
	margin-left: 1rem;
}

.footer--responsiblyKoHano {
	background: transparent !important;
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}

.footer--companyKoHano {
	display: flex;
	align-items: center;
	gap: 3rem !important;
}

.footer--companyKoHano li {
	margin-left: 1rem;
	list-style-type: disc !important;
	color: var(--color-white);
	transition: var(--transition);
	-webkit-transition: var(--transition);
	-moz-transition: var(--transition);
	-ms-transition: var(--transition);
	-o-transition: var(--transition);
}

.footer--companyKoHano li a {
	text-transform: uppercase !important;
	color: var(--color-white);
	font-family: var(--font-title);
	font-weight: 700;
	transition: var(--transition);
	-webkit-transition: var(--transition);
	-moz-transition: var(--transition);
	-ms-transition: var(--transition);
	-o-transition: var(--transition);
}

.footer--companyKoHano li a:hover,
.footer--companyKoHano li:hover,
.footer---linkKoHano a:hover {
	color: var(--color-orange);
}

.footer--navmenuKoHano {
	display: flex;
	align-items: center;
	gap: 1.875rem;
	justify-content: center;
}

.footer---linkKoHano a {
	font-family: var(--font-title);
	font-weight: 700;
	font-size: var(--font-s16);
	line-height: 120%;
	color: var(--color-white);
	transition: var(--transition);
	-webkit-transition: var(--transition);
	-moz-transition: var(--transition);
	-ms-transition: var(--transition);
	-o-transition: var(--transition);
}

.footer--bannerKoHano {
	font-family: var(--font-text);
	font-weight: 400;
	font-size: var(--font-s16);
	line-height: 120%;
	text-align: center;
	color: #fefefe99;
	font-style: italic;
	text-transform: uppercase;
}

.footer--copyKoHano {
	font-family: var(--font-text);
	font-weight: 400;
	font-size: var(--font-s16);
	line-height: 120%;
	text-align: center;
	color: #fefefe99;
}

.footer--parthersKoHano {
	display: flex;
	align-items: center;
	gap: 3.125rem;
	justify-content: center;
}

.footer---ageKoHano {
	background-image: url(/assetsKoHano/componentsKoHano/visualKoHano/ageKoHano.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	max-width: 53px;
	width: 100%;
	height: 30px;
}

.footer---aglcKoHano {
	max-width: 110px;
	width: 100%;
	height: 40px;
}
.footer---begambleawareKoHano {
	max-width: 214px;
	width: 100%;
	height: 40px;
}
.footer---gamesenseKoHano {
	max-width: 100px;
	width: 100%;
	height: 29px;
}
.footer---selfexclusionKoHano {
	max-width: 100px;
	width: 100%;
	height: 28px;
}

/* Contact */
.contact-containerKoHano {
	display: flex;
	align-items: center;
	gap: 3rem;
}

.contact--formboxKoHano {
	display: flex;
	flex-direction: column;
	gap: 0.625rem;
	max-width: 628px;
	width: 100%;
	background: var(--color-white);
	position: relative;
	overflow: hidden;
	border-radius: 24px;
	padding: 1.5rem;
}

.contact--formboxKoHano::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, #ff6b35 0%, #faa34a 69.23%, #f5d45c 100%);
	border-radius: 24px;
	mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	mask-composite: exclude;
	padding: 1px;
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	-ms-border-radius: 24px;
	-o-border-radius: 24px;
	z-index: 0;
}

.text-gradientKoHano {
	background: linear-gradient(90deg, #ff6b35 0%, #faa34a 69.23%, #f5d45c 100%);
	-webkit-background-clip: text !important;
	background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	color: transparent !important;
}

.contact--formKoHano {
	display: flex;
	gap: 0.625rem;
	flex-direction: column !important;
	position: relative;
	z-index: 2;
}

.contact__inputKoHano {
	outline: none;
	min-height: 47px;
	width: 100%;
	background: var(--color-white);
	border: var(--border);
	font-size: var(--font-s16);
	color: var(--color-black);
	font-family: var(--font-text);
	font-weight: 400;
	line-height: 120%;
	padding: 0.875rem;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}

.contact__inputKoHano::placeholder {
	font-size: var(--font-s16);
	color: #00000099;
	font-family: var(--font-text);
	font-weight: 400;
	line-height: 120%;
}

.contact--textareaKoHano {
	min-height: 94px;
	resize: none;
}

.checkbox-containerKoHano {
	display: flex;
	align-items: center;
}

.contact__checkboxKoHano {
	margin: 0px 5px 0 0;
	flex-shrink: 0;
	max-width: 16px;
	width: 100%;
	height: 16px;
	border: 1px solid #ccd0d4;
	background: #f8fafc;
}

.checkbox-labelKoHano {
	font-family: var(--font-text);
	font-weight: 400;
	font-size: var(--font-s16);
	line-height: 100%;
	color: #1b1b1b;
}

.contact--btnKoHano {
	background: linear-gradient(90deg, #ff6b35 0%, #faa34a 69.23%, #f5d45c 100%);
	border: 2px solid #ff6b35;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 48px;
	font-family: var(--font-title);
	font-weight: 700;
	font-size: var(--font-s16);
	line-height: 120%;
	text-align: center;
	text-transform: uppercase;
	border-radius: 24px;
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	-ms-border-radius: 24px;
	-o-border-radius: 24px;
	color: var(--color-white);
	transition: var(--transition);
	-webkit-transition: var(--transition);
	-moz-transition: var(--transition);
	-ms-transition: var(--transition);
	-o-transition: var(--transition);
}

.contact--btnKoHano:hover {
	transform: translateY(-0.125rem);
	-webkit-transform: translateY(-0.125rem);
	-moz-transform: translateY(-0.125rem);
	-ms-transform: translateY(-0.125rem);
	-o-transform: translateY(-0.125rem);
}

.statusKoHano {
	padding: 10px;
	background-color: rgb(0, 145, 0);
	margin-top: 5px;
	display: none;
	font-family: var(--font-title);
	font-weight: 700;
	font-size: 1rem;
	color: var(--color-white);
	line-height: 120%;
	text-align: center;
	justify-content: center;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}

.formKoHano.active .statusKoHano {
	display: block;
}

.contact--addressboxKoHano {
	max-width: 604px;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.contact---titleKoHano {
	font-family: var(--font-title);
	font-weight: 700;
	font-size: var(--font-s24);
	line-height: 120%;
	text-transform: uppercase;
	color: var(--color-black);
}

.contact---listsKoHano {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.contact----itemKoHano {
	display: flex;
	align-items: center;
	gap: 0.25rem;
}

.contact_iconKoHano {
	max-width: 24px;
	width: 100%;
	height: 24px;
}

.contact_mailKoHano {
	background-image: url(/assetsKoHano/componentsKoHano/visualKoHano/icon-mailKoHano.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.contact_locationKoHano {
	background-image: url(/assetsKoHano/componentsKoHano/visualKoHano/icon-locationKoHano.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.contact_phoneKoHano {
	background-image: url(/assetsKoHano/componentsKoHano/visualKoHano/icon-phoneKoHano.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.contact_textKoHano {
	font-family: var(--font-text);
	font-weight: 400;
	font-size: var(--font-s16);
	line-height: 120%;
	color: var(--color-black);
}

/* Login */
.centerboxKoHano {
	margin-inline: auto;
}

.login-topKoHano {
	display: flex;
	flex-direction: column;
	gap: 2rem;
	position: relative;
	z-index: 2;
}

.login--textKoHano {
	font-family: var(--font-text);
	font-weight: 400;
	font-size: var(--font-s16);
	line-height: 120%;
	text-align: center;
	color: var(--color-black);
}

.gap24KoHano {
	gap: 1.5rem !important;
}

.gap16KoHano {
	gap: 1rem;
}

.f12KoHano {
	font-size: 0.75rem;
}

/* Burger */
#MenuToggleKoHano {
	display: none;
	position: absolute;
	top: 0;
	left: 0rem;
	z-index: 999 !important;
	-webkit-user-select: none;
	user-select: none;
	width: 100%;
	height: 58px;
}

#MenuToggleKoHano a {
	text-decoration: none;
	color: var(--color-white);
	transition: color 0.3s ease;
	-webkit-transition: color 0.3s ease;
	-moz-transition: color 0.3s ease;
	-ms-transition: color 0.3s ease;
	-o-transition: color 0.3s ease;
}

#MenuToggleKoHano span {
	display: block;
	width: 24px;
	height: 2px;
	margin-bottom: 5px;
	right: 0rem;
	top: 0.2rem;
	position: relative;
	background: var(--color-white);
	border-radius: 3px;
	z-index: 1001 !important;
	transform-origin: 4px 0px;
	transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),
		background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), opacity 0.55s ease;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
}

.no-scrollKoHano {
	overflow: hidden !important; /* Отключаем прокрутку с приоритетом */
}

#MenuToggleKoHano span:first-child {
	transform-origin: 0% 0%;
}

#MenuToggleKoHano span:nth-last-child(2) {
	transform-origin: 0% 100%;
}

#MenuKoHano {
	position: absolute;
	max-width: 100vw;
	width: 100%;
	z-index: 1000;
	padding-top: 5.25rem;
	margin: 0 0 0 0px;
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	align-items: center;
	background: var(--color-footer);
	list-style-type: none;
	-webkit-font-smoothing: antialiased;
	transform-origin: 0% 0%;
	transform: translate(-100%, 0);
	transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
	height: 130vh;
	-webkit-transform: translate(-100%, 0);
	-moz-transform: translate(-100%, 0);
	-ms-transform: translate(-100%, 0);
	-o-transform: translate(-100%, 0);
}

#MenuToggleKoHano input:checked ~ ul {
	transform: none;
}

.burger-buttonKoHano {
	display: block;
	width: 42px;
	height: 32px;
	position: absolute;
	top: 0.85rem;
	right: 0.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	cursor: pointer;
	opacity: 1;
	z-index: 1002 !important;
	-webkit-touch-callout: none;
	background: transparent;
	border: none;
	padding: 0;
}

/* Добавляем класс для открытого состояния */
.burger-buttonKoHano.active span:first-child {
	transform: rotate(45deg) translate(6px, 1px);
	background: var(--color-white) !important;
	-webkit-transform: rotate(45deg) translate(6px, 1px);
	-moz-transform: rotate(45deg) translate(6px, 1px);
	-ms-transform: rotate(45deg) translate(6px, 1px);
	-o-transform: rotate(45deg) translate(6px, 1px);
}

.burger-buttonKoHano.active span:nth-child(2) {
	opacity: 0;
	transform: rotate(0deg) scale(0.2, 0.2);
}

.burger-buttonKoHano.active span:last-child {
	background: var(--color-white) !important;
	transform: rotate(-45deg) translate(-3px, 5px);
	-webkit-transform: rotate(-45deg) translate(-3px, 5px);
	-moz-transform: rotate(-45deg) translate(-3px, 5px);
	-ms-transform: rotate(-45deg) translate(-3px, 5px);
	-o-transform: rotate(-45deg) translate(-3px, 5px);
}

/* Обновляем селектор для checked состояния */
#MenuToggleKoHano .active ~ #MenuKoHano {
	transform: none;
}

/* Modal Age */
.age-verification-overlayKoHano {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1000;
	padding: 0 1rem;
}

.age-verification-modalKoHano {
	background: var(--color-white);
	padding: 2rem;
	text-align: center;
	max-width: 453px;
	width: 100%;
	border: var(--border-2px);
	display: flex;
	flex-direction: column;
	gap: 0.675rem;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border: var(--border);
}

.age-verification-modalKoHano h2 {
	font-size: 1.5rem;
	color: var(--color-black);
	font-family: var(--font-title);
	font-weight: 700;
	text-align: center;
}

.age-verification-modalKoHano p {
	font-size: 0.875rem;
	color: var(--color-white);
	font-family: var(--font-text);
	line-height: 100%;
	font-weight: 400;
}

.age-btnKoHano {
	max-width: 200px;
	width: 100%;
	height: 39px;
	font-size: var(--font-s16) !important;
	margin-inline: auto;
	font-family: var(--font-title);
	line-height: 120%;
	background: linear-gradient(90deg, #ff6b35 0%, #faa34a 69.23%, #f5d45c 100%);
	border-radius: 16px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	-ms-border-radius: 16px;
	-o-border-radius: 16px;
	color: var(--color-white);
	text-transform: uppercase;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: scale(0.9);
	}
	to {
		opacity: 1;
		transform: scale(1);
	}
}

.age-verification-modalKoHano {
	animation: fadeIn 0.5s ease-out;
}

/* Cookies */
.cookie-consent-overlayKoHano {
	position: fixed;
	bottom: 0;
	left: 0;
	background: var(--color-white);
	display: none;
	justify-content: center;
	align-items: center;
	z-index: 1000;
	padding: 0 1rem;
	width: 100%;
}

.cookie-consent-modalKoHano {
	background: var(--color-white);
	padding: 1.5rem 1.75rem;
	text-align: center;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1.25rem;
}

.cookie-consent-modalKoHano p {
	font-size: var(--font-s16);
	color: var(--color-black);
	font-family: var(--font-text);
	line-height: 120%;
	font-weight: 400;
	text-align: left;
}

.cookie-consent-buttonsKoHano {
	display: flex;
	gap: 1.25rem;
	align-items: center;
	max-width: 429px;
	width: 100%;
}

.cookie-btnKoHano {
	flex: 1;
	font-size: 1rem !important;
	padding: 0.75rem 1rem;
}

.btn-acceptKoHano {
	background: linear-gradient(90deg, #ff6b35 0%, #faa34a 69.23%, #f5d45c 100%);
	color: var(--color-white);
	font-family: var(--font-title);
	font-weight: 700;
	font-size: var(--font-s16);
	line-height: 120%;
	text-transform: uppercase;
	border-radius: 16px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	-ms-border-radius: 16px;
	-o-border-radius: 16px;
	max-width: 160px;
	width: 100%;
}

.btn-settingsKoHano {
	border: var(--border);
	color: var(--color-white);
	font-family: var(--font-title);
	font-weight: 700;
	font-size: var(--font-s16);
	line-height: 120%;
	text-transform: uppercase;
	border-radius: 16px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	-ms-border-radius: 16px;
	-o-border-radius: 16px;
	background: #ffac8e;
	max-width: 249px;
	width: 100%;
}

.cookie-consent-modalKoHano {
	animation: fadeIn 0.5s ease-out;
}

/* Tickets */
.buytickets--titleKoHano {
	text-align: left !important;
	text-transform: uppercase;
}

.tickets-numbersboxKoHano {
	max-width: 847px;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	position: relative;
	z-index: 2;
}

.game-buttonsKoHano {
	display: flex;
	align-items: center;
	gap: 1.5rem;
}

.game-buttonsKoHano li {
	max-width: 140px;
	width: 100%;
}

.game-btnKoHano {
	max-width: 140px;
	width: 100%;
	height: 35px;
	border-radius: 16px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	-ms-border-radius: 16px;
	-o-border-radius: 16px;
	position: relative;
	overflow: hidden;
	font-weight: 700;
	font-family: var(--font-title);
	font-size: var(--font-s16);
	color: var(--color-black);
	line-height: 120%;
	text-transform: uppercase;
}

.game-btnKoHano::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, #ff6b35 0%, #faa34a 69.23%, #f5d45c 100%);
	border-radius: 16px;
	mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	mask-composite: exclude;
	padding: 1px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	-ms-border-radius: 16px;
	-o-border-radius: 16px;
	z-index: 0;
}

.tickets--numberKoHano {
	position: relative;
	overflow: hidden;
	background: var(--color-white);
	display: flex;
	flex-direction: column;
	gap: 1rem;
	border-radius: 16px;
	padding: 1.5rem;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	-ms-border-radius: 16px;
	-o-border-radius: 16px;
}

.tickets--numberKoHano::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, #ff6b35 0%, #faa34a 69.23%, #f5d45c 100%);
	border-radius: 16px;
	mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	mask-composite: exclude;
	padding: 1px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	-ms-border-radius: 16px;
	-o-border-radius: 16px;
	z-index: 0;
}

.tickets--titleKoHano {
	font-family: var(--font-title);
	font-weight: 700;
	font-size: var(--font-s24);
	line-height: 120%;
	color: var(--color-black);
	position: relative;
	z-index: 3;
}

.tickets--btnboxKoHano {
	display: flex;
	align-items: center;
	gap: 1.5rem;
	width: 100%;
	margin-inline: auto;
	position: relative;
	z-index: 3;
}

.tickets--btnboxKoHano li {
	max-width: 140px;
	width: 100%;
}

.tickets---btnKoHano {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 35px;
	width: 100%;
	max-width: 140px;
	border-radius: 16px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	-ms-border-radius: 16px;
	-o-border-radius: 16px;
	font-family: var(--font-title);
	font-weight: 700;
	font-size: var(--font-s16);
	line-height: 120%;
	text-align: center;
	text-transform: uppercase;
	background: transparent;
	position: relative;
	z-index: 2;
	transition: var(--transition);
	-webkit-transition: var(--transition);
	-moz-transition: var(--transition);
	-ms-transition: var(--transition);
	-o-transition: var(--transition);
}

.tickets---randomKoHano {
	border: var(--border);
	position: relative;
	z-index: 2;
	color: var(--color-orange);
}

.tickets---randomKoHano:hover {
	background: var(--color-orange);
	color: var(--color-white);
}

.tickets---clearKoHano {
	border: 1px solid #515151;
	position: relative;
	z-index: 2;
	color: #515151;
}

.tickets---clearKoHano:hover {
	background: #515151;
	color: var(--color-white);
}

.tickets---add-cartKoHano {
	border: 1px solid #007906;
	position: relative;
	z-index: 2;
	color: #007906;
}

.tickets---add-cartKoHano:hover {
	background: #007906;
	color: var(--color-white);
}

.tickets---numbersKoHano {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	gap: 0.5rem;
	position: relative;
	z-index: 2;
}

.tickets----numberKoHano {
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--color-cart);
	max-width: 70px;
	width: 100%;
	height: 70px;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
	font-family: var(--font-text);
	font-weight: 400;
	font-size: var(--font-s16);
	line-height: 120%;
	color: #000;
	cursor: pointer;
	position: relative;
	z-index: 2;
	overflow: hidden;
}

.tickets----numberKoHano::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, #ff6b35 0%, #faa34a 69.23%, #f5d45c 100%);
	border-radius: 100px;
	mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	mask-composite: exclude;
	padding: 1px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
	z-index: 0;
}

.tickets--customer-detailsKoHano {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.customer---titleKoHano {
	font-family: var(--font-title);
	font-weight: 700;
	font-size: var(--font-s16);
	line-height: 120%;
	text-transform: uppercase;
	color: var(--color-black);
}

.card--poszindexKoHano {
	position: relative;
	z-index: 2;
}

.tickets--no-ticketKoHano {
	font-family: var(--font-text);
	font-weight: 400;
	font-size: var(--font-s16);
	line-height: 120%;
	color: var(--color-black);
}

.dropdownKoHano {
	position: relative;
	width: 100%;
}

.dropdown-btnKoHano {
	background: #ffffff;
	width: 100%;
	padding: 15px 20px;
	border-radius: 8px;
	font-size: 16px;
	font-weight: 500;
	color: #333;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
	transition: all 0.3s ease;
}

.notificationContainerKoHano {
}

.dropdown-btnKoHano:hover {
	background-color: #fff2e2;
	box-shadow: 0 2px 8px rgba(249, 154, 39, 0.2);
}

.dropdown-btnKoHano::after {
	content: "";
	width: 10px;
	height: 10px;
	border-right: 2px solid #f99a27;
	border-bottom: 2px solid #f99a27;
	transform: rotate(45deg);
	transition: transform 0.3s ease;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}

.dropdown-btnKoHano.active::after {
	transform: rotate(-135deg);
}

.tickets--spacetextKoHano {
	font-family: var(--font-title);
	font-weight: 700;
	font-size: var(--font-s17);
	line-height: 24px;
	color: var(--color-black);
}

.dropdown-contentKoHano {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background-color: white;
	border-radius: 8px;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
	overflow: hidden;
	z-index: 10;
	max-height: 0;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
	border-bottom: 1px solid #d5d5d5;
}

.dropdown-contentKoHano.active {
	max-height: 300px;
	opacity: 1;
	visibility: visible;
	margin-top: 5px;
}

.dropdown-itemKoHano {
	padding: 15px 20px;
	background-color: #f6f6f6;
	border-bottom: 1px solid #eee;
	cursor: pointer;
	transition: all 0.2s ease;
	display: flex;
	justify-content: space-between;
}

.dropdown-itemKoHano:last-child {
	border-bottom: none;
}

.dropdown-itemKoHano:hover {
	background-color: #fff2e2;
}

.dropdown-itemKoHano.selected {
	background-color: #fff2e2;
	font-weight: 500;
}

.option-textKoHano {
	font-size: 16px;
	color: #333;
}

.option-priceKoHano {
	font-size: 16px;
	color: #666;
}

.infoKoHano {
	margin-top: 20px;
	padding: 15px;
	background-color: #f6f6f6;
	border-radius: 8px;
	font-size: 14px;
	color: #666;
	line-height: 1.5;
}

.tickets-paymentKoHano {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	max-width: 409px;
	width: 100%;
	height: auto;
	background: var(--color-white);
	border-radius: 24px;
	position: relative;
	overflow: hidden;
	z-index: 2 !important;
	padding: 1.5rem;
}

.tickets--cart-itemsKoHano {
	position: relative;
	z-index: 2 !important;
}

.tickets-paymentKoHano::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, #ff6b35 0%, #faa34a 69.23%, #f5d45c 100%);
	border-radius: 26px;
	mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	mask-composite: exclude;
	padding: 1px;
	-webkit-border-radius: 26px;
	-moz-border-radius: 26px;
	-ms-border-radius: 26px;
	-o-border-radius: 26px;
	z-index: 0;
}

.tickets-infoKoHano {
	display: flex;
	gap: 1.25rem;
	align-items: center;
}

.cart-item-headerKoHano span {
	font-size: var(--font-s16);
	color: var(--color-black);
	font-family: var(--font-title);
	font-weight: 700;
}

.cart-item-numbersKoHano {
	font-family: var(--font-text);
	font-weight: 400;
	font-size: 0.75rem;
	line-height: 120%;
	color: #00000099;
}

.tickets--spaceKoHano {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	position: relative;
	z-index: 2;
}

.tickets--rowKoHano {
	display: flex;
	align-items: center;
	flex-direction: row;
	justify-content: space-between;
}

.selected-optionKoHano,
.option-textKoHano,
.option-priceKoHano {
	font-family: var(--font-text);
	font-weight: 600;
	font-size: 1.025rem;
	line-height: 24px;
	color: #36454f;
}

.tickets---countKoHano {
	border-top: 2px solid #6fc197;
	padding: 0.675rem 0;
}

.full-btnKoHano {
	background: var(--color-btn);
	max-width: 100% !important;
	width: 100%;
}

.tickets-disclaimerKoHano {
	font-family: var(--font-text);
	font-weight: 400;
	font-size: var(--font-s12);
	line-height: 18px;
	text-align: center;
	color: var(--color-white);
}

.tickets--selectedKoHano {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.tickets---selectednumsKoHano {
	display: flex;
	align-items: center;
	gap: 0.25rem;
}

.tickets----selectednumsKoHano {
	font-family: var(--font-text);
	font-weight: 600;
	font-size: 1.025rem;
	line-height: 24px;
	color: #2f2f2f;
}

.game-selectorKoHano {
	max-width: 100%;
	width: 100%;
	border: none;
	outline: none;
	position: relative;
	z-index: 2;
}

.game-dropdownKoHano {
	width: 100%;
	padding: 10px;
	font-size: 16px;
	background-color: white;
	position: relative;
	z-index: 2;
	border: none;
	outline: none;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	font-family: var(--font-btn);
	font-weight: 800;
	font-size: var(--font-s17);
	line-height: 19px;
	color: #1f1f1f;
}

.grand-numbers-containerKoHano {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column !important;
	gap: 1.5rem;
	width: 100%;
	max-width: 100%;
}

.grand-titleKoHano {
	font-family: var(--font-title);
	font-weight: 800;
	font-size: var(--font-s17);
	line-height: 19px;
	color: var(--color-white);
	text-align: center;
}

.grand-numbersKoHano {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: center;
	width: 100%;
	max-width: 100%;
}

.game-instructionsKoHano {
	text-align: center;
	margin: 10px 0;
	font-size: 14px;
	color: #666;
}

.form__inputKoHano {
	outline: none;
	min-height: 47px;
	width: 100%;
	background: var(--color-white);
	border: var(--border);
	font-size: var(--font-s16);
	color: var(--color-black);
	font-family: var(--font-text);
	font-weight: 400;
	line-height: 120%;
	padding: 0.875rem;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}

.form-checkboxKoHano {
	max-width: 16px;
	width: 100%;
	height: 16px;
}

.form-labelKoHano {
	font-family: var(--font-text);
	font-weight: 400;
	font-size: var(--font-s16);
	line-height: 120%;
	color: var(--color-black);
	display: flex;
	align-items: center;
	gap: 0.625rem;
}

.tickets---complete-orderKoHano {
	height: 48px;
	font-family: var(--font-title);
	font-weight: 700;
	font-size: var(--font-s16);
	line-height: 120%;
	text-align: center;
	text-transform: uppercase;
	color: var(--color-white);
	width: 100%;
	border: 2px solid #ff6b35;
	background: linear-gradient(90deg, #ff6b35 0%, #faa34a 69.23%, #f5d45c 100%);
}

.form__inputKoHano.error {
	border-color: #ff0000;
	background-color: #ffe6e6;
}

.tickets----numberKoHano.selected {
	background: linear-gradient(180deg, #ff7558 0%, #ffc20e 100%);
	color: #1f1f1f;
}

.formUserKoHano {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	width: 100%;
	position: relative;
	z-index: 2;
}

.simple-modal-overlayKoHano {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9999;
	animation: fadeIn 0.3s ease;
}

.simple-modal-contentKoHano {
	background: white;
	border-radius: 8px;
	padding: 30px;
	max-width: 400px;
	width: 90%;
	text-align: center;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
	animation: slideUp 0.3s ease;
}

.simple-modal-contentKoHano h3 {
	color: #27ae60;
	margin-bottom: 15px;
	font-size: 1.5rem;
	font-family: var(--font-title);
	font-weight: 700;
	margin-bottom: 0.5rem;
}

.simple-modal-contentKoHano p {
	color: #333;
	font-family: var(--font-text);
	line-height: 1.4;
	font-weight: 400;
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes slideUp {
	from {
		transform: translateY(20px);
		opacity: 0;
	}
	to {
		transform: translateY(0);
		opacity: 1;
	}
}

/* Others Styles */
.nocenter-KoHano {
	text-align: left !important;
}

.terms---titleKoHano {
	font-family: var(--font-title);
	font-weight: 700;
	font-size: var(--font-s16);
	line-height: 120%;
	letter-spacing: 0%;
	text-transform: uppercase;
	color: var(--color-black);
}

.terms---textKoHano {
	font-family: var(--font-text);
	font-weight: 400;
	font-size: var(--font-s16);
	line-height: 120%;
	color: var(--color-black);
}

.terms-dottedKoHano li {
	list-style-type: disc;
	color: var(--color-black);
	margin-left: 2rem;
}

.terms--listsKoHano {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
}

.termsKoHano {
	padding: 3rem 0;
}

.terms---textKoHano a {
	text-decoration: underline !important;
}

/* About */
.about--boxKoHano {
	display: flex;
	align-items: center;
	gap: 2rem;
}

.about---listsKoHano {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.about--balls-ticketsKoHano {
	background-image: url(/assetsKoHano/componentsKoHano/visualKoHano/about-ballsKoHano.webp);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	max-width: 543px;
	width: 100%;
	height: 303px;
	border-radius: 24px;
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	-ms-border-radius: 24px;
	-o-border-radius: 24px;
}

.about--cartsKoHano {
	display: flex;
	flex-wrap: wrap;
	gap: 1.5rem;
	justify-content: center;
}

.about---cartKoHano {
	padding: 1.5rem;
	background: linear-gradient(90deg, #ff6b35 0%, #faa34a 69.23%, #f5d45c 100%);
	border: var(--border);
	border-radius: 24px;
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	-ms-border-radius: 24px;
	-o-border-radius: 24px;
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	max-width: 410px;
	width: 100%;
}

.about----userKoHano {
	background-image: url(/assetsKoHano/componentsKoHano/visualKoHano/icon-userKoHano.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	max-width: 72px;
	width: 100%;
	height: 72px;
	margin-inline: auto;
}

/* Shop */
.shop-cartsKoHano {
	display: flex;
	flex-wrap: wrap;
	gap: 1.5rem;
	justify-content: center;
}

.shop--cartKoHano {
	max-width: 410px;
	width: 100%;
	box-shadow: 0px 2px 16px 0px #0000001a;
	background: var(--color-cart);
	border-radius: 24px;
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	-ms-border-radius: 24px;
	-o-border-radius: 24px;
	padding: 1.5rem;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.shop--productKoHano {
	max-width: 363px;
	width: 100%;
	height: 200px;
	object-fit: cover;
	border-radius: 24px;
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	-ms-border-radius: 24px;
	-o-border-radius: 24px;
}

.shop---infoKoHano {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	justify-content: space-between;
	height: 100%;
}

.shop----topKoHano {
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
}

.shop_nameKoHano,
.shop_pticeKoHano {
	font-family: var(--font-title);
	font-weight: 700;
	font-size: var(--font-s24);
	line-height: 120%;
	color: var(--color-black);
}

.shop_textKoHano {
	font-family: var(--font-text);
	font-weight: 400;
	font-size: var(--font-s16);
	line-height: 120%;
	color: var(--color-black);
}

.shop----buyingKoHano {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.shop_btnbuyKoHano {
	max-width: 40px;
	width: 100%;
	height: 40px;
}

.shop__btnKoHano {
	transition: var(--transition);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 40px;
	width: 100%;
	height: 40px;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
	background: linear-gradient(90deg, #ff6b35 0%, #faa34a 69.23%, #f5d45c 100%);
	-webkit-transition: var(--transition);
	-moz-transition: var(--transition);
	-ms-transition: var(--transition);
	-o-transition: var(--transition);
}

.shop__iconKoHano {
	background-image: url(/assetsKoHano/componentsKoHano/visualKoHano/icon-cartKoHano.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	max-width: 20px;
	width: 100%;
	height: 20px;
}

.carts__content__wrapperKoHano {
	margin-top: 20px;
}

.carts__contentKoHano {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 0;
	border-bottom: 1px solid #eee;
	position: relative;
}

.carts__content__leftKoHano {
	display: flex;
	align-items: center;
	flex: 1;
}

.carts__content__boxKoHano {
	display: flex;
	align-items: center;
	flex: 1;
}

.carts__content__productKoHano {
	width: 80px;
	height: 80px;
	object-fit: cover;
	margin-right: 20px;
	border-radius: 4px;
}

.carts__content__nameKoHano {
	font-size: 16px;
	font-weight: 500;
	margin: 0;
}

.carts__content__priceKoHano {
	min-width: 100px;
	text-align: center;
	font-weight: 600;
	color: #333;
}

.carts__content__rightKoHano {
	display: flex;
	align-items: center;
}

.carts__content__wrapKoHano {
	display: flex;
	align-items: center;
	gap: 30px;
}

.carts__content__counterKoHano {
	display: flex;
	align-items: center;
	border: 1px solid #333;
	border-radius: 16px;
	overflow: hidden;
	padding: 0.25rem;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	-ms-border-radius: 16px;
	-o-border-radius: 16px;
}

.carts__content__minusKoHano,
.carts__content__plusKoHano {
	width: 40px;
	height: 40px;
	border: none;
	background: #f5f5f5;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
}

.carts__content__minusKoHano:hover,
.carts__content__plusKoHano:hover {
	background: #e0e0e0;
}

.carts__content__countKoHano {
	width: 10px;
	text-align: center;
	font-weight: 700;
	font-family: var(--font-title);
	color: var(--color-black);
	font-size: 0.75rem;
}

.carts__content__boldKoHano {
	min-width: 100px;
	text-align: center;
	font-weight: 600;
	color: #333;
	font-weight: 700;
	font-family: var(--font-title);
	color: var(--color-black);
	font-size: 0.75rem;
}

.carts__content__closeKoHano {
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
	opacity: 0.7;
	transition: opacity 0.3s;
}

.carts__content__closeKoHano:hover {
	opacity: 1;
}

.carts__content__closeKoHano img {
	width: 24px;
	height: 24px;
	display: block;
}

.pos-relativeKoHano {
	position: relative;
}

.cart-toggle-buttonKoHano {
	position: absolute;
	right: 20px;
	top: 40px;
	width: 60px;
	height: 60px;
	background: #4caf50;
	border: none;
	border-radius: 50%;
	cursor: pointer;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 1000;
	transition: all 0.3s ease;
}

.cart-toggle-buttonKoHano:hover {
	background: #45a049;
	transform: scale(1.1);
}

.cart-toggle-iconKoHano {
	width: 30px;
	height: 30px;
	filter: brightness(0) invert(1);
}

.cart-toggle-countKoHano {
	position: absolute;
	top: -5px;
	right: -5px;
	background: #ff4444;
	color: white;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: bold;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.cart-modalKoHano {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1100;
}

.cart-modal__overlayKoHano {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(4px);
}

.cart-modal__contentKoHano {
	position: relative;
	width: 90%;
	max-width: 1200px;
	height: 90vh;
	margin: 40px auto;
	background: var(--color-cart);
	border-radius: 12px;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.cart-modal__headerKoHano {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 30px;
	background: var(--color-cart);
	border-bottom: 1px solid #000;
}

.cart-modal__titleKoHano {
	margin: 0;
	font-size: var(--font-s24);
	color: var(--color-black);
	line-height: 120%;
	font-family: var(--font-title);
	font-weight: 700;
}

.cart-modal__closeKoHano {
	background: none;
	border: none;
	font-size: 32px;
	color: var(--color-black);
	cursor: pointer;
	line-height: 1;
	padding: 0;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	transition: all 0.3s;
}

.cart-modal__closeKoHano:hover {
	background: #f0f0f0;
	color: #333;
}

.cart-modal__bodyKoHano {
	flex: 1;
	overflow-y: auto;
	padding: 30px;
}

.cart__containerKoHano {
	max-width: 100%;
}

.cart__wrapperKoHano {
	display: flex;
	flex-direction: column;
	gap: 1rem;
	background: var(--color-cart);
}

.cart__leftKoHano {
	background: var(--color-cart);
}

.cart__topKoHano {
	display: grid;
	grid-template-columns: 1.5fr 1fr 1fr 1fr;
	padding: 15px 0;
	border-bottom: 2px solid #333;
	font-weight: 600;
	margin-bottom: 20px;
}

.cart__top__headKoHano {
	color: #333;
	font-size: var(--font-s20);
	font-weight: 700;
	font-family: var(--font-title);
	color: var(--color-black);
	line-height: 120%;
	text-align: center;
}

.carts__content__wrapperKoHano {
	min-height: 300px;
}

.carts__contentKoHano {
	display: grid;
	grid-template-columns: 2fr 1fr 1fr 1fr auto;
	align-items: center;
	padding: 20px 0;
	border-bottom: 1px solid #eee;
	gap: 10px;
	justify-items: center;
}

.carts__content__boxKoHano {
	display: flex;
	align-items: center;
	gap: 15px;
	justify-content: center;
}

.carts__content__productKoHano {
	width: 100px;
	height: 80px;
	object-fit: cover;
	border-radius: 8px;
}

.carts__content__nameKoHano {
	margin: 0;
	font-size: 0.875rem;
	font-weight: 700;
	font-family: var(--font-title);
	color: var(--color-black);
}

.carts__content__priceKoHano {
	text-align: center;
	font-size: 0.875rem;
	font-weight: 400;
	font-family: var(--font-text);
	color: var(--color-black);
}

.carts__content__counterKoHano {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 5px;
	max-width: 140px;
	width: 100%;
}

.carts__content__minusKoHano,
.carts__content__plusKoHano {
	width: 25px;
	height: 25px;
	background: linear-gradient(90deg, #ff6b35 0%, #faa34a 69.23%, #f5d45c 100%);
	border-radius: 100px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
	color: var(--color-white) !important;
}

.carts__content__minusKoHano:hover,
.carts__content__plusKoHano:hover {
	background: linear-gradient(90deg, #ff6b35 0%, #faa34a 69.23%, #f5d45c 100%);
}

.carts__content__countKoHano {
	min-width: 20px;
	text-align: center;
	font-weight: 700;
	font-family: var(--font-title);
	color: var(--color-black);
	font-size: var(--font-s20);
}

.carts__content__boldKoHano {
	text-align: center;
	font-weight: 700;
	font-family: var(--font-title);
	color: var(--color-black);
	font-size: var(--font-s20);
}

.carts__content__close--cssKoHano {
	position: relative;
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
	width: 32px;
	height: 32px;
	border-radius: 4px;
	transition: all 0.3s ease;
}

.carts__content__close--cssKoHano:hover {
	background-color: rgba(220, 53, 69, 0.1);
}

.carts__content__close--cssKoHano::before,
.carts__content__close--cssKoHano::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 18px;
	height: 2px;
	background-color: #dc3545;
	border-radius: 1px;
	transition: background-color 0.3s ease;
}

.carts__content__close--cssKoHano::before {
	transform: translate(-50%, -50%) rotate(45deg);
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-moz-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	-o-transform: translate(-50%, -50%) rotate(45deg);
}

.carts__content__close--cssKoHano::after {
	transform: translate(-52%, -50%) rotate(-45deg);
	-webkit-transform: translate(-52%, -50%) rotate(-45deg);
	-moz-transform: translate(-52%, -50%) rotate(-45deg);
	-ms-transform: translate(-52%, -50%) rotate(-45deg);
	-o-transform: translate(-52%, -50%) rotate(-45deg);
}

.carts__content__close--cssKoHano:hover::before,
.carts__content__close--cssKoHano:hover::after {
	background-color: #bd2130;
}

.cart__bottomKoHano {
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
	padding-top: 20px;
	border-top: 2px solid #000;
}

.cart__btnKoHano {
	padding: 12px 24px;
	background: #6c757d;
	color: white;
	border: none;
	border-radius: 6px;
	font-size: var(--font-s16);
	font-weight: 700;
	font-family: var(--font-title);
	color: var(--color-white);
	cursor: pointer;
	transition: background 0.3s;
	font-family: inherit;
	font-size: 16px;
}

.cart__btnKoHano:hover {
	background: #5a6268;
}
.cart__updateKoHano {
	padding: 12px 24px;
	background: #28a745;
	color: white;
	border: none;
	border-radius: 6px;
	font-size: var(--font-s16);
	font-weight: 700;
	font-family: var(--font-title);
	color: var(--color-white);
	cursor: pointer;
	transition: background 0.3s;
	font-family: inherit;
	font-size: 16px;
}

.cart__updateKoHano:hover {
	background: #218838;
}

.cart__rightKoHano {
	background: #f8f9fa;
	padding: 25px;
	border-radius: 8px;
	height: fit-content;
}

.cart__headKoHano {
	margin-bottom: 20px;
	color: #000;
	font-size: var(--font-s24);
	font-weight: 700;
	font-family: var(--font-title);
	color: var(--color-black);
}

.cart__innerKoHano {
	display: flex;
	justify-content: space-between;
	padding: 15px 0;
	border-bottom: 1px solid #dee2e6;
}

.cart__headerKoHano {
	font-size: var(--font-s16);
	font-weight: 700;
	font-family: var(--font-title);
	color: #333;
}

.cart__priceKoHano {
	font-size: var(--font-s16);
	font-weight: 400;
	font-family: var(--font-text);
	color: #333;
}

.cart__boldKoHano {
	font-size: var(--font-s20);
	font-weight: 400;
	font-family: var(--font-text);
	color: #333;
}

.cart__proceedKoHano {
	display: block;
	width: 100%;
	padding: 16px;
	background: #28a745;
	text-align: center;
	text-decoration: none;
	border-radius: 8px;
	font-weight: 700;
	font-family: var(--font-title);
	font-size: var(--font-s20);
	color: var(--color-white);
	margin-top: 25px;
	transition: background 0.3s;
}

.cart__proceedKoHano:hover {
	background: #218838;
}

.empty-cart-messageKoHano {
	text-align: center;
	padding: 50px 20px;
	color: #666;
}

.empty-cart-messageKoHano p {
	font-size: var(--font-s16);
	font-weight: 700;
	font-family: var(--font-title);
	color: var(--color-black);
	margin-bottom: 20px;
}

@keyframes slideInFromRightKoHano {
	from {
		transform: translateX(100%);
		opacity: 0;
	}
	to {
		transform: translateX(0);
		opacity: 1;
	}
}

@keyframes fadeInKoHano {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

.cart-modal__contentKoHano {
	animation: slideInFromRightKoHano 0.3s ease-out;
}

.cart-modal__overlayKoHano {
	animation: fadeInKoHano 0.3s ease-out;
}

.cart-notificationKoHano {
	position: fixed;
	top: 20px;
	right: 20px;
	background: #28a745;
	padding: 15px 25px;
	border-radius: 8px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
	z-index: 1200;
	animation: slideInFromRightKoHano 0.3s ease-out;
	font-weight: 400;
	font-family: var(--font-text);
	font-size: var(--font-s16);
	color: var(--color-white);
	display: none;
}

/* Shop media */
@media (max-width: 1024px) {
	.cart__wrapperKoHano {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.cart-modal__contentKoHano {
		width: 95%;
		margin: 20px auto;
	}
}

@media (max-width: 768px) {
	.carts__contentKoHano {
		grid-template-columns: 1fr;
		text-align: center;
		gap: 15px;
	}

	.carts__content__boxKoHano {
		justify-content: center;
		flex-direction: column;
	}

	.cart__topKoHano {
		display: none;
	}

	.cart__bottomKoHano {
		flex-direction: column;
		gap: 15px;
	}

	.cart__btnKoHano,
	.cart__updateKoHano {
		width: 100%;
		text-align: center;
	}

	.cart-modal__bodyKoHano {
		padding: 1rem;
	}

	.cart-modal__headerKoHano {
		padding: 1.25rem 1rem;
	}
}

/* Checkout Section */
.checkoutKoHano {
	padding: 3rem 0;
}

.checkout__titleKoHano {
	font-size: 2.5rem;
	font-weight: 700;
	color: var(--color-black);
	margin-bottom: 40px;
	text-align: center;
	font-family: var(--font-title);
}

.checkout__wrapsKoHano {
	display: grid;
	grid-template-columns: 2fr 1fr;
	gap: 40px;
	max-width: 1200px;
	margin: 0 auto;
}

.checkout__leftKoHano {
	background: white;
	padding: 30px;
	border-radius: 12px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.checkout__headKoHano {
	font-size: 1.5rem;
	font-weight: 600;
	color: var(--color-black);
	margin-bottom: 25px;
	font-family: var(--font-title);
}

.checkout__formKoHano {
	display: flex;
	flex-direction: column;
	gap: 25px;
}

.checkout__wrapKoHano {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.checkout__block1KoHano,
.checkout__block2KoHano,
.checkout__block3KoHano {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 20px;
}

.checkout__innerKoHano {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.checkout__labelKoHano {
	font-size: 0.875rem;
	font-weight: 500;
	color: #333;
	font-family: var(--font-text);
}

.checkout__redKoHano {
	color: #dc3545;
}

.checkout__inputKoHano {
	padding: 12px 16px;
	border: 1px solid #ddd;
	border-radius: 6px;
	font-size: 1rem;
	font-family: var(--font-text);
	transition: all 0.3s;
}

.checkout__inputKoHano:focus {
	outline: none;
	border-color: #4caf50;
	box-shadow: 0 0 0 2px rgba(76, 175, 80, 0.2);
}

.checkout__inputKoHano::placeholder {
	color: #999;
}

select.checkout__inputKoHano {
	appearance: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23333' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 16px center;
	background-size: 12px;
	padding-right: 40px;
}

.checkout__checkbox-groupKoHano {
	margin: 15px 0;
}

.checkout__checkbox-labelKoHano {
	display: flex;
	align-items: center;
	gap: 10px;
	cursor: pointer;
	font-family: var(--font-text);
}

.checkout__checkboxKoHano {
	width: 18px;
	height: 18px;
	accent-color: #4caf50;
}

.checkout__checkbox-textKoHano {
	font-size: 0.875rem;
	color: #333;
}

.checkout__lineKoHano {
	height: 1px;
	background: #eee;
	margin: 25px 0;
}

.checkout__messageKoHano {
	padding: 12px 16px;
	border: 1px solid #ddd;
	border-radius: 6px;
	font-size: 1rem;
	font-family: var(--font-text);
	resize: vertical;
	min-height: 100px;
	transition: all 0.3s;
}

.checkout__messageKoHano:focus {
	outline: none;
	border-color: #4caf50;
	box-shadow: 0 0 0 2px rgba(76, 175, 80, 0.2);
}

.checkout__rightKoHano {
	background: white;
	padding: 30px;
	border-radius: 12px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
	height: fit-content;
}

.checkout__order-summaryKoHano {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.checkout__order-headKoHano {
	font-size: 1.25rem;
	font-weight: 600;
	color: var(--color-black);
	margin-bottom: 5px;
	font-family: var(--font-title);
}

.checkout__order-boxKoHano {
	max-height: 300px;
	overflow-y: auto;
	padding-right: 10px;
	margin-bottom: 20px;
}

/* Checkout */
.checkout-order-itemKoHano {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 15px 0;
	border-bottom: 1px solid #eee;
}

.checkout-order-itemKoHano:last-child {
	border-bottom: none;
}

.checkout-order-item__infoKoHano {
	display: flex;
	align-items: center;
	gap: 12px;
}

.checkout-order-item__imageKoHano {
	width: 50px;
	height: 50px;
	object-fit: cover;
	border-radius: 6px;
}

.checkout-order-item__nameKoHano {
	font-size: 0.875rem;
	font-weight: 400;
	color: #333;
	margin: 0;
	font-family: var(--font-text);
}

.checkout-order-item__detailsKoHano {
	font-size: 0.75rem;
	color: #666;
	margin-top: 2px;
	font-family: var(--font-text);
	font-size: 0.875rem;
	font-weight: 400;
}

.checkout-order-item__priceKoHano {
	font-weight: 700;
	color: #333;
	font-size: 0.875rem;
	font-family: var(--font-title);
}

.checkout__order-innerKoHano {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px 0;
	border-bottom: 1px solid #eee;
}

.checkout__order-innerKoHano:last-of-type {
	border-bottom: 2px solid #333;
}

.checkout__order-infoKoHano {
	font-size: 0.875rem;
	color: #666;
	font-weight: 700;
	font-family: var(--font-title);
}

.checkout__order-priceKoHano {
	color: #333;
	font-weight: 700;
	font-family: var(--font-title);
	font-size: 0.875rem;
}

.checkout__order-boldKoHano {
	font-weight: 700;
	font-size: 1.25rem;
	color: var(--color-black);
	font-weight: 700;
	font-family: var(--font-title);
}

.checkout__order-blueKoHano {
	font-size: 0.875rem;
	color: #666;
	line-height: 1.5;
	padding: 15px;
	background: #f0f7ff;
	border-radius: 6px;
	border-left: 3px solid #2196f3;
	font-family: var(--font-text);
	font-weight: 400;
}

.checkout__order-textKoHano {
	font-size: 0.75rem;
	color: #666;
	line-height: 1.5;
	font-family: var(--font-text);
	font-weight: 400;
}

.checkout__order-linkKoHano {
	color: #2196f3;
	text-decoration: none;
}

.checkout__order-linkKoHano:hover {
	text-decoration: underline;
}

.checkout__order-btnKoHano {
	width: 100%;
	padding: 16px;
	background: linear-gradient(90deg, #ff6b35 0%, #faa34a 69.23%, #f5d45c 100%);
	color: white;
	border: none;
	border-radius: 8px;
	font-size: 1rem;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.3s;
	font-family: var(--font-title);
}

.checkout__order-btnKoHano:hover {
	opacity: 0.9;
	transform: translateY(-2px);
}

.checkout__order-btnKoHano:disabled {
	opacity: 0.5;
	cursor: not-allowed;
	transform: none;
}

/* Checkout media */
@media (max-width: 1024px) {
	.checkout__wrapsKoHano {
		grid-template-columns: 1fr;
		gap: 30px;
	}

	.checkout__leftKoHano,
	.checkout__rightKoHano {
		padding: 25px;
	}
}

@media (max-width: 768px) {
	.checkout__titleKoHano {
		font-size: 2rem;
	}

	.checkout__block1KoHano,
	.checkout__block2KoHano,
	.checkout__block3KoHano {
		grid-template-columns: 1fr;
	}

	.checkout__leftKoHano,
	.checkout__rightKoHano {
		padding: 20px;
	}
}

/* Media */
@media screen and (max-width: 1370px) {
	.container__mainwelcomeKoHano {
		padding: 0 1rem;
	}
}

@media screen and (max-width: 1300px) {
	.container__mainKoHano {
		padding: 0 1rem;
	}
}

@media screen and (max-width: 1180px) {
	.contact-containerKoHano {
		flex-direction: column;
	}
	.footer--companyKoHano {
		flex-wrap: wrap !important;
		align-items: flex-start !important;
		gap: 1rem !important;
		justify-content: flex-start;
	}

	.tickets-infoKoHano {
		flex-direction: column;
	}
}

@media screen and (max-width: 991px) {
	.welcomeKoHano {
		padding: 3rem 0 10rem;
	}

	.tickets--numberKoHano {
		padding: 0.625rem;
	}

	.game-buttonsKoHano {
		justify-content: center;
		flex-wrap: wrap;
	}

	.lottoKoHano {
		padding: 1.5rem 0;
	}

	.menu__listKoHano {
		display: none;
	}

	#MenuToggleKoHano {
		display: block;
	}

	.menu__btnboxKoHano {
		flex-direction: column;
		width: 100%;
		max-width: 106px;
		align-items: center;
		margin-inline: auto;
	}

	.menu__list-itemKoHano {
		width: 100%;
		max-width: 106px;
		margin-inline: auto;
		text-align: center;
	}

	.menu__btnboxKoHano li {
		max-width: 106px;
		width: 100%;
		margin-inline: auto;
		display: flex;
		justify-content: center;
	}

	.lotto--cartsKoHano {
		gap: 1rem;
	}

	.footer--parthersKoHano {
		gap: 1rem;
		flex-wrap: wrap;
	}

	.cookie-consent-overlayKoHano {
		max-width: 425px;
		width: 100%;
		right: 0;
		margin-left: auto;
	}

	.cookie-consent-modalKoHano {
		padding: 1.5rem 1rem;
	}

	.cookie-consent-modalKoHano p {
		text-align: center;
	}

	.cookie-consent-modalKoHano,
	.cookie-consent-buttonsKoHano {
		flex-direction: column;
		gap: 0.5rem;
	}

	.btn-settingsKoHano,
	.btn-acceptKoHano {
		max-width: 100%;
		width: 100%;
	}

	.about--boxKoHano {
		flex-direction: column;
	}

	.about--balls-ticketsKoHano {
		max-width: 328px;
		width: 100%;
		height: 200px;
	}

	.game-buttonsKoHano,
	.tickets--btnboxKoHano {
		gap: 1rem;
	}
}

@media screen and (max-width: 780px) {
	.welcome----titleKoHano {
		font-size: 2rem;
	}

	.tickets--btnboxKoHano {
		flex-wrap: wrap;
		justify-content: center;
	}

	.tickets--titleKoHano {
		font-size: var(--font-s16);
	}

	.tickets----numberKoHano {
		max-width: 42px;
		width: 100%;
		height: 42px;
		font-size: 0.875rem;
	}

	.welcome--btnboxKoHano {
		flex-direction: column;
		gap: 1rem;
	}

	.welcome--btnboxKoHano li {
		max-width: 525px;
		width: 100%;
	}

	.welcome--btnboxKoHano li a {
		max-width: 525px;
		width: 100%;
	}

	.lotto--titleKoHano {
		font-size: var(--font-s24);
	}

	td {
		font-size: var(--font-s16);
	}

	.table__ballsKoHano {
		max-width: 31px;
		width: 100%;
		height: 31px;
	}

	.footer--navmenuKoHano {
		flex-direction: column;
	}
}