{"product_id":"christmas-gingerbread-mug-gift-set","title":"Christmas Gingerbread Mug Gift Set with Lid \u0026 Saucer","description":"\u003cstyle\u003e   \/* =========================================      CHRISTMAS MUG PDP      Premium \/ Clean \/ Warm Holiday Style   ========================================== *\/   .xmas-mug-pdp,   .xmas-mug-pdp * {     box-sizing: border-box;   }    .xmas-mug-pdp {     --cream: #fbf8f2;     --paper: #ffffff;     --red: #9d1f24;     --red-soft: #f7e9e6;     --green: #183f32;     --green-soft: #edf3ef;     --gold: #b58a45;     --text: #262421;     --muted: #6c6760;     --line: rgba(34, 31, 27, 0.10);      width: 100%;     max-width: 1080px;     margin: 0 auto;     padding: 0 18px 64px;     color: var(--text);     font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;     font-size: 20px;     line-height: 1.65;   }    .xmas-mug-pdp img {     display: block;     width: 100%;     height: auto;     border: 0;   }    .xmas-mug-pdp h2,   .xmas-mug-pdp h3,   .xmas-mug-pdp p {     margin-top: 0;   }    \/* ===== HERO ===== *\/   .xmas-mug-hero {     position: relative;     overflow: hidden;     margin: 0 0 26px;     border-radius: 28px;     background: var(--cream);     box-shadow: 0 14px 40px rgba(35, 29, 22, 0.08);   }    .xmas-mug-hero img {     transition: transform 0.65s ease;   }    .xmas-mug-hero:hover img {     transform: scale(1.025);   }    \/* ===== INTRO ===== *\/   .xmas-mug-intro {     margin: 30px 0 42px;     padding: 38px 34px;     text-align: center;     border-radius: 24px;     background:       radial-gradient(circle at top left, rgba(181, 138, 69, 0.10), transparent 32%),       linear-gradient(135deg, #fffdf9 0%, #faf6ef 100%);     border: 1px solid var(--line);   }    .xmas-mug-kicker {     margin-bottom: 12px;     color: var(--red);     font-size: 14px;     line-height: 1.2;     font-weight: 800;     letter-spacing: 2.2px;     text-transform: uppercase;   }    .xmas-mug-intro h2 {     max-width: 760px;     margin: 0 auto 14px;     color: var(--green);     font-family: Georgia, 'Times New Roman', serif;     font-size: clamp(34px, 5vw, 58px);     line-height: 1.03;     font-weight: 700;     letter-spacing: -1.4px;   }    .xmas-mug-intro p {     max-width: 760px;     margin: 0 auto;     color: var(--muted);     font-size: 19px;     line-height: 1.7;   }    \/* ===== QUICK VALUE STRIP ===== *\/   .xmas-mug-highlights {     display: grid;     grid-template-columns: repeat(3, 1fr);     gap: 14px;     margin: 0 0 46px;   }    .xmas-mug-highlight {     min-height: 132px;     padding: 24px 20px;     text-align: center;     border-radius: 20px;     border: 1px solid var(--line);     background: #fff;     box-shadow: 0 8px 26px rgba(25, 21, 18, 0.045);   }    .xmas-mug-highlight:nth-child(1) {     background: var(--red-soft);   }    .xmas-mug-highlight:nth-child(2) {     background: var(--green-soft);   }    .xmas-mug-highlight:nth-child(3) {     background: #faf5e8;   }    .xmas-mug-highlight strong {     display: block;     margin-bottom: 6px;     color: var(--green);     font-size: 18px;     line-height: 1.3;     font-weight: 800;   }    .xmas-mug-highlight span {     display: block;     color: #67615b;     font-size: 15px;     line-height: 1.5;   }    \/* ===== SECTION TITLE ===== *\/   .xmas-mug-section-head {     max-width: 780px;     margin: 58px auto 26px;     text-align: center;   }    .xmas-mug-section-head .eyebrow {     display: inline-block;     margin-bottom: 10px;     color: var(--red);     font-size: 14px;     line-height: 1.2;     font-weight: 800;     letter-spacing: 2px;     text-transform: uppercase;   }    .xmas-mug-section-head h2 {     margin-bottom: 12px;     color: var(--green);     font-family: Georgia, 'Times New Roman', serif;     font-size: clamp(32px, 4.5vw, 50px);     line-height: 1.08;     font-weight: 700;     letter-spacing: -1px;   }    .xmas-mug-section-head p {     margin-bottom: 0;     color: var(--muted);     font-size: 18px;     line-height: 1.65;   }    \/* ===== IMAGE CARDS ===== *\/   .xmas-mug-image-card {     position: relative;     overflow: hidden;     margin: 0 0 26px;     border-radius: 26px;     background: #fff;     box-shadow: 0 12px 34px rgba(30, 25, 21, 0.075);   }    .xmas-mug-image-card img {     transition:       transform 0.6s cubic-bezier(.2,.75,.25,1),       filter 0.6s ease;   }    @media (hover: hover) {     .xmas-mug-image-card:hover img {       transform: scale(1.025);       filter: saturate(1.02);     }   }    \/* ===== TEXT BREAK ===== *\/   .xmas-mug-story {     margin: 46px 0;     padding: 38px;     border-radius: 26px;     background: var(--green);     color: #fff;     text-align: center;     box-shadow: 0 16px 36px rgba(24, 63, 50, 0.14);   }    .xmas-mug-story .mini {     display: block;     margin-bottom: 9px;     color: #e7c991;     font-size: 13px;     line-height: 1.2;     font-weight: 800;     letter-spacing: 2px;     text-transform: uppercase;   }    .xmas-mug-story h2 {     max-width: 720px;     margin: 0 auto 13px;     color: #fff;     font-family: Georgia, 'Times New Roman', serif;     font-size: clamp(30px, 4.2vw, 46px);     line-height: 1.08;   }    .xmas-mug-story p {     max-width: 700px;     margin: 0 auto;     color: rgba(255,255,255,.82);     font-size: 18px;   }    \/* ===== DETAIL FEATURE ===== *\/   .xmas-mug-detail-box {     display: grid;     grid-template-columns: 0.95fr 1.05fr;     gap: 0;     overflow: hidden;     margin: 42px 0;     border-radius: 28px;     background: #fff;     border: 1px solid var(--line);     box-shadow: 0 12px 34px rgba(34, 29, 24, .055);   }    .xmas-mug-detail-copy {     display: flex;     flex-direction: column;     justify-content: center;     padding: 42px 38px;     background:       radial-gradient(circle at 20% 0%, rgba(157,31,36,.08), transparent 35%),       #fffdf9;   }    .xmas-mug-detail-copy small {     margin-bottom: 9px;     color: var(--red);     font-size: 13px;     font-weight: 800;     letter-spacing: 2px;     text-transform: uppercase;   }    .xmas-mug-detail-copy h3 {     margin-bottom: 12px;     color: var(--green);     font-family: Georgia, 'Times New Roman', serif;     font-size: 34px;     line-height: 1.08;   }    .xmas-mug-detail-copy p {     margin-bottom: 0;     color: var(--muted);     font-size: 17px;   }    .xmas-mug-detail-image {     overflow: hidden;     background: #f7f5f1;   }    .xmas-mug-detail-image img {     width: 100%;     height: 100%;     object-fit: cover;     transition: transform .6s ease;   }    .xmas-mug-detail-box:hover .xmas-mug-detail-image img {     transform: scale(1.025);   }    \/* ===== OCCASIONS ===== *\/   .xmas-mug-occasions {     margin: 46px 0;     padding: 32px 28px;     border-radius: 24px;     background: #fbf8f2;     border: 1px solid var(--line);   }    .xmas-mug-occasions h3 {     margin-bottom: 22px;     color: var(--green);     text-align: center;     font-family: Georgia, 'Times New Roman', serif;     font-size: 32px;     line-height: 1.15;   }    .xmas-mug-occasion-grid {     display: grid;     grid-template-columns: repeat(4, 1fr);     gap: 12px;   }    .xmas-mug-occasion {     padding: 18px 12px;     border-radius: 16px;     text-align: center;     background: #fff;     border: 1px solid var(--line);     color: var(--green);     font-size: 15px;     line-height: 1.35;     font-weight: 750;   }    \/* ===== FINAL CTA ===== *\/   .xmas-mug-final {     margin: 52px 0 0;     padding: 48px 28px;     text-align: center;     border-radius: 30px;     background:       radial-gradient(circle at 10% 10%, rgba(181,138,69,.16), transparent 28%),       linear-gradient(135deg, #fdf9f2 0%, #f8efe8 100%);     border: 1px solid rgba(157,31,36,.10);   }    .xmas-mug-final .mini {     display: block;     margin-bottom: 10px;     color: var(--red);     font-size: 13px;     font-weight: 800;     letter-spacing: 2px;     text-transform: uppercase;   }    .xmas-mug-final h2 {     max-width: 720px;     margin: 0 auto 12px;     color: var(--green);     font-family: Georgia, 'Times New Roman', serif;     font-size: clamp(34px, 5vw, 52px);     line-height: 1.06;   }    .xmas-mug-final p {     max-width: 680px;     margin: 0 auto 24px;     color: var(--muted);     font-size: 18px;   }    .xmas-mug-btn {     display: inline-flex;     align-items: center;     justify-content: center;     min-height: 56px;     padding: 0 34px;     border-radius: 999px;     background: var(--red);     color: #fff !important;     text-decoration: none !important;     font-size: 17px;     line-height: 1;     font-weight: 800;     letter-spacing: .25px;     box-shadow: 0 10px 24px rgba(157,31,36,.22);     transition:       transform .2s ease,       box-shadow .2s ease,       background .2s ease;   }    .xmas-mug-btn:hover {     transform: translateY(-2px);     background: #86191e;     box-shadow: 0 14px 28px rgba(157,31,36,.26);   }    .xmas-mug-note {     margin-top: 14px !important;     font-size: 14px !important;     color: #817970 !important;   }    \/* ===== MOBILE ===== *\/   @media (max-width: 749px) {     .xmas-mug-pdp {       padding: 0 10px 40px;       font-size: 18px;       line-height: 1.6;     }      .xmas-mug-hero,     .xmas-mug-image-card {       border-radius: 18px;       margin-bottom: 16px;     }      .xmas-mug-intro {       margin: 22px 0 30px;       padding: 29px 19px;       border-radius: 20px;     }      .xmas-mug-intro h2 {       font-size: 36px;       letter-spacing: -.7px;     }      .xmas-mug-intro p {       font-size: 18px;     }      .xmas-mug-highlights {       grid-template-columns: 1fr;       gap: 10px;       margin-bottom: 34px;     }      .xmas-mug-highlight {       min-height: 0;       padding: 18px 16px;     }      .xmas-mug-highlight strong {       font-size: 18px;     }      .xmas-mug-highlight span {       font-size: 15px;     }      .xmas-mug-section-head {       margin: 40px auto 19px;       padding: 0 8px;     }      .xmas-mug-section-head h2 {       font-size: 34px;     }      .xmas-mug-section-head p {       font-size: 18px;     }      .xmas-mug-story {       margin: 30px 0;       padding: 30px 20px;       border-radius: 21px;     }      .xmas-mug-story h2 {       font-size: 32px;     }      .xmas-mug-story p {       font-size: 18px;     }      .xmas-mug-detail-box {       grid-template-columns: 1fr;       margin: 30px 0;       border-radius: 20px;     }      .xmas-mug-detail-copy {       padding: 27px 20px;       order: 2;     }      .xmas-mug-detail-copy h3 {       font-size: 30px;     }      .xmas-mug-detail-copy p {       font-size: 18px;     }      .xmas-mug-detail-image {       order: 1;     }      .xmas-mug-occasion-grid {       grid-template-columns: repeat(2, 1fr);     }      .xmas-mug-occasions {       padding: 25px 14px;     }      .xmas-mug-occasions h3 {       font-size: 29px;     }      .xmas-mug-final {       margin-top: 36px;       padding: 36px 20px;       border-radius: 22px;     }      .xmas-mug-final h2 {       font-size: 36px;     }      .xmas-mug-final p {       font-size: 18px;     }      .xmas-mug-btn {       width: 100%;       min-height: 58px;       font-size: 17px;     }   } \u003c\/style\u003e \u003cdiv class=\"xmas-mug-pdp\"\u003e \u003c!-- HERO --\u003e \u003cdiv class=\"xmas-mug-hero\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0989\/0588\/2987\/files\/ChatGPT_Image_2026_9_19_16_23_13_8.png?v=1789806233\" alt=\"Festive Christmas gingerbread mug set with lid and matching holiday presentation\" width=\"1024\" height=\"1024\" loading=\"eager\"\u003e\u003c\/div\u003e \u003c!-- INTRO --\u003e \u003csection class=\"xmas-mug-intro\"\u003e \u003cdiv class=\"xmas-mug-kicker\"\u003eMade for the Holiday Season\u003c\/div\u003e \u003ch2\u003eChristmas Cheer,\u003cbr\u003eServed Beautifully.\u003c\/h2\u003e \u003cp\u003eA playful gingerbread-and-candy-cane design turns an everyday drink into part of the holiday décor. Cute enough to display, cozy enough for your favorite seasonal moments.\u003c\/p\u003e \u003c\/section\u003e \u003c!-- QUICK HIGHLIGHTS --\u003e \u003cdiv class=\"xmas-mug-highlights\"\u003e \u003cdiv class=\"xmas-mug-highlight\"\u003e \u003cstrong\u003eFestive All Around\u003c\/strong\u003e \u003cspan\u003eGingerbread, candy canes and classic Christmas color accents.\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"xmas-mug-highlight\"\u003e \u003cstrong\u003eCoordinated Set\u003c\/strong\u003e \u003cspan\u003eMug, matching lid and base create a polished complete look.\u003c\/span\u003e \u003c\/div\u003e \u003cdiv class=\"xmas-mug-highlight\"\u003e \u003cstrong\u003eHoliday Presentation\u003c\/strong\u003e \u003cspan\u003eA matching seasonal box completes the festive display.\u003c\/span\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c!-- DETAIL SECTION --\u003e \u003csection class=\"xmas-mug-section-head\"\u003e\u003cspan class=\"eyebrow\"\u003eLook Closer\u003c\/span\u003e \u003ch2\u003eThe Details Make It\u003cbr\u003eFeel Like Christmas\u003c\/h2\u003e \u003cp\u003eFrom the cheerful printed artwork to the coordinated white finish, every angle is designed to look bright, playful and seasonal.\u003c\/p\u003e \u003c\/section\u003e \u003c!-- IMAGE 2 --\u003e \u003cdiv class=\"xmas-mug-image-card\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0989\/0588\/2987\/files\/ChatGPT_Image_2026_9_19_16_23_12_6.png?v=1789806232\" alt=\"Close-up of Christmas gingerbread and candy cane mug design\" width=\"1024\" height=\"1024\" loading=\"lazy\"\u003e\u003c\/div\u003e \u003c!-- IMAGE 3 --\u003e \u003cdiv class=\"xmas-mug-image-card\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0989\/0588\/2987\/files\/ChatGPT_Image_2026_9_19_16_23_12_5.png?v=1789806233\" alt=\"Christmas mug lid and coordinated design detail\" width=\"1024\" height=\"1024\" loading=\"lazy\"\u003e\u003c\/div\u003e \u003c!-- STORY BREAK --\u003e \u003csection class=\"xmas-mug-story\"\u003e\u003cspan class=\"mini\"\u003eHoliday Styling\u003c\/span\u003e \u003ch2\u003eNot Just a Cup.\u003cbr\u003ePart of the Christmas Setup.\u003c\/h2\u003e \u003cp\u003eAdd it to a coffee station, Christmas table or cozy kitchen corner and the festive print instantly becomes part of the scene.\u003c\/p\u003e \u003c\/section\u003e \u003c!-- IMAGE 4 --\u003e \u003cdiv class=\"xmas-mug-image-card\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0989\/0588\/2987\/files\/ChatGPT_Image_2026_9_19_16_23_11_4.png?v=1789806232\" alt=\"Complete Christmas mug set displayed with matching components\" width=\"1024\" height=\"1024\" loading=\"lazy\"\u003e\u003c\/div\u003e \u003c!-- DETAIL FEATURE --\u003e \u003csection class=\"xmas-mug-detail-box\"\u003e \u003cdiv class=\"xmas-mug-detail-copy\"\u003e \u003csmall\u003eDesigned to Be Seen\u003c\/small\u003e \u003ch3\u003eCute From\u003cbr\u003eEvery Angle\u003c\/h3\u003e \u003cp\u003eThe wide festive print, clean white finish and coordinated pieces create a look that feels charming from every side.\u003c\/p\u003e \u003c\/div\u003e \u003cdiv class=\"xmas-mug-detail-image\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0989\/0588\/2987\/files\/ChatGPT_Image_2026_9_19_16_23_13_7.png?v=1789806232\" alt=\"Multiple-angle display of festive Christmas mug set\" width=\"1024\" height=\"1024\" loading=\"lazy\"\u003e\u003c\/div\u003e \u003c\/section\u003e \u003c!-- GIFT SECTION --\u003e \u003csection class=\"xmas-mug-section-head\"\u003e\u003cspan class=\"eyebrow\"\u003eA Little More Special\u003c\/span\u003e \u003ch2\u003eA Presentation That\u003cbr\u003eAlready Feels Festive\u003c\/h2\u003e \u003cp\u003eThe coordinated holiday box keeps the same gingerbread-and-candy-cane visual theme, creating a charming presentation from first look to final display.\u003c\/p\u003e \u003c\/section\u003e \u003c!-- IMAGE 6 --\u003e \u003cdiv class=\"xmas-mug-image-card\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0989\/0588\/2987\/files\/ChatGPT_Image_2026_9_19_16_23_10_2.png?v=1789806230\" alt=\"Matching Christmas gift box and festive mug presentation\" width=\"1024\" height=\"1024\" loading=\"lazy\"\u003e\u003c\/div\u003e \u003c!-- IMAGE 7 --\u003e \u003cdiv class=\"xmas-mug-image-card\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0989\/0588\/2987\/files\/ChatGPT_Image_2026_9_19_16_23_10_1.png?v=1789806230\" alt=\"Christmas gingerbread mug set styled as a seasonal gift\" width=\"1024\" height=\"1024\" loading=\"lazy\"\u003e\u003c\/div\u003e \u003c!-- OCCASIONS --\u003e \u003csection class=\"xmas-mug-occasions\"\u003e \u003ch3\u003eA Sweet Addition to the Season\u003c\/h3\u003e \u003cdiv class=\"xmas-mug-occasion-grid\"\u003e \u003cdiv class=\"xmas-mug-occasion\"\u003eChristmas\u003cbr\u003eMorning\u003c\/div\u003e \u003cdiv class=\"xmas-mug-occasion\"\u003eHoliday\u003cbr\u003eCoffee Bar\u003c\/div\u003e \u003cdiv class=\"xmas-mug-occasion\"\u003eSeasonal\u003cbr\u003eGifting\u003c\/div\u003e \u003cdiv class=\"xmas-mug-occasion\"\u003eFestive Home\u003cbr\u003eStyling\u003c\/div\u003e \u003c\/div\u003e \u003c\/section\u003e \u003c!-- COLLECTION --\u003e \u003csection class=\"xmas-mug-section-head\"\u003e\u003cspan class=\"eyebrow\"\u003eBring the Look Together\u003c\/span\u003e \u003ch2\u003eMore Holiday Cheer\u003cbr\u003eAround the Table\u003c\/h2\u003e \u003cp\u003eThe coordinated design looks especially charming when multiple sets are displayed together for family gatherings, gifting or Christmas décor.\u003c\/p\u003e \u003c\/section\u003e \u003c!-- IMAGE 8 --\u003e \u003cdiv class=\"xmas-mug-image-card\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0989\/0588\/2987\/files\/ChatGPT_Image_2026_9_19_16_23_11_3.png?v=1789806230\" alt=\"Multiple Christmas gingerbread mug sets and matching boxes displayed together\" width=\"1024\" height=\"1024\" loading=\"lazy\"\u003e\u003c\/div\u003e \u003c!-- FINAL CTA --\u003e \u003csection class=\"xmas-mug-final\"\u003e\u003cspan class=\"mini\"\u003eMake It Part of Your Christmas\u003c\/span\u003e \u003ch2\u003eA Little Holiday Detail\u003cbr\u003eYou’ll Want on Display\u003c\/h2\u003e \u003cp\u003eBright Christmas graphics, a coordinated set look and matching seasonal presentation come together in one seriously cute holiday piece.\u003c\/p\u003e \u003ca class=\"xmas-mug-btn\" href=\"#\"\u003e CHOOSE YOUR SET \u003c\/a\u003e \u003cp class=\"xmas-mug-note\"\u003eSelect your preferred option above.\u003c\/p\u003e \u003c\/section\u003e \u003c\/div\u003e","brand":"ZHL","offers":[{"title":"Christmas Cheer","offer_id":50476062769402,"sku":"NC02482609194815-A","price":36.99,"currency_code":"USD","in_stock":true},{"title":"Classic White","offer_id":50476062802170,"sku":"NC02482609194815-B","price":36.99,"currency_code":"USD","in_stock":true},{"title":"Winter Cardinals","offer_id":50476062834938,"sku":"NC02482609194815-C","price":36.99,"currency_code":"USD","in_stock":true},{"title":"Mixed Colors","offer_id":50476062867706,"sku":"NC02482609194815-D","price":36.99,"currency_code":"USD","in_stock":true},{"title":"Mint Green","offer_id":50476062900474,"sku":"NC02482609194815-E","price":36.99,"currency_code":"USD","in_stock":true},{"title":"Gingerbread Joy","offer_id":50476062933242,"sku":"NC02482609194815-F","price":36.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0831\/9988\/5562\/files\/ChatGPT_Image_2026_9_19_16_23_13_8.png?v=1789958524","url":"https:\/\/scerich.com\/products\/christmas-gingerbread-mug-gift-set","provider":"scerich","version":"1.0","type":"link"}