.dd-anatomy-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:28px;align-items:start}.dd-anatomy-visual,.dd-anatomy-panel{background:#fff;border:1px solid var(--dd-border);border-radius:26px;box-shadow:var(--dd-shadow)}.dd-anatomy-visual{padding:22px}.dd-master-door{position:relative;background:linear-gradient(180deg,#f8fbff,#eef5fb);border:1px solid var(--dd-border);border-radius:22px;padding:16px;overflow:hidden}.dd-master-door svg{width:100%;display:block}.an-outside-frame{fill:#f2f5f8;stroke:#9fb4c8;stroke-width:4}.an-frame{fill:#fff;stroke:#123c69;stroke-width:8}.an-door-slab{fill:#a96535;stroke:#fff;stroke-width:5}.an-sidelite{fill:#d8eef8;stroke:#fff;stroke-width:5}.an-glass{fill:#c8e3f0;stroke:#fff;stroke-width:4}.an-panel{fill:none;stroke:rgba(255,255,255,.45);stroke-width:4}.an-mull{stroke:#123c69;stroke-width:8;opacity:.55}.an-knob{fill:#f2b705;stroke:#1b2733;stroke-width:2}.an-threshold{fill:#9aa8b5}.an-sweep{fill:#1f2933}.an-hinge{fill:#0c2b4d}.an-hotspot{position:absolute;width:34px;height:34px;border-radius:50%;border:3px solid #fff;background:#123c69;color:#fff;font-weight:900;box-shadow:0 8px 18px rgba(15,39,64,.22);cursor:pointer;transition:.18s ease}.an-hotspot:hover,.an-hotspot.active{background:#f2b705;color:#1b2733;transform:scale(1.08)}.an-1{left:50%;top:8%}.an-2{left:8%;top:37%}.an-3{left:49%;top:48%}.an-4{left:67%;top:44%}.an-5{left:50%;top:79%}.an-6{left:66%;top:78%}.an-7{left:66%;top:25%}.an-8{left:26%;top:40%}.an-9{left:44%;top:23%}.an-10{left:56%;top:45%}.an-11{left:32%;top:78%}.an-12{left:50%;top:16%}.dd-anatomy-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}.dd-anatomy-tabs button{display:flex;align-items:center;gap:9px;border:1px solid var(--dd-border);background:#fff;color:var(--dd-blue-dark);font-weight:900;border-radius:12px;padding:11px 12px;cursor:pointer;text-align:left}.dd-anatomy-tabs button span{width:26px;height:26px;border-radius:50%;background:var(--dd-blue);color:#fff;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;font-size:.82rem}.dd-anatomy-tabs button:hover,.dd-anatomy-tabs button.active{border-color:var(--dd-gold);background:#fff8df}.dd-anatomy-panel{overflow:hidden;position:sticky;top:86px}.dd-anatomy-panel-media{background:#f4f8fc;border-bottom:1px solid var(--dd-border);padding:18px;text-align:center}.dd-anatomy-panel-media img{max-width:100%;max-height:330px;object-fit:contain;border-radius:14px}.dd-anatomy-panel-body{padding:24px}.dd-anatomy-panel-body h3{color:var(--dd-blue-dark);font-weight:900;font-size:clamp(1.8rem,3vw,2.5rem);margin:0 0 10px}.dd-anatomy-benefits{margin-top:20px}.dd-anatomy-benefits h4,.dd-anatomy-tip strong{display:block;color:var(--dd-blue-dark);font-weight:900;text-transform:uppercase;letter-spacing:.04em;font-size:.92rem;margin-bottom:10px}.dd-anatomy-benefits ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}.dd-anatomy-benefits li{position:relative;padding-left:28px;line-height:1.45}.dd-anatomy-benefits li:before{content:"✓";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;background:var(--dd-blue);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:900}.dd-anatomy-tip{background:#fff4d7;border:1px solid #f5d37a;border-radius:16px;padding:16px;margin-top:22px}@media(max-width:991px){.dd-anatomy-layout{grid-template-columns:1fr}.dd-anatomy-panel{position:relative;top:auto}}@media(max-width:767px){.dd-anatomy-tabs{grid-template-columns:1fr}.an-hotspot{width:30px;height:30px;font-size:.8rem}}