.pp-gallery{

	display:none;

}

.pp-gallery--active{

	display:block;

}

.pp-inspiracje-grid{

	column-count:4;
	column-gap:16px;

}

.pp-inspiracje-nav{

	display:flex;
	gap:12px;
	flex-wrap:wrap;
	margin-bottom:24px;

}

.pp-collection{

	cursor:pointer;
	padding:10px 18px;
	border:1px solid #ddd;
	background:#fff;
	border-radius:999px;
	transition:.2s;

}

.pp-collection:hover{

	background:#f7f7f7;

}

.pp-collection--active{

	background:#111;
	color:#fff;
	border-color:#111;

}

.pp-inspiracja-item{

	position:relative;

	padding:0;
	background:#fff;
	border-radius:14px;
	
	display:inline-block;
	width:100%;
	margin-bottom:16px;

	break-inside:avoid;
	-webkit-column-break-inside:avoid;
	page-break-inside:avoid;

}

.pp-inspiracja-item img{

	width:100%;
	height:auto;

	display:block;

	border-radius:14px;

	transition:transform .35s;

}

.pp-inspiracja-item:hover img{

	transform:scale(1.04);

}

.pp-inspiracja-hotspot{

	position:absolute;
	top:22px;
	right:22px;

	width:42px;
	height:42px;

	border-radius:50%;

	background:rgba(255,255,255,.22);

	backdrop-filter:blur(8px);
	-webkit-backdrop-filter:blur(8px);

	border:1px solid rgba(255,255,255,.35);

	box-shadow:0 4px 12px rgba(0,0,0,.15);

	display:flex;
	align-items:center;
	justify-content:center;

	pointer-events:none;

	transition:.25s;

}

.pp-inspiracja-item:hover .pp-inspiracja-hotspot{

	transform:scale(1.08);

}

.pp-inspiracja-hotspot::before{

	content:"";

	width:16px;
	height:16px;

	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;

	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cline x1='16.65' y1='16.65' x2='21' y2='21'/%3E%3C/svg%3E");

}

@media (hover:none){

	.pp-inspiracja-hotspot{

		animation:ppHotspot 3s ease-in-out infinite;

	}

}

@keyframes ppHotspot{

	0%,100%{

		transform:scale(1);

	}

	50%{

		transform:scale(1.08);

	}

}



@media (max-width:1200px){

	.pp-inspiracje-grid{

		column-count:3;

	}

}

@media (max-width:768px){

	.pp-inspiracje-grid{

		column-count:2;

	}

}

@media (max-width:480px){

	.pp-inspiracje-grid{

		column-count:1;

	}

}


/* ==========================================
   LIGHTBOX
========================================== */

.pp-lightbox{

	position:fixed;
	inset:0;

	display:flex;

	align-items:center;
	justify-content:center;

	opacity:0;
	visibility:hidden;

	transition:
		opacity .22s ease,
		visibility .22s ease;

	z-index:99999;

}

.pp-lightbox--open{

	opacity:1;
	visibility:visible;

}

.pp-lightbox-overlay{

	position:absolute;
	inset:0;

	background:rgba(17,17,17,.78);

	backdrop-filter:blur(8px);
	-webkit-backdrop-filter:blur(8px);

}

.pp-lightbox-content{

	position:relative;

	background:#fff;

	border-radius:20px;

	max-width:900px;
	width:90vw;
	
	display:flex;

	flex-direction:column;

	max-height:90vh;

	overflow:auto;

	z-index:2;

	box-shadow:0 20px 60px rgba(0,0,0,.35);

	transform:scale(.96);
	opacity:0;

	transition:
		transform .22s ease,
		opacity .22s ease;

}

.pp-lightbox-image{

	display:block;

	width:100%;
	height:auto;
	border-radius:14px;

	max-height:calc(90vh - 170px);

	background:#fafafa;
	
	flex:1;

	min-height:0;

	object-fit:contain;

}

.pp-lightbox-info{

	padding:32px;

	text-align:center;
	flex-shrink:0;

	background:#fff;

}

