/* Galekzie Ecom — frontend styles. Fully scoped and dependency-free. */
.ncb-block,
.ncb-sticky-cta {
	--ncb-bg: #f7faf8;
	--ncb-accent: #0c7a52;
	--ncb-text: #17211d;
	--ncb-surface: #fff;
	--ncb-border: color-mix(in srgb, var(--ncb-text) 13%, transparent);
	--ncb-muted: color-mix(in srgb, var(--ncb-text) 68%, transparent);
	--ncb-shadow: 0 24px 60px color-mix(in srgb, var(--ncb-text) 12%, transparent);
	box-sizing: border-box;
	color: var(--ncb-text);
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.ncb-block *,
.ncb-block *::before,
.ncb-block *::after,
.ncb-sticky-cta *,
.ncb-sticky-cta *::before,
.ncb-sticky-cta *::after { box-sizing: border-box; }

.ncb-block { background: var(--ncb-bg); padding: clamp(4rem, 8vw, 7.5rem) 1.25rem; }
.ncb-shell { margin: 0 auto; max-width: 1180px; width: 100%; }
.ncb-block h1,
.ncb-block h2,
.ncb-block h3,
.ncb-block p { margin-top: 0; }
.ncb-block h1,
.ncb-block h2,
.ncb-block h3 { color: var(--ncb-text); font-weight: 800; letter-spacing: -.035em; line-height: 1.05; }
.ncb-block h1 { font-size: clamp(2.7rem, 7vw, 5.8rem); margin-bottom: 1.5rem; }
.ncb-block h2 { font-size: clamp(2.1rem, 5vw, 4rem); margin-bottom: 1.1rem; }
.ncb-block h3 { font-size: clamp(1.25rem, 2vw, 1.65rem); margin-bottom: .75rem; }
.ncb-block p,
.ncb-richtext { color: var(--ncb-muted); font-size: clamp(1rem, 1.5vw, 1.15rem); line-height: 1.7; }
.ncb-richtext > :last-child { margin-bottom: 0; }

.ncb-eyebrow {
	align-items: center;
	color: var(--ncb-accent) !important;
	display: flex;
	font-size: .75rem !important;
	font-weight: 800;
	gap: .65rem;
	letter-spacing: .17em;
	margin-bottom: 1.15rem;
	text-transform: uppercase;
}
.ncb-eyebrow::before { background: var(--ncb-accent); content: ""; height: 2px; width: 2.4rem; }
.ncb-heading,
.ncb-section-heading { margin-bottom: clamp(2.2rem, 5vw, 4rem); max-width: 750px; }
.ncb-heading > :last-child,
.ncb-section-heading > :last-child { margin-bottom: 0; }

.ncb-button {
	align-items: center;
	background: var(--ncb-accent);
	border: 2px solid var(--ncb-accent);
	border-radius: 999px;
	box-shadow: 0 12px 28px color-mix(in srgb, var(--ncb-accent) 27%, transparent);
	color: var(--ncb-button-text, #fff) !important;
	cursor: pointer;
	display: inline-flex;
	font-size: 1rem;
	font-weight: 800;
	justify-content: center;
	line-height: 1.2;
	min-height: 3.5rem;
	padding: .95rem 1.65rem;
	text-align: center;
	text-decoration: none !important;
	transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
.ncb-button:hover { box-shadow: 0 16px 34px color-mix(in srgb, var(--ncb-accent) 36%, transparent); filter: brightness(.95); transform: translateY(-2px); }
.ncb-button:focus-visible,
.ncb-faq__item summary:focus-visible,
.ncb-compare__range:focus-visible { outline: 3px solid color-mix(in srgb, var(--ncb-accent) 45%, #fff); outline-offset: 4px; }
.ncb-price-row { align-items: baseline; display: flex; flex-wrap: wrap; gap: .7rem; margin: 1.7rem 0; }
.ncb-price-row strong { color: var(--ncb-text); font-size: clamp(1.8rem, 3vw, 2.6rem); letter-spacing: -.045em; }
.ncb-price-row del { color: var(--ncb-muted); font-size: 1.1rem; }
.ncb-microcopy { font-size: .86rem !important; margin: .8rem 0 0; }

/* Themes */
.ncb-theme-luxe { --ncb-surface: #fffaf5; }
.ncb-theme-blush { --ncb-surface: #fff; }
.ncb-theme-auto { --ncb-surface: #1a1d22; }
.ncb-theme-auto .ncb-media-placeholder,
.ncb-theme-auto .ncb-benefit-card,
.ncb-theme-auto .ncb-review-card,
.ncb-theme-auto .ncb-offer,
.ncb-theme-auto .ncb-faq__item,
.ncb-theme-auto .ncb-order-form__embed { background: var(--ncb-surface); }

/* Flexible modular content panel */
.ncb-content-panel__grid { align-items: center; display: grid; gap: clamp(2rem, 7vw, 6rem); grid-template-columns: 1fr 1fr; }
.ncb-content-panel--image-left .ncb-content-panel__media { grid-column: 1; grid-row: 1; }
.ncb-content-panel--image-left .ncb-content-panel__copy { grid-column: 2; grid-row: 1; }
.ncb-content-panel--text-only .ncb-content-panel__grid { grid-template-columns: minmax(0, 820px); justify-content: center; text-align: center; }
.ncb-content-panel__copy h2 { font-size: clamp(2rem, 4vw, 4.3rem); letter-spacing: -.05em; line-height: 1.02; margin: .75rem 0 1.3rem; }
.ncb-content-panel__copy .ncb-richtext { color: var(--ncb-muted); font-size: clamp(1rem, 1.5vw, 1.2rem); line-height: 1.75; }
.ncb-content-panel__kicker { background: color-mix(in srgb, var(--ncb-accent) 10%, transparent); border-left: 4px solid var(--ncb-accent); border-radius: .35rem 1rem 1rem .35rem; color: var(--ncb-text); font-weight: 750; margin-top: 1.5rem; padding: 1rem 1.15rem; }
.ncb-content-panel__media { border-radius: 1.7rem; box-shadow: var(--ncb-shadow); min-height: 420px; overflow: hidden; }
.ncb-content-panel__media img { display: block; height: 100%; min-height: 420px; object-fit: cover; width: 100%; }

/* Hero */
.ncb-hero { min-height: min(900px, 92vh); overflow: hidden; padding-bottom: clamp(4rem, 9vw, 8rem); padding-top: clamp(5rem, 10vw, 9rem); position: relative; }
.ncb-hero::before { background: radial-gradient(circle, color-mix(in srgb, var(--ncb-accent) 15%, transparent), transparent 68%); content: ""; height: 38rem; pointer-events: none; position: absolute; right: -13rem; top: -16rem; width: 38rem; }
.ncb-hero__grid { align-items: center; display: grid; gap: clamp(2.5rem, 7vw, 7rem); grid-template-columns: minmax(0, 1.05fr) minmax(300px, .95fr); position: relative; }
.ncb-hero__copy { max-width: 680px; }
.ncb-hero--no-media { min-height: 0; }
.ncb-hero--no-media .ncb-hero__grid { grid-template-columns: minmax(0, 760px); }
.ncb-hero--no-media .ncb-hero__copy { max-width: 760px; }
.ncb-hero h1 span { color: var(--ncb-accent); display: block; font-size: .52em; line-height: 1.2; margin-top: .7rem; }
.ncb-hero__media { align-items: center; display: flex; justify-content: center; min-height: 500px; position: relative; }
.ncb-hero__media img { filter: drop-shadow(0 30px 35px color-mix(in srgb, var(--ncb-text) 20%, transparent)); height: auto; max-height: 620px; max-width: 100%; object-fit: contain; position: relative; z-index: 1; }
.ncb-hero__halo { background: color-mix(in srgb, var(--ncb-accent) 13%, #fff); border-radius: 50%; height: min(32vw, 410px); position: absolute; width: min(32vw, 410px); }
.ncb-hero--image-left .ncb-hero__media { grid-column: 1; grid-row: 1; }
.ncb-hero--image-left .ncb-hero__copy { grid-column: 2; }
.ncb-hero--centered .ncb-hero__grid { grid-template-columns: 1fr; text-align: center; }
.ncb-hero--centered .ncb-hero__copy { margin: 0 auto; }
.ncb-hero--centered .ncb-eyebrow,
.ncb-hero--centered .ncb-price-row { justify-content: center; }

.ncb-media-placeholder { align-items: center; background: color-mix(in srgb, var(--ncb-surface) 86%, var(--ncb-accent)); border: 1px dashed color-mix(in srgb, var(--ncb-accent) 45%, transparent); border-radius: 2rem; color: var(--ncb-muted); display: flex; flex-direction: column; gap: .8rem; justify-content: center; min-height: 330px; padding: 2rem; text-align: center; width: 100%; }
.ncb-media-placeholder span { align-items: center; background: var(--ncb-accent); border-radius: 50%; color: #fff; display: flex; font-size: 1.5rem; height: 3.4rem; justify-content: center; width: 3.4rem; }

/* Trust bar */
.ncb-trust { border-bottom: 1px solid var(--ncb-border); border-top: 1px solid var(--ncb-border); padding-bottom: 1.5rem; padding-top: 1.5rem; }
.ncb-trust__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); }
.ncb-trust__item { align-items: center; display: flex; gap: .85rem; justify-content: center; padding: 1rem; }
.ncb-trust__item + .ncb-trust__item { border-left: 1px solid var(--ncb-border); }
.ncb-trust__icon { align-items: center; background: color-mix(in srgb, var(--ncb-accent) 12%, transparent); border-radius: 50%; color: var(--ncb-accent); display: flex; flex: 0 0 auto; font-weight: 900; height: 2.4rem; justify-content: center; width: 2.4rem; }
.ncb-trust__item strong { font-size: .92rem; line-height: 1.35; }
.ncb-trust__item strong,
.ncb-trust__item small { display: block; }
.ncb-trust__item small { color: var(--ncb-muted); margin-top: .15rem; }

/* Benefits */
.ncb-benefits__grid { display: grid; gap: 1.2rem; grid-template-columns: repeat(3, 1fr); }
.ncb-benefit-card { background: var(--ncb-surface); border: 1px solid var(--ncb-border); border-radius: 1.5rem; box-shadow: 0 12px 32px color-mix(in srgb, var(--ncb-text) 5%, transparent); min-height: 245px; padding: clamp(1.5rem, 3vw, 2.4rem); }
.ncb-benefit-card > span { align-items: center; background: color-mix(in srgb, var(--ncb-accent) 12%, transparent); border-radius: 1rem; color: var(--ncb-accent); display: inline-flex; font-size: .9rem; font-weight: 900; height: 3rem; justify-content: center; margin-bottom: 2.3rem; width: 3rem; }
.ncb-benefit-card p { font-size: 1rem; margin-bottom: 0; }

/* Before and after */
.ncb-product-gallery__grid { display: grid; gap: 1rem; }
.ncb-product-gallery__item { background: var(--ncb-surface); border: 1px solid var(--ncb-border); border-radius: 1.35rem; margin: 0; min-height: 260px; overflow: hidden; position: relative; }
.ncb-product-gallery__item img { background: var(--ncb-surface-alt, #f4f6f8); display: block; height: 100%; min-height: 260px; object-fit: contain; width: 100%; }
.ncb-product-gallery__item figcaption { backdrop-filter: blur(10px); background: color-mix(in srgb, var(--ncb-text) 78%, transparent); border-radius: .7rem; bottom: .8rem; color: #fff; font-size: .82rem; font-weight: 700; left: .8rem; max-width: calc(100% - 1.6rem); padding: .55rem .75rem; position: absolute; }
.ncb-product-gallery__grid--mosaic { grid-auto-rows: minmax(220px, 28vw); grid-template-columns: 1.35fr 1fr; }
.ncb-product-gallery__grid--mosaic .ncb-product-gallery__item:first-child { grid-row: span 2; }
.ncb-product-gallery__grid--grid { grid-template-columns: repeat(3, 1fr); }
.ncb-product-gallery__grid--grid .ncb-product-gallery__item { aspect-ratio: 1; }
.ncb-product-gallery__grid--strip { display: flex; overflow-x: auto; padding-bottom: .7rem; scroll-snap-type: x mandatory; }
.ncb-product-gallery__grid--strip .ncb-product-gallery__item { flex: 0 0 min(72vw, 480px); scroll-snap-align: start; }

/* Before and after */
.ncb-compare { aspect-ratio: 16 / 9; background: var(--ncb-surface); border-radius: 1.6rem; box-shadow: var(--ncb-shadow); max-height: 690px; overflow: hidden; position: relative; }
.ncb-compare img { background: var(--ncb-surface-alt, #f4f6f8); height: 100%; inset: 0; object-fit: contain; position: absolute; width: 100%; }
.ncb-compare__after { clip-path: inset(0 calc(100% - var(--ncb-position)) 0 0); }
.ncb-compare__label { background: color-mix(in srgb, var(--ncb-text) 82%, transparent); border-radius: 999px; color: #fff; font-size: .75rem; font-weight: 800; padding: .55rem .85rem; position: absolute; top: 1rem; z-index: 2; }
.ncb-compare__label--before { right: 1rem; }
.ncb-compare__label--after { left: 1rem; }
.ncb-compare__line { background: #fff; box-shadow: 0 0 0 1px rgba(0,0,0,.15); height: 100%; left: var(--ncb-position); position: absolute; top: 0; transform: translateX(-1px); width: 2px; z-index: 3; }
.ncb-compare__line i { align-items: center; background: var(--ncb-accent); border: 4px solid #fff; border-radius: 50%; box-shadow: 0 8px 25px rgba(0,0,0,.25); color: #fff; display: flex; font-style: normal; height: 3.3rem; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 3.3rem; }
.ncb-compare__range { cursor: ew-resize; height: 100%; inset: 0; opacity: 0; position: absolute; width: 100%; z-index: 4; }
.ncb-placeholder-pair { display: grid; gap: 1.2rem; grid-template-columns: 1fr 1fr; }
.screen-reader-text { border: 0; clip: rect(1px,1px,1px,1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; word-wrap: normal !important; }

/* Video */
.ncb-video-section__grid { align-items: center; display: grid; gap: clamp(2.5rem, 7vw, 7rem); grid-template-columns: minmax(0, .75fr) minmax(320px, 1.25fr); }
.ncb-video { background: #0e1110; border-radius: 1.7rem; box-shadow: var(--ncb-shadow); display: grid; overflow: hidden; place-items: center; position: relative; }
.ncb-video--landscape { aspect-ratio: 16 / 9; }
.ncb-video--portrait { aspect-ratio: 4 / 5; justify-self: center; max-width: 560px; width: 100%; }
.ncb-video--square { aspect-ratio: 1; }
.ncb-video iframe,
.ncb-video video,
.ncb-video .wp-video,
.ncb-video .mejs-container { height: 100% !important; inset: 0; position: absolute; width: 100% !important; }
.ncb-video .ncb-media-placeholder { background: #161a18; border-color: color-mix(in srgb, var(--ncb-accent) 60%, transparent); color: #fff; height: 100%; }
.ncb-video__fallback { color: #fff; font-weight: 800; padding: 2rem; }

/* Testimonials */
.ncb-testimonials__grid { display: grid; gap: 1.2rem; grid-template-columns: repeat(3, 1fr); }
.ncb-review-card { background: var(--ncb-surface); border: 1px solid var(--ncb-border); border-radius: 1.5rem; display: flex; flex-direction: column; min-height: 320px; padding: clamp(1.5rem, 3vw, 2.25rem); }
.ncb-review-card__stars { color: #efaa16; letter-spacing: .08em; margin-bottom: 1.2rem; }
.ncb-review-card blockquote { color: var(--ncb-text); font-size: 1.05rem; line-height: 1.65; margin: 0 0 1.25rem; }
.ncb-review-card__result { align-self: flex-start; background: color-mix(in srgb, var(--ncb-accent) 11%, transparent); border-radius: 999px; color: var(--ncb-accent); font-size: .78rem; font-weight: 800; margin-bottom: 1.4rem; padding: .45rem .7rem; }
.ncb-review-card footer { align-items: center; display: flex; gap: .8rem; margin-top: auto; }
.ncb-review-card footer img,
.ncb-review-card__initial { align-items: center; background: var(--ncb-accent); border-radius: 50%; color: #fff; display: flex; flex: 0 0 auto; font-weight: 900; height: 2.8rem; justify-content: center; object-fit: cover; width: 2.8rem; }
.ncb-review-card footer strong,
.ncb-review-card footer small { display: block; }
.ncb-review-card footer small { color: var(--ncb-muted); margin-top: .15rem; }

/* Offers */
.ncb-offers__grid { align-items: stretch; display: grid; gap: 1.25rem; grid-template-columns: repeat(3, 1fr); padding-top: 1rem; }
.ncb-offer { background: var(--ncb-surface); border: 1px solid var(--ncb-border); border-radius: 1.6rem; display: flex; flex-direction: column; min-height: 430px; padding: clamp(1.6rem, 3vw, 2.3rem); position: relative; }
.ncb-offer--highlight { border: 2px solid var(--ncb-accent); box-shadow: var(--ncb-shadow); transform: translateY(-1rem); }
.ncb-offer__badge { background: var(--ncb-accent); border-radius: 999px; color: #fff; font-size: .7rem; font-weight: 900; left: 50%; letter-spacing: .1em; padding: .5rem .8rem; position: absolute; top: 0; transform: translate(-50%, -50%); white-space: nowrap; }
.ncb-offer__quantity { white-space: pre-line; }
.ncb-offer__saving { color: var(--ncb-accent) !important; font-size: .9rem !important; font-weight: 800; }
.ncb-offer .ncb-button { margin-top: auto; width: 100%; }

/* FAQ */
.ncb-faq__layout { display: grid; gap: clamp(2.5rem, 7vw, 7rem); grid-template-columns: minmax(250px, .7fr) minmax(0, 1.3fr); }
.ncb-faq__item { background: var(--ncb-surface); border: 1px solid var(--ncb-border); border-radius: 1rem; margin-bottom: .8rem; overflow: hidden; }
.ncb-faq__item summary { align-items: center; color: var(--ncb-text); cursor: pointer; display: flex; font-size: 1.05rem; font-weight: 800; gap: 1rem; justify-content: space-between; list-style: none; padding: 1.25rem 1.35rem; }
.ncb-faq__item summary::-webkit-details-marker { display: none; }
.ncb-faq__item summary span { color: var(--ncb-accent); font-size: 1.4rem; transition: transform .2s ease; }
.ncb-faq__item[open] summary span { transform: rotate(45deg); }
.ncb-faq__item > div { border-top: 1px solid var(--ncb-border); color: var(--ncb-muted); line-height: 1.7; padding: 1.1rem 1.35rem 1.3rem; }
.ncb-faq__item > div > :last-child { margin-bottom: 0; }

/* Order form */
.ncb-order-form__grid { align-items: start; display: grid; gap: clamp(2.5rem, 7vw, 7rem); grid-template-columns: minmax(260px, .7fr) minmax(0, 1.3fr); }
.ncb-order-form__embed { background: var(--ncb-surface); border: 1px solid var(--ncb-border); border-radius: 1.6rem; box-shadow: var(--ncb-shadow); min-height: 370px; padding: clamp(1.25rem, 4vw, 2.5rem); }
.ncb-order-form__embed iframe { border: 0; min-height: 500px; width: 100%; }
.ncb-order-form__embed input,
.ncb-order-form__embed select,
.ncb-order-form__embed textarea { background: #fff; border: 1px solid var(--ncb-border); border-radius: .75rem; color: #171717; font: inherit; max-width: 100%; padding: .9rem 1rem; width: 100%; }
.ncb-order-form__embed button,
.ncb-order-form__embed input[type="submit"] { background: var(--ncb-accent); border: 0; border-radius: 999px; color: #fff; cursor: pointer; font: inherit; font-weight: 800; padding: 1rem 1.4rem; }
.ncb-form-placeholder { align-items: center; color: var(--ncb-muted); display: flex; flex-direction: column; gap: .7rem; justify-content: center; min-height: 310px; text-align: center; }
.ncb-form-placeholder > span { color: var(--ncb-accent); font-size: 3rem; }
.ncb-form-placeholder small { display: block; }

/* Countdown */
.ncb-countdown { --ncb-countdown-accent: var(--ncb-accent, #7dd3a8); padding-bottom: 2rem; padding-top: 2rem; }
.ncb-countdown__inner { background: var(--ncb-countdown-panel, #17211d); border: 1px solid color-mix(in srgb, var(--ncb-countdown-accent) 45%, transparent); border-radius: 1.65rem; box-shadow: 0 26px 65px rgba(16, 21, 29, .19), inset 0 1px 0 rgba(255,255,255,.14); color: #fff; display: flex; flex-direction: column; gap: clamp(1.25rem, 2.5vw, 2.2rem); isolation: isolate; overflow: hidden; padding: clamp(1.5rem, 4vw, 3.25rem); position: relative; text-align: center; }
.ncb-countdown__inner::before { background: radial-gradient(circle at 50% 0, color-mix(in srgb, var(--ncb-countdown-accent) 28%, transparent), transparent 55%); content: ''; inset: 0; pointer-events: none; position: absolute; z-index: 0; }
.ncb-countdown__inner::after { background: linear-gradient(90deg, transparent, var(--ncb-countdown-accent), transparent); content: ''; height: 3px; left: 8%; opacity: .85; position: absolute; right: 8%; top: 0; }
.ncb-countdown__copy, .ncb-countdown__clock, .ncb-countdown__expired { position: relative; z-index: 1; }
.ncb-countdown--soft .ncb-countdown__inner { border-radius: .8rem; }
.ncb-countdown--square .ncb-countdown__inner { border-radius: 0; }
.ncb-countdown__copy { margin: auto; max-width: 760px; min-width: 0; }
.ncb-countdown__eyebrow { align-items: center; color: var(--ncb-countdown-accent); display: inline-flex; font-size: .72rem; font-weight: 750; gap: .6rem; letter-spacing: .16em; margin-bottom: .8rem; text-transform: uppercase; }
.ncb-countdown__eyebrow i { background: var(--ncb-countdown-accent); border-radius: 100%; box-shadow: 0 0 0 5px color-mix(in srgb, var(--ncb-countdown-accent) 16%, transparent); height: 7px; width: 7px; }
.ncb-countdown__inner h2 { color: var(--ncb-countdown-heading, #fff); font-size: clamp(1.65rem, 3vw, 2.7rem); line-height: 1.15; margin: 0 0 .55rem; text-wrap: balance; }
.ncb-countdown__inner p { color: var(--ncb-countdown-note, rgba(255,255,255,.77)); font-size: 1rem; line-height: 1.5; margin-bottom: 0; }
.ncb-countdown__clock { display: grid; flex: 0 1 auto; gap: clamp(.45rem, 1.2vw, .9rem); grid-template-columns: repeat(var(--ncb-countdown-columns, 4), minmax(0, 1fr)); margin: auto; max-width: 680px; width: 100%; }
.ncb-countdown__clock[hidden], .ncb-countdown__expired[hidden] { display: none !important; }
.ncb-countdown__clock > div { background: var(--ncb-countdown-tile, rgba(255,255,255,.09)); border: 1px solid color-mix(in srgb, var(--ncb-countdown-accent) 36%, transparent); border-radius: 1rem; box-shadow: 0 12px 25px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.15); min-width: 0; padding: clamp(.85rem, 2vw, 1.3rem) .5rem; text-align: center; }
.ncb-countdown--soft .ncb-countdown__clock > div { border-radius: .45rem; }
.ncb-countdown--square .ncb-countdown__clock > div { border-radius: 0; }
.ncb-countdown__clock strong,
.ncb-countdown__clock span { display: block; }
.ncb-countdown__clock strong { color: var(--ncb-countdown-digit, #fff); font-size: var(--ncb-countdown-digit-size, 2rem); font-variant-numeric: tabular-nums; font-weight: 800; line-height: 1.08; }
.ncb-countdown__clock span { color: var(--ncb-countdown-label, rgba(255,255,255,.75)); font-size: .7rem; font-weight: 650; letter-spacing: .1em; margin-top: .5rem; text-transform: uppercase; }
.ncb-countdown__expired { color: var(--ncb-countdown-heading, #fff) !important; font-size: 1.1rem !important; font-weight: 800; }
.ncb-countdown--split .ncb-countdown__inner, .ncb-countdown--minimal .ncb-countdown__inner { align-items: center; flex-direction: row; justify-content: space-between; text-align: left; }
.ncb-countdown--split .ncb-countdown__copy, .ncb-countdown--minimal .ncb-countdown__copy { flex: 1 1 48%; margin: 0; }
.ncb-countdown--split .ncb-countdown__clock, .ncb-countdown--minimal .ncb-countdown__clock { flex: 1 1 48%; margin: 0; }
.ncb-countdown--minimal .ncb-countdown__inner { padding: clamp(1rem, 2vw, 1.75rem); }
.ncb-countdown--minimal .ncb-countdown__inner h2 { font-size: clamp(1.35rem, 2vw, 1.85rem); }
.ncb-countdown--minimal .ncb-countdown__clock > div { padding: .7rem .35rem; }

/* Sticky CTA */
.ncb-sticky-cta { align-items: center; backdrop-filter: blur(14px); background: color-mix(in srgb, var(--ncb-bg) 88%, transparent); border: 1px solid var(--ncb-border); border-radius: 999px; bottom: 1.25rem; box-shadow: 0 18px 50px rgba(0,0,0,.16); display: flex; gap: 1.2rem; left: 50%; max-width: calc(100vw - 2rem); padding: .65rem .7rem .65rem 1.4rem; position: fixed; transform: translateX(-50%); width: min(690px, calc(100vw - 2rem)); z-index: 9998; }
.ncb-sticky-cta > div { align-items: center; display: flex; flex: 1; gap: .8rem; min-width: 0; }
.ncb-sticky-cta > div span { color: var(--ncb-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ncb-sticky-cta > div strong { color: var(--ncb-text); font-size: 1.15rem; white-space: nowrap; }
.ncb-sticky-cta .ncb-button { flex: 0 0 auto; min-height: 2.9rem; padding: .75rem 1.25rem; }
.ncb-hide-desktop { display: none !important; }

@media (max-width: 900px) {
	.ncb-hero { min-height: 0; }
	.ncb-hero__grid,
	.ncb-video-section__grid,
	.ncb-faq__layout,
	.ncb-order-form__grid,
	.ncb-content-panel__grid { grid-template-columns: 1fr; }
	.ncb-hero__media { min-height: 360px; }
	.ncb-hero__halo { height: min(65vw, 390px); width: min(65vw, 390px); }
	.ncb-hero--image-left .ncb-hero__media,
	.ncb-hero--image-left .ncb-hero__copy { grid-column: auto; grid-row: auto; }
	.ncb-hero--image-left .ncb-hero__copy { order: -1; }
	.ncb-content-panel--image-left .ncb-content-panel__media,
	.ncb-content-panel--image-left .ncb-content-panel__copy { grid-column: auto; grid-row: auto; }
	.ncb-benefits__grid,
	.ncb-testimonials__grid,
	.ncb-offers__grid { grid-template-columns: 1fr 1fr; }
	.ncb-product-gallery__grid--grid { grid-template-columns: 1fr 1fr; }
	.ncb-offer:last-child { grid-column: 1 / -1; }
	.ncb-countdown--split .ncb-countdown__inner, .ncb-countdown--minimal .ncb-countdown__inner { align-items: stretch; flex-direction: column; text-align: center; }
	.ncb-countdown--split .ncb-countdown__copy, .ncb-countdown--minimal .ncb-countdown__copy { margin: auto; }
	.ncb-countdown__clock { width: 100%; }
}

@media (max-width: 640px) {
	.ncb-block { padding-left: 1rem; padding-right: 1rem; }
	.ncb-block h1 { font-size: clamp(2.4rem, 13vw, 4rem); }
	.ncb-benefits__grid,
	.ncb-testimonials__grid,
	.ncb-offers__grid,
	.ncb-placeholder-pair { grid-template-columns: 1fr; }
	.ncb-product-gallery__grid--mosaic,
	.ncb-product-gallery__grid--grid { grid-auto-rows: auto; grid-template-columns: 1fr; }
	.ncb-product-gallery__grid--mosaic .ncb-product-gallery__item:first-child { grid-row: auto; }
	.ncb-offer:last-child { grid-column: auto; }
	.ncb-offer--highlight { margin: 1rem 0; transform: none; }
	.ncb-trust__grid { grid-template-columns: 1fr 1fr; }
	.ncb-trust__item { justify-content: flex-start; }
	.ncb-trust__item + .ncb-trust__item { border-left: 0; }
	.ncb-compare { aspect-ratio: 4 / 3; }
	.ncb-countdown__clock { gap: .35rem; }
	.ncb-countdown__clock > div { min-width: 0; padding: .65rem .25rem; }
	.ncb-countdown__clock strong { font-size: clamp(1rem, var(--ncb-countdown-digit-size, 1.25rem), 2.4rem); }
	.ncb-sticky-cta { border-radius: 1.2rem; bottom: .6rem; gap: .6rem; padding: .6rem; }
	.ncb-sticky-cta > div span { display: none; }
	.ncb-sticky-cta .ncb-button { flex: 1; }
	.ncb-hide-mobile { display: none !important; }
	.ncb-hide-desktop:not(.ncb-hide-mobile) { display: flex !important; }
}

@media (prefers-reduced-motion: reduce) {
	.ncb-block *,
	.ncb-sticky-cta * { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}

/* Phase 2 universal pattern engine. Each archetype changes composition, not colour alone. */
.ncb-pattern { isolation: isolate; overflow: hidden; position: relative; }
.ncb-section-render-error { background: #fff1ce; border: 2px solid #d89518; color: #6b4300; font: 600 14px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; margin: 16px auto; max-width: 1120px; padding: 18px 22px; }
.ncb-pattern__shell { position: relative; }
.ncb-pattern__header { margin-bottom: clamp(1.75rem, 4vw, 3.25rem); max-width: 760px; }
.ncb-pattern__header--center { margin-left: auto; margin-right: auto; text-align: center; }
.ncb-pattern__header--center .ncb-eyebrow { justify-content: center; }
.ncb-pattern__brand-logo { height: auto; margin: 0 0 1.35rem; max-height: 72px; max-width: min(260px, 70vw); object-fit: contain; object-position: left center; width: auto; }
.ncb-pattern__header--center .ncb-pattern__brand-logo { margin-left: auto; margin-right: auto; object-position: center; }
.ncb-pattern__body { max-width: 720px; }
.ncb-pattern__body > :last-child { margin-bottom: 0; }
.ncb-pattern__button { margin-top: 1.6rem; }
.ncb-pattern img { display: block; height: auto; max-width: 100%; }
.ncb-pattern h2 { font-size: clamp(2.25rem, 4vw, 3.5rem); line-height: 1.08; overflow-wrap: anywhere; text-wrap: balance; }
.ncb-pattern h3 { font-size: clamp(1.25rem, 2vw, 1.5rem); }
.ncb-pattern p,
.ncb-pattern__body { font-size: clamp(1.0625rem, 1.3vw, 1.2rem); line-height: 1.65; }
.ncb-pattern small { font-size: clamp(.94rem, 1.05vw, 1.04rem); line-height: 1.55; }

.ncb-pattern__split { align-items: center; display: grid; gap: clamp(2.5rem, 7vw, 7rem); grid-template-columns: minmax(0, 1.05fr) minmax(310px, .95fr); }
.ncb-pattern__split-media { align-items: center; background: color-mix(in srgb, var(--ncb-surface) 84%, var(--ncb-accent)); border-radius: clamp(1.2rem, 3vw, 2.4rem); box-shadow: var(--ncb-shadow); display: flex; justify-content: center; min-height: 0; overflow: hidden; position: relative; }
.ncb-pattern__split-media > img { height: auto; max-height: 650px; min-height: 0; object-fit: contain; width: 100%; }
.ncb-pattern__media-accent { -webkit-backdrop-filter: blur(16px) saturate(145%); backdrop-filter: blur(16px) saturate(145%); background: color-mix(in srgb, var(--ncb-surface) 70%, transparent); border: 1px solid color-mix(in srgb, #fff 48%, transparent); border-radius: 1.2rem; bottom: 1rem; box-shadow: var(--ncb-shadow); max-width: 42%; overflow: hidden; padding: .35rem; position: absolute; right: 1rem; z-index: 2; }
.ncb-pattern--offer-split .ncb-pattern__split,
.ncb-pattern--profile-split .ncb-pattern__split { grid-template-columns: minmax(300px, .8fr) minmax(0, 1.2fr); }
.ncb-pattern__offer-presentation { align-items: start; display: grid; gap: clamp(1.5rem, 4vw, 3.5rem); grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr); }
.ncb-pattern__offer-feature-image { align-items: center; background: var(--ncb-surface-alt); border-radius: 1.15rem; display: flex; justify-content: center; margin: 0; min-width: 0; overflow: hidden; padding: clamp(.5rem, 2vw, 1rem); }
.ncb-pattern__offer-feature-image img { height: auto; max-height: 520px; object-fit: contain; object-position: var(--ncb-media-object-position, center); width: 100%; }

/* Premium depth is deliberately limited to media-led compositions. */
.ncb-pattern--hero.ncb-pattern-archetype--split .ncb-pattern__copy {
	-webkit-backdrop-filter: blur(20px) saturate(145%);
	backdrop-filter: blur(20px) saturate(145%);
	background: color-mix(in srgb, var(--ncb-surface) 76%, transparent);
	border: 1px solid color-mix(in srgb, #fff 44%, var(--ncb-border));
	border-radius: clamp(1.25rem, 3vw, 2.25rem);
	box-shadow: 0 24px 60px color-mix(in srgb, var(--ncb-text) 12%, transparent);
	padding: clamp(1.5rem, 4vw, 3.25rem);
	position: relative;
	z-index: 2;
}
.ncb-pattern__split-media::after,
.ncb-pattern__stage-media::after {
	background: linear-gradient(135deg, rgba(255,255,255,.22), transparent 34%, color-mix(in srgb, var(--ncb-accent) 16%, transparent));
	content: "";
	inset: 0;
	pointer-events: none;
	position: absolute;
	z-index: 1;
}
.ncb-pattern__stage-media { position: relative; }
.ncb-pattern--media-overlap .ncb-pattern__header {
	-webkit-backdrop-filter: blur(22px) saturate(150%);
	backdrop-filter: blur(22px) saturate(150%);
	background: color-mix(in srgb, var(--ncb-surface) 78%, transparent);
	border: 1px solid color-mix(in srgb, #fff 46%, var(--ncb-border));
	border-radius: clamp(1.15rem, 3vw, 2rem);
	box-shadow: 0 24px 65px color-mix(in srgb, var(--ncb-text) 16%, transparent);
	margin-bottom: clamp(-7rem, -8vw, -4.5rem);
	margin-left: clamp(1rem, 5vw, 4.5rem);
	padding: clamp(1.4rem, 4vw, 3rem);
	position: relative;
	width: min(620px, calc(100% - 2rem));
	z-index: 3;
}
.ncb-pattern--media-overlap .ncb-pattern__gallery { padding-top: clamp(2.5rem, 6vw, 5rem); }

.ncb-pattern__stage { align-items: center; display: flex; flex-direction: column; text-align: center; }
.ncb-pattern__stage-media { border-radius: 2rem; box-shadow: var(--ncb-shadow); margin-top: 2.5rem; max-height: 650px; max-width: 960px; overflow: hidden; width: 100%; }
.ncb-pattern__stage-media img { background: color-mix(in srgb, var(--ncb-surface) 84%, var(--ncb-accent)); height: auto; max-height: 650px; object-fit: contain; width: 100%; }
.ncb-pattern--centered-stage { min-height: auto; padding-top: clamp(5rem, 11vw, 10rem); }

.ncb-pattern__editorial { display: grid; gap: clamp(2rem, 6vw, 5rem); grid-template-columns: 1fr; }
.ncb-pattern__editorial--media { grid-template-columns: minmax(220px, .7fr) minmax(0, 1.3fr); }
.ncb-pattern__editorial-media { align-items: center; background: color-mix(in srgb, var(--ncb-surface) 84%, var(--ncb-accent)); border-radius: 1.2rem; box-shadow: var(--ncb-shadow); display: flex; justify-content: center; overflow: hidden; }
.ncb-pattern__editorial-media img { height: auto; max-height: 620px; object-fit: contain; width: 100%; }
.ncb-pattern--oversized-band h2 { font-size: clamp(2.75rem, 6vw, 4.75rem); max-width: 1050px; }
.ncb-pattern--editorial-bio .ncb-pattern__editorial--media,
.ncb-pattern--editorial-intro .ncb-pattern__editorial--media { grid-template-columns: minmax(180px, .45fr) minmax(0, 1.55fr); }

.ncb-pattern__callout { background: color-mix(in srgb, var(--ncb-accent) 9%, var(--ncb-surface)); border: 1px solid color-mix(in srgb, var(--ncb-accent) 28%, transparent); border-radius: clamp(1.4rem, 4vw, 3rem); box-shadow: var(--ncb-shadow); margin: 0 auto; max-width: 980px; overflow: hidden; padding: clamp(2.2rem, 6vw, 5rem); position: relative; text-align: center; }
.ncb-pattern__quote-mark { color: color-mix(in srgb, var(--ncb-accent) 25%, transparent); font-family: Georgia, serif; font-size: 12rem; left: 1rem; line-height: .7; position: absolute; top: 1rem; z-index: -1; }
.ncb-pattern__callout-media { border: .4rem solid var(--ncb-surface); border-radius: 50%; box-shadow: var(--ncb-shadow); height: clamp(6.5rem, 14vw, 9rem); margin: 0 auto 1.8rem; overflow: hidden; width: clamp(6.5rem, 14vw, 9rem); }
.ncb-pattern__callout-media img { height: 100%; object-fit: contain; width: 100%; }

.ncb-pattern__gallery { display: grid; gap: 1rem; grid-auto-rows: minmax(220px, 1fr); grid-template-columns: repeat(12, 1fr); }
.ncb-pattern__gallery-item { align-items: center; background: color-mix(in srgb, var(--ncb-surface) 84%, var(--ncb-accent)); border-radius: 1.25rem; display: flex; grid-column: span 4; justify-content: center; margin: 0; min-height: 260px; overflow: hidden; position: relative; }
.ncb-pattern__gallery-item:first-child { grid-column: span 7; grid-row: span 2; }
.ncb-pattern__gallery-item:nth-child(2) { grid-column: span 5; }
.ncb-pattern__gallery-item:nth-child(3) { grid-column: span 5; }
.ncb-pattern__gallery-item img { display: block; height: auto; max-height: 640px; min-height: 0; object-fit: contain; width: 100%; }
.ncb-pattern__gallery[data-gallery-count="1"] { grid-auto-rows: auto; grid-template-columns: minmax(0, 1fr); }
.ncb-pattern__gallery[data-gallery-count="1"] .ncb-pattern__gallery-item { grid-column: auto; grid-row: auto; }
.ncb-pattern__extra-media { margin-top: 2rem; min-width: 0; }
.ncb-pattern__gallery-item figcaption { backdrop-filter: blur(8px); background: rgba(12,20,33,.72); border-radius: .7rem; bottom: .75rem; color: #fff; font-size: .8rem; left: .75rem; max-width: calc(100% - 1.5rem); padding: .55rem .75rem; position: absolute; }
.ncb-pattern__gallery-item figcaption strong,
.ncb-pattern__gallery-item figcaption span { color: inherit; display: block; }
.ncb-pattern__gallery-item figcaption strong { font-size: clamp(1rem, 1.2vw, 1.125rem); }
.ncb-pattern__gallery-item figcaption span { font-size: clamp(.94rem, 1vw, 1rem); line-height: 1.5; margin-top: .25rem; }
.ncb-pattern__gallery--bento { grid-auto-flow: dense; grid-template-columns: repeat(12, minmax(0, 1fr)); }
.ncb-pattern__gallery--strip { display: flex; grid-auto-rows: auto; overflow-x: auto; padding-bottom: .8rem; scroll-snap-type: x mandatory; }
.ncb-pattern__gallery--strip .ncb-pattern__gallery-item,
.ncb-pattern__gallery--strip .ncb-pattern__gallery-item:first-child,
.ncb-pattern__gallery--strip .ncb-pattern__gallery-item:nth-child(2),
.ncb-pattern__gallery--strip .ncb-pattern__gallery-item:nth-child(3) { flex: 0 0 min(31%, 380px); grid-column: auto; grid-row: auto; scroll-snap-align: start; }
.ncb-pattern__gallery--grid { grid-auto-rows: minmax(260px, 32vw); grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ncb-pattern__gallery--grid .ncb-pattern__gallery-item,
.ncb-pattern__gallery--grid .ncb-pattern__gallery-item:first-child,
.ncb-pattern__gallery--grid .ncb-pattern__gallery-item:nth-child(2),
.ncb-pattern__gallery--grid .ncb-pattern__gallery-item:nth-child(3) { grid-column: auto; grid-row: auto; }
.ncb-pattern__gallery--carousel { display: grid; grid-auto-columns: minmax(280px, 68%); grid-auto-flow: column; grid-template-columns: none; overflow-x: auto; padding-bottom: .8rem; scroll-snap-type: x mandatory; }
.ncb-pattern__gallery--carousel .ncb-pattern__gallery-item,
.ncb-pattern__gallery--carousel .ncb-pattern__gallery-item:first-child,
.ncb-pattern__gallery--carousel .ncb-pattern__gallery-item:nth-child(2),
.ncb-pattern__gallery--carousel .ncb-pattern__gallery-item:nth-child(3) { grid-column: auto; grid-row: auto; scroll-snap-align: center; }
.ncb-pattern__gallery--stacked { grid-auto-rows: auto; grid-template-columns: 1fr; }
.ncb-pattern__gallery--stacked .ncb-pattern__gallery-item,
.ncb-pattern__gallery--stacked .ncb-pattern__gallery-item:first-child,
.ncb-pattern__gallery--stacked .ncb-pattern__gallery-item:nth-child(2),
.ncb-pattern__gallery--stacked .ncb-pattern__gallery-item:nth-child(3) { aspect-ratio: 16 / 8; grid-column: auto; grid-row: auto; }

/* Gallery variants keep assigned images inside the selected section layout. */
.ncb-pattern__gallery--thumbnails { align-items: start; gap: clamp(.7rem, 1.5vw, 1.15rem); grid-auto-rows: auto; grid-template-columns: repeat(5, minmax(0, 1fr)); }
.ncb-pattern__gallery--thumbnails .ncb-pattern__gallery-item,
.ncb-pattern__gallery--thumbnails .ncb-pattern__gallery-item:first-child,
.ncb-pattern__gallery--thumbnails .ncb-pattern__gallery-item:nth-child(2),
.ncb-pattern__gallery--thumbnails .ncb-pattern__gallery-item:nth-child(3) { grid-column: span 1; grid-row: auto; min-height: 0; }
.ncb-pattern__gallery--thumbnails .ncb-pattern__gallery-item:first-child { aspect-ratio: 16 / 10; grid-column: 1 / -1; }
.ncb-pattern__gallery--thumbnails .ncb-pattern__gallery-item:first-child img { height: 100%; max-height: none; object-fit: contain; width: 100%; }
.ncb-pattern__thumbnail { background: transparent; border: 0; cursor: pointer; display: block; height: 100%; padding: 0; width: 100%; }
.ncb-pattern__thumbnail:focus-visible,
.ncb-pattern__thumbnail[aria-pressed="true"] { outline: 3px solid var(--ncb-accent); outline-offset: -3px; }
.ncb-pattern__gallery--thumbnails .ncb-pattern__gallery-item:not(:first-child) { aspect-ratio: 1; }
.ncb-pattern__gallery--thumbnails .ncb-pattern__gallery-item:not(:first-child) img { height: 100%; max-height: none; object-fit: contain; width: 100%; }
.ncb-pattern__gallery--fullbleed { display: flex; gap: clamp(1rem, 3vw, 2rem); margin-inline: min(-1.25rem, calc((1180px - 100vw) / 2)); overflow-x: auto; padding-inline: clamp(1.25rem, 5vw, 4rem); padding-bottom: 1rem; scroll-snap-type: x mandatory; }
.ncb-preview-canvas .ncb-pattern__gallery--fullbleed { margin-inline: -1.25rem; }
.ncb-pattern__gallery--fullbleed .ncb-pattern__gallery-item,
.ncb-pattern__gallery--fullbleed .ncb-pattern__gallery-item:first-child,
.ncb-pattern__gallery--fullbleed .ncb-pattern__gallery-item:nth-child(2),
.ncb-pattern__gallery--fullbleed .ncb-pattern__gallery-item:nth-child(3) { flex: 0 0 clamp(320px, 66vw, 900px); grid-column: auto; grid-row: auto; min-height: 0; scroll-snap-align: center; }
.ncb-pattern__gallery--fullbleed .ncb-pattern__gallery-item img { aspect-ratio: 16 / 10; height: auto; max-height: none; object-fit: contain; width: 100%; }
.ncb-pattern__gallery--thumbnails > .ncb-pattern__primary-video { grid-column: 1 / -1; }
@container ncb-preview (min-width: 641px) {
	.ncb-preview-canvas .ncb-pattern__gallery--fullbleed .ncb-pattern__gallery-item { flex-basis: min(66cqw, 900px); }
}
.ncb-pattern--polaroid-wall .ncb-pattern__gallery-item { background: #fff; border: .65rem solid #fff; box-shadow: 0 14px 35px rgba(0,0,0,.12); transform: rotate(-1.5deg); }
.ncb-pattern--polaroid-wall .ncb-pattern__gallery-item:nth-child(even) { transform: rotate(1.7deg) translateY(1rem); }
.ncb-pattern--device-mockups .ncb-pattern__gallery-item { background: #111827; border: .7rem solid #111827; border-radius: 2rem; }

.ncb-pattern__grid { display: grid; gap: 1.15rem; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ncb-pattern-card { background: var(--ncb-surface); border: 1px solid var(--ncb-border); border-radius: 1.4rem; min-height: 230px; padding: clamp(1.4rem, 3vw, 2.2rem); }
.ncb-pattern-card__number { color: var(--ncb-accent); display: block; font-size: .75rem; font-weight: 900; letter-spacing: .12em; margin-bottom: 2rem; }
.ncb-pattern-card > img { background: var(--ncb-surface-alt); border-radius: 1rem; height: 190px; margin-bottom: 1.25rem; object-fit: contain; width: 100%; }
.ncb-pattern__item-visual { border-radius: .9rem; margin: 0 0 1rem; overflow: hidden; }
.ncb-pattern__item-visual img { aspect-ratio: 4 / 3; background: var(--ncb-surface-alt); height: 100%; object-fit: contain; width: 100%; }
.ncb-pattern__before-after { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ncb-pattern__before-after figure { margin: 0; min-width: 0; position: relative; }
.ncb-pattern__before-after figcaption { background: color-mix(in srgb, var(--ncb-text) 82%, transparent); border-radius: 999px; bottom: .55rem; color: #fff; font-size: .72rem; font-weight: 850; left: .55rem; padding: .35rem .55rem; position: absolute; }
.ncb-pattern__item-visual.ncb-pattern__video { aspect-ratio: 16 / 9; background: #101827; position: relative; }
.ncb-pattern__item-visual iframe,
.ncb-pattern__item-visual video { border: 0; height: 100%; inset: 0; object-fit: cover; position: absolute; width: 100%; }
.ncb-pattern-card small { color: var(--ncb-muted); display: block; font-size: clamp(.94rem, 1.05vw, 1.04rem); margin-top: 1rem; }
.ncb-pattern--bento-grid .ncb-pattern-card:first-child,
.ncb-pattern--software-bento .ncb-pattern-card:first-child { grid-column: span 2; }
.ncb-pattern--pain-grid .ncb-pattern-card:first-child { background: var(--ncb-text); color: var(--ncb-bg); }
.ncb-pattern--pain-grid .ncb-pattern-card:first-child h3,
.ncb-pattern--pain-grid .ncb-pattern-card:first-child p { color: inherit; }

.ncb-pattern__rail { display: grid; gap: 1rem; grid-auto-columns: minmax(270px, 34%); grid-auto-flow: column; overflow-x: auto; overscroll-behavior-inline: contain; padding: .5rem .2rem 1.5rem; scroll-snap-type: inline mandatory; }
.ncb-pattern__rail > article { background: var(--ncb-surface); border: 1px solid var(--ncb-border); border-radius: 1.3rem; min-height: 250px; padding: 1.6rem; scroll-snap-align: start; }
.ncb-pattern__rail > article > img { background: var(--ncb-surface-alt); border-radius: .9rem; height: 220px; margin-bottom: 1.2rem; object-fit: contain; width: 100%; }

.ncb-pattern__stack { display: grid; gap: .9rem; margin-left: auto; max-width: 940px; }
.ncb-pattern__stack > article { align-items: flex-start; background: var(--ncb-surface); border: 1px solid var(--ncb-border); border-radius: 1.15rem; display: grid; gap: 1.2rem; grid-template-columns: 3rem 1fr; padding: 1.35rem; }
.ncb-pattern__stack > article > span { align-items: center; background: var(--ncb-accent); border-radius: .8rem; color: #fff; display: flex; font-weight: 900; height: 3rem; justify-content: center; width: 3rem; }
.ncb-pattern__stack h3 { margin-bottom: .3rem; }
.ncb-pattern__stack p { margin-bottom: 0; }

.ncb-pattern__steps { counter-reset: ncb-step; display: grid; gap: 1.2rem; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); list-style: none; margin: 0; padding: 0; }
.ncb-pattern__steps li { counter-increment: ncb-step; padding: 1rem 1rem 1rem 0; position: relative; }
.ncb-pattern__steps li > span { align-items: center; background: color-mix(in srgb, var(--ncb-accent) 12%, transparent); border-radius: 50%; color: var(--ncb-accent); display: flex; font-weight: 900; height: 3.4rem; justify-content: center; margin-bottom: 1.4rem; width: 3.4rem; }
.ncb-pattern__steps li > span::before { content: counter(ncb-step); }
.ncb-pattern__steps li:not(:last-child)::after { background: var(--ncb-border); content: ""; height: 2px; left: 3.4rem; position: absolute; right: -1.2rem; top: 2.7rem; }

.ncb-pattern__timeline { margin: 0 auto; max-width: 870px; position: relative; }
.ncb-pattern__timeline::before { background: var(--ncb-border); bottom: 1rem; content: ""; left: 1.45rem; position: absolute; top: 1rem; width: 2px; }
.ncb-pattern__timeline article { display: grid; gap: 1.4rem; grid-template-columns: 3rem 1fr; padding-bottom: 2rem; position: relative; }
.ncb-pattern__timeline-index { align-items: center; background: var(--ncb-accent); border: .35rem solid var(--ncb-bg); border-radius: 50%; color: #fff; display: flex; font-weight: 900; height: 3rem; justify-content: center; position: relative; width: 3rem; z-index: 1; }

.ncb-pattern__table { background: var(--ncb-surface); border: 1px solid var(--ncb-border); border-radius: 1.4rem; overflow: hidden; }
.ncb-pattern__table-row { display: grid; grid-template-columns: minmax(150px, .65fr) minmax(200px, 1.1fr) minmax(160px, .8fr); }
.ncb-pattern__table-row + .ncb-pattern__table-row { border-top: 1px solid var(--ncb-border); }
.ncb-pattern__table-row > * { color: var(--ncb-text); padding: 1.15rem 1.25rem; }
.ncb-pattern__table-row > * + * { border-left: 1px solid var(--ncb-border); }
.ncb-pattern__table-head { background: var(--ncb-text); color: var(--ncb-bg); font-size: .75rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.ncb-pattern__table-head > * { color: inherit; }

.ncb-pattern__accordion { margin-left: auto; max-width: 900px; }
.ncb-pattern__accordion details { background: var(--ncb-surface); border: 1px solid var(--ncb-border); border-radius: 1rem; margin-bottom: .75rem; overflow: hidden; }
.ncb-pattern__accordion summary { align-items: center; cursor: pointer; display: flex; font-weight: 850; justify-content: space-between; list-style: none; padding: 1.25rem 1.4rem; }
.ncb-pattern__accordion summary::-webkit-details-marker { display: none; }
.ncb-pattern__accordion summary span { color: var(--ncb-accent); font-size: 1.4rem; transition: transform .2s ease; }
.ncb-pattern__accordion details[open] summary span { transform: rotate(45deg); }
.ncb-pattern__accordion details > div { border-top: 1px solid var(--ncb-border); padding: 1rem 1.4rem; }

.ncb-pattern__conversation { background: color-mix(in srgb, var(--ncb-text) 5%, var(--ncb-bg)); border-radius: 1.7rem; display: flex; flex-direction: column; gap: .9rem; margin: 0 auto; max-width: 780px; padding: clamp(1.2rem, 4vw, 2.6rem); }
.ncb-pattern__message { align-self: flex-start; max-width: 78%; }
.ncb-pattern__message > div { background: var(--ncb-surface); border-radius: 1rem 1rem 1rem .2rem; box-shadow: 0 8px 20px rgba(0,0,0,.06); padding: 1rem 1.15rem; }
.ncb-pattern__message--right { align-self: flex-end; text-align: right; }
.ncb-pattern__message--right > div { background: color-mix(in srgb, var(--ncb-accent) 13%, var(--ncb-surface)); border-radius: 1rem 1rem .2rem 1rem; }
.ncb-pattern__message p { margin: .35rem 0 0; }
.ncb-pattern__message small { color: var(--ncb-muted); display: block; font-size: clamp(.94rem, 1.05vw, 1.04rem); margin-top: .45rem; }
.ncb-pattern__stars { color: #d89000; display: block; font-size: .875rem; margin-top: .45rem; }

.ncb-pattern__proof-media { display: grid; gap: 1.2rem; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ncb-pattern__proof-media > article { background: var(--ncb-surface); border: 1px solid var(--ncb-border); border-radius: 1.35rem; overflow: hidden; }
.ncb-pattern__proof-media > article > img,
.ncb-pattern__video { aspect-ratio: 4 / 5; background: #101827; object-fit: cover; width: 100%; }
.ncb-pattern__proof-media > article > img { background: var(--ncb-surface-alt); height: auto; min-height: 260px; object-fit: contain; }
.ncb-pattern__video video { height: 100%; object-fit: cover; width: 100%; }
.ncb-pattern__video iframe,
.ncb-pattern__primary-video iframe,
.ncb-pattern__primary-video video { border: 0; height: 100%; inset: 0; object-fit: cover; position: absolute; width: 100%; }
.ncb-pattern__primary-video { aspect-ratio: 16 / 9; background: #101827; border-radius: inherit; min-height: 260px; overflow: hidden; position: relative; width: 100%; }
.ncb-pattern__split-media > .ncb-pattern__primary-video { height: 100%; min-height: 450px; }
.ncb-pattern__gallery > .ncb-pattern__primary-video { grid-column: span 7; grid-row: span 2; min-height: 480px; }
.ncb-pattern__proof-copy { padding: 1.35rem; }

.ncb-pattern__offers { align-items: stretch; display: grid; gap: 1.25rem; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
.ncb-pattern__offer { background: var(--ncb-surface); border: 1px solid var(--ncb-border); border-radius: 1.5rem; display: flex; flex-direction: column; min-height: 390px; padding: 2rem; position: relative; }
.ncb-pattern__offer.is-highlighted { background: color-mix(in srgb, var(--ncb-secondary-light) 72%, var(--ncb-surface)); border: 3px solid var(--ncb-secondary); box-shadow: 0 24px 55px color-mix(in srgb, var(--ncb-secondary-dark) 28%, transparent); transform: translateY(-.6rem); }
.ncb-pattern__offer.is-highlighted,
.ncb-pattern [data-ncb-highlighted="true"] { --ncb-text: var(--ncb-on-secondary-light, #17211d); --ncb-muted: color-mix(in srgb, var(--ncb-text) 68%, transparent); color: var(--ncb-text); }
.ncb-pattern__offer.is-highlighted h3,
.ncb-pattern__offer.is-highlighted p,
.ncb-pattern [data-ncb-highlighted="true"] h3,
.ncb-pattern [data-ncb-highlighted="true"] p { color: inherit; }
.ncb-pattern__offer-badge { background: var(--ncb-accent); border-radius: 999px; color: #fff; font-size: .68rem; font-weight: 900; letter-spacing: .1em; padding: .45rem .7rem; position: absolute; right: 1rem; text-transform: uppercase; top: 1rem; }
.ncb-pattern__offer.is-highlighted .ncb-pattern__offer-badge { background: var(--ncb-secondary-dark); }
.ncb-pattern__price { align-items: baseline; display: flex; gap: .7rem; margin: 1.5rem 0; }
.ncb-pattern__price strong { color: var(--ncb-text); font-size: 2rem; }
.ncb-pattern__offer .ncb-pattern__button { margin-top: auto; width: 100%; }
.ncb-pattern [data-ncb-highlighted="true"] { background: color-mix(in srgb, var(--ncb-secondary-light) 72%, var(--ncb-surface)); border: 3px solid var(--ncb-secondary); box-shadow: 0 20px 45px color-mix(in srgb, var(--ncb-secondary-dark) 20%, transparent); }
.ncb-pattern__item-badge { align-self: flex-start; background: var(--ncb-secondary-dark); border-radius: 999px; color: #fff !important; display: inline-flex !important; font-size: .78rem !important; font-weight: 900; letter-spacing: .06em; margin: .7rem 0; padding: .4rem .65rem; text-transform: uppercase; }
.ncb-pattern__item-price { align-items: baseline; color: var(--ncb-text) !important; display: flex !important; flex-wrap: wrap; gap: .55rem; margin-top: .9rem; }
.ncb-pattern__item-price strong { color: inherit; font-size: clamp(1.75rem, 3vw, 2.25rem); }
.ncb-pattern__item-price s { color: var(--ncb-muted); font-size: 1rem; }
.ncb-pattern__item-button { font-size: clamp(1rem, 1.2vw, 1.125rem); margin-top: 1rem; min-height: 3.25rem; width: 100%; }

/* Universal external-form connector. Payment processing stays outside Phase 2. */
.ncb-generated-shortcode-connection > :is(.elementor-widget-shortcode, .elementor-widget-html) { background: #fff; padding: 0 clamp(1rem, 4vw, 3rem) clamp(2rem, 6vw, 5rem); width: 100%; }
.ncb-generated-shortcode-connection > :is(.elementor-widget-shortcode, .elementor-widget-html) > .elementor-widget-container { margin: 0 auto; max-width: 820px; }
.ncb-pattern__checkout-embed { align-items: stretch; background: var(--ncb-surface); border: 1px solid var(--ncb-border); border-radius: 1.6rem; box-shadow: var(--ncb-shadow); display: flex; flex-direction: column; gap: .8rem; justify-content: center; margin: 0 auto; min-height: 260px; padding: clamp(1.4rem, 4vw, 2.8rem); text-align: center; width: min(100%, 820px); }
.ncb-pattern__checkout-embed--native { background: transparent; border: 0; border-radius: 0; box-shadow: none; min-height: 0; padding: 0; text-align: left; width: min(100%, 1100px); }
.ncb-pattern__checkout-embed--native .ncb-native-checkout { max-width: none; width: 100%; }
.ncb-pattern__checkout-embed > span { color: var(--ncb-accent); font-size: 2.4rem; line-height: 1; }
.ncb-pattern__checkout-embed > code { background: color-mix(in srgb, var(--ncb-accent) 8%, var(--ncb-bg)); border-radius: .7rem; color: var(--ncb-muted); display: block; font-size: .78rem; overflow-wrap: anywhere; padding: .75rem 1rem; }
.ncb-pattern__checkout-embed iframe { border: 0; min-height: 500px; width: 100%; }
.ncb-pattern__checkout-embed input,
.ncb-pattern__checkout-embed select,
.ncb-pattern__checkout-embed textarea { background: #fff; border: 1px solid var(--ncb-border); border-radius: .75rem; color: #171717; font: inherit; max-width: 100%; padding: .9rem 1rem; text-align: left; width: 100%; }
.ncb-pattern__checkout-embed button,
.ncb-pattern__checkout-embed input[type="submit"] { background: var(--ncb-accent); border: 0; border-radius: 999px; color: #fff; cursor: pointer; font: inherit; font-weight: 800; padding: 1rem 1.4rem; }

.ncb-pattern__comparison { display: grid; gap: 1rem; grid-template-columns: 1fr 1fr; }
.ncb-pattern__comparison figure { border-radius: 1.4rem; margin: 0; min-height: 420px; overflow: hidden; position: relative; }
.ncb-pattern__comparison img { background: var(--ncb-surface-alt); height: 100%; min-height: 420px; object-fit: contain; width: 100%; }
.ncb-pattern__comparison figcaption { background: var(--ncb-accent); border-radius: .6rem; bottom: 1rem; color: #fff; font-weight: 850; left: 1rem; padding: .6rem .9rem; position: absolute; }
.ncb-pattern__compact-items { display: grid; gap: .75rem; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); margin-top: 1.6rem; }
.ncb-pattern__compact-items article { border-left: 3px solid var(--ncb-accent); padding: .35rem 0 .35rem .9rem; }
.ncb-pattern__compact-items strong,
.ncb-pattern__compact-items span { display: block; }
.ncb-pattern__compact-items span { color: var(--ncb-muted); font-size: clamp(1rem, 1.15vw, 1.075rem); line-height: 1.6; margin-top: .25rem; }
.ncb-pattern__compact-items .ncb-pattern__item-price { align-items: baseline; color: var(--ncb-text); display: flex; }
.ncb-pattern__table .ncb-pattern__item-price { color: var(--ncb-text); display: inline-flex; font-size: clamp(1.25rem, 2vw, 1.65rem); margin: 0 .45rem .35rem 0; }
.ncb-pattern__disclosure { border-top: 1px solid var(--ncb-border); font-size: .76rem !important; margin: 2rem 0 0; padding-top: 1rem; }

/* Section treatments create a deliberate page rhythm. */
.ncb-pattern-treatment--hero { background: linear-gradient(135deg, var(--ncb-primary-light) 0%, var(--ncb-background) 56%, var(--ncb-secondary-light) 100%); }
.ncb-pattern-treatment--hero::before,
.ncb-pattern-treatment--hero::after { border-radius: 50%; content: ""; pointer-events: none; position: absolute; z-index: -1; }
.ncb-pattern-treatment--hero::before { background: color-mix(in srgb, var(--ncb-primary) 14%, transparent); height: 34rem; right: -13rem; top: -17rem; width: 34rem; }
.ncb-pattern-treatment--hero::after { background: color-mix(in srgb, var(--ncb-secondary) 15%, transparent); bottom: -10rem; height: 23rem; left: -9rem; width: 23rem; }
.ncb-pattern-treatment--dark { background: var(--ncb-primary-dark); }
.ncb-pattern-treatment--gradient { background: linear-gradient(125deg, var(--ncb-primary-dark), var(--ncb-primary) 64%, var(--ncb-secondary-dark)); }
.ncb-pattern-treatment--success { background: linear-gradient(145deg, var(--ncb-secondary-light), color-mix(in srgb, var(--ncb-secondary-light) 58%, var(--ncb-surface))); }
.ncb-pattern-treatment--alt { background: var(--ncb-background-alt); }
.ncb-pattern-treatment--neutral { background: var(--ncb-surface-alt); }
.ncb-pattern-treatment--surface { background: var(--ncb-surface); }
.ncb-pattern-treatment--dark h1,
.ncb-pattern-treatment--dark h2,
.ncb-pattern-treatment--dark h3,
.ncb-pattern-treatment--dark strong,
.ncb-pattern-treatment--gradient h1,
.ncb-pattern-treatment--gradient h2,
.ncb-pattern-treatment--gradient h3,
.ncb-pattern-treatment--gradient strong { color: #fff; }
.ncb-pattern-treatment--dark .ncb-button,
.ncb-pattern-treatment--gradient .ncb-button { background: var(--ncb-secondary); border-color: var(--ncb-secondary); box-shadow: 0 14px 32px color-mix(in srgb, var(--ncb-secondary) 30%, transparent); }
.ncb-pattern-treatment--success .ncb-button { background: var(--ncb-secondary-dark); border-color: var(--ncb-secondary-dark); }
.ncb-pattern-treatment--success .ncb-pattern-card,
.ncb-pattern-treatment--success .ncb-pattern__offer,
.ncb-pattern-treatment--success .ncb-pattern__accordion details { box-shadow: 0 14px 34px color-mix(in srgb, var(--ncb-secondary-dark) 12%, transparent); }

/* Page styles change typography, geometry, media treatment and spacing. */
.ncb-pattern-style--direct-response h2 { font-size: clamp(3rem, 5.7vw, 4.8rem); font-weight: 950; letter-spacing: -.055em; }
.ncb-pattern-style--direct-response .ncb-pattern-card,
.ncb-pattern-style--direct-response .ncb-pattern__offer { border-width: 2px; border-radius: .9rem; }
.ncb-pattern-style--direct-response .ncb-button { border-radius: .7rem; min-height: 3.75rem; text-transform: uppercase; }

.ncb-pattern-style--premium-luxury { padding-bottom: clamp(5.5rem, 10vw, 10rem); padding-top: clamp(5.5rem, 10vw, 10rem); }
.ncb-pattern-style--premium-luxury h2 { font-family: Georgia, "Times New Roman", serif; font-weight: 500; letter-spacing: -.045em; }
.ncb-pattern-style--premium-luxury .ncb-pattern-card,
.ncb-pattern-style--premium-luxury .ncb-pattern__offer,
.ncb-pattern-style--premium-luxury .ncb-pattern__callout { border-radius: .25rem; box-shadow: none; }
.ncb-pattern-style--premium-luxury .ncb-button { border-radius: 0; font-family: Georgia, "Times New Roman", serif; letter-spacing: .08em; text-transform: uppercase; }
.ncb-pattern-style--premium-luxury .ncb-pattern__split-media { border-radius: .25rem; }

.ncb-pattern-style--minimal { padding-bottom: clamp(3.5rem, 7vw, 6rem); padding-top: clamp(3.5rem, 7vw, 6rem); }
.ncb-pattern-style--minimal .ncb-pattern-card,
.ncb-pattern-style--minimal .ncb-pattern__offer,
.ncb-pattern-style--minimal .ncb-pattern__callout { border-radius: .45rem; box-shadow: none; }
.ncb-pattern-style--minimal .ncb-pattern__header { margin-bottom: 2.25rem; }

.ncb-pattern-style--homely { font-family: ui-rounded, "Nunito", "Trebuchet MS", sans-serif; }
.ncb-pattern-style--homely h2,
.ncb-pattern-style--homely h3 { letter-spacing: -.025em; line-height: 1.12; }
.ncb-pattern-style--homely .ncb-pattern-card,
.ncb-pattern-style--homely .ncb-pattern__offer,
.ncb-pattern-style--homely .ncb-pattern__callout,
.ncb-pattern-style--homely .ncb-pattern__split-media,
.ncb-pattern-style--homely .ncb-pattern__gallery-item { border-radius: 2rem; box-shadow: 0 18px 38px color-mix(in srgb, var(--ncb-text) 9%, transparent); }
.ncb-pattern-style--homely .ncb-button { border-radius: 1rem 2rem 2rem 1rem; }
.ncb-pattern-style--homely.ncb-pattern-treatment--hero { background: radial-gradient(circle at 88% 15%, var(--ncb-secondary-light), transparent 32%), linear-gradient(135deg, color-mix(in srgb, var(--ncb-background) 78%, #fff1df), var(--ncb-background-alt)); }

.ncb-pattern-style--ugc .ncb-pattern-card,
.ncb-pattern-style--ugc .ncb-pattern__proof-media > article { border: .55rem solid var(--ncb-surface); border-radius: .35rem; box-shadow: 0 16px 32px rgba(20,30,40,.16); transform: rotate(-.6deg); }
.ncb-pattern-style--ugc .ncb-pattern-card:nth-child(even),
.ncb-pattern-style--ugc .ncb-pattern__proof-media > article:nth-child(even) { transform: rotate(.8deg) translateY(.5rem); }
.ncb-pattern-style--demo-heavy .ncb-pattern__split { grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr); }
.ncb-pattern-style--demo-heavy .ncb-pattern__stage-media,
.ncb-pattern-style--demo-heavy .ncb-pattern__split-media { box-shadow: 0 30px 70px color-mix(in srgb, var(--ncb-primary-dark) 24%, transparent); }
.ncb-pattern-style--clinical { background-image: linear-gradient(color-mix(in srgb, var(--ncb-primary) 8%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--ncb-primary) 8%, transparent) 1px, transparent 1px); background-size: 28px 28px; }
.ncb-pattern-style--clinical .ncb-pattern-card { border-radius: .35rem; box-shadow: none; }
.ncb-pattern-style--bold-modern h2 { font-size: clamp(3rem, 7vw, 5.8rem); font-weight: 950; letter-spacing: -.065em; line-height: .94; text-transform: uppercase; }
.ncb-pattern-style--bold-modern .ncb-pattern-card { border-radius: .35rem 2.1rem .35rem 2.1rem; box-shadow: 10px 10px 0 color-mix(in srgb, var(--ncb-accent) 30%, transparent); }
.ncb-pattern-style--bold-modern .ncb-button { border-radius: .25rem; box-shadow: 7px 7px 0 var(--ncb-text); }
.ncb-pattern-style--creator-led .ncb-pattern__editorial { grid-template-columns: minmax(190px, .5fr) minmax(0, 1.5fr); }
.ncb-pattern-style--creator-led h2 { font-family: Georgia, "Times New Roman", serif; }
.ncb-pattern-style--creator-led .ncb-pattern__callout { border-radius: 0 3rem 0 3rem; }
.ncb-pattern-style--saas .ncb-pattern-card,
.ncb-pattern-style--saas .ncb-pattern__offer { background: linear-gradient(150deg, var(--ncb-surface), var(--ncb-surface-alt)); border-radius: .8rem; }
.ncb-pattern-style--saas .ncb-button { border-radius: .6rem; }

/* Brand Kit overrides are intentional and remain separate from Pattern composition. */
.ncb-pattern { font-family: var(--ncb-body-font, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif); }
.ncb-pattern h1,
.ncb-pattern h2,
.ncb-pattern h3 { font-family: var(--ncb-heading-font, inherit); }
.ncb-pattern .ncb-button { border-radius: var(--ncb-button-radius, 999px); }
.ncb-pattern-style--dark-software { --ncb-surface: #151b27; --ncb-border: rgba(255,255,255,.13); --ncb-muted: rgba(255,255,255,.72); background: #0c111b; color: #f4f7fb; }
.ncb-pattern-style--dark-software h2,
.ncb-pattern-style--dark-software h3,
.ncb-pattern-style--dark-software p,
.ncb-pattern-style--dark-software strong { color: inherit; }
.ncb-pattern-style--dark-software .ncb-pattern-card,
.ncb-pattern-style--dark-software .ncb-pattern__offer,
.ncb-pattern-style--dark-software .ncb-pattern__accordion details { background: #151b27; }

@media (max-width: 900px) {
	.ncb-pattern__split,
	.ncb-pattern__editorial { grid-template-columns: 1fr; }
	.ncb-pattern__grid,
	.ncb-pattern__proof-media { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.ncb-pattern__gallery-item,
	.ncb-pattern__gallery-item:first-child,
	.ncb-pattern__gallery-item:nth-child(2),
	.ncb-pattern__gallery-item:nth-child(3) { grid-column: span 6; grid-row: auto; }
	.ncb-pattern__gallery--strip .ncb-pattern__gallery-item,
	.ncb-pattern__gallery--strip .ncb-pattern__gallery-item:first-child,
	.ncb-pattern__gallery--strip .ncb-pattern__gallery-item:nth-child(2),
	.ncb-pattern__gallery--strip .ncb-pattern__gallery-item:nth-child(3) { flex-basis: min(68vw, 420px); }
	.ncb-pattern__gallery--grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.ncb-pattern__gallery--grid .ncb-pattern__gallery-item,
	.ncb-pattern__gallery--grid .ncb-pattern__gallery-item:first-child,
	.ncb-pattern__gallery--grid .ncb-pattern__gallery-item:nth-child(2),
	.ncb-pattern__gallery--grid .ncb-pattern__gallery-item:nth-child(3),
	.ncb-pattern__gallery--stacked .ncb-pattern__gallery-item { grid-column: auto; }
	.ncb-pattern__gallery > .ncb-pattern__primary-video { grid-column: span 12; grid-row: auto; min-height: 360px; }
	.ncb-pattern--bento-grid .ncb-pattern-card:first-child,
	.ncb-pattern--software-bento .ncb-pattern-card:first-child { grid-column: auto; }
}

@media (max-width: 640px) {
	.ncb-pattern { padding-bottom: 3.75rem; padding-top: 3.75rem; }
	.ncb-pattern h2,
	.ncb-pattern-style--direct-response h2,
	.ncb-pattern-style--bold-modern h2 { font-size: clamp(1.75rem, 7.4vw, 2.25rem); line-height: 1.1; }
	.ncb-pattern-treatment--hero h2 { font-size: clamp(2rem, 8.5vw, 2.65rem); }
	.ncb-pattern h3 { font-size: clamp(1.125rem, 5.3vw, 1.3125rem); line-height: 1.2; }
	.ncb-pattern p,
	.ncb-pattern__body,
	.ncb-pattern__steps p,
	.ncb-pattern__accordion summary,
	.ncb-pattern__accordion details > div,
	.ncb-pattern__table-row > * { font-size: clamp(1rem, 4.3vw, 1.125rem); line-height: 1.65; }
	.ncb-pattern .ncb-button { font-size: clamp(1rem, 4.3vw, 1.125rem); }
	.ncb-pattern__grid,
	.ncb-pattern__proof-media,
	.ncb-pattern__comparison { grid-template-columns: 1fr; }
	.ncb-pattern__split-media,
	.ncb-pattern__split-media > img { min-height: 0; }
	.ncb-pattern__gallery { grid-template-columns: 1fr; }
	.ncb-pattern__gallery-item,
	.ncb-pattern__gallery-item:first-child,
	.ncb-pattern__gallery-item:nth-child(2),
	.ncb-pattern__gallery-item:nth-child(3) { grid-column: auto; }
	.ncb-pattern__gallery--strip,
	.ncb-pattern__gallery--carousel { display: grid; grid-auto-columns: 86%; grid-auto-flow: column; grid-template-columns: none; }
	.ncb-pattern__gallery--grid { grid-template-columns: 1fr; }
	.ncb-pattern__gallery--stacked .ncb-pattern__gallery-item,
	.ncb-pattern__gallery--stacked .ncb-pattern__gallery-item:first-child { aspect-ratio: 4 / 3; }
	.ncb-pattern__gallery > .ncb-pattern__primary-video { grid-column: auto; min-height: 260px; }
	.ncb-pattern__rail { grid-auto-columns: 84%; }
	.ncb-pattern__steps { grid-template-columns: 1fr; }
	.ncb-pattern__steps li { min-height: 5.1rem; padding: 1rem 0 1.5rem 4.65rem; }
	.ncb-pattern__steps li > span { left: 0; margin: 0; position: absolute; top: .8rem; }
	.ncb-pattern__steps li:not(:last-child)::after { bottom: -1.3rem; height: auto; left: 1.7rem; right: auto; top: 4rem; width: 2px; }
	.ncb-pattern__table { overflow-x: auto; }
	.ncb-pattern__table-row { grid-template-columns: 145px 220px 180px; min-width: 545px; }
	.ncb-pattern__offer.is-highlighted { transform: none; }
	.ncb-pattern__comparison figure,
	.ncb-pattern__comparison img { min-height: 240px; }
	.ncb-pattern-mobile--media-first .ncb-pattern__split-media { order: -1; }
	.ncb-pattern-mobile--stack .ncb-pattern__grid,
	.ncb-pattern-mobile--stack .ncb-pattern__proof-media,
	.ncb-pattern-mobile--stack .ncb-pattern__offers,
	.ncb-pattern-mobile--stack .ncb-pattern__comparison-pair,
	.ncb-pattern-mobile--stack .ncb-pattern__gallery,
	.ncb-pattern-mobile--stack .ncb-pattern__rail { display: grid; grid-auto-flow: row; grid-template-columns: minmax(0, 1fr); overflow-x: visible; }
	.ncb-pattern-mobile--stack .ncb-pattern__gallery-item { grid-column: auto; width: 100%; }
	.ncb-pattern-mobile--copy-first .ncb-pattern__copy { order: -1; }
	.ncb-pattern-mobile--compact { padding-bottom: 2.25rem; padding-top: 2.25rem; }
	.ncb-pattern-mobile--horizontal-scroll .ncb-pattern__grid,
	.ncb-pattern-mobile--horizontal-scroll .ncb-pattern__proof-media,
	.ncb-pattern-mobile--horizontal-scroll .ncb-pattern__offers { display: grid; grid-auto-columns: 84%; grid-auto-flow: column; overflow-x: auto; scroll-snap-type: inline mandatory; }
	.ncb-pattern-mobile--horizontal-scroll .ncb-pattern__grid > *,
	.ncb-pattern-mobile--horizontal-scroll .ncb-pattern__proof-media > *,
	.ncb-pattern-mobile--horizontal-scroll .ncb-pattern__offers > * { scroll-snap-align: start; }
	.ncb-pattern-mobile--hide-media .ncb-pattern__split-media,
	.ncb-pattern-mobile--hide-media .ncb-pattern__stage-media,
	.ncb-pattern-mobile--hide-media .ncb-pattern__gallery,
	.ncb-pattern-mobile--hide-media .ncb-pattern__comparison,
.ncb-pattern-mobile--hide-media .ncb-pattern__proof-media { display: none; }
}

.ncb-pattern__after-image {
	background: color-mix(in srgb, var(--ncb-surface) 74%, transparent);
	border: 1px solid color-mix(in srgb, #fff 38%, var(--ncb-border));
	border-radius: clamp(1rem, 2vw, 1.6rem);
	box-shadow: 0 20px 55px color-mix(in srgb, var(--ncb-text) 12%, transparent);
	margin: clamp(1.5rem, 3vw, 2.75rem) auto 0;
	max-width: min(960px, calc(100% - 2.5rem));
	overflow: hidden;
	padding: clamp(.3rem, .8vw, .55rem);
}
.ncb-pattern__after-image--compact { max-width: min(760px, calc(100% - 2.5rem)); }
.ncb-pattern__after-image img { background: color-mix(in srgb, var(--ncb-surface) 86%, var(--ncb-accent)); border-radius: calc(clamp(1rem, 2vw, 1.6rem) - .3rem); display: block; height: clamp(250px, 40vw, 470px); object-fit: contain; width: 100%; }
.ncb-pattern__after-image--role-product img,
.ncb-pattern__after-image--role-packaging img,
.ncb-pattern__after-image--role-offer img,
.ncb-pattern__after-image--role-hero img { background: color-mix(in srgb, var(--ncb-surface) 86%, var(--ncb-accent)); object-fit: contain; }

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
	.ncb-pattern--hero.ncb-pattern-archetype--split .ncb-pattern__copy,
	.ncb-pattern--media-overlap .ncb-pattern__header,
	.ncb-pattern__media-accent { background: var(--ncb-surface); }
}

@media (max-width: 640px) {
	.ncb-pattern--hero.ncb-pattern-archetype--split .ncb-pattern__copy { padding: 1.35rem; }
	.ncb-pattern--media-overlap .ncb-pattern__header { margin-bottom: -2.25rem; margin-left: 0; width: 100%; }
	.ncb-pattern--media-overlap .ncb-pattern__gallery { padding-top: 0; }
	.ncb-pattern__after-image,
	.ncb-pattern__after-image--compact { max-width: calc(100% - 1rem); }
	.ncb-pattern__after-image img { height: clamp(220px, 66vw, 290px); }
}

/* Phase 4 native checkout. Payment-provider UI stays inside the existing page aesthetic. */
.ncb-native-checkout,
.ncb-order-success {
	--ncb-checkout-accent: var(--ncb-accent, #1556c0);
	--ncb-checkout-field-bg: color-mix(in srgb, var(--ncb-surface, #fff) 12%, #fff);
	background: var(--ncb-surface, #fff);
	border: 1px solid var(--ncb-border, #dbe3ef);
	border-radius: 1.5rem;
	box-shadow: 0 22px 55px rgba(20, 36, 61, .1);
	color: var(--ncb-text, #17211d);
	font-family: inherit;
	margin: 0 auto;
	max-width: 1100px;
	overflow: hidden;
}
.ncb-native-checkout *,
.ncb-order-success * { box-sizing: border-box; }
.ncb-checkout-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ncb-native-checkout--preview { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ncb-native-checkout--preview.ncb-native-checkout--minimal { grid-template-columns: 1fr; }
.ncb-checkout-preview-field { background: var(--ncb-checkout-field-bg); border: 1px solid color-mix(in srgb, var(--ncb-text, #17211d) 20%, transparent); border-radius: .75rem; display: block; min-height: 3.15rem; }
.ncb-checkout-preview-offer { border: 1px solid var(--ncb-border, #dbe3ef); border-radius: .75rem; margin: 0 0 .75rem; padding: .85rem 1rem; }
.ncb-checkout-preview-caption { display: block; line-height: 1.4; margin-top: .75rem; }
.ncb-checkout-step { padding: clamp(1.5rem, 4vw, 2.75rem); }
.ncb-checkout-country-name { align-items: center; border: 1px solid var(--ncb-border, #dbe3ef); border-radius: .75rem; display: flex; font-weight: 650; min-height: 3.15rem; padding: .78rem .9rem; }
.ncb-checkout-reminder { align-items: flex-start; cursor: pointer; display: flex; font-size: .9rem; font-weight: 500; gap: .65rem; line-height: 1.5; margin-top: 1.3rem; }
.ncb-checkout-reminder input { accent-color: var(--ncb-checkout-accent); flex: 0 0 auto; height: 1.15rem; margin: .1rem 0 0; width: 1.15rem; }
.ncb-checkout-field[hidden] { display: none !important; }
.ncb-checkout-step + .ncb-checkout-step { background: color-mix(in srgb, var(--ncb-checkout-accent) 5%, #fff); border-left: 1px solid var(--ncb-border, #dbe3ef); }
.ncb-checkout-step[hidden] { display: none !important; }
.ncb-checkout-step header { margin-bottom: 1.35rem; }
.ncb-checkout-step header > span { color: var(--ncb-checkout-accent); display: block; font-size: .78rem; font-weight: 850; letter-spacing: .12em; margin-bottom: .45rem; text-transform: uppercase; }
.ncb-checkout-step h3 { color: inherit; font-size: clamp(1.35rem, 2.8vw, 2rem); line-height: 1.12; margin: 0; }
.ncb-checkout-fields { display: grid; gap: 1rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ncb-checkout-field { color: inherit; display: grid; font-size: 1rem; font-weight: 750; gap: .45rem; min-width: 0; }
.ncb-checkout-field--wide { grid-column: 1 / -1; }
.ncb-checkout-field input,
.ncb-checkout-field select,
.ncb-checkout-field textarea {
	appearance: none;
	background: var(--ncb-checkout-field-bg);
	border: 1px solid color-mix(in srgb, var(--ncb-text, #17211d) 20%, transparent);
	border-radius: .75rem;
	box-shadow: none;
	color: #17211d;
	font: inherit;
	font-size: 1rem;
	line-height: 1.45;
	min-height: 3.15rem;
	padding: .78rem .9rem;
	width: 100%;
}
.ncb-checkout-field textarea { min-height: 6.7rem; resize: vertical; }
.ncb-checkout-field input:focus,
.ncb-checkout-field select:focus,
.ncb-checkout-field textarea:focus { border-color: var(--ncb-checkout-accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--ncb-checkout-accent) 18%, transparent); outline: 0; }
.ncb-payment-methods { border: 0; display: grid; gap: .65rem; margin: 0; min-width: 0; padding: 0; }
.ncb-payment-methods legend { color: inherit; font-size: 1rem; font-weight: 800; padding: 0; }
.ncb-payment-methods > p { color: color-mix(in srgb, var(--ncb-text, #17211d) 68%, transparent); font-size: .92rem; line-height: 1.45; margin: 0; }
.ncb-payment-method-grid { display: grid; gap: .65rem; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); }
.ncb-payment-choice { align-items: center; background: var(--ncb-checkout-field-bg); border: 1px solid color-mix(in srgb, var(--ncb-text, #17211d) 20%, transparent); border-radius: .85rem; cursor: pointer; display: grid; gap: .75rem; grid-template-columns: auto auto 1fr; min-width: 0; padding: .8rem; }
.ncb-pattern__section-action { display: flex; justify-content: center; margin-block: clamp(1.5rem, 3vw, 2.75rem) .5rem; }
.ncb-payment-choice:has(input:checked) { border-color: var(--ncb-checkout-accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--ncb-checkout-accent) 15%, transparent); }
.ncb-payment-choice input { accent-color: var(--ncb-checkout-accent); height: 1.15rem; margin: 0; width: 1.15rem; }
.ncb-payment-choice__icon { align-items: center; background: color-mix(in srgb, var(--ncb-checkout-accent) 10%, #fff); border-radius: .65rem; color: var(--ncb-checkout-accent); display: inline-flex; font-size: .82rem; font-weight: 900; height: 2.35rem; justify-content: center; min-width: 2.35rem; padding: .2rem; }
.ncb-payment-choice > span:last-child { display: grid; gap: .16rem; min-width: 0; }
.ncb-payment-choice strong { color: #17211d; font-size: .98rem; line-height: 1.2; }
.ncb-payment-choice small { color: #607069; font-size: .8rem; font-weight: 500; line-height: 1.35; }
.ncb-checkout-actions { align-items: center; display: flex; flex-wrap: wrap; gap: .75rem; justify-content: space-between; margin-top: 1.25rem; }
.ncb-checkout-button,
.ncb-checkout-back {
	align-items: center;
	border: 0;
	border-radius: .75rem;
	cursor: pointer;
	display: inline-flex;
	font: inherit;
	font-size: 1rem;
	font-weight: 850;
	justify-content: center;
	line-height: 1.2;
	min-height: 3.25rem;
	padding: .9rem 1.35rem;
	text-decoration: none;
}
.ncb-checkout-button { background: var(--ncb-checkout-accent); color: #fff !important; }
.ncb-checkout-back { background: transparent; border: 1px solid var(--ncb-border, #dbe3ef); color: inherit; }
.ncb-checkout-button[disabled] { cursor: wait; opacity: .65; }
.ncb-checkout-note,
.ncb-checkout-recovery-note { color: color-mix(in srgb, var(--ncb-text, #17211d) 70%, transparent); font-size: .95rem; line-height: 1.6; margin: 1rem 0 0; }
.ncb-checkout-honeypot { left: -10000px !important; position: absolute !important; top: auto !important; }
.ncb-checkout-alert,
.ncb-checkout-warning { background: #fff7d6; border-left: 4px solid #d29a00; color: #483500; line-height: 1.55; margin: 0; padding: 1rem 1.15rem; }
.ncb-checkout-alert--error { background: #fff0f0; border-left-color: #bd2e2e; color: #6e1717; }
.ncb-checkout-alert--success { background: #eaf8e7; border-left-color: #2d8522; color: #245c1e; }

/* Six layout choices alter checkout presentation without changing payment logic. */
.ncb-native-checkout--minimal { box-shadow: none; max-width: 720px; }
.ncb-native-checkout--minimal .ncb-checkout-form { grid-template-columns: 1fr; }
.ncb-native-checkout--minimal .ncb-checkout-step + .ncb-checkout-step { background: transparent; border-left: 0; border-top: 1px solid var(--ncb-border, #dbe3ef); }
.ncb-native-checkout--direct_response { border: 3px solid var(--ncb-checkout-accent); border-radius: .5rem; box-shadow: 10px 10px 0 color-mix(in srgb, var(--ncb-checkout-accent) 22%, transparent); }
.ncb-native-checkout--direct_response .ncb-checkout-button { border-radius: .35rem; text-transform: uppercase; width: 100%; }
.ncb-native-checkout--digital_checkout { background: linear-gradient(145deg, #101727, #18233b); border-color: rgba(255,255,255,.13); color: #f5f7fb; }
.ncb-native-checkout--digital_checkout .ncb-checkout-step + .ncb-checkout-step { background: rgba(255,255,255,.045); border-left-color: rgba(255,255,255,.13); }
.ncb-native-checkout--digital_checkout .ncb-checkout-note,
.ncb-native-checkout--digital_checkout .ncb-checkout-recovery-note { color: rgba(255,255,255,.72); }
.ncb-native-checkout--package_checkout .ncb-checkout-step:nth-child(2) { background: linear-gradient(155deg, color-mix(in srgb, var(--ncb-checkout-accent) 10%, #fff), #fff); }

.ncb-order-success { padding: clamp(1.5rem, 5vw, 3.5rem); }
.ncb-order-success h2 { font-size: clamp(2rem, 5vw, 3.5rem); margin: .3rem 0 1rem; }
.ncb-order-success__message { font-size: clamp(1rem, 1.6vw, 1.15rem); line-height: 1.65; }
.ncb-order-success__summary { border: 1px solid var(--ncb-border, #dbe3ef); border-radius: 1rem; display: grid; gap: 1px; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); margin: 1.5rem 0; overflow: hidden; }
.ncb-order-success__summary > div { background: color-mix(in srgb, var(--ncb-checkout-accent) 5%, #fff); display: grid; gap: .25rem; padding: 1rem; }
.ncb-order-success__summary span { color: color-mix(in srgb, var(--ncb-text, #17211d) 65%, transparent); font-size: .8rem; font-weight: 750; text-transform: uppercase; }
.ncb-bank-transfer-details { border-top: 1px solid var(--ncb-border, #dbe3ef); margin-top: 1.75rem; padding-top: 1.75rem; }
.ncb-bank-transfer-accounts { display: grid; gap: 1rem; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); }
.ncb-bank-transfer-accounts article { background: color-mix(in srgb, var(--ncb-checkout-accent) 6%, #fff); border: 1px solid var(--ncb-border, #dbe3ef); border-radius: 1rem; display: grid; gap: .4rem; padding: 1.1rem; }
.ncb-bank-transfer-accounts code { background: #fff; border-radius: .4rem; color: #17211d; font-size: 1.05rem; font-weight: 850; padding: .55rem; }
.ncb-receipt-upload { border: 1px dashed color-mix(in srgb, var(--ncb-checkout-accent) 45%, transparent); border-radius: 1rem; display: grid; gap: .8rem; margin: 1.25rem 0; padding: 1.15rem; }
.ncb-receipt-upload input[type="file"] { font: inherit; font-size: 1rem; max-width: 100%; }

@media (max-width: 760px) {
	.ncb-checkout-form { grid-template-columns: 1fr; }
	.ncb-native-checkout--preview { grid-template-columns: 1fr; }
	.ncb-checkout-step + .ncb-checkout-step { border-left: 0; border-top: 1px solid var(--ncb-border, #dbe3ef); }
	.ncb-checkout-fields { grid-template-columns: 1fr; }
	.ncb-checkout-field--wide { grid-column: auto; }
	.ncb-checkout-field,
	.ncb-checkout-field input,
	.ncb-checkout-field select,
	.ncb-checkout-field textarea,
	.ncb-checkout-button,
	.ncb-checkout-back { font-size: 16px; }
	.ncb-checkout-actions > * { flex: 1 1 145px; }
	.ncb-order-success__summary { grid-template-columns: 1fr; }
}

/* Galekzie 3.3 — shared Blueprint controls and stronger responsive/style differentiation. */
.ncb-pattern {
	padding-top: var(--ncb-custom-padding, clamp(5.5rem, 9vw, 9rem));
	padding-bottom: var(--ncb-custom-padding, clamp(5.5rem, 9vw, 9rem));
}
.ncb-pattern .ncb-pattern__header { margin-bottom: clamp(2.25rem, 4.5vw, 3.75rem); }
.ncb-pattern .ncb-pattern__compact-items { gap: clamp(1.1rem, 2vw, 1.75rem); margin-top: clamp(2rem, 3vw, 3rem); }
.ncb-pattern .ncb-pattern__shell { max-width: var(--ncb-custom-content-width, 1180px); }
.ncb-pattern .ncb-pattern__split,
.ncb-pattern .ncb-pattern__editorial,
.ncb-pattern .ncb-pattern__grid,
.ncb-pattern .ncb-pattern__offers,
.ncb-pattern .ncb-pattern__comparison,
.ncb-pattern .ncb-pattern__proof-media { gap: var(--ncb-custom-gap, clamp(1.15rem, 3vw, 3rem)); }
.ncb-pattern .ncb-pattern__header h2 { font-size: var(--ncb-custom-heading-size, clamp(2.25rem, 4vw, 3.5rem)); font-weight: var(--ncb-custom-font-weight, 800); line-height: var(--ncb-custom-line-height, 1.08); }
.ncb-pattern .ncb-pattern__body,
.ncb-pattern .ncb-pattern__body p,
.ncb-pattern .ncb-pattern-card p { font-size: var(--ncb-custom-body-size, clamp(1.0625rem, 1.3vw, 1.2rem)); line-height: var(--ncb-custom-line-height, 1.65); }
.ncb-pattern-align--left .ncb-pattern__header { margin-left: 0; margin-right: auto; text-align: left; }
.ncb-pattern-align--center .ncb-pattern__header { margin-left: auto; margin-right: auto; text-align: center; }
.ncb-pattern-align--right .ncb-pattern__header { margin-left: auto; margin-right: 0; text-align: right; }
.ncb-pattern-valign--start .ncb-pattern__split { align-items: start; }
.ncb-pattern-valign--center .ncb-pattern__split { align-items: center; }
.ncb-pattern-valign--end .ncb-pattern__split { align-items: end; }
.ncb-pattern-media-position--left .ncb-pattern__split-media { grid-column: 1; grid-row: 1; }
.ncb-pattern-media-position--left .ncb-pattern__copy { grid-column: 2; grid-row: 1; }
.ncb-pattern-media-position--right .ncb-pattern__copy { grid-column: 1; grid-row: 1; }
.ncb-pattern-media-position--right .ncb-pattern__split-media { grid-column: 2; grid-row: 1; }
.ncb-pattern-media-position--above .ncb-pattern__split,
.ncb-pattern-media-position--below .ncb-pattern__split { grid-template-columns: 1fr; }
.ncb-pattern-media-position--above .ncb-pattern__split-media { order: -1; }
.ncb-pattern-media-position--below .ncb-pattern__split-media { order: 2; }
.ncb-pattern .ncb-pattern__media,
.ncb-pattern .ncb-pattern__item-visual img,
.ncb-pattern .ncb-pattern__gallery-item img,
.ncb-pattern .ncb-pattern__comparison img,
.ncb-pattern .ncb-pattern__split-media > img,
.ncb-pattern .ncb-pattern__stage-media img { object-fit: var(--ncb-media-fit, contain); object-position: var(--ncb-media-object-position, center center); }
.ncb-pattern-media-fit--cover { --ncb-media-fit: cover; }
.ncb-pattern-media-fit--contain { --ncb-media-fit: contain; }
/* A selected ratio changes image frames only; object-fit contain preserves every pixel. */
.ncb-pattern[class*="ncb-pattern-media-ratio--"] .ncb-pattern__item-visual img,
.ncb-pattern[class*="ncb-pattern-media-ratio--"] .ncb-pattern__gallery-item img,
.ncb-pattern[class*="ncb-pattern-media-ratio--"] .ncb-pattern__split-media > img,
.ncb-pattern[class*="ncb-pattern-media-ratio--"] .ncb-pattern__stage-media img,
.ncb-pattern[class*="ncb-pattern-media-ratio--"] .ncb-pattern__editorial-media img,
.ncb-pattern[class*="ncb-pattern-media-ratio--"] .ncb-pattern__offer-image img,
.ncb-pattern[class*="ncb-pattern-media-ratio--"] .ncb-pattern__proof-media > article > img {
	aspect-ratio: var(--ncb-media-aspect-ratio, auto); height: auto; max-height: none; min-height: 0; object-fit: var(--ncb-media-fit, contain); width: 100%;
}
.ncb-pattern[class*="ncb-pattern-media-ratio--"] .ncb-pattern__gallery-item { aspect-ratio: var(--ncb-media-aspect-ratio, auto); }
.ncb-pattern[class*="ncb-pattern-media-ratio--"] .ncb-pattern__before-after-slider { aspect-ratio: var(--ncb-media-aspect-ratio, 16 / 10); }
.ncb-pattern:not([class*="ncb-pattern-media-ratio--"]) [data-ncb-image-review="true"] .ncb-pattern__item-visual img,
.ncb-pattern:not([class*="ncb-pattern-media-ratio--"]) [data-ncb-image-review="true"] > img { aspect-ratio: auto; height: auto; max-height: none; min-height: 0; object-fit: contain; width: 100%; }
.ncb-pattern [data-ncb-image-review="true"] > .ncb-pattern-card__number,
.ncb-pattern [data-ncb-image-review="true"] > .ncb-pattern__timeline-index,
.ncb-pattern [data-ncb-image-review="true"] h3:empty,
.ncb-pattern [data-ncb-image-review="true"] p:empty,
.ncb-pattern [data-ncb-image-review="true"] strong:empty,
.ncb-pattern [data-ncb-image-review="true"] span:empty { display: none; }
.ncb-pattern__comparison-pairs { display: grid; gap: clamp(1.4rem, 3vw, 2.5rem); }
.ncb-pattern__comparison-pair { border-bottom: 1px solid var(--ncb-border); padding-bottom: clamp(1.25rem, 3vw, 2.5rem); }
.ncb-pattern__comparison-pair:last-child { border-bottom: 0; padding-bottom: 0; }

/* A real range control reveals the After image over the Before image. */
.ncb-pattern__before-after-slider { --ncb-reveal: 50%; aspect-ratio: 16 / 10; background: var(--ncb-surface-alt, #edf2f3); border-radius: 1.25rem; isolation: isolate; margin: 0 auto; max-width: 100%; overflow: hidden; position: relative; width: min(100%, 980px); }
.ncb-pattern__before-after-slider figure { height: 100%; inset: 0; margin: 0; position: absolute; width: 100%; }
.ncb-pattern__before-after-slider figure.ncb-pattern__before-after-slider-after { clip-path: inset(0 calc(100% - var(--ncb-reveal)) 0 0); z-index: 1; }
.ncb-pattern__before-after-slider figure img { display: block; height: 100%; max-height: none; min-height: 0; object-fit: var(--ncb-media-fit, contain); object-position: var(--ncb-media-object-position, center center); width: 100%; }
.ncb-pattern__before-after-slider figcaption { background: rgba(15,23,42,.82); border-radius: .45rem; bottom: .75rem; color: #fff; font-size: .82rem; font-weight: 700; left: .75rem; padding: .35rem .6rem; position: absolute; }
.ncb-pattern__before-after-slider-before figcaption { left: auto; right: .75rem; }
.ncb-pattern__before-after-divider { background: #fff; box-shadow: 0 0 0 1px rgba(0,0,0,.3), 0 0 12px rgba(0,0,0,.24); height: 100%; left: var(--ncb-reveal); pointer-events: none; position: absolute; top: 0; transform: translateX(-50%); width: 3px; z-index: 2; }
.ncb-pattern__before-after-range { -webkit-appearance: none; appearance: none; background: transparent; cursor: ew-resize; height: 44px; left: 0; margin: 0; position: absolute; top: 50%; touch-action: pan-y; transform: translateY(-50%); width: 100%; z-index: 3; }
.ncb-pattern__before-after-range::-webkit-slider-runnable-track { background: transparent; height: 44px; }
.ncb-pattern__before-after-range::-moz-range-track { background: transparent; height: 44px; }
.ncb-pattern__before-after-range::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; background: #fff; border: 4px solid var(--ncb-accent, #176a56); border-radius: 50%; box-shadow: 0 2px 12px rgba(0,0,0,.4); height: 44px; width: 44px; }
.ncb-pattern__before-after-range::-moz-range-thumb { background: #fff; border: 4px solid var(--ncb-accent, #176a56); border-radius: 50%; box-shadow: 0 2px 12px rgba(0,0,0,.4); height: 44px; width: 44px; }
.ncb-pattern__before-after-range:focus-visible { outline: 3px solid var(--ncb-accent, #176a56); outline-offset: -3px; }

/* Offer layouts should read like buying decisions, not giant form boxes. */
.ncb-pattern__offers { align-items: stretch; }
.ncb-pattern__offer { border-radius: clamp(.85rem, 2vw, 1.35rem); min-height: 0; overflow: visible; padding: clamp(1.35rem, 2.5vw, 2rem); }
.ncb-pattern__offer h3 { max-width: 78%; }
.ncb-pattern__offer-image { background: var(--ncb-surface-alt); border-radius: .9rem; margin: -.35rem -.35rem 1rem; overflow: hidden; }
.ncb-pattern__offer-image img { aspect-ratio: 5 / 3; object-fit: var(--ncb-media-fit, contain); width: 100%; }
.ncb-pattern__offer-image img { max-height: 320px; object-position: var(--ncb-media-object-position, center); }
.ncb-pattern__price { margin: 1rem 0 .75rem; }
.ncb-pattern__price strong { font-size: clamp(2rem, 4vw, 3rem); letter-spacing: -.045em; }
.ncb-pattern__offer .ncb-pattern__button { margin-top: 1.35rem; }
.ncb-pattern-style--direct-response .ncb-pattern__offer.is-highlighted { border-left: .45rem solid var(--ncb-secondary); transform: none; }
.ncb-pattern-style--premium-luxury .ncb-pattern__offer { border-left: 0; border-right: 0; padding-left: .5rem; padding-right: .5rem; }
.ncb-pattern-style--ugc .ncb-pattern__offer { border-style: dashed; }
.ncb-pattern-style--saas .ncb-pattern__offer { border-top: 4px solid var(--ncb-primary); }
.ncb-pattern-style--homely .ncb-pattern__offer { border-radius: 2rem .8rem 2rem .8rem; }

/* Stronger style identities: layout, media and rhythm differ—not only palette. */
.ncb-pattern-style--direct-response.ncb-pattern--problem .ncb-pattern__header,
.ncb-pattern-style--direct-response.ncb-pattern--offer .ncb-pattern__header { max-width: 900px; }
.ncb-pattern-style--direct-response .ncb-pattern__price strong { font-weight: 950; }
.ncb-pattern-style--saas .ncb-pattern__split { align-items: start; }
.ncb-pattern-style--saas .ncb-pattern__split-media,
.ncb-pattern-style--saas .ncb-pattern__stage-media { background: linear-gradient(160deg, #0f172a, #1e293b); border: .55rem solid #0f172a; border-radius: 1.1rem; }
.ncb-pattern-style--saas .ncb-pattern__split-media img,
.ncb-pattern-style--saas .ncb-pattern__stage-media img { border-radius: .55rem; }
.ncb-pattern-style--saas .ncb-pattern-card { min-height: 180px; }
.ncb-pattern-style--ugc .ncb-pattern__gallery { gap: .6rem; }
.ncb-pattern-style--ugc .ncb-pattern__gallery-item { border: .5rem solid #fff; border-radius: .5rem; box-shadow: 0 14px 30px rgba(15,23,42,.14); }
.ncb-pattern-style--ugc .ncb-pattern__gallery-item:nth-child(odd) { transform: rotate(-.55deg); }
.ncb-pattern-style--ugc .ncb-pattern__gallery-item:nth-child(even) { transform: rotate(.55deg); }
.ncb-pattern-style--demo-heavy .ncb-pattern__stage-media,
.ncb-pattern-style--demo-heavy .ncb-pattern__split-media { max-height: none; }
.ncb-pattern-style--demo-heavy .ncb-pattern__stage-media img,
.ncb-pattern-style--demo-heavy .ncb-pattern__split-media > img { max-height: 760px; }
.ncb-pattern-style--demo-heavy .ncb-pattern__body { max-width: 600px; }
.ncb-pattern-style--homely .ncb-pattern__editorial,
.ncb-pattern-style--homely .ncb-pattern__split { gap: clamp(2rem, 6vw, 6rem); }
.ncb-pattern-style--homely .ncb-pattern__gallery-item { border: .35rem solid color-mix(in srgb, var(--ncb-surface) 90%, transparent); }
.ncb-pattern-style--creator-led .ncb-pattern__proof-media { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ncb-pattern-style--clinical .ncb-pattern__table-row { border-radius: 0; }
.ncb-pattern-style--minimal .ncb-pattern__gallery-item { border-radius: .25rem; }

/* Prevent narrow-card word stacks while preserving intentional uneven/bento composition. */
@media (max-width: 900px) {
	.ncb-pattern__grid { grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr)); }
	.ncb-pattern-card { min-width: 0; }
}
@media (max-width: 640px) {
	.ncb-pattern { padding-top: var(--ncb-custom-padding, clamp(72px, 18vw, 88px)); padding-bottom: var(--ncb-custom-padding, clamp(72px, 18vw, 88px)); }
	.ncb-pattern__gallery--fullbleed { margin-inline: -1.25rem; padding-inline: 1.25rem; }
	.ncb-pattern__gallery--fullbleed .ncb-pattern__gallery-item,
	.ncb-pattern__gallery--fullbleed .ncb-pattern__gallery-item:first-child,
	.ncb-pattern__gallery--fullbleed .ncb-pattern__gallery-item:nth-child(2),
	.ncb-pattern__gallery--fullbleed .ncb-pattern__gallery-item:nth-child(3) { flex-basis: min(86vw, 520px); }
	.ncb-pattern__gallery--thumbnails { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.ncb-pattern__before-after-slider { aspect-ratio: 4 / 5; }
	.ncb-pattern .ncb-pattern__header h2 { font-size: min(var(--ncb-custom-heading-size, 36px), 42px); }
	.ncb-pattern .ncb-pattern__body,
	.ncb-pattern .ncb-pattern__body p,
	.ncb-pattern .ncb-pattern-card p { font-size: max(16px, min(var(--ncb-custom-body-size, 17px), 20px)); }
	.ncb-pattern__grid:not(.ncb-pattern-mobile--horizontal-scroll .ncb-pattern__grid) { grid-template-columns: 1fr; }
	.ncb-pattern-media-position--left .ncb-pattern__copy,
	.ncb-pattern-media-position--right .ncb-pattern__copy,
	.ncb-pattern-media-position--left .ncb-pattern__split-media,
	.ncb-pattern-media-position--right .ncb-pattern__split-media { grid-column: auto; grid-row: auto; }
	.ncb-pattern__comparison-pair { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.ncb-pattern__comparison-pair figure,
	.ncb-pattern__comparison-pair img { min-height: 0; }
	.ncb-pattern__comparison-pair img { aspect-ratio: 4 / 5; height: auto; width: 100%; }
	.ncb-pattern__offer h3 { max-width: 72%; }
	.ncb-pattern-style--creator-led .ncb-pattern__proof-media { grid-template-columns: 1fr; }
}


/* Galekzie 3.3 — section-level typography, button and composition controls shared by Preview + live output. */
.ncb-pattern{margin-block:var(--ncb-custom-margin,0)}
.ncb-pattern,.ncb-pattern p,.ncb-pattern li,.ncb-pattern input,.ncb-pattern textarea,.ncb-pattern select{font-family:var(--ncb-custom-body-font,var(--ncb-body-font,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif))}
.ncb-pattern h1,.ncb-pattern h2,.ncb-pattern h3,.ncb-pattern h4,.ncb-pattern h5,.ncb-pattern h6{font-family:var(--ncb-custom-heading-font,var(--ncb-heading-font,inherit));letter-spacing:var(--ncb-custom-letter-spacing,normal)}
.ncb-pattern .ncb-button{border-radius:var(--ncb-custom-button-radius,var(--ncb-button-radius,14px))}
.ncb-pattern-button-size--small .ncb-pattern__button{font-size:.9rem;padding:.7rem 1.05rem}
.ncb-pattern-button-size--medium .ncb-pattern__button{font-size:1rem;padding:.9rem 1.35rem}
.ncb-pattern-button-size--large .ncb-pattern__button{font-size:1.08rem;padding:1.05rem 1.65rem}
.ncb-pattern-button-align--left .ncb-pattern__button{display:table;margin-left:0;margin-right:auto}
.ncb-pattern-button-align--center .ncb-pattern__button{display:table;margin-left:auto;margin-right:auto}
.ncb-pattern-button-align--right .ncb-pattern__button{display:table;margin-left:auto;margin-right:0}
.ncb-pattern-button-align--full .ncb-pattern__button{display:block;width:100%;text-align:center}
.ncb-pattern-column-ratio--40-60 .ncb-pattern__split{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}
.ncb-pattern-column-ratio--50-50 .ncb-pattern__split{grid-template-columns:repeat(2,minmax(0,1fr))}
.ncb-pattern-column-ratio--60-40 .ncb-pattern__split{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}
.ncb-pattern-media-layout--grid .ncb-pattern__gallery,.ncb-pattern-media-layout--grid .ncb-pattern__proof-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ncb-custom-gap,1rem)}
.ncb-pattern-media-layout--stack .ncb-pattern__gallery,.ncb-pattern-media-layout--stack .ncb-pattern__proof-media{display:grid;grid-template-columns:1fr;gap:var(--ncb-custom-gap,1rem)}
.ncb-pattern-media-layout--mosaic .ncb-pattern__gallery,.ncb-pattern-media-layout--mosaic .ncb-pattern__proof-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:dense;gap:var(--ncb-custom-gap,1rem)}
.ncb-pattern-media-layout--mosaic .ncb-pattern__gallery>*:first-child,.ncb-pattern-media-layout--mosaic .ncb-pattern__proof-media>*:first-child{grid-row:span 2}
@media(max-width:782px){.ncb-pattern-column-ratio--40-60 .ncb-pattern__split,.ncb-pattern-column-ratio--50-50 .ncb-pattern__split,.ncb-pattern-column-ratio--60-40 .ncb-pattern__split{grid-template-columns:1fr}.ncb-pattern-media-layout--grid .ncb-pattern__gallery,.ncb-pattern-media-layout--grid .ncb-pattern__proof-media,.ncb-pattern-media-layout--mosaic .ncb-pattern__gallery,.ncb-pattern-media-layout--mosaic .ncb-pattern__proof-media{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){.ncb-pattern-media-layout--grid .ncb-pattern__gallery,.ncb-pattern-media-layout--grid .ncb-pattern__proof-media,.ncb-pattern-media-layout--mosaic .ncb-pattern__gallery,.ncb-pattern-media-layout--mosaic .ncb-pattern__proof-media{grid-template-columns:1fr}.ncb-pattern-media-layout--mosaic .ncb-pattern__gallery>*:first-child,.ncb-pattern-media-layout--mosaic .ncb-pattern__proof-media>*:first-child{grid-row:auto}}

/* Preserve usable widths when offer media and package cards share a section. */
@media (max-width: 782px) {
	.ncb-pattern__offer-presentation,
	.ncb-pattern--offer-split .ncb-pattern__split { grid-template-columns: minmax(0, 1fr); }
	.ncb-pattern__offer-feature-image { margin-inline: auto; max-width: min(100%, 560px); width: 100%; }
	.ncb-pattern__offer-feature-image img { max-height: 440px; }
	.ncb-pattern--offer-split .ncb-pattern__split-media { width: 100%; }
	.ncb-pattern--offer-split .ncb-pattern__copy,
	.ncb-pattern--offer-split .ncb-pattern__split-media { grid-column: 1; grid-row: auto; min-width: 0; }
	.ncb-pattern__offer-image img { aspect-ratio: 4 / 3; max-height: 280px; }
}

/* Keep an explicit image ratio in gallery variants and on narrow screens. */
.ncb-pattern.ncb-pattern[class*="ncb-pattern-media-ratio--"] .ncb-pattern__gallery-item { aspect-ratio: var(--ncb-media-aspect-ratio, auto); }
.ncb-pattern.ncb-pattern[class*="ncb-pattern-media-ratio--"] .ncb-pattern__gallery-item img,
.ncb-pattern.ncb-pattern[class*="ncb-pattern-media-ratio--"] .ncb-pattern__offer-image img,
.ncb-pattern.ncb-pattern[class*="ncb-pattern-media-ratio--"] .ncb-pattern__item-visual img { aspect-ratio: var(--ncb-media-aspect-ratio, auto); height: auto; max-height: none; min-height: 0; object-fit: var(--ncb-media-fit, contain); width: 100%; }
.ncb-pattern.ncb-pattern:not([class*="ncb-pattern-media-ratio--"]) [data-ncb-image-review="true"] .ncb-pattern__item-visual img,
.ncb-pattern.ncb-pattern:not([class*="ncb-pattern-media-ratio--"]) [data-ncb-image-review="true"] > img { aspect-ratio: auto; height: auto; max-height: none; min-height: 0; object-fit: contain; width: 100%; }
.ncb-pattern--has-image-reviews .ncb-pattern__gallery { grid-auto-rows: auto; }
.ncb-pattern--has-image-reviews:not([class*="ncb-pattern-media-ratio--"]) .ncb-pattern__gallery-item[data-ncb-image-review="true"] { aspect-ratio: auto; min-height: 0; }

/* Original images and their frames must both use intrinsic height. A grid tile
   can span a taller row, and a thumbnail button can inherit that row's height,
   even when the image itself has height:auto. Keep the chosen composition but
   prevent its coloured media frame from stretching around the image. */
.ncb-pattern.ncb-pattern-media-ratio--original .ncb-pattern__gallery {
	align-items: start;
	grid-auto-rows: max-content;
}
.ncb-pattern.ncb-pattern-media-ratio--original .ncb-pattern__gallery-item {
	aspect-ratio: auto;
	align-self: start;
	block-size: max-content;
	min-height: 0;
}
.ncb-pattern.ncb-pattern-media-ratio--original .ncb-pattern__gallery--thumbnails .ncb-pattern__thumbnail {
	block-size: max-content;
}
.ncb-pattern.ncb-pattern-media-ratio--original .ncb-pattern__gallery-item img,
.ncb-pattern.ncb-pattern-media-ratio--original .ncb-pattern__thumbnail img {
	aspect-ratio: auto;
	block-size: auto;
	max-block-size: none;
	min-block-size: 0;
	width: 100%;
}
.ncb-pattern.ncb-pattern-media-ratio--original .ncb-pattern__split-media,
.ncb-pattern.ncb-pattern-media-ratio--original .ncb-pattern__editorial-media,
.ncb-pattern.ncb-pattern-media-ratio--original .ncb-pattern__offer-feature-image,
.ncb-pattern.ncb-pattern-media-ratio--original .ncb-pattern__proof-media > article {
	align-self: start;
	block-size: max-content;
	min-height: 0;
}
.ncb-pattern.ncb-pattern-media-ratio--original .ncb-pattern__item-visual:not(.ncb-pattern__video),
.ncb-pattern.ncb-pattern-media-ratio--original .ncb-pattern__offer-image,
.ncb-pattern.ncb-pattern-media-ratio--original .ncb-pattern__comparison figure {
	aspect-ratio: auto;
	block-size: max-content;
	min-height: 0;
}
.ncb-pattern.ncb-pattern-media-ratio--original .ncb-pattern__grid > .ncb-pattern-card,
.ncb-pattern.ncb-pattern-media-ratio--original .ncb-pattern__rail > article {
	align-self: start;
	min-height: 0;
}
.ncb-pattern.ncb-pattern-media-ratio--original .ncb-pattern__stage-media {
	max-height: none;
}
.ncb-pattern.ncb-pattern-media-ratio--original .ncb-pattern__comparison img,
.ncb-pattern.ncb-pattern-media-ratio--original .ncb-pattern__after-image img {
	aspect-ratio: auto;
	block-size: auto;
	max-block-size: none;
	min-block-size: 0;
	width: 100%;
}

/* Independent text controls; inherited values leave older pages unchanged. */
.ncb-pattern[style*="--ncb-headline-align:"] .ncb-pattern__header h2 { text-align: var(--ncb-headline-align); }
.ncb-pattern[style*="--ncb-body-align:"] .ncb-pattern__header .ncb-pattern__body { text-align: var(--ncb-body-align); }
.ncb-pattern[style*="--ncb-headline-color:"] .ncb-pattern__header h2 { color: var(--ncb-headline-color); }
.ncb-pattern[style*="--ncb-body-color:"] .ncb-pattern__header .ncb-pattern__body { color: var(--ncb-body-color); }
.ncb-pattern.ncb-pattern--text-placement .ncb-pattern__header { display: flex; flex-direction: column; }
.ncb-pattern.ncb-pattern--text-placement .ncb-pattern__header h2 { order: var(--ncb-headline-vertical-order, 0); }
.ncb-pattern.ncb-pattern--text-placement .ncb-pattern__header .ncb-pattern__body { order: var(--ncb-body-vertical-order, 1); }
.ncb-pattern [style*="--ncb-item-title-align:"] h3,
.ncb-pattern [style*="--ncb-item-title-align:"] .ncb-pattern__item-title,
.ncb-pattern [style*="--ncb-item-title-align:"] > strong,
.ncb-pattern [style*="--ncb-item-title-align:"] > summary { text-align: var(--ncb-item-title-align); }
.ncb-pattern [style*="--ncb-item-title-color:"] h3,
.ncb-pattern [style*="--ncb-item-title-color:"] .ncb-pattern__item-title,
.ncb-pattern [style*="--ncb-item-title-color:"] > strong,
.ncb-pattern [style*="--ncb-item-title-color:"] > summary { color: var(--ncb-item-title-color); }
.ncb-pattern [style*="--ncb-item-description-align:"] .ncb-pattern__item-body { text-align: var(--ncb-item-description-align); }
.ncb-pattern [style*="--ncb-item-description-color:"] .ncb-pattern__item-body { color: var(--ncb-item-description-color); }
.ncb-pattern .ncb-pattern__item-body { min-width: 0; overflow-wrap: anywhere; }
.ncb-pattern .ncb-pattern__item-body p { margin: 0 0 .65em; }
.ncb-pattern .ncb-pattern__item-body p:last-child { margin-bottom: 0; }
.ncb-pattern .ncb-pattern__item-body ul,
.ncb-pattern .ncb-pattern__item-body ol,
.ncb-pattern .ncb-pattern__body ul,
.ncb-pattern .ncb-pattern__body ol { margin: .4em 0 .7em; padding-inline-start: 1.5em; }
.ncb-pattern h3:empty,
.ncb-pattern .ncb-pattern__item-title:empty { display: none; }
@media (max-width: 767px) {
	.ncb-pattern[style*="--ncb-headline-align-mobile:"] .ncb-pattern__header h2 { text-align: var(--ncb-headline-align-mobile); }
	.ncb-pattern[style*="--ncb-body-align-mobile:"] .ncb-pattern__header .ncb-pattern__body { text-align: var(--ncb-body-align-mobile); }
	.ncb-pattern.ncb-pattern--text-placement .ncb-pattern__header h2 { order: var(--ncb-headline-vertical-mobile-order, var(--ncb-headline-vertical-order, 0)); }
	.ncb-pattern.ncb-pattern--text-placement .ncb-pattern__header .ncb-pattern__body { order: var(--ncb-body-vertical-mobile-order, var(--ncb-body-vertical-order, 1)); }
	.ncb-pattern [style*="--ncb-item-title-align-mobile:"] h3,
	.ncb-pattern [style*="--ncb-item-title-align-mobile:"] .ncb-pattern__item-title,
	.ncb-pattern [style*="--ncb-item-title-align-mobile:"] > strong { text-align: var(--ncb-item-title-align-mobile); }
	.ncb-pattern [style*="--ncb-item-description-align-mobile:"] .ncb-pattern__item-body { text-align: var(--ncb-item-description-align-mobile); }
}

/* Mobile layout choices apply to the published page after shared layout rules. */
@media (max-width: 640px) {
	.ncb-pattern .ncb-pattern__split,
	.ncb-pattern .ncb-pattern__editorial { grid-template-columns: minmax(0, 1fr); }
	.ncb-pattern .ncb-pattern__split > .ncb-pattern__copy,
	.ncb-pattern .ncb-pattern__split > .ncb-pattern__split-media { grid-column: auto; grid-row: auto; }
	.ncb-pattern-mobile--media-first .ncb-pattern__split-media,
	.ncb-pattern-mobile--media-first .ncb-pattern__editorial-media { order: -1; }
	.ncb-pattern-mobile--copy-first .ncb-pattern__copy,
	.ncb-pattern-mobile--copy-first .ncb-pattern__editorial-copy { order: -1; }
	.ncb-pattern.ncb-pattern-mobile--compact { padding-block: 2.25rem; }
	.ncb-pattern-mobile--compact .ncb-pattern__header { margin-bottom: 1rem; }
	.ncb-pattern-mobile--compact .ncb-pattern__compact-items { margin-top: 1rem; }
	.ncb-pattern-mobile--horizontal-scroll .ncb-pattern__grid,
	.ncb-pattern-mobile--horizontal-scroll .ncb-pattern__proof-media,
	.ncb-pattern-mobile--horizontal-scroll .ncb-pattern__offers { grid-template-columns: none; }
	.ncb-pattern-mobile--hide-media .ncb-pattern__editorial-media,
	.ncb-pattern-mobile--hide-media .ncb-pattern__item-visual,
	.ncb-pattern-mobile--hide-media .ncb-pattern__offer-image,
	.ncb-pattern-mobile--hide-media .ncb-pattern__after-image,
	.ncb-pattern-mobile--hide-media .ncb-pattern__extra-media { display: none; }
}