#cableFilterForm {background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;}
	
.f1, .f2 {
  width: calc(19% - 10px);
}
.mrows div {
  width: calc(19% - 10px);
}

.cable-pagination {
  text-align: center;
  margin-top: 20px;
}

#cableFilterForm select{font-size:14px!important;border: 1px solid #ddd;
    border-radius: 4px;}
	
#cablePagination{ margin-top:60px;}
.page-link { 
  margin: 8px; 
  padding: 5px 10px; 
  border: 1px solid #333; 
  display: inline-block; border-radius: 4px;
}

.page-link.active { 
  background: #f37a20; 
  border: 1px solid #f37a20;
  color: #fff; 
}
.page-link:hover{color:#f37a20;border: 1px solid #f37a20;}
.page-link.active:hover{color:#fff;}
.dots { 
  margin: 0 5px; 
  color: #666; 
}

#cableResults {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* 每行4列 */
  gap: 20px; /* 卡片间距 */
}

/* 产品卡片样式 */
.cable-card {
  border: 1px solid #ddd;
  
  background: #fff;
  text-align: center;
  padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);box-sizing: border-box;
}
.cable-card h3 { font-size:16px;color:#16529b; font-weight:600; cursor:pointer;}

.cable-card h3:hover{ color:#f37a20; }
.cable-card  img {cursor:pointer;}
/* 图片 */
.cable-thumb img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto 10px;
}

.filter-buttons {
    display: flex;
    justify-content: flex-start;
    margin-top: 10px;
}

.reset-btn {
    background-color: #fff;
    border: 1px solid #f37a20;
    color: #f37a20;
    padding: 15px 20px;
    border-radius: 4px;
    cursor: pointer;
    margin-right: 20px; font-size:16px;
}

.apply-btn {
    background-color: #f37a20;
    border: none;
    color: #fff;
    padding: 15px 20px;
    border-radius: 4px;
    cursor: pointer;font-size:16px;
}
.bt i{color:#f37a20;}
.bt{color:#16529b; font-size:22px; font-weight:600; margin-bottom:25px;}


.mf {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px; margin-top:45px;
}

.mf span {
    background-color: #f5f5f5;
    padding: 5px 10px;
    border-radius: 4px;
    font-size: 14px;
}

.mp span {
    color: #f37a20;
    margin-bottom: 10px;
    display: block; text-align:left; font-weight:700;
}

.quote-btn {
    background-color: #f37a20;
    border: none;
    color: #fff;
    padding: 8px 16px;
    border-radius: 4px;
    cursor: pointer; margin-top:25px;font-weight:700;
}
.quote-btn:hover {background-color: #e26308;}


.rows {
  display: flex;
  align-items: flex-start; 
  gap: 20px; 
}

.rows h3 {
  flex: 0 0 100px; 
  margin: 0;font-size:18px; margin-top:10px;
}

.mrows {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 25px;
}



@media (max-width: 1024px) {
  #cableResults {
    grid-template-columns: repeat(3, 1fr);
  }
  .mrows div {
  width: calc(50% - 10px);
}
}
@media (max-width: 600px) {
  #cableResults {
     grid-template-columns: repeat(2, 1fr);
  }
  .cable-card {
  padding: 10px;}
  #cableResults {
  gap: 10px; /* 卡片间距 */
}
  
}

@media (max-width: 540px) {
  .mrows div {
  width: 100%;
}
  
}
@media (max-width: 480px) {
  #cableResults {
     grid-template-columns: repeat(1, 1fr);
  }
  
}