/* Tüm stiller #emko-v6 altında — WordPress temasıyla çakışmaz */
#emko-v6{font-family:'Plus Jakarta Sans',sans-serif;background:#fff;color:#000;overflow-x:hidden;line-height:1.4}
#emko-v6 *{margin:0;padding:0;box-sizing:border-box}
#emko-v6 img{max-width:100%;display:block;height:auto}
#emko-v6 .wrap{max-width:1440px;margin:0 auto;position:relative}

/* ============ HERO ============ */
#emko-v6 .hero{
  position:relative;border-radius:0 0 61px 61px;
  box-shadow:0 4px 4px rgba(0,0,0,.26);
  background-image:linear-gradient(116.76deg, rgba(0,114,186,.94) 1%, rgba(59,164,255,.94) 98%);
  background-size:cover;background-position:center;
  padding:26px 41px 60px;color:#fff;overflow:hidden;
}
#emko-v6 .breadcrumb{font-weight:300;font-size:14px;color:#fff}
#emko-v6 .hero h1{font-weight:800;font-size:40px;text-align:center;margin-top:8px;color:#fff}
#emko-v6 .hero-body{display:flex;align-items:flex-start;justify-content:center;gap:8px;margin-top:10px}
#emko-v6 .size-picker{display:flex;flex-direction:column;gap:9px;margin-top:30px}
#emko-v6 .size-picker button{
  width:44px;height:44px;border:none;border-radius:7px;background:#fff;
  font-family:inherit;font-weight:300;font-size:20px;color:#000;cursor:pointer;transition:.2s;
}
#emko-v6 .size-picker button:hover,#emko-v6 .size-picker button.active{outline:2px solid #2ce7fe;outline-offset:2px}
#emko-v6 .hero-gallery{display:flex;align-items:center;gap:22px}
#emko-v6 .hero-img{width:min(721px,60vw);transition:opacity .35s}
#emko-v6 .hero-arrow{
  width:46px;height:46px;border-radius:50%;border:none;cursor:pointer;flex:0 0 auto;
  background:rgba(255,255,255,.22);display:flex;align-items:center;justify-content:center;transition:.2s;
}
#emko-v6 .hero-arrow:hover{background:rgba(255,255,255,.45)}
#emko-v6 .hero-arrow svg{width:12px;height:20px;fill:#fff}
#emko-v6 .hero-dots{display:flex;gap:8px;justify-content:center;align-items:center;margin-top:24px}
#emko-v6 .hero-dots button{
  width:14px;height:14px;border-radius:50%;border:none;background:#fff;opacity:.55;cursor:pointer;transition:.2s;padding:0;
}
#emko-v6 .hero-dots button.active{opacity:1;width:17px;height:17px}
#emko-v6 .hero h2{font-weight:700;font-size:36px;text-align:center;margin-top:14px;color:#fff}
#emko-v6 .hero p.lead{font-weight:300;font-size:16px;text-align:center;max-width:781px;margin:22px auto 0;color:#fff}
#emko-v6 .hero-buttons{display:flex;gap:20px;justify-content:center;margin-top:32px}
#emko-v6 .hero-buttons a{
  display:inline-block;background:#fff;color:#0072ba;border-radius:6px;
  font-weight:500;font-size:15px;letter-spacing:-.75px;text-decoration:none;
  padding:8px 18px;transition:.2s;
}
#emko-v6 .hero-buttons a:hover{transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,0,0,.2)}

