/* ΜΟΡΦΗ · "Διαλεγμένα για εσάς": tabs + 2-row horizontal rail. Product cards are WoodMart's own. */
.morfi-picks--cream {
	padding-block: clamp(56px, 8vw, 104px);
	background: var(--morfi-cream);
	border-block: 1px solid var(--morfi-line);
}

.morfi-picks__head {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: space-between;
	gap: 24px;
}
.morfi-picks .morfi-picks__title {
	margin: 10px 0 0;
	padding: 0;
	font-family: var(--morfi-serif);
	font-size: clamp(34px, 3.6vw, 54px);
	font-weight: 400;
	line-height: 1.12;
	letter-spacing: -.015em;
	text-transform: none;
	color: var(--morfi-ink);
}
.morfi-picks .morfi-picks__note {
	margin: 0;
	padding-bottom: 8px;
	font-size: 15px;
	color: var(--morfi-muted);
}

/* Tabs + sort */
.morfi-picks__bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-top: 32px;
	padding-bottom: 18px;
	border-bottom: 1px solid var(--morfi-line-2);
}
.morfi-tabs {
	display: flex;
	gap: 6px;
	min-width: 0;
	overflow-x: auto;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}
.morfi-tabs::-webkit-scrollbar { display: none; }
.morfi-picks .morfi-tab {
	flex: none;
	min-height: 44px;
	padding: 0 18px;
	border: 1.5px solid transparent;
	border-radius: var(--morfi-r);
	background: transparent;
	color: var(--morfi-ink-2);
	font-size: 15px;
	font-weight: 600;
	white-space: nowrap;
	transition: background .2s, color .2s, border-color .2s;
}
.morfi-picks .morfi-tab:hover { border-color: var(--morfi-line-2); color: var(--morfi-ink); background: transparent; }
.morfi-picks .morfi-tab[aria-selected="true"],
.morfi-picks .morfi-tab[aria-selected="true"]:hover {
	background: var(--morfi-wine);
	border-color: var(--morfi-wine);
	color: #fff8ef;
}

.morfi-select {
	position: relative;
	display: inline-flex;
	align-items: center;
	flex: none;
	margin: 0;
}
.morfi-picks .morfi-select select {
	appearance: none;
	-webkit-appearance: none;
	min-height: 44px;
	height: auto;
	margin: 0;
	padding: 0 40px 0 14px;
	border: 1.5px solid transparent;
	border-radius: var(--morfi-r);
	background: transparent none;
	box-shadow: none;
	color: var(--morfi-ink);
	font: 600 15px/1.2 var(--morfi-sans);
	cursor: pointer;
}
.morfi-picks .morfi-select select:hover { border-color: var(--morfi-line-2); }
.morfi-picks .morfi-select__chev {
	position: absolute;
	right: 14px;
	width: 16px;
	height: 16px;
	pointer-events: none;
}

/* Meta row */
.morfi-picks__meta {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 16px;
	margin: 18px 0 22px;
}
.morfi-picks__count { font-size: 15px; font-weight: 600; color: var(--morfi-muted); }
.morfi-picks__nav { display: flex; align-items: center; gap: 10px; }
.morfi-picks__nav .morfi-link { margin-right: 12px; }

/* Rail: grid flows by column; JS orders items so each "page" reads left→right, then the 2nd row. */
.morfi-picks .morfi-rail {
	--morfi-cols: 4;
	--morfi-gap: 24px;
	display: grid;
	grid-template-rows: repeat(2, auto);
	grid-auto-flow: column;
	grid-auto-columns: calc((100% - (var(--morfi-cols) - 1) * var(--morfi-gap)) / var(--morfi-cols));
	gap: 40px var(--morfi-gap);
	margin: 0;
	padding: 0 0 4px;
	overflow-x: auto;
	overscroll-behavior-x: contain;
	scroll-snap-type: x mandatory;
	scroll-behavior: smooth;
	scrollbar-width: none;
	outline: 0;
	transition: opacity .2s;
}
.morfi-picks--rows-1 .morfi-rail { grid-template-rows: auto; }
.morfi-picks .morfi-rail::-webkit-scrollbar { display: none; }
.morfi-picks .morfi-rail[aria-busy="true"] { opacity: .45; pointer-events: none; }
.morfi-picks .morfi-rail:focus-visible { outline: 2px solid var(--morfi-wine); outline-offset: 6px; }
.morfi-picks .morfi-rail > * {
	width: auto;
	max-width: none;
	min-width: 0;
	margin: 0;
	scroll-snap-align: start;
}
/* Fallback without WoodMart: WooCommerce wraps cards in <ul class="products">. */
.morfi-picks .morfi-rail > ul.products { display: contents; }
.morfi-picks .morfi-rail > ul.products > li { width: auto; margin: 0; float: none; scroll-snap-align: start; }

.morfi-picks__empty {
	grid-row: 1 / -1;
	grid-column: 1 / -1;
	max-width: 560px;
	margin: 0;
	font-size: 16px;
	color: var(--morfi-ink-2);
}

@media (max-width: 1280px) {
	.morfi-picks .morfi-rail { --morfi-cols: 3; }
}
@media (max-width: 860px) {
	.morfi-picks .morfi-rail { --morfi-gap: 14px; grid-auto-columns: calc((100% - var(--morfi-gap)) / 2.15); gap: 28px var(--morfi-gap); }
	.morfi-picks .morfi-picks__note { display: none; }
	.morfi-picks__bar .morfi-tabs { flex: 1; }
}
@media (max-width: 560px) {
	.morfi-picks__bar { flex-direction: column; align-items: stretch; gap: 10px; }
	.morfi-picks__bar .morfi-select { align-self: flex-end; }
	.morfi-picks__nav .morfi-round { display: none; }
	.morfi-picks__nav .morfi-link { margin-right: 0; }
	.morfi-picks .morfi-rail { --morfi-gap: 12px; grid-auto-columns: calc((100% - var(--morfi-gap)) / 2.1); gap: 24px var(--morfi-gap); }
}