/**
 * Noxora Pro — Premium Noir V5
 * Unified design tokens, glass system, mobile-first layout.
 */

/* ── Design tokens ── */
.ns-pro-app {
	--nx-bg-main: #08080a;
	--nx-bg-card: rgba(18, 18, 24, 0.6);
	--nx-bg-elevated: rgba(24, 24, 32, 0.72);
	--nx-bg: var(--nx-bg-main);
	--nx-text: #f8f6ef;
	--nx-text-muted: #888888;
	--nx-muted: var(--nx-text-muted);
	--nx-accent: #d4af37;
	--nx-accent-soft: rgba(212, 175, 55, 0.14);
	--nx-accent-glow: rgba(212, 175, 55, 0.35);
	--nx-cyan: #00f0ff;
	--nx-cyan-soft: rgba(0, 240, 255, 0.12);
	--nx-cyan-glow: rgba(0, 240, 255, 0.45);
	--nx-purple: #8a2be2;
	--nx-purple-soft: rgba(138, 43, 226, 0.16);
	--nx-purple-glow: rgba(138, 43, 226, 0.5);
	--nx-border: rgba(255, 255, 255, 0.06);
	--nx-border-gradient: linear-gradient(135deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.01));
	--nx-glass-blur: blur(12px);
	--nx-radius-sm: 10px;
	--nx-radius-md: 16px;
	--nx-radius-lg: 22px;
	--nx-shadow-inset: inset 0 1px 0 rgba(255, 255, 255, 0.04);
	--nx-shadow-card: 0 12px 40px rgba(0, 0, 0, 0.45);
	--nx-font: "Inter", "Roboto", system-ui, -apple-system, "Segoe UI", sans-serif;
	--nx-title-fluid: clamp(1.5rem, 4vw, 2.75rem);
	--nx-h2-fluid: clamp(1.15rem, 2.5vw, 1.45rem);
	--nx-body-fluid: clamp(0.875rem, 1.8vw, 1rem);
	--nx-touch: 48px;
	--ns-pro-mobile-nav-h: 0px;
}

/* ── Scoped reset ── */
.ns-pro-app,
.ns-pro-app *,
.ns-pro-app *::before,
.ns-pro-app *::after {
	box-sizing: border-box;
}

html.ns-pro-html,
body.ns-pro-body {
	overflow-x: hidden;
	max-width: 100vw;
	font-family: var(--nx-font);
	background: var(--nx-bg-main);
	color: var(--nx-text);
}

/* Global overflow guard — all Pro surfaces */
.ns-pro-app,
.ns-pro-app .ns-pro-main,
.ns-pro-app .ns-pro-content,
.ns-pro-app .ns-pro-hub,
.ns-pro-app .ns-pro-page,
.ns-pro-app .ns-pro-marketplace,
.ns-pro-app .ns-pro-store,
.ns-pro-app .ns-pro-services,
.ns-pro-app .ns-pro-pricing,
.ns-pro-app .ns-pro-sidebar,
.ns-pro-app .ns-pro-hero,
.ns-pro-app .ns-pro-page-hero {
	max-width: 100vw;
	overflow-x: hidden;
	min-width: 0;
}

.ns-pro-app {
	display: grid;
	grid-template-columns: 1fr;
	min-height: 100dvh;
	width: 100%;
	max-width: 100vw;
	overflow-x: hidden;
	background:
		radial-gradient(ellipse 90% 50% at 50% -15%, rgba(212, 175, 55, 0.1), transparent 55%),
		radial-gradient(ellipse 60% 40% at 100% 20%, rgba(0, 240, 255, 0.04), transparent 50%),
		var(--nx-bg-main);
}

.ns-pro-app img,
.ns-pro-app video,
.ns-pro-app svg,
.ns-pro-app iframe {
	max-width: 100%;
	height: auto;
}

.ns-pro-app h1,
.ns-pro-app h2,
.ns-pro-app h3,
.ns-pro-app p,
.ns-pro-app li,
.ns-pro-app a,
.ns-pro-app button,
.ns-pro-app .ns-pro-btn {
	overflow-wrap: break-word;
	word-wrap: break-word;
}

