/* DETA Teknoloji 2026 – ortak eklentiler (renk, açılır pencereler, kopya koruması) */
:root{--dd-navy:#2B6496;--dd-navy-2:#3573A8;--dd-blue:#1E7EBE;--dd-sky:#BDE5FF;--dd-orange:#F0913F;--dd-orange-2:#F5A458;--dd-box:#2F6B9E;}

/* ---------- Kopya koruması ---------- */
html,body{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;}
img{-webkit-user-drag:none;user-drag:none;}
input,textarea,select,[contenteditable],.dd-selectable{-webkit-user-select:text;-moz-user-select:text;user-select:text;-webkit-touch-callout:default;}

/* ---------- Turuncu: yalnızca önemli düğmeler ---------- */
.dd-btn-o{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 20px;border-radius:10px;border:1px solid rgba(255,190,130,.55);
  background:linear-gradient(180deg,var(--dd-orange-2),var(--dd-orange));color:#24140A;font:700 .95rem/1 'Space Grotesk','Inter',system-ui,sans-serif;cursor:pointer;
  box-shadow:0 6px 18px rgba(240,145,63,.22);transition:transform .15s,box-shadow .15s,filter .15s;text-decoration:none;}
.dd-btn-o:hover,.dd-btn-o:focus-visible{transform:translateY(-1px);filter:brightness(1.05);box-shadow:0 10px 24px rgba(240,145,63,.32);outline:none;}
.dd-btn-o svg{width:18px;height:18px;flex:none;}
.dd-btn-g{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 20px;border-radius:10px;border:1px solid rgba(200,222,240,.35);
  background:rgba(255,255,255,.05);color:#EAF3FA;font:600 .95rem/1 'Space Grotesk','Inter',system-ui,sans-serif;cursor:pointer;text-decoration:none;transition:background .15s,border-color .15s;}
.dd-btn-g:hover{background:rgba(189,229,255,.10);border-color:rgba(189,229,255,.75);color:#fff;}

/* Menüde "Bayimiz Olun" */
nav.primary > ul > li.dd-nav-bayi > a{color:#F7C08C;}
nav.primary .dropdown a.dd-yt::after{content:"↗";opacity:.55;margin-left:6px;font-size:.8em;}

/* ---------- Sabit WhatsApp düğmesi ---------- */
.dd-wa-fab{position:fixed;right:18px;bottom:18px;z-index:900;width:56px;height:56px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;
  box-shadow:0 8px 22px rgba(0,0,0,.35);transition:transform .15s;}
.dd-wa-fab:hover{transform:scale(1.08);}
.dd-wa-fab svg{width:30px;height:30px;fill:#fff;}
@media(max-width:600px){.dd-wa-fab{width:50px;height:50px;right:14px;bottom:14px}.dd-wa-fab svg{width:27px;height:27px}}

/* ---------- Form pencereleri ---------- */
.dd-ov{position:fixed;inset:0;z-index:1100;background:rgba(14,40,66,.74);display:none;align-items:flex-start;justify-content:center;padding:24px 16px;overflow-y:auto;}
.dd-ov.open{display:flex;}
.dd-modal{position:relative;width:100%;max-width:640px;margin:auto 0;background:var(--dd-box);border:1px solid rgba(200,222,240,.22);border-radius:16px;box-shadow:0 24px 60px rgba(0,0,0,.5);
  padding:24px 24px 20px;color:#EAF3FA;font-family:'Inter',system-ui,sans-serif;}
.dd-modal h3{margin:0 0 4px;font:700 1.35rem/1.2 'Space Grotesk','Inter',system-ui,sans-serif;color:#fff;}
.dd-modal .dd-sub{margin:0 0 16px;color:#D3E5F4;font-size:.92rem;}
.dd-x{position:absolute;top:12px;right:12px;background:none;border:0;color:#D3E5F4;font-size:1.7rem;line-height:1;cursor:pointer;padding:2px 8px;border-radius:8px;}
.dd-x:hover{color:#fff;background:rgba(255,255,255,.08);}
.dd-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;}
.dd-f{display:flex;flex-direction:column;gap:5px;min-width:0;}
.dd-f.full{grid-column:1/-1;}
.dd-f label,.dd-f .dd-lbl{font-size:.83rem;color:#D3E5F4;}
.dd-f label b{color:#F5A458;font-weight:600;}
.dd-f input,.dd-f select,.dd-f textarea{width:100%;box-sizing:border-box;background-color:rgba(0,0,0,.22);border:1px solid rgba(200,222,240,.25);border-radius:10px;color:#fff;
  font:inherit;font-size:.96rem;padding:10px 12px;outline:none;transition:border-color .15s,background .15s;}
.dd-f select{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#BDE5FF 50%),linear-gradient(135deg,#BDE5FF 50%,transparent 50%);
  background-position:calc(100% - 18px) 55%,calc(100% - 12px) 55%;background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:32px;}
.dd-f select option{background:#2F6B9E;color:#fff;}
.dd-f input:focus,.dd-f select:focus,.dd-f textarea:focus{border-color:#BDE5FF;background-color:rgba(0,0,0,.3);}
.dd-f select:disabled{opacity:.55;}
.dd-f textarea{min-height:70px;resize:vertical;}
.dd-f textarea.big{min-height:120px;}
.dd-f.bad input,.dd-f.bad select,.dd-f.bad textarea,.dd-f.bad .dd-checks{border-color:#FF9A8A;}
.dd-sep{grid-column:1/-1;margin:6px 0 0;padding-top:10px;border-top:1px solid rgba(255,255,255,.1);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:#BDE5FF;font-weight:600;}
.dd-checks{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;padding:10px 12px;border:1px solid rgba(200,222,240,.25);border-radius:10px;background:rgba(0,0,0,.18);}
.dd-checks label{display:flex;align-items:center;gap:8px;color:#EAF3FA;font-size:.92rem;cursor:pointer;}
.dd-checks input{width:17px;height:17px;accent-color:#1E7EBE;margin:0;flex:none;}
.dd-msg{min-height:1.2em;font-size:.9rem;margin:12px 0 0;}
.dd-msg.err{color:#FF9A8A;}.dd-msg.ok{color:#7BE3A5;}
.dd-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:14px;flex-wrap:wrap;}
.dd-actions .dd-send{background:#25D366;border-color:#25D366;color:#06210F;box-shadow:none;}
.dd-actions .dd-send svg{fill:#06210F;}
.dd-hide{display:none!important;}
@media(max-width:560px){.dd-grid{grid-template-columns:1fr}.dd-checks{grid-template-columns:1fr}.dd-modal{padding:20px 16px 16px}}

/* ---------- Ürün sayfası: PDF ve makale pencereleri ---------- */
.sec-head.dd-has-docs{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.dd-docs{display:flex;gap:30px;margin-left:auto;}
.dd-doc{position:relative;width:132px;padding:0;border:1px solid rgba(200,222,240,.25);border-radius:12px;background:rgba(255,255,255,.04);cursor:pointer;
  opacity:.5;transition:opacity .2s,transform .2s,border-color .2s,box-shadow .2s;overflow:hidden;text-align:left;color:#EAF3FA;font-family:'Inter',system-ui,sans-serif;}
.dd-doc:hover,.dd-doc:focus-visible,.dd-doc.on{opacity:1;transform:translateY(-3px) scale(1.04);border-color:rgba(189,229,255,.8);box-shadow:0 12px 28px rgba(0,0,0,.35);outline:none;}
.dd-doc .pv{height:118px;overflow:hidden;background:#fff;position:relative;}
.dd-doc .pv img{width:100%;height:auto;display:block;}
.dd-doc .pv.mk{background:#F4F8FC;color:#2B6496;padding:9px 10px;font-size:7.2px;line-height:1.35;}
.dd-doc .pv.mk b{display:block;font:700 9.5px/1.2 'Space Grotesk','Inter',sans-serif;margin-bottom:5px;color:#2B6496;}
.dd-doc .pv.mk i{display:block;height:4px;border-radius:2px;background:#C9D9E8;margin:4px 0;}
.dd-doc .pv::after{content:"";position:absolute;inset:auto 0 0 0;height:34px;background:linear-gradient(transparent,rgba(20,48,79,.35));}
.dd-doc .lb{display:flex;align-items:center;gap:6px;padding:7px 10px;font-size:.78rem;font-weight:600;letter-spacing:.02em;}
.dd-doc .lb .tag{font-size:.66rem;padding:2px 6px;border-radius:5px;background:rgba(189,229,255,.18);color:#BFE3FA;}
@media(max-width:700px){.dd-docs{margin-left:0;width:100%;gap:22px}.dd-doc{width:118px}.dd-doc .pv{height:100px}}

.dd-veil{position:fixed;left:0;right:0;bottom:0;top:var(--dd-top,0px);z-index:1050;background:rgba(14,40,66,.72);display:none;}
.dd-veil.open{display:block;}
.dd-view{position:fixed;z-index:1060;display:none;flex-direction:column;background:#F7FAFD;color:#2B6496;border-radius:14px;overflow:hidden;
  box-shadow:0 24px 60px rgba(0,0,0,.5);border:1px solid rgba(189,229,255,.6);}
.dd-view.peek{display:flex;width:380px;max-height:62vh;opacity:.94;}
.dd-view.pinned{display:flex;left:50%!important;top:calc(var(--dd-top,0px) + (100vh - var(--dd-top,0px))/2)!important;transform:translate(-50%,-50%);width:min(860px,94vw);max-height:calc(100vh - var(--dd-top,0px) - 28px);opacity:1;}
.dd-view-bar{display:flex;align-items:center;gap:10px;padding:10px 12px 10px 16px;background:#2B6496;color:#fff;flex:none;}
.dd-view-bar .t{font:600 .95rem/1.25 'Space Grotesk','Inter',sans-serif;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.dd-view-bar a,.dd-view-bar button{font:600 .85rem/1 'Inter',sans-serif;padding:8px 12px;border-radius:8px;cursor:pointer;text-decoration:none;white-space:nowrap;}
.dd-view-bar .dd-dl{background:#1E7EBE;color:#fff;border:1px solid #1E7EBE;}
.dd-view-bar .dd-dl:hover{background:#2A8FD2;}
.dd-view-bar .dd-close{background:transparent;color:#EEF6FC;border:1px solid rgba(213,230,243,.4);}
.dd-view-bar .dd-close:hover{background:rgba(255,255,255,.1);color:#fff;}
.dd-view.peek .dd-view-bar .hint{display:inline;}
.dd-view-bar .hint{display:none;font-size:.75rem;color:#D3E5F4;white-space:nowrap;}
.dd-view-body{overflow:auto;-webkit-overflow-scrolling:touch;flex:1;}
.dd-view-body img{display:block;width:100%;height:auto;}
.dd-view-body.mk{padding:22px 28px 30px;font:400 1rem/1.7 'Inter',system-ui,sans-serif;color:#1C2B3A;}
.dd-view.peek .dd-view-body.mk{padding:14px 16px;font-size:.8rem;}
.dd-view-body.mk h3{font:700 1.45rem/1.25 'Space Grotesk','Inter',sans-serif;color:#2B6496;margin:0 0 12px;}
.dd-view-body.mk h4{font:700 1.1rem/1.3 'Space Grotesk','Inter',sans-serif;color:#1E7EBE;margin:22px 0 8px;}
.dd-view-body.mk p{margin:0 0 12px;}
.dd-view-body.mk ul,.dd-view-body.mk ol{margin:0 0 12px;padding-left:22px;}
.dd-view-body.mk li{margin:0 0 6px;}
.dd-view-body.mk li p{margin:0;}
.dd-view-body.mk a{color:#1E7EBE;}
.dd-view-body.mk table{border-collapse:collapse;width:100%;margin:8px 0 14px;font-size:.92em;}
.dd-view-body.mk td,.dd-view-body.mk th{border:1px solid #CFE0EE;padding:6px 8px;text-align:left;vertical-align:top;}
@media(max-width:600px){.dd-view.pinned{width:100vw;max-height:none;height:calc(100% - var(--dd-top,0px));border-radius:0;top:var(--dd-top,0px)!important;left:0!important;transform:none}.dd-view-body.mk{padding:16px}}

/* ---------- Ana sayfa: Neden DETA Teknoloji? ---------- */
.dd-why{padding:56px 0 8px;}
.dd-why .eyebrow{color:#BDE5FF;}
.dd-why h2{color:#fff;margin:0 0 22px;font-size:clamp(1.5rem,2.6vw,2rem);}
.dd-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.dd-why-item{display:flex;gap:14px;align-items:flex-start;padding:18px 18px;border:1px solid rgba(200,222,240,.18);border-radius:14px;background:rgba(255,255,255,.04);}
.dd-why-item svg{width:30px;height:30px;flex:none;color:#BDE5FF;}
.dd-why-item h3{margin:0 0 4px;color:#fff;font-size:1.05rem;}
.dd-why-item p{margin:0;color:#D3E5F4;font-size:.93rem;line-height:1.55;}
@media(max-width:820px){.dd-why-grid{grid-template-columns:1fr}}
.dd-hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px;}
.dd-hero-cta + .hero-actions{margin-top:14px;}

/* Turuncu yalnızca önemli düğmelerde: diğer vurgular mavi */
.slider-dots button.active{background:var(--dd-sky)!important;}
.card:hover .link,.crumbs a:hover{color:var(--dd-sky)!important;}
.eyebrow{color:var(--dd-sky);}
.play-badge{background:var(--dd-blue)!important;box-shadow:0 10px 24px rgba(30,126,190,.35)!important;color:#fff!important;}
html{background:#1F4E78;}

/* Ana sayfa alt bant düğmeleri */
.dd-band-btns{display:flex;gap:12px;flex-wrap:wrap;align-items:center;}
/* Sosyal ikonlar: standart ölçü */
.social-strip a{width:36px!important;height:36px!important;align-items:center;justify-content:center;}
.social-strip a img{width:36px!important;height:36px!important;object-fit:contain;}
/* Slider: resmin üzerine gelince hareket ve büyüme */
.slider-track .slide img{transition:transform .5s cubic-bezier(.2,.7,.2,1),filter .5s;will-change:transform;}
.slider-track .slide img:hover,.slider-track .slide:hover img{transform:scale(1.1) translateY(-6px) rotate(-1.5deg);filter:drop-shadow(0 18px 26px rgba(0,0,0,.45));}
.dd-view.peek.has-dl .dd-view-bar .hint{display:none;}

/* ================= 2026-10-28 güncelleme: açık mavi tema ================= */
/* Üst menü: açık zemin, logo net görünsün */
header.site{background:#F4F9FE!important;border-bottom:1px solid #D3E5F4!important;box-shadow:0 2px 14px rgba(20,60,100,.10);}
@media (min-width:941px){
  nav.primary > ul > li > a{color:#1F4E78!important;}
  nav.primary > ul > li > a:hover,nav.primary > ul > li > a:focus-visible,nav.primary > ul > li.active > a{color:#0E3A60!important;background:rgba(30,126,190,.10)!important;border-color:rgba(30,126,190,.55)!important;}
  nav.primary > ul > li.dd-nav-bayi > a{color:#D06A14!important;}
}
.nav-toggle{color:#1F4E78!important;}

/* Bütün linklerde aynı üzerine gelme efekti */
nav.primary > ul > li > a:hover,nav.primary > ul > li > a:focus-visible,
footer.site a:hover,footer.site a:focus-visible{transform:scale(1.1)!important;}
.btn.btn-call,.btn.btn-wsp,.btn.btn-mail,.btn-contact,.dd-btn-g,.card-btn,.social-strip a,.dd-btn-o{transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease!important;}
.btn.btn-call:hover,.btn.btn-wsp:hover,.btn.btn-mail:hover,.btn-contact:hover,.dd-btn-g:hover,.card-btn:hover,
.btn.btn-call:focus-visible,.btn.btn-wsp:focus-visible,.btn.btn-mail:focus-visible,.btn-contact:focus-visible,.dd-btn-g:focus-visible{
  transform:scale(1.1)!important;color:#fff!important;background:rgba(189,229,255,.14)!important;border-color:rgba(189,229,255,.85)!important;outline:none;}
.dd-btn-o:hover,.dd-btn-o:focus-visible{transform:scale(1.1)!important;}

/* Sosyal ikonlar: yuvarlak, hafif çerçeve, üzerine gelince büyür */
.social-strip{gap:14px!important;}
.social-strip a{width:48px!important;height:48px!important;border-radius:50%!important;border:1px solid rgba(255,255,255,.22)!important;background:rgba(255,255,255,.06);
  display:inline-flex!important;align-items:center;justify-content:center;opacity:1!important;}
.social-strip a img{width:26px!important;height:26px!important;object-fit:contain;transition:transform .2s ease;}
.social-strip a:hover,.social-strip a:focus-visible{transform:scale(1.1)!important;border-color:rgba(189,229,255,.85)!important;background:rgba(189,229,255,.14)!important;}
.social-strip a:hover img,.social-strip a:focus-visible img{transform:scale(1.25);}

/* Slider: bütün slayt hafifçe hareket eder (ürün kartları gibi) */
.slider{transition:transform .25s ease,box-shadow .25s ease;}
.slider:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(10,30,52,.35);}
.slider-track .slide img:hover,.slider-track .slide:hover img{transform:scale(1.05) translateY(-4px)!important;filter:drop-shadow(0 14px 22px rgba(0,0,0,.35))!important;}
.slider-track .slide .btn-contact{transition:transform .18s ease,background .18s,border-color .18s;}

/* Ürün sayfası kutu etiketleri */
.dd-doc .lb{justify-content:center;font-size:.85rem;}

/* Bayi formu: her ürün için aylık adet */
.dd-checks{grid-template-columns:1fr!important;gap:6px!important;}
.dd-pr{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 0;border-bottom:1px solid rgba(255,255,255,.07);}
.dd-pr:last-child{border-bottom:0;}
.dd-pr label{flex:1;min-width:0;}
.dd-pr select{width:170px;flex:none;background-color:rgba(0,0,0,.22);border:1px solid rgba(200,222,240,.25);border-radius:8px;color:#fff;font:inherit;font-size:.88rem;padding:6px 10px;}
.dd-pr select:disabled{opacity:.35;}
.dd-pr select option{background:#2F6B9E;color:#fff;}
.dd-hint{font-size:.78rem;color:#D3E5F4;opacity:.85;}
@media(max-width:560px){.dd-pr select{width:130px}}
/* Ana sayfa slogan */
.dd-hero-right{display:flex;flex-direction:column;align-items:center;gap:22px;}
.dd-hero-right .hero-visual{width:100%;}
.dd-slogan{width:min(420px,88%);height:auto;opacity:.95;filter:drop-shadow(0 4px 10px rgba(10,30,52,.25));}

/* Bayi formu: ürün + aylık adet satırları */
.dd-prs{display:flex;flex-direction:column;gap:8px;}
.dd-prs .dd-pr{display:grid;grid-template-columns:1fr 170px 34px;gap:8px;align-items:center;padding:0;border:0;}
.dd-prs select{width:100%;box-sizing:border-box;appearance:none;-webkit-appearance:none;background-color:rgba(0,0,0,.22);border:1px solid rgba(200,222,240,.25);border-radius:10px;color:#fff;font:inherit;font-size:.95rem;padding:10px 32px 10px 12px;
  background-image:linear-gradient(45deg,transparent 50%,#BDE5FF 50%),linear-gradient(135deg,#BDE5FF 50%,transparent 50%);background-position:calc(100% - 18px) 55%,calc(100% - 12px) 55%;background-size:6px 6px,6px 6px;background-repeat:no-repeat;opacity:1;}
.dd-prs select:focus{border-color:#BDE5FF;outline:none;}
.dd-prs select option{background:#2F6B9E;color:#fff;}
.dd-del{width:34px;height:34px;border-radius:8px;border:1px solid rgba(200,222,240,.3);background:transparent;color:#EEF6FC;font-size:1.2rem;line-height:1;cursor:pointer;}
.dd-del:hover{background:rgba(255,154,138,.15);border-color:#FF9A8A;}
.dd-add{align-self:flex-start;margin-top:4px;padding:8px 14px;border-radius:9px;border:1px dashed rgba(189,229,255,.6);background:rgba(189,229,255,.08);color:#EEF6FC;font:600 .88rem 'Inter',sans-serif;cursor:pointer;transition:transform .18s,background .18s;}
.dd-add:hover{transform:scale(1.05);background:rgba(189,229,255,.16);}
.dd-f.bad .dd-prs select{border-color:#FF9A8A;}
@media(max-width:560px){.dd-prs .dd-pr{grid-template-columns:1fr 120px 34px}}

/* ================= 28.10 15:10 düzeltmeleri ================= */
/* Üst menü biraz daha koyu, sayfayla bağlantılı */
header.site{background:linear-gradient(180deg,#D3E6F5,#C2DBEF)!important;border-bottom:1px solid #A9C9E3!important;}
/* Bayimiz Olun menüde diğer linklerle aynı */
@media (min-width:941px){nav.primary > ul > li.dd-nav-bayi > a{color:#1F4E78!important;}}
nav.primary > ul > li.dd-nav-bayi > a{border-color:transparent;background:transparent;}
/* PDF / makale kutuları: aralık ve dikey ortalama */
.dd-docs{gap:52px!important;align-self:center;transition:none;}
.sec-head.dd-has-docs{align-items:center!important;}
@media(max-width:700px){.dd-docs{gap:28px!important}}
/* Slogan: büyük resmin altındaki boşlukta yatay ve dikey ortalı */
.hero .container > .dd-hero-right{align-self:stretch;display:flex;flex-direction:column;justify-content:flex-start;gap:0;}
.dd-hero-right .dd-slogan-wrap{flex:1;display:flex;align-items:center;justify-content:center;min-height:170px;padding:18px 0;}
.dd-hero-right .dd-slogan{width:min(420px,88%);}
/* Slider: üzerine gelince belirgin efekt */
.slider{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease!important;border:1px solid rgba(255,255,255,.14);}
.slider:hover{transform:translateY(-8px) scale(1.025)!important;box-shadow:0 28px 60px rgba(10,30,52,.45),0 0 0 2px rgba(189,229,255,.75)!important;}
.dd-hero-right .dd-slogan-wrap{width:100%;}
.dd-hero-right .dd-slogan-wrap{padding:0;min-height:0;}

/* Başlıkların okunabilirliği (açık mavi zemin üzerinde) */
.eyebrow,.kicker,.dd-why .eyebrow{color:#FFFFFF!important;font-weight:700!important;opacity:1!important;text-shadow:0 1px 3px rgba(8,28,50,.45);}
.hero h1,.m200-hero h1,section h1,section h2,.sec-head h2,.section-head h2,.dd-why h2,.cta-band h3,.slide h3,.card h3,.feat h3,.dd-why-item h3{color:#FFFFFF!important;text-shadow:0 2px 8px rgba(8,28,50,.40);}
.m200-hero h1 span,.hero h1 span{color:#F2F8FD!important;}