Description

* {
box-sizing: border-box;
margin: 0;
padding: 0;
}

#product-container {
font-family: ‘Segoe UI’, Tahoma, Geneva, Verdana, sans-serif;
max-width: 1200px;
margin: 0 auto;
padding: 20px;
color: #000000;
background: #fff;
}

#product-container h1 {
font-size: 2.5em;
color: #FFBE00;
margin-bottom: 10px;
padding-bottom: 15px;
border-bottom: 3px solid #FFBE00;
font-weight: 700;
}

#product-container h2 {
font-size: 1.8em;
color: #FFBE00;
margin: 30px 0 15px 0;
font-weight: 600;
}

#product-container h3 {
font-size: 1.4em;
color: #000000;
margin: 25px 0 12px 0;
font-weight: 600;
}

#product-container p {
line-height: 1.8;
margin-bottom: 15px;
font-size: 1.05em;
color: #000000;
}

.intro-section {
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
padding: 25px;
border-radius: 8px;
margin: 25px 0;
border-left: 5px solid #FFBE00;
}

.specs-table {
width: 100%;
border-collapse: collapse;
margin: 20px 0;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
border-radius: 8px;
overflow: hidden;
}

.specs-table thead {
background: linear-gradient(135deg, #FFBE00 0%, #CC9800 100%);
color: white;
}

.specs-table th {
padding: 15px;
text-align: left;
font-weight: 600;
font-size: 1.1em;
}

.specs-table td {
padding: 12px 15px;
border-bottom: 1px solid #e0e0e0;
}

.specs-table tbody tr {
background: #fff;
transition: all 0.3s ease;
}

.specs-table tbody tr:nth-child(even) {
background: #f8f9fa;
}

.specs-table tbody tr:hover {
background: linear-gradient(90deg, #FFBE00 0%, #CC9800 100%) !important;
color: white;
transform: scale(1.01);
box-shadow: 0 4px 12px rgba(255, 190, 0, 0.3);
}

.specs-table tbody tr:hover td {
color: white;
}

.warranty-section {
background: linear-gradient(135deg, #F8F9FA 0%, #e9ecef 100%);
padding: 50px 30px;
border-radius: 15px;
margin: 50px 0;
}

.warranty-section h2 {
color: #FFBE00;
text-align: center;
margin-bottom: 40px;
font-size: 28px;
}

.warranty-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 30px;
max-width: 800px;
margin: 0 auto;
}

.warranty-card {
background: white;
padding: 30px;
border-radius: 12px;
text-align: center;
border: 2px solid rgba(255, 190, 0, 0.3);
transition: all 0.3s ease;
}

.warranty-card:hover {
background: rgba(255, 190, 0, 0.05);
border-color: #FFBE00;
transform: translateY(-5px);
}

.warranty-years {
font-size: 48px;
font-weight: 700;
color: #FFBE00;
}

.warranty-label {
color: #333;
font-size: 14px;
font-weight: 600;
}

.cta-section {
background: linear-gradient(135deg, #F8F9FA 0%, #e9ecef 100%);
padding: 60px 30px;
border-radius: 15px;
margin-top: 50px;
box-shadow: 0 10px 40px rgba(0,0,0,0.2);
}

.cta-content {
text-align: center;
margin-bottom: 40px;
}

.cta-section h2 {
color: #FFBE00;
margin: 0 0 15px 0;
font-size: 28px;
font-weight: 700;
}

.cta-section p {
color: #333;
margin: 0;
font-size: 16px;
max-width: 700px;
margin-left: auto;
margin-right: auto;
line-height: 1.6;
}

.compliance-badge {
background: rgba(255, 190, 0, 0.05);
border: 2px solid #FFBE00;
border-radius: 12px;
padding: 25px 30px;
display: flex;
align-items: center;
gap: 20px;
max-width: 700px;
margin: 0 auto;
transition: all 0.3s ease;
}

.compliance-badge:hover {
background: #f8f9fa;
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(255, 190, 0, 0.3);
}

.badge-icon {
font-size: 32px;
color: #FFBE00;
font-weight: 700;
background: rgba(255, 190, 0, 0.3);
width: 50px;
height: 50px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}

.badge-content {
text-align: left;
}

.badge-content h3 {
color: #FFBE00;
margin: 0 0 8px 0;
font-size: 18px;
font-weight: 700;
}

.badge-content p {
color: #555;
margin: 0;
font-size: 14px;
line-height: 1.5;
}

.tab-container {
margin: 30px 0;
}

.tab-buttons {
display: flex;
gap: 10px;
margin-bottom: 20px;
flex-wrap: wrap;
}

.tab-button {
padding: 12px 24px;
background: #f8f9fa;
border: 2px solid #ddd;
border-radius: 8px;
cursor: pointer;
font-size: 1em;
font-weight: 600;
color: #333;
transition: all 0.3s ease;
}

.tab-button:hover {
background: #e9ecef;
border-color: #FFBE00;
}

.tab-button.active {
background: linear-gradient(135deg, #FFBE00 0%, #CC9800 100%);
color: white;
border-color: #FFBE00;
}

.tab-content {
display: none;
}

.tab-content.active {
display: block;
}

@media (max-width: 768px) {
#product-container {
padding: 15px;
}

#product-container h1 {
font-size: 1.8em;
}

#product-container h2 {
font-size: 1.4em;
}

.specs-table {
font-size: 0.9em;
}

.specs-table th,
.specs-table td {
padding: 10px;
}

.compliance-badge {
flex-direction: column;
text-align: center;
padding: 20px;
}

.badge-content {
text-align: center;
}

.cta-section {
padding: 40px 20px;
}

.tab-buttons {
flex-direction: column;
}

.tab-button {
width: 100%;
}
}

Where the S-CAPTA3626B3 fits

The S-CAPTA3626B3 is a 3 ton (36,000 BTU) cased A-coil for an upflow or downflow furnace or air handler. It runs on R-32 and arrives with a factory-installed thermal expansion valve (TXV), so there is no metering kit to buy separately. The cabinet measures 17-1/2 inches wide by 26 inches high and 21 inches deep.

Three things decide whether this is the right coil for your job. Capacity first: match it to a 3 ton outdoor unit, because an evaporator that is a size off the condenser costs you both efficiency and dehumidification. Refrigerant second: this is an R-32 coil and belongs on an R-32 condenser or heat pump, not on an older R-410A system. Cabinet third: a 17-1/2 inch cabinet has to sit on a 17-1/2 inch furnace. The same coil is built in 14, 17-1/2, 21 and 24-1/2 inch widths, and the wrong one will not seal to the plenum.

Browse the rest of the range in Solace evaporator coils, or size the whole system first with our HVAC sizing tool. If you want a second pair of eyes on the pairing before you spend the money, call (877) 843-4822 and we will check the model numbers against each other.