.pp-lightbox-title{

	margin:0 0 8px;

	font-size:18px;
	font-weight:500;
	line-height:1.4;

}

.pp-lightbox-price{

	margin-bottom:22px;

	font-size:15px;
	font-weight:400;

	color:#666;

}

.pp-lightbox-button{

	padding:12px 22px;

	height:44px;

	min-width:170px;

	font-size:14px;
	font-weight:500;

}

.pp-lightbox-button:hover{

	transform:translateY(-2px);

	background:#333;

}

.pp-lightbox-close{

	position:absolute;

	top:16px;
	right:16px;

	width:42px;
	height:42px;

	border:none;
	border-radius:50%;

	background:rgba(255,255,255,.85);

	color:#111;

	font-size:22px;
	font-weight:300;

	cursor:pointer;

	z-index:100;

	backdrop-filter:blur(8px);
	-webkit-backdrop-filter:blur(8px);

}

.pp-lightbox--open .pp-lightbox-content{

	transform:scale(1);
	opacity:1;

}

.pp-lightbox-button{

	display:inline-flex;

	align-items:center;
	justify-content:center;

	min-width:220px;

	height:52px;

	border-radius:999px;

	background:#111;

	color:#fff;

	font-weight:600;

	text-decoration:none;

}


.pp-lightbox-arrow{

	position:absolute;

	top:50%;

	transform:translateY(-50%);

	width:52px;
	height:52px;

	border:none;

	border-radius:50%;

	background:rgba(255,255,255,.82);

	backdrop-filter:blur(8px);
	-webkit-backdrop-filter:blur(8px);

	cursor:pointer;

	font-size:26px;

	color:#111;

	z-index:20;

	transition:.25s;

}

.pp-lightbox-arrow:hover{

	transform:translateY(-50%) scale(1.08);

}

.pp-lightbox-arrow--prev{

	left:18px;

}

.pp-lightbox-arrow--next{

	right:18px;

}

.pp-lightbox-counter{

	position:absolute;

	top:20px;
	left:20px;

	padding:8px 14px;

	border-radius:999px;

	background:rgba(255,255,255,.75);

	backdrop-filter:blur(8px);
	-webkit-backdrop-filter:blur(8px);

	font-size:14px;
	font-weight:500;

	color:#111;

	z-index:20;

}


.pp-inspiracja-likes{

	position:absolute;
	left:22px;
	bottom:22px;

	display:flex;
	align-items:center;

	overflow:hidden;

	border-radius:999px;

	background:rgba(255,255,255,.78);

	backdrop-filter:blur(12px);
	-webkit-backdrop-filter:blur(12px);

	border:1px solid rgba(255,255,255,.95);

	box-shadow:0 4px 12px rgba(0,0,0,.15);

	pointer-events:none;

	font-size:13px;
	font-weight:600;

	color:#111;

}

.pp-inspiracja-likes{

	display:flex;
	align-items:center;

	padding-right:14px;

	height:36px;

	font-size:13px;
	font-weight:600;

	color:#111;

}

.pp-inspiracja-likes::before{

	content:"❤";

	width:38px;

	height:100%;

	display:flex;

	align-items:center;

	justify-content:center;

	color:#ff4d7a;

	background:rgba(255,255,255,.45);

	border-right:1px solid rgba(0,0,0,.06);

	flex-shrink:0;

}


.pp-lightbox-favorite{

	margin:18px 0 26px;

	display:flex;
	flex-direction:column;

	align-items:center;

	gap:10px;

}

.pp-lightbox-favorite-button{

	border:none;

	background:none;

	cursor:pointer;

	font-size:15px;
	font-weight:500;

	color:#222;

	transition:.25s;

}

.pp-lightbox-favorite-button:hover{

	transform:scale(1.03);

}

.pp-lightbox-favorite-count{

	font-size:13px;

	color:#777;

	line-height:1.5;

}

.pp-lightbox-favorite-count strong{

	font-weight:600;

	color:#222;

}