
    body { background-color: #ffffaa; font-family: Tahoma, Arial, sans-serif; color: #333; margin: 0; padding: 0; }
    #dtemplate_container { max-width: 1000px; margin: 0 auto; background: #fff; border: 1px solid #ccc; }
    #dtemplate_top-bar { background: #eee; padding: 5px 10px; font-size: 11px; display: flex; justify-content: space-between; }
    header { text-align: center; }
    .hero-banner { width: 100%; height: auto; display: block; }
    #dtemplate_nav-bar { background: url('/assets/wood003_1.jpg'); padding: 10px; }
    #dtemplate_nav-bar a { color: #f5ebf5; text-decoration: none; font-weight: bold; margin-right: 20px; }
    #dtemplate_main-content { display: flex; padding: 20px; flex-wrap: wrap; }
    #dtemplate_left-sidebar { width: 200px; flex-shrink: 0; }
    #dtemplate_content { flex: 1; min-width: 300px; padding-left: 20px; }
    .dtemplate_widget { border: 1px solid #ccc; margin-bottom: 15px; }
    .dtemplate_widget h4 { background: #006699; color: #fff; padding: 5px; margin: 0; font-size: 14px; }
    .product-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 15px; }
    .product-item { border: 1px dotted #1313f5; padding: 10px; background: #f1f5bc; text-align: center; }
    .product-item img { max-width: 100%; height: auto; }
    .product-price { color: #f20c45; font-weight: bold; }
    .nav-icon { display: inline-block; width: 16px; height: 16px; background: #999; margin-right: 5px; vertical-align: middle; }
    @media (max-width: 768px) { #dtemplate_main-content { flex-direction: column; } #dtemplate_left-sidebar { width: 100%; } }
    footer { text-align: center; padding: 20px; border-top: 1px solid #ccc; font-size: 12px; }
