<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
<style>
.ww-description-container {
font-family: 'Poppins', sans-serif;
background: #e0e5ec;
padding: 30px;
border-radius: 25px;
box-shadow: 9px 9px 16px rgb(163,177,198,0.6), -9px -9px 16px rgba(255,255,255, 0.5);
color: #2c3e50;
max-width: 850px;
margin: 20px auto;
line-height: 1.6;
}
.ww-specs-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 20px;
margin-bottom: 30px;
}
.ww-spec-card {
background: #e0e5ec;
padding: 20px;
border-radius: 15px;
box-shadow: inset 6px 6px 10px 0 rgba(0, 0, 0, 0.1), inset -6px -6px 10px 0 rgba(255, 255, 255, 0.8);
text-align: center;
transition: 0.3s;
}
.ww-spec-card:hover {
transform: translateY(-5px);
box-shadow: 6px 6px 12px rgba(108, 99, 255, 0.2);
}
.ww-spec-card i {
font-size: 24px;
color: #6C63FF;
margin-bottom: 10px;
}
.ww-spec-card h4 {
margin: 5px 0;
font-size: 14px;
color: #888;
text-transform: uppercase;
}
.ww-spec-card p {
margin: 0;
font-weight: 600;
color: #2c3e50;
}
.ww-about-section {
background: rgba(255, 255, 255, 0.2);
backdrop-filter: blur(5px);
border: 1px solid rgba(255, 255, 255, 0.3);
padding: 25px;
border-radius: 20px;
margin-top: 20px;
box-shadow: 5px 5px 15px rgba(0,0,0,0.05);
}
.ww-about-section h3 {
color: #6C63FF;
margin-top: 0;
display: flex;
align-items: center;
gap: 10px;
}
.ww-note-box {
margin-top: 20px;
padding: 15px 20px;
border-left: 5px solid #6C63FF;
background: rgba(108, 99, 255, 0.05);
border-radius: 0 15px 15px 0;
font-size: 14px;
font-style: italic;
}
.ww-highlight {
color: #6C63FF;
font-weight: 600;
}
</style>
<div class="ww-description-container">
<div class="ww-specs-grid">
<div class="ww-spec-card">
<i class="fas fa-layer-group"></i>
<h4>Thickness</h4>
<p>30mm – 35mm</p>
</div>
<div class="ww-spec-card">
<i class="fas fa-arrows-alt-v"></i>
<h4>Available Heights</h4>
<p>30" | 18" | 15"</p>
</div>
<div class="ww-spec-card">
<i class="fas fa-shipping-fast"></i>
<h4>Dispatch Time</h4>
<p>4-6 Weeks</p>
</div>
</div>
<div class="ww-about-section">
<h3><i class="fas fa-paint-brush"></i> The Wolf Wood Philosophy</h3>
<p>
At <span class="ww-highlight">Wolf Wood Works</span>, we craft unique and <span class="ww-highlight">“Perfectly Imperfect”</span> pieces of art using raw Acacia wood as our canvas and resin as its essence.
</p>
<p>
Our creations blend both form and function, resulting in captivating one-of-a-kind items suitable for residential and commercial spaces alike. Our objective is to make the end product appear effortless, as if it naturally evolved into a beautiful table.
</p>
</div>
<div class="ww-note-box">
<i class="fas fa-info-circle"></i>
<strong>Natural Variation:</strong> Since we use raw wood in its natural form and shape, the actual product may exhibit slight variations from the displayed picture.
<br><br>
<i class="fas fa-times-circle"></i>
<strong>Exclusions:</strong> Any accessories or chairs shown in the picture are not included in the given prices.
</div>
</div>
Added to Cart!
