/**
 * Zobrazenie položiek košíka — zdieľané medzi pokladňou a košíkom.
 *
 * Značkovanie vypisuje template-parts/mini-cart-item.php a je spoločné už dlho;
 * spoločné nebolo zobrazenie. Tieto pravidlá žili v checkout.css pod triedou
 * .egne-co-summary, takže sa načítavali len na pokladni a košík vykresľoval
 * sety postaru — každý kus ako samostatný riadok so spojnicou a vlastným
 * náhľadom. Presunom sem má obe stránky jeden zdroj pravdy.
 *
 * Použitie: na obal zoznamu daj .egne-items, a ak sa majú kusy setu skladať
 * do textového stĺpca rodiča, aj .egne-items--bundles-compact (skladanie
 * samotné robí assets/js/item-lines.js).
 *
 * MIERKA sa nastavuje premennými nižšie — pokladňa je stlmená, lebo súhrn je
 * tam sprievodný obsah vedľa formulára; v košíku je produkt hlavný obsah
 * stránky, takže má väčšie hodnoty. Východiskové hodnoty premenných sú tie
 * z pokladne, aby sa presunom nič nepohlo.
 *
 * Premenné --egne-co-* pochádzajú z checkout.css a na košíku neexistujú,
 * preto majú v tomto súbore všade záložnú hodnotu.
 *
 * @package egne
 */

/*
 * Mierka. Prepíš ich na obale zoznamu podľa stránky.
 *
 * --egne-item-name-lg je názov samostatného produktu a názov setu; --egne-item-name
 * je zvyšok. Kusy setu majú vlastnú dvojicu --egne-item-child-*.
 */

/*
 * Súhrn je sprievodný obsah, nie hlavná os stránky — typografia je preto
 * o stupeň menšia než v mini-košíku v hlavičke.
 */
.egne-items .mini-cart-item { padding: 0 0 var(--egne-item-row-gap, 1.25rem); border: 0; }/*
 * Odstup po položke setu rieši spodný padding samotného setu — pozri
 * „Odstup pod setom“ nižšie. Kedysi ho sem dopĺňal margin-top nasledujúceho
 * súrodenca, lenže ten prepísal margin, ktorý si na tú istú položku dáva
 * téma (v košíku 10 px), takže po sete vychádzala iná medzera než po bežnom
 * produkte. Padding sa s marginom témy sčíta, margin by sa s ním zlial.
 */
.egne-items .mini-cart-item-main { gap: var(--egne-item-gap, 0.625rem); }/*
 * Téma dáva náhľadu pevnú šírku (129 px), obrázok v nej má len 84 px —
 * zvyšok bol prázdny priestor, ktorý odtláčal text od fotky. V checkoute
 * šírku určuje samotný obrázok.
 */
