StyRa Z360
Produktinformation – Z360 / Z360 4K @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap'); :root { --navy: #253551; --navy-light: #2 e4168; --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.25rem; } .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; } } Elegant 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. Max bredd 2200 mm Max höjd 2200 mm Vindklass Klass 6 Specifikationer & dokument Mått, styrning, vävar, monteringsanvisning Montering Monteras direkt på vägg eller foder. Vid nischmontage borras styrskenan i mitten — även zip-skenan borras. Styrskenorna förborras 100 mm c/c från varje ände med max 600 mm mellan hålen. Skruvar för infästning ingår ej. Styrning Z360 utrustas med motor. Vid motorstyrning med Somfy Standard ska kabelutgången alltid placeras i kassettens underkant. Profilfärger Vit RAL 9010 Svart WY360F Silver SW801D Pulverlackerade aluminiumprofiler för maximal hållbarhet och väderbeständighet. Produktfakta Max bredd 2200 mm Max höjd 2200 mm Vindklass Klass 6 Sidostyrning Zip-skena, alum. Vävar Levereras med glasfiberarmerad screenväv som kombinerar hög hållbarhet med effektiv solreduktion. De små perforeringarna filtrerar ljuset och ger behagligt ljusinsläpp med viss genomsyn utåt. Rekommenderade vävar: Serge 600 (5 %), Serge 10 % eller Serge 1 %. 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. Måttagning Bredd 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. Höjd Mät från den planerade monteringspunkten till önskad nederkant på screenen. Vindklass Z360 är certifierad enligt europeisk standard EN 13561 och klassad som Vindklass 6 — den högsta klassen i serien, tack vare zip-skenans låsande sidostyrning. Klass 6 Högsta klassen Sidostyrning Zip-skena i aluminium Vad innebär det i praktiken? 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. Dokument Produktblad Teknisk info Skötselråd Stäng