Lampe de table en verre opale Orra – Éclairage sculptural inspiré du Bauhaus

#hozo-orra-opale-refactor, #hozo-orra-opal-refactor * { dimensionnement de la boîte : bordure-boîte ; } #hozo-orra-opale-refactor { largeur : 100 % ; largeur maximale : 1 200 px ; marge : 0 automatique ; couleur : #0b0b0b ; arrière-plan : #fff ; famille de polices : Poppins, Arial, Helvetica, sans-serif ; hauteur de ligne : 1,35 ; débordement : caché ; largeur minimale : 0 ; overflow-wrap : n'importe où ; coupure de mot : coupure de mot ; tirets : auto ; } #hozo-orra-opale-refactor h2, #hozo-orra-opale-refactor h3, #hozo-orra-opale-refactor p { marge : 0 ; remplissage : 0 ; text-align : hériter ; largeur minimale : 0 ; overflow-wrap : n'importe où ; coupure de mot : coupure de mot ; tirets : auto ; } #hozo-orra-opale-refactor a { couleur : hériter ; décoration de texte : aucune ; largeur maximale : 100 % ; largeur minimale : 0 ; } #hozo-orra-opale-refactor figure { marge : 0 ; débordement : caché ; largeur minimale : 0 ; largeur maximale : 100 % ; }#hozo-orra-opal-refactor img {affichage : bloc ; largeur maximale : 100 % ; largeur : 100 % ; hauteur : automatique ; ajustement de l'objet : couverture ; transition : transformation facile en 0,35 s} Bouton #hozo-orra-opal-refactor { police : hériter ; largeur maximale : 100 % ; largeur minimale : 0 ; espace blanc : normal ; overflow-wrap : n'importe où ; coupure de mot : coupure de mot ; tirets : auto ; } #hozo-orra-opale-refactor ul, #hozo-orra-opale-refactor ol { marge : 0 ; remplissage : 0 ; style de liste : aucun ; position de style de liste : à l'extérieur ; } #hozo-orra-opale-refactor li { marge : 0 ; remplissage : 0 ; style de liste : aucun ; position de style de liste : à l'extérieur ; largeur minimale : 0 ; overflow-wrap : n'importe où ; coupure de mot : coupure de mot ; tirets : auto ; } #hozo-orra-opal-refactor li::avant, #hozo-orra-opal-refactor li::marker { contenu : aucun ; taille de police : 0 ; } #table hozo-orra-opale-refactor, #hozo-orra-opal-refactor chef, #hozo-orra-opale-refactor tbody, #hozo-orra-opale-refactor tr, #hozo-orra-opale-refactor th, #hozo-orra-opale-refactor td { frontière : 0 !important ; contour : 0 !important; box-shadow : aucun !important ; border-collapse : effondrement ; disposition de la table : corrigé ; } #hozo-orra-opal-refactor .hozo-intro { remplissage : 20 px, 20 px, 22 px ; alignement du texte : centre ; arrière-plan : #fff ; } #hozo-orra-opal-refactor .hozo-intro-titre { taille de police : 28 px ; poids de la police : 600 ; hauteur de ligne : 1,25 ; marge en ligne : auto ; text-align: center !important; } #hozo-orra-opal-refactor .hozo-intro-copie { marge : 14px auto 0 ; taille de police : 21 px ; hauteur de ligne : 1,35 ; poids de la police : 400 ; largeur maximale : 1 160 px ; alignement du texte : centre ; } #hozo-orra-opal-refactor .hozo-section-title { largeur : 100 % ; remplissage : 20 px, 20 px, 18 px ; text-align: center !important; taille de police : 28 px ; hauteur de ligne : 1,25 ; poids de la police : 600 ; marge : 0 automatique ; } #hozo-orra-opal-refactor .hozo-banner { largeur : 100 % ; marge : 0 ; débordement : caché ; arrière-plan : #fff ; } #hozo-orra-opal-refactor .hozo-banner-frame { largeur : 100 % ; rapport hauteur/largeur : 1 200 / 686 ; débordement : caché ; marge : 0 ; }#hozo-orra-opal-refactor .hozo-banner-frame img {largeur : 100 % ; hauteur : 100 % ; ajustement de l'objet : couverture ; position de l'objet : centre} #hozo-orra-opal-refactor .hozo-video-story { remplissage : 30px 0 20px ; arrière-plan : #fff ; } #hozo-orra-opal-refactor .hozo-video-inner { largeur : calc(100% - 40px) ; marge : 0 automatique ; affichage : grille ; colonnes de modèle de grille : minmax(0, 1fr) minmax(0, 1fr); arrière-plan : #fff ; hauteur minimale : 426 px ; aligner les éléments : étirer ; } #hozo-orra-opal-refactor .hozo-video-copy { largeur minimale : 0 ; affichage : flexible ; direction flexible : colonne ; justifier-contenu : centre ; remplissage : 42px 45px ; aligner le texte : gauche ; } #hozo-orra-opal-refactor .hozo-video-copy h2 { taille de police : 28 px ; hauteur de ligne : 1,25 ; poids de la police : 600 ; couleur : #333 ; marge : 0 0 16px ; } #hozo-orra-opal-refactor .hozo-video-copy p { largeur maximale : 445 px ; taille de police : 21 px ; hauteur de ligne : 1,42 ; couleur : #333 ; poids de la police : 400 ; } #hozo-orra-opal-refactor .hozo-video-poster { position : relative ; largeur minimale : 0 ; débordement : caché ; marge : 0 ; rapport hauteur/largeur : 580 / 426 ; arrière-plan : #fff ; }#hozo-orra-opal-refactor .hozo-video-poster img {largeur : 100 % ; hauteur : 100 % ; ajustement de l'objet : couverture} #hozo-orra-opal-refactor .hozo-play-button { position : absolue ; encart : 0 ; largeur : 100 % ; hauteur : 100 % ; bordure : 0 ; arrière-plan : rgba(0, 0, 0, 0) ; curseur : pointeur ; affichage : flexible ; align-items : centre ; justifier-contenu : centre ; remplissage : 0 ; couleur : #111 ; } #hozo-orra-opal-refactor .hozo-play-icon { largeur : 78 px ; hauteur : 78px ; rayon de bordure : 50 % ; affichage : grille ; éléments de lieu : centre ; arrière-plan : rgba (255, 255, 255, .62) ; couleur : #0d0d0d ; taille de police : 48 px ; hauteur de ligne : 1 ; remplissage à gauche : 6 px ; } #hozo-orra-opal-refactor .hozo-modal { poste : fixe ; encart : 0 ; indice z : 9999 ; affichage : aucun ; align-items : centre ; justifier-contenu : centre ; remplissage : 24 px ; arrière-plan : rgba(0, 0, 0, .72) ; } #hozo-orra-opal-refactor .hozo-modal[aria-hidden="false"] { affichage : flexible ; } #hozo-orra-opal-refactor .hozo-modal-card { largeur : min(920px, 100 %); position : relative ; arrière-plan : #000 ; rayon de bordure : 8 px ; débordement : caché ; rapport hauteur/largeur : 16 / 9 ; } #hozo-orra-opal-refactor .hozo-modal-card vidéo { affichage : bloc ; largeur : 100 % ; hauteur : 100 % ; object-fit : contenir ; arrière-plan : #000 ; } #hozo-orra-opal-refactor .hozo-modal-close { position : absolue ; haut : 10px ; à droite : 10px ; indice z : 3 ; largeur : 34 px ; hauteur : 34px ; rayon de bordure : 999 px ; bordure : 0 ; arrière-plan : rgba (255, 255, 255, .92) ; couleur : #111 ; curseur : pointeur ; taille de police : 24 px ; hauteur de ligne : 1 ; affichage : grille ; éléments de lieu : centre ; remplissage : 0 ; } #hozo-orra-opal-refactor .hozo-slider { largeur : 100 % ; position : relative ; débordement : caché ; remplissage : 0 0 10px ; } #hozo-orra-opal-refactor .hozo-slider-track { affichage : flexible ; écart : 40 px ; débordement-x : auto ; overflow-y : caché ; scroll-snap-type : x obligatoire ; comportement de défilement : fluide ; -webkit-overflow-scrolling : toucher ; remplissage : 0 ; largeur de la barre de défilement : aucune ; largeur minimale : 0 ; } #hozo-orra-opal-refactor .hozo-slider-track::-webkit-scrollbar { affichage : aucun ; } #hozo-orra-opal-refactor .hozo-product-showcase { remplissage : 0 0 10px ; } #hozo-orra-opal-refactor .hozo-product-showcase .hozo-slider-track { padding-inline : 0 ; } #hozo-orra-opal-refactor .hozo-product-showcase .hozo-slide { flexion : 0 0 450px ; scroll-snap-align : démarrer ; largeur minimale : 0 ; } #hozo-orra-opal-refactor .hozo-product-showcase figure { largeur : 100 % ; rapport hauteur/largeur : 1 / 1 ; rayon de bordure : 8 px ; arrière-plan : #f6f6f6 ; }#hozo-orra-opal-refactor .hozo-product-showcase img {largeur : 100 % ; hauteur : 100 % ; ajustement de l'objet : couverture} #hozo-orra-opal-refactor .hozo-slider-arrow { position : absolue ; haut : 44 % ; indice z : 3 ; largeur : 44px ; hauteur : 44px ; rayon de bordure : 50 % ; bordure : 0 ; arrière-plan : rgba(0, 0, 0, .48) ; couleur : #fff ; taille de police : 34 px ; hauteur de ligne : 1 ; curseur : pointeur ; affichage : grille ; éléments de lieu : centre ; remplissage : 0 0 4px ; } #hozo-orra-opal-refactor .hozo-slider-prev { gauche : 20px ; } #hozo-orra-opal-refactor .hozo-slider-next { à droite : 20 px ; } #hozo-orra-opal-refactor .hozo-styles-grid { largeur : calc(100% - 40px) ; marge : 0 auto 20px ; affichage : grille ; grille-modèle-colonnes : répéter (4, minmax (0, 1fr)); écart : 6 px ; largeur minimale : 0 ; } #hozo-orra-opal-refactor .hozo-styles-grid figure { rapport hauteur/largeur : 1 / 0,92 ; arrière-plan : #fff ; }#hozo-orra-opal-refactor .hozo-styles-grid img {largeur : 100 % ; hauteur : 100 % ; ajustement de l'objet : couverture} #hozo-orra-opal-refactor .hozo-switch-banner { largeur : 100 % ; marge : 0 ; débordement : caché ; arrière-plan : #fff ; } #hozo-orra-opal-refactor .hozo-switch-frame { largeur : 100 % ; rapport hauteur/largeur : 1 200 / 686 ; débordement : caché ; marge : 0 ; }#hozo-orra-opal-refactor .hozo-switch-frame img {largeur : 100 % ; hauteur : 100 % ; ajustement de l'objet : couverture} #hozo-orra-opal-refactor .hozo-scene-grid { largeur : calc(100% - 40px) ; marge : 0 auto 20px ; affichage : grille ; colonnes de modèle de grille : minmax(0, 1fr) minmax(0, 1fr); écart : 20 px ; largeur minimale : 0 ; } #hozo-orra-opal-refactor .hozo-scene-col { affichage : grille ; écart : 20 px ; largeur minimale : 0 ; } #hozo-orra-opal-refactor .hozo-scene-pair { affichage : grille ; grille-modèle-colonnes : répéter (2, minmax (0, 1fr)); écart : 20 px ; largeur minimale : 0 ; } #hozo-orra-opal-refactor .hozo-scene-large { rapport hauteur/largeur : 570 / 430 ; rayon de bordure : 8 px ; } #hozo-orra-opal-refactor .hozo-scene-small { rapport hauteur/largeur : 275 / 200 ; rayon de bordure : 8 px ; }#hozo-orra-opal-refactor .hozo-scene-large img, #hozo-orra-opal-refactor .hozo-scene-small img {largeur : 100 % ; hauteur : 100 % ; ajustement de l'objet : couverture} #hozo-orra-opal-refactor .hozo-detail-grid { largeur : calc(100% - 40px) ; marge : 0 auto 20px ; affichage : grille ; grille-modèle-colonnes : répéter (3, minmax (0, 1fr)); écart : 6 px ; largeur minimale : 0 ; } #hozo-orra-opal-refactor .hozo-detail-grid figure { rapport hauteur/largeur : 1 / 0,92 ; arrière-plan : #fff ; }#hozo-orra-opal-refactor .hozo-detail-grid img {largeur : 100 % ; hauteur : 100 % ; ajustement de l'objet : couverture} #hozo-orra-opal-refactor .hozo-info-card { largeur : calc(100% - 40px) ; marge : 0 auto 20px ; remplissage : 50px 70px ; rayon de bordure : 18 px ; arrière-plan : #f2f2f1 ; affichage : grille ; colonnes-modèles de grille : minmax(0, 1.12fr) minmax(0, .88fr); écart : 70 px ; align-items : centre ; largeur minimale : 0 ; } #hozo-orra-opal-refactor .hozo-info-card.reverse { colonnes de modèle de grille : minmax(0, .88fr) minmax(0, 1.12fr); rembourrage supérieur : 40 px ; rembourrage inférieur : 40 px ; } #hozo-orra-opal-refactor .hozo-info-card figure { largeur : 100 % ; largeur maximale : 510 px ; marge en ligne : auto ; rapport hauteur/largeur : 1 / 1 ; arrière-plan : #fff ; } #hozo-orra-opal-refactor .hozo-info-card.reverse figure { largeur maximale : 510 px ; rapport hauteur/largeur : 510 / 365 ; }#hozo-orra-opal-refactor .hozo-info-card img {largeur : 100 % ; hauteur : 100 % ; ajustement de l'objet : couverture} #hozo-orra-opal-refactor .hozo-info-copy { largeur minimale : 0 ; couleur : #0a0400 ; } #hozo-orra-opal-refactor .hozo-info-copy h2 { taille de police : 28 px ; hauteur de ligne : 1,25 ; marge : 0 0 20px ; poids de la police : 600 ; } #hozo-orra-opal-refactor .hozo-info-copy p { taille de police : 21 px ; hauteur de ligne : 1,2 ; poids de la police : 400 ; } #hozo-orra-opal-refactor .hozo-info-copy .hozo-mail { espace blanc : normal ; overflow-wrap : n'importe où ; coupure de mot : coupure de mot ; } #hozo-orra-opal-refactor .hozo-policy-links { marge supérieure : 16 px ; affichage : grille ; écart : 8 px ; taille de police : 15 px ; hauteur de ligne : 1,35 ; } #hozo-orra-opal-refactor .hozo-policy-links a { décoration de texte : souligner ; texte-souligné-offset : 3px ; }#hozo-orra-opal-refactor .hozo-hover-zoom:hover img {transform: scale(1.025)} @media (largeur min : 641 px) et (largeur max : 1024 px) { #hozo-orra-opale-refactor { largeur maximale : 100 % ; } #hozo-orra-opal-refactor .hozo-intro-titre, #hozo-orra-opal-refactor .hozo-section-title, #hozo-orra-opal-refactor .hozo-video-copy h2, #hozo-orra-opal-refactor .hozo-info-copy h2 { taille de police : 26 px ; } #hozo-orra-opal-refactor .hozo-intro-copie, #hozo-orra-opal-refactor .hozo-video-copy p, #hozo-orra-opal-refactor .hozo-info-copy p { taille de police : 19 px ; } #hozo-orra-opal-refactor .hozo-video-inner { colonnes de modèle de grille : minmax(0, 1fr) minmax(0, 1fr); } #hozo-orra-opal-refactor .hozo-product-showcase .hozo-slide { base flexible : 38 vw ; largeur maximale : 450 px ; } #hozo-orra-opal-refactor .hozo-styles-grid { grille-modèle-colonnes : répéter (4, minmax (0, 1fr)); } #hozo-orra-opal-refactor .hozo-scene-grid { colonnes de modèle de grille : minmax(0, 1fr) minmax(0, 1fr); } #hozo-orra-opal-refactor .hozo-info-card, #hozo-orra-opal-refactor .hozo-info-card.reverse { colonnes de modèle de grille : minmax(0, 1fr) minmax(0, 1fr); écart : 36 px ; remplissage : 36 px ; } } @media (largeur maximale : 640 px) { #hozo-orra-opale-refactor { largeur maximale : 100 % ; } #hozo-orra-opal-refactor .hozo-intro { remplissage : 24 px, 20 px, 20 px ; } #hozo-orra-opal-refactor .hozo-intro-titre { taille de police : 28 px ; hauteur de ligne : 1,55 ; largeur maximale : 310 px ; } #hozo-orra-opal-refactor .hozo-intro-copie { marge supérieure : 10 px ; taille de police : 21 px ; hauteur de ligne : 1,45 ; largeur maximale : 350 px ; } #hozo-orra-opal-refactor .hozo-banner-frame { rapport hauteur/largeur : 350 / 200 ; } #hozo-orra-opal-refactor .hozo-video-story { remplissage : 0 0 20px ; } #hozo-orra-opal-refactor .hozo-video-inner { largeur : calc(100% - 40px) ; affichage : flexible ; flex-direction : colonne inversée ; hauteur min : 0 ; } #hozo-orra-opal-refactor .hozo-video-poster { largeur : 100 % ; rapport hauteur/largeur : 310 / 136 ; } #hozo-orra-opal-refactor .hozo-video-copy { remplissage : 34px 20px 0 ; affichage : bloc ; } #hozo-orra-opal-refactor .hozo-video-copy h2 { taille de police : 28 px ; hauteur de ligne : 1,25 ; marge inférieure : 20 px ; } #hozo-orra-opal-refactor .hozo-video-copy p { taille de police : 21 px ; hauteur de ligne : 1,7 ; largeur maximale : 270 px ; } #hozo-orra-opal-refactor .hozo-play-icon { largeur : 72 px ; hauteur : 72px ; taille de police : 42 px ; } #hozo-orra-opal-refactor .hozo-section-title { taille de police : 27 px ; hauteur de ligne : 1,45 ; remplissage : 24 px, 16 px, 20 px ; } #hozo-orra-opal-refactor .hozo-product-showcase { remplissage : 20px 0 18px ; } #hozo-orra-opal-refactor .hozo-product-showcase .hozo-slider { largeur : calc(100% - 40px) ; marge en ligne : auto ; } #hozo-orra-opal-refactor .hozo-product-showcase .hozo-slider-track { écart : 40 px ; } #hozo-orra-opal-refactor .hozo-product-showcase .hozo-slide { flexion : 0 0 100 % ; } #hozo-orra-opal-refactor .hozo-product-showcase figure { rapport hauteur/largeur : 310 / 325 ; } #hozo-orra-opal-refactor .hozo-slider-arrow { largeur : 40px ; hauteur : 40px ; taille de police : 30 px ; haut : 48 % ; arrière-plan : rgba(0, 0, 0, .28) ; } #hozo-orra-opal-refactor .hozo-slider-prev { gauche : 18px ; } #hozo-orra-opal-refactor .hozo-slider-next { à droite : 18px ; } #hozo-orra-opal-refactor .hozo-styles-grid { affichage : bloc ; largeur : calc(100% - 40px) ; marge inférieure : 20 px ; position : relative ; } #hozo-orra-opal-refactor .hozo-styles-grid-scroll { affichage : flexible ; écart : 16 px ; débordement-x : auto ; scroll-snap-type : x obligatoire ; comportement de défilement : fluide ; largeur de la barre de défilement : aucune ; -webkit-overflow-scrolling : toucher ; } #hozo-orra-opal-refactor .hozo-styles-grid-scroll::-webkit-scrollbar { affichage : aucun ; } #hozo-orra-opal-refactor .hozo-styles-grid figure { flexion : 0 0 100 % ; rapport hauteur/largeur : 310 / 310 ; scroll-snap-align : démarrer ; } #hozo-orra-opal-refactor .hozo-switch-frame { rapport hauteur/largeur : 350 / 200 ; } #hozo-orra-opal-refactor .hozo-scene-grid { largeur : calc(100% - 40px) ; affichage : bloc ; marge inférieure : 20 px ; } #hozo-orra-opal-refactor .hozo-scene-col { affichage : bloc ; } #hozo-orra-opal-refactor .hozo-scene-pair { affichage : grille ; grille-modèle-colonnes : répéter (2, minmax (0, 1fr)); écart : 10 px ; marge supérieure : 10 px ; } #hozo-orra-opal-refactor .hozo-scene-large { rapport hauteur/largeur : 310 / 325 ; marge supérieure : 10 px ; rayon de bordure : 12 px ; } #hozo-orra-opal-refactor .hozo-scene-small { rapport hauteur/largeur : 145 / 145 ; rayon de bordure : 10 px ; } #hozo-orra-opal-refactor .hozo-scene-col + .hozo-scene-col { marge supérieure : 10 px ; } #hozo-orra-opal-refactor .hozo-detail-grid { affichage : bloc ; largeur : calc(100% - 40px) ; position : relative ; } #hozo-orra-opal-refactor .hozo-detail-scroll { affichage : flexible ; écart : 16 px ; débordement-x : auto ; scroll-snap-type : x obligatoire ; comportement de défilement : fluide ; largeur de la barre de défilement : aucune ; -webkit-overflow-scrolling : toucher ; } #hozo-orra-opal-refactor .hozo-detail-scroll::-webkit-scrollbar { affichage : aucun ; } #hozo-orra-opal-refactor .hozo-detail-grid figure { flexion : 0 0 100 % ; rapport hauteur/largeur : 310 / 310 ; scroll-snap-align : démarrer ; } #hozo-orra-opal-refactor .hozo-info-card, #hozo-orra-opal-refactor .hozo-info-card.reverse { largeur : calc(100% - 40px) ; affichage : flexible ; direction flexible : colonne ; écart : 28 px ; remplissage : 40px 20px ; rayon de bordure : 18 px ; marge inférieure : 20 px ; } #hozo-orra-opal-refactor .hozo-info-card.reverse { flex-direction : colonne inversée ; } #hozo-orra-opal-refactor .hozo-info-card figure { largeur : 100 % ; largeur maximale : 270 px ; rapport hauteur/largeur : 1 / 1 ; } #hozo-orra-opal-refactor .hozo-info-card.reverse figure { largeur maximale : 270 px ; rapport hauteur/largeur : 270 / 193 ; } #hozo-orra-opal-refactor .hozo-info-copy { largeur : 100 % ; } #hozo-orra-opal-refactor .hozo-info-copy h2 { taille de police : 28 px ; hauteur de ligne : 1,25 ; marge inférieure : 14 px ; } #hozo-orra-opal-refactor .hozo-info-copy p { taille de police : 21 px ; hauteur de ligne : 1,18 ; } #hozo-orra-opal-refactor .hozo-modal { remplissage : 16 px ; } #hozo-orra-opal-refactor .hozo-modal-close { haut : 8px ; à droite : 8px ; } } @media (préfère le mouvement réduit : réduire) { #hozo-orra-opal-refactor * { transition : aucune !important ; comportement de défilement : auto !important ; } #hozo-orra-opal-refactor img {transition : aucune !important; comportement de défilement : auto !important} }

Lampe de table Bauhaus Opale