/* ==========================================================================
   Pabiar - Paylaşılan Section Stilleri
   (Ana sayfa + paket/hizmet detay sayfaları + Shopify/Amazon landing
   sayfaları arasında ortak kullanılır. Aşama 5 refactor'ı: bu kurallar
   önceden home-sections.css içindeydi, görsel çıktı DEĞİŞMEDEN buraya
   taşındı ki yeni sayfalar da aynı component'leri kullanabilsin.)
   ========================================================================== */
.pabiar-section {
	padding-block: clamp(56px, 7vw, 96px);
}

.pabiar-section__title {
	max-width: 720px;
	margin-bottom: clamp(32px, 4vw, 56px);
}

/* ==========================================================================
   Neden Pabiar (why-grid) - 4 kolon / 2x2 icon grid
   ========================================================================== */
.pabiar-why__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 32px;
}

@media (min-width: 640px) {
	.pabiar-why__grid {
		grid-template-columns: 1fr 1fr;
	}
}

@media (min-width: 1080px) {
	.pabiar-why__grid {
		grid-template-columns: repeat(4, 1fr);
	}
}

.pabiar-why__icon {
	width: 32px;
	height: 32px;
	color: var(--pabiar-blue);
	margin-bottom: 18px;
}

.pabiar-why__item-title {
	font-size: 0.85rem;
	letter-spacing: 0.06em;
	margin-bottom: 10px;
}

.pabiar-why__item-text {
	color: var(--pabiar-slate);
	font-size: 0.95rem;
	margin: 0;
}

/* ==========================================================================
   Süreç / Timeline (process-steps) - desktop yatay, mobil dikey
   ========================================================================== */
.pabiar-process__timeline {
	display: flex;
	flex-direction: column;
	gap: 28px;
}

@media (min-width: 900px) {
	.pabiar-process__timeline {
		flex-direction: row;
		align-items: flex-start;
		position: relative;
		gap: 0;
	}

	.pabiar-process__timeline::before {
		content: '';
		position: absolute;
		top: 22px;
		left: 5%;
		right: 5%;
		height: 2px;
		background: rgba(6, 24, 46, 0.1);
	}

	.pabiar-process__step {
		flex: 1;
		text-align: center;
		padding-inline: 12px;
	}
}

.pabiar-process__step {
	display: flex;
	align-items: center;
	gap: 16px;
}

@media (min-width: 900px) {
	.pabiar-process__step {
		flex-direction: column;
		align-items: center;
		gap: 18px;
	}
}

.pabiar-process__number {
	flex-shrink: 0;
	width: 44px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: var(--pabiar-navy);
	color: #fff;
	font-weight: 700;
	font-size: 0.9rem;
	position: relative;
	z-index: 1;
}

.pabiar-process__label {
	font-weight: 600;
	color: var(--pabiar-navy);
	font-size: 0.95rem;
}

/* ==========================================================================
   Amazon Ürün & Pazar Analizi Callout
   ========================================================================== */
.pabiar-analysis-callout {
	margin-top: 32px;
	display: flex;
	flex-direction: column;
	gap: 20px;
	background: linear-gradient(135deg, rgba(18, 107, 255, 0.06), rgba(0, 191, 234, 0.06));
	border: 1px solid rgba(18, 107, 255, 0.16);
	border-radius: var(--pabiar-radius);
	padding: clamp(24px, 3vw, 36px);
}

@media (min-width: 720px) {
	.pabiar-analysis-callout {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
	}
}

.pabiar-analysis-callout__question {
	color: var(--pabiar-blue);
	font-weight: 700;
	font-size: 0.9rem;
	margin-bottom: 6px;
}

.pabiar-analysis-callout__name {
	margin: 0;
}

.pabiar-analysis-callout__action {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
}

@media (min-width: 720px) {
	.pabiar-analysis-callout__action {
		align-items: flex-end;
	}
}

.pabiar-analysis-callout__price {
	font-weight: 700;
	color: var(--pabiar-navy);
	margin: 0;
}

.pabiar-analysis-callout__price span {
	font-weight: 400;
	color: var(--pabiar-slate);
	font-size: 0.85rem;
	margin-left: 4px;
}

/* ==========================================================================
   Final CTA (jenerik - ana sayfa final-cta.php ve shared/final-cta.php
   tarafından ortak kullanılır)
   ========================================================================== */
