/* ========== 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, 2.2vw, 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;
}
}
/* ========== SUSPENSION OPTIONS SECTION ========== */
.light-dome__suspension {
display: grid;
grid-template-columns: 1fr 1fr;
gap: clamp(20px, 4vw, 40px);
align-items: center;
background: linear-gradient(135deg, #fff 0%, var(–bg-light) 100%);
border: 1px solid var(–accent-light);
border-radius: 12px;
padding: clamp(20px, 4vw, 40px);
margin: 40px auto;
max-width: 900px;
box-shadow: 0 8px 25px rgba(166, 124, 82, 0.08);
}
.light-dome__suspension-content h4 {
font-size: clamp(20px, 3vw, 24px);
color: var(–primary);
margin-bottom: 12px;
font-weight: 600;
}
.light-dome__suspension-content p {
color: var(–muted);
font-size: clamp(14px, 1.5vw, 15px);
line-height: 1.6;
margin-bottom: 25px;
}
.light-dome__suspension-note {
background: #fff8f0;
border-left: 4px solid var(–accent);
padding: 18px;
border-radius: 4px 8px 8px 4px;
display: flex;
gap: 12px;
align-items: flex-start;
box-shadow: 0 4px 12px rgba(0,0,0,0.03);
}
.light-dome__suspension-note svg {
color: var(–accent);
width: 24px;
height: 24px;
flex-shrink: 0;
margin-top: 2px;
}
.light-dome__suspension-note span {
font-size: 13.5px;
line-height: 1.5;
color: var(–primary);
}
.light-dome__suspension-note strong {
color: var(–accent);
}
.light-dome__suspension-img-wrapper {
position: relative;
border-radius: 8px;
overflow: hidden;
background: #f4f4f4; /* Matches the background of your image */
border: 1px solid var(–accent-light);
}
.light-dome__suspension-img-wrapper img {
width: 100%;
height: auto;
display: block;
mix-blend-mode: multiply; /* Blends the image perfectly into the layout */
}
@media (max-width: 768px) {
.light-dome__suspension {
grid-template-columns: 1fr;
padding: 25px 20px;
}
}
/* ========== PACKAGE INCLUDES SECTION ========== */
.light-dome__pkg-includes {
margin: clamp(40px, 6vw, 80px) 0;
}
.light-dome__pkg-includes h3 {
font-size: clamp(22px, 4vw, 28px);
margin-bottom: 20px;
color: var(–primary);
font-weight: 600;
border-bottom: 2px solid var(–accent-light);
padding-bottom: 15px;
}
.light-dome__pkg-grid {
display: grid;
grid-template-columns: repeat(4, 1fr); /* 4 equal columns */
gap: 15px;
background: var(–bg-light);
padding: clamp(15px, 3vw, 24px);
border-radius: 12px;
border: 1px solid var(–accent-light);
}
.light-dome__pkg-card {
text-align: center;
padding: 25px 15px;
background: #fff;
border-radius: 8px;
border: 1px solid var(–accent-light);
box-shadow: 0 2px 8px var(–shadow);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
transition: all 0.3s ease;
position: relative;
}
.light-dome__pkg-card:hover {
transform: translateY(-4px);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}
.light-dome__pkg-icon {
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
background: var(–bg-light);
border-radius: 50%;
color: var(–accent);
margin-bottom: 12px;
}
.light-dome__pkg-icon svg {
width: 22px;
height: 22px;
}
.light-dome__pkg-label {
font-size: clamp(14px, 1.5vw, 16px);
font-weight: 600;
color: var(–primary);
}
/* Free Gift Highlight Card */
.light-dome__pkg-highlight {
border: 2px solid var(–accent);
box-shadow: 0 4px 15px rgba(166, 124, 82, 0.15);
overflow: hidden;
/* Extra slightly larger padding on top to fit the absolute badge */
padding-top: 35px;
}
.light-dome__pkg-highlight::before {
content: ”;
position: absolute;
top: 0; left: 0; right: 0;
height: 4px;
background: var(–accent);
}
.light-dome__pkg-highlight .light-dome__pkg-label {
color: var(–accent);
font-weight: 700;
}
.light-dome__pkg-highlight .light-dome__pkg-icon {
background: rgba(166, 124, 82, 0.1);
}
.light-dome__pkg-badge {
position: absolute;
top: 10px;
left: 50%;
transform: translateX(-50%);
background: var(–accent);
color: #fff;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 1px;
padding: 4px 10px;
border-radius: 20px;
font-weight: 700;
white-space: nowrap;
}
/* Responsive Adjustments */
@media (max-width: 900px) {
.light-dome__pkg-grid {
grid-template-columns: repeat(2, 1fr); /* 2×2 grid on tablets */
}
}
@media (max-width: 500px) {
.light-dome__pkg-grid {
grid-template-columns: 1fr; /* Stack on phones */
}
}
Dome – Oxidized Copper Pendant Light
Handcrafted for Warmth, Designed for Your Island
Forged from solid copper and finished with a rich, antique patina, this dome pendant light brings timeless, artisanal warmth to any kitchen island or dining area. Its hand-hammered texture catches the light, creating a dynamic play of shadows and highlights that evolves with your space.
Designed for real life, it’s built for durability and offers customizable sizing and cord length to fit your ceiling height and room layout perfectly. The protective finish ensures its beauty endures for years.
FREE BULB
OUR GIFT TO YOU
Choose Your Size & Cord Length
Select the diameter that fits your island and the cord length for your ceiling height. All fixtures are solid copper, ceiling-mounted.
Diameter
Cord Length
Custom Suspension Styles
We tailor every detail to your space. Choose from our standard Fabric Cords, or elevate your design with a heavy-duty Brass Link Chain or seamless Solid Brass Rod.
How to request: Simply mention your preferred suspension style in the “Order Notes” box at checkout, or reach out to us at contact@insideast.com and we will gladly handle the rest.
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).
- Perfect Match Guarantee: Fixture + hardware always in the same finish — guaranteed.
We craft every fixture to last generations — so you can buy with total confidence.
Distinctive Features
-
Solid Copper Construction
Built from thick, high-strength oxidized solid copper for lasting durability and resistance to wear over time.
-
Antique Copper Finish
Features a rich, warm, vintage patina that adds depth and timeless charm, protected by a clear coat to maintain its beauty for years.
-
Ceiling-Mounted Design
Engineered for secure, effortless installation with all necessary hardware included. Perfect for any kitchen island or dining area.
-
Customizable Options
Available in multiple diameters and cord lengths to perfectly match your design vision and functional needs.
Where Form Meets Function
The hand-hammered texture isn’t just decorative; it’s designed to diffuse light beautifully, casting a soft, ambient glow perfect for intimate dinners or cozy breakfasts. The dome shape directs light downward, illuminating your island without glare.
Designed for Real Kitchens
Solid copper resists corrosion and offers antimicrobial properties. The antique finish complements wood, stone, marble, and concrete countertops, adding warmth and character to both modern and traditional spaces.
Package Includes
Technical Specifications
| Material | Solid Copper |
| Finish | Antique Copper (Protected) |
| Installation | Ceiling Mounted |
| Bulb Type | Fits E26/E27 Bases — US/UK/EU Compatible (Included as 🎁) |
| Bulb Lighting Color | 2700k |
| Wattage | 300W Max |
| Voltage | 250V |
| Customization | Size & Cord Length available upon request |
| Warranty | 5-Year Limited Warranty |
| Return Policy | 15-Day Return |
Standard Dimensions
📏 All fixtures have a consistent height (B) of 2.2″ and a canopy (E) of 5.9″.
Need custom sizing? Provide your desired dimensions at checkout — we’ll craft it to fit perfectly.
Installation & Care PDF
Complete dimensions, mounting templates, care instructions, and bulb guide.
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 antique copper finish is intentionally aged and protected. This living finish is intentional — not a defect — and deepens in character with daily use.
A Light That Tells Your Story
Hand-hammered, solid copper, built to evolve with your life where craftsmanship and daily ritual meet.
(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.