:root {
	--color-global-accent: hsl(204, 77%, 39%);
	--color-global-background: hsl(0, 0%, 100%);
	--color-global-backgroundSubdued: hsl(0, 0%, 96%);
	--color-global-border: hsl(0, 0%, 87%);
	--color-global-text: hsl(0, 0%, 0%);
	--color-global-textContrast: hsl(0, 0%, 100%);
	--color-global-textSubdued: hsl(0, 0%, 44%);
	--color-global-textSubdued200: hsl(0, 0%, 90%);
	--color-schemes-scheme2-base-background: hsl(0, 0%, 96%);
	--color-schemes-scheme2-base-backgroundSubdued: hsl(0, 0%, 93%);
	--color-schemes-scheme2-base-border: hsl(0, 0%, 84%);
	--color-schemes-scheme2-base-text: hsl(0, 0%, 0%);
	--color-schemes-scheme2-base-textContrast: hsl(0, 0%, 96%);
	--color-schemes-scheme2-base-textSubdued: hsl(0, 0%, 40%);
	--color-schemes-scheme2-base-textSubdued200: hsl(0, 0%, 80%);
	--typography-line-small: 1.2;
	--typography-line-base: 1.5;
	--line-quantity-size: 2.1rem;
	--typography-size-small: 1.2rem;
	--typography-size-default: 1.4rem;
	--typography-size-medium: 1.6rem;
	--typography-size-large: 1.9rem;
	--typography-size-extra-large: 2.1rem;
	--typography-size-extra-extra-large: 2.4rem;
	--typography-primary-weight-bold: 400;
	--typography-primary-fonts: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji',
		'Segoe UI Emoji', 'Segoe UI Symbol';
	--typography-secondary-weight-bold: 600;
	--typography-secondary-fonts: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji',
		'Segoe UI Emoji', 'Segoe UI Symbol';
	--spacing-none: 0;
	--spacing-small-100: 1.1rem;
	--spacing-small-200: 0.9rem;
	--spacing-small-300: 0.7rem;
	--spacing-small-400: 0.5rem;
	--spacing-small-500: 0.3rem;
	--spacing-base: 1.4rem;
	--spacing-large-100: 1.7rem;
	--spacing-large-200: 2.1rem;
	--spacing-large-300: 2.6rem;
	--spacing-large-400: 3.2rem;
	--spacing-large-500: 3.8rem;
	--border-radius-none: 0;
	--border-radius-base: 5px;
	--border-radius-small: 2px;
	--border-radius-large: 10px;
}

@keyframes SkeletonPulse {
	50% {
		opacity: 1;
	}

	75% {
		opacity: 0.5;
	}

	100% {
		opacity: 1;
	}
}

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

body,
html {
	height: 100%;
	margin: 0;
	width: 100%;
}

html {
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	font-size: 62.5%;
	font-family: var(--typography-primary-fonts);
	line-height: var(--typography-line-base);
}

body {
	-webkit-font-smoothing: subpixel-antialiased;
	overflow-wrap: break-word;
	overflow-x: hidden;
	overflow-y: scroll;
}

.BlockStack {
	display: grid;
}

.BlockStack--spacing-small500 {
	gap: var(--spacing-small-500);
}

.BlockStack--spacing-small300 {
	gap: var(--spacing-small-300);
}

.BlockStack--spacing-small100 {
	gap: var(--spacing-small-100);
}

.BlockStack--spacing-base {
	gap: var(--spacing-base);
}

.BlockStack--spacing-large100 {
	gap: var(--spacing-large-100);
}

.BlockStack--spacing-large200 {
	gap: var(--spacing-large-200);
}

.BlockStack--min-inline-size-full {
	flex: 1;
}

.BlockStack--inline-alignment-center {
	justify-items: center;
}

.BlockStack--inline-alignment-end {
	justify-items: end;
}

.LoadingHeaderHeading {
	margin: 0;
	font-size: var(--typography-size-extra-large);
	font-weight: var(--typography-secondary-weight-bold);
	font-family: var(--typography-secondary-fonts);
	line-height: var(--typography-line-small);
}

.LoadingHeaderImage {
	display: block;
	max-width: 100%;
	height: auto;
}

