/* MultiProduct – fundament: tokeny, typografia, komponenty wspólne. */

:root{
	--mp-primary:#141a22;
	--mp-primary-rgb:20,26,34;
	--mp-primary-ink:#fff;
	--mp-accent:#c8a15a;
	--mp-accent-rgb:200,161,90;
	--mp-accent-ink:#15171c;
	--mp-bg:#f6f5f2;
	--mp-surface:#fff;
	--mp-surface-rgb:255,255,255;
	--mp-text:#545454;
	--mp-text-rgb:84,84,84;
	--mp-heading:#171717;
	--mp-muted:#7a7a7a;
	--mp-cta:#2563eb;
	--mp-cta-rgb:37,99,235;
	--mp-cta-ink:#fff;
	--mp-radius:8px;

	--mp-radius-sm:calc(var(--mp-radius) * .625);
	--mp-radius-lg:calc(var(--mp-radius) * 1.5);
	/* Przyciski i pola: osobny token, żeby dało się zejść z „pigułek". */
	--mp-radius-pill:calc(var(--mp-radius) * 1.25);
	--mp-line:rgba(var(--mp-text-rgb),.12);
	--mp-line-soft:rgba(var(--mp-text-rgb),.07);
	--mp-shadow:0 1px 2px rgba(var(--mp-text-rgb),.05), 0 12px 32px -18px rgba(var(--mp-text-rgb),.35);
	--mp-shadow-lg:0 40px 90px -40px rgba(var(--mp-text-rgb),.45);

	--mp-font:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
	--mp-font-display:"Cormorant Garamond","Iowan Old Style",Georgia,"Times New Roman",serif;
	--mp-display-weight:400;
	--mp-display-track:-.015em;
	--mp-caps-track:.16em;

	--mp-step--1:clamp(.8rem,.78rem + .1vw,.875rem);
	--mp-step-0:clamp(.95rem,.92rem + .16vw,1.05rem);
	--mp-step-1:clamp(1.1rem,1.03rem + .35vw,1.3rem);
	--mp-step-2:clamp(1.35rem,1.2rem + .75vw,1.8rem);
	--mp-step-3:clamp(1.7rem,1.4rem + 1.5vw,2.6rem);
	--mp-step-4:clamp(2.2rem,1.6rem + 3vw,4rem);
	--mp-step-5:clamp(2.8rem,1.9rem + 4.6vw,5.6rem);

	--mp-gap:clamp(1rem,.7rem + 1.4vw,1.75rem);
	--mp-pad:clamp(3rem,2rem + 5vw,6.5rem);
	--mp-wrap:1220px;
	--mp-ease:cubic-bezier(.22,.61,.36,1);
}

.mp-scheme-dark{
	--mp-line:rgba(255,255,255,.14);
	--mp-line-soft:rgba(255,255,255,.08);
	--mp-shadow:0 1px 2px rgba(0,0,0,.4), 0 18px 40px -24px rgba(0,0,0,.8);
	--mp-shadow-lg:0 40px 90px -40px rgba(0,0,0,.9);
}

*,*::before,*::after{box-sizing:border-box;}

html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}

body{
	margin:0;
	background:var(--mp-bg);
	color:var(--mp-text);
	font-family:var(--mp-font);
	font-size:var(--mp-step-0);
	line-height:1.6;
	-webkit-font-smoothing:antialiased;
	overflow-x:hidden;
}

body.mp-locked{overflow:hidden;}

img,video,svg,iframe{max-width:100%;}
img,video{height:auto;display:block;}

a{color:inherit;text-decoration-color:rgba(var(--mp-text-rgb),.3);text-underline-offset:.18em;}
a:hover{text-decoration-color:currentColor;}

h1,h2,h3,h4{
	font-family:var(--mp-font-display);
	font-weight:var(--mp-display-weight);
	line-height:1.15;
	letter-spacing:var(--mp-display-track);
	color:var(--mp-heading);
	margin:0 0 .5em;
	text-wrap:balance;
}

p{margin:0 0 1em;}
p:last-child{margin-bottom:0;}

button{font:inherit;color:inherit;}

:focus-visible{outline:2px solid var(--mp-accent);outline-offset:3px;border-radius:4px;}

.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap;}

.mp-skip{position:absolute;left:-9999px;top:0;z-index:999;background:var(--mp-primary);color:var(--mp-primary-ink);padding:.75rem 1.25rem;}
.mp-skip:focus{left:1rem;top:1rem;}

.mp-wrap{width:min(100% - 2.5rem,var(--mp-wrap));margin-inline:auto;}

