/*
 * Epic Rides — base theme styles.
 *
 * Loaded before Elementor's frontend/kit CSS, so anything set in Elementor
 * (Site Settings, page and widget styles) wins over these defaults.
 *
 * 1. Tokens            5. Header (desktop, sticky)
 * 2. Base              6. Mobile header + navigation
 * 3. Utilities         7. Footer
 * 4. Layout            8. Theme templates (pages, lists, 404)
 */

/* 1. Tokens ---------------------------------------------------------------- */
body {
	--color-font: var(--e-global-color-text, #626974);
	--color-primary: var(--e-global-color-primary, #184341);
	--color-secondary: var(--e-global-color-secondary, #8745d5);
	--color-link: #5b7bfb;
	--color-link-hover: #181b31;
	--color-heading: #181b31;
	--color-gradient-start: #007fff;
	--color-gradient-stop: #ff4d54;
	--lqd-site-width: 1140px;
	--lqd-sticky-header-height: 0px;
	--lqd-sticky-header-placeholder-height: 0px;
	--epic-ease: cubic-bezier(.23, 1, .32, 1);
	--epic-mobile-panel: 80vw;
	--epic-admin-bar: 0px;
}
body.admin-bar { --epic-admin-bar: 32px; }
@media (max-width: 782px) {
	body.admin-bar { --epic-admin-bar: 46px; }
}

/* 2. Base ------------------------------------------------------------------ */
*,
*::before,
*::after { box-sizing: border-box; }

html {
	font-size: 100%;
	overflow-x: hidden;
	-webkit-tap-highlight-color: transparent;
}
html,
body { max-width: 100vw; }

body {
	margin: 0;
	font-family: var(--e-global-typography-text-font-family, system-ui), -apple-system, "Segoe UI", Roboto, sans-serif;
	font-size: 18px;
	line-height: 1.7;
	font-weight: 400;
	color: var(--color-font);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
@media (max-width: 879px) {
	body { overflow-x: clip; }
}

article, aside, details, figcaption, figure, footer, header, main, nav, section, summary { display: block; }
figure { margin: 0; }
img {
	max-width: 100%;
	height: auto;
	border: 0;
	vertical-align: middle;
}
svg:not(:root) { overflow: hidden; }
iframe { max-width: 100%; }
b, strong { font-weight: 700; }
small { font-size: 80%; }
hr {
	height: 0;
	margin: 20px 0;
	border: 0;
	border-top: 1px solid #eee;
}

p {
	margin-top: 0;
	margin-bottom: 1.5em;
}
ul, ol {
	margin-top: 0;
	margin-bottom: 10px;
}
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }

a {
	color: var(--color-link);
	text-decoration: none;
	background-color: transparent;
	transition: color .3s, background-color .3s, border-color .3s, opacity .3s;
}
a:hover { color: var(--color-link-hover); }
a:hover,
a:focus { text-decoration: none; }
a:focus { outline: none; }
a:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}

/* Heading defaults; the kit's heading typography (h1–h6) overrides them. */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	margin: 1em 0 .5em;
	font-weight: 600;
	line-height: 1.2em;
	color: var(--color-heading);
}
h1, .h1 { margin-top: 0; font-size: 52px; }
h2, .h2 { margin-top: .75em; font-size: 40px; }
h3, .h3 { font-size: 32px; }
h4, .h4 { font-size: 25px; }
h5, .h5 { font-size: 21px; }
h6, .h6 { font-size: 18px; }

button,
input,
optgroup,
select,
textarea {
	margin: 0;
	font: inherit;
	color: inherit;
	line-height: inherit;
}
button { overflow: visible; text-transform: none; cursor: pointer; }
button[disabled] { cursor: default; }
button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }
input[type=search] { -webkit-appearance: none; appearance: none; box-sizing: border-box; }
textarea { overflow: auto; resize: vertical; }
label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 400; }
fieldset { margin: 0; padding: 0; border: none; }

