/**
 * Foodmerce responsive compatibility layer.
 *
 * Keep all pages aligned to the same content box as the header
 * (max 1520px + --container-pad). Mobile gutters stay at 5px.
 */

:root {
	--container-max: 1520px;
	--container-pad: 24px;
}

@media (max-width: 768px) {
	:root {
		--container-pad: 5px;
	}
}

.container,
.foodmerce-site .container,
.page-pd .pdp.producter-wrap,
.foodmerce-site .elementor > .e-con.e-parent,
.elementor > .e-con.e-parent {
	max-width: var(--container-max, 1520px);
	padding-inline: var(--container-pad, 24px);
	box-sizing: border-box;
}

@media (max-width: 1023px) {
	body.fm-app-chrome.page-pd .pdp.producter-wrap {
		max-width: none !important;
		padding-inline: 0 !important;
		padding-top: 0 !important;
	}
}

@media (min-width: 1024px) {
	.page-pd .pdp.producter-wrap,
	.page-pd .producter-wrap {
		max-width: var(--container-max, 1520px);
		margin-inline: auto;
		padding-inline: var(--container-pad, 24px);
		box-sizing: border-box;
	}
}

.main,
.foodmerce-main,
.site-main {
	padding-inline: 0;
}

.fm-hscroll,
[data-fm-hscroll="1"] {
	overscroll-behavior-x: contain;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
}

.fm-hscroll::-webkit-scrollbar,
[data-fm-hscroll="1"]::-webkit-scrollbar {
	display: none;
}

.fm-hscroll.is-dragging,
[data-fm-hscroll="1"].is-dragging {
	cursor: grabbing;
	user-select: none;
	scroll-behavior: auto;
}

@media (max-width: 768px) {
	.container,
	.container.header-inner,
	.container.topbar-inner,
	.container.catmenu-shell,
	.foodmerce-site .container,
	.foodmerce-site .elementor > .e-con.e-parent,
	.elementor > .e-con.e-parent {
		--padding-left: 5px;
		--padding-right: 5px;
		--padding-inline-start: 5px;
		--padding-inline-end: 5px;
		padding-inline: 5px !important;
		width: 100% !important;
		max-width: 100% !important;
		min-width: 0 !important;
	}

	.foodmerce-site .elementor > .e-con.e-parent > .e-con-inner,
	.elementor > .e-con.e-parent > .e-con-inner {
		--padding-left: 0px;
		--padding-right: 0px;
		padding-inline: 0 !important;
	}

	.topbar-inner,
	.header-inner,
	.catmenu-shell {
		padding-inline: 5px !important;
	}

	.header-inner {
		padding-block: 0.38rem;
		align-items: center;
		gap: 0.2rem;
	}

	.page-product .wrap,
	.page-product .breadcrumb {
		padding-inline: 5px;
	}

	.foodmerce-site .elementor.elementor-18,
	.elementor.elementor-18 {
		padding-block: 0.85rem;
	}

	.foodmerce-hero-slider__viewport {
		touch-action: pan-y;
	}
}

/* Native yatay kaydırma: 1:1 + momentum. Dikey jest sayfaya bırakılır. */
[data-foodmerce-rail] [data-rail-track],
[data-rail-track],
[data-fm-hscroll="1"],
.fm-hscroll,
.foodmerce-pc__carousel,
.foodmerce-cat-showcase__track,
.foodmerce-featured__grid,
.foodmerce-rail,
.rail,
.shop-cat-rail-track,
.shop-sellers-track,
.catmenu-inner,
#catNav,
#shopCatRail,
#shopSellersTrack,
#stCatRail,
#stBannersScroller,
#stFeatured,
.pdp-thumbs,
.producter-thumbs,
[data-bundle-items],
.bundle-items,
.cat-grid-track,
.po-product-scroller,
.po-flavor-scroller,
.ottp-brand-carousel {
	touch-action: pan-x pan-y !important;
	overflow-x: auto !important;
	scroll-behavior: auto !important;
	scroll-snap-type: none !important;
	overscroll-behavior-x: contain;
	overscroll-behavior-y: auto;
	-webkit-overflow-scrolling: touch;
	cursor: auto;
}

.shop-sticky-chrome,
.shop-cat-rail,
.shop-sellers,
.page-shop .shop-page,
.page-shop .shop-page-inner,
.page-shop .shop-layout {
	min-width: 0;
	max-width: 100%;
}

