/* ============================================================
   Balkan Ticaret — site geneli tasarım katmanı (dx-site)
   Ürün kartları, bölüm başlıkları, bilgi şeridi, banner ve blog
   kartları; PDP katmanıyla (dx-pdp.css) aynı renk sistemi.
   ============================================================ */
:root{
  --dx-navy:#20355C;
  --dx-navy-deep:#182A4A;
  --dx-ink:#1E2732;
  --dx-slate:#64748B;
  --dx-line:#E4E9F0;
  --dx-soft:#F6F8FB;
  --dx-red:#D5222B;
  --dx-red-deep:#B7161F;
  --dx-gold:#FFA41C;
}

/* ---------- Ürün kartları (anasayfa modülleri + kategori listeleri) ---------- */
.product-layout .product-thumb{
  border:1px solid var(--dx-line) !important;
  border-radius:14px !important;
  background:#fff;
  overflow:hidden;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.product-layout .product-thumb:hover{
  transform:translateY(-3px);
  box-shadow:0 10px 24px rgba(16,24,40,.10) !important;
  border-color:#D3DAE4 !important;
}
.product-layout .caption .name a{
  font-size:13.5px !important;
  font-weight:600 !important;
  color:var(--dx-ink) !important;
  line-height:1.45;
}
.product-layout .caption .name a:hover{ color:var(--dx-navy) !important; }
.product-layout .caption .price{
  color:var(--dx-navy) !important;
  font-weight:800 !important;
  font-size:16.5px !important;
}
.product-layout .caption .price > div{ color:var(--dx-navy) !important; font-weight:800 !important; }
.product-layout .caption .price-tax{ display:none; } /* kart yüzeyinde gürültü */
.product-layout .rating .rating-stars .fa-star{ color:var(--dx-gold) !important; }
.product-layout .rating .rating-stars .fa-star-o{ color:#D9DEE7 !important; }
/* dolu yıldız üstteki katman; boş yıldız konturu dolunun üstünde görünmesin */
.product-layout .rating .rating-stars .fa-star + .fa-star-o{ color:transparent !important; }
.product-layout .btn-cart{
  background:var(--dx-navy) !important;
  border-color:var(--dx-navy) !important;
  border-radius:9px !important;
  font-weight:700 !important;
  transition:background .15s ease;
}
.product-layout .btn-cart:hover{ background:var(--dx-navy-deep) !important; }
.product-layout .btn-extra{
  background:var(--dx-red) !important;
  border-color:var(--dx-red) !important;
  border-radius:9px !important;
  font-weight:700 !important;
}
.product-layout .btn-extra:hover{ background:var(--dx-red-deep) !important; }

/* Dikey (500x750) kart görseli: kutu 2:3 orana geçer, görsel tamamen doldurur.
   Oranı farklı kaynaklar contain ile beyaz zeminde ortalanır (beyaz kartta görünmez). */
.product-layout .image img.dx-card-portrait{
  width:100% !important;
  height:auto !important;
  aspect-ratio:2/3;
  object-fit:contain;
}

/* ---------- Bölüm başlıkları ---------- */
.title-module .title-wrapper h3{
  font-size:23px;
  font-weight:800;
  color:var(--dx-ink);
  letter-spacing:-.2px;
}
.title-module .title-divider{
  width:44px;
  height:3px;
  background:var(--dx-red);
  border-radius:2px;
  margin-top:10px;
}

/* ---------- Hero altı bilgi şeridi (plaka dili) ---------- */
.module-info_blocks-86 .info-block{
  border:1px solid var(--dx-line);
  border-radius:12px;
  background:#fff;
  padding:12px 14px;
  transition:border-color .15s ease, box-shadow .15s ease;
}
.module-info_blocks-86 .info-block:hover{
  border-color:#D3DAE4;
  box-shadow:0 4px 12px rgba(16,24,40,.07);
}
.module-info_blocks-86 .info-block-content{
  font-size:12px;
  color:var(--dx-slate);
  line-height:1.4;
}
.module-info_blocks-86 .info-block-content h4,
.module-info_blocks-86 .info-block-content strong,
.module-info_blocks-86 .info-block-content b,
.module-info_blocks-86 .info-block-content .info-block-title{
  font-size:13px;
  font-weight:700;
  color:var(--dx-ink);
}

/* ---------- Bannerlar ---------- */
.module-banners .module-item{
  border-radius:14px;
  overflow:hidden;
}
.module-banners .module-item img{
  display:block;
  transition:transform .25s ease;
}
.module-banners .module-item:hover img{ transform:scale(1.03); }

/* ---------- Blog kartları ---------- */
.module-blog_posts .module-item{
  border:1px solid var(--dx-line);
  border-radius:14px;
  overflow:hidden;
  background:#fff;
}

/* ---------- İletişim bilgi blokları (LACİVERT footer içinde) ----------
   Footer koyu zemin: kartlar koyu-saydam, metin/ikon açık olmalı
   (beyaz kart + açık gri metin okunmuyordu). */
.module-info_blocks-194 .info-block{
  border:1px solid rgba(255,255,255,.16);
  border-radius:12px;
  background:rgba(255,255,255,.07);
  padding:13px 14px;
}
.module-info_blocks-194 .info-block-content{
  color:#B9C4D6;
}
.module-info_blocks-194 .info-block-content h4,
.module-info_blocks-194 .info-block-content strong,
.module-info_blocks-194 .info-block-content b,
.module-info_blocks-194 .info-block-content .info-block-title{
  color:#fff;
}
.module-info_blocks-194 .info-block-img{
  filter:brightness(0) invert(1) opacity(.9);
}
.module-info_blocks-194 .dx-ico svg{ stroke:#EAF0F8; }

/* ---------- Bilgi şeridi SVG ikonları ---------- */
.dx-ico{
  display:inline-flex; align-items:center; justify-content:center;
  width:46px; height:46px; flex:0 0 auto;
}
.dx-ico svg{ width:34px; height:34px; stroke:var(--dx-navy); fill:none; }

/* ---------- Hero slider sunumu ---------- */
.module-master_slider{
  border-radius:16px;
  overflow:hidden;
}
.module-master_slider .swiper-pagination-bullet{
  background:var(--dx-navy);
  opacity:.35;
}
.module-master_slider .swiper-pagination-bullet-active{
  background:var(--dx-red);
  opacity:1;
}

/* ============================================================
   ÖDEME SAYFASI (onepagecheckout) — modern tasarım katmanı
   ============================================================ */
#onepagecheckout{
  --dxc-bg:#F5F7FA;
}
#onepagecheckout .extpanel,
#onepagecheckout .panel{
  background:#fff;
  border:1px solid var(--dx-line) !important;
  border-radius:14px !important;
  box-shadow:0 1px 3px rgba(16,24,40,.05);
  margin-bottom:18px;
  overflow:hidden;
}
#onepagecheckout .extpanel-title,
#onepagecheckout .panel-title{
  font-size:14px !important;
  font-weight:800 !important;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:var(--dx-ink) !important;
  padding:14px 18px 12px !important;
  border-bottom:1px solid var(--dx-line);
  position:relative;
  margin:0 !important;
}
#onepagecheckout .extpanel-title::before{
  content:'';
  position:absolute; left:18px; bottom:-1px;
  width:34px; height:3px;
  background:var(--dx-red);
  border-radius:2px;
}
#onepagecheckout .extpanel-body,
#onepagecheckout .panel-body{
  padding:16px 18px !important;
}

