{"product_id":"staerke-gardinmagneter","title":"Stærke gardinmagneter (12 stk.)","description":"\u003cstyle type=\"text\/css\"\u003e\/* 1) Design System (CSS Variables) *\/\n    .product-detail-container {\n      --primary: #1A1A1A;\n      --primary-hover: #333333;\n      --text-main: #2C3E50;\n      --text-sub: #596A7A;\n      --bg-body: #FFFFFF;\n      --bg-card: #F8F9FA;\n      --border-color: #E2E8F0;\n      --radius-md: 10px;\n      --radius-lg: 18px;\n      --shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.04);\n      --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.08);\n\n      \/* Typography \u0026 Spacing System *\/\n      --spacing-section: clamp(2.5rem, 6vw, 5rem);\n      --spacing-module: clamp(2rem, 5vw, 4rem);\n      \n      font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n      color: var(--text-main);\n      background-color: var(--bg-body);\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      line-height: 1.7;\n    }\n\n    .product-detail-container *,\n    .product-detail-container *::before,\n    .product-detail-container *::after {\n      box-sizing: inherit;\n    }\n\n    \/* Typography Scale *\/\n    .product-detail-container h1 {\n      font-size: clamp(32px, 4vw, 44px);\n      line-height: 1.2;\n      color: var(--primary);\n      margin: 0 0 1rem 0;\n      font-weight: 700;\n      letter-spacing: -0.02em;\n    }\n\n    .product-detail-container h2 {\n      font-size: clamp(24px, 3vw, 32px);\n      line-height: 1.3;\n      color: var(--text-main);\n      margin: 0 0 1rem 0;\n      font-weight: 600;\n    }\n\n    .product-detail-container h3 {\n      font-size: clamp(20px, 2.5vw, 24px);\n      line-height: 1.4;\n      color: var(--primary);\n      margin: 0 0 1rem 0;\n      font-weight: 600;\n    }\n\n    .product-detail-container p {\n      font-size: clamp(18px, 2vw, 20px);\n      color: var(--text-sub);\n      margin: 0 0 1.5rem 0;\n    }\n\n    \/* Badges (Non-interactive) *\/\n    .detail-badge-group {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 12px;\n      margin-bottom: 2rem;\n    }\n    .detail-badge {\n      display: inline-flex;\n      align-items: center;\n      padding: 8px 16px;\n      background: var(--bg-card);\n      border: 1px solid var(--border-color);\n      border-radius: 30px;\n      font-size: 16px;\n      font-weight: 500;\n      color: var(--text-main);\n    }\n\n    \/* Image Protocol \u0026 Placeholders *\/\n    .detail-img-fluid {\n      width: 100%;\n      height: auto;\n      display: block;\n      border-radius: var(--radius-lg);\n      box-shadow: var(--shadow-sm);\n    }\n    \n    .img-placeholder {\n      width: 100%;\n      background-color: var(--bg-card);\n      border-radius: var(--radius-lg);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      overflow: hidden;\n    }\n    \n    .img-placeholder img {\n      width: 100%;\n      height: auto;\n      display: block;\n      border-radius: var(--radius-lg);\n    }\n\n    \/* Modules *\/\n    .hero-section {\n      text-align: center;\n      margin-top: 2rem;\n      margin-bottom: var(--spacing-section);\n    }\n    .hero-section .detail-badge-group {\n      justify-content: center;\n    }\n\n    \/* Z-Pattern Features *\/\n    .feature-list {\n      display: flex;\n      flex-direction: column;\n      gap: var(--spacing-section);\n      margin-bottom: var(--spacing-section);\n    }\n\n    .feature-item {\n      display: flex;\n      flex-direction: column;\n      gap: 2rem;\n      align-items: center;\n    }\n\n    .feature-media, .feature-copy {\n      width: 100%;\n    }\n\n    \/* Specs Table *\/\n    .specs-section {\n      margin-bottom: var(--spacing-section);\n    }\n    .specs-table-wrapper {\n      background: var(--bg-card);\n      border-radius: var(--radius-lg);\n      padding: clamp(1.5rem, 3vw, 3rem);\n    }\n    .specs-table {\n      width: 100%;\n      border-collapse: collapse;\n    }\n    \n    \/* FAQ Section *\/\n    .faq-section {\n      margin-bottom: var(--spacing-section);\n    }\n    .faq-item {\n      background: var(--bg-card);\n      border-radius: var(--radius-md);\n      padding: 1.5rem;\n      margin-bottom: 1rem;\n    }\n    .faq-question {\n      font-size: clamp(18px, 2.5vw, 22px);\n      font-weight: 600;\n      color: var(--primary);\n      margin-bottom: 0.5rem;\n    }\n    .faq-answer {\n      font-size: clamp(16px, 2vw, 18px);\n      color: var(--text-sub);\n      margin: 0;\n    }\n\n    \/* Desktop Enhancements (Z-Pattern \u0026 Table) *\/\n    @media (min-width: 768px) {\n      .feature-item {\n        flex-direction: row;\n        gap: var(--spacing-module);\n      }\n      .feature-item.reverse {\n        flex-direction: row-reverse;\n      }\n      .feature-media, .feature-copy {\n        flex: 1;\n      }\n      .feature-copy {\n        padding: 0 2rem;\n      }\n      \n      .specs-table th, .specs-table td {\n        padding: 1rem;\n        text-align: left;\n        border-bottom: 1px solid var(--border-color);\n        font-size: 18px;\n      }\n      .specs-table th {\n        font-weight: 600;\n        color: var(--primary);\n        width: 35%;\n      }\n      .specs-table tr:last-child td, .specs-table tr:last-child th {\n        border-bottom: none;\n      }\n    }\n\n    \/* Mobile Specs Table Lock (Card Based) *\/\n    @media (max-width: 767px) {\n      .specs-table, \n      .specs-table thead, \n      .specs-table tbody, \n      .specs-table tr, \n      .specs-table th, \n      .specs-table td {\n        display: block;\n        width: 100%;\n      }\n      .specs-table thead {\n        display: none;\n      }\n      .specs-table tr {\n        background: var(--bg-body);\n        border: 1px solid var(--border-color);\n        border-radius: var(--radius-md);\n        margin-bottom: 1rem;\n        padding: 1rem;\n        box-shadow: var(--shadow-sm);\n      }\n      .specs-table td {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        padding: 0.75rem 0;\n        border-bottom: 1px solid var(--bg-card);\n        font-size: 16px;\n        text-align: right;\n      }\n      .specs-table td:last-child {\n        border-bottom: none;\n        padding-bottom: 0;\n      }\n      .specs-table td::before {\n        content: attr(data-label);\n        font-weight: 600;\n        color: var(--primary);\n        text-align: left;\n        flex-basis: 40%;\n        margin-right: 1rem;\n      }\n    }\n\u003c\/style\u003e\n\u003cdiv class=\"product-detail-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1\u003eStærke gardinmagneter\u003c\/h1\u003e\n\u003ch2\u003eEn enkel løsning uden boring til at holde gardinerne lukkede\u003c\/h2\u003e\n\u003ch1\u003e🟧 Stærk fastgørelse\u003c\/h1\u003e\n\u003cdiv class=\"detail-badge-group\"\u003e\n\u003cdiv class=\"detail-badge\"\u003e📦 Sæt med 12, 24 eller 48 par\u003c\/div\u003e\n\u003cdiv class=\"detail-badge\"\u003e⚡ Montering uden boring\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eHold dine gardiner godt lukket, og undgå irriterende lysindfald med vores brugervenlige magnetiske gardinklemmer. Ideelle til soveværelser, stuer og endda terrasser\u003cbr\u003e\u003c\/p\u003e\n\u003ch3\u003e📦 Komplet sæt \u003c\/h3\u003e\n\u003cp\u003eFås i sæt med 12, 24 eller 48 par kraftige magnetiske gardinklemmer med tilhørende selvklæbende klistermærker. Alt, hvad du har brug for til at holde gardinerne tæt lukkede og forhindre lysindfald i soveværelser, stuer og badeværelser – ingen åbninger, ingen besvær.\u003c\/p\u003e\n\u003ch4\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0640\/0789\/7190\/files\/4_9b8160a9-0c1c-418c-a557-56528642f31f.jpg?v=1780118470\" alt=\"\"\u003e🮸 Større format, stærkere magnetisk fastgørelse\u003cbr\u003eMed en ekstra bred magnetflade på 2,5 cm, der tiltrækker på begge sider, giver disse gardinmagneter en stærkere og mere pålidelig fastgørelse end standardklemmer. Velegnet til tykke mørklægningsgardiner, lette gardiner og endda gardiner til terrassen.\u003c\/h4\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-list\"\u003e\n\u003c!-- Feature 3 --\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0640\/0789\/7190\/files\/3_5641dd9f-8b49-4b1b-8edf-be0a5fe256a6.jpg?v=1780118470\" alt=\"\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003e🏠Multifunktionel magnetisk løsning\u003c\/h3\u003e\n\u003ch3\u003eDisse magnetiske klips er ideelle til at forhindre lysindfald i hjemmet, men kan også bruges som usynlige lukninger til nederdele, jakker og skjorter. Tag dem også med udendørs: Brug dem til at holde pergola- eller terrassegardiner sikkert på plads.\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0640\/0789\/7190\/files\/2_72455871-dfff-482e-89ad-18a42cf01324.jpg?v=1780118470\" alt=\"\"\u003eKlar til brug på få sekunder\u003c\/h3\u003e\n\u003cp\u003eDu skal blot trykke på den lille runde ende, mens du trækker i den hætteformede spænde for at åbne den. Fastgøres direkte på gardinerne – ingen værktøj nødvendigt. Til vægmontering: Placer den magnetiske plade korrekt, træk beskyttelsesfilmen af og sæt den fast. Let i vægt, men alligevel robust.\u003c\/p\u003e\n\u003ch3\u003e\n\u003cstrong\u003eSpecificaties\u003c\/strong\u003e\u003cstrong\u003e\u003c\/strong\u003e\n\u003c\/h3\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 4 --\u003e\n\u003c\/div\u003e\n\u003c!-- Specs Section --\u003e\n\u003cdiv class=\"specs-section\"\u003e\n\u003cul\u003e\n\u003cli\u003e\n\u003cb\u003eProdukttype:\u003c\/b\u003e Magnetiske gardinklemmer\u003c\/li\u003e\n\u003cli\u003e\n\u003cb\u003eSættet indeholder:\u003c\/b\u003e 12 \/ 24 \/ 48 par klemmer + tilhørende selvklæbende klistermærker\u003c\/li\u003e\n\u003cli\u003e\n\u003cb\u003eMagnetstørrelse:\u003c\/b\u003e Ca. 2,5 cm\u003c\/li\u003e\n\u003cli\u003e\n\u003cb\u003eMontering:\u003c\/b\u003e Uden boring, kliksystem og selvklæbende\u003c\/li\u003e\n\u003cli\u003e\n\u003cb\u003eAnvendelsesområder:\u003c\/b\u003e Gardiner, tøj, udendørs brug\u003cbr\u003e\n\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- FAQ Section --\u003e\n\u003c\/div\u003e","brand":"Klikhuset.dk","offers":[{"title":"Default Title","offer_id":45649240784998,"sku":"0318-14354681","price":90.0,"currency_code":"DKK","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0640\/0789\/7190\/files\/9aafb84a9c670df7c1cce33ed87b6959.jpg?v=1779532772","url":"https:\/\/klikhuset.dk\/products\/staerke-gardinmagneter","provider":"Klikhuset.dk","version":"1.0","type":"link"}