/* Scoped to the feature flag. Prices, file inputs and order forms stay native. */
html[data-essential-journey="1"].pw-is-open{overflow:auto}
.essential-product{--ej-ink:#222543;--ej-blue:#405bd8;--ej-line:#dde1ec;background:#f7f8fc;padding-bottom:110px}
.essential-product .product-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 40px;align-items:start}
.essential-product .ej-product-intro{grid-column:1/-1;max-width:820px}
.essential-product .ej-product-intro h1{font-size:clamp(27px,3vw,42px);line-height:1.15;letter-spacing:-1px;margin:0 0 10px}
.essential-product .detail-info{min-width:0}
.essential-product .detail-info>.eyebrow,.essential-product .detail-rule,.essential-product .pj-from-wrap,.essential-product [data-pj-grid-toggle],.essential-product .pv-actions,.essential-product .pv-total,.essential-product .pv-choice-note{display:none!important}
.essential-product .pj-price-head{margin:0 0 12px}
.essential-product .product-gallery-panel{position:sticky;top:18px;min-width:0}
.essential-product .detail-visual{border-radius:24px;background:#eceff7;min-height:0;aspect-ratio:1/1}
.essential-product .detail-visual img{height:100%;width:100%;object-fit:contain}
.essential-product .product-gallery{margin:12px 0;gap:8px}
.essential-product .product-gallery button{width:64px;height:64px;min-width:64px;border-radius:12px}
.essential-product .product-gallery-panel .commitments,.essential-product .product-gallery-panel [aria-labelledby="commitments-title"]{margin-top:24px;font-size:13px}
.essential-product .pj-step,.essential-product .ej-mode-section{background:white;border:1px solid var(--ej-line);border-radius:18px;padding:20px;margin:0 0 16px}
.essential-product .pj-step-title{font-size:19px;margin-top:0}
.essential-product .purchase-mode{display:grid;grid-template-columns:1fr 1fr;margin:0;gap:10px}
.essential-product .purchase-mode button{min-width:0;border-radius:12px;padding:14px;text-align:left;font-size:15px;min-height:64px}
.essential-product .purchase-mode button small{font-size:12px;line-height:1.4}
.essential-product .purchase-mode .active{border-color:var(--ej-blue);background:#edf0ff;color:var(--ej-ink)}
.essential-product .pv-sticky,.essential-product .pv-sticky.pv-sticky-hidden{display:flex!important;visibility:visible!important;pointer-events:auto!important;opacity:1!important;transform:none!important;position:fixed;bottom:0;left:0;right:0;z-index:40;margin:0;padding:12px max(24px,calc((100vw - 1200px)/2));border-top:1px solid var(--ej-line);border-radius:0;background:white;box-shadow:0 -6px 24px #2225430a;align-items:center;justify-content:space-between;gap:20px}
.essential-product .pv-sticky-cta{width:260px;max-width:45%;min-height:48px;border-radius:12px}
.essential-product .pv-sticky-info{display:flex;gap:5px 14px;flex-wrap:wrap;align-items:baseline;max-width:65%}
.essential-product .pv-sticky-total{font-size:26px;white-space:nowrap}
.essential-product .pv-sticky-count{width:100%;font-size:12px}
.essential-product .pv-sticky-ttc,.essential-product .pv-sticky-unit{font-size:12px}
.essential-product .ej-preview-notice{font-size:12px;color:#485376;background:#edf0ff;border-radius:10px;padding:9px 14px}
.essential-product .ej-reassurance,.essential-product .ej-bat-note{font-size:12px;color:#58647c;line-height:1.5}
.essential-product .ej-allocation-message{color:#8b3e24;font-size:13px;margin:12px 0 0}
.essential-product .pj-q-logo{display:block!important;margin-top:12px;padding:12px;border-radius:10px;background:#f1f4ff}
.essential-product .pj-q-logo[hidden]{display:none!important}
.essential-product .pj-q-logo .pj-logo-cta{display:none!important}
.essential-product .ej-button{border:1px solid #cbd1e4;background:white;border-radius:10px;padding:10px 14px;min-height:44px;color:var(--ej-ink);font-size:13px;cursor:pointer}
.essential-product .ej-button:focus-visible{outline:3px solid #e8a64b;outline-offset:3px}
html[data-essential-journey="1"].pw-is-open .product-detail{display:none}
html[data-essential-journey="1"] .essential-product #personalization-workspace.personalization-workspace.pw-v2.pw-v3.pw-v4[open]{position:relative;inset:auto;display:block;width:100%;height:auto;min-height:550px;max-height:none;max-width:none;overflow:visible;margin:16px 0 30px;box-shadow:none;border-radius:22px;scroll-margin-top:12px}
html[data-essential-journey="1"] .essential-product #personalization-workspace.personalization-workspace.pw-v2.pw-v3.pw-v4 .pw-form{display:block;height:auto;min-height:0;overflow:visible}
html[data-essential-journey="1"] .essential-product #personalization-workspace.personalization-workspace.pw-v2.pw-v3.pw-v4 .pw-header{position:static;flex-wrap:wrap;gap:12px;min-height:64px;padding:16px 22px}
html[data-essential-journey="1"] .essential-product #personalization-workspace.personalization-workspace.pw-v2.pw-v3.pw-v4 .pw-heading{flex:1}
.essential-product .ej-studio-guide{padding:18px 22px;background:#f4f6ff;border-bottom:1px solid var(--ej-line)}
.essential-product .ej-studio-guide h3{font-size:23px;margin:0 0 5px}
.essential-product .ej-studio-guide p{font-size:14px;margin:5px 0 10px}
.essential-product .ej-marking-current{font-weight:600}
html[data-essential-journey="1"] .essential-product #personalization-workspace.personalization-workspace.pw-v2.pw-v3.pw-v4 .pw-body{height:auto;max-height:none;overflow:visible!important;min-height:380px;display:grid;grid-template-columns:minmax(0,1fr)!important;padding:18px;gap:14px}
html[data-essential-journey="1"] .essential-product #personalization-workspace.personalization-workspace.pw-v2.pw-v3.pw-v4:not(.ej-advanced) .pw-tools,html[data-essential-journey="1"] .essential-product #personalization-workspace.personalization-workspace.pw-v2.pw-v3.pw-v4:not(.ej-advanced) .pw-side{display:none!important}
html[data-essential-journey="1"] .essential-product #personalization-workspace.personalization-workspace.pw-v2.pw-v3.pw-v4:not(.ej-advanced) .pw-canvas-actions [data-express="vector"]{display:none!important}
html[data-essential-journey="1"] .essential-product #personalization-workspace.personalization-workspace.pw-v2.pw-v3.pw-v4:not(.ej-show-marking):not(.ej-advanced) .pp-strip,html[data-essential-journey="1"] .essential-product #personalization-workspace.personalization-workspace.pw-v2.pw-v3.pw-v4:not(.ej-show-marking):not(.ej-advanced) .pw-mobile-marking{display:none!important}
html[data-essential-journey="1"] .essential-product #personalization-workspace.personalization-workspace.pw-v2.pw-v3.pw-v4 .pw-flat{grid-column:auto;grid-row:auto;min-width:0;overflow:visible;padding:0;max-width:900px;width:100%;margin:auto}
html[data-essential-journey="1"] .essential-product #personalization-workspace.personalization-workspace.pw-v2.pw-v3.pw-v4 .pw-artboard-frame{max-width:520px;max-height:none;width:100%;height:420px!important;min-height:0!important;flex:none!important;margin:auto}
html[data-essential-journey="1"] .essential-product #personalization-workspace.personalization-workspace.pw-v2.pw-v3.pw-v4 .pw-artboard{max-height:480px}
html[data-essential-journey="1"] .essential-product #personalization-workspace.personalization-workspace.pw-v2.pw-v3.pw-v4 .pw-footer{position:fixed!important;bottom:0;left:0;right:0;z-index:50;margin:0;border-radius:0;padding:10px max(22px,calc((100vw - 1200px)/2));border-top:1px solid var(--ej-line);background:white}
html[data-essential-journey="1"] .essential-product #personalization-workspace.personalization-workspace.pw-v2.pw-v3.pw-v4 .pw-footer .pw-reassure{display:none}
.essential-product .ej-bat-note{grid-column:1/-1;margin:8px 0}
html[data-essential-journey="1"] .essential-product #personalization-workspace.personalization-workspace.pw-v2.pw-v3.pw-v4.ej-advanced .pw-body{grid-template-columns:72px minmax(0,1fr) 300px!important}
html[data-essential-journey="1"] .essential-product #personalization-workspace.personalization-workspace.pw-v2.pw-v3.pw-v4.ej-advanced .pw-tools{grid-column:1;grid-row:1/5}
html[data-essential-journey="1"] .essential-product #personalization-workspace.personalization-workspace.pw-v2.pw-v3.pw-v4.ej-advanced .pw-flat{grid-column:2;grid-row:2}
html[data-essential-journey="1"] .essential-product #personalization-workspace.personalization-workspace.pw-v2.pw-v3.pw-v4.ej-advanced .pp-strip{grid-column:2;grid-row:1}
html[data-essential-journey="1"] .essential-product #personalization-workspace.personalization-workspace.pw-v2.pw-v3.pw-v4.ej-advanced .pw-side{grid-column:3;grid-row:1/4;max-height:none;overflow:visible}
@media(max-width:900px){
 .essential-product .product-detail{grid-template-columns:1fr;gap:16px}.essential-product .product-gallery-panel{position:static}.essential-product .detail-visual{aspect-ratio:auto;height:260px}.essential-product .product-gallery-panel [aria-labelledby="commitments-title"]{display:none}
 .essential-product .ej-product-intro{grid-column:1}.essential-product .product-gallery{margin:8px 0}.essential-product .pj-step,.essential-product .ej-mode-section{padding:16px}.essential-product .pj-chips{flex-wrap:wrap}.essential-product .pj-q-input{max-width:110px}
 .essential-product .pv-sticky,.essential-product .pv-sticky.pv-sticky-hidden{padding:10px 16px calc(10px + env(safe-area-inset-bottom));gap:10px}.essential-product .pv-sticky-cta{width:46%;max-width:46%;min-width:0;font-size:13px;padding:12px}.essential-product .pv-sticky-total{font-size:21px}.essential-product .pv-sticky-info{max-width:54%;gap:2px}.essential-product .pv-sticky-ttc{display:none}.essential-product .pv-sticky-unit{font-size:10px}
 html[data-essential-journey="1"] .essential-product #personalization-workspace.personalization-workspace.pw-v2.pw-v3.pw-v4 .pw-body,html[data-essential-journey="1"] .essential-product #personalization-workspace.personalization-workspace.pw-v2.pw-v3.pw-v4.ej-advanced .pw-body{display:flex;flex-direction:column;min-height:0;padding:12px}html[data-essential-journey="1"] .essential-product #personalization-workspace.personalization-workspace.pw-v2.pw-v3.pw-v4 .pw-header{padding:12px;gap:8px}html[data-essential-journey="1"] .essential-product #personalization-workspace.personalization-workspace.pw-v2.pw-v3.pw-v4 .pw-heading{flex-basis:100%}.essential-product .ej-studio-guide{padding:14px}html[data-essential-journey="1"] .essential-product #personalization-workspace.personalization-workspace.pw-v2.pw-v3.pw-v4 .pw-footer{padding:10px 12px calc(10px + env(safe-area-inset-bottom))}html[data-essential-journey="1"] .essential-product #personalization-workspace.personalization-workspace.pw-v2.pw-v3.pw-v4 .pw-side{max-width:100%;width:100%}html[data-essential-journey="1"] .essential-product #personalization-workspace.personalization-workspace.pw-v2.pw-v3.pw-v4 .pw-artboard{max-height:360px}html[data-essential-journey="1"] .essential-product #personalization-workspace.personalization-workspace.pw-v2.pw-v3.pw-v4.ej-advanced .pw-tools{display:flex;position:static;flex-wrap:wrap;width:100%}html[data-essential-journey="1"] .essential-product #personalization-workspace.personalization-workspace.pw-v2.pw-v3.pw-v4 .pw-close{margin-left:auto}
}

@media(max-width:900px){html[data-essential-journey="1"] .essential-product #personalization-workspace.personalization-workspace.pw-v2.pw-v3.pw-v4 .pw-header{flex-wrap:wrap!important} html[data-essential-journey="1"] .essential-product #personalization-workspace.personalization-workspace.pw-v2.pw-v3.pw-v4 .pw-artboard-frame{height:min(78vw,360px)!important}}

/* The inline studio has no fixed-height dialog container for container units. */
html[data-essential-journey="1"] .essential-product #personalization-workspace .simulation-stage{width:min(100%,420px)!important;height:auto!important;aspect-ratio:1}
html[data-essential-journey="1"] .essential-product #personalization-workspace .commercial-simulation{container-type:normal!important;min-height:0!important;height:auto!important;flex:none!important;padding:12px 0}
html[data-essential-journey="1"]:has(.essential-product){overflow-x:clip}

.essential-product .pj-q-logo,.essential-product .pj-q-logo strong,.essential-product .pj-q-logo span{color:#222543!important}

/* Full-screen editor; only its working area scrolls. */
html[data-essential-journey="1"].pw-is-open{overflow:hidden}
html[data-essential-journey="1"] .essential-product #personalization-workspace.personalization-workspace.pw-v2.pw-v3.pw-v4[open]{position:fixed;inset:0;width:100vw;height:100dvh;min-height:0;max-height:100dvh;margin:0;border-radius:0;overflow:hidden}
html[data-essential-journey="1"] .essential-product #personalization-workspace.personalization-workspace.pw-v2.pw-v3.pw-v4 .pw-form{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}
html[data-essential-journey="1"] .essential-product #personalization-workspace.personalization-workspace.pw-v2.pw-v3.pw-v4 .pw-header,html[data-essential-journey="1"] .essential-product #personalization-workspace.personalization-workspace.pw-v2.pw-v3.pw-v4 .ej-studio-guide{flex:none}
html[data-essential-journey="1"] .essential-product #personalization-workspace.personalization-workspace.pw-v2.pw-v3.pw-v4 .ej-studio-guide{padding:10px 22px}
html[data-essential-journey="1"] .essential-product #personalization-workspace.personalization-workspace.pw-v2.pw-v3.pw-v4 .ej-studio-guide h3{font-size:18px}
html[data-essential-journey="1"] .essential-product #personalization-workspace.personalization-workspace.pw-v2.pw-v3.pw-v4 .pw-body{flex:1;min-height:0;height:auto;overflow:auto!important;align-content:start}
html[data-essential-journey="1"] .essential-product #personalization-workspace.personalization-workspace.pw-v2.pw-v3.pw-v4 .pw-footer{position:static!important;flex:none;width:100%;box-sizing:border-box}
html[data-essential-journey="1"] .essential-product #personalization-workspace.personalization-workspace.pw-v2.pw-v3.pw-v4 .pw-canvas-actions [data-express="eraser"]{display:inline-flex!important}
 .pa-remove-colour{min-width:32px;min-height:32px;border:1px solid #cbd1e4;border-radius:8px;background:white;color:#222543;cursor:pointer;font-size:20px}.pa-remove-colour:disabled{opacity:.4;cursor:default}.pa-raster-colour{display:flex;align-items:center;gap:8px;padding:6px 0}.pa-raster-colour .pa-remove-colour{margin-left:auto}.pw-logo-colours{flex-wrap:wrap}.pw-logo-swatch.pa-remove-colour{background:var(--swatch);text-shadow:0 0 3px white,0 0 3px white;color:#111}.pj-remaining{font-weight:600;margin:8px 0 0;color:#222543}
@media(min-width:901px){
html[data-essential-journey="1"] .essential-product #personalization-workspace.personalization-workspace.pw-v2.pw-v3.pw-v4 .pw-footer{grid-template-columns:130px minmax(0,680px)!important;justify-content:end;padding:10px 24px!important}
html[data-essential-journey="1"] .essential-product #personalization-workspace.personalization-workspace.pw-v2.pw-v3.pw-v4 .pw-purchase{grid-template-columns:minmax(0,1fr) 250px!important;gap:12px 20px!important}
html[data-essential-journey="1"] .essential-product #personalization-workspace.personalization-workspace.pw-v2.pw-v3.pw-v4 .pw-footer > #personalization-purchase-reason{max-width:830px;justify-self:end}
html[data-essential-journey="1"] .essential-product #personalization-workspace.personalization-workspace.pw-v2.pw-v3.pw-v4 .pw-artboard-frame{height: min(48vh,480px)!important}
}

html[data-essential-journey="1"] .essential-product #personalization-workspace.personalization-workspace.pw-v2.pw-v3.pw-v4[open]{display:flex;flex-direction:column}
html[data-essential-journey="1"] .essential-product #personalization-workspace.personalization-workspace.pw-v2.pw-v3.pw-v4 .pw-form{height:auto;flex:1;min-height:0}
@media(min-width:901px){html[data-essential-journey="1"] .essential-product #personalization-workspace.personalization-workspace.pw-v2.pw-v3.pw-v4 .ej-studio-guide{display:grid;grid-template-columns:1fr auto;gap:2px 20px}html[data-essential-journey="1"] .essential-product #personalization-workspace.personalization-workspace.pw-v2.pw-v3.pw-v4 .ej-studio-guide h3,html[data-essential-journey="1"] .essential-product #personalization-workspace.personalization-workspace.pw-v2.pw-v3.pw-v4 .ej-studio-guide p{margin:0;grid-column:1}html[data-essential-journey="1"] .essential-product #personalization-workspace.personalization-workspace.pw-v2.pw-v3.pw-v4 .ej-studio-guide button{grid-column:2;grid-row:1/4;align-self:center}}

.essential-product .ej-bat-note{display:none}
.pa-raster-colour>details{flex:1;min-width:0}.pa-raster-colour{align-items:flex-start}.pa-raster-colour>.pa-remove-colour{flex-shrink:0}.pa-rows .pc-results{display:flex;flex-direction:column;gap:6px}