{"product_id":"interactive-accordion-fold-greeting-card-illustrated-surprise-card","title":"Interactive Accordion-Fold Greeting Card – Illustrated Surprise Card","description":"\u003cstyle\u003e\n\n#twp-accordion-card{\n  --twp-bg:#FFFDF8;\n  --twp-cream:#FFF8E9;\n  --twp-mint:#EAF7E6;\n  --twp-lilac:#F2ECFF;\n  --twp-yellow:#FFE79B;\n  --twp-coral:#F3A58F;\n  --twp-ink:#2F2B2A;\n  --twp-muted:#6E6863;\n  --twp-line:#E9E1D8;\n  --twp-white:#FFFFFF;\n\n  width:100%;\n  overflow:hidden;\n  background:var(--twp-bg);\n  color:var(--twp-ink);\n\n  font-family:\n    -apple-system,\n    BlinkMacSystemFont,\n    \"Segoe UI\",\n    Arial,\n    sans-serif;\n}\n\n#twp-accordion-card,\n#twp-accordion-card *{\n  box-sizing:border-box;\n}\n\n#twp-accordion-card img{\n  width:100%;\n  display:block;\n}\n\n#twp-accordion-card .twp-wrap{\n  width:min(1180px,calc(100% - 32px));\n  margin:0 auto;\n}\n\n#twp-accordion-card .twp-section{\n  padding:64px 0;\n}\n\n#twp-accordion-card .twp-center{\n  text-align:center;\n}\n\n#twp-accordion-card .twp-eyebrow{\n  display:inline-flex;\n  align-items:center;\n  gap:8px;\n  padding:8px 14px;\n  border-radius:999px;\n  background:var(--twp-mint);\n  color:#5B7757;\n  font-size:12px;\n  font-weight:700;\n  letter-spacing:.08em;\n  text-transform:uppercase;\n  margin-bottom:14px;\n}\n\n#twp-accordion-card .twp-eyebrow:before,\n#twp-accordion-card .twp-eyebrow:after{\n  content:\"\";\n  width:5px;\n  height:5px;\n  border-radius:50%;\n  background:#86A580;\n}\n\n#twp-accordion-card h1,\n#twp-accordion-card h2,\n#twp-accordion-card h3,\n#twp-accordion-card p{\n  margin-top:0;\n}\n\n#twp-accordion-card .twp-h1{\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:clamp(38px,6vw,68px);\n  line-height:1.03;\n  letter-spacing:-.03em;\n  margin-bottom:18px;\n}\n\n#twp-accordion-card .twp-h1 span{\n  display:inline-block;\n  position:relative;\n}\n\n#twp-accordion-card .twp-h1 span:after{\n  content:\"\";\n  position:absolute;\n  left:4%;\n  right:4%;\n  bottom:2px;\n  height:9px;\n  border-radius:999px;\n  background:var(--twp-yellow);\n  z-index:-1;\n}\n\n#twp-accordion-card .twp-h2{\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:clamp(30px,4.5vw,48px);\n  line-height:1.12;\n  letter-spacing:-.02em;\n  margin-bottom:14px;\n}\n\n#twp-accordion-card .twp-h3{\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:22px;\n  line-height:1.2;\n  margin-bottom:8px;\n}\n\n#twp-accordion-card .twp-desc{\n  max-width:720px;\n  margin-left:auto;\n  margin-right:auto;\n  color:var(--twp-muted);\n  font-size:17px;\n  line-height:1.75;\n}\n\n#twp-accordion-card .twp-btn{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  min-height:50px;\n  padding:0 24px;\n  border-radius:999px;\n  background:var(--twp-ink);\n  color:#fff;\n  text-decoration:none;\n  font-size:15px;\n  font-weight:700;\n  transition:.2s ease;\n}\n\n#twp-accordion-card .twp-btn:hover{\n  transform:translateY(-2px);\n}\n\n#twp-accordion-card .twp-btn-light{\n  background:#fff;\n  color:var(--twp-ink);\n  border:1px solid var(--twp-line);\n}\n\n\n\/* =========================\n   HERO\n========================= *\/\n\n#twp-accordion-card .twp-hero{\n  padding:48px 0 58px;\n  background:\n    radial-gradient(circle at 15% 20%,rgba(255,231,155,.45) 0 5%,transparent 6%),\n    radial-gradient(circle at 88% 28%,rgba(242,236,255,.9) 0 8%,transparent 9%),\n    linear-gradient(180deg,#FFFDF8 0%,#FFF9ED 100%);\n}\n\n#twp-accordion-card .twp-hero-grid{\n  display:grid;\n  grid-template-columns:1fr;\n  gap:30px;\n  align-items:center;\n}\n\n#twp-accordion-card .twp-hero-copy{\n  position:relative;\n  z-index:2;\n}\n\n#twp-accordion-card .twp-hero-text{\n  max-width:590px;\n  color:var(--twp-muted);\n  font-size:18px;\n  line-height:1.7;\n  margin-bottom:22px;\n}\n\n#twp-accordion-card .twp-hero-buttons{\n  display:flex;\n  flex-wrap:wrap;\n  gap:10px;\n}\n\n#twp-accordion-card .twp-hero-media{\n  position:relative;\n  padding:14px;\n  border-radius:30px;\n  background:#fff;\n  box-shadow:0 18px 50px rgba(80,66,45,.09);\n  transform:rotate(1deg);\n}\n\n#twp-accordion-card .twp-hero-media img{\n  border-radius:22px;\n  aspect-ratio:1\/1;\n  object-fit:cover;\n}\n\n#twp-accordion-card .twp-float-note{\n  position:absolute;\n  left:-8px;\n  bottom:22px;\n  padding:10px 14px;\n  border-radius:16px;\n  background:var(--twp-yellow);\n  font-size:13px;\n  font-weight:700;\n  transform:rotate(-4deg);\n  box-shadow:0 8px 20px rgba(81,67,40,.1);\n}\n\n\n\/* =========================\n   MINI BENEFITS\n========================= *\/\n\n#twp-accordion-card .twp-mini-grid{\n  display:grid;\n  grid-template-columns:1fr;\n  gap:12px;\n  margin-top:26px;\n}\n\n#twp-accordion-card .twp-mini{\n  display:flex;\n  align-items:center;\n  gap:12px;\n  background:#fff;\n  border:1px solid var(--twp-line);\n  border-radius:18px;\n  padding:14px 16px;\n}\n\n#twp-accordion-card .twp-mini-icon{\n  width:34px;\n  height:34px;\n  flex:0 0 34px;\n  border-radius:12px;\n  background:var(--twp-mint);\n  position:relative;\n}\n\n#twp-accordion-card .twp-mini:nth-child(2) .twp-mini-icon{\n  background:var(--twp-lilac);\n}\n\n#twp-accordion-card .twp-mini:nth-child(3) .twp-mini-icon{\n  background:var(--twp-yellow);\n}\n\n#twp-accordion-card .twp-mini-icon:before{\n  content:\"\";\n  position:absolute;\n  width:10px;\n  height:10px;\n  left:12px;\n  top:12px;\n  border-radius:50%;\n  background:rgba(47,43,42,.55);\n}\n\n#twp-accordion-card .twp-mini strong{\n  display:block;\n  font-size:14px;\n  margin-bottom:2px;\n}\n\n#twp-accordion-card .twp-mini span{\n  color:var(--twp-muted);\n  font-size:13px;\n}\n\n\n\/* =========================\n   EMOTIONAL STATEMENT\n========================= *\/\n\n#twp-accordion-card .twp-statement{\n  background:#fff;\n}\n\n#twp-accordion-card .twp-statement-card{\n  position:relative;\n  overflow:hidden;\n  padding:36px 22px;\n  border-radius:28px;\n  background:var(--twp-lilac);\n  text-align:center;\n}\n\n#twp-accordion-card .twp-statement-card:before{\n  content:\"\";\n  position:absolute;\n  width:120px;\n  height:120px;\n  border:22px solid rgba(255,255,255,.45);\n  border-radius:50%;\n  right:-42px;\n  top:-42px;\n}\n\n#twp-accordion-card .twp-statement-card p{\n  max-width:760px;\n  margin:0 auto;\n  color:#625B6B;\n  line-height:1.75;\n}\n\n\n\/* =========================\n   HOW IT OPENS\n========================= *\/\n\n#twp-accordion-card .twp-reveal{\n  background:var(--twp-cream);\n}\n\n#twp-accordion-card .twp-reveal-grid{\n  display:grid;\n  grid-template-columns:1fr;\n  gap:18px;\n  margin-top:32px;\n}\n\n#twp-accordion-card .twp-step{\n  position:relative;\n  background:#fff;\n  border-radius:24px;\n  padding:14px;\n  border:1px solid var(--twp-line);\n}\n\n#twp-accordion-card .twp-step img{\n  aspect-ratio:1\/1;\n  object-fit:cover;\n  border-radius:18px;\n}\n\n#twp-accordion-card .twp-step-bottom{\n  display:flex;\n  align-items:flex-start;\n  gap:12px;\n  padding:15px 4px 4px;\n}\n\n#twp-accordion-card .twp-step-num{\n  width:34px;\n  height:34px;\n  border-radius:50%;\n  flex:0 0 34px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  background:var(--twp-yellow);\n  font-weight:800;\n}\n\n#twp-accordion-card .twp-step:nth-child(2) .twp-step-num{\n  background:var(--twp-mint);\n}\n\n#twp-accordion-card .twp-step:nth-child(3) .twp-step-num{\n  background:var(--twp-lilac);\n}\n\n#twp-accordion-card .twp-step strong{\n  display:block;\n  font-size:16px;\n  margin-bottom:3px;\n}\n\n#twp-accordion-card .twp-step p{\n  margin:0;\n  color:var(--twp-muted);\n  font-size:14px;\n  line-height:1.55;\n}\n\n\n\/* =========================\n   FEATURES\n========================= *\/\n\n#twp-accordion-card .twp-feature-grid{\n  display:grid;\n  grid-template-columns:1fr;\n  gap:16px;\n  margin-top:30px;\n}\n\n#twp-accordion-card .twp-feature-card{\n  padding:24px 20px;\n  border-radius:24px;\n  border:1px solid var(--twp-line);\n  background:#fff;\n}\n\n#twp-accordion-card .twp-feature-card:nth-child(1){\n  background:#FFF6ED;\n}\n\n#twp-accordion-card .twp-feature-card:nth-child(2){\n  background:var(--twp-mint);\n}\n\n#twp-accordion-card .twp-feature-card:nth-child(3){\n  background:var(--twp-lilac);\n}\n\n#twp-accordion-card .twp-feature-card:nth-child(4){\n  background:#FFF8D9;\n}\n\n#twp-accordion-card .twp-feature-dot{\n  width:42px;\n  height:42px;\n  border-radius:15px;\n  background:#fff;\n  margin-bottom:18px;\n  box-shadow:0 6px 14px rgba(68,58,45,.06);\n  position:relative;\n}\n\n#twp-accordion-card .twp-feature-dot:before,\n#twp-accordion-card .twp-feature-dot:after{\n  content:\"\";\n  position:absolute;\n  border-radius:50%;\n  background:var(--twp-coral);\n}\n\n#twp-accordion-card .twp-feature-dot:before{\n  width:10px;\n  height:10px;\n  left:9px;\n  top:10px;\n}\n\n#twp-accordion-card .twp-feature-dot:after{\n  width:7px;\n  height:7px;\n  right:9px;\n  bottom:10px;\n}\n\n#twp-accordion-card .twp-feature-card p{\n  margin-bottom:0;\n  color:var(--twp-muted);\n  font-size:15px;\n  line-height:1.65;\n}\n\n\n\/* =========================\n   DESIGNS\n========================= *\/\n\n#twp-accordion-card .twp-designs{\n  background:#fff;\n}\n\n#twp-accordion-card .twp-design-grid{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:14px;\n  margin-top:30px;\n}\n\n#twp-accordion-card .twp-design-card{\n  overflow:hidden;\n  border:1px solid var(--twp-line);\n  border-radius:22px;\n  background:#fff;\n  transition:.2s ease;\n}\n\n#twp-accordion-card .twp-design-card:hover{\n  transform:translateY(-3px);\n}\n\n#twp-accordion-card .twp-design-card img{\n  aspect-ratio:1\/1;\n  object-fit:cover;\n  background:#fafafa;\n}\n\n#twp-accordion-card .twp-design-copy{\n  padding:14px;\n}\n\n#twp-accordion-card .twp-design-copy h3{\n  font-size:17px;\n  margin-bottom:4px;\n}\n\n#twp-accordion-card .twp-design-copy p{\n  margin:0;\n  color:var(--twp-muted);\n  font-size:13px;\n  line-height:1.5;\n}\n\n\n\/* =========================\n   OCCASIONS\n========================= *\/\n\n#twp-accordion-card .twp-occasions{\n  background:\n  linear-gradient(180deg,#FFFDF8 0%,#F8F5FF 100%);\n}\n\n#twp-accordion-card .twp-occasion-grid{\n  display:grid;\n  grid-template-columns:repeat(2,1fr);\n  gap:12px;\n  margin-top:28px;\n}\n\n#twp-accordion-card .twp-occasion{\n  padding:18px 12px;\n  text-align:center;\n  border-radius:18px;\n  background:#fff;\n  border:1px solid var(--twp-line);\n  font-weight:650;\n  font-size:14px;\n}\n\n#twp-accordion-card .twp-occasion:nth-child(2n){\n  transform:rotate(1deg);\n}\n\n#twp-accordion-card .twp-occasion:nth-child(2n+1){\n  transform:rotate(-1deg);\n}\n\n\n\/* =========================\n   COMPARISON\n========================= *\/\n\n#twp-accordion-card .twp-compare-grid{\n  display:grid;\n  grid-template-columns:1fr;\n  gap:14px;\n  margin-top:28px;\n}\n\n#twp-accordion-card .twp-compare-card{\n  padding:24px 20px;\n  border-radius:24px;\n  border:1px solid var(--twp-line);\n}\n\n#twp-accordion-card .twp-compare-card:first-child{\n  background:#F8F6F3;\n}\n\n#twp-accordion-card .twp-compare-card:last-child{\n  background:var(--twp-mint);\n}\n\n#twp-accordion-card .twp-compare-label{\n  font-size:12px;\n  text-transform:uppercase;\n  font-weight:800;\n  letter-spacing:.08em;\n  color:#877F76;\n  margin-bottom:12px;\n}\n\n#twp-accordion-card .twp-check{\n  display:flex;\n  gap:10px;\n  margin-top:12px;\n  font-size:14px;\n  color:#5E5853;\n}\n\n#twp-accordion-card .twp-check:before{\n  content:\"\";\n  width:8px;\n  height:8px;\n  border-radius:50%;\n  background:var(--twp-coral);\n  margin-top:7px;\n  flex:0 0 8px;\n}\n\n#twp-accordion-card .twp-compare-card:last-child .twp-check:before{\n  background:#7FA175;\n}\n\n\n\/* =========================\n   INCLUDED\n========================= *\/\n\n#twp-accordion-card .twp-included{\n  background:var(--twp-cream);\n}\n\n#twp-accordion-card .twp-included-grid{\n  display:grid;\n  grid-template-columns:1fr;\n  gap:26px;\n  align-items:center;\n}\n\n#twp-accordion-card .twp-included-img{\n  background:#fff;\n  padding:14px;\n  border-radius:28px;\n  box-shadow:0 14px 34px rgba(76,62,47,.08);\n}\n\n#twp-accordion-card .twp-included-img img{\n  border-radius:20px;\n}\n\n#twp-accordion-card .twp-included-list{\n  display:grid;\n  gap:10px;\n  margin-top:20px;\n}\n\n#twp-accordion-card .twp-included-item{\n  padding:13px 15px;\n  background:#fff;\n  border-radius:15px;\n  border:1px solid var(--twp-line);\n  font-size:14px;\n}\n\n\n\/* =========================\n   DETAILS\n========================= *\/\n\n#twp-accordion-card .twp-details-box{\n  max-width:820px;\n  margin:28px auto 0;\n  border:1px solid var(--twp-line);\n  border-radius:24px;\n  overflow:hidden;\n  background:#fff;\n}\n\n#twp-accordion-card .twp-detail-row{\n  display:grid;\n  grid-template-columns:1fr;\n  gap:5px;\n  padding:16px 18px;\n  border-bottom:1px solid var(--twp-line);\n}\n\n#twp-accordion-card .twp-detail-row:last-child{\n  border-bottom:none;\n}\n\n#twp-accordion-card .twp-detail-row strong{\n  font-size:14px;\n}\n\n#twp-accordion-card .twp-detail-row span{\n  color:var(--twp-muted);\n  font-size:14px;\n}\n\n\n\/* =========================\n   FAQ\n========================= *\/\n\n#twp-accordion-card .twp-faq{\n  max-width:860px;\n  margin:28px auto 0;\n}\n\n#twp-accordion-card details{\n  background:#fff;\n  border:1px solid var(--twp-line);\n  border-radius:18px;\n  margin-bottom:10px;\n  padding:0 17px;\n}\n\n#twp-accordion-card summary{\n  cursor:pointer;\n  padding:17px 0;\n  font-weight:700;\n  font-size:15px;\n}\n\n#twp-accordion-card details p{\n  margin:0;\n  padding:0 0 17px;\n  color:var(--twp-muted);\n  font-size:14px;\n  line-height:1.7;\n}\n\n\n\/* =========================\n   FINAL\n========================= *\/\n\n#twp-accordion-card .twp-final{\n  padding:26px;\n  border-radius:30px;\n  background:\n    radial-gradient(circle at 15% 15%,rgba(255,255,255,.7) 0 5%,transparent 6%),\n    var(--twp-lilac);\n  text-align:center;\n}\n\n#twp-accordion-card .twp-final p{\n  max-width:620px;\n  margin-left:auto;\n  margin-right:auto;\n  color:#655E6E;\n  line-height:1.7;\n}\n\n\n\/* =========================\n   DESKTOP\n========================= *\/\n\n@media(min-width:768px){\n\n  #twp-accordion-card .twp-section{\n    padding:80px 0;\n  }\n\n  #twp-accordion-card .twp-hero{\n    padding:70px 0 78px;\n  }\n\n  #twp-accordion-card .twp-hero-grid{\n    grid-template-columns:.9fr 1.1fr;\n    gap:52px;\n  }\n\n  #twp-accordion-card .twp-mini-grid{\n    grid-template-columns:repeat(3,1fr);\n  }\n\n  #twp-accordion-card .twp-reveal-grid{\n    grid-template-columns:repeat(3,1fr);\n  }\n\n  #twp-accordion-card .twp-feature-grid{\n    grid-template-columns:repeat(4,1fr);\n  }\n\n  #twp-accordion-card .twp-design-grid{\n    grid-template-columns:repeat(4,1fr);\n    gap:18px;\n  }\n\n  #twp-accordion-card .twp-occasion-grid{\n    grid-template-columns:repeat(3,1fr);\n  }\n\n  #twp-accordion-card .twp-compare-grid{\n    grid-template-columns:1fr 1fr;\n  }\n\n  #twp-accordion-card .twp-included-grid{\n    grid-template-columns:1fr 1fr;\n    gap:50px;\n  }\n\n  #twp-accordion-card .twp-detail-row{\n    grid-template-columns:220px 1fr;\n  }\n\n}\n\n@media(max-width:520px){\n\n  #twp-accordion-card .twp-wrap{\n    width:min(100% - 24px,1180px);\n  }\n\n  #twp-accordion-card .twp-design-grid{\n    grid-template-columns:1fr 1fr;\n  }\n\n  #twp-accordion-card .twp-h1{\n    font-size:38px;\n  }\n\n}\n\n\u003c\/style\u003e\n\u003csection id=\"twp-accordion-card\"\u003e\u003c!-- =========================\nHERO\n========================= --\u003e\n\u003cdiv class=\"twp-hero\"\u003e\n\u003cdiv class=\"twp-wrap\"\u003e\n\u003cdiv class=\"twp-hero-grid\"\u003e\n\u003cdiv class=\"twp-hero-copy\"\u003e\n\u003cdiv class=\"twp-eyebrow\"\u003eInteractive Greeting Card\u003c\/div\u003e\n\u003ch1 class=\"twp-h1\"\u003eA Little Card.\u003cbr\u003e\u003cspan\u003eA Big Reveal.\u003c\/span\u003e\n\u003c\/h1\u003e\n\u003cp class=\"twp-hero-text\"\u003ePull it open and watch a playful illustrated scene unfold panel by panel — turning a simple greeting into a little surprise worth remembering.\u003c\/p\u003e\n\u003cdiv class=\"twp-hero-buttons\"\u003e\n\u003ca href=\"#twp-designs\" class=\"twp-btn\"\u003e Choose Your Story \u003c\/a\u003e \u003ca href=\"#twp-how\" class=\"twp-btn twp-btn-light\"\u003e See How It Opens \u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twp-mini-grid\"\u003e\n\u003cdiv class=\"twp-mini\"\u003e\n\u003cdiv class=\"twp-mini-icon\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eAccordion Reveal\u003c\/strong\u003e \u003cspan\u003eFun from the first pull\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twp-mini\"\u003e\n\u003cdiv class=\"twp-mini-icon\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003e4 Story Designs\u003c\/strong\u003e \u003cspan\u003ePick their favorite\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twp-mini\"\u003e\n\u003cdiv class=\"twp-mini-icon\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cstrong\u003eEnvelope Included\u003c\/strong\u003e \u003cspan\u003eReady for your message\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cspan\u003e\u003c\/span\u003e\u003cbr\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twp-hero-media\"\u003e\n\u003cimg alt=\"TheWishPost accordion fold surprise greeting card\"\u003e\n\u003cdiv class=\"twp-float-note\"\u003ePull → Unfold → Surprise\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0649\/2776\/0447\/files\/5e9e36fc-909a-4040-a48d-fcb78b8ee02e.png?v=1788438365\" alt=\"\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =========================\nSTATEMENT\n========================= --\u003e\n\u003cdiv class=\"twp-section twp-statement\"\u003e\n\u003cdiv class=\"twp-wrap\"\u003e\n\u003cdiv class=\"twp-statement-card\"\u003e\n\u003ch2 class=\"twp-h2\"\u003eThe Fun Starts Before They Read The Message\u003c\/h2\u003e\n\u003cp\u003eInstead of opening to one flat page, the card unfolds into a connected illustrated scene — adding a playful little moment of discovery to your greeting.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =========================\nHOW IT OPENS\n========================= --\u003e\n\u003cdiv class=\"twp-section twp-reveal\" id=\"twp-how\"\u003e\n\u003cdiv class=\"twp-wrap\"\u003e\n\u003cdiv class=\"twp-center\"\u003e\n\u003cdiv class=\"twp-eyebrow\"\u003eThe Reveal\u003c\/div\u003e\n\u003ch2 class=\"twp-h2\"\u003eWatch The Story Unfold\u003c\/h2\u003e\n\u003cp class=\"twp-desc\"\u003eOne small pull reveals the artwork little by little, making opening the card part of the surprise.\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0649\/2776\/0447\/files\/6ecaa202-57ef-4539-ad9f-b24bfc9c6156.png?v=1788439122\" alt=\"\"\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twp-reveal-grid\"\u003e\n\u003cdiv class=\"twp-step\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =========================\nFEATURES\n========================= --\u003e\n\u003cdiv class=\"twp-section\"\u003e\n\u003cdiv class=\"twp-wrap\"\u003e\n\u003cdiv class=\"twp-center\"\u003e\n\u003cdiv class=\"twp-eyebrow\"\u003eWhy It's Special\u003c\/div\u003e\n\u003ch2 class=\"twp-h2\"\u003eMore Than A Simple Folded Card\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twp-feature-grid\"\u003e\n\u003cdiv class=\"twp-feature-card\"\u003e\n\u003cdiv class=\"twp-feature-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003ch3 class=\"twp-h3\"\u003ePull. Unfold. Surprise.\u003c\/h3\u003e\n\u003cp\u003eThe accordion structure turns opening the card into a playful little experience.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twp-feature-card\"\u003e\n\u003cdiv class=\"twp-feature-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003ch3 class=\"twp-h3\"\u003eA Story In Every Fold\u003c\/h3\u003e\n\u003cp\u003eConnected illustrations create one cheerful scene as the card expands.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twp-feature-card\"\u003e\n\u003cdiv class=\"twp-feature-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003ch3 class=\"twp-h3\"\u003eAdd Your Own Words\u003c\/h3\u003e\n\u003cp\u003ePersonalize the moment with a handwritten greeting just for them.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twp-feature-card\"\u003e\n\u003cdiv class=\"twp-feature-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003ch3 class=\"twp-h3\"\u003eMade To Remember\u003c\/h3\u003e\n\u003cp\u003eSmall enough to send, but special enough to keep after the celebration.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =========================\nDESIGNS\n========================= --\u003e\n\u003cdiv class=\"twp-section twp-designs\" id=\"twp-designs\"\u003e\n\u003cdiv class=\"twp-wrap\"\u003e\n\u003cdiv class=\"twp-center\"\u003e\n\u003cdiv class=\"twp-eyebrow\"\u003ePick Their Favorite\u003c\/div\u003e\n\u003ch2 class=\"twp-h2\"\u003eChoose A Story That Feels Like Them\u003c\/h2\u003e\n\u003cp class=\"twp-desc\"\u003eFour playful illustrated themes, each with its own personality and unfolding scene.\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0649\/2776\/0447\/files\/be0b05fe-d588-4dfa-b160-d401c99e1eae.png?v=1788438895\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0649\/2776\/0447\/files\/352f3b62-6d88-4035-a4fe-4279b5e4d832.png?v=1788438908\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0649\/2776\/0447\/files\/b6b718b2-212a-40cd-b407-fcf647c37897.png?v=1788438914\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0649\/2776\/0447\/files\/3f32dc24-ddce-49c5-92ab-2bc1516b6bd1.png?v=1788438923\" alt=\"\"\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twp-design-grid\"\u003e\n\u003cdiv class=\"twp-design-card\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =========================\nOCCASIONS\n========================= --\u003e\n\u003cdiv class=\"twp-section twp-occasions\"\u003e\n\u003cdiv class=\"twp-wrap\"\u003e\n\u003cdiv class=\"twp-center\"\u003e\n\u003cdiv class=\"twp-eyebrow\"\u003eMade For Happy Moments\u003c\/div\u003e\n\u003ch2 class=\"twp-h2\"\u003eA Little Surprise For Almost Any Occasion\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twp-occasion-grid\"\u003e\n\u003cdiv class=\"twp-occasion\"\u003eBirthday Surprise\u003c\/div\u003e\n\u003cdiv class=\"twp-occasion\"\u003eCongratulations\u003c\/div\u003e\n\u003cdiv class=\"twp-occasion\"\u003eThank You\u003c\/div\u003e\n\u003cdiv class=\"twp-occasion\"\u003eThinking Of You\u003c\/div\u003e\n\u003cdiv class=\"twp-occasion\"\u003eFriendship Gift\u003c\/div\u003e\n\u003cdiv class=\"twp-occasion\"\u003eJust Because\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =========================\nCOMPARISON\n========================= --\u003e\n\u003cdiv class=\"twp-section\"\u003e\n\u003cdiv class=\"twp-wrap\"\u003e\n\u003cdiv class=\"twp-center\"\u003e\n\u003ch2 class=\"twp-h2\"\u003eMore To Discover Than A Standard Card\u003c\/h2\u003e\n\u003cp class=\"twp-desc\"\u003eSame thoughtful message. A much more playful way to reveal it.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twp-compare-grid\"\u003e\n\u003cdiv class=\"twp-compare-card\"\u003e\n\u003cdiv class=\"twp-compare-label\"\u003eOrdinary Greeting Card\u003c\/div\u003e\n\u003ch3 class=\"twp-h3\"\u003eSimple Two-Page Opening\u003c\/h3\u003e\n\u003cdiv class=\"twp-check\"\u003eOne flat illustration\u003c\/div\u003e\n\u003cdiv class=\"twp-check\"\u003eMostly message focused\u003c\/div\u003e\n\u003cdiv class=\"twp-check\"\u003eFamiliar opening experience\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twp-compare-card\"\u003e\n\u003cdiv class=\"twp-compare-label\"\u003eTheWishPost Accordion Card\u003c\/div\u003e\n\u003ch3 class=\"twp-h3\"\u003eA Playful Multi-Panel Reveal\u003c\/h3\u003e\n\u003cdiv class=\"twp-check\"\u003eConnected illustrated scene\u003c\/div\u003e\n\u003cdiv class=\"twp-check\"\u003eMessage + interactive experience\u003c\/div\u003e\n\u003cdiv class=\"twp-check\"\u003eMore memorable to open and keep\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =========================\nWHAT'S INCLUDED\n========================= --\u003e\n\u003cdiv class=\"twp-section twp-included\"\u003e\n\u003cdiv class=\"twp-wrap\"\u003e\n\u003cdiv class=\"twp-included-grid\"\u003e\n\u003cdiv class=\"twp-included-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0649\/2776\/0447\/files\/f022e3dc-2b4c-4877-a348-f150056f9992.png?v=1788492092\" alt=\"\"\u003e\u003c\/div\u003e\n\u003cdiv\u003e\n\u003cdiv class=\"twp-eyebrow\"\u003eReady To Give\u003c\/div\u003e\n\u003ch2 class=\"twp-h2\"\u003eEverything You Need For A Little Surprise\u003c\/h2\u003e\n\u003cp class=\"twp-desc\" style=\"margin-left: 0; text-align: left;\"\u003eChoose your favorite story, add your message, and it’s ready to make someone smile.\u003c\/p\u003e\n\u003cdiv class=\"twp-included-list\"\u003e\n\u003cdiv class=\"twp-included-item\"\u003e1 × Accordion-Fold Greeting Card\u003c\/div\u003e\n\u003cdiv class=\"twp-included-item\"\u003e1 × Matching Envelope\u003c\/div\u003e\n\u003cdiv class=\"twp-included-item\"\u003eSpace For Your Personal Message\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =========================\nDETAILS\n========================= --\u003e\n\u003cdiv class=\"twp-section\"\u003e\n\u003cdiv class=\"twp-wrap\"\u003e\n\u003cdiv class=\"twp-center\"\u003e\n\u003cdiv class=\"twp-eyebrow\"\u003eProduct Details\u003c\/div\u003e\n\u003ch2 class=\"twp-h2\"\u003eSmall Details, Thoughtfully Made\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twp-details-box\"\u003e\n\u003cdiv class=\"twp-detail-row\"\u003e\n\u003cstrong\u003eProduct Type\u003c\/strong\u003e \u003cspan\u003eInteractive Accordion-Fold Greeting Card\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twp-detail-row\"\u003e\n\u003cstrong\u003eMaterial\u003c\/strong\u003e \u003cspan\u003ePaper\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twp-detail-row\"\u003e\n\u003cstrong\u003eUnfolded Size\u003c\/strong\u003e \u003cspan\u003eApprox. 300 × 105 mm\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twp-detail-row\"\u003e\n\u003cstrong\u003eEnvelope Size\u003c\/strong\u003e \u003cspan\u003eApprox. 156 × 111 mm\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twp-detail-row\"\u003e\n\u003cstrong\u003ePackage Size\u003c\/strong\u003e \u003cspan\u003eApprox. 160 × 115 × 2 mm\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twp-detail-row\"\u003e\n\u003cstrong\u003eDesign Options\u003c\/strong\u003e \u003cspan\u003e Animal Party · Fireworks Night · Surprise Box · Up \u0026amp; Away \u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twp-detail-row\"\u003e\n\u003cstrong\u003eIncludes\u003c\/strong\u003e \u003cspan\u003e 1 Greeting Card + 1 Envelope \u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =========================\nFAQ\n========================= --\u003e\n\u003cdiv class=\"twp-section\" style=\"background: #FFFDF8;\"\u003e\n\u003cdiv class=\"twp-wrap\"\u003e\n\u003cdiv class=\"twp-center\"\u003e\n\u003ch2 class=\"twp-h2\"\u003eLittle Questions, Quick Answers\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"twp-faq\"\u003e\n\u003cdetails\u003e\n\u003csummary\u003eHow does the card open?\u003c\/summary\u003e\n\u003cp\u003eGently pull the folded panels apart and the accordion structure will reveal the full illustrated scene.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eCan I write my own message?\u003c\/summary\u003e\n\u003cp\u003eYes. The card includes space for adding your own personal greeting.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eDoes it include an envelope?\u003c\/summary\u003e\n\u003cp\u003eYes. Each card comes with a matching envelope for gifting.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eAre all four designs different?\u003c\/summary\u003e\n\u003cp\u003eYes. Each design has its own color palette, characters, and unfolding illustrated story.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003cdetails\u003e\n\u003csummary\u003eWhat occasions is it suitable for?\u003c\/summary\u003e\n\u003cp\u003eIt works beautifully for birthdays, congratulations, thank-you messages, friendship gifts, encouragement, and spontaneous little surprises.\u003c\/p\u003e\n\u003c\/details\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- =========================\nFINAL\n========================= --\u003e\n\u003cdiv class=\"twp-section\"\u003e\n\u003cdiv class=\"twp-wrap\"\u003e\n\u003cdiv class=\"twp-final\"\u003e\n\u003ch2 class=\"twp-h2\"\u003eMake The Message Part Of The Surprise\u003c\/h2\u003e\n\u003cp\u003eA few thoughtful words, a playful unfolding moment, and a card they’ll remember opening.\u003c\/p\u003e\n\u003ca href=\"#twp-designs\" class=\"twp-btn\"\u003e Choose Your Story \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e","brand":"Countrycraftco","offers":[{"title":"Animal Party","offer_id":43821221740607,"sku":null,"price":16.0,"currency_code":"AUD","in_stock":false},{"title":"Fireworks Night","offer_id":43821221773375,"sku":null,"price":16.0,"currency_code":"AUD","in_stock":false},{"title":"Surprise Box","offer_id":43821221806143,"sku":null,"price":16.0,"currency_code":"AUD","in_stock":false},{"title":"Sky-Voyage","offer_id":43821221838911,"sku":null,"price":16.0,"currency_code":"AUD","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0649\/2776\/0447\/files\/5e9e36fc-909a-4040-a48d-fcb78b8ee02e.png?v=1788438365","url":"https:\/\/thewishpost.com\/products\/interactive-accordion-fold-greeting-card-illustrated-surprise-card","provider":"Countrycraftco","version":"1.0","type":"link"}