.elementor-7747 .elementor-element.elementor-element-1a4c33f .e-con-overlay{--pxl-background-color:#000000;opacity:85%;}.elementor-7747 .elementor-element.elementor-element-1a4c33f:not(.elementor-motion-effects-element-type-background), .elementor-7747 .elementor-element.elementor-element-1a4c33f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-7747 .elementor-element.elementor-element-1a4c33f > .elementor-container{min-height:60vh;}.elementor-7747 .elementor-element.elementor-element-1a4c33f .pxl-row-angle, .elementor-7747 .elementor-element.elementor-element-1a4c33f .pxl-section-waves, .elementor-7747 .elementor-element.elementor-element-1a4c33f .pxl-row-svg{height:300px;}.elementor-7747 .elementor-element.elementor-element-1a4c33f{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:132px 15px 45px 15px;}.elementor-7747 .elementor-element.elementor-element-1a4c33f > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7747 .elementor-element.elementor-element-9370de1{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-7747 .elementor-element.elementor-element-9370de1 > .elementor-widget-container{margin:15px 0px 45px 0px;}.elementor-7747 .elementor-element.elementor-element-9370de1.elementor-element{--align-self:center;}.elementor-7747 .elementor-element.elementor-element-9370de1 .pxl-heading{text-align:center;}.elementor-7747 .elementor-element.elementor-element-9370de1 .pxl-heading .pxl-item--title{color:#FFFFFF;-webkit-text-stroke-color:#FFFFFF;font-size:80px;line-height:1.12;letter-spacing:-1.6px;margin-bottom:0px;}.elementor-7747 .elementor-element.elementor-element-9370de1 .pxl-heading .pxl-item--subtitle{color:#F7F7F7;margin-bottom:20px;}.elementor-7747 .elementor-element.elementor-element-9370de1 .pxl-heading .pxl-item--subtitle .pxl-item--subtext .text-gradient:not(.pxl-icon--heading){--gradient-color-from:#F7F7F7;}.elementor-7747 .elementor-element.elementor-element-9370de1 .pxl-heading .pxl-item--subtitle, .elementor-7747 .elementor-element.elementor-element-9370de1 .pxl-heading .pxl-item--subtitle span{font-size:14px;font-weight:600;text-transform:uppercase;line-height:28px;}.elementor-7747 .elementor-element.elementor-element-9370de1 .pxl-heading .pxl-item--subtext{border-color:#7E7E7E;}.elementor-7747 .elementor-element.elementor-element-af2828d > .elementor-widget-container{margin:0px 0px 45px 0px;}.elementor-7747 .elementor-element.elementor-element-af2828d .pxl-text-editor{text-align:center;color:#FFFFFFD1;}.elementor-7747 .elementor-element.elementor-element-af2828d .pxl-text-editor .pxl-item--inner{max-width:760px;}.elementor-7747 .elementor-element.elementor-element-6b3f498 .pxl-button{text-align:center;}.elementor-7747 .elementor-element.elementor-element-6b3f498 > .elementor-widget-container{margin:0px 0px 15px 0px;}.elementor-7747 .elementor-element.elementor-element-6b3f498 .pxl-button .btn{color:#000000;background:#9FE870;font-size:14px;font-weight:600;text-transform:capitalize;line-height:54px;}.elementor-7747 .elementor-element.elementor-element-6b3f498 .pxl-button .pxl-icon--right .pxl--btn-icon{margin-left:9px;}.elementor-7747 .elementor-element.elementor-element-6b3f498 .btn.pxl-icon-active .pxl--btn-icon{background-color:#FFFFFF;--gradient-color-from2:#FFFFFF;}.elementor-7747 .elementor-element.elementor-element-2bc8564 > .elementor-widget-container{margin:137px 0px 0px 0px;}.elementor-7747 .elementor-element.elementor-element-ff76a47 > .elementor-container{max-width:1300px;}.elementor-7747 .elementor-element.elementor-element-ff76a47 .e-con-overlay{opacity:0%;}.elementor-7747 .elementor-element.elementor-element-ff76a47{padding:7rem 0rem 0rem 0rem;}.elementor-7747 .elementor-element.elementor-element-9c87ff6.pxl-column-sticky{top:160px;}.elementor-7747 .elementor-element.elementor-element-9c87ff6 > .elementor-element-populated{padding:0.5rem 0rem 0rem 0rem;}.elementor-7747 .elementor-element.elementor-element-db82e9c .pxl-heading .pxl-item--title{margin-bottom:0px;}.elementor-7747 .elementor-element.elementor-element-db82e9c .pxl-heading .pxl-item--subtitle{margin-bottom:0px;}.elementor-7747 .elementor-element.elementor-element-763af99 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-7747 .elementor-element.elementor-element-a6d67b8 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-7747 .elementor-element.elementor-element-a6d67b8 .pxl-heading .pxl-heading--inner{max-width:830px;}.elementor-7747 .elementor-element.elementor-element-a6d67b8 .pxl-heading .pxl-item--title{font-size:48px;letter-spacing:-0.96px;margin-bottom:0px;}.elementor-7747 .elementor-element.elementor-element-f8ab552 .e-con-overlay{opacity:0%;}.elementor-7747 .elementor-element.elementor-element-8cad7be > .elementor-element-populated{margin:0rem 2rem 0rem 0rem;--e-column-margin-right:2rem;--e-column-margin-left:0rem;}.elementor-7747 .elementor-element.elementor-element-16afd43 > .elementor-container{max-width:1300px;}.elementor-7747 .elementor-element.elementor-element-16afd43 .e-con-overlay{opacity:0%;}.elementor-7747 .elementor-element.elementor-element-16afd43{padding:7rem 0rem 2rem 0rem;}.elementor-7747 .elementor-element.elementor-element-49997ae.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-7747 .elementor-element.elementor-element-49997ae > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-7747 .elementor-element.elementor-element-8fbdb48 > .elementor-container{max-width:1300px;}.elementor-7747 .elementor-element.elementor-element-8fbdb48 .e-con-overlay{opacity:0%;}.elementor-7747 .elementor-element.elementor-element-8fbdb48{padding:4rem 0rem 0rem 0rem;}.elementor-7747 .elementor-element.elementor-element-41995d1.pxl-column-sticky{top:160px;}.elementor-7747 .elementor-element.elementor-element-41995d1 > .elementor-element-populated{padding:0.5rem 0rem 0rem 0rem;}.elementor-7747 .elementor-element.elementor-element-f247b01 .pxl-heading .pxl-item--title{margin-bottom:0px;}.elementor-7747 .elementor-element.elementor-element-f247b01 .pxl-heading .pxl-item--subtitle{margin-bottom:0px;}.elementor-7747 .elementor-element.elementor-element-4117722 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-7747 .elementor-element.elementor-element-431df7b > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-7747 .elementor-element.elementor-element-431df7b .pxl-heading .pxl-heading--inner{max-width:830px;}.elementor-7747 .elementor-element.elementor-element-431df7b .pxl-heading .pxl-item--title{font-size:48px;letter-spacing:-0.96px;margin-bottom:0px;}.elementor-7747 .elementor-element.elementor-element-67d099a .e-con-overlay{opacity:0%;}.elementor-7747 .elementor-element.elementor-element-fb74db8 > .elementor-element-populated{margin:0rem 2rem 0rem 0rem;--e-column-margin-right:2rem;--e-column-margin-left:0rem;}.elementor-7747 .elementor-element.elementor-element-beb7a2e .pxl-text-editor .pxl-item--inner{max-width:564px;}.elementor-7747 .elementor-element.elementor-element-9c2bde9 > .elementor-container{max-width:1300px;}.elementor-7747 .elementor-element.elementor-element-9c2bde9 .e-con-overlay{opacity:0%;}.elementor-7747 .elementor-element.elementor-element-9c2bde9{padding:6rem 0rem 7rem 0rem;}.elementor-7747 .elementor-element.elementor-element-00da294.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-7747 .elementor-element.elementor-element-00da294 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-7747 .elementor-element.elementor-element-f3b3c21{--display:flex;}.elementor-7747 .elementor-element.elementor-element-5b43deb > .elementor-widget-container{margin:3rem 0rem 0rem 0rem;}.elementor-7747 .elementor-element.elementor-element-5b43deb .pxl-heading{text-align:center;}.elementor-7747 .elementor-element.elementor-element-5b43deb .pxl-heading .pxl-heading--inner{max-width:690px;}.elementor-7747 .elementor-element.elementor-element-5b43deb .pxl-heading .pxl-item--title{font-size:48px;letter-spacing:-0.96px;margin-bottom:0px;}.elementor-7747 .elementor-element.elementor-element-5b43deb .pxl-heading .pxl-item--subtitle, .elementor-7747 .elementor-element.elementor-element-5b43deb .pxl-heading .pxl-item--subtitle span{font-size:14px;font-weight:600;text-transform:uppercase;line-height:28px;}.elementor-7747 .elementor-element.elementor-element-8f21cb4 > .elementor-widget-container{margin:0rem 0rem 4rem 0rem;}.elementor-7747 .elementor-element.elementor-element-8f21cb4 .pxl-text-editor{text-align:center;}.elementor-7747 .elementor-element.elementor-element-8f21cb4 .pxl-text-editor .pxl-item--inner{max-width:564px;}.elementor-7747 .elementor-element.elementor-element-c24e68d:not(.elementor-motion-effects-element-type-background), .elementor-7747 .elementor-element.elementor-element-c24e68d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAFBFF;}.elementor-7747 .elementor-element.elementor-element-c24e68d > .elementor-container{max-width:1300px;}.elementor-7747 .elementor-element.elementor-element-c24e68d .e-con-overlay{opacity:0%;}.elementor-7747 .elementor-element.elementor-element-c24e68d{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:8rem 0rem 5rem 0rem;z-index:1;}.elementor-7747 .elementor-element.elementor-element-c24e68d > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-7747 .elementor-element.elementor-element-57b728c > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-7747 .elementor-element.elementor-element-d6b7441 > .elementor-widget-container{margin:0rem 0rem 5rem 0rem;}.elementor-7747 .elementor-element.elementor-element-d6b7441 .pxl-heading{text-align:center;}.elementor-7747 .elementor-element.elementor-element-d6b7441 .pxl-heading .pxl-heading--inner{max-width:835px;}.elementor-7747 .elementor-element.elementor-element-d6b7441 .pxl-heading .pxl-item--title{font-size:48px;letter-spacing:-0.96px;margin-bottom:0px;}.elementor-7747 .elementor-element.elementor-element-d6b7441 .pxl-heading .pxl-item--subtitle, .elementor-7747 .elementor-element.elementor-element-d6b7441 .pxl-heading .pxl-item--subtitle span{font-size:14px;font-weight:600;text-transform:uppercase;line-height:28px;}.elementor-7747 .elementor-element.elementor-element-e466239 .e-con-overlay{opacity:0%;}.elementor-7747 .elementor-element.elementor-element-e466239{padding:7rem 0rem 5rem 0rem;}.elementor-7747 .elementor-element.elementor-element-0edde3e.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-7747 .elementor-element.elementor-element-0edde3e > .elementor-element-populated{padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-7747 .elementor-element.elementor-element-f3b3c21{--content-width:1300px;}}@media(max-width:1200px){.elementor-7747 .elementor-element.elementor-element-9370de1 .pxl-heading .pxl-heading--inner{max-width:740px;}.elementor-7747 .elementor-element.elementor-element-9370de1 .pxl-heading .pxl-item--title{font-size:60px;}.elementor-7747 .elementor-element.elementor-element-5b43deb .pxl-heading .pxl-item--title{font-size:45px;}.elementor-7747 .elementor-element.elementor-element-d6b7441 .pxl-heading .pxl-item--title{font-size:45px;}}@media(max-width:1024px){.elementor-7747 .elementor-element.elementor-element-1a4c33f{padding:100px 0px 50px 0px;}.elementor-7747 .elementor-element.elementor-element-9370de1 .pxl-heading .pxl-item--title{font-size:50px;}.elementor-7747 .elementor-element.elementor-element-9370de1 .pxl-heading .pxl-image--highlight{width:110px;}.elementor-7747 .elementor-element.elementor-element-16afd43{padding:0px 0px 50px 0px;}.elementor-7747 .elementor-element.elementor-element-9c2bde9{padding:0px 0px 50px 0px;}.elementor-7747 .elementor-element.elementor-element-5b43deb > .elementor-widget-container{margin:40px 0px 40px 0px;}.elementor-7747 .elementor-element.elementor-element-5b43deb .pxl-heading .pxl-item--title{font-size:40px;}.elementor-7747 .elementor-element.elementor-element-c24e68d{padding:100px 0px 100px 0px;}.elementor-7747 .elementor-element.elementor-element-d6b7441 > .elementor-widget-container{margin:40px 0px 40px 0px;}.elementor-7747 .elementor-element.elementor-element-d6b7441 .pxl-heading .pxl-item--title{font-size:40px;}.elementor-7747 .elementor-element.elementor-element-e466239{padding:0px 0px 50px 0px;}}@media(max-width:767px){.elementor-7747 .elementor-element.elementor-element-1a4c33f{padding:3rem 0rem 0rem 0rem;}.elementor-7747 .elementor-element.elementor-element-9370de1 .pxl-heading .pxl-item--title{font-size:45px;}.elementor-7747 .elementor-element.elementor-element-9370de1 .pxl-heading .pxl-item--subtitle, .elementor-7747 .elementor-element.elementor-element-9370de1 .pxl-heading .pxl-item--subtitle span{font-size:10px;}.elementor-7747 .elementor-element.elementor-element-2bc8564 > .elementor-widget-container{margin:50px 0px 0px 0px;}.elementor-7747 .elementor-element.elementor-element-16afd43{padding:0px 0px 90px 0px;}.elementor-7747 .elementor-element.elementor-element-9c2bde9{padding:0px 0px 90px 0px;}.elementor-7747 .elementor-element.elementor-element-f3b3c21{--margin-top:3rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;}.elementor-7747 .elementor-element.elementor-element-5b43deb > .elementor-widget-container{margin:0rem 0rem 2rem 0rem;}.elementor-7747 .elementor-element.elementor-element-5b43deb .pxl-heading .pxl-item--title{font-size:35px;}.elementor-7747 .elementor-element.elementor-element-5b43deb .pxl-heading .pxl-item--subtitle, .elementor-7747 .elementor-element.elementor-element-5b43deb .pxl-heading .pxl-item--subtitle span{font-size:11px;}.elementor-7747 .elementor-element.elementor-element-c24e68d{margin-top:1rem;margin-bottom:3rem;padding:0px 0px 0px 0px;}.elementor-7747 .elementor-element.elementor-element-d6b7441 > .elementor-widget-container{margin:0rem 0rem 2rem 0rem;}.elementor-7747 .elementor-element.elementor-element-d6b7441 .pxl-heading .pxl-item--title{font-size:35px;}.elementor-7747 .elementor-element.elementor-element-d6b7441 .pxl-heading .pxl-item--subtitle, .elementor-7747 .elementor-element.elementor-element-d6b7441 .pxl-heading .pxl-item--subtitle span{font-size:11px;}.elementor-7747 .elementor-element.elementor-element-e466239{padding:0px 0px 90px 0px;}}/* Start custom CSS for pxl_heading, class: .elementor-element-9370de1 */.elementor-7747 .elementor-element.elementor-element-9370de1 h1{
    font-size: clamp(34px,24px + 2.6vw,74px) !important
    
}
/* Hizmetler hero: yan kart yok, metin alanı geniş */
.elementor-7747 .elementor-element.elementor-element-9370de1{--cys-hero-textw:1160}
@media (min-width:1025px){
  .elementor-7747 .elementor-element.elementor-element-9370de1 .pxl-text-editor .pxl-item--inner{max-width:calc(860 * var(--u)) !important}
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-1a4c33f *//* Çayyolu Servis · hero (section f6bae77) → Gelişmiş → Özel CSS · v3 (8 Ekim 2026)
   Bu section'daki eski özel CSS'in tamamının yerine geçer.

   MANTIK: Masaüstünde hero'nun her ölçüsü tek bir birimden türer: --u = arka plan
   görselinin 1 tuval pikseli (görsel 1600 × 970 tuvalde çizildi). Görsel küçülürse
   başlık, boşluklar, açıklama, logo şeridi aynı oranda küçülür; satır kırılımları ve
   hizalar her ekranda aynı kalır. Yükseklik içerikten değil görselden gelir.

   Tuval ölçüleri (hepsi × --u):
     yan kart sütunları   x 100–340 ve 1260–1500, y 120–876
     alt iki kart         y 730–876
     metin için boş alan  x 340–1260 (920 genişlik), y 120–730
     logo şeridi          merkezi y 803 (alt kartların ortası)
     hero yüksekliği      920

   AYAR: yalnızca aşağıdaki iki satır.
     --cys-hero-title  başlık punto değeri (tuval pikseli). Başlığı büyütüp küçültmek için.
     --cys-hero-textw  başlığın en fazla genişliği. 920'yi geçerse yan kartlara biner. */

.elementor-7747 .elementor-element.elementor-element-1a4c33f{
  --cys-hero-title:64;
  --cys-hero-textw:880;
  background-color:#050404 !important;
  background-repeat:no-repeat !important;
}

/* ============ MASAÜSTÜ VE DİZÜSTÜ (1025 px ve üstü) ============ */
@media (min-width:1025px){
  .elementor-7747 .elementor-element.elementor-element-1a4c33f{
    /* Görselin genişliği üç sınırın en küçüğü:
       1600px                    görselin asıl boyutu
       113vw                     dar ekranda yan kartlar kesilmesin
       (ekran yüksekliği-120)*2  hero ilk ekrana sığsın; 1150px'in altına inmez */
    --cys-hero-bg:min(1600px,113vw,max(1150px,(100vh - 120px) * 2));
    --cys-hero-bg:min(1600px,113vw,max(1150px,(100svh - 120px) * 2));
    --u:calc(var(--cys-hero-bg) / 1600);
    /* Aynı ölçeğin birimsiz hali (zoom için): 1600'de 1, 1340'ta 0,8375 */
    --cys-hero-s:tan(atan2(var(--cys-hero-bg),1600px));
    /* Header sabit yükseklikte olduğu için kartların üst kenarı hep 120px'te durur */
    --cys-hero-off:calc(120px - 120 * var(--u));

    padding:0 15px !important;
    background-size:var(--cys-hero-bg) auto !important;
    background-position:center var(--cys-hero-off) !important;
  }

  /* Yükseklik: 120px + 800u (tuvalde 920). Elementor'daki "60vh" en az yükseklik ezilir. */
  .elementor-7747 .elementor-element.elementor-element-1a4c33f > .elementor-container{
    min-height:calc(120px + 800 * var(--u)) !important;
    align-items:stretch !important;
  }
  .elementor-7747 .elementor-element.elementor-element-1a4c33f > .elementor-container > .elementor-column > .elementor-widget-wrap{
    flex-direction:column;
    flex-wrap:nowrap;
    align-content:normal;
    padding:120px 15px calc(44 * var(--u)) !important;
  }

  /* Metin bloğu (rozet + başlık + açıklama + buton) boş alanın dikey ortasında durur:
     üstte başlığa, altta logo şeridine verilen "auto" boşluklar kalan yeri eşit paylaşır.
     Başlık 2 satıra insin ya da 4'e çıksın, logo şeridi ve hero yüksekliği yerinden oynamaz. */
  .elementor-7747 .elementor-element.elementor-element-1a4c33f .elementor-widget-pxl_heading{margin-top:auto}
  .elementor-7747 .elementor-element.elementor-element-1a4c33f .elementor-widget-pxl_heading > .elementor-widget-container{margin:0 0 calc(32 * var(--u)) !important}
  .elementor-7747 .elementor-element.elementor-element-1a4c33f .pxl-heading .pxl-heading--inner{max-width:calc(var(--cys-hero-textw) * var(--u)) !important;margin-left:auto;margin-right:auto}
  .elementor-7747 .elementor-element.elementor-element-1a4c33f .pxl-heading .pxl-item--subtitle{margin-bottom:calc(18 * var(--u)) !important}
  .elementor-7747 .elementor-element.elementor-element-1a4c33f .pxl-heading .pxl-item--subtitle,
  .elementor-7747 .elementor-element.elementor-element-1a4c33f .pxl-heading .pxl-item--subtitle span{font-size:max(12px,calc(14 * var(--u))) !important;line-height:2 !important}
  .elementor-7747 .elementor-element.elementor-element-1a4c33f .pxl-heading .pxl-item--title{
    font-size:calc(var(--cys-hero-title) * var(--u)) !important;
    line-height:1.1 !important;
    letter-spacing:-.025em !important;
    margin-bottom:0 !important;
  }
  /* Başlıktaki dönen yüzler: tema 180 × 60 px sabit veriyor; zoom ile başlıkla aynı oranda küçülür.
     Sabit kalırsa küçük ekranda satırda daha çok yer tutar ve kırılım değişir. */
  .elementor-7747 .elementor-element.elementor-element-1a4c33f .pxl-heading .pxl-image-highlight-carousel{zoom:var(--cys-hero-s)}

  .elementor-7747 .elementor-element.elementor-element-1a4c33f .elementor-widget-pxl_text_editor > .elementor-widget-container{margin:0 0 calc(34 * var(--u)) !important}
  .elementor-7747 .elementor-element.elementor-element-1a4c33f .pxl-text-editor .pxl-item--inner{max-width:calc(760 * var(--u)) !important;margin-left:auto;margin-right:auto}
  .elementor-7747 .elementor-element.elementor-element-1a4c33f .pxl-text-editor,
  .elementor-7747 .elementor-element.elementor-element-1a4c33f .pxl-text-editor p{font-size:max(15px,calc(18 * var(--u))) !important;line-height:1.5 !important;margin-bottom:0}

  .elementor-7747 .elementor-element.elementor-element-1a4c33f .elementor-widget-pxl_button > .elementor-widget-container{margin:0 !important}

  /* Logo şeridi: hero'nun dibine sabit. Kutusu alt kartların kutusuyla aynı (y 730–876),
     logolar kutunun dikey ortasında (y 803). */
  .elementor-7747 .elementor-element.elementor-element-1a4c33f .elementor-widget-pxl_client_carousel{
    margin-top:auto;
    position:relative;
    --cys-logo-w:calc(140 * var(--u));
    --cys-logo-h:calc(40 * var(--u));
  }
  .elementor-7747 .elementor-element.elementor-element-1a4c33f .elementor-widget-pxl_client_carousel > .elementor-widget-container{
    position:relative;z-index:1;
    display:flex;align-items:center;
    height:calc(146 * var(--u));
    margin:0 !important;
    padding:0 !important;
  }
  .elementor-7747 .elementor-element.elementor-element-1a4c33f .elementor-widget-pxl_client_carousel .pxl-swiper-slider{width:100%;min-width:0}
  /* Logoların arkası: altta %100, üstte %0 karartma */
  .elementor-7747 .elementor-element.elementor-element-1a4c33f .elementor-widget-pxl_client_carousel::before{
    content:"";position:absolute;z-index:0;pointer-events:none;
    left:50%;width:100vw;margin-left:-50vw;
    top:calc(-50 * var(--u));bottom:calc(-44 * var(--u));
    background:linear-gradient(to top, rgba(5,4,4,1) 0%, rgba(5,4,4,.85) 29%, rgba(5,4,4,.2) 52%, rgba(5,4,4,0) 100%);
  }

  /* Overlay: ortadaki hafif gradyan (görselle birlikte ölçeklenir) + spotlight */
  .elementor-7747 .elementor-element.elementor-element-1a4c33f > .e-con-overlay.cursor-spotlight{
    --pxl-background-color:#050404;
    background-image:
      radial-gradient(ellipse calc(440 * var(--u)) calc(250 * var(--u)) at calc(50% + 10 * var(--u)) calc(var(--cys-hero-off) + 300 * var(--u)), rgba(71,55,255,.46) 0%, rgba(71,55,255,0) 72%),
      radial-gradient(ellipse calc(330 * var(--u)) calc(190 * var(--u)) at calc(50% - 170 * var(--u)) calc(var(--cys-hero-off) + 520 * var(--u)), rgba(53,41,191,.40) 0%, rgba(53,41,191,0) 72%),
      radial-gradient(ellipse calc(260 * var(--u)) calc(170 * var(--u)) at calc(50% + 240 * var(--u)) calc(var(--cys-hero-off) + 170 * var(--u)), rgba(232,81,1,.16) 0%, rgba(232,81,1,0) 72%),
      radial-gradient(circle calc(var(--pxl-box-size) * 1.6) at var(--pxl-translate-x) var(--pxl-translate-y), transparent 0, transparent 58%, var(--pxl-background-color) 100%);
  }
}

/* ============ TABLET VE TELEFON (1024 px ve altı) ============
   Görsel yok (kartlar koda taşındı), sadece gradyan. Yükseklik içerikten gelir. */
@media (max-width:1024px){
  .elementor-7747 .elementor-element.elementor-element-1a4c33f{background-image:none !important}
  .elementor-7747 .elementor-element.elementor-element-1a4c33f > .elementor-container{min-height:0 !important}
  /* Logo şeridi: butonla arası ve hero'nun alt kenarıyla arası eşit */
  .elementor-7747 .elementor-element.elementor-element-1a4c33f .elementor-widget-pxl_client_carousel > .elementor-widget-container{margin:44px 0 0 !important;padding:0 0 44px !important}
  .elementor-7747 .elementor-element.elementor-element-1a4c33f > .e-con-overlay.cursor-spotlight{
    --pxl-background-color:#050404;
    opacity:1;
    background-image:
      radial-gradient(ellipse 300px 220px at 50% 300px, rgba(71,55,255,.42) 0%, rgba(71,55,255,0) 72%),
      radial-gradient(ellipse 220px 160px at 20% 470px, rgba(53,41,191,.36) 0%, rgba(53,41,191,0) 72%),
      radial-gradient(ellipse 180px 130px at 85% 160px, rgba(232,81,1,.15) 0%, rgba(232,81,1,0) 72%);
  }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-16afd43 *//* ==========================================================================
   ÇAYYOLU SERVİS · HAKKIMIZDA · SAYAÇ KARTLARI · v1 (17 Ekim 2026)
   Yer: sayaç kartlarının bulunduğu BÖLÜM (section 16afd43) → Gelişmiş → Özel CSS.
   ".elementor-7747 .elementor-element.elementor-element-16afd43" Elementor'un bölümü gösteren anahtar kelimesi; olduğu gibi kalır.

   Sıra bölümdeki widget sırasına bağlı: 1. başlık, 2. turuncu kart, 3. koyu kart, 4. açık kart.
   Sıra değişirse :nth-child(2/3/4) numaraları da değişir.
   Gradyan yok: düz zeminler. Renkler renk-ve-tipografi-kararlari.md'den.

   Widget içerikleri (Elementor'da):
     Kart 1  Başlık "Deneyim"        Başlangıç 0  Bitiş 25   Son ek "+"    Alt metin "yıllık deneyim"
     Kart 2  Başlık "Google puanı"   Başlangıç 0  Bitiş 4.9  Son ek "/5"   Alt metin "571 yorumun ortalaması"
     Kart 3  Başlık "Garanti"        Başlangıç 0  Bitiş 3    Son ek " ay"  Alt metin "tamir garantisi"
   Sayma için cys-sayac-duzeltme.php snippet'i gerekli (tema sayacı Elementor 4.2.4'te tetiklenmiyor).
   ========================================================================== */

/* ---- Ortak kart ---- */
.elementor-7747 .elementor-element.elementor-element-16afd43 .elementor-widget-pxl_counter_box .pxl-counter-box{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:300px;
  min-height:300px;
  padding:40px 32px 36px;
  border-radius:20px;
  text-align:center;
  overflow:hidden;
  isolation:isolate;
  transition:transform .45s cubic-bezier(.22,.8,.2,1),box-shadow .45s cubic-bezier(.22,.8,.2,1);
}
.elementor-7747 .elementor-element.elementor-element-16afd43 .elementor-widget-pxl_counter_box .pxl-counter-box .pxl-counter--holder{
  display:flex;
  flex-direction:column;
  align-items:center;
  width:100%;
}

/* Hap etiket */
.elementor-7747 .elementor-element.elementor-element-16afd43 .elementor-widget-pxl_counter_box .pxl-counter-box .pxl-counter--title{
  display:inline-flex;
  align-items:center;
  height:28px;
  padding:0 12px;
  border-radius:999px;
  font-family:"acumin-pro",sans-serif;
  font-size:12.5px;
  font-weight:600;
  line-height:1;
  letter-spacing:.08em;
  text-transform:uppercase;
  white-space:nowrap;
}

/* İkon (3B görsel ya da SVG) */
.elementor-7747 .elementor-element.elementor-element-16afd43 .elementor-widget-pxl_counter_box .pxl-counter-box .pxl-item--icon{margin:0}
.elementor-7747 .elementor-element.elementor-element-16afd43 .elementor-widget-pxl_counter_box .pxl-counter-box .pxl-item--icon .icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:76px;
  height:76px;
  margin:22px auto 6px;
}
.elementor-7747 .elementor-element.elementor-element-16afd43 .elementor-widget-pxl_counter_box .pxl-counter-box .pxl-item--icon .icon svg,
.elementor-7747 .elementor-element.elementor-element-16afd43 .elementor-widget-pxl_counter_box .pxl-counter-box .pxl-item--icon .icon img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}

