/**
 * CurrencyFlow - Mobile-first overrides (max-width: 767px)
 * Compact layout, smaller text, bottom nav bar, tight spacing.
 * Does NOT affect desktop.
 *
 * @package CurrencyFlow
 */

@media (max-width: 767px) {

	/* ============================================================
	   GLOBAL OVERRIDES
	   ============================================================ */
	:root {
		--cf-container-padding: 1rem;
		--cf-space-3xl: 2.5rem;
		--cf-space-4xl: 3rem;
		--cf-space-5xl: 3.5rem;
	}

	.section {
		padding-block: 2.5rem;
	}

	.section__header {
		margin-bottom: 1.5rem;
	}

	.section__title {
		font-size: 1.5rem;
		letter-spacing: -0.02em;
	}

	.section__subtitle {
		font-size: 0.8125rem;
		line-height: 1.6;
	}

	.container {
		padding-inline: 1rem;
	}

	/* ============================================================
	   TOP HEADER — slim on mobile
	   ============================================================ */
	:root {
		--cf-header-h: 56px;
	}

	.site-header {
		height: 56px;
	}

	.site-header__inner {
		padding-inline: 12px;
	}

	.site-logo__mark {
		width: 32px;
		height: 32px;
	}

	.site-logo__wordmark {
		font-size: 14px;
	}

	/* Hide desktop-only items */
	.site-header__contact,
	.site-header__news,
	.btn--header-login,
	.btn--header-signup {
		display: none;
	}

	.mobile-menu-toggle {
		display: flex;
		width: 36px;
		height: 36px;
	}

	/* ============================================================
	   BOTTOM NAV BAR
	   ============================================================ */
	.site-header__nav.is-open {
		transform: none;
		position: fixed;
		top: auto;
		bottom: 0;
		left: 0;
		right: 0;
		height: auto;
		padding: 0;
		border-top: 1px solid rgba(255,255,255,0.1);
		border-radius: 0;
		overflow: visible;
	}

	/* Bottom bar — always visible */
	body {
		padding-bottom: 60px;
	}

	body.home {
		padding-top: 0;
		padding-bottom: 60px;
	}

	.mobile-bottom-nav {
		display: flex;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 1001;
		height: 60px;
		background: #1a1145;
		border-top: 1px solid rgba(255,255,255,0.08);
		padding: 0 0.5rem;
		align-items: center;
		justify-content: space-around;
	}

	.mobile-bottom-nav__item {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 3px;
		text-decoration: none;
		padding: 6px 10px;
		border-radius: 8px;
		transition: background 150ms;
	}

	.mobile-bottom-nav__item:hover,
	.mobile-bottom-nav__item.is-active {
		background: rgba(255,255,255,0.08);
	}

	.mobile-bottom-nav__icon {
		color: rgba(255,255,255,0.6);
		width: 20px;
		height: 20px;
	}

	.mobile-bottom-nav__item.is-active .mobile-bottom-nav__icon {
		color: #E50058;
	}

	.mobile-bottom-nav__label {
		font-size: 0.625rem;
		font-weight: 600;
		color: rgba(255,255,255,0.5);
		letter-spacing: 0.02em;
	}

	.mobile-bottom-nav__item.is-active .mobile-bottom-nav__label {
		color: #fff;
	}

	/* Hide hamburger menu toggle since we have bottom nav */
	.mobile-menu-toggle {
		display: none;
	}

	/* ============================================================
	   HERO SECTION
	   ============================================================ */
	.hero {
		padding-top: 56px;
		overflow-x: hidden;
	}

	.hero__inner {
		grid-template-columns: 1fr;
		padding: 2rem 1rem 2.5rem;
		gap: 1.75rem;
		width: 100%;
		box-sizing: border-box;
	}

	.hero__content {
		align-items: flex-start;
		text-align: left;
		width: 100%;
	}

	.hero__title {
		font-size: 1.75rem;
		margin-bottom: 0.75rem;
		line-height: 1.1;
	}

	.hero__desc {
		font-size: 0.8125rem;
		margin-bottom: 1.25rem;
		line-height: 1.6;
		color: rgba(255,255,255,0.6);
	}

	.hero__ratings {
		margin-bottom: 1rem;
		gap: 8px;
	}

	.hero__tp-stars svg {
		width: 16px;
		height: 16px;
	}

	.hero__tp-label {
		font-size: 0.6875rem;
	}

	/* Stats strip */
	.hero__stats {
		padding: 12px 14px;
		border-radius: 12px;
		gap: 0;
		width: 100%;
		box-sizing: border-box;
	}

	.hero__stat-val  { font-size: 1.25rem; }
	.hero__stat-plus { font-size: 0.75rem; }
	.hero__stat-lbl  { font-size: 0.5625rem; }
	.hero__stat-div  { height: 28px; }

	/* Form card */
	.hero__form-side {
		width: 100%;
		box-sizing: border-box;
	}

	.hero-form-card {
		width: 100%;
		max-width: 100%;
		border-radius: 16px;
		box-sizing: border-box;
		box-shadow: 0 12px 32px -4px rgba(0,0,0,0.2);
	}

	.hero-form-card__header {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		padding: 1rem 1.25rem 0;
		margin-bottom: 1rem;
		gap: 0.5rem;
	}

	.hero-form-card__title {
		font-size: 1.0625rem;
		white-space: nowrap;
	}

	.hero-form-card__speed-toggle {
		padding: 2px;
		border-radius: 6px;
		flex-shrink: 0;
	}

	.hero-form-card__toggle-option span {
		padding: 5px 10px;
		font-size: 0.6875rem;
		border-radius: 5px;
	}

	.hero-form {
		padding: 0 1.25rem 1.25rem;
	}

	.hero-form__block {
		padding: 0.75rem 1rem;
		border-radius: 10px;
		width: 100%;
		box-sizing: border-box;
	}

	.hero-form__block-label {
		font-size: 0.625rem;
		margin-bottom: 0.25rem;
	}

	.hero-form__block-row {
		display: flex;
		align-items: center;
		gap: 0.5rem;
		width: 100%;
		min-width: 0;
		overflow: hidden;
	}

	.hero-form__block-input {
		flex: 1 1 0;
		min-width: 0;
		font-size: 1.25rem;
	}

	.hero-form__block-currency {
		flex-shrink: 0;
		max-width: 90px;
	}

	.hero-form__block-flag   { font-size: 1rem; }

	.hero-form__block-select {
		font-size: 0.75rem;
		max-width: 36px;
		min-width: 0;
	}

	.hero-form__block-chev {
		width: 10px;
		height: 10px;
	}

	.hero-form__exchange-strip {
		padding: 0.625rem 0;
	}

	.hero-form__exchange-badge {
		font-size: 0.6875rem;
		padding: 4px 10px;
		white-space: nowrap;
		max-width: 100%;
	}

	.hero-form__meta {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		gap: 0.5rem;
		margin-bottom: 1rem;
	}

	.hero-form__meta-item {
		font-size: 0.6875rem;
		gap: 4px;
	}

	.hero-form__meta-item svg {
		width: 12px;
		height: 12px;
	}

	.hero-form__submit {
		height: 44px;
		font-size: 0.875rem;
		border-radius: 10px;
		gap: 6px;
	}

	.hero-form__submit svg {
		width: 14px;
		height: 14px;
	}

	/* ============================================================
	   APP DOWNLOAD SECTION
	   ============================================================ */
	.app-download {
		padding-block: 2.5rem;
	}

	.app-download__layout {
		grid-template-columns: 1fr;
		gap: 2rem;
		text-align: center;
	}

	.app-download__content {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.app-download__title {
		font-size: 1.375rem;
	}

	.app-download__desc {
		font-size: 0.8125rem;
		margin-bottom: 1.5rem;
		max-width: 320px;
	}

	.app-download__ratings {
		align-items: center;
		gap: 0.5rem;
		margin-bottom: 1.25rem;
	}

	.app-download__rating-stars svg {
		width: 12px;
		height: 12px;
	}

	.app-download__rating-text {
		font-size: 0.75rem;
	}

	.app-download__badges {
		justify-content: center;
		gap: 0.625rem;
		margin-bottom: 1.5rem;
	}

	.app-download__badges svg {
		width: 120px;
		height: 36px;
	}

	.app-download__qr {
		padding: 0.625rem 1rem;
		gap: 0.75rem;
		border-radius: 12px;
	}

	.app-download__qr-box svg {
		width: 48px;
		height: 48px;
	}

	.app-download__qr-label {
		font-size: 0.6875rem;
	}

	.app-download__visual {
		order: -1;
	}

	.app-download__phone svg {
		max-width: 180px;
		height: auto;
	}

	.app-download__glow {
		width: 200px;
		height: 200px;
	}

	/* ============================================================
	   FEATURES SECTION
	   ============================================================ */
	.features {
		padding-block: 2.5rem;
	}

	.features__header {
		margin-bottom: 1.75rem;
	}

	.features__heading {
		font-size: 1.375rem;
	}

	.features__subheading {
		font-size: 0.8125rem;
	}

	.features__grid {
		grid-template-columns: 1fr;
		gap: 0.875rem;
	}

	.fcard {
		border-radius: 16px;
	}

	.fcard__inner {
		padding: 1.25rem 1rem 1rem;
	}

	.fcard__icon {
		width: 40px;
		height: 40px;
		border-radius: 10px;
		margin-bottom: 1rem;
	}

	.fcard__icon svg {
		width: 18px;
		height: 18px;
	}

	.fcard__badge {
		font-size: 0.625rem;
		padding: 3px 8px;
		margin-bottom: 0.75rem;
	}

	.fcard__stars svg {
		width: 14px;
		height: 14px;
	}

	.fcard__stars {
		margin-bottom: 0.75rem;
	}

	.fcard__title {
		font-size: 1rem;
		margin-bottom: 0.375rem;
	}

	.fcard__text {
		font-size: 0.8125rem;
		line-height: 1.55;
		margin-bottom: 1rem;
	}

	.fcard__metric {
		padding-top: 0.875rem;
	}

	.fcard__metric-value {
		font-size: 1.125rem;
	}

	.fcard__metric-label {
		font-size: 0.6875rem;
	}

	/* ============================================================
	   TRUST INDICATORS
	   ============================================================ */
	.trust-indicators {
		padding-block: 2rem;
	}

	.trust-award {
		padding: 0.875rem 1rem;
		gap: 0.75rem;
		border-radius: 12px;
		margin-bottom: 1.25rem;
	}

	.trust-award__badge-text strong {
		font-size: 0.8125rem;
	}

	.trust-award__badge-text span {
		font-size: 0.6875rem;
	}

	.trust-award__tagline {
		font-size: 0.75rem;
	}

	.trust-stats {
		grid-template-columns: repeat(2, 1fr);
		gap: 0.75rem;
		margin-bottom: 1.25rem;
	}

	.trust-stat {
		padding: 0.875rem;
		border-radius: 12px;
	}

	.trust-stat__number {
		font-size: 1.5rem;
	}

	.trust-stat__label {
		font-size: 0.6875rem;
	}

	.trust-features {
		gap: 0.375rem;
	}

	.trust-feature {
		padding: 0.375rem 0.75rem;
		font-size: 0.6875rem;
		gap: 0.375rem;
	}

	.trust-feature svg {
		width: 12px;
		height: 12px;
	}

	/* ============================================================
	   TRANSFER FINDER / SERVICES
	   ============================================================ */
	.tf-section {
		clip-path: polygon(0 16px, 100% 0, 100% 100%, 0 100%);
		margin-top: -16px;
	}

	.tf-header {
		padding: 2rem 1rem 1.5rem;
	}

	.tf-header__eyebrow {
		font-size: 0.6875rem;
		margin-bottom: 12px;
	}

	.tf-header__title {
		font-size: 1.375rem;
	}

	.tf-header__sub {
		font-size: 0.8125rem;
	}

	.tf-grid {
		grid-template-columns: 1fr;
		gap: 0.75rem;
		padding: 0 1rem;
	}

	.tf-card {
		padding: 1.25rem 1rem 1rem;
		border-radius: 14px;
	}

	.tf-card__ordinal {
		font-size: 60px;
		top: -10px;
		right: 10px;
	}

	.tf-card__icon {
		width: 44px;
		height: 44px;
		border-radius: 10px;
		margin-bottom: 12px;
	}

	.tf-card__icon svg {
		width: 20px;
		height: 20px;
	}

	.tf-card__cat {
		font-size: 0.5625rem;
		padding: 3px 9px;
		margin-bottom: 8px;
	}

	.tf-card__title {
		font-size: 1rem;
		margin-bottom: 8px;
	}

	.tf-card__text {
		font-size: 0.75rem;
		margin-bottom: 12px;
	}

	.tf-card__features {
		gap: 6px;
		margin-bottom: 12px;
	}

	.tf-card__feature {
		font-size: 0.6875rem;
		gap: 8px;
	}

	.tf-card__stat {
		padding: 8px 10px;
		border-radius: 8px;
		margin-bottom: 12px;
	}

	.tf-card__stat-val {
		font-size: 1rem;
	}

	.tf-card__stat-lab {
		font-size: 0.625rem;
	}

	.tf-card__cta {
		font-size: 0.75rem;
	}

	.tf-trust {
		margin-top: 1.5rem;
		padding: 0 1rem;
		flex-direction: column;
		align-items: flex-start;
	}

	.tf-trust__item {
		padding: 10px 0;
		font-size: 0.75rem;
		gap: 8px;
	}

	.tf-trust__divider {
		width: 100%;
		height: 1px;
	}

	/* ============================================================
	   TOOLS SECTION
	   ============================================================ */
	.tools__grid {
		grid-template-columns: 1fr;
		gap: 0.75rem;
	}

	.tool-card {
		padding: 1.25rem;
		border-radius: 14px;
	}

	.tool-card__icon {
		width: 40px;
		height: 40px;
		border-radius: 8px;
		margin-bottom: 0.75rem;
	}

	.tool-card__title {
		font-size: 0.9375rem;
	}

	.tool-card__text {
		font-size: 0.75rem;
		margin-bottom: 1rem;
	}

	.tool-card__cta {
		font-size: 0.75rem;
	}

	/* ============================================================
	   USE CASES
	   ============================================================ */
	.use-cases__grid {
		grid-template-columns: 1fr;
		gap: 0.75rem;
	}

	.use-case-card {
		padding: 1.25rem;
		border-radius: 14px;
	}

	.use-case-card__icon {
		width: 36px;
		height: 36px;
		margin-bottom: 0.75rem;
	}

	.use-case-card__title {
		font-size: 0.9375rem;
	}

	.use-case-card__text {
		font-size: 0.75rem;
	}

	.use-case-card__link {
		font-size: 0.75rem;
	}

	/* ============================================================
	   SECURITY SECTION
	   ============================================================ */
	.security__layout {
		grid-template-columns: 1fr;
		gap: 2rem;
	}

	.security__shield {
		width: 140px;
		height: 140px;
	}

	.security__title {
		font-size: 1.375rem;
	}

	.security__intro {
		font-size: 0.8125rem;
	}

	.security__point-title {
		font-size: 0.875rem;
	}

	.security__point-text {
		font-size: 0.75rem;
	}

	/* ============================================================
	   TESTIMONIALS
	   ============================================================ */
	.testimonial-card {
		padding: 1.5rem;
		border-radius: 14px;
	}

	.testimonial-card__text {
		font-size: 0.875rem;
	}

	.testimonial-card__name {
		font-size: 0.8125rem;
	}

	.testimonial-card__role {
		font-size: 0.6875rem;
	}

	.carousel__prev,
	.carousel__next {
		width: 36px;
		height: 36px;
	}

	/* ============================================================
	   FAQ SECTION
	   ============================================================ */
	.accordion__trigger {
		padding: 0.875rem 1rem;
		gap: 0.75rem;
	}

	.accordion__question {
		font-size: 0.8125rem;
	}

	.accordion__icon {
		width: 24px;
		height: 24px;
	}

	.accordion__answer {
		padding: 0 1rem 0.875rem;
		font-size: 0.8125rem;
	}

	/* ============================================================
	   CTA SPLIT CARDS
	   ============================================================ */
	.cta-split {
		grid-template-columns: 1fr;
		gap: 0.75rem;
	}

	.cta-split__card {
		padding: 1.5rem;
		border-radius: 14px;
		flex-direction: column;
		gap: 1rem;
	}

	.cta-split__icon {
		width: 48px;
		height: 48px;
	}

	.cta-split__title {
		font-size: 1rem;
	}

	.cta-split__text {
		font-size: 0.75rem;
	}

	/* ============================================================
	   CTA BANNER
	   ============================================================ */
	.cta-banner {
		padding-block: 2.5rem;
	}

	.cta-banner__title {
		font-size: 1.5rem;
	}

	.cta-banner__text {
		font-size: 0.8125rem;
		margin-bottom: 1.5rem;
	}

	.cta-banner__actions {
		flex-direction: column;
		width: 100%;
		gap: 0.5rem;
	}

	.cta-banner__actions .btn {
		width: 100%;
		font-size: 0.8125rem;
		padding: 0.75rem;
	}

	/* ============================================================
	   BENEFITS SECTION
	   ============================================================ */
	.benefits {
		padding-block: 2.5rem;
	}

	.benefits__layout {
		grid-template-columns: 1fr;
		gap: 2rem;
	}

	.benefits__image {
		order: 2;
	}

	.benefits__content {
		order: 1;
	}

	.benefits__eyebrow {
		font-size: 0.625rem;
		padding: 0.25rem 0.75rem;
	}

	.benefits__title {
		font-size: 1.375rem;
	}

	.benefits__intro {
		font-size: 0.8125rem;
	}

	.benefits__list {
		gap: 0.625rem;
		margin-bottom: 1.5rem;
	}

	.benefits__list-item {
		font-size: 0.8125rem;
		gap: 0.625rem;
	}

	.benefits__check {
		width: 20px;
		height: 20px;
	}

	.benefits__check svg {
		width: 12px;
		height: 12px;
	}

	.benefits__image-badge {
		bottom: -10px;
		right: 0;
		padding: 0.625rem 0.875rem;
	}

	.benefits__image-badge strong {
		font-size: 0.75rem;
	}

	.benefits__image-badge span {
		font-size: 0.625rem;
	}

	/* ============================================================
	   HOW IT WORKS PAGE
	   ============================================================ */

	/* Hero */
	.hiw-hero {
		padding-top: calc(56px + 2rem);
		padding-bottom: 1.5rem;
	}

	.hiw-hero__eyebrow {
		font-size: 0.625rem;
		padding: 0.25rem 0.75rem;
		margin-bottom: 0.625rem;
	}

	.hiw-hero__title {
		font-size: 1.75rem;
		margin-bottom: 0.625rem;
	}

	.hiw-hero__subtitle {
		font-size: 0.8125rem;
		line-height: 1.55;
	}

	/* Timeline */
	.hiw-timeline {
		padding-block: 2rem;
	}

	.hiw-timeline__track::before {
		left: 17px;
	}

	.hiw-timeline__step {
		gap: 1rem;
		padding-bottom: 1.5rem;
	}

	.hiw-timeline__number {
		width: 36px;
		height: 36px;
		font-size: 0.8125rem;
		box-shadow: 0 3px 10px rgba(26, 86, 219, 0.2);
	}

	.hiw-timeline__card {
		padding: 1rem 1.125rem;
		border-radius: 12px;
		gap: 0.875rem;
	}

	.hiw-timeline__icon {
		width: 36px;
		height: 36px;
		border-radius: 8px;
	}

	.hiw-timeline__icon svg {
		width: 18px;
		height: 18px;
	}

	.hiw-timeline__title {
		font-size: 0.9375rem;
		margin-bottom: 0.25rem;
	}

	.hiw-timeline__text {
		font-size: 0.75rem;
		line-height: 1.55;
	}

	/* Capabilities */
	.hiw-capabilities {
		padding-block: 2.5rem;
	}

	.hiw-capabilities__eyebrow {
		font-size: 0.625rem;
	}

	.hiw-capabilities__grid {
		grid-template-columns: 1fr;
		gap: 0.75rem;
		margin-top: 1.5rem;
	}

	.hiw-cap-card {
		padding: 1.25rem;
		border-radius: 14px;
	}

	.hiw-cap-card__icon {
		width: 36px;
		height: 36px;
		border-radius: 8px;
		margin-bottom: 0.875rem;
	}

	.hiw-cap-card__icon svg {
		width: 18px;
		height: 18px;
	}

	.hiw-cap-card__title {
		font-size: 0.875rem;
		margin-bottom: 0.25rem;
	}

	.hiw-cap-card__text {
		font-size: 0.75rem;
		line-height: 1.55;
	}

	/* Actions CTA */
	.hiw-actions {
		padding-block: 2.5rem;
	}

	.hiw-actions__grid {
		grid-template-columns: 1fr;
		gap: 0.75rem;
	}

	.hiw-actions__card {
		padding: 1.5rem 1.25rem;
		border-radius: 14px;
	}

	.hiw-actions__card-icon {
		width: 40px;
		height: 40px;
		border-radius: 10px;
		margin-bottom: 1rem;
	}

	.hiw-actions__card-icon svg {
		width: 22px;
		height: 22px;
	}

	.hiw-actions__card-title {
		font-size: 1rem;
		margin-bottom: 0.5rem;
	}

	.hiw-actions__card-text {
		font-size: 0.75rem;
		margin-bottom: 1.25rem;
		line-height: 1.55;
	}

	.hiw-actions__btn {
		font-size: 0.75rem;
		padding: 0.5rem 1rem;
	}

	/* ============================================================
	   COUNTRIES & EXCHANGE RATES PAGE
	   ============================================================ */

	/* Rates Hero */
	.rates-hero {
		padding-top: calc(56px + 2rem);
		padding-bottom: 2rem;
	}

	.rates-hero__header {
		margin-bottom: 1.5rem;
	}

	.rates-hero__eyebrow {
		font-size: 0.625rem;
		padding: 0.25rem 0.75rem;
		margin-bottom: 0.625rem;
	}

	.rates-hero__title {
		font-size: 1.75rem;
		margin-bottom: 0.5rem;
	}

	.rates-hero__subtitle {
		font-size: 0.8125rem;
	}

	/* Rates Panel */
	.rates-panel {
		border-radius: 14px;
	}

	.rates-panel__toolbar {
		padding: 0.75rem 1rem;
		gap: 0.75rem;
		flex-wrap: wrap;
	}

	.rates-panel__label {
		font-size: 0.6875rem;
	}

	.rates-panel__select {
		font-size: 0.75rem;
		padding: 0.375rem 0.75rem;
	}

	/* Rates Table */
	.rates-table th {
		padding: 0.75rem 0.875rem;
		font-size: 0.625rem;
	}

	.rates-table td {
		padding: 0.75rem 0.875rem;
		font-size: 0.8125rem;
	}

	.rates-table__currency {
		gap: 0.5rem;
	}

	.rates-table__flag {
		font-size: 1.25rem;
	}

	.rates-table__currency-name {
		font-size: 0.8125rem;
	}

	.rates-table__currency-code {
		font-size: 0.625rem;
	}

	.rates-table__rate {
		font-size: 0.8125rem;
	}

	.rates-table__change {
		font-size: 0.6875rem;
		padding: 0.1875rem 0.5rem;
	}

	.rates-table__change svg {
		width: 10px;
		height: 10px;
	}

	/* Hide trend column on mobile */
	.rates-table th:nth-child(4),
	.rates-table td:nth-child(4) {
		display: none;
	}

	.rates-table__send-btn {
		padding: 0.375rem 0.875rem;
		font-size: 0.6875rem;
	}

	/* Destinations */
	.destinations-modern {
		padding-block: 2.5rem;
	}

	.destinations-modern__eyebrow {
		font-size: 0.625rem;
	}

	.destinations-modern__grid {
		gap: 0.5rem;
		margin-top: 1.5rem;
	}

	.dest-chip {
		padding: 0.5rem 0.875rem;
		font-size: 0.75rem;
		gap: 0.5rem;
	}

	.dest-chip__flag {
		font-size: 1rem;
	}

	/* ============================================================
	   FOOTER — compact on mobile
	   ============================================================ */
	.site-footer {
		padding-top: 2.5rem;
		padding-bottom: calc(1.5rem + 60px);
	}

	.site-footer__top {
		grid-template-columns: 1fr;
		gap: 1.5rem;
		padding-bottom: 1.5rem;
	}

	.site-footer__brand .site-footer__logo svg {
		width: 24px;
		height: 24px;
	}

	.site-footer__brand .site-footer__logo span {
		font-size: 0.875rem;
	}

	.site-footer__description {
		font-size: 0.75rem;
		line-height: 1.6;
		margin-bottom: 1rem;
	}

	.site-footer__social {
		gap: 0.375rem;
	}

	.social-link {
		width: 32px;
		height: 32px;
		border-radius: 6px;
	}

	.social-link svg {
		width: 14px;
		height: 14px;
	}

	.site-footer__nav-columns {
		grid-template-columns: repeat(2, 1fr);
		gap: 1rem;
	}

	.site-footer__nav-title {
		font-size: 0.6875rem;
		margin-bottom: 0.5rem;
	}

	.footer-menu a {
		font-size: 0.75rem;
	}

	.footer-menu li {
		margin-bottom: 0.25rem;
	}

	.site-footer__bottom {
		flex-direction: column;
		align-items: flex-start;
		gap: 0.5rem;
		padding-top: 1rem;
	}

	.site-footer__copyright {
		font-size: 0.6875rem;
	}

	.site-footer__legal {
		gap: 0.75rem;
	}

	.site-footer__legal a {
		font-size: 0.6875rem;
	}

	/* Newsletter (if present) */
	.site-footer__newsletter p {
		font-size: 0.75rem;
	}

	.newsletter-form input[type="email"] {
		padding: 0.625rem 0.875rem;
		font-size: 0.75rem;
	}

}

/* ============================================================
   NARROW PHONES ≤ 430px — iPhone SE 375, iPhone 12 Pro 390, S25U 412
   ============================================================ */
@media (max-width: 430px) {

	.hero__inner {
		padding: 1.5rem 0.875rem 1.75rem;
		gap: 1.25rem;
	}

	.hero__title {
		font-size: 1.5rem;
	}

	.hero__stats {
		padding: 10px 8px;
	}

	.hero__stat-val  { font-size: 1.125rem; }
	.hero__stat-lbl  { font-size: 0.5rem; }
	.hero__stat-div  { height: 22px; }

	.hero-form-card__header {
		padding: 0.875rem 1rem 0;
		margin-bottom: 0.75rem;
	}

	.hero-form-card__title { font-size: 0.9375rem; }

	.hero-form-card__toggle-option span {
		padding: 4px 8px;
		font-size: 0.625rem;
	}

	.hero-form {
		padding: 0 1rem 1rem;
	}

	.hero-form__block {
		padding: 0.625rem 0.875rem;
	}

	.hero-form__block-input { font-size: 1rem; }

	.hero-form__block-select { max-width: 32px; font-size: 0.6875rem; }

	.hero-form__exchange-badge {
		font-size: 0.625rem;
		padding: 3px 8px;
		white-space: nowrap;
	}

	.hero-form__submit { height: 42px; font-size: 0.8125rem; }
}

/* ============================================================
   VERY NARROW ≤ 360px — Samsung Galaxy S8+
   ============================================================ */
@media (max-width: 360px) {

	.hero__inner { padding: 1.25rem 0.75rem 1.5rem; }

	.hero__title { font-size: 1.25rem; }

	.hero__stats { padding: 8px 6px; }
	.hero__stat-val { font-size: 0.9375rem; }

	.hero-form-card__header { padding: 0.75rem 0.875rem 0; }
	.hero-form-card__title  { font-size: 0.875rem; }
	.hero-form { padding: 0 0.875rem 0.875rem; }
	.hero-form__block { padding: 0.5rem 0.75rem; }

	.hero-form__block-input  { font-size: 0.9375rem; }
	.hero-form__block-select { max-width: 28px; font-size: 0.625rem; }

	.hero-form__exchange-badge { font-size: 0.5625rem; padding: 2px 6px; }

	.hero-form__submit { height: 40px; font-size: 0.75rem; }
}