body {font-family: "Poppins", 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; display:flex; flex-direction:column; 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:auto; aspect-ratio:1/1; 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; min-height:38px; 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; flex-wrap:wrap; gap:6px 10px; 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:auto; aspect-ratio:1/1; border-radius:7px;}
.anasayfaonecikanlar .onecikanurun .urunadi {margin-top:13px;}
.anasayfaonecikanlar .onecikanurun .urunadi a {min-height:34px; font-size:12px; line-height:17px;}
.anasayfaonecikanlar .onecikanurun .urunfiyat {margin-top:10px;}
.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:auto; aspect-ratio:1/1;}
.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:auto; aspect-ratio:1/1;}
}



.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; display:flex; flex-direction:column; 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:auto; aspect-ratio:1/1; 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; min-height:38px; 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; flex-wrap:wrap; gap:6px 10px; 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:auto; aspect-ratio:1/1; border-radius:7px;}
.anasayfaindirimli .indirimliurun .urunadi {margin-top:13px;}
.anasayfaindirimli .indirimliurun .urunadi a {min-height:34px; font-size:12px; line-height:17px;}
.anasayfaindirimli .indirimliurun .urunfiyat {margin-top:10px;}
.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:auto; aspect-ratio:1/1;}
.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:auto; aspect-ratio:1/1;}
}



.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; background: #fff;}
.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(5,minmax(0,1fr)); gap:22px; align-items:start;}

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

.icsayfaurunliste .listeurun .urunresim {width:100%; height:auto; aspect-ratio:1/1; 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:18px;}
.icsayfaurunliste .listeurun .urunadi a {width:100%; float:left; min-height:42px; font-size:14px; 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; flex-wrap:wrap; gap:6px 10px; margin-top:14px;}
.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,minmax(0,1fr)); gap:14px;}
.icsayfaurunliste .listeurun {padding:10px; border-radius:7px;}
.icsayfaurunliste .listeurun .urunresim {height:auto; aspect-ratio:1/1; border-radius:7px;}
.icsayfaurunliste .listeurun .urunadi {margin-top:13px;}
.icsayfaurunliste .listeurun .urunadi a {min-height:34px; font-size:12px; line-height:17px;}
.icsayfaurunliste .listeurun .urunfiyat {margin-top:10px;}
.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(3,minmax(0,1fr)); gap:18px;}
.icsayfaurunliste .listeurun .urunresim {height:auto; aspect-ratio:1/1;}
}

@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(4,minmax(0,1fr)); gap:18px;}
.icsayfaurunliste .listeurun .urunresim {height:auto; aspect-ratio:1/1;}
}

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

@media only screen and (max-width: 420px) {
.icsayfaurunliste {grid-template-columns:1fr;}
}



.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(5,minmax(0,1fr)); gap:22px; align-items:start;}
.icsayfaurunarama .listeurun {width:100%; height:auto; align-self:start; float:left; display:flex; flex-direction:column; background:#fff; border:1px solid #d2d2d2; border-radius:8px; padding:16px; overflow:hidden;}
.icsayfaurunarama .listeurun:hover {border-color:#d2d2d2; transform:none; box-shadow:none;}
.icsayfaurunarama .listeurun .urunresim {width:100%; height:auto; aspect-ratio:1/1; 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:18px;}
.icsayfaurunarama .listeurun .urunadi a {width:100%; float:left; min-height:42px; font-size:14px; 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; flex-wrap:wrap; gap:6px 10px; margin-top:14px;}
.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:"Poppins",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,minmax(0,1fr)); gap:14px;}
.icsayfaurunarama .listeurun {padding:10px; border-radius:7px;}
.icsayfaurunarama .listeurun .urunresim {height:auto; aspect-ratio:1/1; border-radius:7px;}
.icsayfaurunarama .listeurun .urunadi {margin-top:13px;}
.icsayfaurunarama .listeurun .urunadi a {min-height:34px; font-size:12px; line-height:17px;}
.icsayfaurunarama .listeurun .urunfiyat {margin-top:10px;}
.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,minmax(0,1fr)); gap:18px;}
.icsayfaurunarama .listeurun .urunresim {height:auto; aspect-ratio:1/1;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.icsayfaurunarama .urunler {grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px;}
.icsayfaurunarama .listeurun .urunresim {height:auto; aspect-ratio:1/1;}
}

@media only screen and (max-width: 420px) {
.icsayfaurunarama .urunler {grid-template-columns:1fr;}
}

