@media (max-width: 870px) {
	img {
		max-width: 100%;
		height: auto;
	}

	.main {
		width: 100%;
		margin: 0 auto;
		border: 2px solid #FFFFFF;
    		border-top: 1px solid #FFFFFF;
		background-color: #FFF;
	}
	.main td.header img {
		display: none;
	}
	.main td.header a {
		display: block;
		background-image: url('https://kauppa.turvasiru.fi/Banner_Turvasiru_mobile.gif');
		background-repeat: no-repeat;
		background-position: left;
		background-size: contain;
		height: 20vw;
		max-height: 90px;
		margin: 0 10px;
	}
	.content {
		height: auto;
		min-height: 300px;
		margin: auto;
	}
	.main > tbody > tr > td.content {
		padding-inline: 20px;
	}

	.main,
	.main > tbody,
	.main > tbody > tr,
	.main > tbody > tr > td {
		display: block;
		width: 100% !important;
	}
	.main > tbody > tr > td {
		box-sizing: border-box;
	}
	.main > tbody > tr > td:not(.header):not(.content):not(.powered_by):not(.border):not(.footer) {
		display: flex;
		flex-direction: column;
	}
	.main > tbody > tr > td:not(.header):not(.content):not(.powered_by):not(.border):not(.footer) .menu {
		order: 2;
	}

	.menu {
		width: 100%;
    max-width: 95%;
    margin: 40px auto;
	}
	.menu ul ul {
		padding-left: 0;
	}
	.menu a {
		background-color: #fff !important;
		background-image: none !important;
		border: 1px solid #036;
		border-left: 5px solid #036;
		border-right: 3px solid #036;
	}
	.menu a:is(:hover, :active, :focus),
	.menu a.menu-current {
		background-color: #62C0E1 !important;
	}

	.mod_bakery_main_div_cart_bt_f {
		margin-bottom: 40px;
	}
	.mod_bakery_main_td_f {
		display: block;
		width: 100% !important;
		height: auto;
		margin-bottom: 40px;
		box-sizing: border-box;
	}
	.mod_bakery_main_td_f a {
		display: block;
	}
	.mod_bakery_item_table_f {
		width: 100%;
	}
	.mod_bakery_main_input_f {
		height: 40px;
		padding: 10px;
		border: 1px solid #036;
	}

	/* Cart page: keep columns readable via horizontal scrolling */
	#mod_bakery_wrapper_f form[action*="kauppa"] {
		display: block;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		padding-bottom: 6px;
	}
	#mod_bakery_wrapper_f form[action*="kauppa"] > table[cellpadding="4"] {
		width: 100% !important;
		min-width: 0;
		table-layout: auto;
	}
	#mod_bakery_wrapper_f form[action*="kauppa"] > table[cellpadding="4"] td[width="4%"],
	#mod_bakery_wrapper_f form[action*="kauppa"] > table[cellpadding="4"] td[width="1%"] {
		width: 1px !important;
		padding-inline: 0 !important;
		font-size: 0;
		line-height: 0;
	}
	#mod_bakery_wrapper_f form[action*="kauppa"] > table[cellpadding="4"] td[width="10%"] {
		width: 1% !important;
		white-space: nowrap;
		padding-right: 6px;
	}
	#mod_bakery_wrapper_f form[action*="kauppa"] > table[cellpadding="4"] .mod_bakery_address_h_f {
		white-space: nowrap;
	}

	#mod_bakery_wrapper_f form[action*="kauppa"] > table:not([cellpadding="4"]) {
		width: auto !important;
		table-layout: fixed;
	}
	#mod_bakery_wrapper_f th,
	#mod_bakery_wrapper_f td {
		padding: 6px 8px;
    text-align: left !important;
    padding-left: 0;
	}
	#mod_bakery_wrapper_f .mod_bakery_cart_th_sku_f {
		white-space: normal;
		line-height: 1.1;
	}
	#mod_bakery_wrapper_f .mod_bakery_cart_td_name_f {
		min-width: 180px;
		white-space: normal;
	}
	#mod_bakery_wrapper_f table input:not([type="hidden"]):not([type="submit"]):not([type="radio"]):not([type="checkbox"]),
	#mod_bakery_wrapper_f table select,
	#mod_bakery_wrapper_f table textarea {
		min-height: 40px;
		font-size: 16px;
		box-sizing: border-box;
    padding-inline: 10px;
    border: 1px solid;
	}
	#mod_bakery_wrapper_f .mod_bakery_form_label_f {
		display: block;
		width: 100% !important;
		padding-bottom: 2px;
		white-space: normal;
		text-align: left !important;
	}
	#mod_bakery_wrapper_f .mod_bakery_form_label_f + td {
		display: block;
		width: 100% !important;
		padding-top: 0;
	}
	#mod_bakery_wrapper_f .mod_bakery_form_input_f {
		width: 100% !important;
		max-width: 100%;
	}
	#mod_bakery_wrapper_f .mod_bakery_cart_td_quantity_f input[type="text"] {
		min-height: 40px;
		padding: 6px 8px;
		font-size: 16px;
		box-sizing: border-box;
	}
	#mod_bakery_wrapper_f .mod_bakery_cart_total_f {
		display: block;
		width: 100% !important;
		padding-bottom: 0;
	}
	#mod_bakery_wrapper_f .mod_bakery_cart_total_f + td {
		display: block;
		width: 100% !important;
		padding-top: 2px;
		text-align: left !important;
	}
	#mod_bakery_wrapper_f form[action*="kauppa"] > table:not([cellpadding="4"]) > tbody > tr > td > table {
		width: 100% !important;
	}
	#mod_bakery_wrapper_f form[action*="kauppa"] > table:not([cellpadding="4"]) > tbody > tr > td > table > tbody > tr > td {
		display: block;
		width: 100% !important;
		padding: 4px 0;
		text-align: center !important;
	}
	#mod_bakery_wrapper_f form[action*="kauppa"] > table:not([cellpadding="4"]) > tbody > tr > td > table input[type="submit"] {
		display: block;
		width: 100%;
		max-width: 320px;
		margin-inline: auto;
	}
	#mod_bakery_wrapper_f form[action*="kauppa"] > table:not([cellpadding="4"]) > tbody > tr:last-child > td {
		display: block;
		width: 100% !important;
		padding: 4px 0;
	}
	#mod_bakery_wrapper_f form[action*="kauppa"] input[type="submit"]:not([name="cart"]) {
		display: block;
		max-width: 320px;
	}
  .mod_bakery_bt_add_f,
  #mod_bakery_wrapper_f form[action*="kauppa"] input[type="submit"] {
    margin-bottom: 10px;
	}

	input.mod_bakery_bt_cart_f,
	input.mod_bakery_bt_add_f,
	input.mod_bakery_bt_continue_f,
	input.mod_bakery_bt_update_f,
	input.mod_bakery_bt_add_ship_form_f,
	input.mod_bakery_bt_order_f,
	input.mod_bakery_bt_quit_f,
	input.mod_bakery_bt_modify_address_f,
	input.mod_bakery_bt_pay_advance_f,
	input.mod_bakery_bt_pay_paypal_f,
	input.mod_bakery_bt_pay_invoice_f {
		font-size: 16px;
		padding: 10px 14px;
		line-height: 1.2;
	}
}
                           


