<style> .lhb-desc { max-width: 980px; margin: 0 auto; color: #172127; font-family: Arial, Helvetica, sans-serif; line-height: 1.58; overflow: hidden; } .lhb-desc *, .lhb-desc *::before, .lhb-desc *::after { box-sizing: border-box; letter-spacing: 0 !important; text-transform: none !important; } .lhb-video-wrap { width: 100%; margin: 0 0 16px; border-radius: 14px; overflow: hidden; background: #0f171b; box-shadow: 0 10px 28px rgba(12, 24, 32, 0.12); } .lhb-video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; background: #0f171b; } .lhb-hero { border: 1px solid #d9e8df; border-radius: 14px; background: linear-gradient(135deg, #f7fbf8, #eef8f1); padding: 18px; margin: 0 0 16px; } .lhb-title { margin: 0 0 8px; color: #10231c; font-size: clamp(23px, 5.6vw, 36px); line-height: 1.18; font-weight: 800; } .lhb-copy { margin: 0; color: #52615a; font-size: 15px; line-height: 1.6; } .lhb-tags { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 0 0 16px; } .lhb-tag { border: 1px solid #dce8e2; border-radius: 12px; background: #fff; padding: 13px 12px; text-align: center; box-shadow: 0 5px 16px rgba(20, 42, 32, 0.05); } .lhb-tag b { display: block; color: #10231c; font-size: 15px; line-height: 1.25; } .lhb-tag span { display: block; margin-top: 4px; color: #5b6862; font-size: 13px; line-height: 1.35; } .lhb-specs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin: 0 0 18px; } .lhb-spec { border-radius: 12px; background: #15241d; padding: 14px 12px; text-align: center; } .lhb-spec b { display: block; color: #ffffff; font-size: 14px; line-height: 1.2; } .lhb-spec span { display: block; margin-top: 5px; color: #d7eadf; font-size: 13px; line-height: 1.35; } .lhb-img-list { display: flex; flex-direction: column; gap: 12px; } .lhb-img { display: block; width: 100%; max-width: 100% !important; height: auto !important; margin: 0 auto; border: 0; border-radius: 10px; background: #f4f7f8; } .lhb-note { border-radius: 12px; background: #f7faf8; border: 1px solid #dce8e2; padding: 14px 15px; margin: 0 0 16px; color: #43514b; font-size: 14px; line-height: 1.55; } @media screen and (max-width: 749px) { .lhb-desc { line-height: 1.55; } .lhb-video-wrap { border-radius: 10px; margin-bottom: 12px; } .lhb-hero { padding: 15px; border-radius: 12px; margin-bottom: 12px; } .lhb-copy { font-size: 14px; } .lhb-tags, .lhb-specs { grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 12px; } .lhb-tag, .lhb-spec { padding: 12px 10px; border-radius: 10px; } .lhb-img-list { gap: 10px; } .lhb-img { border-radius: 8px; } } @media screen and (max-width: 430px) { .lhb-tags, .lhb-specs { grid-template-columns: 1fr; } } </style> <div class="lhb-desc"> <div class="lhb-video-wrap"><video class="lhb-video" src="https://cdn.shopify.com/videos/c/o/v/35f98052127248eda45e84bd89917cc4.mp4" controls="controls" muted="" playsinline="" preload="metadata"> Your browser does not support the video tag. </video></div> <div class="lhb-hero"> <h2 class="lhb-title">Jointed Soft-Tail Sinking Glide Bait</h2> <p class="lhb-copy">A lifelike segmented glide bait with S-swimming action, soft PVC tail kick, built-in rattle, and sharp treble hooks for bass, pike, walleye, and saltwater predators.</p> </div> <div class="lhb-tags"> <div class="lhb-tag"> <b>S-Glide Action</b>