@charset "UTF-8";
/*!
Theme Name: Vita_XYZ
Theme URI: https://dev.xyz-ks.com/dgroup/vita/theme
Author: XYZ
Author URI: https://xyz-ks.com
Description: Custom WP Theme made for Devolli Group
Version: 1.5.0
Tested up to: 5.4
Requires PHP: 8.2
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: vita-xyz
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

Custom WordPress theme for Vita (Devolli Group), developed by XYZ Agency - https://xyz-ks.com/. The theme embraces a modular architecture, rich editorial tooling, and performance-minded front-end experiences tailored for Vita's digital presence.

Vita_XYZ is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries

# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/
/**
 * Typography Mixins - Quick Reference
 * ====================================
 *
 * BASIC USAGE:
 * ------------
 * Instead of writing:
 *   font-family: $serif-font-family-bold;
 *   font-weight: $font-weight-black;
 *   font-size: 2rem;
 *
 * Simply write:
 *   @include text-bold(2rem);
 *
 * AVAILABLE MIXINS:
 * -----------------
 * @include text-bold(2rem);           // Bold serif text with black weight
 * @include text-serif(1rem);          // Regular serif text
 * @include text-sans(1rem);           // Sans-serif text
 * @include text-script(2rem);         // Script/decorative font
 * @include text-light(1rem);          // Light weight serif
 * @include text-heavy(1rem);          // Heavy weight sans
 * @include text-body();                // Default body text styling
 * @include text-caption();             // Small caption text
 *
 * @include heading(1);                 // H1 heading (auto-sized)
 * @include heading(2, 3rem);           // H2 with custom size
 *
 * PRESET COMBINATIONS:
 * --------------------
 * @include title-hero;                 // Large hero title
 * @include title-section;              // Section heading with margin
 * @include label-text;                 // Uppercase label style
 *
 * EXAMPLES:
 * ---------
 * .product-title {
 *   @include text-bold(3rem);
 *   color: $primary-color;
 * }
 *
 * .description {
 *   @include text-body(1.125rem);
 * }
 *
 * .badge {
 *   @include label-text;
 * }
 *
 * @version 1.1.0
 * @author DEVOLLI GROUP_XYZ
 */
@keyframes fadeIn {
	to {
		opacity: 1;
	}
}
@keyframes slideUp {
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Vendor Libraries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #134B8D;
	font-family: "Recoletaalt", sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Recoleta", sans-serif;
	font-weight: 900;
	clear: both;
}

p {
	margin-bottom: 1em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #edf2f7;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #5f6b82;
	cursor: help;
}

mark,
ins {
	background: #fffbeb;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #ffffff;
}

hr {
	background-color: #cbd5e0;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
img {
	height: auto;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */
a {
	color: rgb(25.7777777778, 141.3333333333, 190.2222222222);
	text-decoration: none;
}
a:hover, a:focus, a:active {
	color: #29ABE2;
}
a:hover, a:active {
	outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type=button],
input[type=reset],
input[type=submit] {
	border: 1px solid;
	border-color: #cbd5e0 #cbd5e0 #a0aec0;
	border-radius: 3px;
	background: #e2e8f0;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
	border-color: #cbd5e0 #a0aec0 #a0aec0;
}
button:active, button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
	border-color: #a0aec0 #cbd5e0 #cbd5e0;
}

.btn {
	display: inline-block;
	padding: 0.75rem 1.1rem;
	border-radius: 999px;
	font-weight: 600;
	text-decoration: none;
	background: #1f56a9;
	color: #fff;
	border: none;
}

.btn--outline {
	display: inline-block;
	padding: 0.75rem 1.1rem;
	border-radius: 999px;
	font-weight: 600;
	text-decoration: none;
	background: transparent;
	color: #1f56a9;
	border: 2px solid #1f56a9;
}

.usp-chips {
	list-style: none;
	margin: 1rem 0 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}
.usp-chips li {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.06);
	border-radius: 999px;
	padding: 0.4rem 0.7rem;
	box-shadow: 0 8px 18px rgba(0, 0, 0, 0.06);
}
.usp-chips img {
	width: 28px;
	height: 28px;
}

.acc {
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.06);
	border-radius: 18px;
	margin-bottom: 12px;
	overflow: hidden;
}
.acc > summary {
	cursor: pointer;
	font-weight: 700;
	padding: 1rem 1.1rem;
	background: #fff;
	list-style: none;
}
.acc[open] > summary {
	background: #f7faff;
}
.acc .acc-body {
	padding: 1rem 1.1rem;
}

.nutrition {
	width: 100%;
	border-collapse: collapse;
}
.nutrition th, .nutrition td {
	padding: 0.5rem;
	border-bottom: 1px solid #edf0f4;
	text-align: left;
}

.ribbons {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 10px;
	width: 100%;
	max-width: 1400px !important;
	margin: 0 auto;
	padding: 0 20px;
}
@media (min-width: 1000px) {
	.ribbons {
		padding: 0 40px;
	}
}
@media (min-width: 1400px) {
	.ribbons {
		padding: 0 60px;
	}
}
.ribbons {
	padding-top: 18px;
	padding-bottom: 48px;
	background: #0d2e66;
	color: #fff;
}
.ribbons .ribbon {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	background: rgba(255, 255, 255, 0.08);
	padding: 0.7rem 1rem;
	border-radius: 999px;
}
.ribbons .ribbon img {
	width: 22px;
	height: 22px;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/**
 * Header Styles - Split Navigation Layout
 *
 * Layout: Left Navigation | Logo (center) | Right Navigation + Language Selector
 *
 * @package Vita_XYZ
 * @version 1.0.0
 * @since 1.0.0
 * /src/sass/components/header/_header.scss
 */
.site-header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	background: #fff;
	border-bottom: 1px solid #e5e5e5;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
	will-change: box-shadow;
}
.site-header .header-container {
	width: 100%;
	max-width: 1400px !important;
	margin: 0 auto;
	padding: 0 20px;
}
@media (min-width: 1000px) {
	.site-header .header-container {
		padding: 0 40px;
	}
}
@media (min-width: 1400px) {
	.site-header .header-container {
		padding: 0 60px;
	}
}
.site-header .header-container {
	max-width: 1400px !important;
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	justify-content: space-between;
	margin: 0 auto;
	padding: 10px 5vw 0px 5vw;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
	gap: 20px;
}

.site-branding {
	justify-self: center;
	z-index: 10;
}
.site-branding .custom-logo-link {
	display: block;
	line-height: 0;
}
.site-branding .custom-logo-link img {
	height: 95px;
	width: auto;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
	position: relative;
	z-index: 10;
}
.site-branding .site-title {
	margin: 0;
	font-size: 1.5rem;
	font-weight: 700;
}
.site-branding .site-title a {
	color: #134B8D;
	text-decoration: none;
}
.site-branding .site-title a:hover {
	color: rgb(15.971875, 63.046875, 118.528125);
}

.main-navigation {
	display: flex;
	align-items: center;
	justify-self: start;
}
.main-navigation .menu-toggle {
	display: none;
	background: none;
	border: none;
	cursor: pointer;
	padding: 8px;
}
.main-navigation .menu-toggle .hamburger-icon {
	display: block;
	width: 24px;
	height: 18px;
	position: relative;
}
.main-navigation .menu-toggle .hamburger-icon span {
	display: block;
	height: 2px;
	width: 100%;
	background: #333;
	border-radius: 1px;
	opacity: 1;
	left: 0;
	transform: rotate(0deg);
	transition: 0.25s ease-in-out;
	position: absolute;
}
.main-navigation .menu-toggle .hamburger-icon span:nth-child(1) {
	top: 0px;
}
.main-navigation .menu-toggle .hamburger-icon span:nth-child(2) {
	top: 8px;
}
.main-navigation .menu-toggle .hamburger-icon span:nth-child(3) {
	top: 16px;
}
.main-navigation .nav-menu {
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 0;
}
.main-navigation .nav-menu > li {
	position: relative;
}
.main-navigation .nav-menu > li > a {
	display: flex;
	align-items: center;
	padding: 24px 20px;
	color: #333;
	text-decoration: none;
	font-weight: 500;
	font-size: 16px;
	transition: all 0.3s ease;
}
.main-navigation .nav-menu > li > a:hover {
	color: #134B8D;
}
.main-navigation .nav-menu > li > a .dropdown-arrow {
	margin-left: 8px;
	transition: transform 0.3s ease;
}
.main-navigation .nav-menu > li.has-mega-menu > a:hover .dropdown-arrow {
	transform: rotate(180deg);
}
.main-navigation .nav-menu > li.has-mega-menu:hover .mega-menu-container {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}
.main-navigation .nav-menu > li.current-menu-item > a, .main-navigation .nav-menu > li.current_page_item > a, .main-navigation .nav-menu > li.mega-menu-active > a {
	color: #134B8D;
}
.main-navigation .nav-menu .menu-separator {
	display: none;
}
.main-navigation .nav-menu .menu-separator hr {
	border: none;
	border-top: 1px solid #e5e5e5;
	margin: 10px 0;
}

.header-right {
	display: flex;
	align-items: center;
	justify-self: end;
	gap: 30px;
}
.header-right .right-navigation {
	display: flex;
	align-items: center;
}
.header-right .right-navigation .nav-menu {
	display: flex;
	list-style: none;
	margin: 0;
	padding: 0;
	gap: 0;
}
.header-right .right-navigation .nav-menu > li {
	position: relative;
}
.header-right .right-navigation .nav-menu > li > a {
	display: flex;
	align-items: center;
	padding: 24px 20px;
	color: #333;
	text-decoration: none;
	font-weight: 500;
	font-size: 16px;
	transition: all 0.3s ease;
}
.header-right .right-navigation .nav-menu > li > a:hover {
	color: #134B8D;
}
.header-right .right-navigation .nav-menu > li.current-menu-item > a, .header-right .right-navigation .nav-menu > li.current_page_item > a {
	color: #134B8D;
}
.header-right .header-tools {
	display: flex;
	align-items: center;
	gap: 15px;
}
.header-right .header-tools .search-toggle {
	background: none;
	border: none;
	cursor: pointer;
	padding: 8px;
	color: #333;
	transition: color 0.3s ease;
}
.header-right .header-tools .search-toggle:hover {
	color: #2c5282;
}
.header-right .header-tools .search-toggle svg {
	display: block;
}

.mega-menu-container {
	position: fixed;
	top: 70px;
	left: 0;
	right: 0;
	background: #fff;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
	border-top: 1px solid #e5e5e5;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-10px);
	transition: all 0.3s ease;
	z-index: 999;
	min-height: 400px;
	width: 100vw;
}
.site-header.header-shrunk .mega-menu-container {
	top: 64px;
	transition: top 0.3s ease;
}
.mega-menu-container .mega-menu-content {
	width: 100%;
	max-width: 1400px !important;
	margin: 0 auto;
	padding: 0 20px;
}
@media (min-width: 1000px) {
	.mega-menu-container .mega-menu-content {
		padding: 0 40px;
	}
}
@media (min-width: 1400px) {
	.mega-menu-container .mega-menu-content {
		padding: 0 60px;
	}
}
.mega-menu-container .mega-menu-content {
	margin: 0 auto;
	display: flex;
	min-height: 400px;
	width: 100%;
}
.mega-menu-container .mega-menu-left {
	width: 300px;
	background: #f8f9fa;
	border-right: 1px solid #e5e5e5;
	padding: 20px 0;
}
.mega-menu-container .mega-menu-left .mega-menu-categories {
	list-style: none;
	margin: 0;
	padding: 0;
}
.mega-menu-container .mega-menu-left .mega-menu-categories li.mega-menu-category a {
	display: block;
	padding: 12px 24px;
	color: #333;
	text-decoration: none;
	font-weight: 500;
	transition: all 0.3s ease;
	border-left: 3px solid transparent;
}
.mega-menu-container .mega-menu-left .mega-menu-categories li.mega-menu-category a:hover {
	background: #fff;
	color: rgb(15.971875, 63.046875, 118.528125);
	border-left-color: rgb(15.971875, 63.046875, 118.528125);
}
.mega-menu-container .mega-menu-left .mega-menu-categories li.mega-menu-category.active a {
	background: #fff;
	color: rgb(15.971875, 63.046875, 118.528125);
	border-left-color: rgb(15.971875, 63.046875, 118.528125);
}
.mega-menu-container .mega-menu-right {
	flex: 1;
	padding: 20px;
}
.mega-menu-container .mega-menu-right .mega-menu-products .mega-menu-placeholder {
	color: #666;
	font-style: italic;
	text-align: center;
	margin-top: 50px;
}
.mega-menu-container .mega-menu-right .mega-menu-products .mega-menu-title {
	font-size: 18px;
	font-weight: 700;
	color: #134B8D;
	margin: 0 0 20px 0;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}
.mega-menu-container .mega-menu-right .mega-menu-products .product-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 20px;
	margin-top: 20px;
}
.mega-menu-container .mega-menu-right .mega-menu-products .product-grid .product-item, .mega-menu-container .mega-menu-right .mega-menu-products .product-grid .c-product-card {
	text-align: center;
	padding: 15px;
	border: 1px solid #e5e5e5;
	border-radius: 8px;
	transition: all 0.3s ease;
	cursor: pointer;
}
.mega-menu-container .mega-menu-right .mega-menu-products .product-grid .product-item:hover, .mega-menu-container .mega-menu-right .mega-menu-products .product-grid .c-product-card:hover {
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	transform: translateY(-2px);
}
.mega-menu-container .mega-menu-right .mega-menu-products .product-grid .product-item img, .mega-menu-container .mega-menu-right .mega-menu-products .product-grid .c-product-card img {
	width: 100%;
	max-width: 120px;
	height: auto;
	margin-bottom: 10px;
}
.mega-menu-container .mega-menu-right .mega-menu-products .product-grid .product-item h4, .mega-menu-container .mega-menu-right .mega-menu-products .product-grid .c-product-card h4 {
	font-size: 14px;
	font-weight: 600;
	margin: 0 0 5px 0;
	color: #333;
}
.mega-menu-container .mega-menu-right .mega-menu-products .product-grid .product-item p, .mega-menu-container .mega-menu-right .mega-menu-products .product-grid .c-product-card p {
	font-size: 12px;
	color: #666;
	margin: 0;
}
.mega-menu-container .mega-menu-right .mega-menu-products .mega-menu-see-all {
	text-align: center;
	margin-top: 30px;
	padding-top: 20px;
	border-top: 1px solid #e5e5e5;
}
.mega-menu-container .mega-menu-right .mega-menu-products .mega-menu-see-all .see-all-btn {
	display: inline-block;
	background: #134B8D;
	color: #fff;
	padding: 12px 24px;
	text-decoration: none;
	font-weight: 600;
	font-size: 14px;
	border-radius: 6px;
	transition: background-color 0.3s ease;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}
.mega-menu-container .mega-menu-right .mega-menu-products .mega-menu-see-all .see-all-btn:hover {
	background: #1a365d;
}

.language-selector {
	position: relative;
}
.language-selector .language-toggle {
	display: flex;
	align-items: center;
	gap: 8px;
	background: none;
	border: none;
	cursor: pointer;
	padding: 8px 12px;
	color: #333;
	transition: color 0.3s ease;
}
.language-selector .language-toggle:hover {
	color: rgb(15.971875, 63.046875, 118.528125);
}
.language-selector .language-toggle .flag-icon {
	border-radius: 2px;
}
.language-selector .language-toggle .language-code {
	font-weight: 500;
	font-size: 14px;
}
.language-selector .language-toggle .dropdown-arrow {
	transition: transform 0.3s ease;
}
.language-selector .language-toggle[aria-expanded=true] .dropdown-arrow {
	transform: rotate(180deg);
}
.language-selector .language-dropdown {
	position: absolute;
	top: 100%;
	right: 0;
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 6px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	min-width: 160px;
	z-index: 1000;
	margin-top: 5px;
}
.language-selector .language-dropdown .language-options {
	list-style: none;
	margin: 0;
	padding: 8px 0;
}
.language-selector .language-dropdown .language-options li a {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 8px 16px;
	color: #333;
	text-decoration: none;
	font-size: 14px;
	transition: background-color 0.2s ease;
}
.language-selector .language-dropdown .language-options li a:hover {
	background: #f8f9fa;
}
.language-selector .language-dropdown .language-options li a .flag-icon {
	border-radius: 2px;
}
.language-selector .language-dropdown .language-options li.active a {
	background: #f0f7ff;
	color: #2c5282;
}

.search-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.8);
	z-index: 2000;
	display: flex;
	align-items: center;
	justify-content: center;
}
.search-overlay .search-overlay-content {
	background: #fff;
	padding: 40px;
	border-radius: 8px;
	width: 90%;
	max-width: 500px;
	position: relative;
}
.search-overlay .search-overlay-content .search-close {
	position: absolute;
	top: 15px;
	right: 15px;
	background: none;
	border: none;
	cursor: pointer;
	color: #666;
	transition: color 0.3s ease;
}
.search-overlay .search-overlay-content .search-close:hover {
	color: #333;
}
.search-overlay .search-overlay-content .search-form {
	margin-top: 20px;
}
.search-overlay .search-overlay-content .search-form label {
	display: block;
	margin-bottom: 10px;
	font-weight: 500;
}
.search-overlay .search-overlay-content .search-form .search-field {
	width: 100%;
	padding: 12px 16px;
	border: 2px solid #e5e5e5;
	border-radius: 6px;
	font-size: 16px;
	transition: border-color 0.3s ease;
}
.search-overlay .search-overlay-content .search-form .search-field:focus {
	outline: none;
	border-color: rgb(15.971875, 63.046875, 118.528125);
}
.search-overlay .search-overlay-content .search-form .search-submit {
	background: #134B8D;
	color: #fff;
	border: none;
	padding: 12px 24px;
	border-radius: 6px;
	cursor: pointer;
	margin-top: 15px;
	font-weight: 500;
	transition: background-color 0.3s ease;
}
.search-overlay .search-overlay-content .search-form .search-submit:hover {
	background: rgb(15.971875, 63.046875, 118.528125);
}

.mega-menu-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.3);
	z-index: 998;
	display: none;
}

@media screen and (max-width: 1024px) {
	.site-header .header-container {
		padding: 0 15px;
		gap: 15px;
	}
	.site-header .header-right {
		gap: 20px;
	}
	.site-header .mega-menu-container {
		left: -15px;
		right: -15px;
	}
	.site-header .mega-menu-container .mega-menu-content {
		padding: 0 15px;
	}
	.site-header .mega-menu-container .mega-menu-left {
		width: 250px;
	}
}
@media screen and (max-width: 768px) {
	.site-header .header-container {
		display: flex;
		justify-content: space-between;
		height: 60px;
		gap: 10px;
	}
	.site-branding {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		justify-self: unset;
	}
	.site-branding .custom-logo-link img {
		height: 50px;
	}
	.site-branding .site-title {
		font-size: 1.25rem;
	}
	.main-navigation .menu-toggle {
		display: block;
	}
	.main-navigation .nav-menu {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		background: #fff;
		box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
		border-top: 1px solid #e5e5e5;
		flex-direction: column;
		padding: 20px 0;
	}
	.main-navigation .nav-menu > li > a {
		padding: 15px 20px;
		border-bottom: 1px solid #f0f0f0;
	}
	.main-navigation .nav-menu > li.has-mega-menu > a {
		position: relative;
	}
	.main-navigation .nav-menu > li.has-mega-menu > a::after {
		content: "+";
		position: absolute;
		right: 20px;
		font-size: 18px;
		transition: transform 0.3s ease;
	}
	.main-navigation .nav-menu > li.has-mega-menu > a.expanded::after {
		transform: rotate(45deg);
	}
	.main-navigation .nav-menu > li.menu-separator {
		display: block;
		padding: 0 20px;
	}
	.main-navigation .nav-menu > li.menu-separator hr {
		border: none;
		border-top: 1px solid #e5e5e5;
		margin: 10px 0;
	}
	.main-navigation.toggled .nav-menu {
		display: flex;
	}
	.main-navigation .mega-menu-container {
		position: static;
		opacity: 1;
		visibility: visible;
		transform: none;
		box-shadow: none;
		border: none;
		min-height: auto;
	}
	.main-navigation .mega-menu-container .mega-menu-content {
		flex-direction: column;
		min-height: auto;
	}
	.main-navigation .mega-menu-container .mega-menu-left {
		width: 100%;
		background: #f8f9fa;
		border-right: none;
		border-bottom: 1px solid #e5e5e5;
	}
	.main-navigation .mega-menu-container .mega-menu-right {
		padding: 15px 20px;
	}
	.header-right {
		gap: 10px;
	}
	.header-right .right-navigation {
		display: none;
	}
	.header-right .header-tools {
		gap: 10px;
	}
	.header-right .header-tools .language-selector .language-toggle {
		padding: 6px 8px;
	}
	.header-right .header-tools .language-selector .language-toggle .language-code {
		display: none;
	}
}
@media screen and (max-width: 480px) {
	.site-header .header-container {
		padding: 0 10px;
	}
	.search-overlay .search-overlay-content {
		padding: 30px 20px;
		margin: 0 10px;
	}
	.mega-menu-container .mega-menu-content {
		padding: 0 10px;
	}
	.header-right {
		gap: 5px;
	}
}
.site-header.scrolled {
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	transform: translateZ(0);
	transition: box-shadow 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
	background: rgba(255, 255, 255, 0.98);
}
.site-header.header-shrunk {
	transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.site-header.header-shrunk .main-navigation .nav-menu > li > a,
.site-header.header-shrunk .right-navigation .nav-menu > li > a {
	transition: padding 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.site-header.header-shrunk .site-branding {
	height: 60px;
}
.site-header.header-shrunk .site-branding .custom-logo-link {
	position: fixed;
	top: 20px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 9999;
}
@media screen and (max-width: 768px) {
	.site-header.header-shrunk .site-branding .custom-logo-link {
		top: 10px;
	}
}
.site-header.header-shrunk .site-branding .custom-logo-link img {
	height: 120px !important;
	width: auto;
	transform: none;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
	padding: 10px;
}
@media screen and (max-width: 768px) {
	.site-header.header-shrunk .site-branding .custom-logo-link img {
		height: 65px !important;
		padding: 2px;
	}
}
.site-header.header-shrunk .mega-menu-container {
	top: 100px !important;
	z-index: 998;
}

.menu-toggle .hamburger-icon.active span:nth-child(1) {
	transform: rotate(45deg);
	top: 8px;
}
.menu-toggle .hamburger-icon.active span:nth-child(2) {
	opacity: 0;
}
.menu-toggle .hamburger-icon.active span:nth-child(3) {
	transform: rotate(-45deg);
	top: 8px;
}

.has-mega-menu.mega-menu-active > a .dropdown-arrow {
	transform: rotate(180deg);
}
.has-mega-menu.mega-menu-active .mega-menu-container {
	opacity: 1 !important;
	visibility: visible !important;
	transform: translateY(0) !important;
	display: block !important;
}

.mega-menu-container {
	z-index: 9999 !important;
}

/*
 * Homepage Styles
 * @package Vita_XYZ
 * @version 1.0.0
 * /src/sass/layouts/_home.scss
 */
.vita-homepage {
	margin-top: 0;
	padding-top: 0;
}

.vita-container {
	width: 100%;
	max-width: 1400px !important;
	margin: 0 auto;
	padding: 0 20px;
}
@media (min-width: 1000px) {
	.vita-container {
		padding: 0 40px;
	}
}
@media (min-width: 1400px) {
	.vita-container {
		padding: 0 60px;
	}
}

.vita-button {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 14px 32px;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 0.5px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	transition: all 0.3s ease;
}
.vita-button--primary {
	background-color: #134B8D;
	color: #ffffff;
}
.vita-button--primary:hover {
	background-color: rgb(12.94375, 51.09375, 96.05625);
	transform: translateY(-2px);
}
.vita-button--white {
	background-color: #ffffff;
	color: #134B8D;
}
.vita-button--white:hover {
	background-color: rgb(242.25, 242.25, 242.25);
	transform: translateY(-2px);
}
.vita-button__arrow {
	width: 16px;
	height: 16px;
	transition: transform 0.3s ease;
}
.vita-button:hover .vita-button__arrow {
	transform: translateX(4px);
}

.vita-hero {
	position: relative;
	overflow: hidden;
	background-color: var(--hero-bg-color, #f2c200);
	margin-top: 40px;
	padding: 60px 0 80px;
	background: linear-gradient(135deg, var(--hero-bg-color, #f2c200) 0%, rgb(255, 211.958677686, 38) 100%);
}
@media (min-width: 768px) {
	.vita-hero {
		margin-top: 90px;
		padding: 80px 0 100px;
	}
}
@media (min-width: 992px) {
	.vita-hero {
		margin-top: 80px;
		padding: 100px 0 120px;
	}
}
.vita-hero__pattern {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.15;
	background-size: 200px 200px;
	z-index: 0;
}
.vita-hero__pattern--default {
	background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(167, 214, 245, 0.9) 35px, rgba(167, 214, 245, 0.75) 70px);
}
.vita-hero__curved-section {
	position: relative;
	width: 100%;
	height: 100%;
}
.vita-hero__curved-section .vita-hero__background-texture {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	opacity: 0.3;
	z-index: 1;
}
.vita-hero__content-wrapper {
	position: relative;
	z-index: 7;
	height: 100%;
}
.vita-hero__grid-container {
	display: grid;
	grid-template-columns: 1fr;
	align-items: center;
	margin: 0 auto;
	padding: 30px 80px;
	gap: 40px;
}
@media (min-width: 992px) {
	.vita-hero__grid-container {
		grid-template-columns: 1fr 1fr;
		gap: 60px;
	}
}
.vita-hero__text-column {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	order: 2;
}
@media (min-width: 992px) {
	.vita-hero__text-column {
		justify-content: flex-start;
		text-align: left;
		padding-left: clamp(20px, 5vw, 80px);
		order: 1;
	}
}
.vita-hero__image-column {
	position: relative;
	order: 1;
}
@media (min-width: 992px) {
	.vita-hero__image-column {
		order: 2;
	}
}
.vita-hero__content {
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
}
@media (min-width: 992px) {
	.vita-hero__content {
		margin: 0;
	}
}
.vita-hero__title {
	font-size: clamp(3rem, 8vw, 5.5rem);
	font-weight: 900;
	line-height: 0.9;
	color: #134B8D;
	margin: 0 0 20px;
}
.vita-hero__title-line {
	display: block;
}
.vita-hero__title-line--highlight {
	color: #ffffff;
	text-shadow: 2px 2px 0 #134B8D;
}
.vita-hero__subtitle {
	font-size: clamp(1.2rem, 3vw, 1.8rem);
	font-weight: 700;
	color: #134B8D;
	margin: 0 0 30px;
	line-height: 1.3;
}
.vita-hero__cta {
	margin-top: 30px;
}
.vita-hero__products-wrapper {
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 10;
	padding: 20px 0;
}
@media (min-width: 992px) {
	.vita-hero__products-wrapper {
		position: absolute;
		top: 50%;
		right: 5%;
		width: 50%;
		height: auto;
		transform: translateY(-50%);
		pointer-events: none;
		padding: 0;
	}
}
.vita-hero__products-container {
	position: relative;
	width: 100%;
	display: grid;
	grid-template-columns: 1fr;
	align-items: center;
	justify-items: center;
	gap: 15px;
	max-width: 100%;
}
@media (min-width: 768px) {
	.vita-hero__products-container {
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}
}
@media (min-width: 992px) {
	.vita-hero__products-container {
		grid-template-columns: repeat(3, 1fr);
		gap: -5px;
		margin: 0 auto;
	}
}
.vita-hero__product-item {
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
@media (max-width: 767px) {
	.vita-hero__product-item--secondary {
		display: none;
	}
}
@media (min-width: 992px) {
	.vita-hero__product-item--left {
		transform: translateY(20px) scale(0.95);
		opacity: 1;
		z-index: 2;
	}
}
.vita-hero__product-item--primary {
	z-index: 3;
	order: -1;
}
@media (min-width: 768px) {
	.vita-hero__product-item--primary {
		order: 0;
		grid-column: 1/-1;
	}
}
@media (min-width: 992px) {
	.vita-hero__product-item--primary {
		grid-column: auto;
		order: 0;
	}
}
@media (max-width: 767px) {
	.vita-hero__product-item--right {
		display: none;
	}
}
@media (min-width: 992px) {
	.vita-hero__product-item--right {
		transform: translateY(20px) scale(0.95);
		opacity: 1;
		z-index: 2;
	}
}
.vita-hero__product-box {
	position: relative;
	width: 100%;
	max-width: 480px;
}
@media (min-width: 768px) {
	.vita-hero__product-box {
		max-width: 50dvw;
	}
}
@media (min-width: 992px) {
	.vita-hero__product-box {
		max-width: clamp(380px, 25vw, 580px);
	}
}
@media (min-width: 992px) {
	.vita-hero__product-item--primary .vita-hero__product-box {
		transform: rotate(-2deg);
		animation: vita-hero-float 3s ease-in-out infinite;
	}
}
@media (min-width: 992px) {
	.vita-hero__product-item--secondary .vita-hero__product-box {
		animation: vita-hero-float-subtle 3.5s ease-in-out infinite;
	}
}
@media (min-width: 992px) {
	.vita-hero__product-item--left .vita-hero__product-box {
		animation-delay: -0.5s;
	}
}
@media (min-width: 992px) {
	.vita-hero__product-item--right .vita-hero__product-box {
		animation-delay: -1s;
	}
}
.vita-hero__product-wrapper {
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 10;
	padding: 20px 0;
}
@media (min-width: 992px) {
	.vita-hero__product-wrapper {
		position: absolute;
		top: 50%;
		right: 0;
		width: 50%;
		height: auto;
		transform: translateY(-50%);
		pointer-events: none;
		padding: 0;
	}
}
.vita-hero__product-container {
	position: relative;
	width: 100%;
	max-width: 180px;
}
@media (min-width: 768px) {
	.vita-hero__product-container {
		max-width: 20dvw;
	}
}
@media (min-width: 992px) {
	.vita-hero__product-container {
		max-width: clamp(350px, 10vw, 450px);
		transform: rotate(-2deg);
		animation: vita-hero-float 3s ease-in-out infinite;
	}
}
.vita-hero__product-image {
	width: 100%;
	height: auto;
	filter: drop-shadow(0 10px 20px rgba(0, 0, 0, 0.15));
}
@media (min-width: 992px) {
	.vita-hero__product-image {
		filter: drop-shadow(0 20px 40px rgba(0, 0, 0, 0.2));
	}
}
.vita-hero::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 60px;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1200 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,30 C200,0 400,60 600,30 C800,0 1000,60 1200,30 L1200,60 L0,60 Z' fill='%23ffffff'/%3E%3C/svg%3E");
	background-size: cover;
	background-repeat: no-repeat;
	bottom: -1px;
	z-index: 5;
}

@keyframes vita-hero-float {
	0%, 100% {
		transform: rotate(-2deg) translateY(0px);
	}
	50% {
		transform: rotate(-2deg) translateY(-20px);
	}
}
@keyframes vita-hero-float-subtle {
	0%, 100% {
		transform: translateY(20px) scale(0.95) translateY(0px);
	}
	50% {
		transform: translateY(20px) scale(0.95) translateY(-10px);
	}
}
@media (max-width: 992px) {
	.vita-hero__grid-container {
		gap: 40px;
	}
	.vita-hero__product-wrapper {
		order: 1;
	}
	.vita-hero__text-column {
		order: 2;
	}
}
.vita-products {
	padding: 80px 0;
	background-color: #ffffff;
}
.vita-products__header {
	text-align: center;
	margin-bottom: 60px;
}
.vita-products__title {
	font-size: clamp(2rem, 4vw, 3rem);
	font-weight: 900;
	color: #134B8D;
	line-height: 1.2;
	margin: 0;
}
.vita-products__title-line {
	display: block;
}
.vita-products__carousel {
	position: relative;
	width: 100%;
	max-width: 1400px !important;
	margin: 0 auto;
	padding: 0 20px;
}
@media (min-width: 1000px) {
	.vita-products__carousel {
		padding: 0 40px;
	}
}
@media (min-width: 1400px) {
	.vita-products__carousel {
		padding: 0 60px;
	}
}
.vita-products__carousel {
	margin: 0 auto 50px;
}
.vita-products__grid {
	overflow: hidden;
	margin: 0 60px;
}
@media (max-width: 768px) {
	.vita-products__grid {
		margin: 0 20px;
	}
}
.vita-products__track {
	display: flex;
	gap: 30px;
	transition: transform 0.5s ease;
	justify-content: center;
}
.vita-products__nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 48px;
	height: 48px;
	background-color: #ffffff;
	border: 2px solid #134B8D;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 2;
	transition: all 0.3s ease;
	color: #134B8D;
}
.vita-products__nav:hover {
	background-color: #134B8D;
	color: #ffffff;
	transform: translateY(-50%) scale(1.1);
}
.vita-products__nav--prev {
	left: 0;
}
.vita-products__nav--next {
	right: 0;
}
.vita-products__nav svg {
	width: 24px;
	height: 24px;
}
@media (max-width: 768px) {
	.vita-products__nav {
		display: none;
	}
}
.vita-products__item {
	flex: 1 0 400px;
	position: relative;
	text-align: center;
	padding: 20px;
}
@media (max-width: 768px) {
	.vita-products__item {
		flex: 1 0 300px;
	}
}
@media (max-width: 576px) {
	.vita-products__item {
		flex: 1 0 250px;
	}
}
.vita-products__item-bg {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 200px;
	height: 200px;
	background-color: var(--product-bg, #d7eefc);
	border-radius: 50%;
	opacity: 0.5;
	z-index: 0;
}
.vita-products__image {
	position: relative;
	z-index: 1;
	margin-bottom: 20px;
	height: 200px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.vita-products__image img {
	max-width: 160px;
	max-height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
}
.vita-products__info {
	position: relative;
	z-index: 1;
}
.vita-products__name {
	font-size: 1.1rem;
	font-weight: 800;
	color: #134B8D;
	margin: 0 0 8px;
	text-transform: uppercase;
}
.vita-products__description {
	font-size: 0.9rem;
	color: #5f6b82;
	margin: 0 0 8px;
}
.vita-products__sizes {
	font-size: 0.85rem;
	color: #718096;
	margin: 0;
}
.vita-products__cta {
	text-align: center;
}

.vita-recipes {
	position: relative;
	padding: 80px 0;
	background-color: var(--recipes-bg, #f2c200);
	overflow: hidden;
}
.vita-recipes__header {
	text-align: center;
	margin-bottom: 60px;
}
.vita-recipes__title {
	font-size: clamp(2rem, 4vw, 3rem);
	font-weight: 900;
	color: #134B8D;
	margin: 0 0 10px;
}
.vita-recipes__subtitle {
	font-size: clamp(2.5rem, 5vw, 4rem);
	font-weight: 900;
	margin: 0;
}
.vita-recipes__carousel {
	position: relative;
	width: 100%;
	max-width: 1400px !important;
	margin: 0 auto;
	padding: 0 20px;
}
@media (min-width: 1000px) {
	.vita-recipes__carousel {
		padding: 0 40px;
	}
}
@media (min-width: 1400px) {
	.vita-recipes__carousel {
		padding: 0 60px;
	}
}
.vita-recipes__carousel {
	margin: 0 auto 50px;
	overflow: hidden;
}
.vita-recipes__track {
	display: flex;
	gap: 30px;
	transition: transform 0.5s ease;
}
.vita-recipes__card {
	flex: 1 0 400px;
	background-color: #ffffff;
	border-radius: 20px;
	overflow: hidden;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.vita-recipes__card:hover {
	transform: translateY(-2px);
}
.vita-recipes__card-image {
	position: relative;
	height: 250px;
	overflow: hidden;
}
.vita-recipes__card-image img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}
.vita-recipes__card-content {
	padding: 25px;
}
.vita-recipes__card-title {
	font-size: 1.3rem;
	font-weight: 800;
	color: #134B8D;
	margin: 0 0 10px;
}
.vita-recipes__card-description {
	font-size: 0.95rem;
	color: #5f6b82;
	margin: 0;
}
.vita-recipes__card .vita-recipes__meta-bottom {
	margin-top: auto;
	padding-top: 1rem;
	border-top: 1px solid #f1f5f9;
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}
.vita-recipes__card .vita-recipe-meta__item {
	display: flex;
	align-items: center;
	gap: 8px;
	background: rgba(255, 255, 255, 0.1);
	padding: 8px 12px;
	border-radius: 8px;
	backdrop-filter: blur(10px);
	border: 1px solid rgba(255, 255, 255, 0.2);
	font-size: 0.8rem;
	color: #fff;
	background: rgba(0, 0, 0, 0.2);
}
.vita-recipes__card .vita-recipe-meta__icon {
	color: #f2c200;
	flex-shrink: 0;
	width: 14px;
	height: 14px;
}
.vita-recipes__card .vita-recipe-meta__label {
	font-weight: 600;
}
.vita-recipes__time {
	position: absolute;
	bottom: 15px;
	left: 15px;
	background-color: #ffffff;
	padding: 8px 15px;
	border-radius: 20px;
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 0.85rem;
	font-weight: 600;
	color: #134B8D;
}
.vita-recipes__time-icon {
	width: 16px;
	height: 16px;
}
.vita-recipes__nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	z-index: 2;
	transition: transform 0.3s ease;
}
.vita-recipes__nav:hover {
	transform: translateY(-50%) scale(1.1);
}
.vita-recipes__nav--prev {
	left: 0;
}
.vita-recipes__nav--next {
	right: 0;
}
.vita-recipes__cta {
	text-align: center;
}

.vita-sustainability {
	padding: 100px 0;
	background: linear-gradient(135deg, #F7F9FA 0%, #ffffff 100%);
	position: relative;
	overflow: hidden;
}
.vita-sustainability__content {
	display: flex;
	align-items: center;
	gap: 60px;
	position: relative;
}
@media (max-width: 992px) {
	.vita-sustainability__content {
		flex-direction: column;
		text-align: center;
	}
}
.vita-sustainability__decoration {
	position: absolute;
}
.vita-sustainability__decoration--left {
	left: -150px;
	top: 50%;
	transform: translateY(-50%);
	width: 200px;
	opacity: 0.3;
}
.vita-sustainability__decoration--right {
	right: -100px;
	top: 50%;
	transform: translateY(-50%);
	width: 200px;
	opacity: 0.3;
}
.vita-sustainability__decoration img {
	width: 100%;
	height: auto;
}
.vita-sustainability__product {
	flex: 0 0 auto;
}
.vita-sustainability__product img {
	max-width: 300px;
	height: auto;
}
.vita-sustainability__text {
	flex: 1;
	max-width: 600px;
}
.vita-sustainability__title {
	font-size: clamp(2rem, 4vw, 3.5rem);
	font-weight: 900;
	color: #f2c200;
	margin: 0 0 30px;
}
.vita-sustainability__message-wrapper {
	position: relative;
	margin-bottom: 40px;
}
.vita-sustainability__swirl {
	position: absolute;
	top: -30px;
	right: -30px;
	width: 100px;
	height: 100px;
	opacity: 0.5;
	animation: rotate 20s linear infinite;
}
@keyframes rotate {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}
.vita-sustainability__message {
	font-size: clamp(1.5rem, 3vw, 2.5rem);
	font-weight: 800;
	color: #134B8D;
	line-height: 1.3;
	margin: 0 0 10px;
	text-transform: uppercase;
}
.vita-sustainability__highlight {
	font-size: clamp(3rem, 6vw, 5rem);
	font-weight: 900;
	color: #134B8D;
	margin: 0;
}

@media (max-width: 768px) {
	.vita-hero,
	.vita-products,
	.vita-info-cards,
	.vita-recipes,
	.vita-sustainability {
		padding: 20px 0;
	}
	.vita-info-cards__carousel,
	.vita-recipes__carousel {
		padding: 0 20px;
		margin: 0 -20px 40px;
	}
	.vita-info-cards__decoration,
	.vita-sustainability__decoration {
		display: none;
	}
}
/**
 * Products Archive Styles - Clean Product Display (No Cards)
 * @package Vita_XYZ
 * @version 3.0.0
 * /src/sass/layouts/_archive-products.scss
 */
.vita-products-archive {
	background-color: #ffffff;
}
.vita-products-archive .vita-archive-header {
	text-align: center;
	padding: 80px 0 40px;
	background-color: #ffffff;
}
.vita-products-archive .vita-archive-header__title {
	font-size: clamp(2rem, 4vw, 2.75rem);
	font-weight: 800;
	color: #134B8D;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	line-height: 1.2;
	margin: 0 0 20px;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}
.vita-products-archive .vita-archive-header__description {
	font-size: 1.125rem;
	color: #5f6b82;
	line-height: 1.6;
	max-width: 600px;
	margin: 0 auto;
}
@media (max-width: 768px) {
	.vita-products-archive .vita-archive-header {
		padding: 60px 0 30px;
	}
}
.vita-products-archive .vita-products-section {
	padding: 60px 0 80px;
	background-color: #ffffff;
}
.vita-products-archive .vita-products-section__wrapper {
	width: 100%;
	max-width: 1400px !important;
	margin: 0 auto;
	padding: 0 20px;
}
@media (min-width: 1000px) {
	.vita-products-archive .vita-products-section__wrapper {
		padding: 0 40px;
	}
}
@media (min-width: 1400px) {
	.vita-products-archive .vita-products-section__wrapper {
		padding: 0 60px;
	}
}
.vita-products-archive .vita-products-section__wrapper {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 24px;
}
@media (max-width: 768px) {
	.vita-products-archive .vita-products-section {
		padding: 40px 0 60px;
	}
}
.vita-products-archive .vita-archive-filters {
	padding: 0 0 60px;
	background-color: #ffffff;
}
.vita-products-archive .vita-archive-filters__wrapper {
	width: 100%;
	max-width: 1400px !important;
	margin: 0 auto;
	padding: 0 20px;
}
@media (min-width: 1000px) {
	.vita-products-archive .vita-archive-filters__wrapper {
		padding: 0 40px;
	}
}
@media (min-width: 1400px) {
	.vita-products-archive .vita-archive-filters__wrapper {
		padding: 0 60px;
	}
}
.vita-products-archive .vita-archive-filters__wrapper {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 24px;
}
.vita-products-archive .vita-archive-filters__content {
	display: flex;
	justify-content: center;
	gap: 20px;
	flex-wrap: wrap;
}
@media (max-width: 768px) {
	.vita-products-archive .vita-archive-filters__content {
		gap: 15px;
	}
}
.vita-products-archive .vita-filter-button {
	padding: 12px 24px;
	background: transparent;
	border: 2px solid #134B8D;
	border-radius: 25px;
	color: #134B8D;
	font-weight: 600;
	font-size: 0.9rem;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	cursor: pointer;
	transition: all 0.3s ease;
	text-decoration: none;
	display: inline-block;
}
.vita-products-archive .vita-filter-button:hover, .vita-products-archive .vita-filter-button.active {
	background-color: #134B8D;
	color: #ffffff;
	transform: translateY(-2px);
}
@media (max-width: 576px) {
	.vita-products-archive .vita-filter-button {
		padding: 10px 18px;
		font-size: 0.85rem;
	}
}
.vita-products-archive .vita-products-grid {
	position: relative;
}
.vita-products-archive .vita-products-grid__items {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 60px 40px;
	padding: 0;
}
@media (min-width: 992px) {
	.vita-products-archive .vita-products-grid__items {
		grid-template-columns: repeat(4, 1fr);
		gap: 80px 50px;
	}
}
@media (max-width: 768px) {
	.vita-products-archive .vita-products-grid__items {
		grid-template-columns: repeat(3, 1fr);
		gap: 50px 30px;
	}
}
@media (max-width: 576px) {
	.vita-products-archive .vita-products-grid__items {
		grid-template-columns: repeat(2, 1fr);
		gap: 40px 20px;
	}
}
@media (max-width: 400px) {
	.vita-products-archive .vita-products-grid__items {
		grid-template-columns: 1fr;
		gap: 40px;
	}
}
.vita-products-archive .vita-products-grid__loading {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	z-index: 10;
}
.vita-products-archive .vita-products-grid__loading .vita-loading-spinner {
	margin-bottom: 15px;
}
.vita-products-archive .vita-products-grid__loading p {
	color: #5f6b82;
	font-size: 0.9rem;
}
.vita-products-archive .vita-archive-cta {
	text-align: center;
	margin-top: 60px;
}
.vita-products-archive .vita-archive-cta__button {
	display: inline-block;
	background-color: #134B8D;
	color: #ffffff;
	padding: 16px 40px;
	text-decoration: none;
	font-weight: 700;
	font-size: 0.9rem;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	border-radius: 6px;
	transition: all 0.3s ease;
	border: none;
	cursor: pointer;
}
.vita-products-archive .vita-archive-cta__button:hover {
	background-color: #f2c200;
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(19, 75, 141, 0.3);
}
@media (max-width: 576px) {
	.vita-products-archive .vita-archive-cta__button {
		padding: 14px 32px;
		font-size: 0.85rem;
	}
}
.vita-products-archive.loading .vita-products-grid__items {
	opacity: 0.5;
	pointer-events: none;
}
.vita-products-archive.loading .vita-products-grid__loading {
	display: block !important;
}
.vita-products-archive .vita-archive-empty {
	text-align: center;
	padding: 80px 20px;
}
.vita-products-archive .vita-archive-empty__content {
	max-width: 500px;
	margin: 0 auto;
}
.vita-products-archive .vita-archive-empty__icon {
	margin-bottom: 30px;
	opacity: 0.5;
}
.vita-products-archive .vita-archive-empty__icon svg {
	width: 80px;
	height: 80px;
	color: #ddd;
}
.vita-products-archive .vita-archive-empty__title {
	font-size: 2rem;
	font-weight: 700;
	color: #5f6b82;
	margin: 0 0 15px;
	text-transform: uppercase;
}
.vita-products-archive .vita-archive-empty__message {
	font-size: 1.1rem;
	color: #718096;
	line-height: 1.6;
	margin: 0 0 30px;
}
.vita-products-archive .vita-archive-pagination {
	margin-top: 60px;
	text-align: center;
}
.vita-products-archive .vita-archive-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 16px;
	margin: 0 4px;
	border: 2px solid #e1e1e1;
	border-radius: 6px;
	color: #134B8D;
	text-decoration: none;
	font-weight: 600;
	transition: all 0.3s ease;
}
.vita-products-archive .vita-archive-pagination .page-numbers:hover, .vita-products-archive .vita-archive-pagination .page-numbers.current {
	background-color: #134B8D;
	border-color: #134B8D;
	color: #ffffff;
}
.vita-products-archive .vita-archive-pagination .page-numbers svg {
	width: 16px;
	height: 16px;
}
.vita-products-archive .vita-archive-pagination .prev svg,
.vita-products-archive .vita-archive-pagination .next svg {
	transition: transform 0.3s ease;
}
.vita-products-archive .vita-archive-pagination .prev:hover svg,
.vita-products-archive .vita-archive-pagination .next:hover svg {
	transform: translateX(-2px);
}
.vita-products-archive .vita-archive-pagination .next:hover svg {
	transform: translateX(2px);
}

/**
 * News/Blog Archive Styles
 * @package Vita_XYZ
 * @version 1.0.0
 * /src/sass/layouts/_archive-news.scss
 */
.vita-news-archive {
	background-color: #ffffff;
}
.vita-news-archive .vita-news-header {
	position: relative;
	padding: 100px 0 80px;
	background: linear-gradient(135deg, #F7F9FA 0%, #d7eefc 50%, #ffffff 100%);
	overflow: hidden;
}
.vita-news-archive .vita-news-header__content {
	text-align: center;
	position: relative;
	z-index: 3;
}
.vita-news-archive .vita-news-header__title {
	font-size: clamp(2.5rem, 5vw, 4.5rem);
	font-weight: 900;
	color: #134B8D;
	margin: 0 0 25px;
	line-height: 1.1;
}
.vita-news-archive .vita-news-header__description {
	font-size: clamp(1.1rem, 2.5vw, 1.5rem);
	color: #5f6b82;
	max-width: 700px;
	margin: 0 auto;
	line-height: 1.6;
}
.vita-news-archive .vita-news-header__floating-elements {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	pointer-events: none;
	z-index: 1;
}
.vita-news-archive .vita-news-header__floating-elements .vita-floating-element--1 {
	top: 20%;
	right: 10%;
	animation: float-1 20s ease-in-out infinite;
}
.vita-news-archive .vita-news-header__floating-elements .vita-floating-element--2 {
	bottom: 30%;
	left: 5%;
	animation: float-2 25s ease-in-out infinite;
}
.vita-news-archive .vita-news-header__floating-elements .vita-floating-element--3 {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	animation: float-3 30s ease-in-out infinite;
}
@keyframes float-1 {
	0%, 100% {
		transform: translateY(0px) rotate(0deg);
	}
	50% {
		transform: translateY(-20px) rotate(180deg);
	}
}
@keyframes float-2 {
	0%, 100% {
		transform: translateX(0px) rotate(0deg);
	}
	50% {
		transform: translateX(15px) rotate(-180deg);
	}
}
@keyframes float-3 {
	0%, 100% {
		transform: translate(-50%, -50%) scale(1);
	}
	50% {
		transform: translate(-50%, -50%) scale(1.1);
	}
}
@media (max-width: 768px) {
	.vita-news-archive .vita-news-header {
		padding: 80px 0 60px;
	}
}
.vita-news-archive .vita-featured-post {
	padding: 80px 0;
	background-color: #ffffff;
}
.vita-news-archive .vita-featured-post__article {
	background: linear-gradient(135deg, #F7F9FA 0%, #ffffff 100%);
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}
.vita-news-archive .vita-featured-post__content {
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
	min-height: 500px;
}
@media (max-width: 992px) {
	.vita-news-archive .vita-featured-post__content {
		grid-template-columns: 1fr;
	}
}
.vita-news-archive .vita-featured-post__text {
	padding: 60px;
}
@media (max-width: 768px) {
	.vita-news-archive .vita-featured-post__text {
		padding: 40px;
	}
}
.vita-news-archive .vita-featured-post__meta {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-bottom: 20px;
	flex-wrap: wrap;
}
.vita-news-archive .vita-featured-post__badge {
	background-color: #f2c200;
	color: #134B8D;
	padding: 6px 12px;
	border-radius: 15px;
	font-size: 0.8rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}
.vita-news-archive .vita-featured-post__date, .vita-news-archive .vita-featured-post__category {
	font-size: 0.9rem;
	color: #5f6b82;
	font-weight: 600;
}
.vita-news-archive .vita-featured-post__category {
	color: #134B8D;
}
.vita-news-archive .vita-featured-post__title {
	font-size: clamp(1.8rem, 4vw, 2.8rem);
	font-weight: 900;
	line-height: 1.2;
	margin: 0 0 20px;
}
.vita-news-archive .vita-featured-post__title a {
	color: #134B8D;
	text-decoration: none;
	transition: color 0.3s ease;
}
.vita-news-archive .vita-featured-post__title a:hover {
	color: #f2c200;
}
.vita-news-archive .vita-featured-post__excerpt {
	font-size: 1.1rem;
	color: #5f6b82;
	line-height: 1.6;
	margin: 0 0 30px;
}
.vita-news-archive .vita-featured-post__image {
	position: relative;
	overflow: hidden;
}
@media (max-width: 992px) {
	.vita-news-archive .vita-featured-post__image {
		order: -1;
		height: 300px;
	}
}
.vita-news-archive .vita-featured-post__image a {
	display: block;
	height: 100%;
}
.vita-news-archive .vita-featured-post__image img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	transition: transform 0.5s ease;
}
.vita-news-archive .vita-featured-post__image:hover img {
	transform: scale(1.05);
}
.vita-news-archive .vita-news-filters {
	padding: 60px 0;
	background-color: rgba(215, 238, 252, 0.3);
	border-bottom: 1px solid #f1f1f1;
}
.vita-news-archive .vita-news-filters__wrapper {
	text-align: center;
}
.vita-news-archive .vita-news-filters__title {
	font-size: 1.5rem;
	font-weight: 800;
	color: #134B8D;
	margin: 0 0 30px;
}
.vita-news-archive .vita-news-filters__categories {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 15px;
}
.vita-news-archive .vita-news-filters .vita-category-filter {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 20px;
	background-color: #ffffff;
	border: 2px solid transparent;
	border-radius: 25px;
	color: #134B8D;
	text-decoration: none;
	font-weight: 600;
	transition: all 0.3s ease;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}
.vita-news-archive .vita-news-filters .vita-category-filter:hover, .vita-news-archive .vita-news-filters .vita-category-filter.active {
	background-color: #134B8D;
	color: #ffffff;
	border-color: #134B8D;
	transform: translateY(-2px);
	box-shadow: 0 4px 20px rgba(20, 60, 125, 0.2);
}
.vita-news-archive .vita-news-filters .vita-category-filter__count {
	background-color: rgba(255, 255, 255, 0.2);
	padding: 2px 8px;
	border-radius: 10px;
	font-size: 0.8rem;
}
.vita-news-archive .vita-news-filters .vita-category-filter.active .vita-news-archive .vita-news-filters .vita-category-filter__count, .vita-news-archive .vita-news-filters .vita-category-filter:hover .vita-news-archive .vita-news-filters .vita-category-filter__count {
	background-color: rgba(255, 255, 255, 0.3);
}
.vita-news-archive .vita-news-content {
	padding: 80px 0;
}
.vita-news-archive .vita-news-results {
	margin-bottom: 50px;
	padding-bottom: 25px;
	border-bottom: 1px solid #f1f1f1;
}
.vita-news-archive .vita-news-results__count {
	font-size: 0.95rem;
	color: #5f6b82;
}
.vita-news-archive .vita-news-grid {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	gap: 30px;
}
@media (max-width: 992px) {
	.vita-news-archive .vita-news-grid {
		grid-template-columns: repeat(6, 1fr);
		gap: 25px;
	}
}
@media (max-width: 768px) {
	.vita-news-archive .vita-news-grid {
		grid-template-columns: 1fr;
		gap: 30px;
	}
}
.vita-news-archive .vita-news-grid .vita-news-card--large {
	grid-column: span 6;
}
@media (max-width: 992px) {
	.vita-news-archive .vita-news-grid .vita-news-card--large {
		grid-column: span 6;
	}
}
@media (max-width: 768px) {
	.vita-news-archive .vita-news-grid .vita-news-card--large {
		grid-column: span 1;
	}
}
.vita-news-archive .vita-news-grid .vita-news-card--large .vita-news-card__content {
	padding: 30px;
}
.vita-news-archive .vita-news-grid .vita-news-card--large .vita-news-card__title {
	font-size: 1.5rem;
}
.vita-news-archive .vita-news-grid .vita-news-card:not(.vita-news-card--large) {
	grid-column: span 4;
}
@media (max-width: 992px) {
	.vita-news-archive .vita-news-grid .vita-news-card:not(.vita-news-card--large) {
		grid-column: span 3;
	}
}
@media (max-width: 768px) {
	.vita-news-archive .vita-news-grid .vita-news-card:not(.vita-news-card--large) {
		grid-column: span 1;
	}
}
.vita-news-archive .vita-news-card {
	background-color: #ffffff;
	border-radius: 15px;
	overflow: hidden;
	box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
	transition: all 0.3s ease;
	display: flex;
	flex-direction: column;
}
.vita-news-archive .vita-news-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 15px 50px rgba(0, 0, 0, 0.15);
}
.vita-news-archive .vita-news-card__image {
	position: relative;
	aspect-ratio: 16/10;
	overflow: hidden;
}
.vita-news-card--large .vita-news-archive .vita-news-card__image {
	aspect-ratio: 16/9;
}
.vita-news-archive .vita-news-card__image a {
	display: block;
	width: 100%;
	height: 100%;
}
.vita-news-archive .vita-news-card__image img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	transition: transform 0.5s ease;
}
.vita-news-archive .vita-news-card__image:hover img {
	transform: scale(1.08);
}
.vita-news-archive .vita-news-card__placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #f8f8f8;
	color: #ccc;
}
.vita-news-archive .vita-news-card__reading-time {
	position: absolute;
	top: 15px;
	right: 15px;
	background-color: rgba(19, 75, 141, 0.9);
	color: #ffffff;
	padding: 6px 12px;
	border-radius: 15px;
	font-size: 0.8rem;
	font-weight: 600;
}
.vita-news-archive .vita-news-card__content {
	padding: 25px;
	flex: 1;
	display: flex;
	flex-direction: column;
}
.vita-news-archive .vita-news-card__meta {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 15px;
	flex-wrap: wrap;
}
.vita-news-archive .vita-news-card__date {
	font-size: 0.85rem;
	color: #718096;
	font-weight: 500;
}
.vita-news-archive .vita-news-card__category {
	background-color: rgba(41, 171, 226, 0.3);
	color: #134B8D;
	padding: 4px 10px;
	border-radius: 12px;
	font-size: 0.8rem;
	font-weight: 600;
}
.vita-news-archive .vita-news-card__title {
	margin: 0 0 15px;
	font-size: 1.2rem;
	font-weight: 800;
	line-height: 1.3;
}
.vita-news-archive .vita-news-card__title a {
	color: #134B8D;
	text-decoration: none;
	transition: color 0.3s ease;
}
.vita-news-archive .vita-news-card__title a:hover {
	color: #f2c200;
}
.vita-news-archive .vita-news-card__excerpt {
	font-size: 0.95rem;
	color: #5f6b82;
	line-height: 1.6;
	margin: 0 0 20px;
	flex: 1;
}
.vita-news-archive .vita-news-card__author {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: auto;
}
.vita-news-archive .vita-news-card__author-info {
	display: flex;
	align-items: center;
	gap: 10px;
}
.vita-news-archive .vita-news-card__author-name {
	font-size: 0.9rem;
	color: #5f6b82;
	font-weight: 600;
}
.vita-news-archive .vita-news-card__read-more {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	color: #134B8D;
	text-decoration: none;
	font-weight: 700;
	font-size: 0.9rem;
	transition: all 0.3s ease;
}
.vita-news-archive .vita-news-card__read-more svg {
	transition: transform 0.3s ease;
}
.vita-news-archive .vita-news-card__read-more:hover {
	color: #f2c200;
	gap: 10px;
}
.vita-news-archive .vita-news-card__read-more:hover svg {
	transform: translateX(4px);
}
.vita-news-archive .vita-news-pagination {
	margin-top: 80px;
	text-align: center;
}
.vita-news-archive .vita-news-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 15px 20px;
	margin: 0 6px;
	border: 2px solid #e1e1e1;
	border-radius: 10px;
	color: #134B8D;
	text-decoration: none;
	font-weight: 700;
	transition: all 0.3s ease;
}
.vita-news-archive .vita-news-pagination .page-numbers:hover, .vita-news-archive .vita-news-pagination .page-numbers.current {
	background-color: #134B8D;
	border-color: #134B8D;
	color: #ffffff;
	transform: translateY(-2px);
}
.vita-news-archive .vita-news-pagination .page-numbers svg {
	width: 16px;
	height: 16px;
}
.vita-news-archive .vita-news-pagination .prev svg,
.vita-news-archive .vita-news-pagination .next svg {
	transition: transform 0.3s ease;
}
.vita-news-archive .vita-news-pagination .prev:hover svg,
.vita-news-archive .vita-news-pagination .next:hover svg {
	transform: translateX(-3px);
}
.vita-news-archive .vita-news-pagination .next:hover svg {
	transform: translateX(3px);
}
.vita-news-archive .vita-news-empty {
	text-align: center;
	padding: 100px 20px;
}
.vita-news-archive .vita-news-empty__content {
	max-width: 500px;
	margin: 0 auto;
}
.vita-news-archive .vita-news-empty__icon {
	margin-bottom: 30px;
	opacity: 0.5;
}
.vita-news-archive .vita-news-empty__title {
	font-size: 2.2rem;
	font-weight: 800;
	color: #5f6b82;
	margin: 0 0 20px;
}
.vita-news-archive .vita-news-empty__message {
	font-size: 1.2rem;
	color: #718096;
	line-height: 1.6;
	margin: 0 0 40px;
}
.vita-news-archive .vita-newsletter-signup {
	padding: 100px 0;
	background: linear-gradient(135deg, #134B8D 0%, #1f56a9 100%);
	color: #ffffff;
}
.vita-news-archive .vita-newsletter-signup__content {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 50px;
	align-items: center;
}
@media (max-width: 992px) {
	.vita-news-archive .vita-newsletter-signup__content {
		grid-template-columns: 1fr;
		gap: 40px;
		text-align: center;
	}
}
.vita-news-archive .vita-newsletter-signup__title {
	font-size: clamp(2rem, 4vw, 3rem);
	font-weight: 900;
	margin: 0 0 15px;
}
.vita-news-archive .vita-newsletter-signup__description {
	font-size: 1.2rem;
	opacity: 0.9;
	line-height: 1.6;
}
.vita-news-archive .vita-newsletter-signup .vita-newsletter-form__fields {
	display: flex;
	gap: 15px;
	margin-bottom: 15px;
}
@media (max-width: 576px) {
	.vita-news-archive .vita-newsletter-signup .vita-newsletter-form__fields {
		flex-direction: column;
	}
}
.vita-news-archive .vita-newsletter-signup .vita-newsletter-form__input {
	flex: 1;
	padding: 15px 20px;
	border: none;
	border-radius: 10px;
	font-size: 1rem;
	background-color: rgba(255, 255, 255, 0.95);
	color: #134B8D;
}
.vita-news-archive .vita-newsletter-signup .vita-newsletter-form__input::-moz-placeholder {
	color: #718096;
}
.vita-news-archive .vita-newsletter-signup .vita-newsletter-form__input::placeholder {
	color: #718096;
}
.vita-news-archive .vita-newsletter-signup .vita-newsletter-form__input:focus {
	outline: none;
	background-color: #ffffff;
	box-shadow: 0 0 0 3px rgba(242, 194, 0, 0.3);
}
.vita-news-archive .vita-newsletter-signup .vita-newsletter-form__submit {
	padding: 15px 30px;
	border: none;
	background-color: #f2c200;
	color: #134B8D;
	font-weight: 700;
	border-radius: 10px;
	cursor: pointer;
	transition: all 0.3s ease;
}
.vita-news-archive .vita-newsletter-signup .vita-newsletter-form__submit:hover {
	background-color: rgb(255, 211.958677686, 38);
	transform: translateY(-2px);
}
.vita-news-archive .vita-newsletter-signup .vita-newsletter-form__privacy {
	font-size: 0.85rem;
	opacity: 0.8;
	margin: 0;
}
@media (max-width: 768px) {
	.vita-news-archive .vita-news-header,
	.vita-news-archive .vita-featured-post,
	.vita-news-archive .vita-news-filters,
	.vita-news-archive .vita-news-content,
	.vita-news-archive .vita-newsletter-signup {
		padding: 60px 0;
	}
	.vita-news-archive .vita-news-card__content {
		padding: 20px;
	}
	.vita-news-archive .vita-news-card__title {
		font-size: 1.1rem;
	}
	.vita-news-archive .vita-featured-post__text {
		padding: 30px;
	}
	.vita-news-archive .vita-featured-post__title {
		font-size: 1.8rem;
	}
}

.vita-news-card.gsap-fade-in {
	opacity: 0;
	transform: translateY(40px);
}
.vita-news-card.gsap-visible {
	opacity: 1;
	transform: translateY(0);
}

.vita-featured-post__article.gsap-slide-in {
	opacity: 0;
	transform: translateX(-50px);
}
.vita-featured-post__article.gsap-visible {
	opacity: 1;
	transform: translateX(0);
}

/**
 * Single Post Layout Styles
 *
 * Simple layout: sticky featured image left (50% width), content right
 *
 * @package Vita_XYZ
 * @version 1.1.0
 * @since 1.1.0
  * /src/sass/layouts/_single-post.scss
 */
.vita-single-post .site-main {
	margin: 0;
	padding: 0;
}

.vita-single-post__layout {
	display: grid;
	grid-template-columns: 50% 1fr;
	min-height: 100vh;
	gap: 0;
	margin-top: 80px;
}
@media (max-width: 1200px) {
	.vita-single-post__layout {
		grid-template-columns: 1fr;
		grid-template-rows: auto auto;
		min-height: auto;
		gap: 0;
		margin-top: 60px;
	}
}

.vita-single-post__featured-image {
	position: sticky;
	top: 100px;
	width: 100%;
	height: -moz-fit-content;
	height: fit-content;
	grid-column: 1;
	padding: 2rem;
}
@media (max-width: 1200px) {
	.vita-single-post__featured-image {
		position: static;
		grid-column: 1;
		grid-row: 1;
		margin-bottom: 2rem;
		top: auto;
		padding: 1rem;
	}
}

.vita-single-post__img-container {
	width: 80%;
	margin: 0 auto;
	position: relative;
	display: block;
}
@media (max-width: 1200px) {
	.vita-single-post__img-container {
		width: 60%;
		max-width: 300px;
	}
}
@media (max-width: 1000px) {
	.vita-single-post__img-container {
		width: 70%;
		max-width: 250px;
	}
}
.vita-single-post__img-container::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 60px;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1200 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,30 C200,0 400,60 600,30 C800,0 1000,60 1200,30 L1200,60 L0,60 Z' fill='%23ffffff'/%3E%3C/svg%3E");
	background-size: cover;
	background-repeat: no-repeat;
	top: 0;
	transform: scaleY(-1);
	z-index: 2;
	top: -1px;
	z-index: 5;
}
.vita-single-post__img-container::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 40px;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1200 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,30 C200,0 400,60 600,30 C800,0 1000,60 1200,30 L1200,60 L0,60 Z' fill='%23ffffff'/%3E%3C/svg%3E");
	background-size: cover;
	background-repeat: no-repeat;
	z-index: 1;
	bottom: -1px;
	z-index: 5;
}

.vita-single-post__img {
	width: 100%;
	height: auto;
	-o-object-fit: cover;
	object-fit: cover;
	display: block;
	border-radius: 1rem;
}

.vita-single-post__content {
	padding: 2rem;
	grid-column: 2;
}
@media (max-width: 1200px) {
	.vita-single-post__content {
		grid-column: 1;
		grid-row: 2;
	}
}
@media (max-width: 1000px) {
	.vita-single-post__content {
		padding: 1.5rem;
	}
}

.vita-single-post__header {
	margin-bottom: 2rem;
}

.vita-single-post__title {
	font-size: 2.5rem;
	font-weight: 700;
	line-height: 1.2;
	margin: 0 0 1rem 0;
}
@media (max-width: 1200px) {
	.vita-single-post__title {
		font-size: 2rem;
	}
}
@media (max-width: 1000px) {
	.vita-single-post__title {
		font-size: 1.75rem;
	}
}

.vita-single-post__excerpt {
	font-size: 1.125rem;
	line-height: 1.6;
	color: #666;
	font-style: italic;
	margin: 0;
}
@media (max-width: 1000px) {
	.vita-single-post__excerpt {
		font-size: 1rem;
	}
}

.vita-single-post__body {
	margin-bottom: 3rem;
	line-height: 1.7;
}
.vita-single-post__body h1, .vita-single-post__body h2, .vita-single-post__body h3, .vita-single-post__body h4, .vita-single-post__body h5, .vita-single-post__body h6 {
	line-height: 1.3;
	margin: 2rem 0 1rem 0;
}
.vita-single-post__body h1:first-child, .vita-single-post__body h2:first-child, .vita-single-post__body h3:first-child, .vita-single-post__body h4:first-child, .vita-single-post__body h5:first-child, .vita-single-post__body h6:first-child {
	margin-top: 0;
}
.vita-single-post__body h2 {
	font-size: 1.875rem;
}
.vita-single-post__body h3 {
	font-size: 1.5rem;
}
.vita-single-post__body h4 {
	font-size: 1.25rem;
}
.vita-single-post__body p {
	margin: 0 0 1.5rem 0;
}
.vita-single-post__body p:last-child {
	margin-bottom: 0;
}
.vita-single-post__body img {
	max-width: 100%;
	height: auto;
	border-radius: 0.5rem;
	margin: 2rem 0;
}
.vita-single-post__body ul, .vita-single-post__body ol {
	margin: 0 0 1.5rem 0;
	padding-left: 2rem;
}
.vita-single-post__body li {
	margin-bottom: 0.5rem;
}
.vita-single-post__body blockquote {
	margin: 2rem 0;
	padding: 1.5rem 2rem;
	border-left: 4px solid #3b82f6;
	background: #f8fafc;
	border-radius: 0 0.5rem 0.5rem 0;
	font-style: italic;
}

.vita-single-post__tags {
	border-top: 1px solid #e2e8f0;
	margin-bottom: 1rem;
}
.vita-single-post__tags h4 {
	font-size: 1rem;
	font-weight: 600;
	margin: 0 0 1rem 0;
}
.vita-single-post__tags .tag-list {
	margin: 1rem 0 0.5rem 0;
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}
.vita-single-post__tags .tag-list a {
	display: inline-block;
	padding: 0.375rem 0.75rem;
	background: #f3f4f6;
	color: #374151;
	text-decoration: none;
	border-radius: 2rem;
	font-size: 0.9rem;
	transition: all 0.2s ease-in-out;
}
.vita-single-post__tags .tag-list a:hover {
	background: #3b82f6;
	color: white;
}

.vita-single-post__navigation {
	margin-bottom: 2rem;
}
.vita-single-post__navigation .post-nav {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem;
}
@media (max-width: 1000px) {
	.vita-single-post__navigation .post-nav {
		grid-template-columns: 1fr;
	}
}
.vita-single-post__navigation .post-nav__prev,
.vita-single-post__navigation .post-nav__next {
	padding: 1rem;
	background: #f9fafb;
	border-radius: 0.5rem;
}
.vita-single-post__navigation .post-nav__prev a,
.vita-single-post__navigation .post-nav__next a {
	text-decoration: none;
	color: #374151;
	font-weight: 500;
}
.vita-single-post__navigation .post-nav__prev a:hover,
.vita-single-post__navigation .post-nav__next a:hover {
	color: #3b82f6;
}

.vita-single-post__related {
	margin-bottom: 2rem;
}
.vita-single-post__related h3 {
	font-size: 1.5rem;
	font-weight: 600;
	margin: 0 0 1.5rem 0;
}
.vita-single-post__related .related-posts {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 1rem;
}
.vita-single-post__related .related-posts .related-post {
	background: #f9fafb;
	border-radius: 0.5rem;
	overflow: hidden;
	transition: transform 0.2s;
}
.vita-single-post__related .related-posts .related-post:hover {
	transform: translateY(-2px);
}
.vita-single-post__related .related-posts .related-post img {
	width: 100%;
	height: 120px;
	-o-object-fit: cover;
	object-fit: cover;
}
.vita-single-post__related .related-posts .related-post h4 {
	padding: 1rem;
	margin: 0;
	font-size: 0.9rem;
}
.vita-single-post__related .related-posts .related-post h4 a {
	text-decoration: none;
	color: #374151;
}
.vita-single-post__related .related-posts .related-post h4 a:hover {
	color: #3b82f6;
}

.vita-single-post__share h4 {
	font-size: 1rem;
	font-weight: 600;
	margin: 0 0 1rem 0;
}
.vita-single-post__share .share-buttons {
	display: flex;
	gap: 1rem;
}
.vita-single-post__share .share-buttons a {
	padding: 0.5rem 1rem;
	background: #3b82f6;
	color: white;
	text-decoration: none;
	border-radius: 0.25rem;
	font-size: 0.875rem;
	transition: background 0.2s;
}
.vita-single-post__share .share-buttons a:hover {
	background: #2563eb;
}

.vita-single-post .related {
	padding: 80px 20px;
	margin-top: 4rem;
}
.vita-single-post .related .related-container {
	width: 100%;
	max-width: 1400px !important;
	margin: 0 auto;
	padding: 0 20px;
}
@media (min-width: 1000px) {
	.vita-single-post .related .related-container {
		padding: 0 40px;
	}
}
@media (min-width: 1400px) {
	.vita-single-post .related .related-container {
		padding: 0 60px;
	}
}
.vita-single-post .related .related-container {
	margin: 0 auto;
}
.vita-single-post .related h2 {
	text-align: center;
	font-size: 2rem;
	font-weight: 700;
	color: #134B8D;
	margin: 0 0 50px 0;
	line-height: 1.3;
}
.vita-single-post .related .products-carousel {
	position: relative;
	margin-bottom: 50px;
}
.vita-single-post .related .carousel-nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: #ffffff;
	border: 2px solid #e2e8f0;
	border-radius: 50%;
	width: 48px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.3s ease;
	z-index: 2;
	color: #5f6b82;
}
.vita-single-post .related .carousel-nav:hover {
	background: rgb(25.7777777778, 141.3333333333, 190.2222222222);
	border-color: rgb(25.7777777778, 141.3333333333, 190.2222222222);
	color: #ffffff;
	transform: translateY(-50%) scale(1.05);
}
.vita-single-post .related .carousel-nav.carousel-prev {
	left: -24px;
}
.vita-single-post .related .carousel-nav.carousel-next {
	right: -24px;
}
.vita-single-post .related .carousel-nav svg {
	width: 20px;
	height: 20px;
}
.vita-single-post .related .products-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 30px;
	padding: 0 40px;
}
.vita-single-post .related .product-card .product-link {
	display: block;
	text-decoration: none;
	background: #ffffff;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
	transition: all 0.3s ease;
}
.vita-single-post .related .product-card .product-link:hover {
	transform: translateY(-4px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}
.vita-single-post .related .product-card .product-image .product-img {
	width: 100%;
	height: 240px;
	-o-object-fit: cover;
	object-fit: cover;
	background: #f7fafc;
}
.vita-single-post .related .product-card .product-info {
	padding: 20px;
}
.vita-single-post .related .product-card .product-info .product-name {
	margin: 0 0 12px 0;
	font-size: 1.125rem;
	font-weight: 600;
	color: #134B8D;
	line-height: 1.4;
}
.vita-single-post .related .product-card .product-info .product-availability {
	margin: 0;
	font-size: 14px;
	color: #718096;
	font-weight: 500;
}
.vita-single-post .related .related-cta {
	text-align: center;
}
.vita-single-post .related .related-cta .view-all-btn {
	display: inline-block;
	background: rgb(25.7777777778, 141.3333333333, 190.2222222222);
	color: #ffffff;
	padding: 14px 32px;
	text-decoration: none;
	font-weight: 600;
	border-radius: 8px;
	transition: all 0.3s ease;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	font-size: 14px;
}
.vita-single-post .related .related-cta .view-all-btn:hover {
	background: #29ABE2;
	transform: translateY(-2px);
}
@media (max-width: 1200px) {
	.vita-single-post .related {
		margin-top: 3rem;
		padding: 60px 18px;
	}
	.vita-single-post .related h2 {
		font-size: 1.75rem;
		margin-bottom: 40px;
	}
	.vita-single-post .related .carousel-nav {
		display: none;
	}
	.vita-single-post .related .products-grid {
		grid-template-columns: 1fr;
		gap: 20px;
		padding: 0;
	}
}
@media (max-width: 1000px) {
	.vita-single-post .related {
		padding: 40px 12px;
	}
}

/**
 * Footer Styles with Wave Pattern
 * @package Vita_XYZ
 * @version 1.0.0
 *
 * Uses existing wave-pattern mixin and brand color variables
 * /src/sass/layouts/_footer.scss
 */
.vita-footer {
	position: relative;
	background: linear-gradient(135deg, #134B8D 0%, #1f56a9 100%);
	color: #ffffff;
	overflow: hidden;
}
@media (max-width: 768px) {
	.vita-footer__content {
		display: flex !important;
		flex-direction: column;
		align-items: center !important;
		justify-content: center;
		text-align: center;
		width: 100%;
	}
	.vita-footer__navigation {
		display: none !important;
	}
}
.vita-footer__wave-top {
	position: relative;
	height: 60px;
}
.vita-footer__wave-top::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 60px;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1200 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,30 C200,0 400,60 600,30 C800,0 1000,60 1200,30 L1200,60 L0,60 Z' fill='%23ffffff'/%3E%3C/svg%3E");
	background-size: cover;
	background-repeat: no-repeat;
	top: 0;
	transform: scaleY(-1);
	z-index: 2;
}
.vita-footer__wave-bottom {
	position: relative;
	height: 40px;
}
.vita-footer__wave-bottom::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 40px;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1200 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,30 C200,0 400,60 600,30 C800,0 1000,60 1200,30 L1200,60 L0,60 Z' fill='%23ffffff'/%3E%3C/svg%3E");
	background-size: cover;
	background-repeat: no-repeat;
	z-index: 1;
}
.vita-footer__main {
	padding: 80px 0 60px;
	position: relative;
	z-index: 3;
}
@media (max-width: 768px) {
	.vita-footer__main {
		padding: 60px 0 40px;
	}
}
.vita-footer__content {
	display: grid;
	grid-template-columns: 1fr 2fr 1fr;
	gap: 60px;
	align-items: center;
}
@media (max-width: 768px) {
	.vita-footer__content {
		grid-template-columns: 1fr;
		gap: 20px;
		text-align: center;
	}
}
.vita-footer__content__middle {
	display: flex;
	justify-content: center;
	align-items: center;
}
.vita-footer__company .vita-footer__logo {
	margin-bottom: 25px;
}
.vita-footer__company .vita-footer__logo-img {
	max-width: 180px;
	height: auto;
	filter: brightness(0) invert(1);
}
.vita-footer__company .vita-footer__logo-text {
	font-size: 1.8rem;
	font-weight: 900;
	color: #ffffff;
	margin: 0;
}
.vita-footer__company .vita-footer__description {
	font-size: 1rem;
	line-height: 1.6;
	color: rgba(255, 255, 255, 0.9);
	margin: 0 0 30px;
}
.vita-footer__social-title {
	font-size: 1.1rem;
	font-weight: 700;
	color: #ffffff;
	margin: 0 0 15px;
}
.vita-footer__social-links {
	display: flex;
	gap: 15px;
	flex-wrap: wrap;
}
@media (max-width: 768px) {
	.vita-footer__social-links {
		justify-content: center;
	}
}
.vita-footer__social-link {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	background-color: rgba(255, 255, 255, 0.1);
	border-radius: 50%;
	color: #ffffff;
	text-decoration: none;
	transition: all 0.3s ease;
	backdrop-filter: blur(10px);
}
.vita-footer__social-link:hover {
	background-color: #f2c200;
	color: #134B8D;
	transform: translateY(-3px);
	box-shadow: 0 6px 20px rgba(242, 194, 0, 0.3);
}
.vita-footer__social-link img {
	width: 20px;
	height: 20px;
	filter: none;
}
.vita-footer__social-link:hover img {
	filter: none;
}
.vita-footer__social-link span {
	font-size: 0.8rem;
	font-weight: 600;
}
.vita-footer__navigation {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 40px;
}
@media (max-width: 992px) {
	.vita-footer__navigation {
		grid-column: span 2;
	}
}
@media (max-width: 768px) {
	.vita-footer__navigation {
		grid-template-columns: 1fr;
		gap: 30px;
	}
}
.vita-footer__nav-column .vita-footer__nav-title {
	font-size: 1.2rem;
	font-weight: 800;
	color: #ffffff;
	margin: 0 0 20px;
	position: relative;
}
.vita-footer__nav-column .vita-footer__nav-title::after {
	content: "";
	position: absolute;
	bottom: -8px;
	left: 0;
	width: 30px;
	height: 3px;
	background-color: #f2c200;
	border-radius: 2px;
}
@media (max-width: 768px) {
	.vita-footer__nav-column .vita-footer__nav-title::after {
		left: 50%;
		transform: translateX(-50%);
	}
}
.vita-footer__nav-column .vita-footer__nav-menu {
	list-style: none;
	padding: 0;
	margin: 0;
}
.vita-footer__nav-column .vita-footer__nav-menu li {
	margin-bottom: 12px;
}
.vita-footer__nav-column .vita-footer__nav-menu li a {
	color: rgba(255, 255, 255, 0.85);
	text-decoration: none;
	font-size: 0.95rem;
	transition: all 0.3s ease;
	display: inline-block;
	position: relative;
}
.vita-footer__nav-column .vita-footer__nav-menu li a::before {
	content: "";
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 0;
	height: 2px;
	background-color: #f2c200;
	transition: width 0.3s ease;
}
.vita-footer__nav-column .vita-footer__nav-menu li a:hover {
	color: #ffffff;
	transform: translateX(5px);
}
.vita-footer__nav-column .vita-footer__nav-menu li a:hover::before {
	width: 100%;
}
.vita-footer__contact .vita-footer__contact-title,
.vita-footer__contact .vita-footer__newsletter-title {
	font-size: 1.2rem;
	font-weight: 800;
	color: #ffffff;
	margin: 0 0 20px;
	position: relative;
}
.vita-footer__contact .vita-footer__contact-title::after,
.vita-footer__contact .vita-footer__newsletter-title::after {
	content: "";
	position: absolute;
	bottom: -8px;
	left: 0;
	width: 30px;
	height: 3px;
	background-color: #f2c200;
	border-radius: 2px;
}
@media (max-width: 768px) {
	.vita-footer__contact .vita-footer__contact-title::after,
	.vita-footer__contact .vita-footer__newsletter-title::after {
		left: 50%;
		transform: translateX(-50%);
	}
}
.vita-footer__contact .vita-footer__contact-item {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin-bottom: 15px;
}
@media (max-width: 768px) {
	.vita-footer__contact .vita-footer__contact-item {
		justify-content: center;
	}
}
.vita-footer__contact .vita-footer__contact-item .vita-footer__contact-icon {
	flex-shrink: 0;
	margin-top: 2px;
	color: #f2c200;
}
.vita-footer__contact .vita-footer__contact-item a {
	color: rgba(255, 255, 255, 0.9);
	text-decoration: none;
	transition: color 0.3s ease;
}
.vita-footer__contact .vita-footer__contact-item a:hover {
	color: #f2c200;
}
.vita-footer__contact .vita-footer__contact-item .vita-footer__address {
	font-style: normal;
	color: rgba(255, 255, 255, 0.9);
	line-height: 1.5;
}
.vita-footer__newsletter {
	margin-top: 40px;
}
.vita-footer__newsletter-description {
	color: rgba(255, 255, 255, 0.85);
	font-size: 0.95rem;
	line-height: 1.5;
	margin: 0 0 25px;
}
.vita-footer__newsletter-form .vita-footer__newsletter-input-group {
	display: flex;
	background-color: rgba(255, 255, 255, 0.1);
	border-radius: 8px;
	overflow: hidden;
	border: 2px solid transparent;
	transition: all 0.3s ease;
	backdrop-filter: blur(10px);
}
.vita-footer__newsletter-form .vita-footer__newsletter-input-group:focus-within {
	border-color: #f2c200;
	background-color: rgba(255, 255, 255, 0.15);
}
.vita-footer__newsletter-form .vita-footer__newsletter-input {
	flex: 1;
	padding: 15px 20px;
	border: none;
	background: transparent;
	color: #ffffff;
	font-size: 0.95rem;
}
.vita-footer__newsletter-form .vita-footer__newsletter-input::-moz-placeholder {
	color: rgba(255, 255, 255, 0.6);
}
.vita-footer__newsletter-form .vita-footer__newsletter-input::placeholder {
	color: rgba(255, 255, 255, 0.6);
}
.vita-footer__newsletter-form .vita-footer__newsletter-input:focus {
	outline: none;
}
.vita-footer__newsletter-form .vita-footer__newsletter-submit {
	padding: 15px 20px;
	background-color: #f2c200;
	border: none;
	color: #134B8D;
	cursor: pointer;
	transition: all 0.3s ease;
	display: flex;
	align-items: center;
	justify-content: center;
}
.vita-footer__newsletter-form .vita-footer__newsletter-submit:hover {
	background-color: rgb(255, 211.958677686, 38);
	transform: scale(1.05);
}
.vita-footer__newsletter-form .vita-footer__newsletter-submit svg {
	width: 16px;
	height: 16px;
}
.vita-footer__bottom {
	background-color: rgba(0, 0, 0, 0.2);
	padding: 25px 0;
	position: relative;
	z-index: 3;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.vita-footer__bottom-content {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 20px;
}
@media (max-width: 768px) {
	.vita-footer__bottom-content {
		flex-direction: column;
		text-align: center;
	}
}
.vita-footer__bottom .vita-footer__copyright {
	color: rgba(255, 255, 255, 0.8);
	font-size: 0.9rem;
}
.vita-footer__bottom .vita-footer__copyright p {
	margin: 0;
}
.vita-footer__bottom .vita-footer__credits {
	display: flex;
	list-style: none;
	padding: 0;
	margin: 0;
	gap: 25px;
}
@media (max-width: 576px) {
	.vita-footer__bottom .vita-footer__credits {
		flex-direction: column;
		gap: 15px;
	}
}
.vita-footer__bottom .vita-footer__credits a {
	color: rgba(255, 255, 255, 0.8);
	text-decoration: none;
	font-size: 0.9rem;
	transition: color 0.3s ease;
}
.vita-footer__bottom .vita-footer__credits a:hover {
	color: #f2c200;
}
.vita-footer::before {
	content: "";
	position: absolute;
	top: 20%;
	right: -10%;
	width: 300px;
	height: 300px;
	background: radial-gradient(circle, rgba(242, 194, 0, 0.1) 0%, transparent 70%);
	border-radius: 50%;
	z-index: 1;
}
.vita-footer::after {
	content: "";
	position: absolute;
	bottom: 20%;
	left: -5%;
	width: 200px;
	height: 200px;
	background: radial-gradient(circle, rgba(242, 194, 0, 0.1) 0%, transparent 70%);
	border-radius: 50%;
	z-index: 1;
}
@media (max-width: 576px) {
	.vita-footer__content {
		gap: 40px;
	}
	.vita-footer__navigation {
		gap: 25px;
	}
	.vita-footer__nav-column .vita-footer__nav-title::after, .vita-footer__contact .vita-footer__contact-title::after, .vita-footer__contact .vita-footer__newsletter-title::after {
		left: 50%;
		transform: translateX(-50%);
	}
	.vita-footer__newsletter-form .vita-footer__newsletter-input-group {
		flex-direction: column;
	}
	.vita-footer__newsletter-submit {
		border-radius: 0 0 8px 8px;
	}
}

.screen-reader-text {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
	width: 1px !important;
	height: 1px !important;
	overflow: hidden;
}

/* XYZ Logo Animation Styles */
:root {
	--footSize: min(5vw, 35px);
}

.wrap {
	padding-top: 0;
	display: grid;
	place-items: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	margin: 0 auto;
	width: 100%;
	max-width: 750px;
}
.wrap .xyz-logo {
	width: var(--footSize);
	height: auto;
	display: block;
	transition: transform 0.3s ease;
}
.wrap .xyz-logo:hover {
	transform: scale(1.05);
}

/* Animated scroll down mouse icon */
.mouse {
	width: 40px;
	height: 72px;
	border: 2px solid #fff;
	border-radius: 60px;
	position: relative;
}

.mouse::before {
	content: "";
	width: 4px;
	height: 12px;
	position: absolute;
	top: 10px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #fff;
	border-radius: 10%;
	opacity: 1;
	animation: wheel 2s infinite;
	-webkit-animation: wheel 2s infinite;
}

.mouse {
	cursor: pointer;
	z-index: 55;
}

.mousea {
	cursor: pointer;
}

@keyframes wheel {
	to {
		opacity: 0;
		top: 50px;
	}
}
/* BACK TO TOP BUTTON */
.progress-wrap {
	position: fixed;
	right: 50px;
	bottom: 50px;
	height: 46px;
	width: 46px;
	cursor: pointer;
	display: block;
	border-radius: 50px;
	box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.5);
	z-index: 10000;
	opacity: 0;
	visibility: hidden;
	transform: translateY(15px);
	transition: all 200ms linear;
	-webkit-transition: all 200ms linear;
}

.progress-wrap.active-progress {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.progress-wrap::after, .progress-wrap::before {
	position: absolute;
	font-family: "Font Awesome 5 Free";
	content: "\f062";
	font-weight: 600;
	text-align: center;
	line-height: 46px;
	font-size: 24px;
	left: 0;
	top: 0;
	height: 46px;
	width: 46px;
	cursor: pointer;
	display: block;
	z-index: 1;
	transition: all 200ms linear;
	-webkit-transition: all 200ms linear;
}

.progress-wrap::after {
	color: rgba(186, 173, 106, 0.55);
}

.progress-wrap::before {
	opacity: 0;
	background-image: linear-gradient(45deg, #FFE300, #29ABE2);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	z-index: 2;
}

.progress-wrap:hover::after {
	opacity: 0;
}

.progress-wrap:hover::before {
	opacity: 1;
}

.progress-wrap svg path {
	fill: none;
	stroke: #29ABE2;
	stroke-width: 4;
}

.progress-wrap svg path.progress-circle path {
	stroke: var(--accent);
	stroke-width: 4;
	box-sizing: border-box;
	transition: all 200ms linear;
	-webkit-transition: all 200ms linear;
}

/* vertical centering */
.valign-middle {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

/* position centering */
.position-center {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.position-center-bottom {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(0, -50%);
}

.forward {
	z-index: 1000;
}

.vita-page-hero {
	padding: 2rem 0;
	text-align: center;
}
.vita-page-hero__breadcrumb {
	font-size: 0.75rem;
	margin-bottom: 1.5rem;
	color: #1f56a9;
}
.vita-page-hero__breadcrumb a {
	color: #1f56a9;
	text-decoration: none;
}
.vita-page-hero__breadcrumb a:hover {
	text-decoration: underline;
}
.vita-page-hero__breadcrumb-separator {
	margin: 0 0.5em;
}
.vita-page-hero__breadcrumb-current {
	color: #134B8D;
	font-weight: 900;
}
.vita-page-hero__title {
	font-size: clamp(4rem, 6vw, 5.5rem) !important;
	margin-top: 0;
	margin-bottom: 1rem;
}
.vita-page-hero__excerpt {
	font-size: 1.25rem;
	color: #134B8D;
	max-width: 60ch;
	margin: 0 auto;
}

/**
 * Archive Recipe Page Styles
 *
 * Comprehensive styling for the recipe archive page including:
 * - Recipe grid layout
 * - Enhanced recipe cards with metadata
 * - Search and filter functionality
 * - Responsive design
 *
 * /src/sass/layouts/_archive-recipes.scss
 * @package Vita_XYZ
 * @version 1.0.0
 */
/* ========== RECIPES ARCHIVE LAYOUT ========== */
.vita-recipes-archive {
	min-height: 100vh;
	background: #ffffff;
}

/* ========== SEARCH & FILTERS ========== */
.vita-recipes-filters {
	display: flex;
	flex-direction: column;
	gap: 2rem;
	max-width: 1000px;
	margin: 0 auto;
}
@media (max-width: 768px) {
	.vita-recipes-filters {
		gap: 1.5rem;
	}
}

.vita-recipes-filters__search {
	display: flex;
	justify-content: center;
}

.vita-search-form {
	position: relative;
	max-width: 500px;
	width: 100%;
}
.vita-search-form__input {
	width: 100%;
	padding: 1rem 3.5rem 1rem 1.5rem;
	border: 2px solid #e5e7eb;
	border-radius: 50px;
	font-size: 1rem;
	background: white;
	transition: all 0.3s ease;
}
.vita-search-form__input:focus {
	outline: none;
	border-color: #134B8D;
	box-shadow: 0 0 0 4px rgba(20, 60, 125, 0.1);
}
.vita-search-form__input::-moz-placeholder {
	color: #9ca3af;
}
.vita-search-form__input::placeholder {
	color: #9ca3af;
}
.vita-search-form__submit {
	position: absolute;
	right: 0.5rem;
	top: 50%;
	transform: translateY(-50%);
	width: 2.5rem;
	height: 2.5rem;
	border: none;
	background: #134B8D;
	color: white;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.3s ease;
}
.vita-search-form__submit:hover {
	background: rgb(12.94375, 51.09375, 96.05625);
	transform: translateY(-50%) scale(1.05);
}
.vita-search-form__submit svg {
	width: 18px;
	height: 18px;
}

.vita-recipes-filters__categories {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.75rem;
}
@media (max-width: 576px) {
	.vita-recipes-filters__categories {
		gap: 0.5rem;
	}
}

.vita-category-filter {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.75rem 1.5rem;
	border: 2px solid #e5e7eb;
	border-radius: 30px;
	color: #134B8D;
	text-decoration: none;
	font-weight: 600;
	font-size: 0.875rem;
	transition: all 0.3s ease;
	background: white;
}
.vita-category-filter:hover, .vita-category-filter.active {
	background: #134B8D;
	border-color: #134B8D;
	color: white;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(20, 60, 125, 0.3);
}
.vita-category-filter__count {
	background: rgba(0, 0, 0, 0.1);
	color: inherit;
	border-radius: 12px;
	padding: 0.25rem 0.5rem;
	font-size: 0.75rem;
	font-weight: 700;
	min-width: 1.5rem;
	text-align: center;
}
@media (max-width: 576px) {
	.vita-category-filter {
		padding: 0.625rem 1.25rem;
		font-size: 0.8125rem;
	}
}

/* ========== RECIPES CONTENT ========== */
.vita-recipes-content {
	padding: 4rem 0;
	background: white;
}

.vita-recipes-results {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 2.5rem;
	padding-bottom: 1.5rem;
	border-bottom: 2px solid #f1f5f9;
}
@media (max-width: 768px) {
	.vita-recipes-results {
		flex-direction: column;
		gap: 1rem;
		text-align: center;
	}
}

.vita-recipes-results__count {
	font-size: 1.125rem;
	font-weight: 600;
	color: #134B8D;
}

/* ========== RECIPES GRID ========== */
.vita-recipes-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 2rem;
	margin-bottom: 3rem;
}
@media (max-width: 992px) {
	.vita-recipes-grid {
		grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
		gap: 1.5rem;
	}
}
@media (max-width: 768px) {
	.vita-recipes-grid {
		grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
		gap: 1.25rem;
	}
}
@media (max-width: 576px) {
	.vita-recipes-grid {
		grid-template-columns: 1fr;
		gap: 1rem;
	}
}

/* ========== STANDARDIZED RECIPE CARD ========== */
/* This matches the styling from related-recipes.php for consistency */
.vita-recipe-card__servings,
.vita-recipe-card__ingredients,
.vita-recipe-card__steps,
.vita-recipe-card__featured-product {
	display: flex;
	align-items: center;
	gap: 0.375rem;
	color: #5f6b82;
	font-weight: 500;
}
.vita-recipe-card__servings svg,
.vita-recipe-card__ingredients svg,
.vita-recipe-card__steps svg,
.vita-recipe-card__featured-product svg {
	width: 14px;
	height: 14px;
	opacity: 0.8;
	flex-shrink: 0;
}

/* ========== PAGINATION ========== */
.vita-recipes-pagination {
	display: flex;
	justify-content: center;
	margin-top: 3rem;
}
.vita-recipes-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.75rem 1rem;
	border: 2px solid #e5e7eb;
	color: #134B8D;
	text-decoration: none;
	font-weight: 600;
	border-radius: 8px;
	transition: all 0.3s ease;
	margin: 0 0.25rem;
}
.vita-recipes-pagination .page-numbers:hover, .vita-recipes-pagination .page-numbers.current {
	background: #134B8D;
	border-color: #134B8D;
	color: white;
}
.vita-recipes-pagination .page-numbers.prev svg, .vita-recipes-pagination .page-numbers.next svg {
	width: 16px;
	height: 16px;
}

/* ========== EMPTY STATE ========== */
.vita-recipes-empty {
	text-align: center;
	padding: 4rem 2rem;
	background: #f8fafc;
	border-radius: 16px;
	margin: 2rem 0;
}

.vita-recipes-empty__content {
	max-width: 500px;
	margin: 0 auto;
}

.vita-recipes-empty__icon {
	margin-bottom: 2rem;
	opacity: 0.6;
}

.vita-recipes-empty__title {
	font-family: "Recoleta", sans-serif;
	font-size: 1.875rem;
	font-weight: 700;
	color: #134B8D;
	margin: 0 0 1rem;
}

.vita-recipes-empty__message {
	font-size: 1.125rem;
	line-height: 1.6;
	color: #5f6b82;
	margin: 0 0 2rem;
}

/* ========== STANDARDIZED BUTTON STYLES ========== */
.vita-button {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.875rem 2rem;
	border: 2px solid transparent;
	border-radius: 50px;
	font-weight: 700;
	font-size: 0.875rem;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	text-decoration: none;
	cursor: pointer;
	transition: all 0.3s ease;
	white-space: nowrap;
}
.vita-button--primary {
	background: #134B8D;
	color: white;
}
.vita-button--primary:hover {
	background: rgb(12.94375, 51.09375, 96.05625);
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(20, 60, 125, 0.3);
}
.vita-button--secondary {
	background: white;
	color: #134B8D;
	border-color: #134B8D;
}
.vita-button--secondary:hover {
	background: #134B8D;
	color: white;
}
.vita-button--large {
	padding: 1.125rem 2.5rem;
	font-size: 1rem;
}
.vita-button svg {
	width: 16px;
	height: 16px;
}

/* ========== RESPONSIVE ADJUSTMENTS ========== */
@media (max-width: 1200px) {
	.vita-recipes-header {
		padding: 3rem 0 2.5rem;
	}
}
@media (max-width: 992px) {
	.vita-recipes-header__content {
		margin-bottom: 2.5rem;
	}
}
@media (max-width: 768px) {
	.vita-recipes-header {
		padding: 2.5rem 0 2rem;
	}
	.vita-recipes-content {
		padding: 3rem 0;
	}
}
@media (max-width: 576px) {
	.vita-recipes-header {
		padding: 2rem 0 1.5rem;
	}
	.vita-recipes-content {
		padding: 2rem 0;
	}
	.vita-recipes-filters {
		gap: 1rem;
	}
	.vita-recipes-results {
		margin-bottom: 2rem;
	}
}
/**
 * Category Archive Styles
 * @package Vita_XYZ
 * @version 1.0.0
* /src/sass/layouts/_archive-category.scss
 */
.vita-category-archive {
	background-color: #ffffff;
}
.vita-category-archive .vita-archive-header .vita-archive-meta__count {
	color: #5f6b82;
	padding: 8px 16px;
	background: rgba(255, 255, 255, 0.8);
	border-radius: 20px;
	backdrop-filter: blur(10px);
}
.vita-category-archive .vita-archive-header__decoration {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	pointer-events: none;
}
.vita-category-archive .vita-archive-header__decoration .vita-floating-element--1 {
	top: 20%;
	left: 10%;
}
.vita-category-archive .vita-archive-header__decoration .vita-floating-element--2 {
	top: 60%;
	right: 15%;
}
.vita-category-archive .vita-archive-header__decoration .vita-floating-element--3 {
	bottom: 20%;
	left: 20%;
}
.vita-category-archive .vita-category-navigation {
	padding: 60px 0;
	background: rgba(215, 238, 252, 0.3);
}
.vita-category-archive .vita-category-navigation .vita-category-nav__wrapper {
	text-align: center;
}
.vita-category-archive .vita-category-navigation .vita-category-nav__title {
	font-size: 1.8rem;
	font-weight: 700;
	color: #134B8D;
	margin-bottom: 32px;
}
.vita-category-archive .vita-category-navigation .vita-category-nav__list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
	max-width: 1000px;
	margin: 0 auto;
}
.vita-category-archive .vita-category-navigation .vita-category-filter {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 20px;
	background: #ffffff;
	color: #134B8D;
	text-decoration: none;
	border-radius: 25px;
	font-weight: 500;
	font-size: 14px;
	transition: all 0.3s ease;
	border: 2px solid transparent;
	box-shadow: 0 2px 8px rgba(19, 75, 141, 0.1);
}
.vita-category-archive .vita-category-navigation .vita-category-filter:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 16px rgba(19, 75, 141, 0.2);
	border-color: #f2c200;
}
.vita-category-archive .vita-category-navigation .vita-category-filter.active {
	background: #134B8D;
	color: #ffffff;
}
.vita-category-archive .vita-category-navigation .vita-category-filter__count {
	opacity: 0.7;
	font-size: 12px;
}
.vita-category-archive .vita-featured-post {
	padding: 80px 0;
}
.vita-category-archive .vita-featured-post__article {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 60px;
	align-items: center;
	width: 100%;
	max-width: 1400px !important;
	margin: 0 auto;
	padding: 0 20px;
}
@media (min-width: 1000px) {
	.vita-category-archive .vita-featured-post__article {
		padding: 0 40px;
	}
}
@media (min-width: 1400px) {
	.vita-category-archive .vita-featured-post__article {
		padding: 0 60px;
	}
}
.vita-category-archive .vita-featured-post__article {
	margin: 0 auto;
}
@media (max-width: 768px) {
	.vita-category-archive .vita-featured-post__article {
		grid-template-columns: 1fr;
		gap: 40px;
	}
}
.vita-category-archive .vita-featured-post__image {
	position: relative;
	border-radius: 20px;
	overflow: hidden;
	aspect-ratio: 4/3;
}
.vita-category-archive .vita-featured-post__image a {
	display: block;
	height: 100%;
}
.vita-category-archive .vita-featured-post__image img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	transition: transform 0.6s ease;
}
.vita-category-archive .vita-featured-post__image:hover img {
	transform: scale(1.05);
}
.vita-category-archive .vita-featured-post__content {
	padding: 20px 0;
}
.vita-category-archive .vita-featured-post__badge {
	display: inline-block;
	padding: 6px 16px;
	background: #f2c200;
	color: #134B8D;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	border-radius: 20px;
	margin-bottom: 16px;
}
.vita-category-archive .vita-featured-post__title {
	font-size: clamp(1.8rem, 3vw, 2.5rem);
	font-weight: 800;
	color: #134B8D;
	margin-bottom: 16px;
	line-height: 1.2;
}
.vita-category-archive .vita-featured-post__title a {
	color: inherit;
	text-decoration: none;
	transition: color 0.3s ease;
}
.vita-category-archive .vita-featured-post__title a:hover {
	color: #f2c200;
}
.vita-category-archive .vita-featured-post__meta {
	display: flex;
	gap: 16px;
	margin-bottom: 20px;
	font-size: 14px;
	color: #5f6b82;
}
.vita-category-archive .vita-featured-post__date, .vita-category-archive .vita-featured-post__author, .vita-category-archive .vita-featured-post__read-time {
	font-weight: 500;
}
.vita-category-archive .vita-featured-post__excerpt {
	font-size: 1.1rem;
	color: #5f6b82;
	line-height: 1.6;
	margin-bottom: 24px;
}
.vita-category-archive .vita-featured-post__link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 14px 28px;
	background: #134B8D;
	color: #ffffff;
	text-decoration: none;
	border-radius: 8px;
	font-weight: 600;
	transition: all 0.3s ease;
}
.vita-category-archive .vita-featured-post__link:hover {
	background: #1f56a9;
	transform: translateY(-2px);
}
.vita-category-archive .vita-featured-post__link .vita-arrow {
	transition: transform 0.3s ease;
}
.vita-category-archive .vita-featured-post__link:hover .vita-arrow {
	transform: translateX(4px);
}
.vita-category-archive .vita-archive-results {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 40px;
	padding: 0 20px;
}
@media (max-width: 576px) {
	.vita-category-archive .vita-archive-results {
		flex-direction: column;
		gap: 16px;
		align-items: stretch;
	}
}
.vita-category-archive .vita-archive-results__info {
	font-size: 14px;
	color: #5f6b82;
	font-weight: 500;
}
.vita-category-archive .vita-archive-results__sorting .vita-sort-select {
	padding: 8px 16px;
	border: 2px solid rgba(19, 75, 141, 0.2);
	border-radius: 8px;
	background: #ffffff;
	color: #134B8D;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	transition: border-color 0.3s ease;
}
.vita-category-archive .vita-archive-results__sorting .vita-sort-select:focus {
	outline: none;
	border-color: #134B8D;
}
.vita-category-archive .vita-news-grid {
	margin-bottom: 80px;
}
.vita-category-archive .vita-news-grid__items {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
	gap: 32px;
	padding: 0 20px;
}
@media (max-width: 576px) {
	.vita-category-archive .vita-news-grid__items {
		grid-template-columns: 1fr;
		gap: 24px;
	}
}
.vita-category-archive .vita-newsletter-signup {
	padding: 80px 0;
	background: linear-gradient(135deg, #d7eefc 0%, #F7F9FA 100%);
}
.vita-category-archive .vita-newsletter-signup__content {
	text-align: center;
	max-width: 600px;
	margin: 0 auto;
	padding: 0 20px;
}
.vita-category-archive .vita-newsletter-signup__title {
	font-size: 2.2rem;
	font-weight: 800;
	color: #134B8D;
	margin-bottom: 16px;
}
.vita-category-archive .vita-newsletter-signup__description {
	font-size: 1.1rem;
	color: #5f6b82;
	margin-bottom: 32px;
	line-height: 1.6;
}
.vita-category-archive .vita-newsletter-form__fields {
	display: flex;
	gap: 12px;
	margin-bottom: 16px;
}
@media (max-width: 576px) {
	.vita-category-archive .vita-newsletter-form__fields {
		flex-direction: column;
	}
}
.vita-category-archive .vita-newsletter-form__input {
	flex: 1;
	padding: 16px 20px;
	border: 2px solid rgba(19, 75, 141, 0.2);
	border-radius: 8px;
	font-size: 16px;
	transition: all 0.3s ease;
}
.vita-category-archive .vita-newsletter-form__input:focus {
	outline: none;
	border-color: #134B8D;
	box-shadow: 0 0 0 3px rgba(19, 75, 141, 0.1);
}
.vita-category-archive .vita-newsletter-form__input::-moz-placeholder {
	color: #718096;
}
.vita-category-archive .vita-newsletter-form__input::placeholder {
	color: #718096;
}
.vita-category-archive .vita-newsletter-form__submit {
	padding: 16px 32px;
	background: #134B8D;
	color: #ffffff;
	border: none;
	border-radius: 8px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.3s ease;
}
.vita-category-archive .vita-newsletter-form__submit:hover {
	background: #1f56a9;
	transform: translateY(-2px);
}
.vita-category-archive .vita-newsletter-form__privacy {
	font-size: 12px;
	color: #5f6b82;
}
.vita-category-archive .vita-newsletter-form__privacy a {
	color: #134B8D;
	text-decoration: none;
}
.vita-category-archive .vita-newsletter-form__privacy a:hover {
	text-decoration: underline;
}
.vita-category-archive .vita-archive-pagination {
	padding: 60px 20px 80px;
	text-align: center;
}
.vita-category-archive .vita-archive-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0 4px;
	padding: 12px 16px;
	color: #134B8D;
	text-decoration: none;
	border-radius: 8px;
	font-weight: 500;
	transition: all 0.3s ease;
}
.vita-category-archive .vita-archive-pagination .page-numbers.current {
	background: #134B8D;
	color: #ffffff;
}
.vita-category-archive .vita-archive-pagination .page-numbers:hover:not(.current) {
	background: rgba(19, 75, 141, 0.1);
	transform: translateY(-1px);
}
.vita-category-archive .vita-archive-pagination .page-numbers svg {
	width: 16px;
	height: 16px;
}
.vita-category-archive .vita-archive-pagination .prev svg,
.vita-category-archive .vita-archive-pagination .next svg {
	width: 14px;
	height: 14px;
}
.vita-category-archive .vita-archive-empty {
	padding: 80px 20px;
	text-align: center;
}
.vita-category-archive .vita-archive-empty__content {
	max-width: 500px;
	margin: 0 auto;
}
.vita-category-archive .vita-archive-empty__icon {
	margin-bottom: 32px;
	opacity: 0.5;
}
.vita-category-archive .vita-archive-empty__title {
	font-size: 2rem;
	font-weight: 700;
	color: #134B8D;
	margin-bottom: 16px;
}
.vita-category-archive .vita-archive-empty__message {
	font-size: 1.1rem;
	color: #5f6b82;
	line-height: 1.6;
	margin-bottom: 32px;
}
.vita-category-archive .vita-archive-empty__message strong {
	color: #134B8D;
	font-weight: 600;
}
.vita-category-archive .vita-archive-empty .vita-button {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 14px 28px;
	border-radius: 8px;
	text-decoration: none;
	font-weight: 600;
	transition: all 0.3s ease;
}
.vita-category-archive .vita-archive-empty .vita-button--primary {
	background: #134B8D;
	color: #ffffff;
}
.vita-category-archive .vita-archive-empty .vita-button--primary:hover {
	background: #1f56a9;
	transform: translateY(-2px);
}
.vita-category-archive .vita-archive-empty .vita-button--secondary {
	background: transparent;
	color: #134B8D;
	border: 2px solid #134B8D;
}
.vita-category-archive .vita-archive-empty .vita-button--secondary:hover {
	background: #134B8D;
	color: #ffffff;
}

/**
 * Tag Archive Styles
 * @package Vita_XYZ
 * @version 1.0.0
 * /src/sass/layouts/_archive-tag.scss
 */
.vita-tag-archive {
	background-color: #ffffff;
}
.vita-tag-archive .vita-archive-header__content {
	text-align: center;
	position: relative;
	z-index: 3;
	max-width: 800px;
	margin: 0 auto;
	padding: 0 20px;
}
.vita-tag-archive .vita-archive-header__breadcrumb {
	font-size: 14px;
	color: #5f6b82;
	margin-bottom: 20px;
	font-weight: 500;
}
.vita-tag-archive .vita-archive-header__breadcrumb a {
	color: #134B8D;
	text-decoration: none;
	transition: color 0.3s ease;
}
.vita-tag-archive .vita-archive-header__breadcrumb a:hover {
	color: #f2c200;
}
.vita-tag-archive .vita-archive-header .vita-breadcrumb-separator {
	margin: 0 8px;
	color: #718096;
}
.vita-tag-archive .vita-archive-header .vita-breadcrumb-current {
	color: #134B8D;
}
.vita-tag-archive .vita-archive-header__tag-indicator {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 24px;
	padding: 12px 20px;
	background: rgba(242, 194, 0, 0.15);
	border-radius: 25px;
	font-size: 14px;
	font-weight: 600;
	color: #134B8D;
}
.vita-tag-archive .vita-archive-header__tag-indicator .vita-tag-icon {
	width: 18px;
	height: 18px;
	fill: #f2c200;
}
.vita-tag-archive .vita-archive-header__title {
	font-size: clamp(2.5rem, 5vw, 4rem);
	font-weight: 900;
	color: #134B8D;
	margin: 0 0 24px;
	line-height: 1.1;
}
.vita-tag-archive .vita-archive-header__title::before {
	content: "#";
	color: #f2c200;
	margin-right: 8px;
	opacity: 0.8;
}
.vita-tag-archive .vita-archive-header__description {
	font-size: clamp(1.1rem, 2.5vw, 1.3rem);
	color: #5f6b82;
	margin: 0 0 32px;
	line-height: 1.6;
}
.vita-tag-archive .vita-archive-header__description strong {
	color: #134B8D;
	font-weight: 600;
}
.vita-tag-archive .vita-archive-header__meta {
	display: flex;
	justify-content: center;
	gap: 24px;
	font-size: 14px;
	font-weight: 500;
}
.vita-tag-archive .vita-archive-header .vita-archive-meta__count {
	color: #5f6b82;
	padding: 8px 16px;
	background: rgba(255, 255, 255, 0.9);
	border-radius: 20px;
	backdrop-filter: blur(10px);
	box-shadow: 0 2px 8px rgba(242, 194, 0, 0.1);
}
.vita-tag-archive .vita-archive-header__decoration {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	pointer-events: none;
}
.vita-tag-archive .vita-archive-header__decoration .vita-floating-element--1 {
	top: 15%;
	left: 8%;
}
.vita-tag-archive .vita-archive-header__decoration .vita-floating-element--2 {
	top: 50%;
	right: 12%;
	transform: rotate(-20deg);
}
.vita-tag-archive .vita-archive-header__decoration .vita-floating-element--3 {
	bottom: 25%;
	left: 15%;
	background: #134B8D;
	width: 70px;
	height: 70px;
	transform: rotate(45deg);
}
.vita-tag-archive .vita-related-tags {
	padding: 60px 0;
	background: rgba(242, 194, 0, 0.2);
}
.vita-tag-archive .vita-related-tags .vita-related-tags__wrapper {
	text-align: center;
}
.vita-tag-archive .vita-related-tags .vita-related-tags__title {
	font-size: 1.8rem;
	font-weight: 700;
	color: #134B8D;
	margin-bottom: 32px;
}
.vita-tag-archive .vita-related-tags .vita-related-tags__title .vita-tags-icon {
	width: 24px;
	height: 24px;
	margin-right: 12px;
	fill: #f2c200;
	vertical-align: text-bottom;
}
.vita-tag-archive .vita-related-tags .vita-tag-cloud {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
	max-width: 1000px;
	margin: 0 auto;
}
.vita-tag-archive .vita-related-tags .vita-tag-item {
	position: relative;
}
.vita-tag-archive .vita-related-tags .vita-tag-item__link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 10px 18px;
	background: #ffffff;
	color: #134B8D;
	text-decoration: none;
	border-radius: 20px;
	font-weight: 500;
	font-size: 13px;
	transition: all 0.3s ease;
	border: 2px solid transparent;
	box-shadow: 0 2px 6px rgba(242, 194, 0, 0.1);
}
.vita-tag-archive .vita-related-tags .vita-tag-item__link::before {
	content: "#";
	color: #f2c200;
	font-weight: 700;
	font-size: 12px;
}
.vita-tag-archive .vita-related-tags .vita-tag-item__link:hover {
	transform: translateY(-3px);
	box-shadow: 0 6px 18px rgba(242, 194, 0, 0.2);
	border-color: #f2c200;
	background: rgba(242, 194, 0, 0.05);
}
.vita-tag-archive .vita-related-tags .vita-tag-item__link.current-tag {
	background: #f2c200;
	color: #134B8D;
}
.vita-tag-archive .vita-related-tags .vita-tag-item__link.current-tag::before {
	color: #134B8D;
}
.vita-tag-archive .vita-related-tags .vita-tag-item__count {
	opacity: 0.7;
	font-size: 11px;
	margin-left: 4px;
}
.vita-tag-archive .vita-related-tags .vita-tag-item--size-1 .vita-tag-item__link {
	font-size: 11px;
}
.vita-tag-archive .vita-related-tags .vita-tag-item--size-2 .vita-tag-item__link {
	font-size: 12px;
}
.vita-tag-archive .vita-related-tags .vita-tag-item--size-3 .vita-tag-item__link {
	font-size: 13px;
}
.vita-tag-archive .vita-related-tags .vita-tag-item--size-4 .vita-tag-item__link {
	font-size: 14px;
	font-weight: 600;
}
.vita-tag-archive .vita-related-tags .vita-tag-item--size-5 .vita-tag-item__link {
	font-size: 15px;
	font-weight: 700;
}
.vita-tag-archive .vita-archive-results {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 40px;
	padding: 0 20px;
}
@media (max-width: 576px) {
	.vita-tag-archive .vita-archive-results {
		flex-direction: column;
		gap: 16px;
		align-items: stretch;
	}
}
.vita-tag-archive .vita-archive-results__info {
	font-size: 14px;
	color: #5f6b82;
	font-weight: 500;
}
.vita-tag-archive .vita-archive-results__info .vita-tag-highlight {
	color: #f2c200;
	font-weight: 600;
}
.vita-tag-archive .vita-archive-results__info .vita-tag-highlight::before {
	content: "#";
	margin-right: 2px;
}
.vita-tag-archive .vita-archive-results__sorting .vita-sort-select {
	padding: 8px 16px;
	border: 2px solid rgba(242, 194, 0, 0.3);
	border-radius: 8px;
	background: #ffffff;
	color: #134B8D;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	transition: border-color 0.3s ease;
}
.vita-tag-archive .vita-archive-results__sorting .vita-sort-select:focus {
	outline: none;
	border-color: #f2c200;
}
.vita-tag-archive .vita-news-grid {
	margin-bottom: 80px;
}
.vita-tag-archive .vita-news-grid__items {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
	gap: 32px;
	padding: 0 20px;
}
@media (max-width: 576px) {
	.vita-tag-archive .vita-news-grid__items {
		grid-template-columns: 1fr;
		gap: 24px;
	}
}
.vita-tag-archive .vita-news-grid .vita-card {
	border: 2px solid transparent;
	transition: all 0.3s ease;
}
.vita-tag-archive .vita-news-grid .vita-card:hover {
	border-color: rgba(242, 194, 0, 0.3);
	transform: translateY(-4px);
}
.vita-tag-archive .vita-news-grid .vita-card__meta .vita-card__tags .tag-item {
	background: rgba(242, 194, 0, 0.1);
	color: #134B8D;
	border: 1px solid rgba(242, 194, 0, 0.2);
}
.vita-tag-archive .vita-news-grid .vita-card__meta .vita-card__tags .tag-item::before {
	content: "#";
	margin-right: 2px;
	color: #f2c200;
}
.vita-tag-archive .vita-news-grid .vita-card__meta .vita-card__tags .tag-item.current-tag {
	background: #f2c200;
	color: #134B8D;
}
.vita-tag-archive .vita-news-grid .vita-card__meta .vita-card__tags .tag-item.current-tag::before {
	color: #134B8D;
}
.vita-tag-archive .vita-tag-stats {
	padding: 60px 0;
	background: rgba(247, 249, 250, 0.5);
}
.vita-tag-archive .vita-tag-stats__content {
	max-width: 800px;
	margin: 0 auto;
	text-align: center;
	padding: 0 20px;
}
.vita-tag-archive .vita-tag-stats__title {
	font-size: 1.8rem;
	font-weight: 700;
	color: #134B8D;
	margin-bottom: 32px;
}
.vita-tag-archive .vita-tag-stats__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 24px;
}
.vita-tag-archive .vita-tag-stats__item {
	padding: 24px;
	background: #ffffff;
	border-radius: 12px;
	box-shadow: 0 4px 12px rgba(242, 194, 0, 0.1);
}
.vita-tag-archive .vita-tag-stats__item__number {
	font-size: 2.5rem;
	font-weight: 900;
	color: #f2c200;
	display: block;
	margin-bottom: 8px;
}
.vita-tag-archive .vita-tag-stats__item__label {
	font-size: 14px;
	color: #5f6b82;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}
.vita-tag-archive .vita-archive-pagination {
	padding: 60px 20px 80px;
	text-align: center;
}
.vita-tag-archive .vita-archive-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0 4px;
	padding: 12px 16px;
	color: #134B8D;
	text-decoration: none;
	border-radius: 8px;
	font-weight: 500;
	transition: all 0.3s ease;
	border: 2px solid transparent;
}
.vita-tag-archive .vita-archive-pagination .page-numbers.current {
	background: #f2c200;
	color: #134B8D;
	border-color: #f2c200;
}
.vita-tag-archive .vita-archive-pagination .page-numbers:hover:not(.current) {
	background: rgba(242, 194, 0, 0.1);
	border-color: rgba(242, 194, 0, 0.3);
	transform: translateY(-1px);
}
.vita-tag-archive .vita-archive-pagination .page-numbers svg {
	width: 16px;
	height: 16px;
}
.vita-tag-archive .vita-archive-pagination .prev svg,
.vita-tag-archive .vita-archive-pagination .next svg {
	width: 14px;
	height: 14px;
}
.vita-tag-archive .vita-archive-empty {
	padding: 80px 20px;
	text-align: center;
}
.vita-tag-archive .vita-archive-empty__content {
	max-width: 500px;
	margin: 0 auto;
}
.vita-tag-archive .vita-archive-empty__icon {
	margin-bottom: 32px;
	opacity: 0.5;
}
.vita-tag-archive .vita-archive-empty__icon .vita-tag-icon {
	width: 80px;
	height: 80px;
	fill: #f2c200;
}
.vita-tag-archive .vita-archive-empty__title {
	font-size: 2rem;
	font-weight: 700;
	color: #134B8D;
	margin-bottom: 16px;
}
.vita-tag-archive .vita-archive-empty__title .vita-tag-highlight {
	color: #f2c200;
}
.vita-tag-archive .vita-archive-empty__title .vita-tag-highlight::before {
	content: "#";
	margin-right: 4px;
}
.vita-tag-archive .vita-archive-empty__message {
	font-size: 1.1rem;
	color: #5f6b82;
	line-height: 1.6;
	margin-bottom: 32px;
}
.vita-tag-archive .vita-archive-empty__message strong {
	color: #f2c200;
	font-weight: 600;
}
.vita-tag-archive .vita-archive-empty .vita-button {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 14px 28px;
	border-radius: 8px;
	text-decoration: none;
	font-weight: 600;
	transition: all 0.3s ease;
}
.vita-tag-archive .vita-archive-empty .vita-button--primary {
	background: #f2c200;
	color: #134B8D;
}
.vita-tag-archive .vita-archive-empty .vita-button--primary:hover {
	background: rgb(191, 153.1157024793, 0);
	transform: translateY(-2px);
}
.vita-tag-archive .vita-archive-empty .vita-button--secondary {
	background: transparent;
	color: #f2c200;
	border: 2px solid #f2c200;
}
.vita-tag-archive .vita-archive-empty .vita-button--secondary:hover {
	background: #f2c200;
	color: #134B8D;
}
.vita-tag-archive .vita-tag-suggestions {
	padding: 40px 0;
	background: rgba(242, 194, 0, 0.1);
}
.vita-tag-archive .vita-tag-suggestions__content {
	text-align: center;
	max-width: 600px;
	margin: 0 auto;
	padding: 0 20px;
}
.vita-tag-archive .vita-tag-suggestions__title {
	font-size: 1.5rem;
	font-weight: 600;
	color: #134B8D;
	margin-bottom: 20px;
}
.vita-tag-archive .vita-tag-suggestions__list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
}
.vita-tag-archive .vita-tag-suggestions__item a {
	display: inline-block;
	padding: 6px 14px;
	background: rgba(242, 194, 0, 0.1);
	color: #134B8D;
	text-decoration: none;
	border-radius: 15px;
	font-size: 13px;
	font-weight: 500;
	transition: all 0.3s ease;
}
.vita-tag-archive .vita-tag-suggestions__item a::before {
	content: "#";
	color: #f2c200;
	margin-right: 2px;
}
.vita-tag-archive .vita-tag-suggestions__item a:hover {
	background: #f2c200;
	color: #134B8D;
	transform: translateY(-2px);
}
.vita-tag-archive .vita-tag-suggestions__item a:hover::before {
	color: #134B8D;
}

/**
 * Search Results Styles
 * @package Vita_XYZ
 * @version 1.0.0
 * /src/sass/layouts/_archive-search.scss
 */
.vita-search-archive {
	background-color: #ffffff;
}
.vita-search-archive .vita-search-header {
	position: relative;
	padding: 100px 0 80px;
	background: linear-gradient(135deg, #d7eefc 0%, #1f56a9 30%, #ffffff 100%);
	overflow: hidden;
}
.vita-search-archive .vita-search-header__content {
	text-align: center;
	position: relative;
	z-index: 3;
	max-width: 900px;
	margin: 0 auto;
	padding: 0 20px;
}
.vita-search-archive .vita-search-header__breadcrumb {
	font-size: 14px;
	color: #5f6b82;
	margin-bottom: 20px;
	font-weight: 500;
}
.vita-search-archive .vita-search-header__breadcrumb a {
	color: #134B8D;
	text-decoration: none;
	transition: color 0.3s ease;
}
.vita-search-archive .vita-search-header__breadcrumb a:hover {
	color: #f2c200;
}
.vita-search-archive .vita-search-header .vita-breadcrumb-separator {
	margin: 0 8px;
	color: #718096;
}
.vita-search-archive .vita-search-header .vita-breadcrumb-current {
	color: #134B8D;
}
.vita-search-archive .vita-search-header__search-indicator {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 24px;
	padding: 16px 24px;
	background: rgba(242, 194, 0, 0.15);
	border-radius: 30px;
	font-size: 16px;
	font-weight: 600;
	color: #134B8D;
}
.vita-search-archive .vita-search-header__search-indicator .vita-search-icon {
	width: 24px;
	height: 24px;
	fill: #f2c200;
}
.vita-search-archive .vita-search-header__title {
	font-size: clamp(2rem, 4vw, 3.5rem);
	font-weight: 900;
	color: #134B8D;
	margin: 0 0 16px;
	line-height: 1.1;
}
.vita-search-archive .vita-search-header__query {
	font-size: clamp(1.5rem, 3vw, 2.2rem);
	font-weight: 700;
	color: #f2c200;
	margin: 0 0 24px;
	line-height: 1.2;
}
.vita-search-archive .vita-search-header__query::before, .vita-search-archive .vita-search-header__query::after {
	content: '"';
	color: #5f6b82;
	opacity: 0.6;
}
.vita-search-archive .vita-search-header__meta {
	display: flex;
	justify-content: center;
	gap: 32px;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 40px;
}
@media (max-width: 576px) {
	.vita-search-archive .vita-search-header__meta {
		flex-direction: column;
		gap: 16px;
	}
}
.vita-search-archive .vita-search-header .vita-search-meta__count {
	color: #5f6b82;
	padding: 12px 20px;
	background: rgba(255, 255, 255, 0.9);
	border-radius: 25px;
	backdrop-filter: blur(10px);
	box-shadow: 0 2px 10px rgba(242, 194, 0, 0.1);
}
.vita-search-archive .vita-search-header .vita-search-meta__count strong {
	color: #f2c200;
	font-weight: 700;
}
.vita-search-archive .vita-search-header .vita-search-meta__time {
	color: #718096;
	font-size: 14px;
}
.vita-search-archive .vita-search-header__decoration {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	pointer-events: none;
}
.vita-search-archive .vita-search-header__decoration .vita-floating-element--1 {
	top: 20%;
	left: 10%;
}
.vita-search-archive .vita-search-header__decoration .vita-floating-element--2 {
	top: 60%;
	right: 15%;
}
.vita-search-archive .vita-search-header__decoration .vita-floating-element--3 {
	bottom: 20%;
	left: 20%;
}
.vita-search-archive .vita-enhanced-search {
	padding: 60px 0;
	background: rgba(31, 86, 169, 0.2);
}
.vita-search-archive .vita-enhanced-search__wrapper {
	max-width: 800px;
	margin: 0 auto;
	padding: 0 20px;
}
.vita-search-archive .vita-enhanced-search__title {
	text-align: center;
	font-size: 1.6rem;
	font-weight: 700;
	color: #134B8D;
	margin-bottom: 32px;
}
.vita-search-archive .vita-enhanced-search .vita-search-form {
	position: relative;
	margin-bottom: 32px;
}
.vita-search-archive .vita-enhanced-search .vita-search-form__field {
	position: relative;
	display: flex;
	gap: 0;
	background: #ffffff;
	border-radius: 12px;
	box-shadow: 0 4px 20px rgba(242, 194, 0, 0.15);
	overflow: hidden;
}
.vita-search-archive .vita-enhanced-search .vita-search-form__input {
	flex: 1;
	padding: 20px 24px;
	border: none;
	font-size: 18px;
	font-weight: 500;
	background: transparent;
}
.vita-search-archive .vita-enhanced-search .vita-search-form__input:focus {
	outline: none;
}
.vita-search-archive .vita-enhanced-search .vita-search-form__input::-moz-placeholder {
	color: #718096;
	font-weight: 400;
}
.vita-search-archive .vita-enhanced-search .vita-search-form__input::placeholder {
	color: #718096;
	font-weight: 400;
}
.vita-search-archive .vita-enhanced-search .vita-search-form__submit {
	padding: 20px 32px;
	background: #f2c200;
	color: #ffffff;
	border: none;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.3s ease;
	display: flex;
	align-items: center;
	gap: 8px;
}
.vita-search-archive .vita-enhanced-search .vita-search-form__submit:hover {
	background: rgb(191, 153.1157024793, 0);
}
.vita-search-archive .vita-enhanced-search .vita-search-form__submit .vita-search-icon {
	width: 20px;
	height: 20px;
	fill: currentColor;
}
.vita-search-archive .vita-enhanced-search .vita-search-suggestions {
	text-align: center;
}
.vita-search-archive .vita-enhanced-search .vita-search-suggestions__title {
	font-size: 14px;
	color: #5f6b82;
	margin-bottom: 16px;
	font-weight: 500;
}
.vita-search-archive .vita-enhanced-search .vita-search-suggestions__list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
}
.vita-search-archive .vita-enhanced-search .vita-search-suggestions__item a {
	display: inline-block;
	padding: 8px 16px;
	background: rgba(242, 194, 0, 0.1);
	color: #134B8D;
	text-decoration: none;
	border-radius: 20px;
	font-size: 13px;
	font-weight: 500;
	transition: all 0.3s ease;
}
.vita-search-archive .vita-enhanced-search .vita-search-suggestions__item a:hover {
	background: #f2c200;
	color: #ffffff;
	transform: translateY(-2px);
}
.vita-search-archive .vita-search-filters {
	padding: 40px 0;
	background: rgba(255, 255, 255, 0.8);
	backdrop-filter: blur(10px);
	border-bottom: 1px solid rgba(19, 75, 141, 0.1);
}
.vita-search-archive .vita-search-filters__wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 24px;
	padding: 0 20px;
}
@media (max-width: 768px) {
	.vita-search-archive .vita-search-filters__wrapper {
		flex-direction: column;
		align-items: stretch;
	}
}
.vita-search-archive .vita-search-filters__types {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
}
@media (max-width: 576px) {
	.vita-search-archive .vita-search-filters__types {
		justify-content: center;
	}
}
.vita-search-archive .vita-search-filters .vita-filter-type {
	padding: 10px 20px;
	background: transparent;
	color: #134B8D;
	text-decoration: none;
	border: 2px solid rgba(19, 75, 141, 0.2);
	border-radius: 25px;
	font-weight: 500;
	font-size: 14px;
	transition: all 0.3s ease;
	position: relative;
}
.vita-search-archive .vita-search-filters .vita-filter-type:hover {
	border-color: #f2c200;
	background: rgba(242, 194, 0, 0.05);
	transform: translateY(-2px);
}
.vita-search-archive .vita-search-filters .vita-filter-type.active {
	background: #f2c200;
	color: #ffffff;
	border-color: #f2c200;
}
.vita-search-archive .vita-search-filters .vita-filter-type__count {
	opacity: 0.7;
	font-size: 12px;
	margin-left: 6px;
}
.vita-search-archive .vita-search-filters__sorting {
	display: flex;
	align-items: center;
	gap: 12px;
}
.vita-search-archive .vita-search-filters__sorting__label {
	font-size: 14px;
	color: #5f6b82;
	font-weight: 500;
}
.vita-search-archive .vita-search-filters__sorting .vita-sort-select {
	padding: 10px 16px;
	border: 2px solid rgba(242, 194, 0, 0.3);
	border-radius: 8px;
	background: #ffffff;
	color: #134B8D;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	transition: border-color 0.3s ease;
}
.vita-search-archive .vita-search-filters__sorting .vita-sort-select:focus {
	outline: none;
	border-color: #f2c200;
}
.vita-search-archive .vita-search-results {
	padding: 60px 0;
}
.vita-search-archive .vita-search-results__info {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 40px;
	padding: 0 20px;
}
@media (max-width: 576px) {
	.vita-search-archive .vita-search-results__info {
		flex-direction: column;
		gap: 16px;
		align-items: flex-start;
	}
}
.vita-search-archive .vita-search-results__info__count {
	font-size: 16px;
	color: #5f6b82;
	font-weight: 500;
}
.vita-search-archive .vita-search-results__info__count .vita-search-highlight {
	color: #f2c200;
	font-weight: 700;
}
.vita-search-archive .vita-search-results__info__clear a {
	color: #134B8D;
	text-decoration: none;
	font-size: 14px;
	font-weight: 500;
	padding: 8px 16px;
	border: 1px solid rgba(19, 75, 141, 0.3);
	border-radius: 6px;
	transition: all 0.3s ease;
}
.vita-search-archive .vita-search-results__info__clear a:hover {
	background: #134B8D;
	color: #ffffff;
}
.vita-search-archive .vita-search-results__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
	gap: 32px;
	padding: 0 20px;
	margin-bottom: 60px;
}
@media (max-width: 576px) {
	.vita-search-archive .vita-search-results__grid {
		grid-template-columns: 1fr;
		gap: 24px;
	}
}
.vita-search-archive .vita-search-results .vita-search-result {
	background: #ffffff;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 4px 16px rgba(242, 194, 0, 0.1);
	transition: all 0.3s ease;
	border: 2px solid transparent;
}
.vita-search-archive .vita-search-results .vita-search-result:hover {
	transform: translateY(-6px);
	box-shadow: 0 8px 32px rgba(242, 194, 0, 0.2);
	border-color: rgba(242, 194, 0, 0.3);
}
.vita-search-archive .vita-search-results .vita-search-result__type {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 6px 12px;
	background: #f2c200;
	color: #ffffff;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	position: absolute;
	top: 16px;
	left: 16px;
	border-radius: 12px;
	z-index: 2;
}
.vita-search-archive .vita-search-results .vita-search-result__type .vita-type-icon {
	width: 12px;
	height: 12px;
	fill: currentColor;
}
.vita-search-archive .vita-search-results .vita-search-result__image {
	position: relative;
	aspect-ratio: 4/3;
	overflow: hidden;
}
.vita-search-archive .vita-search-results .vita-search-result__image img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	transition: transform 0.6s ease;
}
.vita-search-archive .vita-search-results .vita-search-result__image:hover img {
	transform: scale(1.08);
}
.vita-search-archive .vita-search-results .vita-search-result__content {
	padding: 24px;
}
.vita-search-archive .vita-search-results .vita-search-result__title {
	font-size: 1.4rem;
	font-weight: 700;
	color: #134B8D;
	margin-bottom: 12px;
	line-height: 1.3;
}
.vita-search-archive .vita-search-results .vita-search-result__title a {
	color: inherit;
	text-decoration: none;
	transition: color 0.3s ease;
}
.vita-search-archive .vita-search-results .vita-search-result__title a:hover {
	color: #f2c200;
}
.vita-search-archive .vita-search-results .vita-search-result__title .search-highlight {
	background: rgba(242, 194, 0, 0.2);
	color: #134B8D;
	padding: 2px 4px;
	border-radius: 3px;
	font-weight: 800;
}
.vita-search-archive .vita-search-results .vita-search-result__meta {
	display: flex;
	gap: 16px;
	margin-bottom: 16px;
	font-size: 13px;
	color: #5f6b82;
	font-weight: 500;
}
.vita-search-archive .vita-search-results .vita-search-result__excerpt {
	color: #5f6b82;
	line-height: 1.6;
	margin-bottom: 20px;
}
.vita-search-archive .vita-search-results .vita-search-result__excerpt .search-highlight {
	background: rgba(242, 194, 0, 0.15);
	color: #134B8D;
	padding: 2px 3px;
	border-radius: 2px;
	font-weight: 600;
}
.vita-search-archive .vita-search-results .vita-search-result__footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 16px;
	border-top: 1px solid rgba(19, 75, 141, 0.1);
}
.vita-search-archive .vita-search-results .vita-search-result__link {
	color: #f2c200;
	text-decoration: none;
	font-weight: 600;
	font-size: 14px;
	display: flex;
	align-items: center;
	gap: 6px;
	transition: all 0.3s ease;
}
.vita-search-archive .vita-search-results .vita-search-result__link:hover {
	color: #134B8D;
}
.vita-search-archive .vita-search-results .vita-search-result__link:hover .vita-arrow {
	transform: translateX(4px);
}
.vita-search-archive .vita-search-results .vita-search-result__link .vita-arrow {
	width: 14px;
	height: 14px;
	transition: transform 0.3s ease;
}
.vita-search-archive .vita-search-results .vita-search-result__relevance {
	font-size: 12px;
	color: #718096;
}
.vita-search-archive .vita-search-results .vita-search-result__relevance__label {
	margin-right: 4px;
}
.vita-search-archive .vita-search-results .vita-search-result__relevance__score {
	display: inline-flex;
	gap: 2px;
}
.vita-search-archive .vita-search-results .vita-search-result__relevance .vita-star {
	width: 12px;
	height: 12px;
	fill: #f2c200;
}
.vita-search-archive .vita-search-results .vita-search-result__relevance .vita-star--empty {
	fill: rgba(242, 194, 0, 0.2);
}
.vita-search-archive .vita-search-load-more {
	text-align: center;
	padding: 0 20px 60px;
}
.vita-search-archive .vita-search-load-more .vita-load-more-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 16px 32px;
	background: transparent;
	color: #134B8D;
	border: 2px solid #134B8D;
	border-radius: 8px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.3s ease;
}
.vita-search-archive .vita-search-load-more .vita-load-more-btn:hover {
	background: #134B8D;
	color: #ffffff;
	transform: translateY(-2px);
}
.vita-search-archive .vita-search-load-more .vita-load-more-btn:disabled {
	opacity: 0.5;
	cursor: not-allowed;
	transform: none;
}
.vita-search-archive .vita-search-load-more .vita-load-more-btn .vita-loading-spinner {
	width: 16px;
	height: 16px;
	border: 2px solid transparent;
	border-top: 2px solid currentColor;
	border-radius: 50%;
	animation: spin 1s linear infinite;
}
.vita-search-archive .vita-search-empty {
	padding: 80px 20px;
	text-align: center;
}
.vita-search-archive .vita-search-empty__content {
	max-width: 600px;
	margin: 0 auto;
}
.vita-search-archive .vita-search-empty__icon {
	margin-bottom: 32px;
	opacity: 0.4;
}
.vita-search-archive .vita-search-empty__icon .vita-search-icon {
	width: 100px;
	height: 100px;
	fill: #f2c200;
}
.vita-search-archive .vita-search-empty__title {
	font-size: 2.2rem;
	font-weight: 700;
	color: #134B8D;
	margin-bottom: 16px;
}
.vita-search-archive .vita-search-empty__query {
	font-size: 1.5rem;
	color: #f2c200;
	font-weight: 600;
	margin-bottom: 24px;
}
.vita-search-archive .vita-search-empty__query::before, .vita-search-archive .vita-search-empty__query::after {
	content: '"';
	color: #5f6b82;
	opacity: 0.5;
}
.vita-search-archive .vita-search-empty__message {
	font-size: 1.1rem;
	color: #5f6b82;
	line-height: 1.6;
	margin-bottom: 32px;
}
.vita-search-archive .vita-search-empty__suggestions {
	margin-bottom: 32px;
}
.vita-search-archive .vita-search-empty__suggestions h3 {
	font-size: 1.2rem;
	color: #134B8D;
	margin-bottom: 16px;
}
.vita-search-archive .vita-search-empty__suggestions ul {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 1rem;
	color: #5f6b82;
	line-height: 1.8;
}
.vita-search-archive .vita-search-empty__suggestions ul li {
	margin-bottom: 4px;
}
.vita-search-archive .vita-search-empty .vita-button {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 16px 32px;
	border-radius: 8px;
	text-decoration: none;
	font-weight: 600;
	transition: all 0.3s ease;
}
.vita-search-archive .vita-search-empty .vita-button--primary {
	background: #f2c200;
	color: #ffffff;
}
.vita-search-archive .vita-search-empty .vita-button--primary:hover {
	background: rgb(191, 153.1157024793, 0);
	transform: translateY(-2px);
}
.vita-search-archive .vita-search-loading {
	padding: 60px 20px;
	text-align: center;
}
.vita-search-archive .vita-search-loading__spinner {
	width: 40px;
	height: 40px;
	border: 4px solid rgba(242, 194, 0, 0.2);
	border-top: 4px solid #f2c200;
	border-radius: 50%;
	animation: spin 1s linear infinite;
	margin: 0 auto 24px;
}
.vita-search-archive .vita-search-loading__text {
	color: #5f6b82;
	font-size: 1.1rem;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
/**
 * Taxonomy Archive Styles
 * @package Vita_XYZ
 * @version 1.0.0
 * /src/sass/layouts/_archive-taxonomy.scss
 */
.vita-taxonomy-archive {
	background-color: #ffffff;
}
.vita-taxonomy-archive .vita-archive-header__decoration .vita-floating-element--1 {
	top: 15%;
	left: 8%;
}
.vita-taxonomy-archive .vita-archive-header__decoration .vita-floating-element--2 {
	top: 55%;
	right: 10%;
}
.vita-taxonomy-archive .vita-archive-header__decoration .vita-floating-element--3 {
	bottom: 20%;
	left: 15%;
}
.vita-taxonomy-archive .vita-taxonomy-navigation {
	padding: 60px 0;
	background: rgba(247, 249, 250, 0.3);
}
.vita-taxonomy-archive .vita-taxonomy-navigation__wrapper {
	width: 100%;
	max-width: 1400px !important;
	margin: 0 auto;
	padding: 0 20px;
}
@media (min-width: 1000px) {
	.vita-taxonomy-archive .vita-taxonomy-navigation__wrapper {
		padding: 0 40px;
	}
}
@media (min-width: 1400px) {
	.vita-taxonomy-archive .vita-taxonomy-navigation__wrapper {
		padding: 0 60px;
	}
}
.vita-taxonomy-archive .vita-taxonomy-navigation__wrapper {
	margin: 0 auto;
	padding: 0 20px;
}
.vita-taxonomy-archive .vita-taxonomy-navigation__title {
	text-align: center;
	font-size: 1.8rem;
	font-weight: 700;
	color: #134B8D;
	margin-bottom: 16px;
}
.vita-taxonomy-archive .vita-taxonomy-navigation__subtitle {
	text-align: center;
	color: #5f6b82;
	margin-bottom: 40px;
	font-size: 14px;
}
.vita-taxonomy-archive .vita-taxonomy-navigation__sections {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 40px;
}
@media (max-width: 576px) {
	.vita-taxonomy-archive .vita-taxonomy-navigation__sections {
		grid-template-columns: 1fr;
		gap: 32px;
	}
}
.vita-taxonomy-archive .vita-taxonomy-navigation .vita-taxonomy-section__title {
	font-size: 1.2rem;
	font-weight: 600;
	color: #134B8D;
	margin-bottom: 20px;
	padding-bottom: 8px;
	border-bottom: 2px solid rgba(242, 194, 0, 0.2);
}
.vita-taxonomy-archive .vita-taxonomy-navigation .vita-taxonomy-section__list {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.vita-taxonomy-archive .vita-taxonomy-navigation .vita-taxonomy-section .vita-taxonomy-term {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 16px;
	background: #ffffff;
	color: #134B8D;
	text-decoration: none;
	border-radius: 20px;
	font-weight: 500;
	font-size: 13px;
	transition: all 0.3s ease;
	border: 2px solid transparent;
	box-shadow: 0 2px 8px rgba(19, 75, 141, 0.1);
}
.vita-taxonomy-archive .vita-taxonomy-navigation .vita-taxonomy-section .vita-taxonomy-term:hover {
	transform: translateY(-3px);
	box-shadow: 0 6px 20px rgba(19, 75, 141, 0.2);
	border-color: #f2c200;
	background: rgba(242, 194, 0, 0.05);
}
.vita-taxonomy-archive .vita-taxonomy-navigation .vita-taxonomy-section .vita-taxonomy-term.current-term {
	background: #f2c200;
	color: #ffffff;
	border-color: #f2c200;
}
.vita-taxonomy-archive .vita-taxonomy-navigation .vita-taxonomy-section .vita-taxonomy-term__count {
	opacity: 0.7;
	font-size: 11px;
	background: rgba(255, 255, 255, 0.2);
	padding: 2px 6px;
	border-radius: 8px;
	margin-left: 4px;
}
.vita-taxonomy-archive .vita-taxonomy-navigation .vita-taxonomy-section .vita-taxonomy-term--parent {
	font-weight: 600;
	position: relative;
}
.vita-taxonomy-archive .vita-taxonomy-navigation .vita-taxonomy-section .vita-taxonomy-term--parent::before {
	content: "";
	position: absolute;
	left: -6px;
	top: 50%;
	transform: translateY(-50%);
	width: 3px;
	height: 3px;
	background: #f2c200;
	border-radius: 50%;
}
.vita-taxonomy-archive .vita-taxonomy-navigation .vita-taxonomy-section .vita-taxonomy-term--child {
	margin-left: 12px;
	opacity: 0.9;
	font-size: 12px;
}
.vita-taxonomy-archive .vita-archive-controls {
	padding: 40px 0;
	background: #ffffff;
	border-bottom: 1px solid rgba(19, 75, 141, 0.1);
}
.vita-taxonomy-archive .vita-archive-controls__wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 24px;
	padding: 0 20px;
}
@media (max-width: 768px) {
	.vita-taxonomy-archive .vita-archive-controls__wrapper {
		flex-direction: column;
		align-items: stretch;
	}
}
.vita-taxonomy-archive .vita-archive-controls__filters {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
}
@media (max-width: 576px) {
	.vita-taxonomy-archive .vita-archive-controls__filters {
		justify-content: center;
	}
}
.vita-taxonomy-archive .vita-archive-controls .vita-filter-button {
	padding: 10px 20px;
	background: transparent;
	color: #134B8D;
	border: 2px solid rgba(19, 75, 141, 0.2);
	border-radius: 25px;
	font-weight: 500;
	font-size: 14px;
	cursor: pointer;
	transition: all 0.3s ease;
}
.vita-taxonomy-archive .vita-archive-controls .vita-filter-button:hover {
	border-color: #f2c200;
	background: rgba(242, 194, 0, 0.05);
	transform: translateY(-2px);
}
.vita-taxonomy-archive .vita-archive-controls .vita-filter-button.active {
	background: #f2c200;
	color: #ffffff;
	border-color: #f2c200;
}
.vita-taxonomy-archive .vita-archive-controls .vita-filter-button__count {
	opacity: 0.7;
	font-size: 12px;
	margin-left: 6px;
}
.vita-taxonomy-archive .vita-archive-controls__info {
	font-size: 14px;
	color: #5f6b82;
	font-weight: 500;
}
.vita-taxonomy-archive .vita-archive-controls__info .vita-term-highlight {
	color: #f2c200;
	font-weight: 600;
}
.vita-taxonomy-archive .vita-archive-controls__sorting {
	display: flex;
	align-items: center;
	gap: 12px;
}
.vita-taxonomy-archive .vita-archive-controls__sorting__label {
	font-size: 14px;
	color: #5f6b82;
	font-weight: 500;
}
.vita-taxonomy-archive .vita-archive-controls__sorting .vita-sort-select {
	padding: 10px 16px;
	border: 2px solid rgba(242, 194, 0, 0.3);
	border-radius: 8px;
	background: #ffffff;
	color: #134B8D;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	transition: border-color 0.3s ease;
}
.vita-taxonomy-archive .vita-archive-controls__sorting .vita-sort-select:focus {
	outline: none;
	border-color: #f2c200;
}
.vita-taxonomy-archive .vita-taxonomy-content {
	padding: 60px 0;
}
.vita-taxonomy-archive .vita-taxonomy-content__grid {
	display: grid;
	gap: 32px;
	padding: 0 20px;
	margin-bottom: 60px;
}
.vita-taxonomy-archive .vita-taxonomy-content__grid--products {
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
}
.vita-taxonomy-archive .vita-taxonomy-content__grid--recipes {
	grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
}
.vita-taxonomy-archive .vita-taxonomy-content__grid--posts {
	grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
}
.vita-taxonomy-archive .vita-taxonomy-content__grid--generic {
	grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
}
@media (max-width: 576px) {
	.vita-taxonomy-archive .vita-taxonomy-content__grid {
		grid-template-columns: 1fr;
		gap: 24px;
	}
}
.vita-taxonomy-archive .vita-taxonomy-content .vita-card {
	border: 2px solid transparent;
	transition: all 0.3s ease;
}
.vita-taxonomy-archive .vita-taxonomy-content .vita-card:hover {
	border-color: rgba(242, 194, 0, 0.3);
	transform: translateY(-6px);
	box-shadow: 0 12px 32px rgba(242, 194, 0, 0.15);
}
.vita-taxonomy-archive .vita-taxonomy-content .vita-card__meta .vita-taxonomy-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 8px;
}
.vita-taxonomy-archive .vita-taxonomy-content .vita-card__meta .vita-taxonomy-tags .taxonomy-tag {
	font-size: 11px;
	padding: 4px 8px;
	background: rgba(242, 194, 0, 0.1);
	color: #134B8D;
	border-radius: 10px;
	text-decoration: none;
	transition: all 0.3s ease;
}
.vita-taxonomy-archive .vita-taxonomy-content .vita-card__meta .vita-taxonomy-tags .taxonomy-tag:hover {
	background: #f2c200;
	color: #ffffff;
}
.vita-taxonomy-archive .vita-taxonomy-content .vita-card__meta .vita-taxonomy-tags .taxonomy-tag.current-taxonomy {
	background: #f2c200;
	color: #ffffff;
}
.vita-taxonomy-archive .vita-taxonomy-hierarchy {
	padding: 40px 0;
	background: rgba(215, 238, 252, 0.2);
}
.vita-taxonomy-archive .vita-taxonomy-hierarchy__content {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 20px;
}
.vita-taxonomy-archive .vita-taxonomy-hierarchy__title {
	font-size: 1.5rem;
	font-weight: 600;
	color: #134B8D;
	margin-bottom: 24px;
	text-align: center;
}
.vita-taxonomy-archive .vita-taxonomy-hierarchy__tree {
	background: #ffffff;
	border-radius: 12px;
	padding: 24px;
	box-shadow: 0 4px 16px rgba(19, 75, 141, 0.1);
}
.vita-taxonomy-archive .vita-taxonomy-hierarchy .vita-hierarchy-level {
	margin-left: 0;
}
.vita-taxonomy-archive .vita-taxonomy-hierarchy .vita-hierarchy-level--level-1 {
	margin-left: 20px;
}
.vita-taxonomy-archive .vita-taxonomy-hierarchy .vita-hierarchy-level--level-2 {
	margin-left: 40px;
}
.vita-taxonomy-archive .vita-taxonomy-hierarchy .vita-hierarchy-level--level-3 {
	margin-left: 60px;
}
.vita-taxonomy-archive .vita-taxonomy-hierarchy .vita-hierarchy-level__item {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 8px 0;
	border-bottom: 1px solid rgba(19, 75, 141, 0.05);
}
.vita-taxonomy-archive .vita-taxonomy-hierarchy .vita-hierarchy-level__item:last-child {
	border-bottom: none;
}
.vita-taxonomy-archive .vita-taxonomy-hierarchy .vita-hierarchy-level__connector {
	width: 12px;
	height: 12px;
	border-left: 2px solid rgba(242, 194, 0, 0.3);
	border-bottom: 2px solid rgba(242, 194, 0, 0.3);
	margin-right: 8px;
}
.vita-taxonomy-archive .vita-taxonomy-hierarchy .vita-hierarchy-level__link {
	color: #134B8D;
	text-decoration: none;
	font-weight: 500;
	transition: color 0.3s ease;
}
.vita-taxonomy-archive .vita-taxonomy-hierarchy .vita-hierarchy-level__link:hover {
	color: #f2c200;
}
.vita-taxonomy-archive .vita-taxonomy-hierarchy .vita-hierarchy-level__link.current {
	color: #f2c200;
	font-weight: 600;
}
.vita-taxonomy-archive .vita-taxonomy-hierarchy .vita-hierarchy-level__count {
	color: #5f6b82;
	font-size: 12px;
	background: rgba(242, 194, 0, 0.1);
	padding: 2px 8px;
	border-radius: 10px;
	margin-left: auto;
}
.vita-taxonomy-archive .vita-archive-pagination {
	padding: 60px 20px 80px;
	text-align: center;
}
.vita-taxonomy-archive .vita-archive-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0 4px;
	padding: 12px 16px;
	color: #134B8D;
	text-decoration: none;
	border-radius: 8px;
	font-weight: 500;
	transition: all 0.3s ease;
	border: 2px solid transparent;
}
.vita-taxonomy-archive .vita-archive-pagination .page-numbers.current {
	background: #f2c200;
	color: #ffffff;
	border-color: #f2c200;
}
.vita-taxonomy-archive .vita-archive-pagination .page-numbers:hover:not(.current) {
	background: rgba(242, 194, 0, 0.1);
	border-color: rgba(242, 194, 0, 0.3);
	transform: translateY(-1px);
}
.vita-taxonomy-archive .vita-archive-pagination .page-numbers svg {
	width: 16px;
	height: 16px;
}
.vita-taxonomy-archive .vita-archive-empty {
	padding: 80px 20px;
	text-align: center;
}
.vita-taxonomy-archive .vita-archive-empty__content {
	max-width: 600px;
	margin: 0 auto;
}
.vita-taxonomy-archive .vita-archive-empty__icon {
	margin-bottom: 32px;
	opacity: 0.4;
}
.vita-taxonomy-archive .vita-archive-empty__icon .vita-taxonomy-icon {
	width: 100px;
	height: 100px;
	fill: #f2c200;
}
.vita-taxonomy-archive .vita-archive-empty__title {
	font-size: 2rem;
	font-weight: 700;
	color: #134B8D;
	margin-bottom: 16px;
}
.vita-taxonomy-archive .vita-archive-empty__message {
	font-size: 1.1rem;
	color: #5f6b82;
	line-height: 1.6;
	margin-bottom: 32px;
}
.vita-taxonomy-archive .vita-archive-empty__message .vita-term-highlight {
	color: #f2c200;
	font-weight: 600;
}
.vita-taxonomy-archive .vita-archive-empty .vita-button {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 16px 32px;
	border-radius: 8px;
	text-decoration: none;
	font-weight: 600;
	transition: all 0.3s ease;
}
.vita-taxonomy-archive .vita-archive-empty .vita-button--primary {
	background: #f2c200;
	color: #ffffff;
}
.vita-taxonomy-archive .vita-archive-empty .vita-button--primary:hover {
	background: rgb(191, 153.1157024793, 0);
	transform: translateY(-2px);
}

/**
 * Author Archive Styles
 * @package Vita_XYZ
 * @version 1.0.0
* /src/sass/layouts/_archive-author.scss
 */
.vita-author-archive {
	background-color: #ffffff;
}
.vita-author-archive .vita-author-header {
	position: relative;
	padding: 80px 0;
	background: linear-gradient(135deg, #F7F9FA 0%, #d7eefc 30%, #ffffff 100%);
	overflow: hidden;
}
.vita-author-archive .vita-author-header__content {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 20px;
	position: relative;
	z-index: 3;
}
.vita-author-archive .vita-author-header__breadcrumb {
	font-size: 14px;
	color: #5f6b82;
	margin-bottom: 32px;
	font-weight: 500;
	text-align: center;
}
.vita-author-archive .vita-author-header__breadcrumb a {
	color: #134B8D;
	text-decoration: none;
	transition: color 0.3s ease;
}
.vita-author-archive .vita-author-header__breadcrumb a:hover {
	color: #f2c200;
}
.vita-author-archive .vita-author-header .vita-breadcrumb-separator {
	margin: 0 8px;
	color: #718096;
}
.vita-author-archive .vita-author-header .vita-breadcrumb-current {
	color: #134B8D;
}
.vita-author-archive .vita-author-header__profile {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 40px;
	align-items: center;
	text-align: left;
}
@media (max-width: 768px) {
	.vita-author-archive .vita-author-header__profile {
		grid-template-columns: 1fr;
		text-align: center;
		gap: 32px;
	}
}
.vita-author-archive .vita-author-header__avatar {
	position: relative;
}
.vita-author-archive .vita-author-header__avatar .vita-author-avatar {
	width: 150px;
	height: 150px;
	border-radius: 50%;
	border: 4px solid #ffffff;
	box-shadow: 0 8px 32px rgba(19, 75, 141, 0.2);
	transition: all 0.3s ease;
}
.vita-author-archive .vita-author-header__avatar .vita-author-avatar:hover {
	transform: scale(1.05);
	box-shadow: 0 12px 48px rgba(19, 75, 141, 0.3);
}
@media (max-width: 576px) {
	.vita-author-archive .vita-author-header__avatar .vita-author-avatar {
		width: 120px;
		height: 120px;
	}
}
.vita-author-archive .vita-author-header__avatar::after {
	content: "";
	position: absolute;
	top: -10px;
	left: -10px;
	right: -10px;
	bottom: -10px;
	border: 2px solid rgba(242, 194, 0, 0.3);
	border-radius: 50%;
	z-index: -1;
}
.vita-author-archive .vita-author-header__info {
	min-width: 0;
}
.vita-author-archive .vita-author-header__name {
	font-size: clamp(2rem, 4vw, 3rem);
	font-weight: 900;
	color: #134B8D;
	margin-bottom: 12px;
	line-height: 1.2;
}
.vita-author-archive .vita-author-header__title {
	font-size: 1.2rem;
	color: #f2c200;
	font-weight: 600;
	margin-bottom: 16px;
}
.vita-author-archive .vita-author-header__bio {
	font-size: 1.1rem;
	color: #5f6b82;
	line-height: 1.7;
	margin-bottom: 24px;
	max-width: 600px;
}
@media (max-width: 768px) {
	.vita-author-archive .vita-author-header__bio {
		margin-left: auto;
		margin-right: auto;
	}
}
.vita-author-archive .vita-author-header__meta {
	display: flex;
	gap: 32px;
	font-size: 16px;
	font-weight: 500;
	flex-wrap: wrap;
}
@media (max-width: 768px) {
	.vita-author-archive .vita-author-header__meta {
		justify-content: center;
	}
}
@media (max-width: 576px) {
	.vita-author-archive .vita-author-header__meta {
		flex-direction: column;
		gap: 16px;
	}
}
.vita-author-archive .vita-author-header .vita-author-stat {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #5f6b82;
}
.vita-author-archive .vita-author-header .vita-author-stat__icon {
	width: 20px;
	height: 20px;
	fill: #f2c200;
}
.vita-author-archive .vita-author-header .vita-author-stat__number {
	color: #134B8D;
	font-weight: 700;
	font-size: 1.2em;
}
.vita-author-archive .vita-author-header .vita-author-stat__label {
	font-size: 14px;
}
.vita-author-archive .vita-author-header__social {
	margin-top: 24px;
	display: flex;
	gap: 16px;
}
@media (max-width: 768px) {
	.vita-author-archive .vita-author-header__social {
		justify-content: center;
	}
}
.vita-author-archive .vita-author-header .vita-social-link {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	background: rgba(255, 255, 255, 0.9);
	border-radius: 50%;
	transition: all 0.3s ease;
	text-decoration: none;
	box-shadow: 0 2px 8px rgba(19, 75, 141, 0.1);
}
.vita-author-archive .vita-author-header .vita-social-link:hover {
	transform: translateY(-3px);
	box-shadow: 0 6px 20px rgba(19, 75, 141, 0.2);
}
.vita-author-archive .vita-author-header .vita-social-link__icon {
	width: 20px;
	height: 20px;
	fill: #5f6b82;
	transition: fill 0.3s ease;
}
.vita-author-archive .vita-author-header .vita-social-link--twitter:hover {
	background: #1da1f2;
}
.vita-author-archive .vita-author-header .vita-social-link--twitter:hover .vita-social-link__icon {
	fill: #ffffff;
}
.vita-author-archive .vita-author-header .vita-social-link--linkedin:hover {
	background: #0077b5;
}
.vita-author-archive .vita-author-header .vita-social-link--linkedin:hover .vita-social-link__icon {
	fill: #ffffff;
}
.vita-author-archive .vita-author-header .vita-social-link--website:hover {
	background: #f2c200;
}
.vita-author-archive .vita-author-header .vita-social-link--website:hover .vita-social-link__icon {
	fill: #ffffff;
}
.vita-author-archive .vita-author-header .vita-social-link--email:hover {
	background: #134B8D;
}
.vita-author-archive .vita-author-header .vita-social-link--email:hover .vita-social-link__icon {
	fill: #ffffff;
}
.vita-author-archive .vita-author-header__decoration {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	pointer-events: none;
}
.vita-author-archive .vita-author-header__decoration .vita-floating-element--1 {
	top: 20%;
	left: 5%;
}
.vita-author-archive .vita-author-header__decoration .vita-floating-element--2 {
	top: 60%;
	right: 8%;
}
.vita-author-archive .vita-author-header__decoration .vita-floating-element--3 {
	bottom: 15%;
	left: 10%;
}
.vita-author-archive .vita-author-featured {
	padding: 80px 0;
	background: rgba(247, 249, 250, 0.3);
}
.vita-author-archive .vita-author-featured__content {
	width: 100%;
	max-width: 1400px !important;
	margin: 0 auto;
	padding: 0 20px;
}
@media (min-width: 1000px) {
	.vita-author-archive .vita-author-featured__content {
		padding: 0 40px;
	}
}
@media (min-width: 1400px) {
	.vita-author-archive .vita-author-featured__content {
		padding: 0 60px;
	}
}
.vita-author-archive .vita-author-featured__content {
	margin: 0 auto;
	padding: 0 20px;
}
.vita-author-archive .vita-author-featured__title {
	text-align: center;
	font-size: 2.2rem;
	font-weight: 800;
	color: #134B8D;
	margin-bottom: 16px;
}
.vita-author-archive .vita-author-featured__subtitle {
	text-align: center;
	color: #5f6b82;
	margin-bottom: 48px;
	font-size: 1.1rem;
	line-height: 1.6;
}
.vita-author-archive .vita-author-featured__grid {
	display: grid;
	grid-template-columns: 2fr 1fr;
	gap: 40px;
}
@media (max-width: 992px) {
	.vita-author-archive .vita-author-featured__grid {
		grid-template-columns: 1fr;
		gap: 32px;
	}
}
.vita-author-archive .vita-author-featured .vita-featured-main .vita-card {
	height: 100%;
	display: flex;
	flex-direction: column;
}
.vita-author-archive .vita-author-featured .vita-featured-main .vita-card__media {
	aspect-ratio: 16/10;
}
.vita-author-archive .vita-author-featured .vita-featured-main .vita-card__content {
	flex: 1;
	display: flex;
	flex-direction: column;
}
.vita-author-archive .vita-author-featured .vita-featured-main .vita-card__title {
	font-size: 1.8rem;
	margin-bottom: 16px;
}
.vita-author-archive .vita-author-featured .vita-featured-main .vita-card__excerpt {
	flex: 1;
	margin-bottom: 20px;
}
.vita-author-archive .vita-author-featured .vita-featured-secondary {
	display: flex;
	flex-direction: column;
	gap: 24px;
}
.vita-author-archive .vita-author-featured .vita-featured-secondary .vita-card {
	display: grid;
	grid-template-columns: 120px 1fr;
	gap: 16px;
	align-items: center;
}
@media (max-width: 576px) {
	.vita-author-archive .vita-author-featured .vita-featured-secondary .vita-card {
		grid-template-columns: 1fr;
		text-align: center;
	}
}
.vita-author-archive .vita-author-featured .vita-featured-secondary .vita-card__media {
	aspect-ratio: 1;
}
@media (max-width: 576px) {
	.vita-author-archive .vita-author-featured .vita-featured-secondary .vita-card__media {
		aspect-ratio: 16/10;
	}
}
.vita-author-archive .vita-author-featured .vita-featured-secondary .vita-card__content {
	min-width: 0;
}
.vita-author-archive .vita-author-featured .vita-featured-secondary .vita-card__title {
	font-size: 1.1rem;
	margin-bottom: 8px;
	line-height: 1.3;
}
.vita-author-archive .vita-author-featured .vita-featured-secondary .vita-card__meta {
	font-size: 13px;
}
.vita-author-archive .vita-author-controls {
	padding: 40px 0;
	background: #ffffff;
	border-bottom: 1px solid rgba(19, 75, 141, 0.1);
}
.vita-author-archive .vita-author-controls__wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 24px;
	padding: 0 20px;
}
@media (max-width: 768px) {
	.vita-author-archive .vita-author-controls__wrapper {
		flex-direction: column;
		align-items: stretch;
	}
}
.vita-author-archive .vita-author-controls__filters {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
}
@media (max-width: 576px) {
	.vita-author-archive .vita-author-controls__filters {
		justify-content: center;
	}
}
.vita-author-archive .vita-author-controls .vita-author-filter {
	padding: 10px 20px;
	background: transparent;
	color: #134B8D;
	border: 2px solid rgba(19, 75, 141, 0.2);
	border-radius: 25px;
	font-weight: 500;
	font-size: 14px;
	cursor: pointer;
	transition: all 0.3s ease;
	text-decoration: none;
}
.vita-author-archive .vita-author-controls .vita-author-filter:hover {
	border-color: #f2c200;
	background: rgba(242, 194, 0, 0.05);
	transform: translateY(-2px);
}
.vita-author-archive .vita-author-controls .vita-author-filter.active {
	background: #f2c200;
	color: #ffffff;
	border-color: #f2c200;
}
.vita-author-archive .vita-author-controls .vita-author-filter__count {
	opacity: 0.7;
	font-size: 12px;
	margin-left: 6px;
}
.vita-author-archive .vita-author-controls__info {
	display: flex;
	align-items: center;
	gap: 16px;
	font-size: 14px;
	color: #5f6b82;
	font-weight: 500;
}
@media (max-width: 576px) {
	.vita-author-archive .vita-author-controls__info {
		justify-content: center;
		text-align: center;
	}
}
.vita-author-archive .vita-author-controls .vita-results-count .vita-author-highlight {
	color: #f2c200;
	font-weight: 600;
}
.vita-author-archive .vita-author-controls__sorting {
	display: flex;
	align-items: center;
	gap: 12px;
}
.vita-author-archive .vita-author-controls__sorting__label {
	font-size: 14px;
	color: #5f6b82;
	font-weight: 500;
}
.vita-author-archive .vita-author-controls__sorting .vita-sort-select {
	padding: 10px 16px;
	border: 2px solid rgba(242, 194, 0, 0.3);
	border-radius: 8px;
	background: #ffffff;
	color: #134B8D;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	transition: border-color 0.3s ease;
}
.vita-author-archive .vita-author-controls__sorting .vita-sort-select:focus {
	outline: none;
	border-color: #f2c200;
}
.vita-author-archive .vita-author-posts {
	padding: 60px 0;
}
.vita-author-archive .vita-author-posts__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
	gap: 32px;
	padding: 0 20px;
	margin-bottom: 60px;
}
@media (max-width: 576px) {
	.vita-author-archive .vita-author-posts__grid {
		grid-template-columns: 1fr;
		gap: 24px;
	}
}
.vita-author-archive .vita-author-posts .vita-card {
	border: 2px solid transparent;
	transition: all 0.3s ease;
}
.vita-author-archive .vita-author-posts .vita-card:hover {
	border-color: rgba(242, 194, 0, 0.3);
	transform: translateY(-6px);
	box-shadow: 0 12px 32px rgba(242, 194, 0, 0.15);
}
.vita-author-archive .vita-author-posts .vita-card__meta .vita-card__author {
	color: #f2c200;
	font-weight: 600;
	position: relative;
}
.vita-author-archive .vita-author-posts .vita-card__meta .vita-card__author::after {
	content: "(Author)";
	font-size: 11px;
	color: #5f6b82;
	font-weight: 400;
	margin-left: 6px;
}
.vita-author-archive .vita-author-bio-extended {
	padding: 80px 0;
	background: rgba(215, 238, 252, 0.2);
}
.vita-author-archive .vita-author-bio-extended__content {
	max-width: 800px;
	margin: 0 auto;
	padding: 0 20px;
	text-align: center;
}
.vita-author-archive .vita-author-bio-extended__title {
	font-size: 2rem;
	font-weight: 700;
	color: #134B8D;
	margin-bottom: 32px;
}
.vita-author-archive .vita-author-bio-extended__description {
	font-size: 1.1rem;
	color: #5f6b82;
	line-height: 1.8;
	margin-bottom: 40px;
}
.vita-author-archive .vita-author-bio-extended__description p:not(:last-child) {
	margin-bottom: 20px;
}
.vita-author-archive .vita-author-bio-extended__description strong {
	color: #134B8D;
	font-weight: 600;
}
.vita-author-archive .vita-author-bio-extended__achievements {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 24px;
	margin-bottom: 40px;
}
.vita-author-archive .vita-author-bio-extended .vita-achievement {
	padding: 24px;
	background: #ffffff;
	border-radius: 12px;
	box-shadow: 0 4px 16px rgba(242, 194, 0, 0.1);
}
.vita-author-archive .vita-author-bio-extended .vita-achievement__icon {
	width: 48px;
	height: 48px;
	margin: 0 auto 16px;
	fill: #f2c200;
}
.vita-author-archive .vita-author-bio-extended .vita-achievement__title {
	font-size: 1.1rem;
	font-weight: 600;
	color: #134B8D;
	margin-bottom: 8px;
}
.vita-author-archive .vita-author-bio-extended .vita-achievement__description {
	font-size: 14px;
	color: #5f6b82;
	line-height: 1.5;
}
.vita-author-archive .vita-author-bio-extended__cta .vita-button {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 16px 32px;
	background: #f2c200;
	color: #ffffff;
	text-decoration: none;
	border-radius: 8px;
	font-weight: 600;
	transition: all 0.3s ease;
}
.vita-author-archive .vita-author-bio-extended__cta .vita-button:hover {
	background: rgb(191, 153.1157024793, 0);
	transform: translateY(-2px);
}
.vita-author-archive .vita-author-bio-extended__cta .vita-button .vita-icon {
	width: 18px;
	height: 18px;
}
.vita-author-archive .vita-archive-pagination {
	padding: 60px 20px 80px;
	text-align: center;
}
.vita-author-archive .vita-archive-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0 4px;
	padding: 12px 16px;
	color: #134B8D;
	text-decoration: none;
	border-radius: 8px;
	font-weight: 500;
	transition: all 0.3s ease;
	border: 2px solid transparent;
}
.vita-author-archive .vita-archive-pagination .page-numbers.current {
	background: #f2c200;
	color: #ffffff;
	border-color: #f2c200;
}
.vita-author-archive .vita-archive-pagination .page-numbers:hover:not(.current) {
	background: rgba(242, 194, 0, 0.1);
	border-color: rgba(242, 194, 0, 0.3);
	transform: translateY(-1px);
}
.vita-author-archive .vita-archive-pagination .page-numbers svg {
	width: 16px;
	height: 16px;
}
.vita-author-archive .vita-archive-empty {
	padding: 80px 20px;
	text-align: center;
}
.vita-author-archive .vita-archive-empty__content {
	max-width: 500px;
	margin: 0 auto;
}
.vita-author-archive .vita-archive-empty__icon {
	margin-bottom: 32px;
	opacity: 0.4;
}
.vita-author-archive .vita-archive-empty__icon .vita-author-icon {
	width: 100px;
	height: 100px;
	fill: #f2c200;
}
.vita-author-archive .vita-archive-empty__title {
	font-size: 2rem;
	font-weight: 700;
	color: #134B8D;
	margin-bottom: 16px;
}
.vita-author-archive .vita-archive-empty__message {
	font-size: 1.1rem;
	color: #5f6b82;
	line-height: 1.6;
	margin-bottom: 32px;
}
.vita-author-archive .vita-archive-empty__message .vita-author-highlight {
	color: #f2c200;
	font-weight: 600;
}
.vita-author-archive .vita-archive-empty .vita-button {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 16px 32px;
	background: #f2c200;
	color: #ffffff;
	text-decoration: none;
	border-radius: 8px;
	font-weight: 600;
	transition: all 0.3s ease;
}
.vita-author-archive .vita-archive-empty .vita-button:hover {
	background: rgb(191, 153.1157024793, 0);
	transform: translateY(-2px);
}

@media (max-width: 768px) {
	.vita-author-archive .vita-author-header {
		padding: 60px 0;
	}
	.vita-author-archive .vita-author-header__profile {
		gap: 24px;
	}
	.vita-author-archive .vita-author-header__meta {
		gap: 20px;
	}
	.vita-author-archive .vita-author-featured,
	.vita-author-archive .vita-author-posts,
	.vita-author-archive .vita-author-bio-extended {
		padding: 60px 0;
	}
}
@media (max-width: 576px) {
	.vita-author-archive .vita-author-header {
		padding: 40px 0;
	}
	.vita-author-archive .vita-author-featured,
	.vita-author-archive .vita-author-posts,
	.vita-author-archive .vita-author-bio-extended {
		padding: 40px 0;
	}
}
/**
 * Date Archive Styles
 * @package Vita_XYZ
 * @version 1.0.0
 * /src/sass/layouts/_archive-date.scss
 */
.vita-date-archive {
	background-color: #ffffff;
}
.vita-date-archive .vita-archive-header__content {
	text-align: center;
	position: relative;
	z-index: 3;
	max-width: 900px;
	margin: 0 auto;
	padding: 0 20px;
}
.vita-date-archive .vita-archive-header__breadcrumb {
	font-size: 14px;
	color: #5f6b82;
	margin-bottom: 20px;
	font-weight: 500;
}
.vita-date-archive .vita-archive-header__breadcrumb a {
	color: #134B8D;
	text-decoration: none;
	transition: color 0.3s ease;
}
.vita-date-archive .vita-archive-header__breadcrumb a:hover {
	color: #f2c200;
}
.vita-date-archive .vita-archive-header .vita-breadcrumb-separator {
	margin: 0 8px;
	color: #718096;
}
.vita-date-archive .vita-archive-header .vita-breadcrumb-current {
	color: #134B8D;
}
.vita-date-archive .vita-archive-header__date-indicator {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 24px;
	padding: 16px 24px;
	background: rgba(242, 194, 0, 0.15);
	border-radius: 30px;
	font-size: 16px;
	font-weight: 600;
	color: #134B8D;
}
.vita-date-archive .vita-archive-header__date-indicator .vita-calendar-icon {
	width: 24px;
	height: 24px;
	fill: #f2c200;
}
.vita-date-archive .vita-archive-header__title {
	font-size: clamp(2.5rem, 5vw, 4rem);
	font-weight: 900;
	color: #134B8D;
	margin: 0 0 24px;
	line-height: 1.1;
}
.vita-date-archive .vita-archive-header__period {
	font-size: clamp(1.2rem, 3vw, 1.8rem);
	color: #f2c200;
	font-weight: 700;
	margin: 0 0 32px;
	line-height: 1.3;
}
.vita-date-archive .vita-archive-header__description {
	font-size: clamp(1.1rem, 2.5vw, 1.3rem);
	color: #5f6b82;
	margin: 0 0 32px;
	line-height: 1.6;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}
.vita-date-archive .vita-archive-header__description strong {
	color: #134B8D;
	font-weight: 600;
}
.vita-date-archive .vita-archive-header__meta {
	display: flex;
	justify-content: center;
	gap: 32px;
	font-size: 16px;
	font-weight: 500;
	flex-wrap: wrap;
}
@media (max-width: 576px) {
	.vita-date-archive .vita-archive-header__meta {
		flex-direction: column;
		gap: 16px;
	}
}
.vita-date-archive .vita-archive-header .vita-date-meta__count {
	color: #5f6b82;
	padding: 12px 20px;
	background: rgba(255, 255, 255, 0.9);
	border-radius: 25px;
	backdrop-filter: blur(10px);
	box-shadow: 0 2px 12px rgba(242, 194, 0, 0.15);
}
.vita-date-archive .vita-archive-header .vita-date-meta__count strong {
	color: #f2c200;
	font-weight: 700;
}
.vita-date-archive .vita-archive-header .vita-date-meta__range {
	color: #718096;
	font-size: 14px;
	display: flex;
	align-items: center;
	gap: 8px;
}
.vita-date-archive .vita-archive-header .vita-date-meta__range .vita-range-icon {
	width: 16px;
	height: 16px;
	fill: #718096;
}
.vita-date-archive .vita-archive-header__decoration {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	pointer-events: none;
}
.vita-date-archive .vita-archive-header__decoration .vita-floating-element--1 {
	top: 20%;
	left: 10%;
}
.vita-date-archive .vita-archive-header__decoration .vita-floating-element--2 {
	top: 60%;
	right: 12%;
}
.vita-date-archive .vita-archive-header__decoration .vita-floating-element--3 {
	bottom: 20%;
	left: 15%;
}
.vita-date-archive .vita-date-navigation {
	padding: 60px 0;
	background: rgba(242, 194, 0, 0.2);
}
.vita-date-archive .vita-date-navigation__wrapper {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 20px;
}
.vita-date-archive .vita-date-navigation__title {
	text-align: center;
	font-size: 1.8rem;
	font-weight: 700;
	color: #134B8D;
	margin-bottom: 40px;
}
.vita-date-archive .vita-date-navigation__controls {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 24px;
	margin-bottom: 40px;
	flex-wrap: wrap;
}
@media (max-width: 576px) {
	.vita-date-archive .vita-date-navigation__controls {
		flex-direction: column;
		gap: 16px;
	}
}
.vita-date-archive .vita-date-navigation .vita-date-nav__prev, .vita-date-archive .vita-date-navigation .vita-date-nav__next {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 20px;
	background: #ffffff;
	color: #134B8D;
	text-decoration: none;
	border-radius: 25px;
	font-weight: 500;
	font-size: 14px;
	transition: all 0.3s ease;
	border: 2px solid transparent;
	box-shadow: 0 2px 8px rgba(242, 194, 0, 0.1);
}
.vita-date-archive .vita-date-navigation .vita-date-nav__prev:hover, .vita-date-archive .vita-date-navigation .vita-date-nav__next:hover {
	transform: translateY(-3px);
	box-shadow: 0 6px 20px rgba(242, 194, 0, 0.2);
	border-color: #f2c200;
	background: rgba(242, 194, 0, 0.05);
}
.vita-date-archive .vita-date-navigation .vita-date-nav__prev .vita-arrow, .vita-date-archive .vita-date-navigation .vita-date-nav__next .vita-arrow {
	width: 16px;
	height: 16px;
	transition: transform 0.3s ease;
}
.vita-date-archive .vita-date-navigation .vita-date-nav__prev:hover .vita-arrow, .vita-date-archive .vita-date-navigation .vita-date-nav__next:hover .vita-arrow {
	transform: translateX(-2px);
}
.vita-date-archive .vita-date-navigation .vita-date-nav__next:hover .vita-arrow {
	transform: translateX(2px);
}
.vita-date-archive .vita-date-navigation .vita-date-nav__current-period {
	font-size: 1.2rem;
	font-weight: 700;
	color: #f2c200;
	padding: 12px 24px;
	background: rgba(242, 194, 0, 0.1);
	border-radius: 25px;
	border: 2px solid rgba(242, 194, 0, 0.2);
}
.vita-date-archive .vita-date-navigation__calendar {
	background: #ffffff;
	border-radius: 16px;
	padding: 32px;
	box-shadow: 0 8px 32px rgba(242, 194, 0, 0.15);
	max-width: 600px;
	margin: 0 auto;
}
@media (max-width: 576px) {
	.vita-date-archive .vita-date-navigation__calendar {
		padding: 20px;
	}
}
.vita-date-archive .vita-date-navigation .vita-mini-calendar__header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 24px;
	padding-bottom: 16px;
	border-bottom: 2px solid rgba(242, 194, 0, 0.1);
}
.vita-date-archive .vita-date-navigation .vita-mini-calendar__month {
	font-size: 1.3rem;
	font-weight: 700;
	color: #134B8D;
}
.vita-date-archive .vita-date-navigation .vita-mini-calendar__nav {
	display: flex;
	gap: 8px;
}
.vita-date-archive .vita-date-navigation .vita-mini-calendar__nav button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	background: transparent;
	border: 2px solid rgba(242, 194, 0, 0.2);
	border-radius: 50%;
	cursor: pointer;
	transition: all 0.3s ease;
}
.vita-date-archive .vita-date-navigation .vita-mini-calendar__nav button:hover {
	border-color: #f2c200;
	background: rgba(242, 194, 0, 0.1);
}
.vita-date-archive .vita-date-navigation .vita-mini-calendar__nav button .vita-arrow {
	width: 16px;
	height: 16px;
	fill: #134B8D;
}
.vita-date-archive .vita-date-navigation .vita-mini-calendar__grid {
	display: grid;
	grid-template-columns: repeat(7, 1fr);
	gap: 4px;
}
.vita-date-archive .vita-date-navigation .vita-mini-calendar__day-header {
	text-align: center;
	font-size: 12px;
	font-weight: 600;
	color: #5f6b82;
	padding: 8px 4px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}
.vita-date-archive .vita-date-navigation .vita-mini-calendar__day {
	aspect-ratio: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	transition: all 0.3s ease;
	position: relative;
}
.vita-date-archive .vita-date-navigation .vita-mini-calendar__day--other-month {
	color: #718096;
	opacity: 0.5;
}
.vita-date-archive .vita-date-navigation .vita-mini-calendar__day--has-posts {
	background: rgba(242, 194, 0, 0.1);
	color: #134B8D;
	font-weight: 600;
}
.vita-date-archive .vita-date-navigation .vita-mini-calendar__day--has-posts::after {
	content: "";
	position: absolute;
	bottom: 2px;
	left: 50%;
	transform: translateX(-50%);
	width: 4px;
	height: 4px;
	background: #f2c200;
	border-radius: 50%;
}
.vita-date-archive .vita-date-navigation .vita-mini-calendar__day--has-posts:hover {
	background: #f2c200;
	color: #ffffff;
}
.vita-date-archive .vita-date-navigation .vita-mini-calendar__day--has-posts:hover::after {
	background: #ffffff;
}
.vita-date-archive .vita-date-navigation .vita-mini-calendar__day--current {
	background: #f2c200;
	color: #ffffff;
	font-weight: 700;
}
.vita-date-archive .vita-date-navigation .vita-mini-calendar__day--today {
	background: #134B8D;
	color: #ffffff;
	font-weight: 700;
}
.vita-date-archive .vita-date-navigation__archives {
	margin-top: 40px;
	text-align: center;
}
.vita-date-archive .vita-date-navigation .vita-archive-links__title {
	font-size: 1.2rem;
	font-weight: 600;
	color: #134B8D;
	margin-bottom: 20px;
}
.vita-date-archive .vita-date-navigation .vita-archive-links__list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
}
.vita-date-archive .vita-date-navigation .vita-archive-links__item a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 16px;
	background: rgba(242, 194, 0, 0.1);
	color: #134B8D;
	text-decoration: none;
	border-radius: 20px;
	font-size: 13px;
	font-weight: 500;
	transition: all 0.3s ease;
}
.vita-date-archive .vita-date-navigation .vita-archive-links__item a:hover {
	background: #f2c200;
	color: #ffffff;
	transform: translateY(-2px);
}
.vita-date-archive .vita-date-navigation .vita-archive-links__item a .vita-calendar-small {
	width: 14px;
	height: 14px;
}
.vita-date-archive .vita-date-navigation .vita-archive-links__item--current a {
	background: #f2c200;
	color: #ffffff;
}
.vita-date-archive .vita-date-timeline {
	padding: 80px 0;
}
.vita-date-archive .vita-date-timeline__wrapper {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 20px;
}
.vita-date-archive .vita-date-timeline__title {
	text-align: center;
	font-size: 2rem;
	font-weight: 700;
	color: #134B8D;
	margin-bottom: 48px;
}
.vita-date-archive .vita-date-timeline__items {
	position: relative;
}
.vita-date-archive .vita-date-timeline__items::before {
	content: "";
	position: absolute;
	left: 30px;
	top: 0;
	bottom: 0;
	width: 2px;
	background: linear-gradient(to bottom, transparent, #f2c200 10%, #f2c200 90%, transparent);
}
@media (max-width: 576px) {
	.vita-date-archive .vita-date-timeline__items::before {
		left: 20px;
	}
}
.vita-date-archive .vita-date-timeline .vita-timeline-item {
	position: relative;
	margin-bottom: 48px;
	padding-left: 80px;
}
@media (max-width: 576px) {
	.vita-date-archive .vita-date-timeline .vita-timeline-item {
		padding-left: 60px;
		margin-bottom: 40px;
	}
}
.vita-date-archive .vita-date-timeline .vita-timeline-item::before {
	content: "";
	position: absolute;
	left: 22px;
	top: 24px;
	width: 16px;
	height: 16px;
	background: #f2c200;
	border: 4px solid #ffffff;
	border-radius: 50%;
	box-shadow: 0 2px 8px rgba(242, 194, 0, 0.3);
}
@media (max-width: 576px) {
	.vita-date-archive .vita-date-timeline .vita-timeline-item::before {
		left: 12px;
	}
}
.vita-date-archive .vita-date-timeline .vita-timeline-item__date {
	position: absolute;
	left: -20px;
	top: 16px;
	width: 80px;
	text-align: center;
	font-size: 12px;
	font-weight: 600;
	color: #f2c200;
	background: #ffffff;
	padding: 4px 8px;
	border-radius: 12px;
	border: 2px solid rgba(242, 194, 0, 0.2);
}
@media (max-width: 576px) {
	.vita-date-archive .vita-date-timeline .vita-timeline-item__date {
		left: -30px;
		width: 70px;
	}
}
.vita-date-archive .vita-date-timeline .vita-timeline-item__content {
	background: #ffffff;
	border-radius: 16px;
	padding: 24px;
	box-shadow: 0 4px 20px rgba(242, 194, 0, 0.1);
	border: 2px solid transparent;
	transition: all 0.3s ease;
}
.vita-date-archive .vita-date-timeline .vita-timeline-item__content:hover {
	transform: translateY(-4px);
	box-shadow: 0 8px 32px rgba(242, 194, 0, 0.2);
	border-color: rgba(242, 194, 0, 0.3);
}
.vita-date-archive .vita-date-timeline .vita-timeline-item__posts {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 24px;
}
@media (max-width: 576px) {
	.vita-date-archive .vita-date-timeline .vita-timeline-item__posts {
		grid-template-columns: 1fr;
		gap: 20px;
	}
}
.vita-date-archive .vita-date-posts {
	padding: 60px 0;
}
.vita-date-archive .vita-date-posts__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
	gap: 32px;
	padding: 0 20px;
	margin-bottom: 60px;
}
@media (max-width: 576px) {
	.vita-date-archive .vita-date-posts__grid {
		grid-template-columns: 1fr;
		gap: 24px;
	}
}
.vita-date-archive .vita-date-posts .vita-card {
	border: 2px solid transparent;
	transition: all 0.3s ease;
}
.vita-date-archive .vita-date-posts .vita-card:hover {
	border-color: rgba(242, 194, 0, 0.3);
	transform: translateY(-6px);
	box-shadow: 0 12px 32px rgba(242, 194, 0, 0.15);
}
.vita-date-archive .vita-date-posts .vita-card__meta .vita-card__date {
	color: #f2c200;
	font-weight: 600;
	position: relative;
}
.vita-date-archive .vita-date-posts .vita-card__meta .vita-card__date::before {
	content: "";
	position: absolute;
	left: -8px;
	top: 50%;
	transform: translateY(-50%);
	width: 4px;
	height: 4px;
	background: #f2c200;
	border-radius: 50%;
}
.vita-date-archive .vita-date-stats {
	padding: 60px 0;
	background: rgba(242, 194, 0, 0.2);
}
.vita-date-archive .vita-date-stats__content {
	max-width: 800px;
	margin: 0 auto;
	text-align: center;
	padding: 0 20px;
}
.vita-date-archive .vita-date-stats__title {
	font-size: 1.8rem;
	font-weight: 700;
	color: #134B8D;
	margin-bottom: 32px;
}
.vita-date-archive .vita-date-stats__grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 24px;
}
.vita-date-archive .vita-date-stats__item {
	padding: 24px;
	background: #ffffff;
	border-radius: 12px;
	box-shadow: 0 4px 12px rgba(242, 194, 0, 0.1);
	transition: all 0.3s ease;
}
.vita-date-archive .vita-date-stats__item:hover {
	transform: translateY(-4px);
	box-shadow: 0 8px 24px rgba(242, 194, 0, 0.2);
}
.vita-date-archive .vita-date-stats__item__number {
	font-size: 2.5rem;
	font-weight: 900;
	color: #f2c200;
	display: block;
	margin-bottom: 8px;
}
.vita-date-archive .vita-date-stats__item__label {
	font-size: 14px;
	color: #5f6b82;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}
.vita-date-archive .vita-archive-pagination {
	padding: 60px 20px 80px;
	text-align: center;
}
.vita-date-archive .vita-archive-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0 4px;
	padding: 12px 16px;
	color: #134B8D;
	text-decoration: none;
	border-radius: 8px;
	font-weight: 500;
	transition: all 0.3s ease;
	border: 2px solid transparent;
}
.vita-date-archive .vita-archive-pagination .page-numbers.current {
	background: #f2c200;
	color: #ffffff;
	border-color: #f2c200;
}
.vita-date-archive .vita-archive-pagination .page-numbers:hover:not(.current) {
	background: rgba(242, 194, 0, 0.1);
	border-color: rgba(242, 194, 0, 0.3);
	transform: translateY(-1px);
}
.vita-date-archive .vita-archive-pagination .page-numbers svg {
	width: 16px;
	height: 16px;
}
.vita-date-archive .vita-archive-empty {
	padding: 80px 20px;
	text-align: center;
}
.vita-date-archive .vita-archive-empty__content {
	max-width: 500px;
	margin: 0 auto;
}
.vita-date-archive .vita-archive-empty__icon {
	margin-bottom: 32px;
	opacity: 0.4;
}
.vita-date-archive .vita-archive-empty__icon .vita-calendar-icon {
	width: 100px;
	height: 100px;
	fill: #f2c200;
}
.vita-date-archive .vita-archive-empty__title {
	font-size: 2rem;
	font-weight: 700;
	color: #134B8D;
	margin-bottom: 16px;
}
.vita-date-archive .vita-archive-empty__message {
	font-size: 1.1rem;
	color: #5f6b82;
	line-height: 1.6;
	margin-bottom: 32px;
}
.vita-date-archive .vita-archive-empty__message .vita-date-highlight {
	color: #f2c200;
	font-weight: 600;
}
.vita-date-archive .vita-archive-empty .vita-button {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 16px 32px;
	background: #f2c200;
	color: #ffffff;
	text-decoration: none;
	border-radius: 8px;
	font-weight: 600;
	transition: all 0.3s ease;
}
.vita-date-archive .vita-archive-empty .vita-button:hover {
	background: rgb(191, 153.1157024793, 0);
	transform: translateY(-2px);
}

@media (max-width: 768px) {
	.vita-date-archive .vita-date-navigation,
	.vita-date-archive .vita-date-timeline,
	.vita-date-archive .vita-date-posts,
	.vita-date-archive .vita-date-stats {
		padding: 60px 0;
	}
	.vita-date-archive .vita-date-navigation__calendar {
		padding: 24px;
	}
}
@media (max-width: 576px) {
	.vita-date-archive .vita-archive-header {
		padding: 60px 0;
	}
	.vita-date-archive .vita-date-navigation,
	.vita-date-archive .vita-date-timeline,
	.vita-date-archive .vita-date-posts,
	.vita-date-archive .vita-date-stats {
		padding: 40px 0;
	}
}
/**
 * Single Recipe Page Styling
 * @package Vita_XYZ
 * @version 1.1.0
 * /src/sass/layouts/_single-recipe.scss
 *
 * Version History:
 * - 1.1.0: Added comprehensive .related carousel styles scoped under .vita-recipe
 *          Fixed product cards display in related products section on recipe pages
 *          Added Swiper.js compatibility with proper flexbox layout
 *          Added responsive styles for carousel on all screen sizes
 * - 1.0.0: Initial single recipe page styling
 */
.vita-recipe {
	background: linear-gradient(135deg, #f8f9fa 0%, #ffffff 100%);
	min-height: 100vh;
	position: relative;
}
.vita-recipe::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: radial-gradient(circle at 1px 1px, rgba(0, 0, 0, 0.02) 1px, transparent 0);
	background-size: 40px 40px;
	pointer-events: none;
	z-index: 0;
}

.vita-recipe-hero {
	background: linear-gradient(135deg, #134B8D 0%, #1f56a9 100%);
	color: #ffffff;
	padding: 6% 0 80px;
	position: relative;
	overflow: hidden;
	margin-top: 4%;
}
.vita-recipe-hero::after {
	content: "";
	position: absolute;
	bottom: -1px;
	left: 0;
	right: 0;
	height: 60px;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1200 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,30 C200,0 400,60 600,30 C800,0 1000,60 1200,30 L1200,60 L0,60 Z' fill='%23ffffff'/%3E%3C/svg%3E");
	background-size: cover;
	background-repeat: no-repeat;
}
.vita-recipe-hero__breadcrumb {
	margin-bottom: 24px;
	font-size: 0.875rem;
	opacity: 0.9;
}
.vita-recipe-hero__breadcrumb a {
	color: #ffffff;
	text-decoration: none;
	transition: opacity 0.2s ease;
}
.vita-recipe-hero__breadcrumb a:hover {
	opacity: 0.8;
}
.vita-recipe-hero__breadcrumb-separator {
	margin: 0 12px;
	opacity: 0.6;
}
.vita-recipe-hero__breadcrumb-current {
	opacity: 0.7;
}
.vita-recipe-hero__title {
	font-size: clamp(2rem, 4vw, 3.5rem);
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 24px;
	text-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.vita-recipe-hero__excerpt {
	font-size: 1.125rem;
	line-height: 1.6;
	margin-bottom: 32px;
	max-width: 600px;
	opacity: 0.95;
}
.vita-recipe-hero__meta {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 24px;
	margin-top: 40px;
}

.vita-recipe-meta__item {
	display: flex;
	align-items: center;
	gap: 12px;
	background: rgba(255, 255, 255, 0.1);
	padding: 16px 20px;
	border-radius: 12px;
	backdrop-filter: blur(10px);
	border: 1px solid rgba(255, 255, 255, 0.2);
}
.vita-recipe-meta__icon {
	color: #f2c200;
	flex-shrink: 0;
}
.vita-recipe-meta__label {
	font-weight: 600;
	margin-right: 8px;
}
.vita-recipe-meta__value {
	font-weight: 700;
	color: #f2c200;
}
.vita-recipe-meta__difficulty {
	padding: 4px 12px;
	border-radius: 20px;
	font-weight: 600;
	font-size: 0.875rem;
}
.vita-recipe-meta__difficulty--easy {
	background: rgba(34, 197, 94, 0.2);
	color: #16a34a;
}
.vita-recipe-meta__difficulty--medium {
	background: rgba(251, 191, 36, 0.2);
	color: #d97706;
}
.vita-recipe-meta__difficulty--hard {
	background: rgba(239, 68, 68, 0.2);
	color: #dc2626;
}

.vita-recipe__content {
	position: relative;
	z-index: 1;
	padding: 60px 0;
}

.vita-recipe__image {
	text-align: center;
	margin-bottom: 60px;
}
.vita-recipe__image .vita-recipe__img {
	max-width: 100%;
	height: auto;
	border-radius: 16px;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);
	transition: transform 0.3s ease;
}
.vita-recipe__image .vita-recipe__img:hover {
	transform: scale(1.02);
}

.vita-recipe__section {
	margin-bottom: 60px;
}
.vita-recipe__section:last-child {
	margin-bottom: 0;
}

.vita-recipe__section-title {
	font-size: 2rem;
	font-weight: 700;
	color: #134B8D;
	margin-bottom: 32px;
	position: relative;
	padding-bottom: 16px;
}
.vita-recipe__section-title::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 60px;
	height: 4px;
	background: linear-gradient(90deg, #f2c200, transparent);
	border-radius: 2px;
}

.vita-ingredients-list {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
	gap: 16px;
	list-style: none;
	padding: 0;
	margin: 0;
}

.vita-ingredient {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 16px 20px;
	background: #ffffff;
	border-radius: 12px;
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
	transition: all 0.3s ease;
}
.vita-ingredient:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}
.vita-ingredient__qty {
	font-weight: 700;
	color: #134B8D;
	font-size: 1.125rem;
	min-width: 40px;
}
.vita-ingredient__unit {
	color: #5f6b82;
	font-weight: 500;
	min-width: 50px;
}
.vita-ingredient__item {
	color: #134B8D;
	font-weight: 600;
}

.vita-instructions-list {
	counter-reset: step-counter;
	list-style: none;
	padding: 0;
	margin: 0;
}

.vita-instruction {
	counter-increment: step-counter;
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 32px;
	align-items: start;
	margin-bottom: 40px;
	padding: 32px;
	background: #ffffff;
	border-radius: 16px;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
	transition: all 0.3s ease;
}
.vita-instruction:hover {
	transform: translateY(-4px);
	box-shadow: 0 16px 48px rgba(0, 0, 0, 0.12);
}
.vita-instruction__content {
	min-width: 0;
}
.vita-instruction__title {
	font-size: 1.25rem;
	font-weight: 700;
	color: #134B8D;
	margin-bottom: 16px;
	position: relative;
}
.vita-instruction__title::before {
	content: counter(step-counter);
	position: absolute;
	left: -60px;
	top: 0;
	width: 40px;
	height: 40px;
	background: linear-gradient(135deg, #f2c200, rgb(255, 211.958677686, 38));
	color: #ffffff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	font-size: 1rem;
	box-shadow: 0 4px 16px rgba(242, 194, 0, 0.3);
}
.vita-instruction__body {
	font-size: 1rem;
	line-height: 1.6;
	color: #134B8D;
	margin: 0;
}
.vita-instruction__image {
	width: 200px;
	flex-shrink: 0;
}
.vita-instruction__image img {
	width: 100%;
	height: 150px;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 12px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}

.vita-recipe-gallery {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 24px;
}
.vita-recipe-gallery__item {
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
	transition: transform 0.3s ease;
}
.vita-recipe-gallery__item:hover {
	transform: scale(1.05);
}
.vita-recipe-gallery__item img {
	width: 100%;
	min-height: 200px;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

.vita-recipe .related {
	padding: 40px 20px;
}
.vita-recipe .related .related-container {
	width: 100%;
	max-width: 1400px !important;
	margin: 0 auto;
	padding: 0 20px;
}
@media (min-width: 1000px) {
	.vita-recipe .related .related-container {
		padding: 0 40px;
	}
}
@media (min-width: 1400px) {
	.vita-recipe .related .related-container {
		padding: 0 60px;
	}
}
.vita-recipe .related .related-container {
	margin: 0 auto;
}
.vita-recipe .related h2 {
	text-align: center;
	font-size: 2rem;
	font-weight: 700;
	color: #134B8D;
	margin: 0;
	line-height: 1.3;
}
.vita-recipe .related h3 {
	text-align: center;
	font-size: 1.5rem;
	font-weight: 500;
	color: #f2c200;
	margin: 8px 0 50px 0;
	line-height: 1.4;
}
.vita-recipe .related .products-carousel,
.vita-recipe .related .recipes-carousel {
	position: relative;
	margin-bottom: 50px;
	overflow: hidden;
	padding: 40px 0;
}
@media (min-width: 768px) {
	.vita-recipe .related .products-carousel,
	.vita-recipe .related .recipes-carousel {
		padding: 60px 0;
	}
}
.vita-recipe .related .products-carousel.carousel-initialized .products-grid,
.vita-recipe .related .products-carousel.carousel-initialized .recipes-grid,
.vita-recipe .related .recipes-carousel.carousel-initialized .products-grid,
.vita-recipe .related .recipes-carousel.carousel-initialized .recipes-grid {
	overflow: visible;
}
.vita-recipe .related .products-carousel:not(.has-navigation) .carousel-nav,
.vita-recipe .related .recipes-carousel:not(.has-navigation) .carousel-nav {
	display: none;
}
.vita-recipe .related .products-carousel-adaptive {
	position: relative;
	margin-bottom: 50px;
	padding: 40px 0;
}
@media (min-width: 992px) {
	.vita-recipe .related .products-carousel-adaptive .products-grid {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
		margin: 0 auto;
	}
	.vita-recipe .related .products-carousel-adaptive .products-grid.swiper-wrapper {
		display: grid;
		transform: none !important;
		transition-property: none !important;
	}
	.vita-recipe .related .products-carousel-adaptive .products-grid .swiper-slide {
		width: auto !important;
		height: auto;
		margin: 0 !important;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.vita-recipe .related .products-carousel-adaptive:not(.swiper-active) .carousel-nav {
		display: none;
	}
}
@media (max-width: 991px) {
	.vita-recipe .related .products-carousel-adaptive {
		overflow: hidden;
	}
	.vita-recipe .related .products-carousel-adaptive.swiper-active .products-grid {
		overflow: visible;
	}
}
.vita-recipe .related .carousel-nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: #ffffff;
	border: 2px solid #e2e8f0;
	border-radius: 50%;
	width: 48px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.3s ease;
	z-index: 10;
	color: #5f6b82;
}
.vita-recipe .related .carousel-nav:hover:not(:disabled) {
	background: rgb(25.7777777778, 141.3333333333, 190.2222222222);
	border-color: rgb(25.7777777778, 141.3333333333, 190.2222222222);
	color: #ffffff;
	transform: translateY(-50%) scale(1.05);
}
.vita-recipe .related .carousel-nav:disabled {
	opacity: 0.3;
	cursor: not-allowed;
}
.vita-recipe .related .carousel-nav.carousel-prev {
	left: 10px;
}
.vita-recipe .related .carousel-nav.carousel-next {
	right: 10px;
}
.vita-recipe .related .carousel-nav svg {
	width: 20px;
	height: 20px;
}
@media (min-width: 768px) {
	.vita-recipe .related .carousel-nav.carousel-prev {
		left: 20px;
	}
	.vita-recipe .related .carousel-nav.carousel-next {
		right: 20px;
	}
}
.vita-recipe .related .products-grid,
.vita-recipe .related .recipes-grid {
	display: flex !important;
	grid-template-columns: none !important;
	gap: 30px;
	transition: transform 300ms ease;
	will-change: transform;
	overflow: visible;
	align-items: flex-end;
}
@media (max-width: 768px) {
	.vita-recipe .related .products-grid,
	.vita-recipe .related .recipes-grid {
		gap: 20px;
	}
}
@media (max-width: 576px) {
	.vita-recipe .related .products-grid,
	.vita-recipe .related .recipes-grid {
		gap: 15px;
	}
}
.vita-recipe .related .vita-product-item,
.vita-recipe .related .product-item,
.vita-recipe .related .c-product-card {
	width: 280px;
	min-width: 0;
	flex-shrink: 0;
}
.vita-recipe .related .vita-product-item.swiper-slide,
.vita-recipe .related .product-item.swiper-slide,
.vita-recipe .related .swiper-slide.c-product-card {
	width: 280px;
	height: auto;
}
@media (min-width: 768px) {
	.vita-recipe .related .vita-product-item,
	.vita-recipe .related .product-item,
	.vita-recipe .related .c-product-card {
		width: 320px;
	}
	.vita-recipe .related .vita-product-item.swiper-slide,
	.vita-recipe .related .product-item.swiper-slide,
	.vita-recipe .related .swiper-slide.c-product-card {
		width: 320px;
	}
}
@media (min-width: 992px) {
	.vita-recipe .related .vita-product-item,
	.vita-recipe .related .product-item,
	.vita-recipe .related .c-product-card {
		width: 360px;
	}
	.vita-recipe .related .vita-product-item.swiper-slide,
	.vita-recipe .related .product-item.swiper-slide,
	.vita-recipe .related .swiper-slide.c-product-card {
		width: 360px;
	}
}
.vita-recipe .related .recipe-card .recipe-link {
	display: block;
	text-decoration: none;
	background: #ffffff;
	border-radius: 16px;
	overflow: hidden;
	transition: all 0.3s ease;
}
.vita-recipe .related .recipe-card .recipe-link:hover {
	transform: translateY(-4px);
}
.vita-recipe .related .recipe-card .recipe-image .recipe-img {
	width: 100%;
	height: 200px;
	-o-object-fit: cover;
	object-fit: cover;
	background: #f7fafc;
}
.vita-recipe .related .recipe-card .recipe-info {
	padding: 20px;
}
.vita-recipe .related .recipe-card .recipe-info .recipe-meta {
	margin-bottom: 12px;
}
.vita-recipe .related .recipe-card .recipe-info .recipe-meta .recipe-time {
	font-size: 14px;
	color: #718096;
	font-weight: 500;
	background: #d7eefc;
	padding: 4px 12px;
	border-radius: 12px;
	display: inline-block;
}
.vita-recipe .related .recipe-card .recipe-info .recipe-name {
	margin: 0;
	font-size: 1.125rem;
	font-weight: 600;
	color: #134B8D;
	line-height: 1.4;
}
.vita-recipe .related .related-cta {
	text-align: center;
}
.vita-recipe .related .related-cta .view-all-btn {
	display: inline-block;
	background: rgb(25.7777777778, 141.3333333333, 190.2222222222);
	color: #ffffff;
	padding: 14px 32px;
	text-decoration: none;
	font-weight: 600;
	border-radius: 8px;
	transition: all 0.3s ease;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	font-size: 14px;
}
.vita-recipe .related .related-cta .view-all-btn:hover {
	background: #29ABE2;
	transform: translateY(-2px);
}

@media (max-width: 992px) {
	.vita-instruction {
		grid-template-columns: 1fr;
		gap: 24px;
	}
	.vita-instruction__title::before {
		position: static;
		margin-bottom: 16px;
	}
	.vita-instruction__image {
		width: 100%;
	}
	.vita-instruction__image img {
		height: 200px;
	}
}
@media (max-width: 768px) {
	.vita-recipe-hero {
		padding: 5% 0 60px;
	}
	.vita-recipe-hero__title {
		font-size: 2.5rem;
	}
	.vita-recipe-hero__meta {
		grid-template-columns: 1fr;
		gap: 16px;
	}
	.vita-ingredients-list {
		grid-template-columns: 1fr;
	}
	.vita-recipe .related {
		padding: 60px 18px;
	}
	.vita-recipe .related h2 {
		font-size: 1.75rem;
		margin-bottom: 40px;
	}
	.vita-recipe .related .products-grid,
	.vita-recipe .related .recipes-grid {
		padding: 0 20px;
		gap: 20px;
	}
}
@media (max-width: 576px) {
	.vita-recipe__content {
		padding: 40px 0;
	}
	.vita-recipe__section {
		margin-bottom: 40px;
	}
	.vita-recipe__section-title {
		font-size: 1.5rem;
		margin-bottom: 24px;
	}
	.vita-instruction {
		padding: 24px 20px;
		margin-bottom: 24px;
	}
	.vita-instruction__title {
		font-size: 1.125rem;
	}
	.vita-instruction__title::before {
		width: 32px;
		height: 32px;
		font-size: 0.875rem;
	}
	.vita-recipe .related {
		padding: 40px 12px;
	}
}
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Header
--------------------------------------------- */
/* Navigation
--------------------------------------------- */
.main-navigation {
	display: block;
	width: 100%;
}
.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}
.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}
.main-navigation ul ul a {
	width: 200px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}
.main-navigation li {
	position: relative;
}
.main-navigation a {
	display: block;
	text-decoration: none;
}
/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: flex;
	}
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Import Mega Menu Component */
/**
 * Mega Menu Component - Vita Style
 * 
 * Professional mega menu with left sidebar navigation
 * and right-side product grid, matching modern e-commerce layouts
 */
/* Main Mega Menu Container */
.vita-mega-menu {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	background: var(--color-white, #ffffff);
	border-top: 3px solid var(--color-primary, #2271b1);
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
	z-index: 9999;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-15px);
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	max-height: 70vh;
	overflow-y: auto;
	border-radius: 0 0 12px 12px;
}
.menu-item-has-mega-menu:hover .vita-mega-menu, .vita-mega-menu.show {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

/* Container for mega menu content - Vita layout */
.vita-mega-menu-container {
	max-width: var(--container-max-width, 1200px);
	margin: 0 auto;
	padding: 30px 20px;
	display: grid;
	grid-template-columns: 320px 1fr;
	gap: 40px;
	align-items: start;
}

/* Left sidebar categories */
.mega-menu-categories {
	display: flex;
	flex-direction: column;
	gap: 0;
	background: var(--color-gray-50, #f8f9fa);
	border-radius: 8px;
	padding: 0;
	overflow: hidden;
}

.mega-menu-category-tab {
	background: transparent;
	border: none;
	padding: 16px 20px;
	cursor: pointer;
	font-size: 16px;
	font-weight: 500;
	color: var(--color-text-primary, #1d2327);
	text-align: left;
	transition: all 0.2s ease;
	border-bottom: 1px solid var(--color-border, #e0e0e0);
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-family: var(--font-primary);
}
.mega-menu-category-tab:hover {
	background: var(--color-white, #ffffff);
	color: var(--color-primary, #2271b1);
	transform: translateX(2px);
}
.mega-menu-category-tab.active {
	background: var(--color-primary, #2271b1);
	color: var(--color-white, #ffffff);
	border-bottom-color: var(--color-primary, #2271b1);
}
.mega-menu-category-tab:last-child {
	border-bottom: none;
}
.mega-menu-category-tab svg {
	width: 12px;
	height: 12px;
	transition: transform 0.2s ease;
}
.mega-menu-category-tab:hover svg {
	transform: translateX(4px);
}

/* Right content area - product grid */
.vita-mega-menu-content {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
	gap: 20px;
	min-height: 300px;
}

/* Individual product items - Vita style */
.vita-mega-menu-item {
	background: var(--color-white, #ffffff);
	border: 1px solid var(--color-border-light, #e5e7eb);
	border-radius: 12px;
	overflow: hidden;
	transition: all 0.3s ease;
	text-decoration: none;
	color: inherit;
	position: relative;
}
.vita-mega-menu-item:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 32px rgba(0, 0, 0, 0.1);
	border-color: var(--color-primary, #2271b1);
	text-decoration: none;
	color: inherit;
}

/* Product image */
.item-image {
	position: relative;
	padding-top: 75%;
	background: var(--color-gray-50, #f8f9fa);
	overflow: hidden;
}
.item-image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	transition: transform 0.3s ease;
}
.vita-mega-menu-item:hover .item-image img {
	transform: scale(1.05);
}

/* Product content */
.item-content {
	padding: 15px;
	text-align: center;
}

.item-title {
	font-size: 14px;
	font-weight: 700;
	margin: 0 0 5px 0;
	line-height: 1.3;
	color: var(--color-text-primary, #1d2327);
	text-transform: uppercase;
	letter-spacing: 0.5px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-family: var(--font-primary);
}

.item-subtitle {
	font-size: 12px;
	color: var(--color-text-secondary, #6b7280);
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-top: 4px;
	font-family: var(--font-primary);
}

/* Footer with view all button */
.mega-menu-footer {
	grid-column: 1/-1;
	text-align: center;
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px solid var(--color-border-light, #e5e7eb);
}

.mega-menu-view-all {
	background: var(--color-accent, #1e3a8a);
	color: var(--color-white, #ffffff);
	border: none;
	padding: 12px 24px;
	border-radius: 6px;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	cursor: pointer;
	transition: all 0.2s ease;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-family: var(--font-primary);
}
.mega-menu-view-all:hover {
	background: var(--color-accent-dark, #1e40af);
	transform: translateY(-1px);
}
.mega-menu-view-all svg {
	width: 16px;
	height: 16px;
}

/* Loading state */
.vita-mega-menu-loading {
	grid-column: 1/-1;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 60px 20px;
	color: var(--color-text-secondary, #6b7280);
	font-style: italic;
	font-family: var(--font-primary);
}

/* Navigation integration */
.site-header .nav-menu .menu-item-has-mega-menu {
	position: relative;
}
.site-header .nav-menu .menu-item-has-mega-menu > a::after {
	content: "";
	width: 0;
	height: 2px;
	background: var(--color-primary, #2271b1);
	position: absolute;
	bottom: -2px;
	left: 50%;
	transform: translateX(-50%);
	transition: width 0.3s ease;
}
.site-header .nav-menu .menu-item-has-mega-menu > a:hover::after {
	width: 100%;
}

/* Mobile responsive */
@media (max-width: 1024px) {
	.vita-mega-menu-container {
		grid-template-columns: 280px 1fr;
		gap: 30px;
		padding: 25px 15px;
	}
	.vita-mega-menu-content {
		grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
		gap: 15px;
	}
}
@media (max-width: 768px) {
	.vita-mega-menu {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		max-height: none;
		transform: translateX(100%);
		border-radius: 0;
		border-top: none;
	}
	.vita-mega-menu.show {
		transform: translateX(0);
	}
	.vita-mega-menu-container {
		grid-template-columns: 1fr;
		gap: 20px;
		padding: 20px 15px;
		height: 100%;
		overflow-y: auto;
	}
	.mega-menu-categories {
		order: 2;
		flex-direction: row;
		overflow-x: auto;
		gap: 10px;
		padding: 10px;
		background: transparent;
	}
	.mega-menu-category-tab {
		white-space: nowrap;
		flex-shrink: 0;
		padding: 10px 16px;
		border: 1px solid var(--color-border-light, #e5e7eb);
		border-radius: 20px;
		background: var(--color-gray-50, #f8f9fa);
		border-bottom: 1px solid var(--color-border-light, #e5e7eb);
	}
	.mega-menu-category-tab.active {
		background: var(--color-primary, #2271b1);
		border-color: var(--color-primary, #2271b1);
	}
	.vita-mega-menu-content {
		order: 1;
		grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
		gap: 15px;
	}
	.mega-menu-close {
		position: fixed;
		top: 20px;
		right: 20px;
		background: rgba(0, 0, 0, 0.7);
		color: var(--color-white, #ffffff);
		border: none;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		font-size: 20px;
		cursor: pointer;
		z-index: 10000;
		display: flex;
		align-items: center;
		justify-content: center;
	}
}
/* Body scroll prevention for mobile */
body.mega-menu-open {
	overflow: hidden;
}
@media (min-width: 769px) {
	body.mega-menu-open {
		overflow: visible;
	}
}

/* Print styles */
@media print {
	.vita-mega-menu {
		display: none !important;
	}
}
/* Posts and pages
--------------------------------------------- */
/* Comments
--------------------------------------------- */
/* Widgets
--------------------------------------------- */
/* Cards
--------------------------------------------- */
/**
 * Standardized Card Component Styles
 *
 * This file contains the styles for the standardized card components used
 * throughout the Vita_XYZ theme, ensuring a consistent look and feel.
 *
 * @package Vita_XYZ
 * @since 1.0.0
 * /src/sass/components/_standardized-cards.scss
 */
.vita-card {
	background: #fff;
	border: 1px solid #e6edf8;
	border-radius: 18px;
	overflow: hidden;
	box-shadow: 0 8px 18px rgba(0, 0, 0, 0.06);
	display: block;
}
.vita-card__media {
	display: block;
	padding: 18px;
	min-height: 220px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
}
.vita-card__title {
	display: block;
	padding: 0 14px 6px;
	color: #134B8D;
}
.vita-card__meta {
	display: block;
	padding: 0 14px 16px;
	color: #5f6b82;
	font-size: 0.9rem;
}
.vita-card--recipe {
	position: relative;
}
.vita-card--recipe .vita-card__footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 12px;
}

/* Image & Text Sections
--------------------------------------------- */
/**
 * Image & Text Section Component
 *
 * @package Vita_XYZ
 * /src/sass/components/image-text/_image-text-section.scss
 */
.vita-image-text-section {
	padding: 100px 0;
	position: relative;
	overflow: hidden;
}
.vita-image-text-section .container {
	width: 100%;
	max-width: 1400px !important;
	margin: 0 auto;
	padding: 0 20px;
}
@media (min-width: 1000px) {
	.vita-image-text-section .container {
		padding: 0 40px;
	}
}
@media (min-width: 1400px) {
	.vita-image-text-section .container {
		padding: 0 60px;
	}
}
.vita-image-text-section .container {
	margin: 0 auto;
	padding: 0 2rem;
}
@media (max-width: 768px) {
	.vita-image-text-section .container {
		padding: 0 1rem;
	}
}
.vita-image-text-section__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 4rem;
	align-items: center;
	min-height: 500px;
}
@media (max-width: 968px) {
	.vita-image-text-section__grid {
		gap: 3rem;
	}
}
@media (max-width: 768px) {
	.vita-image-text-section__grid {
		grid-template-columns: 1fr;
		gap: 2rem;
		text-align: center;
	}
}
.vita-image-text-section__content {
	padding: 2rem 0;
	z-index: 2;
	position: relative;
}
@media (max-width: 768px) {
	.vita-image-text-section__content {
		padding: 1rem 0;
	}
}
.vita-image-text-section__subtitle {
	font-size: 1rem;
	color: var(--vita-blue-primary);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 1rem;
	opacity: 0.8;
}
.vita-image-text-section__title {
	font-size: 3rem;
	font-weight: 900;
	color: var(--vita-blue-primary);
	margin-bottom: 2rem;
	line-height: 1.1;
	letter-spacing: -0.02em;
	text-transform: uppercase;
}
@media (max-width: 1024px) {
	.vita-image-text-section__title {
		font-size: 2.5rem;
	}
}
@media (max-width: 768px) {
	.vita-image-text-section__title {
		font-size: 2rem;
	}
}
@media (max-width: 480px) {
	.vita-image-text-section__title {
		font-size: 1.8rem;
	}
}
.vita-image-text-section__description {
	font-size: 1.125rem;
	line-height: 1.7;
	color: var(--vita-text-dark);
	margin-bottom: 2.5rem;
}
@media (max-width: 768px) {
	.vita-image-text-section__description {
		font-size: 1rem;
		margin-bottom: 2rem;
	}
}
.vita-image-text-section__description p {
	margin-bottom: 1.5rem;
}
.vita-image-text-section__description p:last-child {
	margin-bottom: 0;
}
.vita-image-text-section__cta {
	margin-top: 2rem;
}
.vita-image-text-section__cta-button {
	background: var(--vita-accent-yellow);
	color: var(--vita-white);
	padding: 1.25rem 2.5rem;
	border-radius: 50px;
	text-decoration: none;
	font-weight: 700;
	font-size: 1.1rem;
	display: inline-block;
	transition: var(--vita-transition);
	box-shadow: 0 6px 20px rgba(243, 156, 18, 0.3);
	text-transform: uppercase;
	letter-spacing: 0.5px;
}
.vita-image-text-section__cta-button:hover {
	background: #e67e22;
	transform: translateY(-3px);
	box-shadow: 0 10px 30px rgba(243, 156, 18, 0.4);
	text-decoration: none;
	color: var(--vita-white);
}
@media (max-width: 768px) {
	.vita-image-text-section__cta-button {
		padding: 1rem 2rem;
		font-size: 1rem;
	}
}
.vita-image-text-section__image {
	position: relative;
	z-index: 2;
}
@media (max-width: 768px) {
	.vita-image-text-section__image {
		order: -1;
	}
}
.vita-image-text-section__image-wrapper {
	position: relative;
	border-radius: 20px;
	overflow: hidden;
	transition: var(--vita-transition);
}
.vita-image-text-section__image-wrapper:hover {
	transform: translateY(-5px);
}
.vita-image-text-section__img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 20px;
}
.vita-image-text-section--white {
	background: var(--vita-white);
}
.vita-image-text-section--light_blue {
	background: #f8faff;
	background: linear-gradient(135deg, #f8faff 0%, #ecf4ff 100%);
}
.vita-image-text-section--gradient_blue {
	background: var(--vita-blue-gradient);
	color: var(--vita-white);
}
.vita-image-text-section--gradient_blue .vita-image-text-section__title {
	color: var(--vita-white);
}
.vita-image-text-section--gradient_blue .vita-image-text-section__subtitle {
	color: rgba(255, 255, 255, 0.8);
}
.vita-image-text-section--gradient_blue .vita-image-text-section__description {
	color: rgba(255, 255, 255, 0.95);
}
@media (min-width: 769px) {
	.vita-image-text-section--image_right .vita-image-text-section__grid {
		grid-template-columns: 1fr 1fr;
	}
	.vita-image-text-section--image_right .vita-image-text-section__grid .vita-image-text-section__content {
		order: 1;
	}
	.vita-image-text-section--image_right .vita-image-text-section__grid .vita-image-text-section__image {
		order: 2;
	}
}
@media (min-width: 769px) {
	.vita-image-text-section--image_left .vita-image-text-section__grid .vita-image-text-section__content {
		order: 2;
	}
	.vita-image-text-section--image_left .vita-image-text-section__grid .vita-image-text-section__image {
		order: 1;
	}
}
.vita-image-text-section__decorations {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 1;
}
.vita-image-text-section__decoration {
	position: absolute;
	opacity: 0.6;
}
.vita-image-text-section__decoration--arrow-1 {
	top: 15%;
	right: 10%;
	width: 80px;
	height: 80px;
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M20,20 Q50,10 80,20 Q90,50 80,80 Q50,90 20,80 Q10,50 20,20" fill="none" stroke="%234a90e2" stroke-width="3" stroke-dasharray="8,4"/><path d="M60,35 L75,50 L60,65 M25,50 L75,50" stroke="%234a90e2" stroke-width="3" fill="none"/></svg>') no-repeat center;
	background-size: contain;
	animation: float 8s ease-in-out infinite;
}
@media (max-width: 768px) {
	.vita-image-text-section__decoration--arrow-1 {
		display: none;
	}
}
.vita-image-text-section__decoration--arrow-2 {
	bottom: 20%;
	left: 5%;
	width: 60px;
	height: 60px;
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M35,60 L50,75 L65,60 M50,25 L50,75" stroke="%234a90e2" stroke-width="3" fill="none"/></svg>') no-repeat center;
	background-size: contain;
	animation: float 10s ease-in-out infinite reverse;
}
@media (max-width: 768px) {
	.vita-image-text-section__decoration--arrow-2 {
		display: none;
	}
}
.vita-image-text-section__decoration--shape-1 {
	top: 25%;
	left: 8%;
	width: 40px;
	height: 40px;
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="30" fill="none" stroke="%234a90e2" stroke-width="4" stroke-dasharray="15,5"/></svg>') no-repeat center;
	background-size: contain;
	animation: float 12s ease-in-out infinite;
}
@media (max-width: 768px) {
	.vita-image-text-section__decoration--shape-1 {
		display: none;
	}
}
.vita-image-text-section--with-decorations .vita-image-text-section__decorations {
	display: block;
}
.vita-image-text-section:not(.vita-image-text-section--with-decorations) .vita-image-text-section__decorations {
	display: none;
}
@media (max-width: 768px) {
	.vita-image-text-section {
		padding: 60px 0;
	}
	.vita-image-text-section__grid {
		min-height: auto;
	}
	.vita-image-text-section__title {
		margin-bottom: 1.5rem;
	}
	.vita-image-text-section__description {
		margin-bottom: 2rem;
	}
}
@media (max-width: 480px) {
	.vita-image-text-section {
		padding: 40px 0;
	}
}

@keyframes float {
	0%, 100% {
		transform: translateY(0px) rotate(0deg);
	}
	33% {
		transform: translateY(-15px) rotate(3deg);
	}
	66% {
		transform: translateY(-8px) rotate(-2deg);
	}
}
/* Zig Zag Sections
--------------------------------------------- */
/**
 * Zig Zag Section Component
 *
 * Alternating layout component that displays content rows with
 * text and images switching sides (zig-zag pattern).
 * Features background image support and decorative elements.
 *
 * @package Vita_XYZ
 */
.vita-zig-zag-section {
	position: relative;
	overflow: hidden;
}
.vita-zig-zag-section .container {
	max-width: 100vw;
	margin: 0 auto;
}
.vita-zig-zag-section__row {
	position: relative;
}
.vita-zig-zag-section__row:nth-child(odd)::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 40px;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1200 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,30 C200,0 400,60 600,30 C800,0 1000,60 1200,30 L1200,60 L0,60 Z' fill='%23ffffff'/%3E%3C/svg%3E");
	background-size: cover;
	background-repeat: no-repeat;
	z-index: 1;
	height: 60px;
	z-index: 10;
}
.vita-zig-zag-section__row:nth-child(even)::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 60px;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1200 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,30 C200,0 400,60 600,30 C800,0 1000,60 1200,30 L1200,60 L0,60 Z' fill='%23ffffff'/%3E%3C/svg%3E");
	background-size: cover;
	background-repeat: no-repeat;
	top: 0;
	transform: scaleY(-1);
	z-index: 2;
	height: 60px;
	z-index: 10;
}
.vita-zig-zag-section__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
	min-height: 400px;
}
@media (max-width: 968px) {
	.vita-zig-zag-section__grid {
		gap: 3rem;
		min-height: 350px;
	}
}
@media (max-width: 768px) {
	.vita-zig-zag-section__grid {
		grid-template-columns: 1fr;
		gap: 2rem;
		min-height: auto;
		text-align: center;
	}
}
.vita-zig-zag-section__content {
	z-index: 2;
	position: relative;
}
.vita-zig-zag-section__text-content {
	padding: 3rem;
	position: relative;
}
@media (max-width: 768px) {
	.vita-zig-zag-section__text-content {
		padding: 2rem 1rem;
	}
}
.vita-zig-zag-section__text-content::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}
.vita-zig-zag-section__text-content > * {
	position: relative;
	z-index: 2;
}
.vita-zig-zag-section__headline {
	font-size: 2.5rem;
	font-weight: 900;
	color: var(--vita-blue-primary);
	margin-bottom: 1.5rem;
	line-height: 1.2;
	letter-spacing: -0.02em;
	text-transform: uppercase;
}
@media (max-width: 1024px) {
	.vita-zig-zag-section__headline {
		font-size: 2rem;
	}
}
@media (max-width: 768px) {
	.vita-zig-zag-section__headline {
		font-size: 1.8rem;
	}
}
@media (max-width: 480px) {
	.vita-zig-zag-section__headline {
		font-size: 1.6rem;
	}
}
.vita-zig-zag-section__body {
	font-size: 1.125rem;
	line-height: 1.7;
	color: var(--vita-text-dark);
	margin-bottom: 2rem;
}
@media (max-width: 768px) {
	.vita-zig-zag-section__body {
		font-size: 1rem;
	}
}
.vita-zig-zag-section__body p {
	margin-bottom: 1rem;
}
.vita-zig-zag-section__body p:last-child {
	margin-bottom: 0;
}
.vita-zig-zag-section__cta {
	margin-top: 2rem;
}
.vita-zig-zag-section__cta-button {
	background: var(--vita-blue-primary);
	color: var(--vita-white);
	padding: 1rem 2rem;
	border-radius: 50px;
	text-decoration: none;
	font-weight: 700;
	font-size: 0.9rem;
	display: inline-block;
	transition: var(--vita-transition);
	box-shadow: 0 4px 15px rgba(30, 90, 168, 0.3);
	text-transform: uppercase;
	letter-spacing: 1px;
}
.vita-zig-zag-section__cta-button:hover {
	background: var(--vita-blue-secondary);
	transform: translateY(-2px);
	box-shadow: 0 8px 25px rgba(30, 90, 168, 0.4);
	text-decoration: none;
	color: var(--vita-white);
}
@media (max-width: 768px) {
	.vita-zig-zag-section__cta-button {
		padding: 0.8rem 1.5rem;
		font-size: 0.85rem;
	}
}
.vita-zig-zag-section__image {
	position: relative;
	z-index: 2;
}
@media (max-width: 768px) {
	.vita-zig-zag-section__image {
		order: -1;
	}
}
.vita-zig-zag-section__image-wrapper {
	position: relative;
	overflow: hidden;
	transition: var(--vita-transition);
}
.vita-zig-zag-section__image-wrapper:hover {
	transform: translateY(-8px);
}
.vita-zig-zag-section__image-wrapper::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 60px;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1200 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,30 C200,0 400,60 600,30 C800,0 1000,60 1200,30 L1200,60 L0,60 Z' fill='%23ffffff'/%3E%3C/svg%3E");
	background-size: cover;
	background-repeat: no-repeat;
	top: 0;
	transform: scaleY(-1);
	z-index: 2;
	height: 40px;
	z-index: 10;
}
.vita-zig-zag-section__img {
	width: 100%;
	height: 400px;
	-o-object-fit: cover;
	object-fit: cover;
	display: block;
}
@media (max-width: 768px) {
	.vita-zig-zag-section__img {
		height: 300px;
	}
}
@media (min-width: 769px) {
	.vita-zig-zag-section__row--text-left .vita-zig-zag-section__grid .vita-zig-zag-section__content {
		order: 1;
	}
	.vita-zig-zag-section__row--text-left .vita-zig-zag-section__grid .vita-zig-zag-section__image {
		order: 2;
	}
}
@media (min-width: 769px) {
	.vita-zig-zag-section__row--text-left .vita-zig-zag-section__text-content {
		margin-right: -2rem;
		padding-right: 4rem;
	}
}
@media (min-width: 769px) {
	.vita-zig-zag-section__row--image-left .vita-zig-zag-section__grid .vita-zig-zag-section__content {
		order: 2;
	}
	.vita-zig-zag-section__row--image-left .vita-zig-zag-section__grid .vita-zig-zag-section__image {
		order: 1;
	}
}
@media (min-width: 769px) {
	.vita-zig-zag-section__row--image-left .vita-zig-zag-section__text-content {
		margin-left: -2rem;
		padding-left: 4rem;
	}
}
.vita-zig-zag-section__decorations {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 1;
}
.vita-zig-zag-section__decoration {
	position: absolute;
	opacity: 0.4;
}
.vita-zig-zag-section__decoration--leaf-1 {
	top: 10%;
	left: 5%;
	width: 80px;
	height: 80px;
	background: url("data:image/svg+xml,%3Csvg%20width%3D%22952%22%20height%3D%22968%22%20viewBox%3D%220%200%20952%20968%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M599.716%20743.074C595.55%20741.685%20591.499%20740.991%20587.449%20740.991C568.006%20740.991%20557.937%20757.774%20564.534%20778.608C569.973%20795.043%20584.093%20809.048%20599.716%20813.794C603.651%20814.951%20607.701%20815.761%20611.868%20815.761C631.426%20815.761%20641.379%20798.863%20634.783%20778.608C629.343%20761.825%20614.53%20748.514%20599.716%20743.074ZM952%20485.082C952%20485.082%20946.677%20247.807%20603.535%20247.807H599.6C550.183%20248.617%20510.488%20254.52%20476.232%20262.044C455.4%20266.673%20436.536%20271.535%20417.672%20276.164C399.502%20280.91%20381.217%20285.54%20362.931%20288.896C362.931%20288.896%20338.859%20107.063%20201.95%2016.0884C193.27%209.95395%20183.896%204.74549%20173.596%200C173.596%200%20185.285%2015.5097%20201.95%2042.9409C230.998%2092.9422%20276.133%20181.139%20299.627%20293.757C274.86%20294.336%20240.488%20294.336%20201.95%20290.864C136.562%20286.35%2060.0642%20273.502%200%20242.367C0%20242.367%2034.9506%20330.101%20201.95%20346.305C233.081%20348.967%20268.611%20349.662%20309.232%20347C312.473%20370.611%20315.25%20394.802%20315.829%20419.687C299.627%20423.043%20252.524%20433.113%20201.95%20458.692C159.592%20479.642%20114.458%20510.661%2084.8306%20556.496C42.3574%20626.636%2054.3935%20700.018%2061.2216%20722.241C67.1239%20742.611%20122.443%20766.802%20201.95%20731.732C210.861%20727.681%20220.004%20722.935%20230.188%20716.916C249.168%20704.185%20265.37%20690.643%20278.101%20679.3C266.643%20712.287%20251.946%20746.084%20234.239%20779.649C195.122%20843.656%20294.882%20907.662%20300.784%20913.681C302.288%20914.954%20325.782%20925.139%20362.816%20936.714C379.134%20941.343%20397.188%20946.668%20417.556%20951.529C435.726%20955.58%20455.284%20959.052%20476.116%20962.177C514.538%20967.617%20557.012%20969.701%20599.485%20966.46C684.315%20959.052%20769.956%20927.223%20829.094%20847.012C865.665%20776.987%20825.044%20665.873%20799.699%20601.173C799.699%20601.173%20813.702%20606.381%20821.919%20611.358C830.599%20616.798%20850.736%20590.987%20828.631%20574.204C806.295%20556.611%20736.973%20536.472%20702.601%20603.14C702.601%20603.14%20748.43%20585.547%20762.549%20587.515C762.549%20587.515%20844.139%20778.839%20772.618%20840.183C719.497%20885.323%20689.06%20908.241%20599.6%20911.482C568.006%20912.986%20528.773%20911.482%20479.009%20908.125L476.232%20907.431C454.59%20904.653%20435.147%20900.717%20417.672%20895.972C397.303%20890.648%20379.249%20883.819%20362.931%20876.527C329.369%20861.712%20305.066%20844.235%20288.169%20828.03C255.302%20797.127%20277.522%20774.904%20289.558%20749.209C289.558%20749.209%20342.91%20659.739%20362.931%20448.044C366.287%20414.247%20368.486%20377.209%20369.759%20336.814C369.759%20336.814%20389.202%20330.68%20417.672%20321.999C434.337%20316.675%20454.59%20310.656%20476.232%20304.406C503.891%20296.304%20534.328%20287.507%20561.294%20280.1C571.941%20277.438%20584.671%20276.164%20599.6%20276.164C691.838%20276.164%20842.056%20337.509%20871.683%20443.993C871.683%20443.993%20703.989%20446.539%20599.6%20392.024C575.297%20379.176%20555.16%20363.782%20540.231%20344.8C540.231%20344.8%20547.522%20375.82%20599.6%20410.89C621.705%20426.4%20652.142%20442.604%20693.921%20457.535C831.872%20507.189%20936.492%20491.679%20951.884%20485.082M295.807%20621.196C294.419%20622.47%20254.376%20665.642%20202.066%20692.032C187.252%20699.439%20171.166%20705.574%20154.963%20708.93C117.119%20713.56%2091.6586%20700.134%2088.4182%20696.661C88.4182%20696.661%2095.1306%20575.478%20202.181%20516.796C231.808%20501.286%20268.842%20489.827%20316.06%20487.165C313.398%20530.338%20307.265%20574.783%20296.039%20621.312M450.771%20418.413C450.771%20427.904%20462.228%20435.891%20476.347%20435.891C490.466%20435.891%20500.998%20427.904%20500.998%20418.413C500.998%20408.922%20489.888%20401.515%20476.347%20401.515C462.807%20401.515%20450.771%20408.922%20450.771%20418.413ZM417.788%20440.636C409.686%20442.604%20402.395%20451.285%20400.891%20462.165C399.618%20473.623%20406.214%20482.998%20415.704%20482.998H417.788C426.467%20481.841%20433.874%20472.929%20434.453%20462.165C436.073%20450.127%20430.055%20440.636%20420.565%20440.636H417.903H417.788ZM334.114%20786.131C334.114%20801.756%20346.96%20814.373%20362.931%20814.373C378.902%20814.373%20392.095%20801.641%20392.095%20786.131C392.095%20770.621%20379.365%20757.89%20362.931%20757.89C346.497%20757.89%20334.114%20770.737%20334.114%20786.131Z%22%20fill%3D%22%23F2C200%22%2F%3E%3C%2Fsvg%3E") no-repeat center;
	background-size: contain;
	animation: float 10s ease-in-out infinite;
}
@media (max-width: 768px) {
	.vita-zig-zag-section__decoration--leaf-1 {
		display: none;
	}
}
.vita-zig-zag-section__decoration--leaf-2 {
	bottom: 15%;
	right: 8%;
	width: 50px;
	height: 70px;
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 70"><path d="M25,5 Q35,20 40,35 Q35,50 25,65 Q15,50 10,35 Q15,20 25,5" fill="rgba(255,193,7,0.2)"/></svg>') no-repeat center;
	background-size: contain;
	animation: float 12s ease-in-out infinite reverse;
}
@media (max-width: 768px) {
	.vita-zig-zag-section__decoration--leaf-2 {
		display: none;
	}
}
.vita-zig-zag-section__decoration--grain-1 {
	top: 60%;
	right: 15%;
	width: 40px;
	height: 40px;
	background: url("data:image/svg+xml,%3Csvg%20width%3D%22952%22%20height%3D%22968%22%20viewBox%3D%220%200%20952%20968%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M599.716%20743.074C595.55%20741.685%20591.499%20740.991%20587.449%20740.991C568.006%20740.991%20557.937%20757.774%20564.534%20778.608C569.973%20795.043%20584.093%20809.048%20599.716%20813.794C603.651%20814.951%20607.701%20815.761%20611.868%20815.761C631.426%20815.761%20641.379%20798.863%20634.783%20778.608C629.343%20761.825%20614.53%20748.514%20599.716%20743.074ZM952%20485.082C952%20485.082%20946.677%20247.807%20603.535%20247.807H599.6C550.183%20248.617%20510.488%20254.52%20476.232%20262.044C455.4%20266.673%20436.536%20271.535%20417.672%20276.164C399.502%20280.91%20381.217%20285.54%20362.931%20288.896C362.931%20288.896%20338.859%20107.063%20201.95%2016.0884C193.27%209.95395%20183.896%204.74549%20173.596%200C173.596%200%20185.285%2015.5097%20201.95%2042.9409C230.998%2092.9422%20276.133%20181.139%20299.627%20293.757C274.86%20294.336%20240.488%20294.336%20201.95%20290.864C136.562%20286.35%2060.0642%20273.502%200%20242.367C0%20242.367%2034.9506%20330.101%20201.95%20346.305C233.081%20348.967%20268.611%20349.662%20309.232%20347C312.473%20370.611%20315.25%20394.802%20315.829%20419.687C299.627%20423.043%20252.524%20433.113%20201.95%20458.692C159.592%20479.642%20114.458%20510.661%2084.8306%20556.496C42.3574%20626.636%2054.3935%20700.018%2061.2216%20722.241C67.1239%20742.611%20122.443%20766.802%20201.95%20731.732C210.861%20727.681%20220.004%20722.935%20230.188%20716.916C249.168%20704.185%20265.37%20690.643%20278.101%20679.3C266.643%20712.287%20251.946%20746.084%20234.239%20779.649C195.122%20843.656%20294.882%20907.662%20300.784%20913.681C302.288%20914.954%20325.782%20925.139%20362.816%20936.714C379.134%20941.343%20397.188%20946.668%20417.556%20951.529C435.726%20955.58%20455.284%20959.052%20476.116%20962.177C514.538%20967.617%20557.012%20969.701%20599.485%20966.46C684.315%20959.052%20769.956%20927.223%20829.094%20847.012C865.665%20776.987%20825.044%20665.873%20799.699%20601.173C799.699%20601.173%20813.702%20606.381%20821.919%20611.358C830.599%20616.798%20850.736%20590.987%20828.631%20574.204C806.295%20556.611%20736.973%20536.472%20702.601%20603.14C702.601%20603.14%20748.43%20585.547%20762.549%20587.515C762.549%20587.515%20844.139%20778.839%20772.618%20840.183C719.497%20885.323%20689.06%20908.241%20599.6%20911.482C568.006%20912.986%20528.773%20911.482%20479.009%20908.125L476.232%20907.431C454.59%20904.653%20435.147%20900.717%20417.672%20895.972C397.303%20890.648%20379.249%20883.819%20362.931%20876.527C329.369%20861.712%20305.066%20844.235%20288.169%20828.03C255.302%20797.127%20277.522%20774.904%20289.558%20749.209C289.558%20749.209%20342.91%20659.739%20362.931%20448.044C366.287%20414.247%20368.486%20377.209%20369.759%20336.814C369.759%20336.814%20389.202%20330.68%20417.672%20321.999C434.337%20316.675%20454.59%20310.656%20476.232%20304.406C503.891%20296.304%20534.328%20287.507%20561.294%20280.1C571.941%20277.438%20584.671%20276.164%20599.6%20276.164C691.838%20276.164%20842.056%20337.509%20871.683%20443.993C871.683%20443.993%20703.989%20446.539%20599.6%20392.024C575.297%20379.176%20555.16%20363.782%20540.231%20344.8C540.231%20344.8%20547.522%20375.82%20599.6%20410.89C621.705%20426.4%20652.142%20442.604%20693.921%20457.535C831.872%20507.189%20936.492%20491.679%20951.884%20485.082M295.807%20621.196C294.419%20622.47%20254.376%20665.642%20202.066%20692.032C187.252%20699.439%20171.166%20705.574%20154.963%20708.93C117.119%20713.56%2091.6586%20700.134%2088.4182%20696.661C88.4182%20696.661%2095.1306%20575.478%20202.181%20516.796C231.808%20501.286%20268.842%20489.827%20316.06%20487.165C313.398%20530.338%20307.265%20574.783%20296.039%20621.312M450.771%20418.413C450.771%20427.904%20462.228%20435.891%20476.347%20435.891C490.466%20435.891%20500.998%20427.904%20500.998%20418.413C500.998%20408.922%20489.888%20401.515%20476.347%20401.515C462.807%20401.515%20450.771%20408.922%20450.771%20418.413ZM417.788%20440.636C409.686%20442.604%20402.395%20451.285%20400.891%20462.165C399.618%20473.623%20406.214%20482.998%20415.704%20482.998H417.788C426.467%20481.841%20433.874%20472.929%20434.453%20462.165C436.073%20450.127%20430.055%20440.636%20420.565%20440.636H417.903H417.788ZM334.114%20786.131C334.114%20801.756%20346.96%20814.373%20362.931%20814.373C378.902%20814.373%20392.095%20801.641%20392.095%20786.131C392.095%20770.621%20379.365%20757.89%20362.931%20757.89C346.497%20757.89%20334.114%20770.737%20334.114%20786.131Z%22%20fill%3D%22%23F2C200%22%2F%3E%3C%2Fsvg%3E") no-repeat center;
	background-size: contain;
	animation: float 15s ease-in-out infinite;
}
@media (max-width: 768px) {
	.vita-zig-zag-section__decoration--grain-1 {
		display: none;
	}
}
@media (max-width: 768px) {
	.vita-zig-zag-section__text-content {
		margin: 0 !important;
		padding: 2rem 1.5rem !important;
	}
	.vita-zig-zag-section__grid {
		text-align: center;
	}
}
@media (max-width: 480px) {
	.vita-zig-zag-section__text-content {
		padding: 1.5rem 1rem !important;
	}
}

@keyframes float {
	0%, 100% {
		transform: translateY(0px) rotate(0deg);
	}
	33% {
		transform: translateY(-20px) rotate(2deg);
	}
	66% {
		transform: translateY(-10px) rotate(-1deg);
	}
}
/* Popular Slider Sections
--------------------------------------------- */
/**
 * Enhanced Popular Slider Section Styles - Swiper Compatible
 *
 * Comprehensive styles for the horizontal slider component with enhanced features:
 * - Swiper.js integration for smooth carousel functionality
 * - Lazy loading and performance optimizations
 * - Multiple transition effects and hover animations
 * - Advanced accessibility support
 * - Responsive image handling with WebP support
 * - Custom aspect ratios and animation effects
 * - Edge fade effect with gradient masks
 * - Box-shadow preservation with proper overflow handling
 *
 * @package Vita_XYZ
 * @version 3.0.0 - Migrated to Swiper.js
 *
 * CHANGELOG v3.0.0 (Swiper Migration):
 * - Migrated from custom carousel to Swiper.js
 * - Added swiper-wrapper and swiper-slide compatibility
 * - Maintained all visual design and hover effects
 * - Optimized for Swiper's transform handling
 * - Preserved performance optimizations from v2.2.0
 *
 * CHANGELOG v2.2.0 (Performance Fix):
 * - CRITICAL: Removed excessive will-change properties causing severe lag
 * - Removed expensive filter: blur() from animations
 * - Eliminated all infinite animations (pulse, shimmer, glow)
 * - Reduced staggered animations from 12 to 6 items
 * - Cut animation delays from 0.1s to 0.05s per item
 *
 * /src/sass/components/_popular-slider.scss
 */
/* ========== MAIN SECTION CONTAINER ========== */
.vita-popular-slider-section {
	padding: 4rem 0;
	position: relative;
	overflow: hidden;
}
.vita-popular-slider-section--white {
	background-color: #ffffff;
}
.vita-popular-slider-section--light_blue {
	background: linear-gradient(135deg, #f8fbff 0%, #e8f4fd 100%);
}
.vita-popular-slider-section--gradient_blue {
	background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 50%, #60a5fa 100%);
	color: white;
}
.vita-popular-slider-section--gradient_blue .vita-popular-slider__title {
	color: white;
}
.vita-popular-slider-section--gradient_blue .vita-popular-slider__subtitle {
	color: rgba(255, 255, 255, 0.9);
}
.vita-popular-slider-section--gradient_blue .vita-slider-card__category {
	color: rgba(255, 255, 255, 0.8);
}
.vita-popular-slider-section--gradient_blue .vita-slider-nav {
	color: white;
	border-color: rgba(255, 255, 255, 0.3);
}
.vita-popular-slider-section--gradient_blue .vita-slider-nav:hover {
	background-color: rgba(255, 255, 255, 0.1);
	border-color: rgba(255, 255, 255, 0.5);
}
.vita-popular-slider-section--recipes .vita-slider-card__badge {
	background: linear-gradient(135deg, #f59e0b, #d97706);
}
.vita-popular-slider-section--products .vita-slider-card__badge {
	background: linear-gradient(135deg, #10b981, #059669);
}
.vita-popular-slider-section--posts .vita-slider-card__badge {
	background: linear-gradient(135deg, #6366f1, #4f46e5);
}
.vita-popular-slider-section--items-2 .vita-popular-slider__track {
	--items-per-row: 2;
}
.vita-popular-slider-section--items-3 .vita-popular-slider__track {
	--items-per-row: 3;
}
.vita-popular-slider-section--items-4 .vita-popular-slider__track {
	--items-per-row: 4;
}
.vita-popular-slider-section--hover-scale .vita-slider-card:hover {
	transform: translateY(-6px) scale(1.02);
}
.vita-popular-slider-section--hover-lift .vita-slider-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}
.vita-popular-slider-section--hover-rotate .vita-slider-card:hover {
	transform: translateY(-2px) rotate(1deg);
}
.vita-popular-slider-section--hover-glow .vita-slider-card:hover {
	box-shadow: 0 8px 20px rgba(59, 130, 246, 0.15);
}
.vita-popular-slider-section--transition-fade .vita-popular-slider__track .vita-popular-slider__item {
	opacity: 0.85;
	transition: opacity 0.25s ease;
}
.vita-popular-slider-section--transition-fade .vita-popular-slider__track .vita-popular-slider__item:first-child {
	opacity: 1;
}
.vita-popular-slider-section--transition-fade .vita-popular-slider__track .vita-popular-slider__item:hover {
	opacity: 1;
}
.vita-popular-slider-section--transition-slide .vita-popular-slider__track {
	transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.vita-popular-slider-section--transition-cube .vita-popular-slider__track {
	perspective: 1000px;
}
.vita-popular-slider-section--transition-cube .vita-popular-slider__track .vita-popular-slider__item {
	transform-style: preserve-3d;
	transition: transform 0.3s ease;
}
.vita-popular-slider-section--aspect-16x9 .vita-slider-card__image {
	aspect-ratio: 16/9;
}
.vita-popular-slider-section--aspect-4x3 .vita-slider-card__image {
	aspect-ratio: 4/3;
}
.vita-popular-slider-section--aspect-1x1 .vita-slider-card__image {
	aspect-ratio: 1/1;
}
.vita-popular-slider-section--aspect-3x4 .vita-slider-card__image {
	aspect-ratio: 3/4;
}
.vita-popular-slider-section--lazy-loading .vita-slider-card__img {
	opacity: 0;
	transition: opacity 0.3s ease;
}
.vita-popular-slider-section--lazy-loading .vita-slider-card__img.vita-image-loaded {
	opacity: 1;
}
.vita-popular-slider-section--with-excerpts .vita-slider-card__content {
	min-height: 140px;
}
.vita-popular-slider-section--parallax {
	position: relative;
	overflow: hidden;
}
.vita-popular-slider-section--parallax::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: inherit;
	transform: translateZ(-3px) scale(1.5);
	z-index: -1;
}

/* ========== SECTION HEADER ========== */
.vita-popular-slider__header {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 2rem;
	flex-wrap: wrap;
	gap: 1.5rem;
}
@media (max-width: 768px) {
	.vita-popular-slider__header {
		flex-direction: column;
		align-items: center;
		text-align: center;
		gap: 1rem;
	}
}

.vita-popular-slider__title {
	font-family: "Recoleta", sans-serif;
	font-size: clamp(2rem, 4vw, 3rem);
	font-weight: 900;
	line-height: 1.1;
	color: #134B8D;
	margin: 0;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}
@media (max-width: 768px) {
	.vita-popular-slider__title {
		font-size: 2.25rem;
	}
}

.vita-popular-slider__subtitle {
	font-size: 1.125rem;
	color: #5f6b82;
	margin-top: 0.5rem;
	margin-bottom: 0;
	max-width: 600px;
	line-height: 1.6;
}

/* ========== NAVIGATION CONTROLS ========== */
.vita-popular-slider__controls {
	display: flex;
	gap: 0.75rem;
	align-items: center;
}

.vita-slider-nav {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	border: 2px solid #e5e7eb;
	border-radius: 50%;
	background: white;
	color: #134B8D;
	cursor: pointer;
	transition: all 0.3s ease;
	position: relative;
	z-index: 2;
}
.vita-slider-nav:hover {
	background: #134B8D;
	border-color: #134B8D;
	color: white;
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}
.vita-slider-nav:disabled {
	opacity: 0.4;
	cursor: not-allowed;
	pointer-events: none;
}
.vita-slider-nav svg {
	width: 20px;
	height: 20px;
	transition: transform 0.2s ease;
}
.vita-slider-nav:hover svg {
	transform: scale(1.1);
}

/* ========== SLIDER CONTAINER ========== */
.vita-popular-slider__container {
	position: relative;
}
.vita-popular-slider__container.vita-slider--fade-edges {
	position: relative;
	--fade-width: 40px;
}
.vita-popular-slider__container.vita-slider--fade-edges::before, .vita-popular-slider__container.vita-slider--fade-edges::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	width: var(--fade-width);
	z-index: 10;
	pointer-events: none;
	transition: opacity 0.3s ease, width 0.3s ease;
}
.vita-popular-slider__container.vita-slider--fade-edges::before {
	left: 0;
	background: linear-gradient(to right, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.8) 30%, rgba(255, 255, 255, 0) 100%);
}
.vita-popular-slider__container.vita-slider--fade-edges::after {
	right: 0;
	background: linear-gradient(to left, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.8) 30%, rgba(255, 255, 255, 0) 100%);
}
.vita-popular-slider-section--gradient_blue .vita-popular-slider__container.vita-slider--fade-edges::before {
	background: linear-gradient(to right, rgb(30, 58, 138) 0%, rgba(30, 58, 138, 0.8) 30%, rgba(30, 58, 138, 0) 100%);
}
.vita-popular-slider-section--gradient_blue .vita-popular-slider__container.vita-slider--fade-edges::after {
	background: linear-gradient(to left, rgb(96, 165, 250) 0%, rgba(96, 165, 250, 0.8) 30%, rgba(96, 165, 250, 0) 100%);
}
.vita-popular-slider-section--light_blue .vita-popular-slider__container.vita-slider--fade-edges::before {
	background: linear-gradient(to right, rgb(248, 251, 255) 0%, rgba(248, 251, 255, 0.8) 30%, rgba(248, 251, 255, 0) 100%);
}
.vita-popular-slider-section--light_blue .vita-popular-slider__container.vita-slider--fade-edges::after {
	background: linear-gradient(to left, rgb(232, 244, 253) 0%, rgba(232, 244, 253, 0.8) 30%, rgba(232, 244, 253, 0) 100%);
}

.vita-popular-slider__wrapper {
	position: relative;
	overflow: hidden;
	padding: 1.5rem 0;
}
.vita-popular-slider__wrapper.swiper {
	overflow: hidden;
	width: 100%;
}

.vita-popular-slider__static {
	padding: 1.5rem 0;
}
.vita-popular-slider__static .vita-popular-slider__static-grid {
	display: grid;
	gap: 1.5rem;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.vita-popular-slider__track {
	display: flex;
	transition-timing-function: ease-out;
	padding: 0.5rem 0;
}
.vita-popular-slider__track.swiper-wrapper {
	display: flex;
	align-items: stretch;
	transition-timing-function: ease-out;
}
@media (max-width: 992px) {
	.vita-popular-slider__track {
		gap: 1.25rem;
	}
}
@media (max-width: 768px) {
	.vita-popular-slider__track {
		gap: 1rem;
	}
}

.vita-popular-slider__item {
	flex-shrink: 0;
	height: auto;
}
.vita-popular-slider__item.swiper-slide {
	width: auto;
	height: auto;
	display: flex;
	flex-direction: column;
}

/* ========== SLIDER CARDS ========== */
.vita-slider-card {
	background: white;
	border-radius: 16px;
	overflow: visible;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	height: 100%;
	display: flex;
	flex-direction: column;
	position: relative;
}
.vita-slider-card .vita-slider-card__image {
	border-radius: 16px 16px 0 0;
	overflow: hidden;
}
.vita-slider-card .vita-slider-card__content {
	border-radius: 0 0 16px 16px;
}
.vita-slider-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1);
}

.vita-slider-card__image {
	position: relative;
	aspect-ratio: 4/3;
	background: #f8fafc;
	overflow: hidden;
}
.vita-slider-card__image img, .vita-slider-card__image .vita-slider-card__img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	transition: transform 0.4s ease, opacity 0.3s ease;
}
.vita-slider-card:hover .vita-slider-card__image img, .vita-slider-card:hover .vita-slider-card__image .vita-slider-card__img {
	transform: scale(1.05);
}

.vita-slider-card__picture {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}
.vita-slider-card__picture::after {
	content: "";
	position: absolute;
	top: 8px;
	left: 8px;
	width: 6px;
	height: 6px;
	background: #10b981;
	border-radius: 50%;
	opacity: 0;
	transition: opacity 0.2s ease;
	z-index: 1;
}
.webp .vita-slider-card__picture::after {
	opacity: 1;
}

.vita-slider-card__placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%);
}
.vita-slider-card__placeholder svg {
	opacity: 0.6;
}

.vita-slider-card__badge {
	position: absolute;
	top: 1rem;
	right: 1rem;
	display: flex;
	align-items: center;
	gap: 0.375rem;
	padding: 0.5rem 0.75rem;
	background: linear-gradient(135deg, #1f2937 0%, #374151 100%);
	color: white;
	border-radius: 20px;
	font-size: 0.875rem;
	font-weight: 600;
	backdrop-filter: blur(8px);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
	z-index: 2;
}
.vita-slider-card__badge svg {
	width: 14px;
	height: 14px;
	opacity: 0.9;
}
.vita-slider-card__badge span {
	white-space: nowrap;
}

.vita-slider-card__content {
	padding: 1.5rem;
	flex: 1;
	display: flex;
	flex-direction: column;
}

.vita-slider-card__category {
	font-size: 0.75rem;
	font-weight: 700;
	color: #134B8D;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin-bottom: 0.75rem;
	line-height: 1;
}

.vita-slider-card__title {
	font-family: "Recoleta", sans-serif;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.3;
	color: #134B8D;
	margin: 0;
	margin-bottom: 0.75rem;
}
.vita-slider-card__title a {
	color: inherit;
	text-decoration: none;
	transition: color 0.2s ease;
	position: relative;
}
.vita-slider-card__title a:hover {
	color: #134B8D;
}
.vita-slider-card__title a:focus {
	outline: 2px solid #134B8D;
	outline-offset: 2px;
	border-radius: 2px;
}
.vita-slider-card__title a:focus-visible {
	outline: 2px solid #134B8D;
	outline-offset: 2px;
}
@media (max-width: 576px) {
	.vita-slider-card__title {
		font-size: 1.125rem;
	}
}

.vita-slider-card__excerpt {
	font-size: 0.875rem;
	line-height: 1.5;
	color: #5f6b82;
	margin-top: 0.5rem;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
@media (max-width: 576px) {
	.vita-slider-card__excerpt {
		font-size: 0.8125rem;
		-webkit-line-clamp: 2;
	}
}

/* ========== DOTS INDICATOR ========== */
.vita-popular-slider__dots {
	display: flex;
	justify-content: center;
	gap: 0.75rem;
	margin-top: 2rem;
}

.vita-slider-dot {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	border: none;
	background: #e5e7eb;
	cursor: pointer;
	transition: all 0.3s ease;
	position: relative;
}
.vita-slider-dot.active, .vita-slider-dot:hover {
	background: #134B8D;
	transform: scale(1.2);
}
.vita-slider-dot.active {
	box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.2);
}

/* ========== RESPONSIVE ADJUSTMENTS ========== */
@media (max-width: 1200px) {
	.vita-popular-slider-section {
		padding: 3rem 0;
	}
}
@media (max-width: 992px) {
	.vita-popular-slider__header {
		margin-bottom: 2rem;
	}
	.vita-popular-slider__title {
		font-size: 2.25rem;
	}
}
@media (max-width: 768px) {
	.vita-popular-slider-section {
		padding: 2.5rem 0;
	}
	.vita-slider-card__content {
		padding: 1.25rem;
	}
	.vita-slider-card__title {
		font-size: 1.125rem;
	}
}
@media (max-width: 576px) {
	.vita-popular-slider-section {
		padding: 2rem 0;
	}
	.vita-popular-slider__header {
		margin-bottom: 1.5rem;
	}
	.vita-popular-slider__title {
		font-size: 1.875rem;
	}
	.vita-slider-card__content {
		padding: 1rem;
	}
	.vita-slider-card__badge {
		top: 0.75rem;
		right: 0.75rem;
		padding: 0.375rem 0.625rem;
		font-size: 0.8125rem;
	}
}
/* ========== ACCESSIBILITY & INTERACTION STATES ========== */
.vita-slider-nav:focus,
.vita-slider-nav:focus-visible,
.vita-slider-dot:focus,
.vita-slider-dot:focus-visible {
	outline: 2px solid #134B8D;
	outline-offset: 2px;
	box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.2);
}

.vita-slider-card__image a:focus,
.vita-slider-card__image a:focus-visible {
	outline: 2px solid #134B8D;
	outline-offset: 2px;
	border-radius: 4px;
}

.vita-carousel-skip-link {
	position: absolute;
	top: -40px;
	left: 6px;
	background: #134B8D;
	color: white;
	padding: 8px 16px;
	text-decoration: none;
	border-radius: 4px;
	z-index: 100;
	transition: top 0.2s ease;
}
.vita-carousel-skip-link:focus {
	top: 6px;
}

@media (prefers-contrast: high) {
	.vita-slider-card {
		border: 2px solid currentColor;
	}
	.vita-slider-nav {
		border-width: 3px;
	}
	.vita-slider-dot {
		border: 2px solid currentColor;
	}
}
@media (prefers-reduced-motion: reduce) {
	.vita-popular-slider-section * {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
	}
	.vita-popular-slider__track {
		scroll-behavior: auto;
	}
	.vita-slider-card:hover {
		transform: none;
	}
}
/* ========== PRINT STYLES ========== */
@media print {
	.vita-popular-slider-section {
		padding: 1rem 0;
		background: white !important;
		color: black !important;
	}
	.vita-popular-slider__controls,
	.vita-popular-slider__dots {
		display: none;
	}
	.vita-popular-slider__track {
		display: grid !important;
		grid-template-columns: repeat(2, 1fr) !important;
		gap: 1rem !important;
		width: 100% !important;
		transform: none !important;
	}
	.vita-slider-card {
		-moz-column-break-inside: avoid;
		break-inside: avoid;
		box-shadow: none !important;
		border: 1px solid #ddd;
	}
}
/* ========== ENHANCED ANIMATION DEFINITIONS ========== */
@keyframes slideInEnhanced {
	from {
		opacity: 0;
		transform: translateY(20px) scale(0.98);
	}
	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}
@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes glow {
	0%, 100% {
		box-shadow: 0 4px 20px rgba(59, 130, 246, 0.1);
	}
	50% {
		box-shadow: 0 8px 32px rgba(59, 130, 246, 0.3);
	}
}
@keyframes pulse {
	0%, 100% {
		opacity: 1;
	}
	50% {
		opacity: 0.5;
	}
}
@keyframes shimmer {
	0% {
		background-position: -200px 0;
	}
	100% {
		background-position: calc(200px + 100%) 0;
	}
}
@keyframes slideReveal {
	from {
		transform: translateX(-100%);
	}
	to {
		transform: translateX(0);
	}
}
@keyframes scaleBounce {
	0% {
		transform: scale(0.8);
	}
	50% {
		transform: scale(1.05);
	}
	100% {
		transform: scale(1);
	}
}
.vita-popular-slider__item:nth-child(1) {
	animation: slideInEnhanced 0.5s cubic-bezier(0.4, 0, 0.2, 1) backwards;
	animation-delay: 0.05s;
}
.vita-popular-slider__item:nth-child(2) {
	animation: slideInEnhanced 0.5s cubic-bezier(0.4, 0, 0.2, 1) backwards;
	animation-delay: 0.1s;
}
.vita-popular-slider__item:nth-child(3) {
	animation: slideInEnhanced 0.5s cubic-bezier(0.4, 0, 0.2, 1) backwards;
	animation-delay: 0.15s;
}
.vita-popular-slider__item:nth-child(4) {
	animation: slideInEnhanced 0.5s cubic-bezier(0.4, 0, 0.2, 1) backwards;
	animation-delay: 0.2s;
}
.vita-popular-slider__item:nth-child(5) {
	animation: slideInEnhanced 0.5s cubic-bezier(0.4, 0, 0.2, 1) backwards;
	animation-delay: 0.25s;
}
.vita-popular-slider__item:nth-child(6) {
	animation: slideInEnhanced 0.5s cubic-bezier(0.4, 0, 0.2, 1) backwards;
	animation-delay: 0.3s;
}
.vita-popular-slider__item:nth-child(n+7) {
	opacity: 1;
	transform: none;
}

.vita-slider-card__placeholder {
	background: linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%);
}

.vita-popular-slider-section--hover-glow .vita-slider-card:hover {
	box-shadow: 0 8px 15px rgba(59, 130, 246, 0.15);
	transition: box-shadow 0.3s ease;
}
.vita-popular-slider-section--hover-scale .vita-slider-card:hover {
	transform: translateY(-4px) scale(1.02);
}

.vita-slider-nav:hover {
	transform: translateY(-2px) scale(1.02);
}
.vita-slider-nav:active {
	transform: scale(0.95);
}

.vita-slider-dot {
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.vita-slider-dot:hover {
	transform: scale(1.1);
}
.vita-slider-dot.active {
	transform: scale(1.2);
}

.vita-popular-slider-section .vita-popular-slider__track {
	backface-visibility: hidden;
}
.vita-popular-slider-section .vita-slider-card {
	backface-visibility: hidden;
}
.vita-popular-slider-section .vita-slider-card:hover {
	will-change: transform, box-shadow;
}
.vita-popular-slider-section .vita-slider-card:not(:hover) {
	will-change: auto;
}
.vita-popular-slider-section.is-sliding .vita-popular-slider__track {
	will-change: transform;
}
.vita-popular-slider-section:not(.is-sliding) .vita-popular-slider__track {
	will-change: auto;
}

.vita-popular-slider-section.is-dragging .vita-slider-card {
	transition: none;
	pointer-events: none;
}
.vita-popular-slider-section.is-dragging .vita-popular-slider__track {
	cursor: grabbing;
}

/* Standardized Cards
--------------------------------------------- */
/**
 * Standardized Card Components - Swiper Compatible
 *
 * Reusable card styles that maintain consistent design across
 * all archive pages, product listings, news sections, etc.
 * Updated to work seamlessly with Swiper carousels.
 *
 * @package Vita_XYZ
 * @version 2.0.0 - Swiper compatibility added
 * @since 1.0.0
 * /src/sass/components/_standardized-cards.scss
 *
 * Changes in v2.0.0:
 * - Added Swiper slide compatibility
 * - Maintained all visual design and animations
 * - Optimized for carousel layouts
 */
/* ========== BASE CARD COMPONENT ========== */
.vita-archive-post-card, .vita-news-card,
.news-card, .vita-product-card, .vita-recipe-card,
.recipe-card {
	background: white;
	border-radius: 16px;
	overflow: hidden;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	height: 100%;
	display: flex;
	flex-direction: column;
}
.swiper-slide.vita-archive-post-card, .swiper-slide.vita-news-card,
.swiper-slide.news-card, .swiper-slide.vita-product-card, .swiper-slide.vita-recipe-card,
.swiper-slide.recipe-card {
	height: auto;
	display: flex;
}
.vita-archive-post-card:hover, .vita-news-card:hover,
.news-card:hover, .vita-product-card:hover, .vita-recipe-card:hover,
.recipe-card:hover {
	transform: translateY(-8px);
}

.vita-archive-post__image, .vita-news-card__image,
.news-card .news-image, .vita-product-card__image, .vita-recipe-card__image,
.recipe-card .recipe-image {
	position: relative;
	background: #f8fafc;
	overflow: hidden;
}
.vita-archive-post__image img, .vita-news-card__image img,
.news-card .news-image img, .vita-product-card__image img, .vita-recipe-card__image img,
.recipe-card .recipe-image img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	transition: transform 0.4s ease;
}
.vita-archive-post__image:hover img, .vita-news-card__image:hover img,
.news-card .news-image:hover img, .vita-product-card__image:hover img, .vita-recipe-card__image:hover img,
.recipe-card .recipe-image:hover img {
	transform: scale(1.05);
}

.vita-archive-post__content, .vita-news-card__content,
.news-card .news-info, .vita-product-card__content, .vita-recipe-card__content,
.recipe-card .recipe-info {
	padding: 1.5rem;
	flex: 1;
	display: flex;
	flex-direction: column;
}

.vita-archive-post__title, .vita-news-card__title,
.news-card .news-title, .vita-product-card__title, .vita-recipe-card__title,
.recipe-card .recipe-name {
	font-family: "Recoleta", sans-serif;
	font-weight: 700;
	line-height: 1.3;
	color: #134B8D;
	margin: 0;
}
.vita-archive-post__title a, .vita-news-card__title a,
.news-card .news-title a, .vita-product-card__title a, .vita-recipe-card__title a,
.recipe-card .recipe-name a {
	color: inherit;
	text-decoration: none;
	transition: color 0.2s ease;
}
.vita-archive-post__title a:hover, .vita-news-card__title a:hover,
.news-card .news-title a:hover, .vita-product-card__title a:hover, .vita-recipe-card__title a:hover,
.recipe-card .recipe-name a:hover {
	color: #134B8D;
}

.vita-archive-post__meta, .vita-news-card__meta,
.news-card .news-meta, .vita-product-card__meta, .vita-recipe-card__info {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-size: 0.875rem;
	color: #5f6b82;
}

.vita-recipe-card__time,
.recipe-card .recipe-time,
.vita-recipe-card__meta-overlay {
	display: inline-flex;
	align-items: center;
	gap: 0.375rem;
	padding: 0.375rem 0.75rem;
	background: linear-gradient(135deg, #1f2937 0%, #374151 100%);
	color: white;
	border-radius: 20px;
	font-size: 0.875rem;
	font-weight: 600;
	backdrop-filter: blur(8px);
}
.vita-recipe-card__time svg,
.recipe-card .recipe-time svg,
.vita-recipe-card__meta-overlay svg {
	width: 14px;
	height: 14px;
	opacity: 0.9;
}

/* ========== RECIPE CARDS ========== */
.vita-recipe-card__image,
.recipe-card .recipe-image {
	aspect-ratio: 4/3;
}

.vita-recipe-card__title,
.recipe-card .recipe-name {
	font-size: 1.25rem;
	margin-bottom: 0.75rem;
}
@media (max-width: 576px) {
	.vita-recipe-card__title,
	.recipe-card .recipe-name {
		font-size: 1.125rem;
	}
}

.vita-recipe-card__time,
.recipe-card .recipe-time,
.vita-recipe-card__meta-overlay {
	position: absolute;
	top: 1rem;
	right: 1rem;
	z-index: 2;
}

.vita-recipe-card__category {
	font-size: 0.75rem;
	font-weight: 700;
	color: #134B8D;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin-bottom: 0.75rem;
	line-height: 1;
}

.vita-recipe-card__excerpt {
	font-size: 0.875rem;
	line-height: 1.5;
	color: #5f6b82;
	margin-bottom: 1rem;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.vita-recipe-card__info {
	margin-top: auto;
	padding-top: 1rem;
	border-top: 1px solid #f1f5f9;
}

/* ========== PRODUCT CARDS ========== */
.vita-product-card__image {
	aspect-ratio: 1;
}

.vita-product-card__title {
	font-size: 1.125rem;
	margin-bottom: 0.5rem;
}

.vita-product-card__category {
	font-size: 0.75rem;
	font-weight: 600;
	color: #134B8D;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin-bottom: 0.5rem;
}

.vita-product-card__description {
	font-size: 0.875rem;
	line-height: 1.5;
	color: #5f6b82;
	margin-bottom: 1rem;
	flex: 1;
}

.vita-product-card__meta {
	justify-content: space-between;
	margin-top: auto;
}

/* ========== NEWS CARDS ========== */
.vita-news-card__image,
.news-card .news-image {
	aspect-ratio: 16/10;
}

.vita-news-card__title,
.news-card .news-title {
	font-size: 1.25rem;
	margin-bottom: 0.75rem;
}
@media (max-width: 576px) {
	.vita-news-card__title,
	.news-card .news-title {
		font-size: 1.125rem;
	}
}

.vita-news-card__meta,
.news-card .news-meta {
	margin-bottom: 0.75rem;
}

.vita-news-card__date,
.news-card .news-date {
	font-weight: 600;
}

.vita-news-card__category,
.news-card .news-category {
	color: #134B8D;
	font-weight: 600;
}

.vita-news-card__excerpt,
.news-card .news-excerpt {
	font-size: 0.875rem;
	line-height: 1.6;
	color: #5f6b82;
	margin-bottom: 1rem;
	flex: 1;
}

.vita-news-card__footer,
.news-card .news-footer {
	margin-top: auto;
}

.vita-news-card__link,
.news-card .news-link {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	color: #134B8D;
	text-decoration: none;
	font-weight: 600;
	font-size: 0.875rem;
	transition: all 0.2s ease;
}
.vita-news-card__link:hover,
.news-card .news-link:hover {
	color: rgb(12.94375, 51.09375, 96.05625);
	transform: translateX(2px);
}
.vita-news-card__link svg,
.news-card .news-link svg {
	width: 16px;
	height: 16px;
	transition: transform 0.2s ease;
}
.vita-news-card__link:hover svg,
.news-card .news-link:hover svg {
	transform: translateX(2px);
}

/* ========== ARCHIVE CARDS (Generic Posts) ========== */
.vita-archive-post__image {
	aspect-ratio: 16/10;
}

.vita-archive-post__title {
	font-size: 1.25rem;
	margin-bottom: 0.75rem;
}

.vita-archive-post__meta {
	margin-bottom: 0.75rem;
}

.vita-archive-post__excerpt {
	font-size: 0.875rem;
	line-height: 1.6;
	color: #5f6b82;
	margin-bottom: 1rem;
	flex: 1;
}

.vita-archive-post__footer {
	margin-top: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/* ========== GRID LAYOUTS ========== */
.vita-cards-grid {
	display: grid;
	gap: 2rem;
}
.vita-cards-grid--3-cols {
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}
.vita-cards-grid--4-cols {
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}
.vita-cards-grid--2-cols {
	grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
}
@media (max-width: 992px) {
	.vita-cards-grid {
		gap: 1.5rem;
	}
	.vita-cards-grid--3-cols, .vita-cards-grid--4-cols {
		grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	}
	.vita-cards-grid--2-cols {
		grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
	}
}
@media (max-width: 768px) {
	.vita-cards-grid {
		gap: 1.25rem;
	}
	.vita-cards-grid--3-cols, .vita-cards-grid--4-cols, .vita-cards-grid--2-cols {
		grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	}
}
@media (max-width: 576px) {
	.vita-cards-grid {
		gap: 1rem;
	}
	.vita-cards-grid--3-cols, .vita-cards-grid--4-cols, .vita-cards-grid--2-cols {
		grid-template-columns: 1fr;
	}
}

/* ========== CAROUSEL LAYOUTS ========== */
.vita-cards-carousel {
	position: relative;
	overflow: hidden;
}

.vita-cards-carousel__track {
	display: flex;
	gap: 1.5rem;
	transition: transform 0.4s ease;
}

.vita-cards-carousel__item {
	flex: 0 0 300px;
}
@media (max-width: 768px) {
	.vita-cards-carousel__item {
		flex: 0 0 280px;
	}
}
@media (max-width: 576px) {
	.vita-cards-carousel__item {
		flex: 0 0 250px;
	}
}

.vita-carousel-nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 48px;
	height: 48px;
	border: 2px solid #e5e7eb;
	border-radius: 50%;
	background: white;
	color: #134B8D;
	cursor: pointer;
	transition: all 0.3s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
}
.vita-carousel-nav:hover {
	background: #134B8D;
	border-color: #134B8D;
	color: white;
	transform: translateY(-50%) translateY(-2px);
}
.vita-carousel-nav--prev {
	left: -24px;
}
.vita-carousel-nav--next {
	right: -24px;
}
.vita-carousel-nav svg {
	width: 20px;
	height: 20px;
}

/* ========== RESPONSIVE HELPERS ========== */
@media (max-width: 576px) {
	.vita-cards-responsive .vita-recipe-card__content,
	.vita-cards-responsive .vita-product-card__content,
	.vita-cards-responsive .vita-news-card__content,
	.vita-cards-responsive .vita-archive-post__content {
		padding: 1.25rem;
	}
	.vita-cards-responsive .vita-recipe-card__title,
	.vita-cards-responsive .vita-product-card__title,
	.vita-cards-responsive .vita-news-card__title,
	.vita-cards-responsive .vita-archive-post__title {
		font-size: 1.125rem;
	}
}

/* ========== ENHANCED MOBILE CAROUSEL SYSTEM ========== */
.vita-cards-carousel {
	position: relative;
	overflow: hidden;
}
.vita-cards-carousel.is-dragging {
	cursor: grabbing;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.vita-cards-carousel.is-dragging .vita-cards-carousel__track {
	transition: none !important;
}
.vita-cards-carousel.is-dragging .vita-cards-carousel__item {
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
@media (max-width: 768px) {
	.vita-cards-carousel .vita-carousel-nav {
		opacity: 0;
		pointer-events: none;
		transform: translateY(-50%) scale(0.8);
		transition: all 0.3s ease;
	}
	.vita-cards-carousel:hover .vita-carousel-nav, .vita-cards-carousel:focus-within .vita-carousel-nav, .vita-cards-carousel.show-nav .vita-carousel-nav {
		opacity: 1;
		pointer-events: auto;
		transform: translateY(-50%) scale(1);
	}
	.vita-cards-carousel .vita-cards-carousel__track {
		scroll-behavior: smooth;
		-webkit-overflow-scrolling: touch;
		scroll-snap-type: x mandatory;
	}
	.vita-cards-carousel .vita-cards-carousel__item {
		scroll-snap-align: center;
		-moz-user-select: none;
		user-select: none;
		-webkit-user-select: none;
	}
}
.vita-cards-carousel::after {
	content: "";
	position: absolute;
	bottom: -30px;
	left: 50%;
	transform: translateX(-50%);
	width: 40px;
	height: 4px;
	background: linear-gradient(90deg, transparent, rgba(19, 75, 141, 0.3), transparent);
	border-radius: 2px;
	opacity: 0;
	transition: opacity 0.3s ease;
}
@media (max-width: 768px) {
	.vita-cards-carousel::after {
		opacity: 1;
	}
}
.vita-cards-carousel.show-swipe-hint .vita-cards-carousel__track {
	animation: swipeHint 2s ease-in-out;
}
.vita-cards-carousel.vita-carousel-initialized .vita-cards-carousel__item {
	transition: transform 0.2s ease;
}

@keyframes swipeHint {
	0%, 100% {
		transform: translateX(0);
	}
	25% {
		transform: translateX(-15px);
	}
	75% {
		transform: translateX(15px);
	}
}
.vita-cards-carousel__track {
	display: flex;
	gap: 1.5rem;
	transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	will-change: transform;
}
@media (max-width: 768px) {
	.vita-cards-carousel__track {
		gap: 1rem;
	}
}

.vita-cards-carousel__item {
	flex: 0 0 300px;
	min-width: 0;
}
@media (max-width: 992px) {
	.vita-cards-carousel__item {
		flex: 0 0 280px;
	}
}
@media (max-width: 768px) {
	.vita-cards-carousel__item {
		flex: 0 0 calc(100vw - 40px);
		max-width: 350px;
	}
}
@media (max-width: 576px) {
	.vita-cards-carousel__item {
		flex: 0 0 calc(100vw - 32px);
		max-width: 320px;
	}
}

.vita-carousel-nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 48px;
	height: 48px;
	border: 2px solid #e2e8f0;
	border-radius: 50%;
	background: #ffffff;
	color: #134B8D;
	cursor: pointer;
	transition: all 0.3s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
}
@media (max-width: 768px) {
	.vita-carousel-nav {
		width: 44px;
		height: 44px;
		border-radius: 22px;
	}
	.vita-carousel-nav--prev {
		left: 10px;
	}
	.vita-carousel-nav--next {
		right: 10px;
	}
}
.vita-carousel-nav:hover {
	background: #134B8D;
	border-color: #134B8D;
	color: #ffffff;
	transform: translateY(-50%) translateY(-2px);
}
.vita-carousel-nav:active {
	transform: translateY(-50%) scale(0.95);
	transition: transform 0.1s ease;
}
.vita-carousel-nav--prev {
	left: -24px;
}
@media (max-width: 768px) {
	.vita-carousel-nav--prev {
		left: 10px;
	}
}
.vita-carousel-nav--next {
	right: -24px;
}
@media (max-width: 768px) {
	.vita-carousel-nav--next {
		right: 10px;
	}
}
.vita-carousel-nav:disabled {
	opacity: 0.4;
	cursor: not-allowed;
	pointer-events: none;
}
.vita-carousel-nav svg {
	width: 20px;
	height: 20px;
	transition: transform 0.2s ease;
}
.vita-carousel-nav:hover svg {
	transform: scale(1.1);
}

.vita-popular-slider-section.vita-carousel-enhanced .vita-popular-slider__wrapper {
	position: relative;
	overflow: hidden;
}
.vita-popular-slider-section.vita-carousel-enhanced .vita-popular-slider__track {
	will-change: transform;
	backface-visibility: hidden;
	perspective: 1000px;
}
.vita-popular-slider-section.vita-carousel-enhanced .vita-popular-slider__item {
	transform: translateZ(0);
}
.vita-popular-slider-section.vita-carousel-enhanced .vita-popular-slider__item:hover {
	transform: translateZ(0) translateY(-4px);
	transition: transform 0.3s ease;
}
@media (max-width: 768px) {
	.vita-popular-slider-section.vita-carousel-enhanced.is-dragging .vita-popular-slider__item {
		transform: translateZ(0) scale(0.98);
	}
}

.vita-products__carousel.vita-carousel-initialized .vita-products__track,
.vita-products__carousel.vita-carousel-initialized .vita-recipes__track,
.vita-products__carousel.vita-carousel-initialized .vita-info-cards__track,
.vita-recipes__carousel.vita-carousel-initialized .vita-products__track,
.vita-recipes__carousel.vita-carousel-initialized .vita-recipes__track,
.vita-recipes__carousel.vita-carousel-initialized .vita-info-cards__track,
.vita-info-cards__carousel.vita-carousel-initialized .vita-products__track,
.vita-info-cards__carousel.vita-carousel-initialized .vita-recipes__track,
.vita-info-cards__carousel.vita-carousel-initialized .vita-info-cards__track {
	will-change: transform;
	backface-visibility: hidden;
}
@media (max-width: 768px) {
	.vita-products__carousel.vita-carousel-initialized::before,
	.vita-recipes__carousel.vita-carousel-initialized::before,
	.vita-info-cards__carousel.vita-carousel-initialized::before {
		content: "← Swipe →";
		position: absolute;
		top: -30px;
		right: 0;
		font-size: 0.75rem;
		color: #5f6b82;
		opacity: 0;
		animation: fadeInHint 0.5s ease 2s forwards;
	}
}

@keyframes fadeInHint {
	0% {
		opacity: 0;
		transform: translateY(-10px);
	}
	100% {
		opacity: 0.7;
		transform: translateY(0);
	}
}
@media (max-width: 768px) {
	.products-carousel.vita-carousel-initialized .carousel-nav,
	.recipes-carousel.vita-carousel-initialized .carousel-nav {
		display: none;
	}
	.products-carousel.vita-carousel-initialized::after,
	.recipes-carousel.vita-carousel-initialized::after {
		content: "";
		position: absolute;
		bottom: -25px;
		left: 50%;
		transform: translateX(-50%);
		width: 50px;
		height: 3px;
		background: linear-gradient(90deg, transparent, rgba(19, 75, 141, 0.4), transparent);
		border-radius: 2px;
	}
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.vita-carousel-initialized .vita-cards-carousel__track,
.vita-carousel-initialized .vita-popular-slider__track,
.vita-carousel-initialized .vita-products__track,
.vita-carousel-initialized .vita-recipes__track,
.vita-carousel-initialized .vita-info-cards__track {
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
	will-change: transform;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	perspective: 1000px;
	-webkit-perspective: 1000px;
}

@media (max-width: 576px) {
	.vita-cards-responsive .vita-recipe-card__content,
	.vita-cards-responsive .vita-product-card__content,
	.vita-cards-responsive .vita-news-card__content,
	.vita-cards-responsive .vita-archive-post__content {
		padding: 1.25rem;
	}
	.vita-cards-responsive .vita-recipe-card__title,
	.vita-cards-responsive .vita-product-card__title,
	.vita-cards-responsive .vita-news-card__title,
	.vita-cards-responsive .vita-archive-post__title {
		font-size: 1.125rem;
	}
}
/* Archive Headers
--------------------------------------------- */
/**
 * Standardized Archive Header Component
 *
 * Reusable header styles for all archive pages including
 * products, recipes, news, and generic archives.
 *
 * @package Vita_XYZ
 * @since 1.0.0
 * /src/sass/components/_archive-headers.scss

 */
/* ========== BASE ARCHIVE HEADER ========== */
.vita-archive-header,
.vita-recipes-header,
.vita-products-header, .vita-category-archive .vita-archive-header, .vita-tag-archive .vita-archive-header, .vita-taxonomy-archive .vita-archive-header, .vita-date-archive .vita-archive-header {
	margin-top: 4%;
	background: linear-gradient(135deg, #d7eefc 0%, #a7d6f5 100%);
	padding: 6% 0 80px;
	position: relative;
	overflow: hidden;
}
.vita-archive-header::after,
.vita-recipes-header::after,
.vita-products-header::after, .vita-category-archive .vita-archive-header::after, .vita-tag-archive .vita-archive-header::after, .vita-taxonomy-archive .vita-archive-header::after, .vita-date-archive .vita-archive-header::after {
	content: "";
	position: absolute;
	bottom: -1px;
	left: 0;
	right: 0;
	height: 60px;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1200 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,30 C200,0 400,60 600,30 C800,0 1000,60 1200,30 L1200,60 L0,60 Z' fill='%23ffffff'/%3E%3C/svg%3E");
	background-size: cover;
	background-repeat: no-repeat;
}
.vita-archive-header .vita-container,
.vita-recipes-header .vita-container,
.vita-products-header .vita-container,
.vita-archive-header .container,
.vita-recipes-header .container,
.vita-products-header .container {
	position: relative;
	z-index: 2;
}

.vita-archive-header__content,
.vita-recipes-header__content,
.vita-products-header__content {
	text-align: center;
	max-width: 800px;
	margin: 0 auto;
}

.vita-archive-header__title,
.vita-recipes-header__title,
.vita-products-header__title {
	font-family: "Recoleta", sans-serif;
	font-size: clamp(2.5rem, 5vw, 4rem);
	font-weight: 900;
	line-height: 1.1;
	color: #134B8D;
	margin: 0 0 1rem;
	letter-spacing: -0.02em;
	text-transform: uppercase;
}

.vita-page-hero__description, .vita-archive-header__description,
.vita-recipes-header__description,
.vita-products-header__description {
	font-size: 1.25rem;
	line-height: 1.6;
	color: #5f6b82;
	max-width: 600px;
	margin: 0 auto;
}

.vita-archive-header__decoration,
.vita-recipes-header__decoration,
.vita-products-header__decoration {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	pointer-events: none;
	z-index: 1;
}

/* ========== STANDARDIZED ARCHIVE HEADERS ========== */
.vita-archive-header--product_category,
.vita-recipes-header--product_category,
.vita-products-header--product_category,
.vita-taxonomy-archive .vita-archive-header--product_category {
	background: linear-gradient(135deg, #1f56a9 0%, #F7F9FA 50%, #ffffff 100%);
}
.vita-archive-header--recipe_category,
.vita-recipes-header--recipe_category,
.vita-products-header--recipe_category,
.vita-taxonomy-archive .vita-archive-header--recipe_category {
	background: linear-gradient(135deg, #f2c200 0%, #F7F9FA 50%, #ffffff 100%);
}
.vita-archive-header--custom,
.vita-recipes-header--custom,
.vita-products-header--custom,
.vita-taxonomy-archive .vita-archive-header--custom {
	background: linear-gradient(135deg, #d7eefc 0%, #1f56a9 50%, #ffffff 100%);
}

.vita-page-hero__description {
	margin: unset;
	color: #d7eefc;
	text-align: left;
}

.vita-news-header__wave-bottom,
.vita-archive-header__wave-bottom,
.vita-recipes-header__wave-bottom,
.vita-products-header__wave-bottom {
	position: relative;
}
.vita-news-header__wave-bottom::after,
.vita-archive-header__wave-bottom::after,
.vita-recipes-header__wave-bottom::after,
.vita-products-header__wave-bottom::after {
	height: 60px !important;
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 40px;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1200 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,30 C200,0 400,60 600,30 C800,0 1000,60 1200,30 L1200,60 L0,60 Z' fill='%23ffffff'/%3E%3C/svg%3E");
	background-size: cover;
	background-repeat: no-repeat;
	z-index: 1;
}

/* ========== BREADCRUMBS ========== */
.vita-archive-header__breadcrumb {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	margin-bottom: 1.5rem;
	font-size: 0.875rem;
}
.vita-archive-header__breadcrumb a {
	color: #5f6b82;
	text-decoration: none;
	transition: color 0.2s ease;
}
.vita-archive-header__breadcrumb a:hover {
	color: #134B8D;
}
.vita-archive-header__breadcrumb .vita-breadcrumb-separator {
	color: #d1d5db;
}
.vita-archive-header__breadcrumb .vita-breadcrumb-current {
	color: #134B8D;
	font-weight: 600;
}

/* ========== TYPE INDICATORS ========== */
.vita-archive-header__type-indicator,
.vita-archive-header__taxonomy-indicator {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	margin-bottom: 1rem;
	font-size: 0.875rem;
	font-weight: 600;
	color: #134B8D;
	padding: 12px 24px;
	background: rgba(19, 75, 141, 0.1);
	border-radius: 30px;
}
.vita-archive-header__type-indicator svg,
.vita-archive-header__type-indicator .vita-taxonomy-icon,
.vita-archive-header__taxonomy-indicator svg,
.vita-archive-header__taxonomy-indicator .vita-taxonomy-icon {
	width: 20px;
	height: 20px;
	fill: #f2c200;
}
.vita-archive-header__type-indicator--product_category .vita-taxonomy-icon,
.vita-archive-header__taxonomy-indicator--product_category .vita-taxonomy-icon {
	fill: #38a169;
}
.vita-archive-header__type-indicator--recipe_category .vita-taxonomy-icon,
.vita-archive-header__taxonomy-indicator--recipe_category .vita-taxonomy-icon {
	fill: #f2c200;
}

/* ========== META INFORMATION ========== */
.vita-archive-header__meta {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1.5rem;
	margin-top: 2rem;
}
@media (max-width: 576px) {
	.vita-archive-header__meta {
		flex-direction: column;
		gap: 1rem;
	}
}

.vita-archive-meta__count {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-size: 0.875rem;
	font-weight: 600;
	color: #5f6b82;
	background: white;
	padding: 0.5rem 1rem;
	border-radius: 20px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.vita-archive-meta__author-info {
	display: flex;
	align-items: center;
	gap: 0.75rem;
}
.vita-archive-meta__author-info .vita-author-avatar {
	border-radius: 50%;
	border: 2px solid white;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.vita-archive-meta__author-info .vita-author-name {
	font-weight: 600;
	color: #134B8D;
}

/* ========== FLOATING DECORATIVE ELEMENTS ========== */
.vita-floating-element {
	position: absolute;
	pointer-events: none;
	opacity: 0.08;
}
.vita-floating-element--1, .vita-floating-element--2, .vita-floating-element--3 {
	background: rgba(255, 255, 255, 0.1);
	border-radius: 50%;
	animation: float 6s ease-in-out infinite;
}
.vita-floating-element--1 {
	width: 60px;
	height: 60px;
	top: 20%;
	left: 10%;
	animation-delay: 0s;
}
.vita-taxonomy-archive .vita-floating-element--1 {
	top: 15%;
	left: 8%;
	width: 80px;
	height: 80px;
	background: #f2c200;
	border-radius: 60% 40% 30% 70%/60% 30% 70% 40%;
	transform: rotate(25deg);
}
.vita-floating-element--2 {
	width: 40px;
	height: 40px;
	top: 60%;
	right: 15%;
	animation-delay: 2s;
}
.vita-taxonomy-archive .vita-floating-element--2 {
	top: 55%;
	right: 10%;
	width: 100px;
	height: 60px;
	background: #134B8D;
	border-radius: 40% 60% 50% 50%/30% 70% 30% 70%;
	transform: rotate(-15deg);
}
.vita-floating-element--3 {
	width: 80px;
	height: 80px;
	bottom: 30%;
	left: 20%;
	animation-delay: 4s;
}
.vita-taxonomy-archive .vita-floating-element--3 {
	bottom: 20%;
	left: 15%;
	width: 60px;
	height: 90px;
	background: #f2c200;
	border-radius: 50% 50% 60% 40%/70% 30% 40% 60%;
	transform: rotate(35deg);
}

@keyframes float {
	0%, 100% {
		transform: translateY(0px) rotate(0deg);
		opacity: 0.5;
	}
	50% {
		transform: translateY(-20px) rotate(180deg);
		opacity: 0.8;
	}
}
/* ========== FILTER SECTIONS ========== */
.vita-archive-filters {
	background: white;
	padding: 2rem 0;
	border-bottom: 1px solid #e5e7eb;
}

.vita-archive-filters__wrapper {
	width: 100%;
	max-width: 1400px !important;
	margin: 0 auto;
	padding: 0 20px;
}
@media (min-width: 1000px) {
	.vita-archive-filters__wrapper {
		padding: 0 40px;
	}
}
@media (min-width: 1400px) {
	.vita-archive-filters__wrapper {
		padding: 0 60px;
	}
}
.vita-archive-filters__wrapper {
	margin: 0 auto;
}

.vita-archive-filters__header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1.5rem;
}
@media (max-width: 768px) {
	.vita-archive-filters__header {
		flex-direction: column;
		gap: 1rem;
		text-align: center;
	}
}

.vita-archive-filters__title {
	font-family: "Recoleta", sans-serif;
	font-size: 1.5rem;
	font-weight: 700;
	color: #134B8D;
	margin: 0;
}

.vita-archive-filters__toggle {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.75rem 1.5rem;
	border: 2px solid #134B8D;
	background: white;
	color: #134B8D;
	border-radius: 30px;
	font-weight: 600;
	cursor: pointer;
	transition: all 0.3s ease;
}
.vita-archive-filters__toggle:hover {
	background: #134B8D;
	color: white;
}
.vita-archive-filters__toggle svg {
	width: 20px;
	height: 20px;
}
@media (min-width: 993px) {
	.vita-archive-filters__toggle {
		display: none;
	}
}

.vita-archive-filters__content {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 2rem;
}
@media (max-width: 992px) {
	.vita-archive-filters__content {
		display: none;
	}
	.vita-archive-filters__content.active {
		display: grid;
	}
}
@media (max-width: 768px) {
	.vita-archive-filters__content {
		grid-template-columns: 1fr;
		gap: 1.5rem;
	}
}

.vita-filter-group__title {
	font-weight: 700;
	color: #134B8D;
	margin: 0 0 1rem;
	font-size: 1rem;
}
.vita-filter-group__options {
	display: flex;
	flex-direction: column;
	gap: 0.75rem;
}

.vita-filter-option {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	cursor: pointer;
}
.vita-filter-option input[type=checkbox] {
	width: 18px;
	height: 18px;
	accent-color: #134B8D;
}
.vita-filter-option span {
	font-size: 0.875rem;
	color: #134B8D;
	transition: color 0.2s ease;
}
.vita-filter-option:hover span {
	color: #134B8D;
}

.vita-filter-actions {
	display: flex;
	gap: 1rem;
	margin-top: 2rem;
}
@media (max-width: 576px) {
	.vita-filter-actions {
		flex-direction: column;
	}
}

/* ========== RESULTS SECTION ========== */
.vita-archive-results {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 2.5rem;
	padding-bottom: 1.5rem;
	border-bottom: 2px solid #f1f5f9;
}
@media (max-width: 768px) {
	.vita-archive-results {
		flex-direction: column;
		gap: 1rem;
		text-align: center;
	}
}

.vita-archive-results__info {
	font-size: 1.125rem;
	font-weight: 600;
	color: #134B8D;
}

.vita-archive-results__sorting select {
	padding: 0.75rem 1rem;
	border: 2px solid #e5e7eb;
	border-radius: 8px;
	background: white;
	font-size: 0.875rem;
	color: #134B8D;
	cursor: pointer;
	transition: border-color 0.2s ease;
}
.vita-archive-results__sorting select:focus {
	outline: none;
	border-color: #134B8D;
}

/* ========== RESPONSIVE ADJUSTMENTS ========== */
@media (max-width: 1200px) {
	.vita-archive-header,
	.vita-recipes-header,
	.vita-products-header {
		padding: 3rem 0 2.5rem;
	}
}
@media (max-width: 992px) {
	.vita-archive-header__content,
	.vita-recipes-header__content,
	.vita-products-header__content {
		margin-bottom: 2.5rem;
	}
}
@media (max-width: 768px) {
	.vita-archive-header,
	.vita-recipes-header,
	.vita-products-header {
		padding: 2.5rem 0 2rem;
	}
	.vita-archive-filters {
		padding: 1.5rem 0;
	}
}
@media (max-width: 576px) {
	.vita-archive-header,
	.vita-recipes-header,
	.vita-products-header {
		padding: 2rem 0 1.5rem;
	}
	.vita-archive-filters {
		padding: 1rem 0;
	}
}
/* ========== ADDITIONAL ARCHIVE TYPE MODIFIERS ========== */
.vita-category-archive .vita-archive-header--category {
	background: linear-gradient(135deg, #F7F9FA 0%, #d7eefc 50%, #ffffff 100%);
}

.vita-tag-archive .vita-archive-header--tag {
	background: linear-gradient(135deg, #f2c200 0%, #F7F9FA 50%, #ffffff 100%);
}

.vita-date-archive .vita-archive-header--date {
	background: linear-gradient(135deg, #f2c200 0%, #F7F9FA 50%, #ffffff 100%);
}

.vita-taxonomy-archive .vita-archive-header--taxonomy {
	background: linear-gradient(135deg, #F7F9FA 0%, #d7eefc 50%, #ffffff 100%);
}

.vita-taxonomy-archive .vita-archive-header--product_category {
	background: linear-gradient(135deg, #1f56a9 0%, #F7F9FA 50%, #ffffff 100%);
}

.vita-taxonomy-archive .vita-archive-header--recipe_category {
	background: linear-gradient(135deg, #f2c200 0%, #F7F9FA 50%, #ffffff 100%);
}

.vita-taxonomy-archive .vita-archive-header--custom {
	background: linear-gradient(135deg, #d7eefc 0%, #1f56a9 50%, #ffffff 100%);
}

/* ========== STANDARDIZED FLOATING ELEMENTS ========== */
.vita-news-archive .vita-news-header__floating-elements .vita-floating-element, .vita-category-archive .vita-archive-header__decoration .vita-floating-element, .vita-tag-archive .vita-archive-header__decoration .vita-floating-element, .vita-search-archive .vita-search-header__decoration .vita-floating-element, .vita-taxonomy-archive .vita-archive-header__decoration .vita-floating-element, .vita-author-archive .vita-author-header__decoration .vita-floating-element, .vita-date-archive .vita-archive-header__decoration .vita-floating-element {
	position: absolute;
	pointer-events: none;
	opacity: 0.08;
	animation: vita-float 6s ease-in-out infinite;
}

.vita-search-archive .vita-search-header__decoration .vita-floating-element--1, .vita-taxonomy-archive .vita-archive-header__decoration .vita-floating-element--1, .vita-author-archive .vita-author-header__decoration .vita-floating-element--1, .vita-date-archive .vita-archive-header__decoration .vita-floating-element--1 {
	width: 80px;
	height: 80px;
	background: #f2c200;
	border-radius: 60% 40% 30% 70%/60% 30% 70% 40%;
	transform: rotate(25deg);
}

.vita-search-archive .vita-search-header__decoration .vita-floating-element--2, .vita-taxonomy-archive .vita-archive-header__decoration .vita-floating-element--2, .vita-author-archive .vita-author-header__decoration .vita-floating-element--2, .vita-date-archive .vita-archive-header__decoration .vita-floating-element--2 {
	width: 100px;
	height: 60px;
	background: #134B8D;
	border-radius: 40% 60% 50% 50%/30% 70% 30% 70%;
	transform: rotate(-15deg);
}

.vita-search-archive .vita-search-header__decoration .vita-floating-element--3, .vita-taxonomy-archive .vita-archive-header__decoration .vita-floating-element--3, .vita-author-archive .vita-author-header__decoration .vita-floating-element--3, .vita-date-archive .vita-archive-header__decoration .vita-floating-element--3 {
	width: 60px;
	height: 90px;
	background: #f2c200;
	border-radius: 50% 50% 60% 40%/70% 30% 40% 60%;
	transform: rotate(35deg);
}

.vita-news-archive .vita-news-header__floating-elements .vita-floating-element--1 {
	width: 120px;
	height: 120px;
	background: radial-gradient(circle, #f2c200 0%, transparent 70%);
	border-radius: 50%;
}

.vita-news-archive .vita-news-header__floating-elements .vita-floating-element--2, .vita-category-archive .vita-archive-header__decoration .vita-floating-element--3, .vita-tag-archive .vita-archive-header__decoration .vita-floating-element--2 {
	width: 80px;
	height: 80px;
	background: radial-gradient(circle, #f2c200 0%, transparent 70%);
	border-radius: 50%;
}

.vita-news-archive .vita-news-header__floating-elements .vita-floating-element--3, .vita-category-archive .vita-archive-header__decoration .vita-floating-element--2 {
	width: 200px;
	height: 200px;
	background: radial-gradient(circle, #29ABE2 0%, transparent 70%);
	border-radius: 50%;
}

.vita-category-archive .vita-archive-header__decoration .vita-floating-element--1, .vita-tag-archive .vita-archive-header__decoration .vita-floating-element--1 {
	width: 40px;
	height: 40px;
	background: #f2c200;
	border-radius: 50%;
}

@keyframes vita-float {
	0%, 100% {
		transform: translateY(0px) rotate(0deg);
		opacity: 0.05;
	}
	50% {
		transform: translateY(-15px) rotate(180deg);
		opacity: 0.1;
	}
}
/* Media
--------------------------------------------- */
/* Captions
--------------------------------------------- */
/* Galleries
--------------------------------------------- */
/* Product Pages
--------------------------------------------- */
/**
 * Product Cards Master Stylesheet
 * Single source of truth for all product card variants
 *
 * @package Vita_XYZ
 * @version 1.0.0
 * @since 1.0.0
 * /src/sass/components/product/_product-cards.scss
 *
 * This file contains all product card styles for:
 * 1. .product-item - Carousel/featured display with ring effect
 * 2. .vita-product-item - Archive/grid display with background variations
 *
 * Usage:
 * - Homepage carousel: .product-item
 * - Related products: .product-item
 * - Product archives: .vita-product-item
 * - Category pages: .vita-product-item
 */
.product-item, .c-product-card {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	transition: all 0.3s ease;
	min-height: 400px;
	padding: 0;
}
.product-item .product-ring, .c-product-card .product-ring {
	position: absolute;
	border-radius: 50%;
	transition: all 0.3s ease-in-out;
	pointer-events: none;
	width: 280px;
	height: 280px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 0;
	opacity: 0.3;
	filter: blur(12px) brightness(1.35) contrast(1.25);
}
@media (max-width: 992px) {
	.product-item .product-ring, .c-product-card .product-ring {
		width: 240px;
		height: 240px;
	}
}
@media (max-width: 768px) {
	.product-item .product-ring, .c-product-card .product-ring {
		width: 280px;
		height: 280px;
	}
}
@media (max-width: 576px) {
	.product-item .product-ring, .c-product-card .product-ring {
		width: 220px;
		height: 220px;
	}
}
.product-item .product-ring-bg, .c-product-card .product-ring-bg {
	position: absolute;
	border-radius: 50%;
	transition: all 0.3s ease-in-out;
	pointer-events: none;
	width: 220px;
	height: 220px;
	top: 20px;
	left: 50%;
	transform: translateX(-50%);
	background: var(--product-ring-color, rgba(97, 163, 81, 0.3));
	opacity: 0.3;
	z-index: 0;
}
@media (max-width: 768px) {
	.product-item .product-ring-bg, .c-product-card .product-ring-bg {
		width: 180px;
		height: 180px;
	}
}
@media (max-width: 576px) {
	.product-item .product-ring-bg, .c-product-card .product-ring-bg {
		width: 150px;
		height: 150px;
	}
}
.product-item .product-image, .c-product-card .product-image {
	position: relative;
	z-index: 2;
	transition: all 0.3s ease-in-out;
	will-change: transform;
	max-height: 360px;
}
@media (max-width: 992px) {
	.product-item .product-image, .c-product-card .product-image {
		max-height: 300px;
	}
}
@media (max-width: 768px) {
	.product-item .product-image, .c-product-card .product-image {
		max-height: 450px;
	}
}
@media (max-width: 576px) {
	.product-item .product-image, .c-product-card .product-image {
		max-height: 320px;
	}
}
.product-item .product-image img, .c-product-card .product-image img {
	width: 100%;
	height: auto;
	-o-object-fit: contain;
	object-fit: contain;
}
.product-item .product-image .product-img, .c-product-card .product-image .product-img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	-o-object-fit: contain;
	object-fit: contain;
	filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.1));
	transition: transform 0.3s ease;
}
.product-item .product-link, .c-product-card .product-link,
.product-item a,
.c-product-card a {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-decoration: none;
	background: transparent;
	transition: all 0.3s ease;
}
.product-item .product-title, .c-product-card .product-title {
	color: #134B8D;
	line-height: 1.3;
	transition: color 0.3s ease;
	margin: 0;
	margin-top: 20px;
	font-size: 1.1rem;
	z-index: 3;
	position: relative;
}
@media (max-width: 576px) {
	.product-item .product-title, .c-product-card .product-title {
		font-size: 1rem;
	}
}
.product-item .product-info, .c-product-card .product-info {
	text-align: center;
	position: relative;
	z-index: 3;
}
.product-item .product-info .product-name, .c-product-card .product-info .product-name {
	color: #134B8D;
	line-height: 1.3;
	transition: color 0.3s ease;
	margin: 0;
	font-size: 1.1rem;
	margin: 16px 0 8px 0;
}
@media (max-width: 576px) {
	.product-item .product-info .product-name, .c-product-card .product-info .product-name {
		font-size: 1rem;
	}
}
.product-item .product-info .product-category, .c-product-card .product-info .product-category {
	font-size: 0.85rem;
	color: #5f6b82;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin: 0;
}
.product-item:hover, .c-product-card:hover {
	transform: translateY(-8px);
}
.product-item:hover .product-image, .c-product-card:hover .product-image {
	transform: translateY(10px) scale(1.15);
}
.product-item:hover .product-image .product-img, .c-product-card:hover .product-image .product-img {
	transform: scale(1.05);
}
.product-item:hover .product-ring, .c-product-card:hover .product-ring {
	width: 250px;
	height: 250px;
	opacity: 0.45;
	transform: translate(-50%, -30%);
	filter: blur(0);
}
@media (max-width: 992px) {
	.product-item:hover .product-ring, .c-product-card:hover .product-ring {
		width: 220px;
		height: 220px;
	}
}
@media (max-width: 768px) {
	.product-item:hover .product-ring, .c-product-card:hover .product-ring {
		width: 280px;
		height: 280px;
	}
}
@media (max-width: 576px) {
	.product-item:hover .product-ring, .c-product-card:hover .product-ring {
		width: 200px;
		height: 200px;
	}
}
.product-item:hover .product-ring-bg, .c-product-card:hover .product-ring-bg {
	opacity: 0.5;
	transform: translateX(-50%) scale(1.1);
}
.product-item:hover .product-link, .c-product-card:hover .product-link {
	transform: translateY(-4px);
}
.product-item.swiper-slide, .swiper-slide.c-product-card {
	width: 280px;
	height: auto;
}
@media (min-width: 768px) {
	.product-item.swiper-slide, .swiper-slide.c-product-card {
		width: 320px;
	}
}
@media (min-width: 992px) {
	.product-item.swiper-slide, .swiper-slide.c-product-card {
		width: 360px;
	}
}

.product-item--ingredient {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	text-align: center;
	transition: all 0.3s ease;
	flex: 0 0 auto;
	width: 200px;
	min-height: 280px;
	padding: 15px 10px;
}
@media (max-width: 768px) {
	.product-item--ingredient {
		width: 180px;
		min-height: 260px;
		padding: 12px 8px;
	}
}
@media (max-width: 576px) {
	.product-item--ingredient {
		width: 150px;
		min-height: 240px;
		padding: 10px 5px;
	}
}
.product-item--ingredient .product-ring {
	position: absolute;
	border-radius: 50%;
	transition: all 0.3s ease-in-out;
	pointer-events: none;
	width: 180px;
	height: 180px;
	top: 40%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 0;
	opacity: 0.15;
	filter: blur(8px);
}
@media (max-width: 768px) {
	.product-item--ingredient .product-ring {
		width: 160px;
		height: 160px;
	}
}
@media (max-width: 576px) {
	.product-item--ingredient .product-ring {
		width: 140px;
		height: 140px;
		opacity: 0.18;
	}
}
.product-item--ingredient .product-image {
	position: relative;
	z-index: 2;
	transition: all 0.3s ease-in-out;
	will-change: transform;
	width: 100%;
	max-width: 140px;
	max-height: 200px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 10px;
}
@media (max-width: 768px) {
	.product-item--ingredient .product-image {
		max-width: 120px;
		max-height: 180px;
	}
}
@media (max-width: 576px) {
	.product-item--ingredient .product-image {
		max-width: 100px;
		max-height: 160px;
		margin-bottom: 8px;
	}
}
.product-item--ingredient .product-image img {
	width: 100%;
	max-width: 140px;
	height: auto;
	max-height: 200px;
	-o-object-fit: contain;
	object-fit: contain;
	display: block;
}
@media (max-width: 768px) {
	.product-item--ingredient .product-image img {
		max-width: 120px;
		max-height: 180px;
	}
}
@media (max-width: 576px) {
	.product-item--ingredient .product-image img {
		max-width: 100px;
		max-height: 160px;
	}
}
.product-item--ingredient .product-link {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-decoration: none;
	background: transparent;
	transition: all 0.3s ease;
}
.product-item--ingredient .product-title {
	color: #134B8D;
	line-height: 1.3;
	transition: color 0.3s ease;
	margin: 0;
	margin-top: 8px;
	font-size: 0.8rem;
	font-weight: 600;
	z-index: 3;
	position: relative;
	line-height: 1.3;
}
@media (max-width: 768px) {
	.product-item--ingredient .product-title {
		font-size: 0.75rem;
		margin-top: 6px;
	}
}
@media (max-width: 576px) {
	.product-item--ingredient .product-title {
		font-size: 0.7rem;
		margin-top: 6px;
		line-height: 1.2;
	}
}
.product-item--ingredient .recipe-context {
	font-size: 0.65rem;
	color: #5f6b82;
	margin-top: 4px;
	font-weight: 400;
	z-index: 3;
	position: relative;
}
@media (max-width: 576px) {
	.product-item--ingredient .recipe-context {
		font-size: 0.6rem;
		margin-top: 3px;
	}
}
.product-item--ingredient:hover {
	transform: translateY(-4px);
}
.product-item--ingredient:hover .product-image {
	transform: scale(1.05);
}
.product-item--ingredient:hover .product-ring {
	opacity: 0.25;
}
.product-item--ingredient:hover .product-title {
	color: rgb(12.94375, 51.09375, 96.05625);
}

.vita-product-item {
	text-align: center;
	position: relative;
	transition: all 0.3s ease;
}
.vita-product-item__display {
	position: relative;
	margin-bottom: 0px;
	padding: 0px 15px;
	display: flex;
	align-items: flex-end;
	min-height: 300px;
	justify-content: center;
	transition: all 0.3s ease;
}
@media (max-width: 768px) {
	.vita-product-item__display {
		min-height: 220px;
		padding: 0px 10px;
	}
}
@media (max-width: 576px) {
	.vita-product-item__display {
		min-height: 200px;
		padding: 0px 10px;
	}
}
.vita-product-item__display:hover {
	transform: translateY(-1px) rotate(-3deg);
}
.vita-product-item__background {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 180px;
	height: 180px;
	border-radius: 50%;
	opacity: 0.6;
	z-index: 1;
	transition: all 0.3s ease;
}
@media (max-width: 768px) {
	.vita-product-item__background {
		width: 150px;
		height: 150px;
	}
}
@media (max-width: 576px) {
	.vita-product-item__background {
		width: 130px;
		height: 130px;
	}
}
.vita-product-item__background--milk {
	background: radial-gradient(circle, rgba(173, 216, 230, 0.4) 0%, rgba(173, 216, 230, 0.1) 70%, transparent 100%);
}
.vita-product-item__background--yogurt {
	background: radial-gradient(circle, rgba(255, 182, 193, 0.4) 0%, rgba(255, 182, 193, 0.1) 70%, transparent 100%);
}
.vita-product-item__background--drink {
	background: radial-gradient(circle, rgba(144, 238, 144, 0.4) 0%, rgba(144, 238, 144, 0.1) 70%, transparent 100%);
}
.vita-product-item__background--coffee {
	background: radial-gradient(circle, rgba(222, 184, 135, 0.4) 0%, rgba(222, 184, 135, 0.1) 70%, transparent 100%);
}
.vita-product-item__background--default {
	background: radial-gradient(circle, rgba(173, 216, 230, 0.4) 0%, rgba(173, 216, 230, 0.1) 70%, transparent 100%);
}
.vita-product-item__image {
	position: relative;
	z-index: 2;
	max-width: 200px;
	width: 100%;
	transition: all 0.3s ease;
}
@media (max-width: 768px) {
	.vita-product-item__image {
		max-width: 120px;
	}
}
@media (max-width: 576px) {
	.vita-product-item__image {
		max-width: 100px;
	}
}
.vita-product-item__image a {
	display: block;
}
.vita-product-item__image img {
	width: 100%;
	height: auto;
	-o-object-fit: contain;
	object-fit: contain;
	filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
}
.vita-product-item__placeholder {
	width: 140px;
	height: 180px;
	background-color: #f5f5f5;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #999;
	font-size: 0.8rem;
	position: relative;
	z-index: 2;
}
@media (max-width: 768px) {
	.vita-product-item__placeholder {
		width: 120px;
		height: 160px;
	}
}
@media (max-width: 576px) {
	.vita-product-item__placeholder {
		width: 100px;
		height: 140px;
	}
}
.vita-product-item__info {
	text-align: center;
}
.vita-product-item__title {
	margin: 0 0 8px;
}
.vita-product-item__title a {
	color: #134B8D;
	text-decoration: none;
	font-size: 1rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	line-height: 1.3;
	transition: color 0.3s ease;
	display: block;
}
.vita-product-item__title a:hover {
	color: #f2c200;
}
@media (max-width: 768px) {
	.vita-product-item__title a {
		font-size: 0.9rem;
	}
}
@media (max-width: 576px) {
	.vita-product-item__title a {
		font-size: 0.85rem;
	}
}
.vita-product-item__subtitle {
	font-size: 0.8rem;
	color: #5f6b82;
	margin: 0;
	font-weight: 500;
	line-height: 1.2;
}
@media (max-width: 576px) {
	.vita-product-item__subtitle {
		font-size: 0.75rem;
	}
}
.vita-product-item:hover .vita-product-item__background {
	transform: translate(-50%, -50%) scale(1.025);
	opacity: 0.8;
}
.vita-product-item:hover .vita-product-item__image img {
	transform: scale(1.02);
}

.product-item.gsap-fade-in, .gsap-fade-in.c-product-card,
.vita-product-item.gsap-fade-in {
	opacity: 0;
	transform: translateY(30px);
}
.product-item.gsap-visible, .gsap-visible.c-product-card,
.vita-product-item.gsap-visible {
	opacity: 1;
	transform: translateY(0);
}

/**
 * Product Page Styles
 *
 * Sticky image layout with scrollable product information
 * Uses brand color variables for consistent design
 *
 * @package Vita_XYZ
 * @version 2.3.0 - COMPLETE FIX for JavaScript carousel on all devices
 * @since 1.0.0
 * /src/sass/components/product/_product.scss
 *
 * Version History:
 * - 2.3.0: Complete carousel fix - flexbox on all devices, removed grid, fixed c-product-card
 * - 2.0.0: Added product ring color background, max-width/max-height constraints for images, conditional carousel navigation
 * - 1.0.0: Initial product page styling with sticky layout
 */
.product .product-hero {
	position: relative;
	background: #ffffff;
	padding: clamp(35px, 5vw, 50px) 0 20px;
	margin: 30px 0;
}
.product .product-hero__inner {
	width: 100%;
	max-width: 1400px !important;
	margin: 0 auto;
	padding: 0 20px;
}
@media (min-width: 1000px) {
	.product .product-hero__inner {
		padding: 0 40px;
	}
}
@media (min-width: 1400px) {
	.product .product-hero__inner {
		padding: 0 60px;
	}
}
.product .product-hero__inner {
	display: flex;
	align-items: flex-start;
	gap: clamp(28px, 4.5vw, 45px);
	margin: 0 auto;
	padding: 0 24px;
}
.product .product-hero__visual {
	flex: 1 1 45%;
	position: sticky;
	top: 80px;
	align-self: flex-start;
	min-height: 520px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 32px;
}
.product .product-hero__visual-bg {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
}
.product .product-hero__visual-bg img {
	width: min(600px, 100%);
	height: auto;
	filter: drop-shadow(0 14px 15px rgba(20, 60, 125, 0.05));
}
.product .product-hero__visual-pack {
	position: relative;
	z-index: 2;
	width: clamp(200px, 45%, 350px);
}
.product .product-hero__pack {
	width: 100%;
	height: auto;
	filter: drop-shadow(0 12px 5px rgba(26, 32, 44, 0.18));
}
.product .product-hero__size-badge {
	position: absolute;
	top: 32px;
	right: clamp(20px, 8vw, 120px);
	z-index: 3;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 72px;
	height: 72px;
	background: #f2c200;
	color: #ffffff;
	font-weight: 700;
	font-size: 0.9rem;
	text-transform: uppercase;
	border-radius: 50%;
	letter-spacing: 0.06em;
}
.product .product-hero__content {
	flex: 1 1 55%;
	max-width: 560px;
	display: flex;
	flex-direction: column;
	gap: 24px;
}
.product .product-hero__intro {
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-content: flex-start;
	justify-content: center;
	align-items: flex-start;
	gap: 1.5rem;
}
.product .product-hero__breadcrumbs {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	font-size: 0.75rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #718096;
}
.product .product-hero__breadcrumbs a {
	color: inherit;
	text-decoration: none;
	transition: color 0.2s ease;
}
.product .product-hero__breadcrumbs a:hover {
	color: rgb(25.7777777778, 141.3333333333, 190.2222222222);
}
.product .product-hero__breadcrumbs .product-hero__breadcrumbs-current {
	color: #134B8D;
	font-weight: 600;
}
.product .product-hero__breadcrumbs-separator {
	font-size: 1rem;
	color: #718096;
}
.product .product-hero__title {
	margin: 10px 0 12px 0;
	font-size: clamp(2.2rem, 4.5vw, 3.5rem);
	line-height: 1.05;
	font-weight: 800;
	text-transform: uppercase;
	color: #134B8D;
	letter-spacing: 0.05em;
}
.product .product-hero__excerpt {
	font-size: 1.0625rem;
	line-height: 1.8;
	color: #5f6b82;
}
.product .product-hero__excerpt p {
	margin: 0 0 18px 0;
}
.product .product-hero__excerpt p:last-child {
	margin-bottom: 0;
}
.product .product-hero__cta-group {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	margin-top: 8px;
}
.product .product-hero__cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 15px 38px;
	border-radius: 999px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-size: 0.875rem;
	text-decoration: none;
	transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, color 0.2s ease;
}
.product .product-hero__cta:hover {
	transform: translateY(-2px);
}
.product .product-hero__cta--primary {
	background: rgb(25.7777777778, 141.3333333333, 190.2222222222);
	color: #ffffff;
}
.product .product-hero__cta--primary:hover {
	background: #29ABE2;
}
.product .product-hero__cta--secondary {
	border: 2px solid rgb(25.7777777778, 141.3333333333, 190.2222222222);
	color: rgb(25.7777777778, 141.3333333333, 190.2222222222);
	background: transparent;
}
.product .product-hero__cta--secondary:hover {
	background: #d7eefc;
}
.product .product-hero__usp-list {
	list-style: none;
	padding: 0;
	margin: 16px 0 0 0;
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
}
.product .product-hero__usp {
	flex: 1 1 140px;
	max-width: 160px;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 12px;
}
.product .product-hero__usp-icon {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: #d7eefc;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.product .product-hero__usp-icon img {
	width: 48px;
	height: 48px;
	-o-object-fit: contain;
	object-fit: contain;
}
.product .product-hero__usp-text {
	font-weight: 600;
	font-size: 0.95rem;
	color: #134B8D;
	letter-spacing: 0.02em;
}
.product .product-hero__details {
	margin-top: 32px;
	display: flex;
	flex-direction: column;
	gap: 18px;
}
.product .product-hero__detail {
	border: 1px solid #e2e8f0;
	border-radius: 18px;
	background: #ffffff;
	box-shadow: 0 8px 10px rgba(12, 36, 68, 0.08);
	overflow: hidden;
	transition: box-shadow 0.2s ease;
}
.product .product-hero__detail:hover {
	box-shadow: 0 12px 24px rgba(12, 36, 68, 0.1);
}
.product .product-hero__detail[open] .product-hero__detail-summary {
	background: #f7fafc;
}
.product .product-hero__detail[open] .product-hero__detail-icon {
	transform: rotate(180deg);
}
.product .product-hero__detail-summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	padding: 22px 28px;
	cursor: pointer;
	border: none;
	background: transparent;
	font-size: 1.05rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: #134B8D;
}
.product .product-hero__detail-summary::-webkit-details-marker {
	display: none;
}
.product .product-hero__detail-icon {
	transition: transform 0.25s ease;
	color: rgb(25.7777777778, 141.3333333333, 190.2222222222);
	flex-shrink: 0;
}
.product .product-hero__detail-content {
	padding: 28px;
	border-top: 1px solid #e2e8f0;
	color: #5f6b82;
	line-height: 1.7;
}
.product .product-hero__detail-content p {
	margin: 0 0 18px 0;
}
.product .product-hero__detail-content p:last-child {
	margin-bottom: 0;
}
.product .product-hero__benefits {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 16px;
}
.product .product-hero__benefit {
	background: #f7fafc;
	border-radius: 12px;
	padding: 16px 20px;
	color: #5f6b82;
	font-size: 0.98rem;
	line-height: 1.6;
}
.product .product-hero__benefit strong {
	display: block;
	margin-bottom: 6px;
	color: #134B8D;
}
.product .product-hero__nutrition-label {
	font-size: 0.95rem;
	font-weight: 700;
	color: #134B8D;
	margin: 20px 0 12px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}
.product .product-hero__nutrition-label:first-child {
	margin-top: 0;
}
.product .product-hero__nutrition-table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 4px;
}
.product .product-hero__nutrition-table tr {
	border-bottom: 1px solid #e2e8f0;
}
.product .product-hero__nutrition-table tr:last-child {
	border-bottom: none;
}
.product .product-hero__nutrition-table th,
.product .product-hero__nutrition-table td {
	padding: 10px 0;
}
.product .product-hero__nutrition-table .product-hero__nutrient-name {
	text-align: left;
	color: #5f6b82;
	font-weight: 500;
	width: 65%;
}
.product .product-hero__nutrition-table .product-hero__nutrient-amount {
	text-align: right;
	color: #134B8D;
	font-weight: 700;
}
.product .product-hero__size-list, .product .product-hero__market-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.product .product-hero__size-item, .product .product-hero__market-item {
	background: #f7fafc;
	border-radius: 999px;
	padding: 10px 18px;
	font-weight: 600;
	color: #134B8D;
	font-size: 0.92rem;
}
.product .product-hero__size-upc {
	display: block;
	margin-top: 4px;
	font-weight: 400;
	color: #718096;
	font-size: 0.8rem;
}
.product .nutrition-label {
	font-size: 1rem;
	font-weight: 600;
	color: #134B8D;
	margin: 0 0 12px 0;
}
.product .nutrition-table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 20px;
}
.product .nutrition-table tr {
	border-bottom: 1px solid #e2e8f0;
}
.product .nutrition-table tr:last-child {
	border-bottom: none;
}
.product .nutrition-table .nutrient-name {
	text-align: left;
	padding: 8px 0;
	font-weight: 500;
	color: #5f6b82;
	width: 70%;
}
.product .nutrition-table .nutrient-amount {
	text-align: right;
	padding: 8px 0;
	font-weight: 600;
	color: #134B8D;
}
.product .sizes-list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.product .sizes-list .size-item {
	padding: 12px 16px;
	background: #f7fafc;
	border-radius: 8px;
	margin-bottom: 8px;
	color: #134B8D;
	font-weight: 500;
}
.product .sizes-list .size-item:last-child {
	margin-bottom: 0;
}
.product .sizes-list .size-item .upc-code {
	color: #718096;
	font-weight: 400;
	font-size: 14px;
}
.product .markets-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}
.product .markets-list .market-item {
	background: #d7eefc;
	border: 1px solid #29ABE2;
	border-radius: 20px;
	padding: 6px 14px;
	color: #134B8D;
	font-size: 14px;
	font-weight: 500;
}
.product .related {
	padding: 40px 20px;
}
.product .related .related-container {
	width: 100%;
	max-width: 1400px !important;
	margin: 0 auto;
	padding: 0 20px;
}
@media (min-width: 1000px) {
	.product .related .related-container {
		padding: 0 40px;
	}
}
@media (min-width: 1400px) {
	.product .related .related-container {
		padding: 0 60px;
	}
}
.product .related .related-container {
	margin: 0 auto;
}
.product .related h2 {
	text-align: center;
	font-size: 2rem;
	font-weight: 700;
	color: #134B8D;
	margin: 0;
	line-height: 1.3;
}
.product .related h3 {
	text-align: center;
	font-size: 1.5rem;
	font-weight: 500;
	color: #f2c200;
	margin: 8px 0 50px 0;
	line-height: 1.4;
}
.product .related .products-carousel,
.product .related .recipes-carousel {
	position: relative;
	margin-bottom: 50px;
	overflow: hidden;
	padding: 40px 0;
}
@media (min-width: 768px) {
	.product .related .products-carousel,
	.product .related .recipes-carousel {
		padding: 60px 0;
	}
}
.product .related .products-carousel.carousel-initialized .products-grid,
.product .related .products-carousel.carousel-initialized .recipes-grid,
.product .related .recipes-carousel.carousel-initialized .products-grid,
.product .related .recipes-carousel.carousel-initialized .recipes-grid {
	overflow: visible;
}
.product .related .products-carousel:not(.has-navigation) .carousel-nav,
.product .related .recipes-carousel:not(.has-navigation) .carousel-nav {
	display: none;
}
.product .related .carousel-nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: #ffffff;
	border: 2px solid #e2e8f0;
	border-radius: 50%;
	width: 48px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.3s ease;
	z-index: 10;
	color: #5f6b82;
}
.product .related .carousel-nav:hover:not(:disabled) {
	background: rgb(25.7777777778, 141.3333333333, 190.2222222222);
	border-color: rgb(25.7777777778, 141.3333333333, 190.2222222222);
	color: #ffffff;
	transform: translateY(-50%) scale(1.05);
}
.product .related .carousel-nav:disabled {
	opacity: 0.3;
	cursor: not-allowed;
}
.product .related .carousel-nav.carousel-prev {
	left: 10px;
}
.product .related .carousel-nav.carousel-next {
	right: 10px;
}
.product .related .carousel-nav svg {
	width: 20px;
	height: 20px;
}
@media (min-width: 768px) {
	.product .related .carousel-nav.carousel-prev {
		left: 20px;
	}
	.product .related .carousel-nav.carousel-next {
		right: 20px;
	}
}
.product .related .products-grid,
.product .related .recipes-grid {
	display: flex !important;
	grid-template-columns: none !important;
	gap: 30px;
	padding: 0 60px;
	transition: transform 300ms ease;
	will-change: transform;
	overflow: visible;
	align-items: flex-end;
}
@media (max-width: 768px) {
	.product .related .products-grid,
	.product .related .recipes-grid {
		gap: 20px;
		padding: 0 40px;
	}
}
@media (max-width: 576px) {
	.product .related .products-grid,
	.product .related .recipes-grid {
		gap: 15px;
		padding: 0 30px;
	}
}
.product .related .vita-product-item,
.product .related .product-item,
.product .related .c-product-card {
	width: 280px;
	min-width: 0;
	flex-shrink: 0;
}
.product .related .vita-product-item.swiper-slide,
.product .related .product-item.swiper-slide,
.product .related .swiper-slide.c-product-card {
	width: 280px;
	height: auto;
}
@media (min-width: 768px) {
	.product .related .vita-product-item,
	.product .related .product-item,
	.product .related .c-product-card {
		width: 320px;
	}
	.product .related .vita-product-item.swiper-slide,
	.product .related .product-item.swiper-slide,
	.product .related .swiper-slide.c-product-card {
		width: 320px;
	}
}
@media (min-width: 992px) {
	.product .related .vita-product-item,
	.product .related .product-item,
	.product .related .c-product-card {
		width: 360px;
	}
	.product .related .vita-product-item.swiper-slide,
	.product .related .product-item.swiper-slide,
	.product .related .swiper-slide.c-product-card {
		width: 360px;
	}
}
.product .related .recipe-card .recipe-link {
	display: block;
	text-decoration: none;
	background: #ffffff;
	border-radius: 16px;
	overflow: hidden;
	transition: all 0.3s ease;
}
.product .related .recipe-card .recipe-link:hover {
	transform: translateY(-4px);
}
.product .related .recipe-card .recipe-image .recipe-img {
	width: 100%;
	height: 200px;
	-o-object-fit: cover;
	object-fit: cover;
	background: #f7fafc;
}
.product .related .recipe-card .recipe-info {
	padding: 20px;
}
.product .related .recipe-card .recipe-info .recipe-meta {
	margin-bottom: 12px;
}
.product .related .recipe-card .recipe-info .recipe-meta .recipe-time {
	font-size: 14px;
	color: #718096;
	font-weight: 500;
	background: #d7eefc;
	padding: 4px 12px;
	border-radius: 12px;
	display: inline-block;
}
.product .related .recipe-card .recipe-info .recipe-name {
	margin: 0;
	font-size: 1.125rem;
	font-weight: 600;
	color: #134B8D;
	line-height: 1.4;
}
.product .related .related-cta {
	text-align: center;
}
.product .related .related-cta .view-all-btn {
	display: inline-block;
	background: rgb(25.7777777778, 141.3333333333, 190.2222222222);
	color: #ffffff;
	padding: 14px 32px;
	text-decoration: none;
	font-weight: 600;
	border-radius: 8px;
	transition: all 0.3s ease;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	font-size: 14px;
}
.product .related .related-cta .view-all-btn:hover {
	background: #29ABE2;
	transform: translateY(-2px);
}
.product .sustain {
	background: #d7eefc;
	padding: 60px 20px;
}
.product .sustain .sustain-inner {
	max-width: 800px;
	margin: 0 auto;
	text-align: center;
}
.product .sustain .sustain-inner h3 {
	font-size: 1.875rem;
	font-weight: 700;
	color: #134B8D;
	margin: 0 0 20px 0;
}
.product .sustain .sustain-inner p {
	font-size: 1.125rem;
	color: #5f6b82;
	line-height: 1.6;
	margin: 0 0 30px 0;
}

@media screen and (max-width: 1120px) {
	.product .product-hero {
		padding: clamp(70px, 12vw, 120px) 0 80px;
	}
	.product .product-hero__inner {
		flex-direction: column;
		align-items: center;
		gap: 48px;
	}
	.product .product-hero__visual {
		position: relative;
		top: auto;
		max-width: 520px;
		width: 100%;
		margin: 0 auto;
		min-height: 460px;
	}
	.product .product-hero__size-badge {
		right: 32px;
		top: 20px;
	}
	.product .product-hero__content {
		max-width: 680px;
		width: 100%;
	}
	.product .product-hero__usp-list {
		justify-content: center;
	}
	.product .product-hero__intro {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		align-content: center;
		justify-content: center;
		align-items: center;
		gap: 1.5rem;
	}
}
@media screen and (max-width: 768px) {
	.product .product-hero {
		padding: 30px 0 60px;
	}
	.product .product-hero__inner {
		padding: 0 18px;
		gap: 40px;
	}
	.product .product-hero__visual {
		min-height: 400px;
		padding: 16px;
	}
	.product .product-hero__visual-bg img {
		width: min(460px, 100%);
	}
	.product .product-hero__title {
		font-size: clamp(2rem, 8vw, 2.8rem);
	}
	.product .product-hero__excerpt {
		font-size: 1rem;
	}
	.product .product-hero__cta {
		width: 100%;
	}
	.product .product-hero__usp {
		flex: 1 1 calc(50% - 24px);
		max-width: none;
	}
	.product .product-hero__detail-summary {
		padding: 20px 22px;
	}
	.product .related {
		padding: 60px 18px;
	}
	.product .related h2 {
		font-size: 1.75rem;
		margin-bottom: 40px;
	}
	.product .related .products-grid,
	.product .related .recipes-grid {
		padding: 0 20px;
		gap: 20px;
	}
}
@media screen and (max-width: 520px) {
	.product .product-hero {
		padding: 20px 0 50px;
	}
	.product .product-hero__inner {
		padding: 0 12px;
	}
	.product .product-hero__visual {
		min-height: 340px;
	}
	.product .product-hero__size-badge {
		width: 60px;
		height: 60px;
		font-size: 0.8rem;
		top: 16px;
		right: 16px;
	}
	.product .product-hero__cta-group {
		gap: 12px;
	}
	.product .product-hero__cta {
		padding: 14px 24px;
		font-size: 0.8rem;
	}
	.product .product-hero__usp-list {
		gap: 18px;
	}
	.product .product-hero__usp {
		flex: 1 1 100%;
	}
	.product .product-hero__detail-summary {
		font-size: 0.95rem;
		padding: 18px 18px;
	}
	.product .related {
		padding: 40px 12px;
	}
}
/**
 * Products Carousel Styles - Swiper Compatible
 *
 * Carousel Layout & Behavior Only
 * Product card styles are in _product-cards.scss (master stylesheet)
 *
 * @package Vita_XYZ
 * @version 6.0.0 - Refactored to use master product cards stylesheet
 * @since 1.0.0
 * /src/sass/components/product/_products-carousel.scss
 *
 * Version History:
 * - 6.0.0: Removed card styles, moved to _product-cards.scss master stylesheet
 * - 5.0.0: Migrated to Swiper.js with compatible styles
 * - 4.0.0: Final clean implementation with overflow fix and minimalist design
 * - 3.2.0: Moved grid overflow control with proper conditional logic
 * - 3.1.0: Fixed grid overflow issue when carousel has fewer items
 * - 3.0.0: Simplified design with emphasis on product visibility
 *
 * Note: All .product-item styles are now in src/sass/components/product/_product-cards.scss
 */
.vita-products__grid {
	overflow: visible !important;
}
.vita-products__grid.swiper-wrapper {
	display: flex;
	align-items: stretch;
}

.vita-products {
	position: relative;
	padding: 100px 0;
	background: #fff;
	text-align: center;
}
.vita-products .vita-container {
	margin: 0 auto;
	padding: 0 20px;
}
.vita-products {
	/* --- HEADER --- */
}
.vita-products__header {
	margin-bottom: 60px;
}
.vita-products__header .vita-products__title {
	font-size: 2.5rem;
	font-weight: 700;
	line-height: 1.2;
	color: #003366;
	text-transform: uppercase;
}
.vita-products__header .vita-products__title .vita-products__title-line {
	display: block;
}
.vita-products {
	/* --- SWIPER CAROUSEL SETUP --- */
}
.vita-products .swiper {
	padding-bottom: 60px;
	padding-top: 60px;
}
.vita-products .swiper-slide-active {
	transform: scale(1.25) !important;
	transition: all 0.3s ease !important;
}
.vita-products .swiper-wrapper {
	align-items: center;
}
.vita-products {
	/* --- SWIPER NAVIGATION --- */
}
.vita-products .swiper-button-prev,
.vita-products .swiper-button-next {
	color: #134B8D;
	border: 2px solid #134B8D;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #ffffff;
	transition: all 0.3s ease;
	top: 45%;
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
	padding: 5px;
}
.vita-products .swiper-button-prev:hover,
.vita-products .swiper-button-next:hover {
	background: #134B8D;
	color: #ffffff;
}
.vita-products .swiper-button-prev::after,
.vita-products .swiper-button-next::after {
	font-size: 14px;
	font-weight: bold;
}
.vita-products .swiper-button-prev {
	left: -50px;
}
.vita-products .swiper-button-next {
	right: -50px;
}
.vita-products {
	/* --- CTA BUTTON --- */
}
.vita-products__cta .vita-button {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	background-color: #134B8D;
	color: #ffffff;
	font-weight: 600;
	text-transform: uppercase;
	padding: 14px 28px;
	border-radius: 40px;
	text-decoration: none;
	transition: background 0.3s ease, transform 0.3s ease;
}
.vita-products__cta .vita-button:hover {
	background-color: rgb(25.7777777778, 141.3333333333, 190.2222222222);
	transform: translateY(-5px);
}
.vita-products__cta .vita-button__arrow {
	transition: all 0.3s ease;
}
.vita-products__cta .vita-button:hover .vita-button__arrow {
	transform: translateX(5px) rotate(0) !important;
}
.vita-products {
	/* --- RESPONSIVE LAYOUT --- */
}
@media (max-width: 768px) {
	.vita-products {
		padding: 60px 0;
	}
	.vita-products .swiper-button-prev {
		left: -20px;
	}
	.vita-products .swiper-button-next {
		right: -20px;
	}
}
@media (max-width: 576px) {
	.vita-products .vita-products__title {
		font-size: 1.8rem;
	}
}

/**
 * Related Products Showcase - Editorial Brand Layout
 * Hero + Grid layout for sophisticated product presentation
 *
 * @package Vita_XYZ
 * @version 3.0.0 - Editorial brand showcase
 * @since 3.0.0
 * /src/sass/components/product/_related-products-showcase.scss
 */
.related-products-showcase {
	padding: 80px 0;
}
@media (max-width: 768px) {
	.related-products-showcase {
		padding: 60px 0;
	}
}
.related-products-showcase__container {
	max-width: 1400px;
	margin: 0 auto;
	padding: 30px 50px;
	border: 1px solid #f2c200;
	border-radius: 20px;
}
.related-products-showcase__header {
	text-align: center;
	margin-bottom: 30px;
}
@media (max-width: 768px) {
	.related-products-showcase__header {
		margin-bottom: 20px;
	}
}
.related-products-showcase__title {
	font-size: 2rem;
	font-weight: 700;
	color: #134B8D;
	margin-bottom: 12px;
	margin-top: 0;
	line-height: 1.2;
}
@media (max-width: 768px) {
	.related-products-showcase__title {
		font-size: 2rem;
	}
}
@media (max-width: 576px) {
	.related-products-showcase__title {
		font-size: 1.75rem;
	}
}
.related-products-showcase__subtitle {
	font-size: 1.75rem;
	color: #5f6b82;
	font-weight: 400;
	margin: 0;
}
@media (max-width: 768px) {
	.related-products-showcase__subtitle {
		font-size: 1.1rem;
	}
}
.related-products-showcase__layout {
	display: grid;
	gap: 40px;
	margin-bottom: 60px;
}
.related-products-showcase__layout.layout-hero-grid {
	grid-template-columns: 1fr 1fr;
	grid-template-areas: "hero grid";
}
@media (max-width: 992px) {
	.related-products-showcase__layout.layout-hero-grid {
		grid-template-columns: 1fr;
		grid-template-areas: "hero" "grid";
		gap: 60px;
	}
}
.related-products-showcase__layout.layout-uniform-grid {
	grid-template-columns: 1fr;
	grid-template-areas: "grid";
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}
.related-products-showcase__layout.layout-uniform-grid .related-products-showcase__grid {
	display: grid;
	gap: 40px;
	justify-content: center;
}
.related-products-showcase__layout.layout-uniform-grid .related-products-showcase__grid[data-products="1"] {
	grid-template-columns: 1fr;
	max-width: 350px;
	margin: 0 auto;
}
.related-products-showcase__layout.layout-uniform-grid .related-products-showcase__grid[data-products="2"] {
	grid-template-columns: repeat(2, 1fr);
	max-width: 750px;
}
@media (max-width: 576px) {
	.related-products-showcase__layout.layout-uniform-grid .related-products-showcase__grid[data-products="2"] {
		grid-template-columns: 1fr;
		max-width: 350px;
	}
}
@media (max-width: 768px) {
	.related-products-showcase__layout {
		gap: 40px;
		margin-bottom: 40px;
	}
}
.related-products-showcase__hero {
	grid-area: hero;
}
.related-products-showcase__grid {
	grid-area: grid;
	display: grid;
	gap: 30px;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	align-content: start;
}
@media (max-width: 576px) {
	.related-products-showcase__grid {
		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
		gap: 20px;
	}
}
.related-products-showcase__footer {
	text-align: center;
}
.related-products-showcase__view-all {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	padding: 16px 32px;
	background: #134B8D;
	color: white;
	text-decoration: none;
	font-weight: 600;
	font-size: 1.1rem;
	border-radius: 50px;
	transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	box-shadow: 0 6px 14px rgba(0, 0, 0, 0.08);
}
.related-products-showcase__view-all:hover {
	background: rgb(12.94375, 51.09375, 96.05625);
	transform: translateY(-3px);
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}
.related-products-showcase__view-all svg {
	transition: transform 0.3s ease;
}
.related-products-showcase__view-all:hover svg {
	transform: translateX(4px);
}

.hero-product-card {
	background: white;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 6px 14px rgba(0, 0, 0, 0.08);
	transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	height: 100%;
}
.hero-product-card:hover {
	transform: translateY(-8px);
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}
.hero-product-card__link {
	display: flex;
	flex-direction: column;
	height: 100%;
	text-decoration: none;
	color: inherit;
}
.hero-product-card__ring {
	position: absolute;
	width: 400px;
	height: 400px;
	border-radius: 50%;
	top: -100px;
	right: -100px;
	opacity: 0.15;
	filter: blur(20px);
	transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	z-index: 1;
}
@media (max-width: 768px) {
	.hero-product-card__ring {
		width: 300px;
		height: 300px;
		top: -80px;
		right: -80px;
	}
}
.hero-product-card:hover .hero-product-card__ring {
	opacity: 0.25;
	transform: scale(1.1);
}
.hero-product-card__image {
	position: relative;
	height: 400px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
}
@media (max-width: 992px) {
	.hero-product-card__image {
		height: 350px;
	}
}
@media (max-width: 768px) {
	.hero-product-card__image {
		height: 300px;
	}
}
.hero-product-card__img {
	max-width: 80%;
	max-height: 80%;
	-o-object-fit: contain;
	object-fit: contain;
	transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.hero-product-card:hover .hero-product-card__img {
	transform: scale(1.05);
}
.hero-product-card__placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	color: #5f6b82;
	font-size: 1.1rem;
	font-weight: 500;
}
.hero-product-card__content {
	padding: 40px;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	position: relative;
	z-index: 2;
	justify-content: space-between;
}
@media (max-width: 768px) {
	.hero-product-card__content {
		padding: 30px;
	}
}
.hero-product-card__name {
	font-size: 1.8rem;
	font-weight: 700;
	color: #134B8D;
	margin: 0 0 16px 0;
	line-height: 1.3;
	text-transform: uppercase;
	letter-spacing: 0.02em;
}
@media (max-width: 768px) {
	.hero-product-card__name {
		font-size: 1.5rem;
	}
}
.hero-product-card:hover .hero-product-card__name {
	color: rgb(12.94375, 51.09375, 96.05625);
}
.hero-product-card__description {
	font-size: 1.1rem;
	color: #5f6b82;
	line-height: 1.6;
	margin: 0 0 24px 0;
	flex-grow: 1;
}
@media (max-width: 768px) {
	.hero-product-card__description {
		font-size: 1rem;
	}
}
.hero-product-card__cta {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-weight: 600;
	color: #134B8D;
	font-size: 1rem;
	transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.hero-product-card__cta svg {
	transition: transform 0.3s ease;
}
.hero-product-card:hover .hero-product-card__cta {
	color: rgb(12.94375, 51.09375, 96.05625);
}
.hero-product-card:hover .hero-product-card__cta svg {
	transform: translateX(4px);
}

.grid-product-card {
	background: white;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
	transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	position: relative;
}
.grid-product-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.12);
}
.grid-product-card__link {
	display: block;
	text-decoration: none;
	color: inherit;
	height: 100%;
}
.grid-product-card__ring {
	position: absolute;
	width: 200px;
	height: 200px;
	border-radius: 50%;
	top: -50px;
	right: -50px;
	opacity: 0.12;
	filter: blur(15px);
	transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	z-index: 1;
}
.grid-product-card:hover .grid-product-card__ring {
	opacity: 0.2;
	transform: scale(1.1);
}
.grid-product-card__image {
	position: relative;
	height: 250px;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
}
@media (max-width: 576px) {
	.grid-product-card__image {
		height: 200px;
	}
}
.grid-product-card__img {
	max-width: 70%;
	max-height: 70%;
	-o-object-fit: contain;
	object-fit: contain;
	transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.grid-product-card:hover .grid-product-card__img {
	transform: scale(1.08);
}
.grid-product-card__placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	color: #5f6b82;
	font-size: 0.9rem;
	font-weight: 500;
	text-align: center;
	padding: 20px;
}
.grid-product-card__name {
	padding: 24px;
	font-size: 1.1rem;
	font-weight: 700;
	color: #134B8D;
	margin: 0;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.02em;
	line-height: 1.3;
	position: relative;
	z-index: 2;
}
@media (max-width: 576px) {
	.grid-product-card__name {
		padding: 20px;
		font-size: 1rem;
	}
}
.grid-product-card:hover .grid-product-card__name {
	color: rgb(12.94375, 51.09375, 96.05625);
}

/* Flexible Page Sections - New */
.vita-collage {
	position: relative;
	padding: 4rem 0;
}
.vita-collage__decorations {
	position: absolute;
	inset: 0;
	pointer-events: none;
}
.vita-collage__decor {
	position: absolute;
	z-index: 0;
}
.vita-collage__decor--left {
	left: 0;
	top: 10%;
	max-width: 220px;
}
.vita-collage__decor--right {
	right: 0;
	bottom: 5%;
	max-width: 220px;
}
.vita-collage__decor img {
	display: block;
	width: 100%;
	height: auto;
}
.vita-collage__grid {
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
	align-items: stretch;
	position: relative;
	z-index: 1;
}
.vita-collage__content {
	flex: 1 1 380px;
	display: grid;
	gap: 2rem;
}
.vita-collage__card {
	background: #ffffff;
	padding: 2rem 2.25rem;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
	border-radius: 8px;
	position: relative;
	overflow: hidden;
}
.vita-collage__card-accent {
	position: absolute;
	top: 0.5rem;
	right: 0.5rem;
	width: 80px;
	opacity: 0.85;
}
.vita-collage__card-accent img {
	display: block;
	width: 100%;
	height: auto;
}
.vita-collage__card-title {
	font-size: 1.75rem;
	line-height: 1.15;
	margin: 0 0 0.75rem;
	font-weight: 700;
	color: #134B8D;
}
.vita-collage__card-body {
	font-size: 1rem;
	line-height: 1.6;
	color: #134B8D;
}
.vita-collage__card-body p {
	margin: 0 0 1rem;
}
.vita-collage__card-cta {
	display: inline-block;
	margin-top: 0.5rem;
	font-weight: 600;
	text-decoration: none;
	background: #1f56a9;
	color: #ffffff;
	padding: 0.6rem 1.2rem;
	border-radius: 999px;
	font-size: 0.875rem;
	letter-spacing: 0.5px;
	transition: background 0.2s ease, transform 0.2s ease;
}
.vita-collage__card-cta:hover {
	background: #134B8D;
	transform: translateY(-2px);
}
.vita-collage__media {
	flex: 1 1 420px;
	position: relative;
	min-height: 420px;
}
.vita-collage__image {
	position: absolute;
	width: 55%;
}
.vita-collage__image img {
	display: block;
	width: 100%;
	height: auto;
}
.vita-collage__image--top-right {
	top: 0;
	right: 0;
}
.vita-collage__image--bottom-left {
	bottom: 0;
	left: 0;
}
.vita-collage--text-light {
	color: #ffffff;
}
.vita-collage--text-light .vita-collage__card {
	background: rgba(255, 255, 255, 0.15);
	color: #ffffff;
}
.vita-collage--text-light .vita-collage__card-title {
	color: #ffffff;
}
.vita-collage--text-light .vita-collage__card-body {
	color: rgba(255, 255, 255, 0.9);
}
.vita-collage--text-light .vita-collage__card-cta {
	background: #ffffff;
	color: #134B8D;
}

@media (max-width: 900px) {
	.vita-collage {
		padding: 3rem 0;
	}
	.vita-collage__grid {
		flex-direction: column;
	}
	.vita-collage__media {
		min-height: 300px;
	}
	.vita-collage__image {
		width: 65%;
	}
	.vita-collage__decor {
		opacity: 0.4;
	}
}
.vita-anniversary-hero {
	margin-top: 4%;
	position: relative;
	padding: 5rem 0 4.5rem;
	color: #134B8D;
	text-align: center;
	overflow: hidden;
	background: #d7eefc;
}
.vita-anniversary-hero__background {
	position: absolute;
	inset: 0;
	background-size: cover;
	background-position: center;
	filter: brightness(0.95) contrast(1.05) saturate(1.1);
}
.vita-anniversary-hero__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(194, 194, 194, 0.05), rgba(0, 0, 0, 0.1));
	mix-blend-mode: screen;
}
.vita-anniversary-hero__decor {
	position: absolute;
	z-index: 2;
}
.vita-anniversary-hero__decor img {
	display: block;
	width: 100%;
	height: auto;
}
.vita-anniversary-hero__decor--left {
	left: 5%;
	bottom: -2%;
	max-width: 180px;
}
.vita-anniversary-hero__decor--right {
	right: 0;
	top: 0;
	max-width: 210px;
}
.vita-anniversary-hero__content {
	position: relative;
	z-index: 3;
	max-width: 1000px;
	margin: 0 auto;
}
.vita-anniversary-hero__title {
	font-size: clamp(2rem, 4.2vw, 3.6rem);
	font-weight: 800;
	color: #134B8D;
	letter-spacing: 0.5px;
	margin: 0 0 1.25rem;
}
.vita-anniversary-hero__title--highlight {
	color: #ffffff;
	text-shadow: 2px 2px 0 #29ABE2, 3px 3px 0 rgb(25.7777777778, 141.3333333333, 190.2222222222), 4px 4px 0 rgb(19.6913580247, 107.962962963, 145.3086419753);
}
.vita-anniversary-hero__body {
	font-size: 1.125rem;
	line-height: 1.55;
	max-width: 760px;
	margin: 0 auto;
}
.vita-anniversary-hero--invert {
	color: #ffffff;
}
.vita-anniversary-hero--invert .vita-anniversary-hero__background {
	filter: brightness(0.95) contrast(1.05) saturate(1.05);
}
.vita-anniversary-hero__wave-bottom::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 40px;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1200 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,30 C200,0 400,60 600,30 C800,0 1000,60 1200,30 L1200,60 L0,60 Z' fill='%23ffffff'/%3E%3C/svg%3E");
	background-size: cover;
	background-repeat: no-repeat;
	z-index: 1;
	height: 60px;
}

@media (max-width: 900px) {
	.vita-anniversary-hero {
		padding: 4rem 0 3rem;
	}
	.vita-anniversary-hero__title {
		font-size: clamp(3rem, 9vw, 5rem);
	}
	.vita-anniversary-hero__content {
		padding: 0 20px 30px 20px;
	}
	.vita-anniversary-hero__decor--left, .vita-anniversary-hero__decor--right {
		opacity: 0.65;
		max-width: 100px;
	}
}
.vita-product-support {
	position: relative;
	padding: 4.5rem 0;
}
.vita-product-support__grid {
	display: flex;
	flex-wrap: wrap;
	gap: 3rem;
	align-items: center;
}
.vita-product-support__media {
	flex: 1 1 380px;
	position: relative;
	min-height: 420px;
}
.vita-product-support__pack {
	position: relative;
	z-index: 2;
	width: 55%;
	max-width: 320px;
}
.vita-product-support__pack img {
	display: block;
	width: 100%;
	height: auto;
}
.vita-product-support__accent {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(-2deg);
	width: 110%;
	max-width: 560px;
	opacity: 0.9;
}
.vita-product-support__accent img {
	display: block;
	width: 100%;
	height: auto;
}
.vita-product-support__arrow {
	position: absolute;
	z-index: 3;
}
.vita-product-support__arrow--top {
	top: 5%;
	left: 60%;
	width: 120px;
}
.vita-product-support__arrow--bottom {
	bottom: 0;
	right: 55%;
	width: 100px;
}
.vita-product-support__arrow img {
	display: block;
	width: 100%;
	height: auto;
}
.vita-product-support__content {
	flex: 1 1 420px;
	max-width: 600px;
}
.vita-product-support__title {
	font-size: clamp(1.9rem, 3.4vw, 3rem);
	font-weight: 800;
	margin: 0 0 1rem;
	color: #134B8D;
}
.vita-product-support__body {
	font-size: 1.05rem;
	line-height: 1.55;
	color: #134B8D;
}
.vita-product-support__body p {
	margin: 0 0 1rem;
}
.vita-product-support--image_right .vita-product-support__grid {
	flex-direction: row-reverse;
}
.vita-product-support--image_right .vita-product-support__arrow--top {
	left: auto;
	right: 60%;
}
.vita-product-support--image_right .vita-product-support__arrow--bottom {
	right: auto;
	left: 55%;
}
.vita-product-support--bg-light {
	background: #d7eefc;
}
.vita-product-support--bg-cream {
	background: #F7F9FA;
}

@media (max-width: 900px) {
	.vita-product-support {
		padding: 3.5rem 0;
	}
	.vita-product-support__grid {
		flex-direction: column;
	}
	.vita-product-support__media {
		min-height: 340px;
	}
	.vita-product-support__pack {
		width: 48%;
	}
	.vita-product-support__arrow {
		display: none;
	}
}
.vita-news-feed {
	padding: 4rem 0 3.5rem;
	background: #ffffff;
}
.vita-news-feed__title {
	text-align: center;
	font-size: clamp(2rem, 3vw, 2.6rem);
	font-weight: 800;
	margin: 0 0 2.2rem;
	color: #134B8D;
}
.vita-news-feed__grid {
	display: grid;
	gap: 1.75rem;
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	margin-bottom: 1.75rem;
}
.vita-news-feed__card {
	background: #ffffff;
	border: 1px solid #e2e8f0;
	border-radius: 14px;
	padding: 0 0 1.25rem;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04);
	display: flex;
	flex-direction: column;
	transition: box-shadow 0.25s ease, transform 0.25s ease;
	position: relative;
}
.vita-news-feed__card:hover {
	box-shadow: 0 6px 22px rgba(0, 0, 0, 0.09);
	transform: translateY(-4px);
}
.vita-news-feed__media {
	display: block;
	border-radius: 14px 14px 0 0;
	overflow: hidden;
	background: #edf2f7;
}
.vita-news-feed__media img {
	display: block;
	width: 100%;
	height: auto;
	-o-object-fit: cover;
	object-fit: cover;
}
.vita-news-feed__meta {
	font-size: 0.7rem;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: #5f6b82;
	padding: 0.85rem 1.1rem 0;
	display: flex;
	gap: 0.45rem;
	align-items: center;
}
.vita-news-feed__card-title {
	font-size: 1rem;
	line-height: 1.35;
	font-weight: 600;
	padding: 0.4rem 1.1rem 0.25rem;
	margin: 0;
}
.vita-news-feed__card-title a {
	text-decoration: none;
	color: #134B8D;
}
.vita-news-feed__card-title a:hover {
	text-decoration: underline;
}
.vita-news-feed__excerpt {
	font-size: 0.85rem;
	line-height: 1.45;
	color: #134B8D;
	padding: 0 1.1rem;
	flex-grow: 1;
}
.vita-news-feed__excerpt p {
	margin: 0 0 0.75rem;
}
.vita-news-feed__cta {
	text-align: center;
	margin-top: 0.5rem;
}
.vita-news-feed__cta-button {
	background: #1f56a9;
	color: #ffffff;
	font-size: 0.8rem;
	font-weight: 700;
	padding: 0.7rem 1.4rem;
	display: inline-block;
	border-radius: 4px;
	letter-spacing: 0.5px;
	text-decoration: none;
	transition: background 0.2s ease, transform 0.2s ease;
}
.vita-news-feed__cta-button:hover {
	background: #134B8D;
	transform: translateY(-2px);
}

@media (min-width: 1100px) {
	.vita-news-feed__grid {
		grid-template-columns: repeat(3, 1fr);
	}
}
.vita-value-pillars {
	position: relative;
	padding: 4.5rem 0 4rem;
	background: #ffffff;
	overflow: hidden;
}
.vita-value-pillars__decor {
	position: absolute;
	z-index: 0;
}
.vita-value-pillars__decor img {
	display: block;
	width: 100%;
	height: auto;
}
.vita-value-pillars__decor--left {
	left: 0;
	top: 5%;
	width: 240px;
}
.vita-value-pillars__decor--right {
	right: 0;
	bottom: 0;
	width: 240px;
}
.vita-value-pillars__inner {
	position: relative;
	z-index: 1;
}
.vita-value-pillars__heading {
	text-align: center;
	max-width: 880px;
	margin: 0 auto 2.5rem;
}
.vita-value-pillars__title {
	font-size: clamp(2rem, 3.5vw, 2.9rem);
	margin: 0 0 1rem;
	font-weight: 800;
	color: #134B8D;
}
.vita-value-pillars__intro {
	font-size: 1.05rem;
	line-height: 1.6;
	color: #134B8D;
	margin: 0;
}
.vita-value-pillars__grid {
	display: grid;
	gap: 1.6rem;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.vita-value-pillars__card {
	background: #1f56a9;
	color: #ffffff;
	padding: 1.6rem 1.4rem 1.4rem;
	border-radius: 12px;
	position: relative;
	overflow: hidden;
	text-align: center;
	box-shadow: 0 4px 18px rgba(0, 0, 0, 0.12);
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.vita-value-pillars__card:hover {
	transform: translateY(-6px);
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
}
.vita-value-pillars__card-icon {
	margin: 0 auto 0.65rem;
	width: 58px;
}
.vita-value-pillars__card-icon img {
	display: block;
	width: 100%;
	height: auto;
}
.vita-value-pillars__card-title {
	font-size: 1rem;
	font-weight: 800;
	letter-spacing: 0.5px;
	margin: 0 0 0.5rem;
	text-transform: uppercase;
}
.vita-value-pillars__card-body {
	font-size: 0.85rem;
	line-height: 1.4;
	margin: 0;
}

@media (min-width: 1100px) {
	.vita-value-pillars__grid {
		grid-template-columns: repeat(3, 1fr);
	}
}
.vita-mission-band {
	position: relative;
	padding: 4rem 0 3.5rem;
	text-align: center;
	overflow: hidden;
	background: #ffffff;
}
.vita-mission-band--bg-light {
	background: #d7eefc;
}
.vita-mission-band--bg-blue {
	background: #134B8D;
	color: #ffffff;
}
.vita-mission-band__decor {
	position: absolute;
	z-index: 0;
}
.vita-mission-band__decor img {
	display: block;
	width: 100%;
	height: auto;
}
.vita-mission-band__decor--left {
	left: 0;
	top: 0;
	width: 240px;
}
.vita-mission-band__decor--right {
	right: 0;
	bottom: 0;
	width: 240px;
}
.vita-mission-band__inner {
	position: relative;
	z-index: 1;
	max-width: 880px;
	margin: 0 auto;
}
.vita-mission-band__title {
	font-size: clamp(2rem, 3.4vw, 2.8rem);
	margin: 0 0 1rem;
	font-weight: 800;
	color: inherit;
}
.vita-mission-band__body {
	font-size: 1.05rem;
	line-height: 1.55;
	color: inherit;
}
.vita-mission-band__body p {
	margin: 0 0 1rem;
}

.vita-video-embed {
	position: relative;
	padding: 3.5rem 0;
}
.vita-video-embed--bg-light {
	background: #d7eefc;
}
.vita-video-embed--bg-dark {
	background: #134B8D;
	color: #ffffff;
}
.vita-video-embed__inner {
	max-width: 960px;
	margin: 0 auto;
}
.vita-video-embed__title {
	font-size: clamp(1.9rem, 3.2vw, 2.6rem);
	font-weight: 800;
	margin: 0 0 1.25rem;
	text-align: center;
	color: inherit;
}
.vita-video-embed__player {
	position: relative;
	border-radius: 14px;
	overflow: hidden;
	background: #000;
	aspect-ratio: 16/9;
}
.vita-video-embed__player iframe,
.vita-video-embed__player video {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}
.vita-video-embed__caption {
	margin-top: 1rem;
	font-size: 0.95rem;
	line-height: 1.5;
	max-width: 780px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	color: inherit;
}
.vita-video-embed--wide .vita-video-embed__inner {
	width: 100%;
	max-width: 1400px !important;
	margin: 0 auto;
	padding: 0 20px;
}
@media (min-width: 1000px) {
	.vita-video-embed--wide .vita-video-embed__inner {
		padding: 0 40px;
	}
}
@media (min-width: 1400px) {
	.vita-video-embed--wide .vita-video-embed__inner {
		padding: 0 60px;
	}
}
.vita-video-embed--full {
	padding: 0;
}
.vita-video-embed--full .vita-video-embed__inner {
	max-width: none;
	width: 100%;
}
.vita-video-embed--full .vita-video-embed__player {
	border-radius: 0;
}

.about-gallery {
	width: 100%;
	height: auto;
}
.about-gallery__inner {
	display: flex;
	align-items: stretch;
	width: 100%;
	min-height: 100vh;
}
.about-gallery__left, .about-gallery__right {
	width: 50%;
}
.about-gallery__left {
	position: relative;
}
.about-gallery__left > .about-gallery__details-wrapper {
	width: 100%;
}
.about-gallery__left .about-gallery__details {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: clamp(16px, 4vw, 60px);
}
.about-gallery__left .about-gallery__details .about-gallery__heading {
	font-size: clamp(18px, 2.5vw, 35px);
	line-height: 1.1;
	margin-bottom: clamp(5px, 1.2vw, 10px);
	font-weight: 700;
}
.about-gallery__left .about-gallery__details .about-gallery__description {
	font-size: clamp(15px, 1.2vw, 16px);
	line-height: 1.7;
}
.about-gallery__left .about-gallery__details .about-gallery__description p + p {
	margin-top: 0.8em;
}
.about-gallery__right {
	position: relative;
	height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.about-gallery__photos {
	position: relative;
	width: min(50vw, 100%);
	aspect-ratio: 4/3;
	margin-inline: auto;
	overflow: hidden;
	height: 100vh;
}
.about-gallery__photo {
	position: absolute;
	inset: 0;
	display: grid;
	place-items: center;
}
.about-gallery__photo img, .about-gallery__photo--fallback {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	display: block;
	background: #eaeaea;
}
.about-gallery__photo.is-clipped {
	clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);
}

@media (max-width: 1024px) {
	.about-gallery__inner {
		flex-direction: column;
	}
	.about-gallery__left, .about-gallery__right {
		width: 100%;
	}
	.about-gallery__right {
		order: -1;
		height: 60vh;
	}
	.about-gallery__photos {
		width: 90vw;
		aspect-ratio: 4/3;
	}
	.about-gallery__left .about-gallery__details {
		min-height: 80vh;
	}
}
/**
 * Recipes Carousel Section - Swiper Implementation
 *
 * Full-width recipe showcase with image and details side-by-side
 * Includes GSAP animations for smooth transitions
 *
 * @package Vita_XYZ
 * @version 2.0.0
 * /src/sass/components/recipe/_recipes-carousel.scss
 *
 * Version History:
 * - 2.0.0: Converted flat CSS to nested SCSS structure
 *          Replaced hardcoded colors with SASS variables
 *          Added proper BEM-style nesting
 *          Improved maintainability and consistency
 * - 1.0.0: Initial Swiper implementation
 */
.recipes-carousel-section {
	background-color: #f2c200;
	padding: 60px 0;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.recipes-carousel-section .vita-container {
	padding: 20px 50px;
	max-width: 1200px !important;
	width: 50%;
}
@media (max-width: 768px) {
	.recipes-carousel-section .vita-container {
		width: 100%;
		padding: 20px 10px;
	}
}
.recipes-carousel-section .vita-container .section-title,
.recipes-carousel-section .vita-container .section-subtitle {
	text-align: center;
}
.recipes-carousel-section .vita-container .section-title {
	font-size: clamp(3rem, 5vw, 4rem);
	font-weight: 900;
	color: #134B8D;
	margin: 0 0 10px;
}
.recipes-carousel-section .vita-container .section-subtitle {
	font-size: clamp(2.5rem, 5vw, 4rem);
	font-weight: 900;
	margin: 0;
}
.recipes-carousel-section .swiper-container {
	overflow: hidden;
	background-color: #ffffff;
	width: 100%;
	max-width: 1000px;
	height: 500px;
	border-radius: 25px;
	box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
}
.recipes-carousel-section .swiper-slide {
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: transform;
	overflow: hidden;
}
.recipes-carousel-section .slide-content {
	display: grid;
	grid-template-columns: 1fr 1fr;
	width: 100%;
	height: 100%;
}
.recipes-carousel-section .recipe-image {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.recipes-carousel-section .recipe-image img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	transform: scale(1.2);
	opacity: 0;
}
.recipes-carousel-section .recipe-details-container {
	display: flex;
	justify-content: center;
	padding: 40px;
	transition: background-color 0.5s ease-in-out;
	height: 100%;
}
.recipes-carousel-section .recipe-details {
	color: #ffffff;
	max-width: 300px;
}
.recipes-carousel-section .recipe-title {
	font-size: 42px;
	font-weight: 700;
	margin: 0 0 20px 0;
	line-height: 1.2;
	opacity: 0;
	transform: translateY(30px);
}
.recipes-carousel-section .recipe-description {
	font-size: 16px;
	margin: 0 0 30px 0;
	line-height: 1.6;
	opacity: 0;
	transform: translateY(30px);
}
.recipes-carousel-section .recipe-meta {
	display: flex;
	gap: 25px;
	align-items: center;
}
.recipes-carousel-section .meta-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	opacity: 0;
	transform: translateY(30px);
}
.recipes-carousel-section .meta-item .icon {
	font-size: 24px;
	margin-bottom: 8px;
}
.recipes-carousel-section .meta-item p {
	margin: 0;
	font-size: 14px;
	font-weight: 500;
}
.recipes-carousel-section .swiper-button-next,
.recipes-carousel-section .swiper-button-prev {
	color: #29ABE2;
	top: 70% !important;
	transform: translateY(-70%) !important;
}
.recipes-carousel-section .swiper-button-next {
	right: 5% !important;
}
.recipes-carousel-section .swiper-button-prev {
	left: 5% !important;
}
.recipes-carousel-section .swiper-pagination-bullet {
	background: rgba(255, 255, 255, 0.5);
}
.recipes-carousel-section .swiper-pagination-bullet-active {
	background: #f2c200;
}
@media (max-width: 768px) {
	.recipes-carousel-section {
		padding: 5vh 0;
	}
	.recipes-carousel-section .swiper-container {
		width: 90%;
		height: auto;
	}
	.recipes-carousel-section .swiper-slide {
		height: auto;
	}
	.recipes-carousel-section .slide-content {
		grid-template-columns: 1fr;
		grid-template-rows: 250px auto;
	}
	.recipes-carousel-section .recipe-details-container {
		padding: 30px 25px;
	}
	.recipes-carousel-section .recipe-title {
		font-size: 32px;
	}
	.recipes-carousel-section .recipe-description {
		font-size: 15px;
		margin-bottom: 25px;
	}
	.recipes-carousel-section .recipe-meta {
		gap: 20px;
		justify-content: center;
	}
	.recipes-carousel-section .swiper-button-next,
	.recipes-carousel-section .swiper-button-prev {
		display: none;
	}
}
.recipes-carousel-section__pattern {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.25;
	z-index: 0;
	background-image: repeating-linear-gradient(-45deg, transparent, transparent 40px, rgba(255, 255, 255, 0.5) 40px, rgba(255, 255, 255, 0.5) 80px);
	pointer-events: none;
}
.recipes-carousel-section__wave-top {
	position: relative;
	height: 60px;
}
.recipes-carousel-section__wave-top::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 60px;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1200 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,30 C200,0 400,60 600,30 C800,0 1000,60 1200,30 L1200,60 L0,60 Z' fill='%23ffffff'/%3E%3C/svg%3E");
	background-size: cover;
	background-repeat: no-repeat;
	top: 0;
	transform: scaleY(-1);
	z-index: 2;
}
.recipes-carousel-section__wave-bottom {
	position: relative;
	height: 40px;
}
.recipes-carousel-section__wave-bottom::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 40px;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1200 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,30 C200,0 400,60 600,30 C800,0 1000,60 1200,30 L1200,60 L0,60 Z' fill='%23ffffff'/%3E%3C/svg%3E");
	background-size: cover;
	background-repeat: no-repeat;
	z-index: 1;
}

/**
 * Recipe Product Ingredients Component Styles
 * Clean, minimal ingredient cards for recipe product display
 *
 * @package Vita_XYZ
 * @version 1.0.0
 * @since 1.0.0
 * /src/sass/components/recipe/_recipe-product-ingredients.scss
 */
.recipe-ingredients-products {
	margin: 60px 0;
	padding: 40px 0;
	border-radius: 16px;
}
@media (max-width: 768px) {
	.recipe-ingredients-products {
		margin: 40px 0;
		padding: 30px 0;
	}
}
.recipe-ingredients-products__container {
	margin: 0 auto;
	padding: 30px 50px;
	border: 1px solid #f2c200;
	border-radius: 20px;
}
.recipe-ingredients-products__title {
	font-size: 2rem;
	font-weight: 700;
	color: #134B8D;
	text-align: center;
	margin-bottom: 12px;
	margin-top: 0;
	line-height: 1.3;
}
@media (max-width: 768px) {
	.recipe-ingredients-products__title {
		font-size: 1.75rem;
	}
}
@media (max-width: 576px) {
	.recipe-ingredients-products__title {
		font-size: 1.5rem;
	}
}
.recipe-ingredients-products__subtitle {
	font-size: 1.1rem;
	color: #5f6b82;
	text-align: center;
	margin-bottom: 40px;
	font-weight: 400;
}
@media (max-width: 768px) {
	.recipe-ingredients-products__subtitle {
		font-size: 1rem;
		margin-bottom: 30px;
	}
}
.recipe-ingredients-products__grid {
	display: grid;
	gap: 30px;
	justify-content: center;
	margin-bottom: 40px;
}
.recipe-ingredients-products__grid[data-count="1"] {
	grid-template-columns: 1fr;
	max-width: 280px;
	margin-left: auto;
	margin-right: auto;
}
.recipe-ingredients-products__grid[data-count="2"] {
	grid-template-columns: repeat(2, 1fr);
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}
@media (max-width: 576px) {
	.recipe-ingredients-products__grid[data-count="2"] {
		grid-template-columns: 1fr;
		max-width: 280px;
	}
}
.recipe-ingredients-products__grid[data-count="3"] {
	grid-template-columns: repeat(3, 1fr);
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}
@media (max-width: 768px) {
	.recipe-ingredients-products__grid[data-count="3"] {
		grid-template-columns: repeat(2, 1fr);
		max-width: 600px;
	}
}
@media (max-width: 576px) {
	.recipe-ingredients-products__grid[data-count="3"] {
		grid-template-columns: 1fr;
		max-width: 280px;
	}
}
.recipe-ingredients-products__grid[data-count="4"], .recipe-ingredients-products__grid[data-count="5"], .recipe-ingredients-products__grid[data-count="6"] {
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
@media (max-width: 576px) {
	.recipe-ingredients-products__grid[data-count="4"], .recipe-ingredients-products__grid[data-count="5"], .recipe-ingredients-products__grid[data-count="6"] {
		grid-template-columns: 1fr;
	}
}
.recipe-ingredients-products__cta {
	text-align: center;
	margin-top: 30px;
}
.recipe-ingredients-products__view-all {
	display: inline-flex;
	align-items: center;
	padding: 12px 24px;
	background: transparent;
	border: 2px solid #134B8D;
	color: #134B8D;
	text-decoration: none;
	font-weight: 600;
	font-size: 0.95rem;
	border-radius: 25px;
	transition: all 0.3s ease;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}
.recipe-ingredients-products__view-all:hover {
	background: #134B8D;
	color: white;
	transform: translateY(-2px);
}

.ingredient-card {
	background: white;
	border-radius: 12px;
	overflow: hidden;
	transition: all 0.3s ease;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.02);
}
.ingredient-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
	border-color: rgba(19, 75, 141, 0.2);
}
.ingredient-card__link {
	display: block;
	text-decoration: none;
	color: inherit;
	height: 100%;
}
.ingredient-card__image {
	position: relative;
	width: 100%;
	height: 200px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
}
@media (max-width: 576px) {
	.ingredient-card__image {
		height: 180px;
	}
}
.ingredient-card__img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	transition: all 0.3s ease;
}
.ingredient-card:hover .ingredient-card__img {
	transform: scale(1.05);
}
.ingredient-card__placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
	color: #5f6b82;
	font-size: 0.9rem;
	font-weight: 500;
	text-align: center;
	padding: 20px;
}
.ingredient-card__placeholder span {
	opacity: 0.7;
}
.ingredient-card__info {
	border-top: 1px solid rgba(0, 0, 0, 0.08);
	padding: 20px;
	text-align: center;
}
@media (max-width: 576px) {
	.ingredient-card__info {
		padding: 16px;
	}
}
.ingredient-card__name {
	font-size: 1.1rem;
	font-weight: 700;
	color: #134B8D;
	margin: 0 0 8px 0;
	line-height: 1.3;
	text-transform: uppercase;
	letter-spacing: 0.02em;
}
@media (max-width: 576px) {
	.ingredient-card__name {
		font-size: 1rem;
	}
}
.ingredient-card:hover .ingredient-card__name {
	color: rgb(12.94375, 51.09375, 96.05625);
}
.ingredient-card__category {
	display: inline-block;
	font-size: 0.85rem;
	color: #5f6b82;
	font-weight: 500;
	background: rgba(19, 75, 141, 0.08);
	padding: 4px 12px;
	border-radius: 12px;
	text-transform: capitalize;
}

.vita-recipe__content .recipe-ingredients-products {
	margin: 60px 0;
}
.vita-recipe__section + .vita-recipe__content .recipe-ingredients-products {
	margin-top: 80px;
}
.vita-recipe__content .recipe-ingredients-products + .vita-recipe__section {
	margin-top: 80px;
}

.xyz-contact-form-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.5rem;
}
@media (min-width: 768px) {
	.xyz-contact-form-grid {
		grid-template-columns: 1fr 1fr;
	}
}

.xyz-form-group {
	display: flex;
	margin-bottom: 1.5rem;
	flex-direction: column;
}
.xyz-form-group label {
	font-weight: 600;
	margin-bottom: 0.5rem;
	color: #333;
}
.xyz-form-group .required {
	color: #d9534f;
	margin-left: 0.25rem;
}
.xyz-form-group input[type=text],
.xyz-form-group input[type=email],
.xyz-form-group input[type=tel],
.xyz-form-group textarea,
.xyz-form-group select {
	width: 100%;
	padding: 0.75rem 1rem;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 1rem;
	transition: border-color 0.3s ease;
}
.xyz-form-group input[type=text]:focus,
.xyz-form-group input[type=email]:focus,
.xyz-form-group input[type=tel]:focus,
.xyz-form-group textarea:focus,
.xyz-form-group select:focus {
	outline: none;
	border-color: #005a9c;
	box-shadow: 0 0 0 2px rgba(0, 90, 156, 0.2);
}
.xyz-form-group textarea {
	resize: vertical;
	min-height: 120px;
}
.xyz-form-group.acceptance {
	display: flex;
	align-items: center;
	font-size: 0.9rem;
}
.xyz-form-group.acceptance input[type=checkbox] {
	margin-right: 0.75rem;
}
.xyz-form-group.acceptance a {
	color: #005a9c;
	text-decoration: underline;
}
.xyz-form-group.submit {
	text-align: right;
}
.xyz-form-group.submit input[type=submit],
.xyz-form-group.submit .wpcf7-submit {
	width: 15%;
	background-color: #005a9c;
	color: #fff;
	border: none;
	padding: 0.85rem 2rem;
	font-size: 1rem;
	font-weight: 600;
	border-radius: 4px;
	cursor: pointer;
	transition: background-color 0.3s ease;
}
.xyz-form-group.submit input[type=submit]:hover,
.xyz-form-group.submit .wpcf7-submit:hover {
	background-color: #004170;
}
@media (max-width: 576px) {
	.xyz-form-group.submit input[type=submit],
	.xyz-form-group.submit .wpcf7-submit {
		width: 100%;
	}
}

span.wpcf7-not-valid-tip {
	color: #d9534f;
	font-size: 0.9em;
	margin-top: 0.25rem;
}

div.wpcf7-validation-errors {
	border: 1px solid #fbe2e2;
	background-color: #f9eaea;
	color: #c00;
	padding: 1rem;
	margin-bottom: 1.5rem;
	border-radius: 4px;
}

.vita-info-cards {
	padding: 80px 0;
	background-color: #F7F9FA;
	position: relative;
	overflow: hidden;
}
@media (max-width: 992px) {
	.vita-info-cards {
		padding: 70px 0;
	}
}
@media (max-width: 768px) {
	.vita-info-cards {
		padding: 60px 0;
	}
}
@media (max-width: 576px) {
	.vita-info-cards {
		padding: 48px 0;
	}
}
.vita-info-cards__header {
	text-align: center;
	margin-bottom: 60px;
}
@media (max-width: 768px) {
	.vita-info-cards__header {
		margin-bottom: 48px;
	}
}
.vita-info-cards__title {
	font-size: clamp(2rem, 4vw, 3rem);
	font-weight: 900;
	color: #134B8D;
	margin: 0;
}
.vita-info-cards__carousel-wrapper {
	position: relative;
	display: flex;
	justify-content: center;
	padding: 0 56px;
}
@media (max-width: 992px) {
	.vita-info-cards__carousel-wrapper {
		padding: 0 40px;
	}
}
@media (max-width: 768px) {
	.vita-info-cards__carousel-wrapper {
		padding: 0 28px;
	}
}
@media (max-width: 576px) {
	.vita-info-cards__carousel-wrapper {
		padding: 0 16px;
	}
}
.vita-info-cards__carousel {
	position: relative;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}
@media (max-width: 576px) {
	.vita-info-cards__carousel.swiper {
		overflow: visible;
	}
}
.vita-info-cards__carousel.swiper .swiper-slide {
	height: auto;
}
@media (max-width: 576px) {
	.vita-info-cards__carousel.swiper .swiper-slide {
		display: flex;
		justify-content: center;
	}
}
.vita-info-cards__track {
	align-items: stretch;
}
.vita-info-cards__track.swiper-wrapper {
	align-items: stretch;
}
.vita-info-cards__card {
	position: relative;
	display: flex;
	height: auto;
	border-radius: 20px;
	overflow: visible;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.vita-info-cards__card:hover {
	transform: translateY(-5px);
	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}
@media (max-width: 576px) {
	.vita-info-cards__card {
		width: min(85vw, 360px);
		margin: 0 auto;
	}
}
.vita-info-cards__card-inner {
	position: relative;
	display: flex;
	flex-direction: column;
	border-radius: 20px;
	overflow: hidden;
	background-color: transparent;
	height: 100%;
}
.vita-info-cards__card-badge {
	position: absolute;
	top: 16px;
	right: 16px;
	background-color: #e63946;
	color: #ffffff;
	padding: 6px 12px;
	border-radius: 20px;
	font-size: 0.75rem;
	font-weight: 700;
	text-transform: uppercase;
	z-index: 2;
	box-shadow: 0 2px 8px rgba(230, 57, 70, 0.3);
	letter-spacing: 0.5px;
}
@media (max-width: 576px) {
	.vita-info-cards__card-badge {
		top: 12px;
		right: 12px;
		padding: 4px 10px;
		font-size: 0.7rem;
	}
}
.vita-info-cards__card-image {
	min-height: 240px;
	aspect-ratio: 4/3;
	overflow: hidden;
	background-color: #ffffff;
	border-radius: 20px 20px 0 0;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
.vita-info-cards__card-image img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	-o-object-position: center;
	object-position: center;
	padding: 15px;
	transition: transform 0.3s ease;
}
.vita-info-cards__card-image:hover img {
	transform: scale(1.05);
}
@media (max-width: 768px) {
	.vita-info-cards__card-image {
		min-height: 200px;
		aspect-ratio: 3/2;
	}
	.vita-info-cards__card-image img {
		padding: 12px;
	}
}
@media (max-width: 576px) {
	.vita-info-cards__card-image {
		min-height: 180px;
	}
	.vita-info-cards__card-image img {
		padding: 10px;
	}
}
.vita-info-cards__card-content {
	background-color: #134B8D;
	padding: 30px;
	flex: 1;
	display: flex;
	flex-direction: column;
	border-radius: 0 0 20px 20px;
	min-height: 160px;
}
@media (max-width: 768px) {
	.vita-info-cards__card-content {
		padding: 24px;
		min-height: 140px;
	}
}
@media (max-width: 576px) {
	.vita-info-cards__card-content {
		padding: 20px;
		min-height: 110px;
	}
}
.vita-info-cards__card-title {
	font-size: 1.4rem;
	font-weight: 800;
	color: #ffffff;
	margin: 0 0 15px;
	text-transform: uppercase;
}
@media (max-width: 768px) {
	.vita-info-cards__card-title {
		font-size: 1.25rem;
	}
}
@media (max-width: 576px) {
	.vita-info-cards__card-title {
		font-size: 1.15rem;
	}
}
.vita-info-cards__card-description {
	font-size: 0.95rem;
	color: rgba(255, 255, 255, 0.9);
	line-height: 1.6;
	margin: 0 0 20px;
	flex: 1;
}
@media (max-width: 576px) {
	.vita-info-cards__card-description {
		font-size: 0.9rem;
		margin-bottom: 16px;
	}
}
.vita-info-cards__card-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #f2c200;
	text-decoration: none;
	font-weight: 700;
	transition: gap 0.3s ease;
}
.vita-info-cards__card-link:hover {
	gap: 12px;
}
.vita-info-cards__card-link .vita-arrow {
	transition: transform 0.2s ease;
}
.vita-info-cards__card-link:hover .vita-arrow {
	transform: translateX(4px);
}
.vita-info-cards__nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background-color: #ffffff;
	border: 2px solid #134B8D;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 5;
	transition: background-color 0.2s ease, box-shadow 0.2s ease;
	padding: 0 !important;
}
.vita-info-cards__nav:hover {
	background-color: #134B8D;
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
}
.vita-info-cards__nav:hover svg {
	stroke: #ffffff;
}
.vita-info-cards__nav:disabled, .vita-info-cards__nav[aria-disabled=true] {
	opacity: 0.5;
	pointer-events: none;
	box-shadow: none;
	cursor: default;
}
.vita-info-cards__nav svg {
	stroke: #134B8D;
	transition: stroke 0.3s ease;
}
.vita-info-cards__nav--prev {
	left: 16px;
}
@media (max-width: 576px) {
	.vita-info-cards__nav--prev {
		left: 8px;
	}
}
.vita-info-cards__nav--next {
	right: 16px;
}
@media (max-width: 576px) {
	.vita-info-cards__nav--next {
		right: 8px;
	}
}
@media (max-width: 360px) {
	.vita-info-cards__nav {
		display: none;
	}
}
.vita-info-cards__decoration {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 150px;
	z-index: 0;
	display: none;
}
@media (min-width: 1200px) {
	.vita-info-cards__decoration {
		display: block;
	}
}
.vita-info-cards__decoration--left {
	left: -100px;
}
.vita-info-cards__decoration--right {
	right: -100px;
}
.vita-info-cards__decoration img {
	width: 100%;
	height: auto;
	opacity: 0.3;
}
@media (max-width: 768px) {
	.vita-info-cards.vita-carousel-initialized::before {
		content: "← Swipe →";
		position: absolute;
		top: -26px;
		right: 16px;
		font-size: 0.75rem;
		color: #5f6b82;
		opacity: 0;
		animation: fadeInHint 0.5s ease 2s forwards;
	}
}

@keyframes fadeInHint {
	0% {
		opacity: 0;
		transform: translateY(-8px);
	}
	100% {
		opacity: 0.7;
		transform: translateY(0);
	}
}
/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}
.screen-reader-text:focus {
	background-color: #f7fafc;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #1f56a9;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

.is-hidden {
	display: none !important;
}

@media (max-width: 768px) {
	.is-hidden-mobile {
		display: none !important;
	}
}

@media (min-width: 769px) {
	.is-hidden-desktop {
		display: none !important;
	}
}

/* Alignments
--------------------------------------------- */
.alignleft {
	/*rtl:ignore*/
	float: left;
	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {
	/*rtl:ignore*/
	float: right;
	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

/*
  * Scroll Smoother Styles
  * @package Vita_XYZ
  * @version 1.0.0
  * @since 1.0.0
  * /src/sass/utilities/_scroll-smoother.scss
 */
body.has-scroll-smoother #smooth-wrapper {
	position: fixed;
	inset: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
	z-index: 0;
}
body.has-scroll-smoother #smooth-content {
	min-height: 100%;
	will-change: transform;
}

body.admin-bar.has-scroll-smoother #smooth-wrapper {
	top: 32px;
}

@media (max-width: 782px) {
	body.admin-bar.has-scroll-smoother #smooth-wrapper {
		top: 46px;
	}
}
body.no-smooth-scroll #smooth-wrapper,
body.no-smooth-scroll #smooth-content {
	position: static;
	overflow: visible;
	transform: none !important;
}

/**
 * Sticky Elements Fallback Styles
 * Applied when ScrollSmoother is disabled or GSAP is not available
 *
 * @package Vita_XYZ
 * @version 1.0.0
 * /src/sass/utilities/_sticky-fallback.scss
 */
body:not(.has-scroll-smoother) .product-hero__visual {
	position: sticky;
	top: 0;
	z-index: 10;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
}
body:not(.has-scroll-smoother) .vita-single-post__featured-image {
	position: sticky;
	top: 100px;
	z-index: 5;
}
body:not(.has-scroll-smoother) .vita-single-post__featured-image .vita-single-post__img-container {
	height: 80vh;
	max-height: 600px;
	min-height: 400px;
}
body:not(.has-scroll-smoother) .vita-single-post__featured-image .vita-single-post__img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	border-radius: 12px;
}

.product-hero__visual {
	transition: transform 0.3s ease;
}
.product-hero__visual.vita-sticky-active {
	transform: translateZ(0);
	will-change: transform;
}

.vita-single-post__featured-image {
	transition: all 0.3s ease;
}
.vita-single-post__featured-image.vita-sticky-active {
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);
	transform: translateZ(0);
	will-change: transform;
}
.vita-single-post__featured-image .vita-single-post__img-container {
	position: relative;
	overflow: hidden;
	background: #e2e8f0;
}
.vita-single-post__featured-image .vita-single-post__img {
	transition: transform 0.3s ease;
}
.vita-single-post__featured-image .vita-single-post__img:hover {
	transform: scale(1.02);
}

@media (max-width: 992px) {
	body:not(.has-scroll-smoother) .product-hero__visual,
	body:not(.has-scroll-smoother) .vita-single-post__featured-image {
		position: static;
	}
}
@media (max-width: 768px) {
	body:not(.has-scroll-smoother) .vita-single-post__featured-image {
		margin-bottom: 32px;
	}
	body:not(.has-scroll-smoother) .vita-single-post__featured-image .vita-single-post__img-container {
		height: 250px;
	}
}