{"product_id":"kerst-cadeaubonnenboek","title":"Kerst Cadeaubonnenboek met Spiraalbinding","description":"\u003cdiv class=\"product-detail-container\"\u003e\u003c!--\n  [AI Design Logic]\n  产品类型：节日礼品卡收纳册\/纪念本\n  目标受众：寻找独特、贴心方式赠送多张礼品卡的节日礼物准备者\n  视觉风格：温馨、节日氛围浓厚、插画风、红绿暖色调\n  配色策略：基于产品图提取节日红、森林绿、暖米色作为主色调，黑色用于强调装订结构\n  模块顺序：Hero (场景引入) -\u003e Feature 1 (核心功能：插卡结构) -\u003e Feature 2 (情感价值：书写纪念) -\u003e Feature 3 (设计与工艺) -\u003e Specs -\u003e FAQ\n  详情图映射：Hero=image_3.png (最能展示使用场景), Feature1=image_0.png (展示内页多样性), Feature2=image_1.png (展示人与物的关系), Feature3=image_4.png (展示封面多样性)\n  规格图映射：无明确规格数据图，Specs模块基于文本报告生成\n  对比模块：未加入 (无明显竞品对比需求，侧重自身独特体验)\n  --\u003e\u003c\/div\u003e\n\u003cstyle type=\"text\/css\"\u003e.product-detail-container {\n      --primary: #C41E3A; \/* Festive Red *\/\n      --primary-hover: #A01830;\n      --text-main: #2C3E50;\n      --text-sub: #546E7A;\n      --bg-body: #ffffff;\n      --bg-card: #F8F5E6; \/* Warm cream background *\/\n      --bg-soft: #F0EDDE;\n      --radius-md: 8px;\n      --radius-lg: 16px;\n      --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.05);\n      --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.08);\n      --border-color: #E0DACC;\n\n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n      color: var(--text-main);\n      line-height: 1.6;\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 5%;\n      box-sizing: border-box;\n      overflow-wrap: break-word;\n      word-break: break-word;\n    }\n\n    \/* Typography *\/\n    .product-detail-container h1 {\n      font-size: clamp(28px, 4vw, 44px);\n      font-weight: 700;\n      margin: 0 0 16px 0;\n      color: var(--primary);\n      line-height: 1.2;\n    }\n\n    .product-detail-container h2 {\n      font-size: clamp(22px, 3vw, 32px);\n      font-weight: 600;\n      margin: 0 0 24px 0;\n    }\n\n    .product-detail-container h3 {\n      font-size: 22px;\n      font-weight: 600;\n      margin: 0 0 16px 0;\n    }\n\n    .product-detail-container p {\n      font-size: clamp(16px, 2vw, 18px);\n      margin: 0 0 16px 0;\n      color: var(--text-sub);\n    }\n\n    \/* Global Image Responsiveness (Crucial for Mobile) *\/\n    .product-detail-container img {\n      max-width: 100% !important;\n      height: auto !important;\n      display: block;\n      border-radius: var(--radius-md);\n      object-fit: cover;\n    }\n\n    \/* Layout \u0026 Spacing *\/\n    .pd-section {\n      margin-bottom: clamp(3rem, 6vw, 5rem);\n    }\n\n    \/* Images Container *\/\n    .pd-image-placeholder {\n      width: 100%;\n      height: auto;\n      display: block;\n      border-radius: var(--radius-lg);\n      background: var(--bg-soft);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      overflow: hidden;\n      box-shadow: var(--shadow-sm);\n    }\n    \n    .pd-image-placeholder \u003e div {\n      width: 100%;\n      height: 100%;\n    }\n\n    \/* Hero Section *\/\n    .hero-section {\n      text-align: center;\n      max-width: 800px;\n      margin-left: auto;\n      margin-right: auto;\n    }\n\n    .hero-badge {\n      display: inline-block;\n      background: var(--bg-card);\n      color: var(--primary);\n      padding: 6px 16px;\n      border-radius: 20px;\n      font-weight: 600;\n      font-size: 14px;\n      margin-bottom: 16px;\n    }\n\n    \/* Feature Sections *\/\n    .feature-item {\n      display: flex;\n      align-items: center;\n      gap: clamp(2rem, 5vw, 4rem);\n      margin-bottom: clamp(3rem, 5vw, 4rem);\n    }\n\n    .feature-media, .feature-copy {\n      flex: 1;\n      width: 100%;\n    }\n\n    .feature-copy p {\n      max-width: 500px;\n    }\n\n    .feature-tags {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n      margin-top: 20px;\n    }\n\n    .feature-tag {\n      background: var(--bg-card);\n      padding: 6px 14px;\n      border-radius: var(--radius-md);\n      font-size: 14px;\n      color: var(--text-sub);\n      font-weight: 500;\n      border: 1px solid var(--border-color);\n    }\n\n    \/* Alternating Layout on Desktop *\/\n    @media (min-width: 768px) {\n      .feature-item:nth-child(even) {\n        flex-direction: row-reverse;\n      }\n      .hero-badge {\n        font-size: 16px;\n      }\n      .feature-tag {\n        font-size: 16px;\n      }\n    }\n\n    \/* Mobile Layout *\/\n    @media (max-width: 767px) {\n      .feature-item {\n        flex-direction: column;\n        text-align: left;\n      }\n      .feature-copy p {\n        max-width: 100%;\n      }\n    }\n\n    \/* Specifications Table *\/\n    .specs-table {\n      width: 100%;\n      border-collapse: collapse;\n      background: var(--bg-card);\n      border-radius: var(--radius-lg);\n      overflow: hidden;\n    }\n\n    .specs-table th, .specs-table td {\n      padding: 16px 24px;\n      text-align: left;\n      border-bottom: 1px solid var(--border-color);\n      font-size: clamp(14px, 2vw, 16px);\n    }\n\n    .specs-table th {\n      background: var(--bg-soft);\n      font-weight: 600;\n      width: 40%;\n      color: var(--text-main);\n    }\n\n    .specs-table tr:last-child td, .specs-table tr:last-child th {\n      border-bottom: none;\n    }\n\n    \/* Mobile Specs Table *\/\n    @media (max-width: 767px) {\n      .specs-table, .specs-table thead, .specs-table tbody, .specs-table tr, .specs-table th, .specs-table td {\n        display: block;\n        width: 100%;\n      }\n      .specs-table thead {\n        display: none;\n      }\n      .specs-table tr {\n        margin-bottom: 16px;\n        border: 1px solid var(--border-color);\n        border-radius: var(--radius-md);\n        overflow: hidden;\n      }\n      .specs-table td {\n        padding: 12px 16px;\n        border-bottom: 1px solid var(--bg-soft);\n        position: relative;\n        padding-left: 45%;\n        text-align: left;\n      }\n      .specs-table td::before {\n        content: attr(data-label);\n        position: absolute;\n        left: 16px;\n        top: 12px;\n        font-weight: 600;\n        text-align: left;\n        width: 40%;\n        color: var(--text-main);\n      }\n      .specs-table td:last-child {\n        border-bottom: none;\n      }\n    }\n\n    \/* FAQ Section *\/\n    .faq-item {\n      background: var(--bg-card);\n      border-radius: var(--radius-md);\n      padding: 20px 24px;\n      margin-bottom: 16px;\n      border: 1px solid var(--border-color);\n    }\n\n    .faq-question {\n      font-weight: 600;\n      font-size: clamp(18px, 3vw, 20px);\n      margin-bottom: 12px;\n      color: var(--primary);\n      display: flex;\n      align-items: flex-start;\n    }\n    \n    .faq-question::before {\n      content: \"Q.\";\n      margin-right: 8px;\n      opacity: 0.8;\n      font-weight: 800;\n    }\n\n    .faq-answer {\n      font-size: clamp(15px, 2vw, 16px);\n      color: var(--text-sub);\n      padding-left: 28px;\n    }\n\u003c\/style\u003e\n\u003cdiv class=\"product-detail-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"pd-section hero-section\"\u003e🎄 Ontworpen voor een betekenisvol cadeau\u003cbr\u003e\n\u003ch1\u003eDe meest attente manier om cadeaubonnen te geven\u003c\/h1\u003e\n\u003cp\u003eMaak van gewone cadeaubonnen een persoonlijk kerstboek vol herinneringen en hartelijke wensen.\u003c\/p\u003e\n\u003cdiv class=\"pd-image-placeholder\" style=\"aspect-ratio: 1\/1;\"\u003e\n\u003c!-- 移除了原本可能导致移动端溢出的内联宽高样式 --\u003e\n\u003cdiv\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0707\/8910\/3797\/files\/1_7c0bf605-2161-4995-bead-ac73469075a8.jpg?v=1788522473\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pd-section feature-item\"\u003e\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eMeer dan alleen een houder – een aandenken aan de feestdagen\u003c\/h2\u003e\n\u003cp\u003eElke thematische pagina biedt ruim plaats voor je handgeschreven berichtjes, feestelijke krabbels of gedeelde herinneringen, samen met de cadeaubon. Zo wordt een eenvoudige transactie een blijvende emotionele band die ze zullen koesteren.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003ePagina’s om op te schrijven\u003c\/li\u003e\n\u003cli\u003eHerinneringen bewaren\u003c\/li\u003e\n\u003cli\u003ePersoonlijk tintje\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"pd-image-placeholder\" style=\"aspect-ratio: 4\/3;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0707\/8910\/3797\/files\/2_e61e4748-72ea-45ba-9a63-803fd863ee62.jpg?v=1788522473\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pd-section feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"pd-image-placeholder\" style=\"aspect-ratio: 4\/3;\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0707\/8910\/3797\/files\/2_95071ad6-1171-4f14-aaaa-70c4e47e21d5.avif?v=1789028704\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch2\u003eFeestelijke ontwerpen \u0026amp; praktische binding\u003c\/h2\u003e\n\u003cp\u003eMet charmante kerstillustraties op de omslag en binnenpagina’s om de juiste sfeer te creëren. Dankzij de stevige spiraalbinding met dubbele draad ligt het boek volledig plat.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003ePlatliggende spiraalbinding\u003c\/li\u003e\n\u003cli\u003eFeestelijke illustraties\u003c\/li\u003e\n\u003cli\u003eStevige uitvoering\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003ch2\u003eSpecificaties\u003c\/h2\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cb\u003eProducttype:\u003c\/b\u003e Cadeaubonboek met spiraalbinding\u003c\/li\u003e\n\u003cli\u003e\n\u003cb\u003eBindwijze:\u003c\/b\u003e Dubbele spiraal (links bevestigd) zodat het boek plat openligt\u003c\/li\u003e\n\u003cli\u003e\n\u003cb\u003eKenmerk:\u003c\/b\u003e Kerststijl\u003c\/li\u003e\n\u003cli\u003e\n\u003cb\u003eThema’s:\u003c\/b\u003e Diverse kerstmotieven (bijv. de kerstman, mokken, kerstboom)\u003c\/li\u003e\n\u003cli\u003e\n\u003cb\u003eHoofddoel:\u003c\/b\u003e Het overhandigen van kerstcadeaus en het schrijven van persoonlijke boodschappen\u003cbr\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Specifications Section --\u003e\u003c!-- FAQ Section --\u003e\n\u003c\/div\u003e","brand":"Verkauft.nl","offers":[{"title":"Kerstboom","offer_id":53243818311861,"sku":"0707-18052067","price":17.99,"currency_code":"EUR","in_stock":true},{"title":"Kerstman","offer_id":53243818344629,"sku":"0707-18052068","price":17.99,"currency_code":"EUR","in_stock":true},{"title":"Mokken","offer_id":53243818377397,"sku":"0707-18052069","price":17.99,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0707\/8910\/3797\/files\/c66c53fdc24e42ad704a6e3a0e8b7266.jpg?v=1788519060","url":"https:\/\/verkauft.nl\/products\/kerst-cadeaubonnenboek","provider":"Verkauft.nl","version":"1.0","type":"link"}