/* Erpomed shared styles — see assets/SHELL.md
   Base rules = the design's <helmet> (13 pages). Pages whose design uses the older
   helmet (Anasayfa, Urunler) put class="erp-v1" on <html>. */

html,body{height:100%;margin:0}
body{margin:0;background:#fff;color:#0b1f38;font-family:'Manrope',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
a{color:#002A57;text-decoration:none}
html:not(.erp-v1) a,html:not(.erp-v1) button{transition:color .35s ease,background-color .35s ease,background .35s ease,border-color .35s ease,box-shadow .45s cubic-bezier(.2,.7,.2,1),transform .45s cubic-bezier(.2,.7,.2,1),opacity .35s ease}
html.erp-v1 a{transition:color .3s,background-color .3s,border-color .3s,box-shadow .4s,transform .4s}
a:hover{color:#E3202E}
h1,h2,h3{font-family:'Sora',sans-serif;margin:0;text-wrap:balance}
html:not(.erp-v1) h4{font-family:'Sora',sans-serif;margin:0;text-wrap:balance}
p{margin:0;text-wrap:pretty}
html:not(.erp-v1) ::-webkit-scrollbar{width:6px;height:6px}
html:not(.erp-v1) ::-webkit-scrollbar-track{background:transparent}
html:not(.erp-v1) ::-webkit-scrollbar-thumb{background:rgba(0,42,87,.22);border-radius:6px}
html:not(.erp-v1) ::-webkit-scrollbar-thumb:hover{background:rgba(0,42,87,.4)}

@keyframes erpBar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes erpFade{from{opacity:0;transform:translateX(30px) scale(.97)}to{opacity:1;transform:none}}
@keyframes erpMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes erpFadeIn{from{opacity:0}to{opacity:1}}
@keyframes erpFloatA{0%,100%{transform:translate3d(0,0,0) scale(1)}33%{transform:translate3d(14vw,7vw,0) scale(1.2)}66%{transform:translate3d(-6vw,11vw,0) scale(.88)}}
@keyframes erpFloatB{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-18vw,10vw,0) scale(1.22)}}
@keyframes erpFloatC{0%,100%{transform:translate3d(0,0,0) scale(1)}40%{transform:translate3d(-15vw,-11vw,0) scale(1.18)}75%{transform:translate3d(12vw,-5vw,0) scale(.9)}}
@media (prefers-reduced-motion:reduce){[data-float]{animation:none!important}}
@keyframes erpDrop{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@keyframes erpZoomIn{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}
@keyframes erpInR{from{opacity:0;transform:translateX(70px) scale(.97)}to{opacity:1;transform:none}}
@keyframes erpInL{from{opacity:0;transform:translateX(-70px) scale(.97)}to{opacity:1;transform:none}}
@keyframes heroBar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes heroIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes waPulse{0%{transform:scale(1);opacity:.55}100%{transform:scale(1.9);opacity:0}}
@keyframes waWiggle{0%,86%,100%{transform:rotate(0)}89%{transform:rotate(-14deg)}92%{transform:rotate(12deg)}95%{transform:rotate(-8deg)}98%{transform:rotate(4deg)}}
@keyframes waIn{from{opacity:0;transform:translateY(20px) scale(.8)}to{opacity:1;transform:none}}
@keyframes mailBob{0%,70%,100%{transform:translateY(0) rotate(0)}76%{transform:translateY(-5px) rotate(-8deg)}82%{transform:translateY(0) rotate(6deg)}88%{transform:translateY(-2px) rotate(-3deg)}94%{transform:translateY(0) rotate(0)}}
@keyframes infSpin{to{transform:rotate(360deg)}}

/* ---------- Responsive visibility (design: wide = innerWidth >= 1000, utility bar >= 700) ---------- */
[hidden]{display:none!important}
@media (min-width:1000px){
  .erp-narrow{display:none!important}
  [data-erp-mobile]{display:none!important}
}
@media (max-width:999.98px){
  .erp-wide{display:none!important}
  [data-erp-mega]{display:none!important}
}
/* sticky header: top is -34px while the 34px utility bar is shown (>=700px) */
[data-erp-header]{top:0}
@media (min-width:700px){[data-erp-header]{top:-34px}}
@media (max-width:699.98px){[data-erp-utility]{display:none!important}}

/* mega menu lists: only the active one renders (as direct flex children) */
[data-erp-mega-list]{display:none}
[data-erp-mega-list].is-active{display:contents}

/* konum çubuğu (breadcrumb) — mobilde tek satır; uzun öğeler … ile kısalır, oklar ve "Anasayfa" sabit */
@media (max-width:699.98px){
  [data-crumbs]{flex-wrap:nowrap!important;max-width:100%;gap:8px!important;padding:9px 16px!important;font-size:14px!important;white-space:nowrap}
  [data-crumbs] > *{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
  [data-crumbs] > :first-child,[data-crumbs] > [aria-hidden]{flex:none}
}

/* sabit e-posta / WhatsApp düğmeleri — sağdan sola dillerde sol altta */
[dir=rtl] [data-erp-float]{right:auto!important;left:clamp(16px,2vw,28px)!important}

/* konum çubuğu okları — sağdan sola dillerde sola bakar */
[dir=rtl] [data-crumbs] > [aria-hidden]{transform:scaleX(-1)}

/* dil menüsü — sağdan sola dillerde düğmenin sağ kenarına hizalanır (ekran dışına taşmaz) */
[dir=rtl] [data-erp-lang-menu]{left:auto!important;right:-8px}

/* ======================================================================
   MOBİL (telefon, <700px) — "Erpomed Anasayfa Mobil" tasarımı
   .erp-m yalnızca telefonda, .erp-d telefonda gizli. Masaüstü değişmez.
   ==================================================================== */
@media (min-width:700px){.erp-m{display:none!important}}

/* başlık: menü düğmesi açıkken kırmızı + çarpı; menü açıkken sayfa kaymaz */
[data-erp-mobile-toggle][aria-expanded=true]{background:#E3202E!important}
[data-erp-mobile-toggle][aria-expanded=true] [data-erp-hb]{background:#fff!important}
[data-erp-mobile-toggle][aria-expanded=true] [data-erp-hb=t]{transform:translateY(3px) rotate(45deg)}
[data-erp-mobile-toggle][aria-expanded=true] [data-erp-hb=b]{transform:translateY(-3px) rotate(-45deg);width:20px!important}
html.erp-menu-open,html.erp-menu-open body{overflow:hidden}
[data-erp-msec] > summary::-webkit-details-marker,[data-erp-fsec] > summary::-webkit-details-marker{display:none}
[data-erp-msec][open] > summary{color:#E3202E!important}
[data-erp-msec][open] > summary svg{transform:rotate(180deg)}
[data-erp-fsec][open] > summary svg{transform:rotate(45deg)}
[dir=rtl] [data-erp-flip]{transform:scaleX(-1)}

@media (max-width:699.98px){
  .erp-d{display:none!important}
  [data-erp-float]{display:none!important}
  [data-erp-bar]{height:64px!important;gap:12px!important;padding:0 16px 0 20px!important}
  [data-erp-bar] > a img{height:38px!important}

  /* hero */
  [data-screen-label="Hero"]{height:560px!important}
  [data-hero-grad=h]{display:none}
  [data-hero-grad=v]{height:100%!important;background:linear-gradient(180deg,rgba(0,16,36,.1) 0%,rgba(0,16,36,.25) 32%,rgba(0,16,36,.88) 100%)!important}
  [data-hero-hover]{padding-bottom:56px!important}
  [data-hero-hover] > div{padding:0 20px!important;gap:22px!important}
  [data-hero-text]{gap:14px!important}
  [data-hero-text] > div:first-child{gap:12px!important}
  [data-hero-text] > div:first-child > span:first-child{font-size:12px!important;padding:5px 10px!important}
  [data-hero-text] > div:first-child > span:last-child{font-size:11.5px!important;letter-spacing:.18em!important;color:rgba(255,255,255,.88)!important}
  [data-hero-text] h1{font-size:29px!important;line-height:1.12!important}
  [data-hero-text] p{font-size:15px!important;line-height:1.55!important;color:rgba(255,255,255,.9)!important}
  [data-hero-btns]{width:100%;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px!important;margin-top:4px!important}
  [data-hero-btns] > a{height:50px;justify-content:space-between;gap:8px!important;padding:5px 5px 5px 16px!important;font-size:12.5px!important}
  [data-hero-btns] > a > span:last-child{width:40px!important;height:40px!important;flex:none}
  [data-hero-ctrl]{margin-top:0!important;gap:12px!important}
  [data-hero-pill]{gap:12px!important;padding:10px 14px!important;border-radius:12px!important}
  [data-hero-pill] > span{font-size:13px!important;min-width:0!important}
  [data-hero-pill] > div{gap:5px!important}
  [data-hero-pill] [data-hero-dot]{height:5px!important}

  /* giriş + istatistikler */
  [data-screen-label="Giriş"]{margin-top:-28px!important;border-radius:28px 28px 0 0!important;box-shadow:0 -18px 36px -18px rgba(0,26,56,.35)!important}
  [data-screen-label="Giriş"] > div{padding:38px 20px 52px!important;gap:32px!important}
  [data-screen-label="Giriş"] > div > div:first-child{gap:16px!important}
  [data-screen-label="Giriş"] h1{font-size:25px!important;line-height:1.12!important}
  [data-screen-label="Giriş"] h1 + p{font-size:16px!important}

  /* çözümler */
  [data-screen-label="Çözümler"] > div{padding:48px 16px 52px!important;gap:26px!important}
  [data-screen-label="Çözümler"] h2{font-size:27px!important;padding:0 4px}

  /* haberler */
  [data-news-head]{padding:52px 20px 0!important}
  [data-news-head] h2,[data-screen-label="Bilgi Merkezi"] h2{font-size:27px!important}
  [data-news-track]{gap:16px!important;padding:26px 20px 4px!important;scroll-padding-left:20px!important}
  [data-news-track] > a{width:78%!important;gap:12px!important}
  [data-news-track] > a > span:nth-of-type(1){font-size:11.5px!important}
  [data-news-track] > a > span:nth-of-type(2){font-size:17px!important}
  [data-news-track] > a > span:nth-of-type(3){font-size:14px!important}
  [data-news-ctrl]{padding:26px 20px 0!important;gap:12px!important}
  [data-news-ctrl] > button{width:32px!important;height:32px!important}

  /* bilgi merkezi */
  [data-screen-label="Bilgi Merkezi"] > div{padding:64px 20px 0!important;gap:24px!important}

  /* iletişim çağrısı */
  [data-screen-label="İletişim CTA"] > div{padding:64px 20px 56px!important;gap:22px!important}
  [data-screen-label="İletişim CTA"] h2{font-size:22px!important;line-height:1.22!important}
  [data-cta-btns]{width:100%;flex-direction:column}
  [data-cta-btns] > a{justify-content:space-between;padding-left:18px!important}
  [data-cta-btns] > a > span{width:40px!important;height:40px!important}
}
html.erp-menu-open [data-erp-bottombar],html.erp-menu-open [data-erp-float]{display:none!important}