/* Order summary (2026-10-27) shared by /pricing and /payment. */
.cy-order{--o-ink:#13251f;--o-green:#163b31;--o-line:#d9e4d8;--o-soft:#f4f8f3;--o-muted:#53635d;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:18px;color:var(--o-ink);text-align:left}
.cy-order>*{min-width:0}
.cy-order__fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;align-content:start;padding:24px;border:1px solid var(--o-line);border-radius:8px;background:#fff}
.cy-order__field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700}
.cy-order__field--wide{grid-column:1/-1}
.cy-order__field small{font-weight:500;color:var(--o-muted)}
.cy-order__field{min-width:0}
.cy-order__field select,.cy-order__field input{width:100%;min-width:0;min-height:44px;padding:0 12px;border:1px solid var(--o-line);border-radius:6px;background:#fff;color:var(--o-ink);font:inherit;font-weight:600}
.cy-order__field select:focus-visible,.cy-order__field input:focus-visible{outline:2px solid var(--o-green);outline-offset:1px}
.cy-order__hint{min-height:16px}
.cy-order__field[hidden]{display:none}
.cy-order__summary{padding:24px;border-radius:8px;background:var(--o-soft);border:1px solid var(--o-line)}
.cy-order__summary h3{margin:0 0 14px;font-size:18px;font-weight:700}
.cy-order__summary h3 small{margin-left:6px;font-size:12px;font-weight:500;color:var(--o-muted)}
.cy-order__table{width:100%;border-collapse:collapse;font-size:14px}
.cy-order__table td{padding:9px 0;border-bottom:1px solid var(--o-line);vertical-align:top}
.cy-order__table td:last-child{text-align:right;white-space:nowrap;font-weight:700;padding-left:14px;font-variant-numeric:tabular-nums}
.cy-order__qty{color:var(--o-muted);font-weight:600}
.cy-order__sub td{font-weight:700}
.cy-order__total td{padding-top:12px;font-size:17px;font-weight:800;color:var(--o-green);border-bottom:2px solid var(--o-green)}
.cy-order__renew td{color:var(--o-muted);font-size:13px;border-bottom:0}
.cy-order__note{margin:12px 0 0;color:var(--o-muted);font-size:12px;line-height:1.6}
.cy-order .button--wide{margin:16px 0 0}
@media(max-width:900px){.cy-order{grid-template-columns:minmax(0,1fr)}}
@media(max-width:560px){.cy-order__fields{grid-template-columns:minmax(0,1fr);padding:18px}.cy-order__summary{padding:18px}}
/* Inside a narrow form column (/payment) the summary stacks under the fields. */
.pw-field .cy-order{grid-template-columns:minmax(0,1fr)}
/* The governance stylesheet gives every table a 680px minimum on phones so
   wide registers scroll; this two-column summary must fit the screen. */
.cy-order__table{min-width:0!important}
.cy-order__entity{margin:12px 0 0;font-size:13px;color:var(--o-ink)}
.cy-order__local td{color:#53635d;font-size:13px}
.cy-order__local--total td{font-weight:700;color:#13251f}

/* Searchable country picker (cynapse_country_picker.js). */
.cy-country{position:relative;width:100%;min-width:0}
.cy-country__input{width:100%;min-height:44px;padding:10px 40px 10px 12px;border:1px solid #c9d6c8;border-radius:8px;background:#fff;color:#13251f;font:inherit;font-size:15px}
.cy-country__input:focus{outline:none;border-color:#163b31;box-shadow:0 0 0 3px rgba(22,59,49,.14)}
.cy-country__input::placeholder{color:#7a8a84}
.is-invalid .cy-country__input{border-color:#b42318}
.cy-country__toggle{position:absolute;top:0;right:0;display:grid;place-items:center;width:40px;height:44px;border:0;background:none;color:#53635d;cursor:pointer}
.cy-country__list{position:absolute;z-index:40;top:calc(100% + 4px);left:0;right:0;max-height:300px;margin:0;padding:6px;overflow-y:auto;list-style:none;border:1px solid #d9e4d8;border-radius:10px;background:#fff;box-shadow:0 16px 36px rgba(19,37,31,.14)}
.cy-country__list[hidden]{display:none}
.cy-country__list [role="option"]{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:38px;padding:8px 10px;border-radius:6px;font-size:14px;color:#13251f;cursor:pointer}
.cy-country__list [role="option"] small{flex:0 0 auto;color:#53635d;font-size:12px;font-variant-numeric:tabular-nums}
.cy-country__list [role="option"]:hover,.cy-country__list [role="option"].is-active{background:#eef5ec}
.cy-country__list [role="option"][data-current]{font-weight:700}
.cy-country__empty{padding:10px;color:#53635d;font-size:13px}
.cy-country__status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}