/* ==========================================================================
   MF Shop Kit — a bolti folyamat sablon-specifikus kiegészítései

   NEM generált fájl: itt az áll, ami az élő ALKOPRO-n a TÉMA dolga volt, és
   amit ezért a snippetek nem hoznak magukkal. Rövid, és minden sor mellett
   ott az indoka.
   ========================================================================== */

/* --------------------------------------------------------------- lap-burkoló

   A pénztár markupja szándékosan nem hoz saját `.wrap` elemet: az élő boltban
   a téma lap-burkolója (`#pagewrap`) korlátozza a szélességet, és a `.apx-pt`
   közvetlenül abban ül. A sablonban ez a burkoló nincs meg, ezért a `.apx-pt`
   MAGA veszi fel a `.wrap` szerepét — pontosan ugyanazokkal az értékekkel,
   amiket a `.apx-pt .wrap` szabály ad, hogy a két lap egy pixelre egyezzen.

   Mérve: enélkül a mezők 1208 px szélesen álltak az élő 1176 helyett, és a
   teljes űrlap 16 px-cel balra csúszott. */
.apx-pt {
	max-width: var(--maxw);
	margin: 0 auto;
	padding: 0 var(--pad);
}

@media (min-width: 1024px) {
	/* Az alsó térköz az élő bolt lap-burkolójáé: ASZTALON a `#pagewrap` 67
	   px-cel magasabb, mint a benne álló pénztár, és ez a levegő a lábléc
	   előtt látszik is. Mobilon viszont NINCS ilyen ráhagyás — ott ugyanez a
	   67 px 65 px-cel hosszabbra nyújtotta a lapot az élőnél (kimérve). */
	.apx-pt {
		padding: 0 32px 67px;
	}
}

/* A köszönőoldal ugyanebben a helyzetben van. */
.apx-ty {
	max-width: var(--maxw);
	margin: 0 auto;
	padding: 0 var(--pad);
}

@media (min-width: 1024px) {
	.apx-ty {
		padding: 0 32px 67px;
	}
}

/* --------------------------------------------------- a mezőblokk alsó margója

   Az élő boltban a `#customer_details` (a `.col2-set`) 33 px alsó margót kap a
   témától, és ez a levegő választja el a mezőket a fizetési blokktól. A
   sablonban ez a margó nincs meg, ezért az űrlap 23 px-cel rövidebb volt, és a
   „Fizetés" kártya közvetlenül a számlázási cím alá tapadt. Kimérve:
   élő `margin-bottom: 33px`, sablon `0px`. */
.apx-pt #customer_details {
	margin-bottom: 33px;
}

/* ------------------------------------------- a kosár-fejléc örökölt margói

   A KOSÁR saját HTML-dokumentumot ír ki, és az élő boltban ott a téma
   alapszabályai érvényesülnek a címre és a bekezdésre (`h1` 15 px, `p` 1,4em
   alsó margó). A pénztáron ugyanez nem látszik, mert az `.apx-pt` stíluslapja
   nullázza a bekezdés-margót — a kosáré viszont nem.

   A sablon alaprétege mindent nulláz, ezért a fejléc 16 px-cel alacsonyabb
   volt, és a lépés-sáv feljebb csúszott. Kimérve: élő `.vas-fej` 124 px,
   sablon 108 px. */
.apx-kosar .vas-fej h1 {
	margin-bottom: 15px;
}

.apx-kosar .vas-fej .vas-lead {
	margin-bottom: 19.5px;
}