/* AnıYolla v5.1.2 Paket 18 — etkileşim, erişilebilirlik ve son kullanıcı deneyimi */
.hp518-product-nav{position:sticky;top:66px;z-index:120;border-bottom:1px solid #e8dfdc;background:rgba(255,255,255,.96);backdrop-filter:blur(14px)}
.hp518-product-nav>div{display:flex;align-items:center;justify-content:center;gap:5px;min-height:52px;overflow:auto}
.hp518-product-nav a{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:7px 10px;border:1px solid transparent;border-radius:999px;color:#4b3f43;text-decoration:none;font-size:.53rem;font-weight:850;white-space:nowrap}
.hp518-product-nav a:hover{border-color:#dfd3d0;background:#f8f3f2;color:#a64f61}
.hp518-product-nav a:last-child{background:#a64f61;color:#fff}
.hp518-tour{padding:74px 0;background:#fff;color:#2b2225}
.hp518-tour-title{max-width:760px;margin-bottom:24px}
.hp518-tour-title>span{color:#a64f61;font-size:.57rem;font-weight:900;letter-spacing:.17em}
.hp518-tour-title h2{margin:8px 0;font-size:clamp(2.6rem,5.3vw,5.5rem);line-height:.9;letter-spacing:-.05em}
.hp518-tour-title p{margin:0;color:#75686b;font-size:.7rem;line-height:1.65}
.hp518-tour-shell{overflow:hidden;border:1px solid #e3d8d5;border-radius:21px;background:#f7f4f2}
.hp518-tour-shell>nav{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:#e6dcda}
.hp518-tour-shell>nav button{min-height:48px;border:0;background:#fff;color:#706367;font-size:.56rem;font-weight:850;cursor:pointer}
.hp518-tour-shell>nav button.active{background:#a64f61;color:#fff}
.hp518-tour-stage article{display:none;grid-template-columns:.85fr 1.15fr;gap:35px;align-items:center;min-height:420px;padding:34px}
.hp518-tour-stage article.active{display:grid}
.hp518-tour-copy>span{color:#a64f61;font-size:.53rem;font-weight:900;letter-spacing:.14em}
.hp518-tour-copy h3{margin:8px 0;font-size:clamp(2rem,4vw,4rem);line-height:.95}
.hp518-tour-copy p{margin:0;color:#75686b;font-size:.67rem;line-height:1.65}
.hp518-mock{min-height:300px;display:grid;place-items:center;align-content:center;gap:12px;border-radius:20px;background:linear-gradient(135deg,#0f1e27,#713b4b);color:#fff;box-shadow:0 24px 58px rgba(35,22,27,.16)}
.hp518-mock.qr .hp518-qrbox{position:relative;width:170px;height:170px;padding:16px;border-radius:18px;background:#fff}
.hp518-qrbox i{position:absolute;width:45px;height:45px;border:12px solid #17242b}.hp518-qrbox i:first-child{left:16px;top:16px}.hp518-qrbox i:nth-child(2){right:16px;top:16px}.hp518-qrbox i:nth-child(3){left:16px;bottom:16px}.hp518-qrbox strong{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:50px;height:50px;display:grid;place-items:center;border-radius:13px;background:#a64f61}
.hp518-mock.phone{width:min(330px,100%);min-height:360px;justify-self:center;border:10px solid #1c2328;border-radius:35px;background:#fff;color:#2d2528}.hp518-mock.phone>div{width:70px;height:70px;display:grid;place-items:center;border-radius:50%;background:#f1e1e5;color:#a64f61;font-size:2rem}.hp518-mock.phone span{color:#817477;font-size:.56rem}
.hp518-mock.approval i{width:84px;height:84px;display:grid;place-items:center;border-radius:50%;background:#61c58a;font-size:2.4rem;font-style:normal}.hp518-mock.approval span{color:#cbd7dd;font-size:.56rem}
.hp518-mock.live{grid-template-columns:repeat(3,1fr);align-content:stretch;padding:18px}.hp518-mock.live div{min-height:230px;border-radius:13px;background:linear-gradient(160deg,#d1b19e,#6f8d7b)}.hp518-mock.live div:nth-child(2){background:linear-gradient(160deg,#b5a7c8,#624e7a)}.hp518-mock.live div:nth-child(3){background:linear-gradient(160deg,#be8797,#67404c)}
.hp518-mock.archive span{width:90px;height:110px;display:grid;place-items:center;border:3px solid #fff;border-radius:12px;font-size:1.5rem;font-weight:900}
.hp518-trust{padding:18px 0;background:#101b23;color:#fff}
.hp518-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.hp518-trust-grid>div{padding:14px;border:1px solid #293944;border-radius:13px;background:#0d1821}.hp518-trust-grid span,.hp518-trust-grid strong,.hp518-trust-grid p{display:block}.hp518-trust-grid span{color:#d98da0;font-size:.46rem;font-weight:900;letter-spacing:.12em}.hp518-trust-grid strong{margin-top:5px;font-size:.65rem}.hp518-trust-grid p{margin:5px 0 0;color:#9eacb5;font-size:.5rem;line-height:1.5}
.hp518-backtop{position:fixed;right:18px;bottom:18px;z-index:210;width:42px;height:42px;border:1px solid #d7cac7;border-radius:50%;background:#fff;color:#a64f61;font-size:1.1rem;font-weight:900;box-shadow:0 12px 34px rgba(35,20,25,.2);cursor:pointer;opacity:0;pointer-events:none;transform:translateY(10px);transition:.2s}
.hp518-backtop.visible{opacity:1;pointer-events:auto;transform:none}
@media(max-width:900px){.hp518-product-nav{top:64px}.hp518-tour-shell>nav{grid-template-columns:1fr 1fr 1fr}.hp518-tour-shell>nav button:nth-child(4),.hp518-tour-shell>nav button:nth-child(5){grid-column:auto}.hp518-tour-stage article{grid-template-columns:1fr}.hp518-mock{min-height:280px}.hp518-trust-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.hp518-product-nav>div{justify-content:flex-start}.hp518-tour{padding:52px 0}.hp518-tour-shell>nav{grid-template-columns:1fr 1fr}.hp518-tour-shell>nav button{min-height:44px}.hp518-tour-stage article{min-height:0;padding:20px}.hp518-tour-copy h3{font-size:2.4rem}.hp518-mock{min-height:250px}.hp518-mock.live{grid-template-columns:1fr 1fr}.hp518-mock.live div{min-height:170px}.hp518-mock.live div:last-child{display:none}.hp518-trust-grid{grid-template-columns:1fr}.hp518-backtop{bottom:82px;right:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}}