/*
 * MOTION v51 — laptop / tablet / masaüstü düzeltmeleri.
 * v50 telefon düzeltmeleri (cms-public.css, max-width:760px) olduğu gibi korunur;
 * bu dosya yalnızca 761px ve üzerini etkiler. Ürün görselleri değiştirilmez;
 * Original görselinin (can-front.webp) çevresindeki şeffaf boşluk yerleşimde dengelenir.
 * Bu dosya diğer tüm stillerden sonra yüklenir.
 */

@media (min-width:761px){

  /* 1) Ana sayfa / Original sahnesi: kutu büyük ve ortalı; MOTION yazısı yatay, kutunun alt arkasında, okunur */
  .hero .scene-original .product-single{align-self:stretch;height:auto;margin-bottom:-62px;display:flex;align-items:flex-end;justify-content:center}
  .hero .product-single > img{width:auto;height:min(calc(100svh - 160px),720px);max-width:100%;max-height:none;margin-bottom:2%}
  .hero .product-single .ghost-type{
    left:50%;right:auto;top:auto;bottom:4%;width:max-content;max-width:none;
    font-size:clamp(6.5rem,12vw,15rem);line-height:.8;letter-spacing:-.06em;
    color:rgba(10,31,61,.13);transform:translateX(-50%);white-space:nowrap;pointer-events:none
  }

  /* 2) Ana sayfa / MOTION Serisi: beşli kompozisyon büyür, Original ortada en baskın kutu */
  .hero .product-lineup > .lineup-can{width:31%;max-width:31%;height:76%;max-height:640px}
  .hero .product-lineup > .c3{width:54%;max-width:54%;height:86%;max-height:none}

  /* Koyu zeminli sahnelerde alt kontroller okunur kalsın (KEŞFET, sayaç) */
  .hero:has(.scene-signature.is-active) .scroll-cue{color:#fff}
  .hero:has(.scene-signature.is-active) .scroll-cue .mouse{border-color:#fff}
  .hero:has(:is(.scene-series,.scene-signature).is-active) .hero-count strong{color:#fff}
  .hero:has(:is(.scene-series,.scene-signature).is-active) .hero-count span{color:#9fb6cf}
  .hero:has(:is(.scene-series,.scene-signature).is-active) .hero-arrow.next{background:rgba(255,255,255,.88);border-color:rgba(255,255,255,.6);color:var(--navy)}
  .hero .coming-badge{z-index:16}

  /* 3) Ana sayfa / 250 ML Serisi: bölüm ekrana sığar, seçili kutu dikeyde ortalı ve büyük */
  .series .product-visual > #product-image{position:absolute;inset:0;margin:auto;width:100%;height:72%;max-width:100%;max-height:none;object-fit:contain;object-position:center}
  .series .product-visual > #product-image[src$="/can-front.webp"]{height:76%}

  /* 4) Ürünlerimiz / ilk görünüm: kutu ve sahne büyür */
  .product-stage[data-product] .product-stage-visual{height:clamp(420px,calc(100svh - 230px),720px)}
  .product-stage[data-product] .product-stage-visual > .product-can{left:10%;width:80%;max-width:80%;bottom:6%;height:86%;max-height:none}
  .product-stage[data-product] .product-stage-visual > .product-can[src$="/can-front.webp"]{height:90%;bottom:4%}
  .product-stage .product-orbits{width:min(46vw,640px,calc(100svh - 200px));top:50%}
  /* 1 L'den kalan ikinci format alanı yerine tek, içeriği kadar format kutusu */
  .hero-format-switch{width:max-content;min-width:min(280px,100%);max-width:100%}

  /* 5) Ürün ailesi: Original diğer çeşitlerle aynı görünür boyda */
  .family-lineup{--family-can:clamp(220px,25vw,350px)}
  .family-lineup figure img{height:var(--family-can)}
  .family-lineup figure img[src$="/can-front.webp"]{height:calc(var(--family-can) * 1.058);margin-bottom:calc(var(--family-can) * -.029)}

  /* 6-7) Formatlar: alan ekrana sığar; kutu mavi dairenin ortasında, arkada ürün çizgisi */
  .format-products{overflow:visible;height:clamp(440px,calc(100svh - 150px),640px);container-type:inline-size}
  .format-products .format-ring{left:50%;top:50%;height:min(100%,92cqw,560px);width:auto;aspect-ratio:1;transform:translate(-50%,-50%);
    border:1px solid rgba(83,207,255,.45);background:radial-gradient(circle at 50% 42%,#2e8bff 0,#0b55c4 42%,#06296b 78%,#041a45 100%);
    box-shadow:0 0 0 26px rgba(0,123,255,.06),0 0 0 52px rgba(0,123,255,.035),0 30px 70px rgba(4,26,69,.35)}
  .format-products .format-can{left:0;right:0;margin-inline:auto;width:auto;max-width:100%;height:90%;bottom:2%}
  .format-products{isolation:isolate}
  .format-products .format-ring{z-index:0}
  .format-products .format-can{z-index:3}
  .format-products:before{left:-12%;width:124%;top:52%;height:72px;z-index:1;
    background:linear-gradient(90deg,transparent,var(--product-accent,#087cff),rgba(255,255,255,.75),transparent);
    clip-path:polygon(0 44%,96% 0,100% 22%,7% 100%);transform:rotate(-14deg);filter:blur(3px);opacity:.75}
}

/* Tablet: iki sütun dar kaldığında formatlar alt alta ve ortalı */
@media (min-width:761px) and (max-width:1050px){
  /* Slider okları başlıkların üstüne binmesin: sağ alta, sayaç üstüne alınır */
  .hero .hero-arrow{top:auto;bottom:76px;width:44px;height:44px}
  .hero .hero-arrow.prev{left:auto;right:78px}
  .hero .hero-arrow.next{right:24px}
  /* Dik tablette MOTION yazısı okların altında kalmasın */
  .hero .product-single .ghost-type{bottom:16%}
  /* Uzun başlık kelime ortasından bölünmesin */
  .hero .signature-panel h2{font-size:clamp(2.8rem,7.2vw,4.6rem);overflow-wrap:normal;word-break:normal;hyphens:none}
  .product-formats-grid{grid-template-columns:1fr}
  .format-products{width:min(100%,560px);margin-inline:auto}
  .format-products .format-ring{box-shadow:0 0 0 30px rgba(0,123,255,.035),0 0 0 60px rgba(0,123,255,.025)}
}

/* Kısa ekranlı laptoplar (ör. 1366×768, 1280×800) */
@media (min-width:761px) and (max-height:820px){
  .hero .product-single > img{max-height:min(70svh,600px)}
  .product-stage[data-product] .product-stage-visual{height:clamp(380px,calc(100svh - 200px),620px)}
}

/* Bayilik / ilk görsel: kutu diğer sayfalardaki gibi hafifçe süzülür (tüm cihazlarda);
   telefonda ışık çizgisi metnin arkasında kalmasın diye kutunun önünden geçer. */
@keyframes dealerCanLift{0%,100%{translate:0 0}50%{translate:0 -14px}}
.dealer-cover-visual .dealer-can{animation:dealerCanLift 7s ease-in-out infinite}
@media (max-width:760px){
  .dealer-cover:after{top:auto;bottom:calc(76px + clamp(300px,60svh,640px) * .4);height:56px}
  .dealer-orbit-one,.dealer-orbit-two{animation-duration:5s}
}
@media (prefers-reduced-motion:reduce){
  .dealer-cover-visual .dealer-can{animation:none}
}

/* Formatlar başlığı ("HAREKETİN FORMU"): kelime ortasından bölünmez, sütuna sığar */
.product-formats-copy h2{overflow-wrap:normal;word-break:normal;hyphens:none}
@media (min-width:761px){
  .product-formats-copy h2{font-size:clamp(2.9rem,4.7vw,6.2rem)}
}
@media (max-width:760px){
  .product-formats-copy h2{font-size:clamp(2.2rem,10.5vw,4.2rem)}
}

/* v52 — kullanıcı geri bildirimi (10.10.2026) */

/* Haber kapağı: kutu dik durur, yalnızca hafifçe süzülür */
.news-art img{transform:none;animation:newsFloatUpright 7s ease-in-out infinite}
@keyframes newsFloatUpright{50%{transform:translateY(-10px)}}

/* İletişim: "BİRLİKTE BAŞLAYALIM" kelime ortasından bölünmez */
.contact-hero-copy h1{overflow-wrap:normal;word-break:normal;hyphens:none}
@media (min-width:761px){.contact-hero-copy h1{font-size:clamp(3.4rem,6vw,7.2rem)}}

/* İletişim / haberler alt şeridi: İngilizce imza ortada, Türkçe karşılığı hemen altında ortalı */
.contact-hero-strip,.news-signature{flex-wrap:wrap;justify-content:center;column-gap:22px;row-gap:8px;height:auto;min-height:76px;padding-block:16px}
.contact-hero-strip>.signature-translation,.news-signature>.signature-translation{flex:0 0 100%;order:9;text-align:center;margin:0}
html[dir="rtl"] .contact-hero-strip{justify-content:center}

/* Formatlar dairesi telefonda da mavi */
@media (max-width:760px){
  .format-products .format-ring{border:1px solid rgba(83,207,255,.45);background:radial-gradient(circle at 50% 42%,#2e8bff 0,#0b55c4 42%,#06296b 78%,#041a45 100%)}
  .format-products:before{background:linear-gradient(90deg,transparent,var(--product-accent,#087cff),rgba(255,255,255,.75),transparent);opacity:.75}
}
@media (prefers-reduced-motion:reduce){.news-art img{animation:none}}
/* Mavi daire soluklaşmaz, yalnızca hafifçe nefes alır */
.format-products .format-ring{animation:formatRingBreathe 8s ease-in-out infinite!important}
@keyframes formatRingBreathe{0%,100%{scale:.98}50%{scale:1.02}}
@media (prefers-reduced-motion:reduce){.format-products .format-ring{animation:none!important}}

/* v53 — ana sayfa 3. geçiş, Hakkımızda ve Bayilik görselleri (masaüstü/laptop) */
@keyframes aboutStreakMove{0%,100%{transform:rotate(-13deg) translateX(0);opacity:.92}50%{transform:rotate(-13deg) translateX(-4%);opacity:1}}
.about-hero-streak{animation:aboutStreakMove 6s ease-in-out infinite}
.about-product p{color:#0a1f3d;text-shadow:0 1px 0 rgba(255,255,255,.6)}
.about-product p strong{color:#0057d9}
.about-product p .signature-translation{color:#41536b!important;opacity:1}
@media (min-width:761px){
  .hero .scene-signature .signature-can{height:clamp(300px,calc(100svh - 200px),660px);bottom:auto;top:0;align-self:center}
  .hero .scene-signature .signature-can > img{height:94%;width:100%;max-width:none;max-height:none}
  :is(.about-product){height:clamp(380px,calc(100svh - 150px),720px)}
  .about-product > img{height:96%;max-height:none;max-width:100%}
  .about-product p{right:0;max-width:200px}
  html[dir="rtl"] .about-product p{left:0;right:auto}
  .dealer-cover-visual{height:clamp(400px,calc(100svh - 150px),720px)}
  .dealer-can{left:0;right:0;margin-inline:auto;height:94%;transform:none}
  .dealer-ghost{top:auto;bottom:6%;transform:translateX(-50%);font-size:clamp(4.5rem,9vw,9rem);line-height:1;white-space:nowrap;color:rgba(255,255,255,.06)}
  .dealer-cover:after{left:auto;right:-4%;width:58%;top:58%;height:64px}
}
@media (prefers-reduced-motion:reduce){.about-hero-streak{animation:none}}
/* Geniş ekranda büyük başlıklar sütuna sığar, kelime ortadan bölünmez */
@media (min-width:1051px){
  .about-hero-copy h1{font-size:clamp(4.2rem,7.2vw,6.6rem)}
  .dealer-cover h1{font-size:clamp(4.2rem,7vw,6.4rem)}
}
/* Başlıklarda kelimeler bölünmez; sığmayan başlığı heading-fit.js küçültür */
main :is(h1,h2,h3){overflow-wrap:normal;word-break:normal;hyphens:none}
@media (min-width:761px) and (max-width:1050px){
  .about-product > img{height:86%}
  .about-product p{max-width:150px;right:-6px;bottom:6%}
}

/* Altbilgi: iki adres ayrı, ne için kullanılacağı üstünde yazılı */
:is(.site-footer,footer) a[href="mailto:info@motionenergy.com.tr"],
:is(.site-footer,footer) a.footer-sales{display:block;width:max-content;max-width:100%;overflow-wrap:anywhere}
:is(.site-footer,footer) a.footer-sales{margin-top:16px}
:is(.site-footer,footer) a[href="mailto:info@motionenergy.com.tr"]::before,
:is(.site-footer,footer) a.footer-sales::before{display:block;margin-bottom:5px;font-size:10px;font-weight:800;letter-spacing:.16em;line-height:1.4;color:#48c9ff;text-transform:uppercase;content:"Genel bilgi"}
:is(.site-footer,footer) a.footer-sales::before{content:"Satış · İhracat · Bayilik"}
html[lang="en"] :is(.site-footer,footer) a[href="mailto:info@motionenergy.com.tr"]::before{content:"General enquiries"}
html[lang="en"] :is(.site-footer,footer) a.footer-sales::before{content:"Sales · Export · Partnership"}
html[lang="ar"] :is(.site-footer,footer) a[href="mailto:info@motionenergy.com.tr"]::before{content:"استفسارات عامة";letter-spacing:0}
html[lang="ar"] :is(.site-footer,footer) a.footer-sales::before{content:"المبيعات · التصدير · الوكالات";letter-spacing:0}
:is(.site-footer,footer) a.footer-sales + *{margin-top:16px}

/* Bayilik teşekkür penceresi: başvuru zaten gönderildiği için e-posta düğmesi gizli */
.dealer-confirmation [data-confirm-send]{display:none!important}