/* ============ BAŞLIKLAR ============ */
#emko-v6 .gtitle{
  font-weight:800;text-align:center;
  background:linear-gradient(144deg, rgba(0,114,186,.94) 1%, rgba(59,164,255,.94) 98%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
#emko-v6 .gtitle.rainbow{background:linear-gradient(90deg,#009dd0 .5%,#0e9ec4 24.5%,#33a3a5 46%,#70aa73 64%,#c3b430 85%,#ffbc00 100%);-webkit-background-clip:text;background-clip:text}
#emko-v6 .gtitle.h64{font-size:clamp(36px,4.4vw,64px)}
#emko-v6 .gtitle.h60{font-size:clamp(34px,4.2vw,60px)}

/* ============ SLAYTLAR ============ */
#emko-v6 .slider-section{padding:72px 20px 0}
#emko-v6 .slider-section .gtitle{text-align:left;max-width:1162px;margin:0 auto 40px}
#emko-v6 .slider{max-width:1162px;margin:0 auto;position:relative}
#emko-v6 .slider-card{
  background:#fff;border-radius:39px;box-shadow:0 4px 4px rgba(0,0,0,.11);
  overflow:hidden;position:relative;min-height:633px;
}
#emko-v6 .slide{
  display:none;align-items:center;gap:32px;
  padding:44px 40px;min-height:633px;
  animation:emkoFadeIn .55s ease;
}
#emko-v6 .slide.active{display:flex}
@keyframes emkoFadeIn{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:none}}
#emko-v6 .slide .txt{flex:0 0 46%;display:flex;flex-direction:column;justify-content:space-between;min-height:520px;padding-top:30px}
#emko-v6 .slide .txt h3{color:#0072ba;font-weight:700;font-size:clamp(28px,3.3vw,48px);max-width:440px}
#emko-v6 .slide .specs{display:flex;gap:33px;margin-bottom:14px}
#emko-v6 .slide .specs .spec{display:flex;flex-direction:column;align-items:center;gap:5px;width:46px;text-align:center}
#emko-v6 .slide .specs .spec img{height:22px;width:auto}
#emko-v6 .slide .specs .spec small{font-weight:200;font-size:8px;line-height:1.25}
#emko-v6 .slide .txt p{font-weight:300;font-size:15px;max-width:486px}
#emko-v6 .slide .vis{flex:1;display:flex;align-items:center;justify-content:center;min-height:480px}
#emko-v6 .slide .vis img{max-height:520px;object-fit:contain}

#emko-v6 .slide.center{flex-direction:column;justify-content:flex-start;text-align:center;gap:26px}
#emko-v6 .slide.center h3{color:#0072ba;font-weight:700;font-size:clamp(26px,2.7vw,40px);max-width:820px;margin:0 auto}
#emko-v6 .slide.center > p{font-weight:300;font-size:16px;max-width:980px;margin:0 auto}
#emko-v6 .slide.center .media{
  display:flex;gap:42px;align-items:center;justify-content:center;
  width:100%;flex:1;min-height:280px;flex-wrap:wrap;
}
#emko-v6 .slide.center .media img{max-height:300px;max-width:46%;object-fit:contain}
#emko-v6 .slide.media-top .media{order:-1}
#emko-v6 .mini-icon{display:flex;flex-direction:column;align-items:center;gap:8px}
#emko-v6 .mini-icon small{font-weight:300;font-size:13px;line-height:1.35}
#emko-v6 .icon-slot{width:72px;height:72px;object-fit:contain}

#emko-v6 .slider-dots{display:flex;gap:15px;justify-content:center;margin-top:28px}
#emko-v6 .slider-dots button{
  width:28px;height:28px;border-radius:50%;border:none;background:#d9d9d9;cursor:pointer;transition:.25s;padding:0;
}
#emko-v6 .slider-dots button.active{background:#0777be}

/* ============ KAMERA ============ */
#emko-v6 .camera-section{margin-top:96px;text-align:center}
#emko-v6 .camera-section .gtitle{max-width:828px;margin:0 auto 48px}
#emko-v6 .camera-img{width:100%;display:block}
#emko-v6 .camera-section p{
  font-weight:300;font-size:clamp(17px,1.7vw,24px);max-width:1164px;margin:48px auto 0;padding:0 20px;
}

/* ============ EMKO AI ============ */
#emko-v6 .ai-section{margin-top:120px;padding:0 20px}
#emko-v6 .ai-section .gtitle{max-width:805px;margin:0 auto}
#emko-v6 .ai-grid{display:flex;gap:60px;max-width:1290px;margin:90px auto 0;align-items:flex-start;flex-wrap:wrap}
#emko-v6 .ai-text{flex:1 1 560px}
#emko-v6 .ai-text h3{color:#0072ba;font-weight:700;font-size:clamp(26px,2.5vw,36px);margin-bottom:32px}
#emko-v6 .ai-text p{font-weight:300;font-size:clamp(17px,1.7vw,24px);margin-bottom:22px}
#emko-v6 .ai-text p b{font-weight:500}
#emko-v6 .ai-panel{flex:0 0 440px;display:flex;align-items:flex-end;gap:14px;align-self:center}
#emko-v6 .ai-logo{
  width:108px;height:108px;border-radius:26px;background:#fff;
  box-shadow:0 6px 18px rgba(0,0,0,.14);
  display:flex;align-items:center;justify-content:center;
  margin-bottom:18px;flex:0 0 auto;position:relative;
}
#emko-v6 .ai-logo span{
  font-weight:800;font-size:40px;font-style:italic;
  background:linear-gradient(90deg,#009dd0 .5%,#0e9ec4 24.5%,#33a3a5 46%,#70aa73 64%,#c3b430 85%,#ffbc00 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
#emko-v6 .ai-features{
  background:#fff;border-radius:29px;padding:52px 43px;width:316px;
  box-shadow:0 10px 30px rgba(0,0,0,.12);
}
#emko-v6 .ai-features .item{display:flex;align-items:center;gap:20px;margin-bottom:31px}
#emko-v6 .ai-features .item:last-child{margin-bottom:0}
#emko-v6 .ai-features .icon{
  width:57px;height:57px;border-radius:12px;background:#fff;flex:0 0 auto;
  box-shadow:0 3px 10px rgba(0,0,0,.16);
  display:flex;align-items:center;justify-content:center;
}
#emko-v6 .ai-features .icon img{width:36px;height:36px;object-fit:contain}
#emko-v6 .ai-features .label{font-family:'Roboto',sans-serif;font-size:23px;color:#0c0c0c}