/* Form elemanları — dolgulu modern stil
   DİKKAT: bu özel OPC inputlarda "formcontrol" (tiresiz) sınıfı kullanıyor! */
#onepagecheckout input.form-control,
#onepagecheckout select.form-control,
#onepagecheckout textarea.form-control,
#onepagecheckout input.formcontrol,
#onepagecheckout select.formcontrol,
#onepagecheckout textarea.formcontrol{
  min-height:48px;
  background:#F4F6FA !important;
  border:1.5px solid transparent !important;
  border-radius:12px !important;
  font-size:14px;
  padding:10px 14px;
  box-shadow:none !important;
  transition:border-color .15s ease, background .15s ease, box-shadow .15s ease;
}
#onepagecheckout textarea.form-control, #onepagecheckout textarea.formcontrol{ min-height:74px; }
#onepagecheckout input.form-control::placeholder,
#onepagecheckout textarea.form-control::placeholder,
#onepagecheckout input.formcontrol::placeholder,
#onepagecheckout textarea.formcontrol::placeholder{
  color:#8B97A8;
}
#onepagecheckout input.form-control:hover,
#onepagecheckout select.form-control:hover,
#onepagecheckout textarea.form-control:hover,
#onepagecheckout input.formcontrol:hover,
#onepagecheckout select.formcontrol:hover,
#onepagecheckout textarea.formcontrol:hover{
  background:#EEF2F8 !important;
}
#onepagecheckout input.form-control:focus,
#onepagecheckout select.form-control:focus,
#onepagecheckout textarea.form-control:focus,
#onepagecheckout input.formcontrol:focus,
#onepagecheckout select.formcontrol:focus,
#onepagecheckout textarea.formcontrol:focus{
  background:#fff !important;
  border-color:var(--dx-navy) !important;
  box-shadow:0 0 0 3px rgba(32,53,92,.10) !important;
  outline:0;
}
/* Select: özel ok */
#onepagecheckout select.form-control,
#onepagecheckout select.formcontrol{
  -webkit-appearance:none;
  appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:right 14px center !important;
  padding-right:36px;
}
#onepagecheckout .has-error input,
#onepagecheckout .has-error select,
#onepagecheckout .dx-field-err{
  border-color:var(--dx-red) !important;
  background:#FFF7F7;
}
#onepagecheckout .text-danger{ font-size:12px; }

