/* Arsemia – Dinamik Ürün Açıklamaları */
.ars-desc{--ink:#2c2d31;--mut:#6b7280;--bd:#ececec;--pink:#d23b57;--bg:#fafafb}
.arsd-wrap{background:#fff;border:1px solid var(--bd);border-radius:16px;padding:16px;box-shadow:0 8px 28px rgba(0,0,0,.05)}
.arsd-title{margin:0 0 8px;font-size:22px;color:var(--ink);font-weight:900}
.arsd-lead{color:var(--mut);margin:0 0 12px}
.arsd-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:10px 0 14px}
.arsd-item{background:#fff7f9;border:1px solid #ffd1db;border-radius:12px;padding:10px}
.arsd-block{margin:12px 0}
.arsd-steps{margin:8px 0 0 18px}
.arsd-specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}
.arsd-specs > div{display:flex;justify-content:space-between;gap:8px;border:1px dashed #e9e9f2;border-radius:10px;padding:8px;background:#fcfcff}
.arsd-specs > div span{color:var(--mut)}
.arsd-list{margin:6px 0 0 18px}
.arsd-info{background:linear-gradient(90deg,#fff,#fff4f6);border:1px solid #ffe1ea;border-radius:12px;padding:10px}
.arsd-badge{display:inline-block;background:#fff;border:1px solid #ffd1db;border-radius:999px;padding:4px 10px;margin-bottom:8px;color:#b31539;font-weight:800}
.arsd-note{margin-top:12px;background:#f8fafc;border:1px dashed #dbe2ea;border-radius:12px;padding:10px;color:#444}
.ars-desc-fallback{padding:12px;border:1px dashed #eee;border-radius:10px;color:#777;background:#fcfcfc}
.ars-page{max-width:720px;margin:0 auto;padding:10px}
.ars-page-title{font-size:22px;font-weight:800;margin:8px 0 14px}
.ars-card{background:#fff;border:1px solid #eef2f7;border-radius:14px;padding:12px;margin:10px 0;box-shadow:0 6px 20px rgba(0,0,0,.06)}
.ars-card-foot{display:flex;gap:8px;margin-top:8px}
.ars-mini-btn{border:1px solid #e5e7eb;background:#fff;border-radius:10px;padding:6px 10px;font-weight:700;text-decoration:none;color:#111}
.ars-mini-btn.danger{border-color:#fecaca;color:#b91c1c;background:#fff7f7}
.ars-primary{display:inline-block;margin-top:12px;background:#ff6a00;color:#fff;padding:10px 14px;border-radius:12px;text-decoration:none;font-weight:800}
.ars-coupon{display:flex;gap:10px;align-items:center;justify-content:space-between;background:#fff;border:1px dashed #ffd7b5;border-radius:14px;padding:12px;box-shadow:0 6px 20px rgba(0,0,0,.05)}
.ars-coupon .code{font:800 18px/1 monospace;background:#fff7ed;padding:6px 10px;border-radius:10px}
.ars-coupon .meta{opacity:.7;font-weight:600}
/* Fiyat kutusu */
.price {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  color: #6b0f1a; /* Bordo */
  background: #fdf6f0; /* Açık krem */
  padding: 6px 14px;
  border-radius: 8px;
  margin: 6px 0;
  border: 1px solid #e0c9a6;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
  transition: all 0.2s ease;
}

.price:hover {
  background: #fff8f4;
  transform: scale(1.03);
}

/* Sepete ekle butonu */
.add-to-cart {
  display: inline-block;
  font-size: 15px;
  font-weight: 600;
  color: #fff;
  background: #8c1c28; /* Şarap bordo */
  border: none;
  padding: 8px 16px;
  border-radius: 20px;
  cursor: pointer;
  margin-top: 6px;
  box-shadow: 0 3px 6px rgba(0,0,0,0.15);
  transition: background 0.3s ease, transform 0.2s ease;
}

.add-to-cart:hover {
  background: #a82332; /* Daha parlak bordo */
  transform: translateY(-2px);
}

.add-to-cart:active {
  transform: scale(0.95);
}
:root{
  --ars-orange:#d35400; --ars-border:#ece7e3; --ars-text:#111827; --ars-muted:#6b7280;
}
.ars-item{display:grid;grid-template-columns:140px 1fr;gap:14px;border:1px solid var(--ars-border);border-radius:14px;background:#fff;padding:12px;overflow:hidden}
.ars-item-img{position:relative;display:block;border-radius:10px;overflow:hidden;background:#f6f6f6}
.ars-item-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}
.ars-item-img:hover img{transform:scale(1.03)}
.ars-item-comm{position:absolute;right:8px;top:8px;background:var(--ars-orange);color:#fff;font-weight:800;font-size:12px;padding:.2rem .45rem;border-radius:999px}

.ars-item-body{display:grid;gap:6px}
.ars-item-cats a{display:inline-block;margin-right:6px;padding:.12rem .4rem;border-radius:999px;background:#fff7ed;color:#9a3b00;font-weight:700;font-size:11px;text-decoration:none}
.ars-item-title{margin:.1rem 0 .2rem}
.ars-item-title a{color:var(--ars-text);text-decoration:none;font-weight:800}
.ars-item-title a:hover{color:var(--ars-orange)}
.ars-item-meta{display:flex;gap:12px;color:var(--ars-muted);font-size:12px}
.ars-item-excerpt{margin:.2rem 0 .4rem;color:#374151}

.ars-item-prices{display:flex;flex-wrap:wrap;gap:8px}
.ars-item-prices .price{display:inline-flex;align-items:center;padding:.2rem .5rem;border-radius:8px;font-weight:800;font-size:12px;background:#f8fafc;color:#111}
.ars-item-prices .price.vip{background:#ffe8d7;color:#9a3b00;border:1px solid #f2c19c}
.ars-item-prices .price.mem{background:#eef2ff;color:#3730a3}
.ars-item-prices .price.gst{background:#ecfeff;color:#155e75}

@media (max-width:640px){
  .ars-item{grid-template-columns:1fr}
  .ars-item-img{aspect-ratio:16/9}
}
.ars-list-item {
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: 14px;
  background: #fff;
  border: 1px solid #ececec;
  border-radius: 12px;
  padding: 10px;
  margin-bottom: 12px;
}

.ars-list-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}

.ars-list-body { display: grid; gap: 6px; }
.ars-list-cats a {
  background: #fff1e6;
  padding: 2px 8px;
  border-radius: 6px;
  font-size: 11px;
  margin-right: 6px;
  text-decoration: none;
  color: #d35400;
  font-weight: 600;
}
.ars-list-title a {
  font-weight: 700;
  color: #111;
  text-decoration: none;
}
.ars-list-title a:hover { color: #d35400; }
.ars-list-meta { font-size: 12px; color: #777; display: flex; gap: 10px; }
.ars-list-excerpt { font-size: 13px; color: #444; }
:root{ --ars-orange:#d35400; --ars-border:#ece7e3; }
.ars-similar{margin:26px 0 12px;background:#fff;border:1px solid var(--ars-border);border-radius:14px;overflow:hidden}
.ars-sim-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:#939090;border-bottom:1px solid var(--ars-border)}
.ars-sim-title{margin:0;font-size:18px;font-weight:800;color:#9a3b00}
.ars-sim-nav{display:flex;gap:8px}
.ars-sim-btn{width:34px;height:34px;border-radius:10px;border:1px solid var(--ars-border);background:#fff;cursor:pointer;font-size:18px;line-height:1}
.ars-sim-btn:hover{background:#fff1e7;border-color:#f0c3a3}
.ars-sim-track{display:flex;gap:12px;padding:12px;overflow:auto;scroll-snap-type:x mandatory}
.ars-sim-track::-webkit-scrollbar{height:8px}
.ars-sim-track::-webkit-scrollbar-thumb{background:#e7d3c5;border-radius:10px}

/* Kart – ars-simcard.tpl ile uyumlu ölçüler */
.ars-sim-card{min-width:190px;max-width:190px;flex:0 0 190px;display:grid;grid-template-rows:auto 1fr;border:1px solid var(--ars-border);border-radius:12px;overflow:hidden;background:#fff;scroll-snap-align:start}
.ars-sim-img{position:relative;display:block;aspect-ratio:1/1;background:#f7f7f7}
.ars-sim-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}
.ars-sim-img:hover img{transform:scale(1.03)}
.ars-sim-badge{position:absolute;left:8px;top:8px;background:var(--ars-orange);color:#fff;font-weight:800;font-size:12px;padding:.2rem .4rem;border-radius:8px}
.ars-sim-info{padding:10px;display:grid;gap:8px}
.ars-sim-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#111;text-decoration:none;font-weight:700}
.ars-sim-price b{color:#111827;font-size:16px}
.ars-sim-actions{display:flex;gap:8px}
.ars-sim-cart,.ars-sim-detail{flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;padding:.5rem .6rem;border-radius:10px;border:1px solid var(--ars-border);font-weight:700;text-decoration:none}
.ars-sim-cart{background:var(--ars-orange);border-color:var(--ars-orange);color:#fff}
.ars-sim-detail{background:#fff;color:#111}
.ars-sim-detail:hover{background:#fff1e7}
@media (max-width:680px){ .ars-sim-card{min-width:160px;max-width:160px;flex-basis:160px} }
/* Benzer ürünler alanı */
.ars-sim-track {
  display: flex;
  flex-wrap: nowrap;
  gap: 16px;
  overflow-x: auto;
  padding: 12px;
  scroll-snap-type: x mandatory;
}
.ars-sim-track::-webkit-scrollbar {
  height: 8px;
}
.ars-sim-track::-webkit-scrollbar-thumb {
  background: #d35400;
  border-radius: 8px;
}

/* Kart */
.ars-sim-card {
  flex: 0 0 200px; /* her kart 200px genişlik */
  max-width: 200px;
  background: #fff;
  border: 1px solid #eee;
  border-radius: 10px;
  overflow: hidden;
  scroll-snap-align: start;
  display: grid;
  grid-template-rows: auto 1fr;
}

/* Görsel */
.ars-sim-img {
  position: relative;
  display: block;
  aspect-ratio: 1/1;
  background: #f8f8f8;
}
.ars-sim-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ars-sim-badge {
  position: absolute;
  top: 8px;
  left: 8px;
  background: #d35400;
  color: #fff;
  padding: 2px 6px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: bold;
}

/* Bilgi alanı */
.ars-sim-info {
  padding: 10px;
  display: grid;
  gap: 6px;
  background:#a1a1a1;
}
.ars-sim-title {
  font-weight: 700;
  font-size: 14px;
  color: #111;
  text-decoration: none;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ars-sim-price b {
  color: #111;
  font-size: 15px;
}
.ars-sim-actions {
  display: flex;
  gap: 6px;
}
.ars-sim-cart, .ars-sim-detail {
  flex: 1;
  border-radius: 8px;
  padding: 6px;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  border: none;
  cursor: pointer;
}
.ars-sim-cart {
  background: #d35400;
  color: #fff;
}
.ars-sim-detail {
  background: #f1f1f1;
  color: #111;
}
.ars-sim-detail:hover { background:#ddd; }

/* --- Benzer Ürünler: Yatay şerit (Trendyol gibi) --- */
#arsSimTrack,
.ars-sim-track{
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: stretch;
  gap: 14px !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  padding: 12px 14px;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
}

/* Temadaki genişlik kurallarını etkisizleştir */
.ars-sim-track .ars-sim-card{
  flex: 0 0 200px !important;   /* her kart sabit genişlik */
  max-width: 200px !important;
  min-width: 200px !important;
  margin: 0 !important;
  scroll-snap-align: start;
}

/* Görsel kare kalsın */
.ars-sim-card .ars-sim-img{ display:block; position:relative; aspect-ratio:1/1; background:#f6f6f6; }
.ars-sim-card .ars-sim-img img{ width:100%; height:100%; object-fit:cover; }

/* Track içindeki diğer elemanların (ör. boşluk/clear) akışı bozmasını engelle */
.ars-sim-track > *{ flex: 0 0 auto !important; }

/* Küçük ekranlarda biraz daralt */
@media (max-width: 680px){
  .ars-sim-track .ars-sim-card{
    flex-basis: 160px !important;
    max-width: 160px !important;
    min-width: 160px !important;
  }
}