/* ========== EXISTING STYLES ========== */
.light-dome{
–primary:#1a1a1a;
–accent:#a67c52;
–accent-light:#d4b896;
–muted:#666;
–bg-light:#fafaf8;
–shadow:rgba(0,0,0,.1);
color:var(–primary);
font-family:-apple-system,BlinkMacSystemFont,”Segoe UI”,Roboto,”Helvetica Neue”,Arial,sans-serif;
line-height:1.6;
background:linear-gradient(to bottom,#fff 0%,var(–bg-light) 100%);
}
.light-dome__wrap{
max-width:900px;
margin:0 auto;
padding:clamp(24px,4vw,60px) clamp(16px,2vw,24px);
}
/* FORCE-CENTER HEADER */
.light-dome__header{
position:relative;
padding:clamp(40px,6vw,80px) 0;
display:flex;
flex-direction:column;
align-items:center;
width:100%;
margin:0 auto;
text-align:center !important;
}
.light-dome__header *{
text-align:center !important;
margin-left:auto;
margin-right:auto;
}
.light-dome__header::after{
content:””;
position:absolute;
bottom:0;
left:50%;
transform:translateX(-50%);
width:80px;
height:3px;
background:linear-gradient(90deg,transparent,var(–accent),transparent);
}
.light-dome__eyebrow{
font-size:clamp(.75rem,1vw,.85rem);
letter-spacing:.15em;
text-transform:uppercase;
color:var(–accent);
margin:0 0 1rem;
font-weight:600;
}
.light-dome__title{
font-size:clamp(2rem,4vw,3.5rem);
line-height:1.1;
margin:0 0 1rem;
font-weight:700;
color:var(–accent);
}
.light-dome__sub{
color:var(–muted);
font-size:clamp(1.5rem,1.9vw,1.8rem);
max-width:700px;
margin:0 auto;
line-height:1.7;
text-align:center;
}
.light-dome__video {
display: grid;
margin: clamp(60px, 8vw, 100px) 0
}
.light-dome__video-container {
position: relative;
width: 100%;
max-width: 500px;
margin: 0 auto;
overflow: hidden;
border-radius: 12px;
box-shadow: 0 10px 40px var(–shadow)
}
.light-dome__video-container video {
width: 100%;
height: auto;
display: block
}
.light-dome__specs-section {
margin: clamp(60px, 8vw, 100px) 0
}
.light-dome__specs-table {
width: 100%;
border-collapse: collapse;
margin-bottom: 30px;
background: #fff;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 2px 8px var(–shadow)
}
.light-dome__specs-table tr {
border-bottom: 1px solid var(–accent-light)
}
.light-dome__specs-table tr:last-child {
border-bottom: none
}
.light-dome__specs-table td {
padding: 12px 20px;
font-size: 14px
}
.light-dome__specs-table td:first-child {
font-weight: 700;
color: var(–primary);
width: 40%;
background: var(–bg-light)
}
.light-dome__specs-table td:last-child {
color: var(–muted)
}
.light-dome__dimensions-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 15px;
background: var(–bg-light);
padding: 20px;
border-radius: 8px;
margin: 15px 0;
border: 1px solid var(–accent-light)
}
.light-dome__dimension-card {
text-align: center;
padding: 10px
}
.light-dome__dimension-label {
font-size: 11px;
text-transform: uppercase;
letter-spacing: .5px;
color: var(–accent);
margin-bottom: 5px;
font-weight: 600
}
.light-dome__dimension-value {
font-size: 13px;
font-weight: 400;
color: var(–primary)
}
.light-dome__dimension-unit {
font-size: 11px;
color: #999;
margin-top: 2px
}
.light-dome__download {
background: linear-gradient(135deg, #fff 0%, var(–bg-light) 100%);
padding: 25px;
border-radius: 8px;
text-align: center;
margin: 40px 0;
border: 1px solid var(–accent-light)
}
.light-dome__download h4 {
color: var(–primary)
}
.light-dome__download p {
color: var(–muted);
margin-bottom: 15px
}
.light-dome__download a {
display: inline-block;
background: var(–accent);
color: #fff;
padding: 12px 30px;
border-radius: 6px;
text-decoration: none;
font-weight: 600;
font-size: 14px;
transition: background .3s ease
}
.light-dome__download a:hover {
background: #8b6740
}
.light-dome__warranty-badge {
display: flex;
align-items: center;
gap: clamp(12px, 2vw, 20px);
margin: clamp(30px, 4vw, 50px) 0;
padding: clamp(16px, 3vw, 24px);
background: linear-gradient(135deg, #fff 0%, var(–bg-light) 100%);
border: 2px solid var(–accent);
border-radius: 12px;
box-shadow: 0 4px 15px rgba(166, 124, 82, .1);
transition: all .3s ease
}
.light-dome__warranty-badge:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(166, 124, 82, .15)
}
.light-dome__warranty-badge-icon {
flex-shrink: 0;
width: clamp(40px, 6vw, 50px);
height: clamp(40px, 6vw, 50px);
color: var(–accent);
display: flex;
align-items: center;
justify-content: center
}
.light-dome__warranty-badge-icon svg {
width: 100%;
height: 100%
}
.light-dome__warranty-badge-content {
flex: 1;
min-width: 0
}
.light-dome__warranty-badge-content strong {
display: block;
font-size: clamp(1rem, 2vw, 1.2rem);
font-weight: 700;
color: var(–primary);
margin-bottom: clamp(4px, 1vw, 8px);
line-height: 1.3
}
.light-dome__warranty-badge-content p {
margin: 0;
font-size: clamp(.85rem, 1.5vw, 1rem);
color: var(–muted);
line-height: 1.5
}
.light-dome__warranty-badge-content p strong {
display: inline;
font-size: inherit;
font-weight: 700;
color: var(–accent)
}
.light-dome__config {
margin: 60px 0;
}
.light-dome__config h3 {
font-size: 28px;
margin-bottom: 15px;
color: var(–primary);
font-weight: 600;
text-align: center
}
.light-dome__config-intro {
text-align: center !important;
max-width: 700px;
margin: 0 auto 35px !important;
display: block !important;
width: 100%;
box-sizing: border-box;
}
.light-dome__config-slider-wrap {
position: relative;
overflow: hidden;
margin: 40px 0;
max-width: 800px;
margin-left: auto;
margin-right: auto
}
.light-dome__config-slider-title {
text-align: center;
font-size: 22px;
font-weight: 700;
color: var(–accent);
margin-bottom: 25px;
text-transform: uppercase;
letter-spacing: 1px
}
.light-dome__config-slider-container {
position: relative;
overflow-x: auto;
overflow-y: hidden;
border-radius: 12px;
scroll-behavior: smooth;
scroll-snap-type: x mandatory;
max-height: 500px;
padding: 0 40px
}
.light-dome__config-slider-container::-webkit-scrollbar {
height: 8px
}
.light-dome__config-slider-container::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 10px
}
.light-dome__config-slider-container::-webkit-scrollbar-thumb {
background: var(–accent);
border-radius: 10px
}
.light-dome__config-slider {
display: flex;
gap: 20px;
padding: 5px
}
.light-dome__config-slide {
flex: 0 0 calc(50% – 10px);
min-width: calc(50% – 10px);
scroll-snap-align: start
}
.light-dome__config-slide-img {
width: 100%;
height: 460px;
object-fit: cover;
border-radius: 12px;
box-shadow: 0 10px 40px var(–shadow);
display: block;
background: #fff;
border: 1px solid var(–accent-light)
}
.light-dome__config-slide-caption {
text-align: center;
margin-top: 12px;
font-size: 14px;
color: var(–primary);
font-weight: 600;
background: var(–bg-light);
padding: 8px 12px;
border-radius: 6px;
border: 1px solid var(–accent-light)
}
.light-dome__config-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: rgba(166, 124, 82, .8);
color: #fff;
border: none;
width: 35px;
height: 35px;
border-radius: 50%;
cursor: pointer;
z-index: 10;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
box-shadow: 0 4px 15px rgba(0, 0, 0, .2);
transition: all .3s ease
}
.light-dome__config-arrow:hover {
background: #8b6740;
transform: translateY(-50%) scale(1.1)
}
.light-dome__config-arrow–left {
left: 4px
}
.light-dome__config-arrow–right {
right: 4px
}
.light-dome__config-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
margin-top: 40px;
background: linear-gradient(135deg, #fff 0%, var(–bg-light) 100%);
padding: 25px;
border-radius: 8px;
border: 1px solid var(–accent-light)
}
.light-dome__config-section h4 {
font-size: 16px;
color: var(–accent);
margin-bottom: 12px;
font-weight: 600;
text-align: center
}
.light-dome__config-options {
display: grid;
gap: 8px
}
.light-dome__config-section:first-child .light-dome__config-options {
grid-template-columns: 1fr 1fr
}
.light-dome__config-section:last-child .light-dome__config-options {
grid-template-columns: 1fr
}
.light-dome__config-option {
background: #fff;
padding: 10px;
border-radius: 6px;
border: 1px solid var(–accent-light);
font-size: 15px;
color: var(–primary);
text-align: center;
font-weight: 500;
cursor: pointer;
transition: all .2s ease;
position: relative
}
.light-dome__config-option:hover {
border-color: var(–accent);
transform: translateY(-2px);
box-shadow: 0 4px 12px var(–shadow)
}
.light-dome__reviews h3 {
font-size: 28px;
margin-bottom: 30px;
color: var(–primary);
font-weight: 600;
border-bottom: 2px solid var(–accent-light);
padding-bottom: 15px
}
.light-dome__review-slider-wrap {
position: relative;
overflow-x: auto;
overflow-y: hidden;
border-radius: 12px;
scroll-behavior: smooth;
padding: 0 10px
}
.light-dome__review-slider-wrap::-webkit-scrollbar {
height: 6px
}
.light-dome__review-slider-wrap::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 10px
}
.light-dome__review-slider-wrap::-webkit-scrollbar-thumb {
background: var(–accent);
border-radius: 10px;
cursor: grab
}
.light-dome__review-slider-wrap::-webkit-scrollbar-thumb:active {
cursor: grabbing
}
.light-dome__review-slider {
display: flex;
gap: 25px;
padding: 0
}
.light-dome__review-slider-item {
flex: 0 0 calc(33.333% – 17px);
min-width: calc(33.333% – 17px)
}
.light-dome__review-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: rgba(166, 124, 82, .8);
color: #fff;
border: none;
width: 35px;
height: 35px;
border-radius: 50%;
cursor: pointer;
z-index: 20;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
box-shadow: 0 4px 15px rgba(0, 0, 0, .2);
transition: all .3s ease
}
.light-dome__review-arrow:hover {
background: #8b6740;
transform: translateY(-50%) scale(1.1)
}
.light-dome__review-arrow–left {
left: 8px
}
.light-dome__review-arrow–right {
right: 8px
}
.light-dome__review-card {
background: #fff;
border: 1px solid var(–accent-light);
border-radius: 12px;
padding: 25px;
box-shadow: 0 4px 15px var(–shadow);
transition: all .3s ease;
height: 100%
}
.light-dome__review-card:hover {
transform: translateY(-4px);
box-shadow: 0 8px 25px rgba(0, 0, 0, .12)
}
.light-dome__review-header {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 12px
}
.light-dome__review-author {
font-weight: 700;
color: var(–primary)
}
.light-dome__review-verified {
font-size: 11px;
background: var(–accent);
color: #fff;
padding: 4px 10px;
border-radius: 20px;
font-weight: 600
}
.light-dome__review-stars {
color: var(–accent);
font-size: 16px;
margin-bottom: 10px
}
.light-dome__review-text {
color: var(–muted);
font-size: 14px;
line-height: 1.6;
margin-bottom: 12px
}
.light-dome__review-highlight {
font-size: 12px;
color: var(–accent);
font-style: italic;
border-left: 2px solid var(–accent-light);
padding-left: 10px
}
/* ========== FEATURES GRID – IMPROVED ========== */
.light-dome__features {
margin: clamp(60px, 8vw, 100px) 0
}
.light-dome__features h3 {
font-size: clamp(22px, 4vw, 28px);
margin-bottom: clamp(20px, 4vw, 30px);
color: var(–primary);
font-weight: 600;
border-bottom: 2px solid var(–accent-light);
padding-bottom: 15px
}
.light-dome__features-list {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 25px;
margin: 0;
padding: 0;
list-style: none
}
.light-dome__features-list li {
display: flex;
flex-direction: column;
gap: 15px;
padding: 20px;
background: #fff;
border-radius: 12px;
border: 1px solid var(–accent-light);
box-shadow: 0 2px 8px var(–shadow);
transition: all .3s ease
}
.light-dome__features-list li:hover {
transform: translateY(-4px);
box-shadow: 0 8px 20px rgba(0, 0, 0, .12)
}
.light-dome__feature-icon {
width: 50px;
height: 50px;
background: #f0e8df;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
color: var(–accent);
border: 1px solid var(–accent-light);
align-self: flex-start
}
.light-dome__feature-icon svg {
width: 28px;
height: 28px
}
.light-dome__feature-content h5 {
font-size: clamp(15px, 2vw, 16px);
font-weight: 700;
margin-bottom: 8px;
color: var(–primary);
line-height: 1.3
}
.light-dome__feature-content p {
font-size: clamp(13px, 1.5vw, 14px);
color: var(–muted);
line-height: 1.6;
margin: 0
}
.light-dome__package {
margin: clamp(60px, 8vw, 100px) 0
}
.light-dome__package h3 {
font-size: 28px;
margin-bottom: 30px;
color: var(–primary);
font-weight: 600;
border-bottom: 2px solid var(–accent-light);
padding-bottom: 15px
}
.light-dome__package-list {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 8px;
margin: 0;
padding: 0;
list-style: none
}
.light-dome__package-list li {
display: flex;
align-items: center;
gap: 6px;
padding: 8px 12px;
font-size: 13px;
background: var(–bg-light);
border-radius: 6px;
border: 1px solid var(–accent-light);
transition: all .2s ease
}
.light-dome__package-list li:hover {
background: #fff;
transform: translateY(-2px);
box-shadow: 0 2px 8px var(–shadow)
}
.light-dome__package-list li:before {
content: “✓”;
color: var(–accent);
font-weight: bold;
font-size: 14px;
flex-shrink: 0
}
.light-dome__faq {
margin-top: clamp(60px, 8vw, 100px)
}
.light-dome__faq h3 {
font-size: 28px;
margin-bottom: 20px;
color: var(–primary);
font-weight: 600;
border-bottom: 2px solid var(–accent-light);
padding-bottom: 15px
}
.light-dome__faq details {
border: none;
border-radius: 6px;
padding: 15px;
background: var(–bg-light);
box-shadow: 0 4px 15px var(–shadow);
transition: all .3s ease;
margin-bottom: 10px;
border: 1px solid var(–accent-light)
}
.light-dome__faq details:hover {
box-shadow: 0 4px 12px rgba(166, 124, 82, .15);
transform: translateX(4px)
}
.light-dome__faq summary {
font-weight: 600;
color: var(–primary);
outline: none;
user-select: none;
display: flex;
align-items: center;
gap: 10px;
cursor: pointer;
font-size: 15px
}
.light-dome__faq summary::before {
content: “→”;
color: var(–accent);
font-weight: bold;
font-size: 1.2em;
transition: transform .3s ease
}
.light-dome__faq details[open] summary::before {
transform: rotate(90deg)
}
.light-dome__faq summary:hover {
color: var(–accent)
}
.light-dome__faq details[open] summary {
margin-bottom: 10px;
color: var(–accent)
}
.light-dome__faq p {
color: var(–muted);
line-height: 1.6;
font-size: 14px;
margin: 0
}
.ie-warranty {
font-family: inherit;
margin: clamp(40px, 6vw, 60px) 0;
border: 1px solid var(–accent-light);
border-radius: 12px;
overflow: hidden;
background: linear-gradient(135deg, #fff 0%, var(–bg-light) 100%);
box-shadow: 0 4px 15px var(–shadow)
}
.ie-warranty__top {
display: flex;
align-items: center;
gap: .75rem;
padding: 1.5rem 1.5rem 1rem;
background: var(–accent);
color: #fff
}
.ie-warranty__shield {
width: 24px;
height: 24px;
flex: 0 0 24px;
color: #fff
}
.ie-warranty__title {
margin: 0;
font-size: 1.2rem;
font-weight: 700;
letter-spacing: .2px;
color: #fff
}
.ie-warranty__body {
padding: 1.5rem
}
.ie-warranty__body p {
margin: 0 0 .75rem 0;
line-height: 1.6;
color: var(–primary)
}
.ie-warranty__list {
margin: .5rem 0 0 0;
padding-left: 1.25rem;
color: var(–primary)
}
.ie-warranty__list li {
margin: .4rem 0;
line-height: 1.5
}
.ie-warranty__note {
margin-top: 1rem;
font-size: .9rem;
opacity: .8;
color: var(–muted)
}
.ie-warranty__badge {
display: flex;
align-items: center;
gap: .75rem;
margin: 1.5rem 0 1rem;
padding: 1rem 1.25rem;
border: 2px solid var(–accent);
border-radius: 8px;
background: #fff;
box-shadow: 0 2px 8px rgba(166, 124, 82, .1)
}
.ie-warranty__badge .tick {
font-size: 1.2rem;
line-height: 1;
color: var(–accent)
}
.ie-warranty__badge strong {
font-weight: 700;
color: var(–primary)
}
.ie-warranty__badge div {
color: var(–primary)
}
/* ========== CRO STYLES ========== */
/* CTA Section */
.light-dome__cta-section {
text-align: center;
margin: clamp(30px, 4vw, 40px) 0;
padding: clamp(20px, 3vw, 30px);
background: linear-gradient(135deg, #fff 0%, var(–bg-light) 100%);
border-radius: 12px;
border: 2px solid var(–accent);
box-shadow: 0 8px 30px rgba(166, 124, 82, .15)
}
.light-dome__price {
font-size: clamp(2rem, 4vw, 2.5rem);
font-weight: 700;
color: var(–accent);
margin-bottom: 15px
}
.light-dome__price-note {
font-size: clamp(13px, 1.5vw, 16px);
color: var(–muted);
margin-bottom: 20px
}
.light-dome__cta-primary {
background: var(–accent);
color: #fff;
border: none;
padding: clamp(14px, 2vw, 18px) clamp(30px, 4vw, 40px);
font-size: clamp(15px, 2vw, 18px);
font-weight: 700;
border-radius: 8px;
cursor: pointer;
transition: all .3s ease;
box-shadow: 0 4px 15px rgba(166, 124, 82, .3);
text-transform: uppercase;
letter-spacing: .5px;
width: 100%;
max-width: 400px
}
.light-dome__cta-primary:hover {
background: #8b6740;
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(166, 124, 82, .4)
}
.light-dome__cta-primary:active {
transform: translateY(0)
}
.light-dome__trust-bar {
display: flex;
justify-content: center;
gap: clamp(15px, 3vw, 30px);
margin-top: 20px;
flex-wrap: wrap;
font-size: clamp(11px, 1.5vw, 14px);
color: var(–primary);
font-weight: 500
}
.light-dome__trust-bar div {
display: flex;
align-items: center;
gap: 5px
}
.light-dome__trust-bar div:before {
content: “✓”;
color: var(–accent);
font-weight: bold
}
/* Guarantee Bar */
.light-dome__guarantees-bar {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: 15px;
margin: 30px 0;
padding: 20px;
background: #fff;
border-radius: 12px;
border: 1px solid var(–accent-light);
box-shadow: 0 4px 15px var(–shadow)
}
.guarantee-item {
text-align: center;
padding: 15px;
background: var(–bg-light);
border-radius: 8px;
transition: all .3s ease
}
.guarantee-item:hover {
transform: translateY(-4px);
box-shadow: 0 4px 12px var(–shadow)
}
.guarantee-item svg {
width: 32px;
height: 32px;
margin: 0 auto 10px;
color: var(–accent)
}
.guarantee-item strong {
display: block;
font-size: clamp(12px, 1.5vw, 14px);
color: var(–primary);
margin-top: 8px
}
/* Comparison Table */
.light-dome__comparison {
margin: 60px 0;
padding: 40px 0
}
.light-dome__comparison h3 {
font-size: clamp(22px, 4vw, 28px);
margin-bottom: 30px;
color: var(–primary);
font-weight: 600;
text-align: center;
border-bottom: 2px solid var(–accent-light);
padding-bottom: 15px
}
.light-dome__comparison-table {
width: 100%;
border-collapse: collapse;
background: #fff;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 4px 20px var(–shadow)
}
.light-dome__comparison-table th {
padding: 15px;
background: var(–accent);
color: #fff;
font-weight: 700;
text-align: left;
font-size: 15px
}
.light-dome__comparison-table td {
padding: 15px;
border-bottom: 1px solid var(–accent-light);
font-size: 14px
}
.light-dome__comparison-table tr:last-child td {
border-bottom: none
}
.light-dome__comparison-table td:first-child {
font-weight: 600;
color: var(–primary);
background: var(–bg-light);
width: 30%
}
.light-dome__comparison-table td:nth-child(2) {
color: #2d5016;
font-weight: 500
}
.light-dome__comparison-table td:nth-child(3) {
color: #7a271a
}
.light-dome__comparison-table tr:hover {
background: rgba(166, 124, 82, .05)
}
/* Guarantee Box */
.light-dome__guarantee-box {
background: linear-gradient(135deg, #fff 0%, var(–bg-light) 100%);
border: 2px solid var(–accent);
border-radius: 12px;
padding: clamp(20px, 4vw, 30px);
margin: 40px 0;
box-shadow: 0 8px 25px rgba(166, 124, 82, .15)
}
.light-dome__guarantee-box h4 {
font-size: clamp(20px, 3vw, 24px);
color: var(–primary);
margin-bottom: 20px;
text-align: center
}
.light-dome__guarantee-box ul {
list-style: none;
padding: 0;
margin: 0 0 20px 0
}
.light-dome__guarantee-box li {
padding: 12px 0 12px 35px;
position: relative;
font-size: clamp(13px, 1.5vw, 15px);
line-height: 1.6;
color: var(–primary);
border-bottom: 1px solid var(–accent-light)
}
.light-dome__guarantee-box li:last-child {
border-bottom: none
}
.light-dome__guarantee-box li:before {
content: “🛡️”;
position: absolute;
left: 0;
font-size: 20px
}
.light-dome__guarantee-box li strong {
color: var(–accent)
}
.light-dome__guarantee-box p {
text-align: center;
color: var(–muted);
font-style: italic;
margin: 0;
font-size: clamp(12px, 1.5vw, 14px)
}
/* Review Stats */
.light-dome__review-stats {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
margin-bottom: 30px;
padding: 25px;
background: linear-gradient(135deg, #fff 0%, var(–bg-light) 100%);
border-radius: 12px;
border: 1px solid var(–accent-light)
}
.stat {
text-align: center;
padding: 15px
}
.stat-number {
font-size: clamp(2rem, 4vw, 2.5rem);
font-weight: 700;
color: var(–accent);
margin-bottom: 5px
}
.stat-label {
font-size: 13px;
color: var(–muted);
text-transform: uppercase;
letter-spacing: .5px
}
/* Review Highlights */
.light-dome__review-highlights {
display: flex;
gap: 15px;
margin-bottom: 25px;
flex-wrap: wrap;
justify-content: center
}
.highlight {
background: #fff;
padding: 10px 18px;
border-radius: 20px;
font-size: 13px;
color: var(–primary);
border: 1px solid var(–accent-light);
box-shadow: 0 2px 8px var(–shadow)
}
/* Scarcity Notice */
.light-dome__scarcity-notice {
background: #fff8f0;
border: 2px solid var(–accent);
border-radius: 8px;
padding: clamp(12px, 2vw, 15px) clamp(15px, 3vw, 20px);
margin: 25px 0;
text-align: center;
font-size: clamp(12px, 1.5vw, 14px);
color: var(–primary);
line-height: 1.6
}
.light-dome__scarcity-notice a {
color: var(–accent);
font-weight: 700;
text-decoration: none;
border-bottom: 2px solid var(–accent)
}
.light-dome__scarcity-notice a:hover {
color: #8b6740
}
/* Config Price Tags */
.config-price {
display: block;
font-size: 11px;
color: var(–accent);
font-weight: 700;
margin-top: 4px
}
/* Customer Photos Gallery */
.light-dome__ugc {
margin: 60px 0
}
.light-dome__ugc h3 {
font-size: 28px;
margin-bottom: 15px;
color: var(–primary);
font-weight: 600;
text-align: center;
border-bottom: 2px solid var(–accent-light);
padding-bottom: 15px
}
.light-dome__ugc-intro {
text-align: center;
color: var(–muted);
font-size: 15px;
margin-bottom: 30px
}
.light-dome__ugc-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 15px
}
.light-dome__ugc-item {
position: relative;
overflow: hidden;
border-radius: 8px;
box-shadow: 0 4px 15px var(–shadow);
aspect-ratio: 1
}
.light-dome__ugc-item img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform .3s ease
}
.light-dome__ugc-item:hover img {
transform: scale(1.05)
}
.light-dome__ugc-credit {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, .7);
color: #fff;
padding: 8px;
font-size: 11px;
text-align: center
}
/* Trust Signals */
.light-dome__trust-signals {
display: flex;
align-items: center;
justify-content: center;
gap: 25px;
flex-wrap: wrap;
margin: 30px 0;
padding: 20px;
background: var(–bg-light);
border-radius: 8px
}
.light-dome__trust-signals img {
max-height: 40px;
opacity: .7;
transition: opacity .3s ease
}
.light-dome__trust-signals img:hover {
opacity: 1
}
.light-dome__trust-signals .ssl-badge,
.light-dome__trust-signals .certification {
font-size: 13px;
color: var(–muted);
font-weight: 600
}
/* Lifestyle sections */
.lifestyle-section {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 40px;
align-items: center;
margin: clamp(40px, 6vw, 60px) 0
}
.lifestyle-section__image {
position: relative;
overflow: hidden;
border-radius: 8px;
box-shadow: 0 10px 40px rgba(0, 0, 0, .1)
}
.lifestyle-section__image img {
width: 100%;
height: auto;
display: block;
transition: transform .5s ease
}
.lifestyle-section__content h4 {
margin-bottom: 15px;
color: var(–primary);
font-size: clamp(18px, 2.5vw, 20px);
font-weight: 600;
line-height: 1.3
}
.lifestyle-section__content p {
color: var(–muted);
line-height: 1.7;
font-size: clamp(14px, 1.5vw, 15px);
margin: 0
}
/* ========== MOBILE RESPONSIVE FIXES ========== */
@media (max-width: 768px) {
/* Features Grid – Single Column on Mobile */
.light-dome__features-list {
grid-template-columns: 1fr;
gap: 15px
}
.light-dome__features-list li {
padding: 15px;
gap: 12px
}
.light-dome__feature-icon {
width: 45px;
height: 45px
}
.light-dome__feature-icon svg {
width: 24px;
height: 24px
}
/* Config Grid */
.light-dome__config-grid {
grid-template-columns: 1fr;
padding: 20px;
gap: 25px
}
.light-dome__config-section:first-child .light-dome__config-options {
grid-template-columns: 1fr
}
/* Config Slider */
.light-dome__config-slide {
flex: 0 0 calc(100% – 20px);
min-width: calc(100% – 20px)
}
.light-dome__config-slider-wrap {
max-width: 100%
}
.light-dome__config-slide-img {
height: 300px
}
.light-dome__config-slider-title {
font-size: 18px;
margin-bottom: 20px
}
/* Review Slider */
.light-dome__review-slider-item {
flex: 0 0 calc(100% – 25px);
min-width: calc(100% – 25px)
}
.light-dome__review-card {
padding: 20px
}
/* Dimensions Grid */
.light-dome__dimensions-grid {
grid-template-columns: repeat(2, 1fr);
gap: 10px;
padding: 15px
}
.light-dome__dimension-card {
padding: 8px
}
.light-dome__dimension-value {
font-size: 18px
}
/* Package List */
.light-dome__package-list {
grid-template-columns: 1fr;
gap: 6px
}
.light-dome__package-list li {
font-size: 12px;
padding: 10px 12px
}
/* Specs Table */
.light-dome__specs-table td {
padding: 10px 12px;
font-size: 13px
}
.light-dome__specs-table td:first-child {
width: 45%
}
/* Lifestyle Sections – Stack on Mobile */
.lifestyle-section {
grid-template-columns: 1fr;
gap: 20px
}
.lifestyle-section[style*=”direction:rtl”] {
direction: ltr
}
.lifestyle-section__content {
direction: ltr
}
/* Warranty Badge */
.light-dome__warranty-badge {
flex-direction: column;
text-align: center;
gap: 12px;
padding: 20px
}
.light-dome__warranty-badge-icon {
width: 50px;
height: 50px
}
/* Review Stats */
.light-dome__review-stats {
grid-template-columns: 1fr;
gap: 10px;
padding: 20px
}
.stat {
padding: 10px
}
/* Guarantees Bar */
.light-dome__guarantees-bar {
grid-template-columns: 1fr 1fr;
gap: 10px;
padding: 15px
}
.guarantee-item {
padding: 12px
}
.guarantee-item svg {
width: 28px;
height: 28px
}
/* Comparison Table */
.light-dome__comparison {
padding: 20px 0
}
.light-dome__comparison-table {
font-size: 11px;
display: block;
overflow-x: auto
}
.light-dome__comparison-table th,
.light-dome__comparison-table td {
padding: 8px 6px;
word-break: break-word
}
.light-dome__comparison-table th {
font-size: 11px
}
.light-dome__comparison-table td:first-child {
width: 25%;
min-width: 70px
}
.light-dome__comparison-table td:nth-child(2),
.light-dome__comparison-table td:nth-child(3) {
width: 37.5%
}
/* Headers */
.light-dome__header {
padding: clamp(30px, 5vw, 50px) 0
}
.light-dome__title {
line-height: 1.2
}
.light-dome__sub {
font-size: clamp(1rem, 2vw, 1.1rem)
}
/* CTA Section */
.light-dome__cta-section {
padding: 20px 15px
}
.light-dome__trust-bar {
gap: 10px;
font-size: 11px
}
/* FAQ */
.light-dome__faq summary {
font-size: 14px
}
.light-dome__faq p {
font-size: 13px
}
.light-dome__faq details {
padding: 12px
}
/* Warranty */
.ie-warranty__title {
font-size: 1rem
}
.ie-warranty__badge {
flex-direction: column;
align-items: flex-start;
gap: .35rem
}
.ie-warranty__body {
padding: 1.2rem
}
/* Download Section */
.light-dome__download {
padding: 20px 15px
}
.light-dome__download h4 {
font-size: 18px
}
.light-dome__download p {
font-size: 13px
}
.light-dome__download a {
padding: 12px 24px;
font-size: 13px
}
}
@media (max-width: 480px) {
/* Further mobile optimizations */
.light-dome__wrap {
padding: 20px 12px
}
.light-dome__header {
padding: 25px 0
}
.light-dome__config-slider-container {
padding: 0 35px
}
.light-dome__config-arrow {
width: 30px;
height: 30px;
font-size: 16px
}
.light-dome__review-arrow {
width: 30px;
height: 30px;
font-size: 16px
}
.light-dome__guarantees-bar {
grid-template-columns: 1fr;
gap: 8px;
padding: 12px
}
.guarantee-item {
padding: 10px
}
.light-dome__trust-bar {
flex-direction: column;
gap: 8px;
align-items: center
}
.light-dome__features-list {
gap: 12px
}
.light-dome__features-list li {
padding: 12px
}
}
/* ========== HERO GIFT BADGE (SQUARE & HANGING) ========== */
.light-dome__gift-badge {
position: absolute;
top: 15px;
left: 15px; /* Moved to top-left */
background: #fff8f0; /* Matches scarcity box color */
padding: 12px 8px;
border-radius: 8px; /* Slightly rounded corners for a softer square */
display: flex;
flex-direction: column; /* Stack icon and text vertically to make a square */
align-items: center;
justify-content: center;
text-align: center;
gap: 6px;
width: 100px; /* Fixed width for standard square shape */
height: 100px; /* Fixed height for standard square shape */
box-shadow: 0 6px 15px rgba(0, 0, 0, 0.12);
border: 1px solid var(–accent);
z-index: 10;
transform-origin: top center; /* Makes the animation swing from the top */
animation: badge-swing 3.5s ease-in-out infinite; /* Gentle hanging animation */
}
.light-dome__gift-badge svg {
color: var(–accent);
width: 26px;
height: 26px;
flex-shrink: 0;
}
.light-dome__gift-badge span {
color: var(–primary);
font-size: clamp(11px, 1.2vw, 13px);
font-weight: 700;
line-height: 1.2;
}
/* ========== HERO GIFT LABEL (HANGING TAG) ========== */
.light-dome__hanging-label {
position: absolute;
top: 25px; /* Dropped down to make room for the string */
right: 20px; /* Top right corner */
background: #fff8f0; /* Matches the scarcity box */
border: 1px solid var(–accent);
border-radius: 8px;
padding: 14px 8px 10px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 8px;
width: 105px;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
z-index: 10;
/* Makes it physical: The tag swings exactly from the top of the string! */
transform-origin: 50% -20px;
animation: tag-swing 3.5s ease-in-out infinite;
}
/* The actual string */
.light-dome__hanging-label::before {
content: “”;
position: absolute;
top: -20px;
left: 50%;
transform: translateX(-50%);
width: 1.5px;
height: 20px;
background: var(–accent);
opacity: 0.8;
}
/* The hole in the tag */
.light-dome__hanging-label::after {
content: “”;
position: absolute;
top: 6px;
left: 50%;
transform: translateX(-50%);
width: 6px;
height: 6px;
background: #333; /* Dark hole effect */
border-radius: 50%;
box-shadow: inset 0 1px 2px rgba(0,0,0,0.8), 0 1px 0 rgba(255,255,255,0.8);
}
/* Lit Bulb Icon */
.light-dome__label-bulb {
color: #e6a100; /* Warm gold ray color */
width: 30px; /* Slightly larger as the focus */
height: 30px;
flex-shrink: 0;
margin-top: 3px;
filter: drop-shadow(0 0 6px rgba(230, 161, 0, 0.7)); /* Outer glow */
animation: bulb-glow 1.5s infinite alternate ease-in-out;
}
.light-dome__hanging-label span {
color: var(–primary);
font-size: clamp(10px, 1.2vw, 12px);
font-weight: 800;
line-height: 1.25;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.5px;
}
/* Tag swinging animation */
@keyframes tag-swing {
0% { transform: rotate(-4deg); }
50% { transform: rotate(4deg); }
100% { transform: rotate(-4deg); }
}
/* Brightly lit bulb glow animation */
@keyframes bulb-glow {
0% { filter: drop-shadow(0 0 3px rgba(255, 180, 0, 0.5)); transform: scale(0.95); opacity: 0.9; }
100% { filter: drop-shadow(0 0 12px rgba(255, 180, 0, 1)); transform: scale(1.05); opacity: 1; }
}
@media (max-width: 768px) {
.light-dome__hanging-label {
right: 10px;
width: 90px;
padding: 10px 5px 8px;
}
.light-dome__label-bulb {
width: 22px;
height: 22px;
}
.light-dome__hanging-label span {
font-size: 8px;
}
}
Unlacquered Brass Table Light
Pierced Bedside Lamp • Solid Brass Cylinder Base
Crafted from solid brass and left unlacquered, this elegant table light evolves with time developing a rich, natural patina that tells the story of your space. The delicate pierced detailing casts intricate shadow patterns, transforming light into art across your walls and surfaces.
Designed for bedside, desk, or console use, it offers timeless warmth and heirloom quality. Hardwired for clean lines and enduring performance, a quiet statement of craftsmanship in every room.
FREE BULB
OUR GIFT TO YOU
About This Lamp
Each lamp is hand-finished and assembled in our workshop. The unlacquered brass will gradually enrich in tone with use and exposure. a hallmark of authentic craftsmanship.
Crafted Detail Gallery
🛡️ Our No-Risk Promise to You
- 15-Day Returns: Changed your mind? We’ll refund you – just send it back unused in its original packaging.
- 5-Year Warranty: Covers material and craftsmanship defects (excludes natural aging of unlacquered brass).
- Perfect Match Guarantee: All hardware and finishes are unified guaranteed.
We craft every lamp to last generations, so you can buy with total confidence.
Distinctive Features
-
Solid Brass Construction
Cast and machined from high-grade solid brass, substantial weight, superior stability, and enduring value.
-
Unlacquered Brass Finish
Designed to age gracefully develops a warm, mottled patina over time. Each lamp becomes uniquely yours.
-
Pierced Light Diffusion
Hand-pierced pattern projects soft, dynamic shadows turning light into living art on your walls.
-
Hardwired Elegance
Clean, cord-free installation (cord and plug not included). Works with standard E14 bulb, easy to source and replace.
Light as Art
The hand-pierced brass isn’t just beautiful. it’s functional poetry. As light passes through, it paints your space with ever-changing silhouettes: a subtle dance of geometry and shadow, ideal for winding down at night.
Designed for Quiet Moments
Perfect for bedside or reading nooks, its low-profile cylinder base ensures stability, while the unlacquered brass deepens in character with daily use. a companion that grows more personal over time.
Technical Specifications
| Material | Solid Brass |
| Finish | Unlacquered Brass (Ages Naturally) |
| Installation | Hardwired (Cord & Plug Not Included) |
| Bulb Type | E14 Base US/UK/EU Compatible (2-Free Bulbs as A GIFT to You🎁) |
| Bulb Lighting Color | 2700k |
| Customization | Yes, Size & Finish available upon request |
| Return Policy | 15-Day Return |
| Warranty | 5-Year Limited Warranty |
Standard Dimensions
📏 Dimensions may vary slightly due to handcrafting.
Need custom sizing or finish? Note your request at checkout, we’ll craft it to your vision.
Warranty & Guarantee
We stand by the quality of our products with industry-leading protection.
- 5-Year Limited Warranty on fixture construction and materials.
- Covered for repair or replacement in case of manufacturing defects (installation/labor costs excluded).
- Visual damages must be reported within 15 days of delivery with photos and proof of purchase.
Need help? Email contact@insideast.com with your order number.
Finish note: The unlacquered brass finish is intentionally unfinished patina development is natural and desired. Variations in aging are not defects, but marks of authenticity.
A Lamp That Ages With You
Solid brass, hand-pierced detail and a finish that deepens with time where daily use becomes part of its beauty.
(function() {
function initSliders() {
// Configuration Slider
const configSlider = document.getElementById(‘configSlider’);
if (configSlider) {
const leftArrows = document.querySelectorAll(‘.light-dome__config-arrow–left’);
const rightArrows = document.querySelectorAll(‘.light-dome__config-arrow–right’);
leftArrows.forEach(arrow => {
// Only add the event listener if we haven’t already
if (!arrow.dataset.listener) {
arrow.addEventListener(‘click’, function(e) {
e.preventDefault();
configSlider.scrollBy({ left: -400, behavior: ‘smooth’ });
});
arrow.dataset.listener = ‘true’;
}
});
rightArrows.forEach(arrow => {
if (!arrow.dataset.listener) {
arrow.addEventListener(‘click’, function(e) {
e.preventDefault();
configSlider.scrollBy({ left: 400, behavior: ‘smooth’ });
});
arrow.dataset.listener = ‘true’;
}
});
}
// Review Slider (if present on the page)
const reviewSlider = document.getElementById(‘reviewSlider’);
if (reviewSlider) {
const leftArrows = document.querySelectorAll(‘.light-dome__review-arrow–left’);
const rightArrows = document.querySelectorAll(‘.light-dome__review-arrow–right’);
leftArrows.forEach(arrow => {
if (!arrow.dataset.listener) {
arrow.addEventListener(‘click’, function(e) {
e.preventDefault();
reviewSlider.scrollBy({ left: -400, behavior: ‘smooth’ });
});
arrow.dataset.listener = ‘true’;
}
});
rightArrows.forEach(arrow => {
if (!arrow.dataset.listener) {
arrow.addEventListener(‘click’, function(e) {
e.preventDefault();
reviewSlider.scrollBy({ left: 400, behavior: ‘smooth’ });
});
arrow.dataset.listener = ‘true’;
}
});
}
}
// Run initialization
// 1. Immediately if DOM is ready
// 2. Wait until DOM loads if it hasn’t
if (document.readyState === ‘loading’) {
document.addEventListener(‘DOMContentLoaded’, initSliders);
} else {
initSliders();
}
// 3. Keep an eye on the page for dynamically loaded content (e.g., Shopify Sections)
const observer = new MutationObserver((mutations) => {
initSliders();
});
observer.observe(document.body, { childList: true, subtree: true });
})();
// Original fallback functions
function scrollConfigLeft() { document.getElementById(‘configSlider’).scrollBy({ left: -400, behavior: ‘smooth’ }); }
function scrollConfigRight() { document.getElementById(‘configSlider’).scrollBy({ left: 400, behavior: ‘smooth’ }); }
function scrollReviewsLeft() { document.getElementById(‘reviewSlider’).scrollBy({ left: -400, behavior: ‘smooth’ }); }
function scrollReviewsRight() { document.getElementById(‘reviewSlider’).scrollBy({ left: 400, behavior: ‘smooth’ }); }
function scrollToVariations() { window.scrollTo(0, 0); }
English
Reviews
There are no reviews yet.