/* Kargo / ödeme yöntemi satırları
   DİKKAT: tema div.radio sarmalayıcısına krem zemin + çerçeve basıyor →
   kart stili YALNIZ label'da olmalı, .radio sarmalayıcısı sıfırlanmalı. */
#onepagecheckout .payment-method-content .radio,
#onepagecheckout .delivery-method-content .radio{
  border:0 !important;
  background:transparent !important;
  padding:0 !important;
  margin:0 0 10px !important;
  border-radius:0 !important;
}
#onepagecheckout .payment-method-content label,
#onepagecheckout .delivery-method-content label{
  display:flex; align-items:center; gap:11px;
  border:1.5px solid var(--dx-line);
  border-radius:12px;
  padding:14px 16px;
  margin:0;
  cursor:pointer;
  font-weight:600; color:var(--dx-ink); font-size:14px;
  transition:border-color .15s ease, background .15s ease, box-shadow .15s ease;
  background:#fff;
}
#onepagecheckout .payment-method-content label:hover,
#onepagecheckout .delivery-method-content label:hover{
  border-color:#B9C4D6;
}
#onepagecheckout .payment-method-content input[type="radio"],
#onepagecheckout .delivery-method-content input[type="radio"]{
  accent-color:var(--dx-navy);
  width:17px; height:17px; margin:0;
  position:static !important; /* tema absolute konumluyordu → metnin üstüne biniyordu */
  flex:0 0 auto;
}
#onepagecheckout label.dx-pay-active{
  border-color:var(--dx-navy) !important;
  background:#F4F7FC !important;
  box-shadow:0 0 0 3px rgba(32,53,92,.08);
}

/* ---------- Üst bar (extheader): logo + güven ibareleri ---------- */
#onepagecheckout .extheader{
  display:flex !important;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
  background:#fff;
  border:1px solid var(--dx-line);
  border-radius:14px;
  box-shadow:0 1px 3px rgba(16,24,40,.05);
  padding:12px 18px !important;
  margin:0 0 18px;
}
#onepagecheckout .extheader [class*="col-"]{
  width:auto !important;
  float:none !important;
  padding:0 !important;
  margin:0 !important;
  flex:0 1 auto;
}
#onepagecheckout .extheader .logo img{
  max-height:34px; width:auto;
}
#onepagecheckout .extheader{
  font-size:12px; color:var(--dx-slate);
}
/* Güven ibarelerini çipe çevir (JS .dx-trust-chips ekler) */
.dx-trust-chips{
  display:flex; flex-wrap:wrap; gap:7px; align-items:center;
}
.dx-trust-chips span{
  display:inline-flex; align-items:center; gap:5px;
  border:1px solid var(--dx-line);
  background:var(--dx-soft);
  border-radius:999px;
  padding:5px 11px;
  font-size:11.5px; font-weight:600; color:var(--dx-ink);
  white-space:nowrap;
}
.dx-trust-chips svg{ width:13px; height:13px; stroke:var(--dx-green); fill:none; }

