/* GURDE — ortak stiller (Manufactt düzeni) */
@font-face{font-family:"Mona Sans";font-style:normal;font-weight:200 900;font-display:swap;src:url(../assets/fonts/mona-sans-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Mona Sans";font-style:normal;font-weight:200 900;font-display:swap;src:url(../assets/fonts/mona-sans-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Geist";font-style:normal;font-weight:100 900;font-display:swap;src:url(../assets/fonts/geist-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Geist";font-style:normal;font-weight:100 900;font-display:swap;src:url(../assets/fonts/geist-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"GURDE Fallback";src:local("Arial"),local("Helvetica Neue"),local("Helvetica"),local("Roboto"),local("Liberation Sans");size-adjust:104%}
html{background:#FFFFFF;scroll-behavior:smooth}
body{margin:0;font-family:'Geist','GURDE Fallback',system-ui,sans-serif;color:#5C5C5C;background:#FFFFFF}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer}
.ms{font-family:'Mona Sans','GURDE Fallback','Geist',sans-serif}
.pill{display:inline-flex;align-items:center;gap:7px;height:37px;box-sizing:border-box;padding:0 15px;border-radius:100px;border:1px solid #D1D1D1;background:#FFFFFF;font-size:14px;font-weight:500;color:#151515;align-self:flex-start}
.pill i{width:8px;height:8px;display:block}
@keyframes mq{to{transform:translateX(-50%)}}
.marquee{display:flex;gap:20px;width:max-content;animation:mq 40s linear infinite}
.marquee:hover{animation-play-state:paused}

/* Kaydırınca belirme */
.rv{opacity:0;transform:translateY(40px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}
.rv-img{opacity:0;transform:scale(1.06);transition:opacity 1.1s ease,transform 1.4s cubic-bezier(.2,.7,.2,1)}
.rv-img.in{opacity:1;transform:none}

/* Buton: yazı yukarı kayar, ok döner */
.mbtn,a[style*="border-radius: 5px 5px 15px"]{white-space:nowrap}
.mbtn .lbl{display:inline-block;height:1.3em;line-height:1.3em;overflow:hidden;vertical-align:middle}
.mbtn .lbl span{display:block;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.mbtn:hover .lbl span{transform:translateY(-100%)}
.mbtn svg,.arrow-sq svg{transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.mbtn:hover svg,.hov:hover .arrow-sq svg{transform:rotate(45deg)}
a:hover{opacity:1}

/* Kart üzerine gelince görsel yakınlaşır */
.zoom{overflow:hidden}
.zoom img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.zoom:hover img{transform:scale(1.06)}

/* Hizmet kartları kaydırırken üst üste biner */
.stack>a{position:sticky;top:110px;box-shadow:0 -12px 30px -18px rgba(21,21,21,.18)}

/* Yapışkan üst menü */
.sticky-nav{position:fixed;left:0;right:0;top:0;z-index:60;height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 50px;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid #EAEAEA;transform:translateY(-100%);transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.sticky-nav.show{transform:none}
/* Pompalar açılır menüsü */
.nav-dd{position:relative;display:flex;align-items:center}
.nav-dd .dd-chev{transition:transform .3s}
.nav-dd:hover .dd-chev,.nav-dd:focus-within .dd-chev{transform:rotate(180deg)}
.nav-mega{position:absolute;left:50%;top:100%;padding-top:22px;transform:translate(-50%,8px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s,transform .25s,visibility .25s;z-index:90}
.nav-dd:hover .nav-mega,.nav-dd:focus-within .nav-mega{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.mm-in{width:860px;box-sizing:border-box;padding:22px;border-radius:14px;border:1px solid #E6E6E6;background:#FFFFFF;box-shadow:0 24px 60px rgba(0,0,0,.12);display:flex;flex-direction:column;gap:16px}
.mm-head{display:flex;justify-content:space-between;align-items:center;font-size:13px;font-weight:500;color:#151515;padding:0 4px}
.mm-all{display:inline-flex!important;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#C8370B}
.mm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.mm-it{display:grid!important;grid-template-columns:56px minmax(0,1fr);grid-template-rows:auto auto;column-gap:14px;align-items:center;padding:10px;border-radius:10px;transition:background .2s}
.mm-it:hover{background:#F6F6F6}
.mm-it img{grid-row:1/3;width:56px;height:56px;object-fit:cover;border-radius:8px}
.mm-n{font-size:12px;font-weight:600;color:#C8370B;align-self:end}
.mm-t{font-size:14px;line-height:1.3;font-weight:600;color:#151515;align-self:start}
.pp-tab{display:flex;align-items:center;gap:14px;width:100%;box-sizing:border-box;padding:15px 18px;border-radius:10px;border:1px solid transparent;background:transparent;font:inherit;text-align:left;cursor:pointer;transition:background .25s,border-color .25s}
.pp-tab:hover{background:#FFFFFF}
.pp-tab.on{background:#FFFFFF;border-color:#E6E6E6;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.pp-tn{font-size:13px;font-weight:600;color:#9A9A9A;flex-shrink:0}
.pp-tab.on .pp-tn{color:#C8370B}
.pp-tt{font-size:15.5px;line-height:1.3;font-weight:500;color:#555555}
.pp-tab.on .pp-tt{color:#151515;font-weight:600}
.pp-tbl tbody tr{transition:background .2s}
.pp-tbl tbody tr:hover{background:#FBF3EF}
.pp-o{display:flex;align-items:center;gap:12px;padding:16px 18px;border-radius:10px;border:1px solid #E6E6E6;background:#FFFFFF;font-size:15px;font-weight:600;color:#151515;transition:border-color .25s}
.pp-o:hover{border-color:#151515}

.sticky-nav>*{width:auto!important}

/* Biz kimiz daireleri: Manufactt ölçüleri */
@media (min-width: 1920px){.ab-c{width:450px!important;height:450px!important}.abx{font-size:15.5px!important}}

/* SSS */
.faq summary{list-style:none;cursor:pointer}
.faq summary::-webkit-details-marker{display:none}
.faq details[open] .pm{transform:rotate(45deg)}
.faq .pm{transition:transform .3s}

input:focus,textarea:focus,select:focus{border-color:#C8370B!important}

@media (prefers-reduced-motion: reduce){
  .marquee{animation:none}
  .rv,.rv-img{opacity:1;transform:none;transition:none}
  .stack>a{position:static}
}

/* Pompa tipleri listesi: dar ekranda tek sütun */
@media (max-width: 1700px){.ptl{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:none!important;grid-auto-flow:row!important}.ptl>span:empty{display:none}}

.cs-track::-webkit-scrollbar{display:none}
.cs-img{transition:border-color .3s}
.cs-img:hover{border-color:#151515}
.cs-btn svg{transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.cs-btn:hover svg{transform:rotate(45deg)}
.cs-btn{transition:box-shadow .3s}
.ap-tab{position:relative;overflow:hidden;display:flex;align-items:center;gap:10px;height:50px;padding:0 22px;border-radius:100px;border:1px solid #D1D1D1;background:#fff;color:#151515;font:inherit;font-size:16px;font-weight:500;white-space:nowrap;cursor:pointer;transition:background .3s,color .3s,border-color .3s}
.ap-tab:hover{border-color:#151515}
.ap-tab.on{background:#151515;border-color:#151515;color:#fff}
.ap-prog{position:absolute;left:0;bottom:0;height:2px;width:0;background:#C8370B}
.ap-stage .ap-img,.ap-stage .ap-body{transition:opacity .25s ease}
.ap-stage.fade .ap-img,.ap-stage.fade .ap-body{opacity:0}
.st-dot{position:relative;width:46px;height:46px;border-radius:100px;border:1px solid #D1D1D1;background:#fff;color:#767676;font:inherit;font-size:15px;font-weight:500;cursor:pointer;transition:background .3s,border-color .3s,color .3s,box-shadow .3s}
.st-dot:hover{border-color:#151515;color:#151515}
.st-dot.done{border-color:#C8370B;color:#151515}
.st-dot.on{border:2px solid #C8370B;background:#C8370B;color:#fff;font-weight:600;box-shadow:0 0 0 5px rgba(200,55,11,.25)}
.st-arr{cursor:pointer;transition:transform .3s,background .3s}
.st-arr:hover{transform:translateY(-2px)}
.st-img img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.st-img:hover img{transform:scale(1.06)}
.st-wa{transition:background .3s,border-color .3s}
.st-wa:hover{background:#F6F6F6!important;border-color:#151515!important}
.st-form input,.st-form select{font-family:inherit;outline:none;transition:border-color .25s,background .25s;-webkit-appearance:none;appearance:none}
.st-form select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23151515' stroke-width='1.5'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 14px center!important;padding-right:36px!important;cursor:pointer}
.st-form option{color:#151515;background:#fff}
.st-form input::placeholder{color:#9A9A9A}
.st-form input:focus,.st-form select:focus{border-color:#C8370B!important;background-color:#fff!important}
.st-form input::-webkit-outer-spin-button,.st-form input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.st-form input[type=number]{-moz-appearance:textfield}
.st-form button{cursor:pointer;transition:filter .25s,transform .25s}
.st-form button:hover{filter:brightness(1.1)}
.st-form button:hover svg{transform:translateX(3px)}
.st-form button svg{transition:transform .3s}
.st-form button:disabled{opacity:.6;cursor:wait}
.ct-row{transition:padding .3s}
.ct-row svg{transition:transform .3s}
.ct-row:hover{padding-left:6px!important}
.ct-row:hover>span:last-child svg{transform:rotate(45deg)}
.ct-form input,.ct-form select,.ct-form textarea{transition:border-color .25s}
.ct-form input:focus,.ct-form select:focus,.ct-form textarea:focus{border-color:#C8370B!important}
.ct-form button:hover{filter:brightness(1.1)}
.rd-card{transition:border-color .3s,transform .3s}
.rd-card:hover{border-color:#151515;transform:translateY(-3px)}
.rd-ic{transition:background .3s}
.rd-card:hover .rd-ic{background:#FBE9E2!important}
.ct-form select{-webkit-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23151515' stroke-width='1.5'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 16px center!important;padding-right:40px!important}
.cs-btn:hover{box-shadow:0 10px 26px rgba(0,0,0,.16),0 1px 3px rgba(0,0,0,.08)!important}


/* ECO pompa ızgarası */
.pp-kimg{transition:border-color .3s ease, box-shadow .3s ease}
.pp-kimg img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.pp-k:hover .pp-kimg{border-color:#C8370B!important;box-shadow:0 10px 24px -14px rgba(21,21,21,.35)}
.pp-k:hover .pp-kimg img{transform:scale(1.05)}
.pp-k .pp-kt{transition:color .3s}
.pp-k:hover .pp-kt{color:#C8370B!important}
.pp-kn{color:rgba(255,255,255,.7)!important;transition:color .3s}
.pp-k:hover .pp-kn{color:#E4572E!important}


/* Ana sayfa pompa grupları: numara */
[data-sec=products] .pnum>span:first-child{transition:color .3s ease}
[data-sec=products] a:hover .pnum>span:first-child{color:#C8370B!important}
[data-sec=products] .pnum i{transition:width .35s cubic-bezier(.2,.7,.2,1)}
[data-sec=products] a:hover .pnum i{width:30px!important}

/* ===== MOBİL / TABLET (≤1024px) ===== */
.menu-btn{display:none}
@media (max-width: 1024px){
  html,body{overflow-x:hidden}
  .pg{min-width:0!important}
  .pg [data-sec]:not([data-sec=footer]) h2.ms{font-size:clamp(30px,7.4vw,44px)!important;line-height:1.12!important}
  .pg h1.ms{font-size:clamp(38px,10vw,56px)!important;line-height:1.08!important}
  .pill{height:34px;font-size:13px}
  .mbtn,a[style*="border-radius: 5px 5px 15px"]{height:48px!important}

  /* --- Üst menü --- */
  .menu-btn{display:flex;width:44px;height:44px;flex-shrink:0;align-items:center;justify-content:center;border:0;border-radius:5px;background:#151515;cursor:pointer;margin-left:6px}
  .menu-btn i,.menu-btn i::before,.menu-btn i::after{display:block;width:18px;height:2px;background:#fff;position:relative;transition:transform .3s,opacity .3s}
  .menu-btn i::before,.menu-btn i::after{content:"";position:absolute;left:0}
  .menu-btn i::before{top:-6px}.menu-btn i::after{top:6px}
  .nav-open .menu-btn i{background:transparent}
  .nav-open .menu-btn i::before{transform:translateY(6px) rotate(45deg)}
  .nav-open .menu-btn i::after{transform:translateY(-6px) rotate(-45deg)}
  .nav-bar{padding:0 20px!important;height:76px!important;z-index:80}
  .nav-bar>a:first-child{flex:0 0 auto!important}
  .nav-bar>a:first-child img{height:17px!important;width:113px!important}
  .nav-bar .brand-pompa{font-size:20px!important;line-height:17px!important;margin-left:9px!important;letter-spacing:.2em!important}
  .nav-bar nav{display:none!important}
  .nav-bar.nav-open nav{display:flex!important;position:absolute;left:0;right:0;top:76px;flex-direction:column;align-items:stretch!important;gap:0!important;background:#fff;padding:8px 20px 16px;box-shadow:0 18px 30px -18px rgba(21,21,21,.35);border-top:1px solid #EAEAEA}
  .nav-bar.nav-open nav a{padding:14px 0;border-bottom:1px solid #EAEAEA;font-size:18px}
  .nav-bar .nav-dd{flex-direction:column;align-items:stretch}
  .nav-bar .nav-dd .dd-chev{display:none}
  .nav-bar .nav-mega{position:static;transform:none!important;opacity:1;visibility:visible;pointer-events:auto;padding:0}
  .nav-bar .mm-in{width:auto;padding:4px 0 8px 14px;border:0;box-shadow:none;border-radius:0;gap:0}
  .nav-bar .mm-head{display:none}
  .nav-bar .mm-grid{grid-template-columns:1fr;gap:0}
  .nav-bar.nav-open nav .mm-it{display:flex!important;align-items:center;gap:10px;padding:9px 0!important;font-size:15px!important;border-bottom:0!important}
  .nav-bar .mm-it img{display:none}
  .nav-bar .mm-n{align-self:auto}
  .nav-bar .mm-t{font-size:15px;font-weight:500;align-self:auto}
  .nav-bar nav{max-height:calc(100vh - 90px);overflow-y:auto}
  .nav-bar>div{gap:0!important}
  .nav-bar:not([data-mb])>div{margin-right:50px}
  .nav-bar>div a{width:36px!important;height:36px!important}
  .nav-bar>div svg{width:24px;height:24px}
  .sticky-nav{padding:0 20px!important;height:68px!important}
  .sticky-nav.nav-bar.nav-open nav{top:68px}

  /* --- Hero --- */
  [data-sec=hero],[data-sec=hero]>div{height:auto!important}
  [data-sec=hero]>div{display:flex;flex-direction:column;gap:26px;padding:0 20px 56px}
  [data-sec=hero]>div>div:not(.nav-bar){position:static!important;width:auto!important;left:auto!important;right:auto!important;top:auto!important}
  [data-sec=hero]>div>div:nth-child(2){padding-top:110px}
  [data-sec=hero]>div>div:last-child{flex-direction:column;gap:6px}
  [data-sec=heroimg]{height:auto!important;display:flex;flex-direction:column;background:#fff!important}
  [data-sec=heroimg]>img{position:static!important;height:78vw!important;object-position:90% 40%!important}
  [data-sec=heroimg]>div{position:static!important;width:auto!important;padding:28px 20px 0;gap:18px!important}
  [data-sec=heroimg]>div>div>span{height:36px!important;font-size:12px!important;padding:0 14px!important;background:#F6F6F6!important}

  /* --- Hakkımızda --- */
  [data-sec=about]{padding:58px 0 65px!important;gap:56px!important}
  [data-sec=about]>div{padding:0 20px!important}
  [data-sec=about]>div:first-child{flex-direction:column!important;gap:30px!important}
  [data-sec=about]>div:first-child>div:first-child{width:100%!important}
  [data-sec=about]>div:first-child>div:first-child>div{position:static!important;width:100%!important;align-items:center}
  [data-sec=about]>div:first-child>div:first-child img:first-child{display:none!important}
  [data-sec=about]>div:first-child>div:first-child>div{align-items:flex-start!important}
  [data-sec=about]>div:first-child{gap:14px!important}
  [data-sec=about] h2+span{font-size:15px!important;line-height:1.4}
  [data-sec=about] p{font-size:16px!important}
  [data-sec=about]>div:nth-child(2)>div{grid-template-columns:1fr!important;row-gap:22px;padding-left:26px}
  [data-sec=about]>div:nth-child(2)>div>div:first-child{left:6px!important;right:auto!important;top:6px!important;bottom:6px;width:1px!important;height:auto!important}
  [data-sec=about]>div:nth-child(2)>div>div[data-rv]>span:first-child{position:absolute;left:-26px;top:3px;margin:0!important}
  [data-sec=about]>div:nth-child(2)>div>div[data-rv]{gap:4px!important}
  [data-sec=about]>div:last-child{flex-wrap:wrap;gap:16px;padding:0 20px}
  [data-sec=about] .ab-c{width:min(300px,80vw)!important;height:min(300px,80vw)!important}
  [data-sec=about] .abx{font-size:min(10.3px,2.75vw)!important}
  .pg .abx .abx-t{display:grid!important;grid-template-columns:repeat(4,auto)!important}

  /* --- Ürün grupları --- */
  [data-sec=products]{padding:56px 20px 63px!important;gap:36px!important}
  [data-sec=products]>div:first-child{flex-direction:column;align-items:flex-start!important;gap:24px}
  [data-sec=products]>div:first-child>div{width:auto!important}
  .stack>a{position:relative!important;top:auto!important;box-shadow:none!important}
  [data-sec=products] .stack>a,[data-sec=products]>div:last-child>a{flex-direction:column!important;gap:18px!important;padding:32px 0!important;position:relative!important}
  [data-sec=products]>div:last-child>a>img{width:100%!important}
  [data-sec=products]>div:last-child>a>div{flex:none!important;width:100%}
  [data-sec=products]>div:last-child>a>div:first-of-type{gap:22px!important}
  [data-sec=products]>div:last-child>a>span:last-child{position:absolute;top:32px;right:0}
  [data-sec=products]>div:last-child>a h3{font-size:24px!important}
  [data-sec=products] .pnum{flex-direction:row!important;align-items:flex-end!important;gap:12px!important;width:auto!important}
  [data-sec=products] .pnum>span:first-child{font-size:38px!important}
  [data-sec=products] .pnum>span:last-child{padding-bottom:4px}

  /* --- Uygulama alanları --- */
  [data-sec=apps]{padding:56px 20px!important;gap:30px!important}
  [data-sec=apps]>div:first-child{width:auto!important}
  [data-sec=apps] h2.ms{white-space:normal!important}
  #appList{flex-wrap:nowrap!important;justify-content:flex-start!important;overflow-x:auto;scrollbar-width:none;margin:0 -20px;padding:0 20px 2px;width:auto!important;box-sizing:content-box}
  #appList::-webkit-scrollbar{display:none}
  .ap-tab{flex-shrink:0;height:42px!important;font-size:14px!important;padding:0 16px!important;gap:8px!important}
  .ap-stage{height:auto!important;display:flex;flex-direction:column;border-radius:10px!important}
  .ap-stage .ap-img{order:0!important;width:100%!important;height:230px!important}
  .ap-body{flex:none!important;padding:26px 22px 28px!important;gap:26px!important}
  .ap-body h3{font-size:30px!important}
  .ap-body p{font-size:15px!important}

  /* --- Vaka --- */
  [data-sec=case]{padding:0 0 33px 20px!important;gap:30px!important}
  [data-sec=case]>div:first-child{flex-direction:column;align-items:flex-start!important;gap:22px;padding-right:20px!important}
  [data-sec=case]>div:first-child>div:first-child{width:auto!important}
  .cs-track{padding-right:20px!important;gap:14px!important}
  .cs-card{width:86vw!important;height:auto!important;min-height:0}
  .cs-sum{padding:26px!important;gap:30px}
  .cs-sum>div:last-child>div{flex-wrap:wrap;gap:18px 26px!important}
  .cs-sum .ms{font-size:28px!important}
  .cs-img{padding:16px!important}
  .cs-img img{max-height:none!important;width:100%!important}
  .cs-photo{aspect-ratio:4/3}

  /* --- Neden GURDE --- */
  [data-sec=tools]{padding:0 0 36px!important}
  .marquee>.lg-t{padding:0 18px!important;height:52px!important}
  .marquee>.lg-t img{transform:scale(.8);transform-origin:center}
  [data-sec=why]>div:last-child{height:auto!important;padding:70px 20px}
  [data-sec=why]>div:last-child>img{height:100%!important}
  [data-sec=why]>div:last-child>div:last-child{position:relative!important;left:auto!important;top:auto!important;width:auto!important;height:auto!important;padding:28px!important;gap:24px!important}
  [data-sec=why] h2.ms{font-size:28px!important}
  [data-sec=why]>div:last-child span{font-size:16px!important}
  [data-sec=why] h2.ms span{font-size:inherit!important}

  /* --- Süreç --- */
  [data-sec=process]{padding:0 20px 56px!important;gap:30px!important}
  [data-sec=process]>div:first-child{width:auto!important}
  [data-sec=process]>div:last-child{height:auto!important;flex-direction:column}
  [data-sec=process]>div:last-child>div{width:100%!important}
  [data-sec=process]>div:last-child>div{height:auto!important;min-height:0!important;min-width:0!important;flex:none!important}
  .st-cta{flex-direction:column!important;min-height:0!important;gap:28px!important}
  .st-form{flex:none!important;width:100%;padding:20px!important}
  [data-sec=process]>div:last-child>div:first-child{padding:14px 10px!important}
  #stepList{flex-direction:row!important;flex-wrap:wrap;justify-content:center}
  #stepList button{width:36px!important;height:36px!important;font-size:12px!important}
  #stepList{gap:6px!important;flex-wrap:nowrap!important}
  .st-rail{box-sizing:border-box!important}
  .st-line{display:none}
  .st-dot.on{box-shadow:0 0 0 3px rgba(200,55,11,.25)!important}
  .st-big{font-size:72px!important}
  .st-cta h3{font-size:26px!important}
  .st-wa{font-size:14px!important;height:48px!important}
  [data-sec=process]>div:last-child>div:nth-child(2){padding:30px 24px!important;gap:30px}
  [data-sec=process]>div:last-child>div:nth-child(3)>div:first-child{height:auto!important;aspect-ratio:356/278}
  [data-sec=process]>div:last-child>div:nth-child(3) img{width:100%!important;height:100%!important}
  [data-sec=process]>div:last-child>div:last-child{gap:28px;padding:30px 24px!important}

  /* --- Yayınlar --- */
  [data-sec=pubs]{padding:56px 20px 56px!important;gap:30px!important}
  [data-sec=pubs]>div:first-child{flex-direction:column;align-items:flex-start!important;gap:22px}
  [data-sec=pubs]>div:first-child>div{width:auto!important}
  [data-sec=pubs] h2.ms{flex-wrap:wrap;gap:12px!important}
  [data-sec=pubs] h2 svg{width:40px;height:40px}
  [data-sec=pubs] h2 img{height:48px!important;margin:-10px 0 -10px 0!important;top:-3px!important}
  [data-sec=pubs] h2>span[aria-hidden]{height:32px!important}
  [data-sec=pubs]>div:last-child{grid-template-columns:1fr!important}
  [data-sec=pubs]>div:last-child>a{flex-direction:column;gap:18px!important}
  [data-sec=pubs]>div:last-child>a>img{width:100%!important;height:260px!important}
  [data-sec=pubs]>div:last-child>a h3{font-size:22px!important}

  /* --- Footer --- */
  [data-sec=footer]{padding:80px 20px 0!important}
  [data-sec=footer]>div:nth-child(2){grid-template-columns:1fr 1fr!important;row-gap:44px;column-gap:20px!important;padding-bottom:44px!important}
  [data-sec=footer]>div:nth-child(2)>div:first-child{grid-column:1/-1;max-width:none!important}
  [data-sec=footer]>div:nth-child(2)>div:last-child{grid-column:1/-1}
  [data-sec=footer]>div:nth-child(2) h2{font-size:22px!important}
  [data-sec=footer]>div:nth-child(5){flex-direction:column;align-items:flex-start!important;gap:18px;padding:30px 0!important}

  /* --- İç sayfalar: genel --- */
  .pg section{padding-left:20px!important;padding-right:20px!important}
  .pg section h1.ms,.pg section h2.ms{font-size:clamp(30px,7.4vw,44px)!important;line-height:1.12!important;width:auto!important}
  .pg section div[style*="display: flex"]:not([style*="flex-direction: column"]){flex-wrap:wrap}
  .pg section [style*="width: "]:not(svg):not(span){max-width:100%!important}
  .pg section div[style*="width: "][style*="flex-shrink: 0"]{width:100%!important}
  .pg section img[style*="width: "]{width:100%!important;height:auto!important}
  .pg section [style*="grid-template-columns"]{grid-template-columns:1fr!important}
  .pg section [style*="grid-column"]{grid-column:auto!important}
  .pg section [style*="white-space: nowrap"]{white-space:normal!important}
  .pg section .mbtn{white-space:nowrap}
  .pg section[style*="display: flex"]{flex-direction:column!important;align-items:stretch!important}
  .pg section>div[style*="margin: 0 123px"]{margin:0!important;flex-direction:column;align-items:flex-start!important;gap:22px;height:auto!important;padding:28px!important}
  .pg section form{flex:none!important;width:100%!important;box-sizing:border-box;padding:20px!important}
  .pg section>div,.pg section>div>div{min-width:0!important}
  /* --- Hakkımızda --- */
  .pg section.ab-s{padding-top:56px!important;padding-bottom:56px!important}
  .pg section.ab-hero{padding-top:36px!important;padding-bottom:0!important;gap:26px!important}
  .pg section.ab-media-s,.pg section.ab-cta-s{padding-top:0!important}
  .ab-hero-row,.ab-head,.ab-cta,.ab-cta-foot{flex-direction:column!important;align-items:stretch!important;gap:22px!important}
  .pg section.ab-hero h1.ms{font-size:clamp(52px,15vw,72px)!important;line-height:.95!important}
  .ab-hero-side{align-items:flex-start!important;text-align:left!important;padding-bottom:0!important}
  .pg section .ab-hero-side img{width:46px!important;height:46px!important;max-width:none!important}
  .pg section .ab-hero-side>div,.pg section .ab-hero-side>div>div:first-child{flex-wrap:nowrap!important;flex-direction:row!important}
  .pg section .ab-hero-side>div{align-items:center!important}
  .pg section .ab-hero-side>div{gap:14px!important}
  .pg section .ab-hero-side>div>div:first-child{flex-shrink:0!important;padding-left:0}
  .pg section .ab-hero-side>div>div:first-child img{flex-shrink:0!important}
  .ab-heroimg{height:auto!important;aspect-ratio:2/1}
  .pg section .ab-heroimg img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}
  .pg section .ab-media img{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;aspect-ratio:16/10;object-position:50% 100%!important}
  .pg section .ab-intro,.pg section .ab-story{grid-template-columns:1fr!important;gap:22px!important}
  .pg section .ab-intro{padding-bottom:56px!important}
  .ab-intro p.ms{font-size:22px!important}
  .pg section .ab-founder img:first-child{height:auto!important;aspect-ratio:4/5}
  .pg section .ab-founder div img{width:120px!important;height:44px!important}
  .pg section .ab-founder>div{flex-direction:row!important;flex-wrap:nowrap!important}
  .pg section .ab-cap{grid-template-columns:40px minmax(0,1fr)!important;gap:12px!important}
  .ab-cap h3{font-size:22px!important}
  .ab-cap p{text-align:left!important}
  .pg section.ab-marq .mq-i{padding:0 26px!important;gap:12px!important}
  .pg section.ab-marq .mq-n{font-size:48px!important}
  .pg section.ab-marq .mq-l{font-size:11px!important}
  .pg section.ab-marq .mq-mask{padding:22px 0!important}
  .pg section .ab-media{height:auto!important;display:flex!important;flex-direction:column!important}
  .ab-media-ov{position:static!important;padding:18px 16px 16px;flex-direction:column!important;align-items:stretch!important;gap:14px!important}
  .pg section .ab-media-stat{width:auto!important;padding:16px 18px!important}
  .ab-media-stat .ms{font-size:40px!important}
  .pg section .ab-fams{grid-template-columns:1fr 1fr!important}
  .pg section .ab-cta-foot img{width:140px!important;height:50px!important}
  .pg section .ab-cta-foot>div:first-child{flex-direction:row!important;align-items:center!important}
  .ab-fam{min-height:118px!important;padding:36px 14px!important}
  .ab-fam>span:first-child{top:14px!important;left:14px!important}
  .ab-fam span:last-child{font-size:15px!important}
  .ab-srv>div{padding:26px 22px!important}
  .ab-srv strong{font-size:64px!important}
  .ab-srv p{text-align:left!important}
  .ab-cta{padding:22px!important}
  .pg section img.ab-portre{width:100%!important;height:auto!important;aspect-ratio:4/5}
  .ab-cta p.ms{font-size:26px!important}
  .ab-rail,.ab-dotc{display:none!important}
  .pg section .pp-stats[style]{grid-template-columns:repeat(4,auto)!important;column-gap:12px!important;margin-top:8px;justify-content:start}
  .pp-stats>.pp-top{padding-left:12px!important}
  .pp-stats>.pp-r{margin-left:12px!important}
  .pp-stats>.pp-c:nth-child(4n+1){padding-left:0!important;border-left:0!important;margin-left:0!important}
  .pp-stats .pp-top .ms{font-size:40px!important}
  .pp-stats .pp-top>span:last-child{font-size:13px!important}
  .pg section.pp-s{padding-top:56px!important;padding-bottom:56px!important}
  .pg section.pp-hero{padding-top:36px!important;padding-bottom:0!important;gap:26px!important}
  .pg section.pp-cta-s{padding-top:0!important}
  .pp-hero-row,.pp-head,.pp-cta{flex-direction:column!important;align-items:flex-start!important;gap:22px!important}
  .pp-hero-txt{width:auto!important}
  .pg section.pp-hero h1.ms{font-size:clamp(44px,12.5vw,72px)!important;line-height:.98!important}
  .pg section .pp-img{height:auto!important;display:flex!important;flex-direction:column!important;background:transparent!important}
  .pg section .pp-img img[style]{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;aspect-ratio:2/1;border-radius:14px}
  .pg section .pp-fam{position:static!important;grid-template-columns:1fr 1fr!important;margin-top:12px}
  .pp-fam>div{background:#F6F6F6!important}
  .pg section .pp-gridbox .pp-grid{grid-template-columns:none!important;grid-auto-flow:column!important;grid-auto-columns:clamp(132px,38vw,180px)!important;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:6px}
  .pg section .pp-gridbox .pp-k{scroll-snap-align:start}
  .pg section .pp-gridbox .pp-kimg img[style]{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;border-radius:0!important;object-fit:cover!important}
  .pg section .pp-gridbox .pp-fam{margin-top:0}
  .pg section .pp-feats{grid-template-columns:1fr 1fr!important}
  .pp-feats>div{border-left:0!important;border-bottom:1px solid #E2E2E2}
  .pg section .pp-tabs{grid-template-columns:1fr!important;gap:14px!important}
  .pg section .pp-list{flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;margin:0 -20px;padding:0 20px 2px;width:auto!important}
  .pp-tab{width:auto!important;flex-shrink:0;padding:10px 14px!important;border-color:#E0E0E0!important;background:#fff!important}
  .pp-tab.on{background:#151515!important;border-color:#151515!important}
  .pp-tab.on .pp-tt{color:#fff!important}
  .pp-tt{font-size:14px!important;white-space:nowrap}
  .pp-card{min-height:0!important;padding:22px 20px!important}
  .pp-card h3{font-size:24px!important}
  .pp-card strong{font-size:48px!important}
  .pg section .pp-spec{grid-template-columns:1fr 1fr!important}
  .pg section .pp-tw{margin:0 -20px;border-radius:0!important;border-left:0!important;border-right:0!important}
  .pp-cta{padding:26px 22px!important}
  .pp-cta h2{font-size:28px!important}
  .pg section .pp-others{grid-template-columns:1fr!important}
  .pg section.pp-s[data-sub]{grid-template-columns:1fr!important;gap:40px!important}
  .pg section .pp-uses{grid-template-columns:1fr 1fr!important}
  .pg section .pp-uses > div:not(.use){flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;padding:16px!important;gap:10px!important}
  .pg section .pp-pn{grid-template-columns:1fr!important}
  .pg section .tb-kesit{grid-template-columns:1fr!important}
  .pg section .ap-feat,.pg section .ap-flans,.pg section .ap-gal1{grid-template-columns:1fr!important}
  .pg section .ap-gal2{grid-template-columns:1fr 1fr!important}
  .pg section .pp-spec>.ap-full{grid-column:1/-1!important}
  .pg section .ap-g{height:auto!important;aspect-ratio:16/10}
  .pg section .ap-gal1 .ap-g:last-child{aspect-ratio:4/5}
  .pg section .ap-g img[style],.pg section .ap-feat img[style]{height:100%!important}
  .pg section .ap-feat>div:first-child{min-height:0!important;aspect-ratio:16/10}
  .pg section .ap-hero img[style]{aspect-ratio:1920/900!important}
  .pg section .tb-hero img[style]{aspect-ratio:1920/705!important;object-position:65% 100%!important}
  .pg section .tb-kesit>div{height:auto!important;aspect-ratio:16/10}
  .pg section .tb-kesit img[style]{height:100%!important}
  .pg section .pp-others{grid-template-columns:1fr!important}
  .pp-pn a{align-items:flex-start!important;text-align:left!important}
  .pg section table.pp-tbl{width:1100px!important;min-width:1100px!important;max-width:none!important}
  .pg section .pp-tw{overflow-x:auto!important;max-width:none!important}
  .pg section .pp-tbl td,.pg section .pp-tbl th{white-space:nowrap}
  .pg section .pp-card>div:first-child{flex-wrap:nowrap!important}
  .pg section.rd-s{padding-top:56px!important;padding-bottom:56px!important}
  .pg section.rd-hero{padding-top:36px!important;padding-bottom:40px!important;gap:26px!important}
  .pg section.rd-cta-s{padding-top:0!important}
  .rd-hero-row,.rd-head,.rd-cta{flex-direction:column!important;align-items:flex-start!important;gap:22px!important}
  .rd-hero-txt{width:auto!important}
  .pg section.rd-hero h1.ms{font-size:clamp(44px,12.5vw,72px)!important;line-height:.95!important}
  .pg section .rd-grid,.pg section.rd-stuux{grid-template-columns:1fr!important}
  .rd-card{min-height:0!important;padding:24px 22px!important}
  .rd-card p{text-align:left!important}
  .pg section.rd-stuux .rd-kasa{gap:12px!important}
  .pg section.rd-stuux .rd-kasa img[style]{height:auto!important}
  .pg section.rd-stuux div:not(.rd-kasa)>img[data-norv][style]{width:90px!important;height:40px!important;aspect-ratio:auto!important}
  .pg section .rd-stats{grid-template-columns:1fr 1fr 1fr!important}
  .rd-stats>div{padding:14px 12px!important}
  .rd-stats .ms{font-size:17px!important}
  .rd-cta{padding:26px 22px!important}
  .rd-cta h2{font-size:30px!important}
  .pg section.ct-s{grid-template-columns:1fr!important;padding-top:36px!important;padding-bottom:56px!important;gap:40px!important}
  .pg section .ct-info{grid-template-columns:1fr!important;gap:30px!important}
  .pg section.ct-s h1.ms{font-size:clamp(44px,12vw,64px)!important;line-height:1!important}
  .pg section form.ct-form{grid-template-columns:1fr!important;padding:22px!important}
  .pg section .ct-form label,.pg section .ct-form>div{grid-column:auto!important}
  .pg section .ct-row{flex-wrap:nowrap!important}
  .pg section.ct-logos{padding:0 0 56px!important}
  .pg section.ct-logos>span{padding:0 20px!important}
  .pg section.ct-logos img[style]{width:110px!important;height:40px!important}
  .pg section .ab-htl{grid-template-columns:1fr!important;row-gap:24px!important;padding-left:26px}
  .ab-htl-line{left:6px!important;right:auto!important;top:6px!important;bottom:6px!important;width:1px!important;height:auto!important}
  .ab-htl>div[data-rv]>span:first-child{position:absolute;left:-26px;top:2px}
  .pg section .ab-bio-row{grid-template-columns:1fr!important;gap:12px!important;padding:24px 0!important}
  .ab-bio-row h3{font-size:22px!important}
  .ab-bio-row p{text-align:left!important;font-size:16px!important}
  .pg section .ab-job{grid-template-columns:1fr!important;gap:12px!important}
  .ab-when{align-items:flex-start!important;text-align:left!important;padding-top:0!important;flex-direction:row!important;flex-wrap:wrap;gap:4px 10px!important;align-items:baseline!important}
  .ab-when span:nth-child(1){font-size:24px!important}
  .ab-when span:nth-child(3){margin-top:0!important;width:100%}
  .ab-card{padding:22px 20px!important}
  .ab-card h3{font-size:21px!important}
  .ab-card p{text-align:left!important}
  .pg section .ab-stats{grid-template-columns:1fr 1fr!important}
  .pg section .ab-steps>div,.pg section .ab-card div[style*="background: #FBF3EF"]{flex-wrap:nowrap!important}
  .ab-steps>div{padding:12px 14px!important}
}
@media (max-width: 480px){
  .pg p{text-align:left!important}
  .nav-bar>div a[aria-label="E-posta"]{display:none!important}
  [data-sec=footer]>div:nth-child(2){grid-template-columns:1fr!important}
}
/* ===== /MOBİL ===== */

/* ── Cihaz uyumu (2026-10-02) ───────────────────────────────────────────── */
/* Küçük dizüstü ve yatay tablet (1025–1279 px): masaüstü düzeni 1280 px ister; yatay kaydırma olmasın diye sayfa orantılı küçültülür */
@media (min-width:1025px) and (max-width:1079px){html .pg{zoom:.8}}
@media (min-width:1080px) and (max-width:1139px){html .pg{zoom:.84}}
@media (min-width:1140px) and (max-width:1199px){html .pg{zoom:.89}}
@media (min-width:1200px) and (max-width:1279px){html .pg{zoom:.937}}
/* Tablet (600–1024 px) */
@media (min-width:600px) and (max-width:1024px){
 /* şeffaf pompa görselli kapaklar: görsel kapak alanını doldursun */
 html .pg .ceh:not(.pt-cv) .ceh-stage{min-height:470px!important;display:flex!important;align-items:center!important;justify-content:center!important}
 html .pg .ceh:not(.pt-cv) .ceh-stage img{position:static!important;width:auto!important;height:auto!important;max-width:86%!important;max-height:430px!important;object-fit:contain!important;transform:none!important}
 html .pg .apk-h:not(.hfp) .apk-h-img{max-height:540px!important;object-fit:contain!important}
 /* teknik özellik bandı: yatay kaydırma yerine 3 sütun, hiçbir değer kesilmez */
 html .pg .ceh:not(.pt-cv) .ceh-specs,html .pg .apk-h-specs,html .pg .em-hero .em-specs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;overflow:visible!important;height:auto!important;scroll-snap-type:none!important}
 html .pg .ceh-specs>div,html .pg .apk-h-specs>div,html .pg .em-specs>div{min-width:0!important;grid-column:auto!important}
 html .pg .ceh-specs .v,html .pg .apk-h-specs .v,html .pg .em-specs .v{white-space:normal!important}
 html .pg .ceh-specs .v b,html .pg .apk-h-specs .v b,html .pg .em-specs .v b{white-space:nowrap!important}
 html .pg .ceh-specs>div:nth-child(3n+1)::before,html .pg .apk-h-specs>div:nth-child(3n+1)::before,html .pg .em-specs>div:nth-child(3n+1)::before{display:none!important}
}
/* Dokunmatik cihazlar: form alanlarında 16 px altı yazı iOS'ta sayfayı yakınlaştırır; bant etiketleri okunur boyutta */
@media (max-width:1024px){
 html .pg input,html .pg select,html .pg textarea{font-size:16px!important}
 html .pg .ceh-specs .k,html .pg .apk-h-specs .k,html .pg .em-specs .k{font-size:11px!important}
}

/* GURDE sözcüğü: marka yazı tipi */
@font-face{font-family:"URW Corporate Ad";src:url(../assets/fonts/urw-corporate-ad.woff2) format("woff2");font-weight:400;font-style:normal;font-display:block}
.gurde-w{font-family:"URW Corporate Ad","Geist",sans-serif;font-weight:400;letter-spacing:.02em}

/* ürün sayfası teknik değer bandı: açık zeminli görsellerde de siyah ton */
html .pg .ceh-specs,html .pg .ceh.pt-cv .ceh-specs,html .pg .apk-h-specs{background:rgba(12,13,15,.88)!important}

/* alt bilgi: sol sütunda söz ve saat; alt satırda amblem + GURDE */
[data-sec=footer]>div:nth-child(5){border-top:1px solid rgba(255,255,255,.1);padding:26px 0 30px!important}
.ft-sig{position:relative;padding:clamp(26px,2.4vw,60px) 0 clamp(26px,2.2vw,56px)}
.ft-sig a{display:block;line-height:0}
.ft-sig img{display:block;width:100%;height:auto}
@media (max-width:1024px){[data-sec=footer]>div:nth-child(2)>div:first-child,[data-sec=footer]>div:nth-child(2)>div:last-child{grid-column:auto!important}}

/* dil değiştirme düğmesi (TR / EN) */
.lang-sw{display:inline-flex;align-items:center;justify-content:center;height:30px;padding:0 10px;border:0;border-radius:5px;background:rgba(216,30,30,.7);font:600 12px/1 "Geist",system-ui,sans-serif;letter-spacing:.08em;color:#fff;text-decoration:none;flex-shrink:0;transition:background-color .25s}
.lang-sw:hover{background:#D81E1E}
.lang-sw[hreflang="en"]{background:rgba(31,95,191,.7)}
.lang-sw[hreflang="en"]:hover{background:#1F5FBF}
.soc-m{display:none!important}
@media (max-width:1024px){.nav-bar>div a.lang-sw{width:auto!important;height:30px!important;margin-right:6px}}
@media (max-width:480px){.nav-bar>div a.lang-sw{margin-right:2px}.nav-bar .hdr-soc a[aria-label="LinkedIn"]{display:none!important}.nav-bar.nav-open nav a.soc-m{display:flex!important}}@media (max-width:385px){.nav-bar>a:first-child img{height:14px!important;width:93px!important}.nav-bar .brand-pompa{font-size:16.5px!important;line-height:14px!important;margin-left:7px!important}}@media (max-width:340px){.nav-bar>a:first-child img{height:11px!important;width:73px!important}.nav-bar .brand-pompa{font-size:13px!important;line-height:11px!important;margin-left:5px!important}}