table {
	width: 100%;
	margin-bottom: 1em;
	border-collapse: collapse;
	border-spacing: 0;
	color: #333;
	background-color: transparent;
}
table tr { border-bottom: 1px solid #dedede; }
table th,
table td { padding: .5em 1em .5em 0; border: none; text-align: start; }
table th,
table th a { color: #000; }
table thead th {
	padding-top: .8em;
	padding-bottom: .8em;
	font-size: .8em;
	letter-spacing: .1em;
	text-transform: uppercase;
}
table tbody th { font-weight: 400; }
table tbody tr:nth-child(odd) { background-color: #f7f7f7; }

pre {
	overflow: auto;
	margin: 0 0 1.5em;
	padding: 1em;
	font-size: 13px;
	line-height: 1.45;
	white-space: pre-wrap;
	background: #f5f5f5;
	border: 1px solid #ddd;
	border-radius: 4px;
}
code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; }
blockquote {
	margin: 0 0 2.5em;
	font-style: italic;
}

/* 3. Utilities -------------------------------------------------------------- */
.screen-reader-text,
.sr-only {
	position: absolute !important;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}
.skip-link:focus {
	z-index: 100000;
	top: 8px;
	left: 8px;
	width: auto;
	height: auto;
	padding: 12px 20px;
	clip: auto;
	color: #000;
	background: #fff;
	box-shadow: 0 2px 10px rgba(0, 0, 0, .2);
}
.d-none, .hidden { display: none !important; }
.d-block { display: block; }
.d-inline-block { display: inline-block; }
.d-flex { display: flex; }
.d-inline-flex { display: inline-flex; }
.flex-column { flex-direction: column; }
.flex-wrap { flex-wrap: wrap; }
.align-items-center { align-items: center; }
.align-items-stretch { align-items: stretch; }
.justify-content-center { justify-content: center; }
.justify-content-between { justify-content: space-between; }
.pos-rel { position: relative; }
.pos-abs { position: absolute; }
.w-100 { width: 100%; }
.h-100 { height: 100%; }
.text-center { text-align: center; }
.invisible { visibility: hidden; }
.reset-ul { margin: 0; padding: 0; list-style: none; }
.clearfix::after { content: ""; display: table; clear: both; }
.flex-column-reverse { flex-direction: column-reverse; }
.flex-grow-1 { flex-grow: 1; }
.align-items-start { align-items: flex-start; }
.align-items-end { align-items: flex-end; }
.justify-content-end { justify-content: flex-end; }
.overflow-hidden { overflow: hidden; }
.z-index-1 { z-index: 1; }
.z-index-2 { z-index: 2; }
.z-index-10 { z-index: 10; }
.text-start { text-align: start; }
.text-uppercase { text-transform: uppercase; }
.ws-nowrap { white-space: nowrap; }
.font-weight-bold { font-weight: 700; }
.ltr-sp-1 { letter-spacing: .1em; }
.border-radius-4 { border-radius: 4px; }
.border-radius-circle { border-radius: 10em; }
.bg-cover { background-size: cover; }
.bg-center { background-position: 50%; }
.m-0 { margin: 0; }
.mt-0 { margin-top: 0; }
.mb-0 { margin-bottom: 0; }
.mt-1 { margin-top: .25rem; }
.mb-1 { margin-bottom: .25rem; }
.mb-3 { margin-bottom: 1rem; }
.mt-4 { margin-top: 1.5rem; }
.mb-4 { margin-bottom: 1.5rem; }
.ml-4 { margin-left: 1.5rem; }
.mb-5 { margin-bottom: 2rem; }
.p-0 { padding: 0; }
.p-4 { padding: 1.5rem; }
.pt-4 { padding-top: 1.5rem; }
.pb-4 { padding-bottom: 1.5rem; }
.pt-6 { padding-top: 2.5rem; }

/* 12-column grid (used inside Contact Form 7 markup). */
.row {
	display: flex;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}
[class*="col-xs-"], [class*="col-sm-"], [class*="col-md-"], [class*="col-lg-"] {
	position: relative;
	flex: none;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}
.col-xs-12 { width: 100%; }
.col-xs-6 { width: 50%; }
@media (min-width: 768px) {
	.col-sm-12 { width: 100%; }
	.col-sm-6 { width: 50%; }
	.col-sm-4 { width: 33.3333%; }
	.col-sm-3 { width: 25%; }
}
@media (min-width: 992px) {
	.col-md-12 { width: 100%; }
	.col-md-8 { width: 66.6667%; }
	.col-md-6 { width: 50%; }
	.col-md-4 { width: 33.3333%; }
	.col-md-3 { width: 25%; }
}
@media (min-width: 1200px) {
	.col-lg-12 { width: 100%; }
	.col-lg-6 { width: 50%; }
	.col-lg-4 { width: 33.3333%; }
	.col-lg-3 { width: 25%; }
}
.alignleft { float: left; margin-right: 1.5em; }
.alignright { float: right; margin-left: 1.5em; }
.aligncenter { display: block; clear: both; margin-left: auto; margin-right: auto; }
.wp-caption { max-width: 100%; }
.wp-caption-text { font-size: .85em; opacity: .75; }

/* 4. Layout ---------------------------------------------------------------- */
#wrap,
#lqd-site-content {
	position: relative;
	background-color: #fff;
}
/* Hidden submenus/off-canvas pieces that sit past the right edge must not
   widen the document (clip, not hidden: keeps position:sticky working). */
#wrap { overflow-x: clip; }
#lqd-site-content {
	z-index: 2;
	transition: transform .3s;
}
#lqd-contents-wrap::before,
#lqd-contents-wrap::after { content: ""; display: table; }
#lqd-contents-wrap::after { clear: both; }

