/*
Theme Name: Blockskit Mobile App
Theme URI: https://blockskit.com/blockskit-mobile-app/
Author: BlockskitDev
Author URI: https://blockskit.com
Description: Blockskit Mobile App is a modern, versatile FSE WordPress theme designed for agency, app, application, clean, download, mobile, modern, showcase, social media, startup and other App websites—no coding required. With full-site editing, you can easily customize every aspect of your site, including headers and footers. Featuring multiple templates, patterns, and style variations, it adapts seamlessly to various aesthetics and business needs.
Template: blockskit-base
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 5.6
License: GPLv3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: blockskit-mobile-app
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, threaded-comments, translation-ready, wide-blocks, block-styles, blog, portfolio, education

Blockskit Mobile App WordPress Theme, Copyright 2026 BlockskitDev
Blockskit Mobile App is distributed under the terms of the GNU General Public License v3
*/

body {
	--exhale-body-font: "Manrope", "Inter", "Source Sans 3", "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--exhale-display-font: "Poppins", "Manrope", "Source Sans 3", "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--exhale-ink: #20233a;
	--exhale-purple: #7767e8;
	--exhale-blue: #5d78f2;
	--exhale-purple-deep: #383052;
	--exhale-orange: #ff7f32;
	--exhale-coral: #ff8d82;
	--exhale-yellow: #fff1bd;
	--exhale-mint: #dff7ed;
	--exhale-sky: #e6f2ff;
	--exhale-cream: #fffaf0;
	--exhale-outline: rgba(71, 47, 28, 0.14);
	color: var(--exhale-ink);
	font-family: var(--exhale-body-font);
	font-size: 17px;
	font-feature-settings: "kern" 1, "liga" 1, "calt" 1;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	background: #fff8ef;
}

h1,
h2,
h3,
h4,
h5,
h6,
.wp-block-site-title {
	color: #1f3440;
	font-family: var(--exhale-display-font);
	font-weight: 750;
	line-height: 1.08;
	letter-spacing: 0;
	text-wrap: balance;
}

p {
	color: #5f6f71;
	font-weight: 500;
	line-height: 1.72;
}

.exhale-site-header {
	position: sticky;
	top: 0;
	z-index: 50;
	backdrop-filter: blur(16px);
	background:
		linear-gradient(90deg, rgba(255, 255, 255, 0.98), rgba(255, 247, 238, 0.96)) !important;
	box-shadow: 0 12px 34px rgba(95, 55, 20, 0.07);
}

.exhale-site-header .wp-block-site-title a,
.exhale-site-footer .wp-block-site-title a {
	text-decoration: none;
}

.exhale-header-inner {
	margin-bottom: 0;
}

.exhale-brand {
	position: relative;
	display: inline-flex !important;
	align-items: center;
	gap: 11px !important;
}

.exhale-brand-logo {
	margin: 0;
}

.exhale-brand-logo img {
	display: block;
	border: 2px solid rgba(255, 255, 255, 0.95);
	border-radius: 14px;
	box-shadow: 0 10px 24px rgba(93, 120, 242, 0.12);
	transition: transform 220ms ease, box-shadow 220ms ease;
}

.exhale-brand:hover .exhale-brand-logo img {
	box-shadow: 0 14px 30px rgba(93, 120, 242, 0.16);
	transform: rotate(-3deg) scale(1.04);
}

.exhale-brand .wp-block-site-title a {
	color: #332d4f;
	font-weight: 750;
}

.exhale-brand-name {
	color: #332d4f;
	font-family: var(--exhale-display-font);
	font-size: 24px;
	font-weight: 750;
	line-height: 1;
	text-decoration: none;
	white-space: nowrap;
	letter-spacing: 0;
	transition: color 180ms ease, transform 180ms ease;
}

.exhale-brand:hover .exhale-brand-name {
	color: #2d2548;
	transform: translateY(-1px);
}

.exhale-primary-nav a {
	border-radius: 999px;
	color: #3a2a52;
	font-size: 14px;
	font-weight: 650;
	padding: 10px 14px;
	text-decoration: none;
	transition: background-color 180ms ease, color 180ms ease, transform 180ms ease;
}

.exhale-primary-nav a:hover,
.exhale-primary-nav .current-menu-item > a,
.exhale-primary-nav .current-menu-ancestor > a {
	background: rgba(255, 127, 50, 0.1);
	color: #d96321;
	transform: translateY(-1px);
}

.exhale-primary-nav .wp-block-navigation__responsive-container-open,
.exhale-primary-nav .wp-block-navigation__responsive-container-close {
	align-items: center;
	border-radius: 999px;
	color: #332d4f;
	display: inline-flex;
	height: 42px;
	justify-content: center;
	width: 42px;
}

.exhale-primary-nav .wp-block-navigation__responsive-container-open:hover,
.exhale-primary-nav .wp-block-navigation__responsive-container-close:hover {
	background: rgba(255, 127, 50, 0.1);
	color: #d96321;
}

