@charset "UTF-8";

main>button#order,
main>section:is(#summary, #products, #delivery, #delivery_request) {
	width: var(--width);
	gap: var(--gap);
	overflow: hidden;
}

main>section:is(#summary, #delivery) {
	background-color: var(--tg-theme-section-bg-color);
}

main>section#delivery>div.column {
	padding: 1rem;
	gap: var(--gap);
}

main>section#delivery>div.column>div#deliveries>input {
	display: none;
}

main>section#delivery>div.column>div#deliveries>input+label {
	/* backdrop-filter: brightness(1.2); */
	/* background-color: unset; */
	filter: brightness(0.6);
}

main>section#delivery>div.column>div#deliveries>input+label:is(:hover, :focus) {
	filter: brightness(1.3);
	/* filter: unset; */
	/* backdrop-filter: brightness(1.4); */
}

main>section#delivery>div.column>div#deliveries>input+label:active {
	filter: unset;
	/* backdrop-filter: brightness(0.8); */
}

main>section#delivery>div.column>div#deliveries>input:checked+label {
	filter: unset;
}

main>section#delivery>div.column>div#deliveries>input:checked+label:is(:hover, :focus) {
	filter: brightness(1.5);
}

main>section#delivery>div.column>div#deliveries>input:checked+label:active {
	filter: brightness(0.8);
}

main>section#delivery>div.column>section {
	gap: 0.7rem;
}

main>section#delivery>div.column>section.cdek#address>div {
	flex-flow: row wrap;
	gap: 0.7rem;
}

main>section#delivery>div.column>section.cdek#address>div.merged {
	margin-top: -0.4rem;
}

main>section#delivery>div.column>section.cdek#address>div>input#location {
	min-width: max(6rem, 20%);
	width: min(6rem, 100%);
	flex-grow: 1;
}

main>section#delivery>div.column>section.cdek#address>div>input#street {
	min-width: max(10rem, 30%);
	width: min(10rem, 100%);
	flex-grow: 10;
}


main>section#delivery>div.column>section.cdek#address>div>input#apartament {
	width: min(4rem, 100%);
	flex-shrink: 1;
	text-align: right;
}

main>section#delivery>div.column>section.cdek>div#map {
	height: 203px;
	overflow: hidden;
}

main>section#delivery>div.column>section.cdek>div#map * {
	color: black !important;
}

main>section#delivery>div.column>section.cdek>div#map:not(.office, .door)>div>div:first-child,
main>section#delivery>div.column>section.cdek>div#map>div>div:last-child a[href="https://cdek.ru"],
main>section#delivery>div.column>section.cdek>div#map>div>div:last-child>div:first-child>div>ymaps>ymaps:nth-of-type(3)>ymaps:last-child,
main>section#delivery>div.column>section.cdek>div#map>div>div:last-child>div:first-child>div>ymaps>ymaps:nth-of-type(4),
main>section#delivery>div.column>section.cdek>div#map>div>div:last-child>div:first-child>div>ymaps>ymaps:last-of-type {
	display: none !important;
}

main>section#delivery>div.column>section.cdek>div#map:not(.office, .door)>div>div:last-child>div:first-child>div>ymaps>ymaps:is(:nth-of-type(2), :nth-of-type(4)),
main>section#delivery>div.column>section.cdek>div#map:is(.office, .door)>div>div:last-child>div:first-child>div>ymaps>ymaps:is(:nth-of-type(1), :nth-of-type(3)) {
	margin-bottom: unset !important;
}

main>section#delivery>div.column>section.cdek>div#map.office.door>div {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

main>section#delivery>div.column>section.cdek>div#map.office.door>div>div:first-child {
	order: 2;
	margin-bottom: unset !important;
	display: flex !important;
	padding: unset !important;
	flex-flow: row wrap;
	gap: 0.7rem !important;
}

main>section#delivery>div.column>section.cdek>div#map.office.door>div>div:first-child> :is(div, div:is(:hover, :focus, :active)) {
	margin: unset !important;
	min-width: calc(50% - 0.7rem);
	padding: 0.2rem 1rem;
	flex-grow: 1;
	border-radius: 0.75rem !important;
	background-color: var(--tg-theme-button-color) !important;
	filter: unset;
}

main>section#delivery>div.column>section.cdek>div#map.office.door>div>div:first-child>div:is(:hover, :focus) {
	filter: brightness(1.5);
}

main>section#delivery>div.column>section.cdek>div#map.office.door>div>div:first-child>div:active {
	filter: brightness(0.8);
}

main>section#delivery>div.column>section.cdek>div#map.office.door>div>div:first-child label {
	color: var(--tg-theme-text-color);
}

main>section#delivery>div.column>section.cdek>div#map>div>div:last-child {
	border: unset !important;
}

main>section#delivery>div.column>section.cdek>div#map:not(.office, .door)>div>div:last-child {
	height: 100% !important
}