.mp-anchor{display:block;position:relative;top:-90px;height:0;}

/* --- Nagłówek --------------------------------------------------------- */

.mp-header{
	position:sticky;top:0;z-index:60;
	background:rgba(var(--mp-surface-rgb),.86);
	backdrop-filter:blur(14px);
	border-bottom:1px solid var(--mp-line-soft);
	transition:box-shadow .3s var(--mp-ease);
}
.mp-header.is-stuck{box-shadow:0 10px 30px -26px rgba(var(--mp-text-rgb),.6);}
.mp-header{transition:transform .35s var(--mp-ease),box-shadow .3s var(--mp-ease);will-change:transform;}
.mp-header.is-hidden{transform:translateY(-100%);}
@media (prefers-reduced-motion:reduce){.mp-header{transition:none;}}

.mp-header__inner{
	display:flex;align-items:center;gap:var(--mp-gap);
	min-height:68px;
}

.mp-logo{display:inline-flex;align-items:center;text-decoration:none;margin-right:auto;}
.mp-logo__img{max-height:38px;width:auto;object-fit:contain;}
.mp-logo__text{font-family:var(--mp-font-display);font-size:var(--mp-step-1);letter-spacing:-.02em;}

.mp-header__promise{
	margin:0;color:var(--mp-muted);font-size:var(--mp-step--1);
}
@media (max-width:720px){.mp-header__promise{display:none;}}

.mp-nav__list{display:flex;gap:1.5rem;list-style:none;margin:0;padding:0;font-size:var(--mp-step--1);}
.mp-nav__list a{text-decoration:none;}
.mp-nav__list a:hover{text-decoration:underline;}
@media (max-width:720px){.mp-nav{display:none;}}

.mp-cartbtn{
	position:relative;display:inline-grid;place-items:center;
	width:42px;height:42px;border:1px solid var(--mp-line);border-radius:var(--mp-radius-pill);
	background:transparent;cursor:pointer;
	transition:background .2s var(--mp-ease),border-color .2s var(--mp-ease);
}
.mp-cartbtn:hover{background:rgba(var(--mp-text-rgb),.05);border-color:var(--mp-line);}
.mp-cartbtn__count{
	position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 5px;
	display:none;place-items:center;border-radius:999px;
	background:var(--mp-accent);color:var(--mp-accent-ink);
	font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;
}
.mp-cartbtn__count.is-on{display:grid;}

/* --- Przyciski -------------------------------------------------------- */

.mp-btn{
	display:inline-flex;align-items:center;justify-content:center;gap:.55rem;
	padding:1.05rem 1.9rem;border:1px solid transparent;border-radius:var(--mp-radius-pill);
	font-family:var(--mp-font);font-size:var(--mp-step--1);font-weight:500;line-height:1;
	letter-spacing:.1em;text-transform:uppercase;text-decoration:none;
	cursor:pointer;position:relative;overflow:hidden;
	transition:transform .25s var(--mp-ease),background .25s var(--mp-ease),color .25s var(--mp-ease),box-shadow .25s var(--mp-ease),opacity .2s;
}
.mp-btn::after{
	content:"";position:absolute;inset:0;background:currentColor;opacity:0;
	transition:opacity .25s var(--mp-ease);
}
.mp-btn:hover::after{opacity:.06;}
.mp-btn > *{position:relative;}
.mp-btn:hover{transform:translateY(-2px);box-shadow:0 18px 34px -22px rgba(var(--mp-text-rgb),.7);}
.mp-btn:active{transform:translateY(0);}
.mp-btn[disabled],.mp-btn.is-busy{opacity:.6;pointer-events:none;}
.mp-btn--primary{background:var(--mp-primary);color:var(--mp-primary-ink);}
.mp-btn--accent{background:var(--mp-accent);color:var(--mp-accent-ink);}
.mp-btn--ghost{background:transparent;border-color:var(--mp-line);color:inherit;}
.mp-btn--ghost:hover{background:rgba(var(--mp-text-rgb),.05);}
.mp-btn--block{width:100%;}

.mp-icon{flex:none;}
.mp-icon.is-flipped{transform:rotate(180deg);}

/* --- Typografia treści ------------------------------------------------ */

.mp-prose{max-width:68ch;}
.mp-prose.is-center{margin-inline:auto;text-align:center;}
.mp-prose p{color:rgba(var(--mp-text-rgb),.82);}
.mp-prose ul,.mp-prose ol{padding-left:1.2em;color:rgba(var(--mp-text-rgb),.82);}
.mp-prose li{margin-bottom:.35em;}