.container {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-right: 15px;
	padding-left: 15px;
}
@media (min-width: 768px) { .container { width: 750px; } }
@media (min-width: 992px) { .container { width: 970px; } }
@media (min-width: 1200px) { .container { width: 1170px; } }

/* Elementor pages run edge to edge; their sections handle their own widths. */
.elementor-page:not(.has-sidebar):not(.single-product) #lqd-site-content > .container {
	width: 100%;
	max-width: none;
	padding: 0;
}

/* 5. Header ------------------------------------------------------------------ */
.main-header {
	position: relative;
	z-index: 99;
	max-width: 100vw;
	pointer-events: none; /* only real content is clickable, so an overlay header never blocks the hero */
	transition: background-color .3s;
}
.main-header .elementor-widget-container,
.main-header .elementor-widget,
.main-header a,
.main-header button,
.main-header input,
.main-header select,
.main-header .lqd-mobile-sec,
.main-header .epic-fallback-bar { pointer-events: auto; }
.main-header .e-con { --position: static; --align-items: center; }
.main-header > p,
.main-header > span,
.main-header p:empty { display: none !important; }

.main-header-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}

.lqd-sticky-placeholder { height: var(--lqd-sticky-header-placeholder-height, 0px); }

@keyframes epicStickyIn {
	from { transform: translateY(-100%); }
	to { transform: translateY(0); }
}
@keyframes epicStickyOut {
	to { transform: translateY(-100%); }
}
.main-header.is-stuck {
	position: fixed;
	top: var(--epic-admin-bar);
	left: 0;
	right: 0;
	box-shadow: -2px 3px 90px -20px rgba(0, 0, 0, .25);
	animation: epicStickyIn .65s var(--epic-ease) both;
}
.main-header.is-stuck.sticky-header-noshadow { box-shadow: none; }
@media (max-width: 600px) {
	.admin-bar .main-header.is-stuck { top: 0; }
}
.main-header.lqd-smart-sticky-header.is-stuck { animation: none; transition: transform .45s var(--epic-ease); }
.main-header.lqd-smart-sticky-header.is-stuck.lqd-smart-sticky-hide { transform: translateY(-100%); }
.is-stuck .lqd-hide-onstuck { display: none; }
.lqd-show-onstuck { display: none; }
.is-stuck .lqd-show-onstuck:not(.lqd-stickybar-wrap) { display: block; }

/* Headers built with (legacy) sections: widgets of a header column sit in a
   row and take their own width; nested sections and dividers stay full. */
.main-header > .elementor > .elementor-section > .elementor-container > .elementor-column > .elementor-widget-wrap {
	flex-direction: row;
	flex-wrap: nowrap;
	flex-grow: 1;
}
/* Inline header menus stay on one line, as before. */
.main-header .main-nav.lqd-menu-items-inline { flex-wrap: nowrap; }
.main-header .main-nav.lqd-menu-items-inline > li > a { white-space: nowrap; }
.main-header > .elementor > .elementor-section > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-element {
	width: auto;
	margin-bottom: 0;
}
.main-header > .elementor > .elementor-section > .elementor-container > .elementor-column > .elementor-widget-wrap > :is(.elementor-widget__width-initial, .elementor-widget__width-inherit) { width: unset; }
.main-header > .elementor > .elementor-section > .elementor-container > .elementor-column > .elementor-widget-wrap > :is(.elementor-section, .elementor-widget-divider) { width: 100%; }
.main-header > .elementor > .elementor-section > .elementor-container,
.main-header > .elementor > .elementor-section > .elementor-container > .elementor-column,
.main-header > .elementor > .elementor-section > .elementor-container > .elementor-column > .elementor-widget-wrap,
.main-header > .elementor > .elementor-section > .elementor-container > .elementor-column > .elementor-widget-wrap > .elementor-widget { position: static; }