.page-shop .shop-page {
	overflow-x: clip;
}
.shop-cat-rail-track,
#shopCatRail,
.shop-sellers-track,
#shopSellersTrack {
	width: 100%;
	min-width: 0;
	max-width: 100%;
}

[data-foodmerce-rail] [data-rail-track].is-dragging,
[data-rail-track].is-dragging,
.fm-hscroll.is-dragging {
	cursor: auto;
	scroll-behavior: auto !important;
	scroll-snap-type: none !important;
	user-select: none;
}

/* Header menu: Font Awesome icon + label, same optical size as search. */
.header-inner > .mobile-menu-btn i,
.header-inner > .mobile-menu-btn i[class*="fa-"],
.mobile-menu-btn i,
.mobile-menu-btn i[class*="fa-"] {
	display: inline-block !important;
	font-family: "Font Awesome 7 Free", "Font Awesome 6 Free" !important;
	font-size: 1.12rem !important;
	line-height: 1;
	color: inherit;
	-webkit-font-smoothing: antialiased;
}
.header-inner > .mobile-menu-btn i.fa-solid,
.mobile-menu-btn i.fa-solid,
.mobile-menu-btn i.fas {
	font-weight: 900 !important;
}
.header-inner > .mobile-menu-btn i.fa-regular,
.mobile-menu-btn i.fa-regular,
.mobile-menu-btn i.far {
	font-weight: 400 !important;
}
.header-inner > .mobile-menu-btn .mobile-menu-btn-text,
.mobile-menu-btn-text {
	display: block !important;
	font-family: "Nunito", system-ui, sans-serif;
	font-size: 0.48rem !important;
	font-weight: 800;
	letter-spacing: 0.04em;
	line-height: 1;
	color: currentColor;
	text-transform: uppercase;
}
.header-inner > .mobile-menu-btn .mobile-menu-btn-icon,
.mobile-menu-btn .mobile-menu-btn-icon,
.header-inner > .mobile-menu-btn::after,
.mobile-menu-btn::after {
	content: none !important;
	display: none !important;
}

.mobile-menu-btn-bars {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: stretch;
	gap: 4px;
	width: 1.15rem;
	height: 1.15rem;
	pointer-events: none;
}
.mobile-menu-btn-bars span {
	display: block;
	height: 1.5px;
	border-radius: 1px;
	background: currentColor;
}
.mobile-menu-btn-bars.is-two span:nth-child(2) {
	display: none;
}

@media (max-width: 1023px) {
	.header-inner {
		align-items: center !important;
	}
	.header-inner > .logo,
	.header-inner > .logo.logo-wordmark {
		align-items: center !important;
		align-self: center !important;
		min-width: 0;
		max-width: 56%;
		overflow: visible !important;
		min-height: var(--fm-logo-size, 33px);
	}
	.header-inner > .logo .logo-shine-wrap {
		max-width: 100%;
		overflow: visible !important;
		line-height: 0;
		min-height: var(--fm-logo-size, 33px);
		height: var(--fm-logo-size, 33px);
		display: inline-flex;
		align-items: center;
	}
	.header-inner > .logo .logo-text-shine,
	.header-inner > .logo-text-shine {
		font-size: var(--fm-logo-size, 33px) !important;
		font-family: var(--fm-logo-font, var(--font-display, system-ui)) !important;
		font-weight: 800 !important;
		line-height: 0 !important;
		letter-spacing: -0.025em;
		max-width: 100%;
		height: var(--fm-logo-size, 33px);
		display: flex;
		align-items: center;
		overflow: visible !important;
		text-overflow: clip;
	}
	.header-inner > .search-area,
	.header-inner > .header-actions,
	.header-inner > .header-actions > #openCart {
		align-self: center !important;
	}
}

.foodmerce-engage-acts,
.product:not(.shop-product) .actions,
.rail-card .rail-actions,
.foodmerce-flash .rail-actions,
.foodmerce-pc-card__acts {
	opacity: 1;
	transform: none;
}
.foodmerce-engage-acts .foodmerce-engage-act,
.foodmerce-pc-card__act,
.product:not(.shop-product) .fav-btn,
.product:not(.shop-product) .cmp-btn,
.rail-card .action-btn {
	opacity: 1;
	pointer-events: auto;
	transform: none;
}

