Description

:root {
–primary-color: #C6A87C;
–text-color: #333;
–bg-color: #f9f9f9;
}
body {
font-family: ‘Helvetica Neue’, Helvetica, Arial, sans-serif;
color: var(–text-color);
line-height: 1.6;
margin: 0;
padding: 20px;
background-color: var(–bg-color);
}
.product-container {
max-width: 1100px;
margin: 0 auto;
background: white;
display: flex;
flex-wrap: wrap;
gap: 40px;
padding: 40px;
box-shadow: 0 4px 12px rgba(0,0,0,0.05);
border-radius: 8px;
}
.product-details { flex: 1 1 400px; }
h1 { font-size: 2.2rem; margin-bottom: 10px; color: #111; }
.subtitle {
color: var(–primary-color);
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 0.9rem;
margin-bottom: 20px;
display: block;
}
.price { font-size: 1.5rem; font-weight: bold; margin-bottom: 20px; color: #222; }
.plus-points { list-style: none; padding: 0; margin: 20px 0; }
.plus-points li { margin-bottom: 10px; font-weight: 600; display: flex; align-items: center; }
.plus-points li span { color: var(–primary-color); font-weight: 800; font-size: 1.2rem; margin-right: 10px; }
.description-text { margin-top: 30px; font-size: 0.95rem; color: #555; border-top: 1px solid #eee; padding-top: 20px; }
.specs-table { width: 100%; margin-top: 20px; border-collapse: collapse; }
.specs-table td { padding: 8px 0; border-bottom: 1px solid #f0f0f0; font-size: 0.9rem; }
.specs-table td:first-child { font-weight: bold; color: #777; width: 140px; }
@media (max-width: 768px) { .product-container { flex-direction: column; padding: 20px; } }