@property --hr-glow{syntax:"<color>";inherits:true;initial-value:#58f800}@property --hr-tint{syntax:"<color>";inherits:true;initial-value:#eef7e4}.hr{isolation:isolate;background:var(--night);color:#fff;--hr-glow:#58f800;--hr-tint:#eef7e4;transition:--hr-glow 1.2s var(--ease-out-quint), --hr-tint 1.2s var(--ease-out-quint);position:relative;overflow:clip;container:hr/inline-size}.hr[data-theme=elektrik]{--hr-glow:#58f800;--hr-tint:#eef7e4}.hr[data-theme=yol]{--hr-glow:#4f8fd0;--hr-tint:#e9eff5}.hr[data-theme=dag]{--hr-glow:#c9783a;--hr-tint:#f4ece3}.hr[data-theme=gravel]{--hr-glow:#a3a84a;--hr-tint:#f0efe2}.hr[data-theme=sehir]{--hr-glow:#2fbfae;--hr-tint:#e7f3f1}.hr[data-theme=cocuk]{--hr-glow:#ffb020;--hr-tint:#fbf2e2}.hr[data-theme=night]{--hr-glow:#58f800;--hr-tint:#f4f2ec}.hr-bg{z-index:-2;pointer-events:none;position:absolute;inset:0}.hr-bg:before{content:"";opacity:.06;background-image:repeating-linear-gradient(115deg,#fff 0 1px,#0000 1px 22px);position:absolute;inset:0}.hr-glow{background:radial-gradient(closest-side, color-mix(in srgb, var(--hr-glow) 34%, transparent), transparent);width:620px;height:620px;translate:calc(var(--hr-px,0) * -28px) calc(var(--hr-py,0) * -18px);border-radius:9999px;position:absolute;top:2.5rem;right:-10rem}.hr-glow-2{background:radial-gradient(closest-side, color-mix(in srgb, var(--hr-glow) 14%, transparent), transparent);border-radius:9999px;width:520px;height:520px;position:absolute;bottom:-16rem;left:-14rem}.hr-word{inset-inline:0;z-index:-1;pointer-events:none;-webkit-user-select:none;user-select:none;text-align:center;white-space:nowrap;font-family:var(--font-display), system-ui, sans-serif;text-transform:uppercase;color:#0000;-webkit-text-stroke:1px #ffffff1a;translate:calc(var(--hr-px,0) * -18px) 0;font-size:17cqw;font-weight:900;line-height:1;display:none;position:absolute;bottom:-.12em}.hr-word>span{animation:hr-letter .9s var(--ease-out-quint) both;animation-delay:calc(var(--i) * 45ms + .12s);display:inline-block}@keyframes hr-letter{0%{opacity:0;transform:translate(.35em,.4em)skew(-12deg)}to{opacity:1;transform:none}}.hr-grid{grid-template-columns:minmax(0,1fr);align-items:center;gap:1.5rem;max-width:80rem;margin-inline:auto;padding:2rem 1rem 2.5rem;display:grid;position:relative}.hr-copy{min-width:0}.hr-eyebrow{text-transform:uppercase;letter-spacing:.22em;color:var(--accent);align-items:center;gap:.5rem;font-size:12px;font-weight:600;display:flex}.hr-h1{font-family:var(--font-display), system-ui, sans-serif;text-transform:uppercase;letter-spacing:normal;overflow-wrap:anywhere;margin-top:1rem;font-size:13cqw;font-weight:900;line-height:.9}.hr-h1 .hr-accent{color:var(--accent)}.hr-sub{color:#ffffffa6;max-width:28rem;margin-top:1.25rem;font-size:16px;line-height:1.625}.hr-uses-d{margin-top:1.75rem;display:none}.hr-uses-t{color:#ffffff80;margin-bottom:.75rem;font-size:14px;font-weight:600}.hr-uses-m{margin-inline:-1rem}.hr-uses-m .hr-uses-t{margin:0;padding-inline:1rem;font-size:13px}.hr-uses-row{overscroll-behavior-x:contain;scrollbar-width:none;gap:.5rem;margin-top:.5rem;padding:.25rem 1rem;display:flex;overflow:auto hidden}.hr-uses-row::-webkit-scrollbar{display:none}.hr-uses-d .hr-uses-row{flex-wrap:wrap;margin:0;padding:0;overflow:visible}.hr-use{color:#fff;border:1px solid #fff3;border-radius:9999px;flex-shrink:0;align-items:center;gap:.4rem;padding:.625rem 1rem;font-size:14px;font-weight:600;transition:background-color .25s,border-color .25s,color .25s,transform .15s;display:inline-flex}.hr-use:hover{border-color:var(--accent);background:var(--accent);color:var(--on-accent,#0b1206)}.hr-use:active{transform:scale(.95)}.hr-use[aria-current=true]{border-color:color-mix(in srgb, var(--accent) 70%, transparent);background:color-mix(in srgb, var(--accent) 14%, transparent)}.hr-use[aria-current=true]:hover{background:var(--accent)}.hr-use-go{opacity:0;width:0;height:14px;transition:opacity .2s, width .25s var(--ease-out-quint);margin-right:-.15rem}.hr-use[aria-current=true] .hr-use-go{opacity:1;width:14px}.hr-side{touch-action:pan-y;min-width:0;position:relative}.hr-lift{translate:0 var(--hr-sy,0px)}.hr-tilt{transform:perspective(1400px) rotateX(calc(var(--hr-py,0) * -3.5deg)) rotateY(calc(var(--hr-px,0) * 5deg));transform-origin:50% 60%}.hr-stage{aspect-ratio:5/4;background:radial-gradient(120% 90% at 50% 35%, #fff 0%, color-mix(in srgb, #fff 55%, var(--hr-tint)) 55%, var(--hr-tint) 100%);animation:hr-stage-in .9s var(--ease-out-quint) .15s backwards;border-radius:28px;position:relative;overflow:clip;box-shadow:0 40px 80px -30px #0009,0 0 0 1px #ffffff0a}@keyframes hr-stage-in{0%{transform:translateY(18px)}}.hr-slide{position:absolute;inset:0}.hr-slide.is-idle{pointer-events:none}.hr-slide.is-idle .hr-hit .hr-bike{transform-origin:0 0;transform:translate(.75rem,.6rem)scale(.006)}.hr-slide.is-idle>.hr-bike,.hr-slide.is-idle .hr-spots{display:none}.hr-hit{z-index:1;border-radius:inherit;mix-blend-mode:multiply;position:absolute;inset:0}.hr-hit:focus-visible{box-shadow:inset 0 0 0 3px var(--night);outline:none}.hr-bike,.hr-spots{position:absolute;inset:5% 5% 17%;container-type:size}.hr-move{translate:calc(var(--hr-px,0) * 12px) calc(var(--hr-py,0) * 7px);position:absolute;inset:0}.hr-img{object-fit:contain}.hr-ground{width:min(100cqw, 100cqh * var(--r,1.7778));height:min(100cqh, 100cqw / var(--r,1.7778));pointer-events:none;animation:hr-ground-in .6s var(--ease-out-quint) both;margin:auto;position:absolute;inset:0}@keyframes hr-ground-in{0%{opacity:0}}.hr-ground:before{content:"";background:linear-gradient(90deg,#0000,#10141826 22% 78%,#0000);height:1px;position:absolute;bottom:4.5%;left:-30%;right:-30%}.hr-shadow{filter:blur(2px);background:radial-gradient(closest-side,#10141838,#0000);border-radius:50%;height:7%;position:absolute;bottom:1.5%;left:10%;right:10%}.hr-slide.is-on.is-enter .hr-move{animation:1.05s cubic-bezier(.2,.75,.25,1) both hr-drive-in}.hr-slide.is-on.is-enter .hr-shadow{animation:1.05s cubic-bezier(.2,.75,.25,1) both hr-shadow-in}.hr-slide.is-out .hr-move{animation:.7s cubic-bezier(.55,0,.8,.4) both hr-drive-out}.hr-slide.is-out .hr-shadow{animation:.7s cubic-bezier(.55,0,.8,.4) both hr-shadow-out}@keyframes hr-drive-in{0%{filter:blur(5px);opacity:0;transform:translate(68%)skew(-5deg)}18%{opacity:1}55%{filter:blur(.5px)}68%{filter:none;transform:translate(-2.6%)rotate(.9deg)}84%{transform:translate(.8%)rotate(-.25deg)}to{filter:none;opacity:1;transform:none}}@keyframes hr-shadow-in{0%{opacity:0;transform:scaleX(1.7)}68%{opacity:1;transform:scaleX(.94)}to{transform:none}}@keyframes hr-drive-out{to{filter:blur(5px);opacity:0;transform:translate(-62%)skew(4deg)}}@keyframes hr-shadow-out{to{opacity:0;transform:scaleX(1.6)}}.hr-move{transform-origin:78% 92%}.hr-speed{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hr-speed i{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--hr-glow) 55%, #10141840), transparent);opacity:0;border-radius:2px;width:38%;height:2px;animation:.8s cubic-bezier(.3,.6,.4,1) both hr-streak;position:absolute;right:-40%}.hr-speed i:first-child{animation-delay:20ms;top:38%}.hr-speed i:nth-child(2){width:52%;animation-delay:80ms;top:55%}.hr-speed i:nth-child(3){width:30%;animation-delay:.14s;top:70%}@keyframes hr-streak{0%{opacity:0;transform:translate(0)}25%{opacity:.9}to{opacity:0;transform:translate(-330%)}}.hr-tag{z-index:3;background:var(--night);text-transform:uppercase;letter-spacing:.06em;color:#fff;pointer-events:none;border-radius:9999px;padding:.375rem .75rem;font-size:11px;font-weight:700;position:absolute;top:1rem;left:1rem}.hr-tag>span{animation:hr-tag-in .5s var(--ease-out-quint) both;display:inline-block}@keyframes hr-tag-in{0%{opacity:0;transform:translateY(70%)}}.hr-spots{z-index:2;pointer-events:none;container-type:size}.hr-frame{width:min(100cqw, 100cqh * var(--r,1.7778));height:min(100cqh, 100cqw / var(--r,1.7778));translate:calc(var(--hr-px,0) * 12px) calc(var(--hr-py,0) * 7px);animation:hr-ground-in .6s var(--ease-out-quint) both;margin:auto;position:absolute;inset:0}.hr-spot{pointer-events:auto;cursor:default;-webkit-tap-highlight-color:transparent;border-radius:9999px;place-items:center;width:36px;height:36px;display:grid;position:absolute;translate:-50% -50%}.hr-spot-dot{background:var(--night);border-radius:9999px;width:14px;height:14px;position:relative;box-shadow:0 0 0 3px #fff,0 4px 10px #00000040}.hr-spot-dot:after{content:"";border-radius:inherit;border:2px solid var(--accent);animation:2.4s ease-out infinite hr-ping;position:absolute;inset:-3px}.hr-spot-dot:before{content:"";border-radius:inherit;background:var(--accent);position:absolute;inset:4px}@keyframes hr-ping{0%{opacity:.9;transform:scale(1)}70%,to{opacity:0;transform:scale(2.3)}}.hr-spot-tip{white-space:nowrap;background:var(--night);color:#fff;opacity:0;transition:opacity .2s, transform .25s var(--ease-out-quint);pointer-events:none;border-radius:9999px;padding:.3rem .65rem;font-size:12px;font-weight:700;position:absolute;bottom:calc(100% + 2px);left:50%;transform:translateY(4px)scale(.96);box-shadow:0 8px 20px -8px #00000080}.hr-spot-tip b{color:var(--accent);margin-right:.3rem;font-weight:600}.hr-spot:hover .hr-spot-tip,.hr-spot:focus-visible .hr-spot-tip,.hr-spot[aria-expanded=true] .hr-spot-tip{opacity:1;transform:none}.hr-slide.is-on .hr-spot-tip{animation:hr-tip-hint 3.2s var(--ease-out-quint) both;animation-delay:calc(1s + var(--i,0) * .18s)}@keyframes hr-tip-hint{0%,to{opacity:0;transform:translateY(4px)scale(.96)}12%,80%{opacity:1;transform:none}}.hr-spot:hover .hr-spot-tip,.hr-spot:focus-visible .hr-spot-tip,.hr-spot[aria-expanded=true] .hr-spot-tip{animation:none}.hr-spot:focus-visible{outline:none}.hr-spot:focus-visible .hr-spot-dot{box-shadow:0 0 0 3px #fff, 0 0 0 5px var(--night), 0 0 0 7px var(--accent)}.hr-under{z-index:4;flex-direction:column;gap:.875rem;display:flex;position:relative}.hr-card{background:var(--surface);color:var(--ink);translate:calc(var(--hr-px,0) * -5px) calc(var(--hr-py,0) * -3px);border-radius:1rem;margin:-2.5rem .75rem 0;padding:1rem;display:grid;position:relative;box-shadow:0 25px 50px -12px #00000040}.hr-cardi{visibility:hidden;flex-direction:column;grid-area:1/1;min-width:0;display:flex}.hr-cardi.is-on{visibility:visible}.hr-cardi.is-on>*{animation:hr-card-in .6s var(--ease-out-quint) both}.hr-cardi.is-on>:nth-child(2){animation-delay:50ms}.hr-cardi.is-on>:nth-child(3){animation-delay:.1s}.hr-cardi.is-on>:nth-child(n+4){animation-delay:.15s}@keyframes hr-card-in{0%{opacity:0;transform:translateY(10px)}}.hr-c-top{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.hr-c-brand{text-transform:uppercase;letter-spacing:.16em;color:var(--muted);font-size:11px;font-weight:700}.hr-c-title{font-family:var(--font-display), system-ui, sans-serif;text-transform:uppercase;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:20px;font-weight:900;line-height:1.15;display:-webkit-box;overflow:hidden}.hr-c-price{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;padding-top:1rem;font-weight:800;line-height:1.15}.hr-c-price s{color:var(--muted);font-size:12px;font-weight:500;display:block}.hr-c-chips{flex-wrap:wrap;gap:.375rem;margin-top:.5rem;display:flex}.hr-c-chips span{background:var(--surface-2);color:var(--ink-2);border-radius:.375rem;padding:.125rem .5rem;font-size:12px;font-weight:500}.hr-c-text{color:var(--ink-2);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:.4rem;font-size:14px;line-height:1.45;display:-webkit-box;overflow:hidden}.hr-c-meta{flex-direction:column;gap:.2rem;margin-top:.65rem;font-size:13px;line-height:1.35;display:flex}.hr-c-stock{flex-wrap:wrap;align-items:center;gap:.25rem .5rem;font-weight:600;display:flex}.hr-c-stock .dot{vertical-align:1px;background:currentColor;border-radius:9999px;width:6px;height:6px;margin-right:.3rem;display:inline-block}.hr-c-stock .in{color:var(--ok)}.hr-c-stock .low{color:var(--warn)}.hr-c-stock .order{color:var(--muted)}.hr-c-stock .pk{color:var(--muted);font-weight:500}.hr-c-inst{color:var(--ink-2);align-items:center;gap:.35rem;font-weight:600;display:flex}.hr-c-inst svg{color:var(--accent-ink)}.hr-c-btns{grid-template-columns:1fr 1fr;gap:.5rem;margin-top:auto;padding-top:.875rem;display:grid}.hr-c-btns.one{grid-template-columns:1fr}.hr-btn{white-space:nowrap;border-radius:9999px;justify-content:center;align-items:center;gap:.375rem;min-width:0;height:2.75rem;padding-inline:.75rem;font-size:14px;font-weight:700;transition:transform .15s,box-shadow .2s,background-color .2s;display:inline-flex}.hr-btn:active{transform:scale(.97)}.hr-btn-ghost{box-shadow:inset 0 0 0 1px var(--line);color:var(--ink)}.hr-btn-ghost:hover{box-shadow:inset 0 0 0 1px var(--ink)}.hr-btn-main{background:var(--night);color:#fff}.hr-btn-main svg{color:var(--accent)}.hr-btn-main:hover{background:var(--night-2)}.hr-btn-main.ok{background:var(--accent);color:var(--on-accent,#0b1206)}.hr-btn-main.ok svg{color:inherit}.hr-btn>span{text-overflow:ellipsis;overflow:hidden}.hr-c-badge{background:var(--accent);color:var(--on-accent,#0b1206);white-space:nowrap;border-radius:9999px;align-items:center;gap:.3rem;padding:.25rem .65rem;font-size:12px;font-weight:800;display:inline-flex}.hr-c-count{color:var(--ink-2);font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right;min-width:9ch;font-size:12px;font-weight:700}.hr-c-count small{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:10.5px;font-weight:600;display:block}.hr-thumbs{scrollbar-width:none;gap:.5rem;margin:-4px 0;padding:4px .75rem;display:flex;overflow:auto hidden}.hr-thumbs::-webkit-scrollbar{display:none}.hr-thumb{-webkit-tap-highlight-color:transparent;border-radius:14px;outline:none;flex-shrink:0;width:64px;padding:0;position:relative}.hr-thumb-img{opacity:.55;height:46px;transition:opacity .3s, transform .3s var(--ease-out-quint), box-shadow .3s;background:#fff;border-radius:12px;display:block;position:relative;overflow:hidden}.hr-thumb:hover .hr-thumb-img{opacity:.9;transform:translateY(-2px)}.hr-thumb[aria-current=true] .hr-thumb-img{opacity:1;box-shadow:0 0 0 2px var(--accent)}.hr-thumb-img img{mix-blend-mode:multiply;object-fit:contain;padding:4px}.hr-prog{background:#ffffff29;border-radius:9999px;height:3px;margin-top:7px;display:block;position:relative;overflow:hidden}.hr-prog>i{border-radius:inherit;background:var(--accent);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.hr-prog>i.done{transform:scaleX(1)}.hr-prog>i.run{animation:hr-fill var(--hr-dur,5.6s) linear forwards}.hr[data-paused="1"] .hr-prog>i.run{animation-play-state:paused}@keyframes hr-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.hr-thumb:focus-visible .hr-thumb-img{opacity:1;box-shadow:0 0 0 2px var(--night), 0 0 0 4px var(--accent)}.hr-btn:focus-visible,.hr-use:focus-visible{box-shadow:0 0 0 2px var(--night), 0 0 0 4px var(--accent);outline:none}.hr-card .hr-btn:focus-visible{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--ink)}@container hr (min-width:640px){.hr-h1{font-size:3.75rem}}@container hr (min-width:768px){.hr-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:2.5rem;padding:4rem 1rem 5rem}.hr-eyebrow{font-size:13px}.hr-sub{margin-top:1.5rem;font-size:17px}.hr-uses-d{display:block}.hr-uses-m{display:none}.hr-word{display:block}.hr-stage{border-radius:36px}.hr-tag{top:1.5rem;left:1.5rem}.hr-under{flex-direction:row;align-items:flex-end;gap:1rem}.hr-card{flex:0 0 360px;margin:-4.5rem 0 0 -2rem;padding:1.1rem}.hr-thumbs{flex:1;justify-content:flex-end;padding-right:0}}@container hr (min-width:1024px){.hr-h1{font-size:88px}.hr-thumb{width:72px}.hr-thumb-img{height:52px}}.hr[data-motion=kapali] *,.hr[data-motion=kapali] :before,.hr[data-motion=kapali] :after{transition:none!important;animation:none!important}.hr[data-motion=kapali],.hr[data-motion=hafif]{--hr-px:0!important;--hr-py:0!important}.hr[data-motion=hafif] .hr-slide.is-on.is-enter .hr-move{animation:hr-fade-in .7s var(--ease-out-quint) both}.hr[data-motion=hafif] .hr-slide.is-out .hr-move{animation:.5s ease-in both hr-fade-out}.hr[data-motion=hafif] .hr-speed,.hr[data-motion=hafif] .hr-shadow{animation:none!important}@keyframes hr-fade-in{0%{opacity:0;transform:translate(6%)}}@keyframes hr-fade-out{to{opacity:0;transform:translate(-6%)}}@media (prefers-reduced-motion:reduce){.hr *,.hr :before,.hr :after{transition:none!important;animation:none!important}.hr{transition:none}.hr-tilt,.hr-lift,.hr-move,.hr-frame,.hr-ground,.hr-glow,.hr-word,.hr-card{transform:translate(0,0)!important}}