AstraLux Crystal LED Vägglampa med Klara Glaslampor
Nedan följer en strukturerad översikt baserad på de angivna stiluppgifterna som används för produktsidan. Den beskriver styling i öppet läge, layoutbeteende och typografiregler som styr presentationen av denna produktbeskrivning.
Styling i öppet läge
- .is-open { bakgrund: #f7f7f7; padding: 0px 30px; }
Styling för sidfotstitel
- .section-footer__title { bokstavsavstånd: 2px!important; font-vikt: 500!important; fontstorlek: 1rem!important; }
Accordion-panelbeteende
- .styles-module--accordionPanel--r0+I+ { bakgrundsfärg: #f7f7f7; max-höjd: 2200px; overflow: hidden; }
- Media queries: Vid min-bredd 768px övergår accordion-panelen max-höjd över 1s med samma bakgrund och höjdbegränsningar.
Accordion-wrapperbeteende
- .styles-module--accordionWrapper--3e-Eu { padding: 0rem 0rem; övergång: opacitet 0.5s lätt 0.2s; opacitet: 1; will-change: opacitet; }
Kolumnlayout
- På större skärmar (min-bredd: 768px) använder .styles-module--columns--sZFL5 en tvåkolumnslayout.
Globala återställningar och typografi
- Återställningsregler för listor och formulärelement inkluderar: menu, ol, ul har ingen standardliststil och noll marginaler/padding där det är tillämpligt.
- .mb-8 sätter marginal-ned till 2rem.
- .type-upper-070 sätter font-vikt till 700 och bokstavsavstånd till 0.0875rem.
- .type-upper-040 och .type-upper-070 delar fontfamilj Replica Std, Helvetica Neue, sans-serif, fontstorlek 0.625rem, radavstånd 1.6, och är omvandlade till versaler.
- .max-w-sm sätter maxbredd till 24rem; .mb-6 sätter marginal-ned till 1.5rem.
- .gatsby-image-wrapper innehåll med [data-main-image] är initialt dolt för prestanda, med opacitet 0 och en translateZ(0)-transform.
Observera: Innehållet speglar det stilssystem som används för att presentera produktsidan och introducerar inga ytterligare produktfunktioner.