.dsc-widget {
    --dsc-accent: var(--wd-primary-color, var(--e-global-color-primary, #f05229));
    --dsc-accent-soft: color-mix(in srgb, var(--dsc-accent) 12%, transparent);
    --dsc-glow-peak: .22;
    --dsc-motion-duration: 6s;
    position: relative;
    isolation: isolate;
    overflow: hidden;
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    clear: both;
    margin: 14px 0 4px;
    padding: 16px 16px 14px;
    border: 1px solid rgba(255,255,255,.76);
    border-radius: var(--dsc-card-radius, 18px);
    background: linear-gradient(145deg, rgba(255,255,255,.86), rgba(250,250,250,.68));
    box-shadow: 0 10px 28px rgba(28,32,36,.07), inset 0 1px 0 rgba(255,255,255,.92);
    backdrop-filter: blur(16px) saturate(145%);
    -webkit-backdrop-filter: blur(16px) saturate(145%);
    color: #24282c;
    font-family: inherit;
}
.dsc-widget::before {
    content:'';
    position:absolute;
    inset:0;
    z-index:0;
    border-radius:inherit;
    pointer-events:none;
    box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--dsc-accent) 18%,transparent), inset 0 0 22px color-mix(in srgb,var(--dsc-accent) 12%,transparent);
    opacity:.10;
    animation:dsc-attention-glow var(--dsc-motion-duration) ease-in-out infinite;
    will-change:opacity;
}
.dsc-widget *, .dsc-modal * { box-sizing: border-box; font-family: inherit; }
.dsc-widget-glow {
    position:absolute;
    z-index:0;
    width:72px;
    height:72px;
    right:4px;
    top:-18px;
    border-radius:50%;
    background:var(--dsc-accent-soft);
    filter:blur(16px);
    opacity:.42;
    pointer-events:none;
}
.dsc-widget-head, .dsc-widget-body, .dsc-details-trigger { position:relative; z-index:1; }
.dsc-widget-head { display:flex; align-items:center; min-width:0; gap:10px; }
.dsc-widget-icon {
    position:relative;
    width:38px;
    height:38px;
    flex:0 0 38px;
    display:grid;
    place-items:center;
    color:var(--dsc-accent);
    border-radius:12px;
    background:linear-gradient(145deg,var(--dsc-accent-soft),rgba(255,255,255,.78));
    border:1px solid color-mix(in srgb,var(--dsc-accent) 14%,transparent);
    box-shadow:0 5px 14px color-mix(in srgb,var(--dsc-accent) 10%,transparent);
}
.dsc-widget-icon::after {
    content:'';
    position:absolute;
    inset:-4px;
    border:1px solid color-mix(in srgb,var(--dsc-accent) 34%,transparent);
    border-radius:15px;
    opacity:0;
    transform:scale(.92);
    pointer-events:none;
    animation:dsc-icon-pulse var(--dsc-motion-duration) ease-out infinite;
    will-change:opacity,transform;
}
.dsc-widget-icon svg { width:21px; height:21px; }
@keyframes dsc-attention-glow {
    0%, 62%, 100% { opacity:.08; }
    74% { opacity:var(--dsc-glow-peak); }
    84% { opacity:.12; }
}
@keyframes dsc-icon-pulse {
    0%, 66%, 100% { opacity:0; transform:scale(.92); }
    74% { opacity:.42; transform:scale(1.08); }
    84% { opacity:0; transform:scale(1.16); }
}

.dsc-widget.is-glow-off::before { animation:none !important; opacity:0 !important; }
.dsc-widget.is-pulse-off .dsc-widget-icon::after { animation:none !important; opacity:0 !important; }
.dsc-widget.dsc-glow-medium { --dsc-glow-peak:.30; }
.dsc-widget.dsc-glow-high { --dsc-glow-peak:.40; }
.dsc-widget.dsc-motion-normal { --dsc-motion-duration:4.6s; }

