/* collagen-packs.css - product photos with the Peptology label laid on (2026-10-25, thread peptology-collagen-menu).
   <figure class="pk pk-bottle" style="width:200px"><img src="images/collagen/bottle_glowkaps_blank.webp" alt=""><div class="pk-l">...</div></figure>
   Sizes inside the label use cqw, so the label scales with the figure width. */
.pk{position:relative;display:inline-block;margin:0;container-type:inline-size;filter:drop-shadow(0 16px 18px rgba(0,0,0,.28));vertical-align:bottom}
.pk img{display:block;width:100%;height:auto}
.pk-l{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:1.2cqw;font-family:'Hanken Grotesk',system-ui,sans-serif;line-height:1.05}
.pk-l b{font-weight:900;letter-spacing:.32em;text-indent:.32em}
.pk-l strong{font-family:'Newsreader',Georgia,serif;font-weight:600;letter-spacing:-.01em}
.pk-l em{font-style:normal;opacity:.92}
.pk-l span{font-family:'IBM Plex Mono',monospace;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
/* pill-shaped 180 mL bottle: label on the white lower body */
.pk-bottle .pk-l{left:8%;right:10%;top:55%;bottom:17%;border-radius:5cqw;background:linear-gradient(160deg,#0a7d80,#05656b);color:#fff;
  box-shadow:inset 0 0 0 .8cqw rgba(255,255,255,.18)}
.pk-bottle .pk-l b{font-size:5cqw;color:#f3cf65}
.pk-bottle .pk-l strong{font-size:15cqw}
.pk-bottle .pk-l em{font-size:5.2cqw}
.pk-bottle .pk-l span{font-size:4.6cqw;color:#f3cf65;margin-top:1cqw}
/* stand-up foil pouch: matte sticker on the front */
.pk-pouch .pk-l{left:17%;right:17%;top:27%;bottom:38%;border-radius:2.4cqw;background:#fffaf0;color:#2b2412;overflow:hidden;padding-top:6cqw;
  box-shadow:0 1cqw 2cqw rgba(0,0,0,.18)}
.pk-pouch .pk-l::before{content:"";position:absolute;left:0;right:0;top:0;height:4.2cqw;background:linear-gradient(90deg,#05656b,#0a7d80)}
.pk-pouch .pk-l b{font-size:3.6cqw;color:#05656b}
.pk-pouch .pk-l strong{font-size:10.5cqw}
.pk-pouch .pk-l em{font-size:3.4cqw;color:#6a5c3f}
.pk-pouch .pk-l span{font-size:3.4cqw;color:#fff;background:#b8831d;border-radius:99px;padding:1cqw 2.6cqw;margin-top:1.4cqw}
.pk-caps{display:block;width:100%;height:auto;filter:drop-shadow(0 10px 12px rgba(0,0,0,.25))}