/* ── Glass system ── */
.ns-pro-glass,
.nx-glass,
.ns-pro-sidebar--glass,
.ns-pro-site-header--glass {
	background: var(--nx-bg-card);
	backdrop-filter: var(--nx-glass-blur);
	-webkit-backdrop-filter: var(--nx-glass-blur);
	border: 1px solid transparent;
	border-image: var(--nx-border-gradient) 1;
	box-shadow: var(--nx-shadow-inset), var(--nx-shadow-card);
}

/* Fallback border when border-image unsupported */
@supports not (border-image-source: linear-gradient(red, blue)) {
	.ns-pro-glass,
	.nx-glass {
		border: 1px solid var(--nx-border);
	}
}

/* ── Typography ── */
.ns-pro-kicker {
	color: var(--nx-accent);
	font-size: clamp(0.65rem, 1.5vw, 0.72rem);
	letter-spacing: 0.14em;
}

.ns-pro-section-head h1,
.ns-pro-section-head h2 {
	font-size: var(--nx-h2-fluid);
	color: #fff;
}

.ns-pro-section-head p {
	font-size: var(--nx-body-fluid);
	color: var(--nx-text-muted);
}

/* ── Buttons ── */
.ns-pro-btn--primary,
.ns-pro-btn--gold {
	background: linear-gradient(145deg, rgba(212, 175, 55, 0.95), rgba(180, 140, 40, 0.85));
	color: #0a0a0c;
	box-shadow: 0 4px 20px var(--nx-accent-glow);
	border: 1px solid rgba(212, 175, 55, 0.4);
	min-height: var(--nx-touch);
}

.ns-pro-btn--hero {
	min-height: var(--nx-touch);
}

/* ── Desktop sidebar ── */
@media (min-width: 900px) {
	.ns-pro-app {
		grid-template-columns: minmax(200px, 240px) minmax(0, 1fr);
	}

	.ns-pro-sidebar {
		display: block;
		background: var(--nx-bg-card);
		backdrop-filter: var(--nx-glass-blur);
		-webkit-backdrop-filter: var(--nx-glass-blur);
		border-right: 1px solid var(--nx-border);
	}

	.ns-pro-mobile-nav {
		display: none !important;
	}

	.ns-pro-app {
		--ns-pro-mobile-nav-h: 0px;
	}
}

/* ── Mobile bottom navigation ── */
@media (max-width: 899px) {
	.ns-pro-app {
		--ns-pro-mobile-nav-h: calc(4.5rem + env(safe-area-inset-bottom, 0px));
	}

	.ns-pro-sidebar {
		display: none;
	}

	.ns-pro-content,
	.ns-pro-page,
	.ns-pro-store-layout {
		padding-bottom: calc(1.25rem + var(--ns-pro-mobile-nav-h));
		max-width: 100%;
		min-width: 0;
	}

	.ns-pro-mobile-nav {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 500;
		display: flex;
		align-items: stretch;
		justify-content: space-around;
		gap: 0.15rem;
		padding: 0.45rem max(0.5rem, env(safe-area-inset-left)) calc(0.45rem + env(safe-area-inset-bottom, 0px)) max(0.5rem, env(safe-area-inset-right));
		background: rgba(8, 8, 10, 0.82);
		backdrop-filter: var(--nx-glass-blur);
		-webkit-backdrop-filter: var(--nx-glass-blur);
		border-top: 1px solid var(--nx-border);
		box-shadow: 0 -8px 32px rgba(0, 0, 0, 0.5);
	}

	.ns-pro-mobile-nav__item {
		flex: 1;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 0.2rem;
		min-width: 0;
		min-height: var(--nx-touch);
		padding: 0.35rem 0.25rem;
		border-radius: var(--nx-radius-sm);
		color: var(--nx-text-muted);
		text-decoration: none;
		font-size: 0.68rem;
		font-weight: 600;
		transition: color 0.2s, background 0.2s;
	}

	.ns-pro-mobile-nav__item.is-active {
		color: var(--nx-accent);
		background: var(--nx-accent-soft);
	}

	.ns-pro-mobile-nav__icon {
		width: 22px;
		height: 22px;
		opacity: 0.85;
	}

	.ns-pro-mobile-nav__item.is-active .ns-pro-mobile-nav__icon {
		opacity: 1;
		filter: drop-shadow(0 0 6px var(--nx-accent-glow));
	}
}