.pabiar-final-cta {
	position: relative;
	background: var(--pabiar-navy);
	overflow: hidden;
	padding-block: clamp(72px, 9vw, 110px);
	margin-top: 0;
}

.pabiar-final-cta__bg {
	position: absolute;
	inset: 0;
	pointer-events: none;
	background-image:
		linear-gradient(rgba(247, 248, 250, 0.05) 1px, transparent 1px),
		linear-gradient(90deg, rgba(247, 248, 250, 0.05) 1px, transparent 1px);
	background-size: 56px 56px;
	-webkit-mask-image: radial-gradient(ellipse 60% 80% at 80% 50%, #000 0%, transparent 75%);
	mask-image: radial-gradient(ellipse 60% 80% at 80% 50%, #000 0%, transparent 75%);
}

.pabiar-final-cta__inner {
	position: relative;
	max-width: 680px;
}

.pabiar-final-cta__title {
	color: var(--pabiar-white);
	margin-bottom: 16px;
}

.pabiar-final-cta__text {
	color: rgba(247, 248, 250, 0.78);
	font-size: 1.05rem;
	margin-bottom: 32px;
}

.pabiar-final-cta__ctas {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}

/* ==========================================================================
   Sayfa Hero'su (page-hero) - Shopify/Amazon landing sayfaları için
   Ana sayfa hero'sundan farklı, daha kompakt bir "service/page header" bandı.
   ========================================================================== */
.pabiar-page-hero {
	position: relative;
	background: var(--pabiar-navy);
	overflow: hidden;
	padding-block: clamp(72px, 10vw, 108px) clamp(48px, 6vw, 72px);
}

.pabiar-page-hero--compact {
	padding-block: clamp(56px, 7vw, 80px) clamp(40px, 5vw, 56px);
}

.pabiar-page-hero__bg {
	position: absolute;
	inset: 0;
	pointer-events: none;
	background-image:
		linear-gradient(rgba(247, 248, 250, 0.05) 1px, transparent 1px),
		linear-gradient(90deg, rgba(247, 248, 250, 0.05) 1px, transparent 1px);
	background-size: 56px 56px;
	-webkit-mask-image: radial-gradient(ellipse 60% 70% at 20% 30%, #000 0%, transparent 75%);
	mask-image: radial-gradient(ellipse 60% 70% at 20% 30%, #000 0%, transparent 75%);
}

.pabiar-page-hero__inner {
	position: relative;
	max-width: 760px;
}

.pabiar-page-hero__badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	color: var(--pabiar-cyan);
	margin-bottom: 18px;
}

.pabiar-page-hero__badge-dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: currentColor;
}

.pabiar-page-hero--shopify .pabiar-page-hero__badge {
	color: var(--pabiar-shopify-accent);
}

.pabiar-page-hero--amazon .pabiar-page-hero__badge {
	color: var(--pabiar-amazon-accent);
}

.pabiar-page-hero__title {
	color: var(--pabiar-white);
	font-size: clamp(2rem, 3.2vw + 1rem, 3rem);
	line-height: 1.15;
	margin-bottom: 18px;
}

.pabiar-page-hero__description {
	color: rgba(247, 248, 250, 0.78);
	font-size: clamp(1rem, 0.5vw + 0.9rem, 1.1rem);
	max-width: 620px;
	margin-bottom: 28px;
}

.pabiar-page-hero__ctas {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}

/* ==========================================================================
   Platform Badge (paket detay hero'su ve içerik blokları başlıklarında)
   ========================================================================== */
.pabiar-platform-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.06em;
	padding: 5px 12px;
	border-radius: 999px;
	text-transform: uppercase;
}

.pabiar-platform-badge--shopify {
	color: #0a5c3f;
	background: rgba(0, 184, 122, 0.12);
}

.pabiar-platform-badge--amazon {
	color: #8a4a08;
	background: rgba(255, 153, 0, 0.12);
}

/* ==========================================================================
   İçerik Blokları (Shopify/Amazon "Neler Kuruyoruz/Yapıyoruz" grid'i)
   ========================================================================== */
.pabiar-content-blocks__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 24px;
}

@media (min-width: 640px) {
	.pabiar-content-blocks__grid {
		grid-template-columns: 1fr 1fr;
	}
}

@media (min-width: 1080px) {
	.pabiar-content-blocks__grid {
		grid-template-columns: repeat(3, 1fr);
	}
}