.InlineStack {
	display: flex;
	min-height: 100%;
	min-width: 100%;
}

.InlineStack--spacing-base {
	column-gap: var(--spacing-base);
}

.InlineStack--spacing-small100 {
	column-gap: var(--spacing-small-100);
}

.InlineStack--spacing-large200 {
	column-gap: var(--spacing-large-200);
}

.InlineStack--inline-alignment-spaceBetween {
	justify-content: space-between;
}

.InlineStack--block-alignment-start {
	align-items: start;
}

.InlineStack--block-alignment-center {
	align-items: center;
}

.Divider {
	width: 100%;
	height: 1px;
	background-color: var(--default-color-border);
}

.main-pageLineItems {
	display: grid;
	grid-auto-flow: row;
	align-items: stretch;
	gap: var(--spacing-base);
}

.main-pageLine {
	display: grid;
	grid-template-columns: auto 1fr auto;
	gap: var(--spacing-base);
	align-items: center;
	font-size: var(--x-type-size-base);
}

.main-pageLineImageWrapper {
	width: calc(6.4rem * var(--skeleton-thumbnail-inline-size, 1));
	height: calc(6.4rem / var(--skeleton-thumbnail-box-size, 1));
	position: relative;
}

.main-pageImageWrapper--Small {
	width: 3.2rem;
	height: 3.2rem;
	position: relative;
}

.main-pageLineImage {
	width: 6.4rem;
	height: 6.4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	object-fit: contain;
	background: var(--default-color-backgroundSubdued);
}

.main-pageLineImage--border-full {
	border: 1px solid var(--default-color-border);
}

.main-pageLineImage--corner-radius-small {
	border-radius: var(--border-radius-small);
}

.main-pageLineImage--corner-radius-base {
	border-radius: var(--border-radius-base);
}

.main-pageLineImage--corner-radius-large {
	border-radius: var(--border-radius-large);
}

.main-pageLineImage--corner-radius-rounded {
	border-radius: 100%;
}

.main-pageLineImageIcon {
	width: 3.3rem;
	height: 3.3rem;
}

.main-pageLineQuantity {
	position: absolute;
	top: 0;
	right: 0;
	transform: translate(25%, -50%);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.2rem;
	min-height: 2.2rem;
	padding: 0 var(--spacing-small-300);
	border-radius: 1.1rem;
	background: var(--default-color-textSubdued);
	color: var(--default-color-textContrast);
	font-size: var(--typography-size-small);
	font-weight: 500;
}

.main-pageLineQuantity--corner-radius-none {
	border-radius: 0;
}

.main-pageLineContent {
	display: flex;
	flex-direction: column;
	align-self: baseline;
	min-height: calc(6.4rem / var(--skeleton-thumbnail-box-size, 1));
	justify-content: center;
}

.main-pageLinePrice {
	display: flex;
	align-self: baseline;
}

.Text {
	font-size: var(--typography-size-default);
}

.Text--size-small {
	font-size: var(--typography-size-small);
}

.Text--size-large {
	font-size: var(--typography-size-large);
}

.Text--size-extraExtraLarge {
	font-size: var(--typography-size-extra-extra-large);
}

.Text--appearance-subdued {
	color: var(--default-color-textSubdued);
}

.SkeletonExpressCheckoutButtons {
	display: grid;
	gap: var(--spacing-small-100);
	grid-template-columns: repeat(2, 1fr);
}

.SkeletonExpressCheckoutButtons > *:first-child {
	grid-column: 1 / -1;
}

.SkeletonExpressCheckout {
	margin-bottom: var(--spacing-large-500);
}

.ExpressCheckoutDivider {
	display: flex;
	place-items: center;
	height: 21px;
	padding-top: calc(var(--spacing-large-500) - 1px);
}

.main-pageHeader--banner {
	background-position: 50% 50%;
	background-size: cover;
	background-image: var(--banner-image);
	--header-shop-name-color: #fff;
	--cart-color: #fff;
}

.VisuallyHidden {
	border-width: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	white-space: nowrap;
}

.FadeIn {
	opacity: 0;
	animation: 400ms FadeIn 150ms forwards;
}

