/* Inputs */
.t-input {
  -webkit-appearance: none;
  border: 0;
  border-radius: 0;
  box-sizing: border-box;
  font-size: 14px;
  height: 60px;
  line-height: 1.33;
  margin: 0;
  outline: none;
  padding: 0 20px;
  width: 100%;
}

/* Sipariş / Buy butonunu gizle */
.t-store__prod__btn,
.t-store__prod-popup__btn,
.t-store__prod-popup__btn-wrapper,
.t-store__prod__btn-wrapper {
  display: none !important;
}

/* Popup içindeki Video/Broşür butonları */
.dm-prod-btns {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin: 18px 0;
}

.dm-prod-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 18px;
  border: 2px solid #e04646;
  border-radius: 10px;
  font-weight: 700;
  text-decoration: none !important;
  line-height: 1;
  color: #e04646;
  background: #fff;
}

.dm-prod-btn:hover { opacity: 0.85; }

/* Characteristics içindeki URL satırlarını gizle */
.dm-hide-line { display:none !important; }

/* Kart listesinde butonlar */
.t-store__card .dm-card-btns{
  margin-top: 14px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.t-store__card .dm-card-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  padding: 12px 14px;
  border-radius: 10px;
  font-weight: 700;
  text-decoration: none !important;
  background:#0f5ea8;
  color:#fff !important;
}

.t-store__card .dm-card-btn:hover{ opacity:.9; }

@media (max-width: 480px){
  .t-store__card .dm-card-btn{
    padding: 11px 12px;
    border-radius: 12px;
  }
}

/* Footer record (senin mevcut fix) */
@media screen and (max-width: 480px){
  #rec1172138546 .t396__artboard,
  #rec1172138546 .t396__carrier,
  #rec1172138546 .t396__filter{
    height: 1900px !important;
    min-height: 1900px !important;
  }

  #rec1172138546 .t396__artboard{
    height: 1900px !important;
    min-height: 1900px !important;
    overflow: visible !important;
  }

  #rec1172138546 .t396__carrier,
  #rec1172138546 .t396__filter{
    overflow: visible !important;
  }
}



/* =========================
   DM - LEFT CATEGORY MENU (2-column box like screenshot)
   ========================= */

/* 1) Sol menünün dış kutusu */
.t-store__parts,
.t-store__parts-wrapper,
.t-store__parts-list,
.t-store__parts-items {
  background: #f3f5f7;
  border-radius: 10px;
  padding: 18px 16px;
  box-shadow: 0 8px 24px rgba(0,0,0,.06);
}

/* 2) Üst başlık varsa (bazı bloklarda var) */
.t-store__parts-title,
.t-store__parts__title,
.t-store__parts-header {
  font-weight: 900;
  letter-spacing: .6px;
  text-transform: uppercase;
  font-size: 22px;
  line-height: 1.2;
  color: #0f2e57;
  margin: 0 0 10px 0;
  padding-bottom: 10px;
  border-bottom: 3px solid #0f58a8;
  width: fit-content;
}

/* 3) Kategori item’larını 2 kolona çeviren ana grid
   (Tilda farklı bloklarda farklı wrapper kullanabiliyor, o yüzden çoklu selector) */
.t-store__parts-items,
.t-store__parts-list,
.t-store__parts-wrapper,
.t-store__parts {
  /* Eğer içinde tree yapısı yoksa bu grid çok güzel çalışır */
}

.t-store__parts-items,
.t-store__parts-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 14px;
}

/* BAZI SAYFALARDA item’lar direkt .t-store__parts içinde olabiliyor */
.t-store__parts > .t-store__parts-item {
  /* parent grid değilse yine de düzgün dursun */
}

/* 4) Tek tek item görünümü */
.t-store__parts-item,
.t-store__parts-tree-node {
  margin: 0 !important;
  padding: 0 !important;
}

