/* Úvod — výběr balení se souhrnem (návrh homepage, „Objednávka“) a spodní lišta na mobilu. */

.as-vyber .as-sekce-hlava { margin-bottom: 52px; }
.as-vyber .as-sekce-hlava__podnadpis { font-size: 16.5px; font-weight: 400; line-height: 1.65; max-width: 720px; }
.as-vyber__podnadpis-mobil { display: none; }

.as-vyber__in {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 380px;
	gap: 40px;
	align-items: start;
}
.as-vyber__levy { min-width: 0; }
.as-vyber__popisek {
	font-size: 13px;
	font-weight: 800;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--as-sede);
	margin: 0 0 14px;
}
.as-vyber__popisek span { font-weight: 500; text-transform: none; letter-spacing: 0; }
.as-vyber__seznam { display: grid; gap: 10px; }

/* Karta balení: přepínač, obrázek, název, štítky, cena. */
.as-baleni {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px 14px;
	padding: 18px 20px;
	border-radius: 18px;
	cursor: pointer;
	background: var(--as-bila);
	border: 2px solid var(--as-linka-2);
	transition: border-color .15s ease, background-color .15s ease, box-shadow .15s ease;
}
.as-baleni:hover { border-color: var(--as-inkoust); }
.as-baleni.is-vybrano {
	background: var(--as-merunka-svetla);
	border-color: var(--as-inkoust);
	box-shadow: 4px 4px 0 var(--as-merunka);
}
.as-baleni__radio {
	-webkit-appearance: none;
	appearance: none;
	width: 20px;
	height: 20px;
	margin: 0;
	border-radius: 50%;
	flex-shrink: 0;
	border: 2px solid #C6CCDD;
	background: var(--as-bila);
	box-shadow: inset 0 0 0 3.5px var(--as-bila);
	cursor: pointer;
}
.as-baleni__radio:checked { border-color: var(--as-terakota); background: var(--as-terakota); }
.as-baleni__radio:focus-visible { outline: 2px solid var(--as-inkoust); outline-offset: 2px; }
.as-baleni__obr {
	width: 64px;
	height: 64px;
	border-radius: 14px;
	background: var(--as-pozadi-baleni);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	overflow: hidden;
}
.as-baleni__obr img { max-width: 88%; max-height: 88%; width: auto; height: auto; object-fit: contain; display: block; }
.as-baleni__text { min-width: 120px; }
.as-baleni__nazev { display: block; font-family: var(--as-pismo-nadpis); font-size: 18px; font-weight: 800; line-height: 1.3; color: var(--as-inkoust); }
.as-baleni__info { display: block; font-size: 12.5px; font-weight: 600; line-height: 1.5; color: var(--as-sede); }
.as-baleni__den-m { display: none; }
.as-baleni__stitky { display: flex; flex-wrap: wrap; gap: 6px; }
.as-baleni__stitek {
	font-size: 12.5px;
	font-weight: 800;
	line-height: 1.4;
	padding: 5px 11px;
	border-radius: 999px;
	background: var(--as-levandule);
	color: var(--as-text-2);
}
.as-baleni__stitek--zdarma { background: var(--as-merunka); color: var(--as-inkoust); }
.as-baleni__stitek--sleva { background: var(--as-terakota); color: var(--as-bila); }
.as-baleni__stitek--akce { background: var(--as-inkoust); color: var(--as-merunka); }
.as-baleni__cena { margin-left: auto; display: flex; flex-direction: column; align-items: flex-end; line-height: 1.15; }
.as-baleni__cena s { font-size: 13.5px; color: var(--as-preskrtnuta); }
.as-baleni__cena-ted { font-family: var(--as-pismo-nadpis); font-size: 21px; font-weight: 800; color: var(--as-inkoust); white-space: nowrap; }
.as-baleni__cena-ted.is-sleva { color: var(--as-terakota); }

