/* purePinterest – Reader Pin-Box (front-end) */
/* Kompaktes, flaches Layout: kleines Pin-Thumbnail + Text als Einheit MITTIG,
   dezenter neutraler Rahmen (kein dominanter Farbbalken), Padding links/rechts. */
.purepin-box{
	--pp-red:#e60023;
	display:flex;gap:24px;align-items:center;justify-content:center;
	margin:1.7em 0;padding:18px 30px;overflow:hidden;
	border:1px solid rgba(20,20,30,.09);
	border-radius:14px;
	background:linear-gradient(180deg,#fff 0%,#fff8f4 100%);
	box-shadow:0 6px 20px rgba(20,20,30,.07);
}
/* Image column: small fixed-width vertical thumbnail (2:3). */
.purepin-box__media{
	position:relative;flex:0 0 auto;width:118px;min-width:0;max-width:118px;
	align-self:center;margin:0;
	border-radius:10px;overflow:hidden;
	display:block;line-height:0;text-decoration:none!important;
}
.purepin-box__media img{
	width:118px;height:auto;min-height:0;max-height:177px;
	aspect-ratio:2/3;object-fit:cover;display:block;border-radius:10px;
}
.purepin-box__media::after{content:"";position:absolute;inset:0;background:rgba(230,0,35,0);transition:background .15s ease}
.purepin-box__media:hover::after{background:rgba(230,0,35,.08)}
.purepin-box__badge{
	position:absolute;top:8px;left:8px;width:26px;height:26px;border-radius:50%;
	background:var(--pp-red);color:#fff;font:700 15px/26px Arial,sans-serif;text-align:center;
	box-shadow:0 2px 7px rgba(0,0,0,.32);
}
/* Text column: sits next to the image as a centred group (not full-width). */
.purepin-box__body{
	flex:0 1 auto;min-width:0;max-width:430px;
	display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;
	padding:0;
}
.purepin-box__body-inner{max-width:430px}
.purepin-box__heading{margin:0 0 4px;font-weight:800;font-size:1.12rem;line-height:1.25;color:#1e1e1e}
.purepin-box__sub{margin:0 0 12px;font-size:.92rem;line-height:1.4;color:#6a6a6a}
.purepin-box__btn{
	align-self:flex-start;
	display:inline-flex;align-items:center;gap:10px;
	background:var(--pp-red)!important;color:#fff!important;text-decoration:none!important;
	padding:11px 22px;border-radius:10px;font-weight:700;font-size:1.02rem;border:0;
	box-shadow:0 4px 14px rgba(230,0,35,.30)!important;
	transition:transform .12s ease,filter .15s ease;
}
.purepin-box__btn:hover,.purepin-box__btn:focus,.purepin-box__btn:visited{filter:brightness(.94);color:#fff!important;text-decoration:none!important;transform:translateY(-1px)}
.purepin-box__btn-ico{
	width:22px;height:22px;border-radius:50%;background:#fff;color:var(--pp-red);
	font:700 14px/22px Arial,sans-serif;text-align:center;flex:0 0 auto
}

/* Compact variant – high in the post (after the intro) for quick readers: even leaner. */
.purepin-box--compact{margin:1.1em 0;padding:14px 24px;gap:20px}
.purepin-box--compact .purepin-box__media{width:104px;max-width:104px}
.purepin-box--compact .purepin-box__media img{width:104px;max-height:156px}
.purepin-box--compact .purepin-box__body{max-width:380px}
.purepin-box--compact .purepin-box__heading{font-size:1.04rem;margin-bottom:6px}
.purepin-box--compact .purepin-box__sub{margin-bottom:10px}
.purepin-box--compact .purepin-box__btn{padding:9px 18px;font-size:.96rem}

@media (max-width:560px){
	.purepin-box{gap:16px;padding:14px 16px}
	.purepin-box__media{width:100px;max-width:100px}
	.purepin-box__media img{width:100px;max-height:150px}
	.purepin-box__heading{font-size:1.04rem}
	.purepin-box__sub{font-size:.9rem;margin-bottom:10px}
	.purepin-box__btn{padding:10px 18px;font-size:.96rem}
	.purepin-box--compact .purepin-box__media{width:92px;max-width:92px}
	.purepin-box--compact .purepin-box__media img{width:92px;max-height:138px}
}
/* The host sites are light-themed, so the box stays light regardless of OS dark-mode. */
.purepin-hidden{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important}

/* Sidebar widget: stack vertically, full branded pin (its title band sits at the
   bottom – never crop it), centred text. Neutral border (no dominant bar). */
.purepin-widget{margin:0 0 1.4em}
.purepin-widget .purepin-box{flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;margin:0;padding:0}
.purepin-widget .purepin-box__media{flex:0 0 auto;width:auto;max-width:none;min-width:0;margin:12px 12px 0;align-self:stretch}
.purepin-widget .purepin-box__media img{width:100%;height:auto;min-height:0;aspect-ratio:2/3;max-height:none;object-fit:cover}
.purepin-widget .purepin-box__body{padding:12px 16px 16px;max-width:none;align-items:center;text-align:center}
.purepin-widget .purepin-box__body-inner{max-width:none;width:100%}
.purepin-widget .purepin-box__heading{font-size:1.02rem;margin-bottom:10px}
.purepin-widget .purepin-box__sub{display:none}
.purepin-widget .purepin-box__btn{width:100%;justify-content:center}