.exhale-download-button .wp-block-button__link {
	background: var(--exhale-orange) !important;
	border: 0;
	box-shadow: 0 14px 28px rgba(255, 127, 50, 0.22);
	color: #fff !important;
	font-weight: 700;
	white-space: nowrap;
}

.exhale-download-button .wp-block-button__link:hover {
	filter: none;
	transform: translateY(-1px);
	box-shadow: 0 18px 34px rgba(255, 127, 50, 0.26);
}

.exhale-hero {
	position: relative;
	overflow: hidden;
	background-color: #fff3e4;
	background-position: right center !important;
}

.exhale-hero::before {
	position: absolute;
	inset: 0;
	content: "";
	background:
		linear-gradient(90deg, rgba(255, 248, 236, 0.98) 0%, rgba(255, 248, 236, 0.92) 52%, rgba(255, 239, 219, 0.68) 100%);
	pointer-events: none;
}

.exhale-hero::after {
	position: absolute;
	right: -6%;
	bottom: -140px;
	width: 55%;
	height: 250px;
	border: 18px solid rgba(255, 127, 50, 0.1);
	border-bottom: 0;
	border-radius: 260px 260px 0 0;
	content: "";
}

.exhale-hero > * {
	position: relative;
	z-index: 1;
}

.exhale-hero-copy {
	max-width: 720px;
	text-align: left;
}

.exhale-hero-copy h6 {
	border: 1px solid rgba(255, 127, 50, 0.18) !important;
	box-shadow: 0 10px 24px rgba(95, 55, 20, 0.06);
	color: #cf6527;
	background: #fff !important;
	font-family: var(--exhale-body-font);
	font-weight: 800 !important;
}

.exhale-hero-copy h2 {
	max-width: 760px;
	margin-right: 0 !important;
	margin-left: 0 !important;
	color: #332d4f;
	font-family: var(--exhale-display-font);
	font-size: clamp(42px, 6.4vw, 78px) !important;
	font-weight: 750 !important;
	letter-spacing: 0;
	line-height: 0.98 !important;
	text-wrap: balance;
}

.exhale-hero-copy h2 mark {
	color: var(--exhale-orange) !important;
}

.exhale-hero-copy p {
	max-width: 640px;
	margin-right: 0 !important;
	margin-left: 0 !important;
	color: #4f4038;
	font-size: 20px;
	font-weight: 600;
	line-height: 1.62;
}

.exhale-hero-card {
	animation: exhale-float 6s ease-in-out infinite;
	border: 1px solid rgba(71, 47, 28, 0.1);
	border-radius: 30px;
	padding: 30px !important;
	background: rgba(255, 255, 255, 0.88);
	box-shadow: 0 24px 60px rgba(95, 55, 20, 0.1);
	backdrop-filter: none;
	transform: none;
}

.exhale-hero-card h5 {
	color: #332d4f;
	font-family: var(--exhale-display-font);
	font-size: 28px;
	font-weight: 750 !important;
	line-height: 1.12;
}

