/* ACLIND 2.3.211 — Ürün detay: "bu kategorideki diğer ürünler" carousel */
.aclind-related{
  box-sizing:border-box;
  width:min(calc(100% - (var(--site-gutter,1.4rem) * 2)), var(--site-container,1180px));
  margin:clamp(10px, 1.6vw, 20px) auto clamp(14px, 2vw, 24px);
}
.aclind-related__head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  margin-bottom:clamp(10px, 1.6vw, 16px);
}
.aclind-related__eyebrow{
  display:block;
  margin-bottom:4px;
  color:#8a837b;
  font-size:.6rem;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.aclind-related__title{
  margin:0;
  color:#18130f;
  font-size:clamp(1.1rem, 2.2vw, 1.5rem);
  font-weight:650;
  letter-spacing:-.02em;
  line-height:1.15;
}
.aclind-related__nav{ display:flex; gap:6px; flex:0 0 auto; }
.aclind-related__arrow{
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  border:1px solid #e2ddd6;
  border-radius:50%;
  background:#fff;
  color:#18130f;
  padding:0;
  font-size:0!important;
  line-height:0;
  cursor:pointer;
  transition:background .18s ease,color .18s ease,border-color .18s ease,opacity .18s ease;
}
.aclind-related__arrow svg{
  display:block;
  width:21px;
  height:21px;
  margin:0;
  fill:none;
  stroke:currentColor;
  stroke-width:2.35;
  stroke-linecap:round;
  stroke-linejoin:round;
  pointer-events:none;
}
.aclind-related__arrow:hover{ background:#18130f; border-color:#18130f; color:#fff; }
.aclind-related__arrow:disabled{ opacity:.35; cursor:default; }

.aclind-related__viewport{
  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type:x mandatory;
  scrollbar-width:none;
  -ms-overflow-style:none;
  padding-bottom:2px;
}
.aclind-related__viewport::-webkit-scrollbar{ display:none; }
.aclind-related__track{ display:flex; gap:12px; }

.aclind-related__card{
  box-sizing:border-box;
  flex:0 0 clamp(148px, 20vw, 208px);
  scroll-snap-align:start;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border:1px solid #ece9e5;
  border-radius:12px;
  background:#fff;
  color:#18130f;
  text-decoration:none;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.aclind-related__card:hover{
  transform:translateY(-2px);
  border-color:#d9d4cc;
  box-shadow:0 12px 26px rgba(24,19,15,.09);
}
.aclind-related__media{
  display:grid;
  place-items:center;
  width:100%;
  aspect-ratio:1 / 1;
  overflow:hidden;
  background:#fff;
  border-bottom:1px solid #f2efec;
}
.aclind-related__media img{
  display:block;
  width:100%;
  height:100%;
  padding:8%;
  object-fit:contain;
  transition:transform .45s cubic-bezier(.2,.7,.2,1);
}
.aclind-related__card:hover .aclind-related__media img{ transform:scale(1.04); }
.aclind-related__noimg{
  color:#b7b1a9;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.2em;
}
.aclind-related__body{
  display:flex;
  flex-direction:column;
  gap:4px;
  padding:10px 11px 12px;
}
.aclind-related__cat{
  color:#8a837b;
  font-size:.56rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.aclind-related__name{
  color:#18130f;
  font-size:.85rem;
  font-weight:650;
  line-height:1.28;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.aclind-related__cta{
  margin-top:3px;
  color:#18130f;
  font-size:.68rem;
  font-weight:750;
  border-bottom:1px solid #ddd7cf;
  padding-bottom:2px;
  align-self:flex-start;
}
.aclind-related__cta span{ transition:transform .2s ease; display:inline-block; }
.aclind-related__card:hover .aclind-related__cta span{ transform:translateX(3px); }

@media (max-width:1376px){
  .aclind-related__card{ flex:0 0 min(66vw, 320px); }
  .aclind-related__head{ align-items:center; }
}