.pabiar-content-block {
	background: #fff;
	border: 1px solid rgba(6, 24, 46, 0.08);
	border-radius: var(--pabiar-radius);
	padding: 24px;
	box-shadow: var(--pabiar-shadow);
}

.pabiar-content-block__title {
	font-size: 1rem;
	margin-bottom: 8px;
}

.pabiar-content-block__text {
	color: var(--pabiar-slate);
	font-size: 0.9rem;
	margin: 0;
}

/* ==========================================================================
   Uzun İçerik (native editor içeriği - "Paket Hakkında" vb.)
   ========================================================================== */
.pabiar-long-content {
	background: #fff;
	border: 1px solid rgba(6, 24, 46, 0.08);
	border-radius: var(--pabiar-radius);
	padding: clamp(28px, 3vw, 40px);
	box-shadow: var(--pabiar-shadow);
}

.pabiar-long-content__title {
	margin-bottom: 20px;
}

.pabiar-long-content__body {
	max-width: 760px;
	color: var(--pabiar-slate);
}

.pabiar-long-content__body > *:last-child {
	margin-bottom: 0;
}

.pabiar-long-content__body h2,
.pabiar-long-content__body h3 {
	color: var(--pabiar-navy);
}

/* ==========================================================================
   Breadcrumb Wrapper (detay/landing sayfalarında sticky header altı boşluk)
   ========================================================================== */
.pabiar-breadcrumb-wrap {
	padding-top: 20px;
}

/* ==========================================================================
   Ek Hizmet (service_addon) Hero'su - basit, tek kolon
   ========================================================================== */
.pabiar-service-hero {
	position: relative;
	background: var(--pabiar-navy);
	overflow: hidden;
	padding-block: clamp(72px, 10vw, 104px) clamp(56px, 7vw, 80px);
}

.pabiar-service-hero__inner {
	position: relative;
	max-width: 700px;
}

.pabiar-service-hero__title {
	color: var(--pabiar-white);
	font-size: clamp(1.8rem, 2.4vw + 1rem, 2.5rem);
	line-height: 1.15;
	margin: 16px 0 14px;
}

.pabiar-service-hero__desc {
	color: rgba(247, 248, 250, 0.78);
	font-size: 1rem;
	margin-bottom: 24px;
}

.pabiar-service-hero__price {
	display: flex;
	align-items: baseline;
	gap: 10px;
	margin-bottom: 28px;
}

.pabiar-service-hero__price-amount {
	font-size: 1.8rem;
	font-weight: 800;
	color: var(--pabiar-white);
}

.pabiar-service-hero__price-vat {
	font-size: 0.85rem;
	color: rgba(247, 248, 250, 0.6);
}

.pabiar-service-hero__ctas {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
}

.pabiar-service-hero__ctas .pabiar-btn--outline {
	color: var(--pabiar-white);
	border-color: rgba(247, 248, 250, 0.35);
}

.pabiar-service-hero__ctas .pabiar-btn--outline:hover,
.pabiar-service-hero__ctas .pabiar-btn--outline:focus-visible {
	border-color: var(--pabiar-cyan);
	color: var(--pabiar-cyan);
}

/* ==========================================================================
   Paketler Landing Sayfası - karşılaştırma yardımcı metni / empty-state
   ========================================================================== */
.pabiar-package-page-intro {
	max-width: 760px;
	color: var(--pabiar-slate);
	margin-bottom: 32px;
}

.pabiar-package-page-intro > *:last-child {
	margin-bottom: 0;
}

.pabiar-package-page-empty {
	color: var(--pabiar-slate);
	font-size: 0.95rem;
}

/* ==========================================================================
   Bölüm Zemin Varyantı (beyaz zemin üstüne açık gri geçiş - her section'ı
   beyaz kart yapmadan section geçişleri sağlamak için)
   ========================================================================== */
.pabiar-section--tint {
	background: var(--pabiar-white);
}

.pabiar-section--bg-accent-shopify {
	background: rgba(10, 92, 63, 0.045);
}

.pabiar-section--bg-accent-amazon {
	background: rgba(138, 74, 8, 0.045);
}

