/* =========================================================
   /druk/ — landing sprzedażowy usług druku Reclame
   Zakres: .rcl-print-landing-page (page-katalog-druku.php)

   Tokeny marki z assets/css/base.css:
   --c-action, --c-dark, --c-border, --c-muted, --c-light,
   --radius, --section-gap.
   Zielony CTA: spójny z konfiguratorem (--rcl-green).
   ======================================================= */

.rcl-print-landing-page {
	--rpl-bg: #ffffff;
	--rpl-text: #111111;
	--rpl-muted: #555555;
	--rpl-muted-soft: #888888;
	--rpl-border: var(--c-border, #e8e8e8);
	--rpl-surface: #f6f6f4;
	--rpl-accent: var(--c-action, #e95722);
	--rpl-accent-hover: var(--c-action-hover, #d94e1a);
	--rpl-green: #1f8a4c;
	--rpl-green-hover: #176f3d;
	--rpl-radius: 20px;

	color: var(--rpl-text);
	background: var(--rpl-bg);
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
}

.rcl-print-landing-page h1,
.rcl-print-landing-page h2,
.rcl-print-landing-page h3 {
	margin: 0;
	text-transform: none;
	text-wrap: balance;
	color: var(--rpl-text);
}

.rcl-print-landing-page p {
	margin: 0;
	text-wrap: pretty;
}

.rcl-print-landing-page img {
	max-width: 100%;
	display: block;
}

/* =========================================================
   Baza przycisków
   ======================================================= */

.rcl-print-landing-page .rpl-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;

	min-height: 54px;
	padding: 0 28px;

	border: 1px solid transparent;
	border-radius: 10px;

	font-family: 'Poppins', sans-serif;
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	text-decoration: none;

	cursor: pointer;
	transition:
		background-color 0.18s ease,
		border-color 0.18s ease,
		color 0.18s ease;
}

.rcl-print-landing-page .rpl-btn svg {
	width: 16px;
	height: 16px;
	flex-shrink: 0;
}

.rcl-print-landing-page .rpl-btn:focus-visible {
	outline: 3px solid rgba(233, 87, 34, 0.32);
	outline-offset: 3px;
}

/* Pomarańczowy (brand) — akcje nawigacyjne i "zapytaj". */
.rcl-print-landing-page .rpl-btn--accent {
	background: var(--rpl-accent);
	border-color: var(--rpl-accent);
	color: #ffffff;
}

.rcl-print-landing-page .rpl-btn--accent:hover,
.rcl-print-landing-page .rpl-btn--accent:focus-visible {
	background: var(--rpl-accent-hover);
	border-color: var(--rpl-accent-hover);
	color: #ffffff;
}

/* Zielony — główne CTA zakupowe (spójne z konfiguratorem). */
.rcl-print-landing-page .rpl-btn--green {
	background: var(--rpl-green);
	border-color: var(--rpl-green);
	color: #ffffff;
}

.rcl-print-landing-page .rpl-btn--green:hover,
.rcl-print-landing-page .rpl-btn--green:focus-visible {
	background: var(--rpl-green-hover);
	border-color: var(--rpl-green-hover);
	color: #ffffff;
}

/* Ciemny outline — akcje drugorzędne. */
.rcl-print-landing-page .rpl-btn--outline {
	background: transparent;
	border-color: #c9c9c6;
	color: var(--rpl-text);
}

.rcl-print-landing-page .rpl-btn--outline:hover,
.rcl-print-landing-page .rpl-btn--outline:focus-visible {
	border-color: var(--rpl-text);
	background: var(--rpl-text);
	color: #ffffff;
}

/* Outline na ciemnym tle. */
.rcl-print-landing-page .rpl-btn--outline-light {
	background: transparent;
	border-color: rgba(255, 255, 255, 0.4);
	color: #ffffff;
}

.rcl-print-landing-page .rpl-btn--outline-light:hover,
.rcl-print-landing-page .rpl-btn--outline-light:focus-visible {
	border-color: #ffffff;
	background: #ffffff;
	color: var(--rpl-text);
}

/* Link tekstowy ze strzałką. */
.rcl-print-landing-page .rpl-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;

	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	text-decoration: none;
	color: var(--rpl-text);

	transition: color 0.16s ease, gap 0.16s ease;
}

.rcl-print-landing-page .rpl-link svg {
	width: 15px;
	height: 15px;
	flex-shrink: 0;
	color: var(--rpl-accent);
	transition: transform 0.16s ease;
}

.rcl-print-landing-page .rpl-link:hover,
.rcl-print-landing-page .rpl-link:focus-visible {
	gap: 11px;
	color: var(--rpl-accent);
}

.rcl-print-landing-page .rpl-link:hover svg,
.rcl-print-landing-page .rpl-link:focus-visible svg {
	transform: translateX(3px);
}

.rcl-print-landing-page .rpl-link:focus-visible {
	outline: 3px solid rgba(233, 87, 34, 0.28);
	outline-offset: 3px;
	border-radius: 4px;
}

/* Eyebrow / labelka sekcji. */
.rcl-print-landing-page .rpl-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 12px;

	font-size: 0.75rem;
	font-weight: 600;
	line-height: 1.4;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--rpl-accent);
}














