Lustre rond en tissu Hikari – Luminaire design japonais pour salon et chambre à coucher

#hozo-hikari-refactor-3211663, #hozo-hikari-refactor-3211663 * { dimensionnement de la boîte : bordure-boîte ; } #hozo-hikari-refactor-3211663 { --hh-largeur : 1 200 px ; --hh-pad : 20px ; --hh-texte : #000 ; --hh-muet : #a1a1a6 ; --hh-panneau : #f2f2f1 ; --hh-écart : 20px ; largeur : 100 % ; largeur maximale : 100 % ; marge : 0 automatique ; couleur: var(--hh-text); arrière-plan : #fff ; font-family : hériter ; hauteur de ligne : 1,55 ; débordement-x : clip ; texte-align : initiale ; } #hozo-hikari-refactor-3211663 .hh-conteneur { largeur : min(var(--hh-width), 100%); largeur maximale : 100 % ; marge en ligne : auto ; padding-inline : var(--hh-pad); largeur minimale : 0 ; } #hozo-hikari-refactor-3211663 h2, #hozo-hikari-refactor-3211663 h3, #hozo-hikari-refactor-3211663 p { marge : 0 ; largeur minimale : 0 ; overflow-wrap : n'importe où ; coupure de mot : coupure de mot ; tirets : auto ; } #hozo-hikari-refactor-3211663 a { couleur : hériter ; décoration de texte : aucune ; } #hozo-hikari-refactor-3211663 figure { marge : 0 ; débordement : caché ; largeur minimale : 0 ; largeur maximale : 100 % ; }#hozo-hikari-refactor-3211663 img {affichage : bloc ; largeur maximale : 100 % ; largeur : 100 % ; hauteur : 100 % ; ajustement de l'objet : couverture ; transition : transformation facile en 0,45 s} #hozo-hikari-refactor-3211663 .hh-intro { arrière-plan : #fff ; remplissage : 20px 0 10px ; alignement du texte : centre ; } #hozo-hikari-refactor-3211663 .hh-intro-inner { largeur : min(var(--hh-width), 100%); largeur maximale : 100 % ; marge en ligne : auto ; padding-inline : var(--hh-pad); } #hozo-hikari-refactor-3211663 .hh-product-title { taille de police : 25 px ; poids de la police : 500 ; hauteur de ligne : 1,3 ; couleur : #000 ; text-align: center !important; marge : 0 auto 20px !important ; espacement des lettres : 0 ; } #hozo-hikari-refactor-3211663 .hh-product-subtext { couleur: var(--hh-muted); taille de police : 16 px ; hauteur de ligne : 1,6 ; alignement du texte : centre ; marge : 0 automatique ; largeur maximale : 1 040 px ; } #hozo-hikari-refactor-3211663 .hh-title-section { largeur : min(var(--hh-width), 100%); largeur maximale : 100 % ; marge en ligne : auto ; remplissage : 30px var(--hh-pad) 0 ; arrière-plan : #fff ; } #hozo-hikari-refactor-3211663 .hh-titre { taille de police : 30 px ; hauteur de ligne : 1,28 ; poids de la police : 500 ; espacement des lettres : 0 ; couleur : #000 ; text-align: center !important; marge : 0 auto 20px !important ; largeur maximale : 980 px ; } #hozo-hikari-refactor-3211663 .hh-slider { largeur : min(var(--hh-width), 100%); largeur maximale : 100 % ; marge en ligne : auto ; position : relative ; débordement : caché ; largeur minimale : 0 ; } #hozo-hikari-refactor-3211663 .hh-slider-track { affichage : flexible ; débordement-x : auto ; scroll-snap-type : x obligatoire ; comportement de défilement : fluide ; -webkit-overflow-scrolling : toucher ; largeur de la barre de défilement : aucune ; largeur minimale : 0 ; } #hozo-hikari-refactor-3211663 .hh-slider-track :: -webkit-scrollbar { affichage : aucun ; } #hozo-hikari-refactor-3211663 .hh-slide { flexion : 0 0 100 % ; scroll-snap-align : démarrer ; largeur minimale : 0 ; position : relative ; } #hozo-hikari-refactor-3211663 .hh-hero { rapport hauteur/largeur : 16 / 9 ; arrière-plan : #fff ; } #hozo-hikari-refactor-3211663 .hh-hero .hh-slide-media { rapport hauteur/largeur : 16 / 9 ; largeur : 100 % ; } #hozo-hikari-refactor-3211663 .hh-slider-dots { position : absolue ; gauche : 0 ; à droite : 0 ; en bas : 10 px ; affichage : flexible ; justifier-contenu : flex-start ; écart : 8 px ; remplissage à gauche : 34 px ; événements de pointeur : aucun ; indice z : 3 ; } #hozo-hikari-refactor-3211663 .hh-dot { largeur : 12px ; hauteur : 12px ; affichage : bloc en ligne ; rayon de bordure : 50 % ; arrière-plan : #000 ; bordure : 0 ; remplissage : 0 ; curseur : pointeur ; événements de pointeur : auto ; opacité : 0,9 ; } #hozo-hikari-refactor-3211663 .hh-dot:premier-enfant { arrière-plan : #fff ; } #hozo-hikari-refactor-3211663 .hh-flèche { position : absolue ; haut : 50 % ; indice z : 4 ; largeur : 44px ; hauteur : 44px ; rayon de bordure : 50 % ; bordure : 0 ; arrière-plan : rgba(255,255,255,.68) ; couleur : #111 ; affichage : aucun ; align-items : centre ; justifier-contenu : centre ; curseur : pointeur ; transformer : traduireY(-50 %); taille de police : 0 ; hauteur de ligne : 1 ; } #hozo-hikari-refactor-3211663 .hh-arrow :: avant { contenu : "" ; largeur : 12px ; hauteur : 12px ; border-top : 2px solid currentColor ; border-left : 2px solid currentColor ; affichage : bloc ; } #hozo-hikari-refactor-3211663 .hh-arrow-prev { gauche : 20px ; } #hozo-hikari-refactor-3211663 .hh-arrow-prev::before { transformation : rotation (-45 deg ); marge gauche : 5 px ; } #hozo-hikari-refactor-3211663 .hh-arrow-next { à droite : 20 px ; } #hozo-hikari-refactor-3211663 .hh-arrow-next::before { transformation : rotation (135 degrés) ; marge droite : 5px ; } #hozo-hikari-refactor-3211663 .hh-style-grid { largeur : min(var(--hh-width), 100%); largeur maximale : 100 % ; marge en ligne : auto ; remplissage : 0 var(--hh-pad) 20px ; affichage : grille ; grille-modèle-colonnes : répéter (4, minmax (0, 1fr)); écart : 6 px ; } #hozo-hikari-refactor-3211663 .hh-style-item, #hozo-hikari-refactor-3211663 .hh-style-item figure { rapport hauteur/largeur : 1 / 1 ; largeur minimale : 0 ; } #hozo-hikari-refactor-3211663 .hh-style-mobile { affichage : aucun ; } #hozo-hikari-refactor-3211663 .hh-switch { largeur : min(var(--hh-width), 100%); largeur maximale : 100 % ; marge en ligne : auto ; débordement : caché ; } #hozo-hikari-refactor-3211663 .hh-switch figure { rapport hauteur/largeur : 1 200 / 600 ; } #hozo-hikari-refactor-3211663 .hh-scene { largeur : min(var(--hh-width), 100%); largeur maximale : 100 % ; marge en ligne : auto ; remplissage : 0 var(--hh-pad) 20px ; affichage : grille ; colonnes de modèle de grille : minmax(0, 1fr) minmax(0, 1fr); écart : 20 px ; largeur minimale : 0 ; } #hozo-hikari-refactor-3211663 .hh-scene-col { affichage : grille ; grille-modèle-colonnes : répéter (2, minmax (0, 1fr)); écart : 20 px ; largeur minimale : 0 ; } #hozo-hikari-refactor-3211663 .hh-scene-col-right { lignes-modèle-grille : auto 1fr ; } #hozo-hikari-refactor-3211663 .hh-scene-large { colonne de grille : travée 2 ; rapport hauteur/largeur : 570 / 542 ; rayon de bordure : 18 px ; } #hozo-hikari-refactor-3211663 .hh-scene-small { rapport hauteur/largeur : 275 / 190 ; rayon de bordure : 14 px ; } #hozo-hikari-refactor-3211663 .hh-scene-wide { colonne de grille : travée 2 ; rapport hauteur/largeur : 570 / 398 ; rayon de bordure : 18 px ; }#hozo-hikari-refactor-3211663 .hh-hover:hover img {transform: scale(1.035)} #hozo-hikari-refactor-3211663 .hh-split { largeur : min(var(--hh-width), 100%); largeur maximale : calc (100 % - 40 px) ; marge : 0 auto 20px ; arrière-plan : var(--hh-panel); rayon de bordure : 18 px ; remplissage : 55px 70px ; affichage : grille ; colonnes-modèles de grille : minmax(0, 1fr) minmax(0, .86fr); écart : 70 px ; align-items : centre ; largeur minimale : 0 ; } #hozo-hikari-refactor-3211663 .hh-split-reverse { colonnes-modèles de grille : minmax(0, .86fr) minmax(0, 1fr); } #hozo-hikari-refactor-3211663 .hh-split-media { rapport hauteur/largeur : 1 / 1 ; largeur maximale : 510 px ; largeur : 100 % ; se justifier : centre ; } #hozo-hikari-refactor-3211663 .hh-split-copy { couleur : #000 ; taille de police : 16 px ; hauteur de ligne : 1,8 ; largeur minimale : 0 ; overflow-wrap : n'importe où ; coupure de mot : coupure de mot ; tirets : auto ; } #hozo-hikari-refactor-3211663 .hh-split-copy ul { style de liste : aucun ; marge : 0 ; remplissage : 0 ; } #hozo-hikari-refactor-3211663 .hh-split-copy li { marge : 0 0 6px ; largeur minimale : 0 ; overflow-wrap : n'importe où ; coupure de mot : coupure de mot ; tirets : auto ; } #hozo-hikari-refactor-3211663 .hh-faq { affichage : aucun ; largeur : min(var(--hh-width), 100%); largeur maximale : calc (100 % - 40 px) ; marge : 0 auto 20px ; remplissage : 36px 48px ; arrière-plan : #fff ; couleur : #111 ; taille de police : 15 px ; hauteur de ligne : 1,65 ; largeur minimale : 0 ; overflow-wrap : n'importe où ; coupure de mot : coupure de mot ; tirets : auto ; } #hozo-hikari-refactor-3211663 .hh-faq h2 { taille de police : 22 px ; hauteur de ligne : 1,35 ; poids de la police : 600 ; marge : 18px 0 10px ; aligner le texte : gauche ; } #hozo-hikari-refactor-3211663 .hh-faq p { marge : 0 0 10px ; } #hozo-hikari-refactor-3211663 .hh-faq a { couleur : #111 ; décoration de texte : souligner ; texte-souligné-offset : 2px ; } @media (largeur min : 641 px) et (largeur max : 1024 px) { #hozo-hikari-refactor-3211663 { --hh-largeur : 100 % ; } #hozo-hikari-refactor-3211663 .hh-hero, #hozo-hikari-refactor-3211663 .hh-hero .hh-slide-media { rapport hauteur/largeur : 16 / 9 ; } #hozo-hikari-refactor-3211663 .hh-style-grid { grille-modèle-colonnes : répéter (4, minmax (0, 1fr)); } #hozo-hikari-refactor-3211663 .hh-scene { colonnes de modèle de grille : minmax(0, 1fr) minmax(0, 1fr); } #hozo-hikari-refactor-3211663 .hh-split { colonnes de modèle de grille : minmax(0, 1fr) minmax(0, .9fr); remplissage : 44px 42px ; écart : 38 px ; } } @media (largeur maximale : 640 px) { #hozo-hikari-refactor-3211663 { --hh-pad : 20px ; } #hozo-hikari-refactor-3211663 .hh-intro { remplissage : 20px 0 10px ; } #hozo-hikari-refactor-3211663 .hh-product-title { taille de police : 21 px ; hauteur de ligne : 1,18 ; marge inférieure : 24px !important ; } #hozo-hikari-refactor-3211663 .hh-product-subtext { taille de police : 13 px ; hauteur de ligne : 1,55 ; largeur maximale : 310 px ; } #hozo-hikari-refactor-3211663 .hh-hero, #hozo-hikari-refactor-3211663 .hh-hero .hh-slide-media { rapport hauteur/largeur : 350 / 467 ; }#hozo-hikari-refactor-3211663 .hh-hero img {position-objet : centre centre} #hozo-hikari-refactor-3211663 .hh-slider-dots { bas : 16px ; remplissage à gauche : 34 px ; } #hozo-hikari-refactor-3211663 .hh-dot { largeur : 12px ; hauteur : 12px ; } #hozo-hikari-refactor-3211663 .hh-title-section { rembourrage supérieur : 20 px ; } #hozo-hikari-refactor-3211663 .hh-titre { taille de police : 24 px ; hauteur de ligne : 1,18 ; marge inférieure : 20px !important ; } #hozo-hikari-refactor-3211663 .hh-style-grid { affichage : aucun ; } #hozo-hikari-refactor-3211663 .hh-style-mobile { affichage : bloc ; largeur : 100 % ; largeur maximale : 100 % ; remplissage : 0 var(--hh-pad) 20px ; position : relative ; débordement : caché ; } #hozo-hikari-refactor-3211663 .hh-style-mobile .hh-slider { largeur : 310 px ; largeur maximale : 100 % ; } #hozo-hikari-refactor-3211663 .hh-style-mobile .hh-slider-track { écart : 10 px ; } #hozo-hikari-refactor-3211663 .hh-style-mobile .hh-slide { base flexible : 310 px ; largeur maximale : 100 % ; } #hozo-hikari-refactor-3211663 .hh-style-mobile figure { rapport hauteur/largeur : 1 / 1 ; } #hozo-hikari-refactor-3211663 .hh-style-mobile .hh-flèche { affichage : flexible ; } #hozo-hikari-refactor-3211663 .hh-style-mobile .hh-arrow-prev { gauche : 20px ; } #hozo-hikari-refactor-3211663 .hh-style-mobile .hh-arrow-next { à droite : 20 px ; } #hozo-hikari-refactor-3211663 .hh-switch figure { rapport hauteur/largeur : 350 / 175 ; } #hozo-hikari-refactor-3211663 .hh-scene { affichage : grille ; colonnes-modèles-de-grille : minmax(0, 1fr); écart : 20 px ; rembourrage inférieur : 20 px ; } #hozo-hikari-refactor-3211663 .hh-scene-col { écart : 10 px ; } #hozo-hikari-refactor-3211663 .hh-scene-large { rapport hauteur/largeur : 310 / 296 ; rayon de bordure : 14 px ; } #hozo-hikari-refactor-3211663 .hh-scene-small { rapport hauteur/largeur : 150 / 130 ; rayon de bordure : 12 px ; } #hozo-hikari-refactor-3211663 .hh-scene-wide { rapport hauteur/largeur : 310 / 260 ; rayon de bordure : 14 px ; } #hozo-hikari-refactor-3211663 .hh-split, #hozo-hikari-refactor-3211663 .hh-split-reverse { largeur maximale : calc (100 % - 40 px) ; colonnes-modèles-de-grille : minmax(0, 1fr); écart : 34 px ; remplissage : 38px 20px ; rayon de bordure : 16 px ; } #hozo-hikari-refactor-3211663 .hh-split-reverse .hh-split-copy { ordre : 1 ; } #hozo-hikari-refactor-3211663 .hh-split-reverse .hh-split-media { ordre : 2 ; } #hozo-hikari-refactor-3211663 .hh-split-media { largeur maximale : 270 px ; } #hozo-hikari-refactor-3211663 .hh-split-copy { taille de police : 17 px ; hauteur de ligne : 1,72 ; } #hozo-hikari-refactor-3211663 .hh-faq { largeur maximale : calc (100 % - 40 px) ; remplissage : 26px 20px ; taille de police : 14 px ; } } @media (préfère le mouvement réduit : réduire) { #hozo-hikari-refactor-3211663 .hh-slider-track { transition : aucune ; comportement de défilement : auto ; } #hozo-hikari-refactor-3211663 img {transition : aucune ; comportement de défilement : auto} }

Lampe ronde en tissu Hikari