.cp-ps{--cp-pink:#f22b78;--cp-ink:#1d1f24;--cp-muted:#6d7178;--cp-line:#e4e5e9;--cp-soft:#f7f7f9;margin:18px 0 20px;padding:18px;border:1px solid #e5e6e9;border-radius:20px;background:#fff;box-shadow:0 8px 28px rgba(24,27,32,.045);box-sizing:border-box;clear:both;width:100%;max-width:none!important}.cp-ps *{box-sizing:border-box}.cp-ps [hidden]{display:none!important}.cp-ps__head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}.cp-ps__head strong,.cp-ps__head span{display:block}.cp-ps__head strong{font-size:20px;line-height:1.1;color:var(--cp-ink)}.cp-ps__head span{margin-top:5px;color:var(--cp-muted);font-size:12px;line-height:1.4}.cp-ps__head>b{padding:7px 9px;border-radius:999px;background:#fff0f6;color:#c2185b;font-size:10px;white-space:nowrap}.cp-ps__tabs{display:flex;gap:7px;overflow:auto;padding:2px 0 10px;scrollbar-width:thin}.cp-ps__tabs button{flex:0 0 auto;min-width:112px;padding:9px 10px;border:1px solid var(--cp-line);border-radius:12px;background:#fff;text-align:left;color:var(--cp-ink);cursor:pointer}.cp-ps__tabs button span,.cp-ps__tabs button small{display:block}.cp-ps__tabs button span{font-size:11px;font-weight:800}.cp-ps__tabs button small{margin-top:3px;color:#8b8f95;font-size:9px}.cp-ps__tabs button.is-active{border-color:var(--cp-pink);box-shadow:0 0 0 2px rgba(242,43,120,.09)}.cp-ps__tabs button.has-personalization small{color:#c2185b;font-weight:700}.cp-ps__layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr);gap:16px;align-items:start}.cp-ps__preview,.cp-ps__controls{min-width:0}.cp-ps__stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:350px;aspect-ratio:1/1;overflow:hidden;border:1px solid #e4e5e9;border-radius:16px;background:linear-gradient(45deg,#f4f5f7 25%,#fff 25%,#fff 75%,#f4f5f7 75%);background-size:24px 24px}.cp-ps__stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}.cp-ps__stage-placeholder{padding:10px 12px;border:1px dashed #c7c9cd;border-radius:10px;background:rgba(255,255,255,.94);color:#8b8f95;font-size:11px}.cp-ps__area{position:absolute;left:15%;top:15%;width:70%;height:70%;display:flex;align-items:center;justify-content:center;border:1.5px dashed rgba(242,43,120,.85);background:rgba(242,43,120,.06);transform-origin:center;overflow:hidden}.cp-ps__art{display:flex;width:100%;height:100%;align-items:center;justify-content:center;padding:4%;overflow:hidden;text-align:center;color:#101114;font-weight:800;line-height:1.05}.cp-ps__art img{display:block;max-width:100%;max-height:100%;object-fit:contain}.cp-ps__art-placeholder{padding:5px 7px;border-radius:999px;background:rgba(255,255,255,.88);color:#a83a65;font-size:10px}.cp-ps__art-text{max-width:100%;max-height:100%;overflow:hidden;white-space:pre-wrap;word-break:break-word;font-size:clamp(12px,2vw,25px)}.cp-ps__art-file{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:5px 7px;border-radius:8px;background:rgba(255,255,255,.9);font-size:10px}.cp-ps__art-name-number{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;gap:4px}.cp-ps__art-name{max-width:100%;overflow:hidden;text-overflow:clip;white-space:nowrap;font-size:clamp(10px,1.6vw,20px);letter-spacing:0}.cp-ps__art-number{font-size:clamp(30px,5vw,70px);line-height:.85}.cp-ps__measure{margin-top:8px;text-align:center;color:#7a7e84;font-size:10px}.cp-ps__surface-panel{padding:15px;border:1px solid #e7e8eb;border-radius:16px;background:#fff}.cp-ps__enable{display:flex;align-items:center;gap:10px;margin:0;cursor:pointer}.cp-ps__enable input{width:18px;height:18px}.cp-ps__enable span strong,.cp-ps__enable span small{display:block}.cp-ps__enable span strong{font-size:13px;color:var(--cp-ink)}.cp-ps__enable span small{margin-top:2px;color:var(--cp-muted);font-size:10px}.cp-ps__zone-controls{margin-top:14px;padding-top:14px;border-top:1px solid #ececef}.cp-ps__methods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:12px}.cp-ps__methods label{display:block;margin:0;cursor:pointer}.cp-ps__methods input{position:absolute;opacity:0;pointer-events:none}.cp-ps__methods span{display:flex;min-height:58px;flex-direction:column;justify-content:center;padding:9px 10px;border:1px solid var(--cp-line);border-radius:11px;background:#fff;color:#555a61}.cp-ps__methods strong,.cp-ps__methods small{display:block}.cp-ps__methods strong{font-size:11px}.cp-ps__methods small{margin-top:3px;font-size:9px;color:#8a8e94}.cp-ps__methods input:checked+span{border-color:var(--cp-pink);background:#fff4f9;color:#c2185b;box-shadow:inset 0 0 0 1px var(--cp-pink)}.cp-ps__upload{display:flex!important;min-height:126px;align-items:center;justify-content:center;flex-direction:column;gap:4px;padding:18px;border:1.5px dashed #cfd2d7;border-radius:13px;background:#fafafb;text-align:center;cursor:pointer}.cp-ps__upload input{position:absolute;width:1px!important;height:1px!important;opacity:0}.cp-ps__upload>span{display:flex;width:34px;height:34px;align-items:center;justify-content:center;border-radius:50%;background:#ffe8f1;color:var(--cp-pink);font-size:20px}.cp-ps__upload strong{font-size:12px;color:var(--cp-ink)}.cp-ps__upload small{font-size:10px;color:#7a7e84}.cp-ps__upload b{max-width:100%;margin-top:3px;color:#c2185b;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cp-ps__text-field,.cp-ps__notes{display:block;margin:0}.cp-ps__text-field>span,.cp-ps__notes>span,.cp-ps__name-number label>span{display:block;margin-bottom:5px;font-size:10px;font-weight:750;color:#52565c}.cp-ps__text-field textarea,.cp-ps__notes textarea,.cp-ps__name-number input{width:100%!important;max-width:none!important;padding:10px 11px!important;border:1px solid var(--cp-line)!important;border-radius:10px!important;background:#fafafb!important;color:var(--cp-ink)!important;font-size:15px!important;box-shadow:none!important}.cp-ps__name-number{display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:8px}.cp-ps__notes{margin-top:10px}.cp-ps__notes small{font-weight:500;color:#96999e}.cp-ps__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding-top:10px;border-top:1px solid #ececef;color:#6d7178;font-size:10px}.cp-ps__foot [data-cp-ps-required-message]{color:#b42318;font-weight:750}.product-type-simple .summary form.cart .cp-ps{grid-column:1/-1!important}.cp-ps+*{clear:both}@media(max-width:900px){.cp-ps__layout{grid-template-columns:1fr}.cp-ps__stage{min-height:300px;max-height:560px}.cp-ps__controls{order:2}}@media(max-width:620px){.cp-ps{padding:14px;border-radius:16px}.cp-ps__head{display:block}.cp-ps__head>b{display:inline-flex;margin-top:9px}.cp-ps__stage{min-height:280px}.cp-ps__methods{grid-template-columns:1fr 1fr}.cp-ps__name-number{grid-template-columns:1fr 88px}.cp-ps__foot{align-items:flex-start;flex-direction:column}}
.cp-ps__quality{margin-top:8px;padding:9px 10px;border-radius:10px;font-size:10px;font-weight:750;line-height:1.35}
.cp-ps__quality.is-good{background:#eef9f1;color:#24713b;border:1px solid #ccebd5}
.cp-ps__quality.is-warn{background:#fff8e7;color:#8a5a00;border:1px solid #f3dfab}
.cp-ps__quality.is-bad{background:#fff0f0;color:#a12626;border:1px solid #f1caca}
.cp-ps__quality.is-review{background:#f5f6f8;color:#565b63;border:1px solid #dde0e4}

/* V1.3 · arrastre fiable de diseños */
.cp-ps__art{position:absolute;left:0;top:0}
.cp-ps__art img{pointer-events:none;user-select:none;-webkit-user-drag:none}
.cp-ps__area{touch-action:pan-y}
.cp-ps__stage--editing{touch-action:none;cursor:grab}

.cp-ps__chooser{margin-top:14px;border:1px solid var(--cp-line);border-radius:14px;overflow:hidden}.cp-ps__chooser>summary{display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;padding:14px 16px;list-style:none;color:var(--cp-ink);background:#fff}.cp-ps__chooser>summary::-webkit-details-marker{display:none}.cp-ps__chooser>summary strong{font-size:1rem}.cp-ps__chooser>summary span{font-size:.82rem;color:var(--cp-muted);text-align:right}.cp-ps__chooser>summary:after{content:'＋';font-size:20px;color:var(--cp-pink)}.cp-ps__chooser[open]>summary:after{content:'−'}.cp-ps__chooser[open]>summary{border-bottom:1px solid var(--cp-line);background:var(--cp-soft)}.cp-ps__chooser .cp-ps__tabs{margin-top:16px}@media(max-width:520px){.cp-ps__chooser>summary{align-items:flex-start;flex-direction:column}.cp-ps__chooser>summary span{text-align:left}.cp-ps__chooser>summary:after{position:absolute;right:28px}}

form.cp-live-matrix .cp-ps__pricebar{display:none}

.cp-ps,.cp-ps *{box-sizing:border-box}.cp-ps{min-width:0;max-width:100%}
.cp-ps__plain-state strong,.cp-ps__plain-state span{display:block}
.cp-ps__chooser>summary{display:block;position:relative;padding-right:44px}
.cp-ps__chooser>summary strong,.cp-ps__chooser>summary span{display:block;text-align:left}
.cp-ps__chooser>summary span{margin-top:3px}
.cp-ps__chooser>summary:after{position:absolute;right:15px;top:14px}
.cp-ps__layout{display:grid;grid-template-columns:minmax(0,1fr)!important}
.cp-ps__preview,.cp-ps__controls,.cp-ps__stage{min-width:0;max-width:100%}
.cp-ps__tabs{max-width:100%;overflow-x:auto}

body.postid-2866 .variations select.cp-live-native{min-width:1px!important;max-width:1px!important;width:1px!important;left:0!important}

body.postid-2866 .cp-ps__tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:visible;padding-bottom:12px}
body.postid-2866 .cp-ps__tabs button{min-width:0;width:100%;white-space:normal}
body.postid-2866 .cp-ps__tabs button span{font-size:12px}
@media(max-width:380px){body.postid-2866 .cp-ps__tabs button{padding:8px 7px}body.postid-2866 .cp-ps__tabs button span{font-size:11px}}

.cp-ps__text-style{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0;padding:12px;border:1px solid var(--cp-line);border-radius:12px;background:#fafafb}
.cp-ps__text-style>label{display:flex;flex-direction:column;gap:5px;min-width:0;color:#52565c;font-size:11px;font-weight:750}
.cp-ps__text-style>label:last-child{grid-column:1/-1}
.cp-ps__text-style select,.cp-ps__text-style input[type=color],.cp-ps__text-style input[type=range]{width:100%;min-width:0}
.cp-ps__text-style select{padding:9px;border:1px solid var(--cp-line);border-radius:9px;background:#fff}
.cp-ps__text-style input[type=color]{height:38px;padding:3px;border:1px solid var(--cp-line);border-radius:9px;background:#fff}
.cp-ps__text-style output{font-size:10px}
.cp-ps__method-panel .cp-ps__text-field{margin-top:10px}
.cp-ps__method-panel .cp-ps__text-field input[type=text]{width:100%;padding:10px;border:1px solid var(--cp-line);border-radius:10px}
.cp-ps__art .cp-ps__art-text,.cp-ps__art .cp-ps__art-overlay{font-size:calc(clamp(7px,1.5vw,20px) * var(--cp-ps-text-size,1))}
.cp-ps__art-overlay{position:absolute;left:0;bottom:0;width:100%;max-height:46%;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.05;text-align:center;text-shadow:0 1px 2px rgba(255,255,255,.7)}
.cp-ps__art .cp-ps__art-name{font-size:calc(clamp(7px,1.3vw,18px) * var(--cp-ps-text-size,1))}
.cp-ps__art .cp-ps__art-number{font-size:calc(clamp(16px,3vw,55px) * var(--cp-ps-text-size,1))}

.cp-ps__art.is-upload:has(.cp-ps__art-overlay){display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1%;gap:1%}
.cp-ps__art.is-upload:has(.cp-ps__art-overlay) img{height:61%;max-height:61%;width:100%;object-fit:contain}
.cp-ps__art.is-upload .cp-ps__art-overlay{position:static;display:block;width:100%;max-height:37%;font-size:calc(clamp(5px,.9vw,13px) * var(--cp-ps-text-size,1));line-height:1;overflow:hidden;text-overflow:clip;text-shadow:0 1px 1px #fff}

.cp-ps__method-panel [data-cp-ps-reuse]{width:100%;padding:10px 11px;border:1px solid #e4e5e9;border-radius:10px;background:#fff;color:#1d1f24}.cp-ps__reuse-help{margin:6px 0 10px;font-size:11px;color:#6d7178}
.cp-ps__people-help{margin:8px 0;font-size:11px;color:#626773}
.cp-ps__person{display:grid;grid-template-columns:minmax(0,1fr) minmax(70px,.5fr);gap:8px;padding:11px 0;border-bottom:1px solid #e9eaf0}
.cp-ps__person>b{grid-column:1/-1;font-size:12px;color:#1d1f24}
.cp-ps__person label{display:flex;flex-direction:column;gap:4px;min-width:0;font-size:11px;color:#626773}
.cp-ps__person input{min-width:0;width:100%;padding:9px;border:1px solid #d9dde6;border-radius:9px}
.cp-ps__person label:only-of-type{grid-column:1/-1}


/* Editor sencillo: contenido activa la zona; opciones sin confirmación repetida. */
.cp-ps__zone-controls{margin-top:0;padding-top:0;border-top:0}
.cp-ps__clear{display:block;margin:0 0 10px auto;border:0;background:none;color:#b82161;text-decoration:underline;font-size:12px;cursor:pointer}
.cp-ps__tabs{flex-wrap:wrap;overflow:visible;gap:6px}.cp-ps__tabs button{min-width:0;flex:1 1 105px}
.cp-ps__stage{min-height:0!important;background:#fff!important;aspect-ratio:1}
.cp-ps__surface-panel{padding:12px}.cp-ps__methods span{min-height:46px;padding:8px}.cp-ps__methods small{display:none}
.cp-ps__upload{min-height:110px}.cp-ps__tabs button:focus-visible,.cp-ps__methods label:has(input:focus-visible),.cp-ps__upload:focus-within{outline:2px solid #f22b78;outline-offset:3px}

.cp-ps__head,.cp-ps__plain-state{display:none!important}
.cp-ps__move-tools{padding:10px 0;font-size:12px;color:#4d5b70}
.cp-ps__move-tools>span,.cp-ps__move-tools strong,.cp-ps__move-tools small{display:block}
.cp-ps__move-tools>div{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px}
.cp-ps__move-tools button{min-height:34px;min-width:34px;padding:6px 10px;border:1px solid #dce1ea;border-radius:8px;background:#fff;color:#0b1c40;cursor:pointer;font:inherit}
.cp-ps__move-tools b{font-size:11px;font-weight:500}
.cp-ps__art-text{font-size:calc(clamp(7px,1vw,14px) * var(--cp-ps-text-size,1))!important}


/* Márgenes interiores también en los extremos de las pestañas. */
.cp-ps__chooser .cp-ps__tabs{padding:8px 12px 12px!important;margin:8px 0 0!important;gap:8px!important;box-sizing:border-box}
.cp-ps__tabs button{flex:1 1 112px;min-width:0!important;margin:0!important}
.cp-ps__combine-hint{font-size:12px;color:#526078;margin:12px 14px 0}
.cp-ps__context-area{border:0!important;background:transparent!important;pointer-events:none;z-index:1}
.cp-ps__stage>[data-cp-ps-area]{z-index:2}
.cp-ps__context-area .cp-ps__art{pointer-events:none!important}


/* Auto-fit lettering and a readable sample outside the scaled garment. */
.cp-ps__art-name,.cp-ps__art-number{line-height:1.15!important;flex:none}
.cp-ps__art-name-number{gap:2%;min-width:0}
.cp-ps__font-sample{display:block;padding:8px 4px;font-size:22px!important;line-height:1.5!important;color:#0b1c40;overflow-wrap:anywhere}
.cp-ps__text-style output{font-size:12px;color:#526078}
.cp-ps__area{background:transparent}
.cp-ps__art-name{padding:0!important;text-overflow:clip!important}


/* Visual font picker and one control area beside the preview. */
.cp-ps .cp-ps__methods small{display:block;font-size:11px;line-height:1.3;margin-top:4px}
.cp-ps__zone-title{margin:0 0 12px!important;font-size:13px!important;line-height:1.5;color:#0b1c40}
.cp-ps .cp-ps__move-tools{padding:12px;margin:12px 0;background:#f7f8fb;border:1px solid #dce1ea;border-radius:12px}
.cp-ps__move-tools>small{display:block;margin-top:4px}
.cp-ps__move-tools>button{margin-top:8px}
.cp-ps__move-tools button[aria-pressed=true]{border-color:#f22b78;background:#fff0f6}
.cp-ps__font-control{grid-column:1/-1;min-width:0;font-size:12px}
.cp-ps__font-picker{margin-top:6px;border:1px solid #dce1ea;border-radius:10px;background:white}
.cp-ps__font-picker>summary{cursor:pointer;padding:11px;font-size:13px;list-style:none}
.cp-ps__font-picker>summary:after{content:'⌄';float:right}
.cp-ps__font-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px;max-height:300px;overflow:auto;overscroll-behavior:contain}
.cp-ps .cp-ps__font-options button{min-width:0;min-height:72px;padding:9px;border:1px solid #dce1ea;background:#fff;border-radius:8px;text-align:left;color:#0b1c40;cursor:pointer}
.cp-ps__font-options button[aria-pressed=true]{border-color:#f22b78;background:#fff0f6}
.cp-ps__font-options small{display:block;font-family:Arial,sans-serif!important;font-size:10px!important;color:#64748b}
.cp-ps .cp-ps__font-options [data-cp-ps-font-example]{display:block!important;font-size:20px!important;line-height:1.5!important;overflow-wrap:anywhere;white-space:normal}
.cp-ps__font-control .cp-ps__font-sample{padding:8px;overflow-wrap:anywhere}
.cp-ps__font-picker:focus-within{outline-offset:2px}
.cp-ps__text-style>label:has(input[type=color]){grid-column:1/-1}
.cp-ps__text-style input[type=color]{max-width:160px}
@media(min-width:1100px){.cp-ps__chooser{overflow:clip}.cp-ps__preview{position:sticky;top:var(--cp-order-top,140px);align-self:start}}
@media(max-width:600px){.cp-ps__font-options{max-height:240px}.cp-ps__move-tools button{min-height:40px}}


/* Size advice stays beside the actions; no additional modal or sticky layer. */
.cp-ps__placement-help{font-size:13px!important;line-height:1.55;margin:0 0 12px!important;color:#526580}
.cp-ps__size-help{border:1px solid #dce1ea;border-radius:10px;background:#f7f8fb;margin:0 0 14px;padding:0 12px}
.cp-ps__size-help>summary{cursor:pointer;padding:11px 0;font-size:13px;font-weight:700;color:#0b1c40}
.cp-ps__size-help p{font-size:13px!important;line-height:1.55;margin:0 0 10px!important;color:#526580}
.cp-ps__size-help>summary:focus-visible{outline:2px solid #f22b78;outline-offset:3px}
.cp-ps__zone-title small{font-weight:400;color:#526580;white-space:nowrap}

.cp-ps__guide-link{font-size:13px!important;margin:-3px 0 14px!important}.cp-ps__guide-link a{color:#d71568;text-decoration:underline;text-underline-offset:2px}.cp-ps__guide-link a:focus-visible{outline:2px solid #f22b78;outline-offset:3px}

/* Equal-size zone tiles and visual movement controls. */
body .cp-ps .cp-ps__tabs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px!important;overflow:visible}
body .cp-ps .cp-ps__tabs button{width:100%;min-width:0!important;min-height:58px;white-space:normal}
body .cp-ps .cp-ps__visual-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.cp-ps__visual-presets button{display:flex;flex-direction:column;align-items:center;gap:5px}
.cp-ps__visual-presets i{display:block;width:25px;height:30px;border:1px solid #98a4b9;border-radius:4px;position:relative}
.cp-ps__visual-presets i:after{content:'';position:absolute;left:5px;right:5px;height:5px;background:#d71568;border-radius:2px;top:3px}
.cp-ps__visual-presets .is-middle:after{top:12px}.cp-ps__visual-presets .is-bottom:after{top:21px}
body .cp-ps .cp-ps__visual-adjust{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;margin:14px 0}
body .cp-ps .cp-ps__direction-pad{display:grid;grid-template-columns:repeat(3,40px);grid-template-rows:repeat(3,40px);gap:4px}
body .cp-ps .cp-ps__direction-pad button{min-width:0;min-height:40px;padding:0;font-size:22px;line-height:1}
.cp-ps__direction-pad [data-cp-ps-nudge=up]{grid-area:1/2}
.cp-ps__direction-pad [data-cp-ps-nudge=left]{grid-area:2/1}
.cp-ps__direction-pad [data-cp-ps-center]{grid-area:2/2}
.cp-ps__direction-pad [data-cp-ps-nudge=right]{grid-area:2/3}
.cp-ps__direction-pad [data-cp-ps-nudge=down]{grid-area:3/2}
body .cp-ps .cp-ps__visual-size{text-align:center;display:block}
.cp-ps__visual-size>div{display:flex;align-items:center;justify-content:center;gap:12px;margin:8px 0}
body .cp-ps .cp-ps__visual-size button{font-size:22px;width:40px;min-height:40px;padding:0}
body .cp-ps .cp-ps__reset-link{background:transparent;border:0;text-decoration:underline;text-underline-offset:3px;font-weight:400;padding:4px 0}
.cp-ps__people-empty{display:grid;gap:10px;padding:16px;border:1px solid #dce1ea;border-radius:12px;background:#f7f8fb;font-size:13px}
.cp-ps__empty-title{font-weight:700;color:#0b1c40}
body .cp-ps .cp-ps__people-empty button{padding:10px;border:1px solid #0b1c40;border-radius:8px;background:#0b1c40;color:white;cursor:pointer;font-weight:700}
body .cp-ps .cp-ps__people-empty .cp-ps__same-text{background:white;color:#0b1c40;border-color:#dce1ea}
.cp-ps__move-tools button:focus-visible,.cp-ps__people-empty button:focus-visible{outline:2px solid #d71568;outline-offset:3px}
@media(max-width:900px){body .cp-ps .cp-ps__tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:420px){body .cp-ps .cp-ps__tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Visible entry, precise zone prices, and a quiet draft recovery notice. */
body .cp-ps .cp-ps__chooser{min-width:0}
body .cp-ps .cp-ps__chooser>summary{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;background:#fff1f7;border:1px solid #f8c4d9;border-radius:15px;padding:16px!important;cursor:pointer;list-style:none;color:#0b1c40}
body .cp-ps .cp-ps__chooser>summary::before{content:'👕';display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:white;color:#d71568;font-size:23px;font-weight:700}
body .cp-ps .cp-ps__chooser>summary::after{content:'Añadir mi diseño  +';position:static;float:none;transform:none!important;display:inline-block;background:#d71568;color:#fff;border-radius:9px;padding:10px 12px;font-size:12px;font-weight:700;white-space:nowrap}
body .cp-ps .cp-ps__chooser[open]>summary::after{content:'Cerrar  −';background:#0b1c40}
body .cp-ps .cp-ps__chooser>summary>span{grid-column:2;grid-row:2;max-width:38ch;color:#475569}
body .cp-ps .cp-ps__chooser>summary>strong{grid-column:2;grid-row:1}
body .cp-ps .cp-ps__chooser>summary::before{grid-row:1/3}
body .cp-ps .cp-ps__chooser>summary::after{grid-column:3;grid-row:1/3}
body .cp-ps .cp-ps__tabs button small{font-size:11px;line-height:1.35;overflow-wrap:anywhere;white-space:normal;display:block}
.cp-ps__method-price{display:block;margin-top:5px;color:#be185d;font-size:11px;font-style:normal;font-weight:700}
.cp-ps__draft-notice{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:10px 12px;margin:0 0 10px;border:1px solid #c6e6d3;background:#f2fff7;color:#14532d;border-radius:10px;font-size:12px}
.cp-ps__draft-notice button{background:transparent;color:#0b1c40;border:0;text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-weight:700}
@media(max-width:700px){
 body .cp-ps .cp-ps__tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px!important}
 body .cp-ps .cp-ps__tabs button{min-height:68px;text-align:left;padding:9px!important}
 body .cp-ps .cp-ps__chooser>summary{grid-template-columns:36px minmax(0,1fr);gap:6px 10px;padding:13px!important}
 body .cp-ps .cp-ps__chooser>summary::before{width:36px;height:36px}
 body .cp-ps .cp-ps__chooser>summary::after{grid-column:2;grid-row:3;margin-top:6px;text-align:center}
 body .cp-ps .cp-ps__visual-presets{gap:5px}
 body .cp-ps .cp-ps__visual-presets button{min-width:0;padding:7px 2px}
 body .cp-ps .cp-ps__visual-adjust{gap:8px}
 body .cp-ps .cp-ps__direction-pad{grid-template-columns:repeat(3,44px);grid-template-rows:repeat(3,44px)}
 body .cp-ps .cp-ps__direction-pad button{min-height:44px}
 body .cp-ps .cp-ps__visual-size button{width:44px;min-height:44px}
}

/* The chosen colour and quantities come before the editor. */
.cp-ps__selection-message{margin:10px 0;padding:12px 14px;border:1px solid #f8c4d9;border-radius:12px;background:#fff1f7;color:#7e1749;font-size:13px;font-weight:700;line-height:1.45}
.cp-ps__selection-message[hidden]{display:none!important}

@media(min-width:721px){
 body.cp-shared-product.single-product .cp-product-media{grid-template-columns:64px minmax(0,1fr)!important;column-gap:18px!important;min-width:0}
 body.cp-shared-product.single-product .cp-product-media-thumbs{width:64px!important;min-width:0!important;box-sizing:border-box!important;overflow-x:clip!important}
 body.cp-shared-product.single-product .cp-product-media-thumb{width:56px!important;min-width:56px!important;max-width:56px!important;box-sizing:border-box!important}
 body.cp-shared-product.single-product .cp-product-media-main{min-width:0!important;isolation:isolate}
}

/* Keep a small, live garment in view while editing on a phone. */
@media(max-width:700px){
 body .cp-ps .cp-ps__chooser[open]{overflow:visible}
 body .cp-ps .cp-ps__layout{display:block!important}
 body .cp-ps .cp-ps__preview{position:sticky;top:118px;z-index:8;display:flex;align-items:center;justify-content:center;gap:12px;min-width:0;padding:8px;background:#fff;border:1px solid #e4e8ee;border-radius:14px;box-shadow:0 6px 18px rgba(7,26,61,.1)}
 body .cp-ps .cp-ps__stage{width:clamp(142px,42vw,190px)!important;height:clamp(142px,42vw,190px)!important;min-height:0!important;max-width:none!important;aspect-ratio:1!important;flex:none}
 body .cp-ps .cp-ps__measure{max-width:125px;margin:0;text-align:left;line-height:1.3}
 body .cp-ps .cp-ps__controls{margin-top:12px}
}

/* Mobile editing: keep one sticky element and make the design legible. */
@media(max-width:700px){
 body.cp-shared-product.single-product .single_variation_wrap:has(.cp-ps__chooser[open])>.cp-live-summary{position:static!important;top:auto!important;max-height:none!important;overflow:visible!important}
 body .cp-ps .cp-ps__preview{top:var(--cp-order-top,132px)!important;gap:8px!important}
 body .cp-ps .cp-ps__stage{width:clamp(166px,52vw,205px)!important;height:clamp(166px,52vw,205px)!important}
 body .cp-ps .cp-ps__measure{flex:1 1 0;min-width:0;max-width:88px}
 body .cp-ps .cp-ps__art-placeholder{padding:3px 4px}
 body .cp-ps .cp-ps__notes textarea,body .cp-ps .cp-ps__text-field textarea,body .cp-ps .cp-ps__name-number input{font-size:16px!important}
}

/* Keep quick placement visible beside the live preview on phones. */
.cp-ps__quick-position[hidden]{display:none!important}
.cp-ps__quick-position{display:none}
.cp-ps__fine-title{display:none!important}
@media(max-width:700px){
 body .cp-ps .cp-ps__preview{flex-direction:column!important;align-items:stretch!important;gap:6px!important}
 body .cp-ps .cp-ps__stage{width:clamp(160px,48vw,195px)!important;height:clamp(160px,48vw,195px)!important;align-self:center}
 body .cp-ps .cp-ps__measure{display:none!important}
 body .cp-ps .cp-ps__quick-position{display:block;width:100%;min-width:0}
 body .cp-ps .cp-ps__quick-position>strong{display:block;margin:0 0 6px;color:#0b1c40;font-size:13px;line-height:1.2}
 body .cp-ps .cp-ps__quick-position .cp-ps__visual-presets{margin:0;gap:6px}
 body .cp-ps .cp-ps__quick-position .cp-ps__visual-presets button{min-width:0;min-height:48px;padding:5px 3px;border:1px solid #dce1ea;border-radius:10px;background:#fff;color:#0b1c40;font-size:12px;line-height:1.1;cursor:pointer}
 body .cp-ps .cp-ps__quick-position .cp-ps__visual-presets button[aria-pressed="true"]{border-color:#d71568;background:#fff1f7;color:#a90d51;box-shadow:inset 0 0 0 1px #d71568}
 body .cp-ps .cp-ps__move-tools>.cp-ps__visual-presets,body .cp-ps .cp-ps__move-title{display:none!important}
 body .cp-ps .cp-ps__fine-title{display:block!important;color:#0b1c40;font-size:13px}
}
@media(max-width:700px) and (max-height:700px){
 body .cp-ps .cp-ps__stage{width:clamp(145px,42vw,170px)!important;height:clamp(145px,42vw,170px)!important}
}

/* On phones, gestures are primary; precision controls remain available on demand. */
@media(max-width:700px){
 body .cp-ps .cp-ps__move-tools:not([hidden]){display:block!important;padding:8px 12px;margin:10px 0}
 body .cp-ps .cp-ps__move-tools> :not(.cp-ps__mobile-fine){display:none!important}
 body .cp-ps .cp-ps__quick-position>strong{margin-bottom:2px}
 body .cp-ps .cp-ps__gesture-hint{display:block;color:#475569;font-size:12px;line-height:1.35}
 body .cp-ps .cp-ps__mobile-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}
 body .cp-ps .cp-ps__mobile-actions button{min-height:44px;padding:7px 12px;border:1px solid #dce1ea;border-radius:10px;background:#fff;color:#0b1c40;font:inherit;font-size:13px;font-weight:700}
 body .cp-ps .cp-ps__mobile-actions button:focus-visible,
 body .cp-ps .cp-ps__mobile-fine summary:focus-visible,
 body .cp-ps .cp-ps__mobile-fine button:focus-visible{outline:2px solid #d71568;outline-offset:2px}
 body .cp-ps .cp-ps__mobile-fine{margin-top:4px}
 body .cp-ps .cp-ps__mobile-fine summary{display:list-item;min-height:44px;padding:11px 2px;color:#a90d51;font-size:12px;font-weight:700;cursor:pointer}
 body .cp-ps .cp-ps__mobile-fine .cp-ps__visual-adjust{display:flex;align-items:center;justify-content:center;gap:12px;margin:4px 0 8px}
 body .cp-ps .cp-ps__mobile-fine button{border:1px solid #dce1ea;border-radius:8px;background:#fff;color:#0b1c40;cursor:pointer}
 body .cp-ps .cp-ps__mobile-fine .cp-ps__direction-pad button{min-width:44px;min-height:44px}
 /* The editor is a single flow on small screens: sticky preview covered controls. */
 body .cp-ps .cp-ps__preview{position:relative!important;top:auto!important;z-index:1!important}
}

/* A separate phone editor keeps the real garment visible while precision controls are used. */
.cp-ps__open-editor{display:none}
.cp-ps__editor:not([open]){display:none}
@media(max-width:700px){
 html.cp-ps-editor-open,html.cp-ps-editor-open body{overflow:hidden!important}
 body .cp-ps .cp-ps__move-tools>.cp-ps__mobile-fine{display:none!important}
 body .cp-ps .cp-ps__move-tools>.cp-ps__open-editor{display:block!important;width:100%;min-height:48px;margin:0;padding:10px 14px;border:1px solid #d71568;border-radius:12px;background:#d71568;color:#fff;font-size:15px;font-weight:750;text-align:center;cursor:pointer}
 body .cp-ps .cp-ps__editor[open]{display:flex!important;position:fixed!important;inset:0!important;width:100vw!important;max-width:none!important;height:100dvh!important;max-height:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#fff!important;color:#0b1c40!important;flex-direction:column;overflow:hidden;z-index:2147483647!important}
 body .cp-ps .cp-ps__editor::backdrop{background:rgba(5,15,35,.62)}
 body .cp-ps .cp-ps__editor-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:8px 16px;border-bottom:1px solid #e4e8ee;background:#fff;flex:none}
 body .cp-ps .cp-ps__editor-head strong{font-size:17px;line-height:1.2}
 body .cp-ps .cp-ps__editor-head button{min-width:76px;min-height:44px;padding:9px 13px;border:0;border-radius:10px;background:#d71568;color:#fff;font-size:15px;font-weight:750;cursor:pointer}
 body .cp-ps .cp-ps__editor-body{display:flex;min-height:0;flex:1;flex-direction:column;align-items:center;padding:8px 14px max(12px,env(safe-area-inset-bottom));overflow:hidden}
 body .cp-ps .cp-ps__editor-hint{margin:0 0 6px;color:#526580;font-size:13px;line-height:1.3;text-align:center}
 body .cp-ps .cp-ps__editor-preview{display:flex;justify-content:center;width:100%;flex:none}
 body .cp-ps .cp-ps__editor .cp-ps__preview{position:static!important;display:block!important;width:100%;max-width:390px;margin:0;padding:5px!important;border:0!important;box-shadow:none!important;background:#fff!important}
 body .cp-ps .cp-ps__editor .cp-ps__stage{display:block!important;width:min(88vw,42dvh,390px)!important;height:min(88vw,42dvh,390px)!important;min-height:0!important;max-width:none!important;margin:auto}
 body .cp-ps .cp-ps__editor .cp-ps__quick-position{display:none!important}
 body .cp-ps .cp-ps__editor-controls{width:100%;min-height:0;max-width:390px;flex:1;overflow-y:auto;overscroll-behavior:contain}
 body .cp-ps .cp-ps__editor .cp-ps__mobile-fine{display:block!important;margin:0;padding:0}
 body .cp-ps .cp-ps__editor .cp-ps__mobile-fine>summary{display:none!important}
 body .cp-ps .cp-ps__editor .cp-ps__visual-adjust{margin:0!important;gap:12px!important}
 body .cp-ps .cp-ps__editor .cp-ps__direction-pad{grid-template-columns:repeat(3,44px);grid-template-rows:repeat(3,44px)}
 body .cp-ps .cp-ps__editor .cp-ps__visual-size button,body .cp-ps .cp-ps__editor .cp-ps__direction-pad button{min-width:44px;min-height:44px}
  body .cp-ps .cp-ps__editor button:focus-visible,body .cp-ps .cp-ps__open-editor:focus-visible{outline:3px solid #0b1c40;outline-offset:2px}
}

/* Put the garment and its two relevant actions in one visible mobile block. */
.cp-ps__preview-actions{display:none}
@media(max-width:700px){
  body .cp-ps .cp-ps__stage{width:min(100%,340px)!important;height:auto!important;aspect-ratio:1!important}
  body .cp-ps .cp-ps__preview-actions{display:flex;width:100%;gap:8px;margin-top:6px}
  body .cp-ps .cp-ps__preview-actions button{flex:1 1 0;min-width:0;min-height:46px;padding:9px 12px;border-radius:11px;font:inherit;font-size:14px;font-weight:750;cursor:pointer}
  body .cp-ps .cp-ps__preview-actions .cp-ps__open-editor{display:block!important;border:1px solid #0b1c40;background:#0b1c40;color:#fff}
  body .cp-ps .cp-ps__preview-actions .cp-ps__preview-clear{display:none!important;border:1px solid #d71568;background:#fff;color:#ae1356}
  body .cp-ps:has(.cp-ps__tabs [data-cp-ps-tab].is-active.has-personalization) .cp-ps__preview-actions .cp-ps__preview-clear{display:block!important}
  body .cp-ps [data-cp-ps-panel] [data-cp-ps-clear]{display:none!important}
  body .cp-ps .cp-ps__quick-position .cp-ps__mobile-actions{display:none}
  body .cp-ps .cp-ps__editor .cp-ps__quick-position .cp-ps__mobile-actions{display:grid}
  body .cp-ps .cp-ps__editor .cp-ps__stage{width:min(96vw,49dvh,430px)!important;height:min(96vw,49dvh,430px)!important}
  body .cp-ps .cp-ps__editor .cp-ps__preview-actions .cp-ps__open-editor{display:none!important}
  body .cp-ps .cp-ps__editor .cp-ps__preview-actions .cp-ps__preview-clear{flex-basis:100%}
  body .cp-ps .cp-ps__preview-actions button:focus-visible{outline:3px solid #d71568;outline-offset:2px}
}