/* Shopify migration case — own layout + readable mobile type */

.case-page--shopify-migration {
	--shopify-body: 1rem;
	--shopify-title: clamp(1.375rem, 4.4vw, 2rem);
}

.case-page--shopify-migration .questions-section--case {
	padding: 0;
}

.case-page--shopify-migration .questions-section--case .container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
}

.case-page--shopify-migration .questions-content--case {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	gap: 32px;
	text-align: left;
	max-width: 100%;
	margin: 0;
	padding: 28px 32px;
	background: #ffffff;
	border: 1px solid var(--case-card-border);
	border-radius: 16px;
	box-shadow: 0 8px 28px color-mix(in srgb, var(--case-ink) 6%, transparent);
}

.case-page--shopify-migration .questions-title {
	font-size: 1.75rem;
	font-weight: 700;
	margin-bottom: 12px;
	line-height: 1.2;
	color: var(--case-ink);
}

.case-page--shopify-migration .questions-title-brand {
	display: block;
}

.case-page--shopify-migration .questions-subtitle {
	font-size: 1rem;
	color: var(--case-mut);
	margin: 0;
	line-height: 1.5;
}

.case-page--shopify-migration .questions-btn--case {
	padding: 14px 28px;
	border-radius: 12px;
	font-size: 1rem;
	font-weight: 600;
	color: #fff;
	text-decoration: none;
	display: inline-block;
}

.case-page--shopify-migration .case-hero-kicker {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0 auto 14px;
	padding: 6px 12px;
	border-radius: 999px;
	background: #ffffff;
	border: 1px solid var(--case-card-border);
	color: var(--case-kicker);
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.case-page--shopify-migration .case-hero-kicker__dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--case-accent);
}

.case-page--shopify-migration .top__text {
	max-width: 720px;
	margin-left: auto;
	margin-right: auto;
	font-size: 1.0625rem;
	line-height: 1.6;
}

.case-page--shopify-migration .case-hero-badges {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
	max-width: 1000px;
	width: 100%;
}

.case-page--shopify-migration .case-hero-badges--three {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	max-width: 760px;
	margin-left: auto;
	margin-right: auto;
}

.case-page--shopify-migration .case-results__grid--four {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}

.case-page--shopify-migration .case-hero-badge {
	min-width: 0;
	padding: 16px 12px;
}

.case-page--shopify-migration .case-hero-badge__value {
	font-size: 1.375rem;
	font-weight: 700;
	line-height: 1.15;
	color: var(--case-accent);
}

.case-page--shopify-migration .case-hero-badge__label {
	font-size: 0.8125rem;
	line-height: 1.3;
}

/* WordPress → Shopify compare */
.case-page--shopify-migration .case-compare__title {
	text-align: center;
	margin-bottom: 28px;
}

.case-compare__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	max-width: 1000px;
	margin: 0 auto;
}

.case-compare__col {
	background: var(--case-card-bg);
	border: 1px solid var(--case-card-border);
	border-radius: 16px;
	padding: 28px 24px;
	box-shadow: 0 8px 24px color-mix(in srgb, var(--case-ink) 5%, transparent);
}

.case-compare__label {
	display: inline-block;
	margin: 0 0 10px;
	padding: 4px 10px;
	border-radius: 999px;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.case-compare__col--from .case-compare__label {
	background: rgba(22, 22, 26, 0.06);
	color: var(--case-mut);
}

.case-compare__col--to .case-compare__label {
	background: color-mix(in srgb, var(--case-accent) 14%, transparent);
	color: var(--case-accent-deep);
}

.case-compare__col h3 {
	margin: 0 0 16px;
	font-size: 1.25rem;
	color: var(--case-ink);
}

.case-compare__list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 12px;
}

.case-compare__list li {
	position: relative;
	padding-left: 28px;
	font-size: 1rem;
	line-height: 1.5;
	color: var(--case-mut);
}

.case-compare__list li::before {
	position: absolute;
	left: 0;
	top: 0.15em;
	font-weight: 700;
}

.case-compare__col--from .case-compare__list li::before {
	content: "–";
	color: rgba(22, 22, 26, 0.4);
}

.case-compare__col--to .case-compare__list li::before {
	content: "✓";
	color: var(--case-accent);
}

.case-page--shopify-migration .case-results__grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.case-page--shopify-migration .result-card__value {
	display: block;
	margin: 0 0 8px;
	font-size: 1.75rem;
	font-weight: 700;
	line-height: 1.1;
	color: var(--case-accent);
}

.case-quote {
	padding-top: 0;
	padding-bottom: 80px;
}

.case-quote__card {
	max-width: 820px;
	margin: 0 auto;
	padding: 32px 36px;
	background: var(--case-card-bg);
	border: 1px solid var(--case-card-border);
	border-radius: 16px;
	box-shadow: 0 8px 28px color-mix(in srgb, var(--case-ink) 6%, transparent);
}

.case-quote__card blockquote {
	margin: 0 0 20px;
	font-size: 1.125rem;
	line-height: 1.65;
	color: var(--case-ink);
	font-style: italic;
}