/* 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;}
}


/* HTML-TEMPLATE-GIDA-TEMA */
body {font-family: "Poppins", sans-serif; overflow-x: hidden; padding:0; background: #FAFAFA; padding: 0 1.5% 0 1.5%;}
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:1500px;}
.ustgri {width: 100%;min-height: 40px; font-size: 12px;color: #AFAFAF;}
.ustgri-icerik {display: flex;justify-content: space-between;align-items: center;min-height: 40px;}
.ustgri-sol {display: flex;align-items: center;}
.ustgri-icerik img { margin-right: 5px;}
.ustgri-sag a {color: #AFAFAF;text-decoration: none;margin-left: 5px;}
.ustgri-sag .ayrac {margin: 0 8px;color: #AFAFAF;}
@media (max-width: 768px) {
.ustgri-icerik {flex-direction: column;text-align: center;padding: 6px 0;}
.ustgri-sag {margin-top: 4px;}
}
.ustmenu {width: 100%; min-height: 90px; background: #fff; border-radius:10px; margin-bottom: 10px;}
.ustmenu .sagalan {float: right;padding: 1.6rem 0 0 0;}
.ustmenu .sagalan {float: right;padding: 1.6rem 0 0 0;display: flex;align-items: center;gap: 15px;}
.ust-arama-alan form {position: relative;}
.ust-arama-alan input {width: 210px;height: 40px;border-radius: 30px;border: 1px solid #ddd;padding: 0 40px 0 18px;font-size: 13px;outline: none;}
.ust-arama-alan button {position: absolute;right: 12px;top: 50%;transform: translateY(-50%);background: none;border: none;color: #999;font-size: 14px;cursor: pointer;}
.ust-sepet {position: relative;width: 40px;height: 40px;background: #E10613;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: #fff;text-decoration: none;cursor: pointer;}
.ust-sepet i {font-size: 16px;}
.ust-sepet:hover {background: #101820;color: #fff; text-decoration: none;}
.sepet-sayi {position: absolute;top: -5px;right: -5px;background: #fff;color: #E10613;width: 18px;height: 18px;border-radius: 50%;font-size: 11px;display: flex;align-items: center;justify-content: center;font-weight: 700;}
.sepet-popup {position: absolute;top: 7em;right: 14em;width: 385px;background: #fff;border-radius: 10px;box-shadow: 0 15px 40px rgba(0,0,0,0.2);display: none;z-index: 9999;}
.sepet-baslik {padding: 12px 15px;border-bottom: 1px solid #eee;font-weight: 700;display: flex;justify-content: space-between;align-items: center;}
.sepet-kapat {cursor: pointer;font-size: 20px;}
.sepet-urunler {max-height: 260px;overflow-y: auto;}
.sepet-urun {display: flex;padding: 10px 15px;border-bottom: 1px solid #f2f2f2;}
.sepet-urun img {width: 50px;height: 50px;border-radius: 6px;object-fit: cover;margin-right: 10px;}
.sepet-urun-bilgi {font-size: 13px;}
.sepet-urun-bilgi span {display: block;font-size: 12px;color: #777;}
.sepet-fiyat {margin-left: auto;font-weight: 700;color: #E10613;}
.sepet-alt {padding: 12px 15px;}
.sepet-toplam {margin-bottom: 10px;font-size: 14px;}
.sepet-btn {display: block;background: #E10613;color: #fff;text-align: center;padding: 8px 0;border-radius: 25px;text-decoration: none;font-size: 14px;}
.sepet-btn:hover {background: #101820;color: #fff;}


/* K���k cihazlar (telefonlar, dikey) */
@media only screen and (max-width: 575px) {
.ustmenu {width: 100%; min-height: 130px;}
.ustmenu .sagalan {float: left;padding: 0.8rem 0 0 0; width:100%;}
.sepet-popup{position: fixed;top: 80px;right: 10px;left: 10px;width: auto;border-radius: 12px;z-index: 9999;}
.sepet-urunler{max-height: 240px;}
.sepet-urun{padding: 10px;}
.sepet-urun img{width: 45px;height: 45px;}
.sepet-urun-bilgi{font-size: 13px;}
.sepet-fiyat{font-size: 13px;}
.sepet-btn{font-size: 15px;padding: 10px 0;}
}
/* Orta cihazlar (tabletler) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.ustmenu {width: 100%; min-height: 120px;}
.ustmenu .sagalan {float: left;padding: 0.2rem 0 0 0; width:100%;}
.sepet-popup{position: fixed;top: 90px;right: 30px;width: 340px;}
}
/* B�y�k cihazlar (k���k laptoplar, b�y�k tabletler) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.ustmenu .sagalan {float: right;padding: 1.9rem 0 0 0; margin-right:50px;}

}
/* Ekstra b�y�k cihazlar (masa�st� monit�rleri) */
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
}



.urun-slider-alan {padding: 0 0 30px 0;}
.urun-kutu {padding: 10px;}
.urun-gorsel {position: relative;height: 550px;background-size: cover;background-position: center;border-radius: 10px;overflow: hidden;transition: transform 0.6s ease;}
.urun-kutu:hover .urun-gorsel {transform: scale(1.025);}
.urun-overlay {position: absolute;inset: 0;display: flex;flex-direction: column;justify-content: flex-end;align-items: center;text-align: center;padding: 30px 0 60px 0;color: #fff;transition: background 0.6s ease;}
.urun-kutu:hover .urun-overlay {}
.urun-overlay h3 {font-size: 26px;font-weight: 700;margin-bottom: 10px;}
.urun-overlay p {font-size: 14px;margin-bottom: 15px;}
.urun-btn {border: 1px solid #fff;color: #fff;padding: 6px 36px;border-radius: 20px;font-size: 13px;text-decoration: none;transition: background 0.3s ease, color 0.3s ease;}
.urun-btn:hover {background: #fff;color: #E10613;text-decoration: none;}

.urun-slider .slick-prev,
.urun-slider .slick-next {width: 45px;height: 45px;background: rgba(255,255,255,1);border-radius: 50%;z-index: 10; }
.urun-slider .slick-prev {left: 25px;}
.urun-slider .slick-next {right: 25px;}
.urun-slider .slick-prev:before,
.urun-slider .slick-next:before {content: "";}
.urun-slider .slick-prev:after {font-family: FontAwesome;content: "\f053"; /* sol ok */color: #101820;font-size: 16px;}
.urun-slider .slick-next:after {font-family: FontAwesome;content: "\f054"; /* sag ok */color: #101820;font-size: 16px;}




.anasayfa-hakkimizda {padding: 80px 0;background: #ffffff;}
.hakkimizda-gorsel img {width: 100%;border-radius: 10px 100px 10px 10px;display: block;}
.hakkimizda-icerik {padding-left: 40px;}
.kirmizi-etiket {display: inline-block;font-size: 13px;color: #E10613;margin-bottom: 10px;font-weight: 600;}
.hakkimizda-icerik h2 {font-size: 32px;font-weight: 700;margin-bottom: 20px;color: #1D1D1B;}
.hakkimizda-icerik p {font-size: 14px;line-height: 1.8;color: #555;margin-bottom: 15px;}
.hakkimizda-icerik .son-metin {margin-top: 10px;font-weight: 500;}
@media (max-width: 991px) {
.hakkimizda-icerik {padding-left: 0;margin-top: 30px;}
}


.anasayfa-onecikan {padding: 70px 0 40px 0;}
.onecikan-baslik {text-align: left;margin-bottom: 40px;}
.onecikan-baslik .kirmizi-etiket {font-size: 13px;color: #E10613;font-weight: 600;display: inline-block;margin-bottom: 6px;}
.onecikan-baslik h2 {font-size: 32px;font-weight: 700;margin-bottom: 8px;color: #1D1D1B;}

.urunlistealt-alt {margin: 35px 0;background: #fff;padding: 30px;border-radius: 10px;font-size: 14px; width: 100%; }
.urunlistealt-alt h3 {font-size: 16px;margin-bottom: 10px;}
.urunliste-kart {background: #fff;border-radius: 10px;box-shadow: 0 6px 20px rgba(0,0,0,0.08);transition: all 0.4s ease;margin-bottom: 30px; padding: 15px;}
.urunliste-kart:hover {transform: translateY(-6px);box-shadow: 0 18px 40px rgba(0,0,0,0.16);}
.urunliste-gorsel {width: 100%;height: 400px;background: #fff;display: flex;align-items: center;justify-content: center;overflow: hidden; border-radius: 10px;}
.urunliste-gorsel img {width: 100%;height: 100%;object-fit: cover;display: block;border-radius: 10px;}
.urunliste-icerik {padding: 14px 0 10px;}
.urunliste-baslik {font-size: 14px;font-weight: 600;color: #1D1D1B; margin-bottom: 12px;line-height: 1.4;}
.urunliste-alt {display: flex;align-items: center;justify-content: space-between;}
.urunliste-fiyat {display: flex;flex-direction: column;}
.urunliste-eski {font-size: 12px;color: #999;text-decoration: line-through;}
.urunliste-yeni {font-size: 16px;font-weight: 700;color: #E10613;}
.urunliste-sepet-btn {background: #E10613;color: #fff;padding: 6px 28px;border-radius: 30px;font-size: 13px;text-decoration: none;display: inline-flex;align-items: center;gap: 6px;transition: background 0.3s ease;white-space: nowrap;}
.urunliste-sepet-btn i {font-size: 12px;}
.urunliste-sepet-btn:hover {background: #101820;color: #fff;text-decoration: none;}


@media (max-width: 1024px) {

.anasayfa-onecikan {padding: 40px 0 30px 0;}
.onecikan-baslik {margin-bottom: 25px;}
.onecikan-baslik h2 {font-size: 24px;}
.urunliste-kart {padding: 12px;margin-bottom: 20px;}
.urunliste-gorsel {height: 100px;}
.urunliste-baslik {font-size: 13px;margin-bottom: 10px;}
.urunliste-alt {flex-direction: column;align-items: flex-start;gap: 10px;}
.urunliste-yeni {font-size: 15px;}
.urunliste-sepet-btn {width: 100%;justify-content: center;padding: 10px 0;font-size: 14px;}
}

.anasayfa-video {padding: 10px 0 40px 0;}
.video-kutu {position: relative;width: 100%;height: 430px; border-radius: 10px;overflow: hidden;}
.video-kutu img {width: 100%;height: 100%;object-fit: cover;display: block;}
.video-overlay {position: absolute;inset: 0;background: rgba(0,0,0,0.45);display: flex;flex-direction: column;align-items: center;justify-content: center;color: #fff;text-align: center;}
.video-play {width: 64px;height: 64px;border: 2px solid #fff;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin-bottom: 12px;cursor: pointer;}
.video-play i {font-size: 20px;margin-left: 3px;}
.video-baslik {font-size: 22px;font-weight: 600; }


.anasayfa-bilgi-bar {padding: 25px 0;}
.bilgi-bar-icerik {background: #E10613;border-radius: 10px;padding: 40px 25px;display: flex;align-items: center;}
.bilgi-item {flex: 1;display: flex;align-items: center;gap: 12px;color: #fff;padding: 0 18px;position: relative;}
.bilgi-item:not(:last-child)::after {content: "";position: absolute;right: 0;top: 10%;width: 1px;height: 80%;background: rgba(255,255,255,0.3);}
.bilgi-item i {font-size: 22px;min-width: 26px;}
.bilgi-yazi strong {display: block;font-size: 15px;font-weight: 700;margin-bottom: 3px;}
.bilgi-yazi span {font-size: 12px;opacity: 0.9;line-height: 1.4;}

@media (max-width: 768px) {
.anasayfa-bilgi-bar {padding: 20px 0;}
.bilgi-bar-icerik {flex-direction: column;padding: 25px 20px;gap: 20px;}
.bilgi-item {width: 100%;padding: 0;}
.bilgi-item::after {display: none;}
.bilgi-item i {font-size: 20px;min-width: 24px;}
.bilgi-yazi strong {font-size: 14px;}
.bilgi-yazi span {font-size: 12px;}
}



.site-footer {background: #fff;padding-top: 50px;border-radius: 10px; float: left;}
.footer-ust {display: flex;gap: 40px;}
.footer-kolon {flex: 1;font-size: 13px;color: #1D1D1B;}
.footer-logo img {max-width: 240px;margin-bottom: 6px;}
.footer-logo span {font-size: 12px;color: #1D1D1B;}
.footer-kolon h4 {font-size: 13px;font-weight: 600;margin-bottom: 15px;position: relative;padding-bottom: 6px;}
.footer-kolon h4::after {content: "";position: absolute;left: 0;bottom: 0;width: 70px;height: 2px;background: #E10613;}
.footer-liste {list-style: none;padding: 0;margin: 0;}
.footer-liste li {margin-bottom: 14px;line-height: 1.6;}
.footer-liste i {color: #E10613;margin-right: 6px;}
.footer-linkler {list-style: none;padding: 0;margin: 0;}
.footer-linkler li {margin-bottom: 8px;}
.footer-linkler a {color: #1D1D1B;text-decoration: none;font-size: 13px;}
.footer-linkler a:hover {color: #E10613;}
.footer-alt {margin-top: 40px;padding: 14px 0;text-align: center;font-size: 12px;color: #777;border-top: 1px solid #eee;}
@media (max-width: 991px) {
.footer-ust {flex-direction: column;gap: 30px;}
}


.urun-breadcrumb {margin-bottom: 30px;}
.urun-breadcrumb-ic {background: #E10613;padding: 28px 20px;border-radius: 10px;color: #fff;font-size: 13px;font-weight: 500;}
.urun-breadcrumb span {color: #fff;font-size: 13px;}
.urun-breadcrumb a {color: #fff;text-decoration: none;font-weight: 500;}
.urun-breadcrumb i {margin: 0 6px;font-size: 12px;opacity: 0.8;}
.urun-breadcrumb strong {font-weight: 700;}
@media (max-width: 576px) {
.urun-breadcrumb {padding: 14px 0;}
.urun-breadcrumb span {font-size: 12px;}
}




.urundetay-alan {padding: 0 0 50px 0;}
.urundetay-kutu {background: #fff;border-radius: 12px;padding: 30px;display: flex;gap: 40px;}
.urundetay-sol,
.urundetay-sag {flex: 1;}
.urundetay-gorsel {border-radius: 12px;overflow: hidden;}
.urundetay-gorsel img {width: 100%;display: block;}
.urundetay-baslik {font-size: 20px;font-weight: 700;margin-bottom: 12px;color: #1D1D1B;}
.urundetay-kisaaciklama {font-size: 13px;color: #555;line-height: 1.6;margin-bottom: 16px;}
.urundetay-fiyat {margin-bottom: 16px;}
.urundetay-eski {font-size: 13px;color: #999;text-decoration: line-through;display: block;}
.urundetay-yeni {font-size: 20px;font-weight: 700;color: #E10613;}
.urundetay-sepet {display: flex;align-items: center;gap: 12px;}
.urundetay-adet {display: flex;border: 1px solid #ddd;border-radius: 6px;overflow: hidden;}
.urundetay-adet button {width: 34px;border: none;background: #f5f5f5;cursor: pointer;}
.urundetay-adet input {width: 40px;border: none;text-align: center;outline: none;}
.urundetay-sepet-btn {background: #E10613;color: #fff;padding: 8px 26px;border-radius: 30px;font-size: 13px;text-decoration: none;display: inline-flex;align-items: center;gap: 6px;}
.urundetay-whatsapp-btn {background: #25D366;color: #fff;padding: 8px 26px;border-radius: 30px;font-size: 13px;text-decoration: none;display: inline-flex;align-items: center;gap: 6px;}
.urundetay-sepet-btn:hover {background: #101820;color: #fff;text-decoration: none;}
.urundetay-whatsapp-btn:hover {background: #1ebe5d;color: #fff;text-decoration: none;}
.urundetay-alt {margin-top: 35px;background: #fff;padding: 30px;border-radius: 10px;font-size: 14px;}
.urundetay-alt h3 {font-size: 16px;margin-bottom: 10px;}
.urundetay-adet button:focus,
.urundetay-adet button:active,
.urundetay-sepet-btn:focus,
.urundetay-sepet-btn:active,
.urundetay-whatsapp-btn:focus,
.urundetay-whatsapp-btn:active {outline: none;box-shadow: none;border: none;}
@media (max-width: 768px) {
.urundetay-kutu {flex-direction: column;}
.urundetay-sepet {flex-direction: column;align-items: stretch;}
.urundetay-sepet a {justify-content: center;}
}



.sepet-alan {padding: 20px 0;}
.sepet-urun-kutu {background: #fff;border-radius: 14px;padding: 20px;}
.sepet-urun {display: flex;align-items: center;gap: 16px;padding: 15px;border-radius: 12px;background: #fff;box-shadow: 0 6px 20px rgba(0,0,0,0.06);margin-bottom: 20px;}
.sepet-urun-gorsel img {width: 80px;height: 80px;object-fit: cover;border-radius: 10px;}
.sepet-urun-bilgi {flex: 1;}
.sepet-urun-bilgi h4 {font-size: 14px;font-weight: 600;color: #1D1D1B;margin-bottom: 8px;}
.sepet-adet {display: inline-flex;align-items: center;border: 1px solid #ddd;border-radius: 6px;overflow: hidden;}
.sepet-adet button {width: 32px;height: 32px;border: none;background: #f5f5f5;font-size: 16px;cursor: pointer;}
.sepet-adet input {width: 40px;height: 32px; border: none;text-align: center;font-size: 13px;outline: none;}
.sepet-adet button:focus,
.sepet-adet button:active {outline: none;box-shadow: none;}
.sepet-urun-fiyat strong {font-size: 16px;font-weight: 700;color: #1D1D1B;}
.sepet-urun-sil {margin-left: auto;color: #E10613;cursor: pointer;font-size: 16px;}
.sepet-guncelle {text-align: right;}
.sepet-guncelle-btn {background: #E10613;color: #fff;padding: 8px 18px;border-radius: 20px;font-size: 13px;text-decoration: none;}
.sepet-guncelle-btn:hover {background: #101820;color: #fff;text-decoration: none;}
.sepet-ozet {background: #fff;border-radius: 14px;padding: 25px;box-shadow: 0 6px 20px rgba(0,0,0,0.06);}
.sepet-ozet h3 {font-size: 16px;font-weight: 700;margin-bottom: 15px;}
.sepet-ozet ul {list-style: none;padding: 0;margin: 0 0 15px 0;}
.sepet-ozet li {display: flex;justify-content: space-between;font-size: 13px;padding: 8px 0;border-bottom: 1px solid #eee;}
.sepet-genel-toplam strong {font-size: 15px;font-weight: 700;color: #1D1D1B;}
.sepet-uyari {background: #fff5f5;color: #E10613;padding: 10px;border-radius: 8px;font-size: 13px;margin-bottom: 15px;}

.sepet-uyari a {pointer-events: auto; /* SADECE link tiklanabilir olsun */position: relative;z-index: 9999;color: #fff;}
.sepet-tamamla-btn {display: block;background: #E10613;color: #fff;text-align: center;padding: 12px;border-radius: 10px;font-size: 15px;text-decoration: none;margin-bottom: 10px;}
.sepet-tamamla-btn:hover {background: #101820;color: #fff;text-decoration: none;}
.sepet-devam-btn {display: block;text-align: center;border: 1px solid #ddd;padding: 10px;border-radius: 10px;font-size: 14px;color: #333;text-decoration: none;}
.sepet-devam-btn:hover {background: #f5f5f5;text-decoration: none;color: #E10613;}
@media (max-width: 768px) {
.sepet-urun {flex-direction: column;align-items: flex-start;gap: 12px;}
.sepet-urun-sil {margin-left: 0;}
.sepet-guncelle {text-align: left;}
}



.odeme-alan {padding: 20px 0;background: #fafafa;}
.odeme-kutu {background: #fff;border-radius: 14px;padding: 25px;margin-bottom: 25px;}
.odeme-baslik {font-size: 18px;font-weight: 700;margin-bottom: 20px;}
.odeme-input,
.odeme-textarea {width: 100%;border: 1px solid #ddd;border-radius: 8px;padding: 12px;font-size: 14px;margin-bottom: 15px;}
.odeme-textarea {min-height: 90px;}
.odeme-input.tam {width: 100%;}
.odeme-checkbox {display: block;font-size: 13px;margin-top: 10px;}
.odeme-checkbox span {color: #E10613;}
.odeme-radio {background: #f5f5f5;padding: 12px;border-radius: 8px;margin-bottom: 15px;}
.kart-onizleme {background: #e0e0e0;border-radius: 12px;height: 170px;display: flex;align-items: center;justify-content: center;font-weight: 700;color: #999;}
.siparis-ozet {background: #fff;border-radius: 14px;padding: 24px;box-shadow: 0 10px 30px rgba(0,0,0,0.04);}
.siparis-ozet h3 {font-size: 18px;font-weight: 700;margin-bottom: 18px;}
.siparis-ozet table {width: 100%;font-size: 13px;margin-bottom: 18px;border-collapse: collapse;}
.siparis-ozet th {text-align: left;font-weight: 600;padding-bottom: 10px;border-bottom: 1px solid #eee;color: #555;}
.siparis-ozet td {padding: 12px 0;vertical-align: top;}
.siparis-ozet td:nth-child(2),
.siparis-ozet td:nth-child(3),
.siparis-ozet th:nth-child(2),
.siparis-ozet th:nth-child(3) {text-align: right;}
.siparis-ozet ul {list-style: none;padding: 0;margin: 18px 0 0 0;border-top: 1px dashed #ddd;padding-top: 14px;}
.siparis-ozet li {display: flex;justify-content: space-between;align-items: center;font-size: 14px;margin-bottom: 10px;color: #333;}
.siparis-ozet li span {color: #666;}
.siparis-ozet li strong {font-weight: 600;}
.siparis-ozet li.genel {margin-top: 12px;padding-top: 12px;border-top: 1px solid #eee;}
.siparis-ozet li.genel span {font-weight: 700;color: #000;}
.siparis-ozet li.genel strong {font-size: 18px;font-weight: 800;color: #E10613;}
.siparis-ozet label { font-size: 13px; margin: 5px 0;}
.odeme-checkbox {margin-top: 18px;font-size: 13px;line-height: 1.4;color: #333;}
.odeme-checkbox input {margin-right: 6px;}
.odeme-checkbox span {color: #e60000;font-weight: 600;}
.odeme-btn {display: block;width: 100%;background: #1B8F4E;color: #fff;text-align: center;padding: 15px;border-radius: 12px;font-size: 14px;font-weight: 600;text-decoration: none;margin-top: 18px;border: none;cursor: pointer;transition: background 0.25s ease;}
.odeme-btn:hover {background: #157a42;color: #fff;}



.bilgi-alan {padding: 0 0 50px 0;}
.bilgi-kutu {background: #fff;border-radius: 12px;padding: 30px; display: flex;  font-size: 14px;}


.iletisim-sayfa {display: flex;gap: 40px;width: 100%;}
.iletisim-sol {flex: 0 0 40%;max-width: 40%;padding: 10px;border-radius: 20px;}
.iletisim-sag {flex: 0 0 57%;max-width: 60%;}
.iletisim-bilgi {margin-bottom: 25px;}
.iletisim-bilgi h4 {font-size: 15px;font-weight: bold;color: #0A1832;margin-bottom: 6px;}
.iletisim-bilgi a,
.iletisim-bilgi p {font-size: 14px;color: #0A1832;line-height: 22px;text-decoration: none;}
.iletisim-sag iframe {width: 100%;height: 380px;border: none;border-radius: 20px;box-shadow: 0 0 20px rgba(0,0,0,0.06);}
@media (max-width: 900px) {
.iletisim-sayfa {flex-direction: column;gap: 30px;padding: 0 20px;}
.iletisim-sol,
.iletisim-sag {flex: 0 0 100%;max-width: 100%;}
}


.kurumsal-yazi-alan {width: 100%; ;padding: 10px;border-radius: 20px; }
.kurumsal-baslik {font-size: 26px;font-weight: 700;color: #0A1832;margin-bottom: 25px;}
.kurumsal-icerik {font-size: 15px;line-height: 28px;color: #333;}
.kurumsal-icerik p {margin-bottom: 18px;}
@media (max-width: 900px) {
.kurumsal-yazi-alan {padding: 25px;}
.kurumsal-baslik {font-size: 22px;}
}



.anasayfa-seo-alan {padding: 60px 0;background: #ffffff; border-radius: 10px;}
.seo-icerik {margin: 0 auto;text-align: center;}
.seo-icerik h2 {font-size: 18px;font-weight: 700;margin-bottom: 25px;color: #111;}
.seo-icerik h3 {font-size: 16px;font-weight: 600;margin: 30px 0 20px;color: #222;}
.seo-icerik p {font-size: 14px;line-height: 1.8;color: #555;margin-bottom: 18px;}
.seo-vurgu {font-weight: 600;color: #880D0D;margin-top: 25px;}
/* Responsive */
@media (max-width: 768px) {
.seo-icerik h2 {font-size: 22px;}
.seo-icerik h3 {font-size: 18px;}
.seo-icerik p {font-size: 14px;}
}



#header { width: 100%;}
#header:after { content: ""; clear: both; display: block; }
.logo { float: left; padding: 1.4rem 0 0 0; z-index: 1; }
.logo a { display: block; padding: 0; }

/* Responsive ayarlamalar */
@media only screen and (max-width: 575px) {
.logo { float: left; padding: 1.2rem 0 0 0; width:80%;}
.logo img { max-width: 60%; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.logo { float: left; padding: 7px 0 0 0; }
.logo img { max-width: 80%; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
.logo { float: left; padding: 21px 0 0 0; }
.logo img { max-width: 90%; }
}

nav {display: flex;justify-content: center;}
nav > ul { float: left; position: relative; }
nav li { list-style: none; float: left; position: relative; }
nav .dropdown { position: relative; }
nav li a { float: left; padding: 2.2rem 0.4rem 2.2rem 0.4rem; color: #101820; font-size: 14px; font-weight: 600;}
nav li a i { font-size: 7px; }
nav li a:hover { color: #E10613; text-decoration: none; transition: all .35s; }
nav li ul.submenu {display: none;position: absolute;left: 0;top: 100%;background: #fff;padding: 20px 0 20px 0; z-index: 10; border-radius: 0px 0px 5px 5px;}
nav li:hover > ul.submenu {display: block;}
nav li ul.submenu .submenu {display: none;position: absolute;left: 100%;top: 0;background: #fff;padding: 10px 0 10px 20px; z-index: 10; border-radius: 0px 5px 5px 0px;}
nav li:hover ul.submenu li:hover > .submenu {display: block;}
nav .dropdown li { white-space: nowrap; }
nav .dropdown li a { padding: 7px 25px; font-size: 13px; min-width: 200px; color: #101820; font-weight: bold; }
nav .dropdown li a:hover { background: none; border-top: none; color:#E10613; text-decoration:underline; }

#menu-icon { position: absolute; right: 0; top: 0%; display: none; }
#menu-icon span { border: 2px solid #E10613; width: 30px; margin-bottom: 5px; display: block; transition: all .1s; }


@media only screen and (max-width: 575px) {
#menu-icon { display: inline; top: 8em; cursor: pointer; right: 2em; }
nav { display: none; width: 100%; clear: both; float: none; max-height: 400px; overflow: auto; padding-top:30px;}
nav ul { float: none; padding: 0 0 30px 0; }
nav li { float: none; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
nav ul li a { float: none; padding: 8px; display: block; border-bottom:1px solid #f4f4f4; width:100%;}
#header nav ul ul { display: block; position: static; background: none; border: none; padding: 0; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
#menu-icon { display: inline; top: 7.5em; cursor: pointer; right: 2em; }
nav { display: none; width: 100%; clear: both; float: none; max-height: 400px; overflow: auto; padding-top:30px;}
nav ul { float: none; padding: 0 0 30px 0; }
nav li { float: none; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
nav ul li a { float: none; padding: 8px; display: block; border-bottom:1px solid #f4f4f4; width:100%;}
#header nav ul ul { display: block; position: static; background: none; border: none; padding: 0; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
#menu-icon { display: inline; top: 5em; cursor: pointer; right: 2em; }
nav { display: none; width: 100%; clear: both; float: none; max-height: 400px; overflow: auto; padding-top:30px;}
nav ul { float: none; padding: 0 0 30px 0; }
nav li { float: none; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
nav ul li a { float: none; padding: 8px; display: block; border-bottom:1px solid #f4f4f4; width:100%;}
#header nav ul ul { display: block; position: static; background: none; border: none; padding: 0; }
}

/* Ekstra b�y�k cihazlar (masa�st� monit�rleri) */
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
#menu-icon { display: none; top: 32px; cursor: pointer; right: 1em; }	
}




.slick-slide {margin: 0 0;}
.slick-list {margin: 0px -5px 0px -5px;}


.slick-slider{position: relative;display: block;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track{position: relative;top: 0;left: 0;display: block;}
.slick-track:before,
.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left; min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list{}
/* Arrows */
.slick-prev,
.slick-next{font-size: 0;line-height: 0;position: absolute;top: 50%;display: block;width: 0;height: 0; padding: 0;cursor: pointer; border: none;outline: none; }
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus{color: transparent;outline: none; }
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before{opacity: 1;}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before{opacity: .25;}
.slick-prev:before,
.slick-next:before{font-family: 'slick';font-size: 20px;line-height: 1;opacity: .75;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.slick-prev{left: -25px;}
[dir='rtl'] .slick-prev{right: -25px;left: auto;}
.slick-prev:before{content: '';}
[dir='rtl'] .slick-prev:before{content: '';font-weight: bold;font-size: 20px;}
.slick-next{right: -25px;}
[dir='rtl'] .slick-next{right: auto;left: -25px;}
.slick-next:before{content: '';}
[dir='rtl'] .slick-next:before{content: '';}


.slick-dots {display: flex;justify-content: center;margin: 20px;padding: 0 10px;list-style-type: none;}
.slick-dots li {margin: 0 3px 0 3px ;}
.slick-dots button {display: block;width: 35px;height: 8px;padding: 0;border: none; background-color: #333;text-indent: -9999px; border-radius: 2px;}
.slick-dots li.slick-active button {background-color:#F1831D; outline:none; border:none; cursor:pointer;}




.scroll-container {height: 100vh;min-height: 450px;padding: 2rem 1rem;display: flex;align-items: center;box-sizing: border-box;}
.scroll-container:nth-of-type(1) {background-color: #bdd0c4;}
.scroll-container:nth-of-type(2) {background-color: #f5d2d3;}
.scroll-container:nth-of-type(3) {background-color: #9ab7d3;}
.scroll-container:nth-of-type(4) {background-color: #dfccf1;}
.scroll-container:nth-of-type(even) {flex-direction: row-reverse;}
.scroll-element,
.scroll-caption {width: 50%;}
.scroll-element {min-height: 300px;height: 100%;background-color: #eaeaea;}
.scroll-caption {margin: 1rem;}
@media screen and (max-width: 650px) {
.scroll-container,
.scroll-container:nth-of-type(even) {flex-direction: column;align-content: inherit;}
.scroll-element {height: 100%;}
.scroll-element,
.scroll-caption {width: 100%;}
}
.js-scroll {opacity: 0;transition: opacity 500ms;}
.js-scroll.scrolled {opacity: 1;}
.scrolled.fade-in {animation: fade-in 1s ease-in-out both;}
.scrolled.fade-in-bottom {animation: fade-in-bottom 1s ease-in-out both;}
.scrolled.slide-left {animation: slide-in-left 1s ease-in-out both;}
.scrolled.slide-right {animation: slide-in-right 1s ease-in-out both;}
@keyframes slide-in-left {
0% {-webkit-transform: translateX(-100px);transform: translateX(-100px);opacity: 0;}
100% {-webkit-transform: translateX(0);transform: translateX(0);opacity: 1;}
}

@keyframes slide-in-right {
0% {-webkit-transform: translateX(100px);transform: translateX(100px);opacity: 0;}
100% {-webkit-transform: translateX(0);transform: translateX(0);opacity: 1;}
}
@keyframes fade-in-bottom {
0% {-webkit-transform: translateY(50px);transform: translateY(50px);opacity: 0;}
100% {-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;}
}

@keyframes fade-in {
0% {opacity: 0;}
100% {opacity: 1;}
}




.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: #E30613;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;}


.sepet-uyari{position: fixed;right: 20px;top: 6em;background: #198754;color: #fff;padding: 14px 22px;border-radius: 8px;font-size: 14px;opacity: 0;transform: translateY(20px);pointer-events: none;transition: all .3s ease;z-index: 9999;}
.sepet-uyari.aktif{opacity: 1;transform: translateY(0);}
.sepet-sil-btn { color: #E10613; margin-left: 5px;}
.sepet-sil-btn:hover { color: #E10613; text-decoration: none;}

.odeme-tablar {display: flex;gap: 10px;margin-bottom: 20px;flex-wrap: wrap;}
.odeme-tab {flex: 1;padding: 12px 15px;background: #f2f2f2;border: 1px solid #ddd;border-radius: 6px;font-weight: 600;color: #101820;cursor: pointer;transition: all 0.25s ease;text-align: center;font-size: 13px;}
.odeme-tab:hover {background: #eaeaea;}
.odeme-tab.aktif {background: #101820;color: #fff;border-color: #101820;}
.odeme-panel {border: 1px solid #eee;border-radius: 8px;padding: 18px;background: #fafafa;animation: fadeIn 0.25s ease;margin-bottom: 10px;}
.odeme-panel h4 {font-size: 14px;margin-bottom: 12px;font-weight: 700;}
.odeme-panel p {margin-bottom: 6px;font-size: 14px;}
.odeme-checkbox {display: block;margin-top: 15px;font-size: 13px;line-height: 1.4;}
.odeme-checkbox span {font-weight: 600;text-decoration: underline;}
@keyframes fadeIn {
from {opacity: 0;transform: translateY(5px);}
to {opacity: 1;transform: translateY(0);}
}

/* Mobil uyum */
@media (max-width: 576px) {
.odeme-tab {font-size: 14px;padding: 10px;}
}


.video-reels-modal .modal-dialog {max-width: 420px; /* desktop */width: 95%;}
.reels-wrapper {position: relative;width: 100%;padding-top: 177.77%;background: #000;border-radius: 14px;overflow: hidden;}
.reels-wrapper video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
/* Mobil iyilestirme */
@media (max-width: 576px) {
.video-reels-modal .modal-dialog {max-width: 100%;margin: 0 auto;}
}



/* Static template responsive product grid */
*, *::before, *::after {box-sizing: border-box;}
img, video, iframe {max-width: 100%;}
.urun-grid {display: flex;flex-wrap: wrap;align-items: stretch;margin-left: -10px;margin-right: -10px;}
.urun-grid > .product-card-col {position: relative;width: 100%;min-width: 0;padding-left: 10px;padding-right: 10px;flex: 0 0 20%;max-width: 20%;display: flex;}
.urun-grid > .col-12 {flex: 0 0 100%;max-width: 100%;padding-left: 10px;padding-right: 10px;}
.urun-grid .urunliste-kart {width: 100%;height: calc(100% - 20px);display: flex;flex-direction: column;margin-bottom: 20px;padding: 12px;border-radius: 8px;}
.urun-grid .urunliste-gorsel {height: auto;aspect-ratio: 1 / 1;border-radius: 8px;}
.urun-grid .urunliste-gorsel a {display: block;width: 100%;height: 100%;}
.urun-grid .urunliste-gorsel img {width: 100%;height: 100%;object-fit: cover;border-radius: 8px;}
.urun-grid .urunliste-icerik {display: flex;flex: 1;flex-direction: column;padding: 12px 0 4px;}
.urun-grid .urunliste-baslik {min-height: 40px;margin-bottom: 12px;overflow-wrap: anywhere;}
.urun-grid .urunliste-alt {margin-top: auto;display: flex;flex-direction: column;align-items: stretch;gap: 10px;}
.urun-grid .urunliste-fiyat {min-height: 38px;justify-content: flex-end;}
.urun-grid .urunliste-sepet-btn {width: 100%;min-height: 40px;justify-content: center;padding: 10px 12px;border-radius: 24px;white-space: normal;text-align: center;line-height: 1.25;}
.urun-grid .urunliste-sepet-btn i {flex: 0 0 auto;}
.ust-arama-alan input {max-width: 100%;}
.site-footer, .ustmenu, .anasayfa-seo-alan, .bilgi-bar-icerik, .video-kutu {max-width: 100%;}

@media (max-width: 1199.98px) {
.urun-grid > .product-card-col {flex-basis: 25%;max-width: 25%;}
}

@media (max-width: 991.98px) {
.urun-grid > .product-card-col {flex-basis: 33.333333%;max-width: 33.333333%;}
.hakkimizda-icerik {padding-left: 0;}
.ustmenu .sagalan {margin-right: 60px;}
}

@media (max-width: 767.98px) {
body {padding-left: 10px;padding-right: 10px;}
.urun-grid {margin-left: -7px;margin-right: -7px;}
.urun-grid > .product-card-col, .urun-grid > .col-12 {padding-left: 7px;padding-right: 7px;}
.urun-grid > .product-card-col {flex-basis: 50%;max-width: 50%;}
.urun-grid .urunliste-kart {padding: 10px;margin-bottom: 14px;}
.urun-grid .urunliste-baslik {min-height: 36px;font-size: 13px;}
.urun-grid .urunliste-yeni {font-size: 14px;}
.urun-grid .urunliste-eski {font-size: 11px;}
.ustmenu {min-height: auto;padding-bottom: 14px;}
.ustmenu .sagalan {float: none;width: 100%;display: grid;grid-template-columns: minmax(0, 1fr) 40px;gap: 10px;margin-right: 0;padding-top: 12px;}
.ust-arama-alan form, .ust-arama-alan input {width: 100%;}
.logo {float: none;width: 70%;padding-top: 14px;}
#menu-icon {top: 24px;right: 18px;}
.video-kutu {height: 280px;}
.sepet-popup {left: 10px;right: 10px;width: auto;}
}

@media (max-width: 420px) {
.urun-grid > .product-card-col {flex-basis: 100%;max-width: 100%;}
.urun-grid .urunliste-baslik {min-height: 0;}
.logo {width: 78%;}
.ustgri-sag a {display: inline-flex;align-items: center;justify-content: center;margin: 2px 0;}
.ustgri-sag .ayrac {display: none;}
.anasayfa-hakkimizda, .anasayfa-seo-alan {padding-top: 36px;padding-bottom: 36px;}
}

/* Canli PHP uyumluluklari */
.ustmenu {position: relative;z-index: 30;overflow: visible;}
.ustmenu #header {min-height: 90px;display: grid;grid-template-columns: minmax(280px, 1fr) auto minmax(280px, 1fr);align-items: center;gap: 24px;position: relative;}
.ustmenu .logo {float: none;width: auto;padding: 0;justify-self: start;}
.ustmenu .logo img {width: auto;max-width: 280px;max-height: 64px;display: block;}
.ustmenu nav {display: flex;justify-content: center;justify-self: center;width: auto;overflow: visible;}
.ustmenu nav > ul {float: none;display: flex;align-items: center;justify-content: center;gap: 18px;margin: 0;padding: 0;}
.ustmenu nav li {float: none;}
.ustmenu nav > ul > li > a {float: none;display: flex;align-items: center;height: 90px;padding: 0;color: #101820;line-height: 1;}
.ustmenu nav li.dropdown {position: relative;}
.ustmenu nav li.dropdown > ul.submenu {display: block;position: absolute;left: 50%;top: calc(100% - 6px);width: 220px;min-width: 220px;margin: 0;padding: 8px 0;background: #fff;border: 1px solid #f1f1f1;border-radius: 0 0 8px 8px;box-shadow: 0 18px 38px rgba(0,0,0,.08);opacity: 0;visibility: hidden;pointer-events: none;transform: translate(-50%, 8px);transition: opacity .18s ease, transform .18s ease, visibility .18s;z-index: 10020;}
.ustmenu nav li.dropdown:hover > ul.submenu,
.ustmenu nav li.dropdown.acik > ul.submenu {opacity: 1;visibility: visible;pointer-events: auto;transform: translate(-50%, 0);}
.ustmenu nav li.dropdown > ul.submenu li {width: 100%;float: none;display: block;white-space: nowrap;}
.ustmenu nav li.dropdown > ul.submenu li a {width: 100%;min-width: 0;height: 38px;float: none;display: flex;align-items: center;justify-content: flex-start;padding: 0 16px;border-bottom: 1px solid #f6f6f6;color: #101820;font-size: 13px;font-weight: 600;line-height: 18px;text-decoration: none;}
.ustmenu nav li.dropdown > ul.submenu li:last-child a {border-bottom: 0;}
.ustmenu nav li.dropdown > ul.submenu li a:hover {background: #fafafa;color: #E10613;text-decoration: none;}
.ustmenu .sagalan {float: none;width: auto;padding: 0;display: flex;align-items: center;justify-content: flex-end;gap: 15px;justify-self: end;grid-column: 3;grid-row: 1;}
.ust-hesap {height: 40px;display: inline-flex;align-items: center;justify-content: center;gap: 8px;padding: 0 14px;background: #101820;border-radius: 30px;color: #fff;font-size: 12px;font-weight: 500;line-height: 1;text-decoration: none;white-space: nowrap;}
.ust-hesap i {font-size: 14px;line-height: 1;}
.ust-hesap:hover {background: #E10613;color: #fff;text-decoration: none;}
.ustmenu #sepetUyari {grid-column: 1 / -1;}
.ustmenu #menu-icon {z-index: 10030;}
.icsayfaust.urun-breadcrumb {width: 100%;margin: 0 0 30px 0;padding: 0;}
.icsayfaust.urun-breadcrumb .container-fluid {max-width: 1500px;padding-left: 15px;padding-right: 15px;margin: 0 auto;}
.icsayfaust.urun-breadcrumb .icsayfaustkutu.urun-breadcrumb-ic {height: auto;min-height: 74px;background: #E10613;padding: 28px 20px;border-radius: 10px;color: #fff;text-align: center;}
.icsayfaust.urun-breadcrumb .icsayfaustkutu h1 {font-size: 16px;margin-bottom: 8px;color: #fff;}
.urun-grid .urunliste-kart {min-width: 0;background: #fff;}
.urun-grid .urunliste-gorsel {background: #fff;}
.urun-grid .urunliste-gorsel img {object-fit: cover;padding: 0;background: #fff;}
.urun-grid .urunliste-baslik {text-transform: none;}
.urun-grid .urunliste-sepet-btn {background: #E10613;color: #fff;}
.icsayfaurunleric {align-items: start;}
.icsayfaurunler .urun-grid > .product-card-col {flex-basis: 25%;max-width: 25%;}
.icsayfaurundetay {padding: 20px 0 60px 0;}
.icsayfaurundetay .urundetayic.urundetay-kutu {width: 100%;display: grid;grid-template-columns: minmax(0, 725px) minmax(0, 1fr);gap: 56px;align-items: start;background: #fff;border-radius: 12px;padding: 30px;}
.icsayfaurundetay .urundetaysol.urundetay-sol {width: 100%;display: block;min-width: 0;}
.icsayfaurundetay .urundetaysag.urundetay-sag {width: 100%;min-width: 0;padding-top: 6px;}
.icsayfaurundetay .urunkucukresimler {display: none !important;}
.icsayfaurundetay .urunbuyukresim.urundetay-gorsel {width: 100%;height: auto;aspect-ratio: 1 / 1;background: #fff;border-radius: 12px;overflow: hidden;}
.icsayfaurundetay .urunbuyukresim.urundetay-gorsel a {display: block;width: 100%;height: 100%;}
.icsayfaurundetay .urunbuyukresim.urundetay-gorsel img {width: 100%;height: 100%;object-fit: cover;padding: 0;background: #fff;}
.icsayfaurundetay .urundetay-baslik {float: none;width: 100%;font-size: 20px;font-weight: 700;line-height: 1.35;margin: 0 0 12px 0;color: #1D1D1B;text-transform: uppercase;}
.icsayfaurundetay .urundetay-kisaaciklama {float: none;width: 100%;font-size: 13px;line-height: 1.7;margin-bottom: 16px;color: #555;}
.icsayfaurundetay .urunfiyatdetay.urundetay-fiyat {float: none;width: 100%;margin: 18px 0 18px 0;}
.icsayfaurundetay .urunfiyatdetay.urundetay-fiyat span {float: none;width: auto;display: block;font-size: 13px;color: #999;}
.icsayfaurundetay .urunfiyatdetay.urundetay-fiyat strong {float: none;width: auto;display: block;font-size: 22px;font-weight: 700;color: #101820;line-height: 1.25;}
.icsayfaurundetay .odeme-indirim-bilgi {font-size: 14px;font-weight: 500;color: #101820;margin: 8px 0;}
.icsayfaurundetay .urunadetuyari {width: 100%;margin: 14px 0;padding: 12px 14px;background: #fff8e8;border: 1px solid #ffe0a3;border-radius: 8px;font-size: 13px;line-height: 1.55;color: #4a3514;}
.icsayfaurundetay .cizgi {display: block !important;width: 100%;height: 1px;background: #eee;margin: 18px 0;}
.icsayfaurundetay .varyantsecim {display: block !important;width: 100%;margin-bottom: 2px;}
.icsayfaurundetay .varyantsecim-grup {display: block;width: 100%;margin-bottom: 12px;}
.icsayfaurundetay .varyasyonbaslik {display: block !important;float: none;width: 100%;font-size: 14px;font-weight: 600;color: #202020;line-height: 20px;margin: 0 0 9px 0;}
.icsayfaurundetay .varyasyonsecenek {display: flex !important;float: none;width: 100%;align-items: center;flex-wrap: wrap;gap: 8px;margin: 0 0 14px 0;}
.icsayfaurundetay .varyasyonsecenek button {width: auto;min-width: 76px;height: 34px;float: none;background: #fff;border: 1px solid #202020;border-radius: 4px;font-size: 12px;font-weight: 500;color: #202020;padding: 0 14px;cursor: pointer;transition: all .2s ease;}
.icsayfaurundetay .varyasyonsecenek button:hover,
.icsayfaurundetay .varyasyonsecenek button.aktif {background: #202020;color: #fff;}
.icsayfaurundetay .varyasyonsecenek button.pasif,
.icsayfaurundetay .varyasyonsecenek button:disabled {opacity: .45;cursor: not-allowed;}
.icsayfaurundetay .varyantsecim-not {display: block !important;float: none;width: 100%;font-size: 12px;font-weight: 500;color: #777;line-height: 18px;margin: -4px 0 16px 0;}
.icsayfaurundetay .urunalansatir.urundetay-sepet {float: none;width: 100%;display: flex;align-items: center;flex-wrap: wrap;gap: 8px 10px;margin-top: 14px;}
.icsayfaurundetay .adetsecici.urundetay-adet {width: 90px;height: 36px;float: none;display: flex;align-items: center;border: 1px solid #999;border-radius: 4px;overflow: hidden;background: #fff;}
.icsayfaurundetay .adetsecici.urundetay-adet button {width: 28px;height: 36px;border: 0;background: #fff;font-size: 14px;font-weight: 600;color: #202020;cursor: pointer;}
.icsayfaurundetay .adetsecici.urundetay-adet input {width: 34px;height: 36px;border: 0;text-align: center;font-size: 13px;font-weight: 400;color: #202020;}
.icsayfaurundetay .sepeteekle.urundetay-sepet-btn {width: 170px;min-width: 170px;height: 36px;float: none;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 .25s ease;}
.icsayfaurundetay .sepeteekle.urundetay-sepet-btn:hover {background: #202020;color: #fff;}
.icsayfaurundetay .whatsappbuton.urundetay-whatsapp-btn {width: 170px;min-width: 170px;height: 36px;float: none;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 .25s ease;}
.icsayfaurundetay .whatsappbuton.urundetay-whatsapp-btn:hover {background: #202020;color: #fff;}
.icsayfaurundetay .urundetay-alt {width: 100%;margin-top: 30px;background: #fff;padding: 30px;border-radius: 10px;font-size: 14px;line-height: 1.8;color: #444;}
.icsayfaurundetay .urundetay-alt h3 {font-size: 16px;font-weight: 700;margin-bottom: 10px;color: #1D1D1B;}
.icsayfaurundetay .urun-aciklama-icerik p {margin-bottom: 12px;}
.site-footer .footer-ust {width: 100%;display: grid;grid-template-columns: 1.2fr 1.4fr repeat(3, minmax(0, 1fr));gap: 28px;}
.site-footer .footer-kolon {min-width: 0;}
.site-footer .footer-logo img {max-width: 100%;}
.boslistekutu {width: 100%;background: #fff;border-radius: 10px;padding: 24px;font-size: 14px;}

@media (max-width: 1199px) {
.site-footer .footer-ust {grid-template-columns: repeat(2, minmax(0, 1fr));}
.icsayfaurunler .urun-grid > .product-card-col {flex-basis: 33.333333%;max-width: 33.333333%;}
}

@media (max-width: 991.98px) {
.ustmenu #header {min-height: auto;display: grid;grid-template-columns: minmax(0, 1fr) 44px;gap: 12px;padding: 14px 0;}
.ustmenu .logo {grid-column: 1;grid-row: 1;align-self: center;}
.ustmenu .logo img {max-width: 240px;max-height: 58px;}
.ustmenu #menu-icon {position: static;display: block;grid-column: 2;grid-row: 1;justify-self: end;align-self: center;width: 34px;margin: 0;}
.ustmenu .sagalan {grid-column: 1 / -1;grid-row: 2;width: 100%;display: grid;grid-template-columns: minmax(0, 1fr) auto 40px;gap: 10px;margin: 0;padding: 0;}
.ustmenu nav {grid-column: 1 / -1;grid-row: 3;display: none;width: 100%;justify-self: stretch;padding-top: 8px;}
.ustmenu nav.aktif {display: block;}
.ustmenu nav > ul {display: block;width: 100%;gap: 0;}
.ustmenu nav li {display: block;width: 100%;}
.ustmenu nav > ul > li > a {width: 100%;height: auto;min-height: 42px;padding: 0 8px;border-bottom: 1px solid #f2f2f2;justify-content: flex-start;}
.ustmenu nav li.dropdown > ul.submenu {position: static;width: 100%;min-width: 0;padding: 0;margin: 0;background: #fafafa;border: 0;border-radius: 0;box-shadow: none;opacity: 1;visibility: visible;pointer-events: auto;transform: none;display: none;}
.ustmenu nav li.dropdown.acik > ul.submenu {display: block;}
.ustmenu nav li.dropdown > ul.submenu li a {height: 38px;padding: 0 18px;background: #fafafa;border-bottom: 1px solid #f0f0f0;font-size: 13px;}
.icsayfaurunler .icsayfaurunleric {display: block;}
.icsayfasolmenu {margin-bottom: 22px;}
.icsayfaurunler .urun-grid > .product-card-col {flex-basis: 33.333333%;max-width: 33.333333%;}
.icsayfaurundetay .urundetayic.urundetay-kutu {grid-template-columns: 1fr;gap: 24px;padding: 22px;}
.icsayfaurundetay .urunbuyukresim.urundetay-gorsel {max-width: 725px;margin: 0 auto;}
}

@media (max-width: 768px) {
body {padding-left: 10px;padding-right: 10px;}
.site-footer .footer-ust {grid-template-columns: 1fr;}
.icsayfaurundetay .urunalansatir.urundetay-sepet {display: grid;grid-template-columns: 90px minmax(0, 1fr);gap: 8px;}
.icsayfaurundetay .sepeteekle.urundetay-sepet-btn {width: 100%;min-width: 0;}
.icsayfaurundetay .whatsappbuton.urundetay-whatsapp-btn {width: 100%;min-width: 0;grid-column: 1 / -1;}
.icsayfaurundetay .urundetay-alt {padding: 22px;}
.icsayfaurunler .urun-grid > .product-card-col {flex-basis: 50%;max-width: 50%;}
}

@media (max-width: 420px) {
.icsayfaurunler .urun-grid > .product-card-col {flex-basis: 100%;max-width: 100%;}
}

/* Final responsive cleanup */
html, body {width: 100%;max-width: 100%;overflow-x: hidden;}
body {min-height: 100vh;}
.ustgri {display: none;}
.anasayfa-onecikan::after,
.anasayfa-seo-alan::after,
.anasayfa-bilgi-bar::after,
.icsayfaurunler::after,
.icsayfaurundetay::after,
.siparistamamlasayfa::after {content: "";display: block;clear: both;}
.site-footer {width: 100%;max-width: 100%;clear: both;float: none;position: relative;z-index: 1;margin-top: 42px;margin-bottom: 0;overflow: hidden;}
.site-footer::before {content: "";display: table;clear: both;}
.site-footer .footer-alt,
.footer-alt {width: 100%;max-width: 1500px;margin: 32px auto 0;padding: 16px 15px;text-align: left;font-size: 12px;color: #1D1D1B;border-top: 1px solid #eee;display: flex;align-items: center;justify-content: space-between;gap: 18px;}
.footer-alt span {display: block;min-width: 0;line-height: 20px;}
.footer-alt img {width: 112px;max-height: 30px;object-fit: contain;display: block;flex: 0 0 auto;}
.altwhatsapp {width: 180px;height: 50px;left: 15px;right: auto;bottom: 18px;background: #48a91f;border-radius: 7px;padding: 0 14px;color: #fff;font-size: 13px;font-weight: 700;line-height: 1.2;display: flex;align-items: center;justify-content: center;gap: 8px;text-align: center;z-index: 10025;box-shadow: 0 16px 38px rgba(0,0,0,.18);}
.altwhatsapp span {display: inline !important;}
.altwhatsapp i {font-size: 22px;margin: 0;line-height: 1;}
.altwhatsapp:hover {background: #fff;color: #48a91f;text-decoration: none;}

.hakkimizda-gorsel {width: 100%;min-width: 0;overflow: hidden;border-radius: 12px;background: #f6f7fb;}
.hakkimizda-gorsel img {width: 100%;height: 100%;display: block;object-fit: cover;border-radius: 12px;}
.anasayfa-hakkimizda .hakkimizda-gorsel {aspect-ratio: 4 / 3;}
.anasayfa-hakkimizda .hakkimizda-icerik {padding-left: 36px;}
.anasayfa-hakkimizda .hakkimizda-icerik h2 {line-height: 1.25;}
.anasayfa-hakkimizda .hakkimizda-icerik p {max-width: 720px;}
.icsayfabilgisayfa.hakkimizda-sayfa {padding: 34px 0 68px;}
.icsayfabilgisayfa.hakkimizda-sayfa .container {max-width: 1500px;}
.icsayfabilgisayfa.hakkimizda-sayfa .baslik {font-size: 26px;font-weight: 700;line-height: 1.3;color: #101820;margin: 0 0 24px;}
.hakkimizda-sayfa .kurumsal-yazi {display: grid;grid-template-columns: minmax(0, 560px) minmax(0, 1fr);gap: 48px;align-items: center;background: #fff;border-radius: 12px;padding: 30px;box-shadow: 0 16px 45px rgba(0,0,0,.06);}
.hakkimizda-sayfa .kurumsal-yazi::after {content: none;}
.hakkimizda-sayfa .hakkimizda-gorsel {aspect-ratio: 4 / 3;}
.hakkimizda-sayfa .hakkimizda-icerik {padding-left: 0;margin: 0;min-width: 0;}
.hakkimizda-sayfa .hakkimizda-icerik h1,
.hakkimizda-sayfa .hakkimizda-icerik h2 {font-size: 30px;font-weight: 700;line-height: 1.25;color: #101820;margin: 0 0 18px;}
.hakkimizda-sayfa .hakkimizda-icerik p {font-size: 14px;line-height: 1.85;color: #555;margin: 0 0 14px;}
.hakkimizda-sayfa .hakkimizda-icerik p:last-child {margin-bottom: 0;}

@media (min-width: 1200px) {
.icsayfaurunler .urun-grid > .product-card-col {flex-basis: 25%;max-width: 25%;}
}

@media (max-width: 768px) {
.site-footer {margin-top: 32px;}
.altwhatsapp {width: 154px;height: 46px;left: 10px;bottom: 12px;padding: 0 12px;font-size: 12px;}
.anasayfa-hakkimizda .hakkimizda-icerik {padding-left: 0;margin-top: 24px;}
.hakkimizda-sayfa .kurumsal-yazi {grid-template-columns: 1fr;gap: 24px;padding: 18px;}
.icsayfabilgisayfa.hakkimizda-sayfa .baslik {font-size: 22px;margin-bottom: 18px;}
.hakkimizda-sayfa .hakkimizda-icerik h1,
.hakkimizda-sayfa .hakkimizda-icerik h2 {font-size: 24px;}
}

@media (max-width: 576px) {
.ust-hesap {width: 40px;padding: 0;border-radius: 50%;}
.ust-hesap span {display: none;}
}

@media (max-width: 420px) {
.altwhatsapp {width: 52px;height: 52px;border-radius: 50%;padding: 0;font-size: 0;}
.altwhatsapp span {display: none !important;}
.altwhatsapp i {font-size: 23px;}
}