{"product_id":"christmas-gift-card-holder","title":"⏰LAST DAY 50% OFF - 2026 New🎅🎁 Waterfall Christmas Gift Card Booklet 💳✨","description":"\u003cdiv class=\"xgc-page\"\u003e    \u003c!-- ======================================================        01 · HERO   ======================================================= --\u003e   \u003csection class=\"xgc-hero\"\u003e      \u003cdiv class=\"xgc-kicker\"\u003e       🎄 A BETTER WAY TO GIVE A GIFT CARD     \u003c\/div\u003e      \u003ch2 class=\"xgc-hero-title\"\u003e       Make the Gift Card\u003cbr\u003e       Feel Like the Gift     \u003c\/h2\u003e      \u003cp class=\"xgc-hero-text\"\u003e       Gift cards are useful. An envelope is forgettable.       Turn four simple cards into one warm, personal Christmas surprise       they’ll actually remember opening.     \u003c\/p\u003e      \u003c!-- ORIGINAL GIF · intentionally kept small --\u003e     \u003cdiv class=\"xgc-gif-shell\"\u003e       \u003cimg class=\"xgc-main-gif\" src=\"https:\/\/cdn.techcloudclub.com\/image\/5264dcab167ce35e38ea3a281dec7663c0512490.gif\" alt=\"Christmas gift card booklet opening\" fetchpriority=\"high\"\u003e     \u003c\/div\u003e      \u003cdiv class=\"xgc-quick-grid\"\u003e        \u003cdiv class=\"xgc-quick-card\"\u003e         \u003cspan\u003e🎁\u003c\/span\u003e         \u003cstrong\u003e4 Gift Card Slots\u003c\/strong\u003e       \u003c\/div\u003e        \u003cdiv class=\"xgc-quick-card\"\u003e         \u003cspan\u003e✍️\u003c\/span\u003e         \u003cstrong\u003eAdd Your Own Notes\u003c\/strong\u003e       \u003c\/div\u003e        \u003cdiv class=\"xgc-quick-card\"\u003e         \u003cspan\u003e❤️\u003c\/span\u003e         \u003cstrong\u003eFeels More Personal\u003c\/strong\u003e       \u003c\/div\u003e        \u003cdiv class=\"xgc-quick-card\"\u003e         \u003cspan\u003e🎄\u003c\/span\u003e         \u003cstrong\u003eMade for Christmas\u003c\/strong\u003e       \u003c\/div\u003e      \u003c\/div\u003e    \u003c\/section\u003e     \u003c!-- ======================================================        02 · PROBLEM \/ SOLUTION   ======================================================= --\u003e   \u003csection class=\"xgc-red-block\"\u003e      \u003cdiv class=\"xgc-label xgc-label-gold\"\u003e       THE LITTLE PROBLEM WITH GIFT CARDS     \u003c\/div\u003e      \u003ch2\u003e       Useful Doesn’t Have to Feel Impersonal     \u003c\/h2\u003e      \u003cp\u003e       A gift card may be exactly what they want—but handing over a plain       plastic card can make the whole moment feel over too quickly.     \u003c\/p\u003e      \u003cp\u003e       This festive booklet adds what an envelope is missing:       \u003cstrong\u003e         your words, a little anticipation, and the feeling that         you planned something just for them.       \u003c\/strong\u003e     \u003c\/p\u003e    \u003c\/section\u003e     \u003c!-- ======================================================        03 · PERSONALIZATION   ======================================================= --\u003e   \u003csection class=\"xgc-section\"\u003e      \u003cdiv class=\"xgc-copy\"\u003e        \u003cdiv class=\"xgc-label\"\u003e         ❤️ MAKE IT THEIRS       \u003c\/div\u003e        \u003ch2\u003e         A Simple Gift Becomes Personal       \u003c\/h2\u003e        \u003cp\u003e         Add their name and write your own Christmas messages inside.         Instead of feeling like “just another gift card,” it becomes         something chosen and prepared especially for them.       \u003c\/p\u003e      \u003c\/div\u003e      \u003cdiv class=\"xgc-image-card\"\u003e       \u003cimg src=\"https:\/\/cdn.techcloudclub.com\/image\/b0452a19036d325b587910365d3194944345764b.jpeg\" alt=\"Personalized Christmas gift card booklet\" loading=\"lazy\" decoding=\"async\"\u003e     \u003c\/div\u003e    \u003c\/section\u003e     \u003c!-- ======================================================        04 · FOUR GIFT CARDS   ======================================================= --\u003e   \u003csection class=\"xgc-section xgc-cream-block\"\u003e      \u003cdiv class=\"xgc-copy\"\u003e        \u003cdiv class=\"xgc-label\"\u003e         🎁 FOUR LITTLE SURPRISES       \u003c\/div\u003e        \u003ch2\u003e         One Booklet.\u003cbr\u003e         Four Gift Cards.       \u003c\/h2\u003e        \u003cp\u003e         Choose four things they genuinely love and bring them together         in one complete Christmas gift instead of handing over several         separate cards.       \u003c\/p\u003e      \u003c\/div\u003e      \u003cdiv class=\"xgc-image-card\"\u003e       \u003cimg src=\"https:\/\/cdn.techcloudclub.com\/image\/344c40b719c2cdbc58f06efb9cd511bc0328af51.jpeg\" alt=\"Christmas booklet with four gift card slots\" loading=\"lazy\" decoding=\"async\"\u003e     \u003c\/div\u003e      \u003cdiv class=\"xgc-mini-grid\"\u003e        \u003cdiv\u003e☕ Coffee\u003c\/div\u003e       \u003cdiv\u003e🛍️ Shopping\u003c\/div\u003e       \u003cdiv\u003e🍽️ Dining\u003c\/div\u003e       \u003cdiv\u003e🎬 Entertainment\u003c\/div\u003e      \u003c\/div\u003e    \u003c\/section\u003e     \u003c!-- ======================================================        05 · HANDWRITTEN MESSAGE   ======================================================= --\u003e   \u003csection class=\"xgc-section\"\u003e      \u003cdiv class=\"xgc-copy\"\u003e        \u003cdiv class=\"xgc-label\"\u003e         ✍️ YOUR WORDS MATTER TOO       \u003c\/div\u003e        \u003ch2\u003e         Write Something They’ll Want to Keep       \u003c\/h2\u003e        \u003cp\u003e         Add a memory, an inside joke, a thank-you,         or simply a heartfelt “Merry Christmas.”         Sometimes those few handwritten words become the most meaningful         part of the entire gift.       \u003c\/p\u003e      \u003c\/div\u003e      \u003cdiv class=\"xgc-image-card\"\u003e       \u003cimg src=\"https:\/\/cdn.techcloudclub.com\/image\/fa40fa7764f6c40765101e825d51bc12752f13c2.jpeg\" alt=\"Writing a personal Christmas message inside the booklet\" loading=\"lazy\" decoding=\"async\"\u003e     \u003c\/div\u003e    \u003c\/section\u003e     \u003c!-- ======================================================        06 · REVEAL   ======================================================= --\u003e   \u003csection class=\"xgc-dark-block\"\u003e      \u003cdiv class=\"xgc-dark-copy\"\u003e        \u003cdiv class=\"xgc-label xgc-label-gold\"\u003e         ✨ THE REVEAL IS PART OF THE GIFT       \u003c\/div\u003e        \u003ch2\u003e         More Fun Than Opening an Envelope       \u003c\/h2\u003e        \u003cp\u003e         The festive pull-out presentation creates a little moment of         anticipation. Instead of seeing everything at once, they discover         the surprise step by step.       \u003c\/p\u003e      \u003c\/div\u003e      \u003cdiv class=\"xgc-image-card xgc-image-dark\"\u003e       \u003cimg src=\"https:\/\/cdn.techcloudclub.com\/image\/2e1b8fcc479ebef79c3e7b4ef9c9fa603b3ceaf7.jpeg\" alt=\"Christmas gift card booklet pull-out reveal\" loading=\"lazy\" decoding=\"async\"\u003e     \u003c\/div\u003e    \u003c\/section\u003e     \u003c!-- ======================================================        07 · EMOTIONAL VALUE   ======================================================= --\u003e   \u003csection class=\"xgc-memory-block\"\u003e      \u003cdiv class=\"xgc-memory-icons\"\u003e       ✨ 🎄 ✨     \u003c\/div\u003e      \u003ch2\u003e       The Gift Cards Get Spent.\u003cbr\u003e       The Moment Stays.     \u003c\/h2\u003e      \u003cp\u003e       Long after the cards are used, the booklet can remain as a small       reminder of who gave it—and the words they wrote inside.     \u003c\/p\u003e    \u003c\/section\u003e     \u003c!-- ======================================================        08 · WHO IT'S FOR   ======================================================= --\u003e   \u003csection class=\"xgc-section\"\u003e      \u003cdiv class=\"xgc-copy xgc-center\"\u003e        \u003cdiv class=\"xgc-label\"\u003e         🎅 A LITTLE MORE THOUGHTFUL       \u003c\/div\u003e        \u003ch2\u003e         Made for the People You Really Want to Surprise       \u003c\/h2\u003e      \u003c\/div\u003e       \u003cdiv class=\"xgc-people-grid\"\u003e        \u003cdiv class=\"xgc-person-card\"\u003e          \u003cspan\u003e❤️\u003c\/span\u003e          \u003cstrong\u003e           Mom \u0026amp; Dad         \u003c\/strong\u003e          \u003cp\u003e           Useful without ever feeling last-minute.         \u003c\/p\u003e        \u003c\/div\u003e         \u003cdiv class=\"xgc-person-card\"\u003e          \u003cspan\u003e🎓\u003c\/span\u003e          \u003cstrong\u003e           College Kids         \u003c\/strong\u003e          \u003cp\u003e           Give them things they’ll actually use.         \u003c\/p\u003e        \u003c\/div\u003e         \u003cdiv class=\"xgc-person-card\"\u003e          \u003cspan\u003e👯\u003c\/span\u003e          \u003cstrong\u003e           Friends         \u003c\/strong\u003e          \u003cp\u003e           Combine several little favorites into one surprise.         \u003c\/p\u003e        \u003c\/div\u003e         \u003cdiv class=\"xgc-person-card\"\u003e          \u003cspan\u003e🏢\u003c\/span\u003e          \u003cstrong\u003e           Group Gifts         \u003c\/strong\u003e          \u003cp\u003e           Bring several contributions together beautifully.         \u003c\/p\u003e        \u003c\/div\u003e      \u003c\/div\u003e       \u003cdiv class=\"xgc-image-card xgc-image-space\"\u003e       \u003cimg src=\"https:\/\/cdn.techcloudclub.com\/image\/70bb8d0c5c3971ef0175230167b4453330d0cda6.png\" alt=\"Christmas gift card booklet gift idea\" loading=\"lazy\" decoding=\"async\"\u003e     \u003c\/div\u003e    \u003c\/section\u003e     \u003c!-- ======================================================        09 · COMPARISON   ======================================================= --\u003e   \u003csection class=\"xgc-compare-block\"\u003e      \u003cdiv class=\"xgc-label\"\u003e       WHY NOT JUST USE AN ENVELOPE?     \u003c\/div\u003e      \u003ch2\u003e       Because Presentation Changes the Whole Gift     \u003c\/h2\u003e       \u003cdiv class=\"xgc-compare-card xgc-negative\"\u003e        \u003cdiv class=\"xgc-check\"\u003e         ✕       \u003c\/div\u003e        \u003cdiv\u003e          \u003cstrong\u003e           Plain Envelope         \u003c\/strong\u003e          \u003cp\u003e           Practical, but the surprise can be over in seconds.         \u003c\/p\u003e        \u003c\/div\u003e      \u003c\/div\u003e       \u003cdiv class=\"xgc-compare-card xgc-negative\"\u003e        \u003cdiv class=\"xgc-check\"\u003e         ✕       \u003c\/div\u003e        \u003cdiv\u003e          \u003cstrong\u003e           Several Loose Gift Cards         \u003c\/strong\u003e          \u003cp\u003e           Useful, but they don’t feel like one complete Christmas gift.         \u003c\/p\u003e        \u003c\/div\u003e      \u003c\/div\u003e       \u003cdiv class=\"xgc-compare-card xgc-positive\"\u003e        \u003cdiv class=\"xgc-check\"\u003e         ✓       \u003c\/div\u003e        \u003cdiv\u003e          \u003cstrong\u003e           Christmas Gift Card Booklet         \u003c\/strong\u003e          \u003cp\u003e           Four cards, personal messages and a festive reveal           brought together in one keepsake.         \u003c\/p\u003e        \u003c\/div\u003e      \u003c\/div\u003e    \u003c\/section\u003e     \u003c!-- ======================================================        10 · PRODUCT DETAILS   ======================================================= --\u003e   \u003csection class=\"xgc-details-block\"\u003e      \u003cdiv class=\"xgc-details-heading\"\u003e        \u003cdiv class=\"xgc-detail-icon\"\u003e         🎁       \u003c\/div\u003e        \u003ch2\u003e         Product Details       \u003c\/h2\u003e      \u003c\/div\u003e       \u003cdiv class=\"xgc-spec-row\"\u003e        \u003cspan\u003e         Size       \u003c\/span\u003e        \u003cstrong\u003e         Approx. 7.125 × 4 in       \u003c\/strong\u003e      \u003c\/div\u003e       \u003cdiv class=\"xgc-spec-row\"\u003e        \u003cspan\u003e         Material       \u003c\/span\u003e        \u003cstrong\u003e         High-Quality Cardstock       \u003c\/strong\u003e      \u003c\/div\u003e       \u003cdiv class=\"xgc-spec-row\"\u003e        \u003cspan\u003e         Capacity       \u003c\/span\u003e        \u003cstrong\u003e         4 Standard Gift Cards       \u003c\/strong\u003e      \u003c\/div\u003e       \u003cdiv class=\"xgc-spec-row\"\u003e        \u003cspan\u003e         Personalization       \u003c\/span\u003e        \u003cstrong\u003e         Name \u0026amp; Written Messages       \u003c\/strong\u003e      \u003c\/div\u003e       \u003cdiv class=\"xgc-spec-row\"\u003e        \u003cspan\u003e         Package       \u003c\/span\u003e        \u003cstrong\u003e         1 Gift Card Booklet       \u003c\/strong\u003e      \u003c\/div\u003e       \u003cp class=\"xgc-detail-note\"\u003e       * Gift cards are not included.     \u003c\/p\u003e       \u003cdiv class=\"xgc-image-card xgc-image-space\"\u003e       \u003cimg src=\"https:\/\/cdn.techcloudclub.com\/image\/d76cb74b5b498d4b3ec6016f03094e7348789930.png\" alt=\"Christmas gift card booklet product details\" loading=\"lazy\" decoding=\"async\"\u003e     \u003c\/div\u003e    \u003c\/section\u003e     \u003c!-- ======================================================        11 · FAQ   ======================================================= --\u003e   \u003csection class=\"xgc-faq\"\u003e      \u003cdiv class=\"xgc-label\"\u003e       QUESTIONS BEFORE CHRISTMAS?     \u003c\/div\u003e      \u003ch2\u003e       Frequently Asked Questions     \u003c\/h2\u003e       \u003cdetails\u003e        \u003csummary\u003e         How many gift cards does it hold?       \u003c\/summary\u003e        \u003cp\u003e         It includes four dedicated slots designed for standard-size         gift cards.       \u003c\/p\u003e      \u003c\/details\u003e       \u003cdetails\u003e        \u003csummary\u003e         Can I write my own messages inside?       \u003c\/summary\u003e        \u003cp\u003e         Yes. Add your own names, Christmas wishes, memories,         or personal notes throughout the booklet.       \u003c\/p\u003e      \u003c\/details\u003e       \u003cdetails\u003e        \u003csummary\u003e         Are the gift cards included?       \u003c\/summary\u003e        \u003cp\u003e         No. The booklet comes empty so you can choose the four gift cards         that best fit the person receiving it.       \u003c\/p\u003e      \u003c\/details\u003e       \u003cdetails\u003e        \u003csummary\u003e         What type of pen can I use?       \u003c\/summary\u003e        \u003cp\u003e         Ballpoint pens, gel pens and fine-line markers generally work well.         We recommend testing your chosen pen on a small discreet area first.       \u003c\/p\u003e      \u003c\/details\u003e    \u003c\/section\u003e     \u003c!-- ======================================================        12 · EMOTIONAL CLOSE   ======================================================= --\u003e   \u003csection class=\"xgc-final-story\"\u003e      \u003cdiv class=\"xgc-final-icons\"\u003e       🎄 🎁 ❤️     \u003c\/div\u003e      \u003ch2\u003e       Give Something Useful.\u003cbr\u003e       Make It Feel Meaningful.     \u003c\/h2\u003e      \u003cp\u003e       Four gift cards they’ll enjoy, surrounded by your words       and wrapped in a Christmas moment that feels far more personal       than a plain envelope.     \u003c\/p\u003e    \u003c\/section\u003e     \u003c!-- ======================================================        13 · FINAL BACK-TO-BUY CTA        NO LIQUID \/ NO CUSTOM CART FORM   ======================================================= --\u003e   \u003csection class=\"xgc-back-buy\"\u003e      \u003cdiv class=\"xgc-back-icon\"\u003e       🎁     \u003c\/div\u003e      \u003cdiv class=\"xgc-back-eyebrow\"\u003e       READY FOR CHRISTMAS?     \u003c\/div\u003e      \u003ch2\u003e       Make Their Christmas Gift\u003cbr\u003e       Feel More Thoughtful     \u003c\/h2\u003e      \u003cp\u003e       Add their favorite gift cards, write a few words from the heart,       and turn a simple gift into a Christmas moment they’ll remember.     \u003c\/p\u003e      \u003cbutton type=\"button\" class=\"xgc-back-button\" onclick=\"xgcScrollToBuy()\"\u003e       BACK TO BUY \/ ADD TO CART     \u003c\/button\u003e      \u003cdiv class=\"xgc-trust-line\"\u003e       \u003cspan\u003e🎄 Easy Christmas Gifting\u003c\/span\u003e       \u003cspan\u003e•\u003c\/span\u003e       \u003cspan\u003e❤️ Made More Personal\u003c\/span\u003e     \u003c\/div\u003e    \u003c\/section\u003e  \u003c\/div\u003e    \u003cstyle\u003e  \/* ==========================================================    CHRISTMAS GIFT CARD BOOKLET    SHOPIFY CUSTOM LIQUID    MOBILE-FIRST ========================================================== *\/  .xgc-page {    --xgc-red: #91363a;   --xgc-red-dark: #6e272b;    --xgc-green: #365a46;   --xgc-green-soft: #edf4ed;    --xgc-gold: #e0b96d;   --xgc-gold-light: #f3d797;    --xgc-cream: #fff9f1;   --xgc-cream-dark: #f7ecdd;    --xgc-brown: #482e24;   --xgc-text: #40322b;    --xgc-border: #ead9c5;    width: 100%;   max-width: 760px;    margin: 0 auto;    padding:     4px     14px     34px;    box-sizing: border-box;    color: var(--xgc-text);    font-family:     -apple-system,     BlinkMacSystemFont,     'Segoe UI',     Arial,     Helvetica,     sans-serif;    font-size: 17px;   line-height: 1.56;  }   .xgc-page *, .xgc-page *::before, .xgc-page *::after {    box-sizing: border-box;  }   .xgc-page img {    display: block;    width: 100%;   height: auto;  }   .xgc-page p {    margin: 0;  }   .xgc-page h2 {    margin: 0;    font-family:     Georgia,     'Times New Roman',     serif;    font-weight: 700;    letter-spacing: -.025em;  }    \/* ==========================================================    HERO ========================================================== *\/  .xgc-hero {    padding:     24px     3px     12px;    text-align: center;  }   .xgc-kicker {    display: inline-block;    margin-bottom: 13px;    padding:     8px     13px;    border-radius: 999px;    background: #f3e9dc;    color: var(--xgc-red-dark);    font-size: 12px;    font-weight: 850;    line-height: 1.25;    letter-spacing: .06em;  }   .xgc-hero-title {    max-width: 650px;    margin: 0 auto !important;    color: var(--xgc-red-dark);    font-size:     clamp(       30px,       8vw,       43px     );    line-height: 1.04;  }   .xgc-hero-text {    max-width: 630px;    margin:     14px     auto     18px !important;    font-size: 18px;    line-height: 1.52;  }    \/* ==========================================================    GIF    Do not enlarge — protects original GIF quality ========================================================== *\/  .xgc-gif-shell {    width: 100%;    display: flex;    justify-content: center;    align-items: center;    margin:     16px     auto     21px;  }   .xgc-main-gif {    width: 260px !important;    max-width: 76vw !important;    height: auto !important;    border-radius: 15px;    box-shadow:     0 7px 24px     rgba(71, 42, 29, .10);  }    \/* ==========================================================    QUICK BENEFITS ========================================================== *\/  .xgc-quick-grid {    display: grid;    grid-template-columns:     repeat(2, minmax(0, 1fr));    gap: 9px;  }   .xgc-quick-card {    min-height: 69px;    padding:     11px     7px;    display: flex;    flex-direction: column;    align-items: center;    justify-content: center;    gap: 3px;    border:     1px solid     var(--xgc-border);    border-radius: 13px;    background:     var(--xgc-cream);  }   .xgc-quick-card span {    font-size: 21px;  }   .xgc-quick-card strong {    color: var(--xgc-brown);    font-size: 14px;    line-height: 1.25;  }    \/* ==========================================================    COMMON LABEL ========================================================== *\/  .xgc-label {    display: inline-block;    margin-bottom: 7px;    color: var(--xgc-red);    font-size: 12px;    font-weight: 850;    line-height: 1.3;    letter-spacing: .055em;  }   .xgc-label-gold {    color: var(--xgc-gold-light);  }    \/* ==========================================================    RED PROBLEM \/ SOLUTION ========================================================== *\/  .xgc-red-block {    margin:     22px     0     27px;    padding:     25px     18px;    border-radius: 19px;    background:     linear-gradient(       145deg,       #792a2e,       #a6403e     );    color: #fff;    text-align: center;    box-shadow:     0 9px 24px     rgba(111, 38, 41, .09);  }   .xgc-red-block h2 {    margin-bottom: 11px;    color: #fff;    font-size: 28px;    line-height: 1.1;  }   .xgc-red-block p {    margin-top: 8px;    color: #fff7f1;    font-size: 16px;    line-height: 1.52;  }    \/* ==========================================================    STANDARD SECTION ========================================================== *\/  .xgc-section {    margin:     26px     0;  }   .xgc-copy {    padding:     3px     5px     14px;  }   .xgc-copy h2 {    margin-bottom: 9px;    color: var(--xgc-brown);    font-size: 28px;    line-height: 1.1;  }   .xgc-copy p {    font-size: 17px;    line-height: 1.55;  }   .xgc-center {    text-align: center;  }    \/* ==========================================================    IMAGE ========================================================== *\/  .xgc-image-card {    overflow: hidden;    border:     1px solid     var(--xgc-border);    border-radius: 17px;    background: #f5ede4;  }   .xgc-image-card img {    width: 100%;   height: auto;  }   .xgc-image-space {    margin-top: 17px;  }    \/* ==========================================================    CREAM SECTION ========================================================== *\/  .xgc-cream-block {    padding:     20px     14px;    border:     1px solid     #eddfcb;    border-radius: 20px;    background:     var(--xgc-cream);  }   .xgc-mini-grid {    display: grid;    grid-template-columns:     repeat(2, minmax(0, 1fr));    gap: 8px;    margin-top: 12px;  }   .xgc-mini-grid div {    padding:     10px     6px;    border:     1px solid     var(--xgc-border);    border-radius: 10px;    background: #fff;    color: var(--xgc-brown);    text-align: center;    font-size: 14px;    font-weight: 750;  }    \/* ==========================================================    DARK REVEAL ========================================================== *\/  .xgc-dark-block {    margin:     28px     0;    padding:     22px     15px     15px;    border-radius: 20px;    background:     linear-gradient(       150deg,       #493126,       #34231d     );  }   .xgc-dark-copy {    padding:     2px     6px     17px;    text-align: center;  }   .xgc-dark-copy h2 {    margin-bottom: 9px;    color: #fff;    font-size: 29px;    line-height: 1.08;  }   .xgc-dark-copy p {    color: #f9eee4;    font-size: 16px;    line-height: 1.52;  }   .xgc-image-dark {    border-color:     rgba(255,255,255,.10);  }    \/* ==========================================================    MEMORY SECTION ========================================================== *\/  .xgc-memory-block {    margin:     28px     0;    padding:     28px     19px;    border:     1px solid     #d4e3d6;    border-radius: 19px;    background:     var(--xgc-green-soft);    text-align: center;  }   .xgc-memory-icons {    margin-bottom: 7px;    font-size: 21px;  }   .xgc-memory-block h2 {    margin-bottom: 10px;    color: var(--xgc-green);    font-size: 29px;    line-height: 1.08;  }   .xgc-memory-block p {    max-width: 620px;    margin: 0 auto;    font-size: 16px;  }    \/* ==========================================================    PEOPLE GRID ========================================================== *\/  .xgc-people-grid {    display: grid;    grid-template-columns:     repeat(2, minmax(0, 1fr));    gap: 9px;  }   .xgc-person-card {    padding:     15px     10px;    border:     1px solid     var(--xgc-border);    border-radius: 14px;    background:     var(--xgc-cream);    text-align: center;  }   .xgc-person-card \u003e span {    display: block;    margin-bottom: 4px;    font-size: 24px;  }   .xgc-person-card strong {    display: block;    margin-bottom: 3px;    color: var(--xgc-brown);    font-size: 15px;  }   .xgc-person-card p {    font-size: 14px;    line-height: 1.4;  }    \/* ==========================================================    COMPARISON ========================================================== *\/  .xgc-compare-block {    margin:     29px     0;    padding:     23px     15px;    border-radius: 19px;    background:     var(--xgc-cream-dark);    text-align: center;  }   .xgc-compare-block \u003e h2 {    margin-bottom: 17px;    color: var(--xgc-brown);    font-size: 28px;    line-height: 1.1;  }   .xgc-compare-card {    display: flex;    align-items: flex-start;    gap: 10px;    margin-top: 9px;    padding: 13px;    border-radius: 12px;    background: #fff;    text-align: left;  }   .xgc-check {    flex:     0     0     24px;    width: 24px;    font-size: 19px;    font-weight: 900;  }   .xgc-compare-card strong {    display: block;    margin-bottom: 2px;    color: var(--xgc-brown);  }   .xgc-compare-card p {    font-size: 14px;    line-height: 1.45;  }   .xgc-negative .xgc-check {    color: #b84540;  }   .xgc-positive {    border:     1px solid     #cadccb;    background: #eaf4e8;  }   .xgc-positive .xgc-check {    color: #387c4c;  }    \/* ==========================================================    DETAILS ========================================================== *\/  .xgc-details-block {    margin:     29px     0;    padding:     21px     15px;    border-radius: 20px;    background:     linear-gradient(       150deg,       #4b3025,       #39251e     );    color: #fff;  }   .xgc-details-heading {    margin-bottom: 13px;    text-align: center;  }   .xgc-detail-icon {    margin-bottom: 3px;    font-size: 24px;  }   .xgc-details-heading h2 {    color: #f4d298;    font-size: 28px;  }   .xgc-spec-row {    display: flex;    justify-content: space-between;    align-items: flex-start;    gap: 15px;    padding:     11px     0;    border-bottom:     1px solid     rgba(255,255,255,.13);    font-size: 14px;  }   .xgc-spec-row span {    color: #dfd0c6;  }   .xgc-spec-row strong {    max-width: 64%;    color: #fff;    text-align: right;  }   .xgc-detail-note {    margin-top: 11px !important;    color: #e5d7ce;    font-size: 13px;  }    \/* ==========================================================    FAQ ========================================================== *\/  .xgc-faq {    margin:     30px     0;    text-align: center;  }   .xgc-faq \u003e h2 {    margin-bottom: 15px;    color: var(--xgc-brown);    font-size: 29px;    line-height: 1.1;  }   .xgc-faq details {    margin-top: 9px;    overflow: hidden;    border:     1px solid     var(--xgc-border);    border-radius: 12px;    background: #fffaf4;    text-align: left;  }   .xgc-faq summary {    position: relative;    padding:     15px     42px     15px     14px;    list-style: none;    cursor: pointer;    color: var(--xgc-brown);    font-size: 15px;    font-weight: 800;  }   .xgc-faq summary::-webkit-details-marker {    display: none;  }   .xgc-faq summary::after {    content: '+';    position: absolute;    top: 50%;   right: 15px;    transform:     translateY(-50%);    color: var(--xgc-red);    font-size: 22px;    line-height: 1;  }   .xgc-faq details[open] summary::after {    content: '–';  }   .xgc-faq details p {    padding:     0     14px     15px;    font-size: 15px;    line-height: 1.5;  }    \/* ==========================================================    FINAL STORY ========================================================== *\/  .xgc-final-story {    margin:     30px     0     20px;    padding:     29px     18px;    border-radius: 20px;    background:     linear-gradient(       145deg,       #91363a,       #6e272b     );    color: #fff;    text-align: center;  }   .xgc-final-icons {    margin-bottom: 7px;    font-size: 23px;  }   .xgc-final-story h2 {    margin-bottom: 10px;    color: #fff;    font-size: 29px;    line-height: 1.08;  }   .xgc-final-story p {    max-width: 610px;    margin: 0 auto;    color: #fff5ef;    font-size: 16px;    line-height: 1.5;  }    \/* ==========================================================    FINAL BACK TO BUY CTA    Product-matched Christmas palette ========================================================== *\/  .xgc-back-buy {    margin:     24px     0     8px;    padding:     30px     19px     29px;    border-radius: 20px;    background:     linear-gradient(       145deg,       #813035,       #632328     );    color: #fffaf4;    text-align: center;    box-shadow:     0 12px 30px     rgba(91, 32, 36, .14);  }   .xgc-back-icon {    margin-bottom: 3px;    font-size: 29px;  }   .xgc-back-eyebrow {    margin-bottom: 7px;    color: #f3d99e;    font-size: 11px;    font-weight: 850;    letter-spacing: .075em;  }   .xgc-back-buy h2 {    max-width: 590px;    margin:     0     auto     10px;    color: #fffaf2;    font-size:     clamp(       28px,       7vw,       36px     );    line-height: 1.04;  }   .xgc-back-buy \u003e p {    max-width: 590px;    margin:     0     auto     19px;    color: #f8e9df;    font-size: 16px;    line-height: 1.5;  }   .xgc-back-button {    min-height: 50px;    padding:     0     24px;    border: 0;    border-radius: 999px;    background:     linear-gradient(       135deg,       #f2d394,       #dfb765     );    color: #623035;    font-family:     -apple-system,     BlinkMacSystemFont,     'Segoe UI',     Arial,     sans-serif;    font-size: 14px;    font-weight: 900;    letter-spacing: .025em;    cursor: pointer;    box-shadow:     0 6px 16px     rgba(0,0,0,.14);    transition:     transform .16s ease,     box-shadow .16s ease;  }   .xgc-back-button:active {    transform:     scale(.975);  }   .xgc-trust-line {    margin-top: 12px;    display: flex;    justify-content: center;    flex-wrap: wrap;    gap: 6px;    color: #f4e1d3;    font-size: 11px;    line-height: 1.4;  }    \/* ==========================================================    HOVER ========================================================== *\/  @media (hover:hover) {    .xgc-back-button:hover {      transform:       translateY(-1px);      box-shadow:       0 8px 20px       rgba(0,0,0,.17);    }  }    \/* ==========================================================    DESKTOP ========================================================== *\/  @media (min-width: 750px) {    .xgc-page {      padding-left: 22px;     padding-right: 22px;      font-size: 18px;    }     .xgc-quick-grid {      grid-template-columns:       repeat(4, minmax(0,1fr));    }     .xgc-mini-grid {      grid-template-columns:       repeat(4, minmax(0,1fr));    }     .xgc-people-grid {      grid-template-columns:       repeat(4, minmax(0,1fr));    }     .xgc-section {      margin:       35px       0;    }     .xgc-copy h2,   .xgc-compare-block \u003e h2 {      font-size: 32px;    }     .xgc-red-block h2,   .xgc-dark-copy h2,   .xgc-memory-block h2,   .xgc-final-story h2 {      font-size: 33px;    }     .xgc-main-gif {      width: 260px !important;      max-width: 260px !important;    }     .xgc-back-buy {      padding:       34px       28px       33px;    }  }    \/* ==========================================================    MOBILE ========================================================== *\/  @media (max-width: 430px) {    .xgc-page {      padding-left: 12px;     padding-right: 12px;    }     .xgc-back-buy {      margin-top: 22px;      padding:       27px       16px       27px;      border-radius: 18px;    }     .xgc-back-buy h2 {      font-size: 29px;    }     .xgc-back-buy \u003e p {      font-size: 15px;    }     .xgc-back-button {      width: auto;      min-width: 235px;      min-height: 49px;      padding:       0       20px;      font-size: 13px;    }  }    \/* ==========================================================    SMALL PHONE ========================================================== *\/  @media (max-width: 360px) {    .xgc-page {      padding-left: 9px;     padding-right: 9px;    }     .xgc-hero-title {      font-size: 29px;    }     .xgc-copy h2,   .xgc-red-block h2,   .xgc-dark-copy h2,   .xgc-memory-block h2,   .xgc-compare-block \u003e h2,   .xgc-faq \u003e h2,   .xgc-final-story h2,   .xgc-back-buy h2 {      font-size: 26px;    }     .xgc-back-button {      width: 100%;      min-width: 0;    }  }  \u003c\/style\u003e    \u003cscript\u003e function xgcScrollToBuy() {    \/*     Find the real Shopify product form.     This page itself contains no cart form,     so there is no risk of selecting our own CTA.   *\/    var addButton =     document.querySelector(       'form[action*='\/cart\/add'] button[name='add'],' +       'form[action*='\/cart\/add'] [type='submit'][name='add']'     );     var productForm =     addButton       ? addButton.closest('form')       : document.querySelector(           'form[action*='\/cart\/add']'         );     \/*     Prefer scrolling to the whole Shopify product information     area instead of placing the form right against the top edge.   *\/    var productArea = null;     if (productForm) {      productArea =       productForm.closest(         '.product__info-wrapper,' +         '.product__info-container,' +         '.product-info,' +         'product-info,' +         '.product__information,' +         '.product-form'       );    }     var target =     productArea ||     productForm;     if (target) {      target.scrollIntoView({       behavior: 'smooth',       block: 'center'     });       \/*       Briefly highlight the real Shopify purchase area       so mobile users immediately know where to continue.     *\/      target.classList.add('xgc-buy-highlight');       setTimeout(function() {        target.classList.remove(         'xgc-buy-highlight'       );      }, 1300);       return;    }     \/*     Theme structure fallback   *\/    window.scrollTo({     top: 0,     behavior: 'smooth'   });  } \u003c\/script\u003e   \u003cstyle\u003e  \/* Small temporary cue after clicking BACK TO BUY *\/ .xgc-buy-highlight {    animation:     xgcBuyFlash     1.25s     ease;  }   @keyframes xgcBuyFlash {    0% {     box-shadow:       0 0 0 0       rgba(224,185,109,0);   }    30% {     box-shadow:       0 0 0 5px       rgba(224,185,109,.38);   }    100% {     box-shadow:       0 0 0 0       rgba(224,185,109,0);   }  }  \u003c\/style\u003e","brand":"mysite","offers":[{"title":"🎅🏻Christmas (Santa)","offer_id":51394877554911,"sku":"SZ06192609153084-圣诞卡-圣诞老人","price":20.0,"currency_code":"USD","in_stock":true},{"title":"🎄Christmas (Holiday)","offer_id":51394877587679,"sku":"SZ06192609153084-圣诞卡-圣诞树","price":20.0,"currency_code":"USD","in_stock":true},{"title":"🍪Christmas (Gingerbread)","offer_id":51394877620447,"sku":"SZ06192609153084-圣诞卡-姜饼人","price":20.0,"currency_code":"USD","in_stock":true},{"title":"⛄Christmas (Snowman)","offer_id":51394877653215,"sku":"SZ06192609153084-圣诞卡-雪人","price":20.0,"currency_code":"USD","in_stock":true},{"title":"🎂Brithday (Blue)","offer_id":51394877718751,"sku":"SZ06192609153084-圣诞卡-生日-蓝","price":20.0,"currency_code":"USD","in_stock":true},{"title":"🎂Birthday (Pink)","offer_id":51394877751519,"sku":"SZ06192609153084-圣诞卡-生日-红","price":20.0,"currency_code":"USD","in_stock":true},{"title":"🎓Graduation","offer_id":51394877784287,"sku":"SZ06192609153084-圣诞卡-毕业","price":20.0,"currency_code":"USD","in_stock":true},{"title":"🔥All Styles (7Pcs) - 15% Off \u0026 Free Shipping","offer_id":51394877817055,"sku":"SZ06192609153084-圣诞卡-圣诞老人+圣诞树+姜饼人+雪人+生日蓝+生日红+毕业","price":79.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0789\/5040\/0223\/files\/7154e7a567e6a3d8a3dcbdf7dee28959a3a2c6c7.jpg?v=1789442613","url":"https:\/\/trovehand.com\/products\/christmas-gift-card-holder","provider":"trovehand","version":"1.0","type":"link"}