/* Product search fallback for [aws_search_form] in the header: a compact
   pill with the magnifier inside. The !important flags override the generic
   fallback styles shipped by epic-widgets. */
.main-header .epic-aws-fallback form.woocommerce-product-search {
	position: relative;
	display: flex !important;
	align-items: center;
	gap: 0 !important;
	width: 220px;
	max-width: 100% !important;
	margin: 0;
}
@media (max-width: 1366px) {
	.main-header .epic-aws-fallback form.woocommerce-product-search { width: 170px; }
}
.main-header .epic-aws-fallback label { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); }
.main-header .epic-aws-fallback form.woocommerce-product-search input.search-field {
	flex: 1 1 auto;
	min-width: 0;
	width: 100% !important;
	height: 36px;
	padding: 0 38px 0 16px !important;
	font-size: 13px;
	line-height: 36px;
	color: inherit;
	background: #f4f4f4 !important;
	border: 1px solid transparent !important;
	border-radius: 50em !important;
	box-shadow: none;
	outline: none;
	-webkit-appearance: none;
	appearance: none;
	transition: background-color .2s, border-color .2s;
}
.main-header .epic-aws-fallback form.woocommerce-product-search input.search-field:focus {
	background: #fff !important;
	border-color: rgba(0, 0, 0, .25) !important;
}
.main-header .epic-aws-fallback form.woocommerce-product-search input.search-field::placeholder { color: rgba(0, 0, 0, .5); }
.main-header .epic-aws-fallback form.woocommerce-product-search button[type=submit] {
	position: absolute;
	top: 0;
	right: 0;
	width: 38px;
	height: 36px;
	padding: 0 !important;
	font-size: 0 !important;
	line-height: 0;
	color: #111 !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 50em !important;
	cursor: pointer;
}
.main-header .epic-aws-fallback form.woocommerce-product-search button[type=submit]:hover { background: rgba(0, 0, 0, .06) !important; }
.main-header .epic-aws-fallback form.woocommerce-product-search button[type=submit]::before {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	margin: auto;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='m15.5 15.5 5 5' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='m15.5 15.5 5 5' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
}

/* "Sticky bar" side containers: this site keeps them hidden (site CSS). */
.lqd-stickybar-wrap { display: none !important; }

/* Editor preview of a header post. */
.epic-header-preview { pointer-events: auto; }