.egne-items .mini-cart-thumbnail {
	width: auto !important;
	min-width: 0 !important;
	flex: 0 0 auto;
}.egne-items .mini-cart-thumbnail img {
	width: var(--egne-item-thumb, 5.25rem);
	height: auto;
	display: block;
	/* Rovnaký rámik a zaoblenie ako polia a kupón. */
	border: 1px solid var(--egne-co-line, rgba(23, 23, 23, 0.14));
	border-radius: var(--egne-co-radius, 6px);
}.egne-items .mini-cart-product-name {
	font-size: var(--egne-item-name, 0.875rem);
	font-weight: 500;
	line-height: 1.3;
	color: var(--egne-co-ink, #171717);
	margin: 0;
	text-transform: none;
}.egne-items .mini-cart-price,
.egne-items .mini-cart-price .amount {
	font-size: var(--egne-item-price, 0.8125rem);
	color: var(--egne-co-ink, #171717);
	white-space: nowrap;
}/*
 * Stlmenie je zámerne len na odsekoch, nie na obale .mini-cart-details.
 * Vzorka farby (.mini-cart-attribute-color .color) je jeho súrodenec —
 * keby opacity sedela na obale, zdedila by ju aj ona a farba kovu by
 * zosvetlela. Opacity sa z rodiča na dieťati vrátiť nedá.
 */
.egne-items .mini-cart-details,
.egne-items .mini-cart-details p,
.egne-items .mini-cart-attributes p {
	font-size: var(--egne-item-attr, 0.75rem);
	line-height: 1.5;
	color: var(--egne-co-muted, #474747);
	margin: 0;
}/*
 * Špecifickejšie než .mini-cart-item.is-bundle-parent ... z mini-cart-services.css,
 * kde je pre bundle rodiča vypnutá opacity — v súhrne majú byť atribúty
 * stlmené rovnako pri každej položke.
 */
.egne-items .mini-cart-item .mini-cart-details p,
.egne-items .mini-cart-item .mini-cart-attributes p,
.egne-items .mini-cart-item .mini-cart-attribute-color p {
	/*
	 * Plná sýtosť. screen.min.css stlmuje atribúty na 75 % (`.mini-cart-attributes p`,
	 * `.mini-cart-attributes div p`) a mini-cart-services.css tú hodnotu pre bundle
	 * rodiča vypína — v súhrne majú byť všetky atribúty rovnako čitateľné, takže
	 * stlmenie rušíme plošne. !important je nutné, obe cudzie pravidlá sú
	 * špecifickejšie. Mimo checkoutu zostáva pôvodné správanie.
	 */
	opacity: 1 !important;
}/* Vzorka farby ostáva v plnej sýtosti. */
.egne-items .mini-cart-attribute-color .color,
.egne-items .mini-cart-attribute-color .color__swatch {
	opacity: 1 !important;
}/*
 * Služby bez rámika a bez výplne. Rámik je v súhrne vyhradený inému
 * významu a nadpis „Ďalšie služby“ nesie menej informácie než samotné
 * riadky — fajka pri každom z nich povie to isté kratšie.
 */
.egne-items .mini-cart-service-lines {
	margin-top: 0.5rem;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none;
}.egne-items .mini-cart-service-line {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 0.75rem;
	margin: 0;
	font-size: 0.75rem;
	color: var(--egne-co-ink, #171717);
}.egne-items .mini-cart-service-line__price { color: var(--egne-co-muted, #474747); white-space: nowrap; }/*
 * Služby pri sete vyzerajú rovnako ako pri samostatnej položke.
 * mini-cart-services.css im dáva vlastný odstup, hornú linku a väčšie
 * písmo cez špecifickejší selektor, preto ho prebíjame rovnako špecificky.
 */
.egne-items .mini-cart-item .mini-cart-service-lines--inline {
	width: 100%;
	margin-top: 0.5rem;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: none;
}.egne-items .mini-cart-item.is-bundle-parent .mini-cart-service-lines--inline .mini-cart-service-line {
	font-size: 0.75rem;
	padding: 0.125rem 0;
	margin: 0;
}/*
 * Fajka odlíši službu od atribútu — obe sú drobný sivý text v tom istom
 * stĺpci pod názvom položky.
 */
.egne-items .mini-cart-service-line__label::before {
	content: '✓';
	margin-right: 0.375rem;
	color: var(--egne-co-accent, #f3702b);
	font-size: 0.6875rem;
}/*
 * Platená služba je suma, ktorú zákazník platí — nesmie splynúť s „V cene“.
 * Rozlišuje ju plná farba textu; cena bežnej služby je stlmená na
 * --egne-co-muted, platená ostáva v --egne-co-ink.
 *
 * Väčšiu váhu (600) tu mala aj predtým, ale v riadku drobného 12px textu
 * pôsobila tvrdo a vytŕčala zo súhrnu. Váhu majú všetky služby rovnakú,
 * nastavuje sa nižšie spolu s popismi a cenami.
 */
.egne-items .mini-cart-service-line--paid .mini-cart-service-line__label,
.egne-items .mini-cart-service-line--paid .mini-cart-service-line__price {
	color: var(--egne-co-ink, #171717) !important;
}/*
 * Farby textu v službách sa nesmú líšiť podľa toho, či ide o samostatnú
 * položku alebo o bundle.
 *
 * Pravidlo, ktoré ich pri bundle zosvetľuje, sa mi lokálne nepodarilo
 * odhaliť — v mojom košíku sa bundle pridal bez triedy is-bundle-parent,
 * takže som ten stav nevedel vyrobiť. Preto to nie je cielené prebitie
 * konkrétneho selektora, ale plošné: farby aj opacity sú tu vynútené pre
 * všetky varianty naraz, nech ich prepisuje čokoľvek.
 *
 * Ak sa raz ten vinník nájde, toto sa dá zúžiť späť na bežné pravidlá.
 */
.egne-items .mini-cart-service-lines,
.egne-items .mini-cart-service-lines--inline {
	opacity: 1 !important;
}.egne-items .mini-cart-service-line,
.egne-items .mini-cart-service-line__label {
	color: var(--egne-co-ink, #171717) !important;
	opacity: 1 !important;
}.egne-items .mini-cart-service-line__price {
	color: var(--egne-co-muted, #474747) !important;
	opacity: 1 !important;
}/*
 * Popis aj cena majú váhu rovnakú, vrátane platených služieb. Tie mali
 * predtým 600 a v riadku 12px textu vytŕčali; odlišuje ich farba, nie váha.
 */
.egne-items .mini-cart-service-line,
.egne-items .mini-cart-service-line__label,
.egne-items .mini-cart-service-line__price {
	font-weight: 400 !important;
}.egne-items .mini-cart-service-lines::before {
	color: var(--egne-co-muted, #474747) !important;
	opacity: 1 !important;
}.egne-items .mini-cart-item.is-bundle-parent .mini-cart-product-name,
.egne-items .mini-cart-item.is-bundle-child .mini-cart-product-name,
.egne-items .mini-cart-item.is-bundle-parent .mini-cart-price,
.egne-items .mini-cart-item.is-bundle-child .mini-cart-price {
	color: var(--egne-co-ink, #171717);
}.egne-items .mini-cart-item.is-bundle-parent .mini-cart-details p,
.egne-items .mini-cart-item.is-bundle-child .mini-cart-details p,
.egne-items .mini-cart-item.is-bundle-parent .mini-cart-attributes p,
.egne-items .mini-cart-item.is-bundle-child .mini-cart-attributes p {
	color: var(--egne-co-muted, #474747);
}/*
 * Spojnicu kreslia pseudoelementy polohované JS-om: zvislá os na rodičovi
 * a vodorovná odbočka na každom dieťati. V súhrne nemá zmysel ani jedno.
 */
.egne-items--bundles-compact .custom-mini-cart > li.mini-cart-item.is-bundle-parent::before,
.egne-items--bundles-compact .custom-mini-cart > li.mini-cart-item.is-bundle-parent::after,
.egne-items--bundles-compact .custom-mini-cart > li.mini-cart-item.is-bundle-child::before,
.egne-items--bundles-compact .custom-mini-cart > li.mini-cart-item.is-bundle-child::after {
	display: none !important;
	content: none !important;
}/* Dieťa nie je samostatná položka, ale riadok obsahu setu. */
.egne-items--bundles-compact .custom-mini-cart > li.mini-cart-item.is-bundle-child {
	margin: 0;
	padding: 0.5rem 0 0.5rem 0.875rem;
	border-top: 1px solid var(--egne-co-line, rgba(23, 23, 23, 0.14));
	/* Biele pozadie karty preč — riadok patrí do farebného pásu. */
	background: none !important;
	box-shadow: none !important;
}.egne-items--bundles-compact .mini-cart-item.is-bundle-child + .mini-cart-item.is-bundle-child {
	margin-top: -1px;
}/* Náhľad dieťaťa nie — set má jeden obrázok. Cena áno, ale potichu. */
.egne-items--bundles-compact .mini-cart-item.is-bundle-child .mini-cart-thumbnail {
	display: none !important;
}.egne-items--bundles-compact .mini-cart-item.is-bundle-child .mini-cart-price,
.egne-items--bundles-compact .mini-cart-item.is-bundle-child .mini-cart-price .amount {
	font-size: 0.75rem;
	color: var(--egne-co-muted, #474747);
	white-space: nowrap;
}.egne-items--bundles-compact .mini-cart-item.is-bundle-child .mini-cart-product-name {
	font-size: 0.8125rem;
	font-weight: 400;
	margin: 0;
}/*
 * Atribúty na jeden riadok, oddelené bodkou — pri každej položke súhrnu,
 * nielen pri kusoch setu. Markup je rovnaký, líšilo sa len toto pravidlo,
 * takže tie isté dáta mali v jednom zozname dve podoby.
 */
.egne-items .mini-cart-details,
.egne-items .mini-cart-attributes {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 0 0.5rem;
}.egne-items .mini-cart-details {
	margin-top: 0.125rem;
}.egne-items .mini-cart-details p,
.egne-items .mini-cart-attributes p {
	font-size: 0.75rem;
	margin: 0;
}/*
 * Bodka medzi atribútmi — a nikdy na kraji riadku.
 *
 * CSS nevie, ktorý prvok začína riadok: `:first-child` pozná len prvý
 * prvok v kontajneri, nie prvý na každom zalomenom riadku. Preto ani
 * ::after (bodka visela na konci riadku), ani ::before s :not(:first-child)
 * (bodka začínala nový riadok) nestačili.
 *
 * Riešenie je geometrické. Bodku dostane KAŽDÝ atribút vrátane prvého,
 * ale polohuje sa absolútne do medzery naľavo od neho — teda mimo jeho
 * vlastnej plochy. Prvok, ktorý začína riadok, sedí na ľavom okraji
 * kontajnera, takže jeho bodka padne mimo neho a `overflow: hidden` ju
 * oreže. Platí to rovnako pre prvý prvok ako pre každé zalomenie, bez
 * ohľadu na šírku obrazovky či dĺžku textu.
 *
 * Podmienka správnosti: posun bodky doľava musí byť väčší než ľavý
 * padding kontajnera (ten je 0), inak by sa bodka do orezanej oblasti
 * nedostala.
 */
.egne-items .mini-cart-attributes {
	overflow: hidden;
}.egne-items .mini-cart-attributes > p,
.egne-items .mini-cart-attribute-color {
	position: relative;
}.egne-items .mini-cart-attributes > p::before,
.egne-items .mini-cart-attribute-color::before {
	content: '·';
	position: absolute;
	left: -0.3125rem;
	color: var(--egne-co-line, rgba(23, 23, 23, 0.14));
}/* Rodič už nemusí držať miesto pre spojnicu. */
.egne-items--bundles-compact .mini-cart-item.is-bundle-parent {
	padding-bottom: 0.5rem;
}/*
 * Služby setu sú posledný blok v textovom stĺpci rodiča (checkout-summary.js).
 * Zarovnávajú sa s názvom setu, nie s odsadenými kusmi — patria celému setu,
 * nie poslednému kusu.
 */
.egne-items--bundles-compact .egne-co-bundle-children + .mini-cart-service-lines {
	margin-top: 0.75rem;
}/*
 * Kusy setu sú odsadené a zviazané zvislou linkou. Bez rámikov je toto
 * jediný nosič vzťahu „set → kusy“ — linka beží pozdĺž celej skupiny,
 * takže je zrejmé, kde skupina začína a kde končí.
 */
.egne-items--bundles-compact .egne-co-bundle-children {
	margin-top: 0.625rem;
	padding-left: 0.875rem;
	border-left: 2px solid var(--egne-co-bundle-rail, rgba(243, 112, 43, 0.28));
}.egne-items--bundles-compact .egne-co-bundle-child {
	padding: 0.4375rem 0;
}.egne-items--bundles-compact .egne-co-bundle-child + .egne-co-bundle-child {
	border-top: 1px solid var(--egne-co-hairline, rgba(23, 23, 23, 0.07));
}.egne-items--bundles-compact .egne-co-bundle-child .mini-cart-item-main {
	display: block;
}.egne-items--bundles-compact .egne-co-bundle-child .mini-cart-thumbnail {
	display: none !important;
}.egne-items--bundles-compact .egne-co-bundle-child .mini-cart-header {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 0.75rem;
}.egne-items--bundles-compact .egne-co-bundle-child .mini-cart-product-name {
	/* Stĺpec je úzky — meno musí mať možnosť sa zúžiť, inak sa zalomí. */
	flex: 1 1 auto;
	min-width: 0;
	font-size: 0.75rem;
	font-weight: 400;
	line-height: 1.3;
	margin: 0;
}.egne-items--bundles-compact .egne-co-bundle-child .mini-cart-price,
.egne-items--bundles-compact .egne-co-bundle-child .mini-cart-price .amount {
	font-size: 0.75rem;
	color: var(--egne-co-muted, #474747);
	white-space: nowrap;
}/*
 * display/flex-wrap/align-items/gap a margin-top pre .mini-cart-details už
 * pokrýva globálne pravidlo vyššie (.egne-items .mini-cart-details,
 * .egne-items .mini-cart-attributes). Tu zostáva len margin-top na
 * vnorenom .mini-cart-attributes — globálne pravidlo ho dáva iba na
 * .mini-cart-details, takže pri kuse setu ho treba zvlášť.
 */
.egne-items--bundles-compact .egne-co-bundle-child .mini-cart-attributes {
	margin-top: 0.125rem;
}.egne-items--bundles-compact .egne-co-bundle-child .mini-cart-details p {
	/* Veľkosť a farba sa dedia z .mini-cart-attributes v súhrne. */
	line-height: 1.4;
	margin: 0;
}/*
 * Riadok dieťaťa musí využiť celú šírku textového stĺpca, aby jeho cena
 * končila na tej istej zvislici ako cena setu. Vnorené obaly z mini-cart
 * šablóny majú vlastnú šírku podľa obsahu.
 *
 * !important je tu kvôli košíku: screen.min.css dáva v .cart-container
 * `.mini-cart-item-content { width: 70% !important }`. Bez toho vychádzala
 * hlavička kusu na 70 % (496 → 347 px) a cena kusu končila o 149 px vľavo
 * od ceny setu. V pokladni je hodnota rovnaká aj bez !important, takže sa
 * tam nič nemení.
 */
.egne-items--bundles-compact .egne-co-bundle-child,
.egne-items--bundles-compact .egne-co-bundle-child .mini-cart-item-main,
.egne-items--bundles-compact .egne-co-bundle-child .mini-cart-item-content,
.egne-items--bundles-compact .egne-co-bundle-child .mini-cart-header {
	width: 100% !important;
	min-width: 0;
}/*
 * Názov dieťaťa: téma ho farbí a zväčšuje selektorom cez .custom-mini-cart,
 * ktorý je špecifickejší než naše triedy — preto !important. Toto je
 * JEDINÝ zdroj veľkosti a hrúbky názvu kusu setu (13px / 500) — nedávaj
 * ho nikam inam, nižšie pravidlo bez !important by aj tak nikdy nevyhralo.
 */
.egne-items--bundles-compact .egne-co-bundle-child .mini-cart-product-name {
	font-size: var(--egne-item-child-name, 0.8125rem) !important;
	line-height: 1.35 !important;
	font-weight: 500 !important;
	text-transform: none !important;
}.egne-items--bundles-compact .egne-co-bundle-child .mini-cart-price,
.egne-items--bundles-compact .egne-co-bundle-child .mini-cart-price .amount {
	font-size: var(--egne-item-child-price, 0.6725rem) !important;
}/*
 * Rámik služieb setu má mať nad sebou rovnakú medzeru ako pri samostatnom
 * produkte (0.75rem). Zrážajú sa doň tri odstupy naraz — spodný padding
 * rodičovskej položky, spodný padding posledného riadku setu a vlastný
 * margin rámika — preto prvé dva nulujeme.
 */
/*
 * Odstup pod setom.
 *
 * Bežná položka ho skladá z dvoch kusov — vlastného spodného paddingu
 * a spodného marginu .mini-cart-item-inner (22 px od témy). Set má inner
 * margin vynulovaný (nižšie), takže celý odstup musí uniesť padding sám;
 * inak po sete zostala medzera o tie 22 px menšia než po každom inom
 * produkte a prvý set v zozname vyzeral, akoby naň odstup vôbec nesadol.
 *
 * Prečo padding a nie margin: zoznam je blokový, susedné marginy položiek
 * by sa zliali a odstup by sa nesčítal s tým, čo si téma dáva sama.
 */
.egne-items--bundles-compact .mini-cart-item.is-bundle-parent {
	padding-bottom: calc(var(--egne-item-row-gap, 1.25rem) + var(--egne-item-inner-mb, 22px)) !important;
}.egne-items--bundles-compact .egne-co-bundle-child:last-child {
	padding-bottom: 0;
}/*
 * .mini-cart-item-inner má od témy spodný margin 22 px. Pri samostatnom
 * produkte je rámik služieb vnútri neho, takže sa neprejaví; pri sete je
 * rámik za ním a margin by sa pripočítal.
 */
.egne-items--bundles-compact .mini-cart-item.is-bundle-parent .mini-cart-item-inner {
	margin-bottom: 0;
}/*
 * Odznak pomenúva vzťah slovom. Odsadenie a linka fungujú len pre oko —
 * čítačke obrazovky nepovedia nič, a práve tá číta súhrn pred platbou.
 *
 * Selektor je zámerne špecifickejší než `.egne-items .mini-cart-item
 * .mini-cart-details p` (opacity 0.75 !important, ~riadok 760) — odznak je
 * <p> vnútri .mini-cart-details, takže to pravidlo naň mieri tiež. Obe majú
 * !important, takže by rozhodovala špecificita: (0,3,1) verzus pôvodných
 * (0,2,0) z tejto vety, čo by odznak nechalo vyblednutý bez ohľadu na
 * poradie v súbore. Preto tu pridávame .mini-cart-item .mini-cart-details p.
 */
.egne-items .mini-cart-item .mini-cart-details p.egne-co-bundle-badge {
	display: inline-block;
	margin: 0.375rem 0 0;
	padding: 0.125rem 0.4375rem;
	border: 1px solid var(--egne-co-accent-line, rgba(243, 112, 43, 0.4));
	border-radius: 999px;
	font-size: 0.625rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--egne-co-accent, #f3702b);
	opacity: 1 !important;
}/*
 * Riadky služieb bez deliacej linky. Základné pravidlo
 * (mini-cart-services.css: .mini-cart-service-line) im dáva spodný rámik
 * a padding 0.18rem — v súhrne rámik nechceme, box okolo služieb je
 * zrušený. Margin riadkov je v oboch vetvách (samostatná položka aj set)
 * nulový, takže tento zvislý padding je teraz jediný a zdieľaný zdroj
 * odstupu medzi riadkami — rovnaký v oboch vetvách.
 * Mimo checkoutu (košík, mini-košík) pravidlo z mini-cart-services.css
 * ostáva nezmenené.
 */
.egne-items .mini-cart-service-line {
	border-bottom: 0;
	padding: 0.125rem 0;
}/*
 * Názov položky a názov kusu setu sa musia líšiť dosť na to, aby kus
 * nečítal ako samostatný produkt — 16/600 proti 13/400.
 */
.egne-items li:not(.is-bundle-child) .mini-cart-header h4.mini-cart-product-name {
	font-size: var(--egne-item-name-lg, 1rem);
	font-weight: 600;
}/*
 * V súhrne nemá mať pozadie ani rámik žiadna položka — vzťahy nesie
 * odsadenie a linka. Téma niektorým položkám kartu dáva.
 *
 * border-top nechávame mimo !important zámerne: nižšie pridávame vlasovú
 * linku medzi susednými položkami (Task 7) a vo vetve `compact` existuje
 * `.egne-items--bundles-compact .custom-mini-cart > li.mini-cart-item.is-bundle-child`
 * (~riadok 1345), ktoré tiež kreslí border-top — obe cielia na border-top
 * a musia mať šancu vyhrať cez špecifickosť. Keby bol border-top súčasťou
 * tohto !important shorthandu, žiadna z nich by sa cez cascade nedostala.
 * Pozor, toto sa netýka vetvy `cards` — tam kusy setu zostávajú ako
 * samostatné `.is-bundle-child` <li> a žiadne pravidlo im border-top
 * medzi sebou nedáva; to nižšie pridané pravidlo ich naopak z linky medzi
 * položkami vylučuje (:not(.is-bundle-child)), aby nepôsobili ako ďalší
 * produkt.
 */
.egne-items .custom-mini-cart > li.mini-cart-item {
	background: none !important;
	border-top: 0;
	border-right: 0 !important;
	border-bottom: 0 !important;
	border-left: 0 !important;
	box-shadow: none !important;
}/*
 * Úzke zobrazenie — kusy setu a služby pod náhľadom, na plnú šírku.
 *
 * Triedu egne-items--stacked vešia item-lines.js na zoznam vtedy, keď sa
 * názov aspoň jedného produktu zalomil na dva riadky. Vtedy je textový
 * stĺpec pretlačený a pod náhľadom zostáva prázdne miesto, ktoré tieto
 * bloky vyplnia.
 *
 * Presun robí JS (bloky sa vkladajú do .mini-cart-item-inner namiesto
 * .mini-cart-item-content), tu zostáva len odstup — plnú šírku dáva už
 * samotný blokový tok obalu.
 */
.egne-items--stacked .mini-cart-item-inner > .egne-co-bundle-children,
.egne-items--stacked .mini-cart-item-inner > .mini-cart-service-lines {
	margin-top: 0.875rem;
}

/*
 * Medzi kusmi setu a službami setu odstup zostáva menší než nad skupinou —
 * služby patria k setu, nie k poslednému kusu, ale ani sa od neho
 * neodtrhávajú.
 */
.egne-items--stacked .mini-cart-item-inner > .egne-co-bundle-children + .mini-cart-service-lines {
	margin-top: 0.75rem;
}