/* ============ EMKO NOTE ============ */
#emko-v6 .note-section{margin-top:130px;padding:0 20px}
#emko-v6 .note-section .gtitle{max-width:818px;margin:0 auto}
#emko-v6 .note-grid{display:flex;gap:50px;max-width:1290px;margin:80px auto 0;flex-wrap:wrap}
#emko-v6 .note-text{flex:1 1 540px}
#emko-v6 .note-text h3{color:#0072ba;font-weight:700;font-size:clamp(26px,2.5vw,36px);margin-bottom:36px}
#emko-v6 .note-text p{font-weight:300;font-size:clamp(17px,1.7vw,24px)}
#emko-v6 .note-vis{
  flex:1 1 420px;align-self:center;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  grid-template-rows:auto auto auto;
  align-items:center;justify-items:center;
  gap:46px 28px;
}
#emko-v6 .note-vis .chip-top{grid-column:2;grid-row:1}
#emko-v6 .note-vis .chip-left{grid-column:1;grid-row:2}
#emko-v6 .note-vis .note-logo{grid-column:2;grid-row:2}
#emko-v6 .note-vis .chip-right{grid-column:3;grid-row:2}
#emko-v6 .note-vis .chip-bottom{grid-column:2;grid-row:3}
#emko-v6 .chip{
  background:#d9d9d9;border-radius:11px;padding:8px 24px;min-height:55px;width:172px;
  display:flex;align-items:center;justify-content:center;
  font-weight:500;font-size:15px;text-align:center;line-height:1.35;
}
#emko-v6 .note-logo{width:150px;height:150px;display:flex;align-items:center;justify-content:center}
#emko-v6 .note-logo svg{width:100%;height:100%}
/* Yakınlaştırma çerçevesi: taşan kısımlar kırpılır */
#emko-v6 .medya-cerceve{display:block;overflow:hidden;max-width:100%}
#emko-v6 .medya-cerceve > *{margin-left:auto;margin-right:auto}

/* Video / iframe desteği: slotlara video da eklenebilir */
#emko-v6 video[data-img],#emko-v6 iframe[data-img]{background:#000;border:0;display:block}
#emko-v6 .slide .vis video[data-img],#emko-v6 .slide .vis iframe[data-img]{width:100%;max-width:640px;aspect-ratio:16/9;max-height:520px;border-radius:12px}
#emko-v6 .slide.center .media video[data-img],#emko-v6 .slide.center .media iframe[data-img]{width:100%;max-width:46%;aspect-ratio:16/9;max-height:300px;border-radius:12px}
#emko-v6 .card .media video[data-img],#emko-v6 .card .media iframe[data-img]{width:100%;aspect-ratio:16/9;max-height:300px;border-radius:12px}
#emko-v6 .cta-img video[data-img],#emko-v6 .cta-img iframe[data-img]{border-radius:41px;width:100%;height:373px;object-fit:cover}
#emko-v6 video.camera-img,#emko-v6 iframe.camera-img{width:100%;aspect-ratio:16/9}
#emko-v6 .hero-gallery video.hero-img,#emko-v6 .hero-gallery iframe.hero-img{width:min(721px,60vw);aspect-ratio:16/9;border:0;background:#000;border-radius:10px}

