Description

GARVEE Stainless Steel Work Table 36″x24″x34“with Backsplash, NSF Commercial Heavy Duty Table with Undershelf and Backsplash for Restaurant, Home and Hotel

.product-title {
font-size: 32px;
color: #e74c3c;
text-align: center;
margin-bottom: 20px;
}
.product-subtitle {
font-size: 20px;
color: #7f8c8d;
text-align: center;
margin-bottom: 30px;
}
.product-image {
width: 100%;
max-width: 100%;
height: auto;
margin-bottom: 30px;
border-radius: 8px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.feature-list {
background-color: #f9f9f9;
padding: 30px;
border-radius: 8px;
margin-bottom: 40px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}
.feature-list h2 {
color: #e74c3c;
margin-bottom: 20px;
}
.feature-list ul {
padding-left: 20px;
}
.feature-list li {
margin-bottom: 15px;
font-size: 18px;
}
.cta-button {
display: block;
width: 250px;
margin: 40px auto;
padding: 15px 30px;
background-color: #e74c3c;
color: white;
text-align: center;
text-decoration: none;
font-size: 20px;
font-weight: bold;
border-radius: 5px;
transition: background-color 0.3s ease, transform 0.2s ease;
}
.cta-button:hover {
background-color: #c0392b;
transform: translateY(-2px);
}
.specifications {
border-collapse: collapse;
width: 100%;
margin-top: 30px;
}
.specifications td {
border: 1px solid #ddd;
padding: 12px;
font-size: 16px;
}
.specifications tr:nth-child(even) {
background-color: #f2f2f2;
}

Specifications

.responsive-table {
border-collapse: collapse;
width: 100%;
margin-bottom: 20px;
}
.responsive-table td {
border: 1px solid #ddd;
padding: 8px;
text-align: left;
}
.responsive-table tr:nth-child(odd) {
background-color: #F2F2F2;
}
.responsive-table tr:nth-child(even) {
background-color: #E6E6E6;
}
.responsive-table tr:hover {
background-color: #DDDDDD;
}
@media screen and (max-width: 600px) {
.responsive-table, .responsive-table td {
display: block;
}
.responsive-table td {
box-sizing: border-box;
width: 100%;
text-align: left;
padding: 10px;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
}
.responsive-table tr {
display: flex;
flex-wrap: wrap;
}
.responsive-table tr td:first-child {
width: 40%;
}
.responsive-table tr td:last-child {
width: 60%;
}
}