.heading{background: rgba(0, 0, 0, 0) url("../images/patternpink.png") repeat-x scroll left bottom;}

.switch-color .icon,.circle,.button,.fixbutton li a i,.fixbutton li a span,.page li .active,.menu,.menu .submenus ul li:first-child:after,.slider .carousel-indicators .active,.homebanner .box:hover .button,.product .new,.product .owl-nav .owl-prev,.product .owl-nav .owl-next,.product .viewcart li i,.panel-group .panel-heading a,.midhead .shopdata .cartbutton a,.menu ul li a:hover,.menu ul li.active a,.support i,.testimonial .owl-dot.active,.footheading:after,#newsletter .close,#views .close,.lcate ul.color li input[type="radio"]:checked + label::after, .lcate ul li label:hover:after,.lcatesize ul li input[type="radio"]:checked + label, .lcatesize ul li:hover label,.blogsidebox .tag ul li a:hover,.lcate .irs-bar, .lcate .irs-bar-edge,.lcate .irs-from, .lcate .irs-to, .irs-single,.checkout .checkbox:before,.checkout .radio:before,.cart table td ul li:last-child button,.newsletter,#categorie .modal-header,.leftmenu ul li:first-child,.leftmenu .submenus ul li:first-child:after,.boxslide .owl-dot.active{background-color: #000000;color: #fff;}

.button:hover,.fixbutton li a:hover i,.fixbutton li a:hover span,.fixbutton li a i:hover,.fixbutton li a span:hover ~ i,.homebanner .box:hover .button:hover,.page li a:hover,.menu ul li a:hover,.menu ul li a.active,.panel-group .panel-heading a:hover,.midhead .shopdata .cartbutton a:hover,.midhead .shopdata .cartbutton a:first-child:hover,.product .viewcart li:hover i,.product .owl-nav .owl-prev:hover,.product .owl-nav .owl-next:hover,.product .viewcart li:hover i,.support .box:hover i,.newsletter input[type="submit"]:hover,#newsletter .close:hover,#views .close:hover,.cart .endbutton a:first-child:hover,.newsletter input[type="submit"]{background-color: #000;color: #fff;}

