/* Factorize Featured landing: the Rotate button under the homepage Featured grid. */
.fz-rotate { display: flex; justify-content: center; margin: 14px 0 4px; }
.fz-rotate[hidden] { display: none !important; }
.fz-rotate .fz-rotate__btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	min-height: 44px; min-width: 44px; padding: 10px 20px; margin: 0;
	border: 1.5px solid var(--et-border-2, #c7c7d0); border-radius: 999px;
	background: var(--et-surface, #fff);
	color: var(--et-text, #14141a) !important; /* the theme sets every button's text white !important */
	font: inherit; font-weight: 600; font-size: 15px; line-height: 1.2;
	cursor: pointer; box-shadow: none; text-transform: none; letter-spacing: normal;
	-webkit-tap-highlight-color: transparent; touch-action: manipulation;
	transition: border-color .15s, background-color .15s;
}
.fz-rotate .fz-rotate__btn:hover { border-color: var(--et-accent, #c81a1a); background: var(--et-card, #f6f6f8); color: var(--et-text, #14141a) !important; }
.fz-rotate .fz-rotate__btn:focus-visible { outline: 3px solid var(--et-accent, #c81a1a); outline-offset: 2px; }
.fz-rotate__btn[aria-disabled="true"] { cursor: progress; opacity: .75; }
.fz-rotate__icon { flex: none; transition: transform .4s ease; }
.fz-rotate__btn[aria-disabled="true"] .fz-rotate__icon { transform: rotate(180deg); }
@media (max-width: 480px) { .fz-rotate .fz-rotate__btn { width: 100%; max-width: 360px; } }
.fz-rotate__status {
	position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
	overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}
.fz-featured.fz-landing-in ul.products { animation: fz-landing-in .25s ease-out; }
@keyframes fz-landing-in { from { opacity: .35; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
	.fz-featured.fz-landing-in ul.products { animation: none; }
	.fz-rotate__icon, .fz-rotate__btn { transition: none; }
}