@keyframes FadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.colorSchemeScheme1 {
	--default-color-background: var(--color-schemes-scheme1-base-background, var(--color-global-background));
	--default-color-accent: var(--color-schemes-scheme1-base-accent, var(--color-global-accent));
	--default-color-backgroundSubdued: var(--color-schemes-scheme1-base-backgroundSubdued, var(--color-global-backgroundSubdued));
	--default-color-border: var(--color-schemes-scheme1-base-border, var(--color-global-border));
	--default-color-text: var(--color-schemes-scheme1-base-text, var(--color-global-text));
	--default-color-textContrast: var(--color-schemes-scheme2-base-textContrast, var(--color-global-textContrast));
	--default-color-textSubdued: var(--color-schemes-scheme1-base-textSubdued, var(--color-global-textSubdued));
	--default-color-textSubdued200: var(--color-schemes-scheme1-base-textSubdued200, var(--color-global-textSubdued200));
}

.colorSchemeScheme2 {
	--default-color-background: var(--color-schemes-scheme2-base-background, var(--color-global-background));
	--default-color-accent: var(--color-schemes-scheme2-base-accent, var(--color-global-accent));
	--default-color-backgroundSubdued: var(--color-schemes-scheme2-base-backgroundSubdued, var(--color-global-backgroundSubdued));
	--default-color-border: var(--color-schemes-scheme2-base-border, var(--color-global-border));
	--default-color-text: var(--color-schemes-scheme2-base-text, var(--color-global-text));
	--default-color-textContrast: var(--color-schemes-scheme2-base-textContrast, var(--color-global-textContrast));
	--default-color-textSubdued: var(--color-schemes-scheme2-base-textSubdued, var(--color-global-textSubdued));
	--default-color-textSubdued200: var(--color-schemes-scheme2-base-textSubdued200, var(--color-global-textSubdued200));
}

.colorSchemeScheme3 {
	--default-color-background: var(--color-schemes-scheme3-base-background, var(--color-global-background));
	--default-color-accent: var(--color-schemes-scheme3-base-accent, var(--color-global-accent));
	--default-color-backgroundSubdued: var(--color-schemes-scheme3-base-backgroundSubdued, var(--color-global-backgroundSubdued));
	--default-color-border: var(--color-schemes-scheme3-base-border, var(--color-global-border));
	--default-color-text: var(--color-schemes-scheme3-base-text, var(--color-global-text));
	--default-color-textContrast: var(--color-schemes-scheme2-base-textContrast, var(--color-global-textContrast));
	--default-color-textSubdued: var(--color-schemes-scheme3-base-textSubdued, var(--color-global-textSubdued));
	--default-color-textSubdued200: var(--color-schemes-scheme3-base-textSubdued200, var(--color-global-textSubdued200));
}

.colorSchemeScheme4 {
	--default-color-background: var(--color-schemes-scheme4-base-background, var(--color-global-background));
	--default-color-accent: var(--color-schemes-scheme4-base-accent, var(--color-global-accent));
	--default-color-backgroundSubdued: var(--color-schemes-scheme4-base-backgroundSubdued, var(--color-global-backgroundSubdued));
	--default-color-border: var(--color-schemes-scheme4-base-border, var(--color-global-border));
	--default-color-text: var(--color-schemes-scheme4-base-text, var(--color-global-text));
	--default-color-textContrast: var(--color-schemes-scheme2-base-textContrast, var(--color-global-textContrast));
	--default-color-textSubdued: var(--color-schemes-scheme4-base-textSubdued, var(--color-global-textSubdued));
	--default-color-textSubdued200: var(--color-schemes-scheme4-base-textSubdued200, var(--color-global-textSubdued200));
}

.backgroundColorBase {
	background-color: var(--default-color-background);
	color: var(--default-color-text);
}

.backgroundColorSubdued {
	background-color: var(--default-color-backgroundSubdued);
	color: var(--default-color-text);
}