/* ── Responsive grids ── */
.ns-pro-services-grid,
.ns-pro-services__grid,
.ns-pro-catalog-grid,
.nx-commerce-market__grid,
.nx-mp-inventory,
.nx-live-grid,
.ns-pro-cart__groups {
	display: grid;
	gap: clamp(0.75rem, 2vw, 1.25rem);
	grid-template-columns: minmax(0, 1fr);
	width: 100%;
	min-width: 0;
}

@media (min-width: 540px) {
	.ns-pro-services-grid,
	.ns-pro-services__grid,
	.ns-pro-catalog-grid,
	.nx-commerce-market__grid,
	.nx-mp-inventory,
	.nx-live-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 900px) {
	.ns-pro-services-grid,
	.nx-commerce-market__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.ns-pro-catalog-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media (min-width: 1200px) {
	.nx-commerce-market__grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

/* ── Cinematic hero ── */
.ns-pro-hero--cinematic {
	position: relative;
	margin-bottom: clamp(1.5rem, 4vw, 2.5rem);
	border-radius: var(--nx-radius-lg);
	overflow: hidden;
}

.ns-pro-hero__backdrop {
	position: absolute;
	inset: 0;
	background: linear-gradient(160deg, rgba(8, 8, 10, 0.2) 0%, rgba(8, 8, 10, 0.92) 70%);
	pointer-events: none;
}

.ns-pro-hero__inner {
	position: relative;
	padding: clamp(1.5rem, 5vw, 3rem);
	animation: nxNoirFadeUp 0.7s ease both;
}

.ns-pro-hero__title {
	font-size: var(--nx-title-fluid);
	font-weight: 800;
	line-height: 1.1;
	background: linear-gradient(135deg, #fff 30%, var(--nx-accent) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	animation: nxNoirFadeUp 0.8s 0.1s ease both;
}

.ns-pro-hero__lead {
	animation: nxNoirFadeUp 0.85s 0.15s ease both;
}

.ns-pro-hero__actions {
	animation: nxNoirFadeUp 0.9s 0.2s ease both;
}

@keyframes nxNoirFadeUp {
	from {
		opacity: 0;
		transform: translateY(14px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* ── Live creator strip ── */
.ns-pro-live-strip__rail {
	display: flex;
	gap: clamp(0.75rem, 2vw, 1rem);
	overflow-x: auto;
	overflow-y: hidden;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
	padding-bottom: 0.35rem;
	max-width: 100%;
}

.ns-pro-live-strip__rail::-webkit-scrollbar {
	display: none;
}

.ns-pro-live-strip__rail > * {
	flex: 0 0 min(280px, 82vw);
	scroll-snap-align: start;
	min-width: 0;
}

.ns-pro-live-dot {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--nx-cyan);
	box-shadow: 0 0 8px var(--nx-cyan-glow), 0 0 16px var(--nx-cyan-glow);
	animation: nxLivePulse 1.6s ease-in-out infinite;
	vertical-align: middle;
	margin-right: 0.35rem;
}

.ns-pro-live-badge--live {
	color: var(--nx-cyan);
	border-color: rgba(0, 240, 255, 0.35);
	background: var(--nx-cyan-soft);
}

@keyframes nxLivePulse {
	0%, 100% { opacity: 1; transform: scale(1); }
	50% { opacity: 0.65; transform: scale(0.85); }
}

/* ── Coin Market — rarity ── */
.nx-mp-card--rarity-common {
	border-color: rgba(255, 255, 255, 0.06);
}

.nx-mp-card--rarity-rare {
	border-color: rgba(0, 240, 255, 0.25);
	box-shadow: var(--nx-shadow-inset), 0 0 24px rgba(0, 240, 255, 0.08);
}

.nx-mp-card--rarity-epic,
.nx-mp-card--rarity-legendary {
	border-color: rgba(212, 175, 55, 0.3);
	box-shadow: var(--nx-shadow-inset), 0 0 28px rgba(212, 175, 55, 0.1);
}

.nx-mp-card--rarity-mythic {
	border-color: rgba(138, 43, 226, 0.45);
	animation: nxMythicBreath 3s ease-in-out infinite;
}

@keyframes nxMythicBreath {
	0%, 100% {
		box-shadow: var(--nx-shadow-inset), 0 0 20px rgba(138, 43, 226, 0.15), 0 0 40px rgba(212, 175, 55, 0.08);
	}
	50% {
		box-shadow: var(--nx-shadow-inset), 0 0 32px rgba(138, 43, 226, 0.35), 0 0 48px rgba(212, 175, 55, 0.15);
	}
}

.nx-mp-rarity--mythic {
	color: var(--nx-purple);
	text-shadow: 0 0 12px var(--nx-purple-glow);
}

.nx-mp-card__preview,
.nx-mp-inv-card__preview {
	aspect-ratio: 1;
	width: 100%;
	max-width: 100%;
	display: grid;
	place-items: center;
	overflow: hidden;
}

.nx-mp-card__preview .nx-avatar-frame-engine,
.nx-mp-inv-card__preview .nx-avatar-frame-engine {
	width: min(100%, 160px);
	aspect-ratio: 1;
}

/* ── Checkout wizard ── */
.ns-pro-checkout--wizard {
	display: block;
}

.ns-pro-checkout-wizard__layout {
	display: grid;
	gap: 1.25rem;
	align-items: start;
}

@media (min-width: 960px) {
	.ns-pro-checkout-wizard__layout {
		grid-template-columns: minmax(280px, 340px) minmax(0, 1fr);
	}
}

.ns-pro-checkout__summary-panel {
	position: relative;
}

@media (min-width: 960px) {
	.ns-pro-checkout__summary-panel {
		position: sticky;
		top: calc(80px + 1rem);
	}
}

.ns-pro-checkout__summary-toggle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	min-height: var(--nx-touch);
	padding: 0.85rem 1rem;
	border: none;
	background: transparent;
	color: var(--nx-text);
	font-weight: 700;
	font-size: 0.9rem;
	cursor: pointer;
}

@media (min-width: 960px) {
	.ns-pro-checkout__summary-toggle {
		display: none;
	}
}

.ns-pro-checkout__summary-toggle svg {
	transition: transform 0.25s;
}

.ns-pro-checkout__summary-panel.is-open .ns-pro-checkout__summary-toggle svg {
	transform: rotate(180deg);
}

.ns-pro-checkout__summary-body {
	overflow: hidden;
	transition: max-height 0.35s ease, opacity 0.25s;
}

.ns-pro-checkout__order {
	padding: 1.25rem;
}

@media (max-width: 959px) {
	.ns-pro-checkout__summary-body {
		max-height: 0;
		opacity: 0;
	}

	.ns-pro-checkout__summary-panel.is-open .ns-pro-checkout__summary-body {
		max-height: 2000px;
		opacity: 1;
	}
}

@media (min-width: 960px) {
	.ns-pro-checkout__summary-body {
		max-height: none !important;
		opacity: 1 !important;
	}
}

.ns-pro-checkout-wizard__steps {
	position: relative;
	min-width: 0;
	overflow: hidden;
}

.ns-pro-checkout-wizard__track {
	display: flex;
	width: 300%;
	transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.ns-pro-checkout-wizard__track[data-step="1"] { transform: translateX(0); }
.ns-pro-checkout-wizard__track[data-step="2"] { transform: translateX(-33.333%); }
.ns-pro-checkout-wizard__track[data-step="3"] { transform: translateX(-66.666%); }

.ns-pro-checkout-wizard__pane {
	flex: 0 0 33.333%;
	width: 33.333%;
	padding: 0 0.15rem;
	min-width: 0;
}

.ns-pro-checkout-wizard__nav {
	display: flex;
	gap: 0.75rem;
	margin-top: 1.25rem;
	flex-wrap: wrap;
}

.ns-pro-checkout-wizard__nav .ns-pro-btn {
	flex: 1;
	min-width: min(100%, 140px);
	min-height: var(--nx-touch);
}

.ns-pro-checkout__steps span.is-done {
	color: var(--nx-cyan);
}

.ns-pro-checkout__steps span.is-done::before {
	content: "✓ ";
}

/* ── Creator Studio fintech cards ── */
.nx-live-premium__stats {
	display: grid;
	gap: clamp(0.75rem, 2vw, 1rem);
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 160px), 1fr));
	margin-bottom: 1.5rem;
}

.nx-live-stat-card {
	position: relative;
	padding: 1.15rem 1.25rem;
	border-radius: var(--nx-radius-md);
	background: var(--nx-bg-card);
	backdrop-filter: var(--nx-glass-blur);
	-webkit-backdrop-filter: var(--nx-glass-blur);
	border: 1px solid var(--nx-border);
	box-shadow: var(--nx-shadow-inset), var(--nx-shadow-card);
	overflow: hidden;
}

.nx-live-stat-card::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 3px;
	background: linear-gradient(90deg, var(--nx-accent), transparent);
}

.nx-live-stat-card--coins::before {
	background: linear-gradient(90deg, var(--nx-cyan), transparent);
}

.nx-live-stat-card__value {
	display: block;
	font-size: clamp(1.35rem, 4vw, 1.75rem);
	font-weight: 800;
	line-height: 1.2;
	margin-top: 0.35rem;
}

.nx-live-stat-card--tl .nx-live-stat-card__value {
	color: var(--nx-accent);
	text-shadow: 0 0 20px var(--nx-accent-glow);
}

.nx-live-stat-card--coins .nx-live-stat-card__value {
	color: var(--nx-cyan);
	text-shadow: 0 0 20px var(--nx-cyan-glow);
}

/* ── Booking cards — touch actions ── */
.nx-live-card__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
	margin-top: 0.85rem;
}

