/*
 * Mullet — Elementor widget styles (category "Mullet").
 * Every value falls back to the theme tokens from main.css (--mullet-*), so the Customizer drives the look
 * until a widget style control overrides it.
 *
 *  1. Shared (notices, buttons, sliders)
 *  2. Home Hero Slider       3. Woo Banner          4. Category List
 *  5. Product Tabs / Grid    6. Category Grid       7. Testimonials
 *  8. Posts                  9. Instagram Slider   10. Features Item
 * 11. Countdown             12. Animated Headline  13. Slide Show
 * 14. Menu Vertical         15. Contact Form 7     16. Elementor page tweaks
 */

/* 1. Shared ------------------------------------------------------------------ */
.mullet-el-notice {
	padding: 14px 18px;
	font-size: 13px;
	color: var(--mullet-info);
	background: var(--mullet-info-bg);
	border: 1px dashed currentColor;
	border-radius: var(--mullet-radius);
}

.mullet-el-empty {
	margin: 0;
	padding: 30px 0;
	text-align: center;
	color: var(--mullet-text-soft);
}

/* Theme button (42px, 13px, min 160px) */
.mullet-el-btn-wrap {
	display: flex;
}

.mullet-el-btn-wrap.is-full .mullet-el-btn {
	width: 100%;
}

.mullet-el-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	height: 42px;
	min-width: 160px;
	padding: 0 15px;
	font-family: var(--mullet-font);
	font-size: 13px;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 0.3px;
	text-transform: capitalize;
	white-space: nowrap;
	color: var(--mullet-light);
	background-color: var(--mullet-dark);
	border: 0 solid var(--mullet-dark);
	border-radius: var(--mullet-radius);
	cursor: pointer;
	transition: var(--mullet-transition);
}

.mullet-el-btn:hover,
.mullet-el-btn:focus-visible {
	color: var(--mullet-light);
	background-color: var(--mullet-primary);
	opacity: 1;
}

.mullet-el-btn--sm { height: 33px; font-size: 14px; letter-spacing: 0; }
.mullet-el-btn--lg { height: 45px; font-size: 16px; }

.mullet-el-btn--primary { background-color: var(--mullet-primary); }
.mullet-el-btn--primary:hover { background-color: var(--mullet-dark); }

.mullet-el-btn--light { color: var(--mullet-dark); background-color: var(--mullet-light); }
.mullet-el-btn--light:hover { color: var(--mullet-light); background-color: var(--mullet-dark); }

.mullet-el-btn--outline {
	color: var(--mullet-dark);
	background-color: transparent;
	border-width: 1px;
}

.mullet-el-btn--outline:hover {
	color: var(--mullet-light);
	background-color: var(--mullet-dark);
}

.mullet-el-btn--text {
	position: relative;
	height: auto;
	min-width: 0;
	padding: 0 0 3px;
	font-weight: 500;
	letter-spacing: 1px;
	color: var(--mullet-dark);
	background: none;
	border-radius: 0;
}

.mullet-el-btn--text::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 2px;
	background: currentColor;
	transition: width 0.25s;
}

.mullet-el-btn--text:hover {
	color: var(--mullet-primary);
	background: none;
}

.mullet-el-btn--text:hover::after {
	width: 100%;
}

.mullet-el-btn__icon {
	display: inline-flex;
	line-height: 1;
}

.mullet-el-btn__icon svg,
.mullet-el-btn__icon i {
	width: 1em;
	height: 1em;
	font-size: 1em;
	fill: currentColor;
}

/* Sliders: layout before Swiper initialises (prevents a jump), shared arrows and dots */
.mullet-el-slider {
	position: relative;
	--mullet-pv: var(--mullet-pv-m, 1);
	--mullet-gap: var(--mullet-gap-m, 0px);
}

@media (min-width: 768px) {
	.mullet-el-slider {
		--mullet-pv: var(--mullet-pv-t, var(--mullet-pv-m, 1));
		--mullet-gap: var(--mullet-gap-t, var(--mullet-gap-m, 0px));
	}
}

/* Desktop from 1024px, as the reference theme's slider breakpoints */
@media (min-width: 1024px) {
	.mullet-el-slider {
		--mullet-pv: var(--mullet-pv-d, var(--mullet-pv-t, 1));
		--mullet-gap: var(--mullet-gap-d, var(--mullet-gap-t, 0px));
	}
}

.mullet-el-slider .mullet-swiper:not(.swiper-initialized) .swiper-wrapper {
	display: flex;
	gap: var(--mullet-gap);
	overflow: hidden;
}

.mullet-el-slider .mullet-swiper:not(.swiper-initialized) .swiper-slide {
	flex: 0 0 calc((100% - (var(--mullet-pv) - 1) * var(--mullet-gap)) / var(--mullet-pv));
}

.mullet-el-slider > .mullet-el-dots.swiper-pagination {
	position: relative;
	inset: auto;
	margin-top: var(--mullet-dots-offset, 30px);
	line-height: 1;
	text-align: center;
}

.mullet-el-dots .swiper-pagination-bullet {
	margin: 0 5px !important;
	transition: var(--mullet-transition);
}

.mullet-el-dots .swiper-pagination-bullet-active {
	background: var(--mullet-primary);
}

/* Product-style arrows: small squares on the slider edges, shown on hover (desktop) */
.mullet-el-slider--edge .mullet-swiper-nav,
.mullet-ptabs .mullet-swiper-nav,
.mullet-pgrid .mullet-swiper-nav,
.mullet-catgrid .mullet-swiper-nav,
.mullet-tax .mullet-swiper-nav {
	width: 35px;
	height: 35px;
	margin-top: -17px;
	color: var(--mullet-light);
	background: var(--mullet-primary);
	border: 0;
	border-radius: var(--mullet-radius);
	box-shadow: none;
	opacity: 0;
	visibility: hidden;
	transition: var(--mullet-transition);
}

