/* SUVESSA – karta produktu */
:root {
	--suv-ink: #1C2321;
	--suv-muted: #4E5A56;
	--suv-line: #D5DEDB;
	--suv-soft: #E4EBE9;
	--suv-tint: #F2F5F4;
	--suv-accent: #9B3654;
	--suv-accent-dark: #7A2741;
	--suv-accent-soft: #FBF3F5;
	--suv-ok: #2F6B4F;
	--suv-ok-soft: #EEF4F1;
	--suv-no: #A13A3A;
	--suv-star: #C98A1B;
	--suv-display: 'Bricolage Grotesque', 'DM Sans', system-ui, sans-serif;
	--suv-body: 'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
	--suv-radius: 16px;
	--suv-gutter: 16px;
}

html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body.suv {
	margin: 0;
	background: #FFFFFF;
	color: var(--suv-ink);
	font-family: var(--suv-body);
	font-size: 16px;
	line-height: 1.55;
	-webkit-font-smoothing: antialiased;
}
body.suv.suv-lock { overflow: hidden; }
.suv *, .suv *::before, .suv *::after { box-sizing: border-box; }
.suv img { max-width: 100%; height: auto; display: block; }
.suv a { color: var(--suv-accent); }
.suv a:hover { color: var(--suv-accent-dark); }
.suv button { font-family: inherit; cursor: pointer; }
.suv h1, .suv h2, .suv h3 { color: var(--suv-ink); margin: 0; }
.suv-i { flex: none; display: block; }
.suv-sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.suv-skip { position: absolute; left: -9999px; top: 0; z-index: 100; background: var(--suv-ink); color: #fff !important; padding: 10px 14px; }
.suv-skip:focus { left: 8px; top: 8px; }
.suv :focus-visible { outline: 2px solid var(--suv-accent); outline-offset: 2px; }
.suv [hidden] { display: none !important; }

.suv-wrap { width: 100%; max-width: 1180px; margin: 0 auto; padding: 0 var(--suv-gutter); }
.suv-narrow { max-width: 760px; }

/* Pasek informacyjny */
.suv-announce { background: var(--suv-ink); color: #fff; font-size: 13px; font-weight: 500; letter-spacing: .02em; overflow: hidden; height: 40px; display: flex; align-items: center; }
.suv-announce__track { display: flex; width: max-content; white-space: nowrap; animation: suv-marquee 32s linear infinite; will-change: transform; }
.suv-announce:hover .suv-announce__track { animation-play-state: paused; }
.suv-announce__group { display: flex; align-items: center; flex: none; }
.suv-announce__item { display: inline-flex; align-items: center; gap: 8px; padding: 0 22px; position: relative; }
.suv-announce__item::after { content: ''; position: absolute; right: -2px; top: 50%; width: 4px; height: 4px; margin-top: -2px; border-radius: 50%; background: rgba(255,255,255,.35); }
.suv-announce__item .suv-i { color: #F1C6D3; flex: none; }
.suv-announce strong { color: #fff; font-weight: 700; }
.suv-announce--band { background: var(--suv-accent); height: 46px; font-size: 14px; }
.suv-announce--band .suv-announce__track { animation-direction: reverse; }
.suv-announce--band .suv-announce__item .suv-i { color: #fff; }
.suv-announce--band .suv-announce__item::after { background: rgba(255,255,255,.5); }
@keyframes suv-marquee { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(-50%, 0, 0); } }
@media (min-width: 960px) { .suv-announce__track { animation-duration: 45s; } }
@media (prefers-reduced-motion: reduce) {
	.suv-announce__track { animation: none; }
	html { scroll-behavior: auto; }
}

/* Nagłówek */
.suv-header { position: sticky; top: 0; z-index: 40; background: rgba(255,255,255,.96); backdrop-filter: saturate(160%) blur(8px); border-bottom: 1px solid var(--suv-soft); }
.suv-header__in { display: flex; align-items: center; justify-content: space-between; height: 60px; }
.suv-logo { font-family: var(--suv-display); font-weight: 700; font-size: 22px; letter-spacing: .2em; color: var(--suv-ink) !important; text-decoration: none; }
.suv-logo--light { color: #fff !important; }
.suv-iconbtn { width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; border: 0; background: transparent; color: var(--suv-ink); border-radius: 12px; padding: 0; position: relative; }
.suv-iconbtn:hover { background: var(--suv-tint); }
.suv-cartbtn__count { position: absolute; top: 4px; right: 2px; min-width: 19px; height: 19px; padding: 0 5px; border-radius: 999px; background: var(--suv-accent); color: #fff; font-size: 11px; font-weight: 700; display: flex; align-items: center; justify-content: center; }
.suv-cartbtn.is-bump .suv-cartbtn__count { animation: suv-bump .4s ease; }
@keyframes suv-bump { 50% { transform: scale(1.35); } }

/* Hero */
.suv-hero { display: grid; gap: 20px; padding-top: 12px; padding-bottom: 40px; }
@media (min-width: 960px) {
	.suv-hero { grid-template-columns: minmax(0, 1.08fr) minmax(0, 1fr); gap: 56px; padding-top: 32px; padding-bottom: 72px; align-items: start; }
	.suv-gallery { position: sticky; top: 84px; }
}

/* Galeria */
.suv-gallery { position: relative; min-width: 0; }
.suv-gallery__track { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; border-radius: 20px; background: var(--suv-tint); }
.suv-gallery__track::-webkit-scrollbar { display: none; }
.suv-gallery__slide { flex: 0 0 100%; scroll-snap-align: start; aspect-ratio: 4 / 5; }
.suv-gallery__slide img { width: 100%; height: 100%; object-fit: cover; }
.suv-badge { position: absolute; top: 14px; left: 14px; background: var(--suv-accent); color: #fff; font-weight: 700; font-size: 13px; padding: 6px 12px; border-radius: 999px; }
.suv-gallery__dots { display: flex; justify-content: center; gap: 6px; margin-top: 10px; }
.suv-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--suv-line); transition: width .2s, background .2s; }
.suv-dot.is-on { width: 20px; border-radius: 999px; background: var(--suv-ink); }
.suv-gallery__thumbs { display: none; }
@media (min-width: 960px) {
	.suv-gallery__dots { display: none; }
	.suv-gallery__thumbs { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; margin-top: 12px; }
	.suv-thumb { border: 2px solid transparent; border-radius: 12px; padding: 0; overflow: hidden; background: var(--suv-tint); aspect-ratio: 1; }
	.suv-thumb img { width: 100%; height: 100%; object-fit: cover; }
	.suv-thumb.is-on { border-color: var(--suv-ink); }
}

/* Kup */
.suv-buy { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.suv-kicker { margin: 0; font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--suv-accent); }
.suv-title { font-family: var(--suv-display); font-size: clamp(28px, 6vw, 42px); line-height: 1.08; font-weight: 700; letter-spacing: -.01em; }
.suv-lead { margin: 0; color: var(--suv-muted); font-size: 17px; }
.suv-price { display: flex; align-items: baseline; gap: 12px; margin-top: 2px; }
.suv-price__now { font-size: 30px; font-weight: 700; color: var(--suv-ink); }
.suv-price__was { font-size: 18px; color: var(--suv-muted); text-decoration: line-through; }
.suv-omnibus { margin: -8px 0 0; font-size: 12px; color: var(--suv-muted); }
.suv-benefits { list-style: none; margin: 4px 0 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.suv-benefits li { display: flex; gap: 10px; align-items: flex-start; }
.suv-benefits .suv-i { color: var(--suv-ok); margin-top: 2px; stroke-width: 2.4; }

.suv-form { display: flex; flex-direction: column; gap: 14px; margin-top: 6px; }
.suv-colors { border: 0; margin: 0; padding: 0; min-width: 0; }
.suv-colors legend { padding: 0; margin-bottom: 10px; font-size: 15px; color: var(--suv-muted); }
.suv-colors legend strong { color: var(--suv-ink); }
.suv-colors__list { display: flex; flex-wrap: wrap; gap: 10px; }
.suv-swatch { position: relative; width: 48px; height: 48px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; border: 2px solid transparent; transition: border-color .15s; }
.suv-swatch input { position: absolute; inset: 0; opacity: 0; margin: 0; cursor: pointer; }
.suv-swatch__dot { width: 36px; height: 36px; border-radius: 50%; background: var(--c); box-shadow: inset 0 0 0 1px rgba(0,0,0,.12); }
.suv-swatch:has(input:checked) { border-color: var(--suv-ink); }
.suv-swatch:has(input:focus-visible) { outline: 2px solid var(--suv-accent); outline-offset: 2px; }
.suv-swatch.is-out { opacity: .35; cursor: not-allowed; }
.suv-colors .suv-colors__list { padding-top: 12px; }
.suv-swatch__badge { position: absolute; top: -13px; left: 50%; transform: translateX(-50%); padding: 2px 7px; border-radius: 999px; background: var(--suv-accent); color: #fff; font-size: 9px; font-weight: 800; letter-spacing: .06em; line-height: 1.4; text-transform: uppercase; white-space: nowrap; pointer-events: none; box-shadow: 0 2px 6px rgba(155,54,84,.35); }
.suv-swatch.is-out::after { content: ''; position: absolute; width: 2px; height: 44px; background: var(--suv-ink); transform: rotate(45deg); }

.suv-buyrow { display: flex; gap: 10px; }
.suv-qty { display: flex; align-items: center; border: 1.5px solid var(--suv-line); border-radius: 14px; flex: none; }
.suv-qty button { width: 44px; height: 54px; border: 0; background: transparent; font-size: 20px; color: var(--suv-ink); }
.suv-qty input { width: 32px; border: 0; text-align: center; font: inherit; font-weight: 700; color: var(--suv-ink); background: transparent; -moz-appearance: textfield; padding: 0; }
.suv-qty input::-webkit-outer-spin-button, .suv-qty input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

.suv-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 54px; padding: 0 22px; border: 0; border-radius: 14px; font-size: 17px; font-weight: 700; text-decoration: none; transition: background .15s, transform .1s; }
.suv-btn:active { transform: translateY(1px); }
.suv-btn--primary { background: var(--suv-accent); color: #fff !important; }
.suv-btn--primary:hover { background: var(--suv-accent-dark); color: #fff !important; }
.suv-btn--block { width: 100%; }
.suv-btn[disabled] { opacity: .7; cursor: progress; }
.suv-atc { flex: 1; }
.suv-error { margin: 0; color: var(--suv-no); font-size: 14px; font-weight: 500; }

.suv-delivery { display: flex; align-items: center; gap: 10px; background: var(--suv-ok-soft); border-radius: 12px; padding: 12px 14px; font-size: 14px; }
.suv-delivery .suv-i { color: var(--suv-ok); }
.suv-trust { list-style: none; margin: 4px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; text-align: center; font-size: 13px; color: var(--suv-muted); }
.suv-trust li { display: flex; flex-direction: column; align-items: center; gap: 6px; }
.suv-trust .suv-i { color: var(--suv-ink); }
.suv-pay { display: flex; justify-content: center; flex-wrap: wrap; gap: 6px; }
.suv-pay__item { display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 38px; padding: 0 12px; border: 1px solid var(--suv-line); border-radius: 10px; background: #fff; font-size: 12px; font-weight: 700; color: var(--suv-ink); box-shadow: 0 1px 2px rgba(28,35,33,.06); white-space: nowrap; }
.suv-pay__item .suv-i { color: var(--suv-muted); }
.suv-pay__item--logo { padding: 0 10px; }
.suv-pay__item--logo img { height: 22px; width: auto; display: block; }
.suv-pay--small { margin-top: 10px; }

/* Sekcje */
.suv-section { padding: 48px 0; }
.suv-section--tint { background: var(--suv-tint); }
@media (min-width: 960px) { .suv-section { padding: 80px 0; } }
.suv-h2 { font-family: var(--suv-display); font-size: clamp(26px, 5vw, 36px); line-height: 1.15; font-weight: 700; margin-bottom: 24px; letter-spacing: -.01em; }

.suv-features { display: grid; gap: 12px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 960px) { .suv-features { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; } }
.suv-feature { background: #fff; border-radius: var(--suv-radius); padding: 18px; display: flex; flex-direction: column; gap: 8px; }
.suv-feature__icon { width: 48px; height: 48px; border-radius: 14px; background: var(--suv-accent-soft); color: var(--suv-accent); display: flex; align-items: center; justify-content: center; }
.suv-feature h3 { font-size: 16px; font-weight: 700; }
.suv-feature p { margin: 0; font-size: 14px; color: var(--suv-muted); }

.suv-steps { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
@media (min-width: 960px) { .suv-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; } }
.suv-step { display: flex; gap: 16px; align-items: flex-start; border: 1.5px solid var(--suv-soft); border-radius: var(--suv-radius); padding: 18px; }
.suv-step__num { flex: none; width: 44px; height: 44px; border-radius: 50%; background: var(--suv-ink); color: #fff; font-family: var(--suv-display); font-weight: 700; font-size: 20px; display: flex; align-items: center; justify-content: center; }
.suv-step h3 { font-size: 17px; font-weight: 700; margin-bottom: 2px; }
.suv-step p { margin: 0; color: var(--suv-muted); font-size: 15px; }

.suv-compare { background: #fff; border-radius: var(--suv-radius); overflow: hidden; border: 1px solid var(--suv-line); }
.suv-compare__row { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr) minmax(0, 1fr); align-items: center; border-top: 1px solid var(--suv-soft); }
.suv-compare__row > span { padding: 14px 12px; font-size: 15px; display: flex; align-items: center; }
.suv-compare__row > span:nth-child(n+2) { justify-content: center; }
.suv-compare__row > .is-us { background: var(--suv-accent-soft); }
.suv-compare__head { border-top: 0; background: var(--suv-ink); }
.suv-compare__head > span { color: #fff; font-weight: 700; font-size: 14px; }
.suv-compare__head > .is-us { background: var(--suv-accent); }
.suv-yes { color: var(--suv-ok); }
.suv-yes .suv-i { stroke-width: 2.6; }
.suv-no { color: var(--suv-no); }
.suv-no .suv-i { stroke-width: 2.4; }

.suv-review { margin: 0; background: var(--suv-tint); border-radius: var(--suv-radius); padding: 22px; display: flex; flex-direction: column; gap: 10px; }
.suv-starbar { position: relative; display: inline-flex; line-height: 0; color: var(--suv-star); vertical-align: middle; }
.suv-starbar__base, .suv-starbar__fill { display: inline-flex; gap: 2px; }
.suv-starbar__base .suv-i { fill: #E8DCC5; stroke: #E8DCC5; }
.suv-starbar__fill { position: absolute; inset: 0 auto 0 0; width: var(--w); overflow: hidden; }
.suv-starbar__fill .suv-i { fill: currentColor; stroke: currentColor; stroke-width: 1.2; }
.suv-rating { display: inline-flex; align-items: center; gap: 8px; margin-top: -4px; text-decoration: none; color: var(--suv-muted) !important; font-size: 14px; }
.suv-rating strong { color: var(--suv-ink); }
.suv-rating:hover .suv-rating__txt { text-decoration: underline; }
.suv-revsum { display: flex; align-items: center; gap: 14px; margin-bottom: 18px; }
.suv-revsum__num { font-family: var(--suv-display); font-size: 44px; font-weight: 700; line-height: 1; }
.suv-revsum__count { display: block; margin-top: 4px; font-size: 14px; color: var(--suv-muted); }
.suv-reviews { display: grid; gap: 12px; }
@media (min-width: 760px) { .suv-reviews { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.suv-revnote { margin: 14px 0 0; font-size: 12px; color: var(--suv-muted); }
.suv-stars { display: flex; gap: 2px; color: var(--suv-star); }
.suv-stars .suv-i { fill: currentColor; stroke-width: 1.2; }
.suv-review blockquote { margin: 0; font-size: 17px; line-height: 1.5; }
.suv-review figcaption { font-size: 14px; color: var(--suv-muted); }
.suv-review figcaption strong { color: var(--suv-ink); }

.suv-faq { display: flex; flex-direction: column; background: #fff; border-radius: var(--suv-radius); padding: 4px 18px; }
.suv-faq details { border-bottom: 1px solid var(--suv-soft); }
.suv-faq details:last-child { border-bottom: 0; }
.suv-faq summary { list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 56px; padding: 14px 0; font-weight: 700; cursor: pointer; }
.suv-faq summary::-webkit-details-marker { display: none; }
.suv-faq summary .suv-i { transition: transform .2s; }
.suv-faq details[open] summary .suv-i { transform: rotate(180deg); }
.suv-faq details p { margin: 0 0 16px; color: var(--suv-muted); font-size: 15px; }

.suv-guarantee { background: var(--suv-accent-soft); border-radius: 22px; padding: 32px 22px; text-align: center; display: flex; flex-direction: column; align-items: center; gap: 10px; }
.suv-guarantee .suv-h2 { margin-bottom: 0; }
.suv-guarantee p { margin: 0 0 8px; color: var(--suv-muted); max-width: 460px; }
.suv-guarantee__icon { color: var(--suv-accent); }

/* Stopka */
.suv-footer { background: var(--suv-ink); color: #D5DEDB; padding: 40px 0 120px; }
@media (min-width: 960px) { .suv-footer { padding-bottom: 40px; } }
.suv-footer__in { display: flex; flex-direction: column; gap: 18px; }
.suv-footer__nav { display: flex; flex-direction: column; gap: 10px; }
@media (min-width: 760px) { .suv-footer__nav { flex-direction: row; flex-wrap: wrap; gap: 24px; } }
.suv-footer a { color: #D5DEDB; text-decoration: none; }
.suv-footer a:hover { color: #fff; text-decoration: underline; }
.suv-social { display: flex; gap: 8px; }
.suv-social a { width: 44px; height: 44px; border: 1px solid rgba(255,255,255,.2); border-radius: 12px; display: flex; align-items: center; justify-content: center; }
.suv-footer__copy { margin: 0; font-size: 13px; color: #9AAAA5; }

/* Przyklejony pasek (telefon) */
.suv-sticky { position: fixed; left: 0; right: 0; bottom: 0; z-index: 45; display: flex; align-items: center; gap: 12px; padding: 10px var(--suv-gutter) calc(10px + env(safe-area-inset-bottom)); background: #fff; border-top: 1px solid var(--suv-line); box-shadow: 0 -6px 20px rgba(28,35,33,.08); transform: translateY(110%); transition: transform .25s ease; }
.suv-sticky.is-on { transform: translateY(0); }
.suv-sticky__info { display: flex; flex-direction: column; min-width: 0; flex: 1; }
.suv-sticky__name { font-size: 13px; color: var(--suv-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.suv-sticky__price { font-weight: 700; font-size: 17px; }
.suv-sticky .suv-btn { min-height: 50px; padding: 0 18px; font-size: 16px; flex: none; }
@media (min-width: 960px) { .suv-sticky { display: none; } }

/* Koszyk i menu */
.suv-overlay { position: fixed; inset: 0; z-index: 60; background: rgba(28,35,33,.45); }
.suv-drawer, .suv-menu { position: fixed; top: 0; bottom: 0; z-index: 70; width: min(420px, 100%); background: #fff; display: flex; flex-direction: column; transition: transform .28s ease; visibility: hidden; }
.suv-drawer { right: 0; transform: translateX(100%); }
.suv-menu { left: 0; transform: translateX(-100%); width: min(340px, 88%); }
.suv-drawer.is-open, .suv-menu.is-open { transform: translateX(0); visibility: visible; }
.suv-drawer__head { display: flex; align-items: center; justify-content: space-between; padding: 10px 10px 10px 20px; border-bottom: 1px solid var(--suv-soft); }
.suv-drawer__head h2 { font-family: var(--suv-display); font-size: 22px; }
.suv-drawer__ship { display: flex; align-items: center; gap: 8px; padding: 12px 20px; background: var(--suv-ok-soft); color: var(--suv-ok); font-size: 13px; font-weight: 700; }
.suv-drawer__body { flex: 1; overflow-y: auto; padding: 8px 20px; }
.suv-empty { padding: 40px 0; text-align: center; color: var(--suv-muted); }
.suv-item { display: flex; gap: 14px; padding: 14px 0; border-bottom: 1px solid var(--suv-soft); }
.suv-item__img { width: 76px; height: 76px; border-radius: 12px; object-fit: cover; background: var(--suv-tint); flex: none; }
.suv-item__info { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.suv-item__name { font-weight: 700; font-size: 15px; line-height: 1.3; }
.suv-item__color { display: flex; align-items: center; gap: 6px; font-size: 13px; color: var(--suv-muted); }
.suv-item__color i { width: 12px; height: 12px; border-radius: 50%; display: inline-block; box-shadow: inset 0 0 0 1px rgba(0,0,0,.12); }
.suv-item__row { display: flex; align-items: center; justify-content: space-between; margin-top: 4px; }
.suv-item .suv-qty button { width: 38px; height: 38px; font-size: 18px; }
.suv-item .suv-qty span { min-width: 22px; text-align: center; font-weight: 700; }
.suv-item__remove { border: 0; background: transparent; color: var(--suv-muted); font-size: 13px; text-decoration: underline; padding: 6px 0; min-height: 32px; }
.suv-upsell { margin: 0 20px 12px; border: 2px solid var(--suv-accent); background: var(--suv-accent-soft); border-radius: 14px; padding: 14px; }
.suv-upsell__kicker { margin: 0; font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--suv-accent); }
.suv-upsell__title { margin: 2px 0 10px; font-weight: 700; }
.suv-upsell__list { display: flex; flex-wrap: wrap; gap: 8px; }
.suv-upsell__btn { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 14px; border: 1.5px solid var(--suv-line); background: #fff; border-radius: 999px; font-size: 14px; font-weight: 700; color: var(--suv-ink); }
.suv-upsell__btn i { width: 16px; height: 16px; border-radius: 50%; display: inline-block; box-shadow: inset 0 0 0 1px rgba(0,0,0,.12); }
.suv-upsell__btn:hover { border-color: var(--suv-ink); }
.suv-drawer__foot { border-top: 1px solid var(--suv-soft); padding: 16px 20px calc(16px + env(safe-area-inset-bottom)); }
.suv-drawer__row { display: flex; justify-content: space-between; font-size: 18px; }
.suv-drawer__note { margin: 4px 0 12px; font-size: 13px; color: var(--suv-muted); }
.suv-menu__nav { display: flex; flex-direction: column; padding: 8px 20px; }
.suv-menu__nav a { display: block; padding: 14px 0; border-bottom: 1px solid var(--suv-soft); color: var(--suv-ink); text-decoration: none; font-weight: 700; font-size: 17px; }

/* Komunikaty WooCommerce */
.suv .woocommerce-notices-wrapper:empty { display: none; }
.suv .woocommerce-notices-wrapper { max-width: 1180px; margin: 12px auto 0; padding: 0 var(--suv-gutter); }

/* Darmowa dostawa */
.suv-badge--ship { top: auto; bottom: 14px; left: 14px; display: inline-flex; align-items: center; gap: 6px; background: var(--suv-ink); }
.suv-free { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-radius: 14px; border: 2px solid var(--suv-accent); background: var(--suv-accent-soft); color: var(--suv-accent-dark); font-size: 15px; line-height: 1.35; transition: background .2s, border-color .2s, color .2s; }
.suv-free strong { text-transform: uppercase; letter-spacing: .02em; }
.suv-free__icon { flex: none; width: 40px; height: 40px; border-radius: 50%; background: var(--suv-accent); color: #fff; display: flex; align-items: center; justify-content: center; }
.suv-free.is-on { border-color: var(--suv-ok); background: var(--suv-ok-soft); color: var(--suv-ok); }
.suv-free.is-on .suv-free__icon { background: var(--suv-ok); }
.suv-free.is-pulse { animation: suv-pulse .5s ease; }
@keyframes suv-pulse { 50% { transform: scale(1.03); } }
.suv-drawer__ship { display: block; }
.suv-drawer__shiptext { display: flex; align-items: center; gap: 8px; }
.suv-drawer__ship strong { text-transform: uppercase; }
.suv-progress { height: 8px; border-radius: 999px; background: rgba(47,107,79,.18); overflow: hidden; margin-top: 8px; }
.suv-progress span { display: block; height: 100%; width: 0; background: var(--suv-ok); border-radius: 999px; transition: width .35s ease; }

/* Mgiełka w akcji */
.suv-demo { display: grid; gap: 22px; align-items: center; }
@media (min-width: 860px) { .suv-demo { grid-template-columns: minmax(0, 440px) minmax(0, 1fr); gap: 56px; justify-content: center; } }
.suv-demo__media { width: 100%; max-width: 440px; margin: 0 auto; }
.suv-demo__video { display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 20px; background: #2b2b2b; box-shadow: 0 18px 40px rgba(28,35,33,.16); }
.suv-demo__kicker { margin: 0 0 6px; font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--suv-accent); text-align: left; }
.suv-demo .suv-h2 { margin-bottom: 18px; text-align: left; }
.suv-demo__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.suv-demo__list li { display: flex; gap: 12px; align-items: flex-start; margin: 0; font-size: 15px; line-height: 1.5; color: var(--suv-muted); }
.suv-demo__list strong { color: var(--suv-ink); }
.suv-demo__icon { flex: none; width: 38px; height: 38px; border-radius: 50%; background: #fff; color: var(--suv-accent); display: flex; align-items: center; justify-content: center; }

@media (min-width: 960px) { .suv-demo--steps .suv-steps { grid-template-columns: 1fr; gap: 12px; } }
.suv-demo--steps .suv-h2 { text-align: left; }

/* Przed / po */
.suv-ba { position: relative; aspect-ratio: 4 / 5; border-radius: 20px; overflow: hidden; background: var(--suv-tint); user-select: none; touch-action: pan-y; }
.suv-ba .suv-ba__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.suv-ba__before { position: absolute; inset: 0; clip-path: inset(0 calc(100% - var(--pos)) 0 0); }
.suv-ba__tag { position: absolute; top: 14px; padding: 5px 12px; border-radius: 999px; background: rgba(28,35,33,.75); color: #fff; font-size: 13px; font-weight: 700; pointer-events: none; }
.suv-ba__tag--l { left: 14px; }
.suv-ba__tag--r { right: 14px; }
.suv-ba__handle { position: absolute; top: 0; bottom: 0; left: var(--pos); width: 3px; margin-left: -1.5px; background: #fff; pointer-events: none; box-shadow: 0 0 0 1px rgba(0,0,0,.08); }
.suv-ba__handle span { position: absolute; top: 50%; left: 50%; width: 46px; height: 46px; margin: -23px 0 0 -23px; border-radius: 50%; background: #fff; box-shadow: 0 4px 14px rgba(0,0,0,.18); }
.suv-ba__handle span::before, .suv-ba__handle span::after { content: ''; position: absolute; top: 50%; width: 0; height: 0; margin-top: -6px; border: 6px solid transparent; }
.suv-ba__handle span::before { left: 7px; border-right-color: var(--suv-ink); }
.suv-ba__handle span::after { right: 7px; border-left-color: var(--suv-ink); }
.suv-ba__range { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: ew-resize; -webkit-appearance: none; appearance: none; }
.suv-ba__range:focus-visible + .suv-ba__handle, .suv-ba:focus-within .suv-ba__handle span { outline: 2px solid var(--suv-accent); outline-offset: 2px; }
.suv-ba__hint { margin: 10px 0 0; text-align: center; font-size: 13px; color: var(--suv-muted); }

/* Co wlać */
.suv-fill { display: grid; gap: 12px; }
@media (min-width: 760px) { .suv-fill { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; } }
.suv-fillcard { background: #fff; border-radius: var(--suv-radius); padding: 20px; display: flex; flex-direction: column; gap: 8px; }
.suv-fillcard h3 { font-size: 17px; font-weight: 700; }
.suv-fillcard p { margin: 0; font-size: 15px; color: var(--suv-muted); }
.suv-fill__note { margin: 14px 0 0; font-size: 13px; color: var(--suv-muted); }

/* Dla kogo */
.suv-who { display: grid; gap: 12px; }
@media (min-width: 760px) { .suv-who { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } }
.suv-whocard { display: flex; gap: 14px; align-items: flex-start; border: 1.5px solid var(--suv-soft); border-radius: var(--suv-radius); padding: 18px; }
.suv-whocard__icon { flex: none; width: 44px; height: 44px; border-radius: 50%; background: var(--suv-ok-soft); color: var(--suv-ok); display: flex; align-items: center; justify-content: center; }
.suv-whocard h3 { font-size: 16px; font-weight: 700; margin-bottom: 2px; }
.suv-whocard p { margin: 0; font-size: 15px; color: var(--suv-muted); }

/* Kup 2 */
.suv-duo { position: relative; background: var(--suv-accent-soft); border: 2px solid var(--suv-accent); border-radius: 22px; padding: 28px 20px 22px; display: flex; flex-direction: column; gap: 14px; text-align: center; }
.suv-duo .suv-h2 { margin-bottom: 0; }
.suv-duo__icon { align-self: center; width: 56px; height: 56px; border-radius: 50%; background: var(--suv-accent); color: #fff; display: flex; align-items: center; justify-content: center; }
.suv-duo .suv-duo__img { display: block; width: calc(100% + 40px); max-width: none; height: auto; aspect-ratio: 1 / 1; object-fit: cover; margin: -28px -20px 4px; border-radius: 20px 20px 0 0; }
.suv-duo__kicker { margin: 0; font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--suv-accent); }
.suv-duo__lead { margin: 0; color: var(--suv-muted); }
.suv-duo__pick { border: 0; margin: 0; padding: 0; }
.suv-duo__pick legend { margin: 0 auto 8px; font-size: 14px; color: var(--suv-muted); }
.suv-duo__pick legend strong { color: var(--suv-ink); }
.suv-duo .suv-colors__list { justify-content: center; }
.suv-swatch--sm { width: 42px; height: 42px; }
.suv-swatch--sm .suv-swatch__dot { width: 30px; height: 30px; }

/* Zabezpieczenie przed stylami motywu */
.suv button, .suv input, .suv .suv-btn, .suv a { text-transform: none; letter-spacing: normal; }
.suv h1, .suv h2 { font-family: var(--suv-display); }
.suv h3 { font-family: var(--suv-body); letter-spacing: 0; }
.suv .suv-kicker { letter-spacing: .08em; }
.suv .suv-logo { letter-spacing: .2em; }

/* ===================== Pozostałe strony ===================== */
.suv-btn--ghost { background: transparent; color: var(--suv-ink) !important; border: 1.5px solid var(--suv-line); }
.suv-btn--ghost:hover { border-color: var(--suv-ink); }
.suv-page + .suv-footer { padding-bottom: 40px; }
.suv-pay--footer { justify-content: flex-start; }
.suv-pay--footer .suv-pay__item { background: #fff; }

.suv-page__section { padding-top: 32px; }
@media (min-width: 960px) { .suv-page__section { padding-top: 56px; } }
.suv-page__wide { max-width: 1120px; }
.suv-page__head { margin-bottom: 24px; }
.suv-page__title { font-family: var(--suv-display); font-size: clamp(30px, 6vw, 44px); line-height: 1.1; letter-spacing: -.015em; font-weight: 700; }
.suv-page__lead { margin: 12px 0 0; color: var(--suv-muted); font-size: 17px; }
.suv-page__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }

/* Treść stron informacyjnych (także z kreatora WPBakery) */
.suv-prose { font-size: 16px; line-height: 1.7; color: var(--suv-ink); overflow-wrap: anywhere; }
.suv-prose .vc_row, .suv-prose .wpb_row, .suv-prose .vc_column_container, .suv-prose .vc_column-inner, .suv-prose .wpb_column, .suv-prose .wpb_wrapper, .suv-prose .row_col_wrap_12, .suv-prose .span_12, .suv-prose .col, .suv-prose .container, .suv-prose .full-page-inner, .suv-prose .row-bg-wrap, .suv-prose .inner-wrap { all: unset; display: block; }
.suv-prose .row-bg, .suv-prose .row-bg-overlay, .suv-prose .nectar-shape-divider-wrap, .suv-prose .divider-wrap { display: none !important; }
.suv-prose h1, .suv-prose h2 { font-family: var(--suv-display); font-size: clamp(22px, 4.4vw, 28px); line-height: 1.2; margin: 36px 0 12px; letter-spacing: -.01em; }
.suv-prose h3, .suv-prose h4 { font-family: var(--suv-body); font-size: 18px; font-weight: 700; margin: 28px 0 8px; }
.suv-prose h5, .suv-prose h6 { font-size: 16px; font-weight: 700; margin: 20px 0 6px; }
.suv-prose > :first-child, .suv-prose .wpb_wrapper > :first-child { margin-top: 0; }
.suv-prose p { margin: 0 0 14px; }
.suv-prose ul, .suv-prose ol { margin: 0 0 16px; padding-left: 22px; }
.suv-prose li { margin: 0 0 6px; }
.suv-prose strong { font-weight: 700; }
.suv-prose a { text-decoration: underline; text-underline-offset: 2px; }
.suv-prose table { width: 100%; border-collapse: collapse; margin: 0 0 18px; font-size: 15px; }
.suv-prose th, .suv-prose td { border: 1px solid var(--suv-line); padding: 8px 10px; text-align: left; vertical-align: top; }
.suv-prose img { border-radius: 12px; margin: 12px 0; }
.suv-prose hr { border: 0; border-top: 1px solid var(--suv-line); margin: 28px 0; }
.suv-prose blockquote { margin: 0 0 16px; padding: 12px 16px; border-left: 3px solid var(--suv-accent); background: var(--suv-accent-soft); border-radius: 0 12px 12px 0; }

/* Formularze w treści (np. Contact Form 7) */
.suv-prose input[type="text"], .suv-prose input[type="email"], .suv-prose input[type="tel"], .suv-prose textarea, .suv-prose select {
	width: 100%; font: inherit; font-size: 16px; color: var(--suv-ink); background: #fff; border: 1.5px solid var(--suv-line); border-radius: 12px; padding: 12px 14px; margin-top: 4px;
}
.suv-prose textarea { min-height: 140px; }
.suv-prose input:focus, .suv-prose textarea:focus, .suv-prose select:focus { outline: none; border-color: var(--suv-ink); }
.suv-prose input[type="submit"], .suv-prose button[type="submit"], .suv-prose .nectar-button {
	display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0 24px; border: 0; border-radius: 14px; background: var(--suv-accent); color: #fff !important; font: inherit; font-weight: 700; font-size: 16px; cursor: pointer; text-decoration: none;
}
.suv-prose input[type="submit"]:hover, .suv-prose button[type="submit"]:hover { background: var(--suv-accent-dark); }
.suv-prose .wpcf7-form p { margin-bottom: 16px; }
.suv-prose .wpcf7-not-valid-tip { color: var(--suv-no); font-size: 14px; }
.suv-prose .wpcf7-response-output { margin: 16px 0 0 !important; padding: 12px 14px !important; border-radius: 12px; }

/* Koszyk, kasa i konto (bloki WooCommerce) */
.suv-woo, .suv-woo input, .suv-woo select, .suv-woo textarea, .suv-woo button { font-family: var(--suv-body); }
.suv-woo h2, .suv-woo h3, .suv-woo .wc-block-components-title, .suv-woo .wc-block-components-checkout-step__title { font-family: var(--suv-display) !important; letter-spacing: -.005em; }
.suv-woo .wc-block-components-checkout-step__title { font-size: 20px !important; }
.suv-woo .wc-block-components-button:not(.is-link), .suv-woo .wc-block-cart__submit-button, .suv-woo .wc-block-components-checkout-place-order-button, .suv-woo .woocommerce-button, .suv-woo .button, .suv-woo button[type="submit"] {
	background: var(--suv-accent) !important; color: #fff !important; border: 0 !important; border-radius: 14px !important; min-height: 54px; font-weight: 700 !important; font-size: 17px !important; text-transform: none !important; letter-spacing: normal !important; box-shadow: none !important;
}
.suv-woo .wc-block-components-button:not(.is-link):hover, .suv-woo .button:hover { background: var(--suv-accent-dark) !important; }
.suv-woo .wc-block-components-text-input input, .suv-woo .wc-block-components-combobox .components-combobox-control__input, .suv-woo .wc-blocks-components-select__select, .suv-woo .wc-block-components-textarea, .suv-woo input.input-text, .suv-woo select {
	border: 1.5px solid var(--suv-line) !important; border-radius: 12px !important; background: #fff !important; color: var(--suv-ink) !important; box-shadow: none !important;
}
.suv-woo .wc-block-components-text-input.is-active input, .suv-woo .wc-block-components-text-input input:focus { border-color: var(--suv-ink) !important; }
.suv-woo .wc-block-components-radio-control__option, .suv-woo .wc-block-components-radio-control-accordion-option { border-radius: 12px; }
.suv-woo .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control__option--checked-option-highlighted,
.suv-woo .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted { box-shadow: inset 0 0 0 2px var(--suv-ink) !important; border-radius: 12px; }
.suv-woo .wc-block-components-radio-control__input:checked, .suv-woo input[type="checkbox"]:checked { border-color: var(--suv-accent) !important; }
.suv-woo .wc-block-components-radio-control__input:checked::before { background: var(--suv-accent) !important; }
.suv-woo .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"]:checked { background: var(--suv-accent) !important; border-color: var(--suv-accent) !important; }
.suv-woo .wc-block-components-sidebar .wc-block-components-panel, .suv-woo .wc-block-components-sidebar .wp-block-woocommerce-checkout-order-summary-block,
.suv-woo .wp-block-woocommerce-cart-totals-block { background: var(--suv-tint); border-radius: var(--suv-radius); padding: 8px 16px; border: 0 !important; }
.suv-woo .wc-block-components-totals-item__label, .suv-woo .wc-block-components-totals-item__value { font-size: 15px; }
.suv-woo .wc-block-components-totals-footer-item .wc-block-components-totals-item__value, .suv-woo .wc-block-components-totals-footer-item .wc-block-components-totals-item__label { font-size: 18px; font-weight: 700; }
.suv-woo .wc-block-components-product-name { font-weight: 700; color: var(--suv-ink) !important; text-decoration: none; }
.suv-woo .wc-block-cart-item__image img, .suv-woo .wc-block-components-order-summary-item__image img { border-radius: 10px; }
.suv-woo .wc-block-components-notice-banner { border-radius: 12px; }
.suv-woo a { color: var(--suv-accent); }
.suv-page--checkout .suv-page__head, .suv-page--cart .suv-page__head { margin-bottom: 8px; }
/* Moje konto (klasyczne) */
.suv-woo .woocommerce-MyAccount-navigation ul { list-style: none; padding: 0; margin: 0 0 24px; display: flex; flex-wrap: wrap; gap: 8px; }
.suv-woo .woocommerce-MyAccount-navigation a { display: inline-block; padding: 8px 14px; border-radius: 999px; background: var(--suv-tint); color: var(--suv-ink); text-decoration: none; font-weight: 500; }
.suv-woo .woocommerce-MyAccount-navigation .is-active a { background: var(--suv-ink); color: #fff; }
.suv-woo .woocommerce-form-row { margin-bottom: 14px; }
.suv-woo .woocommerce-form-row label { display: block; font-weight: 500; margin-bottom: 4px; }
.suv-woo input.input-text { width: 100%; padding: 12px 14px; font-size: 16px; }
.suv-woo table.shop_table { width: 100%; border-collapse: collapse; }
.suv-woo table.shop_table th, .suv-woo table.shop_table td { padding: 10px; border-bottom: 1px solid var(--suv-line); text-align: left; }

/* Strona główna */
.suv-homehero__media { border-radius: 22px; overflow: hidden; background: var(--suv-tint); aspect-ratio: 4 / 5; }
.suv-homehero__img { width: 100%; height: 100%; object-fit: cover; }
@media (min-width: 960px) { .suv-homehero { align-items: center; } }
.suv-homehero .suv-btn { margin-top: 4px; }
.suv-colorgrid { display: grid; gap: 12px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 760px) { .suv-colorgrid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; } }
@media (min-width: 1100px) { .suv-colorgrid { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
.suv-colorcard { display: flex; flex-direction: column; gap: 10px; text-decoration: none; color: var(--suv-ink) !important; }
.suv-colorcard__img { position: relative; display: block; border-radius: 16px; overflow: hidden; background: var(--suv-tint); aspect-ratio: 4 / 5; }
.suv-colorcard__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.suv-colorcard:hover .suv-colorcard__img img { transform: scale(1.04); }
.suv-colorcard__badge { position: absolute; top: 10px; left: 10px; padding: 3px 9px; border-radius: 999px; background: var(--suv-accent); color: #fff; font-size: 10px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.suv-colorcard__meta { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.suv-colorcard__meta .suv-swatch__dot { width: 16px; height: 16px; flex: none; }
.suv-colorcard__name { font-weight: 700; }
.suv-colorcard__price { margin-left: auto; color: var(--suv-muted); font-size: 14px; }
.suv-home + .suv-footer { padding-bottom: 40px; }

/* Poprawki po przeglądzie stron */
.suv-prose .vc_row, .suv-prose .wpb_row, .suv-prose .vc_column-inner, .suv-prose .wpb_column, .suv-prose .vc_column_container { padding: 0 !important; margin: 0 !important; min-height: 0 !important; background: none !important; }
.suv-prose .vc_row:not(:has(p, h1, h2, h3, h4, h5, h6, li, form, img, table, iframe, video, input)) { display: none !important; }
.suv-prose .wpb_text_column, .suv-prose .nectar-fancy-ul, .suv-prose .wpb_content_element { margin: 0 0 8px !important; }
.suv-prose [style*="text-align: center"], .suv-prose [style*="text-align:center"] { text-align: left !important; }

.suv-shipnote { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 12px; padding: 14px 16px; margin: 0 0 20px; border-radius: 14px; background: var(--suv-accent-soft); border: 1.5px solid var(--suv-accent); color: var(--suv-ink); font-size: 15px; }
.suv-shipnote .suv-i { color: var(--suv-accent); }
.suv-shipnote > span { flex: 1 1 200px; }
.suv-shipnote.is-on { background: var(--suv-ok-soft); border-color: var(--suv-ok); }
.suv-shipnote.is-on .suv-i { color: var(--suv-ok); }
.suv-shipnote__btn { min-height: 42px; padding: 0 16px; font-size: 15px; }

.suv-contactcard { display: flex; gap: 14px; align-items: flex-start; padding: 18px; margin: 0 0 28px; border-radius: var(--suv-radius); background: var(--suv-tint); }
.suv-contactcard__icon { flex: none; width: 44px; height: 44px; border-radius: 50%; background: #fff; color: var(--suv-accent); display: flex; align-items: center; justify-content: center; }
.suv-contactcard p { margin: 0; }
.suv-contactcard__title { font-weight: 700; }
.suv-contactcard a { font-weight: 700; }
.suv-contactcard__small { margin-top: 6px !important; font-size: 14px; color: var(--suv-muted); }

@media (max-width: 959px) { .suv-homehero__media { aspect-ratio: 1 / 1; } }
@media (max-width: 759px) {
	.suv-colorgrid { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; gap: 12px; margin: 0 calc(-1 * var(--suv-gutter)); padding: 0 var(--suv-gutter) 6px; scrollbar-width: none; }
	.suv-colorgrid::-webkit-scrollbar { display: none; }
	.suv-colorcard { flex: 0 0 44%; scroll-snap-align: start; }
}

/* ===================== Strona główna v2 ===================== */
.suv-center { text-align: center; }
.suv-btn--light { background: rgba(255,255,255,.9); color: var(--suv-ink) !important; border: 1.5px solid rgba(28,35,33,.12); }
.suv-btn--light:hover { background: #fff; }
.suv-btn--outline { background: #fff; color: var(--suv-ink) !important; border: 1.5px solid var(--suv-ink); min-height: 46px; font-size: 15px; padding: 0 14px; }
.suv-btn--outline:hover { background: var(--suv-ink); color: #fff !important; }

/* Hero */
.suv-bighero { position: relative; background: #D4C9C0; overflow: hidden; }
.suv-bighero__img { display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: cover; object-position: 62% 30%; }
.suv-bighero__shade { display: none; }
.suv-bighero__in { position: relative; }
.suv-bighero__text { padding: 26px 0 30px; display: flex; flex-direction: column; gap: 14px; }
.suv-bighero__kicker { margin: 0; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--suv-accent-dark); }
.suv .suv-bighero__title { font-family: var(--suv-display); font-size: clamp(38px, 10vw, 72px); line-height: 1; letter-spacing: -.025em; font-weight: 700; color: var(--suv-ink); }
.suv-bighero__lead { margin: 0; font-size: 17px; line-height: 1.5; color: #2E3633; max-width: 460px; }
.suv-bighero__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 4px; }
.suv-bighero__actions .suv-btn { flex: 1 1 200px; }
.suv-bighero__trust { list-style: none; margin: 2px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 16px; font-size: 14px; font-weight: 500; color: #2E3633; }
.suv-bighero__trust li { display: inline-flex; align-items: center; gap: 6px; }
.suv-bighero__trust .suv-i { color: var(--suv-accent); }
@media (min-width: 900px) {
	.suv-bighero { min-height: min(82vh, 720px); display: flex; align-items: center; }
	.suv-bighero__img { position: absolute; top: 0; right: 0; width: 70%; height: 100%; aspect-ratio: auto; object-position: 40% 35%;
		-webkit-mask-image: linear-gradient(90deg, transparent 0, #000 22%); mask-image: linear-gradient(90deg, transparent 0, #000 22%); }
	.suv-bighero__text { max-width: 470px; padding: 64px 0; gap: 18px; }
	.suv-bighero__actions .suv-btn { flex: 0 0 auto; }
}

/* Nagłówek sekcji z linkiem */
.suv-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 20px; }
.suv-head .suv-h2 { margin-bottom: 0; }
.suv-head__link { display: inline-flex; align-items: center; gap: 4px; font-weight: 700; text-decoration: none; white-space: nowrap; color: var(--suv-ink) !important; }
.suv-head__link .suv-i { transform: rotate(-90deg); }

/* Karty kolorów z szybkim dodaniem */
.suv-colorcard__name { color: var(--suv-ink) !important; text-decoration: none; }
.suv-colorcard__add { width: 100%; margin-top: 2px; }

/* Baner efektu */
.suv-banner { position: relative; background: #8F6844; color: #fff; overflow: hidden; }
.suv-banner__img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; object-position: 78% 40%; }
.suv-banner__shade { display: none; }
.suv-banner__in { position: relative; }
.suv-banner__text { padding: 28px 0 36px; display: flex; flex-direction: column; gap: 12px; max-width: 480px; }
.suv-banner__text p { margin: 0; color: rgba(255,255,255,.88); font-size: 17px; }
.suv-banner .suv-bighero__kicker { color: #F6DCC2; }
.suv .suv-banner__title { font-family: var(--suv-display); font-size: clamp(30px, 7vw, 52px); line-height: 1.05; letter-spacing: -.02em; color: #fff; }
.suv-banner .suv-btn { align-self: flex-start; margin-top: 6px; }
@media (min-width: 900px) {
	.suv-banner { min-height: 520px; display: flex; align-items: center; }
	.suv-banner__img { position: absolute; inset: 0; height: 100%; aspect-ratio: auto; object-position: 70% 40%; }
	.suv-banner__shade { display: block; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(80,52,30,.75) 0, rgba(80,52,30,.35) 45%, transparent 70%); }
	.suv-banner__text { padding: 72px 0; }
}

/* Zdjęcie + tekst */
.suv-split { display: grid; gap: 24px; align-items: center; }
@media (min-width: 900px) { .suv-split { grid-template-columns: 1.1fr 1fr; gap: 56px; } }
.suv-split__media img { width: 100%; border-radius: 20px; }
.suv-split__text { display: flex; flex-direction: column; gap: 14px; }
.suv-split__text .suv-h2 { margin-bottom: 0; }
.suv-split__text > p { margin: 0; color: var(--suv-muted); font-size: 17px; }
.suv-split__note { display: flex; gap: 10px; align-items: center; padding: 12px 14px; border-radius: 12px; background: #fff; color: var(--suv-ink) !important; font-size: 15px !important; }
.suv-split__note .suv-i { color: var(--suv-accent); }
.suv-split__text .suv-btn { align-self: flex-start; }

/* Końcowe CTA */
.suv-cta { background: var(--suv-accent-soft); padding: 48px 0; }
.suv-cta__in { display: grid; gap: 24px; align-items: center; }
@media (min-width: 900px) { .suv-cta { padding: 80px 0; } .suv-cta__in { grid-template-columns: 1fr 1fr; gap: 56px; } }
.suv-cta__media img { width: 100%; border-radius: 20px; }
.suv-cta__text { display: flex; flex-direction: column; gap: 12px; align-items: flex-start; }
.suv-cta__text .suv-h2 { margin-bottom: 0; }
.suv-cta__text p { margin: 0; color: var(--suv-muted); font-size: 17px; }
.suv-cta__text .suv-guarantee__icon { color: var(--suv-accent); }
@media (min-width: 900px) { .suv-banner { min-height: 560px; } .suv-banner__img { object-position: 72% 12%; } }
.suv-split__text > .suv-demo__kicker { color: var(--suv-accent); font-size: 13px; }
/* Baner ze zdjęciem z boku (szczotka z mgiełką) */
.suv-banner--side { background: #876752; }
.suv-banner--side .suv-banner__img { aspect-ratio: 1 / 1; object-position: 50% 50%; }
@media (min-width: 900px) {
	.suv-banner--side .suv-banner__img { left: auto; right: 0; width: 58%; object-position: 40% 50%; -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 28%); mask-image: linear-gradient(90deg, transparent 0, #000 28%); }
	.suv-banner--side .suv-banner__shade { display: none; }
}
/* Baner tylko z tekstem */
.suv-banner--text { min-height: 0 !important; display: block !important; text-align: center; }
.suv-banner--text .suv-banner__text { margin: 0 auto; padding: 52px 0; align-items: center; max-width: 620px; }
.suv-banner--text .suv-btn { align-self: center; }
@media (min-width: 900px) { .suv-banner--text .suv-banner__text { padding: 80px 0; } }