<style> .xmas-diamond-page{ max-width:900px; margin:0 auto; background:#fffdf8; color:#4d4540; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; line-height:1.65; } .xmas-diamond-page *{box-sizing:border-box;} .xmas-diamond-page img{ display:block; width:100%; height:auto; } .xd-section{padding:28px 18px;} .xd-center{text-align:center;} .xd-cream{background:#fff8eb;} .xd-green{background:#eef5ed;} .xd-red{background:#9c3237;color:#fff;} .xd-dark{background:#234d3b;color:#fff;} .xd-label{ display:inline-block; padding:6px 14px; margin-bottom:12px; border-radius:30px; background:#e8d3a3; color:#704f25; font-size:11px; font-weight:900; letter-spacing:1.2px; } .xd-title{ max-width:760px; margin:0 auto 12px; font-family:Georgia,"Times New Roman",serif; font-size:35px; line-height:1.18; color:#763438; } .xd-h2{ margin:0 0 9px; font-family:Georgia,"Times New Roman",serif; font-size:26px; line-height:1.25; color:#743b3d; } .xd-text{ max-width:720px; margin:0 auto; color:#766b64; font-size:15px; } .xd-red .xd-title, .xd-red .xd-h2, .xd-dark .xd-title, .xd-dark .xd-h2{color:#fff;} .xd-red .xd-text, .xd-dark .xd-text{color:#f8eee5;} .xd-divider{ width:75px; height:2px; margin:15px auto; background:#d9bd7b; } .xd-benefits{ display:grid; grid-template-columns:repeat(4,1fr); gap:9px; margin-top:20px; } .xd-benefit{ padding:16px 7px; background:#fff; border:1px solid #eadfc9; border-radius:14px; text-align:center; } .xd-benefit span{ display:block; font-size:27px; margin-bottom:5px; } .xd-benefit strong{ color:#5e5048; font-size:13px; } .xd-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:10px; margin-top:18px; } .xd-card{ padding:18px; background:#fff; border:1px solid #e6dac5; border-radius:14px; } .xd-card span{ display:block; margin-bottom:7px; font-size:28px; } .xd-card strong{ display:block; color:#703e40; margin-bottom:4px; font-size:15px; } .xd-card p{ margin:0; color:#776d67; font-size:13px; } .xd-step{ display:flex; align-items:flex-start; gap:12px; padding:13px 0; border-bottom:1px solid #e6dcc9; } .xd-step:last-child{border-bottom:0;} .xd-step-num{ min-width:38px; height:38px; display:flex; align-items:center; justify-content:center; background:#a03d40; color:#fff; border-radius:50%; font-weight:900; } .xd-step strong{ color:#663d3e; display:block; margin-bottom:2px; } .xd-step p{ margin:0; color:#766d68; font-size:13px; } .xd-spec{ margin-top:15px; border-top:1px solid #dfd4c1; } .xd-spec-row{ display:grid; grid-template-columns:38% 62%; gap:10px; padding:11px 4px; border-bottom:1px solid #dfd4c1; font-size:14px; } .xd-spec-row strong{color:#673f40;} .xd-spec-row span{color:#746c66;} .xd-tip{ margin-top:12px; padding:14px; background:#fff; border-left:4px solid #bd9545; border-radius:8px; color:#6c6259; font-size:13px; } @media(max-width:650px){ .xd-section{padding:22px 13px;} .xd-title{font-size:29px;} .xd-h2{font-size:23px;} .xd-benefits{grid-template-columns:repeat(2,1fr);} .xd-grid{grid-template-columns:1fr;} .xd-spec-row{grid-template-columns:1fr;gap:2px;} } </style> <div class="xmas-diamond-page"> <!-- HERO --> <section class="xd-section xd-center xd-cream"> <div class="xd-label">✨ CREATE • SPARKLE • CELEBRATE</div> <h1 class="xd-title">Turn a Cozy Christmas Afternoon Into Something You’ll Hang on the Tree</h1> <div class="xd-divider"><br></div> <p class="xd-text">Add each sparkling diamond by hand and watch these festive ornaments slowly come to life. A relaxing Christmas craft that becomes part of your holiday décor when you're finished.</p> </section> <img src="https://cdn.cloudfastin.top/image/e7e39d515286e85e4181d1d1653d91d2f677a882.gif" alt="DIY Christmas diamond painting ornament kit"> <!-- QUICK SELLING POINTS --> <section class="xd-secti