a:hover,.tophead ul li a i,.tophead ul li a:hover,.midhead button:hover i,.midhead .cartbox i,.midhead .cartbox:hover i,.midhead .cartbox .shopdata i:hover,.menu .submenus ul li a:hover,.menu ul .singlesub .submenus ul li:first-child a:hover,.slider .carousel-control:hover,.homebanner .box:hover .overlay p,.product .rating li:hover,.product .rating li.active,.product .rating li:hover,.product .rating li.active,.blog .overlay ul li a:hover,.blog .read:hover,.blog .overlay ul li a:hover,.blog .overlay ul li a i,.blog .read:hover,.newsletter ul li a:hover,.footer .list-with-icon li i,.copyright a,.breadcrumb ul li,.about .left li:before,.about .legend .name,.lcate ul.color li input[type="radio"]:checked + label,.iconbar li a.active,.warranty .inheading i,.help .box i,.blogsidebox .post .date,.blogsidebox .cat li a:hover,.lcate ul li.open a.active,.checkout ul li.active a,.checkout .secure li i,.incategory .iconbar li a.active,.detail .detailtab .rating li.active,.delivery .dbox i{color: #000000;}

.panel-group a:before{border: 8px solid #000000;border-color: #000000 transparent transparent transparent;}

.product .tabdata .rating li a:hover,.product .tabdata .rating li.active a,.product .tabdata .ldata li a:hover,.product .tabdata .ldata li.active a{color: #000000;border-bottom-color: #000000;}

.about .legend .owl-prev:hover, .about .legend .owl-next:hover,.testimonial .tbox{border-color: #000000;background-color: #000000;color: #fff;}

.blogsidebox h4,blockquote{border-left-color: #000000;}

.irs-from::after, .irs-to::after, .irs-single::after{border-top-color:#000000;}
.team .figcaption{background: #000000 !important;opacity: 0.8;}

.turuncu { color:rgb(242, 100, 5);}
.hinstagram { display: none; }


.float{
	position:fixed;

	bottom:30px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	font-size:30px;
	box-shadow: 2px 2px 3px #999;
	z-index:99999999;
    padding: 0.3em 0.5em;
}

@media screen and (max-width: 767px) {
	.float {bottom:65px; right:15px;}
}

@media screen and (max-width: 767px) {
	.hinstagram { display: inline;}
}

.my-float{	margin-top:16px; }
.my-float:hover{opacity:0.6;}

.footer .footheading::after {
	background-color: #f9b334;
  }
.xfooter .list-with-icon li i { color:#fff;}

.topheader { border-bottom:1px solid #f2f2f2; padding:15px;}

.contactinfoheader li { padding-left:20px; float:right;  display: inline; list-style-type: none; }
.socialinfoheader li { padding-right:20px; float:left;  display: inline; list-style-type: none;}
.content h2 { font-size:24px; }
.content h3 { font-size:20px; }


.button-container {
  position: fixed;
  bottom: 30px;
  right: 20px; 
  display: flex; 
  gap: 10px; 
  z-index: 9999; 
}


#myBtn {
  display: none; 
  position: fixed; 
  bottom: 110px; 
  right: 55px; 
  z-index: 99; 
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #555;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 50px;
}

#myBtn:hover {
  background-color: #333;
}

/* ============================================================
   KURUMSAL HEADER / FOOTER REVİZYONU
   ============================================================ */

:root{
	--pro-mavi:#008bd2;
	--oz-siyah:#111111;
	--oz-gri:#6b7280;
	--oz-cizgi:#e9e9e9;
	--oz-zemin:#fafafa;
}

/* ---------- ÜST BAR ---------- */
.topheader{
	background:var(--oz-zemin);
	border-bottom:1px solid var(--oz-cizgi);
	padding:0 !important;
	font-size:13px;
	color:var(--oz-gri);
}
.topheader .topbar-in{
	display:flex;align-items:center;justify-content:space-between;
	min-height:46px;gap:24px;flex-wrap:wrap;
}
.topheader a{color:var(--oz-gri);text-decoration:none;transition:color .2s;}
.topheader a:hover{color:var(--oz-siyah);}
.topbar-left{display:flex;align-items:center;gap:10px;letter-spacing:.01em;}
.topbar-left i{color:var(--pro-mavi);}
.topbar-ayrac{width:1px;height:14px;background:var(--oz-cizgi);display:inline-block;}
.contactinfoheader{width:auto !important;height:auto !important;}
.contactinfoheader ul{margin:0;padding:0;display:flex;align-items:center;gap:26px;justify-content:flex-end;flex-wrap:wrap;}
.contactinfoheader li{
	padding:0 !important;float:none !important;
	display:inline-flex;align-items:center;gap:7px;list-style:none;
}
.contactinfoheader li i{color:var(--pro-mavi);font-size:13px;}
.topbar-sosyal{gap:16px !important;padding-left:22px !important;border-left:1px solid var(--oz-cizgi);}
.topbar-sosyal a{font-size:14px;}

/* ---------- ORTA BAR: LOGO / ARAMA / CTA ---------- */
.midhead{padding:26px 0 !important;background:#fff;}
.midhead .midhead-in{display:flex;align-items:center;flex-wrap:wrap;row-gap:18px;}
.midhead .logo img{width:100%;max-width:230px;height:auto;}

.headsearch .search{margin:0;padding:0;}
.headsearch .search input[type="search"]{
	width:100%;height:50px;
	border:1px solid #e2e2e2;border-radius:999px;
	padding:10px 54px 10px 24px;font-size:14px;background:#fff;
	transition:border-color .2s, box-shadow .2s;
}
.headsearch .search input[type="search"]:focus{
	border-color:var(--pro-mavi);
	box-shadow:0 0 0 3px rgba(249,179,52,.18);
	outline:none;
}
.headsearch .search button{
	position:absolute;top:0;right:8px;height:50px;width:42px;
	background:none;border:0;color:var(--oz-gri);cursor:pointer;
}
.headsearch .search button:hover{color:var(--oz-siyah);}

.headcta{display:flex;align-items:center;justify-content:flex-end;gap:22px;}
.headcta-tel{display:flex;flex-direction:column;line-height:1.25;text-align:right;text-decoration:none;}
.headcta-tel .headcta-etiket{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--oz-gri);}
.headcta-tel strong{font-size:19px;color:var(--oz-siyah);font-weight:700;white-space:nowrap;}
.headcta-tel:hover strong{color:var(--pro-mavi);}
.headcta-btn{
	display:inline-flex;align-items:center;gap:8px;
	background:var(--pro-mavi);color:var(--oz-siyah);
	padding:14px 26px;border-radius:999px;
	font-size:14px;font-weight:700;letter-spacing:.02em;
	text-decoration:none;white-space:nowrap;
	transition:background .2s, transform .2s, box-shadow .2s;
}
.headcta-btn:hover{background:var(--oz-siyah);color:#fff;transform:translateY(-1px);box-shadow:0 8px 18px rgba(0,0,0,.14);}

/* ---------- MENÜ: BEYAZ / FERAH ---------- */
.menu{
	background:#fff !important;color:var(--oz-siyah) !important;
	border-top:1px solid var(--oz-cizgi);
	border-bottom:1px solid var(--oz-cizgi);
	position:sticky;top:0;z-index:1000;
}
.menu ul li a{
	color:var(--oz-siyah) !important;
	padding:18px 26px !important;
	font-size:13px;font-weight:600;letter-spacing:.07em;
	position:relative;
}
.menu ul li a:hover,
.menu ul li.active a{background:transparent !important;color:var(--oz-siyah) !important;}
.menu > .container > .row > div > ul > li > a::after{
	content:"";position:absolute;left:26px;right:26px;bottom:10px;height:2px;
	background:var(--pro-mavi);transform:scaleX(0);transform-origin:left;
	transition:transform .22s ease;
}
.menu > .container > .row > div > ul > li > a:hover::after{transform:scaleX(1);}
.menu ul li a.closemenu::after,.menu .submenus a::after{display:none;}
.menu .submenus{border:1px solid var(--oz-cizgi);box-shadow:0 18px 40px rgba(0,0,0,.10) !important;padding:30px 28px 34px !important;}
.menu .submenus ul li a{padding:0 0 12px !important;font-size:13px;letter-spacing:0;font-weight:400;}
.menu .submenus ul li:first-child a{font-weight:700;letter-spacing:.03em;}
.menu .mobile{color:var(--oz-siyah) !important;}

/* ---------- FOOTER ÜST BANT ---------- */
.sosyallinkler{padding:52px 0 !important;background:var(--oz-siyah);}
.sosyallinkler .bulutform h2{font-size:22px !important;margin:0 0 12px;letter-spacing:.01em;}
.sosyallinkler .bulutform p{color:#c9c9c9 !important;font-size:15px;line-height:1.8;margin:0;max-width:720px;}
.sosyallinkler .sociallinks{display:flex;align-items:center;justify-content:flex-end;gap:12px;height:100%;}
.sosyallinkler .sociallinks a{
	width:44px;height:44px;padding:0 !important;font-size:16px !important;
	display:inline-flex;align-items:center;justify-content:center;
	border:1px solid rgba(255,255,255,.25);border-radius:50%;
	color:#fff;transition:background .2s,border-color .2s,color .2s;
}
.sosyallinkler .sociallinks a i{font-size:16px !important;}
.sosyallinkler .sociallinks a:hover{background:var(--pro-mavi);border-color:var(--pro-mavi);color:var(--oz-siyah);}

/* ---------- FOOTER ---------- */
.footer{padding:62px 0 48px !important;background:#fff;}
.footer .footheading{
	font-size:13px !important;text-transform:uppercase;letter-spacing:.12em;
	font-weight:700;color:var(--oz-siyah);margin:0 0 22px !important;padding-bottom:14px;position:relative;
}
.footer .footheading::after{content:"";position:absolute;left:0;bottom:0;width:36px;height:2px;background:var(--pro-mavi);}
.footer .list-with-icon li{margin-bottom:12px;}
.footer .list-with-icon li a{
	color:var(--oz-gri) !important;font-size:14px;line-height:1.7;
	display:inline-flex;align-items:flex-start;gap:9px;transition:color .2s;
}
.footer .list-with-icon li a:hover{color:var(--oz-siyah) !important;}
.footer .list-with-icon li i{color:var(--pro-mavi) !important;margin-top:4px;}
.footer .footer-logo{width:200px !important;height:auto;margin-bottom:22px;}
.footer .footer-adres{color:var(--oz-gri);font-size:14px;line-height:1.8;font-style:normal;}

/* ---------- COPYRIGHT ---------- */
.copyright{background:#fff !important;border-top:1px solid var(--oz-cizgi);padding:22px 0 !important;font-size:13px;}
.copyright p{margin:0;color:var(--oz-gri) !important;}
.copyright .copyright-in{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;}

/* ---------- MOBİL ---------- */
@media (max-width:991px){
	.menu{position:static;}
	.midhead .midhead-in{row-gap:16px;}
	.headcta{justify-content:center;margin-top:4px;}
	.midhead .logo{text-align:center;}
	.midhead .logo img{margin:0 auto;}
}
@media (max-width:767px){
	.topheader .topbar-in{justify-content:center;min-height:0;padding:12px 0;gap:10px;}
	.topbar-left{display:none;}
	.contactinfoheader ul{justify-content:center;gap:16px;}
	.sosyallinkler{padding:36px 0 !important;}
	.sosyallinkler .sociallinks{justify-content:center;margin-top:24px;}
	.footer{padding:44px 0 32px !important;}
	.footer .col-xs-12{margin-bottom:34px;}
	.copyright .copyright-in{justify-content:center;text-align:center;}
	.headcta{flex-direction:column;gap:14px;}
	.headcta-tel{text-align:center;}
}

/* Teklif Al butonu — WhatsApp */
.headcta-btn i.fa-whatsapp{font-size:17px;}
.headcta-btn:hover{background:#25d366;color:#fff;}

/* --- Düzeltmeler --- */
/* style.css içindeki ".logo img{margin:auto;width:80%}" kuralı logoyu ortalıyordu;
   logo artık kategori ızgarasıyla aynı sol hizadan başlıyor */
.midhead .logo img{display:block;width:100%;max-width:230px;height:auto;margin:0 auto 0 0 !important;}

/* Üst bar: style.css 992px altında gizliyordu, geri açıldı */
.topheader .contactinfoheader{display:block !important;}
.topheader .topbar-in{width:100%;}

/* Dar ekranlarda üst barın uzun cümlesi satır kaymasına yol açıyordu */
@media (max-width:1199px){
	.topbar-left .topbar-ayrac,
	.topbar-left .topbar-aciklama{display:none;}
}
@media (max-width:991px){
	.midhead .logo img{margin:0 auto !important;}
	.contactinfoheader ul{gap:18px;}
}

/* --- Hizalama düzeltmesi ---
   style.css içindeki ".midhead .row > div{display:inline-block}" kuralı
   (özgüllük 0,2,1) .headcta'yı (0,1,0) eziyordu; teklif bloğu arama
   kutusuyla aynı hizaya gelmiyordu. */
.midhead .midhead-in{display:flex !important;align-items:center;flex-wrap:wrap;}
.midhead .midhead-in::before,
.midhead .midhead-in::after{display:none !important;}
.midhead .midhead-in > .headcta{display:flex !important;align-items:center;justify-content:flex-end;gap:22px;}
.midhead .midhead-in > .headcta > .headcta-tel{display:flex !important;flex-direction:column;flex:0 0 auto;}
.midhead .midhead-in > .headcta > .headcta-btn{display:inline-flex !important;align-items:center;flex:0 0 auto;}

@media (max-width:991px){
	.midhead .midhead-in > .headcta{justify-content:center;}
}
@media (max-width:767px){
	.midhead .midhead-in > .headcta{flex-direction:column;gap:14px;}
}

/* Ana sayfa H1: ekran okuyucu ve arama motoru görür, tasarımı bozmaz */
.seo-h1{
	position:absolute !important;width:1px;height:1px;
	padding:0;margin:-1px;overflow:hidden;
	clip:rect(0,0,0,0);white-space:nowrap;border:0;
}

/* ---------- SSS (Sıkça Sorulan Sorular) ---------- */
.sssBolum{padding:58px 0 10px;}
.sssBolum h2{font-size:24px;font-weight:700;margin:0 0 26px !important;letter-spacing:-.01em;}
.sssBolum .panel-group{margin:0;}
.sssBolum .panel{
	border:1px solid var(--oz-cizgi) !important;border-radius:10px;
	box-shadow:none !important;margin-bottom:12px;background:#fff;overflow:hidden;
}
.sssBolum .panel-heading{background:#fff !important;padding:0 !important;border:0 !important;}
.sssBolum .panel-title{margin:0;}
.sssBolum .panel-group .panel-heading a{
	display:block;background:#fff !important;color:var(--oz-siyah) !important;
	padding:20px 56px 20px 22px !important;font-size:15px;font-weight:600;
	position:relative;text-decoration:none;transition:background .2s;
}
.sssBolum .panel-group .panel-heading a:hover{background:#fafafa !important;}
/* temadaki siyah üçgen oku kapat */
.sssBolum .panel-group a:before{display:none !important;border:0 !important;}
/* ince chevron */
.sssBolum .panel-group .panel-heading a:after{
	content:"";position:absolute;right:24px;top:50%;width:9px;height:9px;
	border-right:2px solid #9ca3af;border-bottom:2px solid #9ca3af;
	transform:translateY(-70%) rotate(45deg);transition:transform .22s, border-color .22s;
}
.sssBolum .panel-group .panel-heading a:not(.collapsed):after{
	transform:translateY(-25%) rotate(-135deg);border-color:var(--pro-mavi);
}
.sssBolum .panel-body{
	border-top:1px solid var(--oz-cizgi) !important;
	padding:20px 22px 24px !important;color:var(--oz-gri);font-size:14px;line-height:1.85;
}
@media (max-width:767px){
	.sssBolum{padding:36px 0 4px;}
	.sssBolum h2{font-size:20px;}
	.sssBolum .panel-group .panel-heading a{font-size:14px;padding:16px 46px 16px 16px !important;}
}

/* ---------- SSS: zemin ve okunabilirlik ---------- */
.sssBolum{
	position:relative;
	padding:74px 0 80px !important;
	background:
		radial-gradient(900px 400px at 88% -12%, rgba(249,179,52,.16), rgba(249,179,52,0) 70%),
		linear-gradient(180deg,#fbfaf7 0%,#f5f3ed 100%);
	border-top:1px solid #efece4;
	border-bottom:1px solid #efece4;
}
/* çok düşük yoğunluklu nokta dokusu — ek görsel isteği yok */
.sssBolum::before{
	content:"";position:absolute;inset:0;pointer-events:none;
	background-image:radial-gradient(#111 1px, transparent 1px);
	background-size:22px 22px;opacity:.035;
}
.sssBolum .container{position:relative;z-index:1;}
.sssBolum h2{text-align:center;margin:0 0 34px !important;font-size:26px;font-weight:700;letter-spacing:-.01em;}
/* satır uzunluğunu okunabilir aralığa indir */
.sssBolum .panel-group{max-width:880px;margin:0 auto;}
.sssBolum .panel{
	border:1px solid #e7e3da !important;border-radius:10px;background:#fff;
	box-shadow:0 1px 2px rgba(17,17,17,.04) !important;margin-bottom:12px;overflow:hidden;
}
@media (max-width:767px){
	.sssBolum{padding:46px 0 50px !important;}
	.sssBolum h2{font-size:20px;margin-bottom:24px !important;}
}

/* ---------- ANA SAYFA KATEGORİ KARTLARI ---------- */
.homeslider{background:#fff !important;padding:58px 0 28px !important;}
.homeslider .row{margin-left:-14px;margin-right:-14px;}
.homeslider .row > div{padding-left:14px;padding-right:14px;}

.homeslider .box{
	display:flex !important;flex-direction:column;
	background:#fff;border:1px solid #ececec !important;border-radius:12px !important;
	overflow:hidden;margin-bottom:28px !important;
	box-shadow:0 1px 2px rgba(17,17,17,.04);
	transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
	transform:none !important;
}
.homeslider .box:hover{
	transform:translateY(-4px) !important;
	box-shadow:0 14px 30px rgba(17,17,17,.10);
	border-color:#e2ddd2 !important;
}

/* görsel: sabit kare oran — yüklenirken sıçrama (CLS) olmaz */
.homeslider .box img{
	display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;
	transition:transform .45s ease;
}
.homeslider .box:hover img{transform:scale(1.05);}

/* başlık alanı: siyah bant yerine beyaz, sarı vurgu çizgisi */
.homeslider .box .kategori{background:#fff;padding:0;}
.homeslider .box .kategori h3{
	border:0 !important;margin:0 !important;
	padding:17px 14px 18px !important;
	font-size:15px !important;font-weight:600 !important;line-height:1.35;
	color:#111 !important;background:#fff !important;
	text-transform:none !important;letter-spacing:0 !important;
	min-height:62px;display:flex;align-items:center;justify-content:center;
	position:relative;transition:color .2s;
}
.homeslider .box .kategori h3::after{
	content:"";position:absolute;left:50%;bottom:10px;
	width:26px;height:2px;background:var(--pro-mavi);
	transform:translateX(-50%) scaleX(0);transform-origin:center;
	transition:transform .25s ease;
}
.homeslider .box:hover .kategori h3::after{transform:translateX(-50%) scaleX(1);}

@media (max-width:767px){
	.homeslider{padding:34px 0 14px !important;}
	.homeslider .box{margin-bottom:20px !important;border-radius:10px !important;}
	.homeslider .box .kategori h3{font-size:13.5px !important;min-height:54px;padding:13px 10px 15px !important;}
	.homeslider .row{margin-left:-8px;margin-right:-8px;}
	.homeslider .row > div{padding-left:8px;padding-right:8px;}
}

/* ---------- KATEGORİ SAYFASI: ÜRÜN ve ALT KATEGORİ KARTLARI ---------- */
.product .item{
	padding:0 14px !important;margin-top:0 !important;margin-bottom:28px !important;
	overflow:visible !important;text-align:center;
}
.product .item > a{
	display:flex !important;flex-direction:column;height:100%;
	background:#fff;border:1px solid #ececec !important;border-radius:12px;
	box-shadow:0 1px 2px rgba(17,17,17,.04);
	padding:14px 14px 16px;overflow:hidden;
	transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.product .item > a:hover{
	transform:translateY(-4px);
	box-shadow:0 14px 30px rgba(17,17,17,.10);
	border-color:#e2ddd2 !important;
}

/* görsel: sabit kare oran, kırpmadan sığdır (ürün fotoğrafı kesilmesin) */
.product .item img{
	width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;
	padding:0 !important;border-radius:8px;background:#fff;
	transition:transform .4s ease;
}
.product .item > a:hover img{transform:scale(1.04);}

/* başlık: 2 satırda sabit — kartlar eşit yükseklikte kalır */
.product .item .title{
	height:56px !important;min-height:0 !important;
	padding:12px 0 4px !important;margin:0 !important;
	font-size:14px;font-weight:600;line-height:1.35;color:#111 !important;
	text-align:center;
	display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.product .item p{padding-left:0 !important;margin-bottom:0;}
.product .item .price{font-size:13px;color:#6b7280;letter-spacing:.01em;}
.product .item .price.fiyat{display:inline-block;margin-left:8px;font-weight:700;color:#111;}
.product .item .price.indirimli{color:#111;}

/* alt kategori kartlarındaki overlay sarmalayıcısını akışa al */
.product .item .overlay{
	position:static !important;background:none !important;
	padding:0 !important;width:auto !important;height:auto !important;
}

@media (max-width:767px){
	.product .item{padding:0 8px !important;margin-bottom:18px !important;}
	.product .item > a{padding:10px 10px 12px;border-radius:10px;}
	.product .item .title{font-size:13px;min-height:36px;padding:10px 0 4px !important;}
	.product .item .price{font-size:12px;}
}

/* ---------- ANA SAYFA HERO (eski sarı bölüm) ---------- */
.anaHero{
	position:relative;overflow:hidden;
	background:#111 var(--hero-img) center 60% / cover no-repeat;
	padding:92px 0 !important;margin:0 !important;border-radius:0;
	color:#fff;
}
.anaHero::before{
	content:"";position:absolute;inset:0;
	background:linear-gradient(105deg, rgba(12,12,12,.95) 0%, rgba(17,17,17,.88) 45%, rgba(17,17,17,.62) 100%);
}
.anaHero .container{position:relative;z-index:1;}
.anaHero-ic{max-width:720px;}
.anaHero-etiket{
	display:inline-flex;align-items:center;gap:10px;
	font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
	color:var(--pro-mavi);margin-bottom:18px;
}
.anaHero-etiket::before{content:"";width:28px;height:2px;background:var(--pro-mavi);}
.anaHero h2{
	font-size:42px !important;line-height:1.18;font-weight:700;
	color:#fff !important;margin:0 0 18px !important;letter-spacing:-.015em;
	text-shadow:none !important;
}
.anaHero p{
	font-size:16.5px !important;line-height:1.85;color:rgba(255,255,255,.80) !important;
	margin:0 0 32px !important;text-shadow:none !important;max-width:620px;
}
.anaHero-butonlar{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:46px;}
.anaHero-btn{
	display:inline-flex;align-items:center;gap:9px;
	padding:15px 30px;border-radius:999px;
	font-size:14.5px;font-weight:700;letter-spacing:.01em;text-decoration:none;
	transition:background .2s, color .2s, border-color .2s, transform .2s;
}
.anaHero-btn--sari{background:var(--pro-mavi);color:#111 !important;}
.anaHero-btn--sari:hover{background:#25d366;color:#fff !important;transform:translateY(-2px);}
.anaHero-btn--cerceve{background:transparent;color:#fff !important;border:1px solid rgba(255,255,255,.35);}
.anaHero-btn--cerceve:hover{background:#fff;color:#111 !important;border-color:#fff;transform:translateY(-2px);}

.anaHero-rakamlar{
	display:flex;flex-wrap:wrap;gap:14px 46px;
	list-style:none;margin:0;padding:30px 0 0;
	border-top:1px solid rgba(255,255,255,.14);
}
.anaHero-rakamlar li{display:flex;flex-direction:column;gap:3px;}
.anaHero-rakamlar strong{font-size:26px;font-weight:700;color:var(--pro-mavi);line-height:1.1;}
.anaHero-rakamlar span{font-size:12.5px;color:rgba(255,255,255,.66);letter-spacing:.01em;}

@media (max-width:991px){
	.anaHero{padding:64px 0 !important;}
	.anaHero h2{font-size:32px !important;}
	.anaHero::before{background:linear-gradient(180deg, rgba(12,12,12,.94), rgba(17,17,17,.88));}
	.anaHero-rakamlar{gap:16px 30px;}
}
@media (max-width:767px){
	.anaHero{padding:48px 0 !important;}
	.anaHero h2{font-size:26px !important;}
	.anaHero p{font-size:15px !important;margin-bottom:26px !important;}
	.anaHero-butonlar{margin-bottom:34px;}
	.anaHero-btn{padding:13px 24px;font-size:14px;}
	.anaHero-rakamlar li{flex:0 0 calc(50% - 15px);}
	.anaHero-rakamlar strong{font-size:21px;}
}

/* ---------- FOOTER ÜST BANT: siyah kalsın, rafine ---------- */
.sosyallinkler{
	padding:56px 0 !important;background:#111 !important;
	border-top:3px solid var(--pro-mavi);
}
.sosyallinkler .row{display:flex;flex-wrap:wrap;align-items:center;row-gap:26px;}
.sosyallinkler .row::before,.sosyallinkler .row::after{display:none !important;}
.sosyallinkler .bulutform h2{
	font-size:13px !important;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
	color:var(--pro-mavi) !important;margin:0 0 14px !important;
}
.sosyallinkler .bulutform p{
	color:rgba(255,255,255,.72) !important;font-size:15px !important;line-height:1.85;
	margin:0 !important;max-width:680px;
}
.sosyallinkler .sociallinks{display:flex;align-items:center;justify-content:flex-end;gap:12px;}
.sosyallinkler .sociallinks a{
	width:46px;height:46px;padding:0 !important;
	display:inline-flex;align-items:center;justify-content:center;
	border:1px solid rgba(255,255,255,.22);border-radius:50%;
	color:#fff !important;transition:background .2s,border-color .2s,color .2s,transform .2s;
}
.sosyallinkler .sociallinks a i{font-size:17px !important;}
.sosyallinkler .sociallinks a:hover{
	background:var(--pro-mavi);border-color:var(--pro-mavi);color:#111 !important;transform:translateY(-2px);
}
@media (max-width:767px){
	.sosyallinkler{padding:40px 0 !important;}
	.sosyallinkler .sociallinks{justify-content:center;}
	.sosyallinkler .bulutform p{font-size:14px !important;}
}

/* Kart alt satırı (ürün kodu + fiyat) tek satıra sabitlendi —
   fiyatı olan/olmayan ürünler aynı yüksekliği kaplasın */
.product .item a > p + p{
	display:flex !important;justify-content:center;align-items:center;
	gap:10px;flex-wrap:nowrap;white-space:nowrap;
	height:26px !important;margin:0 !important;overflow:hidden;
}
.product .item a > p + p .price{font-size:12.5px;}
@media (max-width:767px){
	.product .item .title{height:48px !important;font-size:13px;}
	.product .item a > p + p{height:22px !important;}
	.product .item a > p + p .price{font-size:11.5px;}
}

/* ---------- Kartlarda görsel tam genişlik (kenar boşluksuz) ---------- */
.product .item > a{padding:0 0 16px !important;}
.product .item img{
	display:block;width:100%;height:auto;
	aspect-ratio:4/3;object-fit:cover;object-position:center;
	border-radius:0 !important;padding:0 !important;margin:0 !important;
	background:#fff;
}
.product .item .title{padding:14px 14px 4px !important;}
.product .item a > p + p{padding:0 14px !important;}

@media (max-width:767px){
	.product .item > a{padding:0 0 12px !important;}
	.product .item .title{padding:11px 10px 3px !important;}
	.product .item a > p + p{padding:0 10px !important;}
}

/* ============================================================
   KART SİSTEMİ (kategori.php) — ürün ve alt kategori kartları
   Tek yapı, sabit yükseklik: görsel (4:3) + başlık (2 satır) + alt satır
   ============================================================ */
.product .item{
	padding:0 14px !important;margin:0 0 28px !important;
	overflow:visible !important;text-align:center;
}
.item > a.kart{
	display:flex !important;flex-direction:column;height:100%;
	background:#fff;border:1px solid #ececec !important;border-radius:12px;
	box-shadow:0 1px 2px rgba(17,17,17,.04);
	overflow:hidden;padding:0 !important;
	transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.item > a.kart:hover{
	transform:translateY(-4px);
	box-shadow:0 14px 30px rgba(17,17,17,.10);
	border-color:#e2ddd2 !important;
}

/* görsel kutusu: padding-top oranı — aspect-ratio desteği gerektirmez */
.item > a.kart .kart-gorsel{
	display:block;position:relative;width:100%;height:0;padding-top:75%;
	overflow:hidden;background:#f7f7f5;
}
.item > a.kart .kart-gorsel img{
	position:absolute;top:0;left:0;width:100% !important;height:100% !important;
	object-fit:cover;object-position:center;
	padding:0 !important;margin:0 !important;border-radius:0 !important;
	aspect-ratio:auto !important;
	transition:transform .45s ease;
}
.item > a.kart:hover .kart-gorsel img{transform:scale(1.05);}

.item > a.kart .kart-govde{
	display:flex;flex-direction:column;flex:1 1 auto;
	padding:14px 14px 16px;gap:8px;
}
/* başlık: her zaman 2 satırlık yer kaplar — uzun isim kartı uzatmaz */
.item > a.kart .kart-baslik{
	display:-webkit-box !important;-webkit-line-clamp:2;-webkit-box-orient:vertical;
	overflow:hidden;height:38px !important;min-height:0 !important;
	margin:0 !important;padding:0 !important;
	font-size:14px;font-weight:600;line-height:1.35;color:#111 !important;
	text-align:center;
}
.item > a.kart .kart-alt{
	display:flex;align-items:center;justify-content:center;gap:10px;
	height:24px;margin-top:auto;white-space:nowrap;overflow:hidden;
}
.item > a.kart .kart-kod{font-size:12.5px;color:#9ca3af !important;letter-spacing:.02em;}
.item > a.kart .kart-fiyat{font-size:13px;font-weight:700;color:#111 !important;}

/* alt kategori kartı: fiyat yerine yönlendirme satırı — yükseklik aynı kalır */
.item > a.kart .kart-link{
	display:inline-flex;align-items:center;gap:7px;
	font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
	color:#9ca3af !important;transition:color .2s, gap .2s;
}
.item > a.kart .kart-link::after{content:"\2192";font-size:14px;line-height:1;}
.item > a.kart--kategori:hover .kart-link{color:var(--pro-mavi) !important;gap:11px;}

@media (max-width:767px){
	.product .item{padding:0 8px !important;margin-bottom:18px !important;}
	.item > a.kart{border-radius:10px;}
	.item > a.kart .kart-govde{padding:11px 10px 13px;gap:6px;}
	.item > a.kart .kart-baslik{font-size:13px;height:35px !important;}
	.item > a.kart .kart-alt{height:20px;gap:8px;}
	.item > a.kart .kart-kod{font-size:11.5px;}
	.item > a.kart .kart-fiyat{font-size:12px;}
	.item > a.kart .kart-link{font-size:11px;letter-spacing:.06em;}
}

/* ============================================================
   KART VARYANTLARI
   .kart            → ortak iskelet (yukarıda)
   .kart--urun      → kategori sayfası ürün kartı
   .kart--kategori  → üst kategori sayfasındaki alt kategori kartı
   .kart--benzer    → ürün sayfası "benzer / aynı kategoriden" kartı
   ============================================================ */

/* --- ÜRÜN KARTI: fotoğraf kırpılmasın --- */
.item > a.kart--urun .kart-gorsel{background:#f7f7f5;}
.item > a.kart--urun .kart-gorsel img{
	object-fit:contain !important;
	padding:10px !important;
}

/* --- ALT KATEGORİ KARTI: gövde ada göre orantılı --- */
.item > a.kart--kategori .kart-gorsel{padding-top:72%;background:#f2f0ec;}
.item > a.kart--kategori .kart-gorsel img{object-fit:cover !important;padding:0 !important;}
.item > a.kart--kategori .kart-govde{
	height:74px;flex:0 0 auto;justify-content:center;
	padding:10px 12px 12px;gap:3px;
}
.item > a.kart--kategori .kart-baslik{
	height:auto !important;max-height:40px;
	font-size:15px;line-height:1.3;
}
.item > a.kart--kategori .kart-alt{height:15px;margin-top:0;}
.item > a.kart--kategori .kart-link{font-size:10.5px;letter-spacing:.1em;}

/* --- BENZER ÜRÜN KARTI (urun.php) --- */
.item > a.kart--benzer .kart-gorsel{padding-top:75%;background:#f7f7f5;}
.item > a.kart--benzer .kart-gorsel img{object-fit:contain !important;padding:8px !important;}
.item > a.kart--benzer .kart-govde{padding:12px 12px 14px;gap:6px;}
.item > a.kart--benzer .kart-baslik{height:35px !important;font-size:13px;}
.item > a.kart--benzer .kart-alt{height:20px;}
.item > a.kart--benzer .kart-kod{font-size:11.5px;}
.item > a.kart--benzer .kart-fiyat{font-size:12px;}

@media (max-width:767px){
	.item > a.kart--kategori .kart-govde{height:62px;padding:8px 10px 10px;}
	.item > a.kart--kategori .kart-baslik{font-size:13px;max-height:34px;}
	.item > a.kart--urun .kart-gorsel img{padding:7px !important;}
}

/* --- ALT KATEGORİ KARTI: "Ürünleri İncele" alta sabit, üst/alt boşluk eşit --- */
.item > a.kart--kategori .kart-govde{
	position:relative;
	height:92px;flex:0 0 auto;
	/* alt = üst boşluk (14) + CTA yüksekliği (15) + aralık (4) */
	padding:14px 12px 33px !important;
	display:flex;align-items:center;justify-content:center;gap:0;
}
.item > a.kart--kategori .kart-baslik{
	height:auto !important;max-height:40px;margin:0 !important;
	font-size:15px;line-height:1.3;
}
.item > a.kart--kategori .kart-alt{
	position:absolute;left:12px;right:12px;bottom:14px;
	height:15px;margin:0 !important;
}

/* ============================================================
   MOBİL DÜZELTMELERİ
   ============================================================ */

/* Mobil menü çekmecesi koyu zeminli — üst seviye bağlantılar beyaz kalmalı */
@media (max-width:991px){
	body header .menu ul li a{color:#fff !important;padding:14px 20px !important;}
	body header .menu ul li a.closemenu{color:#fff !important;}
	body header .menu .submenus ul li a{color:#333 !important;}
	body header .menu ul li a:hover{color:var(--pro-mavi) !important;}
	body header .menu .submenus ul li a:hover{color:#111 !important;}
	.menu > .container > .row > div > ul > li > a::after{display:none !important;}
}

@media (max-width:767px){
	/* üst bar: iki satıra taşıyordu, sıkılaştırıldı */
	.topheader .topbar-in{padding:9px 0;gap:6px;}
	.contactinfoheader ul{gap:14px;font-size:12px;}
	.contactinfoheader li{font-size:12px;}
	.topbar-sosyal{padding-left:14px !important;gap:13px !important;}

	/* alt kategori kartı */
	.item > a.kart--kategori .kart-govde{height:76px;padding:11px 10px 28px !important;}
	.item > a.kart--kategori .kart-baslik{font-size:13px;max-height:34px;}
	.item > a.kart--kategori .kart-alt{left:10px;right:10px;bottom:11px;height:13px;}
	.item > a.kart--kategori .kart-link{font-size:10px;letter-spacing:.08em;}

	/* ürün kartı */
	.item > a.kart--urun .kart-gorsel img{padding:7px !important;}
	.item > a.kart .kart-govde{padding:11px 10px 13px;gap:6px;}
}

/* yatay taşma güvenliği
   NOT: html/body üzerinde overflow-x:hidden kullanılmıyor — kaydırma kabı
   oluşturup menüdeki position:sticky'yi ve scroll olaylarını bozuyor.
   overflow-x:clip kaydırma kabı yaratmaz, sticky çalışmaya devam eder. */
html{overflow-x:clip;}
body{max-width:100%;overflow-x:clip;}
img{max-width:100%;}

/* --- Ürün kartı alt satırı: kod ve fiyat alt alta (tek satırda taşıyordu) --- */
.item > a.kart--urun .kart-alt,
.item > a.kart--benzer .kart-alt{
	flex-direction:column;justify-content:center;align-items:center;
	gap:2px;height:38px;width:100%;
	white-space:nowrap;overflow:hidden;
}
.item > a.kart--urun .kart-kod,
.item > a.kart--urun .kart-fiyat,
.item > a.kart--benzer .kart-kod,
.item > a.kart--benzer .kart-fiyat{
	display:block;max-width:100%;
	overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
	line-height:1.25;
}
.item > a.kart--urun .kart-kod{font-size:11.5px;letter-spacing:.04em;}
.item > a.kart--urun .kart-fiyat{font-size:13.5px;}
.item > a.kart--benzer .kart-alt{height:34px;}
.item > a.kart--benzer .kart-kod{font-size:11px;}
.item > a.kart--benzer .kart-fiyat{font-size:12.5px;}

@media (max-width:767px){
	.item > a.kart--urun .kart-alt,
	.item > a.kart--benzer .kart-alt{height:34px;gap:1px;}
	.item > a.kart--urun .kart-kod{font-size:10.5px;}
	.item > a.kart--urun .kart-fiyat{font-size:12px;}
}

/* --- Kod/fiyat kırpılması: style.css içindeki ".price{padding:4px}" kuralı
       satır yüksekliğini aşıyordu; sıfırlandı ve satıra pay verildi --- */
.item > a.kart .kart-kod,
.item > a.kart .kart-fiyat{
	padding:0 !important;margin:0 !important;border:0 !important;
	line-height:1.35 !important;
}
.item > a.kart--urun .kart-alt,
.item > a.kart--benzer .kart-alt{
	flex-direction:column !important;justify-content:center;align-items:center;
	gap:3px;height:44px !important;width:100%;overflow:visible !important;
}
.item > a.kart--benzer .kart-alt{height:40px !important;}

@media (max-width:767px){
	.item > a.kart--urun .kart-alt,
	.item > a.kart--benzer .kart-alt{height:40px !important;gap:2px;}
}

/* ============================================================
   ÜRÜN DETAY SAYFASI (urun.php)
   ============================================================ */
.detail{padding:34px 0 10px;}

/* --- galeri --- */
.detail .image{
	border:1px solid #ececec;border-radius:14px;overflow:hidden;
	background:#f7f7f5;padding:18px;margin-bottom:14px;
}
.detail .image a{display:block;}
.detail .image img{
	display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;
	mix-blend-mode:multiply;
}
.prodsubimage a{
	display:block;border:1px solid #ececec;border-radius:10px;overflow:hidden;
	background:#f7f7f5;padding:8px;margin-right:8px;transition:border-color .2s;
}
.prodsubimage a:hover{border-color:var(--pro-mavi);}
.prodsubimage img{width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;}

/* --- başlık ve fiyat --- */
.urunBaslik{
	font-size:26px !important;font-weight:700;line-height:1.3;
	color:#111;margin:0 0 14px !important;letter-spacing:-.01em;
}
.detail .col-lg-6 > .price.fiyat{
	display:inline-block;margin:0 0 20px;padding:10px 18px;
	background:#fffaf0;border:1px solid #f2e3c4;border-radius:10px;
	font-size:22px !important;font-weight:700;color:#111 !important;
}

/* --- teknik özellik listesi --- */
.detail ul.detailsxml{list-style:none;margin:0 0 22px;padding:0;border-top:1px solid #eee;}
.detail ul.detailsxml li.urundetaymadde{
	display:flex;justify-content:space-between;align-items:baseline;gap:16px;
	padding:11px 2px;border-bottom:1px solid #f0f0f0;
	font-size:14px;color:var(--oz-gri);
}
.detail ul.detailsxml li.urundetaymadde span{
	color:#111;font-weight:600;text-align:right;
}

/* --- teklif butonları --- */
.urunCta{display:flex;flex-direction:column;gap:10px;margin:22px 0 8px;}
.urunCta-btn{
	display:flex;align-items:center;justify-content:center;gap:10px;
	padding:15px 22px;border-radius:999px;
	font-size:15px;font-weight:700;text-decoration:none;
	transition:background .2s,color .2s,border-color .2s,transform .2s;
}
.urunCta-btn--wa{background:#25d366;color:#fff !important;}
.urunCta-btn--wa:hover{background:#1da851;color:#fff !important;transform:translateY(-2px);}
.urunCta-btn--mail{background:#fff;color:#111 !important;border:1px solid #d9d9d9;}
.urunCta-btn--mail:hover{background:#111;color:#fff !important;border-color:#111;transform:translateY(-2px);}

/* --- teknik bilgi / baskı fiyatı tabloları --- */
.urunTablo{
	width:100%;margin:20px 0 !important;border-collapse:separate;border-spacing:0;
	border:1px solid #ececec;border-radius:12px;overflow:hidden;font-size:13px;
}
.urunTablo th,.urunTablo td{text-align:center;padding:11px 8px;border:0;}
.urunTablo .urunTablo-ust th{
	background:#111;color:#fff;font-weight:700;
	font-size:12px;letter-spacing:.12em;text-transform:uppercase;
}
.urunTablo .urunTablo-baslik th{
	background:#faf8f4;color:var(--oz-gri);font-weight:600;
	font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;
	border-bottom:1px solid #eee;
}
.urunTablo .urunTablo-satir td{background:#fff;color:#111;font-weight:600;font-size:14px;}

/* --- varyant (aynı kod grubu) tablosu --- */
.urunVaryant{
	width:100%;margin:22px 0 !important;font-size:13px;
	border:1px solid #ececec;border-radius:12px;border-collapse:separate;border-spacing:0;overflow:hidden;
}
.urunVaryant thead th{
	background:#faf8f4;color:var(--oz-gri);font-weight:600;
	font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;
	padding:11px 10px;border:0;border-bottom:1px solid #eee;text-align:left;
}
.urunVaryant td{padding:10px;border:0;border-bottom:1px solid #f4f4f4;vertical-align:middle;color:#111;}
.urunVaryant tr:last-child td{border-bottom:0;}
.urunVaryant tr:hover td{background:#fbfaf7;}
.urunVaryant img{border:1px solid #efefef;border-radius:8px;background:#f7f7f5;}

/* --- alt karusel başlığı --- */
.detail + section .heading,
section.product > .heading{
	font-size:22px;font-weight:700;color:#111;text-transform:none;
	letter-spacing:-.01em;margin:44px 0 22px;background:none !important;
}
section.product .owl-carousel .item{padding:0 8px;}

/* --- teklif formu --- */
#teklifmodal input[type="text"],#teklifmodal input[type="email"],
#teklifmodal input[type="tel"],#teklifmodal textarea,#teklifmodal select{
	width:100%;border:1px solid #e2e2e2;border-radius:10px;
	padding:13px 16px;font-size:14px;margin-bottom:12px;background:#fff;
	transition:border-color .2s,box-shadow .2s;
}
#teklifmodal input:focus,#teklifmodal textarea:focus,#teklifmodal select:focus{
	border-color:var(--pro-mavi);box-shadow:0 0 0 3px rgba(249,179,52,.16);outline:none;
}
#teklifmodal .inheading span{font-size:20px;font-weight:700;color:#111;}

@media (max-width:991px){
	.urunBaslik{font-size:22px !important;}
	.detail .col-lg-6 > .price.fiyat{font-size:19px !important;padding:9px 15px;}
	.detail .image{padding:14px;border-radius:12px;}
}
@media (max-width:767px){
	.detail{padding:22px 0 6px;}
	.urunCta-btn{padding:13px 18px;font-size:14px;}
	.urunTablo,.urunVaryant{font-size:12px;}
	.urunTablo th,.urunTablo td{padding:9px 5px;}
	section.product > .heading{font-size:18px;margin:30px 0 16px;}
}

/* ============================================================
   İÇERİK SAYFALARI (icerik.php + icerik/*.php)
   ============================================================ */
.icerikUst{
	background:linear-gradient(180deg,#fbfaf7 0%,#f5f3ed 100%);
	border-top:1px solid #efece4;border-bottom:1px solid #efece4;
	padding:44px 0 42px;
}
.icerikUst h1{
	font-size:32px;font-weight:700;color:#111;margin:0 0 10px;letter-spacing:-.015em;line-height:1.25;
}
.icerikUst-ozet{
	font-size:16px;color:var(--oz-gri);margin:0;line-height:1.75;max-width:720px;
}
.icerikSayfa .contact{padding:48px 0 56px;}

/* --- metin sayfaları --- */
.icerikMetin{max-width:820px;margin:0 auto;}
.icerikMetin p{
	font-size:16px;line-height:1.9;color:#3f3f46;margin:0 0 20px;text-align:left;
}
.icerikMetin strong{color:#111;}
.icerikGorsel{
	display:block;width:100%;height:auto;border-radius:14px;
	border:1px solid #ececec;margin:28px 0;
}

/* --- iletişim formu --- */
.iletisimAciklama{font-size:15px;color:var(--oz-gri);line-height:1.8;margin:0 0 22px;}
.iletisimForm-satir{display:flex;gap:14px;flex-wrap:wrap;}
.iletisimForm-satir > .iletisimForm-alan{flex:1 1 220px;}
.iletisimForm-alan{margin-bottom:14px;}
.iletisimForm-alan label{
	display:block;font-size:12.5px;font-weight:600;color:var(--oz-gri);
	letter-spacing:.04em;text-transform:uppercase;margin-bottom:7px;
}
.iletisimForm-alan label span{color:var(--pro-mavi);}
.iletisimForm input[type="text"],.iletisimForm input[type="email"],
.iletisimForm input[type="tel"],.iletisimForm textarea{
	width:100%;border:1px solid #e2e2e2;border-radius:10px;
	padding:13px 16px;font-size:14.5px;background:#fff;color:#111;
	transition:border-color .2s,box-shadow .2s;
}
.iletisimForm input:focus,.iletisimForm textarea:focus{
	border-color:var(--pro-mavi);box-shadow:0 0 0 3px rgba(249,179,52,.16);outline:none;
}
.iletisimForm textarea{resize:vertical;min-height:130px;}
.iletisimForm-btn{
	display:inline-flex;align-items:center;justify-content:center;
	background:var(--pro-mavi);color:#111;border:0;border-radius:999px;
	padding:15px 34px;font-size:15px;font-weight:700;cursor:pointer;margin-top:6px;
	transition:background .2s,color .2s,transform .2s;
}
.iletisimForm-btn:hover{background:#111;color:#fff;transform:translateY(-2px);}

/* --- iletişim bilgi kartları --- */
.iletisimBilgi{list-style:none;margin:0 0 26px;padding:0;}
.iletisimBilgi li{
	display:flex;gap:14px;align-items:flex-start;
	padding:16px 18px;margin-bottom:10px;
	background:#fbfaf7;border:1px solid #efece4;border-radius:12px;
}
.iletisimBilgi li i{
	flex:none;width:38px;height:38px;border-radius:50%;
	display:inline-flex;align-items:center;justify-content:center;
	background:#fff;border:1px solid #eee;color:var(--pro-mavi);font-size:15px;
}
.iletisimBilgi li span{
	display:block;font-size:11.5px;font-weight:700;letter-spacing:.12em;
	text-transform:uppercase;color:#9ca3af;margin-bottom:4px;
}
.iletisimBilgi li strong{display:block;font-size:14.5px;font-weight:600;color:#111;line-height:1.6;}
.iletisimBilgi li strong a{color:#111;}
.iletisimBilgi li strong a:hover{color:var(--pro-mavi);}
.iletisimHarita{border:1px solid #ececec;border-radius:14px;overflow:hidden;}
.iletisimHarita iframe{display:block;border:0;width:100%;height:360px;}
#alert{
	background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;
	padding:16px 18px;border-radius:12px;font-size:14.5px;line-height:1.7;margin-bottom:18px;
}

/* --- banka bilgileri --- */
.bankaUyari{
	background:#fffaf0;border:1px solid #f2e3c4;border-left:3px solid var(--pro-mavi);
	border-radius:12px;padding:18px 20px;font-size:14.5px;line-height:1.85;
	color:#6b5320;margin:0 0 28px;
}
.bankaUyari strong{display:block;color:#111;margin-bottom:6px;}
.bankaUyari a{color:#111;font-weight:600;text-decoration:underline;}
.bankaListe{display:flex;flex-wrap:wrap;}
.bankaListe > div{margin-bottom:20px;display:flex;}
.bankaKart{
	display:flex;flex-direction:column;width:100%;
	background:#fff;border:1px solid #ececec;border-radius:12px;
	padding:20px 18px;box-shadow:0 1px 2px rgba(17,17,17,.04);
	transition:box-shadow .2s,border-color .2s;
}
.bankaKart:hover{box-shadow:0 10px 24px rgba(17,17,17,.08);border-color:#e2ddd2;}
.bankaKart-logo{height:42px;display:flex;align-items:center;margin-bottom:14px;}
.bankaKart-logo img{max-height:38px;width:auto;max-width:150px;}
.bankaKart-isim{font-size:14px !important;font-weight:700;color:#111;margin:0 0 4px !important;}
.bankaKart-hesap{font-size:12.5px;color:var(--oz-gri);line-height:1.6;margin:0 0 14px;}
.bankaKart-iban{display:flex;gap:8px;margin-top:auto;}
.bankaKart-iban input{
	flex:1 1 auto;min-width:0;border:1px solid #e8e8e8;border-radius:9px;
	background:#fbfaf7;padding:11px 12px;font-size:13px;color:#111;
	letter-spacing:.02em;font-family:inherit;
}
.bankaKart-kopyala{
	flex:none;display:inline-flex;align-items:center;gap:6px;
	border:1px solid #e8e8e8;background:#fff;border-radius:9px;
	padding:0 14px;font-size:12.5px;font-weight:600;color:#111;cursor:pointer;
	transition:background .2s,color .2s,border-color .2s;
}
.bankaKart-kopyala:hover{background:#111;color:#fff;border-color:#111;}
.bankaKart-kopyala.kopyalandi{background:#16a34a;border-color:#16a34a;color:#fff;}

/* --- referanslar --- */
.referanslar{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;}
.referansKutu{
	flex:0 0 auto;width:calc(25% - 12px);
	display:flex;align-items:center;justify-content:center;
	background:#fff;border:1px solid #ececec;border-radius:12px;
	padding:18px;min-height:120px;
	transition:box-shadow .2s,border-color .2s,transform .2s;
}
.referansKutu:hover{box-shadow:0 10px 24px rgba(17,17,17,.08);border-color:#e2ddd2;transform:translateY(-3px);}
.referansKutu img{max-width:100%;height:auto;max-height:70px;width:auto;}

/* ---------- İÇERİK SAYFALARI: MOBİL ---------- */
@media (max-width:991px){
	.icerikUst{padding:32px 0 30px;}
	.icerikUst h1{font-size:26px;}
	.icerikUst-ozet{font-size:15px;}
	.icerikSayfa .contact{padding:32px 0 38px;}
	.referansKutu{width:calc(33.333% - 11px);}
	.iletisimHarita iframe{height:300px;}
}
@media (max-width:767px){
	.icerikUst{padding:26px 0 24px;}
	.icerikUst h1{font-size:22px;}
	.icerikMetin p{font-size:15px;line-height:1.85;}
	.icerikGorsel{margin:20px 0;border-radius:12px;}
	.iletisimForm-satir{gap:0;}
	.iletisimForm-satir > .iletisimForm-alan{flex:1 1 100%;}
	.iletisimForm-btn{width:100%;padding:14px 20px;}
	.iletisimBilgi li{padding:13px 14px;gap:11px;}
	.iletisimBilgi li i{width:34px;height:34px;font-size:14px;}
	.iletisimHarita iframe{height:240px;}
	.bankaUyari{font-size:13.5px;padding:15px 16px;}
	.bankaKart-iban{flex-direction:column;gap:7px;}
	.bankaKart-kopyala{justify-content:center;padding:11px 14px;}
	.referansKutu{width:calc(50% - 8px);min-height:96px;padding:14px;}
	.referansKutu img{max-height:56px;}
}

/* --- Banka kartı revizyonu: logo filigran, kopyala butonu küçük --- */
.bankaKart{position:relative;overflow:hidden;padding:20px 18px;}
.bankaKart-filigran{
	position:absolute;right:-6px;top:50%;transform:translateY(-50%);
	width:150px;max-width:55%;height:auto;
	opacity:.07;filter:grayscale(100%);
	pointer-events:none;user-select:none;z-index:0;
}
.bankaKart > *:not(.bankaKart-filigran){position:relative;z-index:1;}
.bankaKart-isim{font-size:15px !important;font-weight:700;margin:0 0 5px !important;}
.bankaKart-hesap{font-size:12.5px;line-height:1.6;margin:0 0 16px;}

.bankaKart-iban{display:flex;gap:8px;align-items:stretch;margin-top:auto;}
.bankaKart-iban input{padding:10px 12px;font-size:12.5px;}
.bankaKart-kopyala{
	flex:none;width:40px;height:40px;padding:0;
	display:inline-flex;align-items:center;justify-content:center;gap:0;
	border:1px solid #e8e8e8;background:#fff;border-radius:9px;
	color:var(--oz-gri);font-size:14px;cursor:pointer;
	transition:background .2s,color .2s,border-color .2s;
}
.bankaKart-kopyala span{display:none;}
.bankaKart-kopyala:hover{background:#111;color:#fff;border-color:#111;}
.bankaKart-kopyala.kopyalandi{background:#16a34a;border-color:#16a34a;color:#fff;}

@media (max-width:767px){
	.bankaKart-iban{flex-direction:row;gap:8px;}
	.bankaKart-kopyala{width:40px;height:40px;padding:0;}
	.bankaKart-filigran{width:120px;opacity:.06;}
}

/* --- Form alanı kayması: style.css'teki
       ".contact input[type=text], .contact textarea { margin:30px 0 0 }"
       kuralı yalnızca text ve textarea'ya uyguladığı için email/tel alanları
       30px yukarıda kalıyordu. Tüm alanlarda sıfırlandı. --- */
.iletisimForm input,
.iletisimForm textarea,
.iletisimForm select,
#teklifmodal input,
#teklifmodal textarea,
#teklifmodal select{
	margin:0 !important;
	float:none !important;
	box-sizing:border-box;
}
.iletisimForm .iletisimForm-alan{display:flex;flex-direction:column;}
.iletisimForm .iletisimForm-satir{align-items:flex-start;}
#teklifmodal input,#teklifmodal textarea,#teklifmodal select{margin-bottom:12px !important;}

/* --- İçerik metin genişliği: 820px'lik ortalı kolon geniş ekranda
       iki yanda fazla boşluk bırakıyordu. Başlık ile aynı hizaya
       çekilip 960px'e genişletildi. --- */
.icerikMetin{max-width:960px;margin:0 !important;}
.icerikUst h1,
.icerikUst-ozet{max-width:960px;}
@media (min-width:1600px){
	.icerikMetin,.icerikUst h1,.icerikUst-ozet{max-width:1040px;}
}
@media (max-width:1199px){
	.icerikMetin,.icerikUst h1,.icerikUst-ozet{max-width:100%;}
}

/* --- Ürün ana görseli: style.css'teki ".padded .image img{border:1px solid #b6b4b9}"
       çerçeve içinde ikinci bir çerçeve oluşturuyordu --- */
.detail .image img,
.padded .image img{
	border:0 !important;border-radius:0 !important;
	mix-blend-mode:normal;background:transparent;
}
.detail .image{
	border:1px solid #ececec;border-radius:14px;background:#fff;
	padding:22px;overflow:hidden;
}
.detail .image a{display:block;border:0;}

/* --- Teknik özellikler: gri kutular yerine temiz tablo görünümü --- */
.detail ul.detailsxml{
	list-style:none;margin:6px 0 24px !important;padding:0;
	border:1px solid #ececec;border-radius:12px;overflow:hidden;
}
.detail ul.detailsxml li.urundetaymadde{
	display:flex !important;justify-content:space-between;align-items:center;gap:16px;
	padding:13px 16px !important;margin:0 !important;
	background:#fff !important;border:0 !important;
	border-bottom:1px solid #f2f2f2 !important;
	font-size:13.5px !important;font-weight:400 !important;
	color:var(--oz-gri) !important;line-height:1.5 !important;
}
.detail ul.detailsxml li.urundetaymadde:nth-child(odd){background:#fbfaf7 !important;}
.detail ul.detailsxml li.urundetaymadde:last-child{border-bottom:0 !important;}
.detail ul.detailsxml li.urundetaymadde span{
	color:#111 !important;font-weight:600;font-size:14px;text-align:right;
}
.detail ul.detailsxml li.urundetaymadde span.kalin{color:#16a34a !important;font-weight:700;}

/* imalat notu */
.detail ul.detailsxml li.urunNot{
	display:flex !important;align-items:flex-start;gap:9px;
	padding:13px 16px !important;margin:0 !important;
	background:#fffaf0 !important;border:0 !important;
	border-top:1px solid #f2e3c4 !important;
	font-size:13px !important;font-weight:500 !important;color:#6b5320 !important;
	line-height:1.6;text-align:left;
}
.detail ul.detailsxml li.urunNot i{color:var(--pro-mavi);margin-top:2px;}

@media (max-width:767px){
	.detail .image{padding:14px;border-radius:12px;}
	.detail ul.detailsxml li.urundetaymadde{padding:11px 13px !important;font-size:13px !important;}
	.detail ul.detailsxml li.urundetaymadde span{font-size:13.5px;}
}

/* --- Banka kartı: IBAN/kopyala hizası ve filigran konumu --- */
/* style.css'teki ".contact input[type=text]{margin:30px 0 0}" kuralı
   IBAN alanını butona göre aşağı kaydırıyordu */
.bankaKart input,
.bankaKart-iban input{margin:0 !important;float:none !important;}
.bankaKart-iban{display:flex;align-items:center;gap:8px;margin-top:auto;}
.bankaKart-iban input{height:40px;line-height:1.2;}
.bankaKart-kopyala{width:40px;height:40px;flex:none;}

/* filigran sağ üst köşeden başlasın */
.bankaKart-filigran{
	top:-8px;right:-8px;transform:none;
	width:140px;max-width:58%;opacity:.07;
}
@media (max-width:767px){
	.bankaKart-filigran{width:110px;top:-6px;right:-6px;}
}

/* Kart içindeki fiyatta üstü çizili görünüm olmasın
   (.indirimsiz sınıfı temada line-through uyguluyor) */
.item > a.kart .kart-fiyat,
.item > a.kart .kart-fiyat.indirimsiz{
	text-decoration:none !important;
}

/* ============================================================
   SABİT (STICKY) BUTONLAR — WhatsApp / Ara / Başa dön
   Eski .float ve #myBtn kuralları devre dışı; tek bir yığın.
   ============================================================ */
.float{display:none !important;}
.button-container{display:none !important;}

.stickyBtnlar{
	position:fixed;right:22px;bottom:22px;z-index:9990;
	display:flex;flex-direction:column;align-items:flex-end;gap:10px;
}
.stickyBtn{
	display:inline-flex;align-items:center;justify-content:center;
	width:52px;height:52px;padding:0;border:0;border-radius:999px;
	background:#111;color:#fff !important;cursor:pointer;
	font-size:20px;line-height:1;text-decoration:none;
	box-shadow:0 6px 18px rgba(17,17,17,.22);
	overflow:hidden;white-space:nowrap;
	transition:width .28s ease, background .2s ease, transform .2s ease, box-shadow .2s ease, opacity .25s ease;
}
.stickyBtn i{flex:none;width:52px;text-align:center;font-size:20px;}
.stickyBtn-etiket{
	max-width:0;opacity:0;font-size:14px;font-weight:700;letter-spacing:.01em;
	transition:max-width .28s ease, opacity .2s ease, padding .28s ease;
	padding:0;
}
.stickyBtn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(17,17,17,.28);}
.stickyBtn:hover .stickyBtn-etiket{max-width:140px;opacity:1;padding-right:20px;}

.stickyBtn--wa{background:#25d366;}
.stickyBtn--wa:hover{background:#1da851;}
.stickyBtn--tel{background:var(--pro-mavi);color:#111 !important;}
.stickyBtn--tel:hover{background:#e8a222;}

/* başa dön: sayfa kaydırılınca görünür */
.stickyBtn--ust{
	background:#fff;color:#111 !important;border:1px solid #e4e4e4;
	box-shadow:0 6px 16px rgba(17,17,17,.12);
	opacity:0;visibility:hidden;transform:translateY(10px);pointer-events:none;
}
.stickyBtn--ust.gorunur{opacity:1;visibility:visible;transform:none;pointer-events:auto;}
.stickyBtn--ust:hover{background:#111;color:#fff !important;border-color:#111;}
.stickyBtn--ust:hover .stickyBtn-etiket{max-width:0;padding-right:0;}

@media (max-width:991px){
	.stickyBtnlar{right:14px;bottom:14px;gap:9px;}
	.stickyBtn{width:48px;height:48px;font-size:18px;}
	.stickyBtn i{width:48px;font-size:18px;}
	/* dokunmatikte hover yok — etiketler açılmasın */
	.stickyBtn:hover .stickyBtn-etiket{max-width:0;opacity:0;padding-right:0;}
}
@media (hover:none){
	.stickyBtn:hover{transform:none;}
	.stickyBtn:hover .stickyBtn-etiket{max-width:0;opacity:0;padding-right:0;}
}

/* --- Benzer ürünler karuseli: .owl-stage-outer overflow:hidden olduğu için
       hover'da yukarı kalkan kartın üst kenarı kırpılıyordu.
       Kırpma kutusu padding ile yukarı/aşağı genişletildi. --- */
section.product .owl-carousel .owl-stage-outer{
	padding:10px 0 20px;
	margin:-10px 0 -20px;
}
section.product .owl-carousel .owl-item{padding:0 2px;}
.item > a.kart--benzer:hover{transform:translateY(-3px);}

/* Banka kartı filigranı: sağ ALT köşeden taşsın */
.bankaKart-filigran{
	top:auto;bottom:-8px;right:-8px;transform:none;
}
@media (max-width:767px){
	.bankaKart-filigran{top:auto;bottom:-6px;right:-6px;}
}

/* Banka kartı filigranı: kartın tüm yüksekliğini kaplasın (üstten alta) */
.bankaKart-filigran{
	top:0;bottom:0;right:0;left:auto;
	width:62%;max-width:none;height:100%;
	object-fit:cover;object-position:right center;
	transform:none;opacity:.06;
}
@media (max-width:767px){
	.bankaKart-filigran{top:0;bottom:0;right:0;width:58%;height:100%;opacity:.055;}
}

/* ============================================================
   FOOTER REVİZYONU
   ============================================================ */

/* --- siyah bant: nefes payı ve firma adı hiyerarşisi --- */
.sosyallinkler{padding:76px 0 !important;}
.sosyallinkler .bulutform-etiket{
	display:inline-flex;align-items:center;gap:10px;
	font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
	color:var(--pro-mavi);margin-bottom:14px;
}
.sosyallinkler .bulutform-etiket::before{content:"";width:26px;height:2px;background:var(--pro-mavi);}
.sosyallinkler .bulutform h2{
	font-size:28px !important;font-weight:700 !important;
	color:#fff !important;letter-spacing:-.01em;text-transform:none;
	margin:0 0 14px !important;line-height:1.25;
}
.sosyallinkler .bulutform p{
	color:rgba(255,255,255,.70) !important;font-size:15.5px !important;
	line-height:1.9;margin:0 !important;max-width:640px;
}

/* --- link sütunları: sm'de 4. sütun tam genişlik olup tek başına
       alt satıra düşüyor ve ortalı duruyordu; artık 2x2 ızgara --- */
.footer .row{display:flex;flex-wrap:wrap;}
.footer .row::before,.footer .row::after{display:none !important;}
.footer .row > div{margin-bottom:26px;}
.footer .footerFirma{text-align:left !important;}
.footer .footerFirma .footer-logo{margin:0 0 18px;}
.footer .footer-adres{text-align:left;}
.footer .list-with-icon li a{align-items:center;}
.footer .list-with-icon li i{margin-top:0;width:16px;text-align:center;}

@media (min-width:1200px){
	.footer .row > div{margin-bottom:0;}
}
@media (max-width:991px){
	.sosyallinkler{padding:52px 0 !important;}
	.sosyallinkler .bulutform h2{font-size:24px !important;}
}
@media (max-width:767px){
	.sosyallinkler{padding:42px 0 !important;}
	.sosyallinkler .bulutform h2{font-size:21px !important;}
	.sosyallinkler .bulutform p{font-size:14.5px !important;}
	.footer .row > div{margin-bottom:30px;}
	.footer .row > div:last-child{margin-bottom:0;}
}

/* Siyah bant: firma adı sarı ve büyük */
.sosyallinkler .bulutform h2{
	color:var(--pro-mavi) !important;
	font-size:32px !important;
	margin:0 0 16px !important;
}
@media (max-width:991px){ .sosyallinkler .bulutform h2{font-size:26px !important;} }
@media (max-width:767px){ .sosyallinkler .bulutform h2{font-size:22px !important;} }

/* ============================================================
   SOL KATEGORİ MENÜSÜ (katlistx.php)
   ============================================================ */
.leftmenu{
	background:#fff !important;
	border:1px solid #ececec !important;border-radius:12px;
	overflow:visible;box-shadow:0 1px 2px rgba(17,17,17,.04);
}
.leftmenu > ul{margin:0;padding:0;list-style:none;}

/* başlık satırı: siyah bant yerine krem zemin + sarı çizgi */
.leftmenu > ul > li.leftmenu-baslik,
.leftmenu > ul > li:first-child{
	background:#fbfaf7 !important;color:#111 !important;
	padding:15px 16px !important;
	font-size:12px !important;font-weight:700 !important;
	letter-spacing:.14em;text-transform:uppercase;
	border-bottom:1px solid #ececec !important;
	border-radius:12px 12px 0 0;
}
.leftmenu > ul > li.leftmenu-baslik i{
	float:none !important;padding:0 9px 0 0 !important;color:var(--pro-mavi);
}

.leftmenu ul li{border-bottom:1px solid #f4f4f4 !important;}
.leftmenu > ul > li:last-child{border-bottom:0 !important;}
.leftmenu > ul > li > a{
	display:flex !important;align-items:center;justify-content:space-between;gap:10px;
	padding:12px 16px !important;
	font-size:14px;color:#3f3f46 !important;line-height:1.4;
	position:relative;transition:background .18s,color .18s,padding .18s;
}
.leftmenu > ul > li > a i{
	float:none !important;padding:0 !important;
	font-size:12px;color:#c9c9c9;transition:transform .2s,color .2s;
}
.leftmenu > ul > li > a::before{
	content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;
	background:var(--pro-mavi);border-radius:0 3px 3px 0;
	transform:scaleY(0);transform-origin:center;transition:transform .2s;
}
.leftmenu > ul > li > a:hover{background:#fbfaf7;color:#111 !important;padding-left:20px !important;}
.leftmenu > ul > li > a:hover::before{transform:scaleY(1);}
.leftmenu > ul > li > a:hover i{color:var(--pro-mavi);transform:translateX(3px);}

/* aktif kategori */
.leftmenu > ul > li.aktifUst > a{background:#fffaf0;color:#111 !important;font-weight:600;}
.leftmenu > ul > li.aktifUst > a::before{transform:scaleY(1);}

/* açılır panel */
.leftmenu .submenus{
	border:1px solid #ececec !important;border-radius:12px;
	box-shadow:0 18px 40px rgba(17,17,17,.12) !important;
	padding:22px 20px !important;
}
.leftmenu .submenus ul li{border:0 !important;padding:0 !important;}
.leftmenu .submenus ul li a{
	display:block;padding:7px 10px !important;border-radius:8px;
	font-size:13px;color:#3f3f46 !important;line-height:1.45;
	transition:background .16s,color .16s;
}
.leftmenu .submenus ul li a:hover{background:#fbfaf7;color:#111 !important;}
.leftmenu .submenus ul li a.aktif{
	background:#fffaf0;color:#111 !important;font-weight:600;
	box-shadow:inset 2px 0 0 var(--pro-mavi);
}

/* --- Alternatif ürün görselleri: zemin beyaz (ürün fotoğrafları da beyaz
       zeminli olduğu için gri kutu çerçeve gibi duruyordu) --- */
.prodsubimage{margin-top:10px;}
.prodsubimage a{
	display:block;background:#fff !important;
	border:1px solid #ececec !important;border-radius:10px;
	padding:6px !important;margin-right:8px;overflow:hidden;
	transition:border-color .2s, box-shadow .2s;
}
.prodsubimage a:hover{
	border-color:var(--pro-mavi) !important;
	box-shadow:0 4px 12px rgba(17,17,17,.08);
}
.prodsubimage img{
	display:block;width:100%;height:auto;
	aspect-ratio:1/1;object-fit:contain;background:#fff;
}
.detail .image{background:#fff !important;}

/* ============================================================
   MENÜ: beyaz bar + siyah "Tüm Kategoriler" çipi + aktif vurgu
   ============================================================ */
.menu{
	border-bottom:2px solid #e0ddd6 !important;
	border-top:1px solid #efece4 !important;
}
.menu > .container > .row > div > ul{
	display:flex;align-items:center;gap:4px;
}

/* "Tüm Kategoriler" dolu çip */
.menu > .container > .row > div > ul > li.multiple > a{
	background:#111 !important;color:#fff !important;
	border-radius:999px;
	padding:11px 22px !important;margin:0 10px 0 0;
	display:inline-flex !important;align-items:center;gap:9px;
	transition:background .2s,color .2s;
}
.menu > .container > .row > div > ul > li.multiple > a i{
	color:var(--pro-mavi);font-size:12px;transition:transform .2s;
}
.menu > .container > .row > div > ul > li.multiple > a:hover{background:#000 !important;color:#fff !important;}
.menu > .container > .row > div > ul > li.multiple:hover > a i{transform:rotate(180deg);}
.menu > .container > .row > div > ul > li.multiple > a::after{display:none !important;}
.menu > .container > .row > div > ul > li.multiple.active > a{
	background:var(--pro-mavi) !important;color:#111 !important;
}
.menu > .container > .row > div > ul > li.multiple.active > a i{color:#111;}

/* aktif sayfa: kalıcı sarı alt çizgi */
.menu > .container > .row > div > ul > li.active > a::after{
	transform:scaleX(1) !important;
}
.menu > .container > .row > div > ul > li.active > a{color:#111 !important;font-weight:700;}

@media (max-width:991px){
	/* mobil çekmece: lacivertten siyaha */
	body header .menu > .container > .row > div > ul{
		background:#111 !important;display:block;gap:0;
	}
	body header .menu > .container > .row > div > ul > li.multiple > a{
		background:transparent !important;color:#fff !important;
		border-radius:0;padding:14px 20px !important;margin:0;
	}
	body header .menu > .container > .row > div > ul > li.multiple.active > a{
		background:rgba(249,179,52,.14) !important;color:var(--pro-mavi) !important;
	}
	body header .menu > .container > .row > div > ul > li.active > a{
		color:var(--pro-mavi) !important;
	}
	.menu{border-bottom-width:1px !important;}
}

/* ============================================================
   MENÜ: siyah bar (beyaz bar ve siyah çip denemesi geri alındı)
   Boşluklar, harf aralığı, sticky ve sarı aktif çizgi korunuyor.
   ============================================================ */
.menu{
	background:#111 !important;color:#fff !important;
	border-top:0 !important;border-bottom:0 !important;
}
.menu .mobile{color:#fff !important;}

.menu > .container > .row > div > ul{display:flex;align-items:center;gap:0;}
.menu ul li a{color:#fff !important;}
.menu ul li a:hover,
.menu ul li.active a{color:#fff !important;background:transparent !important;}

/* "Tüm Kategoriler" çipi kaldırıldı — diğer öğelerle aynı */
.menu > .container > .row > div > ul > li.multiple > a{
	background:transparent !important;color:#fff !important;
	border-radius:0;padding:18px 26px !important;margin:0;
	display:flex !important;align-items:center;gap:9px;
}
.menu > .container > .row > div > ul > li.multiple > a:hover{background:transparent !important;}
.menu > .container > .row > div > ul > li.multiple > a i{color:var(--pro-mavi);font-size:12px;transition:transform .2s;}
.menu > .container > .row > div > ul > li.multiple:hover > a i{transform:rotate(180deg);}
.menu > .container > .row > div > ul > li.multiple > a::after{display:block !important;}
.menu > .container > .row > div > ul > li.multiple.active > a{background:transparent !important;color:var(--pro-mavi) !important;}
.menu > .container > .row > div > ul > li.multiple.active > a i{color:var(--pro-mavi);}

/* aktif sayfa: sarı yazı + kalıcı sarı alt çizgi */
.menu > .container > .row > div > ul > li.active > a{color:var(--pro-mavi) !important;font-weight:700;}
.menu > .container > .row > div > ul > li.active > a::after{transform:scaleX(1) !important;}

/* açılır panel beyaz kalsın, siyah bardan net ayrılsın */
.menu .submenus{
	background:#fff !important;border:0 !important;
	box-shadow:0 22px 44px rgba(0,0,0,.28) !important;
}
.menu .submenus ul li a{color:#333 !important;}
.menu .submenus ul li a:hover{color:#111 !important;}

@media (max-width:991px){
	body header .menu ul li a{color:#fff !important;}
	body header .menu > .container > .row > div > ul{background:#111 !important;display:block;}
	body header .menu > .container > .row > div > ul > li.multiple > a{padding:14px 20px !important;}
	body header .menu > .container > .row > div > ul > li.active > a{color:var(--pro-mavi) !important;}
	body header .menu .submenus ul li a{color:#333 !important;}
}

/* ============================================================
   KOYU YÜZEYLER: saf siyah yerine sıcak antrasit
   Tek değişkenden yönetiliyor — tonu değiştirmek için --oz-koyu yeterli.
   ============================================================ */
:root{
	--oz-koyu:#1f1c1a;        /* menü, footer bandı, hero */
	--oz-koyu-acik:#2a2624;   /* hover / ikincil koyu yüzey */
}

.menu{background:var(--oz-koyu) !important;}
.sosyallinkler{background:var(--oz-koyu) !important;}
.anaHero{background-color:var(--oz-koyu) !important;}
.anaHero::before{
	background:linear-gradient(105deg, rgba(31,28,26,.95) 0%, rgba(31,28,26,.88) 45%, rgba(31,28,26,.60) 100%);
}
.urunTablo .urunTablo-ust th{background:var(--oz-koyu);}
.headcta-btn:hover{background:var(--oz-koyu);}
.stickyBtn--ust:hover{background:var(--oz-koyu);border-color:var(--oz-koyu);}
.iletisimForm-btn:hover{background:var(--oz-koyu);}
.urunCta-btn--mail:hover{background:var(--oz-koyu);border-color:var(--oz-koyu);}
.bankaKart-kopyala:hover{background:var(--oz-koyu);border-color:var(--oz-koyu);}
.homeslider .box:hover,
.item > a.kart:hover{border-color:#e2ddd2 !important;}

@media (max-width:991px){
	body header .menu > .container > .row > div > ul{background:var(--oz-koyu) !important;}
	.anaHero::before{background:linear-gradient(180deg, rgba(31,28,26,.94), rgba(31,28,26,.88));}
}

/* Mobilde "Teklif Hattı" ve "Teklif Al" gizlensin — yer kaplıyor.
   İletişim yolları korunuyor: üst bardaki telefon ve sabit WhatsApp butonu. */
@media (max-width:767px){
	.midhead .midhead-in > .headcta{display:none !important;}
	.midhead{padding:16px 0 !important;}
	.midhead .midhead-in{row-gap:12px;}
}

/* --- Ana sayfa kategori kartı: uzun isim kartı uzatmasın ---
   Başlık sabit yükseklikte ve dikey ortalı; metin 2 satırda kırpılıyor,
   böylece col-xs-6 ızgarasında satır kaymaları oluşmuyor. */
.homeslider .box .kategori h3{
	height:62px !important;min-height:0 !important;
	display:flex !important;align-items:center;justify-content:center;
	padding:8px 12px 16px !important;overflow:hidden;
}
.homeslider .box .kategori h3 span{
	display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
	overflow:hidden;width:100%;
	font-size:15px;font-weight:600;line-height:1.3;color:#111;
}
@media (max-width:767px){
	.homeslider .box .kategori h3{height:56px !important;padding:6px 8px 14px !important;}
	.homeslider .box .kategori h3 span{font-size:13px;line-height:1.28;}
}
@media (max-width:359px){
	.homeslider .box .kategori h3{height:52px !important;}
	.homeslider .box .kategori h3 span{font-size:12px;}
}

/* --- Ürün kartlarında da görsel kartın üstünü tam kaplasın
       (alt kategori kartlarıyla aynı görünüm) --- */
.item > a.kart--urun .kart-gorsel,
.item > a.kart--benzer .kart-gorsel{
	padding-top:72%;background:#f2f0ec;
}
.item > a.kart--urun .kart-gorsel img,
.item > a.kart--benzer .kart-gorsel img{
	object-fit:cover !important;object-position:center;
	padding:0 !important;
}
@media (max-width:767px){
	.item > a.kart--urun .kart-gorsel img{padding:0 !important;}
}

/* --- Ürün görselleri kırpılmasın: kutu kare yapıldı.
       Ürün fotoğrafları kare (600x600) olduğu için kare kutuya tam oturuyor;
       ne kırpma ne de yanlarda boşluk oluşuyor. --- */
.item > a.kart--urun .kart-gorsel,
.item > a.kart--benzer .kart-gorsel{
	padding-top:100%;background:#fff;
}
.item > a.kart--urun .kart-gorsel img,
.item > a.kart--benzer .kart-gorsel img{
	object-fit:contain !important;object-position:center;
	padding:0 !important;background:#fff;
}

/* ============================================================
   TEKLİF POPUP (urun.php #teklifmodal)
   ============================================================ */
#teklifmodal{
	max-width:520px;width:100%;background:#fff;
	border-radius:16px;overflow:hidden;padding:0 !important;
}
#teklifmodal .teklifForm-ust{
	background:var(--oz-koyu);color:#fff;padding:22px 26px 20px;
	border-bottom:3px solid var(--pro-mavi);
}
#teklifmodal .inheading{margin:0 !important;background:none !important;border:0 !important;}
#teklifmodal .inheading span{
	font-size:19px;font-weight:700;color:#fff !important;
	background:none !important;padding:0 !important;
}
#teklifmodal .teklifForm-urun{
	margin:6px 0 0 !important;font-size:13px;
	color:var(--pro-mavi) !important;letter-spacing:.02em;
}
#teklifmodal .teklifForm-govde{padding:24px 26px 26px;}

#teklifmodal .teklifForm-satir{display:flex;gap:12px;flex-wrap:wrap;}
#teklifmodal .teklifForm-satir > .teklifForm-alan{flex:1 1 180px;}
#teklifmodal .teklifForm-alan{margin-bottom:14px;display:flex;flex-direction:column;}
#teklifmodal .teklifForm-alan label{
	font-size:12px;font-weight:600;color:var(--oz-gri);
	letter-spacing:.05em;text-transform:uppercase;margin-bottom:6px;
}
#teklifmodal .teklifForm-alan label span{color:var(--pro-mavi);}
#teklifmodal input[type="text"],#teklifmodal input[type="email"],
#teklifmodal input[type="tel"],#teklifmodal textarea{
	width:100%;border:1px solid #e2e2e2 !important;border-radius:10px;
	padding:12px 15px !important;font-size:14.5px;background:#fff;color:#111;
	margin:0 !important;transition:border-color .2s,box-shadow .2s;
}
#teklifmodal input:focus,#teklifmodal textarea:focus{
	border-color:var(--pro-mavi) !important;
	box-shadow:0 0 0 3px rgba(249,179,52,.16);outline:none;
}
#teklifmodal textarea{resize:vertical;min-height:96px;}
#teklifmodal .teklifForm-btn{
	width:100%;background:var(--pro-mavi);color:#111;border:0;border-radius:999px;
	padding:14px 24px;font-size:15px;font-weight:700;cursor:pointer;margin-top:4px;
	transition:background .2s,color .2s,transform .2s;
}
#teklifmodal .teklifForm-btn:hover{background:var(--oz-koyu);color:#fff;transform:translateY(-2px);}
#teklifmodal .sonuc{
	display:block;margin:14px 0 0;font-size:14px;line-height:1.7;color:#166534;
}
#teklifmodal .sonuc:not(:empty){
	background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;padding:12px 14px;
}
#teklifmodal .teklifForm-not{
	margin:14px 0 0 !important;font-size:12px;color:#9ca3af;line-height:1.6;
}
@media (max-width:767px){
	#teklifmodal{border-radius:12px;}
	#teklifmodal .teklifForm-ust{padding:18px 18px 16px;}
	#teklifmodal .teklifForm-govde{padding:18px;}
	#teklifmodal .teklifForm-satir{gap:0;}
	#teklifmodal .teklifForm-satir > .teklifForm-alan{flex:1 1 100%;}
}

/* --- Teklif popup: fancybox çerçevesinin beyaz payı kaldırıldı,
       köşeleri popup'ın kendi radius'u versin --- */
.fancybox-skin{
	padding:0 !important;border-radius:16px;overflow:hidden;
	box-shadow:0 26px 60px rgba(0,0,0,.34) !important;
}
.fancybox-inner{overflow:hidden !important;border-radius:16px;}
#teklifmodal{border-radius:16px;overflow:hidden;}

/* --- Form başlığına düşük opaklıkta logo filigranı --- */
#teklifmodal .teklifForm-ust{position:relative;overflow:hidden;}
#teklifmodal .teklifForm-ust > *:not(.teklifForm-filigran){position:relative;z-index:1;}
#teklifmodal .teklifForm-filigran{
	position:absolute;top:50%;right:-14px;transform:translateY(-50%);
	width:190px;max-width:62%;height:auto;
	opacity:.10;filter:grayscale(100%) brightness(2.2);
	pointer-events:none;user-select:none;z-index:0;
}
@media (max-width:767px){
	.fancybox-skin,.fancybox-inner,#teklifmodal{border-radius:12px;}
	#teklifmodal .teklifForm-filigran{width:150px;right:-10px;opacity:.09;}
}

/* --- Kapatma (X) butonu fancybox çerçevesinin dışına taştığı için
       overflow:hidden onu kırpıyordu. Kırpma yalnızca içerikte kalsın. --- */
.fancybox-skin,
.fancybox-inner{overflow:visible !important;}
.fancybox-outer,.fancybox-wrap{overflow:visible !important;}
#teklifmodal{overflow:hidden;border-radius:16px;}

/* kapatma butonu: net ve dokunmatiğe uygun */
.fancybox-close{
	width:38px !important;height:38px !important;
	top:-14px !important;right:-14px !important;
	background:#fff !important;border-radius:50% !important;
	box-shadow:0 4px 14px rgba(0,0,0,.28);
	background-image:none !important;
	z-index:8060 !important;
}
.fancybox-close::before,
.fancybox-close::after{
	content:"";position:absolute;left:50%;top:50%;
	width:15px;height:2px;background:#111;border-radius:2px;
}
.fancybox-close::before{transform:translate(-50%,-50%) rotate(45deg);}
.fancybox-close::after{transform:translate(-50%,-50%) rotate(-45deg);}
.fancybox-close:hover{background:var(--pro-mavi) !important;}

@media (max-width:767px){
	.fancybox-close{width:34px !important;height:34px !important;top:-10px !important;right:-10px !important;}
	#teklifmodal{border-radius:12px;}
}

/* ---------- 404 SAYFASI ---------- */
.hataSayfa{padding:80px 0 90px;text-align:center;
	background:linear-gradient(180deg,#fbfaf7 0%,#f5f3ed 100%);}
.hataSayfa-kod{
	display:block;font-size:84px;font-weight:700;line-height:1;
	color:var(--pro-mavi);letter-spacing:-.03em;margin-bottom:10px;
}
.hataSayfa h1{font-size:28px;font-weight:700;color:#111;margin:0 0 12px;}
.hataSayfa p{font-size:16px;color:var(--oz-gri);line-height:1.8;margin:0 auto 28px;max-width:560px;}
.hataSayfa-arama{display:flex;gap:10px;max-width:520px;margin:0 auto 22px;}
.hataSayfa-arama input{
	flex:1 1 auto;min-width:0;height:50px;border:1px solid #e2e2e2;border-radius:999px;
	padding:10px 22px;font-size:14.5px;background:#fff;margin:0 !important;
}
.hataSayfa-arama input:focus{border-color:var(--pro-mavi);box-shadow:0 0 0 3px rgba(249,179,52,.16);outline:none;}
.hataSayfa-arama button{
	flex:none;height:50px;padding:0 26px;border:0;border-radius:999px;
	background:var(--oz-koyu);color:#fff;font-size:14.5px;font-weight:700;cursor:pointer;
}
.hataSayfa-arama button:hover{background:var(--pro-mavi);color:#111;}
.hataSayfa-butonlar{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:38px;}
.hataSayfa-btn{
	display:inline-flex;align-items:center;padding:13px 28px;border-radius:999px;
	font-size:14.5px;font-weight:700;text-decoration:none;transition:.2s;
}
.hataSayfa-btn--sari{background:var(--pro-mavi);color:#111 !important;}
.hataSayfa-btn--sari:hover{background:var(--oz-koyu);color:#fff !important;}
.hataSayfa-btn--cerceve{background:#fff;color:#111 !important;border:1px solid #ddd;}
.hataSayfa-btn--cerceve:hover{border-color:#111;}
.hataSayfa-kategoriler span{
	display:block;font-size:11.5px;font-weight:700;letter-spacing:.14em;
	text-transform:uppercase;color:#9ca3af;margin-bottom:14px;
}
.hataSayfa-kategoriler ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:9px;justify-content:center;}
.hataSayfa-kategoriler li a{
	display:inline-block;padding:9px 18px;border-radius:999px;
	background:#fff;border:1px solid #ececec;font-size:13.5px;color:#3f3f46 !important;
	transition:.2s;
}
.hataSayfa-kategoriler li a:hover{border-color:var(--pro-mavi);color:#111 !important;}
@media (max-width:767px){
	.hataSayfa{padding:48px 0 56px;}
	.hataSayfa-kod{font-size:60px;}
	.hataSayfa h1{font-size:21px;}
	.hataSayfa p{font-size:15px;}
	.hataSayfa-arama{flex-direction:column;}
	.hataSayfa-arama button{width:100%;}
}

/* --- Ürün detay görselleri: beyaz boşluk olmasın, kutuyu tam doldursun --- */
.detail .image{padding:0 !important;background:#fff !important;overflow:hidden;}
.detail .image img,
.padded .image img{
	width:100% !important;height:auto;aspect-ratio:1/1;
	object-fit:cover !important;object-position:center;
	border:0 !important;border-radius:0 !important;display:block;
}
.prodsubimage a{padding:0 !important;overflow:hidden;}
.prodsubimage img{
	width:100%;height:auto;aspect-ratio:1/1;
	object-fit:cover !important;object-position:center;display:block;
}

/* --- Kart hover: görseli büyütmek kenarları kırpıyordu.
       Büyütme kaldırıldı; geri bildirim kartın kalkması ve
       görselin hafifçe canlanmasıyla veriliyor. --- */
.item > a.kart:hover .kart-gorsel img,
.homeslider .box:hover img,
.item > a.kart .kart-gorsel img,
.homeslider .box img{
	transform:none !important;
}
.item > a.kart .kart-gorsel img,
.homeslider .box img{
	transition:filter .28s ease, opacity .28s ease;
}
.item > a.kart:hover .kart-gorsel img,
.homeslider .box:hover img{
	filter:brightness(1.04) saturate(1.05);
}

/* 3'lü ızgarada kartlar büyüdüğü için tipografi de bir tık büyüsün */
@media (min-width:1200px){
	.item > a.kart--urun .kart-baslik,
	.item > a.kart--kategori .kart-baslik{font-size:15px;}
	.item > a.kart--urun .kart-alt{height:96px !important;}
	.item > a.kart--urun .kart-kod{font-size:12px;}
	.item > a.kart--urun .kart-stok{font-size:12px;color:#f51b1b !important;font-weight:bold;}
	.item > a.kart--urun .kart-fiyat{font-size:14.5px;}
}

/* ============================================================
   ÜRÜN AÇIKLAMASI (aciklamaBicimle çıktısı)
   ============================================================ */
.urunAciklama{margin:26px 0 8px;}
.urunAciklama-baslik{
	font-size:12px !important;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
	color:#111;margin:0 0 14px !important;padding-bottom:12px;position:relative;
}
.urunAciklama-baslik::after{
	content:"";position:absolute;left:0;bottom:0;width:32px;height:2px;background:var(--pro-mavi);
}

/* düz açıklama metni */
.urunAciklama-metin{
	font-size:14.5px;line-height:1.85;color:#3f3f46;
}

/* "Etiket: Değer" satırları */
.urunOzellik{
	margin:0;padding:0;
	border:1px solid #ececec;border-radius:12px;overflow:hidden;
}
.urunOzellik-satir{
	display:flex;align-items:baseline;gap:14px;
	padding:12px 16px;border-bottom:1px solid #f4f4f4;
}
.urunOzellik-satir:nth-child(odd){background:#fbfaf7;}
.urunOzellik-satir:last-child{border-bottom:0;}
.urunOzellik-etiket{
	flex:0 0 132px;max-width:132px;margin:0;
	font-size:13px;font-weight:400;color:var(--oz-gri);line-height:1.5;
}
.urunOzellik-deger{
	flex:1 1 auto;margin:0;
	font-size:14px;font-weight:600;color:#111;line-height:1.5;word-break:break-word;
}

/* etiketsiz maddeler — rozet */
.urunRozet{
	display:flex;flex-wrap:wrap;gap:8px;
	list-style:none;margin:0;padding:0;
}
.urunRozet--ayrik{margin-top:14px;}
.urunRozet li{
	display:inline-flex;align-items:center;gap:7px;
	background:#fff;border:1px solid #ececec;border-radius:999px;
	padding:7px 14px;font-size:12.5px;color:#3f3f46;line-height:1.3;
}
.urunRozet li i{font-size:9px;color:var(--pro-mavi);}

@media (max-width:767px){
	.urunAciklama{margin:20px 0 6px;}
	.urunOzellik-satir{flex-direction:column;gap:2px;padding:11px 13px;}
	.urunOzellik-etiket{flex:none;max-width:none;font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;}
	.urunOzellik-deger{font-size:13.5px;}
	.urunRozet li{font-size:12px;padding:6px 12px;}
	.urunAciklama-metin{font-size:14px;}
}

/* ============================================================
   ÜRÜN DETAY YERLEŞİMİ
   Masaüstünde: sol sütun galeri + altında ürün özellikleri,
   sağ sütun (başlık/fiyat/teklif) iki satır boyunca uzanır.
   Mobilde ızgara devre dışı — sıralama: galeri → fiyat/teklif → özellikler.
   ============================================================ */
@media (min-width:1200px){
	.detail .urunDetayIzgara{
		display:grid !important;
		grid-template-columns:1fr 1fr;
		column-gap:30px;
		align-items:start;
	}
	.detail .urunDetayIzgara::before,
	.detail .urunDetayIzgara::after{display:none !important;}
	.detail .urunDetayIzgara > div,
	.detail .urunDetayIzgara > section{width:auto !important;float:none !important;padding:0 !important;}
	.detail .urunDetayIzgara > .urunSol{grid-column:1;grid-row:1;}
	.detail .urunDetayIzgara > .urunSag{grid-column:2;grid-row:1 / span 2;}
	.detail .urunDetayIzgara > .urunAciklama{grid-column:1;grid-row:2;margin-top:26px;}
}

/* --- Ürün özellikleri bloğu galeriye çok yakındı: nefes payı + ince ayraç --- */
.urunAciklama{
	margin:38px 0 8px;padding-top:28px;
	border-top:1px solid #ececec;
}
.detail .urunDetayIzgara > .urunAciklama{margin-top:48px !important;}
.prodsubimage{margin-top:14px;}

@media (max-width:1199px){
	.urunAciklama{margin-top:32px;padding-top:24px;}
}
@media (max-width:767px){
	.urunAciklama{margin-top:26px;padding-top:20px;}
}

/* --- Ürün özellikleri: ayraç çizgisi yerine kendi kartı --- */
.urunAciklama{
	border-top:0 !important;
	background:#fff;border:1px solid #ececec;border-radius:14px;
	padding:24px 24px 26px !important;
	box-shadow:0 1px 2px rgba(17,17,17,.04);
}
.detail .urunDetayIzgara > .urunAciklama{margin-top:30px !important;}
.urunAciklama .urunOzellik{border:0;border-radius:0;}
.urunAciklama .urunOzellik-satir{padding-left:0;padding-right:0;}
.urunAciklama .urunOzellik-satir:nth-child(odd){background:transparent;}
.urunAciklama .urunOzellik-satir{border-bottom:1px solid #f2f2f2;}
.urunAciklama .urunOzellik-satir:last-child{border-bottom:0;}

@media (max-width:1199px){.urunAciklama{margin-top:28px;padding:20px 18px 22px !important;}}
@media (max-width:767px){.urunAciklama{margin-top:22px;padding:16px 15px 18px !important;border-radius:12px;}}

/* ============================================================
   BENZER ÜRÜNLER BÖLÜMÜ
   ============================================================ */
.benzerBolum{
	margin-top:54px;padding:52px 0 44px;
	background:linear-gradient(180deg,#fbfaf7 0%,#f5f3ed 100%);
	border-top:1px solid #efece4;border-bottom:1px solid #efece4;
}
.benzerBolum .product.container{padding-left:15px;padding-right:15px;}
.benzerBolum .heading{
	font-size:22px !important;font-weight:700;color:#111 !important;
	text-transform:none;letter-spacing:-.01em;
	margin:0 0 26px !important;padding:0 0 14px !important;
	background:none !important;border:0 !important;position:relative;text-align:left;
}
.benzerBolum .heading::after{
	content:"";position:absolute;left:0;bottom:0;width:36px;height:2px;background:var(--pro-mavi);
}
.benzerBolum .tabdata{text-align:left !important;}
.benzerBolum .owl-carousel .owl-stage-outer{padding:10px 0 20px;margin:-10px 0 -20px;}
.benzerBolum .item > a.kart{background:#fff;border-color:#e9e5dd !important;}
.benzerBolum .item > a.kart:hover{border-color:#ddd6c9 !important;}

@media (max-width:767px){
	.benzerBolum{margin-top:34px;padding:34px 0 28px;}
	.benzerBolum .heading{font-size:18px !important;margin-bottom:18px !important;}
}

/* --- Ürün özellikleri bloğu, iki float'lu kolondan sonra geldiği için
       1200px altında onların yanına akıyordu. Temizlenip alta alındı. --- */
.detail .urunDetayIzgara{overflow:hidden;}
.detail .urunDetayIzgara > .urunAciklama{
	clear:both;float:none;width:100%;
	display:block;
}
.urunAciklama-baslik{height:auto !important;overflow:visible;}

/* --- Benzer ürünler: temadaki ".product{background:#fff;padding:40px 0}"
       kuralı krem bandın üzerinde beyaz bir blok bırakıyordu --- */
.benzerBolum .product{
	background:transparent !important;
	padding-top:0 !important;padding-bottom:0 !important;
	margin:0 auto !important;
}
.benzerBolum .tabdata,
.benzerBolum .tab-content,
.benzerBolum .tab-pane,
.benzerBolum .owl-carousel,
.benzerBolum .owl-stage-outer{background:transparent !important;}

/* ============================================================
   ÜRÜN ÖZELLİKLERİ — son düzenleme
   Kart sarmalayıcısı kaldırıldı (tablo zaten kendi çerçevesine sahip),
   galeriden uzaklaştırıldı ve araya gölgeli bir ayraç kondu.
   ============================================================ */
.urunAciklama{
	position:relative;
	background:transparent !important;
	border:0 !important;border-radius:0 !important;
	box-shadow:none !important;
	padding:0 !important;
	margin:70px 0 10px !important;
}
.detail .urunDetayIzgara > .urunAciklama{margin-top:70px !important;}

/* gölgeli ayraç */
.urunAciklama::before{
	content:"";position:absolute;left:0;right:0;top:-38px;height:1px;
	background:linear-gradient(90deg, rgba(17,17,17,0) 0%, #e2ddd2 18%, #e2ddd2 82%, rgba(17,17,17,0) 100%);
	box-shadow:0 6px 14px -8px rgba(17,17,17,.30);
}

/* başlık */
.urunAciklama-baslik{
	display:block;height:auto !important;
	background:none !important;border:0 !important;
	font-size:12px !important;font-weight:700 !important;
	letter-spacing:.14em;text-transform:uppercase;
	color:#111 !important;line-height:1.4 !important;
	margin:0 0 16px !important;padding:0 0 12px !important;
	position:relative;
}
.urunAciklama-baslik::after{
	content:"";position:absolute;left:0;bottom:0;width:32px;height:2px;
	background:var(--pro-mavi);
}

/* tablo — ilk haline dönüş */
.urunAciklama .urunOzellik{
	margin:0 !important;padding:0 !important;
	border:1px solid #ececec !important;border-radius:12px !important;
	overflow:hidden;background:#fff;
}
.urunAciklama .urunOzellik-satir{
	display:flex !important;align-items:baseline;gap:14px;
	padding:12px 16px !important;margin:0 !important;
	border-bottom:1px solid #f2f2f2 !important;
}
.urunAciklama .urunOzellik-satir:nth-child(odd){background:#fbfaf7 !important;}
.urunAciklama .urunOzellik-satir:last-child{border-bottom:0 !important;}
.urunAciklama .urunOzellik-etiket{
	flex:0 0 132px;max-width:132px;margin:0 !important;
	font-size:13px;font-weight:400;color:var(--oz-gri);line-height:1.5;
}
.urunAciklama .urunOzellik-deger{
	flex:1 1 auto;margin:0 !important;
	font-size:14px;font-weight:600;color:#111;line-height:1.5;word-break:break-word;
}
.urunAciklama .urunRozet--ayrik{margin-top:14px !important;}

@media (max-width:1199px){
	.urunAciklama{margin-top:56px !important;}
	.urunAciklama::before{top:-30px;}
}
@media (max-width:767px){
	.urunAciklama{margin-top:44px !important;}
	.urunAciklama::before{top:-24px;}
	.urunAciklama .urunOzellik-satir{flex-direction:column;gap:2px;padding:11px 13px !important;}
	.urunAciklama .urunOzellik-etiket{
		flex:none;max-width:none;font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;
	}
	.urunAciklama .urunOzellik-deger{font-size:13.5px;}
}

/* --- Sol sütunun altında kalan boşluğu dolduran hizmet şeridi --- */
.urunHizmet{
	list-style:none;margin:18px 0 0 !important;padding:0;
	display:flex;flex-direction:column;gap:10px;
}
.urunHizmet li{
	display:flex;align-items:flex-start;gap:13px;
	background:#fbfaf7;border:1px solid #efece4;border-radius:12px;
	padding:14px 16px;
}
.urunHizmet li i{
	flex:none;width:34px;height:34px;border-radius:50%;
	display:inline-flex;align-items:center;justify-content:center;
	background:#fff;border:1px solid #ececec;color:var(--pro-mavi);font-size:14px;
}
.urunHizmet li strong{
	display:block;font-size:13.5px;font-weight:700;color:#111;line-height:1.35;margin-bottom:3px;
}
.urunHizmet li span{
	display:block;font-size:12.5px;color:var(--oz-gri);line-height:1.6;
}
@media (max-width:767px){
	.urunHizmet li{padding:12px 13px;gap:11px;}
	.urunHizmet li i{width:30px;height:30px;font-size:13px;}
	.urunHizmet li span{font-size:12px;}
}


/* ---------- ANASAYFA: KATEGORİ ÜSTÜ BAŞLIK (H1/H2) ---------- */
.anaBaslik{text-align:center;max-width:860px;margin:0 auto 34px;}
.anaBaslik h1{font-size:32px;line-height:1.25;font-weight:700;color:#111;margin:0 0 12px;letter-spacing:-.01em;}
.anaBaslik p{font-size:16px;line-height:1.6;color:#555;margin:0 0 26px;}
.anaBaslik p strong{color:#222;font-weight:600;}
.anaBaslik h2{display:inline-block;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--pro-mavi);margin:0;padding-bottom:8px;border-bottom:2px solid var(--pro-mavi);}
.homeslider .box .kategori h3{margin:0;}
@media (max-width:767px){
	.anaBaslik{margin-bottom:22px;}
	.anaBaslik h1{font-size:23px;}
	.anaBaslik p{font-size:14.5px;margin-bottom:18px;}
}

/* ---------- ANASAYFA: KATEGORİ KARTLARI (v2) ---------- */
.homeslider .katGrid{display:flex;flex-wrap:wrap;margin-left:-14px !important;margin-right:-14px !important;}
.homeslider .katGrid > div{display:flex;padding-left:14px !important;padding-right:14px !important;margin-bottom:28px;float:none;}
.katKart{display:flex;flex-direction:column;width:100%;background:#fff;border:1px solid #ececec;border-radius:12px;overflow:hidden;color:#111;text-decoration:none !important;transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;}
.katKart:hover,.katKart:focus{transform:translateY(-4px);box-shadow:0 14px 30px rgba(17,17,17,.10);border-color:#e2ddd2;color:#111;}
.katKart-gorsel{display:block;aspect-ratio:1/1;background:#fff;padding:0;overflow:hidden;}
.katKart-gorsel img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .3s ease;}
.katKart:hover .katKart-gorsel img{transform:scale(1.04);}
.katKart-govde{display:flex;flex-direction:column;align-items:center;flex:1;padding:16px 14px 18px;text-align:center;}
.katKart h3{font-size:15px;font-weight:600;line-height:1.35;color:#111;margin:0 0 6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.katKart-alt{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#888;}
.katKart-alt i{color:var(--pro-mavi);opacity:0;transform:translateX(-6px);transition:.2s ease;}
.katKart:hover .katKart-alt{color:var(--pro-mavi);}
.katKart:hover .katKart-alt i{opacity:1;transform:none;}
@media (max-width:767px){
	.homeslider .katGrid{margin-left:-8px !important;margin-right:-8px !important;}
	.homeslider .katGrid > div{padding-left:8px !important;padding-right:8px !important;margin-bottom:20px;}
	.katKart{border-radius:10px;}
	.katKart-govde{padding:12px 10px 14px;}
	.katKart h3{font-size:13.5px;}
	.katKart-alt{font-size:12px;}
	.katKart-alt i{opacity:1;transform:none;}
}

/* ---------- ANASAYFA: HERO tam genişlik (metin + rakamlar yan yana) & SSS tam genişlik ---------- */
.anaHero-ic{max-width:none;}
.anaHero p{max-width:none;}
@media (min-width:992px){
	.anaHero{padding:72px 0 !important;}
	.anaHero-ic{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);column-gap:64px;align-items:center;}
	.anaHero-ic > *:not(.anaHero-rakamlar){grid-column:1;}
	.anaHero-ic .anaHero-etiket{justify-self:start;}
	.anaHero-butonlar{margin-bottom:0;}
	.anaHero-rakamlar{grid-column:2;grid-row:1 / span 4;display:grid;grid-template-columns:1fr 1fr;gap:30px 34px;padding:0 0 0 48px;border-top:0;border-left:1px solid rgba(255,255,255,.14);}
	.anaHero-rakamlar strong{font-size:30px;}
}
.sssBolum .panel-group{max-width:none;}

/* ---------- SSS: <details>/<summary> akordeon ---------- */
.sssBolum details.panel > summary{list-style:none;cursor:pointer;display:block;}
.sssBolum details.panel > summary::-webkit-details-marker{display:none;}
.sssBolum .sssSoru{display:block;color:var(--oz-siyah);padding:20px 56px 20px 22px;font-size:15px;font-weight:600;position:relative;transition:background .2s;}
.sssBolum summary:hover .sssSoru{background:#fafafa;}
.sssBolum .sssSoru:after{content:"";position:absolute;right:24px;top:50%;width:9px;height:9px;border-right:2px solid #9ca3af;border-bottom:2px solid #9ca3af;transform:translateY(-70%) rotate(45deg);transition:transform .22s, border-color .22s;}
.sssBolum details[open] .sssSoru:after{transform:translateY(-25%) rotate(-135deg);border-color:var(--pro-mavi);}
.sssBolum summary:focus-visible{outline:2px solid var(--pro-mavi);outline-offset:-2px;}
@media (max-width:767px){ .sssBolum .sssSoru{font-size:14px;padding:16px 46px 16px 16px;} }

/* ---------- ANASAYFA: kategori bölümü geniş ekranda daha geniş (kartlar büyür, satırda 4) ---------- */
@media (min-width:1400px){ .homeslider > .container{width:1340px;} }

/* ---------- KATEGORİ SAYFASI: satırda 4 kart, eşit yükseklik ---------- */
.incategory .product.products{display:flex;flex-wrap:wrap;}
.incategory .product.products > .item{float:none;display:flex;}
.incategory .product.products > .item > a.kart{width:100%;}
.incategory .product.products > table{width:100%;}

/* ---------- SLIDER: width/height öznitelikleri eklenince mobilde orantı bozulmasın ---------- */
.hslider .boxslide .item img{display:block;width:100% !important;height:auto !important;}
.hslider > .container-fluid{padding-left:0;padding-right:0;}
.hslider .row{margin-left:0;margin-right:0;}

/* ---------- MOBİL BOŞLUK / ÖLÇÜ DÜZELTMELERİ ---------- */
@media (max-width:767px){
	.topheader{padding:4px 0;}
	.midhead{padding:10px 0 !important;}
	.midhead .logo{margin-bottom:8px;}
	/* SSS: iki yana yaslı metin mobilde boşluklu görünüyordu */
	.sssBolum .panel-body{text-align:left !important;padding:14px 16px 18px !important;line-height:1.7;}
	/* kategori sayfası: başlık, sıralama ve kart metinleri */
	.item > a.kart .kart-baslik{height:auto !important;min-height:2.6em;line-height:1.3 !important;display:-webkit-box !important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
	.item > a.kart .kart-alt{height:auto !important;position:static !important;display:flex;flex-direction:column;align-items:center;gap:2px;}
}

/* ---------- KATEGORİ SAYFASI: başlık bloğu (bkz. TASARIM-ILKELERI.md) ---------- */
.katBaslik{margin:0 0 32px;}
.katBaslik-ust{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:16px 24px;}
.katBaslik h1{flex:1 1 360px;margin:0;font-size:32px;line-height:1.2;font-weight:700;color:#111;letter-spacing:-.01em;}
.katBaslik-arac{display:flex;align-items:center;gap:8px;flex:0 0 auto;padding-top:4px;}
.katBaslik-arac form{margin:0;}
.katBaslik-arac select{height:40px;padding:0 12px;border:1px solid #e2e2e2;border-radius:8px;background:#fff;font-size:14px;color:#333;}
.katBaslik-arac a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #e2e2e2;border-radius:8px;color:#9ca3af;text-decoration:none;}
.katBaslik-arac a:hover,.katBaslik-arac a.aktif{color:var(--pro-mavi);border-color:var(--pro-mavi);}
.katBaslik-aciklama{margin:16px 0 0;font-size:15px;line-height:1.7;color:#555;}
/* kart kenarları başlıkla aynı hizada başlasın (kart sütunu iç boşluğu kadar) */
.incategory .product.products{margin-left:-14px;margin-right:-14px;width:auto !important;}
@media (max-width:767px){
	.katBaslik{margin-bottom:24px;}
	.katBaslik h1{flex-basis:100%;font-size:24px;line-height:1.25;}
	.katBaslik-arac{padding-top:0;}
	.katBaslik-aciklama{margin-top:12px;font-size:14.5px;}
	.incategory .product.products{margin-left:-8px;margin-right:-8px;}
}

/* ---------- ÜRÜN SAYFASI: dikey ritim ve mobil kenar boşlukları (TASARIM-ILKELERI.md) ---------- */
.urunSag .urunTrase,.urunSag .urunTablo,.urunSag .urunVaryant{margin-top:24px;}
.benzerBolum h2{margin-bottom:16px !important;}
@media (max-width:767px){
	.urunSag{padding-top:24px;}          /* görseller → ürün başlığı */
	/* ürün özellikleri kartı ekran kenarına yapışmasın: diğer içerikle aynı 15px kenar boşluğu */
	.detail .urunDetayIzgara > .urunAciklama{margin:32px 15px 0 !important;padding:20px 16px 22px !important;width:auto !important;}
}

/* ---------- SABİT BUTONLAR: WhatsApp daha büyük ve alttan yukarıda ---------- */
.stickyBtnlar{bottom:calc(32px + env(safe-area-inset-bottom));right:24px;}
.stickyBtn--wa{width:60px;height:60px;}
.stickyBtn--wa i{width:60px;font-size:30px;}
@media (max-width:991px){
	.stickyBtnlar{bottom:calc(24px + env(safe-area-inset-bottom));right:16px;}
	.stickyBtn--wa{width:56px;height:56px;}
	.stickyBtn--wa i{width:56px;font-size:28px;}
}

/* ---------- FOOTER: yazılım imzası soluk, üzerine gelince renkli ---------- */
.copyright .text-right img{filter:grayscale(1);opacity:.45;transition:filter .25s ease, opacity .25s ease;}
.copyright .text-right a:hover img,.copyright .text-right a:focus img{filter:none;opacity:1;}

/* ---------- ÜRÜN SAYFASI: 4+ ek resimde sağ sütun daralmasın ----------
   Owl-carousel şeridi ızgara sütununu içerik genişliğine itiyordu; sütunlar minmax(0,1fr) ile sabitlenir. */
@media (min-width:1200px){
	.detail .urunDetayIzgara{grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;}
}
.detail .urunDetayIzgara > .urunSol,
.detail .urunDetayIzgara > .urunSag{min-width:0;}
.urunSol .prodsubimage{width:100%;max-width:100%;}