/* Ana sayfa hero: büst üzerinde doğal taş kolye. Sahne ölçüleri eski 3D sahneyle aynı (kayma olmasın). */
body .hero.hero-neck .hero-in{grid-template-columns:.95fr 1.05fr;gap:28px;padding:28px 0}
body .hero.hero-neck .hero-visual{max-width:590px;width:100%}
body .hero.hero-neck h1{max-width:500px}
body .aura-neck{position:relative;min-width:0}
body .neck-stage{height:360px;position:relative;isolation:isolate;overflow:hidden;border-radius:48% 48% 20px 20px;background:radial-gradient(ellipse at 50% 38%,#fffdf9 0%,#f4e9dc 60%,#ead9cb 100%);touch-action:pan-y;user-select:none;-webkit-user-select:none}
body .neck-svg{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:visible}
body .neck-svg .bead{cursor:pointer;outline:none}
body .neck-svg .bead-spec{fill:#fff;opacity:.72;pointer-events:none}
body .neck-svg .bead-glint{fill:#fff;pointer-events:none}
body .neck-svg .bead:focus-visible .bead-body{stroke:#8f6d2f;stroke-width:2}
/* JS yokken de taşlar imleçle yükselir */
body .aura-neck:not(.js) .bead-move{transition:transform .35s ease,opacity .35s}
body .aura-neck:not(.js) .bead:hover .bead-move,body .aura-neck:not(.js) .bead:focus-visible .bead-move{transform:translateY(-14px) scale(1.22)}
body .aura-neck:not(.js) .bead:hover .bead-glow{opacity:.9}
/* Taş etiketi */
body .neck-tip{position:absolute;left:50%;top:0;z-index:2;display:grid;gap:1px;padding:8px 12px 9px;border-radius:12px;background:#fffdf9f2;border:1px solid #e6d7c2;box-shadow:0 10px 26px #4a331a26;color:#2b231d;text-decoration:none;white-space:nowrap;opacity:0;pointer-events:none;transform:translate(-50%,-100%) translateY(-6px) scale(.94);transition:opacity .2s,transform .2s}
body .neck-tip.on{opacity:1;pointer-events:auto;transform:translate(-50%,-100%) translateY(-12px) scale(1)}
body .neck-tip b{font-size:14px;font-weight:600;line-height:1.2}
body .neck-tip span{font-size:11px;color:#6f6558}
body .neck-tip em{font-style:normal;font-size:11px;font-weight:600;color:#8f6d2f;margin-top:3px}
body .neck-tip:after{content:'';position:absolute;left:50%;bottom:-6px;width:10px;height:10px;background:#fffdf9;border-right:1px solid #e6d7c2;border-bottom:1px solid #e6d7c2;transform:translateX(-50%) rotate(45deg)}
/* İpucu: ilk etkileşimde söner */
body .neck-hint{margin:8px 0 0;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#8a7560;transition:opacity .5s}
body .aura-neck.touched .neck-hint{opacity:0}
body .neck-hint-touch{display:none}
@media(hover:none){body .neck-hint-mouse{display:none}body .neck-hint-touch{display:inline}}
@media(max-width:760px){body .hero.hero-neck .hero-in{grid-template-columns:1fr;gap:16px;padding:22px 0}body .hero.hero-neck .hero-visual{max-width:460px;justify-self:center}body .neck-stage{height:270px}body .neck-hint{text-align:center}}