Bag Shelf

<!-- Product Specifications Section -->
<section class="product-specifications">
<h2>Product Specifications</h2>
<ul>
<li><strong>Product Name:</strong> Bag Shelf </li>
<li><strong>Material:</strong> Premium Solid Rubber Wood &ndash; long-lasting &amp; eco-friendly</li>
<li><strong>Paint Used:</strong> Non-toxic, child-safe, lead-free finishes</li>
<li><strong>Dimensions:</strong> 90 x 30 x 80 with 10 compartments measuring 18 x 32 cm</li>
<li><strong>Age Group:</strong> 1.5 years+</li>
<li><strong>Skills Focused:</strong> Organization, independence, Montessori learning, responsibility, fine motor skills</li>
<li><strong>Assembly:</strong> Download the assembly instruction from the "Download" section or <a href="#" target="_blank">click here - Assembly Instruction</a></li>
</ul>
</section>

<!-- CSS Styling -->
<style>
.product-specifications {
max-width: 900px;
margin: 2em auto;
padding: 1em 1.2em;
font-family: 'Crimpson Pro', Arial, sans-serif;
background-color: #f9f9f9;
border-left: 4px solid #2C6E49;
border-radius: 5px;
}

.product-specifications h2 {
font-size: 1.8em;
color: #2a2a2a;
text-align: center;
margin-bottom: 1em;
}

.product-specifications ul {
list-style-type: disc;
padding-left: 1.4em;
margin: 0;
color: #555;
line-height: 1.6;
}

