/* Payment period cards follow the existing order-form layout. */
.dt-public.dt-public.dt-public .dt-cycle-list{display:flex;flex-direction:column;gap:12px;min-width:0;}
.dt-public.dt-public.dt-public .selection-card.dt-cycle-card{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding:16px 20px!important;min-height:75px!important;margin:0!important;width:100%!important;box-sizing:border-box!important;border:2px solid #e3e7ef!important;border-radius:14px!important;background:#fff!important;cursor:pointer;position:relative;overflow:hidden;}
.dt-public.dt-public.dt-public .selection-card.dt-cycle-card.active{border-color:#ff8418!important;background:#fff8f1!important;box-shadow:0 0 0 3px #ff841816!important;}
.dt-public.dt-public.dt-public .selection-card.dt-cycle-card.active:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#ff8418;}
.dt-cycle-card input[type=radio]{position:absolute;width:1px;height:1px;opacity:0;}
.dt-cycle-card:focus-within{outline:2px solid #ff8418;outline-offset:3px;}
.dt-cycle-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-width:0;}
.dt-cycle-radio{box-sizing:border-box;width:20px;height:20px;flex:0 0 20px;border:2px solid #cbd5e1;border-radius:50%;display:grid;place-items:center;}
.dt-cycle-radio:after{content:"";width:12px;height:12px;border-radius:50%;background:#f58210;opacity:0;}
.active .dt-cycle-radio{border-color:#ff8418;}.active .dt-cycle-radio:after{opacity:1;}
.dt-cycle-plan{font-size:13px;font-weight:800;line-height:1.4;letter-spacing:.15px;color:#64748b;}
.active .dt-cycle-plan{color:#bd4f00;}
.dt-cycle-discount{font-size:10px;font-weight:800;color:#fff;background:#00bf8b;border-radius:5px;padding:4px 10px;line-height:1.3;white-space:nowrap;}
.dt-public.dt-public.dt-public .dt-cycle-price{font-size:17px!important;font-weight:800!important;line-height:1.4!important;color:#69758c!important;white-space:nowrap;border:1px solid transparent;border-radius:15px;padding:7px 13px;background:#f2f4f8;}
.dt-public.dt-public.dt-public .active .dt-cycle-price{background:#fff0e2!important;border-color:#ffcc9e!important;color:#b45309!important;box-shadow:0 4px 12px #ff84181a;}
.dt-cycle-note{font-size:12px;line-height:1.7;color:#64748b;margin:14px 0 0;}
.dt-cycle-note[hidden]{display:none!important;}
.dt-public .dt-cart-price-inline{display:none!important;}
.dt-public #dt5-order.dt5-dialog{width:min(920px,calc(100vw - 32px));max-width:920px;box-sizing:border-box;padding:28px;max-height:90vh;overflow:auto;}
.dt-public #dt5-order .dt-cycle-list{margin-top:22px;}
.dt-public #dt5-order-title{font-size:23px;line-height:1.4;margin:0 36px 6px 0;}
.dt-public #dt5-order > p[hidden]{display:none!important;}
.dt-public #dt5-order-continue{display:flex;justify-content:center;align-items:center;width:100%;box-sizing:border-box;margin-top:20px;color:#111!important;-webkit-text-fill-color:#111!important;}
.dt-public #dt5-order-continue[aria-disabled=true]{opacity:.55;pointer-events:none;}
.dt-order-loading,.dt-order-error{font-size:14px;line-height:1.7;padding:18px 0;color:#64748b;}
.dt-order-error{color:#b91c1c;}
@media(max-width:650px){.dt-public.dt-public.dt-public .selection-card.dt-cycle-card{padding:13px 14px!important;gap:12px!important;flex-wrap:wrap;min-height:74px!important;}.dt-public.dt-public.dt-public .dt-cycle-price{font-size:14px!important;padding:7px 10px;margin-left:32px;}.dt-cycle-left{gap:10px}.dt-public #dt5-order.dt5-dialog{padding:22px 16px}.dt-public #dt5-order-title{font-size:20px}}

/* Keep configuration steps inside the order dialog and separate the domain gift from the footer. */
.dt-public #dt5-order [hidden]{display:none!important;}
.dt-order-embed{position:relative;margin-top:18px;width:100%;min-width:0;}
.dt-order-embed-frame{width:100%;height:clamp(340px,60vh,680px);border:0;display:block;background:#fff;border-radius:10px;}
.dt-order-embed-loader{position:absolute;inset:0;display:grid;place-items:center;background:#fff;color:#64748b;font-size:14px;}
.dt-public.dt-cart .cpd-page{padding-bottom:48px!important;}

/* Match the theme's primary orange action color in the order popup. */
.dt-public #dt5-order #dt5-order-continue,
.dt-public #dt5-order #dt5-order-continue:is(:hover,:focus,:focus-visible,:active){
 background:var(--dt-orange,#ff8418)!important;border:1px solid var(--dt-orange,#ff8418)!important;
 color:#111!important;-webkit-text-fill-color:#111!important;border-radius:10px!important;filter:none!important;
}