.main-page {
	display: grid;
	grid-template-rows: auto auto 1fr;
	grid-template-areas: 'header' 'disclosure' 'shell-content';
	background-image: var(--shell-background-image);
	--shell-inline-size: 57rem;
	--shell-background-image: var(--skeleton-config-shell-background-image);
	--shell-header-inline-size: var(--shell-inline-size);
	--shell-header-padding: var(--skeleton-config-header-padding, var(--spacing-large-200));
	--shell-header-background-image: var(--skeleton-config-header-background-image);
	--shell-disclosure-inline-size: var(--shell-inline-size);
	--shell-disclosure-padding: var(--spacing-large-100) var(--spacing-large-200);
	--shell-disclosure-display: block;
	--shell-main-inline-size: var(--shell-inline-size);
	--shell-main-justify-content: center;
	--shell-main-padding: var(--spacing-large-200);
	--shell-main-border: none;
	--shell-order-summary-display: none;
	--shell-order-summary-background-image: var(--skeleton-config-order-summary-background-image);
	@media screen and (min-width: 1000px) {
		--shell-main-inline-size: 66rem;
		--shell-order-summary-inline-size: 52rem;
		--shell-section-columns-offset: 7rem;
		--shell-content-display: grid;
		--shell-content-template-areas: 'main order-summary';
		--shell-content-template-columns: minmax(min-content, calc(50% + var(--shell-section-columns-offset))) 1fr;
		--shell-inline-size: 118rem;
		--shell-header-padding: var(--skeleton-config-header-padding, 0);
		--shell-disclosure-display: none;
		--shell-main-justify-content: flex-end;
		--shell-main-padding: var(--spacing-large-500);
		--shell-main-border: 1px solid var(--default-color-border);
		--shell-order-summary-display: block;
		--shell-order-summary-padding: var(--spacing-large-500);
	}
}

@supports (width: min(0px, 100px)) {
	/* mobile header padding is clamped at large-200 like Sections */
	@media screen and (max-width: 999px) {
		.main-page {
			--shell-header-padding: min(var(--skeleton-config-header-padding, var(--spacing-large-200)), var(--spacing-large-200));
		}
	}
}

@media screen and (min-width: 1000px) {
	.main-page.main-pageConfig-Header-positionStart {
		--shell-header-padding: var(
			--skeleton-config-header-padding,
			calc(var(--spacing-large-500) * 2) var(--spacing-large-500) var(--spacing-large-500)
		);
	}

	.main-page.main-pageConfig-Header-positionStart.main-page-variantOneStepCheckout {
		--shell-header-padding: var(--skeleton-config-header-padding, var(--spacing-large-200) var(--spacing-large-500));
	}

	.card-order-mobile{
		display: none;
	}
}

.main-pageHeader {
	grid-area: header;
}

.main-pageHeaderContent {
	padding: var(--shell-header-padding);
	width: 100%;
	max-width: var(--shell-header-inline-size);
}

@media screen and (min-width: 1000px) {
	.main-page:not(.main-pageConfig-Header-positionStart) .main-pageHeader-positionStart {
		display: none;
	}
}

@media screen and (max-width: 999px) {
	.main-pageConfig-Header-positionInline .main-pageHeader-positionInline,
	.main-pageConfig-Header-positionInlineSecondary .main-pageHeader-positionInlineSecondary {
		display: none;
	}

	.main-pageConfig-Header-positionInlineSecondary .main-pageHeader-positionStart {
		background-image: var(--shell-header-background-image, var(--shell-order-summary-background-image));
	}
}

.main-pageHeader-positionStart {
	display: flex;
	justify-content: center;
	border-bottom: 1px solid var(--default-color-border);
	background-image: var(--shell-header-background-image);
	background-position: 50% 50%;
	background-size: cover;
}

.main-pageHeader-positionStart.main-pageHeader-hasBackgroundImage {
	--header-shop-name-color: #ffffff;
	--default-color-accent: #ffffff;
}

.main-pageBuyerJourneyContent {
	width: 100%;
	width: var(--shell-buyer-journey-inline-size);
	padding: var(--shell-buyer-journey-padding);
}

.main-pageDisclosure {
	grid-area: disclosure;
	display: var(--shell-disclosure-display);
	border-bottom: 1px solid var(--default-color-border);
}

.main-pageDisclosureButton {
	display: flex;
	justify-content: center;
	width: 100%;
}

.main-pageDisclosureButton {
	text-align: start;
	background: var(--default-color-backgroundSubdued);
	color: var(--default-color-accent);
	position: relative;
	z-index: 2;
}

