/* Ana sayfa hero: R327 360 (r327-hero.js ekler). Geri almak icin index.html'den link+script satirini silmek yeter.
   Masaustu: sahne 1920x818, arka plan videonun kendi ilk karesi (arka.webp), makine bolgesi canvas (180 kare).
   Mobil: yazilar gizli; arama + makine + iki buton. */
/* ilk boyamadan itibaren (html.r360, head'deki satir): eski hero fotografi hic gorunmesin, parlama/ziplama olmasin */
.r360 .mega-hero .mh-bg{visibility:hidden}
.r360 .mega-hero:before{display:none}
@media (min-width:701px){.r360 .mega-hero{background:#a3a2a2}}
@media (max-width:700px){.r360 .mega-hero .mh-kicker,.r360 .mega-hero .mh-words,.r360 .mega-hero .mh-tag{display:none}}
.mega-hero.has-360:before{display:none}
.mega-hero.has-360{z-index:1}   /* alttaki vitrin bolumunun spot isigi (sh-backdrop:before, top:-143px) hero'ya tasmasin */
.mega-hero.has-360 .mh-bg{opacity:0}
.mega-hero .mh-360{position:absolute;z-index:0;inset:0;overflow:hidden;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;outline:none}
.mega-hero .mh-360.tutuluyor{cursor:grabbing}
.mega-hero .mh-360-sahne{position:absolute;left:0;top:0;width:1920px;height:818px;transform-origin:0 0;background:url(/images/r327-360/arka.webp) 0 0/100% 100% no-repeat}
.mega-hero .mh-360 canvas{position:absolute;left:48.75%;top:34.2298%;width:44.4792%;height:44.4988%;pointer-events:none}
.mega-hero.has-360 .mh-in{pointer-events:none}
.mega-hero.has-360 .mh-in a,.mega-hero.has-360 .mh-in button,.mega-hero.has-360 .mh-in input,.mega-hero.has-360 .mh-in form{pointer-events:auto}
.mega-hero .mh-360-ipucu{position:absolute;display:flex;align-items:center;gap:.5rem;padding:.45rem .9rem;border-radius:999px;transform:translateX(-50%);
  background:#111;color:#fff;font:600 .82rem/1 system-ui,sans-serif;letter-spacing:.02em;white-space:nowrap;pointer-events:none;transition:opacity .4s ease}
.mega-hero .mh-360-ipucu svg{width:1.1rem;height:1.1rem}
.mega-hero .mh-360.dokunuldu .mh-360-ipucu{opacity:0}
.mega-hero .mh-360:focus-visible{box-shadow:inset 0 0 0 3px #ffe600}
@media (max-width:700px){
  .mega-hero.has-360 .mh-kicker,.mega-hero.has-360 .mh-words,.mega-hero.has-360 .mh-tag{display:none}
  .mega-hero .mh-360{position:relative;inset:auto;width:100%;aspect-ratio:3/2;flex:none;background:url(/images/r327-360/km/000.webp) center/cover no-repeat}
  .mega-hero .mh-360 canvas{left:0;top:0;width:100%;height:100%}
  .mega-hero .mh-360-ipucu{left:50%;bottom:.6rem;font-size:.75rem}
  .mega-hero.has-360 .mh-in{padding-top:1rem}
  .mega-hero.has-360 .mh-cta{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;width:100%}
  .mega-hero.has-360 .mh-cta .btn{width:100%;min-width:0;padding-left:.5rem;padding-right:.5rem;font-size:.84rem;justify-content:center;white-space:nowrap}
}