html { width:100%; max-width:100%; min-height:100%; overflow-x:hidden; overflow-y:auto; scrollbar-gutter:stable; scroll-behavior:smooth; }
body { width:100%; max-width:100%; min-height:100%; overflow-x:clip; overflow-y:visible; font-family:"Montserrat", sans-serif; padding:0; background:#fff; }
a { color:#131619; text-decoration:none;}
a:hover { color:#131619; 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;}
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;
}

.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:#131619; 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:#131619; font-weight:600; margin-bottom:7px;}
.anasayfaonecikanlar .urunkutu .urunadi { height:38px; font-size:14px; color:#131619; 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:#131619; font-weight:600;}
.anasayfaonecikanlar .urunkutu .sepetekle { width:38px; height:38px; position:absolute; right:12px; bottom:15px; border-radius:6px; background:#27313B; 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:#27313B 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:#131619; 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%,#27313B 58%,#B88A3B 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:#131619; 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:#27313B; 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:#131619; 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:#131619; font-weight:600; margin-bottom:7px;}
.anasayfaindirimli .urunkutu .urunadi { height:38px; font-size:14px; color:#131619; 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:#131619; font-weight:600;}
.anasayfaindirimli .urunkutu .sepetekle { width:38px; height:38px; position:absolute; right:12px; bottom:15px; border-radius:6px; background:#27313B; 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:#27313B; 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:#131619;}

/* 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) {
}





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

/* 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) {
}



.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%,#27313B 62%,#B88A3B 145%); background-size:cover; background-position:center center; position:relative; overflow:hidden; border:1px solid rgba(39,49,59,.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(39,49,59,.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:#131619;}
.icsayfakategorifiltre .filtrealani button { width:16%; height:38px; border:0; border-radius:4px; background:#27313B; 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:#131619; font-weight:600; margin-bottom:7px;}
.icsayfakategoriurun .urunkutu .urunadi { height:38px; font-size:14px; color:#131619; 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:#131619; font-weight:600;}

.icsayfakategoriurun .urunkutu .sepetekle { width:38px; height:38px; position:absolute; right:12px; bottom:15px; border-radius:6px; background:#27313B; 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:#131619; font-weight:600; margin-bottom:25px;}
.icsayfakategorimakale .yazi { font-size:14px; color:#131619; 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:#131619; 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:#131619; 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:#131619; font-weight:600; margin-bottom:20px;}
.icsayfaurundetay .urunadetuyari { width:100%; float:left; border:1px solid rgba(39,49,59,.22); background:#fff; border-left:3px solid #27313B; border-radius:6px; padding:12px 14px; margin:-4px 0 16px 0;}
.icsayfaurundetay .urunadetuyari .uyaribaslik { width:100%; float:left; font-size:13px; color:#131619; 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:#131619; font-size:14px; font-weight:600;}

.icsayfaurundetay .sepeteekle { height:34px; padding:0 18px; border-radius:5px; background:#27313B; 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; margin-left:8px;}
.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:#131619; 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:#131619; text-decoration:none; margin-right:8px; margin-bottom:8px;}
.icsayfaurundetay .secenekler a:hover { background:#27313B; 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:#131619; text-decoration:none; margin-right:8px; margin-bottom:8px; cursor:pointer;}
.icsayfaurundetay .varyantsecim-degerler button:hover,
.icsayfaurundetay .varyantsecim-degerler button.aktif { background:#27313B; border-color:#27313B; 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 { display:none;}

.icsayfaurundetayaciklama .tabust { width:100%; display:flex; align-items:center; gap:34px; overflow-x:auto; overflow-y:hidden; border-bottom:1px solid #E9E6E1; margin-bottom:30px; scrollbar-width:thin;}
.icsayfaurundetayaciklama .tabust button { width:auto; min-width:max-content; height:54px; position:relative; flex:0 0 auto; border:0; background:transparent; color:#131619; font-size:13px; font-weight:600; padding:0; cursor:pointer; transition:color .25s;}
.icsayfaurundetayaciklama .tabust button:after { content:""; width:100%; height:2px; position:absolute; left:0; bottom:0; background:#B88A3B; transform:scaleX(0); transform-origin:center; transition:transform .25s;}
.icsayfaurundetayaciklama .tabust button.aktif,
.icsayfaurundetayaciklama .tabust button:hover { color:#B88A3B;}
.urunaciklama-duzenli { max-width:900px; }
.urunaciklama-duzenli p { margin:0 0 16px; }
.urunaciklama-duzenli ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; margin:0 0 18px; padding:0; border-top:1px solid #EEE9E2; list-style:none; }
.urunaciklama-duzenli li { min-height:42px; display:flex; align-items:center; gap:5px; padding:10px 12px; border-bottom:1px solid #EEE9E2; color:#4D5358; }
.urunaciklama-duzenli li:nth-child(4n+3),
.urunaciklama-duzenli li:nth-child(4n+4) { background:#FAFAFA; }
.urunaciklama-duzenli li strong { color:#131619; font-weight:600; }

@media (max-width:576px) {
.urunaciklama-duzenli ul { grid-template-columns:1fr; }
.urunaciklama-duzenli li:nth-child(odd) { background:#FAFAFA; }
.urunaciklama-duzenli li:nth-child(even) { background:#ffffff; }
}
.icsayfaurundetayaciklama .tabust button.aktif:after { transform:scaleX(1);}

.icsayfaurundetayaciklama .tabicerik { width:100%; display:none;}
.icsayfaurundetayaciklama .tabicerik.aktif { display:flow-root;}
.icsayfaurundetayaciklama .yazi { font-size:14px; color:#131619; font-weight:400; line-height:1.8; padding:0 15px;}
.icsayfaurundetayaciklama .odemeozetleri { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-bottom:32px;}
.icsayfaurundetayaciklama .odemeozetkutu { min-height:72px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:16px 20px; background:#F7F7F7; color:#131619; font-size:13px;}
.icsayfaurundetayaciklama .odemeozetkutu span { font-weight:500;}
.icsayfaurundetayaciklama .odemeozetkutu strong { font-weight:600; text-align:right;}
.icsayfaurundetayaciklama .taksitgrupbaslik { margin-bottom:18px; color:#131619; font-size:14px; line-height:1.5; font-weight:600;}
.icsayfaurundetayaciklama .taksitgrupbaslik small { font-size:12px; font-weight:400;}
.icsayfaurundetayaciklama .bankataksitgrid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; align-items:start;}
.icsayfaurundetayaciklama .bankataksitkutu { min-width:0; overflow:hidden; border:1px solid #E3E8EE; border-radius:10px; background:#fff; box-shadow:0 8px 22px rgba(32,47,61,.07); transition:transform .2s ease,box-shadow .2s ease;}
.icsayfaurundetayaciklama .bankataksitkutu:hover { transform:translateY(-2px); box-shadow:0 12px 28px rgba(32,47,61,.11);}
.icsayfaurundetayaciklama .bankataksitlogo { min-height:64px; display:flex; flex-direction:column; gap:5px; align-items:center; justify-content:center; padding:7px 8px; border-bottom:1px solid rgba(255,255,255,.18); background:linear-gradient(135deg,#243442,#344b5e); text-align:center;}
.icsayfaurundetayaciklama .bankataksitkutu[data-bank-code="0015"] .bankataksitlogo { background:linear-gradient(135deg,#f5c400,#e3a900);}
.icsayfaurundetayaciklama .bankataksitkutu[data-bank-code="0015"] .bankataksitlogo strong { color:#151515;}
.icsayfaurundetayaciklama .bankataksitkutu[data-bank-code="0134"] .bankataksitlogo { background:linear-gradient(135deg,#003b70,#0063a6);}
.icsayfaurundetayaciklama .bankataksitkutu[data-bank-code="0012"] .bankataksitlogo { background:linear-gradient(135deg,#006a9e,#008dc8);}
.icsayfaurundetayaciklama .bankataksitkutu[data-bank-code="0205"] .bankataksitlogo { background:linear-gradient(135deg,#007b4b,#00a36a);}
.icsayfaurundetayaciklama .bankataksitkutu[data-bank-code="0064"] .bankataksitlogo { background:linear-gradient(135deg,#004b93,#0072bc);}
.icsayfaurundetayaciklama .bankataksitkutu[data-bank-code="0010"] .bankataksitlogo { background:linear-gradient(135deg,#b00020,#d71920);}
.icsayfaurundetayaciklama .bankataksitkutu[data-bank-code="0111"] .bankataksitlogo { background:linear-gradient(135deg,#5d2678,#872b90);}
.icsayfaurundetayaciklama .bankataksitkutu[data-bank-code="0046"] .bankataksitlogo { background:linear-gradient(135deg,#b5121b,#df2027);}
.icsayfaurundetayaciklama .bankataksitkutu[data-bank-code="0206"] .bankataksitlogo { background:linear-gradient(135deg,#008c83,#00aaa0);}
.icsayfaurundetayaciklama .bankataksitlogo img { box-sizing:border-box; max-width:125px; max-height:30px; display:block; object-fit:contain; padding:3px 7px; border-radius:4px; background:#fff;}
.icsayfaurundetayaciklama .bankataksitlogo strong { color:#fff; font-size:11px; line-height:1.25; font-weight:600;}
.icsayfaurundetayaciklama .bankataksittablo { width:100%; border-collapse:collapse; table-layout:fixed; color:#131619; font-size:12px;}
.icsayfaurundetayaciklama .bankataksittablo th,
.icsayfaurundetayaciklama .bankataksittablo td { padding:7px 3px; border-right:1px solid #EDF0F3; text-align:center; white-space:nowrap;}
.icsayfaurundetayaciklama .bankataksittablo th:last-child,
.icsayfaurundetayaciklama .bankataksittablo td:last-child { border-right:0;}
.icsayfaurundetayaciklama .bankataksittablo th { border-bottom:1px solid #E3E8EE; background:#F5F7F9; color:#667482; font-size:10px; font-weight:600;}
.icsayfaurundetayaciklama .bankataksittablo td { border-bottom:1px solid #F0F2F4; color:#25313B; font-size:10px; font-weight:600;}
.icsayfaurundetayaciklama .bankataksittablo tr:last-child td { border-bottom:0;}
.icsayfaurundetayaciklama .bankataksittablo td:first-child { color:#B38745; font-weight:700;}

@media only screen and (max-width:1199px) {
.icsayfaurundetayaciklama .bankataksitgrid { grid-template-columns:repeat(4,minmax(0,1fr));}
}
@media only screen and (max-width:991px) {
.icsayfaurundetayaciklama .bankataksitgrid { grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media only screen and (max-width:767px) {
.icsayfaurundetayaciklama .bankataksitgrid { grid-template-columns:repeat(2,minmax(0,1fr));}
}

.icsayfaurundetayaciklama #tab-yorumlar.aktif { display:grid; grid-template-columns:minmax(0,1fr) 580px; gap:34px; align-items:start;}
.icsayfaurundetayaciklama .yorumlar { width:auto; float:none;}
.icsayfaurundetayaciklama .yorumkutu { width:100%; background:#FAFAFA; border:1px solid #eee; border-radius:8px; padding:20px; margin-bottom:15px;}
.icsayfaurundetayaciklama .yorumkutu .ust { width:100%; display:flex; align-items:center; justify-content:space-between; gap:15px; margin-bottom:10px;}
.icsayfaurundetayaciklama .yorumkutu .isim { font-size:15px; color:#131619; font-weight:600;}
.icsayfaurundetayaciklama .yorumkutu .puan { font-size:14px; color:#131619; letter-spacing:1px;}
.icsayfaurundetayaciklama .yorumkutu .yorum { width:100%; font-size:14px; color:#131619; line-height:1.6;}

.icsayfaurundetayaciklama .yorumformu { width:auto; float:none; background:#FAFAFA; border:1px solid #eee; border-radius:8px; padding:22px;}
.icsayfaurundetayaciklama .yorumformu .formbaslik { font-size:18px; color:#131619; 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:#131619; 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:#131619; margin-bottom:10px; resize:none;}
.icsayfaurundetayaciklama .yorumformu button { width:150px; height:40px; border:0; border-radius:5px; background:#27313B; 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 { gap:25px; margin-bottom:24px;}
.icsayfaurundetayaciklama .tabust button { height:48px; font-size:12px;}
.icsayfaurundetayaciklama .yazi { padding:0; font-size:13px;}
.icsayfaurundetayaciklama .odemeozetleri { grid-template-columns:1fr; gap:10px; margin-bottom:25px;}
.icsayfaurundetayaciklama .odemeozetkutu { min-height:62px; padding:13px 14px; gap:12px; font-size:12px;}
.icsayfaurundetayaciklama .taksitgrupbaslik { font-size:13px;}
.icsayfaurundetayaciklama .taksitgrupbaslik small { display:block; margin-top:3px; font-size:11px;}
.icsayfaurundetayaciklama .bankataksitgrid { grid-template-columns:1fr; gap:14px;}
.icsayfaurundetayaciklama .bankataksitlogo { height:68px;}
.icsayfaurundetayaciklama .bankataksittablo th,
.icsayfaurundetayaciklama .bankataksittablo td { padding:10px 6px; font-size:11px;}
.icsayfaurundetayaciklama #tab-yorumlar.aktif { grid-template-columns:1fr; gap:20px;}
.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 #tab-yorumlar.aktif { grid-template-columns:1fr; gap:20px;}
.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:#131619; 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:#131619; font-weight:600; margin-bottom:7px;}
.urundetaybenzerurun .urunkutu .urunadi { height:38px; font-size:14px; color:#131619; 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:#131619; font-weight:600;}

.urundetaybenzerurun .urunkutu .sepetekle { width:38px; height:38px; position:absolute; right:12px; bottom:15px; border-radius:6px; background:#27313B; 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:#131619; font-weight:600; margin-bottom:25px;}
.icsayfabilgisayfa .yazi { width:100%; float:left; font-size:14px; color:#131619; 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:#131619; font-weight:600; margin-bottom:7px;}
.icsayfaurunarama .urunkutu .urunadi { height:38px; font-size:14px; color:#131619; 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:#131619; font-weight:600;}

.icsayfaurunarama .urunkutu .sepetekle { width:38px; height:38px; position:absolute; right:12px; bottom:15px; border-radius:6px; background:#27313B; 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:#131619; font-weight:600; margin-bottom:12px;}
.icsayfadestek .aciklama { font-size:14px; color:#131619; 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:#131619; font-weight:600; margin-bottom:6px;}
.icsayfadestek .bilgikutu .metin { font-size:14px; color:#131619; font-weight:600;}

.icsayfadestek .formalan { width:100%; float:left; background:#FAFAFA; border-radius:10px; padding:30px;}
.icsayfadestek .formalan .formbaslik { font-size:18px; color:#131619; 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:#131619;}

.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:#131619; resize:none;}

.icsayfadestek .formalan button { width:160px; height:42px; float:right; border:0; border-radius:5px; background:#27313B; 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%,#27313B 64%,#B88A3B 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:#131619; font-weight:600; margin-bottom:10px;}
.icsayfagiris .aciklama { font-size:14px; color:#131619; 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:#131619;}

.icsayfagiris .altsecenek { width:100%; float:left; margin:5px 0 18px 0;}
.icsayfagiris .altsecenek label { float:left; font-size:13px; color:#131619; 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:#131619; text-decoration:none;}
.icsayfagiris .altsecenek a:hover { color:#131619; transition:all .35s;}

.icsayfagiris .formalan button { width:100%; height:45px; border:0; border-radius:5px; background:#27313B; 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:#131619; margin-top:18px;}
.icsayfagiris .uyeliklink a { color:#131619; font-weight:600; text-decoration:none;}
.icsayfagiris .uyeliklink a:hover { color:#131619; 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%,#27313B 64%,#B88A3B 145%); position:relative; overflow:hidden;}
.icsayfauyeol .solalan > img { display:none;}

.icsayfauyeol .sagalan { width:55%; float:right; padding:45px;}
.icsayfauyeol .baslik { font-size:22px; color:#131619; font-weight:600; margin-bottom:10px;}
.icsayfauyeol .aciklama { font-size:14px; color:#131619; 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="tel"],
.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:#131619;}

.icsayfauyeol .sozlesme { width:100%; float:left; margin:5px 0 18px 0;}
.icsayfauyeol .sozlesme label { font-size:13px; color:#131619; 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:#131619; font-weight:600; text-decoration:none;}
.icsayfauyeol .sozlesme a:hover { color:#131619; text-decoration:none;}

.icsayfauyeol .formalan button { width:100%; height:45px; border:0; border-radius:5px; background:#27313B; 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:#131619; margin-top:18px;}
.icsayfauyeol .girislink a { color:#131619; font-weight:600; text-decoration:none;}
.icsayfauyeol .girislink a:hover { color:#131619; 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:#131619; cursor:pointer;}
.sozlesmepopup-kapat:hover { background:#27313B; color:#fff;}
.sozlesmepopup-baslik { padding:22px 58px 18px 24px; color:#131619; font-size:20px; font-weight:600; border-bottom:1px solid #eee;}
.sozlesmepopup-icerik { max-height:56vh; overflow:auto; padding:24px; color:#131619; font-size:14px; line-height:1.8;}
.sozlesmepopup-icerik h2,
.sozlesmepopup-icerik h3 { color:#131619; 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:#131619; font-weight:600; text-decoration:none;}
.sozlesmepopup-alt a:hover { color:#131619; text-decoration:none;}
.sozlesmepopup-alt button { width:auto; min-width:120px; height:42px; border:0; border-radius:6px; background:#27313B; 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;}
.icsayfasepet .container { display:block; }
.icsayfasepet .container:after { display:none;}

.icsayfasepet .sepetbaslik { width:100%; font-size:22px; color:#131619; font-weight:600; margin-bottom:25px;}
.icsayfasepet .sepetalan { width:100%; display:grid; grid-template-columns:minmax(0,1fr) 370px; gap:52px; align-items:flex-start;}

.icsayfasepet .solalan { width:auto; float:none;}
.icsayfasepet .sagalan { width:auto; float:none;}

.icsayfasepet .sepeturun { width:100%; background:#FAFAFA; border-radius:10px; padding:15px; margin-bottom:15px; display:grid; grid-template-columns:100px minmax(0,1fr) 90px 130px 34px; gap:18px; 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;}
.icsayfasepet .sepeturun .gorsel img { max-width:100%; max-height:100%; object-fit:contain;}

.icsayfasepet .sepeturun .bilgi { min-width:0;}
.icsayfasepet .sepeturun .urunadi { font-size:14px; color:#131619; font-weight:600; line-height:1.4; margin-bottom:6px;}
.icsayfasepet .sepeturun .marka { font-size:12px; color:#131619; font-weight:600;}

.icsayfasepet .adet { width:85px; height:34px; display:flex; align-items:center; justify-content:center;}
.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:#131619; font-size:14px;}

.icsayfasepet .fiyat { width:auto; font-size:17px; color:#131619; font-weight:600; white-space:nowrap;}
.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:#27313B; transition:all .35s;}

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

.icsayfasepet .satir { width:100%; display:flex; justify-content:space-between; gap:20px; font-size:14px; color:#131619; margin-bottom:12px;}
.icsayfasepet .satir strong { color:#131619; white-space:nowrap;}

.icsayfasepet .toplam { width:100%; display:flex; justify-content:space-between; gap:20px; border-top:1px solid #e5e5e5; padding-top:18px; margin-top:8px; font-size:16px; color:#131619; font-weight:600;}
.icsayfasepet .toplam strong { color:#131619; white-space:nowrap;}

.icsayfasepet .devamet { width:100%; height:45px; background:#27313B; 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; background:#fff; color:#131619; 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:#131619; transition:all .35s;}

/* Küçük cihazlar */
@media only screen and (max-width: 575px) {
.icsayfasepet { padding:35px 0 50px 0;}
.icsayfasepet .sepetalan { grid-template-columns:1fr; gap:20px;}
.icsayfasepet .solalan { width:auto;}
.icsayfasepet .sagalan { width:auto; margin-top:0;}
.icsayfasepet .sepeturun { grid-template-columns:90px minmax(0,1fr) 34px; gap:12px;}
.icsayfasepet .sepeturun .gorsel { width:90px; height:90px;}
.icsayfasepet .adet { grid-column:2; margin:0; justify-content:flex-start;}
.icsayfasepet .fiyat { grid-column:2; width:auto; margin:0;}
.icsayfasepet .sil { grid-column:3; grid-row:1; position:static;}
}

/* Orta cihazlar */
@media only screen and (max-width: 1199px) {
.icsayfasepet .sepetalan { grid-template-columns:1fr; gap:25px;}
.icsayfasepet .solalan { width:auto;}
.icsayfasepet .sagalan { width:auto; margin-top:0;}
}


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

.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:#131619; resize:none;}
.icsayfasiparis .formbox button { width:100%; height:45px; float:left; border:0; color:#131619; 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:#131619; 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:#131619; 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:#131619; font-weight:600; margin-bottom:20px;}

.icsayfasiparis .urun { width:100%; float:left; display:flex; justify-content:space-between; gap:15px; font-size:13px; color:#131619; line-height:1.4; margin-bottom:12px;}
.icsayfasiparis .urun strong { color:#131619; white-space:nowrap;}

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

.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:#131619; font-weight:600;}
.icsayfasiparis .toplam strong { color:#131619;}
.icsayfasiparis .checkout-sozlesme { width:100%; float:left; display:flex; align-items:flex-start; gap:9px; margin:16px 0 0 0; font-size:13px; color:#131619; line-height:1.45;}
.icsayfasiparis .checkout-sozlesme input { width:15px; height:15px; flex:0 0 15px; margin:2px 0 0 0; accent-color:#27313B;}
.icsayfasiparis .checkout-sozlesme a { color:#131619; font-weight:600; text-decoration:none;}
.icsayfasiparis .checkout-sozlesme a:hover { color:#131619; text-decoration:none;}

.icsayfasiparis .ozetbox button { width:100%; height:45px; float:left; border:0; background:#27313B; 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;}





.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: #27313B;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; max-width:calc(100vw - 32px); height:50px; background:#48a91f; position:fixed; bottom:18px; left:20px; box-sizing:border-box; border-radius:7px; color:#fff; font-size:13px; line-height:1; font-weight:600; display:flex; justify-content:center; align-items:center; text-align:center; white-space:nowrap; padding:0 16px; z-index:9998; text-decoration:none;}
.altwhatsapp:hover { background:#fff; color:#48a91f; transition: all .35s;}
.altwhatsapp i { font-size:22px; margin:0 8px 0 0;}
.altwhatsapp span { white-space:nowrap;}

.urunkutu .gorsel { position:relative;}
.urunkutu .favori-toggle-btn,
.icsayfaurundetay .favori-toggle-btn { width:36px; height:36px; border:0; border-radius:50%; background:#fff; color:#131619; 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;}
.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) {
.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:#27313B; 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:#27313B; color:#fff; display:flex; align-items:center; justify-content:center; font-size:28px; font-weight:600;}
.markalarsayfa .markaadi { font-size:15px; color:#131619; font-weight:600; line-height:1.3;}
.markalarsayfa .marka small { font-size:12px; color:#131619; 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:#131619; 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:#131619; font-size:13px; font-weight:600; text-decoration:none;}
.icsayfasiparis .hesapmenu a:hover,
.icsayfasiparis .hesapmenu a.aktif,
.icsayfasiparis .hesapaksiyon a:hover { background:#27313B; 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:#131619; 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:#131619; 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:#131619; 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:#27313B; 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:#27313B; color:#fff; border-color:#27313B; text-decoration:none;}
.icsayfaurundetay .marka a { color:#131619; font-weight:600; text-decoration:none;}
.icsayfaurundetay .marka a:hover { color:#131619; text-decoration:none;}
.urunkutu .fiyat.fiyat-sorunuz { color:#131619; font-size:15px; line-height:1.25;}
.icsayfaurundetay .fiyat.fiyat-sorunuz { color:#131619;}
.icsayfaurundetay .sepeteekle.pasif { background:#4A4A4A; color:#fff;}
.icsayfaurundetay .sepeteekle.pasif:hover { background:#27313B; 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:16px; bottom:88px; width:min(390px, calc(100% - 32px)); min-height:64px; background:#27313B; border:0; border-radius:6px; box-shadow:0 18px 42px rgba(19,22,25,.22); display:flex; align-items:center; gap:13px; padding:13px 16px; z-index:10005; opacity:0; transform:translateY(16px); pointer-events:none; transition:opacity .25s ease, transform .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.error { background:#9D2222;}
.sitebildirim-metin { flex:1; min-width:0; color:#ffffff; font-size:13px; font-weight:500; line-height:1.5; overflow-wrap:anywhere;}
.sitebildirim-metin a { color:#ffffff; font-weight:600; text-decoration:underline;}
.sitebildirim-metin a:hover { color:#ffffff; text-decoration:none;}

.sepetonay { position:fixed; inset:0; z-index:10020; display:none; align-items:center; justify-content:center; padding:20px; }
.sepetonay.aktif { display:flex; }
.sepetonay-arka { position:absolute; inset:0; border:0; background:rgba(39,49,59,.56); cursor:pointer; }
.sepetonay-kutu { width:min(460px, 100%); position:relative; z-index:1; padding:42px 36px 34px; border:1px solid #ECE8E2; border-radius:8px; background:#ffffff; box-shadow:0 24px 70px rgba(0,0,0,.24); text-align:center; }
.sepetonay-kapat { width:36px; height:36px; position:absolute; top:13px; right:13px; display:flex; align-items:center; justify-content:center; padding:0; border:0; border-radius:50%; background:#FAFAFA; color:#131619; cursor:pointer; transition:.25s; }
.sepetonay-kapat:hover { background:#27313B; color:#ffffff; }
.sepetonay-ikon { width:62px; height:62px; display:flex; align-items:center; justify-content:center; margin:0 auto 20px; border-radius:50%; background:#EEF7F1; color:#22845B; font-size:25px; }
.sepetonay-baslik { margin-bottom:9px; color:#131619; font-size:23px; line-height:1.3; font-weight:600; }
.sepetonay-metin { color:#777777; font-size:14px; line-height:1.65; }
.sepetonay-butonlar { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:28px; }
.sepetonay-butonlar button,
.sepetonay-butonlar a { min-width:0; height:46px; display:flex; align-items:center; justify-content:center; padding:0 16px; border-radius:5px; font-size:13px; font-weight:600; text-decoration:none; cursor:pointer; transition:.25s; }
.sepetonay-devam { border:1px solid #DED8D0; background:#ffffff; color:#131619; }
.sepetonay-devam:hover { border-color:#27313B; background:#FAFAFA; }
.sepetonay-sepet { border:1px solid #27313B; background:#27313B; color:#ffffff; }
.sepetonay-sepet:hover { border-color:#B88A3B; background:#B88A3B; color:#ffffff; text-decoration:none; }
html.sepetmodal-acik { overflow-y:scroll; }
body.sepetmodal-acik { overflow-y:visible; }

.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:#131619; 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:#131619; font-size:13px; font-weight:600; text-decoration:none;}
.cerezuyari-metin a:hover { color:#131619; text-decoration:none;}
.cerezuyari button { min-width:104px; height:42px; border:0; border-radius:6px; background:#27313B; color:#fff; font-size:13px; font-weight:600; cursor:pointer;}
.cerezuyari button:hover { background:#4A4A4A;}

.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:#131619; box-shadow:0 8px 24px rgba(0,0,0,.12); cursor:pointer;}
.reklampopup-kapat:hover { background:#27313B; 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:#131619; 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:#27313B; 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:#131619; font-size:13px; font-weight:600; cursor:pointer;}
.reklampopup-alt button:hover { border-color:#27313B; color:#131619;}

.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:#FAFAFA; color:#131619;}
.odemesonucsayfa .odemeicerik { flex:1; min-width:0;}
.odemesonucsayfa .baslik { margin:0 0 10px 0; color:#131619; 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:#131619; 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:#27313B; 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:#131619; text-align:left; cursor:pointer;}
.siparisakordiyon-baslik span { font-size:14px; font-weight:600;}
.siparisakordiyon-baslik small { color:#777; font-size:12px; font-weight:600;}
.siparisakordiyon-baslik strong { color:#131619; 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:#27313B;}
.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:#131619; font-size:13px; font-weight:600; line-height:1.35;}

.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:#131619; line-height:1.55; overflow-wrap:anywhere;}
.icsayfadestek .bilgikutu .metin a { color:#131619; text-decoration:none;}
.icsayfadestek .bilgikutu .metin a:hover { color:#131619; 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:#27313B; box-shadow:0 0 0 3px rgba(39,49,59,.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:88px; width:auto; max-width:none;}
.sepetonay { padding:14px; }
.sepetonay-kutu { padding:38px 20px 22px; }
.sepetonay-baslik { font-size:20px; }
.sepetonay-butonlar { grid-template-columns:1fr; }
.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 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 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:#131619; font-size:14px; font-weight:600; line-height:1.45; overflow-wrap:anywhere;}

.bilgisayfa-kurumsal .baslik,
.bilgisayfa-iletisim .baslik { font-size:20px; line-height:1.3; font-weight:600; margin-bottom:20px;}
.bilgisayfa-kurumsal .kurumsal-yazi { background:#FAFAFA; border:1px solid #eee; border-radius:8px; padding:24px; font-size:13px; line-height:1.7; color:#131619;}
.bilgisayfa-kurumsal .kurumsal-yazi p { margin-bottom:12px;}
.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,
.bilgisayfa-kurumsal .kurumsal-yazi h4,
.bilgisayfa-kurumsal .kurumsal-yazi h5,
.bilgisayfa-kurumsal .kurumsal-yazi h6 { color:#131619; font-weight:600; line-height:1.35; margin:0 0 11px 0;}
.bilgisayfa-kurumsal .kurumsal-yazi h1 { font-size:18px;}
.bilgisayfa-kurumsal .kurumsal-yazi h2 { font-size:16px; margin-top:18px;}
.bilgisayfa-kurumsal .kurumsal-yazi h3 { font-size:14px; margin-top:16px;}
.bilgisayfa-kurumsal .kurumsal-yazi h4,
.bilgisayfa-kurumsal .kurumsal-yazi h5,
.bilgisayfa-kurumsal .kurumsal-yazi h6 { font-size:13px; margin-top:14px;}
.bilgisayfa-kurumsal .kurumsal-yazi ul,
.bilgisayfa-kurumsal .kurumsal-yazi ol { margin:0 0 14px 18px; padding:0;}
.bilgisayfa-kurumsal .kurumsal-yazi li { margin-bottom:6px; font-size:13px; line-height:1.65;}
.bilgisayfa-kurumsal .kurumsal-yazi table { font-size:13px; line-height:1.55;}
.bilgisayfa-kurumsal .kurumsal-yazi th,
.bilgisayfa-kurumsal .kurumsal-yazi td { padding:8px 10px;}
.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:#FAFAFA; color:#131619; 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:#131619; font-size:14px; font-weight:600; line-height:1.45; text-decoration:none; overflow-wrap:anywhere;}
.bilgi-kart strong a:hover { color:#131619; 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:#131619; font-size:17px; font-weight:600;}
.bilgi-harita .harita-baslik a { min-height:36px; border-radius:6px; background:#27313B; 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:#27313B; background:#FAFAFA;}
.icsayfasiparis .odemeformbox .odemekutu input { margin-top:4px; accent-color:#27313B;}
.icsayfasiparis .odemeformbox .odeme-metin { display:flex; flex-direction:column; gap:5px; min-width:0;}
.icsayfasiparis .odemeformbox .odeme-metin strong { color:#131619; 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:#131619;}
.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:#131619; 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:#131619; 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:#27313B; background:#FAFAFA; box-shadow:0 8px 22px rgba(39,49,59,.12);}
.checkout-provider-choice.active span { background:#27313B; 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:#27313B; box-shadow:0 0 0 3px rgba(39,49,59,.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:18px;}
.bilgisayfa-kurumsal .kurumsal-yazi,
.bilgi-iletisim-grid .yazi { padding:18px;}
.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:#131619; font-weight:600; text-decoration:none;}
.icsayfabilgisayfa a:hover,
.icsayfabilgisayfa .yazi a:hover,
.bilgisayfa-kurumsal a:hover,
.bilgisayfa-iletisim a:hover { color:#131619; text-decoration:none;}

.bilgisayfa-kurumsal .kurumsal-yazi,
.bilgisayfa-iletisim .iletisim-yazi { background:transparent; border:0; border-radius:0; padding:0; font-size:13px; line-height:1.7;}
.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:#131619; line-height:1.8;}
.hakkimizda-sayfa .hakkimizda-icerik h1 { font-size:20px;}
.hakkimizda-sayfa .hakkimizda-icerik h2 { font-size:18px; line-height:1.3; margin:8px 0 13px 0;}
.hakkimizda-sayfa .hakkimizda-icerik h3 { font-size:15px;}
.hakkimizda-sayfa .hakkimizda-icerik p { margin:0;}
.hakkimizda-sayfa .hakkimizda-icerik h1,
.hakkimizda-sayfa .hakkimizda-icerik h2,
.hakkimizda-sayfa .hakkimizda-icerik h3 { color:#131619; font-weight:600;}
.hakkimizda-sayfa .kirmizi-etiket { color:#131619; 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:#131619; font-size:14px; font-weight:600; margin-bottom:7px;}
.bilgisayfa-iletisim .iletisim-bilgi p { color:#131619; font-size:13px; 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:#131619; font-size:13px; 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:#131619; 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:#131619; display:inline-flex; align-items:center; justify-content:center; font-size:13px; font-weight:600; text-decoration:none;}
.anasayfablog .tum-link:hover { background:#27313B; 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:#27313B; 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:#131619;}
.blog-card h2 a { color:#131619; text-decoration:none;}
.blog-card h2 a:hover { color:#131619;}
.blog-card p { min-height:66px; margin:0 0 18px 0; color:#666; font-size:14px; line-height:1.6;}
.blog-card-link { color:#131619; font-size:13px; font-weight:600; text-decoration:none;}
.blog-card-link:hover { color:#131619; 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:#131619; font-size:13px; font-weight:600; margin-bottom:8px;}
.blogsayfa-ust h1 { margin:0; color:#131619; 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:#131619; 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:#27313B; 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:#131619; 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:#131619; font-size:16px; line-height:1.85;}
.blogdetay-yazi p { margin-bottom:18px;}
.blogdetay-yazi h2,
.blogdetay-yazi h3,
.blogdetay-yazi h4 { color:#131619; 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 #27313B; background:#FAFAFA; color:#131619;}
.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:#FAFAFA;color:#131619}
.satispilot-popup-ikon{width:42px;height:42px;border-radius:12px;background:#27313B;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:#131619;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:#131619;font-size:12px;font-weight:700;cursor:pointer}
.satispilot-popup-alt button:first-child{border-color:#27313B;background:#27313B;color:#fff}
.satispilot-popup-alt button:hover{border-color:#27313B;color:#131619}
.satispilot-popup-alt button:first-child:hover{background:#B88A3B;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:#131619}
.ai-chatbot-msg.user{align-self:flex-end;background:#27313B;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:#131619;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:#27313B;box-shadow:0 0 0 3px rgba(39,49,59,.10)}
.ai-chatbot-form button{border:0;background:#27313B;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%}}

.container { width:100%; max-width:1700px; margin:0 auto; padding:0 20px; }

.ustbilgialani { width:100%; height:34px; background:#27313B; display:flex; align-items:center; }
.ustbilgialani .container { width:100%; max-width:1700px; margin:0 auto; padding:0 20px; }
.ustbilgiicerik { display:flex; align-items:center; justify-content:space-between; }
.ustbilgisol { display:flex; align-items:center; gap:24px; font-family:"Montserrat",sans-serif; font-size:13px; font-weight:400; color:#e4e7ea; }
.ustbilgisol > span:not(.ustbilginokta) { font-weight:400; }
.ustbilgisol strong { font-weight:600; color:#ffffff; }
.ustbilginokta { font-size:14px; color:#ffffff; }
.ustbilgisag { display:flex; align-items:center; gap:28px; }
.ustbilgisag a { display:flex; align-items:center; gap:8px; font-size:13px; font-weight:400; color:#e4e7ea; text-decoration:none; transition:0.3s; }
.ustbilgisag a:hover { color:#ffffff; }
.ustbilgisag img { width:18px; height:16px; object-fit:contain; }

@media (max-width:768px) {
.ustbilgialani { height:auto; padding:8px 0; }
.ustbilgiicerik { justify-content:center; }
.ustbilgisol { justify-content:center; gap:8px; font-size:11px; text-align:center; }
.ustbilgisag { display:none; }
}

.ustmenu { width:100%; height:90px; position:relative; z-index:1000; background:#ffffff; }
.ustmenu .container { width:100%; max-width:1700px; height:100%; margin:0 auto; padding:0 20px; }
#header { width:100%; height:100%; position:relative; display:flex; align-items:center; justify-content:space-between; }
.logo { flex-shrink:0; }
.logo a { display:block; }
.logo img { width:100%; height:auto; display:block; }
.mobilmenubuton { width:38px; height:38px; display:none; align-items:center; justify-content:center; flex-direction:column; gap:5px; border:0; background:none; cursor:pointer; }
.mobilmenubuton span { width:24px; height:2px; display:block; background:#27313B; border-radius:2px; }
.mobilmenubuton img { width:26px; height:26px; display:block; }
nav { height:100%; display:flex; align-items:center; }
nav > ul { height:100%; display:flex; align-items:center; gap:18px; margin:0; padding:0; list-style:none; }
nav > ul > li { height:100%; position:relative; display:flex; align-items:center; }
nav > ul > li > a { font-size:13px; font-weight:600; color:#131619; text-decoration:none; white-space:nowrap; transition:0.3s; }
nav > ul > li.dropdown > a { display:inline-flex; align-items:center; gap:7px; }
nav > ul > li.dropdown > a::after { content:""; width:6px; height:6px; flex:0 0 6px; border-right:1px solid currentColor; border-bottom:1px solid currentColor; transform:rotate(45deg) translateY(-2px); transition:transform .25s; }
nav a[href^="kategori/"] { text-transform:uppercase; }
nav > ul > li > a:hover { color:#B88A3B; }
nav > ul > li > a.yenirenk { color:#B88A3B; }
.submenu { min-width:210px; position:absolute; top:100%; left:0; z-index:100; margin:0; padding:12px 0; background:#ffffff; border-top:2px solid #B88A3B; box-shadow:0 8px 25px rgba(0,0,0,0.10); list-style:none; opacity:0; visibility:hidden; transform:translateY(10px); transition:0.3s; }
.dropdown:hover > .submenu { opacity:1; visibility:visible; transform:translateY(0); }
.submenu li { width:100%; }
.submenu li a { display:block; padding:10px 18px; font-size:13px; font-weight:400; color:#131619; text-decoration:none; transition:0.3s; }
.submenu li a:hover { color:#B88A3B; background:#f8f8f8; }
.ustmenu .sagalan { display:flex; align-items:center; gap:20px; flex-shrink:0; }
.ustmenu .menuikon { position:relative; display:flex; align-items:center; justify-content:center; padding:0; border:0; background:transparent; box-shadow:none; appearance:none; line-height:1; text-decoration:none; cursor:pointer; }
.ustmenu .menuikon img { width:22px; height:22px; display:block; object-fit:contain; }
.ustmenu .ikonsayi { min-width:16px; height:16px; position:absolute; top:-8px; right:-9px; display:flex; align-items:center; justify-content:center; padding:0 4px; border-radius:50px; background:#27313B; font-size:10px; color:#ffffff; }
.ustmenu .sepetadet { background:#9A684F; }
.ustmenu .indirimliurun-adet { background:#B88A3B; }
.indirimliurun-tooltip { position:absolute; top:calc(100% + 15px); left:50%; z-index:150; display:block; padding:8px 11px; border-radius:4px; background:#B88A3B; color:#ffffff; font-size:11px; line-height:1; font-weight:500; white-space:nowrap; opacity:0; visibility:hidden; transform:translate(-50%, -5px); pointer-events:none; transition:opacity .25s, transform .25s, visibility .25s; }
.indirimliurun-tooltip::before { content:""; position:absolute; left:50%; bottom:100%; border:5px solid transparent; border-bottom-color:#B88A3B; transform:translateX(-50%); }
.indirimliurun-kisayol:hover .indirimliurun-tooltip,
.indirimliurun-kisayol.tooltip-aktif .indirimliurun-tooltip { opacity:1; visibility:visible; transform:translate(-50%, 0); }
@keyframes indirimZilTitre {
0%, 100% { transform:rotate(0); }
15% { transform:rotate(13deg); }
30% { transform:rotate(-11deg); }
45% { transform:rotate(9deg); }
60% { transform:rotate(-7deg); }
75% { transform:rotate(4deg); }
}
.indirimliurun-kisayol.zil-titre > img { transform-origin:50% 12%; animation:indirimZilTitre .8s ease-in-out; }

@media (max-width:1400px) {
.logo { width:220px; }
nav > ul { gap:16px; }
nav > ul > li > a { font-size:13px; }
.ustmenu .sagalan { gap:15px; }
}

@media (max-width:1200px) {
.ustmenu { height:75px; }
.logo { width:200px; }
.mobilmenubuton { display:flex; order:3; }
nav { width:100%; height:auto; position:absolute; top:100%; left:0; z-index:999; display:none; padding:15px 20px; background:#ffffff; box-shadow:0 10px 20px rgba(0,0,0,0.10); }
nav.aktif { display:block; }
nav > ul { width:100%; height:auto; display:block; }
nav > ul > li { width:100%; height:auto; display:block; border-bottom:1px solid #eeeeee; }
nav > ul > li > a { display:block; padding:13px 0; }
nav > ul > li.dropdown > a { display:flex; justify-content:space-between; }
nav > ul > li.dropdown.aktif > a::after { transform:rotate(225deg) translate(-1px,-1px); }
.submenu { width:100%; min-width:0; position:static; display:none; padding:0 0 8px 15px; border-top:0; box-shadow:none; opacity:1; visibility:visible; transform:none; }
.dropdown.aktif > .submenu { display:block; }
.ustmenu .sagalan { margin-left:auto; margin-right:22px; }
}

@media (max-width:576px) {
.ustmenu { height:65px; }
.ustmenu .container { padding:0 15px; }
.logo { width:118px; }
.ustmenu .logo img { max-height:48px; }
.ustmenu .sagalan { gap:12px; margin-right:15px; }
.ustmenu .menuikon img { width:21px; height:21px; }
nav { top:100%; padding:12px 15px; }
}

@media (max-width:380px) {
.logo { width:102px; }
.ustmenu .logo img { max-height:43px; }
.ustmenu .sagalan { gap:8px; margin-right:8px; }
}

.ustmenu .logo img { max-height:65px; object-fit:contain; }
.ustmenu .sagalan > .menuikon,
.ustmenu .sagalan .uyegirisalan,
.ustmenu .sagalan .sepetim { width:24px; height:24px; flex:0 0 24px; }
.ustmenu .sagalan .uyegiris { width:24px; height:24px; display:flex; align-items:center; justify-content:center; padding:0; border:0; background:none; cursor:pointer; }
.ustmenu .sagalan .uyegiris img,
.ustmenu .sagalan .sepetim img,
.ustmenu .sagalan .menuikon img { margin:0; }
.ustmenu .arama-toggle.aktif img { display:none; }
.ustmenu .arama-toggle.aktif:before { content:"×"; font-size:31px; font-weight:300; line-height:1; color:#131619; }
.uyegirisalan { position:relative; }
.uyegirismenu { min-width:210px; position:absolute; top:calc(100% + 15px); right:0; z-index:130; display:none; padding:10px 0; background:#ffffff; border-top:2px solid #B88A3B; box-shadow:0 12px 30px rgba(39,49,59,0.14); }
.uyegirismenu.aktif { display:block; }
.uyegirismenu a { display:block; padding:9px 15px; font-size:13px; line-height:1.35; color:#131619; text-decoration:none; white-space:nowrap; }
.uyegirismenu a:hover { color:#B88A3B; background:#FAFAFA; text-decoration:none; }
.lokalizasyonalan { display:flex; justify-content:flex-end; gap:8px; padding:8px 20px 0; }
.lokalizasyonkutu { position:relative; }
.lokalizasyonbtn { height:30px; border:1px solid #e7e2d8; background:#ffffff; padding:0 10px; font-size:12px; color:#131619; cursor:pointer; }
.lokalizasyonmenu { min-width:82px; position:absolute; right:0; top:100%; z-index:120; display:none; background:#ffffff; box-shadow:0 10px 25px rgba(39,49,59,0.12); }
.lokalizasyonmenu.aktif { display:block; }
.lokalizasyonmenu a { display:block; padding:8px 10px; color:#131619; font-size:12px; text-decoration:none; }
.lokalizasyonmenu a.aktif,
.lokalizasyonmenu a:hover { color:#B88A3B; background:#FAFAFA; text-decoration:none; }
.header-arama-panel { width:100%; min-height:70px; position:absolute; left:0; top:100%; z-index:120; display:none; align-items:center; gap:18px; padding:0 20px; border-top:1px solid #F1F1F1; background:#ffffff; box-shadow:0 14px 30px rgba(39,49,59,0.08); }
.header-arama-panel.aktif { display:flex; }
.arama-popup-baslik { display:none; }
.arama-popup-icerik { flex:1; min-width:0; position:relative; display:flex; align-items:center; gap:18px; }
.header-arama-panel input { flex:1; height:70px; padding:0; border:0; background:transparent; box-shadow:none; font-size:14px; font-weight:400; color:#131619; }
.header-arama-panel .arama-popup-icerik button[type="submit"] { min-width:70px; height:40px; position:static; display:flex; align-items:center; justify-content:center; padding:0 22px; border:0; border-radius:40px; background:#EFEFEF; color:#131619; font-size:12px; font-weight:600; cursor:pointer; }
.header-arama-panel .arama-popup-icerik button[type="submit"]:before { content:"ARA"; }
.header-arama-panel .arama-popup-icerik button[type="submit"]:hover { background:#27313B; color:#ffffff; }
.header-arama-panel .arama-popup-icerik button[type="submit"] img { display:none; }
.arama-popup-kapat { display:none; }
.header-arama-panel .akilli-arama-sonuc { width:calc(100% - 88px); max-height:360px; position:absolute; top:68px; left:0; right:auto; z-index:121; display:none; overflow:auto; border-radius:0 0 6px 6px; background:#ffffff; box-shadow:0 18px 45px rgba(0,0,0,0.16); }
.header-arama-panel .akilli-arama-sonuc.aktif { display:block; }
.akilli-arama-item { display:flex; align-items:center; gap:12px; padding:10px 14px; color:#131619; text-decoration:none; border-bottom:1px solid #f0ece5; }
.akilli-arama-item:hover { color:#B88A3B; text-decoration:none; background:#FAFAFA; }
.akilli-arama-resim { width:48px; height:48px; display:flex; align-items:center; justify-content:center; background:#FAFAFA; }
.akilli-arama-resim img { max-width:100%; max-height:100%; object-fit:contain; }
.akilli-arama-text strong { display:block; font-size:13px; line-height:1.35; font-weight:600; color:#131619; }
.akilli-arama-text small { display:block; margin-top:3px; font-size:12px; color:#B88A3B; }

@media (max-width:576px) {
.header-arama-panel { min-height:62px; padding:0 15px; }
.header-arama-panel input { height:62px; font-size:13px; }
.header-arama-panel .arama-popup-icerik button[type="submit"] { min-width:62px; height:36px; padding:0 17px; }
.header-arama-panel .akilli-arama-sonuc { width:100%; top:60px; }
}

.anaslider:not(.slick-initialized),
.anasayfaurun:not(.slick-initialized),
.kategorilerliste:not(.slick-initialized),
.coksatanurunler:not(.slick-initialized),
.yorumlarliste:not(.slick-initialized) {
display:flex;
align-items:stretch;
overflow:hidden;
}
.anaslider:not(.slick-initialized) { flex-wrap:wrap; }
.anaslider:not(.slick-initialized)::after { content:""; flex:0 0 100%; height:26px; }
.anaslider:not(.slick-initialized) > .slideroge {
flex:0 0 calc(20% - 6px);
margin:0 3px;
}
.anasayfaurun:not(.slick-initialized) > .urunoge,
.coksatanurunler:not(.slick-initialized) > .coksatanurun {
flex:0 0 calc(20% - 10px);
margin:0 5px;
}
.kategorilerliste:not(.slick-initialized) > .kategorioge {
flex:0 0 calc(33.333333% - 14px);
margin:0 7px;
}
.yorumlarliste:not(.slick-initialized) > .yorumoge {
flex:0 0 calc(25% - 10px);
margin:0 5px;
}

@media (max-width:1400px) {
.anaslider:not(.slick-initialized) > .slideroge,
.anasayfaurun:not(.slick-initialized) > .urunoge,
.coksatanurunler:not(.slick-initialized) > .coksatanurun {
flex-basis:calc(25% - 10px);
}
.anaslider:not(.slick-initialized) > .slideroge {
flex-basis:calc(25% - 6px);
}
}

@media (max-width:1200px) {
.yorumlarliste:not(.slick-initialized) > .yorumoge {
flex-basis:calc(33.333333% - 10px);
}
}

@media (max-width:1100px) {
.anaslider:not(.slick-initialized) > .slideroge,
.anasayfaurun:not(.slick-initialized) > .urunoge,
.coksatanurunler:not(.slick-initialized) > .coksatanurun {
flex-basis:calc(33.333333% - 10px);
}
.anaslider:not(.slick-initialized) > .slideroge {
flex-basis:calc(33.333333% - 6px);
}
}

@media (max-width:992px) {
.kategorilerliste:not(.slick-initialized) > .kategorioge {
flex-basis:calc(50% - 14px);
}
}

@media (max-width:768px) {
.anaslider:not(.slick-initialized) > .slideroge,
.anasayfaurun:not(.slick-initialized) > .urunoge,
.coksatanurunler:not(.slick-initialized) > .coksatanurun,
.yorumlarliste:not(.slick-initialized) > .yorumoge {
flex-basis:calc(50% - 10px);
}
.anaslider:not(.slick-initialized) > .slideroge {
flex-basis:calc(50% - 8px);
margin:0 4px;
}
.anasayfaurun:not(.slick-initialized) > .urunoge,
.coksatanurunler:not(.slick-initialized) > .coksatanurun,
.yorumlarliste:not(.slick-initialized) > .yorumoge {
margin:0 4px;
}
}

@media (max-width:576px) {
.anaslider:not(.slick-initialized)::after { height:21px; }
.anaslider:not(.slick-initialized) > .slideroge,
.anasayfaurun:not(.slick-initialized) > .urunoge,
.kategorilerliste:not(.slick-initialized) > .kategorioge,
.coksatanurunler:not(.slick-initialized) > .coksatanurun,
.yorumlarliste:not(.slick-initialized) > .yorumoge {
flex-basis:100%;
}
}




.slideralani { width:100%; position:relative; padding:30px 18px 22px; background:#F7F3EC; overflow:hidden; }
.anaslider { width:100%; opacity:1; visibility:visible; transition:opacity .28s ease; }
.slideralani.slider-yukleniyor .anaslider { opacity:0; visibility:hidden; }
.slider-yukleyici { position:absolute; inset:0; z-index:12; display:flex; align-items:center; justify-content:center; background:#F7F3EC; opacity:0; visibility:hidden; pointer-events:none; transition:opacity .2s ease, visibility .2s ease; }
.slideralani.slider-yukleniyor .slider-yukleyici { opacity:1; visibility:visible; }
.slider-yukleyici span { width:36px; height:36px; display:block; border:3px solid rgba(184,138,59,.22); border-top-color:#B88A3B; border-radius:50%; animation:sliderYukleniyor .75s linear infinite; }
@keyframes sliderYukleniyor { to { transform:rotate(360deg); } }
.anaslider .slick-list { margin:0 -3px; overflow:hidden; }
.anaslider .slick-slide { margin:0 3px; }
.slideroge { height:570px; position:relative; overflow:hidden; border-radius:11px; }
.slideroge > img { width:100%; height:100%; display:block; object-fit:cover; transition:0.6s; }
.slideroge:hover > img { transform:scale(1.03); }
.slidertamlink { position:absolute; inset:0; z-index:4; display:block; border-radius:inherit; }
.slidertamlink:focus-visible { outline:3px solid #ffffff; outline-offset:-6px; }
.slidergolge { width:100%; height:55%; position:absolute; left:0; bottom:0; background:linear-gradient(to bottom,rgba(39,49,59,0),rgba(39,49,59,0.95)); pointer-events:none; }
.slidericerik { width:100%; position:absolute; left:0; bottom:68px; z-index:2; padding:0 25px; text-align:center; color:#ffffff; }
.sliderbaslik { margin-bottom:2px; font-size:19px; line-height:1.25; font-weight:600; white-space:nowrap; }
.slideraciklama { min-height:24px; font-size:15px; line-height:1.35; font-weight:400; }
.sliderbuton { min-width:200px; height:42px; display:inline-flex; align-items:center; justify-content:center; margin-top:21px; padding:0 22px; border:1px solid #ffffff; border-radius:30px; font-size:14px; font-weight:400; color:#ffffff; text-decoration:none; transition:0.3s; }
.slideroge:hover .sliderbuton { background:#ffffff; color:#131619; transform:translateY(-3px); box-shadow:0 8px 22px rgba(0,0,0,.16); }
.anaslider .slick-arrow { display:none !important; }
.anaslider .slick-dots { display:flex !important; align-items:center; justify-content:center; gap:7px; margin:18px 0 0; padding:0; list-style:none; }
.anaslider .slick-dots li { width:auto; height:auto; margin:0; padding:0; list-style:none; }
.anaslider .slick-dots li::before { display:none; content:none; }
.anaslider .slick-dots button { width:8px; height:8px; display:block; margin:0; padding:0; overflow:hidden; border:0; border-radius:10px; background:rgba(39,49,59,0.30); font-size:0; line-height:0; color:transparent; text-indent:-9999px; cursor:pointer; transition:0.3s; }
.anaslider .slick-dots button::before { display:none; content:none; }
.anaslider .slick-dots .slick-active button { width:35px; background:#27313B; }

@media (max-width:1400px) {
.slideroge { height:520px; }
.sliderbaslik { font-size:19px; }
.slideraciklama { font-size:15px; }
.slidericerik { bottom:55px; padding:0 18px; }
}

@media (max-width:991px) {
.slideralani { padding:20px 15px 22px; }
.slideroge { height:500px; }
.sliderbaslik { font-size:19px; white-space:normal; }
.slideraciklama { font-size:15px; }
}

@media (max-width:576px) {
.slideralani { padding:12px 10px 18px; }
.anaslider .slick-list { margin:0 -4px; }
.anaslider .slick-slide { margin:0 4px; }
.slideroge { height:470px; border-radius:9px; }
.slidericerik { bottom:42px; padding:0 15px; }
.sliderbaslik { font-size:19px; white-space:normal; }
.slideraciklama { min-height:22px; font-size:15px; }
.sliderbuton { min-width:175px; height:39px; margin-top:17px; padding:0 16px; font-size:12px; }
.anaslider .slick-dots { gap:6px; margin-top:14px; }
.anaslider .slick-dots button { width:7px; height:7px; }
.anaslider .slick-dots .slick-active button { width:35px; }
}

@media (prefers-reduced-motion:reduce) {
.anaslider { transition:none; }
.slider-yukleyici span { animation:none; }
}





.anasayfaurunalani { width:100%; padding:65px 0 70px; background:#ffffff; overflow:hidden; }
.anasayfaurunalani .container { width:100%; max-width:1700px; margin:0 auto; padding:0 20px; }
.uruntabmenu { display:flex; align-items:center; gap:28px; margin-bottom:32px; }
.uruntabbuton { padding:0; border:0; background:transparent; font-size:16px; line-height:1.3; font-weight:600; color:#717A82; cursor:pointer; transition:0.3s; }
.uruntabbuton:hover { color:#131619; }
.uruntabbuton.aktif { color:#131619; }
.uruntabicerik { display:none; }
.uruntabicerik.aktif { display:block; }
.anasayfaurun { width:100%; }

.anasayfaurun .slick-list { margin:0 -5px; overflow:hidden; }
.anasayfaurun .slick-slide { margin:0 5px; }
.urunoge { min-width:0; }
.urungorsel { width:100%; height:445px; position:relative; display:block; overflow:hidden; border-radius:11px; background:#FAFAFA; }
.urungorsel img { width:100%; height:100%; display:block; object-fit:cover; transition:0.5s; }
.urungorsel:hover img { transform:scale(1.03); }
.urun-stok-tukendi { min-height:34px; position:absolute; top:50%; left:50%; z-index:8; display:inline-flex; align-items:center; justify-content:center; padding:0 15px; border-radius:4px; background:rgba(19,22,25,.88); color:#ffffff; font-size:12px; line-height:1; font-weight:600; white-space:nowrap; transform:translate(-50%,-50%); }
.urunoge.stok-tukendi .urungorsel img,
.coksatanurun.stok-tukendi .coksatangorsel img { opacity:.48; filter:grayscale(.2); }
.urunoge.stok-tukendi .urungorsel:hover img,
.coksatanurun.stok-tukendi:hover .coksatangorsel img { transform:none; }
.urunadi { display:block; margin-top:14px; overflow:hidden; font-size:15px; line-height:1.35; font-weight:400; color:#131619; text-decoration:none; white-space:nowrap; text-overflow:ellipsis; transition:0.3s; }
.urunadi:hover { color:#B88A3B; }
.urunfiyat { display:flex; align-items:center; gap:7px; margin-top:2px; }
.urunfiyat del { font-size:13px; line-height:1.3; font-weight:400; color:#737A80; }
.urunfiyat strong { font-size:17px; line-height:1.3; font-weight:700; color:#131619; }
.havale { margin-top:7px; font-size:12px; line-height:1.3; font-weight:400; color:#7A838B; }
.anasayfaurun,
.coksatanurunler { --urun-slider-gorsel-yuksekligi:445px; }
.anasayfaurun .slick-arrow,
.coksatanurunler .slick-arrow { width:42px; height:42px; position:absolute; top:calc(var(--urun-slider-gorsel-yuksekligi) / 2); z-index:5; display:flex !important; align-items:center; justify-content:center; margin:0; padding:0; border:1px solid rgba(19,22,25,0.08); border-radius:50%; background:#ffffff; box-shadow:0 3px 15px rgba(39,49,59,0.18); font-size:0; line-height:0; color:#131619; cursor:pointer; transform:translateY(-50%); transition:background-color .3s, border-color .3s, color .3s, box-shadow .3s; }
.anasayfaurun .slick-arrow:hover,
.coksatanurunler .slick-arrow:hover { background:#27313B; color:#ffffff; }
.anasayfaurun .slick-prev,
.coksatanurunler .slick-prev { left:15px; }
.anasayfaurun .slick-next,
.coksatanurunler .slick-next { right:15px; }
.anasayfaurun .slick-arrow::before,
.coksatanurunler .slick-arrow::before { content:""; width:9px; height:9px; display:block; border-top:2px solid #131619; border-right:2px solid #131619; opacity:1; }
.anasayfaurun .slick-arrow:hover::before,
.coksatanurunler .slick-arrow:hover::before { border-color:#ffffff; }
.anasayfaurun .slick-prev::before,
.coksatanurunler .slick-prev::before { margin-left:3px; transform:rotate(-135deg); }
.anasayfaurun .slick-next::before,
.coksatanurunler .slick-next::before { margin-right:3px; transform:rotate(45deg); }
.anasayfaurun .slick-disabled { opacity:0; visibility:hidden; }
.anasayfaurun .slick-dots { display:none !important; }

@media (max-width:1400px) {
.urungorsel { height:400px; }
.anasayfaurun,
.coksatanurunler { --urun-slider-gorsel-yuksekligi:400px; }
}

@media (max-width:1100px) {
.anasayfaurunalani { padding:50px 0 55px; }
.urungorsel { height:420px; }
.anasayfaurun,
.coksatanurunler { --urun-slider-gorsel-yuksekligi:420px; }
}

@media (max-width:767px) {
.anasayfaurunalani { padding:38px 0 45px; }
.anasayfaurunalani .container { padding:0 15px; }
.uruntabmenu { gap:20px; margin-bottom:25px; overflow-x:auto; scrollbar-width:none; }
.uruntabmenu::-webkit-scrollbar { display:none; }
.uruntabbuton { flex-shrink:0; font-size:14px; }
.urungorsel { height:390px; }
.anasayfaurun,
.coksatanurunler { --urun-slider-gorsel-yuksekligi:390px; }
}

@media (max-width:576px) {
.anasayfaurunalani { padding:30px 0 38px; }
.anasayfaurunalani .container { padding:0 10px; }
.uruntabmenu { gap:18px; margin-bottom:20px; }
.uruntabbuton { font-size:13px; }
.anasayfaurun .slick-list { margin:0 -4px; padding-right:45px; }
.anasayfaurun .slick-slide { margin:0 4px; }
.urungorsel { height:390px; border-radius:9px; }
.urunadi { margin-top:11px; font-size:14px; }
.urunfiyat del { font-size:12px; }
.urunfiyat strong { font-size:16px; }
.havale { margin-top:5px; font-size:11px; }
.anasayfaurun .slick-arrow { display:none !important; }
}



.anasayfahakkimizda { width:100%; padding:0 0 70px; background:#ffffff; }
.anasayfahakkimizda .container { width:100%; max-width:1920px; margin:0 auto; padding:0 22px; }
.hakkimizdazemin { width:100%; min-height:460px; display:flex; align-items:center; overflow:hidden; border-radius:11px; background-image:url("../img/genel/anasayfahakkimizda.webp"); background-position:center center; background-repeat:no-repeat; background-size:cover; }
.hakkimizdaicerik { width:56%; padding:55px 0 55px 87px; }
.hakkimizdabaslik { margin-bottom:25px; font-family:"Dancing Script",cursive; font-size:48px; line-height:1.15; font-weight:500; color:#131619; }
.hakkimizdametin { max-width:920px; font-size:15px; line-height:1.75; font-weight:400; color:#131619; }

@media (max-width:1400px) {
.hakkimizdazemin { min-height:420px; }
.hakkimizdaicerik { width:58%; padding:45px 0 45px 65px; }
.hakkimizdabaslik { margin-bottom:20px; font-size:43px; }
.hakkimizdametin { font-size:14px; line-height:1.7; }
}

@media (max-width:991px) {
.anasayfahakkimizda { padding-bottom:55px; }
.anasayfahakkimizda .container { padding:0 15px; }
.hakkimizdazemin { min-height:430px; background-position:62% center; }
.hakkimizdazemin::before { content:""; width:100%; height:100%; position:absolute; inset:0; background:linear-gradient(90deg,rgba(250,250,250,0.96) 0%,rgba(250,250,250,0.88) 55%,rgba(250,250,250,0.10) 100%); }
.hakkimizdazemin { position:relative; }
.hakkimizdaicerik { width:68%; position:relative; z-index:1; padding:40px; }
.hakkimizdabaslik { font-size:40px; }
}

@media (max-width:767px) {
.hakkimizdazemin { min-height:540px; align-items:flex-start; background-color:#faf8f5; background-image:url("../img/genel/anasayfahakkimizda-mobil.webp"); background-position:center bottom; background-size:100% auto; }
.hakkimizdazemin::before { height:58%; bottom:auto; background:linear-gradient(180deg,#faf8f5 0%,rgba(250,248,245,0.98) 78%,rgba(250,248,245,0) 100%); }
.hakkimizdaicerik { width:100%; padding:38px 30px; }
.hakkimizdabaslik { margin-bottom:18px; font-size:38px; }
.hakkimizdametin { font-size:14px; line-height:1.65; }
}

@media (max-width:576px) {
.anasayfahakkimizda { padding-bottom:38px; }
.anasayfahakkimizda .container { padding:0 10px; }
.hakkimizdazemin { min-height:520px; border-radius:9px; background-position:center bottom; }
.hakkimizdaicerik { padding:30px 22px; }
.hakkimizdabaslik { margin-bottom:15px; font-size:34px; }
.hakkimizdametin { font-size:13px; line-height:1.6; }
}






.anasayfakategoriler { width:100%; padding:70px 0; background:#ffffff; overflow:hidden; }
.anasayfakategoriler .container { width:100%; max-width:1750px; margin:0 auto; padding:0 20px; }
.kategorilerliste { width:100%; }
.kategorilerliste .slick-list { margin:0 -7px; overflow:hidden; }
.kategorilerliste .slick-slide { margin:0 7px; }
.kategorioge { display:block; min-width:0; color:#131619; text-align:center; text-decoration:none; }
.kategorigorsel { width:100%; height:363px; overflow:hidden; border-radius:11px; background:#FAFAFA; }
.kategorigorsel img { width:100%; height:100%; display:block; object-fit:cover; transition:0.5s; }
.kategorioge:hover .kategorigorsel img { transform:scale(1.03); }
.kategoriadi { margin-top:16px; font-size:18px; line-height:1.3; font-weight:600; color:#131619; text-transform:uppercase; transition:0.3s; }
.kategorioge:hover .kategoriadi { color:#B88A3B; }
.kategorilerliste .slick-arrow { display:none !important; }
.kategorilerliste .slick-dots { display:flex !important; align-items:center; justify-content:center; gap:7px; margin:22px 0 0; padding:0; list-style:none; }
.kategorilerliste .slick-dots li { width:auto; height:auto; margin:0; padding:0; list-style:none; }
.kategorilerliste .slick-dots li::before { display:none; content:none; }
.kategorilerliste .slick-dots button { width:8px; height:8px; display:block; margin:0; padding:0; overflow:hidden; border:0; border-radius:10px; background:rgba(39,49,59,0.30); font-size:0; line-height:0; color:transparent; text-indent:-9999px; cursor:pointer; transition:0.3s; }
.kategorilerliste .slick-dots button::before { display:none; content:none; }
.kategorilerliste .slick-dots .slick-active button { width:35px; background:#27313B; }

@media (max-width:1200px) {
.anasayfakategoriler { padding:55px 0; }
.kategorigorsel { height:310px; }
}

@media (max-width:991px) {
.kategorigorsel { height:300px; }
.kategoriadi { margin-top:13px; font-size:17px; }
}

@media (max-width:767px) {
.anasayfakategoriler { padding:45px 0; }
.anasayfakategoriler .container { padding:0 15px; }
.kategorigorsel { height:330px; }
}

@media (max-width:576px) {
.anasayfakategoriler { padding:35px 0; }
.anasayfakategoriler .container { padding:0 10px; }
.kategorilerliste .slick-list { margin:0 -4px; padding-right:45px; }
.kategorilerliste .slick-slide { margin:0 4px; }
.kategorigorsel { height:250px; border-radius:9px; }
.kategoriadi { margin-top:11px; font-size:16px; }
.kategorilerliste .slick-dots { gap:6px; margin-top:17px; }
.kategorilerliste .slick-dots button { width:7px; height:7px; }
.kategorilerliste .slick-dots .slick-active button { width:35px; }
}



.anasayfacoksatanlar { width:100%; padding:55px 0 70px; background:#ffffff; overflow:hidden; }
.anasayfacoksatanlar .container { width:100%; max-width:1700px; margin:0 auto; padding:0 20px; }
.coksatanbaslikalani { width:100%; display:flex; align-items:center; gap:25px; margin-bottom:28px; }
.coksatanbaslik { flex-shrink:0; font-size:17px; line-height:1.3; font-weight:700; color:#131619; }
.coksatancizgi { width:100%; height:1px; background:#D1D1D1; }
.coksatanurunler { width:100%; }
.coksatanurunler .slick-list { margin:0 -5px; overflow:hidden; }
.coksatanurunler .slick-slide { margin:0 5px; }
.coksatanurun { min-width:0; }
.coksatangorsel { width:100%; height:445px; position:relative; display:block; overflow:hidden; border-radius:11px; background:#FAFAFA; }
.coksatangorsel img { width:100%; height:100%; display:block; object-fit:cover; transition:0.5s; }
.coksatanurun:hover .coksatangorsel img { transform:scale(1.03); }
.coksatanurunadi { display:block; margin-top:14px; overflow:hidden; font-size:15px; line-height:1.35; font-weight:400; color:#131619; text-decoration:none; white-space:nowrap; text-overflow:ellipsis; transition:0.3s; }
.coksatanurunadi:hover { color:#B88A3B; }
.coksatanfiyat { display:flex; align-items:center; gap:7px; margin-top:2px; }
.coksatanfiyat del { font-size:13px; line-height:1.3; font-weight:400; color:#737A80; }
.coksatanfiyat strong { font-size:17px; line-height:1.3; font-weight:700; color:#131619; }
.coksatanhavale { margin-top:7px; font-size:12px; line-height:1.3; font-weight:400; color:#7A838B; }
.coksatanurunler .slick-dots { display:none !important; }

@media (max-width:1400px) {
.coksatangorsel { height:400px; }
}

@media (max-width:1100px) {
.anasayfacoksatanlar { padding:50px 0 55px; }
.coksatangorsel { height:420px; }
}

@media (max-width:767px) {
.anasayfacoksatanlar { padding:40px 0 45px; }
.anasayfacoksatanlar .container { padding:0 15px; }
.coksatanbaslikalani { gap:18px; margin-bottom:23px; }
.coksatanbaslik { font-size:15px; }
.coksatangorsel { height:390px; }
}

@media (max-width:576px) {
.anasayfacoksatanlar { padding:32px 0 38px; }
.anasayfacoksatanlar .container { padding:0 10px; }
.coksatanbaslikalani { gap:13px; margin-bottom:19px; }
.coksatanbaslik { font-size:14px; }
.coksatanurunler .slick-list { margin:0 -4px; padding-right:45px; }
.coksatanurunler .slick-slide { margin:0 4px; }
.coksatangorsel { height:390px; border-radius:9px; }
.coksatanurunadi { margin-top:11px; font-size:14px; }
.coksatanfiyat del { font-size:12px; }
.coksatanfiyat strong { font-size:16px; }
.coksatanhavale { margin-top:5px; font-size:11px; }
.coksatanurunler .slick-arrow { display:none !important; }
}




.anasayfaaltbanner { width:100%; padding:55px 0 70px; background:#ffffff; }
.anasayfaaltbanner .container { width:100%; max-width:1920px; margin:0 auto; padding:0 22px; }
.altbannerliste { display:grid; grid-template-columns:repeat(2,1fr); gap:17px; }
.altbanneroge { height:460px; position:relative; display:block; overflow:hidden; border-radius:11px; color:#ffffff; text-decoration:none; }
.altbanneroge > img { width:100%; height:100%; display:block; object-fit:cover; transition:0.6s; }
.altbanneroge:hover > img { transform:scale(1.03); }
.altbannericerik { width:76%; position:absolute; top:50%; right:auto; left:12%; z-index:2; text-align:left; transform:translateY(-50%); }
.altbannericerik.altbannersol { right:auto; left:12%; }
.altbannerbaslik { font-size:24px; line-height:1.3; font-weight:500; color:#ffffff; }
.altbanneraciklama { margin-top:1px; font-size:18px; line-height:1.35; font-weight:400; color:#ffffff; }
.altbannerbuton { min-width:200px; height:42px; display:inline-flex; align-items:center; justify-content:center; margin-top:22px; padding:0 22px; border:1px solid #ffffff; border-radius:30px; font-size:14px; line-height:1; font-weight:400; color:#ffffff; transition:0.3s; }
.altbanneroge:hover .altbannerbuton { background:#ffffff; color:#131619; }

@media (max-width:1400px) {
.altbanneroge { height:400px; }
.altbannerbaslik { font-size:21px; }
.altbanneraciklama { font-size:16px; }
}

@media (max-width:1100px) {
.anasayfaaltbanner { padding:50px 0 55px; }
.altbanneroge { height:350px; }
.altbannericerik { width:76%; right:auto; left:12%; }
.altbannericerik.altbannersol { right:auto; left:12%; }
.altbannerbaslik { font-size:19px; }
.altbanneraciklama { font-size:15px; }
.altbannerbuton { min-width:175px; height:39px; margin-top:18px; font-size:12px; }
}

@media (max-width:767px) {
.anasayfaaltbanner { padding:40px 0 45px; }
.anasayfaaltbanner .container { padding:0 15px; }
.altbannerliste { grid-template-columns:1fr; gap:15px; }
.altbanneroge { height:390px; }
.altbannericerik { width:76%; right:auto; left:12%; }
.altbannericerik.altbannersol { right:auto; left:12%; }
}

@media (max-width:576px) {
.anasayfaaltbanner { padding:32px 0 38px; }
.anasayfaaltbanner .container { padding:0 10px; }
.altbannerliste { gap:10px; }
.altbanneroge { height:300px; border-radius:9px; }
.altbannericerik { width:76%; right:auto; left:12%; }
.altbannericerik.altbannersol { right:auto; left:12%; }
.altbannerbaslik { font-size:17px; }
.altbanneraciklama { font-size:13px; }
.altbannerbuton { min-width:155px; height:37px; margin-top:15px; padding:0 14px; font-size:11px; }
}



.anasayfayorum { width:100%; padding:60px 0 70px; background:#ffffff; overflow:hidden; }
.anasayfayorum.yorumlar-yukleniyor { display:block; }
.anasayfayorum .container { width:100%; max-width:1700px; margin:0 auto; padding:0 20px; }
.googleyorumdurum { width:min(760px,100%); margin:30px auto 0; padding:16px 20px; border:1px solid #E4D5B8; border-radius:8px; background:#FFF9EE; color:#66512D; font-size:13px; line-height:1.6; text-align:center; }
.googleyorumdurum.hata { border-color:#E9C7C7; background:#FFF5F5; color:#8A3030; }
.yorumbaslik { font-size:23px; line-height:1.3; font-weight:600; color:#131619; text-align:center; }
.yorumaciklama { margin-top:8px; font-size:13px; line-height:1.5; font-weight:400; color:#717A82; text-align:center; }
.yorumlarliste { width:100%; margin-top:35px; }
.yorumlarliste .slick-list { margin:0 -5px; overflow:hidden; }
.yorumlarliste .slick-slide { margin:0 5px; }
.yorumoge { min-height:213px; padding:31px 35px 25px; border-radius:11px; background:#F0F0F0; text-align:center; }
.yorumyildizlar { display:flex; align-items:center; justify-content:center; gap:7px; }
.yorumyildizlar img { width:21px; height:21px; display:block; object-fit:contain; }
.yorummetni { min-height:63px; display:-webkit-box; margin-top:24px; overflow:hidden; font-size:13px; line-height:1.65; font-weight:400; color:#131619; -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.yorumyapan { display:block; margin-top:18px; font-size:13px; line-height:1.3; font-weight:400; color:#899097; }
.yorumtarih { display:block; margin-top:5px; font-size:11px; line-height:1.3; font-weight:400; color:#A0A6AB; }
.yorumkaynak { display:block; width:max-content; margin:7px auto 0; font-size:11px; line-height:1.3; font-weight:500; color:#B88A3B; }
.yorumkaynak:hover { color:#131619; }
.yorumatiflar { margin-top:12px; font-size:10px; line-height:1.4; color:#899097; text-align:center; }
.yorumlarliste .slick-arrow { display:none !important; }
.yorumlarliste .slick-dots { display:flex !important; align-items:center; justify-content:center; gap:7px; margin:20px 0 0; padding:0; list-style:none; }
.yorumlarliste .slick-dots li { width:auto; height:auto; margin:0; padding:0; list-style:none; }
.yorumlarliste .slick-dots li::before { display:none; content:none; }
.yorumlarliste .slick-dots button { width:8px; height:8px; display:block; margin:0; padding:0; overflow:hidden; border:0; border-radius:10px; background:rgba(39,49,59,0.30); font-size:0; line-height:0; color:transparent; text-indent:-9999px; cursor:pointer; transition:0.3s; }
.yorumlarliste .slick-dots button::before { display:none; content:none; }
.yorumlarliste .slick-dots .slick-active button { width:35px; background:#27313B; }

@media (max-width:1200px) {
.anasayfayorum { padding:55px 0 60px; }
.yorumoge { padding:30px 25px 25px; }
}

@media (max-width:991px) {
.yorumbaslik { font-size:21px; }
.yorumlarliste { margin-top:30px; }
}

@media (max-width:767px) {
.anasayfayorum { padding:45px 0 50px; }
.anasayfayorum .container { padding:0 15px; }
.yorumbaslik { font-size:20px; }
.yorumaciklama { max-width:550px; margin:8px auto 0; font-size:12px; }
.yorumoge { min-height:210px; }
}

@media (max-width:576px) {
.anasayfayorum { padding:38px 0 42px; }
.anasayfayorum .container { padding:0 10px; }
.yorumbaslik { padding:0 15px; font-size:18px; }
.yorumaciklama { padding:0 15px; font-size:12px; }
.yorumlarliste { margin-top:24px; }
.yorumlarliste .slick-list { margin:0 -4px; padding-right:35px; }
.yorumlarliste .slick-slide { margin:0 4px; }
.yorumoge { min-height:205px; padding:27px 20px 22px; border-radius:9px; }
.yorumyildizlar { gap:6px; }
.yorumyildizlar img { width:19px; height:19px; }
.yorummetni { margin-top:21px; font-size:12px; }
.yorumyapan { margin-top:16px; font-size:12px; }
.yorumlarliste .slick-dots { gap:6px; margin-top:17px; }
.yorumlarliste .slick-dots button { width:7px; height:7px; }
.yorumlarliste .slick-dots .slick-active button { width:35px; }
}



.anasayfabilgikutular { width:100%; padding:55px 0 60px; background:#ffffff; }
.anasayfabilgikutular .container { width:100%; max-width:1700px; margin:0 auto; padding:0 20px; }
.bilgikutularliste { display:grid; grid-template-columns:repeat(3,1fr); gap:42px; }
.bilgikutusu { min-height:307px; display:flex; flex-direction:column; padding:25px 43px 30px; border:1px solid #E5E5E5; border-radius:11px; background:#ffffff; }
.bilgikutuikon { width:45px; height:52px; display:flex; align-items:center; justify-content:flex-start; }
.bilgikutuikon img { max-width:45px; max-height:45px; display:block; object-fit:contain; }
.bilgikutubaslik { margin-top:10px; font-size:23px; line-height:1.3; font-weight:600; color:#131619; }
.bilgikutuaciklama { margin-top:10px; font-size:13px; line-height:1.5; font-weight:400; color:#92989E; }
.bilgikutuiletisim { display:flex; flex-direction:column; gap:15px; margin-top:auto; }
.bilgikutuiletisim a { display:flex; align-items:center; gap:13px; font-size:16px; line-height:1.3; font-weight:600; color:#131619; text-decoration:none; transition:0.3s; }
.bilgikutuiletisim a:hover { color:#B88A3B; }
.bilgikutuiletisim img { width:21px; height:21px; display:block; object-fit:contain; }
.siparistakipbuton { width:282px; height:51px; display:flex; align-items:center; justify-content:center; gap:12px; margin-top:auto; border:1px solid #27313B; border-radius:5px; font-size:14px; line-height:1; font-weight:400; color:#131619; text-decoration:none; transition:0.3s; }
.siparistakipbuton img { width:22px; height:22px; display:block; object-fit:contain; }
.siparistakipbuton:hover { background:#27313B; color:#ffffff; }
.siparistakipbuton:hover img { filter:brightness(0) invert(1); }
.bilgikutusosyal { display:flex; align-items:center; gap:9px; margin-top:auto; }
.bilgikutusosyal a { width:34px; height:34px; display:flex; align-items:center; justify-content:center; border:1px solid #27313B; border-radius:5px; transition:0.3s; }
.bilgikutusosyal a:hover { background:#27313B; }
.bilgikutusosyal img { width:15px; height:15px; display:block; object-fit:contain; }
.bilgikutusosyal a:hover img { filter:brightness(0) invert(1); }

@media (max-width:1200px) {
.bilgikutularliste { gap:20px; }
.bilgikutusu { padding:25px 28px 30px; }
.bilgikutubaslik { font-size:20px; }
.siparistakipbuton { width:100%; }
}

@media (max-width:991px) {
.anasayfabilgikutular { padding:50px 0 55px; }
.bilgikutularliste { grid-template-columns:repeat(2,1fr); }
.bilgikutusu:last-child { grid-column:1 / -1; }
}

@media (max-width:767px) {
.anasayfabilgikutular { padding:42px 0 48px; }
.anasayfabilgikutular .container { padding:0 15px; }
.bilgikutularliste { grid-template-columns:1fr; gap:15px; }
.bilgikutusu:last-child { grid-column:auto; }
.bilgikutusu { min-height:285px; padding:25px 30px; }
}

@media (max-width:576px) {
.anasayfabilgikutular { padding:35px 0 40px; }
.anasayfabilgikutular .container { padding:0 10px; }
.bilgikutularliste { gap:10px; }
.bilgikutusu { min-height:270px; padding:23px 22px; border-radius:9px; }
.bilgikutuikon { width:40px; height:45px; }
.bilgikutuikon img { max-width:40px; max-height:40px; }
.bilgikutubaslik { margin-top:9px; font-size:19px; }
.bilgikutuaciklama { margin-top:8px; font-size:12px; }
.bilgikutuiletisim { gap:13px; }
.bilgikutuiletisim a { gap:10px; font-size:14px; }
.bilgikutuiletisim img { width:19px; height:19px; }
.siparistakipbuton { height:47px; font-size:13px; }
}



.altbilgi { width:100%; background:#27313B; color:#ffffff; }
.altbilgi .container { width:100%; max-width:1700px; margin:0 auto; padding:0 20px; }
.altbilgiust { min-height:358px; display:grid; grid-template-columns:1.1fr 1.45fr 1fr 1.1fr 0.65fr; gap:80px; padding:72px 0 55px; }
.altbilgisutun { min-width:0; }
.altbilgibaslik { font-size:15px; line-height:1.3; font-weight:600; letter-spacing:0.3px; color:#ffffff; }
.altbilgicizgi { width:100%; height:1px; margin-top:8px; margin-bottom:20px; background:rgba(255,255,255,0.85); }
.altiletisimoge { display:flex; align-items:flex-start; gap:18px; margin-bottom:15px; }
.altiletisimoge > img { width:22px; height:22px; flex-shrink:0; display:block; margin-top:1px; object-fit:contain; }
.altiletisimicerik { display:flex; flex-direction:column; gap:4px; }
.altiletisimicerik strong { font-size:15px; line-height:1.3; font-weight:600; color:#ffffff; }
.altiletisimicerik a { font-size:14px; line-height:1.3; font-weight:400; color:#D7DADF; text-decoration:none; transition:0.3s; }
.altiletisimicerik a:hover { color:#B88A3B; }
.altkategoriler { display:grid; grid-template-columns:repeat(2,1fr); gap:30px; }
.altkategoriler ul { margin:0; padding:0; list-style:none; }
.altkategoriler li { margin-bottom:9px; }
.altkategoriler a { font-size:14px; line-height:1.3; font-weight:400; color:#D7DADF; text-decoration:none; text-transform:uppercase; transition:0.3s; }
.altkategoriler a:hover { color:#B88A3B; }
.altbilgimenu { margin:0; padding:0; list-style:none; }
.altbilgimenu li { margin-bottom:9px; }
.altbilgimenu a { font-size:14px; line-height:1.3; font-weight:400; color:#D7DADF; text-decoration:none; transition:0.3s; }
.altbilgimenu a:hover { color:#B88A3B; }
.etbisalani { display:flex; align-items:flex-start; justify-content:flex-end; padding-top:20px; }
.etbisalani img { width:130px; height:auto; display:block; object-fit:contain; }
.altbilgialt { width:100%; border-top:1px solid rgba(255,255,255,0.15); }
.altbilgialt .container { min-height:67px; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; column-gap:30px; }
.copyright { justify-self:start; font-size:14px; line-height:1.3; font-weight:400; color:#D7DADF; }
.webtasarim { justify-self:end; margin-left:auto; display:flex; align-items:center; gap:10px; color:#D7DADF; text-decoration:none; }
.webtasarim span { font-size:13px; line-height:1; font-weight:400; }
.webtasarim strong { font-size:19px; line-height:1; font-weight:600; color:#ED2839; }
.webtasarim img { width:80px; height:auto; display:block; }

@media (max-width:1400px) {
.altbilgiust { grid-template-columns:1.1fr 1.3fr 0.9fr 1.1fr 0.5fr; gap:45px; }
.etbisalani img { width:115px; }
}

@media (max-width:1100px) {
.altbilgiust { grid-template-columns:repeat(2,1fr); gap:40px 60px; padding:55px 0; }
.etbisalani { grid-column:1 / -1; justify-content:flex-start; padding-top:0; }
.etbisalani img { width:120px; }
}

@media (max-width:767px) {
.altbilgi .container { padding:0 15px; }
.altbilgiust { grid-template-columns:1fr; gap:35px; padding:45px 0; }
.altbilgicizgi { margin-bottom:17px; }
.etbisalani { grid-column:auto; }
.altbilgialt .container { min-height:95px; grid-template-columns:1fr; justify-items:center; gap:15px; text-align:center; }
.copyright,
.webtasarim { justify-self:center; margin-left:0; }
}

@media (max-width:576px) {
.altbilgi .container { padding:0 20px; }
.altbilgiust { gap:30px; padding:38px 0; }
.altbilgibaslik { font-size:14px; }
.altiletisimicerik strong { font-size:14px; }
.altiletisimicerik a { font-size:13px; }
.altkategoriler { gap:20px; }
.altkategoriler a { font-size:13px; }
.altbilgimenu a { font-size:13px; }
.etbisalani img { width:105px; }
.copyright { font-size:12px; }
.webtasarim span { font-size:12px; }
.webtasarim img { width:75px; }
}


.icsayfaust { width:100%; padding:17px 0; background:#FAFAFA; }
.icsayfaust .container { width:100%; max-width:1700px; margin:0 auto; padding:0 20px; display:flex; align-items:center; justify-content:space-between; gap:30px; }
.sayfayolu { display:flex; align-items:center; flex-wrap:wrap; gap:5px; font-size:12px; line-height:1.4; font-weight:400; color:#A19D98; }
.icsayfaust .sayfayolu a,
.icsayfaust .sayfayolu span,
.icsayfaust .sayfayolu strong { color:#A19D98; font-size:12px; line-height:1.4; font-weight:400; text-transform:none; }
.icsayfaust .sayfayolu a[href^="kategori/"],
.icsayfaust .sayfayolu .kategori-adi,
.icsayfakategorimakale .kategori-adi { text-transform:uppercase; }
.sayfayolu a { text-decoration:none; transition:0.3s; }
.sayfayolu a:hover { color:#B88A3B; }
.icsayfaust .sayfayolu span { color:#B6B1AC; }
.siralamalani { width:208px; flex-shrink:0; }
.siralamasec { width:100%; height:34px; padding:0 38px 0 15px; border:0; border-radius:4px; outline:0; background-color:#ffffff; font-size:12px; line-height:1; font-weight:400; color:#A19D98; cursor:pointer; }

@media (max-width:767px) {
.ustmenu .sagalan > .favoriler-kisayol { display:none; }
.icsayfaust { padding:15px 0; }
.icsayfaust .container { padding:0 15px; gap:15px; }
.sayfayolu { font-size:12px; }
.siralamalani { width:175px; }
}

@media (max-width:576px) {
.icsayfaust { padding:13px 0; }
.icsayfaust .container { padding:0 10px; flex-direction:column; align-items:flex-start; gap:11px; }
.sayfayolu { width:100%; }
.siralamalani { width:100%; }
.siralamasec { height:38px; }
}




.urunlisteleme { width:100%; padding:35px 0 70px; background:#ffffff; }
.urunlisteleme .container { width:100%; max-width:1700px; margin:0 auto; padding:0 20px; }
.urunlistelemeicerik { display:grid; grid-template-columns:266px minmax(0,1fr); align-items:start; gap:26px; }
.urunfiltre { width:100%; padding:25px 18px 28px; border:1px solid #EAE5DE; border-radius:11px; background:#ffffff; }
.mobilfiltrebuton { display:none; }
.filtrebaslik { position:relative; padding-bottom:10px; font-size:16px; line-height:1.3; font-weight:500; color:#131619; }
.filtrebaslik::after { content:""; width:42px; height:1px; position:absolute; left:0; bottom:0; background:#E8DED0; }
.filtrekategori { margin:10px 0 0; padding:0; list-style:none; }
.filtrekategori li { margin-bottom:5px; }
.filtrekategori a { display:block; font-size:13px; line-height:1.3; font-weight:400; color:#131619; text-decoration:none; text-transform:uppercase; transition:0.3s; }
.filtrekategori a:hover { color:#B88A3B; }
.filtrearalik { margin-top:17px; }
.filtresecenekler { display:flex; flex-direction:column; gap:7px; margin-top:10px; }
.filtresecenekler label { display:flex; align-items:center; gap:7px; cursor:pointer; }
.filtresecenekler input { width:12px; height:12px; margin:0; accent-color:#B88A3B; cursor:pointer; }
.filtresecenekler span { font-size:13px; line-height:1.3; font-weight:400; color:#66615C; }
.fiyataraligibaslik { margin-top:20px; }
.fiyataraligi { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; margin-top:15px; }
.fiyataraligi input { width:100%; height:25px; padding:0 10px; border:1px solid #EEE9E2; outline:0; background:#ffffff; font-size:12px; font-weight:400; color:#131619; }
.fiyataraligi input::placeholder { color:#AAA5A0; }
.fiyataraligi input:focus { border-color:#B88A3B; }
.urunliste { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:35px 24px; }
.urunliste .urunoge { min-width:0; }
.urunliste .urungorsel { height:445px; }
.urun-sayfalama { grid-column:1/-1; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:7px; padding-top:12px; }
.urun-sayfalama a,
.urun-sayfalama span { width:38px; height:38px; display:flex; align-items:center; justify-content:center; flex:0 0 38px; border:1px solid #E5E1DA; border-radius:4px; background:#ffffff; font-size:13px; line-height:1; font-weight:500; color:#131619; text-decoration:none; transition:border-color .25s, background-color .25s, color .25s; }
.urun-sayfalama a:hover,
.urun-sayfalama .aktif { border-color:#B88A3B; background:#B88A3B; color:#ffffff; }
.urun-sayfalama .bosluk { border-color:transparent; background:transparent; color:#8D9297; }
.urun-sayfalama .yon { font-size:12px; }

@media (max-width:1400px) {
.urunlistelemeicerik { grid-template-columns:240px minmax(0,1fr); gap:22px; }
.urunliste { gap:32px 18px; }
.urunliste .urungorsel { height:390px; }
}

@media (max-width:1100px) {
.urunlistelemeicerik { grid-template-columns:220px minmax(0,1fr); }
.urunliste { grid-template-columns:repeat(3,minmax(0,1fr)); }
.urunliste .urungorsel { height:370px; }
}

@media (max-width:850px) {
.urunlisteleme { padding:25px 0 55px; }
.urunlistelemeicerik { grid-template-columns:1fr; gap:25px; }
.urunfiltre { display:grid; grid-template-columns:1fr 1fr; gap:0 30px; }
.filtrekategori { grid-column:1; }
.filtrearalik { grid-column:2; grid-row:1; margin-top:0; }
.filtresecenekler { grid-column:2; }
.fiyataraligibaslik { grid-column:2; margin-top:18px; }
.fiyataraligi { grid-column:2; }
.urunliste { grid-template-columns:repeat(3,minmax(0,1fr)); }
}

@media (max-width:767px) {
.urunlisteleme .container { padding:0 15px; }
.urunfiltre { padding:0; overflow:hidden; }
.mobilfiltrebuton { width:100%; min-height:52px; display:flex; align-items:center; justify-content:space-between; gap:15px; padding:13px 17px; border:0; background:#ffffff; color:#131619; font-size:15px; line-height:1.3; font-weight:600; cursor:pointer; }
.mobilfiltrebuton i { width:8px; height:8px; flex:0 0 8px; border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor; transform:rotate(45deg) translateY(-2px); transition:transform .25s; }
.urunfiltre.aktif .mobilfiltrebuton i { transform:rotate(225deg) translate(-1px,-1px); }
.urunfiltre form { display:none; padding:5px 17px 20px; border-top:1px solid #EEE9E2; }
.urunfiltre.aktif form { display:block; }
.urunliste { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 12px; }
.urunliste .urungorsel { height:390px; }
}

@media (max-width:576px) {
.urunlisteleme { padding:20px 0 40px; }
.urunlisteleme .container { padding:0 10px; }
.urunfiltre { display:block; border-radius:9px; }
.filtrearalik { margin-top:17px; }
.fiyataraligibaslik { margin-top:20px; }
.urunliste { grid-template-columns:repeat(2,minmax(0,1fr)); gap:25px 8px; }
.urunliste .urungorsel { height:245px; }
.urunliste .urunadi { font-size:12px; }
.urunliste .urunfiyat { flex-wrap:wrap; gap:3px 6px; }
.urunliste .urunfiyat del { font-size:10px; }
.urunliste .urunfiyat strong { font-size:14px; }
.urunliste .havale { font-size:10px; }
.urun-sayfalama { gap:5px; padding-top:7px; }
.urun-sayfalama a,
.urun-sayfalama span { width:34px; height:34px; flex-basis:34px; font-size:12px; }
}



.urundetay { width:100%; padding:40px 0 70px; background:#ffffff; }
.urundetay .container { width:100%; max-width:1700px; margin:0 auto; padding:0 20px; }
.urundetay .urundetayicerik { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(440px,0.85fr); align-items:start; gap:40px; }
.urundetay .urundetaysol { width:auto; min-width:0; position:relative; }
.urundetay .urundetaygaleri { width:100%; display:grid; grid-template-columns:82px minmax(0,1fr); align-items:start; gap:14px; }
.urundetay .urundetaygaleri.tekli { grid-template-columns:minmax(0,1fr); }
.urundetay .urundetaythumbs { min-width:0; display:flex; flex-direction:column; gap:10px; }
.urundetay .urunthumb { width:82px; height:96px; flex:0 0 96px; display:flex; align-items:center; justify-content:center; padding:5px; overflow:hidden; border:1px solid #E5E1DA; border-radius:6px; outline:0; background:#FAFAFA; cursor:pointer; transition:border-color .25s, box-shadow .25s; }
.urundetay .urunthumb:hover,
.urundetay .urunthumb.aktif { border-color:#B88A3B; box-shadow:0 0 0 1px #B88A3B; }
.urundetay .urunthumb:focus-visible { border-color:#27313B; box-shadow:0 0 0 2px rgba(39,49,59,.18); }
.urundetay .urunthumb img { width:100%; height:100%; display:block; object-fit:contain; }
.urundetay .urundetaygorsel { width:100%; height:680px; min-height:0; position:relative; display:block; overflow:hidden; border-radius:12px; background:#FAFAFA; }
.urundetay .urundetaygorsel > img { width:100%; height:100%; max-width:none; max-height:none; display:block; object-fit:contain; padding:18px; user-select:none; transform-origin:var(--urun-zoom-x, 50%) var(--urun-zoom-y, 50%); transition:opacity .18s ease, transform .2s ease; }
.urundetay .urundetaygorsel.zoom-hazir,
.urundetay .urundetaygorsel.popup-hazir { cursor:zoom-in; }
.urundetay .urundetaygorsel.zoom-aktif > img { transform:scale(2.25); }
.urundetay .urundetaygorsel > img.gorsel-degisiyor { opacity:.35; }
.urundetay .urundetaygorsel.stok-tukendi > img { opacity:.48; filter:grayscale(.2); }
.urundetay .urundetaygorsel.stok-tukendi .urun-stok-tukendi { z-index:9; }
body.urun-popup-acik { overflow:hidden; }
.urun-gorsel-popup { position:fixed; inset:0; z-index:100000; display:flex; align-items:center; justify-content:center; padding:24px; opacity:0; visibility:hidden; transition:opacity .22s ease,visibility .22s ease; }
.urun-gorsel-popup.acik { opacity:1; visibility:visible; }
.urun-gorsel-popup-arka { position:absolute; inset:0; background:rgba(10,16,22,.88); backdrop-filter:blur(7px); }
.urun-gorsel-popup-panel { width:min(1280px,96vw); height:min(900px,92vh); position:relative; z-index:1; display:flex; flex-direction:column; overflow:hidden; border:1px solid rgba(255,255,255,.16); border-radius:14px; background:#fff; box-shadow:0 28px 80px rgba(0,0,0,.38); }
.urun-gorsel-popup-ust { min-height:58px; display:flex; align-items:center; justify-content:space-between; padding:8px 10px 8px 20px; border-bottom:1px solid #e8ebee; background:#fff; }
.urun-gorsel-popup-sayac { color:#66717b; font-size:13px; font-weight:600; }
.urun-gorsel-popup-araclar { display:flex; gap:5px; }
.urun-gorsel-popup-araclar button,
.urun-gorsel-popup-ok { width:40px; height:40px; display:flex; align-items:center; justify-content:center; padding:0; border:0; border-radius:50%; background:#f2f4f5; color:#202c36; cursor:pointer; transition:background .2s,color .2s; }
.urun-gorsel-popup-araclar button:hover,
.urun-gorsel-popup-ok:hover { background:#263846; color:#fff; }
.urun-gorsel-popup-sahne { min-height:0; flex:1; position:relative; display:grid; grid-template-columns:60px minmax(0,1fr) 60px; align-items:center; padding:14px; background:#f7f8f9; }
.urun-gorsel-popup-resim-alani { width:100%; height:100%; min-height:0; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.urun-gorsel-popup-resim-alani img { max-width:100%; max-height:100%; display:block; object-fit:contain; }
.urun-gorsel-popup-ok { position:relative; z-index:2; justify-self:center; box-shadow:0 5px 18px rgba(26,39,49,.14); }
.urun-gorsel-popup.tekli .urun-gorsel-popup-ok { visibility:hidden; }
@media (max-width:767px) {
.urun-gorsel-popup { padding:0; }
.urun-gorsel-popup-panel { width:100%; height:100%; border:0; border-radius:0; }
.urun-gorsel-popup-sahne { grid-template-columns:45px minmax(0,1fr) 45px; padding:8px 2px 14px; }
.urun-gorsel-popup-araclar button,.urun-gorsel-popup-ok { width:38px; height:38px; }
}
.urundetay .sepetekle.sepeteekle:disabled { border-color:#8D9297; background:#8D9297; color:#ffffff; cursor:not-allowed; }
.urundetay .sepetekle.sepeteekle:disabled:hover { border-color:#8D9297; background:#8D9297; }
.urundetay .urundetaysag { width:auto; min-width:0; position:relative; }
.urundetaybaslik { margin:0; font-size:27px; line-height:1.35; font-weight:600; color:#131619; }
.urundetaykod { margin-top:8px; font-size:12px; line-height:1.4; font-weight:400; color:#93999E; }
.urundetayfiyat { display:flex; align-items:center; gap:12px; margin-top:20px; }
.urundetayfiyat del { font-size:15px; line-height:1.3; font-weight:400; color:#8D9297; }
.urundetayfiyat strong { font-size:27px; line-height:1.2; font-weight:700; color:#131619; }
.urundetayhavale { margin-top:8px; font-size:13px; line-height:1.4; font-weight:400; color:#747B81; }
.urundetayhavale strong { font-weight:600; color:#B88A3B; }
.urundetaytaksit { margin-top:14px; padding:11px 14px; border-radius:5px; background:#FAFAFA; font-size:13px; line-height:1.4; font-weight:500; color:#131619; }
.urundetaysepet { display:flex; align-items:center; gap:10px; margin-top:20px; }
.urundetay .adetsecici { width:auto; height:48px; display:flex; align-items:center; overflow:hidden; border:1px solid #DED8D0; border-radius:5px; background:#fff; }
.urundetay .adetsecici button { width:36px; height:100%; padding:0; border:0; background:#ffffff; font-size:20px; color:#131619; cursor:pointer; }
.urundetay .adetsecici input { width:40px; height:100%; padding:0; border:0; outline:0; background:#ffffff; font-size:14px; font-weight:500; color:#131619; text-align:center; appearance:textfield; }
.urundetay .adetsecici input::-webkit-inner-spin-button { display:none; }
.urundetay .sepetekle.sepeteekle { height:48px; flex:1; min-width:0; display:block; padding:0 25px; border:1px solid #27313B; border-radius:5px; background:#27313B; font-size:14px; font-weight:600; letter-spacing:0; color:#ffffff; text-align:center; text-decoration:none; cursor:pointer; transition:0.3s; }
.urundetay .sepetekle.sepeteekle:hover { border-color:#B88A3B; background:#B88A3B; color:#ffffff; }
.urundetay .favoriekle { width:48px; height:48px; flex-shrink:0; position:static; display:flex; align-items:center; justify-content:center; padding:0; border:1px solid #DED8D0; border-radius:5px; background:#ffffff; box-shadow:none; cursor:pointer; transition:0.3s; }
.urundetay .favoriekle:hover { border-color:#B88A3B; background:#B88A3B; }
.urundetay .favoriekle img { width:21px; height:21px; display:block; object-fit:contain; }
.urundetay .favoriekle:hover img { filter:brightness(0) invert(1); }
.urundetay .cizgi { width:100%; height:1px; margin:22px 0 18px; background:#EEE9E2; }
.urundetay .varyantsecim { width:100%; }
.urundetay .varyantsecim-grup { width:100%; margin-bottom:14px; }
.urundetay .secenekbaslik { margin-bottom:8px; font-size:13px; line-height:1.35; font-weight:500; color:#131619; }
.urundetay .secenekler { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.urundetay .varyantsecim-degerler button,
.urundetay .secenekler a[data-varyant] { min-width:46px; height:38px; display:inline-flex; align-items:center; justify-content:center; margin:0; padding:0 14px; border:1px solid #DED8D0; border-radius:5px; outline:0; background:#ffffff; color:#131619; font-family:"Montserrat",sans-serif; font-size:13px; line-height:1; font-weight:500; text-decoration:none; cursor:pointer; transition:border-color .25s, background-color .25s, color .25s, transform .25s; }
.urundetay .varyantsecim-degerler button:hover,
.urundetay .secenekler a[data-varyant]:hover { border-color:#B88A3B; color:#B88A3B; transform:translateY(-1px); }
.urundetay .varyantsecim-degerler button.aktif,
.urundetay .secenekler a[data-varyant].aktif { border-color:#27313B; background:#27313B; color:#ffffff; }
.urundetay .varyantsecim-degerler button.pasif,
.urundetay .varyantsecim-degerler button:disabled { border-color:#ECE8E2; background:#FAFAFA; color:#A19D98; opacity:.55; cursor:not-allowed; text-decoration:line-through; transform:none; }
.urundetay .varyantsecim-not { margin-top:2px; font-size:12px; line-height:1.5; font-weight:400; color:#747B81; }
.urundetaybilgi { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; margin-top:15px; }
.detaybilgisatir { min-height:54px; display:flex; align-items:center; gap:10px; padding:10px 12px; border:1px solid #EEE9E2; border-radius:5px; }
.detaybilgisatir img { width:21px; height:21px; flex-shrink:0; display:block; object-fit:contain; }
.detaybilgisatir span { font-size:11px; line-height:1.45; font-weight:400; color:#747B81; }
.urunaciklamametni { margin-top:22px; font-size:12px; line-height:1.55; font-weight:400; color:#4D5358; }
.urunaciklamametni p { margin:0 0 10px; }
.urunfiltrebilgi { width:260px; margin-top:10px; }
.urunfiltrebaslik { padding:8px 12px; background:#FAFAFA; font-size:12px; line-height:1.3; font-weight:600; color:#131619; }
.urunfiltresatir { display:grid; grid-template-columns:135px 10px 1fr; align-items:center; padding:8px 12px; font-size:12px; line-height:1.3; color:#4D5358; }
.urunfiltresatir:nth-child(odd) { background:#FAF8F4; }
.urunfiltresatir i { font-style:normal; }
.urunfiltresatir strong { font-weight:500; color:#131619; }
.akordiyonoge { border-bottom:1px solid #E4E7E9; }
.akordiyonbaslik { width:100%; min-height:49px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:0; border:0; background:transparent; font-size:12px; line-height:1.3; font-weight:600; color:#131619; text-align:left; cursor:pointer; }
.akordiyonbaslik img { width:12px; height:12px; display:block; object-fit:contain; transition:0.3s; }
.akordiyonoge.aktif .akordiyonbaslik img { transform:rotate(180deg); }
.akordiyonicerik { display:none; padding:0 0 16px; font-size:12px; line-height:1.6; font-weight:400; color:#747B81; }
.akordiyonicerik p { margin:0; }
.akordiyonoge.aktif .akordiyonicerik { display:block; }

@media (max-width:1200px) {
.urundetay .urundetayicerik { grid-template-columns:minmax(0,1fr) minmax(400px,0.85fr); gap:30px; }
.urundetay .urundetaygorsel { height:600px; }
.urundetaybaslik { font-size:24px; }
.urundetayfiyat strong { font-size:24px; }
}

@media (max-width:991px) {
.urundetay { padding:30px 0 55px; }
.urundetay .urundetayicerik { grid-template-columns:1fr; gap:30px; }
.urundetay .urundetaygorsel { height:700px; }
.urundetay .urundetaysag { width:100%; }
}

@media (max-width:767px) {
.urundetay .container { padding:0 15px; }
.urundetay .urundetaygaleri { grid-template-columns:1fr; gap:10px; }
.urundetay .urundetaythumbs { grid-row:2; flex-direction:row; gap:8px; padding:1px 1px 5px; overflow-x:auto; overflow-y:hidden; scrollbar-width:thin; }
.urundetay .urunthumb { width:70px; height:82px; flex-basis:70px; }
.urundetay .urundetaygorsel { grid-row:1; }
.urundetay .urundetaygorsel { height:580px; }
.urundetaybilgi { grid-template-columns:1fr; }
}

@media (max-width:576px) {
.urundetay { padding:20px 0 40px; }
.urundetay .container { padding:0 10px; }
.urundetay .urundetayicerik { gap:23px; }
.urundetay .urundetaygorsel { height:440px; border-radius:9px; }
.urundetay .urundetaygorsel > img { padding:10px; }
.urundetaybaslik { font-size:20px; }
.urundetayfiyat { margin-top:15px; }
.urundetayfiyat del { font-size:13px; }
.urundetayfiyat strong { font-size:22px; }
.urundetaysepet { flex-wrap:wrap; }
.urundetay .adetsecici { height:45px; }
.urundetay .sepetekle.sepeteekle { width:calc(100% - 58px); height:45px; flex:1 1 auto; }
.urundetay .favoriekle { width:45px; height:45px; }
.urundetay .cizgi { margin:18px 0 15px; }
.urundetay .varyantsecim-grup { margin-bottom:12px; }
.urundetay .varyantsecim-degerler button,
.urundetay .secenekler a[data-varyant] { min-width:42px; height:36px; padding:0 11px; font-size:12px; }
.urunfiltrebilgi { width:100%; }
.urunfiltresatir { grid-template-columns:145px 10px 1fr; }
}
.slideroge .sliderlink { display:block; position:relative; color:#fff; text-decoration:none; }
.slideroge .sliderlink:hover { color:#fff; text-decoration:none; }
.urunoge { position:relative; min-width:0; }
.urunoge .favori-toggle-btn { width:36px; height:36px; position:absolute; top:12px; right:12px; z-index:7; display:flex; align-items:center; justify-content:center; border:0; border-radius:50%; background:#fff; box-shadow:0 8px 20px rgba(39,49,59,0.12); cursor:pointer; transition:0.25s; }
.urunoge .favori-toggle-btn img { width:17px; height:17px; }
.urunoge .favori-toggle-btn.aktif { background:#fff1f1; }
.urunoge .favori-toggle-btn.aktif img { filter:invert(18%) sepia(94%) saturate(3414%) hue-rotate(337deg) brightness(91%) contrast(93%); }
.urunoge .urun-etiketleri { position:absolute; top:12px; left:12px; z-index:6; display:flex; flex-wrap:wrap; gap:6px; }
.urun-etiket { display:inline-flex; align-items:center; min-height:22px; padding:0 8px; border-radius:3px; background:#B88A3B; color:#fff; font-size:11px; line-height:1; font-weight:600; }
.urun-etiket-yeni { background:#27313B; }
.urun-etiket-indirim { background:#B88A3B; }
.urunoge .sepetekle { width:42px; height:42px; position:absolute; right:0; bottom:0; display:flex; align-items:center; justify-content:center; border-radius:50%; background:#27313B; transition:0.25s; }
.urunoge .sepetekle:hover { background:#B88A3B; }
.urunoge .sepetekle img { width:19px; filter:brightness(0) invert(1); }
.urunliste .urunoge { margin-bottom:34px; }
.urunliste-bos { width:100%; padding:35px; background:#FAFAFA; color:#131619; font-size:15px; }
.filtreselect { width:100%; height:42px; margin-bottom:12px; border:1px solid #e7e2d8; border-radius:4px; padding:0 12px; color:#131619; background:#fff; }
.filtrebuton { width:100%; height:44px; margin-top:10px; border:0; border-radius:4px; background:#27313B; color:#fff; font-weight:600; cursor:pointer; }
.filtrebuton:hover { background:#B88A3B; }
.filtrekategori a.aktif { color:#B88A3B; font-weight:700; }
.benzerurunslider .slick-slide { margin:0 8px; }
.benzerurunslider .slick-list { margin:0 -8px; }
html.reklampopup-acik { overflow-y:scroll !important; }
body.reklampopup-acik { overflow-y:visible !important; }
.slideralani .slideroge .sliderlink { height:100%; }
.urunoge .favori-toggle-btn, .urunoge .sepetekle { display:none !important; }
.coksatanurun { position:relative; }
.coksatanurun .urun-etiketleri { position:absolute; top:12px; left:12px; z-index:6; display:flex; flex-wrap:wrap; gap:6px; }
.urun-etiket-cok-satan { background:#C18B3D; }
.urun-etiket-one-cikan { background:#1F3B63; }
.anasayfacoksatanlar .coksatanbaslikalani { display:flex; align-items:center; gap:18px; margin-bottom:28px; }
.anasayfacoksatanlar .coksatancizgi { flex:1; height:1px; background:#E4E7E9; }
.icsayfagiris .solalan, .icsayfauyeol .solalan, .uyelik-yota-gorsel { display:none; }
.icsayfagiris .uyelikbox, .icsayfauyeol .uyelikbox { width:560px; max-width:100%; background:#FAFAFA; }
.icsayfagiris .sagalan, .icsayfauyeol .sagalan { width:100%; float:none; display:block; padding:45px; }
.icsayfagiris .baslik, .icsayfauyeol .baslik { color:#131619; font-size:24px; }
.icsayfagiris .aciklama, .icsayfauyeol .aciklama { width:100%; max-width:360px; margin:0 auto 24px; text-align:center; }
.icsayfagiris .baslik, .icsayfauyeol .baslik { width:100%; text-align:center; }
.icsayfagiris .formalan, .icsayfauyeol .formalan { width:100%; max-width:360px; float:none; margin:0 auto; }
.icsayfagiris .altsecenek { display:flex; align-items:center; justify-content:space-between; gap:12px; float:none; }
.icsayfagiris .altsecenek label, .icsayfagiris .altsecenek a { float:none; }
.icsayfagiris .formalan button, .icsayfauyeol .formalan button { background:#27313B; }
.icsayfagiris .formalan button:hover, .icsayfauyeol .formalan button:hover { background:#B88A3B; }
.icsayfagiris .altsecenek a, .icsayfagiris .uyeliklink a, .icsayfauyeol .sozlesme a, .icsayfauyeol .girislink a { color:#B88A3B; }
@media (max-width:575px) { .icsayfagiris .sagalan, .icsayfauyeol .sagalan { padding:25px; } }