.main-pageConfig-Shell-hasBackgroundImage .main-pageDisclosureButton {
	background: transparent;
	color: inherit;
}

.main-pageDisclosureButtonContent {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: var(--spacing-small-200);
	align-content: center;
	align-items: center;
}

.main-pageDisclosureButtonContent {
	padding: var(--shell-disclosure-padding);
	width: 100%;
	max-width: var(--shell-disclosure-inline-size);
}

.main-pageContent {
	grid-area: shell-content;
	display: var(--shell-content-display);
	grid-template-areas: var(--shell-content-template-areas);
	grid-template-columns: var(--shell-content-template-columns);
}

.main-pageMain {
	display: flex;
	justify-content: var(--shell-main-justify-content);
}

.main-pageMain .main-pageMainContent {
	height: 100%;
	width: 100%;
	max-width: var(--shell-main-inline-size);
	padding: var(--shell-main-padding);
	border-inline-end: var(--shell-main-border);
	display: grid;
	grid-template-rows: auto auto 1fr;
	grid-template-columns: 1fr;
	grid-template-areas: 'header' 'buyer-journey' 'main-content-primary';
}

.main-pageMainContentPrimary {
	grid-area: main-content-primary;
}

.main-pageMainContent .main-pageHeader {
	margin-bottom: var(--spacing-large-100);
}

.main-pageMainContent .main-pageBuyerJourney {
	margin-bottom: var(--spacing-large-300);
}

.main-page-variantOneStepCheckout .main-pageMainContent .main-pageHeader {
	margin-bottom: calc(var(--spacing-large-300) * 2);
}

.main-pageOrderSummary {
	display: var(--shell-order-summary-display);
	grid-area: order-summary;
}

.main-pageOrderSummary .main-pageOrderSummaryContent {
	position: sticky;
	padding: var(--shell-order-summary-padding);
	width: 100%;
	max-width: var(--shell-order-summary-inline-size);
	top: 0;
	right: auto;
	bottom: 0;
	left: auto;
}

.main-pageOrderSummaryContent .main-pageHeader {
	margin-bottom: var(--spacing-large-200);
}

/* Header */
.LoadingHeader {
	display: flex;
	width: 100%;
}

.LoadingHeader-alignmentStart {
	justify-content: flex-start;
}

.LoadingHeader-alignmentCenter {
	justify-content: center;
}

.LoadingHeader-alignmentEnd {
	justify-content: flex-end;
}

.main-page-variantOneStepCheckout .LoadingHeader-alignmentCenter .LoadingHeaderHeading {
	display: flex;
	justify-content: center;
}

.main-page-variantOneStepCheckout .LoadingHeader-alignmentEnd .LoadingHeaderHeading {
	display: flex;
	justify-content: flex-end;
}

.shoppingCartLink {
}

.shoppingCartSvg {
	width: 24px;

	fill: none;
	stroke: hsl(204, 77%, 39%);
}

.express-checkout-header {
	color: hsl(0, 0%, 44%);
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 2.25rem;
}

.shoppay-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px transparent solid;
	background-color: #592ff4;
	border-radius: 5px;
	color: #fff;
	font-family: SF Pro Text, sans-serif;
	font-size: 16px;
	font-style: normal;
	letter-spacing: 0.15px;
	line-height: 16px;
	text-decoration: none;
	width: 280px;
	margin: 1.3rem auto;
	height: 48px;
}

.divider {
	display: flex;
	align-items: center;
	text-align: center;
	width: 100%;
	height: 20px;
}

.divider::before,
.divider::after {
	content: '';
	flex: 1;
	border-bottom: 1px solid #d3d3d3;
	margin: 0 10px;
}

.divider-text {
	font-size: 14px;
	color: #777;
}

.contact-header {
	font-size: 2.1rem;
	font-weight: 500;
	line-height: 1.2;
	margin-top: 2.3rem;
}

.custom-input {
	height: 51px;
	font-size: 1.4rem !important;
	line-height: 1.5;
	padding-left: 1.1rem !important;
}

.newsOffers-block {
	font-size: 1.7rem;
}

.newsOffers-label {
	font-size: 1.4rem;
	padding-left: 0.3rem;
}