.case-quote__author {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.case-quote__name {
	font-weight: 700;
	color: var(--case-ink);
	font-size: 1rem;
}

.case-quote__role {
	font-size: 0.9375rem;
	color: var(--case-mut);
}

.case-page--shopify-migration .case-gallery__wrapper {
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 56px;
}

.case-page--shopify-migration .case-gallery__arrow--left {
	left: 0;
}

.case-page--shopify-migration .case-gallery__arrow--right {
	right: 0;
}

.case-page--shopify-migration .case-gallery__grid {
	display: flex;
	gap: 20px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
	align-items: stretch;
}

.case-page--shopify-migration .gallery-item {
	flex: 0 0 min(520px, 85vw);
	width: min(520px, 85vw);
	min-height: 280px;
	scroll-snap-align: start;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 12px;
	box-sizing: border-box;
	background: var(--case-card-bg);
	border: 1px solid var(--case-card-border);
	border-radius: 14px;
}

.case-page--shopify-migration .gallery-item--large {
	flex: 0 0 min(560px, 90vw);
	width: min(560px, 90vw);
}

.case-page--shopify-migration .gallery-item .case-picture,
.case-page--shopify-migration .gallery-item .case-picture img {
	display: block;
	width: 100%;
	height: 100%;
	max-height: 380px;
	object-fit: contain;
	object-position: center;
}

.case-page--shopify-migration .gallery-item figcaption,
.case-page--shopify-migration .gallery-item__caption {
	display: none;
}

@media (max-width: 900px) {
	.case-compare__grid,
	.case-page--shopify-migration .case-hero-badges,
	.case-page--shopify-migration .case-results__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 768px) {
	.case-page--shopify-migration .top {
		padding-top: 20px;
	}

	.case-page--shopify-migration .top__title,
	.case-page--shopify-migration .top-title-case,
	.case-page--shopify-migration .case-hero-title {
		font-size: 26px !important;
		line-height: 1.22 !important;
		margin-bottom: 14px !important;
	}

	.case-page--shopify-migration .top__text {
		font-size: 16px !important;
		line-height: 1.55 !important;
		margin-bottom: 20px;
	}

	.case-page--shopify-migration .case-hero-kicker {
		font-size: 12px;
		margin-bottom: 12px;
	}

	.case-page--shopify-migration .case-hero-badge {
		padding: 14px 10px;
	}

	.case-page--shopify-migration .case-hero-badge__value {
		font-size: 22px !important;
		margin-bottom: 4px;
	}

	.case-page--shopify-migration .case-hero-badge__label {
		font-size: 13px !important;
	}

	.case-page--shopify-migration .title_h2,
	.case-page--shopify-migration .case-overview__title,
	.case-page--shopify-migration .case-solution__title,
	.case-page--shopify-migration .case-steps__title,
	.case-page--shopify-migration .case-gallery__title,
	.case-page--shopify-migration .case-results__title,
	.case-page--shopify-migration .case-technologies__title,
	.case-page--shopify-migration .case-faq__title,
	.case-page--shopify-migration .case-compare__title {
		font-size: 22px !important;
		line-height: 1.28 !important;
		margin-bottom: 16px !important;
	}

	.case-page--shopify-migration .case-overview__col--text p,
	.case-page--shopify-migration .tasks-list--overview .task-text,
	.case-page--shopify-migration .solution-card p,
	.case-page--shopify-migration .result-card p,
	.case-page--shopify-migration .case-steps__item p,
	.case-page--shopify-migration .case-faq__answer,
	.case-page--shopify-migration .case-compare__list li {
		font-size: 16px !important;
		line-height: 1.5 !important;
	}

	.case-page--shopify-migration .solution-card h3,
	.case-page--shopify-migration .result-card h3,
	.case-page--shopify-migration .case-steps__item h3,
	.case-page--shopify-migration .case-overview__tasks-title,
	.case-page--shopify-migration .case-compare__col h3,
	.case-page--shopify-migration .case-faq__question {
		font-size: 17px !important;
		line-height: 1.3 !important;
	}

	.case-page--shopify-migration .case-overview__tasks {
		padding: 18px 16px;
	}

	.case-compare__grid {
		grid-template-columns: 1fr;
		gap: 12px;
	}

	.case-page--shopify-migration .case-hero-badges,
	.case-page--shopify-migration .case-results__grid {
		grid-template-columns: 1fr 1fr;
		gap: 10px;
	}

	.case-page--shopify-migration .case-hero-badges--three {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.case-compare__col {
		padding: 18px 16px;
	}

	.case-page--shopify-migration .case-solution__list,
	.case-page--shopify-migration .case-results__grid {
		display: grid !important;
		grid-template-columns: 1fr !important;
		flex-wrap: unset;
		overflow: visible !important;
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding: 0 !important;
		gap: 12px !important;
		scroll-snap-type: none;
	}

	.case-page--shopify-migration .solution-card,
	.case-page--shopify-migration .result-card {
		width: 100% !important;
		min-width: 0 !important;
		flex: unset !important;
		padding: 18px 16px;
	}

	.case-page--shopify-migration .result-card__value {
		font-size: 28px;
	}

	.case-page--shopify-migration .technology-list,
	.case-page--shopify-migration .technology-list--six {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 10px !important;
	}

	.case-page--shopify-migration .technology-list-item {
		flex: unset !important;
		width: 100% !important;
		max-width: none !important;
		flex-direction: row !important;
		align-items: center !important;
		text-align: left !important;
		gap: 12px !important;
		padding: 14px 16px !important;
		min-height: 0;
	}

	.case-page--shopify-migration .technology-list-item__icon,
	.case-page--shopify-migration .technology-list-item__icon--brand {
		width: 40px !important;
		height: 40px !important;
		min-width: 40px !important;
		padding: 6px;
	}

	.case-page--shopify-migration .technology-list-item__icon img,
	.case-page--shopify-migration .technology-list-item__icon--brand img {
		width: 28px !important;
		height: 28px !important;
		max-width: 28px !important;
		max-height: 28px !important;
	}

	.case-page--shopify-migration .technology-list-item__content h3 {
		font-size: 16px !important;
		line-height: 1.25 !important;
		margin-bottom: 2px;
	}

	.case-page--shopify-migration .technology-list-item__content p {
		font-size: 14px !important;
		line-height: 1.4 !important;
	}

	.case-faq__list--columns {
		grid-template-columns: 1fr;
	}

	.case-page--shopify-migration .case-faq__question {
		padding: 16px 44px 16px 16px;
	}

	.case-quote {
		padding-top: 0;
		padding-bottom: 40px;
	}

	.case-quote__card {
		padding: 22px 18px;
	}

	.case-quote__card blockquote {
		font-size: 16px;
	}

	.case-page--shopify-migration .case-gallery__wrapper {
		padding: 0 44px;
	}

	.case-page--shopify-migration .gallery-item,
	.case-page--shopify-migration .gallery-item--large {
		flex: 0 0 min(82vw, 320px);
		width: min(82vw, 320px);
		min-height: 240px;
	}

	.case-page--shopify-migration .questions-content--case {
		flex-direction: column;
		text-align: center;
		padding: 22px 18px;
		gap: 16px;
	}

	.case-page--shopify-migration .questions-content-right {
		width: 100%;
	}

	.case-page--shopify-migration .questions-btn--case {
		width: 100%;
		text-align: center;
		box-sizing: border-box;
	}

	.case-page--shopify-migration .case-faq-cta__banner .questions-title {
		font-size: 22px !important;
		line-height: 1.25;
	}

	.case-page--shopify-migration .case-faq-cta__banner .questions-subtitle {
		font-size: 15px !important;
		line-height: 1.45;
	}

	.case-page--shopify-migration .case-faq-cta__banner .questions-btn--case {
		font-size: 16px !important;
		padding: 14px 18px;
	}
}

@media (max-width: 420px) {
	.case-page--shopify-migration .case-hero-badges {
		grid-template-columns: 1fr 1fr;
	}

	.case-page--shopify-migration .case-hero-badges--three {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.case-page--shopify-migration .top__title,
	.case-page--shopify-migration .top-title-case {
		font-size: 24px !important;
	}
}

/* Saint Vandal — international Shopify case */
.case-page--saint-vandal {
	--case-accent: #8b6914;
	--case-accent-2: #c4a574;
	--case-accent-deep: #5c4710;
}

.case-page--saint-vandal .sv-brand {
	padding-top: 0;
}

.case-page--saint-vandal .sv-brand__card {
	display: grid;
	grid-template-columns: minmax(180px, 240px) 1fr;
	gap: 36px;
	align-items: center;
	padding: 32px 36px;
	background: var(--case-card-bg);
	border: 1px solid var(--case-card-border);
	border-radius: 16px;
	box-shadow: 0 8px 28px color-mix(in srgb, var(--case-ink) 6%, transparent);
}

.case-page--saint-vandal .sv-brand__logo {
	padding: 18px 16px;
	background: #f4f2ee;
	border-radius: 12px;
}

.case-page--saint-vandal .sv-brand__logo img,
.case-page--saint-vandal .sv-brand__logo .case-picture,
.case-page--saint-vandal .sv-brand__logo .case-picture img {
	display: block;
	width: 100%;
	height: auto;
}

.case-page--saint-vandal .sv-brand__copy .title_h2 {
	margin: 0 0 16px;
	text-align: left;
}

.case-page--saint-vandal .sv-brand__copy p {
	margin: 0 0 12px;
	font-size: 1rem;
	line-height: 1.6;
	color: var(--case-mut);
}

.case-page--saint-vandal .sv-brand__copy p:last-of-type {
	margin-bottom: 20px;
}

.case-page--saint-vandal .sv-brand__links {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.case-page--saint-vandal .sv-brand__link {
	display: inline-flex;
	align-items: center;
	padding: 10px 16px;
	border-radius: 999px;
	border: 1px solid var(--case-card-border);
	color: var(--case-ink);
	font-size: 0.9375rem;
	font-weight: 600;
	text-decoration: none;
}

.case-page--saint-vandal .sv-brand__link:hover {
	border-color: var(--case-accent);
	color: var(--case-accent-deep);
}

.case-page--saint-vandal .sv-brand__link--accent {
	background: var(--case-ink);
	border-color: var(--case-ink);
	color: #fff;
}

.case-page--saint-vandal .sv-brand__link--accent:hover {
	background: var(--case-accent-deep);
	border-color: var(--case-accent-deep);
	color: #fff;
}

.case-page--saint-vandal .sv-catalog__lead {
	max-width: 760px;
	margin: 0 auto 32px;
	text-align: center;
	font-size: 1rem;
	line-height: 1.6;
	color: var(--case-mut);
}

.case-page--saint-vandal .sv-catalog__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
}

.case-page--saint-vandal .sv-catalog__item {
	padding: 24px 22px;
	background: var(--case-card-bg);
	border: 1px solid var(--case-card-border);
	border-radius: 16px;
	box-shadow: 0 8px 24px color-mix(in srgb, var(--case-ink) 5%, transparent);
}

.case-page--saint-vandal .sv-catalog__num {
	display: block;
	margin-bottom: 10px;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--case-accent);
}

.case-page--saint-vandal .sv-catalog__item h3 {
	margin: 0 0 10px;
	font-size: 1.125rem;
	color: var(--case-ink);
}

.case-page--saint-vandal .sv-catalog__item p {
	margin: 0;
	font-size: 0.9375rem;
	line-height: 1.55;
	color: var(--case-mut);
}

@media (max-width: 900px) {
	.case-page--saint-vandal .sv-brand__card {
		grid-template-columns: 1fr;
		padding: 24px 20px;
		gap: 20px;
	}

	.case-page--saint-vandal .sv-brand__logo {
		max-width: 220px;
	}

	.case-page--saint-vandal .sv-catalog__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 560px) {
	.case-page--saint-vandal .sv-catalog__grid {
		grid-template-columns: 1fr;
	}

	.case-page--saint-vandal .sv-brand__link,
	.case-page--saint-vandal .sv-brand__link--accent {
		width: 100%;
		justify-content: center;
	}
}

.case-page--saint-vandal .solution-card__num {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	margin-bottom: 16px;
	border-radius: 10px;
	background: var(--case-ink);
	color: #fff;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1;
}

.case-page--saint-vandal .technology-list-item__icon--brand img[alt="Shopify"],
.case-page--saint-vandal .technology-list-item__icon--brand img[alt="Payoneer"] {
	width: 40px;
	height: 40px;
	max-width: none;
	max-height: none;
	border-radius: 8px;
	background: #111;
	object-fit: contain;
}

/* Saint Vandal — compact case layout */
.case-page--saint-vandal .case-hero-title {
	font-size: clamp(1.75rem, 3.4vw, 2.375rem);
	line-height: 1.16;
	margin-bottom: 14px;
}

.case-page--saint-vandal .case-hero-title__line {
	display: block;
}

.case-page--saint-vandal .case-hero-brand {
	display: block;
	font-size: 0.72em;
	white-space: nowrap;
}

.case-page--saint-vandal .top__text {
	max-width: 800px;
	font-size: 0.9375rem;
	line-height: 1.5;
}

.case-page--saint-vandal .case-hero-badges {
	gap: 8px;
	max-width: 920px;
	margin-right: auto;
	margin-left: auto;
}

.case-page--saint-vandal .case-hero-badge {
	padding: 11px 8px;
}

.case-page--saint-vandal .case-hero-badge__value {
	font-size: 1.125rem;
	white-space: nowrap;
}

.case-page--saint-vandal .case-hero-badge__label {
	font-size: 0.6875rem;
	white-space: nowrap;
}

.case-page--saint-vandal .case-hero-visual {
	width: 100%;
	max-width: 900px;
}

.case-page--saint-vandal .case-hero-visual .case-picture,
.case-page--saint-vandal .case-hero-visual img {
	width: 100%;
	max-width: 100%;
	height: auto;
	object-fit: contain;
}

.case-page--saint-vandal .sv-brand__title span {
	display: block;
}

.case-page--saint-vandal .sv-brand__copy .title_h2 {
	font-size: 1.75rem;
	line-height: 1.2;
}

.case-page--saint-vandal .sv-brand__link {
	padding: 8px 13px;
	font-size: 0.8125rem;
}

.case-page--saint-vandal .case-compare__title {
	font-size: 1.75rem;
	line-height: 1.25;
}

.case-page--saint-vandal .case-compare__col {
	padding: 22px 20px;
}

.case-page--saint-vandal .case-compare__col h3 {
	margin-bottom: 12px;
	font-size: 1.0625rem;
}

.case-page--saint-vandal .case-compare__list {
	gap: 8px;
}

.case-page--saint-vandal .case-compare__list li {
	padding-left: 22px;
	font-size: 0.875rem;
	line-height: 1.42;
}

.case-page--saint-vandal .case-gallery__wrapper {
	max-width: 1320px;
	padding: 0 44px;
}

.case-page--saint-vandal .gallery-item,
.case-page--saint-vandal .gallery-item--large {
	flex-basis: min(640px, 78vw);
	width: min(640px, 78vw);
	min-height: 0;
	padding: 8px;
}

.case-page--saint-vandal .gallery-item .case-picture,
.case-page--saint-vandal .gallery-item .case-picture img {
	width: 100%;
	height: auto;
	max-height: none;
	object-fit: contain;
}

.case-page--saint-vandal .technology-list,
.case-page--saint-vandal .technology-list--six {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	max-width: 1000px;
}

.case-page--saint-vandal .technology-list-item {
	display: grid;
	grid-template-columns: 36px minmax(0, 1fr);
	align-items: center;
	gap: 10px;
	min-height: 0;
	padding: 11px 12px;
	text-align: left;
}

.case-page--saint-vandal .technology-list-item__icon,
.case-page--saint-vandal .technology-list-item__icon--brand {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	min-width: 36px;
	min-height: 36px;
	padding: 6px;
	box-sizing: border-box;
	border-radius: 9px;
	background: rgba(22, 22, 26, 0.04);
}

.case-page--saint-vandal .technology-list-item__icon img,
.case-page--saint-vandal .technology-list-item__icon--brand img,
.case-page--saint-vandal .technology-list-item__icon--brand img[alt="Shopify"],
.case-page--saint-vandal .technology-list-item__icon--brand img[alt="Payoneer"] {
	width: 22px;
	height: 22px;
	max-width: 22px;
	max-height: 22px;
	border-radius: 0;
	background: none;
	object-fit: contain;
}

.case-page--saint-vandal .technology-list-item__content {
	min-width: 0;
}

.case-page--saint-vandal .technology-list-item__content h3 {
	margin: 0 0 2px;
	font-size: 0.875rem;
	line-height: 1.2;
	white-space: nowrap;
}

.case-page--saint-vandal .technology-list-item__content p {
	margin: 0;
	font-size: 0.6875rem;
	line-height: 1.3;
	white-space: nowrap;
}

.case-page--saint-vandal .case-faq__question {
	padding: 13px 42px 13px 14px;
	font-size: 0.875rem;
	line-height: 1.35;
}

.case-page--saint-vandal .case-faq__answer {
	padding-right: 14px;
	padding-left: 14px;
	font-size: 0.8125rem;
	line-height: 1.45;
}

@media (max-width: 768px) {
	.case-page--saint-vandal .case-hero-kicker {
		gap: 5px;
		padding: 5px 8px;
		font-size: 0.625rem;
		letter-spacing: 0.02em;
		white-space: nowrap;
	}

	.case-page--saint-vandal .top__title,
	.case-page--saint-vandal .top-title-case,
	.case-page--saint-vandal .case-hero-title {
		font-size: clamp(1.25rem, 6vw, 1.5rem) !important;
		line-height: 1.16 !important;
		margin-bottom: 10px !important;
	}

	.case-page--saint-vandal .case-hero-brand {
		font-size: 0.7em;
	}

	.case-page--saint-vandal .top__text {
		font-size: 0.8125rem !important;
		line-height: 1.45 !important;
		margin-bottom: 14px;
	}

	.case-page--saint-vandal .case-hero-badges {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 4px;
	}

	.case-page--saint-vandal .case-hero-badge {
		padding: 8px 2px;
		border-radius: 9px;
	}

	.case-page--saint-vandal .case-hero-badge__value {
		font-size: 0.75rem !important;
		margin-bottom: 2px;
	}

	.case-page--saint-vandal .case-hero-badge__label {
		font-size: 0.5rem !important;
		line-height: 1.2;
	}

	.case-page--saint-vandal .sv-brand__logo {
		width: 100%;
		max-width: 190px;
		margin-right: auto;
		margin-left: auto;
	}

	.case-page--saint-vandal .sv-brand__copy .title_h2 {
		font-size: 1.125rem !important;
		line-height: 1.25 !important;
		text-align: center;
	}

	.case-page--saint-vandal .sv-brand__copy p {
		font-size: 0.8125rem;
		line-height: 1.5;
	}

	.case-page--saint-vandal .sv-brand__links {
		flex-wrap: nowrap;
		justify-content: center;
		gap: 6px;
	}

	.case-page--saint-vandal .sv-brand__link,
	.case-page--saint-vandal .sv-brand__link--accent {
		width: auto;
		padding: 7px 9px;
		font-size: 0.6875rem;
		white-space: nowrap;
	}

	.case-page--saint-vandal .case-compare__title {
		font-size: 1.1875rem !important;
	}

	.case-page--saint-vandal .case-compare__col {
		padding: 14px 13px;
	}

	.case-page--saint-vandal .case-compare__col h3 {
		font-size: 0.875rem !important;
	}

	.case-page--saint-vandal .case-compare__list li {
		font-size: 0.75rem !important;
		line-height: 1.4 !important;
	}

	.case-page--saint-vandal .case-gallery__wrapper {
		padding: 0;
	}

	.case-page--saint-vandal .case-gallery__arrow {
		display: none;
	}

	.case-page--saint-vandal .case-gallery__grid {
		gap: 10px;
	}

	.case-page--saint-vandal .gallery-item,
	.case-page--saint-vandal .gallery-item--large {
		flex: 0 0 100%;
		width: 100%;
		min-height: 0;
		padding: 6px;
	}

	.case-page--saint-vandal .technology-list,
	.case-page--saint-vandal .technology-list--six {
		grid-template-columns: 1fr !important;
		gap: 7px !important;
	}

	.case-page--saint-vandal .technology-list-item {
		display: grid !important;
		grid-template-columns: 32px minmax(0, 1fr);
		gap: 9px !important;
		padding: 9px 11px !important;
	}

	.case-page--saint-vandal .technology-list-item__icon,
	.case-page--saint-vandal .technology-list-item__icon--brand {
		width: 32px !important;
		height: 32px !important;
		min-width: 32px !important;
		min-height: 32px;
		padding: 5px;
	}

	.case-page--saint-vandal .technology-list-item__icon img,
	.case-page--saint-vandal .technology-list-item__icon--brand img,
	.case-page--saint-vandal .technology-list-item__icon--brand img[alt="Shopify"],
	.case-page--saint-vandal .technology-list-item__icon--brand img[alt="Payoneer"] {
		width: 20px !important;
		height: 20px !important;
		max-width: 20px !important;
		max-height: 20px !important;
	}

	.case-page--saint-vandal .technology-list-item__content h3 {
		font-size: 0.8125rem !important;
	}

	.case-page--saint-vandal .technology-list-item__content p {
		font-size: 0.625rem !important;
		line-height: 1.25 !important;
	}

	.case-page--saint-vandal .case-faq__title {
		font-size: 1.1875rem !important;
	}

	.case-page--saint-vandal .case-faq__question {
		padding: 11px 38px 11px 12px;
		font-size: 0.8125rem !important;
		line-height: 1.3 !important;
	}

	.case-page--saint-vandal .case-faq__answer {
		padding-right: 12px;
		padding-left: 12px;
		font-size: 0.75rem !important;
		line-height: 1.4 !important;
	}
}

/* Shared blocks for Shopify cases on the v2 layout */
.case-page--shopify-case .solution-card__num {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	margin-bottom: 16px;
	border-radius: 10px;
	background: var(--case-ink);
	color: #fff;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1;
}

.case-page--shopify-case .technology-list-item__icon--brand img[alt="Shopify"],
.case-page--shopify-case .technology-list-item__icon--brand img[alt="Payoneer"] {
	width: 40px;
	height: 40px;
	max-width: none;
	max-height: none;
	border-radius: 8px;
	background: #111;
	object-fit: contain;
}

.case-page--shopify-case .case-brief {
	padding-top: 0;
}

.case-page--shopify-case .case-brief__card {
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
	gap: 36px;
	align-items: start;
	padding: 32px 36px;
	background: var(--case-card-bg);
	border: 1px solid var(--case-card-border);
	border-radius: 16px;
	box-shadow: 0 8px 28px color-mix(in srgb, var(--case-ink) 6%, transparent);
}

.case-page--shopify-case .case-brief__copy .title_h2 {
	margin: 0 0 16px;
	text-align: left;
}

.case-page--shopify-case .case-brief__copy p {
	margin: 0 0 12px;
	font-size: 1rem;
	line-height: 1.6;
	color: var(--case-mut);
}

.case-page--shopify-case .case-brief__copy p:last-child {
	margin-bottom: 0;
}

.case-page--shopify-case .case-brief__meta {
	display: grid;
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.case-page--shopify-case .case-brief__meta li {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 14px 16px;
	background: #fff;
	border: 1px solid var(--case-card-border);
	border-radius: 12px;
}

.case-page--shopify-case .case-brief__meta dt,
.case-page--shopify-case .case-brief__meta-label {
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--case-kicker);
}

.case-page--shopify-case .case-brief__meta-value {
	font-size: 1rem;
	font-weight: 600;
	line-height: 1.4;
	color: var(--case-ink);
}

.case-page--shopify-case .case-facts__lead {
	max-width: 760px;
	margin: 0 auto 32px;
	text-align: center;
	font-size: 1rem;
	line-height: 1.6;
	color: var(--case-mut);
}

.case-page--shopify-case .case-facts__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
}

.case-page--shopify-case .case-facts__grid--three {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.case-page--shopify-case .case-facts__item {
	padding: 24px 22px;
	background: var(--case-card-bg);
	border: 1px solid var(--case-card-border);
	border-radius: 16px;
	box-shadow: 0 8px 24px color-mix(in srgb, var(--case-ink) 5%, transparent);
}

.case-page--shopify-case .case-facts__num {
	display: block;
	margin-bottom: 10px;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--case-accent);
}

.case-page--shopify-case .case-facts__item h3 {
	margin: 0 0 10px;
	font-size: 1.125rem;
	color: var(--case-ink);
}

.case-page--shopify-case .case-facts__item p {
	margin: 0;
	font-size: 0.9375rem;
	line-height: 1.55;
	color: var(--case-mut);
}

.case-page--shopify-case .case-gallery__note {
	max-width: 760px;
	margin: -12px auto 28px;
	text-align: center;
	font-size: 0.9375rem;
	line-height: 1.55;
	color: var(--case-mut);
}

@media (max-width: 900px) {
	.case-page--shopify-case .case-brief__card {
		grid-template-columns: 1fr;
		gap: 22px;
		padding: 24px 20px;
	}

	.case-page--shopify-case .case-facts__grid,
	.case-page--shopify-case .case-facts__grid--three {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 560px) {
	.case-page--shopify-case .case-facts__grid,
	.case-page--shopify-case .case-facts__grid--three {
		grid-template-columns: 1fr;
	}
}

.case-page--pets-store {
	--case-accent: #c2302a;
	--case-accent-2: #e35b4d;
	--case-accent-deep: #8e1f1a;
}

.case-page--pets-store .case-proof {
	padding-top: 0;
	padding-bottom: 80px;
}

.case-page--pets-store .case-proof .title_h2 {
	text-align: center;
	margin-bottom: 28px;
}

.case-page--pets-store .case-proof__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
	gap: 24px;
	align-items: stretch;
}

.case-page--pets-store .case-proof .case-quote__card {
	max-width: none;
	margin: 0;
	height: 100%;
	box-sizing: border-box;
}

.case-page--pets-store .case-proof .case-quote__card blockquote {
	font-style: normal;
	font-size: 1rem;
}

.case-page--pets-store .case-proof__shot {
	margin: 0;
	padding: 12px;
	background: var(--case-card-bg);
	border: 1px solid var(--case-card-border);
	border-radius: 16px;
	box-shadow: 0 8px 28px color-mix(in srgb, var(--case-ink) 6%, transparent);
}

.case-page--pets-store .case-proof__shot img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 12px;
	cursor: pointer;
}

.case-page--pets-store .case-proof__shot figcaption {
	margin-top: 10px;
	font-size: 0.875rem;
	line-height: 1.45;
	color: var(--case-mut);
}

.case-page--pets-store .technology-list-item__icon--brand img[alt="Shopify"] {
	width: 40px;
	height: 40px;
	max-width: none;
	max-height: none;
	border-radius: 8px;
	background: #111;
	object-fit: contain;
}

@media (max-width: 900px) {
	.case-page--pets-store .case-proof__grid {
		grid-template-columns: 1fr;
	}

	.case-page--pets-store .case-proof {
		padding-bottom: 48px;
	}
}