.nx-live-btn {
	min-height: var(--nx-touch);
	padding: 0.55rem 1.1rem;
	border-radius: 999px;
	font-weight: 700;
	font-size: 0.82rem;
	border: 1px solid transparent;
	cursor: pointer;
	flex: 1 1 auto;
	min-width: min(100%, 120px);
}

.nx-live-btn--approve {
	background: var(--nx-cyan-soft);
	color: var(--nx-cyan);
	border-color: rgba(0, 240, 255, 0.35);
}

.nx-live-btn--decline {
	background: rgba(255, 80, 80, 0.1);
	color: #ff6b6b;
	border-color: rgba(255, 80, 80, 0.25);
}

@media (max-width: 599px) {
	.nx-live-card[data-nx-swipe-ready] {
		touch-action: pan-y;
	}

	.nx-live-card__swipe-hint {
		display: block;
		font-size: 0.72rem;
		color: var(--nx-text-muted);
		margin-top: 0.5rem;
	}
}

.nx-live-card__swipe-hint {
	display: none;
}

/* ── Modals — mobile full-screen ── */
body.modal-open,
body.ns-pro-modal-open,
body.ns-pro-drawer-open {
	overflow: hidden;
	touch-action: none;
}

@media (max-width: 767px) {
	[data-nx-marketplace-modal],
	[data-nx-quote-modal],
	[data-nx-ad-proposal-modal],
	.nx-mp-modal {
		align-items: stretch !important;
		padding: 0 !important;
	}

	[data-nx-marketplace-modal] > .nx-mp-modal__dialog,
	[data-nx-quote-modal] > .nx-mp-modal__dialog,
	[data-nx-ad-proposal-modal] > .nx-modal__dialog,
	.nx-mp-modal__dialog {
		width: 100% !important;
		max-width: 100% !important;
		min-height: 100dvh !important;
		max-height: 100dvh !important;
		border-radius: 0 !important;
		margin: 0 !important;
	}

	.nx-mp-modal__close,
	[data-nx-modal-close] {
		position: sticky !important;
		top: 0;
		z-index: 10;
		margin-left: auto;
		min-width: var(--nx-touch);
		min-height: var(--nx-touch);
	}
}

