/* -----------------------------
   Similar Patterns block
   ----------------------------- */

.similar-block {
  background:#3e3e3e;
  padding: 0 20px;
  border-radius:6px;
  margin: 0 auto;
  max-width: 1200px;
}

.similar-block h2 {
  text-align:center;
  font-size:24px;
  font-weight:bold;
  margin-bottom:20px;
  color:#ffd700; /* gold */
  text-transform:uppercase;
  border-bottom:2px solid #d9534f;
  padding-bottom:5px;
}

.similar-list {
  list-style:none;
  margin:0;
  padding:0;
}

.sim-item {
  display:flex;
  justify-content:space-between;
  align-items:center;
  background:#444;
  padding:15px;
  border-radius:5px;
  margin-bottom:12px;
  gap:15px;
}

/* tier border hints */
.sim-tier-1 { border-left:6px solid #ffd700; } /* sponsor */
.sim-tier-2 { border-left:6px solid #b1953b; } /* featured */
.sim-tier-3 { border-left:6px solid #888;    } /* affiliate */
.sim-tier-0 { border-left:6px solid #555;    }

.sim-left {
  display:flex;
  gap:15px;
  align-items:center;
}

.sim-thumb {
  width:70px;
  height:auto;
  border-radius:4px;
  object-fit:cover;
}

.sim-name {
  font-size:16px;
  font-weight:bold;
}

.sim-score {
  font-size:14px;
  color:#ccc;
}

.sim-actions {
  display:flex;
  gap:8px;
}

/* action buttons */
.sim-btn {
  background:#333;
  padding:6px 10px;
  font-size:13px;
  border-radius:4px;
  text-decoration:none;
  color:#fff;
  font-weight:bold;
}

.sim-btn:hover {
  background:#111;
}

/* Shop keyword */
.sim-shop {
  background:#007bff;
}
.sim-shop:hover {
  background:#0056b3;
}

/* sale + promo pill */
.sim-sale {
  background:red;
  padding:3px 6px;
  border-radius:4px;
  font-size:12px;
  font-weight:bold;
}

.sim-promo {
  background:#ffd700;
  padding:3px 6px;
  border-radius:4px;
  font-size:12px;
  font-weight:bold;
  color:black;
}

/* responsive */
@media(max-width:768px){
  .sim-item {
    flex-direction:column;
    align-items:flex-start;
  }
  .sim-actions {
    flex-wrap:wrap;
  }
}
.sim-disclaimer {
    font-size: 13px;
    opacity: .7;
    margin-bottom: 10px;
}
.sim-thumb-pair {
    display: flex;
    gap: 6px;
    align-items: center;
}

.sim-thumb-current,
.sim-thumb-match {
    width: 45px;
    height: 80px;
    overflow: hidden;
}

.sim-thumb {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sim-thumb-match a {
    display: block;
}
.sim-thumb-pair {
    border-left: 2px solid #ccc;
    padding-left: 6px;
}
.sim-thumb-match img:hover {
    transform: scale(1.05);
    transition: transform .15s ease;
}