/* Shared Memberships, Packages & Discounts product UI crops. */
.mp-scene,.mp-scene *{box-sizing:border-box}.mp-scene{width:100%;height:100%;overflow:hidden;color:#17263d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-align:left}.mp-stage{position:relative;width:100%;height:100%;min-height:205px;overflow:hidden;background:#fff;font-size:10px}.mp-top{height:31px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 13px;border-bottom:1px solid #e6ebf3;color:#8091a6;font-size:8px}.mp-top b{color:#1355b2;font-size:9px}.mp-cursor{position:absolute;z-index:9;left:50%;top:10%;width:23px;height:23px;pointer-events:none;transition:left .2s cubic-bezier(.35,0,.2,1),top .2s cubic-bezier(.35,0,.2,1),transform .09s ease;filter:drop-shadow(0 1px 1px #30406040)}.mp-cursor svg{display:block;width:100%;height:100%}.mp-cursor.mp-click{transform:scale(.84)}
.mp-only-b,.mp-only-c,.mp-only-d{display:none!important}.mp-scene[data-state=b] .mp-only-a,.mp-scene[data-state=b] .mp-only-c,.mp-scene[data-state=b] .mp-only-d,.mp-scene[data-state=c] .mp-only-a,.mp-scene[data-state=c] .mp-only-b,.mp-scene[data-state=c] .mp-only-d,.mp-scene[data-state=d] .mp-only-a,.mp-scene[data-state=d] .mp-only-b,.mp-scene[data-state=d] .mp-only-c{display:none!important}.mp-scene[data-state=b] .mp-only-b,.mp-scene[data-state=c] .mp-only-c,.mp-scene[data-state=d] .mp-only-d{display:block!important}.mp-scene[data-state=b] .mp-only-b.mp-only-c,.mp-scene[data-state=c] .mp-only-b.mp-only-c,.mp-scene[data-state=a] .mp-only-a.mp-only-d,.mp-scene[data-state=d] .mp-only-a.mp-only-d,.mp-scene[data-state=b] .mp-only-a.mp-only-b,.mp-scene[data-state=a] .mp-only-a.mp-only-b,.mp-scene[data-state=c] .mp-only-c.mp-only-d,.mp-scene[data-state=d] .mp-only-c.mp-only-d{display:block!important}
/* Package: editable service selection plus a fixed plan summary. */
.mp-package{display:grid;grid-template-columns:55% 45%;height:calc(100% - 31px)}.mp-package-main{min-width:0;padding:12px 13px}.mp-title small,.mp-member-head small,.mp-flow-main>small,.mp-rule-summary>small{display:block;color:#7289a4;font-size:7px;font-weight:800;letter-spacing:.07em}.mp-title strong{display:block;margin:4px 0 10px;font-size:15px;letter-spacing:-.03em}.mp-service{display:flex;align-items:center;gap:6px;min-height:35px;margin-bottom:5px;padding:4px 6px;border:1px solid #e4ebf4;border-radius:6px;font-size:9px}.mp-service-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mp-service>b{margin-left:auto;white-space:nowrap;font-size:8px}.mp-service-photo{width:25px;height:25px;flex:none;border:1px solid #e1e8ef;border-radius:5px;background-color:#eef2f6;background-size:cover;background-position:center}.mp-photo-bath{background-image:url('stock-service-bath-brush.jpg')}.mp-photo-nail{background-image:url('membership-stock-19145872.jpg');background-position:48% 48%}.mp-photo-cat{background-image:url('membership-stock-6816838.jpg');background-position:64% 50%}.mp-check{width:13px;height:13px;display:grid;place-items:center;flex:none;border:1px solid #bac9dd;border-radius:3px;color:transparent;font-size:9px;font-weight:800}.mp-selected-always,.mp-scene-1[data-state=b] .mp-selected-bc,.mp-scene-1[data-state=c] .mp-selected-bc,.mp-scene-1[data-state=c] .mp-selected-c{border-color:#a8c4e9;background:#eff5fd}.mp-selected-always .mp-check,.mp-scene-1[data-state=b] .mp-selected-bc .mp-check,.mp-scene-1[data-state=c] .mp-selected-bc .mp-check,.mp-scene-1[data-state=c] .mp-selected-c .mp-check{border-color:#1355b2;background:#1355b2;color:#fff}.mp-package-side{min-width:0;padding:13px 12px;background:#f7faff}.mp-package-name{display:flex;justify-content:space-between;gap:5px;font-size:10px;font-weight:800}.mp-package-name span{color:#8b9aae;font-size:7px;font-weight:600}.mp-package-plan{margin:15px 0 8px;padding:10px;border:1px solid #dce9f8;border-radius:7px;background:#fff}.mp-package-plan small{display:block;margin-bottom:5px;color:#7489a3;font-size:7px;font-weight:800}.mp-package-plan strong{display:block;font-size:15px}.mp-package-plan em{color:#ce4c88;font-size:11px;font-style:normal}.mp-package-fact{display:flex;justify-content:space-between;gap:7px;padding:7px 1px;border-bottom:1px solid #e5ecf5;color:#788aa2;font-size:8px}.mp-package-fact b{color:#1d3554;white-space:nowrap}.mp-package-foot{margin-top:10px;color:#8a9aaf;font-size:7px;line-height:1.4}
/* Member wallet: one customer at a time, no implied redemption. */
.mp-member{height:calc(100% - 31px);padding:11px 12px}.mp-member-tabs{display:flex;gap:5px;margin-bottom:11px}.mp-member-tab{flex:1;padding:6px 3px;border:1px solid #e5ebf3;border-radius:5px;color:#72849b;font-size:8px;font-weight:800;text-align:center}.mp-scene-2[data-state=a] .mp-active-a,.mp-scene-2[data-state=b] .mp-active-b,.mp-scene-2[data-state=c] .mp-active-c{border-color:#a9c5e8;background:#eaf2fd;color:#1355b2}.mp-member-head{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-bottom:10px}.mp-member-identity{display:flex;align-items:center;gap:8px;min-width:0}.mp-member-avatar{display:block;width:31px;height:31px;flex:none;border:1px solid #dbe5ef;border-radius:50%;background-color:#edf2f7;background-image:url('membership-stock-27669447.jpg');background-position:50% 28%;background-size:cover}.mp-scene-2[data-state=b] .mp-member-avatar{background-image:url('membership-stock-4928651.jpg');background-position:47% 31%}.mp-scene-2[data-state=c] .mp-member-avatar{background-image:url('membership-stock-9783912.jpg');background-position:57% 32%}.mp-member-head strong{display:block;margin-top:4px;font-size:14px;letter-spacing:-.03em}.mp-member-head>span{padding:4px 5px;border-radius:4px;background:#e8f5ef;color:#23805b;font-size:7px;font-weight:800}.mp-wallet{display:grid;grid-template-columns:1fr 1fr;gap:6px}.mp-wallet>div{min-width:0;padding:9px 7px;border:1px solid #e3eaf3;border-radius:6px;background:#fbfcfe}.mp-wallet small{display:block;min-height:19px;color:#7e8fa7;font-size:6px;font-weight:800;line-height:1.25}.mp-wallet strong{display:block;margin-top:3px;color:#1355b2;font-size:15px;letter-spacing:-.04em}.mp-benefits{margin-top:8px;padding:7px;border-radius:5px;background:#f4f7fb}.mp-benefits span{display:block;margin-bottom:3px;color:#8595a8;font-size:7px}.mp-benefits b{font-size:8px}.mp-member-note{margin-top:7px;color:#8a9aad;font-size:7px}
/* Three separate supported checkout examples. */
.mp-checkout{height:calc(100% - 31px)}.mp-flow-tabs{display:flex;gap:5px;padding:10px 10px 8px;border-bottom:1px solid #e7edf5}.mp-flow-tab{flex:1;min-width:0;padding:6px 3px;border-radius:5px;background:#f1f4f8;color:#6c7f98;font-size:8px;font-weight:800;text-align:center;white-space:nowrap}.mp-scene-3[data-state=a] .mp-active-a,.mp-scene-3[data-state=b] .mp-active-b,.mp-scene-3[data-state=c] .mp-active-c{background:#e6f0fd;color:#1355b2}.mp-flow-main{padding:9px 13px}.mp-flow-item{display:flex;align-items:center;gap:8px;margin:5px 0 9px;min-width:0}.mp-flow-photo{display:block;width:30px;height:30px;flex:none;border:1px solid #dce5ee;border-radius:6px;background-color:#edf2f6;background-image:url('stock-service-bath-brush.jpg');background-position:center;background-size:cover}.mp-scene-3[data-state=b] .mp-flow-photo,.mp-scene-3[data-state=c] .mp-flow-photo{background-color:#fff;background-image:url('products/harbour-hound-collar-blue.png');background-size:contain}.mp-flow-item strong{display:block;font-size:15px;letter-spacing:-.03em}.mp-flow-row{display:flex;justify-content:space-between;gap:7px;padding:7px 1px;border-bottom:1px solid #e9eef5;color:#72839a;font-size:8px}.mp-flow-row b{color:#233953;white-space:nowrap}.mp-flow-row.mp-flow-credit{margin-top:3px;padding:8px;border:1px solid #c8d9f1;border-radius:6px;background:#f0f6fe;color:#244468}.mp-flow-credit b{color:#1355b2}.mp-flow-note{margin-top:8px;color:#8192a7;font-size:7px}
/* Discount draft: scope and audience change the visible summary. */
.mp-discount{display:grid;grid-template-columns:58% 42%;height:calc(100% - 31px)}.mp-rules{min-width:0;padding:13px 14px}.mp-rule-label{margin-bottom:7px;color:#7188a4;font-size:7px;font-weight:800;letter-spacing:.07em}.mp-choice-row{display:flex;gap:6px;margin-bottom:13px}.mp-choice{flex:1;min-width:0;padding:9px 5px;border:1px solid #e4ebf3;border-radius:6px;color:#60758d;font-size:8px;font-weight:750;text-align:center}.mp-scene-4[data-state=a] .mp-active-products,.mp-scene-4[data-state=d] .mp-active-products,.mp-scene-4[data-state=b] .mp-active-services,.mp-scene-4[data-state=c] .mp-active-services,.mp-scene-4[data-state=a] .mp-active-all,.mp-scene-4[data-state=b] .mp-active-all,.mp-scene-4[data-state=c] .mp-active-selected,.mp-scene-4[data-state=d] .mp-active-selected{border-color:#a7c3e8;background:#eaf2fd;color:#1355b2}.mp-limit-row{display:flex;flex-wrap:wrap;gap:6px;padding-top:3px}.mp-limit-row span{padding:6px;border-radius:5px;background:#f4f7fb;color:#72839b;font-size:7px}.mp-limit-row b{color:#223b59}.mp-rule-summary{min-width:0;padding:18px 13px;background:#f7faff}.mp-rule-summary>strong{display:block;margin:7px 0 15px;color:#1355b2;font-size:24px;letter-spacing:-.05em}.mp-summary-line{display:flex;justify-content:space-between;gap:7px;padding:8px 0;border-bottom:1px solid #e4ebf4;color:#72839a;font-size:8px}.mp-summary-line b{max-width:60%;overflow:hidden;color:#1e3651;text-align:right;text-overflow:ellipsis;white-space:nowrap}.mp-rule-note{margin-top:12px;color:#8999ad;font-size:7px}
/* Home width rhythm and module-page inset mockups. */
#module-05 .moment-grid{grid-auto-rows:435px}#module-05 .moment-card{background:#eaf2fb}#module-05 .moment-copy{min-height:137px}#module-05 .moment-demo-link{display:inline-flex;align-items:center;gap:4px;margin-top:8px;color:#1355b2;font-size:11px;font-weight:750}#module-05 .moment-demo-link:hover{text-decoration:underline;text-underline-offset:3px}#module-05 .moment-visual.membership-moment-visual{overflow:hidden;padding:0;border-color:#dce6f2;background:#fff}
.highlights .highlight-card,.highlights .highlight-card:nth-child(2),.highlights .highlight-card:nth-child(3),.highlights .highlight-card:nth-child(4){height:400px;background:#eaf2fb}.highlights .highlight-copy{min-height:148px}.highlights .highlight-visual.membership-moment-visual{margin:0 0 20px;padding:0;border:1px solid #dce6f2;border-radius:10px;background:#fff}
.highlights .mp-stage{min-height:0}.highlights .mp-scene-2 .mp-member-tabs{margin-bottom:7px}.highlights .mp-scene-2 .mp-wallet>div{padding-block:8px}.highlights .mp-scene-2 .mp-benefits{margin-top:4px;padding:5px}.highlights .mp-scene-3 .mp-flow-tabs{padding-top:8px;padding-bottom:6px}.highlights .mp-scene-3 .mp-flow-item{margin-bottom:6px}.highlights .mp-scene-3 .mp-flow-row{padding-block:5px}.highlights .mp-scene-3 .mp-flow-note{margin-top:5px}
@media(max-width:900px){.mp-package-main,.mp-rules{padding-right:9px;padding-left:9px}.mp-package-side,.mp-rule-summary{padding-right:9px;padding-left:9px}}
@media(max-width:620px){#module-05 .moment-grid{grid-auto-rows:420px}.highlights .highlight-card,.highlights .highlight-card:nth-child(2),.highlights .highlight-card:nth-child(3),.highlights .highlight-card:nth-child(4){height:405px}.highlights .highlight-copy{min-height:142px}}
@media(max-width:620px){.highlights .mp-scene-1 .mp-service{gap:4px;padding-inline:4px;font-size:9px}.highlights .mp-scene-1 .mp-service-photo{width:22px;height:22px}.highlights .mp-scene-1 .mp-service>b{font-size:7px}}
@media(prefers-reduced-motion:reduce){.mp-cursor{display:none!important}.mp-scene *{transition:none!important}}
#module-05 .mp-scene-1 .mp-package-side,#module-05 .mp-scene-4 .mp-rule-summary{border-left:1px solid #d6e0ec;background:#f7f9fc}