Garvee 3-Piece Folding Patio Bistro Set, Powder-Coated Metal Table and 2 Chairs for Balcony, Porch, Garden, Small Outdoor Spaces,Green
.garvee-a-plus {
max-width: 1180px;
margin: 0 auto;
padding: 28px 16px;
font-family: Arial, Helvetica, sans-serif;
color: #2f3437;
line-height: 1.65;
background: #ffffff;
box-sizing: border-box;
}
.garvee-a-plus * { box-sizing: border-box; }
.garvee-a-plus .hero {
background: linear-gradient(135deg, #e8f5e9 0%, #ffffff 72%);
border: 1px solid #a5d6a7;
border-radius: 22px;
padding: 42px 28px;
text-align: center;
margin-bottom: 28px;
}
.garvee-a-plus .hero h2 {
margin: 0 0 14px;
font-size: 34px;
line-height: 1.25;
color: #2e7d32;
font-weight: 700;
}
.garvee-a-plus .hero p {
max-width: 880px;
margin: 0 auto;
font-size: 17px;
color: #333333;
}
.garvee-a-plus .spec-row,
.garvee-a-plus .content-grid,
.garvee-a-plus .use-list {
display: grid;
gap: 14px;
margin: 26px 0;
}
.garvee-a-plus .spec-row { grid-template-columns: repeat(4, 1fr); }
.garvee-a-plus .content-grid { grid-template-columns: repeat(4, 1fr); gap: 18px; }
.garvee-a-plus .use-list { grid-template-columns: repeat(4, 1fr); gap: 12px; }
.garvee-a-plus .spec-box,
.garvee-a-plus .feature-card,
.garvee-a-plus .use-item {
background: #ffffff;
border: 1px solid #a5d6a7;
border-radius: 16px;
padding: 20px 14px;
}
.garvee-a-plus .spec-box { text-align: center; background: #f1f8e9; }
.garvee-a-plus .spec-box strong {
display: block;
font-size: 22px;
color: #2e7d32;
margin-bottom: 6px;
}
.garvee-a-plus .spec-box span,
.garvee-a-plus .feature-card p {
font-size: 14px;
color: #444444;
}
.garvee-a-plus .feature-card h3 {
margin: 0 0 10px;
font-size: 18px;
color: #2e7d32;
}
.garvee-a-plus .feature-card p { margin: 0; font-size: 15px; }
.garvee-a-plus .use-section {
background: #f1f8e9;
border-radius: 20px;
padding: 30px 24px;
margin: 36px 0;
}
.garvee-a-plus .use-section h3 {
margin: 0 0 12px;
font-size: 26px;
color: #2e7d32;
text-align: center;
}
.garvee-a-plus .use-section p {
max-width: 850px;
margin: 0 auto 22px;
text-align: center;
color: #333333;
font-size: 16px;
}
.garvee-a-plus .use-item {
text-align: center;
font-size: 14px;
color: #222222;
padding: 14px 12px;
}
.garvee-a-plus .table-wrap {
margin-top: 36px;
border: 2px solid #2e7d32;
border-radius: 16px;
overflow: hidden;
}
.garvee-a-plus .responsive-table {
width: 100%;
border-collapse: collapse;
table-layout: fixed;
}
.garvee-a-plus .responsive-table td {
padding: 16px 18px;
border-bottom: 1px solid #eeeeee;
font-size: 15px;
vertical-align: top;
}
.garvee-a-plus .responsive-table tr:last-child td { border-bottom: none; }
.garvee-a-plus .responsive-table td:first-child {
width: 38%;
font-weight: 700;
color: #222222;
background: #f1f8e9;
}
.garvee-a-plus .responsive-table td:last-child {
font-weight: 700;
color: #2e7d32;
}
.garvee-a-plus .care-note {
margin-top: 26px;
padding: 18px 20px;
border-radius: 16px;
background: #f1f8e9;
border: 1px solid #a5d6a7;
color: #333333;
font-size: 15px;
}
@media (max-width: 768px) {
.garvee-a-plus { padding: 20px 12px; }
.garvee-a-plus .hero { padding: 30px 18px; }
.garvee-a-plus .hero h2 { font-size: 26px; }
.garvee-a-plus .spec-row,
.garvee-a-plus .content-grid,
.garvee-a-plus .use-list { grid-template-columns: 1fr; }
.garvee-a-plus .responsive-table,
.garvee-a-plus .responsive-table tbody,
.garvee-a-plus .responsive-table tr,
.garvee-a-plus .responsive-table td {
display: block;
width: 100%;
}
.garvee-a-plus .responsive-table td:first-child {
width: 100%;
padding-bottom: 6px;
}
.garvee-a-plus .responsive-table td:last-child { padding-top: 6px; }
}