/* Mobile header — ChaltaFarm-style (max-width: 768px only) */

@media (min-width: 769px) {
	.aryarama-mobile-menu {
		display: none !important;
	}

	.aryarama-mobile-categories {
		display: none !important;
	}
}

@media (max-width: 768px) {
	/* Top bar: white compact toolbar */
	.aryarama-amazon-top-bar {
		background-color: #ffffff;
		color: #111111;
		padding: 10px 0;
		border-bottom: 1px solid #e8e8e8;
	}

	.aryarama-amazon-top-bar__desktop {
		display: none !important;
	}

	.aryarama-mobile-toolbar {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		min-height: 44px;
	}

	.aryarama-mobile-toolbar__start,
	.aryarama-mobile-toolbar__end {
		display: flex;
		align-items: center;
		gap: 8px;
	}

	.aryarama-mobile-toolbar__button {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 40px;
		height: 40px;
		padding: 0;
		border: none;
		border-radius: 8px;
		background: transparent;
		color: #111111;
		cursor: pointer;
		-webkit-tap-highlight-color: transparent;
	}

	.aryarama-mobile-toolbar__button:hover,
	.aryarama-mobile-toolbar__button:focus {
		background: #f3f4f6;
		outline: none;
	}

	.aryarama-mobile-toolbar__icon {
		display: block;
	}

	.aryarama-mobile-toolbar__grid-open .aryarama-mobile-toolbar__icon {
		color: #4b5563;
	}

	.aryarama-mobile-toolbar__icon--grid {
		width: 24px;
		height: 24px;
	}

	/* Mobile toolbar language — white style on mobile bar */
	.aryarama-mobile-toolbar__language {
		position: relative;
		z-index: 300;
	}

	.aryarama-mobile-toolbar .aryarama-language-switcher__toggle,
	.aryarama-mobile-toolbar .aryarama-language-switcher.is-open .aryarama-language-switcher__toggle,
	.aryarama-mobile-toolbar .aryarama-language-switcher__toggle:hover,
	.aryarama-mobile-toolbar .aryarama-language-switcher__toggle:focus,
	.aryarama-mobile-toolbar .aryarama-language-switcher__toggle:active,
	.aryarama-mobile-toolbar .aryarama-language-switcher__toggle[aria-expanded="true"] {
		background-color: #ffffff;
		color: #111111;
		border-color: #d1d5db;
		box-shadow: none;
	}

	.aryarama-mobile-toolbar .aryarama-language-switcher__toggle:hover,
	.aryarama-mobile-toolbar .aryarama-language-switcher__toggle:focus,
	.aryarama-mobile-toolbar .aryarama-language-switcher.is-open .aryarama-language-switcher__toggle {
		border-color: #03427e;
	}

	.aryarama-mobile-toolbar .aryarama-language-switcher__current-flag .aryarama-language-switcher__flag {
		border-color: rgba(0, 0, 0, 0.12);
	}

	.aryarama-mobile-toolbar .aryarama-language-switcher__caret {
		border-top-color: #111111;
	}

	.aryarama-mobile-toolbar .aryarama-language-switcher__menu {
		left: 0;
		right: auto;
	}

	/* Hide desktop menu bar on mobile */
	.main-navigation {
		display: none !important;
	}

	.aryarama-home-stack {
		--aryarama-home-header-offset: 66px;
	}

	body.admin-bar .aryarama-home-stack {
		--aryarama-home-header-offset: 112px;
	}

	@media screen and (max-width: 782px) {
		body.admin-bar .aryarama-home-stack {
			--aryarama-home-header-offset: 126px;
		}
	}

	/* Full-screen mobile menu panel */
	.aryarama-mobile-menu {
		position: fixed;
		inset: 0;
		z-index: 99999;
		visibility: hidden;
		pointer-events: none;
	}

	.aryarama-mobile-menu.is-open {
		visibility: visible;
		pointer-events: auto;
	}

	.aryarama-mobile-menu__backdrop {
		position: absolute;
		inset: 0;
		background: rgba(15, 23, 42, 0.35);
		opacity: 0;
		transition: opacity 0.25s ease;
	}

	.aryarama-mobile-menu.is-open .aryarama-mobile-menu__backdrop {
		opacity: 1;
	}

	.aryarama-mobile-menu__panel {
		position: absolute;
		top: 0;
		left: 0;
		display: flex;
		flex-direction: column;
		width: 100%;
		max-width: 100%;
		height: 100%;
		padding-bottom: 76px;
		background: #ffffff;
		overflow: hidden;
		transform: translateX(-100%);
		transition: transform 0.28s ease;
		box-sizing: border-box;
	}

	.aryarama-mobile-menu.is-open .aryarama-mobile-menu__panel {
		transform: translateX(0);
	}

	.aryarama-mobile-menu__top {
		position: relative;
		flex: 0 0 auto;
		padding: 20px 56px 12px 20px;
		text-align: center;
	}

	.aryarama-mobile-menu__logo {
		display: flex;
		justify-content: center;
	}

	.aryarama-mobile-menu__logo img {
		display: block;
		width: auto;
		height: 72px;
		max-width: 160px;
		object-fit: contain;
	}

	.aryarama-mobile-menu__close {
		position: absolute;
		top: 14px;
		right: 14px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 34px;
		height: 34px;
		padding: 0;
		border: none;
		border-radius: 50%;
		background: #03427e;
		color: #ffffff;
		cursor: pointer;
		box-shadow: 0 2px 8px rgba(3, 66, 126, 0.35);
		-webkit-tap-highlight-color: transparent;
	}

	.aryarama-mobile-menu__close:hover,
	.aryarama-mobile-menu__close:focus {
		background: #023665;
		outline: none;
	}

	.aryarama-mobile-menu__search {
		flex: 0 0 auto;
		padding: 8px 20px 16px;
	}

	.aryarama-mobile-menu__search-form {
		display: flex;
		align-items: center;
		width: 100%;
		height: 44px;
		border: 1px solid #d1d5db;
		border-radius: 8px;
		background: #f9fafb;
		overflow: hidden;
	}

	.aryarama-mobile-menu__search-input {
		flex: 1 1 auto;
		min-width: 0;
		height: 100%;
		padding: 0 12px;
		border: none;
		background: transparent;
		color: #111111;
		font-size: 14px;
		outline: none;
	}

	.aryarama-mobile-menu__search-input::placeholder {
		color: #9ca3af;
	}

	.aryarama-mobile-menu__search-submit {
		flex: 0 0 44px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		height: 100%;
		padding: 0;
		border: none;
		background: transparent;
		color: #6b7280;
		cursor: pointer;
	}

	.aryarama-mobile-menu__nav {
		flex: 1 1 auto;
		min-height: 0;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}

	.aryarama-mobile-menu__list {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.aryarama-mobile-menu__list > li {
		margin: 0;
		border-bottom: 1px solid #f0f0f0;
	}

	.aryarama-mobile-menu__list > li > a {
		display: block;
		padding: 16px 20px;
		color: #111111;
		font-size: 16px;
		font-weight: 700;
		line-height: 1.3;
		text-decoration: none;
	}

	.aryarama-mobile-menu__list > li > a:hover,
	.aryarama-mobile-menu__list > li > a:focus {
		background: #f9fafb;
	}

	.aryarama-mobile-menu__list .menu-item-has-children {
		position: relative;
	}

	.aryarama-mobile-menu__list .menu-item-has-children > a {
		padding-right: 52px;
	}

	.aryarama-mobile-menu__submenu-toggle {
		position: absolute;
		top: 0;
		right: 0;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 48px;
		height: 52px;
		padding: 0;
		border: none;
		background: transparent;
		color: #6b7280;
		cursor: pointer;
	}

	.aryarama-mobile-menu__submenu-toggle svg {
		transition: transform 0.2s ease;
	}

	.aryarama-mobile-menu__list .menu-item-has-children.is-expanded > .aryarama-mobile-menu__submenu-toggle svg {
		transform: rotate(180deg);
	}

	.aryarama-mobile-menu__list .sub-menu {
		display: none;
		margin: 0;
		padding: 0;
		list-style: none;
		background: #fafafa;
	}

	.aryarama-mobile-menu__list .menu-item-has-children.is-expanded > .sub-menu {
		display: block;
	}

	.aryarama-mobile-menu__list .sub-menu a {
		display: block;
		padding: 12px 20px 12px 28px;
		color: #374151;
		font-size: 15px;
		font-weight: 600;
		text-decoration: none;
	}

	.aryarama-mobile-menu__list .sub-menu a:hover,
	.aryarama-mobile-menu__list .sub-menu a:focus {
		background: #f3f4f6;
	}

	.aryarama-mobile-menu__contact {
		flex: 0 0 auto;
		padding: 16px 20px 24px;
		border-top: 1px solid #f0f0f0;
		background: #f8fafc;
	}

	.aryarama-mobile-menu__contact-row {
		display: flex;
		align-items: flex-start;
		gap: 10px;
		padding: 8px 0;
	}

	.aryarama-mobile-menu__contact-icon {
		display: inline-flex;
		flex: 0 0 auto;
		align-items: center;
		justify-content: center;
		width: 28px;
		height: 28px;
		border: 1px solid #03427e;
		border-radius: 50%;
		color: #03427e;
	}

	.aryarama-mobile-menu__contact-link,
	.aryarama-mobile-menu__contact-text {
		flex: 1 1 auto;
		min-width: 0;
		color: #374151;
		font-size: 13px;
		line-height: 1.5;
		text-decoration: none;
	}

	.aryarama-mobile-menu__contact-link:hover,
	.aryarama-mobile-menu__contact-link:focus {
		color: #03427e;
	}

	.aryarama-mobile-menu__call-bar {
		position: absolute;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 2;
		padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px));
		border-top: 1px solid #e5e7eb;
		background: #ffffff;
		box-shadow: 0 -8px 24px rgba(15, 23, 42, 0.08);
	}

	.aryarama-mobile-menu__call-link {
		display: flex;
		align-items: center;
		gap: 12px;
		width: 100%;
		padding: 12px 14px;
		border-radius: 10px;
		background: #03427e;
		color: #ffffff;
		text-decoration: none;
	}

	.aryarama-mobile-menu__call-link:hover,
	.aryarama-mobile-menu__call-link:focus {
		background: #023665;
		color: #ffffff;
		outline: none;
	}

	.aryarama-mobile-menu__call-icon {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		background: #feda8e;
		color: #03427e;
		flex: 0 0 auto;
	}

	.aryarama-mobile-menu__call-text {
		display: flex;
		flex-direction: column;
		gap: 2px;
		min-width: 0;
	}

	.aryarama-mobile-menu__call-label {
		font-size: 12px;
		font-weight: 600;
		line-height: 1.2;
		opacity: 0.9;
	}

	.aryarama-mobile-menu__call-number {
		font-size: 16px;
		font-weight: 700;
		line-height: 1.2;
	}

	html.aryarama-mobile-menu-open {
		overflow: hidden;
	}

	html.aryarama-mobile-categories-open {
		overflow: hidden;
	}

	/* Mobile product categories panel */
	.aryarama-mobile-categories {
		position: fixed;
		inset: 0;
		z-index: 99999;
		visibility: hidden;
		pointer-events: none;
	}

	.aryarama-mobile-categories.is-open {
		visibility: visible;
		pointer-events: auto;
	}

	.aryarama-mobile-categories__backdrop {
		position: absolute;
		inset: 0;
		background: rgba(15, 23, 42, 0.35);
		opacity: 0;
		transition: opacity 0.25s ease;
	}

	.aryarama-mobile-categories.is-open .aryarama-mobile-categories__backdrop {
		opacity: 1;
	}

	.aryarama-mobile-categories__panel {
		position: absolute;
		top: 0;
		right: 0;
		display: flex;
		flex-direction: column;
		width: 100%;
		max-width: 100%;
		height: 100%;
		padding: 16px 16px 24px;
		background: #f3f5f8;
		overflow: hidden;
		transform: translateX(100%);
		transition: transform 0.28s ease;
		box-sizing: border-box;
	}

	.aryarama-mobile-categories.is-open .aryarama-mobile-categories__panel {
		transform: translateX(0);
	}

	.aryarama-mobile-categories__close {
		position: absolute;
		top: 14px;
		right: 14px;
		z-index: 2;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 34px;
		height: 34px;
		padding: 0;
		border: none;
		border-radius: 50%;
		background: #03427e;
		color: #ffffff;
		cursor: pointer;
		box-shadow: 0 2px 8px rgba(3, 66, 126, 0.35);
		-webkit-tap-highlight-color: transparent;
	}

	.aryarama-mobile-categories__close:hover,
	.aryarama-mobile-categories__close:focus {
		background: #023665;
		outline: none;
	}

	.aryarama-mobile-categories__card {
		display: flex;
		flex-direction: column;
		width: 100%;
		max-width: 100%;
		height: 100%;
		margin: 0;
		padding: 20px 16px 16px;
		border-radius: 14px;
		background: #ffffff;
		box-shadow: 0 12px 28px -12px rgba(15, 23, 42, 0.18);
		box-sizing: border-box;
		overflow: hidden;
	}

	.aryarama-mobile-categories__header {
		flex: 0 0 auto;
		padding-right: 40px;
	}

	.aryarama-mobile-categories__title {
		margin: 0 0 12px;
		color: #03427e;
		font-size: 22px;
		font-weight: 700;
		line-height: 1.2;
	}

	.aryarama-mobile-categories__divider {
		height: 2px;
		margin-bottom: 16px;
		border-radius: 2px;
		background: #03427e;
	}

	.aryarama-mobile-categories__list {
		flex: 1 1 auto;
		min-height: 0;
		margin: 0;
		padding: 0;
		list-style: none;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}

	.aryarama-mobile-categories__item {
		margin: 0 0 12px;
	}

	.aryarama-mobile-categories__item:last-child {
		margin-bottom: 0;
	}

	.aryarama-mobile-categories__link {
		display: flex;
		align-items: center;
		gap: 14px;
		padding: 12px 14px;
		border: 1px solid #e5e7eb;
		border-radius: 12px;
		background: #ffffff;
		color: #03427e;
		text-decoration: none;
		transition: background-color 0.15s ease, border-color 0.15s ease;
	}

	.aryarama-mobile-categories__link:hover,
	.aryarama-mobile-categories__link:focus {
		background: #f8fbff;
		border-color: #cfe3f5;
		outline: none;
	}

	.aryarama-mobile-categories__icon-wrap {
		display: flex;
		align-items: center;
		justify-content: center;
		flex: 0 0 56px;
		width: 56px;
		height: 56px;
		border-radius: 10px;
		background: #eef6fc;
		overflow: hidden;
	}

	.aryarama-mobile-categories__icon {
		display: block;
		width: 48px;
		height: 48px;
		object-fit: contain;
	}

	.aryarama-mobile-categories__icon-fallback {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 48px;
		height: 48px;
		border-radius: 8px;
		background: #dbeafe;
		color: #03427e;
		font-size: 20px;
		font-weight: 700;
		line-height: 1;
	}

	.aryarama-mobile-categories__label {
		flex: 1 1 auto;
		min-width: 0;
		font-size: 16px;
		font-weight: 600;
		line-height: 1.35;
		text-align: left;
	}
}