/* ==========================================================================
   Ortak Section Heading Sistemi (Aşama 5.2)
   Paket detay sayfasındaki TÜM ana section başlıkları (Paket Kapsamı,
   Paket Hakkında, Dahil Olmayanlar, Önemli Notlar, Kimler İçin Uygun?,
   Süreç, FAQ) bu tek sınıfı kullanır. Ana sayfa/landing sayfalarının
   kendi .pabiar-section__title sınıfına DOKUNULMADI - bu tamamen yeni,
   ayrı bir token seti.
   ========================================================================== */
.pabiar-section-heading {
	font-size: clamp(1.5rem, 1.2vw + 1.1rem, 2rem);
	font-weight: 700;
	line-height: 1.25;
	color: var(--pabiar-navy);
	margin: 0 0 clamp(24px, 3vw, 36px);
	max-width: 720px;
}

.pabiar-section-heading--centered {
	text-align: center;
	margin-inline: auto;
}

/* Body/paragraf/FAQ metinleri her zaman sol hizalı kalır - başlık
   ortalansa bile içerik/list/accordion bloklarına bu kural sızmaz. */
.pabiar-content-card,
.pabiar-image-text__body,
.pabiar-faq {
	text-align: left;
}

/* ==========================================================================
   Content Card (Dahil Olmayanlar / Önemli Notlar için ortak, dengeli kart)
   ========================================================================== */
.pabiar-content-card {
	max-width: 780px;
	margin-inline: auto;
}

/* ==========================================================================
   Image-with-Text (shared/image-text-section.php) - Paket Hakkında ve
   Kimler İçin Uygun? bölümlerinde ortak kullanılır.
   ========================================================================== */
.pabiar-image-text--split {
	display: grid;
	grid-template-columns: 1fr;
	gap: 32px;
	align-items: center;
}

@media (min-width: 860px) {
	.pabiar-image-text--split {
		grid-template-columns: 1fr 1fr;
		gap: 56px;
	}

	.pabiar-image-text--left .pabiar-image-text__media {
		order: 1;
	}

	.pabiar-image-text--left .pabiar-image-text__content {
		order: 2;
	}

	.pabiar-image-text--right .pabiar-image-text__media {
		order: 2;
	}

	.pabiar-image-text--right .pabiar-image-text__content {
		order: 1;
	}
}

.pabiar-image-text__media {
	border-radius: var(--pabiar-radius);
	overflow: hidden;
	box-shadow: var(--pabiar-shadow);
	aspect-ratio: 4 / 3;
}

.pabiar-image-text__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.pabiar-image-text--text-only .pabiar-image-text__content {
	max-width: 780px;
	margin-inline: auto;
}

.pabiar-image-text__body {
	color: var(--pabiar-slate);
	font-size: 1rem;
	line-height: 1.7;
}

.pabiar-image-text__body > *:last-child {
	margin-bottom: 0;
}

.pabiar-image-text__body h2,
.pabiar-image-text__body h3 {
	color: var(--pabiar-navy);
}

/* ==========================================================================
   Platform Logo (global Customizer görseli - metin badge'in yerini alır)
   ========================================================================== */
.pabiar-platform-logo {
	margin-bottom: 20px;
}

.pabiar-platform-logo__img {
	max-height: 34px;
	width: auto;
	display: block;
}

/* ==========================================================================
   Süreç: Açıklama + Tahmini Teslim Süresi rozeti (Aşama 5.2)
   ========================================================================== */
.pabiar-process__description {
	max-width: 640px;
	margin: 0 auto clamp(32px, 4vw, 48px);
	text-align: center;
	color: var(--pabiar-slate);
	font-size: 0.98rem;
}

.pabiar-process__delivery {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin: clamp(32px, 4vw, 44px) auto 0;
	padding: 10px 20px;
	border-radius: 999px;
	background: var(--pabiar-white);
	border: 1px solid rgba(6, 24, 46, 0.1);
}

/* Not: .pabiar-process sınıfı ana sayfanın kendi süreç bölümünde de
   kullanıldığı için burada genel bir text-align kuralı EKLENMEDİ.
   Paket detay sayfasına özel ortalama, yalnızca single-package şablonunda
   yüklenen package-detail.css içinde ".single-package .pabiar-process"
   kapsamıyla uygulanır (bkz. o dosya). */

.pabiar-process__delivery-label {
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.03em;
	color: var(--pabiar-slate);
}

.pabiar-process__delivery-value {
	font-size: 0.9rem;
	font-weight: 700;
	color: var(--pabiar-navy);
}