/* Rakam */
.elementor-7747 .elementor-element.elementor-element-16afd43 .elementor-widget-pxl_counter_box .pxl-counter-box .pxl-counter--number{
  justify-content:center;
  margin:0;
  font-family:"articulat-cf","acumin-pro",sans-serif;
  font-size:clamp(56px,3.6vw + 12px,72px);
  font-weight:700;
  line-height:1;
  letter-spacing:-.04em;
  font-variant-numeric:tabular-nums;          /* sayarken genişlik oynamasın */
}
.elementor-7747 .elementor-element.elementor-element-16afd43 .elementor-widget-pxl_counter_box .pxl-counter-box .pxl-item--number{display:flex;align-items:baseline;justify-content:center}
.elementor-7747 .elementor-element.elementor-element-16afd43 .elementor-widget-pxl_counter_box .pxl-counter-box .pxl-counter--suffix{
  margin-left:.04em;
  font-size:.5em;
  font-weight:600;
  letter-spacing:-.01em;
  text-transform:none;                        /* tema son eki büyük harfe çeviriyor ("AY") */
}
/* Kart 1: "+" küçük ve yukarıda, rakamın üst hizasına yakın */
.elementor-7747 .elementor-element.elementor-element-16afd43 .elementor-widget-pxl_counter_box:nth-child(2) .pxl-counter-box .pxl-counter--suffix{
  font-size:.62em;
  transform:translateY(-.42em);
}
/* Kart 3: rakamla "ay" arasında boşluk (widget'ta boşluk yazmaya gerek kalmaz) */
.elementor-7747 .elementor-element.elementor-element-16afd43 .elementor-widget-pxl_counter_box:nth-child(4) .pxl-counter-box .pxl-counter--suffix{margin-left:.16em}

