Lampa stołowa Orra z opalowego szkła – rzeźbiarskie oświetlenie inspirowane Bauhausem

#hozo-orra-opal-refaktor, #hozo-orra-opal-refaktor * { rozmiar pudełka: border-box; } #hozo-orra-opal-refaktor { szerokość: 100%; maksymalna szerokość: 1200px; margines: 0 auto; kolor: #0b0b0b; tło: #fff; rodzina czcionek: Poppins, Arial, Helvetica, bezszeryfowa; wysokość linii: 1,35; przepełnienie: ukryte; minimalna szerokość: 0; overflow-wrap: gdziekolwiek; przerwa na słowo: przerwa na słowo; łączniki: auto; } #hozo-orra-opal-refaktor h2, #hozo-orra-opal-refaktor h3, #hozo-orra-opal-refaktor p { margines: 0; dopełnienie: 0; wyrównanie tekstu: dziedziczenie; minimalna szerokość: 0; overflow-wrap: gdziekolwiek; przerwa na słowo: przerwa na słowo; łączniki: auto; } #hozo-orra-opal-refaktor a { kolor: dziedziczy; dekoracja tekstu: brak; maksymalna szerokość: 100%; minimalna szerokość: 0; } #hozo-orra-opal-refactor figura { margines: 0; przepełnienie: ukryte; minimalna szerokość: 0; maksymalna szerokość: 100%; } #hozo-orra-opal-refactor img {display: block; maksymalna szerokość: 100%; szerokość: 100%; wysokość: automatyczna; dopasowanie obiektowe: pokrywa; przejście: transformacja łatwości 0,35 s} #hozo-orra-opal-przycisk refaktora { czcionka: dziedzicz; maksymalna szerokość: 100%; minimalna szerokość: 0; biała spacja: normalna; overflow-wrap: gdziekolwiek; przerwa na słowo: przerwa na słowo; łączniki: auto; } #hozo-orra-opal-refactor ul, #hozo-orra-opal-refaktor ol { margines: 0; dopełnienie: 0; styl listy: brak; pozycja w stylu listy: na zewnątrz; } #hozo-orra-opal-refaktor li { margines: 0; dopełnienie: 0; styl listy: brak; pozycja w stylu listy: na zewnątrz; minimalna szerokość: 0; overflow-wrap: gdziekolwiek; przerwa na słowo: przerwa na słowo; łączniki: auto; } #hozo-orra-opal-refactor li::przed, #hozo-orra-opal-refactor li::marker { treść: brak; rozmiar czcionki: 0; } #hozo-orra-opal-refactor table, #hozo-orra-opal-refactor thead, #hozo-orra-opal-refactor tbody, #hozo-orra-opal-refaktor tr, #hozo-orra-opal-refaktor th, #hozo-orra-opal-refaktor td { granica: 0 !ważne; zarys: 0 !ważne; box-shadow: brak !ważne; border-collapse: załamanie; układ tabeli: stały; } #hozo-orra-opal-refaktor .hozo-intro { dopełnienie: 20px 20px 22px; wyrównanie tekstu: do środka; tło: #fff; } #hozo-orra-opal-refactor .hozo-intro-title { rozmiar czcionki: 28 pikseli; grubość czcionki: 600; wysokość linii: 1,25; margines wbudowany: auto; wyrównanie tekstu: do środka !ważne; } #hozo-orra-opal-refactor .hozo-intro-copy { margines: 14px auto 0; rozmiar czcionki: 21px; wysokość linii: 1,35; grubość czcionki: 400; maksymalna szerokość: 1160px; wyrównanie tekstu: do środka; } #hozo-orra-opal-refactor .hozo-section-title { szerokość: 100%; dopełnienie: 20px 20px 18px; wyrównanie tekstu: do środka !ważne; rozmiar czcionki: 28 pikseli; wysokość linii: 1,25; grubość czcionki: 600; margines: 0 auto; } #hozo-orra-opal-refactor .hozo-banner { szerokość: 100%; margines: 0; przepełnienie: ukryte; tło: #fff; } #hozo-orra-opal-refactor .hozo-banner-frame { szerokość: 100%; współczynnik proporcji: 1200 / 686; przepełnienie: ukryte; margines: 0; } #hozo-orra-opal-refactor .hozo-banner-frame img {szerokość: 100%; wysokość: 100%; dopasowanie obiektowe: pokrywa; pozycja obiektu: środek} #hozo-orra-opal-refactor .hozo-video-story { dopełnienie: 30px 0 20px; tło: #fff; } #hozo-orra-opal-refactor .hozo-video-inner { szerokość: oblicz (100% - 40px); margines: 0 auto; wyświetlacz: siatka; kolumny szablonu siatki: minmax(0, 1fr) minmax(0, 1fr); tło: #fff; minimalna wysokość: 426px; wyrównanie elementów: rozciągnięcie; } #hozo-orra-opal-refactor .hozo-video-copy { minimalna szerokość: 0; wyświetlacz: elastyczny; kierunek flex: kolumna; justify-content: środek; dopełnienie: 42px 45px; wyrównanie tekstu: do lewej; } #hozo-orra-opal-refactor .hozo-video-copy h2 { rozmiar czcionki: 28 pikseli; wysokość linii: 1,25; grubość czcionki: 600; kolor: #333; margines: 0 0 16px; } #hozo-orra-opal-refactor .hozo-video-copy p { maksymalna szerokość: 445px; rozmiar czcionki: 21px; wysokość linii: 1,42; kolor: #333; grubość czcionki: 400; } #hozo-orra-opal-refactor .hozo-video-poster { pozycja: względna; minimalna szerokość: 0; przepełnienie: ukryte; margines: 0; współczynnik proporcji: 580 / 426; tło: #fff; }#hozo-orra-opal-refactor .hozo-video-poster img {szerokość: 100%; wysokość: 100%; dopasowanie obiektowe: okładka} #hozo-orra-opal-refactor .hozo-play-button { pozycja: absolutna; wstawka: 0; szerokość: 100%; wysokość: 100%; granica: 0; tło: rgba(0, 0, 0, 0); kursor: wskaźnik; wyświetlacz: elastyczny; wyrównanie elementów: środek; justify-content: środek; dopełnienie: 0; kolor: #111; } #hozo-orra-opal-refactor .hozo-play-icon { szerokość: 78px; wysokość: 78px; promień granicy: 50%; wyświetlacz: siatka; elementy-miejsca: centrum; tło: rgba(255, 255, 255, .62); kolor: #0d0d0d; rozmiar czcionki: 48px; wysokość linii: 1; dopełnienie po lewej stronie: 6px; } #hozo-orra-opal-refaktor .hozo-modal { pozycja: stała; wstawka: 0; indeks Z: 9999; wyświetlacz: brak; wyrównanie elementów: środek; justify-content: środek; dopełnienie: 24px; tło: rgba(0, 0, 0, .72); } #hozo-orra-opal-refactor .hozo-modal[aria-hidden="false"] { wyświetlacz: elastyczny; } #hozo-orra-opal-refactor .hozo-modal-card { szerokość: min(920px, 100%); pozycja: względna; tło: #000; promień obramowania: 8px; przepełnienie: ukryte; współczynnik proporcji: 16 / 9; } #hozo-orra-opal-refactor .hozo-modal-card wideo { wyświetlacz: blok; szerokość: 100%; wysokość: 100%; dopasowanie obiektowe: zawiera; tło: #000; } #hozo-orra-opal-refaktor .hozo-modal-close { pozycja: absolutna; góra: 10px; po prawej: 10 pikseli; indeks Z: 3; szerokość: 34px; wysokość: 34px; promień obramowania: 999px; granica: 0; tło: rgba(255, 255, 255, .92); kolor: #111; kursor: wskaźnik; rozmiar czcionki: 24px; wysokość linii: 1; wyświetlacz: siatka; elementy-miejsca: środek; dopełnienie: 0; } #hozo-orra-opal-refactor .hozo-slider { szerokość: 100%; pozycja: względna; przepełnienie: ukryte; dopełnienie: 0 0 10px; } #hozo-orra-opal-refactor .hozo-slider-track { wyświetlacz: elastyczny; przerwa: 40px; przepełnienie-x: auto; przepełnienie-y: ukryte; typ przewijania: x obowiązkowy; zachowanie przewijania: gładkie; -przewijanie-webkit-overflow: dotknij; dopełnienie: 0; szerokość paska przewijania: brak; minimalna szerokość: 0; } #hozo-orra-opal-refactor .hozo-slider-track::-webkit-scrollbar { wyświetlacz: brak; } #hozo-orra-opal-refactor .hozo-prezentacja-produktów { dopełnienie: 0 0 10px; } #hozo-orra-opal-refactor .hozo-product-showcase .hozo-slider-track { dopełnienie liniowe: 0; } #hozo-orra-opal-refactor .hozo-product-showcase .hozo-slide { elastyczny: 0 0 450 pikseli; scroll-snap-align: start; minimalna szerokość: 0; } #hozo-orra-opal-refactor .hozo-product-showcase rysunek { szerokość: 100%; współczynnik proporcji: 1 / 1; promień obramowania: 8px; tło: #f6f6f6; }#hozo-orra-opal-refactor .hozo-product-showcase img {width: 100%; wysokość: 100%; dopasowanie obiektowe: okładka} #hozo-orra-opal-refactor .hozo-slider-arrow { pozycja: absolutna; góra: 44%; indeks Z: 3; szerokość: 44px; wysokość: 44px; promień granicy: 50%; granica: 0; tło: rgba(0, 0, 0, .48); kolor: #fff; rozmiar czcionki: 34px; wysokość linii: 1; kursor: wskaźnik; wyświetlacz: siatka; elementy-miejsca: centrum; dopełnienie: 0 0 4px; } #hozo-orra-opal-refactor .hozo-slider-prev { po lewej: 20px; } #hozo-orra-opal-refactor .hozo-slider-next { po prawej: 20 pikseli; } #hozo-orra-opal-refactor .hozo-styles-grid { szerokość: oblicz (100% - 40px); margines: 0 auto 20px; wyświetlacz: siatka; kolumny szablonów siatki: powtórz(4, minmax(0, 1fr)); przerwa: 6px; minimalna szerokość: 0; } #hozo-orra-opal-refactor .hozo-styles-grid figura { współczynnik proporcji: 1 / 0,92; tło: #fff; } #hozo-orra-opal-refactor .hozo-styles-grid img {szerokość: 100%; wysokość: 100%; dopasowanie obiektowe: okładka} #hozo-orra-opal-refactor .hozo-switch-banner { szerokość: 100%; margines: 0; przepełnienie: ukryte; tło: #fff; } #hozo-orra-opal-refactor .hozo-switch-frame { szerokość: 100%; współczynnik proporcji: 1200 / 686; przepełnienie: ukryte; margines: 0; }#hozo-orra-opal-refactor .hozo-switch-frame img {szerokość: 100%; wysokość: 100%; dopasowanie obiektowe: okładka} #hozo-orra-opal-refactor .hozo-scene-grid { szerokość: oblicz (100% - 40px); margines: 0 auto 20px; wyświetlacz: siatka; kolumny szablonu siatki: minmax(0, 1fr) minmax(0, 1fr); przerwa: 20px; minimalna szerokość: 0; } #hozo-orra-opal-refactor .hozo-scene-col { wyświetlacz: siatka; przerwa: 20px; minimalna szerokość: 0; } #hozo-orra-opal-refactor .hozo-scene-pair { wyświetlacz: siatka; kolumny szablonów siatki: powtórz(2, minmax(0, 1fr)); przerwa: 20px; minimalna szerokość: 0; } #hozo-orra-opal-refactor .hozo-scene-large { współczynnik proporcji: 570 / 430; promień obramowania: 8px; } #hozo-orra-opal-refactor .hozo-scene-small { współczynnik proporcji: 275 / 200; promień obramowania: 8px; } #hozo-orra-opal-refactor .hozo-scene-large img, #hozo-orra-opal-refactor .hozo-scene-small img {width: 100%; wysokość: 100%; dopasowanie obiektowe: okładka} #hozo-orra-opal-refactor .hozo-detail-grid { szerokość: oblicz (100% - 40px); margines: 0 auto 20px; wyświetlacz: siatka; kolumny szablonów siatki: powtórz(3, minmax(0, 1fr)); przerwa: 6px; minimalna szerokość: 0; } #hozo-orra-opal-refactor .hozo-detail-grid rysunek { współczynnik proporcji: 1 / 0,92; tło: #fff; } #hozo-orra-opal-refactor .hozo-detail-grid img {szerokość: 100%; wysokość: 100%; dopasowanie obiektowe: okładka} #hozo-orra-opal-refactor .hozo-info-card { szerokość: oblicz (100% - 40px); margines: 0 auto 20px; dopełnienie: 50px 70px; promień obramowania: 18px; tło: #f2f2f1; wyświetlacz: siatka; kolumny szablonu siatki: minmax(0, 1,12fr) minmax(0, 0,88fr); przerwa: 70px; wyrównanie elementów: środek; minimalna szerokość: 0; } #hozo-orra-opal-refactor .hozo-info-card.reverse { kolumny szablonu siatki: minmax(0, 0,88fr) minmax(0, 1,12fr); górna część dopełnienia: 40px; dopełnienie-dół: 40px; } #hozo-orra-opal-refactor .hozo-info-karta figura { szerokość: 100%; maksymalna szerokość: 510px; margines wbudowany: auto; współczynnik proporcji: 1 / 1; tło: #fff; } #hozo-orra-opal-refactor .hozo-info-card.reverse figure { maksymalna szerokość: 510px; współczynnik proporcji: 510 / 365; } #hozo-orra-opal-refactor .hozo-info-card img {szerokość: 100%; wysokość: 100%; dopasowanie obiektowe: okładka} #hozo-orra-opal-refactor .hozo-info-copy { minimalna szerokość: 0; kolor: #0a0400; } #hozo-orra-opal-refactor .hozo-info-copy h2 { rozmiar czcionki: 28 pikseli; wysokość linii: 1,25; margines: 0 0 20px; grubość czcionki: 600; } #hozo-orra-opal-refactor .hozo-info-copy p { rozmiar czcionki: 21px; wysokość linii: 1,2; grubość czcionki: 400; } #hozo-orra-opal-refactor .hozo-info-copy .hozo-mail { biała spacja: normalna; overflow-wrap: gdziekolwiek; przerwa na słowo: przerwa na słowo; } #hozo-orra-opal-refactor .hozo-policy-links { margines u góry: 16 pikseli; wyświetlacz: siatka; przerwa: 8px; rozmiar czcionki: 15px; wysokość linii: 1,35; } #hozo-orra-opal-refactor .hozo-policy-links a { dekoracja tekstu: podkreślenie; przesunięcie podkreślenia tekstu: 3px; }#hozo-orra-opal-refactor .hozo-hover-zoom:hover img {transform: skala(1.025)} @media (min. szerokość: 641 pikseli) i (maks. szerokość: 1024 piks.) { #hozo-orra-opal-refaktor { maksymalna szerokość: 100%; } #hozo-orra-opal-refactor .hozo-intro-title, #hozo-orra-opal-refactor .hozo-section-title, #hozo-orra-opal-refactor .hozo-video-copy h2, #hozo-orra-opal-refactor .hozo-info-copy h2 { rozmiar czcionki: 26px; } #hozo-orra-opal-refactor .hozo-intro-copy, #hozo-orra-opal-refactor .hozo-video-copy p, #hozo-orra-opal-refactor .hozo-info-copy p { rozmiar czcionki: 19px; } #hozo-orra-opal-refactor .hozo-video-inner { kolumny szablonu siatki: minmax(0, 1fr) minmax(0, 1fr); } #hozo-orra-opal-refactor .hozo-product-showcase .hozo-slide { podstawa elastyczna: 38vw; maksymalna szerokość: 450px; } #hozo-orra-opal-refactor .hozo-styles-grid { kolumny szablonów siatki: powtórz(4, minmax(0, 1fr)); } #hozo-orra-opal-refactor .hozo-scene-grid { kolumny szablonu siatki: minmax(0, 1fr) minmax(0, 1fr); } #hozo-orra-opal-refactor .hozo-info-karta, #hozo-orra-opal-refactor .hozo-info-card.reverse { kolumny szablonu siatki: minmax(0, 1fr) minmax(0, 1fr); przerwa: 36px; dopełnienie: 36px; } } @media (maksymalna szerokość: 640 pikseli) { #hozo-orra-opal-refaktor { maksymalna szerokość: 100%; } #hozo-orra-opal-refaktor .hozo-intro { dopełnienie: 24px 20px 20px; } #hozo-orra-opal-refactor .hozo-intro-title { rozmiar czcionki: 28 pikseli; wysokość linii: 1,55; maksymalna szerokość: 310px; } #hozo-orra-opal-refactor .hozo-intro-copy { margines u góry: 10 pikseli; rozmiar czcionki: 21px; wysokość linii: 1,45; maksymalna szerokość: 350px; } #hozo-orra-opal-refactor .hozo-banner-frame { współczynnik proporcji: 350 / 200; } #hozo-orra-opal-refactor .hozo-video-story { dopełnienie: 0 0 20px; } #hozo-orra-opal-refactor .hozo-video-inner { szerokość: oblicz (100% - 40px); wyświetlacz: elastyczny; kierunek flex: odwrotna kolumna; minimalna wysokość: 0; } #hozo-orra-opal-refactor .hozo-video-poster { szerokość: 100%; współczynnik proporcji: 310 / 136; } #hozo-orra-opal-refactor .hozo-video-copy { dopełnienie: 34px 20px 0; wyświetlacz: blok; } #hozo-orra-opal-refactor .hozo-video-copy h2 { rozmiar czcionki: 28 pikseli; wysokość linii: 1,25; margines na dole: 20px; } #hozo-orra-opal-refactor .hozo-video-copy p { rozmiar czcionki: 21px; wysokość linii: 1,7; maksymalna szerokość: 270px; } #hozo-orra-opal-refactor .hozo-play-icon { szerokość: 72px; wysokość: 72px; rozmiar czcionki: 42px; } #hozo-orra-opal-refactor .hozo-section-title { rozmiar czcionki: 27px; wysokość linii: 1,45; dopełnienie: 24px 16px 20px; } #hozo-orra-opal-refactor .hozo-prezentacja-produktów { dopełnienie: 20px 0 18px; } #hozo-orra-opal-refactor .hozo-product-showcase .hozo-slider { szerokość: oblicz (100% - 40px); margines wbudowany: auto; } #hozo-orra-opal-refactor .hozo-product-showcase .hozo-slider-track { przerwa: 40px; } #hozo-orra-opal-refactor .hozo-product-showcase .hozo-slide { elastyczność: 0 0 100%; } #hozo-orra-opal-refactor .hozo-product-showcase rysunek { współczynnik proporcji: 310 / 325; } #hozo-orra-opal-refactor .hozo-slider-arrow { szerokość: 40px; wysokość: 40px; rozmiar czcionki: 30px; góra: 48%; tło: rgba(0, 0, 0, .28); } #hozo-orra-opal-refactor .hozo-slider-prev { po lewej: 18px; } #hozo-orra-opal-refactor .hozo-slider-next { po prawej: 18 pikseli; } #hozo-orra-opal-refactor .hozo-styles-grid { wyświetlacz: blok; szerokość: oblicz (100% - 40px); margines na dole: 20px; pozycja: względna; } #hozo-orra-opal-refactor .hozo-styles-grid-scroll { wyświetlacz: elastyczny; przerwa: 16 pikseli; przepełnienie-x: auto; typ przewijania: x obowiązkowy; zachowanie przewijania: gładkie; szerokość paska przewijania: brak; -przewijanie-webkit-overflow: dotknij; } #hozo-orra-opal-refactor .hozo-styles-grid-scroll::-webkit-scrollbar { wyświetlacz: brak; } #hozo-orra-opal-refactor .hozo-styles-grid figura { elastyczność: 0 0 100%; współczynnik proporcji: 310 / 310; scroll-snap-align: start; } #hozo-orra-opal-refactor .hozo-switch-frame { współczynnik proporcji: 350 / 200; } #hozo-orra-opal-refactor .hozo-scene-grid { szerokość: oblicz (100% - 40px); wyświetlacz: blok; margines na dole: 20px; } #hozo-orra-opal-refactor .hozo-scene-col { wyświetlacz: blok; } #hozo-orra-opal-refactor .hozo-scene-pair { wyświetlacz: siatka; kolumny szablonów siatki: powtórz(2, minmax(0, 1fr)); przerwa: 10px; margines u góry: 10 pikseli; } #hozo-orra-opal-refactor .hozo-scene-large { współczynnik proporcji: 310 / 325; margines u góry: 10 pikseli; promień obramowania: 12px; } #hozo-orra-opal-refactor .hozo-scene-small { współczynnik proporcji: 145 / 145; promień obramowania: 10px; } #hozo-orra-opal-refactor .hozo-scene-col + .hozo-scene-col { margines u góry: 10 pikseli; } #hozo-orra-opal-refactor .hozo-detail-grid { wyświetlacz: blok; szerokość: oblicz (100% - 40px); pozycja: względna; } #hozo-orra-opal-refactor .hozo-detail-scroll { wyświetlacz: elastyczny; przerwa: 16 pikseli; przepełnienie-x: auto; typ przewijania: x obowiązkowy; zachowanie przewijania: gładkie; szerokość paska przewijania: brak; -przewijanie-webkit-overflow: dotknij; } #hozo-orra-opal-refactor .hozo-detail-scroll::-webkit-scrollbar { wyświetlacz: brak; } #hozo-orra-opal-refactor .hozo-detail-grid rysunek { elastyczność: 0 0 100%; współczynnik proporcji: 310 / 310; scroll-snap-align: start; } #hozo-orra-opal-refactor .hozo-info-karta, #hozo-orra-opal-refactor .hozo-info-card.reverse { szerokość: oblicz (100% - 40px); wyświetlacz: elastyczny; kierunek flex: kolumna; przerwa: 28px; dopełnienie: 40px 20px; promień obramowania: 18px; margines na dole: 20px; } #hozo-orra-opal-refactor .hozo-info-card.reverse { kierunek flex: odwrotna kolumna; } #hozo-orra-opal-refactor .hozo-info-karta figura { szerokość: 100%; maksymalna szerokość: 270px; współczynnik proporcji: 1 / 1; } #hozo-orra-opal-refactor .hozo-info-card.reverse figure { maksymalna szerokość: 270px; współczynnik proporcji: 270 / 193; } #hozo-orra-opal-refactor .hozo-info-copy { szerokość: 100%; } #hozo-orra-opal-refactor .hozo-info-copy h2 { rozmiar czcionki: 28 pikseli; wysokość linii: 1,25; margines na dole: 14px; } #hozo-orra-opal-refactor .hozo-info-copy p { rozmiar czcionki: 21px; wysokość linii: 1,18; } #hozo-orra-opal-refaktor .hozo-modal { dopełnienie: 16px; } #hozo-orra-opal-refaktor .hozo-modal-close { góra: 8 pikseli; po prawej: 8 pikseli; } } @media (preferuje-ograniczony-ruch: zmniejsz) { #hozo-orra-opal-refaktor * { przejście: brak !ważne; zachowanie przewijania: auto !important; } #hozo-orra-opal-refactor img {przejście: brak !important; zachowanie przewijania: auto !important} }

Lampa stołowa Bauhaus Opal