/* ==========================================================================
   FAQ - ortalanmış, sınırlı genişlikte sarmalayıcı (Aşama 5.2)
   İçerik (soru/cevap kutuları) kendi içinde sol hizalı kalır - yalnızca
   dış kapsayıcı ortalanır.
   ========================================================================== */
.pabiar-faq-wrap {
	max-width: 960px;
	margin-inline: auto;
}


/* ==========================================================================
   Aşama 6.2.4 — Platforma özel Final CTA (package + service detail)
   ========================================================================== */
.pabiar-final-cta--platform {
	position: relative;
	overflow: hidden;
	padding-block: clamp(58px, 7vw, 88px);
	background: #06182E;
}

.pabiar-final-cta--platform .pabiar-final-cta__bg {
	background:
		radial-gradient(circle at 74% 50%, rgba(18,107,255,.12), transparent 32%),
		linear-gradient(115deg, rgba(255,255,255,.025), transparent 42%);
}

.pabiar-final-cta--amazon .pabiar-final-cta__bg {
	background:
		radial-gradient(circle at 74% 50%, rgba(255,153,0,.10), transparent 30%),
		radial-gradient(circle at 88% 24%, rgba(18,107,255,.11), transparent 26%);
}

.pabiar-final-cta--shopify .pabiar-final-cta__bg {
	background:
		radial-gradient(circle at 74% 50%, rgba(149,191,71,.10), transparent 30%),
		radial-gradient(circle at 88% 24%, rgba(18,107,255,.11), transparent 26%);
}

.pabiar-final-cta--platform .pabiar-final-cta__inner {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: minmax(0, .92fr) minmax(480px, 1.08fr);
	gap: clamp(36px, 4.5vw, 72px);
	align-items: center;
	max-width: 1200px;
}

.pabiar-final-cta--platform .pabiar-final-cta__content {
	max-width: 590px;
}

.pabiar-final-cta--platform .pabiar-final-cta__title {
	max-width: 560px;
	font-size: clamp(2rem, 3.2vw, 3rem);
	line-height: 1.08;
	letter-spacing: -.025em;
}

.pabiar-final-cta--platform .pabiar-final-cta__text {
	max-width: 570px;
	color: rgba(255,255,255,.72);
}

.pabiar-final-cta__visual {
	position: relative;
	min-height: 286px;
	display: flex;
	align-items: center;
	justify-content: center;
	isolation: isolate;
}

.pabiar-final-cta__world {
	position: absolute;
	inset: 50% auto auto 50%;
	width: min(100%, 680px);
	height: auto;
	transform: translate(-50%, -50%);
	color: rgba(73,143,220,.34);
	opacity: .9;
	filter: drop-shadow(0 0 30px rgba(18,107,255,.08));
}

.pabiar-final-cta--amazon .pabiar-final-cta__world {
	color: rgba(76,148,220,.42);
}

.pabiar-final-cta--shopify .pabiar-final-cta__world {
	color: rgba(102,169,211,.40);
}

.pabiar-final-cta__platform-mark {
	z-index: 5;
	width: 148px;
	height: 148px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 22px;
	background: rgba(6,24,46,.90);
	border: 1px solid rgba(255,255,255,.16);
	box-shadow: 0 24px 70px rgba(0,0,0,.30), inset 0 0 0 1px rgba(255,255,255,.025);
	backdrop-filter: blur(8px);
	position: absolute;
	left: 8%;
	top: 50%;
	transform: translateY(-50%);
}

.pabiar-final-cta__platform-mark::after {
	content: '';
	position: absolute;
	inset: -10px;
	border-radius: inherit;
	border: 1px solid rgba(255,255,255,.06);
}

.pabiar-final-cta--amazon .pabiar-final-cta__platform-mark {
	box-shadow: 0 24px 70px rgba(255,153,0,.11), 0 24px 70px rgba(0,0,0,.28);
}

.pabiar-final-cta--shopify .pabiar-final-cta__platform-mark {
	box-shadow: 0 24px 70px rgba(149,191,71,.11), 0 24px 70px rgba(0,0,0,.28);
}

.pabiar-final-cta__platform-mark img {
	display: block;
	width: 100%;
	max-width: 108px;
	height: auto;
	max-height: 78px;
	object-fit: contain;
}

.pabiar-final-cta__fallback-brand {
	position: relative;
	display: inline-block;
	font-size: 1.42rem;
	line-height: 1;
	font-weight: 800;
	letter-spacing: -.04em;
	color: #fff;
}

