/* Keep the existing tab and method controls intact on desktop. */
@media(min-width:701px){
  body .cp-ps[data-cp-ps-mobile-flow="1"] .cp-ps__zone-picker,
  body .cp-ps[data-cp-ps-mobile-flow="1"] .cp-ps__other-methods{display:contents}
  body .cp-ps[data-cp-ps-mobile-flow="1"] .cp-ps__zone-picker>summary,
  body .cp-ps[data-cp-ps-mobile-flow="1"] .cp-ps__zone-picker>.cp-ps__zone-summary,
  body .cp-ps[data-cp-ps-mobile-flow="1"] .cp-ps__other-methods>summary{display:none}
}

@media(max-width:700px){
  body .cp-ps[data-cp-ps-mobile-flow="1"] .cp-ps__zone-picker{display:block;margin:0 0 12px;border:1px solid #dfe4ec;border-radius:14px;background:#f7f9fc;overflow:hidden}
  body .cp-ps[data-cp-ps-mobile-flow="1"] .cp-ps__zone-picker>summary,
  body .cp-ps[data-cp-ps-mobile-flow="1"] .cp-ps__zone-picker>.cp-ps__zone-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:60px;padding:10px 14px;list-style:none}
  body .cp-ps[data-cp-ps-mobile-flow="1"] .cp-ps__zone-picker>summary{cursor:pointer}
  body .cp-ps[data-cp-ps-mobile-flow="1"] .cp-ps__zone-picker>summary::-webkit-details-marker,
  body .cp-ps[data-cp-ps-mobile-flow="1"] .cp-ps__other-methods>summary::-webkit-details-marker{display:none}
  body .cp-ps[data-cp-ps-mobile-flow="1"] .cp-ps__zone-current{display:flex;min-width:0;flex-direction:column;gap:3px}
  body .cp-ps[data-cp-ps-mobile-flow="1"] .cp-ps__zone-current strong{color:#102345;font-size:15px;line-height:1.15}
  body .cp-ps[data-cp-ps-mobile-flow="1"] .cp-ps__zone-current small{color:#526580;font-size:12px;line-height:1.25}
  body .cp-ps[data-cp-ps-mobile-flow="1"] .cp-ps__zone-change{flex:none;color:#b80e59;font-size:13px;font-weight:800}
  body .cp-ps[data-cp-ps-mobile-flow="1"] .cp-ps__zone-change span{display:inline-block;transition:transform .2s}
  body .cp-ps[data-cp-ps-mobile-flow="1"] .cp-ps__zone-picker[open] .cp-ps__zone-change span{transform:rotate(180deg)}
  body .cp-ps[data-cp-ps-mobile-flow="1"] .cp-ps__zone-picker .cp-ps__tabs{display:grid;gap:6px;max-height:min(50dvh,390px);padding:8px 10px;overflow-y:auto;border-top:1px solid #dfe4ec}
  body .cp-ps[data-cp-ps-mobile-flow="1"] .cp-ps__zone-picker--single .cp-ps__tabs{display:none!important}
  body .cp-ps[data-cp-ps-mobile-flow="1"] .cp-ps__zone-picker .cp-ps__tabs button{width:100%;min-width:0;min-height:48px;padding:8px 12px}
  body .cp-ps[data-cp-ps-mobile-flow="1"] .cp-ps__zone-picker .cp-ps__tabs button span{font-size:13px}
  body .cp-ps[data-cp-ps-mobile-flow="1"] .cp-ps__zone-picker .cp-ps__tabs button small{font-size:11px}
  body .cp-ps[data-cp-ps-mobile-flow="1"] .cp-ps__zone-picker .cp-ps__combine-hint{margin:0;padding:10px 12px;font-size:12px;line-height:1.4}
  body .cp-ps[data-cp-ps-mobile-flow="1"] .cp-ps__preview{margin:0 0 10px;padding:10px!important}
  body .cp-ps[data-cp-ps-mobile-flow="1"] .cp-ps__preview-actions{display:grid!important;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}
  body .cp-ps[data-cp-ps-mobile-flow="1"] .cp-ps__preview-actions .cp-ps__quick-upload{grid-column:1/-1;min-height:52px;border:0;border-radius:12px;background:#d71568;color:#fff;font-size:16px;font-weight:800}
  body .cp-ps[data-cp-ps-mobile-flow="1"] .cp-ps__preview-actions .cp-ps__quick-text{grid-column:1/-1;min-height:44px;border:1px solid #cbd5e1;border-radius:11px;background:#fff;color:#102345;font-size:14px;font-weight:750}
  body .cp-ps[data-cp-ps-mobile-flow="1"] .cp-ps__preview-actions .cp-ps__quick-text[hidden],
  body .cp-ps[data-cp-ps-mobile-flow="1"] .cp-ps__preview-actions .cp-ps__quick-upload[hidden]{display:none!important}
  body .cp-ps[data-cp-ps-mobile-flow="1"][data-cp-ps-active-upload="1"] .cp-ps__preview-actions .cp-ps__quick-text{display:none!important}
  body .cp-ps[data-cp-ps-mobile-flow="1"] .cp-ps__preview-actions .cp-ps__open-editor{display:none!important}
  body .cp-ps[data-cp-ps-mobile-flow="1"]:has(.cp-ps__tabs .is-active.has-personalization) .cp-ps__preview-actions .cp-ps__open-editor{display:block!important}
  body .cp-ps[data-cp-ps-mobile-flow="1"] .cp-ps__preview-actions .cp-ps__preview-clear{grid-column:auto}
  body .cp-ps[data-cp-ps-mobile-flow="1"] [data-cp-ps-panel] .cp-ps__upload{display:none!important}
  body .cp-ps[data-cp-ps-mobile-flow="1"] .cp-ps__other-methods{margin:10px 0;border:1px solid #dfe4ec;border-radius:12px;background:#fff}
  body .cp-ps[data-cp-ps-mobile-flow="1"] .cp-ps__other-methods>summary{min-height:45px;padding:12px 14px;list-style:none;color:#102345;font-size:13px;font-weight:750;cursor:pointer}
  body .cp-ps[data-cp-ps-mobile-flow="1"] .cp-ps__other-methods>summary span{float:right;color:#b80e59}
  body .cp-ps[data-cp-ps-mobile-flow="1"] .cp-ps__other-methods .cp-ps__methods{margin:0;padding:0 10px 10px}
  body .cp-ps[data-cp-ps-mobile-flow="1"] .cp-ps__zone-picker>summary:focus-visible,
  body .cp-ps[data-cp-ps-mobile-flow="1"] .cp-ps__other-methods>summary:focus-visible,
  body .cp-ps[data-cp-ps-mobile-flow="1"] .cp-ps__preview-actions button:focus-visible{outline:3px solid #102345;outline-offset:2px}
}