.dsc-widget-title-wrap { min-width:0; flex:1 1 auto; display:flex; flex-direction:column; gap:1px; }
.dsc-widget-overline { color:color-mix(in srgb,var(--dsc-accent) 86%,#222); font-size:10px; font-weight:750; line-height:1.5; }
.dsc-widget-title { min-width:0; font-size:13px; font-weight:800; line-height:1.65; color:#22272b; overflow-wrap:anywhere; }
.dsc-live-dot { display:inline-flex; flex:0 0 auto; align-items:center; gap:5px; padding:5px 8px; border:1px solid rgba(32,145,86,.13); border-radius:999px; background:rgba(32,145,86,.07); color:#247847; font-size:9px; font-weight:800; white-space:nowrap; }
.dsc-live-dot i { width:6px; height:6px; border-radius:50%; background:#2b9b5d; box-shadow:0 0 0 3px rgba(43,155,93,.1); }
.dsc-widget-body { width:100%; margin-top:12px; padding:12px 13px; border:1px solid rgba(26,30,34,.055); border-radius:14px; background:rgba(255,255,255,.48); text-align:center; }
.dsc-widget p { margin:0; }
.dsc-countdown-line { width:100%; display:flex; align-items:center; justify-content:center; min-width:0; flex-wrap:wrap; gap:5px; color:#62696f; font-size:11px; line-height:1.9; text-align:center; }
.dsc-countdown { direction:ltr; display:inline-flex; flex:0 0 auto; align-items:center; justify-content:center; min-width:82px; padding:3px 8px; border-radius:9px; color:var(--dsc-accent); background:var(--dsc-accent-soft); font-size:12px; font-variant-numeric:tabular-nums; letter-spacing:.02em; }
.dsc-countdown--human { direction:rtl; unicode-bidi:isolate; min-width:0; white-space:nowrap; letter-spacing:0; }
.dsc-handoff-line { width:100%; margin-top:4px !important; color:#343a3f; font-size:11px; font-weight:500; line-height:2; overflow-wrap:anywhere; text-align:center; }
.dsc-handoff-line b, .dsc-handoff-line strong { color:#202428; font-weight:800; }
.dsc-handoff-line strong { color:var(--dsc-accent); }
.dsc-closed-state { width:100%; display:grid; justify-items:center; gap:5px; text-align:center; }
.dsc-closed-state[hidden] { display:none !important; }
.dsc-closed-state > strong { color:color-mix(in srgb,var(--dsc-accent) 88%,#2a2e32); font-size:12px; font-weight:850; line-height:1.8; }
.dsc-closed-state p { width:100%; color:#4f565c; font-size:11px; line-height:1.9; text-align:center; }
.dsc-closed-state b, .dsc-closed-state strong { color:var(--dsc-accent); font-weight:850; }
.dsc-widget .dsc-details-trigger {
    appearance:none;
    -webkit-appearance:none;
    width:100% !important;
    max-width:none;
    min-width:0;
    min-height:44px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    margin:12px 0 0 !important;
    padding:8px 14px;
    border:1px solid color-mix(in srgb,var(--dsc-accent) 18%,transparent);
    border-radius:var(--dsc-button-radius, 16px) !important;
    background:linear-gradient(135deg,color-mix(in srgb,var(--dsc-accent) 14%,white),color-mix(in srgb,var(--dsc-accent) 7%,white));
    box-shadow:0 7px 20px color-mix(in srgb,var(--dsc-accent) 7%,transparent), inset 0 1px 0 rgba(255,255,255,.84);
    color:color-mix(in srgb,var(--dsc-accent) 90%,#202428);
    cursor:pointer;
    font-family:inherit;
    font-size:11px;
    font-weight:850;
    line-height:1.35;
    text-align:center;
}
.dsc-widget .dsc-details-trigger:hover,
.dsc-widget .dsc-details-trigger:focus-visible {
    color:var(--dsc-accent);
    border-color:color-mix(in srgb,var(--dsc-accent) 26%,transparent);
    background:linear-gradient(135deg,color-mix(in srgb,var(--dsc-accent) 18%,white),color-mix(in srgb,var(--dsc-accent) 9%,white));
    outline:none;
}
.dsc-widget .dsc-details-trigger svg { flex:0 0 auto; width:15px; height:15px; }
.dsc-widget .dsc-details-trigger .dsc-details-arrow { width:12px; height:12px; transform:rotate(180deg); opacity:.72; }
.dsc-widget .dsc-details-trigger .dsc-details-clock { color:var(--dsc-accent); }
.dsc-modal[hidden] { display:none !important; }
.dsc-modal { position:fixed; inset:0; z-index:999999; display:grid; place-items:center; padding:18px; font-family:inherit; }
.dsc-modal-backdrop { position:absolute; inset:0; background:rgba(18,20,22,.32); backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px); }
.dsc-modal-panel { --dsc-accent: var(--wd-primary-color, var(--e-global-color-primary, #f05229)); position:relative; width:min(520px,100%); max-height:min(680px,88vh); overflow:auto; border:1px solid rgba(255,255,255,.78); border-radius:22px; background:linear-gradient(145deg,rgba(255,255,255,.94),rgba(249,249,249,.86)); box-shadow:0 28px 90px rgba(11,14,17,.22), inset 0 1px 0 rgba(255,255,255,.95); backdrop-filter:blur(22px) saturate(150%); -webkit-backdrop-filter:blur(22px) saturate(150%); padding:18px; outline:0; }
.dsc-modal-head { display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding-bottom:14px; border-bottom:1px solid rgba(28,32,36,.07); }
.dsc-modal-head h3 { margin:3px 0 0; color:#202428; font:inherit; font-size:17px; font-weight:850; line-height:1.6; }
.dsc-modal .dsc-modal-close {
    appearance:none !important;
    -webkit-appearance:none !important;
    position:relative;
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
    min-height:38px !important;
    flex:0 0 38px;
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    border:1px solid color-mix(in srgb,var(--dsc-accent) 17%,rgba(28,32,36,.05)) !important;
    border-radius:14px !important;
    background:linear-gradient(145deg,color-mix(in srgb,var(--dsc-accent) 10%,white),rgba(255,255,255,.9)) !important;
    color:var(--dsc-accent) !important;
    cursor:pointer;
    box-shadow:0 6px 16px color-mix(in srgb,var(--dsc-accent) 8%,transparent), inset 0 1px 0 rgba(255,255,255,.92) !important;
    line-height:1 !important;
    text-indent:-9999px;
    overflow:hidden;
}
.dsc-modal-close::before,
.dsc-modal-close::after {
    content:'';
    position:absolute;
    left:50%;
    top:50%;
    width:14px;
    height:2px;
    border-radius:999px;
    background:currentColor;
    transform-origin:center;
    pointer-events:none;
}
.dsc-modal-close::before { transform:translate(-50%,-50%) rotate(45deg); }
.dsc-modal-close::after { transform:translate(-50%,-50%) rotate(-45deg); }
.dsc-modal .dsc-modal-close:hover,
.dsc-modal .dsc-modal-close:focus-visible {
    background:color-mix(in srgb,var(--dsc-accent) 14%,white) !important;
    outline:none;
}
.dsc-modal-list { display:grid; gap:9px; margin-top:13px; }
.dsc-service-row { display:grid; grid-template-columns:38px minmax(0,1fr) auto; align-items:center; gap:10px; padding:11px; border:1px solid rgba(28,32,36,.06); border-radius:14px; background:rgba(255,255,255,.58); }
.dsc-service-row-mark { width:36px; height:36px; display:grid; place-items:center; border-radius:11px; color:var(--dsc-accent); background:color-mix(in srgb,var(--dsc-accent) 9%,white); }
.dsc-service-row-mark svg { width:20px; height:20px; }
.dsc-service-row-main { display:flex; min-width:0; flex-direction:column; gap:2px; }
.dsc-service-row-main strong { color:#282d31; font-size:12px; font-weight:850; }
.dsc-service-row-main span { color:#7b8288; font-size:10px; line-height:1.7; }
.dsc-service-row-eta { display:flex; flex-direction:column; align-items:flex-end; gap:2px; text-align:left; white-space:nowrap; }
.dsc-service-row-eta span { color:#91979c; font-size:9px; }
.dsc-service-row-eta b { color:#33383d; font-size:10px; font-weight:800; }
.dsc-modal-note { margin:12px 2px 0 !important; color:#92989d; font-size:9px; line-height:1.9; }
.dsc-modal-open { overflow:hidden; }
@supports not (color: color-mix(in srgb, red 10%, transparent)) {
    .dsc-widget { --dsc-accent-soft: rgba(240,82,41,.10); }
    .dsc-widget-icon { border-color:rgba(240,82,41,.14); }
    .dsc-widget-overline { color:var(--dsc-accent); }
    .dsc-service-row-mark { background:#fff3ef; }
}
@supports not ((backdrop-filter:blur(2px)) or (-webkit-backdrop-filter:blur(2px))) {
    .dsc-widget, .dsc-modal-panel { background:#fff; }
    .dsc-modal-backdrop { background:rgba(18,20,22,.45); }
}

.dsc-simultaneous-badge {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    max-width:100%;
    margin-top:8px;
    padding:4px 9px;
    border:1px solid color-mix(in srgb,var(--dsc-accent) 14%,transparent);
    border-radius:999px;
    background:color-mix(in srgb,var(--dsc-accent) 7%,white);
    color:color-mix(in srgb,var(--dsc-accent) 88%,#2a2e32);
    font-size:9.5px;
    font-weight:800;
    line-height:1.5;
    text-align:center;
}
.dsc-simultaneous-badge[hidden] { display:none !important; }
@media (max-width:767px) { .dsc-hide-mobile { display:none !important; } }
@media (min-width:768px) { .dsc-hide-desktop { display:none !important; } }

@media (max-width:520px) {
    .dsc-widget { width:100%; max-width:100%; min-width:0; margin-top:12px; border-radius:var(--dsc-card-radius,16px); padding:15px 14px 13px; }
    .dsc-widget-head { gap:9px; justify-content:center; }
    .dsc-widget-title-wrap { flex:0 1 auto; text-align:center; }
    .dsc-widget-overline, .dsc-widget-title { width:100%; text-align:center; }
    .dsc-widget-body, .dsc-countdown-line, .dsc-handoff-line, .dsc-closed-state, .dsc-closed-state p { width:100%; text-align:center; }
    .dsc-widget-icon { width:36px; height:36px; flex-basis:36px; }
    .dsc-live-dot { display:none; }
    .dsc-widget-body { margin-top:11px; padding:11px 12px; }
    .dsc-widget .dsc-details-trigger { width:100% !important; min-height:44px; padding:8px 12px; border-radius:var(--dsc-button-radius,15px) !important; }
    .dsc-modal { align-items:end; padding:10px; }
    .dsc-modal-panel { width:100%; max-width:100%; border-radius:20px; max-height:86vh; }
    .dsc-service-row { grid-template-columns:34px minmax(0,1fr); }
    .dsc-service-row-eta { grid-column:2; align-items:flex-start; text-align:right; flex-direction:row; flex-wrap:wrap; gap:5px; }
}
@media (max-width:360px) {
    .dsc-widget { padding:13px 12px 12px; }
    .dsc-widget-title { font-size:12px; }
    .dsc-countdown-line, .dsc-handoff-line { font-size:10.5px; }
    .dsc-countdown { min-width:76px; font-size:11px; }
}
@media (prefers-reduced-motion: reduce) {
    .dsc-widget *, .dsc-modal * { transition:none !important; animation:none !important; }
    .dsc-widget::before, .dsc-widget-icon::after { animation:none !important; }
    .dsc-widget::before { opacity:.10; }
    .dsc-widget-icon::after { opacity:0; transform:none; }
}

/* v0.1.6 emergency + checkout promise */
.dsc-emergency-state {
    width:100%;
    display:grid;
    justify-items:center;
    gap:5px;
    padding:2px 0;
    text-align:center;
}
.dsc-emergency-state[hidden] { display:none !important; }
.dsc-emergency-kicker {
    display:inline-flex;
    align-items:center;
    min-height:24px;
    padding:3px 9px;
    border:1px solid color-mix(in srgb,var(--dsc-accent) 16%,transparent);
    border-radius:999px;
    background:color-mix(in srgb,var(--dsc-accent) 8%,white);
    color:var(--dsc-accent);
    font-size:9.5px;
    font-weight:850;
}
.dsc-emergency-state > strong { color:#25292d; font-size:12px; line-height:1.8; font-weight:850; }
.dsc-emergency-state p { width:100%; color:#62696f; font-size:11px; line-height:1.9; text-align:center; }

.dsc-checkout-card {
    --dsc-accent: var(--wd-primary-color, var(--e-global-color-primary, #f05229));
    position:relative;
    overflow:hidden;
    width:100%;
    max-width:100%;
    margin:12px 0 0;
    padding:13px 14px;
    border:1px solid color-mix(in srgb,var(--dsc-accent) 13%,rgba(255,255,255,.78));
    border-radius:16px;
    background:linear-gradient(145deg,rgba(255,255,255,.88),color-mix(in srgb,var(--dsc-accent) 5%,rgba(255,255,255,.72)));
    box-shadow:0 8px 22px rgba(28,32,36,.055), inset 0 1px 0 rgba(255,255,255,.92);
    backdrop-filter:blur(14px) saturate(135%);
    -webkit-backdrop-filter:blur(14px) saturate(135%);
    color:#292d31;
    font-family:inherit;
    text-align:right;
}
.dsc-checkout-card::before {
    content:'';
    position:absolute;
    width:90px;
    height:90px;
    left:-36px;
    top:-46px;
    border-radius:50%;
    background:color-mix(in srgb,var(--dsc-accent) 10%,transparent);
    filter:blur(18px);
    pointer-events:none;
}
.dsc-checkout-card *, .dsc-checkout-card *::before, .dsc-checkout-card *::after { box-sizing:border-box; font-family:inherit; }
.dsc-checkout-card-head { position:relative; display:flex; align-items:center; gap:9px; }
.dsc-checkout-card-icon {
    width:34px;
    height:34px;
    flex:0 0 34px;
    display:grid;
    place-items:center;
    border-radius:11px;
    color:var(--dsc-accent);
    background:color-mix(in srgb,var(--dsc-accent) 8%,white);
    border:1px solid color-mix(in srgb,var(--dsc-accent) 12%,transparent);
}
.dsc-checkout-card-icon svg { width:19px; height:19px; }
.dsc-checkout-card-head > div { min-width:0; display:flex; flex-direction:column; gap:1px; }
.dsc-checkout-card-head span { color:color-mix(in srgb,var(--dsc-accent) 84%,#383d42); font-size:9.5px; font-weight:800; }
.dsc-checkout-card-head strong { color:#24282c; font-size:12px; font-weight:850; line-height:1.7; }
.dsc-checkout-cycle { position:relative; display:grid; gap:6px; margin-top:10px; padding-top:9px; border-top:1px solid rgba(28,32,36,.055); }
.dsc-checkout-carrier { justify-self:start; display:inline-flex; min-height:25px; align-items:center; padding:3px 9px; border-radius:999px; background:color-mix(in srgb,var(--dsc-accent) 9%,white); color:var(--dsc-accent); font-size:10px; font-weight:850; }
.dsc-checkout-cycle p { display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin:0; color:#71777d; font-size:10.5px; line-height:1.8; }
.dsc-checkout-cycle p b { color:#30353a; font-size:10.5px; font-weight:800; text-align:left; }
.dsc-checkout-card.is-emergency { border-color:color-mix(in srgb,var(--dsc-accent) 20%,transparent); }
.dsc-checkout-emergency-message { position:relative; margin:10px 0 0; padding-top:9px; border-top:1px solid rgba(28,32,36,.055); color:#555d63; font-size:11px; font-weight:650; line-height:1.9; text-align:center; }
@media (max-width:480px) {
    .dsc-checkout-card { padding:12px; border-radius:15px; }
    .dsc-checkout-cycle p { align-items:center; flex-direction:column; gap:1px; text-align:center; }
    .dsc-checkout-cycle p b { text-align:center; }
    .dsc-checkout-carrier { justify-self:center; }
}

/* v0.1.7 checkout clarity */
.dsc-checkout-card-head {
    justify-content:center;
    text-align:center;
}
.dsc-checkout-card-head > div {
    align-items:center;
    text-align:center;
}
.dsc-checkout-cycle {
    text-align:center;
}
.dsc-checkout-cycle p {
    width:100%;
}


/* v0.1.8 optional checkout kicker badge */
.dsc-checkout-card-head {
    display:grid;
    grid-template-columns:34px minmax(0,1fr) 34px;
    align-items:center;
    gap:9px;
}
.dsc-checkout-card-head::after {
    content:'';
    width:34px;
    height:1px;
}
.dsc-checkout-card-head > div {
    grid-column:2;
    min-width:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:5px;
    text-align:center;
}
.dsc-checkout-card-icon {
    grid-column:1;
    grid-row:1;
}
.dsc-checkout-kicker {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:max-content;
    max-width:100%;
    min-height:22px;
    padding:2px 9px;
    border:1px solid color-mix(in srgb,var(--dsc-accent) 14%,transparent);
    border-radius:999px;
    background:color-mix(in srgb,var(--dsc-accent) 7%,rgba(255,255,255,.82));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.88);
    color:color-mix(in srgb,var(--dsc-accent) 88%,#373c40) !important;
    font-size:9px !important;
    font-weight:850 !important;
    line-height:1.5;
    white-space:nowrap;
}
@media (max-width:480px) {
    .dsc-checkout-card-head { grid-template-columns:32px minmax(0,1fr) 32px; gap:7px; }
    .dsc-checkout-card-head::after { width:32px; }
    .dsc-checkout-kicker { min-height:21px; padding:2px 8px; }
}


/* v0.1.9 adaptive long countdown + compact checkout relative time */
.dsc-checkout-cycle .dsc-checkout-relative {
    justify-content:center;
    gap:6px;
    margin-top:2px;
    padding-top:7px;
    border-top:1px dashed color-mix(in srgb,var(--dsc-accent) 14%,rgba(28,32,36,.06));
    color:#737a80;
    text-align:center;
}
.dsc-checkout-cycle .dsc-checkout-relative b {
    color:color-mix(in srgb,var(--dsc-accent) 88%,#2f3439);
    white-space:nowrap;
}
@media (max-width:480px) {
    .dsc-checkout-cycle .dsc-checkout-relative {
        flex-direction:row;
        align-items:baseline;
        justify-content:center;
        gap:5px;
    }
}
