.dc-direct-checkout{scroll-margin-top:110px}
.dc-direct-view #cart-float{display:none!important}
.dc-direct-checkout [hidden]{display:none!important}
.dc-direct-picker{background:#fff;border:1px solid #dce7ed;border-radius:24px;padding:24px;box-shadow:0 14px 34px -28px #244550}
.dc-direct-head{display:flex;gap:12px;align-items:flex-start}
.dc-direct-step{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:#183b48;color:#fff;font-size:15px;font-weight:700}
.dc-direct-head h3{font-size:21px;line-height:1.25;letter-spacing:-.45px;margin:2px 0 7px;color:#18323c}
.dc-direct-head p{font-size:13px;line-height:1.65;color:#546974;margin:0}
.dc-direct-orientation{display:flex;justify-content:space-between;gap:20px;font-size:10px;line-height:1.4;color:#516a7a;margin:22px 3px 0}
.dc-direct-orientation span:last-child{text-align:right}
.dc-direct-board{--tooth-scale:1;position:relative;width:100%;height:420px;border:1px solid #d3e6f4;border-radius:22px;background:radial-gradient(ellipse at 50% 47%,#fff 12%,#f3faff 55%,#e4f1fc 100%);margin:10px 0 16px;isolation:isolate}
.dc-direct-board:before{content:'';position:absolute;inset:10% 7% 13%;border:7px solid #c4e0f04a;border-radius:50%;pointer-events:none}
.dc-direct-jaw{position:absolute;left:50%;transform:translateX(-50%);color:#467187;text-align:center;font-size:11px;line-height:1.4;font-weight:750;letter-spacing:.12em;text-transform:uppercase;width:80%;pointer-events:none}
.dc-direct-upper{top:43%}.dc-direct-lower{top:54%}
.dc-direct-tooth{position:absolute;left:var(--x);top:var(--y);width:calc(var(--w)*var(--tooth-scale)*1px);height:calc(var(--h)*var(--tooth-scale)*1px);transform:translate(-50%,-50%) rotate(var(--rot));padding:2px;border:1px solid transparent;border-radius:13px;background:transparent;cursor:pointer;touch-action:manipulation;overflow:visible;transition:background .15s,box-shadow .15s;z-index:1;font-family:inherit}
.dc-direct-tooth img{width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 3px 3px #24547b33)}
.dc-direct-tooth span{position:absolute;bottom:-15px;left:50%;transform:translateX(-50%) rotate(calc(var(--rot)*-1));padding:1px 3px;min-width:20px;border-radius:5px;background:#ffffffeb;color:#35526a;font-size:10px;font-weight:650;line-height:1.4;pointer-events:none}
.dc-direct-tooth:hover{background:#d8eaf8a8}
.dc-direct-tooth:focus-visible{outline:3px solid #165c87;outline-offset:3px;z-index:3}
.dc-direct-tooth[aria-pressed=true]{background:#ffe0de;border-color:#dc5a54;box-shadow:0 0 0 3px #f59b942e;z-index:2}
.dc-direct-tooth[aria-pressed=true] img{filter:sepia(.55) saturate(2.7) hue-rotate(310deg) drop-shadow(0 2px 3px #b13c3640)}
.dc-direct-tooth[aria-pressed=true] span{background:#bd332e;color:#fff}
.dc-direct-tooth:disabled{opacity:.25;cursor:default;pointer-events:none}
.dc-direct-selection{display:flex;gap:8px;justify-content:space-between;align-items:center;flex-wrap:wrap}
#dc-direct-status{margin:0;font-size:13px;line-height:1.5;font-weight:700;color:#4d6470}
#dc-direct-status.is-ready{color:#276346}
.dc-direct-checkout .dc-direct-link{border:0;background:transparent;color:#335d70;text-decoration:underline;text-underline-offset:4px;font:600 12px/1.5 inherit;font-family:inherit;font-size:12px;font-weight:600;line-height:1.5;cursor:pointer;padding:10px 0;min-height:40px;text-align:left}
#dc-direct-selection-note,#dc-direct-error,#dc-direct-empty,#dc-direct-pack-note{font-size:12px;line-height:1.65;color:#536a74;margin:9px 0 0}
#dc-direct-error:empty,#dc-direct-selection-note:empty{display:none}
#dc-direct-error,#dc-direct-selection-note.is-error{color:#a3312f}
#dc-direct-empty{padding:16px;text-align:center}
.dc-direct-checkout .dc-direct-action{background:#183b48;color:#fff;border:1px solid #183b48;border-radius:12px;font-family:inherit;font-size:13px;font-weight:650;line-height:1.6;min-height:46px;padding:11px 17px;cursor:pointer;margin-top:14px;max-width:100%;text-align:center}
.dc-direct-action:hover{background:#295365}
.dc-direct-action:focus-visible{outline:3px solid #4c91b5;outline-offset:3px}
#dc-direct-next{display:flex;justify-content:space-between;gap:20px;width:100%}
#dc-direct-measurements{margin-top:30px;scroll-margin-top:110px}
.dc-direct-measure-actions{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:8px 0}
.dc-direct-gap{background:#fff;border:1px solid #dce7ed;border-radius:21px;padding:20px;margin:14px 0;min-width:0}
.dc-direct-gap>header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}
.dc-direct-gap h4{display:flex;gap:8px;align-items:center;font-size:17px;line-height:1.5;margin:0;color:#18323c;font-weight:700}
.dc-direct-gap-number{display:grid;place-items:center;width:29px;height:29px;background:#e9f1f2;color:#234b57;border-radius:9px;font-size:15px;flex:none}
.dc-direct-codes{font-size:11px;line-height:1.5;color:#667c88;white-space:nowrap}
.dc-direct-measure-grid{display:grid;grid-template-columns:minmax(0,1fr) 158px;gap:18px;align-items:center}
.dc-direct-width-area{min-width:0}
.dc-direct-width-area>label{font-size:13px;font-weight:650;line-height:1.5;color:#264552;display:block;margin-bottom:8px}
.dc-direct-width-control{display:flex;gap:8px;align-items:center;font-size:15px;color:#526a74}
.dc-checkout-view .dc-direct-width-control input{width:110px;min-width:0;padding:12px 10px;font-size:22px;font-weight:650;text-align:center}
.dc-direct-width-area button{border:0;background:transparent;text-decoration:underline;text-underline-offset:4px;color:#335d70;cursor:pointer;font-family:inherit;font-size:12px;line-height:1.5;padding:12px 0;text-align:left;min-height:44px}
.dc-direct-width-area input[aria-invalid=true]{border-color:#a3312f;box-shadow:0 0 0 2px #a3312f18}
.dc-direct-field-error{color:#a3312f;font-size:12px;line-height:1.5;margin:6px 0}
.dc-direct-field-error:empty{display:none}
.dc-direct-unsupported{border-color:#be7370}
@media(max-width:1150px) and (min-width:951px){.dc-direct-board{--tooth-scale:.83}.dc-direct-measure-grid{grid-template-columns:minmax(0,1fr) 125px;gap:12px}}
@media(max-width:600px){.dc-direct-picker{padding:18px 14px;border-radius:20px}.dc-direct-head h3{font-size:19px}.dc-direct-board{--tooth-scale:.76;height:395px}.dc-direct-measure-grid{grid-template-columns:minmax(0,1fr)}.dc-direct-gap{padding:15px}.dc-direct-width-area{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px}.dc-direct-width-area>label{grid-column:1/-1}.dc-direct-width-control{grid-column:1;grid-row:2}.dc-direct-width-area button{grid-column:2;grid-row:2;max-width:120px}.dc-direct-field-error{grid-column:1/-1;grid-row:3}.dc-direct-orientation{font-size:9px}}
@media(max-width:390px){.dc-direct-picker{padding:17px 10px}.dc-direct-board{--tooth-scale:.61;height:385px}.dc-direct-jaw{font-size:10px;letter-spacing:.08em}.dc-direct-head{gap:9px}.dc-direct-head h3{font-size:19px}.dc-direct-step{width:28px;height:28px}.dc-direct-tooth span{font-size:9px;min-width:17px;padding:1px 2px}.dc-direct-width-area button{max-width:95px}}
@media(prefers-reduced-motion:reduce){.dc-direct-tooth{transition:none}}