.uff-delivery-selector{width:100%}
.uff-delivery-selector__track{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;padding:8px;border:1px solid var(--uff-color-border,#e2e8f0);border-radius:18px;background:var(--uff-color-secondary,#f3f5f8)}
.uff-delivery-selector__option{min-width:0}
.uff-delivery-selector__label{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:14px!important;width:100%!important;min-height:78px!important;padding:14px 16px!important;border:1px solid transparent!important;border-radius:14px!important;background:transparent!important;color:var(--uff-color-text,#253e66)!important;text-align:left!important;box-shadow:none!important;cursor:default!important;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease!important}
.uff-delivery-selector__label:disabled{opacity:1!important}
.uff-delivery-selector__option.is-active .uff-delivery-selector__label{background:#f7faff!important;border-color:var(--uff-color-primary,#253e66)!important;box-shadow:0 0 0 1px var(--uff-color-primary,#253e66),0 7px 20px rgba(37,62,102,.08)!important}
.uff-delivery-selector__option:not(.is-disabled) .uff-delivery-selector__label:not(:disabled){cursor:pointer!important}
.uff-delivery-selector__option:not(.is-disabled) .uff-delivery-selector__label:not(:disabled):hover{background:#fff!important;border-color:var(--uff-color-primary,#253e66)!important;transform:translateY(-1px)}
.uff-delivery-selector__option.is-disabled{opacity:.48}
.uff-delivery-selector__icon-box{display:flex;align-items:center;justify-content:center;flex:0 0 42px;width:42px;height:42px;border-radius:13px;background:color-mix(in srgb,var(--uff-color-primary,#253e66) 9%,#fff);color:var(--uff-color-primary,#253e66)}
.uff-delivery-selector__icon-box svg{width:21px;height:21px}
.uff-delivery-selector__text-block{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}
.uff-delivery-selector__name{font-size:15px!important;line-height:1.2!important;font-weight:750!important;color:var(--uff-color-text,#253e66)!important;text-transform:none!important;letter-spacing:0!important}
.uff-delivery-selector__meta{font-size:12px!important;line-height:1.35!important;font-weight:500!important;color:var(--uff-color-text-light,#64748b)!important;white-space:normal}
.uff-delivery-selector__check{display:none;align-items:center;justify-content:center;flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:var(--uff-color-primary,#253e66);color:#fff;font-size:13px;font-weight:900;line-height:1}
.uff-delivery-selector__option.is-active .uff-delivery-selector__check{display:inline-flex}
.uff-delivery-selector__note{display:flex;align-items:flex-start;gap:8px;margin:10px 4px 0!important;font-size:12px!important;line-height:1.5!important;color:var(--uff-color-text-light,#64748b)!important}
.uff-delivery-selector__note:before{content:'i';display:inline-flex;align-items:center;justify-content:center;flex:0 0 18px;width:18px;height:18px;border-radius:50%;background:color-mix(in srgb,var(--uff-color-primary,#253e66) 10%,#fff);color:var(--uff-color-primary,#253e66);font-size:11px;font-weight:800}
@media(max-width:720px){.uff-delivery-selector__track{grid-template-columns:1fr}.uff-delivery-selector__label{min-height:68px!important}.uff-delivery-selector__icon-box{flex-basis:38px;width:38px;height:38px}}
.uff-delivery-selector--sidebar .uff-delivery-selector__track{grid-template-columns:repeat(2,minmax(0,1fr));padding:0;border:0;background:transparent}.uff-delivery-selector--sidebar .uff-delivery-selector__option{display:block}.uff-delivery-selector--sidebar .uff-delivery-selector__option:not(.is-active){opacity:.72}.uff-delivery-selector--sidebar .uff-delivery-selector__label{min-height:64px!important;background:#fff!important;border-color:var(--uff-color-border,#e2e8f0)!important;box-shadow:none!important}.uff-delivery-selector--sidebar .uff-delivery-selector__option.is-active .uff-delivery-selector__label{background:#f7faff!important;border-color:var(--uff-color-primary,#253e66)!important;box-shadow:0 0 0 1px var(--uff-color-primary,#253e66),0 7px 18px rgba(37,62,102,.08)!important}.uff-delivery-selector--sidebar .uff-delivery-selector__note{margin:8px 2px 0!important}
.uff-context-summary__edit{display:inline-flex!important;align-items:center!important;width:auto!important;height:34px!important;margin:6px 0 0 52px!important;padding:0 10px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:var(--uff-color-primary,#253e66)!important;font-size:12px!important;font-weight:700!important;text-transform:none!important;letter-spacing:0!important;box-shadow:none!important;cursor:pointer!important}
.uff-context-summary__edit:hover,.uff-context-summary__edit:focus{background:color-mix(in srgb,var(--uff-color-primary,#253e66) 7%,#fff)!important;color:var(--uff-color-primary,#253e66)!important;border:0!important;outline:0!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--uff-color-primary,#253e66) 10%,transparent)!important;transform:none!important}
.uff-delivery-selector--flow .uff-delivery-selector__track{padding:0;border:0;background:transparent;gap:10px}.uff-delivery-selector--flow .uff-delivery-selector__label{min-height:104px!important;border-color:#e2e8f0!important;background:#fff!important}.uff-delivery-selector--flow .uff-delivery-selector__option.is-active .uff-delivery-selector__label{border-color:var(--uff-color-primary,#253e66)!important;box-shadow:0 0 0 1px var(--uff-color-primary,#253e66),0 10px 22px rgba(37,62,102,.08)!important}
@media(max-width:720px){.uff-delivery-selector--sidebar .uff-delivery-selector__track{grid-template-columns:1fr}.uff-delivery-selector--sidebar .uff-delivery-selector__label{min-height:58px!important}}

/* Inline flow keeps the exact active-state contract used by the Showcase.
 * The selected channel is identified by border, tint and checkmark; it does
 * not become a separate dark-blue component. */
.uff-order-flow--inline .uff-delivery-selector--flow .uff-delivery-selector__track{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;padding:6px!important;border:1px solid #dce5ef!important;border-radius:16px!important;background:#f4f7fa!important}
.uff-order-flow--inline .uff-delivery-selector--flow .uff-delivery-selector__label{min-height:66px!important;padding:11px 13px!important;border:1px solid transparent!important;border-radius:11px!important;background:transparent!important;box-shadow:none!important}
.uff-order-flow--inline .uff-delivery-selector--flow .uff-delivery-selector__option.is-active .uff-delivery-selector__label{border-color:var(--uff-color-primary,#253e66)!important;background:#f7faff!important;box-shadow:0 0 0 1px var(--uff-color-primary,#253e66),0 7px 20px rgba(37,62,102,.08)!important;color:var(--uff-color-text,#253e66)!important}
.uff-order-flow--inline .uff-delivery-selector--flow .uff-delivery-selector__option.is-active .uff-delivery-selector__name,.uff-order-flow--inline .uff-delivery-selector--flow .uff-delivery-selector__option.is-active .uff-delivery-selector__meta{color:var(--uff-color-text,#253e66)!important}
.uff-order-flow--inline .uff-delivery-selector--flow .uff-delivery-selector__option.is-active .uff-delivery-selector__icon-box{background:color-mix(in srgb,var(--uff-color-primary,#253e66) 9%,#fff)!important;color:var(--uff-color-primary,#253e66)!important}
.uff-order-flow--inline .uff-delivery-selector--flow .uff-delivery-selector__icon-box{flex-basis:34px;width:34px;height:34px;border-radius:10px}
.uff-order-flow--inline .uff-delivery-selector--flow .uff-delivery-selector__name{font-size:13px!important}
.uff-order-flow--inline .uff-delivery-selector--flow .uff-delivery-selector__meta{font-size:11px!important}
@media(max-width:580px){.uff-order-flow--inline .uff-delivery-selector--flow .uff-delivery-selector__label{gap:8px!important;padding:10px!important}.uff-order-flow--inline .uff-delivery-selector--flow .uff-delivery-selector__name{font-size:12px!important}.uff-order-flow--inline .uff-delivery-selector--flow .uff-delivery-selector__meta{font-size:10px!important}}