/* Pin Labz Design — PP Research Stacks (bundles). Scoped to .ppd-bd */
.ppd-bd{background:var(--ppd-paper);color:var(--ppd-ink);font-family:var(--ppd-font-b)}
.ppd-bd *,.ppd-bd *::before,.ppd-bd *::after{box-sizing:border-box}
.ppd-bd-inner{max-width:1320px;margin:0 auto;padding:96px 40px}

/* Heading row (matches the product grid) */
.ppd-bd-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px 40px;flex-wrap:wrap;margin-bottom:40px}
.ppd-bd-headtext{min-width:0;max-width:660px}
.ppd-bd .ppd-bd-eyebrow{margin:0 0 10px;font:600 13px/1.3 var(--ppd-font);letter-spacing:.2em;text-transform:uppercase;color:var(--ppd-accent)}
.ppd-bd .ppd-bd-title{margin:0 0 12px;padding:0;font:700 clamp(28px,3.4vw,44px)/1.1 var(--ppd-font);letter-spacing:.03em;text-transform:uppercase;color:var(--ppd-ink);text-wrap:balance}
.ppd-bd .ppd-bd-sub{margin:0;font:400 16px/1.6 var(--ppd-font-b);color:var(--ppd-muted);max-width:58ch}
.ppd-bd-all{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 32px;border:1px solid var(--ppd-accent);border-radius:100px;
	font:600 14px/1 var(--ppd-font);letter-spacing:.1em;text-transform:uppercase;color:var(--ppd-accent);text-decoration:none;white-space:nowrap;transition:background-color .3s,color .3s}
.ppd-bd-all:hover,.ppd-bd-all:focus-visible{background:var(--ppd-accent);color:var(--ppd-on-foil)}
.ppd-bd-all:focus-visible{outline:2px solid var(--ppd-accent);outline-offset:3px}

/* Grid */
.ppd-bd .ppd-bd-grid{--bd-cols:3;--bd-gap:24px;display:grid;grid-template-columns:repeat(var(--bd-cols),minmax(0,1fr));gap:var(--bd-gap);margin:0;padding:0;list-style:none;align-items:stretch}

/* Card — clipped corner echoes the hexagon logo */
.ppd-bd-card{--cut:22px;position:relative;display:flex;flex-direction:column;min-width:0;margin:0;padding:22px;
	background:var(--ppd-mist);border:1px solid var(--ppd-line);border-radius:6px;
	clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,0 100%);
	transition:border-color .35s,transform .35s var(--ppd-ease)}
.ppd-bd-card::after{content:"";position:absolute;top:-1px;left:calc(100% - var(--cut) - 1px);width:calc(var(--cut) * 1.4143 + 2px);height:2px;background:var(--ppd-line);transform-origin:left top;transform:rotate(45deg);pointer-events:none}
.ppd-bd-card:hover{border-color:rgba(227,32,39,.45);transform:translateY(-3px)}
.ppd-bd-card:hover::after{background:rgba(227,32,39,.45)}
.ppd-bd-card.is-hl{border-color:var(--ppd-accent);background:linear-gradient(180deg,rgba(227,32,39,.10),rgba(227,32,39,0) 42%),var(--ppd-mist);box-shadow:inset 0 0 0 1px var(--ppd-accent)}
.ppd-bd-card.is-hl::after{background:var(--ppd-accent)}

.ppd-bd-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;min-height:26px;margin-bottom:14px}
.ppd-bd-label{display:inline-flex;white-space:nowrap;align-items:center;height:26px;padding:0 10px;border:1px solid var(--ppd-accent);border-radius:3px;
	font:600 11px/1 var(--ppd-font);letter-spacing:.16em;text-transform:uppercase;color:var(--ppd-accent)}
.ppd-bd-card.is-hl .ppd-bd-label{background:var(--ppd-accent);color:var(--ppd-on-foil)}
.ppd-bd-save{margin-left:auto;display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:3px;background:#FFFFFF;color:#E32027;
	font:700 12px/1 var(--ppd-font-b);letter-spacing:.02em;white-space:nowrap;font-variant-numeric:tabular-nums}

