.elementor-466 .elementor-element.elementor-element-64f11d7{--display:flex}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;line-height:1.6;color:#1f2937;background-color:#f9fafb}.graft-calculator-container{max-width:1400px;margin:0 auto;padding:20px;background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.calculator-header{text-align:center;margin-bottom:40px;padding-bottom:20px;border-bottom:2px solid #f3f4f6}.calculator-title{font-size:2.5rem;font-weight:800;color:#dc2626;margin-bottom:10px}.calculator-subtitle{font-size:1.1rem;color:#6b7280;max-width:600px;margin:0 auto}.calculator-main{display:grid;grid-template-columns:1fr 400px;gap:40px;align-items:start}.head-diagrams-section{display:flex;flex-direction:column;gap:30px}.diagrams-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.diagram-container{display:flex;flex-direction:column;align-items:center;gap:10px}.diagram-wrapper{position:relative;width:100%;max-width:300px;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:transform .2s ease}.diagram-wrapper:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.head-diagram{width:100%;height:auto;display:block}.area-overlay{position:absolute;border:3px solid transparent;border-radius:50%;cursor:pointer;transition:all .3s ease;background:rgba(220,38,38,.1);opacity:0}.area-overlay:hover{opacity:.7;border-color:#dc2626;background:rgba(220,38,38,.2)}.area-overlay.active{opacity:1;border-color:#dc2626;background:rgba(220,38,38,.3);box-shadow:0 0 0 2px rgba(220,38,38,.5)}[data-view=front] .area-2{top:15%;left:20%;width:25%;height:15%}[data-view=front] .area-3{top:15%;left:55%;width:25%;height:15%}[data-view=front] .area-4{top:30%;left:37.5%;width:25%;height:20%}[data-view=top] .area-2{top:45%;left:15%;width:20%;height:25%}[data-view=top] .area-3{top:25%;left:37.5%;width:25%;height:20%}[data-view=top] .area-4{top:45%;left:37.5%;width:25%;height:25%}[data-view=top] .area-5{top:25%;left:15%;width:20%;height:20%}[data-view=top] .area-6{top:25%;left:62.5%;width:22.5%;height:20%}[data-view=top] .area-7{top:70%;left:37.5%;width:25%;height:20%}[data-view=side] .area-2{top:25%;left:15%;width:20%;height:15%}[data-view=side] .area-3{top:20%;left:35%;width:20%;height:15%}[data-view=side] .area-4{top:35%;left:55%;width:20%;height:20%}[data-view=side] .area-5{top:25%;left:75%;width:20%;height:15%}[data-view=side] .area-6{top:55%;left:65%;width:25%;height:20%}[data-view=side] .area-7{top:75%;left:45%;width:30%;height:15%}[data-view=back] .area-4{top:15%;left:37.5%;width:25%;height:20%}[data-view=back] .area-5{top:35%;left:15%;width:25%;height:25%}[data-view=back] .area-6{top:35%;left:37.5%;width:25%;height:25%}[data-view=back] .area-7{top:60%;left:37.5%;width:25%;height:25%}.diagram-label{font-weight:600;color:#374151;font-size:.9rem}.area-buttons{text-align:center}.area-buttons h3{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:20px}.button-grid{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.area-btn{width:50px;height:50px;border:2px solid #d1d5db;background:#fff;color:#374151;font-size:1.2rem;font-weight:700;border-radius:8px;cursor:pointer;transition:all .2s ease}.area-btn:hover{border-color:#dc2626;background:#fef2f2;color:#dc2626;transform:translateY(-1px)}.area-btn.active{border-color:#dc2626;background:#dc2626;color:#fff;box-shadow:0 4px 8px rgba(220,38,38,.3)}.calculator-controls{background:#f9fafb;border-radius:16px;padding:30px;border:1px solid #e5e7eb;position:sticky;top:20px}.current-area-status{margin-bottom:30px}.current-area-status h3{font-size:1.3rem;font-weight:700;color:#1f2937;margin-bottom:20px;text-align:center}.hair-loss-slider{margin-bottom:30px}.slider-labels{display:flex;justify-content:space-between;margin-bottom:15px;font-size:.85rem;color:#6b7280}.slider-container{position:relative;margin-bottom:15px}.hair-loss-input{width:100%;height:8px;border-radius:4px;background:linear-gradient(to right,#dc2626 0%,#dc2626 0%,#e5e7eb 0%,#e5e7eb 100%);outline:none;-webkit-appearance:none;cursor:pointer}.hair-loss-input::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#dc2626;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 4px rgba(0,0,0,.2)}.hair-loss-input::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#dc2626;cursor:pointer;border:2px solid #fff;box-shadow:0 2px 4px rgba(0,0,0,.2)}.current-loss-display{text-align:center;font-weight:600;color:#dc2626;font-size:1.1rem}.results-section{display:flex;flex-direction:column;gap:25px}.graft-display{text-align:center;padding:25px;background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:12px;color:#fff}.graft-title{font-size:1.5rem;font-weight:800;margin-bottom:10px;letter-spacing:2px}.graft-number{font-size:3rem;font-weight:900;margin-bottom:5px}.graft-subtitle{font-size:.9rem;opacity:.9}.area-breakdown h4{font-size:1.2rem;font-weight:700;color:#1f2937;margin-bottom:15px}.area-list{display:flex;flex-direction:column;gap:10px}.area-item{display:grid;grid-template-columns:1fr auto auto;gap:10px;padding:12px;background:#fff;border-radius:8px;border:1px solid #e5e7eb;font-size:.9rem}.area-name{font-weight:600;color:#374151}.area-loss{color:#dc2626;font-weight:500}.area-grafts{color:#059669;font-weight:600}.no-areas{text-align:center;color:#6b7280;font-style:italic;padding:20px}.cost-estimate{background:#fff;border-radius:8px;padding:20px;border:1px solid #e5e7eb}.cost-item{display:flex;justify-content:space-between;margin-bottom:10px;font-size:.95rem}.cost-item:last-child{margin-bottom:0;padding-top:10px;border-top:1px solid #e5e7eb;font-weight:600}.cta-section{text-align:center}.consultation-btn{width:100%;padding:15px 30px;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s ease;margin-bottom:10px}.consultation-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(220,38,38,.4)}.disclaimer{font-size:.8rem;color:#6b7280;font-style:italic}@media (max-width:1024px){.calculator-main{grid-template-columns:1fr;gap:30px}.calculator-controls{position:static}}@media (max-width:768px){.graft-calculator-container{padding:15px;margin:10px}.calculator-title{font-size:2rem}.diagrams-grid{grid-template-columns:1fr;gap:15px}.diagram-wrapper{max-width:250px}.button-grid{gap:8px}.area-btn{width:45px;height:45px;font-size:1.1rem}.calculator-controls{padding:20px}.graft-number{font-size:2.5rem}}@media (max-width:480px){.calculator-title{font-size:1.8rem}.area-item{grid-template-columns:1fr;gap:5px;text-align:center}.slider-labels{font-size:.75rem}.consultation-btn{padding:12px 20px;font-size:1rem}}@media (prefers-contrast:high){.area-overlay{border-width:4px}.area-btn{border-width:3px}.area-overlay.active{background:rgba(220,38,38,.5)}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}