/* =========================================================
   Nawigacja kategorii (pod globalnym headerem)
   ======================================================= */

.rcl-print-landing-page .rpl-cats {
	position: relative;
	z-index: 2;

	background: #f7f7f6;
}
.rcl-print-landing-page .rpl-cats__list {
	display: flex;
	align-items: center;
	gap: 6px;

	margin: 0;
	padding: 8px 0;

	list-style: none;

	overflow-x: auto;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}

.rcl-print-landing-page .rpl-cats__list::-webkit-scrollbar {
	display: none;
}

.rcl-print-landing-page .rpl-cats__item {
	flex: 0 0 auto;
	margin: 0;
}

.rcl-print-landing-page .rpl-cats__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	min-height: 36px;
	padding: 8px 14px;

	font-size: 13px;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: 0;
	white-space: nowrap;

	color: #4d4d4d;
	text-decoration: none;

	border-radius: 10px;
	background: transparent;

	transition:
		color 0.16s ease,
		background-color 0.16s ease;
}

.rcl-print-landing-page .rpl-cats__link:hover {
	color: var(--rpl-text);
	background: rgba(17, 17, 17, 0.045);
	text-decoration: none;
}

.rcl-print-landing-page .rpl-cats__link.is-active {
	color: var(--rpl-text);
	background: #ebe9e5;
	font-weight: 600;
}

.rcl-print-landing-page .rpl-cats__link:focus,
.rcl-print-landing-page .rpl-cats__link:active {
	text-decoration: none;
}

.rcl-print-landing-page .rpl-cats__link:focus-visible {
	outline: 2px solid rgba(233, 87, 34, 0.35);
	outline-offset: 2px;
}











/* =========================================================
   Hero
   ======================================================= */

.rcl-print-landing-page .rpl-hero {
	position: relative;
	overflow: hidden;

	padding: 76px 0 92px;
	background: var(--rpl-bg);
}

/* Blob marki #1 (limit: 2 na stronę). */
.rcl-print-landing-page .rpl-hero::before {
	content: "";
	position: absolute;
	z-index: 0;
	top: -140px;
	right: -180px;
	width: 520px;
	height: 520px;
	border-radius: 42% 58% 62% 38% / 48% 42% 58% 52%;
	background: var(--rpl-accent);
	opacity: 0.03;
	pointer-events: none;
}

.rcl-print-landing-page .rpl-hero .container {
	position: relative;
	z-index: 1;
}

.rcl-print-landing-page .rpl-hero__grid {
	display: grid;
	grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
	gap: clamp(40px, 5vw, 72px);
	align-items: center;
}

.rcl-print-landing-page .rpl-hero__title {
	font-size: clamp(2.625rem, 4.8vw, 3.875rem); /* 42–62 px */
	font-weight: 600;
	line-height: 1.05;
	letter-spacing: -0.045em;
}

.rcl-print-landing-page .rpl-hero__title span {
	color: var(--rpl-accent);
}

.rcl-print-landing-page .rpl-hero__lead {
	max-width: 600px;
	margin-top: 24px;

	font-size: clamp(1.0625rem, 1.6vw, 1.25rem); /* 17–20 px */
	font-weight: 400;
	line-height: 1.55;
	color: #505050;
}

.rcl-print-landing-page .rpl-hero__lead strong {
	color: var(--rpl-text);
	font-weight: 600;
}

.rcl-print-landing-page .rpl-hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;

	margin-top: 34px;
}

.rcl-print-landing-page .rpl-hero__media {
	position: relative;
	width: 100%;
	overflow: hidden;
	border-radius: 18px;
	background: var(--rpl-surface);
	box-shadow:
		0 1px 2px rgba(17, 17, 17, 0.03),
		0 22px 52px rgba(17, 17, 17, 0.07);
}