.mullet-ptabs .mullet-swiper-prev,
.mullet-pgrid .mullet-swiper-prev,
.mullet-catgrid .mullet-swiper-prev,
.mullet-tax .mullet-swiper-prev { left: 0; }

.mullet-ptabs .mullet-swiper-next,
.mullet-pgrid .mullet-swiper-next,
.mullet-catgrid .mullet-swiper-next,
.mullet-tax .mullet-swiper-next { right: 0; }

.mullet-ptabs .mullet-el-slider:hover .mullet-swiper-nav,
.mullet-pgrid .mullet-el-slider:hover .mullet-swiper-nav,
.mullet-catgrid .mullet-el-slider:hover .mullet-swiper-nav,
.mullet-tax .mullet-el-slider:hover .mullet-swiper-nav,
.mullet-el-slider .mullet-swiper-nav:focus-visible {
	opacity: 1;
	visibility: visible;
}

.mullet-ptabs .mullet-swiper-nav:hover,
.mullet-pgrid .mullet-swiper-nav:hover,
.mullet-catgrid .mullet-swiper-nav:hover,
.mullet-tax .mullet-swiper-nav:hover {
	color: var(--mullet-light);
	background: var(--mullet-dark);
}

.mullet-el-slider .mullet-swiper-nav.swiper-button-disabled {
	opacity: 0 !important;
	pointer-events: none;
}

.mullet-el-slider .mullet-swiper-nav.swiper-button-lock {
	display: none;
}

@media (hover: none) {
	.mullet-ptabs .mullet-swiper-nav,
	.mullet-pgrid .mullet-swiper-nav,
	.mullet-catgrid .mullet-swiper-nav,
	.mullet-tax .mullet-swiper-nav {
		opacity: 0.9;
		visibility: visible;
	}
}

/* Translucent round arrows on image sliders (hero, posts, instagram, slideshow) */
.mullet-hero .mullet-swiper-nav,
.mullet-posts .mullet-swiper-nav,
.mullet-insta .mullet-swiper-nav,
.mullet-slideshow .mullet-swiper-nav {
	width: 30px;
	height: 30px;
	margin-top: -15px;
	color: var(--mullet-light);
	background: rgba(255, 255, 255, 0.2);
	border: 0;
	box-shadow: none;
	-webkit-backdrop-filter: blur(2px);
	backdrop-filter: blur(2px);
}

.mullet-hero .mullet-swiper-nav:hover,
.mullet-posts .mullet-swiper-nav:hover,
.mullet-insta .mullet-swiper-nav:hover,
.mullet-slideshow .mullet-swiper-nav:hover {
	color: var(--mullet-light);
	background: rgba(255, 255, 255, 0.37);
}

.mullet-hero .mullet-swiper-nav svg,
.mullet-posts .mullet-swiper-nav svg,
.mullet-insta .mullet-swiper-nav svg,
.mullet-slideshow .mullet-swiper-nav svg {
	width: 14px;
	height: 14px;
}

.mullet-hero .mullet-swiper-prev,
.mullet-posts .mullet-swiper-prev,
.mullet-insta .mullet-swiper-prev,
.mullet-slideshow .mullet-swiper-prev { left: 20px; }

.mullet-hero .mullet-swiper-next,
.mullet-posts .mullet-swiper-next,
.mullet-insta .mullet-swiper-next,
.mullet-slideshow .mullet-swiper-next { right: 20px; }

.mullet-insta .mullet-swiper-nav {
	background: rgba(27, 27, 27, 0.35);
}

.mullet-insta .mullet-swiper-nav:hover {
	background: var(--mullet-primary);
}

/* Posts slider: arrows paired at the bottom centre, over the cards (as the reference) */
.mullet-posts .mullet-swiper-nav {
	top: auto;
	bottom: 4.7%;
	margin-top: 0;
}

.mullet-posts .mullet-swiper-prev { left: 43%; right: auto; }
.mullet-posts .mullet-swiper-next { right: 43%; left: auto; }

@media (max-width: 480px) {
	.mullet-hero .mullet-swiper-nav,
	.mullet-posts .mullet-swiper-nav,
	.mullet-insta .mullet-swiper-nav {
		display: none;
	}
}

/* 2. Home Hero Slider -------------------------------------------------------- */
.mullet-hero {
	position: relative;
	height: 620px;
	overflow: hidden;
	background: var(--mullet-bg-soft);
}

.mullet-hero .mullet-el-slider,
.mullet-hero .mullet-swiper,
.mullet-hero .swiper-wrapper,
.mullet-hero .swiper-slide {
	height: 100%;
}

.mullet-hero .mullet-swiper:not(.swiper-initialized) .swiper-slide:not(:first-child) {
	display: none;
}

.mullet-hero__slide {
	position: relative;
	overflow: hidden;
}

.mullet-hero__media,
.mullet-hero__overlay,
.mullet-hero__link {
	position: absolute;
	inset: 0;
}

.mullet-hero__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mullet-hero--kenburns .swiper-slide-active .mullet-hero__media img {
	animation: mullet-kenburns 9s ease-out both;
}

.mullet-hero__overlay {
	pointer-events: none;
}

.mullet-hero__link {
	z-index: 2;
}

.mullet-hero__inner {
	position: relative;
	z-index: 3;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
	padding: 50px;
	text-align: left;
	pointer-events: none;
}

.mullet-hero__content {
	display: flex;
	flex-direction: column;
	align-items: inherit;
	max-width: 100%;
}

.mullet-hero__content > * {
	pointer-events: auto;
}

.mullet-hero__subtitle {
	display: block;
	margin-bottom: 15px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: var(--mullet-light);
}

.mullet-hero__title {
	margin: 0;
	font-size: clamp(36px, 5.4vw, 78px);
	line-height: 1;
	color: var(--mullet-light);
}

