/*
Theme Name: MythEpix
Theme URI: https://mythepix.com
Author: MythEpix
Description: Cinematic dark storefront for 4K wallpapers. Child theme of Astra, styled for WooCommerce shop, product, cart, checkout and account pages. Fonts and videos are self-hosted. No tracking, no cookies, no third-party scripts.
Template: astra
Version: 1.1.0
Requires at least: 6.2
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mythepix
*/

/* ================= Base ================= */
html { scroll-behavior: smooth; }
body.mythepix {
	--ast-global-color-0: #2ad2aa;
	--ast-global-color-1: #e8a832;
	--ast-global-color-2: #e8e2d6;
	--ast-global-color-3: #cfc9bd;
	--ast-global-color-4: #0c1018;
	--ast-global-color-5: #121824;
	--ast-global-color-6: #16202e;
	--ast-global-color-7: #1e3045;
	--ast-global-color-8: #9a958b;
	--ast-global-color-primary: #121824;
	--ast-global-color-secondary: #0c1018;
	--ast-global-color-alternate-background: #1e3045;
	--ast-global-color-subtle-background: #16202e;
	--ast-border-color: rgba(42, 210, 170, 0.16);
	background: #0c1018 !important;
	color: #e8e2d6;
	font-family: 'Cormorant Garamond', Georgia, serif;
	overflow-x: hidden;
	color-scheme: dark;
	accent-color: #2ad2aa;
	-webkit-font-smoothing: antialiased;
}
.mythepix #page { background: transparent; }
:where(body.mythepix) a { color: #2ad2aa; text-decoration: none; }
:where(body.mythepix) a:hover, :where(body.mythepix) a:focus { color: #e8a832; }
.mythepix h1, .mythepix h2, .mythepix h3, .mythepix h4, .mythepix h5, .mythepix h6 { font-family: 'Cinzel', Georgia, serif; color: #e8e2d6; }
body.mythepix ::selection { background: #2ad2aa; color: #0c1018; }
body.mythepix :focus-visible { outline: 2px solid #2ad2aa; outline-offset: 3px; }

/* ================= Keyframes ================= */
@keyframes mxRise { 0% { opacity: 0; transform: translateY(30px); } 100% { opacity: 1; transform: translateY(0); } }
@keyframes mxFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }
@keyframes mxGlitch { 0%, 88%, 100% { transform: translate(0); filter: none; } 90% { transform: translate(-2px, 1px); filter: hue-rotate(30deg); } 93% { transform: translate(2px, -1px); filter: hue-rotate(-30deg); } 96% { transform: translate(-1px, -1px); filter: hue-rotate(15deg); } }
@keyframes mxShimmer { 0% { background-position: -200% center; } 100% { background-position: 200% center; } }
@keyframes mxBreathe { 0%, 100% { letter-spacing: 0.35em; opacity: 0.7; } 50% { letter-spacing: 0.55em; opacity: 1; } }
@keyframes mxWind { 0% { transform: translateX(-100%) rotate(5deg); opacity: 0; } 30%, 70% { opacity: 0.2; } 100% { transform: translateX(100vw) rotate(-5deg); opacity: 0; } }
@keyframes mxPulse { 0%, 100% { filter: drop-shadow(0 0 30px rgba(42,210,170,0.3)) drop-shadow(0 0 12px rgba(232,168,50,0.2)); } 50% { filter: drop-shadow(0 0 55px rgba(42,210,170,0.5)) drop-shadow(0 0 25px rgba(232,168,50,0.35)); } }
@keyframes mxDrift1 { 0% { transform: translate(-120px, 0) rotate(-8deg) scale(0.7); opacity: 0; } 15%, 85% { opacity: 0.06; } 100% { transform: translate(calc(100vw + 120px), -60px) rotate(12deg) scale(0.9); opacity: 0; } }
@keyframes mxDrift2 { 0% { transform: translate(calc(100vw + 100px), 0) rotate(10deg) scale(0.6); opacity: 0; } 15%, 85% { opacity: 0.05; } 100% { transform: translate(-200px, -40px) rotate(-15deg) scale(0.8); opacity: 0; } }

/* ================= Ambient layers ================= */
.mythepix .mx-wind, .mythepix .mx-drift { position: fixed; inset: 0; pointer-events: none; overflow: hidden; }
.mythepix .mx-wind { z-index: 50; }
.mythepix .mx-drift { z-index: 1; }
.mythepix .mx-wind span { position: absolute; left: 0; height: 1px; opacity: 0; animation: mxWind 14s linear infinite; }
.mythepix .mx-wind span:nth-child(1) { top: 22%; width: 220px; background: linear-gradient(90deg, transparent, rgba(42,210,170,0.3), transparent); }
.mythepix .mx-wind span:nth-child(2) { top: 58%; width: 280px; background: linear-gradient(90deg, transparent, rgba(232,168,50,0.2), transparent); animation-duration: 20s; animation-delay: 5s; }
.mythepix .mx-wind span:nth-child(3) { top: 78%; width: 180px; background: linear-gradient(90deg, transparent, rgba(42,210,170,0.15), transparent); animation-duration: 18s; animation-delay: 10s; }
.mythepix .mx-drift > div { position: absolute; left: 0; opacity: 0; }
.mythepix .mx-drift > div:nth-child(1) { top: 20%; animation: mxDrift1 30s linear infinite; }
.mythepix .mx-drift > div:nth-child(2) { top: 55%; animation: mxDrift2 35s linear 8s infinite; }

/* ================= Header ================= */
.mythepix .mx-nav { position: fixed; top: 0; left: 0; right: 0; z-index: 100; height: 72px; padding: 0 48px; display: flex; align-items: center; justify-content: space-between; gap: 24px; background: transparent; -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); border-bottom: 1px solid transparent; transition: background 0.5s ease, border-color 0.5s ease, box-shadow 0.5s ease; }
.mythepix .mx-nav.is-scrolled, .mythepix .mx-nav--solid { background: rgba(12,16,24,0.92); border-bottom-color: rgba(42,210,170,0.1); box-shadow: 0 4px 30px rgba(0,0,0,0.3); }
.admin-bar .mx-nav { top: 32px; }
.mythepix .mx-logo { font-family: 'Cinzel', Georgia, serif; font-size: 18px; font-weight: 700; letter-spacing: 0.18em; color: #e8a832; transition: color 0.3s ease; animation: mxGlitch 10s ease-in-out infinite; }
.mythepix .mx-logo:hover, .mythepix .mx-logo:focus { color: #2ad2aa; }
.mythepix .mx-nav__right { display: flex; align-items: center; gap: 36px; }
.mythepix .mx-menu { display: flex; align-items: center; gap: 36px; margin: 0; padding: 0; list-style: none; }
.mythepix .mx-menu li { margin: 0; padding: 0; list-style: none; }
.mythepix .mx-menu a, .mythepix .mx-cart { display: inline-flex; align-items: center; gap: 8px; font-family: 'Cinzel', Georgia, serif; font-size: 11px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: rgba(232,226,214,0.45); transition: color 0.3s ease, transform 0.3s ease; }
.mythepix .mx-menu a:hover, .mythepix .mx-menu a:focus, .mythepix .mx-menu .current-menu-item > a, .mythepix .mx-cart:hover, .mythepix .mx-cart:focus { color: #2ad2aa; transform: scale(1.08); }
.mythepix .mx-cart__count { display: inline-flex; align-items: center; justify-content: center; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: linear-gradient(135deg, #e8a832, #f0c050); color: #0c1018; font-size: 10px; font-weight: 700; letter-spacing: 0; }
.mythepix .mx-cart__count.is-empty { display: none; }
.mythepix .mx-burger { display: none; position: relative; }
.mythepix .mx-burger summary { list-style: none; cursor: pointer; width: 44px; height: 44px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; border: 1px solid rgba(42,210,170,0.25); border-radius: 4px; }
.mythepix .mx-burger summary::-webkit-details-marker { display: none; }
.mythepix .mx-burger summary span { display: block; width: 18px; height: 1px; background: #2ad2aa; transition: transform 0.3s ease, opacity 0.3s ease; }
.mythepix .mx-burger[open] summary span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
.mythepix .mx-burger[open] summary span:nth-child(2) { opacity: 0; }
.mythepix .mx-burger[open] summary span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
.mythepix .mx-burger__panel { position: absolute; right: 0; top: calc(100% + 14px); width: min(280px, calc(100vw - 40px)); padding: 24px; display: flex; flex-direction: column; align-items: flex-start; gap: 22px; background: rgba(12,16,24,0.97); border: 1px solid rgba(42,210,170,0.18); border-radius: 8px; box-shadow: 0 20px 60px rgba(0,0,0,0.5); }
.mythepix .mx-burger__panel .mx-menu { flex-direction: column; align-items: flex-start; gap: 18px; }
.mythepix .mx-burger__panel .mx-menu a { font-size: 13px; color: rgba(232,226,214,0.75); }

/* ================= Buttons & shared pieces ================= */
.mythepix .mx-btn { display: inline-block; font-family: 'Cinzel', Georgia, serif; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; text-align: center; line-height: 1.2; text-decoration: none; transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease, border-color 0.3s ease; }
.mythepix .mx-btn--teal { background: linear-gradient(135deg, #18b892, #2ad2aa); color: #0c1018; }
.mythepix .mx-btn--teal:hover, .mythepix .mx-btn--teal:focus { color: #0c1018; transform: scale(1.06); box-shadow: 0 10px 36px rgba(42,210,170,0.4); }
.mythepix .mx-btn--gold-line { border: 1px solid rgba(232,168,50,0.35); color: #e8a832; font-weight: 600; }
.mythepix .mx-btn--gold-line:hover, .mythepix .mx-btn--gold-line:focus { color: #e8a832; background: rgba(232,168,50,0.08); border-color: rgba(232,168,50,0.7); box-shadow: 0 0 24px rgba(232,168,50,0.2); transform: scale(1.04); }
.mythepix .mx-btn--teal-line { border: 1px solid rgba(42,210,170,0.35); color: #2ad2aa; border-radius: 6px; }
.mythepix .mx-btn--teal-line:hover, .mythepix .mx-btn--teal-line:focus { color: #2ad2aa; background: rgba(42,210,170,0.08); box-shadow: 0 0 20px rgba(42,210,170,0.15); transform: scale(1.04); }
.mythepix .mx-btn--gold { background: linear-gradient(135deg, #e8a832, #f0c050); color: #0c1018; border-radius: 6px; }
.mythepix .mx-btn--gold:hover, .mythepix .mx-btn--gold:focus { color: #0c1018; transform: scale(1.04); box-shadow: 0 8px 30px rgba(232,168,50,0.4); }
.mythepix .mx-btn--sm { padding: 10px 28px; font-size: 10px; border-radius: 2px; }
.mythepix .mx-btn--lg { padding: 18px 48px; font-size: 12px; }
.mythepix .mx-btn--xl { padding: 20px 56px; font-size: 13px; }
.mythepix .mx-btn--block { display: block; padding: 14px; font-size: 11px; letter-spacing: 0.12em; }

.mythepix .mx-divider { display: flex; align-items: center; gap: 16px; margin-bottom: 22px; }
.mythepix .mx-divider::before, .mythepix .mx-divider::after { content: ""; width: 80px; height: 1px; }
.mythepix .mx-divider::before { background: linear-gradient(90deg, transparent, #2ad2aa); }
.mythepix .mx-divider::after { background: linear-gradient(270deg, transparent, #e8a832); }
.mythepix .mx-divider span { width: 6px; height: 6px; background: linear-gradient(135deg, #2ad2aa, #e8a832); transform: rotate(45deg); }
.mythepix .mx-divider--hero { justify-content: center; margin-bottom: 28px; animation: mxRise 1.2s ease-out 0.2s both; }
.mythepix .mx-divider--hero::before, .mythepix .mx-divider--hero::after { width: 60px; }
.mythepix .mx-divider--hero span { width: 7px; height: 7px; }
.mythepix .mx-divider--cta { justify-content: center; margin-bottom: 32px; }
.mythepix .mx-divider--cta::before, .mythepix .mx-divider--cta::after { width: 100px; }

.mythepix .mx-eyebrow { font-family: 'Cinzel', Georgia, serif; font-size: 11px; font-weight: 600; letter-spacing: 0.35em; text-transform: uppercase; margin-bottom: 14px; animation: mxBreathe 5s ease-in-out infinite; }
.mythepix .mx-eyebrow--teal { color: #2ad2aa; }
.mythepix .mx-eyebrow--gold { color: #e8a832; }

.mythepix .mx-title { font-family: 'Cinzel', Georgia, serif; font-size: clamp(30px, 3.2vw, 48px); font-weight: 800; line-height: 1.15; margin: 0; background: linear-gradient(90deg, #e8e2d6, #2ad2aa, #e8a832, #e8e2d6); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; animation: mxShimmer 7s linear infinite; }
.mythepix .mx-title--gold { background-image: linear-gradient(90deg, #e8a832, #2ad2aa, #e8a832, #2ad2aa); }
.mythepix .mx-title--sm { font-size: clamp(28px, 3vw, 44px); }
.mythepix .mx-title--cta { font-size: clamp(28px, 3.5vw, 48px); line-height: 1.2; margin: 0 0 20px; background-image: linear-gradient(90deg, #e8e2d6, #2ad2aa, #e8a832, #2ad2aa, #e8e2d6); animation-duration: 6s; }

/* ================= Homepage ================= */
.mythepix-front .site-content { padding: 0; }
.mythepix-front .site-content > .ast-container { display: block; max-width: none; width: 100%; margin: 0; padding: 0; }
.mythepix .mx-front { position: relative; }

.mythepix .mx-hero { position: relative; min-height: 100vh; padding: 104px 0 96px; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.mythepix .mx-hero__bg { position: absolute; inset: -30px; will-change: transform; }
.mythepix .mx-hero__bg video, .mythepix .mx-section__video video { display: block; width: 100%; height: 100%; object-fit: cover; opacity: 0.65; }
.mythepix .mx-hero__glow { position: absolute; inset: 0; background: radial-gradient(ellipse at 50% 30%, rgba(42,210,170,0.1) 0%, transparent 50%), radial-gradient(ellipse at 50% 60%, rgba(232,168,50,0.08) 0%, transparent 50%); }
.mythepix .mx-hero__fade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(12,16,24,0.35) 0%, rgba(12,16,24,0.15) 30%, rgba(12,16,24,0.5) 70%, #0c1018 100%); }
.mythepix .mx-hero__edge { position: absolute; bottom: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, transparent 10%, rgba(42,210,170,0.6) 30%, rgba(232,168,50,0.6) 70%, transparent 90%); filter: blur(2px); }
.mythepix .mx-hero__content { position: relative; z-index: 2; max-width: 860px; padding: 0 24px; text-align: center; will-change: transform, opacity; }
.mythepix .mx-hero__kicker { font-family: 'Cinzel', Georgia, serif; font-size: 11px; font-weight: 600; letter-spacing: 0.35em; text-transform: uppercase; color: #2ad2aa; margin-bottom: 22px; animation: mxRise 1.2s ease-out 0.4s both, mxBreathe 6s ease-in-out infinite; }
.mythepix .mx-hero__title { font-family: 'Cinzel', Georgia, serif; font-size: clamp(44px, 6.5vw, 92px); font-weight: 900; line-height: 1.08; letter-spacing: 0.03em; margin: 0 0 26px; background: linear-gradient(90deg, #e8e2d6, #2ad2aa, #e8a832, #2ad2aa, #e8e2d6); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; animation: mxRise 1.2s ease-out 0.6s both, mxShimmer 8s linear infinite; }
.mythepix .mx-hero__lead { max-width: 520px; margin: 0 auto 44px; font-size: 20px; font-weight: 400; font-style: italic; line-height: 1.8; color: rgba(232,226,214,0.45); animation: mxRise 1.2s ease-out 0.8s both; }
.mythepix .mx-hero__actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; animation: mxRise 1.2s ease-out 1s both; }
.mythepix .mx-scroll-cue { position: absolute; left: 0; right: 0; bottom: 36px; z-index: 3; display: flex; justify-content: center; pointer-events: none; }
.mythepix .mx-scroll-cue__inner { display: flex; flex-direction: column; align-items: center; gap: 10px; animation: mxFloat 3s ease-in-out infinite; }
.mythepix .mx-scroll-cue__label { font-family: 'Cinzel', Georgia, serif; font-size: 9px; letter-spacing: 0.35em; text-transform: uppercase; color: rgba(42,210,170,0.45); animation: mxBreathe 4s ease-in-out infinite; }

.mythepix .mx-section { position: relative; padding: 120px 48px; overflow: hidden; background: #1e3045; scroll-margin-top: 72px; }
.mythepix .mx-section__video { position: absolute; inset: 0; }
.mythepix .mx-section__edge { position: absolute; top: 0; left: 0; right: 0; height: 2px; }
.mythepix .mx-section__edge--teal { background: linear-gradient(90deg, transparent 15%, rgba(42,210,170,0.5) 50%, transparent 85%); }
.mythepix .mx-section__edge--gold { background: linear-gradient(90deg, transparent 15%, rgba(232,168,50,0.5) 50%, transparent 85%); }
.mythepix .mx-section__edge--dual { background: linear-gradient(90deg, transparent, rgba(42,210,170,0.4) 30%, rgba(232,168,50,0.4) 70%, transparent); }
.mythepix .mx-section__head { margin-bottom: 56px; }
.mythepix .mx-section__more { margin-top: 36px; }
.mythepix .mx-split { position: relative; z-index: 2; max-width: 1400px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 60px; align-items: start; }
.mythepix .mx-split--left { grid-template-columns: 300px minmax(0, 1fr); }
.mythepix .mx-split--narrow { grid-template-columns: minmax(0, 1fr) 300px; }
.mythepix .mx-split--solo { grid-template-columns: minmax(0, 1fr); }

.mythepix .mx-artifact { position: sticky; top: 100px; display: flex; align-items: center; justify-content: center; padding: 20px 0; will-change: transform; animation: mxPulse 4s ease-in-out infinite; }
.mythepix .mx-artifact img { display: block; width: 280px; max-width: 100%; height: auto; max-height: 480px; object-fit: contain; }
.mythepix .mx-artifact--dragon img { filter: drop-shadow(0 0 50px rgba(42,210,170,0.3)) drop-shadow(0 0 20px rgba(232,168,50,0.2)); }
.mythepix .mx-artifact--knight { animation-duration: 5s; animation-delay: 1s; }
.mythepix .mx-artifact--knight img { max-height: 460px; filter: drop-shadow(0 0 45px rgba(232,168,50,0.35)) drop-shadow(0 0 20px rgba(42,210,170,0.2)); }
.mythepix .mx-artifact--ninja { animation-duration: 6s; animation-delay: 2s; }
.mythepix .mx-artifact--ninja img { width: 260px; max-height: 420px; filter: drop-shadow(0 0 35px rgba(42,210,170,0.25)) drop-shadow(0 0 35px rgba(232,168,50,0.2)); }
.mythepix .mx-artifact model-viewer { display: block; width: 280px; max-width: 100%; height: 480px; background-color: transparent; --poster-color: transparent; --progress-bar-color: #2ad2aa; --progress-bar-height: 2px; cursor: grab; }
.mythepix .mx-artifact model-viewer:active { cursor: grabbing; }
.mythepix .mx-artifact--knight model-viewer { height: 460px; }
.mythepix .mx-artifact--ninja model-viewer { width: 260px; height: 420px; }

.mythepix .mx-textlink { display: inline-block; font-family: 'Cinzel', Georgia, serif; font-size: 12px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: #e8a832; border-bottom: 1px solid rgba(232,168,50,0.3); padding-bottom: 4px; transition: border-color 0.3s ease, transform 0.3s ease; }
.mythepix .mx-textlink:hover, .mythepix .mx-textlink:focus { color: #e8a832; border-color: #e8a832; transform: scale(1.05); }

/* Product cards */
.mythepix .mx-grid3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.mythepix .mx-card, .mythepix .mx-tile { overflow: hidden; border-radius: 10px; border: 1px solid rgba(42,210,170,0.15); box-shadow: 0 4px 20px rgba(0,0,0,0.3); transition: transform 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease; }
.mythepix .mx-card:hover { border-color: rgba(42,210,170,0.4); box-shadow: 0 12px 40px rgba(42,210,170,0.2); }
.mythepix .mx-card--gold { border-color: rgba(232,168,50,0.15); }
.mythepix .mx-card--gold:hover { border-color: rgba(232,168,50,0.4); box-shadow: 0 12px 40px rgba(232,168,50,0.2); }
.mythepix .mx-card__link { position: relative; display: block; aspect-ratio: 16 / 9; overflow: hidden; }
.mythepix .mx-card__bg, .mythepix .mx-tile__bg { position: absolute; inset: 0; background-size: cover; background-position: center; transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1); }
.mythepix .mx-card__bg img, .mythepix .mx-tile__bg img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; margin: 0; object-fit: cover; }
.mythepix .mx-card:hover .mx-card__bg { transform: scale(1.12); }
.mythepix .mx-card__shade { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(10,20,40,0.85) 0%, transparent 50%); }
.mythepix .mx-card__body { position: absolute; left: 0; right: 0; bottom: 0; padding: 20px; }
.mythepix .mx-card__name { font-family: 'Cinzel', Georgia, serif; font-size: 14px; font-weight: 700; color: #e8e2d6; }
.mythepix .mx-card__meta { margin-top: 4px; font-size: 13px; font-style: italic; color: #2ad2aa; }
.mythepix .mx-card--gold .mx-card__meta { color: #e8a832; }
.mythepix .mx-card__meta .woocommerce-Price-amount { font-family: inherit; color: inherit; }
.mythepix .mx-card__meta del { opacity: 0.6; }
.mythepix .mx-card__meta ins { text-decoration: none; background: none; }

/* Category bento */
.mythepix .mx-bento { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-rows: 200px; gap: 14px; }
.mythepix .mx-bento > :first-child, .mythepix .mx-bento > :nth-child(4):last-child { grid-column: span 2; }
.mythepix .mx-bento > :nth-child(3):last-child, .mythepix .mx-bento > :only-child { grid-column: 1 / -1; }
.mythepix .mx-tile { border-color: rgba(42,210,170,0.12); }
.mythepix .mx-tile:hover { border-color: rgba(42,210,170,0.35); box-shadow: 0 12px 36px rgba(42,210,170,0.15); }
.mythepix .mx-tile--gold { border-color: rgba(232,168,50,0.12); }
.mythepix .mx-tile--gold:hover { border-color: rgba(232,168,50,0.35); box-shadow: 0 12px 36px rgba(232,168,50,0.15); }
.mythepix .mx-tile__link { position: relative; display: flex; align-items: flex-end; width: 100%; height: 100%; overflow: hidden; }
.mythepix .mx-tile:hover .mx-tile__bg { transform: scale(1.08); }
.mythepix .mx-tile__shade { position: absolute; inset: 0; background: linear-gradient(0deg, rgba(10,20,40,0.8) 0%, transparent 50%); }
.mythepix .mx-tile__body { position: relative; padding: 24px; }
.mythepix .mx-tile__name { font-family: 'Cinzel', Georgia, serif; font-size: 16px; font-weight: 700; color: #e8e2d6; }
.mythepix .mx-tile__count { margin-top: 6px; font-size: 13px; font-style: italic; color: #2ad2aa; }
.mythepix .mx-tile--gold .mx-tile__count { color: #e8a832; }
.mythepix .mx-bento > :first-child .mx-tile__body, .mythepix .mx-bento > :nth-child(4):last-child .mx-tile__body { padding: 28px; }
.mythepix .mx-bento > :first-child .mx-tile__name, .mythepix .mx-bento > :nth-child(4):last-child .mx-tile__name { font-size: 18px; }
.mythepix .mx-bento > :first-child .mx-tile__count, .mythepix .mx-bento > :nth-child(4):last-child .mx-tile__count { font-size: 14px; }

/* Pricing */
.mythepix .mx-plans { display: flex; gap: 20px; }
.mythepix .mx-plan { position: relative; flex: 1; overflow: hidden; padding: 44px 36px; border: 1px solid rgba(42,210,170,0.15); border-radius: 10px; background: rgba(18,24,36,0.75); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); box-shadow: 0 4px 24px rgba(0,0,0,0.3); transition: transform 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease; }
.mythepix .mx-plan:hover { border-color: rgba(42,210,170,0.35); box-shadow: 0 12px 40px rgba(42,210,170,0.15); }
.mythepix .mx-plan--gold { border-color: rgba(232,168,50,0.2); }
.mythepix .mx-plan--gold:hover { border-color: rgba(232,168,50,0.45); box-shadow: 0 12px 40px rgba(232,168,50,0.18); }
.mythepix .mx-plan__badge { position: absolute; top: 16px; right: 16px; padding: 5px 12px; border-radius: 2px; background: linear-gradient(135deg, #e8a832, #f0c050); color: #0c1018; font-family: 'Cinzel', Georgia, serif; font-size: 9px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; }
.mythepix .mx-plan__name { margin-bottom: 18px; font-family: 'Cinzel', Georgia, serif; font-size: 11px; font-weight: 600; letter-spacing: 0.25em; text-transform: uppercase; color: #2ad2aa; }
.mythepix .mx-plan--gold .mx-plan__name { color: #e8a832; }
.mythepix .mx-plan__price { margin-bottom: 8px; font-family: 'Cinzel', Georgia, serif; font-size: 36px; font-weight: 900; line-height: 1.2; color: #e8e2d6; }
.mythepix .mx-plan__price span { font-size: 15px; font-weight: 400; font-style: italic; color: rgba(232,226,214,0.35); }
.mythepix .mx-plan__desc { margin: 0 0 32px; font-size: 16px; font-style: italic; line-height: 1.7; color: rgba(232,226,214,0.4); }
.mythepix .mx-plan__list { display: flex; flex-direction: column; gap: 12px; margin: 0 0 36px; padding: 0; list-style: none; }
.mythepix .mx-plan__list li { display: flex; align-items: center; gap: 10px; margin: 0; font-size: 15px; color: rgba(232,226,214,0.5); }
.mythepix .mx-plan__list li::before { content: "\25C6"; font-size: 10px; color: #2ad2aa; }
.mythepix .mx-plan--gold .mx-plan__list li::before { color: #e8a832; }

/* Closing call to action */
.mythepix .mx-cta { position: relative; overflow: hidden; padding: 100px 48px; text-align: center; }
.mythepix .mx-cta__glow { position: absolute; inset: 0; background: radial-gradient(ellipse at 50% 50%, rgba(42,210,170,0.06) 0%, transparent 40%), radial-gradient(ellipse at 50% 50%, rgba(232,168,50,0.04) 0%, transparent 60%); }
.mythepix .mx-cta__inner { position: relative; z-index: 2; }
.mythepix .mx-cta__lead { max-width: 460px; margin: 0 auto 44px; font-size: 19px; font-style: italic; line-height: 1.7; color: rgba(232,226,214,0.4); }

/* ================= Footer ================= */
.mythepix .mx-footer { position: relative; z-index: 2; padding: 64px 48px 40px; background: #080c12; border-top: 1px solid rgba(42,210,170,0.1); }
.mythepix .mx-footer__inner { max-width: 1320px; margin: 0 auto; }
.mythepix .mx-footer__top { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 48px; margin-bottom: 52px; }
.mythepix .mx-footer__brand { display: inline-block; margin-bottom: 14px; font-family: 'Cinzel', Georgia, serif; font-size: 16px; font-weight: 700; letter-spacing: 0.15em; background: linear-gradient(135deg, #e8a832, #2ad2aa); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.mythepix .mx-footer__tag { max-width: 280px; margin: 0; font-size: 16px; font-style: italic; line-height: 1.7; color: rgba(232,226,214,0.3); }
.mythepix .mx-footer__cols { display: flex; flex-wrap: wrap; gap: 60px; }
.mythepix .mx-footer__head { margin-bottom: 18px; font-family: 'Cinzel', Georgia, serif; font-size: 10px; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; color: rgba(42,210,170,0.35); }
.mythepix .mx-footer__col--gold .mx-footer__head { color: rgba(232,168,50,0.35); }
.mythepix .mx-footer__links { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.mythepix .mx-footer__links a { display: inline-block; font-size: 16px; color: rgba(232,226,214,0.4); transition: color 0.3s ease, transform 0.3s ease; }
.mythepix .mx-footer__links a:hover, .mythepix .mx-footer__links a:focus { color: #2ad2aa; transform: translateX(4px); }
.mythepix .mx-footer__col--gold .mx-footer__links a:hover, .mythepix .mx-footer__col--gold .mx-footer__links a:focus { color: #e8a832; }
.mythepix .mx-footer__bottom { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 16px; padding-top: 24px; border-top: 1px solid rgba(42,210,170,0.08); }
.mythepix .mx-footer__copy { font-family: 'Cinzel', Georgia, serif; font-size: 11px; letter-spacing: 0.06em; color: rgba(232,226,214,0.2); }
.mythepix .mx-footer__motto { font-size: 14px; font-style: italic; color: rgba(232,226,214,0.2); }

/* ================= Inner pages (shop, cart, checkout, account, legal) ================= */
.mythepix-inner .site-content { padding-top: 72px; font-size: 18px; background: radial-gradient(ellipse 70% 420px at 50% 0, rgba(42,210,170,0.09), transparent 70%), radial-gradient(ellipse 40% 320px at 85% 0, rgba(232,168,50,0.06), transparent 70%); }
.mythepix-inner #primary, .mythepix-inner #secondary, .mythepix-inner .ast-article-single, .mythepix-inner .ast-article-post, .mythepix-inner .ast-woocommerce-container, .mythepix-inner .site-main > .ast-row, .mythepix-inner .ast-archive-description, .mythepix-inner .comments-area, .mythepix-inner .ast-author-box, .mythepix-inner .post-navigation { background-color: transparent !important; box-shadow: none !important; }
.mythepix-inner .entry-content { color: rgba(232,226,214,0.85); line-height: 1.75; }
.mythepix-inner .entry-content h2 { font-size: 26px; }
.mythepix-inner .entry-content h3 { font-size: 20px; }
.mythepix-inner.page .entry-header, .mythepix-inner .woocommerce-products-header { text-align: center; margin-bottom: 40px; }
.mythepix-inner.page .entry-header::before, .mythepix-inner .woocommerce-products-header::before { content: ""; display: block; width: 176px; height: 10px; margin: 0 auto 22px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='176' height='10' viewBox='0 0 176 10'%3E%3Cdefs%3E%3ClinearGradient id='a'%3E%3Cstop offset='0' stop-color='%232ad2aa' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%232ad2aa'/%3E%3C/linearGradient%3E%3ClinearGradient id='b'%3E%3Cstop offset='0' stop-color='%23e8a832'/%3E%3Cstop offset='1' stop-color='%23e8a832' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%232ad2aa'/%3E%3Cstop offset='1' stop-color='%23e8a832'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect y='4.5' width='80' height='1' fill='url(%23a)'/%3E%3Crect x='96' y='4.5' width='80' height='1' fill='url(%23b)'/%3E%3Crect x='85' y='2' width='6' height='6' transform='rotate(45 88 5)' fill='url(%23c)'/%3E%3C/svg%3E") center / contain no-repeat; }
.mythepix-inner .entry-title, .mythepix-inner .page-title, .mythepix-inner .woocommerce-products-header__title, .mythepix .site-content .product_title { font-family: 'Cinzel', Georgia, serif; font-size: clamp(30px, 3.4vw, 48px); font-weight: 800; line-height: 1.15; background: linear-gradient(90deg, #e8e2d6, #2ad2aa, #e8a832, #e8e2d6); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; animation: mxShimmer 7s linear infinite; }
.mythepix #ast-scroll-top { background: rgba(12,16,24,0.92); color: #2ad2aa; border: 1px solid rgba(42,210,170,0.35); border-radius: 4px; }

/* ================= Responsive ================= */
@media (max-width: 1200px) {
	.mythepix .mx-nav { padding: 0 32px; }
	.mythepix .mx-section { padding: 100px 32px; }
	.mythepix .mx-split { grid-template-columns: minmax(0, 1fr) 260px; gap: 40px; }
	.mythepix .mx-split--left { grid-template-columns: 260px minmax(0, 1fr); }
	.mythepix .mx-split--solo { grid-template-columns: minmax(0, 1fr); }
	.mythepix .mx-artifact img { width: 240px; }
	.mythepix .mx-artifact model-viewer { width: 240px; }
}
@media (max-width: 960px) {
	.mythepix .mx-nav__menu, .mythepix .mx-nav__cta { display: none; }
	.mythepix .mx-burger { display: block; }
	.mythepix .mx-nav__right { gap: 20px; }
	.mythepix .mx-split, .mythepix .mx-split--left, .mythepix .mx-split--narrow { grid-template-columns: minmax(0, 1fr); }
	.mythepix .mx-artifact { position: relative; top: 0; order: -1; padding: 0; }
	.mythepix .mx-artifact img, .mythepix .mx-artifact--ninja img { width: 200px; max-height: 320px; }
	.mythepix .mx-artifact model-viewer { width: 200px; height: 320px; }
	.mythepix .mx-grid3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.mythepix .mx-plans { flex-direction: column; }
}
@media (max-width: 782px) {
	.admin-bar .mx-nav { top: 46px; }
}
@media (max-width: 640px) {
	.mythepix .mx-nav { height: 64px; padding: 0 20px; }
	.mythepix .mx-section { padding: 72px 20px; scroll-margin-top: 64px; }
	.mythepix .mx-section__head { margin-bottom: 36px; }
	.mythepix .mx-hero__title { font-size: clamp(34px, 10vw, 44px); }
	.mythepix .mx-hero__lead { font-size: 18px; }
	.mythepix .mx-btn--lg { padding: 16px 32px; }
	.mythepix .mx-btn--xl { padding: 18px 36px; }
	.mythepix .mx-grid3 { grid-template-columns: minmax(0, 1fr); }
	.mythepix .mx-bento { grid-template-columns: minmax(0, 1fr); grid-auto-rows: 170px; }
	.mythepix .mx-bento > * { grid-column: auto !important; }
	.mythepix .mx-plan { padding: 36px 24px; }
	.mythepix .mx-cta { padding: 80px 20px; }
	.mythepix .mx-footer { padding: 56px 20px 32px; }
	.mythepix .mx-footer__cols { gap: 36px; }
	.mythepix-inner .site-content { padding-top: 64px; }
}

/* ================= Reduced motion ================= */
@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	.mythepix .mx-front *, .mythepix .mx-nav, .mythepix .mx-nav *, .mythepix .mx-footer *, .mythepix-inner .entry-title, .mythepix-inner .page-title, .mythepix-inner .woocommerce-products-header__title, .mythepix .site-content .product_title { animation: none !important; transition: none !important; }
	.mythepix .mx-wind, .mythepix .mx-drift { display: none; }
}