.mp-page__title{font-size:var(--mp-step-4);}
.mp-page,.mp-archive,.mp-404{padding-block:var(--mp-pad);}
.mp-404{text-align:center;}

/* --- Formularze ------------------------------------------------------- */

input[type=text],input[type=email],input[type=tel],input[type=password],input[type=search],input[type=number],input[type=url],textarea,select{
	width:100%;padding:.85rem 1rem;
	background:var(--mp-surface);color:var(--mp-text);
	border:1px solid var(--mp-line);border-radius:var(--mp-radius-sm);
	font:inherit;font-size:var(--mp-step-0);
	transition:border-color .2s var(--mp-ease),box-shadow .2s var(--mp-ease);
}
input:focus,textarea:focus,select:focus{
	outline:none;border-color:var(--mp-accent);
	box-shadow:0 0 0 3px rgba(var(--mp-accent-rgb),.18);
}
label{display:block;font-size:var(--mp-step--1);color:var(--mp-muted);margin-bottom:.35rem;}

.mp-field{margin-bottom:1rem;}
.required{color:var(--mp-accent);}

/* --- Stopka ----------------------------------------------------------- */

.mp-footer{
	position:relative;margin-top:0;
	padding-block:clamp(2.5rem,2rem + 3vw,4.5rem) 2rem;
	background:var(--mp-surface);
	font-size:var(--mp-step--1);
}
.mp-footer::before{
	content:"";position:absolute;inset:0 0 auto;height:1px;
	background:linear-gradient(90deg,transparent,rgba(var(--mp-accent-rgb),.45),transparent);
}

.mp-footer__top{
	display:grid;gap:clamp(2rem,1.2rem + 3vw,4rem);
	grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr) minmax(0,1fr);
	align-items:start;
}
@media (max-width:860px){
	.mp-footer__top{grid-template-columns:repeat(2,minmax(0,1fr));}
	.mp-footer__brand{grid-column:1/-1;}
}
@media (max-width:560px){
	.mp-footer__top{grid-template-columns:minmax(0,1fr);gap:2rem;}
}

.mp-footer__brand{display:grid;gap:1.1rem;justify-items:start;}
.mp-footer__note{color:var(--mp-muted);max-width:44ch;margin:0;line-height:1.6;}

.mp-footer__contact{list-style:none;margin:0;padding:0;display:grid;gap:.6rem;}
.mp-footer__contact li{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;}
.mp-footer__contact .mp-icon{color:var(--mp-accent);flex:none;}
.mp-footer__contact a{color:var(--mp-heading);text-decoration:none;font-weight:500;}
.mp-footer__contact a:hover{color:var(--mp-accent);}
.mp-footer__hours{color:var(--mp-muted);font-size:.72rem;}

.mp-footer__title{
	margin:0 0 1.1rem;font-family:var(--mp-font);
	font-size:.7rem;font-weight:600;letter-spacing:var(--mp-caps-track);
	text-transform:uppercase;color:var(--mp-muted);
}

.mp-footer__links{list-style:none;margin:0;padding:0;display:grid;gap:.65rem;}
.mp-footer__links a{
	color:var(--mp-text);text-decoration:none;
	transition:color .25s var(--mp-ease),padding-left .25s var(--mp-ease);
}
.mp-footer__links a:hover{color:var(--mp-accent);padding-left:.3rem;}

.mp-footer__badges{list-style:none;margin:0 0 1.35rem;padding:0;display:grid;gap:.65rem;}
.mp-footer__badges li{display:flex;align-items:center;gap:.6rem;color:var(--mp-muted);}
.mp-footer__badges .mp-icon{color:var(--mp-accent);flex:none;}

.mp-footer__pay img{
	max-width:280px;width:100%;height:auto;opacity:.7;
	transition:opacity .3s var(--mp-ease);
}
.mp-footer__pay img:hover{opacity:1;}

.mp-footer__widgets{
	display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
	margin-top:clamp(2rem,1.5rem + 2vw,3rem);
}
.mp-widget__title{font-size:var(--mp-step-0);}

.mp-footer__bar{
	display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;
	margin-top:clamp(2rem,1.5rem + 2vw,3.25rem);padding-top:1.5rem;
	border-top:1px solid var(--mp-line-soft);
	color:var(--mp-muted);
}
.mp-footer__data{margin:0;white-space:pre-line;text-align:right;}
@media (max-width:560px){
	.mp-footer__bar{flex-direction:column;align-items:flex-start;text-align:left;}
	.mp-footer__data{text-align:left;}
}

.mp-footer__copy{margin:0;}

/* --- Toast ------------------------------------------------------------ */