.delivery-header {
	font-size: 2.1rem;
}

/* Контейнер для инпута */
.input-container {
	position: relative;
}

/* Поле ввода */
.input-field {
	width: 100%;
	background-color: transparent;
	border-radius: 5px;
	outline: none;
	transition: border-color 0.3s ease;
	height: 51px;
	font-size: 1.4rem !important;
	line-height: 1.5;
	padding: 1.5rem 1.1rem 0.8rem 1.1rem !important; /* Верхний и нижний отступ */
}

.input-field:focus {
}

.input-field:disabled {
	opacity: 0.7;
	cursor: not-allowed;
}

/* Лейбл (плавающий) */
.input-label {
	padding-left: 1.1rem !important;
	position: absolute;
	top: 16px;
	font-size: 14px;
	color: #9ca3af;
	transition: all 0.3s ease;
	pointer-events: none;
	padding-bottom: 1rem;
}

.phoneNumberQuestion {
	position: absolute;
	right: 0;
	top: 0;
	margin-top: 1.7rem;
	margin-right:1rem;
	height: 18px;
	width:18px !important;
	border-left: none !important;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;

	fill: none;
	stroke: gray;
}

#selected-flag {
	position: absolute;
	right: 0;
	top: 0;
	margin-top: 1.4rem;
	margin-right: 1.5rem;
	height: 25px;
	width: 50px !important;
	border-left: none !important;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;

	font-size: 14px !important;
}

/* Анимация лейбла при фокусе */
.input-field:focus + .input-label,
.input-field:not(:placeholder-shown) + .input-label {
	top: 4px;
	padding-left: 1.1rem !important;
	font-size: 11px;
}

/* Контейнер для select */
.select-container {
	position: relative;
}

/* Поле select */
.custom-select {
	width: 100%;
	background-color: transparent;
	border-radius: 5px;
	outline: none;
	transition: border-color 0.3s ease;
	height: 51px;
	font-size: 1.4rem !important;
	line-height: 1.5;
	padding: 1.5rem 1.1rem 0.8rem 1.1rem !important; /* Верхний и нижний отступ */
	appearance: none; /* Убираем стандартные стрелки браузера */
}

.custom-select:focus {
	border-color: #9ca3af; /* Цвет рамки при фокусе */
}

.custom-select:disabled {
	opacity: 0.7;
	cursor: not-allowed;
}

/* Лейбл (плавающий) */
.select-label {
	padding-left: 1.1rem !important;
	position: absolute;
	top: 16px;
	font-size: 14px;
	color: #9ca3af;
	transition: all 0.3s ease;
	pointer-events: none;
	padding-bottom: 1rem;
}

/* Анимация для лейбла при фокусе */
.custom-select:focus ~ .select-label,
.custom-select:not(:placeholder-shown) ~ .select-label {
	top: 4px;
	font-size: 12px;
	color: #9ca3af; /* Цвет лейбла при фокусе */
}

.iti--allow-dropdown .iti__flag-container,
.iti--separate-dial-code .iti__flag-container {
	right: 0 !important;
	left: auto !important;
}

.iti--allow-dropdown {
	width: 100%;
}

.shipping-header {
	font-size: 1.6rem;
}

.shipping-option {
	background-color: hsl(0, 0%, 96%);;
	/* border: 1px solid #9ca3af; */
	border-radius: 5px;
	padding: 15px;
	transition: box-shadow 0.3s ease;
	cursor: pointer;
	/* height: 72px; */
}

.shipping-title {
	font-size: 14px;
}

.shipping-subtitle {
	font-size: 14px;
	color: #6c757d;
}

.shipping-price {
	font-size: 15px;
	color: #333;
}

.payment-header {
	font-size: 2.1rem;
}

.payment-subText {
	font-size: 1.4rem;
	font-weight: normal;
	color: #6c757d !important;
}

.payment-container {
	border-radius: 5px;
}

.payment-header-card {
	background-color: hsl(218, 100%, 97%);
	border: 1px solid hsl(204, 77%, 39%);
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	height: 52px;
}

.payment-header .payment-title {
	font-size: 18px;
	font-weight: bold;
}

.card-icons img {
	height: 30px;
	margin-right: 5px;
}

