/* Product Stories - video grid template matching Beginner's Guide */
(function() {
    if (!window.location.pathname.includes('/category/product-stories')) return;
    
    var main = document.getElementById('primary');
    if (!main) return;
    
    var desc = main.querySelector('.ast-archive-description');
    var posts = main.querySelector('.site-main');
    if (!desc || !posts) return;
    
    var descHTML = desc.innerHTML;
    
    var html = '<div style="margin-bottom:30px;margin-top:48px;">' +
        '<h2 style="font-size:40px;font-weight:600;margin:0 0 16px;color:#333;">Handcrafted Product Stories</h2>' +
        '<div style="display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;">' +
        
        '<div style="background:white;border-radius:12px;padding:16px;box-shadow:0 2px 8px rgba(0,0,0,0.06);display:flex;flex-direction:column;">' +
        '<h3 style="margin:0 0 10px;font-size:15px;min-height:40px;display:flex;align-items:center;">Singing Bowl Handcrafting</h3>' +
        '<video controls width="100%" style="border-radius:8px;" preload="metadata">' +
        '<source src="https://l-opus.com/wp-content/uploads/2026/07/product-singingbowl-making.mp4" type="video/mp4"></video></div>' +
        
        '<div style="background:white;border-radius:12px;padding:16px;box-shadow:0 2px 8px rgba(0,0,0,0.06);display:flex;flex-direction:column;">' +
        '<h3 style="margin:0 0 10px;font-size:15px;min-height:40px;display:flex;align-items:center;">Buddha Wood Carving</h3>' +
        '<video controls width="100%" style="border-radius:8px;" preload="metadata">' +
        '<source src="https://l-opus.com/wp-content/uploads/2026/07/product-buddha-carving.mp4" type="video/mp4"></video></div>' +
        
        '<div style="background:white;border-radius:12px;padding:16px;box-shadow:0 2px 8px rgba(0,0,0,0.06);display:flex;flex-direction:column;">' +
        '<h3 style="margin:0 0 10px;font-size:15px;min-height:40px;display:flex;align-items:center;">Candle DIY Making</h3>' +
        '<video controls width="100%" style="border-radius:8px;" preload="metadata">' +
        '<source src="https://l-opus.com/wp-content/uploads/2026/07/product-candle-diy.mp4" type="video/mp4"></video></div>' +
        
        '</div>' +
        '<hr style="border:none;border-top:1px dashed #ddd;margin:30px 0;">' +
        '<div style="padding:20px 0;">' +
        '<h2 style="margin:0 0 10px;font-size:40px;font-weight:600;">Product Stories</h2>' +
        '<div style="color:#555;line-height:1.7;">' + descHTML + '</div>' +
        '</div></div>';
    
    desc.style.display = 'none';
    desc.style.margin = '0';
    desc.style.padding = '0';
    
    var wrapper = document.createElement('div');
    wrapper.innerHTML = html;
    main.insertBefore(wrapper.firstChild, posts);
    
    var titles = document.querySelectorAll('.page-title, .entry-title, h1');
    titles.forEach(function(t) { t.style.display = 'none'; });
})();