.mullet-hero__text {
	position: relative;
	margin: 10px 0 30px;
	font-size: 1.5em;
	line-height: 1.6;
	color: var(--mullet-light);
}

.mullet-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.mullet-hero .mullet-el-dots.swiper-pagination {
	position: absolute;
	left: 0;
	right: 0;
	bottom: var(--mullet-dots-offset, 30px);
	margin: 0;
	z-index: 5;
}

/* Flat dashes, as the reference theme's swiper bullets (30x6, border colour, no radius) */
.mullet-hero .swiper-pagination-bullet,
.mullet-slideshow .swiper-pagination-bullet {
	box-sizing: border-box;
	width: 30px;
	height: 6px;
	margin: 0 4px !important;
	background: var(--mullet-border);
	border-radius: 0;
	opacity: 1;
}

/* Hero arrows sit beside the dashes at the bottom centre */
.mullet-hero .mullet-swiper-nav {
	top: auto;
	bottom: 4.7%;
	margin-top: 0;
}

.mullet-hero .mullet-swiper-nav svg {
	width: 12px;
	height: 12px;
}

.mullet-hero .mullet-swiper-prev { left: 43%; right: auto; }
.mullet-hero .mullet-swiper-next { right: 43%; left: auto; }

.mullet-hero .swiper-pagination-bullet-active {
	background: var(--mullet-primary);
	opacity: 1;
}

/* Content animation (active slide only) */
.mullet-hero:not(.mullet-hero--anim-none) .mullet-swiper.swiper-initialized .mullet-hero__anim {
	opacity: 0;
}

.mullet-hero:not(.mullet-hero--anim-none) .swiper-slide-active .mullet-hero__anim {
	animation: mullet-fade-up 0.9s cubic-bezier(0.2, 0.7, 0.2, 1) both;
}

.mullet-hero--anim-fade .swiper-slide-active .mullet-hero__anim { animation-name: mullet-fade; }
.mullet-hero--anim-zoom .swiper-slide-active .mullet-hero__anim { animation-name: mullet-zoom-in; }

.mullet-hero .swiper-slide-active .mullet-hero__anim:nth-child(1) { animation-delay: 0.15s; }
.mullet-hero .swiper-slide-active .mullet-hero__anim:nth-child(2) { animation-delay: 0.3s; }
.mullet-hero .swiper-slide-active .mullet-hero__anim:nth-child(3) { animation-delay: 0.45s; }
.mullet-hero .swiper-slide-active .mullet-hero__anim:nth-child(4) { animation-delay: 0.6s; }

@keyframes mullet-fade-up {
	from { opacity: 0; transform: translate3d(0, 40px, 0); }
	to { opacity: 1; transform: none; }
}

@keyframes mullet-fade {
	from { opacity: 0; }
	to { opacity: 1; }
}

@keyframes mullet-zoom-in {
	from { opacity: 0; transform: scale(0.85); }
	to { opacity: 1; transform: none; }
}

@keyframes mullet-kenburns {
	from { transform: scale(1); }
	to { transform: scale(1.12); }
}

@media (max-width: 767px) {
	.mullet-hero { height: 480px; }
	.mullet-hero__text { font-size: 18px; }
}

/* Small phones: buttons shrink to their content, as the reference theme does */
@media (max-width: 480px) {
	.mullet-el-btn:not(.mullet-el-btn--text) {
		min-width: 0;
		height: 38px;
	}
}

/* 3. Woo Banner -------------------------------------------------------------- */
.mullet-banner {
	--mullet-banner-zoom: 1.1;
	position: relative;
	display: block;
	overflow: hidden;
	isolation: isolate;
}

.mullet-banner__link {
	position: absolute;
	inset: 0;
	z-index: 4;
}

.mullet-banner__media {
	position: relative;
	display: block;
	height: 380px;
	overflow: hidden;
	background: var(--mullet-bg-soft);
}

.mullet-banner__media img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.4s ease-in-out;
}

.mullet-banner:hover .mullet-banner__media img {
	transform: scale(var(--mullet-banner-zoom));
}

.mullet-banner__overlay {
	position: absolute;
	inset: 0;
	z-index: 1;
	background: transparent;
	transition: background-color 0.15s ease-in-out;
}

.mullet-banner--overlay .mullet-banner__overlay {
	background: rgba(57, 57, 58, 0.34);
}

.mullet-banner__content {
	position: absolute;
	inset: 0;
	z-index: 2;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-start;
	padding: 30px;
	pointer-events: none;
}

.mullet-banner--pos-top .mullet-banner__content { justify-content: flex-start; }
.mullet-banner--pos-center .mullet-banner__content { justify-content: center; }

.mullet-banner__box {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	max-width: 100%;
}

.mullet-banner__item {
	display: block;
	margin: 0;
	line-height: 1;
}

.mullet-banner__item + .mullet-banner__item {
	margin-top: 15px;
}

