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


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


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

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



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

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




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


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

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


@media (max-width: 1024px) {

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



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


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

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



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


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




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



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





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



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


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


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




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

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

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

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

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

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


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

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

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

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




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


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


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




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

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

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




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





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


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

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

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


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

.urundetay-varyant{margin:25px 0;}
.varyant-baslik{font-weight:600;margin-bottom:8px}
.varyant-liste{display:flex;gap:10px;flex-wrap:wrap}
.varyant-item{border:1px solid #ddd;padding:8px 14px;cursor:pointer;border-radius:4px; font-size: 13px;}
.varyant-item input{display:none}
.varyant-item.aktif{background:#60412e;color:#fff;border-color:#60412e}
@media (max-width: 768px){
.urundetay-varyant{margin:20px 0;}
.varyant-liste{gap:8px;}
.varyant-item{flex: 0 0 calc(50% - 8px);text-align: center;font-size: 14px;padding: 12px 0;}
}
@media (max-width: 480px){
.varyant-item{font-size: 15px;padding: 14px 0;}
}