/* Fallback header (no header post selected). */
.epic-fallback-bar { background: #fff; border-bottom: 1px solid rgba(0, 0, 0, .06); }
.epic-fallback-bar__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 24px;
	max-width: var(--lqd-site-width);
	margin: 0 auto;
	padding: 18px 20px;
}
.epic-fallback-bar__brand img { max-height: 56px; width: auto; }
.epic-fallback-bar__nav ul { display: flex; flex-wrap: wrap; gap: 4px 24px; }
.epic-fallback-bar__nav a { color: #181b31; font-weight: 500; font-size: 15px; }

/* 6. Mobile header + navigation ------------------------------------------- */
.lqd-mobile-sec { display: none; position: relative; }

@media (max-width: 1024px) {
	.lqd-mobile-sec {
		display: flex;
		flex-direction: column;
	}
	.epic-fallback-bar { display: none; }
}

.lqd-mobile-sec .navbar-header {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	padding-inline: 20px;
	transition: transform .45s var(--epic-ease);
}
/* Three equal slots: modules (search/cart) | logo | menu button. */
.lqd-mobile-sec .navbar-header > * {
	flex: none;
	width: 33.333%;
}
[data-mobile-header-scheme=light] .lqd-mobile-sec .navbar-header { background-color: #fff; color: #000; }
[data-mobile-header-scheme=gray] .lqd-mobile-sec .navbar-header { background-color: #f6f6f6; color: #000; }
[data-mobile-header-scheme=dark] .lqd-mobile-sec .navbar-header { background-color: #191d18; color: #fff; }

.lqd-mobile-sec .navbar-brand {
	display: flex;
	justify-content: center;
	order: 2;
	padding: 22px 0;
	color: inherit;
}
.lqd-mobile-sec .navbar-brand-inner { display: block; max-width: calc(100% + 20px); margin-inline-end: -20px; }
[data-mobile-nav-trigger-alignment=left] .lqd-mobile-sec .navbar-brand-inner { margin-inline: -20px 0; }
/* Centered logo: no bleed, the logo box centers between the edge and the menu button. */
[data-mobile-logo-alignment=center] .lqd-mobile-sec .navbar-brand { margin-inline: auto; }
[data-mobile-logo-alignment=center] .lqd-mobile-sec .navbar-brand-inner { max-width: 100%; margin-inline: 0; }
.lqd-mobile-sec .navbar-brand img { display: block; max-width: 100%; height: auto; }
.lqd-mobile-sec .epic-site-name { font-weight: 700; font-size: 18px; }

.lqd-mobile-modules-container.empty { display: none; }
.lqd-mobile-modules-container {
	display: flex;
	align-items: center;
	gap: 15px;
	order: 1;
}
.lqd-mobile-sec .navbar-toggle {
	order: 3;
	justify-content: flex-end;
}
[data-mobile-nav-trigger-alignment=left] .lqd-mobile-sec .navbar-toggle { order: 1; justify-content: flex-start; }
[data-mobile-nav-trigger-alignment=left] .lqd-mobile-modules-container { order: 3; justify-content: flex-end; }

/* Header widgets marked "show on mobile" are copied into the bar (see header-mobile.php). */
.lqd-mobile-modules-container > .header-module { display: inline-flex; align-items: center; position: static; }
.lqd-mobile-modules-container .elementor-widget,
.lqd-mobile-modules-container .elementor-widget-container {
	width: auto !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}
.lqd-mobile-modules-container .ld-module-trigger { color: inherit !important; }
.lqd-mobile-modules-container .ld-module-trigger-icon { display: inline-flex !important; font-size: 22px; }
.lqd-mobile-sec .lqd-mobile-modules-container .module-product-search .ld-module-trigger-icon { font-size: 22px; }
.lqd-mobile-modules-container .ld-module-trigger-txt { display: none !important; }

/* Hamburger */
.nav-trigger {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	color: inherit;
	background: none;
	border: 0;
	box-shadow: none;
}
.nav-trigger .bars {
	position: relative;
	display: inline-flex;
	width: 44px;
	height: 44px;
	align-items: center;
	justify-content: center;
}
.nav-trigger .bars-inner {
	display: flex;
	flex-direction: column;
	gap: 4.25px;
	width: 20px;
}
.nav-trigger .bar {
	display: block;
	width: 100%;
	height: 2px;
	border-radius: 2px;
	background-color: currentColor;
	transition: transform .45s var(--epic-ease), opacity .3s, width .3s;
}
[data-mobile-header-scheme=dark] .lqd-mobile-sec .navbar-toggle { color: #fff; }
.lqd-mobile-sec .navbar-toggle .bars { width: 20px; }

/* Close button inside the panel */
.epic-nav-close { display: none; }
.epic-nav-close .bars-inner { gap: 0; width: 18px; height: 18px; position: relative; }
.epic-nav-close .bar {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -1px;
}
.epic-nav-close .bar:first-child { transform: rotate(45deg); }
.epic-nav-close .bar:last-child { transform: rotate(-45deg); }

/* Menu list (shared) */
.lqd-mobile-sec .main-nav {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.5em;
	text-align: start;
	text-transform: none;
	letter-spacing: 0;
}
.lqd-mobile-sec .main-nav li {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: 100%;
}
.lqd-mobile-sec .main-nav li > a {
	display: flex;
	align-items: center;
	flex: 1 1 0;
	min-width: 0;
	padding: 15px 25px;
	color: #000;
	border-bottom: 1px solid rgba(0, 0, 0, .05);
}
.lqd-mobile-sec .submenu-expander {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: none;
	width: 36px;
	height: 36px;
	margin-inline-end: 20px;
	padding: 0;
	font-size: 18px;
	color: inherit;
	background-color: rgba(0, 0, 0, .05);
	border: 0;
	border-radius: 3px;
}
.lqd-mobile-sec .submenu-expander svg { transition: transform .3s; }
.lqd-mobile-sec li.is-open > .submenu-expander svg { transform: rotate(180deg); }
.lqd-mobile-sec .nav-item-children {
	display: none;
	flex-basis: 100%;
	width: 100%;
	margin: 0;
	padding: 15px 0;
	list-style: none;
}
.lqd-mobile-sec li.is-open > .nav-item-children { display: block; }
.lqd-mobile-sec .nav-item-children > li > a {
	padding: 8px 35px;
	color: inherit;
	border: 0;
}

/* Classic / minimal: panel drops below the bar */
.lqd-mobile-sec-nav {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 10;
	width: 100%;
}
[data-mobile-nav-style=classic] .lqd-mobile-sec .navbar-collapse,
[data-mobile-nav-style=minimal] .lqd-mobile-sec .navbar-collapse {
	display: none;
	max-height: 80vh;
	overflow: hidden auto;
	background-color: #fff;
	box-shadow: 0 10px 50px rgba(0, 0, 0, .05);
}
.mobile-nav-activated [data-mobile-nav-style=classic] .lqd-mobile-sec .navbar-collapse,
.mobile-nav-activated [data-mobile-nav-style=minimal] .lqd-mobile-sec .navbar-collapse { display: block; }
[data-mobile-nav-style=minimal] .lqd-mobile-sec .main-nav { padding: 12px 15px; font-size: 16px; }
[data-mobile-nav-style=minimal] .lqd-mobile-sec .main-nav > li > a { border: none; }
[data-mobile-nav-scheme=gray] .lqd-mobile-sec .navbar-collapse { color: #000; background-color: #f9f9f9; }
[data-mobile-nav-scheme=dark]:not([data-mobile-nav-style=modern]) .lqd-mobile-sec .navbar-collapse { color: #fff; background-color: #191d18; }
[data-mobile-nav-scheme=dark]:not([data-mobile-nav-style=modern]) .lqd-mobile-sec .main-nav li > a { color: #fff; border-color: rgba(255, 255, 255, .1); }

/* Modern: a side panel slides in from the right and the page slides left */
@media (max-width: 1024px) {
	[data-mobile-nav-style=modern] .lqd-mobile-sec::before {
		content: "";
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1;
		width: var(--epic-mobile-panel);
		height: 100vh;
		height: 100lvh;
		background-color: #131313;
		transform: translateX(120vw);
		transition: transform .45s var(--epic-ease);
		pointer-events: none;
	}
	[data-mobile-nav-style=modern] .lqd-mobile-sec .navbar-collapse {
		position: fixed;
		top: 60px;
		right: 0;
		z-index: 90;
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: var(--epic-mobile-panel);
		height: 80vh;
		padding: 20px 0;
		color: #fff;
		opacity: 0;
		visibility: hidden;
		transform: translateX(50vw);
		transition: opacity .45s var(--epic-ease), visibility .45s var(--epic-ease), transform .45s var(--epic-ease);
	}
	[data-mobile-nav-style=modern] .lqd-mobile-sec .navbar-collapse-inner {
		position: relative;
		max-height: 100%;
		overflow: hidden auto;
		overscroll-behavior: contain;
	}
	[data-mobile-nav-style=modern] .lqd-mobile-sec .main-nav {
		padding: 12px 15px;
		font-size: 16px;
	}
	[data-mobile-nav-style=modern] .lqd-mobile-sec .main-nav li > a {
		color: #fff;
		border: none;
	}
	[data-mobile-nav-style=modern] .lqd-mobile-sec .submenu-expander {
		color: #fff;
		background-color: rgba(255, 255, 255, .05);
	}
	[data-mobile-nav-style=modern] .epic-nav-close {
		position: absolute;
		top: -40px;
		right: 15px;
		z-index: 10;
		display: inline-flex;
		color: #fff;
	}
	[data-mobile-nav-style=modern] .epic-nav-close .bars {
		width: 42px;
		height: 42px;
		border: 2px solid rgba(255, 255, 255, .4);
		border-radius: 50em;
	}

	[data-mobile-nav-style=modern] #lqd-site-content,
	[data-mobile-nav-style=modern] .main-footer,
	[data-mobile-nav-style=modern] .lqd-mobile-sec-inner,
	[data-mobile-nav-style=modern] .main-header > .elementor > .e-con,
	[data-mobile-nav-style=modern] .main-header > .elementor > .elementor-section {
		transition: transform .45s var(--epic-ease);
	}
	.mobile-nav-activated [data-mobile-nav-style=modern] #lqd-site-content,
	.mobile-nav-activated [data-mobile-nav-style=modern] .main-footer,
	.mobile-nav-activated [data-mobile-nav-style=modern] .lqd-mobile-sec-inner,
	.mobile-nav-activated [data-mobile-nav-style=modern] .main-header > .elementor > .e-con,
	.mobile-nav-activated [data-mobile-nav-style=modern] .main-header > .elementor > .elementor-section {
		transform: translateX(calc(var(--epic-mobile-panel) * -1));
	}
	.mobile-nav-activated [data-mobile-nav-style=modern] .lqd-mobile-sec::before {
		transform: translateX(calc(100vw - var(--epic-mobile-panel)));
	}
	.mobile-nav-activated [data-mobile-nav-style=modern] .lqd-mobile-sec .navbar-collapse {
		opacity: 1;
		visibility: visible;
		transform: none;
	}
	.mobile-nav-activated [data-mobile-nav-style=modern] .navbar-header .navbar-toggle { opacity: 0; }

	.mobile-nav-activated .epic-mobile-backdrop {
		position: fixed;
		inset: 0;
		z-index: 0; /* above the page (header is z 99), below the panel */
		display: block;
		cursor: pointer;
		pointer-events: auto;
	}
	.mobile-nav-activated,
	.mobile-nav-activated body { overflow: hidden; }
}
.epic-mobile-backdrop[hidden] { display: none; }

@media (prefers-reduced-motion: reduce) {
	.main-header.is-stuck { animation: none; }
	.lqd-mobile-sec::before,
	.lqd-mobile-sec .navbar-collapse,
	#lqd-site-content,
	.main-footer,
	.lqd-mobile-sec-inner { transition: none !important; }
}

/* 7. Footer ---------------------------------------------------------------- */
.main-footer { position: relative; }
@media (min-width: 1200px) {
	[data-sticky-footer] {
		position: sticky;
		bottom: 0;
		overflow: hidden;
	}
	[data-sticky-footer].lqd-footer-cant-stick {
		position: relative;
		bottom: auto;
	}
	.lqd-sticky-footer-shadow-1 #lqd-site-content { box-shadow: 0 5px 15px -5px rgba(0, 0, 0, .1); }
	.lqd-sticky-footer-shadow-2 #lqd-site-content { box-shadow: 0 10px 25px -10px rgba(0, 0, 0, .1); }
	.lqd-sticky-footer-shadow-3 #lqd-site-content { box-shadow: 0 25px 50px -15px rgba(0, 0, 0, .1); }
	.lqd-sticky-footer-shadow-4 #lqd-site-content { box-shadow: 0 30px 70px -25px rgba(0, 0, 0, .1); }
}

.epic-footer-fallback {
	padding: 40px 0;
	font-size: 14px;
	color: #fff;
	background: #181b31;
}
.epic-footer-fallback a { color: inherit; }
.epic-footer-fallback__menu { display: flex; flex-wrap: wrap; gap: 8px 24px; margin-bottom: 16px; }
.epic-footer-fallback p { margin: 0; opacity: .7; }

/* 8. Theme templates ------------------------------------------------------- */
/* Plain pages: content starts right under the header, as before (no extra padding). */

body.blog #lqd-contents-wrap,
body.archive #lqd-contents-wrap,
body.search #lqd-contents-wrap {
	padding-top: 60px;
	padding-bottom: 60px;
}
.epic-archive-header { margin-bottom: 40px; }
.epic-archive-header__title { margin-bottom: .3em; font-size: 40px; }
.epic-archive-header__desc { opacity: .8; }

.epic-post-list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 40px 30px;
}
.epic-entry { display: flex; flex-direction: column; }
.epic-entry__media {
	display: block;
	margin-bottom: 20px;
	overflow: hidden;
	border-radius: 8px;
	aspect-ratio: 16 / 10;
}
.epic-entry__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform .6s var(--epic-ease);
}
.epic-entry__media:hover img { transform: scale(1.04); }
.epic-entry__meta { margin-bottom: .5em; font-size: 13px; opacity: .7; }
.epic-entry__title { margin: 0 0 .5em; font-size: 22px; }
.epic-entry__title a { color: inherit; }
.epic-entry__title a:hover { color: var(--color-primary); }
.epic-entry__excerpt { font-size: .95em; }
.epic-entry__excerpt p:last-child { margin-bottom: 0; }

.epic-pagination { margin-top: 50px; }
.epic-pagination ul {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.epic-pagination .page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 42px;
	height: 42px;
	padding: 0 12px;
	color: #181b31;
	border: 1px solid #e4e4e4;
	border-radius: 50em;
}
.epic-pagination .page-numbers.current,
.epic-pagination a.page-numbers:hover {
	color: #fff;
	background: var(--color-secondary);
	border-color: var(--color-secondary);
}

.epic-none { padding: 20px 0 40px; }

.search-form { display: flex; gap: 8px; max-width: 520px; }
.search-form label { flex: 1; margin: 0; }
.search-form .search-field {
	width: 100%;
	height: 48px;
	padding: 0 18px;
	border: 1px solid #dcdcdc;
	border-radius: 50em;
	background: #fff;
}
.search-form .search-submit,
a.epic-btn.epic-btn,
.epic-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .6em;
	height: 48px;
	padding: 0 26px;
	font-weight: 600;
	font-size: 15px;
	color: #fff;
	background: linear-gradient(90deg, var(--color-gradient-start), var(--color-gradient-stop));
	border: 0;
	border-radius: 50em;
	transition: transform .3s var(--epic-ease), box-shadow .3s;
}
.search-form .search-submit:hover,
a.epic-btn.epic-btn:hover,
.epic-btn:hover {
	color: #fff;
	transform: translateY(-2px);
	box-shadow: 0 10px 25px -10px rgba(0, 0, 0, .35);
}

.page-404 { padding: 12vh 15px; }
.epic-404 {
	max-width: 640px;
	margin: 0 auto;
	text-align: center;
}
.epic-404__code {
	margin: 0;
	font-size: clamp(110px, 22vw, 220px);
	line-height: 1;
	letter-spacing: -.04em;
	background: linear-gradient(120deg, var(--color-gradient-start), var(--color-gradient-stop));
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}
.epic-404__title { margin: .4em 0 .3em; font-size: 28px; }
.epic-404__text { opacity: .8; }
.epic-404__search { display: flex; justify-content: center; margin: 30px 0; }
.epic-404__search .search-form { width: 100%; }

.page-links { margin-top: 2em; }
.comments-area { max-width: 780px; margin: 60px auto 0; }

.comment-list { margin: 0 0 40px; padding: 0; list-style: none; }
.comment-list .comment { margin-bottom: 24px; }
.comment-list .children { margin-top: 24px; padding-inline-start: 32px; list-style: none; }
.comment-meta { display: flex; align-items: center; gap: 12px; font-size: 14px; }
.comment-meta img { border-radius: 50%; }
.comment-form input:not([type=submit]):not([type=checkbox]),
.comment-form textarea {
	width: 100%;
	padding: 12px 16px;
	border: 1px solid #dcdcdc;
	border-radius: 8px;
}
.comment-form .submit {
	padding: 12px 28px;
	font-weight: 600;
	color: #fff;
	background: var(--color-secondary);
	border: 0;
	border-radius: 50em;
}

/* Checkout: some sites force `.woocommerce-checkout input{width:100%!important}`
   in their custom CSS; keep radios/checkboxes inline next to their label. */
.woocommerce-checkout input[type=radio],
.woocommerce-checkout input[type=checkbox] {
	width: auto !important;
	max-width: none !important;
	display: inline-block;
	vertical-align: middle;
}

/* Mobile header while stuck: smaller logo so it doesn't eat the screen. */
@media (max-width: 1024px) {
	.main-header.is-stuck .lqd-mobile-sec .navbar-brand { padding-top: 8px; padding-bottom: 8px; }
	.main-header.is-stuck .lqd-mobile-sec .navbar-brand img { max-height: 56px; width: auto; }
}

/* Compat plugins: el ícono flotante de Side Cart (xoo) no debe tapar el menú inferior (wp-bottom-menu) en móvil. */
@media (max-width:1024px){
	body:has(.wp-bottom-menu) .xoo-wsc-basket{bottom:calc(var(--wp-bottom-menu-height,64px) + 14px)!important}
}