@supports (display: contents) {
	@media (max-width: 870px) {
		.main > tbody {
			display: flex;
			flex-direction: column;
		}
		.main > tbody > tr {
			display: contents;
		}
		.main > tbody > tr > td {
			order: 10;
		}
		.main > tbody > tr > td.header {
			order: 1;
		}
		.main > tbody > tr > td:not(.header):not(.content):not(.powered_by):not(.border):not(.footer) {
			display: contents;
		}
		.main > tbody > tr > td.content {
			order: 2;
		}
		.main > tbody > tr > td:not(.header):not(.content):not(.powered_by):not(.border):not(.footer) .menu {
			order: 3;
		}
		.main > tbody > tr > td:not(.header):not(.content):not(.powered_by):not(.border):not(.footer) table:not(.menu) {
			/*order: 4;*/
			display: none;
		}
		.main > tbody > tr > td.powered_by {
			margin-top: 20px;
			order: 5;
		}
		.main > tbody > tr > td.footer {
			order: 6;
		}
		#mod_bakery_wrapper_f table[cellpadding="5"][cellspacing="3"][width="98%"] {
			display: block;
			width: 100% !important;
		}
		#mod_bakery_wrapper_f table[cellpadding="5"][cellspacing="3"][width="98%"] > tbody {
			display: flex;
			flex-wrap: wrap;
			gap: 10px;
		}
		#mod_bakery_wrapper_f table[cellpadding="5"][cellspacing="3"][width="98%"] > tbody > tr {
			display: contents;
		}
		.mod_bakery_main_td_f {
			flex: 1 1 48%;
			width: auto !important;
		}
	}

	@media (max-width: 520px) {
		.mod_bakery_main_td_f {
			flex-basis: 100%;
			width: 100% !important;
		}
	}
}