{"title":"Best Selling Products","description":null,"products":[{"product_id":"terrassmarkis-t230","title":"StyRa T230","description":"\u003cp\u003e\u003cmeta charset=\"UTF-8\"\u003e \u003cmeta content=\"width=device-width, initial-scale=1.0\" name=\"viewport\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700\u0026display=swap');\n\n:root {\n --navy: #253551;\n --navy-light: #2e4168;\n --navy-pale: #e8ecf3;\n --cream: #f7f6f2;\n --accent: #253551;\n --text: #1a2030;\n --text-muted: #6b7a94;\n --border: rgba(37,53,81,0.10);\n --radius: 12px;\n}\n\n.pd-root {\n font-family: 'Poppins', sans-serif;\n color: var(--text);\n max-width: 680px;\n line-height: 1.65;\n}\n\n.pd-intro { margin-bottom: 2rem; }\n\n.pd-lead {\n font-size: 20px;\n color: var(--text-muted);\n font-weight: 300;\n max-width: 560px;\n}\n\n\/* ── Quick specs strip ── *\/\n.pd-specs-strip {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1px;\n background: var(--border);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n overflow: hidden;\n margin-bottom: 2rem;\n}\n\n.pd-spec-item {\n background: #fff;\n padding: 1rem 1.1rem;\n display: flex;\n flex-direction: column;\n gap: 0.2rem;\n transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;\n cursor: default;\n}\n\n.pd-spec-item:hover {\n background: var(--navy);\n transform: translateY(-2px);\n box-shadow: 0 6px 16px rgba(37,53,81,0.18);\n z-index: 1;\n position: relative;\n}\n\n.pd-spec-item:hover .pd-spec-label { color: rgba(255,255,255,0.55); }\n.pd-spec-item:hover .pd-spec-value { color: #fff; }\n\n.pd-spec-label {\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: var(--text-muted);\n}\n\n.pd-spec-value {\n font-size: 18px;\n font-weight: 600;\n color: var(--navy);\n white-space: nowrap;\n}\n\n\/* ── Expandable section ── *\/\n.pd-details {\n border-radius: var(--radius);\n overflow: hidden;\n}\n\n.pd-details-summary {\n list-style: none;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 1.1rem 1.4rem;\n background: var(--navy-pale);\n border: 2px solid rgba(37,53,81,0.18);\n border-radius: var(--radius);\n user-select: none;\n transition: background 0.18s ease, border-color 0.18s ease;\n}\n\n.pd-details[open] .pd-details-summary {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n background: var(--navy);\n border-color: var(--navy);\n}\n\n.pd-details[open] .pd-details-summary .pd-details-title,\n.pd-details[open] .pd-details-summary .pd-details-subtitle { color: #fff; }\n.pd-details[open] .pd-details-summary .pd-details-icon { background: rgba(255,255,255,0.15); }\n.pd-details[open] .pd-details-summary .pd-details-icon svg { stroke: #fff; }\n.pd-details[open] .pd-details-summary .pd-chevron { stroke: #fff; }\n\n.pd-details-summary::-webkit-details-marker { display: none; }\n\n.pd-details-summary:hover {\n background: #d4dbe8;\n border-color: rgba(37,53,81,0.3);\n}\n\n.pd-details[open] .pd-details-summary:hover {\n background: var(--navy-light);\n border-color: var(--navy-light);\n}\n\n.pd-details-summary-left {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n}\n\n.pd-details-icon {\n width: 36px;\n height: 36px;\n background: rgba(37,53,81,0.12);\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n transition: background 0.18s ease;\n}\n\n.pd-details-icon svg {\n width: 18px;\n height: 18px;\n stroke: var(--navy);\n fill: none;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n transition: stroke 0.18s ease;\n}\n\n.pd-details-title {\n font-size: 15px;\n font-weight: 700;\n color: var(--navy);\n transition: color 0.18s ease;\n}\n\n.pd-details-subtitle {\n font-size: 13px;\n color: var(--text-muted);\n margin-top: 0.05rem;\n transition: color 0.18s ease;\n}\n\n.pd-chevron {\n width: 20px;\n height: 20px;\n stroke: var(--navy);\n fill: none;\n stroke-width: 2.5;\n stroke-linecap: round;\n stroke-linejoin: round;\n transition: transform 0.25s ease, stroke 0.18s ease;\n flex-shrink: 0;\n}\n\n.pd-details[open] .pd-chevron { transform: rotate(180deg); }\n\n\/* Body *\/\n.pd-details-body {\n padding: 0 1.4rem 1.4rem;\n padding-top: 0;\n background: #fff;\n border: 2px solid var(--navy);\n border-top: 1px solid rgba(37,53,81,0.15);\n border-bottom-left-radius: var(--radius);\n border-bottom-right-radius: var(--radius);\n animation: pdFadeIn 0.22s ease;\n}\n\n@keyframes pdFadeIn {\n from { opacity: 0; transform: translateY(-6px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n.pd-section { margin-top: 1.4rem; }\n.pd-section:first-child { margin-top: 2rem; }\n\n.pd-section-title {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--accent);\n margin-bottom: 0.6rem;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n\n.pd-section-title::after {\n content: '';\n flex: 1;\n height: 1px;\n background: var(--border);\n transition: background 0.3s ease;\n}\n\n.pd-section:hover .pd-section-title::after { background: var(--navy); }\n\n.pd-section p, .pd-section ul {\n font-size: 15px;\n color: var(--text-muted);\n margin: 0 0 0.5rem;\n}\n\n.pd-section ul { padding-left: 1.2rem; }\n.pd-section li { margin-bottom: 0.25rem; }\n.pd-section a { color: var(--navy); font-weight: 500; }\n.pd-section a:hover { color: var(--accent); }\n\n\/* Fact grid *\/\n.pd-fact-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0.5rem;\n}\n\n.pd-fact {\n background: var(--navy);\n border-radius: 8px;\n padding: 0.6rem 0.8rem;\n transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;\n cursor: default;\n}\n\n.pd-fact:hover {\n background: var(--navy-light);\n transform: translateY(-2px);\n box-shadow: 0 6px 16px rgba(37,53,81,0.18);\n}\n\n.pd-fact-k {\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.55);\n}\n\n.pd-fact-v {\n font-size: 15px;\n font-weight: 600;\n color: #fff;\n margin-top: 0.1rem;\n}\n\n\/* Utfall table *\/\n.pd-utfall-table {\n width: 100%;\n border-collapse: collapse;\n font-size: 14px;\n margin-top: 0.5rem;\n}\n\n.pd-utfall-table th {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.6);\n background: var(--navy);\n padding: 0.55rem 0.8rem;\n text-align: left;\n}\n\n.pd-utfall-table th:first-child { border-radius: 8px 0 0 0; }\n.pd-utfall-table th:last-child { border-radius: 0 8px 0 0; }\n\n.pd-utfall-table td {\n padding: 0.5rem 0.8rem;\n color: var(--text-muted);\n border-bottom: 1px solid var(--border);\n background: #fff;\n}\n\n.pd-utfall-table tr:last-child td { border-bottom: none; }\n.pd-utfall-table tr:last-child td:first-child { border-radius: 0 0 0 8px; }\n.pd-utfall-table tr:last-child td:last-child { border-radius: 0 0 8px 0; }\n\n.pd-utfall-table tr:hover td {\n background: var(--navy-pale);\n color: var(--navy);\n}\n\n.pd-utfall-table td:first-child { font-weight: 600; color: var(--navy); }\n\n\/* Notice box *\/\n.pd-notice {\n background: var(--navy-pale);\n border: 1px solid rgba(37,53,81,0.18);\n border-radius: 8px;\n padding: 0.65rem 0.9rem;\n font-size: 13px;\n color: var(--text-muted);\n margin-top: 0.6rem;\n line-height: 1.5;\n}\n\n.pd-notice strong { color: var(--navy); }\n\n\/* Doc links *\/\n.pd-docs {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0.5rem;\n margin-top: 0;\n}\n\n.pd-doc-link {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.6rem 0.8rem;\n border: 1px solid var(--border);\n border-radius: 8px;\n text-decoration: none;\n font-size: 14px;\n font-weight: 500;\n color: var(--navy);\n background: #fff;\n transition: all 0.16s ease;\n}\n\n.pd-doc-link:hover {\n background: var(--navy);\n color: #fff !important;\n border-color: var(--navy);\n}\n\n.pd-doc-link:hover svg { stroke: #fff; }\n\n.pd-doc-link svg {\n width: 14px;\n height: 14px;\n flex-shrink: 0;\n stroke: currentColor;\n fill: none;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n}\n\n\/* Measure tip *\/\n.pd-tip {\n background: linear-gradient(135deg, var(--navy-pale), #eef1f7);\n border-left: 3px solid var(--navy);\n border-radius: 0 8px 8px 0;\n padding: 0.75rem 1rem;\n font-size: 14px;\n color: var(--text-muted);\n margin-top: 0.5rem;\n transition: border-left-width 0.18s ease, background 0.18s ease;\n}\n\n.pd-tip:hover {\n border-left-width: 5px;\n background: linear-gradient(135deg, #dce3ef, #e8edf6);\n}\n\n.pd-tip strong {\n color: var(--navy);\n display: block;\n margin-bottom: 0.15rem;\n font-size: 11px;\n letter-spacing: 0.05em;\n text-transform: uppercase;\n}\n\n\/* Colors row *\/\n.pd-colors {\n display: flex;\n gap: 0.6rem;\n flex-wrap: wrap;\n margin-top: 0.3rem;\n}\n\n.pd-color-chip {\n display: flex;\n align-items: center;\n gap: 0.4rem;\n font-size: 13px;\n color: #fff;\n background: var(--navy);\n padding: 0.3rem 0.6rem;\n border-radius: 20px;\n transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;\n}\n\n.pd-color-chip:hover {\n background: var(--navy-light);\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(37,53,81,0.18);\n}\n\n.pd-color-dot {\n width: 12px;\n height: 12px;\n border-radius: 50%;\n border: 1px solid rgba(0,0,0,0.1);\n}\n\n\/* Close button *\/\n.pd-close-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.4rem;\n width: 100%;\n padding: 0.7rem 1rem;\n background: var(--navy-pale);\n border: 1px solid rgba(37,53,81,0.15);\n border-radius: 8px;\n font-family: 'Poppins', sans-serif;\n font-size: 13px;\n font-weight: 600;\n letter-spacing: 0.05em;\n color: var(--navy);\n cursor: pointer;\n transition: background 0.16s ease, border-color 0.16s ease;\n}\n\n.pd-close-btn:hover {\n background: #d4dbe8;\n border-color: rgba(37,53,81,0.3);\n}\n\n.pd-close-btn svg {\n width: 16px;\n height: 16px;\n stroke: var(--navy);\n fill: none;\n stroke-width: 2.5;\n stroke-linecap: round;\n stroke-linejoin: round;\n}\n\n@media (max-width: 500px) {\n .pd-specs-strip { grid-template-columns: repeat(2, 1fr); }\n .pd-fact-grid { grid-template-columns: 1fr; }\n .pd-docs { grid-template-columns: 1fr; }\n}\n\u003c\/style\u003e\n\u003carticle itemtype=\"https:\/\/schema.org\/Product\" itemscope=\"\" class=\"pd-root\"\u003e\u003c!-- Intro --\u003e\n\u003cdiv class=\"pd-intro\"\u003e\n\u003cp itemprop=\"description\" class=\"pd-lead\"\u003e\u003cstrong\u003eStilren och robust terrassmarkis som kombinerar elegans med funktionalitet. Pulverlackerad aluminiumkonstruktion och högkvalitativ akrylväv — pålitligt solskydd för uteplats, altan eller balkong.\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Quick specs --\u003e\n\u003cdiv aria-label=\"Snabbfakta\" class=\"pd-specs-strip\"\u003e\n\u003cdiv class=\"pd-spec-item\"\u003e\n\u003cspan class=\"pd-spec-label\"\u003eBredd\u003c\/span\u003e \u003cspan class=\"pd-spec-value\"\u003eupp till 5000 mm\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pd-spec-item\"\u003e\n\u003cspan class=\"pd-spec-label\"\u003eUtfall\u003c\/span\u003e \u003cspan class=\"pd-spec-value\"\u003eupp till 3100 mm\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pd-spec-item\"\u003e\n\u003cspan class=\"pd-spec-label\"\u003eVindklass\u003c\/span\u003e \u003cspan class=\"pd-spec-value\"\u003eKlass 2\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Expandable details --\u003e\n\u003cdetails class=\"pd-details\"\u003e\n\u003csummary class=\"pd-details-summary\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cline x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\u003cline x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\u003e\u003c\/line\u003e\u003c\/svg\u003eSpecifikationer \u0026amp; dokumentMått, styrning, färger, monteringsanvisning\u003csvg class=\"pd-chevron\" viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\u003c\/summary\u003e\n\u003cdiv class=\"pd-details-body\"\u003e\n\u003c!-- Montering --\u003e\n\u003cdiv class=\"pd-section\"\u003e\n\u003ch3 class=\"pd-section-title\"\u003eMontering\u003c\/h3\u003e\n\u003cp\u003eLevereras med väggkonsoler som standard. Takmontage och ställbara takstolskonsoler finns som tillval för olika installationsbehov.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Styrning --\u003e\n\u003cdiv class=\"pd-section\"\u003e\n\u003ch3 class=\"pd-section-title\"\u003eStyrning\u003c\/h3\u003e\n\u003cp\u003eMarkisen kan styras med vev eller motor. Vid motorstyrning:\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eTrådlös fjärrkontroll (Somfy io eller RTS)\u003c\/li\u003e\n\u003cli\u003eSmart styrning via app\u003c\/li\u003e\n\u003cli\u003eAutomatik med sol- och vindsensorer\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Profilfärger --\u003e\n\u003cdiv class=\"pd-section\"\u003e\n\u003ch3 class=\"pd-section-title\"\u003eProfilfärger\u003c\/h3\u003e\n\u003cdiv class=\"pd-colors\"\u003e\n\u003cspan class=\"pd-color-chip\"\u003e\u003cspan class=\"pd-color-dot\" style=\"background: #f5f5f0;\"\u003e\u003c\/span\u003eVit\u003c\/span\u003e \u003cspan class=\"pd-color-chip\"\u003e\u003cspan class=\"pd-color-dot\" style=\"background: #2a2a2a;\"\u003e\u003c\/span\u003eSvart\u003c\/span\u003e \u003cspan class=\"pd-color-chip\"\u003e\u003cspan class=\"pd-color-dot\" style=\"background: #b8bec7;\"\u003e\u003c\/span\u003eSilvergrå\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cp style=\"margin-top: 0.5rem;\"\u003eAlla profiler är pulverlackerade för lång hållbarhet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Produktfakta --\u003e\n\u003cdiv class=\"pd-section\"\u003e\n\u003ch3 class=\"pd-section-title\"\u003eProduktfakta\u003c\/h3\u003e\n\u003cdiv class=\"pd-fact-grid\"\u003e\n\u003cdiv class=\"pd-fact\"\u003e\n\u003cdiv class=\"pd-fact-k\"\u003eMax bredd\u003c\/div\u003e\n\u003cdiv class=\"pd-fact-v\"\u003e5000 mm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pd-fact\"\u003e\n\u003cdiv class=\"pd-fact-k\"\u003eMax utfall\u003c\/div\u003e\n\u003cdiv class=\"pd-fact-v\"\u003e3100 mm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pd-fact\"\u003e\n\u003cdiv class=\"pd-fact-k\"\u003eVindklass\u003c\/div\u003e\n\u003cdiv class=\"pd-fact-v\"\u003eKlass 2\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pd-fact\"\u003e\n\u003cdiv class=\"pd-fact-k\"\u003eDukavdrag (vev)\u003c\/div\u003e\n\u003cdiv class=\"pd-fact-v\"\u003e140 mm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pd-fact\"\u003e\n\u003cdiv class=\"pd-fact-k\"\u003eDukavdrag (motor)\u003c\/div\u003e\n\u003cdiv class=\"pd-fact-v\"\u003e137 mm\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp style=\"margin-top: 0.5rem;\"\u003e\u003cem\u003eSkruvar för infästning ingår ej.\u003c\/em\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Måttagning --\u003e\n\u003cdiv class=\"pd-section\"\u003e\n\u003ch3 class=\"pd-section-title\"\u003eMåttagning\u003c\/h3\u003e\n\u003cdiv class=\"pd-tip\"\u003e\n\u003cstrong\u003eBredd\u003c\/strong\u003e Mät det tillgängliga utrymmet på väggen där markisen ska monteras. Markisen bör täcka hela den önskade ytan med god marginal från sidorna. Det breddmått som anges vid beställning är markisens \u003cem\u003etotala mått inklusive konsoler\u003c\/em\u003e.\u003c\/div\u003e\n\u003cdiv class=\"pd-tip\" style=\"margin-top: 0.5rem;\"\u003e\n\u003cstrong\u003eUtfall\u003c\/strong\u003e Väljs utifrån hur långt ut från väggen markisen ska ge skugga. Tillgängliga utfall: 1600, 2100, 2600 och 3100 mm.\u003c\/div\u003e\n\u003cp style=\"margin-top: 1rem; margin-bottom: 0.4rem; font-size: 13px; font-weight: 600; color: var(--navy); letter-spacing: 0.04em;\"\u003eMinsta breddmått per utfall\u003c\/p\u003e\n\u003ctable class=\"pd-utfall-table\"\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eUtfall\u003c\/th\u003e\n\u003cth\u003eMin bredd\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003c\/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003e1600 mm\u003c\/td\u003e\n\u003ctd\u003e1970 mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e2100 mm\u003c\/td\u003e\n\u003ctd\u003e2470 mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e2600 mm\u003c\/td\u003e\n\u003ctd\u003e2970 mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003e3100 mm\u003c\/td\u003e\n\u003ctd\u003e3470 mm\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003c\/div\u003e\n\u003c!-- Tillval --\u003e\n\u003cdiv class=\"pd-section\"\u003e\n\u003ch3 class=\"pd-section-title\"\u003eTillval\u003c\/h3\u003e\n\u003cul\u003e\n\u003cli\u003eAluminiumtakprofil för extra väderskydd\u003c\/li\u003e\n\u003cli\u003eTeleskopstag Robusta 1500–2500 mm för ökad stabilitet\u003c\/li\u003e\n\u003c\/ul\u003e\n\u003c\/div\u003e\n\u003c!-- Vävar --\u003e\n\u003cdiv class=\"pd-section\"\u003e\n\u003ch3 class=\"pd-section-title\"\u003eVävar\u003c\/h3\u003e\n\u003cp\u003eAkrylväv av högsta kvalitet med över 100 färger och mönster — optimalt UV-skydd och lång livslängd. Vi använder vävar från \u003cstrong\u003eSandatex\u003c\/strong\u003e och \u003cstrong\u003eSattler\u003c\/strong\u003e.\u003c\/p\u003e\n\u003cp\u003e\u003ca href=\"https:\/\/www.samarkis.shop\/collections\/markisvav-2-0\"\u003eVisa hela vävkollektionen →\u003c\/a\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c!-- Dokument --\u003e\n\u003cdiv class=\"pd-section\"\u003e\n\u003ch3 class=\"pd-section-title\"\u003eDokument\u003c\/h3\u003e\n\u003cdiv class=\"pd-docs\"\u003e\n\u003ca href=\"https:\/\/www.styrasolskydd.se\/wp-content\/uploads\/2024\/03\/StyRa-Produktblad-Terrassmarkis-T230.pdf\" class=\"pd-doc-link\" rel=\"noopener\" target=\"_blank\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e Produktblad \u003c\/a\u003e \u003ca href=\"https:\/\/www.styrasolskydd.se\/wp-content\/uploads\/2024\/03\/StyRa-Teknisk-information-T230.pdf\" class=\"pd-doc-link\" rel=\"noopener\" target=\"_blank\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e Teknisk info \u003c\/a\u003e \u003ca href=\"https:\/\/www.styrasolskydd.se\/wp-content\/uploads\/2020\/09\/Drift-och-skotselrad-F-B-T-markiser-1.pdf\" class=\"pd-doc-link\" rel=\"noopener\" target=\"_blank\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e Skötselråd \u003c\/a\u003e \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0759\/6153\/2764\/files\/Montageanvisning_StyRa_T220.pdf?v=1710342637\" class=\"pd-doc-link\" rel=\"noopener\" target=\"_blank\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e Monteringsanvisning \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- Stäng-knapp --\u003e\n\u003cdiv class=\"pd-section\"\u003e\u003cbutton class=\"pd-close-btn\"\u003e \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"18 15 12 9 6 15\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e Stäng \u003c\/button\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003c\/article\u003e","brand":"Från 10 602 kr (ordinarie 15 058 kr)","offers":[{"title":"Default Title","offer_id":46753175011676,"sku":"T230","price":10602.0,"currency_code":"SEK","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0759\/6153\/2764\/files\/terrassmarkis-t230-s-a-persienn-and-markisservice-ab.png?v=1770637438"},{"product_id":"fonstermarkis-f320","title":"StyRa F320 – Med kassett","description":"\u003cbody\u003e\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eProduktinformation – F320\u003c\/title\u003e\n\u003cstyle\u003e\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700\u0026display=swap');\n:root {\n --navy: #253551;\n --navy-light: #2e4168;\n --navy-pale: #e8ecf3;\n --cream: #f7f6f2;\n --accent: #253551;\n --text: #1a2030;\n --text-muted: #6b7a94;\n --border: rgba(37,53,81,0.10);\n --radius: 12px;\n}\n.pd-root {\n font-family: 'Poppins', sans-serif;\n color: var(--text);\n max-width: 680px;\n line-height: 1.65;\n}\n\/* ── Quick specs strip ── *\/\n.pd-specs-strip {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1px;\n background: var(--border);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n overflow: hidden;\n margin-bottom: 1rem;\n}\n.pd-spec-item {\n background: #fff;\n padding: 1rem 1.1rem;\n display: flex;\n flex-direction: column;\n gap: 0.2rem;\n transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;\n cursor: default;\n}\n.pd-spec-item:hover {\n background: var(--navy);\n transform: translateY(-2px);\n box-shadow: 0 6px 16px rgba(37,53,81,0.18);\n z-index: 1;\n position: relative;\n}\n.pd-spec-item:hover .pd-spec-label {\n color: rgba(255,255,255,0.55);\n}\n.pd-spec-item:hover .pd-spec-value {\n color: #fff;\n}\n.pd-spec-label {\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: var(--text-muted);\n}\n.pd-spec-value {\n font-size: 18px;\n font-weight: 600;\n color: var(--navy);\n white-space: nowrap;\n}\n\/* ── Intro ── *\/\n.pd-intro {\n margin-top: 3rem;\n margin-bottom: 1rem;\n}\n.pd-intro-label {\n font-size: 17px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.06em;\n color: var(--navy);\n margin: 0 0 4px 2px;\n}\n.pd-lead {\n font-size: 15px;\n color: var(--text-muted);\n font-weight: 400;\n max-width: 560px;\n margin: 0;\n padding: 0.5rem 0.25rem;\n line-height: 1.7;\n}\n\/* ── Expandable section ── *\/\n.pd-details {\n border-radius: var(--radius);\n overflow: hidden;\n}\n.pd-details-summary {\n list-style: none;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 1.1rem 1.4rem;\n background: var(--navy-pale);\n border: 2px solid rgba(37,53,81,0.18);\n border-radius: var(--radius);\n user-select: none;\n transition: background 0.18s ease, border-color 0.18s ease;\n}\n.pd-details[open] .pd-details-summary {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n background: var(--navy);\n border-color: var(--navy);\n}\n.pd-details[open] .pd-details-summary .pd-details-title,\n.pd-details[open] .pd-details-summary .pd-details-subtitle {\n color: #fff;\n}\n.pd-details[open] .pd-details-summary .pd-details-icon {\n background: rgba(255,255,255,0.15);\n}\n.pd-details[open] .pd-details-summary .pd-details-icon svg {\n stroke: #fff;\n}\n.pd-details[open] .pd-details-summary .pd-chevron {\n stroke: #fff;\n}\n.pd-details-summary::-webkit-details-marker { display: none; }\n.pd-details-summary:hover {\n background: #d4dbe8;\n border-color: rgba(37,53,81,0.3);\n}\n.pd-details[open] .pd-details-summary:hover {\n background: var(--navy-light);\n border-color: var(--navy-light);\n}\n.pd-details-summary-left {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n}\n.pd-details-icon {\n width: 36px;\n height: 36px;\n background: rgba(37,53,81,0.12);\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n transition: background 0.18s ease;\n}\n.pd-details-icon svg {\n width: 18px;\n height: 18px;\n stroke: var(--navy);\n fill: none;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n transition: stroke 0.18s ease;\n}\n.pd-details-title {\n font-size: 15px;\n font-weight: 700;\n color: var(--navy);\n transition: color 0.18s ease;\n}\n.pd-details-subtitle {\n font-size: 13px;\n color: var(--text-muted);\n margin-top: 0.05rem;\n transition: color 0.18s ease;\n}\n.pd-chevron {\n width: 20px;\n height: 20px;\n stroke: var(--navy);\n fill: none;\n stroke-width: 2.5;\n stroke-linecap: round;\n stroke-linejoin: round;\n transition: transform 0.25s ease, stroke 0.18s ease;\n flex-shrink: 0;\n}\n.pd-details[open] .pd-chevron {\n transform: rotate(180deg);\n}\n\/* Body *\/\n.pd-details-body {\n padding: 0 1.4rem 1.4rem;\n padding-top: 0;\n background: #fff;\n border: 2px solid var(--navy);\n border-top: 1px solid rgba(37,53,81,0.15);\n border-bottom-left-radius: var(--radius);\n border-bottom-right-radius: var(--radius);\n animation: pdFadeIn 0.22s ease;\n}\n@keyframes pdFadeIn {\n from { opacity: 0; transform: translateY(-6px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\/* Sections within body *\/\n.pd-section {\n margin-top: 1.4rem;\n}\n.pd-section:first-child {\n margin-top: 2rem;\n}\n.pd-section-title {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--accent);\n margin-bottom: 0.6rem;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n.pd-section-title::after {\n content: '';\n flex: 1;\n height: 1px;\n background: var(--border);\n transition: background 0.3s ease;\n}\n.pd-section:hover .pd-section-title::after {\n background: var(--navy);\n}\n.pd-section p, .pd-section ul {\n font-size: 15px;\n color: var(--text-muted);\n margin: 0 0 0.5rem;\n}\n.pd-section ul {\n padding-left: 1.2rem;\n}\n.pd-section li {\n margin-bottom: 0.25rem;\n}\n.pd-section a {\n color: var(--navy);\n font-weight: 500;\n}\n.pd-section a:hover {\n color: var(--accent);\n}\n\/* Fact grid *\/\n.pd-fact-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0.5rem;\n}\n.pd-fact {\n background: var(--navy);\n border-radius: 8px;\n padding: 0.6rem 0.8rem;\n transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;\n cursor: default;\n}\n.pd-fact:hover {\n background: var(--navy-light);\n transform: translateY(-2px);\n box-shadow: 0 6px 16px rgba(37,53,81,0.18);\n}\n.pd-fact-k {\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.55);\n}\n.pd-fact-v {\n font-size: 15px;\n font-weight: 600;\n color: #fff;\n margin-top: 0.1rem;\n}\n\/* Doc links *\/\n.pd-docs {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0.5rem;\n margin-top: 0;\n}\n.pd-doc-link {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.6rem 0.8rem;\n border: 1px solid var(--border);\n border-radius: 8px;\n text-decoration: none;\n font-size: 14px;\n font-weight: 500;\n color: var(--navy);\n background: #fff;\n transition: all 0.16s ease;\n}\n.pd-doc-link:hover {\n background: var(--navy);\n color: #fff !important;\n border-color: var(--navy);\n}\n.pd-doc-link:hover svg {\n stroke: #fff;\n}\n.pd-doc-link svg {\n width: 14px;\n height: 14px;\n flex-shrink: 0;\n stroke: currentColor;\n fill: none;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n}\n\/* Measure tip *\/\n.pd-tip {\n background: linear-gradient(135deg, var(--navy-pale), #eef1f7);\n border-left: 3px solid var(--navy);\n border-radius: 0 8px 8px 0;\n padding: 0.75rem 1rem;\n font-size: 14px;\n color: var(--text-muted);\n margin-top: 0.5rem;\n transition: border-left-width 0.18s ease, padding-left 0.18s ease, background 0.18s ease;\n}\n.pd-tip:hover {\n border-left-width: 5px;\n background: linear-gradient(135deg, #dce3ef, #e8edf6);\n}\n.pd-tip strong {\n color: var(--navy);\n display: block;\n margin-bottom: 0.15rem;\n font-size: 11px;\n letter-spacing: 0.05em;\n text-transform: uppercase;\n}\n\/* Colors row *\/\n.pd-colors {\n display: flex;\n gap: 0.6rem;\n flex-wrap: wrap;\n margin-top: 0.3rem;\n}\n.pd-color-chip {\n display: flex;\n align-items: center;\n gap: 0.4rem;\n font-size: 13px;\n color: #fff;\n background: var(--navy);\n padding: 0.3rem 0.6rem;\n border-radius: 20px;\n transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;\n}\n.pd-color-chip:hover {\n background: var(--navy-light);\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(37,53,81,0.18);\n}\n.pd-color-dot {\n width: 12px;\n height: 12px;\n border-radius: 50%;\n border: 1px solid rgba(0,0,0,0.1);\n}\n\/* Close button *\/\n.pd-close-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.4rem;\n width: 100%;\n padding: 0.7rem 1rem;\n background: var(--navy-pale);\n border: 1px solid rgba(37,53,81,0.15);\n border-radius: 8px;\n font-family: 'Poppins', sans-serif;\n font-size: 13px;\n font-weight: 600;\n letter-spacing: 0.05em;\n color: var(--navy);\n cursor: pointer;\n transition: background 0.16s ease, border-color 0.16s ease;\n}\n.pd-close-btn:hover {\n background: #d4dbe8;\n border-color: rgba(37,53,81,0.3);\n}\n.pd-close-btn svg {\n width: 16px;\n height: 16px;\n stroke: var(--navy);\n fill: none;\n stroke-width: 2.5;\n stroke-linecap: round;\n stroke-linejoin: round;\n}\n\/* Responsive *\/\n@media (max-width: 500px) {\n .pd-specs-strip { grid-template-columns: repeat(2, 1fr); }\n .pd-fact-grid { grid-template-columns: 1fr; }\n .pd-docs { grid-template-columns: 1fr; }\n}\n\u003c\/style\u003e\n\n\u003carticle itemtype=\"https:\/\/schema.org\/Product\" itemscope class=\"pd-root\"\u003e\n\n \u003c!-- Quick specs --\u003e\n \u003cdiv aria-label=\"Snabbfakta\" class=\"pd-specs-strip\"\u003e\n \u003cdiv class=\"pd-spec-item\"\u003e\n \u003cspan class=\"pd-spec-label\"\u003eBredd\u003c\/span\u003e\n \u003cspan class=\"pd-spec-value\"\u003e500 – 3200 mm\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-spec-item\"\u003e\n \u003cspan class=\"pd-spec-label\"\u003eUtfall\u003c\/span\u003e\n \u003cspan class=\"pd-spec-value\"\u003e400 – 1000 mm\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-spec-item\"\u003e\n \u003cspan class=\"pd-spec-label\"\u003eVindklass\u003c\/span\u003e\n \u003cspan class=\"pd-spec-value\"\u003eKlass 3\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Intro --\u003e\n \u003cdiv class=\"pd-intro\"\u003e\n \u003cp class=\"pd-intro-label\"\u003eOm produkten\u003c\/p\u003e\n \u003cp itemprop=\"description\" class=\"pd-lead\"\u003e\n Välj F320 när fasaden saknar takutsprång — helkassetten skyddar väven dygnet runt och ger ett rent, inbyggt utseende oavsett väder.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Expandable details --\u003e\n \u003cdetails class=\"pd-details\"\u003e\n \u003csummary class=\"pd-details-summary\"\u003e\n \u003cdiv class=\"pd-details-summary-left\"\u003e\n \u003cdiv class=\"pd-details-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cline x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\u003cline x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"pd-details-title\"\u003eSpecifikationer \u0026amp; dokument\u003c\/div\u003e\n \u003cdiv class=\"pd-details-subtitle\"\u003eMått, styrning, färger, monteringsanvisning\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003csvg class=\"pd-chevron\" viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n \u003c\/summary\u003e\n\n \u003cdiv class=\"pd-details-body\"\u003e\n\n \u003c!-- Montering --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eMontering\u003c\/h3\u003e\n \u003cp\u003eMonteras enkelt på vägg eller i fönsterkarm med medföljande monteringskonsoler.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Styrning --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eStyrning\u003c\/h3\u003e\n \u003cp\u003eVälj mellan bandreglage, vev eller motor. Vid motorstyrning:\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eTrådbundet via väggströmbrytare\u003c\/li\u003e\n \u003cli\u003eTrådlöst med fjärrkontroll\u003c\/li\u003e\n \u003cli\u003eApp-styrning med sol- och vindautomatik\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003c!-- Profilfärger --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eProfilfärger\u003c\/h3\u003e\n \u003cdiv class=\"pd-colors\"\u003e\n \u003cspan class=\"pd-color-chip\"\u003e\u003cspan class=\"pd-color-dot\" style=\"background:#f5f5f0;\"\u003e\u003c\/span\u003eVit RAL 9010\u003c\/span\u003e\n \u003cspan class=\"pd-color-chip\"\u003e\u003cspan class=\"pd-color-dot\" style=\"background:#2a2a2a;\"\u003e\u003c\/span\u003eSvart WY360F\u003c\/span\u003e\n \u003cspan class=\"pd-color-chip\"\u003e\u003cspan class=\"pd-color-dot\" style=\"background:#b8bec7;\"\u003e\u003c\/span\u003eSilver SW801D\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top:0.5rem;\"\u003eAlla profiler är pulverlackerade för lång hållbarhet.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Produktfakta --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eProduktfakta\u003c\/h3\u003e\n \u003cdiv class=\"pd-fact-grid\"\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eMin bredd (manuell)\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003e500 mm\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eMin bredd (motor)\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003e575 mm\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eMax bredd\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003e3200 mm\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eMax utfall (manuell)\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003e1000 mm\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eMax utfall (motor)\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003e900 mm\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-tip\" style=\"margin-top:0.75rem;\"\u003e\n \u003cstrong\u003eObservera\u003c\/strong\u003e\n Skruvar för infästning ingår ej och köps separat.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Dukavdrag --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eDukavdrag per sida\u003c\/h3\u003e\n \u003cdiv class=\"pd-fact-grid\"\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eBandreglage\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003e70 mm\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eMotor\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003e60 mm\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Måttagning --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eMåttagning\u003c\/h3\u003e\n \u003cdiv class=\"pd-tip\"\u003e\n \u003cstrong\u003eBredd\u003c\/strong\u003e\n Lägg till 100–150 mm på varje sida av karm- eller nischmåttet för optimal solavskärmning.\n \u003c\/div\u003e\n \u003cdiv class=\"pd-tip\" style=\"margin-top:0.5rem;\"\u003e\n \u003cstrong\u003eArmlängd\u003c\/strong\u003e\n Mät höjden från överkant foder till fönsterbleck och dela med två — resultatet är rekommenderad armlängd.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Reglagesida --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eReglagesida\u003c\/h3\u003e\n \u003cdiv class=\"pd-fact-grid\"\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eFrån insidan\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003eHöger in \/ Vänster in\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eFrån utsidan\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003eHöger ut \/ Vänster ut\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Vävar --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eVävar\u003c\/h3\u003e\n \u003cp\u003eVi använder vävar från \u003cstrong\u003eSandatex\u003c\/strong\u003e — akrylväv av högsta kvalitet för optimalt UV-skydd och lång hållbarhet.\u003c\/p\u003e\n \u003cp\u003e\u003ca href=\"https:\/\/www.samarkis.shop\/collections\/markisvav-2-0\"\u003eVisa hela vävkollektionen →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Dokument --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eDokument\u003c\/h3\u003e\n \u003cdiv class=\"pd-docs\"\u003e\n \u003ca href=\"https:\/\/www.styrasolskydd.se\/wp-content\/uploads\/2022\/08\/StyRa-Produktblad-Fonstermarkis-F320-F220.pdf\" class=\"pd-doc-link\" target=\"_blank\" rel=\"noopener\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Produktblad\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/www.styrasolskydd.se\/wp-content\/uploads\/2022\/08\/StyRa-Teknisk-information-F220-F320.pdf\" class=\"pd-doc-link\" target=\"_blank\" rel=\"noopener\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Teknisk info\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/www.styrasolskydd.se\/wp-content\/uploads\/2020\/09\/Drift-och-skotselrad-F-B-T-markiser.pdf\" class=\"pd-doc-link\" target=\"_blank\" rel=\"noopener\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Skötselråd\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0759\/6153\/2764\/files\/Montageanvisning_StyRa_F320.pdf?v=1710338903\" class=\"pd-doc-link\" target=\"_blank\" rel=\"noopener\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Monteringsanvisning\n \u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Stäng-knapp --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003cbutton class=\"pd-close-btn\" onclick=\"this.closest('details').removeAttribute('open')\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"18 15 12 9 6 15\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Stäng\n \u003c\/button\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n\u003c\/article\u003e\n\n\u003c\/body\u003e","brand":"Från 3 078 kr (Ordinarie 6 856 kr)","offers":[{"title":"Default Title","offer_id":46758564200796,"sku":null,"price":3078.0,"currency_code":"SEK","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0759\/6153\/2764\/files\/fonstermarkis-f320-s-a-persienn-and-markisservice-ab.png?v=1770637440"},{"product_id":"fonstermarkis-f420","title":"StyRa F420 – Med kassett","description":"\u003cbody\u003e\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eProduktinformation – F420\u003c\/title\u003e\n\u003cstyle\u003e\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700\u0026display=swap');\n\n:root {\n --navy: #253551;\n --navy-light: #2e4168;\n --navy-pale: #e8ecf3;\n --cream: #f7f6f2;\n --accent: #253551;\n --text: #1a2030;\n --text-muted: #6b7a94;\n --border: rgba(37,53,81,0.10);\n --radius: 12px;\n}\n\n.pd-root {\n font-family: 'Poppins', sans-serif;\n color: var(--text);\n max-width: 680px;\n line-height: 1.65;\n}\n\n\/* ── Quick specs strip ── *\/\n.pd-specs-strip {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1px;\n background: var(--border);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n overflow: hidden;\n margin-bottom: 1rem;\n}\n\n.pd-spec-item {\n background: #fff;\n padding: 1rem 1.1rem;\n display: flex;\n flex-direction: column;\n gap: 0.2rem;\n transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;\n cursor: default;\n}\n\n.pd-spec-item:hover {\n background: var(--navy);\n transform: translateY(-2px);\n box-shadow: 0 6px 16px rgba(37,53,81,0.18);\n z-index: 1;\n position: relative;\n}\n\n.pd-spec-item:hover .pd-spec-label { color: rgba(255,255,255,0.55); }\n.pd-spec-item:hover .pd-spec-value { color: #fff; }\n\n.pd-spec-label {\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: var(--text-muted);\n}\n\n.pd-spec-value {\n font-size: 18px;\n font-weight: 600;\n color: var(--navy);\n white-space: nowrap;\n}\n\n\/* ── Intro ── *\/\n.pd-intro {\n margin-top: 3rem;\n margin-bottom: 1rem;\n}\n\n.pd-intro-label {\n font-size: 17px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.06em;\n color: var(--navy);\n margin: 0 0 4px 2px;\n}\n\n.pd-lead {\n font-size: 15px;\n color: var(--text-muted);\n font-weight: 400;\n max-width: 560px;\n margin: 0;\n padding: 0.5rem 0.25rem;\n line-height: 1.7;\n}\n\n\/* ── Expandable section ── *\/\n.pd-details {\n border-radius: var(--radius);\n overflow: hidden;\n}\n\n.pd-details-summary {\n list-style: none;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 1.1rem 1.4rem;\n background: var(--navy-pale);\n border: 2px solid rgba(37,53,81,0.18);\n border-radius: var(--radius);\n user-select: none;\n transition: background 0.18s ease, border-color 0.18s ease;\n}\n\n.pd-details[open] .pd-details-summary {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n background: var(--navy);\n border-color: var(--navy);\n}\n\n.pd-details[open] .pd-details-summary .pd-details-title,\n.pd-details[open] .pd-details-summary .pd-details-subtitle { color: #fff; }\n.pd-details[open] .pd-details-summary .pd-details-icon { background: rgba(255,255,255,0.15); }\n.pd-details[open] .pd-details-summary .pd-details-icon svg { stroke: #fff; }\n.pd-details[open] .pd-details-summary .pd-chevron { stroke: #fff; }\n\n.pd-details-summary::-webkit-details-marker { display: none; }\n\n.pd-details-summary:hover {\n background: #d4dbe8;\n border-color: rgba(37,53,81,0.3);\n}\n\n.pd-details[open] .pd-details-summary:hover {\n background: var(--navy-light);\n border-color: var(--navy-light);\n}\n\n.pd-details-summary-left {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n}\n\n.pd-details-icon {\n width: 36px;\n height: 36px;\n background: rgba(37,53,81,0.12);\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n transition: background 0.18s ease;\n}\n\n.pd-details-icon svg {\n width: 18px;\n height: 18px;\n stroke: var(--navy);\n fill: none;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n transition: stroke 0.18s ease;\n}\n\n.pd-details-title {\n font-size: 15px;\n font-weight: 700;\n color: var(--navy);\n transition: color 0.18s ease;\n}\n\n.pd-details-subtitle {\n font-size: 13px;\n color: var(--text-muted);\n margin-top: 0.05rem;\n transition: color 0.18s ease;\n}\n\n.pd-chevron {\n width: 20px;\n height: 20px;\n stroke: var(--navy);\n fill: none;\n stroke-width: 2.5;\n stroke-linecap: round;\n stroke-linejoin: round;\n transition: transform 0.25s ease, stroke 0.18s ease;\n flex-shrink: 0;\n}\n\n.pd-details[open] .pd-chevron { transform: rotate(180deg); }\n\n\/* Body *\/\n.pd-details-body {\n padding: 0 1.4rem 1.4rem;\n padding-top: 0;\n background: #fff;\n border: 2px solid var(--navy);\n border-top: 1px solid rgba(37,53,81,0.15);\n border-bottom-left-radius: var(--radius);\n border-bottom-right-radius: var(--radius);\n animation: pdFadeIn 0.22s ease;\n}\n\n@keyframes pdFadeIn {\n from { opacity: 0; transform: translateY(-6px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n.pd-section { margin-top: 1.4rem; }\n.pd-section:first-child { margin-top: 2rem; }\n\n.pd-section-title {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--accent);\n margin-bottom: 0.6rem;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n\n.pd-section-title::after {\n content: '';\n flex: 1;\n height: 1px;\n background: var(--border);\n transition: background 0.3s ease;\n}\n\n.pd-section:hover .pd-section-title::after { background: var(--navy); }\n\n.pd-section p, .pd-section ul {\n font-size: 15px;\n color: var(--text-muted);\n margin: 0 0 0.5rem;\n}\n\n.pd-section ul { padding-left: 1.2rem; }\n.pd-section li { margin-bottom: 0.25rem; }\n\n.pd-section a { color: var(--navy); font-weight: 500; }\n.pd-section a:hover { color: var(--accent); }\n\n\/* Fact grid *\/\n.pd-fact-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0.5rem;\n}\n\n.pd-fact {\n background: var(--navy);\n border-radius: 8px;\n padding: 0.6rem 0.8rem;\n transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;\n cursor: default;\n}\n\n.pd-fact:hover {\n background: var(--navy-light);\n transform: translateY(-2px);\n box-shadow: 0 6px 16px rgba(37,53,81,0.18);\n}\n\n.pd-fact-k {\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.55);\n}\n\n.pd-fact-v {\n font-size: 15px;\n font-weight: 600;\n color: #fff;\n margin-top: 0.1rem;\n}\n\n\/* Notice box *\/\n.pd-notice {\n background: var(--navy-pale);\n border: 1px solid rgba(37,53,81,0.18);\n border-radius: 8px;\n padding: 0.65rem 0.9rem;\n font-size: 13px;\n color: var(--text-muted);\n margin-top: 0.6rem;\n line-height: 1.5;\n}\n\n.pd-notice strong { color: var(--navy); }\n\n\/* Doc links *\/\n.pd-docs {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0.5rem;\n margin-top: 0;\n}\n\n.pd-doc-link {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.6rem 0.8rem;\n border: 1px solid var(--border);\n border-radius: 8px;\n text-decoration: none;\n font-size: 14px;\n font-weight: 500;\n color: var(--navy);\n background: #fff;\n transition: all 0.16s ease;\n}\n\n.pd-doc-link:hover {\n background: var(--navy);\n color: #fff !important;\n border-color: var(--navy);\n}\n\n.pd-doc-link:hover svg { stroke: #fff; }\n\n.pd-doc-link svg {\n width: 14px;\n height: 14px;\n flex-shrink: 0;\n stroke: currentColor;\n fill: none;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n}\n\n\/* Measure tip *\/\n.pd-tip {\n background: linear-gradient(135deg, var(--navy-pale), #eef1f7);\n border-left: 3px solid var(--navy);\n border-radius: 0 8px 8px 0;\n padding: 0.75rem 1rem;\n font-size: 14px;\n color: var(--text-muted);\n margin-top: 0.5rem;\n transition: border-left-width 0.18s ease, background 0.18s ease;\n}\n\n.pd-tip:hover {\n border-left-width: 5px;\n background: linear-gradient(135deg, #dce3ef, #e8edf6);\n}\n\n.pd-tip strong {\n color: var(--navy);\n display: block;\n margin-bottom: 0.15rem;\n font-size: 11px;\n letter-spacing: 0.05em;\n text-transform: uppercase;\n}\n\n\/* Colors row *\/\n.pd-colors {\n display: flex;\n gap: 0.6rem;\n flex-wrap: wrap;\n margin-top: 0.3rem;\n}\n\n.pd-color-chip {\n display: flex;\n align-items: center;\n gap: 0.4rem;\n font-size: 13px;\n color: #fff;\n background: var(--navy);\n padding: 0.3rem 0.6rem;\n border-radius: 20px;\n transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;\n}\n\n.pd-color-chip:hover {\n background: var(--navy-light);\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(37,53,81,0.18);\n}\n\n.pd-color-dot {\n width: 12px;\n height: 12px;\n border-radius: 50%;\n border: 1px solid rgba(0,0,0,0.1);\n}\n\n\/* Close button *\/\n.pd-close-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.4rem;\n width: 100%;\n padding: 0.7rem 1rem;\n background: var(--navy-pale);\n border: 1px solid rgba(37,53,81,0.15);\n border-radius: 8px;\n font-family: 'Poppins', sans-serif;\n font-size: 13px;\n font-weight: 600;\n letter-spacing: 0.05em;\n color: var(--navy);\n cursor: pointer;\n transition: background 0.16s ease, border-color 0.16s ease;\n}\n\n.pd-close-btn:hover {\n background: #d4dbe8;\n border-color: rgba(37,53,81,0.3);\n}\n\n.pd-close-btn svg {\n width: 16px;\n height: 16px;\n stroke: var(--navy);\n fill: none;\n stroke-width: 2.5;\n stroke-linecap: round;\n stroke-linejoin: round;\n}\n\n@media (max-width: 500px) {\n .pd-specs-strip { grid-template-columns: repeat(2, 1fr); }\n .pd-fact-grid { grid-template-columns: 1fr; }\n .pd-docs { grid-template-columns: 1fr; }\n}\n\u003c\/style\u003e\n\n\u003carticle itemtype=\"https:\/\/schema.org\/Product\" itemscope class=\"pd-root\"\u003e\n\n \u003c!-- Quick specs --\u003e\n \u003cdiv aria-label=\"Snabbfakta\" class=\"pd-specs-strip\"\u003e\n \u003cdiv class=\"pd-spec-item\"\u003e\n \u003cspan class=\"pd-spec-label\"\u003eBredd\u003c\/span\u003e\n \u003cspan class=\"pd-spec-value\"\u003e500 – 7000 mm\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-spec-item\"\u003e\n \u003cspan class=\"pd-spec-label\"\u003eUtfall\u003c\/span\u003e\n \u003cspan class=\"pd-spec-value\"\u003eupp till 1200 mm\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-spec-item\"\u003e\n \u003cspan class=\"pd-spec-label\"\u003eVindklass\u003c\/span\u003e\n \u003cspan class=\"pd-spec-value\"\u003eKlass 3\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Intro --\u003e\n \u003cdiv class=\"pd-intro\"\u003e\n \u003cp class=\"pd-intro-label\"\u003eOm produkten\u003c\/p\u003e\n \u003cp itemprop=\"description\" class=\"pd-lead\"\u003e\n Välj F420 när du vill kombinera stor bredd med ett snyggt kassettskydd — upp till 7 meter i ett stycke med elegant kassett som skyddar väven dygnet runt. Perfekt för breda fönsterpartier där både estetik och hållbarhet står i fokus.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Expandable details --\u003e\n \u003cdetails class=\"pd-details\"\u003e\n \u003csummary class=\"pd-details-summary\"\u003e\n \u003cdiv class=\"pd-details-summary-left\"\u003e\n \u003cdiv class=\"pd-details-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cline x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\u003cline x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"pd-details-title\"\u003eSpecifikationer \u0026amp; dokument\u003c\/div\u003e\n \u003cdiv class=\"pd-details-subtitle\"\u003eMått, styrning, färger, monteringsanvisning\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003csvg class=\"pd-chevron\" viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n \u003c\/summary\u003e\n\n \u003cdiv class=\"pd-details-body\"\u003e\n\n \u003c!-- Montering --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eMontering\u003c\/h3\u003e\n \u003cp\u003eMonteras enkelt på vägg eller i fönsterkarm med medföljande monteringskonsoler.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Styrning --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eStyrning\u003c\/h3\u003e\n \u003cp\u003eVälj mellan bandreglage, vev eller motor. Vid motorstyrning:\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eTrådbundet via väggströmbrytare\u003c\/li\u003e\n \u003cli\u003eTrådlöst med fjärrkontroll\u003c\/li\u003e\n \u003cli\u003eApp-styrning med sol- och vindautomatik\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cdiv class=\"pd-notice\"\u003e\n \u003cstrong\u003eObs:\u003c\/strong\u003e Bandreglage är tillgängligt upp till max 3600 mm bredd.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Profilfärger --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eProfilfärger\u003c\/h3\u003e\n \u003cdiv class=\"pd-colors\"\u003e\n \u003cspan class=\"pd-color-chip\"\u003e\u003cspan class=\"pd-color-dot\" style=\"background:#f5f5f0;\"\u003e\u003c\/span\u003eVit RAL 9010\u003c\/span\u003e\n \u003cspan class=\"pd-color-chip\"\u003e\u003cspan class=\"pd-color-dot\" style=\"background:#2a2a2a;\"\u003e\u003c\/span\u003eSvart WY360F\u003c\/span\u003e\n \u003cspan class=\"pd-color-chip\"\u003e\u003cspan class=\"pd-color-dot\" style=\"background:#b8bec7;\"\u003e\u003c\/span\u003eSilver SW801D\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top:0.5rem;\"\u003eAlla profiler är pulverlackerade för lång hållbarhet.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Produktfakta --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eProduktfakta\u003c\/h3\u003e\n \u003cdiv class=\"pd-fact-grid\"\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eMin bredd (manuell)\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003e500 mm\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eMin bredd (motor)\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003e695 mm\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eMax bredd\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003e7000 mm\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eMax utfall\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003e1200 mm\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eDukavdrag\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003e100 mm \/ totalt\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eVindklass\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003eKlass 3\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-tip\" style=\"margin-top:0.75rem;\"\u003e\n \u003cstrong\u003eObservera\u003c\/strong\u003e\n Skruvar för infästning ingår ej och köps separat.\n \u003c\/div\u003e\n \u003cdiv class=\"pd-notice\" style=\"margin-top:0.6rem;\"\u003e\n \u003cstrong\u003eBredd över 5000 mm\u003c\/strong\u003e kräver 2 × stödlager. Garantin på duk reduceras vid dessa bredder.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Måttagning --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eMåttagning\u003c\/h3\u003e\n \u003cdiv class=\"pd-tip\"\u003e\n \u003cstrong\u003eBredd\u003c\/strong\u003e\n Lägg till 100–150 mm på varje sida av karm- eller nischmåttet för optimal solavskärmning. Vid träfoder kan bredden mätas från ytterkant till ytterkant på överliggaren, förutsatt att den inte är ovanligt smal.\n \u003c\/div\u003e\n \u003cdiv class=\"pd-tip\" style=\"margin-top:0.5rem;\"\u003e\n \u003cstrong\u003eArmlängd\u003c\/strong\u003e\n Mät höjden från överkant foder till fönsterbleck och dela med två — resultatet är rekommenderad armlängd. Vid nischkonsoler som sticker ut mer än 65 mm bör en längre arm väljas.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Reglagesida --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eReglagesida\u003c\/h3\u003e\n \u003cp\u003eVid manuell styrning anges reglagesidan utifrån var man står vid manövrering:\u003c\/p\u003e\n \u003cdiv class=\"pd-fact-grid\" style=\"margin-top:0.5rem;\"\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eFrån insidan\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003eHöger in \/ Vänster in\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eFrån utsidan\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003eHöger ut \/ Vänster ut\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Vävar --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eVävar\u003c\/h3\u003e\n \u003cp\u003eVi använder vävar från \u003cstrong\u003eSandatex\u003c\/strong\u003e — akrylväv av högsta kvalitet för optimalt UV-skydd och lång hållbarhet.\u003c\/p\u003e\n \u003cp\u003e\u003ca href=\"https:\/\/www.samarkis.shop\/collections\/markisvav-2-0\"\u003eVisa hela vävkollektionen →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Dokument --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eDokument\u003c\/h3\u003e\n \u003cdiv class=\"pd-docs\"\u003e\n \u003ca href=\"https:\/\/www.styrasolskydd.se\/wp-content\/uploads\/2022\/08\/StyRa-Produktblad-Fonstermarkis-F420.pdf\" class=\"pd-doc-link\" target=\"_blank\" rel=\"noopener\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Produktblad\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/www.styrasolskydd.se\/wp-content\/uploads\/2022\/08\/StyRa-Teknisk-information-F420.pdf\" class=\"pd-doc-link\" target=\"_blank\" rel=\"noopener\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Teknisk info\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/www.styrasolskydd.se\/wp-content\/uploads\/2020\/09\/Drift-och-skotselrad-F-B-T-markiser.pdf\" class=\"pd-doc-link\" target=\"_blank\" rel=\"noopener\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Skötselråd\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0759\/6153\/2764\/files\/Montageanvisning_StyRa_F420.pdf?v=1710338903\" class=\"pd-doc-link\" target=\"_blank\" rel=\"noopener\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Monteringsanvisning\n \u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Stäng-knapp --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003cbutton class=\"pd-close-btn\" onclick=\"this.closest('details').removeAttribute('open')\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"18 15 12 9 6 15\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Stäng\n \u003c\/button\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n\u003c\/article\u003e\n\n\u003c\/body\u003e","brand":"Från 3 166kr (ordinarie 6 951 kr)","offers":[{"title":"Default Title","offer_id":46758568788316,"sku":"F420","price":3166.0,"currency_code":"SEK","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0759\/6153\/2764\/files\/fonstermarkis-f420-s-a-persienn-and-markisservice-ab.png?v=1770637441"},{"product_id":"terrassmarkis-t420","title":"StyRa T420","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eProduktinformation – T420\u003c\/title\u003e\n\u003cstyle\u003e\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700\u0026display=swap');\n\n:root {\n --navy: #253551;\n --navy-light: #2e4168;\n --navy-pale: #e8ecf3;\n --cream: #f7f6f2;\n --accent: #253551;\n --text: #1a2030;\n --text-muted: #6b7a94;\n --border: rgba(37,53,81,0.10);\n --radius: 12px;\n}\n\n.pd-root {\n font-family: 'Poppins', sans-serif;\n color: var(--text);\n max-width: 680px;\n line-height: 1.65;\n}\n\n.pd-intro { margin-bottom: 2rem; }\n\n.pd-lead {\n font-size: 20px;\n color: var(--text-muted);\n font-weight: 300;\n max-width: 560px;\n}\n\n\/* ── Quick specs strip ── *\/\n.pd-specs-strip {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1px;\n background: var(--border);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n overflow: hidden;\n margin-bottom: 2rem;\n}\n\n.pd-spec-item {\n background: #fff;\n padding: 1rem 1.1rem;\n display: flex;\n flex-direction: column;\n gap: 0.2rem;\n transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;\n cursor: default;\n}\n\n.pd-spec-item:hover {\n background: var(--navy);\n transform: translateY(-2px);\n box-shadow: 0 6px 16px rgba(37,53,81,0.18);\n z-index: 1;\n position: relative;\n}\n\n.pd-spec-item:hover .pd-spec-label { color: rgba(255,255,255,0.55); }\n.pd-spec-item:hover .pd-spec-value { color: #fff; }\n\n.pd-spec-label {\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: var(--text-muted);\n}\n\n.pd-spec-value {\n font-size: 18px;\n font-weight: 600;\n color: var(--navy);\n white-space: nowrap;\n}\n\n\/* ── Expandable section ── *\/\n.pd-details {\n border-radius: var(--radius);\n overflow: hidden;\n}\n\n.pd-details-summary {\n list-style: none;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 1.1rem 1.4rem;\n background: var(--navy-pale);\n border: 2px solid rgba(37,53,81,0.18);\n border-radius: var(--radius);\n user-select: none;\n transition: background 0.18s ease, border-color 0.18s ease;\n}\n\n.pd-details[open] .pd-details-summary {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n background: var(--navy);\n border-color: var(--navy);\n}\n\n.pd-details[open] .pd-details-summary .pd-details-title,\n.pd-details[open] .pd-details-summary .pd-details-subtitle { color: #fff; }\n.pd-details[open] .pd-details-summary .pd-details-icon { background: rgba(255,255,255,0.15); }\n.pd-details[open] .pd-details-summary .pd-details-icon svg { stroke: #fff; }\n.pd-details[open] .pd-details-summary .pd-chevron { stroke: #fff; }\n\n.pd-details-summary::-webkit-details-marker { display: none; }\n\n.pd-details-summary:hover {\n background: #d4dbe8;\n border-color: rgba(37,53,81,0.3);\n}\n\n.pd-details[open] .pd-details-summary:hover {\n background: var(--navy-light);\n border-color: var(--navy-light);\n}\n\n.pd-details-summary-left {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n}\n\n.pd-details-icon {\n width: 36px;\n height: 36px;\n background: rgba(37,53,81,0.12);\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n transition: background 0.18s ease;\n}\n\n.pd-details-icon svg {\n width: 18px;\n height: 18px;\n stroke: var(--navy);\n fill: none;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n transition: stroke 0.18s ease;\n}\n\n.pd-details-title {\n font-size: 15px;\n font-weight: 700;\n color: var(--navy);\n transition: color 0.18s ease;\n}\n\n.pd-details-subtitle {\n font-size: 13px;\n color: var(--text-muted);\n margin-top: 0.05rem;\n transition: color 0.18s ease;\n}\n\n.pd-chevron {\n width: 20px;\n height: 20px;\n stroke: var(--navy);\n fill: none;\n stroke-width: 2.5;\n stroke-linecap: round;\n stroke-linejoin: round;\n transition: transform 0.25s ease, stroke 0.18s ease;\n flex-shrink: 0;\n}\n\n.pd-details[open] .pd-chevron { transform: rotate(180deg); }\n\n\/* Body *\/\n.pd-details-body {\n padding: 0 1.4rem 1.4rem;\n padding-top: 0;\n background: #fff;\n border: 2px solid var(--navy);\n border-top: 1px solid rgba(37,53,81,0.15);\n border-bottom-left-radius: var(--radius);\n border-bottom-right-radius: var(--radius);\n animation: pdFadeIn 0.22s ease;\n}\n\n@keyframes pdFadeIn {\n from { opacity: 0; transform: translateY(-6px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n.pd-section { margin-top: 1.4rem; }\n.pd-section:first-child { margin-top: 2rem; }\n\n.pd-section-title {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--accent);\n margin-bottom: 0.6rem;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n\n.pd-section-title::after {\n content: '';\n flex: 1;\n height: 1px;\n background: var(--border);\n transition: background 0.3s ease;\n}\n\n.pd-section:hover .pd-section-title::after { background: var(--navy); }\n\n.pd-section p, .pd-section ul {\n font-size: 15px;\n color: var(--text-muted);\n margin: 0 0 0.5rem;\n}\n\n.pd-section ul { padding-left: 1.2rem; }\n.pd-section li { margin-bottom: 0.25rem; }\n.pd-section a { color: var(--navy); font-weight: 500; }\n.pd-section a:hover { color: var(--accent); }\n\n\/* Fact grid *\/\n.pd-fact-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0.5rem;\n}\n\n.pd-fact {\n background: var(--navy);\n border-radius: 8px;\n padding: 0.6rem 0.8rem;\n transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;\n cursor: default;\n}\n\n.pd-fact:hover {\n background: var(--navy-light);\n transform: translateY(-2px);\n box-shadow: 0 6px 16px rgba(37,53,81,0.18);\n}\n\n.pd-fact-k {\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.55);\n}\n\n.pd-fact-v {\n font-size: 15px;\n font-weight: 600;\n color: #fff;\n margin-top: 0.1rem;\n}\n\n\/* Notice box *\/\n.pd-notice {\n background: var(--navy-pale);\n border: 1px solid rgba(37,53,81,0.18);\n border-radius: 8px;\n padding: 0.65rem 0.9rem;\n font-size: 13px;\n color: var(--text-muted);\n margin-top: 0.6rem;\n line-height: 1.5;\n}\n\n.pd-notice strong { color: var(--navy); }\n\n\/* Arm table *\/\n.pd-arm-table {\n width: 100%;\n border-collapse: collapse;\n font-size: 14px;\n margin-top: 0.5rem;\n}\n\n.pd-arm-table th {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.6);\n background: var(--navy);\n padding: 0.55rem 0.8rem;\n text-align: left;\n}\n\n.pd-arm-table th:first-child { border-radius: 8px 0 0 0; }\n.pd-arm-table th:last-child { border-radius: 0 8px 0 0; }\n\n.pd-arm-table td {\n padding: 0.5rem 0.8rem;\n color: var(--text-muted);\n border-bottom: 1px solid var(--border);\n background: #fff;\n}\n\n.pd-arm-table tr:last-child td { border-bottom: none; }\n.pd-arm-table tr:last-child td:first-child { border-radius: 0 0 0 8px; }\n.pd-arm-table tr:last-child td:last-child { border-radius: 0 0 8px 0; }\n.pd-arm-table tr:hover td { background: var(--navy-pale); color: var(--navy); }\n.pd-arm-table td:first-child { font-weight: 600; color: var(--navy); }\n\n\/* Doc links *\/\n.pd-docs {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0.5rem;\n margin-top: 0;\n}\n\n.pd-doc-link {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.6rem 0.8rem;\n border: 1px solid var(--border);\n border-radius: 8px;\n text-decoration: none;\n font-size: 14px;\n font-weight: 500;\n color: var(--navy);\n background: #fff;\n transition: all 0.16s ease;\n}\n\n.pd-doc-link:hover {\n background: var(--navy);\n color: #fff !important;\n border-color: var(--navy);\n}\n\n.pd-doc-link:hover svg { stroke: #fff; }\n\n.pd-doc-link svg {\n width: 14px;\n height: 14px;\n flex-shrink: 0;\n stroke: currentColor;\n fill: none;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n}\n\n\/* Measure tip *\/\n.pd-tip {\n background: linear-gradient(135deg, var(--navy-pale), #eef1f7);\n border-left: 3px solid var(--navy);\n border-radius: 0 8px 8px 0;\n padding: 0.75rem 1rem;\n font-size: 14px;\n color: var(--text-muted);\n margin-top: 0.5rem;\n transition: border-left-width 0.18s ease, background 0.18s ease;\n}\n\n.pd-tip:hover {\n border-left-width: 5px;\n background: linear-gradient(135deg, #dce3ef, #e8edf6);\n}\n\n.pd-tip strong {\n color: var(--navy);\n display: block;\n margin-bottom: 0.15rem;\n font-size: 11px;\n letter-spacing: 0.05em;\n text-transform: uppercase;\n}\n\n\/* Colors row *\/\n.pd-colors {\n display: flex;\n gap: 0.6rem;\n flex-wrap: wrap;\n margin-top: 0.3rem;\n}\n\n.pd-color-chip {\n display: flex;\n align-items: center;\n gap: 0.4rem;\n font-size: 13px;\n color: #fff;\n background: var(--navy);\n padding: 0.3rem 0.6rem;\n border-radius: 20px;\n transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;\n}\n\n.pd-color-chip:hover {\n background: var(--navy-light);\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(37,53,81,0.18);\n}\n\n.pd-color-dot {\n width: 12px;\n height: 12px;\n border-radius: 50%;\n border: 1px solid rgba(0,0,0,0.1);\n}\n\n\/* Close button *\/\n.pd-close-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.4rem;\n width: 100%;\n padding: 0.7rem 1rem;\n background: var(--navy-pale);\n border: 1px solid rgba(37,53,81,0.15);\n border-radius: 8px;\n font-family: 'Poppins', sans-serif;\n font-size: 13px;\n font-weight: 600;\n letter-spacing: 0.05em;\n color: var(--navy);\n cursor: pointer;\n transition: background 0.16s ease, border-color 0.16s ease;\n}\n\n.pd-close-btn:hover {\n background: #d4dbe8;\n border-color: rgba(37,53,81,0.3);\n}\n\n.pd-close-btn svg {\n width: 16px;\n height: 16px;\n stroke: var(--navy);\n fill: none;\n stroke-width: 2.5;\n stroke-linecap: round;\n stroke-linejoin: round;\n}\n\n@media (max-width: 500px) {\n .pd-specs-strip { grid-template-columns: repeat(2, 1fr); }\n .pd-fact-grid { grid-template-columns: 1fr; }\n .pd-docs { grid-template-columns: 1fr; }\n}\n\u003c\/style\u003e\n\n\n\n\u003carticle itemtype=\"https:\/\/schema.org\/Product\" itemscope class=\"pd-root\"\u003e\n\n \u003c!-- Intro --\u003e\n \u003cdiv class=\"pd-intro\"\u003e\n \u003cp itemprop=\"description\" class=\"pd-lead\"\u003e\n \u003cstrong\u003eEn av våra mest eftertraktade terrassmarkiser — förenar modern elegans, stabilitet och funktion. Tidlöst formspråk som passar både moderna och klassiska fasader.\u003c\/strong\u003e\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Quick specs --\u003e\n \u003cdiv aria-label=\"Snabbfakta\" class=\"pd-specs-strip\"\u003e\n \u003cdiv class=\"pd-spec-item\"\u003e\n \u003cspan class=\"pd-spec-label\"\u003eBredd\u003c\/span\u003e\n \u003cspan class=\"pd-spec-value\"\u003eupp till 7000 mm\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-spec-item\"\u003e\n \u003cspan class=\"pd-spec-label\"\u003eUtfall\u003c\/span\u003e\n \u003cspan class=\"pd-spec-value\"\u003eupp till 4000 mm\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-spec-item\"\u003e\n \u003cspan class=\"pd-spec-label\"\u003eVindklass\u003c\/span\u003e\n \u003cspan class=\"pd-spec-value\"\u003eKlass 1–2\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Expandable details --\u003e\n \u003cdetails class=\"pd-details\"\u003e\n \u003csummary class=\"pd-details-summary\"\u003e\n \u003cdiv class=\"pd-details-summary-left\"\u003e\n \u003cdiv class=\"pd-details-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cline x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\u003cline x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"pd-details-title\"\u003eSpecifikationer \u0026amp; dokument\u003c\/div\u003e\n \u003cdiv class=\"pd-details-subtitle\"\u003eMått, styrning, färger, monteringsanvisning\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003csvg class=\"pd-chevron\" viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n \u003c\/summary\u003e\n\n \u003cdiv class=\"pd-details-body\"\u003e\n\n \u003c!-- Montering --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eMontering\u003c\/h3\u003e\n \u003cp\u003eLevereras med \u003cstrong\u003ekombikonsoler\u003c\/strong\u003e för flexibel montering direkt på vägg eller i tak. För särskilda behov finns tillval för \u003cstrong\u003efront- eller takstolsmontage\u003c\/strong\u003e — enkelt att anpassa till din uteplats eller fasadtyp.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Styrning --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eStyrning\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eVevreglage\u003c\/strong\u003e — tillgängligt upp till 6000 mm bredd\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eMotordrift\u003c\/strong\u003e — med fjärrkontroll eller väggsändare\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eAutomatik\u003c\/strong\u003e — sol- och vindsensorer för trygg drift\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cdiv class=\"pd-notice\"\u003e\n Samtliga motorer är kompatibla med \u003cstrong\u003eSomfy io\u003c\/strong\u003e och \u003cstrong\u003eRTS-system\u003c\/strong\u003e för smidig integrering i smarta hem.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Profilfärger --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eProfilfärger\u003c\/h3\u003e\n \u003cdiv class=\"pd-colors\"\u003e\n \u003cspan class=\"pd-color-chip\"\u003e\u003cspan class=\"pd-color-dot\" style=\"background:#f5f5f0;\"\u003e\u003c\/span\u003eVit RAL 9010\u003c\/span\u003e\n \u003cspan class=\"pd-color-chip\"\u003e\u003cspan class=\"pd-color-dot\" style=\"background:#2a2a2a;\"\u003e\u003c\/span\u003eSvart 0914\u003c\/span\u003e\n \u003cspan class=\"pd-color-chip\"\u003e\u003cspan class=\"pd-color-dot\" style=\"background:#b8bec7;\"\u003e\u003c\/span\u003eSilver SW801D\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top:0.5rem;\"\u003eAlla profiler är pulverlackerade för lång hållbarhet. Speciallackering i andra kulörer kan erbjudas vid större beställningar.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Produktfakta --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eProduktfakta\u003c\/h3\u003e\n \u003cdiv class=\"pd-fact-grid\"\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eMax bredd\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003e7000 mm\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eMax utfall\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003e4000 mm\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eMax armlängd\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003e3500 mm\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eVindklass\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003eKlass 1–2\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eDukavdrag (vev)\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003e170 mm\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eDukavdrag (motor)\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003e140 mm\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-notice\" style=\"margin-top:0.6rem;\"\u003e\n \u003cstrong\u003eVevreglage\u003c\/strong\u003e är tillgängligt upp till 6000 mm bredd. Skruvar för infästning ingår ej.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Måttagning --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eMåttagning\u003c\/h3\u003e\n \u003cdiv class=\"pd-tip\"\u003e\n \u003cstrong\u003eBredd\u003c\/strong\u003e\n Mät det totala tillgängliga väggutrymmet där markisen ska monteras. Breddmåttet som anges vid beställning är markisens totala bredd inklusive fästen.\n \u003c\/div\u003e\n\n \u003cp style=\"margin-top:1rem; margin-bottom:0.4rem; font-size:13px; font-weight:600; color:var(--navy); letter-spacing:0.04em;\"\u003eMinsta breddmått per armlängd\u003c\/p\u003e\n \u003ctable class=\"pd-arm-table\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eStandardarm\u003c\/th\u003e\n \u003cth\u003ePitch-arm\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n\u003ctd\u003e1951 mm\u003c\/td\u003e\n\u003ctd\u003e1983 mm\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003e2381 mm\u003c\/td\u003e\n\u003ctd\u003e2413 mm\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003e2881 mm\u003c\/td\u003e\n\u003ctd\u003e2913 mm\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003e3381 mm\u003c\/td\u003e\n\u003ctd\u003e3413 mm\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003e3881 mm\u003c\/td\u003e\n\u003ctd\u003e3913 mm\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003e4381 mm\u003c\/td\u003e\n\u003ctd\u003e4413 mm\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003c\/div\u003e\n\n \u003c!-- Vindklass --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eVindklass\u003c\/h3\u003e\n \u003cp\u003eT420 är certifierad enligt europeisk standard \u003cstrong\u003eEN 13561\u003c\/strong\u003e och klassad som \u003cstrong\u003eVindklass 1–2\u003c\/strong\u003e, beroende på montage och antal fästpunkter.\u003c\/p\u003e\n \u003cdiv class=\"pd-fact-grid\" style=\"margin-top:0.6rem;\"\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eKlass 1\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003eca 8,0 m\/s · 29 km\/h\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eKlass 2\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003eca 10,5 m\/s · 38 km\/h\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-tip\" style=\"margin-top:0.6rem;\"\u003e\n \u003cstrong\u003eVad innebär det i praktiken?\u003c\/strong\u003e\n Klass 1 motsvarar en frisk bris där mindre träd vajar. Klass 2 motsvarar frisk till stark bris där stora grenar rör sig och det visslar i telefonledningar. Vid vindutsatta lägen rekommenderas en vindsensor som automatiskt fäller in markisen innan vindstyrkan blir skadlig.\n \u003c\/div\u003e\n \u003cdiv class=\"pd-notice\" style=\"margin-top:0.6rem;\"\u003e\n \u003cstrong\u003eObs:\u003c\/strong\u003e Antalet konsoler och armar vid monteringen påverkar vilken vindklass som uppnås. Längre markiser kräver fler fästpunkter. Fäll alltid in markisen vid kraftig vind.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Tillval --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eTillval\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eTakprofil i markisens färg, inklusive fästen\u003c\/li\u003e\n \u003cli\u003eTeleskopstag Robust 1500–2500 mm för vindsäkring\u003c\/li\u003e\n \u003cli\u003eStällbara armar (pitch) via vevreglage — justerbar lutning\u003c\/li\u003e\n \u003cli\u003eRullgardinsfront med vev- eller motorstyrning\u003c\/li\u003e\n \u003cli\u003eDesignfront utan volang för en modern estetik\u003c\/li\u003e\n \u003cli\u003eIntegrerad LED-belysning (IP65) i vikarmarna\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003c!-- Vävar --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eVävar\u003c\/h3\u003e\n \u003cp\u003eVälj bland över \u003cstrong\u003e100 exklusiva akrylvävar\u003c\/strong\u003e från \u003cstrong\u003eSandatex\u003c\/strong\u003e — noggrant utvalda för maximal färgäkthet, UV-skydd och lång livslängd.\u003c\/p\u003e\n \u003cp\u003e\u003ca href=\"https:\/\/www.samarkis.shop\/collections\/markisvav-2-0\"\u003eVisa hela vävkollektionen →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Dokument --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eDokument\u003c\/h3\u003e\n \u003cdiv class=\"pd-docs\"\u003e\n \u003ca href=\"https:\/\/www.styrasolskydd.se\/wp-content\/uploads\/2023\/11\/StyRa-Produktblad-Terrassmarkis-T400-serie.pdf\" class=\"pd-doc-link\" target=\"_blank\" rel=\"noopener\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Produktblad\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/www.styrasolskydd.se\/wp-content\/uploads\/2022\/08\/StyRa-Teknisk-information-T400-serie.pdf\" class=\"pd-doc-link\" target=\"_blank\" rel=\"noopener\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Teknisk info\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/www.styrasolskydd.se\/wp-content\/uploads\/2020\/09\/Drift-och-skotselrad-F-B-T-markiser-1.pdf\" class=\"pd-doc-link\" target=\"_blank\" rel=\"noopener\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Skötselråd\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0759\/6153\/2764\/files\/Montageanvisning_StyRa_T400.pdf?v=1710342637\" class=\"pd-doc-link\" target=\"_blank\" rel=\"noopener\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Monteringsanvisning\n \u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Stäng-knapp --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003cbutton class=\"pd-close-btn\" onclick=\"this.closest('details').removeAttribute('open')\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"18 15 12 9 6 15\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Stäng\n \u003c\/button\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n\u003c\/article\u003e\n\n\n\u003c\/body\u003e","brand":"Från 13 856 kr (ordinarie 18 605 kr)","offers":[{"title":"Default Title","offer_id":46758591922524,"sku":"T420","price":13856.0,"currency_code":"SEK","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0759\/6153\/2764\/files\/terrassmarkis-t420-s-a-persienn-and-markisservice-ab.png?v=1770637442"},{"product_id":"terrassmarkis-t720","title":"StyRa T720 Helkassett","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eProduktinformation – T720 Helkassett\u003c\/title\u003e\n\u003cstyle\u003e\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700\u0026display=swap');\n\n:root {\n --navy: #253551;\n --navy-light: #2e4168;\n --navy-pale: #e8ecf3;\n --cream: #f7f6f2;\n --accent: #253551;\n --text: #1a2030;\n --text-muted: #6b7a94;\n --border: rgba(37,53,81,0.10);\n --radius: 12px;\n}\n\n.pd-root {\n font-family: 'Poppins', sans-serif;\n color: var(--text);\n max-width: 680px;\n line-height: 1.65;\n}\n\n.pd-intro { margin-bottom: 2rem; }\n\n.pd-lead {\n font-size: 20px;\n color: var(--text-muted);\n font-weight: 300;\n max-width: 560px;\n}\n\n\/* ── Quick specs strip ── *\/\n.pd-specs-strip {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1px;\n background: var(--border);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n overflow: hidden;\n margin-bottom: 2rem;\n}\n\n.pd-spec-item {\n background: #fff;\n padding: 1rem 1.1rem;\n display: flex;\n flex-direction: column;\n gap: 0.2rem;\n transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;\n cursor: default;\n}\n\n.pd-spec-item:hover {\n background: var(--navy);\n transform: translateY(-2px);\n box-shadow: 0 6px 16px rgba(37,53,81,0.18);\n z-index: 1;\n position: relative;\n}\n\n.pd-spec-item:hover .pd-spec-label { color: rgba(255,255,255,0.55); }\n.pd-spec-item:hover .pd-spec-value { color: #fff; }\n\n.pd-spec-label {\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: var(--text-muted);\n}\n\n.pd-spec-value {\n font-size: 18px;\n font-weight: 600;\n color: var(--navy);\n white-space: nowrap;\n}\n\n\/* ── Expandable section ── *\/\n.pd-details {\n border-radius: var(--radius);\n overflow: hidden;\n}\n\n.pd-details-summary {\n list-style: none;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 1.1rem 1.4rem;\n background: var(--navy-pale);\n border: 2px solid rgba(37,53,81,0.18);\n border-radius: var(--radius);\n user-select: none;\n transition: background 0.18s ease, border-color 0.18s ease;\n}\n\n.pd-details[open] .pd-details-summary {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n background: var(--navy);\n border-color: var(--navy);\n}\n\n.pd-details[open] .pd-details-summary .pd-details-title,\n.pd-details[open] .pd-details-summary .pd-details-subtitle { color: #fff; }\n.pd-details[open] .pd-details-summary .pd-details-icon { background: rgba(255,255,255,0.15); }\n.pd-details[open] .pd-details-summary .pd-details-icon svg { stroke: #fff; }\n.pd-details[open] .pd-details-summary .pd-chevron { stroke: #fff; }\n\n.pd-details-summary::-webkit-details-marker { display: none; }\n\n.pd-details-summary:hover {\n background: #d4dbe8;\n border-color: rgba(37,53,81,0.3);\n}\n\n.pd-details[open] .pd-details-summary:hover {\n background: var(--navy-light);\n border-color: var(--navy-light);\n}\n\n.pd-details-summary-left {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n}\n\n.pd-details-icon {\n width: 36px;\n height: 36px;\n background: rgba(37,53,81,0.12);\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n transition: background 0.18s ease;\n}\n\n.pd-details-icon svg {\n width: 18px;\n height: 18px;\n stroke: var(--navy);\n fill: none;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n transition: stroke 0.18s ease;\n}\n\n.pd-details-title {\n font-size: 15px;\n font-weight: 700;\n color: var(--navy);\n transition: color 0.18s ease;\n}\n\n.pd-details-subtitle {\n font-size: 13px;\n color: var(--text-muted);\n margin-top: 0.05rem;\n transition: color 0.18s ease;\n}\n\n.pd-chevron {\n width: 20px;\n height: 20px;\n stroke: var(--navy);\n fill: none;\n stroke-width: 2.5;\n stroke-linecap: round;\n stroke-linejoin: round;\n transition: transform 0.25s ease, stroke 0.18s ease;\n flex-shrink: 0;\n}\n\n.pd-details[open] .pd-chevron { transform: rotate(180deg); }\n\n\/* Body *\/\n.pd-details-body {\n padding: 0 1.4rem 1.4rem;\n padding-top: 0;\n background: #fff;\n border: 2px solid var(--navy);\n border-top: 1px solid rgba(37,53,81,0.15);\n border-bottom-left-radius: var(--radius);\n border-bottom-right-radius: var(--radius);\n animation: pdFadeIn 0.22s ease;\n}\n\n@keyframes pdFadeIn {\n from { opacity: 0; transform: translateY(-6px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n.pd-section { margin-top: 1.4rem; }\n.pd-section:first-child { margin-top: 2rem; }\n\n.pd-section-title {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--accent);\n margin-bottom: 0.6rem;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n\n.pd-section-title::after {\n content: '';\n flex: 1;\n height: 1px;\n background: var(--border);\n transition: background 0.3s ease;\n}\n\n.pd-section:hover .pd-section-title::after { background: var(--navy); }\n\n.pd-section p, .pd-section ul {\n font-size: 15px;\n color: var(--text-muted);\n margin: 0 0 0.5rem;\n}\n\n.pd-section ul { padding-left: 1.2rem; }\n.pd-section li { margin-bottom: 0.25rem; }\n.pd-section a { color: var(--navy); font-weight: 500; }\n.pd-section a:hover { color: var(--accent); }\n\n\/* Fact grid *\/\n.pd-fact-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0.5rem;\n}\n\n.pd-fact {\n background: var(--navy);\n border-radius: 8px;\n padding: 0.6rem 0.8rem;\n transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;\n cursor: default;\n}\n\n.pd-fact:hover {\n background: var(--navy-light);\n transform: translateY(-2px);\n box-shadow: 0 6px 16px rgba(37,53,81,0.18);\n}\n\n.pd-fact-k {\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.55);\n}\n\n.pd-fact-v {\n font-size: 15px;\n font-weight: 600;\n color: #fff;\n margin-top: 0.1rem;\n}\n\n\/* Notice box *\/\n.pd-notice {\n background: var(--navy-pale);\n border: 1px solid rgba(37,53,81,0.18);\n border-radius: 8px;\n padding: 0.65rem 0.9rem;\n font-size: 13px;\n color: var(--text-muted);\n margin-top: 0.6rem;\n line-height: 1.5;\n}\n\n.pd-notice strong { color: var(--navy); }\n\n\/* Table *\/\n.pd-table {\n width: 100%;\n border-collapse: collapse;\n font-size: 14px;\n margin-top: 0.5rem;\n}\n\n.pd-table th {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.6);\n background: var(--navy);\n padding: 0.55rem 0.8rem;\n text-align: left;\n}\n\n.pd-table th:first-child { border-radius: 8px 0 0 0; }\n.pd-table th:last-child { border-radius: 0 8px 0 0; }\n\n.pd-table td {\n padding: 0.5rem 0.8rem;\n color: var(--text-muted);\n border-bottom: 1px solid var(--border);\n background: #fff;\n}\n\n.pd-table tr:last-child td { border-bottom: none; }\n.pd-table tr:last-child td:first-child { border-radius: 0 0 0 8px; }\n.pd-table tr:last-child td:last-child { border-radius: 0 0 8px 0; }\n.pd-table tr:hover td { background: var(--navy-pale); color: var(--navy); }\n.pd-table td:first-child { font-weight: 600; color: var(--navy); }\n\n\/* Measure tip *\/\n.pd-tip {\n background: linear-gradient(135deg, var(--navy-pale), #eef1f7);\n border-left: 3px solid var(--navy);\n border-radius: 0 8px 8px 0;\n padding: 0.75rem 1rem;\n font-size: 14px;\n color: var(--text-muted);\n margin-top: 0.5rem;\n transition: border-left-width 0.18s ease, background 0.18s ease;\n}\n\n.pd-tip:hover {\n border-left-width: 5px;\n background: linear-gradient(135deg, #dce3ef, #e8edf6);\n}\n\n.pd-tip strong {\n color: var(--navy);\n display: block;\n margin-bottom: 0.15rem;\n font-size: 11px;\n letter-spacing: 0.05em;\n text-transform: uppercase;\n}\n\n\/* Colors row *\/\n.pd-colors {\n display: flex;\n gap: 0.6rem;\n flex-wrap: wrap;\n margin-top: 0.3rem;\n}\n\n.pd-color-chip {\n display: flex;\n align-items: center;\n gap: 0.4rem;\n font-size: 13px;\n color: #fff;\n background: var(--navy);\n padding: 0.3rem 0.6rem;\n border-radius: 20px;\n transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;\n}\n\n.pd-color-chip:hover {\n background: var(--navy-light);\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(37,53,81,0.18);\n}\n\n.pd-color-dot {\n width: 12px;\n height: 12px;\n border-radius: 50%;\n border: 1px solid rgba(0,0,0,0.1);\n}\n\n\/* Doc links *\/\n.pd-docs {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0.5rem;\n margin-top: 0;\n}\n\n.pd-doc-link {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.6rem 0.8rem;\n border: 1px solid var(--border);\n border-radius: 8px;\n text-decoration: none;\n font-size: 14px;\n font-weight: 500;\n color: var(--navy);\n background: #fff;\n transition: all 0.16s ease;\n}\n\n.pd-doc-link:hover {\n background: var(--navy);\n color: #fff !important;\n border-color: var(--navy);\n}\n\n.pd-doc-link:hover svg { stroke: #fff; }\n\n.pd-doc-link svg {\n width: 14px;\n height: 14px;\n flex-shrink: 0;\n stroke: currentColor;\n fill: none;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n}\n\n\/* Close button *\/\n.pd-close-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.4rem;\n width: 100%;\n padding: 0.7rem 1rem;\n background: var(--navy-pale);\n border: 1px solid rgba(37,53,81,0.15);\n border-radius: 8px;\n font-family: 'Poppins', sans-serif;\n font-size: 13px;\n font-weight: 600;\n letter-spacing: 0.05em;\n color: var(--navy);\n cursor: pointer;\n transition: background 0.16s ease, border-color 0.16s ease;\n}\n\n.pd-close-btn:hover {\n background: #d4dbe8;\n border-color: rgba(37,53,81,0.3);\n}\n\n.pd-close-btn svg {\n width: 16px;\n height: 16px;\n stroke: var(--navy);\n fill: none;\n stroke-width: 2.5;\n stroke-linecap: round;\n stroke-linejoin: round;\n}\n\n@media (max-width: 500px) {\n .pd-specs-strip { grid-template-columns: repeat(2, 1fr); }\n .pd-fact-grid { grid-template-columns: 1fr; }\n .pd-docs { grid-template-columns: 1fr; }\n}\n\u003c\/style\u003e\n\n\n\n\u003carticle itemtype=\"https:\/\/schema.org\/Product\" itemscope class=\"pd-root\"\u003e\n\n \u003c!-- Intro --\u003e\n \u003cdiv class=\"pd-intro\"\u003e\n \u003cp itemprop=\"description\" class=\"pd-lead\"\u003e\n \u003cstrong\u003eExklusiv terrassmarkis med helkapslade konstruktion — väv och armar skyddas helt i infällt läge. Längre livslängd, stilren fasad och perfekt för smalare uteplatser där elegant solskydd är prioritet.\u003c\/strong\u003e\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Quick specs --\u003e\n \u003cdiv aria-label=\"Snabbfakta\" class=\"pd-specs-strip\"\u003e\n \u003cdiv class=\"pd-spec-item\"\u003e\n \u003cspan class=\"pd-spec-label\"\u003eMax bredd\u003c\/span\u003e\n \u003cspan class=\"pd-spec-value\"\u003e6000 mm\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-spec-item\"\u003e\n \u003cspan class=\"pd-spec-label\"\u003eMax utfall\u003c\/span\u003e\n \u003cspan class=\"pd-spec-value\"\u003e3000 mm\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-spec-item\"\u003e\n \u003cspan class=\"pd-spec-label\"\u003eVindklass\u003c\/span\u003e\n \u003cspan class=\"pd-spec-value\"\u003eKlass 2\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Expandable details --\u003e\n \u003cdetails class=\"pd-details\"\u003e\n \u003csummary class=\"pd-details-summary\"\u003e\n \u003cdiv class=\"pd-details-summary-left\"\u003e\n \u003cdiv class=\"pd-details-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cline x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\u003cline x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"pd-details-title\"\u003eSpecifikationer \u0026amp; dokument\u003c\/div\u003e\n \u003cdiv class=\"pd-details-subtitle\"\u003eMått, styrning, färger, monteringsanvisning\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003csvg class=\"pd-chevron\" viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n \u003c\/summary\u003e\n\n \u003cdiv class=\"pd-details-body\"\u003e\n\n \u003c!-- Montering --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eMontering\u003c\/h3\u003e\n \u003cp\u003eMonteras på \u003cstrong\u003evägg eller i tak\u003c\/strong\u003e med medföljande monteringskonsoler. Vid större bredd ingår en extra mittkonsol för stabilitet. Som tillval finns \u003cstrong\u003eväggplattor\u003c\/strong\u003e (650 mm eller 1040 mm) samt \u003cstrong\u003evertikal montageprofil\u003c\/strong\u003e (713 × 109 mm) för specialmontage. Kontrollera att infästningspunkter — t.ex. reglar eller takstolar — ligger inom markisens bredd.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Styrning --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eStyrning\u003c\/h3\u003e\n \u003cp\u003eT720 är alltid \u003cstrong\u003emotordriven\u003c\/strong\u003e för maximal komfort. Alla motorer levereras med \u003cstrong\u003eautostopp\u003c\/strong\u003e för säker drift.\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eFjärrkontroll eller väggsändare\u003c\/li\u003e\n \u003cli\u003eAutomatisk styrning via sol-, vind- eller tidsautomatik\u003c\/li\u003e\n \u003cli\u003eStyrning via smartphone\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003c!-- Profilfärger --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eProfilfärger\u003c\/h3\u003e\n \u003cdiv class=\"pd-colors\"\u003e\n \u003cspan class=\"pd-color-chip\"\u003e\u003cspan class=\"pd-color-dot\" style=\"background:#f5f5f0;\"\u003e\u003c\/span\u003eVit RAL 9016\u003c\/span\u003e\n \u003cspan class=\"pd-color-chip\"\u003e\u003cspan class=\"pd-color-dot\" style=\"background:#3d3d3d;\"\u003e\u003c\/span\u003eAntracit RAL 7016\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top:0.5rem;\"\u003eAlla profiler är pulverlackerade. Markisen levereras utan volang.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Produktfakta --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eProduktfakta\u003c\/h3\u003e\n \u003cdiv class=\"pd-fact-grid\"\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eMax bredd\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003e6000 mm\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eMax utfall\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003e3000 mm\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eDukavdrag (motor)\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003e190 mm\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eVindklass\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003eKlass 2\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-notice\" style=\"margin-top:0.6rem;\"\u003e\n Beställningsmått anges alltid som \u003cstrong\u003etotalmått\u003c\/strong\u003e (inkl. konstruktion, ej vävmått). Placering av motor anges alltid \u003cstrong\u003esett utifrån\u003c\/strong\u003e. Skruvar för infästning ingår ej.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Minsta breddmått per utfall --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eMinsta breddmått per utfall\u003c\/h3\u003e\n \u003ctable class=\"pd-table\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eUtfall \/ Arm (mm)\u003c\/th\u003e\n \u003cth\u003eMinsta bredd (mm)\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n\u003ctd\u003e2000\u003c\/td\u003e\n\u003ctd\u003e2310\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003e2500\u003c\/td\u003e\n\u003ctd\u003e2810\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003e3000\u003c\/td\u003e\n\u003ctd\u003e3400\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003cdiv class=\"pd-notice\" style=\"margin-top:0.6rem;\"\u003e\n Utfallet mäts från markisens infästningspunkt till framkant. Angivet utfall gäller vid \u003cstrong\u003ehorisontella armar\u003c\/strong\u003e — vid lutning minskar utfallet något.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Vindklass --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eVindklass\u003c\/h3\u003e\n \u003cp\u003eT720 Helkassett är certifierad enligt europeisk standard \u003cstrong\u003eEN 13561\u003c\/strong\u003e och klassad som \u003cstrong\u003eVindklass 2\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cdiv class=\"pd-fact-grid\" style=\"margin-top:0.6rem;\"\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eKlass 2\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003eca 10,5 m\/s · 38 km\/h\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-tip\" style=\"margin-top:0.6rem;\"\u003e\n \u003cstrong\u003eVad innebär det i praktiken?\u003c\/strong\u003e\n Klass 2 motsvarar frisk till stark bris där stora grenar rör sig och det visslar i telefonledningar. Vid vindutsatta lägen rekommenderas en vindsensor som automatiskt fäller in markisen innan vindstyrkan blir skadlig.\n \u003c\/div\u003e\n \u003cdiv class=\"pd-notice\" style=\"margin-top:0.6rem;\"\u003e\n \u003cstrong\u003eObs:\u003c\/strong\u003e Antalet konsoler och armar vid monteringen påverkar vilken vindklass som uppnås. Fäll alltid in markisen vid kraftig vind.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Tillval --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eTillval\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eIntegrerad LED-belysning i vikarmarna (IP65, lackerad i markisens färg) — tillgänglig endast vid 3000 mm utfall\u003c\/li\u003e\n \u003cli\u003eVäggplatta 650 mm eller 1040 mm\u003c\/li\u003e\n \u003cli\u003eVertikal montageprofil 713 × 109 mm\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003c!-- Vävar --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eVävar\u003c\/h3\u003e\n \u003cp\u003eAkrylväv av högsta kvalitet för optimalt UV-skydd och lång hållbarhet. Vi använder vävar från \u003cstrong\u003eSandatex\u003c\/strong\u003e — kända för sitt breda sortiment och slitstyrka.\u003c\/p\u003e\n \u003cp\u003e\u003ca href=\"https:\/\/www.samarkis.shop\/collections\/markisvav-2-0\"\u003eVisa hela vävkollektionen →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Dokument --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eDokument\u003c\/h3\u003e\n \u003cdiv class=\"pd-docs\"\u003e\n \u003ca href=\"https:\/\/www.styrasolskydd.se\/wp-content\/uploads\/2022\/08\/StyRa-Produktblad-Terrassmarkis-T720.pdf\" class=\"pd-doc-link\" target=\"_blank\" rel=\"noopener\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Produktblad\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/www.styrasolskydd.se\/wp-content\/uploads\/2022\/08\/StyRa-Teknisk-information-T720.pdf\" class=\"pd-doc-link\" target=\"_blank\" rel=\"noopener\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Teknisk info\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/www.styrasolskydd.se\/wp-content\/uploads\/2020\/09\/Drift-och-skotselrad-F-B-T-markiser-1.pdf\" class=\"pd-doc-link\" target=\"_blank\" rel=\"noopener\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Skötselråd\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0759\/6153\/2764\/files\/Montageanvisning_StyRa_T720.pdf?v=1710342638\" class=\"pd-doc-link\" target=\"_blank\" rel=\"noopener\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Monteringsanvisning\n \u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Stäng-knapp --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003cbutton class=\"pd-close-btn\" onclick=\"this.closest('details').removeAttribute('open')\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"18 15 12 9 6 15\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Stäng\n \u003c\/button\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n\u003c\/article\u003e\n\n\n\u003c\/body\u003e","brand":"Från 29 932 kr (ordinarie 36 131 kr)","offers":[{"title":"Default Title","offer_id":46758594642268,"sku":"T720","price":29932.0,"currency_code":"SEK","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0759\/6153\/2764\/files\/terrassmarkis-t720-helkassett-s-a-persienn-and-markisservice-ab.png?v=1770637441"},{"product_id":"balkongmarkis-b260","title":"StyRa B260","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eProduktinformation – Balkongmarkis B260\u003c\/title\u003e\n\u003cstyle\u003e\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700\u0026display=swap');\n\n:root {\n --navy: #253551;\n --navy-light: #2e4168;\n --navy-pale: #e8ecf3;\n --cream: #f7f6f2;\n --accent: #253551;\n --text: #1a2030;\n --text-muted: #6b7a94;\n --border: rgba(37,53,81,0.10);\n --radius: 12px;\n}\n\n.pd-root {\n font-family: 'Poppins', sans-serif;\n color: var(--text);\n max-width: 680px;\n line-height: 1.65;\n}\n\n.pd-intro { margin-bottom: 2rem; }\n\n.pd-lead {\n font-size: 20px;\n color: var(--text-muted);\n font-weight: 300;\n max-width: 560px;\n}\n\n.pd-specs-strip {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1px;\n background: var(--border);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n overflow: hidden;\n margin-bottom: 2rem;\n}\n\n.pd-spec-item {\n background: #fff;\n padding: 1rem 1.1rem;\n display: flex;\n flex-direction: column;\n gap: 0.2rem;\n transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;\n cursor: default;\n}\n\n.pd-spec-item:hover {\n background: var(--navy);\n transform: translateY(-2px);\n box-shadow: 0 6px 16px rgba(37,53,81,0.18);\n z-index: 1;\n position: relative;\n}\n\n.pd-spec-item:hover .pd-spec-label { color: rgba(255,255,255,0.55); }\n.pd-spec-item:hover .pd-spec-value { color: #fff; }\n\n.pd-spec-label {\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: var(--text-muted);\n}\n\n.pd-spec-value {\n font-size: 18px;\n font-weight: 600;\n color: var(--navy);\n white-space: nowrap;\n}\n\n.pd-details { border-radius: var(--radius); overflow: hidden; }\n\n.pd-details-summary {\n list-style: none;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 1.1rem 1.4rem;\n background: var(--navy-pale);\n border: 2px solid rgba(37,53,81,0.18);\n border-radius: var(--radius);\n user-select: none;\n transition: background 0.18s ease, border-color 0.18s ease;\n}\n\n.pd-details[open] .pd-details-summary {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n background: var(--navy);\n border-color: var(--navy);\n}\n\n.pd-details[open] .pd-details-summary .pd-details-title,\n.pd-details[open] .pd-details-summary .pd-details-subtitle { color: #fff; }\n.pd-details[open] .pd-details-summary .pd-details-icon { background: rgba(255,255,255,0.15); }\n.pd-details[open] .pd-details-summary .pd-details-icon svg { stroke: #fff; }\n.pd-details[open] .pd-details-summary .pd-chevron { stroke: #fff; }\n\n.pd-details-summary::-webkit-details-marker { display: none; }\n.pd-details-summary:hover { background: #d4dbe8; border-color: rgba(37,53,81,0.3); }\n.pd-details[open] .pd-details-summary:hover { background: var(--navy-light); border-color: var(--navy-light); }\n\n.pd-details-summary-left { display: flex; align-items: center; gap: 0.75rem; }\n\n.pd-details-icon {\n width: 36px;\n height: 36px;\n background: rgba(37,53,81,0.12);\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n transition: background 0.18s ease;\n}\n\n.pd-details-icon svg {\n width: 18px;\n height: 18px;\n stroke: var(--navy);\n fill: none;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n transition: stroke 0.18s ease;\n}\n\n.pd-details-title { font-size: 15px; font-weight: 700; color: var(--navy); transition: color 0.18s ease; }\n.pd-details-subtitle { font-size: 13px; color: var(--text-muted); margin-top: 0.05rem; transition: color 0.18s ease; }\n\n.pd-chevron {\n width: 20px;\n height: 20px;\n stroke: var(--navy);\n fill: none;\n stroke-width: 2.5;\n stroke-linecap: round;\n stroke-linejoin: round;\n transition: transform 0.25s ease, stroke 0.18s ease;\n flex-shrink: 0;\n}\n\n.pd-details[open] .pd-chevron { transform: rotate(180deg); }\n\n.pd-details-body {\n padding: 0 1.4rem 1.4rem;\n padding-top: 0;\n background: #fff;\n border: 2px solid var(--navy);\n border-top: 1px solid rgba(37,53,81,0.15);\n border-bottom-left-radius: var(--radius);\n border-bottom-right-radius: var(--radius);\n animation: pdFadeIn 0.22s ease;\n}\n\n@keyframes pdFadeIn {\n from { opacity: 0; transform: translateY(-6px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n.pd-section { margin-top: 1.4rem; }\n.pd-section:first-child { margin-top: 2rem; }\n\n.pd-section-title {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--accent);\n margin-bottom: 0.6rem;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n\n.pd-section-title::after {\n content: '';\n flex: 1;\n height: 1px;\n background: var(--border);\n transition: background 0.3s ease;\n}\n\n.pd-section:hover .pd-section-title::after { background: var(--navy); }\n\n.pd-section p, .pd-section ul { font-size: 15px; color: var(--text-muted); margin: 0 0 0.5rem; }\n.pd-section ul { padding-left: 1.2rem; }\n.pd-section li { margin-bottom: 0.35rem; }\n.pd-section a { color: var(--navy); font-weight: 500; }\n.pd-section a:hover { color: var(--accent); }\n\n.pd-fact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.5rem; }\n\n.pd-fact {\n background: var(--navy);\n border-radius: 8px;\n padding: 0.6rem 0.8rem;\n transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;\n cursor: default;\n}\n\n.pd-fact:hover { background: var(--navy-light); transform: translateY(-2px); box-shadow: 0 6px 16px rgba(37,53,81,0.18); }\n.pd-fact-k { font-size: 11px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.55); }\n.pd-fact-v { font-size: 15px; font-weight: 600; color: #fff; margin-top: 0.1rem; }\n\n.pd-notice {\n background: var(--navy-pale);\n border: 1px solid rgba(37,53,81,0.18);\n border-radius: 8px;\n padding: 0.65rem 0.9rem;\n font-size: 13px;\n color: var(--text-muted);\n margin-top: 0.6rem;\n line-height: 1.5;\n}\n\n.pd-notice strong { color: var(--navy); }\n\n.pd-tip {\n background: linear-gradient(135deg, var(--navy-pale), #eef1f7);\n border-left: 3px solid var(--navy);\n border-radius: 0 8px 8px 0;\n padding: 0.75rem 1rem;\n font-size: 14px;\n color: var(--text-muted);\n margin-top: 0.5rem;\n transition: border-left-width 0.18s ease, background 0.18s ease;\n}\n\n.pd-tip:hover { border-left-width: 5px; background: linear-gradient(135deg, #dce3ef, #e8edf6); }\n\n.pd-tip strong {\n color: var(--navy);\n display: block;\n margin-bottom: 0.15rem;\n font-size: 11px;\n letter-spacing: 0.05em;\n text-transform: uppercase;\n}\n\n.pd-colors {\n display: flex;\n gap: 0.6rem;\n flex-wrap: wrap;\n margin-top: 0.3rem;\n}\n\n.pd-color-chip {\n display: flex;\n align-items: center;\n gap: 0.4rem;\n font-size: 13px;\n color: #fff;\n background: var(--navy);\n padding: 0.3rem 0.6rem;\n border-radius: 20px;\n transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;\n}\n\n.pd-color-chip:hover { background: var(--navy-light); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(37,53,81,0.18); }\n\n.pd-color-dot {\n width: 12px;\n height: 12px;\n border-radius: 50%;\n border: 1px solid rgba(0,0,0,0.1);\n}\n\n.pd-docs {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0.5rem;\n}\n\n.pd-doc-link {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.6rem 0.8rem;\n border: 1px solid var(--border);\n border-radius: 8px;\n text-decoration: none;\n font-size: 14px;\n font-weight: 500;\n color: var(--navy);\n background: #fff;\n transition: all 0.16s ease;\n}\n\n.pd-doc-link:hover { background: var(--navy); color: #fff !important; border-color: var(--navy); }\n.pd-doc-link:hover svg { stroke: #fff; }\n\n.pd-doc-link svg {\n width: 14px;\n height: 14px;\n flex-shrink: 0;\n stroke: currentColor;\n fill: none;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n}\n\n.pd-close-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.4rem;\n width: 100%;\n padding: 0.7rem 1rem;\n background: var(--navy-pale);\n border: 1px solid rgba(37,53,81,0.15);\n border-radius: 8px;\n font-family: 'Poppins', sans-serif;\n font-size: 13px;\n font-weight: 600;\n letter-spacing: 0.05em;\n color: var(--navy);\n cursor: pointer;\n transition: background 0.16s ease, border-color 0.16s ease;\n}\n\n.pd-close-btn:hover { background: #d4dbe8; border-color: rgba(37,53,81,0.3); }\n\n.pd-close-btn svg {\n width: 16px;\n height: 16px;\n stroke: var(--navy);\n fill: none;\n stroke-width: 2.5;\n stroke-linecap: round;\n stroke-linejoin: round;\n}\n\n@media (max-width: 500px) {\n .pd-specs-strip { grid-template-columns: repeat(2, 1fr); }\n .pd-fact-grid { grid-template-columns: 1fr; }\n .pd-docs { grid-template-columns: 1fr; }\n}\n\u003c\/style\u003e\n\n\n\n\u003carticle itemtype=\"https:\/\/schema.org\/Product\" itemscope class=\"pd-root\"\u003e\n\n \u003c!-- Intro --\u003e\n \u003cdiv class=\"pd-intro\"\u003e\n \u003cp itemprop=\"description\" class=\"pd-lead\"\u003e\n \u003cstrong\u003eSmidig balkongmarkis som ger skön skugga — ett perfekt alternativ till parasoll. Skräddarsys efter dina mått och sänker inomhustemperaturen med flera grader under varma sommardagar.\u003c\/strong\u003e\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Quick specs --\u003e\n \u003cdiv aria-label=\"Snabbfakta\" class=\"pd-specs-strip\"\u003e\n \u003cdiv class=\"pd-spec-item\"\u003e\n \u003cspan class=\"pd-spec-label\"\u003eMax bredd\u003c\/span\u003e\n \u003cspan class=\"pd-spec-value\"\u003e4500 mm\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-spec-item\"\u003e\n \u003cspan class=\"pd-spec-label\"\u003eMax utfall\u003c\/span\u003e\n \u003cspan class=\"pd-spec-value\"\u003e1200 mm\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-spec-item\"\u003e\n \u003cspan class=\"pd-spec-label\"\u003eVindklass\u003c\/span\u003e\n \u003cspan class=\"pd-spec-value\"\u003eKlass 3\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Expandable details --\u003e\n \u003cdetails class=\"pd-details\"\u003e\n \u003csummary class=\"pd-details-summary\"\u003e\n \u003cdiv class=\"pd-details-summary-left\"\u003e\n \u003cdiv class=\"pd-details-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cline x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\u003cline x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"pd-details-title\"\u003eSpecifikationer \u0026amp; dokument\u003c\/div\u003e\n \u003cdiv class=\"pd-details-subtitle\"\u003eMått, styrning, färger, monteringsanvisning\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003csvg class=\"pd-chevron\" viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n \u003c\/summary\u003e\n\n \u003cdiv class=\"pd-details-body\"\u003e\n\n \u003c!-- Montering --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eMontering\u003c\/h3\u003e\n \u003cp\u003eB260 monteras i sin \u003cstrong\u003emedföljande benställning\u003c\/strong\u003e som spänns upp mellan balkonggolv och balkongen ovanför. Kräver inga ingrepp i fasaden — idealisk även för hyreslägenheter.\u003c\/p\u003e\n \u003cdiv class=\"pd-notice\"\u003e\n Ange alltid \u003cstrong\u003estumt mått\u003c\/strong\u003e mellan golv och tak vid beställning så att benprofilerna får rätt längd. Kontrollera eventuell lutning eller uppfasning i golvet så att benen står helt plant. \u003cstrong\u003eMax höjd benställning: 2780 mm.\u003c\/strong\u003e Skruvar för infästning ingår ej.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Styrning --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eStyrning\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eBandreglage\u003c\/strong\u003e — enkel manuell styrning\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eVevreglage eller vevbox\u003c\/strong\u003e — klassisk drift med precision\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eMotor med fjärrkontroll\u003c\/strong\u003e — trådlös styrning\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eAutomatisk motorstyrning\u003c\/strong\u003e — via sol- och vindautomatik eller smartphone-app\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003c!-- Profilfärger --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eProfilfärger\u003c\/h3\u003e\n \u003cdiv class=\"pd-colors\"\u003e\n \u003cspan class=\"pd-color-chip\"\u003e\u003cspan class=\"pd-color-dot\" style=\"background:#f5f5f0;\"\u003e\u003c\/span\u003eVit RAL 9010\u003c\/span\u003e\n \u003cspan class=\"pd-color-chip\"\u003e\u003cspan class=\"pd-color-dot\" style=\"background:#2a2a2a;\"\u003e\u003c\/span\u003eSvart WY360F\u003c\/span\u003e\n \u003cspan class=\"pd-color-chip\"\u003e\u003cspan class=\"pd-color-dot\" style=\"background:#b8bec7;\"\u003e\u003c\/span\u003eSilver SW801D\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top:0.5rem;\"\u003eBenprofiler levereras alltid i \u003cstrong\u003enaturanodiserat aluminium\u003c\/strong\u003e, oavsett vald profilfärg.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Produktfakta --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eProduktfakta\u003c\/h3\u003e\n \u003cdiv class=\"pd-fact-grid\"\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eMax bredd\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003e4500 mm\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eMax utfall\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003e1200 mm\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eMax höjd (ben)\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003e2780 mm\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eVindklass\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003eKlass 3\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Dukavdrag \u0026 valsrör --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eDukavdrag per sida \u0026amp; valsrör\u003c\/h3\u003e\n \u003cdiv class=\"pd-fact-grid\"\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eBand \/ vevbox\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003e125 mm\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eVev\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003e135 mm\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eMotor\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003e115 mm\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-notice\" style=\"margin-top:0.6rem;\"\u003e\n \u003cstrong\u003eValsrör:\u003c\/strong\u003e Band\/vevbox använder 39 mm rör upp till 3500 mm bredd, därefter 70 mm. Motor använder alltid 70 mm.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Vindklass --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eVindklass\u003c\/h3\u003e\n \u003cp\u003eB260 är certifierad enligt europeisk standard \u003cstrong\u003eEN 13561\u003c\/strong\u003e och klassad som \u003cstrong\u003eVindklass 3\u003c\/strong\u003e.\u003c\/p\u003e\n \u003cdiv class=\"pd-fact-grid\" style=\"margin-top:0.6rem;\"\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eKlass 3\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003eöver 11 m\/s\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-tip\" style=\"margin-top:0.6rem;\"\u003e\n \u003cstrong\u003eVad innebär det i praktiken?\u003c\/strong\u003e\n Klass 3 innebär att markisen klarar höga vindstyrkor tack vare robusta armar och fästen. Vid kraftiga vindbyar rekommenderas ändå att fälla in markisen för att maximera livslängden.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Vävar --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eVävar\u003c\/h3\u003e\n \u003cp\u003eLevereras med \u003cstrong\u003eakrylväv från Sandatex\u003c\/strong\u003e — samma väv som används till våra fönster- och terrassmarkiser. Ger optimalt UV-skydd, är väderbeständig, färgäkt och tål nordiskt klimat.\u003c\/p\u003e\n \u003cp\u003e\u003ca href=\"https:\/\/www.samarkis.shop\/collections\/markisvav-2-0\"\u003eVisa hela vävkollektionen →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Dokument --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eDokument\u003c\/h3\u003e\n \u003cdiv class=\"pd-docs\"\u003e\n \u003ca href=\"https:\/\/www.styrasolskydd.se\/wp-content\/uploads\/2022\/08\/StyRa-Produktblad-Balkongmarkis-B260.pdf\" class=\"pd-doc-link\" target=\"_blank\" rel=\"noopener\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Produktblad\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/www.styrasolskydd.se\/wp-content\/uploads\/2022\/08\/StyRa-Teknisk-information-B260.pdf\" class=\"pd-doc-link\" target=\"_blank\" rel=\"noopener\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Teknisk info\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/www.styrasolskydd.se\/wp-content\/uploads\/2020\/09\/Drift-och-skotselrad-F-B-T-markiser.pdf\" class=\"pd-doc-link\" target=\"_blank\" rel=\"noopener\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Skötselråd\n \u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Stäng-knapp --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003cbutton class=\"pd-close-btn\" onclick=\"this.closest('details').removeAttribute('open')\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"18 15 12 9 6 15\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Stäng\n \u003c\/button\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n\u003c\/article\u003e\n\n\n\u003c\/body\u003e","brand":"Från 6 115 kr (ordinarie 10 166 kr)","offers":[{"title":"Default Title","offer_id":46758597296476,"sku":"B260","price":6115.0,"currency_code":"SEK","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0759\/6153\/2764\/files\/balkongmarkis-b260-s-a-persienn-and-markisservice-ab.png?v=1770637442"},{"product_id":"zip-screen-z360","title":"StyRa Z360","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eProduktinformation – Z360 \/ Z360 4K\u003c\/title\u003e\n\u003cstyle\u003e\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700\u0026display=swap');\n\n:root {\n --navy: #253551;\n --navy-light: #2e4168;\n --navy-pale: #e8ecf3;\n --cream: #f7f6f2;\n --accent: #253551;\n --text: #1a2030;\n --text-muted: #6b7a94;\n --border: rgba(37,53,81,0.10);\n --radius: 12px;\n}\n\n.pd-root {\n font-family: 'Poppins', sans-serif;\n color: var(--text);\n max-width: 680px;\n line-height: 1.65;\n}\n\n.pd-intro { margin-bottom: 2rem; }\n\n.pd-lead {\n font-size: 20px;\n color: var(--text-muted);\n font-weight: 300;\n max-width: 560px;\n}\n\n.pd-specs-strip {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1px;\n background: var(--border);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n overflow: hidden;\n margin-bottom: 2rem;\n}\n\n.pd-spec-item {\n background: #fff;\n padding: 1rem 1.1rem;\n display: flex;\n flex-direction: column;\n gap: 0.2rem;\n transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;\n cursor: default;\n}\n\n.pd-spec-item:hover {\n background: var(--navy);\n transform: translateY(-2px);\n box-shadow: 0 6px 16px rgba(37,53,81,0.18);\n z-index: 1;\n position: relative;\n}\n\n.pd-spec-item:hover .pd-spec-label { color: rgba(255,255,255,0.55); }\n.pd-spec-item:hover .pd-spec-value { color: #fff; }\n\n.pd-spec-label {\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: var(--text-muted);\n}\n\n.pd-spec-value {\n font-size: 18px;\n font-weight: 600;\n color: var(--navy);\n white-space: nowrap;\n}\n\n.pd-details { border-radius: var(--radius); overflow: hidden; }\n\n.pd-details-summary {\n list-style: none;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 1.1rem 1.4rem;\n background: var(--navy-pale);\n border: 2px solid rgba(37,53,81,0.18);\n border-radius: var(--radius);\n user-select: none;\n transition: background 0.18s ease, border-color 0.18s ease;\n}\n\n.pd-details[open] .pd-details-summary {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n background: var(--navy);\n border-color: var(--navy);\n}\n\n.pd-details[open] .pd-details-summary .pd-details-title,\n.pd-details[open] .pd-details-summary .pd-details-subtitle { color: #fff; }\n.pd-details[open] .pd-details-summary .pd-details-icon { background: rgba(255,255,255,0.15); }\n.pd-details[open] .pd-details-summary .pd-details-icon svg { stroke: #fff; }\n.pd-details[open] .pd-details-summary .pd-chevron { stroke: #fff; }\n\n.pd-details-summary::-webkit-details-marker { display: none; }\n.pd-details-summary:hover { background: #d4dbe8; border-color: rgba(37,53,81,0.3); }\n.pd-details[open] .pd-details-summary:hover { background: var(--navy-light); border-color: var(--navy-light); }\n\n.pd-details-summary-left { display: flex; align-items: center; gap: 0.75rem; }\n\n.pd-details-icon {\n width: 36px;\n height: 36px;\n background: rgba(37,53,81,0.12);\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n transition: background 0.18s ease;\n}\n\n.pd-details-icon svg {\n width: 18px;\n height: 18px;\n stroke: var(--navy);\n fill: none;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n transition: stroke 0.18s ease;\n}\n\n.pd-details-title { font-size: 15px; font-weight: 700; color: var(--navy); transition: color 0.18s ease; }\n.pd-details-subtitle { font-size: 13px; color: var(--text-muted); margin-top: 0.05rem; transition: color 0.18s ease; }\n\n.pd-chevron {\n width: 20px;\n height: 20px;\n stroke: var(--navy);\n fill: none;\n stroke-width: 2.5;\n stroke-linecap: round;\n stroke-linejoin: round;\n transition: transform 0.25s ease, stroke 0.18s ease;\n flex-shrink: 0;\n}\n\n.pd-details[open] .pd-chevron { transform: rotate(180deg); }\n\n.pd-details-body {\n padding: 0 1.4rem 1.4rem;\n padding-top: 0;\n background: #fff;\n border: 2px solid var(--navy);\n border-top: 1px solid rgba(37,53,81,0.15);\n border-bottom-left-radius: var(--radius);\n border-bottom-right-radius: var(--radius);\n animation: pdFadeIn 0.22s ease;\n}\n\n@keyframes pdFadeIn {\n from { opacity: 0; transform: translateY(-6px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n.pd-section { margin-top: 1.4rem; }\n.pd-section:first-child { margin-top: 2rem; }\n\n.pd-section-title {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--accent);\n margin-bottom: 0.6rem;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n\n.pd-section-title::after {\n content: '';\n flex: 1;\n height: 1px;\n background: var(--border);\n transition: background 0.3s ease;\n}\n\n.pd-section:hover .pd-section-title::after { background: var(--navy); }\n\n.pd-section p, .pd-section ul { font-size: 15px; color: var(--text-muted); margin: 0 0 0.5rem; }\n.pd-section ul { padding-left: 1.2rem; }\n.pd-section li { margin-bottom: 0.25rem; }\n.pd-section a { color: var(--navy); font-weight: 500; }\n.pd-section a:hover { color: var(--accent); }\n\n.pd-fact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.5rem; }\n\n.pd-fact {\n background: var(--navy);\n border-radius: 8px;\n padding: 0.6rem 0.8rem;\n transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;\n cursor: default;\n}\n\n.pd-fact:hover { background: var(--navy-light); transform: translateY(-2px); box-shadow: 0 6px 16px rgba(37,53,81,0.18); }\n.pd-fact-k { font-size: 11px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.55); }\n.pd-fact-v { font-size: 15px; font-weight: 600; color: #fff; margin-top: 0.1rem; }\n\n.pd-notice {\n background: var(--navy-pale);\n border: 1px solid rgba(37,53,81,0.18);\n border-radius: 8px;\n padding: 0.65rem 0.9rem;\n font-size: 13px;\n color: var(--text-muted);\n margin-top: 0.6rem;\n line-height: 1.5;\n}\n\n.pd-notice strong { color: var(--navy); }\n\n.pd-tip {\n background: linear-gradient(135deg, var(--navy-pale), #eef1f7);\n border-left: 3px solid var(--navy);\n border-radius: 0 8px 8px 0;\n padding: 0.75rem 1rem;\n font-size: 14px;\n color: var(--text-muted);\n margin-top: 0.5rem;\n transition: border-left-width 0.18s ease, background 0.18s ease;\n}\n\n.pd-tip:hover { border-left-width: 5px; background: linear-gradient(135deg, #dce3ef, #e8edf6); }\n\n.pd-tip strong {\n color: var(--navy);\n display: block;\n margin-bottom: 0.15rem;\n font-size: 11px;\n letter-spacing: 0.05em;\n text-transform: uppercase;\n}\n\n.pd-colors {\n display: flex;\n gap: 0.6rem;\n flex-wrap: wrap;\n margin-top: 0.3rem;\n}\n\n.pd-color-chip {\n display: flex;\n align-items: center;\n gap: 0.4rem;\n font-size: 13px;\n color: #fff;\n background: var(--navy);\n padding: 0.3rem 0.6rem;\n border-radius: 20px;\n transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;\n}\n\n.pd-color-chip:hover { background: var(--navy-light); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(37,53,81,0.18); }\n\n.pd-color-dot {\n width: 12px;\n height: 12px;\n border-radius: 50%;\n border: 1px solid rgba(0,0,0,0.1);\n}\n\n.pd-docs {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0.5rem;\n}\n\n.pd-doc-link {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.6rem 0.8rem;\n border: 1px solid var(--border);\n border-radius: 8px;\n text-decoration: none;\n font-size: 14px;\n font-weight: 500;\n color: var(--navy);\n background: #fff;\n transition: all 0.16s ease;\n}\n\n.pd-doc-link:hover { background: var(--navy); color: #fff !important; border-color: var(--navy); }\n.pd-doc-link:hover svg { stroke: #fff; }\n\n.pd-doc-link svg {\n width: 14px;\n height: 14px;\n flex-shrink: 0;\n stroke: currentColor;\n fill: none;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n}\n\n.pd-close-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.4rem;\n width: 100%;\n padding: 0.7rem 1rem;\n background: var(--navy-pale);\n border: 1px solid rgba(37,53,81,0.15);\n border-radius: 8px;\n font-family: 'Poppins', sans-serif;\n font-size: 13px;\n font-weight: 600;\n letter-spacing: 0.05em;\n color: var(--navy);\n cursor: pointer;\n transition: background 0.16s ease, border-color 0.16s ease;\n}\n\n.pd-close-btn:hover { background: #d4dbe8; border-color: rgba(37,53,81,0.3); }\n\n.pd-close-btn svg {\n width: 16px;\n height: 16px;\n stroke: var(--navy);\n fill: none;\n stroke-width: 2.5;\n stroke-linecap: round;\n stroke-linejoin: round;\n}\n\n@media (max-width: 500px) {\n .pd-specs-strip { grid-template-columns: repeat(2, 1fr); }\n .pd-fact-grid { grid-template-columns: 1fr; }\n .pd-docs { grid-template-columns: 1fr; }\n}\n\u003c\/style\u003e\n\n\n\n\u003carticle itemtype=\"https:\/\/schema.org\/Product\" itemscope class=\"pd-root\"\u003e\n\n \u003c!-- Intro --\u003e\n \u003cdiv class=\"pd-intro\"\u003e\n \u003cp itemprop=\"description\" class=\"pd-lead\"\u003e\n \u003cstrong\u003eElegant och kompakt Zip Screen med effektivt sol- och vindskydd. Finns med rundat (Z360) eller fyrkantigt (Z360 4K) kassettlock — ett utmärkt val för mindre fönster i utsatta lägen.\u003c\/strong\u003e\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Quick specs --\u003e\n \u003cdiv aria-label=\"Snabbfakta\" class=\"pd-specs-strip\"\u003e\n \u003cdiv class=\"pd-spec-item\"\u003e\n \u003cspan class=\"pd-spec-label\"\u003eMax bredd\u003c\/span\u003e\n \u003cspan class=\"pd-spec-value\"\u003e2200 mm\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-spec-item\"\u003e\n \u003cspan class=\"pd-spec-label\"\u003eMax höjd\u003c\/span\u003e\n \u003cspan class=\"pd-spec-value\"\u003e2200 mm\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-spec-item\"\u003e\n \u003cspan class=\"pd-spec-label\"\u003eVindklass\u003c\/span\u003e\n \u003cspan class=\"pd-spec-value\"\u003eKlass 6\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Expandable details --\u003e\n \u003cdetails class=\"pd-details\"\u003e\n \u003csummary class=\"pd-details-summary\"\u003e\n \u003cdiv class=\"pd-details-summary-left\"\u003e\n \u003cdiv class=\"pd-details-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cline x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\u003cline x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"pd-details-title\"\u003eSpecifikationer \u0026amp; dokument\u003c\/div\u003e\n \u003cdiv class=\"pd-details-subtitle\"\u003eMått, styrning, vävar, monteringsanvisning\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003csvg class=\"pd-chevron\" viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n \u003c\/summary\u003e\n\n \u003cdiv class=\"pd-details-body\"\u003e\n\n \u003c!-- Montering --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eMontering\u003c\/h3\u003e\n \u003cp\u003eMonteras direkt på \u003cstrong\u003evägg eller foder\u003c\/strong\u003e. Vid nischmontage borras styrskenan i mitten — även zip-skenan borras. Styrskenorna förborras \u003cstrong\u003e100 mm c\/c\u003c\/strong\u003e från varje ände med max \u003cstrong\u003e600 mm\u003c\/strong\u003e mellan hålen. Skruvar för infästning ingår ej.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Styrning --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eStyrning\u003c\/h3\u003e\n \u003cp\u003eZ360 utrustas med \u003cstrong\u003emotor\u003c\/strong\u003e. Vid motorstyrning med Somfy Standard ska kabelutgången alltid placeras i kassettens underkant.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Profilfärger --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eProfilfärger\u003c\/h3\u003e\n \u003cdiv class=\"pd-colors\"\u003e\n \u003cspan class=\"pd-color-chip\"\u003e\u003cspan class=\"pd-color-dot\" style=\"background:#f5f5f0;\"\u003e\u003c\/span\u003eVit RAL 9010\u003c\/span\u003e\n \u003cspan class=\"pd-color-chip\"\u003e\u003cspan class=\"pd-color-dot\" style=\"background:#2a2a2a;\"\u003e\u003c\/span\u003eSvart WY360F\u003c\/span\u003e\n \u003cspan class=\"pd-color-chip\"\u003e\u003cspan class=\"pd-color-dot\" style=\"background:#b8bec7;\"\u003e\u003c\/span\u003eSilver SW801D\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top:0.5rem;\"\u003ePulverlackerade aluminiumprofiler för maximal hållbarhet och väderbeständighet.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Produktfakta --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eProduktfakta\u003c\/h3\u003e\n \u003cdiv class=\"pd-fact-grid\"\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eMax bredd\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003e2200 mm\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eMax höjd\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003e2200 mm\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eVindklass\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003eKlass 6\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eSidostyrning\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003eZip-skena, alum.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Vävar --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eVävar\u003c\/h3\u003e\n \u003cp\u003eLevereras med \u003cstrong\u003eglasfiberarmerad screenväv\u003c\/strong\u003e som kombinerar hög hållbarhet med effektiv solreduktion. De små perforeringarna filtrerar ljuset och ger behagligt ljusinsläpp med viss genomsyn utåt.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eRekommenderade vävar:\u003c\/strong\u003e Serge 600 (5 %), Serge 10 % eller Serge 1 %.\u003c\/p\u003e\n \u003cdiv class=\"pd-notice\"\u003e\n Vid väv utan glasfiber kan viss vågeffekt uppstå nära zippen — detta är helt normalt och påverkar inte funktion eller livslängd.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Måttagning --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eMåttagning\u003c\/h3\u003e\n \u003cdiv class=\"pd-tip\"\u003e\n \u003cstrong\u003eBredd\u003c\/strong\u003e\n Mät fönstrets karm- eller nischmått. För väggmontage rekommenderas att markisen täcker hela fönsteröppningen med ett par centimeters marginal för optimalt skydd.\n \u003c\/div\u003e\n \u003cdiv class=\"pd-tip\" style=\"margin-top:0.5rem;\"\u003e\n \u003cstrong\u003eHöjd\u003c\/strong\u003e\n Mät från den planerade monteringspunkten till önskad nederkant på screenen.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Vindklass --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eVindklass\u003c\/h3\u003e\n \u003cp\u003eZ360 är certifierad enligt europeisk standard \u003cstrong\u003eEN 13561\u003c\/strong\u003e och klassad som \u003cstrong\u003eVindklass 6\u003c\/strong\u003e — den högsta klassen i serien, tack vare zip-skenans låsande sidostyrning.\u003c\/p\u003e\n \u003cdiv class=\"pd-fact-grid\" style=\"margin-top:0.6rem;\"\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eKlass 6\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003eHögsta klassen\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eSidostyrning\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003eZip-skena i aluminium\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-tip\" style=\"margin-top:0.6rem;\"\u003e\n \u003cstrong\u003eVad innebär det i praktiken?\u003c\/strong\u003e\n Klass 6 innebär att screenen klarar mycket starka vindförhållanden utan att lyftas eller skadas — zip-skenan håller väven låst längs hela kanten. Modellen är därför särskilt lämplig för utsatta lägen som höghus, kustmiljöer och öppna terrasser.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Dokument --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eDokument\u003c\/h3\u003e\n \u003cdiv class=\"pd-docs\"\u003e\n \u003ca href=\"https:\/\/www.styrasolskydd.se\/wp-content\/uploads\/2022\/08\/StyRa-Produktblad-Zip-Screen-Z360.pdf\" class=\"pd-doc-link\" target=\"_blank\" rel=\"noopener\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Produktblad\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/www.styrasolskydd.se\/wp-content\/uploads\/2022\/08\/StyRa-Teknisk-information-Zip-Screen.pdf\" class=\"pd-doc-link\" target=\"_blank\" rel=\"noopener\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Teknisk info\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/www.styrasolskydd.se\/wp-content\/uploads\/2022\/03\/Drift-Underhall-StyRa-Zip-Screen.pdf\" class=\"pd-doc-link\" target=\"_blank\" rel=\"noopener\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Skötselråd\n \u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Stäng-knapp --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003cbutton class=\"pd-close-btn\" onclick=\"this.closest('details').removeAttribute('open')\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"18 15 12 9 6 15\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Stäng\n \u003c\/button\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n\u003c\/article\u003e\n\n\n\u003c\/body\u003e","brand":"Från 4 312 kr (Ordinarie 8 201 kr)","offers":[{"title":"Default Title","offer_id":46758600016220,"sku":"Z360","price":4312.0,"currency_code":"SEK","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0759\/6153\/2764\/files\/zip-screen-z360-s-a-persienn-and-markisservice-ab.png?v=1770637443"},{"product_id":"zip-screen-z460","title":"StyRa Z460 \/ Z460 4K","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eProduktinformation – Z460 \/ Z460 4K\u003c\/title\u003e\n\u003cstyle\u003e\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700\u0026display=swap');\n\n:root {\n --navy: #253551;\n --navy-light: #2e4168;\n --navy-pale: #e8ecf3;\n --cream: #f7f6f2;\n --accent: #253551;\n --text: #1a2030;\n --text-muted: #6b7a94;\n --border: rgba(37,53,81,0.10);\n --radius: 12px;\n}\n\n.pd-root {\n font-family: 'Poppins', sans-serif;\n color: var(--text);\n max-width: 680px;\n line-height: 1.65;\n}\n\n.pd-intro { margin-bottom: 2rem; }\n\n.pd-lead {\n font-size: 20px;\n color: var(--text-muted);\n font-weight: 300;\n max-width: 560px;\n}\n\n.pd-specs-strip {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1px;\n background: var(--border);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n overflow: hidden;\n margin-bottom: 2rem;\n}\n\n.pd-spec-item {\n background: #fff;\n padding: 1rem 1.1rem;\n display: flex;\n flex-direction: column;\n gap: 0.2rem;\n transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;\n cursor: default;\n}\n\n.pd-spec-item:hover {\n background: var(--navy);\n transform: translateY(-2px);\n box-shadow: 0 6px 16px rgba(37,53,81,0.18);\n z-index: 1;\n position: relative;\n}\n\n.pd-spec-item:hover .pd-spec-label { color: rgba(255,255,255,0.55); }\n.pd-spec-item:hover .pd-spec-value { color: #fff; }\n\n.pd-spec-label {\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: var(--text-muted);\n}\n\n.pd-spec-value {\n font-size: 18px;\n font-weight: 600;\n color: var(--navy);\n white-space: nowrap;\n}\n\n.pd-details { border-radius: var(--radius); overflow: hidden; }\n\n.pd-details-summary {\n list-style: none;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 1.1rem 1.4rem;\n background: var(--navy-pale);\n border: 2px solid rgba(37,53,81,0.18);\n border-radius: var(--radius);\n user-select: none;\n transition: background 0.18s ease, border-color 0.18s ease;\n}\n\n.pd-details[open] .pd-details-summary {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n background: var(--navy);\n border-color: var(--navy);\n}\n\n.pd-details[open] .pd-details-summary .pd-details-title,\n.pd-details[open] .pd-details-summary .pd-details-subtitle { color: #fff; }\n.pd-details[open] .pd-details-summary .pd-details-icon { background: rgba(255,255,255,0.15); }\n.pd-details[open] .pd-details-summary .pd-details-icon svg { stroke: #fff; }\n.pd-details[open] .pd-details-summary .pd-chevron { stroke: #fff; }\n\n.pd-details-summary::-webkit-details-marker { display: none; }\n.pd-details-summary:hover { background: #d4dbe8; border-color: rgba(37,53,81,0.3); }\n.pd-details[open] .pd-details-summary:hover { background: var(--navy-light); border-color: var(--navy-light); }\n\n.pd-details-summary-left { display: flex; align-items: center; gap: 0.75rem; }\n\n.pd-details-icon {\n width: 36px;\n height: 36px;\n background: rgba(37,53,81,0.12);\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n transition: background 0.18s ease;\n}\n\n.pd-details-icon svg {\n width: 18px;\n height: 18px;\n stroke: var(--navy);\n fill: none;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n transition: stroke 0.18s ease;\n}\n\n.pd-details-title { font-size: 15px; font-weight: 700; color: var(--navy); transition: color 0.18s ease; }\n.pd-details-subtitle { font-size: 13px; color: var(--text-muted); margin-top: 0.05rem; transition: color 0.18s ease; }\n\n.pd-chevron {\n width: 20px;\n height: 20px;\n stroke: var(--navy);\n fill: none;\n stroke-width: 2.5;\n stroke-linecap: round;\n stroke-linejoin: round;\n transition: transform 0.25s ease, stroke 0.18s ease;\n flex-shrink: 0;\n}\n\n.pd-details[open] .pd-chevron { transform: rotate(180deg); }\n\n.pd-details-body {\n padding: 0 1.4rem 1.4rem;\n padding-top: 0;\n background: #fff;\n border: 2px solid var(--navy);\n border-top: 1px solid rgba(37,53,81,0.15);\n border-bottom-left-radius: var(--radius);\n border-bottom-right-radius: var(--radius);\n animation: pdFadeIn 0.22s ease;\n}\n\n@keyframes pdFadeIn {\n from { opacity: 0; transform: translateY(-6px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n.pd-section { margin-top: 1.4rem; }\n.pd-section:first-child { margin-top: 2rem; }\n\n.pd-section-title {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--accent);\n margin-bottom: 0.6rem;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n\n.pd-section-title::after {\n content: '';\n flex: 1;\n height: 1px;\n background: var(--border);\n transition: background 0.3s ease;\n}\n\n.pd-section:hover .pd-section-title::after { background: var(--navy); }\n\n.pd-section p, .pd-section ul { font-size: 15px; color: var(--text-muted); margin: 0 0 0.5rem; }\n.pd-section ul { padding-left: 1.2rem; }\n.pd-section li { margin-bottom: 0.35rem; }\n.pd-section a { color: var(--navy); font-weight: 500; }\n.pd-section a:hover { color: var(--accent); }\n\n.pd-fact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.5rem; }\n\n.pd-fact {\n background: var(--navy);\n border-radius: 8px;\n padding: 0.6rem 0.8rem;\n transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;\n cursor: default;\n}\n\n.pd-fact:hover { background: var(--navy-light); transform: translateY(-2px); box-shadow: 0 6px 16px rgba(37,53,81,0.18); }\n.pd-fact-k { font-size: 11px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.55); }\n.pd-fact-v { font-size: 15px; font-weight: 600; color: #fff; margin-top: 0.1rem; }\n\n.pd-notice {\n background: var(--navy-pale);\n border: 1px solid rgba(37,53,81,0.18);\n border-radius: 8px;\n padding: 0.65rem 0.9rem;\n font-size: 13px;\n color: var(--text-muted);\n margin-top: 0.6rem;\n line-height: 1.5;\n}\n\n.pd-notice strong { color: var(--navy); }\n\n.pd-tip {\n background: linear-gradient(135deg, var(--navy-pale), #eef1f7);\n border-left: 3px solid var(--navy);\n border-radius: 0 8px 8px 0;\n padding: 0.75rem 1rem;\n font-size: 14px;\n color: var(--text-muted);\n margin-top: 0.5rem;\n transition: border-left-width 0.18s ease, background 0.18s ease;\n}\n\n.pd-tip:hover { border-left-width: 5px; background: linear-gradient(135deg, #dce3ef, #e8edf6); }\n\n.pd-tip strong {\n color: var(--navy);\n display: block;\n margin-bottom: 0.15rem;\n font-size: 11px;\n letter-spacing: 0.05em;\n text-transform: uppercase;\n}\n\n.pd-colors {\n display: flex;\n gap: 0.6rem;\n flex-wrap: wrap;\n margin-top: 0.3rem;\n}\n\n.pd-color-chip {\n display: flex;\n align-items: center;\n gap: 0.4rem;\n font-size: 13px;\n color: #fff;\n background: var(--navy);\n padding: 0.3rem 0.6rem;\n border-radius: 20px;\n transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;\n}\n\n.pd-color-chip:hover { background: var(--navy-light); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(37,53,81,0.18); }\n\n.pd-color-dot {\n width: 12px;\n height: 12px;\n border-radius: 50%;\n border: 1px solid rgba(0,0,0,0.1);\n}\n\n.pd-docs {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0.5rem;\n}\n\n.pd-doc-link {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.6rem 0.8rem;\n border: 1px solid var(--border);\n border-radius: 8px;\n text-decoration: none;\n font-size: 14px;\n font-weight: 500;\n color: var(--navy);\n background: #fff;\n transition: all 0.16s ease;\n}\n\n.pd-doc-link:hover { background: var(--navy); color: #fff !important; border-color: var(--navy); }\n.pd-doc-link:hover svg { stroke: #fff; }\n\n.pd-doc-link svg {\n width: 14px;\n height: 14px;\n flex-shrink: 0;\n stroke: currentColor;\n fill: none;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n}\n\n.pd-close-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.4rem;\n width: 100%;\n padding: 0.7rem 1rem;\n background: var(--navy-pale);\n border: 1px solid rgba(37,53,81,0.15);\n border-radius: 8px;\n font-family: 'Poppins', sans-serif;\n font-size: 13px;\n font-weight: 600;\n letter-spacing: 0.05em;\n color: var(--navy);\n cursor: pointer;\n transition: background 0.16s ease, border-color 0.16s ease;\n}\n\n.pd-close-btn:hover { background: #d4dbe8; border-color: rgba(37,53,81,0.3); }\n\n.pd-close-btn svg {\n width: 16px;\n height: 16px;\n stroke: var(--navy);\n fill: none;\n stroke-width: 2.5;\n stroke-linecap: round;\n stroke-linejoin: round;\n}\n\n@media (max-width: 500px) {\n .pd-specs-strip { grid-template-columns: repeat(2, 1fr); }\n .pd-fact-grid { grid-template-columns: 1fr; }\n .pd-docs { grid-template-columns: 1fr; }\n}\n\u003c\/style\u003e\n\n\n\n\u003carticle itemtype=\"https:\/\/schema.org\/Product\" itemscope class=\"pd-root\"\u003e\n\n \u003c!-- Intro --\u003e\n \u003cdiv class=\"pd-intro\"\u003e\n \u003cp itemprop=\"description\" class=\"pd-lead\"\u003e\n \u003cstrong\u003eElegant och kraftfull Zip Screen för större fönsterpartier och glasade fasader. Smal modern design med nästintill helt vindsäker zip-skena — finns med rundad eller fyrkantig kassett.\u003c\/strong\u003e\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Quick specs --\u003e\n \u003cdiv aria-label=\"Snabbfakta\" class=\"pd-specs-strip\"\u003e\n \u003cdiv class=\"pd-spec-item\"\u003e\n \u003cspan class=\"pd-spec-label\"\u003eMax bredd\u003c\/span\u003e\n \u003cspan class=\"pd-spec-value\"\u003e4000 mm\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-spec-item\"\u003e\n \u003cspan class=\"pd-spec-label\"\u003eMax höjd\u003c\/span\u003e\n \u003cspan class=\"pd-spec-value\"\u003e3500 mm\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-spec-item\"\u003e\n \u003cspan class=\"pd-spec-label\"\u003eVindklass\u003c\/span\u003e\n \u003cspan class=\"pd-spec-value\"\u003eKlass 3–6\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Expandable details --\u003e\n \u003cdetails class=\"pd-details\"\u003e\n \u003csummary class=\"pd-details-summary\"\u003e\n \u003cdiv class=\"pd-details-summary-left\"\u003e\n \u003cdiv class=\"pd-details-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cline x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\u003cline x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"pd-details-title\"\u003eSpecifikationer \u0026amp; dokument\u003c\/div\u003e\n \u003cdiv class=\"pd-details-subtitle\"\u003eMått, styrning, vävar, monteringsanvisning\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003csvg class=\"pd-chevron\" viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n \u003c\/summary\u003e\n\n \u003cdiv class=\"pd-details-body\"\u003e\n\n \u003c!-- Montering --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eMontering\u003c\/h3\u003e\n \u003cp\u003eMonteras direkt på \u003cstrong\u003evägg eller foder\u003c\/strong\u003e. Vid behov kan \u003cstrong\u003edistansprofiler\u003c\/strong\u003e användas för att föra ut konstruktionen från väggen. Vid nischmontage borras styrskenan i mitten — även zip-skenan borras. Styrskenor förborras \u003cstrong\u003e100 mm c\/c\u003c\/strong\u003e från varje ände med max \u003cstrong\u003e600 mm\u003c\/strong\u003e mellan hålen. Skruvar för infästning ingår ej.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Styrning --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eStyrning\u003c\/h3\u003e\n \u003cp\u003eZ460 levereras alltid med \u003cstrong\u003emotorstyrning\u003c\/strong\u003e. Välj motor utifrån behov av kontroll, automatik eller integration med smarta hem-system.\u003c\/p\u003e\n \u003cdiv class=\"pd-fact-grid\" style=\"margin-top:0.6rem;\"\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eSomfy Maestria io\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003eMin 720 mm bredd\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eSomfy Maestria WT\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003eMin 670 mm bredd\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-notice\"\u003e\n \u003cstrong\u003eObs:\u003c\/strong\u003e Bandreglage är ej tillgängligt för Z460. Maestria WT har elektroniska gränslägen. Maestria io styrs via handsändare eller väggsändare.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Profilfärger --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eProfilfärger\u003c\/h3\u003e\n \u003cdiv class=\"pd-colors\"\u003e\n \u003cspan class=\"pd-color-chip\"\u003e\u003cspan class=\"pd-color-dot\" style=\"background:#f5f5f0;\"\u003e\u003c\/span\u003eVit RAL 9010\u003c\/span\u003e\n \u003cspan class=\"pd-color-chip\"\u003e\u003cspan class=\"pd-color-dot\" style=\"background:#2a2a2a;\"\u003e\u003c\/span\u003eSvart WY360F\u003c\/span\u003e\n \u003cspan class=\"pd-color-chip\"\u003e\u003cspan class=\"pd-color-dot\" style=\"background:#b8bec7;\"\u003e\u003c\/span\u003eSilver SW801D\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top:0.5rem;\"\u003eAlla profiler är pulverlackerade för optimal hållbarhet och finish. Modellen levereras med \u003cstrong\u003erundad eller fyrkantig kassett (4K)\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Produktfakta --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eProduktfakta\u003c\/h3\u003e\n \u003cdiv class=\"pd-fact-grid\"\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eMax bredd\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003e4000 mm\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eMax höjd\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003e3500 mm\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eVindklass\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003eKlass 3–6\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eSkarvfri duk\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003eH \u0026lt; 2450 \/ B \u0026lt; 2650\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-notice\" style=\"margin-top:0.6rem;\"\u003e\n Skarvfri duk erhålls vid höjd under \u003cstrong\u003e2450 mm\u003c\/strong\u003e eller bredd under \u003cstrong\u003e2650 mm\u003c\/strong\u003e.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Vävar --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eVävar\u003c\/h3\u003e\n \u003cp\u003eFör bästa resultat rekommenderas \u003cstrong\u003eglasfiberarmerad screenväv\u003c\/strong\u003e med små perforeringar som släpper in ljus men stoppar värme — mjukt ljusinsläpp och viss genomsyn utåt utan att blända.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eRekommenderade vävar:\u003c\/strong\u003e Serge 600 (1 %), Serge 600 (5 %) eller Serge 600 (10 %).\u003c\/p\u003e\n \u003cdiv class=\"pd-notice\"\u003e\n Vid väv utan glasfiber kan viss vågeffekt uppstå nära zippen — detta är normalt och påverkar inte funktionen.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Måttagning --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eMåttagning\u003c\/h3\u003e\n \u003cdiv class=\"pd-tip\"\u003e\n \u003cstrong\u003eBredd\u003c\/strong\u003e\n Mät fönstrets totala karmmått eller det område du vill täcka. För väggmontage rekommenderas att bredden överstiger fönstrets karmmått med ett par centimeter på varje sida.\n \u003c\/div\u003e\n \u003cdiv class=\"pd-tip\" style=\"margin-top:0.5rem;\"\u003e\n \u003cstrong\u003eHöjd\u003c\/strong\u003e\n Mät från monteringspunkten till önskad nederkant. Utfallet påverkas något vid lutning av väven eller snedmontering.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Vindklass --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eVindklass\u003c\/h3\u003e\n \u003cp\u003eZ460 är certifierad enligt europeisk standard \u003cstrong\u003eEN 13561\u003c\/strong\u003e. Vindklass beror på markisens storlek — mindre format uppnår klass 6 medan större format klassas till klass 3.\u003c\/p\u003e\n \u003cdiv class=\"pd-fact-grid\" style=\"margin-top:0.6rem;\"\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eKlass 6 (mindre format)\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003eHögsta klassen\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eKlass 3 (större format)\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003eca 11+ m\/s\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-tip\" style=\"margin-top:0.6rem;\"\u003e\n \u003cstrong\u003eVad innebär det i praktiken?\u003c\/strong\u003e\n Zip-skenan låser väven längs hela kanten och gör modellen nästintill vindsäker. Klass 6 är den högsta klassen enligt EN 13561 och passar utsatta lägen som höghus, kustmiljöer och öppna glasfasader. Se produktbladet för exakt klassning per storlek.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Dokument --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eDokument\u003c\/h3\u003e\n \u003cdiv class=\"pd-docs\"\u003e\n \u003ca href=\"https:\/\/www.styrasolskydd.se\/wp-content\/uploads\/2022\/08\/StyRa-Produktblad-Zip-Screen-Z460.pdf\" class=\"pd-doc-link\" target=\"_blank\" rel=\"noopener\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Produktblad\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/www.styrasolskydd.se\/wp-content\/uploads\/2022\/08\/StyRa-Teknisk-information-Zip-Screen.pdf\" class=\"pd-doc-link\" target=\"_blank\" rel=\"noopener\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Teknisk info\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/www.styrasolskydd.se\/wp-content\/uploads\/2022\/03\/Drift-Underhall-StyRa-Zip-Screen.pdf\" class=\"pd-doc-link\" target=\"_blank\" rel=\"noopener\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Skötselråd\n \u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Stäng-knapp --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003cbutton class=\"pd-close-btn\" onclick=\"this.closest('details').removeAttribute('open')\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"18 15 12 9 6 15\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Stäng\n \u003c\/button\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n\u003c\/article\u003e\n\n\n\u003c\/body\u003e","brand":"Från 9 353 kr (ordinarie 13 696 kr)","offers":[{"title":"Default Title","offer_id":46758600540508,"sku":"Z460","price":9353.0,"currency_code":"SEK","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0759\/6153\/2764\/files\/zip-screen-z460-z460-4k-s-a-persienn-and-markisservice-ab.png?v=1770637445"},{"product_id":"zip-screen-z560","title":"StyRa Z560","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eProduktinformation – Z560 \/ Z560 4K\u003c\/title\u003e\n\u003cstyle\u003e\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700\u0026display=swap');\n\n:root {\n --navy: #253551;\n --navy-light: #2e4168;\n --navy-pale: #e8ecf3;\n --cream: #f7f6f2;\n --accent: #253551;\n --text: #1a2030;\n --text-muted: #6b7a94;\n --border: rgba(37,53,81,0.10);\n --radius: 12px;\n}\n\n.pd-root {\n font-family: 'Poppins', sans-serif;\n color: var(--text);\n max-width: 680px;\n line-height: 1.65;\n}\n\n.pd-intro { margin-bottom: 2rem; }\n\n.pd-lead {\n font-size: 20px;\n color: var(--text-muted);\n font-weight: 300;\n max-width: 560px;\n}\n\n.pd-specs-strip {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1px;\n background: var(--border);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n overflow: hidden;\n margin-bottom: 2rem;\n}\n\n.pd-spec-item {\n background: #fff;\n padding: 1rem 1.1rem;\n display: flex;\n flex-direction: column;\n gap: 0.2rem;\n transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;\n cursor: default;\n}\n\n.pd-spec-item:hover {\n background: var(--navy);\n transform: translateY(-2px);\n box-shadow: 0 6px 16px rgba(37,53,81,0.18);\n z-index: 1;\n position: relative;\n}\n\n.pd-spec-item:hover .pd-spec-label { color: rgba(255,255,255,0.55); }\n.pd-spec-item:hover .pd-spec-value { color: #fff; }\n\n.pd-spec-label {\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: var(--text-muted);\n}\n\n.pd-spec-value {\n font-size: 18px;\n font-weight: 600;\n color: var(--navy);\n white-space: nowrap;\n}\n\n.pd-details { border-radius: var(--radius); overflow: hidden; }\n\n.pd-details-summary {\n list-style: none;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 1.1rem 1.4rem;\n background: var(--navy-pale);\n border: 2px solid rgba(37,53,81,0.18);\n border-radius: var(--radius);\n user-select: none;\n transition: background 0.18s ease, border-color 0.18s ease;\n}\n\n.pd-details[open] .pd-details-summary {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n background: var(--navy);\n border-color: var(--navy);\n}\n\n.pd-details[open] .pd-details-summary .pd-details-title,\n.pd-details[open] .pd-details-summary .pd-details-subtitle { color: #fff; }\n.pd-details[open] .pd-details-summary .pd-details-icon { background: rgba(255,255,255,0.15); }\n.pd-details[open] .pd-details-summary .pd-details-icon svg { stroke: #fff; }\n.pd-details[open] .pd-details-summary .pd-chevron { stroke: #fff; }\n\n.pd-details-summary::-webkit-details-marker { display: none; }\n.pd-details-summary:hover { background: #d4dbe8; border-color: rgba(37,53,81,0.3); }\n.pd-details[open] .pd-details-summary:hover { background: var(--navy-light); border-color: var(--navy-light); }\n\n.pd-details-summary-left { display: flex; align-items: center; gap: 0.75rem; }\n\n.pd-details-icon {\n width: 36px;\n height: 36px;\n background: rgba(37,53,81,0.12);\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n transition: background 0.18s ease;\n}\n\n.pd-details-icon svg {\n width: 18px;\n height: 18px;\n stroke: var(--navy);\n fill: none;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n transition: stroke 0.18s ease;\n}\n\n.pd-details-title { font-size: 15px; font-weight: 700; color: var(--navy); transition: color 0.18s ease; }\n.pd-details-subtitle { font-size: 13px; color: var(--text-muted); margin-top: 0.05rem; transition: color 0.18s ease; }\n\n.pd-chevron {\n width: 20px;\n height: 20px;\n stroke: var(--navy);\n fill: none;\n stroke-width: 2.5;\n stroke-linecap: round;\n stroke-linejoin: round;\n transition: transform 0.25s ease, stroke 0.18s ease;\n flex-shrink: 0;\n}\n\n.pd-details[open] .pd-chevron { transform: rotate(180deg); }\n\n.pd-details-body {\n padding: 0 1.4rem 1.4rem;\n padding-top: 0;\n background: #fff;\n border: 2px solid var(--navy);\n border-top: 1px solid rgba(37,53,81,0.15);\n border-bottom-left-radius: var(--radius);\n border-bottom-right-radius: var(--radius);\n animation: pdFadeIn 0.22s ease;\n}\n\n@keyframes pdFadeIn {\n from { opacity: 0; transform: translateY(-6px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n.pd-section { margin-top: 1.4rem; }\n.pd-section:first-child { margin-top: 2rem; }\n\n.pd-section-title {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--accent);\n margin-bottom: 0.6rem;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n\n.pd-section-title::after {\n content: '';\n flex: 1;\n height: 1px;\n background: var(--border);\n transition: background 0.3s ease;\n}\n\n.pd-section:hover .pd-section-title::after { background: var(--navy); }\n\n.pd-section p, .pd-section ul { font-size: 15px; color: var(--text-muted); margin: 0 0 0.5rem; }\n.pd-section ul { padding-left: 1.2rem; }\n.pd-section li { margin-bottom: 0.35rem; }\n.pd-section a { color: var(--navy); font-weight: 500; }\n.pd-section a:hover { color: var(--accent); }\n\n.pd-fact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.5rem; }\n\n.pd-fact {\n background: var(--navy);\n border-radius: 8px;\n padding: 0.6rem 0.8rem;\n transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;\n cursor: default;\n}\n\n.pd-fact:hover { background: var(--navy-light); transform: translateY(-2px); box-shadow: 0 6px 16px rgba(37,53,81,0.18); }\n.pd-fact-k { font-size: 11px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.55); }\n.pd-fact-v { font-size: 15px; font-weight: 600; color: #fff; margin-top: 0.1rem; }\n\n.pd-notice {\n background: var(--navy-pale);\n border: 1px solid rgba(37,53,81,0.18);\n border-radius: 8px;\n padding: 0.65rem 0.9rem;\n font-size: 13px;\n color: var(--text-muted);\n margin-top: 0.6rem;\n line-height: 1.5;\n}\n\n.pd-notice strong { color: var(--navy); }\n\n.pd-tip {\n background: linear-gradient(135deg, var(--navy-pale), #eef1f7);\n border-left: 3px solid var(--navy);\n border-radius: 0 8px 8px 0;\n padding: 0.75rem 1rem;\n font-size: 14px;\n color: var(--text-muted);\n margin-top: 0.5rem;\n transition: border-left-width 0.18s ease, background 0.18s ease;\n}\n\n.pd-tip:hover { border-left-width: 5px; background: linear-gradient(135deg, #dce3ef, #e8edf6); }\n\n.pd-tip strong {\n color: var(--navy);\n display: block;\n margin-bottom: 0.15rem;\n font-size: 11px;\n letter-spacing: 0.05em;\n text-transform: uppercase;\n}\n\n.pd-colors {\n display: flex;\n gap: 0.6rem;\n flex-wrap: wrap;\n margin-top: 0.3rem;\n}\n\n.pd-color-chip {\n display: flex;\n align-items: center;\n gap: 0.4rem;\n font-size: 13px;\n color: #fff;\n background: var(--navy);\n padding: 0.3rem 0.6rem;\n border-radius: 20px;\n transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;\n}\n\n.pd-color-chip:hover { background: var(--navy-light); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(37,53,81,0.18); }\n\n.pd-color-dot {\n width: 12px;\n height: 12px;\n border-radius: 50%;\n border: 1px solid rgba(0,0,0,0.1);\n}\n\n.pd-docs {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0.5rem;\n}\n\n.pd-doc-link {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.6rem 0.8rem;\n border: 1px solid var(--border);\n border-radius: 8px;\n text-decoration: none;\n font-size: 14px;\n font-weight: 500;\n color: var(--navy);\n background: #fff;\n transition: all 0.16s ease;\n}\n\n.pd-doc-link:hover { background: var(--navy); color: #fff !important; border-color: var(--navy); }\n.pd-doc-link:hover svg { stroke: #fff; }\n\n.pd-doc-link svg {\n width: 14px;\n height: 14px;\n flex-shrink: 0;\n stroke: currentColor;\n fill: none;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n}\n\n.pd-close-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.4rem;\n width: 100%;\n padding: 0.7rem 1rem;\n background: var(--navy-pale);\n border: 1px solid rgba(37,53,81,0.15);\n border-radius: 8px;\n font-family: 'Poppins', sans-serif;\n font-size: 13px;\n font-weight: 600;\n letter-spacing: 0.05em;\n color: var(--navy);\n cursor: pointer;\n transition: background 0.16s ease, border-color 0.16s ease;\n}\n\n.pd-close-btn:hover { background: #d4dbe8; border-color: rgba(37,53,81,0.3); }\n\n.pd-close-btn svg {\n width: 16px;\n height: 16px;\n stroke: var(--navy);\n fill: none;\n stroke-width: 2.5;\n stroke-linecap: round;\n stroke-linejoin: round;\n}\n\n@media (max-width: 500px) {\n .pd-specs-strip { grid-template-columns: repeat(2, 1fr); }\n .pd-fact-grid { grid-template-columns: 1fr; }\n .pd-docs { grid-template-columns: 1fr; }\n}\n\u003c\/style\u003e\n\n\n\n\u003carticle itemtype=\"https:\/\/schema.org\/Product\" itemscope class=\"pd-root\"\u003e\n\n \u003c!-- Intro --\u003e\n \u003cdiv class=\"pd-intro\"\u003e\n \u003cp itemprop=\"description\" class=\"pd-lead\"\u003e\n \u003cstrong\u003eZip Screen-lösningen för stora fönsterpartier där både design och funktion prioriteras. Nästintill vindsäker tack vare stabil zip-skena — lyfter både moderna och klassiska fasader.\u003c\/strong\u003e\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Quick specs --\u003e\n \u003cdiv aria-label=\"Snabbfakta\" class=\"pd-specs-strip\"\u003e\n \u003cdiv class=\"pd-spec-item\"\u003e\n \u003cspan class=\"pd-spec-label\"\u003eMax bredd\u003c\/span\u003e\n \u003cspan class=\"pd-spec-value\"\u003e6000 mm\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-spec-item\"\u003e\n \u003cspan class=\"pd-spec-label\"\u003eMax höjd\u003c\/span\u003e\n \u003cspan class=\"pd-spec-value\"\u003e6000 mm\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-spec-item\"\u003e\n \u003cspan class=\"pd-spec-label\"\u003eVindklass\u003c\/span\u003e\n \u003cspan class=\"pd-spec-value\"\u003eKlass 3–6\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Expandable details --\u003e\n \u003cdetails class=\"pd-details\"\u003e\n \u003csummary class=\"pd-details-summary\"\u003e\n \u003cdiv class=\"pd-details-summary-left\"\u003e\n \u003cdiv class=\"pd-details-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cline x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\u003cline x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"pd-details-title\"\u003eSpecifikationer \u0026amp; dokument\u003c\/div\u003e\n \u003cdiv class=\"pd-details-subtitle\"\u003eMått, styrning, vävar, monteringsanvisning\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003csvg class=\"pd-chevron\" viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n \u003c\/summary\u003e\n\n \u003cdiv class=\"pd-details-body\"\u003e\n\n \u003c!-- Montering --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eMontering\u003c\/h3\u003e\n \u003cp\u003eMonteras direkt på \u003cstrong\u003evägg eller foder\u003c\/strong\u003e, alternativt i nisch. Vid behov kan \u003cstrong\u003edistansprofiler\u003c\/strong\u003e användas för att föra ut markisen längre från väggen. Styrskenorna förborras \u003cstrong\u003e100 mm c\/c\u003c\/strong\u003e in från varje ände med max \u003cstrong\u003e600 mm\u003c\/strong\u003e mellan hålen. Monteringsskruvar ingår ej.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Styrning --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eStyrning\u003c\/h3\u003e\n \u003cp\u003eZ560 levereras alltid med \u003cstrong\u003emotorstyrning\u003c\/strong\u003e och anpassas efter behov av bekvämlighet och automatik.\u003c\/p\u003e\n \u003cdiv class=\"pd-fact-grid\" style=\"margin-top:0.6rem;\"\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eSomfy Maestria io\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003eMin 720 mm bredd\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eStyrning\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003eHand- eller väggsändare\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-notice\"\u003e\n \u003cstrong\u003eObs:\u003c\/strong\u003e Bandreglage är ej tillgängligt för Z560.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Profilfärger --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eProfilfärger\u003c\/h3\u003e\n \u003cdiv class=\"pd-colors\"\u003e\n \u003cspan class=\"pd-color-chip\"\u003e\u003cspan class=\"pd-color-dot\" style=\"background:#f5f5f0;\"\u003e\u003c\/span\u003eVit RAL 9010\u003c\/span\u003e\n \u003cspan class=\"pd-color-chip\"\u003e\u003cspan class=\"pd-color-dot\" style=\"background:#2a2a2a;\"\u003e\u003c\/span\u003eSvart WY360F\u003c\/span\u003e\n \u003cspan class=\"pd-color-chip\"\u003e\u003cspan class=\"pd-color-dot\" style=\"background:#b8bec7;\"\u003e\u003c\/span\u003eSilver SW801D\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top:0.5rem;\"\u003ePulverlackerad aluminium för lång hållbarhet och väderbeständighet. Levereras med \u003cstrong\u003erundad eller fyrkantig kassett (4K)\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Produktfakta --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eProduktfakta\u003c\/h3\u003e\n \u003cdiv class=\"pd-fact-grid\"\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eMax bredd\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003e6000 mm\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eMax höjd\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003e6000 mm\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eVindklass\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003eKlass 3–6\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eSkarvfri duk\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003eH \u0026lt; 2450 \/ B \u0026lt; 2650\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-notice\" style=\"margin-top:0.6rem;\"\u003e\n \u003cstrong\u003eMax bredd 6000 mm\u003c\/strong\u003e gäller vid 4000 mm höjd. \u003cstrong\u003eMax höjd 6000 mm\u003c\/strong\u003e gäller vid 3000 mm bredd. Skarvfri duk erhålls vid höjd under 2450 mm eller bredd under 2650 mm.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Vävar --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eVävar\u003c\/h3\u003e\n \u003cp\u003eFör bästa resultat rekommenderas \u003cstrong\u003eglasfiberarmerad screenväv\u003c\/strong\u003e som kombinerar styrka, UV-skydd och ljusfiltrering. Finns i flera täthetsgrader för olika ljusinsläpp.\u003c\/p\u003e\n \u003cp\u003e\u003cstrong\u003eRekommenderade vävar:\u003c\/strong\u003e Serge 600 (1 %), Serge 600 (5 %) eller Serge 600 (10 %).\u003c\/p\u003e\n \u003cdiv class=\"pd-notice\"\u003e\n Vid väv utan glasfiber kan viss vågeffekt uppstå nära zippen — detta är normalt och påverkar inte funktionen.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Måttagning --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eMåttagning\u003c\/h3\u003e\n \u003cdiv class=\"pd-tip\"\u003e\n \u003cstrong\u003eBredd\u003c\/strong\u003e\n Mät fönstrets karmmått eller den yta du vill täcka. För väggmontage rekommenderas ett par centimeters överhäng på varje sida för optimalt solskydd.\n \u003c\/div\u003e\n \u003cdiv class=\"pd-tip\" style=\"margin-top:0.5rem;\"\u003e\n \u003cstrong\u003eHöjd\u003c\/strong\u003e\n Mät från monteringspunkten till önskad nederkant. Utfallet minskar något vid lutande montage eller vinklade armar.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Vindklass --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eVindklass\u003c\/h3\u003e\n \u003cp\u003eZ560 är certifierad enligt europeisk standard \u003cstrong\u003eEN 13561\u003c\/strong\u003e. Vindklass beror på markisens storlek — mindre format uppnår klass 6 medan större format klassas till klass 3.\u003c\/p\u003e\n \u003cdiv class=\"pd-fact-grid\" style=\"margin-top:0.6rem;\"\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eKlass 6 (mindre format)\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003eHögsta klassen\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eKlass 3 (större format)\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003eca 11+ m\/s\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-tip\" style=\"margin-top:0.6rem;\"\u003e\n \u003cstrong\u003eVad innebär det i praktiken?\u003c\/strong\u003e\n Zip-skenan låser väven längs hela kanten och gör Z560 nästintill vindsäker även i stora mått. Klass 6 är den högsta klassen enligt EN 13561 och passar krävande lägen som höghus, kustmiljöer och stora glasfasader. Se produktbladet för exakt klassning per storlek.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Dokument --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eDokument\u003c\/h3\u003e\n \u003cdiv class=\"pd-docs\"\u003e\n \u003ca href=\"https:\/\/www.styrasolskydd.se\/wp-content\/uploads\/2022\/08\/StyRa-Produktblad-Zip-Screen-Z560.pdf\" class=\"pd-doc-link\" target=\"_blank\" rel=\"noopener\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Produktblad\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/www.styrasolskydd.se\/wp-content\/uploads\/2022\/08\/StyRa-Teknisk-information-Zip-Screen.pdf\" class=\"pd-doc-link\" target=\"_blank\" rel=\"noopener\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Teknisk info\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/www.styrasolskydd.se\/wp-content\/uploads\/2022\/03\/Drift-Underhall-StyRa-Zip-Screen.pdf\" class=\"pd-doc-link\" target=\"_blank\" rel=\"noopener\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Skötselråd\n \u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Stäng-knapp --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003cbutton class=\"pd-close-btn\" onclick=\"this.closest('details').removeAttribute('open')\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"18 15 12 9 6 15\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Stäng\n \u003c\/button\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n\u003c\/article\u003e\n\n\n\u003c\/body\u003e","brand":"Från 10 956 kr (ordinarie 15 449 kr)","offers":[{"title":"Default Title","offer_id":46758600671580,"sku":"Z560","price":10956.0,"currency_code":"SEK","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0759\/6153\/2764\/files\/zip-screen-z560-s-a-persienn-and-markisservice-ab.png?v=1770637446"},{"product_id":"screen-s430","title":"StyRa S430","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eProduktinformation – Screen S430\u003c\/title\u003e\n\u003cstyle\u003e\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700\u0026display=swap');\n\n:root {\n --navy: #253551;\n --navy-light: #2e4168;\n --navy-pale: #e8ecf3;\n --cream: #f7f6f2;\n --accent: #253551;\n --text: #1a2030;\n --text-muted: #6b7a94;\n --border: rgba(37,53,81,0.10);\n --radius: 12px;\n}\n\n.pd-root {\n font-family: 'Poppins', sans-serif;\n color: var(--text);\n max-width: 680px;\n line-height: 1.65;\n}\n\n.pd-intro { margin-bottom: 2rem; }\n\n.pd-lead {\n font-size: 20px;\n color: var(--text-muted);\n font-weight: 300;\n max-width: 560px;\n}\n\n.pd-specs-strip {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1px;\n background: var(--border);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n overflow: hidden;\n margin-bottom: 2rem;\n}\n\n.pd-spec-item {\n background: #fff;\n padding: 1rem 1.1rem;\n display: flex;\n flex-direction: column;\n gap: 0.2rem;\n transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;\n cursor: default;\n}\n\n.pd-spec-item:hover {\n background: var(--navy);\n transform: translateY(-2px);\n box-shadow: 0 6px 16px rgba(37,53,81,0.18);\n z-index: 1;\n position: relative;\n}\n\n.pd-spec-item:hover .pd-spec-label { color: rgba(255,255,255,0.55); }\n.pd-spec-item:hover .pd-spec-value { color: #fff; }\n\n.pd-spec-label {\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: var(--text-muted);\n}\n\n.pd-spec-value {\n font-size: 18px;\n font-weight: 600;\n color: var(--navy);\n white-space: nowrap;\n}\n\n.pd-details { border-radius: var(--radius); overflow: hidden; }\n\n.pd-details-summary {\n list-style: none;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 1.1rem 1.4rem;\n background: var(--navy-pale);\n border: 2px solid rgba(37,53,81,0.18);\n border-radius: var(--radius);\n user-select: none;\n transition: background 0.18s ease, border-color 0.18s ease;\n}\n\n.pd-details[open] .pd-details-summary {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n background: var(--navy);\n border-color: var(--navy);\n}\n\n.pd-details[open] .pd-details-summary .pd-details-title,\n.pd-details[open] .pd-details-summary .pd-details-subtitle { color: #fff; }\n.pd-details[open] .pd-details-summary .pd-details-icon { background: rgba(255,255,255,0.15); }\n.pd-details[open] .pd-details-summary .pd-details-icon svg { stroke: #fff; }\n.pd-details[open] .pd-details-summary .pd-chevron { stroke: #fff; }\n\n.pd-details-summary::-webkit-details-marker { display: none; }\n.pd-details-summary:hover { background: #d4dbe8; border-color: rgba(37,53,81,0.3); }\n.pd-details[open] .pd-details-summary:hover { background: var(--navy-light); border-color: var(--navy-light); }\n\n.pd-details-summary-left { display: flex; align-items: center; gap: 0.75rem; }\n\n.pd-details-icon {\n width: 36px;\n height: 36px;\n background: rgba(37,53,81,0.12);\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n transition: background 0.18s ease;\n}\n\n.pd-details-icon svg {\n width: 18px;\n height: 18px;\n stroke: var(--navy);\n fill: none;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n transition: stroke 0.18s ease;\n}\n\n.pd-details-title { font-size: 15px; font-weight: 700; color: var(--navy); transition: color 0.18s ease; }\n.pd-details-subtitle { font-size: 13px; color: var(--text-muted); margin-top: 0.05rem; transition: color 0.18s ease; }\n\n.pd-chevron {\n width: 20px;\n height: 20px;\n stroke: var(--navy);\n fill: none;\n stroke-width: 2.5;\n stroke-linecap: round;\n stroke-linejoin: round;\n transition: transform 0.25s ease, stroke 0.18s ease;\n flex-shrink: 0;\n}\n\n.pd-details[open] .pd-chevron { transform: rotate(180deg); }\n\n.pd-details-body {\n padding: 0 1.4rem 1.4rem;\n padding-top: 0;\n background: #fff;\n border: 2px solid var(--navy);\n border-top: 1px solid rgba(37,53,81,0.15);\n border-bottom-left-radius: var(--radius);\n border-bottom-right-radius: var(--radius);\n animation: pdFadeIn 0.22s ease;\n}\n\n@keyframes pdFadeIn {\n from { opacity: 0; transform: translateY(-6px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n.pd-section { margin-top: 1.4rem; }\n.pd-section:first-child { margin-top: 2rem; }\n\n.pd-section-title {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--accent);\n margin-bottom: 0.6rem;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n\n.pd-section-title::after {\n content: '';\n flex: 1;\n height: 1px;\n background: var(--border);\n transition: background 0.3s ease;\n}\n\n.pd-section:hover .pd-section-title::after { background: var(--navy); }\n\n.pd-section p, .pd-section ul { font-size: 15px; color: var(--text-muted); margin: 0 0 0.5rem; }\n.pd-section ul { padding-left: 1.2rem; }\n.pd-section li { margin-bottom: 0.25rem; }\n.pd-section a { color: var(--navy); font-weight: 500; }\n.pd-section a:hover { color: var(--accent); }\n\n.pd-fact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.5rem; }\n\n.pd-fact {\n background: var(--navy);\n border-radius: 8px;\n padding: 0.6rem 0.8rem;\n transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;\n cursor: default;\n}\n\n.pd-fact:hover { background: var(--navy-light); transform: translateY(-2px); box-shadow: 0 6px 16px rgba(37,53,81,0.18); }\n.pd-fact-k { font-size: 11px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.55); }\n.pd-fact-v { font-size: 15px; font-weight: 600; color: #fff; margin-top: 0.1rem; }\n\n.pd-notice {\n background: var(--navy-pale);\n border: 1px solid rgba(37,53,81,0.18);\n border-radius: 8px;\n padding: 0.65rem 0.9rem;\n font-size: 13px;\n color: var(--text-muted);\n margin-top: 0.6rem;\n line-height: 1.5;\n}\n\n.pd-notice strong { color: var(--navy); }\n\n.pd-tip {\n background: linear-gradient(135deg, var(--navy-pale), #eef1f7);\n border-left: 3px solid var(--navy);\n border-radius: 0 8px 8px 0;\n padding: 0.75rem 1rem;\n font-size: 14px;\n color: var(--text-muted);\n margin-top: 0.5rem;\n transition: border-left-width 0.18s ease, background 0.18s ease;\n}\n\n.pd-tip:hover { border-left-width: 5px; background: linear-gradient(135deg, #dce3ef, #e8edf6); }\n\n.pd-tip strong {\n color: var(--navy);\n display: block;\n margin-bottom: 0.15rem;\n font-size: 11px;\n letter-spacing: 0.05em;\n text-transform: uppercase;\n}\n\n.pd-docs {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0.5rem;\n}\n\n.pd-doc-link {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.6rem 0.8rem;\n border: 1px solid var(--border);\n border-radius: 8px;\n text-decoration: none;\n font-size: 14px;\n font-weight: 500;\n color: var(--navy);\n background: #fff;\n transition: all 0.16s ease;\n}\n\n.pd-doc-link:hover { background: var(--navy); color: #fff !important; border-color: var(--navy); }\n.pd-doc-link:hover svg { stroke: #fff; }\n\n.pd-doc-link svg {\n width: 14px;\n height: 14px;\n flex-shrink: 0;\n stroke: currentColor;\n fill: none;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n}\n\n.pd-close-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.4rem;\n width: 100%;\n padding: 0.7rem 1rem;\n background: var(--navy-pale);\n border: 1px solid rgba(37,53,81,0.15);\n border-radius: 8px;\n font-family: 'Poppins', sans-serif;\n font-size: 13px;\n font-weight: 600;\n letter-spacing: 0.05em;\n color: var(--navy);\n cursor: pointer;\n transition: background 0.16s ease, border-color 0.16s ease;\n}\n\n.pd-close-btn:hover { background: #d4dbe8; border-color: rgba(37,53,81,0.3); }\n\n.pd-close-btn svg {\n width: 16px;\n height: 16px;\n stroke: var(--navy);\n fill: none;\n stroke-width: 2.5;\n stroke-linecap: round;\n stroke-linejoin: round;\n}\n\n@media (max-width: 500px) {\n .pd-specs-strip { grid-template-columns: repeat(2, 1fr); }\n .pd-fact-grid { grid-template-columns: 1fr; }\n .pd-docs { grid-template-columns: 1fr; }\n}\n\u003c\/style\u003e\n\n\n\n\u003carticle itemtype=\"https:\/\/schema.org\/Product\" itemscope class=\"pd-root\"\u003e\n\n \u003c!-- Intro --\u003e\n \u003cdiv class=\"pd-intro\"\u003e\n \u003cp itemprop=\"description\" class=\"pd-lead\"\u003e\n \u003cstrong\u003eStilren screenmarkis som reducerar solens värmeinstrålning utan att stänga ute dagsljuset. Passar lika bra till bostäder som kontor — design, komfort och energieffektivitet i ett.\u003c\/strong\u003e\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Quick specs --\u003e\n \u003cdiv aria-label=\"Snabbfakta\" class=\"pd-specs-strip\"\u003e\n \u003cdiv class=\"pd-spec-item\"\u003e\n \u003cspan class=\"pd-spec-label\"\u003eMax bredd\u003c\/span\u003e\n \u003cspan class=\"pd-spec-value\"\u003e4000 mm\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-spec-item\"\u003e\n \u003cspan class=\"pd-spec-label\"\u003eMax höjd\u003c\/span\u003e\n \u003cspan class=\"pd-spec-value\"\u003e3000 mm\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-spec-item\"\u003e\n \u003cspan class=\"pd-spec-label\"\u003eKassett\u003c\/span\u003e\n \u003cspan class=\"pd-spec-value\"\u003e95 mm\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Expandable details --\u003e\n \u003cdetails class=\"pd-details\"\u003e\n \u003csummary class=\"pd-details-summary\"\u003e\n \u003cdiv class=\"pd-details-summary-left\"\u003e\n \u003cdiv class=\"pd-details-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cline x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\u003cline x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"pd-details-title\"\u003eSpecifikationer \u0026amp; dokument\u003c\/div\u003e\n \u003cdiv class=\"pd-details-subtitle\"\u003eMått, styrning, vävar, monteringsanvisning\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003csvg class=\"pd-chevron\" viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n \u003c\/summary\u003e\n\n \u003cdiv class=\"pd-details-body\"\u003e\n\n \u003c!-- Montering --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eMontering\u003c\/h3\u003e\n \u003cp\u003eKan monteras direkt på \u003cstrong\u003evägg\u003c\/strong\u003e eller \u003cstrong\u003eutanpå fönster\u003c\/strong\u003e, beroende på fasadens utformning. Den kompakta kassetten skyddar väven när markisen inte används och bidrar till längre livslängd samt ett rent, modernt uttryck.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Styrning --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eStyrning\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eManuell styrning\u003c\/strong\u003e — med vev\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eRadiostyrd motor\u003c\/strong\u003e — med fjärrkontroll eller automatisk sol- och vindstyrning\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003c!-- Profilfärger --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eProfilfärger\u003c\/h3\u003e\n \u003cp\u003eProfiler och kassett finns i flera \u003cstrong\u003estandardfärger\u003c\/strong\u003e. För ett personligt uttryck kan lackering i valfri \u003cstrong\u003eRAL-kulör\u003c\/strong\u003e beställas mot tillägg.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Produktfakta --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eProduktfakta\u003c\/h3\u003e\n \u003cdiv class=\"pd-fact-grid\"\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eMax bredd\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003e4000 mm\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eMax höjd\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003e3000 mm\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eKassettmått\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003e95 mm\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eDrivning\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003eVev eller motor\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Vävar --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eVävar\u003c\/h3\u003e\n \u003cp\u003eVälj bland ett brett sortiment av \u003cstrong\u003escreenvävar\u003c\/strong\u003e i olika tätheter och färger. Väven filtrerar solens strålar, reducerar värme och bevarar utsikten — vilket skapar en behaglig miljö även under varma sommardagar.\u003c\/p\u003e\n \u003cp\u003e\u003ca href=\"https:\/\/www.samarkis.shop\/collections\/markisvav-2-0\"\u003eVisa hela vävkollektionen →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Måttagning --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eMåttagning\u003c\/h3\u003e\n \u003cdiv class=\"pd-tip\"\u003e\n \u003cstrong\u003eBredd\u003c\/strong\u003e\n Mät fönstrets totala karmmått eller det område du vill täcka. För väggmontage rekommenderas att markisen täcker fönsteröppningen med några centimeters marginal för bästa solskydd.\n \u003c\/div\u003e\n \u003cdiv class=\"pd-tip\" style=\"margin-top:0.5rem;\"\u003e\n \u003cstrong\u003eHöjd\u003c\/strong\u003e\n Mät från planerad monteringspunkt till önskad nederkant på screenen.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Vindklass --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eVindklass\u003c\/h3\u003e\n \u003cp\u003eS430 är certifierad enligt europeisk standard \u003cstrong\u003eEN 13561\u003c\/strong\u003e. Exakt vindklass beror på montage och installation — se produktbladet för certifierad klass för din konfiguration.\u003c\/p\u003e\n \u003cdiv class=\"pd-tip\" style=\"margin-top:0.6rem;\"\u003e\n \u003cstrong\u003eRekommendation\u003c\/strong\u003e\n Vid vindutsatta lägen rekommenderas motorstyrning med vindautomatik, som automatiskt fäller in screenen när vindstyrkan överstiger ett förinställt värde.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Dokument --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eDokument\u003c\/h3\u003e\n \u003cdiv class=\"pd-docs\"\u003e\n \u003ca href=\"https:\/\/www.styrasolskydd.se\/wp-content\/uploads\/2022\/08\/StyRa-Produktblad-Screen-S420-S430.pdf\" class=\"pd-doc-link\" target=\"_blank\" rel=\"noopener\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Produktblad\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/www.styrasolskydd.se\/wp-content\/uploads\/2022\/08\/StyRa-Teknisk-information-S420-S430.pdf\" class=\"pd-doc-link\" target=\"_blank\" rel=\"noopener\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Teknisk info\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/www.styrasolskydd.se\/wp-content\/uploads\/2020\/09\/Drift-och-skotselrad-S420S430.pdf\" class=\"pd-doc-link\" target=\"_blank\" rel=\"noopener\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Skötselråd\n \u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Stäng-knapp --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003cbutton class=\"pd-close-btn\" onclick=\"this.closest('details').removeAttribute('open')\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"18 15 12 9 6 15\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Stäng\n \u003c\/button\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n\u003c\/article\u003e\n\n\n\u003c\/body\u003e","brand":"Från 5 953 kr (Ordinarie 9 990 kr )","offers":[{"title":"Default Title","offer_id":46758601195868,"sku":"S430","price":5953.0,"currency_code":"SEK","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0759\/6153\/2764\/files\/screenmarkis-s430-s-a-persienn-and-markisservice-ab.png?v=1770637447"},{"product_id":"rullgardin-basic","title":"Rullgardin Basic","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eProduktinformation – Rullgardin Basic\u003c\/title\u003e\n\u003cstyle\u003e\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700\u0026display=swap');\n\n:root {\n --navy: #253551;\n --navy-light: #2e4168;\n --navy-pale: #e8ecf3;\n --accent: #253551;\n --text: #1a2030;\n --text-muted: #6b7a94;\n --border: rgba(37,53,81,0.10);\n --radius: 12px;\n}\n\n.pd-root {\n font-family: 'Poppins', sans-serif;\n color: var(--text);\n max-width: 680px;\n line-height: 1.65;\n}\n\n.pd-intro { margin-bottom: 2rem; }\n\n.pd-lead {\n font-size: 20px;\n color: var(--text-muted);\n font-weight: 300;\n max-width: 560px;\n}\n\n.pd-specs-strip {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1px;\n background: var(--border);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n overflow: hidden;\n margin-bottom: 2rem;\n}\n\n.pd-spec-item {\n background: #fff;\n padding: 1rem 1.1rem;\n display: flex;\n flex-direction: column;\n gap: 0.2rem;\n transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;\n cursor: default;\n}\n\n.pd-spec-item:hover {\n background: var(--navy);\n transform: translateY(-2px);\n box-shadow: 0 6px 16px rgba(37,53,81,0.18);\n z-index: 1;\n position: relative;\n}\n\n.pd-spec-item:hover .pd-spec-label { color: rgba(255,255,255,0.55); }\n.pd-spec-item:hover .pd-spec-value { color: #fff; }\n\n.pd-spec-label {\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: var(--text-muted);\n}\n\n.pd-spec-value {\n font-size: 18px;\n font-weight: 600;\n color: var(--navy);\n white-space: nowrap;\n}\n\n.pd-details { border-radius: var(--radius); overflow: hidden; }\n\n.pd-details-summary {\n list-style: none;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 1.1rem 1.4rem;\n background: var(--navy-pale);\n border: 2px solid rgba(37,53,81,0.18);\n border-radius: var(--radius);\n user-select: none;\n transition: background 0.18s ease, border-color 0.18s ease;\n}\n\n.pd-details[open] .pd-details-summary {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n background: var(--navy);\n border-color: var(--navy);\n}\n\n.pd-details[open] .pd-details-summary .pd-details-title,\n.pd-details[open] .pd-details-summary .pd-details-subtitle { color: #fff; }\n.pd-details[open] .pd-details-summary .pd-details-icon { background: rgba(255,255,255,0.15); }\n.pd-details[open] .pd-details-summary .pd-details-icon svg { stroke: #fff; }\n.pd-details[open] .pd-details-summary .pd-chevron { stroke: #fff; }\n\n.pd-details-summary::-webkit-details-marker { display: none; }\n.pd-details-summary:hover { background: #d4dbe8; border-color: rgba(37,53,81,0.3); }\n.pd-details[open] .pd-details-summary:hover { background: var(--navy-light); border-color: var(--navy-light); }\n\n.pd-details-summary-left { display: flex; align-items: center; gap: 0.75rem; }\n\n.pd-details-icon {\n width: 36px;\n height: 36px;\n background: rgba(37,53,81,0.12);\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n transition: background 0.18s ease;\n}\n\n.pd-details-icon svg {\n width: 18px;\n height: 18px;\n stroke: var(--navy);\n fill: none;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n transition: stroke 0.18s ease;\n}\n\n.pd-details-title { font-size: 15px; font-weight: 700; color: var(--navy); transition: color 0.18s ease; }\n.pd-details-subtitle { font-size: 13px; color: var(--text-muted); margin-top: 0.05rem; transition: color 0.18s ease; }\n\n.pd-chevron {\n width: 20px;\n height: 20px;\n stroke: var(--navy);\n fill: none;\n stroke-width: 2.5;\n stroke-linecap: round;\n stroke-linejoin: round;\n transition: transform 0.25s ease, stroke 0.18s ease;\n flex-shrink: 0;\n}\n\n.pd-details[open] .pd-chevron { transform: rotate(180deg); }\n\n.pd-details-body {\n padding: 0 1.4rem 1.4rem;\n padding-top: 0;\n background: #fff;\n border: 2px solid var(--navy);\n border-top: 1px solid rgba(37,53,81,0.15);\n border-bottom-left-radius: var(--radius);\n border-bottom-right-radius: var(--radius);\n animation: pdFadeIn 0.22s ease;\n}\n\n@keyframes pdFadeIn {\n from { opacity: 0; transform: translateY(-6px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n.pd-section { margin-top: 1.4rem; }\n.pd-section:first-child { margin-top: 2rem; }\n\n.pd-section-title {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--accent);\n margin-bottom: 0.6rem;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n\n.pd-section-title::after {\n content: '';\n flex: 1;\n height: 1px;\n background: var(--border);\n transition: background 0.3s ease;\n}\n\n.pd-section:hover .pd-section-title::after { background: var(--navy); }\n\n.pd-section p, .pd-section ul { font-size: 15px; color: var(--text-muted); margin: 0 0 0.5rem; }\n.pd-section ul { padding-left: 1.2rem; }\n.pd-section li { margin-bottom: 0.25rem; }\n.pd-section a { color: var(--navy); font-weight: 500; }\n.pd-section a:hover { color: var(--accent); }\n\n.pd-fact-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0.5rem;\n}\n\n.pd-fact {\n background: var(--navy);\n border-radius: 8px;\n padding: 0.6rem 0.8rem;\n transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;\n cursor: default;\n}\n\n.pd-fact:hover {\n background: var(--navy-light);\n transform: translateY(-2px);\n box-shadow: 0 6px 16px rgba(37,53,81,0.18);\n}\n\n.pd-fact-k {\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.55);\n}\n\n.pd-fact-v {\n font-size: 15px;\n font-weight: 600;\n color: #fff;\n margin-top: 0.1rem;\n}\n\n.pd-notice {\n background: var(--navy-pale);\n border: 1px solid rgba(37,53,81,0.18);\n border-radius: 8px;\n padding: 0.65rem 0.9rem;\n font-size: 13px;\n color: var(--text-muted);\n margin-top: 0.6rem;\n line-height: 1.5;\n}\n\n.pd-notice strong { color: var(--navy); }\n\n.pd-tip {\n background: linear-gradient(135deg, var(--navy-pale), #eef1f7);\n border-left: 3px solid var(--navy);\n border-radius: 0 8px 8px 0;\n padding: 0.75rem 1rem;\n font-size: 14px;\n color: var(--text-muted);\n margin-top: 0.5rem;\n transition: border-left-width 0.18s ease, background 0.18s ease;\n}\n\n.pd-tip:hover { border-left-width: 5px; background: linear-gradient(135deg, #dce3ef, #e8edf6); }\n\n.pd-tip strong {\n color: var(--navy);\n display: block;\n margin-bottom: 0.15rem;\n font-size: 11px;\n letter-spacing: 0.05em;\n text-transform: uppercase;\n}\n\n.pd-docs {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0.5rem;\n}\n\n.pd-doc-link {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.6rem 0.8rem;\n border: 1px solid var(--border);\n border-radius: 8px;\n text-decoration: none;\n font-size: 14px;\n font-weight: 500;\n color: var(--navy);\n background: #fff;\n transition: all 0.16s ease;\n}\n\n.pd-doc-link:hover { background: var(--navy); color: #fff !important; border-color: var(--navy); }\n.pd-doc-link:hover svg { stroke: #fff; }\n\n.pd-doc-link svg {\n width: 14px;\n height: 14px;\n flex-shrink: 0;\n stroke: currentColor;\n fill: none;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n}\n\n.pd-close-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.4rem;\n width: 100%;\n padding: 0.7rem 1rem;\n background: var(--navy-pale);\n border: 1px solid rgba(37,53,81,0.15);\n border-radius: 8px;\n font-family: 'Poppins', sans-serif;\n font-size: 13px;\n font-weight: 600;\n letter-spacing: 0.05em;\n color: var(--navy);\n cursor: pointer;\n transition: background 0.16s ease, border-color 0.16s ease;\n}\n\n.pd-close-btn:hover { background: #d4dbe8; border-color: rgba(37,53,81,0.3); }\n\n.pd-close-btn svg {\n width: 16px;\n height: 16px;\n stroke: var(--navy);\n fill: none;\n stroke-width: 2.5;\n stroke-linecap: round;\n stroke-linejoin: round;\n}\n\n@media (max-width: 500px) {\n .pd-specs-strip { grid-template-columns: repeat(2, 1fr); }\n .pd-fact-grid { grid-template-columns: 1fr; }\n .pd-docs { grid-template-columns: 1fr; }\n}\n\u003c\/style\u003e\n\n\n\n\u003carticle itemtype=\"https:\/\/schema.org\/Product\" itemscope class=\"pd-root\"\u003e\n\n \u003c!-- Intro --\u003e\n \u003cdiv class=\"pd-intro\"\u003e\n \u003cp itemprop=\"description\" class=\"pd-lead\"\u003e\n \u003cstrong\u003ePraktisk och stilren rullgardin med dold bottenlist och enkel kulkedjestyrning — ett rent och tidlöst val för de flesta rum.\u003c\/strong\u003e\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Quick specs --\u003e\n \u003cdiv aria-label=\"Snabbfakta\" class=\"pd-specs-strip\"\u003e\n \u003cdiv class=\"pd-spec-item\"\u003e\n \u003cspan class=\"pd-spec-label\"\u003eMaxmått\u003c\/span\u003e\n \u003cspan class=\"pd-spec-value\"\u003e1800 × 2150 mm\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-spec-item\"\u003e\n \u003cspan class=\"pd-spec-label\"\u003eMin bredd\u003c\/span\u003e\n \u003cspan class=\"pd-spec-value\"\u003e300 mm\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-spec-item\"\u003e\n \u003cspan class=\"pd-spec-label\"\u003eVävbredd\u003c\/span\u003e\n \u003cspan class=\"pd-spec-value\"\u003e−38 mm\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Expandable details --\u003e\n \u003cdetails class=\"pd-details\"\u003e\n \u003csummary class=\"pd-details-summary\"\u003e\n \u003cdiv class=\"pd-details-summary-left\"\u003e\n \u003cdiv class=\"pd-details-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cline x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\u003cline x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"pd-details-title\"\u003eSpecifikationer \u0026amp; dokument\u003c\/div\u003e\n \u003cdiv class=\"pd-details-subtitle\"\u003eMontering, vävar, reglering och barnsäkerhet\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003csvg class=\"pd-chevron\" viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n \u003c\/summary\u003e\n\n \u003cdiv class=\"pd-details-body\"\u003e\n\n \u003c!-- Montering --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eMontering\u003c\/h3\u003e\n \u003cp\u003eKan monteras både \u003cstrong\u003euppåt (tak)\u003c\/strong\u003e och \u003cstrong\u003eframåt (vägg)\u003c\/strong\u003e. Alla nödvändiga beslag medföljer för enkel installation.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Reglering --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eReglering\u003c\/h3\u003e\n \u003cp\u003eStyrs med \u003cstrong\u003ekulkedja i polyester\u003c\/strong\u003e för smidig och exakt justering. Ange alltid önskad \u003cstrong\u003ereglagelängd\u003c\/strong\u003e vid beställning.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Vävar --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eVävar\u003c\/h3\u003e\n \u003cp\u003eVälj bland \u003cstrong\u003e12 vävar\u003c\/strong\u003e, varav \u003cstrong\u003e6 är mörkläggande\u003c\/strong\u003e. Slitstarka och lättskötta för lång hållbarhet.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Profiler --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eProfiler\u003c\/h3\u003e\n \u003cp\u003eProfilerna levereras i \u003cstrong\u003evitt\u003c\/strong\u003e — ett rent och tidlöst utförande som passar de flesta rum. Rör: \u003cstrong\u003e29 mm\u003c\/strong\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Barnsäkerhet --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eBarnsäkerhet\u003c\/h3\u003e\n \u003cdiv class=\"pd-fact-grid\"\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eStandard\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003eKedja min 1,5 m från golv + kedjesträckare krävs\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eSäkerhetskoppling (tillval)\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003eKedja min 0,6 m från golv, ingen kedjesträckare behövs\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-tip\" style=\"margin-top:0.6rem;\"\u003e\n \u003cstrong\u003eLagkrav\u003c\/strong\u003e\n Enligt gällande lag får kedjan inte hänga lägre än 1,5 m från golvet och måste säkras med kedjesträckare — om inte tillvalet Säkerhetskoppling används.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Dokument --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eDokument\u003c\/h3\u003e\n \u003cdiv class=\"pd-docs\"\u003e\n \u003ca href=\"https:\/\/www.styrasolskydd.se\/wp-content\/uploads\/2022\/08\/StyRa-Produktblad-Rullgardin-Basic.pdf\" class=\"pd-doc-link\" target=\"_blank\" rel=\"noopener\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Produktblad\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/www.styrasolskydd.se\/wp-content\/uploads\/2022\/08\/StyRa-Teknisk-information-Rullgardin-Basic.pdf\" class=\"pd-doc-link\" target=\"_blank\" rel=\"noopener\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Teknisk info\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/www.styrasolskydd.se\/wp-content\/uploads\/2020\/09\/Drift-och-skotselrad-Rullgardin.pdf\" class=\"pd-doc-link\" target=\"_blank\" rel=\"noopener\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Skötselråd\n \u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Stäng-knapp --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003cbutton class=\"pd-close-btn\" onclick=\"this.closest('details').removeAttribute('open')\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"18 15 12 9 6 15\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Stäng\n \u003c\/button\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n\u003c\/article\u003e\n\n\n\u003c\/body\u003e","brand":"Från 999 kr - (Ordinarie 1 545 kr)","offers":[{"title":"Default Title","offer_id":46758894535004,"sku":null,"price":999.0,"currency_code":"SEK","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0759\/6153\/2764\/files\/rullgardin-basic-s-a-persienn-and-markisservice-ab.webp?v=1770637448"},{"product_id":"rullgardin-small","title":"StyRa Rullgardin Small","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eProduktinformation – Rullgardin S\u003c\/title\u003e\n\u003cstyle\u003e\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700\u0026display=swap');\n\n:root {\n --navy: #253551;\n --navy-light: #2e4168;\n --navy-pale: #e8ecf3;\n --accent: #253551;\n --text: #1a2030;\n --text-muted: #6b7a94;\n --border: rgba(37,53,81,0.10);\n --radius: 12px;\n}\n\n.pd-root {\n font-family: 'Poppins', sans-serif;\n color: var(--text);\n max-width: 680px;\n line-height: 1.65;\n}\n\n.pd-intro { margin-bottom: 2rem; }\n\n.pd-lead {\n font-size: 20px;\n color: var(--text-muted);\n font-weight: 300;\n max-width: 560px;\n}\n\n.pd-specs-strip {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1px;\n background: var(--border);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n overflow: hidden;\n margin-bottom: 2rem;\n}\n\n.pd-spec-item {\n background: #fff;\n padding: 1rem 1.1rem;\n display: flex;\n flex-direction: column;\n gap: 0.2rem;\n transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;\n cursor: default;\n}\n\n.pd-spec-item:hover {\n background: var(--navy);\n transform: translateY(-2px);\n box-shadow: 0 6px 16px rgba(37,53,81,0.18);\n z-index: 1;\n position: relative;\n}\n\n.pd-spec-item:hover .pd-spec-label { color: rgba(255,255,255,0.55); }\n.pd-spec-item:hover .pd-spec-value { color: #fff; }\n\n.pd-spec-label {\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: var(--text-muted);\n}\n\n.pd-spec-value {\n font-size: 18px;\n font-weight: 600;\n color: var(--navy);\n white-space: nowrap;\n}\n\n.pd-details { border-radius: var(--radius); overflow: hidden; }\n\n.pd-details-summary {\n list-style: none;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 1.1rem 1.4rem;\n background: var(--navy-pale);\n border: 2px solid rgba(37,53,81,0.18);\n border-radius: var(--radius);\n user-select: none;\n transition: background 0.18s ease, border-color 0.18s ease;\n}\n\n.pd-details[open] .pd-details-summary {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n background: var(--navy);\n border-color: var(--navy);\n}\n\n.pd-details[open] .pd-details-summary .pd-details-title,\n.pd-details[open] .pd-details-summary .pd-details-subtitle { color: #fff; }\n.pd-details[open] .pd-details-summary .pd-details-icon { background: rgba(255,255,255,0.15); }\n.pd-details[open] .pd-details-summary .pd-details-icon svg { stroke: #fff; }\n.pd-details[open] .pd-details-summary .pd-chevron { stroke: #fff; }\n\n.pd-details-summary::-webkit-details-marker { display: none; }\n.pd-details-summary:hover { background: #d4dbe8; border-color: rgba(37,53,81,0.3); }\n.pd-details[open] .pd-details-summary:hover { background: var(--navy-light); border-color: var(--navy-light); }\n\n.pd-details-summary-left { display: flex; align-items: center; gap: 0.75rem; }\n\n.pd-details-icon {\n width: 36px;\n height: 36px;\n background: rgba(37,53,81,0.12);\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n transition: background 0.18s ease;\n}\n\n.pd-details-icon svg {\n width: 18px;\n height: 18px;\n stroke: var(--navy);\n fill: none;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n transition: stroke 0.18s ease;\n}\n\n.pd-details-title { font-size: 15px; font-weight: 700; color: var(--navy); transition: color 0.18s ease; }\n.pd-details-subtitle { font-size: 13px; color: var(--text-muted); margin-top: 0.05rem; transition: color 0.18s ease; }\n\n.pd-chevron {\n width: 20px;\n height: 20px;\n stroke: var(--navy);\n fill: none;\n stroke-width: 2.5;\n stroke-linecap: round;\n stroke-linejoin: round;\n transition: transform 0.25s ease, stroke 0.18s ease;\n flex-shrink: 0;\n}\n\n.pd-details[open] .pd-chevron { transform: rotate(180deg); }\n\n.pd-details-body {\n padding: 0 1.4rem 1.4rem;\n padding-top: 0;\n background: #fff;\n border: 2px solid var(--navy);\n border-top: 1px solid rgba(37,53,81,0.15);\n border-bottom-left-radius: var(--radius);\n border-bottom-right-radius: var(--radius);\n animation: pdFadeIn 0.22s ease;\n}\n\n@keyframes pdFadeIn {\n from { opacity: 0; transform: translateY(-6px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n.pd-section { margin-top: 1.4rem; }\n.pd-section:first-child { margin-top: 2rem; }\n\n.pd-section-title {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--accent);\n margin-bottom: 0.6rem;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n\n.pd-section-title::after {\n content: '';\n flex: 1;\n height: 1px;\n background: var(--border);\n transition: background 0.3s ease;\n}\n\n.pd-section:hover .pd-section-title::after { background: var(--navy); }\n\n.pd-section p, .pd-section ul { font-size: 15px; color: var(--text-muted); margin: 0 0 0.5rem; }\n.pd-section ul { padding-left: 1.2rem; }\n.pd-section li { margin-bottom: 0.25rem; }\n.pd-section a { color: var(--navy); font-weight: 500; }\n.pd-section a:hover { color: var(--accent); }\n\n.pd-fact-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0.5rem;\n}\n\n.pd-fact {\n background: var(--navy);\n border-radius: 8px;\n padding: 0.6rem 0.8rem;\n transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;\n cursor: default;\n}\n\n.pd-fact:hover {\n background: var(--navy-light);\n transform: translateY(-2px);\n box-shadow: 0 6px 16px rgba(37,53,81,0.18);\n}\n\n.pd-fact-k {\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.55);\n}\n\n.pd-fact-v {\n font-size: 15px;\n font-weight: 600;\n color: #fff;\n margin-top: 0.1rem;\n}\n\n.pd-notice {\n background: var(--navy-pale);\n border: 1px solid rgba(37,53,81,0.18);\n border-radius: 8px;\n padding: 0.65rem 0.9rem;\n font-size: 13px;\n color: var(--text-muted);\n margin-top: 0.6rem;\n line-height: 1.5;\n}\n\n.pd-notice strong { color: var(--navy); }\n\n.pd-tip {\n background: linear-gradient(135deg, var(--navy-pale), #eef1f7);\n border-left: 3px solid var(--navy);\n border-radius: 0 8px 8px 0;\n padding: 0.75rem 1rem;\n font-size: 14px;\n color: var(--text-muted);\n margin-top: 0.5rem;\n transition: border-left-width 0.18s ease, background 0.18s ease;\n}\n\n.pd-tip:hover { border-left-width: 5px; background: linear-gradient(135deg, #dce3ef, #e8edf6); }\n\n.pd-tip strong {\n color: var(--navy);\n display: block;\n margin-bottom: 0.15rem;\n font-size: 11px;\n letter-spacing: 0.05em;\n text-transform: uppercase;\n}\n\n.pd-colors {\n display: flex;\n gap: 0.6rem;\n flex-wrap: wrap;\n margin-top: 0.3rem;\n}\n\n.pd-color-chip {\n display: flex;\n align-items: center;\n gap: 0.4rem;\n font-size: 13px;\n color: #fff;\n background: var(--navy);\n padding: 0.3rem 0.6rem;\n border-radius: 20px;\n transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;\n}\n\n.pd-color-chip:hover {\n background: var(--navy-light);\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(37,53,81,0.18);\n}\n\n.pd-color-dot {\n width: 12px;\n height: 12px;\n border-radius: 50%;\n border: 1px solid rgba(0,0,0,0.1);\n}\n\n.pd-docs {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0.5rem;\n}\n\n.pd-doc-link {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.6rem 0.8rem;\n border: 1px solid var(--border);\n border-radius: 8px;\n text-decoration: none;\n font-size: 14px;\n font-weight: 500;\n color: var(--navy);\n background: #fff;\n transition: all 0.16s ease;\n}\n\n.pd-doc-link:hover { background: var(--navy); color: #fff !important; border-color: var(--navy); }\n.pd-doc-link:hover svg { stroke: #fff; }\n\n.pd-doc-link svg {\n width: 14px;\n height: 14px;\n flex-shrink: 0;\n stroke: currentColor;\n fill: none;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n}\n\n.pd-close-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.4rem;\n width: 100%;\n padding: 0.7rem 1rem;\n background: var(--navy-pale);\n border: 1px solid rgba(37,53,81,0.15);\n border-radius: 8px;\n font-family: 'Poppins', sans-serif;\n font-size: 13px;\n font-weight: 600;\n letter-spacing: 0.05em;\n color: var(--navy);\n cursor: pointer;\n transition: background 0.16s ease, border-color 0.16s ease;\n}\n\n.pd-close-btn:hover { background: #d4dbe8; border-color: rgba(37,53,81,0.3); }\n\n.pd-close-btn svg {\n width: 16px;\n height: 16px;\n stroke: var(--navy);\n fill: none;\n stroke-width: 2.5;\n stroke-linecap: round;\n stroke-linejoin: round;\n}\n\n@media (max-width: 500px) {\n .pd-specs-strip { grid-template-columns: repeat(2, 1fr); }\n .pd-fact-grid { grid-template-columns: 1fr; }\n .pd-docs { grid-template-columns: 1fr; }\n}\n\u003c\/style\u003e\n\n\n\n\u003carticle itemtype=\"https:\/\/schema.org\/Product\" itemscope class=\"pd-root\"\u003e\n\n \u003c!-- Intro --\u003e\n \u003cdiv class=\"pd-intro\"\u003e\n \u003cp itemprop=\"description\" class=\"pd-lead\"\u003e\n \u003cstrong\u003eSmidig och prisvärd rullgardin för mindre till medelstora fönster — med stor valfrihet i vävar, profiler och styrning.\u003c\/strong\u003e\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Quick specs --\u003e\n \u003cdiv aria-label=\"Snabbfakta\" class=\"pd-specs-strip\"\u003e\n \u003cdiv class=\"pd-spec-item\"\u003e\n \u003cspan class=\"pd-spec-label\"\u003eMax bredd\u003c\/span\u003e\n \u003cspan class=\"pd-spec-value\"\u003e1800 mm\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-spec-item\"\u003e\n \u003cspan class=\"pd-spec-label\"\u003eMax höjd\u003c\/span\u003e\n \u003cspan class=\"pd-spec-value\"\u003e2500 mm\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-spec-item\"\u003e\n \u003cspan class=\"pd-spec-label\"\u003eMin bredd\u003c\/span\u003e\n \u003cspan class=\"pd-spec-value\"\u003e300 mm\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Expandable details --\u003e\n \u003cdetails class=\"pd-details\"\u003e\n \u003csummary class=\"pd-details-summary\"\u003e\n \u003cdiv class=\"pd-details-summary-left\"\u003e\n \u003cdiv class=\"pd-details-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cline x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\u003cline x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"pd-details-title\"\u003eSpecifikationer \u0026amp; dokument\u003c\/div\u003e\n \u003cdiv class=\"pd-details-subtitle\"\u003eMontering, reglering, profiler och barnsäkerhet\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003csvg class=\"pd-chevron\" viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n \u003c\/summary\u003e\n\n \u003cdiv class=\"pd-details-body\"\u003e\n\n \u003c!-- Montering --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eMontering\u003c\/h3\u003e\n \u003cp\u003eMonteras enkelt \u003cstrong\u003euppåt (tak)\u003c\/strong\u003e eller \u003cstrong\u003eframåt (vägg)\u003c\/strong\u003e för att passa din miljö.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Reglering --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eReglering\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eKulkedja\u003c\/strong\u003e — manuell styrning, min bredd 300 mm.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eSonesse 28WF RTS\u003c\/strong\u003e — inbyggt Li-ION-batteri, tyst gång och justerbar hastighet, min bredd 595 mm.\u003c\/li\u003e\n \u003cli\u003eAndra motoralternativ finns som tillval.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003c!-- Vävar --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eVävar\u003c\/h3\u003e\n \u003cp\u003eBrett urval av tekniska, mörkläggande, transparenta och mönstrade vävar — för rätt ljus och stil i varje rum. Vävbredd justeras beroende på reglering och tillbehör.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Profiler --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eProfiler\u003c\/h3\u003e\n \u003cdiv class=\"pd-colors\"\u003e\n \u003cspan class=\"pd-color-chip\"\u003e\u003cspan class=\"pd-color-dot\" style=\"background:#f5f5f0;\"\u003e\u003c\/span\u003eVit\u003c\/span\u003e\n \u003cspan class=\"pd-color-chip\"\u003e\u003cspan class=\"pd-color-dot\" style=\"background:#2a2a2a;\"\u003e\u003c\/span\u003eSvart\u003c\/span\u003e\n \u003cspan class=\"pd-color-chip\"\u003e\u003cspan class=\"pd-color-dot\" style=\"background:#b8bec7;\"\u003e\u003c\/span\u003eGrå\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top:0.5rem;\"\u003ePolyesterkedja finns i flera färger — metallkedja som tillval. Flera bottenlistalternativ för önskad finish.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Barnsäkerhet --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eBarnsäkerhet\u003c\/h3\u003e\n \u003cdiv class=\"pd-fact-grid\"\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eStandard\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003eKedja min 1,5 m från golv + kedjesträckare krävs\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eSäkerhetskoppling (tillval)\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003eKedja min 0,6 m från golv, ingen kedjesträckare behövs\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-tip\" style=\"margin-top:0.6rem;\"\u003e\n \u003cstrong\u003eLagkrav\u003c\/strong\u003e\n Enligt gällande lag får kedjan inte hänga lägre än 1,5 m från golvet och måste säkras med kedjesträckare — om inte tillvalet Säkerhetskoppling används.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Dokument --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eDokument\u003c\/h3\u003e\n \u003cdiv class=\"pd-docs\"\u003e\n \u003ca href=\"https:\/\/www.styrasolskydd.se\/wp-content\/uploads\/2022\/08\/StyRa-Produktblad-Rullgardin-S.pdf\" class=\"pd-doc-link\" target=\"_blank\" rel=\"noopener\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Produktblad\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/www.styrasolskydd.se\/wp-content\/uploads\/2022\/08\/StyRa-Teknisk-information-Rullgardin-S.pdf\" class=\"pd-doc-link\" target=\"_blank\" rel=\"noopener\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Teknisk info\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/www.styrasolskydd.se\/wp-content\/uploads\/2020\/09\/Drift-och-skotselrad-Rullgardin.pdf\" class=\"pd-doc-link\" target=\"_blank\" rel=\"noopener\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Skötselråd\n \u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Stäng-knapp --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003cbutton class=\"pd-close-btn\" onclick=\"this.closest('details').removeAttribute('open')\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"18 15 12 9 6 15\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Stäng\n \u003c\/button\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n\u003c\/article\u003e\n\n\n\u003c\/body\u003e","brand":"Från 1 369 kr","offers":[{"title":"Default Title","offer_id":46758894567772,"sku":null,"price":1369.0,"currency_code":"SEK","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0759\/6153\/2764\/files\/rullgardin-small-s-a-persienn-and-markisservice-ab.png?v=1770637449"},{"product_id":"rullgardin-medium","title":"StyRa Rullgardin Medium","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eProduktinformation – Rullgardin M\u003c\/title\u003e\n\u003cstyle\u003e\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700\u0026display=swap');\n\n:root {\n --navy: #253551;\n --navy-light: #2e4168;\n --navy-pale: #e8ecf3;\n --accent: #253551;\n --text: #1a2030;\n --text-muted: #6b7a94;\n --border: rgba(37,53,81,0.10);\n --radius: 12px;\n}\n\n.pd-root {\n font-family: 'Poppins', sans-serif;\n color: var(--text);\n max-width: 680px;\n line-height: 1.65;\n}\n\n.pd-intro { margin-bottom: 2rem; }\n\n.pd-lead {\n font-size: 20px;\n color: var(--text-muted);\n font-weight: 300;\n max-width: 560px;\n}\n\n.pd-specs-strip {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1px;\n background: var(--border);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n overflow: hidden;\n margin-bottom: 2rem;\n}\n\n.pd-spec-item {\n background: #fff;\n padding: 1rem 1.1rem;\n display: flex;\n flex-direction: column;\n gap: 0.2rem;\n transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;\n cursor: default;\n}\n\n.pd-spec-item:hover {\n background: var(--navy);\n transform: translateY(-2px);\n box-shadow: 0 6px 16px rgba(37,53,81,0.18);\n z-index: 1;\n position: relative;\n}\n\n.pd-spec-item:hover .pd-spec-label { color: rgba(255,255,255,0.55); }\n.pd-spec-item:hover .pd-spec-value { color: #fff; }\n\n.pd-spec-label {\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: var(--text-muted);\n}\n\n.pd-spec-value {\n font-size: 18px;\n font-weight: 600;\n color: var(--navy);\n white-space: nowrap;\n}\n\n.pd-details { border-radius: var(--radius); overflow: hidden; }\n\n.pd-details-summary {\n list-style: none;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 1.1rem 1.4rem;\n background: var(--navy-pale);\n border: 2px solid rgba(37,53,81,0.18);\n border-radius: var(--radius);\n user-select: none;\n transition: background 0.18s ease, border-color 0.18s ease;\n}\n\n.pd-details[open] .pd-details-summary {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n background: var(--navy);\n border-color: var(--navy);\n}\n\n.pd-details[open] .pd-details-summary .pd-details-title,\n.pd-details[open] .pd-details-summary .pd-details-subtitle { color: #fff; }\n.pd-details[open] .pd-details-summary .pd-details-icon { background: rgba(255,255,255,0.15); }\n.pd-details[open] .pd-details-summary .pd-details-icon svg { stroke: #fff; }\n.pd-details[open] .pd-details-summary .pd-chevron { stroke: #fff; }\n\n.pd-details-summary::-webkit-details-marker { display: none; }\n.pd-details-summary:hover { background: #d4dbe8; border-color: rgba(37,53,81,0.3); }\n.pd-details[open] .pd-details-summary:hover { background: var(--navy-light); border-color: var(--navy-light); }\n\n.pd-details-summary-left { display: flex; align-items: center; gap: 0.75rem; }\n\n.pd-details-icon {\n width: 36px;\n height: 36px;\n background: rgba(37,53,81,0.12);\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n transition: background 0.18s ease;\n}\n\n.pd-details-icon svg {\n width: 18px;\n height: 18px;\n stroke: var(--navy);\n fill: none;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n transition: stroke 0.18s ease;\n}\n\n.pd-details-title { font-size: 15px; font-weight: 700; color: var(--navy); transition: color 0.18s ease; }\n.pd-details-subtitle { font-size: 13px; color: var(--text-muted); margin-top: 0.05rem; transition: color 0.18s ease; }\n\n.pd-chevron {\n width: 20px;\n height: 20px;\n stroke: var(--navy);\n fill: none;\n stroke-width: 2.5;\n stroke-linecap: round;\n stroke-linejoin: round;\n transition: transform 0.25s ease, stroke 0.18s ease;\n flex-shrink: 0;\n}\n\n.pd-details[open] .pd-chevron { transform: rotate(180deg); }\n\n.pd-details-body {\n padding: 0 1.4rem 1.4rem;\n padding-top: 0;\n background: #fff;\n border: 2px solid var(--navy);\n border-top: 1px solid rgba(37,53,81,0.15);\n border-bottom-left-radius: var(--radius);\n border-bottom-right-radius: var(--radius);\n animation: pdFadeIn 0.22s ease;\n}\n\n@keyframes pdFadeIn {\n from { opacity: 0; transform: translateY(-6px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n.pd-section { margin-top: 1.4rem; }\n.pd-section:first-child { margin-top: 2rem; }\n\n.pd-section-title {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--accent);\n margin-bottom: 0.6rem;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n\n.pd-section-title::after {\n content: '';\n flex: 1;\n height: 1px;\n background: var(--border);\n transition: background 0.3s ease;\n}\n\n.pd-section:hover .pd-section-title::after { background: var(--navy); }\n\n.pd-section p, .pd-section ul { font-size: 15px; color: var(--text-muted); margin: 0 0 0.5rem; }\n.pd-section ul { padding-left: 1.2rem; }\n.pd-section li { margin-bottom: 0.25rem; }\n.pd-section a { color: var(--navy); font-weight: 500; }\n.pd-section a:hover { color: var(--accent); }\n\n.pd-variant-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 0.5rem;\n margin-top: 0.3rem;\n}\n\n.pd-variant {\n background: var(--navy-pale);\n border: 1px solid rgba(37,53,81,0.15);\n border-radius: 8px;\n padding: 0.8rem 1rem;\n transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;\n cursor: default;\n}\n\n.pd-variant:hover {\n background: var(--navy);\n border-color: var(--navy);\n transform: translateY(-2px);\n box-shadow: 0 6px 16px rgba(37,53,81,0.18);\n}\n\n.pd-variant-title {\n font-size: 13px;\n font-weight: 700;\n color: var(--navy);\n margin-bottom: 0.25rem;\n transition: color 0.18s ease;\n}\n\n.pd-variant:hover .pd-variant-title { color: #fff; }\n\n.pd-variant-desc {\n font-size: 13px;\n color: var(--text-muted);\n line-height: 1.5;\n transition: color 0.18s ease;\n}\n\n.pd-variant:hover .pd-variant-desc { color: rgba(255,255,255,0.75); }\n\n.pd-fact-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0.5rem;\n}\n\n.pd-fact {\n background: var(--navy);\n border-radius: 8px;\n padding: 0.6rem 0.8rem;\n transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;\n cursor: default;\n}\n\n.pd-fact:hover {\n background: var(--navy-light);\n transform: translateY(-2px);\n box-shadow: 0 6px 16px rgba(37,53,81,0.18);\n}\n\n.pd-fact-k {\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.55);\n}\n\n.pd-fact-v {\n font-size: 15px;\n font-weight: 600;\n color: #fff;\n margin-top: 0.1rem;\n}\n\n.pd-notice {\n background: var(--navy-pale);\n border: 1px solid rgba(37,53,81,0.18);\n border-radius: 8px;\n padding: 0.65rem 0.9rem;\n font-size: 13px;\n color: var(--text-muted);\n margin-top: 0.6rem;\n line-height: 1.5;\n}\n\n.pd-notice strong { color: var(--navy); }\n\n.pd-tip {\n background: linear-gradient(135deg, var(--navy-pale), #eef1f7);\n border-left: 3px solid var(--navy);\n border-radius: 0 8px 8px 0;\n padding: 0.75rem 1rem;\n font-size: 14px;\n color: var(--text-muted);\n margin-top: 0.5rem;\n transition: border-left-width 0.18s ease, background 0.18s ease;\n}\n\n.pd-tip:hover { border-left-width: 5px; background: linear-gradient(135deg, #dce3ef, #e8edf6); }\n\n.pd-tip strong {\n color: var(--navy);\n display: block;\n margin-bottom: 0.15rem;\n font-size: 11px;\n letter-spacing: 0.05em;\n text-transform: uppercase;\n}\n\n.pd-colors {\n display: flex;\n gap: 0.6rem;\n flex-wrap: wrap;\n margin-top: 0.3rem;\n}\n\n.pd-color-chip {\n display: flex;\n align-items: center;\n gap: 0.4rem;\n font-size: 13px;\n color: #fff;\n background: var(--navy);\n padding: 0.3rem 0.6rem;\n border-radius: 20px;\n transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;\n}\n\n.pd-color-chip:hover {\n background: var(--navy-light);\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(37,53,81,0.18);\n}\n\n.pd-color-dot {\n width: 12px;\n height: 12px;\n border-radius: 50%;\n border: 1px solid rgba(0,0,0,0.1);\n}\n\n.pd-docs {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0.5rem;\n}\n\n.pd-doc-link {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.6rem 0.8rem;\n border: 1px solid var(--border);\n border-radius: 8px;\n text-decoration: none;\n font-size: 14px;\n font-weight: 500;\n color: var(--navy);\n background: #fff;\n transition: all 0.16s ease;\n}\n\n.pd-doc-link:hover { background: var(--navy); color: #fff !important; border-color: var(--navy); }\n.pd-doc-link:hover svg { stroke: #fff; }\n\n.pd-doc-link svg {\n width: 14px;\n height: 14px;\n flex-shrink: 0;\n stroke: currentColor;\n fill: none;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n}\n\n.pd-close-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.4rem;\n width: 100%;\n padding: 0.7rem 1rem;\n background: var(--navy-pale);\n border: 1px solid rgba(37,53,81,0.15);\n border-radius: 8px;\n font-family: 'Poppins', sans-serif;\n font-size: 13px;\n font-weight: 600;\n letter-spacing: 0.05em;\n color: var(--navy);\n cursor: pointer;\n transition: background 0.16s ease, border-color 0.16s ease;\n}\n\n.pd-close-btn:hover { background: #d4dbe8; border-color: rgba(37,53,81,0.3); }\n\n.pd-close-btn svg {\n width: 16px;\n height: 16px;\n stroke: var(--navy);\n fill: none;\n stroke-width: 2.5;\n stroke-linecap: round;\n stroke-linejoin: round;\n}\n\n@media (max-width: 500px) {\n .pd-specs-strip { grid-template-columns: repeat(2, 1fr); }\n .pd-variant-grid { grid-template-columns: 1fr; }\n .pd-fact-grid { grid-template-columns: 1fr; }\n .pd-docs { grid-template-columns: 1fr; }\n}\n\u003c\/style\u003e\n\n\n\n\u003carticle itemtype=\"https:\/\/schema.org\/Product\" itemscope class=\"pd-root\"\u003e\n\n \u003c!-- Intro --\u003e\n \u003cdiv class=\"pd-intro\"\u003e\n \u003cp itemprop=\"description\" class=\"pd-lead\"\u003e\n \u003cstrong\u003eKvalitetsrullgardin för fönster upp till 3 meters bredd — tre utföranden, hundratals vävar och flera reglagealternativ för alla typer av rum.\u003c\/strong\u003e\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Quick specs --\u003e\n \u003cdiv aria-label=\"Snabbfakta\" class=\"pd-specs-strip\"\u003e\n \u003cdiv class=\"pd-spec-item\"\u003e\n \u003cspan class=\"pd-spec-label\"\u003eMax bredd\u003c\/span\u003e\n \u003cspan class=\"pd-spec-value\"\u003e3000 mm\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-spec-item\"\u003e\n \u003cspan class=\"pd-spec-label\"\u003eMax höjd\u003c\/span\u003e\n \u003cspan class=\"pd-spec-value\"\u003e3000 mm\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-spec-item\"\u003e\n \u003cspan class=\"pd-spec-label\"\u003eMin bredd\u003c\/span\u003e\n \u003cspan class=\"pd-spec-value\"\u003e300 mm\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Expandable details --\u003e\n \u003cdetails class=\"pd-details\"\u003e\n \u003csummary class=\"pd-details-summary\"\u003e\n \u003cdiv class=\"pd-details-summary-left\"\u003e\n \u003cdiv class=\"pd-details-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cline x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\u003cline x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"pd-details-title\"\u003eSpecifikationer \u0026amp; dokument\u003c\/div\u003e\n \u003cdiv class=\"pd-details-subtitle\"\u003eUtföranden, reglering, vävar, profiler och barnsäkerhet\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003csvg class=\"pd-chevron\" viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n \u003c\/summary\u003e\n\n \u003cdiv class=\"pd-details-body\"\u003e\n\n \u003c!-- Utföranden --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eUtföranden\u003c\/h3\u003e\n \u003cdiv class=\"pd-variant-grid\"\u003e\n \u003cdiv class=\"pd-variant\"\u003e\n \u003cdiv class=\"pd-variant-title\"\u003eÖppen\u003c\/div\u003e\n \u003cdiv class=\"pd-variant-desc\"\u003eMonteras i tak, vägg eller ut i nisch. Standard 36 mm konsol ingår, förlängd konsol finns som tillval.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-variant\"\u003e\n \u003cdiv class=\"pd-variant-title\"\u003eKassett\u003c\/div\u003e\n \u003cdiv class=\"pd-variant-desc\"\u003eKassetten döljer mekanismen för ett rent uttryck. Fästs enkelt i tak eller vägg med medföljande clips.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-variant\"\u003e\n \u003cdiv class=\"pd-variant-title\"\u003eMörkläggande\u003c\/div\u003e\n \u003cdiv class=\"pd-variant-desc\"\u003eSkenor i vägg eller nisch, kassett med separata clips. Blockerar ljuset effektivt med Polar BO-vävar eller övriga mörkläggande vävar.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-notice\" style=\"margin-top:0.6rem;\"\u003e\n \u003cstrong\u003eLR (länkad rullgardin)\u003c\/strong\u003e finns för Öppen och Kassett — max mått 2400 × 2600 mm. Levereras endast med tillvalet Montageskena.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Montering --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eMontering\u003c\/h3\u003e\n \u003cp\u003eMonteras enkelt \u003cstrong\u003euppåt (tak)\u003c\/strong\u003e eller \u003cstrong\u003eframåt (vägg)\u003c\/strong\u003e. Alla nödvändiga beslag och clips medföljer beroende på valt utförande.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Reglering --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eReglering\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eKulkedja\u003c\/strong\u003e — min bredd 300 mm.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eMjukstängande\u003c\/strong\u003e — min bredd 650 mm (ej för Mörkläggande).\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eVevreglage\u003c\/strong\u003e — min bredd 450 mm.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eMotor\u003c\/strong\u003e — min bredd 360–700 mm beroende på motorval. Se teknisk information för specifika motorer.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cdiv class=\"pd-tip\"\u003e\n \u003cstrong\u003eRekommenderade motorer\u003c\/strong\u003e\n Somfy Sonesse 28\/30\/40 (Li-ion, RTS, io, Zigbee), Somfy Rollup 28, Becker Norden Radio\/Std samt StyRa® Bliss med inbyggt batteri och app-styrning.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Vävar --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eVävar\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eTransparent\u003c\/strong\u003e — släpper in mycket ljus, man kan se igenom.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eHalvtransparent\u003c\/strong\u003e — släpper in ljus, man ser konturer igenom.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eMörkläggande\u003c\/strong\u003e — blockerar ljuset helt, man kan inte se igenom.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp\u003eHundratals färger och mönster att välja mellan. Beställ kostnadsfria vävprov på \u003ca href=\"https:\/\/www.styrasolskydd.se\" target=\"_blank\" rel=\"noopener\"\u003estyrasolskydd.se\u003c\/a\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Profiler --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eProfiler\u003c\/h3\u003e\n \u003cdiv class=\"pd-colors\"\u003e\n \u003cspan class=\"pd-color-chip\"\u003e\u003cspan class=\"pd-color-dot\" style=\"background:#f5f5f0;\"\u003e\u003c\/span\u003eVit\u003c\/span\u003e\n \u003cspan class=\"pd-color-chip\"\u003e\u003cspan class=\"pd-color-dot\" style=\"background:#2a2a2a;\"\u003e\u003c\/span\u003eSvart\u003c\/span\u003e\n \u003cspan class=\"pd-color-chip\"\u003e\u003cspan class=\"pd-color-dot\" style=\"background:#b8bec7;\"\u003e\u003c\/span\u003eSilver\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top:0.5rem;\"\u003eBottenlist finns i utförandena platt, kupad, rund och dold. Rund bottenlist ej tillgänglig för LR.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Tillval --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eTillval\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eSäkerhetskoppling\u003c\/strong\u003e — kedja kan hänga 0,6 m från golv utan kedjesträckare.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eMetallkulkedja\u003c\/strong\u003e — för ett snyggare finish.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eMontageskena\u003c\/strong\u003e — för enklare montage, krävs för LR.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eWirestyrning\u003c\/strong\u003e — stabiliserar gardinen i nisch- eller väggmontage.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eSeriekoppling\u003c\/strong\u003e — max 3 enheter i vissa utföranden.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003c!-- Barnsäkerhet --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eBarnsäkerhet\u003c\/h3\u003e\n \u003cdiv class=\"pd-fact-grid\"\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eStandard\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003eKedja min 1,5 m från golv + kedjesträckare krävs\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eSäkerhetskoppling (tillval)\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003eKedja min 0,6 m från golv, ingen kedjesträckare behövs\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-tip\" style=\"margin-top:0.6rem;\"\u003e\n \u003cstrong\u003eLagkrav\u003c\/strong\u003e\n Enligt gällande lag får kedjan inte hänga lägre än 1,5 m från golvet och måste säkras med kedjesträckare — om inte tillvalet Säkerhetskoppling används.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Dokument --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eDokument\u003c\/h3\u003e\n \u003cdiv class=\"pd-docs\"\u003e\n \u003ca href=\"https:\/\/www.styrasolskydd.se\/wp-content\/uploads\/2022\/08\/StyRa-Produktblad-Rullgardin-M.pdf\" class=\"pd-doc-link\" target=\"_blank\" rel=\"noopener\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Produktblad\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/www.styrasolskydd.se\/wp-content\/uploads\/2022\/08\/StyRa-Teknisk-information-Rullgardin-M.pdf\" class=\"pd-doc-link\" target=\"_blank\" rel=\"noopener\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Teknisk info\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/www.styrasolskydd.se\/wp-content\/uploads\/2020\/09\/Drift-och-skotselrad-Rullgardin.pdf\" class=\"pd-doc-link\" target=\"_blank\" rel=\"noopener\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Skötselråd\n \u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Stäng-knapp --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003cbutton class=\"pd-close-btn\" onclick=\"this.closest('details').removeAttribute('open')\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"18 15 12 9 6 15\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Stäng\n \u003c\/button\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n\u003c\/article\u003e\n\n\n\u003c\/body\u003e","brand":"Från 1 634","offers":[{"title":"Default Title","offer_id":46758894600540,"sku":null,"price":1634.0,"currency_code":"SEK","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0759\/6153\/2764\/files\/rullgardin-medium-s-a-persienn-and-markisservice-ab.webp?v=1770637450"},{"product_id":"rullgardin-large","title":"StyRa Rullgardin Large","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eProduktinformation – Rullgardin L\u003c\/title\u003e\n\u003cstyle\u003e\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700\u0026display=swap');\n\n:root {\n --navy: #253551;\n --navy-light: #2e4168;\n --navy-pale: #e8ecf3;\n --accent: #253551;\n --text: #1a2030;\n --text-muted: #6b7a94;\n --border: rgba(37,53,81,0.10);\n --radius: 12px;\n}\n\n.pd-root {\n font-family: 'Poppins', sans-serif;\n color: var(--text);\n max-width: 680px;\n line-height: 1.65;\n}\n\n.pd-intro { margin-bottom: 2rem; }\n\n.pd-lead {\n font-size: 20px;\n color: var(--text-muted);\n font-weight: 300;\n max-width: 560px;\n}\n\n.pd-specs-strip {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1px;\n background: var(--border);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n overflow: hidden;\n margin-bottom: 2rem;\n}\n\n.pd-spec-item {\n background: #fff;\n padding: 1rem 1.1rem;\n display: flex;\n flex-direction: column;\n gap: 0.2rem;\n transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;\n cursor: default;\n}\n\n.pd-spec-item:hover {\n background: var(--navy);\n transform: translateY(-2px);\n box-shadow: 0 6px 16px rgba(37,53,81,0.18);\n z-index: 1;\n position: relative;\n}\n\n.pd-spec-item:hover .pd-spec-label { color: rgba(255,255,255,0.55); }\n.pd-spec-item:hover .pd-spec-value { color: #fff; }\n\n.pd-spec-label {\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: var(--text-muted);\n}\n\n.pd-spec-value {\n font-size: 18px;\n font-weight: 600;\n color: var(--navy);\n white-space: nowrap;\n}\n\n.pd-details { border-radius: var(--radius); overflow: hidden; }\n\n.pd-details-summary {\n list-style: none;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 1.1rem 1.4rem;\n background: var(--navy-pale);\n border: 2px solid rgba(37,53,81,0.18);\n border-radius: var(--radius);\n user-select: none;\n transition: background 0.18s ease, border-color 0.18s ease;\n}\n\n.pd-details[open] .pd-details-summary {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n background: var(--navy);\n border-color: var(--navy);\n}\n\n.pd-details[open] .pd-details-summary .pd-details-title,\n.pd-details[open] .pd-details-summary .pd-details-subtitle { color: #fff; }\n.pd-details[open] .pd-details-summary .pd-details-icon { background: rgba(255,255,255,0.15); }\n.pd-details[open] .pd-details-summary .pd-details-icon svg { stroke: #fff; }\n.pd-details[open] .pd-details-summary .pd-chevron { stroke: #fff; }\n\n.pd-details-summary::-webkit-details-marker { display: none; }\n.pd-details-summary:hover { background: #d4dbe8; border-color: rgba(37,53,81,0.3); }\n.pd-details[open] .pd-details-summary:hover { background: var(--navy-light); border-color: var(--navy-light); }\n\n.pd-details-summary-left { display: flex; align-items: center; gap: 0.75rem; }\n\n.pd-details-icon {\n width: 36px;\n height: 36px;\n background: rgba(37,53,81,0.12);\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n transition: background 0.18s ease;\n}\n\n.pd-details-icon svg {\n width: 18px;\n height: 18px;\n stroke: var(--navy);\n fill: none;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n transition: stroke 0.18s ease;\n}\n\n.pd-details-title { font-size: 15px; font-weight: 700; color: var(--navy); transition: color 0.18s ease; }\n.pd-details-subtitle { font-size: 13px; color: var(--text-muted); margin-top: 0.05rem; transition: color 0.18s ease; }\n\n.pd-chevron {\n width: 20px;\n height: 20px;\n stroke: var(--navy);\n fill: none;\n stroke-width: 2.5;\n stroke-linecap: round;\n stroke-linejoin: round;\n transition: transform 0.25s ease, stroke 0.18s ease;\n flex-shrink: 0;\n}\n\n.pd-details[open] .pd-chevron { transform: rotate(180deg); }\n\n.pd-details-body {\n padding: 0 1.4rem 1.4rem;\n padding-top: 0;\n background: #fff;\n border: 2px solid var(--navy);\n border-top: 1px solid rgba(37,53,81,0.15);\n border-bottom-left-radius: var(--radius);\n border-bottom-right-radius: var(--radius);\n animation: pdFadeIn 0.22s ease;\n}\n\n@keyframes pdFadeIn {\n from { opacity: 0; transform: translateY(-6px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n.pd-section { margin-top: 1.4rem; }\n.pd-section:first-child { margin-top: 2rem; }\n\n.pd-section-title {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--accent);\n margin-bottom: 0.6rem;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n\n.pd-section-title::after {\n content: '';\n flex: 1;\n height: 1px;\n background: var(--border);\n transition: background 0.3s ease;\n}\n\n.pd-section:hover .pd-section-title::after { background: var(--navy); }\n\n.pd-section p, .pd-section ul { font-size: 15px; color: var(--text-muted); margin: 0 0 0.5rem; }\n.pd-section ul { padding-left: 1.2rem; }\n.pd-section li { margin-bottom: 0.25rem; }\n.pd-section a { color: var(--navy); font-weight: 500; }\n.pd-section a:hover { color: var(--accent); }\n\n.pd-variant-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 0.5rem;\n margin-top: 0.3rem;\n}\n\n.pd-variant {\n background: var(--navy-pale);\n border: 1px solid rgba(37,53,81,0.15);\n border-radius: 8px;\n padding: 0.8rem 1rem;\n transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;\n cursor: default;\n}\n\n.pd-variant:hover {\n background: var(--navy);\n border-color: var(--navy);\n transform: translateY(-2px);\n box-shadow: 0 6px 16px rgba(37,53,81,0.18);\n}\n\n.pd-variant-title {\n font-size: 13px;\n font-weight: 700;\n color: var(--navy);\n margin-bottom: 0.25rem;\n transition: color 0.18s ease;\n}\n\n.pd-variant:hover .pd-variant-title { color: #fff; }\n\n.pd-variant-desc {\n font-size: 13px;\n color: var(--text-muted);\n line-height: 1.5;\n transition: color 0.18s ease;\n}\n\n.pd-variant:hover .pd-variant-desc { color: rgba(255,255,255,0.75); }\n\n.pd-fact-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0.5rem;\n}\n\n.pd-fact {\n background: var(--navy);\n border-radius: 8px;\n padding: 0.6rem 0.8rem;\n transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;\n cursor: default;\n}\n\n.pd-fact:hover {\n background: var(--navy-light);\n transform: translateY(-2px);\n box-shadow: 0 6px 16px rgba(37,53,81,0.18);\n}\n\n.pd-fact-k {\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.55);\n}\n\n.pd-fact-v {\n font-size: 15px;\n font-weight: 600;\n color: #fff;\n margin-top: 0.1rem;\n}\n\n.pd-notice {\n background: var(--navy-pale);\n border: 1px solid rgba(37,53,81,0.18);\n border-radius: 8px;\n padding: 0.65rem 0.9rem;\n font-size: 13px;\n color: var(--text-muted);\n margin-top: 0.6rem;\n line-height: 1.5;\n}\n\n.pd-notice strong { color: var(--navy); }\n\n.pd-tip {\n background: linear-gradient(135deg, var(--navy-pale), #eef1f7);\n border-left: 3px solid var(--navy);\n border-radius: 0 8px 8px 0;\n padding: 0.75rem 1rem;\n font-size: 14px;\n color: var(--text-muted);\n margin-top: 0.5rem;\n transition: border-left-width 0.18s ease, background 0.18s ease;\n}\n\n.pd-tip:hover { border-left-width: 5px; background: linear-gradient(135deg, #dce3ef, #e8edf6); }\n\n.pd-tip strong {\n color: var(--navy);\n display: block;\n margin-bottom: 0.15rem;\n font-size: 11px;\n letter-spacing: 0.05em;\n text-transform: uppercase;\n}\n\n.pd-colors {\n display: flex;\n gap: 0.6rem;\n flex-wrap: wrap;\n margin-top: 0.3rem;\n}\n\n.pd-color-chip {\n display: flex;\n align-items: center;\n gap: 0.4rem;\n font-size: 13px;\n color: #fff;\n background: var(--navy);\n padding: 0.3rem 0.6rem;\n border-radius: 20px;\n transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;\n}\n\n.pd-color-chip:hover {\n background: var(--navy-light);\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(37,53,81,0.18);\n}\n\n.pd-color-dot {\n width: 12px;\n height: 12px;\n border-radius: 50%;\n border: 1px solid rgba(0,0,0,0.1);\n}\n\n.pd-docs {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0.5rem;\n}\n\n.pd-doc-link {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.6rem 0.8rem;\n border: 1px solid var(--border);\n border-radius: 8px;\n text-decoration: none;\n font-size: 14px;\n font-weight: 500;\n color: var(--navy);\n background: #fff;\n transition: all 0.16s ease;\n}\n\n.pd-doc-link:hover { background: var(--navy); color: #fff !important; border-color: var(--navy); }\n.pd-doc-link:hover svg { stroke: #fff; }\n\n.pd-doc-link svg {\n width: 14px;\n height: 14px;\n flex-shrink: 0;\n stroke: currentColor;\n fill: none;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n}\n\n.pd-close-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.4rem;\n width: 100%;\n padding: 0.7rem 1rem;\n background: var(--navy-pale);\n border: 1px solid rgba(37,53,81,0.15);\n border-radius: 8px;\n font-family: 'Poppins', sans-serif;\n font-size: 13px;\n font-weight: 600;\n letter-spacing: 0.05em;\n color: var(--navy);\n cursor: pointer;\n transition: background 0.16s ease, border-color 0.16s ease;\n}\n\n.pd-close-btn:hover { background: #d4dbe8; border-color: rgba(37,53,81,0.3); }\n\n.pd-close-btn svg {\n width: 16px;\n height: 16px;\n stroke: var(--navy);\n fill: none;\n stroke-width: 2.5;\n stroke-linecap: round;\n stroke-linejoin: round;\n}\n\n@media (max-width: 500px) {\n .pd-specs-strip { grid-template-columns: repeat(2, 1fr); }\n .pd-variant-grid { grid-template-columns: 1fr; }\n .pd-fact-grid { grid-template-columns: 1fr; }\n .pd-docs { grid-template-columns: 1fr; }\n}\n\u003c\/style\u003e\n\n\u003carticle itemtype=\"https:\/\/schema.org\/Product\" itemscope class=\"pd-root\"\u003e\n\n \u003cdiv class=\"pd-intro\"\u003e\n \u003cp itemprop=\"description\" class=\"pd-lead\"\u003e\n \u003cstrong\u003eEn rejäl kvalitetsrullgardin för fönster upp till 4 meters bredd — tre utföranden, hundratals vävar och flera reglagealternativ.\u003c\/strong\u003e\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv aria-label=\"Snabbfakta\" class=\"pd-specs-strip\"\u003e\n \u003cdiv class=\"pd-spec-item\"\u003e\n \u003cspan class=\"pd-spec-label\"\u003eMax bredd\u003c\/span\u003e\n \u003cspan class=\"pd-spec-value\"\u003e4000 mm\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-spec-item\"\u003e\n \u003cspan class=\"pd-spec-label\"\u003eMax höjd\u003c\/span\u003e\n \u003cspan class=\"pd-spec-value\"\u003e4000 mm\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-spec-item\"\u003e\n \u003cspan class=\"pd-spec-label\"\u003eMin bredd\u003c\/span\u003e\n \u003cspan class=\"pd-spec-value\"\u003e500 mm\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdetails class=\"pd-details\"\u003e\n \u003csummary class=\"pd-details-summary\"\u003e\n \u003cdiv class=\"pd-details-summary-left\"\u003e\n \u003cdiv class=\"pd-details-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cline x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\u003cline x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"pd-details-title\"\u003eSpecifikationer \u0026amp; dokument\u003c\/div\u003e\n \u003cdiv class=\"pd-details-subtitle\"\u003eUtföranden, reglering, vävar, profiler och barnsäkerhet\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003csvg class=\"pd-chevron\" viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n \u003c\/summary\u003e\n\n \u003cdiv class=\"pd-details-body\"\u003e\n\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eUtföranden\u003c\/h3\u003e\n \u003cdiv class=\"pd-variant-grid\"\u003e\n \u003cdiv class=\"pd-variant\"\u003e\n \u003cdiv class=\"pd-variant-title\"\u003eÖppen\u003c\/div\u003e\n \u003cdiv class=\"pd-variant-desc\"\u003eMonteras i tak, vägg eller ut i nisch med universal montagekonsol. Montageskena finns som tillval.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-variant\"\u003e\n \u003cdiv class=\"pd-variant-title\"\u003eKassett\u003c\/div\u003e\n \u003cdiv class=\"pd-variant-desc\"\u003eKassetten döljer mekanismen för ett rent uttryck. Fästs enkelt i tak eller vägg med medföljande konsoler.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-variant\"\u003e\n \u003cdiv class=\"pd-variant-title\"\u003eMörkläggande\u003c\/div\u003e\n \u003cdiv class=\"pd-variant-desc\"\u003eSkenor i vägg eller nisch, kassett med separata konsoler. Med Carina BO-vävar: max 3000 × 3300 mm.\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eMontering\u003c\/h3\u003e\n \u003cp\u003eMonteras enkelt \u003cstrong\u003euppåt (tak)\u003c\/strong\u003e eller \u003cstrong\u003eframåt (vägg)\u003c\/strong\u003e. Alla nödvändiga beslag och konsoler medföljer beroende på valt utförande.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eReglering\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eKulkedja\u003c\/strong\u003e — min bredd 500 mm.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eVevreglage\u003c\/strong\u003e — min bredd 400 mm.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eMotor\u003c\/strong\u003e — min bredd 570–610 mm beroende på motorval.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cdiv class=\"pd-tip\"\u003e\n \u003cstrong\u003eRekommenderade motorer\u003c\/strong\u003e\n Somfy Sonesse 40 (io, RTS, Std, Zigbee), Becker Norden Radio\/Std samt StyRa® Bliss med inbyggt batteri och app-styrning.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eVävar\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eTransparent\u003c\/strong\u003e — släpper in mycket ljus, man kan se igenom.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eHalvtransparent\u003c\/strong\u003e — släpper in ljus, man ser konturer igenom.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eMörkläggande\u003c\/strong\u003e — blockerar ljuset helt, man kan inte se igenom.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cp\u003eHundratals färger och mönster att välja mellan. Beställ kostnadsfria vävprov på \u003ca href=\"https:\/\/www.styrasolskydd.se\" target=\"_blank\" rel=\"noopener\"\u003estyrasolskydd.se\u003c\/a\u003e.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eProfiler\u003c\/h3\u003e\n \u003cdiv class=\"pd-colors\"\u003e\n \u003cspan class=\"pd-color-chip\"\u003e\u003cspan class=\"pd-color-dot\" style=\"background:#f5f5f0;\"\u003e\u003c\/span\u003eVit\u003c\/span\u003e\n \u003cspan class=\"pd-color-chip\"\u003e\u003cspan class=\"pd-color-dot\" style=\"background:#2a2a2a;\"\u003e\u003c\/span\u003eSvart\u003c\/span\u003e\n \u003cspan class=\"pd-color-chip\"\u003e\u003cspan class=\"pd-color-dot\" style=\"background:#b8bec7;\"\u003e\u003c\/span\u003eSilver\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top:0.5rem;\"\u003eBottenlist finns i utförandena platt, kupad, rund och dold. Mörkläggande levereras med mörkläggande bottenlist.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eTillval\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eSäkerhetskoppling\u003c\/strong\u003e — kedja kan hänga 0,6 m från golv utan kedjesträckare.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eMetallkulkedja\u003c\/strong\u003e — för ett snyggare finish.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eMontageskena\u003c\/strong\u003e — för enklare montage på Öppen modell.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eWirestyrning\u003c\/strong\u003e — stabiliserar gardinen i nisch- eller väggmontage.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eSeriekoppling\u003c\/strong\u003e — max 3 enheter i vissa utföranden.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eBarnsäkerhet\u003c\/h3\u003e\n \u003cdiv class=\"pd-fact-grid\"\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eStandard\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003eKedja min 1,5 m från golv + kedjesträckare krävs\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eSäkerhetskoppling (tillval)\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003eKedja min 0,6 m från golv, ingen kedjesträckare behövs\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-tip\" style=\"margin-top:0.6rem;\"\u003e\n \u003cstrong\u003eLagkrav\u003c\/strong\u003e\n Enligt gällande lag får kedjan inte hänga lägre än 1,5 m från golvet och måste säkras med kedjesträckare — om inte tillvalet Säkerhetskoppling används.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eDokument\u003c\/h3\u003e\n \u003cdiv class=\"pd-docs\"\u003e\n \u003ca href=\"https:\/\/www.styrasolskydd.se\/wp-content\/uploads\/2022\/08\/StyRa-Produktblad-Rullgardin-L.pdf\" class=\"pd-doc-link\" target=\"_blank\" rel=\"noopener\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Produktblad\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/www.styrasolskydd.se\/wp-content\/uploads\/2022\/08\/StyRa-Teknisk-information-Rullgardin-L.pdf\" class=\"pd-doc-link\" target=\"_blank\" rel=\"noopener\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Teknisk info\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/www.styrasolskydd.se\/wp-content\/uploads\/2020\/09\/Drift-och-skotselrad-Rullgardin.pdf\" class=\"pd-doc-link\" target=\"_blank\" rel=\"noopener\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Skötselråd\n \u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"pd-section\"\u003e\n \u003cbutton class=\"pd-close-btn\" onclick=\"this.closest('details').removeAttribute('open')\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"18 15 12 9 6 15\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Stäng\n \u003c\/button\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n\u003c\/article\u003e\n\u003c\/body\u003e","brand":"Från 1 374 kr","offers":[{"title":"Default Title","offer_id":46758894633308,"sku":null,"price":1374.0,"currency_code":"SEK","in_stock":true},{"title":"StyRa Rullgardin Large i öppen profil med kedja (1000 mm) i vit färg. Måtten är 3500 × 1000 mm, väv Cover BO 0008, monterad som underrullad med kupad bottenlist, standardmontering och reglage på höger sida.","offer_id":57304966529372,"sku":null,"price":4382.0,"currency_code":"SEK","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0759\/6153\/2764\/files\/rullgardin-large-s-a-persienn-and-markisservice-ab.png?v=1770637452"},{"product_id":"lamellgardin","title":"StyRa Lamellgardin","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eProduktinformation – Lamellgardin\u003c\/title\u003e\n\u003cstyle\u003e\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700\u0026display=swap');\n\n:root {\n --navy: #253551;\n --navy-light: #2e4168;\n --navy-pale: #e8ecf3;\n --accent: #253551;\n --text: #1a2030;\n --text-muted: #6b7a94;\n --border: rgba(37,53,81,0.10);\n --radius: 12px;\n}\n\n.pd-root {\n font-family: 'Poppins', sans-serif;\n color: var(--text);\n max-width: 680px;\n line-height: 1.65;\n}\n\n.pd-intro { margin-bottom: 2rem; }\n\n.pd-lead {\n font-size: 20px;\n color: var(--text-muted);\n font-weight: 300;\n max-width: 560px;\n}\n\n.pd-specs-strip {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1px;\n background: var(--border);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n overflow: hidden;\n margin-bottom: 2rem;\n}\n\n.pd-spec-item {\n background: #fff;\n padding: 1rem 1.1rem;\n display: flex;\n flex-direction: column;\n gap: 0.2rem;\n transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;\n cursor: default;\n}\n\n.pd-spec-item:hover {\n background: var(--navy);\n transform: translateY(-2px);\n box-shadow: 0 6px 16px rgba(37,53,81,0.18);\n z-index: 1;\n position: relative;\n}\n\n.pd-spec-item:hover .pd-spec-label { color: rgba(255,255,255,0.55); }\n.pd-spec-item:hover .pd-spec-value { color: #fff; }\n\n.pd-spec-label {\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: var(--text-muted);\n}\n\n.pd-spec-value {\n font-size: 18px;\n font-weight: 600;\n color: var(--navy);\n white-space: nowrap;\n}\n\n.pd-details { border-radius: var(--radius); overflow: hidden; }\n\n.pd-details-summary {\n list-style: none;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 1.1rem 1.4rem;\n background: var(--navy-pale);\n border: 2px solid rgba(37,53,81,0.18);\n border-radius: var(--radius);\n user-select: none;\n transition: background 0.18s ease, border-color 0.18s ease;\n}\n\n.pd-details[open] .pd-details-summary {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n background: var(--navy);\n border-color: var(--navy);\n}\n\n.pd-details[open] .pd-details-summary .pd-details-title,\n.pd-details[open] .pd-details-summary .pd-details-subtitle { color: #fff; }\n.pd-details[open] .pd-details-summary .pd-details-icon { background: rgba(255,255,255,0.15); }\n.pd-details[open] .pd-details-summary .pd-details-icon svg { stroke: #fff; }\n.pd-details[open] .pd-details-summary .pd-chevron { stroke: #fff; }\n\n.pd-details-summary::-webkit-details-marker { display: none; }\n.pd-details-summary:hover { background: #d4dbe8; border-color: rgba(37,53,81,0.3); }\n.pd-details[open] .pd-details-summary:hover { background: var(--navy-light); border-color: var(--navy-light); }\n\n.pd-details-summary-left { display: flex; align-items: center; gap: 0.75rem; }\n\n.pd-details-icon {\n width: 36px;\n height: 36px;\n background: rgba(37,53,81,0.12);\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n transition: background 0.18s ease;\n}\n\n.pd-details-icon svg {\n width: 18px;\n height: 18px;\n stroke: var(--navy);\n fill: none;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n transition: stroke 0.18s ease;\n}\n\n.pd-details-title { font-size: 15px; font-weight: 700; color: var(--navy); transition: color 0.18s ease; }\n.pd-details-subtitle { font-size: 13px; color: var(--text-muted); margin-top: 0.05rem; transition: color 0.18s ease; }\n\n.pd-chevron {\n width: 20px;\n height: 20px;\n stroke: var(--navy);\n fill: none;\n stroke-width: 2.5;\n stroke-linecap: round;\n stroke-linejoin: round;\n transition: transform 0.25s ease, stroke 0.18s ease;\n flex-shrink: 0;\n}\n\n.pd-details[open] .pd-chevron { transform: rotate(180deg); }\n\n.pd-details-body {\n padding: 0 1.4rem 1.4rem;\n padding-top: 0;\n background: #fff;\n border: 2px solid var(--navy);\n border-top: 1px solid rgba(37,53,81,0.15);\n border-bottom-left-radius: var(--radius);\n border-bottom-right-radius: var(--radius);\n animation: pdFadeIn 0.22s ease;\n}\n\n@keyframes pdFadeIn {\n from { opacity: 0; transform: translateY(-6px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n.pd-section { margin-top: 1.4rem; }\n.pd-section:first-child { margin-top: 2rem; }\n\n.pd-section-title {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--accent);\n margin-bottom: 0.6rem;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n\n.pd-section-title::after {\n content: '';\n flex: 1;\n height: 1px;\n background: var(--border);\n transition: background 0.3s ease;\n}\n\n.pd-section:hover .pd-section-title::after { background: var(--navy); }\n\n.pd-section p, .pd-section ul { font-size: 15px; color: var(--text-muted); margin: 0 0 0.5rem; }\n.pd-section ul { padding-left: 1.2rem; }\n.pd-section li { margin-bottom: 0.25rem; }\n.pd-section a { color: var(--navy); font-weight: 500; }\n.pd-section a:hover { color: var(--accent); }\n\n.pd-fact-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0.5rem;\n}\n\n.pd-fact {\n background: var(--navy);\n border-radius: 8px;\n padding: 0.6rem 0.8rem;\n transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;\n cursor: default;\n}\n\n.pd-fact:hover {\n background: var(--navy-light);\n transform: translateY(-2px);\n box-shadow: 0 6px 16px rgba(37,53,81,0.18);\n}\n\n.pd-fact-k {\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.55);\n}\n\n.pd-fact-v {\n font-size: 15px;\n font-weight: 600;\n color: #fff;\n margin-top: 0.1rem;\n}\n\n.pd-notice {\n background: var(--navy-pale);\n border: 1px solid rgba(37,53,81,0.18);\n border-radius: 8px;\n padding: 0.65rem 0.9rem;\n font-size: 13px;\n color: var(--text-muted);\n margin-top: 0.6rem;\n line-height: 1.5;\n}\n\n.pd-notice strong { color: var(--navy); }\n\n.pd-tip {\n background: linear-gradient(135deg, var(--navy-pale), #eef1f7);\n border-left: 3px solid var(--navy);\n border-radius: 0 8px 8px 0;\n padding: 0.75rem 1rem;\n font-size: 14px;\n color: var(--text-muted);\n margin-top: 0.5rem;\n transition: border-left-width 0.18s ease, background 0.18s ease;\n}\n\n.pd-tip:hover { border-left-width: 5px; background: linear-gradient(135deg, #dce3ef, #e8edf6); }\n\n.pd-tip strong {\n color: var(--navy);\n display: block;\n margin-bottom: 0.15rem;\n font-size: 11px;\n letter-spacing: 0.05em;\n text-transform: uppercase;\n}\n\n.pd-colors {\n display: flex;\n gap: 0.6rem;\n flex-wrap: wrap;\n margin-top: 0.3rem;\n}\n\n.pd-color-chip {\n display: flex;\n align-items: center;\n gap: 0.4rem;\n font-size: 13px;\n color: #fff;\n background: var(--navy);\n padding: 0.3rem 0.6rem;\n border-radius: 20px;\n transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;\n}\n\n.pd-color-chip:hover {\n background: var(--navy-light);\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(37,53,81,0.18);\n}\n\n.pd-color-dot {\n width: 12px;\n height: 12px;\n border-radius: 50%;\n border: 1px solid rgba(0,0,0,0.1);\n}\n\n.pd-docs {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0.5rem;\n}\n\n.pd-doc-link {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.6rem 0.8rem;\n border: 1px solid var(--border);\n border-radius: 8px;\n text-decoration: none;\n font-size: 14px;\n font-weight: 500;\n color: var(--navy);\n background: #fff;\n transition: all 0.16s ease;\n}\n\n.pd-doc-link:hover { background: var(--navy); color: #fff !important; border-color: var(--navy); }\n.pd-doc-link:hover svg { stroke: #fff; }\n\n.pd-doc-link svg {\n width: 14px;\n height: 14px;\n flex-shrink: 0;\n stroke: currentColor;\n fill: none;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n}\n\n.pd-close-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.4rem;\n width: 100%;\n padding: 0.7rem 1rem;\n background: var(--navy-pale);\n border: 1px solid rgba(37,53,81,0.15);\n border-radius: 8px;\n font-family: 'Poppins', sans-serif;\n font-size: 13px;\n font-weight: 600;\n letter-spacing: 0.05em;\n color: var(--navy);\n cursor: pointer;\n transition: background 0.16s ease, border-color 0.16s ease;\n}\n\n.pd-close-btn:hover { background: #d4dbe8; border-color: rgba(37,53,81,0.3); }\n\n.pd-close-btn svg {\n width: 16px;\n height: 16px;\n stroke: var(--navy);\n fill: none;\n stroke-width: 2.5;\n stroke-linecap: round;\n stroke-linejoin: round;\n}\n\n@media (max-width: 500px) {\n .pd-specs-strip { grid-template-columns: repeat(2, 1fr); }\n .pd-fact-grid { grid-template-columns: 1fr; }\n .pd-docs { grid-template-columns: 1fr; }\n}\n\u003c\/style\u003e\n\n\n\n\u003carticle itemtype=\"https:\/\/schema.org\/Product\" itemscope class=\"pd-root\"\u003e\n\n \u003c!-- Intro --\u003e\n \u003cdiv class=\"pd-intro\"\u003e\n \u003cp itemprop=\"description\" class=\"pd-lead\"\u003e\n \u003cstrong\u003eStilren och flexibel lösning för att reglera ljus och insyn — lika hemma i bostaden som i offentliga lokaler eller på inglasade altaner. Tidlös produkt med modern funktionalitet.\u003c\/strong\u003e\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Quick specs --\u003e\n \u003cdiv aria-label=\"Snabbfakta\" class=\"pd-specs-strip\"\u003e\n \u003cdiv class=\"pd-spec-item\"\u003e\n \u003cspan class=\"pd-spec-label\"\u003eMax bredd\u003c\/span\u003e\n \u003cspan class=\"pd-spec-value\"\u003e7000 mm\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-spec-item\"\u003e\n \u003cspan class=\"pd-spec-label\"\u003eMax höjd\u003c\/span\u003e\n \u003cspan class=\"pd-spec-value\"\u003e4000 mm\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-spec-item\"\u003e\n \u003cspan class=\"pd-spec-label\"\u003eMin höjd\u003c\/span\u003e\n \u003cspan class=\"pd-spec-value\"\u003e150 mm\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Expandable details --\u003e\n \u003cdetails class=\"pd-details\"\u003e\n \u003csummary class=\"pd-details-summary\"\u003e\n \u003cdiv class=\"pd-details-summary-left\"\u003e\n \u003cdiv class=\"pd-details-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cline x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\u003cline x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"pd-details-title\"\u003eSpecifikationer \u0026amp; dokument\u003c\/div\u003e\n \u003cdiv class=\"pd-details-subtitle\"\u003eMått, reglering, färger, monteringsanvisning\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003csvg class=\"pd-chevron\" viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n \u003c\/summary\u003e\n\n \u003cdiv class=\"pd-details-body\"\u003e\n\n \u003c!-- Montering --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eMontering\u003c\/h3\u003e\n \u003cp\u003eLevereras alltid med beslag för \u003cstrong\u003etakmontage\u003c\/strong\u003e. Väggfästen finns som tillval och levereras med täckkåpor. Skruv för montering i trä ingår.\u003c\/p\u003e\n \u003cdiv class=\"pd-notice\"\u003e\n Kontrollera att inga hinder (t.ex. handtag) finns inom lamellgardinens rörelseområde innan montering.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Reglering --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eReglering\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eDrag\/vridstång\u003c\/strong\u003e — barnsäker, utan hängande snören.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eLina och kedja\u003c\/strong\u003e — komplett med kedjesträckare.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eMotor (tillval)\u003c\/strong\u003e — styrs via fjärrkontroll eller väggbrytare.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003cdiv class=\"pd-tip\"\u003e\n \u003cstrong\u003eObs vid dragstav\u003c\/strong\u003e\n Vid dragstav måste gardinen stå i öppet läge vid förflyttning.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Motorstyrning --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eMotorstyrning (tillval)\u003c\/h3\u003e\n \u003cp\u003eMotor med 230V matning via 5 m vit kabel och stickkontakt. Motorpaketet monteras som standard på baksidan av skenan men kan vid behov placeras på annan sida.\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eFjärrkontroll\u003c\/strong\u003e — Somfy RTS ingår.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eVäggknapp\u003c\/strong\u003e — ingår ej, beställs separat.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003c!-- Öppningsalternativ --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eÖppningsalternativ\u003c\/h3\u003e\n \u003cdiv class=\"pd-fact-grid\"\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eStandard\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003eLamellpaket och reglage på samma sida\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eMittöppning\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003eTvå lika stora paket, reglage på valfri sida\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Profilfärger --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eProfilfärger\u003c\/h3\u003e\n \u003cdiv class=\"pd-colors\"\u003e\n \u003cspan class=\"pd-color-chip\"\u003e\u003cspan class=\"pd-color-dot\" style=\"background:#f5f5f0;\"\u003e\u003c\/span\u003eVit\u003c\/span\u003e\n \u003cspan class=\"pd-color-chip\"\u003e\u003cspan class=\"pd-color-dot\" style=\"background:#2a2a2a;\"\u003e\u003c\/span\u003eSvart\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top:0.5rem;\"\u003eAlla profiler är pulverlackerade för extra hållbarhet och enhetlig finish.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Vävar --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eVävar\u003c\/h3\u003e\n \u003cp\u003eLamellerna finns i två bredder: \u003cstrong\u003e127 mm (standard)\u003c\/strong\u003e och \u003cstrong\u003e89 mm (pristillägg)\u003c\/strong\u003e. Vävarna levereras från \u003ca href=\"https:\/\/sandatex.se\/\" rel=\"noopener\" target=\"_blank\"\u003eSandatex\u003c\/a\u003e för garanterad kvalitet, UV-beständighet och ett brett färgurval.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Måttagning --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eMåttagning\u003c\/h3\u003e\n \u003cp\u003eAnge \u003cstrong\u003efärdiga mått\u003c\/strong\u003e i bredd och höjd. Du ansvarar själv för eventuella avdrag i sida och nertill. Reglagesida måste alltid anges.\u003c\/p\u003e\n \u003cdiv class=\"pd-notice\"\u003e\n \u003cstrong\u003eKedjestyrning:\u003c\/strong\u003e Kedjan ska vara minst 1,5 m från golv — ange önskad kedjelängd vid beställning.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Dokument --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eDokument\u003c\/h3\u003e\n \u003cdiv class=\"pd-docs\"\u003e\n \u003ca href=\"https:\/\/www.styrasolskydd.se\/wp-content\/uploads\/2022\/08\/StyRa-Produktblad-Lamellgardin.pdf\" class=\"pd-doc-link\" target=\"_blank\" rel=\"noopener\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Produktblad\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/www.styrasolskydd.se\/wp-content\/uploads\/2022\/08\/StyRa-Teknisk-information-Lamellgardin.pdf\" class=\"pd-doc-link\" target=\"_blank\" rel=\"noopener\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Teknisk info\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/www.styrasolskydd.se\/wp-content\/uploads\/2020\/09\/Drift-och-skotselrad-Lamellgardiner.pdf\" class=\"pd-doc-link\" target=\"_blank\" rel=\"noopener\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Skötselråd\n \u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Stäng-knapp --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003cbutton class=\"pd-close-btn\" onclick=\"this.closest('details').removeAttribute('open')\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"18 15 12 9 6 15\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Stäng\n \u003c\/button\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n\u003c\/article\u003e\n\n\n\u003c\/body\u003e","brand":"Från 2 155 kr (ordinarie 5 849 kr)","offers":[{"title":"Default Title","offer_id":46758895288668,"sku":null,"price":2155.0,"currency_code":"SEK","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0759\/6153\/2764\/files\/Lima_7425_MB_12-scaled.jpg?v=1772378770"},{"product_id":"insektsnat-for-dorrar","title":"StyRa Insektsnät för dörrar","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eProduktinformation – Insektsnät\u003c\/title\u003e\n\u003cstyle\u003e\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700\u0026display=swap');\n\n:root {\n --navy: #253551;\n --navy-light: #2e4168;\n --navy-pale: #e8ecf3;\n --accent: #253551;\n --text: #1a2030;\n --text-muted: #6b7a94;\n --border: rgba(37,53,81,0.10);\n --radius: 12px;\n}\n\n.pd-root {\n font-family: 'Poppins', sans-serif;\n color: var(--text);\n max-width: 680px;\n line-height: 1.65;\n}\n\n.pd-intro { margin-bottom: 2rem; }\n\n.pd-lead {\n font-size: 20px;\n color: var(--text-muted);\n font-weight: 300;\n max-width: 560px;\n}\n\n.pd-details { border-radius: var(--radius); overflow: hidden; }\n\n.pd-details-summary {\n list-style: none;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 1.1rem 1.4rem;\n background: var(--navy-pale);\n border: 2px solid rgba(37,53,81,0.18);\n border-radius: var(--radius);\n user-select: none;\n transition: background 0.18s ease, border-color 0.18s ease;\n}\n\n.pd-details[open] .pd-details-summary {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n background: var(--navy);\n border-color: var(--navy);\n}\n\n.pd-details[open] .pd-details-summary .pd-details-title,\n.pd-details[open] .pd-details-summary .pd-details-subtitle { color: #fff; }\n.pd-details[open] .pd-details-summary .pd-details-icon { background: rgba(255,255,255,0.15); }\n.pd-details[open] .pd-details-summary .pd-details-icon svg { stroke: #fff; }\n.pd-details[open] .pd-details-summary .pd-chevron { stroke: #fff; }\n\n.pd-details-summary::-webkit-details-marker { display: none; }\n.pd-details-summary:hover { background: #d4dbe8; border-color: rgba(37,53,81,0.3); }\n.pd-details[open] .pd-details-summary:hover { background: var(--navy-light); border-color: var(--navy-light); }\n\n.pd-details-summary-left { display: flex; align-items: center; gap: 0.75rem; }\n\n.pd-details-icon {\n width: 36px;\n height: 36px;\n background: rgba(37,53,81,0.12);\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n transition: background 0.18s ease;\n}\n\n.pd-details-icon svg {\n width: 18px;\n height: 18px;\n stroke: var(--navy);\n fill: none;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n transition: stroke 0.18s ease;\n}\n\n.pd-details-title { font-size: 15px; font-weight: 700; color: var(--navy); transition: color 0.18s ease; }\n.pd-details-subtitle { font-size: 13px; color: var(--text-muted); margin-top: 0.05rem; transition: color 0.18s ease; }\n\n.pd-chevron {\n width: 20px;\n height: 20px;\n stroke: var(--navy);\n fill: none;\n stroke-width: 2.5;\n stroke-linecap: round;\n stroke-linejoin: round;\n transition: transform 0.25s ease, stroke 0.18s ease;\n flex-shrink: 0;\n}\n\n.pd-details[open] .pd-chevron { transform: rotate(180deg); }\n\n.pd-details-body {\n padding: 0 1.4rem 1.4rem;\n padding-top: 0;\n background: #fff;\n border: 2px solid var(--navy);\n border-top: 1px solid rgba(37,53,81,0.15);\n border-bottom-left-radius: var(--radius);\n border-bottom-right-radius: var(--radius);\n animation: pdFadeIn 0.22s ease;\n}\n\n@keyframes pdFadeIn {\n from { opacity: 0; transform: translateY(-6px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n.pd-section { margin-top: 1.4rem; }\n.pd-section:first-child { margin-top: 2rem; }\n\n.pd-section-title {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--accent);\n margin-bottom: 0.6rem;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n\n.pd-section-title::after {\n content: '';\n flex: 1;\n height: 1px;\n background: var(--border);\n transition: background 0.3s ease;\n}\n\n.pd-section:hover .pd-section-title::after { background: var(--navy); }\n\n.pd-section p, .pd-section ul { font-size: 15px; color: var(--text-muted); margin: 0 0 0.5rem; }\n.pd-section ul { padding-left: 1.2rem; }\n.pd-section li { margin-bottom: 0.25rem; }\n.pd-section a { color: var(--navy); font-weight: 500; }\n.pd-section a:hover { color: var(--accent); }\n\n.pd-docs {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0.5rem;\n}\n\n.pd-doc-link {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.6rem 0.8rem;\n border: 1px solid var(--border);\n border-radius: 8px;\n text-decoration: none;\n font-size: 14px;\n font-weight: 500;\n color: var(--navy);\n background: #fff;\n transition: all 0.16s ease;\n}\n\n.pd-doc-link:hover { background: var(--navy); color: #fff !important; border-color: var(--navy); }\n.pd-doc-link:hover svg { stroke: #fff; }\n\n.pd-doc-link svg {\n width: 14px;\n height: 14px;\n flex-shrink: 0;\n stroke: currentColor;\n fill: none;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n}\n\n.pd-close-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.4rem;\n width: 100%;\n padding: 0.7rem 1rem;\n background: var(--navy-pale);\n border: 1px solid rgba(37,53,81,0.15);\n border-radius: 8px;\n font-family: 'Poppins', sans-serif;\n font-size: 13px;\n font-weight: 600;\n letter-spacing: 0.05em;\n color: var(--navy);\n cursor: pointer;\n transition: background 0.16s ease, border-color 0.16s ease;\n}\n\n.pd-close-btn:hover { background: #d4dbe8; border-color: rgba(37,53,81,0.3); }\n\n.pd-close-btn svg {\n width: 16px;\n height: 16px;\n stroke: var(--navy);\n fill: none;\n stroke-width: 2.5;\n stroke-linecap: round;\n stroke-linejoin: round;\n}\n\n@media (max-width: 500px) {\n .pd-docs { grid-template-columns: 1fr; }\n}\n\u003c\/style\u003e\n\n\n\n\u003carticle itemtype=\"https:\/\/schema.org\/Product\" itemscope class=\"pd-root\"\u003e\n\n \u003c!-- Intro --\u003e\n \u003cdiv class=\"pd-intro\"\u003e\n \u003cp itemprop=\"description\" class=\"pd-lead\"\u003e\n \u003cstrong\u003eMåttanpassat insektsnät som håller flugor, myggor och getingar ute — utan att hindra frisk luft. Tillverkas exakt efter dina fönster eller dörrar för perfekt passform.\u003c\/strong\u003e\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Expandable details --\u003e\n \u003cdetails class=\"pd-details\"\u003e\n \u003csummary class=\"pd-details-summary\"\u003e\n \u003cdiv class=\"pd-details-summary-left\"\u003e\n \u003cdiv class=\"pd-details-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cline x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\u003cline x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"pd-details-title\"\u003eSpecifikationer \u0026amp; dokument\u003c\/div\u003e\n \u003cdiv class=\"pd-details-subtitle\"\u003eMontering, fördelar och produktdokument\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003csvg class=\"pd-chevron\" viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n \u003c\/summary\u003e\n\n \u003cdiv class=\"pd-details-body\"\u003e\n\n \u003c!-- Montering \u0026 manövrering --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eMontering \u0026amp; manövrering\u003c\/h3\u003e\n \u003cp\u003eLevereras med tydlig monteringsmanual och kan enkelt installeras på egen hand. Konstruktionen ger en diskret och stabil infästning utan att påverka fönstrets eller dörröppningens funktion. Det praktiska handtaget gör det enkelt att öppna och stänga nätet vid daglig vädring.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Fördelar --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eFördelar\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003e\n\u003cstrong\u003eMåttanpassat:\u003c\/strong\u003e Tillverkas efter dina exakta mått för bästa passform.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eDiskret design:\u003c\/strong\u003e Tunna profiler som smälter in i fönster- eller dörrkarmen.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eEnkel montering:\u003c\/strong\u003e Monteras snabbt med medföljande fästen.\u003c\/li\u003e\n \u003cli\u003e\n\u003cstrong\u003eEffektivt skydd:\u003c\/strong\u003e Släpper in luft och ljus, men håller insekter ute.\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003c!-- Dokument --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eDokument\u003c\/h3\u003e\n \u003cdiv class=\"pd-docs\"\u003e\n \u003ca href=\"https:\/\/www.styrasolskydd.se\/wp-content\/uploads\/2022\/08\/StyRa-Produktblad-Insektsnat.pdf\" class=\"pd-doc-link\" target=\"_blank\" rel=\"noopener\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Produktblad\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/www.styrasolskydd.se\/wp-content\/uploads\/2022\/08\/StyRa-Teknisk-information-Insektsnat.pdf\" class=\"pd-doc-link\" target=\"_blank\" rel=\"noopener\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Teknisk info\n \u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Stäng-knapp --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003cbutton class=\"pd-close-btn\" onclick=\"this.closest('details').removeAttribute('open')\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"18 15 12 9 6 15\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Stäng\n \u003c\/button\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n\u003c\/article\u003e\n\n\n\u003c\/body\u003e","brand":"Från 4 208 kr (Ordinarie 8 087 kr)","offers":[{"title":"Default Title","offer_id":46758896533852,"sku":null,"price":4208.0,"currency_code":"SEK","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0759\/6153\/2764\/files\/insektsnat-for-dorrar-s-a-persienn-and-markisservice-ab.webp?v=1770637457"},{"product_id":"insektsnat-for-fonster","title":"StyRa Insektsnät för fönster","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eProduktinformation – Insektsnät\u003c\/title\u003e\n\u003cstyle\u003e\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700\u0026display=swap');\n\n:root {\n --navy: #253551;\n --navy-light: #2e4168;\n --navy-pale: #e8ecf3;\n --accent: #253551;\n --text: #1a2030;\n --text-muted: #6b7a94;\n --border: rgba(37,53,81,0.10);\n --radius: 12px;\n}\n\n.pd-root {\n font-family: 'Poppins', sans-serif;\n color: var(--text);\n max-width: 680px;\n line-height: 1.65;\n}\n\n.pd-intro { margin-bottom: 2rem; }\n\n.pd-lead {\n font-size: 20px;\n color: var(--text-muted);\n font-weight: 300;\n max-width: 560px;\n}\n\n.pd-specs-strip {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1px;\n background: var(--border);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n overflow: hidden;\n margin-bottom: 2rem;\n}\n\n.pd-spec-item {\n background: #fff;\n padding: 1rem 1.1rem;\n display: flex;\n flex-direction: column;\n gap: 0.2rem;\n transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;\n cursor: default;\n}\n\n.pd-spec-item:hover {\n background: var(--navy);\n transform: translateY(-2px);\n box-shadow: 0 6px 16px rgba(37,53,81,0.18);\n z-index: 1;\n position: relative;\n}\n\n.pd-spec-item:hover .pd-spec-label { color: rgba(255,255,255,0.55); }\n.pd-spec-item:hover .pd-spec-value { color: #fff; }\n\n.pd-spec-label {\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: var(--text-muted);\n}\n\n.pd-spec-value {\n font-size: 18px;\n font-weight: 600;\n color: var(--navy);\n white-space: nowrap;\n}\n\n.pd-details { border-radius: var(--radius); overflow: hidden; }\n\n.pd-details-summary {\n list-style: none;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 1.1rem 1.4rem;\n background: var(--navy-pale);\n border: 2px solid rgba(37,53,81,0.18);\n border-radius: var(--radius);\n user-select: none;\n transition: background 0.18s ease, border-color 0.18s ease;\n}\n\n.pd-details[open] .pd-details-summary {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n background: var(--navy);\n border-color: var(--navy);\n}\n\n.pd-details[open] .pd-details-summary .pd-details-title,\n.pd-details[open] .pd-details-summary .pd-details-subtitle { color: #fff; }\n.pd-details[open] .pd-details-summary .pd-details-icon { background: rgba(255,255,255,0.15); }\n.pd-details[open] .pd-details-summary .pd-details-icon svg { stroke: #fff; }\n.pd-details[open] .pd-details-summary .pd-chevron { stroke: #fff; }\n\n.pd-details-summary::-webkit-details-marker { display: none; }\n.pd-details-summary:hover { background: #d4dbe8; border-color: rgba(37,53,81,0.3); }\n.pd-details[open] .pd-details-summary:hover { background: var(--navy-light); border-color: var(--navy-light); }\n\n.pd-details-summary-left { display: flex; align-items: center; gap: 0.75rem; }\n\n.pd-details-icon {\n width: 36px;\n height: 36px;\n background: rgba(37,53,81,0.12);\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n transition: background 0.18s ease;\n}\n\n.pd-details-icon svg {\n width: 18px;\n height: 18px;\n stroke: var(--navy);\n fill: none;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n transition: stroke 0.18s ease;\n}\n\n.pd-details-title { font-size: 15px; font-weight: 700; color: var(--navy); transition: color 0.18s ease; }\n.pd-details-subtitle { font-size: 13px; color: var(--text-muted); margin-top: 0.05rem; transition: color 0.18s ease; }\n\n.pd-chevron {\n width: 20px;\n height: 20px;\n stroke: var(--navy);\n fill: none;\n stroke-width: 2.5;\n stroke-linecap: round;\n stroke-linejoin: round;\n transition: transform 0.25s ease, stroke 0.18s ease;\n flex-shrink: 0;\n}\n\n.pd-details[open] .pd-chevron { transform: rotate(180deg); }\n\n.pd-details-body {\n padding: 0 1.4rem 1.4rem;\n padding-top: 0;\n background: #fff;\n border: 2px solid var(--navy);\n border-top: 1px solid rgba(37,53,81,0.15);\n border-bottom-left-radius: var(--radius);\n border-bottom-right-radius: var(--radius);\n animation: pdFadeIn 0.22s ease;\n}\n\n@keyframes pdFadeIn {\n from { opacity: 0; transform: translateY(-6px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n.pd-section { margin-top: 1.4rem; }\n.pd-section:first-child { margin-top: 2rem; }\n\n.pd-section-title {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--accent);\n margin-bottom: 0.6rem;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n\n.pd-section-title::after {\n content: '';\n flex: 1;\n height: 1px;\n background: var(--border);\n transition: background 0.3s ease;\n}\n\n.pd-section:hover .pd-section-title::after { background: var(--navy); }\n\n.pd-section p, .pd-section ul { font-size: 15px; color: var(--text-muted); margin: 0 0 0.5rem; }\n.pd-section ul { padding-left: 1.2rem; }\n.pd-section li { margin-bottom: 0.25rem; }\n.pd-section a { color: var(--navy); font-weight: 500; }\n.pd-section a:hover { color: var(--accent); }\n\n.pd-fact-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0.5rem;\n}\n\n.pd-fact {\n background: var(--navy);\n border-radius: 8px;\n padding: 0.6rem 0.8rem;\n transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;\n cursor: default;\n}\n\n.pd-fact:hover {\n background: var(--navy-light);\n transform: translateY(-2px);\n box-shadow: 0 6px 16px rgba(37,53,81,0.18);\n}\n\n.pd-fact-k {\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.55);\n}\n\n.pd-fact-v {\n font-size: 15px;\n font-weight: 600;\n color: #fff;\n margin-top: 0.1rem;\n}\n\n.pd-notice {\n background: var(--navy-pale);\n border: 1px solid rgba(37,53,81,0.18);\n border-radius: 8px;\n padding: 0.65rem 0.9rem;\n font-size: 13px;\n color: var(--text-muted);\n margin-top: 0.6rem;\n line-height: 1.5;\n}\n\n.pd-notice strong { color: var(--navy); }\n\n.pd-tip {\n background: linear-gradient(135deg, var(--navy-pale), #eef1f7);\n border-left: 3px solid var(--navy);\n border-radius: 0 8px 8px 0;\n padding: 0.75rem 1rem;\n font-size: 14px;\n color: var(--text-muted);\n margin-top: 0.5rem;\n transition: border-left-width 0.18s ease, background 0.18s ease;\n}\n\n.pd-tip:hover { border-left-width: 5px; background: linear-gradient(135deg, #dce3ef, #e8edf6); }\n\n.pd-tip strong {\n color: var(--navy);\n display: block;\n margin-bottom: 0.15rem;\n font-size: 11px;\n letter-spacing: 0.05em;\n text-transform: uppercase;\n}\n\n.pd-docs {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0.5rem;\n}\n\n.pd-doc-link {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.6rem 0.8rem;\n border: 1px solid var(--border);\n border-radius: 8px;\n text-decoration: none;\n font-size: 14px;\n font-weight: 500;\n color: var(--navy);\n background: #fff;\n transition: all 0.16s ease;\n}\n\n.pd-doc-link:hover { background: var(--navy); color: #fff !important; border-color: var(--navy); }\n.pd-doc-link:hover svg { stroke: #fff; }\n\n.pd-doc-link svg {\n width: 14px;\n height: 14px;\n flex-shrink: 0;\n stroke: currentColor;\n fill: none;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n}\n\n.pd-close-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.4rem;\n width: 100%;\n padding: 0.7rem 1rem;\n background: var(--navy-pale);\n border: 1px solid rgba(37,53,81,0.15);\n border-radius: 8px;\n font-family: 'Poppins', sans-serif;\n font-size: 13px;\n font-weight: 600;\n letter-spacing: 0.05em;\n color: var(--navy);\n cursor: pointer;\n transition: background 0.16s ease, border-color 0.16s ease;\n}\n\n.pd-close-btn:hover { background: #d4dbe8; border-color: rgba(37,53,81,0.3); }\n\n.pd-close-btn svg {\n width: 16px;\n height: 16px;\n stroke: var(--navy);\n fill: none;\n stroke-width: 2.5;\n stroke-linecap: round;\n stroke-linejoin: round;\n}\n\n@media (max-width: 500px) {\n .pd-specs-strip { grid-template-columns: repeat(2, 1fr); }\n .pd-fact-grid { grid-template-columns: 1fr; }\n .pd-docs { grid-template-columns: 1fr; }\n}\n\u003c\/style\u003e\n\n\n\n\u003carticle itemtype=\"https:\/\/schema.org\/Product\" itemscope class=\"pd-root\"\u003e\n\n \u003c!-- Intro --\u003e\n \u003cdiv class=\"pd-intro\"\u003e\n \u003cp itemprop=\"description\" class=\"pd-lead\"\u003e\n \u003cstrong\u003eMåttanpassat insektsnät som skyddar mot flugor, myggor och getingar — utan att hindra frisk luft. Tillverkas efter dina exakta mått för optimal passform.\u003c\/strong\u003e\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Quick specs --\u003e\n \u003cdiv aria-label=\"Snabbfakta\" class=\"pd-specs-strip\"\u003e\n \u003cdiv class=\"pd-spec-item\"\u003e\n \u003cspan class=\"pd-spec-label\"\u003eMinsta mått\u003c\/span\u003e\n \u003cspan class=\"pd-spec-value\"\u003e300 × 300 mm\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-spec-item\"\u003e\n \u003cspan class=\"pd-spec-label\"\u003eMaxmått\u003c\/span\u003e\n \u003cspan class=\"pd-spec-value\"\u003e1500 × 1700 mm\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-spec-item\"\u003e\n \u003cspan class=\"pd-spec-label\"\u003eKassett\u003c\/span\u003e\n \u003cspan class=\"pd-spec-value\"\u003e31 × 45 mm\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Expandable details --\u003e\n \u003cdetails class=\"pd-details\"\u003e\n \u003csummary class=\"pd-details-summary\"\u003e\n \u003cdiv class=\"pd-details-summary-left\"\u003e\n \u003cdiv class=\"pd-details-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cline x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\u003cline x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"pd-details-title\"\u003eSpecifikationer \u0026amp; dokument\u003c\/div\u003e\n \u003cdiv class=\"pd-details-subtitle\"\u003eKonstruktion, mått, tillval och montering\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003csvg class=\"pd-chevron\" viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n \u003c\/summary\u003e\n\n \u003cdiv class=\"pd-details-body\"\u003e\n\n \u003c!-- Konstruktion --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eKonstruktion\u003c\/h3\u003e\n \u003cp\u003eSmäcker kassett på \u003cstrong\u003e31 × 45 mm\u003c\/strong\u003e med sidoskenor på \u003cstrong\u003e30 mm\u003c\/strong\u003e med borst som standard. Beslag för nischmontage medföljer — inga avdrag görs på angivna mått.\u003c\/p\u003e\n \u003cdiv class=\"pd-notice\"\u003e\n \u003cstrong\u003eInbyggd broms\u003c\/strong\u003e för mjuk och kontrollerad stängning ingår vid bredder från \u003cstrong\u003e500 mm\u003c\/strong\u003e och uppåt. Vid bredd under 500 mm ingår ingen broms och maxhöjden begränsas till bredd × 3,4.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Montering --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eMontering\u003c\/h3\u003e\n \u003cp\u003eKan monteras på \u003cstrong\u003einsidan\u003c\/strong\u003e av fönstret, eller på \u003cstrong\u003eutsidan\u003c\/strong\u003e vid inåtgående fönster. Beslag för nischmontage ingår som standard. Manövreras enkelt via ett diskret handtag på underlisten.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Tillval --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eTillval\u003c\/h3\u003e\n \u003cdiv class=\"pd-fact-grid\"\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eClickStopp\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003eLåsfunktion — låser nätet i nedre läge med ett lätt tryck\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eVinkel för väggmontage\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003eMonteras i ovankantens spår, bygger 16 mm\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-tip\" style=\"margin-top:0.6rem;\"\u003e\n \u003cstrong\u003eOm ClickStopp\u003c\/strong\u003e\n Som standard ingår en enklare låsfunktion där nätet kan röra sig uppåt vid stötar. ClickStopp ger ett fast låst läge och rekommenderas i miljöer med drag eller rörelse.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Dokument --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eDokument\u003c\/h3\u003e\n \u003cdiv class=\"pd-docs\"\u003e\n \u003ca href=\"https:\/\/www.styrasolskydd.se\/wp-content\/uploads\/2022\/08\/StyRa-Produktblad-Insektsnat.pdf\" class=\"pd-doc-link\" target=\"_blank\" rel=\"noopener\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Produktblad\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/www.styrasolskydd.se\/wp-content\/uploads\/2022\/08\/StyRa-Teknisk-information-Insektsnat.pdf\" class=\"pd-doc-link\" target=\"_blank\" rel=\"noopener\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Teknisk info\n \u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Stäng-knapp --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003cbutton class=\"pd-close-btn\" onclick=\"this.closest('details').removeAttribute('open')\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"18 15 12 9 6 15\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Stäng\n \u003c\/button\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n\u003c\/article\u003e\n\n\n\u003c\/body\u003e","brand":"Från 1 496 kr (Ordinarie 5 131 kr)","offers":[{"title":"Default Title","offer_id":46758896599388,"sku":null,"price":1496.0,"currency_code":"SEK","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0759\/6153\/2764\/files\/insektsnat-for-fonster-s-a-persienn-and-markisservice-ab.webp?v=1770637458"},{"product_id":"terrassmarkis-t450","title":"StyRa T450 med crossover","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eProduktinformation – T450 Crossover\u003c\/title\u003e\n\u003cstyle\u003e\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700\u0026display=swap');\n\n:root {\n --navy: #253551;\n --navy-light: #2e4168;\n --navy-pale: #e8ecf3;\n --cream: #f7f6f2;\n --accent: #253551;\n --text: #1a2030;\n --text-muted: #6b7a94;\n --border: rgba(37,53,81,0.10);\n --radius: 12px;\n}\n\n.pd-root {\n font-family: 'Poppins', sans-serif;\n color: var(--text);\n max-width: 680px;\n line-height: 1.65;\n}\n\n.pd-intro { margin-bottom: 2rem; }\n\n.pd-lead {\n font-size: 20px;\n color: var(--text-muted);\n font-weight: 300;\n max-width: 560px;\n}\n\n\/* ── Quick specs strip ── *\/\n.pd-specs-strip {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1px;\n background: var(--border);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n overflow: hidden;\n margin-bottom: 2rem;\n}\n\n.pd-spec-item {\n background: #fff;\n padding: 1rem 1.1rem;\n display: flex;\n flex-direction: column;\n gap: 0.2rem;\n transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;\n cursor: default;\n}\n\n.pd-spec-item:hover {\n background: var(--navy);\n transform: translateY(-2px);\n box-shadow: 0 6px 16px rgba(37,53,81,0.18);\n z-index: 1;\n position: relative;\n}\n\n.pd-spec-item:hover .pd-spec-label { color: rgba(255,255,255,0.55); }\n.pd-spec-item:hover .pd-spec-value { color: #fff; }\n\n.pd-spec-label {\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: var(--text-muted);\n}\n\n.pd-spec-value {\n font-size: 18px;\n font-weight: 600;\n color: var(--navy);\n white-space: nowrap;\n}\n\n\/* ── Expandable section ── *\/\n.pd-details {\n border-radius: var(--radius);\n overflow: hidden;\n}\n\n.pd-details-summary {\n list-style: none;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 1.1rem 1.4rem;\n background: var(--navy-pale);\n border: 2px solid rgba(37,53,81,0.18);\n border-radius: var(--radius);\n user-select: none;\n transition: background 0.18s ease, border-color 0.18s ease;\n}\n\n.pd-details[open] .pd-details-summary {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n background: var(--navy);\n border-color: var(--navy);\n}\n\n.pd-details[open] .pd-details-summary .pd-details-title,\n.pd-details[open] .pd-details-summary .pd-details-subtitle { color: #fff; }\n.pd-details[open] .pd-details-summary .pd-details-icon { background: rgba(255,255,255,0.15); }\n.pd-details[open] .pd-details-summary .pd-details-icon svg { stroke: #fff; }\n.pd-details[open] .pd-details-summary .pd-chevron { stroke: #fff; }\n\n.pd-details-summary::-webkit-details-marker { display: none; }\n\n.pd-details-summary:hover {\n background: #d4dbe8;\n border-color: rgba(37,53,81,0.3);\n}\n\n.pd-details[open] .pd-details-summary:hover {\n background: var(--navy-light);\n border-color: var(--navy-light);\n}\n\n.pd-details-summary-left {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n}\n\n.pd-details-icon {\n width: 36px;\n height: 36px;\n background: rgba(37,53,81,0.12);\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n transition: background 0.18s ease;\n}\n\n.pd-details-icon svg {\n width: 18px;\n height: 18px;\n stroke: var(--navy);\n fill: none;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n transition: stroke 0.18s ease;\n}\n\n.pd-details-title {\n font-size: 15px;\n font-weight: 700;\n color: var(--navy);\n transition: color 0.18s ease;\n}\n\n.pd-details-subtitle {\n font-size: 13px;\n color: var(--text-muted);\n margin-top: 0.05rem;\n transition: color 0.18s ease;\n}\n\n.pd-chevron {\n width: 20px;\n height: 20px;\n stroke: var(--navy);\n fill: none;\n stroke-width: 2.5;\n stroke-linecap: round;\n stroke-linejoin: round;\n transition: transform 0.25s ease, stroke 0.18s ease;\n flex-shrink: 0;\n}\n\n.pd-details[open] .pd-chevron { transform: rotate(180deg); }\n\n\/* Body *\/\n.pd-details-body {\n padding: 0 1.4rem 1.4rem;\n padding-top: 0;\n background: #fff;\n border: 2px solid var(--navy);\n border-top: 1px solid rgba(37,53,81,0.15);\n border-bottom-left-radius: var(--radius);\n border-bottom-right-radius: var(--radius);\n animation: pdFadeIn 0.22s ease;\n}\n\n@keyframes pdFadeIn {\n from { opacity: 0; transform: translateY(-6px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n.pd-section { margin-top: 1.4rem; }\n.pd-section:first-child { margin-top: 2rem; }\n\n.pd-section-title {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--accent);\n margin-bottom: 0.6rem;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n\n.pd-section-title::after {\n content: '';\n flex: 1;\n height: 1px;\n background: var(--border);\n transition: background 0.3s ease;\n}\n\n.pd-section:hover .pd-section-title::after { background: var(--navy); }\n\n.pd-section p, .pd-section ul {\n font-size: 15px;\n color: var(--text-muted);\n margin: 0 0 0.5rem;\n}\n\n.pd-section ul { padding-left: 1.2rem; }\n.pd-section li { margin-bottom: 0.25rem; }\n.pd-section a { color: var(--navy); font-weight: 500; }\n.pd-section a:hover { color: var(--accent); }\n\n\/* Fact grid *\/\n.pd-fact-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0.5rem;\n}\n\n.pd-fact {\n background: var(--navy);\n border-radius: 8px;\n padding: 0.6rem 0.8rem;\n transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;\n cursor: default;\n}\n\n.pd-fact:hover {\n background: var(--navy-light);\n transform: translateY(-2px);\n box-shadow: 0 6px 16px rgba(37,53,81,0.18);\n}\n\n.pd-fact-k {\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.55);\n}\n\n.pd-fact-v {\n font-size: 15px;\n font-weight: 600;\n color: #fff;\n margin-top: 0.1rem;\n}\n\n\/* Notice box *\/\n.pd-notice {\n background: var(--navy-pale);\n border: 1px solid rgba(37,53,81,0.18);\n border-radius: 8px;\n padding: 0.65rem 0.9rem;\n font-size: 13px;\n color: var(--text-muted);\n margin-top: 0.6rem;\n line-height: 1.5;\n}\n\n.pd-notice strong { color: var(--navy); }\n\n\/* Crossover table *\/\n.pd-crossover-table {\n width: 100%;\n border-collapse: collapse;\n font-size: 14px;\n margin-top: 0.5rem;\n}\n\n.pd-crossover-table th {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.6);\n background: var(--navy);\n padding: 0.55rem 0.8rem;\n text-align: left;\n}\n\n.pd-crossover-table th:first-child { border-radius: 8px 0 0 0; }\n.pd-crossover-table th:last-child { border-radius: 0 8px 0 0; }\n\n.pd-crossover-table td {\n padding: 0.5rem 0.8rem;\n color: var(--text-muted);\n border-bottom: 1px solid var(--border);\n background: #fff;\n}\n\n.pd-crossover-table tr:last-child td { border-bottom: none; }\n.pd-crossover-table tr:last-child td:first-child { border-radius: 0 0 0 8px; }\n.pd-crossover-table tr:last-child td:last-child { border-radius: 0 0 8px 0; }\n.pd-crossover-table tr:hover td { background: var(--navy-pale); color: var(--navy); }\n.pd-crossover-table td:first-child { font-weight: 600; color: var(--navy); }\n\n\/* Measure tip *\/\n.pd-tip {\n background: linear-gradient(135deg, var(--navy-pale), #eef1f7);\n border-left: 3px solid var(--navy);\n border-radius: 0 8px 8px 0;\n padding: 0.75rem 1rem;\n font-size: 14px;\n color: var(--text-muted);\n margin-top: 0.5rem;\n transition: border-left-width 0.18s ease, background 0.18s ease;\n}\n\n.pd-tip:hover {\n border-left-width: 5px;\n background: linear-gradient(135deg, #dce3ef, #e8edf6);\n}\n\n.pd-tip strong {\n color: var(--navy);\n display: block;\n margin-bottom: 0.15rem;\n font-size: 11px;\n letter-spacing: 0.05em;\n text-transform: uppercase;\n}\n\n\/* Colors row *\/\n.pd-colors {\n display: flex;\n gap: 0.6rem;\n flex-wrap: wrap;\n margin-top: 0.3rem;\n}\n\n.pd-color-chip {\n display: flex;\n align-items: center;\n gap: 0.4rem;\n font-size: 13px;\n color: #fff;\n background: var(--navy);\n padding: 0.3rem 0.6rem;\n border-radius: 20px;\n transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;\n}\n\n.pd-color-chip:hover {\n background: var(--navy-light);\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(37,53,81,0.18);\n}\n\n.pd-color-dot {\n width: 12px;\n height: 12px;\n border-radius: 50%;\n border: 1px solid rgba(0,0,0,0.1);\n}\n\n\/* Doc links *\/\n.pd-docs {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0.5rem;\n margin-top: 0;\n}\n\n.pd-doc-link {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.6rem 0.8rem;\n border: 1px solid var(--border);\n border-radius: 8px;\n text-decoration: none;\n font-size: 14px;\n font-weight: 500;\n color: var(--navy);\n background: #fff;\n transition: all 0.16s ease;\n}\n\n.pd-doc-link:hover {\n background: var(--navy);\n color: #fff !important;\n border-color: var(--navy);\n}\n\n.pd-doc-link:hover svg { stroke: #fff; }\n\n.pd-doc-link svg {\n width: 14px;\n height: 14px;\n flex-shrink: 0;\n stroke: currentColor;\n fill: none;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n}\n\n\/* Close button *\/\n.pd-close-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.4rem;\n width: 100%;\n padding: 0.7rem 1rem;\n background: var(--navy-pale);\n border: 1px solid rgba(37,53,81,0.15);\n border-radius: 8px;\n font-family: 'Poppins', sans-serif;\n font-size: 13px;\n font-weight: 600;\n letter-spacing: 0.05em;\n color: var(--navy);\n cursor: pointer;\n transition: background 0.16s ease, border-color 0.16s ease;\n}\n\n.pd-close-btn:hover {\n background: #d4dbe8;\n border-color: rgba(37,53,81,0.3);\n}\n\n.pd-close-btn svg {\n width: 16px;\n height: 16px;\n stroke: var(--navy);\n fill: none;\n stroke-width: 2.5;\n stroke-linecap: round;\n stroke-linejoin: round;\n}\n\n@media (max-width: 500px) {\n .pd-specs-strip { grid-template-columns: repeat(2, 1fr); }\n .pd-fact-grid { grid-template-columns: 1fr; }\n .pd-docs { grid-template-columns: 1fr; }\n}\n\u003c\/style\u003e\n\n\n\n\u003carticle itemtype=\"https:\/\/schema.org\/Product\" itemscope class=\"pd-root\"\u003e\n\n \u003c!-- Intro --\u003e\n \u003cdiv class=\"pd-intro\"\u003e\n \u003cp itemprop=\"description\" class=\"pd-lead\"\u003e\n \u003cstrong\u003eLösningen för smalare uteplatser där det krävs maximalt utfall på begränsat utrymme. Korsmonterade vikarmar ger ett långt utfall även vid liten bredd — perfekt för balkonger, mindre terrasser och innergårdar.\u003c\/strong\u003e\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Quick specs --\u003e\n \u003cdiv aria-label=\"Snabbfakta\" class=\"pd-specs-strip\"\u003e\n \u003cdiv class=\"pd-spec-item\"\u003e\n \u003cspan class=\"pd-spec-label\"\u003eMax bredd\u003c\/span\u003e\n \u003cspan class=\"pd-spec-value\"\u003e4600 mm\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-spec-item\"\u003e\n \u003cspan class=\"pd-spec-label\"\u003eMax utfall\u003c\/span\u003e\n \u003cspan class=\"pd-spec-value\"\u003e4000 mm\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-spec-item\"\u003e\n \u003cspan class=\"pd-spec-label\"\u003eVindklass\u003c\/span\u003e\n \u003cspan class=\"pd-spec-value\"\u003eKlass 1–2\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Expandable details --\u003e\n \u003cdetails class=\"pd-details\"\u003e\n \u003csummary class=\"pd-details-summary\"\u003e\n \u003cdiv class=\"pd-details-summary-left\"\u003e\n \u003cdiv class=\"pd-details-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cline x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\u003cline x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"pd-details-title\"\u003eSpecifikationer \u0026amp; dokument\u003c\/div\u003e\n \u003cdiv class=\"pd-details-subtitle\"\u003eMått, styrning, färger, monteringsanvisning\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003csvg class=\"pd-chevron\" viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n \u003c\/summary\u003e\n\n \u003cdiv class=\"pd-details-body\"\u003e\n\n \u003c!-- Montering --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eMontering\u003c\/h3\u003e\n \u003cp\u003eMonteras direkt på \u003cstrong\u003evägg eller i takfot\u003c\/strong\u003e med medföljande \u003cstrong\u003ekombikonsoler\u003c\/strong\u003e. För frontmontage eller takstolsmontage finns \u003cstrong\u003eställbara takstolskonsoler (5–45°)\u003c\/strong\u003e som tillval. Kontrollera alltid att infästningspunkter — t.ex. reglar eller takstolar — ligger inom markisens totala bredd.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Manövrering --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eManövrering\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eMotordrift med fjärrkontroll eller väggsändare\u003c\/li\u003e\n \u003cli\u003eAutomatisk styrning med sol-, vind- eller tidsstyrning\u003c\/li\u003e\n \u003cli\u003eVevreglage i matchande färg som markisen\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003c!-- Profilfärger --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eProfilfärger\u003c\/h3\u003e\n \u003cdiv class=\"pd-colors\"\u003e\n \u003cspan class=\"pd-color-chip\"\u003e\u003cspan class=\"pd-color-dot\" style=\"background:#f5f5f0;\"\u003e\u003c\/span\u003eVit RAL 9010\u003c\/span\u003e\n \u003cspan class=\"pd-color-chip\"\u003e\u003cspan class=\"pd-color-dot\" style=\"background:#2a2a2a;\"\u003e\u003c\/span\u003eSvart WY360F\u003c\/span\u003e\n \u003cspan class=\"pd-color-chip\"\u003e\u003cspan class=\"pd-color-dot\" style=\"background:#b8bec7;\"\u003e\u003c\/span\u003eSilver SW801D\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top:0.5rem;\"\u003eAlla profiler är pulverlackerade för lång hållbarhet.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Produktfakta --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eProduktfakta\u003c\/h3\u003e\n \u003cdiv class=\"pd-fact-grid\"\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eMax bredd\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003e4600 mm\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eMax utfall\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003e4000 mm\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eDukavdrag (vev)\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003e170 mm\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eDukavdrag (motor)\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003e140 mm\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-notice\" style=\"margin-top:0.6rem;\"\u003e\n Beställningsmått anges alltid som \u003cstrong\u003etotalmått\u003c\/strong\u003e (inkl. konstruktion, ej vävmått). Placering av motor\/vev anges alltid \u003cstrong\u003esett utifrån\u003c\/strong\u003e. Skruvar för infästning ingår ej.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Breddintervall crossover --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eBreddintervall för crossover-armar\u003c\/h3\u003e\n \u003ctable class=\"pd-crossover-table\"\u003e\n \u003cthead\u003e\n \u003ctr\u003e\n \u003cth\u003eUtfall (mm)\u003c\/th\u003e\n \u003cth\u003eRekommenderat breddintervall (mm)\u003c\/th\u003e\n \u003c\/tr\u003e\n \u003c\/thead\u003e\n \u003ctbody\u003e\n \u003ctr\u003e\n\u003ctd\u003e1600\u003c\/td\u003e\n\u003ctd\u003e1129 – 1950\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003e2000\u003c\/td\u003e\n\u003ctd\u003e1344 – 2380\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003e2500\u003c\/td\u003e\n\u003ctd\u003e1594 – 2880\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003e3000\u003c\/td\u003e\n\u003ctd\u003e1844 – 3380\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003e3500\u003c\/td\u003e\n\u003ctd\u003e2094 – 3880\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003ctr\u003e\n\u003ctd\u003e4000\u003c\/td\u003e\n\u003ctd\u003e2344 – 4380\u003c\/td\u003e\n\u003c\/tr\u003e\n \u003c\/tbody\u003e\n \u003c\/table\u003e\n \u003cdiv class=\"pd-notice\" style=\"margin-top:0.6rem;\"\u003e\n Utfallet mäts från markisens bakkant (infästning) till framkant. Angivet utfall gäller vid \u003cstrong\u003ehorisontella armar\u003c\/strong\u003e — vid nedvinkling minskar utfallet något.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Vindklass --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eVindklass\u003c\/h3\u003e\n \u003cp\u003eT450 Crossover är certifierad enligt europeisk standard \u003cstrong\u003eEN 13561\u003c\/strong\u003e och klassad som \u003cstrong\u003eVindklass 1–2\u003c\/strong\u003e, beroende på montage och antal fästpunkter.\u003c\/p\u003e\n \u003cdiv class=\"pd-fact-grid\" style=\"margin-top:0.6rem;\"\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eKlass 1\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003eca 8,0 m\/s · 29 km\/h\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eKlass 2\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003eca 10,5 m\/s · 38 km\/h\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-tip\" style=\"margin-top:0.6rem;\"\u003e\n \u003cstrong\u003eVad innebär det i praktiken?\u003c\/strong\u003e\n Klass 1 motsvarar en frisk bris där mindre träd vajar. Klass 2 motsvarar frisk till stark bris där stora grenar rör sig och det visslar i telefonledningar. Vid vindutsatta lägen rekommenderas en vindsensor som automatiskt fäller in markisen innan vindstyrkan blir skadlig.\n \u003c\/div\u003e\n \u003cdiv class=\"pd-notice\" style=\"margin-top:0.6rem;\"\u003e\n \u003cstrong\u003eObs:\u003c\/strong\u003e Antalet konsoler och armar vid monteringen påverkar vilken vindklass som uppnås. Fäll alltid in markisen vid kraftig vind.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Tillval --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eTillval\u003c\/h3\u003e\n \u003cul\u003e\n \u003cli\u003eTakprofil i lackerad aluminium inkl. fästen i markisens färg\u003c\/li\u003e\n \u003cli\u003eTeleskopstag Robust 1500–2500 mm för vindsäkring (levereras omonterade)\u003c\/li\u003e\n \u003cli\u003eRullgardinsfront (Starscreen 4% eller Soltis 88) — höjd 1500 mm, manövrering med vev eller motor\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003c!-- Vävar --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eVävar\u003c\/h3\u003e\n \u003cp\u003eAkrylväv av högsta kvalitet för bästa UV-skydd och färgbeständighet. Vi använder vävar från \u003cstrong\u003eSandatex\u003c\/strong\u003e för garanterad kvalitet och hållbarhet.\u003c\/p\u003e\n \u003cp\u003e\u003ca href=\"https:\/\/www.samarkis.shop\/collections\/markisvav-2-0\"\u003eVisa hela vävkollektionen →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Dokument --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eDokument\u003c\/h3\u003e\n \u003cdiv class=\"pd-docs\"\u003e\n \u003ca href=\"https:\/\/www.styrasolskydd.se\/wp-content\/uploads\/2022\/08\/StyRa-Produktblad-Terrassmarkis-T400-serie.pdf\" class=\"pd-doc-link\" target=\"_blank\" rel=\"noopener\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Produktblad\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/www.styrasolskydd.se\/wp-content\/uploads\/2022\/08\/StyRa-Teknisk-information-T400-serie.pdf\" class=\"pd-doc-link\" target=\"_blank\" rel=\"noopener\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Teknisk info\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/www.styrasolskydd.se\/wp-content\/uploads\/2020\/09\/Drift-och-skotselrad-F-B-T-markiser-1.pdf\" class=\"pd-doc-link\" target=\"_blank\" rel=\"noopener\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Skötselråd\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0759\/6153\/2764\/files\/Montageanvisning_StyRa_T400.pdf?v=1710342637\" class=\"pd-doc-link\" target=\"_blank\" rel=\"noopener\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Monteringsanvisning\n \u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Stäng-knapp --\u003e\n \u003cdiv class=\"pd-section\"\u003e\n \u003cbutton class=\"pd-close-btn\" onclick=\"this.closest('details').removeAttribute('open')\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"18 15 12 9 6 15\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Stäng\n \u003c\/button\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n\u003c\/article\u003e\n\n\n\u003c\/body\u003e","brand":"Från 14 463 kr (ordinarie 19 267 kr)","offers":[{"title":"Default Title","offer_id":47258664370524,"sku":"T450","price":14463.0,"currency_code":"SEK","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0759\/6153\/2764\/files\/terrassmarkis-t450-med-crossover-armar-s-a-persienn-and-markisservice-ab-1.png?v=1770637462"},{"product_id":"fonstermarkis-f220","title":"StyRa F220 – Utan kassett","description":"\u003cbody\u003e\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eProduktinformation\u003c\/title\u003e\n\u003cstyle\u003e\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700\u0026display=swap');\n\n:root {\n --navy: #253551;\n --navy-light: #2e4168;\n --navy-pale: #e8ecf3;\n --cream: #f7f6f2;\n --accent: #253551;\n --text: #1a2030;\n --text-muted: #6b7a94;\n --border: rgba(37,53,81,0.10);\n --radius: 12px;\n}\n\n.pd-root {\n font-family: 'Poppins', sans-serif;\n color: var(--text);\n max-width: 680px;\n line-height: 1.65;\n}\n\n.pd-intro {\n margin-top: 3rem;\n margin-bottom: 1rem;\n}\n\n.pd-intro-label {\n font-size: 17px;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.06em;\n color: var(--navy);\n margin: 0 0 4px 2px;\n}\n\n.pd-lead {\n font-size: 15px;\n color: var(--text-muted);\n font-weight: 400;\n max-width: 560px;\n margin: 0;\n padding: 0.5rem 0.25rem;\n line-height: 1.7;\n}\n\n.pd-specs-strip {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1px;\n background: var(--border);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n overflow: hidden;\n margin-bottom: 1rem;\n}\n\n.pd-spec-item {\n background: #fff;\n padding: 1rem 1.1rem;\n display: flex;\n flex-direction: column;\n gap: 0.2rem;\n transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;\n cursor: default;\n}\n\n.pd-spec-item:hover {\n background: var(--navy);\n transform: translateY(-2px);\n box-shadow: 0 6px 16px rgba(37,53,81,0.18);\n z-index: 1;\n position: relative;\n}\n\n.pd-spec-item:hover .pd-spec-label { color: rgba(255,255,255,0.55); }\n.pd-spec-item:hover .pd-spec-value { color: #fff; }\n\n.pd-spec-label {\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: var(--text-muted);\n}\n\n.pd-spec-value {\n font-size: 18px;\n font-weight: 600;\n color: var(--navy);\n white-space: nowrap;\n}\n\n.pd-details {\n border-radius: var(--radius);\n overflow: hidden;\n}\n\n.pd-details-summary {\n list-style: none;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 1.1rem 1.4rem;\n background: var(--navy-pale);\n border: 2px solid rgba(37,53,81,0.18);\n border-radius: var(--radius);\n user-select: none;\n transition: background 0.18s ease, border-color 0.18s ease;\n}\n\n.pd-details[open] .pd-details-summary {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n background: var(--navy);\n border-color: var(--navy);\n}\n\n.pd-details[open] .pd-details-summary .pd-details-title,\n.pd-details[open] .pd-details-summary .pd-details-subtitle { color: #fff; }\n.pd-details[open] .pd-details-summary .pd-details-icon { background: rgba(255,255,255,0.15); }\n.pd-details[open] .pd-details-summary .pd-details-icon svg { stroke: #fff; }\n.pd-details[open] .pd-details-summary .pd-chevron { stroke: #fff; }\n\n.pd-details-summary::-webkit-details-marker { display: none; }\n\n.pd-details-summary:hover {\n background: #d4dbe8;\n border-color: rgba(37,53,81,0.3);\n}\n\n.pd-details[open] .pd-details-summary:hover {\n background: var(--navy-light);\n border-color: var(--navy-light);\n}\n\n.pd-details-summary-left {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n}\n\n.pd-details-icon {\n width: 36px;\n height: 36px;\n background: rgba(37,53,81,0.12);\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n transition: background 0.18s ease;\n}\n\n.pd-details-icon svg {\n width: 18px;\n height: 18px;\n stroke: var(--navy);\n fill: none;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n transition: stroke 0.18s ease;\n}\n\n.pd-details-title {\n font-size: 15px;\n font-weight: 700;\n color: var(--navy);\n transition: color 0.18s ease;\n}\n\n.pd-details-subtitle {\n font-size: 13px;\n color: var(--text-muted);\n margin-top: 0.05rem;\n transition: color 0.18s ease;\n}\n\n.pd-chevron {\n width: 20px;\n height: 20px;\n stroke: var(--navy);\n fill: none;\n stroke-width: 2.5;\n stroke-linecap: round;\n stroke-linejoin: round;\n transition: transform 0.25s ease, stroke 0.18s ease;\n flex-shrink: 0;\n}\n\n.pd-details[open] .pd-chevron { transform: rotate(180deg); }\n\n.pd-details-body {\n padding: 0 1.4rem 1.4rem;\n padding-top: 0;\n background: #fff;\n border: 2px solid var(--navy);\n border-top: 1px solid rgba(37,53,81,0.15);\n border-bottom-left-radius: var(--radius);\n border-bottom-right-radius: var(--radius);\n animation: pdFadeIn 0.22s ease;\n}\n\n@keyframes pdFadeIn {\n from { opacity: 0; transform: translateY(-6px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n.pd-section { margin-top: 1.4rem; }\n.pd-section:first-child { margin-top: 2rem; }\n\n.pd-section-title {\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n color: var(--accent);\n margin-bottom: 0.6rem;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n\n.pd-section-title::after {\n content: '';\n flex: 1;\n height: 1px;\n background: var(--border);\n transition: background 0.3s ease;\n}\n\n.pd-section:hover .pd-section-title::after { background: var(--navy); }\n\n.pd-section p, .pd-section ul {\n font-size: 15px;\n color: var(--text-muted);\n margin: 0 0 0.5rem;\n}\n\n.pd-section ul { padding-left: 1.2rem; }\n.pd-section li { margin-bottom: 0.25rem; }\n.pd-section a { color: var(--navy); font-weight: 500; }\n.pd-section a:hover { color: var(--accent); }\n\n.pd-fact-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0.5rem;\n}\n\n.pd-fact {\n background: var(--navy);\n border-radius: 8px;\n padding: 0.6rem 0.8rem;\n transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;\n cursor: default;\n}\n\n.pd-fact:hover {\n background: var(--navy-light);\n transform: translateY(-2px);\n box-shadow: 0 6px 16px rgba(37,53,81,0.18);\n}\n\n.pd-fact-k {\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.55);\n}\n\n.pd-fact-v {\n font-size: 15px;\n font-weight: 600;\n color: #fff;\n margin-top: 0.1rem;\n}\n\n.pd-docs {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0.5rem;\n margin-top: 0;\n}\n\n.pd-doc-link {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.6rem 0.8rem;\n border: 1px solid var(--border);\n border-radius: 8px;\n text-decoration: none;\n font-size: 14px;\n font-weight: 500;\n color: var(--navy);\n background: #fff;\n transition: all 0.16s ease;\n}\n\n.pd-doc-link:hover {\n background: var(--navy);\n color: #fff !important;\n border-color: var(--navy);\n}\n\n.pd-doc-link:hover svg { stroke: #fff; }\n\n.pd-doc-link svg {\n width: 14px;\n height: 14px;\n flex-shrink: 0;\n stroke: currentColor;\n fill: none;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n}\n\n.pd-tip {\n background: linear-gradient(135deg, var(--navy-pale), #eef1f7);\n border-left: 3px solid var(--navy);\n border-radius: 0 8px 8px 0;\n padding: 0.75rem 1rem;\n font-size: 14px;\n color: var(--text-muted);\n margin-top: 0.5rem;\n transition: border-left-width 0.18s ease, padding-left 0.18s ease, background 0.18s ease;\n}\n\n.pd-tip:hover {\n border-left-width: 5px;\n background: linear-gradient(135deg, #dce3ef, #e8edf6);\n}\n\n.pd-tip strong {\n color: var(--navy);\n display: block;\n margin-bottom: 0.15rem;\n font-size: 11px;\n letter-spacing: 0.05em;\n text-transform: uppercase;\n}\n\n.pd-colors {\n display: flex;\n gap: 0.6rem;\n flex-wrap: wrap;\n margin-top: 0.3rem;\n}\n\n.pd-color-chip {\n display: flex;\n align-items: center;\n gap: 0.4rem;\n font-size: 13px;\n color: #fff;\n background: var(--navy);\n padding: 0.3rem 0.6rem;\n border-radius: 20px;\n transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;\n}\n\n.pd-color-chip:hover {\n background: var(--navy-light);\n transform: translateY(-2px);\n box-shadow: 0 4px 12px rgba(37,53,81,0.18);\n}\n\n.pd-color-dot {\n width: 12px;\n height: 12px;\n border-radius: 50%;\n border: 1px solid rgba(0,0,0,0.1);\n}\n\n.pd-close-btn {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.4rem;\n width: 100%;\n padding: 0.7rem 1rem;\n background: var(--navy-pale);\n border: 1px solid rgba(37,53,81,0.15);\n border-radius: 8px;\n font-family: 'Poppins', sans-serif;\n font-size: 13px;\n font-weight: 600;\n letter-spacing: 0.05em;\n color: var(--navy);\n cursor: pointer;\n transition: background 0.16s ease, border-color 0.16s ease;\n}\n\n.pd-close-btn:hover {\n background: #d4dbe8;\n border-color: rgba(37,53,81,0.3);\n}\n\n.pd-close-btn svg {\n width: 16px;\n height: 16px;\n stroke: var(--navy);\n fill: none;\n stroke-width: 2.5;\n stroke-linecap: round;\n stroke-linejoin: round;\n}\n\n@media (max-width: 500px) {\n .pd-specs-strip { grid-template-columns: repeat(2, 1fr); }\n .pd-fact-grid { grid-template-columns: 1fr; }\n .pd-docs { grid-template-columns: 1fr; }\n}\n\u003c\/style\u003e\n\n\u003carticle itemtype=\"https:\/\/schema.org\/Product\" itemscope class=\"pd-root\"\u003e\n\n \u003c!-- Quick specs --\u003e\n \u003cdiv aria-label=\"Snabbfakta\" class=\"pd-specs-strip\"\u003e\n \u003cdiv class=\"pd-spec-item\"\u003e\n \u003cspan class=\"pd-spec-label\"\u003eBredd\u003c\/span\u003e\n \u003cspan class=\"pd-spec-value\"\u003e500 – 3200 mm\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-spec-item\"\u003e\n \u003cspan class=\"pd-spec-label\"\u003eUtfall\u003c\/span\u003e\n \u003cspan class=\"pd-spec-value\"\u003e400 – 1200 mm\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-spec-item\"\u003e\n \u003cspan class=\"pd-spec-label\"\u003eVindklass\u003c\/span\u003e\n \u003cspan class=\"pd-spec-value\"\u003eKlass 3\u003c\/span\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003c!-- Intro --\u003e\n \u003cdiv class=\"pd-intro\"\u003e\n \u003cp class=\"pd-intro-label\"\u003eOm produkten\u003c\/p\u003e\n \u003cp itemprop=\"description\" class=\"pd-lead\"\u003e\n Perfekt för montering i nisch eller under takutsprång. Levereras med akrylväv av högsta kvalitet för optimalt UV-skydd.\n \u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003c!-- Expandable details --\u003e\n \u003cdetails class=\"pd-details\"\u003e\n \u003csummary class=\"pd-details-summary\"\u003e\n \u003cdiv class=\"pd-details-summary-left\"\u003e\n \u003cdiv class=\"pd-details-icon\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cline x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\u003cline x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\n \u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"pd-details-title\"\u003eSpecifikationer \u0026amp; dokument\u003c\/div\u003e\n \u003cdiv class=\"pd-details-subtitle\"\u003eMått, styrning, färger, monteringsanvisning\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003csvg class=\"pd-chevron\" viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n \u003c\/summary\u003e\n\n \u003cdiv class=\"pd-details-body\"\u003e\n\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eMontering\u003c\/h3\u003e\n \u003cp\u003eMonteras enkelt på vägg eller i fönsterkarm med medföljande monteringskonsolar.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eStyrning\u003c\/h3\u003e\n \u003cp\u003eVälj mellan bandreglage, vev eller motor. Vid motorstyrning:\u003c\/p\u003e\n \u003cul\u003e\n \u003cli\u003eTrådbundet via väggströmbrytare\u003c\/li\u003e\n \u003cli\u003eTrådlöst med fjärrkontroll\u003c\/li\u003e\n \u003cli\u003eApp-styrning med sol- och vindautomatik\u003c\/li\u003e\n \u003c\/ul\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eProfilfärger\u003c\/h3\u003e\n \u003cdiv class=\"pd-colors\"\u003e\n \u003cspan class=\"pd-color-chip\"\u003e\u003cspan class=\"pd-color-dot\" style=\"background:#f5f5f0;\"\u003e\u003c\/span\u003eVit RAL 9010\u003c\/span\u003e\n \u003cspan class=\"pd-color-chip\"\u003e\u003cspan class=\"pd-color-dot\" style=\"background:#2a2a2a;\"\u003e\u003c\/span\u003eSvart WY360F\u003c\/span\u003e\n \u003cspan class=\"pd-color-chip\"\u003e\u003cspan class=\"pd-color-dot\" style=\"background:#b8bec7;\"\u003e\u003c\/span\u003eSilver SW801D\u003c\/span\u003e\n \u003c\/div\u003e\n \u003cp style=\"margin-top:0.5rem;\"\u003eAlla profiler är pulverlackerade för lång hållbarhet.\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eDukavdrag per sida\u003c\/h3\u003e\n \u003cdiv class=\"pd-fact-grid\"\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eBandreglage\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003e74 mm\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eMotor\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003e59 mm\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eMåttagning\u003c\/h3\u003e\n \u003cdiv class=\"pd-tip\"\u003e\n \u003cstrong\u003eBredd\u003c\/strong\u003e\n Lägg till 100–150 mm på varje sida av karm- eller nischmåttet för optimal solavskärmning.\n \u003c\/div\u003e\n \u003cdiv class=\"pd-tip\" style=\"margin-top:0.5rem;\"\u003e\n \u003cstrong\u003eArmlängd\u003c\/strong\u003e\n Mät höjden från överkant foder till fönsterbleck och dela med två — resultatet är rekommenderad armlängd.\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eReglagesida\u003c\/h3\u003e\n \u003cdiv class=\"pd-fact-grid\"\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eFrån insidan\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003eHöger in \/ Vänster in\u003c\/div\u003e\n \u003c\/div\u003e\n \u003cdiv class=\"pd-fact\"\u003e\n \u003cdiv class=\"pd-fact-k\"\u003eFrån utsidan\u003c\/div\u003e\n \u003cdiv class=\"pd-fact-v\"\u003eHöger ut \/ Vänster ut\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eVävar\u003c\/h3\u003e\n \u003cp\u003eVi använder vävar från \u003cstrong\u003eSandatex\u003c\/strong\u003e — optimalt UV-skydd och lång hållbarhet.\u003c\/p\u003e\n \u003cp\u003e\u003ca href=\"https:\/\/www.samarkis.shop\/collections\/markisvav-2-0\"\u003eVisa hela vävkollektionen →\u003c\/a\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"pd-section\"\u003e\n \u003ch3 class=\"pd-section-title\"\u003eDokument\u003c\/h3\u003e\n \u003cdiv class=\"pd-docs\"\u003e\n \u003ca href=\"https:\/\/www.styrasolskydd.se\/wp-content\/uploads\/2022\/08\/StyRa-Produktblad-Fonstermarkis-F320-F220.pdf\" class=\"pd-doc-link\" target=\"_blank\" rel=\"noopener\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Produktblad\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/www.styrasolskydd.se\/wp-content\/uploads\/2022\/08\/StyRa-Teknisk-information-F220-F320.pdf\" class=\"pd-doc-link\" target=\"_blank\" rel=\"noopener\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Teknisk info\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/www.styrasolskydd.se\/wp-content\/uploads\/2020\/09\/Drift-och-skotselrad-F-B-T-markiser.pdf\" class=\"pd-doc-link\" target=\"_blank\" rel=\"noopener\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Skötselråd\n \u003c\/a\u003e\n \u003ca href=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0759\/6153\/2764\/files\/Montageanvisning_StyRa_F220.pdf?v=1710338593\" class=\"pd-doc-link\" target=\"_blank\" rel=\"noopener\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\u003cpolyline points=\"14 2 14 8 20 8\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Monteringsanvisning\n \u003c\/a\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n\n \u003cdiv class=\"pd-section\"\u003e\n \u003cbutton class=\"pd-close-btn\" onclick=\"this.closest('details').removeAttribute('open')\"\u003e\n \u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"18 15 12 9 6 15\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n Stäng\n \u003c\/button\u003e\n \u003c\/div\u003e\n\n \u003c\/div\u003e\n \u003c\/details\u003e\n\n\u003c\/article\u003e\n\n\u003c\/body\u003e","brand":"Från 2 693 kr (ordinarie 6 436 kr)","offers":[{"title":"Default Title","offer_id":47263408423260,"sku":"F220","price":2693.0,"currency_code":"SEK","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0759\/6153\/2764\/files\/fonstermarkis-f220-s-a-persienn-and-markisservice-ab.png?v=1770637467"},{"product_id":"glydea","title":"Glydea Gardinskena Motoriserad","description":"\u003cdiv class=\"page\" title=\"Page 2\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"layoutArea\"\u003e\n\u003cdiv class=\"column\"\u003e\n\u003cp\u003e\u003cspan\u003eElegans i rörelse\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eMed StyRa\u003c\/span\u003e\u003cspan\u003e® \u003c\/span\u003e\u003cspan\u003eGardinskenor får man en stilren, enkel och snygg installation för sina gardiner. Med gardinerna helt öppna, delvis fördragna eller stängda skapar du just den stämningen du önskar\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv class=\"page\" title=\"Page 2\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"layoutArea\"\u003e\n\u003cdiv class=\"column\"\u003e\n\u003cp\u003e\u003cspan\u003eStyRa\u003c\/span\u003e\u003cspan\u003e® \u003c\/span\u003e\u003cspan\u003eGlydea \u003c\/span\u003e\u003cspan\u003eär en stilfull motoriserad gardinskena som går i perfekt harmoni med din inredning. Med ett enkelt knapptryck eller lätt drag justeras gardinerna med lätta och mjuka rörelser.\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv title=\"Page 14\" class=\"page\"\u003e\n\u003cdiv class=\"layoutArea\"\u003e\n\u003cdiv class=\"column\"\u003e\n\u003cp\u003e\u003cspan\u003eGardinskena i vitlack eller svart! \u003c\/span\u003e\u003cspan\u003e(motor alltid vit)\u003cbr\u003e\u003c\/span\u003e\u003cspan\u003eMjukstart \u0026amp; stopp.\u003cbr\u003eGlid ingår, 10 st\/meter\u003cbr\u003eTakfäste Standard vridbart ingår, övriga fästen finns som tillbehör. - Kan fås med fasta vinklar om 45 och 90 grader, radie 300 mm\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv title=\"Page 14\" class=\"page\"\u003e\n\u003cdiv class=\"layoutArea\"\u003e\n\u003cdiv class=\"column\"\u003e\n\u003cp\u003e\u003cspan style=\"text-decoration: underline;\"\u003eGlöm ej att lägga till motortyp!\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cspan\u003eMax bredd : 15000 mm\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv class=\"page\" title=\"Page 2\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"layoutArea\"\u003e\n\u003cdiv class=\"column\"\u003e\n\u003cp\u003e\u003cstrong\u003eStyrning \u0026amp; Automatik\u003c\/strong\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"column\"\u003e\n\u003cp\u003e\u003cspan\u003eExtra funktioner\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eUtrusta din gardinskena med utvalda funktioner och designtillval för att bygga en produkt som passar just dig. Med extra funktioner blir din gardinskena än mer användbar.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"layoutArea\"\u003e\n\u003cdiv class=\"column\"\u003e\n\u003cp\u003e\u003cspan\u003eEtt motoriserat solskydd används upp till 80% mer än ett manuellt. Styr gardinen med fjärrkontroll eller trådlös väggstyrning. Eller lägg till något av tillvalen för en ännu enklare manövrering. Gardinen går samtidigt att reglera manuellt via Touch Motion.\u003c\/span\u003e\u003c\/p\u003e\n\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\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"page\" title=\"Page 2\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"layoutArea\"\u003e\n\u003cdiv class=\"column\"\u003e\n\u003cp\u003e\u003cstrong\u003eExtra funktioner\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eUtrusta din gardinskena med utvalda funktioner och designtillval för att bygga en produkt som passar just dig. Med extra funktioner blir din gardinskena än mer användbar\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv class=\"page\" title=\"Page 2\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"layoutArea\"\u003e\n\u003cdiv class=\"column\"\u003e\n\u003cp\u003e\u003cstrong\u003e\"BILD PÅ MITTÖPPNING\"\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003eMittöppning,                                                                                                                               E\u003c\/strong\u003e\u003cspan\u003endast Glydea.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003e\u003cstrong data-mce-fragment=\"1\"\u003e\"BILD PÅ BOCKAD SKENA\"\u003c\/strong\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv class=\"page\" title=\"Page 2\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"layoutArea\"\u003e\n\u003cdiv class=\"column\"\u003e\n\u003cp\u003e\u003cstrong\u003eBockad skena                                                                                                                                 \u003c\/strong\u003e\u003cspan\u003e45° eller 90°, endast Glydea.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cdiv class=\"page\" title=\"Page 15\"\u003e\u003cbr\u003e\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\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\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\/div\u003e\n\u003c\/div\u003e","brand":"S.A Persienn \u0026 Markisservice AB","offers":[{"title":"Default Title","offer_id":47263422054748,"sku":null,"price":1.0,"currency_code":"SEK","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0759\/6153\/2764\/files\/glydea-gardinskena-motoriserad-s-a-persienn-and-markisservice-ab.jpg?v=1770637465"},{"product_id":"g200","title":"Gardinskena G200","description":"\u003cdiv title=\"Page 16\" class=\"page\"\u003e\n\u003cdiv class=\"layoutArea\"\u003e\n\u003cdiv class=\"column\"\u003e\n\u003cdiv title=\"Page 2\" class=\"page\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"layoutArea\"\u003e\n\u003cdiv class=\"column\"\u003e\n\u003cp\u003e\u003cstrong\u003eGardinskena G200\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eMed StyRa\u003c\/span\u003e\u003cspan\u003e® \u003c\/span\u003e\u003cspan\u003eGardinskenor får man en stilren, enkel och snygg installation för sina gardiner. Med gardinerna helt öppna, delvis fördragna eller stängda skapar du just den stämningen du önskar.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eStyRa\u003c\/span\u003e\u003cspan\u003e® \u003c\/span\u003e\u003cspan\u003eGardinskena G200 \u003c\/span\u003e\u003cspan\u003eär en traditionell gardinskena i alluminium.                        Tack vare sina olika varianter av väggmontage och tak- montage är den oerhört användbar och passar i alla slags miljöer.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cspan\u003eGardinskena 8 x 25 mm i aluminium\u003cbr\u003eFärger: Vit RAL 9016 \/ Silver RAL9006 \/ Svart RAL9005 - Glid ingår, 15 st\/meter (vita)\u003cbr\u003eÄndskydd, vit med ögla, svart\/grå utan ögla\u003cbr\u003eMonteras i tak eller vägg.\u003cbr\u003eTakhållare ingår, väggvinklar finns som tillval.\u003cbr\u003eVid silverskena används vita beslag!\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eMax Bredd 6000 mm utan skarv.\u003c\/span\u003e\u003c\/p\u003e\n\u003cdiv title=\"Page 2\" class=\"page\"\u003e\n\u003cdiv class=\"section\"\u003e\n\u003cdiv class=\"layoutArea\"\u003e\n\u003cdiv class=\"column\"\u003e\n\u003cp\u003e\u003cspan\u003eExtra funktioner\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan\u003eUtrusta din gardinskena med utvalda funktioner och designtillval för att bygga en produkt som passar just dig. Med extra funktioner blir din gardinskena än mer användbar.\u003c\/span\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cp\u003e\u003cspan\u003eBilder på skena samt takhållare \/ Vridfäste \/ Väggvinkel \/ Hörnböj \/ Returböj \/ Skarvdel.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003eEventuellt prislista hållare och tillval\u003cbr\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"S.A Persienn \u0026 Markisservice AB","offers":[{"title":"Default Title","offer_id":47263423037788,"sku":null,"price":0.0,"currency_code":"SEK","in_stock":true}]},{"product_id":"somfy-tahoma®-switch","title":"Somfy TaHoma® switch","description":"\u003cstyle\u003e\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700\u0026display=swap');\n:root{--navy:#253551;--navy-light:#2e4168;--navy-pale:#e8ecf3;--cream:#f7f6f2;--accent:#253551;--text:#1a2030;--text-muted:#6b7a94;--border:rgba(37,53,81,.10);--radius:12px}\n.pd-root{font-family:'Poppins',sans-serif;color:var(--text);max-width:680px;line-height:1.65}\n.pd-intro{margin-bottom:2rem}\n.pd-lead{font-size:20px;color:var(--text-muted);font-weight:300;max-width:560px}\n.pd-specs-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:2rem}\n.pd-spec-item{background:#fff;padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.2rem;transition:background .18s,transform .18s,box-shadow .18s;cursor:default}\n.pd-spec-item:hover{background:var(--navy);transform:translateY(-2px);box-shadow:0 6px 16px rgba(37,53,81,.18);z-index:1;position:relative}\n.pd-spec-item:hover .pd-spec-label{color:rgba(255,255,255,.55)}\n.pd-spec-item:hover .pd-spec-value{color:#fff}\n.pd-spec-label{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}\n.pd-spec-value{font-size:18px;font-weight:600;color:var(--navy);white-space:nowrap}\n.pd-details{border-radius:var(--radius);overflow:hidden}\n.pd-details-summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.4rem;background:var(--navy-pale);border:2px solid rgba(37,53,81,.18);border-radius:var(--radius);user-select:none;transition:background .18s,border-color .18s}\n.pd-details[open] .pd-details-summary{border-bottom-left-radius:0;border-bottom-right-radius:0;background:var(--navy);border-color:var(--navy)}\n.pd-details[open] .pd-details-summary .pd-details-title,.pd-details[open] .pd-details-summary .pd-details-subtitle{color:#fff}\n.pd-details[open] .pd-details-summary .pd-details-icon{background:rgba(255,255,255,.15)}\n.pd-details[open] .pd-details-summary .pd-details-icon svg{stroke:#fff}\n.pd-details[open] .pd-details-summary .pd-chevron{stroke:#fff}\n.pd-details-summary::-webkit-details-marker{display:none}\n.pd-details-summary:hover{background:#d4dbe8;border-color:rgba(37,53,81,.3)}\n.pd-details[open] .pd-details-summary:hover{background:var(--navy-light)}\n.pd-details-summary-left{display:flex;align-items:center;gap:.75rem}\n.pd-details-icon{width:36px;height:36px;background:rgba(37,53,81,.12);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .18s}\n.pd-details-icon svg{width:18px;height:18px;stroke:var(--navy);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:stroke .18s}\n.pd-details-title{font-size:15px;font-weight:700;color:var(--navy);transition:color .18s}\n.pd-details-subtitle{font-size:13px;color:var(--text-muted);margin-top:.05rem;transition:color .18s}\n.pd-chevron{width:20px;height:20px;stroke:var(--navy);fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s,stroke .18s;flex-shrink:0}\n.pd-details[open] .pd-chevron{transform:rotate(180deg)}\n.pd-details-body{padding:0 1.4rem 1.4rem;padding-top:0;background:#fff;border:2px solid var(--navy);border-top:1px solid rgba(37,53,81,.15);border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius);animation:pdFadeIn .22s ease}\n@keyframes pdFadeIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}\n.pd-section{margin-top:1.4rem}\n.pd-section:first-child{margin-top:2rem}\n.pd-section-title{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:.6rem;display:flex;align-items:center;gap:.5rem}\n.pd-section-title::after{content:'';flex:1;height:1px;background:var(--border)}\n.pd-section p,.pd-section ul{font-size:15px;color:var(--text-muted);margin:0 0 .5rem}\n.pd-section ul{padding-left:1.2rem}\n.pd-section li{margin-bottom:.25rem}\n.pd-fact-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}\n.pd-fact{background:var(--navy);border-radius:8px;padding:.6rem .8rem;transition:background .18s,transform .18s,box-shadow .18s;cursor:default}\n.pd-fact:hover{background:var(--navy-light);transform:translateY(-2px);box-shadow:0 6px 16px rgba(37,53,81,.18)}\n.pd-fact-k{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.55)}\n.pd-fact-v{font-size:15px;font-weight:600;color:#fff;margin-top:.1rem}\n.pd-tip{background:linear-gradient(135deg,var(--navy-pale),#eef1f7);border-left:3px solid var(--navy);border-radius:0 8px 8px 0;padding:.75rem 1rem;font-size:14px;color:var(--text-muted);margin-top:.5rem}\n.pd-tip strong{color:var(--navy);display:block;margin-bottom:.15rem;font-size:11px;letter-spacing:.05em;text-transform:uppercase}\n.pd-close-btn{display:flex;align-items:center;justify-content:center;gap:.4rem;width:100%;padding:.7rem 1rem;background:var(--navy-pale);border:1px solid rgba(37,53,81,.15);border-radius:8px;font-family:'Poppins',sans-serif;font-size:13px;font-weight:600;letter-spacing:.05em;color:var(--navy);cursor:pointer;transition:background .16s,border-color .16s}\n.pd-close-btn:hover{background:#d4dbe8;border-color:rgba(37,53,81,.3)}\n.pd-close-btn svg{width:16px;height:16px;stroke:var(--navy);fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}\n@media(max-width:500px){.pd-specs-strip{grid-template-columns:repeat(2,1fr)}.pd-fact-grid{grid-template-columns:1fr}}\n\u003c\/style\u003e\n\n\u003carticle itemtype=\"https:\/\/schema.org\/Product\" itemscope class=\"pd-root\"\u003e\n \u003cdiv class=\"pd-intro\"\u003e\n \u003cp itemprop=\"description\" class=\"pd-lead\"\u003e\u003cstrong\u003eSomfy TaHoma® switch – den smarta kontrollen för ett uppkopplat hem.\u003c\/strong\u003e\u003c\/p\u003e\n \u003c\/div\u003e\n \n \u003cdetails class=\"pd-details\"\u003e\n \u003csummary class=\"pd-details-summary\"\u003e\n \u003cdiv class=\"pd-details-summary-left\"\u003e\n \u003cdiv class=\"pd-details-icon\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"10\"\u003e\u003c\/circle\u003e\u003cline x1=\"12\" y1=\"8\" x2=\"12\" y2=\"12\"\u003e\u003c\/line\u003e\u003cline x1=\"12\" y1=\"16\" x2=\"12.01\" y2=\"16\"\u003e\u003c\/line\u003e\u003c\/svg\u003e\u003c\/div\u003e\n \u003cdiv\u003e\n \u003cdiv class=\"pd-details-title\"\u003eSpecifikationer \u0026amp; information\u003c\/div\u003e\n \u003cdiv class=\"pd-details-subtitle\"\u003eTekniska detaljer, kompatibilitet och mer\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/div\u003e\n \u003csvg class=\"pd-chevron\" viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"6 9 12 15 18 9\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e\n \u003c\/summary\u003e\n \u003cdiv class=\"pd-details-body\"\u003e\n \u003cdiv class=\"pd-section\"\u003e\n\u003ch3 class=\"pd-section-title\"\u003eArtikelnummer\u003c\/h3\u003e\n\u003cp\u003e1870594\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"pd-section\"\u003e\n\u003ch3 class=\"pd-section-title\"\u003eEnkel \u0026amp; utvecklande\u003c\/h3\u003e\n\u003cp\u003eBörja med en eller två produkter och lägg till fler när du vill. TaHoma® switch skapar ett smart hem som växer med dina behov – utan att komplicera din vardag.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pd-section\"\u003e\n\u003ch3 class=\"pd-section-title\"\u003eSmart styrning i vardagen\u003c\/h3\u003e\n\u003cp\u003eStyr solskydd via appen, simulera närvaro med automatiserad belysning och låt sensorer trigga dina scener. Starta personliga lägen med ett tryck – hemma eller på distans.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pd-section\"\u003e\n\u003ch3 class=\"pd-section-title\"\u003eStort ekosystem \u0026amp; bred kompatibilitet\u003c\/h3\u003e\n\u003cp\u003eTa del av ett växande utbud av produkter från Somfy och välkända partner inom smarta hem. TaHoma® switch stödjer Somfys egna lösningar och kan kombineras med röstassistenter för extra bekvämlighet.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pd-section\"\u003e\n\u003ch3 class=\"pd-section-title\"\u003eProtokollstöd\u003c\/h3\u003e\n\u003cp\u003eUtvecklad för moderna smarta hem med stöd för io-homecontrol®, RTS och Zigbee 3.0 i kombination med molntjänster – för smidig integration av många olika produkter.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pd-section\"\u003e\n\u003ch3 class=\"pd-section-title\"\u003eExempel på användning\u003c\/h3\u003e\n\u003cp\u003eStyr markiser och screens i appen\u003c\/p\u003e\n\u003cp\u003eAutomatisera belysning för närvarosimulering\u003c\/p\u003e\n\u003cp\u003eStarta händelser och scener med tillbehör och sensorer\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pd-section\"\u003e\n\u003ch3 class=\"pd-section-title\"\u003eVad ingår?\u003c\/h3\u003e\n\u003cp\u003e1 × Somfy TaHoma® switch\u003c\/p\u003e\n\u003cp\u003eSnabbstartsguide\u003c\/p\u003e\n\u003c\/div\u003e\n \u003cdiv class=\"pd-section\"\u003e\u003cbutton class=\"pd-close-btn\" onclick=\"this.closest('details').removeAttribute('open')\"\u003e\u003csvg viewbox=\"0 0 24 24\"\u003e\u003cpolyline points=\"18 15 12 9 6 15\"\u003e\u003c\/polyline\u003e\u003c\/svg\u003e Stäng\u003c\/button\u003e\u003c\/div\u003e\n \u003c\/div\u003e\n \u003c\/details\u003e\n\u003c\/article\u003e","brand":"2299 kr","offers":[{"title":"Default Title","offer_id":47700277166428,"sku":null,"price":2299.0,"currency_code":"SEK","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0759\/6153\/2764\/files\/somfy-tahoma-r-switch-s-a-persienn-and-markisservice-ab-1.jpg?v=1770637468"},{"product_id":"aluminium-lamell-25mm-0116","title":"Aluminium lamell 25mm 0116","description":"\u003cp\u003e\u003cstrong data-start=\"65\" data-end=\"119\"\u003ePersiennlameller 25 mm – justerbar ljusinsläppning\u003c\/strong\u003e\u003cbr data-start=\"119\" data-end=\"122\"\u003e\u003cem data-start=\"122\" data-end=\"202\" data-is-only-node=\"\"\u003e(ger möjlighet att vinkla lamellerna för att styra ljus och insyn efter behov)\u003c\/em\u003e\u003c\/p\u003e","brand":"0 kr","offers":[{"title":"Default Title","offer_id":47718097191260,"sku":"Persiennlamell","price":0.0,"currency_code":"SEK","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0759\/6153\/2764\/files\/aluminium-lamell-25mm-0116-s-a-persienn-and-markisservice-ab.jpg?v=1770637475"},{"product_id":"aluminium-lamell-25mm-0245","title":"Aluminium lamell 25mm 0245","description":"\u003cp\u003e\u003cstrong data-start=\"65\" data-end=\"119\"\u003ePersiennlameller 25 mm – justerbar ljusinsläppning\u003c\/strong\u003e\u003cbr data-start=\"119\" data-end=\"122\"\u003e\u003cem data-start=\"122\" data-end=\"202\" data-is-only-node=\"\"\u003e(ger möjlighet att vinkla lamellerna för att styra ljus och insyn efter behov)\u003c\/em\u003e\u003c\/p\u003e","brand":"0 kr","offers":[{"title":"Default Title","offer_id":47718111674716,"sku":"Persiennlamell","price":0.0,"currency_code":"SEK","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0759\/6153\/2764\/files\/aluminium-lamell-25mm-0245-s-a-persienn-and-markisservice-ab.jpg?v=1770637476"},{"product_id":"aluminium-lamell-25mm-0246","title":"Aluminium lamell 25mm 0246","description":"\u003cp\u003e\u003cstrong data-start=\"65\" data-end=\"119\"\u003ePersiennlameller 25 mm – justerbar ljusinsläppning\u003c\/strong\u003e\u003cbr data-start=\"119\" data-end=\"122\"\u003e\u003cem data-start=\"122\" data-end=\"202\" data-is-only-node=\"\"\u003e(ger möjlighet att vinkla lamellerna för att styra ljus och insyn efter behov)\u003c\/em\u003e\u003c\/p\u003e","brand":"0 kr","offers":[{"title":"Default Title","offer_id":47718120423772,"sku":"Persiennlamell","price":0.0,"currency_code":"SEK","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0759\/6153\/2764\/files\/aluminium-lamell-25mm-0246-s-a-persienn-and-markisservice-ab.jpg?v=1770637476"},{"product_id":"aluminium-lamell-25mm-0256","title":"Aluminium lamell 25mm 0256","description":"\u003cp\u003e\u003cstrong data-start=\"65\" data-end=\"119\"\u003ePersiennlameller 25 mm – justerbar ljusinsläppning\u003c\/strong\u003e\u003cbr data-start=\"119\" data-end=\"122\"\u003e\u003cem data-start=\"122\" data-end=\"202\" data-is-only-node=\"\"\u003e(ger möjlighet att vinkla lamellerna för att styra ljus och insyn efter behov)\u003c\/em\u003e\u003c\/p\u003e","brand":"0 kr","offers":[{"title":"Default Title","offer_id":47718122520924,"sku":"Persiennlamell","price":0.0,"currency_code":"SEK","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0759\/6153\/2764\/files\/aluminium-lamell-25mm-0256-s-a-persienn-and-markisservice-ab.jpg?v=1770637476"},{"product_id":"aluminium-lamell-25mm-0270","title":"Aluminium lamell 25mm 0270","description":"\u003cp\u003e\u003cstrong data-start=\"65\" data-end=\"119\"\u003ePersiennlameller 25 mm – justerbar ljusinsläppning\u003c\/strong\u003e\u003cbr data-start=\"119\" data-end=\"122\"\u003e\u003cem data-start=\"122\" data-end=\"202\" data-is-only-node=\"\"\u003e(ger möjlighet att vinkla lamellerna för att styra ljus och insyn efter behov)\u003c\/em\u003e\u003c\/p\u003e","brand":"0 kr","offers":[{"title":"Default Title","offer_id":47718125699420,"sku":"Persiennlamell","price":0.0,"currency_code":"SEK","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0759\/6153\/2764\/files\/aluminium-lamell-25mm-0270-s-a-persienn-and-markisservice-ab.jpg?v=1770637478"},{"product_id":"aluminium-lamell-25mm-0454","title":"Aluminium lamell 25mm 0454","description":"\u003cp\u003e\u003cstrong data-start=\"65\" data-end=\"119\"\u003ePersiennlameller 25 mm – justerbar ljusinsläppning\u003c\/strong\u003e\u003cbr data-start=\"119\" data-end=\"122\"\u003e\u003cem data-start=\"122\" data-end=\"202\" data-is-only-node=\"\"\u003e(ger möjlighet att vinkla lamellerna för att styra ljus och insyn efter behov)\u003c\/em\u003e\u003c\/p\u003e","brand":"0 kr","offers":[{"title":"Default Title","offer_id":47718127796572,"sku":"Persiennlamell","price":0.0,"currency_code":"SEK","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0759\/6153\/2764\/files\/aluminium-lamell-25mm-0454-s-a-persienn-and-markisservice-ab.jpg?v=1770637480"},{"product_id":"aluminium-lamell-25mm-0709","title":"Aluminium lamell 25mm 0709","description":"\u003cp\u003e\u003cstrong data-start=\"65\" data-end=\"119\"\u003ePersiennlameller 25 mm – justerbar ljusinsläppning\u003c\/strong\u003e\u003cbr data-start=\"119\" data-end=\"122\"\u003e\u003cem data-start=\"122\" data-end=\"202\" data-is-only-node=\"\"\u003e(ger möjlighet att vinkla lamellerna för att styra ljus och insyn efter behov)\u003c\/em\u003e\u003c\/p\u003e","brand":"0 kr","offers":[{"title":"Default Title","offer_id":47718130843996,"sku":"Persiennlamell","price":0.0,"currency_code":"SEK","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0759\/6153\/2764\/files\/aluminium-lamell-25mm-0709-s-a-persienn-and-markisservice-ab.jpg?v=1770637481"},{"product_id":"aluminium-lamell-25mm-0912","title":"Aluminium lamell 25mm 0912","description":"\u003cp\u003e\u003cstrong data-start=\"65\" data-end=\"119\"\u003ePersiennlameller 25 mm – justerbar ljusinsläppning\u003c\/strong\u003e\u003cbr data-start=\"119\" data-end=\"122\"\u003e\u003cem data-start=\"122\" data-end=\"202\" data-is-only-node=\"\"\u003e(ger möjlighet att vinkla lamellerna för att styra ljus och insyn efter behov)\u003c\/em\u003e\u003c\/p\u003e","brand":"0 kr","offers":[{"title":"Default Title","offer_id":47718132908380,"sku":"Persiennlamell","price":0.0,"currency_code":"SEK","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0759\/6153\/2764\/files\/aluminium-lamell-25mm-0912-s-a-persienn-and-markisservice-ab.jpg?v=1770637481"},{"product_id":"aluminium-lamell-25mm-0948","title":"Aluminium lamell 25mm 0948","description":"\u003cp\u003e\u003cstrong data-start=\"65\" data-end=\"119\"\u003ePersiennlameller 25 mm – justerbar ljusinsläppning\u003c\/strong\u003e\u003cbr data-start=\"119\" data-end=\"122\"\u003e\u003cem data-start=\"122\" data-end=\"202\" data-is-only-node=\"\"\u003e(ger möjlighet att vinkla lamellerna för att styra ljus och insyn efter behov)\u003c\/em\u003e\u003c\/p\u003e","brand":"0 kr","offers":[{"title":"Default Title","offer_id":47718136086876,"sku":"Persiennlamell","price":0.0,"currency_code":"SEK","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0759\/6153\/2764\/files\/aluminium-lamell-25mm-0948-s-a-persienn-and-markisservice-ab.jpg?v=1770637481"},{"product_id":"aluminium-lamell-25mm-1257","title":"Aluminium lamell 25mm 1257","description":"\u003cp\u003e\u003cstrong data-start=\"65\" data-end=\"119\"\u003ePersiennlameller 25 mm – justerbar ljusinsläppning\u003c\/strong\u003e\u003cbr data-start=\"119\" data-end=\"122\"\u003e\u003cem data-start=\"122\" data-end=\"202\" data-is-only-node=\"\"\u003e(ger möjlighet att vinkla lamellerna för att styra ljus och insyn efter behov)\u003c\/em\u003e\u003c\/p\u003e","brand":"0 kr","offers":[{"title":"Default Title","offer_id":47718138544476,"sku":"Persiennlamell","price":0.0,"currency_code":"SEK","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0759\/6153\/2764\/files\/aluminium-lamell-25mm-1257-s-a-persienn-and-markisservice-ab.jpg?v=1770637482"},{"product_id":"aluminium-lamell-25mm-1610","title":"Aluminium lamell 25mm 1610","description":"\u003cp\u003e\u003cstrong data-start=\"65\" data-end=\"119\"\u003ePersiennlameller 25 mm – justerbar ljusinsläppning\u003c\/strong\u003e\u003cbr data-start=\"119\" data-end=\"122\"\u003e\u003cem data-start=\"122\" data-end=\"202\" data-is-only-node=\"\"\u003e(ger möjlighet att vinkla lamellerna för att styra ljus och insyn efter behov)\u003c\/em\u003e\u003c\/p\u003e","brand":"0 kr","offers":[{"title":"Default Title","offer_id":47718140182876,"sku":"Persiennlamell","price":0.0,"currency_code":"SEK","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0759\/6153\/2764\/files\/aluminium-lamell-25mm-1610-s-a-persienn-and-markisservice-ab.jpg?v=1770637483"},{"product_id":"aluminium-lamell-25mm-1651","title":"Aluminium lamell 25mm 1651","description":"\u003cp\u003e\u003cstrong data-start=\"65\" data-end=\"119\"\u003ePersiennlameller 25 mm – justerbar ljusinsläppning\u003c\/strong\u003e\u003cbr data-start=\"119\" data-end=\"122\"\u003e\u003cem data-start=\"122\" data-end=\"202\" data-is-only-node=\"\"\u003e(ger möjlighet att vinkla lamellerna för att styra ljus och insyn efter behov)\u003c\/em\u003e\u003c\/p\u003e","brand":"0 kr","offers":[{"title":"Default Title","offer_id":47718142083420,"sku":"Persiennlamell","price":0.0,"currency_code":"SEK","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0759\/6153\/2764\/files\/aluminium-lamell-25mm-1651-s-a-persienn-and-markisservice-ab.jpg?v=1770637483"},{"product_id":"aluminium-lamell-25mm-1854","title":"Aluminium lamell 25mm 1854","description":"\u003cp\u003e\u003cstrong data-start=\"65\" data-end=\"119\"\u003ePersiennlameller 25 mm – justerbar ljusinsläppning\u003c\/strong\u003e\u003cbr data-start=\"119\" data-end=\"122\"\u003e\u003cem data-start=\"122\" data-end=\"202\" data-is-only-node=\"\"\u003e(ger möjlighet att vinkla lamellerna för att styra ljus och insyn efter behov)\u003c\/em\u003e\u003c\/p\u003e","brand":"0 kr","offers":[{"title":"Default Title","offer_id":47718144442716,"sku":"Persiennlamell","price":0.0,"currency_code":"SEK","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0759\/6153\/2764\/files\/aluminium-lamell-25mm-1854-s-a-persienn-and-markisservice-ab.jpg?v=1770637482"},{"product_id":"aluminium-lamell-25mm-1858","title":"Aluminium lamell 25mm 1858","description":"\u003cp\u003e\u003cstrong data-start=\"65\" data-end=\"119\"\u003ePersiennlameller 25 mm – justerbar ljusinsläppning\u003c\/strong\u003e\u003cbr data-start=\"119\" data-end=\"122\"\u003e\u003cem data-start=\"122\" data-end=\"202\" data-is-only-node=\"\"\u003e(ger möjlighet att vinkla lamellerna för att styra ljus och insyn efter behov)\u003c\/em\u003e\u003c\/p\u003e","brand":"0 kr","offers":[{"title":"Default Title","offer_id":47718146146652,"sku":"Persiennlamell","price":0.0,"currency_code":"SEK","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0759\/6153\/2764\/files\/aluminium-lamell-25mm-1858-s-a-persienn-and-markisservice-ab.jpg?v=1770637484"},{"product_id":"aluminium-lamell-25mm-1861","title":"Aluminium lamell 25mm 1861","description":"\u003cp\u003e\u003cstrong data-start=\"65\" data-end=\"119\"\u003ePersiennlameller 25 mm – justerbar ljusinsläppning\u003c\/strong\u003e\u003cbr data-start=\"119\" data-end=\"122\"\u003e\u003cem data-start=\"122\" data-end=\"202\" data-is-only-node=\"\"\u003e(ger möjlighet att vinkla lamellerna för att styra ljus och insyn efter behov)\u003c\/em\u003e\u003c\/p\u003e","brand":"0 kr","offers":[{"title":"Default Title","offer_id":47718148669788,"sku":"Persiennlamell","price":0.0,"currency_code":"SEK","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0759\/6153\/2764\/files\/aluminium-lamell-25mm-1861-s-a-persienn-and-markisservice-ab.jpg?v=1770637486"},{"product_id":"aluminium-lamell-25mm-2058","title":"Aluminium lamell 25mm 2058","description":"\u003cp\u003e\u003cstrong data-start=\"65\" data-end=\"119\"\u003ePersiennlameller 25 mm – justerbar ljusinsläppning\u003c\/strong\u003e\u003cbr data-start=\"119\" data-end=\"122\"\u003e\u003cem data-start=\"122\" data-end=\"202\" data-is-only-node=\"\"\u003e(ger möjlighet att vinkla lamellerna för att styra ljus och insyn efter behov)\u003c\/em\u003e\u003c\/p\u003e","brand":"0 kr","offers":[{"title":"Default Title","offer_id":47718150340956,"sku":"Persiennlamell","price":0.0,"currency_code":"SEK","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0759\/6153\/2764\/files\/aluminium-lamell-25mm-2058-s-a-persienn-and-markisservice-ab.jpg?v=1770637486"},{"product_id":"aluminium-lamell-25mm-2228","title":"Aluminium lamell 25mm 2228","description":"\u003cp\u003e\u003cstrong data-start=\"65\" data-end=\"119\"\u003ePersiennlameller 25 mm – justerbar ljusinsläppning\u003c\/strong\u003e\u003cbr data-start=\"119\" data-end=\"122\"\u003e\u003cem data-start=\"122\" data-end=\"202\" data-is-only-node=\"\"\u003e(ger möjlighet att vinkla lamellerna för att styra ljus och insyn efter behov)\u003c\/em\u003e\u003c\/p\u003e","brand":"0 kr","offers":[{"title":"Default Title","offer_id":47718152044892,"sku":"Persiennlamell","price":0.0,"currency_code":"SEK","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0759\/6153\/2764\/files\/aluminium-lamell-25mm-2228-s-a-persienn-and-markisservice-ab.jpg?v=1770637488"},{"product_id":"aluminium-lamell-25mm-2448","title":"Aluminium lamell 25mm 2448","description":"\u003cp\u003e\u003cstrong data-start=\"65\" data-end=\"119\"\u003ePersiennlameller 25 mm – justerbar ljusinsläppning\u003c\/strong\u003e\u003cbr data-start=\"119\" data-end=\"122\"\u003e\u003cem data-start=\"122\" data-end=\"202\" data-is-only-node=\"\"\u003e(ger möjlighet att vinkla lamellerna för att styra ljus och insyn efter behov)\u003c\/em\u003e\u003c\/p\u003e","brand":"0 kr","offers":[{"title":"Default Title","offer_id":47718153191772,"sku":"Persiennlamell","price":0.0,"currency_code":"SEK","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0759\/6153\/2764\/files\/aluminium-lamell-25mm-2448-s-a-persienn-and-markisservice-ab.jpg?v=1770637488"},{"product_id":"aluminium-lamell-25mm-3251","title":"Aluminium lamell 25mm 3251","description":"\u003cp\u003e\u003cstrong data-start=\"65\" data-end=\"119\"\u003ePersiennlameller 25 mm – justerbar ljusinsläppning\u003c\/strong\u003e\u003cbr data-start=\"119\" data-end=\"122\"\u003e\u003cem data-start=\"122\" data-end=\"202\" data-is-only-node=\"\"\u003e(ger möjlighet att vinkla lamellerna för att styra ljus och insyn efter behov)\u003c\/em\u003e\u003c\/p\u003e","brand":"0 kr","offers":[{"title":"Default Title","offer_id":47718154633564,"sku":"Persiennlamell","price":0.0,"currency_code":"SEK","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0759\/6153\/2764\/files\/aluminium-lamell-25mm-3251-s-a-persienn-and-markisservice-ab.jpg?v=1770637488"},{"product_id":"aluminium-lamell-25mm-3853","title":"Aluminium lamell 25mm 3853","description":"\u003cp\u003e\u003cstrong data-start=\"65\" data-end=\"119\"\u003ePersiennlameller 25 mm – justerbar ljusinsläppning\u003c\/strong\u003e\u003cbr data-start=\"119\" data-end=\"122\"\u003e\u003cem data-start=\"122\" data-end=\"202\" data-is-only-node=\"\"\u003e(ger möjlighet att vinkla lamellerna för att styra ljus och insyn efter behov)\u003c\/em\u003e\u003c\/p\u003e","brand":"0 kr","offers":[{"title":"Default Title","offer_id":47718155649372,"sku":"Persiennlamell","price":0.0,"currency_code":"SEK","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0759\/6153\/2764\/files\/aluminium-lamell-25mm-3853-s-a-persienn-and-markisservice-ab.jpg?v=1770637489"},{"product_id":"aluminium-lamell-25mm-4250","title":"Aluminium lamell 25mm 4250","description":"\u003cp\u003e\u003cstrong data-start=\"65\" data-end=\"119\"\u003ePersiennlameller 25 mm – justerbar ljusinsläppning\u003c\/strong\u003e\u003cbr data-start=\"119\" data-end=\"122\"\u003e\u003cem data-start=\"122\" data-end=\"202\" data-is-only-node=\"\"\u003e(ger möjlighet att vinkla lamellerna för att styra ljus och insyn efter behov)\u003c\/em\u003e\u003c\/p\u003e","brand":"0 kr","offers":[{"title":"Default Title","offer_id":47718161973596,"sku":"Persiennlamell","price":0.0,"currency_code":"SEK","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0759\/6153\/2764\/files\/aluminium-lamell-25mm-4250-s-a-persienn-and-markisservice-ab.jpg?v=1770637489"},{"product_id":"aluminium-lamell-25mm-4427","title":"Aluminium lamell 25mm 4427","description":"\u003cp\u003e\u003cstrong data-start=\"65\" data-end=\"119\"\u003ePersiennlameller 25 mm – justerbar ljusinsläppning\u003c\/strong\u003e\u003cbr data-start=\"119\" data-end=\"122\"\u003e\u003cem data-start=\"122\" data-end=\"202\" data-is-only-node=\"\"\u003e(ger möjlighet att vinkla lamellerna för att styra ljus och insyn efter behov)\u003c\/em\u003e\u003c\/p\u003e","brand":"0 kr","offers":[{"title":"Default Title","offer_id":47718163579228,"sku":"Persiennlamell","price":0.0,"currency_code":"SEK","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0759\/6153\/2764\/files\/aluminium-lamell-25mm-4427-s-a-persienn-and-markisservice-ab.jpg?v=1770637490"},{"product_id":"aluminium-lamell-25mm-4470","title":"Aluminium lamell 25mm 4470","description":"\u003cp\u003e\u003cstrong data-start=\"65\" data-end=\"119\"\u003ePersiennlameller 25 mm – justerbar ljusinsläppning\u003c\/strong\u003e\u003cbr data-start=\"119\" data-end=\"122\"\u003e\u003cem data-start=\"122\" data-end=\"202\" data-is-only-node=\"\"\u003e(ger möjlighet att vinkla lamellerna för att styra ljus och insyn efter behov)\u003c\/em\u003e\u003c\/p\u003e","brand":"0 kr","offers":[{"title":"Default Title","offer_id":47718164660572,"sku":"Persiennlamell","price":0.0,"currency_code":"SEK","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0759\/6153\/2764\/files\/aluminium-lamell-25mm-4470-s-a-persienn-and-markisservice-ab.jpg?v=1770637490"},{"product_id":"aluminium-lamell-25mm-4602","title":"Aluminium lamell 25mm 4602","description":"\u003cp\u003e\u003cstrong data-start=\"65\" data-end=\"119\"\u003ePersiennlameller 25 mm – justerbar ljusinsläppning\u003c\/strong\u003e\u003cbr data-start=\"119\" data-end=\"122\"\u003e\u003cem data-start=\"122\" data-end=\"202\" data-is-only-node=\"\"\u003e(ger möjlighet att vinkla lamellerna för att styra ljus och insyn efter behov)\u003c\/em\u003e\u003c\/p\u003e","brand":"0 kr","offers":[{"title":"Default Title","offer_id":47718168461660,"sku":"Persiennlamell","price":0.0,"currency_code":"SEK","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0759\/6153\/2764\/files\/aluminium-lamell-25mm-4602-s-a-persienn-and-markisservice-ab.jpg?v=1770637490"},{"product_id":"aluminium-lamell-25mm-4839","title":"Aluminium lamell 25mm 4839","description":"\u003cp\u003e\u003cstrong data-start=\"65\" data-end=\"119\"\u003ePersiennlameller 25 mm – justerbar ljusinsläppning\u003c\/strong\u003e\u003cbr data-start=\"119\" data-end=\"122\"\u003e\u003cem data-start=\"122\" data-end=\"202\" data-is-only-node=\"\"\u003e(ger möjlighet att vinkla lamellerna för att styra ljus och insyn efter behov)\u003c\/em\u003e\u003c\/p\u003e","brand":"0 kr","offers":[{"title":"Default Title","offer_id":47718172262748,"sku":"Persiennlamell","price":0.0,"currency_code":"SEK","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0759\/6153\/2764\/files\/aluminium-lamell-25mm-4839-s-a-persienn-and-markisservice-ab.jpg?v=1770637491"},{"product_id":"aluminium-lamell-25mm-4857","title":"Aluminium lamell 25mm 4857","description":"\u003cp\u003e\u003cstrong data-start=\"65\" data-end=\"119\"\u003ePersiennlameller 25 mm – justerbar ljusinsläppning\u003c\/strong\u003e\u003cbr data-start=\"119\" data-end=\"122\"\u003e\u003cem data-start=\"122\" data-end=\"202\" data-is-only-node=\"\"\u003e(ger möjlighet att vinkla lamellerna för att styra ljus och insyn efter behov)\u003c\/em\u003e\u003c\/p\u003e","brand":"0 kr","offers":[{"title":"Default Title","offer_id":47718173802844,"sku":"Persiennlamell","price":0.0,"currency_code":"SEK","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0759\/6153\/2764\/files\/aluminium-lamell-25mm-4857-s-a-persienn-and-markisservice-ab.jpg?v=1770637493"},{"product_id":"aluminium-lamell-25mm-5055","title":"Aluminium lamell 25mm 5055","description":"\u003cp\u003e\u003cstrong data-start=\"65\" data-end=\"119\"\u003ePersiennlameller 25 mm – justerbar ljusinsläppning\u003c\/strong\u003e\u003cbr data-start=\"119\" data-end=\"122\"\u003e\u003cem data-start=\"122\" data-end=\"202\" data-is-only-node=\"\"\u003e(ger möjlighet att vinkla lamellerna för att styra ljus och insyn efter behov)\u003c\/em\u003e\u003c\/p\u003e","brand":"0 kr","offers":[{"title":"Default Title","offer_id":47718175801692,"sku":"Persiennlamell","price":0.0,"currency_code":"SEK","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0759\/6153\/2764\/files\/aluminium-lamell-25mm-5055-s-a-persienn-and-markisservice-ab.jpg?v=1770637494"},{"product_id":"aluminium-lamell-25mm-5105","title":"Aluminium lamell 25mm 5105","description":"\u003cp\u003e\u003cstrong data-start=\"65\" data-end=\"119\"\u003ePersiennlameller 25 mm – justerbar ljusinsläppning\u003c\/strong\u003e\u003cbr data-start=\"119\" data-end=\"122\"\u003e\u003cem data-start=\"122\" data-end=\"202\" data-is-only-node=\"\"\u003e(ger möjlighet att vinkla lamellerna för att styra ljus och insyn efter behov)\u003c\/em\u003e\u003c\/p\u003e","brand":"0 kr","offers":[{"title":"Default Title","offer_id":47718180749660,"sku":"Persiennlamell","price":0.0,"currency_code":"SEK","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0759\/6153\/2764\/files\/aluminium-lamell-25mm-5105-s-a-persienn-and-markisservice-ab.jpg?v=1770637495"}],"url":"https:\/\/www.samarkis.shop\/collections\/best-selling-products.oembed?page=15","provider":"S.A Persienn \u0026 Markisservice AB","version":"1.0","type":"link"}