.as-vyber__pomaha { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 22px; }
.as-vyber__pomaha-popisek { font-size: 13px; font-weight: 800; color: var(--as-inkoust); margin-right: 4px; }
.as-vyber__pomaha-stitek {
	font-size: 12.5px;
	font-weight: 700;
	line-height: 1.4;
	color: var(--as-inkoust);
	background: var(--as-levandule);
	border-radius: 999px;
	padding: 6px 13px;
}

.as-vyber__info {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 20px 32px;
	align-items: center;
	margin-top: 28px;
	border: var(--as-ramecek);
	border-radius: 20px;
	padding: 26px 28px;
	background: var(--as-bila);
}
.as-vyber__sklad { display: flex; gap: 14px; align-items: flex-start; min-width: 0; }
.as-vyber__sklad-ikona {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: var(--as-merunka);
	color: var(--as-inkoust);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	transform: rotate(-4deg);
}
.as-vyber__sklad-ikona svg { width: 15px; height: 15px; }
.as-vyber__sklad-nadpis { font-size: 21px; margin: 0 0 6px; }
.as-vyber__sklad p { font-size: 14px; line-height: 1.65; color: var(--as-text); margin: 0; }
.as-vyber__telefon { border-left: 2px dashed var(--as-linka-2); padding-left: 28px; min-width: 0; }
.as-vyber__telefon-nadpis { font-size: 14.5px; font-weight: 800; color: var(--as-inkoust); margin-bottom: 4px; }
.as-vyber__telefon-cislo { font-family: var(--as-pismo-nadpis); font-size: 23px; font-weight: 800; color: var(--as-terakota); }
.as-vyber__telefon-hodiny { font-size: 13px; color: var(--as-sede); margin-top: 3px; }

/* Souhrn vpravo: lepí se pod hlavičkou, mění se podle zvoleného balení. */
.as-souhrn {
	position: sticky;
	top: 96px;
	background: var(--as-bila);
	border: var(--as-ramecek);
	border-radius: 24px;
	padding: 30px;
	box-shadow: var(--as-stin-8);
}
.as-souhrn__obr {
	background: var(--as-pozadi-baleni);
	border-radius: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 180px;
	margin-bottom: 20px;
}
.as-souhrn__obr img { max-height: 92%; max-width: 86%; width: auto; height: auto; object-fit: contain; }
.as-souhrn__produkt { font-size: 17px; font-weight: 800; color: var(--as-inkoust); }
.as-souhrn__podnazev { font-size: 13.5px; font-weight: 600; color: var(--as-sede); margin: 3px 0 14px; }
.as-souhrn__radky {
	display: grid;
	gap: 9px;
	margin: 0;
	font-size: 14px;
	color: var(--as-text);
	border-top: 2px dashed var(--as-linka-2);
	padding-top: 14px;
}
.as-souhrn__radky > div { display: flex; justify-content: space-between; gap: 12px; }
.as-souhrn__radky dt { margin: 0; }
.as-souhrn__radky dd { margin: 0; font-weight: 700; color: var(--as-inkoust); }
.as-souhrn__radky .as-souhrn__sleva,
.as-souhrn__radky .as-souhrn__sleva dd { color: var(--as-terakota); font-weight: 800; }
.as-souhrn__radky .as-souhrn__sleva dt { font-weight: 400; }
.as-souhrn__celkem {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	border-top: 2px dashed var(--as-linka-2);
	margin-top: 14px;
	padding-top: 16px;
	font-size: 14px;
	color: var(--as-text-2);
}
.as-souhrn__castka { display: flex; gap: 10px; align-items: baseline; }
.as-souhrn__castka s { font-size: 14px; color: var(--as-preskrtnuta); }
.as-souhrn__castka strong { font-family: var(--as-pismo-nadpis); font-size: 31px; font-weight: 800; line-height: 1.2; color: var(--as-inkoust); }
/* Zvýhodněná cena je všude v terakotě (David 23. 10.): karty balení, detail produktu, košík i tady. */
.as-souhrn__castka.is-sleva strong { color: var(--as-terakota); }
.as-souhrn__cta { display: flex; width: 100%; margin-top: 18px; padding: 16px; }
/* Tlačítko pod výběrem jen na mobilu, kde se souhrn nekreslí. */
.as-vyber__cta { display: none; }
.as-souhrn__checky { list-style: none; margin: 16px 0 0; padding: 0; display: grid; gap: 6px; font-size: 12.5px; font-weight: 600; line-height: 1.5; color: var(--as-sede); }
.as-souhrn__checky li::before {
	content: '';
	display: inline-block;
	width: 11px;
	height: 11px;
	margin-right: 6px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.2 6.4l2.4 2.4 5.2-5.6' fill='none' stroke='%23BE5B3E' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / contain;
}