.mp-toast{
	position:fixed;left:50%;bottom:1.5rem;transform:translate(-50%,140%);
	z-index:120;max-width:min(92vw,420px);
	padding:.85rem 1.25rem;border-radius:var(--mp-radius-pill);
	background:var(--mp-primary);color:var(--mp-primary-ink);
	font-size:var(--mp-step--1);box-shadow:var(--mp-shadow-lg);
	/* Bez ukrycia pusty toast wystawał zza dolnej krawędzi ekranu. */
	opacity:0;visibility:hidden;
	transition:transform .45s var(--mp-ease),opacity .3s var(--mp-ease),visibility .3s;
	pointer-events:none;
}
.mp-toast.is-on{transform:translate(-50%,0);opacity:1;visibility:visible;}
.mp-toast.is-error{background:#b3261e;color:#fff;}

/* --- Siatki i karty --------------------------------------------------- */

.mp-grid{display:grid;gap:var(--mp-gap);}
.mp-grid--2{grid-template-columns:repeat(2,minmax(0,1fr));}
.mp-grid--3{grid-template-columns:repeat(3,minmax(0,1fr));}
.mp-grid--4{grid-template-columns:repeat(4,minmax(0,1fr));}
@media (max-width:1080px){
	.mp-grid--4{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:820px){
	.mp-grid--3{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:560px){
	.mp-grid--2,.mp-grid--3,.mp-grid--4{grid-template-columns:minmax(0,1fr);}
}

.mp-card{
	position:relative;isolation:isolate;
	background:var(--mp-surface);border:1px solid var(--mp-line-soft);
	border-radius:var(--mp-radius);padding:2rem 1.8rem;
	transition:transform .4s var(--mp-ease),box-shadow .4s var(--mp-ease),border-color .4s var(--mp-ease);
}
.mp-card::before{
	content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
	background:linear-gradient(160deg,rgba(var(--mp-accent-rgb),.09),transparent 42%);
	opacity:0;transition:opacity .4s var(--mp-ease);
}
.mp-card:hover{transform:translateY(-4px);border-color:rgba(var(--mp-accent-rgb),.35);box-shadow:var(--mp-shadow);}
.mp-card:hover::before{opacity:1;}
.mp-card__icon{
	display:inline-grid;place-items:center;width:46px;height:46px;margin-bottom:1.4rem;
	border-radius:999px;color:var(--mp-accent);
	background:rgba(var(--mp-accent-rgb),.1);
	box-shadow:inset 0 0 0 1px rgba(var(--mp-accent-rgb),.28);
}
.mp-card__media{margin:-2rem -1.8rem 1.4rem;overflow:hidden;border-radius:var(--mp-radius) var(--mp-radius) 0 0;}
.mp-card__media img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:scale .7s var(--mp-ease);}
.mp-card:hover .mp-card__media img{scale:1.05;}
.mp-card__title{font-size:var(--mp-step-1);margin-bottom:.45rem;}
.mp-card__text{color:rgba(var(--mp-text-rgb),.78);font-size:var(--mp-step--1);}
.mp-card__text p:last-child{margin-bottom:0;}

/* --- Zaufanie --------------------------------------------------------- */

.mp-trust{list-style:none;margin:1.25rem 0 0;padding:0;display:grid;gap:.55rem;font-size:var(--mp-step--1);color:var(--mp-muted);}
.mp-trust li{display:flex;align-items:center;gap:.55rem;}

/* --- Reveal ----------------------------------------------------------- */

[data-mp-reveal]{opacity:0;transform:translateY(26px);}
[data-mp-reveal].is-in{
	opacity:1;transform:none;
	transition:opacity .9s var(--mp-ease),transform .9s var(--mp-ease);
}

@media (prefers-reduced-motion:reduce){
	html{scroll-behavior:auto;}
	*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;}
	[data-mp-reveal]{opacity:1;transform:none;}
}

.mp-footer .mp-logo__text,.mp-footer .mp-widget__title{color:var(--mp-heading);}

.mp-icon--custom{display:block;flex:none;}

/* ====================================================================== */
/* Wejścia sekcji — kaskada elementów wewnątrz                            */
/* ====================================================================== */

/* Nagłówek sekcji: nadtytuł, tytuł i wstęp jadą jeden po drugim. */
[data-mp-reveal] .mp-section__eyebrow,
[data-mp-reveal] .mp-section__title,
[data-mp-reveal] .mp-section__intro{
	opacity:0;transform:translateY(14px);
}
[data-mp-reveal].is-in .mp-section__eyebrow,
[data-mp-reveal].is-in .mp-section__title,
[data-mp-reveal].is-in .mp-section__intro{
	opacity:1;transform:none;
	transition:opacity .7s var(--mp-ease),transform .7s var(--mp-ease);
}
[data-mp-reveal].is-in .mp-section__title{transition-delay:.08s;}
[data-mp-reveal].is-in .mp-section__intro{transition-delay:.16s;}

/* Elementy powtarzalne: kafelki, kroki, filary, filmy, opinie, FAQ. */
[data-mp-reveal] .mp-card,
[data-mp-reveal] .mp-benefit,
[data-mp-reveal] .mp-pillar,
[data-mp-reveal] .mp-steps__item,
[data-mp-reveal] .mp-faq__item,
[data-mp-reveal] .mp-videos__item,
[data-mp-reveal] .mp-ring,
[data-mp-reveal] .mp-stats__item,
[data-mp-reveal] .mp-specs__row,
[data-mp-reveal] .mp-partners li,
[data-mp-reveal] .mp-carousel__item,
[data-mp-reveal] .mp-table tbody tr{
	opacity:0;transform:translateY(18px);
}
[data-mp-reveal].is-in .mp-card,
[data-mp-reveal].is-in .mp-benefit,
[data-mp-reveal].is-in .mp-pillar,
[data-mp-reveal].is-in .mp-steps__item,
[data-mp-reveal].is-in .mp-faq__item,
[data-mp-reveal].is-in .mp-videos__item,
[data-mp-reveal].is-in .mp-ring,
[data-mp-reveal].is-in .mp-stats__item,
[data-mp-reveal].is-in .mp-specs__row,
[data-mp-reveal].is-in .mp-partners li,
[data-mp-reveal].is-in .mp-carousel__item,
[data-mp-reveal].is-in .mp-table tbody tr{
	opacity:1;transform:none;
	transition:opacity .65s var(--mp-ease),transform .65s var(--mp-ease);
	transition-delay:calc(.18s + var(--mp-i, 0) * .07s);
}

/* Media w sekcjach: delikatne wyłonienie z powiększenia. */
[data-mp-reveal] .mp-split__media,
[data-mp-reveal] .mp-benefits__media,
[data-mp-reveal] .mp-collage,
[data-mp-reveal] .mp-ba,
[data-mp-reveal] .mp-videos__player{
	opacity:0;transform:translateY(20px) scale(.985);
}
[data-mp-reveal].is-in .mp-split__media,
[data-mp-reveal].is-in .mp-benefits__media,
[data-mp-reveal].is-in .mp-collage,
[data-mp-reveal].is-in .mp-ba,
[data-mp-reveal].is-in .mp-videos__player{
	opacity:1;transform:none;
	transition:opacity .85s var(--mp-ease),transform .85s var(--mp-ease);
	transition-delay:.12s;
}

/* Wejście karty produktu przy załadowaniu strony. */
.mp-intro .mp-product__eyebrow,
.mp-intro .mp-product .product_title,
.mp-intro .mp-product__rating,
.mp-intro .mp-product .price,
.mp-intro .mp-product form.cart,
.mp-intro .mp-eta,
.mp-intro .mp-trustbar,
.mp-intro .mp-hero__media{
	opacity:0;transform:translateY(16px);
	animation:mp-intro-up .75s var(--mp-ease) forwards;
}
.mp-intro .mp-hero__media{transform:translateY(20px) scale(.99);animation-duration:.9s;}
.mp-intro .mp-product__eyebrow{animation-delay:.05s;}
.mp-intro .mp-product .product_title{animation-delay:.12s;}
.mp-intro .mp-product__rating{animation-delay:.18s;}
.mp-intro .mp-product .price{animation-delay:.24s;}
.mp-intro .mp-eta{animation-delay:.3s;}
.mp-intro .mp-product form.cart{animation-delay:.36s;}
.mp-intro .mp-trustbar{animation-delay:.42s;}

@keyframes mp-intro-up{to{opacity:1;transform:none;}}

@media (prefers-reduced-motion:reduce){
	[data-mp-reveal] *,
	[data-mp-reveal].is-in *{opacity:1!important;transform:none!important;transition:none!important;}
	.mp-intro .mp-product__eyebrow,
	.mp-intro .mp-product .product_title,
	.mp-intro .mp-product__rating,
	.mp-intro .mp-product .price,
	.mp-intro .mp-product form.cart,
	.mp-intro .mp-eta,
	.mp-intro .mp-trustbar,
	.mp-intro .mp-hero__media{opacity:1;transform:none;animation:none;}
}