{"product_id":"syens","title":"Gelpenner i sprøyteform","description":"\u003cstyle type=\"text\/css\"\u003e\/* 1) Design System (CSS Variables) *\/    .product-detail-container {      --primary: #1A1A1A;      --primary-hover: #333333;      --text-main: #2C3E50;      --text-sub: #596A7A;      --bg-body: #FFFFFF;      --bg-card: #F8F9FA;      --border-color: #E2E8F0;      --radius-md: 10px;      --radius-lg: 18px;      --shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.04);      --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.08);      \/* Typography \u0026 Spacing System *\/      --spacing-section: clamp(2.5rem, 6vw, 5rem);      --spacing-module: clamp(2rem, 5vw, 4rem);            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;      color: var(--text-main);      background-color: var(--bg-body);      max-width: 1200px;      margin: 0 auto;      padding: 0 5%;      box-sizing: border-box;      overflow-wrap: break-word;      word-break: break-word;      line-height: 1.7;    }    .product-detail-container *,    .product-detail-container *::before,    .product-detail-container *::after {      box-sizing: inherit;    }    \/* Typography Scale *\/    .product-detail-container h1 {      font-size: clamp(32px, 4vw, 44px);      line-height: 1.2;      color: var(--primary);      margin: 0 0 1rem 0;      font-weight: 700;      letter-spacing: -0.02em;    }    .product-detail-container h2 {      font-size: clamp(24px, 3vw, 32px);      line-height: 1.3;      color: var(--text-main);      margin: 0 0 1rem 0;      font-weight: 600;    }    .product-detail-container h3 {      font-size: clamp(20px, 2.5vw, 24px);      line-height: 1.4;      color: var(--primary);      margin: 0 0 1rem 0;      font-weight: 600;    }    .product-detail-container p {      font-size: clamp(18px, 2vw, 20px);      color: var(--text-sub);      margin: 0 0 1.5rem 0;    }    \/* Badges (Non-interactive) *\/    .detail-badge-group {      display: flex;      flex-wrap: wrap;      gap: 12px;      margin-bottom: 2rem;    }    .detail-badge {      display: inline-flex;      align-items: center;      padding: 8px 16px;      background: var(--bg-card);      border: 1px solid var(--border-color);      border-radius: 30px;      font-size: 16px;      font-weight: 500;      color: var(--text-main);    }    \/* Image Protocol \u0026 Placeholders *\/    .detail-img-fluid {      width: 100%;      height: auto;      display: block;      border-radius: var(--radius-lg);      box-shadow: var(--shadow-sm);    }        .img-placeholder {      width: 100%;      background-color: var(--bg-card);      border-radius: var(--radius-lg);      display: flex;      align-items: center;      justify-content: center;      overflow: hidden;    }        .img-placeholder img {      width: 100%;      height: auto;      display: block;      border-radius: var(--radius-lg);    }    \/* Modules *\/    .hero-section {      text-align: center;      margin-top: 2rem;      margin-bottom: var(--spacing-section);    }    .hero-section .detail-badge-group {      justify-content: center;    }    \/* Z-Pattern Features *\/    .feature-list {      display: flex;      flex-direction: column;      gap: var(--spacing-section);      margin-bottom: var(--spacing-section);    }    .feature-item {      display: flex;      flex-direction: column;      gap: 2rem;      align-items: center;    }    .feature-media, .feature-copy {      width: 100%;    }    \/* Specs Table *\/    .specs-section {      margin-bottom: var(--spacing-section);    }    .specs-table-wrapper {      background: var(--bg-card);      border-radius: var(--radius-lg);      padding: clamp(1.5rem, 3vw, 3rem);    }    .specs-table {      width: 100%;      border-collapse: collapse;    }        \/* FAQ Section *\/    .faq-section {      margin-bottom: var(--spacing-section);    }    .faq-item {      background: var(--bg-card);      border-radius: var(--radius-md);      padding: 1.5rem;      margin-bottom: 1rem;    }    .faq-question {      font-size: clamp(18px, 2.5vw, 22px);      font-weight: 600;      color: var(--primary);      margin-bottom: 0.5rem;    }    .faq-answer {      font-size: clamp(16px, 2vw, 18px);      color: var(--text-sub);      margin: 0;    }    \/* Desktop Enhancements (Z-Pattern \u0026 Table) *\/    @media (min-width: 768px) {      .feature-item {        flex-direction: row;        gap: var(--spacing-module);      }      .feature-item.reverse {        flex-direction: row-reverse;      }      .feature-media, .feature-copy {        flex: 1;      }      .feature-copy {        padding: 0 2rem;      }            .specs-table th, .specs-table td {        padding: 1rem;        text-align: left;        border-bottom: 1px solid var(--border-color);        font-size: 18px;      }      .specs-table th {        font-weight: 600;        color: var(--primary);        width: 35%;      }      .specs-table tr:last-child td, .specs-table tr:last-child th {        border-bottom: none;      }    }    \/* Mobile Specs Table Lock (Card Based) *\/    @media (max-width: 767px) {      .specs-table,       .specs-table thead,       .specs-table tbody,       .specs-table tr,       .specs-table th,       .specs-table td {        display: block;        width: 100%;      }      .specs-table thead {        display: none;      }      .specs-table tr {        background: var(--bg-body);        border: 1px solid var(--border-color);        border-radius: var(--radius-md);        margin-bottom: 1rem;        padding: 1rem;        box-shadow: var(--shadow-sm);      }      .specs-table td {        display: flex;        justify-content: space-between;        align-items: center;        padding: 0.75rem 0;        border-bottom: 1px solid var(--bg-card);        font-size: 16px;        text-align: right;      }      .specs-table td:last-child {        border-bottom: none;        padding-bottom: 0;      }      .specs-table td::before {        content: attr(data-label);        font-weight: 600;        color: var(--primary);        text-align: left;        flex-basis: 40%;        margin-right: 1rem;      }    }\u003c\/style\u003e\n\u003cdiv class=\"product-detail-container\"\u003e\n\u003c!-- Hero Section --\u003e\n\u003cdiv class=\"hero-section\"\u003e\n\u003ch1\u003eGelpenner i sprøyteform – morsomt design med jevn skrivefølelse\u003c\/h1\u003e\n\u003ch2\u003eGi hverdagsskrivingen din et lekent preg\u003c\/h2\u003e\n\u003cdiv class=\"detail-badge-group\"\u003e\n\u003cdiv class=\"detail-badge\"\u003e💉 Unik design\u003c\/div\u003e\n\u003cdiv class=\"detail-badge\"\u003e✍️ 0,5 mm fin spiss\u003c\/div\u003e\n\u003cdiv class=\"detail-badge\"\u003e🎒3-pakningssett\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eFå skrivesakssamlingen din til å skille seg ut. Disse kreative gelpennene gir et snev av moro til hverdagsskrivingen, samtidig som de er praktiske, skriver jevnt og er enkle å bruke.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-list\"\u003e\n\u003c!-- Feature 1 --\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cimg alt=\"Unique Syringe Shape Design\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260116175355\/b6488e980f1205ea7979c94dbbf33f53.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003e💉 Unikt design med sprøyteform\u003c\/h3\u003e\n\u003cp\u003eDisse gelpennene har et morsomt og kreativt design i form av en sprøyte som umiddelbart skiller seg ut. Det unike utseendet gjør dem til et minneverdig tilskudd til enhver skrivesakssamling og gir en leken stemning til de daglige skriveoppgavene.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 2 --\u003e\n\u003cdiv class=\"feature-item reverse\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cimg alt=\"Smooth 0.5mm Writing Tip\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260116175355\/1bdd4feeece1166dd50b5f7276fcc379.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003e✍️ Glatt skrivepennespiss på 0,5 mm\u003c\/h3\u003e\n\u003cp\u003eDisse gelpennene har en 0,5 mm fin spiss og gir en jevn og stabil blekkstrøm. Uansett om du tar notater, skriver lister eller tegner, føles hvert strek rent og uanstrengt.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 3 --\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cimg alt=\"Portable 3-Pack Set\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260116175355\/37ac0dc1197ef9bff30be0655976727f.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003e🎒 Bærbart sett med 3 stk.\u003c\/h3\u003e\n\u003cp\u003eDette settet inneholder tre gelpenner, noe som gjør det enkelt å ha dem med seg i vesken, pennal eller skrivebordsskuffen. Perfekt til å dele med klassekamerater eller kolleger, eller til å ha i reserve.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 4 --\u003e\n\u003cdiv class=\"feature-item reverse\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cimg alt=\"A Fun Gift for School \u0026amp; Office\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260116175355\/9853722b69d3e52c92c6b17b85a74668.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003e🎁 En morsom gave til skolen og kontoret\u003c\/h3\u003e\n\u003cp\u003eEt kreativt og spennende gavevalg for studenter og kontoransatte. Disse pennene gir et snev av moro til hverdagsskrivingen, samtidig som de er praktiske og enkle å bruke.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Feature 5 --\u003e\n\u003cdiv class=\"feature-item\"\u003e\n\u003cdiv class=\"feature-media\"\u003e\n\u003cdiv class=\"img-placeholder\"\u003e\n\u003cdiv\u003e\n\u003cdiv\u003e\u003cimg alt=\"Multi-Purpose Writing Use\" src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260116175355\/f735c278ff484b3c1fb09def6e473093.jpg\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"feature-copy\"\u003e\n\u003ch3\u003e📝 Allsidig bruk til skriving\u003c\/h3\u003e\n\u003cp\u003ePerfekt til notater, markeringer, kruseduller og mye mer. Disse sprøyteformede gelpennene er utviklet for å takle en rekke skriveoppgaver på en enkel og pålitelig måte.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Specs Section --\u003e\n\u003cdiv class=\"specs-section\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"mysite","offers":[{"title":"3-pakning (Bare for meg)Tilfeldig farge","offer_id":46064223191236,"sku":"BP2026417-3","price":129.0,"currency_code":"NOK","in_stock":true},{"title":"🔥 6-pakning (del med studiegruppen) – Spar 20 %-Tilfeldig farge","offer_id":46064223224004,"sku":"BP2026417-6","price":199.0,"currency_code":"NOK","in_stock":true},{"title":"12-pakning (perfekt for klinikker og sykehus) – Best valuta for pengene-Tilfeldig farge","offer_id":46064223256772,"sku":"BP2026417-12","price":349.0,"currency_code":"NOK","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0716\/5781\/6260\/files\/b6488e980f1205ea7979c94dbbf33f53.jpg?v=1776406301","url":"https:\/\/sjeldne.com\/products\/syens","provider":"sjeldne","version":"1.0","type":"link"}