.mullet-banner__cat {
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.mullet-banner__title {
	margin: 0;
	line-height: 1;
	color: inherit;
}

.mullet-banner__count,
.mullet-banner__subtitle {
	font-size: 13px;
}

.mullet-banner__btn {
	display: inline-flex !important;
	align-self: flex-start;
	align-items: center;
	gap: 8px;
	padding: 10px 15px;
	font-size: 13px;
	color: var(--mullet-light);
	background: var(--mullet-dark);
	border-radius: var(--mullet-radius);
}

/* card styles: white box */
.mullet-banner--card .mullet-banner__box,
.mullet-banner--card-hover .mullet-banner__box {
	padding: 15px;
	color: var(--mullet-dark);
	background: var(--mullet-light);
	border-radius: var(--mullet-radius);
}

.mullet-banner--card-hover .mullet-banner__box {
	opacity: 0;
	transition: opacity 0.15s ease-in-out;
}

.mullet-banner--card-hover .mullet-banner__item {
	opacity: 0;
	transform: translateY(20px);
	transition: all 0.15s ease-in-out;
}

.mullet-banner--card-hover:hover .mullet-banner__box,
.mullet-banner--card-hover:focus-within .mullet-banner__box {
	opacity: 1;
}

.mullet-banner--card-hover:hover .mullet-banner__item,
.mullet-banner--card-hover:focus-within .mullet-banner__item {
	opacity: 1;
	transform: none;
}

.mullet-banner--card-hover:hover .mullet-banner__item + .mullet-banner__item {
	transition-delay: 0.15s;
}

@media (hover: none) {
	.mullet-banner--card-hover .mullet-banner__box,
	.mullet-banner--card-hover .mullet-banner__item {
		opacity: 1;
		transform: none;
	}
}

.mullet-banner--overlay .mullet-banner__box {
	color: var(--mullet-light);
}

.mullet-banner--overlay .mullet-banner__title {
	color: var(--mullet-light);
}

/* classic: text below the image */
.mullet-banner--classic .mullet-banner__content {
	position: relative;
	inset: auto;
	padding: 18px 0 0;
}

@media (max-width: 767px) {
	.mullet-banner__media { height: 320px; }
}

/* 4. Category List ----------------------------------------------------------- */
.mullet-tax__list {
	display: flex;
	flex-direction: column;
}

.mullet-tax--grid .mullet-tax__list {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 10px;
}

.mullet-tax__item {
	position: relative;
	display: flex;
	min-height: 35px;
	padding: 5px 10px;
	transition: background-color 0.25s;
}

.mullet-tax--list .mullet-tax__list {
	border: 1px solid var(--mullet-border);
	border-radius: var(--mullet-radius);
}

.mullet-tax--list .mullet-tax__item + .mullet-tax__item {
	border-top: 1px solid var(--mullet-border);
}

.mullet-tax--grid .mullet-tax__item,
.mullet-tax--slider .mullet-tax__item {
	border: 1px solid var(--mullet-border);
}

.mullet-tax__link {
	display: flex;
	flex: 1;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	min-width: 0;
	color: var(--mullet-dark);
}

.mullet-tax__link:hover {
	opacity: 1;
}

.mullet-tax__thumb {
	position: relative;
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	width: 45px;
	height: 45px;
	overflow: hidden;
	border-radius: var(--mullet-radius);
	background: var(--mullet-bg-soft);
	transition: background-color 0.25s;
}

.mullet-tax__thumb img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: inherit;
}

.mullet-tax__initial {
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
}

.mullet-tax__title {
	flex: 1 1 auto;
	min-width: 0;
	overflow: hidden;
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: color 0.25s;
}

.mullet-tax__count {
	display: flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	min-width: 45px;
	height: 45px;
	font-size: 11px;
	font-weight: 500;
	color: var(--mullet-error);
	background-color: var(--mullet-error-bg);
	border-radius: var(--mullet-radius);
	transition: var(--mullet-transition);
}

.mullet-tax__item:hover {
	background-color: var(--mullet-primary);
}

.mullet-tax__item:hover .mullet-tax__title {
	color: var(--mullet-light);
}

.mullet-tax__item:hover .mullet-tax__thumb {
	background-color: var(--mullet-error-bg);
}

.mullet-tax__item:hover .mullet-tax__count {
	color: var(--mullet-dark);
	background-color: var(--mullet-light);
}

.mullet-tax--style-3 .mullet-tax__item {
	border-radius: var(--mullet-radius);
}

.mullet-tax--style-4 .mullet-tax__item {
	padding: 5px;
	border-radius: 50px;
}

.mullet-tax--style-4 .mullet-tax__thumb,
.mullet-tax--style-4 .mullet-tax__count {
	border-radius: 50px;
}

.mullet-tax--style-4 .mullet-tax__thumb img {
	border-radius: 50%;
}

@media (max-width: 1024px) {
	.mullet-tax--grid .mullet-tax__list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
	.mullet-tax--grid .mullet-tax__list { grid-template-columns: minmax(0, 1fr); }
}

/* 5. Product Tabs / Product Grid --------------------------------------------- */
.mullet-ptabs__header {
	position: relative;
	z-index: 5;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 2px solid var(--mullet-border);
}

.mullet-ptabs__title {
	margin: 0;
}

.mullet-ptabs__menu {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 3px;
}

.mullet-ptabs__tab,
.mullet-ptabs__tab:hover {
	display: inline-flex;
	align-items: center;
	min-height: 30px;
	margin: 0;
	padding: 5px 8px;
	font-family: var(--mullet-font);
	font-size: 11px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: normal;
	text-transform: uppercase;
	color: var(--mullet-dark);
	background: transparent;
	border: 1px solid var(--mullet-border);
	border-radius: 0;
	box-shadow: none;
	white-space: nowrap;
	cursor: pointer;
}

.mullet-ptabs__tab:hover,
.mullet-ptabs__tab.is-active {
	color: var(--mullet-error);
	background-color: var(--mullet-error-bg);
	border-color: var(--mullet-error-bg);
}

/* Plain: borderless fast-filter links (reference style-4 with 0 border); hover gets the soft red chip,
   the current tab only its dark-red text so the header reads plain on load like the reference */
.mullet-ptabs__menu--plain .mullet-ptabs__tab,
.mullet-ptabs__menu--plain .mullet-ptabs__tab:hover {
	padding: 5px;
	color: #343131;
	background: none;
	border: 0;
}

.mullet-ptabs__menu--plain .mullet-ptabs__tab.is-active {
	color: var(--mullet-error);
}

.mullet-ptabs__menu--plain .mullet-ptabs__tab:hover {
	color: var(--mullet-error);
	background-color: var(--mullet-error-bg);
}

