/* Basic layout */
.spc-wrap{max-width:1200px;margin:2rem auto;padding:0 1rem;}
.spc-title{text-align:center;margin-bottom:1rem;}
.spc-top{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem;}
.spc-slot{border:1px solid #e5e5e5;border-radius:8px;padding:12px;background:#fff;position:relative;}
.spc-search{position:relative;margin-bottom:10px;}
.spc-input{width:100%;padding:10px 36px 10px 12px;border:1px solid #d6d6d6;border-radius:6px;outline:none;}
.spc-clear{position:absolute;right:6px;top:6px;border:0;background:transparent;font-size:22px;line-height:22px;cursor:pointer;color:#666;}
.spc-suggest{position:absolute;z-index:20;left:0;right:0;top:100%;background:#fff;border:1px solid #ddd;border-radius:6px;margin-top:4px;max-height:260px;overflow:auto;box-shadow:0 8px 24px rgba(0,0,0,.08);display:none;}
.spc-suggest .spc-item{display:flex;align-items:center;gap:8px;padding:8px 10px;cursor:pointer;}
.spc-suggest .spc-item:hover{background:#f6f6f6;}
.spc-suggest .spc-item img{width:36px;height:36px;object-fit:cover;border-radius:4px;}

/* Cards */
.spc-card{display:flex;gap:12px;align-items:center;}
.spc-thumb img{display:block;max-width:100px;height:auto;}
.spc-noimg{width:100px;height:100px;border:2px dashed #d0d0d0;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:bold;color:#aaa;}
.spc-name{font-size:1.05rem;margin:0;}

/* Hybrid Compare Table: GSMArena layout + Single Product style */
.spc-compare-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 15px;
  line-height: 1.4;
  margin-bottom: 2rem;
}

.spc-compare-table th,
.spc-compare-table td {
  padding: 10px 12px;
  border: 1px solid #e5e5e5;
}

.spc-compare-table thead th {
  background: #f8f8f8;
  font-weight: 700;
  text-align: center;
}

.spc-compare-table th.spc-attr {
  background: #fafafa;
  font-weight: 600;
  width: 30%;
  text-align: left; /* like single product */
}

.spc-compare-table td.spc-val {
  width: 35%;
  text-align: center; /* like GSMArena */
  vertical-align: top;
}

.spc-compare-table .spc-group td {
  background: #f0f3f7;
  font-weight: 700;
  text-transform: uppercase;
  border-top: 2px solid #ddd;
  text-align: left;
}

.spc-compare-table tbody tr:nth-child(even):not(.spc-group) {
  background: #FFFFFF;
}

/* Optional: highlight differences */
.spc-compare-table td.diff {
  background: #FFFFFF;
}

/* Buttons */
.spc-compare-btn{margin-top:8px;}
.spc-single-compare{margin:10px 0;}

/* Responsive */
@media (max-width: 900px){
  .spc-top{grid-template-columns:1fr;}
  .spc-compare-table .spc-attr{width:40%;}
}
.spc-hint{text-align:center;color:#666;}

.spc-intro {
  margin: 0 auto 1.5rem;
  max-width: 900px;
  font-size: 1.05rem;
  color: #444;
  text-align: center;
}

/* Highlight differences */
.spc-compare-table td.spc-val {
  background: #fff;
}

.spc-compare-table td.spc-val.diff {
  background: #ffecec; /* light red highlight */
}