/* Alt metin */
.elementor-7747 .elementor-element.elementor-element-16afd43 .elementor-widget-pxl_counter_box .pxl-counter-box .pxl-counter--plus{
  display:block;
  margin-top:12px;
  font-family:"acumin-pro",sans-serif;
  font-size:16.5px;
  font-weight:400;
  line-height:1.4;
  text-transform:none;                        /* tema her kelimeyi büyük harfle başlatıyor */
}

/* ---- Kart 1 · turuncu (birincil eylem rengi; turuncuda yazı koyu, beyaz yazının kontrastı yetmez) ---- */
.elementor-7747 .elementor-element.elementor-element-16afd43 .elementor-widget-pxl_counter_box:nth-child(2) .pxl-counter-box{background:#E85101}
.elementor-7747 .elementor-element.elementor-element-16afd43 .elementor-widget-pxl_counter_box:nth-child(2) .pxl-counter-box .pxl-counter--title{background:#FFFFFF;color:#101018}
.elementor-7747 .elementor-element.elementor-element-16afd43 .elementor-widget-pxl_counter_box:nth-child(2) .pxl-counter-box .pxl-counter--number,
.elementor-7747 .elementor-element.elementor-element-16afd43 .elementor-widget-pxl_counter_box:nth-child(2) .pxl-counter-box .pxl-counter--suffix{color:#101018}
.elementor-7747 .elementor-element.elementor-element-16afd43 .elementor-widget-pxl_counter_box:nth-child(2) .pxl-counter-box .pxl-counter--plus{color:rgba(16,16,24,.78)}

/* ---- Kart 2 · koyu (hero rengi) ---- */
.elementor-7747 .elementor-element.elementor-element-16afd43 .elementor-widget-pxl_counter_box:nth-child(3) .pxl-counter-box{
  background:#050404;
  box-shadow:inset 0 0 0 1px rgba(243,245,249,.08);
}
.elementor-7747 .elementor-element.elementor-element-16afd43 .elementor-widget-pxl_counter_box:nth-child(3) .pxl-counter-box .pxl-counter--title{background:#ACA5FF;color:#101018}
.elementor-7747 .elementor-element.elementor-element-16afd43 .elementor-widget-pxl_counter_box:nth-child(3) .pxl-counter-box .pxl-counter--number{color:#F3F5F9}
.elementor-7747 .elementor-element.elementor-element-16afd43 .elementor-widget-pxl_counter_box:nth-child(3) .pxl-counter-box .pxl-counter--suffix{color:#ACA5FF}
.elementor-7747 .elementor-element.elementor-element-16afd43 .elementor-widget-pxl_counter_box:nth-child(3) .pxl-counter-box .pxl-counter--plus{color:#A7ADB8}

/* ---- Kart 3 · açık ---- */
.elementor-7747 .elementor-element.elementor-element-16afd43 .elementor-widget-pxl_counter_box:nth-child(4) .pxl-counter-box{
  background:#FFFFFF;
  box-shadow:inset 0 0 0 1px #E4E7F0;
}
.elementor-7747 .elementor-element.elementor-element-16afd43 .elementor-widget-pxl_counter_box:nth-child(4) .pxl-counter-box .pxl-counter--title{background:#101018;color:#FFFFFF}
.elementor-7747 .elementor-element.elementor-element-16afd43 .elementor-widget-pxl_counter_box:nth-child(4) .pxl-counter-box .pxl-counter--number{color:#101018}
.elementor-7747 .elementor-element.elementor-element-16afd43 .elementor-widget-pxl_counter_box:nth-child(4) .pxl-counter-box .pxl-counter--suffix{color:#3529BF}
.elementor-7747 .elementor-element.elementor-element-16afd43 .elementor-widget-pxl_counter_box:nth-child(4) .pxl-counter-box .pxl-counter--plus{color:#686E78}

/* ---- Hover: hafif kalkış (yalnızca fareli ekran) ---- */
@media (hover:hover) and (pointer:fine){
  .elementor-7747 .elementor-element.elementor-element-16afd43 .elementor-widget-pxl_counter_box .pxl-counter-box:hover{transform:translateY(-6px)}
  .elementor-7747 .elementor-element.elementor-element-16afd43 .elementor-widget-pxl_counter_box:nth-child(2) .pxl-counter-box:hover{box-shadow:0 28px 50px -30px rgba(232,81,1,.75)}
  .elementor-7747 .elementor-element.elementor-element-16afd43 .elementor-widget-pxl_counter_box:nth-child(3) .pxl-counter-box:hover{box-shadow:inset 0 0 0 1px rgba(243,245,249,.08),0 28px 50px -30px rgba(5,4,4,.8)}
  .elementor-7747 .elementor-element.elementor-element-16afd43 .elementor-widget-pxl_counter_box:nth-child(4) .pxl-counter-box:hover{box-shadow:inset 0 0 0 1px #E4E7F0,0 28px 50px -30px rgba(16,16,24,.35)}
}

/* ---- Tablet: üç kart yan yana sığmazsa eşit genişlikte ---- */
@media (max-width:1024px){
  .elementor-7747 .elementor-element.elementor-element-16afd43 .elementor-widget-pxl_counter_box .pxl-counter-box{width:100%;min-height:270px;padding:34px 22px 30px}
}

/* ---- Telefon: tam genişlik, alt alta; yan boşluk bölümün kendi boşluğu (diğer bölümlerle eşit) ---- */
@media (max-width:767px){
  .elementor-7747 .elementor-element.elementor-element-16afd43 .elementor-widget-pxl_counter_box{width:100% !important;max-width:100%}
  .elementor-7747 .elementor-element.elementor-element-16afd43 .elementor-widget-pxl_counter_box + .elementor-widget-pxl_counter_box{margin-top:12px}
  .elementor-7747 .elementor-element.elementor-element-16afd43 .elementor-widget-pxl_counter_box .pxl-counter-box{
    width:100%;
    min-height:0;
    padding:30px 20px 28px;
    border-radius:18px;
  }
  .elementor-7747 .elementor-element.elementor-element-16afd43 .elementor-widget-pxl_counter_box .pxl-counter-box .pxl-item--icon .icon{width:60px;height:60px;margin:18px auto 4px}
  .elementor-7747 .elementor-element.elementor-element-16afd43 .elementor-widget-pxl_counter_box .pxl-counter-box .pxl-counter--number{font-size:56px}
  .elementor-7747 .elementor-element.elementor-element-16afd43 .elementor-widget-pxl_counter_box .pxl-counter-box .pxl-counter--plus{margin-top:10px;font-size:15.5px}
}

@media (prefers-reduced-motion:reduce){
  .elementor-7747 .elementor-element.elementor-element-16afd43 .elementor-widget-pxl_counter_box .pxl-counter-box{transition:none}
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-9c2bde9 *//* ==========================================================================
   ÇAYYOLU SERVİS · HAKKIMIZDA · SAYAÇ KARTLARI · v1 (17 Ekim 2026)
   Yer: sayaç kartlarının bulunduğu BÖLÜM (section 16afd43) → Gelişmiş → Özel CSS.
   ".elementor-7747 .elementor-element.elementor-element-9c2bde9" Elementor'un bölümü gösteren anahtar kelimesi; olduğu gibi kalır.

   Sıra bölümdeki widget sırasına bağlı: 1. başlık, 2. turuncu kart, 3. koyu kart, 4. açık kart.
   Sıra değişirse :nth-child(2/3/4) numaraları da değişir.
   Gradyan yok: düz zeminler. Renkler renk-ve-tipografi-kararlari.md'den.

   Widget içerikleri (Elementor'da):
     Kart 1  Başlık "Deneyim"        Başlangıç 0  Bitiş 25   Son ek "+"    Alt metin "yıllık deneyim"
     Kart 2  Başlık "Google puanı"   Başlangıç 0  Bitiş 4.9  Son ek "/5"   Alt metin "571 yorumun ortalaması"
     Kart 3  Başlık "Garanti"        Başlangıç 0  Bitiş 3    Son ek " ay"  Alt metin "tamir garantisi"
   Sayma için cys-sayac-duzeltme.php snippet'i gerekli (tema sayacı Elementor 4.2.4'te tetiklenmiyor).
   ========================================================================== */

/* ---- Ortak kart ---- */
.elementor-7747 .elementor-element.elementor-element-9c2bde9 .elementor-widget-pxl_counter_box .pxl-counter-box{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:300px;
  min-height:300px;
  padding:40px 32px 36px;
  border-radius:20px;
  text-align:center;
  overflow:hidden;
  isolation:isolate;
  transition:transform .45s cubic-bezier(.22,.8,.2,1),box-shadow .45s cubic-bezier(.22,.8,.2,1);
}
.elementor-7747 .elementor-element.elementor-element-9c2bde9 .elementor-widget-pxl_counter_box .pxl-counter-box .pxl-counter--holder{
  display:flex;
  flex-direction:column;
  align-items:center;
  width:100%;
}

/* Hap etiket */
.elementor-7747 .elementor-element.elementor-element-9c2bde9 .elementor-widget-pxl_counter_box .pxl-counter-box .pxl-counter--title{
  display:inline-flex;
  align-items:center;
  height:28px;
  padding:0 12px;
  border-radius:999px;
  font-family:"acumin-pro",sans-serif;
  font-size:12.5px;
  font-weight:600;
  line-height:1;
  letter-spacing:.08em;
  text-transform:uppercase;
  white-space:nowrap;
}

/* İkon (3B görsel ya da SVG) */
.elementor-7747 .elementor-element.elementor-element-9c2bde9 .elementor-widget-pxl_counter_box .pxl-counter-box .pxl-item--icon{margin:0}
.elementor-7747 .elementor-element.elementor-element-9c2bde9 .elementor-widget-pxl_counter_box .pxl-counter-box .pxl-item--icon .icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:76px;
  height:76px;
  margin:22px auto 6px;
}
.elementor-7747 .elementor-element.elementor-element-9c2bde9 .elementor-widget-pxl_counter_box .pxl-counter-box .pxl-item--icon .icon svg,
.elementor-7747 .elementor-element.elementor-element-9c2bde9 .elementor-widget-pxl_counter_box .pxl-counter-box .pxl-item--icon .icon img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}

/* Rakam */
.elementor-7747 .elementor-element.elementor-element-9c2bde9 .elementor-widget-pxl_counter_box .pxl-counter-box .pxl-counter--number{
  justify-content:center;
  margin:0;
  font-family:"articulat-cf","acumin-pro",sans-serif;
  font-size:clamp(56px,3.6vw + 12px,72px);
  font-weight:700;
  line-height:1;
  letter-spacing:-.04em;
  font-variant-numeric:tabular-nums;          /* sayarken genişlik oynamasın */
}
.elementor-7747 .elementor-element.elementor-element-9c2bde9 .elementor-widget-pxl_counter_box .pxl-counter-box .pxl-item--number{display:flex;align-items:baseline;justify-content:center}
.elementor-7747 .elementor-element.elementor-element-9c2bde9 .elementor-widget-pxl_counter_box .pxl-counter-box .pxl-counter--suffix{
  margin-left:.04em;
  font-size:.5em;
  font-weight:600;
  letter-spacing:-.01em;
  text-transform:none;                        /* tema son eki büyük harfe çeviriyor ("AY") */
}
/* Kart 1: "+" küçük ve yukarıda, rakamın üst hizasına yakın */
.elementor-7747 .elementor-element.elementor-element-9c2bde9 .elementor-widget-pxl_counter_box:nth-child(2) .pxl-counter-box .pxl-counter--suffix{
  font-size:.62em;
  transform:translateY(-.42em);
}
/* Kart 3: rakamla "ay" arasında boşluk (widget'ta boşluk yazmaya gerek kalmaz) */
.elementor-7747 .elementor-element.elementor-element-9c2bde9 .elementor-widget-pxl_counter_box:nth-child(4) .pxl-counter-box .pxl-counter--suffix{margin-left:.16em}

/* Alt metin */
.elementor-7747 .elementor-element.elementor-element-9c2bde9 .elementor-widget-pxl_counter_box .pxl-counter-box .pxl-counter--plus{
  display:block;
  margin-top:12px;
  font-family:"acumin-pro",sans-serif;
  font-size:16.5px;
  font-weight:400;
  line-height:1.4;
  text-transform:none;                        /* tema her kelimeyi büyük harfle başlatıyor */
}

/* ---- Kart 1 · turuncu (birincil eylem rengi; turuncuda yazı koyu, beyaz yazının kontrastı yetmez) ---- */
.elementor-7747 .elementor-element.elementor-element-9c2bde9 .elementor-widget-pxl_counter_box:nth-child(2) .pxl-counter-box{background:#E85101}
.elementor-7747 .elementor-element.elementor-element-9c2bde9 .elementor-widget-pxl_counter_box:nth-child(2) .pxl-counter-box .pxl-counter--title{background:#FFFFFF;color:#101018}
.elementor-7747 .elementor-element.elementor-element-9c2bde9 .elementor-widget-pxl_counter_box:nth-child(2) .pxl-counter-box .pxl-counter--number,
.elementor-7747 .elementor-element.elementor-element-9c2bde9 .elementor-widget-pxl_counter_box:nth-child(2) .pxl-counter-box .pxl-counter--suffix{color:#101018}
.elementor-7747 .elementor-element.elementor-element-9c2bde9 .elementor-widget-pxl_counter_box:nth-child(2) .pxl-counter-box .pxl-counter--plus{color:rgba(16,16,24,.78)}

/* ---- Kart 2 · koyu (hero rengi) ---- */
.elementor-7747 .elementor-element.elementor-element-9c2bde9 .elementor-widget-pxl_counter_box:nth-child(3) .pxl-counter-box{
  background:#050404;
  box-shadow:inset 0 0 0 1px rgba(243,245,249,.08);
}
.elementor-7747 .elementor-element.elementor-element-9c2bde9 .elementor-widget-pxl_counter_box:nth-child(3) .pxl-counter-box .pxl-counter--title{background:#ACA5FF;color:#101018}
.elementor-7747 .elementor-element.elementor-element-9c2bde9 .elementor-widget-pxl_counter_box:nth-child(3) .pxl-counter-box .pxl-counter--number{color:#F3F5F9}
.elementor-7747 .elementor-element.elementor-element-9c2bde9 .elementor-widget-pxl_counter_box:nth-child(3) .pxl-counter-box .pxl-counter--suffix{color:#ACA5FF}
.elementor-7747 .elementor-element.elementor-element-9c2bde9 .elementor-widget-pxl_counter_box:nth-child(3) .pxl-counter-box .pxl-counter--plus{color:#A7ADB8}

/* ---- Kart 3 · açık ---- */
.elementor-7747 .elementor-element.elementor-element-9c2bde9 .elementor-widget-pxl_counter_box:nth-child(4) .pxl-counter-box{
  background:#FFFFFF;
  box-shadow:inset 0 0 0 1px #E4E7F0;
}
.elementor-7747 .elementor-element.elementor-element-9c2bde9 .elementor-widget-pxl_counter_box:nth-child(4) .pxl-counter-box .pxl-counter--title{background:#101018;color:#FFFFFF}
.elementor-7747 .elementor-element.elementor-element-9c2bde9 .elementor-widget-pxl_counter_box:nth-child(4) .pxl-counter-box .pxl-counter--number{color:#101018}
.elementor-7747 .elementor-element.elementor-element-9c2bde9 .elementor-widget-pxl_counter_box:nth-child(4) .pxl-counter-box .pxl-counter--suffix{color:#3529BF}
.elementor-7747 .elementor-element.elementor-element-9c2bde9 .elementor-widget-pxl_counter_box:nth-child(4) .pxl-counter-box .pxl-counter--plus{color:#686E78}

/* ---- Hover: hafif kalkış (yalnızca fareli ekran) ---- */
@media (hover:hover) and (pointer:fine){
  .elementor-7747 .elementor-element.elementor-element-9c2bde9 .elementor-widget-pxl_counter_box .pxl-counter-box:hover{transform:translateY(-6px)}
  .elementor-7747 .elementor-element.elementor-element-9c2bde9 .elementor-widget-pxl_counter_box:nth-child(2) .pxl-counter-box:hover{box-shadow:0 28px 50px -30px rgba(232,81,1,.75)}
  .elementor-7747 .elementor-element.elementor-element-9c2bde9 .elementor-widget-pxl_counter_box:nth-child(3) .pxl-counter-box:hover{box-shadow:inset 0 0 0 1px rgba(243,245,249,.08),0 28px 50px -30px rgba(5,4,4,.8)}
  .elementor-7747 .elementor-element.elementor-element-9c2bde9 .elementor-widget-pxl_counter_box:nth-child(4) .pxl-counter-box:hover{box-shadow:inset 0 0 0 1px #E4E7F0,0 28px 50px -30px rgba(16,16,24,.35)}
}

/* ---- Tablet: üç kart yan yana sığmazsa eşit genişlikte ---- */
@media (max-width:1024px){
  .elementor-7747 .elementor-element.elementor-element-9c2bde9 .elementor-widget-pxl_counter_box .pxl-counter-box{width:100%;min-height:270px;padding:34px 22px 30px}
}

/* ---- Telefon: tam genişlik, alt alta; yan boşluk bölümün kendi boşluğu (diğer bölümlerle eşit) ---- */
@media (max-width:767px){
  .elementor-7747 .elementor-element.elementor-element-9c2bde9 .elementor-widget-pxl_counter_box{width:100% !important;max-width:100%}
  .elementor-7747 .elementor-element.elementor-element-9c2bde9 .elementor-widget-pxl_counter_box + .elementor-widget-pxl_counter_box{margin-top:12px}
  .elementor-7747 .elementor-element.elementor-element-9c2bde9 .elementor-widget-pxl_counter_box .pxl-counter-box{
    width:100%;
    min-height:0;
    padding:30px 20px 28px;
    border-radius:18px;
  }
  .elementor-7747 .elementor-element.elementor-element-9c2bde9 .elementor-widget-pxl_counter_box .pxl-counter-box .pxl-item--icon .icon{width:60px;height:60px;margin:18px auto 4px}
  .elementor-7747 .elementor-element.elementor-element-9c2bde9 .elementor-widget-pxl_counter_box .pxl-counter-box .pxl-counter--number{font-size:56px}
  .elementor-7747 .elementor-element.elementor-element-9c2bde9 .elementor-widget-pxl_counter_box .pxl-counter-box .pxl-counter--plus{margin-top:10px;font-size:15.5px}
}

@media (prefers-reduced-motion:reduce){
  .elementor-7747 .elementor-element.elementor-element-9c2bde9 .elementor-widget-pxl_counter_box .pxl-counter-box{transition:none}
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-e466239 *//* ==========================================================================
   ÇAYYOLU SERVİS · HAKKIMIZDA · SAYAÇ KARTLARI · v1 (17 Ekim 2026)
   Yer: sayaç kartlarının bulunduğu BÖLÜM (section 16afd43) → Gelişmiş → Özel CSS.
   ".elementor-7747 .elementor-element.elementor-element-e466239" Elementor'un bölümü gösteren anahtar kelimesi; olduğu gibi kalır.

   Sıra bölümdeki widget sırasına bağlı: 1. başlık, 2. turuncu kart, 3. koyu kart, 4. açık kart.
   Sıra değişirse :nth-child(2/3/4) numaraları da değişir.
   Gradyan yok: düz zeminler. Renkler renk-ve-tipografi-kararlari.md'den.

   Widget içerikleri (Elementor'da):
     Kart 1  Başlık "Deneyim"        Başlangıç 0  Bitiş 25   Son ek "+"    Alt metin "yıllık deneyim"
     Kart 2  Başlık "Google puanı"   Başlangıç 0  Bitiş 4.9  Son ek "/5"   Alt metin "571 yorumun ortalaması"
     Kart 3  Başlık "Garanti"        Başlangıç 0  Bitiş 3    Son ek " ay"  Alt metin "tamir garantisi"
   Sayma için cys-sayac-duzeltme.php snippet'i gerekli (tema sayacı Elementor 4.2.4'te tetiklenmiyor).
   ========================================================================== */

/* ---- Ortak kart ---- */
.elementor-7747 .elementor-element.elementor-element-e466239 .elementor-widget-pxl_counter_box .pxl-counter-box{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:300px;
  min-height:300px;
  padding:40px 32px 36px;
  border-radius:20px;
  text-align:center;
  overflow:hidden;
  isolation:isolate;
  transition:transform .45s cubic-bezier(.22,.8,.2,1),box-shadow .45s cubic-bezier(.22,.8,.2,1);
}
.elementor-7747 .elementor-element.elementor-element-e466239 .elementor-widget-pxl_counter_box .pxl-counter-box .pxl-counter--holder{
  display:flex;
  flex-direction:column;
  align-items:center;
  width:100%;
}

/* Hap etiket */
.elementor-7747 .elementor-element.elementor-element-e466239 .elementor-widget-pxl_counter_box .pxl-counter-box .pxl-counter--title{
  display:inline-flex;
  align-items:center;
  height:28px;
  padding:0 12px;
  border-radius:999px;
  font-family:"acumin-pro",sans-serif;
  font-size:12.5px;
  font-weight:600;
  line-height:1;
  letter-spacing:.08em;
  text-transform:uppercase;
  white-space:nowrap;
}

/* İkon (3B görsel ya da SVG) */
.elementor-7747 .elementor-element.elementor-element-e466239 .elementor-widget-pxl_counter_box .pxl-counter-box .pxl-item--icon{margin:0}
.elementor-7747 .elementor-element.elementor-element-e466239 .elementor-widget-pxl_counter_box .pxl-counter-box .pxl-item--icon .icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:76px;
  height:76px;
  margin:22px auto 6px;
}
.elementor-7747 .elementor-element.elementor-element-e466239 .elementor-widget-pxl_counter_box .pxl-counter-box .pxl-item--icon .icon svg,
.elementor-7747 .elementor-element.elementor-element-e466239 .elementor-widget-pxl_counter_box .pxl-counter-box .pxl-item--icon .icon img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}

/* Rakam */
.elementor-7747 .elementor-element.elementor-element-e466239 .elementor-widget-pxl_counter_box .pxl-counter-box .pxl-counter--number{
  justify-content:center;
  margin:0;
  font-family:"articulat-cf","acumin-pro",sans-serif;
  font-size:clamp(56px,3.6vw + 12px,72px);
  font-weight:700;
  line-height:1;
  letter-spacing:-.04em;
  font-variant-numeric:tabular-nums;          /* sayarken genişlik oynamasın */
}
.elementor-7747 .elementor-element.elementor-element-e466239 .elementor-widget-pxl_counter_box .pxl-counter-box .pxl-item--number{display:flex;align-items:baseline;justify-content:center}
.elementor-7747 .elementor-element.elementor-element-e466239 .elementor-widget-pxl_counter_box .pxl-counter-box .pxl-counter--suffix{
  margin-left:.04em;
  font-size:.5em;
  font-weight:600;
  letter-spacing:-.01em;
  text-transform:none;                        /* tema son eki büyük harfe çeviriyor ("AY") */
}
/* Kart 1: "+" küçük ve yukarıda, rakamın üst hizasına yakın */
.elementor-7747 .elementor-element.elementor-element-e466239 .elementor-widget-pxl_counter_box:nth-child(2) .pxl-counter-box .pxl-counter--suffix{
  font-size:.62em;
  transform:translateY(-.42em);
}
/* Kart 3: rakamla "ay" arasında boşluk (widget'ta boşluk yazmaya gerek kalmaz) */
.elementor-7747 .elementor-element.elementor-element-e466239 .elementor-widget-pxl_counter_box:nth-child(4) .pxl-counter-box .pxl-counter--suffix{margin-left:.16em}

/* Alt metin */
.elementor-7747 .elementor-element.elementor-element-e466239 .elementor-widget-pxl_counter_box .pxl-counter-box .pxl-counter--plus{
  display:block;
  margin-top:12px;
  font-family:"acumin-pro",sans-serif;
  font-size:16.5px;
  font-weight:400;
  line-height:1.4;
  text-transform:none;                        /* tema her kelimeyi büyük harfle başlatıyor */
}

/* ---- Kart 1 · turuncu (birincil eylem rengi; turuncuda yazı koyu, beyaz yazının kontrastı yetmez) ---- */
.elementor-7747 .elementor-element.elementor-element-e466239 .elementor-widget-pxl_counter_box:nth-child(2) .pxl-counter-box{background:#E85101}
.elementor-7747 .elementor-element.elementor-element-e466239 .elementor-widget-pxl_counter_box:nth-child(2) .pxl-counter-box .pxl-counter--title{background:#FFFFFF;color:#101018}
.elementor-7747 .elementor-element.elementor-element-e466239 .elementor-widget-pxl_counter_box:nth-child(2) .pxl-counter-box .pxl-counter--number,
.elementor-7747 .elementor-element.elementor-element-e466239 .elementor-widget-pxl_counter_box:nth-child(2) .pxl-counter-box .pxl-counter--suffix{color:#101018}
.elementor-7747 .elementor-element.elementor-element-e466239 .elementor-widget-pxl_counter_box:nth-child(2) .pxl-counter-box .pxl-counter--plus{color:rgba(16,16,24,.78)}

/* ---- Kart 2 · koyu (hero rengi) ---- */
.elementor-7747 .elementor-element.elementor-element-e466239 .elementor-widget-pxl_counter_box:nth-child(3) .pxl-counter-box{
  background:#050404;
  box-shadow:inset 0 0 0 1px rgba(243,245,249,.08);
}
.elementor-7747 .elementor-element.elementor-element-e466239 .elementor-widget-pxl_counter_box:nth-child(3) .pxl-counter-box .pxl-counter--title{background:#ACA5FF;color:#101018}
.elementor-7747 .elementor-element.elementor-element-e466239 .elementor-widget-pxl_counter_box:nth-child(3) .pxl-counter-box .pxl-counter--number{color:#F3F5F9}
.elementor-7747 .elementor-element.elementor-element-e466239 .elementor-widget-pxl_counter_box:nth-child(3) .pxl-counter-box .pxl-counter--suffix{color:#ACA5FF}
.elementor-7747 .elementor-element.elementor-element-e466239 .elementor-widget-pxl_counter_box:nth-child(3) .pxl-counter-box .pxl-counter--plus{color:#A7ADB8}

/* ---- Kart 3 · açık ---- */
.elementor-7747 .elementor-element.elementor-element-e466239 .elementor-widget-pxl_counter_box:nth-child(4) .pxl-counter-box{
  background:#FFFFFF;
  box-shadow:inset 0 0 0 1px #E4E7F0;
}
.elementor-7747 .elementor-element.elementor-element-e466239 .elementor-widget-pxl_counter_box:nth-child(4) .pxl-counter-box .pxl-counter--title{background:#101018;color:#FFFFFF}
.elementor-7747 .elementor-element.elementor-element-e466239 .elementor-widget-pxl_counter_box:nth-child(4) .pxl-counter-box .pxl-counter--number{color:#101018}
.elementor-7747 .elementor-element.elementor-element-e466239 .elementor-widget-pxl_counter_box:nth-child(4) .pxl-counter-box .pxl-counter--suffix{color:#3529BF}
.elementor-7747 .elementor-element.elementor-element-e466239 .elementor-widget-pxl_counter_box:nth-child(4) .pxl-counter-box .pxl-counter--plus{color:#686E78}

/* ---- Hover: hafif kalkış (yalnızca fareli ekran) ---- */
@media (hover:hover) and (pointer:fine){
  .elementor-7747 .elementor-element.elementor-element-e466239 .elementor-widget-pxl_counter_box .pxl-counter-box:hover{transform:translateY(-6px)}
  .elementor-7747 .elementor-element.elementor-element-e466239 .elementor-widget-pxl_counter_box:nth-child(2) .pxl-counter-box:hover{box-shadow:0 28px 50px -30px rgba(232,81,1,.75)}
  .elementor-7747 .elementor-element.elementor-element-e466239 .elementor-widget-pxl_counter_box:nth-child(3) .pxl-counter-box:hover{box-shadow:inset 0 0 0 1px rgba(243,245,249,.08),0 28px 50px -30px rgba(5,4,4,.8)}
  .elementor-7747 .elementor-element.elementor-element-e466239 .elementor-widget-pxl_counter_box:nth-child(4) .pxl-counter-box:hover{box-shadow:inset 0 0 0 1px #E4E7F0,0 28px 50px -30px rgba(16,16,24,.35)}
}

/* ---- Tablet: üç kart yan yana sığmazsa eşit genişlikte ---- */
@media (max-width:1024px){
  .elementor-7747 .elementor-element.elementor-element-e466239 .elementor-widget-pxl_counter_box .pxl-counter-box{width:100%;min-height:270px;padding:34px 22px 30px}
}

/* ---- Telefon: tam genişlik, alt alta; yan boşluk bölümün kendi boşluğu (diğer bölümlerle eşit) ---- */
@media (max-width:767px){
  .elementor-7747 .elementor-element.elementor-element-e466239 .elementor-widget-pxl_counter_box{width:100% !important;max-width:100%}
  .elementor-7747 .elementor-element.elementor-element-e466239 .elementor-widget-pxl_counter_box + .elementor-widget-pxl_counter_box{margin-top:12px}
  .elementor-7747 .elementor-element.elementor-element-e466239 .elementor-widget-pxl_counter_box .pxl-counter-box{
    width:100%;
    min-height:0;
    padding:30px 20px 28px;
    border-radius:18px;
  }
  .elementor-7747 .elementor-element.elementor-element-e466239 .elementor-widget-pxl_counter_box .pxl-counter-box .pxl-item--icon .icon{width:60px;height:60px;margin:18px auto 4px}
  .elementor-7747 .elementor-element.elementor-element-e466239 .elementor-widget-pxl_counter_box .pxl-counter-box .pxl-counter--number{font-size:56px}
  .elementor-7747 .elementor-element.elementor-element-e466239 .elementor-widget-pxl_counter_box .pxl-counter-box .pxl-counter--plus{margin-top:10px;font-size:15.5px}
}

@media (prefers-reduced-motion:reduce){
  .elementor-7747 .elementor-element.elementor-element-e466239 .elementor-widget-pxl_counter_box .pxl-counter-box{transition:none}
}/* End custom CSS */