.colbw {
	
	container: colbw / inline-size;
	display: flex;
	flex-direction: column;
	gap: 29px;
	font-family: 'Montserrat';
	line-height: normal;
	letter-spacing: 0px;
	background: url(../assets/col.png) center / cover no-repeat, linear-gradient(#240428, #240428) top left / auto auto no-repeat;
	padding-top: 25px;
	--minContent: 1440;
	--hSizing: FILL;
	--vSizing: HUG;
	--pConstraintHorizontal: STRETCH;
	--pConstraintVertical: MIN;
}

.subtitle {
	
	align-self: stretch;
	color: #fff;
	font-family: 'Montserrat';
	font-size: 24px;
	--minContent: 408;
	--hSizing: FILL;
	--vSizing: HUG;
	--pConstraintHorizontal: STRETCH;
	--pConstraintVertical: MIN;
}



/* rowbw-a */

.rowbw-a {
	
	display: flex;
	align-items: center;
	gap: 10px;
	font-weight: 700;
	--minContent: 273;
	--hSizing: HUG;
	--vSizing: HUG;
	--pConstraintHorizontal: MIN;
	--pConstraintVertical: MIN;
}

.rowbw-text-uzyj-kodu {
	margin: unset;
	color: #dc304b;
	--minContent: 98;
	--hSizing: HUG;
	--vSizing: HUG;
	--pConstraintHorizontal: MIN;
	--pConstraintVertical: CENTER;
}

.rowbw-rowbw {
	
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-shrink: 0;
	color: #fff;
	font-size: 16px;
	background-color: #e81357;
	padding: 5px 9px;
	border-radius: 5px;
	--minContent: 165;
	--hSizing: FIXED;
	--vSizing: HUG;
	--pConstraintHorizontal: MIN;
	--pConstraintVertical: CENTER;
}

.rowbw-text1 {
	margin: unset;
	--minContent: 121;
	--hSizing: HUG;
	--vSizing: HUG;
	--pConstraintHorizontal: MIN;
	--pConstraintVertical: CENTER;
}

.rowbw-lucide-copy {
	
/*	width: 16px; height: 16px;
	flex-shrink: 0;
	--minContent: 16;
	--hSizing: FIXED;
	--vSizing: FIXED;
	--pConstraintHorizontal: MIN;
	--pConstraintVertical: CENTER;
*/
  width: 16px;
  height: 16px;
  flex-shrink: 0;


  --minContent: 16;
  --hSizing: FIXED;
  --vSizing: FIXED;
  --pConstraintHorizontal: MIN;
  --pConstraintVertical: CENTER;


  cursor: pointer;              /* pozwala klikać */

  box-sizing: content-box;      /* żeby nie powiększało samej ikony */
  transition: transform 0.15s, opacity 0.15s;
  border-radius: 6px;           /* opcjonalnie – łagodniejsze kliknięcie */


}

.rowbw-lucide-copy:hover {
  transform: scale(1.2);
  opacity: 0.8;
  background: rgba(255, 255, 255, 0.08); /* delikatny hover, opcjonalny */
}


/* end rowbw-a*/




/* rowbw-b */

.rowbw-b {
	
	display: flex;
	align-items: center;
	gap: 10px;
	--minContent: 77;
	--hSizing: HUG;
	--vSizing: HUG;
	--pConstraintHorizontal: MIN;
	--pConstraintVertical: MIN;
}

.rowbw-lucide-zap {
	
	width: 24px; height: 24px;
	flex-shrink: 0;
	--minContent: 24;
	--hSizing: FIXED;
	--vSizing: FIXED;
	--pConstraintHorizontal: MIN;
	--pConstraintVertical: CENTER;
}
/* end rowbw-b*/


.text-a {
	  margin:unset;
	--minContent: 43;
	--hSizing: HUG;
	--vSizing: HUG;
	--pConstraintHorizontal: MIN;
	--pConstraintVertical: CENTER;
}



/* rowbw-c */

.rowbw-c {
	
	display: flex;
	align-items: flex-start;
	gap: 19px;
	align-self: stretch;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	--minContent: 507;
	--hSizing: FILL;
	--vSizing: HUG;
	--pConstraintHorizontal: STRETCH;
	--pConstraintVertical: MIN;
}

.rowbw-btnbw-zobacz-plany {
	border: 0px;
	color:white;
	font-family: 'Montserrat';
	width: 237px;
	display: flex;
	justify-content: center;
	flex-shrink: 0;
	text-align: center;
	background-color: #e81357;
	padding: 10px 9px;
	border-radius: 8px;
	--minContent: 237;
	--hSizing: FIXED;
	--vSizing: HUG;
	--pConstraintHorizontal: MIN;
	--pConstraintVertical: MIN;
}

.rowbw-text3 {
	
	margin-top: 10px;
	--minContent: 251;
	--hSizing: HUG;
	--vSizing: HUG;
	--pConstraintHorizontal: MIN;
	--pConstraintVertical: MIN;
}
/* end rowbw-c*/


.rowbw1 {
	
	/*margin-left: 85px; margin-right: 72px;*/
	margin-left: 150px; margin-right: 115px;
	display: flex;
	align-items: center;
	gap: 71px;
	--minContent: 1440;
	--hSizing: FILL;
	--vSizing: HUG;
	--pConstraintHorizontal: STRETCH;
	--pConstraintVertical: MIN;
}

.colbw-left {
	min-width:585px;
	container: colbw-left / inline-size;
	width: 96%;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 58px;
	flex-grow: 1;
	color: #fff;
	--minContent: 583;
	--hSizing: FILL;
	--vSizing: HUG;
	--pConstraintHorizontal: MIN;
	--pConstraintVertical: CENTER;
}

.btnbw-black-week {
	border: 0px solid #ff0028;	
	display: flex;
	font-family: 'Montserrat';
	color: white;
	font-size: 22px;
	font-style: normal;
	font-weight: 600;
	letter-spacing: 0px;
	text-align: left;
	background-color: #c02c4c;
	padding: 10px 32px 10px 34px;
	border-radius: 30px;
	--minContent: 410;
	--hSizing: HUG;
	--vSizing: HUG;
	--pConstraintHorizontal: MIN;
	--pConstraintVertical: MIN;
}

.colbw2 {
	
	display: flex;
	flex-direction: column;
	gap: 13px;
	align-self: stretch;
	font-weight: 700;
	--minContent: 583;
	--hSizing: FILL;
	--vSizing: HUG;
	--pConstraintHorizontal: STRETCH;
	--pConstraintVertical: MIN;
}

.title-wszystkie {
	font-family: 'Montserrat';	
	font-weight: 700;
	font-size: 52px;
	--minContent: 583;
	--hSizing: FILL;
	--vSizing: HUG;
	--pConstraintHorizontal: STRETCH;
	--pConstraintVertical: MIN;
}

.rowbw2 {
	
	width: 100%;
	max-width: 447px;
	display: flex;
	align-items: center;
	gap: 13px;
	align-self: start;
	--minContent: 445;
	--hSizing: FIXED;
	--vSizing: HUG;
	--pConstraintHorizontal: MIN;
	--pConstraintVertical: MIN;
}

.undefined-left {
	
	flex-grow: 1;
	font-size: 82px;
	background: linear-gradient(91deg, #c3415f 5%, #fe3765 53%, #c53e5e 104%) top left / auto auto no-repeat;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	--minContent: 218;
	--hSizing: FILL;
	--vSizing: HUG;
	--pConstraintHorizontal: STRETCH;
	--pConstraintVertical: CENTER;
}

.line {
	
	width: 0; height: 67px;
	flex-shrink: 0;
	border-left: 2px solid #d72e52;
	--minContent: 0;
	--hSizing: FIXED;
	--vSizing: FIXED;
	--pConstraintHorizontal: MIN;
	--pConstraintVertical: CENTER;
}

.undefined-right {
	
	flex-grow: 1;
	font-size: 25px;
	background: linear-gradient(91deg, #c3415f 5%, #fe3765 53%, #c53e5e 104%) top left / auto auto no-repeat;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	--minContent: 201;
	--hSizing: FILL;
	--vSizing: HUG;
	--pConstraintHorizontal: STRETCH;
	--pConstraintVertical: CENTER;
}

.text-bottom {
	
	font-size: 16px;
	font-weight: 500;
	--minContent: 583;
	--hSizing: FILL;
	--vSizing: HUG;
	--pConstraintHorizontal: STRETCH;
	--pConstraintVertical: MIN;
}

.rowbw-bottom1 {
	
	display: flex;
	align-items: flex-start;
	gap: 21px;
	font-size: 18px;
	font-weight: 800;
	--minContent: 583;
	--hSizing: HUG;
	--vSizing: HUG;
	--pConstraintHorizontal: MIN;
	--pConstraintVertical: MIN;
}



/* btnbw */

.btnbw {
	
	box-shadow: 0px 0px 40px 0px rgba(255, 5, 5, 0.65);
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	flex-shrink: 0;
	font-style: normal;
	letter-spacing: 0px;
	text-align: left;
	background: linear-gradient(91deg, rgba(220, 48, 75, 0.9) 5%, rgba(254, 55, 101, 0.9) 53%, rgba(220, 48, 75, 0.9) 104%) top left / auto auto no-repeat;
	padding: 9px;
	border: 1px solid #ff0028;
	border-radius: 30px;
	--minContent: 176;
	--hSizing: FIXED;
	--vSizing: HUG;
	--pConstraintHorizontal: MIN;
	--pConstraintVertical: MIN;
}

.btnbw-icon {
	
	width: 36px; height: 36px;
	flex-shrink: 0;
	--minContent: 36;
	--hSizing: FIXED;
	--vSizing: FIXED;
	--pConstraintHorizontal: MIN;
	--pConstraintVertical: CENTER;
}

.btnbw-label {
	font-family: 'Montserrat';
	font-size:18px;
	font-weight:800;
	color:white;
	margin: unset;
	--minContent: 64;
	--hSizing: HUG;
	--vSizing: HUG;
	--pConstraintHorizontal: MIN;
	--pConstraintVertical: CENTER;
}
/* end btnbw*/


.btnbw1 {
	
	width: 176px;
}

.btnbw2 {
	
	width: 156px;
	padding-left: 8px;
	padding-right: 8px;
}

.btnbw3 {
	
	width: 209px;
}

.colbw-right {
	min-width:630px;	
	width: 104%;
	display: flex;
	flex-direction: column;
	gap: 28px;
	flex-grow: 1;
	--minContent: 629;
	--hSizing: FILL;
	--vSizing: HUG;
	--pConstraintHorizontal: MIN;
	--pConstraintVertical: CENTER;
}

.card-top {
	max-width:645px;
	container: card-top / inline-size;
	gap: 26px;
	--minContent: 629;
	--hSizing: FILL;
	--vSizing: HUG;
	--pConstraintHorizontal: STRETCH;
	--pConstraintVertical: MIN;
}

.card-top-col-top {
	
	container: card-top-col-top / inline-size;
	width: 100%;
	max-width: 408px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 15px;
	font-weight: 500;
	--minContent: 408;
	--hSizing: FIXED;
	--vSizing: HUG;
	--pConstraintHorizontal: MIN;
	--pConstraintVertical: MIN;
}

.rowbw3 .rowbw-rowbw {
	
	width: 165px;
}

.card-top-rowbw-bottom {
	
	display: flex;
	align-items: flex-start;
	gap: 40px;
	color: #f5f5f5;
	font-size: 14px;
	--minContent: 350;
	--hSizing: HUG;
	--vSizing: HUG;
	--pConstraintHorizontal: MIN;
	--pConstraintVertical: MIN;
}

.card-top-rowbw {
	
	display: flex;
	align-items: center;
	gap: 9px;
	--minContent: 81;
	--hSizing: HUG;
	--vSizing: HUG;
	--pConstraintHorizontal: MIN;
	--pConstraintVertical: MIN;
}

.card-top-graphic {
	
	/* margin: -1px 0 -1px -1px; */
	width: 18px; height: 22px;
	flex-shrink: 0;
	--minContent: 17;
	--hSizing: FIXED;
	--vSizing: FIXED;
	--pConstraintHorizontal: MIN;
	--pConstraintVertical: CENTER;
}

.card-bottom {
	max-width:645px;	
	container: card-top / inline-size;
	gap: 26px;
	--minContent: 629;
	--hSizing: FILL;
	--vSizing: HUG;
	--pConstraintHorizontal: STRETCH;
	--pConstraintVertical: MIN;
}

.card-bottom-col-top {
	
	container: card-top-col-top / inline-size;
	width: 100%;
	max-width: 364px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 15px;
	font-weight: 500;
	--minContent: 364;
	--hSizing: FIXED;
	--vSizing: HUG;
	--pConstraintHorizontal: MIN;
	--pConstraintVertical: MIN;
}

.rowbw4 .rowbw-rowbw {
	
	width: 148px;
}

.card-bottom-rowbw-bottom {
	
	display: flex;
	align-items: flex-start;
	gap: 40px;
	color: #f5f5f5;
	font-size: 14px;
	--minContent: 303;
	--hSizing: HUG;
	--vSizing: HUG;
	--pConstraintHorizontal: MIN;
	--pConstraintVertical: MIN;
}

.wr {
  animation: wr 20s linear infinite;	
}

.footer {
	font-family: 'Montserrat';
	display: flex;
	background-color: #e81357;
	/* padding: 14px 0; */
}

.wr {
	font-family: 'Montserrat';
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 72px;
	color: #fff;
	font-size: 22px;
	font-weight: 600;
	background-color: #e81357;
	padding: 14px 0;

	padding: 0;
	margin:0;


	--minContent: 1440;
	--hSizing: FILL;
	--vSizing: HUG;
	--pConstraintHorizontal: STRETCH;
	--pConstraintVertical: MIN;
}

.footer-subtitle-left {
	min-width:200px;
	border:0px solid yellow;
	margin-top: 10px;
	font-family: 'Montserrat';	
	font-size: 22px;
	font-weight: 600;
	margin-left: -50px;
	--minContent: 144;
	--hSizing: HUG;
	--vSizing: HUG;
	--pConstraintHorizontal: MIN;
	--pConstraintVertical: CENTER;
}

.footer-subtitle-black-week1 {
	min-width:360px;
	border:0px solid green;
	margin-top: 10px;
	font-family: 'Montserrat';	
	font-size: 22px;
	font-weight: 600;	
	--minContent: 346;
	--hSizing: HUG;
	--vSizing: HUG;
	--pConstraintHorizontal: MIN;
	--pConstraintVertical: CENTER;
}

.footer-subtitle-hosting {
	min-width:160px;
	border:0px solid blue;
	margin-top: 10px;
	font-family: 'Montserrat';	
	font-size: 22px;
	font-weight: 600;	
	--minContent: 151;
	--hSizing: HUG;
	--vSizing: HUG;
	--pConstraintHorizontal: MIN;
	--pConstraintVertical: CENTER;
}

.footer-subtitle-black-week2 {
	min-width:360px;
	border:0px solid pink;
	margin-top: 10px;
	font-family: 'Montserrat';	
	font-size: 22px;
	font-weight: 600;	
	--minContent: 346;
	--hSizing: HUG;
	--vSizing: HUG;
	--pConstraintHorizontal: MIN;
	--pConstraintVertical: CENTER;
}

.footer-subtitle-right {
	min-width:220px;
	margin-top: 10px;	
	font-family: 'Montserrat';	
	font-size: 22px;
	font-weight: 600;
	margin-right: -50px;
	--minContent: 166;
	--hSizing: HUG;
	--vSizing: HUG;
	--pConstraintHorizontal: MIN;
	--pConstraintVertical: CENTER;
}



/** breakpoints (margin / paddings) **/

@media screen and (max-width: 768px) {
	.colbw-right {
		min-width:unset;
	}
	.colbw-left {
		min-width:unset;
	}
	.rowbw1 {
		margin-inline: var(--margin-md);
	}
	.btnbw-black-week {
		padding-inline: var(--margin-sm);
	}
}

@media screen and (max-width: 576px) {
	.rowbw1 {
		margin-inline: var(--margin-sm);
	}
}



/* container queries (flex rowbws) */

@container card-top-col-top (width < 272px) {
	.rowbw-a {
		flex-direction: column;
		align-items: center;
		gap: 13px;
	}
	.rowbw-a > * {
		text-align: center;
	}
}

@container card-top (width < 503px) {
	.rowbw-c {
		flex-direction: column;
		align-items: center;
		gap: 13px;
	}
	.rowbw-c > * {
		margin-left: unset !important; margin-right: unset !important; margin-top: unset !important;
		text-align: center;
	}
}

@container colbw (width < 1439px) {
	.colbw-left { align-items: flex-start; }
	.rowbw1 {
		flex-direction: column;
		align-items: stretch;
		gap: 73px;
	}
	.rowbw1 > .colbw-left {
		width: 100%;
	}
	.rowbw1 > .colbw-right {
		width: 100%;
	}
}

@container colbw-left (width < 582px) {
	.colbw-left { align-items: flex-start; }
	.rowbw-bottom1 {
		flex-direction: column;
		align-items: center;
		gap: 14px;
	}
}

@container card-top-col-top (width < 349px) {
	.card-top-rowbw-bottom {
		flex-direction: column;
		align-items: center;
		gap: 13px;
	}
}

@container card-top-col-top (width < 302px) {
	.card-bottom-rowbw-bottom {
		flex-direction: column;
		align-items: center;
		gap: 13px;
	}
}

@container colbw (width < 1439px) {
	.footer {
		flex-direction: column;
		align-items: center;
		gap: 13px;
	}
	.footer > * {
		margin-left: unset !important; margin-right: unset !important;
		text-align: center;
	}
}

@keyframes wr {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
</style>