/*
 * SOFTKREA ANASAYFA MODÜL STİLLERİ
 * Bu dosya paneldeki aktif modüllerden otomatik oluşturulur.
 * Dosyayı manuel düzenlemeyin; değişiklikler panelden yapılmalıdır.
 */


/* ==========================================================
   MODÜL: Ecrin Etiket Ana Slider [ecrin-etiket-ana-slider]
   ========================================================== */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300&display=swap');

/* =========================================================
   ECRİNETİKET · ANA SLIDER
   Konsept: Siyah marka zemini + baskı dünyasının CMYK renkleri.
   Her slayt kendi vurgu rengiyle (Cyan / Magenta / Sarı) gelir,
   form ise ipiyle sallanan bir "karton etiket" olarak tasarlandı.
   ========================================================= */
.ecx{
  --ink:#0a0a0b;
  --ink-2:#141416;
  --paper:#f4f0e8;
  --paper-dim:#a9a49b;
  --line:rgba(255,255,255,.12);
  --acc:#00aeef;
  --acc-ink:#0a0a0b;
  --dur:6000ms;
  position:relative;
  box-sizing:border-box;
  min-height:680px;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  background:var(--ink);
  color:var(--paper);
  font-family:'Poppins',sans-serif;
  -webkit-font-smoothing:antialiased;
  isolation:isolate;
}
.ecx *{box-sizing:border-box}

/* ---------- Arka plan katmanları ---------- */
.ecx-bg{position:absolute;inset:0;z-index:0}
.ecx-bg__item{
  position:absolute;inset:0;
  background-size:cover;background-position:center;
  opacity:0;transform:scale(1.08);
  filter:grayscale(1) contrast(1.08);
  transition:opacity 1.2s ease,transform 9s ease;
}
.ecx-bg__item.is-active{opacity:.55;transform:scale(1)}
.ecx-bg__item--empty{
  background:
    repeating-linear-gradient(45deg,rgba(255,255,255,.035) 0 2px,transparent 2px 9px),
    repeating-linear-gradient(-45deg,rgba(255,255,255,.025) 0 2px,transparent 2px 9px),
    var(--ink-2);
  filter:none;
}
.ecx-shade{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(95deg,rgba(10,10,11,.97) 0%,rgba(10,10,11,.86) 40%,rgba(10,10,11,.55) 70%,rgba(10,10,11,.7) 100%),
    linear-gradient(0deg,rgba(10,10,11,.9) 0%,rgba(10,10,11,0) 35%);
}
/* Dokuma etiket hissi veren ince örgü dokusu */
.ecx-weave{
  position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.5;
  background-image:
    repeating-linear-gradient(0deg,rgba(255,255,255,.028) 0 1px,transparent 1px 4px),
    repeating-linear-gradient(90deg,rgba(255,255,255,.022) 0 1px,transparent 1px 4px);
}
/* Slayt rengiyle değişen ışık */
.ecx-glow{
  position:absolute;z-index:1;pointer-events:none;
  width:900px;height:900px;right:-220px;top:-260px;border-radius:50%;
  background:radial-gradient(circle,var(--acc) 0%,transparent 62%);
  opacity:.22;filter:blur(30px);
  transition:background .9s ease;
  animation:ecxFloat 14s ease-in-out infinite alternate;
}
@keyframes ecxFloat{to{transform:translate(-90px,70px) scale(1.08)}}

/* Baskı kesim işaretleri (crop marks) */
.ecx-crop{position:absolute;z-index:2;width:26px;height:26px;pointer-events:none;opacity:.45}
.ecx-crop::before,.ecx-crop::after{content:"";position:absolute;background:var(--paper)}
.ecx-crop::before{width:26px;height:1px;top:0}
.ecx-crop::after{width:1px;height:26px;left:0}
.ecx-crop--tl{top:22px;left:22px}
.ecx-crop--tr{top:22px;right:22px;transform:scaleX(-1)}
.ecx-crop--bl{bottom:84px;left:22px;transform:scaleY(-1)}
.ecx-crop--br{bottom:84px;right:22px;transform:scale(-1)}

/* ---------- İçerik ---------- */
.ecx-wrap{
  position:relative;z-index:3;flex:1;
  width:min(1320px,calc(100% - 64px));
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1fr) 390px;
  gap:clamp(40px,6vw,96px);
  align-items:center;
  padding:56px 0 40px;
}
.ecx-copy-stage{position:relative;min-height:400px;display:flex;align-items:center}
.ecx-copy{display:none;width:100%}
.ecx-copy.is-active{display:block}
.ecx-copy.is-active>*{animation:ecxUp .8s cubic-bezier(.2,.8,.2,1) both}
.ecx-copy.is-active>*:nth-child(2){animation-delay:.08s}
.ecx-copy.is-active>*:nth-child(3){animation-delay:.18s}
.ecx-copy.is-active>*:nth-child(4){animation-delay:.28s}
@keyframes ecxUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}