/* item içindeki yazı */
.t-store__parts-item-title,
.t-store__parts-tree-btn-title,
.t-store__parts-tree-btn {
  display: block;
  padding: 10px 12px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  color: #1a1a1a;
  background: transparent;
  border: 1px solid rgba(0,0,0,.06);
  transition: .15s ease;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Hover */
.t-store__parts-item:hover .t-store__parts-item-title,
.t-store__parts-tree-node:hover .t-store__parts-tree-btn-title,
.t-store__parts-tree-node:hover .t-store__parts-tree-btn {
  background: rgba(15,88,168,.08);
  border-color: rgba(15,88,168,.20);
}

/* 5) Seçili olan (Active) */
.t-store__parts-item_active .t-store__parts-item-title,
.t-store__parts-item.active .t-store__parts-item-title,
.t-store__parts-tree-node_active .t-store__parts-tree-btn-title,
.t-store__parts-tree-node_active .t-store__parts-tree-btn {
  background: #0f58a8 !important;
  color: #fff !important;
  border-color: rgba(15,88,168,.60) !important;
}

/* 6) Sol menü sabit dursun (isteğe bağlı) */
@media (min-width: 980px){
  .t-store__parts,
  .t-store__parts-wrapper {
    position: sticky;
    top: 110px;
  }
}

/* 7) Mobilde 1 kolona düşür */
@media (max-width: 980px){
  .t-store__parts-items,
  .t-store__parts-list {
    grid-template-columns: 1fr;
  }
}


/* =========================
   DM - FILTER LIST BOX STYLE (your DOM)
   ========================= */

/* Filter kutusu */
.t-store__filter__item{
  background:#f3f5f7;
  border-radius:12px;
  padding:16px 14px;
  box-shadow:0 8px 24px rgba(0,0,0,.06);
  margin-top:14px;
}

/* Liste daha sıkı */
.t-store__filter__list{
  margin:0 !important;
  padding:0 !important;
}

/* Her seçenek satırı (label) */
.t-store__filter__item label{
  display:flex;
  align-items:flex-start;
  gap:10px;
  padding:9px 10px;
  border-radius:10px;
  border:1px solid rgba(0,0,0,.06);
  background:#fff;
  margin:8px 0;
  transition:.15s ease;
}

/* Hover */
.t-store__filter__item label:hover{
  border-color: rgba(15,88,168,.25);
  background: rgba(15,88,168,.04);
}

/* Checkbox */
.t-store__filter__item input[type="checkbox"],
.t-store__filter__item input[type="radio"]{
  width:18px;
  height:18px;
  margin-top:2px;
  accent-color:#0f58a8;
}

/* SENDE seçenek yazısı bu class: .t-store__filter__title */
.t-store__filter__item .t-store__filter__title{
  font-size:14px;
  line-height:1.25;
  font-weight:600;
  color:#1a1a1a;
  display:block;
}

/* Seçili satır */
.t-store__filter__item label:has(input:checked){
  background: rgba(15,88,168,.10);
  border-color: rgba(15,88,168,.35);
}

/* "Show all" linki (Tilda farklı isimlerde kullanabiliyor) */
.t-store__filter__showmore,
.t-store__filter__more,
a.t-store__filter__showmore,
a.t-store__filter__more{
  display:inline-block;
  margin-top:10px;
  font-weight:700;
  color:#0f58a8 !important;
  text-decoration:underline;
}

/* Mobil */
@media (max-width: 640px){
  .t-store__filter__item{ padding:14px 12px; }
  .t-store__filter__item label{ padding:9px 10px; }
}
/* =========================
   Tilda Store Pagination (senin DOM: div.js-pagination-item)
   ========================= */

.t-store__pagination{
  margin-top: 18px;
}

/* Hem div item hem de bazı temalarda a link olabiliyor diye ikisini de kapsadım */
.t-store__pagination .t-store__pagination__item,
.t-store__pagination .js-pagination-item,
.t-store__pagination .t-store__pagination__item a{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  min-width: 44px !important;
  height: 44px !important;

  padding: 0 14px !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  line-height: 1 !important;

  color: #0b2a6f !important;
  background: rgba(11,42,111,.10) !important;

  border: 1px solid rgba(11,42,111,.30) !important;
  border-radius: 999px !important;

  opacity: 1 !important;         /* silikliği öldür */
  cursor: pointer !important;
  transition: .2s ease !important;

  /* Tilda bazen inline style basıyor, onu ezmek için */
  box-shadow: none !important;
}

/* Hover */
.t-store__pagination .t-store__pagination__item:hover,
.t-store__pagination .js-pagination-item:hover,
.t-store__pagination .t-store__pagination__item a:hover{
  background: rgba(11,42,111,.18) !important;
  border-color: rgba(11,42,111,.55) !important;
}

/* Aktif sayfa (sende class zaten var: t-store__pagination__item_active) */
.t-store__pagination .t-store__pagination__item_active,
.t-store__pagination .t-store__pagination__item_active a{
  background: #0b2a6f !important;
  border-color: #0b2a6f !important;
  color: #fff !important;
  opacity: 1 !important;
}

/* "..." */
.t-store__pagination .t-store__pagination__dots{
  opacity: 1 !important;
  color: #0b2a6f !important;
  font-weight: 800 !important;
}

/* Oklar (prev/next) */
.t-store__pagination [data-control-type="prev"],
.t-store__pagination [data-control-type="next"]{
  opacity: 1 !important;
}


/* =========================
   DM - Brand ("Məhsulun adı") filtresi 2 kolon + full show
   ========================= */

/* 1) İç listeyi grid yap (label’lar 2 kolon) */
.t-store__filter__item[data-filter-name="brand"] .t-store__filter__list,
.t-store__filter__item[data-filter-name="brand"] .t-store__filter__list .t-store__filter__list-wrap,
.t-store__filter__item[data-filter-name="brand"] .t-store__filter__list .t-store__filter__list-inner{
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px 12px !important;
}

/* 2) Label’lar grid item gibi dursun */
.t-store__filter__item[data-filter-name="brand"] label{
  margin: 0 !important;              /* senin 8px 0 marginini eziyoruz */
  width: 100% !important;
}

/* 3) Tilda’nın “kısaltma” yaptığı wrapper'ları full aç */
.t-store__filter__item[data-filter-name="brand"] .t-store__filter__options,
.t-store__filter__item[data-filter-name="brand"] .t-store__filter__options-wrap,
.t-store__filter__item[data-filter-name="brand"] .t-store__filter__list{
  max-height: none !important;
  height: auto !important;
  overflow: visible !important;
}

/* 4) Mobilde 1 kolona düşsün */
@media (max-width: 640px){
  .t-store__filter__item[data-filter-name="brand"] .t-store__filter__list,
  .t-store__filter__item[data-filter-name="brand"] .t-store__filter__list .t-store__filter__list-wrap,
  .t-store__filter__item[data-filter-name="brand"] .t-store__filter__list .t-store__filter__list-inner{
    grid-template-columns: 1fr !important;
  }
}