/* Jewelry dropshipping case — compact layout */
.case-page--jewelry, .case-page--beauty-expansion{
	overflow-x: hidden;
}

.case-page--jewelry > section:not(.top):not(.ecom-cases), .case-page--beauty-expansion > section:not(.top):not(.ecom-cases){
	padding-top: 48px;
	padding-bottom: 48px;
}

.case-page--jewelry .top, .case-page--beauty-expansion .top{
	padding-top: 48px;
	padding-bottom: 0;
}

.case-page--jewelry .top__text, .case-page--beauty-expansion .top__text{
	max-width: 680px;
	margin-bottom: 24px;
}

.case-page--jewelry .case-hero-badges--three, .case-page--beauty-expansion .case-hero-badges--three{
	margin-bottom: 24px;
}

.case-page--jewelry .case-hero-badge, .case-page--beauty-expansion .case-hero-badge{
	padding: 12px 10px;
}

.case-page--jewelry .case-overview--compact .case-overview__title, .case-page--beauty-expansion .case-overview--compact .case-overview__title{
	margin-bottom: 16px;
}

.case-page--jewelry .case-overview--compact .case-overview__lead, .case-page--beauty-expansion .case-overview--compact .case-overview__lead{
	max-width: 760px;
	margin: 0 auto;
	padding: 20px 22px;
	background: var(--case-card-bg);
	border: 1px solid var(--case-card-border);
	border-radius: 16px;
	text-align: left;
	box-shadow: 0 8px 24px color-mix(in srgb, var(--case-ink) 5%, transparent);
}

.case-page--jewelry .case-results__grid, .case-page--beauty-expansion .case-results__grid{
	grid-template-columns: repeat(2, minmax(0, 1fr));
	max-width: 900px;
	gap: 16px;
}

.case-page--jewelry .result-card, .case-page--beauty-expansion .result-card{
	padding: 20px 18px;
}

.case-page--jewelry .result-card__value, .case-page--beauty-expansion .result-card__value{
	font-size: 1.125rem;
	margin-bottom: 8px;
}

.case-page--jewelry .solution-card, .case-page--beauty-expansion .solution-card{
	padding: 18px 16px;
}

.case-page--jewelry .solution-card__num, .case-page--beauty-expansion .solution-card__num{
	width: 32px;
	height: 32px;
	margin-bottom: 10px;
	font-size: 0.9375rem;
}

.case-page--jewelry .solution-card h3, .case-page--beauty-expansion .solution-card h3{
	margin: 0 0 6px;
	font-size: 1.0625rem;
}

.case-page--jewelry .solution-card p, .case-page--beauty-expansion .solution-card p, .case-page--jewelry .result-card p, .case-page--beauty-expansion .result-card p{
	margin: 0;
	font-size: 0.9375rem;
	line-height: 1.45;
}

.case-tech-tags{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
	max-width: 860px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}

.case-tech-tags__item{
	padding: 8px 14px;
	background: var(--case-card-bg);
	border: 1px solid var(--case-card-border);
	border-radius: 999px;
	color: var(--case-ink);
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.3;
}

.case-cta--jewelry, .case-cta--compact{
	max-width: min(560px, 100%);
	margin: 8px auto 24px;
	padding: 24px 22px;
	background: var(--case-card-bg);
	border: 1px solid var(--case-card-border);
	border-radius: 16px;
	box-shadow: 0 8px 28px color-mix(in srgb, var(--case-ink) 6%, transparent);
	box-sizing: border-box;
}

.case-cta--jewelry .case-cta__content, .case-cta--compact .case-cta__content{
	text-align: center;
}

.case-cta--jewelry .case-cta__title, .case-cta--compact .case-cta__title{
	margin: 0 0 8px;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.25;
	color: var(--case-ink);
	-webkit-text-fill-color: var(--case-ink);
	background: none;
}

.case-cta--jewelry .case-cta__description, .case-cta--compact .case-cta__description{
	margin: 0 0 18px;
	font-size: 0.9375rem;
	line-height: 1.5;
	color: var(--case-mut);
}

.case-cta--jewelry .case-cta__buttons, .case-cta--compact .case-cta__buttons{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
}

.case-cta--jewelry .case-cta__button, .case-cta--compact .case-cta__button{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 160px;
	padding: 12px 20px;
	border-radius: 999px;
	font-size: 0.9375rem;
	font-weight: 600;
	text-decoration: none;
	box-sizing: border-box;
}

.case-cta--jewelry .case-cta__button--primary, .case-cta--compact .case-cta__button--primary{
	background: var(--case-accent);
	color: #fff;
}

.case-cta--jewelry .case-cta__button--primary:hover, .case-cta--compact .case-cta__button--primary:hover{
	background: var(--case-accent-deep);
	color: #fff;
}

.case-cta--jewelry .case-cta__button--secondary, .case-cta--compact .case-cta__button--secondary{
	background: transparent;
	border: 1px solid var(--case-card-border);
	color: var(--case-ink);
}

.case-cta--jewelry .case-cta__button--secondary:hover, .case-cta--compact .case-cta__button--secondary:hover{
	border-color: var(--case-accent);
	color: var(--case-accent);
}

.case-page--jewelry .ecom-cases, .case-page--beauty-expansion .ecom-cases{
	margin: 8px 0 24px;
	padding: 24px 0;
}

@media (max-width: 768px) {
	.case-page--jewelry > section:not(.top):not(.ecom-cases), .case-page--beauty-expansion > section:not(.top):not(.ecom-cases), .case-page--jewelry .case-solution, .case-page--beauty-expansion .case-solution, .case-page--jewelry .case-gallery, .case-page--beauty-expansion .case-gallery, .case-page--jewelry .case-results, .case-page--beauty-expansion .case-results, .case-page--jewelry .case-technologies, .case-page--beauty-expansion .case-technologies, .case-page--jewelry .case-overview, .case-page--beauty-expansion .case-overview{
		padding-top: 28px !important;
		padding-bottom: 28px !important;
	}

	.case-page--jewelry .top, .case-page--beauty-expansion .top{
		padding-top: 24px;
	}

	.case-page--jewelry .top__title, .case-page--beauty-expansion .top__title, .case-page--jewelry .top-title-case, .case-page--beauty-expansion .top-title-case{
		font-size: clamp(20px, 5.4vw, 26px) !important;
		line-height: 1.2;
		margin-bottom: 10px !important;
	}

	.case-page--jewelry .top__text, .case-page--beauty-expansion .top__text{
		font-size: 0.875rem !important;
		line-height: 1.45 !important;
		margin-bottom: 14px;
	}

	.case-page--jewelry .case-hero-kicker, .case-page--beauty-expansion .case-hero-kicker{
		margin-bottom: 10px;
		padding: 4px 10px;
		font-size: 0.75rem;
	}

	.case-page--jewelry.case-page--shopify-migration .case-hero-badges, .case-page--beauty-expansion.case-page--shopify-migration .case-hero-badges, .case-page--jewelry .case-hero-badges--three, .case-page--beauty-expansion .case-hero-badges--three{
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
		gap: 6px !important;
		margin-bottom: 16px;
	}

	.case-page--jewelry .case-hero-badge, .case-page--beauty-expansion .case-hero-badge{
		padding: 8px 4px !important;
		min-width: 0;
	}

	.case-page--jewelry .case-hero-badge__value, .case-page--beauty-expansion .case-hero-badge__value{
		font-size: 0.8125rem !important;
		line-height: 1.2;
	}

	.case-page--jewelry .case-hero-badge__label, .case-page--beauty-expansion .case-hero-badge__label{
		font-size: 0.625rem !important;
		line-height: 1.2;
	}

	.case-page--jewelry .case-hero-visual, .case-page--beauty-expansion .case-hero-visual{
		margin-bottom: 0;
		border-radius: 12px;
	}

	.case-page--jewelry .case-hero-visual img, .case-page--beauty-expansion .case-hero-visual img{
		max-height: 42vh;
		width: 100%;
		object-fit: cover;
		object-position: top center;
	}

	.case-page--jewelry .case-overview--compact .case-overview__lead, .case-page--beauty-expansion .case-overview--compact .case-overview__lead{
		padding: 14px 14px;
		font-size: 0.8125rem !important;
		line-height: 1.45 !important;
		border-radius: 12px;
	}

	.case-page--jewelry.case-page--shopify-migration .case-solution__list, .case-page--beauty-expansion.case-page--shopify-migration .case-solution__list, .case-page--jewelry.case-page--shopify-migration .case-results__grid, .case-page--beauty-expansion.case-page--shopify-migration .case-results__grid, .case-page--jewelry.case-page--v2.case-page--no-logo .case-solution__list, .case-page--beauty-expansion.case-page--v2.case-page--no-logo .case-solution__list{
		display: grid !important;
		grid-template-columns: 1fr 1fr !important;
		gap: 8px !important;
		overflow: visible !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		flex-wrap: unset;
		scroll-snap-type: none;
	}

	.case-page--jewelry.case-page--shopify-migration .solution-card, .case-page--beauty-expansion.case-page--shopify-migration .solution-card, .case-page--jewelry.case-page--shopify-migration .result-card, .case-page--beauty-expansion.case-page--shopify-migration .result-card{
		width: 100% !important;
		min-width: 0 !important;
		flex: unset !important;
		padding: 12px 10px !important;
	}

	.case-page--jewelry .solution-card__num, .case-page--beauty-expansion .solution-card__num{
		width: 26px;
		height: 26px;
		margin-bottom: 6px;
		font-size: 0.75rem;
		border-radius: 8px;
	}

	.case-page--jewelry .solution-card h3, .case-page--beauty-expansion .solution-card h3, .case-page--jewelry .result-card h3, .case-page--beauty-expansion .result-card h3{
		font-size: 0.875rem !important;
		line-height: 1.25 !important;
		margin-bottom: 4px;
	}

	.case-page--jewelry .solution-card p, .case-page--beauty-expansion .solution-card p, .case-page--jewelry .result-card p, .case-page--beauty-expansion .result-card p{
		font-size: 0.75rem !important;
		line-height: 1.4 !important;
	}

	.case-page--jewelry .result-card__value, .case-page--beauty-expansion .result-card__value{
		font-size: 0.8125rem !important;
		margin-bottom: 4px;
	}

	.case-page--jewelry .title_h2, .case-page--beauty-expansion .title_h2, .case-page--jewelry .case-overview__title, .case-page--beauty-expansion .case-overview__title, .case-page--jewelry .case-solution__title, .case-page--beauty-expansion .case-solution__title, .case-page--jewelry .case-gallery__title, .case-page--beauty-expansion .case-gallery__title, .case-page--jewelry .case-results__title, .case-page--beauty-expansion .case-results__title, .case-page--jewelry .case-technologies__title, .case-page--beauty-expansion .case-technologies__title{
		font-size: 1.125rem !important;
		margin-bottom: 12px !important;
	}

	.case-page--jewelry .case-gallery__note, .case-page--beauty-expansion .case-gallery__note{
		margin: -4px auto 16px;
		font-size: 0.8125rem;
	}

	.case-page--jewelry.case-page--shopify-migration .case-gallery__wrapper, .case-page--beauty-expansion.case-page--shopify-migration .case-gallery__wrapper{
		padding: 0 36px;
	}

	.case-page--jewelry.case-page--shopify-migration .gallery-item, .case-page--beauty-expansion.case-page--shopify-migration .gallery-item, .case-page--jewelry.case-page--shopify-migration .gallery-item--large, .case-page--beauty-expansion.case-page--shopify-migration .gallery-item--large{
		flex: 0 0 min(78vw, 280px);
		width: min(78vw, 280px);
		min-height: 200px;
	}

	.case-tech-tags{
		gap: 6px;
	}

	.case-tech-tags__item{
		padding: 6px 10px;
		font-size: 0.75rem;
	}

	.case-cta--jewelry, .case-cta--compact{
		margin: 8px 16px 16px;
		padding: 16px 14px;
		border-radius: 12px;
	}

	.case-cta--jewelry .case-cta__title, .case-cta--compact .case-cta__title{
		font-size: 1.0625rem;
		margin-bottom: 6px;
	}

	.case-cta--jewelry .case-cta__description, .case-cta--compact .case-cta__description{
		font-size: 0.8125rem;
		margin-bottom: 14px;
		line-height: 1.4;
	}

	.case-cta--jewelry .case-cta__buttons, .case-cta--compact .case-cta__buttons{
		flex-direction: column;
		align-items: stretch;
		gap: 8px;
	}

	.case-cta--jewelry .case-cta__button, .case-cta--compact .case-cta__button{
		width: 100%;
		min-width: 0;
		padding: 11px 16px;
		font-size: 0.875rem;
	}

	.case-page--jewelry .ecom-cases, .case-page--beauty-expansion .ecom-cases{
		margin: 4px 0 12px;
		padding: 16px 0;
	}
}

@media (max-width: 430px) {
	.case-page--jewelry > section:not(.top):not(.ecom-cases), .case-page--beauty-expansion > section:not(.top):not(.ecom-cases){
		padding-top: 22px !important;
		padding-bottom: 22px !important;
	}

	.case-page--jewelry .top__text, .case-page--beauty-expansion .top__text{
		font-size: 0.8125rem !important;
	}

	.case-page--jewelry .case-hero-visual img, .case-page--beauty-expansion .case-hero-visual img{
		max-height: 36vh;
	}

	.case-page--jewelry.case-page--shopify-migration .gallery-item, .case-page--beauty-expansion.case-page--shopify-migration .gallery-item, .case-page--jewelry.case-page--shopify-migration .gallery-item--large, .case-page--beauty-expansion.case-page--shopify-migration .gallery-item--large{
		flex: 0 0 min(84vw, 260px);
		width: min(84vw, 260px);
		min-height: 180px;
	}
}

@media (max-width: 375px) {
	.case-page--jewelry .case-hero-badge__value, .case-page--beauty-expansion .case-hero-badge__value{
		font-size: 0.75rem !important;
	}

	.case-page--jewelry .case-hero-badge__label, .case-page--beauty-expansion .case-hero-badge__label{
		font-size: 0.5625rem !important;
	}

	.case-page--jewelry .solution-card p, .case-page--beauty-expansion .solution-card p, .case-page--jewelry .result-card p, .case-page--beauty-expansion .result-card p{
		font-size: 0.72rem !important;
	}
}

/* Beauty dropshipping — own composition: model → setup → store → order */
.case-page--beauty-ds{
	--case-accent: #b56b6e;
	--case-accent-2: #d4a5a0;
	--case-accent-deep: #8d4548;
	overflow-x: hidden;
}

.case-page--beauty-ds.case-page--v2 > section:not(.top):not(.ecom-cases){
	padding-top: 48px;
	padding-bottom: 48px;
}

.case-page--beauty-ds .top{
	padding-top: 36px;
	padding-bottom: 8px;
}

.case-page--beauty-ds .top .top__inner, .case-page--beauty-ds .top__content{
	max-width: 1080px;
}

.case-page--beauty-ds .bds-hero{
	display: grid;
	grid-template-columns: minmax(0, 1.45fr) minmax(220px, 0.7fr);
	gap: 28px 36px;
	align-items: start;
	text-align: left;
}

.case-page--beauty-ds .case-hero-kicker{
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 12px;
	padding: 5px 12px;
	border-radius: 999px;
	background: #fff;
	border: 1px solid var(--case-card-border);
	color: var(--case-kicker);
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
}

.case-page--beauty-ds .case-hero-kicker__dot{
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--case-accent);
}

.case-page--beauty-ds .case-hero-title, .case-page--beauty-ds .top__title{
	display: block;
	align-items: flex-start;
	margin: 0 0 12px;
	text-align: left;
	font-size: clamp(1.5rem, 2.6vw, 2.25rem);
	line-height: 1.2;
}

.case-page--beauty-ds .top__text{
	max-width: 40em;
	margin: 0;
	text-align: left;
	font-size: 1rem;
	line-height: 1.55;
}

