StyRa B260
Produktinformation – Balkongmarkis B260 @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap'); :root { --navy: #253551; --navy-light : #2e4168; --navy-pale: #e8ecf3; --cream: #f7f6f2; --accent: #253551; --text: #1a2030; --text-muted: #6b7a94; --border: rgba(37,53,81,0.10); --radius: 12px; } .pd-root { font-family: 'Poppins', sans-serif; color: var(--text); max-width: 680px; line-height: 1.65; } .pd-intro { margin-bottom: 2rem; } .pd-lead { font-size: 20px; color: var(--text-muted); font-weight: 300; max-width: 560px; } .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; } .pd-spec-item { background: #fff; padding: 1rem 1.1rem; display: flex; flex-direction: column; gap: 0.2rem; transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease; cursor: default; } .pd-spec-item:hover { background: var(--navy); transform: translateY(-2px); box-shadow: 0 6px 16px rgba(37,53,81,0.18); z-index: 1; position: relative; } .pd-spec-item:hover .pd-spec-label { color: rgba(255,255,255,0.55); } .pd-spec-item:hover .pd-spec-value { color: #fff; } .pd-spec-label { font-size: 11px; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; color: var(--text-muted); } .pd-spec-value { font-size: 18px; font-weight: 600; color: var(--navy); white-space: nowrap; } .pd-details { border-radius: var(--radius); overflow: hidden; } .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,0.18); border-radius: var(--radius); user-select: none; transition: background 0.18s ease, border-color 0.18s ease; } .pd-details[open] .pd-details-summary { border-bottom-left-radius: 0; border-bottom-right-radius: 0; background: var(--navy); border-color: var(--navy); } .pd-details[open] .pd-details-summary .pd-details-title, .pd-details[open] .pd-details-summary .pd-details-subtitle { color: #fff; } .pd-details[open] .pd-details-summary .pd-details-icon { background: rgba(255,255,255,0.15); } .pd-details[open] .pd-details-summary .pd-details-icon svg { stroke: #fff; } .pd-details[open] .pd-details-summary .pd-chevron { stroke: #fff; } .pd-details-summary::-webkit-details-marker { display: none; } .pd-details-summary:hover { background: #d4dbe8; border-color: rgba(37,53,81,0.3); } .pd-details[open] .pd-details-summary:hover { background: var(--navy-light); border-color: var(--navy-light); } .pd-details-summary-left { display: flex; align-items: center; gap: 0.75rem; } .pd-details-icon { width: 36px; height: 36px; background: rgba(37,53,81,0.12); border-radius: 8px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: background 0.18s ease; } .pd-details-icon svg { width: 18px; height: 18px; stroke: var(--navy); fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: stroke 0.18s ease; } .pd-details-title { font-size: 15px; font-weight: 700; color: var(--navy); transition: color 0.18s ease; } .pd-details-subtitle { font-size: 13px; color: var(--text-muted); margin-top: 0.05rem; transition: color 0.18s ease; } .pd-chevron { width: 20px; height: 20px; stroke: var(--navy); fill: none; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; transition: transform 0.25s ease, stroke 0.18s ease; flex-shrink: 0; } .pd-details[open] .pd-chevron { transform: rotate(180deg); } .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,0.15); border-bottom-left-radius: var(--radius); border-bottom-right-radius: var(--radius); animation: pdFadeIn 0.22s ease; } @keyframes pdFadeIn { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: translateY(0); } } .pd-section { margin-top: 1.4rem; } .pd-section:first-child { margin-top: 2rem; } .pd-section-title { font-size: 11px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--accent); margin-bottom: 0.6rem; display: flex; align-items: center; gap: 0.5rem; } .pd-section-title::after { content: ''; flex: 1; height: 1px; background: var(--border); transition: background 0.3s ease; } .pd-section:hover .pd-section-title::after { background: var(--navy); } .pd-section p, .pd-section ul { font-size: 15px; color: var(--text-muted); margin: 0 0 0.5rem; } .pd-section ul { padding-left: 1.2rem; } .pd-section li { margin-bottom: 0.35rem; } .pd-section a { color: var(--navy); font-weight: 500; } .pd-section a:hover { color: var(--accent); } .pd-fact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.5rem; } .pd-fact { background: var(--navy); border-radius: 8px; padding: 0.6rem 0.8rem; transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease; cursor: default; } .pd-fact:hover { background: var(--navy-light); transform: translateY(-2px); box-shadow: 0 6px 16px rgba(37,53,81,0.18); } .pd-fact-k { font-size: 11px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.55); } .pd-fact-v { font-size: 15px; font-weight: 600; color: #fff; margin-top: 0.1rem; } .pd-notice { background: var(--navy-pale); border: 1px solid rgba(37,53,81,0.18); border-radius: 8px; padding: 0.65rem 0.9rem; font-size: 13px; color: var(--text-muted); margin-top: 0.6rem; line-height: 1.5; } .pd-notice strong { color: var(--navy); } .pd-tip { background: linear-gradient(135deg, var(--navy-pale), #eef1f7); border-left: 3px solid var(--navy); border-radius: 0 8px 8px 0; padding: 0.75rem 1rem; font-size: 14px; color: var(--text-muted); margin-top: 0.5rem; transition: border-left-width 0.18s ease, background 0.18s ease; } .pd-tip:hover { border-left-width: 5px; background: linear-gradient(135deg, #dce3ef, #e8edf6); } .pd-tip strong { color: var(--navy); display: block; margin-bottom: 0.15rem; font-size: 11px; letter-spacing: 0.05em; text-transform: uppercase; } .pd-colors { display: flex; gap: 0.6rem; flex-wrap: wrap; margin-top: 0.3rem; } .pd-color-chip { display: flex; align-items: center; gap: 0.4rem; font-size: 13px; color: #fff; background: var(--navy); padding: 0.3rem 0.6rem; border-radius: 20px; transition: background 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease; } .pd-color-chip:hover { background: var(--navy-light); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(37,53,81,0.18); } .pd-color-dot { width: 12px; height: 12px; border-radius: 50%; border: 1px solid rgba(0,0,0,0.1); } .pd-docs { display: grid; grid-template-columns: 1fr 1fr; gap: 0.5rem; } .pd-doc-link { display: flex; align-items: center; gap: 0.5rem; padding: 0.6rem 0.8rem; border: 1px solid var(--border); border-radius: 8px; text-decoration: none; font-size: 14px; font-weight: 500; color: var(--navy); background: #fff; transition: all 0.16s ease; } .pd-doc-link:hover { background: var(--navy); color: #fff !important; border-color: var(--navy); } .pd-doc-link:hover svg { stroke: #fff; } .pd-doc-link svg { width: 14px; height: 14px; flex-shrink: 0; stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; } .pd-close-btn { display: flex; align-items: center; justify-content: center; gap: 0.4rem; width: 100%; padding: 0.7rem 1rem; background: var(--navy-pale); border: 1px solid rgba(37,53,81,0.15); border-radius: 8px; font-family: 'Poppins', sans-serif; font-size: 13px; font-weight: 600; letter-spacing: 0.05em; color: var(--navy); cursor: pointer; transition: background 0.16s ease, border-color 0.16s ease; } .pd-close-btn:hover { background: #d4dbe8; border-color: rgba(37,53,81,0.3); } .pd-close-btn svg { width: 16px; height: 16px; stroke: var(--navy); fill: none; stroke-width: 2.5; stroke-linecap: round; stroke-linejoin: round; } @media (max-width: 500px) { .pd-specs-strip { grid-template-columns: repeat(2, 1fr); } .pd-fact-grid { grid-template-columns: 1fr; } .pd-docs { grid-template-columns: 1fr; } } Smidig 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. Max bredd 4500 mm Max utfall 1200 mm Vindklass Klass 3 Specifikationer & dokument Mått, styrning, färger, monteringsanvisning Montering B260 monteras i sin medföljande benställning som spänns upp mellan balkonggolv och balkongen ovanför. Kräver inga ingrepp i fasaden — idealisk även för hyreslägenheter. Ange alltid stumt mått 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. Max höjd benställning: 2780 mm. Skruvar för infästning ingår ej. Styrning Bandreglage — enkel manuell styrning Vevreglage eller vevbox — klassisk drift med precision Motor med fjärrkontroll — trådlös styrning Automatisk motorstyrning — via sol- och vindautomatik eller smartphone-app Profilfärger Vit RAL 9010 Svart WY360F Silver SW801D Benprofiler levereras alltid i naturanodiserat aluminium, oavsett vald profilfärg. Produktfakta Max bredd 4500 mm Max utfall 1200 mm Max höjd (ben) 2780 mm Vindklass Klass 3 Dukavdrag per sida & valsrör Band / vevbox 125 mm Vev 135 mm Motor 115 mm Valsrör: Band/vevbox använder 39 mm rör upp till 3500 mm bredd, därefter 70 mm. Motor använder alltid 70 mm. Vindklass B260 är certifierad enligt europeisk standard EN 13561 och klassad som Vindklass 3. Klass 3 över 11 m/s Vad innebär det i praktiken? 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. Vävar Levereras med akrylväv från Sandatex — 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. Visa hela vävkollektionen → Dokument Produktblad Teknisk info Skötselråd Stäng