/* ---------- Güven çipleri: checkout kabının ALTINDA bağımsız bant ---------- */
.dx-trust-standalone{
  clear:both !important;
  float:none !important;
  position:static !important;
  width:100% !important;
  max-width:1140px;
  display:flex !important;
  justify-content:center;
  margin:6px auto 26px !important;
  padding:0 14px;
}
.dx-trust-standalone .dx-trust-chips{ justify-content:center; }

/* ---------- Güvenli ödeme yönlendirme katmanı ---------- */
.dx-pay-loading{
  position:fixed; inset:0; z-index:99999;
  display:none;
  align-items:center; justify-content:center;
  background:rgba(246,248,251,.92);
  backdrop-filter:blur(3px);
}
.dx-pay-loading.dx-show{ display:flex; }
.dx-pay-loading-card{
  background:#fff;
  border:1px solid var(--dx-line);
  border-radius:16px;
  box-shadow:0 10px 40px rgba(16,24,40,.16);
  padding:34px 38px;
  text-align:center;
  max-width:340px;
}
.dx-pay-loading-card svg{
  width:22px; height:22px; stroke:var(--dx-green); fill:none;
  margin:14px 0 4px;
}
.dx-pay-loading-card .dx-pl-t{
  font-size:15.5px; font-weight:800; color:var(--dx-ink);
  margin-top:6px; line-height:1.4;
}
.dx-pay-loading-card .dx-pl-s{
  font-size:12.5px; color:var(--dx-slate);
  margin-top:8px; line-height:1.55;
}
.dx-spin{
  width:44px; height:44px;
  margin:0 auto;
  border:4px solid #E4E9F0;
  border-top-color:var(--dx-navy);
  border-radius:50%;
  animation:dxspin .9s linear infinite;
}
@keyframes dxspin{ to{ transform:rotate(360deg); } }
@media (prefers-reduced-motion: reduce){ .dx-spin{ animation-duration:2.5s; } }

/* ---------- Fatura bloğu: iç içe panel düzleştirme + kimlik alanları ---------- */
.delivery-details-content .extpanel{
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
  margin:0 !important;
  background:transparent;
  overflow:visible;
}
.delivery-details-content .extpanel .extpanel-title{ display:none; } /* dış başlık zaten var */
.delivery-details-content .radio{ display:none !important; } /* gizli adres-radio gri şeridi */
.dx-fatura-kimlik{ margin:2px 0 12px; }
.dx-fk-pills{
  display:inline-flex;
  background:#EDF1F7;
  border-radius:999px;
  padding:4px;
  gap:4px;
  margin-bottom:10px;
}
.dx-fk-pill{
  border:0;
  background:transparent;
  border-radius:999px;
  padding:8px 18px;
  font-size:13px;
  font-weight:700;
  color:var(--dx-slate);
  cursor:pointer;
  transition:background .15s ease, color .15s ease;
}
.dx-fk-pill.dx-on{
  background:var(--dx-navy);
  color:#fff;
  box-shadow:0 1px 4px rgba(32,53,92,.30);
}
.dx-fk-fields{ display:flex; flex-direction:column; gap:9px; }

/* ============================================================
   TOSLA KART FORMU (alttantire) — modern ödeme ekranı
   dx-site.css form.css'ten SONRA yüklendiği için kazanır.
   ============================================================ */