a.btn-primary,
.btn-primary,
a.cart-checkout,
.cart-checkout,
.page-404 a.btn-primary,
.nf404-actions .btn-primary,
.cart-drawer a.btn-primary,
.cart-drawer .cart-checkout {
	color: #fff !important;
}

.nf404-product-grid {
	grid-template-columns: repeat(6, minmax(0, 1fr));
}

@media (max-width: 1199px) {
	.nf404-product-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 768px) {
	.nf404-product-grid {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.page-account .acc-nav-chev,
.page-account .acc-user-nutri,
.page-account .acc-app-bar {
	display: none;
}

.page-account .acc-nav-group {
	display: contents;
}

.page-account .acc-avatar-wrap {
	position: relative;
	width: 52px;
	height: 52px;
	grid-row: 1 / span 2;
}

.page-account .acc-avatar-wrap .acc-avatar {
	width: 100%;
	height: 100%;
	grid-row: auto;
}

.page-account .acc-nav-ico {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 18px;
	flex: 0 0 18px;
	margin-left: 0;
	padding: 0;
	background: none;
	border-radius: 0;
}

.page-account .acc-nav-label {
	margin-left: 0;
	padding: 0;
	background: none;
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
	border-radius: 0;
}

.page-account .acc-nav-count {
	margin-left: auto;
}

.page-account .acc-user-edit {
	position: absolute;
	right: -4px;
	bottom: -4px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: var(--cream, #f7f3e8);
	color: var(--leaf-dark, #3f5a1f);
	font-size: 10px;
	text-decoration: none;
	box-shadow: 0 0 0 2px #fff;
}

@media (max-width: 1023px) {
	body.fm-app-chrome.page-account .site-main,
	body.fm-app-chrome.page-account .foodmerce-main {
		margin: 0 !important;
		padding: 0 !important;
		background: #f3f1ea;
		max-width: none;
	}

	body.fm-app-chrome.page-account .acc-main {
		display: block;
		width: 100%;
		max-width: var(--container-max, 1520px);
		margin: 0 auto;
		padding: 10px var(--container-pad, 5px) calc(96px + env(safe-area-inset-bottom, 0px)) !important;
		box-sizing: border-box;
		background: transparent;
	}

	body.fm-app-chrome.page-account .acc-layout {
		display: block;
		gap: 0;
		width: 100%;
	}

	body.fm-app-chrome.page-account .acc-mobile-toggle {
		display: none !important;
	}

	body.fm-app-chrome.page-account .acc-sidebar {
		display: block !important;
		position: static !important;
		inset: auto !important;
		max-height: none !important;
		overflow: visible !important;
		width: 100%;
		margin: 0;
		padding: 0;
		border: 0;
		border-radius: 0;
		background: transparent;
		box-shadow: none;
		box-sizing: border-box;
	}

	body.fm-app-chrome.page-account .acc-main.is-acc-sub .acc-sidebar {
		display: none !important;
	}

	body.fm-app-chrome.page-account .acc-main:not(.is-acc-sub) .acc-content {
		display: none;
	}

	body.fm-app-chrome.page-account .acc-content,
	body.fm-app-chrome.page-account .acc-panel.active {
		width: 100%;
	}

	body.fm-app-chrome.page-account .acc-user-card {
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
		gap: 0;
		margin: 0 0 12px;
		padding: 28px 18px 20px;
		border: 0;
		border-radius: 24px;
		background:
			radial-gradient(120% 80% at 50% -10%, rgba(245, 197, 66, 0.28), transparent 52%),
			linear-gradient(180deg, #fffdf6 0%, #ffffff 42%);
		box-shadow: 0 10px 28px rgba(36, 51, 24, 0.05);
	}

	body.fm-app-chrome.page-account .acc-avatar-wrap {
		width: 108px;
		height: 108px;
		grid-row: auto;
		margin-bottom: 14px;
	}

	body.fm-app-chrome.page-account .acc-avatar {
		width: 100%;
		height: 100%;
		font-size: 1.7rem;
		box-shadow: 0 8px 20px rgba(36, 51, 24, 0.12), 0 0 0 3px #fff, 0 0 0 5px rgba(245, 197, 66, 0.9);
	}

	body.fm-app-chrome.page-account .acc-user-edit {
		width: 30px;
		height: 30px;
		right: 0;
		bottom: 0;
		background: #3f5a1f;
		color: #fff;
		font-size: 11px;
		box-shadow: 0 0 0 3px #fff;
	}

	body.fm-app-chrome.page-account .acc-member-badge {
		display: none;
	}

	body.fm-app-chrome.page-account .acc-rank-progress {
		display: grid;
		width: 100%;
		margin-top: 14px;
		text-align: left;
	}

	body.fm-app-chrome.page-account .acc-user-meta {
		display: grid;
		gap: 4px;
		justify-items: center;
		width: 100%;
		margin-bottom: 16px;
	}

	body.fm-app-chrome.page-account .acc-user-card strong {
		font-size: 1.35rem;
		font-weight: 800;
		letter-spacing: -0.02em;
		color: #243318;
	}

	body.fm-app-chrome.page-account .acc-user-card small {
		font-size: 13px;
		font-weight: 600;
		color: #8a907c;
		word-break: break-all;
	}

	body.fm-app-chrome.page-account .acc-user-nutri {
		display: grid;
		gap: 12px;
		width: 100%;
	}

	body.fm-app-chrome.page-account .acc-user-macros {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 0;
		padding: 4px 0;
		border-radius: 16px;
		background: rgba(246, 248, 241, 0.92);
		overflow: hidden;
	}

	body.fm-app-chrome.page-account .acc-user-macros span {
		display: grid;
		gap: 3px;
		padding: 12px 8px;
		border: 0;
		border-radius: 0;
		background: transparent;
		color: #3f5a1f;
		box-shadow: inset -1px 0 0 rgba(63, 90, 31, 0.1);
	}

	body.fm-app-chrome.page-account .acc-user-macros span:last-child {
		box-shadow: none;
	}

	body.fm-app-chrome.page-account .acc-user-macros b {
		font-size: 17px;
		font-weight: 800;
		line-height: 1.1;
	}

	body.fm-app-chrome.page-account .acc-user-macros small {
		font-size: 11px;
		font-weight: 700;
		letter-spacing: 0.02em;
		text-transform: uppercase;
		color: #6b8f3f;
		word-break: normal;
	}

	body.fm-app-chrome.page-account .acc-user-diets {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 6px;
	}

	body.fm-app-chrome.page-account .acc-user-diet {
		display: inline-flex;
		align-items: center;
		gap: 6px;
		padding: 7px 11px;
		border-radius: 999px;
		background: #eef6e0;
		color: #3f5a1f;
		font-size: 12px;
		font-weight: 750;
		text-decoration: none;
	}

	body.fm-app-chrome.page-account .acc-user-diet--add {
		background: #fffaf0;
		border: 1px dashed #d7d0bc;
		color: #6b8f3f;
	}

	body.fm-app-chrome.page-account .acc-nav {
		display: grid;
		gap: 12px;
		width: 100%;
	}

	body.fm-app-chrome.page-account .acc-nav-group {
		display: flex;
		flex-direction: column;
		padding: 6px;
		border-radius: 20px;
		background: #fff;
		box-shadow: 0 10px 28px rgba(36, 51, 24, 0.05);
	}

	body.fm-app-chrome.page-account .acc-nav-item[data-panel="overview"] {
		display: none;
	}

	body.fm-app-chrome.page-account .acc-nav-item {
		display: flex;
		align-items: center;
		gap: 12px;
		width: 100%;
		min-height: 56px;
		padding: 8px 10px;
		border-radius: 14px;
		background: transparent;
		color: #243318;
		font-size: 15px;
		font-weight: 700;
		box-sizing: border-box;
	}

	body.fm-app-chrome.page-account .acc-nav-item + .acc-nav-item {
		box-shadow: inset 0 1px 0 #f1eee4;
	}

	body.fm-app-chrome.page-account .acc-nav-item.active,
	body.fm-app-chrome.page-account .acc-nav-item:active {
		background: #f7f8f2;
		color: #243318;
	}

	body.fm-app-chrome.page-account .acc-nav-item.active .acc-nav-ico i,
	body.fm-app-chrome.page-account .acc-nav-item i {
		color: inherit;
	}

	body.fm-app-chrome.page-account .acc-nav-ico {
		width: 40px;
		height: 40px;
		flex: 0 0 40px;
		border-radius: 12px;
		font-size: 15px;
	}

	body.fm-app-chrome.page-account .acc-nav-ico i {
		width: auto;
		color: inherit;
	}

	body.fm-app-chrome.page-account .acc-nav-ico--leaf { background: #eef6e0; color: #3f5a1f; }
	body.fm-app-chrome.page-account .acc-nav-ico--mustard { background: #fff4cc; color: #9a7a12; }
	body.fm-app-chrome.page-account .acc-nav-ico--honey { background: #fff0d6; color: #c47a14; }
	body.fm-app-chrome.page-account .acc-nav-ico--sage { background: #e7f3ea; color: #3d7a4a; }
	body.fm-app-chrome.page-account .acc-nav-ico--rose { background: #fde8e4; color: #c45b4a; }
	body.fm-app-chrome.page-account .acc-nav-ico--lilac { background: #efe7f8; color: #6d4ea0; }
	body.fm-app-chrome.page-account .acc-nav-ico--mint { background: #e4f4f0; color: #2f7a6b; }
	body.fm-app-chrome.page-account .acc-nav-ico--cream { background: #f3f1ea; color: #5a614c; }
	body.fm-app-chrome.page-account .acc-nav-ico--stone { background: #ecece8; color: #5a5a52; }

	body.fm-app-chrome.page-account .acc-nav-label {
		flex: 1;
		min-width: 0;
		text-align: left;
	}

	body.fm-app-chrome.page-account .acc-nav-count {
		margin-left: 0;
		min-width: 22px;
		padding: 2px 7px;
		border-radius: 999px;
		background: #f3f1ea;
		color: #5a614c;
		font-size: 11px;
		font-weight: 800;
		text-align: center;
	}

	body.fm-app-chrome.page-account .acc-nav-chev {
		display: inline-flex;
		margin-left: 2px;
		font-size: 11px;
		color: #d0cbbd;
		width: auto;
	}

	body.fm-app-chrome.page-account .acc-nav-item.active .acc-nav-chev {
		color: #8a907c;
	}

	body.fm-app-chrome.page-account .acc-logout {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 8px;
		width: 100%;
		margin-top: 4px;
		padding: 16px 12px;
		border: 0;
		border-radius: 20px;
		background: #fff;
		color: #9a3d32;
		font-size: 15px;
		font-weight: 750;
		box-shadow: 0 10px 28px rgba(36, 51, 24, 0.05);
	}

	body.fm-app-chrome.page-account .acc-app-bar {
		display: none;
		align-items: center;
		gap: 12px;
		width: 100%;
		margin: 0 0 12px;
		padding: 4px 0;
	}

	body.fm-app-chrome.page-account .acc-main.is-acc-sub .acc-app-bar {
		display: flex !important;
	}

	body.fm-app-chrome.page-account .acc-app-back {
		width: 44px;
		height: 44px;
		border: 0;
		border-radius: 50%;
		background: #fff;
		color: #243318;
		box-shadow: 0 6px 16px rgba(36, 51, 24, 0.08);
		cursor: pointer;
	}

	body.fm-app-chrome.page-account .acc-app-bar strong {
		font-size: 1.15rem;
		color: #243318;
	}

	body.fm-app-chrome.page-account .acc-head .acc-btn {
		width: 100%;
		justify-content: center;
	}

	body.fm-app-chrome.page-account .acc-card,
	body.fm-app-chrome.page-account .acc-stats,
	body.fm-app-chrome.page-account .acc-head {
		width: 100%;
		box-sizing: border-box;
	}
}

/* Closed full-screen overlays must not keep backdrop-filter layers. */
.search-overlay:not(.active),
.cart-overlay:not(.open),
.mobile-nav-overlay:not(.is-open) {
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
}

/* Product-rail chips: solid paint, no per-card GPU blur. */
.foodmerce-pc-card__popular,
.foodmerce-pc__meta,
.foodmerce-bundles .bundle-count,
.bundle-count,
.pc-recipe-card-reads,
.seasonal-tag,
.seasonal-month,
.diet-widget-see,
.diet-widget-notice {
	-webkit-backdrop-filter: none;
	backdrop-filter: none;
}

.featured-products,
.product {
	content-visibility: visible;
	contain-intrinsic-size: none;
}

.product,
.products-side {
	contain: layout style;
}

.page-store .st-banner {
	will-change: auto;
}

/* Popüler Satıcılar — compact card (JS: .shop-seller-main + .shop-seller-extra) */
.page-shop .shop-sellers-track {
	align-items: stretch;
}

.page-shop .shop-seller-card {
	min-width: 0;
	max-width: 20rem;
	overflow: hidden;
}

.page-shop .shop-seller-main {
	align-items: flex-start;
	color: inherit;
	display: flex;
	gap: 0.75rem;
	min-width: 0;
	text-decoration: none;
}

.page-shop .shop-seller-copy {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 0.35rem;
	min-width: 0;
}

.page-shop .shop-seller-reviews {
	color: var(--muted, #7a7f6e);
	font-size: 0.72rem;
	font-weight: 600;
}

.page-shop .shop-seller-pills {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem;
}

.page-shop .shop-seller-pills span {
	align-items: center;
	background: #f3f6ec;
	border-radius: 999px;
	color: var(--leaf-dark, #3f5a1f);
	display: inline-flex;
	font-size: 0.7rem;
	font-weight: 800;
	gap: 0.3rem;
	padding: 0.2rem 0.5rem;
}

.page-shop .shop-seller-pills i {
	color: var(--shop-green-soft, #6b8f3f);
	font-size: 0.65rem;
}

.page-shop .shop-seller-extra {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 0.55rem;
	min-width: 0;
}

.page-shop .shop-seller-extra > .shop-seller-meta,
.page-shop .shop-seller-extra > .shop-seller-desc {
	display: none;
}

.page-shop .shop-seller-products {
	margin-top: 0;
}

.page-shop .shop-seller-items li,
.page-shop .shop-seller-item {
	min-width: 0;
	text-decoration: none;
}

.page-shop .shop-seller-item {
	align-items: stretch;
	color: inherit;
	display: flex;
	flex-direction: column;
	gap: 0.22rem;
}

@media (max-width: 980px) {
	.page-shop .shop-seller-card {
		flex: 0 0 min(17.5rem, 72vw);
		max-width: min(17.5rem, 72vw);
		width: min(17.5rem, 72vw);
	}
}

/* Shop results chrome: pin flush to the viewport top on desktop. */
.shop-sticky-sentinel {
	height: 1px;
	margin: 0;
	pointer-events: none;
}

@media (max-width: 768px) {
	.search-area.active .quick-section {
		display: none !important;
	}

	.search-area.active .filter-section {
		padding: 0.55rem 0.75rem 0.5rem;
	}

	.search-area.active .filter-section .section-heading {
		gap: 0.45rem;
		margin-bottom: 0.4rem;
	}

	.search-area.active .filter-section .eyebrow {
		display: none;
	}

	.search-area.active .filter-section .section-heading h3 {
		font-size: 0.78rem;
		font-weight: 800;
	}

	.search-area.active .active-filter-count {
		width: 1.35rem;
		height: 1.35rem;
		font-size: 0.65rem;
	}

	.search-area.active .filter-grid {
		display: flex;
		flex-wrap: nowrap;
		gap: 0.4rem;
		overflow-x: auto;
		overflow-y: hidden;
		padding: 0.05rem 0 0.2rem;
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
		touch-action: pan-x;
	}

	.search-area.active .filter-grid::-webkit-scrollbar {
		display: none;
	}

	.search-area.active .filter-chip {
		flex: 0 0 auto;
		align-items: center;
		gap: 0.35rem;
		padding: 0.32rem 0.62rem 0.32rem 0.32rem;
		border-radius: 999px;
		transform: none;
	}

	.search-area.active .filter-chip:hover {
		transform: none;
	}

	.search-area.active .filter-chip small,
	.search-area.active .filter-chip .check-icon {
		display: none !important;
	}

	.search-area.active .filter-chip strong {
		font-size: 0.72rem;
		font-weight: 800;
		line-height: 1.1;
		white-space: nowrap;
	}

	.search-area.active .filter-icon {
		width: 1.45rem;
		height: 1.45rem;
		border-radius: 999px;
		font-size: 0.68rem;
	}

	.search-area.active .panel-content {
		padding-top: 0.55rem;
	}
}

@media (min-width: 981px) {
	.page-shop .shop-sticky-chrome {
		top: 0;
		z-index: 40;
		transition: border-radius 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
	}

	.page-shop .shop-sticky-chrome.is-stuck {
		background: #fff;
		border-radius: 0;
		border-top-color: transparent;
		box-shadow: 0 8px 20px rgba(63, 90, 31, 0.08);
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
	}

	.page-shop .shop-filters {
		top: var(--shop-sticky-offset, 5.5rem);
		max-height: calc(100vh - var(--shop-sticky-offset, 5.5rem) - 0.75rem);
	}

	body.shop-chrome-stuck.page-shop .shop-filters {
		--shop-sticky-offset: 0.75rem;
	}
}

/* Stars stay visible (0 if empty). Social proof sits directly under the title. */
.product-body,
.foodmerce-pc-card__body,
.foodmerce-fp-card__body,
.foodmerce-product-card__body,
.dotd-card-body,
.diet-rail-body,
.product-info,
.mega-product-body {
	display: flex;
	flex-direction: column;
}

.product-body > *,
.foodmerce-pc-card__body > *,
.foodmerce-fp-card__body > *,
.foodmerce-product-card__body > *,
.dotd-card-body > *,
.diet-rail-body > *,
.product-info > *,
.mega-product-body > *,
.foodmerce-flash .rail-card > * {
	order: 20;
}

.shop-product-brand,
.foodmerce-product-card__category,
.dotd-card-tag {
	order: 1;
}

.product-body > .name,
.foodmerce-pc-card__title,
.foodmerce-fp-card__name,
.foodmerce-product-card__title,
.dotd-card-title,
.diet-rail-name,
.product-card-title,
.mega-product-name,
.foodmerce-flash .rail-card > .rail-card-title {
	margin-bottom: 0.06rem !important;
	min-height: 0 !important;
	order: 2;
}

.product .name,
.shop-product-grid .product .name,
.foodmerce-fp-card__name,
.foodmerce-pc-card__title,
.diet-rail-name {
	min-height: 0 !important;
}

.fm-proof {
	margin: 0.04rem 0 0.16rem !important;
	order: 3;
}

.product-rating,
.foodmerce-pc-card__rating,
.foodmerce-fp-card__rating,
.foodmerce-product-card__rating,
.foodmerce-product-rating,
.rail-card-rating,
.dotd-card-rating,
.diet-rail-rating,
.mega-product-rating {
	order: 4;
}

.foodmerce-pc-card__rating {
	margin: 0.1rem 0 0.35rem;
}

.product-chips,
.foodmerce-fp-card__chips,
.foodmerce-pc-card__stats-row,
.product-info > .nutrition,
.product-info > .tags,
.diet-rail-row {
	order: 5;
}

.product-price-row,
.foodmerce-fp-card__price-row,
.foodmerce-product-card__price,
.dotd-card-price,
.foodmerce-flash .rail-card > .rp {
	order: 6;
}

.foodmerce-pc-card__buy {
	margin-top: auto;
	order: 30;
}

.product-body > .cart-slot,
.foodmerce-fp-card__body > .foodmerce-cart-slot,
.foodmerce-product-card__body > .foodmerce-cart-slot,
.dotd-card-body > .foodmerce-cart-slot,
.foodmerce-flash .rail-card > .foodmerce-cart-slot {
	margin-top: auto;
	order: 40;
}

.foodmerce-flash .rail-card > .r-disc,
.foodmerce-flash .rail-card > .actions,
.foodmerce-flash .rail-card > .rail-actions,
.foodmerce-flash .rail-card > .rail-card-media {
	order: 1;
}

.foodmerce-pc-card__stars i.fa-regular {
	color: #d8d0b8 !important;
}

.foodmerce-pc-card__stars i.fa-solid {
	color: #f5c542 !important;
}

.foodmerce-fp-card__stars .star,
.foodmerce-product-card__stars .star,
.foodmerce-product-rating .star {
	color: #e4d8b0;
}

.foodmerce-fp-card__stars .star.is-on,
.foodmerce-product-card__stars .star.is-on,
.foodmerce-product-rating .star.is-on {
	color: #f5c542;
}

/* Narrow cards: sale price + cart must share one row without wrapping TL. */
.foodmerce-pc-card__price,
.foodmerce-fp-card__price-row,
.product-price-row {
	min-width: 0;
	max-width: 100%;
}

.foodmerce-pc-card__price s,
.foodmerce-pc-card__price strong,
.foodmerce-fp-card__price-row s,
.foodmerce-fp-card__price-row strong,
.product-old,
.product-price {
	white-space: nowrap;
}

.foodmerce-pc-card__buy {
	align-items: center;
	gap: 0.4rem;
	min-width: 0;
}

.foodmerce-pc-card__cart,
.foodmerce-fp-card__cart {
	flex: 0 0 auto;
}

@media (max-width: 768px) {
	.foodmerce-pc-card__price-disc {
		display: none;
	}

	.foodmerce-pc-card__price s {
		font-size: 0.6rem;
	}

	.foodmerce-pc-card__price strong {
		font-size: 0.95rem;
	}

	.foodmerce-pc-card__cart {
		width: 2.2rem;
		height: 2.2rem;
		padding: 0;
		justify-content: center;
	}

	.foodmerce-pc-card__cart span,
	.foodmerce-fp-card__cart span {
		display: none;
	}

	.foodmerce-pc-card__cart i,
	.foodmerce-fp-card__cart i {
		margin: 0;
	}

	.page-shop .shop-product-grid .product-off {
		display: none;
	}

	.page-shop .shop-product-grid .product-price {
		font-size: 0.86rem;
	}

	.page-shop .shop-product-grid .product-old {
		font-size: 0.64rem;
	}
}

/* Shop archive: keep the 2-col grid inside the viewport. */
@media (max-width: 980px) {
	body.page-shop,
	body.woocommerce-shop,
	body.post-type-archive-product {
		overflow-x: clip;
	}

	body.page-shop > *,
	body.woocommerce-shop > *,
	body.post-type-archive-product > * {
		min-width: 0;
		max-width: 100%;
	}

	.page-shop .site-main,
	.page-shop .foodmerce-main,
	.page-shop .shop-page,
	.page-shop .shop-page-inner,
	.page-shop .shop-layout,
	.page-shop .shop-results,
	.page-shop .shop-sticky-chrome,
	.page-shop .shop-sellers,
	.page-shop .shop-sellers-track,
	.page-shop .shop-product-grid,
	.page-shop .container {
		min-width: 0 !important;
		max-width: 100% !important;
		width: 100% !important;
	}

	.page-shop .shop-layout {
		grid-template-columns: minmax(0, 1fr) !important;
	}

	.page-shop .shop-product-grid.product-grid,
	.page-shop .shop-product-grid {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		justify-items: stretch;
		overflow: visible;
	}

	.page-shop .shop-product-grid .product,
	.page-shop .shop-product-grid.product-grid > .product {
		flex: none !important;
		width: auto !important;
		max-width: 100% !important;
		min-width: 0 !important;
		contain: none;
		content-visibility: visible;
	}

	.page-shop .shop-product-grid .product-body,
	.page-shop .shop-product-grid .product-media,
	.page-shop .shop-product-grid .cart-slot,
	.page-shop .shop-product-grid .product-add-btn {
		min-width: 0;
		max-width: 100%;
	}

	.page-shop .shop-product-grid .product-add-btn {
		width: 100%;
		padding-inline: 0.45rem;
		font-size: 0.7rem;
	}

	.page-shop .shop-sellers-track {
		overflow-x: auto !important;
	}
}

/* Mobil menü: tam genişlik, menüler tek gövdede kayar */
@media (max-width: 1023px) {
	#mobileNavDrawer.mobile-nav-drawer {
		width: min(100vw, 28rem);
		overflow: hidden;
	}

	#mobileNavDrawer .mobile-nav-drawer-body {
		flex: 1 1 auto;
		min-height: 0;
		overflow-x: hidden;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		overscroll-behavior: contain;
		display: flex;
		flex-direction: column;
	}

	#mobileNavDrawer .mobile-nav-drawer-account,
	#mobileNavDrawer .mobile-nav-seller {
		flex-shrink: 0;
	}

	#mobileNavDrawer .mobile-nav-drawer-links {
		flex: 1 0 auto;
		min-height: 0;
		overflow: visible;
		gap: 0.55rem;
		padding: 1rem 1.15rem 1.15rem;
	}

	#mobileNavDrawer .mobile-nav-drawer-link {
		gap: 0.9rem;
		min-height: 3.35rem;
		padding: 1rem 1.1rem;
		border-radius: 16px;
		font-size: 1rem;
	}

	#mobileNavDrawer .mobile-nav-drawer-link-icon {
		width: 2.5rem;
		height: 2.5rem;
		border-radius: 12px;
		font-size: 1rem;
	}

	#mobileNavDrawer .mobile-nav-drawer-link-chev {
		font-size: 0.78rem;
	}

	#mobileNavDrawer .mobile-nav-drawer-foot {
		flex-shrink: 0;
		margin-top: auto;
	}
}