Lampada da tavolo in vetro opale Orra – Illuminazione scultorea ispirata al Bauhaus

#hozo-orra-opale-refactor, #hozo-orra-opale-refactor * { dimensionamento del box: border-box; } #hozo-orra-opale-refactor { larghezza: 100%; larghezza massima: 1200px; margine: 0 automatico; colore: #0b0b0b; sfondo: #fff; famiglia di caratteri: Poppins, Arial, Helvetica, sans-serif; altezza della linea: 1,35; overflow: nascosto; larghezza minima: 0; overflow-wrap: ovunque; interruzione di parola: interruzione di parola; trattini: automatico; } #hozo-orra-opale-refactor h2, #hozo-orra-opale-refactor h3, #hozo-orra-opale-refactor p { margine: 0; imbottitura: 0; allineamento testo: eredita; larghezza minima: 0; overflow-wrap: ovunque; interruzione di parola: interruzione di parola; trattini: automatico; } #hozo-orra-opal-refactor a { colore: eredita; decorazione del testo: nessuna; larghezza massima: 100%; larghezza minima: 0; } #hozo-orra-opal-refactor figura { margine: 0; overflow: nascosto; larghezza minima: 0; larghezza massima: 100%; }#hozo-orra-opal-refactor img {display: blocco; larghezza massima: 100%; larghezza: 100%; altezza: automatica; adattamento all'oggetto: copertura; transizione: trasforma facilmente .35} Pulsante #hozo-orra-opal-refactor { carattere: eredita; larghezza massima: 100%; larghezza minima: 0; spazi bianchi: normale; overflow-wrap: ovunque; interruzione di parola: interruzione di parola; trattini: automatico; } #hozo-orra-opal-refactor ul, #hozo-orra-opal-refactor ol { margine: 0; imbottitura: 0; stile elenco: nessuno; posizione-stile-elenco: esterno; } #hozo-orra-opale-refactor li { margine: 0; imbottitura: 0; stile elenco: nessuno; posizione-stile-elenco: esterno; larghezza minima: 0; overflow-wrap: ovunque; interruzione di parola: interruzione di parola; trattini: automatico; } #hozo-orra-opal-refactor li::prima, #hozo-orra-opal-refactor li::marker { contenuto: nessuno; dimensione carattere: 0; } #tabella del refactoring hozo-orra-opale, #hozo-orra-opal-refactor thead, #hozo-orra-opal-refactor tbody, #hozo-orra-opal-refactor tr, #hozo-orra-opal-refactor th, #hozo-orra-opal-refactor td { bordo: 0 !importante; contorno: 0 !importante; box-shadow: nessuno! importante; collasso del confine: collasso; layout della tabella: fisso; } #hozo-orra-opal-refactor .hozo-intro { imbottitura: 20px 20px 22px; allineamento testo: centro; sfondo: #fff; } #hozo-orra-opal-refactor .hozo-intro-titolo { dimensione carattere: 28px; peso carattere: 600; altezza della linea: 1,25; margine in linea: automatico; allineamento del testo: centro! importante; } #hozo-orra-opal-refactor .hozo-intro-copy { margine: 14px automatico 0; dimensione carattere: 21px; altezza della linea: 1,35; peso carattere: 400; larghezza massima: 1160px; allineamento testo: centro; } #hozo-orra-opal-refactor .hozo-section-title { larghezza: 100%; imbottitura: 20px 20px 18px; allineamento del testo: centro! importante; dimensione carattere: 28px; altezza della linea: 1,25; peso carattere: 600; margine: 0 automatico; } #hozo-orra-opal-refactor .hozo-banner { larghezza: 100%; margine: 0; overflow: nascosto; sfondo: #fff; } #hozo-orra-opal-refactor .hozo-banner-frame { larghezza: 100%; proporzioni: 1200/686; overflow: nascosto; margine: 0; }#hozo-orra-opal-refactor .hozo-banner-frame img {larghezza: 100%; altezza: 100%; adattamento all'oggetto: copertura; posizione dell'oggetto: centro} #hozo-orra-opal-refactor .hozo-video-storia { imbottitura: 30px 0 20px; sfondo: #fff; } #hozo-orra-opal-refactor .hozo-video-inner { larghezza: calc(100% - 40px); margine: 0 automatico; visualizzazione: griglia; colonne-modello-griglia: minmax(0, 1fr) minmax(0, 1fr); sfondo: #fff; altezza minima: 426px; allinea-elementi: stretch; } #hozo-orra-opal-refactor .hozo-video-copy { larghezza minima: 0; display: flessibile; direzione flessibile: colonna; giustifica-contenuto: centro; imbottitura: 42px 45px; allineamento testo: sinistra; } #hozo-orra-opal-refactor .hozo-video-copy h2 { dimensione carattere: 28px; altezza della linea: 1,25; peso carattere: 600; colore: #333; margine: 0 0 16px; } #hozo-orra-opal-refactor .hozo-video-copy p { larghezza massima: 445px; dimensione carattere: 21px; altezza della linea: 1,42; colore: #333; peso carattere: 400; } #hozo-orra-opal-refactor .hozo-video-poster { posizione: relativa; larghezza minima: 0; overflow: nascosto; margine: 0; proporzioni: 580/426; sfondo: #fff; }#hozo-orra-opal-refactor .hozo-video-poster img {larghezza: 100%; altezza: 100%; adattamento oggetto: copertina} #hozo-orra-opal-refactor .hozo-play-button { posizione: assoluta; inserto: 0; larghezza: 100%; altezza: 100%; bordo: 0; sfondo: rgba(0, 0, 0, 0); cursore: puntatore; display: flessibile; allineare gli elementi: centro; giustifica-contenuto: centro; imbottitura: 0; colore: #111; } #hozo-orra-opal-refactor .hozo-play-icon { larghezza: 78px; altezza: 78px; raggio del bordo: 50%; visualizzazione: griglia; elementi-luogo: centro; sfondo: rgba(255, 255, 255, .62); colore: #0d0d0d; dimensione carattere: 48px; altezza della riga: 1; imbottitura a sinistra: 6px; } #hozo-orra-opal-refactor .hozo-modal { posizione: fissa; inserto: 0; indice z: 9999; visualizzazione: nessuno; allineare gli elementi: centro; giustifica-contenuto: centro; imbottitura: 24px; sfondo: rgba(0, 0, 0, .72); } #hozo-orra-opal-refactor .hozo-modal[aria-hidden="false"] { display: flessibile; } #hozo-orra-opal-refactor .hozo-modal-card { larghezza: minima (920px, 100%); posizione: relativa; sfondo: #000; raggio del bordo: 8px; overflow: nascosto; proporzioni: 16/9; } #hozo-orra-opal-refactor .hozo-modal-card video { visualizzazione: blocco; larghezza: 100%; altezza: 100%; adattamento all'oggetto: contenere; sfondo: #000; } #hozo-orra-opal-refactor .hozo-modal-close { posizione: assoluta; in alto: 10px; destra: 10px; indice z: 3; larghezza: 34px; altezza: 34px; raggio del bordo: 999px; bordo: 0; sfondo: rgba(255, 255, 255, .92); colore: #111; cursore: puntatore; dimensione carattere: 24px; altezza della riga: 1; visualizzazione: griglia; elementi-luogo: centro; imbottitura: 0; } #hozo-orra-opal-refactor .hozo-slider { larghezza: 100%; posizione: relativa; overflow: nascosto; imbottitura: 0 0 10px; } #hozo-orra-opal-refactor .hozo-slider-track { display: flessibile; spazio: 40px; overflow-x: automatico; overflow-y: nascosto; tipo scroll-snap: x obbligatorio; comportamento di scorrimento: liscio; -webkit-overflow-scorrimento: tocco; imbottitura: 0; larghezza della barra di scorrimento: nessuna; larghezza minima: 0; } #hozo-orra-opal-refactor .hozo-slider-track::-webkit-scrollbar { visualizzazione: nessuno; } #hozo-orra-opal-refactor .hozo-product-showcase { imbottitura: 0 0 10px; } #hozo-orra-opal-refactor .hozo-product-showcase .hozo-slider-track { imbottitura in linea: 0; } #hozo-orra-opal-refactor .hozo-product-showcase .hozo-slide { flessibile: 0 0 450px; scroll-snap-align: start; larghezza minima: 0; } #hozo-orra-opal-refactor .hozo-product-showcase figure { larghezza: 100%; proporzioni: 1/1; raggio del bordo: 8px; sfondo: #f6f6f6; }#hozo-orra-opal-refactor .hozo-product-showcase img {larghezza: 100%; altezza: 100%; adattamento oggetto: copertina} #hozo-orra-opal-refactor .hozo-slider-freccia { posizione: assoluta; superiore: 44%; indice z: 3; larghezza: 44px; altezza: 44px; raggio del bordo: 50%; bordo: 0; sfondo: rgba(0, 0, 0, .48); colore: #fff; dimensione carattere: 34px; altezza della riga: 1; cursore: puntatore; visualizzazione: griglia; elementi-luogo: centro; imbottitura: 0 0 4px; } #hozo-orra-opal-refactor .hozo-slider-prev { sinistra: 20px; } #hozo-orra-opal-refactor .hozo-slider-next { destra: 20px; } #hozo-orra-opal-refactor .hozo-styles-grid { larghezza: calc(100% - 40px); margine: 0 automatico 20px; visualizzazione: griglia; colonne del modello di griglia: ripetizione(4, minmax(0, 1fr)); spazio: 6px; larghezza minima: 0; } #hozo-orra-opal-refactor .hozo-styles-grid figure { proporzioni: 1 / 0,92; sfondo: #fff; }#hozo-orra-opal-refactor .hozo-styles-grid img {larghezza: 100%; altezza: 100%; adattamento oggetto: copertina} #hozo-orra-opal-refactor .hozo-switch-banner { larghezza: 100%; margine: 0; overflow: nascosto; sfondo: #fff; } #hozo-orra-opal-refactor .hozo-switch-frame { larghezza: 100%; proporzioni: 1200/686; overflow: nascosto; margine: 0; }#hozo-orra-opal-refactor .hozo-switch-frame img {larghezza: 100%; altezza: 100%; adattamento oggetto: copertina} #hozo-orra-opal-refactor .hozo-scene-grid { larghezza: calc(100% - 40px); margine: 0 automatico 20px; visualizzazione: griglia; colonne-modello-griglia: minmax(0, 1fr) minmax(0, 1fr); spazio: 20px; larghezza minima: 0; } #hozo-orra-opal-refactor .hozo-scene-col { visualizzazione: griglia; spazio: 20px; larghezza minima: 0; } #hozo-orra-opal-refactor .hozo-scene-pair { visualizzazione: griglia; colonne-modello-griglia: ripeti(2, minmax(0, 1fr)); spazio: 20px; larghezza minima: 0; } #hozo-orra-opal-refactor .hozo-scene-large { proporzioni: 570/430; raggio del bordo: 8px; } #hozo-orra-opal-refactor .hozo-scene-small { proporzioni: 275/200; raggio del bordo: 8px; }#hozo-orra-opal-refactor .hozo-scene-large img, #hozo-orra-opal-refactor .hozo-scene-small img {larghezza: 100%; altezza: 100%; adattamento oggetto: copertina} #hozo-orra-opal-refactor .hozo-detail-grid { larghezza: calc(100% - 40px); margine: 0 automatico 20px; visualizzazione: griglia; colonne-modello-griglia: ripeti(3, minmax(0, 1fr)); spazio: 6px; larghezza minima: 0; } #hozo-orra-opal-refactor .hozo-dettaglio-griglia figura { proporzioni: 1 / 0,92; sfondo: #fff; }#hozo-orra-opal-refactor .hozo-detail-grid img {larghezza: 100%; altezza: 100%; adattamento oggetto: copertina} #hozo-orra-opal-refactor .hozo-info-card { larghezza: calc(100% - 40px); margine: 0 automatico 20px; imbottitura: 50px 70px; raggio del bordo: 18px; sfondo: #f2f2f1; visualizzazione: griglia; colonne-modello-griglia: minmax(0, 1.12fr) minmax(0, .88fr); spazio: 70px; allineare gli elementi: centro; larghezza minima: 0; } #hozo-orra-opal-refactor .hozo-info-card.reverse { colonne-modello-griglia: minmax(0, .88fr) minmax(0, 1.12fr); parte superiore imbottita: 40px; fondo imbottito: 40px; } #hozo-orra-opal-refactor .hozo-info-card figura { larghezza: 100%; larghezza massima: 510px; margine in linea: automatico; proporzioni: 1/1; sfondo: #fff; } #hozo-orra-opal-refactor .hozo-info-card.reverse figure { larghezza massima: 510px; proporzioni: 510/365; }#hozo-orra-opal-refactor .hozo-info-card img {larghezza: 100%; altezza: 100%; adattamento oggetto: copertina} #hozo-orra-opal-refactor .hozo-info-copy { larghezza minima: 0; colore: #0a0400; } #hozo-orra-opal-refactor .hozo-info-copy h2 { dimensione carattere: 28px; altezza della linea: 1,25; margine: 0 0 20px; peso carattere: 600; } #hozo-orra-opal-refactor .hozo-info-copy p { dimensione carattere: 21px; altezza della linea: 1,2; peso carattere: 400; } #hozo-orra-opal-refactor .hozo-info-copy .hozo-mail { spazi bianchi: normale; overflow-wrap: ovunque; interruzione di parola: interruzione di parola; } #hozo-orra-opal-refactor .hozo-policy-links { margine superiore: 16px; visualizzazione: griglia; spazio: 8px; dimensione carattere: 15px; altezza della linea: 1,35; } #hozo-orra-opal-refactor .hozo-policy-links a { decorazione del testo: sottolineatura; offset-sottolineatura-testo: 3px; }#hozo-orra-opal-refactor .hozo-hover-zoom:hover img {transform: scale(1.025)} @media (larghezza minima: 641px) e (larghezza massima: 1024px) { #hozo-orra-opale-refactor { larghezza massima: 100%; } #hozo-orra-opal-refactor .hozo-intro-titolo, #hozo-orra-opal-refactor .hozo-titolo-sezione, #hozo-orra-opal-refactor .hozo-video-copy h2, #hozo-orra-opal-refactor .hozo-info-copy h2 { dimensione carattere: 26px; } #hozo-orra-opal-refactor .hozo-intro-copia, #hozo-orra-opal-refactor .hozo-video-copy p, #hozo-orra-opal-refactor .hozo-info-copy p { dimensione carattere: 19px; } #hozo-orra-opal-refactor .hozo-video-inner { colonne-modello-griglia: minmax(0, 1fr) minmax(0, 1fr); } #hozo-orra-opal-refactor .hozo-product-showcase .hozo-slide { base flessibile: 38vw; larghezza massima: 450px; } #hozo-orra-opal-refactor .hozo-styles-grid { colonne del modello di griglia: ripetizione(4, minmax(0, 1fr)); } #hozo-orra-opal-refactor .hozo-scene-grid { colonne-modello-griglia: minmax(0, 1fr) minmax(0, 1fr); } #hozo-orra-opal-refactor .hozo-info-card, #hozo-orra-opal-refactor .hozo-info-card.reverse { colonne-modello-griglia: minmax(0, 1fr) minmax(0, 1fr); spazio: 36px; imbottitura: 36px; } } @media (larghezza massima: 640px) { #hozo-orra-opale-refactor { larghezza massima: 100%; } #hozo-orra-opal-refactor .hozo-intro { imbottitura: 24px 20px 20px; } #hozo-orra-opal-refactor .hozo-intro-titolo { dimensione carattere: 28px; altezza della linea: 1,55; larghezza massima: 310px; } #hozo-orra-opal-refactor .hozo-intro-copy { margine superiore: 10px; dimensione carattere: 21px; altezza della linea: 1,45; larghezza massima: 350px; } #hozo-orra-opal-refactor .hozo-banner-frame { proporzioni: 350/200; } #hozo-orra-opal-refactor .hozo-video-storia { imbottitura: 0 0 20px; } #hozo-orra-opal-refactor .hozo-video-inner { larghezza: calc(100% - 40px); display: flessibile; direzione flessibile: colonna inversa; altezza minima: 0; } #hozo-orra-opal-refactor .hozo-video-poster { larghezza: 100%; proporzioni: 310/136; } #hozo-orra-opal-refactor .hozo-video-copy { imbottitura: 34px 20px 0; visualizzazione: blocco; } #hozo-orra-opal-refactor .hozo-video-copy h2 { dimensione carattere: 28px; altezza della linea: 1,25; margine inferiore: 20px; } #hozo-orra-opal-refactor .hozo-video-copy p { dimensione carattere: 21px; altezza della linea: 1,7; larghezza massima: 270px; } #hozo-orra-opal-refactor .hozo-play-icon { larghezza: 72px; altezza: 72px; dimensione carattere: 42px; } #hozo-orra-opal-refactor .hozo-section-title { dimensione carattere: 27px; altezza della linea: 1,45; imbottitura: 24px 16px 20px; } #hozo-orra-opal-refactor .hozo-product-showcase { imbottitura: 20px 0 18px; } #hozo-orra-opal-refactor .hozo-product-showcase .hozo-slider { larghezza: calc(100% - 40px); margine in linea: automatico; } #hozo-orra-opal-refactor .hozo-product-showcase .hozo-slider-track { spazio: 40px; } #hozo-orra-opal-refactor .hozo-product-showcase .hozo-slide { flessibilità: 0 0 100%; } #hozo-orra-opal-refactor .hozo-product-showcase figure { proporzioni: 310/325; } #hozo-orra-opal-refactor .hozo-slider-freccia { larghezza: 40px; altezza: 40px; dimensione carattere: 30px; superiore: 48%; sfondo: rgba(0, 0, 0, .28); } #hozo-orra-opal-refactor .hozo-slider-prev { sinistra: 18px; } #hozo-orra-opal-refactor .hozo-slider-next { destra: 18px; } #hozo-orra-opal-refactor .hozo-styles-grid { visualizzazione: blocco; larghezza: calc(100% - 40px); margine inferiore: 20px; posizione: relativa; } #hozo-orra-opal-refactor .hozo-styles-grid-scroll { display: flessibile; spazio: 16px; overflow-x: automatico; tipo scroll-snap: x obbligatorio; comportamento di scorrimento: liscio; larghezza della barra di scorrimento: nessuna; -webkit-overflow-scorrimento: tocco; } #hozo-orra-opal-refactor .hozo-styles-grid-scroll::-webkit-scrollbar { visualizzazione: nessuno; } #hozo-orra-opal-refactor .hozo-styles-grid figure { flessibilità: 0 0 100%; proporzioni: 310/310; scroll-snap-align: start; } #hozo-orra-opal-refactor .hozo-switch-frame { proporzioni: 350/200; } #hozo-orra-opal-refactor .hozo-scene-grid { larghezza: calc(100% - 40px); visualizzazione: blocco; margine inferiore: 20px; } #hozo-orra-opal-refactor .hozo-scene-col { visualizzazione: blocco; } #hozo-orra-opal-refactor .hozo-scene-pair { visualizzazione: griglia; colonne-modello-griglia: ripeti(2, minmax(0, 1fr)); spazio: 10px; margine superiore: 10px; } #hozo-orra-opal-refactor .hozo-scene-large { proporzioni: 310/325; margine superiore: 10px; raggio del bordo: 12px; } #hozo-orra-opal-refactor .hozo-scene-small { proporzioni: 145/145; raggio del bordo: 10px; } #hozo-orra-opal-refactor .hozo-scene-col + .hozo-scene-col { margine superiore: 10px; } #hozo-orra-opal-refactor .hozo-detail-grid { visualizzazione: blocco; larghezza: calc(100% - 40px); posizione: relativa; } #hozo-orra-opal-refactor .hozo-detail-scroll { display: flessibile; spazio: 16px; overflow-x: automatico; tipo scroll-snap: x obbligatorio; comportamento di scorrimento: liscio; larghezza della barra di scorrimento: nessuna; -webkit-overflow-scorrimento: tocco; } #hozo-orra-opal-refactor .hozo-detail-scroll::-webkit-scrollbar { visualizzazione: nessuno; } #hozo-orra-opal-refactor .hozo-dettaglio-griglia figura { flessibilità: 0 0 100%; proporzioni: 310/310; scroll-snap-align: start; } #hozo-orra-opal-refactor .hozo-info-card, #hozo-orra-opal-refactor .hozo-info-card.reverse { larghezza: calc(100% - 40px); display: flessibile; direzione flessibile: colonna; spazio: 28px; imbottitura: 40px 20px; raggio del bordo: 18px; margine inferiore: 20px; } #hozo-orra-opal-refactor .hozo-info-card.reverse { direzione flessibile: colonna inversa; } #hozo-orra-opal-refactor .hozo-info-card figura { larghezza: 100%; larghezza massima: 270px; proporzioni: 1/1; } #hozo-orra-opal-refactor .hozo-info-card.reverse figure { larghezza massima: 270px; proporzioni: 270/193; } #hozo-orra-opal-refactor .hozo-info-copy { larghezza: 100%; } #hozo-orra-opal-refactor .hozo-info-copy h2 { dimensione carattere: 28px; altezza della linea: 1,25; margine inferiore: 14px; } #hozo-orra-opal-refactor .hozo-info-copy p { dimensione carattere: 21px; altezza della linea: 1,18; } #hozo-orra-opal-refactor .hozo-modal { imbottitura: 16px; } #hozo-orra-opal-refactor .hozo-modal-close { in alto: 8px; destra: 8px; } } @media (preferisce il movimento ridotto: riduci) { #hozo-orra-opale-refactor * { transizione: nessuna !importante; comportamento di scorrimento: auto !important; } #hozo-orra-opal-refactor img {transizione: nessuna! importante; comportamento di scorrimento: auto! importante} }

Lampada da tavolo Bauhaus Opale