.post-purchase{padding:105px 0;background:#f7f7f2;border-block:1px solid #eaece4;scroll-margin-top:115px}
.pp-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}
.pp-eyebrow{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:750;letter-spacing:.12em;color:#667a66;margin-bottom:24px}
.pp-eyebrow>span{display:grid;place-items:center;border:1px solid #cfd9cc;border-radius:50%;width:27px;height:27px;font-size:16px;letter-spacing:0}
.pp-copy h2{font-size:54px;line-height:1.08;letter-spacing:-.05em;margin:0}
.pp-copy h2 em{font-family:var(--serif);font-weight:400;font-style:italic;color:var(--blue);font-size:1.08em}
.pp-copy>p{font-size:18px;line-height:1.7;color:#657065;max-width:430px;margin:27px 0 25px}
.pp-topics{display:flex;flex-wrap:wrap;gap:9px;max-width:470px}
.pp-topics button{display:inline-flex;align-items:center;gap:10px;border:1px solid #dce1d8;border-radius:100px;padding:12px 16px;min-height:47px;background:transparent;color:#657065;font:600 15px/1.4 Manrope,Arial,sans-serif;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.pp-topics button svg{display:none}
.pp-topics button[aria-selected="true"]{background:#fff;border-color:#bacbb6;color:#273b28;box-shadow:0 3px 8px #2d4a2508}
.pp-topics button:hover{background:#fff;border-color:#a6b5a0}
.pp-link{display:inline-flex;align-items:center;gap:22px;font-size:16px;font-weight:700;color:#40523e;min-height:44px;margin-top:20px}
.pp-link span{font-size:22px;font-weight:400}
.pp-experience{position:relative;padding-top:45px;max-width:530px;width:100%;justify-self:end}
.pp-order{display:flex;align-items:center;gap:15px;position:relative;z-index:1;width:calc(100% - 56px);margin:0 auto -15px;padding:19px 22px 29px;background:#e9ede2;border:1px solid #d6decc;border-radius:17px 17px 0 0;transform:rotate(-3deg);transform-origin:center bottom;color:#65715b}
.pp-order-icon{display:grid;place-items:center;width:45px;height:45px;background:#f7f9f2;border-radius:12px;flex-shrink:0}
.pp-order-icon svg{width:31px;height:31px}
.pp-order>span:nth-child(2){display:flex;flex-direction:column;font-size:13px;line-height:1.6}
.pp-order strong{font-size:18px;letter-spacing:-.025em;color:#41523b}
.pp-order-tick{margin-left:auto;width:27px;height:27px;border:1px solid #c3cfb7;border-radius:50%;display:grid;place-items:center;font-size:16px}
.pp-thread{position:relative;z-index:2;border:1px solid #e0e3de;border-radius:23px;background:#fff;box-shadow:0 20px 55px #32422d09;overflow:hidden}
.pp-thread-header{display:flex;align-items:center;gap:12px;padding:23px 25px;border-bottom:1px solid #edf0ea}
.pp-avatar{height:42px;width:42px;background:#ecece4;border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-style:italic;font-size:29px;color:#848774}
.pp-thread-header>span:nth-child(2){display:flex;flex-direction:column;gap:3px}
.pp-thread-header strong{font-size:17px;font-weight:750}
.pp-thread-header small{font-size:12px;color:#8b9486}
.pp-thread-icon{margin-left:auto;font-size:27px;line-height:1;color:#9aa697}
.pp-panel{padding:30px 25px 23px;min-height:256px;display:flex;flex-direction:column;gap:20px;animation:pp-arrive .25s ease-out}
.pp-panel[hidden]{display:none}
.pp-message{max-width:86%;font-size:17px;line-height:1.5;padding:14px 18px;letter-spacing:-.015em;border-radius:20px}
.pp-shopper{background:#3779f5;color:#fff;align-self:flex-end;border-bottom-right-radius:5px}
.pp-reply{background:#f0f1f3;color:#424b57;align-self:flex-start;border-bottom-left-radius:5px}
.pp-panel-note{font-size:13px;line-height:1.5;color:#84917e;text-align:center;margin:auto 0 0;padding-top:2px}
.pp-caption{font-size:12px;line-height:1.5;color:#929a8b;text-align:center;margin:18px 0 0}
.pp-topics button:focus-visible,.pp-link:focus-visible,.pp-panel:focus-visible{outline:3px solid #8da4e8;outline-offset:4px}
@keyframes pp-arrive{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.pp-layout{gap:50px}.pp-copy h2{font-size:46px}.pp-topics button{font-size:14px;padding:11px 13px;gap:7px}.pp-message{font-size:16px}.pp-panel{min-height:280px}}
@media(max-width:850px){.post-purchase{padding:78px 0}.pp-layout{grid-template-columns:1fr;gap:15px;max-width:660px}.pp-copy{text-align:center}.pp-eyebrow{justify-content:center}.pp-copy h2{font-size:49px}.pp-copy>p{margin:24px auto}.pp-topics{justify-content:center;max-width:none}.pp-experience{justify-self:center;max-width:530px;padding-top:25px}.pp-panel{min-height:256px}.pp-message{font-size:17px}.pp-link{margin-top:16px}}
@media(max-width:480px){.post-purchase{padding:63px 0}.pp-copy h2{font-size:39px}.pp-eyebrow{font-size:10px;letter-spacing:.09em;gap:8px;margin-bottom:21px}.pp-eyebrow>span{width:25px;height:25px}.pp-copy>p{font-size:17px;line-height:1.65}.pp-topics{gap:7px}.pp-topics button{font-size:13px;padding:11px 10px;gap:0;min-height:44px}.pp-topics button svg{display:none}.pp-link{font-size:16px}.pp-order{width:calc(100% - 30px);padding:15px 16px 25px;gap:10px}.pp-order-icon{width:38px;height:38px}.pp-order strong{font-size:17px}.pp-order>span:nth-child(2){font-size:12px}.pp-thread-header{padding:19px 18px}.pp-thread-header small{font-size:11px}.pp-panel{padding:23px 18px 20px;gap:18px;min-height:286px}.pp-message{font-size:16px;line-height:1.5;padding:13px 15px;max-width:90%}.pp-panel-note{font-size:12px}.pp-caption{font-size:11px;max-width:300px;margin:17px auto 0}.pp-thread{border-radius:20px}}
@media(prefers-reduced-motion:reduce){.pp-panel{animation:none}.pp-topics button{transition:none}}

.pp-caption,.pp-thread-header small,.pp-panel-note{color:#636e5d}
