/* ////////////////////////////////////////////////////////// */

	.bagsize_form .frm { display: grid; grid-template-columns: repeat(12, 1fr); grid-column-gap: 4%; grid-row-gap: 2rem; }
	.bagsize_form .frm > div { grid-area: auto / 1 / auto / 13; }
	.bagsize_form .frm > div:nth-child(1) { grid-area: auto / 1 / auto / 7; }
	.bagsize_form .frm > div:nth-child(2) { grid-area: auto / 7 / auto / 13; }

	.bagsize_form .frm > div:nth-child(3) { grid-area: auto / 1 / auto / 5; }
	.bagsize_form .frm > div:nth-child(4) { grid-area: auto / 5 / auto / 9; }
	.bagsize_form .frm > div:nth-child(5) { grid-area: auto / 9 / auto / 13; }

	.bagsize_form .frm > div:nth-child(6) { grid-area: auto / 1 / auto / 4; align-content: end; }
	.bagsize_form .frm > div:nth-child(7) { grid-area: auto / 4 / auto / 7; }
	.bagsize_form .frm > div:nth-child(8) { grid-area: auto / 7 / auto / 13; }

	.bagsize_form .frm canvas { display: block; }

	.bagsize_form .frm__txt, .bagsize_form .frm__btn { flex-grow: 1; }

	.frm__btn.frm__btn--ok { padding-left: 0; padding-right: 0; width: 100%; line-height: 3rem; }

	.bagsize_form + .bagsize_result .container { padding-top: 0; margin-top: -1rem; }


/* // legacy //////////////////////////////////////////////// */

	.result_tws { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 1rem; margin: 0 0 100px 0; padding: 0; list-style: none; }
	.result_tws li { margin: 0; padding: 0; }

	@media (max-width: 800px) {

		.result_tws { grid-template-columns: repeat(2, 1fr); }
		
	}