.mullet-ptabs__menu--pills .mullet-ptabs__tab {
	padding: 6px 15px;
	border-radius: 20px;
}

.mullet-ptabs__menu--separated {
	gap: 10px;
}

.mullet-ptabs__menu--separated .mullet-ptabs__tab,
.mullet-ptabs__menu--separated .mullet-ptabs__tab:hover {
	min-height: 0;
	padding: 0 10px 0 0;
	color: #343131;
	background: none;
	border: 0;
	border-right: 1px solid var(--mullet-border);
}

.mullet-ptabs__menu--separated .mullet-ptabs__tab:last-child {
	padding-right: 0;
	border-right: 0;
}

.mullet-ptabs__menu--separated .mullet-ptabs__tab:hover,
.mullet-ptabs__menu--separated .mullet-ptabs__tab.is-active {
	color: var(--mullet-primary);
	background: none;
}

.mullet-ptabs__button {
	position: relative;
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	gap: 14px;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 1px;
	text-transform: capitalize;
	color: var(--mullet-dark);
}

.mullet-ptabs__button::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 2px;
	background: currentColor;
	transition: width 0.25s;
}

.mullet-ptabs__button:hover {
	color: var(--mullet-primary);
	opacity: 1;
}

.mullet-ptabs__button:hover::after {
	width: 100%;
}

.mullet-ptabs__pane[hidden] {
	display: none;
}

.mullet-ptabs__pane.is-active {
	animation: mullet-fade 0.4s ease both;
}

.mullet-ptabs__grid,
.mullet-pgrid__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 20px;
}