.pabiar-final-cta--amazon .pabiar-final-cta__fallback-brand {
	font-size: 1.28rem;
	text-transform: lowercase;
}

.pabiar-final-cta--amazon .pabiar-final-cta__fallback-brand::after {
	content: '';
	position: absolute;
	left: 18%;
	right: 4%;
	bottom: -13px;
	height: 9px;
	border-bottom: 3px solid #FF9900;
	border-radius: 0 0 70% 70%;
	transform: rotate(3deg);
}

.pabiar-final-cta--shopify .pabiar-final-cta__fallback-brand {
	color: #F6FFF0;
}

.pabiar-final-cta__benefits {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 4;
	min-width: 250px;
	padding: 19px 21px;
	border-radius: 13px;
	background: rgba(5,21,40,.86);
	border: 1px solid rgba(255,255,255,.16);
	box-shadow: 0 20px 50px rgba(0,0,0,.24);
	backdrop-filter: blur(10px);
}

.pabiar-final-cta__benefit {
	display: flex;
	align-items: flex-start;
	gap: 9px;
	color: rgba(255,255,255,.88);
	font-size: .86rem;
	line-height: 1.4;
}

.pabiar-final-cta__benefit + .pabiar-final-cta__benefit {
	margin-top: 10px;
}

.pabiar-final-cta__benefit span {
	flex: 0 0 auto;
	font-weight: 900;
}

.pabiar-final-cta--amazon .pabiar-final-cta__benefit span {
	color: #FF9900;
}

.pabiar-final-cta--shopify .pabiar-final-cta__benefit span {
	color: #95BF47;
}

.pabiar-final-cta--platform .pabiar-btn--secondary {
	color: #fff;
	border-color: rgba(255,255,255,.32);
	background: rgba(255,255,255,.02);
}

.pabiar-final-cta--platform .pabiar-btn--secondary:hover,
.pabiar-final-cta--platform .pabiar-btn--secondary:focus-visible {
	border-color: rgba(255,255,255,.58);
	background: rgba(255,255,255,.06);
}

@media (max-width: 1020px) {
	.pabiar-final-cta--platform .pabiar-final-cta__inner {
		grid-template-columns: minmax(0, 1fr) minmax(390px, .9fr);
		gap: 42px;
	}

	.pabiar-final-cta__platform-mark {
		left: 3%;
	}

	.pabiar-final-cta__benefits {
		right: -6px;
		min-width: 220px;
	}
}

@media (max-width: 860px) {
	.pabiar-final-cta--platform .pabiar-final-cta__inner {
		grid-template-columns: 1fr;
		gap: 42px;
	}

	.pabiar-final-cta--platform .pabiar-final-cta__content {
		max-width: 650px;
	}

	.pabiar-final-cta__visual {
		min-height: 250px;
		max-width: 680px;
		width: 100%;
		margin-inline: auto;
	}

	.pabiar-final-cta__platform-mark {
		left: 12%;
	}

	.pabiar-final-cta__benefits {
		right: 4%;
	}
}

@media (max-width: 600px) {
	.pabiar-final-cta--platform {
		padding-block: 52px;
	}

	.pabiar-final-cta--platform .pabiar-final-cta__title {
		font-size: clamp(1.8rem, 8vw, 2.35rem);
	}

	.pabiar-final-cta__visual {
		min-height: 0;
		display: grid;
		grid-template-columns: 92px minmax(0, 1fr);
		gap: 16px;
		align-items: center;
		padding: 20px 0 2px;
	}

	.pabiar-final-cta__world {
		width: 130%;
		opacity: .42;
	}

	.pabiar-final-cta__platform-mark {
		position: relative;
		left: auto;
		top: auto;
		transform: none;
		width: 92px;
		height: 92px;
		padding: 16px;
	}

	.pabiar-final-cta__platform-mark img {
		max-width: 68px;
		max-height: 50px;
	}

	.pabiar-final-cta__fallback-brand {
		font-size: 1rem;
	}

	.pabiar-final-cta--amazon .pabiar-final-cta__fallback-brand {
		font-size: .92rem;
	}

	.pabiar-final-cta__benefits {
		position: relative;
		right: auto;
		top: auto;
		transform: none;
		min-width: 0;
		width: 100%;
		padding: 15px 16px;
	}
}