.exhale-user-trust {
	display: flex;
	align-items: center;
	gap: 12px;
	display: grid;
	gap: 5px;
	margin-top: 6px;
	border: 1px solid rgba(255, 127, 50, 0.16);
	border-radius: 18px;
	padding: 13px 15px;
	padding: 15px 16px;
	background: linear-gradient(90deg, #fff 0%, #fff7ee 100%);
	box-shadow: 0 12px 26px rgba(95, 55, 20, 0.06);
	animation: exhale-soft-pulse 5.4s ease-in-out infinite;
	text-align: left;
}

.exhale-user-trust strong {
	color: var(--exhale-orange);
	font-family: var(--exhale-display-font);
	font-size: 26px;
	font-weight: 800;
	line-height: 1;
	white-space: nowrap;
}

.exhale-user-trust span {
	color: #514b57;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.3;
	line-height: 1.35;
	max-width: 230px;
}

.exhale-hero-card .wp-block-button__link {
	background: var(--exhale-orange) !important;
	border: 0;
	color: #fff !important;
	box-shadow: 0 12px 24px rgba(255, 139, 74, 0.22);
	font-weight: 800;
	transition: transform 180ms ease, box-shadow 180ms ease;
}

.exhale-hero-card .wp-block-button__link:hover {
	transform: translateY(-2px) scale(1.02);
	box-shadow: 0 16px 32px rgba(255, 139, 74, 0.28);
}

.exhale-hero-showcase {
	display: grid;
	grid-template-columns: 0.9fr 1fr 0.9fr;
	gap: 18px;
	align-items: end;
	max-width: 1080px;
	margin: 54px auto 0;
}

.exhale-showcase-card {
	position: relative;
	overflow: hidden;
	margin: 0;
	animation: exhale-rise 700ms ease both;
	border: 8px solid rgba(255, 255, 255, 0.9);
	border-radius: 30px;
	background: #fff;
	box-shadow: 0 24px 60px rgba(95, 55, 20, 0.12);
	transition: transform 220ms ease, box-shadow 220ms ease;
}

.exhale-showcase-card img {
	display: block;
	width: 100%;
	aspect-ratio: 9 / 16;
	object-fit: cover;
	object-position: top center;
	transition: transform 420ms ease;
}

.exhale-showcase-card:hover {
	box-shadow: 0 30px 72px rgba(95, 55, 20, 0.16);
}

.exhale-showcase-card:hover img {
	transform: scale(1.025);
}

.exhale-showcase-card-one,
.exhale-showcase-card-three {
	transform: translateY(26px);
}

.exhale-showcase-card-two {
	animation-delay: 80ms;
}

.exhale-showcase-card-three {
	animation-delay: 160ms;
}

.exhale-release-section {
	overflow: hidden;
	padding: 18px 0;
	background: #fff;
	border-top: 1px solid rgba(71, 47, 28, 0.05);
}

.exhale-release-inner {
	position: relative;
	max-width: none;
	margin: 0 auto;
	overflow: hidden;
	border: 1px solid rgba(255, 127, 50, 0.16);
	border-right: 0;
	border-left: 0;
	border-radius: 0;
	padding: 11px 0;
	background:
		linear-gradient(90deg, rgba(255, 248, 239, 0.98), rgba(255, 255, 255, 0.94) 45%, rgba(246, 244, 255, 0.8));
	box-shadow: 0 10px 24px rgba(95, 55, 20, 0.045);
}

.exhale-release-inner::before {
	position: absolute;
	inset: 0 auto 0 0;
	z-index: 1;
	width: 96px;
	background: linear-gradient(90deg, #fff8ef, rgba(255, 248, 239, 0));
	content: "";
	pointer-events: none;
}

.exhale-release-inner::after {
	position: absolute;
	inset: 0 0 0 auto;
	z-index: 1;
	width: 96px;
	background: linear-gradient(270deg, #f7f4ff, rgba(247, 244, 255, 0));
	content: "";
	pointer-events: none;
}

.exhale-release-copy {
	position: relative;
	display: flex;
	width: max-content;
	gap: clamp(14px, 3vw, 30px);
	align-items: center;
	animation: exhale-release-marquee 18s linear infinite;
}

.exhale-release-copy p {
	margin: 0;
	color: #332d4f;
	font-family: var(--exhale-display-font);
	font-size: clamp(20px, 2.55vw, 32px);
	font-weight: 750;
	letter-spacing: 0;
	line-height: 1;
	opacity: 0.2;
	white-space: nowrap;
}

.exhale-release-copy p::after {
	display: inline-block;
	width: 8px;
	height: 8px;
	margin-left: clamp(14px, 2.4vw, 28px);
	border-radius: 999px;
	background: rgba(255, 127, 50, 0.72);
	content: "";
	vertical-align: middle;
}

.exhale-release-copy p:nth-child(2) {
	color: var(--exhale-orange);
	opacity: 0.92;
}

.exhale-release-copy p:nth-child(3) {
	color: #332d4f;
	opacity: 0.28;
}

.exhale-release-copy p:nth-child(4) {
	color: var(--exhale-purple);
	opacity: 0.18;
}

.exhale-mood-section {
	margin: 0;
	padding: 82px 20px 92px;
	background: #ffffff;
}

.exhale-mood-inner {
	max-width: 1160px;
	margin: 0 auto;
}

.exhale-kicker {
	display: table;
	margin: 0 auto 18px;
	border: 1px solid rgba(255, 127, 50, 0.18);
	border-radius: 999px;
	padding: 10px 17px;
	color: #cf6527;
	background: #fff;
	box-shadow: 0 10px 24px rgba(95, 55, 20, 0.06);
	font-family: var(--exhale-body-font);
	font-size: 12px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: 0;
}

.exhale-mood-section h2 {
	max-width: 760px;
	margin: 0 auto 40px;
	color: #332d4f;
	font-family: var(--exhale-display-font);
	font-size: 50px;
	font-weight: 750;
	line-height: 1.08;
	text-align: center;
	text-wrap: balance;
}

.exhale-mood-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 22px;
}

.exhale-mood-card {
	appearance: none;
	display: grid;
	width: 100%;
	min-height: 315px;
	overflow: hidden;
	position: relative;
	align-content: end;
	animation: exhale-rise 640ms ease both;
	border: 1px solid rgba(71, 47, 28, 0.08);
	border-radius: 28px;
	background: #fff;
	cursor: pointer;
	font: inherit;
	padding: 0;
	text-align: left;
	box-shadow: 0 16px 42px rgba(95, 55, 20, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.9);
	transition: border-color 180ms ease, transform 220ms ease, box-shadow 220ms ease;
}

.exhale-mood-card:hover,
.exhale-mood-card:focus-visible {
	border-color: rgba(255, 127, 50, 0.28);
	outline: none;
	transform: translateY(-6px);
	box-shadow: 0 26px 64px rgba(95, 55, 20, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

.exhale-mood-card img {
	position: absolute;
	inset: 12px 12px auto;
	width: calc(100% - 24px);
	height: 178px;
	border: 1px solid rgba(71, 47, 28, 0.08);
	border-radius: 24px 24px 16px 16px;
	object-fit: cover;
	mix-blend-mode: normal;
	opacity: 1;
	filter: saturate(1.06) contrast(1.03);
	box-shadow: 0 14px 30px rgba(95, 55, 20, 0.08);
	transition: transform 420ms ease, filter 220ms ease;
}

.exhale-mood-card::after {
	position: absolute;
	inset: 0;
	content: "";
	background:
		linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 48%, rgba(255, 255, 255, 0.98) 78%, #fff 100%);
	pointer-events: none;
}

.exhale-mood-card:hover img,
.exhale-mood-card:focus-visible img {
	filter: saturate(1.12) contrast(1.05);
	transform: scale(1.035);
}

.exhale-mood-card::before {
	position: absolute;
	right: 18px;
	bottom: 20px;
	left: 18px;
	height: 4px;
	border-radius: 999px;
	content: "";
	z-index: 2;
	transition: height 180ms ease;
}

.exhale-mood-card:hover::before,
.exhale-mood-card:focus-visible::before {
	height: 6px;
}

.exhale-mood-card span {
	position: relative;
	z-index: 1;
	margin: 0 20px;
	border-radius: 0;
	padding: 0;
	color: #332d4f;
	background: transparent;
	font-family: var(--exhale-display-font);
	font-size: 20px;
	font-weight: 750;
	line-height: 1.15;
}

.exhale-mood-card small {
	position: relative;
	z-index: 1;
	display: block;
	margin: 8px 20px 36px;
	color: #66636c;
	font-size: 14px;
	font-weight: 550;
	line-height: 1.45;
}

.exhale-card-sun {
	background: linear-gradient(180deg, #fff 0%, #fffaf2 100%);
}

.exhale-card-sun::before {
	background: #ffb36c;
}

.exhale-card-night {
	background: linear-gradient(180deg, #fff 0%, #f8f7ff 100%);
}

.exhale-card-night::before {
	background: rgba(119, 103, 232, 0.42);
}

.exhale-card-mint {
	background: linear-gradient(180deg, #fff 0%, #f5fffb 100%);
}

.exhale-card-mint::before {
	background: #a8e6cd;
}

.exhale-card-coral {
	background: linear-gradient(180deg, #fff 0%, #fff7f4 100%);
}

.exhale-card-coral::before {
	background: #ff9a78;
}

.exhale-card-lilac {
	background: linear-gradient(180deg, #fff 0%, #faf8ff 100%);
}

.exhale-card-lilac::before {
	background: rgba(93, 120, 242, 0.28);
}

.exhale-card-sky {
	background: linear-gradient(180deg, #fff 0%, #f6fbff 100%);
}

.exhale-card-sky::before {
	background: #b7dcff;
}

.exhale-section-inner {
	max-width: 1160px;
	margin: 0 auto;
	padding-right: 20px;
	padding-left: 20px;
}

.exhale-reviews-section,
.exhale-faq-section {
	background: #fff;
	padding: 82px 0;
}

.exhale-reviews-section {
	border-top: 1px solid rgba(71, 47, 28, 0.06);
}

.exhale-reviews-section h2,
.exhale-faq-section h2 {
	max-width: 760px;
	margin: 0 auto 40px;
	color: #332d4f;
	font-family: var(--exhale-display-font);
	font-size: 46px;
	font-weight: 750;
	line-height: 1.1;
	text-align: center;
	text-wrap: balance;
}

.exhale-review-intro {
	max-width: 720px;
	margin: -24px auto 38px;
	color: #62656c;
	font-size: 18px;
	font-weight: 550;
	line-height: 1.65;
	text-align: center;
	text-wrap: balance;
}

.exhale-review-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 22px;
}

.exhale-review-card {
	border: 1px solid rgba(71, 47, 28, 0.09);
	border-radius: 26px;
	background: linear-gradient(180deg, #fff 0%, #fffaf4 100%);
	box-shadow: 0 16px 42px rgba(95, 55, 20, 0.07);
	padding: 28px;
	transition: border-color 200ms ease, transform 200ms ease, box-shadow 200ms ease;
}

.exhale-review-card:hover {
	border-color: rgba(255, 127, 50, 0.22);
	transform: translateY(-4px);
	box-shadow: 0 22px 58px rgba(95, 55, 20, 0.11);
}

.exhale-stars {
	color: var(--exhale-orange) !important;
	font-size: 15px !important;
	font-weight: 800 !important;
	letter-spacing: 0;
	margin: 0 0 16px;
}

.exhale-review-card blockquote {
	margin: 0;
	color: #332d4f;
	font-family: var(--exhale-display-font);
	font-size: 19px;
	font-weight: 600;
	line-height: 1.45;
}

.exhale-review-author {
	margin: 20px 0 0;
	color: #70737a !important;
	font-size: 14px !important;
	font-weight: 650 !important;
}

.exhale-faq-section {
	border-top: 1px solid rgba(71, 47, 28, 0.06);
	background:
		linear-gradient(180deg, #fff 0%, #fff9f1 100%);
	padding-top: 78px;
}

.exhale-faq-intro {
	max-width: 700px;
	margin: -24px auto 22px;
	color: #62656c;
	font-size: 18px;
	font-weight: 550;
	line-height: 1.65;
	text-align: center;
}

.exhale-faq-tags {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
	max-width: 760px;
	margin: 0 auto 34px;
}

.exhale-faq-tags span {
	border: 1px solid rgba(255, 127, 50, 0.16);
	border-radius: 999px;
	padding: 9px 14px;
	color: #8f4f25;
	background: #fff;
	box-shadow: 0 10px 24px rgba(95, 55, 20, 0.05);
	font-size: 13px;
	font-weight: 750;
}

.exhale-faq-list {
	display: grid;
	gap: 14px;
	max-width: 920px;
	margin: 0 auto;
}

.exhale-faq-list details {
	position: relative;
	overflow: hidden;
	border: 1px solid rgba(71, 47, 28, 0.08);
	border-radius: 24px;
	background: #fff;
	box-shadow: 0 14px 38px rgba(95, 55, 20, 0.06);
	padding: 0;
	transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

.exhale-faq-list details:hover,
.exhale-faq-list details[open] {
	border-color: rgba(255, 127, 50, 0.28);
	box-shadow: 0 18px 48px rgba(95, 55, 20, 0.09);
	transform: translateY(-2px);
}

.exhale-faq-list details[open] {
	background: linear-gradient(180deg, #fff 0%, #fffaf4 100%);
}

.exhale-faq-list summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	padding: 24px 26px;
	color: #332d4f;
	cursor: pointer;
	font-family: var(--exhale-display-font);
	font-size: 19px;
	font-weight: 750;
	line-height: 1.35;
	list-style: none;
}

.exhale-faq-list summary::-webkit-details-marker {
	display: none;
}

.exhale-faq-list summary::after {
	display: grid;
	flex: 0 0 34px;
	width: 34px;
	height: 34px;
	place-items: center;
	border-radius: 999px;
	color: #fff;
	background: var(--exhale-orange);
	box-shadow: 0 10px 20px rgba(255, 127, 50, 0.22);
	content: "+";
	font-family: var(--exhale-body-font);
	font-size: 22px;
	font-weight: 700;
	line-height: 1;
	transition: transform 180ms ease, background-color 180ms ease;
}

.exhale-faq-list details[open] summary::after {
	background: #332d4f;
	content: "−";
	transform: rotate(180deg);
}

.exhale-faq-list p {
	margin: 0;
	padding: 0 72px 26px 26px;
	color: #62656c;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.75;
}

.exhale-modal-layer {
	position: fixed;
	z-index: 999;
	inset: 0;
	display: grid;
	place-items: center;
	padding: 24px;
	background: rgba(32, 35, 58, 0.42);
	backdrop-filter: blur(8px);
}

.exhale-modal-layer[hidden] {
	display: none;
}

.exhale-modal {
	position: relative;
	width: min(620px, 100%);
	border-radius: 28px;
	background: #fff;
	box-shadow: 0 28px 80px rgba(32, 35, 58, 0.26);
	padding: 34px;
}

.exhale-modal-close {
	position: absolute;
	top: 18px;
	right: 18px;
	display: grid;
	width: 36px;
	height: 36px;
	place-items: center;
	border: 0;
	border-radius: 999px;
	color: #332d4f;
	background: #fff3e4;
	cursor: pointer;
	font-size: 24px;
	line-height: 1;
}

.exhale-modal h3 {
	margin: 18px 0 12px;
	color: #332d4f;
	font-family: var(--exhale-display-font);
	font-size: 34px;
	font-weight: 750;
	line-height: 1.12;
}

.exhale-modal-description {
	color: #62656c;
	font-size: 16px;
	line-height: 1.75;
}

.exhale-modal-list {
	display: grid;
	gap: 10px;
	margin: 22px 0;
	padding: 0;
	list-style: none;
}

.exhale-modal-list li {
	position: relative;
	padding-left: 24px;
	color: #332d4f;
	font-weight: 650;
}

.exhale-modal-list li::before {
	position: absolute;
	left: 0;
	color: var(--exhale-orange);
	content: "•";
}

.exhale-modal-link {
	display: inline-flex;
	border-radius: 999px;
	padding: 13px 20px;
	color: #fff !important;
	background: var(--exhale-orange);
	box-shadow: 0 14px 28px rgba(255, 127, 50, 0.2);
	font-weight: 800;
	text-decoration: none !important;
}

.exhale-site-footer {
	border-top: 1px solid rgba(71, 47, 28, 0.08);
	background: #ffffff !important;
	padding-top: 48px !important;
	padding-bottom: 28px !important;
}

.exhale-site-footer .wp-block-cover__inner-container > .wp-block-group {
	max-width: 1160px;
	margin-right: auto !important;
	margin-left: auto !important;
	padding-right: 20px !important;
	padding-left: 20px !important;
}

.exhale-site-footer .wp-block-columns {
	align-items: flex-start !important;
	gap: 30px !important;
	margin-bottom: 0 !important;
}

.exhale-site-footer .wp-block-column {
	padding-bottom: 0 !important;
}

.exhale-site-footer .exhale-brand {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 6px;
}

.exhale-site-footer .exhale-brand-logo {
	flex: 0 0 auto;
}

.exhale-site-footer .exhale-brand-logo img {
	width: 44px !important;
	height: 44px !important;
	object-fit: cover;
}

.exhale-site-footer .wp-block-site-title {
	margin: 0 !important;
	line-height: 1;
}

.exhale-site-footer .wp-block-cover__image-background,
.exhale-site-footer .wp-block-cover__background {
	display: none;
}

.exhale-site-footer .wp-block-navigation a {
	color: #5c5f68;
	text-decoration: none;
	font-size: 14px;
	font-weight: 550;
	line-height: 1.45;
	transition: color 160ms ease, transform 160ms ease;
}

.exhale-site-footer .wp-block-navigation a:hover {
	color: var(--exhale-orange);
	transform: translateX(2px);
}

.exhale-footer-socials {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 14px;
	margin-top: 10px;
}

.exhale-footer-socials a {
	display: inline-flex;
	width: 38px;
	height: 38px;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(255, 127, 50, 0.18);
	border-radius: 999px;
	padding: 0;
	color: #332d4f;
	background: #fff8ef;
	line-height: 1;
	text-decoration: none;
	transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease;
}

.exhale-footer-socials svg {
	display: block;
	width: 18px;
	height: 18px;
	fill: currentColor;
}

.exhale-footer-socials a:hover {
	border-color: rgba(255, 127, 50, 0.34);
	color: #d96321;
	background: #fff1e5;
	transform: translateY(-1px);
}

.exhale-footer-store-badges {
	display: grid;
	gap: 6px;
	gap: 5px;
	width: fit-content;
	margin-top: 0;
}

.exhale-footer-store-badges a {
	display: block;
	border-radius: 9px;
	line-height: 0;
	transition: filter 160ms ease, transform 160ms ease;
}

.exhale-footer-store-badges a:hover {
	filter: brightness(1.06);
	transform: translateX(2px);
}

.exhale-footer-store-badges img {
	display: block;
	width: auto;
	height: 52px;
	max-width: 176px;
	width: 180px;
	height: 54px;
	max-width: 180px;
	border-radius: 9px;
	box-shadow: 0 8px 20px rgba(28, 20, 18, 0.1);
	object-fit: contain;
	object-fit: fill;
}

@keyframes exhale-float {
	0%,
	100% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-8px);
	}
}

@keyframes exhale-rise {
	from {
		opacity: 0;
		transform: translateY(18px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes exhale-soft-pulse {
	0%,
	100% {
		box-shadow: 0 12px 26px rgba(95, 55, 20, 0.06);
	}

	50% {
		box-shadow: 0 16px 34px rgba(255, 127, 50, 0.14);
	}
}

@keyframes exhale-release-marquee {
	from {
		transform: translateX(0);
	}

	to {
		transform: translateX(-28%);
	}
}

.exhale-site-footer h5 {
	color: #332d4f;
	font-family: var(--exhale-body-font);
	font-size: 14px !important;
	font-weight: 750;
	letter-spacing: 0 !important;
	margin-bottom: 10px;
	text-transform: none !important;
}

.exhale-site-footer p {
	color: #686b73;
	font-size: 14px;
	font-weight: 550;
	line-height: 1.75;
}

.exhale-site-footer .wp-block-site-title a {
	color: #332d4f;
	font-family: var(--exhale-display-font);
	font-weight: 750;
}

.exhale-footer-copyright-brand {
	color: #332d4f;
	font-family: var(--exhale-display-font);
	font-size: 12px;
	font-weight: 750;
	line-height: 1;
}

.exhale-site-footer .wp-block-columns {
	row-gap: 28px;
}

@media (max-width: 920px) {
	.exhale-header-inner {
		gap: 12px;
		justify-content: space-between;
	}

	.exhale-header-inner > .wp-block-column:first-child {
		flex-basis: auto !important;
		min-width: 0;
		min-width: 160px;
	}

	.exhale-header-inner > .wp-block-column:last-child {
		flex-basis: auto !important;
		flex-grow: 0;
		flex-grow: 1;
	}

	.exhale-header-actions {
		justify-content: flex-end !important;
		gap: 12px !important;
	}

	.exhale-hero {
		padding-top: 24px !important;
		padding-bottom: 56px !important;
	}

	.exhale-hero-copy h2 {
		font-size: 52px !important;
	}

	.exhale-hero-showcase {
		grid-template-columns: repeat(3, minmax(210px, 1fr));
		overflow-x: auto;
		padding: 0 6px 22px;
		scroll-snap-type: x mandatory;
	}

	.exhale-showcase-card {
		scroll-snap-align: center;
	}

	.exhale-mood-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.exhale-release-copy p {
		font-size: clamp(34px, 9vw, 58px);
	}

	.exhale-review-grid {
		grid-template-columns: 1fr;
	}

	.exhale-mood-section h2 {
		font-size: 40px;
	}
}

@media (max-width: 640px) {
	.exhale-site-header {
		padding-top: 12px !important;
		padding-bottom: 12px !important;
	}

	.exhale-header-inner {
		align-items: center !important;
		display: flex !important;
		flex-wrap: nowrap !important;
		width: 100%;
	}

	.exhale-brand .wp-block-site-title {
		font-size: 18px !important;
	}

	.exhale-brand-logo img {
		height: 38px !important;
		width: 38px !important;
	.exhale-brand-name {
		font-size: 18px;
	}

	.exhale-header-actions {
		flex-wrap: nowrap !important;
	}

	.exhale-download-button {
		display: none;
	}

	.exhale-primary-nav {
		display: flex;
		justify-content: flex-end;
	}

	.exhale-primary-nav .wp-block-navigation__responsive-container-open {
		display: inline-flex !important;
	}

	.exhale-primary-nav .wp-block-navigation__responsive-container.is-menu-open {
		background: #fffaf6 !important;
		box-sizing: border-box;
		padding: 28px 22px !important;
	}

	.exhale-primary-nav .wp-block-navigation__responsive-dialog {
		margin-top: 0 !important;
	}

	.exhale-primary-nav .wp-block-navigation__responsive-container-content {
		align-items: stretch !important;
		padding-top: 64px !important;
	}

	.exhale-primary-nav .wp-block-navigation__container {
		align-items: stretch !important;
		gap: 8px !important;
		width: 100%;
	}

	.exhale-primary-nav .wp-block-navigation-item {
		width: 100%;
	}

	.exhale-primary-nav .wp-block-navigation-item__content {
		border: 1px solid rgba(255, 127, 50, 0.14);
		border-radius: 14px;
		box-sizing: border-box;
		display: block;
		font-size: 18px;
		padding: 14px 16px;
		width: 100%;
	}

	.exhale-hero {
		padding-top: 20px !important;
	}

	.exhale-hero-copy h2 {
		font-size: 36px !important;
	}

	.exhale-hero-copy p {
		font-size: 17px;
	}

	.exhale-hero-card {
		padding: 22px !important;
	}

	.exhale-hero-showcase {
		grid-template-columns: 1fr;
		overflow: visible;
		padding: 0;
	}

	.exhale-release-section {
		padding: 16px 0;
	}

	.exhale-release-inner {
		padding: 10px 0;
	}

	.exhale-release-copy {
		gap: 14px;
	}

	.exhale-release-copy p {
		font-size: clamp(18px, 6.2vw, 26px);
	}

	.exhale-showcase-card {
		border-radius: 24px;
		border-width: 6px;
	}

	.exhale-showcase-card-one,
	.exhale-showcase-card-three {
		transform: none;
	}

	.exhale-mood-section {
		padding: 52px 14px 60px;
	}

	.exhale-mood-grid {
		grid-template-columns: 1fr;
	}

	.exhale-mood-card {
		min-height: 300px;
	}

	.exhale-mood-card img {
		height: 160px;
	}

	.exhale-mood-card small {
		margin-bottom: 34px;
	}

	.exhale-reviews-section,
	.exhale-faq-section {
		padding: 56px 0;
	}

	.exhale-reviews-section h2,
	.exhale-faq-section h2 {
		font-size: 34px;
	}

	.exhale-modal {
		padding: 28px 22px;
	}

	.exhale-modal h3 {
		font-size: 28px;
	}

	.exhale-faq-list summary {
		padding: 20px;
		font-size: 17px;
	}

	.exhale-faq-list p {
		padding: 0 20px 22px;
	}

	.exhale-faq-list summary::after {
		flex-basis: 30px;
		width: 30px;
		height: 30px;
		font-size: 20px;
	}
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
	}
}

.exhale-site-footer {
	padding-top: 42px !important;
	padding-bottom: 24px !important;
}

.exhale-site-footer .wp-block-cover__inner-container {
	width: min(100% - 40px, 1160px) !important;
	max-width: 1160px !important;
	margin-right: auto !important;
	margin-left: auto !important;
}

.exhale-site-footer .wp-block-cover__inner-container > .wp-block-group {
	max-width: none !important;
	padding-right: 0 !important;
	padding-left: 0 !important;
}

.exhale-site-footer .wp-block-cover__inner-container > .wp-block-group > .wp-block-columns {
	display: grid !important;
	grid-template-columns: minmax(260px, 1.15fr) minmax(290px, 1fr) minmax(360px, 1.15fr);
	gap: 44px !important;
	align-items: start !important;
	margin: 0 !important;
}

.exhale-site-footer .wp-block-cover__inner-container > .wp-block-group > .wp-block-columns > .wp-block-column {
	width: auto !important;
	max-width: none !important;
	flex-basis: auto !important;
	padding-bottom: 0 !important;
}

.exhale-site-footer .wp-block-columns.is-not-stacked-on-mobile {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 34px !important;
	align-items: start !important;
	margin: 0 !important;
}

.exhale-site-footer .exhale-brand {
	margin-bottom: 6px !important;
}

.exhale-site-footer p {
	max-width: 330px;
	margin-top: 0 !important;
	margin-bottom: 16px !important;
	padding-right: 0 !important;
	padding-bottom: 0 !important;
}

.exhale-site-footer h5 {
	margin-top: 0 !important;
	margin-bottom: 13px !important;
	line-height: 1.1 !important;
}

.exhale-site-footer .wp-block-navigation {
	gap: 9px !important;
}

.exhale-footer-store-badges {
	margin-top: 2px !important;
}

@media (max-width: 920px) {
	.exhale-site-footer .wp-block-cover__inner-container > .wp-block-group > .wp-block-columns,
	.exhale-site-footer .wp-block-columns.is-not-stacked-on-mobile {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	.exhale-site-footer {
		padding-top: 34px !important;
	}

	.exhale-site-footer .wp-block-cover__inner-container {
		width: min(100% - 28px, 1160px) !important;
	}

	.exhale-site-footer .wp-block-cover__inner-container > .wp-block-group > .wp-block-columns,
	.exhale-site-footer .wp-block-columns.is-not-stacked-on-mobile {
		grid-template-columns: 1fr;
		gap: 26px !important;
	}
}

.exhale-site-footer .exhale-footer-columns {
	display: grid !important;
	grid-template-columns: minmax(300px, 1.45fr) minmax(110px, 0.65fr) minmax(150px, 0.78fr) minmax(150px, 0.78fr) minmax(220px, 1fr) !important;
	gap: 48px !important;
	align-items: start !important;
	margin: 0 !important;
}

.exhale-site-footer .exhale-footer-columns > .wp-block-column {
	width: auto !important;
	max-width: none !important;
	flex-basis: auto !important;
	align-self: start !important;
	margin: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.exhale-site-footer .exhale-footer-columns > .wp-block-column:first-child {
	margin-top: -10px !important;
	transform: translateY(-10px);
}

.exhale-site-footer .exhale-footer-columns h5 {
	margin-top: 0 !important;
}

@media (max-width: 1100px) {
	.exhale-site-footer .exhale-footer-columns {
		grid-template-columns: minmax(260px, 1.3fr) repeat(2, minmax(130px, 0.8fr)) minmax(150px, 0.8fr) minmax(190px, 1fr) !important;
		gap: 34px !important;
	}
}

@media (max-width: 920px) {
	.exhale-site-footer .exhale-footer-columns {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}
}

@media (max-width: 640px) {
	.exhale-site-footer .exhale-footer-columns {
		grid-template-columns: 1fr !important;
	}

	.exhale-site-footer .exhale-footer-columns > .wp-block-column:first-child {
		transform: none;
	}
}

/* Keep desktop navigation from showing the mobile hamburger trigger. */
@media (min-width: 641px) {
	.wp-block-navigation__responsive-container-open,
	.exhale-primary-nav .wp-block-navigation__responsive-container-open {
		display: none !important;
		visibility: hidden !important;
	}
}

.single-post .exhale-single-featured-image-wrap {
	max-width: 920px !important;
	margin: 0 auto 36px !important;
}

.single-post .exhale-single-featured-image-wrap .wp-block-post-featured-image {
	margin: 0 !important;
}

.single-post .exhale-single-featured-image-wrap img {
	width: 100% !important;
	max-height: 420px !important;
	object-fit: cover !important;
	border-radius: 18px !important;
	box-shadow: 0 14px 34px rgba(90, 64, 42, 0.08);
}