/* A fictional customer post shows how a bakery tag can travel with a cake photo. */
.customer-post{background:#fff;border:1px solid #e2bbc9;border-radius:15px;overflow:hidden;box-shadow:0 8px 25px #72314a0b}
.customer-post-account{display:flex;align-items:center;gap:9px;padding:13px 12px;color:var(--ink)}
.customer-avatar{display:grid;place-items:center;flex:0 0 35px;height:35px;border-radius:50%;font-size:23px;color:#922c58;background:#ffe3ee;border:2px solid #e697b8;box-shadow:inset 0 0 0 2px white}
.customer-post-account strong{display:block;font-size:12px;line-height:1.3}.customer-post-account small{display:block;font-size:10px;line-height:1.4;margin-top:3px;color:#77606a}.customer-menu{margin-left:auto;font-size:14px}
.customer-photo{position:relative;background:#fff7fa;overflow:hidden}.customer-photo img{display:block;width:100%;height:270px;object-fit:contain;background:white}.customer-photo-sticker{position:absolute;bottom:10px;right:10px;transform:rotate(-5deg);padding:7px 10px;border:1px solid #f0d8a5;border-radius:5px;background:#fff1c8;color:#684129;font:800 13px/1.2 'Nunito',sans-serif;box-shadow:1px 3px 0 #54342215}
.customer-post-body{padding:13px 14px 15px}.customer-post-actions{display:flex;gap:14px;color:#302623;margin-bottom:10px}.customer-post-actions svg{width:21px;height:21px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}.customer-post-actions .customer-save{margin-left:auto}.social-kit .customer-post-body p{font-size:13px;line-height:1.6;margin:0;color:var(--ink)}.customer-tag{color:#912e58;font-weight:700}.customer-tag-callout{font-size:12px;font-weight:600;line-height:1.5;padding:11px 10px;margin-top:13px;background:#fff2f7;border-left:3px solid #e49dbc;border-radius:0 6px 6px 0;color:#783049}.customer-tag-callout span{font-size:16px;margin-right:4px}.social-kit .customer-example-disclosure{font-size:11px;line-height:1.5;margin-top:9px;color:#77606a}
@media(max-width:800px){.customer-photo img{height:330px}.social-kit .customer-post-body p{font-size:14px}.customer-post-account strong{font-size:13px}.customer-post-account small{font-size:11px}.customer-tag-callout{font-size:13px}}

/* Compact, visual social kit: one label, three short examples. */
.social-kit{padding:30px}.social-kit .social-sample-label{font-size:14px;color:var(--muted);margin:25px 0 0}.social-examples{margin-top:15px;gap:20px}.social-example{display:flex;flex-direction:column}.social-example figcaption>span{font-size:12px}.social-example h3{font-size:23px;min-height:50px;margin:7px 0 10px}.insta-mock,.customer-post,.caption-mock{min-height:0;flex:1}.insta-mock,.customer-post{display:flex;flex-direction:column}.mock-account,.customer-post-account{min-height:57px;padding:11px 13px}.mock-account strong,.customer-post-account strong{font-size:14px}.insta-mock>img,.customer-photo img{height:220px}.mock-post-body,.customer-post-body{padding:12px 15px 16px}.social-kit .mock-post-body p,.social-kit .customer-post-body p{font-size:15px;line-height:1.5}.mock-icons{font-size:22px}.customer-photo-sticker{display:none}.caption-mock{display:flex;flex-direction:column;justify-content:center;padding:24px}.kit-pill{align-self:flex-start;font-size:12px;padding:5px 10px}.social-kit .prompt-example,.social-kit .caption-result{font-size:19px;line-height:1.5;margin-top:14px}.caption-divider{font-size:12px;margin-top:25px;padding-top:22px}.social-kit-heading h2{font-size:clamp(32px,3.8vw,44px)}
@media(max-width:1050px){.social-examples{gap:14px}.social-example h3{font-size:21px;min-height:48px}.caption-mock{padding:19px}.social-kit .prompt-example,.social-kit .caption-result{font-size:17px}}
@media(max-width:800px){.social-kit{padding:24px 20px}.social-examples{gap:24px;margin-top:18px}.social-example h3{min-height:0;font-size:24px;margin-bottom:12px}.insta-mock>img,.customer-photo img{height:240px}.caption-mock{padding:24px}.social-kit .prompt-example,.social-kit .caption-result{font-size:19px}.social-kit .social-sample-label{font-size:13px}.social-kit-heading{gap:16px}}