.mullet-ptabs__grid {
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

.mullet-ptabs .swiper-slide,
.mullet-pgrid .swiper-slide {
	height: auto;
}

@media (max-width: 1024px) {
	.mullet-ptabs__grid,
	.mullet-pgrid__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

.mullet-ptabs__trigger {
	display: none;
}

/* <= 800px: title, "Filter" toggle and link on one row; the tab list drops down under the header */
@media (max-width: 800px) {
	.mullet-ptabs__header {
		gap: 15px;
	}

	.mullet-ptabs__title {
		max-width: 100%;
		font-size: 22px;
	}

	.mullet-ptabs__trigger,
	.mullet-ptabs__trigger:hover {
		display: inline-flex;
		flex: 0 0 auto;
		flex-direction: row-reverse;
		align-items: center;
		gap: 5px;
		min-height: 0;
		margin: 0;
		padding: 5px 10px;
		font-size: 14.6px;
		font-weight: 400;
		letter-spacing: normal;
		text-transform: none;
		line-height: 1.6;
		color: var(--mullet-text);
		background: var(--mullet-light);
		border: 1px solid var(--mullet-border);
		border-radius: var(--mullet-radius);
		box-shadow: none;
	}

	.mullet-ptabs__trigger svg {
		color: var(--mullet-dark);
	}

	.mullet-ptabs__menu {
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		z-index: 1;
		flex-wrap: wrap;
		justify-content: flex-start;
		width: 100%;
		padding: 20px 10px;
		background: var(--mullet-light);
		border: 1px solid var(--mullet-border);
		border-radius: var(--mullet-radius);
		opacity: 0;
		visibility: hidden;
		transition: var(--mullet-transition);
	}

	.mullet-ptabs.is-menu-open .mullet-ptabs__menu {
		opacity: 1;
		visibility: visible;
	}

	.mullet-ptabs__button {
		min-width: 30%;
		justify-content: center;
	}
}

@media (max-width: 767px) {
	.mullet-ptabs__grid,
	.mullet-pgrid__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
}

/* Fallback product card (used only when the WooCommerce part's card is unavailable) */
.mullet-el-product__thumb {
	position: relative;
	display: block;
	overflow: hidden;
	border-radius: var(--mullet-radius);
	background: var(--mullet-bg-soft);
}

.mullet-el-product__thumb img {
	width: 100%;
	aspect-ratio: 4 / 5;
	object-fit: cover;
}

.mullet-el-product__badge {
	position: absolute;
	top: 10px;
	left: 10px;
	padding: 4px 8px;
	font-size: 11px;
	color: var(--mullet-light);
	background: var(--mullet-primary);
	border-radius: 3px;
}

.mullet-el-product__body {
	padding-top: 12px;
}

.mullet-el-product__title {
	margin: 0 0 6px;
	font-size: 15px;
}

.mullet-el-product__price {
	margin-bottom: 10px;
	color: var(--mullet-dark);
}

.mullet-el-product__price del {
	margin-right: 6px;
	color: var(--mullet-text-soft);
}

.mullet-el-product__price ins {
	text-decoration: none;
	color: var(--mullet-primary);
}

/* 6. Category Grid ----------------------------------------------------------- */
.mullet-catgrid__grid {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 20px;
}

.mullet-catgrid__item {
	position: relative;
	display: block;
	color: var(--mullet-dark);
}

.mullet-catgrid__item:hover {
	opacity: 1;
}

.mullet-catgrid__media {
	position: relative;
	display: block;
	padding-top: 120%;
	overflow: hidden;
	border-radius: var(--mullet-radius);
	background: var(--mullet-bg-soft);
}

.mullet-catgrid__media img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.mullet-catgrid__item:hover .mullet-catgrid__media img {
	transform: scale(1.06);
}

.mullet-catgrid__body {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	padding-top: 14px;
	text-align: center;
}

.mullet-catgrid__title {
	font-size: 15px;
	font-weight: 500;
}

.mullet-catgrid__count {
	font-size: 12px;
	color: var(--mullet-text-soft);
}

.mullet-catgrid--overlay .mullet-catgrid__body {
	position: absolute;
	left: 15px;
	right: 15px;
	bottom: 15px;
	padding: 12px;
	background: var(--mullet-light);
	border-radius: var(--mullet-radius);
}

@media (max-width: 1024px) {
	.mullet-catgrid__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
	.mullet-catgrid__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
}

/* 7. Testimonials ------------------------------------------------------------ */
.mullet-testi .swiper-slide {
	height: auto;
}

.mullet-testi__item {
	height: 100%;
	margin: 0;
	text-align: center;
	border-radius: var(--mullet-radius);
}

.mullet-testi__quote {
	margin: 0;
	padding: 0;
	font-size: inherit;
	color: inherit;
	background: none;
	border: 0;
}

.mullet-testi__text {
	margin: 0;
	font-size: 22px;
	line-height: 1.75;
	color: var(--mullet-dark);
}

.mullet-testi__author {
	display: flex;
	align-items: center;
	justify-content: var(--mullet-testi-align, center);
	gap: 30px;
	text-align: left;
}

.mullet-testi__author:has(> :only-child) {
	gap: 0;
}

.mullet-testi__avatar img {
	display: block;
	width: 60px;
	height: 60px;
	object-fit: cover;
	border-radius: 50%;
}

.mullet-testi__who {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.mullet-testi__name {
	margin: 0;
}

.mullet-testi__position {
	font-size: var(--mullet-font-size);
	font-weight: 400;
	color: var(--mullet-dark);
}

.mullet-testi__stars {
	display: inline-flex;
	gap: 2px;
	margin-bottom: 15px;
	color: var(--mullet-accent);
}

.mullet-testi--2 .mullet-testi__quote { margin-bottom: 40px; }
.mullet-testi--3 .mullet-testi__quote { margin-top: 40px; }

.mullet-testi--1 .mullet-testi__author {
	flex-direction: column;
	gap: 20px;
	text-align: center;
}

.mullet-testi--1 .mullet-testi__quote {
	margin-top: 40px;
}

.mullet-testi .mullet-el-dots .swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	opacity: 1;
}

@media (max-width: 767px) {
	.mullet-testi__text { font-size: 17px; }
	.mullet-testi__author { gap: 15px; }
	.mullet-testi--2 .mullet-testi__quote { margin-bottom: 25px; }
}

/* 8. Posts ------------------------------------------------------------------- */
.mullet-posts__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 30px;
}

.mullet-posts .swiper-slide {
	height: auto;
}

.mullet-el-post {
	height: 100%;
}

.mullet-el-post--card .mullet-el-post__inner {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	min-height: 450px;
	padding: 30px;
	overflow: hidden;
	background-color: var(--mullet-bg-soft);
	background-position: center;
	background-size: cover;
	border-radius: var(--mullet-radius);
}

.mullet-el-post--card .mullet-el-post__inner::before {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(57, 57, 58, 0.44);
	transition: background-color 0.3s;
}

.mullet-el-post--card.no-thumb .mullet-el-post__inner::before {
	content: none;
}

.mullet-el-post--card .mullet-el-post__inner:hover::before {
	background-color: rgba(57, 57, 58, 0.6);
}

.mullet-el-post__overlay-link {
	position: absolute;
	inset: 0;
	z-index: 1;
}

.mullet-el-post__cat {
	position: relative;
	z-index: 2;
	align-self: flex-end;
}

.mullet-el-post__cat span {
	display: inline-block;
	padding: 7px 15px;
	font-size: 11px;
	line-height: 1;
	text-transform: uppercase;
	color: var(--mullet-dark);
	background: var(--mullet-light);
	border-radius: 3px;
}

.mullet-el-post--card .mullet-el-post__content {
	position: relative;
	z-index: 2;
	margin-top: auto;
	margin-right: 20px;
	color: var(--mullet-light);
	pointer-events: none;
}

.mullet-el-post--card .mullet-el-post__content a {
	pointer-events: auto;
}

.mullet-el-post__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 5px 12px;
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.mullet-el-post__title {
	margin: 0 0 10px;
}

.mullet-el-post--card .mullet-el-post__title,
.mullet-el-post--card .mullet-el-post__title a,
.mullet-el-post--card .mullet-el-post__meta {
	color: var(--mullet-light);
}

.mullet-el-post--card.no-thumb .mullet-el-post__content,
.mullet-el-post--card.no-thumb .mullet-el-post__title a,
.mullet-el-post--card.no-thumb .mullet-el-post__meta {
	color: var(--mullet-dark);
}

.mullet-el-post__excerpt {
	margin: 0;
	line-height: 1.5;
}

.mullet-el-post--classic .mullet-el-post__thumb {
	display: block;
	overflow: hidden;
	border-radius: var(--mullet-radius);
}

.mullet-el-post--classic .mullet-el-post__thumb img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	transition: transform 0.5s;
}

.mullet-el-post--classic:hover .mullet-el-post__thumb img {
	transform: scale(1.05);
}

.mullet-el-post--classic .mullet-el-post__content {
	padding-top: 20px;
}

.mullet-el-post--classic .mullet-el-post__meta {
	color: var(--mullet-text-soft);
}

.mullet-el-post__more {
	display: inline-block;
	margin-top: 14px;
}

@media (max-width: 1024px) {
	.mullet-posts__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
	.mullet-posts__grid { grid-template-columns: minmax(0, 1fr); }
	.mullet-el-post--card .mullet-el-post__inner { min-height: 380px; }
}

/* 9. Instagram Slider -------------------------------------------------------- */
.mullet-insta__item {
	position: relative;
	display: block;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	color: var(--mullet-light);
	background: var(--mullet-bg-soft);
}

.mullet-insta__item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.6s ease;
}

.mullet-insta__item::after {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(27, 27, 27, 0.35);
	opacity: 0;
	transition: opacity 0.3s;
}

.mullet-insta__icon,
.mullet-insta__text {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 2;
	transform: translate(-50%, -30%);
	opacity: 0;
	transition: all 0.3s;
}

.mullet-insta__text {
	top: auto;
	bottom: 20px;
	font-size: 13px;
	white-space: nowrap;
}