.case-page--beauty-ds .bds-hero__facts{
	display: grid;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.case-page--beauty-ds .bds-hero__facts li{
	display: flex;
	flex-direction: column;
	gap: 2px;
	padding: 12px 14px;
	background: var(--case-card-bg);
	border: 1px solid var(--case-card-border);
	border-radius: 12px;
}

.case-page--beauty-ds .bds-hero__fact-value{
	font-size: 1.0625rem;
	font-weight: 700;
	line-height: 1.2;
	color: var(--case-ink);
}

.case-page--beauty-ds .bds-hero__fact-label{
	font-size: 0.75rem;
	line-height: 1.3;
	color: var(--case-mut);
}

.case-page--beauty-ds .bds-lead{
	max-width: 720px;
	margin: 0 0 22px;
	font-size: 0.9375rem;
	line-height: 1.55;
	color: var(--case-mut);
}

.case-page--beauty-ds .bds-prep .title_h2, .case-page--beauty-ds .bds-order .title_h2, .case-page--beauty-ds .bds-tags .title_h2{
	text-align: left;
}

.case-page--beauty-ds .bds-model .title_h2, .case-page--beauty-ds .bds-look .title_h2, .case-page--beauty-ds .bds-done .title_h2{
	text-align: center;
}

.case-page--beauty-ds .bds-model .bds-lead, .case-page--beauty-ds .bds-look .bds-lead{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.case-page--beauty-ds .bds-model__flow{
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 10px;
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: none;
}

.case-page--beauty-ds .bds-model__step{
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 16px 14px 14px;
	background: var(--case-card-bg);
	border: 1px solid var(--case-card-border);
	border-radius: 14px;
	box-shadow: 0 8px 24px color-mix(in srgb, var(--case-ink) 5%, transparent);
}

.case-page--beauty-ds .bds-model__step:not(:last-child)::after{
	content: '';
	position: absolute;
	top: 28px;
	right: -9px;
	width: 8px;
	height: 8px;
	border-top: 2px solid var(--case-accent);
	border-right: 2px solid var(--case-accent);
	transform: rotate(45deg);
	z-index: 1;
}

.case-page--beauty-ds .bds-model__num{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 22px;
	height: 22px;
	margin-bottom: 6px;
	border-radius: 999px;
	background: var(--case-accent);
	color: #fff;
	font-size: 0.6875rem;
	font-weight: 700;
}

.case-page--beauty-ds .bds-model__step strong{
	font-size: 0.9375rem;
	line-height: 1.3;
	color: var(--case-ink);
}

.case-page--beauty-ds .bds-model__step span:last-child{
	font-size: 0.75rem;
	line-height: 1.35;
	color: var(--case-mut);
}

.case-page--beauty-ds .bds-prep__list{
	display: grid;
	gap: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	border: 1px solid var(--case-card-border);
	border-radius: 16px;
	background: var(--case-card-bg);
	overflow: hidden;
	box-shadow: 0 8px 24px color-mix(in srgb, var(--case-ink) 5%, transparent);
}

.case-page--beauty-ds .bds-prep__list li{
	display: grid;
	grid-template-columns: minmax(120px, 180px) minmax(0, 1fr);
	gap: 12px 20px;
	align-items: baseline;
	margin: 0;
	padding: 14px 18px;
	border-top: 1px solid var(--case-card-border);
}

.case-page--beauty-ds .bds-prep__list li:first-child{
	border-top: 0;
}

.case-page--beauty-ds .bds-prep__label{
	font-size: 0.8125rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: var(--case-accent);
}

.case-page--beauty-ds .bds-prep__list p{
	margin: 0;
	font-size: 0.9375rem;
	line-height: 1.45;
	color: var(--case-mut);
}

.case-page--beauty-ds .bds-look__grid{
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
	grid-template-rows: auto auto;
	gap: 14px;
}

.case-page--beauty-ds .bds-look__shot{
	margin: 0;
	padding: 10px;
	background: var(--case-card-bg);
	border: 1px solid var(--case-card-border);
	border-radius: 16px;
	box-shadow: 0 8px 28px color-mix(in srgb, var(--case-ink) 6%, transparent);
	cursor: pointer;
}

.case-page--beauty-ds .bds-look__shot--main{
	grid-row: 1 / span 2;
}

.case-page--beauty-ds .bds-look__shot .case-picture, .case-page--beauty-ds .bds-look__shot img{
	display: block;
	width: 100%;
	height: auto;
	border-radius: 10px;
}

.case-page--beauty-ds .bds-look__shot figcaption{
	position: relative;
	z-index: 3;
	margin-top: 8px;
	font-size: 0.8125rem;
	font-weight: 600;
	color: var(--case-ink);
}

.case-page--beauty-ds .bds-order__card{
	padding: 24px 26px;
	background: var(--case-card-bg);
	border: 1px solid var(--case-card-border);
	border-radius: 16px;
	box-shadow: 0 8px 28px color-mix(in srgb, var(--case-ink) 6%, transparent);
}

.case-page--beauty-ds .bds-order__card .title_h2{
	margin-bottom: 8px;
}

.case-page--beauty-ds .bds-order__card .bds-lead{
	margin-bottom: 18px;
}

.case-page--beauty-ds .bds-order__route{
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.case-page--beauty-ds .bds-order__route li{
	display: flex;
	gap: 10px;
	align-items: flex-start;
	padding: 0;
}

.case-page--beauty-ds .bds-order__num{
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	border-radius: 6px;
	background: var(--case-ink);
	color: #fff;
	font-size: 0.75rem;
	font-weight: 700;
}

.case-page--beauty-ds .bds-order__route strong{
	display: block;
	margin-bottom: 2px;
	font-size: 0.875rem;
	line-height: 1.3;
	color: var(--case-ink);
}

.case-page--beauty-ds .bds-order__route span{
	font-size: 0.75rem;
	line-height: 1.35;
	color: var(--case-mut);
}

.case-page--beauty-ds .bds-done__layout{
	display: grid;
	grid-template-columns: minmax(0, 1.4fr) minmax(180px, 0.6fr);
	gap: 16px;
	align-items: stretch;
}

.case-page--beauty-ds .bds-done__list{
	display: grid;
	gap: 8px;
	margin: 0;
	padding: 18px 20px;
	list-style: none;
	background: var(--case-card-bg);
	border: 1px solid var(--case-card-border);
	border-radius: 16px;
}

.case-page--beauty-ds .bds-done__list li{
	position: relative;
	padding-left: 22px;
	font-size: 0.9375rem;
	line-height: 1.4;
	color: var(--case-ink);
}

.case-page--beauty-ds .bds-done__list li::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0.45em;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--case-accent);
}

.case-page--beauty-ds .bds-done__metric{
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 20px 18px;
	background: var(--case-card-bg);
	border: 1px solid var(--case-card-border);
	border-radius: 16px;
	text-align: center;
}

.case-page--beauty-ds .bds-done__value{
	display: block;
	margin-bottom: 6px;
	font-size: 2.25rem;
	font-weight: 700;
	line-height: 1;
	color: var(--case-accent);
}

.case-page--beauty-ds .bds-done__caption{
	font-size: 0.8125rem;
	line-height: 1.4;
	color: var(--case-mut);
}

.case-page--beauty-ds .bds-client-result__card{
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(300px, 0.75fr);
	align-items: center;
	gap: 28px;
	padding: 28px 30px;
	background: var(--case-card-bg);
	border: 1px solid var(--case-card-border);
	border-radius: 18px;
	box-shadow: 0 8px 28px color-mix(in srgb, var(--case-ink) 5%, transparent);
}

.case-page--beauty-ds .bds-client-result__kicker{
	margin: 0 0 8px;
	color: var(--case-accent);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.case-page--beauty-ds .bds-client-result__copy .title_h2{
	margin: 0 0 12px;
	text-align: left;
}

.case-page--beauty-ds .bds-client-result__copy > p:not(.bds-client-result__kicker){
	margin: 0 0 12px;
	color: var(--case-mut);
	font-size: 0.9375rem;
	line-height: 1.5;
}

.case-page--beauty-ds .bds-client-result__copy > p:last-child{
	margin-bottom: 0;
}

.case-page--beauty-ds .bds-client-result__highlight{
	padding-left: 14px;
	border-left: 3px solid var(--case-accent);
}

.case-page--beauty-ds .bds-client-result__highlight strong{
	color: var(--case-ink);
}

.case-page--beauty-ds .bds-client-result__shot{
	display: block;
	position: relative;
	margin: 0;
	overflow: hidden;
	border: 1px solid var(--case-card-border);
	border-radius: 14px;
	background: #fff;
}

.case-page--beauty-ds.case-page--image-protected .bds-client-result__shot::after{
	display: none;
}

.case-page--beauty-ds .bds-client-result__shot img{
	display: block;
	width: 100%;
	max-height: 310px;
	object-fit: contain;
}

.case-page--beauty-ds .bds-tags__list{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.case-page--beauty-ds .bds-tags__list li{
	padding: 6px 12px;
	background: var(--case-card-bg);
	border: 1px solid var(--case-card-border);
	border-radius: 999px;
	font-size: 0.8125rem;
	font-weight: 600;
	color: var(--case-ink);
}

.case-page--beauty-ds .bds-cta{
	padding-top: 16px !important;
	padding-bottom: 24px !important;
}

.case-page--beauty-ds .bds-cta__card{
	max-width: 560px;
	margin: 0 auto;
	padding: 22px 24px;
	background: var(--case-card-bg);
	border: 1px solid var(--case-card-border);
	border-radius: 16px;
	box-shadow: 0 8px 28px color-mix(in srgb, var(--case-ink) 6%, transparent);
	text-align: center;
	box-sizing: border-box;
}

.case-page--beauty-ds .bds-cta__title{
	margin: 0 0 8px;
	font-size: 1.1875rem;
	font-weight: 700;
	line-height: 1.25;
	color: var(--case-ink);
	background: none;
	-webkit-text-fill-color: var(--case-ink);
}

.case-page--beauty-ds .bds-cta__text{
	margin: 0 0 16px;
	font-size: 0.875rem;
	line-height: 1.45;
	color: var(--case-mut);
}

.case-page--beauty-ds .bds-cta__buttons{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
}

.case-page--beauty-ds .bds-cta__btn{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 150px;
	padding: 11px 18px;
	border-radius: 999px;
	font-size: 0.875rem;
	font-weight: 600;
	text-decoration: none;
	box-sizing: border-box;
}

.case-page--beauty-ds .bds-cta__btn--primary{
	background: var(--case-accent);
	color: #fff;
}

.case-page--beauty-ds .bds-cta__btn--primary:hover{
	background: var(--case-accent-deep);
	color: #fff;
}

.case-page--beauty-ds .bds-cta__btn--secondary{
	background: transparent;
	border: 1px solid var(--case-card-border);
	color: var(--case-ink);
}

.case-page--beauty-ds .bds-cta__btn--secondary:hover{
	border-color: var(--case-accent);
	color: var(--case-accent);
}

.case-page--beauty-ds.case-page--v2 > section.ecom-cases{
	margin: 8px 0 24px;
	padding: 24px 0;
}

@media (max-width: 900px) {
	.case-page--beauty-ds .bds-hero{
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.case-page--beauty-ds .bds-hero__facts{
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.case-page--beauty-ds .bds-model__flow{
		grid-template-columns: 1fr;
		gap: 8px;
	}

	.case-page--beauty-ds .bds-model__step{
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		gap: 8px 10px;
		padding: 10px 12px;
	}

	.case-page--beauty-ds .bds-model__num{
		margin-bottom: 0;
	}

	.case-page--beauty-ds .bds-model__step:not(:last-child)::after{
		display: none;
	}

	.case-page--beauty-ds .bds-prep__list li{
		grid-template-columns: 1fr;
		gap: 4px;
		padding: 12px 14px;
	}

	.case-page--beauty-ds .bds-look__grid{
		grid-template-columns: 1fr;
	}

	.case-page--beauty-ds .bds-look__shot--main{
		grid-row: auto;
	}

	.case-page--beauty-ds .bds-order__route{
		grid-template-columns: 1fr 1fr;
	}

	.case-page--beauty-ds .bds-done__layout{
		grid-template-columns: 1fr;
	}

	.case-page--beauty-ds .bds-client-result__card{
		grid-template-columns: 1fr;
	}
}

@media (max-width: 430px) {
	.case-page--beauty-ds.case-page--v2 > section:not(.top):not(.ecom-cases), .case-page--beauty-ds.case-page--mobile-compact > section:not(.top):not(.ecom-cases){
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	}

	.case-page--beauty-ds .top{
		padding-top: 16px;
	}

	.case-page--beauty-ds .case-hero-kicker{
		margin-bottom: 8px;
		padding: 4px 10px;
		font-size: 0.625rem;
	}

	.case-page--beauty-ds .case-hero-title, .case-page--beauty-ds .top__title{
		font-size: clamp(1.25rem, 6vw, 1.5rem) !important;
		margin-bottom: 8px !important;
	}

	.case-page--beauty-ds .top__text{
		font-size: 0.8125rem !important;
		line-height: 1.45 !important;
	}

	.case-page--beauty-ds .bds-hero{
		gap: 10px;
	}

	.case-page--beauty-ds .bds-hero__facts{
		gap: 6px;
	}

	.case-page--beauty-ds .bds-hero__facts li{
		padding: 8px 6px;
		text-align: center;
	}

	.case-page--beauty-ds .bds-hero__fact-value{
		font-size: 0.75rem;
	}

	.case-page--beauty-ds .bds-hero__fact-label{
		font-size: 0.625rem;
	}

	.case-page--beauty-ds .title_h2, .case-page--beauty-ds .bds-model .title_h2, .case-page--beauty-ds .bds-prep .title_h2, .case-page--beauty-ds .bds-look .title_h2, .case-page--beauty-ds .bds-order .title_h2, .case-page--beauty-ds .bds-done .title_h2, .case-page--beauty-ds .bds-tags .title_h2{
		font-size: 1.0625rem !important;
		margin-bottom: 10px !important;
	}

	.case-page--beauty-ds .bds-lead{
		margin-bottom: 12px;
		font-size: 0.8125rem !important;
		line-height: 1.45 !important;
	}

	.case-page--beauty-ds .bds-model__step{
		padding: 8px 10px;
	}

	.case-page--beauty-ds .bds-model__step strong{
		font-size: 0.8125rem;
	}

	.case-page--beauty-ds .bds-model__num{
		width: 20px;
		height: 20px;
		font-size: 0.625rem;
	}

	.case-page--beauty-ds .bds-prep__list li{
		padding: 10px 12px;
	}

	.case-page--beauty-ds .bds-prep__label{
		font-size: 0.6875rem;
	}

	.case-page--beauty-ds .bds-prep__list p{
		font-size: 0.8125rem;
	}

	.case-page--beauty-ds .bds-look__grid{
		gap: 8px;
	}

	.case-page--beauty-ds .bds-look__shot{
		padding: 6px;
		border-radius: 12px;
	}

	.case-page--beauty-ds .bds-look__shot img{
		width: 100%;
		max-width: 100%;
		height: auto;
	}

	.case-page--beauty-ds .bds-look__shot figcaption{
		margin-top: 6px;
		font-size: 0.75rem;
	}

	.case-page--beauty-ds .bds-order__card{
		padding: 14px 12px;
		border-radius: 12px;
	}

	.case-page--beauty-ds .bds-order__route{
		grid-template-columns: 1fr;
		gap: 8px;
	}

	.case-page--beauty-ds .bds-order__route strong{
		font-size: 0.8125rem;
	}

	.case-page--beauty-ds .bds-done__list{
		padding: 12px 14px;
		gap: 6px;
	}

	.case-page--beauty-ds .bds-done__list li{
		font-size: 0.8125rem;
		padding-left: 18px;
	}

	.case-page--beauty-ds .bds-done__metric{
		padding: 14px 12px;
	}

	.case-page--beauty-ds .bds-done__value{
		font-size: 1.75rem;
	}

	.case-page--beauty-ds .bds-done__caption{
		font-size: 0.75rem;
	}

	.case-page--beauty-ds .bds-client-result__card{
		gap: 14px;
		padding: 16px 14px;
		border-radius: 12px;
	}

	.case-page--beauty-ds .bds-client-result__copy .title_h2{
		margin-bottom: 8px !important;
	}

	.case-page--beauty-ds .bds-client-result__copy > p:not(.bds-client-result__kicker){
		font-size: 0.8125rem;
		line-height: 1.45;
	}

	.case-page--beauty-ds .bds-client-result__shot{
		border-radius: 10px;
	}

	.case-page--beauty-ds .bds-client-result__shot img{
		max-height: 280px;
	}

	.case-page--beauty-ds .bds-tags__list li{
		padding: 4px 10px;
		font-size: 0.75rem;
	}

	.case-page--beauty-ds .bds-cta{
		padding-top: 8px !important;
		padding-bottom: 12px !important;
	}

	.case-page--beauty-ds .bds-cta__card{
		padding: 14px 12px;
		border-radius: 12px;
	}

	.case-page--beauty-ds .bds-cta__title{
		font-size: 1rem;
		margin-bottom: 6px;
	}

	.case-page--beauty-ds .bds-cta__text{
		font-size: 0.8125rem;
		margin-bottom: 12px;
	}

	.case-page--beauty-ds .bds-cta__buttons{
		flex-direction: column;
		align-items: stretch;
		gap: 8px;
	}

	.case-page--beauty-ds .bds-cta__btn{
		width: 100%;
		min-width: 0;
		padding: 10px 14px;
	}

	.case-page--beauty-ds.case-page--v2 > section.ecom-cases{
		margin: 4px 0 12px;
		padding: 12px 0;
	}
}

@media (max-width: 390px) {
	.case-page--beauty-ds .bds-hero__facts li{
		padding: 7px 4px;
	}

	.case-page--beauty-ds .bds-hero__fact-value{
		font-size: 0.6875rem;
	}
}

@media (max-width: 375px) {
	.case-page--beauty-ds.case-page--v2 > section:not(.top):not(.ecom-cases){
		padding-top: 16px !important;
		padding-bottom: 16px !important;
	}

	.case-page--beauty-ds .top__title{
		font-size: 1.1875rem !important;
	}

	.case-page--beauty-ds .bds-hero__facts{
		gap: 4px;
	}
}

/* Halloween Store — seasonal Shopify case */
.case-page--halloween{
	--case-accent: #d6603d;
	--case-accent-2: #c47a2c;
	--case-accent-deep: #b0522f;
}

.case-page--halloween .case-hero-visual, .case-page--halloween .gallery-item{
	max-width: 100%;
	min-width: 0;
}

.case-page--halloween .case-hero-visual img, .case-page--halloween .gallery-item img{
	max-width: 100%;
	height: auto;
}

.case-page--halloween .case-results__grid--four{
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 900px) {
	.case-page--shopify-migration .case-hero-badges--three, .case-page--halloween .case-hero-badges--three{
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 420px) {
	.case-page--shopify-migration .case-hero-badges--three, .case-page--halloween .case-hero-badges--three{
		grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	}
}



/* Beauty expansion: keep compact 2-col cards on 375–390 */
@media (max-width: 390px) {
	.case-page--beauty-expansion > section:not(.top):not(.ecom-cases) {
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	}

	.case-page--beauty-expansion .case-hero-visual,
	.case-page--beauty-expansion .gallery-item {
		max-width: 100%;
		min-width: 0;
	}

	.case-page--beauty-expansion .case-hero-visual img {
		max-height: 34vh;
		max-width: 100%;
	}
}

@media (max-width: 375px) {
	.case-page--beauty-expansion.case-page--shopify-migration .case-solution__list,
	.case-page--beauty-expansion.case-page--shopify-migration .case-results__grid {
		grid-template-columns: 1fr 1fr !important;
		gap: 8px !important;
	}

	.case-page--beauty-expansion .solution-card,
	.case-page--beauty-expansion .result-card {
		padding: 10px 8px !important;
	}
}

/* Clothing store from scratch — task card + fuller gallery */
.case-page--clothing-store .case-overview--compact .case-overview__content--compact {
	max-width: 920px;
	margin: 0 auto;
	padding: 22px 24px;
	background: var(--case-card-bg);
	border: 1px solid var(--case-card-border);
	border-radius: 16px;
	box-shadow: 0 8px 24px color-mix(in srgb, var(--case-ink) 5%, transparent);
}

.case-page--clothing-store .case-overview--compact .case-overview__lead {
	max-width: none;
	margin: 0 0 16px;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	box-shadow: none;
}

.case-page--clothing-store .case-overview--compact .case-overview__tasks {
	padding: 0;
	background: none;
	border: none;
	box-shadow: none;
}

.case-page--clothing-store.case-page--shopify-migration .gallery-item,
.case-page--clothing-store.case-page--shopify-migration .gallery-item--large {
	flex: 0 0 min(640px, 88vw);
	width: min(640px, 88vw);
	min-height: 340px;
}

.case-page--clothing-store.case-page--shopify-migration .gallery-item .case-picture img {
	max-height: 460px;
}

.case-page--clothing-store .technology-list-item__icon--brand img[alt="Shopify"] {
	width: 40px;
	height: 40px;
	max-width: none;
	max-height: none;
	border-radius: 8px;
	background: #111;
	object-fit: contain;
}

@media (max-width: 768px) {
	.case-page--clothing-store .case-overview--compact .case-overview__content--compact {
		padding: 14px;
		border-radius: 12px;
	}

	.case-page--clothing-store .case-overview--compact .case-overview__lead {
		margin-bottom: 12px;
	}

	.case-page--clothing-store .tasks-list--compact-grid {
		gap: 6px;
	}

	.case-page--clothing-store .tasks-list--compact-grid .task-text {
		font-size: 0.75rem !important;
		line-height: 1.35 !important;
	}

	.case-page--clothing-store.case-page--shopify-migration .gallery-item,
	.case-page--clothing-store.case-page--shopify-migration .gallery-item--large {
		flex: 0 0 min(82vw, 300px);
		width: min(82vw, 300px);
		min-height: 220px;
	}

	.case-page--clothing-store.case-page--shopify-migration .gallery-item .case-picture img {
		max-height: 280px;
	}
}

/* Bags redesign — compact Shopify case, no launch-from-scratch story */
.case-page--bags-redesign {
	overflow-x: clip;
}
.case-page--bags-redesign.case-page--v2 > section:not(.top):not(.ecom-cases),
.case-page--bags-redesign .case-brief,
.case-page--bags-redesign .case-compare,
.case-page--bags-redesign .case-changed,
.case-page--bags-redesign .case-catalog,
.case-page--bags-redesign .case-gallery,
.case-page--bags-redesign .case-results,
.case-page--bags-redesign .case-technologies,
.case-page--bags-redesign .case-faq-cta {
	padding-top: 44px;
	padding-bottom: 44px;
}

.case-page--bags-redesign .top {
	padding-top: 28px;
}

.case-page--bags-redesign .top__title,
.case-page--bags-redesign .top-title-case,
.case-page--bags-redesign .case-hero-title {
	font-size: clamp(1.5rem, 3.2vw, 2.125rem);
	line-height: 1.2;
	margin-bottom: 12px;
	max-width: 18em;
}

.case-page--bags-redesign .top__text {
	max-width: 42rem;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

.case-page--bags-redesign .case-hero-kicker {
	margin-bottom: 10px;
}

.case-page--bags-redesign .case-hero-badges {
	gap: 8px;
	margin-bottom: 18px;
	max-width: 720px;
	margin-left: auto;
	margin-right: auto;
}

.case-page--bags-redesign .case-hero-badge {
	padding: 10px 8px;
}

.case-page--bags-redesign .case-hero-badge__value {
	font-size: 1.125rem;
	margin-bottom: 2px;
}

.case-page--bags-redesign .case-hero-badge__label {
	font-size: 0.75rem;
}

.case-page--bags-redesign .case-brief {
	padding-top: 28px;
}

.case-page--bags-redesign .case-brief__card,
.case-page--bags-redesign .case-brief__card--plain {
	display: block;
	max-width: 760px;
	margin: 0 auto;
	padding: 24px 28px;
}

.case-page--bags-redesign .case-brief__copy .title_h2 {
	margin-bottom: 12px;
}

.case-page--bags-redesign .case-brief__copy p {
	margin: 0 0 10px;
	font-size: 0.9375rem;
	line-height: 1.55;
}

.case-page--bags-redesign .case-compare__title {
	margin-bottom: 16px;
}

.case-page--bags-redesign .case-compare__grid {
	gap: 12px;
	max-width: 860px;
}

.case-page--bags-redesign .case-compare__col {
	padding: 16px 18px;
	border-radius: 12px;
}

.case-page--bags-redesign .case-compare__label {
	margin-bottom: 8px;
}

.case-page--bags-redesign .case-compare__list {
	gap: 6px;
}

.case-page--bags-redesign .case-compare__list li {
	padding-left: 22px;
	font-size: 0.875rem;
	line-height: 1.4;
}

.case-page--bags-redesign .case-changed .title_h2,
.case-page--bags-redesign .case-catalog .title_h2 {
	text-align: center;
	margin-bottom: 16px;
}

.case-page--bags-redesign .case-changed__list {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	display: grid;
	gap: 8px;
	max-width: 760px;
}

.case-page--bags-redesign .case-changed__item {
	display: grid;
	grid-template-columns: 36px minmax(0, 1fr);
	gap: 12px;
	align-items: start;
	padding: 12px 14px;
	background: var(--case-card-bg);
	border: 1px solid var(--case-card-border);
	border-radius: 12px;
	box-shadow: none;
}

.case-page--bags-redesign .case-changed__num {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	border-radius: 9px;
	background: var(--case-ink);
	color: #fff;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.02em;
}

.case-page--bags-redesign .case-changed__body h3 {
	margin: 0 0 4px;
	font-size: 1rem;
	line-height: 1.3;
	color: var(--case-ink);
}

.case-page--bags-redesign .case-changed__body p {
	margin: 0;
	font-size: 0.875rem;
	line-height: 1.45;
	color: var(--case-mut);
}

.case-page--bags-redesign .case-catalog__lead {
	max-width: 560px;
	margin: -4px auto 16px;
	text-align: center;
	font-size: 0.9375rem;
	line-height: 1.5;
	color: var(--case-mut);
}

.case-page--bags-redesign .case-catalog__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
	list-style: none;
	margin: 0;
	padding: 0;
}

.case-page--bags-redesign .case-catalog__item {
	padding: 12px 14px;
	background: var(--case-card-bg);
	border: 1px solid var(--case-card-border);
	border-radius: 12px;
}

.case-page--bags-redesign .case-catalog__name {
	display: block;
	margin-bottom: 4px;
	font-size: 0.9375rem;
	line-height: 1.25;
	color: var(--case-ink);
}

.case-page--bags-redesign .case-catalog__text {
	display: block;
	font-size: 0.8125rem;
	line-height: 1.4;
	color: var(--case-mut);
}

.case-page--bags-redesign.case-page--shopify-migration .gallery-item,
.case-page--bags-redesign.case-page--shopify-migration .gallery-item--large {
	flex: 0 0 min(640px, 88vw);
	width: min(640px, 88vw);
	min-height: 340px;
}

.case-page--bags-redesign.case-page--shopify-migration .gallery-item .case-picture img {
	max-height: 460px;
}

.case-page--bags-redesign .case-gallery__note {
	margin: -8px auto 20px;
}

.case-page--bags-redesign .case-results__title {
	margin-bottom: 8px;
}

.case-page--bags-redesign .case-results__lead {
	max-width: 640px;
	margin: 0 auto 18px;
	text-align: center;
	font-size: 0.9375rem;
	line-height: 1.5;
	color: var(--case-mut);
}

.case-page--bags-redesign.case-page--shopify-migration .case-results__grid,
.case-page--bags-redesign .case-results__grid--five {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 10px;
	max-width: 1100px;
}

.case-page--bags-redesign .result-card {
	padding: 14px 12px;
	min-height: 0;
}

.case-page--bags-redesign .result-card__value {
	font-size: 1.25rem;
	margin-bottom: 4px;
}

.case-page--bags-redesign .result-card h3 {
	margin: 0;
	font-size: 0.8125rem;
	line-height: 1.3;
	font-weight: 600;
}

.case-page--bags-redesign .technology-list,
.case-page--bags-redesign .technology-list--six {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	max-width: 960px;
}

.case-page--bags-redesign .technology-list-item {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 12px;
	padding: 12px 14px;
	min-height: 0;
	text-align: left;
}

.case-page--bags-redesign .technology-list-item__icon,
.case-page--bags-redesign .technology-list-item__icon--brand {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	min-width: 40px;
	min-height: 40px;
	padding: 6px;
	box-sizing: border-box;
	border-radius: 10px;
	background: rgba(22, 22, 26, 0.04);
}

.case-page--bags-redesign .technology-list-item__icon img,
.case-page--bags-redesign .technology-list-item__icon--brand img,
.case-page--bags-redesign .technology-list-item__icon--brand img[alt="Shopify"] {
	width: 24px;
	height: 24px;
	max-width: 24px;
	max-height: 24px;
	object-fit: contain;
	border-radius: 0;
	background: none;
}

.case-page--bags-redesign .technology-list-item__content h3 {
	margin: 0 0 2px;
	font-size: 0.9375rem;
	line-height: 1.25;
}

.case-page--bags-redesign .technology-list-item__content p {
	margin: 0;
	font-size: 0.8125rem;
	line-height: 1.35;
}

.case-page--bags-redesign .case-faq__list--columns {
	grid-template-columns: 1fr 1fr;
	gap: 8px 16px;
}

.case-page--bags-redesign .case-faq-cta__inner {
	gap: 24px;
}

.case-page--bags-redesign .ecom-cases {
	margin: 8px 0 24px;
	padding: 20px 0;
}

@media (max-width: 1024px) {
	.case-page--bags-redesign.case-page--shopify-migration .case-results__grid,
	.case-page--bags-redesign .case-results__grid--five {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.case-page--bags-redesign .case-catalog__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.case-page--bags-redesign .technology-list,
	.case-page--bags-redesign .technology-list--six {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 768px) {
	.case-page--bags-redesign.case-page--v2 > section:not(.top):not(.ecom-cases),
	.case-page--bags-redesign .case-brief,
	.case-page--bags-redesign .case-compare,
	.case-page--bags-redesign .case-changed,
	.case-page--bags-redesign .case-catalog,
	.case-page--bags-redesign .case-gallery,
	.case-page--bags-redesign .case-results,
	.case-page--bags-redesign .case-technologies,
	.case-page--bags-redesign .case-faq-cta {
		padding-top: 28px !important;
		padding-bottom: 28px !important;
	}

	.case-page--bags-redesign .top {
		padding-top: 16px;
	}

	.case-page--bags-redesign .top__title,
	.case-page--bags-redesign .top-title-case,
	.case-page--bags-redesign .case-hero-title {
		font-size: clamp(1.25rem, 5.4vw, 1.5rem) !important;
		line-height: 1.2 !important;
		margin-bottom: 10px !important;
		max-width: none;
	}

	.case-page--bags-redesign .top__text {
		font-size: 0.875rem !important;
		line-height: 1.45 !important;
		margin-bottom: 12px;
	}

	.case-page--bags-redesign .case-hero-kicker {
		margin-bottom: 8px;
		font-size: 0.75rem;
	}

	.case-page--bags-redesign.case-page--shopify-migration .case-hero-badges {
		grid-template-columns: 1fr 1fr !important;
		gap: 6px !important;
		margin-bottom: 14px;
	}

	.case-page--bags-redesign .case-hero-badge {
		padding: 8px 6px !important;
	}

	.case-page--bags-redesign .case-hero-badge__value {
		font-size: 0.9375rem !important;
		margin-bottom: 2px;
	}

	.case-page--bags-redesign .case-hero-badge__label {
		font-size: 0.6875rem !important;
	}

	.case-page--bags-redesign .title_h2,
	.case-page--bags-redesign .case-compare__title,
	.case-page--bags-redesign .case-gallery__title,
	.case-page--bags-redesign .case-results__title,
	.case-page--bags-redesign .case-technologies__title,
	.case-page--bags-redesign .case-faq__title {
		font-size: 1.125rem !important;
		line-height: 1.28 !important;
		margin-bottom: 12px !important;
	}

	.case-page--bags-redesign .case-brief__card,
	.case-page--bags-redesign .case-brief__card--plain {
		padding: 14px 16px;
		border-radius: 12px;
	}

	.case-page--bags-redesign .case-brief__copy p {
		font-size: 0.8125rem !important;
		line-height: 1.45 !important;
	}

	.case-page--bags-redesign .case-compare__grid {
		grid-template-columns: 1fr;
		gap: 8px;
	}

	.case-page--bags-redesign .case-compare__col {
		padding: 12px 14px;
	}

	.case-page--bags-redesign .case-compare__list li {
		font-size: 0.8125rem !important;
	}

	.case-page--bags-redesign .case-changed__list {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 8px;
	}

	.case-page--bags-redesign .case-changed__item {
		grid-template-columns: 28px minmax(0, 1fr);
		gap: 10px;
		padding: 10px 12px;
	}

	.case-page--bags-redesign .case-changed__num {
		width: 28px;
		height: 28px;
		font-size: 0.6875rem;
		border-radius: 8px;
	}

	.case-page--bags-redesign .case-changed__body h3 {
		font-size: 0.875rem;
	}

	.case-page--bags-redesign .case-changed__body p {
		font-size: 0.75rem;
		line-height: 1.4;
	}

	.case-page--bags-redesign .case-catalog__lead {
		margin-bottom: 12px;
		font-size: 0.8125rem;
	}

	.case-page--bags-redesign .case-catalog__grid {
		grid-template-columns: 1fr 1fr;
		gap: 8px;
	}

	.case-page--bags-redesign .case-catalog__item {
		padding: 10px 12px;
	}

	.case-page--bags-redesign .case-catalog__name {
		font-size: 0.8125rem;
	}

	.case-page--bags-redesign .case-catalog__text {
		font-size: 0.75rem;
	}

	.case-page--bags-redesign.case-page--shopify-migration .case-gallery__wrapper {
		padding: 0 36px;
	}

	.case-page--bags-redesign.case-page--shopify-migration .gallery-item,
	.case-page--bags-redesign.case-page--shopify-migration .gallery-item--large {
		flex: 0 0 min(82vw, 300px);
		width: min(82vw, 300px);
		min-height: 220px;
	}

	.case-page--bags-redesign.case-page--shopify-migration .gallery-item .case-picture img {
		max-height: 280px;
	}

	.case-page--bags-redesign .case-results__lead {
		margin-bottom: 12px;
		font-size: 0.8125rem;
	}

	.case-page--bags-redesign.case-page--shopify-migration .case-results__grid,
	.case-page--bags-redesign .case-results__grid--five {
		display: grid !important;
		grid-template-columns: 1fr 1fr !important;
		gap: 8px !important;
		overflow: visible !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 auto !important;
		padding: 0 !important;
		flex-wrap: unset;
		scroll-snap-type: none;
	}

	.case-page--bags-redesign .result-card {
		width: 100% !important;
		min-width: 0 !important;
		flex: unset !important;
		padding: 12px 10px !important;
	}

	.case-page--bags-redesign .result-card__value {
		font-size: 0.9375rem !important;
	}

	.case-page--bags-redesign .result-card h3 {
		font-size: 0.75rem !important;
		line-height: 1.3 !important;
	}

	.case-page--bags-redesign .result-card:last-child {
		grid-column: 1 / -1;
	}

	.case-page--bags-redesign .technology-list,
	.case-page--bags-redesign .technology-list--six {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 8px !important;
	}

	.case-page--bags-redesign .technology-list-item {
		flex-direction: row !important;
		align-items: center !important;
		text-align: left !important;
		gap: 12px !important;
		padding: 10px 12px !important;
		width: 100% !important;
		max-width: none !important;
	}

	.case-page--bags-redesign .technology-list-item__icon,
	.case-page--bags-redesign .technology-list-item__icon--brand {
		width: 36px !important;
		height: 36px !important;
		min-width: 36px !important;
		min-height: 36px !important;
		padding: 6px;
	}

	.case-page--bags-redesign .technology-list-item__icon img,
	.case-page--bags-redesign .technology-list-item__icon--brand img,
	.case-page--bags-redesign .technology-list-item__icon--brand img[alt="Shopify"] {
		width: 22px !important;
		height: 22px !important;
		max-width: 22px !important;
		max-height: 22px !important;
	}

	.case-page--bags-redesign .technology-list-item__content h3 {
		font-size: 0.875rem !important;
		margin-bottom: 1px;
	}

	.case-page--bags-redesign .technology-list-item__content p {
		font-size: 0.75rem !important;
	}

	.case-page--bags-redesign .case-faq__list--columns {
		grid-template-columns: 1fr;
		gap: 8px;
	}

	.case-page--bags-redesign .case-faq__question {
		padding: 12px 40px 12px 14px;
		font-size: 0.875rem !important;
	}

	.case-page--bags-redesign .case-faq__answer {
		font-size: 0.8125rem !important;
		line-height: 1.45 !important;
	}

	.case-page--bags-redesign .case-faq-cta__banner .questions-content--case {
		padding: 16px 14px;
		gap: 12px;
	}

	.case-page--bags-redesign .case-faq-cta__banner .questions-title {
		font-size: 1.0625rem !important;
	}

	.case-page--bags-redesign .case-faq-cta__banner .questions-subtitle {
		font-size: 0.8125rem !important;
	}

	.case-page--bags-redesign .ecom-cases {
		margin: 4px 0 12px;
		padding: 16px 0;
	}

	.case-page--bags-redesign .ecom-cases__card {
		flex-basis: 78vw;
		width: 78vw;
		max-width: 280px;
		min-height: 0;
	}

	.case-page--bags-redesign .ecom-cases__media {
		flex-basis: 120px;
		height: 120px;
	}

	.case-page--bags-redesign .ecom-cases__name {
		font-size: 0.875rem;
	}

	.case-page--bags-redesign .ecom-cases__desc {
		font-size: 0.75rem;
		min-height: 0;
		-webkit-line-clamp: 2;
	}
}

@media (max-width: 430px) {
	.case-page--bags-redesign.case-page--v2 > section:not(.top):not(.ecom-cases),
	.case-page--bags-redesign .case-brief,
	.case-page--bags-redesign .case-compare,
	.case-page--bags-redesign .case-changed,
	.case-page--bags-redesign .case-catalog,
	.case-page--bags-redesign .case-gallery,
	.case-page--bags-redesign .case-results,
	.case-page--bags-redesign .case-technologies,
	.case-page--bags-redesign .case-faq-cta {
		padding-top: 22px !important;
		padding-bottom: 22px !important;
	}

	.case-page--bags-redesign .top__title,
	.case-page--bags-redesign .top-title-case,
	.case-page--bags-redesign .case-hero-title {
		font-size: 1.1875rem !important;
	}

	.case-page--bags-redesign .top__text {
		font-size: 0.8125rem !important;
	}

	.case-page--bags-redesign.case-page--shopify-migration .gallery-item,
	.case-page--bags-redesign.case-page--shopify-migration .gallery-item--large {
		flex: 0 0 min(84vw, 260px);
		width: min(84vw, 260px);
		min-height: 180px;
	}

	.case-page--bags-redesign .case-catalog__grid {
		grid-template-columns: 1fr 1fr;
		gap: 6px;
	}

	.case-page--bags-redesign .case-catalog__item {
		padding: 8px 10px;
	}
}

@media (max-width: 390px) {
	.case-page--bags-redesign .top__title,
	.case-page--bags-redesign .top-title-case,
	.case-page--bags-redesign .case-hero-title {
		font-size: 1.125rem !important;
	}

	.case-page--bags-redesign .case-hero-badge__value {
		font-size: 0.875rem !important;
	}

	.case-page--bags-redesign .case-hero-badge__label {
		font-size: 0.625rem !important;
	}

	.case-page--bags-redesign .result-card:last-child {
		grid-column: 1 / -1;
	}
}

@media (max-width: 375px) {
	.case-page--bags-redesign .top__title,
	.case-page--bags-redesign .top-title-case,
	.case-page--bags-redesign .case-hero-title {
		font-size: 1.0625rem !important;
	}

	.case-page--bags-redesign .case-hero-badge {
		padding: 6px 4px !important;
	}

	.case-page--bags-redesign .case-changed__body p,
	.case-page--bags-redesign .result-card h3 {
		font-size: 0.72rem !important;
	}
}

/* Phone cases — compact Shopify case, keep reference-store story */
.case-page--phone-cases {
	overflow-x: clip;
}

.case-page--phone-cases.case-page--v2 > section:not(.top):not(.ecom-cases),
.case-page--phone-cases .case-brief,
.case-page--phone-cases .case-overview,
.case-page--phone-cases .case-solution,
.case-page--phone-cases .case-facts,
.case-page--phone-cases .case-gallery,
.case-page--phone-cases .case-results,
.case-page--phone-cases .case-technologies,
.case-page--phone-cases .case-faq-cta {
	padding-top: 56px;
	padding-bottom: 56px;
}

.case-page--phone-cases .top {
	padding-top: 32px;
}

.case-page--phone-cases .top__title,
.case-page--phone-cases .top-title-case,
.case-page--phone-cases .case-hero-title {
	font-size: clamp(1.5rem, 3.2vw, 2.125rem);
	line-height: 1.2;
	margin-bottom: 12px;
}

.case-page--phone-cases .top__text {
	max-width: 44rem;
	margin-bottom: 18px;
	font-size: 1rem;
	line-height: 1.55;
}

.case-page--phone-cases .case-hero-kicker {
	margin-bottom: 10px;
}

.case-page--phone-cases .case-hero-badges {
	gap: 8px;
	margin-bottom: 20px;
}

.case-page--phone-cases .case-hero-badge {
	padding: 12px 10px;
}

.case-page--phone-cases .case-hero-badge__value {
	font-size: 1.25rem;
	margin-bottom: 2px;
}

.case-page--phone-cases .case-hero-badge__label {
	font-size: 0.75rem;
}

.case-page--phone-cases .case-brief {
	padding-top: 28px;
}

.case-page--phone-cases .case-brief__card {
	padding: 28px 32px;
	gap: 28px;
}

.case-page--phone-cases .case-brief__copy .title_h2 {
	margin-bottom: 12px;
}

.case-page--phone-cases .case-brief__copy p {
	margin-bottom: 10px;
	font-size: 0.975rem;
	line-height: 1.55;
}

.case-page--phone-cases .case-brief__meta li {
	padding: 12px 14px;
}

.case-page--phone-cases .case-overview__title,
.case-page--phone-cases .case-solution__title,
.case-page--phone-cases .case-facts .title_h2,
.case-page--phone-cases .case-gallery__title,
.case-page--phone-cases .case-results__title,
.case-page--phone-cases .case-technologies__title,
.case-page--phone-cases .case-faq__title {
	margin-bottom: 18px;
}

.case-page--phone-cases .case-overview__col--text p {
	margin: 0 0 10px;
	font-size: 0.975rem;
	line-height: 1.55;
}

.case-page--phone-cases .case-overview__tasks {
	padding: 20px 18px;
}

.case-page--phone-cases .solution-card {
	padding: 18px 16px;
	min-height: 0;
}

.case-page--phone-cases .solution-card__num {
	width: 32px;
	height: 32px;
	margin-bottom: 10px;
	font-size: 0.9375rem;
}

.case-page--phone-cases .solution-card h3 {
	margin: 0 0 6px;
	font-size: 1.0625rem;
}

.case-page--phone-cases .solution-card p {
	margin: 0;
	font-size: 0.9375rem;
	line-height: 1.45;
}

.case-page--phone-cases .case-facts__lead {
	margin-bottom: 20px;
}

.case-page--phone-cases .case-facts__item {
	padding: 18px 16px;
}

.case-page--phone-cases .case-facts__item h3 {
	margin-bottom: 6px;
}

.case-page--phone-cases.case-page--shopify-migration .case-results__grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	max-width: 1100px;
}

.case-page--phone-cases .result-card {
	padding: 16px 14px;
	min-height: 0;
}

.case-page--phone-cases .result-card__value {
	font-size: 1.25rem;
	margin-bottom: 4px;
}

.case-page--phone-cases .result-card h3 {
	margin: 0 0 6px;
	font-size: 0.9375rem;
	line-height: 1.3;
}

.case-page--phone-cases .result-card p {
	font-size: 0.8125rem;
	line-height: 1.4;
}

.case-page--phone-cases .case-client-result__container {
	display: grid;
	grid-template-columns: minmax(0, 0.95fr) minmax(380px, 1.05fr);
	align-items: center;
	gap: 28px;
	max-width: 1100px;
	margin: 0 auto;
	padding: 28px 30px;
	box-sizing: border-box;
	border: 1px solid var(--case-card-border);
	border-radius: 18px;
	background: var(--case-card-bg);
	box-shadow: 0 8px 28px color-mix(in srgb, var(--case-ink) 5%, transparent);
}

.case-page--phone-cases .case-client-result__kicker {
	margin: 0 0 8px;
	color: var(--case-accent);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.case-page--phone-cases .case-client-result__copy .title_h2 {
	margin: 0 0 12px;
}

.case-page--phone-cases .case-client-result__copy > p:not(.case-client-result__kicker) {
	margin: 0 0 12px;
	color: var(--case-mut);
	font-size: 0.9375rem;
	line-height: 1.5;
}

.case-page--phone-cases .case-client-result__copy > p:last-child {
	margin-bottom: 0;
}

.case-page--phone-cases .case-client-result__highlight {
	padding-left: 14px;
	border-left: 3px solid var(--case-accent);
}

.case-page--phone-cases .case-client-result__highlight strong {
	color: var(--case-ink);
}

.case-page--phone-cases .case-client-result__shot {
	display: block;
	position: relative;
	margin: 0;
	overflow: hidden;
	border: 1px solid var(--case-card-border);
	border-radius: 14px;
	background: #fff;
}

.case-page--phone-cases.case-page--image-protected .case-client-result__shot::after {
	display: none;
}

.case-page--phone-cases .case-client-result__shot img {
	display: block;
	width: 100%;
	height: auto;
}

.case-page--phone-cases .technology-list,
.case-page--phone-cases .technology-list--six {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	max-width: 960px;
}

.case-page--phone-cases .technology-list-item {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 12px;
	padding: 12px 14px;
	min-height: 0;
	text-align: left;
}

.case-page--phone-cases .technology-list-item__icon,
.case-page--phone-cases .technology-list-item__icon--brand {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	min-width: 40px;
	min-height: 40px;
	padding: 6px;
	box-sizing: border-box;
	border-radius: 10px;
	background: rgba(22, 22, 26, 0.04);
}

.case-page--phone-cases .technology-list-item__icon img,
.case-page--phone-cases .technology-list-item__icon--brand img,
.case-page--phone-cases .technology-list-item__icon--brand img[alt="Shopify"],
.case-page--phone-cases .technology-list-item__icon--brand img[alt="Stripe"],
.case-page--phone-cases .technology-list-item__icon--brand img[alt="Meta"] {
	width: 24px;
	height: 24px;
	max-width: 24px;
	max-height: 24px;
	object-fit: contain;
	border-radius: 0;
	background: none;
}

.case-page--phone-cases .technology-list-item__content h3 {
	margin: 0 0 2px;
	font-size: 0.9375rem;
	line-height: 1.25;
}

.case-page--phone-cases .technology-list-item__content p {
	margin: 0;
	font-size: 0.8125rem;
	line-height: 1.35;
}

.case-page--phone-cases .case-faq__list--columns {
	gap: 8px 16px;
}

.case-page--phone-cases .case-faq-cta__inner {
	gap: 24px;
}

.case-page--phone-cases .ecom-cases {
	margin: 8px 0 24px;
	padding: 20px 0;
}

@media (max-width: 1024px) {
	.case-page--phone-cases.case-page--shopify-migration .case-results__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.case-page--phone-cases .technology-list,
	.case-page--phone-cases .technology-list--six {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 768px) {
	.case-page--phone-cases.case-page--v2 > section:not(.top):not(.ecom-cases),
	.case-page--phone-cases .case-brief,
	.case-page--phone-cases .case-overview,
	.case-page--phone-cases .case-solution,
	.case-page--phone-cases .case-facts,
	.case-page--phone-cases .case-gallery,
	.case-page--phone-cases .case-results,
	.case-page--phone-cases .case-technologies,
	.case-page--phone-cases .case-faq-cta {
		padding-top: 28px !important;
		padding-bottom: 28px !important;
	}

	.case-page--phone-cases .top {
		padding-top: 16px;
	}

	.case-page--phone-cases .top__title,
	.case-page--phone-cases .top-title-case,
	.case-page--phone-cases .case-hero-title {
		font-size: clamp(1.1875rem, 5.2vw, 1.4375rem) !important;
		line-height: 1.2 !important;
		margin-bottom: 10px !important;
	}

	.case-page--phone-cases .top__text {
		font-size: 0.875rem !important;
		line-height: 1.45 !important;
		margin-bottom: 12px;
	}

	.case-page--phone-cases .case-hero-kicker {
		margin-bottom: 8px;
		padding: 4px 10px;
		font-size: 0.75rem;
	}

	.case-page--phone-cases.case-page--shopify-migration .case-hero-badges {
		grid-template-columns: 1fr 1fr !important;
		gap: 6px !important;
		margin-bottom: 14px;
	}

	.case-page--phone-cases .case-hero-badge {
		padding: 8px 6px !important;
	}

	.case-page--phone-cases .case-hero-badge__value {
		font-size: 0.9375rem !important;
		margin-bottom: 2px;
	}

	.case-page--phone-cases .case-hero-badge__label {
		font-size: 0.6875rem !important;
		line-height: 1.2;
	}

	.case-page--phone-cases .case-hero-visual {
		margin-bottom: 0;
		border-radius: 12px;
	}

	.case-page--phone-cases .case-hero-visual img {
		width: 100%;
		max-height: 48vh;
		object-fit: cover;
		object-position: top center;
	}

	.case-page--phone-cases .title_h2,
	.case-page--phone-cases .case-overview__title,
	.case-page--phone-cases .case-solution__title,
	.case-page--phone-cases .case-gallery__title,
	.case-page--phone-cases .case-results__title,
	.case-page--phone-cases .case-technologies__title,
	.case-page--phone-cases .case-faq__title {
		font-size: 1.125rem !important;
		line-height: 1.28 !important;
		margin-bottom: 12px !important;
	}

	.case-page--phone-cases .case-brief__card {
		gap: 12px;
		padding: 14px 16px;
		border-radius: 12px;
	}

	.case-page--phone-cases .case-brief__copy p,
	.case-page--phone-cases .case-brief__meta-value {
		font-size: 0.8125rem !important;
		line-height: 1.45 !important;
	}

	.case-page--phone-cases .case-brief__meta {
		gap: 8px;
	}

	.case-page--phone-cases .case-brief__meta li {
		padding: 10px 12px;
	}

	.case-page--phone-cases .case-overview__col--text p,
	.case-page--phone-cases .tasks-list--overview .task-text {
		font-size: 0.8125rem !important;
		line-height: 1.45 !important;
	}

	.case-page--phone-cases .case-overview__tasks {
		padding: 14px 14px;
	}

	.case-page--phone-cases .case-overview__tasks-title {
		font-size: 0.875rem !important;
		margin-bottom: 8px;
	}

	.case-page--phone-cases .tasks-list--overview {
		gap: 6px;
	}

	.case-page--phone-cases.case-page--shopify-migration .case-solution__list {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 8px !important;
		overflow: visible !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		flex-wrap: unset;
		scroll-snap-type: none;
	}

	.case-page--phone-cases.case-page--shopify-migration .solution-card {
		width: 100% !important;
		min-width: 0 !important;
		flex: unset !important;
		padding: 12px 14px !important;
	}

	.case-page--phone-cases .solution-card__num {
		width: 26px;
		height: 26px;
		margin-bottom: 6px;
		font-size: 0.75rem;
		border-radius: 8px;
	}

	.case-page--phone-cases .solution-card h3 {
		font-size: 0.875rem !important;
		line-height: 1.25 !important;
		margin-bottom: 4px;
	}

	.case-page--phone-cases .solution-card p {
		font-size: 0.75rem !important;
		line-height: 1.4 !important;
	}

	.case-page--phone-cases .case-facts__lead {
		margin-bottom: 12px;
		font-size: 0.8125rem;
		line-height: 1.45;
	}

	.case-page--phone-cases .case-facts__grid,
	.case-page--phone-cases .case-facts__grid--three {
		grid-template-columns: 1fr 1fr !important;
		gap: 8px;
	}

	.case-page--phone-cases .case-facts__item {
		padding: 12px 12px;
	}

	.case-page--phone-cases .case-facts__num {
		margin-bottom: 4px;
		font-size: 0.6875rem;
	}

	.case-page--phone-cases .case-facts__item h3 {
		margin-bottom: 4px;
		font-size: 0.875rem;
	}

	.case-page--phone-cases .case-facts__item p {
		font-size: 0.75rem;
		line-height: 1.4;
	}

	.case-page--phone-cases .case-gallery__note {
		margin: -4px auto 14px;
		font-size: 0.75rem;
	}

	.case-page--phone-cases.case-page--shopify-migration .case-gallery__wrapper {
		padding: 0 36px;
	}

	.case-page--phone-cases.case-page--shopify-migration .gallery-item,
	.case-page--phone-cases.case-page--shopify-migration .gallery-item--large {
		flex: 0 0 min(86vw, 320px);
		width: min(86vw, 320px);
		min-height: 240px;
	}

	.case-page--phone-cases.case-page--shopify-migration .gallery-item .case-picture img {
		max-height: 320px;
	}

	.case-page--phone-cases.case-page--shopify-migration .case-results__grid {
		display: grid !important;
		grid-template-columns: 1fr 1fr !important;
		gap: 8px !important;
		overflow: visible !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 auto !important;
		padding: 0 !important;
		flex-wrap: unset;
		scroll-snap-type: none;
	}

	.case-page--phone-cases .result-card {
		width: 100% !important;
		min-width: 0 !important;
		flex: unset !important;
		padding: 10px 10px !important;
	}

	.case-page--phone-cases .result-card__value {
		font-size: 0.875rem !important;
		margin-bottom: 2px;
	}

	.case-page--phone-cases .result-card h3 {
		font-size: 0.75rem !important;
		line-height: 1.25 !important;
		margin-bottom: 4px;
	}

	.case-page--phone-cases .result-card p {
		font-size: 0.6875rem !important;
		line-height: 1.35 !important;
	}

	.case-page--phone-cases .case-client-result__container {
		grid-template-columns: 1fr;
		gap: 14px;
		margin: 0 14px;
		padding: 16px;
		border-radius: 14px;
	}

	.case-page--phone-cases .case-client-result__copy .title_h2 {
		margin-bottom: 8px !important;
	}

	.case-page--phone-cases .case-client-result__copy > p:not(.case-client-result__kicker) {
		font-size: 0.8125rem;
		line-height: 1.45;
	}

	.case-page--phone-cases .case-client-result__shot {
		border-radius: 10px;
	}

	.case-page--phone-cases .technology-list,
	.case-page--phone-cases .technology-list--six {
		display: grid !important;
		grid-template-columns: 1fr 1fr !important;
		gap: 8px !important;
	}

	.case-page--phone-cases .technology-list-item {
		flex-direction: column !important;
		align-items: center !important;
		text-align: center !important;
		gap: 6px !important;
		padding: 10px 8px !important;
		width: auto !important;
		max-width: none !important;
		min-height: 0;
	}

	.case-page--phone-cases .technology-list-item__icon,
	.case-page--phone-cases .technology-list-item__icon--brand {
		width: 36px !important;
		height: 36px !important;
		min-width: 36px !important;
		min-height: 36px !important;
		padding: 6px;
	}

	.case-page--phone-cases .technology-list-item__icon img,
	.case-page--phone-cases .technology-list-item__icon--brand img,
	.case-page--phone-cases .technology-list-item__icon--brand img[alt="Shopify"],
	.case-page--phone-cases .technology-list-item__icon--brand img[alt="Stripe"],
	.case-page--phone-cases .technology-list-item__icon--brand img[alt="Meta"] {
		width: 22px !important;
		height: 22px !important;
		max-width: 22px !important;
		max-height: 22px !important;
		object-fit: contain;
	}

	.case-page--phone-cases .technology-list-item__content h3 {
		font-size: 0.75rem !important;
		line-height: 1.2;
		margin-bottom: 1px;
	}

	.case-page--phone-cases .technology-list-item__content p {
		font-size: 0.625rem !important;
		line-height: 1.3;
	}

	.case-page--phone-cases .case-faq__list--columns {
		grid-template-columns: 1fr;
		gap: 8px;
	}

	.case-page--phone-cases .case-faq__question {
		padding: 12px 40px 12px 14px;
		font-size: 0.875rem !important;
	}

	.case-page--phone-cases .case-faq__answer {
		font-size: 0.8125rem !important;
		line-height: 1.45 !important;
		padding: 0 14px 12px;
	}

	.case-page--phone-cases .case-faq-cta__banner .questions-content--case {
		padding: 16px 14px;
		gap: 12px;
	}

	.case-page--phone-cases .case-faq-cta__banner .questions-title {
		font-size: 1.0625rem !important;
	}

	.case-page--phone-cases .case-faq-cta__banner .questions-subtitle {
		font-size: 0.8125rem !important;
	}

	.case-page--phone-cases .ecom-cases {
		margin: 4px 0 8px;
		padding: 16px 0 8px;
	}

	.case-page--phone-cases .ecom-cases__title {
		font-size: 1.125rem;
	}

	.case-page--phone-cases .ecom-cases__card {
		flex-basis: 72vw;
		width: 72vw;
		max-width: 260px;
		min-height: 0;
	}

	.case-page--phone-cases .ecom-cases__media {
		flex-basis: 108px;
		height: 108px;
	}

	.case-page--phone-cases .ecom-cases__body {
		padding: 10px 12px;
	}

	.case-page--phone-cases .ecom-cases__name {
		font-size: 0.8125rem;
		min-height: 0;
		margin-bottom: 4px;
	}

	.case-page--phone-cases .ecom-cases__desc {
		font-size: 0.6875rem;
		min-height: 0;
		-webkit-line-clamp: 2;
		margin-bottom: 8px;
	}

	.case-page--phone-cases .ecom-cases__stat-num {
		font-size: 16px;
	}
}

@media (max-width: 430px) {
	.case-page--phone-cases.case-page--v2 > section:not(.top):not(.ecom-cases),
	.case-page--phone-cases .case-brief,
	.case-page--phone-cases .case-overview,
	.case-page--phone-cases .case-solution,
	.case-page--phone-cases .case-facts,
	.case-page--phone-cases .case-gallery,
	.case-page--phone-cases .case-results,
	.case-page--phone-cases .case-technologies,
	.case-page--phone-cases .case-faq-cta {
		padding-top: 22px !important;
		padding-bottom: 22px !important;
	}

	.case-page--phone-cases .top__title,
	.case-page--phone-cases .top-title-case,
	.case-page--phone-cases .case-hero-title {
		font-size: 1.1875rem !important;
	}

	.case-page--phone-cases .top__text {
		font-size: 0.8125rem !important;
	}

	.case-page--phone-cases .case-hero-visual img {
		max-height: 42vh;
	}

	.case-page--phone-cases.case-page--shopify-migration .gallery-item,
	.case-page--phone-cases.case-page--shopify-migration .gallery-item--large {
		flex: 0 0 min(88vw, 300px);
		width: min(88vw, 300px);
		min-height: 220px;
	}
}

@media (max-width: 390px) {
	.case-page--phone-cases .top__title,
	.case-page--phone-cases .top-title-case,
	.case-page--phone-cases .case-hero-title {
		font-size: 1.125rem !important;
	}

	.case-page--phone-cases .case-hero-badge__value {
		font-size: 0.875rem !important;
	}

	.case-page--phone-cases .case-hero-badge__label {
		font-size: 0.625rem !important;
	}
}

@media (max-width: 375px) {
	.case-page--phone-cases .top__title,
	.case-page--phone-cases .top-title-case,
	.case-page--phone-cases .case-hero-title {
		font-size: 1.0625rem !important;
	}

	.case-page--phone-cases .case-hero-badge {
		padding: 6px 4px !important;
	}

	.case-page--phone-cases .solution-card p,
	.case-page--phone-cases .case-facts__item p,
	.case-page--phone-cases .result-card p {
		font-size: 0.6875rem !important;
	}
}

/* Eco basics — compact Shopify case: sets, materials, markets */
.case-page--eco-basics {
	overflow-x: clip;
}

.case-page--eco-basics.case-page--v2 > section:not(.top):not(.ecom-cases),
.case-page--eco-basics .case-brief,
.case-page--eco-basics .case-solution,
.case-page--eco-basics .case-facts,
.case-page--eco-basics .case-gallery,
.case-page--eco-basics .case-results,
.case-page--eco-basics .case-technologies,
.case-page--eco-basics .case-faq-cta {
	padding-top: 44px;
	padding-bottom: 44px;
}

.case-page--eco-basics .top {
	padding-top: 28px;
	padding-bottom: 0;
}

.case-page--eco-basics .top__title,
.case-page--eco-basics .top-title-case,
.case-page--eco-basics .case-hero-title {
	font-size: clamp(1.5rem, 3.2vw, 2.125rem);
	line-height: 1.2;
	margin-bottom: 12px;
}

.case-page--eco-basics .top__text {
	max-width: 42rem;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

.case-page--eco-basics .case-hero-kicker {
	margin-bottom: 10px;
}

.case-page--eco-basics .case-hero-badges {
	gap: 8px;
	margin-bottom: 18px;
	max-width: 760px;
	margin-left: auto;
	margin-right: auto;
}

.case-page--eco-basics .case-hero-badge {
	padding: 10px 8px;
}

.case-page--eco-basics .case-hero-badge__value {
	font-size: 1.125rem;
	margin-bottom: 2px;
}

.case-page--eco-basics .case-hero-badge__label {
	font-size: 0.75rem;
}

.case-page--eco-basics .case-brief {
	padding-top: 28px;
}

.case-page--eco-basics .case-brief__card {
	gap: 24px;
	padding: 24px 28px;
}

.case-page--eco-basics .case-brief__copy .title_h2 {
	margin-bottom: 12px;
}

.case-page--eco-basics .case-brief__copy p {
	margin: 0 0 10px;
	font-size: 0.9375rem;
	line-height: 1.55;
}

.case-page--eco-basics .case-brief__meta {
	gap: 8px;
}

.case-page--eco-basics .case-brief__meta li {
	padding: 10px 12px;
}

.case-page--eco-basics .case-solution__title {
	margin-bottom: 16px;
}

.case-page--eco-basics .case-solution__list {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
}

.case-page--eco-basics .solution-card {
	padding: 14px 14px 12px;
	min-height: 0;
}

.case-page--eco-basics .solution-card__num {
	width: 32px;
	height: 32px;
	margin-bottom: 8px;
	font-size: 0.75rem;
	border-radius: 8px;
}

.case-page--eco-basics .solution-card h3 {
	margin: 0 0 4px;
	font-size: 1rem;
	line-height: 1.3;
}

.case-page--eco-basics .solution-card p {
	margin: 0;
	font-size: 0.875rem;
	line-height: 1.45;
}

.case-page--eco-basics .case-facts .title_h2 {
	margin-bottom: 8px;
}

.case-page--eco-basics .case-facts__lead {
	max-width: 560px;
	margin: 0 auto 16px;
	font-size: 0.9375rem;
	line-height: 1.5;
}

.case-page--eco-basics .case-facts__grid {
	gap: 10px;
}

.case-page--eco-basics .case-facts__item {
	padding: 14px 14px 12px;
	border-radius: 12px;
	box-shadow: none;
}

.case-page--eco-basics .case-facts__num {
	margin-bottom: 6px;
}

.case-page--eco-basics .case-facts__item h3 {
	margin: 0 0 6px;
	font-size: 0.9375rem;
}

.case-page--eco-basics .case-facts__item p {
	font-size: 0.8125rem;
	line-height: 1.4;
}

.case-page--eco-basics.case-page--shopify-migration .gallery-item,
.case-page--eco-basics.case-page--shopify-migration .gallery-item--large {
	flex: 0 0 min(680px, 90vw);
	width: min(680px, 90vw);
	min-height: 360px;
}

.case-page--eco-basics.case-page--shopify-migration .gallery-item .case-picture img {
	max-height: 480px;
}

.case-page--eco-basics .case-gallery__note {
	margin: -8px auto 20px;
}

.case-page--eco-basics .case-results__title {
	margin-bottom: 16px;
}

.case-page--eco-basics.case-page--shopify-migration .case-results__grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
}

.case-page--eco-basics .result-card {
	padding: 14px 14px 12px;
	min-height: 0;
}

.case-page--eco-basics .result-card__value {
	font-size: 1.25rem;
	margin-bottom: 4px;
}

.case-page--eco-basics .result-card h3 {
	margin: 0 0 4px;
	font-size: 0.9375rem;
	line-height: 1.3;
}

.case-page--eco-basics .result-card p {
	margin: 0;
	font-size: 0.8125rem;
	line-height: 1.4;
}

.case-page--eco-basics .case-client-result__container {
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(380px, 1.1fr);
	align-items: center;
	gap: 28px;
	max-width: 1100px;
	margin: 0 auto;
	padding: 28px 30px;
	box-sizing: border-box;
	border: 1px solid var(--case-card-border);
	border-radius: 18px;
	background: var(--case-card-bg);
	box-shadow: 0 8px 28px color-mix(in srgb, var(--case-ink) 5%, transparent);
}

.case-page--eco-basics .case-client-result__kicker {
	margin: 0 0 8px;
	color: var(--case-accent);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

.case-page--eco-basics .case-client-result__copy .title_h2 {
	margin: 0 0 12px;
}

.case-page--eco-basics .case-client-result__copy > p:not(.case-client-result__kicker) {
	margin: 0 0 12px;
	color: var(--case-mut);
	font-size: 0.9375rem;
	line-height: 1.5;
}

.case-page--eco-basics .case-client-result__copy > p:last-child {
	margin-bottom: 0;
}

.case-page--eco-basics .case-client-result__highlight {
	padding-left: 14px;
	border-left: 3px solid var(--case-accent);
}

.case-page--eco-basics .case-client-result__highlight strong {
	color: var(--case-ink);
}

.case-page--eco-basics .case-client-result__shot {
	display: block;
	position: relative;
	margin: 0;
	overflow: hidden;
	border: 1px solid var(--case-card-border);
	border-radius: 14px;
	background: #fff;
}

.case-page--eco-basics.case-page--image-protected .case-client-result__shot::after {
	display: none;
}

.case-page--eco-basics .case-client-result__shot img {
	display: block;
	width: 100%;
	height: auto;
}

.case-page--eco-basics .technology-list,
.case-page--eco-basics .technology-list--six {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 10px;
	max-width: 960px;
}

.case-page--eco-basics .technology-list-item {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 12px;
	padding: 12px 14px;
	min-height: 0;
	text-align: left;
}

.case-page--eco-basics .technology-list-item__icon,
.case-page--eco-basics .technology-list-item__icon--brand {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	min-width: 44px;
	min-height: 44px;
	padding: 8px;
	box-sizing: border-box;
	border-radius: 10px;
	background: rgba(22, 22, 26, 0.04);
}

.case-page--eco-basics .technology-list-item__icon img,
.case-page--eco-basics .technology-list-item__icon--brand img,
.case-page--eco-basics.case-page--shopify-case .technology-list-item__icon--brand img[alt="Shopify"] {
	width: 28px;
	height: 28px;
	max-width: 28px;
	max-height: 28px;
	object-fit: contain;
	border-radius: 0;
	background: none;
}

.case-page--eco-basics .technology-list-item__content h3 {
	margin: 0 0 2px;
	font-size: 0.9375rem;
	line-height: 1.25;
}

.case-page--eco-basics .technology-list-item__content p {
	margin: 0;
	font-size: 0.8125rem;
	line-height: 1.35;
}

.case-page--eco-basics .case-faq__list--columns {
	grid-template-columns: 1fr 1fr;
	gap: 8px 16px;
}

.case-page--eco-basics .case-faq-cta__inner {
	gap: 24px;
}

.case-page--eco-basics .ecom-cases {
	margin: 8px 0 24px;
	padding: 20px 0;
}

@media (max-width: 1024px) {
	.case-page--eco-basics .case-solution__list,
	.case-page--eco-basics.case-page--shopify-migration .case-results__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.case-page--eco-basics .case-facts__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.case-page--eco-basics .technology-list,
	.case-page--eco-basics .technology-list--six {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 768px) {
	.case-page--eco-basics.case-page--v2 > section:not(.top):not(.ecom-cases),
	.case-page--eco-basics .case-brief,
	.case-page--eco-basics .case-solution,
	.case-page--eco-basics .case-facts,
	.case-page--eco-basics .case-gallery,
	.case-page--eco-basics .case-results,
	.case-page--eco-basics .case-technologies,
	.case-page--eco-basics .case-faq-cta {
		padding-top: 28px !important;
		padding-bottom: 28px !important;
	}

	.case-page--eco-basics .top {
		padding-top: 16px;
	}

	.case-page--eco-basics .top__title,
	.case-page--eco-basics .top-title-case,
	.case-page--eco-basics .case-hero-title {
		font-size: clamp(1.25rem, 5.4vw, 1.5rem) !important;
		line-height: 1.2 !important;
		margin-bottom: 10px !important;
	}

	.case-page--eco-basics .top__text {
		font-size: 0.875rem !important;
		line-height: 1.45 !important;
		margin-bottom: 12px;
	}

	.case-page--eco-basics .case-hero-kicker {
		margin-bottom: 8px;
		font-size: 0.75rem;
	}

	.case-page--eco-basics.case-page--shopify-migration .case-hero-badges {
		grid-template-columns: 1fr 1fr !important;
		gap: 6px !important;
		margin-bottom: 14px;
	}

	.case-page--eco-basics .case-hero-badge {
		padding: 8px 6px !important;
	}

	.case-page--eco-basics .case-hero-badge__value {
		font-size: 0.9375rem !important;
		margin-bottom: 2px;
	}

	.case-page--eco-basics .case-hero-badge__label {
		font-size: 0.6875rem !important;
	}

	.case-page--eco-basics .title_h2,
	.case-page--eco-basics .case-solution__title,
	.case-page--eco-basics .case-gallery__title,
	.case-page--eco-basics .case-results__title,
	.case-page--eco-basics .case-technologies__title,
	.case-page--eco-basics .case-faq__title {
		font-size: 1.125rem !important;
		line-height: 1.28 !important;
		margin-bottom: 12px !important;
	}

	.case-page--eco-basics .case-brief__card {
		padding: 14px 16px;
		border-radius: 12px;
		gap: 12px;
	}

	.case-page--eco-basics .case-brief__copy p {
		font-size: 0.8125rem !important;
		line-height: 1.45 !important;
	}

	.case-page--eco-basics .case-brief__meta li {
		padding: 8px 10px;
	}

	.case-page--eco-basics .case-brief__meta-value {
		font-size: 0.875rem;
	}

	.case-page--eco-basics.case-page--shopify-migration .case-solution__list,
	.case-page--eco-basics.case-page--shopify-migration .case-results__grid {
		display: grid !important;
		grid-template-columns: 1fr 1fr !important;
		gap: 8px !important;
		overflow: visible !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		flex-wrap: unset;
		scroll-snap-type: none;
	}

	.case-page--eco-basics.case-page--shopify-migration .solution-card,
	.case-page--eco-basics.case-page--shopify-migration .result-card {
		width: 100% !important;
		min-width: 0 !important;
		flex: unset !important;
		padding: 12px 10px !important;
	}

	.case-page--eco-basics .solution-card__num {
		width: 26px;
		height: 26px;
		margin-bottom: 6px;
		font-size: 0.6875rem;
	}

	.case-page--eco-basics .solution-card h3,
	.case-page--eco-basics .result-card h3 {
		font-size: 0.875rem !important;
		line-height: 1.25 !important;
		margin-bottom: 4px;
	}

	.case-page--eco-basics .solution-card p,
	.case-page--eco-basics .result-card p {
		font-size: 0.75rem !important;
		line-height: 1.4 !important;
	}

	.case-page--eco-basics .result-card__value {
		font-size: 0.9375rem !important;
		margin-bottom: 4px;
	}

	.case-page--eco-basics .case-client-result__container {
		grid-template-columns: 1fr;
		gap: 14px;
		margin: 0 14px;
		padding: 16px;
		border-radius: 14px;
	}

	.case-page--eco-basics .case-client-result__copy .title_h2 {
		margin-bottom: 8px !important;
	}

	.case-page--eco-basics .case-client-result__copy > p:not(.case-client-result__kicker) {
		font-size: 0.8125rem;
		line-height: 1.45;
	}

	.case-page--eco-basics .case-client-result__shot {
		border-radius: 10px;
	}

	.case-page--eco-basics .case-facts__lead {
		margin-bottom: 12px;
		font-size: 0.8125rem;
	}

	.case-page--eco-basics .case-facts__grid {
		grid-template-columns: 1fr 1fr;
		gap: 8px;
	}

	.case-page--eco-basics .case-facts__item {
		padding: 10px 12px;
	}

	.case-page--eco-basics .case-facts__item h3 {
		font-size: 0.8125rem;
		margin-bottom: 4px;
	}

	.case-page--eco-basics .case-facts__item p {
		font-size: 0.75rem;
	}

	.case-page--eco-basics.case-page--shopify-migration .case-gallery__wrapper {
		padding: 0 36px;
	}

	.case-page--eco-basics.case-page--shopify-migration .gallery-item,
	.case-page--eco-basics.case-page--shopify-migration .gallery-item--large {
		flex: 0 0 min(88vw, 340px);
		width: min(88vw, 340px);
		min-height: 240px;
	}

	.case-page--eco-basics.case-page--shopify-migration .gallery-item .case-picture img {
		max-height: 320px;
	}

	.case-page--eco-basics .technology-list,
	.case-page--eco-basics .technology-list--six {
		display: grid !important;
		grid-template-columns: 1fr 1fr !important;
		gap: 8px !important;
	}

	.case-page--eco-basics .technology-list-item {
		flex-direction: row !important;
		align-items: center !important;
		text-align: left !important;
		gap: 10px !important;
		padding: 10px 12px !important;
		width: 100% !important;
		max-width: none !important;
		min-height: 64px;
	}

	.case-page--eco-basics .technology-list-item__icon,
	.case-page--eco-basics .technology-list-item__icon--brand {
		width: 40px !important;
		height: 40px !important;
		min-width: 40px !important;
		min-height: 40px !important;
		padding: 6px;
	}

	.case-page--eco-basics .technology-list-item__icon img,
	.case-page--eco-basics .technology-list-item__icon--brand img,
	.case-page--eco-basics.case-page--shopify-case .technology-list-item__icon--brand img[alt="Shopify"],
	.case-page--eco-basics.case-page--shopify-migration .technology-list-item__icon img,
	.case-page--eco-basics.case-page--shopify-migration .technology-list-item__icon--brand img {
		width: 24px !important;
		height: 24px !important;
		max-width: 24px !important;
		max-height: 24px !important;
		object-fit: contain;
	}

	.case-page--eco-basics .technology-list-item__content h3 {
		font-size: 0.8125rem !important;
		margin-bottom: 1px;
	}

	.case-page--eco-basics .technology-list-item__content p {
		font-size: 0.6875rem !important;
		line-height: 1.3 !important;
	}

	.case-page--eco-basics .case-faq__list--columns {
		grid-template-columns: 1fr;
		gap: 8px;
	}

	.case-page--eco-basics .case-faq__question {
		padding: 12px 40px 12px 14px;
		font-size: 0.875rem !important;
	}

	.case-page--eco-basics .case-faq__answer {
		font-size: 0.8125rem !important;
		line-height: 1.45 !important;
	}

	.case-page--eco-basics .case-faq-cta__banner .questions-content--case {
		padding: 16px 14px;
		gap: 12px;
	}

	.case-page--eco-basics .case-faq-cta__banner .questions-title {
		font-size: 1.0625rem !important;
	}

	.case-page--eco-basics .case-faq-cta__banner .questions-subtitle {
		font-size: 0.8125rem !important;
	}

	.case-page--eco-basics .ecom-cases {
		margin: 4px 0 12px;
		padding: 16px 0;
	}

	.case-page--eco-basics .ecom-cases__card {
		flex-basis: 78vw;
		width: 78vw;
		max-width: 280px;
		min-height: 0;
	}

	.case-page--eco-basics .ecom-cases__media {
		flex-basis: 120px;
		height: 120px;
	}

	.case-page--eco-basics .ecom-cases__name {
		font-size: 0.875rem;
	}

	.case-page--eco-basics .ecom-cases__desc {
		font-size: 0.75rem;
		min-height: 0;
		-webkit-line-clamp: 2;
	}
}

@media (max-width: 430px) {
	.case-page--eco-basics.case-page--v2 > section:not(.top):not(.ecom-cases),
	.case-page--eco-basics .case-brief,
	.case-page--eco-basics .case-solution,
	.case-page--eco-basics .case-facts,
	.case-page--eco-basics .case-gallery,
	.case-page--eco-basics .case-results,
	.case-page--eco-basics .case-technologies,
	.case-page--eco-basics .case-faq-cta {
		padding-top: 22px !important;
		padding-bottom: 22px !important;
	}

	.case-page--eco-basics .top__title,
	.case-page--eco-basics .top-title-case,
	.case-page--eco-basics .case-hero-title {
		font-size: 1.1875rem !important;
	}

	.case-page--eco-basics .top__text {
		font-size: 0.8125rem !important;
	}

	.case-page--eco-basics.case-page--shopify-migration .gallery-item,
	.case-page--eco-basics.case-page--shopify-migration .gallery-item--large {
		flex: 0 0 min(88vw, 320px);
		width: min(88vw, 320px);
		min-height: 220px;
	}

	.case-page--eco-basics .case-facts__item {
		padding: 8px 10px;
	}

	.case-page--eco-basics .technology-list-item {
		padding: 8px 10px !important;
		min-height: 56px;
	}
}

@media (max-width: 390px) {
	.case-page--eco-basics .top__title,
	.case-page--eco-basics .top-title-case,
	.case-page--eco-basics .case-hero-title {
		font-size: 1.125rem !important;
	}

	.case-page--eco-basics .case-hero-badge__value {
		font-size: 0.875rem !important;
	}

	.case-page--eco-basics .case-hero-badge__label {
		font-size: 0.625rem !important;
	}

	.case-page--eco-basics .solution-card p,
	.case-page--eco-basics .result-card p,
	.case-page--eco-basics .case-facts__item p {
		font-size: 0.72rem !important;
	}
}

@media (max-width: 375px) {
	.case-page--eco-basics .top__title,
	.case-page--eco-basics .top-title-case,
	.case-page--eco-basics .case-hero-title {
		font-size: 1.0625rem !important;
	}

	.case-page--eco-basics .case-hero-badge {
		padding: 6px 4px !important;
	}

	.case-page--eco-basics .solution-card h3,
	.case-page--eco-basics .result-card h3 {
		font-size: 0.8125rem !important;
	}

	.case-page--eco-basics.case-page--v2 > section:not(.top):not(.ecom-cases) {
		padding-top: 18px !important;
		padding-bottom: 18px !important;
	}
}