body {font-family: "Outfit", sans-serif; overflow-x: hidden; padding:0; background: #fff;}
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; }
textarea:focus, input:focus{outline: none;}
::-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;}


.container { max-width:1600px;}
.ustmenu {width:100%; height:98px; background:#fff; position:relative; z-index:99; overflow:visible;}
.ustmenu .container-fluid {padding-left:30px; padding-right:30px;}
.ustmenu #header {width:100%; height:98px; position:relative; display:flex; align-items:center; justify-content:center; overflow:visible;}

.ustmenu .ustmenusol {height:98px; position:absolute; left:0; top:0; z-index:20;}
.ustmenu .ustmenusol ul {height:98px; margin:0; padding:0; list-style:none; display:flex; align-items:center;}
.ustmenu .ustmenusol ul li {float:left; position:relative;}
.ustmenu .ustmenusol ul li a {height:98px; display:flex; align-items:center; font-size:14px; font-weight:600; color:#262626; text-decoration:none; padding:0 9px; letter-spacing:.1px; white-space:nowrap;}
.ustmenu .ustmenusol ul li:first-child a {padding-left:0;}
.ustmenu .ustmenusol ul li a img {width:9px; margin-left:6px; display:block;}
.ustmenu .ustmenusol ul li a:hover {color:#000; transition:all .35s;}

.ustmenu .ustmenusol ul li .submenu {width:205px; height:auto; position:absolute; left:0; top:98px; background:#fff; display:block; opacity:0; visibility:hidden; padding:8px 0; border:1px solid #f1f1f1; box-shadow:0 18px 38px rgba(0,0,0,.08); z-index:9999;}
.ustmenu .ustmenusol ul li .submenu li {width:100%; float:left;}
.ustmenu .ustmenusol ul li .submenu li a {width:100%; height:38px; display:flex; align-items:center; font-size:14px; font-weight:500; color:#262626; padding:0 16px; border-bottom:1px solid #f6f6f6;}
.ustmenu .ustmenusol ul li .submenu li:last-child a {border-bottom:0;}
.ustmenu .ustmenusol ul li .submenu li a:hover {background:#fafafa; color:#000; transition:all .35s;}
.ustmenu .ustmenusol ul li:hover .submenu {opacity:1; visibility:visible; transition:all .35s;}

.ustmenu .ustmenulogo {width:265px; height:98px; display:flex; align-items:center; justify-content:center; animation:logoGiris 1.1s ease both;}
.ustmenu .ustmenulogo a {display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden;}
.ustmenu .ustmenulogo a:after {content:""; width:42px; height:120%; position:absolute; left:-55px; top:-10%; background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.75),rgba(255,255,255,0)); transform:skewX(-18deg); animation:logoParlama 2.8s ease 1.2s infinite;}
.ustmenu .ustmenulogo img {max-width:265px; display:block;}

@keyframes logoGiris {
0% {opacity:0; transform:translateY(-18px) scale(.92);}
55% {opacity:1; transform:translateY(4px) scale(1.03);}
100% {opacity:1; transform:translateY(0) scale(1);}
}

@keyframes logoParlama {
0% {left:-60px; opacity:0;}
18% {opacity:1;}
38% {left:100%; opacity:0;}
100% {left:100%; opacity:0;}
}

.ustmenu .ustmenusag {height:98px; position:absolute; right:0; top:0; display:flex; align-items:center;}
.ustmenu .ustmenusag .ustikon {width:25px; height:98px; display:flex; align-items:center; justify-content:center; margin-left:21px; text-decoration:none; position:relative;}
.ustmenu .ustmenusag .ustikon img {width:23px; height:23px; display:block;}
.ustmenu .ustmenusag .sepetikon span {width:13px; height:13px; position:absolute; right:-4px; top:34px; background:#fff; border:1px solid #222; border-radius:50%; font-size:8px; font-weight:600; color:#222; display:flex; align-items:center; justify-content:center; line-height:13px;}

.ustmenu .mobilmenubuton {display:none;}

@media only screen and (max-width: 767px) {
.ustmenu {height:76px; min-height:76px; overflow:visible;}
.ustmenu .container-fluid {padding-left:15px; padding-right:15px;}
.ustmenu #header {height:76px; min-height:76px; justify-content:flex-start; position:relative;}
.ustmenu .ustmenulogo {width:190px; height:76px; justify-content:flex-start;}
.ustmenu .ustmenulogo img {max-width:190px;}
.ustmenu .ustmenusag {height:76px; right:58px;}
.ustmenu .ustmenusag .ustikon {width:22px; height:76px; margin-left:9px;}
.ustmenu .ustmenusag .ustikon img {width:20px; height:20px;}
.ustmenu .ustmenusag .sepetikon span {right:-5px; top:25px;}
.ustmenu .mobilmenubuton {width:38px; height:38px; display:flex; align-items:center; justify-content:center; position:absolute; right:0; top:19px; cursor:pointer;}
.ustmenu .mobilmenubuton img {width:24px; height:24px; display:block;}
.ustmenu .mobilmenubuton.aktif {background:#f7f7f7; border-radius:6px;}
.ustmenu .ustmenusol {width:100%; height:auto; position:absolute; left:0; top:76px; display:none; background:#fff; z-index:9999; border-top:1px solid #f1f1f1; padding:0 15px; box-shadow:0 12px 28px rgba(0,0,0,.06);}
.ustmenu .ustmenusol.aktif {display:block;}
.ustmenu .ustmenusol ul {width:100%; height:auto; display:block; float:left; background:#fff; margin:0; padding:0; list-style:none;}
.ustmenu .ustmenusol ul li {width:100%; float:left; display:block; margin:0; padding:0;}
.ustmenu .ustmenusol ul li a {width:100%; height:44px; display:flex; align-items:center; justify-content:space-between; font-size:13px; font-weight:600; color:#262626; padding:0; border-bottom:1px solid #f1f1f1; text-decoration:none;}
.ustmenu .ustmenusol ul li a img {width:9px; height:9px; margin-left:6px; display:block;}
.ustmenu .ustmenusol ul li .submenu {width:100%; height:auto; position:relative; left:auto; top:auto; float:left; opacity:1; visibility:visible; display:none; border:0; box-shadow:none; padding:0; margin:0; background:#fafafa;}
.ustmenu .ustmenusol ul li.acik .submenu {display:block;}
.ustmenu .ustmenusol ul li .submenu li {width:100%; float:left;}
.ustmenu .ustmenusol ul li .submenu li a {height:38px; font-size:13px; font-weight:400; padding:0 12px; background:#fafafa; color:#333;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.ustmenu {height:86px;}
.ustmenu .container-fluid {padding-left:20px; padding-right:20px;}
.ustmenu #header {height:86px;}
.ustmenu .ustmenusol {height:86px; left:0;}
.ustmenu .ustmenusol ul {height:86px;}
.ustmenu .ustmenusol ul li a {height:86px; font-size:12px; padding:0 5px;}
.ustmenu .ustmenusol ul li a img {width:8px; margin-left:4px;}
.ustmenu .ustmenusol ul li .submenu {top:86px;}
.ustmenu .ustmenusol ul li .submenu li a {height:36px; font-size:12px; padding:0 14px;}
.ustmenu .ustmenulogo {width:215px; height:86px;}
.ustmenu .ustmenulogo img {max-width:215px;}
.ustmenu .ustmenusag {height:86px; right:0;}
.ustmenu .ustmenusag .ustikon {height:86px; margin-left:10px;}
.ustmenu .ustmenusag .ustikon img {width:21px; height:21px;}
.ustmenu .ustmenusag .sepetikon span {top:29px;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ustmenu .container-fluid {padding-left:30px; padding-right:30px;}
.ustmenu .ustmenusol {left:0;}
.ustmenu .ustmenusol ul li a {font-size:13px; padding:0 6px;}
.ustmenu .ustmenulogo {width:245px;}
.ustmenu .ustmenulogo img {max-width:245px;}
.ustmenu .ustmenusag {right:0;}
.ustmenu .ustmenusag .ustikon {margin-left:13px;}
}



.anasayfaslider {width:calc(100% - 60px); height:750px; float:left; margin:8px 30px 0 30px; background:#191919; position:relative; overflow:hidden; border-radius:12px;}
.anasayfaslider .sliderliste {width:100%; height:750px; float:left; position:relative;}
.anasayfaslider .slideritem {width:100%; height:750px; position:absolute; left:0; top:0; opacity:0; visibility:hidden; transform:scale(1.04); transition:opacity .9s ease, visibility .9s ease, transform 1.4s ease;}
.anasayfaslider .slideritem.active {opacity:1; visibility:visible; transform:scale(1);}
.anasayfaslider .slideritem:before {content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:linear-gradient(90deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,.14) 45%,rgba(0,0,0,.12) 100%); z-index:2;}
.anasayfaslider .slideritem-varsayilan:before {content:none; display:none; background:none;}
.anasayfaslider .slideritem img {width:100%; height:100%; object-fit:cover; display:block;}

.anasayfaslider .slidericerik {width:800px; position:absolute; left:120px; top:50%; transform:translateY(-50%); z-index:5;}
.anasayfaslider .sliderbaslik {width:100%; float:left; font-size:48px; font-weight:600; color:#fff; line-height:58px; letter-spacing:.4px;}
.anasayfaslider .slidermetin {width:100%; float:left; font-size:17px; font-weight:400; color:rgba(255,255,255,.88); line-height:28px; margin-top:16px;}
.anasayfaslider .sliderbuton {width:auto; height:48px; float:left; display:flex; align-items:center; justify-content:center; font-size:13px; font-weight:600; color:#191919; text-decoration:none; background:#fff; padding:0 28px; margin-top:28px; border-radius:30px; transition:all .35s;}
.anasayfaslider .sliderbuton:hover {background:#191919; color:#fff; transition:all .35s;}
.anasayfaslider .slideritem-varsayilan .sliderbaslik {color:#191919;}
.anasayfaslider .slideritem-varsayilan .slidermetin {color:#4a4a4a;}
.anasayfaslider .slideritem-varsayilan .sliderbuton {background:#191919; color:#fff;}
.anasayfaslider .slideritem-varsayilan .sliderbuton:hover {background:#000; color:#fff;}

.anasayfaslider .sliderok {width:48px; height:48px; position:absolute; top:50%; transform:translateY(-50%); z-index:10; background:rgba(255,255,255,.92); border-radius:50%; display:flex; align-items:center; justify-content:center; cursor:pointer; transition:all .35s; box-shadow:0 14px 35px rgba(0,0,0,.14);}
.anasayfaslider .sliderok img {width:18px; height:18px; display:block;}
.anasayfaslider .sliderok:hover {background:#fff; transform:translateY(-50%) scale(1.06); transition:all .35s;}
.anasayfaslider .slideroksol {left:28px;}
.anasayfaslider .slideroksag {right:28px;}

.anasayfaslider .slidernoktalar {height:12px; position:absolute; left:50%; bottom:26px; transform:translateX(-50%); z-index:10; display:flex; align-items:center;}
.anasayfaslider .slidernoktalar span {width:8px; height:8px; display:block; background:rgba(255,255,255,.55); border-radius:50%; margin:0 5px; cursor:pointer; transition:all .35s;}
.anasayfaslider .slidernoktalar span.active {width:26px; background:#fff; border-radius:20px; transition:all .35s;}

@media only screen and (max-width: 767px) {
.anasayfaslider {width:calc(100% - 30px); height:430px; margin:8px 15px 0 15px; border-radius:10px;}
.anasayfaslider .sliderliste {height:430px;}
.anasayfaslider .slideritem {height:430px;}
.anasayfaslider .slideritem:before {background:linear-gradient(90deg,rgba(0,0,0,.58) 0%,rgba(0,0,0,.24) 100%);}
.anasayfaslider .slidericerik {width:calc(100% - 60px); left:30px;}
.anasayfaslider .sliderbaslik {font-size:30px; line-height:38px;}
.anasayfaslider .slidermetin {font-size:14px; line-height:23px; margin-top:12px;}
.anasayfaslider .sliderbuton {height:42px; font-size:12px; padding:0 22px; margin-top:22px;}
.anasayfaslider .sliderok {width:38px; height:38px;}
.anasayfaslider .sliderok img {width:15px; height:15px;}
.anasayfaslider .slideroksol {left:14px;}
.anasayfaslider .slideroksag {right:14px;}
.anasayfaslider .slidernoktalar {bottom:18px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.anasayfaslider {width:calc(100% - 40px); height:560px; margin:8px 20px 0 20px;}
.anasayfaslider .sliderliste {height:560px;}
.anasayfaslider .slideritem {height:560px;}
.anasayfaslider .slidericerik {width:430px; left:48px;}
.anasayfaslider .sliderbaslik {font-size:38px; line-height:48px;}
.anasayfaslider .slidermetin {font-size:15px; line-height:25px;}
.anasayfaslider .slideroksol {left:20px;}
.anasayfaslider .slideroksag {right:20px;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.anasayfaslider {height:620px;}
.anasayfaslider .sliderliste {height:620px;}
.anasayfaslider .slideritem {height:620px;}
.anasayfaslider .slidericerik {left:56px;}
}


.anasayfaonecikanlar {width:100%; float:left; padding:38px 0 56px 0; overflow:hidden;}
.anasayfaonecikanlar * {box-sizing:border-box;}
.anasayfaonecikanlar .anasayfabaslik {width:100%; float:left; font-size:26px; font-weight:500; color:#242424; line-height:34px; margin-bottom:50px;}

.anasayfaonecikanlar .onecikanslider {width:100%; float:left; position:relative; overflow:visible;}
.anasayfaonecikanlar .onecikanliste {width:100%; float:left; display:flex; gap:23px; overflow-x:auto; scroll-behavior:smooth; scrollbar-width:none; -ms-overflow-style:none;}
.anasayfaonecikanlar .onecikanliste::-webkit-scrollbar {display:none;}

.anasayfaonecikanlar .onecikanurun {width:calc((100% - 92px) / 5); min-width:calc((100% - 92px) / 5); float:left; background:#fff; border:1px solid #d2d2d2; border-radius:8px; padding:16px 17px 17px 17px; overflow:hidden;}
.anasayfaonecikanlar .onecikanurun:hover {border-color:#d2d2d2; transform:none; box-shadow:none;}

.anasayfaonecikanlar .onecikanurun .urunresim {width:100%; height:294px; float:left; display:block; background:#171717; border-radius:8px; overflow:hidden; position:relative; text-decoration:none;}
.anasayfaonecikanlar .onecikanurun .urunresim:before {content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,.18); opacity:0; visibility:hidden; z-index:2; transition:all .35s;}
.anasayfaonecikanlar .onecikanurun .urunresim:after {content:""; width:44px; height:44px; position:absolute; left:50%; top:50%; transform:translate(-50%,-35%); background:#fff url("../img/ikon/detay.svg") center center no-repeat; background-size:19px; border-radius:50%; opacity:0; visibility:hidden; z-index:3; transition:all .35s;}
.anasayfaonecikanlar .onecikanurun .urunresim img {width:100%; height:100%; object-fit:cover; display:block; transition:all .55s;}
.anasayfaonecikanlar .onecikanurun .urunresim:hover img {transform:scale(1.05); transition:all .55s;}
.anasayfaonecikanlar .onecikanurun .urunresim:hover:before {opacity:1; visibility:visible; transition:all .35s;}
.anasayfaonecikanlar .onecikanurun .urunresim:hover:after {opacity:1; visibility:visible; transform:translate(-50%,-50%); transition:all .35s;}

.anasayfaonecikanlar .onecikanurun .urunadi {width:100%; float:left; margin-top:21px;}
.anasayfaonecikanlar .onecikanurun .urunadi a {width:100%; float:left; font-size:14px; font-weight:400; color:#202020; line-height:19px; text-decoration:none; text-transform:uppercase; transition:all .35s;}
.anasayfaonecikanlar .onecikanurun .urunadi a:hover {color:#000; transition:all .35s;}

.anasayfaonecikanlar .onecikanurun .urunfiyat {width:100%; float:left; display:flex; align-items:center; margin-top:16px;}
.anasayfaonecikanlar .onecikanurun .urunfiyat span {font-size:14px; font-weight:400; color:#aaa; text-decoration:line-through; margin-right:12px;}
.anasayfaonecikanlar .onecikanurun .urunfiyat strong {font-size:18px; font-weight:600; color:#202020;}

.anasayfaonecikanlar .onecikanok {width:44px; height:44px; position:absolute; top:50%; transform:translateY(-50%); z-index:10; background:#fff; border:1px solid #ddd; border-radius:50%; display:flex; align-items:center; justify-content:center; cursor:pointer; box-shadow:0 14px 32px rgba(0,0,0,.10); transition:all .35s;}
.anasayfaonecikanlar .onecikanok img {width:16px; height:16px; display:block;}
.anasayfaonecikanlar .onecikanok:hover {background:#202020; border-color:#202020; transition:all .35s;}
.anasayfaonecikanlar .onecikanok:hover img {filter:brightness(0) invert(1);}
.anasayfaonecikanlar .oncekikaydir {left:-22px;}
.anasayfaonecikanlar .sonrakikaydir {right:-22px;}


@media only screen and (max-width: 767px) {
.anasayfaonecikanlar {padding:30px 0 36px 0;}
.anasayfaonecikanlar .anasayfabaslik {font-size:22px; line-height:30px; margin-bottom:26px;}
.anasayfaonecikanlar .onecikanliste {gap:14px;}
.anasayfaonecikanlar .onecikanurun {width:calc((100% - 14px) / 2); min-width:calc((100% - 14px) / 2); padding:10px; border-radius:7px;}
.anasayfaonecikanlar .onecikanurun .urunresim {height:190px; border-radius:7px;}
.anasayfaonecikanlar .onecikanurun .urunadi {margin-top:13px;}
.anasayfaonecikanlar .onecikanurun .urunadi a {font-size:12px; line-height:17px;}
.anasayfaonecikanlar .onecikanurun .urunfiyat {margin-top:10px; display:block;}
.anasayfaonecikanlar .onecikanurun .urunfiyat span {font-size:12px; margin-right:6px;}
.anasayfaonecikanlar .onecikanurun .urunfiyat strong {font-size:15px;}
.anasayfaonecikanlar .onecikanok {display:none;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.anasayfaonecikanlar {padding:34px 0 44px 0;}
.anasayfaonecikanlar .anasayfabaslik {font-size:24px; margin-bottom:34px;}
.anasayfaonecikanlar .onecikanliste {gap:18px;}
.anasayfaonecikanlar .onecikanurun {width:calc((100% - 36px) / 3); min-width:calc((100% - 36px) / 3);}
.anasayfaonecikanlar .onecikanurun .urunresim {height:240px;}
.anasayfaonecikanlar .oncekikaydir {left:-14px;}
.anasayfaonecikanlar .sonrakikaydir {right:-14px;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.anasayfaonecikanlar .onecikanliste {gap:18px;}
.anasayfaonecikanlar .onecikanurun {width:calc((100% - 54px) / 4); min-width:calc((100% - 54px) / 4);}
.anasayfaonecikanlar .onecikanurun .urunresim {height:255px;}
}



.anasayfabanner {width:calc(100% - 60px); float:left; margin:37px 30px 25px 30px; padding:0;}
.anasayfabanner .container-fluid {padding:0;}
.anasayfabanner .bannerkutu {width:100%; height:593px; float:left; display:block; background:#171717; border-radius:12px; overflow:hidden; position:relative; text-decoration:none;}
.anasayfabanner .bannerkutu img {width:100%; height:100%; object-fit:cover; display:block; border:0; outline:none; transition:all .75s;}
.anasayfabanner .bannerkutu:before {content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,.08); opacity:0; visibility:hidden; z-index:2; transition:all .45s;}
.anasayfabanner .bannerkutu:hover:before {opacity:1; visibility:visible; transition:all .45s;}
.anasayfabanner .bannerkutu:hover img {transform:scale(1.025); transition:all .75s;}

@media only screen and (max-width: 767px) {
.anasayfabanner {width:calc(100% - 30px); margin:25px 15px 18px 15px; padding:0;}
.anasayfabanner .container-fluid {padding:0;}
.anasayfabanner .bannerkutu {height:300px; border-radius:10px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.anasayfabanner {width:calc(100% - 40px); margin:30px 20px 22px 20px; padding:0;}
.anasayfabanner .container-fluid {padding:0;}
.anasayfabanner .bannerkutu {height:420px;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.anasayfabanner .bannerkutu {height:500px;}
}




.anasayfakategori {width:100%; float:left; padding:58px 0 54px 0; overflow:hidden;}
.anasayfakategori * {box-sizing:border-box;}

.anasayfakategori .kategorislider {width:100%; float:left; position:relative; overflow:visible;}
.anasayfakategori .kategoriliste {width:100%; float:left; display:flex; gap:12px; overflow-x:auto; scroll-behavior:smooth; scrollbar-width:none; -ms-overflow-style:none;}
.anasayfakategori .kategoriliste::-webkit-scrollbar {display:none;}

.anasayfakategori .kategorikutu {width:calc((100% - 36px) / 4); min-width:calc((100% - 36px) / 4); height:563px; float:left; display:block; background:#171717; border-radius:12px; overflow:hidden; position:relative; text-decoration:none;}
.anasayfakategori .kategorikutu img {width:100%; height:100%; object-fit:cover; display:block; border:0; outline:none; transition:all .75s;}
.anasayfakategori .kategorikutu:before {content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,.08); z-index:2; transition:all .45s;}
.anasayfakategori .kategorikutu:hover img {transform:scale(1.04); transition:all .75s;}
.anasayfakategori .kategorikutu:hover:before {background:rgba(0,0,0,.20); transition:all .45s;}

.anasayfakategori .kategoriadi {width:calc(100% - 32px); height:60px; position:absolute; left:16px; bottom:16px; background:#fff; border-radius:7px; z-index:5; display:flex; align-items:center; justify-content:center; font-size:18px; font-weight:600; color:#252525; letter-spacing:.2px; transition:all .35s;}
.anasayfakategori .kategorikutu:hover .kategoriadi {background:#252525; color:#fff; transition:all .35s;}

.anasayfakategori .kategoriok {width:44px; height:44px; position:absolute; top:50%; transform:translateY(-50%); z-index:10; background:#fff; border:1px solid #ddd; border-radius:50%; display:flex; align-items:center; justify-content:center; cursor:pointer; box-shadow:0 14px 32px rgba(0,0,0,.10); transition:all .35s;}
.anasayfakategori .kategoriok img {width:16px; height:16px; display:block;}
.anasayfakategori .kategoriok:hover {background:#202020; border-color:#202020; transition:all .35s;}
.anasayfakategori .kategoriok:hover img {filter:brightness(0) invert(1);}
.anasayfakategori .kategorigeri {left:-22px;}
.anasayfakategori .kategoriileri {right:-22px;}

@media only screen and (max-width: 767px) {
.anasayfakategori {padding:32px 0 34px 0;}
.anasayfakategori .kategoriliste {gap:12px;}
.anasayfakategori .kategorikutu {width:calc((100% - 12px) / 2); min-width:calc((100% - 12px) / 2); height:330px; border-radius:10px;}
.anasayfakategori .kategoriadi {width:calc(100% - 20px); height:48px; left:10px; bottom:10px; font-size:14px; border-radius:6px;}
.anasayfakategori .kategoriok {display:none;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.anasayfakategori {padding:42px 0 44px 0;}
.anasayfakategori .kategoriliste {gap:12px;}
.anasayfakategori .kategorikutu {width:calc((100% - 24px) / 3); min-width:calc((100% - 24px) / 3); height:420px;}
.anasayfakategori .kategoriadi {height:54px; font-size:16px;}
.anasayfakategori .kategorigeri {left:-14px;}
.anasayfakategori .kategoriileri {right:-14px;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.anasayfakategori .kategoriliste {gap:12px;}
.anasayfakategori .kategorikutu {width:calc((100% - 24px) / 3); min-width:calc((100% - 24px) / 3); height:500px;}
}



.anasayfaindirimli {width:100%; float:left; padding:28px 0 60px 0; overflow:hidden;}
.anasayfaindirimli * {box-sizing:border-box;}

.anasayfaindirimli .indirimlibaslik {width:100%; float:left; border-bottom:1px solid #cfcfcf; margin-bottom:50px;}
.anasayfaindirimli .indirimlibaslik h2 {width:100%; float:left; font-size:26px; font-weight:500; color:#242424; line-height:34px; margin:0 0 13px 0;}

.anasayfaindirimli .indirimlislider {width:100%; float:left; position:relative; overflow:visible;}
.anasayfaindirimli .indirimliliste {width:100%; float:left; display:flex; gap:23px; overflow-x:auto; scroll-behavior:smooth; scrollbar-width:none; -ms-overflow-style:none;}
.anasayfaindirimli .indirimliliste::-webkit-scrollbar {display:none;}

.anasayfaindirimli .indirimliurun {width:calc((100% - 92px) / 5); min-width:calc((100% - 92px) / 5); float:left; background:#fff; border:1px solid #d2d2d2; border-radius:8px; padding:16px 17px 17px 17px; overflow:hidden;}
.anasayfaindirimli .indirimliurun:hover {border-color:#d2d2d2; transform:none; box-shadow:none;}

.anasayfaindirimli .indirimliurun .urunresim {width:100%; height:294px; float:left; display:block; background:#171717; border-radius:8px; overflow:hidden; position:relative; text-decoration:none; outline:none; border:0;}
.anasayfaindirimli .indirimliurun .urunresim:before {content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,.18); opacity:0; visibility:hidden; z-index:2; transition:all .35s;}
.anasayfaindirimli .indirimliurun .urunresim:after {content:""; width:44px; height:44px; position:absolute; left:50%; top:50%; transform:translate(-50%,-35%); background:#fff url("../img/ikon/detay.svg") center center no-repeat; background-size:19px; border-radius:50%; opacity:0; visibility:hidden; z-index:3; transition:all .35s;}
.anasayfaindirimli .indirimliurun .urunresim img {width:100%; height:100%; object-fit:cover; display:block; border:0; outline:none; transition:all .55s;}
.anasayfaindirimli .indirimliurun .urunresim:hover img {transform:scale(1.05); transition:all .55s;}
.anasayfaindirimli .indirimliurun .urunresim:hover:before {opacity:1; visibility:visible; transition:all .35s;}
.anasayfaindirimli .indirimliurun .urunresim:hover:after {opacity:1; visibility:visible; transform:translate(-50%,-50%); transition:all .35s;}

.anasayfaindirimli .indirimliurun .urunadi {width:100%; float:left; margin-top:21px;}
.anasayfaindirimli .indirimliurun .urunadi a {width:100%; float:left; font-size:14px; font-weight:400; color:#202020; line-height:19px; text-decoration:none; text-transform:uppercase; transition:all .35s;}
.anasayfaindirimli .indirimliurun .urunadi a:hover {color:#000; transition:all .35s;}

.anasayfaindirimli .indirimliurun .urunfiyat {width:100%; float:left; display:flex; align-items:center; margin-top:16px;}
.anasayfaindirimli .indirimliurun .urunfiyat span {font-size:14px; font-weight:400; color:#aaa; text-decoration:line-through; margin-right:12px;}
.anasayfaindirimli .indirimliurun .urunfiyat strong {font-size:18px; font-weight:600; color:#202020;}

.anasayfaindirimli .indirimliok {width:44px; height:44px; position:absolute; top:50%; transform:translateY(-50%); z-index:10; background:#fff; border:1px solid #ddd; border-radius:50%; display:flex; align-items:center; justify-content:center; cursor:pointer; box-shadow:0 14px 32px rgba(0,0,0,.10); transition:all .35s;}
.anasayfaindirimli .indirimliok img {width:16px; height:16px; display:block;}
.anasayfaindirimli .indirimliok:hover {background:#202020; border-color:#202020; transition:all .35s;}
.anasayfaindirimli .indirimliok:hover img {filter:brightness(0) invert(1);}
.anasayfaindirimli .indirimligeri {left:-22px;}
.anasayfaindirimli .indirimliileri {right:-22px;}

@media only screen and (max-width: 767px) {
.anasayfaindirimli {padding:24px 0 32px 0;}
.anasayfaindirimli .indirimlibaslik {margin-bottom:28px;}
.anasayfaindirimli .indirimlibaslik h2 {font-size:22px; line-height:30px; margin-bottom:10px;}
.anasayfaindirimli .indirimliliste {gap:14px;}
.anasayfaindirimli .indirimliurun {width:calc((100% - 14px) / 2); min-width:calc((100% - 14px) / 2); padding:10px; border-radius:7px;}
.anasayfaindirimli .indirimliurun .urunresim {height:190px; border-radius:7px;}
.anasayfaindirimli .indirimliurun .urunadi {margin-top:13px;}
.anasayfaindirimli .indirimliurun .urunadi a {font-size:12px; line-height:17px;}
.anasayfaindirimli .indirimliurun .urunfiyat {margin-top:10px; display:block;}
.anasayfaindirimli .indirimliurun .urunfiyat span {font-size:12px; margin-right:6px;}
.anasayfaindirimli .indirimliurun .urunfiyat strong {font-size:15px;}
.anasayfaindirimli .indirimliok {display:none;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.anasayfaindirimli {padding:28px 0 36px 0;}
.anasayfaindirimli .indirimlibaslik {margin-bottom:34px;}
.anasayfaindirimli .indirimlibaslik h2 {font-size:24px;}
.anasayfaindirimli .indirimliliste {gap:18px;}
.anasayfaindirimli .indirimliurun {width:calc((100% - 36px) / 3); min-width:calc((100% - 36px) / 3);}
.anasayfaindirimli .indirimliurun .urunresim {height:240px;}
.anasayfaindirimli .indirimligeri {left:-14px;}
.anasayfaindirimli .indirimliileri {right:-14px;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.anasayfaindirimli .indirimliliste {gap:18px;}
.anasayfaindirimli .indirimliurun {width:calc((100% - 54px) / 4); min-width:calc((100% - 54px) / 4);}
.anasayfaindirimli .indirimliurun .urunresim {height:255px;}
}



.altbilgi {width:calc(100% - 60px); float:left; margin:12px 30px 30px 30px; background:#171717; border-radius:4px; overflow:hidden;}
.altbilgi * {box-sizing:border-box;}
.altbilgi .container-fluid {padding:0;}

.altbilgi .altbilgiust {width:100%; float:left; display:grid; grid-template-columns:repeat(5,1fr); gap:60px; padding:94px 130px 104px 130px;}
.altbilgi .altmenukutu {width:100%; float:left;}
.altbilgi .altiletisim {width:100%; float:left;}
.altbilgi .altlogo {width:100%; float:left; display:flex; align-items:flex-start; justify-content:center; padding-top:2px;}

.altbilgi .altbaslik {width:100%; float:left; font-size:14px; font-weight:600; color:#fff; line-height:20px; padding-bottom:9px; margin-bottom:18px; position:relative;}
.altbilgi .altbaslik:before {content:""; width:100%; height:1px; position:absolute; left:0; bottom:0; background:rgba(255,255,255,.65);}
.altbilgi .altbaslik:after {content:""; width:74px; height:1px; position:absolute; left:0; bottom:0; background:#fff;}

.altbilgi ul {width:100%; float:left; margin:0; padding:0; list-style:none;}
.altbilgi ul li {width:100%; float:left; margin-bottom:8px;}
.altbilgi ul li a {width:100%; float:left; font-size:14px; font-weight:400; color:rgba(255,255,255,.86); line-height:18px; text-decoration:none; transition:all .35s;}
.altbilgi ul li a:hover {color:#fff; padding-left:5px; transition:all .35s;}

.altbilgi .iletisimsatir {width:100%; float:left; display:flex; align-items:flex-start; margin-bottom:18px;}
.altbilgi .iletisimikon {width:28px; min-width:28px; height:28px; display:flex; align-items:center; justify-content:flex-start; margin-right:14px;}
.altbilgi .iletisimikon img {width:21px; height:21px; object-fit:contain; display:block; filter:brightness(0) invert(1);}
.altbilgi .iletisimyazi {width:100%; float:left;}
.altbilgi .iletisimyazi strong {width:100%; float:left; font-size:14px; font-weight:600; color:#fff; line-height:19px;}
.altbilgi .iletisimyazi span {width:100%; float:left; font-size:14px; font-weight:400; color:rgba(255,255,255,.88); line-height:19px;}

.altbilgi .altlogo img {width:225px; max-width:100%; display:block;}

.altbilgi .altbilgialt {width:100%; float:left; border-top:1px solid rgba(255,255,255,.06); padding:29px 135px 42px 135px; font-size:13px; font-weight:400; color:#fff; line-height:20px;}

@media only screen and (max-width: 767px) {
.altbilgi {width:calc(100% - 30px); margin:10px 15px 20px 15px;}
.altbilgi .container-fluid {padding:0;}
.altbilgi .altbilgiust {grid-template-columns:1fr; gap:24px; padding:34px 22px 34px 22px;}
.altbilgi .altbaslik {font-size:14px; margin-bottom:14px;}
.altbilgi ul li {margin-bottom:7px;}
.altbilgi ul li a {font-size:13px;}
.altbilgi .altlogo {justify-content:flex-start;}
.altbilgi .altlogo img {width:190px;}
.altbilgi .altbilgialt {padding:20px 22px 26px 22px; font-size:12px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.altbilgi {width:calc(100% - 40px); margin:10px 20px 24px 20px;}
.altbilgi .container-fluid {padding:0;}
.altbilgi .altbilgiust {grid-template-columns:repeat(2,1fr); gap:35px; padding:48px 40px 52px 40px;}
.altbilgi .altlogo {justify-content:flex-start;}
.altbilgi .altbilgialt {padding:24px 40px 30px 40px;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.altbilgi .altbilgiust {grid-template-columns:repeat(3,1fr); gap:42px; padding:58px 55px 62px 55px;}
.altbilgi .altlogo {justify-content:flex-start;}
.altbilgi .altbilgialt {padding:26px 55px 34px 55px;}
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.altbilgi .altbilgiust {grid-template-columns:repeat(5,1fr); gap:45px; padding:78px 90px 86px 90px;}
.altbilgi .altbilgialt {padding:28px 90px 38px 90px;}
}



.icsayfaust {width:calc(100% - 60px); float:left; margin:13px 30px 0 30px; padding:0;}
.icsayfaust .container-fluid {padding:0;}
.icsayfaust .icsayfaustkutu {width:100%; height:150px; float:left; background:#171717; border-radius:12px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center;}
.icsayfaust .icsayfaustkutu h1 {width:100%; float:left; font-size:16px; font-weight:600; color:#fff; line-height:24px; margin:0 0 6px 0; text-transform:uppercase;}
.icsayfaust .sayfayolu {width:100%; float:left; display:flex; align-items:center; justify-content:center; font-size:12px; font-weight:400; color:#fff; line-height:18px;}
.icsayfaust .sayfayolu a {font-size:12px; font-weight:400; color:#fff; line-height:18px; text-decoration:none; transition:all .35s;}
.icsayfaust .sayfayolu a:hover {color:#d7d7d7; transition:all .35s;}
.icsayfaust .sayfayolu span {font-size:12px; font-weight:400; color:#fff; line-height:18px; margin:0 4px;}
.icsayfaust .sayfayolu strong {font-size:12px; font-weight:600; color:#fff; line-height:18px;}

@media only screen and (max-width: 767px) {
.icsayfaust {width:calc(100% - 30px); margin:10px 15px 0 15px; padding:0;}
.icsayfaust .container-fluid {padding:0;}
.icsayfaust .icsayfaustkutu {height:105px; border-radius:10px; padding:0 20px;}
.icsayfaust .icsayfaustkutu h1 {font-size:13px; line-height:20px; margin-bottom:5px;}
.icsayfaust .sayfayolu {font-size:11px; line-height:17px; flex-wrap:wrap;}
.icsayfaust .sayfayolu a {font-size:11px; line-height:17px;}
.icsayfaust .sayfayolu span {font-size:11px; line-height:17px;}
.icsayfaust .sayfayolu strong {font-size:11px; line-height:17px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.icsayfaust {width:calc(100% - 40px); margin:10px 20px 0 20px; padding:0;}
.icsayfaust .container-fluid {padding:0;}
.icsayfaust .icsayfaustkutu {height:120px;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.icsayfaust {width:calc(100% - 60px); margin:12px 30px 0 30px; padding:0;}
.icsayfaust .container-fluid {padding:0;}
.icsayfaust .icsayfaustkutu {height:135px;}
}




.icsayfaurunler {width:calc(100% - 60px); float:left; margin:20px 30px 60px 30px; padding:0;}
.icsayfaurunler .container-fluid {padding:0;}
.icsayfaurunler * {box-sizing:border-box;}
.icsayfaurunler .icsayfaurunleric {width:100%; float:left; display:grid; grid-template-columns:300px 1fr; gap:50px; align-items:start;}

.icsayfasolmenu {width:100%; height:auto; align-self:start; float:left; border:1px solid #dfe3e8; border-radius:5px; padding:35px 25px 28px 25px;}
.icsayfasolmenu .solmenubaslik {width:100%; float:left; font-size:18px; font-weight:600; color:#30343b; line-height:24px; padding-bottom:12px; margin-bottom:17px; border-bottom:1px solid #e1e1e1;}
.icsayfasolmenu .filtrebaslik {margin-top:38px;}
.icsayfasolmenu ul {width:100%; float:left; margin:0; padding:0; list-style:none;}
.icsayfasolmenu ul li {width:100%; float:left; margin-bottom:5px;}
.icsayfasolmenu ul li a {width:100%; float:left; font-size:14px; font-weight:400; color:#30343b; line-height:18px; text-decoration:none; transition:all .35s;}
.icsayfasolmenu ul li a:hover {color:#000; padding-left:5px; transition:all .35s;}
.icsayfasolmenu .filtregrup {width:100%; float:left; margin-bottom:20px;}
.icsayfasolmenu .filtrealtbaslik {width:100%; float:left; font-size:15px; font-weight:600; color:#30343b; line-height:21px; margin-bottom:12px;}

.icsayfaurunliste {width:100%; float:left; display:grid; grid-template-columns:repeat(4,1fr); gap:30px 26px; align-items:start;}

.icsayfaurunliste .listeurun {width:100%; height:auto; align-self:start; float:left; background:#fff; border:1px solid #d2d2d2; border-radius:8px; padding:19px 20px 24px 20px; overflow:hidden;}
.icsayfaurunliste .listeurun:hover {border-color:#d2d2d2; transform:none; box-shadow:none;}

.icsayfaurunliste .listeurun .urunresim {width:100%; height:347px; float:left; display:block; background:#171717; border-radius:8px; overflow:hidden; position:relative; text-decoration:none; outline:none; border:0;}
.icsayfaurunliste .listeurun .urunresim:before {content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,.18); opacity:0; visibility:hidden; z-index:2; transition:all .35s;}
.icsayfaurunliste .listeurun .urunresim:after {content:""; width:44px; height:44px; position:absolute; left:50%; top:50%; transform:translate(-50%,-35%); background:#fff url("../img/ikon/detay.svg") center center no-repeat; background-size:19px; border-radius:50%; opacity:0; visibility:hidden; z-index:3; transition:all .35s;}
.icsayfaurunliste .listeurun .urunresim img {width:100%; height:100%; object-fit:cover; display:block; border:0; outline:none; transition:all .55s;}
.icsayfaurunliste .listeurun .urunresim:hover img {transform:scale(1.05); transition:all .55s;}
.icsayfaurunliste .listeurun .urunresim:hover:before {opacity:1; visibility:visible; transition:all .35s;}
.icsayfaurunliste .listeurun .urunresim:hover:after {opacity:1; visibility:visible; transform:translate(-50%,-50%); transition:all .35s;}

.icsayfaurunliste .listeurun .urunadi {width:100%; float:left; margin-top:32px;}
.icsayfaurunliste .listeurun .urunadi a {width:100%; float:left; font-size:15px; font-weight:400; color:#202020; line-height:21px; text-decoration:none; text-transform:uppercase; transition:all .35s;}
.icsayfaurunliste .listeurun .urunadi a:hover {color:#000; transition:all .35s;}

.icsayfaurunliste .listeurun .urunfiyat {width:100%; float:left; display:flex; align-items:center; margin-top:16px;}
.icsayfaurunliste .listeurun .urunfiyat span {font-size:14px; font-weight:400; color:#aaa; text-decoration:line-through; margin-right:12px;}
.icsayfaurunliste .listeurun .urunfiyat strong {font-size:18px; font-weight:600; color:#202020;}

@media only screen and (max-width: 767px) {
.icsayfaurunler {width:calc(100% - 30px); margin:18px 15px 36px 15px; padding:0;}
.icsayfaurunler .container-fluid {padding:0;}
.icsayfaurunler .icsayfaurunleric {grid-template-columns:1fr; gap:22px;}
.icsayfasolmenu {padding:24px 20px 22px 20px;}
.icsayfasolmenu .solmenubaslik {font-size:16px; line-height:22px;}
.icsayfaurunliste {grid-template-columns:repeat(2,1fr); gap:14px;}
.icsayfaurunliste .listeurun {padding:10px; border-radius:7px;}
.icsayfaurunliste .listeurun .urunresim {height:190px; border-radius:7px;}
.icsayfaurunliste .listeurun .urunadi {margin-top:13px;}
.icsayfaurunliste .listeurun .urunadi a {font-size:12px; line-height:17px;}
.icsayfaurunliste .listeurun .urunfiyat {margin-top:10px; display:block;}
.icsayfaurunliste .listeurun .urunfiyat span {font-size:12px; margin-right:6px;}
.icsayfaurunliste .listeurun .urunfiyat strong {font-size:15px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.icsayfaurunler {width:calc(100% - 40px); margin:20px 20px 44px 20px; padding:0;}
.icsayfaurunler .container-fluid {padding:0;}
.icsayfaurunler .icsayfaurunleric {grid-template-columns:240px 1fr; gap:28px;}
.icsayfasolmenu {padding:28px 22px 24px 22px;}
.icsayfaurunliste {grid-template-columns:repeat(2,1fr); gap:20px;}
.icsayfaurunliste .listeurun .urunresim {height:260px;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.icsayfaurunler .icsayfaurunleric {grid-template-columns:260px 1fr; gap:35px;}
.icsayfaurunliste {grid-template-columns:repeat(3,1fr); gap:22px;}
.icsayfaurunliste .listeurun .urunresim {height:285px;}
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.icsayfaurunler .icsayfaurunleric {grid-template-columns:300px 1fr; gap:50px;}
.icsayfaurunliste .listeurun .urunresim {height:347px;}
}



.icsayfaurundetay {width:100%; float:left; padding:70px 0 80px 0;}
.icsayfaurundetay * {box-sizing:border-box;}
.icsayfaurundetay .urundetayic {width:100%; float:left; display:grid; grid-template-columns:1fr 470px; gap:105px;}

.icsayfaurundetay .urundetaysol {width:100%; float:left; display:grid; grid-template-columns:140px 1fr; gap:30px;}
.icsayfaurundetay .urunkucukresimler {width:100%; float:left; display:flex; flex-direction:column; gap:10px;}
.icsayfaurundetay .urunkucukresimler .kucukresim {width:140px; height:120px; float:left; display:block; background:#000; border-radius:7px; overflow:hidden; border:2px solid transparent; text-decoration:none;}
.icsayfaurundetay .urunkucukresimler .kucukresim.active {border-color:#171717;}
.icsayfaurundetay .urunkucukresimler .kucukresim img {width:100%; height:100%; object-fit:cover; display:block;}

.icsayfaurundetay .urunbuyukresim {width:100%; height:640px; float:left; background:#000; border-radius:7px; overflow:hidden;}
.icsayfaurundetay .urunbuyukresim img {width:100%; height:100%; object-fit:cover; display:block;}

.icsayfaurundetay .urundetaysag {width:100%; float:left; padding-top:2px;}
.icsayfaurundetay .urundetaysag h1 {width:100%; float:left; font-size:18px; font-weight:600; color:#202020; line-height:26px; margin:0 0 18px 0; text-transform:uppercase;}

.icsayfaurundetay .varyasyonbaslik {width:100%; float:left; font-size:14px; font-weight:500; color:#202020; line-height:20px; margin-bottom:10px;}
.icsayfaurundetay .varyasyonsecenek {width:100%; float:left; display:flex; align-items:center; gap:6px; margin-bottom:20px;}
.icsayfaurundetay .varyasyonsecenek button {width:auto; min-width:88px; height:30px; float:left; background:#fff; border:1px solid #202020; border-radius:4px; font-size:12px; font-weight:400; color:#202020; padding:0 14px; cursor:pointer; transition:all .35s;}
.icsayfaurundetay .varyasyonsecenek button:hover {background:#202020; color:#fff; transition:all .35s;}
.icsayfaurundetay .varyasyonsecenek button.aktif {background:#202020; color:#fff;}
.icsayfaurundetay .varyasyonsecenek button.pasif,
.icsayfaurundetay .varyasyonsecenek button:disabled {opacity:.45; cursor:not-allowed;}
.icsayfaurundetay .varyantsecim-not {width:100%; float:left; font-size:12px; font-weight:500; color:#777; line-height:18px; margin:-8px 0 18px 0;}

.icsayfaurundetay .urunfiyatdetay {width:100%; float:left; margin-top:18px; margin-bottom:28px;}
.icsayfaurundetay .urunfiyatdetay span {width:100%; float:left; font-size:13px; font-weight:400; color:#969696; line-height:18px; text-decoration:line-through;}
.icsayfaurundetay .urunfiyatdetay strong {width:100%; float:left; font-size:22px; font-weight:600; color:#202020; line-height:28px;}

.icsayfaurundetay .urunalansatir {width:100%; float:left; display:flex; align-items:center; gap:8px;}
.icsayfaurundetay .adetsecici {width:90px; height:36px; float:left; display:flex; align-items:center; border:1px solid #999; border-radius:4px; overflow:hidden;}
.icsayfaurundetay .adetsecici button {width:28px; height:36px; border:0; background:#fff; font-size:14px; font-weight:600; color:#202020; cursor:pointer;}
.icsayfaurundetay .adetsecici input {width:34px; height:36px; border:0; text-align:center; font-size:13px; font-weight:400; color:#202020;}

.icsayfaurundetay .sepeteekle {width:170px; height:36px; float:left; display:flex; align-items:center; justify-content:center; background:#000; border-radius:4px; font-size:13px; font-weight:600; color:#fff; text-decoration:none; transition:all .35s;}
.icsayfaurundetay .sepeteekle img {width:13px; height:13px; margin-left:7px; display:block; filter:brightness(0) invert(1);}
.icsayfaurundetay .sepeteekle:hover {background:#202020; color:#fff; transition:all .35s;}

.icsayfaurundetay .whatsappbuton {width:170px; height:36px; float:left; display:flex; align-items:center; justify-content:center; background:#1aaa5b; border-radius:4px; font-size:13px; font-weight:600; color:#fff; text-decoration:none; transition:all .35s;}
.icsayfaurundetay .whatsappbuton img {width:14px; height:14px; margin-left:7px; display:block; filter:brightness(0) invert(1);}
.icsayfaurundetay .whatsappbuton:hover {background:#202020; color:#fff; transition:all .35s;}

@media only screen and (max-width: 767px) {
.icsayfaurundetay {padding:35px 0 45px 0;}
.icsayfaurundetay .urundetayic {grid-template-columns:1fr; gap:28px;}
.icsayfaurundetay .urundetaysol {grid-template-columns:1fr; gap:12px;}
.icsayfaurundetay .urunkucukresimler {display:grid; grid-template-columns:repeat(5,1fr); gap:8px; order:2;}
.icsayfaurundetay .urunkucukresimler .kucukresim {width:100%; height:70px;}
.icsayfaurundetay .urunbuyukresim {height:390px; order:1;}
.icsayfaurundetay .urundetaysag h1 {font-size:16px; line-height:23px;}
.icsayfaurundetay .urunalansatir {display:grid; grid-template-columns:90px 1fr; gap:8px;}
.icsayfaurundetay .sepeteekle {width:100%;}
.icsayfaurundetay .whatsappbuton {width:100%; grid-column:1 / 3;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.icsayfaurundetay {padding:45px 0 55px 0;}
.icsayfaurundetay .urundetayic {grid-template-columns:1fr; gap:35px;}
.icsayfaurundetay .urundetaysol {grid-template-columns:120px 1fr; gap:20px;}
.icsayfaurundetay .urunkucukresimler .kucukresim {width:120px; height:100px;}
.icsayfaurundetay .urunbuyukresim {height:560px;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.icsayfaurundetay .urundetayic {grid-template-columns:1fr 420px; gap:55px;}
.icsayfaurundetay .urundetaysol {grid-template-columns:120px 1fr; gap:20px;}
.icsayfaurundetay .urunkucukresimler .kucukresim {width:120px; height:100px;}
.icsayfaurundetay .urunbuyukresim {height:560px;}
.icsayfaurundetay .sepeteekle {width:150px;}
.icsayfaurundetay .whatsappbuton {width:150px;}
}

@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.icsayfaurundetay .urundetayic {grid-template-columns:1fr 470px; gap:75px;}
.icsayfaurundetay .urunbuyukresim {height:640px;}
}




/* Asagi indikçe gelme efekti */
.scroll-efekt {opacity:0; transform:translateY(45px); transition:all .85s ease;}
.scroll-efekt.geldi {opacity:1; transform:translateY(0);}

.scroll-efekt-sol {opacity:0; transform:translateX(-45px); transition:all .85s ease;}
.scroll-efekt-sol.geldi {opacity:1; transform:translateX(0);}

.scroll-efekt-sag {opacity:0; transform:translateX(45px); transition:all .85s ease;}
.scroll-efekt-sag.geldi {opacity:1; transform:translateX(0);}

.scroll-efekt-zoom {opacity:0; transform:scale(.94); transition:all .85s ease;}
.scroll-efekt-zoom.geldi {opacity:1; transform:scale(1);}

.anasayfaonecikanlar .anasayfabaslik {opacity:0; transform:translateY(35px); transition:all .8s ease;}
.anasayfaonecikanlar .onecikanurun {opacity:0; transform:translateY(45px); transition:opacity .85s ease, transform .85s ease;}

.anasayfaonecikanlar.geldi .anasayfabaslik {opacity:1; transform:translateY(0);}
.anasayfaonecikanlar.geldi .onecikanurun {opacity:1; transform:translateY(0);}
.anasayfaonecikanlar.geldi .onecikanurun:nth-child(1) {transition-delay:.05s;}
.anasayfaonecikanlar.geldi .onecikanurun:nth-child(2) {transition-delay:.12s;}
.anasayfaonecikanlar.geldi .onecikanurun:nth-child(3) {transition-delay:.19s;}
.anasayfaonecikanlar.geldi .onecikanurun:nth-child(4) {transition-delay:.26s;}
.anasayfaonecikanlar.geldi .onecikanurun:nth-child(5) {transition-delay:.33s;}
.anasayfaonecikanlar.geldi .onecikanurun:nth-child(6) {transition-delay:.40s;}
.anasayfaonecikanlar.geldi .onecikanurun:nth-child(7) {transition-delay:.47s;}

.anasayfabanner .bannerkutu {opacity:0; transform:scale(.96); transition:all .9s ease;}
.anasayfabanner.geldi .bannerkutu {opacity:1; transform:scale(1);}

.anasayfakategori .kategorikutu {opacity:0; transform:translateY(50px); transition:opacity .85s ease, transform .85s ease;}
.anasayfakategori.geldi .kategorikutu {opacity:1; transform:translateY(0);}
.anasayfakategori.geldi .kategorikutu:nth-child(1) {transition-delay:.05s;}
.anasayfakategori.geldi .kategorikutu:nth-child(2) {transition-delay:.13s;}
.anasayfakategori.geldi .kategorikutu:nth-child(3) {transition-delay:.21s;}
.anasayfakategori.geldi .kategorikutu:nth-child(4) {transition-delay:.29s;}
.anasayfakategori.geldi .kategorikutu:nth-child(5) {transition-delay:.37s;}

.anasayfaindirimli .indirimlibaslik {opacity:0; transform:translateY(35px); transition:all .8s ease;}
.anasayfaindirimli .indirimliurun {opacity:0; transform:translateY(45px); transition:opacity .85s ease, transform .85s ease;}

.anasayfaindirimli.geldi .indirimlibaslik {opacity:1; transform:translateY(0);}
.anasayfaindirimli.geldi .indirimliurun {opacity:1; transform:translateY(0);}
.anasayfaindirimli.geldi .indirimliurun:nth-child(1) {transition-delay:.05s;}
.anasayfaindirimli.geldi .indirimliurun:nth-child(2) {transition-delay:.12s;}
.anasayfaindirimli.geldi .indirimliurun:nth-child(3) {transition-delay:.19s;}
.anasayfaindirimli.geldi .indirimliurun:nth-child(4) {transition-delay:.26s;}
.anasayfaindirimli.geldi .indirimliurun:nth-child(5) {transition-delay:.33s;}
.anasayfaindirimli.geldi .indirimliurun:nth-child(6) {transition-delay:.40s;}
.anasayfaindirimli.geldi .indirimliurun:nth-child(7) {transition-delay:.47s;}

.altbilgi {opacity:0; transform:translateY(45px); transition:all .9s ease;}
.altbilgi.geldi {opacity:1; transform:translateY(0);}

/* Canli sistem davranislari: HTML iskeleti bozulmadan */
.ustmenu .uyegirisalan {position:relative;}
.ustmenu .uyegirisalan .ustikon {border:0; background:transparent; padding:0; cursor:pointer;}
.ustmenu .favoriikon span,
.ustmenu .uyegirisalan span {width:13px; height:13px; position:absolute; right:-4px; top:34px; background:#fff; border:1px solid #222; border-radius:50%; font-size:8px; font-weight:600; color:#222; display:flex; align-items:center; justify-content:center; line-height:13px;}
.ustmenu .uyegirismenu {display:none; position:absolute; right:0; top:82px; width:235px; background:#fff; border:1px solid #f1f1f1; border-radius:8px; box-shadow:0 18px 38px rgba(0,0,0,.10); padding:10px 0; z-index:10000;}
.ustmenu .uyegirismenu.aktif {display:block;}
.ustmenu .uyegirismenu-baslik {font-size:12px; font-weight:700; color:#202020; padding:7px 16px 11px 16px; border-bottom:1px solid #f5f5f5; margin-bottom:4px; text-transform:uppercase;}
.ustmenu .uyegirismenu a {width:100%; display:flex; align-items:center; gap:9px; padding:9px 16px; font-size:13px; font-weight:500; color:#262626; text-decoration:none;}
.ustmenu .uyegirismenu a:hover {background:#fafafa; color:#000;}
.ustmenu .uyegirismenu a.cikis {color:#b42318;}
.icsayfasolmenu .fiyatfiltre input,
.icsayfasolmenu .fiyatfiltre select {width:100%; height:36px; float:left; border:1px solid #dfe3e8; border-radius:4px; padding:0 10px; margin-bottom:8px; font-size:13px; color:#30343b; background:#fff; outline:none;}
.icsayfasolmenu .fiyatfiltre input:focus,
.icsayfasolmenu .fiyatfiltre select:focus {border-color:#202020;}
.icsayfasolmenu .fiyatfiltre button {width:100%; height:36px; float:left; border:0; background:#202020; border-radius:4px; font-size:13px; font-weight:600; color:#fff; cursor:pointer;}
.sitebildirim {position:fixed; right:24px; bottom:26px; width:min(390px, calc(100% - 32px)); min-height:66px; background:#fff; border:1px solid #e9e9e9; border-radius:8px; box-shadow:0 18px 42px rgba(0,0,0,.16); display:flex; align-items:center; gap:13px; padding:14px 17px; z-index:9999; opacity:0; transform:translateY(16px); pointer-events:none; transition:all .25s ease;}
.sitebildirim.aktif {opacity:1; transform:translateY(0); pointer-events:auto;}
@media only screen and (max-width: 767px) {
.ustmenu .favoriikon {display:none;}
.ustmenu .uyegirismenu {position:fixed; top:76px; right:15px; width:230px;}
.ustmenu .favoriikon span,
.ustmenu .uyegirisalan span {right:-5px; top:25px;}
}


.hvr-underline-from-left {display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);position: relative;overflow: hidden;}
.hvr-underline-from-left:before {content: "";position: absolute;z-index: -1;left: 0;right: 100%;bottom: 0;background: #8EC236;height: 1px;-webkit-transition-property: right;transition-property: right;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {right: 0;}


.altwhatsapp { width:180px; height:50px; background:#48a91f; position:fixed; bottom:2%; left:1%; border-radius: 7px; color:#fff; font-size:13px; font-weight:600; display: flex;justify-content: center;align-items: center; text-align: center; padding-top:5px;  z-index:2;}
.altwhatsapp:hover { background:#fff; color:#48a91f; transition: all .35s;}
.altwhatsapp i { font-size:22px; margin-bottom:7px; margin-right:8px;}

.scrolltek {opacity:0; transform:translateY(45px); transition:all .75s ease;}
.scrolltek.gorundu {opacity:1; transform:translateY(0);}

/* Canli tasarim tamamlayicilari */
.anasayfaonecikanlar .anasayfabaslik,
.anasayfaonecikanlar .onecikanurun,
.anasayfabanner .bannerkutu,
.anasayfakategori .kategorikutu,
.anasayfaindirimli .indirimlibaslik,
.anasayfaindirimli .indirimliurun,
.altbilgi {opacity:1 !important; transform:none !important;}

.ustmenu .ustaramaalan {position:relative; height:98px; display:flex; align-items:center;}
.ustmenu .ustaramaalan .ustikon {border:0; background:transparent; padding:0; cursor:pointer;}
.ustmenu .ustaramamenu {width:360px; min-height:58px; position:absolute; right:-18px; top:82px; background:#fff; border:1px solid #f1f1f1; border-radius:8px; box-shadow:0 18px 38px rgba(0,0,0,.10); padding:10px; z-index:10000; display:none; align-items:center;}
.ustmenu .ustaramamenu.aktif {display:flex;}
.ustmenu .ustaramamenu input {width:100%; height:38px; border:1px solid #ececec; border-radius:6px; padding:0 42px 0 13px; font-size:13px; font-weight:500; color:#202020; outline:none;}
.ustmenu .ustaramamenu input:focus {border-color:#202020;}
.ustmenu .ustaramamenu button {width:38px; height:38px; position:absolute; right:10px; top:10px; border:0; background:transparent; display:flex; align-items:center; justify-content:center; cursor:pointer;}
.ustmenu .ustaramamenu button img {width:18px; height:18px; display:block;}

.icsayfaurunarama {width:100%; float:left; padding:44px 0 58px 0;}
.icsayfaurunarama .urunler {width:100%; display:grid; grid-template-columns:repeat(4,1fr); gap:24px; align-items:start;}
.icsayfaurunarama .listeurun {width:100%; height:auto; align-self:start; float:left; background:#fff; border:1px solid #d2d2d2; border-radius:8px; padding:19px 20px 24px 20px; overflow:hidden;}
.icsayfaurunarama .listeurun:hover {border-color:#d2d2d2; transform:none; box-shadow:none;}
.icsayfaurunarama .listeurun .urunresim {width:100%; height:347px; float:left; display:block; background:#171717; border-radius:8px; overflow:hidden; position:relative; text-decoration:none; outline:none; border:0;}
.icsayfaurunarama .listeurun .urunresim:before {content:""; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,.18); opacity:0; visibility:hidden; z-index:2; transition:all .35s;}
.icsayfaurunarama .listeurun .urunresim:after {content:""; width:44px; height:44px; position:absolute; left:50%; top:50%; transform:translate(-50%,-35%); background:#fff url("../img/ikon/detay.svg") center center no-repeat; background-size:19px; border-radius:50%; opacity:0; visibility:hidden; z-index:3; transition:all .35s;}
.icsayfaurunarama .listeurun .urunresim img {width:100%; height:100%; object-fit:cover; display:block; border:0; outline:none; transition:all .55s;}
.icsayfaurunarama .listeurun .urunresim:hover img {transform:scale(1.05); transition:all .55s;}
.icsayfaurunarama .listeurun .urunresim:hover:before {opacity:1; visibility:visible; transition:all .35s;}
.icsayfaurunarama .listeurun .urunresim:hover:after {opacity:1; visibility:visible; transform:translate(-50%,-50%); transition:all .35s;}
.icsayfaurunarama .listeurun .urunadi {width:100%; float:left; margin-top:32px;}
.icsayfaurunarama .listeurun .urunadi a {width:100%; float:left; font-size:15px; font-weight:400; color:#202020; line-height:21px; text-decoration:none; text-transform:uppercase; transition:all .35s;}
.icsayfaurunarama .listeurun .urunadi a:hover {color:#000; transition:all .35s;}
.icsayfaurunarama .listeurun .urunfiyat {width:100%; float:left; display:flex; align-items:center; margin-top:16px;}
.icsayfaurunarama .listeurun .urunfiyat span {font-size:14px; font-weight:400; color:#aaa; text-decoration:line-through; margin-right:12px;}
.icsayfaurunarama .listeurun .urunfiyat strong {font-size:18px; font-weight:600; color:#202020;}
.boslistekutu {width:100%; grid-column:1/-1; background:#fff; border:1px solid #d2d2d2; border-radius:8px; padding:32px; font-size:15px; font-weight:500; color:#202020;}

.reklampopup {position:fixed; inset:0; z-index:10050; display:flex; align-items:center; justify-content:center; padding:24px; opacity:0; visibility:hidden; transition:all .25s ease;}
.reklampopup.aktif {opacity:1; visibility:visible;}
.reklampopup-arka {position:absolute; inset:0; border:0; background:rgba(0,0,0,.42); cursor:pointer;}
.reklampopup-kutu {width:min(760px, 100%); min-height:360px; position:relative; z-index:2; background:#fff; border-radius:12px; overflow:hidden; box-shadow:0 28px 90px rgba(0,0,0,.28); display:grid; grid-template-columns:1fr 1fr;}
.reklampopup-kutu-metinsel {display:block; width:min(520px, 100%); min-height:0;}
.reklampopup-kapat {width:38px; height:38px; position:absolute; right:14px; top:14px; z-index:5; border:0; border-radius:50%; background:#fff; color:#171717; display:flex; align-items:center; justify-content:center; cursor:pointer; box-shadow:0 10px 26px rgba(0,0,0,.12);}
.reklampopup-gorsel {width:100%; min-height:360px; background:#171717;}
.reklampopup-gorsel img {width:100%; height:100%; min-height:360px; object-fit:cover; display:block;}
.reklampopup-icerik {width:100%; padding:54px 42px 38px 42px; display:flex; flex-direction:column; justify-content:center;}
.reklampopup-baslik {font-size:28px; font-weight:600; color:#202020; line-height:34px; margin-bottom:14px;}
.reklampopup-metin {font-size:15px; font-weight:400; color:#555; line-height:24px;}
.reklampopup-alt {display:flex; align-items:center; gap:12px; flex-wrap:wrap; margin-top:28px;}
.reklampopup-link {height:44px; display:flex; align-items:center; justify-content:center; background:#202020; color:#fff; border-radius:30px; padding:0 22px; font-size:13px; font-weight:600; text-decoration:none;}
.reklampopup-link:hover {background:#000; color:#fff; text-decoration:none;}
.reklampopup-alt button {height:44px; border:1px solid #d8d8d8; background:#fff; border-radius:30px; padding:0 18px; font-size:13px; font-weight:600; color:#202020; cursor:pointer;}

.cerezuyari {width:min(560px, calc(100% - 32px)); position:fixed; left:24px; bottom:24px; z-index:10020; background:#fff; border:1px solid #efefef; border-radius:10px; box-shadow:0 18px 46px rgba(0,0,0,.14); padding:17px; display:none; align-items:center; gap:18px;}
.cerezuyari.aktif {display:flex;}
.cerezuyari-metin {width:100%; display:block;}
.cerezuyari-metin strong {display:block; font-size:14px; font-weight:700; color:#202020; margin-bottom:4px;}
.cerezuyari-metin span {display:block; font-size:13px; font-weight:400; color:#555; line-height:19px;}
.cerezuyari-metin a {display:inline-block; font-size:12px; font-weight:700; color:#202020; text-decoration:underline; margin-top:5px;}
.cerezuyari button {height:38px; min-width:92px; border:0; border-radius:30px; background:#202020; color:#fff; font-size:12px; font-weight:700; cursor:pointer;}

.ai-chatbot-widget {position:fixed; right:24px; bottom:24px; z-index:10030; font-family:"Outfit",sans-serif;}
.ai-chatbot-toggle {height:52px; border:0; border-radius:30px; background:#202020; color:#fff; display:flex; align-items:center; gap:9px; padding:0 19px; font-size:13px; font-weight:700; cursor:pointer; box-shadow:0 16px 38px rgba(0,0,0,.18);}
.ai-chatbot-toggle i {font-size:17px;}
.ai-chatbot-panel {width:360px; max-width:calc(100vw - 32px); height:520px; max-height:calc(100vh - 110px); position:absolute; right:0; bottom:68px; background:#fff; border:1px solid #efefef; border-radius:12px; box-shadow:0 24px 70px rgba(0,0,0,.22); overflow:hidden; display:none; flex-direction:column;}
.ai-chatbot-widget.open .ai-chatbot-panel {display:flex;}
.ai-chatbot-head {height:76px; min-height:76px; background:#171717; padding:0 18px; display:flex; align-items:center; justify-content:space-between;}
.ai-chatbot-head strong {display:block; font-size:16px; font-weight:700; color:#fff; line-height:20px;}
.ai-chatbot-head span {display:block; font-size:12px; font-weight:500; color:rgba(255,255,255,.72); margin-top:2px;}
.ai-chatbot-head button {width:34px; height:34px; border:0; border-radius:50%; background:rgba(255,255,255,.10); color:#fff; display:flex; align-items:center; justify-content:center; cursor:pointer;}
.ai-chatbot-messages {width:100%; flex:1; overflow-y:auto; background:#fafafa; padding:16px;}
.ai-chatbot-msg {width:auto; max-width:88%; clear:both; margin-bottom:10px; padding:10px 12px; border-radius:12px; font-size:13px; font-weight:400; line-height:19px;}
.ai-chatbot-msg.bot {float:left; background:#fff; color:#252525; border:1px solid #ededed; border-top-left-radius:4px;}
.ai-chatbot-msg.user {float:right; background:#202020; color:#fff; border-top-right-radius:4px;}
.ai-chatbot-msg.typing {opacity:.72;}
.ai-chatbot-quick {width:100%; display:flex; gap:8px; overflow-x:auto; padding:10px 14px; border-top:1px solid #f1f1f1; background:#fff;}
.ai-chatbot-quick button {height:32px; white-space:nowrap; border:1px solid #e5e5e5; background:#fff; border-radius:20px; padding:0 12px; font-size:12px; font-weight:600; color:#252525; cursor:pointer;}
.ai-chatbot-form {width:100%; min-height:58px; display:flex; align-items:center; gap:8px; padding:10px 12px; border-top:1px solid #f1f1f1; background:#fff;}
.ai-chatbot-form input {width:100%; height:38px; border:1px solid #e7e7e7; border-radius:22px; padding:0 13px; font-size:13px; color:#202020; outline:none;}
.ai-chatbot-form input:focus {border-color:#202020;}
.ai-chatbot-form button {width:38px; min-width:38px; height:38px; border:0; border-radius:50%; background:#202020; color:#fff; display:flex; align-items:center; justify-content:center; cursor:pointer;}

.altwhatsapp {width:52px; height:52px; left:24px; bottom:24px; background:#202020; border-radius:50%; padding:0; color:#fff; font-size:0; box-shadow:0 16px 38px rgba(0,0,0,.18);}
.altwhatsapp span {display:none;}
.altwhatsapp i {font-size:24px; margin:0;}
.altwhatsapp:hover {background:#000; color:#fff;}

@media only screen and (max-width: 767px) {
.ustmenu .ustaramaalan {height:76px;}
.ustmenu .ustaramamenu {position:fixed; left:15px; right:15px; top:76px; width:auto;}
.icsayfaurunarama {padding:30px 0 38px 0;}
.icsayfaurunarama .urunler {grid-template-columns:repeat(2,1fr); gap:14px;}
.icsayfaurunarama .listeurun {padding:10px; border-radius:7px;}
.icsayfaurunarama .listeurun .urunresim {height:190px; border-radius:7px;}
.icsayfaurunarama .listeurun .urunadi {margin-top:13px;}
.icsayfaurunarama .listeurun .urunadi a {font-size:12px; line-height:17px;}
.icsayfaurunarama .listeurun .urunfiyat {margin-top:10px; display:block;}
.icsayfaurunarama .listeurun .urunfiyat span {font-size:12px; margin-right:6px;}
.icsayfaurunarama .listeurun .urunfiyat strong {font-size:15px;}
.reklampopup {padding:16px;}
.reklampopup-kutu {display:block; width:100%; min-height:0;}
.reklampopup-gorsel,
.reklampopup-gorsel img {min-height:220px; height:220px;}
.reklampopup-icerik {padding:30px 22px 24px 22px;}
.reklampopup-baslik {font-size:22px; line-height:28px;}
.cerezuyari {left:15px; bottom:86px; display:none; flex-direction:column; align-items:flex-start;}
.cerezuyari.aktif {display:flex;}
.ai-chatbot-widget {right:15px; bottom:18px;}
.ai-chatbot-toggle {width:52px; padding:0; justify-content:center;}
.ai-chatbot-toggle span {display:none;}
.ai-chatbot-panel {right:0; bottom:64px; width:calc(100vw - 30px); height:520px;}
.altwhatsapp {left:15px; bottom:18px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.icsayfaurunarama .urunler {grid-template-columns:repeat(3,1fr); gap:18px;}
.icsayfaurunarama .listeurun .urunresim {height:260px;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.icsayfaurunarama .urunler {grid-template-columns:repeat(3,1fr); gap:18px;}
.icsayfaurunarama .listeurun .urunresim {height:285px;}
}

/* Sepet, uyelik ve siparis akis sayfalari */
.genelsiteharitasi {width:calc(100% - 60px); float:left; margin:12px 30px 0 30px; padding:0;}
.genelsiteharitasi .container {max-width:none; width:100%; padding:0;}
.genelsiteharitasi .siteharitasi {width:100%; height:135px; background:#171717; border-radius:12px; display:flex; align-items:center; justify-content:center; gap:10px; flex-wrap:wrap; padding:0 28px; color:rgba(255,255,255,.76); font-size:13px; font-weight:400; line-height:20px;}
.genelsiteharitasi .siteharitasi a {font-size:13px; font-weight:500; color:#fff; line-height:20px; text-decoration:none;}
.genelsiteharitasi .siteharitasi span,
.genelsiteharitasi .siteharitasi strong {font-size:13px; font-weight:500; color:rgba(255,255,255,.82); line-height:20px;}

.icsayfagiris,
.icsayfauyeol,
.icsayfasepet,
.icsayfasiparis,
.icsayfadestek,
.icsayfabilgisayfa {width:100%; float:left; padding:42px 0 62px 0;}
.icsayfagiris .container,
.icsayfauyeol .container,
.icsayfasepet .container,
.icsayfasiparis .container,
.icsayfadestek .container,
.icsayfabilgisayfa .container {max-width:1240px;}

.uyelikbox {width:min(560px,100%); margin:0 auto; background:#fff; border:1px solid #d2d2d2; border-radius:8px; padding:34px; overflow:hidden;}
.uyelikbox .solalan {display:none;}
.uyelikbox .sagalan {width:100%; float:left;}
.uyelikbox .baslik,
.formbox .baslik,
.ozetbox .baslik,
.sepetbaslik,
.siparisbaslik {width:100%; float:left; font-size:20px; font-weight:600; color:#202020; line-height:28px; margin:0 0 16px 0;}
.uyelikbox .aciklama,
.formbox p,
.ozetbox p {width:100%; float:left; font-size:14px; font-weight:400; color:#5f6368; line-height:22px; margin:0 0 18px 0;}
.uyelikbox .formalan,
.formbox form {width:100%; float:left;}
.uyelikbox input,
.uyelikbox select,
.uyelikbox textarea,
.formbox input,
.formbox select,
.formbox textarea,
.ozetbox input,
.ozetbox select,
.ozetbox textarea {width:100%; height:42px; float:left; border:1px solid #dfe3e8; background:#fff; border-radius:5px; padding:0 12px; margin-bottom:10px; font-size:13px; font-weight:400; color:#30343b; outline:none;}
.uyelikbox textarea,
.formbox textarea,
.ozetbox textarea {height:96px; padding-top:11px; resize:vertical;}
.uyelikbox input:focus,
.uyelikbox select:focus,
.uyelikbox textarea:focus,
.formbox input:focus,
.formbox select:focus,
.formbox textarea:focus,
.ozetbox input:focus,
.ozetbox select:focus,
.ozetbox textarea:focus {border-color:#202020;}
.uyelikbox button,
.formbox button,
.ozetbox button,
.devamet,
.alisveris,
.odemeaksiyonlar a,
.hesapaksiyon a {height:42px; border:0; background:#202020; border-radius:5px; padding:0 18px; display:inline-flex; align-items:center; justify-content:center; font-size:13px; font-weight:600; color:#fff; text-decoration:none; cursor:pointer; transition:all .35s;}
.uyelikbox button:hover,
.formbox button:hover,
.ozetbox button:hover,
.devamet:hover,
.alisveris:hover,
.odemeaksiyonlar a:hover,
.hesapaksiyon a:hover {background:#000; color:#fff; text-decoration:none;}
.uyelikbox .altsecenek,
.uyelikbox .sozlesme {width:100%; float:left; display:flex; align-items:center; justify-content:space-between; gap:12px; margin:2px 0 16px 0; font-size:13px; color:#4a4a4a;}
.uyelikbox .altsecenek label,
.uyelikbox .sozlesme label {display:flex; align-items:center; gap:7px; margin:0; line-height:18px;}
.uyelikbox .altsecenek input,
.uyelikbox .sozlesme input,
.formbox label input,
.ozetbox label input {width:auto; height:auto; float:none; margin:0;}
.uyelikbox a,
.formbox a {color:#202020; text-decoration:underline;}
.uyeliklink,
.girislink {width:100%; float:left; margin-top:16px; font-size:13px; font-weight:400; color:#555; line-height:20px; text-align:center;}

.sepetalan,
.siparisalan {width:100%; float:left; display:grid; grid-template-columns:1fr 360px; gap:34px; align-items:start;}
.icsayfasiparis .siparisalan {grid-template-columns:1fr 390px;}
.siparisalan .solalan,
.siparisalan .sagalan,
.sepetalan .solalan,
.sepetalan .sagalan {width:100%; float:left;}
.formbox,
.ozetbox {width:100%; float:left; background:#fff; border:1px solid #d2d2d2; border-radius:8px; padding:24px; margin-bottom:22px; overflow:hidden;}

.sepeturun {width:100%; float:left; display:grid; grid-template-columns:90px 1fr 112px 120px 34px; gap:18px; align-items:center; background:#fff; border:1px solid #d2d2d2; border-radius:8px; padding:14px; margin-bottom:12px;}
.sepeturun .gorsel {width:90px; height:90px; background:#171717; border-radius:7px; overflow:hidden;}
.sepeturun .gorsel img {width:100%; height:100%; object-fit:cover; display:block;}
.sepeturun .urunadi {font-size:14px; font-weight:600; color:#202020; line-height:20px; text-transform:uppercase;}
.sepeturun .marka {font-size:12px; font-weight:400; color:#777; line-height:18px; margin-top:4px;}
.sepeturun .adet {width:112px; height:36px; display:flex; align-items:center; border:1px solid #dfe3e8; border-radius:5px; overflow:hidden;}
.sepeturun .adet button {width:34px; height:36px; border:0; background:#fff; font-size:15px; font-weight:600; color:#202020; cursor:pointer;}
.sepeturun .adet input {width:44px; height:36px; border:0; text-align:center; font-size:13px; color:#202020;}
.sepeturun .fiyat {font-size:15px; font-weight:700; color:#202020; text-align:right;}
.sepeturun .sil {width:34px; height:34px; display:flex; align-items:center; justify-content:center; border:1px solid #e5e5e5; border-radius:50%;}
.sepeturun .sil img {width:14px; height:14px; display:block;}
.icsayfasepet .solalan > p,
.formbox > p {background:#fafafa; border:1px solid #eeeeee; border-radius:6px; padding:14px; color:#555;}

.ozetbox .satir,
.ozetbox .toplam,
.ozetbox .urun {width:100%; float:left; display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding:11px 0; border-bottom:1px solid #efefef; font-size:13px; color:#555; line-height:20px;}
.ozetbox .toplam {border-bottom:0; margin-top:5px; font-size:15px; color:#202020;}
.ozetbox .satir strong,
.ozetbox .urun strong,
.ozetbox .toplam strong {font-weight:700; color:#202020; white-space:nowrap;}
.ozetbox .toplam strong {font-size:20px;}
.ozetbox .devamet,
.ozetbox .alisveris {width:100%; margin-top:12px;}
.ozetbox .alisveris {background:#fff; color:#202020; border:1px solid #d2d2d2;}
.ozetbox .alisveris:hover {background:#f7f7f7; color:#202020;}

.odemekutu {width:100%; float:left; display:flex; align-items:flex-start; gap:10px; border:1px solid #dfe3e8; border-radius:7px; padding:13px 14px; margin-bottom:10px; background:#fff; font-size:13px; font-weight:500; color:#30343b; cursor:pointer;}
.odemekutu.aktif,
.odemekutu-secim.aktif {border-color:#202020; background:#fafafa;}
.odemekutu input {width:auto !important; height:auto !important; margin:3px 0 0 0 !important;}
.odeme-metin {width:100%; display:block;}
.odeme-metin strong {display:block; font-size:14px; font-weight:700; color:#202020; line-height:19px;}
.odeme-metin small,
.odeme-metin em {display:block; font-style:normal; font-size:12px; font-weight:500; color:#777; line-height:18px; margin-top:3px;}
.odeme-metin .odeme-firsat-etiket {width:max-content; max-width:100%; display:inline-flex; align-items:center; gap:7px; margin-top:10px; padding:5px 10px; border:1px solid #cdebd7; border-radius:999px; background:#f1fbf4; color:#12833d; font-size:11px; font-weight:700; line-height:15px;}
.odeme-metin .odeme-firsat-etiket:before {content:"%"; width:18px; height:18px; min-width:18px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:#12833d; color:#fff; font-size:10px; font-weight:800; line-height:18px;}
.odemekutu.aktif .odeme-firsat-etiket,
.odemekutu-secim.aktif .odeme-firsat-etiket {border-color:#a8dfba; background:#eaf8ee;}
.ozetbox .odeme-indirim-satiri {align-items:center; border:1px solid #cdebd7; border-radius:7px; background:linear-gradient(135deg,#f0fbf4 0%,#ffffff 100%); padding:12px 13px; margin:6px 0; color:#14532d;}
.ozetbox .odeme-indirim-satiri span {display:flex; align-items:center; gap:8px; font-weight:700; color:#14532d;}
.ozetbox .odeme-indirim-satiri span:before {content:"%"; width:22px; height:22px; min-width:22px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:#12833d; color:#fff; font-size:11px; font-weight:800; line-height:22px;}
.ozetbox .odeme-indirim-satiri strong {height:28px; display:inline-flex; align-items:center; border-radius:999px; background:#12833d; padding:0 10px; color:#fff !important; font-size:13px; font-weight:800;}
.checkout-provider-choices,
.checkout-active-cards {width:100%; display:grid; grid-template-columns:repeat(2,1fr); gap:10px; margin-top:12px;}
.checkout-provider-choice,
.checkout-card-chip {border:1px solid #e4e7ec; border-radius:7px; padding:12px; background:#fff;}
.checkout-provider-choice.active {border-color:#202020;}
.checkout-provider-choice input {width:auto !important; height:auto !important; margin-right:6px !important;}
.checkout-provider-choice strong,
.checkout-card-chip strong {display:block; font-size:13px; font-weight:700; color:#202020;}
.checkout-provider-choice small,
.checkout-card-chip span,
.checkout-card-chip small {display:block; font-size:12px; color:#777; line-height:18px;}
.checkout-provider-warning {width:100%; float:left; background:#fff7ed; border:1px solid #fed7aa; border-radius:7px; padding:12px; color:#9a3412; font-size:13px; margin-top:12px;}

.hesapozet {width:100%; float:left; display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-bottom:24px;}
.hesapozet .ozetitem {background:#fff; border:1px solid #d2d2d2; border-radius:8px; padding:18px;}
.hesapozet .ozetitem span {display:block; font-size:12px; font-weight:600; color:#777; line-height:18px; margin-bottom:6px;}
.hesapozet .ozetitem strong {display:block; font-size:18px; font-weight:700; color:#202020; line-height:24px;}
.hesapmenu {width:100%; float:left; display:grid; gap:8px;}
.hesapmenu a {width:100%; height:42px; display:flex; align-items:center; gap:10px; border:1px solid #e4e7ec; border-radius:6px; padding:0 12px; color:#30343b; text-decoration:none; font-size:13px; font-weight:600;}
.hesapmenu a.aktif,
.hesapmenu a:hover {border-color:#202020; background:#202020; color:#fff; text-decoration:none;}
.hesapmenu a.cikis {color:#b42318;}
.hesapmenu a.cikis:hover {color:#fff;}
.adresliste {width:100%; float:left; display:grid; grid-template-columns:repeat(2,1fr); gap:14px;}
.adreskart {width:100%; float:left; display:grid; grid-template-columns:1fr; gap:10px; border:1px solid #e4e7ec; border-radius:8px; padding:16px; background:#fff;}
.adresust {display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:10px;}
.adresust strong {font-size:15px; color:#202020;}
.adresust span {font-size:11px; font-weight:700; background:#202020; color:#fff; border-radius:20px; padding:4px 8px;}
.adresdetay p {background:none; border:0; padding:0; margin:0 0 6px 0; font-size:13px; line-height:19px; color:#555;}
.adresislem {width:100%; display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:4px; clear:both;}
.adresislem form {width:auto; float:none;}
.adresislem a,
.adresislem button {height:34px; min-width:74px; border:1px solid #dfe3e8; background:#fff !important; color:#202020 !important; border-radius:5px; padding:0 12px; display:flex; align-items:center; justify-content:center; font-size:12px; font-weight:600; text-decoration:none !important; cursor:pointer;}
.adresislem a:hover,
.adresislem button:hover {border-color:#202020; background:#202020 !important; color:#fff !important;}
.adresislem form:last-child button {border-color:#f0c7c2; color:#b42318 !important;}
.adresislem form:last-child button:hover {border-color:#b42318; background:#b42318 !important; color:#fff !important;}

.siparisakordiyon {width:100%; float:left;}
.siparisakordiyon-item {width:100%; float:left; border:1px solid #e4e7ec; border-radius:8px; overflow:hidden; margin-bottom:10px; background:#fff;}
.siparisakordiyon-baslik {width:100%; min-height:58px; border:0; background:#fff; display:grid; grid-template-columns:1.4fr 120px 120px 130px 20px; gap:12px; align-items:center; padding:14px; color:#202020; text-align:left; cursor:pointer;}
.siparisakordiyon-baslik span,
.siparisakordiyon-baslik strong {font-size:13px; font-weight:700; line-height:19px;}
.siparisakordiyon-baslik small {font-size:12px; color:#777;}
.siparisakordiyon-baslik .siparisdurum {font-style:normal; border-radius:20px; padding:5px 9px; font-size:11px; font-weight:700; text-align:center; background:#f1f5f9; color:#334155;}
.siparisakordiyon-icerik {display:none; padding:0 14px 14px 14px;}
.siparisakordiyon-item.aktif .siparisakordiyon-icerik {display:block;}
.siparisdetaygrid,
.odemedetaylar,
.havalebilgileri {width:100%; display:grid; grid-template-columns:repeat(2,1fr); gap:10px;}
.siparisdetaygrid div,
.odemedetaylar .detay,
.havalebilgileri div {border:1px solid #e4e7ec; border-radius:7px; padding:12px; background:#fafafa;}
.siparisdetaygrid span,
.odemedetaylar span,
.havalebilgileri span {display:block; font-size:12px; color:#777; line-height:18px; margin-bottom:4px;}
.siparisdetaygrid strong,
.odemedetaylar strong,
.havalebilgileri strong {display:block; font-size:13px; color:#202020; line-height:19px; word-break:break-word;}

.icsayfadestek .container {display:grid; grid-template-columns:390px 1fr; gap:34px; align-items:start;}
.icsayfadestek .solalan,
.icsayfadestek .sagalan {width:100%; float:none; background:#fff; border:1px solid #d2d2d2; border-radius:8px; padding:24px; overflow:hidden;}
.icsayfadestek .baslik,
.icsayfadestek .formbaslik {width:100%; float:left; font-size:20px; font-weight:600; color:#202020; line-height:28px; margin:0 0 16px 0;}
.icsayfadestek .aciklama {width:100%; float:left; font-size:14px; font-weight:400; color:#5f6368; line-height:22px; margin:0 0 18px 0;}
.icsayfadestek .bilgikutu {width:100%; float:left; border:1px solid #eeeeee; background:#fafafa; border-radius:7px; padding:14px; margin-bottom:10px;}
.icsayfadestek .bilgikutu .kbaslik {font-size:12px; font-weight:600; color:#777; line-height:18px; margin-bottom:5px;}
.icsayfadestek .bilgikutu .metin,
.icsayfadestek .bilgikutu .metin a {font-size:14px; font-weight:500; color:#202020; line-height:21px; word-break:break-word; text-decoration:none;}
.icsayfadestek .formalan {width:100%; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 12px;}
.icsayfadestek .formbaslik,
.icsayfadestek .formalan textarea,
.icsayfadestek .formalan button {grid-column:1 / -1;}
.icsayfadestek input,
.icsayfadestek select,
.icsayfadestek textarea {width:100%; height:42px; border:1px solid #dfe3e8; background:#fff; border-radius:5px; padding:0 12px; font-size:13px; font-weight:400; color:#30343b; outline:none;}
.icsayfadestek textarea {height:110px; padding-top:11px; resize:vertical;}
.icsayfadestek input:focus,
.icsayfadestek select:focus,
.icsayfadestek textarea:focus {border-color:#202020;}
.icsayfadestek button {width:max-content; height:42px; border:0; background:#202020; border-radius:5px; padding:0 18px; display:inline-flex; align-items:center; justify-content:center; font-size:13px; font-weight:600; color:#fff; cursor:pointer; transition:all .35s;}
.icsayfadestek button:hover {background:#000; color:#fff;}

.odemesonuckart {width:min(820px,100%); margin:0 auto; background:#fff; border:1px solid #d2d2d2; border-radius:10px; padding:34px; display:grid; grid-template-columns:64px 1fr; gap:22px;}
.odemeikon {width:64px; height:64px; border-radius:50%; background:#202020; color:#fff; display:flex; align-items:center; justify-content:center; font-size:26px;}
.odemeicerik .baslik {font-size:24px; font-weight:700; color:#202020; line-height:32px; margin-bottom:8px;}
.odemeicerik .aciklama {font-size:14px; color:#555; line-height:22px; margin-bottom:20px;}
.odemeaksiyonlar {width:100%; display:flex; flex-wrap:wrap; gap:10px; margin-top:22px;}
.sozlesmepopup {position:fixed; inset:0; z-index:10060; display:flex; align-items:center; justify-content:center; padding:24px; opacity:0; visibility:hidden; transition:all .25s ease;}
.sozlesmepopup.aktif {opacity:1; visibility:visible;}
.sozlesmepopup-arka {position:absolute; inset:0; background:rgba(0,0,0,.42);}
.sozlesmepopup-kutu {width:min(720px,100%); max-height:calc(100vh - 48px); position:relative; z-index:2; background:#fff; border-radius:12px; overflow:hidden; box-shadow:0 28px 90px rgba(0,0,0,.28);}
.sozlesmepopup-kapat {width:38px; height:38px; position:absolute; right:14px; top:14px; border:0; border-radius:50%; background:#fff; box-shadow:0 10px 26px rgba(0,0,0,.12); cursor:pointer;}
.sozlesmepopup-baslik {font-size:20px; font-weight:700; color:#202020; padding:24px 64px 16px 24px; border-bottom:1px solid #efefef;}
.sozlesmepopup-icerik {max-height:58vh; overflow:auto; padding:22px 24px; font-size:14px; color:#555; line-height:22px;}
.sozlesmepopup-alt {display:flex; justify-content:flex-end; gap:10px; padding:14px 24px; border-top:1px solid #efefef;}
.sozlesmepopup-alt a,
.sozlesmepopup-alt button {height:38px; border:1px solid #d2d2d2; background:#fff; border-radius:5px; padding:0 14px; display:flex; align-items:center; color:#202020; font-size:13px; font-weight:600; text-decoration:none; cursor:pointer;}
.sozlesmepopup-alt .sozlesmepopup-onay {background:#202020; color:#fff; border-color:#202020;}

@media only screen and (max-width: 767px) {
.genelsiteharitasi {width:calc(100% - 30px); margin:10px 15px 0 15px;}
.genelsiteharitasi .siteharitasi {height:105px; border-radius:10px; padding:0 20px; font-size:11px; line-height:17px;}
.genelsiteharitasi .siteharitasi a,
.genelsiteharitasi .siteharitasi span,
.genelsiteharitasi .siteharitasi strong {font-size:11px; line-height:17px;}
.icsayfagiris,
.icsayfauyeol,
.icsayfasepet,
.icsayfasiparis,
.icsayfadestek,
.icsayfabilgisayfa {padding:30px 0 42px 0;}
.uyelikbox,
.formbox,
.ozetbox,
.odemesonuckart {padding:20px; border-radius:8px;}
.sepetalan,
.siparisalan,
.icsayfasiparis .siparisalan {grid-template-columns:1fr; gap:18px;}
.sepeturun {grid-template-columns:74px 1fr 34px; gap:12px;}
.sepeturun .gorsel {width:74px; height:74px;}
.sepeturun .adet {grid-column:2 / 3; width:104px;}
.sepeturun .fiyat {grid-column:2 / 3; text-align:left;}
.sepeturun .sil {grid-column:3 / 4; grid-row:1 / 2;}
.hesapozet {grid-template-columns:repeat(2,1fr);}
.adresliste,
.checkout-provider-choices,
.checkout-active-cards,
.siparisdetaygrid,
.odemedetaylar,
.havalebilgileri {grid-template-columns:1fr;}
.icsayfadestek .container,
.icsayfadestek .formalan {grid-template-columns:1fr; gap:18px;}
.siparisakordiyon-baslik {grid-template-columns:1fr 20px; gap:8px;}
.siparisakordiyon-baslik small,
.siparisakordiyon-baslik strong,
.siparisakordiyon-baslik .siparisdurum {grid-column:1 / 2;}
.odemesonuckart {grid-template-columns:1fr;}
.odemeaksiyonlar a {width:100%;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.genelsiteharitasi {width:calc(100% - 40px); margin:10px 20px 0 20px;}
.genelsiteharitasi .siteharitasi {height:120px;}
.sepetalan,
.siparisalan,
.icsayfasiparis .siparisalan {grid-template-columns:1fr; gap:24px;}
.icsayfadestek .container {grid-template-columns:1fr; gap:24px;}
.hesapozet {grid-template-columns:repeat(2,1fr);}
}

/* Son duzenlemeler */
a:focus,
a:focus-visible,
button:focus,
button:focus-visible,
.ustikon:focus,
.ustikon:focus-visible,
.mobilmenubuton:focus,
.mobilmenubuton:focus-visible {outline:0 !important; box-shadow:none !important;}

.ustmenu .ustmenusag .ustikon {border:0 !important; outline:0 !important; box-shadow:none !important;}
.ustmenu .uyegirisalan .ustikon,
.ustmenu .ustaramaalan .ustikon {border:0 !important; outline:0 !important; box-shadow:none !important;}

.formbox .hesapaksiyon {width:100%; float:left; display:flex; flex-wrap:wrap; gap:4px;}
.formbox .hesapaksiyon a,
.formbox .hesapaksiyon a:visited,
.formbox .hesapaksiyon a:hover,
.formbox .hesapaksiyon a:focus {gap:8px; color:#fff !important; text-decoration:none !important; background:#202020;}
.formbox .hesapaksiyon a:hover {background:#000;}

.formbox button,
.ozetbox button,
.uyelikbox button,
.devamet,
.odemeaksiyonlar a,
.reklampopup-link,
.cerezuyari button,
.ai-chatbot-toggle,
.ai-chatbot-form button {color:#fff !important;}
.ozetbox .alisveris {color:#202020 !important;}

.formbox .baslik small {display:block; margin-top:5px; font-size:14px; font-weight:400; color:#555; line-height:22px;}

.siparistamamlasayfa .solalan > .formbox:first-of-type {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 12px;}
.siparistamamlasayfa .solalan > .formbox:first-of-type .baslik,
.siparistamamlasayfa .solalan > .formbox:first-of-type p,
.siparistamamlasayfa .solalan > .formbox:first-of-type .odemekutu,
.siparistamamlasayfa .solalan > .formbox:first-of-type textarea {grid-column:1 / -1;}
.siparistamamlasayfa .solalan > .formbox:first-of-type input[type="hidden"] {display:none !important;}
.siparistamamlasayfa .solalan > .formbox:first-of-type input,
.siparistamamlasayfa .solalan > .formbox:first-of-type select,
.siparistamamlasayfa .solalan > .formbox:first-of-type textarea {margin-bottom:0;}

.hesabimsayfa .hesapmenu {width:100%; display:grid; grid-template-columns:1fr; gap:8px;}
.hesabimsayfa .hesapmenu,
.hesabimsayfa .hesapmenu a {min-width:0;}

.uyelikbilgilerisayfa .siparisalan {grid-template-columns:1fr 1fr;}
.uyelikbilgilerisayfa .formbox form {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 12px;}
.uyelikbilgilerisayfa .formbox form input,
.uyelikbilgilerisayfa .formbox form select,
.uyelikbilgilerisayfa .formbox form textarea {margin-bottom:0;}
.uyelikbilgilerisayfa .formbox form input[type="hidden"] {display:none !important;}
.uyelikbilgilerisayfa .formbox form button {width:max-content; grid-column:1 / -1;}

.siparisgecmisisayfa .siparisakordiyon-baslik {background:#fff !important; color:#202020 !important; grid-template-columns:minmax(0,1fr) 108px 112px 122px 18px; gap:10px; min-height:auto;}
.siparisgecmisisayfa .siparisakordiyon-baslik span,
.siparisgecmisisayfa .siparisakordiyon-baslik strong,
.siparisgecmisisayfa .siparisakordiyon-baslik small {min-width:0; color:#202020 !important; word-break:break-word;}
.siparisgecmisisayfa .siparisakordiyon-baslik small {color:#777 !important;}
.siparisgecmisisayfa .siparisakordiyon-baslik .siparisdurum {background:#f1f5f9 !important; color:#334155 !important; white-space:normal;}

.altbilgi .altbilgialt {display:flex; align-items:center; justify-content:flex-end;}
.altcopyright-logo {width:100%; display:flex; align-items:center; justify-content:space-between; gap:18px; min-height:34px;}
.altcopyright-logo img {width:90px; max-height:32px; object-fit:contain; display:block; margin-left:auto;}
.altcopyright-logo span {font-size:13px; color:#fff; line-height:20px;}

@media only screen and (max-width: 767px) {
.siparistamamlasayfa .solalan > .formbox:first-of-type,
.uyelikbilgilerisayfa .formbox form {grid-template-columns:1fr; gap:10px;}
.uyelikbilgilerisayfa .siparisalan {grid-template-columns:1fr;}
.siparisgecmisisayfa .siparisakordiyon-baslik {grid-template-columns:1fr 18px;}
.siparisgecmisisayfa .siparisakordiyon-baslik small,
.siparisgecmisisayfa .siparisakordiyon-baslik strong,
.siparisgecmisisayfa .siparisakordiyon-baslik .siparisdurum {grid-column:1 / 2;}
.formbox .hesapaksiyon a {width:100%;}
.altbilgi .altbilgialt {display:flex;}
.altcopyright-logo {align-items:flex-end; flex-direction:column; gap:10px; text-align:right;}
.altcopyright-logo img {width:82px; margin-left:0;}
}