.form-check-label {
	font-size: 14px;
}

.form-control::placeholder {
	color: #6c757d;
	font-size: 14px;
}

.form-check-input-payment {
	cursor: pointer;
	font-size: 20px;
	margin: 0 !important;
}

.form-check-input-payment:focus {
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.form-check-label {
	cursor: pointer;
}

.badge {
	font-size: 1.2rem;
	display: inline-block;
	padding: 0.25rem 0.5rem;
	width: 38px;
	height: 24px;
	line-height: 1;
}

.payment-body-card {
	background-color: hsl(0, 0%, 96%);
	border: 1px solid hsl(0, 0%, 87%);
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

.remember-header {
	font-size: 1.6rem;
}

.saveMyInformation {
	font-size: 1.4rem;
	width: 100%;
	height: 51px;
	border-radius: 5px;
	border: 1px solid #dee2e6;
}

.secureIcon {
	width: 11px;

	fill: none;
	stroke: gray;
}
.remember-text {
	font-size: 1.2rem;
	color: gray;
}

.pay-now-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px transparent solid;
	background-color: hsl(204, 77%, 39%);
	border-radius: 5px;
	color: #fff;
	font-family: SF Pro Text, sans-serif;
	font-size: 1.8rem;
	font-style: normal;
	letter-spacing: 0.15px;
	line-height: 16px;
	text-decoration: none;
	width: 100%;
	height: 48px;
}

.fotter-line {
	color: #6c757d;
	margin-top: 9rem;
}

.footer-link {
	font-size: 1.4rem;
	color: hsl(204, 77%, 39%);
}

.img-fluid {
	border: 1px solid #dee2e6;
	border-radius: 5px;
	background: hsl(0, 0%, 93%);
}

.badge-product {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	color: #fff;
	background-color: hsl(0, 0%, 40%) !important;
}
.productName {
	font-size: 1.4rem;
}

.productSettings {
	font-size: 1.2rem;
	color: #6c757d;
}

.productPrice {
	font-size: 1.5rem;
	margin-bottom: 1.5rem;
}

.sumProductPrice {
	margin-top: 4rem;
}

.sumProductPrice-label {
	font-size: 1.4rem;
}

.sumProductPrice-price {
	font-size: 1.5rem;
}
.sumProductPrice-delivery {
	font-size: 1.2rem;
	color: #6c757d;
	margin-top: 0.2rem;
}

.totalPrice {
	margin-top: 2.4rem;
	font-size: 1.8rem;
	font-weight: 500;
}


.card-order-mobile{
	background-color: hsl(0, 0%, 96%);
	cursor: pointer;
}
.card-order-mobile-header{
	height: 64px;
}

.orderSum{
	font-size: 1.2rem;
	color: hsl(204, 77%, 39%);
}

.orderPrice{
	font-size: 1.5rem;
	font-weight: 500;
}

.orderSum-btn{
	width: 10px;
	fill: none;
	stroke: hsl(204, 77%, 39%);
}

.tooltip-inner{
	font-size: 1rem;
	padding: 1rem !important;
}

.tooltip-grid {
    display: grid;
    grid-template-columns: repeat(3, auto); /* Три элемента в первой строке */
    gap: 10px; /* Промежуток между элементами */
    background-color: black; /* Цвет фона тултипа */
    padding: 10px; /* Внутренние отступы тултипа */
    border-radius: 5px; /* Скругление углов */
}

.tooltip-item {
    display: flex;
    justify-content: center;
    align-items: center;
}

.tooltip-item:nth-child(4) {
    grid-column: 1 / span 2; /* Два элемента в нижней строке */
}



.cardNumberIcon,
.SecurityCodeIcon {
	position: absolute;
	right: 0;
	top: 0;
	margin-top: 1.7rem;
	margin-right:1rem;
	height: 18px;
	width:18px !important;
	border-left: none !important;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;

	fill: none;
	stroke: gray;
}

.is-invalid{
	border:2px solid hsl(0, 77%, 49%) !important;
    padding-right: 0;
    background-image: none !important;
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.errorInputs{
	color: hsl(0, 77%, 49%);
	font-size: 1.2rem;
	margin-top: 0.5rem;
}