.ecx-eyebrow{
  display:inline-flex;align-items:center;gap:14px;
  margin-bottom:22px;padding:7px 14px 7px 8px;
  border:1px solid var(--line);border-radius:100px;
  background:rgba(255,255,255,.04);
  backdrop-filter:blur(6px);
  font-size:11.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--paper);
}
.ecx-cmyk{display:inline-flex;gap:3px}
.ecx-cmyk i{width:9px;height:9px;border-radius:2px;display:block}
.ecx-cmyk i:nth-child(1){background:#00aeef}
.ecx-cmyk i:nth-child(2){background:#ec008c}
.ecx-cmyk i:nth-child(3){background:#ffe600}
.ecx-cmyk i:nth-child(4){background:#fff;opacity:.9}

.ecx h1{
  max-width:780px;margin:0 0 22px;
  color:#fff;
  font-family:'Poppins',sans-serif;font-weight:700;
  font-size:clamp(40px,4.6vw,72px);
  line-height:1.02;letter-spacing:-.045em;
}
.ecx-hl{
  position:relative;display:inline-block;
  color:var(--acc);
  font-weight:300;font-style:italic;
  transition:color .8s ease;
}
.ecx-hl::after{
  content:"";position:absolute;left:2px;right:-4px;bottom:.06em;height:.1em;
  background:var(--acc);opacity:.35;border-radius:2px;
  transform-origin:left;animation:ecxLine 1s .5s cubic-bezier(.2,.8,.2,1) both;
}
@keyframes ecxLine{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.ecx-desc{
  max-width:560px;margin:0 0 34px;
  color:var(--paper-dim);font-size:16.5px;font-weight:400;line-height:1.7;
}
.ecx-actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap}
.ecx-btn{
  position:relative;overflow:hidden;
  min-height:58px;display:inline-flex;align-items:center;gap:14px;
  padding:0 10px 0 28px;border-radius:100px;
  background:var(--acc);color:var(--acc-ink);
  font:600 13.5px/1 'Poppins',sans-serif;letter-spacing:.02em;text-decoration:none;
  transition:transform .25s ease,box-shadow .25s ease,background .8s ease;
  box-shadow:0 18px 40px -14px var(--acc);
}
.ecx-btn__ico{
  width:40px;height:40px;border-radius:50%;
  display:grid;place-items:center;
  background:var(--ink);color:#fff;font-size:13px;
  transition:transform .3s ease;
}
.ecx-btn:hover{transform:translateY(-2px);color:var(--acc-ink)}
.ecx-btn:hover .ecx-btn__ico{transform:rotate(-45deg)}
.ecx-stat{display:flex;align-items:center;gap:14px;padding-left:30px;border-left:1px solid var(--line)}
.ecx-stat__num{color:#fff;font-size:34px;font-weight:700;letter-spacing:-.03em;line-height:1}
.ecx-stat__label{color:var(--paper-dim);font-size:11px;font-weight:500;line-height:1.4;letter-spacing:.08em;text-transform:uppercase}

/* Arka planda büyük, kontur slayt numarası */
.ecx-bignum{
  position:absolute;right:0;bottom:-30px;z-index:-1;
  font-size:clamp(140px,16vw,260px);font-weight:800;line-height:1;letter-spacing:-.06em;
  color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.09);
  user-select:none;pointer-events:none;
}

/* ---------- Karton etiket form ---------- */
.ecx-tagwrap{
  position:relative;
  transform-origin:50% -120px;
  animation:ecxSwing 7s ease-in-out infinite;
  filter:drop-shadow(0 40px 50px rgba(0,0,0,.55));
}
.ecx-tagwrap:hover,.ecx-tagwrap:focus-within{animation-play-state:paused}
@keyframes ecxSwing{0%,100%{transform:rotate(-1.6deg)}50%{transform:rotate(1.6deg)}}
.ecx-string{
  position:absolute;left:50%;bottom:calc(100% - 34px);
  width:2px;height:300px;transform:translateX(-50%);
  background:linear-gradient(180deg,transparent 0%,var(--acc) 30%,var(--acc) 100%);
  border-radius:2px;transition:background .8s ease;z-index:2;
}
.ecx-string::after{ /* plastik kilit */
  content:"";position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);
  width:12px;height:12px;border-radius:50%;
  background:var(--acc);box-shadow:0 0 0 3px rgba(0,0,0,.25);transition:background .8s ease;
}
.ecx-tag{
  position:relative;
  padding:62px 30px 24px;
  background:var(--paper);color:var(--ink);
  clip-path:polygon(34px 0,calc(100% - 34px) 0,100% 34px,100% 100%,0 100%,0 34px);
  -webkit-mask:radial-gradient(circle 9px at 50% 34px,transparent 96%,#000 100%);
          mask:radial-gradient(circle 9px at 50% 34px,transparent 96%,#000 100%);
  border-radius:0 0 14px 14px;
}
.ecx-tag::before{ /* delik çevresi perçin halkası */
  content:"";position:absolute;left:50%;top:34px;transform:translate(-50%,-50%);
  width:30px;height:30px;border-radius:50%;
  border:2px solid rgba(10,10,11,.14);
}
.ecx-tag__meta{
  display:flex;justify-content:space-between;align-items:center;
  margin-bottom:18px;padding-bottom:12px;border-bottom:1px dashed rgba(10,10,11,.2);
  font-size:10px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:rgba(10,10,11,.5);
}
.ecx-tag__meta b{color:var(--ink);font-weight:700}
.ecx-tag h2{margin:0 0 8px;font:700 25px/1.18 'Poppins',sans-serif;letter-spacing:-.03em;color:var(--ink)}
.ecx-tag>p{margin:0 0 20px;color:rgba(10,10,11,.62);font-size:13px;line-height:1.6}
.ecx-field{position:relative;margin-bottom:14px}
.ecx-field input{
  width:100%;height:50px;padding:16px 0 4px;
  border:0;border-bottom:1.5px solid rgba(10,10,11,.18);
  border-radius:0;outline:none;background:transparent;color:var(--ink);
  font:500 14px/1 'Poppins',sans-serif;
  transition:border-color .25s ease;
}
.ecx-field label{
  position:absolute;left:0;top:18px;
  color:rgba(10,10,11,.5);font-size:13.5px;pointer-events:none;
  transition:all .2s ease;
}
.ecx-field input:focus,.ecx-field input:not(:placeholder-shown){border-color:var(--ink)}
.ecx-field input:focus+label,.ecx-field input:not(:placeholder-shown)+label{
  top:0;font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);
}
.ecx-kvkk{
  display:flex;gap:9px;align-items:flex-start;margin:16px 0 18px;
  color:rgba(10,10,11,.6);font-size:11px;line-height:1.55;
}
.ecx-kvkk i{margin-top:2px;color:var(--ink);font-size:12px}
.ecx-kvkk a{color:var(--ink);font-weight:600;text-decoration:underline;text-underline-offset:2px}
.ecx-submit{
  width:100%;min-height:54px;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 8px 0 22px;border:0;border-radius:100px;
  background:var(--ink);color:#fff;cursor:pointer;
  font:600 13px/1 'Poppins',sans-serif;letter-spacing:.04em;
  transition:transform .2s ease,opacity .2s ease;
}
.ecx-submit__ico{
  width:40px;height:40px;border-radius:50%;display:grid;place-items:center;
  background:var(--acc);color:var(--acc-ink);transition:transform .3s ease,background .8s ease;
}
.ecx-submit:hover{transform:translateY(-1px)}
.ecx-submit:hover .ecx-submit__ico{transform:rotate(-45deg)}
.ecx-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}
.ecx-quote{
  display:flex;align-items:center;justify-content:center;gap:8px;
  margin-top:14px;color:var(--ink);font-size:12.5px;font-weight:600;text-decoration:none;
}
.ecx-quote span{border-bottom:1.5px solid var(--ink);padding-bottom:1px}
.ecx-quote:hover{color:var(--ink);opacity:.7}
.ecx-barcode{
  display:flex;align-items:flex-end;justify-content:space-between;gap:16px;
  margin-top:20px;padding-top:16px;border-top:1px dashed rgba(10,10,11,.2);
}
.ecx-barcode__bars{
  flex:1;height:30px;max-width:150px;
  background:repeating-linear-gradient(90deg,var(--ink) 0 2px,transparent 2px 4px,var(--ink) 4px 5px,transparent 5px 8px,var(--ink) 8px 11px,transparent 11px 13px);
}
.ecx-barcode small{font-size:9.5px;font-weight:600;letter-spacing:.14em;color:rgba(10,10,11,.5);text-align:right;line-height:1.5}
.ecx-result{display:none;margin-top:12px;padding:10px 12px;border-radius:8px;font-size:11.5px;line-height:1.45}
.ecx-result.is-visible{display:block}
.ecx-result.is-success{background:#e3f4e6;color:#1d5a2b}
.ecx-result.is-error{background:#fbe3e3;color:#7a1d1d}
.ecx-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}

/* ---------- Kontroller ---------- */
.ecx-controls{
  position:relative;z-index:3;
  width:min(1320px,calc(100% - 64px));margin:0 auto 26px;
  display:flex;align-items:center;gap:18px;
}
.ecx-counter{font-size:12px;font-weight:600;letter-spacing:.08em;color:var(--paper-dim);font-variant-numeric:tabular-nums}
.ecx-counter b{color:#fff;font-size:15px}
.ecx-dots{display:flex;gap:8px}
.ecx-dot{
  position:relative;overflow:hidden;
  width:54px;height:3px;padding:0;border:0;border-radius:3px;
  background:rgba(255,255,255,.18);cursor:pointer;
}
.ecx-dot::after{
  content:"";position:absolute;inset:0;background:var(--acc);
  transform:scaleX(0);transform-origin:left;
}
.ecx-dot.is-done::after{transform:scaleX(1);opacity:.5}
.ecx-dot.is-active::after{animation:ecxProg var(--dur) linear forwards}
.ecx.is-paused .ecx-dot.is-active::after{animation-play-state:paused}
@keyframes ecxProg{to{transform:scaleX(1)}}
.ecx-arrow{
  width:44px;height:44px;display:grid;place-items:center;
  border:1px solid var(--line);border-radius:50%;
  background:rgba(255,255,255,.04);color:#fff;cursor:pointer;
  transition:background .25s ease,color .25s ease,border-color .25s ease;
}
.ecx-arrow:hover{background:var(--acc);border-color:var(--acc);color:var(--acc-ink)}
.ecx-arrows{display:flex;gap:8px;margin-left:auto}

/* ---------- Kayan ürün bandı ---------- */
.ecx-ticker{
  position:relative;z-index:3;overflow:hidden;
  background:var(--acc);color:var(--acc-ink);
  transform:rotate(-1.2deg) scale(1.02);margin:6px 0 12px;
  transition:background .8s ease;
}
.ecx-ticker__track{
  display:flex;width:max-content;
  animation:ecxMarquee 32s linear infinite;
}
.ecx-ticker__group{display:flex;align-items:center;flex-shrink:0}
.ecx-ticker span{
  display:inline-flex;align-items:center;gap:26px;padding:15px 0 15px 26px;
  font-size:15px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;
}
.ecx-ticker span::after{content:"✦";font-size:13px}
@keyframes ecxMarquee{to{transform:translateX(-50%)}}

/* ---------- Responsive ---------- */
@media(max-width:1100px){
  .ecx-wrap{grid-template-columns:minmax(0,1fr) 350px;gap:44px}
}
@media(max-width:980px){
  .ecx{min-height:auto}
  .ecx-wrap{width:min(680px,calc(100% - 40px));grid-template-columns:1fr;gap:110px;padding:48px 0 28px}
  .ecx-copy-stage{min-height:0;display:block}
  .ecx-tagwrap{max-width:440px;width:100%;justify-self:center}
  .ecx-string{height:120px}
  .ecx-controls{width:min(680px,calc(100% - 40px))}
  .ecx-shade{background:linear-gradient(180deg,rgba(10,10,11,.92) 0%,rgba(10,10,11,.8) 50%,rgba(10,10,11,.95) 100%)}
  .ecx-crop--bl,.ecx-crop--br{display:none}
  .ecx-bignum{display:none}
}
@media(max-width:575px){
  .ecx-wrap,.ecx-controls{width:calc(100% - 28px)}
  .ecx h1{font-size:clamp(34px,10vw,44px);margin-bottom:16px}
  .ecx-eyebrow{font-size:9.5px;letter-spacing:.1em;margin-bottom:16px}
  .ecx-desc{font-size:14.5px;margin-bottom:24px}
  .ecx-actions{gap:20px}
  .ecx-btn{width:100%;justify-content:space-between}
  .ecx-stat{padding-left:0;border-left:0}
  .ecx-tag{padding:58px 20px 20px}
  .ecx-tag h2{font-size:22px}
  .ecx-dot{width:30px}
  .ecx-crop{display:none}
  .ecx-ticker span{font-size:13px;padding:12px 0 12px 20px;gap:20px}
}
@media(prefers-reduced-motion:reduce){
  .ecx *,.ecx *::before,.ecx *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

.ecx{margin-top:-52px}
@media(max-width:980px){.ecx{margin-top:-33px}}


/* ==========================================================
   MODÜL: Hakkımızda [hakkimizda]
   ========================================================== */
/* =========================================================
   ECRİNETİKET · HAKKIMIZDA MODÜLÜ
   Slider'ın siyah zemininden sonra sıcak "kâğıt" tonuna geçer.
   Aynı dil: CMYK vurgular, kesim işaretleri, etiket köşeleri.
   ========================================================= */
.eab{
  --ink:#0a0a0b;
  --ink-soft:#5d5a55;
  --paper:#f4f0e8;
  --paper-2:#ebe5da;
  --line:rgba(10,10,11,.12);
  --c:#00aeef;--m:#ec008c;--y:#ffe600;
  --space:110px;
  position:relative;isolation:isolate;overflow:hidden;
  background:var(--paper);color:var(--ink);
  font-family:'Poppins',sans-serif;-webkit-font-smoothing:antialiased;
}
.eab *{box-sizing:border-box}
.eab::before{ /* kâğıt lifi dokusu */
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.6;
  background-image:
    radial-gradient(rgba(10,10,11,.05) 1px,transparent 1px);
  background-size:22px 22px;
}
.eab-in{
  width:min(1320px,calc(100% - 64px));margin:0 auto;
  padding:var(--space) 0 calc(var(--space) * .8);
}
.eab-grid{
  display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);
  gap:clamp(48px,7vw,110px);align-items:center;
}

/* ---------- Görsel tarafı ---------- */
.eab-media{position:relative;padding:0 0 60px}
.eab-photo{
  position:relative;aspect-ratio:4/5;overflow:hidden;
  clip-path:polygon(0 0,calc(100% - 64px) 0,100% 64px,100% 100%,0 100%);
  background:var(--paper-2);
}
.eab-photo img{
  width:100%;height:100%;object-fit:cover;object-position:38% center;display:block;
  transform:scale(1.15);transition:transform 1.6s cubic-bezier(.2,.8,.2,1);
}
.eab-photo::after{ /* açılış perdesi */
  content:"";position:absolute;inset:0;background:var(--ink);
  transform-origin:right;transition:transform 1.1s cubic-bezier(.7,0,.2,1);
}
.eab.is-in .eab-photo img{transform:scale(1)}
.eab.is-in .eab-photo::after{transform:scaleX(0)}

.eab-crop{position:absolute;width:22px;height:22px;pointer-events:none}
.eab-crop::before,.eab-crop::after{content:"";position:absolute;background:var(--ink)}
.eab-crop::before{width:22px;height:1px;top:0}
.eab-crop::after{width:1px;height:22px;left:0}
.eab-crop--tl{top:-18px;left:-18px}
.eab-crop--br{right:-18px;bottom:42px;transform:scale(-1)}


/* Kuruluş kartı */
.eab-badge{
  position:absolute;right:-28px;bottom:0;z-index:3;
  width:min(300px,78%);
  padding:26px 26px 22px;
  background:var(--ink);color:#fff;border-radius:4px 4px 18px 18px;
  box-shadow:0 34px 60px -24px rgba(10,10,11,.55);
}
.eab-badge__bar{display:flex;height:5px;margin:-26px -26px 22px;overflow:hidden;border-radius:4px 4px 0 0}
.eab-badge__bar i{flex:1}
.eab-badge__bar i:nth-child(1){background:var(--c)}
.eab-badge__bar i:nth-child(2){background:var(--m)}
.eab-badge__bar i:nth-child(3){background:var(--y)}
.eab-badge__bar i:nth-child(4){background:#fff}
.eab-badge small{display:block;font-size:10.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.eab-badge strong{display:block;margin:6px 0 4px;font-size:58px;font-weight:800;line-height:1;letter-spacing:-.05em}
.eab-badge span{font-size:13px;line-height:1.5;color:rgba(255,255,255,.75)}

/* ---------- Metin tarafı ---------- */
.eab-eyebrow{
  display:inline-flex;align-items:center;gap:12px;margin-bottom:22px;
  padding:7px 15px 7px 9px;border:1px solid var(--line);border-radius:100px;background:#fff;
  font-size:11.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;
}
.eab-cmyk{display:inline-flex;gap:3px}
.eab-cmyk i{width:9px;height:9px;border-radius:2px;display:block}
.eab-cmyk i:nth-child(1){background:var(--c)}
.eab-cmyk i:nth-child(2){background:var(--m)}
.eab-cmyk i:nth-child(3){background:var(--y)}
.eab-cmyk i:nth-child(4){background:var(--ink)}
.eab h2{
  margin:0 0 24px;
  font-size:clamp(34px,3.6vw,54px);font-weight:700;line-height:1.08;letter-spacing:-.04em;color:var(--ink);
}
.eab h2 mark{
  background:linear-gradient(transparent 58%,var(--y) 58%,var(--y) 92%,transparent 92%);
  color:inherit;padding:0 .08em;
  background-size:0 100%;background-repeat:no-repeat;
  transition:background-size 1s .5s cubic-bezier(.2,.8,.2,1);
}
.eab.is-in h2 mark{background-size:100% 100%}
.eab-lead{margin:0 0 16px;font-size:17px;line-height:1.7;color:var(--ink);font-weight:400}
.eab-text{margin:0 0 30px;font-size:14.5px;line-height:1.8;color:var(--ink-soft)}

.eab-principles-title{
  display:flex;align-items:center;gap:14px;margin:0 0 6px;
  font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);
}
.eab-principles-title::after{content:"";flex:1;height:1px;background:var(--line)}
.eab-list{list-style:none;margin:0 0 30px;padding:0;counter-reset:eab}
.eab-list li{
  counter-increment:eab;
  position:relative;display:flex;align-items:center;gap:18px;
  padding:14px 0;border-bottom:1px dashed var(--line);
  font-size:15px;font-weight:500;color:var(--ink);
  transition:padding .3s ease,background .3s ease;
}
.eab-list li::before{
  content:counter(eab,decimal-leading-zero);
  flex:0 0 36px;height:36px;border-radius:50%;
  display:grid;place-items:center;
  background:var(--dot,var(--c));color:var(--dot-ink,var(--ink));
  font-size:11.5px;font-weight:700;
  transition:transform .3s ease;
}
.eab-list li::after{
  content:"→";margin-left:auto;opacity:0;transform:translateX(-8px);
  transition:opacity .3s ease,transform .3s ease;
}
.eab-list li:nth-child(4n+1){--dot:var(--c)}
.eab-list li:nth-child(4n+2){--dot:var(--m);--dot-ink:#fff}
.eab-list li:nth-child(4n+3){--dot:var(--y)}
.eab-list li:nth-child(4n+4){--dot:var(--ink);--dot-ink:#fff}
.eab-list li:hover{padding-left:8px}
.eab-list li:hover::before{transform:rotate(-12deg) scale(1.08)}
.eab-list li:hover::after{opacity:1;transform:none}

.eab-quote{
  position:relative;margin:0 0 34px;padding:4px 0 4px 24px;
  font-size:15px;line-height:1.75;font-style:italic;font-weight:300;color:var(--ink);
}
.eab-quote::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:4px;
  background:linear-gradient(180deg,var(--c) 0 33%,var(--m) 33% 66%,var(--y) 66%);
}
.eab-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.eab-btn{
  min-height:56px;display:inline-flex;align-items:center;gap:14px;
  padding:0 8px 0 26px;border-radius:100px;
  background:var(--ink);color:#fff;text-decoration:none;
  font-size:13.5px;font-weight:600;letter-spacing:.02em;
  transition:transform .25s ease,box-shadow .25s ease;
}
.eab-btn__ico{
  width:40px;height:40px;border-radius:50%;display:grid;place-items:center;
  background:var(--y);color:var(--ink);transition:transform .3s ease;
}
.eab-btn:hover{color:#fff;transform:translateY(-2px);box-shadow:0 18px 34px -16px rgba(10,10,11,.6)}
.eab-btn:hover .eab-btn__ico{transform:rotate(-45deg)}
.eab-link{
  display:inline-flex;align-items:center;gap:8px;
  color:var(--ink);font-size:13.5px;font-weight:600;text-decoration:none;
}
.eab-link span{background:linear-gradient(var(--ink),var(--ink)) left bottom/100% 1.5px no-repeat;padding-bottom:2px;transition:background-size .3s ease}
.eab-link:hover{color:var(--ink)}
.eab-link:hover span{background-size:30% 1.5px}

/* ---------- Rakamlar bandı ---------- */
.eab-stats{
  margin-top:clamp(60px,7vw,96px);
  display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  background:var(--ink);color:#fff;border-radius:22px;overflow:hidden;
}
.eab-stat{position:relative;padding:34px 30px 30px;border-right:1px solid rgba(255,255,255,.1)}
.eab-stat:last-child{border-right:0}
.eab-stat::before{
  content:"";position:absolute;left:30px;top:0;width:34px;height:4px;border-radius:0 0 4px 4px;
  background:var(--bar,var(--c));
}
.eab-stat:nth-child(2){--bar:var(--m)}
.eab-stat:nth-child(3){--bar:var(--y)}
.eab-stat:nth-child(4){--bar:#fff}
.eab-stat strong[data-eab-count="0"]{color:var(--y)}
.eab-stat strong{
  display:block;font-size:clamp(34px,3.4vw,48px);font-weight:700;line-height:1;letter-spacing:-.04em;
  font-variant-numeric:tabular-nums;
}
.eab-stat span{display:block;margin-top:10px;font-size:13px;line-height:1.5;color:rgba(255,255,255,.62)}

/* ---------- Görünür olma animasyonu ---------- */
.eab [data-eab-reveal]{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}
.eab.is-in [data-eab-reveal]{opacity:1;transform:none}
.eab.is-in [data-eab-reveal="2"]{transition-delay:.1s}
.eab.is-in [data-eab-reveal="3"]{transition-delay:.2s}
.eab.is-in [data-eab-reveal="4"]{transition-delay:.3s}
.eab.is-in [data-eab-reveal="5"]{transition-delay:.4s}

/* ---------- Responsive ---------- */
@media(max-width:980px){
  .eab{--space:80px}
  .eab-in{width:min(680px,calc(100% - 40px))}
  .eab-grid{grid-template-columns:1fr;gap:40px}
  .eab-media{max-width:520px;width:100%;margin:0 auto}
  .eab-badge{right:-10px}
}
@media(max-width:575px){
  .eab{--space:64px}
  .eab-in{width:calc(100% - 28px)}
  .eab-media{padding:0 0 70px}
  .eab-crop--tl{display:none}
  .eab-badge{right:0;width:82%;padding:22px 20px 18px}
  .eab-badge__bar{margin:-22px -20px 18px}
  .eab-badge strong{font-size:46px}
  .eab-crop--br{display:none}
  .eab-lead{font-size:15.5px}
  .eab-list li{font-size:14px;gap:14px}
  .eab-btn{width:100%;justify-content:space-between}
  .eab-stats{grid-template-columns:1fr;border-radius:16px}
  .eab-stat{border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}
  .eab-stat:last-child{border-bottom:0}
  .eab-stat{padding:26px 18px 22px}
  .eab-stat::before{left:18px}
}
@media(prefers-reduced-motion:reduce){
  .eab *,.eab *::before,.eab *::after{animation:none!important;transition:none!important}
  .eab [data-eab-reveal]{opacity:1;transform:none}
  .eab-photo::after{display:none}
}
/* Teklif Al butonu */
.ehp .ehp-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    min-height: 36px !important;
    padding: 4px 5px 4px 15px !important;
    background: #17191b !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 50px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

/* Sağdaki beyaz ok dairesi */
.ehp .ehp-btn i {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 27px !important;
    height: 27px !important;
    flex-shrink: 0;
    background: #ffffff !important;
    color: #17191b !important;
    border-radius: 50% !important;
    font-style: normal !important;
}

/* Ok ikonu */
.ehp .ehp-btn svg {
    width: 13px !important;
    height: 13px !important;
    stroke: #17191b !important;
}

/* Hover */
.ehp .ehp-btn:hover {
    background: #303236 !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,.12) !important;
}

.ehp .ehp-btn:hover i {
    transform: none !important;
}

/* Mobilde gereksiz genişlemesin */
@media (max-width: 680px) {
    .ehp .ehp-btn {
        width: auto !important;
    }
}


/* ==========================================================
   MODÜL: Ecrin Etiket Hizmetler [ecrin-etiket-hizmetler]
   ========================================================== */
/* =========================================================
   ECRİNETİKET · HİZMETLERİMİZ MODÜLÜ
   Hakkımızda'nın kâğıt zemininden sonra tekrar siyaha döner.
   Her kart köşesi kesik bir etiket; üzerine gelince kendi
   CMYK rengine boyanır.
   ========================================================= */
.esv{
  --ink:#0a0a0b;
  --ink-2:#141416;
  --paper:#f4f0e8;
  --paper-dim:#a9a49b;
  --line:rgba(255,255,255,.12);
  --c:#00aeef;--m:#ec008c;--y:#ffe600;
  --space:110px;
  position:relative;isolation:isolate;overflow:hidden;
  background:var(--ink);color:var(--paper);
  font-family:'Poppins',sans-serif;-webkit-font-smoothing:antialiased;
}
.esv *{box-sizing:border-box}
.esv::before{ /* dokuma etiket örgüsü */
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.5;
  background-image:
    repeating-linear-gradient(0deg,rgba(255,255,255,.028) 0 1px,transparent 1px 4px),
    repeating-linear-gradient(90deg,rgba(255,255,255,.022) 0 1px,transparent 1px 4px);
}
.esv::after{ /* sağ üst ışık */
  content:"";position:absolute;z-index:-1;pointer-events:none;
  width:760px;height:760px;right:-260px;top:-320px;border-radius:50%;
  background:radial-gradient(circle,var(--m) 0%,transparent 62%);opacity:.14;filter:blur(30px);
}
.esv-in{
  width:min(1320px,calc(100% - 64px));margin:0 auto;
  padding:var(--space) 0 calc(var(--space) * .85);
}

/* ---------- Başlık ---------- */
.esv-head{
  display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);
  gap:clamp(28px,5vw,80px);align-items:end;margin-bottom:52px;
}
.esv-eyebrow{
  display:inline-flex;align-items:center;gap:12px;margin-bottom:22px;
  padding:7px 15px 7px 9px;border:1px solid var(--line);border-radius:100px;
  background:rgba(255,255,255,.04);
  font-size:11.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--paper);
}
.esv-cmyk{display:inline-flex;gap:3px}
.esv-cmyk i{width:9px;height:9px;border-radius:2px;display:block}
.esv-cmyk i:nth-child(1){background:var(--c)}
.esv-cmyk i:nth-child(2){background:var(--m)}
.esv-cmyk i:nth-child(3){background:var(--y)}
.esv-cmyk i:nth-child(4){background:#fff}
.esv h2{
  margin:0;color:#fff;
  font-size:clamp(34px,3.8vw,58px);font-weight:700;line-height:1.05;letter-spacing:-.045em;
}
.esv h2 em{font-style:italic;font-weight:300;color:var(--y)}
.esv-head__side{display:flex;flex-direction:column;gap:26px;padding-bottom:6px}
.esv-desc{margin:0;max-width:470px;color:var(--paper-dim);font-size:15.5px;line-height:1.75}
.esv-nav{display:flex;align-items:center;gap:16px}
.esv-counter{font-size:12px;font-weight:600;letter-spacing:.08em;color:var(--paper-dim);font-variant-numeric:tabular-nums}
.esv-counter b{color:#fff;font-size:15px}
.esv-progress{flex:1;max-width:180px;height:3px;border-radius:3px;background:rgba(255,255,255,.14);overflow:hidden}
.esv-progress i{display:block;height:100%;width:0;background:var(--y);border-radius:3px;transition:width .45s cubic-bezier(.22,.72,.18,1)}
.esv-arrows{display:flex;gap:8px;margin-left:auto}
.esv-arrow{
  width:48px;height:48px;display:grid;place-items:center;
  border:1px solid var(--line);border-radius:50%;
  background:rgba(255,255,255,.04);color:#fff;cursor:pointer;
  transition:background .25s ease,color .25s ease,border-color .25s ease,transform .25s ease;
}
.esv-arrow svg{width:17px;height:17px}
.esv-arrow:hover:not(:disabled){background:var(--y);border-color:var(--y);color:var(--ink);transform:translateY(-1px)}
.esv-arrow:disabled{opacity:.3;cursor:not-allowed}

/* ---------- Carousel ---------- */
.esv-viewport{
  overflow:hidden;
  margin-right:calc((100vw - min(1320px,calc(100vw - 64px))) / -2);
  padding:14px calc((100vw - min(1320px,calc(100vw - 64px))) / 2) 34px 0;
}
.esv-track{
  display:flex;width:max-content;gap:22px;
  transform:translate3d(0,0,0);
  transition:transform .5s cubic-bezier(.22,.72,.18,1);
  will-change:transform;touch-action:pan-y;cursor:grab;
  user-select:none;-webkit-user-select:none;
}
.esv-track.is-dragging{cursor:grabbing}
.esv-track.is-dragging .esv-card{pointer-events:none}

/* ---------- Etiket kart ---------- */
.esv-card{
  --acc:var(--c);--acc-ink:var(--ink);
  position:relative;flex:0 0 auto;width:310px;
  display:flex;flex-direction:column;
  padding:16px 16px 20px;
  background:var(--paper);color:var(--ink);text-decoration:none;
  clip-path:polygon(0 0,calc(100% - 38px) 0,100% 38px,100% 100%,0 100%);
  border-radius:0 0 16px 16px;overflow:hidden;
  transition:transform .4s cubic-bezier(.2,.8,.2,1),background .35s ease,color .35s ease;
  -webkit-user-drag:none;
}
.esv-card::before{ /* rengin alttan dolması */
  content:"";position:absolute;inset:0;z-index:0;background:var(--acc);
  transform:scaleY(0);transform-origin:bottom;
  transition:transform .45s cubic-bezier(.7,0,.2,1);
}
.esv-card>*{position:relative;z-index:1}
.esv-card:hover{transform:translateY(-8px);color:var(--acc-ink)}
.esv-card:hover::before{transform:scaleY(1)}
.esv-card__top{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin:0 30px 14px 2px;
}
.esv-card__num{font-size:12px;font-weight:700;letter-spacing:.1em;font-variant-numeric:tabular-nums}
.esv-card__num::before{
  content:"";display:inline-block;width:9px;height:9px;margin-right:8px;border-radius:2px;
  background:var(--acc);vertical-align:0;transition:background .35s ease;
}
.esv-card:hover .esv-card__num::before{background:currentColor}
.esv-card__tag{
  padding:5px 11px;border:1px solid currentColor;border-radius:100px;
  font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;opacity:.7;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:62%;
}
.esv-card__media{
  aspect-ratio:1/1;overflow:hidden;border-radius:10px;background:#dcd8d2;
}
.esv-card__media img{
  width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;-webkit-user-drag:none;
  transition:transform .7s cubic-bezier(.16,.8,.24,1);
}
.esv-card:hover .esv-card__media img{transform:scale(1.07) rotate(-1.5deg)}
.esv-card__body{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  margin-top:18px;padding:0 2px;
}
.esv-card__title{margin:0;font-size:20px;font-weight:600;line-height:1.25;letter-spacing:-.02em;color:inherit}
.esv-card__go{
  flex:0 0 42px;height:42px;border-radius:50%;
  display:grid;place-items:center;background:var(--ink);color:#fff;
  transition:transform .35s ease,background .35s ease,color .35s ease;
}
.esv-card__go svg{width:15px;height:15px}
.esv-card:hover .esv-card__go{transform:rotate(-45deg);background:var(--acc-ink);color:var(--acc)}

/* ---------- Alt banner ---------- */
.esv-banner{
  position:relative;overflow:hidden;margin-top:18px;
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;
  gap:clamp(24px,4vw,56px);
  padding:38px clamp(26px,4vw,52px) 38px clamp(36px,4.5vw,62px);
  background:var(--paper);color:var(--ink);border-radius:20px;
}
.esv-banner::before{ /* sol kenarda CMYK şerit */
  content:"";position:absolute;left:22px;top:26px;bottom:26px;width:5px;border-radius:5px;
  background:linear-gradient(180deg,var(--c) 0 25%,var(--m) 25% 50%,var(--y) 50% 75%,var(--ink) 75%);
}
.esv-banner::after{ /* sağda kayıt işareti (registration mark) */
  content:"";position:absolute;right:-50px;top:-50px;width:170px;height:170px;border-radius:50%;
  border:1px solid rgba(10,10,11,.1);
  box-shadow:0 0 0 22px rgba(10,10,11,.03);
  pointer-events:none;
}
.esv-stat{padding-right:clamp(24px,4vw,56px);border-right:1px dashed rgba(10,10,11,.2)}
.esv-stat__n{font-size:54px;font-weight:800;line-height:1;letter-spacing:-.05em;font-variant-numeric:tabular-nums;white-space:nowrap}
.esv-stat__t{margin-top:8px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#5d5a55;white-space:nowrap}
.esv-banner__text{margin:0;max-width:620px;font-size:15.5px;line-height:1.75;color:#3d3a36}
.esv-btn{
  position:relative;z-index:1;
  min-height:58px;display:inline-flex;align-items:center;gap:14px;
  padding:0 8px 0 26px;border-radius:100px;
  background:var(--ink);color:#fff;text-decoration:none;white-space:nowrap;
  font-size:13.5px;font-weight:600;letter-spacing:.02em;
  transition:transform .25s ease,box-shadow .25s ease;
}
.esv-btn__ico{
  width:42px;height:42px;border-radius:50%;display:grid;place-items:center;
  background:var(--y);color:var(--ink);transition:transform .3s ease;
}
.esv-btn__ico svg{width:15px;height:15px}
.esv-btn:hover{color:#fff;transform:translateY(-2px);box-shadow:0 18px 34px -16px rgba(10,10,11,.6)}
.esv-btn:hover .esv-btn__ico{transform:rotate(-45deg)}

/* ---------- Responsive ---------- */
@media(max-width:980px){
  .esv{--space:80px}
  .esv-in{width:min(720px,calc(100% - 40px))}
  .esv-head{grid-template-columns:1fr;gap:22px;margin-bottom:36px}
  .esv-viewport{margin:0 -20px 0 0;padding:14px 20px 30px 0}
  .esv-banner{grid-template-columns:1fr;gap:20px;padding:32px 26px 30px 48px}
  .esv-banner::before{left:22px}
  .esv-stat{padding:0 0 18px;border-right:0;border-bottom:1px dashed rgba(10,10,11,.2)}
  .esv-btn{justify-self:start}
}
@media(max-width:575px){
  .esv{--space:64px}
  .esv-in{width:calc(100% - 28px)}
  .esv-viewport{margin:0 -14px 0 0;padding:14px 14px 26px 0}
  .esv-desc{font-size:14.5px}
  .esv-card{width:min(270px,calc(100vw - 70px))}
  .esv-card__title{font-size:18px}
  .esv-progress{display:none}
  .esv-arrow{width:44px;height:44px}
  .esv-stat__n{font-size:44px}
  .esv-banner__text{font-size:14.5px}
  .esv-btn{width:100%;justify-content:space-between}
}
@media(prefers-reduced-motion:reduce){
  .esv *,.esv *::before{transition:none!important}
}


/* ==========================================================
   MODÜL: Kullandığımız Markalar [kullandigimiz-markalar]
   ========================================================== */
/* =========================================================
   ECRİNETİKET · REFERANSLARIMIZ MODÜLÜ
   Siyah hizmetler bölümünden sonra kâğıt zemine döner.
   Her logo, dikiş izli bir dokuma etiketin içinde durur;
   tek sıra halinde akar.
   ========================================================= */
.erf{
  --ink:#0a0a0b;
  --ink-soft:#5d5a55;
  --paper:#f4f0e8;
  --tile:#ffffff;
  --line:rgba(10,10,11,.12);
  --c:#00aeef;--m:#ec008c;--y:#ffe600;
  --space:96px;
  --logo-h:38px;--logo-h-m:30px;
  --pad-x:32px;
  --dur:40s;
  position:relative;isolation:isolate;overflow:hidden;
  background:var(--paper);color:var(--ink);
  font-family:'Poppins',sans-serif;-webkit-font-smoothing:antialiased;
}
.erf *{box-sizing:border-box}
.erf::before{ /* kâğıt noktası dokusu */
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.6;
  background-image:radial-gradient(rgba(10,10,11,.05) 1px,transparent 1px);
  background-size:22px 22px;
}
.erf-in{width:min(1320px,calc(100% - 64px));margin:0 auto;padding:var(--space) 0 0}

/* ---------- Başlık ---------- */
.erf-head{margin-bottom:46px}
.erf-cmyk{display:inline-flex;gap:3px}
.erf h2 .erf-cmyk{gap:4px}
.erf h2 .erf-cmyk i{width:12px;height:12px;border-radius:3px}
.erf-cmyk i{width:9px;height:9px;border-radius:2px;display:block}
.erf-cmyk i:nth-child(1){background:var(--c)}
.erf-cmyk i:nth-child(2){background:var(--m)}
.erf-cmyk i:nth-child(3){background:var(--y)}
.erf-cmyk i:nth-child(4){background:var(--ink)}
.erf h2{
  margin:0;display:flex;align-items:center;gap:18px;white-space:nowrap;
  font-size:clamp(32px,3.6vw,54px);font-weight:700;line-height:1.08;letter-spacing:-.04em;color:var(--ink);
}
.erf h2 mark{
  background:linear-gradient(transparent 58%,var(--y) 58%,var(--y) 92%,transparent 92%) no-repeat;
  background-size:0 100%;color:inherit;padding:0 .08em;
  transition:background-size 1s .3s cubic-bezier(.2,.8,.2,1);
}
.erf.is-in h2 mark{background-size:100% 100%}

/* ---------- Kayan sıralar ---------- */
.erf-rows{
  --lh:var(--logo-h);--tile-pad:66px;
  display:flex;flex-direction:column;gap:16px;
  padding:6px 0 calc(var(--space) * .9);
}
.erf[data-edge-mask="1"] .erf-rows{
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);
          mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);
}
.erf-row{overflow:hidden;padding:4px 0}
.erf-track{
  display:flex;width:max-content;gap:16px;
  animation:erfScroll var(--dur) linear infinite;will-change:transform;
}
.erf-row[data-dir="right"] .erf-track{animation-direction:reverse}
.erf[data-pause-hover="1"] .erf-row:hover .erf-track{animation-play-state:paused}
.erf-set{display:flex;gap:16px;flex:0 0 auto}
@keyframes erfScroll{to{transform:translate3d(calc(-1 * var(--erf-d, 50%)),0,0)}}

/* ---------- Dokuma etiket karo ---------- */
.erf-tile{
  --acc:var(--c);
  position:relative;flex:0 0 auto;
  height:calc(var(--lh) + var(--tile-pad));min-width:200px;
  display:flex;align-items:center;justify-content:center;
  padding:0 var(--pad-x);
  background:var(--tile);
  clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%);
  border-radius:0 0 10px 10px;
  box-shadow:inset 0 0 0 1px var(--line);
  text-decoration:none;color:var(--ink);
  transition:background .35s ease,transform .35s ease;
}
.erf-tile::before{ /* dikiş izi */
  content:"";position:absolute;inset:7px;border-radius:0 0 6px 6px;pointer-events:none;
  border:1.5px dashed rgba(10,10,11,.14);
  transition:border-color .35s ease;
}
.erf-tile::after{ /* köşe rengi */
  content:"";position:absolute;top:0;right:0;width:22px;height:22px;
  background:linear-gradient(225deg,transparent 50%,var(--acc) 50%);
  opacity:.9;transition:opacity .35s ease;
}
.erf-tile:nth-child(4n+2){--acc:var(--m)}
.erf-tile:nth-child(4n+3){--acc:var(--y)}
.erf-tile:nth-child(4n+4){--acc:var(--ink)}
.erf-tile img{
  display:block;height:var(--lh);width:auto;max-width:200px;object-fit:contain;
  pointer-events:none;-webkit-user-drag:none;
  transition:filter .35s ease,opacity .35s ease,transform .35s ease;
}
.erf[data-grayscale="1"] .erf-tile img{filter:grayscale(1);opacity:.55}
.erf-tile:hover{transform:translateY(-3px)}
.erf-tile:hover::before{border-color:var(--acc)}
.erf[data-grayscale="1"] .erf-tile:hover img{filter:none;opacity:1}
.erf-tile:hover img{transform:scale(1.04)}

/* Tek sıra / az logo: sabit, ortalanmış ızgara */
.erf--static .erf-track{animation:none;width:100%;justify-content:center}
.erf--static .erf-set{flex-wrap:wrap;justify-content:center;width:100%}

/* ---------- Responsive ---------- */
@media(max-width:980px){
  .erf{--space:76px}
  .erf-in{width:min(720px,calc(100% - 40px))}
}
@media(max-width:575px){
  .erf{--space:60px}
  .erf-rows{--lh:var(--logo-h-m);--tile-pad:50px}
  .erf-in{width:calc(100% - 28px)}
  .erf-head{margin-bottom:32px}
  .erf-rows,.erf-track,.erf-set{gap:12px}
  .erf-tile{min-width:150px;padding:0 calc(var(--pad-x) * .7)}
  .erf-tile img{max-width:150px}
}
@media(prefers-reduced-motion:reduce){
  .erf-track{animation:none!important}
  .erf-row{overflow-x:auto}
  .erf h2 mark{transition:none;background-size:100% 100%}
}


/* ==========================================================
   MODÜL: İşletmemizden Fotoğraflar [isletmemizden-fotograflar]
   ========================================================== */
/* =========================================================
   ECRİNETİKET · FOTO GALERİ MODÜLÜ
   Referanslar'ın kâğıt zemininden sonra siyaha döner.
   Her fotoğraf, kesim işaretli bir baskı provası gibi
   kâğıt çerçevede durur; şerit kendiliğinden akar.
   ========================================================= */
.egl{
  --ink:#0a0a0b;
  --paper:#f4f0e8;
  --paper-dim:#a9a49b;
  --line:rgba(255,255,255,.12);
  --c:#00aeef;--m:#ec008c;--y:#ffe600;
  --top:56px;--bottom:64px;
  --card-w:260px;--card-w-m:200px;
  --radius:12px;--gap:18px;
  position:relative;isolation:isolate;overflow:hidden;
  background:var(--ink);color:var(--paper);
  font-family:'Poppins',sans-serif;-webkit-font-smoothing:antialiased;
}
.egl *{box-sizing:border-box}
.egl::before{ /* dokuma örgüsü */
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.5;
  background-image:
    repeating-linear-gradient(0deg,rgba(255,255,255,.028) 0 1px,transparent 1px 4px),
    repeating-linear-gradient(90deg,rgba(255,255,255,.022) 0 1px,transparent 1px 4px);
}
.egl::after{
  content:"";position:absolute;z-index:-1;pointer-events:none;
  width:720px;height:720px;left:-260px;bottom:-380px;border-radius:50%;
  background:radial-gradient(circle,var(--c) 0%,transparent 62%);opacity:.14;filter:blur(30px);
}
.egl-in{width:min(1320px,calc(100% - 64px));margin:0 auto;padding:var(--top) 0 0}

/* ---------- Başlık ---------- */
.egl-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:32px}
.egl-eyebrow{
  display:inline-flex;align-items:center;gap:12px;margin-bottom:20px;
  padding:7px 15px 7px 9px;border:1px solid var(--line);border-radius:100px;background:rgba(255,255,255,.04);
  font-size:11.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--paper);
}
.egl-cmyk{display:inline-flex;gap:3px}
.egl-cmyk i{width:9px;height:9px;border-radius:2px;display:block}
.egl-cmyk i:nth-child(1){background:var(--c)}
.egl-cmyk i:nth-child(2){background:var(--m)}
.egl-cmyk i:nth-child(3){background:var(--y)}
.egl-cmyk i:nth-child(4){background:#fff}
.egl h2{
  margin:0;color:#fff;
  font-size:clamp(32px,3.8vw,58px);font-weight:700;line-height:1.05;letter-spacing:-.045em;
}
.egl h2 em{font-style:italic;font-weight:300;color:var(--y)}
.egl-arrows{display:flex;gap:8px;flex-shrink:0}
.egl-arrow{
  width:48px;height:48px;display:grid;place-items:center;
  border:1px solid var(--line);border-radius:50%;
  background:rgba(255,255,255,.04);color:#fff;cursor:pointer;
  transition:background .25s ease,color .25s ease,border-color .25s ease,transform .25s ease;
}
.egl-arrow svg{width:17px;height:17px}
.egl-arrow:hover{background:var(--y);border-color:var(--y);color:var(--ink);transform:translateY(-1px)}

/* ---------- Şerit ---------- */
.egl-track{
  display:flex;gap:var(--gap);
  overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain;
  padding:10px max(32px,calc((100vw - 1320px) / 2)) var(--bottom);
}
.egl-track::-webkit-scrollbar{display:none}

/* ---------- Baskı provası kart ---------- */
.egl-card{
  --acc:var(--c);
  position:relative;display:block;flex:0 0 var(--card-w);width:var(--card-w);
  padding:10px 10px 0;margin:0;border:0;
  background:var(--paper);color:var(--ink);text-align:left;cursor:pointer;
  clip-path:polygon(0 0,calc(100% - 30px) 0,100% 30px,100% 100%,0 100%);
  border-radius:0 0 var(--radius) var(--radius);
  font:inherit;
  transition:transform .4s cubic-bezier(.2,.8,.2,1);
}
.egl-card:nth-child(even){transform:translateY(22px)}
.egl-card:hover{transform:translateY(-6px)}
.egl-card:nth-child(even):hover{transform:translateY(14px)}
.egl[data-lightbox="0"] .egl-card{cursor:default}
.egl-card::before{ /* üst renk çizgisi */
  content:"";position:absolute;left:0;top:0;height:4px;width:0;background:var(--acc);
  transition:width .45s cubic-bezier(.7,0,.2,1);z-index:2;
}
.egl-card:hover::before{width:100%}
.egl-card__media{display:block;position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:calc(var(--radius) * .5);background:#d9d4cb}
.egl-card__media img{
  width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;
  transition:transform .7s cubic-bezier(.16,.8,.24,1),filter .5s ease;
}
.egl-card:hover .egl-card__media img{transform:scale(1.07)}
.egl-card__media::after{ /* kesim işaretleri */
  content:"";position:absolute;inset:10px;pointer-events:none;opacity:0;
  background:
    linear-gradient(#fff,#fff) left top/16px 1.5px,linear-gradient(#fff,#fff) left top/1.5px 16px,
    linear-gradient(#fff,#fff) right top/16px 1.5px,linear-gradient(#fff,#fff) right top/1.5px 16px,
    linear-gradient(#fff,#fff) left bottom/16px 1.5px,linear-gradient(#fff,#fff) left bottom/1.5px 16px,
    linear-gradient(#fff,#fff) right bottom/16px 1.5px,linear-gradient(#fff,#fff) right bottom/1.5px 16px;
  background-repeat:no-repeat;
  transition:opacity .35s ease,inset .35s ease;
}
.egl-card:hover .egl-card__media::after{opacity:.95;inset:14px}
.egl-zoom{
  position:absolute;left:50%;top:50%;z-index:2;
  width:54px;height:54px;border-radius:50%;
  display:grid;place-items:center;background:var(--y);color:var(--ink);
  transform:translate(-50%,-50%) scale(.6);opacity:0;
  transition:opacity .3s ease,transform .35s cubic-bezier(.2,.8,.2,1);
}
.egl-zoom svg{width:20px;height:20px}
.egl-card:hover .egl-zoom{opacity:1;transform:translate(-50%,-50%) scale(1)}
.egl[data-lightbox="0"] .egl-zoom{display:none}
.egl-card__foot{
  display:flex;align-items:center;gap:10px;min-height:46px;padding:0 4px;
  font-size:12.5px;font-weight:600;line-height:1.35;
}
.egl-card__num{flex:0 0 auto;font-size:10.5px;font-weight:700;letter-spacing:.12em;color:#7a766f}
.egl-card__num::before{
  content:"";display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:2px;background:var(--acc);
}
.egl-card__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.egl-empty{
  width:min(1320px,calc(100% - 64px));margin:0 auto var(--bottom);
  min-height:180px;border:1.5px dashed var(--line);border-radius:18px;
  display:grid;place-items:center;color:var(--paper-dim);font-size:14px;font-weight:600;
}

/* ---------- Lightbox (body altına taşınır) ---------- */
.egl-lb{
  position:fixed;inset:0;z-index:2147483000;
  display:none;align-items:center;justify-content:center;
  padding:40px 90px;
  background:rgba(10,10,11,.95);
  font-family:'Poppins',sans-serif;
}
.egl-lb.open{display:flex;animation:eglFade .3s ease}
@keyframes eglFade{from{opacity:0}to{opacity:1}}
.egl-lb__bar{position:absolute;left:0;right:0;top:0;height:5px;display:flex}
.egl-lb__bar i{flex:1}
.egl-lb__bar i:nth-child(1){background:#00aeef}
.egl-lb__bar i:nth-child(2){background:#ec008c}
.egl-lb__bar i:nth-child(3){background:#ffe600}
.egl-lb__bar i:nth-child(4){background:#fff}
.egl-lb figure{margin:0;max-width:min(1100px,100%);text-align:center}
.egl-lb img{
  display:block;max-width:100%;max-height:78vh;margin:0 auto;
  border:10px solid #f4f0e8;border-radius:4px 4px 14px 14px;
  box-shadow:0 40px 80px -30px rgba(0,0,0,.8);
  animation:eglZoom .4s cubic-bezier(.2,.8,.2,1);
}
@keyframes eglZoom{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
.egl-lb figcaption{
  display:flex;align-items:center;justify-content:center;gap:14px;margin-top:16px;
  color:rgba(244,240,232,.85);font-size:13.5px;font-weight:500;
}
.egl-lb figcaption b{color:#fff;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.06em}
.egl-lb figcaption b span{color:#a9a49b;font-weight:600}
.egl-lb__btn{
  position:absolute;width:52px;height:52px;display:grid;place-items:center;
  border:1px solid rgba(255,255,255,.2);border-radius:50%;
  background:rgba(255,255,255,.06);color:#fff;cursor:pointer;
  transition:background .2s ease,color .2s ease,border-color .2s ease;
}
.egl-lb__btn svg{width:20px;height:20px}
.egl-lb__btn:hover{background:#ffe600;border-color:#ffe600;color:#0a0a0b}
.egl-lb__close{top:26px;right:26px}
.egl-lb__prev{left:24px;top:50%;transform:translateY(-50%)}
.egl-lb__next{right:24px;top:50%;transform:translateY(-50%)}
body.egl-lb-open{overflow:hidden}

/* ---------- Responsive ---------- */
@media(max-width:980px){
  .egl-in{width:min(720px,calc(100% - 40px))}
  .egl-track{padding-left:20px;padding-right:20px}
}
@media(max-width:575px){
  .egl{--gap:12px;--top:40px;--bottom:48px}
  .egl-in{width:calc(100% - 28px)}
  .egl-head{margin-bottom:24px}
  .egl-arrow{width:42px;height:42px}
  .egl-track{padding:8px 14px var(--bottom)}
  .egl-card{flex-basis:var(--card-w-m);width:var(--card-w-m);padding:8px 8px 0}
  .egl-card:nth-child(even){transform:translateY(14px)}
  .egl-card__foot{min-height:40px;font-size:11.5px}
  .egl-lb{padding:60px 14px}
  .egl-lb img{border-width:6px}
  .egl-lb__btn{width:42px;height:42px}
  .egl-lb__prev,.egl-lb__next{top:auto;bottom:22px;transform:none}
  .egl-lb__prev{left:calc(50% - 52px)}
  .egl-lb__next{right:calc(50% - 52px)}
  .egl-lb__close{top:16px;right:14px}
}
@media(prefers-reduced-motion:reduce){
  .egl *,.egl *::before,.egl *::after{transition:none!important;animation:none!important}
}


/* ==========================================================
   MODÜL: Belgelerimiz Slider [belgelerimiz-slider]
   ========================================================== */
.edc{
  --ink:#0a0a0b;
  --paper:#f4f0e8;
  --paper-dim:#a9a49b;
  --line:rgba(10,10,11,.12);
  --c:#00aeef;--m:#ec008c;--y:#ffe600;
  position:relative;isolation:isolate;overflow:hidden;width:100%;
  background:var(--paper);color:var(--ink);
  font-family:"Poppins",sans-serif;-webkit-font-smoothing:antialiased;
}
.edc *{box-sizing:border-box}
.edc::before{ /* kâğıt noktası dokusu */
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.6;
  background-image:radial-gradient(rgba(10,10,11,.05) 1px,transparent 1px);
  background-size:22px 22px;
}
.edc-in{width:min(1320px,calc(100% - 64px));margin:0 auto;padding:64px 0 68px}

/* ---------- Başlık ---------- */
.edc-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:34px}
.edc-eyebrow{
  display:inline-flex;align-items:center;gap:12px;margin-bottom:20px;
  padding:7px 15px 7px 9px;border:1px solid var(--line);border-radius:100px;background:#fff;
  font-size:11.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);
}
.edc-cmyk{display:inline-flex;gap:3px}
.edc-cmyk i{width:9px;height:9px;border-radius:2px;display:block}
.edc-cmyk i:nth-child(1){background:var(--c)}
.edc-cmyk i:nth-child(2){background:var(--m)}
.edc-cmyk i:nth-child(3){background:var(--y)}
.edc-cmyk i:nth-child(4){background:var(--ink)}
.edc h2{
  margin:0!important;color:var(--ink)!important;
  font-size:clamp(32px,3.8vw,58px)!important;font-weight:700!important;line-height:1.05!important;letter-spacing:-.045em;
}
.edc h2 em{font-style:italic;font-weight:300;color:var(--m)}
.edc-arrows{display:flex;gap:8px;flex-shrink:0}
.edc-arrow{
  width:48px;height:48px;padding:0;display:grid;place-items:center;
  border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--ink);cursor:pointer;
  transition:background .25s ease,color .25s ease,border-color .25s ease,transform .25s ease,opacity .25s ease;
}
.edc-arrow svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.edc-arrow:hover:not(:disabled){background:var(--ink);border-color:var(--ink);color:#fff;transform:translateY(-1px)}
.edc-arrow:disabled{opacity:.3;cursor:default}

/* ---------- Şerit ---------- */
.edc-viewport{
  overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;
  scrollbar-width:none;overscroll-behavior-inline:contain;
  padding:12px 0 18px;
}
.edc-viewport::-webkit-scrollbar{display:none}
.edc-track{display:flex;align-items:stretch;gap:20px;width:max-content}

/* ---------- Belge kartı ---------- */
.edc-card{
  --acc:var(--c);--acc-ink:var(--ink);
  flex:0 0 280px;width:280px;margin:0;scroll-snap-align:start;
  background:#fff;
  clip-path:polygon(0 0,calc(100% - 32px) 0,100% 32px,100% 100%,0 100%);
  border-radius:0 0 14px 14px;
  transition:transform .4s cubic-bezier(.2,.8,.2,1);
}
.edc-card:nth-child(4n+2){--acc:var(--m);--acc-ink:#fff}
.edc-card:nth-child(4n+3){--acc:var(--y)}
.edc-card:nth-child(4n+4){--acc:var(--ink);--acc-ink:#fff}
.edc-card:hover{transform:translateY(-8px)}
.edc-card>a{
  position:relative;height:100%;padding:12px 12px 16px;
  display:flex;flex-direction:column;color:var(--ink)!important;text-decoration:none!important;
}
.edc-card>a::before{ /* üst renk çizgisi */
  content:"";position:absolute;left:0;top:0;height:4px;width:0;background:var(--acc);
  transition:width .45s cubic-bezier(.7,0,.2,1);z-index:2;
}
.edc-card:hover>a::before{width:100%}
.edc-media{
  position:relative;display:flex;align-items:center;justify-content:center;
  width:100%;aspect-ratio:4/5;margin-bottom:14px;padding:14px;
  border-radius:8px;background:#f7f4ee;overflow:hidden;
  box-shadow:inset 0 0 0 1px rgba(10,10,11,.05);
}
.edc-media img{
  width:100%!important;height:100%!important;display:block;object-fit:contain;border-radius:0!important;
  box-shadow:0 10px 24px -14px rgba(10,10,11,.35);
  transition:transform .6s cubic-bezier(.16,.8,.24,1);
}
.edc-card:hover .edc-media img{transform:scale(1.04)}
.edc-media::after{ /* kesim işaretleri */
  content:"";position:absolute;inset:8px;pointer-events:none;opacity:0;
  background:
    linear-gradient(#0a0a0b,#0a0a0b) left top/14px 1.5px,linear-gradient(#0a0a0b,#0a0a0b) left top/1.5px 14px,
    linear-gradient(#0a0a0b,#0a0a0b) right top/14px 1.5px,linear-gradient(#0a0a0b,#0a0a0b) right top/1.5px 14px,
    linear-gradient(#0a0a0b,#0a0a0b) left bottom/14px 1.5px,linear-gradient(#0a0a0b,#0a0a0b) left bottom/1.5px 14px,
    linear-gradient(#0a0a0b,#0a0a0b) right bottom/14px 1.5px,linear-gradient(#0a0a0b,#0a0a0b) right bottom/1.5px 14px;
  background-repeat:no-repeat;
  transition:opacity .35s ease,inset .35s ease;
}
.edc-card:hover .edc-media::after{opacity:.5;inset:5px}
.edc-zoom{
  position:absolute;left:50%;top:50%;z-index:2;
  width:52px;height:52px;border-radius:50%;
  display:grid;place-items:center;background:var(--y);color:var(--ink);
  transform:translate(-50%,-50%) scale(.6);opacity:0;
  transition:opacity .3s ease,transform .35s cubic-bezier(.2,.8,.2,1);
}
.edc-zoom svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.edc-card:hover .edc-zoom{opacity:1;transform:translate(-50%,-50%) scale(1)}
.edc-num{
  display:flex;align-items:center;gap:8px;margin:0 4px 6px;
  font-size:10.5px;font-weight:700;letter-spacing:.14em;color:#7a766f;
}
.edc-num::before{content:"";width:8px;height:8px;border-radius:2px;background:var(--acc)}
.edc-card strong{
  display:block;min-height:44px;margin:0 4px 14px;
  color:var(--ink);font-size:15px;font-weight:600;line-height:1.45;letter-spacing:-.01em;
}
.edc-go{
  display:flex;align-items:center;justify-content:space-between;gap:10px;margin:auto 4px 0;
  padding-top:12px;border-top:1px dashed rgba(10,10,11,.18);
  font-size:12.5px;font-weight:600;color:var(--ink);
}
.edc-go i{
  width:34px;height:34px;flex:0 0 34px;border-radius:50%;display:grid;place-items:center;
  background:var(--ink);color:#fff;font-style:normal;
  transition:transform .35s ease,background .35s ease,color .35s ease;
}
.edc-go svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.edc-card:hover .edc-go i{transform:rotate(-45deg);background:var(--acc);color:var(--acc-ink)}

/* ---------- Alt buton ---------- */
.edc-footer{display:flex;justify-content:center;margin-top:24px}
.edc-all{
  min-height:56px;display:inline-flex;align-items:center;gap:14px;
  padding:0 8px 0 26px;border-radius:100px;
  background:var(--ink);color:#fff!important;text-decoration:none!important;
  font-size:13.5px;font-weight:600;letter-spacing:.02em;
  transition:transform .25s ease,box-shadow .25s ease;
}
.edc-all i{
  width:40px;height:40px;border-radius:50%;display:grid;place-items:center;
  background:var(--y);color:var(--ink);font-style:normal;transition:transform .3s ease;
}
.edc-all svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.edc-all:hover{transform:translateY(-2px);box-shadow:0 18px 34px -16px rgba(10,10,11,.6)}
.edc-all:hover i{transform:rotate(-45deg)}

.edc-empty{
  padding:28px;border:1.5px dashed var(--line);border-radius:16px;
  background:#fff;color:#5d5a55;text-align:center;font-size:14px;font-weight:500;
}

/* ---------- Responsive ---------- */
@media(max-width:900px){
  .edc-in{width:min(720px,calc(100% - 40px));padding:52px 0 56px}
  .edc-card{flex-basis:250px;width:250px}
}
@media(max-width:640px){
  .edc-in{width:calc(100% - 28px);padding:44px 0 48px}
  .edc-head{align-items:flex-end;margin-bottom:24px}
  .edc-arrow{width:42px;height:42px}
  .edc-track{gap:14px}
  .edc-card{flex-basis:min(74vw,280px);width:min(74vw,280px)}
  .edc-card strong{min-height:0;font-size:14px}
  .edc-all{width:100%;justify-content:space-between}
}
@media(max-width:420px){
  .edc-head{display:block}
  .edc-arrows{margin-top:18px}
}
@media(prefers-reduced-motion:reduce){
  .edc *,.edc *::before,.edc *::after{transition:none!important}
  .edc-viewport{scroll-behavior:auto}
}


/* ==========================================================
   MODÜL: Müşteri Yorumları [musteri-yorumlari]
   ========================================================== */
/* =========================================================
   ECRİNETİKET · MÜŞTERİ GÖRÜŞLERİ MODÜLÜ
   Galeri'nin siyah zemininden sonra kâğıt tonuna döner.
   Her yorum, köşesi kesik ve dikiş izli bir etiket kartıdır.
   ========================================================= */
.etm{
  --ink:#0a0a0b;
  --ink-soft:#5d5a55;
  --paper:#f4f0e8;
  --line:rgba(10,10,11,.12);
  --c:#00aeef;--m:#ec008c;--y:#ffe600;
  --top:72px;--bottom:80px;
  --cols:3;--cols-t:2;
  --lines:4;
  --radius:14px;
  --avatar:48px;
  --gap:22px;
  position:relative;isolation:isolate;overflow:hidden;
  background:var(--paper);color:var(--ink);
  font-family:'Poppins',sans-serif;-webkit-font-smoothing:antialiased;
}
.etm *{box-sizing:border-box}
.etm::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.6;
  background-image:radial-gradient(rgba(10,10,11,.05) 1px,transparent 1px);
  background-size:22px 22px;
}
.etm-in{width:min(1320px,calc(100% - 64px));margin:0 auto;padding:var(--top) 0 var(--bottom)}

/* ---------- Başlık ---------- */
.etm-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:36px}
.etm-eyebrow{
  display:inline-flex;align-items:center;gap:12px;margin-bottom:20px;
  padding:7px 15px 7px 9px;border:1px solid var(--line);border-radius:100px;background:#fff;
  font-size:11.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);
}
.etm-cmyk{display:inline-flex;gap:3px}
.etm-cmyk i{width:9px;height:9px;border-radius:2px;display:block}
.etm-cmyk i:nth-child(1){background:var(--c)}
.etm-cmyk i:nth-child(2){background:var(--m)}
.etm-cmyk i:nth-child(3){background:var(--y)}
.etm-cmyk i:nth-child(4){background:var(--ink)}
.etm h2{
  margin:0;color:var(--ink);
  font-size:clamp(32px,3.8vw,58px);font-weight:700;line-height:1.05;letter-spacing:-.045em;
}
.etm h2 em{font-style:italic;font-weight:300;color:var(--m)}
.etm-tools{display:flex;align-items:center;gap:14px;flex-shrink:0}
.etm-share{
  min-height:48px;display:inline-flex;align-items:center;gap:12px;
  padding:0 6px 0 20px;border-radius:100px;
  background:var(--ink);color:#fff!important;text-decoration:none!important;
  font-size:12.5px;font-weight:600;letter-spacing:.02em;
  transition:transform .25s ease;
}
.etm-share span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--y);color:var(--ink);transition:transform .3s ease}
.etm-share svg{width:14px;height:14px}
.etm-share:hover{transform:translateY(-2px)}
.etm-share:hover span{transform:rotate(-45deg)}
.etm-arrow{
  width:48px;height:48px;display:grid;place-items:center;
  border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--ink);cursor:pointer;
  transition:background .25s ease,color .25s ease,border-color .25s ease,transform .25s ease;
}
.etm-arrow svg{width:17px;height:17px}
.etm-arrow:hover{background:var(--ink);border-color:var(--ink);color:#fff;transform:translateY(-1px)}

/* ---------- Kaydırılabilir şerit ---------- */
.etm-track{
  display:flex;gap:var(--gap);
  overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;
  padding:12px 0 8px;cursor:grab;
}
.etm-track::-webkit-scrollbar{display:none}
.etm-track.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}

/* ---------- Yorum kartı ---------- */
.etm-card{
  --acc:var(--c);
  position:relative;display:flex;flex-direction:column;min-width:0;
  flex:0 0 calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols));
  padding:30px 28px 24px;
  background:#fff;
  clip-path:polygon(0 0,calc(100% - 34px) 0,100% 34px,100% 100%,0 100%);
  border-radius:0 0 var(--radius) var(--radius);
  scroll-snap-align:start;
  transition:transform .35s cubic-bezier(.2,.8,.2,1);
}
.etm-card::before{ /* dikiş izi */
  content:"";position:absolute;inset:8px;pointer-events:none;
  border:1.5px dashed rgba(10,10,11,.1);border-radius:0 0 calc(var(--radius) * .6) calc(var(--radius) * .6);
  transition:border-color .35s ease;
}
.etm-card::after{ /* kesik köşe rengi */
  content:"";position:absolute;top:0;right:0;width:34px;height:34px;
  background:linear-gradient(225deg,transparent 50%,var(--acc) 50%);
}
.etm-card:hover{transform:translateY(-5px)}
.etm-card:hover::before{border-color:var(--acc)}
.etm-card>*{position:relative;z-index:1}

.etm-mark{
  width:46px;height:46px;margin-bottom:18px;border-radius:12px;
  display:grid;place-items:center;background:var(--acc);color:var(--acc-ink,var(--ink));
}
.etm-mark svg{width:20px;height:20px}
.etm-quote{
  margin:0 0 6px;color:#2b2926;font-size:15px;line-height:1.75;font-weight:400;
  display:-webkit-box;-webkit-line-clamp:var(--lines);-webkit-box-orient:vertical;overflow:hidden;
}
.etm-quote.expanded{-webkit-line-clamp:unset;overflow:visible}
.etm-more{
  align-self:flex-start;margin:0 0 20px;padding:0 0 1px;border:0;background:none;cursor:pointer;
  color:var(--ink);font:600 12.5px/1.4 'Poppins',sans-serif;
  border-bottom:1.5px solid var(--acc);
}
.etm-more[hidden]{display:none}
.etm-foot{
  display:flex;align-items:center;gap:13px;margin-top:auto;padding-top:18px;
  border-top:1px dashed rgba(10,10,11,.16);
}
.etm-avatar{width:var(--avatar);height:var(--avatar);border-radius:50%;overflow:hidden;flex-shrink:0;background:#e4dfd6}
.etm-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.etm-initial{
  width:var(--avatar);height:var(--avatar);border-radius:50%;flex-shrink:0;
  display:grid;place-items:center;background:var(--ink);color:#fff;font-size:17px;font-weight:700;
}
.etm-person{min-width:0;flex:1}
.etm-name{font-size:15px;font-weight:700;line-height:1.3;color:var(--ink)}
.etm-role{margin-top:2px;font-size:12.5px;line-height:1.45;color:var(--ink-soft)}
.etm-stars{display:flex;gap:2px;color:var(--ink);flex-shrink:0}
.etm-stars svg{width:14px;height:14px}

/* ---------- Alt gösterge ---------- */
.etm-nav{display:flex;align-items:center;gap:16px;margin-top:26px}
.etm-counter{font-size:12px;font-weight:600;letter-spacing:.08em;color:var(--ink-soft);font-variant-numeric:tabular-nums}
.etm-counter b{color:var(--ink);font-size:15px}
.etm-progress{flex:1;max-width:220px;height:3px;border-radius:3px;background:rgba(10,10,11,.12);overflow:hidden}
.etm-progress i{display:block;height:100%;width:0;background:var(--m);border-radius:3px;transition:width .45s cubic-bezier(.22,.72,.18,1)}

.etm-empty{
  min-height:180px;border:1.5px dashed var(--line);border-radius:18px;background:#fff;
  display:grid;place-items:center;color:var(--ink-soft);font-size:14px;font-weight:600;text-align:center;padding:20px;
}

/* ---------- Responsive ---------- */
@media(max-width:980px){
  .etm-in{width:min(720px,calc(100% - 40px))}
  .etm-card{flex-basis:calc((100% - (var(--cols-t) - 1) * var(--gap)) / var(--cols-t))}
}
@media(max-width:680px){
  .etm{--top:48px;--bottom:56px;--gap:14px}
  .etm-in{width:calc(100% - 28px)}
  .etm-head{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:24px}
  .etm-tools{width:100%}
  .etm-tools .etm-arrow:first-of-type{margin-left:auto}
  .etm-arrow{width:42px;height:42px}
  .etm-track{margin:0 -14px;padding:10px 14px 8px;scroll-padding-left:14px}
  .etm-card{flex-basis:86%;padding:26px 22px 22px}
  .etm-quote{font-size:14.5px}
  .etm-stars svg{width:12px;height:12px}
  .etm-progress{max-width:none}
}
@media(prefers-reduced-motion:reduce){
  .etm *,.etm *::before{transition:none!important}
}


/* ==========================================================
   MODÜL: Blog Bölümü [blog-bolumu]
   ========================================================== */
.blog2-box .image img {
    width: 100%;
    height: 415px;
    object-fit: cover;
}

@media screen and (max-width: 768px) {
    .blog2-box .image img {
        height: 390px;
    }
    .team-box .image img {
        height: 390px;
    }
}


/* ==========================================================
   MODÜL: Anasayfa Açıklama [anasayfa-aciklama]
   ========================================================== */
/* =========================================================
   ECRİN ETİKET
   ANA SAYFA SEO / AÇIKLAMA MODÜLÜ
   ========================================================= */

.tamas-aciklama.ecrin-home-description {
    --ecrin-cyan: #12a9d6;
    --ecrin-cyan-dark: #087fa4;
    --ecrin-yellow: #ffd400;

    --ecrin-navy: #0c2933;
    --ecrin-black: #090b0f;
    --ecrin-burgundy: #3f0b23;

    --ecrin-ink: #171a1f;
    --ecrin-text: #66717e;
    --ecrin-line: #e4e9ed;

    width: 100%;

    padding: 56px 20px 68px;

    color: var(--ecrin-ink);

    background:
        radial-gradient(
            circle at 5% 5%,
            rgba(18, 169, 214, .045),
            transparent 19%
        ),
        radial-gradient(
            circle at 96% 95%,
            rgba(63, 11, 35, .025),
            transparent 20%
        ),
        #f8f9fb;

    font-family:
        "Poppins",
        Arial,
        sans-serif;
}


.tamas-aciklama .tamas-container {
    width: 100%;

    max-width: 1180px;

    margin:
        0 auto;
}


/* =========================================================
   ÜST ALAN
   ========================================================= */

.ecrin-description-head {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        auto;

    align-items: end;

    gap: 35px;

    margin-bottom: 26px;
}


.ecrin-description-head-left {
    max-width: 760px;
}


.ecrin-description-label {
    display: flex;

    align-items: center;

    gap: 9px;

    margin-bottom: 9px;

    color:
        var(--ecrin-cyan-dark);

    font-size: 10px;

    font-weight: 700;

    letter-spacing: .14em;
}


.ecrin-description-label::before {
    content: "";

    width: 24px;
    height: 3px;

    border-radius: 20px;

    background:
        linear-gradient(
            90deg,
            var(--ecrin-cyan) 0%,
            var(--ecrin-cyan) 50%,
            var(--ecrin-yellow) 50%,
            var(--ecrin-yellow) 100%
        );
}


.ecrin-description-head h2 {
    margin:
        0 0 10px;

    color:
        var(--ecrin-ink);

    font-size:
        clamp(
            29px,
            3vw,
            42px
        );

    line-height: 1.16;

    letter-spacing:
        -.035em;

    font-weight: 550;
}


.ecrin-description-head h2 span {
    color:
        var(--ecrin-navy);
}


.ecrin-description-head p {
    max-width: 720px;

    margin: 0;

    color:
        var(--ecrin-text);

    font-size: 13.5px;

    line-height: 1.8;
}


/* 3 renk detayı */

.ecrin-description-colors {
    display: flex;

    gap: 7px;

    padding-bottom: 5px;
}


.ecrin-description-colors span {
    display: block;

    width: 9px;
    height: 9px;

    border-radius: 50%;
}


.ecrin-description-colors span:nth-child(1) {
    background:
        var(--ecrin-cyan);
}


.ecrin-description-colors span:nth-child(2) {
    background:
        var(--ecrin-yellow);
}


.ecrin-description-colors span:nth-child(3) {
    background:
        var(--ecrin-burgundy);
}


/* =========================================================
   ANA KART
   ========================================================= */

.ecrin-description-shell {
    position: relative;

    overflow: hidden;

    border:
        1px solid
        var(--ecrin-line);

    border-radius: 25px;

    background:
        #ffffff;

    box-shadow:
        0 18px 50px
        rgba(15, 23, 42, .065);
}


/* Üst renk çizgisi */

.ecrin-description-shell::before {
    content: "";

    position: absolute;

    z-index: 4;

    left: 26px;
    right: 26px;

    top: 0;

    height: 3px;

    border-radius:
        0 0 20px 20px;

    background:
        linear-gradient(
            90deg,
            var(--ecrin-cyan) 0%,
            var(--ecrin-cyan) 32%,
            var(--ecrin-yellow) 32%,
            var(--ecrin-yellow) 56%,
            var(--ecrin-navy) 56%,
            var(--ecrin-navy) 78%,
            var(--ecrin-burgundy) 78%,
            var(--ecrin-burgundy) 100%
        );
}


/* =========================================================
   İÇERİK
   ========================================================= */

.tamas-scroll-box {
    position: relative;

    max-height: 630px;

    /*
     * ÖNEMLİ:
     * overflow-y:auto YOK.
     *
     * Mouse bu bölümdeyken sayfanın ana scroll'u
     * normal çalışmaya devam eder.
     */
    overflow: hidden;

    padding:
        31px
        34px
        60px;

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fbfcfd 100%
        );

    transition:
        max-height .55s
        cubic-bezier(
            .2,
            .75,
            .2,
            1
        );
}


/* Açılmış hali */

.tamas-scroll-box.is-expanded {
    max-height: 6000px;
}


/* =========================================================
   İÇERİK INTRO
   ========================================================= */

.ecrin-content-intro {
    display: flex;

    align-items: center;

    gap: 15px;

    margin:
        2px 0 24px;

    padding:
        15px 17px;

    border:
        1px solid
        #e6eaee;

    border-radius: 16px;

    background:
        linear-gradient(
            110deg,
            #edf9fc 0%,
            #ffffff 70%
        );
}


.ecrin-content-icon {
    flex:
        0 0 43px;

    width: 43px;
    height: 43px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 13px;

    color:
        var(--ecrin-cyan-dark);

    background:
        #daf3f9;

    font-size: 16px;
}


.ecrin-content-intro span {
    display: block;

    margin-bottom: 3px;

    color:
        var(--ecrin-cyan-dark);

    font-size: 9px;

    font-weight: 700;

    letter-spacing: .12em;
}


.ecrin-content-intro p {
    margin: 0 !important;

    color:
        #57626e !important;

    font-size:
        12.5px !important;

    line-height:
        1.65 !important;
}


/* =========================================================
   TYPOGRAPHY
   ========================================================= */

.tamas-scroll-box > p {
    max-width: 1000px;

    margin:
        0 0 18px;

    color:
        #596571;

    font-size:
        14px;

    line-height:
        1.9;
}


.tamas-scroll-box strong {
    color:
        #22272d;

    font-weight: 600;
}


/* =========================================================
   BAŞLIKLAR
   ========================================================= */

.tamas-scroll-box > h2 {
    position: relative;

    display: flex;

    align-items: center;

    gap: 12px;

    margin:
        31px 0 15px;

    padding:
        14px
        18px;

    border:
        1px solid
        rgba(18, 169, 214, .18);

    border-radius: 14px;

    color:
        var(--ecrin-navy);

    background:
        linear-gradient(
            110deg,
            rgba(18, 169, 214, .08),
            #ffffff 58%
        );

    font-size:
        19px;

    line-height:
        1.4;

    font-weight: 550;

    letter-spacing:
        -.016em;
}


.ecrin-heading-number {
    flex:
        0 0 34px;

    width: 34px;
    height: 34px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    border-radius:
        10px;

    background:
        #ddf5fb;

    color:
        var(--ecrin-cyan-dark);

    font-size:
        9px;

    font-weight:
        700;

    box-shadow:
        0 0 0 5px
        rgba(
            18,
            169,
            214,
            .05
        );
}


/* Başlıklara küçük renk çeşitliliği */

.tamas-scroll-box > h2:nth-of-type(3n + 2) {
    border-color:
        rgba(
            224,
            185,
            0,
            .22
        );

    background:
        linear-gradient(
            110deg,
            rgba(
                255,
                212,
                0,
                .10
            ),
            #ffffff
            58%
        );
}


.tamas-scroll-box
> h2:nth-of-type(3n + 2)
.ecrin-heading-number {

    background:
        #fff5c8;

    color:
        #806700;

    box-shadow:
        0 0 0 5px
        rgba(
            255,
            212,
            0,
            .06
        );
}


.tamas-scroll-box > h2:nth-of-type(3n + 3) {
    border-color:
        rgba(
            63,
            11,
            35,
            .14
        );

    background:
        linear-gradient(
            110deg,
            rgba(
                63,
                11,
                35,
                .055
            ),
            #ffffff
            58%
        );
}


.tamas-scroll-box
> h2:nth-of-type(3n + 3)
.ecrin-heading-number {

    background:
        #f2e3e9;

    color:
        var(--ecrin-burgundy);

    box-shadow:
        0 0 0 5px
        rgba(
            63,
            11,
            35,
            .045
        );
}


/* =========================================================
   LISTELER
   ========================================================= */

.tamas-scroll-box > ul {
    display: grid;

    grid-template-columns:
        repeat(
            3,
            minmax(
                0,
                1fr
            )
        );

    gap: 9px;

    margin:
        8px 0 22px;

    padding: 0;

    list-style: none;
}


.tamas-scroll-box > ul li {
    position: relative;

    margin: 0;

    padding:
        11px
        13px
        11px
        34px;

    border:
        1px solid
        #e7eaee;

    border-radius:
        12px;

    background:
        #fbfcfd;

    color:
        #626d78;

    font-size:
        12px;

    line-height:
        1.55;
}


.tamas-scroll-box > ul li::before {
    content: "✓";

    position: absolute;

    left: 12px;

    top: 11px;

    color:
        var(--ecrin-cyan-dark);

    font-size: 10px;

    font-weight: 700;
}


/* =========================================================
   FADE
   ========================================================= */

.ecrin-description-fade {
    position: absolute;

    z-index: 5;

    left: 0;
    right: 0;

    bottom: 61px;

    height: 130px;

    pointer-events: none;

    background:
        linear-gradient(
            180deg,
            rgba(
                255,
                255,
                255,
                0
            )
            0%,
            rgba(
                255,
                255,
                255,
                .90
            )
            58%,
            #ffffff
            100%
        );

    transition:
        opacity .25s ease;
}


.ecrin-description-fade.is-hidden {
    opacity: 0;
}


/* =========================================================
   TOGGLE
   ========================================================= */

.ecrin-description-toggle-wrap {
    position: relative;

    z-index: 8;

    display: flex;

    align-items: center;
    justify-content: center;

    min-height: 62px;

    padding:
        10px
        20px
        15px;

    border-top:
        1px solid
        rgba(
            229,
            233,
            237,
            .75
        );

    background:
        #ffffff;
}


.ecrin-description-toggle {
    display: inline-flex;

    align-items: center;

    gap: 10px;

    min-height: 42px;

    padding:
        0 17px
        0 9px;

    border:
        1px solid
        #e0e5e9;

    border-radius:
        999px;

    background:
        #ffffff;

    color:
        #303943;

    font-family:
        "Poppins",
        sans-serif;

    font-size:
        11.5px;

    font-weight:
        600;

    cursor:
        pointer;

    box-shadow:
        0 8px 24px
        rgba(
            15,
            23,
            42,
            .05
        );

    transition:
        transform .22s ease,
        border-color .22s ease,
        box-shadow .22s ease;
}


.ecrin-toggle-icon {
    width: 28px;
    height: 28px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    border-radius:
        50%;

    color:
        var(--ecrin-cyan-dark);

    background:
        #e7f7fb;

    font-size:
        10px;
}


.ecrin-description-toggle:hover {
    transform:
        translateY(-2px);

    border-color:
        rgba(
            18,
            169,
            214,
            .30
        );

    box-shadow:
        0 12px 28px
        rgba(
            15,
            23,
            42,
            .08
        );
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 991px) {

    .tamas-aciklama.ecrin-home-description {
        padding:
            46px
            18px
            58px;
    }


    .ecrin-description-head {
        grid-template-columns:
            1fr;

        gap: 12px;
    }


    .ecrin-description-colors {
        display: none;
    }


    .tamas-scroll-box {
        max-height:
            600px;

        padding:
            27px
            27px
            55px;
    }


    .tamas-scroll-box.is-expanded {
        max-height:
            7000px;
    }


    .tamas-scroll-box > ul {
        grid-template-columns:
            repeat(
                2,
                minmax(
                    0,
                    1fr
                )
            );
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

    .tamas-aciklama.ecrin-home-description {
        padding:
            38px
            14px
            48px;
    }


    .ecrin-description-head {
        margin-bottom:
            20px;
    }


    .ecrin-description-head h2 {
        font-size:
            27px;

        line-height:
            1.2;
    }


    .ecrin-description-head p {
        font-size:
            12.5px;

        line-height:
            1.72;
    }


    .ecrin-description-shell {
        border-radius:
            18px;
    }


    .ecrin-description-shell::before {
        left: 18px;
        right: 18px;
    }


    .tamas-scroll-box {
        max-height:
            560px;

        padding:
            24px
            18px
            50px;
    }


    .tamas-scroll-box.is-expanded {
        max-height:
            9000px;
    }


    .ecrin-content-intro {
        align-items:
            flex-start;

        padding:
            13px;

        border-radius:
            13px;
    }


    .ecrin-content-icon {
        flex-basis:
            37px;

        width: 37px;
        height: 37px;

        border-radius:
            11px;
    }


    .tamas-scroll-box > p {
        font-size:
            13px;

        line-height:
            1.78;
    }


    .tamas-scroll-box > h2 {
        gap: 10px;

        margin-top:
            25px;

        padding:
            12px
            12px;

        border-radius:
            12px;

        font-size:
            16px;

        line-height:
            1.45;
    }


    .ecrin-heading-number {
        flex-basis:
            30px;

        width: 30px;
        height: 30px;

        border-radius:
            9px;

        font-size:
            8px;
    }


    .tamas-scroll-box > ul {
        grid-template-columns:
            1fr;

        gap: 7px;

        margin-bottom:
            18px;
    }


    .tamas-scroll-box > ul li {
        padding:
            10px
            11px
            10px
            32px;

        font-size:
            11.5px;
    }


    .ecrin-description-fade {
        bottom: 59px;

        height: 105px;
    }


    .ecrin-description-toggle-wrap {
        min-height:
            59px;

        padding:
            8px
            12px
            13px;
    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (
    prefers-reduced-motion:
    reduce
) {

    .tamas-scroll-box,
    .ecrin-description-toggle {
        transition:
            none !important;
    }

}
/* =========================================================
   ECRİN ETİKET - ANİMASYON KATLARI
   ========================================================= */

/* Modül ilk açılış */
.ecrin-home-description {
    opacity: 0;
    transform: translateY(26px);
    transition:
        opacity .75s ease,
        transform .75s cubic-bezier(.2,.75,.2,1);
}

.ecrin-home-description.is-visible {
    opacity: 1;
    transform: translateY(0);
}


/* Başlık alanı */
.ecrin-description-head-left > * {
    opacity: 0;
    transform: translateY(14px);
}

.ecrin-home-description.is-visible
.ecrin-description-head-left > * {
    animation:
        ecrinFadeUp
        .65s
        ease
        forwards;
}

.ecrin-home-description.is-visible
.ecrin-description-label {
    animation-delay: .08s;
}

.ecrin-home-description.is-visible
.ecrin-description-head h2 {
    animation-delay: .16s;
}

.ecrin-home-description.is-visible
.ecrin-description-head p {
    animation-delay: .24s;
}


@keyframes ecrinFadeUp {
    from {
        opacity: 0;
        transform: translateY(14px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/* Sağ renk noktaları */
.ecrin-description-colors span {
    opacity: 0;
    transform: scale(.5);
}

.ecrin-home-description.is-visible
.ecrin-description-colors span {
    animation:
        ecrinDotPop
        .45s
        ease
        forwards;
}

.ecrin-description-colors span:nth-child(1) {
    animation-delay: .30s !important;
}

.ecrin-description-colors span:nth-child(2) {
    animation-delay: .38s !important;
}

.ecrin-description-colors span:nth-child(3) {
    animation-delay: .46s !important;
}

@keyframes ecrinDotPop {
    from {
        opacity: 0;
        transform: scale(.5);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}


/* Ana kart */
.ecrin-description-shell {
    opacity: 0;
    transform:
        translateY(20px)
        scale(.99);
}

.ecrin-home-description.is-visible
.ecrin-description-shell {
    animation:
        ecrinShellIn
        .75s
        .20s
        cubic-bezier(.2,.75,.2,1)
        forwards;
}

@keyframes ecrinShellIn {
    from {
        opacity: 0;
        transform:
            translateY(20px)
            scale(.99);
    }

    to {
        opacity: 1;
        transform:
            translateY(0)
            scale(1);
    }
}


/* Üst renk şeridine çok hafif hareket */
.ecrin-description-shell::before {
    background-size: 180% 100%;

    animation:
        ecrinTopLineMove
        8s
        ease-in-out
        infinite
        alternate;
}

@keyframes ecrinTopLineMove {
    from {
        background-position: 0% 50%;
    }

    to {
        background-position: 100% 50%;
    }
}


/* İçerik başlıkları scroll ile gelir */
.tamas-scroll-box > h2,
.tamas-scroll-box > ul,
.ecrin-content-intro {
    opacity: 0;
    transform: translateY(18px);

    transition:
        opacity .55s ease,
        transform .55s cubic-bezier(.2,.75,.2,1);
}

.tamas-scroll-box > h2.ecrin-reveal,
.tamas-scroll-box > ul.ecrin-reveal,
.ecrin-content-intro.ecrin-reveal {
    opacity: 1;
    transform: translateY(0);
}


/* Liste maddeleri hafif sırayla gelir */
.tamas-scroll-box > ul li {
    transition:
        transform .25s ease,
        border-color .25s ease,
        background .25s ease;
}

@media (hover:hover) {

    .tamas-scroll-box > ul li:hover {
        transform: translateY(-2px);

        border-color:
            rgba(18,169,214,.24);

        background:
            linear-gradient(
                110deg,
                #eefafd,
                #ffffff
            );
    }

}


/* H2 hover hareketi */
@media (hover:hover) {

    .tamas-scroll-box > h2 {
        transition:
            transform .25s ease,
            box-shadow .25s ease,
            border-color .25s ease;
    }

    .tamas-scroll-box > h2:hover {
        transform: translateX(4px);

        box-shadow:
            0 10px 28px
            rgba(15,23,42,.055);
    }

}


/* Toggle butonunda hafif shine */
.ecrin-description-toggle {
    position: relative;
    overflow: hidden;
}

.ecrin-description-toggle::after {
    content: "";

    position: absolute;

    top: -80%;
    left: -60%;

    width: 30%;
    height: 250%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.85),
            transparent
        );

    transform: rotate(20deg);

    transition: left .65s ease;

    pointer-events: none;
}

.ecrin-description-toggle:hover::after {
    left: 135%;
}


/* İkon hafif dönsün */
.ecrin-toggle-icon {
    transition:
        transform .3s ease,
        background .3s ease;
}

.ecrin-description-toggle:hover
.ecrin-toggle-icon {
    transform: rotate(90deg);

    background: #dff5fa;
}


/* İçerik intro ikonuna nabız */
.ecrin-content-icon {
    animation:
        ecrinIconPulse
        3.5s
        ease-in-out
        infinite;
}

@keyframes ecrinIconPulse {

    0%,
    100% {
        box-shadow:
            0 0 0 0
            rgba(18,169,214,.08);
    }

    50% {
        box-shadow:
            0 0 0 8px
            rgba(18,169,214,0);
    }

}


/* Hareket azaltma */
@media (prefers-reduced-motion: reduce) {

    .ecrin-home-description,
    .ecrin-description-head-left > *,
    .ecrin-description-colors span,
    .ecrin-description-shell,
    .tamas-scroll-box > h2,
    .tamas-scroll-box > ul,
    .ecrin-content-intro {

        opacity: 1 !important;
        transform: none !important;
        animation: none !important;
        transition: none !important;
    }

}