/* Account content only: preserve the site header/footer and approved >=768px styles. */
@media (max-width: 767px) {
	body.woocommerce-account main.site-main {
		box-sizing: border-box;
		width: 100%;
		max-width: 100%;
		min-width: 0;
		margin: 0 auto;
		padding: 28px 16px 40px;
		font-family: Montserrat, sans-serif;
		overflow-wrap: anywhere;
	}

	body.woocommerce-account main.site-main > :is(.page-header, .entry-header) {
		margin: 0 0 22px;
		padding: 0;
	}

	body.woocommerce-account main.site-main :is(h1, .entry-title) {
		margin: 0;
		padding: 0;
		color: #243f25;
		font: 600 28px/1.2 Montserrat, sans-serif;
	}

	body.woocommerce-account main.site-main .woocommerce {
		width: 100%;
		max-width: 100%;
		min-width: 0;
	}

	body.woocommerce-account main.site-main .woocommerce:has(.woocommerce-MyAccount-navigation) {
		display: flex;
		flex-direction: column;
		gap: 20px;
	}

	body.woocommerce-account main.site-main .woocommerce:has(.woocommerce-MyAccount-navigation)::before,
	body.woocommerce-account main.site-main .woocommerce:has(.woocommerce-MyAccount-navigation)::after {
		content: none;
	}

	body.woocommerce-account main.site-main .woocommerce-notices-wrapper:empty {
		display: none;
	}

	body.woocommerce-account main.site-main :is(.woocommerce-MyAccount-navigation, .woocommerce-MyAccount-content) {
		box-sizing: border-box;
		float: none;
		width: 100%;
		max-width: 100%;
		min-width: 0;
		margin: 0;
		border: 1px solid #ded8cc;
		border-radius: 10px;
	}

	body.woocommerce-account main.site-main .woocommerce-MyAccount-navigation {
		padding: 8px;
		background: #fffdf8;
	}

	body.woocommerce-account main.site-main .woocommerce-MyAccount-navigation ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	body.woocommerce-account main.site-main .woocommerce-MyAccount-navigation li {
		margin: 0;
		padding: 0;
		list-style: none;
		border-bottom: 1px solid #e8e3da;
	}

	body.woocommerce-account main.site-main .woocommerce-MyAccount-navigation li:last-child {
		border-bottom: 0;
	}

	body.woocommerce-account main.site-main .woocommerce-MyAccount-navigation a {
		display: flex;
		align-items: center;
		box-sizing: border-box;
		min-height: 48px;
		padding: 12px 14px;
		color: #4f5b50;
		font: 500 15px/1.4 Montserrat, sans-serif;
		text-decoration: none;
		border-radius: 6px;
		transition: none;
	}

	body.woocommerce-account main.site-main .woocommerce-MyAccount-navigation a:hover {
		background: #f5f2ea;
	}

	body.woocommerce-account main.site-main .woocommerce-MyAccount-navigation .is-active a {
		background: #243f25;
		color: #fff;
		font-weight: 600;
	}

	body.woocommerce-account main.site-main .woocommerce-MyAccount-content {
		padding: 18px;
		background: #fff;
		color: #384239;
		font: 400 15px/1.65 Montserrat, sans-serif;
	}

	body.woocommerce-account main.site-main .woocommerce-MyAccount-content > :first-child {
		margin-top: 0;
	}

	body.woocommerce-account main.site-main .woocommerce-MyAccount-content > :last-child {
		margin-bottom: 0;
	}

	body.woocommerce-account main.site-main .woocommerce-MyAccount-content :is(h2, h3) {
		color: #243f25;
		font: 600 20px/1.3 Montserrat, sans-serif;
	}

	body.woocommerce-account main.site-main .woocommerce-MyAccount-content a:not(.button) {
		color: #243f25;
		font-weight: 600;
		text-underline-offset: 3px;
	}

	body.woocommerce-account main.site-main :is(.woocommerce-info, .woocommerce-message, .woocommerce-error) {
		box-sizing: border-box;
		width: 100%;
		min-width: 0;
		margin: 0 0 16px;
		padding: 16px;
		border: 1px solid #ded8cc;
		border-radius: 8px;
		background: #fffdf8;
		color: #384239;
		font: 400 15px/1.6 Montserrat, sans-serif;
		list-style: none;
	}

	/* No icon gutter on narrow screens; native notice roles and text stay intact. */
	body.woocommerce-account main.site-main :is(.woocommerce-info, .woocommerce-message, .woocommerce-error)::before,
	body.woocommerce-account main.site-main :is(.woocommerce-info, .woocommerce-message, .woocommerce-error)::after {
		content: none;
	}

	body.woocommerce-account main.site-main :is(.woocommerce-info, .woocommerce-message) {
		display: flex;
		flex-direction: column;
		align-items: stretch;
	}

	body.woocommerce-account main.site-main :is(.button, button.button, input.button) {
		box-sizing: border-box;
		min-height: 48px;
		max-width: 100%;
		padding: 14px 16px;
		border: 0;
		border-radius: 6px;
		background: #243f25;
		color: #fff;
		font: 600 14px/1.4 Montserrat, sans-serif;
		text-align: center;
		text-decoration: none;
		white-space: normal;
		transition: none;
	}

	body.woocommerce-account main.site-main .button:hover {
		background: #355b36;
		color: #fff;
	}

	body.woocommerce-account main.site-main :is(a, button, input):focus-visible {
		outline: 2px solid #557057;
		outline-offset: 3px;
	}

	body.woocommerce-account main.site-main :is(.woocommerce-info, .woocommerce-message) .button {
		float: none;
		order: 1;
		width: 100%;
		margin: 14px 0 0;
	}

	body.woocommerce-account main.site-main .woocommerce-Addresses {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		gap: 16px;
		margin-top: 22px;
	}

	body.woocommerce-account main.site-main .woocommerce-Addresses::before,
	body.woocommerce-account main.site-main .woocommerce-Addresses::after {
		content: none;
	}

	body.woocommerce-account main.site-main .woocommerce-Address {
		box-sizing: border-box;
		float: none;
		width: 100%;
		min-width: 0;
		padding: 16px;
		border: 1px solid #ded8cc;
		border-radius: 8px;
		background: #fffdf8;
	}

	body.woocommerce-account main.site-main .woocommerce-Address-title {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 6px;
		margin-bottom: 14px;
	}

	body.woocommerce-account main.site-main .woocommerce-Address-title :is(h2, h3) {
		float: none;
		margin: 0;
	}

	body.woocommerce-account main.site-main .woocommerce-Address-title .edit {
		float: none;
		display: inline-flex;
		align-items: center;
		min-height: 44px;
		font-size: 14px;
	}

	body.woocommerce-account main.site-main .woocommerce-Address address {
		margin: 0;
		font-style: normal;
		color: #4f5b50;
	}

	body.woocommerce-account main.site-main form .form-row {
		box-sizing: border-box;
		float: none;
		clear: both;
		width: 100%;
		min-width: 0;
		margin: 0 0 20px;
		padding: 0;
	}

	body.woocommerce-account main.site-main form label {
		display: block;
		margin-bottom: 8px;
		color: #384239;
		font: 600 14px/1.5 Montserrat, sans-serif;
	}

	body.woocommerce-account main.site-main form .required {
		color: #b98b18;
	}

	body.woocommerce-account main.site-main form :is(input.input-text, select, textarea) {
		box-sizing: border-box;
		width: 100%;
		max-width: 100%;
		min-width: 0;
		min-height: 48px;
		padding: 11px 12px;
		border: 1px solid #d9d4c8;
		border-radius: 6px;
		background: #fff;
		color: #243f25;
		font-family: Montserrat, sans-serif !important;
		font-size: 16px;
		line-height: 1.5;
	}

	body.woocommerce-account main.site-main form .password-input input {
		padding-right: 44px;
	}

	body.woocommerce-account main.site-main form textarea {
		min-height: 110px;
		resize: vertical;
	}

	body.woocommerce-account main.site-main .woocommerce-EditAccountForm fieldset {
		box-sizing: border-box;
		min-width: 0;
		margin: 28px 0 24px;
		padding: 16px 12px;
		border: 1px solid #ded8cc;
		border-radius: 8px;
		background: #fffdf8;
	}

	body.woocommerce-account main.site-main .woocommerce-EditAccountForm legend {
		max-width: 100%;
		padding: 0 6px;
		white-space: normal;
		color: #243f25;
		font: 600 17px/1.4 Montserrat, sans-serif;
	}

	body.woocommerce-account main.site-main .woocommerce-EditAccountForm button[name="save_account_details"] {
		width: 100%;
	}

	body.woocommerce-account main.site-main .select2-container {
		width: 100% !important;
		max-width: 100%;
	}

	body.woocommerce-account main.site-main .select2-selection--single {
		min-height: 48px;
		border-color: #d9d4c8;
		border-radius: 6px;
	}

	body.woocommerce-account main.site-main .select2-selection__rendered {
		padding: 9px 32px 9px 12px;
	}

	body.woocommerce-account main.site-main .select2-selection__arrow {
		min-height: 46px;
	}

	body.woocommerce-account main.site-main table.shop_table {
		width: 100%;
		max-width: 100%;
		border-color: #ded8cc;
		border-radius: 8px;
	}

	body.woocommerce-account main.site-main table.shop_table :is(td, th) {
		padding: 12px;
		border-color: #e8e3da;
		white-space: normal;
	}

	body.woocommerce-account main.site-main table.shop_table .button {
		margin: 4px 0;
	}
}