Candeeiro de mesa de vidro Orra Opal – Iluminação escultural inspirada na Bauhaus

#hozo-orra-opal-refator, #hozo-orra-opal-refator * { dimensionamento de caixa: caixa de borda; } #hozo-orra-opal-refator { largura: 100%; largura máxima: 1200px; margem: 0 automático; cor: #0b0b0b; plano de fundo: #fff; família de fontes: Poppins, Arial, Helvetica, sans-serif; altura da linha: 1,35; estouro: oculto; largura mínima: 0; overflow-wrap: em qualquer lugar; quebra de palavra: quebra de palavra; hífens: automático; } #hozo-orra-opal-refator h2, #hozo-orra-opal-refator h3, #hozo-orra-opal-refator p { margem: 0; preenchimento: 0; alinhamento de texto: herdar; largura mínima: 0; overflow-wrap: em qualquer lugar; quebra de palavra: quebra de palavra; hífens: automático; } #hozo-orra-opal-refatorar a { cor: herdar; decoração de texto: nenhuma; largura máxima: 100%; largura mínima: 0; } #hozo-orra-opal-refator figura { margem: 0; estouro: oculto; largura mínima: 0; largura máxima: 100%; }#hozo-orra-opal-refactor img {display: bloco; largura máxima: 100%; largura: 100%; altura: automático; ajuste ao objeto: capa; transição: facilidade de transformação 0,35s} #hozo-orra-opal-refactor button { fonte: herdar; largura máxima: 100%; largura mínima: 0; espaço em branco: normal; overflow-wrap: em qualquer lugar; quebra de palavra: quebra de palavra; hífens: automático; } #hozo-orra-opal-refactor ul, #hozo-orra-opal-refator ol { margem: 0; preenchimento: 0; estilo de lista: nenhum; posição de estilo de lista: fora; } #hozo-orra-opal-refatorar li { margem: 0; preenchimento: 0; estilo de lista: nenhum; posição de estilo de lista: fora; largura mínima: 0; overflow-wrap: em qualquer lugar; quebra de palavra: quebra de palavra; hífens: automático; } #hozo-orra-opal-refactor li::before, #hozo-orra-opal-refactor li::marker { conteúdo: nenhum; tamanho da fonte: 0; } #hozo-orra-opal-refatorar tabela, #hozo-orra-opal-refactor thehead, #hozo-orra-opal-refactor tbody, #hozo-orra-opal-refactor tr, #hozo-orra-opal-refactor th, #hozo-orra-opal-refactor td { borda: 0 !importante; esboço: 0 !importante; box-shadow: nenhum! Importante; colapso da fronteira: colapso; layout da tabela: fixo; } #hozo-orra-opal-refactor .hozo-intro { preenchimento: 20px 20px 22px; alinhamento de texto: centro; plano de fundo: #fff; } #hozo-orra-opal-refactor .hozo-intro-title { tamanho da fonte: 28px; peso da fonte: 600; altura da linha: 1,25; margem embutida: automático; alinhamento de texto: centro! Importante; } #hozo-orra-opal-refactor .hozo-intro-copy { margem: 14px automático 0; tamanho da fonte: 21px; altura da linha: 1,35; peso da fonte: 400; largura máxima: 1160px; alinhamento de texto: centro; } #hozo-orra-opal-refactor .hozo-section-title { largura: 100%; preenchimento: 20px 20px 18px; alinhamento de texto: centro! Importante; tamanho da fonte: 28px; altura da linha: 1,25; peso da fonte: 600; margem: 0 automático; } #hozo-orra-opal-refactor .hozo-banner { largura: 100%; margem: 0; estouro: oculto; plano de fundo: #fff; } #hozo-orra-opal-refactor .hozo-banner-frame { largura: 100%; proporção: 1200/686; estouro: oculto; margem: 0; }#hozo-orra-opal-refactor .hozo-banner-frame img {largura: 100%; altura: 100%; ajuste ao objeto: capa; posição do objeto: centro} #hozo-orra-opal-refactor .hozo-video-story { preenchimento: 30px 0 20px; plano de fundo: #fff; } #hozo-orra-opal-refactor .hozo-video-inner { largura: calc(100% - 40px); margem: 0 automático; exibição: grade; colunas de modelo de grade: minmax(0, 1fr) minmax(0, 1fr); plano de fundo: #fff; altura mínima: 426px; alinhar itens: esticar; } #hozo-orra-opal-refactor .hozo-video-copy { largura mínima: 0; exibição: flexível; direção flexível: coluna; justificar-conteúdo: centro; preenchimento: 42px 45px; alinhamento de texto: esquerda; } #hozo-orra-opal-refactor .hozo-video-copy h2 { tamanho da fonte: 28px; altura da linha: 1,25; peso da fonte: 600; cor: #333; margem: 0 0 16px; } #hozo-orra-opal-refactor .hozo-video-copy p { largura máxima: 445px; tamanho da fonte: 21px; altura da linha: 1,42; cor: #333; peso da fonte: 400; } #hozo-orra-opal-refactor .hozo-video-poster { posição: relativa; largura mínima: 0; estouro: oculto; margem: 0; proporção: 580/426; plano de fundo: #fff; }#hozo-orra-opal-refactor .hozo-video-poster img {largura: 100%; altura: 100%; ajuste de objeto: capa} #hozo-orra-opal-refactor .hozo-play-button { posição: absoluta; inserção: 0; largura: 100%; altura: 100%; borda: 0; plano de fundo: rgba(0, 0, 0, 0); cursor: ponteiro; exibição: flexível; alinhar itens: centro; justificar-conteúdo: centro; preenchimento: 0; cor: #111; } #hozo-orra-opal-refactor .hozo-play-icon { largura: 78px; altura: 78px; raio da fronteira: 50%; exibição: grade; itens de lugar: centro; plano de fundo: rgba (255, 255, 255, 0,62); cor: #0d0d0d; tamanho da fonte: 48px; altura da linha: 1; preenchimento à esquerda: 6px; } #hozo-orra-opal-refactor .hozo-modal { posição: fixa; inserção: 0; índice z: 9999; exibição: nenhum; alinhar itens: centro; justificar-conteúdo: centro; preenchimento: 24px; plano de fundo: rgba (0, 0, 0, 0,72); } #hozo-orra-opal-refactor .hozo-modal[aria-hidden="false"] { exibição: flexível; } #hozo-orra-opal-refactor .hozo-modal-card { largura: min(920px, 100%); posição: relativa; plano de fundo: #000; raio da borda: 8px; estouro: oculto; proporção: 16/9; } #hozo-orra-opal-refactor .hozo-modal-card video { exibição: bloco; largura: 100%; altura: 100%; ajuste ao objeto: contém; plano de fundo: #000; } #hozo-orra-opal-refactor .hozo-modal-close { posição: absoluta; superior: 10px; direita: 10px; índice z: 3; largura: 34px; altura: 34px; raio da borda: 999px; borda: 0; plano de fundo: rgba (255, 255, 255, 0,92); cor: #111; cursor: ponteiro; tamanho da fonte: 24px; altura da linha: 1; exibição: grade; itens de lugar: centro; preenchimento: 0; } #hozo-orra-opal-refactor .hozo-slider { largura: 100%; posição: relativa; estouro: oculto; preenchimento: 0 0 10px; } #hozo-orra-opal-refactor .hozo-slider-track { exibição: flexível; lacuna: 40px; estouro-x: automático; overflow-y: oculto; scroll-snap-type: x obrigatório; comportamento de rolagem: suave; -webkit-overflow-scrolling: toque; preenchimento: 0; largura da barra de rolagem: nenhuma; largura mínima: 0; } #hozo-orra-opal-refactor .hozo-slider-track::-webkit-scrollbar { exibição: nenhum; } #hozo-orra-opal-refactor .hozo-product-showcase { preenchimento: 0 0 10px; } #hozo-orra-opal-refactor .hozo-product-showcase .hozo-slider-track { preenchimento em linha: 0; } #hozo-orra-opal-refactor .hozo-product-showcase .hozo-slide { flexível: 0 0 450px; scroll-snap-align: iniciar; largura mínima: 0; } #hozo-orra-opal-refactor .hozo-product-showcase figure { largura: 100%; proporção: 1/1; raio da borda: 8px; plano de fundo: #f6f6f6; }#hozo-orra-opal-refactor .hozo-product-showcase img {largura: 100%; altura: 100%; ajuste de objeto: capa} #hozo-orra-opal-refactor .hozo-slider-arrow { posição: absoluta; topo: 44%; índice z: 3; largura: 44px; altura: 44px; raio da fronteira: 50%; borda: 0; plano de fundo: rgba (0, 0, 0, 0,48); cor: #fff; tamanho da fonte: 34px; altura da linha: 1; cursor: ponteiro; exibição: grade; itens de lugar: centro; preenchimento: 0 0 4px; } #hozo-orra-opal-refactor .hozo-slider-prev { esquerda: 20px; } #hozo-orra-opal-refactor .hozo-slider-next { direita: 20px; } #hozo-orra-opal-refactor .hozo-styles-grid { largura: calc(100% - 40px); margem: 0 automático 20px; exibição: grade; colunas de modelo de grade: repetir (4, minmax (0, 1fr)); lacuna: 6px; largura mínima: 0; } #hozo-orra-opal-refactor .hozo-styles-grid figura { proporção: 1/0,92; plano de fundo: #fff; }#hozo-orra-opal-refactor .hozo-styles-grid img {largura: 100%; altura: 100%; ajuste de objeto: capa} #hozo-orra-opal-refactor .hozo-switch-banner { largura: 100%; margem: 0; estouro: oculto; plano de fundo: #fff; } #hozo-orra-opal-refactor .hozo-switch-frame { largura: 100%; proporção: 1200/686; estouro: oculto; margem: 0; }#hozo-orra-opal-refactor .hozo-switch-frame img {largura: 100%; altura: 100%; ajuste de objeto: capa} #hozo-orra-opal-refactor .hozo-scene-grid { largura: calc(100% - 40px); margem: 0 automático 20px; exibição: grade; colunas de modelo de grade: minmax(0, 1fr) minmax(0, 1fr); lacuna: 20px; largura mínima: 0; } #hozo-orra-opal-refactor .hozo-scene-col { exibição: grade; lacuna: 20px; largura mínima: 0; } #hozo-orra-opal-refactor .hozo-scene-pair { exibição: grade; colunas de modelo de grade: repetir (2, minmax (0, 1fr)); lacuna: 20px; largura mínima: 0; } #hozo-orra-opal-refactor .hozo-scene-large { proporção: 570/430; raio da borda: 8px; } #hozo-orra-opal-refactor .hozo-scene-small { proporção: 275/200; raio da borda: 8px; }#hozo-orra-opal-refactor .hozo-scene-large img, #hozo-orra-opal-refactor .hozo-scene-small img {largura: 100%; altura: 100%; ajuste de objeto: capa} #hozo-orra-opal-refactor .hozo-detail-grid { largura: calc(100% - 40px); margem: 0 automático 20px; exibição: grade; colunas de modelo de grade: repetir (3, minmax (0, 1fr)); lacuna: 6px; largura mínima: 0; } #hozo-orra-opal-refactor .hozo-detail-grid figura { proporção: 1/0,92; plano de fundo: #fff; }#hozo-orra-opal-refactor .hozo-detail-grid img {largura: 100%; altura: 100%; ajuste de objeto: capa} #hozo-orra-opal-refactor .hozo-info-card { largura: calc(100% - 40px); margem: 0 automático 20px; preenchimento: 50px 70px; raio da borda: 18px; plano de fundo: #f2f2f1; exibição: grade; colunas de modelo de grade: minmax (0, 1,12fr) minmax (0, 0,88fr); lacuna: 70px; alinhar itens: centro; largura mínima: 0; } #hozo-orra-opal-refactor .hozo-info-card.reverse { colunas de modelo de grade: minmax(0, 0,88fr) minmax(0, 1,12fr); preenchimento superior: 40px; preenchimento inferior: 40px; } #hozo-orra-opal-refactor .hozo-info-card figura { largura: 100%; largura máxima: 510px; margem embutida: automático; proporção: 1/1; plano de fundo: #fff; } #hozo-orra-opal-refactor .hozo-info-card.reverse figura { largura máxima: 510px; proporção: 510/365; }#hozo-orra-opal-refactor .hozo-info-card img {largura: 100%; altura: 100%; ajuste de objeto: capa} #hozo-orra-opal-refactor.hozo-info-copy { largura mínima: 0; cor: #0a0400; } #hozo-orra-opal-refactor .hozo-info-copy h2 { tamanho da fonte: 28px; altura da linha: 1,25; margem: 0 0 20px; peso da fonte: 600; } #hozo-orra-opal-refactor .hozo-info-copy p { tamanho da fonte: 21px; altura da linha: 1,2; peso da fonte: 400; } #hozo-orra-opal-refactor .hozo-info-copy .hozo-mail { espaço em branco: normal; overflow-wrap: em qualquer lugar; quebra de palavra: quebra de palavra; } #hozo-orra-opal-refactor .hozo-policy-links { margem superior: 16px; exibição: grade; lacuna: 8px; tamanho da fonte: 15px; altura da linha: 1,35; } #hozo-orra-opal-refactor .hozo-policy-links a { decoração de texto: sublinhado; deslocamento de sublinhado de texto: 3px; }#hozo-orra-opal-refactor .hozo-hover-zoom:hover img {transformação: escala(1.025)} @media (largura mínima: 641px) e (largura máxima: 1024px) { #hozo-orra-opal-refator { largura máxima: 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 { tamanho da fonte: 26px; } #hozo-orra-opal-refactor .hozo-intro-copy, #hozo-orra-opal-refactor .hozo-video-copy p, #hozo-orra-opal-refactor .hozo-info-copy p { tamanho da fonte: 19px; } #hozo-orra-opal-refactor .hozo-video-inner { colunas de modelo de grade: minmax(0, 1fr) minmax(0, 1fr); } #hozo-orra-opal-refactor .hozo-product-showcase .hozo-slide { base flexível: 38vw; largura máxima: 450px; } #hozo-orra-opal-refactor .hozo-styles-grid { colunas de modelo de grade: repetir (4, minmax (0, 1fr)); } #hozo-orra-opal-refactor .hozo-scene-grid { colunas de modelo de grade: minmax(0, 1fr) minmax(0, 1fr); } #hozo-orra-opal-refactor .hozo-info-card, #hozo-orra-opal-refactor .hozo-info-card.reverse { colunas de modelo de grade: minmax(0, 1fr) minmax(0, 1fr); lacuna: 36px; preenchimento: 36px; } } @media (largura máxima: 640px) { #hozo-orra-opal-refator { largura máxima: 100%; } #hozo-orra-opal-refactor .hozo-intro { preenchimento: 24px 20px 20px; } #hozo-orra-opal-refactor .hozo-intro-title { tamanho da fonte: 28px; altura da linha: 1,55; largura máxima: 310px; } #hozo-orra-opal-refactor .hozo-intro-copy { margem superior: 10px; tamanho da fonte: 21px; altura da linha: 1,45; largura máxima: 350px; } #hozo-orra-opal-refactor .hozo-banner-frame { proporção: 350/200; } #hozo-orra-opal-refactor .hozo-video-story { preenchimento: 0 0 20px; } #hozo-orra-opal-refactor .hozo-video-inner { largura: calc(100% - 40px); exibição: flexível; direção flexível: coluna reversa; altura mínima: 0; } #hozo-orra-opal-refactor .hozo-video-poster { largura: 100%; proporção de aspecto: 310/136; } #hozo-orra-opal-refactor .hozo-video-copy { preenchimento: 34px 20px 0; exibição: bloco; } #hozo-orra-opal-refactor .hozo-video-copy h2 { tamanho da fonte: 28px; altura da linha: 1,25; margem inferior: 20px; } #hozo-orra-opal-refactor .hozo-video-copy p { tamanho da fonte: 21px; altura da linha: 1,7; largura máxima: 270px; } #hozo-orra-opal-refactor .hozo-play-icon { largura: 72px; altura: 72px; tamanho da fonte: 42px; } #hozo-orra-opal-refactor .hozo-section-title { tamanho da fonte: 27px; altura da linha: 1,45; preenchimento: 24px 16px 20px; } #hozo-orra-opal-refactor .hozo-product-showcase { preenchimento: 20px 0 18px; } #hozo-orra-opal-refactor .hozo-product-showcase .hozo-slider { largura: calc(100% - 40px); margem embutida: automático; } #hozo-orra-opal-refactor .hozo-product-showcase .hozo-slider-track { lacuna: 40px; } #hozo-orra-opal-refactor .hozo-product-showcase .hozo-slide { flexível: 0 0 100%; } #hozo-orra-opal-refactor .hozo-product-showcase figure { proporção: 310/325; } #hozo-orra-opal-refactor .hozo-slider-arrow { largura: 40px; altura: 40px; tamanho da fonte: 30px; topo: 48%; plano de fundo: rgba (0, 0, 0, 0,28); } #hozo-orra-opal-refactor .hozo-slider-prev { esquerda: 18px; } #hozo-orra-opal-refactor .hozo-slider-next { direita: 18px; } #hozo-orra-opal-refactor .hozo-styles-grid { exibição: bloco; largura: calc(100% - 40px); margem inferior: 20px; posição: relativa; } #hozo-orra-opal-refactor .hozo-styles-grid-scroll { exibição: flexível; lacuna: 16px; estouro-x: automático; scroll-snap-type: x obrigatório; comportamento de rolagem: suave; largura da barra de rolagem: nenhuma; -webkit-overflow-scrolling: toque; } #hozo-orra-opal-refactor .hozo-styles-grid-scroll::-webkit-scrollbar { exibição: nenhum; } #hozo-orra-opal-refactor .hozo-styles-grid figura { flexível: 0 0 100%; proporção: 310/310; scroll-snap-align: iniciar; } #hozo-orra-opal-refactor .hozo-switch-frame { proporção: 350/200; } #hozo-orra-opal-refactor .hozo-scene-grid { largura: calc(100% - 40px); exibição: bloco; margem inferior: 20px; } #hozo-orra-opal-refactor .hozo-scene-col { exibição: bloco; } #hozo-orra-opal-refactor .hozo-scene-pair { exibição: grade; colunas de modelo de grade: repetir (2, minmax (0, 1fr)); lacuna: 10px; margem superior: 10px; } #hozo-orra-opal-refactor .hozo-scene-large { proporção: 310/325; margem superior: 10px; raio da borda: 12px; } #hozo-orra-opal-refactor .hozo-scene-small { proporção: 145/145; raio da borda: 10px; } #hozo-orra-opal-refactor .hozo-scene-col + .hozo-scene-col { margem superior: 10px; } #hozo-orra-opal-refactor .hozo-detail-grid { exibição: bloco; largura: calc(100% - 40px); posição: relativa; } #hozo-orra-opal-refactor .hozo-detail-scroll { exibição: flexível; lacuna: 16px; estouro-x: automático; scroll-snap-type: x obrigatório; comportamento de rolagem: suave; largura da barra de rolagem: nenhuma; -webkit-overflow-scrolling: toque; } #hozo-orra-opal-refactor .hozo-detail-scroll::-webkit-scrollbar { exibição: nenhum; } #hozo-orra-opal-refactor .hozo-detail-grid figura { flexível: 0 0 100%; proporção: 310/310; scroll-snap-align: iniciar; } #hozo-orra-opal-refactor .hozo-info-card, #hozo-orra-opal-refactor .hozo-info-card.reverse { largura: calc(100% - 40px); exibição: flexível; direção flexível: coluna; lacuna: 28px; preenchimento: 40px 20px; raio da borda: 18px; margem inferior: 20px; } #hozo-orra-opal-refactor .hozo-info-card.reverse { direção flexível: coluna reversa; } #hozo-orra-opal-refactor .hozo-info-card figura { largura: 100%; largura máxima: 270px; proporção: 1/1; } #hozo-orra-opal-refactor .hozo-info-card.reverse figure { largura máxima: 270px; proporção: 270/193; } #hozo-orra-opal-refactor.hozo-info-copy { largura: 100%; } #hozo-orra-opal-refactor .hozo-info-copy h2 { tamanho da fonte: 28px; altura da linha: 1,25; margem inferior: 14px; } #hozo-orra-opal-refactor .hozo-info-copy p { tamanho da fonte: 21px; altura da linha: 1,18; } #hozo-orra-opal-refactor .hozo-modal { preenchimento: 16px; } #hozo-orra-opal-refactor .hozo-modal-close { superior: 8px; direita: 8px; } } @media (prefere movimento reduzido: reduzir) { #hozo-orra-opal-refator * { transição: nenhum !importante; comportamento de rolagem: auto! Importante; } #hozo-orra-opal-refactor img {transição: nenhuma! Importante; comportamento de rolagem: automático! Importante} }

Candeeiro de mesa Bauhaus em opala