/* ==========================================================================
   CIXIZOC — iPhone 6.1″–6.5″ mobile layout (390–430px logical width)
   Dedicated phone typography & spacing — not a scaled-down desktop layout.
   ========================================================================== */

@media (max-width: 430px) {
	:root {
		--cz-shop-pad: 1rem;
		--cz-iphone-section-y: 1.75rem;
		--cz-iphone-title: clamp(1.5rem, 7.8vw, 1.85rem);
		--cz-iphone-body: 0.875rem;
		--cz-iphone-lead: 0.8125rem;
		--cz-iphone-label: 0.6875rem;
	}

	/* ── Shared header ── */
	.cz-shop-header {
		grid-template-columns: auto 1fr auto;
		padding: 0.7rem var(--cz-shop-pad);
		gap: 0.5rem;
	}

	.cz-shop-header__logo img {
		height: 32px;
	}

	.cz-shop-header__actions {
		gap: 0.15rem;
	}

	.cz-shop-header__actions .cz-shop-header__icon {
		width: 40px;
		height: 40px;
		min-width: 40px;
		min-height: 40px;
	}

	.cz-shop-header__mobile {
		justify-content: flex-start;
		max-height: calc(20dvh + 2.2rem);
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		padding: 0.55rem var(--cz-shop-pad) calc(0.55rem + env(safe-area-inset-bottom));
		gap: 0.3rem;
	}

	.cz-shop-header__mobile a {
		min-height: 30px;
		font-size: 0.625rem;
		letter-spacing: 0.12em;
	}

	.cz-hero__mobile-nav {
		justify-content: flex-start;
		max-height: calc(20dvh + 2.2rem);
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		padding: 0.55rem 1rem calc(0.55rem + env(safe-area-inset-bottom));
		gap: 0.3rem;
	}

	.cz-hero__mobile-nav a {
		min-height: 30px;
		font-size: 0.625rem;
		letter-spacing: 0.12em;
	}

	/* ── Shared sections ── */
	.cz-shop-section {
		padding-top: var(--cz-iphone-section-y);
		padding-bottom: var(--cz-iphone-section-y);
	}

	.cz-shop-section__title {
		font-size: var(--cz-iphone-title);
		letter-spacing: 0.1em;
	}

	.cz-shop-offers__grid {
		grid-template-columns: 1fr 1fr;
		gap: 0.65rem 0.5rem;
	}

	.cz-shop-offer__name {
		font-size: 0.6875rem;
		line-height: 1.35;
	}

	.cz-shop-collection__title {
		font-size: 1.45rem;
		letter-spacing: 0.12em;
	}

	.cz-shop-collection__content {
		padding: 1.15rem 1rem;
	}

	.cz-series-split__copy {
		padding: 1.5rem var(--cz-shop-pad);
		text-align: left;
	}

	.cz-series-split__title {
		font-size: 1.45rem;
		letter-spacing: 0.12em;
	}

	.cz-series-split__body-line {
		font-size: var(--cz-iphone-body);
		line-height: 1.65;
	}

	/* ── Footer ── */
	.cz-shop-footer__statement {
		padding: 2.25rem var(--cz-shop-pad);
	}

	.cz-shop-footer__quote p {
		font-size: 0.9375rem;
		line-height: 1.55;
	}

	.cz-shop-footer__signature-mark {
		width: min(100%, 18rem);
	}

	.cz-shop-footer__headline {
		font-size: 1.375rem;
		line-height: 1.38;
	}

	.cz-shop-footer__links {
		grid-template-columns: 1fr;
		gap: 1.35rem;
	}

	.cz-shop-footer__tagline {
		font-size: var(--cz-iphone-lead);
		line-height: 1.7;
		margin-bottom: 1.5rem;
	}

	/* ── Homepage / landing ── */
	.cz-hero__header {
		padding: 0 1rem;
	}

	.cz-hero__logo img {
		height: 40px;
	}

	.cz-forest-gate {
		padding: 0 1rem;
	}

	.cz-forest-gate__title {
		font-size: clamp(1.35rem, 6.8vw, 1.75rem);
		white-space: normal;
		line-height: 1.15;
	}

	.cz-forest-gate__subtitle {
		font-size: 0.625rem;
		letter-spacing: 0.08em;
		line-height: 1.55;
		margin-bottom: 1rem;
	}

	.cz-forest-gate__enter {
		width: 100%;
		max-width: 16rem;
		justify-content: center;
		font-size: 0.625rem;
		min-height: 44px;
	}

	.cz-hero__content {
		padding: calc(var(--cz-header-h) + 0.5rem) 1rem 1.5rem;
	}

	.cz-hero__subtitle {
		font-size: 0.6875rem;
		line-height: 1.55;
		padding: 0;
	}

	.cz-hero__title {
		font-size: clamp(1.65rem, 8.5vw, 2.15rem);
		padding: 0;
	}

	.cz-hero__cta {
		width: 100%;
		max-width: 15rem;
		min-height: 44px;
		font-size: 0.75rem;
	}

	/* ── About ── */
	.cz-about-intro {
		padding: 1.75rem var(--cz-shop-pad) 1.25rem;
	}

	.cz-about-intro__title {
		font-size: var(--cz-iphone-title);
	}

	.cz-about-story {
		padding: 0 var(--cz-shop-pad);
		gap: 1rem;
	}

	.cz-about-story__text {
		padding: 0;
	}

	.cz-about-split--inspiration,
	.cz-about-split--craft {
		max-width: none;
		margin-left: 0;
		margin-right: 0;
		padding: 1.75rem var(--cz-shop-pad);
		gap: 1.25rem;
	}

	.cz-about-split__copy {
		padding: 1.25rem 0 0;
		text-align: left;
	}

	.cz-about-split__title {
		font-size: 1.375rem;
	}

	.cz-about-pillars {
		margin: 1.5rem 0;
		padding: 0 var(--cz-shop-pad);
	}

	.cz-about-pillar {
		padding: 1.15rem 1rem;
	}

	/* ── Fragrance ── */
	.cz-fragrance__intro {
		padding: 1.25rem var(--cz-shop-pad) 0.75rem;
		text-align: left;
	}

	.cz-fragrance__meta {
		white-space: normal;
		flex-wrap: wrap;
		justify-content: flex-start;
		font-size: var(--cz-iphone-label);
		letter-spacing: 0.1em;
	}

	.cz-fragrance-split .cz-series-split__copy,
	.cz-fragrance-split__copy {
		padding: 1.35rem var(--cz-shop-pad) 1.5rem;
		align-items: flex-start;
		text-align: left;
	}

	.cz-fragrance-split__headline {
		font-size: 1.5rem;
		text-align: left;
	}

	.cz-fragrance-split .cz-series-split__body,
	.cz-fragrance-split .cz-series-split__eyebrow {
		text-align: left;
		font-size: var(--cz-iphone-body);
	}

	/* ── Rewards ── */
	.cz-rewards-envelope {
		padding: 1.5rem var(--cz-shop-pad) 1.25rem;
	}

	.cz-rewards-envelope__shell {
		padding-top: 1rem;
	}

	.cz-rewards-envelope__letter {
		margin-top: 1.35rem;
		padding: 1.15rem 1rem;
	}

	.cz-rewards-envelope__title {
		font-size: 1.45rem;
		line-height: 1.2;
	}

	.cz-rewards-envelope__body p {
		font-size: var(--cz-iphone-body);
		line-height: 1.7;
	}

	.cz-rewards-envelope__seal {
		width: 2.35rem;
		height: 2.35rem;
		margin-left: -1.175rem;
	}

	.cz-rewards-hero__content {
		padding: 1.75rem var(--cz-shop-pad);
	}

	.cz-rewards-hero__title {
		font-size: 1.45rem;
	}

	.cz-rewards-hero__btn {
		max-width: none;
		width: 100%;
	}

	/* ── New arrivals ── */
	.cz-new-arrivals {
		padding-top: 1rem;
	}

	.cz-new-arrivals__title {
		font-size: 1.5rem;
		letter-spacing: 0.06em;
	}

	.cz-new-arrivals__meta-line {
		white-space: normal;
		flex-wrap: wrap;
		justify-content: center;
		font-size: var(--cz-iphone-label);
	}

	.cz-new-carousel {
		margin-left: calc(-1 * var(--cz-shop-pad));
		margin-right: calc(-1 * var(--cz-shop-pad));
	}

	.cz-new-carousel__track {
		min-height: 24rem;
		padding: 0 0.35rem;
	}

	.cz-new-carousel__slide {
		flex-basis: 6.5rem;
	}

	.cz-new-carousel__slide.is-active {
		flex-basis: 13.75rem;
	}

	.cz-new-carousel__bottle {
		height: 21.5rem;
	}

	.cz-new-hero__content {
		padding: 1.75rem var(--cz-shop-pad);
	}

	.cz-new-hero__btn {
		max-width: none;
	}

	/* ── Members ── */
	.cz-members-split__panel {
		padding: 1.5rem var(--cz-shop-pad) calc(1.5rem + env(safe-area-inset-bottom));
	}

	.cz-members-tabs {
		margin-bottom: 1.25rem;
	}

	.cz-members-form-wrap {
		padding: 0;
	}

	/* ── Customer care ── */
	.cz-care {
		padding: 1rem var(--cz-shop-pad) calc(2rem + env(safe-area-inset-bottom));
	}

	.cz-care__title {
		font-size: 1.75rem;
	}

	.cz-care__lead-line {
		font-size: var(--cz-iphone-lead);
		line-height: 1.6;
	}

	.cz-care__window {
		min-height: calc(100dvh - 9.5rem);
		border-radius: 0.85rem;
	}

	.cz-care__window-head {
		padding: 0.85rem 1rem;
	}

	.cz-care__window .cz-support__thread {
		padding: 0.85rem 0.85rem 0.65rem;
		min-height: 11rem;
	}

	.cz-care__window .cz-support__topics {
		padding: 0 0.85rem;
		gap: 0.35rem;
	}

	.cz-care__window .cz-support__topic {
		font-size: 0.6875rem;
		padding: 0.4rem 0.65rem;
	}

	.cz-care__window .cz-support__form {
		padding: 0.75rem 0.85rem calc(0.75rem + env(safe-area-inset-bottom));
	}

	.cz-support__panel {
		height: min(94dvh, 40rem);
		border-radius: 1rem 1rem 0 0;
	}

	.cz-support__thread {
		max-height: 12rem;
	}

	/* ── Product (PDP) ── */
	.cz-pdp {
		padding-bottom: calc(4.5rem + env(safe-area-inset-bottom));
	}

	.cz-pdp__title {
		font-size: 1.5rem;
	}

	.cz-pdp__price {
		font-size: 1.125rem;
	}

	.cz-pdp__atb {
		left: var(--cz-shop-pad);
		right: var(--cz-shop-pad);
		bottom: calc(0.65rem + env(safe-area-inset-bottom));
		min-height: 48px;
	}

	.cz-pdp__carousel-viewport {
		touch-action: pan-y;
	}

	.cz-pdp__carousel-slide {
		aspect-ratio: 4 / 5;
	}

	.cz-pdp__carousel-dots {
		gap: 0.5rem;
		padding: 0.15rem 0;
	}

	/* ── Checkout / cart ── */
	.cz-checkout__inner,
	.cz-cart__inner {
		padding-left: var(--cz-shop-pad);
		padding-right: var(--cz-shop-pad);
	}

	.cz-checkout__title,
	.cz-cart__title {
		font-size: 1.45rem;
	}

	/* ── Fragrance guide ── */
	.cz-fguide {
		padding-top: 0.5rem;
		padding-bottom: calc(2rem + env(safe-area-inset-bottom));
	}

	.cz-fguide__mast-title {
		font-size: 1.55rem;
	}

	.cz-fguide__section {
		padding-left: var(--cz-shop-pad);
		padding-right: var(--cz-shop-pad);
	}

	.cz-fguide__poster-title {
		font-size: 1.35rem;
	}

	.cz-fguide__care-carousel__bottle {
		max-width: 11.5rem;
	}

	/* ── Contact / policy / shipping ── */
	.cz-contact,
	.cz-privacy,
	.cz-shipping {
		padding: 1.5rem var(--cz-shop-pad) calc(2.5rem + env(safe-area-inset-bottom));
	}

	.cz-contact__title,
	.cz-privacy__title,
	.cz-shipping__title {
		font-size: 1.55rem;
	}

	.cz-contact__lead,
	.cz-privacy__lead,
	.cz-shipping__lead {
		font-size: var(--cz-iphone-lead);
	}

	/* ── Scent quiz ── */
	.cz-scent-quiz__title {
		font-size: 1.45rem;
	}

	.cz-scent-quiz__option {
		padding: 0.85rem 1rem;
		min-height: 48px;
	}

	.cz-scent-quiz__nav-btn {
		min-height: 48px;
		font-size: 0.75rem;
	}

	/* ── Scent quiz promo banner (shop home) ── */
	.cz-shop-quiz {
		margin: 1.15rem calc(-1 * var(--cz-shop-pad)) 1.15rem;
	}

	.cz-shop-quiz__media {
		height: 10.25rem;
	}

	.cz-shop-quiz__content {
		padding: 1.15rem var(--cz-shop-pad) 1.35rem calc(var(--cz-shop-pad) + 1rem);
	}

	.cz-shop-quiz__title {
		font-size: 1.0625rem;
		letter-spacing: 0.08em;
		margin-bottom: 0.65rem;
	}

	.cz-shop-quiz__desc {
		font-size: 0.8125rem;
		line-height: 1.6;
		margin-bottom: 0.95rem;
	}

	.cz-shop-quiz__cta {
		font-size: 0.6875rem;
		letter-spacing: 0.14em;
	}
}