/* Preserve Prism V3 and Photo story, including their own responsive rules. */
.purchase-recovery{max-width:760px;margin:clamp(28px,6vw,80px) auto;padding:clamp(24px,4vw,48px);background:#f5f3eb;border-radius:28px}
.purchase-recovery h1{font-size:clamp(26px,3vw,36px);line-height:1.2}.purchase-recovery p{font-size:16px;line-height:1.55;margin:20px 0}.purchase-recovery .button{min-height:44px}
.ps-tiers{grid-template-columns:repeat(var(--tier-count,3),minmax(0,1fr))}
.ps-hero .ps-photo{object-fit:cover}.ps-description{overflow-wrap:break-word}
.approved-feedback-shell .button{min-height:44px}.approved-feedback-shell textarea{color:#293936}
@media(max-width:600px){.purchase-recovery{margin:24px 16px}.ps-tiers strong{overflow-wrap:break-word}}
@media(prefers-reduced-motion:reduce){.motion-in{animation:none!important}}

.replacement-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px}.replacement-options article{background:white;border-radius:24px;padding:24px}.replacement-options h2{font-size:23px}.replacement-options .button{border:1px solid #dde5df}@media(max-width:600px){.replacement-options{grid-template-columns:1fr}}

.ps-tiers::before{width:calc((100% - 8px) / var(--tier-count,3))}

body:has(.eh-review-nav) #compare-tray{bottom:calc(var(--review-bar-height,96px) + 18px)!important}
#main:has(>.loading),#checkout:has(>.loading){min-height:75vh;padding:40px 6%}

.purchase-recovery .button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 20px;border-radius:999px;text-decoration:none;font:inherit;font-weight:600;border:1px solid #e3e7df;background:white;color:#293936}.purchase-recovery .button.pink{background:#f73669;color:white;border-color:#f73669}

.purchase-state-notice{max-width:var(--page-max,1280px);margin:24px auto;padding:20px 24px;border:1px solid #dce4df;border-radius:24px;background:#f5f3eb}.purchase-state-notice h2{font:var(--ui-type-section-title,600 20px/1.3 sans-serif);margin:0 0 8px}.purchase-state-notice p{margin:0 0 16px}.purchase-state-notice .button{min-height:44px}
@media(max-width:600px){.purchase-state-notice{margin:16px;padding:20px}}

/* November feedback: a calmer catalogue, with room around variant descriptions. */
body[data-connected="true"]:has(.catalogue-intro) #main{width:100%;min-width:0;max-width:1180px;margin-inline:auto}
body[data-connected="true"] .catalogue-intro{padding-block:20px 24px;align-items:center}
body[data-connected="true"] .catalogue-intro h1{font-size:28px}
body[data-connected="true"] .featured-copy{padding-top:50px}
body[data-connected="true"] .featured-description-group p{margin-top:18px;margin-bottom:8px}
body[data-connected="true"] .featured-description-group{padding-bottom:20px}
body[data-connected="true"] .catalogue .compare-toggle{min-height:44px;padding:6px 10px;gap:6px;font-size:13px;background:transparent;border-color:transparent;box-shadow:none;isolation:isolate}
body[data-connected="true"] .catalogue .compare-toggle::before{content:"";position:absolute;inset:6px 0;border:1px solid #dce4df;border-radius:999px;background:white;z-index:-1}
body[data-connected="true"] .catalogue .compare-toggle[aria-pressed="true"]::before{border-color:currentColor;background:#e6f2eb}
@media(max-width:650px){body[data-connected="true"] .featured-card.approved-centered .featured-description-group>p{padding:16px 22px 20px;margin:0}body[data-connected="true"] .catalogue-intro h1{font-size:26px}}
@media(min-width:1100px) and (max-height:800px){body[data-connected="true"] .featured-copy{padding-top:18px}}

@media(min-width:1100px){body[data-connected="true"] .catalogue .focus-rail{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:0;overflow:visible}body[data-connected="true"] .catalogue .focus-item{min-width:0;width:auto;padding-inline:3px;font-size:13px}}

@media(min-width:1100px){body[data-connected="true"] .catalogue .focus-item>span:last-child{white-space:normal;max-width:100%;text-align:center}body[data-connected="true"] .catalogue .focus-item{padding-inline:8px}}