.rcl-print-landing-page .rpl-hero__media img {
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	object-position: center;
	filter: saturate(0.94) contrast(1.01);
}


   /* =============================================
   POPULAR PRODUCTS
============================================= */

.rpl-popular{position:relative;overflow:hidden;padding:112px 0 124px;background:#f9f9f9}
.rpl-popular::before{content:"";position:absolute;right:-210px;top:76px;width:540px;height:540px;border-radius:51% 49% 42% 58% / 55% 43% 57% 45%;background:rgba(233,87,34,.038);pointer-events:none}
.rpl-popular::after{content:"";position:absolute;left:5vw;bottom:84px;width:104px;height:76px;opacity:.12;background-image:radial-gradient(circle,var(--c-action) 1.1px,transparent 1.1px);background-size:14px 14px;pointer-events:none}
.rpl-popular>.container{position:relative;z-index:1}

.rpl-popular__head{display:grid;grid-template-columns:460px minmax(0,1fr);gap:72px;align-items:end;margin-bottom:52px}
.rpl-popular__head h2{max-width:520px;margin:0;color:var(--c-dark);font-size:48px;font-weight:600;line-height:1.06;letter-spacing:-.028em}
.rpl-popular__sub{max-width:570px;margin:0;color:#5b5b5b;font-size:15.5px;line-height:1.68}

.rpl-popular__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}

.rpl-card{min-width:0;overflow:hidden;border:1px solid #e7e7e7;border-radius:20px;background:var(--c-white);box-shadow:0 12px 38px rgba(17,17,17,.035);transition:transform .28s var(--rcl-ease-out),box-shadow .28s var(--rcl-ease-out),border-color .28s ease}
.rpl-card:hover{transform:translateY(-3px);border-color:#dddddd;box-shadow:0 20px 52px rgba(17,17,17,.065)}
.rpl-card:focus-within{border-color:rgba(233,87,34,.38);box-shadow:0 0 0 3px rgba(233,87,34,.09),0 18px 48px rgba(17,17,17,.05)}

.rpl-card__link{display:flex;flex-direction:column;height:100%;color:inherit;text-decoration:none}
.rpl-card__link:focus{outline:0}

.rpl-card__media{position:relative;overflow:hidden;aspect-ratio:16/10;background:#efefef;border-bottom:1px solid #ececec}
.rpl-card__media::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 72%,rgba(17,17,17,.025));pointer-events:none}
.rpl-card__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--rcl-ease-out)}
.rpl-card:hover .rpl-card__media img{transform:scale(1.022)}
.rpl-card__placeholder{width:100%;height:100%;background:linear-gradient(135deg,#ededed,#f6f6f6 52%,#e9e9e9)}

.rpl-card__body{display:flex;flex:1;flex-direction:column;padding:30px 30px 28px}
.rpl-card__body h3{margin:0 0 13px;color:#222;font-size:23px;font-weight:600;line-height:1.24;letter-spacing:-.018em}
.rpl-card__lead{margin:0;color:#626262;font-size:15px;line-height:1.65}

.rpl-card__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 9px;margin-top:auto;padding-top:27px;border-top:1px solid #ededed;color:var(--c-dark)}
.rpl-card__price strong{display:block;font-size:18px;font-weight:600;line-height:1.25;letter-spacing:-.018em;color:#252525}
.rpl-card__price:has(>span) strong{font-size:29px;font-weight:600;line-height:1;letter-spacing:-.035em;color:#191919}
.rpl-card__price span{font-size:12.5px;font-weight:500;line-height:1.4;color:#858585}

.rpl-card__meta{margin:7px 0 0;color:#8a8a8a;font-size:12.5px;line-height:1.5}

.rpl-card__cta{margin-top:23px}
.rpl-card__cta .rpl-btn{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:50px;padding:0 17px 0 19px;border:1px solid #e2e2e2;border-radius:12px;background:#fbfbfb;color:#2c2c2c;font-size:13.5px;font-weight:600;line-height:1;text-align:left;transition:border-color .2s ease,background .2s ease,color .2s ease}
.rpl-card__cta .rpl-btn svg{width:16px;height:16px;flex:0 0 auto;color:var(--c-action);transition:transform .2s ease}
.rpl-card:hover .rpl-card__cta .rpl-btn{border-color:#ddd5d1;background:#fff8f5;color:#222}
.rpl-card:hover .rpl-card__cta .rpl-btn svg{transform:translateX(3px)}

.rpl-popular__more{margin:38px 0 0 !important;text-align:center}
.rpl-popular__more .rpl-link{display:inline-flex;align-items:center;gap:8px;color:#444;font-size:14px;font-weight:600;line-height:1.3;text-decoration:none;transition:color .2s ease}
.rpl-popular__more .rpl-link svg{width:16px;height:16px;color:var(--c-action);transition:transform .2s ease}
.rpl-popular__more .rpl-link:hover{color:var(--c-action)}
.rpl-popular__more .rpl-link:hover svg{transform:translateX(3px)}
.rpl-popular__more .rpl-link:focus-visible{outline:3px solid rgba(233,87,34,.18);outline-offset:5px;border-radius:3px}

.rpl-empty{max-width:720px;padding:36px;border:1px solid #e7e7e7;border-radius:20px;background:var(--c-white);box-shadow:0 12px 38px rgba(17,17,17,.035)}
.rpl-empty h2{margin:0 0 12px;color:var(--c-dark);font-size:24px;font-weight:600;line-height:1.25;letter-spacing:-.018em}
.rpl-empty p{max-width:600px;margin:0;color:#606060;font-size:15px;line-height:1.65}
.rpl-empty .rpl-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;margin-top:24px;padding:0 24px;border:1px solid var(--c-action);border-radius:12px;background:var(--c-action);color:var(--c-white);font-size:13.5px;font-weight:600;line-height:1;text-decoration:none;transition:border-color .2s ease,background .2s ease,transform .2s ease}
.rpl-empty .rpl-btn:hover{border-color:var(--c-action-hover);background:var(--c-action-hover);transform:translateY(-2px)}
.rpl-empty .rpl-btn:focus-visible{outline:3px solid rgba(233,87,34,.2);outline-offset:3px}


/* =============================================
   POPULAR PRODUCTS RESPONSIVE APPEND — TIGHTER
============================================= */

@media(max-width:1440px){
.rpl-popular{padding:100px 0 112px}
.rpl-popular::before{right:-190px;width:480px;height:480px}
.rpl-popular__head{grid-template-columns:430px minmax(0,1fr);gap:54px;margin-bottom:46px}
.rpl-popular__head h2{font-size:45px}
.rpl-popular__sub{font-size:15px;line-height:1.62}
.rpl-popular__grid{gap:20px}
.rpl-card__body{padding:28px 27px 26px}
.rpl-card__body h3{margin-bottom:12px;font-size:22px}
.rpl-card__lead{font-size:14.5px;line-height:1.62}
.rpl-card__price{padding-top:24px}
.rpl-card__price:has(>span) strong{font-size:27px}
.rpl-card__cta{margin-top:21px}
.rpl-popular__more{margin-top:34px}
}

@media(max-width:1180px){
.rpl-popular{padding:86px 0 98px}
.rpl-popular::before{right:-220px;top:90px;width:440px;height:440px}
.rpl-popular::after{left:auto;right:6vw;bottom:64px}
.rpl-popular__head{grid-template-columns:1fr;gap:15px;max-width:740px;margin-bottom:44px}
.rpl-popular__head h2{max-width:620px;font-size:clamp(40px,4.7vw,44px)}
.rpl-popular__sub{max-width:620px}
.rpl-popular__grid{grid-template-columns:1fr;max-width:760px;margin:0 auto;gap:22px}
.rpl-card{min-height:auto}
.rpl-card__link{display:grid;grid-template-columns:minmax(260px,300px) minmax(0,1fr)}
.rpl-card__media{height:100%;min-height:300px;aspect-ratio:auto;border-right:1px solid #ececec;border-bottom:0}
.rpl-card__body{padding:30px}
.rpl-card__body h3{font-size:22px}
.rpl-card__lead{max-width:390px}
.rpl-card__price{margin-top:auto}
.rpl-popular__more{margin-top:34px}
.rpl-empty{max-width:760px;margin:0 auto}
}

@media(max-width:768px){
.rpl-popular{padding:68px 0 78px}
.rpl-popular::before{right:-205px;top:100px;width:360px;height:360px}
.rpl-popular::after{display:none}
.rpl-popular__head{gap:13px;max-width:none;margin-bottom:34px}
.rpl-popular__head h2{max-width:540px;font-size:36px;line-height:1.06}
.rpl-popular__sub{max-width:none;font-size:15px;line-height:1.55}
.rpl-popular__grid{max-width:none;gap:18px}
.rpl-card{border-radius:18px}
.rpl-card:hover{transform:none}
.rpl-card__link{display:flex;flex-direction:column}
.rpl-card__media{min-height:0;aspect-ratio:16/10;border-right:0;border-bottom:1px solid #ececec}
.rpl-card:hover .rpl-card__media img{transform:none}
.rpl-card__body{padding:26px 24px 24px}
.rpl-card__body h3{margin-bottom:11px;font-size:21px;line-height:1.23}
.rpl-card__lead{max-width:none;font-size:14.5px;line-height:1.58}
.rpl-card__price{margin-top:25px;padding-top:22px}
.rpl-card__price:has(>span) strong{font-size:26px}
.rpl-card__price span{font-size:12px}
.rpl-card__meta{font-size:12px}
.rpl-card__cta{margin-top:21px}
.rpl-card__cta .rpl-btn{min-height:50px;font-size:13.5px}
.rpl-popular__more{margin-top:30px;text-align:left}
.rpl-empty{max-width:none;padding:28px 24px;border-radius:18px}
.rpl-empty h2{font-size:21px}
.rpl-empty p{font-size:14.5px;line-height:1.58}
.rpl-empty .rpl-btn{width:100%;min-height:50px}
}

@media(max-width:480px){
.rpl-popular{padding:60px 0 70px}
.rpl-popular::before{right:-185px;top:110px;width:310px;height:310px}
.rpl-popular__head{gap:11px;margin-bottom:30px}
.rpl-popular__head h2{font-size:32px}
.rpl-popular__sub{font-size:14px}
.rpl-popular__grid{gap:16px}
.rpl-card{border-radius:16px}
.rpl-card__media{aspect-ratio:4/3}
.rpl-card__body{padding:23px 20px 22px}
.rpl-card__body h3{margin-bottom:10px;font-size:20px}
.rpl-card__lead{font-size:14px;line-height:1.55}
.rpl-card__price{margin-top:22px;padding-top:19px}
.rpl-card__price:has(>span) strong{font-size:25px}
.rpl-card__price span{font-size:11.5px}
.rpl-card__meta{margin-top:6px;font-size:11.5px}
.rpl-card__cta{margin-top:19px}
.rpl-card__cta .rpl-btn{min-height:48px;padding:0 15px 0 17px;border-radius:11px;font-size:13px}
.rpl-popular__more{margin-top:27px}
.rpl-empty{padding:24px 20px;border-radius:16px}
.rpl-empty h2{font-size:20px}
.rpl-empty p{font-size:14px}
.rpl-empty .rpl-btn{min-height:48px;border-radius:11px;font-size:13px}
}












   
/* =========================================================
   Pomoc z projektem (szeroki neutralny panel)
   ======================================================= */
/* =============================================
   DESIGN HELP
============================================= */

.rpl-design{position:relative;overflow:hidden;padding:118px 0 130px;background:#efe9e3}
.rpl-design::before{content:"";position:absolute;right:-220px;top:-170px;width:560px;height:560px;border-radius:50%;background:rgba(233,87,34,.045);pointer-events:none}
.rpl-design::after{content:"";position:absolute;left:5vw;bottom:86px;width:104px;height:78px;opacity:.12;background-image:radial-gradient(circle,var(--c-action) 1.1px,transparent 1.1px);background-size:14px 14px;pointer-events:none}
.rpl-design>.container{position:relative;z-index:1}

.rpl-design__panel{position:relative;background:transparent}

.rpl-design__top{display:grid;grid-template-columns:minmax(0,620px) minmax(280px,1fr);gap:96px;align-items:end;padding-bottom:46px;border-bottom:1px solid rgba(17,17,17,.12)}
.rpl-design__top>div:first-child{min-width:0}

.rpl-eyebrow{display:block;margin-bottom:14px;color:var(--c-action);font-size:12px;font-weight:600;line-height:1.2;letter-spacing:.15em;text-transform:uppercase}
.rpl-design__top h2{max-width:620px;margin:0;color:var(--c-dark);font-size:46px;font-weight:600;line-height:1.06;letter-spacing:-.028em}

.rpl-design__desc{display:flex;justify-content:flex-end;align-items:flex-end}
.rpl-design__cta{display:flex;justify-content:flex-end}

.rpl-design__cta .rpl-btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:54px;padding:0 25px;border:1px solid var(--c-action);border-radius:999px;background:var(--c-action);color:var(--c-white);font-size:14px;font-weight:600;line-height:1;text-decoration:none;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.rpl-design__cta .rpl-btn svg{width:17px;height:17px;flex:0 0 auto;transition:transform .2s ease}
.rpl-design__cta .rpl-btn:hover{border-color:var(--c-action-hover);background:var(--c-action-hover);transform:translateY(-2px)}
.rpl-design__cta .rpl-btn:hover svg{transform:translateX(3px)}
.rpl-design__cta .rpl-btn:focus-visible{outline:3px solid rgba(233,87,34,.22);outline-offset:3px}

.rpl-design__examples{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:34px;align-items:start;margin-top:54px}

.rpl-design__example{margin:0}
.rpl-design__example:nth-child(2){margin-top:82px}

.rpl-design__example img{display:block;width:100%;height:auto;object-fit:cover;background:#ded8d3}
.rpl-design__example:first-child img{aspect-ratio:16/14}
.rpl-design__example:nth-child(2) img{aspect-ratio:4/5}

.rpl-design__example figcaption{margin-top:13px;color:#6b625d;font-size:12.5px;font-weight:500;line-height:1.5}
.rpl-design__example figcaption::before{content:"";display:inline-block;width:18px;height:1px;margin:0 9px 4px 0;background:var(--c-action)}


/* =============================================
   DESIGN HELP RESPONSIVE APPEND — TIGHTER
============================================= */

@media(max-width:1440px){
.rpl-design{padding:104px 0 116px}
.rpl-design::before{right:-200px;top:-160px;width:500px;height:500px}
.rpl-design__top{grid-template-columns:minmax(0,570px) minmax(260px,1fr);gap:68px;padding-bottom:40px}
.rpl-design__top h2{font-size:44px}
.rpl-design__examples{gap:28px;margin-top:48px}
.rpl-design__example:nth-child(2){margin-top:68px}
}

@media(max-width:1180px){
.rpl-design{padding:86px 0 98px}
.rpl-design::before{right:-210px;top:-130px;width:440px;height:440px}
.rpl-design__top{grid-template-columns:1fr;gap:26px;max-width:760px;padding-bottom:36px}
.rpl-design__top h2{max-width:620px;font-size:clamp(40px,5vw,44px)}
.rpl-design__desc{justify-content:flex-start}
.rpl-design__cta{justify-content:flex-start}
.rpl-design__examples{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:24px;margin-top:44px}
.rpl-design__example:nth-child(2){margin-top:54px}
}

@media(max-width:768px){
.rpl-design{padding:68px 0 78px}
.rpl-design::before{right:-170px;top:-90px;width:330px;height:330px}
.rpl-design::after{display:none}
.rpl-design__top{gap:22px;max-width:none;padding-bottom:30px}
.rpl-eyebrow{margin-bottom:12px;font-size:11.5px;letter-spacing:.14em}
.rpl-design__top h2{font-size:36px;line-height:1.06}
.rpl-design__cta{width:100%}
.rpl-design__cta .rpl-btn{width:100%;min-height:52px;padding:0 21px;font-size:13.5px}
.rpl-design__examples{grid-template-columns:1fr;gap:30px;margin-top:34px}
.rpl-design__example:nth-child(2){margin-top:0}
.rpl-design__example:first-child img,.rpl-design__example:nth-child(2) img{aspect-ratio:16/14}
.rpl-design__example figcaption{margin-top:11px;font-size:12.5px}
}

@media(max-width:480px){
.rpl-design{padding:60px 0 70px}
.rpl-design__top{gap:20px;padding-bottom:26px}
.rpl-eyebrow{margin-bottom:10px}
.rpl-design__top h2{font-size:32px}
.rpl-design__cta .rpl-btn{min-height:50px;font-size:13px}
.rpl-design__examples{gap:26px;margin-top:30px}
.rpl-design__example:first-child img,.rpl-design__example:nth-child(2) img{aspect-ratio:4/3}
.rpl-design__example figcaption{font-size:12px}
}
   
   






/* =========================================================
   Proces "Druk bez zgadywania"
   ======================================================= */

.rcl-print-landing-page .rpl-process {
	padding: 92px 0;
}

.rcl-print-landing-page .rpl-process__head {
	text-align: center;
	max-width: 620px;
	margin: 0 auto 52px;
}

.rcl-print-landing-page .rpl-process__head .rpl-eyebrow {
	margin-bottom: 16px;
}

.rcl-print-landing-page .rpl-process__head .rpl-eyebrow::before {
	display: none;
}

.rcl-print-landing-page .rpl-process__head h2 {
	font-size: clamp(2.125rem, 3.8vw, 2.875rem);
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: -0.03em;
}

.rcl-print-landing-page .rpl-process__head p {
	margin-top: 14px;

	font-size: 0.9375rem;
	line-height: 1.7;
	color: var(--rpl-muted);
}

.rcl-print-landing-page .rpl-process__steps {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 44px;

	margin: 0;
	padding: 0;
	list-style: none;
}

.rcl-print-landing-page .rpl-process__step + .rpl-process__step {
	border-left: 1px solid var(--rpl-border);
	padding-left: 44px;
}

.rcl-print-landing-page .rpl-process__num {
	display: block;
	margin-bottom: 16px;

	font-size: 2.875rem;
	font-weight: 200;
	line-height: 1;
	letter-spacing: -0.02em;
	color: rgba(17, 17, 17, 0.14);
}

.rcl-print-landing-page .rpl-process__step h3 {
	font-size: 1.125rem;
	font-weight: 600;
	line-height: 1.3;
	letter-spacing: -0.01em;
}

.rcl-print-landing-page .rpl-process__step p {
	margin-top: 10px;

	font-size: 0.9375rem;
	font-weight: 400;
	line-height: 1.65;
	color: var(--rpl-muted);
}

/* =========================================================
   Korzyści (zwarte kolumny, bez wielkich kart)
   ======================================================= */

.rcl-print-landing-page .rpl-benefits {
	padding: 76px 0;
	background: var(--rpl-bg);
}

.rcl-print-landing-page .rpl-benefits__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 20px 36px;
}

.rcl-print-landing-page .rpl-benefit {
	display: flex;
	gap: 14px;
	align-items: flex-start;
}

.rcl-print-landing-page .rpl-benefit__mark {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;

	width: 22px;
	height: 22px;
	margin-top: 2px;

	border: 1px solid rgba(233, 87, 34, 0.45);
	border-radius: 50%;
	color: var(--rpl-accent);
}

.rcl-print-landing-page .rpl-benefit__mark svg {
	width: 12px;
	height: 12px;
}

.rcl-print-landing-page .rpl-benefit strong {
	display: block;

	font-size: 0.9375rem;
	font-weight: 600;
	line-height: 1.35;
	letter-spacing: -0.01em;
}

.rcl-print-landing-page .rpl-benefit p {
	margin-top: 5px;

	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.55;
	color: var(--rpl-muted-soft);
}

/* =========================================================
   Końcowe CTA (ciemna sekcja)
   ======================================================= */

.rcl-print-landing-page .rpl-final {
	position: relative;
	overflow: hidden;

	padding: 100px 0;
	background: var(--rpl-text);
	color: #ffffff;
}

/* Blob marki #2. */
.rcl-print-landing-page .rpl-final::after {
	content: "";
	position: absolute;
	z-index: 0;
	right: -180px;
	bottom: -220px;
	width: 480px;
	height: 480px;
	border-radius: 42% 58% 62% 38% / 48% 42% 58% 52%;
	background: var(--rpl-accent);
	opacity: 0.05;
	pointer-events: none;
}

.rcl-print-landing-page .rpl-final .container {
	position: relative;
	z-index: 1;
}

.rcl-print-landing-page .rpl-final__inner {
	max-width: 700px;
	margin: 0 auto;
	text-align: center;
}

.rcl-print-landing-page .rpl-final h2 {
	font-size: clamp(2.125rem, 3.8vw, 2.875rem);
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: -0.03em;
	color: #ffffff;
}

.rcl-print-landing-page .rpl-final__lead {
	max-width: 560px;
	margin: 18px auto 0;

	font-size: 1rem;
	font-weight: 400;
	line-height: 1.7;
	color: rgba(255, 255, 255, 0.72);
}

.rcl-print-landing-page .rpl-final__actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 14px;

	margin-top: 34px;
}

/* =========================================================
   Stan pusty / błąd API
   ======================================================= */

.rcl-print-landing-page .rpl-empty {
	max-width: 720px;
	margin: 60px auto;
	padding: 40px;
	text-align: center;
	background: #ffffff;
	border: 1px solid var(--rpl-border);
	border-radius: 24px;
}

.rcl-print-landing-page .rpl-empty h2 {
	font-size: clamp(1.6rem, 3vw, 2.25rem);
	font-weight: 600;
	letter-spacing: -0.02em;
}

.rcl-print-landing-page .rpl-empty p {
	margin: 14px auto 24px;
	max-width: 480px;
	font-size: 0.9375rem;
	line-height: 1.65;
	color: var(--rpl-muted);
}

.rcl-print-landing-page .rpl-error {
	display: grid;
	gap: 8px;
	margin: 0 0 28px;
	padding: 14px 18px;
	font-size: 0.875rem;
	line-height: 1.5;
	color: #7a271a;
	background: #fef3f2;
	border: 1px solid #fecdca;
	border-radius: 14px;
}

.rcl-print-landing-page .rpl-error code {
	overflow-wrap: anywhere;
	color: inherit;
}

/* =========================================================
   Responsywność
   ======================================================= */

@media (max-width: 1180px) {
	.rcl-print-landing-page .rpl-hero {
		padding: 60px 0 76px;
	}

	.rcl-print-landing-page .rpl-hero__grid {
		gap: 40px;
	}

	.rcl-print-landing-page .rpl-hero__title {
		font-size: clamp(2.5rem, 4.6vw, 3.375rem);
	}

	.rcl-print-landing-page .rpl-popular__head {
		grid-template-columns: minmax(0, 1fr) minmax(240px, 320px);
		column-gap: 40px;
	}

	.rcl-print-landing-page .rpl-benefits__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 992px) {
	.rcl-print-landing-page .rpl-hero {
		padding: 48px 0 64px;
	}

	.rcl-print-landing-page .rpl-hero__grid {
		grid-template-columns: 1fr;
	}

	.rcl-print-landing-page .rpl-hero__media {
		max-width: 640px;
	}

	.rcl-print-landing-page .rpl-popular {
		padding: 76px 0;
	}

	.rcl-print-landing-page .rpl-popular__head {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.rcl-print-landing-page .rpl-popular__sub {
		justify-self: start;
		max-width: 480px;
	}

	.rcl-print-landing-page .rpl-popular__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.rcl-print-landing-page .rpl-design__top {
		grid-template-columns: 1fr;
		gap: 24px;
	}

	.rcl-print-landing-page .rpl-case__grid {
		grid-template-columns: 1fr;
		gap: 36px;
	}

	.rcl-print-landing-page .rpl-case__media {
		order: -1;
		max-width: 640px;
	}

	.rcl-print-landing-page .rpl-process__steps {
		gap: 28px;
	}

	.rcl-print-landing-page .rpl-process__step + .rpl-process__step {
		padding-left: 28px;
	}
}

@media (max-width: 768px) {
	.rcl-print-landing-page .rpl-hero__actions {
		flex-direction: column;
		align-items: stretch;
	}

	.rcl-print-landing-page .rpl-hero__actions .rpl-btn {
		width: 100%;
	}

	.rcl-print-landing-page .rpl-popular__grid {
		grid-template-columns: 1fr;
	}

	.rcl-print-landing-page .rpl-process__steps {
		grid-template-columns: 1fr;
		gap: 0;
	}

	.rcl-print-landing-page .rpl-process__step + .rpl-process__step {
		border-left: 0;
		padding-left: 0;
		margin-top: 32px;
	}

	.rcl-print-landing-page .rpl-design__examples {
		grid-template-columns: 1fr;
	}

	.rcl-print-landing-page .rpl-final__actions {
		flex-direction: column;
		align-items: stretch;
	}

	.rcl-print-landing-page .rpl-final__actions .rpl-btn {
		width: 100%;
	}
}

@media (max-width: 480px) {
	.rcl-print-landing-page .rpl-hero {
		padding: 40px 0 56px;
	}

	.rcl-print-landing-page .rpl-hero__title {
		font-size: clamp(2.25rem, 11vw, 2.875rem);
		line-height: 1.04;
	}

	.rcl-print-landing-page .rpl-popular,
	.rcl-print-landing-page .rpl-process {
		padding: 64px 0;
	}

	.rcl-print-landing-page .rpl-design {
		padding: 16px 0 64px;
	}

	.rcl-print-landing-page .rpl-design__panel {
		padding: 32px 24px;
		border-radius: 22px;
	}

	.rcl-print-landing-page .rpl-case {
		padding: 64px 0;
	}

	.rcl-print-landing-page .rpl-benefits {
		padding: 60px 0;
	}

	.rcl-print-landing-page .rpl-benefits__grid {
		grid-template-columns: 1fr;
	}

	.rcl-print-landing-page .rpl-final {
		padding: 76px 0;
	}

	.rcl-print-landing-page .rpl-card__body {
		padding: 20px 22px 22px;
	}
}

/* =========================================================
   Redukcja animacji
   ======================================================= */

@media (prefers-reduced-motion: reduce) {
	.rcl-print-landing-page .rpl-btn,
	.rcl-print-landing-page .rpl-link,
	.rcl-print-landing-page .rpl-card,
	.rcl-print-landing-page .rpl-card__media img {
		transition: none;
	}

	.rcl-print-landing-page .rpl-card:hover,
	.rcl-print-landing-page .rpl-card:hover .rpl-card__media img {
		transform: none;
	}
}