StyRa T450 med crossover
Produktinformation – T450 Crossover @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; } /* ── Quick specs strip ── */ .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; } /* ── Expandable section ── */ .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); } /* Body */ .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); } /* Fact grid */ .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; } /* Notice box */ .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); } /* Crossover table */ .pd-crossover-table { width: 100%; border-collapse: collapse; font-size: 14px; margin-top: 0.5rem; } .pd-crossover-table th { font-size: 11px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.6); background: var(--navy); padding: 0.55rem 0.8rem; text-align: left; } .pd-crossover-table th:first-child { border-radius: 8px 0 0 0; } .pd-crossover-table th:last-child { border-radius: 0 8px 0 0; } .pd-crossover-table td { padding: 0.5rem 0.8rem; color: var(--text-muted); border-bottom: 1px solid var(--border); background: #fff; } .pd-crossover-table tr:last-child td { border-bottom: none; } .pd-crossover-table tr:last-child td:first-child { border-radius: 0 0 0 8px; } .pd-crossover-table tr:last-child td:last-child { border-radius: 0 0 8px 0; } .pd-crossover-table tr:hover td { background: var(--navy-pale); color: var(--navy); } .pd-crossover-table td:first-child { font-weight: 600; color: var(--navy); } /* Measure tip */ .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; } /* Colors row */ .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); } /* Doc links */ .pd-docs { display: grid; grid-template-columns: 1fr 1fr; gap: 0.5rem; margin-top: 0; } .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; } /* Close button */ .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; } } Lö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. Max bredd 4600 mm Max utfall 4000 mm Vindklass Klass 1–2 Specifikationer & dokument Mått, styrning, färger, monteringsanvisning Montering Monteras direkt på vägg eller i takfot med medföljande kombikonsoler. För frontmontage eller takstolsmontage finns ställbara takstolskonsoler (5–45°) som tillval. Kontrollera alltid att infästningspunkter — t.ex. reglar eller takstolar — ligger inom markisens totala bredd. Manövrering Motordrift med fjärrkontroll eller väggsändare Automatisk styrning med sol-, vind- eller tidsstyrning Vevreglage i matchande färg som markisen Profilfärger Vit RAL 9010 Svart WY360F Silver SW801D Alla profiler är pulverlackerade för lång hållbarhet. Produktfakta Max bredd 4600 mm Max utfall 4000 mm Dukavdrag (vev) 170 mm Dukavdrag (motor) 140 mm Beställningsmått anges alltid som totalmått (inkl. konstruktion, ej vävmått). Placering av motor/vev anges alltid sett utifrån. Skruvar för infästning ingår ej. Breddintervall för crossover-armar Utfall (mm) Rekommenderat breddintervall (mm) 1600 1129 – 1950 2000 1344 – 2380 2500 1594 – 2880 3000 1844 – 3380 3500 2094 – 3880 4000 2344 – 4380 Utfallet mäts från markisens bakkant (infästning) till framkant. Angivet utfall gäller vid horisontella armar — vid nedvinkling minskar utfallet något. Vindklass T450 Crossover är certifierad enligt europeisk standard EN 13561 och klassad som Vindklass 1–2, beroende på montage och antal fästpunkter. Klass 1 ca 8,0 m/s · 29 km/h Klass 2 ca 10,5 m/s · 38 km/h Vad innebär det i praktiken? 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. Obs: Antalet konsoler och armar vid monteringen påverkar vilken vindklass som uppnås. Fäll alltid in markisen vid kraftig vind. Tillval Takprofil i lackerad aluminium inkl. fästen i markisens färg Teleskopstag Robust 1500–2500 mm för vindsäkring (levereras omonterade) Rullgardinsfront (Starscreen 4% eller Soltis 88) — höjd 1500 mm, manövrering med vev eller motor Vävar Akrylväv av högsta kvalitet för bästa UV-skydd och färgbeständighet. Vi använder vävar från Sandatex för garanterad kvalitet och hållbarhet. Visa hela vävkollektionen → Dokument Produktblad Teknisk info Skötselråd Monteringsanvisning Stäng