/* 1.44.0: dedicated canvas, restored header/hero. The Playful Studio styles remain unchanged. */
body.m3dc-focus-page{margin:0!important;padding:0!important;background:#f4faf6}
body.m3dc-focus-page .m3dc-focus-main{display:block;box-sizing:border-box;width:100%;max-width:1680px;margin:0 auto;padding:24px;min-width:0}
body.m3dc-focus-page .m3dc-focus-noscript{font-family:system-ui,sans-serif;line-height:1.6;padding:16px;color:#142c25}
.m3dc-play .m3dc-joy-return{display:flex;align-items:center;justify-content:flex-start;padding:20px 32px 16px}
.m3dc-play .m3dc-joy-back-site{flex:none;max-width:100%;box-shadow:none}
.m3dc-play .m3dc-joy-back-site .m3dc-joy-icon{width:18px;height:18px}
.m3dc-play .m3dc-joy-catalog-back{margin-bottom:18px}
/* The four-step badge must stay visible when the former navbar is absent. */
.m3dc-play .m3dc-joy-section-head{flex-wrap:wrap}
.m3dc-play .m3dc-joy-step-tag{display:inline-flex;align-items:center}
@container m3dc-client (max-width:1199px){
 .m3dc-play .m3dc-joy-return{padding:18px 24px 16px}
}
@container m3dc-client (max-width:879px){
 .m3dc-play .m3dc-joy-section-head{align-items:flex-start;gap:14px}
}
@container m3dc-client (max-width:559px){
 .m3dc-play .m3dc-joy-return{padding:16px 14px 14px}
}
@media(max-width:600px){
 body.m3dc-focus-page .m3dc-focus-main{padding:12px}
}

/* Restored top area only. Catalog cards and the editor keep their original styles. */
.m3dc-play .m3dc-joy-brand>.m3dc-joy-reference-logo{width:65px;height:53px;max-width:65px;max-height:53px;object-fit:contain}
.m3dc-play .m3dc-joy-topbar .m3dc-joy-back-site{justify-self:end}
.m3dc-play .m3dc-joy-promises{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:12px;padding-top:20px}
.m3dc-play .m3dc-joy-promises>span{display:flex;align-items:center;gap:10px;padding:12px 17px;border:1px solid var(--joy-line);border-radius:18px;background:#ffffffd9;color:var(--joy-green)}
.m3dc-play .m3dc-joy-promises strong{display:block;font-size:14px;line-height:1.35;font-weight:720}
.m3dc-play .m3dc-joy-promises small{display:block;color:var(--joy-muted);font-size:12px;line-height:1.45;margin-top:2px}
.m3dc-play .m3dc-joy-promises .m3dc-joy-icon{width:26px;height:26px}
.m3dc-play .m3dc-joy-promises+.m3dc-joy-hero{padding-top:26px}
@container m3dc-client (max-width:879px){
 .m3dc-play .m3dc-joy-promises{justify-content:flex-start;gap:9px}
 .m3dc-play .m3dc-joy-promises>span{flex:1 1 170px;padding:11px 13px}
}
@container m3dc-client (max-width:559px){
 .m3dc-play .m3dc-joy-topbar{grid-template-columns:minmax(0,1fr)}
 .m3dc-play .m3dc-joy-topbar .m3dc-joy-back-site{grid-column:1;grid-row:3;justify-self:start;font-size:13px;min-height:44px}
 .m3dc-play .m3dc-joy-brand>.m3dc-joy-reference-logo{width:53px;height:43px;max-width:53px;max-height:43px}
 .m3dc-play .m3dc-joy-promises{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding-top:16px}
 .m3dc-play .m3dc-joy-promises>span{padding:10px 13px;min-width:0}
 .m3dc-play .m3dc-joy-promises>span>span{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:8px;min-width:0}
 .m3dc-play .m3dc-joy-promises small{font-size:12px}
}

/* 1.46: reference header + photographic hero, with native responsive UI. */
body.m3dc-focus-page .m3dc-focus-main{max-width:1920px;padding:0}
.m3dc-play .m3dc-joy-selection{position:relative;background:radial-gradient(ellipse at 85% 0,#bee8fb 0,transparent 33%),linear-gradient(110deg,#f5fcf5 0%,#fcfefd 30%,#eefaf6 100%)!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.m3dc-play .m3dc-joy-selection .m3dc-joy-topbar{grid-template-columns:minmax(225px,1fr) minmax(510px,2.1fr) minmax(385px,1.5fr);gap:2.2cqw;padding:20px 3cqw 12px;background:transparent;border:0;border-radius:0;min-height:88px}
.m3dc-play .m3dc-joy-selection .m3dc-joy-brand strong{font-size:clamp(22px,1.7cqw,29px);color:#0b2027;font-weight:800;letter-spacing:-.7px}
.m3dc-play .m3dc-joy-selection .m3dc-joy-brand small{font-size:12px;margin-top:0;color:#506974;line-height:1.35}
.m3dc-play .m3dc-joy-selection .m3dc-joy-brand>.m3dc-joy-reference-logo{width:62px;height:51px}
.m3dc-play .m3dc-joy-topbar .m3dc-joy-promises{display:flex;flex-wrap:nowrap;gap:8px;padding:0;justify-content:flex-end}
.m3dc-play .m3dc-joy-topbar .m3dc-joy-promises>span{border:0;background:#ffffffe3;border-radius:22px;padding:10px 12px;gap:9px;min-width:0;flex:1 1 auto}
.m3dc-play .m3dc-joy-topbar .m3dc-joy-promises strong{font-size:clamp(10px,.76cqw,12px);font-weight:750;line-height:1.25;white-space:nowrap}
.m3dc-play .m3dc-joy-topbar .m3dc-joy-promises small{font-size:clamp(9px,.67cqw,11px);line-height:1.3;color:#506875;white-space:nowrap;margin-top:2px}
.m3dc-play .m3dc-joy-topbar .m3dc-joy-promises .m3dc-joy-icon{width:25px;height:25px}
.m3dc-play .m3dc-rocket{font-size:23px;line-height:1;flex:0 0 auto}
.m3dc-play .m3dc-joy-selection .m3dc-joy-progress ol{gap:12px}
.m3dc-play .m3dc-joy-selection .m3dc-joy-progress li{gap:12px}
.m3dc-play .m3dc-joy-selection .m3dc-joy-progress li:not(:last-child)::after{content:"";position:absolute;right:0;top:22px;width:15px;border-top:2px dashed #c0d5df;transform:translateX(5px)}
.m3dc-play .m3dc-joy-selection .m3dc-joy-step-number{width:43px;height:43px;border:3px solid #fff;outline:1px solid #c8dfe8;background:linear-gradient(150deg,#f1f6fa,#d3e4eb);color:#233c47;box-shadow:0 0 0 4px #ffffff6e;font-size:19px}
.m3dc-play .m3dc-joy-selection .is-current .m3dc-joy-step-number{outline-color:#12b875;background:linear-gradient(145deg,#00b673,#006d46);color:#fff}
.m3dc-play .m3dc-joy-selection .m3dc-joy-progress strong{font-size:14px;color:#102731;font-weight:750}
.m3dc-play .m3dc-joy-selection .m3dc-joy-progress small{font-size:11px;color:#536d79;max-width:110px}
.m3dc-play .m3dc-reference-return{display:flex;justify-content:flex-end;padding:0 32px;min-height:0}
.m3dc-play .m3dc-reference-return .m3dc-joy-back-site{font-size:12px;min-height:44px;border:0;background:transparent;padding:5px 10px}
.m3dc-play .m3dc-joy-selection.is-model .m3dc-reference-return{position:absolute;top:91px;right:2cqw;z-index:5;padding:0}
.m3dc-play .m3dc-joy-selection .m3dc-joy-content{padding:0 2.3cqw 24px}
.m3dc-play .m3dc-joy-selection.is-model .m3dc-joy-hero{display:block;min-height:clamp(330px,21.2cqw,406px);padding:19px 2cqw 26px;margin:0;isolation:isolate}
.m3dc-play .m3dc-joy-selection.is-model .m3dc-joy-hero-copy{width:34%;padding:0;position:relative;z-index:2}
.m3dc-play .m3dc-joy-selection.is-model .m3dc-joy-eyebrow{display:inline-flex;padding:8px 10px;border:1px solid #d3efdd;background:#f0fff3ad;border-radius:22px;color:#007c42;font-size:clamp(10px,.8cqw,13px);letter-spacing:.35px;white-space:nowrap;margin:0 0 13px;font-weight:750}
.m3dc-play .m3dc-joy-selection.is-model .m3dc-joy-hero h1{font-size:clamp(42px,4.15cqw,76px)!important;line-height:.98!important;letter-spacing:-.055em!important;font-weight:850!important;color:#071c24!important;white-space:nowrap}
.m3dc-play .m3dc-joy-selection.is-model .m3dc-joy-hero h1 span{background:linear-gradient(100deg,#4bbf85,#007450);background-clip:text;-webkit-background-clip:text;color:transparent}
.m3dc-play .m3dc-joy-selection.is-model .m3dc-joy-hero h1 span::after{height:5px;bottom:-12px;width:38%;background:#ffce32;transform:rotate(-2deg)}
.m3dc-play .m3dc-joy-selection.is-model .m3dc-joy-hero h1 span::before{content:"";position:absolute;left:103%;top:27%;width:34px;height:40px;background:linear-gradient(115deg,transparent 34%,#ffd33a 36%,#ffd33a 47%,transparent 49%) 0 0/26px 25px no-repeat,linear-gradient(155deg,transparent 36%,#ffd33a 38%,#ffd33a 50%,transparent 52%) 8px 11px/30px 24px no-repeat,linear-gradient(15deg,transparent 33%,#ffd33a 36%,#ffd33a 47%,transparent 50%) 12px 30px/23px 12px no-repeat}
.m3dc-play .m3dc-joy-selection.is-model .m3dc-joy-hero-copy>p{font-size:clamp(15px,1.05cqw,18px);line-height:1.5;color:#324e57;margin:23px 0 0;max-width:505px;width:calc(100% + 3cqw)}
.m3dc-play .m3dc-joy-selection.is-model .m3dc-joy-scene{position:absolute;left:28%;right:10%;bottom:0;top:-12px;border:0;background:transparent;box-shadow:none;transform:none;display:block;border-radius:0;overflow:visible;z-index:0;margin:0}
.m3dc-play .m3dc-joy-selection.is-model .m3dc-joy-hero-image{width:100%;height:100%;max-height:none;object-fit:contain;object-position:center bottom;border-radius:0;display:block;filter:none;transform:none}
.m3dc-play .m3dc-reference-caption{position:absolute!important;bottom:3px;left:10%;font-size:10px!important;background:transparent!important;padding:0!important;color:#374e38!important;box-shadow:none!important;border:0!important;display:block!important;text-shadow:0 1px 4px white}
.m3dc-play .m3dc-joy-selection.is-model .m3dc-joy-scene-note{position:absolute;right:10.5%;top:17px;font-family:"Segoe Print","Bradley Hand",cursive;font-size:21px;line-height:1.18;font-style:italic;font-weight:700;transform:rotate(-8deg);color:#05633e;z-index:2;background:none;border:0;box-shadow:none;padding:0;text-align:center}
.m3dc-play .m3dc-joy-scene-note svg{display:block;width:67px;height:50px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;margin:-3px 0 0 -45px}
.m3dc-play .m3dc-joy-selection.is-model .m3dc-joy-benefits{position:absolute;right:0;top:110px;display:grid;gap:9px;margin:0;z-index:2;width:175px}
.m3dc-play .m3dc-joy-benefits>span{display:flex;align-items:center;gap:9px;background:#fffffff5;border:1px solid #f4faf4;border-radius:19px;padding:10px;box-shadow:0 4px 18px #2c653413;min-width:0}
.m3dc-play .m3dc-joy-benefits i{width:39px;height:39px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;background:#e9f9ec;color:#007c48;font-style:normal}
.m3dc-play .m3dc-joy-benefits strong{font-size:12px;line-height:1.2;font-weight:750;color:#005b35;display:block}
.m3dc-play .m3dc-joy-benefits small{font-size:12px;line-height:1.4;font-weight:450;color:#183c37;display:block;margin-top:2px}
.m3dc-play .m3dc-joy-selection.is-model .m3dc-joy-catalog{position:relative;background:#ffffffde;border:1px solid #e0eee5;border-radius:26px;padding:18px;box-shadow:0 10px 34px #2961440b;z-index:3}
.m3dc-play .m3dc-joy-selection.is-model .m3dc-joy-section-head{margin-bottom:16px;gap:16px;flex-wrap:nowrap}
.m3dc-play .m3dc-joy-selection.is-model .m3dc-joy-section-title p{max-width:490px}
.m3dc-play .m3dc-reference-click{font-family:"Segoe Print","Bradley Hand",cursive;font-style:italic;font-size:18px;line-height:1.2;text-align:center;transform:rotate(-5deg);color:#05633e;margin-left:auto;min-width:190px}
.m3dc-play .m3dc-reference-click>span{font-size:40px;float:left;transform:rotate(45deg)}
.m3dc-play .m3dc-joy-selection.is-model .m3dc-joy-step-tag{margin-left:auto;white-space:nowrap;font-size:11px}
.m3dc-play .m3dc-joy-hero.is-compact{padding-top:18px}
.m3dc-play .m3dc-joy-hero.is-compact .m3dc-joy-scene-note,.m3dc-play .m3dc-joy-hero.is-compact .m3dc-joy-benefits{display:none}
.m3dc-play .m3dc-promotion{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;font-size:12px;line-height:1.5;margin-bottom:3px;letter-spacing:0;font-weight:500}
.m3dc-play .m3dc-promotion del{color:#546860;font-size:13px}
.m3dc-play .m3dc-sale-label{background:#fff0c6;color:#684800;padding:2px 7px;border-radius:6px;font-weight:700}
.m3dc-play .m3dc-current-price{display:block}
.m3dc-prices-hidden .m3dc-final-total,.m3dc-prices-hidden .m3dc-promotion,.m3dc-prices-hidden .m3dc-current-price{display:none!important}
@container m3dc-client (max-width:1399px){
 .m3dc-play .m3dc-joy-selection .m3dc-joy-topbar{grid-template-columns:230px minmax(0,1fr);gap:18px;padding-bottom:4px}
 .m3dc-play .m3dc-joy-selection .m3dc-joy-promises{grid-column:1/-1;justify-content:flex-end;margin-top:6px}
 .m3dc-play .m3dc-joy-selection .m3dc-joy-promises>span{flex:0 1 auto;padding:8px 12px}
 .m3dc-play .m3dc-joy-topbar .m3dc-joy-promises strong{font-size:12px}
 .m3dc-play .m3dc-joy-topbar .m3dc-joy-promises small{font-size:11px}
 .m3dc-play .m3dc-joy-selection.is-model .m3dc-reference-return{position:static;padding:0 2cqw;height:28px;align-items:center}
 .m3dc-play .m3dc-joy-selection.is-model .m3dc-joy-hero{padding-top:10px;min-height:330px}
 .m3dc-play .m3dc-joy-selection.is-model .m3dc-joy-hero-copy{width:39%}
 .m3dc-play .m3dc-joy-selection.is-model .m3dc-joy-benefits{width:160px;top:118px}
 .m3dc-play .m3dc-joy-selection.is-model .m3dc-joy-scene{left:32%;right:10%;top:4px}
 .m3dc-play .m3dc-joy-selection.is-model .m3dc-joy-scene-note{right:13%;top:10px;font-size:19px}
}
@container m3dc-client (max-width:899px){
 .m3dc-play .m3dc-joy-selection .m3dc-joy-topbar{grid-template-columns:1fr;padding:20px 24px 0;gap:20px}
 .m3dc-play .m3dc-joy-selection .m3dc-joy-progress{grid-column:1;grid-row:auto;width:100%}
 .m3dc-play .m3dc-joy-topbar .m3dc-joy-promises{grid-column:1;justify-content:stretch;margin:0}
 .m3dc-play .m3dc-joy-topbar .m3dc-joy-promises>span{flex:1 1 0}
 .m3dc-play .m3dc-joy-selection.is-model .m3dc-joy-hero-copy{width:55%}
 .m3dc-play .m3dc-joy-selection.is-model .m3dc-joy-hero h1{font-size:clamp(38px,6.8cqw,58px)!important}
 .m3dc-play .m3dc-joy-selection.is-model .m3dc-joy-hero{min-height:415px}
 .m3dc-play .m3dc-joy-selection.is-model .m3dc-joy-scene{left:37%;right:-2cqw;top:100px;bottom:65px}
 .m3dc-play .m3dc-joy-selection.is-model .m3dc-joy-scene-note{top:0;right:5%;font-size:20px}
 .m3dc-play .m3dc-joy-selection.is-model .m3dc-joy-benefits{top:auto;bottom:10px;left:0;right:0;width:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .m3dc-play .m3dc-joy-benefits>span{padding:9px;gap:6px}
 .m3dc-play .m3dc-joy-benefits i{width:31px;height:31px}
 .m3dc-play .m3dc-joy-benefits strong,.m3dc-play .m3dc-joy-benefits small{font-size:11px}
 .m3dc-play .m3dc-reference-click{display:none}
 .m3dc-play .m3dc-reference-caption{display:none!important}
}
@container m3dc-client (max-width:559px){
 .m3dc-play .m3dc-joy-selection .m3dc-joy-topbar{padding:17px 16px 0;gap:18px}
 .m3dc-play .m3dc-joy-selection .m3dc-joy-brand strong{font-size:26px}
 .m3dc-play .m3dc-joy-selection .m3dc-joy-brand small{font-size:11px}
 .m3dc-play .m3dc-joy-selection .m3dc-joy-brand>.m3dc-joy-reference-logo{width:52px;height:43px}
 .m3dc-play .m3dc-joy-selection .m3dc-joy-progress ol{gap:5px}
 .m3dc-play .m3dc-joy-selection .m3dc-joy-progress li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px}
 .m3dc-play .m3dc-joy-selection .m3dc-joy-progress li:not(:last-child)::after{right:-14px;top:18px;width:18px;transform:none}
 .m3dc-play .m3dc-joy-selection .m3dc-joy-step-number{width:37px;height:37px;font-size:17px}
 .m3dc-play .m3dc-joy-selection .m3dc-joy-progress strong{font-size:11px;letter-spacing:-.2px}
 .m3dc-play .m3dc-joy-selection .m3dc-joy-progress small{display:none}
 .m3dc-play .m3dc-joy-topbar .m3dc-joy-promises{display:flex;gap:6px}
 .m3dc-play .m3dc-joy-topbar .m3dc-joy-promises>span{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:9px 8px;border-radius:14px}
 .m3dc-play .m3dc-joy-topbar .m3dc-joy-promises>span>span{display:block}
 .m3dc-play .m3dc-joy-topbar .m3dc-joy-promises strong{font-size:11px;white-space:normal}
 .m3dc-play .m3dc-joy-topbar .m3dc-joy-promises small{font-size:10px;white-space:normal}
 .m3dc-play .m3dc-joy-topbar .m3dc-joy-promises .m3dc-joy-icon{width:20px;height:20px}
 .m3dc-play .m3dc-rocket{font-size:20px}
 .m3dc-play .m3dc-joy-selection .m3dc-joy-content{padding:0 12px 18px}
 .m3dc-play .m3dc-joy-selection.is-model .m3dc-reference-return{height:35px;margin-top:4px}
 .m3dc-play .m3dc-reference-return .m3dc-joy-back-site{font-size:11px}
 .m3dc-play .m3dc-joy-selection.is-model .m3dc-joy-hero{padding:10px 5px 12px;min-height:0;display:flex;flex-direction:column;gap:0}
 .m3dc-play .m3dc-joy-selection.is-model .m3dc-joy-hero-copy{width:100%}
 .m3dc-play .m3dc-joy-selection.is-model .m3dc-joy-eyebrow{font-size:9px;letter-spacing:.25px;padding:7px 9px;margin-bottom:13px}
 .m3dc-play .m3dc-joy-selection.is-model .m3dc-joy-hero h1{font-size:clamp(34px,10.4cqw,56px)!important;letter-spacing:-.06em!important;line-height:1.03!important}
 .m3dc-play .m3dc-joy-selection.is-model .m3dc-joy-hero h1 span::before{width:25px;height:38px;left:102%;transform:scale(.8);transform-origin:left center}
 .m3dc-play .m3dc-joy-selection.is-model .m3dc-joy-hero-copy>p{width:100%;font-size:14px;line-height:1.55;margin:22px 0 0;max-width:38ch}
 .m3dc-play .m3dc-joy-selection.is-model .m3dc-joy-scene{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:calc(100% + 22px);height:auto;aspect-ratio:2.18;align-self:center;margin:16px 0 0}
 .m3dc-play .m3dc-joy-selection.is-model .m3dc-joy-scene-note{display:none}
 .m3dc-play .m3dc-joy-selection.is-model .m3dc-joy-benefits{position:static;margin:6px 0 0;display:grid;width:100%;gap:6px}
 .m3dc-play .m3dc-joy-benefits>span{flex-direction:column;align-items:flex-start;padding:8px;border-radius:13px;gap:5px}
 .m3dc-play .m3dc-joy-benefits strong,.m3dc-play .m3dc-joy-benefits small{font-size:10px}
 .m3dc-play .m3dc-joy-selection.is-model .m3dc-joy-catalog{padding:12px 8px;border-radius:21px;margin-top:10px}
 .m3dc-play .m3dc-joy-selection.is-model .m3dc-joy-section-head{flex-wrap:wrap;gap:10px;margin-bottom:13px}
 .m3dc-play .m3dc-joy-selection.is-model .m3dc-joy-section-title{gap:9px}
 .m3dc-play .m3dc-joy-selection.is-model .m3dc-joy-section-title h2{font-size:20px;letter-spacing:-.6px}
 .m3dc-play .m3dc-joy-selection.is-model .m3dc-joy-section-title p{font-size:12px;line-height:1.5}
 .m3dc-play .m3dc-joy-selection.is-model .m3dc-joy-step-tag{margin-left:48px;display:inline-flex}
 .m3dc-play .m3dc-joy-selection.is-model .m3dc-joy-section-icon{width:38px;height:38px}
}
/* Remove decorative frames inherited from the earlier hero. */
.m3dc-play .m3dc-joy-selection.is-model .m3dc-joy-scene{padding:0;max-width:none}
.m3dc-play .m3dc-joy-selection.is-model .m3dc-joy-scene::before,.m3dc-play .m3dc-joy-selection.is-model .m3dc-joy-scene::after{display:none}
.m3dc-play .m3dc-joy-selection.is-model .m3dc-joy-hero-image{border:0;box-shadow:none;aspect-ratio:auto}
.m3dc-play .m3dc-joy-selection.is-model .m3dc-joy-scene-note{display:block}
.m3dc-play .m3dc-joy-selection.is-model .m3dc-joy-scene-note svg{width:67px;height:50px;color:#05633e}
.m3dc-play .m3dc-joy-selection .m3dc-joy-brand>img{mix-blend-mode:multiply}
.m3dc-play .m3dc-joy-selection.is-model .m3dc-joy-benefits>span{display:flex}
@container m3dc-client (max-width:559px){
 .m3dc-play .m3dc-joy-selection.is-model .m3dc-joy-scene-note{top:auto;bottom:195px;right:12px;font-size:15px}
 .m3dc-play .m3dc-joy-selection.is-model .m3dc-joy-scene-note svg{width:39px;height:30px;margin:-4px 0 0 -23px}
}