.product-specifications li {
margin-bottom: 0.6

<section class="good-to-know">
<h2>Good to Know</h2>
<dl>
<div class="item">
<dt>Child-Friendly Height</dt>
<dd>Designed at height (2 to 2.5 ft) so toddlers and preschoolers can reach easily.</dd>
</div>
<div class="item">
<dt>Compartments</dt>
<dd>Individual cubbies, best for keeping bags separate and easy to organise - faster access.</dd>
</div>
<div class="item">
<dt>Safe for Kids</dt>
<dd>Crafted from solid wood with rounded corners and non-toxic, lead-free polish.</dd>
</div>
<div class="item">
<dt>Compact & Space-Saving</dt>
<dd>Fits into smaller playrooms or classrooms without taking too much space.</dd>
</div>
<div class="item">
<dt>Montessori-Friendly Design</dt>
<dd>Encourages independence, responsibility, and organising in children.</dd>
</div>
<div class="item">
<dt>Sturdy & Long-Lasting</dt>
<dd>Solid rubber wood construction with D-nut & bolt assembly ensures durability.</dd>
</div>
<div class="item">
<dt>Easy to Clean</dt>
<dd>Just wipe with a damp cloth to keep the bag shelf looking new.</dd>
</div>
</div>
<div class="item">
<dt>Ventilation</dt>
<dd>Open backs or slatted shelves prevent odour build-up.</dd>
</div>
</dl>
</section>

<!-- CSS Styling -->
<style>
.good-to-know {
max-width: 900px;
margin: 2em auto;
padding: 1em;
font-family: 'Crimpson Pro', Arial, sans-serif;
}

.good-to-know h2 {
text-align: center;
font-size: 1.8em;
margin-bottom: 1em;
color: #2a2a2a;
}

.good-to-know dl {
display: flex;
flex-direction: column;
gap: 1em;
}

.good-to-know .item {
background: #f9f9f9;
border-left: 4px solid #2C6E49;
padding: 0.8em 1em;
border-radius: 5px;
}

.good-to-know dt {
font-weight: bold;
font-size: 1.1em;
margin-bottom: 0.3em;
color: #333;
}

.good-to-know dd {
margin: 0;
color: #555;
line-height: 1.5;
padding-left: 0.5em;
}

@media (min-width: 768px) {
.good-to-know dl {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1em 2em;
}
.good-to-know .item {
border-left-width: 5px;
}
}
</style>

<!-- Maintenance & Care Section -->
<section class="care-and-maintenance">
<dl>
<div class="item">
<dt>Cleaning</dt>
<dd>Wipe with a soft, damp cloth. Avoid harsh chemicals.</dd>
</div>
<div class="item">
<dt>Placement</dt>
<dd>Keep away from direct sunlight and moisture to protect the wood.</dd>
</div>
<div class="item">
<dt>Wood Care</dt>
<dd>Occasional polishing with child-safe wood polish helps maintain the natural finish.</dd>
</div>
<div class="item">
<dt>Assembly Check</dt>
<dd>Re-tighten D-nut & bolts if needed to keep the structure sturdy.</dd>
</div>
</dl>
</section>

<!-- CSS Styling -->
<style>
.care-and-maintenance {
max-width: 900px;
margin: 2em auto;
padding: 1em;
font-family: 'Crimpson Pro', Arial, sans-serif;
}

.care-and-maintenance h2 {
text-align: center;
font-size: 1.8em;
margin-bottom: 1em;
color: #2a2a2a;
}

.care-and-maintenance dl {
display: flex;
flex-direction: column;
gap: 1em;
}

.care-and-maintenance .item {
background: #f9f9f9;
border-left: 4px solid #2C6E49;
padding: 0.8em 1em;
border-radius: 5px;
}

.care-and-maintenance dt {
font-weight: bold;
font-size: 1.1em;
margin-bottom: 0.3em;
color: #333;
}

.care-and-maintenance dd {

<!-- Shipping, Cancellation & Returns Section -->
<section class="shipping-returns">
<h2>Shipping, Cancellation & Returns</h2>

<div class="section-block">
<h3>Your Benefits & Assurances</h3>
<ul>
<li>Safe delivery: products are shipped in <strong>flat-packed, secure packaging</strong>.</li>
<li>We take full responsibility for <strong>product damage during transit</strong> or <strong>delivery delays beyond the standard timeframe</strong>. Replacement, exchange, or refund provided.</li>
<li>Returns accepted <strong>within 2 working days of delivery</strong> for damaged or defective items.</li>
</ul>
</div>

<div class="section-block">
<h3>Shipping Details</h3>
<ul>
<li>Orders are usually shipped within <strong>3 working days</strong> as each product is carefully tested before packing, especially for heavier items.</li>
<li>Tracking number will be shared via <strong>registered email</strong> and <strong>WhatsApp</strong>.</li>
<li>Estimated delivery time is provided by the courier and will be available once the shipment is booked.</li>
</ul>
</div>

<div class="section-block">
<h3>Order Cancellation & Refunds</h3>
<ul>
<li><strong>Before Shipping:</strong> If you cancel an order before it is shipped, a <strong>small administrative and payment processing fee (5%)</strong> will be deducted. This covers costs incurred even before shipping, as we offer <strong>the best pricing</strong> on all products.</li>
<li><strong>After Shipping, Before Delivery:</strong> If you cancel after the product has shipped but before delivery, within the quoted courier delivery period (excluding delays), <strong>transport charges</strong> will also be deducted along with the 5% fee.</li>
</ul>
</div>

<div class="section-block">
<h3>How to Return or Request a Replacement</h3>
<ul>
<li>Contact our <strong>customer support team</strong> within 2 working days with your order details and photos of any damaged items.</li>
<li>Customized or engraved products are eligible for return only if they are <strong>damaged during transit</strong>.</li>
</ul>
</div>
</section>

<!-- CSS Styling -->
<style>
.shipping-returns {
max-width: 900px;
margin: 2em auto;
padding: 1em;
font-family: 'Crimpson Pro', Arial, sans-serif;
background-color: #fefefe;
}

.shipping-returns h2 {
text-align: center;
font-size: 1.8em;
color: #2a2a2a;
margin-bottom: 1em;
}

.shipping-returns .section-block {
background: #f9f9f9;
border-left: 4px solid #2C6E49;
padding: 1em 1.2em;
border-radius: 5px;
margin-bottom: 1em;
}

.shipping-returns h3 {
font-size: 1.2em;
margin-bottom: 0.5em;
color: #333;
}

.shipping-returns ul {
list-style-type: disc;
padding-left: 1.2em;
margin: 0;
color: #555;
line-height: 1.6;
}

.shipping-returns li {
margin-bottom: 0.5em;
}

@media (max-width: 767px) {
.shipping-returns {
padding: 0.8em;
}

.shipping-returns .section-block {
padding: 0.8em 1em;
}

.shipping-returns h2 {
font-size: 1.5em;
}

.shipping-returns h3 {
font-size: 1.1em;
}
}
</style>

<!-- FAQ Placeholder Section -->
<section class="faq-placeholder">
<h2>Frequently Asked Questions</h2>
<p>
Currently, there are no customer questions for this product. You can find all relevant details in the <strong>Specification</strong>, <strong>Good to Know</strong> tabs. If anything isn’t clear, don’t hesitate to ask - we’ll respond quickly and update this FAQ for everyone’s benefit.
</p>
</section>

<!-- CSS Styling -->
<style>
.faq-placeholder {
max-width: 900px;
margin: 2em auto;
padding: 1em 1.2em;
font-family: 'Crimpson Pro', Arial, sans-serif;
background-color: #f9f9f9;
border-left: 4px solid #2C6E49;
border-radius: 5px;
}

.faq-placeholder h2 {
font-size: 1.8em;
color: #2a2a2a;
margin-bottom: 0.8em;
text-align: center;
}

.faq-placeholder p {
font-size: 1em;
color: #555;
line-height: 1.6;
margin: 0;
}

.faq-placeholder strong {
color: #333;
}

@media (max-width: 767px) {
.faq-placeholder {
padding: 0.8em 1em;
}

.faq-placeholder h2 {
font-size: 1.5em;
}

.faq-placeholder p {
font-size: 0.95em;
}
}
</style>