.alttantire-container{
  max-width:480px;
  margin:8px auto 20px !important;
  background:#fff;
  border:1px solid var(--dx-line);
  border-radius:16px;
  box-shadow:0 4px 18px rgba(16,24,40,.08);
  padding:22px 22px 18px !important;
}
.alttantire-container .header .title{
  font-size:15px !important;
  font-weight:800 !important;
  text-transform:uppercase;
  letter-spacing:.05em;
  color:var(--dx-ink) !important;
}
.alttantire-container .header{
  border-bottom:1px solid var(--dx-line);
  padding-bottom:10px;
  margin-bottom:14px;
  position:relative;
}
.alttantire-container .header::after{
  content:'';
  position:absolute; left:0; bottom:-1px;
  width:34px; height:3px;
  background:var(--dx-red);
  border-radius:2px;
}
.alttantire-container img.protect{ max-height:26px; float:right; }

/* Animasyonlu kart (jquery.card.js) — marka laciverti */
.alttantire-container .jp-card .jp-card-front,
.alttantire-container .jp-card .jp-card-back{
  background:linear-gradient(135deg, #24406F 0%, #182A4A 78%) !important;
  border-radius:14px !important;
  box-shadow:0 10px 24px rgba(24,42,74,.35) !important;
}
.alttantire-container .jp-card-container{ margin:0 auto 6px; }

/* Form alanları — checkout ile aynı dil */
.alttantire-container .alttantire-form-control,
.alttantire-container select{
  width:100%;
  min-height:48px;
  background:#F4F6FA !important;
  border:1.5px solid transparent !important;
  border-radius:12px !important;
  font-size:14px !important;
  padding:10px 14px !important;
  box-shadow:none !important;
  transition:border-color .15s ease, background .15s ease, box-shadow .15s ease;
}
.alttantire-container .alttantire-form-control::placeholder{ color:#8B97A8; }
.alttantire-container .alttantire-form-control:focus,
.alttantire-container select:focus{
  background:#fff !important;
  border-color:var(--dx-navy) !important;
  box-shadow:0 0 0 3px rgba(32,53,92,.10) !important;
  outline:0;
}
.alttantire-container select{
  -webkit-appearance:none;
  appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:right 14px center !important;
  padding-right:34px !important;
}
/* AA / YY yanyana ferah */
.alttantire-container .alttantire-form-group[style*="space-between"]{ gap:10px; }
.alttantire-container .alttantire-form-group[style*="space-between"] select{ flex:1 1 50%; }

/* Cvv spinner temizle */
.alttantire-container input[type="number"]::-webkit-outer-spin-button,
.alttantire-container input[type="number"]::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }

/* ---------- Taksit tablosu — seçilebilir modern satırlar ---------- */
.alttantire-container .installment-table-div{
  margin-top:14px;
  border:1px solid var(--dx-line);
  border-radius:12px;
  padding:12px 14px 6px;
  background:#FAFBFD;
}
.alttantire-container .installment-table-div > span{
  display:block;
  font-size:12px; font-weight:800; letter-spacing:.05em;
  text-transform:uppercase; color:var(--dx-ink);
  margin-bottom:8px;
}
.alttantire-container .installment-table-div table{
  width:100%;
  border-collapse:collapse;
}
.alttantire-container .installment-table-div thead th{
  font-size:10.5px; font-weight:700; letter-spacing:.05em;
  text-transform:uppercase; color:var(--dx-slate);
  text-align:left; padding:0 8px 6px;
  border-bottom:1px solid var(--dx-line);
}
.alttantire-container .installment-table-div thead th:last-child{ text-align:right; }
.alttantire-container #installment_table td{
  padding:10px 8px;
  border-bottom:1px solid #EEF2F7;
  font-size:13.5px; color:var(--dx-ink);
  vertical-align:middle;
}
.alttantire-container #installment_table tr:last-child td{ border-bottom:0; }
.alttantire-container #installment_table td:last-child{
  text-align:right; font-weight:800; color:var(--dx-navy);
  white-space:nowrap;
}
.alttantire-container #installment_table label{
  margin:0; cursor:pointer; font-weight:600;
}
.alttantire-container #installment_table input[type="radio"]{
  accent-color:var(--dx-navy);
  width:16px; height:16px; cursor:pointer;
}
.alttantire-container #installment_table tr:hover td{ background:#F4F7FC; }
.alttantire-container #installment_table tr:has(input:checked) td{
  background:#F0F4FB;
}