/* Özel logo görseli: eklenince hazır çizimin yerine geçer */
#emko-v6 [data-logoimg]{position:relative}
#emko-v6 [data-logoimg] .logo-custom{width:100%;height:100%;object-fit:contain;border-radius:inherit}
#emko-v6 [data-logoimg].has-custom > :not(.logo-custom){display:none}
#emko-v6 .grad-btn{
  display:inline-block;border-radius:17px;
  background:linear-gradient(137.7deg,#0072ba 5.3%,#3ba4ff 98%);
  color:#fff;font-weight:700;font-size:clamp(18px,1.7vw,24px);text-decoration:none;
  padding:15px 28px;transition:.2s;border:none;cursor:pointer;font-family:inherit;
}
#emko-v6 .grad-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,114,186,.35);color:#fff}
#emko-v6 .grad-btn.rainbow{background:linear-gradient(90deg,#009dd0 0%,#0e9ec4 16%,#33a3a5 36%,#70aa73 64%,#c3b430 89%,rgba(255,188,0,.7) 100%)}
#emko-v6 .note-cta{margin-top:48px}

/* ============ KARTLAR ============ */
#emko-v6 .features-section{margin-top:140px;padding:0 0 30px}
#emko-v6 .features-section .gtitle{margin-bottom:60px}
#emko-v6 .cards-viewport{overflow:hidden;max-width:1380px;margin:0 auto;padding:10px 24px 30px}
#emko-v6 .cards-track{display:flex;gap:49px;transition:transform .5s ease;will-change:transform}
#emko-v6 .card{
  flex:0 0 min(622px, 86vw);
  background:#fff;border-radius:40px;
  filter:drop-shadow(0 4px 2px rgba(0,0,0,.25));
  padding:31px 38px;min-height:560px;
  display:flex;flex-direction:column;justify-content:space-between;gap:24px;
}
#emko-v6 .card .media{flex:1;display:flex;align-items:center;justify-content:center;min-height:300px}
#emko-v6 .card .media img{max-height:300px;object-fit:contain}
#emko-v6 .card h4{font-weight:800;font-size:clamp(18px,1.7vw,24px);margin-bottom:2px}
#emko-v6 .card p{font-weight:300;font-size:clamp(16px,1.7vw,24px)}
#emko-v6 .features-footer{
  display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;
  max-width:1380px;margin:40px auto 0;padding:0 60px;
}
#emko-v6 .cards-nav{display:flex;gap:34px}
#emko-v6 .cards-nav button{
  width:57px;height:57px;border-radius:50%;border:none;background:#d9d9d9;cursor:pointer;
  display:flex;align-items:center;justify-content:center;transition:.2s;padding:0;
}
#emko-v6 .cards-nav button:hover{background:#c4c4c4}
#emko-v6 .cards-nav svg{width:16px;height:26px;fill:#555}

/* ============ CTA ============ */
#emko-v6 .cta-section{margin:120px auto 100px;max-width:1330px;padding:0 20px}
#emko-v6 .cta-card{
  background:#fff;border-radius:36px;box-shadow:0 4px 4px rgba(0,0,0,.25);
  display:flex;gap:50px;padding:72px 64px;flex-wrap:wrap;align-items:flex-start;
}
#emko-v6 .cta-text{flex:1 1 480px}
#emko-v6 .cta-text h3{color:#0072ba;font-weight:700;font-size:clamp(26px,2.5vw,36px);max-width:564px}
#emko-v6 .cta-text p{font-weight:300;font-size:clamp(17px,1.7vw,24px);margin-top:36px;max-width:586px}
#emko-v6 .cta-text a.inline{color:inherit;text-decoration:underline}
#emko-v6 .cta-text .grad-btn{margin-top:44px}
#emko-v6 .cta-img{flex:1 1 420px}
#emko-v6 .cta-img img{border-radius:41px;width:100%;height:373px;object-fit:cover}

/* ============ RESPONSIVE ============ */
@media (max-width:980px){
  #emko-v6 .slide{flex-direction:column;min-height:0}
  #emko-v6 .slide .txt{min-height:0;gap:28px}
  #emko-v6 .slider-card{min-height:0}
  #emko-v6 .hero-body{flex-direction:column;align-items:center}
  #emko-v6 .size-picker{flex-direction:row;margin-top:0}
  #emko-v6 .ai-panel{flex:1 1 100%;justify-content:center}
  #emko-v6 .features-footer{justify-content:center}
}
.site-main:has(#emko-v6),
#primary.site-main:has(#emko-v6) {
    width: 100%;
    max-width: none;
    padding: 0;
    margin: 0;
}
#emko-v6 .breadcrumb a {
    color: #fff;
    text-decoration: none;
}
#emko-v6 .breadcrumb a:hover {
    text-decoration: underline;
}