.mullet-insta__item:hover,
.mullet-insta__item:focus-visible {
	opacity: 1;
	color: var(--mullet-light);
}

.mullet-insta__item:hover img { transform: scale(1.08); }
.mullet-insta__item:hover::after,
.mullet-insta__item:focus-visible::after { opacity: 1; }

.mullet-insta__item:hover .mullet-insta__icon,
.mullet-insta__item:focus-visible .mullet-insta__icon {
	opacity: 1;
	transform: translate(-50%, -50%);
}

.mullet-insta__item:hover .mullet-insta__text {
	opacity: 1;
	transform: translate(-50%, 0);
}

/* 10. Features Item ---------------------------------------------------------- */
.mullet-feature {
	display: flex;
	align-items: center;
	gap: 18px;
	color: inherit;
	border: 0 solid var(--mullet-border);
	transition: var(--mullet-transition);
}

a.mullet-feature:hover {
	opacity: 1;
}

.mullet-feature--top {
	flex-direction: column;
	align-items: inherit;
	text-align: center;
}

.mullet-feature--top .mullet-feature__media {
	margin: 0 auto;
}

.mullet-feature--right {
	flex-direction: row-reverse;
	text-align: right;
}

.mullet-feature__media {
	--mullet-feature-icon: 32px;
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	color: var(--mullet-dark);
	border-radius: 50%;
	transition: var(--mullet-transition);
}

.mullet-feature__media svg,
.mullet-feature__media i,
.mullet-feature__media img {
	width: var(--mullet-feature-icon);
	height: var(--mullet-feature-icon);
	font-size: var(--mullet-feature-icon);
	object-fit: contain;
}

.mullet-feature__media svg:not(.mullet-icon) {
	fill: currentColor;
}

a.mullet-feature:hover .mullet-feature__media {
	color: var(--mullet-primary);
}

.mullet-feature__body {
	min-width: 0;
}

.mullet-feature__title {
	margin: 0 0 4px;
}

.mullet-feature__text {
	margin: 0;
	font-size: 13px;
	color: var(--mullet-text);
}

