{"product_id":"christmas-scratch-cards","title":"πŸŽ…Christmas Scratch Cards – Holiday Party Game, Lucky Draw \u0026 Surprise Gift Cards with Scratch-Off Stickers","description":"\n\u003c!-- ==========================================================\nMERAVLO | DIY CHRISTMAS SCRATCH-OFF SURPRISE CARDS\nShopify Custom Liquid β€” FULL UPDATED VERSION\n\nUPDATED:\n- Hero GIF now uses the same column width as feature images\n- Removed hero GIF white frame and excess empty space\n- Original GIF preserved and plays automatically\n- Original 5 feature images preserved\n- Original content order preserved\n- One final CTA to native Shopify purchase area\n========================================================== --\u003e\n\n\u003cdiv id=\"meravlo-christmas-scratch-v2\" class=\"mcs\"\u003e\n\n\u003cstyle\u003e\n\/* ==========================================================\n 01. DESIGN SYSTEM\n========================================================== *\/\n\n#meravlo-christmas-scratch-v2 {\n --mcs-green:#244637;\n --mcs-green-deep:#17372b;\n --mcs-green-light:#edf3ec;\n --mcs-red:#a9363e;\n --mcs-red-dark:#892832;\n --mcs-gold:#b9965e;\n --mcs-gold-light:#ead9b9;\n --mcs-cream:#fcf8f0;\n --mcs-cream-deep:#f7f0e3;\n --mcs-paper:#fffdf9;\n --mcs-white:#ffffff;\n --mcs-ink:#34362f;\n --mcs-muted:#716f67;\n --mcs-line:#e8e0d3;\n\n display:block;\n position:relative;\n isolation:isolate;\n width:100%;\n max-width:100%;\n min-width:0;\n margin:0;\n padding:0;\n box-sizing:border-box;\n overflow:hidden;\n overflow-wrap:anywhere;\n container:mcs-layout \/ inline-size;\n background:#ffffff;\n color:var(--mcs-ink);\n text-align:left;\n font:16px\/1.75 Arial,Helvetica,sans-serif;\n -webkit-font-smoothing:antialiased;\n}\n\n#meravlo-christmas-scratch-v2 *,\n#meravlo-christmas-scratch-v2 *::before,\n#meravlo-christmas-scratch-v2 *::after {\n box-sizing:border-box;\n}\n\n#meravlo-christmas-scratch-v2 h1,\n#meravlo-christmas-scratch-v2 h2,\n#meravlo-christmas-scratch-v2 h3,\n#meravlo-christmas-scratch-v2 p {\n margin:0;\n padding:0;\n max-width:none;\n}\n\n#meravlo-christmas-scratch-v2 h1,\n#meravlo-christmas-scratch-v2 h2,\n#meravlo-christmas-scratch-v2 h3 {\n font-family:Georgia,\"Times New Roman\",serif;\n font-weight:700;\n letter-spacing:-.035em;\n text-transform:none;\n}\n\n#meravlo-christmas-scratch-v2 h1 {\n font-size:clamp(36px,5.8cqw,64px);\n line-height:1.12;\n}\n\n#meravlo-christmas-scratch-v2 h2 {\n font-size:clamp(28px,4.1cqw,45px);\n line-height:1.16;\n}\n\n#meravlo-christmas-scratch-v2 h3 {\n font-size:clamp(24px,3cqw,34px);\n line-height:1.2;\n}\n\n#meravlo-christmas-scratch-v2 img {\n display:block;\n position:static;\n width:100%;\n max-width:100%;\n height:auto!important;\n margin:0;\n padding:0;\n border:0;\n transform:none;\n object-fit:contain!important;\n object-position:center;\n opacity:1;\n visibility:visible;\n}\n\n#meravlo-christmas-scratch-v2 .mcs-shell {\n width:100%;\n max-width:1100px;\n margin:0 auto;\n padding:0 25px;\n}\n\n#meravlo-christmas-scratch-v2 .mcs-eyebrow {\n display:block;\n margin-bottom:15px;\n color:var(--mcs-red);\n font-size:11px;\n font-weight:800;\n letter-spacing:2px;\n line-height:1.5;\n text-transform:uppercase;\n}\n\n#meravlo-christmas-scratch-v2 .mcs-accent {\n color:var(--mcs-red);\n}\n\n#meravlo-christmas-scratch-v2 .mcs-lead {\n color:var(--mcs-muted);\n font-size:16px;\n line-height:1.9;\n}\n\n#meravlo-christmas-scratch-v2 .mcs-center {\n max-width:820px;\n margin:0 auto;\n text-align:center;\n}\n\n#meravlo-christmas-scratch-v2 .mcs-center \u003e p {\n max-width:720px;\n margin:18px auto 0;\n color:var(--mcs-muted);\n font-size:15px;\n line-height:1.85;\n}\n\n\/* ==========================================================\n 02. HERO β€” UPDATED GIF WIDTH\n========================================================== *\/\n\n#meravlo-christmas-scratch-v2 .mcs-hero {\n position:relative;\n overflow:hidden;\n padding:58px 0 46px;\n background:\n radial-gradient(\n circle at 87% 14%,\n rgba(202,158,101,.19),\n transparent 37%\n ),\n radial-gradient(\n circle at 9% 84%,\n rgba(167,53,64,.09),\n transparent 40%\n ),\n linear-gradient(\n 135deg,\n #fbf4e8 0%,\n #fffdf9 52%,\n #f7efe0 100%\n );\n}\n\n#meravlo-christmas-scratch-v2 .mcs-hero::before {\n content:\"\";\n position:absolute;\n top:-230px;\n right:-180px;\n width:420px;\n height:420px;\n border:1px solid rgba(184,148,89,.24);\n border-radius:50%;\n pointer-events:none;\n}\n\n#meravlo-christmas-scratch-v2 .mcs-hero::after {\n content:\"✦\";\n position:absolute;\n top:36px;\n right:6%;\n color:rgba(179,141,83,.34);\n font-size:35px;\n pointer-events:none;\n}\n\n\/* Hero and feature rows use the same two-column proportions *\/\n\n#meravlo-christmas-scratch-v2 .mcs-hero-inner {\n position:relative;\n z-index:1;\n display:grid;\n grid-template-columns:\n minmax(0,1fr)\n minmax(0,1fr);\n align-items:center;\n gap:clamp(28px,4.8cqw,73px);\n}\n\n#meravlo-christmas-scratch-v2 .mcs-hero-copy {\n min-width:0;\n}\n\n#meravlo-christmas-scratch-v2 .mcs-hero h1 {\n color:var(--mcs-green-deep);\n}\n\n#meravlo-christmas-scratch-v2 .mcs-hero h1 em {\n color:var(--mcs-red);\n font-style:italic;\n}\n\n#meravlo-christmas-scratch-v2 .mcs-hero-sub {\n margin-top:20px;\n color:var(--mcs-red-dark);\n font-family:Georgia,\"Times New Roman\",serif;\n font-size:clamp(19px,2.4cqw,26px);\n font-weight:700;\n line-height:1.45;\n}\n\n#meravlo-christmas-scratch-v2 .mcs-hero-copy p.mcs-lead {\n margin-top:18px;\n}\n\n#meravlo-christmas-scratch-v2\n.mcs-hero-copy p.mcs-lead + p.mcs-lead {\n margin-top:12px;\n}\n\n#meravlo-christmas-scratch-v2 .mcs-hero-pill {\n display:inline-flex;\n align-items:center;\n flex-wrap:wrap;\n gap:9px;\n max-width:100%;\n margin-top:22px;\n padding:11px 17px;\n border:1px solid #e8d6b8;\n border-radius:40px;\n background:#fff;\n color:#846543;\n font-size:12px;\n font-weight:800;\n line-height:1.6;\n}\n\n\/* No white card, border, padding, or width restriction *\/\n\n#meravlo-christmas-scratch-v2 .mcs-hero-media {\n display:block;\n width:100%;\n max-width:none;\n min-width:0;\n margin:0;\n padding:0;\n border:0;\n border-radius:0;\n background:transparent;\n box-shadow:none;\n}\n\n\/* GIF fills its entire hero image column *\/\n\n#meravlo-christmas-scratch-v2 .mcs-gif-frame {\n display:block;\n width:100%;\n max-width:none;\n min-width:0;\n margin:0;\n padding:0;\n overflow:hidden;\n border:0;\n border-radius:15px;\n background:transparent;\n box-shadow:none;\n}\n\n#meravlo-christmas-scratch-v2 .mcs-gif-frame img {\n display:block;\n width:100%;\n max-width:100%;\n height:auto!important;\n margin:0;\n padding:0;\n border:0;\n border-radius:15px;\n object-fit:contain!important;\n object-position:center;\n}\n\n#meravlo-christmas-scratch-v2 .mcs-hero-caption {\n display:none;\n}\n\n\/* Note below the hero remains unchanged *\/\n\n#meravlo-christmas-scratch-v2 .mcs-hero-note {\n display:flex;\n align-items:center;\n justify-content:center;\n gap:10px;\n margin-top:22px;\n padding:15px 18px;\n border:1px solid #dedfcf;\n border-radius:13px;\n background:#eef2e8;\n color:var(--mcs-green);\n font-size:13px;\n font-weight:800;\n line-height:1.55;\n text-align:center;\n}\n\n\/* ==========================================================\n 03. BENEFIT STRIP\n========================================================== *\/\n\n#meravlo-christmas-scratch-v2 .mcs-strip {\n padding:24px 0;\n border-bottom:1px solid var(--mcs-line);\n background:#ffffff;\n}\n\n#meravlo-christmas-scratch-v2 .mcs-strip-grid {\n display:grid;\n grid-template-columns:repeat(3,minmax(0,1fr));\n gap:12px;\n}\n\n#meravlo-christmas-scratch-v2 .mcs-strip-item {\n min-width:0;\n padding:20px 11px;\n border:1px solid #e9e4da;\n border-radius:14px;\n background:#fdfbf7;\n text-align:center;\n}\n\n#meravlo-christmas-scratch-v2 .mcs-strip-icon {\n display:block;\n margin-bottom:8px;\n font-size:24px;\n line-height:1.3;\n}\n\n#meravlo-christmas-scratch-v2 .mcs-strip-item strong {\n display:block;\n color:var(--mcs-green-deep);\n font-size:13px;\n line-height:1.5;\n}\n\n#meravlo-christmas-scratch-v2 .mcs-strip-item small {\n display:block;\n margin-top:6px;\n color:var(--mcs-muted);\n font-size:11px;\n line-height:1.55;\n}\n\n\/* ==========================================================\n 04. FEATURE SECTIONS\n========================================================== *\/\n\n#meravlo-christmas-scratch-v2 .mcs-feature {\n padding:66px 0;\n background:#fff;\n}\n\n#meravlo-christmas-scratch-v2 .mcs-feature.mcs-cream {\n background:var(--mcs-cream);\n}\n\n#meravlo-christmas-scratch-v2 .mcs-feature.mcs-sage {\n background:#edf2eb;\n}\n\n#meravlo-christmas-scratch-v2 .mcs-feature.mcs-sand {\n background:var(--mcs-cream-deep);\n}\n\n#meravlo-christmas-scratch-v2 .mcs-row {\n display:grid;\n grid-template-columns:minmax(0,1fr);\n align-items:center;\n gap:27px;\n}\n\n#meravlo-christmas-scratch-v2 .mcs-copy {\n min-width:0;\n}\n\n#meravlo-christmas-scratch-v2 .mcs-section-no {\n display:block;\n margin-bottom:14px;\n color:var(--mcs-red);\n font-size:11px;\n font-weight:800;\n line-height:1.5;\n letter-spacing:1.8px;\n text-transform:uppercase;\n}\n\n#meravlo-christmas-scratch-v2 .mcs-copy h3 {\n color:var(--mcs-green-deep);\n}\n\n#meravlo-christmas-scratch-v2 .mcs-copy p {\n margin-top:19px;\n color:var(--mcs-muted);\n font-size:15px;\n line-height:1.88;\n}\n\n#meravlo-christmas-scratch-v2 .mcs-photo {\n width:100%;\n min-width:0;\n margin:0;\n padding:10px;\n overflow:hidden;\n border:1px solid var(--mcs-line);\n border-radius:20px;\n background:#fff;\n}\n\n#meravlo-christmas-scratch-v2 .mcs-photo img {\n border-radius:12px;\n}\n\n#meravlo-christmas-scratch-v2 .mcs-feature-note {\n margin-top:23px;\n padding:17px 19px;\n border-left:4px solid var(--mcs-gold);\n border-radius:10px;\n background:#f8f0e2;\n color:#735f47;\n font-size:13px;\n line-height:1.85;\n}\n\n#meravlo-christmas-scratch-v2 .mcs-steps {\n display:grid;\n grid-template-columns:repeat(3,minmax(0,1fr));\n gap:9px;\n margin-top:25px;\n}\n\n#meravlo-christmas-scratch-v2 .mcs-step {\n min-width:0;\n padding:15px 8px;\n border:1px solid #e9dcc4;\n border-radius:11px;\n background:#fff;\n text-align:center;\n}\n\n#meravlo-christmas-scratch-v2 .mcs-step b {\n display:block;\n margin-bottom:6px;\n color:var(--mcs-red);\n font:700 20px\/1.3 Georgia,serif;\n}\n\n#meravlo-christmas-scratch-v2 .mcs-step span {\n color:var(--mcs-green);\n font-size:12px;\n font-weight:800;\n}\n\n\/* ==========================================================\n 05. DARK EDITORIAL DIVIDER\n========================================================== *\/\n\n#meravlo-christmas-scratch-v2 .mcs-story {\n position:relative;\n padding:72px 0;\n overflow:hidden;\n background:\n radial-gradient(\n circle at 87% 12%,\n rgba(211,176,104,.14),\n transparent 40%\n ),\n linear-gradient(\n 135deg,\n #18382b,\n #315440\n );\n color:#ffffff;\n text-align:center;\n}\n\n#meravlo-christmas-scratch-v2 .mcs-story .mcs-eyebrow {\n color:#ecd2a1;\n}\n\n#meravlo-christmas-scratch-v2 .mcs-story h2 {\n max-width:800px;\n margin:0 auto;\n color:#fff;\n}\n\n#meravlo-christmas-scratch-v2 .mcs-story h2 em {\n color:#f2d8aa;\n font-style:italic;\n}\n\n#meravlo-christmas-scratch-v2 .mcs-story p {\n max-width:720px;\n margin:20px auto 0;\n color:#e2ebe1;\n font-size:15px;\n line-height:1.9;\n}\n\n#meravlo-christmas-scratch-v2 .mcs-story-tags {\n display:flex;\n flex-wrap:wrap;\n justify-content:center;\n gap:10px;\n margin-top:26px;\n}\n\n#meravlo-christmas-scratch-v2 .mcs-story-tags span {\n padding:9px 15px;\n border:1px solid rgba(255,255,255,.24);\n border-radius:35px;\n background:rgba(255,255,255,.07);\n color:#f8f3e7;\n font-size:12px;\n font-weight:800;\n}\n\n\/* ==========================================================\n 06. PRODUCT SPECIFICATIONS\n========================================================== *\/\n\n#meravlo-christmas-scratch-v2 .mcs-specs {\n padding:78px 0;\n background:#f8f6f0;\n}\n\n#meravlo-christmas-scratch-v2 .mcs-specs h2 {\n color:var(--mcs-green-deep);\n}\n\n#meravlo-christmas-scratch-v2 .mcs-table-wrap {\n max-width:950px;\n margin:30px auto 0;\n overflow:hidden;\n border:1px solid var(--mcs-line);\n border-radius:18px;\n background:#fff;\n}\n\n#meravlo-christmas-scratch-v2 table {\n width:100%;\n margin:0;\n padding:0;\n border-collapse:collapse;\n border-spacing:0;\n table-layout:fixed;\n background:#fff;\n color:inherit;\n font:inherit;\n box-shadow:none;\n}\n\n#meravlo-christmas-scratch-v2 th,\n#meravlo-christmas-scratch-v2 td {\n padding:18px 22px;\n border:0;\n border-bottom:1px solid var(--mcs-line);\n vertical-align:top;\n text-align:left;\n white-space:normal;\n overflow-wrap:anywhere;\n font-size:14px;\n line-height:1.75;\n}\n\n#meravlo-christmas-scratch-v2 tr:last-child th,\n#meravlo-christmas-scratch-v2 tr:last-child td {\n border-bottom:0;\n}\n\n#meravlo-christmas-scratch-v2 th {\n width:35%;\n background:#f1f4ed;\n color:var(--mcs-green-deep);\n font-weight:800;\n}\n\n#meravlo-christmas-scratch-v2 td {\n color:var(--mcs-muted);\n}\n\n#meravlo-christmas-scratch-v2 .mcs-spec-note {\n max-width:850px;\n margin:23px auto 0;\n padding:17px 20px;\n border:1px solid #e6dbc7;\n border-radius:12px;\n background:#fff;\n color:#756d61;\n font-size:13px;\n line-height:1.85;\n}\n\n\/* ==========================================================\n 07. FAQ\n========================================================== *\/\n\n#meravlo-christmas-scratch-v2 .mcs-faq {\n padding:79px 0;\n background:#fff;\n}\n\n#meravlo-christmas-scratch-v2 .mcs-faq h2 {\n color:var(--mcs-green-deep);\n}\n\n#meravlo-christmas-scratch-v2 .mcs-faq-list {\n max-width:950px;\n margin:30px auto 0;\n border-top:1px solid var(--mcs-line);\n}\n\n#meravlo-christmas-scratch-v2 .mcs-faq details {\n margin:0;\n padding:0;\n border-bottom:1px solid var(--mcs-line);\n}\n\n#meravlo-christmas-scratch-v2 .mcs-faq summary {\n display:flex;\n align-items:center;\n justify-content:space-between;\n gap:15px;\n padding:23px 3px;\n list-style:none;\n cursor:pointer;\n color:var(--mcs-green-deep);\n font-size:16px;\n font-weight:800;\n line-height:1.55;\n}\n\n#meravlo-christmas-scratch-v2\n.mcs-faq summary::-webkit-details-marker {\n display:none;\n}\n\n#meravlo-christmas-scratch-v2\n.mcs-faq summary::after {\n content:\"+\";\n display:flex;\n align-items:center;\n justify-content:center;\n flex:0 0 30px;\n width:30px;\n height:30px;\n border-radius:50%;\n background:#f1e6d6;\n color:var(--mcs-red-dark);\n font-size:23px;\n font-weight:400;\n}\n\n#meravlo-christmas-scratch-v2\n.mcs-faq details[open] summary::after {\n content:\"βˆ’\";\n}\n\n#meravlo-christmas-scratch-v2 .mcs-faq-answer {\n padding:0 40px 25px 3px;\n color:var(--mcs-muted);\n font-size:15px;\n line-height:1.88;\n}\n\n\/* ==========================================================\n 08. FINAL CTA\n========================================================== *\/\n\n#meravlo-christmas-scratch-v2 .mcs-final {\n padding:85px 0;\n background:\n radial-gradient(\n circle at 82% 14%,\n rgba(230,183,112,.18),\n transparent 40%\n ),\n linear-gradient(\n 135deg,\n #79242c,\n #ae3d43\n );\n color:#fff;\n text-align:center;\n}\n\n#meravlo-christmas-scratch-v2 .mcs-final .mcs-eyebrow {\n color:#f2d8ab;\n}\n\n#meravlo-christmas-scratch-v2 .mcs-final h2 {\n max-width:825px;\n margin:0 auto;\n color:#fff;\n}\n\n#meravlo-christmas-scratch-v2 .mcs-final h2 em {\n color:#f9dfae;\n font-style:italic;\n}\n\n#meravlo-christmas-scratch-v2 .mcs-final p {\n max-width:700px;\n margin:21px auto 27px;\n color:#f7e8e3;\n font-size:15px;\n line-height:1.88;\n}\n\n#meravlo-christmas-scratch-v2 .mcs-button {\n appearance:none;\n display:inline-flex;\n align-items:center;\n justify-content:center;\n gap:12px;\n width:auto;\n min-width:285px;\n max-width:100%;\n min-height:58px;\n padding:17px 27px;\n border:1px solid #f1dfba;\n border-radius:9px;\n background:#f1dfba;\n color:#5e302d;\n font:800 13px\/1.5 Arial,Helvetica,sans-serif;\n letter-spacing:.55px;\n text-align:center;\n text-transform:uppercase;\n text-decoration:none;\n cursor:pointer;\n transition:background .2s ease,transform .2s ease;\n}\n\n#meravlo-christmas-scratch-v2 .mcs-button:hover {\n background:#fff0d5;\n transform:translateY(-2px);\n}\n\n#meravlo-christmas-scratch-v2 .mcs-button:focus-visible,\n#meravlo-christmas-scratch-v2\n.mcs-faq summary:focus-visible {\n outline:3px solid #f3d7a5;\n outline-offset:4px;\n}\n\n#meravlo-christmas-scratch-v2 .mcs-final-small {\n margin-top:17px;\n color:#efd8d1;\n font-size:12px;\n line-height:1.7;\n}\n\n\/* ==========================================================\n 09. DESKTOP IMAGE LAYOUT\n========================================================== *\/\n\n@container mcs-layout (min-width:720px) {\n\n #meravlo-christmas-scratch-v2 .mcs-row {\n grid-template-columns:\n minmax(0,1fr)\n minmax(0,1fr);\n gap:clamp(28px,4.8cqw,73px);\n }\n\n #meravlo-christmas-scratch-v2\n .mcs-row.mcs-reverse \u003e .mcs-photo {\n order:-1;\n }\n}\n\n\/* ==========================================================\n 10. MOBILE LAYOUT\n========================================================== *\/\n\n@container mcs-layout (max-width:719px) {\n\n #meravlo-christmas-scratch-v2 .mcs-shell {\n padding:0 16px;\n }\n\n #meravlo-christmas-scratch-v2 h1 {\n font-size:clamp(34px,8.2cqw,47px);\n }\n\n #meravlo-christmas-scratch-v2 h2 {\n font-size:clamp(27px,6.5cqw,38px);\n }\n\n #meravlo-christmas-scratch-v2 h3 {\n font-size:clamp(23px,5.8cqw,31px);\n }\n\n #meravlo-christmas-scratch-v2 .mcs-hero {\n padding:42px 0 32px;\n }\n\n #meravlo-christmas-scratch-v2 .mcs-hero-inner {\n grid-template-columns:minmax(0,1fr);\n gap:24px;\n }\n\n #meravlo-christmas-scratch-v2 .mcs-lead {\n font-size:14px;\n }\n\n #meravlo-christmas-scratch-v2 .mcs-hero-sub {\n font-size:20px;\n }\n\n \/* Mobile GIF: same full content width as feature images *\/\n\n #meravlo-christmas-scratch-v2 .mcs-hero-media,\n #meravlo-christmas-scratch-v2 .mcs-gif-frame {\n width:100%;\n max-width:none;\n min-width:0;\n margin:0;\n padding:0;\n border:0;\n background:transparent;\n box-shadow:none;\n }\n\n #meravlo-christmas-scratch-v2 .mcs-gif-frame {\n border-radius:15px;\n }\n\n #meravlo-christmas-scratch-v2 .mcs-gif-frame img {\n width:100%;\n max-width:100%;\n height:auto!important;\n border-radius:15px;\n object-fit:contain!important;\n }\n\n #meravlo-christmas-scratch-v2 .mcs-hero-note {\n margin-top:20px;\n }\n\n #meravlo-christmas-scratch-v2 .mcs-strip {\n padding:16px 0;\n }\n\n #meravlo-christmas-scratch-v2 .mcs-strip-grid {\n gap:7px;\n }\n\n #meravlo-christmas-scratch-v2 .mcs-strip-item {\n padding:14px 6px;\n }\n\n #meravlo-christmas-scratch-v2 .mcs-strip-icon {\n font-size:21px;\n }\n\n #meravlo-christmas-scratch-v2 .mcs-strip-item strong {\n font-size:10px;\n }\n\n #meravlo-christmas-scratch-v2 .mcs-strip-item small {\n font-size:9px;\n }\n\n #meravlo-christmas-scratch-v2 .mcs-feature {\n padding:35px 0;\n }\n\n #meravlo-christmas-scratch-v2 .mcs-row {\n grid-template-columns:minmax(0,1fr);\n gap:22px;\n }\n\n #meravlo-christmas-scratch-v2 .mcs-copy p {\n margin-top:15px;\n font-size:14px;\n }\n\n #meravlo-christmas-scratch-v2 .mcs-story,\n #meravlo-christmas-scratch-v2 .mcs-specs,\n #meravlo-christmas-scratch-v2 .mcs-faq,\n #meravlo-christmas-scratch-v2 .mcs-final {\n padding:53px 0;\n }\n\n #meravlo-christmas-scratch-v2\n .mcs-specs th,\n #meravlo-christmas-scratch-v2\n .mcs-specs td {\n display:block;\n width:100%;\n padding:12px 17px;\n }\n\n #meravlo-christmas-scratch-v2 .mcs-specs th {\n padding-bottom:5px;\n border-bottom:0;\n }\n\n #meravlo-christmas-scratch-v2 .mcs-specs td {\n padding-top:5px;\n }\n\n #meravlo-christmas-scratch-v2 .mcs-faq summary {\n padding:20px 3px;\n font-size:14px;\n }\n\n #meravlo-christmas-scratch-v2 .mcs-faq-answer {\n padding:0 34px 23px 3px;\n font-size:14px;\n }\n\n #meravlo-christmas-scratch-v2 .mcs-button {\n width:100%;\n min-width:0;\n }\n\n #meravlo-christmas-scratch-v2 .mcs-final p {\n font-size:14px;\n }\n}\n\n\/* ==========================================================\n 11. ACCESSIBILITY\n========================================================== *\/\n\n@media(prefers-reduced-motion:reduce) {\n #meravlo-christmas-scratch-v2 *,\n #meravlo-christmas-scratch-v2 *::before,\n #meravlo-christmas-scratch-v2 *::after {\n transition:none!important;\n }\n}\n\u003c\/style\u003e\n\n\u003c!-- ==========================================================\n HERO β€” ORIGINAL GIF \/ UPDATED FULL WIDTH\n========================================================== --\u003e\n\n\u003csection class=\"mcs-hero\"\u003e\n \u003cdiv class=\"mcs-shell\"\u003e\n\n \u003cdiv class=\"mcs-hero-inner\"\u003e\n\n \u003cdiv class=\"mcs-hero-copy\"\u003e\n\n \u003cspan class=\"mcs-eyebrow\"\u003e\n A Little Card. A Moment of Christmas Magic.\n \u003c\/span\u003e\n\n \u003ch1\u003e\n Make Their Christmas\n \u003cem\u003eSurprise Worth the Wait.\u003c\/em\u003e\n \u003c\/h1\u003e\n\n \u003cdiv class=\"mcs-hero-sub\"\u003e\n Give them something to smile about β€”\n one scratch at a time.\n \u003c\/div\u003e\n\n \u003cp class=\"mcs-lead\"\u003e\n A thoughtful gift is even more\n fun when there's a little\n mystery involved.\n Turn a family movie night,\n a special treat, or a\n heartfelt message into a\n surprise they'll love uncovering.\n \u003c\/p\u003e\n\n \u003cp class=\"mcs-lead\"\u003e\n Write your own reveal,\n hide it beneath a\n scratch-off sticker,\n and tuck the card into\n their Christmas celebrations.\n It's a simple, personal\n way to add anticipation\n to the moment β€” and make\n an everyday gesture\n feel extra special.\n \u003c\/p\u003e\n\n \u003cdiv class=\"mcs-hero-pill\"\u003e\n πŸŽ„ Write Your Message Β· Cover Β· Scratch to Reveal\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c!-- Hero GIF: same width as the other feature image columns --\u003e\n\n \u003cdiv class=\"mcs-hero-media\"\u003e\n\n \u003cdiv class=\"mcs-gif-frame\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0753\/0325\/6157\/files\/9b1e7717e3f281938ffe754e6b9c282b.gif?v=1793587436\" alt=\"Writing and revealing a personalized Christmas scratch-off surprise card\" width=\"360\" height=\"480\" decoding=\"async\" fetchpriority=\"high\"\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"mcs-hero-note\"\u003e\n ✦ Your Message Β· Their Surprise Β· A Little More Christmas Joy ✦\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ==========================================================\n BENEFIT STRIP\n========================================================== --\u003e\n\n\u003csection class=\"mcs-strip\"\u003e\n \u003cdiv class=\"mcs-shell\"\u003e\n\n \u003cdiv class=\"mcs-strip-grid\"\u003e\n\n \u003cdiv class=\"mcs-strip-item\"\u003e\n\n \u003cspan class=\"mcs-strip-icon\"\u003e\n πŸ’Œ\n \u003c\/span\u003e\n\n \u003cstrong\u003e\n Personalize the Message\n \u003c\/strong\u003e\n\n \u003csmall\u003e\n Choose your own surprise\n \u003c\/small\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"mcs-strip-item\"\u003e\n\n \u003cspan class=\"mcs-strip-icon\"\u003e\n ✨\n \u003c\/span\u003e\n\n \u003cstrong\u003e\n Fun Scratch-Off Reveal\n \u003c\/strong\u003e\n\n \u003csmall\u003e\n A little extra anticipation\n \u003c\/small\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"mcs-strip-item\"\u003e\n\n \u003cspan class=\"mcs-strip-icon\"\u003e\n 🎁\n \u003c\/span\u003e\n\n \u003cstrong\u003e\n Christmas Gift-Ready\n \u003c\/strong\u003e\n\n \u003csmall\u003e\n Thoughtful festive presentation\n \u003c\/small\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ==========================================================\n FEATURE 01 β€” PERSONALIZED SURPRISE\n ORIGINAL IMAGE 01\n========================================================== --\u003e\n\n\u003csection class=\"mcs-feature mcs-cream\"\u003e\n \u003cdiv class=\"mcs-shell\"\u003e\n\n \u003cdiv class=\"mcs-row mcs-reverse\"\u003e\n\n \u003cdiv class=\"mcs-copy\"\u003e\n\n \u003cspan class=\"mcs-section-no\"\u003e\n 01 \/ Make It Personal\n \u003c\/span\u003e\n\n \u003ch3\u003e\n Your Message.\n Their Happy Surprise.\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Create a reveal that feels\n made just for them.\n Add a cozy movie night,\n a hot cocoa date,\n a small reward, or\n a playful Christmas\n challenge in the\n blank writing area.\n \u003c\/p\u003e\n\n \u003cp\u003e\n You choose what's\n hidden underneath,\n so each card can\n hold something different\n for family, friends,\n students, or customers.\n \u003c\/p\u003e\n\n \u003cdiv class=\"mcs-feature-note\"\u003e\n \u003cstrong\u003ePersonalized giving:\u003c\/strong\u003e\n The surprise comes from\n the message you write,\n making each card feel\n more thoughtful and meaningful.\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"mcs-photo\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0753\/0325\/6157\/files\/ChatGPT_2026_11_2_10_28_56-2.jpg?v=1793586617\" alt=\"Personalized Christmas scratch cards with movie night and hot cocoa reveal ideas\" width=\"1254\" height=\"1254\" loading=\"lazy\" decoding=\"async\"\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ==========================================================\n FEATURE 02 β€” WRITE \/ COVER \/ REVEAL\n ORIGINAL IMAGE 02\n========================================================== --\u003e\n\n\u003csection class=\"mcs-feature\"\u003e\n \u003cdiv class=\"mcs-shell\"\u003e\n\n \u003cdiv class=\"mcs-row\"\u003e\n\n \u003cdiv class=\"mcs-copy\"\u003e\n\n \u003cspan class=\"mcs-section-no\"\u003e\n 02 \/ Write. Cover. Reveal.\n \u003c\/span\u003e\n\n \u003ch3\u003e\n A Little DIY.\n A Lot of Excitement.\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Write your message in\n the white area,\n let the ink dry,\n and cover it with\n a scratch-off sticker.\n Then hand over the\n card and let the\n recipient reveal\n the surprise.\n \u003c\/p\u003e\n\n \u003cp\u003e\n A marker is recommended\n for clear, easy-to-read\n writing. No complicated\n crafting process β€”\n just a few simple\n steps to make it\n your own.\n \u003c\/p\u003e\n\n \u003cdiv class=\"mcs-steps\"\u003e\n\n \u003cdiv class=\"mcs-step\"\u003e\n \u003cb\u003e01\u003c\/b\u003e\n \u003cspan\u003eWrite\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"mcs-step\"\u003e\n \u003cb\u003e02\u003c\/b\u003e\n \u003cspan\u003eCover\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"mcs-step\"\u003e\n \u003cb\u003e03\u003c\/b\u003e\n \u003cspan\u003eReveal\u003c\/span\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"mcs-photo\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0753\/0325\/6157\/files\/ChatGPT_2026_11_2_10_28_57-3.jpg?v=1793586617\" alt=\"Three simple steps to write a Christmas surprise, cover it with a scratch-off sticker, and reveal it\" width=\"1254\" height=\"1254\" loading=\"lazy\" decoding=\"async\"\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ==========================================================\n FEATURE 03 β€” CHRISTMAS DESIGNS AND MATERIAL\n ORIGINAL IMAGE 03\n========================================================== --\u003e\n\n\u003csection class=\"mcs-feature mcs-sage\"\u003e\n \u003cdiv class=\"mcs-shell\"\u003e\n\n \u003cdiv class=\"mcs-row mcs-reverse\"\u003e\n\n \u003cdiv class=\"mcs-copy\"\u003e\n\n \u003cspan class=\"mcs-section-no\"\u003e\n 03 \/ Dressed for Christmas\n \u003c\/span\u003e\n\n \u003ch3\u003e\n Festive Before\n the First Scratch.\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Cheerful Santa scenes,\n snowy details, and\n colorful holiday characters\n make these cards feel\n right at home beneath\n the tree or on\n a party table.\n \u003c\/p\u003e\n\n \u003cp\u003e\n Thick cardstock with\n a smooth surface gives\n each card a pleasing\n feel, while the\n dedicated writing area\n keeps your personal\n reveal at the\n heart of the design.\n \u003c\/p\u003e\n\n \u003cdiv class=\"mcs-feature-note\"\u003e\n \u003cstrong\u003eClassic holiday charm:\u003c\/strong\u003e\n The Christmas artwork\n sets the festive mood\n before the message\n is even revealed.\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"mcs-photo\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0753\/0325\/6157\/files\/ChatGPT_2026_11_2_10_28_58-4.jpg?v=1793586617\" alt=\"Christmas scratch-off card artwork showing festive designs, cardstock, and scratch-off stickers\" width=\"1254\" height=\"1254\" loading=\"lazy\" decoding=\"async\"\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ==========================================================\n EDITORIAL DIVIDER\n========================================================== --\u003e\n\n\u003csection class=\"mcs-story\"\u003e\n \u003cdiv class=\"mcs-shell\"\u003e\n\n \u003cspan class=\"mcs-eyebrow\"\u003e\n The Beauty of a Little Surprise\n \u003c\/span\u003e\n\n \u003ch2\u003e\n Sometimes the Smallest Gifts\n Create the \u003cem\u003eBiggest Smiles.\u003c\/em\u003e\n \u003c\/h2\u003e\n\n \u003cp\u003e\n A thoughtful message,\n a festive design,\n and the excitement of\n revealing something special\n can turn a simple\n Christmas moment into\n a memory worth sharing.\n \u003c\/p\u003e\n\n \u003cdiv class=\"mcs-story-tags\"\u003e\n\n \u003cspan\u003e\n πŸŽ„ Festive Designs\n \u003c\/span\u003e\n\n \u003cspan\u003e\n πŸ’Œ Personal Messages\n \u003c\/span\u003e\n\n \u003cspan\u003e\n ✨ Scratch-Off Surprises\n \u003c\/span\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ==========================================================\n FEATURE 04 β€” SIZE AND GIFTING\n ORIGINAL IMAGE 04\n========================================================== --\u003e\n\n\u003csection class=\"mcs-feature mcs-sand\"\u003e\n \u003cdiv class=\"mcs-shell\"\u003e\n\n \u003cdiv class=\"mcs-row\"\u003e\n\n \u003cdiv class=\"mcs-copy\"\u003e\n\n \u003cspan class=\"mcs-section-no\"\u003e\n 04 \/ Small Card. Thoughtful Touch.\n \u003c\/span\u003e\n\n \u003ch3\u003e\n Slip a Surprise\n Into Their Gift.\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Measuring\n \u003cstrong\u003e3.54 Γ— 2.05 inches\n (9 Γ— 5.2 cm)\u003c\/strong\u003e,\n each card is easy\n to tuck into a\n stocking, gift bag,\n greeting card, or\n party favor box.\n \u003c\/p\u003e\n\n \u003cp\u003e\n Add a hidden message\n to a wrapped present\n or use the reveal\n to announce an\n experience you can\n enjoy together.\n A small addition\n can make the\n unwrapping feel\n more personal.\n \u003c\/p\u003e\n\n \u003cdiv class=\"mcs-feature-note\"\u003e\n \u003cstrong\u003eCompact holiday surprise:\u003c\/strong\u003e\n An easy way to\n add something meaningful\n to gifts without\n needing a large box\n or elaborate wrapping.\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"mcs-photo\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0753\/0325\/6157\/files\/ChatGPT_2026_11_2_10_28_59-5.jpg?v=1793586617\" alt=\"Christmas scratch-off card dimensions and gifting ideas including stockings, gift bags, and party favors\" width=\"1254\" height=\"1254\" loading=\"lazy\" decoding=\"async\"\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ==========================================================\n FEATURE 05 β€” CHRISTMAS OCCASIONS\n ORIGINAL IMAGE 05\n========================================================== --\u003e\n\n\u003csection class=\"mcs-feature\"\u003e\n \u003cdiv class=\"mcs-shell\"\u003e\n\n \u003cdiv class=\"mcs-row mcs-reverse\"\u003e\n\n \u003cdiv class=\"mcs-copy\"\u003e\n\n \u003cspan class=\"mcs-section-no\"\u003e\n 05 \/ Bring People Together\n \u003c\/span\u003e\n\n \u003ch3\u003e\n Give Every Celebration\n a Fun Reveal.\n \u003c\/h3\u003e\n\n \u003cp\u003e\n Turn family gatherings\n into a round of\n festive challenges,\n brighten classroom rewards,\n or add a personal\n thank-you to a\n small business\n holiday gift.\n \u003c\/p\u003e\n\n \u003cp\u003e\n From party favors\n to surprise treats,\n you set the\n message and the mood.\n Make each reveal\n suit the people\n you're celebrating with.\n \u003c\/p\u003e\n\n \u003cdiv class=\"mcs-feature-note\"\u003e\n \u003cstrong\u003eChristmas moments:\u003c\/strong\u003e\n Perfect for creating\n your own messages\n for family gatherings,\n classroom activities,\n seasonal gift exchanges,\n or holiday thank-yous.\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"mcs-photo\"\u003e\n\n \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0753\/0325\/6157\/files\/ChatGPT_2026_11_2_10_28_59-6.jpg?v=1793586617\" alt=\"Christmas scratch-off cards for family gatherings, classroom rewards, customer gifts, and party favors\" width=\"1254\" height=\"1254\" loading=\"lazy\" decoding=\"async\"\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ==========================================================\n PRODUCT DETAILS\n========================================================== --\u003e\n\n\u003csection class=\"mcs-specs\"\u003e\n \u003cdiv class=\"mcs-shell\"\u003e\n\n \u003cdiv class=\"mcs-center\"\u003e\n\n \u003cspan class=\"mcs-eyebrow\"\u003e\n Product Information\n \u003c\/span\u003e\n\n \u003ch2\u003e\n Product\n \u003cspan class=\"mcs-accent\"\u003eDetails\u003c\/span\u003e\n \u003c\/h2\u003e\n\n \u003cp\u003e\n A compact Christmas\n scratch-off card that\n lets you create\n your own personalized\n message, gift reveal,\n or festive challenge.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"mcs-table-wrap\"\u003e\n\n \u003ctable aria-label=\"Christmas scratch card specifications\"\u003e\n \u003ctbody\u003e\n\n \u003ctr\u003e\n \u003cth scope=\"row\"\u003eProduct\u003c\/th\u003e\n \u003ctd\u003e\n DIY Christmas Scratch-Off Surprise Cards\n \u003c\/td\u003e\n \u003c\/tr\u003e\n\n \u003ctr\u003e\n \u003cth scope=\"row\"\u003eMaterial\u003c\/th\u003e\n \u003ctd\u003e\n Thick cardstock with a smooth surface\n \u003c\/td\u003e\n \u003c\/tr\u003e\n\n \u003ctr\u003e\n \u003cth scope=\"row\"\u003eCard Size\u003c\/th\u003e\n \u003ctd\u003e\n 3.54 Γ— 2.05 in \/ 9 Γ— 5.2 cm\n \u003c\/td\u003e\n \u003c\/tr\u003e\n\n \u003ctr\u003e\n \u003cth scope=\"row\"\u003eDesign\u003c\/th\u003e\n \u003ctd\u003e\n Christmas-themed artwork\n \u003c\/td\u003e\n \u003c\/tr\u003e\n\n \u003ctr\u003e\n \u003cth scope=\"row\"\u003ePersonalization\u003c\/th\u003e\n \u003ctd\u003e\n Blank writing area covered with a\n scratch-off sticker\n \u003c\/td\u003e\n \u003c\/tr\u003e\n\n \u003ctr\u003e\n \u003cth scope=\"row\"\u003eWriting Tool\u003c\/th\u003e\n \u003ctd\u003e\n Marker recommended\n \u003c\/td\u003e\n \u003c\/tr\u003e\n\n \u003ctr\u003e\n \u003cth scope=\"row\"\u003eIdeal For\u003c\/th\u003e\n \u003ctd\u003e\n Stocking surprises, gift bags,\n family parties, classroom rewards,\n and customer thank-you gifts\n \u003c\/td\u003e\n \u003c\/tr\u003e\n\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"mcs-spec-note\"\u003e\n \u003cstrong\u003ePersonalization note:\u003c\/strong\u003e\n These cards are intended\n for messages and surprises\n created by you.\n The source information\n does not specify a\n particular pack quantity,\n so the number of\n cards supplied has not\n been stated here.\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ==========================================================\n FREQUENTLY ASKED QUESTIONS\n========================================================== --\u003e\n\n\u003csection class=\"mcs-faq\"\u003e\n \u003cdiv class=\"mcs-shell\"\u003e\n\n \u003cdiv class=\"mcs-center\"\u003e\n\n \u003cspan class=\"mcs-eyebrow\"\u003e\n Helpful Product Answers\n \u003c\/span\u003e\n\n \u003ch2\u003e\n Frequently Asked\n \u003cspan class=\"mcs-accent\"\u003eQuestions\u003c\/span\u003e\n \u003c\/h2\u003e\n\n \u003cp\u003e\n Everything you need\n to know about\n personalizing your\n Christmas scratch-off\n surprise cards.\n \u003c\/p\u003e\n\n \u003c\/div\u003e\n\n \u003cdiv class=\"mcs-faq-list\"\u003e\n\n \u003cdetails\u003e\n\n \u003csummary\u003e\n Can I write my own message?\n \u003c\/summary\u003e\n\n \u003cdiv class=\"mcs-faq-answer\"\u003e\n Yes. The blank white\n area is for your\n own message, reward,\n gift reveal, or\n festive challenge.\n You decide what\n the recipient discovers.\n \u003c\/div\u003e\n\n \u003c\/details\u003e\n\n \u003cdetails\u003e\n\n \u003csummary\u003e\n How do I make the scratch-off reveal?\n \u003c\/summary\u003e\n\n \u003cdiv class=\"mcs-faq-answer\"\u003e\n Write in the\n designated area,\n allow the ink\n to dry, and\n cover the message\n with a scratch-off\n sticker. The recipient\n scratches away the\n coating to read\n what's underneath.\n \u003c\/div\u003e\n\n \u003c\/details\u003e\n\n \u003cdetails\u003e\n\n \u003csummary\u003e\n What should I use to write on the cards?\n \u003c\/summary\u003e\n\n \u003cdiv class=\"mcs-faq-answer\"\u003e\n A marker is recommended\n for clear, readable\n lettering. Let the\n writing dry completely\n before applying\n the sticker.\n \u003c\/div\u003e\n\n \u003c\/details\u003e\n\n \u003cdetails\u003e\n\n \u003csummary\u003e\n What kinds of surprises can I put inside?\n \u003c\/summary\u003e\n\n \u003cdiv class=\"mcs-faq-answer\"\u003e\n Try a movie night,\n hot cocoa together,\n a small gift,\n a classroom reward,\n or a holiday activity.\n Messages and rewards\n are created by you;\n these are customizable\n cards, not pre-filled\n prize tickets.\n \u003c\/div\u003e\n\n \u003c\/details\u003e\n\n \u003cdetails\u003e\n\n \u003csummary\u003e\n Will they fit inside a stocking or greeting card?\n \u003c\/summary\u003e\n\n \u003cdiv class=\"mcs-faq-answer\"\u003e\n Each card measures\n \u003cstrong\u003e3.54 Γ— 2.05 inches\n (9 Γ— 5.2 cm)\u003c\/strong\u003e,\n making it easy\n to add to most\n stockings, gift bags,\n greeting cards,\n and party favor boxes.\n \u003c\/div\u003e\n\n \u003c\/details\u003e\n\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ==========================================================\n FINAL CTA β€” ONE BUTTON ONLY\n========================================================== --\u003e\n\n\u003csection class=\"mcs-final\"\u003e\n \u003cdiv class=\"mcs-shell\"\u003e\n\n \u003cspan class=\"mcs-eyebrow\"\u003e\n A Little Christmas Mystery\n \u003c\/span\u003e\n\n \u003ch2\u003e\n Make a Little Mystery\n Part of \u003cem\u003eTheir Christmas.\u003c\/em\u003e\n \u003c\/h2\u003e\n\n \u003cp\u003e\n Add your own thoughtful\n surprise and give them\n a festive reveal\n they'll enjoy discovering.\n One simple card can\n turn a meaningful message\n into a memorable\n Christmas moment.\n \u003c\/p\u003e\n\n \u003cbutton type=\"button\" class=\"mcs-button\" data-mcs-buy aria-label=\"Return to product purchase area\"\u003e\n GET YOUR CHRISTMAS SURPRISE CARDS\n \u003cspan aria-hidden=\"true\"\u003e↑\u003c\/span\u003e\n \u003c\/button\u003e\n\n \u003cdiv class=\"mcs-final-small\"\u003e\n Back to the top to choose your option and order.\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ==========================================================\n SHOPIFY NATIVE PURCHASE AREA SCROLL\n\n Does not modify:\n - Product price\n - Variants\n - Quantity selector\n - Add-to-cart button\n - Checkout behavior\n========================================================== --\u003e\n\n\u003cscript\u003e\n(function(){\n\n var root = document.getElementById(\n 'meravlo-christmas-scratch-v2'\n );\n\n if (!root || root.dataset.mcsReady === '1') {\n return;\n }\n\n root.dataset.mcsReady = '1';\n\n var button = root.querySelector('[data-mcs-buy]');\n\n if (!button) {\n return;\n }\n\n function isVisible(el) {\n\n if (!el || root.contains(el)) {\n return false;\n }\n\n var style = window.getComputedStyle(el);\n var rect = el.getBoundingClientRect();\n\n return (\n style.display !== 'none' \u0026\u0026\n style.visibility !== 'hidden' \u0026\u0026\n rect.width \u003e 0 \u0026\u0026\n rect.height \u003e 0\n );\n }\n\n function isAboveDescription(el) {\n\n if (!el || root.contains(el)) {\n return false;\n }\n\n if (el.contains(root)) {\n return true;\n }\n\n return Boolean(\n el.compareDocumentPosition(root) \u0026\n Node.DOCUMENT_POSITION_FOLLOWING\n );\n }\n\n function findPurchaseArea() {\n\n \/*\n When Custom Liquid is inside\n Shopify's product information column,\n scroll to that column.\n *\/\n\n var direct = root.closest(\n '.product__info-container,' +\n '.product__info-wrapper,' +\n '.product-single__meta,' +\n '.product-info__container,' +\n '[data-product-info],' +\n 'product-info'\n );\n\n if (\n direct \u0026\u0026\n direct.getClientRects().length\n ) {\n return direct;\n }\n\n \/*\n Otherwise search for the current\n product's native purchase controls.\n *\/\n\n var productScope = root.closest(\n 'main-product,' +\n '[id^=\"MainProduct-\"],' +\n '.product-template,' +\n '[data-product-id]'\n );\n\n var mainScope =\n root.closest('main') ||\n document.querySelector('main');\n\n var scopes = [\n productScope,\n mainScope,\n document\n ];\n\n var selectors = [\n '.product__info-container',\n '.product__info-wrapper',\n '[id^=\"ProductInfo-\"]',\n '.product-single__meta',\n '.product-info__container',\n '[data-product-info]',\n 'product-info',\n '.product-form__input',\n 'variant-selects',\n 'variant-radios',\n 'product-form',\n '.product-form',\n 'form[action*=\"\/cart\/add\"]',\n '.product__price',\n '[data-product-price]'\n ];\n\n for (var s = 0; s \u003c scopes.length; s++) {\n\n var scope = scopes[s];\n\n if (!scope) {\n continue;\n }\n\n for (var i = 0; i \u003c selectors.length; i++) {\n\n var candidates = [];\n\n if (\n scope.matches \u0026\u0026\n scope.matches(selectors[i])\n ) {\n candidates.push(scope);\n }\n\n var found = scope.querySelectorAll(\n selectors[i]\n );\n\n for (var j = 0; j \u003c found.length; j++) {\n candidates.push(found[j]);\n }\n\n for (var k = 0; k \u003c candidates.length; k++) {\n\n var candidate = candidates[k];\n\n if (\n isVisible(candidate) \u0026\u0026\n isAboveDescription(candidate)\n ) {\n return candidate;\n }\n }\n }\n }\n\n return null;\n }\n\n function stickyHeaderOffset() {\n\n var selectors = [\n '.shopify-section-header-sticky',\n '.section-header',\n '.header-wrapper',\n '[data-sticky-header]'\n ];\n\n var offset = 0;\n\n for (var i = 0; i \u003c selectors.length; i++) {\n\n var headers = document.querySelectorAll(\n selectors[i]\n );\n\n for (var j = 0; j \u003c headers.length; j++) {\n\n var header = headers[j];\n var style = window.getComputedStyle(\n header\n );\n var rect = header.getBoundingClientRect();\n\n if (\n (\n style.position === 'fixed' ||\n style.position === 'sticky'\n ) \u0026\u0026\n rect.top \u003c= 0 \u0026\u0026\n rect.bottom \u003e 0\n ) {\n offset = Math.max(\n offset,\n rect.bottom\n );\n }\n }\n }\n\n return offset;\n }\n\n function scrollToPurchase() {\n\n var target = findPurchaseArea();\n\n var reducedMotion = window.matchMedia(\n '(prefers-reduced-motion: reduce)'\n ).matches;\n\n var behavior = reducedMotion\n ? 'auto'\n : 'smooth';\n\n if (!target) {\n window.scrollTo({\n top:0,\n left:0,\n behavior:behavior\n });\n return;\n }\n\n var destination =\n window.scrollY +\n target.getBoundingClientRect().top -\n stickyHeaderOffset() -\n 18;\n\n window.scrollTo({\n top:Math.max(0,destination),\n behavior:behavior\n });\n }\n\n button.addEventListener(\n 'click',\n scrollToPurchase\n );\n\n})();\n\u003c\/script\u003e\n\n\u003c\/div\u003e\n","brand":"ZJQ","offers":[{"title":"Red","offer_id":67894131294301,"sku":"MS26110202001","price":12.99,"currency_code":"USD","in_stock":true},{"title":"Green","offer_id":67894131327069,"sku":"MS26110202004","price":12.99,"currency_code":"USD","in_stock":true},{"title":"Blue","offer_id":67894131359837,"sku":"MS26110202003","price":12.99,"currency_code":"USD","in_stock":true},{"title":"Orange","offer_id":67894131392605,"sku":"MS26110202002","price":12.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0753\/0325\/6157\/files\/ChatGPT_2026_11_2_10_28_54-1.jpg?v=1793586617","url":"https:\/\/meravlo.com\/products\/christmas-scratch-cards","provider":"meravlo","version":"1.0","type":"link"}