body {font-family: "Urbanist", sans-serif; overflow-x: hidden; padding:0; background: #F2F4F6;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%; margin:0; }
a, button, input, select, textarea, [tabindex] { -webkit-tap-highlight-color:transparent; }
a, a:hover, a:focus, a:active, a:visited { text-decoration:none !important; }
a:focus, button:focus, input:focus, select:focus, textarea:focus, [tabindex]:focus { outline:none !important; }
button::-moz-focus-inner, input::-moz-focus-inner { border:0; }
::-webkit-scrollbar {width: 10px;background-color: #fff;border-left: 1px solid #fff;}
::-webkit-scrollbar-thumb {background-color: #000101;}
::-webkit-scrollbar-thumb:hover {background-color: #000101;}

html {scroll-behavior:smooth;}


.container {max-width:1600px;}

/* UST MENU */
.ustmenu { width:100%; position:absolute; left:0; top:0; z-index:30; padding:27px 0; }
.ustmenuicerik { width:100%; display:flex; align-items:center; justify-content:space-between; gap:40px; }
.ustmenusol { display:flex; align-items:center; flex-shrink:0; }
.ustmenulogo { display:block; flex-shrink:0; }
.ustmenulogo img { width:141px; height:auto; display:block; transition:opacity .3s ease,transform .3s ease; }
.ustmenufirma { margin-left:15px; padding-left:14px; border-left:1px solid rgba(255,255,255,.55); color:#fff; }
.ustmenufirma strong { display:block; margin:0 0 2px; font-size:16px; line-height:19px; font-weight:600; }
.ustmenufirma span { display:block; font-size:16px; line-height:19px; font-weight:500; color:rgba(255,255,255,.92); }
.ustmenusag { display:flex; align-items:center; gap:21px; }
.ustmenunav { display:flex; align-items:center; gap:20px; }
.ustmenunav a { position:relative; display:block; padding:8px 0; color:#fff; font-size:14px; line-height:18px; font-weight:500; text-decoration:none; white-space:nowrap; transition:color .3s ease,opacity .3s ease; }
.ustmenunav a:before { content:""; position:absolute; left:50%; bottom:1px; width:0; height:1px; background:#fff; opacity:.9; transform:translateX(-50%); transition:width .3s ease; }
.ustmenunav a:hover { color:#fff; opacity:.82; }
.ustmenunav a:hover:before { width:100%; }
.ustmenudropdown { position:relative; }
.ustmenudropdownbaslik { padding-right:14px !important; }
.ustmenudropdownbaslik:after { content:""; width:6px; height:6px; position:absolute; right:1px; top:50%; border-right:1px solid currentColor; border-bottom:1px solid currentColor; transform:translateY(-65%) rotate(45deg); transition:transform .25s ease; }
.ustmenudropdownmenu { width:250px; position:absolute; left:50%; top:calc(100% + 10px); padding:8px; border-radius:5px; background:#fff; box-shadow:0 14px 35px rgba(0,0,0,.18); opacity:0; visibility:hidden; transform:translate(-50%,8px); transition:opacity .25s ease,visibility .25s ease,transform .25s ease; }
.ustmenudropdownmenu:before { content:""; width:100%; height:12px; position:absolute; left:0; bottom:100%; }
.ustmenudropdownmenu a { padding:10px 12px; border-radius:3px; color:#171719; font-size:13px; line-height:18px; font-weight:400; white-space:normal; transition:color .25s ease,background .25s ease; }
.ustmenudropdownmenu a:before { display:none; }
.ustmenudropdownmenu a:hover,.ustmenudropdownmenu a:focus { color:#E3000F; background:#f5f5f5; opacity:1; }
.ustmenudropdown:hover .ustmenudropdownmenu,.ustmenudropdown:focus-within .ustmenudropdownmenu { opacity:1; visibility:visible; transform:translate(-50%,0); }
.ustmenudropdown:hover .ustmenudropdownbaslik:after,.ustmenudropdown:focus-within .ustmenudropdownbaslik:after { transform:translateY(-20%) rotate(225deg); }
.ustmenuayrac { width:40px; height:1px; background:rgba(255,255,255,.65); flex-shrink:0; }
.teklifbuton { height:42px; position:relative; overflow:hidden; display:flex; align-items:center; justify-content:center; gap:10px; padding:0 17px; border:1px solid rgba(255,255,255,.85); border-radius:5px; color:#fff; font-size:14px; line-height:18px; font-weight:500; text-decoration:none; white-space:nowrap; transition:background .3s ease,border-color .3s ease; }
.teklifbuton:before { content:""; position:absolute; left:-90px; top:-20px; width:45px; height:80px; background:rgba(255,255,255,.18); transform:rotate(20deg); transition:left .5s ease; }
.teklifbuton img { width:19px; height:23px; position:relative; z-index:2; display:block; object-fit:contain; }
.teklifbuton span { position:relative; z-index:2; }
.teklifbuton:hover { color:#fff; background:#E3000F; border-color:#E3000F; }
.teklifbuton:hover:before { left:115%; }

@media (max-width:1450px) {
.ustmenu { padding:24px 0; }
.ustmenuicerik { gap:25px; }
.ustmenulogo img { width:128px; }
.ustmenufirma { margin-left:12px; padding-left:12px; }
.ustmenufirma strong,.ustmenufirma span { font-size:14px; line-height:17px; }
.ustmenusag { gap:15px; }
.ustmenunav { gap:15px; }
.ustmenunav a { font-size:12px; }
.ustmenuayrac { width:30px; }
.teklifbuton { height:40px; padding:0 14px; font-size:12px; }
}

@media (max-width:1100px) {
.ustmenu { padding:20px 0; }
.ustmenufirma { display:none; }
.ustmenunav { display:none; }
.ustmenuayrac { display:none; }
.ustmenulogo img { width:125px; }
}

@media (max-width:768px) {
.ustmenulogo img { width:112px; }
.teklifbuton { height:39px; padding:0 13px; }
.teklifbuton img { width:17px; height:21px; }
}

@media (max-width:576px) {
.ustmenu { padding:17px 0; }
.ustmenulogo img { width:102px; }
.teklifbuton { width:40px; padding:0; gap:0; }
.teklifbuton span { display:none; }
}



/* SLIDER ALANI */
.slideralani { width:100%; height:850px; position:relative; overflow:hidden; background:#171719; }
.slideralani .carousel { width:100%; height:100%; }
.slideralani .carousel-inner { width:100%; height:100%; }
.slideralani .carousel-item { width:100%; height:100%; }

.slideralani .carousel-fade .carousel-item { opacity:0; transition:opacity 1.8s ease-in-out; transform:none !important; }
.slideralani .carousel-fade .carousel-item.active,.slideralani .carousel-fade .carousel-item-next.carousel-item-left,.slideralani .carousel-fade .carousel-item-prev.carousel-item-right { opacity:1; }
.slideralani .carousel-fade .active.carousel-item-left,.slideralani .carousel-fade .active.carousel-item-right { opacity:0; }

.slidergorsel { width:100%; height:100%; position:absolute; left:0; top:0; }
.slidergorsel img { width:100%; height:100%; display:block; object-fit:cover; object-position:center center; transform:scale(1.01); transition:transform 8s ease; }
.carousel-item.active .slidergorsel img { transform:scale(1.05); }

.slidergolge { width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; pointer-events:none; background:linear-gradient(90deg,rgba(23,23,25,.88) 0%,rgba(23,23,25,.78) 18%,rgba(23,23,25,.58) 35%,rgba(23,23,25,.40) 52%,rgba(23,23,25,.28) 68%,rgba(23,23,25,.18) 100%); }
.slidergolge:before { content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:radial-gradient(circle at center,rgba(65,65,69,.16) 0%,rgba(23,23,25,0) 62%); }
.slidergolge:after { content:""; width:100%; height:44%; position:absolute; left:0; bottom:0; background:linear-gradient(0deg,rgba(23,23,25,.45) 0%,rgba(23,23,25,.12) 54%,rgba(23,23,25,0) 100%); }

.slidericerikalani { width:100%; height:100%; position:relative; z-index:5; }
.slidericerik { width:100%; height:100%; position:relative; padding-top:380px; }

.slideretiket { height:42px; position:relative; display:inline-flex; align-items:center; gap:16px; padding:0 28px 0 0; background:#E3000F; border-radius:0 24px 24px 0; color:#fff; }
.slideretiket:before { content:""; width:100vw; height:100%; position:absolute; right:100%; top:0; background:#E3000F; }
.slideretiket span { position:relative; z-index:2; color:#fff; font-size:15px; line-height:20px; font-weight:500; white-space:nowrap; }
.slideretiketcizgi { width:1px; height:20px; position:relative; z-index:2; background:rgba(255,255,255,.90); }

.slidermetinblok { max-width:760px; margin-top:33px; opacity:0; transform:translateY(18px); transition:opacity .9s ease .45s,transform .9s ease .45s; }
.carousel-item.active .slidermetinblok { opacity:1; transform:translateY(0); }
.slidermetinblok h1 { margin:0; color:#ffffff; font-size:33px; line-height:1.12; font-weight:400; letter-spacing:-.6px; }
.slidermetinblok p { max-width:700px; margin:16px 0 0; color:rgba(255,255,255,.82); font-size:15px; line-height:1.35; font-weight:500; }

.sliderindikatoralan { width:100%; position:absolute; left:0; bottom:78px; z-index:12; }
.sliderindikatoricerik { width:100%; }
.slideralani .carousel-indicators { width:auto; position:static; display:flex; align-items:center; justify-content:flex-start; gap:6px; margin:0 0 0 0; padding:0; }
.slideralani .carousel-indicators li { width:26px; height:8px; margin:0; border:0; border-radius:20px; background:rgba(255,255,255,.58); opacity:1; text-indent:-9999px; cursor:pointer; transition:width .35s ease,background .35s ease,opacity .35s ease; }
.slideralani .carousel-indicators li:hover { background:rgba(255,255,255,.82); }
.slideralani .carousel-indicators li.active { width:60px; background:#ffffff; }

@media (max-width:1450px) {
.slideralani { height:850px; }
.slidericerik { padding-top:260px; }
.slideretiket { height:41px; padding-right:25px; }
.slideretiket span { font-size:14px; }
.slidermetinblok { max-width:700px; margin-top:30px; margin-left:140px; }
.slidermetinblok h1 { font-size:31px; }
.slidermetinblok p { max-width:650px; font-size:14px; }
.slideralani .carousel-indicators { margin-left:140px; }
}

@media (max-width:1100px) {
.slideralani { height:760px; }
.slidergorsel img { object-position:62% center; }
.slidericerik { padding-top:235px; }
.slideretiket { height:40px; gap:13px; padding-right:22px; }
.slideretiket span { font-size:12px; }
.slidermetinblok { max-width:620px; margin-top:28px; margin-left:90px; }
.slidermetinblok h1 { font-size:28px; }
.slidermetinblok p { max-width:570px; font-size:13px; }
.sliderindikatoralan { bottom:62px; }
.slideralani .carousel-indicators { margin-left:90px; }
}

@media (max-width:768px) {
.slideralani { height:680px; }
.slidergorsel img { object-position:66% center; }
.slidergolge { background:linear-gradient(90deg,rgba(23,23,25,.90) 0%,rgba(23,23,25,.78) 34%,rgba(23,23,25,.52) 72%,rgba(23,23,25,.26) 100%); }
.slidericerik { padding-top:215px; }
.slideretiket { height:38px; gap:10px; padding:0 18px 0 0; }
.slideretiket span { font-size:10px; }
.slideretiketcizgi { height:16px; }
.slidermetinblok { max-width:500px; margin-top:24px; margin-left:45px; }
.slidermetinblok h1 { font-size:25px; line-height:1.18; }
.slidermetinblok p { max-width:470px; margin-top:14px; font-size:12px; line-height:1.4; }
.sliderindikatoralan { bottom:48px; }
.slideralani .carousel-indicators { margin-left:45px; }
}

@media (max-width:576px) {
.slideralani { height:620px; }
.slidergorsel img { object-position:70% center; }
.slidericerik { padding-top:195px; }
.slideretiket { min-height:36px; height:auto; gap:8px; padding:7px 14px 7px 0; }
.slideretiket span { font-size:9px; }
.slideretiketcizgi { height:14px; }
.slidermetinblok { max-width:100%; margin-top:20px; margin-left:20px; }
.slidermetinblok h1 { font-size:22px; line-height:1.2; }
.slidermetinblok p { max-width:100%; font-size:12px; }
.sliderindikatoralan { bottom:38px; }
.slideralani .carousel-indicators { margin-left:20px; gap:5px; }
.slideralani .carousel-indicators li { width:24px; height:7px; }
.slideralani .carousel-indicators li.active { width:54px; }
}



.anasayfaasama { width:100%; padding:72px 0 105px; background:#fff; }
.anasayfaasamaicerik { width:100%; display:grid; grid-template-columns:repeat(7,1fr); gap:8px; }
.asamakart { width:100%; height:375px; position:relative; overflow:hidden; border-radius:5px; color:#fff; background:#171719; }
.asamakartgorsel { width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; }
.asamakartgorsel img { width:100%; height:100%; display:block; object-fit:cover; object-position:center center; transition:transform .7s ease; }
.asamakart:before { content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; background:linear-gradient(180deg,rgba(23,23,25,.76) 0%,rgba(23,23,25,.55) 46%,rgba(23,23,25,.64) 100%); transition:background .35s ease; }
.asamakarticerik { width:100%; height:100%; position:relative; z-index:3; padding:29px 21px 24px; display:flex; flex-direction:column; }
.asamanumara { display:block; color:#fff; font-size:19px; line-height:22px; font-weight:400; }
.asamabilgi { margin-top:54px; }
.asamaikon { width:31px; height:31px; margin-bottom:14px; display:flex; align-items:center; justify-content:flex-start; }
.asamaikon img { max-width:31px; max-height:31px; display:block; object-fit:contain; }
.asamabilgi h3 { margin:0 0 8px; color:#fff; font-size:15px; line-height:19px; font-weight:500; text-transform:uppercase; }
.asamabilgi p { margin:0; color:rgba(255,255,255,.90); font-size:13px; line-height:18px; font-weight:400; }
.asamakart:hover .asamakartgorsel img { transform:scale(1.035); }
.asamakart:hover:before { background:linear-gradient(180deg,rgba(23,23,25,.70) 0%,rgba(23,23,25,.48) 46%,rgba(23,23,25,.58) 100%); }

@media (max-width:1450px) {
.anasayfaasama { padding:65px 0 90px; }
.anasayfaasamaicerik { grid-template-columns:repeat(4,1fr); gap:10px; }
.asamakart { height:360px; }
}

@media (max-width:1100px) {
.anasayfaasamaicerik { grid-template-columns:repeat(3,1fr); }
.asamakart { height:350px; }
}

@media (max-width:768px) {
.anasayfaasama { padding:50px 0 65px; }
.anasayfaasamaicerik { grid-template-columns:repeat(2,1fr); }
.asamakart { height:340px; }
.asamakarticerik { padding:25px 20px; }
.asamabilgi { margin-top:48px; }
}

@media (max-width:576px) {
.anasayfaasamaicerik { grid-template-columns:1fr; gap:12px; }
.asamakart { height:330px; }
.asamabilgi { margin-top:43px; }
}



.anasayfahakkimizda { width:100%; position:relative; overflow:hidden; padding:52px 0 32px; background:#fff url("../img/genel/hakkimizdabg.jpg") no-repeat left top; }
.anasayfahakkimizdaicerik { width:100%; display:grid; grid-template-columns:1.08fr 1fr; gap:70px; align-items:center; }
.hakkimizdasol { position:relative; min-height:495px; display:flex; align-items:center; }
.hakkimizdaharita { display:none; }
.hakkimizdametin { width:100%; max-width:760px; position:relative; z-index:2; }
.hakkimizdametin h2 { margin:0 0 28px; color:#171719; font-size:32px; line-height:1.38; font-weight:400; letter-spacing:-.45px; }
.hakkimizdametin p { margin:0 0 27px; color:#414145; font-size:14px; line-height:1.75; font-weight:500; }
.hakkimizdametin p:last-child { margin-bottom:0; }

.hakkimizdasag { width:100%; display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.hakkimizdagorsel { width:100%; height:495px; overflow:hidden; border-radius:5px; background:#f5f5f5; }
.hakkimizdagorsel img { width:100%; height:100%; display:block; object-fit:cover; object-position:center center; transition:transform .8s ease,opacity .4s ease; }
.hakkimizdagorsel:hover img { transform:scale(1.025); opacity:.96; }

@media (max-width:1450px) {
.anasayfahakkimizda { padding:50px 0 35px; }
.anasayfahakkimizdaicerik { grid-template-columns:1.05fr 1fr; gap:50px; }
.hakkimizdasol { min-height:460px; }
.hakkimizdametin { max-width:680px; }
.hakkimizdametin h2 { font-size:29px; margin-bottom:25px; }
.hakkimizdametin p { font-size:13px; margin-bottom:22px; }
.hakkimizdagorsel { height:460px; }
}

@media (max-width:1100px) {
.anasayfahakkimizda { padding:60px 0; }
.anasayfahakkimizdaicerik { grid-template-columns:1fr; gap:45px; }
.hakkimizdasol { min-height:0; }
.hakkimizdaharita { left:-100px; top:-80px; }
.hakkimizdametin { max-width:850px; }
.hakkimizdasag { gap:18px; }
.hakkimizdagorsel { height:500px; }
}

@media (max-width:768px) {
.anasayfahakkimizda { padding:50px 0; }
.anasayfahakkimizdaicerik { gap:35px; }
.hakkimizdaharita { width:650px; height:370px; left:-180px; top:-65px; }
.hakkimizdametin h2 { font-size:26px; line-height:1.35; margin-bottom:22px; }
.hakkimizdametin p { font-size:13px; line-height:1.7; margin-bottom:20px; }
.hakkimizdagorsel { height:400px; }
}

@media (max-width:576px) {
.anasayfahakkimizda { padding:42px 0; }
.hakkimizdametin h2 { font-size:23px; }
.hakkimizdasag { grid-template-columns:1fr; gap:12px; }
.hakkimizdagorsel { height:370px; }
}


/* ANASAYFA BILGI */
.anasayfabilgi { width:100%; padding:42px 0 0; background:#f5f5f5; }
.anasayfabilgiicerik { width:100%; height:148px; position:relative; overflow:hidden; display:flex; align-items:center; border-radius:5px; background:#0d2139 url("../img/genel/anasayfa-bilgi.jpg") no-repeat center center; background-size:cover; }
.anasayfabilgimetin { margin-left:48%; color:#fff; position:relative; z-index:2; }
.anasayfabilgimetin h3 { margin:0 0 3px; color:#fff; font-size:24px; line-height:30px; font-weight:400; letter-spacing:-.3px; }
.anasayfabilgimetin p { margin:0; color:rgba(255,255,255,.88); font-size:18px; line-height:24px; font-weight:500; }
.anasayfabilgibuton { width:226px; height:45px; position:absolute; right:98px; top:50%; z-index:3; transform:translateY(-50%); overflow:hidden; display:flex; align-items:center; justify-content:space-between; padding:0 22px 0 24px; border-radius:6px; background:#fff; color:#171719; font-size:14px; line-height:18px; font-weight:400; text-decoration:none; transition:background .3s ease,color .3s ease; }
.anasayfabilgibuton:before { content:""; position:absolute; left:-70px; top:-20px; width:40px; height:85px; background:rgba(255,255,255,.24); transform:rotate(20deg); transition:left .5s ease; }
.anasayfabilgibuton span { position:relative; z-index:2; }
.anasayfabilgibuton img { width:16px; height:16px; position:relative; z-index:2; object-fit:contain; transition:transform .3s ease; }
.anasayfabilgibuton:hover { background:#E3000F; color:#fff; }
.anasayfabilgibuton:hover:before { left:120%; }
.anasayfabilgibuton:hover img { transform:translateX(3px); }

@media (max-width:1450px) {
.anasayfabilgiicerik { height:145px; }
.anasayfabilgimetin { margin-left:46%; }
.anasayfabilgimetin h3 { font-size:22px; }
.anasayfabilgimetin p { font-size:17px; }
.anasayfabilgibuton { right:60px; }
}

@media (max-width:1100px) {
.anasayfabilgi { padding-top:35px; }
.anasayfabilgiicerik { height:140px; }
.anasayfabilgimetin { margin-left:42%; }
.anasayfabilgimetin h3 { font-size:20px; line-height:26px; }
.anasayfabilgimetin p { font-size:15px; line-height:21px; }
.anasayfabilgibuton { width:200px; right:30px; padding:0 18px; font-size:13px; }
}

@media (max-width:768px) {
.anasayfabilgiicerik { height:170px; background-position:58% center; }
.anasayfabilgiicerik:after { content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(13,33,57,.42); }
.anasayfabilgimetin { margin-left:25px; z-index:3; }
.anasayfabilgimetin h3 { font-size:19px; }
.anasayfabilgimetin p { font-size:14px; }
.anasayfabilgibuton { width:190px; right:22px; }
}

@media (max-width:576px) {
.anasayfabilgi { padding-top:25px; }
.anasayfabilgiicerik { height:190px; align-items:flex-start; padding-top:35px; }
.anasayfabilgimetin { margin-left:20px; }
.anasayfabilgimetin h3 { font-size:18px; }
.anasayfabilgibuton { width:190px; height:42px; left:20px; right:auto; top:auto; bottom:28px; transform:none; }
}


/* ANASAYFA URUN GRUP */
.anasayfaurungrup { width:100%; position:relative; overflow:hidden; padding:88px 0 100px; background:linear-gradient(180deg,#f5f5f5 0%,#f8f8f8 34%,#ffffff 100%); }
.anasayfaurungrupbaslik { width:100%; position:relative; margin-bottom:39px; }
.anasayfaurungrupbaslik:before { content:""; width:123px; height:2px; position:absolute; right:calc(100% + 7px); top:10px; background:#E3000F; }
.anasayfaurungrupbaslik span { display:block; margin-bottom:2px; color:#414145; font-size:12px; line-height:17px; font-weight:400; }
.anasayfaurungrupbaslik h2 { margin:0; color:#171719; font-size:28px; line-height:34px; font-weight:400; letter-spacing:-.35px; }

.anasayfaurungrupliste { width:100%; display:grid; grid-template-columns:repeat(5,1fr); gap:10px; }
.urungrupkart { width:100%; display:block; color:#171719; text-decoration:none; }
.urungrupgorsel { width:100%; height:373px; overflow:hidden; border-radius:5px; background:#eaeaea; }
.urungrupgorsel img { width:100%; height:100%; display:block; object-fit:cover; object-position:center center; transition:transform .65s ease,opacity .35s ease; }
.urungrupkart:hover .urungrupgorsel img { transform:scale(1.025); opacity:.94; }
.urungrupmetin { padding-top:12px; }
.urungrupmetin h3 { margin:0 0 2px; color:#171719; font-size:15px; line-height:20px; font-weight:500; transition:color .25s ease; }
.urungrupmetin span { display:block; color:#414145; font-size:12px; line-height:17px; font-weight:500; }
.urungrupkart:hover .urungrupmetin h3 { color:#E3000F; }

@media (max-width:1450px) {
.anasayfaurungrup { padding-top:80px; }
.anasayfaurungrupbaslik { margin-bottom:34px; }
.urungrupgorsel { height:340px; }
.urungrupmetin h3 { font-size:14px; }
}

@media (max-width:1100px) {
.anasayfaurungrup { padding:70px 0 35px; }
.anasayfaurungrupliste { grid-template-columns:repeat(3,1fr); gap:25px 12px; }
.urungrupgorsel { height:360px; }
}

@media (max-width:768px) {
.anasayfaurungrup { padding:55px 0 30px; }
.anasayfaurungrupbaslik { margin-bottom:28px; }
.anasayfaurungrupbaslik:before { width:80px; }
.anasayfaurungrupbaslik h2 { font-size:25px; line-height:31px; }
.anasayfaurungrupliste { grid-template-columns:repeat(2,1fr); }
.urungrupgorsel { height:350px; }
}

@media (max-width:576px) {
.anasayfaurungrup { padding-top:45px; }
.anasayfaurungrupbaslik:before { display:none; }
.anasayfaurungrupbaslik h2 { font-size:23px; }
.anasayfaurungrupliste { grid-template-columns:1fr; gap:25px; }
.urungrupgorsel { height:380px; }
}


.altbilgi { width:100%; height:430px; position:relative; overflow:hidden; padding:112px 0 20px; background:#171719; color:#fff; }
.altbilgi:before { content:none; display:none; }

.altbilgiicerik { width:100%; height:260px; position:relative; z-index:2; display:grid; grid-template-columns:1fr 110px 180px 245px; gap:48px; align-items:start; }

.altbilgisol { width:100%; }
.altbilgilogoalan { display:flex; align-items:center; }
.altbilgilogo { display:block; flex-shrink:0; }
.altbilgilogo img { width:145px; height:auto; display:block; }
.altbilgifirma { margin-left:16px; padding-left:14px; border-left:1px solid rgba(255,255,255,.45); }
.altbilgifirma strong { display:block; margin:0 0 2px; color:#fff; font-size:17px; line-height:20px; font-weight:600; }
.altbilgifirma span { display:block; color:rgba(255,255,255,.92); font-size:16px; line-height:20px; font-weight:500; }
.altbilgiaciklama { width:520px; margin:29px 0 0; color:rgba(255,255,255,.85); font-size:12px; line-height:23px; font-weight:500; }

.altbilgikolon { padding-top:37px; }
.altbilgikolon h4 { margin:0 0 23px; color:#fff; font-size:13px; line-height:18px; font-weight:500; }
.altbilgilinkler { display:flex; flex-direction:column; align-items:flex-start; gap:5px; }
.altbilgilinkler a { color:rgba(255,255,255,.90); font-size:13px; line-height:17px; font-weight:500; text-decoration:none; transition:color .25s ease; }
.altbilgilinkler a:hover { color:#E3000F; }

.altbilgiiletisim { display:flex; flex-direction:column; align-items:flex-start; gap:5px; }
.altbilgiiletisim p { margin:0; color:rgba(255,255,255,.90); font-size:12px; line-height:18px; font-weight:500; }
.altbilgiiletisim a { color:rgba(255,255,255,.90); font-size:12px; line-height:18px; font-weight:500; text-decoration:none; transition:color .25s ease; }
.altbilgiiletisim a:hover { color:#E3000F; }

.altbilgialt { width:100%; position:relative; z-index:2; padding-top:19px; border-top:1px solid rgba(255,255,255,.15); }
.altbilgialticerik { width:100%; display:flex; align-items:center; justify-content:space-between; gap:30px; }
.altbilgitelif { margin:0; color:rgba(255,255,255,.80); font-size:12px; line-height:17px; font-weight:500; }

.webtasarim { display:flex; align-items:center; gap:7px; color:rgba(255,255,255,.88); font-size:12px; line-height:17px; font-weight:500; text-decoration:none; transition:opacity .25s ease; }
.webtasarim:hover { opacity:.75; color: #fff;}
.webtasarimkalp { width:14px; height:14px; display:block; object-fit:contain; }
.webtasarimlogo { width:75px; height:auto; display:block; }

@media (max-width:1450px) {
.altbilgiicerik { grid-template-columns:1fr 105px 175px 220px; gap:35px; }
.altbilgiaciklama { width:470px; }
}

@media (max-width:1100px) {
.altbilgi { height:auto; padding:75px 0 25px; }
.altbilgi:before { width:650px; height:330px; top:45px; }
.altbilgiicerik { height:auto; grid-template-columns:1fr 1fr 1fr; gap:45px 30px; }
.altbilgisol { grid-column:1 / -1; }
.altbilgiaciklama { width:570px; max-width:100%; }
.altbilgikolon { padding-top:0; }
.altbilgialt { margin-top:60px; }
}

@media (max-width:768px) {
.altbilgi { padding:60px 0 22px; }
.altbilgi:before { width:560px; height:300px; opacity:.04; }
.altbilgiicerik { grid-template-columns:1fr 1fr; }
.altbilgilogo img { width:130px; }
.altbilgifirma strong { font-size:15px; }
.altbilgifirma span { font-size:14px; }
.altbilgialt { margin-top:50px; }
.altbilgialticerik { flex-direction:column; align-items:flex-start; gap:15px; }
}

@media (max-width:576px) {
.altbilgi { padding:48px 0 20px; }
.altbilgi:before { width:470px; height:260px; top:100px; }
.altbilgiicerik { grid-template-columns:1fr; gap:30px; }
.altbilgilogo img { width:115px; }
.altbilgifirma { margin-left:12px; padding-left:12px; }
.altbilgifirma strong { font-size:14px; line-height:18px; }
.altbilgifirma span { font-size:12px; line-height:17px; }
.altbilgiaciklama { margin-top:24px; font-size:12px; line-height:20px; }
.altbilgikolon h4 { margin-bottom:15px; }
.altbilgialt { margin-top:40px; }
}


.icsayfaust { width:100%; height:320px; position:relative; overflow:hidden; background:#171719 url("tema/img/genel/icsayfa-ust.jpg") no-repeat center center; background-size:cover; }
.icsayfaust:before { content:""; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background:linear-gradient(90deg,rgba(23,23,25,.94) 0%,rgba(23,23,25,.76) 42%,rgba(23,23,25,.42) 72%,rgba(23,23,25,.28) 100%); }
.icsayfaust:after { content:none; display:none; }
.icsayfausticerik { width:100%; height:320px; position:relative; z-index:4; display:flex; flex-direction:column; justify-content:flex-end; padding-bottom:48px; }
.icsayfaustust { display:flex; align-items:center; gap:10px; margin-bottom:10px; }
.icsayfaustcizgi { width:43px; height:2px; flex-shrink:0; background:#E3000F; }
.icsayfaustust span { color:rgba(255,255,255,.72); font-size:12px; line-height:17px; font-weight:500; letter-spacing:.1px; }
.icsayfaust h1 { margin:0; color:#fff; font-size:36px; line-height:43px; font-weight:400; letter-spacing:-.6px; }
.icsayfayol { margin-top:15px; display:flex; align-items:center; flex-wrap:wrap; gap:9px; }
.icsayfayol a { color:rgba(255,255,255,.64); font-size:12px; line-height:17px; font-weight:500; text-decoration:none; transition:color .25s ease; }
.icsayfayol a:hover { color:#E3000F; }
.icsayfayol i { width:4px; height:4px; display:block; border-radius:50%; background:#E3000F; }
.icsayfayol span { color:#fff; font-size:12px; line-height:17px; font-weight:500; }

@media (max-width:1450px) {
.icsayfaust { height:300px; }
.icsayfausticerik { height:300px; padding-bottom:43px; }
.icsayfaust:after { width:560px; height:290px; }
.icsayfaust h1 { font-size:33px; line-height:40px; }
}

@media (max-width:1100px) {
.icsayfaust { height:280px; }
.icsayfausticerik { height:280px; padding-bottom:38px; }
.icsayfaust:after { width:500px; right:-30px; }
.icsayfaust h1 { font-size:31px; line-height:37px; }
}

@media (max-width:768px) {
.icsayfaust { height:255px; background-position:62% center; }
.icsayfaust:before { background:linear-gradient(90deg,rgba(23,23,25,.95) 0%,rgba(23,23,25,.78) 62%,rgba(23,23,25,.54) 100%); }
.icsayfaust:after { width:430px; height:250px; right:-100px; }
.icsayfausticerik { height:255px; padding-bottom:32px; }
.icsayfaust h1 { font-size:28px; line-height:34px; }
}

@media (max-width:576px) {
.icsayfaust { height:235px; }
.icsayfausticerik { height:235px; padding-bottom:28px; }
.icsayfaust:after { width:370px; right:-135px; opacity:.035; }
.icsayfaustust { margin-bottom:8px; }
.icsayfaustcizgi { width:32px; }
.icsayfaustust span { font-size:11px; }
.icsayfaust h1 { font-size:25px; line-height:30px; }
.icsayfayol { margin-top:12px; }
.icsayfayol a,.icsayfayol span { font-size:11px; }
}



.ichakkimizda { width:100%; padding:85px 0 95px; background:#fff; }
.ichakkimizdaicerik { width:100%; display:grid; grid-template-columns:1.05fr .95fr; gap:75px; align-items:center; }
.ichakkimizdametin { width:100%; max-width:720px; }
.ichakkimizdaustbaslik { display:flex; align-items:center; gap:12px; margin-bottom:13px; }
.ichakkimizdacizgi { width:42px; height:2px; background:#E3000F; flex-shrink:0; }
.ichakkimizdaustbaslik span { color:#414145; font-size:12px; line-height:17px; font-weight:400; }
.ichakkimizdametin h2 { margin:0 0 27px; color:#171719; font-size:34px; line-height:1.3; font-weight:400; letter-spacing:-.5px; }
.ichakkimizdametin p { margin:0 0 20px; color:#414145; font-size:14px; line-height:1.8; font-weight:500; }
.ichakkimizdametin p:last-child { margin-bottom:0; }

.ichakkimizdagorsel { width:100%; height:500px; position:relative; overflow:hidden; border-radius:6px; background:#f3f3f3; }
.ichakkimizdagorsel img { width:100%; height:100%; display:block; object-fit:cover; object-position:center center; transition:transform .7s ease; }
.ichakkimizdagorsel:after { content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:linear-gradient(180deg,rgba(23,23,25,0) 55%,rgba(23,23,25,.13) 100%); pointer-events:none; }
.ichakkimizdagorsel:hover img { transform:scale(1.025); }

@media (max-width:1450px) {
.ichakkimizda { padding:75px 0 85px; }
.ichakkimizdaicerik { gap:60px; }
.ichakkimizdametin h2 { font-size:31px; }
.ichakkimizdagorsel { height:460px; }
}

@media (max-width:1100px) {
.ichakkimizda { padding:65px 0 75px; }
.ichakkimizdaicerik { grid-template-columns:1fr 1fr; gap:45px; }
.ichakkimizdametin h2 { font-size:28px; }
.ichakkimizdametin p { font-size:13px; line-height:1.75; }
.ichakkimizdagorsel { height:430px; }
}

@media (max-width:768px) {
.ichakkimizda { padding:55px 0 65px; }
.ichakkimizdaicerik { grid-template-columns:1fr; gap:35px; }
.ichakkimizdametin { max-width:100%; }
.ichakkimizdametin h2 { font-size:26px; margin-bottom:22px; }
.ichakkimizdagorsel { height:420px; }
}

@media (max-width:576px) {
.ichakkimizda { padding:45px 0 55px; }
.ichakkimizdaustbaslik { margin-bottom:10px; }
.ichakkimizdacizgi { width:32px; }
.ichakkimizdametin h2 { font-size:23px; line-height:1.3; }
.ichakkimizdametin p { font-size:13px; line-height:1.7; margin-bottom:17px; }
.ichakkimizdagorsel { height:340px; }
}


.urunliste { width:100%; padding:80px 0 95px; background:#fff; }
.urunlisteust { width:100%; margin-bottom:40px; }
.urunlistebaslik { width:100%; }
.urunlistebaslikust { display:flex; align-items:center; gap:12px; margin-bottom:11px; }
.urunlistecizgi { width:42px; height:2px; flex-shrink:0; background:#E3000F; }
.urunlistebaslikust span { color:#414145; font-size:12px; line-height:17px; font-weight:400; }
.urunlistebaslik h2 { margin:0; color:#171719; font-size:32px; line-height:1.25; font-weight:400; letter-spacing:-.5px; }

.urunlisteler { width:100%; display:grid; grid-template-columns:repeat(4,1fr); gap:38px 18px; }
.urunlistekart { width:100%; display:block; color:#171719; text-decoration:none; }
.urunlistegorsel { width:100%; height:350px; overflow:hidden; border:1px solid #f4f4f4; border-radius:5px; background:#f3f3f3; }
.urunlistegorsel img { width:100%; height:100%; display:block; object-fit:cover; object-position:center center; transition:transform .65s ease,opacity .3s ease; }
.urunlistekart:hover .urunlistegorsel img { transform:scale(1.025); opacity:.96; }

.urunlistekartmetin { width:100%; padding-top:14px; }
.urunlistekartmetin h3 { margin:0 0 4px; color:#171719; font-size:16px; line-height:21px; font-weight:500; transition:color .25s ease; }
.urunlistekartmetin span { display:block; color:#414145; font-size:12px; line-height:17px; font-weight:500; }
.urunlistekart:hover .urunlistekartmetin h3 { color:#E3000F; }

@media (max-width:1450px) {
.urunliste { padding:70px 0 85px; }
.urunlistebaslik h2 { font-size:30px; }
.urunlistegorsel { height:325px; }
}

@media (max-width:1100px) {
.urunliste { padding:65px 0 75px; }
.urunlisteler { grid-template-columns:repeat(2,1fr); gap:35px 16px; }
.urunlistegorsel { height:350px; }
}

@media (max-width:768px) {
.urunliste { padding:55px 0 65px; }
.urunlisteust { margin-bottom:32px; }
.urunlistebaslik h2 { font-size:27px; }
.urunlistegorsel { height:300px; }
}

@media (max-width:576px) {
.urunliste { padding:45px 0 55px; }
.urunlistecizgi { width:32px; }
.urunlistebaslik h2 { font-size:24px; }
.urunlisteler { grid-template-columns:1fr; gap:30px; }
.urunlistegorsel { height:330px; }
}




.urundetay { width:100%; padding:80px 0 95px; background:#fff; }
.urundetayicerik { width:100%; display:grid; grid-template-columns:1.08fr .92fr; gap:70px; align-items:start; }

.urundetaygorseller { width:100%; display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.urundetaygorsel { width:100%; height:330px; display:block; position:relative; overflow:hidden; border:1px solid #f4f4f4; border-radius:5px; background:#f3f3f3; cursor:zoom-in; }
.urundetaygorsel img { width:100%; height:100%; display:block; object-fit:cover; object-position:center center; transition:transform .65s ease,opacity .3s ease; }
.urundetaygorsel:hover img { transform:scale(1.025); opacity:.97; }

.urundetaybilgi { width:100%; padding-top:22px; }
.urundetaykategori { display:flex; align-items:center; gap:12px; margin-bottom:16px; }
.urundetaycizgi { width:42px; height:2px; flex-shrink:0; background:#E3000F; }
.urundetaykategori span { color:#414145; font-size:12px; line-height:17px; font-weight:400; }
.urundetaybilgi h1 { margin:0 0 29px; color:#171719; font-size:36px; line-height:1.2; font-weight:400; letter-spacing:-.6px; }
.urundetayaciklama { width:100%; max-width:620px; }
.urundetayaciklama p { margin:0 0 21px; color:#414145; font-size:14px; line-height:1.85; font-weight:500; }
.urundetayaciklama p:last-child { margin-bottom:0; }

@media (max-width:1450px) {
.urundetay { padding:70px 0 85px; }
.urundetayicerik { gap:55px; }
.urundetaygorsel { height:300px; }
.urundetaybilgi h1 { font-size:33px; }
}

@media (max-width:1100px) {
.urundetay { padding:65px 0 75px; }
.urundetayicerik { grid-template-columns:1fr 1fr; gap:40px; }
.urundetaygorsel { height:270px; }
.urundetaybilgi { padding-top:10px; }
.urundetaybilgi h1 { font-size:30px; }
.urundetayaciklama p { font-size:13px; line-height:1.75; }
}

@media (max-width:768px) {
.urundetay { padding:55px 0 65px; }
.urundetayicerik { grid-template-columns:1fr; gap:38px; }
.urundetaygorsel { height:300px; }
.urundetaybilgi { padding-top:0; }
.urundetaybilgi h1 { margin-bottom:23px; font-size:27px; }
.urundetayaciklama { max-width:100%; }
}

@media (max-width:576px) {
.urundetay { padding:45px 0 55px; }
.urundetaygorseller { grid-template-columns:1fr; gap:10px; }
.urundetaygorsel { height:320px; }
.urundetaycizgi { width:32px; }
.urundetaykategori { margin-bottom:12px; }
.urundetaybilgi h1 { font-size:24px; line-height:1.25; }
.urundetayaciklama p { font-size:13px; line-height:1.7; margin-bottom:18px; }
}






.projeliste { width:100%; padding:80px 0 95px; background:#fff; }
.projelisteust { width:100%; margin-bottom:40px; }
.projelistebaslik { width:100%; }
.projelistebaslikust { display:flex; align-items:center; gap:12px; margin-bottom:11px; }
.projelistecizgi { width:42px; height:2px; flex-shrink:0; background:#E3000F; }
.projelistebaslikust span { color:#414145; font-size:12px; line-height:17px; font-weight:400; }
.projelistebaslik h2 { margin:0; color:#171719; font-size:32px; line-height:1.25; font-weight:400; letter-spacing:-.5px; }

.projelisteler { width:100%; display:grid; grid-template-columns:repeat(3,1fr); gap:38px 18px; }
.projelistekart { width:100%; display:block; color:#171719; text-decoration:none; }
.projelistegorsel { width:100%; height:350px; overflow:hidden; border-radius:5px; background:#f3f3f3; }
.projelistegorsel img { width:100%; height:100%; display:block; object-fit:cover; object-position:center center; transition:transform .65s ease,opacity .3s ease; }
.projelistekart:hover .projelistegorsel img { transform:scale(1.025); opacity:.96; }

.projelistekartmetin { width:100%; padding-top:14px; }
.projelistekartmetin h3 { margin:0 0 4px; color:#171719; font-size:16px; line-height:21px; font-weight:500; transition:color .25s ease; }
.projelistekartmetin span { display:block; color:#414145; font-size:12px; line-height:17px; font-weight:500; }
.projelistekart:hover .projelistekartmetin h3 { color:#E3000F; }

@media (max-width:1450px) {
.projeliste { padding:70px 0 85px; }
.projelistebaslik h2 { font-size:30px; }
.projelistegorsel { height:325px; }
}

@media (max-width:1100px) {
.projeliste { padding:65px 0 75px; }
.projelisteler { grid-template-columns:repeat(2,1fr); gap:35px 16px; }
.projelistegorsel { height:350px; }
}

@media (max-width:768px) {
.projeliste { padding:55px 0 65px; }
.projelisteust { margin-bottom:32px; }
.projelistebaslik h2 { font-size:27px; }
.projelistegorsel { height:300px; }
}

@media (max-width:576px) {
.projeliste { padding:45px 0 55px; }
.projelistecizgi { width:32px; }
.projelistebaslik h2 { font-size:24px; }
.projelisteler { grid-template-columns:1fr; gap:30px; }
.projelistegorsel { height:330px; }
}


.projedetay { width:100%; padding:80px 0 95px; background:#fff; }
.projedetayicerik { width:100%; display:grid; grid-template-columns:1.35fr .65fr; gap:65px; align-items:start; }

.projedetaygorseller { width:100%; display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.projedetaygorsel { width:100%; height:330px; display:block; position:relative; overflow:hidden; border-radius:5px; background:#f3f3f3; cursor:zoom-in; }
.projedetaygorsel img { width:100%; height:100%; display:block; object-fit:cover; object-position:center center; transition:transform .65s ease,opacity .3s ease; }
.projedetaygorsel:hover img { transform:scale(1.025); opacity:.97; }

.projedetaybilgi { width:100%; padding-top:18px; position:sticky; top:35px; }
.projedetaykategori { display:flex; align-items:center; gap:12px; margin-bottom:14px; }
.projedetaycizgi { width:42px; height:2px; flex-shrink:0; background:#E3000F; }
.projedetaykategori span { color:#414145; font-size:12px; line-height:17px; font-weight:400; }
.projedetaybilgi h1 { margin:0 0 24px; color:#171719; font-size:34px; line-height:1.2; font-weight:400; letter-spacing:-.5px; }
.projedetayaciklama { width:100%; }
.projedetayaciklama p { margin:0 0 18px; color:#414145; font-size:14px; line-height:1.8; font-weight:500; }
.projedetayaciklama p:last-child { margin-bottom:0; }

@media (max-width:1450px) {
.projedetay { padding:70px 0 85px; }
.projedetayicerik { grid-template-columns:1.3fr .7fr; gap:50px; }
.projedetaygorsel { height:300px; }
.projedetaybilgi h1 { font-size:31px; }
}

@media (max-width:1100px) {
.projedetay { padding:65px 0 75px; }
.projedetayicerik { grid-template-columns:1.2fr .8fr; gap:40px; }
.projedetaygorsel { height:270px; }
.projedetaybilgi h1 { font-size:28px; }
.projedetayaciklama p { font-size:13px; line-height:1.75; }
}

@media (max-width:768px) {
.projedetay { padding:55px 0 65px; }
.projedetayicerik { grid-template-columns:1fr; gap:38px; }
.projedetaybilgi { position:relative; top:auto; padding-top:0; }
.projedetaygorsel { height:300px; }
.projedetaybilgi h1 { font-size:27px; margin-bottom:20px; }
}

@media (max-width:576px) {
.projedetay { padding:45px 0 55px; }
.projedetaygorseller { grid-template-columns:1fr; gap:10px; }
.projedetaygorsel { height:320px; }
.projedetaycizgi { width:32px; }
.projedetaybilgi h1 { font-size:24px; line-height:1.25; }
.projedetayaciklama p { font-size:13px; line-height:1.7; margin-bottom:17px; }
}


.indirmemerkezi { width:100%; padding:80px 0 95px; background:#fff; }
.indirmemerkeziust { width:100%; margin-bottom:40px; }
.indirmemerkezibaslikust { display:flex; align-items:center; gap:12px; margin-bottom:11px; }
.indirmemerkezicizgi { width:42px; height:2px; flex-shrink:0; background:#E3000F; }
.indirmemerkezibaslikust span { color:#414145; font-size:12px; line-height:17px; font-weight:400; }
.indirmemerkeziust h2 { margin:0; color:#171719; font-size:32px; line-height:1.25; font-weight:400; letter-spacing:-.5px; }

.indirmemerkeziliste { width:100%; display:grid; grid-template-columns:repeat(3,1fr); gap:15px; }
.indirmekart { width:100%; min-height:150px; display:flex; flex-direction:column; justify-content:space-between; padding:24px 25px; border:1px solid #e4e4e4; border-radius:5px; background:#fff; color:#171719; text-decoration:none; transition:border-color .3s ease,background .3s ease; }
.indirmekartust { width:100%; display:flex; align-items:flex-start; justify-content:space-between; gap:20px; }
.indirmekartust h3 { margin:0; color:#171719; font-size:16px; line-height:22px; font-weight:500; transition:color .25s ease; }
.indirmekarttip { flex-shrink:0; color:#8b8b8e; font-size:11px; line-height:17px; font-weight:400; }
.indirmekartalt { width:100%; display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:32px; }
.indirmekartalt span { color:#414145; font-size:12px; line-height:17px; font-weight:500; }
.indirmekartindir { color:#E3000F !important; font-weight:500 !important; transition:color .25s ease; }
.indirmekart:hover { border-color:#E3000F; background:#fafafa; }
.indirmekart:hover .indirmekartust h3 { color:#E3000F; }
.indirmekart:hover .indirmekartindir { color:#171719 !important; }

@media (max-width:1450px) {
.indirmemerkezi { padding:70px 0 85px; }
.indirmemerkeziust h2 { font-size:30px; }
}

@media (max-width:1100px) {
.indirmemerkezi { padding:65px 0 75px; }
.indirmemerkeziliste { grid-template-columns:repeat(2,1fr); }
}

@media (max-width:768px) {
.indirmemerkezi { padding:55px 0 65px; }
.indirmemerkeziust { margin-bottom:32px; }
.indirmemerkeziust h2 { font-size:27px; }
.indirmekart { padding:22px; }
}

@media (max-width:576px) {
.indirmemerkezi { padding:45px 0 55px; }
.indirmemerkezicizgi { width:32px; }
.indirmemerkeziust h2 { font-size:24px; }
.indirmemerkeziliste { grid-template-columns:1fr; gap:10px; }
.indirmekart { min-height:140px; }
}


.iletisim { width:100%; padding:80px 0 95px; background:#fff; }
.iletisimicerik { width:100%; display:grid; grid-template-columns:.72fr 1.28fr; gap:80px; align-items:start; }

.iletisimsol { width:100%; padding-top:5px; }
.iletisimbaslikust { display:flex; align-items:center; gap:12px; margin-bottom:12px; }
.iletisimcizgi { width:42px; height:2px; flex-shrink:0; background:#E3000F; }
.iletisimbaslikust span { color:#414145; font-size:12px; line-height:17px; font-weight:400; }
.iletisimsol h2 { margin:0 0 17px; color:#171719; font-size:32px; line-height:1.25; font-weight:400; letter-spacing:-.5px; }
.iletisimsolaciklama { max-width:430px; margin:0 0 38px; color:#414145; font-size:14px; line-height:1.75; font-weight:500; }

.iletisimbilgiler { width:100%; border-top:1px solid #e5e5e5; }
.iletisimbilgi { width:100%; padding:20px 0; border-bottom:1px solid #e5e5e5; }
.iletisimbilgi span { display:block; margin-bottom:6px; color:#8a8a8d; font-size:11px; line-height:16px; font-weight:400; text-transform:uppercase; }
.iletisimbilgi strong { display:block; color:#171719; font-size:14px; line-height:21px; font-weight:400; }
.iletisimbilgi a { color:#171719; font-size:14px; line-height:21px; font-weight:400; text-decoration:none; transition:color .25s ease; }
.iletisimbilgi a:hover { color:#E3000F; }

.iletisimformalan { width:100%; padding:38px 40px 40px; border-radius:6px; background:#f6f6f6; }
.iletisimformalan h3 { margin:0 0 7px; color:#171719; font-size:24px; line-height:30px; font-weight:400; }
.iletisimformalan > p { margin:0 0 29px; color:#414145; font-size:13px; line-height:20px; font-weight:500; }

.iletisimform { width:100%; display:grid; grid-template-columns:1fr 1fr; gap:18px 16px; }
.formgrup { width:100%; }
.formgrup.tam { grid-column:1 / -1; }
.formgrup label { display:block; margin:0 0 7px; color:#414145; font-size:12px; line-height:17px; font-weight:400; }
.formgrup input,.formgrup select,.formgrup textarea { width:100%; height:48px; padding:0 14px; border:1px solid #dedede; border-radius:4px; outline:0; background:#fff; color:#171719; font-size:13px; font-weight:500; transition:border-color .25s ease,box-shadow .25s ease; }
.formgrup textarea { height:130px; padding-top:13px; resize:none; }
.formgrup input:focus,.formgrup select:focus,.formgrup textarea:focus { border-color:#E3000F; box-shadow:0 0 0 2px rgba(227,0,15,.05); }

.iletisimgonder { height:46px; position:relative; overflow:hidden; display:inline-flex; align-items:center; justify-content:center; grid-column:1 / -1; justify-self:start; margin-top:3px; padding:0 28px; border:0; border-radius:5px; background:#E3000F; color:#fff; font-size:13px; line-height:18px; font-weight:500; cursor:pointer; transition:background .3s ease; }
.iletisimgonder:before { content:""; position:absolute; left:-80px; top:-20px; width:42px; height:85px; background:rgba(255,255,255,.18); transform:rotate(20deg); transition:left .5s ease; }
.iletisimgonder span { position:relative; z-index:2; }
.iletisimgonder:hover { background:#171719; }
.iletisimgonder:hover:before { left:120%; }

.formtuzak { width:1px !important; height:1px !important; position:absolute !important; left:-10000px !important; overflow:hidden !important; opacity:0 !important; pointer-events:none !important; }
.formbildirim { width:100%; margin:0 0 22px; padding:13px 15px; border:1px solid transparent; border-radius:4px; font-size:13px; line-height:19px; }
.formbildirim.basarili { border-color:#b9dec4; background:#edf8f0; color:#207439; }
.formbildirim.hata { border-color:#efb9bd; background:#fff0f1; color:#a41822; }

.iletisimkonum { width:100%; height:340px; margin-top:65px; overflow:hidden; border-radius:6px; background:#f2f2f2; }
.iletisimkonum iframe { width:100%; height:100%; display:block; border:0; }

@media (max-width:1450px) {
.iletisim { padding:70px 0 85px; }
.iletisimicerik { grid-template-columns:.75fr 1.25fr; gap:60px; }
.iletisimsol h2 { font-size:30px; }
.iletisimformalan { padding:34px 35px 36px; }
}

@media (max-width:1100px) {
.iletisim { padding:65px 0 75px; }
.iletisimicerik { grid-template-columns:1fr 1.25fr; gap:42px; }
.iletisimformalan { padding:30px; }
.iletisimkonum { height:320px; margin-top:55px; }
}

@media (max-width:768px) {
.iletisim { padding:55px 0 65px; }
.iletisimicerik { grid-template-columns:1fr; gap:40px; }
.iletisimsol h2 { font-size:27px; }
.iletisimsolaciklama { max-width:100%; margin-bottom:30px; }
.iletisimformalan { padding:28px; }
.iletisimkonum { height:300px; margin-top:45px; }
}

@media (max-width:576px) {
.iletisim { padding:45px 0 55px; }
.iletisimcizgi { width:32px; }
.iletisimsol h2 { font-size:24px; }
.iletisimformalan { padding:24px 20px; }
.iletisimformalan h3 { font-size:21px; }
.iletisimform { grid-template-columns:1fr; gap:15px; }
.formgrup.tam { grid-column:auto; }
.iletisimgonder { grid-column:auto; width:100%; }
.iletisimkonum { height:270px; margin-top:35px; }
}


/* TEKLIF POPUP */
body.teklifpopupacik { overflow:hidden; }

/* SABIT WHATSAPP */
.whatsapp-sabit { position:fixed; right:24px; bottom:24px; z-index:950; display:flex; align-items:center; justify-content:center; color:#fff; text-decoration:none; isolation:isolate; }
.whatsapp-sabit:before { content:""; width:60px; height:60px; position:absolute; inset:0; z-index:-1; border-radius:50%; background:rgba(37,211,102,.28); animation:whatsapp-nabiz 2.2s ease-out infinite; }
.whatsapp-sabit-ikon { width:60px; height:60px; display:flex; align-items:center; justify-content:center; border:1px solid rgba(255,255,255,.28); border-radius:50%; background:linear-gradient(145deg,#2ce06e,#1eaf57); box-shadow:0 12px 30px rgba(20,126,62,.32),0 3px 9px rgba(0,0,0,.15); transition:transform .25s ease,box-shadow .25s ease; }
.whatsapp-sabit-ikon svg { width:31px; height:31px; display:block; fill:none; stroke:#fff; stroke-width:1.65; stroke-linecap:round; stroke-linejoin:round; }
.whatsapp-sabit-ikon svg path:last-child { fill:#fff; stroke:none; }
.whatsapp-sabit-yazi { position:absolute; right:calc(100% + 12px); top:50%; padding:9px 13px; border-radius:5px; background:#171719; box-shadow:0 8px 24px rgba(0,0,0,.18); color:#fff; font-size:12px; line-height:16px; font-weight:400; white-space:nowrap; opacity:0; visibility:hidden; transform:translate(8px,-50%); transition:opacity .22s ease,visibility .22s ease,transform .22s ease; }
.whatsapp-sabit-yazi:after { content:""; position:absolute; right:-5px; top:50%; width:10px; height:10px; background:#171719; transform:translateY(-50%) rotate(45deg); }
.whatsapp-sabit:hover,.whatsapp-sabit:focus { color:#fff; text-decoration:none; outline:0; }
.whatsapp-sabit:hover .whatsapp-sabit-ikon,.whatsapp-sabit:focus-visible .whatsapp-sabit-ikon { transform:translateY(-3px) scale(1.04); box-shadow:0 16px 34px rgba(20,126,62,.38),0 4px 10px rgba(0,0,0,.17); }
.whatsapp-sabit:hover .whatsapp-sabit-yazi,.whatsapp-sabit:focus-visible .whatsapp-sabit-yazi { opacity:1; visibility:visible; transform:translate(0,-50%); }
.whatsapp-sabit:focus-visible .whatsapp-sabit-ikon { outline:3px solid rgba(37,211,102,.3); outline-offset:4px; }
@keyframes whatsapp-nabiz { 0% { opacity:.85; transform:scale(1); } 70%,100% { opacity:0; transform:scale(1.45); } }

@media (max-width:576px) {
.whatsapp-sabit { right:15px; bottom:15px; }
.whatsapp-sabit:before,.whatsapp-sabit-ikon { width:54px; height:54px; }
.whatsapp-sabit-ikon svg { width:28px; height:28px; }
.whatsapp-sabit-yazi { display:none; }
}

.teklifpopup { width:100%; height:100%; position:fixed; left:0; top:0; z-index:1000; display:flex; align-items:center; justify-content:center; padding:25px; opacity:0; visibility:hidden; pointer-events:none; transition:opacity .3s ease,visibility .3s ease; }
.teklifpopup.acik,.teklifpopup:target { opacity:1; visibility:visible; pointer-events:auto; }
.teklifpopupgolge { width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(10,10,12,.78); backdrop-filter:blur(3px); }
.teklifpopupicerik { width:100%; max-width:790px; max-height:calc(100vh - 50px); position:relative; z-index:2; overflow-y:auto; padding:38px 40px 40px; border-radius:7px; background:#f6f6f6; box-shadow:0 24px 70px rgba(0,0,0,.32); transform:translateY(18px); transition:transform .3s ease; }
.teklifpopup.acik .teklifpopupicerik,.teklifpopup:target .teklifpopupicerik { transform:translateY(0); }
.teklifpopupkapat { width:34px; height:34px; position:absolute; right:18px; top:18px; display:block; border-radius:50%; background:#fff; color:#171719; transition:background .25s ease; }
.teklifpopupkapat span { width:15px; height:1px; position:absolute; left:10px; top:17px; display:block; background:#171719; }
.teklifpopupkapat span:first-child { transform:rotate(45deg); }
.teklifpopupkapat span:last-child { transform:rotate(-45deg); }
.teklifpopupkapat:hover { background:#e8e8e8; }
.teklifpopupust { padding-right:45px; margin-bottom:26px; }
.teklifpopupust > span { display:block; margin-bottom:8px; color:#E3000F; font-size:11px; line-height:16px; font-weight:500; text-transform:uppercase; letter-spacing:.25px; }
.teklifpopupust h2 { margin:0 0 8px; color:#171719; font-size:30px; line-height:1.25; font-weight:400; letter-spacing:-.45px; }
.teklifpopupust p { margin:0; color:#414145; font-size:13px; line-height:20px; font-weight:500; }
.teklifform { width:100%; position:relative; display:grid; grid-template-columns:1fr 1fr; gap:17px 16px; }
.teklifform .iletisimgonder { grid-column:1 / -1; }

@media (max-width:768px) {
.teklifpopup { padding:16px; }
.teklifpopupicerik { max-height:calc(100vh - 32px); padding:32px 28px 30px; }
.teklifpopupust h2 { font-size:27px; }
}

@media (max-width:576px) {
.teklifpopup { padding:10px; }
.teklifpopupicerik { max-height:calc(100vh - 20px); padding:27px 20px 22px; }
.teklifpopupkapat { right:12px; top:12px; }
.teklifpopupust { padding-right:34px; margin-bottom:22px; }
.teklifpopupust h2 { font-size:23px; }
.teklifform { grid-template-columns:1fr; gap:14px; }
.teklifform .formgrup.tam,.teklifform .iletisimgonder { grid-column:auto; }
.teklifform .iletisimgonder { width:100%; }
}


/* IKI YONLU SCROLL REVEAL */
.js-scroll-reveal {
    opacity:0;
    transform:translate3d(0,34px,0);
    transition:opacity .62s ease,transform .72s cubic-bezier(.22,.72,.24,1);
    transition-delay:var(--reveal-delay,0ms);
    will-change:opacity,transform;
}
.js-scroll-reveal.scroll-reveal-ustte { transform:translate3d(0,-28px,0); }
.js-scroll-reveal.scroll-reveal-gorunur { opacity:1; transform:translate3d(0,0,0); will-change:auto; }

/* BOS ICERIK BILDIRIMI */
.bosicerik { width:100%; grid-column:1 / -1; padding:58px 25px; border:1px solid #ededed; border-radius:6px; background:#fafafa; text-align:center; }
.bosicerikikon { width:42px; height:42px; margin:0 auto 16px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:#E3000F; color:#fff; font-size:20px; line-height:1; font-weight:500; }
.bosicerik h3 { margin:0 0 7px; color:#171719; font-size:20px; line-height:27px; font-weight:500; }
.bosicerik p { margin:0; color:#67676b; font-size:13px; line-height:20px; font-weight:500; }

@media (max-width:576px) {
.bosicerik { padding:42px 18px; }
.bosicerikikon { width:38px; height:38px; margin-bottom:14px; font-size:18px; }
.bosicerik h3 { font-size:17px; line-height:23px; }
.bosicerik p { font-size:12px; line-height:18px; }
}


/* MOBIL MENU */
.mobilmenubuton,.mobilmenugolge { display:none; }

@media (max-width:1100px) {
body.mobilmenuacik { overflow:hidden; }
.ustmenusag { gap:12px; }
.mobilmenubuton { width:42px; height:42px; position:relative; z-index:45; flex:0 0 42px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; padding:0; border:1px solid rgba(255,255,255,.78); border-radius:5px; background:rgba(23,23,25,.18); cursor:pointer; }
.mobilmenubuton span { width:19px; height:1px; display:block; background:#fff; transition:transform .28s ease,opacity .2s ease; }
.mobilmenuacik .mobilmenubuton span:first-child { transform:translateY(6px) rotate(45deg); }
.mobilmenuacik .mobilmenubuton span:nth-child(2) { opacity:0; }
.mobilmenuacik .mobilmenubuton span:last-child { transform:translateY(-6px) rotate(-45deg); }
.ustmenunav { width:min(380px,88vw); height:100vh; position:fixed; right:0; top:0; z-index:44; display:flex; flex-direction:column; align-items:stretch; gap:2px; overflow-y:auto; padding:92px 28px 34px; background:#171719; box-shadow:-18px 0 45px rgba(0,0,0,.28); visibility:hidden; transform:translateX(105%); transition:transform .34s cubic-bezier(.22,.72,.24,1),visibility .34s ease; }
.mobilmenuacik .ustmenunav { visibility:visible; transform:translateX(0); }
.ustmenunav > a,.ustmenudropdownbaslik { padding:12px 0 !important; border-bottom:1px solid rgba(255,255,255,.10); font-size:15px !important; line-height:20px !important; }
.ustmenunav a:before { display:none; }
.ustmenudropdownbaslik:after { display:none; }
.ustmenudropdownmenu { width:100%; position:relative; left:auto; top:auto; padding:5px 0 8px 13px; border-radius:0; background:transparent; box-shadow:none; opacity:1; visibility:visible; transform:none; }
.ustmenudropdown:hover .ustmenudropdownmenu,.ustmenudropdown:focus-within .ustmenudropdownmenu { transform:none; }
.ustmenudropdownmenu:before { display:none; }
.ustmenudropdownmenu a { padding:7px 0; color:rgba(255,255,255,.70); font-size:12px; line-height:17px; }
.ustmenudropdownmenu a:hover,.ustmenudropdownmenu a:focus { color:#fff; background:transparent; }
.mobilmenugolge { width:100%; height:100%; position:fixed; left:0; top:0; z-index:43; border:0; padding:0; background:rgba(10,10,12,.62); opacity:0; visibility:hidden; transition:opacity .3s ease,visibility .3s ease; }
.mobilmenuacik .mobilmenugolge { display:block; opacity:1; visibility:visible; }
}

@media (max-width:576px) {
.anasayfaasamaicerik { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.asamakart { height:280px; }
.asamakarticerik { padding:17px 14px; }
.asamanumara { font-size:16px; line-height:19px; }
.asamabilgi { margin-top:28px; }
.asamaikon { width:27px; height:27px; margin-bottom:11px; }
.asamaikon img { max-width:27px; max-height:27px; }
.asamabilgi h3 { margin-bottom:6px; font-size:12px; line-height:16px; }
.asamabilgi p { font-size:11px; line-height:15px; }
.anasayfaurungrupliste { grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 9px; }
.urungrupgorsel { height:220px; }
.urungrupmetin { padding-top:9px; }
.urungrupmetin h3 { font-size:13px; line-height:17px; }
.urungrupmetin span { font-size:11px; line-height:15px; }
.urunlisteler,.projelisteler { grid-template-columns:repeat(2,minmax(0,1fr)); gap:25px 9px; }
.urunlistegorsel,.projelistegorsel { height:210px; }
.urunlistekartmetin,.projelistekartmetin { padding-top:10px; }
.urunlistekartmetin h3,.projelistekartmetin h3 { font-size:13px; line-height:17px; }
.urunlistekartmetin span,.projelistekartmetin span { font-size:11px; line-height:15px; }
.ustmenunav { width:100%; padding:82px 22px 28px; }
}

@media (max-width:768px) {
.js-scroll-reveal { transform:translate3d(0,24px,0); transition-duration:.52s,.62s; }
.js-scroll-reveal.scroll-reveal-ustte { transform:translate3d(0,-20px,0); }
}

@media (prefers-reduced-motion:reduce) {
.whatsapp-sabit:before { animation:none; }
.js-scroll-reveal,
.js-scroll-reveal.scroll-reveal-ustte,
.js-scroll-reveal.scroll-reveal-gorunur { opacity:1; transform:none; transition:none; }
}