/* Media */
.ppd-bd-media{position:relative;margin:0 -22px 18px;aspect-ratio:4/3;overflow:hidden;background:#0C0C0C}
.ppd-bd .ppd-bd-media img{display:block;width:100%;height:100%;object-fit:cover;margin:0;max-width:none;transition:transform .7s var(--ppd-ease)}
.ppd-bd-card:hover .ppd-bd-media img{transform:scale(1.04)}
/* No bundle image: included vials side by side */
.ppd-bd-media--set{display:flex;align-items:center;justify-content:center;padding:0 2%;background:radial-gradient(70% 80% at 50% 45%,#2E2E2E,#0C0C0C 70%)}
.ppd-bd-vial{flex:0 1 50%;margin:0 -9%;aspect-ratio:1;position:relative;-webkit-mask-image:radial-gradient(closest-side,#000 62%,transparent 100%);mask-image:radial-gradient(closest-side,#000 62%,transparent 100%)}
.ppd-bd-vial img{display:block;width:100%;height:100%;object-fit:cover}
.ppd-bd-vial:nth-child(2){z-index:2;transform:translateY(-4%) scale(1.08)}
.ppd-bd-n1 .ppd-bd-vial{flex-basis:62%;margin:0}
.ppd-bd-n2 .ppd-bd-vial{flex-basis:52%;margin:0 -4%}
.ppd-bd-n2 .ppd-bd-vial:nth-child(2){transform:none}

/* Body */
.ppd-bd-body{display:flex;flex-direction:column;flex:1}
.ppd-bd .ppd-bd-name{margin:0 0 8px;padding:0;font:700 22px/1.2 var(--ppd-font);letter-spacing:.03em;text-transform:uppercase;color:var(--ppd-ink)}
.ppd-bd-name a{color:inherit;text-decoration:none}
.ppd-bd-name a:hover{color:var(--ppd-accent)}
.ppd-bd-name a:focus-visible{outline:2px solid var(--ppd-accent);outline-offset:3px}
.ppd-bd .ppd-bd-desc{margin:0 0 16px;font:400 14px/1.6 var(--ppd-font-b);color:var(--ppd-muted)}

.ppd-bd .ppd-bd-inc{display:flex;align-items:center;gap:8px;margin:4px 0 8px;font:600 11px/1 var(--ppd-font);letter-spacing:.18em;text-transform:uppercase;color:var(--ppd-muted)}
.ppd-bd-inc span{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--ppd-line);color:var(--ppd-ink);letter-spacing:0}
.ppd-bd .ppd-bd-items{margin:0 0 18px;padding:0;list-style:none;border-top:1px solid var(--ppd-line)}
.ppd-bd-items li{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0;padding:10px 0;border-bottom:1px solid var(--ppd-line);font:500 14px/1.35 var(--ppd-font-b)}
.ppd-bd-iname{position:relative;padding-left:16px;color:var(--ppd-ink);min-width:0}
.ppd-bd-iname::before{content:"";position:absolute;left:0;top:.42em;width:7px;height:7px;background:var(--ppd-accent);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.ppd-bd-iname em{font-style:normal;color:var(--ppd-accent);font-weight:600;margin-left:2px}
.ppd-bd-iprice{flex:0 0 auto;color:var(--ppd-muted);font-variant-numeric:tabular-nums}

.ppd-bd-price{display:flex;flex-direction:column;gap:4px;margin:auto 0 16px;padding-top:6px}
.ppd-bd-was{font:400 13px/1.3 var(--ppd-font-b);color:var(--ppd-muted)}
.ppd-bd-was del{margin-left:4px;color:var(--ppd-muted);text-decoration-thickness:1px}
.ppd-bd .ppd-bd-now{font:700 32px/1.1 var(--ppd-font-b);letter-spacing:-.01em;color:var(--ppd-ink);font-variant-numeric:tabular-nums}
.ppd-bd .ppd-bd-price .amount,.ppd-bd .ppd-bd-price bdi,.ppd-bd .ppd-bd-items .amount,.ppd-bd .ppd-bd-items bdi{font:inherit!important;letter-spacing:inherit!important;color:inherit}

/* Button (works with the suite's Quick Add or the plain fallback link) */
.ppd-bd-cta .pps-qa,.ppd-bd-cta .ppd-bd-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:54px;padding:0 18px;border:0;border-radius:100px;
	background:linear-gradient(90deg,#B5161C,#E32027,#FF4A50,#E32027,#B5161C,#B5161C);background-size:200% 100%;background-position:0 0;
	color:var(--ppd-on-foil)!important;font:600 15px/1 var(--ppd-font);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;cursor:pointer;
	transition:background-position .7s var(--ppd-ease),transform .3s var(--ppd-ease),box-shadow .3s;clip-path:inset(0 round 100px)}
.ppd-bd-cta .pps-qa::before{display:none}
.ppd-bd-cta .pps-qa:hover,.ppd-bd-cta .pps-qa:focus-visible,.ppd-bd-cta .ppd-bd-btn:hover,.ppd-bd-cta .ppd-bd-btn:focus-visible{background-position:100% 0;color:var(--ppd-on-foil)!important;transform:translateY(-1px);box-shadow:0 12px 26px -12px rgba(227,32,39,.7)}
.ppd-bd-cta .pps-qa:focus-visible,.ppd-bd-cta .ppd-bd-btn:focus-visible{outline:2px solid var(--ppd-accent);outline-offset:3px;clip-path:none}
.ppd-bd-cta .pps-qa.is-added{background:var(--ppd-ink);color:var(--ppd-paper)!important}
.ppd-bd-cta .pps-qa.is-disabled{background:var(--ppd-line);color:var(--ppd-muted)!important}
.ppd-bd .ppd-bd-ruo{margin:12px 0 0;font:400 11.5px/1.45 var(--ppd-font-b);color:var(--ppd-muted);text-align:center}

.ppd-bd-none{margin:0;padding:24px;border:1px dashed var(--ppd-line);border-radius:6px;color:var(--ppd-muted);font-size:14px}

@media (max-width:1024px){
	.ppd-bd-inner{padding:76px 32px}
	.ppd-bd .ppd-bd-grid{--bd-cols:2}
}
@media (max-width:767px){
	.ppd-bd-inner{padding:60px 20px}
	.ppd-bd-head{margin-bottom:26px}
	.ppd-bd .ppd-bd-grid{--bd-cols:1;--bd-gap:16px}
	.ppd-bd-all{min-height:46px;padding:0 24px;font-size:13px}
	.ppd-bd-card{padding:18px}
	.ppd-bd-media{margin:0 -18px 16px}
	.ppd-bd .ppd-bd-now{font-size:28px}
	/* Swipeable row */
	.ppd-bd-m-swipe .ppd-bd-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -20px;padding:4px 20px 12px;scroll-padding:0 20px;scrollbar-width:none}
	.ppd-bd-m-swipe .ppd-bd-grid::-webkit-scrollbar{display:none}
	.ppd-bd-m-swipe .ppd-bd-card{flex:0 0 84%;scroll-snap-align:start}
	.ppd-bd-card:hover{transform:none}
}
@media (prefers-reduced-motion:reduce){
	.ppd-bd-card,.ppd-bd .ppd-bd-media img,.ppd-bd-cta .pps-qa,.ppd-bd-cta .ppd-bd-btn{transition:none}
}