@media (max-width: 1024px) {
	.as-vyber .as-sekce-hlava { margin-bottom: 40px; }
	.as-vyber__in { grid-template-columns: minmax(0, 1fr); gap: 32px; }
	.as-souhrn { position: static; max-width: 560px; width: 100%; margin: 0 auto; }
}

/* Mobil: kompaktní karty (štítky pod názvem, cena vpravo), bez štítků „pomáhá na“ a bez souhrnu —
   tlačítko je ve spodní liště. */
@media (max-width: 768px) {
	.as-vyber { padding-bottom: 32px; }
	.as-vyber .as-sekce-hlava { margin-bottom: 26px; }
	.as-vyber__podnadpis,
	.as-vyber__popisek,
	.as-vyber__pomaha,
	.as-souhrn { display: none; }
	.as-vyber__podnadpis-mobil { display: block; font-size: 14.5px; }
	.as-vyber__cta { display: flex; width: 100%; margin-top: 16px; padding: 15px 22px; }
	.as-vyber__cta,
	.as-vyber__cta:hover { box-shadow: 0 4px 0 var(--as-terakota-tmava); }

	.as-baleni {
		display: grid;
		grid-template-columns: 20px 56px minmax(0, 1fr) auto;
		grid-template-areas:
			"radio obr text   cena"
			"radio obr stitky cena";
		column-gap: 12px;
		row-gap: 0;
		padding: 14px;
	}
	.as-baleni__radio { grid-area: radio; }
	.as-baleni__obr { grid-area: obr; width: 56px; height: 56px; border-radius: 12px; }
	.as-baleni__text { grid-area: text; min-width: 0; }
	.as-baleni__stitky { grid-area: stitky; gap: 5px; margin-top: 5px; }
	.as-baleni__cena { grid-area: cena; }
	.as-baleni__nazev { font-size: 16.5px; line-height: 1.2; }
	.as-baleni__info { font-size: 12px; margin-top: 2px; }
	.as-baleni__den-d { display: none; }
	.as-baleni__den-m { display: inline; }
	.as-baleni__stitek { font-size: 11px; padding: 3px 8px; }
	.as-baleni__cena s { font-size: 12.5px; }
	.as-baleni__cena-ted { font-size: 19px; }

	.as-vyber__info { grid-template-columns: minmax(0, 1fr); gap: 14px; margin-top: 20px; padding: 20px; }
	.as-vyber__sklad { gap: 12px; }
	.as-vyber__sklad-ikona { width: 34px; height: 34px; transform: none; }
	.as-vyber__sklad-ikona svg { width: 13px; height: 13px; }
	.as-vyber__sklad-nadpis { font-size: 18px; margin-bottom: 2px; }
	.as-vyber__sklad p { font-size: 13.5px; line-height: 1.55; }
	.as-vyber__telefon { border-left: 0; border-top: 2px dashed var(--as-linka-2); padding: 14px 0 0; }
	.as-vyber__telefon-nadpis { font-size: 14px; margin-bottom: 0; }
	.as-vyber__telefon-cislo { font-size: 22px; }
	.as-vyber__telefon-hodiny { margin-top: 2px; }
}