/* 11. Countdown -------------------------------------------------------------- */
.mullet-countdown {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.mullet-countdown__unit {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-width: 70px;
	padding: 12px 8px;
	line-height: 1;
	background: var(--mullet-light);
	border: 1px solid var(--mullet-border);
	border-radius: var(--mullet-radius);
}

.mullet-countdown__num {
	font-family: var(--mullet-font-heading);
	font-size: 26px;
	font-weight: 500;
	color: var(--mullet-dark);
	font-variant-numeric: tabular-nums;
}

.mullet-countdown__label {
	margin-top: 6px;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: var(--mullet-text-soft);
}

.mullet-countdown--inline {
	gap: 4px 14px;
}

.mullet-countdown--inline .mullet-countdown__unit {
	flex-direction: row;
	align-items: baseline;
	gap: 4px;
	min-width: 0;
	padding: 0;
	background: none;
	border: 0;
}

.mullet-countdown--inline .mullet-countdown__label {
	margin: 0;
}

.mullet-countdown.is-expired {
	font-weight: 500;
	color: var(--mullet-primary);
}

/* 12. Animated Headline ------------------------------------------------------ */
.mullet-headline {
	--mullet-headline-shape: var(--mullet-primary);
	margin: 0;
}

.mullet-headline__words {
	position: relative;
	display: inline-block;
	vertical-align: top;
	color: var(--mullet-primary);
	text-align: left;
}

.mullet-headline__word {
	display: inline-block;
	font-weight: inherit;
	white-space: nowrap;
}

.mullet-headline--rotate .mullet-headline__words,
.mullet-headline--fade .mullet-headline__words {
	overflow: hidden;
	transition: width 0.4s ease;
}

.mullet-headline--rotate .mullet-headline__word,
.mullet-headline--fade .mullet-headline__word {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
}

.mullet-headline--rotate .mullet-headline__word.is-visible,
.mullet-headline--fade .mullet-headline__word.is-visible {
	position: relative;
	opacity: 1;
}

.mullet-headline--rotate .mullet-headline__word.is-visible { animation: mullet-word-in 0.6s cubic-bezier(0.2, 0.7, 0.2, 1) both; }
.mullet-headline--rotate .mullet-headline__word.is-hidden { animation: mullet-word-out 0.6s cubic-bezier(0.2, 0.7, 0.2, 1) both; }
.mullet-headline--fade .mullet-headline__word.is-visible { animation: mullet-fade 0.6s ease both; }

@keyframes mullet-word-in {
	from { opacity: 0; transform: translateY(100%); }
	to { opacity: 1; transform: none; }
}

@keyframes mullet-word-out {
	from { opacity: 1; transform: none; }
	to { opacity: 0; transform: translateY(-100%); }
}

.mullet-headline--typing .mullet-headline__word {
	display: none;
}

.mullet-headline--typing .mullet-headline__word.is-visible {
	display: inline-block;
}

.mullet-headline--typing .mullet-headline__words::after {
	content: "";
	display: inline-block;
	width: 2px;
	height: 0.9em;
	margin-left: 3px;
	vertical-align: -0.05em;
	background: var(--mullet-headline-shape);
	animation: mullet-caret 0.8s steps(1) infinite;
}

@keyframes mullet-caret {
	50% { opacity: 0; }
}

.mullet-headline__highlight {
	position: relative;
	z-index: 0;
	color: inherit;
}

.mullet-headline__highlight svg {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: -1;
	width: calc(100% + 20px);
	height: calc(100% + 20px);
	overflow: visible;
	transform: translate(-50%, -50%);
}

.mullet-headline__highlight path {
	fill: none;
	stroke: var(--mullet-headline-shape);
	stroke-width: 9;
	stroke-linecap: round;
	stroke-dasharray: 1500;
	stroke-dashoffset: 1500;
}

.mullet-headline.is-animated .mullet-headline__highlight path {
	animation: mullet-draw 1.2s ease forwards;
}

@keyframes mullet-draw {
	to { stroke-dashoffset: 0; }
}

/* 13. Slide Show ------------------------------------------------------------- */
.mullet-slideshow {
	position: relative;
	height: 560px;
	overflow: hidden;
	background: var(--mullet-dark);
}

.mullet-slideshow__slider,
.mullet-slideshow .mullet-swiper,
.mullet-slideshow .swiper-wrapper,
.mullet-slideshow .swiper-slide {
	position: absolute;
	inset: 0;
	height: 100%;
}

.mullet-slideshow .mullet-swiper:not(.swiper-initialized) .swiper-slide:not(:first-child) {
	display: none;
}

.mullet-slideshow__slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mullet-slideshow--kenburns .swiper-slide-active img {
	animation: mullet-kenburns 8s ease-out both;
}

.mullet-slideshow__overlay {
	position: absolute;
	inset: 0;
	z-index: 2;
	background: rgba(0, 0, 0, 0.25);
	pointer-events: none;
}

.mullet-slideshow__content {
	position: relative;
	z-index: 3;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
	padding: 50px;
	text-align: center;
	color: var(--mullet-light);
}

.mullet-slideshow__subtitle {
	margin-bottom: 12px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.mullet-slideshow__title {
	margin: 0 0 15px;
	font-size: clamp(34px, 5vw, 64px);
	line-height: 1.05;
	color: var(--mullet-light);
}

.mullet-slideshow__text {
	max-width: 620px;
	margin: 0 0 28px;
	font-size: 18px;
}

.mullet-slideshow .mullet-el-dots.swiper-pagination {
	position: absolute;
	left: 0;
	right: 0;
	bottom: var(--mullet-dots-offset, 30px);
	z-index: 4;
	margin: 0;
}

.mullet-slideshow .swiper-pagination-bullet {
	background: var(--mullet-light);
}

/* 14. Menu Vertical ---------------------------------------------------------- */
.mullet-vmenu {
	background: var(--mullet-bg);
}

.mullet-vmenu.is-bordered {
	border: 1px solid var(--mullet-border);
	border-radius: var(--mullet-radius);
}

.mullet-vmenu__title {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 14px 20px;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: var(--mullet-light);
	background: var(--mullet-dark);
	border-radius: var(--mullet-radius) var(--mullet-radius) 0 0;
}

.mullet-vmenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.mullet-vmenu li {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.mullet-vmenu.is-bordered .mullet-vmenu__list > li + li {
	border-top: 1px solid var(--mullet-border);
}

.mullet-vmenu a {
	flex: 1;
	padding: 11px 20px;
	font-size: 14px;
	color: var(--mullet-dark);
}

.mullet-vmenu a:hover,
.mullet-vmenu .current-menu-item > a {
	color: var(--mullet-primary);
	opacity: 1;
}

.mullet-vmenu__toggle,
.mullet-vmenu__toggle:hover {
	width: 40px;
	height: 40px;
	min-height: 0;
	margin: 0;
	padding: 0;
	color: var(--mullet-dark);
	background: transparent;
	border: 0;
	box-shadow: none;
}

.mullet-vmenu__toggle svg {
	transition: transform 0.25s;
}

.mullet-vmenu__toggle[aria-expanded="true"] svg {
	transform: rotate(180deg);
}

.mullet-vmenu .sub-menu {
	display: none;
	flex: 0 0 100%;
	padding-left: 15px;
	background: var(--mullet-bg-soft);
}

.mullet-vmenu li.is-open > .sub-menu {
	display: block;
}

.mullet-vmenu .sub-menu a {
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 13px;
}

/* 15. Contact Form 7 --------------------------------------------------------- */
.mullet-cf7 .wpcf7-form > p {
	margin: 0 0 18px;
}

.mullet-cf7 label {
	display: block;
	font-size: 13px;
	font-weight: 500;
	color: var(--mullet-dark);
}

.mullet-cf7 .wpcf7-form-control-wrap {
	display: block;
	margin-top: 6px;
}

.mullet-cf7 input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.mullet-cf7 textarea,
.mullet-cf7 select {
	width: 100%;
}

.mullet-cf7.is-full-button input[type="submit"] {
	width: 100%;
}

.mullet-cf7 .wpcf7-not-valid-tip {
	margin-top: 5px;
	font-size: 12px;
	color: var(--mullet-error);
}

.mullet-cf7 .wpcf7-response-output {
	margin: 15px 0 0 !important;
	padding: 12px 15px !important;
	border-radius: var(--mullet-radius);
}

/* 16. Elementor page tweaks -------------------------------------------------- */
.elementor-widget-heading .elementor-heading-title a {
	color: inherit;
}

/* Heading widget line-heights follow the theme scale (Elementor resets them to 1) */
h1.elementor-heading-title,
h2.elementor-heading-title { line-height: 1.2; }
h3.elementor-heading-title { line-height: 1.3; }
h4.elementor-heading-title { line-height: 1.4; }
h5.elementor-heading-title,
h6.elementor-heading-title { line-height: 1.6; }

.elementor-heading-title b,
.elementor-heading-title strong {
	font-weight: 500;
	color: var(--mullet-dark);
}

.elementor-widget-heading p.elementor-heading-title {
	font-size: var(--mullet-font-size);
	line-height: var(--mullet-line-height);
	font-weight: var(--mullet-font-weight);
}

@media (prefers-reduced-motion: reduce) {
	.mullet-hero .mullet-hero__anim,
	.mullet-hero:not(.mullet-hero--anim-none) .mullet-swiper.swiper-initialized .mullet-hero__anim {
		opacity: 1;
		animation: none !important;
	}
}