{"product_id":"syns","title":"Gelpennor i sprutform","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\u003eGelpennor i sprutform – rolig design med smidig skrivkänsla\u003c\/h1\u003e\n\u003ch2\u003eGe ditt dagliga skrivande en lekfull touch\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 spets\u003c\/div\u003e\n\u003cdiv class=\"detail-badge\"\u003e🎒 3-pack\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003eLåt din kontorsartikelsamling sticka ut. Dessa kreativa gelpennor ger en lekfull touch till det dagliga skrivandet samtidigt som de är praktiska, skriver smidigt och är lätta att använda.\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 src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260116175355\/b6488e980f1205ea7979c94dbbf33f53.jpg\" alt=\"Unique Syringe Shape Design\"\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💉 Unik design med sprutform\u003c\/h3\u003e\n\u003cp\u003eDessa gelpennor har en rolig och kreativ design i form av en spruta som direkt drar blickarna till sig. Det unika utseendet gör dem till ett minnesvärt tillskott i alla pennsamlingar och ger en lekfull känsla till de dagliga skrivuppgifterna.\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 src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260116175355\/1bdd4feeece1166dd50b5f7276fcc379.jpg\" alt=\"Smooth 0.5mm Writing Tip\"\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✍️ Slät skrivspets på 0,5 mm\u003c\/h3\u003e\n\u003cp\u003eDessa gelpennor har en 0,5 mm tunn spets och ger ett jämnt och smidigt bläckflöde. Oavsett om du antecknar, skriver listor eller klottrar känns varje streck rent och smidigt.\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 src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260116175355\/37ac0dc1197ef9bff30be0655976727f.jpg\" alt=\"Portable 3-Pack Set\"\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 3-pack\u003c\/h3\u003e\n\u003cp\u003eDetta set innehåller tre gelpennor, vilket gör det enkelt att ha med sig i väskan, pennfodralet eller skrivbordslådan. Perfekt att dela med klasskamrater eller kollegor, eller att ha som reserv.\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 src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260116175355\/9853722b69d3e52c92c6b17b85a74668.jpg\" alt=\"A Fun Gift for School \u0026amp; Office\"\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 rolig present till skolan och kontoret\u003c\/h3\u003e\n\u003cp\u003eEtt kreativt och tilltalande presentval för studenter och kontorsanställda. Dessa pennor ger en lekfull touch till det dagliga skrivandet samtidigt som de är praktiska och lätta att använda.\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 src=\"https:\/\/wxalbum-10001658-file.dianxiaomi.com\/wxalbum\/1332898\/20260116175355\/f735c278ff484b3c1fb09def6e473093.jpg\" alt=\"Multi-Purpose Writing Use\"\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 användning för skrivande\u003c\/h3\u003e\n\u003cp\u003ePerfekt för anteckningar, markeringar, klotter och mycket mer. Dessa sprutformade gelpennor är utformade för att klara många olika skrivuppgifter med enkelhet och tillförlitlighet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Specs Section --\u003e\n\u003cdiv class=\"faq-section\"\u003e\n\u003cdiv class=\"faq-item\"\u003e\n\u003ch2 class=\"faq-answer\"\u003eVanliga frågor\u003cbr\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"faq-answer\"\u003e1. Är dessa pennor lämpliga för dagligt skrivande?\u003c\/div\u003e\n\u003cdiv class=\"faq-answer\"\u003eJa. De är utformade för smidigt och konsekvent skrivande, lämpliga för dagligt bruk.\u003cbr\u003e2. Vilken är spetsstorleken?\u003cbr\u003eVarje penna har en 0,5 mm fin spets.\u003cbr\u003e3. Är detta ett bra presentalternativ?\u003cbr\u003eAbsolut. Den roliga designen gör den till en utmärkt present till studenter, kollegor och skrivmaterialälskare.\u003cbr\u003e4. Kan barn använda dessa pennor?\u003cbr\u003eJa. De är lätta att använda och lämpliga för studenter under övervakning.\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"mysite","offers":[{"title":"3-Pack (Just for me)Slumpmässig färg","offer_id":46966367322297,"sku":"BP2026417-3","price":129.0,"currency_code":"SEK","in_stock":true},{"title":"🔥 6-pack (dela med studiegruppen) – Spara 20 %-Slumpmässig färg","offer_id":46966367355065,"sku":"BP2026417-6","price":199.0,"currency_code":"SEK","in_stock":true},{"title":"12-pack (perfekt för klinik- och sjukhuspersonal) – bästa pris-Slumpmässig färg","offer_id":46966367387833,"sku":"BP2026417-12","price":349.0,"currency_code":"SEK","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0746\/5045\/2153\/files\/b6488e980f1205ea7979c94dbbf33f53.jpg?v=1776406297","url":"https:\/\/storrabatt.com\/products\/syns","provider":"Storrabatt","version":"1.0","type":"link"}