/* ── Overflow guards ── */
.ns-pro-content,
.ns-pro-main,
.ns-pro-page,
.ns-pro-hub,
.ns-pro-marketplace,
.nx-commerce-market {
	min-width: 0;
	max-width: 100%;
}

.ns-pro-content table,
.ns-pro-content pre,
.ns-pro-content iframe {
	max-width: 100%;
}

.ns-pro-content img,
.ns-pro-content video,
.nx-mp-card__preview img {
	max-width: 100%;
	height: auto;
}

/* ══════════════════════════════════════════════════════════════
   Mobile overflow zero — Hub, Mağaza Paketleri, Hizmetler
   Desktop layout unchanged above 768px
   ══════════════════════════════════════════════════════════════ */
@media (max-width: 768px) {
	.ns-pro-app,
	.ns-pro-app .ns-pro-main,
	.ns-pro-app .ns-pro-content,
	.ns-pro-app .ns-pro-hub,
	.ns-pro-app .ns-pro-hub--saas,
	.ns-pro-app .ns-pro-page,
	.ns-pro-app .ns-pro-services,
	.ns-pro-app .ns-pro-pricing,
	.ns-pro-app .ns-pro-store,
	.ns-pro-app .ns-pro-store-hub {
		width: 100%;
		max-width: 100%;
		min-width: 0;
		overflow-x: clip;
	}

	/* FIX 1 — Kurumsal Kazanç Merkezi / hero vitrin */
	.ns-pro-hero--cinematic,
	.ns-pro-page-hero,
	.ns-pro-page-hero.nx-glass {
		overflow: hidden;
		max-width: 100%;
		padding: clamp(1rem, 5vw, 1.5rem);
		border-radius: var(--nx-radius-md);
	}

	.ns-pro-hero__backdrop,
	.ns-pro-hero__grid,
	.ns-pro-page-hero__glow {
		inset: 0;
		max-width: 100%;
		overflow: hidden;
	}

	.ns-pro-hero__orb {
		max-width: 75vw;
		max-height: 75vw;
		filter: blur(56px);
	}

	.ns-pro-hero__orb--1 {
		width: min(240px, 72vw);
		height: min(240px, 72vw);
		top: -18%;
		left: -22%;
	}

	.ns-pro-hero__orb--2 {
		width: min(200px, 65vw);
		height: min(200px, 65vw);
		bottom: -22%;
		right: -18%;
	}

	.ns-pro-hero__inner {
		padding: clamp(1rem, 5vw, 1.35rem);
		max-width: 100%;
	}

	.ns-pro-hero__title,
	.ns-pro-page-hero h1 {
		font-size: clamp(1.5rem, 5vw, 2.15rem);
		line-height: 1.12;
		max-width: 100%;
	}

	.ns-pro-hero__lead,
	.ns-pro-page-hero p {
		font-size: clamp(0.875rem, 3.6vw, 1rem);
		max-width: 100%;
	}

	.ns-pro-hero__actions,
	.ns-pro-page-hero__actions {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		gap: 0.55rem;
		width: 100%;
	}

	.ns-pro-hero__actions .ns-pro-btn,
	.ns-pro-hero__actions .ns-pro-btn--hero,
	.ns-pro-page-hero__actions .ns-pro-btn {
		width: 100%;
		min-width: 0;
		max-width: 100%;
		justify-content: center;
	}

	.ns-pro-section-head,
	.ns-pro-section-head--saas,
	.ns-pro-section-head--with-action,
	.ns-pro-section-head--wide {
		max-width: 100%;
		min-width: 0;
	}

	.ns-pro-section-head--with-action,
	.ns-pro-section-head--wide {
		flex-direction: column;
		align-items: stretch;
	}

	.ns-pro-section-head--with-action .ns-pro-btn--inspect {
		width: 100%;
		max-width: 100%;
		justify-content: center;
	}

	.ns-pro-store-hub,
	.ns-pro-store-hub__dest-rail,
	.ns-pro-store-hub__products,
	.ns-pro-store__scroll-rail {
		width: 100%;
		max-width: 100%;
		min-width: 0;
	}

	.ns-pro-store__scroll-item {
		min-width: min(78vw, 260px);
		max-width: min(78vw, 280px);
	}

	/* FIX 2 — Mağaza Paketleri / pricing tiers */
	.ns-pro-pricing__grid,
	.ns-pro-pricing--table .ns-pro-pricing__grid {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		gap: 1rem;
		width: 100%;
	}

	.ns-pro-price-card,
	.ns-pro-pricing--table .ns-pro-price-card {
		width: 100%;
		max-width: 350px;
		margin-inline: auto;
		min-width: 0;
	}

	.ns-pro-pricing--table .ns-pro-price-card.is-featured {
		transform: none;
	}

	.ns-pro-price-card h3,
	.ns-pro-price-card__excerpt,
	.ns-pro-price-card__features li {
		overflow-wrap: anywhere;
	}

	.ns-pro-price-card__actions {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		gap: 0.5rem;
		width: 100%;
	}

	.ns-pro-price-card__actions .ns-pro-btn {
		width: 100%;
		min-width: 0;
		justify-content: center;
	}

	.ns-pro-store__grid,
	.ns-pro-store--vitrine .ns-pro-store__grid,
	.ns-pro-catalog__grid,
	.ns-pro-catalog-grid {
		grid-template-columns: minmax(0, 1fr);
		width: 100%;
	}

	.ns-pro-product,
	.ns-pro-saas-card {
		min-width: 0;
		max-width: 100%;
	}

	.ns-pro-store-banner {
		flex-direction: column;
		align-items: stretch;
		gap: 1rem;
	}

	.ns-pro-store-banner__stats {
		width: 100%;
		justify-content: stretch;
	}

	.ns-pro-store-banner__stat {
		flex: 1 1 auto;
		min-width: 0;
	}

	/* FIX 3 — Kurumsal Hizmetler / service cards */
	.ns-pro-services__grid,
	.ns-pro-services-grid,
	.ns-pro-services-page__grid,
	.nx-services-grid {
		grid-template-columns: minmax(0, 1fr);
		width: 100%;
		max-width: 100%;
		min-width: 0;
	}

	.ns-pro-b2b-card,
	.ns-pro-service-card,
	.nx-service-card {
		width: 100%;
		max-width: 100%;
		min-width: 0;
	}

	.ns-pro-b2b-card__body h3,
	.ns-pro-b2b-card__body p,
	.ns-pro-b2b-card__features li,
	.ns-pro-service-card__body h2,
	.ns-pro-service-card__body p,
	.ns-pro-service-card__features li {
		overflow-wrap: anywhere;
	}

	.ns-pro-b2b-card__foot,
	.ns-pro-service-card__foot {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
		gap: 0.55rem;
		align-items: stretch;
	}

	.ns-pro-b2b-card__foot .ns-pro-btn,
	.ns-pro-service-card .ns-pro-btn {
		width: 100%;
		min-width: 0;
		justify-content: center;
	}

	.ns-pro-services-page__actions {
		display: grid;
		grid-template-columns: minmax(0, 1fr);
	}

	.ns-pro-services-page__actions .ns-pro-btn {
		width: 100%;
	}

	/* Reset negative margins / fixed widths that cause horizontal scroll */
	.ns-pro-app [class*="__orb"],
	.ns-pro-app [class*="__glow"],
	.ns-pro-app [class*="__backdrop"] {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.ns-pro-app .ns-pro-sidebar,
	.ns-pro-app .ns-pro-sidebar--glass,
	.ns-pro-app .ns-pro-cart-panel,
	.ns-pro-app .ns-pro-checkout__summary {
		width: 100%;
		max-width: 100%;
		min-width: 0;
	}

	.ns-pro-app *,
	.ns-pro-app *::before,
	.ns-pro-app *::after {
		word-break: break-word;
	}

	.ns-pro-app .ns-pro-main,
	.ns-pro-app .ns-pro-content,
	.ns-pro-app .ns-pro-hub,
	.ns-pro-app .ns-pro-page {
		padding-left: clamp(0.75rem, 4vw, 1.25rem);
		padding-right: clamp(0.75rem, 4vw, 1.25rem);
	}
}