main>section#delivery>div.column>section.cdek>div#map.office.door>div>div:last-child {
	order: 1;
	height: calc(100% - 3.375rem - 0.5rem) !important;
	border-radius: 0.75rem !important;
}

/* main>section#delivery>div.column:not(:has(div#deliveries>input:checked))#address>div {
	display: none;
} */

main:has(section#summary.disabled:hover)>section#delivery>div {
	filter: brightness(1.2);
}

section#delivery.hidden+#delivery_request {
	display: none;
}

main>section#delivery_request>p:only-of-type {
	margin: unset;
	width: 100%;
	height: 1rem;
	display: inline-flex;
	align-items: center;
	padding: 0 1rem;
}

main>section#delivery_request>p:only-of-type>i.icon {
	/* color: var(--tg-theme-accent-text-color); */
	color: var(--tg-theme-text-color);
}

main>section#delivery_request>p:only-of-type>span:only-of-type {
	margin: 0 auto;
	/* color: var(--tg-theme-accent-text-color); */
	color: var(--tg-theme-text-color);
	color: var(--tg-theme-hint-color);
}

main>section#summary {
	margin-top: -0.8rem;
	margin-bottom: -0.5rem;
	background-color: unset;
}

main>section#summary>div {
	container-type: inline-size;
	container-name: summary;
	height: 2rem;
	padding: 0 1rem;
	align-items: center;
	gap: 0.4rem;
	overflow: hidden;
	pointer-events: auto;
	border-radius: 1.375rem;
}

main>section#summary>div>span {
	flex-shrink: 0;
}

main>section#summary>div>span:first-of-type {
	/* margin-left: auto; */
}

main>button#order {
	/* margin-left: auto; */
}

main>section#products>article.product {
	position: relative;
	width: 100%;
	min-height: 5rem;
	max-height: 10rem;
	display: flex;
	border-radius: 0.75rem;
	overflow: hidden;
	background-color: var(--tg-theme-section-bg-color);
}

main>section#products>article.product[data-product-amount]:not([data-product-amount="0"]) * {
	backdrop-filter: hue-rotate(calc(120deg + var(--hue-rotate-offset, 0deg)));
}

main>section#products>article.product:is(:hover, :focus)>* {
	transition: 0s;
}

main>section#products>article.product:not(:is(:hover, :focus))>* {
	transition: 0.2s ease-out;
}

main>section#products>article.product>a {
	display: contents;
}

main>section#products>article.product>a>img:first-of-type {
	/* width: 5rem; */
	min-width: 5rem;
	min-height: 100%;
	object-fit: cover;
	image-rendering: auto;
	border-radius: 0.75rem;
	box-shadow: -5px 0px 50px 10px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: -5px 0px 50px 10px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: -5px 0px 50px 10px rgba(0, 0, 0, 0.4);
}

main>section#products>article.product>div {
	width: 100%;
	padding: 0.5rem;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	overflow: hidden;
}

main>section#products>article.product>div>div {
	display: inline-flex;
	align-items: center;
}

main>section#products>article.product>div>div.head {
	z-index: 50;
	padding: 0 0.4rem;
	gap: 1rem;
}

main>section#products>article.product>div>div>button:first-of-type {
	margin-left: auto;
}

main>section#products>article.product>div>div>button {
	padding: 0.4rem;
	background: unset;
}

main>section#products>article.product>div>div.head>button+button {
	margin-left: 0.4rem;
}

main>section#products>article.product>div>div.head>button>i.icon.trash {
	color: var(--tg-theme-destructive-text-color);
}

main>section#products>article.product>div>div.body {
	z-index: 30;
	flex-grow: 1;
	display: inline-flex;
	flex-flow: row wrap;
	align-items: start;
	gap: 0.3rem;
	font-size: 0.6rem;
	overflow: hidden;
}

main>section#products>article.product>div>div.body>span {
	padding: 0.2rem 0.4rem;
	border-radius: 0.75rem;
	color: var(--tg-theme-button-text-color);
	background-color: var(--tg-theme-button-color);
}

main>section#products>article.product>div>div.footer {
	z-index: 100;
	padding: 0 0.4rem;
	display: flex;
	overflow: hidden;
}

main>section#products>article.product>div>div.footer>span[data-product-parameter] {
	font-size: 0.8rem;
}

main>section#products>article.product>div>div.footer>span[data-product-parameter]+span[data-product-parameter="currency"] {
	margin-left: 0.1rem;
}

main>section#products>article.product>div>div.footer>input {
	width: 2rem;
	padding: 0 0.3rem;
	text-align: center;
	color: var(--tg-theme-text-color);
}

@container summary (max-width: 450px) {
	main>section#summary>div>span.days {
		--days: var(--days-short);
	}

	/* main>section#summary>div>span:not(#cost, #cost_delivery, #shipping) {
		display: none;
	} */
}