/* ---------- ÖDE butonu ---------- */
.alttantire-container .alttantire-submit-btn{
  background:var(--dx-red) !important;
  color:#fff !important;
  border:0 !important;
  border-radius:12px !important;
  font-size:15px !important;
  font-weight:800 !important;
  letter-spacing:.04em;
  min-height:52px;
  width:100%;
  cursor:pointer;
  box-shadow:0 2px 10px rgba(213,34,43,.28);
  transition:background .15s ease;
}
.alttantire-container .alttantire-submit-btn:hover{
  background:var(--dx-red-deep) !important;
}
.alttantire-container .error strong{
  color:var(--dx-red);
  font-size:13px;
}
/* gereksiz bosluklari topla */
.alttantire-container .mt-2.pt-5{ margin-top:12px !important; padding-top:0 !important; }
.alttantire-container.py-5{ padding-top:22px !important; padding-bottom:18px !important; }

/* ---------- Onay altı güven satırı ---------- */
.dx-secure-line{
  display:flex; align-items:center; justify-content:center; gap:7px;
  margin-top:10px;
  font-size:12px; color:var(--dx-slate);
  text-align:center;
}
.dx-secure-line svg{ width:14px; height:14px; stroke:var(--dx-green); fill:none; flex:0 0 auto; }

/* ---------- Sayfa zemini: paneller öne çıksın ---------- */
body.checkout-checkout, .checkout-checkout #content{ background:transparent; }
#onepagecheckout{ padding-top:6px; }

/* Onay butonu */
#onepagecheckout .common-confirm-button{
  background:var(--dx-red) !important;
  border-color:var(--dx-red) !important;
  border-radius:11px !important;
  font-weight:800 !important;
  font-size:15px !important;
  letter-spacing:.02em;
  padding:14px 22px !important;
  width:100%;
  box-shadow:0 2px 8px rgba(213,34,43,.25);
  transition:background .15s ease;
}
#onepagecheckout .common-confirm-button:hover{
  background:var(--dx-red-deep) !important;
}

/* Sipariş özeti */
#onepagecheckout #orderSummary .panel-title a{ color:var(--dx-ink); }
#onepagecheckout .total-item td{ font-size:13.5px; }
#onepagecheckout tr.total-item:last-child td{
  font-weight:800; color:var(--dx-navy); font-size:16px;
}

/* Checkbox satırları */
#onepagecheckout .checkbox label,
#onepagecheckout .checkbox-wrapper-13 label{
  font-size:13px; color:var(--dx-ink);
}
#onepagecheckout input[type="checkbox"]{ accent-color:var(--dx-navy); }

/* dx bilgi panelleri (havale / kart) */
.dx-payinfo{
  border:1.5px solid var(--dx-line);
  border-left:4px solid var(--dx-navy);
  background:#F6F8FB;
  border-radius:11px;
  padding:13px 15px;
  margin:4px 0 12px;
  font-size:13px; color:var(--dx-ink); line-height:1.55;
}
.dx-payinfo.dx-havale{ border-left-color:var(--dx-red); }
.dx-payinfo .dx-iban{
  display:block;
  font-family:Consolas,Menlo,monospace;
  font-size:14.5px; font-weight:700; letter-spacing:.04em;
  color:var(--dx-navy);
  background:#fff;
  border:1px dashed #C4CEDC;
  border-radius:8px;
  padding:9px 11px;
  margin:8px 0 4px;
  user-select:all;
}
.dx-payinfo .dx-warn{
  display:inline-block; margin-top:6px;
  color:var(--dx-red); font-weight:700; font-size:12.5px;
}
.dx-copy-btn{
  border:1px solid var(--dx-line); background:#fff; color:var(--dx-navy);
  border-radius:7px; font-size:11.5px; font-weight:700;
  padding:4px 10px; cursor:pointer; margin-left:6px;
}

/* ---------- Erişilebilirlik / hareket ---------- */
@media (prefers-reduced-motion: reduce){
  .product-layout .product-thumb,
  .module-banners .module-item img{ transition:none; }
  .product-layout .product-thumb:hover{ transform:none; }
  .module-banners .module-item:hover img{ transform:none; }
}