/* ===== Flyout Mega Menu ===== */
:root {
	--fmm-banner-height: 180px;
	--fmm-icon-size: 18px;
	--fmm-accent: #e2661a;
	--fmm-panel-bg: #ffffff;
	--fmm-middle-text: #2f3340;
	--fmm-sidebar-bg: #262626;
	--fmm-sidebar-text: #d8d8d8;
	--fmm-panel-width: 920px;
	--fmm-sidebar-width: 230px;
	--fmm-middle-width: 260px;
}

/* Reset kuat supaya tidak bentrok dengan CSS theme aktif */
.fmm-nav,
.fmm-nav * {
	box-sizing: border-box !important;
}
.fmm-nav {
	position: relative;
	isolation: isolate;
	font-family: inherit;
	line-height: normal;
}
.fmm-nav ul {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
}
.fmm-nav li {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;
	float: none !important;
	clear: none !important;
}
.fmm-nav a {
	text-decoration: none !important;
	background: none !important;
	box-shadow: none !important;
	border: none !important;
}
.fmm-nav img { max-width: none !important; height: auto; }

.fmm-menu {
	display: flex !important;
	align-items: center;
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 8px;
}

/* ---- Level 0: top nav item ---- */
.fmm-menu > .fmm-depth-0 { position: relative; }
.fmm-menu > .fmm-depth-0 > .fmm-link {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 10px 14px;
	text-decoration: none;
	color: #1a1a2e;
	font-weight: 500;
	font-size: 15px;
	border-radius: 4px;
	transition: color .15s ease;
}
.fmm-menu > .fmm-depth-0 > .fmm-link:hover,
.fmm-menu > .fmm-depth-0.fmm-open > .fmm-link { color: var(--fmm-accent, #e2661a); }
.fmm-caret {
	width: 8px; height: 8px;
	border-right: 1.5px solid currentColor;
	border-bottom: 1.5px solid currentColor;
	transform: rotate(45deg);
	margin-top: -3px;
	transition: transform .15s ease;
}
.fmm-menu > .fmm-depth-0.fmm-open .fmm-caret { transform: rotate(225deg); margin-top: 3px; }

/* ---- Panel (flyout) ---- */
.fmm-panel {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	background: var(--fmm-panel-bg, #fff);
	border-radius: 4px;
	box-shadow: 0 16px 40px rgba(20, 25, 50, .16);
	width: var(--fmm-panel-width, 920px);
	max-width: calc(100vw - 32px);
	margin-top: 10px;
	z-index: 9999;
	overflow: hidden;
}
.fmm-menu > .fmm-depth-0.fmm-open > .fmm-panel { display: block !important; }
.fmm-panel.fmm-open { display: block !important; }
.fmm-panel-detached { margin-top: 0 !important; z-index: 999999 !important; }

.fmm-panel-inner { display: flex !important; position: relative; min-height: 260px; }

/* Sidebar gelap (depth 1 = kategori) */
.fmm-sidebar {
	list-style: none;
	margin: 0;
	padding: 10px 0;
	width: var(--fmm-sidebar-width, 230px);
	flex-shrink: 0;
	background: var(--fmm-sidebar-bg, #262626);
}
.fmm-sidebar:not(:has(.fmm-has-children, .fmm-has-feature)) { width: auto; min-width: 220px; }

/* JANGAN beri position:relative di sini: kolom tengah (.fmm-middle) & panel gambar
   (.fmm-feature) harus memakai .fmm-panel-inner sebagai acuan posisi, bukan baris
   kategori. Kalau li jadi acuan, kolom mulai dari tinggi baris & lebarnya jadi ~0. */
.fmm-sidebar > .fmm-depth-1 { position: static; }
.fmm-sidebar > .fmm-depth-1 > .fmm-link {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 12px 22px;
	text-decoration: none;
	color: var(--fmm-sidebar-text, #d8d8d8);
	font-size: var(--fmm-font-sidebar, 13.5px);
	font-weight: 600;
	letter-spacing: .3px;
	text-transform: uppercase;
	white-space: nowrap;
}
.fmm-sidebar > .fmm-depth-1.fmm-active { background: #000; }
.fmm-sidebar > .fmm-depth-1.fmm-active > .fmm-link { color: #fff; }

/* Kolom tengah (depth 2 = daftar link) */
.fmm-middle {
	display: none;
	position: absolute;
	top: 0;
	left: var(--fmm-sidebar-width, 230px);
	width: var(--fmm-middle-width, 260px);
	min-height: 100%;
	background: var(--fmm-panel-bg, #fff);
	padding: 20px 24px;
	border-right: 1px solid #eee;
}
.fmm-depth-1.fmm-has-children:not(.fmm-has-feature) > .fmm-middle { right: 0; width: auto; }
.fmm-sidebar > .fmm-depth-1.fmm-active > .fmm-middle { display: block; }

/* Area putih lebar (kategori tanpa gambar) diisi multi-kolom otomatis, jadi
   semua item level 3 kelihatan penuh tanpa perlu scroll / terpotong. */
.fmm-middle-list { list-style: none; margin: 0; padding: 0; column-width: 200px; column-gap: 32px; }
.fmm-middle-list > .fmm-depth-2 { break-inside: avoid; }
.fmm-middle-list > .fmm-depth-2 > .fmm-link {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 0;
	text-decoration: none;
	color: var(--fmm-middle-text, #2f3340);
	font-size: var(--fmm-font-sub, 14.5px);
}
.fmm-middle-list > .fmm-depth-2 > .fmm-link:hover { color: var(--fmm-accent, #e2661a); }

/* Panel gambar besar (kanan) */
.fmm-feature {
	display: none;
	position: absolute;
	top: 0;
	left: calc(var(--fmm-sidebar-width, 230px) + var(--fmm-middle-width, 260px));
	right: 0;
	min-height: 100%;
	background-size: cover;
	background-position: center;
	background-color: #ababab;
}
.fmm-depth-1:not(.fmm-has-children).fmm-has-feature > .fmm-feature { left: var(--fmm-sidebar-width, 230px); }
.fmm-sidebar > .fmm-depth-1.fmm-active > .fmm-feature { display: block; }

.fmm-feature-overlay {
	position: absolute; inset: 0;
	background: linear-gradient(to top, rgba(0,0,0,.72), rgba(0,0,0,.25) 55%, rgba(0,0,0,0) 80%);
}
.fmm-feature-content {
	position: absolute;
	left: 28px; right: 28px; bottom: 24px;
	z-index: 1;
	color: #fff;
}
.fmm-feature .fmm-feature-content h3 {
	margin: 0 0 8px !important;
	padding: 0 !important;
	color: #fff !important;
	font-family: inherit !important;
	font-size: var(--fmm-font-banner-title, 22px) !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
	letter-spacing: .3px;
	text-transform: uppercase;
	text-shadow: 0 2px 8px rgba(0, 0, 0, .55);
}
.fmm-feature .fmm-feature-content p {
	margin: 0 0 14px !important;
	color: #fff !important;
	font-size: var(--fmm-font-banner-desc, 13.5px) !important;
	line-height: 1.5 !important;
	max-width: 90%;
	text-shadow: 0 1px 6px rgba(0, 0, 0, .55);
}
.fmm-btn {
	display: inline-block;
	background: var(--fmm-accent, #e2661a);
	color: #fff !important;
	text-decoration: none;
	padding: 9px 18px;
	border-radius: 4px;
	font-size: 13.5px;
	font-weight: 600;
}
.fmm-btn:hover { filter: brightness(.9); }

.fmm-icon { width: var(--fmm-icon-size, 18px); height: var(--fmm-icon-size, 18px); object-fit: contain; flex-shrink: 0; }

/* ---- Mobile ---- */
.fmm-toggle { display: none; background: none; border: 0; cursor: pointer; padding: 8px; }
.fmm-toggle span, .fmm-toggle span::before, .fmm-toggle span::after {
	display: block; width: 22px; height: 2px; background: #1a1a2e; position: relative; transition: .2s;
}
.fmm-toggle span::before { content: ''; position: absolute; top: -7px; }
.fmm-toggle span::after { content: ''; position: absolute; top: 7px; }

/* Desktop: paksa acuan posisi kolom tengah/gambar = panel (bukan baris kategori),
   supaya tidak bisa ditimpa CSS tema/Elementor yang memberi position:relative pada li. */
@media (min-width: 992px) {
	.fmm-panel-inner { position: relative !important; }
	.fmm-sidebar > .fmm-depth-1 { position: static !important; }
	.fmm-sidebar > .fmm-depth-1 > .fmm-middle,
	.fmm-sidebar > .fmm-depth-1 > .fmm-feature { position: absolute !important; top: 0 !important; bottom: auto; }
	.fmm-middle-list > .fmm-depth-2 > .fmm-link { white-space: normal; }
}

/* Blok bebas (teks/HTML/shortcode) & gambar kecil pada daftar otomatis */
.fmm-block { font-size: 14px; line-height: 1.55; color: var(--fmm-middle-text, #2f3340); break-inside: avoid; }
.fmm-block-top { margin: 0 0 14px; }
.fmm-block-bottom { margin: 16px 0 0; }
.fmm-block img { max-width: 100%; height: auto; }
.fmm-block p { margin: 0 0 8px; }
.fmm-block a { color: var(--fmm-accent, #e2661a); }
.fmm-icon.fmm-icon-thumb { width: calc(var(--fmm-icon-size, 18px) * 1.8); height: calc(var(--fmm-icon-size, 18px) * 1.8); border-radius: 4px; object-fit: cover; }

/* Posisi icon terhadap teks (Settings > Posisi Icon) */
.fmm-panel-inner.fmm-icon-right .fmm-link { flex-direction: row-reverse; justify-content: flex-end; }
.fmm-panel-inner.fmm-icon-top .fmm-link { flex-direction: column; align-items: flex-start; gap: 4px; }

/* Banner besar (hero) di ATAS panel putih — dipilih di Settings > Posisi Banner. */
@media (min-width: 992px) {
	.fmm-panel-inner.fmm-banner-top .fmm-sidebar > .fmm-depth-1 > .fmm-feature {
		left: var(--fmm-sidebar-width, 230px) !important;
		right: 0 !important;
		top: 0 !important;
		height: var(--fmm-banner-height, 180px);
		min-height: 0 !important;
	}
	.fmm-panel-inner.fmm-banner-top .fmm-sidebar > .fmm-depth-1.fmm-has-feature > .fmm-middle {
		top: var(--fmm-banner-height, 180px) !important;
		right: 0 !important;
		width: auto !important;
		min-height: calc(100% - var(--fmm-banner-height, 180px));
		border-right: 0;
	}
}

@media (max-width: 991px) {
	.fmm-middle-list { column-width: auto !important; column-count: 1 !important; }
	.fmm-toggle { display: inline-flex; margin-left: auto; }
	.fmm-menu {
		display: none;
		flex-direction: column;
		align-items: stretch;
		position: absolute;
		top: 100%; left: 0; right: 0;
		background: #fff;
		box-shadow: 0 12px 24px rgba(0, 0, 0, .1);
		padding: 8px 0;
	}
	.fmm-nav.fmm-mobile-open .fmm-menu { display: flex; }
	.fmm-menu > .fmm-depth-0 { width: 100%; }

	.fmm-panel { display: none; position: static; box-shadow: none; border-radius: 0; margin: 0; width: 100%; }
	.fmm-menu > .fmm-depth-0.fmm-open > .fmm-panel { display: block; }
	.fmm-panel-inner { flex-direction: column; min-height: 0; }
	.fmm-sidebar { width: 100%; }
	.fmm-middle, .fmm-feature { position: static; left: auto; right: auto; width: 100%; min-height: 0; }
	.fmm-feature { padding-bottom: 20px; min-height: 160px; }
	.fmm-feature-content { position: static; padding: 16px; }
}

/* =====================================================================
   Layout FULL (v1.8.0): satu panel lebar penuh, tanpa sidebar gelap,
   tanpa kolom terpisah/garis pemisah. Semua kategori tampil sekaligus
   sebagai kolom grid; link produk langsung di bawah judul kategorinya.
   ===================================================================== */
.fmm-panel.fmm-panel-full {
	width: 100%;
	max-width: 100%;
	border-radius: 0;
	border-top: 1px solid rgba(0, 0, 0, .06);
	box-shadow: 0 18px 30px rgba(20, 25, 50, .12);
}
.fmm-panel-inner.fmm-layout-full {
	display: block !important;
	position: static !important;
	min-height: 0 !important;
	max-width: max(var(--fmm-panel-width, 920px), 1100px);
	margin: 0 auto;
	padding: 32px 28px 36px;
	background: transparent;
}
.fmm-layout-full .fmm-sidebar {
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
	gap: 30px 44px;
	width: auto !important;
	min-width: 0 !important;
	padding: 0 !important;
	background: transparent !important;
}
.fmm-layout-full .fmm-sidebar > .fmm-depth-1,
.fmm-layout-full .fmm-sidebar > .fmm-depth-1.fmm-active {
	position: static !important;
	display: flex;
	flex-direction: column;
	min-width: 0;
	background: transparent !important;
}
.fmm-layout-full .fmm-sidebar > .fmm-depth-1 > .fmm-link,
.fmm-layout-full .fmm-sidebar > .fmm-depth-1.fmm-active > .fmm-link {
	padding: 0 0 10px;
	color: var(--fmm-middle-text, #2f3340);
	font-size: var(--fmm-font-sidebar, 13px);
	font-weight: 700;
	letter-spacing: .6px;
	white-space: normal;
}
.fmm-layout-full .fmm-sidebar > .fmm-depth-1 > .fmm-link:hover { color: var(--fmm-accent, #e2661a); }

/* Dropdown sederhana (kategori tanpa sub link): tampil sebagai link biasa */
.fmm-layout-full .fmm-sidebar:not(:has(.fmm-has-children, .fmm-has-feature)) > .fmm-depth-1 > .fmm-link {
	padding: 4px 0;
	text-transform: none;
	font-weight: 500;
	letter-spacing: 0;
	font-size: var(--fmm-font-sub, 14.5px);
}

/* Daftar link: selalu tampil, satu kolom di bawah judul kategori */
.fmm-layout-full .fmm-sidebar > .fmm-depth-1 > .fmm-middle {
	display: block !important;
	position: static !important;
	width: auto !important;
	right: auto !important;
	min-height: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
}
.fmm-layout-full .fmm-middle-list { column-count: 1 !important; column-width: auto !important; }
.fmm-layout-full .fmm-middle-list > .fmm-depth-2 > .fmm-link { padding: 6px 0; }

/* Banner (hero): kartu di ATAS tiap kolom kategori, di atas judul & daftar produk. */
.fmm-layout-full .fmm-sidebar > .fmm-depth-1 > .fmm-feature {
	display: block !important;
	position: relative !important;
	left: auto !important;
	right: auto !important;
	top: auto !important;
	height: var(--fmm-banner-height, 180px);
	min-height: 0 !important;
	order: -1;
	margin: 0 0 18px;
	border-radius: 6px;
	overflow: hidden;
}
.fmm-layout-full .fmm-feature-content { left: 18px; right: 18px; bottom: 16px; }

@media (max-width: 991px) {
	.fmm-panel-inner.fmm-layout-full { padding: 8px 20px 16px; max-width: none; }
	.fmm-layout-full .fmm-sidebar { grid-template-columns: 1fr; gap: 22px; }
	.fmm-layout-full .fmm-feature-content { position: absolute; left: 18px; right: 18px; bottom: 16px; padding: 0; }
}
/* Tombol banner tetap berwarna aksen walau panel masih di dalam .fmm-nav (mobile). */
.fmm-nav .fmm-feature .fmm-btn { background: var(--fmm-accent, #e2661a) !important; }

/* =====================================================================
   v1.15.0 — Tampilan panel Full: modern & minimalis
   - Reset dipasang juga ke .fmm-panel, karena di desktop panel dipindah
     ke <body> (di luar .fmm-nav) sehingga reset .fmm-nav tidak berlaku
     dan CSS tema (hover/focus/active link, tombol, huruf) ikut bocor.
   - Kartu banner: satu judul (tanpa judul ganda), seluruh kartu bisa
     diklik, tombol jadi pill kaca kecil.
   - Daftar link: ringan, jarak lega, hover geser halus.
   ===================================================================== */
.fmm-panel,
.fmm-panel * { box-sizing: border-box; }
.fmm-panel { font-family: inherit; line-height: 1.4; -webkit-font-smoothing: antialiased; }
.fmm-panel ul,
.fmm-panel li { list-style: none !important; margin: 0 !important; padding: 0 !important; float: none !important; }
.fmm-panel a { text-decoration: none !important; }
.fmm-panel .fmm-link { background: transparent !important; border: 0 !important; box-shadow: none !important; }
.fmm-panel img { max-width: none !important; height: auto; }
.fmm-panel a:focus:not(:focus-visible) { outline: none; }
.fmm-panel a:focus-visible { outline: 2px solid var(--fmm-accent, #e2661a); outline-offset: 3px; border-radius: 6px; }

/* Panel */
.fmm-panel.fmm-panel-full {
	border-top: 0;
	border-radius: 0 0 20px 20px;
	box-shadow: 0 28px 48px -16px rgba(16, 24, 40, .22), 0 1px 0 rgba(16, 24, 40, .06);
	scrollbar-width: thin;
}
.fmm-panel.fmm-panel-full.fmm-open { animation: fmm-panel-in .2s ease-out; }
@keyframes fmm-panel-in {
	from { opacity: 0; }
	to   { opacity: 1; }
}
.fmm-panel-inner.fmm-layout-full { padding: var(--fmm-panel-pad-top, 40px) 32px 44px; }
.fmm-layout-full .fmm-sidebar { gap: 44px 32px; }

/* Kartu banner */
.fmm-layout-full .fmm-sidebar > .fmm-depth-1 > .fmm-feature {
	display: flex !important;
	align-items: flex-end;
	isolation: isolate;
	margin: 0 0 20px;
	border-radius: 16px;
	background-color: #e9ebf0;
	box-shadow: 0 1px 2px rgba(16, 24, 40, .06);
	transition: transform .25s ease, box-shadow .25s ease;
}
.fmm-layout-full .fmm-sidebar > .fmm-depth-1:hover > .fmm-feature {
	transform: translateY(-3px);
	box-shadow: 0 14px 28px -10px rgba(16, 24, 40, .35);
}
.fmm-layout-full .fmm-feature-overlay {
	z-index: -1;
	pointer-events: none;
	background: linear-gradient(to top, rgba(10, 14, 25, .66) 0%, rgba(10, 14, 25, .22) 42%, rgba(10, 14, 25, 0) 68%);
}
.fmm-layout-full .fmm-feature-content {
	position: static !important;
	width: 100%;
	padding: 20px 20px 18px !important;
}
.fmm-layout-full .fmm-feature .fmm-feature-content h3 {
	margin: 0 0 4px !important;
	font-size: var(--fmm-font-banner-title, 20px) !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	letter-spacing: -.01em !important;
	text-transform: none !important;
	text-shadow: 0 1px 10px rgba(0, 0, 0, .35) !important;
}
.fmm-layout-full .fmm-feature .fmm-feature-content p {
	margin: 0 0 12px !important;
	max-width: 100% !important;
	font-size: var(--fmm-font-banner-desc, 13px) !important;
	line-height: 1.45 !important;
	opacity: .88;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.fmm-layout-full .fmm-feature .fmm-feature-content h3 + .fmm-btn { margin-top: 10px; }

/* Tombol: pill kaca kecil. ::before meregang sehingga SELURUH kartu bisa diklik. */
.fmm-nav .fmm-feature .fmm-btn,
.fmm-panel .fmm-feature .fmm-btn {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 7px 14px;
	border: 1px solid rgba(255, 255, 255, .38) !important;
	border-radius: 999px;
	background: rgba(255, 255, 255, .16) !important;
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
	color: #fff !important;
	font-size: 12.5px;
	font-weight: 500;
	letter-spacing: .01em;
	transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.fmm-panel .fmm-feature .fmm-btn::before { content: ''; position: absolute; inset: 0; border-radius: inherit; border-radius: 16px; }
.fmm-panel .fmm-feature .fmm-btn::after { content: '\2192'; transition: transform .2s ease; }
.fmm-panel .fmm-feature .fmm-btn:hover,
.fmm-panel .fmm-sidebar > .fmm-depth-1:hover .fmm-feature .fmm-btn {
	background: #fff !important;
	border-color: #fff !important;
	color: #1a1a2e !important;
	filter: none;
}
.fmm-panel .fmm-sidebar > .fmm-depth-1:hover .fmm-feature .fmm-btn::after { transform: translateX(3px); }

/* Judul kategori: kalau kartu sudah memuat judul, judul ganda di bawahnya
   disembunyikan secara visual (tetap ada untuk pembaca layar). */
.fmm-layout-full .fmm-sidebar > .fmm-depth-1.fmm-has-feature:has(.fmm-feature h3) > .fmm-link {
	position: absolute !important;
	width: 1px; height: 1px;
	margin: -1px; padding: 0 !important;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
}
/* Judul kategori tanpa kartu: kecil, kapital, redup */
.fmm-layout-full .fmm-sidebar > .fmm-depth-1 > .fmm-link {
	padding: 0 0 12px;
	color: #7b8194;
	color: color-mix(in srgb, var(--fmm-middle-text, #2f3340) 58%, transparent);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .09em;
	text-transform: uppercase;
	transition: color .2s ease;
}
.fmm-layout-full .fmm-sidebar > .fmm-depth-1 > .fmm-link:hover { color: var(--fmm-accent, #e2661a); }

/* Daftar link */
.fmm-layout-full .fmm-middle-list { display: flex; flex-direction: column; gap: 2px; }
.fmm-layout-full .fmm-middle-list > .fmm-depth-2 > .fmm-link {
	padding: 7px 0;
	color: var(--fmm-middle-text, #2f3340);
	font-size: var(--fmm-font-sub, 14px);
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
	transition: color .2s ease, transform .2s ease;
}
.fmm-layout-full .fmm-middle-list > .fmm-depth-2 > .fmm-link:hover {
	color: var(--fmm-accent, #e2661a);
	transform: translateX(4px);
}

/* Dropdown sederhana (tanpa kartu & tanpa sub link) tetap berupa link biasa */
.fmm-layout-full .fmm-sidebar:not(:has(.fmm-has-children, .fmm-has-feature)) > .fmm-depth-1 > .fmm-link {
	padding: 7px 0;
	color: var(--fmm-middle-text, #2f3340);
	font-size: var(--fmm-font-sub, 14px);
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
}

@media (max-width: 991px) {
	.fmm-panel-inner.fmm-layout-full { padding: 8px 20px 20px; }
	.fmm-layout-full .fmm-sidebar { gap: 28px; }
	.fmm-panel.fmm-panel-full { border-radius: 0; box-shadow: none; animation: none; }
}
@media (prefers-reduced-motion: reduce) {
	.fmm-panel.fmm-panel-full.fmm-open { animation: none; }
	.fmm-layout-full .fmm-sidebar > .fmm-depth-1 > .fmm-feature,
	.fmm-layout-full .fmm-middle-list > .fmm-depth-2 > .fmm-link { transition: none; }
}


/* v1.17.1: panel menempel rapat di bawah header (tanpa celah), tampilan premium */
.fmm-panel.fmm-panel-full {
	margin-top: 0 !important;
	border-top: 1px solid rgba(16, 24, 40, .06);
	border-radius: 0 0 24px 24px;
	background-clip: padding-box;
	box-shadow: 0 32px 56px -20px rgba(16, 24, 40, .28), 0 12px 24px -12px rgba(16, 24, 40, .10);
}

/* v1.19.0 — Layout Full "Baris": kategori berjejer ke bawah, sub kategori menyamping.
   Tiap kategori = satu baris: banner di kiri, daftar sub kategori mengalir menyamping di kanan. */
@media (min-width: 992px) {
	.fmm-layout-full.fmm-flow-rows .fmm-sidebar {
		grid-template-columns: 1fr;
		gap: var(--fmm-row-gap, 24px) 0;
	}
	.fmm-layout-full.fmm-flow-rows .fmm-sidebar > .fmm-depth-1 {
		display: grid;
		grid-template-columns: minmax(0, var(--fmm-row-banner-width, 360px)) minmax(0, 1fr);
		column-gap: 40px;
		align-items: start;
	}
	.fmm-layout-full.fmm-flow-rows .fmm-sidebar > .fmm-depth-1:not(.fmm-has-feature) {
		grid-template-columns: 200px minmax(0, 1fr);
	}
	.fmm-layout-full.fmm-flow-rows .fmm-sidebar > .fmm-depth-1 > .fmm-feature {
		grid-column: 1;
		grid-row: 1;
		height: var(--fmm-row-banner-height, 160px);
		margin: 0;
		order: 0;
	}
	.fmm-layout-full.fmm-flow-rows .fmm-sidebar > .fmm-depth-1 > .fmm-link {
		grid-column: 1;
		grid-row: 2;
		padding: 10px 0 0;
	}
	.fmm-layout-full.fmm-flow-rows .fmm-sidebar > .fmm-depth-1:not(.fmm-has-feature) > .fmm-link {
		grid-row: 1;
		padding: 4px 0;
	}
	.fmm-layout-full.fmm-flow-rows .fmm-sidebar > .fmm-depth-1 > .fmm-middle {
		grid-column: 2;
		grid-row: 1 / span 2;
		align-self: center;
	}
	.fmm-layout-full.fmm-flow-rows .fmm-middle-list {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 4px 36px;
	}
	.fmm-layout-full.fmm-flow-rows .fmm-middle-list > .fmm-depth-2 > .fmm-link { white-space: nowrap; }
}

/* v1.19.1 — Layout Full "Kolom + sub menyamping": kategori tetap berkolom, sub kategori mengalir menyamping. */
@media (min-width: 992px) {
	.fmm-layout-full.fmm-flow-inline .fmm-middle-list {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 2px 24px;
	}
	.fmm-layout-full.fmm-flow-inline .fmm-middle-list > .fmm-depth-2 > .fmm-link { white-space: nowrap; }
}

/* v1.20.0 — Stretch: isi panel Full memanjang selebar layar pengunjung (desktop). */
@media (min-width: 992px) {
	.fmm-panel-inner.fmm-layout-full.fmm-stretch {
		max-width: none;
		padding-left: var(--fmm-stretch-pad, 48px);
		padding-right: var(--fmm-stretch-pad, 48px);
	}
}