.implant-design-page { background:#f6f8fb; }
.implant-design-header { display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:1280px;margin:auto;padding:24px 22px;border-bottom:1px solid #dce3ed; }
.implant-design-header img { width:210px;max-width:100%; }
.implant-design-header nav { display:flex;align-items:center;gap:24px;font-size:14px;font-weight:750; }
.implant-design-header nav a { color:#172744; }
.implant-design-header button { min-height:46px;border:0;border-radius:8px;background:#c8102e;color:#fff;padding:12px 18px;font-weight:750; }
.implant-design-header b { display:inline-block;border-radius:20px;background:#fff;color:#c8102e;padding:3px 7px;margin-left:6px; }
.implant-design-intro { display:grid;grid-template-columns:1.5fr 1fr;gap:70px;align-items:center;margin:38px 0; }
.implant-design-intro h1 { font:700 clamp(36px,4vw,54px)/1.08 Georgia,serif;color:#172744;margin:12px 0 20px; }
.implant-design-intro p,.implant-design-description p { color:#53637c;line-height:1.65; }
.implant-design-intro aside { padding:25px 28px;border:1px solid #d9e2ec;border-left:4px solid #c8102e;border-radius:10px;background:#fff; }
.implant-design-intro aside strong { font-size:17px; }.implant-design-intro aside p { margin:8px 0 0;font-size:14px; }
.implant-design-tabs { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px; }
.implant-design-tabs button { display:flex;align-items:center;gap:14px;text-align:left;padding:20px 18px;background:white;color:#172744;border:1px solid #d3dce8;border-radius:12px;min-height:92px; }
.implant-design-tabs b { display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;background:#f2f5fa;border-radius:8px;font-size:21px; }
.implant-design-tabs span { font-size:16px;font-weight:750; }.implant-design-tabs small { display:block;margin-top:5px;color:#637089;font-size:12px;font-weight:500; }
.implant-design-tabs button[aria-selected="true"] { border:2px solid #c8102e;padding:19px 17px;box-shadow:0 5px 18px #1829420c; }.implant-design-tabs button[aria-selected="true"] b { background:#fff0f3;color:#c8102e; }
.implant-design-tabs button:focus-visible,.implant-workbench-models button:focus-visible { outline:3px solid #172744;outline-offset:3px; }
.implant-design-description { display:flex;justify-content:space-between;gap:45px;margin:36px 0; }.implant-design-description h2 { font:700 28px Georgia,serif;color:#172744; }.implant-design-description>div { max-width:720px; }.implant-design-description p { font-size:14px; }
.implant-design-persistence { align-self:center;flex:0 0 240px;border:1px solid #dce3ed;border-radius:8px;background:#fff;padding:14px 18px; }
.implant-design-page .implant-builder-bar { position:sticky;bottom:16px;z-index:5;box-shadow:0 10px 30px #17274424; }
.implant-workbench-models { display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:18px; }
.implant-workbench-models[hidden],.implant-workbench-help[hidden] { display:none; }
.implant-workbench-models button { display:flex;flex-direction:column;align-items:center;gap:6px;border:1px solid #d5dfea;border-radius:12px;padding:14px 12px;background:#fff;color:#172744;min-width:0; }
.implant-workbench-models img { height:130px;width:100%;object-fit:contain; }.implant-workbench-models strong { font-size:18px; }.implant-workbench-models small { font-size:11px;line-height:1.4;min-height:32px; }.implant-workbench-models span { font-size:12px;font-weight:750;padding:4px 8px;border-radius:5px;background:#f3f6fa; }
.implant-workbench-models button[aria-pressed="true"] { border:2px solid #c8102e;padding:13px 11px; }.implant-workbench-models button[aria-pressed="true"] span { background:#fff0f3;color:#c8102e; }
.implant-workbench-help { margin:0 0 22px;color:#53637c;font-size:14px; }
[data-layout="b"] .model-tabs { display:none; }
[data-layout="b"] .implant-model-grid { grid-template-columns:1fr; }
[data-layout="b"] .implant-model-card[data-workbench-current="false"] { display:none; }
[data-layout="b"] .implant-card-top { grid-template-columns:230px minmax(0,1fr);min-height:200px; }
[data-layout="b"] .implant-model-photo { min-height:200px; }[data-layout="b"] .implant-model-photo img { height:180px; }
[data-layout="c"] .implant-model-grid { grid-template-columns:1fr;gap:18px; }
[data-layout="c"] .implant-card-top { grid-template-columns:130px minmax(0,1fr);min-height:140px; }
[data-layout="c"] .implant-model-photo { min-height:140px;padding:12px; }[data-layout="c"] .implant-model-photo img { height:115px; }[data-layout="c"] .implant-model-photo>span { display:none; }
[data-layout="c"] .implant-model-copy { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 20px;padding:20px 22px; }
[data-layout="c"] .implant-model-copy>p.eyebrow { display:none; }[data-layout="c"] .implant-model-copy h2 { font-size:25px;margin:0; }[data-layout="c"] .implant-model-copy h3 { grid-column:1;margin:0;font-size:13px; }
[data-layout="c"] .implant-connection { grid-column:1;margin:0; }[data-layout="c"] .implant-model-price { grid-column:2;grid-row:1;margin:0; }[data-layout="c"] .implant-promo { grid-column:2;grid-row:2;align-self:start; }
[data-layout="c"] .order-mode-switch { grid-column:1 / -1;max-width:390px;margin-top:7px; }[data-layout="c"] .implant-model-actions { grid-column:2;grid-row:3;margin:0; }
[data-layout="c"] .implant-quick-order { grid-column:1 / -1; }
.implant-design-footer { display:flex;justify-content:space-between;align-items:center;gap:24px;padding:30px 0;margin:20px 0;color:#53637c;font-size:13px; }
.implant-demo-dialog { width:min(550px,calc(100% - 24px));max-height:85vh;border:1px solid #d5deea;border-radius:15px;padding:24px;color:#172744;overflow:auto; }.implant-demo-dialog::backdrop { background:#0b1b37a8; }
.implant-demo-dialog header { display:flex;align-items:start;justify-content:space-between;gap:16px; }.implant-demo-dialog header h2 { font:700 28px Georgia,serif;margin:4px 0 16px; }.implant-demo-dialog header button { width:44px;height:44px;background:#f3f6fa;border:1px solid #d5deea;border-radius:50%;font-size:28px; }
.implant-demo-dialog>p { color:#53637c;font-size:13px; }.implant-demo-dialog article { display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid #e0e6ef; }.implant-demo-dialog article img { width:75px;height:85px;object-fit:contain; }.implant-demo-dialog article strong { font-size:14px; }.implant-demo-dialog article p { font-size:12px;color:#53637c;margin:6px 0; }.implant-demo-dialog article span { font-size:13px;font-weight:750; }.implant-demo-dialog footer { padding-top:16px; }.implant-demo-dialog footer .button { width:100%; }
@media(max-width:850px) { .implant-design-intro { gap:25px;grid-template-columns:1fr; }.implant-design-intro aside { max-width:600px; }.implant-design-description { flex-direction:column;gap:8px; }.implant-design-persistence { flex:auto;align-self:stretch; }.implant-design-tabs button { gap:9px;padding:14px 12px; }.implant-design-tabs button[aria-selected="true"] { padding:13px 11px; }.implant-design-tabs span { font-size:14px; }.implant-workbench-models { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:620px) { .implant-design-header { align-items:start;flex-wrap:wrap;padding:18px; }.implant-design-header img { width:180px; }.implant-design-header nav { gap:16px;flex-wrap:wrap; }.implant-design-intro { margin-top:22px; }.implant-design-tabs { grid-template-columns:1fr;gap:9px; }.implant-design-tabs button { min-height:70px; }.implant-design-tabs small { margin-top:3px; }.implant-workbench-models { grid-template-columns:repeat(2,minmax(0,1fr)); }.implant-workbench-models img { height:105px; }[data-layout="b"] .implant-card-top,[data-layout="c"] .implant-card-top { grid-template-columns:100px minmax(0,1fr); }[data-layout="b"] .implant-model-photo,[data-layout="c"] .implant-model-photo { min-height:150px;padding:8px; }[data-layout="b"] .implant-model-photo img,[data-layout="c"] .implant-model-photo img { height:120px; }[data-layout="c"] .implant-model-copy { display:block;padding:16px 12px; }[data-layout="c"] .implant-model-copy>* { margin:5px 0; }[data-layout="c"] .implant-quick-order { margin-top:12px; }[data-layout="c"] .implant-model-actions { display:none; }.implant-design-footer { flex-direction:column;align-items:stretch; }.implant-design-page .implant-builder-bar { bottom:0; }.implant-demo-dialog { padding:18px; }.implant-demo-dialog header h2 { font-size:24px; } }
