html {max-width:100%; overflow-x:hidden; overflow-y:auto;}
body {max-width:100%; overflow-x:clip; overflow-y:visible;}
body {font-family: "Urbanist", sans-serif; padding:0; background: #fff;}
a { color:#EE2E0D; text-decoration:none;}
a:hover { color:#4A4A4A; text-decoration:none;}
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;}
html::-webkit-scrollbar {width: 10px;background-color: #fff;border-left: 1px solid #fff;}
html::-webkit-scrollbar-thumb {background-color: #000101;}
html::-webkit-scrollbar-thumb:hover {background-color: #000101;}

a:focus,
button:focus,
input:focus,
textarea:focus,
select:focus {
outline:none !important;
box-shadow:none !important;
}
input { border: 1px solid #f4f4f4;}

a,
button {
outline:none !important;
box-shadow:none !important;
}

.container { max-width:1300px;}
.ustmenu {width: 100%; min-height: 145px; border-bottom:1px solid #f1f1f1;}
.ustmenu .container:after { content:""; clear:both; display:block;}

#header { width:100%; min-height:95px;}
#header:after { content:""; clear:both; display:block;}

.logo { float:left; padding:2rem 0 0 0; z-index:1;}
.logo a { display:block; padding:0;}
.logo img { max-width:260px;}

.aramaalani { width:360px; height:45px; float:left; margin:1.2rem 0 0 130px; border-bottom:1px solid #999; display:flex; align-items:center;}
.aramaalani input { width:100%; height:42px; border:0; outline:none; font-size:14px; color:#6C6464; font-weight:400;}
.aramaalani button { width:42px; height:42px; border:0; background:none; display:flex; justify-content:center; align-items:center; cursor:pointer;}
.aramaalani button img { width:20px;}

.ustmenu .sagalan { float:right; padding:1.6rem 0 0 0;}
.ustmenu .sagalan .uyegiris { width:auto; height:38px; float:left; display:flex; align-items:center; font-size:14px; font-weight:600; color:#4A4A4A; margin-right:25px; cursor:pointer;}
.ustmenu .sagalan .uyegiris img { margin-right:8px;}
.ustmenu .sagalan .uyegiris:hover { color:#EE2E0D; transition:all .35s;}

.ustmenu .sagalan .sepetim { width:auto; height:38px; float:left; display:flex; align-items:center; font-size:14px; font-weight:600; color:#4A4A4A; cursor:pointer;}
.ustmenu .sagalan .sepetim img { margin-right:8px;}
.ustmenu .sagalan .sepetim:hover { color:#EE2E0D; transition:all .35s;}
.lokalizasyonalan { float:left; height:38px; display:flex; align-items:center; gap:8px; margin-right:18px;}
.lokalizasyonkutu { position:relative;}
.lokalizasyonbtn { height:32px; border:1px solid #eee; background:#fff; border-radius:6px; padding:0 10px; display:flex; align-items:center; gap:6px; font-size:12px; color:#4A4A4A; font-weight:600; cursor:pointer;}
.lokalizasyonbtn:hover { color:#EE2E0D; border-color:#EE2E0D; transition:all .35s;}
.lokalizasyonbtn i { font-size:10px;}
.lokalizasyonmenu { display:none; position:absolute; right:0; top:38px; min-width:88px; background:#fff; border:1px solid #eee; border-radius:8px; box-shadow:0 16px 34px rgba(0,0,0,.12); z-index:36; padding:6px 0;}
.lokalizasyonmenu.aktif { display:block;}
.lokalizasyonmenu a { width:100%; float:left; padding:8px 12px; font-size:12px; color:#4A4A4A; font-weight:600; text-decoration:none;}
.lokalizasyonmenu a:hover,
.lokalizasyonmenu a.aktif { color:#EE2E0D; background:#FAFAFA; text-decoration:none;}

nav { width:100%; float:left; border-top:1px solid #f5f5f5;}
nav > ul { float:left; position:relative; padding:0; margin:0;}
nav li { list-style:none; float:left; position:relative;}
nav .dropdown { position:relative;}
nav li a { float:left; padding:1rem 0.9rem 1rem 0; color:#4A4A4A; font-size:15px; font-weight:600;}
nav li a i { font-size:7px; margin-left:5px;}
nav li a:hover { color:#EE2E0D; text-decoration:none; transition:all .35s;}

nav li ul.submenu { display:none; position:absolute; left:0; top:100%; background:#fff; padding:15px 0; z-index:99; border-radius:0 0 6px 6px; box-shadow:0 10px 30px rgba(0,0,0,0.08);}
nav li:hover > ul.submenu { display:block;}
nav li ul.submenu li { width:100%; white-space:nowrap;}
nav li ul.submenu li a { width:220px; padding:8px 20px; font-size:14px; color:#4A4A4A; font-weight:600;}
nav li ul.submenu li a:hover { color:#EE2E0D; background:#fafafa;}

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

/* Küçük cihazlar (telefonlar, dikey) */
@media only screen and (max-width: 575px) {
.ustmenu { width:100%; min-height:auto; padding-bottom:15px;}
.logo { float:left; padding:1rem 0 0 0; width:70%;}
.logo img { max-width:190px;}
.aramaalani { width:100%; float:left; margin:15px 0 0 0;}
.ustmenu .sagalan { float:left; padding:15px 0 0 0; width:100%;}
.lokalizasyonalan { width:100%; height:auto; margin:0 0 10px 0;}
.lokalizasyonkutu { width:48%; margin-right:2%;}
.lokalizasyonbtn { width:100%; justify-content:center;}
.lokalizasyonmenu { left:0; right:auto; width:100%;}
.ustmenu .sagalan .uyegiris { width:50%; margin-right:0; font-size:13px;}
.ustmenu .sagalan .sepetim { width:50%; font-size:13px;}
#menu-icon { display:inline; top:25px; cursor:pointer; right:1em;}
nav { display:none; width:100%; clear:both; float:none; max-height:none; overflow:visible; padding-top:15px; border-top:0;}
nav ul { float:none; padding:0 0 20px 0; margin:0;}
nav li { float:none; width:100%; border-bottom:1px solid #f4f4f4;}
nav ul li a { float:none; padding:10px 0; display:block; width:100%;}
#header nav ul ul { display:none; position:static; background:none; border:none; padding:0;}
nav li ul.submenu { display:none; position:static; box-shadow:none; padding:0;}
nav li.submenu-acik > ul.submenu,
#header nav li.submenu-acik > ul.submenu { display:block;}
nav li ul.submenu li a { width:100%; padding:8px 15px;}
}

/* Orta cihazlar (tabletler) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.ustmenu { width:100%; min-height:auto; padding-bottom:15px;}
.logo { float:left; padding:1rem 0 0 0; width:35%;}
.logo img { max-width:220px;}
.aramaalani { width:60%; float:right; margin:1rem 0 0 0;}
.ustmenu .sagalan { float:left; padding:15px 0 0 0; width:100%;}
#menu-icon { display:inline; top:25px; cursor:pointer; right:1em;}
nav { display:none; width:100%; clear:both; float:none; max-height:none; overflow:visible; padding-top:15px; border-top:0;}
nav ul { float:none; padding:0 0 20px 0; margin:0;}
nav li { float:none; width:100%; border-bottom:1px solid #f4f4f4;}
nav ul li a { float:none; padding:10px 0; display:block; width:100%;}
nav li ul.submenu { display:none; position:static; box-shadow:none; padding:0;}
nav li.submenu-acik > ul.submenu,
#header nav li.submenu-acik > ul.submenu { display:block;}
nav li ul.submenu li a { width:100%; padding:8px 15px;}
}

/* Büyük cihazlar (küçük laptoplar, büyük tabletler) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.logo img { max-width:220px;}
.aramaalani { width:310px; margin:1.2rem 0 0 60px;}
.ustmenu .sagalan .uyegiris { margin-right:15px;}
nav li a { padding:1rem 0.55rem 1rem 0; font-size:13px;}
}

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




/* Küçük cihazlar (telefonlar, dikey) */
@media only screen and (max-width: 575px) {
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
}

/* Orta cihazlar (tabletler) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
}

/* Büyük cihazlar (küçük laptoplar, büyük tabletler) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
}

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



.anasayfaonecikanlar { width:100%; padding:40px 0 70px 0;}
.anasayfaonecikanlar .container:after { content:""; clear:both; display:block;}

.anasayfaonecikanlar .bolumbaslik { width:100%; float:left; display:flex; align-items:center; margin-bottom:25px;}
.anasayfaonecikanlar .bolumbaslik .baslik { font-size:22px; color:#4A4A4A; font-weight:600; padding-right:25px;}
.anasayfaonecikanlar .bolumbaslik .cizgi { flex:1; height:1px; background:#D8D8D8;}

.anasayfaonecikanlar .urunler { width:100%; float:left;}
.anasayfaonecikanlar .urunkutu { width:19%; float:left; margin:0 0.5% 25px 0.5%; background:#FAFAFA; border-radius:10px; padding:12px; position:relative; transition:all .35s;}
.anasayfaonecikanlar .urunkutu:hover { transform:translateY(-6px); background: #f1f1f1;}
.anasayfaonecikanlar .urunkutu .gorsel { width:100%; height:215px; display:flex; justify-content:center; align-items:center; overflow:hidden; border-radius:8px; margin-bottom:12px;}
.anasayfaonecikanlar .urunkutu .gorsel img { max-width:100%; max-height:100%; transition:all .35s;}
.anasayfaonecikanlar .urunkutu:hover .gorsel img { transform:scale(1.05);}
.anasayfaonecikanlar .urunkutu .marka { font-size:12px; color:#EE2E0D; font-weight:600; margin-bottom:7px;}
.anasayfaonecikanlar .urunkutu .urunadi { height:38px; font-size:14px; color:#4A4A4A; font-weight:500; line-height:1.35; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.anasayfaonecikanlar .urunkutu .fiyatalani { width:70%; float:left; margin-top:18px;}
.anasayfaonecikanlar .urunkutu .eskifiyat { font-size:12px; color:#B5B5B5; font-weight:500; text-decoration:line-through;}
.anasayfaonecikanlar .urunkutu .fiyat { font-size:18px; color:#EE2E0D; font-weight:600;}
.anasayfaonecikanlar .urunkutu .sepetekle { width:38px; height:38px; position:absolute; right:12px; bottom:15px; border-radius:6px; background:#EE2E0D; display:flex; justify-content:center; align-items:center;}
.anasayfaonecikanlar .urunkutu .sepetekle img { width:18px;}
.anasayfaonecikanlar .urunkutu .sepetekle:hover { background:#4A4A4A; transition:all .35s;}

/* Küçük cihazlar (telefonlar, dikey) */
@media only screen and (max-width: 575px) {
.anasayfaonecikanlar { padding:35px 0 45px 0;}
.anasayfaonecikanlar .bolumbaslik .baslik { font-size:20px;}
.anasayfaonecikanlar .urunkutu { width:48%; margin:0 1% 15px 1%; padding:10px;}
.anasayfaonecikanlar .urunkutu .gorsel { height:150px;}
.anasayfaonecikanlar .urunkutu .urunadi { height:55px; font-size:13px;}
.anasayfaonecikanlar .urunkutu .fiyat { font-size:16px;}
}

/* Orta cihazlar (tabletler) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.anasayfaonecikanlar .urunkutu { width:31.333%; margin:0 1% 20px 1%;}
.anasayfaonecikanlar .urunkutu .gorsel { height:190px;}
}

/* Büyük cihazlar (küçük laptoplar, büyük tabletler) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.anasayfaonecikanlar .urunkutu { width:23%; margin:0 1% 20px 1%;}
.anasayfaonecikanlar .urunkutu .gorsel { height:190px;}
}

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



.anasayfatoplualim { width:100%; padding:40px 0 70px 0;}
.anasayfatoplualim .container:after { content:""; clear:both; display:block;}
.anasayfatoplualim .container { display:flex; align-items:stretch; gap:2%;}

.anasayfatoplualim .solalan { width:38%; float:none; background:#EE2E0D url("../img/ikon/indirimikonbg.svg") no-repeat top 10px right 10px; border-radius:12px; padding:20px 40px 20px 40px; position:relative;}
.anasayfatoplualim .solalan:after { content:""; clear:both; display:block;}
.anasayfatoplualim .baslik { font-size:22px; color:#fff; font-weight:600; margin-bottom:10px;}
.anasayfatoplualim .altmetin { font-size:14px; color:#fff; font-weight:400; line-height:1.6; margin-bottom:25px;}

.anasayfatoplualim .formalan { width:100%; float:left;}
.anasayfatoplualim .formalan .inputalan { width:100%; height:42px; float:left; border-bottom:1px solid rgba(255,255,255,0.8); display:flex; align-items:center; margin-bottom:18px;}
.anasayfatoplualim .formalan .inputalan img { width:14px; margin-right:8px;}
.anasayfatoplualim .formalan .inputalan input { width:100%; height:40px; border:0; background:none; color:#fff; font-size:14px; outline:none;}
.anasayfatoplualim .formalan .inputalan input::placeholder { color:#fff;}

.anasayfatoplualim .formalan button { width:120px; height:38px; float:right; border:1px solid #fff; border-radius:6px; background:none; color:#fff; font-size:14px; font-weight:500; cursor:pointer; display:flex; justify-content:center; align-items:center;}
.anasayfatoplualim .formalan button img { width:13px; margin-left:8px;}
.anasayfatoplualim .formalan button:hover { background:#fff; color:#EE2E0D; transition:all .35s;}

.anasayfatoplualim .sagalan { width:60%; float:none;}
.anasayfatoplualim .sagalan > img { width:100%; border-radius:12px;}
.anasayfatoplualim .yotatanitim { min-height:100%; border-radius:12px; padding:34px 38px; background:linear-gradient(135deg,#101827 0%,#EE2E0D 58%,#00a6ff 140%); color:#fff; display:flex; flex-direction:column; justify-content:center; position:relative; overflow:hidden;}
.anasayfatoplualim .yotatanitim:before { content:""; width:260px; height:260px; border-radius:50%; border:34px solid rgba(255,255,255,.08); position:absolute; right:-90px; top:-100px;}
.anasayfatoplualim .yotatanitim:after { content:""; width:130px; height:130px; border-radius:50%; background:rgba(255,255,255,.08); position:absolute; right:90px; bottom:-72px;}
.anasayfatoplualim .tanitimust { position:relative; z-index:1; display:flex; align-items:center; gap:18px; margin-bottom:34px;}
.anasayfatoplualim .tanitimust img { width:190px; max-height:32px; border-radius:0; filter:brightness(0) invert(1);}
.anasayfatoplualim .tanitimust span { min-height:30px; border:1px solid rgba(255,255,255,.38); border-radius:100px; padding:0 13px; display:flex; align-items:center; color:#fff; font-size:12px; font-weight:700; white-space:nowrap;}
.anasayfatoplualim .tanitimbaslik { max-width:580px; position:relative; z-index:1; color:#fff; font-size:28px; line-height:1.22; font-weight:700; margin-bottom:13px;}
.anasayfatoplualim .tanitimmetin { max-width:650px; position:relative; z-index:1; color:rgba(255,255,255,.82); font-size:14px; line-height:1.7;}
.anasayfatoplualim .tanitimalt { position:relative; z-index:1; display:flex; flex-wrap:wrap; gap:10px; margin-top:30px;}
.anasayfatoplualim .tanitimalt span { min-height:34px; border-radius:6px; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.18); padding:0 13px; display:flex; align-items:center; color:#fff; font-size:12px; font-weight:700;}

/* Küçük cihazlar (telefonlar, dikey) */
@media only screen and (max-width: 575px) {
.anasayfatoplualim { padding:35px 0 45px 0;}
.anasayfatoplualim .container { display:block;}
.anasayfatoplualim .solalan { width:100%; padding:25px;}
.anasayfatoplualim .sagalan { width:100%; margin-top:20px;}
.anasayfatoplualim .yotatanitim { padding:28px 24px;}
.anasayfatoplualim .tanitimust { display:block; margin-bottom:24px;}
.anasayfatoplualim .tanitimust img { width:170px; margin-bottom:14px;}
.anasayfatoplualim .tanitimust span { width:max-content; max-width:100%;}
.anasayfatoplualim .tanitimbaslik { font-size:22px;}
.anasayfatoplualim .tanitimalt { display:grid; grid-template-columns:1fr; gap:8px;}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
.anasayfatoplualim .container { display:block;}
.anasayfatoplualim .solalan,
.anasayfatoplualim .sagalan { width:100%;}
.anasayfatoplualim .sagalan { margin-top:20px;}
}

/* Orta cihazlar (tabletler) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.anasayfatoplualim .container { display:block;}
.anasayfatoplualim .solalan { width:100%;}
.anasayfatoplualim .sagalan { width:100%; margin-top:20px;}
}

/* Büyük cihazlar (küçük laptoplar, büyük tabletler) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.anasayfatoplualim .solalan { width:42%;}
.anasayfatoplualim .sagalan { width:54%;}
}

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



.anasayfakategori { width:100%; padding:40px 0 70px 0;}
.anasayfakategori .container:after { content:""; clear:both; display:block;}
.anasayfakategori .kategoriler { width:100%; float:left;}

.anasayfakategori .kategori { width:15.666%; height:295px; float:left; margin:0 0.5%; background:#F5F5F5; border-radius:8px; display:flex; justify-content:center; align-items:center; flex-direction:column; text-align:center; text-decoration:none;}
.anasayfakategori .kategori .baslik { font-size:22px; color:#4A4A4A; font-weight:500; line-height:1.25; margin-bottom:20px;}
.anasayfakategori .kategori .ikon { width:24px; height:24px; display:flex; justify-content:center; align-items:center;}
.anasayfakategori .kategori .ikon img { width:24px;}
.anasayfakategori .kategori:hover { background:#EE2E0D; transition:all .35s;}
.anasayfakategori .kategori:hover .baslik { color:#fff; transition:all .35s;}

/* Küçük cihazlar (telefonlar, dikey) */
@media only screen and (max-width: 575px) {
.anasayfakategori { padding:35px 0 45px 0;}
.anasayfakategori .kategori { width:48%; height:180px; margin:0 1% 10px 1%;}
.anasayfakategori .kategori .baslik { font-size:18px;}
}

/* Orta cihazlar (tabletler) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.anasayfakategori .kategori { width:31.333%; height:220px; margin:0 1% 15px 1%;}
}

/* Büyük cihazlar (küçük laptoplar, büyük tabletler) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.anasayfakategori .kategori { width:15.666%; height:230px;}
.anasayfakategori .kategori .baslik { font-size:18px;}
}

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




.anasayfaindirimli { width:100%; padding:40px 0 70px 0;}
.anasayfaindirimli .container:after { content:""; clear:both; display:block;}

.anasayfaindirimli .bolumbaslik { width:100%; float:left; display:flex; align-items:center; margin-bottom:25px;}
.anasayfaindirimli .bolumbaslik .baslik { font-size:22px; color:#4A4A4A; font-weight:600; padding-right:25px;}
.anasayfaindirimli .bolumbaslik .cizgi { flex:1; height:1px; background:#D8D8D8;}

.anasayfaindirimli .indirimlislider { width:100%; float:left;}
.anasayfaindirimli .indirimlislider .slick-slide { margin:0 7px;}
.anasayfaindirimli .indirimlislider .slick-list { margin:0 -7px;}

.anasayfaindirimli .urunkutu { background:#FAFAFA; border-radius:10px; padding:12px; position:relative; transition:all .35s;}
.anasayfaindirimli .urunkutu:hover { transform:translateY(-6px); background: #f1f1f1;}
.anasayfaindirimli .urunkutu .gorsel { width:100%; height:215px; display:flex; justify-content:center; align-items:center; overflow:hidden; border-radius:8px; margin-bottom:12px;}
.anasayfaindirimli .urunkutu .gorsel img { max-width:100%; max-height:100%; transition:all .35s;}
.anasayfaindirimli .urunkutu:hover .gorsel img { transform:scale(1.05);}
.anasayfaindirimli .urunkutu .marka { font-size:12px; color:#EE2E0D; font-weight:600; margin-bottom:7px;}
.anasayfaindirimli .urunkutu .urunadi { height:38px; font-size:14px; color:#4A4A4A; font-weight:500; line-height:1.35; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.anasayfaindirimli .urunkutu .fiyatalani { width:70%; float:left; margin-top:18px;}
.anasayfaindirimli .urunkutu .eskifiyat { font-size:12px; color:#B5B5B5; font-weight:500; text-decoration:line-through;}
.anasayfaindirimli .urunkutu .fiyat { font-size:18px; color:#EE2E0D; font-weight:600;}
.anasayfaindirimli .urunkutu .sepetekle { width:38px; height:38px; position:absolute; right:12px; bottom:15px; border-radius:6px; background:#EE2E0D; display:flex; justify-content:center; align-items:center;}
.anasayfaindirimli .urunkutu .sepetekle img { width:18px;}
.anasayfaindirimli .urunkutu .sepetekle:hover { background:#4A4A4A; transition:all .35s;}

/* Küçük cihazlar (telefonlar, dikey) */
@media only screen and (max-width: 575px) {
.anasayfaindirimli { padding:35px 0 45px 0;}
.anasayfaindirimli .bolumbaslik .baslik { font-size:20px;}
.anasayfaindirimli .urunkutu { padding:10px;}
.anasayfaindirimli .urunkutu .gorsel { height:150px;}
.anasayfaindirimli .urunkutu .urunadi { height:36px; font-size:13px;}
.anasayfaindirimli .urunkutu .fiyat { font-size:16px;}
}

/* Orta cihazlar (tabletler) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.anasayfaindirimli .urunkutu .gorsel { height:190px;}
}

/* Büyük cihazlar (küçük laptoplar, büyük tabletler) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.anasayfaindirimli .urunkutu .gorsel { height:190px;}
}

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



.anasayfailetisim { width:100%; padding:120px 0 70px 0;}
.anasayfailetisim .container:after { content:""; clear:both; display:block;}

.anasayfailetisim .iletisimbox { width:100%; height:275px; float:left; background:#EE2E0D; border-radius:12px; padding:45px 75px; position:relative; overflow:visible;}
.anasayfailetisim .solalan { width:58%; float:left;}
.anasayfailetisim .sagalan { width:42%; position:absolute; right:55px; bottom:0; text-align:right;}
.anasayfailetisim .sagalan img { max-width:100%; display:block; float:right;}

.anasayfailetisim .baslik { font-size:22px; color:#fff; font-weight:600; margin-bottom:12px;}
.anasayfailetisim .altmetin { font-size:14px; color:#fff; line-height:1.5; margin-bottom:18px;}
.anasayfailetisim .cizgi { width:100%; height:1px; background:rgba(255,255,255,0.5); margin:0 0 22px 0;}

.anasayfailetisim .bilgiler { width:100%; float:left;}
.anasayfailetisim .kutu { float:left;}
.anasayfailetisim .adres { width:36%; margin-right:4%;}
.anasayfailetisim .iletisim { width:24%; margin-right:4%;}
.anasayfailetisim .sosyalalan { width:32%; padding-top:40px;}

.anasayfailetisim .kbaslik { font-size:14px; color:#fff; font-weight:600; margin-bottom:6px;}
.anasayfailetisim .mailbaslik { margin-top:8px;}
.anasayfailetisim .metin { font-size:13px; color:#fff; line-height:1.5;}

.anasayfailetisim .sosyal { width:auto; float:left;}
.anasayfailetisim .sosyal a { width:34px; height:34px; float:left; border:1px solid #fff; border-radius:6px; display:flex; justify-content:center; align-items:center; margin-right:10px;}
.anasayfailetisim .sosyal a img { height:13px;}
.anasayfailetisim .sosyal a i { color:#fff; font-size:13px;}
.anasayfailetisim .sosyal a:hover { background:#fff; transition:all .35s;}
.anasayfailetisim .sosyal a:hover img { filter:invert(1);}
.anasayfailetisim .sosyal a:hover i { color:#4A4A4A;}

/* Küçük cihazlar (telefonlar, dikey) */
@media only screen and (max-width: 575px) {
.anasayfailetisim { padding:35px 0 45px 0;}
.anasayfailetisim .iletisimbox { height:auto; padding:25px;}
.anasayfailetisim .solalan { width:100%;}
.anasayfailetisim .sagalan { display:none;}
.anasayfailetisim .adres { width:100%; margin:0 0 12px 0;}
.anasayfailetisim .iletisim { width:100%; margin:0 0 12px 0;}
.anasayfailetisim .sosyalalan { width:100%; padding-top:5px;}
}

/* Orta cihazlar (tabletler) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.anasayfailetisim .iletisimbox { height:auto; padding:35px;}
.anasayfailetisim .solalan { width:100%;}
.anasayfailetisim .sagalan { display:none;}
.anasayfailetisim .adres { width:40%; margin-right:4%;}
.anasayfailetisim .iletisim { width:28%; margin-right:4%;}
.anasayfailetisim .sosyalalan { width:24%; padding-top:40px;}
}

/* Büyük cihazlar (küçük laptoplar, büyük tabletler) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.anasayfailetisim .iletisimbox { padding:40px;}
.anasayfailetisim .solalan { width:60%;}
.anasayfailetisim .sagalan { width:40%; right:25px;}
}

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




.altbilgi { width:100%; background:#FAFAFA; padding:60px 0 20px 0;}
.altbilgi .container:after { content:""; clear:both; display:block;}

.altbilgi .ustalan { width:100%; float:left;}
.altbilgi .solalan { width:20%; float:left;}
.altbilgi .logo img { max-width:180px;}

.altbilgi .kutu { width:20%; float:left;}
.altbilgi .kutu .baslik { font-size:14px; color:#4A4A4A; font-weight:600; margin-bottom:15px; position:relative;}
.altbilgi .kutu .baslik:after { content:""; width:40px; height:2px; background:#EE2E0D; position:absolute; left:0; bottom:-5px;}

.altbilgi .kutu ul { padding:0; margin:0;}
.altbilgi .kutu ul li { list-style:none; margin-bottom:8px;}
.altbilgi .kutu ul li a { font-size:14px; color:#4A4A4A; text-decoration:none;}
.altbilgi .kutu ul li a:hover { color:#EE2E0D;}

.altbilgi .icerik { font-size:14px; color:#4A4A4A;}
.altbilgi .satir { margin-bottom:15px;}
.altbilgi .satir img { width:16px; margin-right:8px;}
.altbilgi .satir span { display:block; margin-left:24px; font-size:14px;}
.altbilgi .altkonumlink { color:#EE2E0D; font-weight:600; text-decoration:none;}
.altbilgi .altkonumlink:hover { color:#4A4A4A; text-decoration:none;}

.altbilgi .altcizgi { width:100%; height:1px; background:#E5E5E5; float:left; margin:40px 0 20px 0;}

.altbilgi .altalan { width:100%; float:left;}
.altbilgi .copy { float:left; font-size:12px; color:#4A4A4A;}
.altbilgi .imza { float:right; font-size:12px; color:#4A4A4A; display:flex; align-items:center;}
.altbilgi .imza img { margin-left:6px;}
.altbilgi .imza img { width:90px;}

/* mobil */
@media only screen and (max-width:575px){
.altbilgi .solalan { width:100%; margin-bottom:20px;}
.altbilgi .kutu { width:100%; margin-bottom:20px;}
.altbilgi .copy { float:none; margin-bottom:10px;}
.altbilgi .imza { float:none;}
}


.genelsiteharitasi { width:100%; background:#FAFAFA; padding:22px 0;}
.genelsiteharitasi .container:after { content:""; clear:both; display:block;}
.genelsiteharitasi .siteharitasi { width:100%; float:left; text-align:left; font-size:12px; color:#A0A0A0; font-weight:400;}
.genelsiteharitasi .siteharitasi a { color:#A0A0A0; text-decoration:none;}
.genelsiteharitasi .siteharitasi a:hover { color:#EE2E0D; transition:all .35s;}
.genelsiteharitasi .siteharitasi span { color:#4A4A4A;}

/* Küçük cihazlar (telefonlar, dikey) */
@media only screen and (max-width: 575px) {
.genelsiteharitasi { padding:15px 0;}
.genelsiteharitasi .siteharitasi { text-align:left; font-size:12px;}
}

/* Orta cihazlar (tabletler) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.genelsiteharitasi .siteharitasi { text-align:left;}
}

/* Büyük cihazlar (küçük laptoplar, büyük tabletler) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
}

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



.icsayfakategoribanner { width:100%; padding:15px 0 15px 0;}
.icsayfakategoribanner .container:after { content:""; clear:both; display:block;}

.icsayfakategoribanner .banner { width:100%; height:250px; float:left; border-radius:10px; background:linear-gradient(135deg,#101827 0%,#EE2E0D 62%,#00a6ff 145%); background-size:cover; background-position:center center; position:relative; overflow:hidden; border:1px solid rgba(238,46,13,.18);}
.icsayfakategoribanner .banner:before { content:""; position:absolute; top:-110px; right:-80px; width:330px; height:330px; border:42px solid rgba(255,255,255,.09); border-radius:50%; background:none;}
.icsayfakategoribanner .banner:after { content:""; width:255px; height:42px; position:absolute; right:45px; top:50%; transform:translateY(-50%); background:url("../img/logo.svg") no-repeat center center; background-size:contain; filter:brightness(0) invert(1); opacity:.9;}
.icsayfakategoribanner .banner-gorselli:before { top:0; left:0; right:auto; width:100%; height:100%; border:0; border-radius:0; background:linear-gradient(to right, rgba(16,24,39,.72), rgba(238,46,13,.22));}
.icsayfakategoribanner .banner-gorselli:after { display:none;}
.icsayfakategoribanner .icerik { position:absolute; left:45px; top:50%; transform:translateY(-50%); z-index:2; max-width:56%;}

.icsayfakategoribanner .etiket { width:auto; min-width:160px; height:35px; border-radius:100px; background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.3); display:inline-flex; justify-content:center; align-items:center; padding:0 25px; font-size:13px; color:#fff; font-weight:600; margin-bottom:20px;}
.icsayfakategoribanner .baslik { font-size:26px; color:#fff; font-weight:700; margin-bottom:10px; line-height:1.25;}
.icsayfakategoribanner .metin { font-size:14px; color:rgba(255,255,255,.84); font-weight:400; line-height:1.7;}

/* Küçük cihazlar (telefonlar, dikey) */
@media only screen and (max-width: 575px) {
.icsayfakategoribanner { padding:25px 0;}
.icsayfakategoribanner .banner { height:210px;}
.icsayfakategoribanner .icerik { left:25px; width:80%; max-width:80%;}
.icsayfakategoribanner .banner:after { display:none;}
.icsayfakategoribanner .etiket { min-width:auto; height:32px; padding:0 18px; font-size:12px; margin-bottom:15px;}
.icsayfakategoribanner .baslik { font-size:20px;}
.icsayfakategoribanner .metin { font-size:13px; line-height:1.5;}
}

/* Orta cihazlar (tabletler) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.icsayfakategoribanner .banner { height:240px;}
}

/* Büyük cihazlar (küçük laptoplar, büyük tabletler) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
}

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



.icsayfakategorifiltre { width:100%; padding:25px 0 10px 0;}
.icsayfakategorifiltre .container:after { content:""; clear:both; display:block;}

.icsayfakategorifiltre .filtrealani { width:100%; float:left; background:#FAFAFA; border-radius:8px; padding:18px 25px; display:flex; align-items:center; gap:12px;}
.icsayfakategorifiltre .filtrealani input,
.icsayfakategorifiltre .filtrealani select { width:20%; height:38px; border:0; background:#fff; border-radius:4px; padding:0 18px; font-size:13px; color:#4A4A4A;}
.icsayfakategorifiltre .filtrealani button { width:16%; height:38px; border:0; border-radius:4px; background:#EE2E0D; color:#fff; font-size:14px; font-weight:500; cursor:pointer;}
.icsayfakategorifiltre .filtrealani button:hover { background:#4A4A4A; transition:all .35s;}

/* Küçük cihazlar (telefonlar, dikey) */
@media only screen and (max-width: 575px) {
.icsayfakategorifiltre { padding:20px 0 10px 0;}
.icsayfakategorifiltre .filtrealani { display:block; padding:15px;}
.icsayfakategorifiltre .filtrealani input,
.icsayfakategorifiltre .filtrealani select,
.icsayfakategorifiltre .filtrealani button { width:100%; margin-bottom:10px;}
.icsayfakategorifiltre .filtrealani button { margin-bottom:0;}
}

/* Orta cihazlar (tabletler) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.icsayfakategorifiltre .filtrealani { flex-wrap:wrap;}
.icsayfakategorifiltre .filtrealani input,
.icsayfakategorifiltre .filtrealani select { width:32%;}
.icsayfakategorifiltre .filtrealani button { width:32%;}
}

/* Büyük cihazlar (küçük laptoplar, büyük tabletler) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.icsayfakategorifiltre .filtrealani input,
.icsayfakategorifiltre .filtrealani select { padding:0 12px;}
}

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



.icsayfakategoriurun { width:100%; padding:35px 0 70px 0;}
.icsayfakategoriurun .container:after { content:""; clear:both; display:block;}

.icsayfakategoriurun .urunler { width:100%; float:left;}
.icsayfakategoriurun .urunkutu { width:19%; float:left; margin:0 0.5% 25px 0.5%; background:#FAFAFA; border-radius:10px; padding:12px; position:relative; transition:all .35s;}
.icsayfakategoriurun .urunkutu:hover { transform:translateY(-6px); background: #f1f1f1;}

.icsayfakategoriurun .urunkutu .gorsel { width:100%; height:215px; display:flex; justify-content:center; align-items:center; overflow:hidden; border-radius:8px; margin-bottom:12px;}
.icsayfakategoriurun .urunkutu .gorsel img { max-width:100%; max-height:100%; transition:all .35s;}
.icsayfakategoriurun .urunkutu:hover .gorsel img { transform:scale(1.05);}

.icsayfakategoriurun .urunkutu .marka { font-size:12px; color:#EE2E0D; font-weight:600; margin-bottom:7px;}
.icsayfakategoriurun .urunkutu .urunadi { height:38px; font-size:14px; color:#4A4A4A; font-weight:500; line-height:1.35; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

.icsayfakategoriurun .urunkutu .fiyatalani { width:70%; float:left; margin-top:18px; min-height: 28px;}
.icsayfakategoriurun .urunkutu .eskifiyat { font-size:12px; color:#B5B5B5; font-weight:500; text-decoration:line-through;}
.icsayfakategoriurun .urunkutu .fiyat { font-size:18px; color:#EE2E0D; font-weight:600;}

.icsayfakategoriurun .urunkutu .sepetekle { width:38px; height:38px; position:absolute; right:12px; bottom:15px; border-radius:6px; background:#EE2E0D; display:flex; justify-content:center; align-items:center;}
.icsayfakategoriurun .urunkutu .sepetekle img { width:18px;}
.icsayfakategoriurun .urunkutu .sepetekle:hover { background:#4A4A4A; transition:all .35s;}

/* Küçük cihazlar (telefonlar, dikey) */
@media only screen and (max-width: 575px) {
.icsayfakategoriurun { padding:25px 0 45px 0;}
.icsayfakategoriurun .urunkutu { width:48%; margin:0 1% 15px 1%; padding:10px;}
.icsayfakategoriurun .urunkutu .gorsel { height:150px;}
.icsayfakategoriurun .urunkutu .urunadi { height:36px; font-size:13px;}
.icsayfakategoriurun .urunkutu .fiyat { font-size:16px;}
.icsayfakategoriurun .urunkutu .sepetekle { width:34px; height:34px; right:9px; bottom:12px;}
}

/* Orta cihazlar (tabletler) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.icsayfakategoriurun .urunkutu { width:31.333%; margin:0 1% 20px 1%;}
.icsayfakategoriurun .urunkutu .gorsel { height:190px;}
}

/* Büyük cihazlar (küçük laptoplar, büyük tabletler) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.icsayfakategoriurun .urunkutu { width:23%; margin:0 1% 20px 1%;}
.icsayfakategoriurun .urunkutu .gorsel { height:190px;}
}

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



.icsayfakategorimakale { width:100%; padding:35px 0 70px 0;}
.icsayfakategorimakale .container:after { content:""; clear:both; display:block;}

.icsayfakategorimakale .makale { width:100%; float:left; background:#FAFAFA; padding:35px; border-radius:0;}
.icsayfakategorimakale .baslik { font-size:16px; color:#4A4A4A; font-weight:600; margin-bottom:25px;}
.icsayfakategorimakale .yazi { font-size:14px; color:#4A4A4A; font-weight:400; line-height:1.6;}

/* Küçük cihazlar (telefonlar, dikey) */
@media only screen and (max-width: 575px) {
.icsayfakategorimakale { padding:25px 0 45px 0;}
.icsayfakategorimakale .makale { padding:25px;}
.icsayfakategorimakale .baslik { font-size:16px; margin-bottom:18px;}
.icsayfakategorimakale .yazi { font-size:13px; line-height:1.7;}
}

/* Orta cihazlar (tabletler) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.icsayfakategorimakale .makale { padding:30px;}
}

/* Büyük cihazlar (küçük laptoplar, büyük tabletler) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
}

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



.icsayfaurundetay { width:100%; padding:45px 0 70px 0;}
.icsayfaurundetay .container:after { content:""; clear:both; display:block;}

.icsayfaurundetay .solgaleri { width:63%; float:left; display:flex;}
.icsayfaurundetay .kucukgaleri { width:115px; float:left; margin-right:15px;}
.icsayfaurundetay .kucukgaleri .kucukresim { width:100%; height:90px; display:flex; justify-content:center; align-items:center; border:1px solid #eee; border-radius:8px; margin-bottom:8px; overflow:hidden; background:#fff;}
.icsayfaurundetay .kucukgaleri .kucukresim img { max-width:100%; max-height:100%; transition:all .35s;}
.icsayfaurundetay .kucukgaleri .kucukresim:hover img { transform:scale(1.08);}

.icsayfaurundetay .buyukresim { flex:1; height:500px; border:1px solid #eee; border-radius:10px; display:flex; justify-content:center; align-items:center; overflow:hidden; background:#fff;}
.icsayfaurundetay .buyukresim a { width:100%; height:100%; display:flex; justify-content:center; align-items:center;}
.icsayfaurundetay .buyukresim img { max-width:90%; max-height:90%;}

.icsayfaurundetay .sagbilgi { width:35%; min-height:500px; height:auto; float:right; background:#FAFAFA; border:1px solid #eee; border-radius:10px; padding:20px;}
.icsayfaurundetay .urunadi { font-size:20px; color:#4A4A4A; font-weight:600; line-height:1.3; margin-bottom:15px;}

.icsayfaurundetay .bilgisatir { width:100%; float:left;}
.icsayfaurundetay .marka { float:left; font-size:13px; color:#777;}
.icsayfaurundetay .urunkodu { float:right; font-size:13px; color:#777;}
.icsayfaurundetay .marka span,
.icsayfaurundetay .urunkodu span { color:#4A4A4A; font-weight:600;}

.icsayfaurundetay .cizgi { width:100%; height:1px; background:#eee; float:left; margin:15px 0;}

.icsayfaurundetay .eskifiyat { width:100%; float:left; font-size:13px; color:#B5B5B5; font-weight:500; text-decoration:line-through;}
.icsayfaurundetay .fiyat { width:100%; float:left; font-size:22px; color:#EE2E0D; font-weight:600; margin-bottom:20px;}
.icsayfaurundetay .urunadetuyari { width:100%; float:left; border:1px solid rgba(238,46,13,.22); background:#fff; border-left:3px solid #EE2E0D; border-radius:6px; padding:12px 14px; margin:-4px 0 16px 0;}
.icsayfaurundetay .urunadetuyari .uyaribaslik { width:100%; float:left; font-size:13px; color:#4A4A4A; font-weight:600; margin-bottom:4px;}
.icsayfaurundetay .urunadetuyari .uyarisatir { width:100%; float:left; font-size:12px; color:#777; font-weight:500; line-height:1.5;}

.icsayfaurundetay .sepetalani { width:100%; float:left; display:flex; align-items:center;}
.icsayfaurundetay .adet { width:95px; height:34px; display:flex; align-items:center; margin-right:10px;}
.icsayfaurundetay .adet button { width:20px; height:28px; border:0; background:#4A4A4A; color:#fff; border-radius:4px; font-size:16px; cursor:pointer;}
.icsayfaurundetay .adet input { width:41px; height:28px; border:0; background:none; text-align:center; color:#4A4A4A; font-size:14px; font-weight:600;}

.icsayfaurundetay .sepeteekle { height:34px; padding:0 18px; border-radius:5px; background:#EE2E0D; color:#fff; font-size:13px; font-weight:600; display:flex; justify-content:center; align-items:center; text-decoration:none; margin-right:8px;}
.icsayfaurundetay .sepeteekle img { width:15px; height:15px; flex:0 0 15px; display:block; margin:0; object-fit:contain;}
.icsayfaurundetay .sepeteekle:hover { background:#4A4A4A; color:#fff; transition:all .35s;}

.icsayfaurundetay .whatsapp { height:34px; padding:0 18px; border-radius:5px; background:#1DAF61; color:#fff; font-size:13px; font-weight:600; display:flex; justify-content:center; align-items:center; text-decoration:none;}
.icsayfaurundetay .whatsapp i { margin-left:8px;}
.icsayfaurundetay .whatsapp:hover { background:#159c54; color:#fff; transition:all .35s;}

.icsayfaurundetay .secenekbaslik { width:100%; float:left; font-size:14px; color:#4A4A4A; font-weight:600; margin-bottom:15px;}
.icsayfaurundetay .secenekler { width:100%; float:left;}
.icsayfaurundetay .secenekler a { height:34px; float:left; padding:0 20px; background:#fff; border-radius:5px; display:flex; justify-content:center; align-items:center; font-size:13px; color:#4A4A4A; text-decoration:none; margin-right:8px; margin-bottom:8px;}
.icsayfaurundetay .secenekler a:hover { background:#EE2E0D; color:#fff; transition:all .35s;}
.icsayfaurundetay .varyantsecim { width:100%; float:left;}
.icsayfaurundetay .varyantsecim-grup { width:100%; float:left; margin-bottom:10px;}
.icsayfaurundetay .varyantsecim-degerler button { min-width:44px; height:34px; float:left; padding:0 16px; background:#fff; border:1px solid #eee; border-radius:5px; display:flex; justify-content:center; align-items:center; font-size:13px; color:#4A4A4A; text-decoration:none; margin-right:8px; margin-bottom:8px; cursor:pointer;}
.icsayfaurundetay .varyantsecim-degerler button:hover,
.icsayfaurundetay .varyantsecim-degerler button.aktif { background:#EE2E0D; border-color:#EE2E0D; color:#fff; transition:all .35s;}
.icsayfaurundetay .varyantsecim-degerler button.pasif,
.icsayfaurundetay .varyantsecim-degerler button:disabled { opacity:.42; cursor:not-allowed; background:#f3f3f3; color:#999; border-color:#eee;}
.icsayfaurundetay .varyantsecim-not { width:100%; float:left; font-size:12px; color:#777; line-height:1.5;}

/* Küçük cihazlar (telefonlar, dikey) */
@media only screen and (max-width: 575px) {
.icsayfaurundetay { padding:25px 0 45px 0;}
.icsayfaurundetay .solgaleri { width:100%; display:block;}
.icsayfaurundetay .kucukgaleri { width:100%; margin-right:0; margin-bottom:10px;}
.icsayfaurundetay .kucukgaleri .kucukresim { width:23%; height:70px; float:left; margin:0 1% 8px 1%;}
.icsayfaurundetay .buyukresim { width:100%; height:300px;}
.icsayfaurundetay .sagbilgi { width:100%; height:auto; float:left; margin-top:20px; padding:25px;}
.icsayfaurundetay .urunadi { font-size:18px;}
.icsayfaurundetay .marka { width:100%; margin-bottom:5px;}
.icsayfaurundetay .urunkodu { width:100%; float:left;}
.icsayfaurundetay .sepetalani { display:block;}
.icsayfaurundetay .adet { float:left; margin-bottom:10px;}
.icsayfaurundetay .sepeteekle { float:left; margin-bottom:10px;}
.icsayfaurundetay .whatsapp { float:left; margin-bottom:10px;}
}

/* Orta cihazlar (tabletler) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.icsayfaurundetay .solgaleri { width:100%;}
.icsayfaurundetay .sagbilgi { width:100%; height:auto; margin-top:25px;}
}

/* Büyük cihazlar (küçük laptoplar, büyük tabletler) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.icsayfaurundetay .solgaleri { width:65%;}
.icsayfaurundetay .sagbilgi { width:33%; padding:25px;}
.icsayfaurundetay .sepeteekle { padding:0 12px;}
.icsayfaurundetay .whatsapp { padding:0 12px;}
}

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



.icsayfaurundetayaciklama { width:100%; padding:35px 0 70px 0;}
.icsayfaurundetayaciklama .container:after { content:""; clear:both; display:block;}

.icsayfaurundetayaciklama .tabust { width:100%; float:left; background:#FAFAFA; border:1px solid #eee; border-radius:8px; padding:12px; margin-bottom:30px;}
.icsayfaurundetayaciklama .tabust button { width:auto; height:48px; float:left; border:0; background:#fff; color:#4A4A4A; font-size:14px; font-weight:600; padding:0 28px; border-radius:4px; cursor:pointer; margin-right:10px;}
.icsayfaurundetayaciklama .tabust button.aktif { background:#4A4A4A; color:#fff;}
.icsayfaurundetayaciklama .tabust button:hover { background:#EE2E0D; color:#fff; transition:all .35s;}

.icsayfaurundetayaciklama .tabicerik { width:100%; float:left; display:none;}
.icsayfaurundetayaciklama .tabicerik.aktif { display:block;}
.icsayfaurundetayaciklama .yazi { font-size:14px; color:#4A4A4A; font-weight:400; line-height:1.8; padding:0 15px;}

.icsayfaurundetayaciklama .yorumlar { width:62%; float:left;}
.icsayfaurundetayaciklama .yorumkutu { width:100%; float:left; background:#FAFAFA; border:1px solid #eee; border-radius:8px; padding:20px; margin-bottom:15px;}
.icsayfaurundetayaciklama .yorumkutu .ust { width:100%; float:left; margin-bottom:10px;}
.icsayfaurundetayaciklama .yorumkutu .isim { float:left; font-size:15px; color:#4A4A4A; font-weight:600;}
.icsayfaurundetayaciklama .yorumkutu .puan { float:right; font-size:14px; color:#EE2E0D; letter-spacing:1px;}
.icsayfaurundetayaciklama .yorumkutu .yorum { width:100%; float:left; font-size:14px; color:#4A4A4A; line-height:1.6;}

.icsayfaurundetayaciklama .yorumformu { width:35%; float:right; background:#FAFAFA; border:1px solid #eee; border-radius:8px; padding:22px;}
.icsayfaurundetayaciklama .yorumformu .formbaslik { font-size:18px; color:#4A4A4A; font-weight:600; margin-bottom:15px;}
.icsayfaurundetayaciklama .yorumformu input,
.icsayfaurundetayaciklama .yorumformu select { width:100%; height:44px; border:1px solid #eee; border-radius:5px; background:#fff; padding:0 13px; font-size:13px; color:#4A4A4A; margin-bottom:10px;}
.icsayfaurundetayaciklama .yorumformu textarea { width:100%; height:110px; border:1px solid #eee; border-radius:5px; background:#fff; padding:13px; font-size:13px; color:#4A4A4A; margin-bottom:10px; resize:none;}
.icsayfaurundetayaciklama .yorumformu button { width:150px; height:40px; border:0; border-radius:5px; background:#EE2E0D; color:#fff; font-size:13px; font-weight:600; cursor:pointer;}
.icsayfaurundetayaciklama .yorumformu button:hover { background:#4A4A4A; transition:all .35s;}

/* Küçük cihazlar (telefonlar, dikey) */
@media only screen and (max-width: 575px) {
.icsayfaurundetayaciklama { padding:25px 0 45px 0;}
.icsayfaurundetayaciklama .tabust button { width:100%; margin:0 0 8px 0;}
.icsayfaurundetayaciklama .yazi { padding:0; font-size:13px;}
.icsayfaurundetayaciklama .yorumlar { width:100%;}
.icsayfaurundetayaciklama .yorumformu { width:100%; margin-top:20px;}
}

/* Orta cihazlar (tabletler) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.icsayfaurundetayaciklama .yorumlar { width:100%;}
.icsayfaurundetayaciklama .yorumformu { width:100%; margin-top:20px;}
}

/* Büyük cihazlar (küçük laptoplar, büyük tabletler) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
}

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


.urundetaybenzerurun { width:100%; padding:35px 0 70px 0;}
.urundetaybenzerurun .container:after { content:""; clear:both; display:block;}

.urundetaybenzerurun .bolumbaslik { width:100%; float:left; font-size:18px; color:#4A4A4A; font-weight:600; margin-bottom:20px;}

.urundetaybenzerurun .benzerurunslider { width:100%; float:left;}
.urundetaybenzerurun .benzerurunslider .slick-slide { margin:0 7px;}
.urundetaybenzerurun .benzerurunslider .slick-list { margin:0 -7px;}

.urundetaybenzerurun .urunkutu { background:#FAFAFA; border-radius:10px; padding:12px; position:relative; transition:all .35s;}
.urundetaybenzerurun .urunkutu:hover { transform:translateY(-6px); background: #f1f1f1;}

.urundetaybenzerurun .urunkutu .gorsel { width:100%; height:215px; display:flex; justify-content:center; align-items:center; overflow:hidden; border-radius:8px; margin-bottom:12px;}
.urundetaybenzerurun .urunkutu .gorsel img { max-width:100%; max-height:100%; transition:all .35s;}
.urundetaybenzerurun .urunkutu:hover .gorsel img { transform:scale(1.05);}

.urundetaybenzerurun .urunkutu .marka { font-size:12px; color:#EE2E0D; font-weight:600; margin-bottom:7px;}
.urundetaybenzerurun .urunkutu .urunadi { height:38px; font-size:14px; color:#4A4A4A; font-weight:500; line-height:1.35; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

.urundetaybenzerurun .urunkutu .fiyatalani { width:70%; float:left; margin-top:18px;}
.urundetaybenzerurun .urunkutu .eskifiyat { font-size:12px; color:#B5B5B5; font-weight:500; text-decoration:line-through;}
.urundetaybenzerurun .urunkutu .fiyat { font-size:18px; color:#EE2E0D; font-weight:600;}

.urundetaybenzerurun .urunkutu .sepetekle { width:38px; height:38px; position:absolute; right:12px; bottom:15px; border-radius:6px; background:#EE2E0D; display:flex; justify-content:center; align-items:center;}
.urundetaybenzerurun .urunkutu .sepetekle img { width:18px;}
.urundetaybenzerurun .urunkutu .sepetekle:hover { background:#4A4A4A; transition:all .35s;}

/* Küçük cihazlar (telefonlar, dikey) */
@media only screen and (max-width: 575px) {
.urundetaybenzerurun { padding:25px 0 45px 0;}
.urundetaybenzerurun .bolumbaslik { font-size:17px;}
.urundetaybenzerurun .urunkutu { padding:10px;}
.urundetaybenzerurun .urunkutu .gorsel { height:150px;}
.urundetaybenzerurun .urunkutu .urunadi { height:36px; font-size:13px;}
.urundetaybenzerurun .urunkutu .fiyat { font-size:16px;}
.urundetaybenzerurun .urunkutu .sepetekle { width:34px; height:34px; right:9px; bottom:12px;}
}

/* Orta cihazlar (tabletler) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.urundetaybenzerurun .urunkutu .gorsel { height:190px;}
}

/* Büyük cihazlar (küçük laptoplar, büyük tabletler) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.urundetaybenzerurun .urunkutu .gorsel { height:190px;}
}

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




.icsayfabilgisayfa { width:100%; padding:55px 0 80px 0;}
.icsayfabilgisayfa .container:after { content:""; clear:both; display:block;}

.icsayfabilgisayfa .baslik { width:100%; float:left; font-size:16px; color:#4A4A4A; font-weight:600; margin-bottom:25px;}
.icsayfabilgisayfa .yazi { width:100%; float:left; font-size:14px; color:#4A4A4A; font-weight:400; line-height:1.7;}

/* Küçük cihazlar (telefonlar, dikey) */
@media only screen and (max-width: 575px) {
.icsayfabilgisayfa { padding:35px 0 50px 0;}
.icsayfabilgisayfa .baslik { font-size:16px; margin-bottom:18px;}
.icsayfabilgisayfa .yazi { font-size:13px; line-height:1.7;}
}

/* Orta cihazlar (tabletler) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.icsayfabilgisayfa { padding:45px 0 60px 0;}
}

/* Büyük cihazlar (küçük laptoplar, büyük tabletler) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
}

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


.icsayfaurunarama { width:100%; padding:35px 0 70px 0;}
.icsayfaurunarama .container:after { content:""; clear:both; display:block;}

.icsayfaurunarama .urunler { width:100%; float:left;}
.icsayfaurunarama .urunkutu { width:19%; float:left; margin:0 0.5% 25px 0.5%; background:#FAFAFA; border-radius:10px; padding:12px; position:relative; transition:all .35s;}
.icsayfaurunarama .urunkutu:hover { transform:translateY(-6px); background: #f1f1f1;}

.icsayfaurunarama .urunkutu .gorsel { width:100%; height:215px; display:flex; justify-content:center; align-items:center; overflow:hidden; border-radius:8px; margin-bottom:12px;}
.icsayfaurunarama .urunkutu .gorsel img { max-width:100%; max-height:100%; transition:all .35s;}
.icsayfaurunarama .urunkutu:hover .gorsel img { transform:scale(1.05);}

.icsayfaurunarama .urunkutu .marka { font-size:12px; color:#EE2E0D; font-weight:600; margin-bottom:7px;}
.icsayfaurunarama .urunkutu .urunadi { height:38px; font-size:14px; color:#4A4A4A; font-weight:500; line-height:1.35; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

.icsayfaurunarama .urunkutu .fiyatalani { width:70%; float:left; margin-top:18px;}
.icsayfaurunarama .urunkutu .eskifiyat { font-size:12px; color:#B5B5B5; font-weight:500; text-decoration:line-through;}
.icsayfaurunarama .urunkutu .fiyat { font-size:18px; color:#EE2E0D; font-weight:600;}

.icsayfaurunarama .urunkutu .sepetekle { width:38px; height:38px; position:absolute; right:12px; bottom:15px; border-radius:6px; background:#EE2E0D; display:flex; justify-content:center; align-items:center;}
.icsayfaurunarama .urunkutu .sepetekle img { width:18px;}
.icsayfaurunarama .urunkutu .sepetekle:hover { background:#4A4A4A; transition:all .35s;}

/* Küçük cihazlar (telefonlar, dikey) */
@media only screen and (max-width: 575px) {
.icsayfaurunarama { padding:25px 0 45px 0;}
.icsayfaurunarama .urunkutu { width:48%; margin:0 1% 15px 1%; padding:10px;}
.icsayfaurunarama .urunkutu .gorsel { height:150px;}
.icsayfaurunarama .urunkutu .urunadi { height:36px; font-size:13px;}
.icsayfaurunarama .urunkutu .fiyat { font-size:16px;}
.icsayfaurunarama .urunkutu .sepetekle { width:34px; height:34px; right:9px; bottom:12px;}
}

/* Orta cihazlar (tabletler) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.icsayfaurunarama .urunkutu { width:31.333%; margin:0 1% 20px 1%;}
.icsayfaurunarama .urunkutu .gorsel { height:190px;}
}

/* Büyük cihazlar (küçük laptoplar, büyük tabletler) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.icsayfaurunarama .urunkutu { width:23%; margin:0 1% 20px 1%;}
.icsayfaurunarama .urunkutu .gorsel { height:190px;}
}

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



.icsayfadestek { width:100%; padding:55px 0 80px 0;}
.icsayfadestek .container:after { content:""; clear:both; display:block;}

.icsayfadestek .solalan { width:38%; float:left;}
.icsayfadestek .sagalan { width:58%; float:right;}

.icsayfadestek .baslik { font-size:22px; color:#4A4A4A; font-weight:600; margin-bottom:12px;}
.icsayfadestek .aciklama { font-size:14px; color:#4A4A4A; line-height:1.7; margin-bottom:25px;}

.icsayfadestek .bilgikutu { width:100%; float:left; background:#FAFAFA; border-radius:8px; padding:22px; margin-bottom:15px;}
.icsayfadestek .bilgikutu .kbaslik { font-size:15px; color:#4A4A4A; font-weight:600; margin-bottom:6px;}
.icsayfadestek .bilgikutu .metin { font-size:14px; color:#EE2E0D; font-weight:600;}

.icsayfadestek .formalan { width:100%; float:left; background:#FAFAFA; border-radius:10px; padding:30px;}
.icsayfadestek .formalan .formbaslik { font-size:18px; color:#4A4A4A; font-weight:600; margin-bottom:18px;}

.icsayfadestek .formalan input,
.icsayfadestek .formalan select { width:48%; height:45px; float:left; border:0; background:#fff; border-radius:5px; padding:0 15px; margin:0 1% 14px 1%; font-size:13px; color:#4A4A4A;}

.icsayfadestek .formalan textarea { width:98%; height:135px; float:left; border:0; background:#fff; border-radius:5px; padding:15px; margin:0 1% 14px 1%; font-size:13px; color:#4A4A4A; resize:none;}

.icsayfadestek .formalan button { width:160px; height:42px; float:right; border:0; border-radius:5px; background:#EE2E0D; color:#fff; font-size:14px; font-weight:600; cursor:pointer; margin-right:1%;}
.icsayfadestek .formalan button:hover { background:#4A4A4A; transition:all .35s;}

/* Küçük cihazlar (telefonlar, dikey) */
@media only screen and (max-width: 575px) {
.icsayfadestek { padding:35px 0 50px 0;}
.icsayfadestek .solalan { width:100%; float:left;}
.icsayfadestek .sagalan { width:100%; float:left; margin-top:20px;}
.icsayfadestek .formalan { padding:20px;}
.icsayfadestek .formalan input,
.icsayfadestek .formalan select { width:100%; margin:0 0 10px 0;}
.icsayfadestek .formalan textarea { width:100%; margin:0 0 10px 0;}
.icsayfadestek .formalan button { width:100%; margin-right:0;}
}

/* Orta cihazlar (tabletler) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.icsayfadestek .solalan { width:100%; float:left;}
.icsayfadestek .sagalan { width:100%; float:left; margin-top:25px;}
}

/* Büyük cihazlar (küçük laptoplar, büyük tabletler) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.icsayfadestek .solalan { width:40%;}
.icsayfadestek .sagalan { width:56%;}
}

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



.icsayfagiris { width:100%; padding:55px 0 80px 0;}
.icsayfagiris .container:after { content:""; clear:both; display:block;}

.icsayfagiris .uyelikbox { width:850px; margin:0 auto; background:#FAFAFA; border-radius:10px; overflow:hidden;}
.icsayfagiris .uyelikbox:after { content:""; clear:both; display:block;}

.icsayfagiris .solalan { width:45%; float:left; height:470px; background:linear-gradient(135deg,#101827 0%,#EE2E0D 64%,#00a6ff 145%); position:relative; overflow:hidden;}
.icsayfagiris .solalan > img { display:none;}
.uyelik-yota-gorsel { width:100%; height:100%; padding:42px 34px; display:flex; flex-direction:column; justify-content:center; color:#fff; position:relative; overflow:hidden;}
.uyelik-yota-gorsel:before { content:""; width:230px; height:230px; border:32px solid rgba(255,255,255,.09); border-radius:50%; position:absolute; right:-95px; top:-80px;}
.uyelik-yota-gorsel:after { content:""; width:115px; height:115px; border-radius:50%; background:rgba(255,255,255,.08); position:absolute; left:-45px; bottom:-35px;}
.uyelik-yota-gorsel img { width:230px; max-width:100%; height:auto; max-height:42px; object-fit:contain; border-radius:0; filter:brightness(0) invert(1); position:relative; z-index:1; margin-bottom:28px;}
.uyelik-yota-gorsel span { position:relative; z-index:1; width:max-content; max-width:100%; min-height:31px; border-radius:100px; border:1px solid rgba(255,255,255,.32); display:flex; align-items:center; padding:0 13px; color:#fff; font-size:12px; font-weight:700; margin-bottom:18px;}
.uyelik-yota-gorsel p { position:relative; z-index:1; color:rgba(255,255,255,.84); font-size:15px; line-height:1.7;}

.icsayfagiris .sagalan { width:55%; float:right; padding:45px;}
.icsayfagiris .baslik { font-size:22px; color:#4A4A4A; font-weight:600; margin-bottom:10px;}
.icsayfagiris .aciklama { font-size:14px; color:#4A4A4A; line-height:1.6; margin-bottom:25px;}

.icsayfagiris .formalan { width:100%; float:left;}
.icsayfagiris .formalan input[type="email"],
.icsayfagiris .formalan input[type="password"] { width:100%; height:45px; border:0; background:#fff; border-radius:5px; padding:0 15px; margin-bottom:12px; font-size:13px; color:#4A4A4A;}

.icsayfagiris .altsecenek { width:100%; float:left; margin:5px 0 18px 0;}
.icsayfagiris .altsecenek label { float:left; font-size:13px; color:#4A4A4A; font-weight:400; margin:0; display:flex; align-items:center;}
.icsayfagiris .altsecenek label input { width:auto; height:auto; margin:0 7px 0 0;}
.icsayfagiris .altsecenek a { float:right; font-size:13px; color:#EE2E0D; text-decoration:none;}
.icsayfagiris .altsecenek a:hover { color:#4A4A4A; transition:all .35s;}

.icsayfagiris .formalan button { width:100%; height:45px; border:0; border-radius:5px; background:#EE2E0D; color:#fff; font-size:14px; font-weight:600; cursor:pointer;}
.icsayfagiris .formalan button:hover { background:#4A4A4A; transition:all .35s;}

.icsayfagiris .uyeliklink { width:100%; float:left; text-align:center; font-size:13px; color:#4A4A4A; margin-top:18px;}
.icsayfagiris .uyeliklink a { color:#EE2E0D; font-weight:600; text-decoration:none;}
.icsayfagiris .uyeliklink a:hover { color:#4A4A4A; transition:all .35s;}

/* Küçük cihazlar */
@media only screen and (max-width: 575px) {
.icsayfagiris { padding:35px 0 50px 0;}
.icsayfagiris .uyelikbox { width:100%;}
.icsayfagiris .solalan { width:100%; height:220px;}
.uyelik-yota-gorsel { padding:30px 24px;}
.uyelik-yota-gorsel img { width:190px; margin-bottom:18px;}
.icsayfagiris .sagalan { width:100%; padding:25px;}
.icsayfagiris .altsecenek label { width:100%; margin-bottom:8px;}
.icsayfagiris .altsecenek a { float:left;}
}


.icsayfauyeol { width:100%; padding:55px 0 80px 0;}
.icsayfauyeol .container:after { content:""; clear:both; display:block;}

.icsayfauyeol .uyelikbox { width:900px; margin:0 auto; background:#FAFAFA; border-radius:10px; overflow:hidden;}
.icsayfauyeol .uyelikbox:after { content:""; clear:both; display:block;}

.icsayfauyeol .solalan { width:45%; float:left; height:560px; background:linear-gradient(135deg,#101827 0%,#EE2E0D 64%,#00a6ff 145%); position:relative; overflow:hidden;}
.icsayfauyeol .solalan > img { display:none;}

.icsayfauyeol .sagalan { width:55%; float:right; padding:45px;}
.icsayfauyeol .baslik { font-size:22px; color:#4A4A4A; font-weight:600; margin-bottom:10px;}
.icsayfauyeol .aciklama { font-size:14px; color:#4A4A4A; line-height:1.6; margin-bottom:25px;}

.icsayfauyeol .formalan { width:100%; float:left;}
.icsayfauyeol .formalan input[type="text"],
.icsayfauyeol .formalan input[type="email"],
.icsayfauyeol .formalan input[type="password"],
.icsayfauyeol .formalan select { width:100%; height:45px; border:0; background:#fff; border-radius:5px; padding:0 15px; margin-bottom:12px; font-size:13px; color:#4A4A4A;}

.icsayfauyeol .sozlesme { width:100%; float:left; margin:5px 0 18px 0;}
.icsayfauyeol .sozlesme label { font-size:13px; color:#4A4A4A; font-weight:400; margin:0; display:flex; align-items:center;}
.icsayfauyeol .sozlesme input { width:auto; height:auto; margin:0 7px 0 0;}
.icsayfauyeol .sozlesme a { color:#EE2E0D; font-weight:600; text-decoration:none;}
.icsayfauyeol .sozlesme a:hover { color:#4A4A4A; text-decoration:none;}

.icsayfauyeol .formalan button { width:100%; height:45px; border:0; border-radius:5px; background:#EE2E0D; color:#fff; font-size:14px; font-weight:600; cursor:pointer;}
.icsayfauyeol .formalan button:hover { background:#4A4A4A; transition:all .35s;}

.icsayfauyeol .girislink { width:100%; float:left; text-align:center; font-size:13px; color:#4A4A4A; margin-top:18px;}
.icsayfauyeol .girislink a { color:#EE2E0D; font-weight:600; text-decoration:none;}
.icsayfauyeol .girislink a:hover { color:#4A4A4A; transition:all .35s;}

.sozlesmepopup { display:none; position:fixed; inset:0; z-index:10000;}
.sozlesmepopup.aktif { display:block;}
.sozlesmepopup-arka { position:absolute; inset:0; background:rgba(0,0,0,.45);}
.sozlesmepopup-kutu { position:relative; width:min(760px, calc(100% - 32px)); max-height:86vh; margin:7vh auto; background:#fff; border-radius:8px; box-shadow:0 22px 60px rgba(0,0,0,.22); overflow:hidden;}
.sozlesmepopup-kapat { position:absolute; right:14px; top:14px; width:34px; height:34px; border:0; border-radius:50%; background:#FAFAFA; color:#4A4A4A; cursor:pointer;}
.sozlesmepopup-kapat:hover { background:#EE2E0D; color:#fff;}
.sozlesmepopup-baslik { padding:22px 58px 18px 24px; color:#4A4A4A; font-size:20px; font-weight:600; border-bottom:1px solid #eee;}
.sozlesmepopup-icerik { max-height:56vh; overflow:auto; padding:24px; color:#4A4A4A; font-size:14px; line-height:1.8;}
.sozlesmepopup-icerik h2,
.sozlesmepopup-icerik h3 { color:#4A4A4A; font-weight:600; margin:0 0 12px 0;}
.sozlesmepopup-icerik h3 { margin-top:20px; font-size:16px;}
.sozlesmepopup-icerik p { margin-bottom:14px;}
.sozlesmepopup-alt { padding:16px 24px; border-top:1px solid #eee; display:flex; justify-content:space-between; align-items:center; gap:12px;}
.sozlesmepopup-alt a { color:#EE2E0D; font-weight:600; text-decoration:none;}
.sozlesmepopup-alt a:hover { color:#4A4A4A; text-decoration:none;}
.sozlesmepopup-alt button { width:auto; min-width:120px; height:42px; border:0; border-radius:6px; background:#EE2E0D; color:#fff; font-size:13px; font-weight:600; cursor:pointer;}
.sozlesmepopup-alt button:hover { background:#4A4A4A;}

/* Küçük cihazlar */
@media only screen and (max-width: 575px) {
.icsayfauyeol { padding:35px 0 50px 0;}
.icsayfauyeol .uyelikbox { width:100%;}
.icsayfauyeol .solalan { width:100%; height:220px;}
.icsayfauyeol .sagalan { width:100%; padding:25px;}
.icsayfauyeol .sozlesme label { align-items:flex-start;}
.icsayfauyeol .sozlesme input { margin-top:3px;}
.sozlesmepopup-kutu { width:calc(100% - 24px); margin:4vh auto; max-height:92vh;}
.sozlesmepopup-icerik { max-height:62vh; padding:18px;}
.sozlesmepopup-alt { flex-direction:column; align-items:stretch;}
.sozlesmepopup-alt button { width:100%;}
}



.icsayfasepet { width:100%; padding:55px 0 80px 0;}
.icsayfasepet .container:after { content:""; clear:both; display:block;}

.icsayfasepet .sepetbaslik { width:100%; float:left; font-size:22px; color:#4A4A4A; font-weight:600; margin-bottom:25px;}
.icsayfasepet .sepetalan { width:100%; float:left;}

.icsayfasepet .solalan { width:68%; float:left;}
.icsayfasepet .sagalan { width:28%; float:right;}

.icsayfasepet .sepeturun { width:100%; float:left; background:#FAFAFA; border-radius:10px; padding:15px; margin-bottom:15px; display:flex; align-items:center; position:relative;}
.icsayfasepet .sepeturun .gorsel { width:100px; height:90px; background:#fff; border-radius:8px; display:flex; justify-content:center; align-items:center; overflow:hidden; margin-right:18px;}
.icsayfasepet .sepeturun .gorsel img { max-width:100%; max-height:100%;}
.icsayfasepet .sepeturun.sepeturun-takim{align-items:flex-start;padding:20px 24px}
.icsayfasepet .sepeturun.sepeturun-takim .gorsel{display:none}

.icsayfasepet .sepeturun .bilgi { flex:1;}
.icsayfasepet .sepeturun .urunadi { font-size:14px; color:#4A4A4A; font-weight:600; line-height:1.4; margin-bottom:6px;}
.icsayfasepet .sepeturun .bilgi > .urunadi{font-size:16px;color:#0F2027;font-weight:800;margin-bottom:10px}
.icsayfasepet .sepeturun.sepeturun-takim .bilgi > .urunadi{font-size:18px;line-height:1.2;margin-bottom:16px;letter-spacing:0}
.icsayfasepet .sepeturun .marka { font-size:12px; color:#EE2E0D; font-weight:600;}

.icsayfasepet .adet { width:85px; height:34px; display:flex; align-items:center; margin:0 25px;}
.icsayfasepet .adet button { width:28px; height:28px; border:0; background:#4A4A4A; color:#fff; border-radius:4px; font-size:16px; cursor:pointer;}
.icsayfasepet .adet input { width:28px; height:28px; border:0; background:none; text-align:center; color:#4A4A4A; font-size:14px;}

.icsayfasepet .fiyat { width:110px; font-size:17px; color:#EE2E0D; font-weight:600;}
.icsayfasepet .sil { width:34px; height:34px; border-radius:5px; background:#fff; display:flex; justify-content:center; align-items:center;}
.icsayfasepet .sil img { width:15px;}
.icsayfasepet .sil:hover { background:#EE2E0D; transition:all .35s;}

.icsayfasepet .ozetbox { width:100%; float:left; background:#FAFAFA; border-radius:10px; padding:25px;}
.icsayfasepet .ozetbox .baslik { font-size:18px; color:#4A4A4A; font-weight:600; margin-bottom:20px;}

.icsayfasepet .satir { width:100%; float:left; display:flex; justify-content:space-between; font-size:14px; color:#4A4A4A; margin-bottom:12px;}
.icsayfasepet .satir strong { color:#4A4A4A;}

.icsayfasepet .toplam { width:100%; float:left; display:flex; justify-content:space-between; border-top:1px solid #e5e5e5; padding-top:18px; margin-top:8px; font-size:16px; color:#4A4A4A; font-weight:600;}
.icsayfasepet .toplam strong { color:#EE2E0D;}

.icsayfasepet .devamet { width:100%; height:45px; float:left; background:#EE2E0D; color:#fff; border-radius:5px; display:flex; justify-content:center; align-items:center; font-size:14px; font-weight:600; text-decoration:none; margin-top:22px;}
.icsayfasepet .devamet:hover { background:#4A4A4A; color:#fff; transition:all .35s;}

.icsayfasepet .alisveris { width:100%; height:42px; float:left; background:#fff; color:#4A4A4A; border-radius:5px; display:flex; justify-content:center; align-items:center; font-size:13px; font-weight:600; text-decoration:none; margin-top:10px;}
.icsayfasepet .alisveris:hover { color:#EE2E0D; transition:all .35s;}

.sayfaicerik .ic-sayfa-icerik{width:100%;float:left;padding:0}
.sayfaicerik .icsayfasepet{width:100%;float:left;padding:0}
.sayfaicerik .icsayfasepet .sepetalan{width:100%;float:left;display:flex;align-items:flex-start;gap:30px}
.sayfaicerik .icsayfasepet .solalan{width:calc(100% - 390px);float:none}
.sayfaicerik .icsayfasepet .sagalan{width:360px;float:none;position:sticky;top:20px;align-self:flex-start;margin-top:0}
.sayfaicerik .icsayfasepet .sepeturun{background:#fff}
.sayfaicerik .icsayfasepet .ozetbox{background:#fff}
.ic-sayfa-standart{min-height:560px}
.ic-sayfa-standart .genelsiteharitasi{width:100%;float:left;background:transparent;padding:0;margin:0 0 35px 0}
.ic-sayfa-standart .genelsiteharitasi .container{width:100%;max-width:none;padding:0;margin:0}
.ic-sayfa-standart .genelsiteharitasi .siteharitasi{width:100%;float:left;margin:0;text-align:left;color:#7D8A8F}
.ic-sayfa-standart .genelsiteharitasi .siteharitasi a,
.ic-sayfa-standart .genelsiteharitasi .siteharitasi span{font-size:13px;font-weight:500;color:#7D8A8F;text-decoration:none}
.ic-sayfa-standart .genelsiteharitasi .siteharitasi a:hover{color:#E63312}
.ic-sayfa-standart .urun-breadcrumb{width:100%;float:left;background:transparent;padding:0;margin:0 0 35px 0}
.ic-sayfa-standart .urun-breadcrumb .container,
.ic-sayfa-standart .odeme-alan .container{width:100%;max-width:none;padding:0;margin:0}
.ic-sayfa-standart .urun-breadcrumb-ic{width:100%;float:left;font-size:13px;font-weight:500;color:#7D8A8F}
.ic-sayfa-standart .urun-breadcrumb-ic a{color:#7D8A8F;text-decoration:none}
.ic-sayfa-standart .urun-breadcrumb-ic a:hover{color:#E63312}
.ic-sayfa-standart .odeme-alan{width:100%;float:left;padding:0}
.ic-sayfa-standart > [class^="icsayfa"]{width:100%;float:left;padding:0}
.ic-sayfa-standart > [class^="icsayfa"] > .container{width:100%;max-width:none;padding:0;margin:0}
.ic-sayfa-standart .icsayfasiparis .siparisbaslik{margin-top:0}
.ic-sayfa-standart .icsayfasiparis .siparisalan{display:flex;align-items:flex-start;gap:30px}
.ic-sayfa-standart .icsayfasiparis .solalan{width:calc(100% - 390px);float:none}
.ic-sayfa-standart .icsayfasiparis .sagalan{width:360px;float:none;position:sticky;top:20px;align-self:flex-start;margin-top:0}
.ic-sayfa-standart .icsayfasiparis .formbox,
.ic-sayfa-standart .icsayfasiparis .ozetbox,
.ic-sayfa-standart .icsayfadestek .formalan,
.ic-sayfa-standart .icsayfadestek .bilgikutu,
.ic-sayfa-standart .icsayfagiris .uyelikbox,
.ic-sayfa-standart .icsayfauyeol .uyelikbox{background:#fff}
.ic-sayfa-standart .icsayfaurunarama .urunler{gap:18px}
.ic-sayfa-standart .icsayfaurunarama .urunkutu{width:calc(25% - 14px);margin:0;background:#fff}
.ic-sayfa-standart .icsayfagiris .uyelikbox,
.ic-sayfa-standart .icsayfauyeol .uyelikbox{width:100%;margin:0}
.ic-sayfa-standart .icsayfagiris .solalan,
.ic-sayfa-standart .icsayfauyeol .solalan{background:#f4f4f4}

/* Küçük cihazlar */
@media only screen and (max-width: 575px) {
.icsayfasepet { padding:35px 0 50px 0;}
.icsayfasepet .solalan { width:100%;}
.icsayfasepet .sagalan { width:100%; margin-top:20px;}
.icsayfasepet .sepeturun { display:block;}
.icsayfasepet .sepeturun .gorsel { width:100%; height:160px; margin:0 0 12px 0;}
.icsayfasepet .adet { margin:15px 0; float:left;}
.icsayfasepet .fiyat { width:auto; float:left; margin:20px 0 0 15px;}
.icsayfasepet .sil { position:absolute; right:15px; bottom:15px;}
}

/* Orta cihazlar */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.icsayfasepet .solalan { width:100%;}
.icsayfasepet .sagalan { width:100%; margin-top:25px;}
}
@media(max-width:991px){.sayfaicerik .icsayfasepet .sepetalan{display:block}.sayfaicerik .icsayfasepet .solalan{width:100%}.sayfaicerik .icsayfasepet .sagalan{width:100%;position:relative;top:auto;margin-top:20px}}
@media(max-width:991px){.ic-sayfa-standart .icsayfasiparis .siparisalan{display:block}.ic-sayfa-standart .icsayfasiparis .solalan{width:100%}.ic-sayfa-standart .icsayfasiparis .sagalan{width:100%;position:relative;top:auto;margin-top:20px}.ic-sayfa-standart .icsayfaurunarama .urunkutu{width:calc(50% - 9px)}}
@media(max-width:575px){.ic-sayfa-standart .icsayfaurunarama .urunkutu{width:100%}}


.icsayfasiparis { width:100%; padding:55px 0 80px 0;}
.icsayfasiparis .container:after { content:""; clear:both; display:block;}

.icsayfasiparis .siparisbaslik { width:100%; float:left; font-size:22px; color:#4A4A4A; font-weight:600; margin-bottom:25px;}
.icsayfasiparis .siparisalan { width:100%; float:left;}

.icsayfasiparis .solalan { width:68%; float:left;}
.icsayfasiparis .sagalan { width:28%; float:right;}

.icsayfasiparis .formbox { width:100%; float:left; background:#FAFAFA; border-radius:10px; padding:25px; margin-bottom:20px;}
.icsayfasiparis .formbox .baslik { font-size:18px; color:#4A4A4A; font-weight:600; margin-bottom:18px;}

.icsayfasiparis .formbox input,
.icsayfasiparis .formbox select { width:48%; height:45px; float:left; border:0; background:#fff; border-radius:5px; padding:0 15px; margin:0 1% 14px 1%; font-size:13px; color:#4A4A4A;}

.icsayfasiparis .formbox textarea { width:98%; height:120px; float:left; border:0; background:#fff; border-radius:5px; padding:15px; margin:0 1%; font-size:13px; color:#4A4A4A; resize:none;}
.icsayfasiparis .formbox button { width:100%; height:45px; float:left; border:0; color:#4A4A4A; border-radius:5px; margin:0 1% 14px 1%; font-size:14px; font-weight:600; cursor:pointer;}
.icsayfasiparis .formbox button:hover { transition:all .35s;}
.icsayfasiparis .formbox p { width:98%; float:left; margin:0 1% 14px 1%; font-size:13px; color:#4A4A4A; line-height:1.6;}

.icsayfasiparis .odemekutu { width:31.333%; height:45px; float:left; background:#fff; border-radius:5px; margin:0 1%; display:flex; align-items:center; padding:0 15px; font-size:13px; color:#4A4A4A; cursor:pointer;}
.icsayfasiparis .odemekutu input { width:auto; height:auto; margin:0 8px 0 0;}
.icsayfasiparis .teslimat-kayitli-adresler { width:98%; float:left; clear:both; display:flex; flex-wrap:wrap; gap:10px; margin:0 1% 16px 1%;}
.icsayfasiparis .teslimat-kayitli-adresler .odemekutu { width:auto; min-width:255px; max-width:100%; height:45px; float:none; margin:0; border:1px solid #e3e7ec;}
.icsayfasiparis .teslimat-kayitli-adresler .odemekutu input { flex:0 0 auto;}

.icsayfasiparis .ozetbox { width:100%; float:left; background:#FAFAFA; border-radius:10px; padding:25px;}
.icsayfasiparis .ozetbox .baslik { font-size:18px; color:#4A4A4A; font-weight:600; margin-bottom:20px;}

.icsayfasiparis .urun { width:100%; float:left; display:flex; justify-content:space-between; gap:15px; font-size:13px; color:#4A4A4A; line-height:1.4; margin-bottom:12px;}
.icsayfasiparis .urun strong { color:#EE2E0D; white-space:nowrap;}
.icsayfasiparis .checkout-ozet-urun{display:flex;align-items:flex-start;gap:12px;border-bottom:1px solid rgba(15,32,39,.08);padding-bottom:12px;margin-bottom:12px}
.icsayfasiparis .checkout-ozet-urun-icerik{flex:1;min-width:0}
.icsayfasiparis .checkout-ozet-urun-baslik{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;color:#0F2027;font-size:13px;font-weight:700}
.icsayfasiparis .checkout-ozet-urun-baslik span{min-width:0}
.icsayfasiparis .checkout-ozet-urun-baslik em{font-style:normal;white-space:nowrap;color:#6b7280;font-weight:700}
.icsayfasiparis .checkout-ozet-varyant{margin-top:4px;color:#6b7280;font-size:12px;font-weight:600}
.icsayfasiparis .checkout-takim-ozet{margin-top:8px}
.icsayfasiparis .checkout-takim-ozet li{font-size:12px}

.icsayfasiparis .satir { width:100%; float:left; display:flex; justify-content:space-between; font-size:14px; color:#4A4A4A; margin-bottom:12px;}
.icsayfasiparis .satir strong { color:#4A4A4A;}

.icsayfasiparis .toplam { width:100%; float:left; display:flex; justify-content:space-between; border-top:1px solid #e5e5e5; padding-top:18px; margin-top:8px; font-size:16px; color:#4A4A4A; font-weight:600;}
.icsayfasiparis .toplam strong { color:#EE2E0D;}
.icsayfasiparis .checkout-sozlesme { width:100%; float:left; display:flex; align-items:flex-start; gap:9px; margin:16px 0 0 0; font-size:13px; color:#4A4A4A; line-height:1.45;}
.icsayfasiparis .checkout-sozlesme input { width:15px; height:15px; flex:0 0 15px; margin:2px 0 0 0; accent-color:#EE2E0D;}
.icsayfasiparis .checkout-sozlesme a { color:#EE2E0D; font-weight:600; text-decoration:none;}
.icsayfasiparis .checkout-sozlesme a:hover { color:#4A4A4A; text-decoration:none;}

.icsayfasiparis .ozetbox button { width:100%; height:45px; float:left; border:0; background:#EE2E0D; color:#fff; border-radius:5px; font-size:14px; font-weight:600; cursor:pointer; margin-top:22px;}
.icsayfasiparis .ozetbox button:hover { background:#4A4A4A; transition:all .35s;}

/* Küçük cihazlar */
@media only screen and (max-width: 575px) {
.icsayfasiparis { padding:35px 0 50px 0;}
.icsayfasiparis .solalan { width:100%;}
.icsayfasiparis .sagalan { width:100%; margin-top:20px;}
.icsayfasiparis .formbox { padding:20px;}
.icsayfasiparis .formbox input,
.icsayfasiparis .formbox select { width:100%; margin:0 0 10px 0;}
.icsayfasiparis .formbox textarea { width:100%; margin:0;}
.icsayfasiparis .formbox button { width:100%; margin:0 0 10px 0;}
.icsayfasiparis .formbox p { width:100%; margin:0 0 10px 0;}
.icsayfasiparis .odemekutu { width:100%; margin:0 0 10px 0;}
.icsayfasiparis .teslimat-kayitli-adresler { width:100%; margin:0 0 12px 0;}
.icsayfasiparis .teslimat-kayitli-adresler .odemekutu { width:100%; min-width:0; margin:0;}
}

/* Orta cihazlar */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.icsayfasiparis .solalan { width:100%;}
.icsayfasiparis .sagalan { width:100%; margin-top:25px;}
}


.carousel-inner {position: relative;width: 100%;overflow: hidden;margin-left:auto; margin-right:auto;}
.carousel-item {height:650px;background: no-repeat center center scroll;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}

.carousel-control-prev {position:absolute; left:0; top:-335px; width:45px; height:45px; z-index:9; opacity:1;}
.carousel-control-next {position:absolute; right:0; top:-335px; width:45px; height:45px; z-index:9; opacity:1;}
.carousel-control-prev img,
.carousel-control-next img {width:45px; height:45px;}

.carousel-fade .carousel-item {opacity: 0;transition-duration: .6s;transition-property: opacity;}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {opacity: 1;}
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {opacity: 0;}
.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {transform: translateX(0);transform: translate3d(0, 0, 0);}

/* Küçük cihazlar (telefonlar, dikey) */
@media only screen and (max-width: 575px) {
.carousel-item {height:200px;background: no-repeat center center scroll;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.carousel-control-prev {display:none;}
.carousel-control-next {display:none;}
}

/* Orta cihazlar (tabletler) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
.carousel-item {height:420px;background: no-repeat center center scroll;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.carousel-control-prev {display:none;}
.carousel-control-next {display:none;}
}

/* Büyük cihazlar (küçük laptoplar, büyük tabletler) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.carousel-item {height:520px;background: no-repeat center center scroll;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.carousel-control-prev {top:-285px;}
.carousel-control-next {top:-285px;}
}

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


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

.urunkayan button.slick-next, .urunkayan button.slick-next:hover {position: absolute; right: 1%;width: 40px;height: 40px; top:42%; background:url(../img/genel/sleft.svg) no-repeat center top; border-radius: 5px;}
.urunkayan button.slick-prev, .urunkayan button.slick-prev:hover {position: absolute; left: 1%; z-index: 1;width: 40px; top:42%; height: 40px; background:url(../img/genel/sright.svg) no-repeat center top; border-radius: 5px;}
.urunkayan .slick-prev:before, .slick-next:before {font-size: 70px;color: #EA8496;line-height: inherit;font-weight:600;}

.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;margin-top: -10px;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;color: white;-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:600;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: #4A4A4A;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;}
}

.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% { transform:translateX(-80px); opacity:0;}
100% { transform:translateX(0); opacity:1;}
}

@keyframes slide-in-right {
0% { transform:translateX(80px); opacity:0;}
100% { transform:translateX(0); opacity:1;}
}

@keyframes fade-in-bottom {
0% { transform:translateY(45px); opacity:0;}
100% { transform:translateY(0); opacity:1;}
}

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

.scrollanim { opacity:0; transform:translateY(45px); transition:all .8s ease;}
.scrollanim.aktif { opacity:1; transform:translateY(0);}

.scrollanim.soldan { transform:translateX(-70px);}
.scrollanim.sagdan { transform:translateX(70px);}
.scrollanim.alttan { transform:translateY(45px);}

.scrollanim.soldan.aktif,
.scrollanim.sagdan.aktif,
.scrollanim.alttan.aktif { transform:translateX(0) translateY(0);}

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

.aramaalani { position:relative;}
.akilli-arama-sonuc { display:none; position:absolute; left:0; top:52px; width:100%; background:#fff; border:1px solid #eee; border-radius:8px; box-shadow:0 16px 34px rgba(0,0,0,.12); z-index:30; overflow:hidden;}
.akilli-arama-sonuc.aktif { display:block;}
.akilli-arama-item { width:100%; display:flex; align-items:center; gap:12px; padding:10px 12px; color:#4A4A4A; text-decoration:none; border-bottom:1px solid #f2f2f2;}
.akilli-arama-item:hover { background:#FAFAFA; color:#EE2E0D; text-decoration:none;}
.akilli-arama-item:last-child { border-bottom:0;}
.akilli-arama-resim { width:48px; height:48px; border-radius:6px; background:#FAFAFA; display:flex; align-items:center; justify-content:center; overflow:hidden; flex:0 0 48px;}
.akilli-arama-resim img { max-width:100%; max-height:100%;}
.akilli-arama-text { min-width:0; display:flex; flex-direction:column;}
.akilli-arama-text strong { font-size:13px; color:#4A4A4A; font-weight:600; line-height:1.3;}
.akilli-arama-text small { font-size:12px; color:#EE2E0D; font-weight:600; margin-top:3px;}
.akilli-arama-bos { padding:14px; font-size:13px; color:#777;}
.uyegirisalan { float:left; position:relative; margin-right:25px;}
.ustmenu .sagalan .uyegirisalan .uyegiris { margin-right:0; border:0; background:none; padding:0; gap:6px;}
.ustmenu .sagalan .uyegirisalan .uyegiris i { font-size:11px; margin-left:2px;}
.uyegirismenu { display:none; position:absolute; right:0; top:45px; min-width:220px; background:#fff; border:1px solid #eee; border-radius:8px; box-shadow:0 16px 34px rgba(0,0,0,.12); z-index:35; padding:8px 0;}
.uyegirismenu.aktif { display:block;}
.uyegirismenu a { width:100%; float:left; display:flex; align-items:center; gap:9px; padding:10px 14px; font-size:13px; color:#4A4A4A; font-weight:600; text-decoration:none;}
.uyegirismenu a:hover { color:#EE2E0D; background:#FAFAFA; text-decoration:none;}
.uyegirismenu a.cikis { color:#c0392b;}
.urunkutu .gorsel { position:relative;}
.urunkutu .gorsel{background:#f6f7f9}
.urunkutu .gorsel img{object-fit:contain;object-position:center}
.urunkutu .favori-toggle-btn,
.icsayfaurundetay .favori-toggle-btn { width:36px; height:36px; border:0; border-radius:50%; background:#fff; color:#4A4A4A; display:flex; align-items:center; justify-content:center; cursor:pointer; box-shadow:0 8px 18px rgba(0,0,0,.12); transition:all .25s;}
.urunkutu .favori-toggle-btn { position:absolute; right:14px; top:14px; z-index:6;}
.urunkutu .favori-toggle-btn:hover,
.icsayfaurundetay .favori-toggle-btn:hover,
.urunkutu .favori-toggle-btn.aktif,
.icsayfaurundetay .favori-toggle-btn.aktif { color:#e11d48; background:#fff1f4;}
.urun-etiketleri { position:absolute; left:10px; top:10px; z-index:5; display:flex; flex-direction:column; align-items:flex-start; gap:6px;}
.urun-etiket { display:inline-flex; align-items:center; min-height:22px; border-radius:100px; padding:0 9px; font-size:10px; color:#fff; font-weight:600; line-height:1; letter-spacing:.2px; text-transform:uppercase; box-shadow:0 8px 18px rgba(0,0,0,.14);}
.urun-etiket-yeni { background:#14945f;}
.urun-etiket-indirim { background:#d84646;}
.urun-etiket-cok-satan { background:#c18b3d;}
.urun-etiket-one-cikan { background:#1f3b63;}
.urun-stok-badge { position:absolute; right:10px; top:56px; z-index:5; min-height:24px; border-radius:100px; background:rgba(74,74,74,.9); color:#fff; padding:0 10px; display:flex; align-items:center; font-size:10px; font-weight:600; text-transform:uppercase;}
.icsayfaurundetay .sagbilgi { position:relative;}
.icsayfaurundetay .urundetay-favori-btn { position:absolute; right:18px; top:18px; z-index:7;}
.urundetay-etiketler { width:100%; float:left; display:flex; flex-wrap:wrap; gap:7px; margin:-5px 0 12px 0;}

@media only screen and (max-width: 575px) {
.uyegirisalan { width:50%; margin-right:0;}
.ustmenu .sagalan .uyegirisalan .uyegiris { width:100%;}
.uyegirismenu { left:0; right:auto; width:220px;}
.akilli-arama-sonuc { top:47px;}
.urunkutu .favori-toggle-btn { width:32px; height:32px; top:10px; right:10px;}
.urun-etiket { min-height:20px; padding:0 7px; font-size:9px;}
}

.markalarsayfa .markalar { display:flex; flex-wrap:wrap; gap:18px;}
.markalarsayfa .marka { width:calc(25% - 14px); margin:0; min-height:170px; background:#FAFAFA; border:1px solid #eee; border-radius:8px; padding:18px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; text-decoration:none; transition:all .35s;}
.markalarsayfa .marka:hover { transform:translateY(-5px); border-color:#EE2E0D; background:#fff; text-decoration:none;}
.markalarsayfa .markagorsel { width:100%; height:80px; display:flex; align-items:center; justify-content:center; margin-bottom:14px;}
.markalarsayfa .markagorsel img { width:100%; max-width:160px; height:54px; max-height:54px; object-fit:contain; border-radius:0;}
.markalarsayfa .markagorsel strong { width:64px; height:64px; border-radius:50%; background:#EE2E0D; color:#fff; display:flex; align-items:center; justify-content:center; font-size:28px; font-weight:600;}
.markalarsayfa .markaadi { font-size:15px; color:#4A4A4A; font-weight:600; line-height:1.3;}
.markalarsayfa .marka small { font-size:12px; color:#EE2E0D; font-weight:600; margin-top:6px;}
.markalarsayfa .markabos { width:100%; min-height:90px; color:#777;}
.icsayfasiparis .hesapozet { width:100%; float:left; display:grid; grid-template-columns:repeat(4, 1fr); gap:14px; margin:0 0 25px 0;}
.icsayfasiparis .ozetitem { background:#FAFAFA; border:1px solid #eee; border-radius:8px; padding:18px; min-height:92px;}
.icsayfasiparis .ozetitem span { display:block; font-size:12px; color:#777; font-weight:600; margin-bottom:8px;}
.icsayfasiparis .ozetitem strong { display:block; font-size:22px; color:#4A4A4A; font-weight:600; line-height:1.2; overflow:hidden; text-overflow:ellipsis;}
.icsayfasiparis .hesapmenu { width:100%; float:left; display:grid; grid-template-columns:repeat(2, 1fr); gap:10px;}
.icsayfasiparis .hesapmenu a,
.icsayfasiparis .hesapaksiyon a { min-height:45px; background:#fff; border-radius:6px; padding:0 14px; display:flex; align-items:center; gap:10px; color:#4A4A4A; font-size:13px; font-weight:600; text-decoration:none;}
.icsayfasiparis .hesapmenu a:hover,
.icsayfasiparis .hesapmenu a.aktif,
.icsayfasiparis .hesapaksiyon a:hover { background:#EE2E0D; color:#fff; text-decoration:none;}
.icsayfasiparis .hesapmenu a.cikis { color:#c0392b;}
.icsayfasiparis .hesapmenu a.cikis:hover { color:#fff;}
.icsayfasiparis .adresliste { width:100%; float:left; display:grid; grid-template-columns:repeat(2, 1fr); gap:14px;}
.icsayfasiparis .adreskart { background:#fff; border-radius:8px; padding:18px; border:1px solid #eee;}
.icsayfasiparis .adresust { display:flex; justify-content:space-between; align-items:center; gap:10px; margin-bottom:12px;}
.icsayfasiparis .adresust strong { font-size:15px; color:#4A4A4A; font-weight:600;}
.icsayfasiparis .adresust span { min-height:24px; border-radius:100px; background:#e8f7ef; color:#157a42; padding:0 10px; display:flex; align-items:center; font-size:10px; font-weight:600;}
.icsayfasiparis .adresdetay p { width:100%; float:none; margin:0 0 6px 0; color:#4A4A4A; font-size:13px; line-height:1.5;}
.icsayfasiparis .adresislem { display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-top:12px;}
.icsayfasiparis .adresislem a,
.icsayfasiparis .adresislem button { width:auto; height:34px; float:none; margin:0; padding:0 12px; border-radius:5px; background:#FAFAFA; color:#4A4A4A; font-size:12px; font-weight:600; border:0; display:flex; align-items:center; text-decoration:none;}
.icsayfasiparis .adresislem a:hover,
.icsayfasiparis .adresislem button:hover { background:#EE2E0D; color:#fff; text-decoration:none;}
.icsayfasiparis .adresislem form { margin:0;}
.icsayfasiparis .hesapaksiyon { width:100%; float:left; display:grid; gap:10px;}

@media only screen and (max-width: 575px) {
.markalarsayfa .markalar { gap:10px;}
.markalarsayfa .marka { width:calc(50% - 5px); min-height:145px; padding:14px;}
.icsayfasiparis .hesapozet { grid-template-columns:1fr; gap:10px;}
.icsayfasiparis .hesapmenu,
.icsayfasiparis .adresliste { grid-template-columns:1fr;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.markalarsayfa .marka { width:calc(33.333% - 12px);}
.icsayfasiparis .hesapozet { grid-template-columns:repeat(2, 1fr);}
.icsayfasiparis .adresliste { grid-template-columns:1fr;}
}

.icsayfaurundetay .secenekler a.aktif { background:#EE2E0D; color:#fff; border-color:#EE2E0D; text-decoration:none;}
.icsayfaurundetay .marka a { color:#EE2E0D; font-weight:600; text-decoration:none;}
.icsayfaurundetay .marka a:hover { color:#4A4A4A; text-decoration:none;}
.urunkutu .fiyat.fiyat-sorunuz { color:#4A4A4A; font-size:15px; line-height:1.25;}
.icsayfaurundetay .fiyat.fiyat-sorunuz { color:#4A4A4A;}
.icsayfaurundetay .sepeteekle.pasif { background:#4A4A4A; color:#fff;}
.icsayfaurundetay .sepeteekle.pasif:hover { background:#EE2E0D; color:#fff;}
.anasayfaonecikanlar .urunler,
.icsayfakategoriurun .urunler,
.icsayfaurunarama .urunler { display:flex; flex-wrap:wrap; align-items:stretch;}
.anasayfaonecikanlar .urunler .urunkutu,
.icsayfakategoriurun .urunler .urunkutu,
.icsayfaurunarama .urunler .urunkutu { float:none; display:flex; flex-direction:column; min-height:360px;}
.anasayfaonecikanlar .urunler .urunkutu .fiyatalani,
.icsayfakategoriurun .urunler .urunkutu .fiyatalani,
.icsayfaurunarama .urunler .urunkutu .fiyatalani { margin-top:auto; min-height:43px;}

@media only screen and (max-width: 575px) {
.anasayfaonecikanlar .urunler .urunkutu,
.icsayfakategoriurun .urunler .urunkutu,
.icsayfaurunarama .urunler .urunkutu { min-height:315px;}
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
.anasayfaonecikanlar .urunler .urunkutu,
.icsayfakategoriurun .urunler .urunkutu,
.icsayfaurunarama .urunler .urunkutu { min-height:335px;}
}

.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;}
.sitebildirim-ikon { width:38px; height:38px; border-radius:50%; display:flex; align-items:center; justify-content:center; flex:0 0 38px;}
.sitebildirim.success .sitebildirim-ikon { background:#e8f7ef; color:#14945f;}
.sitebildirim.error .sitebildirim-ikon { background:#fff0f0; color:#c0392b;}
.sitebildirim-metin { color:#4A4A4A; font-size:14px; font-weight:600; line-height:1.45;}
.sitebildirim-metin a { color:#EE2E0D; font-weight:700; text-decoration:none;}
.sitebildirim-metin a:hover { color:#4A4A4A; text-decoration:none;}

.cerezuyari { position:fixed; right:24px; bottom:24px; width:min(520px, calc(100% - 48px)); min-height:78px; background:#fff; border:1px solid #e9e9e9; border-radius:8px; box-shadow:0 18px 42px rgba(0,0,0,.16); z-index:9997; display:none; align-items:center; gap:18px; padding:16px 18px;}
.cerezuyari.aktif { display:flex;}
.cerezuyari-metin { flex:1; min-width:0;}
.cerezuyari-metin strong { display:block; color:#4A4A4A; font-size:15px; font-weight:600; margin-bottom:4px;}
.cerezuyari-metin span { display:block; color:#666; font-size:13px; line-height:1.55;}
.cerezuyari-metin a { display:inline-block; margin-top:5px; color:#EE2E0D; font-size:13px; font-weight:600; text-decoration:none;}
.cerezuyari-metin a:hover { color:#4A4A4A; text-decoration:none;}
.cerezuyari button { min-width:104px; height:42px; border:0; border-radius:6px; background:#EE2E0D; color:#fff; font-size:13px; font-weight:600; cursor:pointer;}
.cerezuyari button:hover { background:#4A4A4A;}

body.reklampopup-acik { overflow:hidden;}
.reklampopup { position:fixed; inset:0; z-index:10002; display:none; align-items:center; justify-content:center; padding:22px;}
.reklampopup.aktif { display:flex;}
.reklampopup-arka { position:absolute; inset:0; border:0; background:rgba(0,0,0,.52); cursor:pointer;}
.reklampopup-kutu { position:relative; width:min(780px, 100%); max-height:calc(100vh - 44px); display:grid; grid-template-columns:minmax(0, .95fr) minmax(0, 1.05fr); background:#fff; border-radius:8px; overflow:hidden; box-shadow:0 24px 70px rgba(0,0,0,.26);}
.reklampopup-kutu-metinsel { display:block; width:min(560px, 100%);}
.reklampopup-kapat { position:absolute; right:14px; top:14px; z-index:3; width:36px; height:36px; border:0; border-radius:50%; background:#fff; color:#4A4A4A; box-shadow:0 8px 24px rgba(0,0,0,.12); cursor:pointer;}
.reklampopup-kapat:hover { background:#EE2E0D; color:#fff;}
.reklampopup-gorsel { min-height:330px; background:#FAFAFA;}
.reklampopup-gorsel img { width:100%; height:100%; min-height:330px; object-fit:cover; display:block;}
.reklampopup-icerik { min-width:0; padding:48px 38px 34px 38px; display:flex; flex-direction:column; justify-content:center;}
.reklampopup-baslik { color:#4A4A4A; font-size:28px; line-height:1.22; font-weight:600; margin-bottom:14px;}
.reklampopup-metin { color:#666; font-size:15px; line-height:1.7;}
.reklampopup-alt { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:26px;}
.reklampopup-link { min-height:44px; padding:0 18px; border-radius:6px; background:#EE2E0D; color:#fff; display:inline-flex; align-items:center; gap:8px; font-size:13px; font-weight:600; text-decoration:none;}
.reklampopup-link:hover { background:#4A4A4A; color:#fff; text-decoration:none;}
.reklampopup-alt button { min-height:44px; padding:0 16px; border:1px solid #e8e8e8; border-radius:6px; background:#FAFAFA; color:#4A4A4A; font-size:13px; font-weight:600; cursor:pointer;}
.reklampopup-alt button:hover { border-color:#EE2E0D; color:#EE2E0D;}

.odemesonucsayfa { padding:55px 0 85px 0;}
.odemesonucsayfa .odemesonuckart { width:100%; float:left; background:#FAFAFA; border:1px solid #eee; border-radius:8px; padding:34px; display:flex; align-items:flex-start; gap:24px;}
.odemesonucsayfa .odemeikon { width:72px; height:72px; border-radius:50%; background:#e8f7ef; color:#14945f; display:flex; align-items:center; justify-content:center; flex:0 0 72px; font-size:30px;}
.odemesonucsayfa .odemesonuckart.beklemede .odemeikon { background:#fff1ef; color:#EE2E0D;}
.odemesonucsayfa .odemeicerik { flex:1; min-width:0;}
.odemesonucsayfa .baslik { margin:0 0 10px 0; color:#4A4A4A; font-size:26px; font-weight:600; line-height:1.25;}
.odemesonucsayfa .aciklama { color:#666; font-size:15px; line-height:1.8; max-width:760px;}
.odemesonucsayfa .odemedetaylar { width:100%; display:grid; grid-template-columns:repeat(3, 1fr); gap:12px; margin:24px 0 0 0;}
.odemesonucsayfa .detay { background:#fff; border-radius:8px; padding:15px 16px;}
.odemesonucsayfa .detay span { display:block; color:#777; font-size:12px; font-weight:600; margin-bottom:6px;}
.odemesonucsayfa .detay strong { display:block; color:#4A4A4A; font-size:15px; font-weight:600; line-height:1.4;}
.odemesonucsayfa .odemeaksiyonlar { width:100%; display:flex; flex-wrap:wrap; gap:10px; margin-top:22px;}
.odemesonucsayfa .odemeaksiyonlar a { min-width:165px; height:44px; border-radius:6px; background:#EE2E0D; color:#fff; display:flex; align-items:center; justify-content:center; padding:0 16px; font-size:13px; font-weight:600; text-decoration:none;}
.odemesonucsayfa .odemeaksiyonlar a:nth-child(2) { background:#4A4A4A;}
.odemesonucsayfa .odemeaksiyonlar a:nth-child(3) { background:#1faf62;}
.odemesonucsayfa .odemeaksiyonlar a:hover { opacity:.88; text-decoration:none; color:#fff;}

.siparisakordiyon { width:100%; float:left; display:flex; flex-direction:column; gap:12px;}
.siparisakordiyon-item { width:100%; background:#fff; border:1px solid #eee; border-radius:8px; overflow:hidden;}
.siparisakordiyon-baslik { width:100%; min-height:68px; border:0; background:#fff; display:grid; grid-template-columns:1.4fr 1fr 1fr auto 24px; gap:12px; align-items:center; padding:16px 18px; color:#4A4A4A; text-align:left; cursor:pointer;}
.siparisakordiyon-baslik.fiyatsiz { grid-template-columns:1.4fr 1fr auto 24px;}
.siparisakordiyon-baslik span { font-size:14px; font-weight:600;}
.siparisakordiyon-baslik small { color:#777; font-size:12px; font-weight:600;}
.siparisakordiyon-baslik strong { color:#EE2E0D; font-size:14px; font-weight:600;}
.siparisakordiyon-baslik i { color:#999; transition:all .25s;}
.siparisakordiyon-item.aktif .siparisakordiyon-baslik i { transform:rotate(180deg);}
.siparisdurum { min-height:26px; border-radius:100px; padding:0 10px; display:inline-flex; align-items:center; justify-content:center; color:#fff; font-size:10px; font-weight:600; font-style:normal; white-space:nowrap;}
.siparisdurum.badge-success { background:#14945f;}
.siparisdurum.badge-danger { background:#c0392b;}
.siparisdurum.badge-warning { background:#EE2E0D;}
.siparisakordiyon-icerik { display:none; border-top:1px solid #eee; padding:16px 18px 18px 18px;}
.siparisakordiyon-item.aktif .siparisakordiyon-icerik { display:block;}
.siparisdetaygrid { width:100%; display:grid; grid-template-columns:repeat(2, 1fr); gap:10px;}
.siparisdetaygrid div { background:#FAFAFA; border-radius:6px; padding:12px;}
.siparisdetaygrid span { display:block; color:#777; font-size:12px; font-weight:600; margin-bottom:5px;}
.siparisdetaygrid strong { display:block; color:#4A4A4A; font-size:13px; font-weight:600; line-height:1.35;}
.siparisurunlistesi { width:100%; margin-top:14px; border:1px solid #eee; border-radius:8px; background:#fff; overflow:hidden;}
.siparisurunlistesi summary { list-style:none; min-height:44px; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:0 14px; cursor:pointer; color:#0F2027; font-size:13px; font-weight:800;}
.siparisurunlistesi summary::-webkit-details-marker { display:none;}
.siparisurunlistesi summary:after { content:"\f078"; font-family:"Font Awesome 6 Free"; font-weight:900; color:#9aa1a7; font-size:11px; transition:all .25s;}
.siparisurunlistesi[open] summary:after { transform:rotate(180deg);}
.siparisurunlistesi-icerik { width:100%; border-top:1px solid #eee; padding:6px 14px 12px 14px;}
.siparisurun-kalem { width:100%; padding:10px 0; border-bottom:1px solid rgba(15,32,39,.08);}
.siparisurun-kalem:last-child { border-bottom:0;}
.siparisurun-kalem-ana { width:100%; display:grid; grid-template-columns:1fr auto auto; gap:12px; align-items:center; color:#0F2027;}
.siparisurun-kalem-ana strong { min-width:0; font-size:13px; font-weight:800; line-height:1.35;}
.siparisurun-kalem-ana span,
.siparisurun-kalem-ana em { color:#6b7280; font-size:12px; font-weight:800; font-style:normal; white-space:nowrap;}
.siparisurun-kalem ul { width:100%; margin:8px 0 0 0; padding:0; display:grid; gap:5px;}
.siparisurun-kalem li { width:100%; display:flex; align-items:flex-start; justify-content:space-between; gap:12px; padding:0 0 5px 0; border-bottom:1px solid rgba(15,32,39,.05); color:#0F2027; font-size:12px; font-weight:600; line-height:1.35;}
.siparisurun-kalem li:last-child { border-bottom:0; padding-bottom:0;}
.siparisurun-kalem li span { min-width:0;}
.siparisurun-kalem li strong { flex:0 0 auto; color:#6b7280; font-size:12px; font-weight:800; white-space:nowrap;}

.icsayfadestek .container { display:flex; align-items:stretch; gap:34px;}
.icsayfadestek .container:after { display:none;}
.icsayfadestek .solalan,
.icsayfadestek .sagalan { float:none;}
.icsayfadestek .solalan { width:38%;}
.icsayfadestek .sagalan { width:62%;}
.icsayfadestek .baslik { font-size:26px; font-weight:600;}
.icsayfadestek .aciklama { color:#666; margin-bottom:22px;}
.icsayfadestek .bilgikutu { float:none; border:1px solid #eee; background:#fff; box-shadow:0 12px 28px rgba(0,0,0,.04);}
.icsayfadestek .bilgikutu .metin { color:#EE2E0D; line-height:1.55; overflow-wrap:anywhere;}
.icsayfadestek .bilgikutu .metin a { color:#EE2E0D; text-decoration:none;}
.icsayfadestek .bilgikutu .metin a:hover { color:#4A4A4A; text-decoration:none;}
.icsayfadestek .formalan { float:none; min-height:100%; background:#FAFAFA; border:1px solid #eee; box-shadow:0 14px 34px rgba(0,0,0,.05);}
.icsayfadestek .formalan input,
.icsayfadestek .formalan select,
.icsayfadestek .formalan textarea { border:1px solid transparent;}
.icsayfadestek .formalan input:focus,
.icsayfadestek .formalan select:focus,
.icsayfadestek .formalan textarea:focus { outline:none; border-color:#EE2E0D; box-shadow:0 0 0 3px rgba(238,46,13,.12);}
.icsayfadestek .formalan button { min-width:170px;}
.altwhatsapp { z-index:9998; text-decoration:none;}
.altwhatsapp:hover { text-decoration:none;}

@media only screen and (max-width: 575px) {
.sitebildirim { right:16px; left:16px; bottom:18px; width:auto;}
.cerezuyari { right:16px; left:16px; bottom:84px; width:auto; flex-direction:column; align-items:flex-start; gap:12px;}
.cerezuyari button { width:100%;}
.reklampopup { padding:14px;}
.reklampopup-kutu { display:block; max-height:calc(100vh - 28px); overflow:auto;}
.reklampopup-gorsel,
.reklampopup-gorsel img { min-height:210px;}
.reklampopup-icerik { padding:28px 20px 22px 20px;}
.reklampopup-baslik { font-size:23px;}
.reklampopup-metin { font-size:14px;}
.reklampopup-alt { display:grid; grid-template-columns:1fr; gap:10px;}
.reklampopup-link,
.reklampopup-alt button { width:100%; justify-content:center;}
.odemesonucsayfa { padding:35px 0 55px 0;}
.odemesonucsayfa .odemesonuckart { padding:22px; flex-direction:column; gap:16px;}
.odemesonucsayfa .baslik { font-size:22px;}
.odemesonucsayfa .odemedetaylar { grid-template-columns:1fr;}
.odemesonucsayfa .odemeaksiyonlar a { width:100%;}
.siparisakordiyon-baslik { grid-template-columns:1fr 24px; gap:8px;}
.siparisakordiyon-baslik.fiyatsiz { grid-template-columns:1fr 24px;}
.siparisakordiyon-baslik small,
.siparisakordiyon-baslik strong,
.siparisakordiyon-baslik em { grid-column:1 / 2;}
.siparisakordiyon-baslik i { grid-column:2 / 3; grid-row:1 / 2;}
.siparisdetaygrid { grid-template-columns:1fr;}
.icsayfadestek .container { display:block;}
.icsayfadestek .solalan,
.icsayfadestek .sagalan { width:100%;}
.icsayfadestek .sagalan { margin-top:20px;}
.altwhatsapp { width:54px; height:54px; border-radius:50%; left:16px; bottom:18px; padding:0;}
.altwhatsapp span { display:none;}
.altwhatsapp i { margin:0; font-size:24px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.odemesonucsayfa .odemedetaylar { grid-template-columns:1fr;}
.siparisakordiyon-baslik { grid-template-columns:1.2fr .9fr .8fr 24px;}
.siparisakordiyon-baslik.fiyatsiz { grid-template-columns:1.2fr .9fr auto 24px;}
.siparisakordiyon-baslik em { grid-column:1 / 4;}
.icsayfadestek .container { display:block;}
.icsayfadestek .solalan,
.icsayfadestek .sagalan { width:100%;}
.icsayfadestek .sagalan { margin-top:25px;}
}

.siparissonucsayfa .havalebilgileri { width:100%; display:grid; grid-template-columns:repeat(2, 1fr); gap:12px; margin-top:24px;}
.siparissonucsayfa .havalebilgileri div { background:#fff; border:1px solid #eee; border-radius:8px; padding:15px 16px;}
.siparissonucsayfa .havalebilgileri span { display:block; color:#777; font-size:12px; font-weight:600; margin-bottom:6px;}
.siparissonucsayfa .havalebilgileri strong { display:block; color:#4A4A4A; font-size:14px; font-weight:600; line-height:1.45; overflow-wrap:anywhere;}

.bilgisayfa-kurumsal .baslik,
.bilgisayfa-iletisim .baslik { font-size:28px; font-weight:600; margin-bottom:24px;}
.bilgisayfa-kurumsal .kurumsal-yazi { background:#FAFAFA; border:1px solid #eee; border-radius:8px; padding:28px; font-size:15px; line-height:1.85; color:#4A4A4A;}
.bilgisayfa-kurumsal .kurumsal-yazi p { margin-bottom:16px;}
.bilgisayfa-kurumsal .kurumsal-yazi img { max-width:100%; height:auto; border-radius:8px;}
.bilgisayfa-kurumsal .kurumsal-yazi h1,
.bilgisayfa-kurumsal .kurumsal-yazi h2,
.bilgisayfa-kurumsal .kurumsal-yazi h3 { color:#4A4A4A; font-weight:600; line-height:1.35; margin:0 0 14px 0;}
.bilgisayfa-kurumsal .kurumsal-yazi h1 { font-size:26px;}
.bilgisayfa-kurumsal .kurumsal-yazi h2 { font-size:18px; margin-top:22px;}
.bilgisayfa-kurumsal .kurumsal-yazi h3 { font-size:16px; margin-top:18px;}
.bilgisayfa-kurumsal .kurumsal-yazi ul { margin:0 0 18px 18px; padding:0;}
.bilgisayfa-kurumsal .kurumsal-yazi li { margin-bottom:8px; line-height:1.75;}
.bilgisayfa-kurumsal .kurumsal-yazi strong { font-weight:600;}
.bilgi-iletisim-grid { width:100%; float:left; display:grid; grid-template-columns:1.25fr .75fr; gap:26px; align-items:start;}
.bilgi-iletisim-grid .yazi { background:#FAFAFA; border:1px solid #eee; border-radius:8px; padding:28px; line-height:1.85;}
.bilgi-iletisim-kartlar { display:grid; gap:12px;}
.bilgi-kart { background:#fff; border:1px solid #eee; border-radius:8px; padding:18px; box-shadow:0 12px 28px rgba(0,0,0,.04);}
.bilgi-kart i { width:38px; height:38px; border-radius:50%; background:#fff1ef; color:#EE2E0D; display:flex; align-items:center; justify-content:center; margin-bottom:12px;}
.bilgi-kart span { display:block; color:#777; font-size:12px; font-weight:600; margin-bottom:6px;}
.bilgi-kart strong,
.bilgi-kart strong a { color:#4A4A4A; font-size:14px; font-weight:600; line-height:1.45; text-decoration:none; overflow-wrap:anywhere;}
.bilgi-kart strong a:hover { color:#EE2E0D; text-decoration:none;}
.bilgi-harita { width:100%; float:left; background:#FAFAFA; border:1px solid #eee; border-radius:8px; padding:18px; margin-top:24px;}
.bilgi-harita .harita-baslik { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-bottom:12px;}
.bilgi-harita .harita-baslik strong { color:#4A4A4A; font-size:17px; font-weight:600;}
.bilgi-harita .harita-baslik a { min-height:36px; border-radius:6px; background:#EE2E0D; color:#fff; padding:0 14px; display:flex; align-items:center; font-size:13px; font-weight:600; text-decoration:none;}
.bilgi-harita p { color:#666; font-size:13px; line-height:1.6; margin-bottom:12px;}
.bilgi-harita iframe { width:100%; min-height:320px; border:0; border-radius:8px; background:#fff;}

.icsayfasiparis .odemeformbox { border:1px solid #eee; box-shadow:0 14px 34px rgba(0,0,0,.05);}
.icsayfasiparis .odemeformbox .baslik { width:98%; margin-left:1%; margin-right:1%; display:flex; flex-direction:column; gap:7px; font-size:20px; font-weight:600;}
.icsayfasiparis .odemeformbox .baslik small { color:#777; font-size:13px; font-weight:600; line-height:1.55;}
.icsayfasiparis .odemeformbox .odemekutu { height:auto; min-height:82px; border:1px solid #e5e5e5; align-items:flex-start; gap:12px; padding:15px; transition:all .25s; box-shadow:0 10px 22px rgba(0,0,0,.03);}
.icsayfasiparis .odemeformbox .odemekutu:hover,
.icsayfasiparis .odemeformbox .odemekutu.aktif,
.icsayfasiparis .odemeformbox .odemekutu:has(input:checked) { border-color:#EE2E0D; background:#fff5f3;}
.icsayfasiparis .odemeformbox .odemekutu input { margin-top:4px; accent-color:#EE2E0D;}
.icsayfasiparis .odemeformbox .odeme-metin { display:flex; flex-direction:column; gap:5px; min-width:0;}
.icsayfasiparis .odemeformbox .odeme-metin strong { color:#4A4A4A; font-size:14px; font-weight:600;}
.icsayfasiparis .odemeformbox .odeme-metin small { color:#777; font-size:12px; font-weight:600; line-height:1.45;}
.icsayfasiparis .odemeformbox .odeme-metin em { width:max-content; max-width:100%; min-height:22px; display:inline-flex; align-items:center; border-radius:100px; background:#eaf8ef; color:#15803d; padding:0 9px; font-size:11px; font-style:normal; font-weight:700;}
.icsayfasiparis .odemeformbox [data-odeme-panel] { background:#fff; border:1px solid #eee; border-radius:8px; padding:15px 16px; box-shadow:0 10px 22px rgba(0,0,0,.03);}
.checkout-active-cards { width:100%; display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:10px; margin-top:12px;}
.checkout-card-chip { border:1px solid #e8edf3; border-radius:8px; padding:10px 12px; background:#fafafa; display:flex; flex-direction:column; gap:3px;}
.checkout-card-chip strong { font-size:13px; color:#4A4A4A;}
.checkout-card-chip span,.checkout-card-chip small { font-size:12px; color:#777; font-weight:600;}
.checkout-provider-choices { width:100%; display:grid; grid-template-columns:repeat(auto-fit,minmax(155px,1fr)); gap:10px; margin-top:12px;}
.checkout-provider-choice { border:1px solid #e8edf3; border-radius:8px; background:#fafafa; padding:11px 12px; display:flex; align-items:center; gap:10px; min-height:62px; cursor:pointer; color:#4A4A4A; transition:border-color .16s ease, box-shadow .16s ease, background .16s ease;}
.checkout-provider-choice input { display:none;}
.checkout-provider-choice span { width:30px; height:30px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; background:#f1f5f9; color:#64748b; flex:0 0 30px;}
.checkout-provider-choice strong { font-size:13px; color:#4A4A4A; line-height:1.15;}
.checkout-provider-choice small { display:block; font-size:11px; color:#777; margin-top:3px; font-weight:600;}
.checkout-provider-choice.active { border-color:#EE2E0D; background:#fff5f3; box-shadow:0 8px 22px rgba(238,46,13,.12);}
.checkout-provider-choice.active span { background:#EE2E0D; color:#fff;}
.checkout-provider-warning { width:100%; margin-top:12px; border:1px solid #fed7aa; background:#fff7ed; color:#9a3412; border-radius:8px; padding:10px 12px; font-size:12px; font-weight:700;}
.odeme-indirim-bilgi { width:100%; float:left; margin:-10px 0 16px 0; border:1px solid rgba(22,163,74,.18); border-left:3px solid #16a34a; background:#f0fdf4; color:#166534; border-radius:7px; padding:10px 12px; font-size:13px; font-weight:700;}

.icsayfasiparis .formbox input:not([type="radio"]):not([type="checkbox"]):not([type="hidden"]),
.icsayfasiparis .formbox select,
.icsayfasiparis .formbox textarea,
.icsayfagiris .formalan input,
.icsayfauyeol .formalan input,
.icsayfauyeol .formalan select,
.icsayfadestek .formalan input,
.icsayfadestek .formalan select,
.icsayfadestek .formalan textarea,
.icsayfaurundetayaciklama .yorumformu input,
.icsayfaurundetayaciklama .yorumformu select,
.icsayfaurundetayaciklama .yorumformu textarea { background:#fff; border:1px solid #e3e7ec; box-shadow:inset 0 1px 0 rgba(255,255,255,.75), 0 8px 20px rgba(0,0,0,.025);}
.icsayfasiparis .formbox input:not([type="radio"]):not([type="checkbox"]):not([type="hidden"]):focus,
.icsayfasiparis .formbox select:focus,
.icsayfasiparis .formbox textarea:focus,
.icsayfagiris .formalan input:focus,
.icsayfauyeol .formalan input:focus,
.icsayfauyeol .formalan select:focus,
.icsayfadestek .formalan input:focus,
.icsayfadestek .formalan select:focus,
.icsayfadestek .formalan textarea:focus,
.icsayfaurundetayaciklama .yorumformu input:focus,
.icsayfaurundetayaciklama .yorumformu select:focus,
.icsayfaurundetayaciklama .yorumformu textarea:focus { border-color:#EE2E0D; box-shadow:0 0 0 3px rgba(238,46,13,.13); outline:none;}
.icsayfasiparis .formbox input::placeholder,
.icsayfasiparis .formbox textarea::placeholder,
.icsayfagiris .formalan input::placeholder,
.icsayfauyeol .formalan input::placeholder,
.icsayfadestek .formalan input::placeholder,
.icsayfadestek .formalan textarea::placeholder { color:#8c96a3; opacity:1;}

@media only screen and (max-width: 575px) {
.siparissonucsayfa .havalebilgileri,
.bilgi-iletisim-grid { grid-template-columns:1fr;}
.bilgisayfa-kurumsal .baslik,
.bilgisayfa-iletisim .baslik { font-size:23px;}
.bilgisayfa-kurumsal .kurumsal-yazi,
.bilgi-iletisim-grid .yazi { padding:20px;}
.bilgi-harita .harita-baslik { align-items:flex-start; flex-direction:column;}
.bilgi-harita iframe { min-height:260px;}
.icsayfasiparis .odemeformbox .odemekutu { min-height:auto;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.bilgi-iletisim-grid { grid-template-columns:1fr;}
}

.icsayfabilgisayfa a,
.icsayfabilgisayfa .yazi a,
.bilgisayfa-kurumsal a,
.bilgisayfa-iletisim a { color:#EE2E0D; font-weight:600; text-decoration:none;}
.icsayfabilgisayfa a:hover,
.icsayfabilgisayfa .yazi a:hover,
.bilgisayfa-kurumsal a:hover,
.bilgisayfa-iletisim a:hover { color:#4A4A4A; text-decoration:none;}

.bilgisayfa-kurumsal .kurumsal-yazi,
.bilgisayfa-iletisim .iletisim-yazi { background:transparent; border:0; border-radius:0; padding:0;}
.hakkimizda-sayfa .kurumsal-yazi { display:grid; grid-template-columns:42% minmax(0,1fr); align-items:center; gap:34px;}
.hakkimizda-sayfa .kurumsal-yazi .col-lg-5,
.hakkimizda-sayfa .kurumsal-yazi .col-lg-7 { max-width:100%; width:100%; padding:0;}
.hakkimizda-sayfa .hakkimizda-gorsel img { width:100%; aspect-ratio:4/3; object-fit:cover; display:block; border-radius:8px;}
.hakkimizda-sayfa .hakkimizda-icerik { color:#4A4A4A; line-height:1.8;}
.hakkimizda-sayfa .hakkimizda-icerik h2 { font-size:26px; line-height:1.25; margin:8px 0 16px 0;}
.hakkimizda-sayfa .hakkimizda-icerik p { margin:0;}
.hakkimizda-sayfa .hakkimizda-icerik h1,
.hakkimizda-sayfa .hakkimizda-icerik h2,
.hakkimizda-sayfa .hakkimizda-icerik h3 { color:#4A4A4A; font-weight:600;}
.hakkimizda-sayfa .kirmizi-etiket { color:#EE2E0D; font-weight:600;}
.bilgisayfa-iletisim .iletisim-sayfa { width:100%; display:flex; align-items:stretch; gap:34px;}
.bilgisayfa-iletisim .iletisim-sol { flex:0 0 38%; display:flex; flex-direction:column; gap:14px;}
.bilgisayfa-iletisim .iletisim-sayfa .iletisim-sol:only-child { flex:0 0 100%; max-width:100%;}
.bilgisayfa-iletisim .iletisim-sag { flex:1; display:flex; flex-direction:column; gap:14px; min-width:0;}
.bilgisayfa-iletisim .iletisim-sayfa .iletisim-sag:only-child { flex:0 0 100%; max-width:100%;}
.bilgisayfa-iletisim .iletisim-bilgi { background:#FAFAFA; border:1px solid #eee; border-radius:8px; padding:18px;}
.bilgisayfa-iletisim .iletisim-bilgi h4 { color:#4A4A4A; font-size:15px; font-weight:600; margin-bottom:7px;}
.bilgisayfa-iletisim .iletisim-bilgi p { color:#4A4A4A; font-size:14px; line-height:1.65; margin:0;}
.bilgisayfa-iletisim .iletisim-sag iframe { width:100%; min-height:360px; height:100%; border:0; border-radius:8px; display:block; flex:1;}
.bilgisayfa-iletisim .iletisim-harita-bilgi { background:#FAFAFA; border:1px solid #eee; border-radius:8px; padding:18px; color:#4A4A4A; font-size:14px; line-height:1.65;}
.bilgisayfa-iletisim .iletisim-harita-bilgi p { margin:0 0 10px 0;}
.bilgisayfa-iletisim .iletisim-harita-bilgi small { display:block; color:#777; font-size:13px; line-height:1.6; margin-bottom:10px;}

@media only screen and (max-width: 575px) {
.hakkimizda-sayfa .kurumsal-yazi { display:block;}
.hakkimizda-sayfa .kurumsal-yazi .col-lg-5,
.hakkimizda-sayfa .kurumsal-yazi .col-lg-7 { max-width:100%; width:100%; padding:0;}
.hakkimizda-sayfa .kurumsal-yazi .col-lg-7 { margin-top:20px;}
.bilgisayfa-iletisim .iletisim-sayfa { display:block;}
.bilgisayfa-iletisim .iletisim-sol { display:flex; gap:12px;}
.bilgisayfa-iletisim .iletisim-sag { margin-top:18px;}
.bilgisayfa-iletisim .iletisim-sag iframe { min-height:280px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.hakkimizda-sayfa .kurumsal-yazi,
.bilgisayfa-iletisim .iletisim-sayfa { display:block;}
.hakkimizda-sayfa .kurumsal-yazi .col-lg-5,
.hakkimizda-sayfa .kurumsal-yazi .col-lg-7 { max-width:100%; width:100%; padding:0;}
.hakkimizda-sayfa .kurumsal-yazi .col-lg-7,
.bilgisayfa-iletisim .iletisim-sag { margin-top:22px;}
}

.anasayfablog { width:100%; padding:40px 0 70px 0; background:#fff;}
.anasayfablog .container:after,
.icsayfablog .container:after,
.icsayfablogdetay .container:after,
.blogilgili .container:after { content:""; clear:both; display:block;}
.anasayfablog .bolumbaslik,
.blogilgili .bolumbaslik { width:100%; display:flex; align-items:center; gap:18px; margin-bottom:25px;}
.anasayfablog .bolumbaslik .baslik,
.blogilgili .bolumbaslik .baslik { font-size:22px; color:#4A4A4A; font-weight:600; white-space:nowrap;}
.anasayfablog .bolumbaslik .cizgi,
.blogilgili .bolumbaslik .cizgi { flex:1; height:1px; background:#D8D8D8;}
.anasayfablog .tum-link { min-height:36px; padding:0 16px; border-radius:6px; background:#FAFAFA; color:#4A4A4A; display:inline-flex; align-items:center; justify-content:center; font-size:13px; font-weight:600; text-decoration:none;}
.anasayfablog .tum-link:hover { background:#EE2E0D; color:#fff; transition:all .35s;}
.blog-grid { width:100%; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:22px;}
.blog-card { min-width:0; background:#FAFAFA; border:1px solid #eee; border-radius:8px; overflow:hidden; transition:all .35s;}
.blog-card:hover { transform:translateY(-5px); background:#fff; box-shadow:0 18px 38px rgba(0,0,0,.06);}
.blog-card-media { width:100%; aspect-ratio:1.58/1; display:flex; align-items:center; justify-content:center; background:#f1f1f1; overflow:hidden; text-decoration:none;}
.blog-card-media img { width:100%; height:100%; object-fit:cover; transition:all .35s;}
.blog-card:hover .blog-card-media img { transform:scale(1.05);}
.blog-card-media span { width:70px; height:70px; border-radius:8px; display:flex; align-items:center; justify-content:center; background:#EE2E0D; color:#fff; font-size:30px; font-weight:600; text-transform:uppercase;}
.blog-card-body { padding:20px;}
.blog-card-meta { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:12px;}
.blog-card-meta span { min-height:24px; display:inline-flex; align-items:center; border-radius:100px; background:#fff; border:1px solid #eee; color:#777; font-size:11px; font-weight:600; padding:0 10px;}
.blog-card h2 { margin:0 0 10px 0; font-size:18px; line-height:1.35; font-weight:600; color:#4A4A4A;}
.blog-card h2 a { color:#4A4A4A; text-decoration:none;}
.blog-card h2 a:hover { color:#EE2E0D;}
.blog-card p { min-height:66px; margin:0 0 18px 0; color:#666; font-size:14px; line-height:1.6;}
.blog-card-link { color:#EE2E0D; font-size:13px; font-weight:600; text-decoration:none;}
.blog-card-link:hover { color:#4A4A4A; text-decoration:none;}
.icsayfablog { width:100%; padding:55px 0 80px 0;}
.blogsayfa-ust { width:100%; display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:28px;}
.blogsayfa-etiket { color:#EE2E0D; font-size:13px; font-weight:600; margin-bottom:8px;}
.blogsayfa-ust h1 { margin:0; color:#4A4A4A; font-size:30px; font-weight:600;}
.blogbos { width:100%; background:#FAFAFA; border:1px solid #eee; border-radius:8px; padding:28px; color:#777; font-size:14px;}
.blog-sayfalama { width:100%; display:flex; justify-content:center; gap:8px; margin-top:30px;}
.blog-sayfalama a { width:38px; height:38px; border-radius:6px; background:#FAFAFA; color:#4A4A4A; display:flex; align-items:center; justify-content:center; font-size:13px; font-weight:600; text-decoration:none;}
.blog-sayfalama a:hover,
.blog-sayfalama a.aktif { background:#EE2E0D; color:#fff;}
.icsayfablogdetay { width:100%; padding:55px 0 45px 0;}
.blogdetay-ust { max-width:920px; margin:0 auto 28px auto;}
.blogdetay-ust h1 { margin:0 0 14px 0; color:#4A4A4A; font-size:34px; line-height:1.25; font-weight:600;}
.blogdetay-ust p { margin:0; color:#666; font-size:16px; line-height:1.7;}
.blogdetay-gorsel { max-width:1040px; margin:0 auto 32px auto; border-radius:8px; overflow:hidden; background:#FAFAFA;}
.blogdetay-gorsel img { width:100%; display:block;}
.blogdetay-yazi { max-width:920px; margin:0 auto; color:#4A4A4A; font-size:16px; line-height:1.85;}
.blogdetay-yazi p { margin-bottom:18px;}
.blogdetay-yazi h2,
.blogdetay-yazi h3,
.blogdetay-yazi h4 { color:#4A4A4A; font-weight:600; line-height:1.35; margin:28px 0 14px 0;}
.blogdetay-yazi h2 { font-size:24px;}
.blogdetay-yazi h3 { font-size:20px;}
.blogdetay-yazi h4 { font-size:18px;}
.blogdetay-yazi ul,
.blogdetay-yazi ol { margin:0 0 20px 22px; padding:0;}
.blogdetay-yazi li { margin-bottom:8px;}
.blogdetay-yazi img { max-width:100%; height:auto; border-radius:8px;}
.blogdetay-yazi blockquote { margin:24px 0; padding:18px 22px; border-left:3px solid #EE2E0D; background:#FAFAFA; color:#4A4A4A;}
.blogilgili { width:100%; padding:35px 0 75px 0;}

@media only screen and (max-width:575px) {
.anasayfablog,
.icsayfablog,
.icsayfablogdetay,
.blogilgili { padding:35px 0 45px 0;}
.anasayfablog .bolumbaslik,
.blogilgili .bolumbaslik { align-items:flex-start; gap:12px; flex-wrap:wrap;}
.anasayfablog .bolumbaslik .baslik,
.blogilgili .bolumbaslik .baslik { width:100%; font-size:20px;}
.anasayfablog .bolumbaslik .cizgi,
.blogilgili .bolumbaslik .cizgi { display:none;}
.anasayfablog .tum-link { width:100%;}
.blog-grid { grid-template-columns:1fr; gap:16px;}
.blog-card-body { padding:16px;}
.blog-card h2 { font-size:17px;}
.blog-card p { min-height:auto; font-size:13px;}
.blogsayfa-ust { display:block; margin-bottom:22px;}
.blogsayfa-ust h1 { font-size:26px;}
.blogdetay-ust h1 { font-size:26px;}
.blogdetay-ust p,
.blogdetay-yazi { font-size:14px;}
.blogdetay-gorsel { margin-bottom:24px;}
}

@media only screen and (min-width:768px) and (max-width:991px) {
.blog-grid { grid-template-columns:repeat(2, minmax(0, 1fr));}
.blogdetay-ust h1 { font-size:30px;}
}

@media only screen and (min-width:992px) and (max-width:1199px) {
.blog-grid { gap:18px;}
.blog-card h2 { font-size:17px;}
}

.satispilot-popup{position:fixed;right:18px;bottom:92px;width:min(390px,calc(100vw - 32px));z-index:10001;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px 16px 15px 16px;display:flex;gap:13px;align-items:flex-start;opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity .22s ease,transform .22s ease;font-family:inherit}
.satispilot-popup.aktif{opacity:1;transform:translateY(0);pointer-events:auto}
.satispilot-popup-kapat{position:absolute;right:10px;top:10px;width:30px;height:30px;border:0;border-radius:8px;background:#f8fafc;color:#64748b;cursor:pointer}
.satispilot-popup-kapat:hover{background:#fff1ef;color:#EE2E0D}
.satispilot-popup-ikon{width:42px;height:42px;border-radius:12px;background:#EE2E0D;color:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.satispilot-popup-govde{min-width:0;padding-right:26px}
.satispilot-popup-govde strong{display:block;color:#111827;font-size:15px;font-weight:700;margin-bottom:5px}
.satispilot-popup-govde span{display:block;color:#475569;font-size:13px;line-height:1.55}
.satispilot-popup-alt{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}
.satispilot-popup-alt button{height:38px;border-radius:8px;border:1px solid #dbe4ef;padding:0 13px;background:#fff;color:#1f2a44;font-size:12px;font-weight:700;cursor:pointer}
.satispilot-popup-alt button:first-child{border-color:#EE2E0D;background:#EE2E0D;color:#fff}
.satispilot-popup-alt button:hover{border-color:#EE2E0D;color:#EE2E0D}
.satispilot-popup-alt button:first-child:hover{background:#160bbd;color:#fff}
.ai-chatbot-widget{position:fixed;right:16px;bottom:18px;z-index:9999;font-family:inherit}
.ai-chatbot-toggle{width:54px;height:54px;border:0;border-radius:50%;background:#111827;color:#fff;display:flex;align-items:center;justify-content:center;gap:0;padding:0;box-shadow:0 18px 42px rgba(17,24,39,.28);cursor:pointer;font-weight:800}
.ai-chatbot-toggle i{font-size:24px}.ai-chatbot-toggle span{display:none}
.ai-chatbot-panel{position:absolute;right:0;bottom:72px;width:min(360px,calc(100vw - 28px));height:500px;max-height:min(620px,calc(100vh - 130px));background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 24px 70px rgba(15,23,42,.22);display:none;overflow:hidden}
.ai-chatbot-widget.open .ai-chatbot-panel{display:flex;flex-direction:column}
.ai-chatbot-head{display:flex;align-items:center;justify-content:space-between;background:#111827;color:#fff;padding:15px 16px}
.ai-chatbot-head strong{display:block;font-size:15px}.ai-chatbot-head span{display:block;font-size:12px;color:#cbd5e1;margin-top:2px}
.ai-chatbot-head button{border:0;background:rgba(255,255,255,.12);color:#fff;width:32px;height:32px;border-radius:10px;cursor:pointer}
.ai-chatbot-messages{flex:1;overflow:auto;padding:14px;background:#f8fafc;display:flex;flex-direction:column;gap:10px}
.ai-chatbot-msg{max-width:86%;padding:10px 12px;border-radius:14px;font-size:13px;line-height:1.45;white-space:pre-wrap;word-break:break-word}
.ai-chatbot-msg.bot{align-self:flex-start;background:#fff;border:1px solid #e2e8f0;color:#0f172a}
.ai-chatbot-msg.user{align-self:flex-end;background:#EE2E0D;color:#fff}
.ai-chatbot-msg.typing{color:#64748b;font-weight:700}
.ai-chatbot-quick{display:flex;gap:7px;overflow:auto;padding:10px 12px;border-top:1px solid #e5e7eb;background:#fff}
.ai-chatbot-quick button{flex:0 0 auto;border:1px solid #dbe4ef;background:#f8fafc;color:#334155;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:700;cursor:pointer}
.ai-chatbot-form{display:flex;gap:8px;padding:12px;border-top:1px solid #e5e7eb;background:#fff}
.ai-chatbot-form input{flex:1;border:1px solid #dbe4ef;border-radius:13px;padding:11px 12px;font-size:13px;outline:0}
.ai-chatbot-form input:focus{border-color:#EE2E0D;box-shadow:0 0 0 3px rgba(238,46,13,.10)}
.ai-chatbot-form button{border:0;background:#EE2E0D;color:#fff;border-radius:13px;width:44px;cursor:pointer}
@media (max-width:640px){.satispilot-popup{right:12px;bottom:148px;width:calc(100vw - 24px)}.satispilot-popup-alt{display:grid;grid-template-columns:1fr 1fr}.ai-chatbot-widget{right:16px;bottom:18px}.ai-chatbot-panel{height:480px}.ai-chatbot-toggle{width:54px;height:54px;border-radius:50%}}

body.giris-body{font-family:"Plus Jakarta Sans",sans-serif;padding:0;background:#E63312}
body.giris-body *,body.giris-body *:before,body.giris-body *:after{box-sizing:border-box}
.girissayfasi{width:100%;min-height:100vh;float:left;background:#E63312;display:flex;align-items:center;justify-content:center}
.girisbox{width:calc(100% - 30px);width:min(600px,calc(100vw - 30px));max-width:600px;min-height:470px;background:#fff;border-radius:8px;padding:62px 60px 64px 60px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}
.girisbox .girislogo{width:245px;height:auto;float:left;display:flex;align-items:center;justify-content:center;margin-bottom:32px}
.girisbox .girislogo img{max-width:100%;height:auto;display:block}
.girisbox form{width:100%;float:left;display:block}
.girisbox .formgrup{width:100%;height:52px;float:left;border:1px solid #CFD6E1;border-radius:4px;display:flex;align-items:center;position:relative;margin-bottom:22px}
.girisbox .formgrup > img{width:20px;height:auto;margin-left:19px;margin-right:14px;display:block}
.girisbox .formgrup input{width:auto;min-width:0;flex:1;height:50px;border:0;outline:0;background:transparent;font-size:14px;font-weight:400;color:#7E858D;padding:0 18px 0 0}
.girisbox .formgrup input[type="password"],.girisbox .formgrup input[type="text"]{padding-right:50px}
.girisbox .formgrup input::placeholder{color:#B7C0CF}
.girisbox .formgrup .sifregoster{width:22px;height:22px;position:absolute;right:17px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center}
.girisbox .formgrup .sifregoster img{width:20px;height:auto;display:block}
.girisbox .sifremiunuttum{width:100%;float:left;display:flex;justify-content:flex-end;margin-top:0;margin-bottom:35px}
.girisbox .sifremiunuttum a{font-size:14px;font-weight:400;color:#69758A;text-decoration:none;transition:all .35s}
.girisbox .sifremiunuttum a:hover{color:#E63312;transition:all .35s}
.girisbox button{width:100%;height:54px;float:left;border:0;outline:0;background:#E63312;border-radius:5px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:15px;font-weight:600;color:#fff;cursor:pointer;transition:all .35s}
.girisbox button:hover{background:#cf2d10;transition:all .35s}
.giris-hata{width:100%;margin:0 0 18px 0;padding:12px 14px;border:1px solid #fecaca;border-radius:4px;background:#fff1f2;color:#b42318;font-size:13px;font-weight:500;line-height:1.5}
@media only screen and (max-width:575px){
.girissayfasi{padding:25px 15px}
.girisbox{width:100%;min-height:auto;border-radius:8px;padding:45px 24px 42px 24px}
.girisbox .girislogo{width:210px;margin-bottom:30px}
.girisbox .formgrup{height:50px;margin-bottom:18px}
.girisbox .formgrup input{height:48px;font-size:13px}
.girisbox .sifremiunuttum{margin-bottom:30px}
.girisbox button{height:52px;font-size:14px}
}
@media only screen and (min-width:768px) and (max-width:991px){
.girisbox{width:560px;min-height:450px;padding:58px 56px 60px 56px}
.girisbox .girislogo{width:235px}
}
@media only screen and (min-width:992px) and (max-width:1199px){
.girisbox{width:580px;min-height:460px}
}

body:not(.giris-body){font-family:"Plus Jakarta Sans",sans-serif;padding:20px;background:#F4F4F4}
body:not(.giris-body) *,body:not(.giris-body) *:before,body:not(.giris-body) *:after{box-sizing:border-box}
.ustkisim{width:100%;height:92px;float:left;background:#fff;border-radius:4px;display:flex;align-items:center;justify-content:space-between;padding:0 17px 0 26px}
.ustkisim .logo{width:188px;height:92px;float:left;display:flex;align-items:center;padding:0}
.ustkisim .logo a{width:100%;height:auto;float:left;display:flex;align-items:center;padding:0}
.ustkisim .logo img{max-width:100%;height:auto;display:block}
.ustkisim .ustsag{height:92px;float:right;display:flex;align-items:center}
.ustkisim .aramakutusu{width:462px;height:56px;float:left;background:#FAFAFA;border-radius:4px;display:flex;align-items:center;margin:0 20px 0 0;position:relative;border:0}
.ustkisim .aramakutusu img{width:24px;height:auto;margin-left:21px;margin-right:18px;display:block}
.ustkisim .aramakutusu input{width:100%;height:56px;border:0;outline:0;background:transparent;font-size:13px;font-weight:400;color:#9B9B9B;padding:0 18px 0 0}
.ustkisim .aramakutusu input::placeholder{color:#B5B5B5}
.ustkisim .ustikon{width:56px;height:56px;float:left;background:#FAFAFA;border-radius:4px;display:flex;align-items:center;justify-content:center;margin-left:14px;transition:all .35s;position:relative;text-decoration:none;color:#E63312;font-size:11px;font-weight:800}
.ustkisim .ustikon img{height:auto;display:block;opacity:.58;transition:all .35s}
.ustkisim .ustikon span{position:absolute;right:7px;top:7px;min-width:17px;height:17px;border-radius:20px;background:#E63312;color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;line-height:1}
.ustkisim .ustikon:hover{background:#E63312;transition:all .35s}
.ustkisim .ustikon:hover img{filter:brightness(0) invert(1);opacity:1;transition:all .35s}
.ustkisim .ustikon:hover span{background:#fff;color:#E63312}
.ustkisim .akilli-arama-sonuc{top:64px;left:0;right:0}

.sayfaalani{width:100%;float:left;display:flex;align-items:flex-start;margin-top:20px}
.sayfaicerik{width:calc(100% - 355px);float:left;margin-left:25px}
.solmenu{width:330px;float:left;flex-shrink:0;position:sticky;top:20px;align-self:flex-start}
.solmenu .solmenuic{width:100%;min-height:560px;float:left;background:#fff;border-radius:5px;padding:42px 31px 36px 31px}
.solmenu .menubaslik{width:100%;float:left;font-size:13px;font-weight:700;color:#92999D;margin-bottom:18px}
.solmenu .solmenu-grup{width:100%;float:left}
.solmenu .solmenu-toggle{border:0;background:transparent;padding:0;font-family:inherit;line-height:1;text-align:left;cursor:default;display:flex;align-items:center;justify-content:space-between}
.solmenu .solmenu-toggle:focus{outline:0}
.solmenu .solmenu-liste{display:block}
.solmenu .solmenu-ok{display:none;width:8px;height:8px;border-right:2px solid #92999D;border-bottom:2px solid #92999D;transform:rotate(45deg);transition:all .25s;flex-shrink:0}
.solmenu .solmenu-grup.acik .solmenu-ok{transform:rotate(225deg)}
.solmenu ul{width:100%;float:left;margin:0;padding:0;list-style:none}
.solmenu ul li{width:100%;float:left;margin-bottom:18px;list-style:none}
.solmenu ul li a{width:100%;float:left;display:flex;align-items:center;font-size:15px;font-weight:600;color:#0F2027;text-decoration:none;transition:all .35s}
.solmenu ul li a img{width:16px;height:16px;margin-right:12px;display:block;transition:all .35s}
.solmenu ul li a.solmenu-sepet .solmenu-sepet-adet{min-width:19px;height:19px;border-radius:20px;background:#E63312;color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;line-height:1;margin-left:auto;padding:0 6px}
.solmenu ul li a.solmenu-sepet:hover .solmenu-sepet-adet{background:#cf2d10;color:#fff}
.solmenu ul li a:hover{color:#E63312;transition:all .35s}
.solmenu ul li a.cikisyap{color:#E63312}
.solmenu .menucizgi{width:100%;height:1px;float:left;background:#F0F0F0;margin:18px 0 30px 0}
.canlidestek{width:100%;height:72px;float:left;margin-top:34px}
.canlidestek a{width:100%;height:72px;float:left;background:#E63312;border-radius:5px;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .35s}
.canlidestek a img{width:24px;height:auto;margin-right:16px;display:block;filter:brightness(0) invert(1)}
.canlidestek a span{font-size:15px;font-weight:700;color:#fff}
.odeme-portali-sayfa{width:100%;float:left}
.odeme-portali-kart{width:100%;float:left;background:#fff;border-radius:5px;padding:34px}
.odeme-portali-baslik{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-bottom:1px solid #e9e9e9;padding-bottom:24px;margin-bottom:24px}
.odeme-portali-baslik span,.odeme-portali-firma span,.odeme-portali-bilgi span{display:block;font-size:12px;font-weight:700;color:#92999D;margin-bottom:8px}
.odeme-portali-baslik h2{margin:0;font-size:24px;font-weight:800;color:#0F2027;line-height:1.25}
.odeme-portali-link{min-width:170px;height:44px;border-radius:4px;background:#E63312;color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px;font-weight:800;text-decoration:none;transition:all .35s}
.odeme-portali-link:hover{background:#cf2d10;color:#fff;text-decoration:none}
.odeme-portali-firma{width:100%;float:left;background:#FAFAFA;border-radius:5px;padding:20px;margin-bottom:18px}
.odeme-portali-firma strong{display:block;font-size:18px;font-weight:800;color:#0F2027;margin-bottom:7px}
.odeme-portali-firma a{display:inline-block;font-size:13px;font-weight:700;color:#E63312;text-decoration:none;word-break:break-all}
.odeme-portali-giris{width:100%;float:left;display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}
.odeme-portali-bilgi{background:#FAFAFA;border-radius:5px;padding:20px;position:relative;min-height:104px}
.odeme-portali-bilgi strong{display:block;font-size:17px;font-weight:800;color:#0F2027;word-break:break-word;padding-right:82px}
.odeme-portali-bilgi button{position:absolute;right:16px;bottom:16px;height:30px;border:0;border-radius:4px;background:#0F2027;color:#fff;font-size:11px;font-weight:800;padding:0 11px;cursor:pointer}
.odeme-portali-metin{width:100%;float:left;border-top:1px solid #e9e9e9;padding-top:19px;margin-top:2px}
.odeme-portali-metin h3{margin:0 0 10px 0;font-size:15px;font-weight:800;color:#0F2027}
.odeme-portali-metin p{margin:0;font-size:14px;line-height:1.65;color:#4b5563}
.odeme-portali-bos{width:100%;float:left;background:#fff;border-radius:5px;padding:34px;color:#4b5563;font-size:14px;line-height:1.6}
.odeme-portali-bos strong{display:block;font-size:20px;color:#0F2027;margin-bottom:8px}
@media(max-width:991px){.odeme-portali-kart{padding:24px}.odeme-portali-baslik{display:block}.odeme-portali-link{width:100%;margin-top:18px}.odeme-portali-giris{grid-template-columns:1fr}.odeme-portali-bilgi strong{padding-right:0}.odeme-portali-bilgi button{position:static;margin-top:12px}}
.canlidestek a:hover{background:#cf2d10;transition:all .35s}

.anaslider{width:100%;height:246px;float:left;border-radius:5px;overflow:hidden;position:relative;margin-bottom:27px}
.anaslider .carousel,.anaslider .carousel-inner,.anaslider .carousel-item,.anaslider .slidergorsel{width:100%;height:246px}
.anaslider .carousel-inner{border-radius:5px;overflow:hidden}
.anaslider .carousel-item{transition:transform .8s ease-in-out,opacity .8s ease-in-out}
.anaslider .slidergorsel{float:left;display:block;overflow:hidden}
.anaslider .slidergorsel img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.03);transition:transform 4s ease}
.anaslider .carousel-item.active .slidergorsel img{transform:scale(1)}
.anaslider .carousel-indicators{position:absolute;left:30px;right:auto;bottom:20px;margin:0;z-index:15;display:flex;align-items:center;justify-content:flex-start}
.anaslider .carousel-indicators button{width:8px;height:8px;border-radius:100px;border:0;background:#fff;opacity:.45;margin:0 5px 0 0;padding:0;transition:all .35s}
.anaslider .carousel-indicators button.active{width:24px;opacity:1}
.anaslider .carousel-control-prev,.anaslider .carousel-control-next{width:42px;height:42px;position:absolute;top:50%;transform:translateY(-50%);z-index:15;opacity:0;transition:all .35s}
.anaslider .carousel-control-prev{left:22px}
.anaslider .carousel-control-next{right:22px}
.anaslider:hover .carousel-control-prev{opacity:1;left:18px}
.anaslider:hover .carousel-control-next{opacity:1;right:18px}
.anaslider .carousel-control-prev span,.anaslider .carousel-control-next span{width:42px;height:42px;background:rgba(255,255,255,.92);border-radius:100px;display:flex;align-items:center;justify-content:center}
.anaslider .carousel-control-prev span img,.anaslider .carousel-control-next span img{width:8px;height:auto;display:block}

.urunbolumu{width:100%;float:left;margin-bottom:30px}
.urunbolumu .bolumbaslik{width:100%;float:left;font-size:19px;font-weight:800;color:#0F2027;margin-bottom:18px}
.urunliste{width:100%;float:left;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.urunkutu{width:100%;float:left;background:#fff;border-radius:5px;overflow:hidden;position:relative}
.urunliste .urunkutu{display:flex;flex-direction:column;height:100%}
.urunkutu .urungorsel{width:100%;height:211px;float:left;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f6f7f9}
.urunkutu .urungorsel img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;transition:all .45s}
.urunkutu:hover .urungorsel img{transform:none;transition:all .45s}
.urunkutu .urunbilgi{width:100%;float:left;padding:24px 20px 16px 20px}
.urunliste .urunkutu .urunbilgi{display:flex;flex-direction:column;flex:1}
.icsayfaurunarama .urunler .urunkutu .urunbilgi{display:flex;flex-direction:column;flex:1}
.urunkutu .urunbilgi h3{width:100%;float:left;margin:0 0 6px 0;font-size:15px;font-weight:700;color:#0F2027}
.urunkutu .urunbilgi h3 a{color:#0F2027;text-decoration:none}
.urunkutu .urunbilgi h3 a:hover{color:#E63312}
.urunkutu .urunbilgi p{width:100%;float:left;margin:0 0 24px 0;font-size:11px;line-height:1.45;font-weight:400;color:#30414A;min-height:32px}
.urunkutu .urunalt{width:100%;float:left;display:flex;align-items:flex-end;justify-content:space-between;gap:10px}
.urunliste .urunkutu .urunalt{margin-top:auto}
.icsayfaurunarama .urunler .urunkutu .urunalt{margin-top:auto}
.urunkutu .fiyat{float:left;display:flex;flex-direction:column}
.urunkutu .fiyat span{font-size:10px;line-height:1;font-weight:400;color:#30414A;text-decoration:line-through;margin-bottom:2px}
.urunkutu .fiyat strong{font-size:18px;line-height:1;font-weight:800;color:#E63312;white-space:nowrap}
.urunkutu .sepetsatir{float:right;display:flex;align-items:center;margin-left:auto}
.urunkutu .sepetsatir input{width:53px;height:40px;border:1px solid #EFEFEF;border-radius:4px;outline:0;text-align:center;font-size:15px;font-weight:600;color:#0F2027;margin-right:7px}
.urunkutu .sepetsatir button,.urunkutu .sepetsatir .sepetekle-btn{width:118px;height:40px;border:0;outline:0;background:#E63312;border-radius:4px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:13px;font-weight:600;color:#fff;cursor:pointer;transition:all .35s;text-decoration:none}
.urunkutu .sepetsatir button:hover,.urunkutu .sepetsatir .sepetekle-btn:hover{background:#cf2d10;color:#fff;transition:all .35s}
.urunkutu.urunkutu-sade{cursor:pointer}
.urunliste .urunkutu.urunkutu-sade,
.anasayfaonecikanlar .urunler .urunkutu.urunkutu-sade,
.icsayfakategoriurun .urunler .urunkutu.urunkutu-sade,
.icsayfaurunarama .urunler .urunkutu.urunkutu-sade{min-height:0}
.urunkutu.urunkutu-sade .urun-kart-link{position:absolute;left:0;top:0;right:0;bottom:0;z-index:2;text-decoration:none}
.urunkutu.urunkutu-sade .urungorsel,
.urunkutu.urunkutu-sade .urunbilgi{position:relative;z-index:1}
.urunkutu.urunkutu-sade .urungorsel{isolation:isolate}
.urunkutu.urunkutu-sade .urungorsel .urun-kart-img{transition:opacity .35s ease}
.urunkutu.urunkutu-sade .urungorsel .urun-kart-img-ikinci{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;opacity:0;z-index:2}
.urunkutu.urunkutu-sade.urunkutu-hover-gorselli:hover .urungorsel .urun-kart-img-ana{opacity:0}
.urunkutu.urunkutu-sade.urunkutu-hover-gorselli:hover .urungorsel .urun-kart-img-ikinci{opacity:1}
.urunkutu.urunkutu-sade .favori-toggle-btn{z-index:6}
.urunkutu.urunkutu-sade .urunbilgi{display:block;padding:22px 20px 24px 20px;flex:0}
.urunkutu.urunkutu-sade .urunbilgi h3{margin-bottom:8px}
.urunkutu.urunkutu-sade .urunbilgi p{min-height:0;margin:0;font-size:12px;line-height:1.45;color:#6E7A80}
.urunkutu.urunkutu-sade .urunalt,
.urunkutu.urunkutu-sade .takim-icerik-kart,
.urunkutu.urunkutu-sade .sepetsatir{display:none}

.siteharitasi{width:100%;float:left;margin-bottom:35px}
.siteharitasi h1{width:100%;float:left;margin:0 0 10px 0;font-size:19px;line-height:1.2;font-weight:800;color:#0F2027}
.siteharitasi .sayfayolu{width:100%;float:left;display:flex;align-items:center;flex-wrap:wrap}
.siteharitasi .sayfayolu a,.siteharitasi .sayfayolu span,.siteharitasi .sayfayolu strong{font-size:13px;font-weight:500;color:#7D8A8F;text-decoration:none}
.siteharitasi .sayfayolu a:hover{color:#E63312}
.siteharitasi .sayfayolu span{margin:0 4px}
.listelemesayfasi{margin-bottom:0}
.listelemesayfasi .urunliste{gap:30px 18px}
.urun-sayfalama{width:100%;float:left;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:34px;flex-wrap:wrap}
.urun-sayfalama a{min-width:38px;height:38px;padding:0 13px;border:1px solid #EFEFEF;border-radius:5px;background:#fff;color:#0F2027;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;text-decoration:none;transition:all .25s}
.urun-sayfalama a:hover,.urun-sayfalama a.aktif{background:#E63312;border-color:#E63312;color:#fff;text-decoration:none}
.urun-sayfalama a.onceki,.urun-sayfalama a.sonraki{min-width:78px}

.altbilgi{width:100%;height:91px;float:left;clear:both;background:#EE2E0D;border-radius:5px;margin-top:25px;display:flex;align-items:center;justify-content:flex-end;padding:0 42px}
.altbilgi .telif{display:flex;align-items:center;font-size:13px;font-weight:400;color:#fff}
.altbilgi .telif img{width:75px;height:auto;margin:0 12px;display:block}

.urundetay{width:100%;float:left;background:#fff;border-radius:5px;padding:35px}
.sayfaicerik:after,.urundetay:after,.urundetayust:after{content:"";display:block;clear:both}
.urundetayust{width:100%;float:left}
.urundetaysol{width:68%;float:left;display:flex;flex-direction:column}
.kucukgorseller{order:2;width:100%;max-height:none;float:left;display:flex;gap:10px;flex-shrink:0;overflow-x:auto;overflow-y:hidden;margin-top:14px;padding:0 0 5px 0;scrollbar-width:thin;scrollbar-color:#d8d8d8 transparent;-webkit-overflow-scrolling:touch}
.kucukgorseller::-webkit-scrollbar{width:5px;height:5px}
.kucukgorseller::-webkit-scrollbar-track{background:transparent}
.kucukgorseller::-webkit-scrollbar-thumb{background:#d8d8d8;border-radius:10px}
.kucukgorseller a{width:82px;height:66px;float:none;flex:0 0 82px;border-radius:5px;overflow:hidden;margin:0;border:2px solid transparent;background:#f6f7f9;transition:all .35s}
.kucukgorseller a.aktif{border-color:#E63312}
.kucukgorseller a img{width:100%;height:100%;object-fit:contain;display:block}
.buyukgorsel{order:1;width:100%;height:470px;float:left;border-radius:5px;overflow:hidden;margin-left:0;display:block;cursor:pointer;background:#f6f7f9}
.buyukgorsel img{width:100%;height:100%;object-fit:contain;display:block}
.urundetaysag{width:30%;float:right;position:sticky;top:20px;align-self:flex-start}
.detaybilgi{width:100%;float:left;background:#F4F4F4;border-radius:5px;padding:22px 25px 30px 25px;margin-bottom:20px}
.detaybilgi h2{width:100%;float:left;margin:0 0 8px 0;font-size:22px;line-height:1.2;font-weight:700;color:#0F2027}
.detaybilgi p{width:100%;float:left;margin:0;font-size:13px;line-height:1.5;font-weight:400;color:#30414A}
.detaybilgi p.detaymeta + p.detaymeta{margin-top:3px}
.takim-icerik-kisa{width:100%;float:left;margin-top:2px;color:#30414A}
.takim-icerik-kisa strong{display:block;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid #ddd;font-size:12px;line-height:1.4;font-weight:500;color:#7d858c}
.takim-icerik-kisa ul{width:100%;float:left;display:grid;gap:7px;margin:0;padding:0;list-style:none}
.takim-icerik-kisa li{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:0 0 7px 0;border-bottom:1px solid rgba(15,32,39,.08);font-size:12px;line-height:1.4;font-weight:600;color:#0F2027}
.takim-icerik-kisa li:last-child{border-bottom:0;padding-bottom:0}
.takim-icerik-kisa li span{display:block;color:#0F2027}
.takim-icerik-kisa li em{font-style:normal;white-space:nowrap;color:#6b7280;font-weight:700}
.takim-icerik-kisa li.bos{display:block;color:#7D8A8F;font-weight:500}
.takim-icerik-kart{width:100%;float:left;margin:4px 0 18px 0;min-height:34px;max-height:48px;overflow:hidden;font-size:10px;line-height:1.55;font-weight:600;color:#6E7A80}
.takim-icerik-kart span{display:inline;color:#30414A;font-weight:400}
.takim-icerik-kart em{font-size:10px;font-style:normal;white-space:nowrap;color:#6b7280;font-weight:400}
.urunkutu .takim-icerik-kart{border:0;background:transparent;padding:0}
.detaycizgi{width:100%;height:1px;float:left;background:#DDDDDD;margin:17px 0}
.detayfiyat{width:100%;float:left}
.detayfiyat span{width:100%;float:left;font-size:13px;line-height:1;font-weight:400;color:#30414A;text-decoration:line-through;margin-bottom:4px}
.detayfiyat strong{width:100%;float:left;font-size:28px;line-height:1;font-weight:800;color:#E63312}
.detaysepet{width:100%;float:left;display:flex;align-items:center}
.adetsec{width:86px;height:38px;float:left;background:#fff;border:1px solid #EFEFEF;border-radius:4px;display:flex;align-items:center;overflow:hidden;margin-right:15px}
.adetsec button{width:28px;height:38px;border:0;outline:0;background:#F7F7F7;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#0F2027;cursor:pointer;transition:all .35s}
.adetsec button:hover{background:#E63312;color:#fff}
.adetsec input{width:30px;height:38px;border:0;outline:0;background:#fff;text-align:center;font-size:15px;font-weight:700;color:#0F2027}
.adetsec input::-webkit-outer-spin-button,.adetsec input::-webkit-inner-spin-button,.urunkutu .sepetsatir input::-webkit-outer-spin-button,.urunkutu .sepetsatir input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.detaysepet .sepeteekle{width:185px;height:38px;border:0;outline:0;background:#E63312;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-align:center;font-size:13px;font-weight:700;line-height:1;color:#fff;cursor:pointer;transition:all .35s;text-decoration:none;white-space:nowrap}
.detaysepet .sepeteekle img{width:15px;height:15px;flex:0 0 15px;display:block;margin:0;object-fit:contain}
.detaysepet .sepeteekle:hover{background:#cf2d10;color:#fff}
.urunonerileri{width:100%;float:left;background:#fff;border-top:1px solid #EFEFEF;padding-top:70px;margin-top:58px}
.onerikutu{width:100%;height:78px;float:left;background:#F4F4F4;border-radius:8px;display:flex;align-items:center;margin-bottom:14px;padding:0 40px 0 10px}
.onerigorsel{width:118px;height:58px;float:left;border-radius:5px;overflow:hidden;flex-shrink:0;background:#fff}
.onerigorsel img{width:100%;height:100%;object-fit:contain;display:block}
.oneribilgi{width:48%;float:left;padding-left:38px}
.oneribilgi h3{width:100%;float:left;margin:0 0 6px 0;font-size:15px;font-weight:700;color:#0F2027}
.oneribilgi h3 a{color:#0F2027;text-decoration:none}
.oneribilgi p{width:100%;float:left;margin:0;font-size:10px;line-height:1.4;font-weight:400;color:#6E7A80}
.onerifiyat{width:110px;float:left;margin-left:auto}
.onerifiyat span{width:100%;float:left;font-size:9px;line-height:1;font-weight:400;color:#30414A;text-decoration:line-through;margin-bottom:3px}
.onerifiyat strong{width:100%;float:left;font-size:20px;line-height:1;font-weight:800;color:#E63312}
.onerisepet{width:330px;float:right;display:flex;align-items:center}
.onerisepet input{width:137px;height:44px;border:0;outline:0;background:#fff;border-radius:4px;text-align:center;font-size:16px;font-weight:600;color:#0F2027;margin-right:7px}
.onerisepet button,.onerisepet .sepetekle-btn{width:210px;height:44px;border:0;outline:0;background:#E63312;border-radius:4px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;font-weight:700;color:#fff;cursor:pointer;transition:all .35s;text-decoration:none}
.onerisepet button:hover,.onerisepet .sepetekle-btn:hover{background:#cf2d10;color:#fff}
.gorselpopup{width:100%;height:100%;position:fixed;left:0;top:0;background:rgba(0,0,0,.82);z-index:9999;display:none;align-items:center;justify-content:center;padding:40px}
.gorselpopup.aktif{display:flex}
.gorselpopup img{max-width:90%;max-height:90%;display:block;border-radius:5px}
.gorselpopupkapat{width:42px;height:42px;position:absolute;right:30px;top:25px;background:#fff;border-radius:100px;display:flex;align-items:center;justify-content:center;font-size:32px;line-height:1;font-weight:300;color:#0F2027;cursor:pointer}
.detayvaryantlar{width:100%;float:left;margin:0 0 18px 0}
.detayvaryantlar .secenekbaslik{width:100%;float:left;font-size:13px;font-weight:700;color:#0F2027;margin-bottom:8px}
.detayvaryantlar .secenekler{width:100%;float:left;display:flex;flex-wrap:wrap;gap:8px}
.detayvaryantlar .secenekler a,.detayvaryantlar .secenekler button{border:1px solid #EFEFEF;background:#fff;border-radius:4px;padding:8px 10px;color:#0F2027;font-size:12px;font-weight:700;text-decoration:none;cursor:pointer}
.detayvaryantlar .secenekler a.aktif,.detayvaryantlar .secenekler button.aktif{border-color:#E63312;color:#E63312}
.detayvaryantlar .varyantsecim-not{width:100%;float:left;margin-top:8px;font-size:12px;color:#7D8A8F}

@media only screen and (max-width:575px){
body:not(.giris-body){padding:15px}
.ustkisim{height:auto;display:block;padding:18px 16px}
.ustkisim .logo{width:160px;height:auto}
.ustkisim .ustsag{width:100%;height:auto;float:left;display:flex;flex-wrap:wrap;margin-top:18px}
.ustkisim .aramakutusu{width:100%;height:52px;margin-right:0;margin-bottom:12px}
.ustkisim .aramakutusu input{height:52px;font-size:12px}
.ustkisim .ustikon{width:52px;height:52px;margin-left:0;margin-right:10px}
.sayfaalani{display:block;margin-top:15px}
.sayfaicerik{width:100%;margin-left:0;margin-top:15px}
.solmenu{width:100%;position:relative;top:auto}
.solmenu .solmenuic{width:100%;min-height:auto;padding:28px 22px 22px 22px}
.canlidestek{height:62px;margin-top:15px}
.canlidestek a{height:62px}
.anaslider,.anaslider .carousel,.anaslider .carousel-inner,.anaslider .carousel-item,.anaslider .slidergorsel{height:180px}
.anaslider{margin-bottom:22px}
.anaslider .carousel-indicators{left:18px;bottom:16px}
.anaslider .carousel-control-prev,.anaslider .carousel-control-next{display:none}
.urunliste{grid-template-columns:repeat(1,1fr);gap:15px}
.urunkutu .urungorsel{height:210px}
.siteharitasi{margin-bottom:22px}
.siteharitasi h1{font-size:18px}
.listelemesayfasi .urunliste{gap:15px}
.altbilgi{height:auto;padding:20px;justify-content:center}
.altbilgi .telif{width:100%;flex-wrap:wrap;justify-content:center;text-align:center;line-height:1.8}
.urundetay{padding:20px}
.urundetaysol{width:100%;display:flex;flex-direction:column}
.kucukgorseller{width:100%;max-height:none;display:flex;overflow-x:auto;overflow-y:hidden;margin-top:12px;margin-bottom:0;padding-right:0;padding-bottom:4px;-webkit-overflow-scrolling:touch}
.kucukgorseller a{width:72px;height:62px;margin-bottom:0;margin-right:0;flex-shrink:0}
.buyukgorsel{width:100%;height:260px;margin-left:0}
.urundetaysag{width:100%;margin-top:20px;position:relative;top:auto}
.detaybilgi{padding:20px}
.detaybilgi h2{font-size:20px}
.detayfiyat strong{font-size:25px}
.detaysepet{display:block}
.adetsec{margin-right:0;margin-bottom:12px}
.detaysepet .sepeteekle{width:100%}
.urunonerileri{padding-top:30px;margin-top:30px}
.onerikutu{height:auto;display:block;padding:12px;margin-bottom:12px}
.onerigorsel{width:100%;height:120px}
.oneribilgi{width:100%;padding-left:0;margin-top:12px}
.onerifiyat{width:100%;margin-top:12px}
.onerisepet{width:100%;margin-top:12px}
.onerisepet input{width:80px}
.onerisepet button,.onerisepet .sepetekle-btn{width:calc(100% - 87px)}
}
@media only screen and (min-width:768px) and (max-width:991px){
.ustkisim{height:auto;padding:18px 20px}
.ustkisim .logo{width:170px;height:64px}
.ustkisim .ustsag{height:64px}
.ustkisim .aramakutusu{width:330px;height:52px;margin-right:12px}
.ustkisim .aramakutusu input{height:52px;font-size:12px}
.ustkisim .ustikon{width:52px;height:52px;margin-left:10px}
.sayfaalani{display:block}
.sayfaicerik{width:100%;margin-left:0;margin-top:20px}
.solmenu{width:100%;position:relative;top:auto}
.solmenu .solmenuic{width:100%;min-height:auto;padding:32px 26px}
.canlidestek{height:66px;margin-top:18px}
.canlidestek a{height:66px}
.anaslider,.anaslider .carousel,.anaslider .carousel-inner,.anaslider .carousel-item,.anaslider .slidergorsel{height:220px}
.urunliste{grid-template-columns:repeat(2,1fr)}
.siteharitasi{margin-bottom:25px}
.altbilgi{padding:0 25px}
.urundetay{padding:25px}
.urundetaysol{width:100%}
.kucukgorseller{max-height:none}
.buyukgorsel{height:380px}
.urundetaysag{width:100%;margin-top:24px;position:relative;top:auto}
.detaysepet .sepeteekle{width:220px}
.onerikutu{padding:0 20px 0 10px}
.oneribilgi{width:35%;padding-left:22px}
.onerisepet{width:260px}
.onerisepet input{width:95px}
.onerisepet button,.onerisepet .sepetekle-btn{width:158px}
}
@media only screen and (max-width:991px){
.ustkisim{height:auto;display:flex;flex-wrap:wrap;align-items:center;gap:14px;padding:16px}
.ustkisim .logo{height:auto}
.ustkisim .ustsag{width:100%;height:auto;float:none;display:grid;grid-template-columns:repeat(3,52px);gap:8px;align-items:center;margin-top:0}
.ustkisim .aramakutusu{grid-column:1 / -1;width:100%;height:52px;margin:0}
.ustkisim .aramakutusu input{height:52px;font-size:12px}
.ustkisim .ustikon{width:52px;height:52px;margin:0}
.sayfaalani{display:block}
.sayfaicerik{width:100%;margin-left:0}
.solmenu{width:100%;position:relative;top:auto}
.solmenu .solmenuic{width:100%;min-height:auto;padding:0;overflow:hidden}
.solmenu .solmenu-grup{border-bottom:1px solid #F0F0F0}
.solmenu .solmenu-grup:last-child{border-bottom:0}
.solmenu .menubaslik{height:54px;margin:0;padding:0 18px;float:none;display:flex;align-items:center;justify-content:space-between}
.solmenu .solmenu-toggle{cursor:pointer}
.solmenu .solmenu-ok{display:block}
.solmenu .solmenu-liste{display:none;float:none;padding:0 18px 16px}
.solmenu .solmenu-grup.acik .solmenu-liste{display:block}
.solmenu .menucizgi{display:none}
.solmenu ul li{float:none;margin-bottom:14px}
.solmenu ul li a{float:none;font-size:14px}
.canlidestek{margin-top:15px}
}
@media only screen and (min-width:576px) and (max-width:991px){
.ustkisim .ustsag{grid-template-columns:minmax(250px,1fr) 52px 52px 52px}
.ustkisim .aramakutusu{grid-column:auto}
}
@media only screen and (min-width:992px) and (max-width:1199px){
.solmenu{width:285px}
.solmenu .solmenuic{padding:36px 25px}
.sayfaicerik{width:calc(100% - 305px);margin-left:20px}
.urunliste{grid-template-columns:repeat(2,1fr)}
.altbilgi{padding:0 30px}
.urundetay{padding:28px}
.urundetaysol{width:65%}
.kucukgorseller{max-height:none}
.buyukgorsel{height:390px}
.urundetaysag{width:32%}
.detaysepet{display:block}
.adetsec{margin-bottom:12px}
.detaysepet .sepeteekle{width:100%}
.oneribilgi{width:35%;padding-left:25px}
.onerisepet{width:260px}
}
@media only screen and (min-width:1200px) and (max-width:1599px){
.solmenu{width:300px}
.sayfaicerik{width:calc(100% - 322px);margin-left:22px}
.urunliste{gap:16px}
.urunkutu .sepetsatir button,.urunkutu .sepetsatir .sepetekle-btn{width:110px}
}

.takim-urun-detay{display:grid;grid-template-columns:minmax(0,68%) minmax(280px,30%);gap:24px 2%;align-items:start}
.takim-modul-secici{display:block;margin:0;padding:0;background:transparent}
.takim-urun-detay .urundetayust{width:100%;float:none;display:block;grid-column:1;grid-row:1}
.takim-urun-detay .urundetaysol{width:100%;float:none}
.takim-detay-grid{display:contents}
.takim-detay-moduller{min-width:0;grid-column:1;grid-row:2}
.takim-detay-sepet{position:sticky;top:20px;align-self:start;grid-column:2;grid-row:1 / span 2}
.takim-detay-sepet .urundetaysag{width:100%;float:none;position:static;top:auto}
.takim-detay-sepet .detaybilgi{margin-bottom:20px}
.takim-detay-sepet .takim-icerik-kisa ul{max-height:calc(100vh - 260px);overflow-y:auto;padding-right:4px}
.takim-urun-detay .urunonerileri{grid-column:1 / -1}
.takim-modul-tablosu{width:100%;border-collapse:collapse;background:#fff}
.takim-modul-tablosu th{padding:12px 8px;background:#fff;color:#111;font-size:14px;font-weight:800;text-align:left}
.takim-modul-tablosu th:nth-child(2){width:22%;text-align:center}
.takim-modul-tablosu th:nth-child(3){width:24%;text-align:right}
.takim-modul-tablosu td{padding:8px;border-bottom:1px solid #eee;background:#fff;vertical-align:middle}
.takim-modul-tablosu tr.secili td{background:#fff}
.takim-modul-tablosu .takim-modul-ayirici td{padding:14px 8px 12px;border-bottom:0}
.takim-modul-tablosu .takim-modul-ayirici span{display:block;width:100%;height:1px;background:#EE2E0D}
.takim-modul-bilgi{display:flex;align-items:center;gap:14px;margin:0;color:#011b36;cursor:pointer}
.takim-modul-gorsel{width:64px;height:44px;flex:0 0 64px;border-radius:3px;overflow:hidden;background:#f4f5f7;border:1px solid #eee}
.takim-modul-gorsel img{width:100%;height:100%;object-fit:cover;display:block}
.takim-modul-bilgi strong{font-size:13px;line-height:1.25;color:#011b36;font-weight:800}
.takim-adet-kontrol{display:flex;align-items:center;width:140px;margin:0 auto;border:1px solid #e5e7eb;overflow:hidden;background:#fff}
.takim-adet-kontrol button{width:36px;height:30px;border:0;background:#f5f6f8;color:#011b36;font-size:16px;font-weight:700;cursor:pointer}
.takim-adet-kontrol input{width:68px;height:30px;border:0;text-align:center;font-size:14px;font-weight:700;color:#011b36}
.takim-adet-kontrol input::-webkit-outer-spin-button,.takim-adet-kontrol input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.takim-modul-fiyat{display:inline-block;min-width:130px;margin-right:0;text-align:right;color:#011b36;font-size:15px;font-weight:800}
.sepet-fiyat:empty,.akilli-arama-text small:empty,.detayfiyat:empty,.onerifiyat:empty{display:none}
.takim-satir-ekle{width:100%;max-width:280px;height:36px;border:0;border-radius:6px;background:#ef2b12;color:#fff;font-size:13px;font-weight:800;cursor:pointer}
.takim-satir-ekle:hover{background:#d82610;color:#fff}
.takim-modul-tablosu input[type="checkbox"],.takim-modul-tablosu input[type="radio"]{display:none}
.takim-modul-tablosu input[type="checkbox"]:checked,.takim-modul-tablosu input[type="radio"]:checked{border-color:#ef2b12;background:#ef2b12;box-shadow:inset 0 0 0 5px #fff}
.takim-uyari{padding:12px;border-radius:8px;background:#fff7ed;color:#9a3412;font-size:13px;font-weight:600}
.takim-bilesen-listesi,.sepet-takim-ozet{display:block;margin-top:9px;color:#6b7280;font-size:12px;line-height:1.4}
.takim-bilesen-listesi strong,.sepet-takim-ozet strong{display:block;margin-bottom:6px;padding-bottom:6px;border-bottom:1px solid rgba(15,32,39,.08);font-size:12px;font-weight:500;color:#7d858c}
.takim-bilesen-listesi ul,.sepet-takim-ozet ul{display:grid;gap:5px;margin:0;padding:0;list-style:none}
.takim-bilesen-listesi li,.sepet-takim-ozet li{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:5px;border-bottom:1px solid rgba(15,32,39,.06);font-size:12px;font-weight:600;color:#0F2027}
.takim-bilesen-listesi li:last-child,.sepet-takim-ozet li:last-child{border-bottom:0;padding-bottom:0}
.takim-bilesen-listesi li span,.sepet-takim-ozet li span{display:block}
.takim-bilesen-listesi li em,.sepet-takim-ozet li em{font-style:normal;white-space:nowrap;color:#6b7280;font-weight:700}
.icsayfasepet .takim-bilesen-listesi ul{gap:0}
.icsayfasepet .takim-bilesen-listesi li{display:grid;grid-template-columns:minmax(0,1fr) 140px;align-items:center;gap:22px;padding:9px 0}
.icsayfasepet .takim-bilesen-listesi li span{min-width:0;font-size:13px;line-height:1.35;font-weight:800;color:#011b36;word-break:normal;overflow-wrap:anywhere}
.icsayfasepet .takim-bilesen-listesi li em.sepet-takim-adet{width:140px;margin:0 0 0 auto;color:#011b36}
.icsayfasepet .takim-bilesen-listesi li em.sepet-takim-adet input{color:#011b36;font-weight:800}
.icsayfasepet .takim-bilesen-listesi .sepet-takim-guncelle{margin-top:10px}
.takima-ekle{width:158px;height:44px;border:0;border-radius:8px;background:#1f76bd;color:#fff;font-size:14px;font-weight:700;cursor:pointer}
.takima-ekle:hover{background:#145c99;color:#fff}
.takim-ozet-kutusu{margin:16px 0;padding:16px;border:1px solid #dbe3ee;border-radius:8px;background:#fff;display:grid;gap:12px}
.takim-ozet-baslik{font-size:15px;font-weight:800;color:#0f172a}
.takim-ozet-urun{display:grid;gap:3px;padding-bottom:10px;border-bottom:1px solid #edf1f6}
.takim-ozet-urun strong{font-size:14px;color:#111827}
.takim-ozet-urun span{font-size:12px;color:#64748b}
.takim-ozet-satirlar{display:grid;gap:8px}
.takim-ozet-satir{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:#4b5563}
.takim-ozet-satir strong{white-space:nowrap;color:#111827}
.takim-ozet-toplam{display:flex;justify-content:space-between;align-items:center;margin:4px -16px -16px;padding:14px 16px;background:#1f76bd;color:#fff;border-radius:0 0 8px 8px;font-weight:800}
.takim-ozet-toplam strong{color:#fff;font-size:18px}
@media(max-width:991px){.takim-urun-detay{display:block}.takim-urun-detay .urundetayust{width:100%}.takim-detay-grid{display:block;margin-top:20px}.takim-detay-sepet{position:relative;top:auto;margin-top:18px}.takim-detay-sepet .urundetaysag{width:100%}.takim-detay-sepet .takim-icerik-kisa ul{max-height:none;overflow:visible;padding-right:0}}
@media(min-width:992px) and (max-width:1199px){.takim-urun-detay{grid-template-columns:minmax(0,65%) minmax(260px,32%);gap:24px 3%}}
@media(max-width:768px){.takim-moduller{grid-template-columns:1fr}}